ClaudeDo/src/ClaudeDo.Ui/Views/Islands/DetailsIslandView.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:vm="using:ClaudeDo.Ui.ViewModels.Islands"
             xmlns:islands="using:ClaudeDo.Ui.Views.Islands"
             x:Class="ClaudeDo.Ui.Views.Islands.DetailsIslandView"
             x:DataType="vm:DetailsIslandViewModel">
  <DockPanel>

    <!-- ── Metadata footer (sticky bottom) ── -->
    <Border DockPanel.Dock="Bottom"
            BorderBrush="{DynamicResource LineBrush}"
            BorderThickness="0,1,0,0"
            Padding="14,8">
      <Grid ColumnDefinitions="Auto,*,Auto">
        <!-- Delete button -->
        <Button Grid.Column="0" Classes="icon-btn"
                Command="{Binding DeleteTaskCommand}"
                ToolTip.Tip="Delete task"
                VerticalAlignment="Center">
          <PathIcon Data="{StaticResource Icon.Trash}" Width="14" Height="14"
                    Foreground="{DynamicResource BloodBrush}"/>
        </Button>
        <!-- Created date -->
        <TextBlock Grid.Column="1"
                   Text="{Binding Task.CreatedAtFormatted}"
                   FontFamily="{DynamicResource MonoFont}" FontSize="10"
                   Foreground="{DynamicResource TextFaintBrush}"
                   HorizontalAlignment="Center"
                   VerticalAlignment="Center"/>
        <!-- Close button -->
        <Button Grid.Column="2" Classes="icon-btn"
                Command="{Binding CloseDetailsCommand}"
                ToolTip.Tip="Close"
                VerticalAlignment="Center">
          <PathIcon Data="{StaticResource Icon.X}" Width="14" Height="14"/>
        </Button>
      </Grid>
    </Border>

    <!-- ── Header ── -->
    <Border DockPanel.Dock="Top" Classes="island-header">
      <!-- Eyebrow row -->
      <StackPanel Spacing="0">
        <StackPanel Orientation="Horizontal" Spacing="6" Margin="0,0,0,4">
          <Ellipse Width="5" Height="5" Fill="{DynamicResource AccentBrush}"
                   VerticalAlignment="Center"/>
          <TextBlock Classes="eyebrow" Text="LOGBOOK" VerticalAlignment="Center"/>
          <TextBlock Text="{Binding TaskIdBadge}"
                     FontFamily="{DynamicResource MonoFont}" FontSize="10"
                     Foreground="{DynamicResource TextFaintBrush}"
                     VerticalAlignment="Center"
                     Margin="8,0,0,0"/>
        </StackPanel>
        <!-- Editable title (reduced size) -->
        <TextBox Text="{Binding EditableTitle, Mode=TwoWay}"
                 FontSize="14" FontWeight="Medium"
                 BorderThickness="0" Background="Transparent"
                 Foreground="{DynamicResource TextBrush}"
                 Padding="0"/>
      </StackPanel>
    </Border>

    <!-- ── Task strip row: check + title display + star ── -->
    <Border DockPanel.Dock="Top"
            Padding="18,10,18,10"
            BorderBrush="{DynamicResource LineBrush}"
            BorderThickness="0,0,0,1">
      <Grid ColumnDefinitions="Auto,*,Auto">
        <Ellipse Grid.Column="0"
                 Classes="task-check"
                 Classes.done="{Binding Task.Done}"
                 Width="18" Height="18"
                 VerticalAlignment="Center"
                 Cursor="Hand"/>
        <TextBlock Grid.Column="1"
                   Text="{Binding EditableTitle}"
                   FontSize="14" FontWeight="Medium"
                   Foreground="{DynamicResource TextBrush}"
                   TextTrimming="CharacterEllipsis"
                   VerticalAlignment="Center"
                   Margin="10,0"/>
        <Button Grid.Column="2"
                Classes="icon-btn star-btn"
                Classes.on="{Binding Task.IsStarred}"
                VerticalAlignment="Center">
          <PathIcon Data="{StaticResource Icon.Star}" Width="14" Height="14"/>
        </Button>
      </Grid>
    </Border>

    <!-- ── Main body: agent strip (auto) · terminal (flex) · steps+notes (auto/capped) ── -->
    <Grid RowDefinitions="Auto,*,Auto">

      <!-- Agent strip -->
      <islands:AgentStripView Grid.Row="0"/>

      <!-- Session terminal — fills remaining vertical space -->
      <islands:SessionTerminalView Grid.Row="1" MinHeight="220" Margin="0,0,0,0"/>

      <!-- Steps + Notes in a capped scroller so they never squeeze the terminal -->
      <ScrollViewer Grid.Row="2" MaxHeight="240"
                    VerticalScrollBarVisibility="Auto">
        <StackPanel Spacing="0">

          <!-- Subtasks section -->
          <StackPanel Margin="18,12,18,0"
                      IsVisible="{Binding Subtasks.Count}">
            <TextBlock Classes="section-label" Text="STEPS"
                       Margin="0,0,0,6"/>
            <ItemsControl ItemsSource="{Binding Subtasks}">
              <ItemsControl.ItemTemplate>
                <DataTemplate DataType="vm:SubtaskRowViewModel">
                  <Border Classes="subtask-row"
                          Classes.done="{Binding Done}">
                    <Grid ColumnDefinitions="Auto,*">
                      <Ellipse Grid.Column="0"
                               Classes="task-check"
                               Classes.done="{Binding Done}"
                               Width="16" Height="16"
                               VerticalAlignment="Center"
                               Cursor="Hand"
                               Margin="0,0,8,0"/>
                      <TextBlock Grid.Column="1"
                                 Classes="subtask-title"
                                 Text="{Binding Title}"
                                 FontSize="13"
                                 Foreground="{DynamicResource TextDimBrush}"
                                 VerticalAlignment="Center"
                                 TextWrapping="Wrap"/>
                    </Grid>
                  </Border>
                </DataTemplate>
              </ItemsControl.ItemTemplate>
            </ItemsControl>
          </StackPanel>

          <!-- Notes section -->
          <StackPanel Margin="18,12,18,12">
            <TextBlock Classes="section-label" Text="NOTES" Margin="0,0,0,6"/>
            <TextBox Text="{Binding Notes, Mode=TwoWay}"
                     AcceptsReturn="True"
                     TextWrapping="Wrap"
                     MinHeight="80"
                     Padding="12"
                     PlaceholderText="Notes..."
                     Background="{DynamicResource Surface2Brush}"
                     BorderBrush="{DynamicResource LineBrush}"
                     BorderThickness="1"
                     CornerRadius="8"
                     LostFocus="NotesLostFocus"/>
          </StackPanel>

        </StackPanel>
      </ScrollViewer>
    </Grid>
  </DockPanel>
</UserControl>