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"
             xmlns:ctl="using:ClaudeDo.Ui.Views.Controls"
             xmlns:loc="using:ClaudeDo.Ui.Localization"
             x:Class="ClaudeDo.Ui.Views.Islands.DetailsIslandView"
             x:DataType="vm:DetailsIslandViewModel">
  <DockPanel>

    <!-- ── Metadata footer (sticky bottom) — task detail only ── -->
    <Border DockPanel.Dock="Bottom"
            IsVisible="{Binding IsTaskDetailVisible}"
            BorderBrush="{DynamicResource LineBrush}"
            BorderThickness="0,1,0,0"
            Padding="14,8">
      <Grid ColumnDefinitions="Auto,*,Auto">
        <Button Grid.Column="0" Classes="icon-btn"
                Command="{Binding DeleteTaskCommand}"
                ToolTip.Tip="{loc:Tr details.deleteTaskTip}"
                VerticalAlignment="Center">
          <PathIcon Data="{StaticResource Icon.Trash}" Width="14" Height="14"
                    Foreground="{DynamicResource BloodBrush}"/>
        </Button>
        <TextBlock Grid.Column="1"
                   Classes="meta"
                   Text="{Binding Task.CreatedAtFormatted}"
                   HorizontalAlignment="Center"
                   VerticalAlignment="Center"/>
        <Button Grid.Column="2" Classes="icon-btn"
                Command="{Binding CloseDetailsCommand}"
                ToolTip.Tip="{loc:Tr details.closeTip}"
                VerticalAlignment="Center">
          <PathIcon Data="{StaticResource Icon.X}" Width="14" Height="14"/>
        </Button>
      </Grid>
    </Border>

    <!-- ── Header (sticky top): check · eyebrow · title · status · star · gear — task detail only ── -->
    <Border DockPanel.Dock="Top" Classes="island-header"
            IsVisible="{Binding IsTaskDetailVisible}">
      <Grid ColumnDefinitions="Auto,*,Auto,Auto">
        <Button Grid.Column="0" Classes="flat"
                Command="{Binding ToggleDoneCommand}"
                Padding="0"
                VerticalAlignment="Top"
                Margin="0,2,10,0">
          <Ellipse Classes="task-check"
                   Classes.done="{Binding Task.Done}"
                   Width="18" Height="18"
                   Cursor="Hand"/>
        </Button>
        <StackPanel Grid.Column="1" Spacing="0">
          <TextBlock Classes="meta"
                     Text="{Binding TaskIdBadge}"
                     Margin="0,0,0,4"
                     Cursor="Hand"
                     ToolTip.Tip="{loc:Tr details.copyTaskIdTip}"
                     Tapped="OnTaskIdTapped"/>
          <TextBox Text="{Binding EditableTitle, Mode=TwoWay}"
                   FontSize="{StaticResource FontSizeTaskTitle}" FontWeight="Medium"
                   BorderThickness="0" Background="Transparent"
                   Foreground="{DynamicResource TextBrush}"
                   TextWrapping="Wrap"
                   AcceptsReturn="False"
                   Padding="0"/>
        </StackPanel>

        <Button Grid.Column="2"
                Classes="icon-btn star-btn"
                Classes.on="{Binding Task.IsStarred}"
                Command="{Binding ToggleStarCommand}"
                ToolTip.Tip="{loc:Tr details.starTip}"
                VerticalAlignment="Top"
                Margin="6,0,0,0">
          <PathIcon Data="{StaticResource Icon.Star}" Width="14" Height="14"/>
        </Button>

        <Button Grid.Column="3" Classes="icon-btn"
                ToolTip.Tip="{loc:Tr details.agentSettingsTip}"
                IsEnabled="{Binding IsAgentSectionEnabled}"
                VerticalAlignment="Top"
                Margin="6,0,0,0">
          <TextBlock Text="⚙" FontSize="{StaticResource FontSizeTaskTitle}"/>
          <Button.Flyout>
            <Flyout Placement="BottomEdgeAlignedRight" ShowMode="Standard">
              <StackPanel Width="340" Spacing="10" Margin="4">
                <TextBlock Text="{loc:Tr details.agentSettingsHeading}" FontWeight="SemiBold"/>

                <StackPanel Spacing="2">
                  <TextBlock Classes="field-label" Text="{loc:Tr details.modelLabel}"/>
                  <ComboBox ItemsSource="{Binding TaskModelOptions}"
                            SelectedItem="{Binding TaskModelSelection, Mode=TwoWay}"
                            HorizontalAlignment="Stretch"/>
                  <TextBlock Classes="meta"
                             Text="{Binding EffectiveModelLabel}"
                             Opacity="0.6"/>
                </StackPanel>

                <StackPanel Spacing="2">
                  <TextBlock Classes="field-label" Text="{loc:Tr details.systemPromptLabel}"/>
                  <TextBox Text="{Binding TaskSystemPrompt, Mode=TwoWay}"
                           AcceptsReturn="True" TextWrapping="Wrap" MinHeight="70"
                           PlaceholderText="{Binding EffectiveSystemPromptHint}"/>
                </StackPanel>

                <StackPanel Spacing="2">
                  <TextBlock Classes="field-label" Text="{loc:Tr details.agentFileLabel}"/>
                  <ComboBox ItemsSource="{Binding TaskAgentOptions}"
                            SelectedItem="{Binding TaskSelectedAgent, Mode=TwoWay}"
                            HorizontalAlignment="Stretch">
                    <ComboBox.ItemTemplate>
                      <DataTemplate>
                        <TextBlock Text="{Binding Name}"/>
                      </DataTemplate>
                    </ComboBox.ItemTemplate>
                  </ComboBox>
                  <TextBlock Classes="meta"
                             Text="{Binding EffectiveAgentLabel}"
                             Opacity="0.6"/>
                </StackPanel>
              </StackPanel>
            </Flyout>
          </Button.Flyout>
        </Button>
      </Grid>
    </Border>

    <!-- ── Agent status strip (sticky, above metadata footer) — task detail only ── -->
    <islands:AgentStripView DockPanel.Dock="Bottom"
                            IsVisible="{Binding IsTaskDetailVisible}"/>

    <!-- ── Body: task details (normal), notes editor (notes mode), or prep log (prep mode) ── -->
    <Grid>
    <ScrollViewer VerticalScrollBarVisibility="Auto"
                  IsVisible="{Binding IsTaskDetailVisible}">
      <StackPanel Spacing="0">

        <!-- Planning merge section — visible only for planning parent tasks -->
        <Border Classes="section-divider"
                IsVisible="{Binding Task.IsPlanningParent}">
          <StackPanel Spacing="8">
            <TextBlock Classes="section-label" Text="{loc:Tr details.mergeLabel}" Margin="0,0,0,2"/>
            <StackPanel Spacing="4">
              <TextBlock Classes="field-label" Text="{loc:Tr details.mergeTargetLabel}"/>
              <ComboBox ItemsSource="{Binding MergeTargetBranches}"
                        SelectedItem="{Binding SelectedMergeTarget, Mode=TwoWay}"
                        HorizontalAlignment="Stretch"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Spacing="8">
              <Button Classes="btn" Content="{loc:Tr details.reviewCombinedDiff}"
                      Command="{Binding ReviewCombinedDiffCommand}"/>
              <Button Classes="btn" Content="{loc:Tr details.mergeAllSubtasks}"
                      IsEnabled="{Binding CanMergeAll}"
                      Command="{Binding MergeAllCommand}"
                      ToolTip.Tip="{Binding MergeAllDisabledReason}"/>
            </StackPanel>
            <TextBlock Text="{Binding MergeAllError}"
                       Foreground="{DynamicResource BloodBrush}"
                       TextWrapping="Wrap"
                       IsVisible="{Binding MergeAllError, Converter={x:Static ObjectConverters.IsNotNull}}"/>
          </StackPanel>
        </Border>

        <!-- Steps section -->
        <Border Classes="section-divider">
          <StackPanel Spacing="6">
            <TextBlock Classes="section-label" Text="{loc:Tr details.stepsLabel}" Margin="0,0,0,2"/>
            <TextBox Text="{Binding NewSubtaskTitle, Mode=TwoWay}"
                     PlaceholderText="{loc:Tr details.addStepPlaceholder}"
                     Padding="8"
                     Background="{DynamicResource Surface2Brush}"
                     BorderBrush="{DynamicResource LineBrush}"
                     BorderThickness="1"
                     CornerRadius="8">
              <TextBox.KeyBindings>
                <KeyBinding Gesture="Enter" Command="{Binding AddSubtaskCommand}"/>
              </TextBox.KeyBindings>
            </TextBox>
            <ItemsControl ItemsSource="{Binding Subtasks}"
                          IsVisible="{Binding Subtasks.Count}">
              <ItemsControl.ItemTemplate>
                <DataTemplate DataType="vm:SubtaskRowViewModel">
                  <Border Classes="subtask-row"
                          Classes.done="{Binding Done}">
                    <Grid ColumnDefinitions="Auto,*">
                      <Button Grid.Column="0" Classes="flat"
                              Padding="0"
                              Margin="0,0,8,0"
                              VerticalAlignment="Center"
                              Command="{Binding $parent[ItemsControl].((vm:DetailsIslandViewModel)DataContext).ToggleSubtaskDoneCommand}"
                              CommandParameter="{Binding}">
                        <Ellipse Classes="task-check"
                                 Classes.done="{Binding Done}"
                                 Width="16" Height="16"
                                 Cursor="Hand"/>
                      </Button>
                      <Panel Grid.Column="1" VerticalAlignment="Center">
                        <TextBlock Classes="subtask-title"
                                   Text="{Binding Title}"
                                   IsVisible="{Binding !IsEditing}"
                                   FontSize="{StaticResource FontSizeBody}"
                                   Foreground="{DynamicResource TextDimBrush}"
                                   VerticalAlignment="Center"
                                   TextWrapping="Wrap"
                                   Cursor="Ibeam"
                                   Tapped="OnSubtaskTitleTapped"/>
                        <TextBox Classes="subtask-edit"
                                 Text="{Binding Title, Mode=TwoWay}"
                                 IsVisible="{Binding IsEditing}"
                                 FontSize="{StaticResource FontSizeBody}"
                                 AcceptsReturn="False"
                                 TextWrapping="Wrap"
                                 LostFocus="OnSubtaskEditLostFocus">
                          <TextBox.KeyBindings>
                            <KeyBinding Gesture="Enter"
                                        Command="{Binding $parent[ItemsControl].((vm:DetailsIslandViewModel)DataContext).CommitSubtaskEditCommand}"
                                        CommandParameter="{Binding}"/>
                          </TextBox.KeyBindings>
                        </TextBox>
                      </Panel>
                    </Grid>
                  </Border>
                </DataTemplate>
              </ItemsControl.ItemTemplate>
            </ItemsControl>
          </StackPanel>
        </Border>

        <!-- Details (description) section -->
        <Border Classes="section-divider">
          <StackPanel Spacing="6">
            <Grid ColumnDefinitions="Auto,*,Auto,Auto">
              <Button Grid.Column="0"
                      Classes="flat"
                      Command="{Binding ToggleDescriptionExpandedCommand}"
                      Padding="0"
                      Margin="0,0,6,2"
                      VerticalAlignment="Center">
                <StackPanel Orientation="Horizontal" Spacing="6">
                  <TextBlock Classes="meta"
                             Text="▾"
                             IsVisible="{Binding IsDescriptionExpanded}"/>
                  <TextBlock Classes="meta"
                             Text="▸"
                             IsVisible="{Binding !IsDescriptionExpanded}"/>
                  <TextBlock Classes="section-label" Text="{loc:Tr details.detailsLabel}"/>
                </StackPanel>
              </Button>
              <Button Grid.Column="2"
                      Classes="icon-btn"
                      Padding="6,2"
                      Margin="0,0,4,0"
                      ToolTip.Tip="{loc:Tr details.copyDescriptionTip}"
                      IsVisible="{Binding IsDescriptionExpanded}"
                      Click="OnCopyDescriptionClick">
                <PathIcon Data="{StaticResource Icon.Copy}" Width="11" Height="11"/>
              </Button>
              <Button Grid.Column="3"
                      Classes="btn"
                      Command="{Binding ToggleEditDescriptionCommand}"
                      Padding="8,3"
                      ToolTip.Tip="{loc:Tr details.toggleEditPreviewTip}"
                      IsVisible="{Binding IsDescriptionEditorVisible}">
                <TextBlock Text="{loc:Tr details.previewBtn}"/>
              </Button>
              <Button Grid.Column="3"
                      Classes="btn"
                      Command="{Binding ToggleEditDescriptionCommand}"
                      Padding="8,3"
                      ToolTip.Tip="{loc:Tr details.toggleEditPreviewTip}"
                      IsVisible="{Binding IsDescriptionPreviewVisible}">
                <TextBlock Text="{loc:Tr details.editBtn}"/>
              </Button>
            </Grid>

            <TextBox Text="{Binding EditableDescription, Mode=TwoWay}"
                     AcceptsReturn="True"
                     TextWrapping="Wrap"
                     MinHeight="80"
                     MaxHeight="320"
                     PlaceholderText="{loc:Tr details.descriptionPlaceholder}"
                     Padding="8"
                     FontFamily="{DynamicResource MonoFont}"
                     FontSize="{StaticResource FontSizeBody}"
                     Background="{DynamicResource Surface2Brush}"
                     BorderBrush="{DynamicResource LineBrush}"
                     BorderThickness="1"
                     CornerRadius="8"
                     IsVisible="{Binding IsDescriptionEditorVisible}"/>

            <ctl:MarkdownView Markdown="{Binding EditableDescription}"
                              IsVisible="{Binding IsDescriptionPreviewVisible}"/>
          </StackPanel>
        </Border>

        <!-- Session terminal — auto-sizes to output, scrolls internally after MaxHeight -->
        <islands:SessionTerminalView MaxHeight="420"
            Entries="{Binding Log}"
            Label="{Binding BranchLine, StringFormat='claude-session · {0}'}"
            IsRunning="{Binding IsRunning}" IsDone="{Binding IsDone}" IsFailed="{Binding IsFailed}"/>

      </StackPanel>
    </ScrollViewer>
    <Panel IsVisible="{Binding IsNotesMode}">
      <islands:NotesEditorView DataContext="{Binding Notes}"/>
    </Panel>
    <Panel IsVisible="{Binding IsPrepMode}">
      <DockPanel>
        <Border DockPanel.Dock="Top" Padding="12,8">
          <Button Classes="btn primary"
                  Command="{Binding PlanDayCommand}"
                  IsEnabled="{Binding !IsPrepRunning}"
                  Content="{loc:Tr details.planDay}"/>
        </Border>
        <Panel>
          <islands:SessionTerminalView
              Entries="{Binding PrepLog}" Label="daily-prep"
              IsRunning="{Binding IsPrepRunning}"/>
          <TextBlock IsVisible="{Binding ShowPrepEmptyState}"
                     HorizontalAlignment="Center" VerticalAlignment="Center"
                     Foreground="{DynamicResource TextMuteBrush}"
                     Text="{loc:Tr details.prepEmpty}"/>
        </Panel>
      </DockPanel>
    </Panel>
    </Grid>

  </DockPanel>
</UserControl>