From 872de9e31cbc8b238af7ed5710b2696f287e5677 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 19 Apr 2026 16:02:42 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/components/cases/time-tab.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/components/cases/time-tab.tsx b/src/components/cases/time-tab.tsx
index 3f8834c..5232bf0 100644
--- a/src/components/cases/time-tab.tsx
+++ b/src/components/cases/time-tab.tsx
@@ -286,6 +286,28 @@ export function CaseTimeTab({ caseRecord, onInvoice }: CaseTimeTabProps) {
           </table>
         </CardContent>
       </Card>
+
+      <NewFeeItemDialog
+        open={showNewFee}
+        onOpenChange={setShowNewFee}
+        defaultDescription={form.description}
+        defaultAmount={parseFloat(form.hourly_rate || "0") || undefined}
+        defaultBillable={form.billable}
+        onCreated={(item) => {
+          // Insert into local list and select it
+          setFees((prev) =>
+            [...prev, { id: item.id, name: item.name, description: item.description, amount: Number(item.amount), billable: item.billable }]
+              .sort((a, b) => a.name.localeCompare(b.name)),
+          );
+          setSelectedFeeId(item.id);
+          setForm((f) => ({
+            ...f,
+            hourly_rate: String(item.amount),
+            billable: item.billable,
+            description: item.description || item.name,
+          }));
+        }}
+      />
     </div>
   );
 }