From 2a381048fee385f257dcf583335f3516f56a506a Mon Sep 17 00:00:00 2001
From: mika kuns <mika.kuns@fb-tuning.de>
Date: Sat, 30 May 2026 17:49:24 +0200
Subject: [PATCH] refactor(ui): merge task-row styles and add shared
 section/danger-box/sidebar/accent styles

---
 src/ClaudeDo.Ui/Design/IslandStyles.axaml | 83 ++++++++++++++++++-----
 1 file changed, 65 insertions(+), 18 deletions(-)

diff --git a/src/ClaudeDo.Ui/Design/IslandStyles.axaml b/src/ClaudeDo.Ui/Design/IslandStyles.axaml
index 18d8f6d..0d88978 100644
--- a/src/ClaudeDo.Ui/Design/IslandStyles.axaml
+++ b/src/ClaudeDo.Ui/Design/IslandStyles.axaml
@@ -310,8 +310,9 @@
     <Setter Property="Cursor"       Value="Hand" />
     <Setter Property="Transitions">
       <Transitions>
-        <BrushTransition Property="Background" Duration="0:0:0.10"/>
-        <BrushTransition Property="BorderBrush" Duration="0:0:0.10"/>
+        <BrushTransition     Property="Background"  Duration="0:0:0.12" />
+        <BrushTransition     Property="BorderBrush" Duration="0:0:0.12" />
+        <ThicknessTransition Property="Margin"      Duration="0:0:0.15" />
       </Transitions>
     </Setter>
   </Style>
@@ -711,22 +712,6 @@
   <!-- TASK ROW — extensions (C2)                                   -->
   <!-- ============================================================ -->
 
-  <!-- Augment base task-row transitions to include Margin -->
-  <Style Selector="Border.task-row">
-    <Setter Property="Transitions">
-      <Transitions>
-        <BrushTransition    Property="Background" Duration="0:0:0.12" />
-        <ThicknessTransition Property="Margin"    Duration="0:0:0.15" />
-      </Transitions>
-    </Setter>
-  </Style>
-
-  <!-- Selected state: rely on the left accent bar from TaskRowView;
-       no heavy bg or perimeter border. -->
-  <Style Selector="Border.task-row.selected">
-    <Setter Property="BorderBrush" Value="{StaticResource LineBrightBrush}" />
-  </Style>
-
   <!-- Left accent bar for selected row -->
   <Style Selector="Border.task-row-accent">
     <Setter Property="Width"           Value="2" />
@@ -960,4 +945,66 @@
     <Setter Property="TextTrimming" Value="CharacterEllipsis" />
   </Style>
 
+  <!-- ============================================================ -->
+  <!-- SHARED CONTAINERS (promoted from per-view inline/local styles)-->
+  <!-- ============================================================ -->
+
+  <!-- Bordered card / settings section -->
+  <Style Selector="Border.section">
+    <Setter Property="BorderBrush"     Value="{StaticResource LineBrush}" />
+    <Setter Property="BorderThickness" Value="1" />
+    <Setter Property="CornerRadius"    Value="{StaticResource ButtonCornerRadius}" />
+    <Setter Property="Padding"         Value="14" />
+    <Setter Property="Background"      Value="{StaticResource DeepBrush}" />
+  </Style>
+
+  <!-- Stacked content section with a bottom hairline (Details island) -->
+  <Style Selector="Border.section-divider">
+    <Setter Property="Padding"         Value="18,12" />
+    <Setter Property="BorderBrush"     Value="{StaticResource LineBrush}" />
+    <Setter Property="BorderThickness" Value="0,0,0,1" />
+  </Style>
+
+  <!-- Inline danger confirm box -->
+  <Style Selector="Border.danger-box">
+    <Setter Property="BorderBrush"     Value="{StaticResource BloodBrush}" />
+    <Setter Property="BorderThickness" Value="1" />
+    <Setter Property="CornerRadius"    Value="{StaticResource ButtonCornerRadius}" />
+    <Setter Property="Padding"         Value="12,10" />
+  </Style>
+
+  <!-- Left sidebar pane with vertical hairline (diff/planning views) -->
+  <Style Selector="Border.sidebar-pane">
+    <Setter Property="BorderBrush"     Value="{StaticResource LineBrush}" />
+    <Setter Property="BorderThickness" Value="0,0,1,0" />
+    <Setter Property="Background"      Value="{StaticResource DeepBrush}" />
+  </Style>
+
+  <!-- Diff line-number gutter column -->
+  <Style Selector="TextBlock.diff-lineno">
+    <Setter Property="FontFamily" Value="{StaticResource MonoFont}" />
+    <Setter Property="FontSize"   Value="{StaticResource FontSizeMono}" />
+    <Setter Property="Foreground" Value="{StaticResource TextFaintBrush}" />
+  </Style>
+
+  <!-- Terminal selectable log text (SelectableTextBlock doesn't inherit the TextBlock terminal style) -->
+  <Style Selector="Border.terminal SelectableTextBlock">
+    <Setter Property="FontFamily" Value="{StaticResource MonoFont}" />
+    <Setter Property="FontSize"   Value="{StaticResource FontSizeMono}" />
+    <Setter Property="Foreground" Value="{StaticResource TextDimBrush}" />
+  </Style>
+
+  <!-- Accent call-to-action button (Send to queue / Continue / Schedule) -->
+  <Style Selector="Button.accent">
+    <Setter Property="Background"      Value="{StaticResource AccentDimBrush}" />
+    <Setter Property="BorderBrush"     Value="{StaticResource AccentBrush}" />
+    <Setter Property="BorderThickness" Value="1" />
+    <Setter Property="CornerRadius"    Value="{StaticResource ButtonCornerRadius}" />
+    <Setter Property="Padding"         Value="10,6" />
+    <Setter Property="FontFamily"      Value="{StaticResource MonoFont}" />
+    <Setter Property="FontSize"        Value="{StaticResource FontSizeMono}" />
+    <Setter Property="Foreground"      Value="{StaticResource TextBrush}" />
+    <Setter Property="FontWeight"      Value="SemiBold" />
+  </Style>
+
 </Styles>