From 1246bf7b88428ecd5325df15b1548d58f3bbf52c Mon Sep 17 00:00:00 2001
From: mika kuns <mika.kuns@fb-tuning.de>
Date: Mon, 1 Jun 2026 12:18:28 +0200
Subject: [PATCH] feat(ui): wire worker connection modal and make status pill
 clickable

---
 src/ClaudeDo.Ui/Views/MainWindow.axaml    | 32 +++++++++++++----------
 src/ClaudeDo.Ui/Views/MainWindow.axaml.cs |  6 +++++
 2 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/src/ClaudeDo.Ui/Views/MainWindow.axaml b/src/ClaudeDo.Ui/Views/MainWindow.axaml
index fdf7058..1c922e8 100644
--- a/src/ClaudeDo.Ui/Views/MainWindow.axaml
+++ b/src/ClaudeDo.Ui/Views/MainWindow.axaml
@@ -186,20 +186,24 @@
             BorderBrush="{DynamicResource LineBrush}"
             BorderThickness="0,1,0,0">
       <DockPanel LastChildFill="True" Margin="14,0">
-        <!-- Left: connection pill -->
-        <StackPanel DockPanel.Dock="Left" Orientation="Horizontal" Spacing="7"
-                    VerticalAlignment="Center">
-          <Ellipse Width="7" Height="7" Fill="{DynamicResource StatusRunningBrush}"
-                   IsVisible="{Binding Worker.IsConnected}"/>
-          <Ellipse Width="7" Height="7" Fill="{DynamicResource StatusReviewBrush}"
-                   IsVisible="{Binding Worker.IsReconnecting}"/>
-          <Ellipse Width="7" Height="7" Fill="{DynamicResource StatusErrorBrush}"
-                   IsVisible="{Binding IsOffline}"/>
-          <TextBlock Classes="eyebrow"
-                     Text="{Binding ConnectionText, Converter={StaticResource UpperCase}}"
-                     LetterSpacing="1.4"
-                     VerticalAlignment="Center"/>
-        </StackPanel>
+        <!-- Left: connection pill (click to open worker help) -->
+        <Button DockPanel.Dock="Left"
+                Command="{Binding OpenWorkerConnectionHelpCommand}"
+                Background="Transparent" BorderThickness="0" Padding="0"
+                Cursor="Hand" VerticalAlignment="Center">
+          <StackPanel Orientation="Horizontal" Spacing="7" VerticalAlignment="Center">
+            <Ellipse Width="7" Height="7" Fill="{DynamicResource StatusRunningBrush}"
+                     IsVisible="{Binding Worker.IsConnected}"/>
+            <Ellipse Width="7" Height="7" Fill="{DynamicResource StatusReviewBrush}"
+                     IsVisible="{Binding Worker.IsReconnecting}"/>
+            <Ellipse Width="7" Height="7" Fill="{DynamicResource StatusErrorBrush}"
+                     IsVisible="{Binding IsOffline}"/>
+            <TextBlock Classes="eyebrow"
+                       Text="{Binding ConnectionText, Converter={StaticResource UpperCase}}"
+                       LetterSpacing="1.4"
+                       VerticalAlignment="Center"/>
+          </StackPanel>
+        </Button>
 
         <!-- Right: worker log line -->
         <TextBlock DockPanel.Dock="Right"
diff --git a/src/ClaudeDo.Ui/Views/MainWindow.axaml.cs b/src/ClaudeDo.Ui/Views/MainWindow.axaml.cs
index c000c3b..e539423 100644
--- a/src/ClaudeDo.Ui/Views/MainWindow.axaml.cs
+++ b/src/ClaudeDo.Ui/Views/MainWindow.axaml.cs
@@ -68,6 +68,12 @@ public partial class MainWindow : Window
                 modal.CloseAction = () => dlg.Close();
                 await dlg.ShowDialog(this);
             };
+            vm.ShowWorkerConnectionModal = async (connVm) =>
+            {
+                var dlg = new WorkerConnectionModalView { DataContext = connVm };
+                connVm.CloseAction = () => dlg.Close();
+                await dlg.ShowDialog(this);
+            };
         }
     }