From a1a045fff8a4dc7ad9f723158b434fac3f545bf1 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 14 May 2026 23:16:35 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/routes/invoices.$invoiceId.tsx | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/routes/invoices.$invoiceId.tsx b/src/routes/invoices.$invoiceId.tsx
index a474882..983ff4a 100644
--- a/src/routes/invoices.$invoiceId.tsx
+++ b/src/routes/invoices.$invoiceId.tsx
@@ -497,9 +497,12 @@ function InvoiceDetail() {
                   </tbody>
                 </table>
                 {canModify && (
-                  <div className="border-t px-3 py-2 bg-muted/20">
-                    <Button variant="ghost" size="sm" onClick={() => addManualItem(g.caseRow?.id ?? null)} disabled={savingItem}>
-                      <Plus className="h-3.5 w-3.5 mr-1.5" /> Add line to {g.caseRow?.case_number ?? "this group"}
+                  <div className="border-t px-3 py-2 bg-muted/20 flex gap-2">
+                    <Button variant="ghost" size="sm" onClick={() => addManualItem(g.caseRow?.id ?? null, "manual")} disabled={savingItem}>
+                      <Plus className="h-3.5 w-3.5 mr-1.5" /> Add fee
+                    </Button>
+                    <Button variant="ghost" size="sm" onClick={() => addManualItem(g.caseRow?.id ?? null, "expense")} disabled={savingItem}>
+                      <Plus className="h-3.5 w-3.5 mr-1.5" /> Add expense
                     </Button>
                   </div>
                 )}
@@ -508,9 +511,14 @@ function InvoiceDetail() {
           ))}
 
           {canModify && groups.length === 0 && (
-            <Button variant="outline" onClick={() => addManualItem(null)}>
-              <Plus className="h-4 w-4 mr-2" /> Add first line item
-            </Button>
+            <div className="flex gap-2">
+              <Button variant="outline" onClick={() => addManualItem(null, "manual")}>
+                <Plus className="h-4 w-4 mr-2" /> Add fee line
+              </Button>
+              <Button variant="outline" onClick={() => addManualItem(null, "expense")}>
+                <Plus className="h-4 w-4 mr-2" /> Add expense line
+              </Button>
+            </div>
           )}
 
           <Card className="border-border/60">