diff --git a/src/ClaudeDo.Ui/ViewModels/Islands/DetailsIslandViewModel.cs b/src/ClaudeDo.Ui/ViewModels/Islands/DetailsIslandViewModel.cs
index 0824402..21e61bf 100644
--- a/src/ClaudeDo.Ui/ViewModels/Islands/DetailsIslandViewModel.cs
+++ b/src/ClaudeDo.Ui/ViewModels/Islands/DetailsIslandViewModel.cs
@@ -24,6 +24,9 @@ public sealed partial class DetailsIslandViewModel : ViewModelBase
     [ObservableProperty] private string _notes = "";
     [ObservableProperty] private string _promptInput = "";
 
+    // Short task-id badge, e.g. "#T1A"
+    public string TaskIdBadge => Task != null ? $"#T{Task.Id[..Math.Min(3, Task.Id.Length)].ToUpperInvariant()}" : "";
+
     // Agent strip fields
     [ObservableProperty] private string _agentStatusLabel = "Idle";
     public bool IsRunning => AgentStatusLabel == "Running";
@@ -82,6 +85,7 @@ public sealed partial class DetailsIslandViewModel : ViewModelBase
         var ct = _loadCts.Token;
 
         Task = row;
+        OnPropertyChanged(nameof(TaskIdBadge));
         Log.Clear();
         Subtasks.Clear();
 
diff --git a/src/ClaudeDo.Ui/Views/Islands/DetailsIslandView.axaml b/src/ClaudeDo.Ui/Views/Islands/DetailsIslandView.axaml
index c69935c..c4a5114 100644
--- a/src/ClaudeDo.Ui/Views/Islands/DetailsIslandView.axaml
+++ b/src/ClaudeDo.Ui/Views/Islands/DetailsIslandView.axaml
@@ -4,31 +4,88 @@
              xmlns:islands="using:ClaudeDo.Ui.Views.Islands"
              x:Class="ClaudeDo.Ui.Views.Islands.DetailsIslandView"
              x:DataType="vm:DetailsIslandViewModel">
-  <ScrollViewer>
-    <StackPanel Margin="18,14" Spacing="14">
-      <!-- Editable title -->
-      <TextBox Text="{Binding EditableTitle, Mode=TwoWay}" FontSize="18"
-               BorderThickness="0" Background="Transparent"
-               Foreground="{DynamicResource TextBrush}"/>
-      <!-- Agent strip (only when a worktree exists or task is active) -->
-      <islands:AgentStripView/>
-      <!-- Session terminal: log + prompt -->
-      <islands:SessionTerminalView Height="260"/>
-      <!-- Subtasks -->
-      <ItemsControl ItemsSource="{Binding Subtasks}">
-        <ItemsControl.ItemTemplate>
-          <DataTemplate DataType="vm:SubtaskRowViewModel">
-            <StackPanel Orientation="Horizontal" Spacing="8" Margin="0,2">
-              <CheckBox IsChecked="{Binding Done, Mode=TwoWay}"/>
-              <TextBlock Text="{Binding Title}" VerticalAlignment="Center"
-                         Foreground="{DynamicResource TextBrush}"/>
-            </StackPanel>
-          </DataTemplate>
-        </ItemsControl.ItemTemplate>
-      </ItemsControl>
-      <!-- Notes -->
-      <TextBox Text="{Binding Notes, Mode=TwoWay}" AcceptsReturn="True"
-               TextWrapping="Wrap" MinHeight="80" PlaceholderText="Notes…"/>
-    </StackPanel>
-  </ScrollViewer>
+  <DockPanel>
+    <!-- ── Header ── -->
+    <Border DockPanel.Dock="Top" Classes="island-header">
+      <DockPanel>
+        <!-- Eyebrow row: LOGBOOK · #T{shortId} -->
+        <StackPanel Orientation="Horizontal" DockPanel.Dock="Top" 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"
+                     HorizontalAlignment="Right"
+                     Margin="8,0,0,0"/>
+        </StackPanel>
+        <!-- Editable title TextBox (reduced size) -->
+        <TextBox DockPanel.Dock="Top"
+                 Text="{Binding EditableTitle, Mode=TwoWay}"
+                 FontSize="14" FontWeight="Medium"
+                 BorderThickness="0" Background="Transparent"
+                 Foreground="{DynamicResource TextBrush}"
+                 Padding="0"/>
+      </DockPanel>
+    </Border>
+
+    <!-- ── Task strip row: check + title + star ── -->
+    <Border DockPanel.Dock="Top"
+            Padding="18,10,18,10"
+            BorderBrush="{DynamicResource LineBrush}"
+            BorderThickness="0,0,0,1">
+      <Grid ColumnDefinitions="Auto,*,Auto">
+        <!-- Ellipse checkbox -->
+        <Ellipse Grid.Column="0"
+                 Classes="task-check"
+                 Classes.done="{Binding Task.Done}"
+                 Width="18" Height="18"
+                 VerticalAlignment="Center"
+                 Cursor="Hand"/>
+        <!-- Title display -->
+        <TextBlock Grid.Column="1"
+                   Text="{Binding EditableTitle}"
+                   FontSize="14" FontWeight="Medium"
+                   Foreground="{DynamicResource TextBrush}"
+                   TextTrimming="CharacterEllipsis"
+                   VerticalAlignment="Center"
+                   Margin="10,0"/>
+        <!-- Star button -->
+        <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>
+
+    <!-- ── Scrollable body ── -->
+    <ScrollViewer>
+      <StackPanel Margin="0" Spacing="0">
+        <!-- Agent strip -->
+        <islands:AgentStripView/>
+        <!-- Session terminal -->
+        <islands:SessionTerminalView Height="260" Margin="0"/>
+        <!-- Subtasks -->
+        <ItemsControl ItemsSource="{Binding Subtasks}" Margin="18,12">
+          <ItemsControl.ItemTemplate>
+            <DataTemplate DataType="vm:SubtaskRowViewModel">
+              <StackPanel Orientation="Horizontal" Spacing="8" Margin="0,2">
+                <CheckBox IsChecked="{Binding Done, Mode=TwoWay}"/>
+                <TextBlock Text="{Binding Title}" VerticalAlignment="Center"
+                           Foreground="{DynamicResource TextBrush}"/>
+              </StackPanel>
+            </DataTemplate>
+          </ItemsControl.ItemTemplate>
+        </ItemsControl>
+        <!-- Notes -->
+        <TextBox Text="{Binding Notes, Mode=TwoWay}" AcceptsReturn="True"
+                 TextWrapping="Wrap" MinHeight="80"
+                 PlaceholderText="Notes…"
+                 Margin="18,0,18,12"/>
+      </StackPanel>
+    </ScrollViewer>
+  </DockPanel>
 </UserControl>