From 30921550df907f50454c8a58f89c631ab62a33fd Mon Sep 17 00:00:00 2001
From: AndyMik90 <andre@mikalsenutvikling.no>
Date: Sat, 20 Dec 2025 11:29:34 +0100
Subject: [PATCH] style: enhance WorkspaceStatus component UI

Updated the styling of the "Stage only" option in the WorkspaceStatus component for improved user experience. Changes include a more visually appealing label with rounded corners and hover effects, as well as dynamic text color based on the checkbox state. This enhances the overall design consistency and interactivity of the UI.
---
 .../task-detail/task-review/WorkspaceStatus.tsx           | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/auto-claude-ui/src/renderer/components/task-detail/task-review/WorkspaceStatus.tsx b/auto-claude-ui/src/renderer/components/task-detail/task-review/WorkspaceStatus.tsx
index 6c67ded5..15a3c2ba 100644
--- a/auto-claude-ui/src/renderer/components/task-detail/task-review/WorkspaceStatus.tsx
+++ b/auto-claude-ui/src/renderer/components/task-detail/task-review/WorkspaceStatus.tsx
@@ -265,12 +265,16 @@ export function WorkspaceStatus({
       {/* Actions Footer */}
       <div className="px-4 py-3 bg-muted/20 border-t border-border space-y-3">
         {/* Stage Only Option */}
-        <label className="flex items-center gap-2 text-sm text-muted-foreground cursor-pointer select-none">
+        <label className="inline-flex items-center gap-2.5 text-sm cursor-pointer select-none px-3 py-2 rounded-lg border border-border bg-background/50 hover:bg-background/80 transition-colors">
           <Checkbox
             checked={stageOnly}
             onCheckedChange={(checked) => onStageOnlyChange(checked === true)}
+            className="border-muted-foreground/50 data-[state=checked]:border-primary"
           />
-          <span>Stage only (review in IDE before committing)</span>
+          <span className={cn(
+            "transition-colors",
+            stageOnly ? "text-foreground" : "text-muted-foreground"
+          )}>Stage only (review in IDE before committing)</span>
         </label>
 
         {/* Primary Actions */}