@xopcai/xopc 0.0.303 → 0.0.306

package/dist/src/tui/backends/gateway-realtime-backend.js

@@ -3,8 +3,8 @@ import { init_logger } from "../../utils/logger.js";
 import { transcriptRowsToClientHistory } from "../../session/client-history.js";
 import { parseModelRef } from "../../agent/models/selection.js";
 import { prependEnvelopeTimestamp } from "../../channels/envelope-timestamp.js";
-import { gatewayCredentialAuthorization } from "../../gateway/credential.js";
 import { RealtimeClient } from "../../../packages/realtime-client/src/index.js";
+import { gatewayCredentialAuthorization } from "../../gateway/credential.js";
 import { buildTuiTranscriptTree, transcriptTreeEntryIdToRowNumber } from "../tui-transcript-tree.js";
 import { computeTuiSessionStats } from "../tui-session-stats.js";
 import { createRequire } from "node:module";
@@ -224,7 +224,8 @@ var GatewayRealtimeBackend = class {
 			const json = await res.json();
 			return {
 				ok: json.ok === true,
-				effectiveDelivery: json.payload?.effectiveDelivery
+				effectiveDelivery: json.payload?.effectiveDelivery,
+				state: json.payload?.state
 			};
 		} catch {
 			return { ok: false };
@@ -235,6 +236,28 @@ var GatewayRealtimeBackend = class {
 		if (!res.ok) throw new Error(`Input state failed (${res.status})`);
 		return (await res.json()).payload;
 	}
+	async updateChatInput(opts) {
+		const res = await gatewayFetch(this.baseUrl, `/api/sessions/${encodeURIComponent(opts.conversationId)}/inputs/${encodeURIComponent(opts.inputId)}`, this.credential, {
+			method: "PATCH",
+			body: JSON.stringify({
+				version: opts.version,
+				content: opts.content
+			})
+		});
+		const json = await res.json().catch(() => ({}));
+		return {
+			ok: res.ok && json.ok === true,
+			state: json.payload
+		};
+	}
+	async removeChatInput(opts) {
+		const res = await gatewayFetch(this.baseUrl, `/api/sessions/${encodeURIComponent(opts.conversationId)}/inputs/${encodeURIComponent(opts.inputId)}?version=${opts.version}`, this.credential, { method: "DELETE" });
+		const json = await res.json().catch(() => ({}));
+		return {
+			ok: res.ok && json.ok === true,
+			state: json.payload
+		};
+	}
 	async getStartupResources(conversationId) {
 		const empty = {
 			context: [],
@@ -726,12 +749,16 @@ var GatewayRealtimeBackend = class {
 					method: "POST",
 					body: JSON.stringify({
 						clientId: this.clientId,
-						clientKind: "tui"
+						clientKind: "tui",
+						protocolVersion: 2
 					})
 				});
 				const body = await response.json().catch(() => null);
-				if (!response.ok || !body?.payload?.ticket) throw new Error(body?.error?.message ?? `Realtime ticket failed (${response.status})`);
-				return body.payload.ticket;
+				if (!response.ok || !body?.payload?.ticket || !body.payload.realtime) throw new Error(body?.error?.message ?? `Realtime ticket failed (${response.status})`);
+				return {
+					ticket: body.payload.ticket,
+					realtime: body.payload.realtime
+				};
 			},
 			createWebSocket: (url) => new WebSocket(url),
 			onStateChange: (state, error) => {

package/dist/src/tui/components/assistant-message.d.ts

@@ -1,21 +1,24 @@
 import type { AgentMessage } from '@earendil-works/pi-agent-core';
 import { Container } from '@earendil-works/pi-tui';
+import type { CellRenderMode, ModeAwareCell } from './cell-render-mode.js';
 export type AssistantMessageOptions = {
     hideThinkingBlock?: boolean;
     hiddenThinkingLabel?: string;
 };
 export declare function createAssistantMessageFromText(text: string): AgentMessage;
-export declare class AssistantMessageComponent extends Container {
+export declare class AssistantMessageComponent extends Container implements ModeAwareCell {
     private readonly contentContainer;
     private message;
     private linkedToolCall;
     private hideThinkingBlock;
     private hiddenThinkingLabel;
+    private renderMode;
     constructor(message?: AgentMessage, options?: AssistantMessageOptions);
     updateContent(message: AgentMessage): void;
     setHasToolCalls(hasTools: boolean): void;
     setHideThinkingBlock(hide: boolean): void;
     setHiddenThinkingLabel(label: string): void;
+    setRenderMode(mode: CellRenderMode): void;
     invalidate(): void;
     render(width: number): string[];
     private refresh;

package/dist/src/tui/components/assistant-message.js

@@ -101,6 +101,7 @@ var AssistantMessageComponent = class extends Container {
 	linkedToolCall = false;
 	hideThinkingBlock = false;
 	hiddenThinkingLabel = "Thinking...";
+	renderMode = "compact";
 	constructor(message, options = {}) {
 		super();
 		this.hideThinkingBlock = options.hideThinkingBlock ?? false;
@@ -126,11 +127,17 @@ var AssistantMessageComponent = class extends Container {
 		this.hiddenThinkingLabel = label;
 		this.refresh();
 	}
+	setRenderMode(mode) {
+		if (this.renderMode === mode) return;
+		this.renderMode = mode;
+		this.refresh();
+	}
 	invalidate() {
 		super.invalidate();
 		this.refresh();
 	}
 	render(width) {
+		if (this.renderMode === "raw") return new Text(JSON.stringify(this.message ?? {}, null, 2), 0, 0).render(width);
 		const lines = super.render(width);
 		if (hasToolCalls(this.message) || this.linkedToolCall || lines.length === 0) return lines;
 		lines[0] = OSC133_ZONE_START + lines[0];
@@ -155,7 +162,8 @@ var AssistantMessageComponent = class extends Container {
 		for (let i = 0; i < blocks.length; i++) {
 			const block = blocks[i];
 			if (block.type === "text") {
-				const text = compactToolAdjacentText(blockText(block, "text"), this.linkedToolCall).trim();
+				const sourceText = blockText(block, "text");
+				const text = (this.renderMode === "compact" ? compactToolAdjacentText(sourceText, this.linkedToolCall) : sourceText).trim();
 				if (!text) continue;
 				if (renderedVisible > 0) this.contentContainer.addChild(new Spacer(1));
 				this.contentContainer.addChild(new Markdown(text, 1, 0, markdownTheme, { color: (line) => theme.assistantText(line) }, { preserveOrderedListMarkers: true }));
@@ -164,7 +172,7 @@ var AssistantMessageComponent = class extends Container {
 				const thinking = blockText(block, "thinking").trim();
 				if (!thinking) continue;
 				if (renderedVisible > 0) this.contentContainer.addChild(new Spacer(1));
-				const text = this.hideThinkingBlock ? this.hiddenThinkingLabel : thinking;
+				const text = this.renderMode === "compact" && this.hideThinkingBlock ? this.hiddenThinkingLabel : thinking;
 				this.contentContainer.addChild(new Markdown(text, 1, 0, markdownTheme, { color: (line) => theme.dim(theme.italic(line)) }, { preserveOrderedListMarkers: true }));
 				renderedVisible++;
 			} else if (block.type === "image" || block.type === "image_url") {

package/dist/src/tui/components/cell-render-mode.d.ts

@@ -0,0 +1,4 @@
+export type CellRenderMode = 'compact' | 'transcript' | 'raw';
+export interface ModeAwareCell {
+    setRenderMode(mode: CellRenderMode): void;
+}

package/dist/src/tui/components/cell-render-mode.js

@@ -0,0 +1 @@
+export {};

package/dist/src/tui/components/chat-log.d.ts

@@ -8,6 +8,8 @@ import { type CustomMessageSummary } from './custom-message.js';
 import type { TuiMessageRenderer } from '../../extensions/types/tui.js';
 import { type ToolExecutionOptions } from './tool-execution.js';
 import type { TuiBranchSummary, TuiCompactionResult } from '../tui-backend.js';
+import type { CellRenderMode } from './cell-render-mode.js';
+import { type SemanticCellData } from './semantic-cell.js';
 export type ChatLogEntryMeta = {
     displayIndex?: number;
     historyIndex?: number;
@@ -22,11 +24,12 @@ export declare class ChatLog extends Container {
     private branchBlocks;
     private branchMessageBlocks;
     private customBlocks;
+    private semanticCells;
     private customMessageRenderers;
     private assistantMessages;
-    private streamingRuns;
+    private activeAssistantByRun;
     /** After finalizeAssistant, late tool execution events can still arrive; keep the bubble to link tools. */
-    private assistantAnchorByRunId;
+    private committedAssistantByRun;
     private runsWithTools;
     private toolsExpanded;
     private showThinking;
@@ -39,9 +42,10 @@ export declare class ChatLog extends Container {
     private entryRecords;
     private viewportRowsProvider;
     private historyViewDisplayIndex;
+    private renderMode;
+    private readonly activeCells;
+    private readonly committedCells;
     constructor(keybindings?: KeybindingsManager);
-    private pruneOverflow;
-    private dropReferences;
     private append;
     clearAll(): void;
     private createAssistantMessage;
@@ -52,6 +56,7 @@ export declare class ChatLog extends Container {
     addBranchSummary(summary: TuiBranchSummary): void;
     addBranchMessageSummary(summary: BranchMessageSummary): void;
     addCustomMessage(summary: CustomMessageSummary): void;
+    upsertSemanticCell(id: string, data: SemanticCellData): void;
     setCustomMessageRenderer(customType: string, renderer: TuiMessageRenderer | undefined): void;
     addUser(text: string | unknown[], meta?: ChatLogEntryMeta): void;
     /** Stream local `!command` output in a bordered block. */
@@ -72,6 +77,14 @@ export declare class ChatLog extends Container {
     setShowThinking(showThinking: boolean): void;
     setHiddenThinkingLabel(label?: string): void;
     setToolImageOptions(options: ToolExecutionOptions): void;
+    setRenderMode(mode: CellRenderMode): void;
+    getRenderMode(): CellRenderMode;
+    private applyRenderMode;
+    getCellLifecycleCounts(): {
+        active: number;
+        committed: number;
+    };
+    private commitCell;
     getLastAssistantText(): string;
     setViewportRowsProvider(provider: (() => number) | undefined): void;
     jumpToDisplayIndex(displayIndex: number): boolean;

package/dist/src/tui/components/chat-log.js

@@ -8,9 +8,9 @@ import { CompactionSummaryComponent } from "./compaction-summary.js";
 import { CustomMessageComponent } from "./custom-message.js";
 import { ToolExecutionComponent } from "./tool-execution.js";
 import { UserMessageComponent } from "./user-message.js";
+import { SemanticCellComponent } from "./semantic-cell.js";
 import { Container, Spacer, Text } from "@earendil-works/pi-tui";
 //#region src/tui/components/chat-log.ts
-const MAX_COMPONENTS = 180;
 function assistantPlainText(message) {
 	const content = message.content;
 	if (typeof content === "string") return content;
@@ -28,11 +28,12 @@ var ChatLog = class extends Container {
 	branchBlocks = [];
 	branchMessageBlocks = [];
 	customBlocks = [];
+	semanticCells = /* @__PURE__ */ new Map();
 	customMessageRenderers = /* @__PURE__ */ new Map();
 	assistantMessages = [];
-	streamingRuns = /* @__PURE__ */ new Map();
+	activeAssistantByRun = /* @__PURE__ */ new Map();
 	/** After finalizeAssistant, late tool execution events can still arrive; keep the bubble to link tools. */
-	assistantAnchorByRunId = /* @__PURE__ */ new Map();
+	committedAssistantByRun = /* @__PURE__ */ new Map();
 	runsWithTools = /* @__PURE__ */ new Set();
 	toolsExpanded = false;
 	showThinking = true;
@@ -45,44 +46,22 @@ var ChatLog = class extends Container {
 	entryRecords = [];
 	viewportRowsProvider;
 	historyViewDisplayIndex = null;
+	renderMode = "compact";
+	activeCells = /* @__PURE__ */ new Set();
+	committedCells = /* @__PURE__ */ new Set();
 	constructor(keybindings) {
 		super();
 		this.keybindings = keybindings;
 		if (keybindings) this.toolImageOptions.keybindings = keybindings;
 	}
-	pruneOverflow() {
-		while (this.children.length > MAX_COMPONENTS) {
-			const oldest = this.children[0];
-			if (!oldest) return;
-			this.removeChild(oldest);
-			this.dropReferences(oldest);
-		}
-	}
-	dropReferences(component) {
-		for (const [id, tool] of this.toolById.entries()) if (tool === component) this.toolById.delete(id);
-		for (const [runId, msg] of this.streamingRuns.entries()) if (msg === component) this.streamingRuns.delete(runId);
-		for (const [runId, msg] of this.assistantAnchorByRunId.entries()) if (msg === component) this.assistantAnchorByRunId.delete(runId);
-		this.bashBlocks = this.bashBlocks.filter((entry) => entry !== component);
-		this.compactionBlocks = this.compactionBlocks.filter((entry) => entry !== component);
-		this.branchBlocks = this.branchBlocks.filter((entry) => entry !== component);
-		this.branchMessageBlocks = this.branchMessageBlocks.filter((entry) => entry !== component);
-		this.customBlocks = this.customBlocks.filter((entry) => entry !== component);
-		this.assistantMessages = this.assistantMessages.filter((entry) => entry !== component);
-		if (this.lastStatusEntry === component) {
-			this.lastStatusEntry = null;
-			this.lastStatusText = null;
-		}
-		for (const [runId, status] of this.workflowStatusByRunId.entries()) if (status.entry === component) this.workflowStatusByRunId.delete(runId);
-		this.entryRecords = this.entryRecords.filter((entry) => entry.component !== component);
-		if (!this.findEntryRecord(this.historyViewDisplayIndex)) this.historyViewDisplayIndex = null;
-	}
-	append(component, meta) {
+	append(component, meta, lifecycle = "committed") {
 		this.addChild(component);
+		(lifecycle === "active" ? this.activeCells : this.committedCells).add(component);
 		if (meta) this.entryRecords.push({
 			component,
 			...meta
 		});
-		this.pruneOverflow();
+		this.applyRenderMode(component);
 	}
 	clearAll() {
 		this.clear();
@@ -92,9 +71,10 @@ var ChatLog = class extends Container {
 		this.branchBlocks = [];
 		this.branchMessageBlocks = [];
 		this.customBlocks = [];
+		this.semanticCells.clear();
 		this.assistantMessages = [];
-		this.streamingRuns.clear();
-		this.assistantAnchorByRunId.clear();
+		this.activeAssistantByRun.clear();
+		this.committedAssistantByRun.clear();
 		this.runsWithTools.clear();
 		this.lastAssistantText = "";
 		this.lastStatusEntry = null;
@@ -102,6 +82,8 @@ var ChatLog = class extends Container {
 		this.workflowStatusByRunId.clear();
 		this.entryRecords = [];
 		this.historyViewDisplayIndex = null;
+		this.activeCells.clear();
+		this.committedCells.clear();
 	}
 	createAssistantMessage(message) {
 		const component = new AssistantMessageComponent(message, {
@@ -159,31 +141,42 @@ var ChatLog = class extends Container {
 		this.append(component);
 	}
 	addBranchMessageSummary(summary) {
-		this.assistantAnchorByRunId.clear();
+		this.committedAssistantByRun.clear();
 		const component = new BranchMessageSummaryComponent(summary, this.keybindings);
 		component.setExpanded(this.toolsExpanded);
 		this.branchMessageBlocks.push(component);
 		this.append(component);
 	}
 	addCustomMessage(summary) {
-		this.assistantAnchorByRunId.clear();
+		this.committedAssistantByRun.clear();
 		const component = new CustomMessageComponent(summary, this.customMessageRenderers.get(summary.customType));
 		component.setExpanded(this.toolsExpanded);
 		this.customBlocks.push(component);
 		this.append(component);
 	}
+	upsertSemanticCell(id, data) {
+		const existing = this.semanticCells.get(id);
+		if (existing) {
+			existing.update(data);
+			existing.invalidate();
+			return;
+		}
+		const component = new SemanticCellComponent(data);
+		this.semanticCells.set(id, component);
+		this.append(component);
+	}
 	setCustomMessageRenderer(customType, renderer) {
 		if (renderer) this.customMessageRenderers.set(customType, renderer);
 		else this.customMessageRenderers.delete(customType);
 		for (const block of this.customBlocks) if (block.matchesCustomType(customType)) block.setRenderer(renderer);
 	}
 	addUser(text, meta) {
-		this.assistantAnchorByRunId.clear();
+		this.committedAssistantByRun.clear();
 		this.append(new UserMessageComponent(text), meta);
 	}
 	/** Stream local `!command` output in a bordered block. */
 	addBashExecution(command, ui, excludeFromContext) {
-		this.assistantAnchorByRunId.clear();
+		this.committedAssistantByRun.clear();
 		const component = new BashExecutionComponent(command, ui, excludeFromContext, this.keybindings);
 		component.setExpanded(this.toolsExpanded);
 		this.bashBlocks.push(component);
@@ -192,7 +185,7 @@ var ChatLog = class extends Container {
 	}
 	/** Replay a completed shell execution from persisted transcript history. */
 	addBashSummary(summary) {
-		this.assistantAnchorByRunId.clear();
+		this.committedAssistantByRun.clear();
 		const component = new BashSummaryComponent(summary, this.keybindings);
 		component.setExpanded(this.toolsExpanded);
 		this.bashBlocks.push(component);
@@ -201,7 +194,7 @@ var ChatLog = class extends Container {
 	startAssistant(message, runId) {
 		const text = assistantPlainText(message);
 		if (text.trim()) this.lastAssistantText = text;
-		const existing = this.streamingRuns.get(runId);
+		const existing = this.activeAssistantByRun.get(runId);
 		if (existing) {
 			existing.updateContent(message);
 			existing.setHasToolCalls(this.runsWithTools.has(runId));
@@ -209,13 +202,13 @@ var ChatLog = class extends Container {
 		}
 		const component = this.createAssistantMessage(message);
 		component.setHasToolCalls(this.runsWithTools.has(runId));
-		this.streamingRuns.set(runId, component);
-		this.append(component);
+		this.activeAssistantByRun.set(runId, component);
+		this.append(component, void 0, "active");
 	}
 	updateAssistant(message, runId) {
 		const text = assistantPlainText(message);
 		if (text.trim()) this.lastAssistantText = text;
-		const existing = this.streamingRuns.get(runId);
+		const existing = this.activeAssistantByRun.get(runId);
 		if (!existing) {
 			this.startAssistant(message, runId);
 			return;
@@ -226,24 +219,26 @@ var ChatLog = class extends Container {
 	finalizeAssistant(message, runId, meta) {
 		const text = assistantPlainText(message);
 		if (text.trim()) this.lastAssistantText = text;
-		const existing = this.streamingRuns.get(runId);
+		const existing = this.activeAssistantByRun.get(runId);
 		if (existing) {
 			existing.updateContent(message);
 			existing.setHasToolCalls(this.runsWithTools.has(runId));
-			this.streamingRuns.delete(runId);
-			this.assistantAnchorByRunId.set(runId, existing);
+			this.activeAssistantByRun.delete(runId);
+			this.committedAssistantByRun.set(runId, existing);
+			this.commitCell(existing);
 			return;
 		}
 		const finalMessage = this.createAssistantMessage(message);
 		finalMessage.setHasToolCalls(this.runsWithTools.has(runId));
 		this.append(finalMessage, meta);
-		if (text.trim()) this.assistantAnchorByRunId.set(runId, finalMessage);
+		if (text.trim()) this.committedAssistantByRun.set(runId, finalMessage);
 	}
 	dropAssistant(runId) {
-		const existing = this.streamingRuns.get(runId);
+		const existing = this.activeAssistantByRun.get(runId);
 		if (!existing) return;
 		this.removeChild(existing);
-		this.streamingRuns.delete(runId);
+		this.activeAssistantByRun.delete(runId);
+		this.activeCells.delete(existing);
 	}
 	startTool(toolCallId, toolName, args, runId) {
 		const existing = this.toolById.get(toolCallId);
@@ -255,8 +250,8 @@ var ChatLog = class extends Container {
 		const component = new ToolExecutionComponent(toolName, toolCallId, args, { ...this.toolImageOptions });
 		component.setExpanded(this.toolsExpanded);
 		this.toolById.set(toolCallId, component);
-		(this.streamingRuns.get(runId) ?? this.assistantAnchorByRunId.get(runId))?.setHasToolCalls(true);
-		this.append(component);
+		(this.activeAssistantByRun.get(runId) ?? this.committedAssistantByRun.get(runId))?.setHasToolCalls(true);
+		this.append(component, void 0, "active");
 	}
 	markToolExecutionStarted(toolCallId) {
 		const existing = this.toolById.get(toolCallId);
@@ -272,6 +267,7 @@ var ChatLog = class extends Container {
 		const existing = this.toolById.get(toolCallId);
 		if (!existing) return;
 		existing.updateResult(result, isPartial, isError);
+		if (!isPartial) this.commitCell(existing);
 	}
 	updateToolDetails(toolCallId, details) {
 		const existing = this.toolById.get(toolCallId);
@@ -307,6 +303,28 @@ var ChatLog = class extends Container {
 		};
 		for (const tool of this.toolById.values()) tool.setImageOptions(this.toolImageOptions);
 	}
+	setRenderMode(mode) {
+		if (this.renderMode === mode) return;
+		this.renderMode = mode;
+		for (const child of this.children) this.applyRenderMode(child);
+		this.invalidate();
+	}
+	getRenderMode() {
+		return this.renderMode;
+	}
+	applyRenderMode(component) {
+		component.setRenderMode?.(this.renderMode);
+	}
+	getCellLifecycleCounts() {
+		return {
+			active: this.activeCells.size,
+			committed: this.committedCells.size
+		};
+	}
+	commitCell(component) {
+		if (!this.activeCells.delete(component)) return;
+		this.committedCells.add(component);
+	}
 	getLastAssistantText() {
 		return this.lastAssistantText;
 	}

package/dist/src/tui/components/custom-editor.d.ts

@@ -5,14 +5,14 @@ import type { XopcTuiAppKeybinding } from '../xopc-tui-keybindings.js';
  */
 export declare class CustomEditor extends Editor {
     private readonly keybindings;
-    readonly actionHandlers: Map<XopcTuiAppKeybinding, () => void>;
+    readonly actionHandlers: Map<XopcTuiAppKeybinding, () => boolean | void>;
     onEscape?: () => void;
     onCtrlD?: () => void;
     onCtrlC?: () => void;
     onPasteImage?: () => void;
     onExtensionShortcut?: (data: string) => boolean;
     constructor(tui: TUI, theme: EditorTheme, keybindings: KeybindingsManager, options?: EditorOptions);
-    onAction(action: XopcTuiAppKeybinding, handler: () => void): void;
+    onAction(action: XopcTuiAppKeybinding, handler: () => boolean | void): void;
     replaceHistory(itemsNewestFirst: string[]): void;
     handleInput(data: string): void;
 }

package/dist/src/tui/components/custom-editor.js

@@ -51,7 +51,11 @@ var CustomEditor = class extends Editor {
 		for (const [action, handler] of this.actionHandlers) {
 			if (action === "app.interrupt" || action === "app.exit") continue;
 			if (this.keybindings.matches(data, action)) {
-				(action === "app.clear" ? this.onCtrlC ?? handler : handler)();
+				if (action === "app.message.followUp" && this.isShowingAutocomplete()) {
+					super.handleInput(data);
+					return;
+				}
+				if ((action === "app.clear" ? this.onCtrlC ?? handler : handler)() === false) super.handleInput(data);
 				return;
 			}
 		}

package/dist/src/tui/components/pending-input-preview.d.ts

@@ -0,0 +1,9 @@
+import type { Component, KeybindingsManager } from '@earendil-works/pi-tui';
+import { type TuiChatInputState } from '../tui-chat-input-state.js';
+export declare class PendingInputPreview implements Component {
+    private readonly getState;
+    private readonly keybindings;
+    constructor(getState: () => TuiChatInputState, keybindings: KeybindingsManager);
+    invalidate(): void;
+    render(width: number): string[];
+}

package/dist/src/tui/components/pending-input-preview.js

@@ -0,0 +1,33 @@
+import { theme } from "../theme.js";
+import { formatKeyIds } from "../format-tui-hotkeys.js";
+import { findLastEditableChatInput, isPendingChatInput } from "../tui-chat-input-state.js";
+import { sanitizeStatusText } from "./tui-bottom-bar.js";
+import { truncateToWidth } from "@earendil-works/pi-tui";
+//#region src/tui/components/pending-input-preview.ts
+function labelForInput(input) {
+	if (input.status === "injecting") return "Steering";
+	if (input.requestedDelivery === "steer" && input.effectiveDelivery === "next") return "Deferred steer";
+	if (input.status === "interrupted") return "Interrupted";
+	return "Follow-up";
+}
+var PendingInputPreview = class {
+	constructor(getState, keybindings) {
+		this.getState = getState;
+		this.keybindings = keybindings;
+	}
+	invalidate() {}
+	render(width) {
+		const state = this.getState();
+		const inputs = state.inputs.filter(isPendingChatInput);
+		if (inputs.length === 0) return [];
+		const actions = findLastEditableChatInput(state) ? ` · ${formatKeyIds(this.keybindings, "app.message.editQueued", { capitalize: true })} edit last · ${formatKeyIds(this.keybindings, "app.message.deleteQueued", { capitalize: true })} remove last` : "";
+		const lines = [truncateToWidth(theme.dim(`Pending inputs (${inputs.length})${actions}`), width, theme.dim("…"))];
+		for (const input of inputs) {
+			const content = sanitizeStatusText(input.content) || "(empty)";
+			lines.push(truncateToWidth(theme.dim(`  ${labelForInput(input)}: ${content}`), width, theme.dim("…")));
+		}
+		return lines;
+	}
+};
+//#endregion
+export { PendingInputPreview };

package/dist/src/tui/components/semantic-cell.d.ts

@@ -0,0 +1,17 @@
+import { Container } from '@earendil-works/pi-tui';
+import type { CellRenderMode, ModeAwareCell } from './cell-render-mode.js';
+export type SemanticCellKind = 'plan' | 'web' | 'approval' | 'question' | 'mcp';
+export interface SemanticCellData {
+    kind: SemanticCellKind;
+    title: string;
+    lines?: string[];
+    raw?: unknown;
+}
+export declare class SemanticCellComponent extends Container implements ModeAwareCell {
+    private data;
+    private renderMode;
+    constructor(data: SemanticCellData);
+    update(data: SemanticCellData): void;
+    setRenderMode(mode: CellRenderMode): void;
+    render(width: number): string[];
+}

package/dist/src/tui/components/semantic-cell.js

@@ -0,0 +1,29 @@
+import { theme } from "../theme.js";
+import { Container, Spacer, Text } from "@earendil-works/pi-tui";
+//#region src/tui/components/semantic-cell.ts
+var SemanticCellComponent = class extends Container {
+	renderMode = "compact";
+	constructor(data) {
+		super();
+		this.data = data;
+	}
+	update(data) {
+		this.data = data;
+	}
+	setRenderMode(mode) {
+		this.renderMode = mode;
+	}
+	render(width) {
+		if (this.renderMode === "raw") return new Text(JSON.stringify(this.data.raw ?? this.data, null, 2), 0, 0).render(width);
+		const body = new Container();
+		body.addChild(new Spacer(1));
+		body.addChild(new Text(theme.bold(theme.accent(`${this.data.kind.toUpperCase()} · ${this.data.title}`)), 1, 0));
+		const lines = this.data.lines ?? [];
+		const visible = this.renderMode === "compact" ? lines.slice(0, 4) : lines;
+		for (const line of visible) body.addChild(new Text(theme.dim(line), 3, 0));
+		if (visible.length < lines.length) body.addChild(new Text(theme.dim(`… ${lines.length - visible.length} more`), 3, 0));
+		return body.render(width);
+	}
+};
+//#endregion
+export { SemanticCellComponent };

package/dist/src/tui/components/tool-execution.d.ts

@@ -1,6 +1,7 @@
 import { Container, type KeybindingsManager } from '@earendil-works/pi-tui';
 import type { AgentToolResult } from '@earendil-works/pi-agent-core';
 import { type TuiToolContentBlock } from '../tui-tool-result.js';
+import type { CellRenderMode, ModeAwareCell } from './cell-render-mode.js';
 export interface ToolExecutionOptions {
     showImages?: boolean;
     imageWidthCells?: number;
@@ -12,7 +13,7 @@ export declare function getToolResultDisplayText(content: TuiToolContentBlock[],
     showImages: boolean;
     supportsInlineImages: boolean;
 }): string;
-export declare class ToolExecutionComponent extends Container {
+export declare class ToolExecutionComponent extends Container implements ModeAwareCell {
     private contentContainer;
     private contentText;
     private collapsedOutputComponent;
@@ -45,11 +46,14 @@ export declare class ToolExecutionComponent extends Container {
     private executionStarted;
     private startedAt;
     private completedAt;
+    private renderMode;
     constructor(toolName: string, toolCallId: string, args: unknown, options?: ToolExecutionOptions);
     setArgs(args: unknown): void;
     markExecutionStarted(): void;
     setArgsComplete(): void;
     setExpanded(expanded: boolean): void;
+    setRenderMode(mode: CellRenderMode): void;
+    render(width: number): string[];
     updateResult(result: AgentToolResult<any> | unknown, isPartial?: boolean, isError?: boolean): void;
     setImageOptions(options: ToolExecutionOptions): void;
     setPartialDetails(details: unknown): void;