@iowarp/clio-coder 0.3.4 → 0.3.6

package/src/interactive/dispatch-board.ts

@@ -9,6 +9,14 @@ import {
 import type { SafeEventBus } from "../core/event-bus.js";
 import { rawDurationMs } from "../core/timers.js";
 import type { AgentAudience } from "../domains/agents/spec.js";
+import {
+	cloneRunToolBudgetEnvelope,
+	formatBudgetPolicy,
+	formatBudgetReasons,
+	formatBudgetRequest,
+	formatEffectiveBudget,
+	type RunToolBudgetEnvelope,
+} from "../domains/dispatch/budget-envelope.js";
 import type { DispatchSnapshot } from "../domains/dispatch/contract.js";
 import {
 	type DispatchRequestOrigin,
@@ -25,7 +33,7 @@ import {
 } from "../domains/observability/index.js";
 import type { CostProvenance } from "../domains/providers/index.js";
 import { sanitizeCallTargetText } from "../domains/safety/call-target.js";
-import { type Component, truncateToWidth, visibleWidth } from "../engine/tui.js";
+import { type Component, truncateToWidth, visibleWidth, wrapTextWithAnsi } from "../engine/tui.js";
 import { formatWorkerContextMeter } from "./context-meter.js";
 import { formatFooterTokens } from "./footer-panel.js";
 import {
@@ -42,6 +50,13 @@ import {
 	screenTitle,
 	spinnerFrame,
 } from "./theme/index.js";
+import {
+	createWorkerProgressFold,
+	type WorkerAction,
+	type WorkerProgressFold,
+	type WorkerProgressSnapshot,
+} from "./worker-progress.js";
+import type { WorkerReceiptReader } from "./worker-stream.js";
 
 export type DispatchBoardStatus =
 	| Extract<RunStatus, "running" | "completed" | "failed" | "stale" | "dead">
@@ -72,6 +87,8 @@ export interface DispatchBoardRow {
 	wireModelId: string;
 	/** Sanitized, one-line summary of the task assigned to this run. */
 	taskSummary?: string;
+	/** Immutable budget admission provenance for this run. */
+	budget?: RunToolBudgetEnvelope;
 	status: DispatchBoardStatus;
 	elapsedMs: number;
 	tokenCount: number;
@@ -94,10 +111,17 @@ export interface DispatchBoardRow {
 	contextWindow?: number;
 	/** Last assistant message's input+cacheRead+output: current context occupancy. */
 	lastContextTokens?: number;
-	/** Tool currently executing in the worker; null between calls. */
+	/** Tool currently executing in the worker; null between calls. Projected from `progress`. */
 	currentTool?: string | null;
-	/** Recently finished tools, newest first, bounded. */
+	/** Recently finished tools, newest first, bounded. Projected from `progress`. */
 	recentTools?: ReadonlyArray<string>;
+	/**
+	 * The canonical worker-progress projection for this run: the bounded answer
+	 * tail, the phase, and the redacted action descriptors. The same projection
+	 * the transcript's worker block reads, so opening a run here shows what the
+	 * worker is doing rather than a richer spinner.
+	 */
+	progress?: WorkerProgressSnapshot;
 	/**
 	 * Id of the receipt sealed for this run (`receipts/<runId>.json`, the id
 	 * `clio-coder trace` takes). Set only once a terminal dispatch event has
@@ -126,7 +150,10 @@ export function isDispatchBoardRowCancellable(row: DispatchBoardRow): boolean {
 }
 
 interface DispatchBoardEntry
-	extends Omit<DispatchBoardRow, "elapsedMs" | "recentTools" | "lastContextTokens" | "currentTool" | "retry"> {
+	extends Omit<
+		DispatchBoardRow,
+		"elapsedMs" | "recentTools" | "lastContextTokens" | "currentTool" | "retry" | "progress"
+	> {
 	sequence: number;
 	enqueuedAtMs: number;
 	startedAtMs: number | null;
@@ -139,15 +166,19 @@ interface DispatchBoardEntry
 	finishedAtMs: number | null;
 	durationMs: number | null;
 	lastContextTokens: number;
-	currentTool: string | null;
-	recentTools: string[];
+	/**
+	 * The one fold that reads this run's worker events. Tool activity and the
+	 * answer tail are its output, so the board no longer interprets the stream
+	 * alongside the transcript.
+	 */
+	progress: WorkerProgressFold;
 	retry?: DispatchRetryPresentation;
 }
 
-/** Bound on the recent-tool trail rendered on a card. */
-const RECENT_TOOL_TRAIL_LIMIT = 4;
 /** Keep raw task text out of long-lived TUI rows and bound hostile/user-sized input. */
 const TASK_SUMMARY_MAX_WIDTH = 240;
+/** Rows of worker prose an expanded card shows before it defers to `/view`. */
+const WORKER_PROGRESS_CARD_ROWS = 6;
 
 interface WorkerEventShape {
 	type?: unknown;
@@ -433,11 +464,92 @@ function retryCountdown(retry: DispatchRetryPresentation, now = Date.now()): str
 	return remainingMs === 0 ? "now" : `in ${formatCompactMs(remainingMs)}`;
 }
 
+/**
+ * One action as a phrase: the tool name, then the verb and object of its
+ * redacted descriptor. The descriptor was bounded and scrubbed at the worker
+ * seam, so this composes text and never inspects an argument.
+ */
+function actionPhrase(action: WorkerAction): string {
+	const descriptor = action.descriptor;
+	if (descriptor === undefined) return action.tool;
+	const object = descriptor.object === undefined ? "" : ` ${descriptor.object}${descriptor.truncated ? "…" : ""}`;
+	return `${action.tool} ${descriptor.verb}${object}`;
+}
+
+/** The phase word an expanded card names, or null for a phase that says nothing new. */
+function progressPhaseUnit(theme: ClioTheme, progress: WorkerProgressSnapshot): string | null {
+	switch (progress.phase) {
+		case "thinking":
+			// The phase only. Reasoning content never reaches an operator surface.
+			return theme.fg("reason", `${GLYPH.phaseThinking} thinking`);
+		case "writing":
+			return theme.fg("accent", `${GLYPH.phaseWriting} writing`);
+		case "tool":
+			return theme.fg("action", `${GLYPH.phaseTool} tool`);
+		case "waiting":
+			return theme.fg("info", `${GLYPH.phaseWaiting} waiting`);
+		case "settled":
+		case "starting":
+			return null;
+	}
+}
+
+/** The `doing` row: the phase, then the running call or the most recent one, with its object. */
+function progressActionLine(theme: ClioTheme, progress: WorkerProgressSnapshot, contentWidth: number): string | null {
+	const phase = progressPhaseUnit(theme, progress);
+	const current = progress.currentAction;
+	const recent = progress.recentActions[0];
+	const units: string[] = [];
+	if (phase !== null) units.push(phase);
+	if (current !== null) units.push(theme.fg("muted", actionPhrase(current)));
+	else if (recent !== undefined) units.push(theme.fg("dim", `last ${actionPhrase(recent)}`));
+	if (units.length === 0) return null;
+	return cardUnitsLine(theme, "doing", units, contentWidth);
+}
+
+/**
+ * The `answer` block: the newest rows of the worker's bounded prose on a rail,
+ * then what is not shown and where to read it. Wrapping happens before the row
+ * cap, so the block is at most {@link WORKER_PROGRESS_CARD_ROWS} rows tall
+ * whatever the terminal width, and a streaming answer cannot make the card grow
+ * under the operator.
+ */
+function progressAnswerLines(
+	theme: ClioTheme,
+	progress: WorkerProgressSnapshot,
+	runId: string,
+	contentWidth: number,
+): string[] {
+	if (progress.tailText.length === 0) return [];
+	const gutter = CARD_KV_KEY_WIDTH + 1;
+	const railWidth = Math.max(1, contentWidth - gutter - 2);
+	const wrapped: string[] = [];
+	for (const line of progress.tailText.split("\n")) {
+		for (const row of wrapTextWithAnsi(sanitizeCallTargetText(line), railWidth)) wrapped.push(row);
+	}
+	const shown = wrapped.slice(Math.max(0, wrapped.length - WORKER_PROGRESS_CARD_ROWS));
+	const hiddenRows = wrapped.length - shown.length;
+	const rail = theme.fg("dim", `${GLYPH.rail} `);
+	const body = shown.map((row) => `${rail}${theme.fg("muted", row)}`);
+	const hiddenLines = progress.droppedLines + hiddenRows;
+	if (hiddenLines > 0 || progress.droppedBytes > 0) {
+		const facts = [
+			...(hiddenLines > 0 ? [`${hiddenLines} more line${hiddenLines === 1 ? "" : "s"}`] : []),
+			...(progress.droppedBytes > 0 ? [`${progress.droppedBytes} bytes outran the view`] : []),
+			`/view dispatch:${runId}`,
+		];
+		body.push(`${rail}${theme.fg("dim", truncateToWidth(facts.join(" · "), railWidth, "…", false))}`);
+	}
+	// The key labels the block once and the rest hangs under it, which is the
+	// card's key-value grammar applied to a body rather than to one value.
+	return body.map((row, index) => `${index === 0 ? cardKvKey(theme, "answer") : " ".repeat(gutter)}${row}`);
+}
+
 export function renderDispatchCard(
 	row: DispatchBoardRow,
 	width: number,
 	evidence?: RunEvidencePresentation,
-	options: { selected?: boolean } = {},
+	options: { selected?: boolean; expanded?: boolean } = {},
 ): string[] {
 	const theme = clioTheme();
 	const contentWidth = Math.max(0, width - 4);
@@ -506,6 +618,22 @@ export function renderDispatchCard(
 			? [truncateToWidth(`${cardKvKey(theme, "task")}${theme.fg("muted", row.taskSummary)}`, contentWidth, "…", false)]
 			: []),
 		cardUnitsLine(theme, "status", statusUnits, contentWidth),
+		...(row.budget !== undefined
+			? [
+					truncateToWidth(
+						`${cardKvKey(theme, "policy")}${theme.fg("muted", `${formatBudgetPolicy(row.budget)}; requested ${formatBudgetRequest(row.budget)}`)}`,
+						contentWidth,
+						"…",
+						false,
+					),
+					truncateToWidth(
+						`${cardKvKey(theme, "budget")}${theme.fg("muted", `${formatEffectiveBudget(row.budget)}; reason ${formatBudgetReasons(row.budget)}`)}`,
+						contentWidth,
+						"…",
+						false,
+					),
+				]
+			: []),
 		cardUnitsLine(theme, "telemetry", [up, down, total, ...(contextUnit !== null ? [contextUnit] : [])], contentWidth),
 	];
 	if (row.retry) {
@@ -533,6 +661,13 @@ export function renderDispatchCard(
 		];
 		bodyLines.push(cardUnitsLine(theme, "tools", toolUnits, contentWidth));
 	}
+	// Live worker progress is expanded detail, never a default row: five running
+	// scouts must stay five compact cards until the operator opens one.
+	if (options.expanded === true && row.progress) {
+		const doing = progressActionLine(theme, row.progress, contentWidth);
+		if (doing !== null) bodyLines.push(doing);
+		bodyLines.push(...progressAnswerLines(theme, row.progress, row.runId, contentWidth));
+	}
 	if (row.steerAcknowledgement) {
 		bodyLines.push(
 			cardUnitsLine(
@@ -610,6 +745,8 @@ export function formatDispatchBoardLines(
 	width = 76,
 	observability?: ObservabilitySnapshot,
 	selectedRunId?: string | null,
+	/** Whether the selected row renders its worker-progress detail. Off by default. */
+	detailExpanded = false,
 ): string[] {
 	if (rows.length === 0) {
 		const theme = clioTheme();
@@ -623,6 +760,7 @@ export function formatDispatchBoardLines(
 	const cards = rows.map((row) =>
 		renderDispatchCard(row, width, deriveRunEvidenceState(observability, row.runId), {
 			selected: row.runId === selectedRunId,
+			expanded: detailExpanded && row.runId === selectedRunId,
 		}),
 	);
 	const body: string[] = [];
@@ -648,6 +786,9 @@ export interface DispatchBoardView extends Component {
 	selectPrevious(): void;
 	selectNext(): void;
 	resetSelection(): void;
+	/** Open or close the selected row's worker-progress detail. */
+	toggleDetail(): void;
+	detailExpanded(): boolean;
 }
 
 export function createDispatchBoardView(
@@ -655,6 +796,9 @@ export function createDispatchBoardView(
 	observability: () => ObservabilitySnapshot | undefined,
 ): DispatchBoardView {
 	let selectedRunId: string | null = null;
+	// Detail is a property of the operator's attention, not of a run, so it
+	// follows the cursor rather than pinning to the row it was opened on.
+	let expanded = false;
 
 	const normalizeSelection = (currentRows: ReadonlyArray<DispatchBoardRow>): DispatchBoardRow | null => {
 		if (currentRows.length === 0) {
@@ -679,7 +823,7 @@ export function createDispatchBoardView(
 		render(width: number): string[] {
 			const currentRows = rows();
 			normalizeSelection(currentRows);
-			return formatDispatchBoardLines(currentRows, Math.max(1, width), observability(), selectedRunId);
+			return formatDispatchBoardLines(currentRows, Math.max(1, width), observability(), selectedRunId, expanded);
 		},
 		selectedRow(): DispatchBoardRow | null {
 			return normalizeSelection(rows());
@@ -692,8 +836,15 @@ export function createDispatchBoardView(
 		},
 		resetSelection(): void {
 			selectedRunId = null;
+			expanded = false;
 			normalizeSelection(rows());
 		},
+		toggleDetail(): void {
+			expanded = !expanded;
+		},
+		detailExpanded(): boolean {
+			return expanded;
+		},
 		invalidate(): void {},
 	};
 }
@@ -879,6 +1030,7 @@ function readRunningSnapshot(snapshot: DispatchSnapshot): Map<
 		costUsd: number;
 		costProvenance: CostProvenance;
 		outcomePhase: string;
+		budget?: RunToolBudgetEnvelope;
 	}
 > {
 	const running = new Map<
@@ -890,12 +1042,14 @@ function readRunningSnapshot(snapshot: DispatchSnapshot): Map<
 			costUsd: number;
 			costProvenance: CostProvenance;
 			outcomePhase: string;
+			budget?: RunToolBudgetEnvelope;
 		}
 	>();
 	try {
 		for (const value of snapshot.running) {
 			const runId = parseRunId(value.runId);
 			if (!runId) continue;
+			const budget = cloneRunToolBudgetEnvelope(value.budget);
 			running.set(runId, {
 				inputTokens: parseFiniteNumberOrZero(value.tokens.input),
 				outputTokens: parseFiniteNumberOrZero(value.tokens.output),
@@ -903,6 +1057,7 @@ function readRunningSnapshot(snapshot: DispatchSnapshot): Map<
 				costUsd: parseFiniteNumberOrZero(value.costUsd),
 				costProvenance: value.costProvenance ?? "unknown",
 				outcomePhase: value.outcomePhase,
+				...(budget !== undefined ? { budget } : {}),
 			});
 		}
 	} catch {
@@ -920,7 +1075,9 @@ function resolveElapsedMs(entry: DispatchBoardEntry, now: number): number {
 
 function toRow(entry: DispatchBoardEntry, now: number): DispatchBoardRow {
 	const retry = entry.retry;
+	const progress = entry.progress.snapshot();
 	return {
+		progress,
 		runId: entry.runId,
 		agentId: entry.agentId,
 		...(entry.agentAudience !== undefined ? { agentAudience: entry.agentAudience } : {}),
@@ -930,6 +1087,7 @@ function toRow(entry: DispatchBoardEntry, now: number): DispatchBoardRow {
 		targetId: entry.targetId,
 		wireModelId: entry.wireModelId,
 		...(entry.taskSummary !== undefined ? { taskSummary: entry.taskSummary } : {}),
+		...(entry.budget !== undefined ? { budget: entry.budget } : {}),
 		status: retry ? "retrying" : entry.status,
 		elapsedMs: resolveElapsedMs(entry, now),
 		tokenCount: entry.tokenCount,
@@ -946,8 +1104,10 @@ function toRow(entry: DispatchBoardEntry, now: number): DispatchBoardRow {
 		...(entry.contextWindow !== undefined ? { contextWindow: entry.contextWindow } : {}),
 		lastContextTokens: entry.lastContextTokens,
 		...(entry.receiptId !== undefined ? { receiptId: entry.receiptId } : {}),
-		currentTool: retry ? null : entry.currentTool,
-		recentTools: [...entry.recentTools],
+		// Both tool fields are views of the one projection, so the compact card and
+		// the expanded detail can never disagree about what is running.
+		currentTool: retry ? null : (progress.currentAction?.tool ?? null),
+		recentTools: progress.recentActions.map((action) => action.tool),
 		...(retry ? { retry: { ...retry } } : {}),
 		...(entry.steerAcknowledgement ? { steerAcknowledgement: { ...entry.steerAcknowledgement } } : {}),
 	};
@@ -980,6 +1140,12 @@ function pruneEntries(entries: Map<string, DispatchBoardEntry>): void {
 export function createDispatchBoardStore(
 	bus: SafeEventBus,
 	snapshot?: () => DispatchSnapshot,
+	/**
+	 * Sealed terminal facts for a finished run. Settlement replaces the
+	 * provisional live tail with the receipt's answer where one can be read; the
+	 * run's own durable message stands in where it cannot.
+	 */
+	readReceipt?: WorkerReceiptReader,
 ): {
 	rows(): ReadonlyArray<DispatchBoardRow>;
 	activeRows(): ReadonlyArray<DispatchBoardRow>;
@@ -990,6 +1156,16 @@ export function createDispatchBoardStore(
 	let nextSequence = 0;
 	let reconciledAtMs = Date.now();
 
+	/**
+	 * Seal a run's projection on the sealed receipt's answer. Only for the
+	 * terminal bus events: the dispatch domain writes `receipts/<runId>.json`
+	 * before it publishes one, so this is the first moment the file exists.
+	 */
+	const settleFromReceipt = (entry: DispatchBoardEntry): void => {
+		const text = readReceipt?.(entry.runId)?.text;
+		entry.progress.settle(typeof text === "string" && text.trim().length > 0 ? text : undefined);
+	};
+
 	// Payloads arrive typed off the bus, but the board keeps its runtime
 	// parsing (parse* helpers) because events are not validated at runtime.
 	const upsertBase = (
@@ -1007,6 +1183,7 @@ export function createDispatchBoardStore(
 		const rerouteCount = parsePositiveInt(raw.rerouteCount) ?? previous?.rerouteCount;
 		const contextWindow = parsePositiveInt(raw.contextWindow) ?? previous?.contextWindow;
 		const taskSummary = parseTaskSummary(raw, previous?.taskSummary);
+		const budget = cloneRunToolBudgetEnvelope(raw.budget) ?? previous?.budget;
 		const entry: DispatchBoardEntry = {
 			runId,
 			agentId: parseText(raw.agentId, previous?.agentId ?? "-"),
@@ -1017,6 +1194,7 @@ export function createDispatchBoardStore(
 			targetId: parseText(raw.targetId, previous?.targetId ?? "-"),
 			wireModelId: parseText(raw.wireModelId, previous?.wireModelId ?? "-"),
 			...(taskSummary !== undefined ? { taskSummary } : {}),
+			...(budget !== undefined ? { budget } : {}),
 			status,
 			tokenCount: previous?.tokenCount ?? 0,
 			costUsd: previous?.costUsd ?? 0,
@@ -1037,8 +1215,7 @@ export function createDispatchBoardStore(
 			...(contextWindow !== undefined ? { contextWindow } : {}),
 			lastContextTokens: previous?.lastContextTokens ?? 0,
 			...(previous?.receiptId !== undefined ? { receiptId: previous.receiptId } : {}),
-			currentTool: previous?.currentTool ?? null,
-			recentTools: previous?.recentTools ?? [],
+			progress: previous?.progress ?? createWorkerProgressFold(),
 			...(previous?.retry ? { retry: { ...previous.retry } } : {}),
 			...(previous?.steerAcknowledgement ? { steerAcknowledgement: { ...previous.steerAcknowledgement } } : {}),
 		};
@@ -1074,7 +1251,7 @@ export function createDispatchBoardStore(
 			entry.costUsd = parseFiniteNumber(payload.costUsd, entry.costUsd);
 			entry.costProvenance = payload.costProvenance ?? "unknown";
 			entry.outcomeDetail = null;
-			entry.currentTool = null;
+			settleFromReceipt(entry);
 			// A terminal dispatch event is published only after the run's receipt is
 			// sealed at receipts/<runId>.json, so the run id is the receipt id here.
 			entry.receiptId = entry.runId;
@@ -1102,7 +1279,7 @@ export function createDispatchBoardStore(
 			entry.costUsd = parseFiniteNumber(payload.costUsd, entry.costUsd);
 			entry.costProvenance = payload.costProvenance ?? "unknown";
 			entry.outcomeDetail = resolveFailureDetail(payload, entry.outcomeDetail);
-			entry.currentTool = null;
+			settleFromReceipt(entry);
 			// A denied retry never reached a run, so no receipt was sealed for it;
 			// every other failure finalized through recordReceipt like a success.
 			if (payload.reason !== "retry_denied") entry.receiptId = entry.runId;
@@ -1126,7 +1303,7 @@ export function createDispatchBoardStore(
 				// wind down, so the history row can become terminal immediately.
 				entry.status = "aborted";
 				entry.finishedAtMs = Date.now();
-				entry.currentTool = null;
+				entry.progress.settle();
 			} else {
 				if (isTerminalStatus(entry.status) && !wasRetrying) return;
 				entry.status = "cancelling";
@@ -1148,7 +1325,10 @@ export function createDispatchBoardStore(
 				entry.status = status;
 				if (status === "dead") {
 					entry.finishedAtMs ??= Date.now();
-					entry.currentTool = null;
+					// A worker-side terminal signal arrives before any receipt is
+					// sealed, so the run's own last durable message is the best truth
+					// there is; the terminal bus event replaces it with the sealed one.
+					entry.progress.settle();
 					delete entry.retry;
 				}
 				return;
@@ -1159,7 +1339,9 @@ export function createDispatchBoardStore(
 				entry.failoverHops = (entry.failoverHops ?? 0) + 1;
 				entry.status = "running";
 				entry.finishedAtMs = null;
-				entry.currentTool = null;
+				// The projection keeps the tail the operator is reading and drops the
+				// finished attempt's live state, exactly as the transcript block does.
+				entry.progress.restart();
 				delete entry.retry;
 				return;
 			}
@@ -1183,20 +1365,10 @@ export function createDispatchBoardStore(
 					entry.ttftMs = Math.round(performance.now() - entry.startedAtClockMs);
 				}
 			}
-			if (type === "clio_tool_start") {
-				const payload = (workerEvent as { payload?: { tool?: unknown } }).payload;
-				const tool = parseNonEmptyString(payload?.tool);
-				if (tool !== undefined) entry.currentTool = tool;
-			}
-			if (type === "clio_tool_finish") {
-				const payload = (workerEvent as { payload?: { tool?: unknown } }).payload;
-				const tool = parseNonEmptyString(payload?.tool);
-				entry.currentTool = null;
-				if (tool !== undefined) {
-					entry.recentTools.unshift(tool);
-					if (entry.recentTools.length > RECENT_TOOL_TRAIL_LIMIT) entry.recentTools.length = RECENT_TOOL_TRAIL_LIMIT;
-				}
-			}
+			// The one fold that reads worker prose and tool activity. Everything the
+			// board says about what a worker is saying or touching comes from here,
+			// so the board and the transcript block cannot tell two stories.
+			entry.progress.observe(payload.event);
 			if (type === "clio_steer_received") {
 				const steerPayload = (workerEvent as { payload?: { chars?: unknown } }).payload;
 				entry.steerAcknowledgement = {
@@ -1221,7 +1393,10 @@ export function createDispatchBoardStore(
 				if (!status) return;
 				entry.status = status;
 				entry.finishedAtMs ??= Date.now();
-				entry.currentTool = null;
+				// The worker says it is done before the domain seals its receipt. Settle
+				// on the durable message now so the card stops reading as live; the
+				// terminal bus event seals it on the receipt shortly after.
+				entry.progress.settle();
 				delete entry.retry;
 			}
 		}),
@@ -1270,7 +1445,8 @@ export function createDispatchBoardStore(
 					now,
 				);
 			if (entry) {
-				entry.currentTool = null;
+				// A waiting retry has no live worker; the row projection already
+				// renders a retrying row with no current tool.
 				entry.retry = { ...projection.retry };
 				if (entry.taskSummary === undefined && projection.taskSummary !== undefined) {
 					entry.taskSummary = projection.taskSummary;
@@ -1286,6 +1462,7 @@ export function createDispatchBoardStore(
 			entry.tokenCount = live.tokenCount;
 			entry.costUsd = live.costUsd;
 			entry.costProvenance = live.costProvenance;
+			if (live.budget !== undefined) entry.budget = live.budget;
 			if (live.outcomePhase === "aborting") {
 				if (entry.status !== "completed" && entry.status !== "aborted") {
 					entry.status = "cancelling";

package/src/interactive/footer/widgets.ts

@@ -1,4 +1,5 @@
 import type { OutputVerbosity } from "../../core/defaults.js";
+import { responseModelIdObservationLabel } from "../../core/response-model-id.js";
 import { ToolNames } from "../../core/tool-names.js";
 import {
 	type CostAggregate,
@@ -27,6 +28,7 @@ import {
 	type TurnSummary,
 } from "../status/index.js";
 import {
+	abbreviateModelId,
 	type ClioTheme,
 	type ClioToken,
 	clioTheme,
@@ -724,6 +726,17 @@ export function formatLastTurn(theme: ClioTheme, summary: TurnSummary): string {
 	}
 	if (summary.watchdogPeak >= 2) parts.push(theme.fg("warning", "slow"));
 	if (summary.truncated) parts.push(theme.fg("warning", "trunc"));
+	const observation = summary.responseModelIdObservation;
+	const observedId =
+		observation.state === "reported"
+			? observation.reportedModelId
+			: observation.state === "legacy-difference-only"
+				? observation.differingModelId
+				: null;
+	const observationText = `response model id observation ${responseModelIdObservationLabel(observation)}${
+		observedId === null ? "" : ` ${abbreviateModelId(observedId)}`
+	}`;
+	parts.push(theme.fg("warning", observationText));
 	return parts.join(theme.fg("dim", " · "));
 }
 

package/src/interactive/interactive-application.ts

@@ -482,10 +482,16 @@ export async function createInteractiveApplication(deps: InteractiveDeps): Promi
 	 * here for the same reason as the leader flag above.
 	 */
 	let shutdownArmed = false;
+	/**
+	 * Assigned after the presentation because it renders into it. The composer
+	 * rail reads it through the optional chain before then as "no prompt".
+	 */
+	let overlayLifecycle: OverlayLifecycleController;
 	const presentation = createInteractivePresentation({
 		bus: deps.bus,
 		getLeaderArmed: () => leaderArmed,
 		getShutdownArmed: () => shutdownArmed,
+		isAwaitingApproval: () => overlayLifecycle?.getState() === "permission-confirm",
 		resolveVisibleEventSequence: (event) => visibleEventIngress.get(event)?.traceSequence ?? null,
 		resolveStreamIngress: (event) => visibleEventIngress.get(event) ?? null,
 		commitFrame: (reason) => shell.commitCurrentFrame(reason === "teardown" ? 300 : 30_000),
@@ -668,7 +674,6 @@ export async function createInteractiveApplication(deps: InteractiveDeps): Promi
 	});
 	editor.onSubmit = editorSubmit.submitEditorText;
 
-	let overlayLifecycle: OverlayLifecycleController;
 	const interactiveTickers = createInteractiveTickers({
 		tui,
 		dispatchBoardStore,

package/src/interactive/interactive-input-runtime.ts

@@ -76,13 +76,14 @@ export interface InteractiveInputRuntimeDeps {
 	dispatchBoard: {
 		selectPrevious(): void;
 		selectNext(): void;
+		toggleDetail(): void;
 	};
 	steerSelectedDispatch: () => void;
 	cancelSelectedDispatch: () => void;
 	cancelActiveEditorBash: () => boolean;
 	isStreaming: () => boolean;
 	cancelActiveRun: () => void;
-	editor: { getText(): string; setText(text: string): void };
+	editor: { getText(): string; setText(text: string): void; handleInput?(data: string): void };
 	editorSubmit: {
 		openExternalEditorForInput(): void;
 		queueFollowUpFromEditor(): void;
@@ -211,6 +212,11 @@ export function createInteractiveInputRuntime(deps: InteractiveInputRuntimeDeps)
 					cancelPermission: () => deps.overlay.closeOverlay(),
 					confirmPermission: () => deps.overlay.confirmPermission(),
 					stopTurnFromPermission: () => deps.overlay.stopTurnFromPermission(),
+					composerHasDraft: () => deps.editor.getText().length > 0,
+					editDraft: (data) => {
+						deps.editor.handleInput?.(data);
+						deps.requestRender();
+					},
 					closeOverlay: () => deps.overlay.closeOverlay(),
 					selectPreviousDispatch: () => {
 						deps.dispatchBoard.selectPrevious();
@@ -220,6 +226,10 @@ export function createInteractiveInputRuntime(deps: InteractiveInputRuntimeDeps)
 						deps.dispatchBoard.selectNext();
 						deps.requestRender();
 					},
+					toggleSelectedDispatchDetail: () => {
+						deps.dispatchBoard.toggleDetail();
+						deps.requestRender();
+					},
 					steerSelectedDispatch: deps.steerSelectedDispatch,
 					cancelSelectedDispatch: deps.cancelSelectedDispatch,
 					cancelAskUser: () => deps.overlay.cancelAskUser(),

package/src/interactive/interactive-presentation.ts

@@ -39,6 +39,7 @@ import type { SmoothStreamingMode } from "./stream-pacer.js";
 import { processAutoPacingAllowed, resolveSmoothStreamingMode } from "./stream-pacing-policy.js";
 import { formatTargetLabel } from "./theme/index.js";
 import { createWelcomeDashboard, type WelcomeDashboardComponent } from "./welcome-dashboard.js";
+import { readWorkerReceiptFacts } from "./worker-receipts.js";
 import type { WorkspaceFacts } from "./workspace-facts.js";
 
 export interface PresentationTickerHandle {
@@ -96,6 +97,8 @@ export interface InteractivePresentationDeps {
 	getLeaderArmed?: () => boolean;
 	/** Whether a Ctrl+C armed the double tap and its window is still open. */
 	getShutdownArmed?: () => boolean;
+	/** Whether a permission prompt owns the keyboard, for the composer's CONFIRM rail. */
+	isAwaitingApproval?: () => boolean;
 	getCwd?: () => string;
 	resolveVisibleEventSequence?: (event: ChatLoopEvent) => number | null;
 	resolveStreamIngress?: (
@@ -242,7 +245,13 @@ export function createInteractivePresentation(deps: InteractivePresentationDeps)
 		bus: deps.bus,
 		...(deps.getSettings ? { getSettings: deps.getSettings } : {}),
 	});
-	const dispatchBoardStore = factories.createDispatchBoardStore(deps.bus, () => deps.dispatch.snapshot());
+	// The board settles a finished run on the same sealed receipt the transcript
+	// block reads, so the two surfaces agree on a worker's terminal answer.
+	const dispatchBoardStore = factories.createDispatchBoardStore(
+		deps.bus,
+		() => deps.dispatch.snapshot(),
+		(runId) => readWorkerReceiptFacts(runId),
+	);
 	const contextActivityStore = factories.createContextActivityStore(deps.bus);
 
 	const footerToolCounts = new Map<string, number>();
@@ -408,6 +417,7 @@ export function createInteractivePresentation(deps: InteractivePresentationDeps)
 			);
 		},
 		isStreaming: () => deps.chat.isStreaming(),
+		...(deps.isAwaitingApproval ? { isAwaitingApproval: deps.isAwaitingApproval } : {}),
 		willEnterSteer: (text) => willEnterSteerActiveWork(deps, text),
 		getSubmitKeyLabel: () => formatKeyLabel(keybindings.getKeys("tui.input.submit")[0], "Enter"),
 		getNewlineKeyLabel: () => formatKeyLabel(keybindings.getKeys("tui.input.newLine")[0], "Shift+Enter"),