feat(ui): show queued interactive messages above the composer

A queued message now appears in a pending strip above the input box (driven by
InteractiveQueueChanged), not optimistically in the transcript. The transcript
user line is added on delivery via InteractiveMessageSent. SessionTerminalView
gains QueuedMessages/HasQueuedMessages styled props (Mission Control); WorkConsole
binds Monitor.* (task detail). Adds session.composer.queued (en/de).

src/ClaudeDo.Ui/ViewModels/Islands/TaskMonitorViewModel.cs

@@ -70,6 +70,9 @@ public sealed partial class TaskMonitorViewModel : ViewModelBase, IDisposable
 
     private const string RoadblockMarker = "Roadblocks reported during the run:";
 
+    public ObservableCollection<string> QueuedMessages { get; } = new();
+    public bool HasQueuedMessages => QueuedMessages.Count > 0;
+
     // Captured handler delegates for disposal
     private readonly Action<string, string> _onTaskMessage;
     private readonly Action<string, string, DateTime> _onTaskStarted;
@@ -79,6 +82,8 @@ public sealed partial class TaskMonitorViewModel : ViewModelBase, IDisposable
     private readonly Action<string, string> _onTaskQuestionResolved;
     private readonly Action<string> _onInteractiveStarted;
     private readonly Action<string> _onInteractiveEnded;
+    private readonly Action<string, IReadOnlyList<string>> _onInteractiveQueueChanged;
+    private readonly Action<string, string> _onInteractiveMessageSent;
 
     // Interactive composer — active while the worker is in an interactive session.
     [ObservableProperty]
@@ -164,9 +169,29 @@ public sealed partial class TaskMonitorViewModel : ViewModelBase, IDisposable
 
         _onInteractiveEnded = taskId =>
         {
-            if (taskId == _subscribedTaskId) { IsInteractiveLive = false; AgentState = "done"; }
+            if (taskId != _subscribedTaskId) return;
+            IsInteractiveLive = false;
+            AgentState = "done";
+            QueuedMessages.Clear();
+            OnPropertyChanged(nameof(HasQueuedMessages));
         };
         _worker.InteractiveSessionEndedEvent += _onInteractiveEnded;
+
+        _onInteractiveQueueChanged = (taskId, pending) =>
+        {
+            if (taskId != _subscribedTaskId) return;
+            QueuedMessages.Clear();
+            foreach (var m in pending) QueuedMessages.Add(m);
+            OnPropertyChanged(nameof(HasQueuedMessages));
+        };
+        _worker.InteractiveQueueChangedEvent += _onInteractiveQueueChanged;
+
+        _onInteractiveMessageSent = (taskId, text) =>
+        {
+            if (taskId == _subscribedTaskId)
+                Log.Add(new LogLineViewModel { Kind = LogKind.User, Text = text });
+        };
+        _worker.InteractiveMessageSentEvent += _onInteractiveMessageSent;
     }
 
     // Surface a pending question (used by live event + re-attach hydration).
@@ -189,7 +214,6 @@ public sealed partial class TaskMonitorViewModel : ViewModelBase, IDisposable
         if (string.IsNullOrEmpty(_subscribedTaskId)) return;
         var text = ComposerDraft;
         if (string.IsNullOrWhiteSpace(text)) return;
-        Log.Add(new LogLineViewModel { Kind = LogKind.User, Text = text });
         ComposerDraft = string.Empty;
         await _worker.SendInteractiveMessageAsync(_subscribedTaskId, text);
     }
@@ -260,6 +284,8 @@ public sealed partial class TaskMonitorViewModel : ViewModelBase, IDisposable
         ClearPendingQuestion();
         IsInteractiveLive = false;
         ComposerDraft = string.Empty;
+        QueuedMessages.Clear();
+        OnPropertyChanged(nameof(HasQueuedMessages));
     }
 
     [ObservableProperty]
@@ -485,5 +511,7 @@ public sealed partial class TaskMonitorViewModel : ViewModelBase, IDisposable
         _worker.TaskQuestionResolvedEvent -= _onTaskQuestionResolved;
         _worker.InteractiveSessionStartedEvent -= _onInteractiveStarted;
         _worker.InteractiveSessionEndedEvent   -= _onInteractiveEnded;
+        _worker.InteractiveQueueChangedEvent   -= _onInteractiveQueueChanged;
+        _worker.InteractiveMessageSentEvent    -= _onInteractiveMessageSent;
     }
 }

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

@@ -263,41 +263,71 @@
                     Command="{Binding RejectReviewCommand}" />
           </Grid>
 
-          <!-- Interactive composer — chat with a live in-app session; shell-prompt style,
-               only while an interactive session is running for this task. -->
-          <Grid DockPanel.Dock="Bottom"
-                IsVisible="{Binding Monitor.IsInteractiveLive}"
-                ColumnDefinitions="Auto,*,Auto,Auto"
-                Margin="12,2,12,8">
-            <TextBlock Grid.Column="0" Text="&#x276F;"
+          <!-- Interactive composer + queued strip — chat with a live in-app session -->
+          <StackPanel DockPanel.Dock="Bottom" Orientation="Vertical">
+            <!-- Queued messages strip -->
+            <Border IsVisible="{Binding Monitor.HasQueuedMessages}"
+                    BorderBrush="{DynamicResource LineBrush}"
+                    BorderThickness="0,1,0,0"
+                    Padding="12,4">
+              <StackPanel Spacing="2">
+                <TextBlock Classes="meta"
+                           Text="{loc:Tr session.composer.queued}"
+                           Foreground="{DynamicResource TextMuteBrush}" />
+                <ItemsControl ItemsSource="{Binding Monitor.QueuedMessages}">
+                  <ItemsControl.ItemTemplate>
+                    <DataTemplate>
+                      <StackPanel Orientation="Horizontal" Spacing="6">
+                        <TextBlock Text="⧗"
+                                   Foreground="{DynamicResource TextMuteBrush}"
+                                   FontFamily="{StaticResource MonoFont}"
+                                   FontSize="{StaticResource FontSizeMono}"
+                                   VerticalAlignment="Center" />
+                        <TextBlock Text="{Binding}"
+                                   Foreground="{DynamicResource TextDimBrush}"
+                                   FontFamily="{StaticResource MonoFont}"
+                                   FontSize="{StaticResource FontSizeMono}"
+                                   TextTrimming="CharacterEllipsis" />
+                      </StackPanel>
+                    </DataTemplate>
+                  </ItemsControl.ItemTemplate>
+                </ItemsControl>
+              </StackPanel>
+            </Border>
+            <!-- Composer input row -->
+            <Grid IsVisible="{Binding Monitor.IsInteractiveLive}"
+                  ColumnDefinitions="Auto,*,Auto,Auto"
+                  Margin="12,2,12,8">
+              <TextBlock Grid.Column="0" Text="&#x276F;"
+                         FontFamily="{StaticResource MonoFont}"
+                         FontSize="{StaticResource FontSizeMono}"
+                         Foreground="{DynamicResource AccentBrush}"
+                         VerticalAlignment="Center" Margin="0,0,8,0" />
+              <TextBox Grid.Column="1"
+                       Classes="review-prompt"
+                       Text="{Binding Monitor.ComposerDraft, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
+                       AcceptsReturn="False"
+                       TextWrapping="Wrap"
+                       MaxHeight="160"
+                       PlaceholderText="{loc:Tr session.composer.placeholder}"
+                       VerticalContentAlignment="Center"
                        FontFamily="{StaticResource MonoFont}"
-                       FontSize="{StaticResource FontSizeMono}"
-                       Foreground="{DynamicResource AccentBrush}"
-                       VerticalAlignment="Center" Margin="0,0,8,0" />
-            <TextBox Grid.Column="1"
-                     Classes="review-prompt"
-                     Text="{Binding Monitor.ComposerDraft, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
-                     AcceptsReturn="False"
-                     TextWrapping="Wrap"
-                     MaxHeight="160"
-                     PlaceholderText="{loc:Tr session.composer.placeholder}"
-                     VerticalContentAlignment="Center"
-                     FontFamily="{StaticResource MonoFont}"
-                     FontSize="{StaticResource FontSizeMono}">
-              <TextBox.KeyBindings>
-                <KeyBinding Gesture="Enter" Command="{Binding Monitor.SubmitComposerCommand}" />
-              </TextBox.KeyBindings>
-            </TextBox>
-            <Button Grid.Column="2" Classes="prompt-action"
-                    VerticalAlignment="Center" Margin="12,0,0,0"
-                    Command="{Binding Monitor.InterruptInteractiveCommand}"
-                    ToolTip.Tip="{loc:Tr session.composer.interrupt}">
-              <PathIcon Data="{StaticResource Icon.Stop}" Width="10" Height="10"/>
-            </Button>
-            <Button Grid.Column="3" Classes="prompt-action accent" Content="[Send]"
-                    VerticalAlignment="Center" Margin="4,0,0,0"
-                    Command="{Binding Monitor.SubmitComposerCommand}" />
-          </Grid>
+                       FontSize="{StaticResource FontSizeMono}">
+                <TextBox.KeyBindings>
+                  <KeyBinding Gesture="Enter" Command="{Binding Monitor.SubmitComposerCommand}" />
+                </TextBox.KeyBindings>
+              </TextBox>
+              <Button Grid.Column="2" Classes="prompt-action"
+                      VerticalAlignment="Center" Margin="12,0,0,0"
+                      Command="{Binding Monitor.InterruptInteractiveCommand}"
+                      ToolTip.Tip="{loc:Tr session.composer.interrupt}">
+                <PathIcon Data="{StaticResource Icon.Stop}" Width="10" Height="10"/>
+              </Button>
+              <Button Grid.Column="3" Classes="prompt-action accent" Content="[Send]"
+                      VerticalAlignment="Center" Margin="4,0,0,0"
+                      Command="{Binding Monitor.SubmitComposerCommand}" />
+            </Grid>
+          </StackPanel>
 
           <ScrollViewer Name="LogScroll"
                         VerticalScrollBarVisibility="Visible"

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

@@ -50,35 +50,67 @@
         </Border>
       </Grid>
 
-      <!-- ── Composer bar ── -->
-      <Border DockPanel.Dock="Bottom"
-              IsVisible="{Binding #Root.IsComposerVisible}"
-              Background="{DynamicResource Surface2Brush}"
-              BorderBrush="{DynamicResource LineBrush}"
-              BorderThickness="0,1,0,0"
-              Padding="6,5">
-        <Grid ColumnDefinitions="*,Auto,Auto">
-          <TextBox Grid.Column="0"
-                   Text="{Binding #Root.ComposerText, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
-                   PlaceholderText="{Binding #Root.ComposerPlaceholder}"
-                   AcceptsReturn="False">
-            <TextBox.KeyBindings>
-              <KeyBinding Gesture="Enter" Command="{Binding #Root.SubmitCommand}"/>
-            </TextBox.KeyBindings>
-          </TextBox>
-          <Button Grid.Column="1"
-                  Margin="6,0,0,0"
-                  Classes="title-ctrl"
-                  Command="{Binding #Root.InterruptCommand}"
-                  ToolTip.Tip="{loc:Tr session.composer.interrupt}">
-            <PathIcon Data="{StaticResource Icon.Stop}" Width="10" Height="10"/>
-          </Button>
-          <Button Grid.Column="2"
-                  Margin="6,0,0,0"
-                  Content="{loc:Tr session.composer.send}"
-                  Command="{Binding #Root.SubmitCommand}"/>
-        </Grid>
-      </Border>
+      <!-- ── Queued strip + Composer bar ── -->
+      <StackPanel DockPanel.Dock="Bottom" Orientation="Vertical">
+        <!-- Queued messages strip -->
+        <Border IsVisible="{Binding #Root.HasQueuedMessages}"
+                Background="{DynamicResource Surface2Brush}"
+                BorderBrush="{DynamicResource LineBrush}"
+                BorderThickness="0,0,0,1"
+                Padding="8,4">
+          <StackPanel Spacing="2">
+            <TextBlock Classes="meta"
+                       Text="{loc:Tr session.composer.queued}"
+                       Foreground="{DynamicResource TextMuteBrush}" />
+            <ItemsControl ItemsSource="{Binding #Root.QueuedMessages}">
+              <ItemsControl.ItemTemplate>
+                <DataTemplate>
+                  <StackPanel Orientation="Horizontal" Spacing="6">
+                    <TextBlock Text="⧗"
+                               Foreground="{DynamicResource TextMuteBrush}"
+                               FontFamily="{StaticResource MonoFont}"
+                               FontSize="{StaticResource FontSizeMono}"
+                               VerticalAlignment="Center" />
+                    <TextBlock Text="{Binding}"
+                               Foreground="{DynamicResource TextDimBrush}"
+                               FontFamily="{StaticResource MonoFont}"
+                               FontSize="{StaticResource FontSizeMono}"
+                               TextTrimming="CharacterEllipsis" />
+                  </StackPanel>
+                </DataTemplate>
+              </ItemsControl.ItemTemplate>
+            </ItemsControl>
+          </StackPanel>
+        </Border>
+        <!-- Composer input row -->
+        <Border IsVisible="{Binding #Root.IsComposerVisible}"
+                Background="{DynamicResource Surface2Brush}"
+                BorderBrush="{DynamicResource LineBrush}"
+                BorderThickness="0,1,0,0"
+                Padding="6,5">
+          <Grid ColumnDefinitions="*,Auto,Auto">
+            <TextBox Grid.Column="0"
+                     Text="{Binding #Root.ComposerText, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
+                     PlaceholderText="{Binding #Root.ComposerPlaceholder}"
+                     AcceptsReturn="False">
+              <TextBox.KeyBindings>
+                <KeyBinding Gesture="Enter" Command="{Binding #Root.SubmitCommand}"/>
+              </TextBox.KeyBindings>
+            </TextBox>
+            <Button Grid.Column="1"
+                    Margin="6,0,0,0"
+                    Classes="title-ctrl"
+                    Command="{Binding #Root.InterruptCommand}"
+                    ToolTip.Tip="{loc:Tr session.composer.interrupt}">
+              <PathIcon Data="{StaticResource Icon.Stop}" Width="10" Height="10"/>
+            </Button>
+            <Button Grid.Column="2"
+                    Margin="6,0,0,0"
+                    Content="{loc:Tr session.composer.send}"
+                    Command="{Binding #Root.SubmitCommand}"/>
+          </Grid>
+        </Border>
+      </StackPanel>
 
       <!-- ── Log output ── -->
       <ScrollViewer Name="LogScroll"

src/ClaudeDo.Ui/Views/Islands/SessionTerminalView.axaml.cs

@@ -29,6 +29,10 @@ public partial class SessionTerminalView : UserControl
         AvaloniaProperty.Register<SessionTerminalView, ICommand?>(nameof(InterruptCommand));
     public static readonly StyledProperty<string?> ComposerPlaceholderProperty =
         AvaloniaProperty.Register<SessionTerminalView, string?>(nameof(ComposerPlaceholder));
+    public static readonly StyledProperty<System.Collections.IEnumerable?> QueuedMessagesProperty =
+        AvaloniaProperty.Register<SessionTerminalView, System.Collections.IEnumerable?>(nameof(QueuedMessages));
+    public static readonly StyledProperty<bool> HasQueuedMessagesProperty =
+        AvaloniaProperty.Register<SessionTerminalView, bool>(nameof(HasQueuedMessages), defaultValue: false);
 
     public IEnumerable? Entries { get => GetValue(EntriesProperty); set => SetValue(EntriesProperty, value); }
     public string? Label { get => GetValue(LabelProperty); set => SetValue(LabelProperty, value); }
@@ -40,6 +44,8 @@ public partial class SessionTerminalView : UserControl
     public ICommand? SubmitCommand { get => GetValue(SubmitCommandProperty); set => SetValue(SubmitCommandProperty, value); }
     public ICommand? InterruptCommand { get => GetValue(InterruptCommandProperty); set => SetValue(InterruptCommandProperty, value); }
     public string? ComposerPlaceholder { get => GetValue(ComposerPlaceholderProperty); set => SetValue(ComposerPlaceholderProperty, value); }
+    public System.Collections.IEnumerable? QueuedMessages { get => GetValue(QueuedMessagesProperty); set => SetValue(QueuedMessagesProperty, value); }
+    public bool HasQueuedMessages { get => GetValue(HasQueuedMessagesProperty); set => SetValue(HasQueuedMessagesProperty, value); }
 
     private INotifyCollectionChanged? _subscribedCollection;
 

src/ClaudeDo.Ui/Views/MissionControl/MonitorPaneView.axaml

@@ -112,7 +112,9 @@
           ComposerText="{Binding ComposerDraft, Mode=TwoWay}"
           SubmitCommand="{Binding SubmitComposerCommand}"
           InterruptCommand="{Binding InterruptInteractiveCommand}"
-          ComposerPlaceholder="{loc:Tr session.composer.placeholder}" />
+          ComposerPlaceholder="{loc:Tr session.composer.placeholder}"
+          QueuedMessages="{Binding QueuedMessages}"
+          HasQueuedMessages="{Binding HasQueuedMessages}" />
 
     </DockPanel>
   </Border>