From c6567de1013eb6bfee97041e043bfb81fe8f8619 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:03:31 +0000
Subject: [PATCH] Changes

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

diff --git a/src/components/timer/header-timer.tsx b/src/components/timer/header-timer.tsx
index 1f2fbd8..9ef5718 100644
--- a/src/components/timer/header-timer.tsx
+++ b/src/components/timer/header-timer.tsx
@@ -349,6 +349,25 @@ export function HeaderTimer() {
         </div>
       </PopoverContent>
     </Popover>
+    <NewFeeItemDialog
+      open={showNewFee}
+      onOpenChange={setShowNewFee}
+      defaultDescription={timer.description}
+      defaultAmount={effectiveRate || undefined}
+      defaultPricingType={isFlatFee ? "flat" : "hourly"}
+      defaultBillable={billable}
+      onCreated={(item) => {
+        setFeeItems((prev) =>
+          [...prev, { id: item.id, name: item.name, description: item.description, amount: Number(item.amount), pricing_type: item.pricing_type }]
+            .sort((a, b) => a.name.localeCompare(b.name)),
+        );
+        setFeeItemId(item.id);
+        if (!timer.description.trim()) {
+          setDescription(item.description?.trim() || item.name);
+        }
+      }}
+    />
+    </>
   );
 }