feat(ui): wire redesigned detail island (header + description/steps card + work console)

Replace the long scrolling DetailsIslandView with the new pinned layout: a
separated TaskHeaderBar (trash↔skull, gear), a DescriptionStepsCard (text⇄steps
toggle, Preview = composed prompt), and a pinned WorkConsole (Output/Actions/
Session tabs). The three components now bind to DetailsIslandViewModel; their
scaffolding sample VMs are removed. Drops the old inline sections + AgentStripView.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

src/ClaudeDo.Ui/Views/Islands/Detail/DescriptionStepsCard.axaml

@@ -1,13 +1,9 @@
 <UserControl xmlns="https://github.com/avaloniaui"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-             xmlns:vm="using:ClaudeDo.Ui.ViewModels.Islands.Detail"
+             xmlns:vm="using:ClaudeDo.Ui.ViewModels.Islands"
              xmlns:ctl="using:ClaudeDo.Ui.Views.Controls"
              x:Class="ClaudeDo.Ui.Views.Islands.Detail.DescriptionStepsCard"
-             x:DataType="vm:DescriptionStepsCardViewModel">
-
-  <Design.DataContext>
-    <vm:DescriptionStepsCardViewModel/>
-  </Design.DataContext>
+             x:DataType="vm:DetailsIslandViewModel">
 
   <Border Classes="island">
     <DockPanel>
@@ -109,7 +105,7 @@
           <!-- Subtask rows -->
           <ItemsControl ItemsSource="{Binding Subtasks}">
             <ItemsControl.ItemTemplate>
-              <DataTemplate DataType="vm:SubtaskRowSampleViewModel">
+              <DataTemplate DataType="vm:SubtaskRowViewModel">
                 <Border Classes="subtask-row" Classes.done="{Binding Done}">
                   <Grid ColumnDefinitions="Auto,*">
 
@@ -119,7 +115,7 @@
                             Padding="0"
                             Margin="0,0,8,0"
                             VerticalAlignment="Center"
-                            Command="{Binding $parent[ItemsControl].((vm:DescriptionStepsCardViewModel)DataContext).ToggleSubtaskDoneCommand}"
+                            Command="{Binding $parent[ItemsControl].((vm:DetailsIslandViewModel)DataContext).ToggleSubtaskDoneCommand}"
                             CommandParameter="{Binding}">
                       <Ellipse Classes="task-check"
                                Classes.done="{Binding Done}"
@@ -147,7 +143,7 @@
                                LostFocus="OnSubtaskEditLostFocus">
                         <TextBox.KeyBindings>
                           <KeyBinding Gesture="Enter"
-                                      Command="{Binding $parent[ItemsControl].((vm:DescriptionStepsCardViewModel)DataContext).CommitSubtaskEditCommand}"
+                                      Command="{Binding $parent[ItemsControl].((vm:DetailsIslandViewModel)DataContext).CommitSubtaskEditCommand}"
                                       CommandParameter="{Binding}"/>
                         </TextBox.KeyBindings>
                       </TextBox>

src/ClaudeDo.Ui/Views/Islands/Detail/DescriptionStepsCard.axaml.cs

@@ -2,7 +2,7 @@ using Avalonia.Controls;
 using Avalonia.Input;
 using Avalonia.Input.Platform;
 using Avalonia.Interactivity;
-using ClaudeDo.Ui.ViewModels.Islands.Detail;
+using ClaudeDo.Ui.ViewModels.Islands;
 
 namespace ClaudeDo.Ui.Views.Islands.Detail;
 
@@ -15,7 +15,7 @@ public partial class DescriptionStepsCard : UserControl
 
     private async void OnCopyClick(object? sender, RoutedEventArgs e)
     {
-        if (DataContext is not DescriptionStepsCardViewModel vm) return;
+        if (DataContext is not DetailsIslandViewModel vm) return;
         var clipboard = TopLevel.GetTopLevel(this)?.Clipboard;
         if (clipboard is null) return;
         await clipboard.SetTextAsync(vm.ComposedPreview);
@@ -23,13 +23,13 @@ public partial class DescriptionStepsCard : UserControl
 
     private void OnSubtaskTitleTapped(object? sender, TappedEventArgs e)
     {
-        if (sender is TextBlock { DataContext: SubtaskRowSampleViewModel row })
+        if (sender is TextBlock { DataContext: SubtaskRowViewModel row })
             row.IsEditing = true;
     }
 
     private void OnSubtaskEditLostFocus(object? sender, RoutedEventArgs e)
     {
-        if (sender is TextBox { DataContext: SubtaskRowSampleViewModel row })
+        if (sender is TextBox { DataContext: SubtaskRowViewModel row })
             row.IsEditing = false;
     }
 }

src/ClaudeDo.Ui/Views/Islands/Detail/TaskHeaderBar.axaml

@@ -1,14 +1,10 @@
 <UserControl xmlns="https://github.com/avaloniaui"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-             xmlns:vm="using:ClaudeDo.Ui.ViewModels.Islands.Detail"
+             xmlns:vm="using:ClaudeDo.Ui.ViewModels.Islands"
              xmlns:ctl="using:ClaudeDo.Ui.Views.Controls"
              xmlns:loc="using:ClaudeDo.Ui.Localization"
              x:Class="ClaudeDo.Ui.Views.Islands.Detail.TaskHeaderBar"
-             x:DataType="vm:TaskHeaderBarViewModel">
-
-  <Design.DataContext>
-    <vm:TaskHeaderBarViewModel/>
-  </Design.DataContext>
+             x:DataType="vm:DetailsIslandViewModel">
 
   <Grid ColumnDefinitions="*,Auto,Auto">
 
@@ -17,7 +13,9 @@
       <TextBlock Classes="meta"
                  Text="{Binding TaskIdBadge}"
                  Margin="0,0,0,4"
-                 Cursor="Hand"/>
+                 Cursor="Hand"
+                 ToolTip.Tip="{loc:Tr details.copyTaskIdTip}"
+                 Tapped="OnTaskIdTapped"/>
       <TextBox Text="{Binding EditableTitle, Mode=TwoWay}"
                Background="Transparent"
                BorderThickness="0"
@@ -42,7 +40,7 @@
 
     <!-- Column 1: skull button (running) -->
     <Button Grid.Column="1" Classes="icon-btn"
-            Command="{Binding KillSessionCommand}"
+            Command="{Binding StopCommand}"
             ToolTip.Tip="Kill session"
             IsVisible="{Binding IsRunning}"
             VerticalAlignment="Top"

src/ClaudeDo.Ui/Views/Islands/Detail/TaskHeaderBar.axaml.cs

@@ -1,4 +1,7 @@
 using Avalonia.Controls;
+using Avalonia.Input;
+using Avalonia.Input.Platform;
+using ClaudeDo.Ui.ViewModels.Islands;
 
 namespace ClaudeDo.Ui.Views.Islands.Detail;
 
@@ -8,4 +11,12 @@ public partial class TaskHeaderBar : UserControl
     {
         InitializeComponent();
     }
+
+    private async void OnTaskIdTapped(object? sender, TappedEventArgs e)
+    {
+        if (DataContext is not DetailsIslandViewModel vm || vm.Task is null) return;
+        var clipboard = TopLevel.GetTopLevel(this)?.Clipboard;
+        if (clipboard is null) return;
+        await clipboard.SetTextAsync(vm.Task.Id);
+    }
 }

src/ClaudeDo.Ui/Views/Islands/Detail/WorkConsole.axaml

@@ -1,15 +1,11 @@
 <UserControl xmlns="https://github.com/avaloniaui"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-             xmlns:vm="using:ClaudeDo.Ui.ViewModels.Islands.Detail"
+             xmlns:vm="using:ClaudeDo.Ui.ViewModels.Islands"
              xmlns:islands="using:ClaudeDo.Ui.Views.Islands"
              xmlns:loc="using:ClaudeDo.Ui.Localization"
-             x:DataType="vm:WorkConsoleViewModel"
+             x:DataType="vm:DetailsIslandViewModel"
              x:Class="ClaudeDo.Ui.Views.Islands.Detail.WorkConsole">
 
-  <Design.DataContext>
-    <vm:WorkConsoleViewModel />
-  </Design.DataContext>
-
   <UserControl.Styles>
     <Style Selector="Button.tab-btn">
       <Setter Property="Background"      Value="Transparent" />
@@ -223,7 +219,7 @@
               <TextBlock Classes="section-label" Text="OUTCOMES" Margin="0,0,0,2" />
               <ItemsControl ItemsSource="{Binding ChildOutcomes}">
                 <ItemsControl.ItemTemplate>
-                  <DataTemplate x:DataType="vm:WorkConsoleChildOutcomeRowViewModel">
+                  <DataTemplate x:DataType="vm:ChildOutcomeRowViewModel">
                     <Grid ColumnDefinitions="*,Auto,Auto" Margin="0,2">
                       <TextBlock Grid.Column="0" Text="{Binding Title}"
                                  TextTrimming="CharacterEllipsis"