dock Claude's task list above the composer (T-308)

Claude's TodoWrite checklist was invisible. Add a TaskItem/TaskStatus
model + a latest-wins parser (taskListFrom) that reads the most recent
TodoWrite tool call (it replaces the whole list each time), and a compact
display-only ClaudeTaskDock pinned between the conversation and the
composer: collapsed to "N tasks · M done" + the current in-progress item,
expandable to the full checklist with per-item status glyphs + a11y
labels. Hidden when there are no tasks. Parser + widget tests.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

lib/builtin/claude/src/claude_pane.dart

@@ -9,6 +9,7 @@ import 'claude_banner.dart';
 import 'claude_composer.dart';
 import 'claude_config.dart';
 import 'claude_status.dart';
+import 'claude_task_dock.dart';
 import 'clipboard_paste.dart';
 import 'activity_cluster.dart' show foldLevelFromName, kActivityFoldLevelKey;
 import 'conversation_controller.dart';
@@ -21,6 +22,7 @@ import 'session_orchestrator.dart';
 import 'session_picker.dart';
 import 'slash_commands.dart';
 import 'stream_json_session.dart';
+import 'task_list.dart';
 import 'transcript_reader.dart';
 
 /// The Claude conversation pane. Drives `claude` over the stream-json control
@@ -513,6 +515,12 @@ class _ClaudePaneState extends State<ClaudePane> {
                   ),
                 ),
               ),
+              // Claude's task list, docked above the composer (T-308). Rebuilds
+              // with the conversation; renders nothing when there are no tasks.
+              ListenableBuilder(
+                listenable: _conversation!,
+                builder: (_, __) => ClaudeTaskDock(tasks: taskListFrom(_conversation!.items)),
+              ),
               // An open prompt takes the composer's space and hides the text
               // input until it's answered, so interaction stays out of the
               // conversation stream (D-78).

lib/builtin/claude/src/claude_task_dock.dart

@@ -0,0 +1,123 @@
+/// Claude's task list, docked above the composer (T-308).
+///
+/// A compact, display-only surface (D-78 — not an interactive control) pinned
+/// between the conversation and the composer so the user can always see what
+/// Claude is tracking and how far along it is. Collapsed by default to a
+/// one-line summary (`N tasks · M done` + the current in-progress item);
+/// tapping expands the full checklist. Renders nothing when there are no tasks.
+library;
+
+import 'package:clide/builtin/claude/src/task_list.dart';
+import 'package:clide/kernel/src/theme/controller.dart';
+import 'package:clide/kernel/src/theme/tokens.dart';
+import 'package:clide/widgets/widgets.dart';
+import 'package:flutter/widgets.dart';
+
+class ClaudeTaskDock extends StatefulWidget {
+  const ClaudeTaskDock({super.key, required this.tasks});
+
+  final List<TaskItem> tasks;
+
+  @override
+  State<ClaudeTaskDock> createState() => _ClaudeTaskDockState();
+}
+
+class _ClaudeTaskDockState extends State<ClaudeTaskDock> {
+  bool _expanded = false;
+
+  @override
+  Widget build(BuildContext context) {
+    final tasks = widget.tasks;
+    if (tasks.isEmpty) return const SizedBox.shrink(); // no chrome when empty
+
+    final tokens = ClideTheme.of(context).surface;
+    final done = tasks.where((t) => t.status == TaskStatus.completed).length;
+    final inProgress = tasks.where((t) => t.status == TaskStatus.inProgress);
+    final current = inProgress.isEmpty ? null : inProgress.first.text;
+    final summary = '${tasks.length} task${tasks.length == 1 ? '' : 's'} · $done done';
+
+    return Padding(
+      padding: const EdgeInsets.fromLTRB(10, 0, 10, 6),
+      child: ClideTappable(
+        onTap: () => setState(() => _expanded = !_expanded),
+        tooltip: _expanded ? 'Collapse tasks' : 'Expand tasks',
+        builder: (context, hovered, focused) => Container(
+          decoration: BoxDecoration(
+            color: (hovered || focused) ? tokens.listItemHoverBackground : tokens.listItemBackground,
+            border: Border.all(color: tokens.panelBorder),
+            borderRadius: BorderRadius.circular(4),
+          ),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              // The summary row IS the toggle — a single labelled button node
+              // (its inner text is announced via the label, so exclude it).
+              Semantics(
+                button: true,
+                label: 'Claude task list, $summary, ${_expanded ? 'expanded' : 'collapsed'}',
+                excludeSemantics: true,
+                child: _summaryRow(tokens, summary, current),
+              ),
+              if (_expanded) ...[
+                ClideDivider(),
+                Padding(
+                  padding: const EdgeInsets.fromLTRB(10, 4, 10, 6),
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.stretch,
+                    children: [for (final t in tasks) _taskRow(tokens, t)],
+                  ),
+                ),
+              ],
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _summaryRow(SurfaceTokens tokens, String summary, String? current) => Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
+        child: Row(
+          children: [
+            ClideIcon(_expanded ? const ChevronDownIcon() : const ChevronRightIcon(), size: 12, color: tokens.globalTextMuted),
+            const SizedBox(width: 8),
+            ClideText(summary, fontSize: clideFontCaption, color: tokens.globalTextMuted),
+            if (!_expanded && current != null) ...[
+              const SizedBox(width: 10),
+              Expanded(child: ClideText(current, fontSize: clideFontCaption, color: tokens.globalTextMuted, maxLines: 1, overflow: TextOverflow.ellipsis)),
+            ] else
+              const Spacer(),
+          ],
+        ),
+      );
+
+  Widget _taskRow(SurfaceTokens tokens, TaskItem t) {
+    final (String glyph, Color color, String word) = switch (t.status) {
+      TaskStatus.completed => ('check-circle', tokens.statusSuccess, 'done'),
+      TaskStatus.inProgress => ('circle-half', tokens.globalFocus, 'in progress'),
+      TaskStatus.pending => ('circle', tokens.globalTextMuted, 'pending'),
+    };
+    return Padding(
+      padding: const EdgeInsets.only(top: 4),
+      child: Semantics(
+        label: '${t.text}, $word',
+        container: true,
+        excludeSemantics: true,
+        child: Row(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Padding(padding: const EdgeInsets.only(top: 1), child: ClideIcon(PhosphorIcons.byName(glyph), size: 13, color: color)),
+            const SizedBox(width: 8),
+            Expanded(
+              child: ClideText(
+                t.text,
+                fontSize: clideFontCaption,
+                color: t.status == TaskStatus.completed ? tokens.globalTextMuted : tokens.globalForeground,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/builtin/claude/src/task_list.dart

@@ -0,0 +1,53 @@
+/// Claude's working task list, modelled from the conversation for the docked
+/// task view (T-308).
+///
+/// Claude tracks tasks with the `TodoWrite` tool, which **replaces the whole
+/// list** on each call — so the current state is simply the todos of the most
+/// recent `TodoWrite`. This is a latest-wins snapshot, not an append log; older
+/// `TodoWrite` calls are superseded.
+library;
+
+import 'package:clide/builtin/claude/src/transcript_reader.dart';
+
+enum TaskStatus { pending, inProgress, completed }
+
+class TaskItem {
+  const TaskItem({required this.text, required this.status});
+
+  final String text;
+  final TaskStatus status;
+
+  @override
+  bool operator ==(Object other) => other is TaskItem && other.text == text && other.status == status;
+
+  @override
+  int get hashCode => Object.hash(text, status);
+}
+
+/// The current task list — the todos of the most recent `TodoWrite` tool call,
+/// or empty if Claude hasn't written one this session.
+List<TaskItem> taskListFrom(List<ConversationItem> items) {
+  for (var i = items.length - 1; i >= 0; i--) {
+    final it = items[i];
+    if (it is! AssistantToolUse || it.name != 'TodoWrite') continue;
+    final raw = it.input['todos'];
+    if (raw is! List) return const [];
+    return [
+      for (final t in raw)
+        if (t is Map)
+          TaskItem(
+            // `content` is the canonical label; `activeForm` is the present-tense
+            // variant TodoWrite also carries — fall back to it, then to empty.
+            text: (t['content'] ?? t['activeForm'] ?? '').toString(),
+            status: _statusFrom(t['status']),
+          ),
+    ];
+  }
+  return const [];
+}
+
+TaskStatus _statusFrom(Object? raw) => switch (raw) {
+      'in_progress' => TaskStatus.inProgress,
+      'completed' => TaskStatus.completed,
+      _ => TaskStatus.pending,
+    };