From e2fad88f372df9b8176128009e5bf092d64d6d85 Mon Sep 17 00:00:00 2001
From: Mika Kuns <mika.kuns@fb-tuning.de>
Date: Thu, 25 Jun 2026 16:29:14 +0200
Subject: [PATCH] feat(ui): mission control pane header actions + status
 tinting

---
 src/ClaudeDo.Ui/Design/IslandStyles.axaml     | 26 +++++++++
 src/ClaudeDo.Ui/Design/Tokens.axaml           |  2 +
 .../MissionControl/MonitorPaneView.axaml      | 55 ++++++++++++++-----
 3 files changed, 70 insertions(+), 13 deletions(-)

diff --git a/src/ClaudeDo.Ui/Design/IslandStyles.axaml b/src/ClaudeDo.Ui/Design/IslandStyles.axaml
index 6ef55cc..6fc6c2f 100644
--- a/src/ClaudeDo.Ui/Design/IslandStyles.axaml
+++ b/src/ClaudeDo.Ui/Design/IslandStyles.axaml
@@ -1166,4 +1166,30 @@
     <Setter Property="Background" Value="{DynamicResource AccentBrush}"/>
   </Style>
 
+  <!-- ============================================================ -->
+  <!-- MISSION CONTROL PANE STATUS TINTING                          -->
+  <!-- Base neutral grey; tints layer on by status.                 -->
+  <!-- Running / idle / queued: no class → fall through to base.    -->
+  <!-- ============================================================ -->
+  <Style Selector="Border.monitor-pane">
+    <Setter Property="Background"  Value="{DynamicResource SurfaceBrush}" />
+    <Setter Property="BorderBrush" Value="{DynamicResource LineBrush}" />
+  </Style>
+  <Style Selector="Border.monitor-pane.mon-done">
+    <Setter Property="Background"  Value="{DynamicResource DoneTintBrush}" />
+    <Setter Property="BorderBrush" Value="{DynamicResource DoneTintBorderBrush}" />
+  </Style>
+  <Style Selector="Border.monitor-pane.mon-review">
+    <Setter Property="Background"  Value="{DynamicResource DoneTintBrush}" />
+    <Setter Property="BorderBrush" Value="{DynamicResource DoneTintBorderBrush}" />
+  </Style>
+  <Style Selector="Border.monitor-pane.mon-roadblock">
+    <Setter Property="Background"  Value="{DynamicResource RoadblockTintBrush}" />
+    <Setter Property="BorderBrush" Value="{DynamicResource RoadblockTintBorderBrush}" />
+  </Style>
+  <Style Selector="Border.monitor-pane.mon-failed">
+    <Setter Property="Background"  Value="{DynamicResource ErrorTintBrush}" />
+    <Setter Property="BorderBrush" Value="{DynamicResource ErrorTintBorderBrush}" />
+  </Style>
+
 </Styles>
diff --git a/src/ClaudeDo.Ui/Design/Tokens.axaml b/src/ClaudeDo.Ui/Design/Tokens.axaml
index 95e965d..e707f08 100644
--- a/src/ClaudeDo.Ui/Design/Tokens.axaml
+++ b/src/ClaudeDo.Ui/Design/Tokens.axaml
@@ -99,6 +99,8 @@
   <SolidColorBrush x:Key="QueuedTintBorderBrush"  Color="#4C8B9D7A" />
   <SolidColorBrush x:Key="DoneTintBrush"          Color="#1F6FA86B" />
   <SolidColorBrush x:Key="DoneTintBorderBrush"    Color="#4C6FA86B" />
+  <SolidColorBrush x:Key="RoadblockTintBrush"       Color="#1FD4A574" />
+  <SolidColorBrush x:Key="RoadblockTintBorderBrush" Color="#4CD4A574" />
 
   <!-- Merge editor (3-pane conflict resolver) block tints -->
   <SolidColorBrush x:Key="MergeOursTintBrush"     Color="#1F7C9166" /> <!-- ours side (moss) -->
diff --git a/src/ClaudeDo.Ui/Views/MissionControl/MonitorPaneView.axaml b/src/ClaudeDo.Ui/Views/MissionControl/MonitorPaneView.axaml
index 9b92f75..b448efc 100644
--- a/src/ClaudeDo.Ui/Views/MissionControl/MonitorPaneView.axaml
+++ b/src/ClaudeDo.Ui/Views/MissionControl/MonitorPaneView.axaml
@@ -5,28 +5,57 @@
              xmlns:loc="using:ClaudeDo.Ui.Localization"
              x:DataType="vm:TaskMonitorViewModel"
              x:Class="ClaudeDo.Ui.Views.MissionControl.MonitorPaneView">
-  <Border Background="{DynamicResource Surface1Brush}"
-          BorderBrush="{DynamicResource LineBrush}"
+  <Border Classes="monitor-pane"
+          Classes.mon-review="{Binding IsWaitingForReview}"
+          Classes.mon-done="{Binding IsDone}"
+          Classes.mon-roadblock="{Binding HasRoadblock}"
+          Classes.mon-failed="{Binding IsFailed}"
           BorderThickness="1" CornerRadius="10" ClipToBounds="True">
     <DockPanel LastChildFill="True">
 
-      <!-- Footer: pane actions -->
-      <Border DockPanel.Dock="Bottom"
+      <!-- Header: per-task action icons -->
+      <Border DockPanel.Dock="Top"
               Background="{DynamicResource Surface2Brush}"
               BorderBrush="{DynamicResource LineBrush}"
-              BorderThickness="0,1,0,0" Padding="8,6">
-        <StackPanel Orientation="Horizontal" Spacing="8">
-          <Button Classes="btn" Content="{loc:Tr missionControl.openInApp}"
-                  Command="{Binding OpenInAppCommand}" />
-          <Button Classes="btn" Content="{loc:Tr missionControl.detach}"
-                  Command="{Binding DetachCommand}" />
-          <Button Classes="btn" Content="{loc:Tr missionControl.cancel}"
+              BorderThickness="0,0,0,1" Padding="6,3">
+        <StackPanel Orientation="Horizontal" Spacing="2"
+                    HorizontalAlignment="Right" VerticalAlignment="Center">
+          <Button Classes="title-ctrl"
+                  Command="{Binding OpenInAppCommand}"
+                  ToolTip.Tip="{loc:Tr missionControl.openInApp}">
+            <PathIcon Data="{StaticResource Icon.ArrowOut}" Width="12" Height="12"/>
+          </Button>
+          <Button Classes="title-ctrl"
+                  Command="{Binding DetachCommand}"
+                  ToolTip.Tip="{Binding DetachTooltip}">
+            <PathIcon Data="{StaticResource Icon.WinMax}" Width="12" Height="12"/>
+          </Button>
+          <Button Classes="title-ctrl"
                   Command="{Binding CancelTaskCommand}"
-                  IsVisible="{Binding IsRunning}" />
+                  IsVisible="{Binding IsRunning}"
+                  ToolTip.Tip="{loc:Tr missionControl.cancel}">
+            <PathIcon Data="{StaticResource Icon.WinClose}" Width="12" Height="12"/>
+          </Button>
         </StackPanel>
       </Border>
 
-      <!-- Blocking / roadblock banner -->
+      <!-- Roadblock banner (amber) -->
+      <Border DockPanel.Dock="Top"
+              IsVisible="{Binding HasRoadblock}"
+              Background="{DynamicResource RoadblockTintBrush}"
+              BorderBrush="{DynamicResource AmberBrush}"
+              BorderThickness="0,0,0,1" Padding="12,6">
+        <StackPanel Orientation="Horizontal" Spacing="8">
+          <PathIcon Data="{StaticResource Icon.Warning}"
+                    Foreground="{DynamicResource AmberBrush}"
+                    Width="13" Height="13" VerticalAlignment="Center" />
+          <TextBlock Classes="meta" Text="{Binding Roadblocks}"
+                     Foreground="{DynamicResource AmberBrush}"
+                     TextWrapping="Wrap" VerticalAlignment="Center" />
+        </StackPanel>
+      </Border>
+
+      <!-- Failure banner (red) -->
       <Border DockPanel.Dock="Top"
               IsVisible="{Binding ShowRoadblock}"
               Background="{DynamicResource ErrorTintBrush}"