From b37c52750cd299e38fd709bab0853afc879531ab 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 15:47:17 +0000
Subject: [PATCH] Changes

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

diff --git a/src/components/timer/header-timer.tsx b/src/components/timer/header-timer.tsx
index 8b93ed5..f789e0b 100644
--- a/src/components/timer/header-timer.tsx
+++ b/src/components/timer/header-timer.tsx
@@ -279,9 +279,15 @@ export function HeaderTimer() {
 
           <div className="grid grid-cols-2 gap-3 pt-1">
             <div>
-              <div className="text-[10px] uppercase tracking-wider text-muted-foreground">Rate</div>
+              <div className="text-[10px] uppercase tracking-wider text-muted-foreground">
+                {isFlatFee ? "Flat fee" : "Rate"}
+              </div>
               <div className="text-sm font-medium mt-0.5">
-                {effectiveRate ? `${formatCurrency(effectiveRate)}/hr` : "—"}
+                {effectiveRate
+                  ? isFlatFee
+                    ? formatCurrency(effectiveRate)
+                    : `${formatCurrency(effectiveRate)}/hr`
+                  : "—"}
               </div>
               <div className="text-[10px] text-muted-foreground">
                 {selectedFee
@@ -300,17 +306,24 @@ export function HeaderTimer() {
           </div>
 
           <p className="text-[10px] text-muted-foreground">
-            Time saves rounded up to the nearest 1/10 hour (6 minutes).
+            {isFlatFee
+              ? "Flat fee items save at the fixed amount regardless of elapsed time."
+              : "Time saves rounded up to the nearest 1/10 hour (6 minutes)."}
           </p>
 
           <Button
             className="w-full"
             onClick={handleSave}
-            disabled={saving || !timer.caseId || !timer.description.trim() || elapsedMs < 1000}
+            disabled={
+              saving ||
+              !timer.caseId ||
+              !timer.description.trim() ||
+              (!isFlatFee && elapsedMs < 1000)
+            }
           >
             {saving && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
             <Square className="h-4 w-4 mr-2" />
-            Stop & save
+            {isFlatFee ? "Save flat fee" : "Stop & save"}
           </Button>
         </div>
       </PopoverContent>