@24klynx/tui 0.1.2 → 0.1.5

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useReducer, useRef, useState } from "react";
+import React, { createContext, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useReducer, useRef, useState } from "react";
 import { Box, Text, useInput as useInput$1, useStdout } from "ink";
 import { existsSync, mkdirSync, readFileSync, readdirSync, statSync, writeFileSync } from "node:fs";
-import { dirname, join, relative } from "node:path";
+import { dirname, join, relative, resolve } from "node:path";
 import { homedir } from "node:os";
-import { execSync } from "node:child_process";
+import { execSync, spawn } from "node:child_process";
 //#region src/theme/theme.ts
 const THEMES = {
 	dark: {
@@ -1280,6 +1280,7 @@ function replaceSubscript(text) {
 * Returns the approximate Unicode text, or the original if no
 * patterns matched.
 */
+/** Render LaTeX math inline — converts \\frac, \\sum, superscript, subscript etc. to Unicode approximations. */
 function renderInlineLatex(latex) {
 	let result = latex;
 	result = result.replace(/\\frac\{([^}]*)}\{([^}]*)}/g, "($1)/($2)");
@@ -1925,6 +1926,233 @@ function renderBlocks(blocks) {
 	return React.createElement(Box, { flexDirection: "column" }, ...elements);
 }
 //#endregion
+//#region src/components/MessageRow.ts
+/**
+* MessageRow — renders a single chat transcript entry with proper visual styling.
+*
+* Three bubble styles aligned to Claude Code:
+*   - User:     indented right, no prefix, direct style
+*   - Assistant: full-width with markdown rendering
+*   - System/Tool: dimmed, prefixed, compact
+*
+* Design (§5.4a #1.3.2): extracts per‑entry rendering from ChatLog
+* (was 1058 lines) into a standalone component with proper JSDoc.
+*/
+/** Characters beyond which a tool_result is collapsed by default. */
+const TOOL_RESULT_COLLAPSE_LEN$1 = 1e3;
+/**
+* Single message row in the chat transcript.
+*
+* Dispatches to specialized renderers based on `entry.kind`:
+*   assistant → full markdown (streaming or finalized)
+*   user      → right‑aligned bubble
+*   system    → dimmed prefix line
+*   tool_use  → status icon + tool name
+*   tool_result → collapsible inline result
+*   thinking  → collapsed/expanded reasoning block
+*   btw       → accent‑colored hint
+*/
+/** Single message row in the chat transcript — dispatches to specialized renderers by entry kind. */
+function MessageRow({ entry, isExpanded, transcriptMode = "compact", searchQuery = "", matchIndices = [] }) {
+	const theme = getTheme();
+	const timestampRow = transcriptMode === "full" ? React.createElement(Text, { dimColor: true }, `── ${new Date(entry.timestamp).toLocaleTimeString()} · ${kindLabel(entry.kind)} ──`) : null;
+	const content = renderEntryContent(entry, isExpanded, matchIndices, searchQuery, theme);
+	return React.createElement(Box, {
+		flexDirection: "column",
+		marginBottom: entry.kind === "btw" ? 0 : 1
+	}, timestampRow, ...content);
+}
+/** Map entry kind to a Chinese label for display. */
+function kindLabel(kind) {
+	switch (kind) {
+		case "system": return "系统";
+		case "user": return "用户";
+		case "assistant": return "助手";
+		case "tool_use": return "工具调用";
+		case "tool_result": return "工具结果";
+		case "btw": return "提示";
+		case "thinking": return "思考";
+	}
+}
+function entryColor(entry, colors) {
+	switch (entry.kind) {
+		case "system": return entry.level === "error" ? colors.error : entry.level === "warn" ? colors.warning : colors.dimmed;
+		case "user": return entry.pending ? colors.dimmed : colors.foreground;
+		case "assistant": return colors.foreground;
+		case "tool_use": return colors.info ?? "yellow";
+		case "tool_result": return colors.dimmed;
+		case "btw": return colors.accent;
+		case "thinking": return colors.dimmed;
+		default: return;
+	}
+}
+function entryPrefix(entry) {
+	switch (entry.kind) {
+		case "system": return entry.level === "error" ? "✘ " : entry.level === "warn" ? "⚠ " : "─ ";
+		case "user": return entry.pending ? "[发送中] " : "> ";
+		case "assistant": return "";
+		case "tool_use": return "";
+		case "tool_result": return "";
+		case "btw": return "💡 ";
+		case "thinking": return "💭 ";
+		default: return "";
+	}
+}
+function renderEntryContent(entry, isExpanded, matchIndices, searchQuery, theme) {
+	switch (entry.kind) {
+		case "assistant": return renderAssistant(entry, matchIndices, searchQuery, theme);
+		case "system": return renderSystem(entry, matchIndices, searchQuery, theme);
+		case "user": return renderUser(entry, matchIndices, searchQuery, theme);
+		case "tool_use": return renderToolUse(entry, matchIndices, searchQuery, theme);
+		case "tool_result": return renderToolResult(entry, isExpanded, matchIndices, searchQuery, theme);
+		case "btw": return renderBtw(entry, matchIndices, searchQuery, theme);
+		case "thinking": return renderThinking(entry, isExpanded, theme);
+		default: return [React.createElement(Text, {
+			key: "text",
+			color: entryColor(entry, theme.colors)
+		}, entry.text)];
+	}
+}
+function renderAssistant(entry, matchIndices, searchQuery, theme) {
+	const elements = [];
+	if (entry.streaming) {
+		const stableOffset = findStableOffset(entry.text);
+		const stablePart = entry.text.slice(0, stableOffset);
+		const unstablePart = entry.text.slice(stableOffset);
+		if (stablePart) {
+			const blocks = parseMarkdown(stablePart);
+			elements.push(React.createElement(Box, {
+				key: "stable",
+				flexDirection: "column"
+			}, renderBlocks(blocks)));
+		}
+		if (unstablePart) elements.push(React.createElement(Text, {
+			key: "streaming",
+			color: theme.colors.foreground
+		}, highlightMatches(unstablePart, matchIndices, searchQuery), React.createElement(Text, null, "▊")));
+		else if (!stablePart) elements.push(React.createElement(Text, {
+			key: "streaming",
+			color: theme.colors.foreground
+		}, "▊"));
+	} else {
+		const blocks = parseMarkdown(entry.text);
+		if (blocks.length > 0) elements.push(React.createElement(Box, {
+			key: "md",
+			flexDirection: "column"
+		}, renderBlocks(blocks)));
+	}
+	return elements;
+}
+function renderSystem(entry, matchIndices, searchQuery, theme) {
+	const color = entryColor(entry, theme.colors);
+	const prefix = entryPrefix(entry);
+	const content = highlightMatches(entry.text, matchIndices, searchQuery);
+	return [React.createElement(Text, {
+		key: "content",
+		color
+	}, prefix, renderInlineContent(content))];
+}
+function renderUser(entry, matchIndices, searchQuery, theme) {
+	const color = entryColor(entry, theme.colors);
+	const prefix = entryPrefix(entry);
+	const suffix = entry.pending ? "…" : "";
+	return [React.createElement(Text, {
+		key: "content",
+		color
+	}, prefix, renderInlineContent(highlightMatches(entry.text, matchIndices, searchQuery)), suffix)];
+}
+function renderToolUse(entry, matchIndices, searchQuery, theme) {
+	const isDone = entry.toolStartedAt !== void 0 && entry.text.includes("·");
+	const prefix = isDone ? "✓ " : "✽ ";
+	const color = isDone ? theme.colors.success : theme.colors.accent;
+	const suffix = isDone ? "" : "…";
+	return [React.createElement(Text, {
+		key: "content",
+		color
+	}, prefix, highlightMatches(entry.text + suffix, matchIndices, searchQuery))];
+}
+/** Collapse multi-line content into a single line. */
+function collapseWhitespace(text) {
+	return text.replace(/\s+/g, " ").trim();
+}
+function renderToolResult(entry, isExpanded, matchIndices, searchQuery, theme) {
+	const color = theme.colors.foreground;
+	const collapsed = collapseWhitespace(entry.text);
+	const isLong = collapsed.length > TOOL_RESULT_COLLAPSE_LEN$1;
+	const elements = [];
+	if (isLong && !isExpanded) {
+		const truncated = collapsed.slice(0, TOOL_RESULT_COLLAPSE_LEN$1);
+		elements.push(React.createElement(Text, {
+			key: "content",
+			color,
+			dimColor: true
+		}, "  ⎿ ", renderInlineContent(highlightMatches(truncated, matchIndices, searchQuery)), React.createElement(Text, {
+			key: "ellipsis",
+			dimColor: true
+		}, `… [+${collapsed.length - TOOL_RESULT_COLLAPSE_LEN$1} 字符, Ctrl+E 展开]`)));
+	} else elements.push(React.createElement(Text, {
+		key: "content",
+		color,
+		dimColor: true
+	}, "  ⎿ ", renderInlineContent(highlightMatches(collapsed, matchIndices, searchQuery)), isLong ? React.createElement(Text, {
+		key: "collapse",
+		dimColor: true
+	}, " [Ctrl+E 折叠]") : null));
+	return elements;
+}
+function renderBtw(entry, matchIndices, searchQuery, theme) {
+	const color = entryColor(entry, theme.colors);
+	const prefix = entryPrefix(entry);
+	return [React.createElement(Text, {
+		key: "content",
+		color
+	}, prefix, renderInlineContent(highlightMatches(entry.text, matchIndices, searchQuery)))];
+}
+function renderThinking(entry, isExpanded, theme) {
+	const color = entryColor(entry, theme.colors);
+	const prefix = entryPrefix(entry);
+	const seconds = entry.durationMs != null ? (entry.durationMs / 1e3).toFixed(1) : "?";
+	if (isExpanded) return entry.text.trim().split("\n").map((line, i) => React.createElement(Text, {
+		key: `think-${i}`,
+		color
+	}, i === 0 ? `${prefix}已思考 ${seconds}s · Enter 折叠` : prefix, line || " "));
+	return [React.createElement(Text, {
+		key: "summary",
+		color,
+		dimColor: true
+	}, `${prefix}已思考 ${seconds}s · Enter 展开`)];
+}
+/** Render text with inline markdown formatting. */
+function renderInlineContent(content) {
+	if (typeof content === "string") return renderInline(content);
+	return content;
+}
+/**
+* Highlight search query matches in text.
+*
+* Wraps each match in an inverse‑colored `<Text>` span.
+* Returns plain text when no query/matches are active.
+*/
+function highlightMatches(text, matchIndices, query) {
+	if (!query || matchIndices.length === 0) return text;
+	const len = query.length;
+	const sorted = [...new Set(matchIndices)].sort((a, b) => a - b);
+	const children = [];
+	let cursor = 0;
+	for (const start of sorted) {
+		if (start < cursor) continue;
+		if (start > cursor) children.push(text.slice(cursor, start));
+		children.push(React.createElement(Text, {
+			key: `hl-${start}`,
+			inverse: true
+		}, text.slice(start, start + len)));
+		cursor = start + len;
+	}
+	if (cursor < text.length) children.push(text.slice(cursor));
+	if (children.length === 1 && typeof children[0] === "string") return children[0];
+	return children;
+}
+//#endregion
 //#region src/components/ChatLog.ts
 /**
 * ChatLog — imperative‑handle message transcript.
@@ -1987,7 +2215,7 @@ function reduceCommitPendingUser(state) {
 }
 function reduceDropPendingUser(state) {
 	const entries = [...state.entries];
-	const idx = entries.findLastIndex((e) => e.kind === "user" && e.pending);
+	const idx = findLastIndex(entries, (e) => e.kind === "user" && e.pending);
 	if (idx !== -1) entries.splice(idx, 1);
 	return {
 		entries,
@@ -1996,7 +2224,7 @@ function reduceDropPendingUser(state) {
 }
 function reduceStartAssistant(state, text) {
 	const entries = [...state.entries];
-	const existing = entries.findLastIndex((e) => e.kind === "assistant" && e.streaming);
+	const existing = findLastIndex(entries, (e) => e.kind === "assistant" && e.streaming);
 	const newEntry = entry(state, "assistant", text ?? "", { streaming: true });
 	if (existing !== -1) {
 		entries[existing] = newEntry;
@@ -2042,7 +2270,7 @@ function reduceFinalizeAssistant(state, text) {
 }
 function reduceDropAssistant(state) {
 	const entries = [...state.entries];
-	const idx = entries.findLastIndex((e) => e.kind === "assistant" && e.streaming);
+	const idx = findLastIndex(entries, (e) => e.kind === "assistant" && e.streaming);
 	if (idx !== -1) entries.splice(idx, 1);
 	return {
 		entries,
@@ -2084,7 +2312,7 @@ function reduceUpdateToolResult(state, callId, result) {
 }
 function reduceShowBtw(state, text) {
 	const entries = [...state.entries];
-	const existing = entries.findLastIndex((e) => e.kind === "btw");
+	const existing = findLastIndex(entries, (e) => e.kind === "btw");
 	if (existing !== -1) entries.splice(existing, 1);
 	entries.push(entry(state, "btw", text));
 	return {
@@ -2094,7 +2322,7 @@ function reduceShowBtw(state, text) {
 }
 function reduceDismissBtw(state) {
 	const entries = [...state.entries];
-	const idx = entries.findLastIndex((e) => e.kind === "btw");
+	const idx = findLastIndex(entries, (e) => e.kind === "btw");
 	if (idx !== -1) entries.splice(idx, 1);
 	return {
 		entries,
@@ -2111,7 +2339,7 @@ function reduceShowThinking(state, text, durationMs) {
 }
 function reduceDismissThinking(state) {
 	const entries = [...state.entries];
-	const idx = entries.findLastIndex((e) => e.kind === "thinking");
+	const idx = findLastIndex(entries, (e) => e.kind === "thinking");
 	if (idx !== -1) entries.splice(idx, 1);
 	return {
 		entries,
@@ -2144,6 +2372,15 @@ function chatLogReducer(state, action) {
 		case "CLEAR_ALL": return reduceClearAll();
 	}
 }
+/** ES2023 polyfill — find the index of the last element matching a predicate. */
+function findLastIndex(arr, pred) {
+	for (let i = arr.length - 1; i >= 0; i--) if (pred(arr[i])) return i;
+	return -1;
+}
+/** ES2023 polyfill — find the last element matching a predicate. */
+function findLast(arr, pred) {
+	for (let i = arr.length - 1; i >= 0; i--) if (pred(arr[i])) return arr[i];
+}
 /** Characters beyond which a tool_result is collapsed by default. */
 const TOOL_RESULT_COLLAPSE_LEN = 1e3;
 /** ChatLog component — renders the message transcript driven by a handle. */
@@ -2215,7 +2452,8 @@ const ChatLog = forwardRef(function ChatLog({ visibleRange, onSearchActiveChange
 			return;
 		}
 		if (key.return && !key.ctrl && !key.meta) {
-			const thinkingEntry = stateForInputRef.current.entries.findLast((e) => e.kind === "thinking");
+			const curState = stateForInputRef.current;
+			const thinkingEntry = findLast(curState.entries, (e) => e.kind === "thinking");
 			if (thinkingEntry) {
 				setExpandedIds((prev) => {
 					const next = new Set(prev);
@@ -2360,16 +2598,19 @@ const ChatLog = forwardRef(function ChatLog({ visibleRange, onSearchActiveChange
 		}
 	}
 	const clampedMatchIdx = searchMatches.length > 0 ? (searchMatchIdx % searchMatches.length + searchMatches.length) % searchMatches.length : 0;
-	const activeMatchEntryId = searchMatches.length > 0 ? searchMatches[clampedMatchIdx].entryId : null;
+	searchMatches.length > 0 && searchMatches[clampedMatchIdx].entryId;
 	const elements = [];
 	for (const entry of windowed) {
 		const isExpanded = expandedIds.has(entry.id);
 		const entryMatchIndices = searchActive ? searchMatches.filter((m) => m.entryId === entry.id).map((m) => m.start) : [];
-		elements.push(React.createElement(Box, {
+		elements.push(React.createElement(MessageRow, {
 			key: entry.id,
-			flexDirection: "column",
-			marginBottom: entry.kind === "btw" ? 0 : 1
-		}, transcriptMode === "full" ? React.createElement(Text, { dimColor: true }, `── ${new Date(entry.timestamp).toLocaleTimeString()} · ${kindLabel(entry.kind)} ──`) : null, ...renderEntryContent(entry, isExpanded, activeMatchEntryId === entry.id ? clampedMatchIdx : -1, entryMatchIndices, searchQuery, theme)));
+			entry,
+			isExpanded,
+			transcriptMode,
+			searchQuery: searchActive ? searchQuery : "",
+			matchIndices: entryMatchIndices
+		}));
 	}
 	const searchBar = searchActive ? React.createElement(Box, {
 		flexDirection: "row",
@@ -2380,233 +2621,19 @@ const ChatLog = forwardRef(function ChatLog({ visibleRange, onSearchActiveChange
 	}, "🔍 "), React.createElement(Text, null, searchQuery || React.createElement(Text, { dimColor: true }, "输入搜索内容")), React.createElement(Text, { dimColor: true }, "█"), searchMatches.length > 0 ? React.createElement(Text, { dimColor: true }, `  ${clampedMatchIdx + 1}/${searchMatches.length}`) : searchQuery ? React.createElement(Text, { dimColor: true }, "  无匹配") : React.createElement(Text, { dimColor: true }, "  Esc 关闭")) : null;
 	return React.createElement(Box, { flexDirection: "column" }, stickyHeader, ...elements, searchBar);
 });
-function entryColor(entry, colors) {
-	switch (entry.kind) {
-		case "system": return entry.level === "error" ? colors.error : entry.level === "warn" ? colors.warning : colors.dimmed;
-		case "user": return entry.pending ? colors.dimmed : colors.foreground;
-		case "assistant": return entry.streaming ? colors.foreground : colors.foreground;
-		case "tool_use": return colors.info ?? "yellow";
-		case "tool_result": return colors.dimmed;
-		case "btw": return colors.accent;
-		case "thinking": return colors.dimmed;
-		default: return;
-	}
-}
-/** Map entry kind to a Chinese label for display. */
-function kindLabel(kind) {
-	switch (kind) {
-		case "system": return "系统";
-		case "user": return "用户";
-		case "assistant": return "助手";
-		case "tool_use": return "工具调用";
-		case "tool_result": return "工具结果";
-		case "btw": return "提示";
-		case "thinking": return "思考";
-	}
-}
-function entryPrefix(entry) {
-	switch (entry.kind) {
-		case "system": return entry.level === "error" ? "✘ " : entry.level === "warn" ? "⚠ " : "─ ";
-		case "user": return entry.pending ? "[发送中] " : "> ";
-		case "assistant": return "";
-		case "tool_use": return "";
-		case "tool_result": return "";
-		case "btw": return "💡 ";
-		case "thinking": return "💭 ";
-		default: return "";
-	}
-}
+//#endregion
+//#region src/renderer/frame-limiter.ts
 /**
-* Render the content lines for a single chat entry.
+* FrameRateLimiter — throttle Ink re‑renders to ~30 FPS via microtask batching.
+*
+* Ink renders on every state change. For high‑frequency updates (streaming
+* text deltas, tool output), this can cause excessive re‑renders.
+* FrameRateLimiter coalesces state updates within a 16 ms window.
 *
-* Returns an array of React elements suitable as children of a Box.
-* Each entry kind gets its own rendering strategy:
-*   - assistant → full markdown (parseMarkdown + renderBlocks)
-*   - system    → renderInline for formatting
-*   - user      → renderInline for formatting
-*   - tool_use  → plain text with prefix
-*   - tool_result → renderInline, collapsible beyond TOOL_RESULT_COLLAPSE_LEN
-*   - btw       → renderInline
-*/
-function renderEntryContent(entry, isExpanded, activeMatchGlobalIdx, entryMatchIndices, searchQuery, theme) {
-	switch (entry.kind) {
-		case "assistant": return renderAssistant(entry, entryMatchIndices, searchQuery, theme);
-		case "system": return renderSystem(entry, entryMatchIndices, searchQuery, theme);
-		case "user": return renderUser(entry, entryMatchIndices, searchQuery, theme);
-		case "tool_use": return renderToolUse(entry, entryMatchIndices, searchQuery, theme);
-		case "tool_result": return renderToolResult(entry, isExpanded, entryMatchIndices, searchQuery, theme);
-		case "btw": return renderBtw(entry, entryMatchIndices, searchQuery, theme);
-		case "thinking": return renderThinking(entry, isExpanded, theme);
-		default: return [React.createElement(Text, {
-			key: "text",
-			color: entryColor(entry, theme.colors)
-		}, entry.text)];
-	}
-}
-function renderAssistant(entry, matchIndices, searchQuery, theme) {
-	const elements = [];
-	if (entry.streaming) {
-		const stableOffset = findStableOffset(entry.text);
-		const stablePart = entry.text.slice(0, stableOffset);
-		const unstablePart = entry.text.slice(stableOffset);
-		if (stablePart) {
-			const blocks = parseMarkdown(stablePart);
-			elements.push(React.createElement(Box, {
-				key: "stable",
-				flexDirection: "column"
-			}, renderBlocks(blocks)));
-		}
-		if (unstablePart) elements.push(React.createElement(Text, {
-			key: "streaming",
-			color: theme.colors.foreground
-		}, highlightMatches(unstablePart, matchIndices, searchQuery), React.createElement(Text, null, "▊")));
-		else if (!stablePart) elements.push(React.createElement(Text, {
-			key: "streaming",
-			color: theme.colors.foreground
-		}, "▊"));
-	} else {
-		const blocks = parseMarkdown(entry.text);
-		if (blocks.length > 0) elements.push(React.createElement(Box, {
-			key: "md",
-			flexDirection: "column"
-		}, renderBlocks(blocks)));
-	}
-	return elements;
-}
-function renderSystem(entry, matchIndices, searchQuery, theme) {
-	const color = entryColor(entry, theme.colors);
-	const prefix = entryPrefix(entry);
-	const content = highlightMatches(entry.text, matchIndices, searchQuery);
-	return [React.createElement(Text, {
-		key: "content",
-		color
-	}, prefix, renderInlineContent(content))];
-}
-function renderUser(entry, matchIndices, searchQuery, theme) {
-	const color = entryColor(entry, theme.colors);
-	const prefix = entryPrefix(entry);
-	const suffix = entry.pending ? "…" : "";
-	return [React.createElement(Text, {
-		key: "content",
-		color
-	}, prefix, renderInlineContent(highlightMatches(entry.text, matchIndices, searchQuery)), suffix)];
-}
-function renderToolUse(entry, matchIndices, searchQuery, theme) {
-	const isDone = entry.toolStartedAt !== void 0 && entry.text.includes("·");
-	const prefix = isDone ? "✓ " : "✽ ";
-	const color = isDone ? theme.colors.success : theme.colors.accent;
-	const suffix = isDone ? "" : "…";
-	return [React.createElement(Text, {
-		key: "content",
-		color
-	}, prefix, highlightMatches(entry.text + suffix, matchIndices, searchQuery))];
-}
-/**
-* Collapse multi-line content into a single line for inline display.
-* Replaces consecutive whitespace (including newlines) with a single space.
-*/
-function collapseWhitespace(text) {
-	return text.replace(/\s+/g, " ").trim();
-}
-function renderToolResult(entry, isExpanded, matchIndices, searchQuery, theme) {
-	const color = theme.colors.foreground;
-	const collapsed = collapseWhitespace(entry.text);
-	const isLong = collapsed.length > TOOL_RESULT_COLLAPSE_LEN;
-	const elements = [];
-	if (isLong && !isExpanded) {
-		const truncated = collapsed.slice(0, TOOL_RESULT_COLLAPSE_LEN);
-		elements.push(React.createElement(Text, {
-			key: "content",
-			color,
-			dimColor: true
-		}, "  ⎿ ", renderInlineContent(highlightMatches(truncated, matchIndices, searchQuery)), React.createElement(Text, {
-			key: "ellipsis",
-			dimColor: true
-		}, `… [+${collapsed.length - TOOL_RESULT_COLLAPSE_LEN} 字符, Ctrl+E 展开]`)));
-	} else elements.push(React.createElement(Text, {
-		key: "content",
-		color,
-		dimColor: true
-	}, "  ⎿ ", renderInlineContent(highlightMatches(collapsed, matchIndices, searchQuery)), isLong ? React.createElement(Text, {
-		key: "collapse",
-		dimColor: true
-	}, " [Ctrl+E 折叠]") : null));
-	return elements;
-}
-function renderBtw(entry, matchIndices, searchQuery, theme) {
-	const color = entryColor(entry, theme.colors);
-	const prefix = entryPrefix(entry);
-	return [React.createElement(Text, {
-		key: "content",
-		color
-	}, prefix, renderInlineContent(highlightMatches(entry.text, matchIndices, searchQuery)))];
-}
-/**
-* Render a thinking entry — collapsed shows "已思考 X.Xs · Enter 展开",
-* expanded shows the full reasoning text.
-*/
-function renderThinking(entry, isExpanded, theme) {
-	const color = entryColor(entry, theme.colors);
-	const prefix = entryPrefix(entry);
-	const seconds = entry.durationMs != null ? (entry.durationMs / 1e3).toFixed(1) : "?";
-	if (isExpanded) return entry.text.trim().split("\n").map((line, i) => React.createElement(Text, {
-		key: `think-${i}`,
-		color
-	}, i === 0 ? `${prefix}已思考 ${seconds}s · Enter 折叠` : prefix, line || " "));
-	return [React.createElement(Text, {
-		key: "summary",
-		color,
-		dimColor: true
-	}, `${prefix}已思考 ${seconds}s · Enter 展开`)];
-}
-/**
-* Render text with inline markdown formatting.
-*
-* Wraps `renderInline` but handles the case where the input is
-* a mix of plain strings and Ink elements (from search highlighting).
-*/
-function renderInlineContent(content) {
-	if (typeof content === "string") return renderInline(content);
-	return content;
-}
-/**
-* Highlight search query matches in text.
-*
-* When no search is active (matchIndices is empty), returns the plain text.
-* With matches, wraps each match in an inverse‑colored `<Text>` span.
-*/
-function highlightMatches(text, matchIndices, query) {
-	if (!query || matchIndices.length === 0) return text;
-	const len = query.length;
-	const sorted = [...new Set(matchIndices)].sort((a, b) => a - b);
-	const children = [];
-	let cursor = 0;
-	for (const start of sorted) {
-		if (start < cursor) continue;
-		if (start > cursor) children.push(text.slice(cursor, start));
-		children.push(React.createElement(Text, {
-			key: `hl-${start}`,
-			inverse: true
-		}, text.slice(start, start + len)));
-		cursor = start + len;
-	}
-	if (cursor < text.length) children.push(text.slice(cursor));
-	if (children.length === 1 && typeof children[0] === "string") return children[0];
-	return children;
-}
-//#endregion
-//#region src/renderer/frame-limiter.ts
-/**
-* FrameRateLimiter — throttle Ink re‑renders to ~30 FPS via microtask batching.
-*
-* Ink renders on every state change. For high‑frequency updates (streaming
-* text deltas, tool output), this can cause excessive re‑renders.
-* FrameRateLimiter coalesces state updates within a 16 ms window.
-*
-* Design (§5.9i):
-*   - 30 fps throttle (~33 ms frame budget, 16 ms coalesce window)
-*   - In‑memory transcript cache for static entries
-*   - React.memo on static message blocks
+* Design (§5.9i):
+*   - 30 fps throttle (~33 ms frame budget, 16 ms coalesce window)
+*   - In‑memory transcript cache for static entries
+*   - React.memo on static message blocks
 */
 /** Default target frame interval in ms (30 fps ≈ 33 ms). */
 const DEFAULT_FRAME_MS = 33;
@@ -2676,6 +2703,7 @@ function createFrameRateLimiter(frameMs) {
 * VimStatusBar — 显示当前 Vim 模式和按键提示。
 * 从 InputBox 提取出的独立子组件。
 */
+/** Displays current Vim mode label with color coding — hidden when vimEnabled is false. */
 function VimStatusBar({ vimEnabled, vimMode }) {
 	if (!vimEnabled) return null;
 	const label = vimMode === "insert" ? "-- 插入 --" : vimMode === "normal" ? "-- 普通 --" : "-- 可视 --";
@@ -2689,6 +2717,7 @@ function VimStatusBar({ vimEnabled, vimMode }) {
 * 绝对定位在输入框上方，显示匹配的补全选项列表。
 * 从 InputBox 提取出的独立子组件。
 */
+/** Autocomplete overlay — absolutely positioned above the input box with highlighted options. */
 function SuggestionsOverlay({ completions, completionIndex }) {
 	if (completions.length === 0) return null;
 	return React.createElement(Box, { flexDirection: "column" }, ...completions.map((item, index) => React.createElement(Box, { key: item }, React.createElement(Text, {
@@ -2703,6 +2732,7 @@ function SuggestionsOverlay({ completions, completionIndex }) {
 * 显示 Vim 模式、输入值预览、禁用状态。
 * 从 InputBox 提取出的独立子组件。
 */
+/** Input area bottom status line — shows Vim mode, char count, or disabled state. */
 function InputFooter({ vimEnabled, vimMode, value, disabled }) {
 	const children = [];
 	if (vimEnabled) children.push(React.createElement(Text, {
@@ -2720,27 +2750,40 @@ function InputFooter({ vimEnabled, vimMode, value, disabled }) {
 	return React.createElement(Box, {}, ...children);
 }
 //#endregion
-//#region src/components/InputBox.ts
+//#region src/components/input/input-history.ts
 /**
-* InputBox — multi‑line REPL input with history, autocomplete, and routing.
+* Input history persistence — load/save to ~/.lynx/input-history.json.
 *
-* Features:
-*   - Multi‑line input (Enter submits, Ctrl+Enter inserts newline)
-*   - History navigation (Up/Down, 200 items, deduped, persisted to disk)
-*   - Slash command autocomplete (8 suggestions max)
-*   - @‑mention file path autocomplete (8 suggestions max)
-*   - Submit routing: !bang → shell, / → command, text → message
-*   - Full cursor movement: Home/End, Ctrl+A/E/K/W, ←/→
-*   - 3‑layer abort counter (tracked in parent)
-*
-* Design:
-*   Single useInkInput handler manages all keyboard behaviour.
-*   Renders last MAX_VISIBLE_LINES of the input with a ❯ prompt.
+* Best-effort I/O: failures are silently swallowed so the REPL
+* never crashes because of a disk error.
+*/
+/** Path to the persisted input history file. */
+const HISTORY_FILE = join(homedir(), ".lynx", "input-history.json");
+/** Load persisted input history from disk. Returns empty array on any error. */
+function loadPersistedHistory() {
+	try {
+		if (!existsSync(HISTORY_FILE)) return [];
+		const raw = readFileSync(HISTORY_FILE, "utf-8");
+		const parsed = JSON.parse(raw);
+		if (Array.isArray(parsed) && parsed.every((e) => typeof e === "string")) return parsed.slice(-200);
+		return [];
+	} catch {
+		return [];
+	}
+}
+/** Save input history to disk. Does not throw on failure. */
+function savePersistedHistory(history) {
+	try {
+		const dir = dirname(HISTORY_FILE);
+		if (!existsSync(dir)) mkdirSync(dir, { recursive: true });
+		writeFileSync(HISTORY_FILE, JSON.stringify(history.slice(-200)), "utf-8");
+	} catch {}
+}
+//#endregion
+//#region src/components/input/input-completions.ts
+/**
+* Input completion matching — slash commands and @‑mention triggers.
 */
-const MAX_HISTORY = 200;
-const MAX_VISIBLE_LINES = 5;
-/** Max autocomplete suggestions displayed. */
-const MAX_COMPLETIONS = 8;
 /** Built‑in slash commands for autocomplete. */
 const SLASH_COMMANDS = [
 	"/sessions",
@@ -2766,8 +2809,40 @@ const SLASH_COMMANDS = [
 	"/stash",
 	"/diff"
 ];
-/** Path to the persisted input history file. */
-const HISTORY_FILE = join(homedir(), ".lynx", "input-history.json");
+/** Match slash commands against a prefix string. */
+function matchCompletions(prefix) {
+	if (!prefix.startsWith("/")) return [];
+	const lower = prefix.toLowerCase();
+	return SLASH_COMMANDS.filter((cmd) => cmd.toLowerCase().startsWith(lower)).slice(0, 8);
+}
+/**
+* Find the `@` trigger position preceding the cursor.
+*
+* Returns the index of `@` in the value, or -1 if no trigger is active.
+* The trigger is only valid if `@` appears at the start of a word
+* (preceded by whitespace or start-of-string).
+*/
+function findAtTrigger(value, cursor) {
+	for (let i = cursor - 1; i >= 0; i--) {
+		const ch = value[i];
+		if (ch === "@") {
+			if (i === 0 || /\s/.test(value[i - 1])) return i;
+			return -1;
+		}
+		if (/\s/.test(ch)) return -1;
+	}
+	return -1;
+}
+//#endregion
+//#region src/components/input/file-completions.ts
+/**
+* @‑mention file path autocomplete helpers.
+*
+* Walks the workspace to collect file candidates, then filters
+* by the trigger text typed after `@`.
+*/
+/** Max autocomplete suggestions displayed. */
+const MAX_COMPLETIONS = 8;
 /**
 * Recursively list files in a directory, relative to the workspace root.
 * Returns at most `maxResults` entries. Directories are suffixed with `/`.
@@ -2787,14 +2862,14 @@ function listFilesRecursive(dir, workspace, maxResults) {
 			if (results.length >= maxResults) break;
 			if (name.startsWith(".") || name === "node_modules") continue;
 			const fullPath = join(current, name);
-			let stat;
+			let entryStat;
 			try {
-				stat = statSync(fullPath);
+				entryStat = statSync(fullPath);
 			} catch {
 				continue;
 			}
 			const relativePath = relative(workspace, fullPath).replace(/\\/g, "/");
-			if (stat.isDirectory()) {
+			if (entryStat.isDirectory()) {
 				results.push(relativePath + "/");
 				stack.push(fullPath);
 			} else results.push(relativePath);
@@ -2810,450 +2885,369 @@ function listFilesRecursive(dir, workspace, maxResults) {
 * up to `MAX_COMPLETIONS` entries.
 */
 function matchFileCompletions(trigger, workspace) {
-	if (!trigger && trigger !== "") return [];
+	if (trigger == null) return [];
 	const normalized = trigger.replace(/\\/g, "/");
 	const lastSlash = normalized.lastIndexOf("/");
 	const searchDir = lastSlash >= 0 ? join(workspace, normalized.slice(0, lastSlash)) : workspace;
 	const prefix = lastSlash >= 0 ? normalized.slice(lastSlash + 1) : normalized;
 	const allFiles = listFilesRecursive(searchDir, workspace, 200);
 	const lowerPrefix = prefix.toLowerCase();
-	return allFiles.filter((f) => f.toLowerCase().startsWith(lowerPrefix) || f.toLowerCase().includes(lowerPrefix)).slice(0, MAX_COMPLETIONS).map((f) => "@" + f);
-}
-/** Load persisted input history from disk. Returns empty array on any error. */
-function loadPersistedHistory() {
-	try {
-		if (!existsSync(HISTORY_FILE)) return [];
-		const raw = readFileSync(HISTORY_FILE, "utf-8");
-		const parsed = JSON.parse(raw);
-		if (Array.isArray(parsed) && parsed.every((e) => typeof e === "string")) return parsed.slice(-200);
-		return [];
-	} catch {
-		return [];
-	}
-}
-/** Save input history to disk. */
-function savePersistedHistory(history) {
-	try {
-		const dir = dirname(HISTORY_FILE);
-		if (!existsSync(dir)) mkdirSync(dir, { recursive: true });
-		writeFileSync(HISTORY_FILE, JSON.stringify(history.slice(-200)), "utf-8");
-	} catch {}
-}
-/**
-* Match slash‑command prefix for autocomplete.
-* Returns matching commands (up to limit) sorted by length.
-*/
-function matchCompletions(prefix) {
-	if (!prefix.startsWith("/")) return [];
-	const lower = prefix.toLowerCase();
-	return SLASH_COMMANDS.filter((cmd) => cmd.toLowerCase().startsWith(lower)).sort((a, b) => a.length - b.length).slice(0, MAX_COMPLETIONS);
-}
-/**
-* Find the position of the `@` trigger character preceding the cursor.
-*
-* The trigger is the last `@` that is preceded by a whitespace, start‑of‑string,
-* or another `@`, and is not inside a word boundary (e.g. email addresses).
-* Returns -1 if no valid trigger is found.
-*/
-function findAtTrigger(value, cursor) {
-	for (let i = cursor - 1; i >= 0; i--) {
-		const ch = value[i];
-		if (ch === "@") {
-			if (i === 0 || /\s/.test(value[i - 1]) || value[i - 1] === "@") return i;
-			return -1;
-		}
-		if (ch === " " || ch === "\n") return -1;
-	}
-	return -1;
-}
-/**
-* Route the submitted text to determine submission type.
-*   ! → shell command
-*   / → slash command
-*   default → chat message
-*/
-function routeInput(text) {
-	if (text.startsWith("!")) return "shell";
-	if (text.startsWith("/")) return "command";
-	return "chat";
-}
-function InputBox({ onSubmit, onAbort, disabled, placeholder = "输入消息...", onStash, appendText, onAppendTextConsumed, workspace = process.cwd(), vimMode: vimEnabled = false, onVimModeChange }) {
-	const theme = getTheme();
-	const [value, setValue] = useState("");
-	const [cursor, setCursor] = useState(0);
-	const [completions, setCompletions] = useState([]);
-	const [completionIndex, setCompletionIndex] = useState(0);
-	/** Cursor position where the active completion trigger began (-1 = no trigger). */
-	const [completionStart, setCompletionStart] = useState(-1);
-	const [vimMode, setVimMode] = useState("insert");
-	const [visualAnchor, setVisualAnchor] = useState(-1);
-	const historyRef = useRef(loadPersistedHistory());
-	const historyIndexRef = useRef(-1);
-	const savedDraftRef = useRef("");
-	const burstBufferRef = useRef([]);
-	const burstTimerRef = useRef(null);
-	const flushBurst = useCallback(() => {
-		if (burstTimerRef.current) {
-			clearTimeout(burstTimerRef.current);
-			burstTimerRef.current = null;
-		}
-		const lines = burstBufferRef.current;
-		burstBufferRef.current = [];
-		if (lines.length === 0) return;
-		if (lines.length === 1) onSubmit(lines[0]);
-		else onSubmit(lines.join("\n"));
-	}, [onSubmit]);
-	const submitText = useCallback((text) => {
-		const hist = historyRef.current;
-		if (hist.length === 0 || hist[hist.length - 1] !== text) {
-			hist.push(text);
-			if (hist.length > MAX_HISTORY) hist.shift();
-		}
-		historyIndexRef.current = -1;
-		if (routeInput(text) === "chat") {
-			burstBufferRef.current.push(text);
-			if (burstTimerRef.current) clearTimeout(burstTimerRef.current);
-			burstTimerRef.current = setTimeout(flushBurst, 50);
-		} else {
-			flushBurst();
-			onSubmit(text);
-		}
-		setValue("");
-		setCursor(0);
-		setCompletions([]);
-		setCompletionIndex(0);
-		setCompletionStart(-1);
-		savePersistedHistory(hist);
-	}, [onSubmit, flushBurst]);
-	function handleSubmit(input, key, ctx) {
-		if (key.ctrl && input === "c") {
-			onAbort();
-			return true;
-		}
-		if (key.return && key.ctrl) {
-			const newValue = ctx.value.slice(0, ctx.cursor) + "\n" + ctx.value.slice(ctx.cursor);
-			ctx.setValue(newValue);
-			ctx.setCursor(ctx.cursor + 1);
-			ctx.setCompletions([]);
-			ctx.setCompletionStart(-1);
-			return true;
-		}
-		if (key.return) {
-			const trimmed = ctx.value.trim();
-			if (trimmed) {
-				if (ctx.completions.length > 0 && ctx.completionIndex < ctx.completions.length) {
-					const selected = ctx.completions[ctx.completionIndex];
-					if (ctx.completionStart >= 0 && ctx.completionStart < ctx.value.length) {
-						const before = ctx.value.slice(0, ctx.completionStart);
-						const after = ctx.value.slice(ctx.cursor);
-						ctx.setValue(before + selected + after);
-						ctx.setCursor(ctx.completionStart + selected.length);
-					} else {
-						ctx.setValue(selected);
-						ctx.setCursor(selected.length);
-					}
-					ctx.setCompletions([]);
-					ctx.setCompletionIndex(0);
-					ctx.setCompletionStart(-1);
-					return true;
-				}
-				submitText(trimmed);
-			}
-			return true;
-		}
-		return false;
-	}
-	function handleCompletionKeys(_input, key, ctx) {
-		if (key.tab && ctx.completions.length > 0) {
-			const selected = ctx.completions[ctx.completionIndex];
-			if (ctx.completionStart >= 0 && ctx.completionStart < ctx.value.length) {
-				const before = ctx.value.slice(0, ctx.completionStart);
-				const after = ctx.value.slice(ctx.cursor);
-				ctx.setValue(before + selected + after);
-				ctx.setCursor(ctx.completionStart + selected.length);
-			} else {
-				ctx.setValue(selected);
-				ctx.setCursor(selected.length);
-			}
-			ctx.setCompletions([]);
-			ctx.setCompletionIndex(0);
-			ctx.setCompletionStart(-1);
-			return true;
-		}
-		if (key.escape) {
-			ctx.setCompletions([]);
-			ctx.setCompletionIndex(0);
-			ctx.setCompletionStart(-1);
-			return true;
-		}
-		return false;
-	}
-	function handleHistoryKeys(key, ctx) {
-		if (key.upArrow) {
-			if (ctx.completions.length > 0) {
-				ctx.setCompletionIndex(Math.max(0, ctx.completionIndex - 1));
-				return true;
-			}
-			const hist = ctx.historyRef.current;
-			if (hist.length === 0) return true;
-			if (ctx.historyIndexRef.current === -1) ctx.savedDraftRef.current = ctx.value;
-			const nextIdx = ctx.historyIndexRef.current + 1;
-			if (nextIdx < hist.length) {
-				ctx.historyIndexRef.current = nextIdx;
-				const entry = hist[hist.length - 1 - nextIdx];
-				ctx.setValue(entry);
-				ctx.setCursor(entry.length);
-			}
-			return true;
-		}
-		if (key.downArrow) {
-			if (ctx.completions.length > 0) {
-				ctx.setCompletionIndex(Math.min(ctx.completions.length - 1, ctx.completionIndex + 1));
+	return allFiles.filter((f) => f.toLowerCase().startsWith(lowerPrefix) || f.toLowerCase().includes(lowerPrefix)).slice(0, MAX_COMPLETIONS).map((f) => "@" + f);
+}
+//#endregion
+//#region src/components/input/input-keyboard.ts
+/** Handle Enter / Ctrl+C / Ctrl+Enter. Returns true if consumed. */
+function handleSubmit(input, key, ctx, actions) {
+	if (key.ctrl && input === "c") {
+		actions.onAbort();
+		return true;
+	}
+	if (key.return && key.ctrl) {
+		const newValue = ctx.value.slice(0, ctx.cursor) + "\n" + ctx.value.slice(ctx.cursor);
+		ctx.setValue(newValue);
+		ctx.setCursor(ctx.cursor + 1);
+		ctx.setCompletions([]);
+		ctx.setCompletionStart(-1);
+		return true;
+	}
+	if (key.return) {
+		const trimmed = ctx.value.trim();
+		if (trimmed) {
+			if (ctx.completions.length > 0 && ctx.completionIndex < ctx.completions.length) {
+				const selected = ctx.completions[ctx.completionIndex];
+				if (ctx.completionStart >= 0 && ctx.completionStart < ctx.value.length) {
+					const before = ctx.value.slice(0, ctx.completionStart);
+					const after = ctx.value.slice(ctx.cursor);
+					ctx.setValue(before + selected + after);
+					ctx.setCursor(ctx.completionStart + selected.length);
+				} else {
+					ctx.setValue(selected);
+					ctx.setCursor(selected.length);
+				}
+				ctx.setCompletions([]);
+				ctx.setCompletionIndex(0);
+				ctx.setCompletionStart(-1);
 				return true;
 			}
-			if (ctx.historyIndexRef.current === -1) return true;
-			const nextIdx = ctx.historyIndexRef.current - 1;
-			if (nextIdx >= 0) {
-				ctx.historyIndexRef.current = nextIdx;
-				const entry = ctx.historyRef.current[ctx.historyRef.current.length - 1 - nextIdx];
-				ctx.setValue(entry);
-				ctx.setCursor(entry.length);
-			} else {
-				ctx.historyIndexRef.current = -1;
-				ctx.setValue(ctx.savedDraftRef.current);
-				ctx.setCursor(ctx.savedDraftRef.current.length);
-			}
-			return true;
+			actions.submitText(trimmed);
 		}
-		return false;
+		return true;
 	}
-	function handleNavigationKeys(input, key, ctx) {
-		if (handleHistoryKeys(key, ctx)) return true;
-		if (key.leftArrow) {
-			ctx.setCursor(Math.max(0, ctx.cursor - 1));
-			return true;
-		}
-		if (key.rightArrow) {
-			ctx.setCursor(Math.min(ctx.value.length, ctx.cursor + 1));
-			return true;
+	return false;
+}
+/** Handle Tab / Shift+Tab / Escape for completions. */
+function handleCompletionKeys(_input, key, ctx) {
+	if (key.tab && key.shift && ctx.completions.length > 0) {
+		ctx.setCompletionIndex((ctx.completionIndex - 1 + ctx.completions.length) % ctx.completions.length);
+		return true;
+	}
+	if (key.tab && ctx.completions.length > 0) {
+		const selected = ctx.completions[ctx.completionIndex];
+		if (ctx.completionStart >= 0 && ctx.completionStart < ctx.value.length) {
+			const before = ctx.value.slice(0, ctx.completionStart);
+			const after = ctx.value.slice(ctx.cursor);
+			ctx.setValue(before + selected + after);
+			ctx.setCursor(ctx.completionStart + selected.length);
+		} else {
+			ctx.setValue(selected);
+			ctx.setCursor(selected.length);
 		}
-		if (key.home || key.ctrl && input === "a") {
-			ctx.setCursor(0);
+		ctx.setCompletions([]);
+		ctx.setCompletionIndex(0);
+		ctx.setCompletionStart(-1);
+		return true;
+	}
+	if (key.escape) {
+		ctx.setCompletions([]);
+		ctx.setCompletionIndex(0);
+		ctx.setCompletionStart(-1);
+		return true;
+	}
+	return false;
+}
+/** Handle Up/Down arrow for history and completion navigation. */
+function handleHistoryKeys(key, ctx) {
+	if (key.upArrow) {
+		if (ctx.completions.length > 0) {
+			ctx.setCompletionIndex(Math.max(0, ctx.completionIndex - 1));
 			return true;
 		}
-		if (key.end || key.ctrl && input === "e") {
-			ctx.setCursor(ctx.value.length);
-			return true;
+		const hist = ctx.historyRef.current;
+		if (hist.length === 0) return true;
+		if (ctx.historyIndexRef.current === -1) ctx.savedDraftRef.current = ctx.value;
+		const nextIdx = ctx.historyIndexRef.current + 1;
+		if (nextIdx < hist.length) {
+			ctx.historyIndexRef.current = nextIdx;
+			const entry = hist[hist.length - 1 - nextIdx];
+			ctx.setValue(entry);
+			ctx.setCursor(entry.length);
 		}
-		return false;
+		return true;
 	}
-	function handleEditKeys(input, key, ctx) {
-		if (key.ctrl && input === "w") {
-			ctx.setValue((prev) => {
-				const before = prev.slice(0, ctx.cursor);
-				const after = prev.slice(ctx.cursor);
-				const wordEnd = before.replace(/\s*\S+$/, "");
-				const deleted = before.length - wordEnd.length;
-				ctx.setCursor((c) => c - deleted);
-				return wordEnd + after;
-			});
+	if (key.downArrow) {
+		if (ctx.completions.length > 0) {
+			ctx.setCompletionIndex(Math.min(ctx.completions.length - 1, ctx.completionIndex + 1));
 			return true;
 		}
-		if (key.ctrl && input === "k") {
-			ctx.setValue((prev) => prev.slice(0, ctx.cursor));
-			return true;
+		if (ctx.historyIndexRef.current > 0) {
+			ctx.historyIndexRef.current--;
+			const hist = ctx.historyRef.current;
+			const entry = hist[hist.length - 1 - ctx.historyIndexRef.current];
+			ctx.setValue(entry);
+			ctx.setCursor(entry.length);
+		} else if (ctx.historyIndexRef.current === 0) {
+			ctx.historyIndexRef.current = -1;
+			ctx.setValue(ctx.savedDraftRef.current);
+			ctx.setCursor(ctx.savedDraftRef.current.length);
 		}
-		if (key.ctrl && input === "u") {
-			ctx.setValue((prev) => prev.slice(ctx.cursor));
-			ctx.setCursor(0);
-			return true;
+		return true;
+	}
+	return false;
+}
+/** Handle Left/Right arrows, Home/End, Ctrl+A/E. */
+function handleNavigationKeys(input, key, ctx) {
+	if (handleHistoryKeys(key, ctx)) return true;
+	if (key.leftArrow) {
+		ctx.setCursor(Math.max(0, ctx.cursor - 1));
+		return true;
+	}
+	if (key.rightArrow) {
+		ctx.setCursor(Math.min(ctx.value.length, ctx.cursor + 1));
+		return true;
+	}
+	if (key.home || key.ctrl && input === "a") {
+		ctx.setCursor(0);
+		return true;
+	}
+	if (key.end || key.ctrl && input === "e") {
+		ctx.setCursor(ctx.value.length);
+		return true;
+	}
+	return false;
+}
+/** Handle Ctrl+W/K/U and Backspace/Delete. */
+function handleEditKeys(_input, key, ctx) {
+	if (key.ctrl && _input === "w") {
+		ctx.setValue((prev) => {
+			const before = prev.slice(0, ctx.cursor);
+			const after = prev.slice(ctx.cursor);
+			const wordEnd = before.replace(/\s*\S+$/, "");
+			const deleted = before.length - wordEnd.length;
+			ctx.setCursor((c) => c - deleted);
+			return wordEnd + after;
+		});
+		return true;
+	}
+	if (key.ctrl && _input === "k") {
+		ctx.setValue((prev) => prev.slice(0, ctx.cursor));
+		return true;
+	}
+	if (key.ctrl && _input === "u") {
+		ctx.setValue((prev) => prev.slice(ctx.cursor));
+		ctx.setCursor(0);
+		return true;
+	}
+	if (key.backspace || key.delete) {
+		if (ctx.cursor > 0) {
+			ctx.setValue((prev) => prev.slice(0, ctx.cursor - 1) + prev.slice(ctx.cursor));
+			ctx.setCursor((c) => c - 1);
 		}
-		if (key.backspace || key.delete) {
-			if (ctx.cursor > 0) {
-				ctx.setValue((prev) => prev.slice(0, ctx.cursor - 1) + prev.slice(ctx.cursor));
-				ctx.setCursor((c) => c - 1);
-			}
+		return true;
+	}
+	return false;
+}
+/** Handle printable text input and trigger completions. */
+function handleTextInput(input, key, ctx, workspace) {
+	if (input && !key.ctrl && !key.meta && input.length > 0) {
+		if (/^[\x00-\x08\x0b\x0c\x0e-\x1f]$/.test(input)) return false;
+		ctx.setValue((prev) => prev.slice(0, ctx.cursor) + input + prev.slice(ctx.cursor));
+		ctx.setCursor((c) => c + input.length);
+		const newVal = ctx.value.slice(0, ctx.cursor) + input + ctx.value.slice(ctx.cursor);
+		const newCursor = ctx.cursor + input.length;
+		if (newVal.startsWith("/")) {
+			const matches = matchCompletions(newVal);
+			ctx.setCompletions(matches);
+			ctx.setCompletionIndex(0);
+			ctx.setCompletionStart(0);
 			return true;
 		}
-		return false;
-	}
-	function handleTextInput(input, key, ctx) {
-		if (input && !key.ctrl && !key.meta && input.length > 0) {
-			if (/^[\x00-\x08\x0b\x0c\x0e-\x1f]$/.test(input)) return false;
-			ctx.setValue((prev) => prev.slice(0, ctx.cursor) + input + prev.slice(ctx.cursor));
-			ctx.setCursor((c) => c + input.length);
-			const newVal = ctx.value.slice(0, ctx.cursor) + input + ctx.value.slice(ctx.cursor);
-			const newCursor = ctx.cursor + input.length;
-			if (newVal.startsWith("/")) {
-				const matches = matchCompletions(newVal);
+		const atIdx = findAtTrigger(newVal, newCursor);
+		if (atIdx >= 0) {
+			const trigger = newVal.slice(atIdx + 1, newCursor);
+			if (trigger !== void 0) {
+				const matches = matchFileCompletions(trigger, workspace);
 				ctx.setCompletions(matches);
 				ctx.setCompletionIndex(0);
-				ctx.setCompletionStart(0);
+				ctx.setCompletionStart(atIdx);
 				return true;
 			}
-			const atIdx = findAtTrigger(newVal, newCursor);
-			if (atIdx >= 0) {
-				const trigger = newVal.slice(atIdx + 1, newCursor);
-				if (trigger !== void 0) {
-					const matches = matchFileCompletions(trigger, workspace);
-					ctx.setCompletions(matches);
-					ctx.setCompletionIndex(0);
-					ctx.setCompletionStart(atIdx);
-					return true;
-				}
-			}
-			ctx.setCompletions([]);
-			ctx.setCompletionStart(-1);
-			return true;
 		}
-		return false;
+		ctx.setCompletions([]);
+		ctx.setCompletionStart(-1);
+		return true;
 	}
-	useEffect(() => {
-		if (appendText && appendText.length > 0) {
-			setValue((prev) => prev.slice(0, cursor) + appendText + prev.slice(cursor));
-			setCursor((c) => c + appendText.length);
-			onAppendTextConsumed?.();
-		}
-	}, [appendText]);
-	/** Handle keys in vim NORMAL mode. Returns true if consumed. */
-	const handleVimNormal = useCallback((input, key) => {
+	return false;
+}
+//#endregion
+//#region src/components/input/useVimInput.ts
+/**
+* useVimInput — Vim-style editing hooks for the multi‑line input.
+*
+* Provides normal‑mode navigation (hjkl/w/b/0/$/i/a/I/A/o/O/x/dd/v)
+* and visual‑mode selection (hjkl/y/d) callbacks.
+*/
+/**
+* Create a NORMAL‑mode key handler.
+*
+* Returns a function `(input: string, key: Key) => boolean` that the parent
+* calls within its useInkInput dispatch when `vimMode === "normal"`.
+*/
+function useVimNormalHandler(value, cursor, actions) {
+	return useCallback((input, key) => {
 		if (input === "h") {
-			setCursor((c) => Math.max(0, c - 1));
+			actions.setCursor((c) => Math.max(0, c - 1));
 			return true;
 		}
 		if (input === "l") {
-			setCursor((c) => Math.min(value.length, c + 1));
+			actions.setCursor((c) => Math.min(value.length, c + 1));
 			return true;
 		}
 		if (input === "k") {
 			const before = value.slice(0, cursor);
 			const prevNewline = before.lastIndexOf("\n");
 			if (prevNewline === -1) {
-				setCursor(0);
+				actions.setCursor(0);
 				return true;
 			}
 			const prevPrevNewline = before.lastIndexOf("\n", prevNewline - 1);
 			const col = before.length - prevNewline - 1;
 			const targetCol = Math.min(col, prevNewline - (prevPrevNewline + 1));
-			setCursor((prevPrevNewline === -1 ? 0 : prevPrevNewline + 1) + targetCol);
+			actions.setCursor((prevPrevNewline === -1 ? 0 : prevPrevNewline + 1) + targetCol);
 			return true;
 		}
 		if (input === "j") {
 			const after = value.slice(cursor);
 			const nextNewline = after.indexOf("\n");
 			if (nextNewline === -1) {
-				setCursor(value.length);
+				actions.setCursor(value.length);
 				return true;
 			}
 			const col = cursor - (value.slice(0, cursor).lastIndexOf("\n") + 1);
 			const afterNext = after.indexOf("\n", nextNewline + 1);
 			const lineLen = afterNext === -1 ? after.length - nextNewline - 1 : afterNext - nextNewline - 1;
-			setCursor(cursor + nextNewline + 1 + Math.min(col, lineLen));
+			actions.setCursor(cursor + nextNewline + 1 + Math.min(col, lineLen));
 			return true;
 		}
 		if (input === "i") {
-			setVimMode("insert");
-			onVimModeChange?.("insert");
+			actions.setVimMode("insert");
+			actions.onVimModeChange?.("insert");
 			return true;
 		}
 		if (input === "a") {
-			setCursor((c) => Math.min(value.length, c + 1));
-			setVimMode("insert");
-			onVimModeChange?.("insert");
+			actions.setCursor((c) => Math.min(value.length, c + 1));
+			actions.setVimMode("insert");
+			actions.onVimModeChange?.("insert");
 			return true;
 		}
 		if (input === "I") {
-			setCursor(value.slice(0, cursor).lastIndexOf("\n") + 1);
-			setVimMode("insert");
-			onVimModeChange?.("insert");
+			const lineStart = value.slice(0, cursor).lastIndexOf("\n") + 1;
+			actions.setCursor(lineStart);
+			actions.setVimMode("insert");
+			actions.onVimModeChange?.("insert");
 			return true;
 		}
 		if (input === "A") {
 			const after = value.slice(cursor);
 			const nextNewline = after.indexOf("\n");
-			setCursor(cursor + (nextNewline === -1 ? after.length : nextNewline));
-			setVimMode("insert");
-			onVimModeChange?.("insert");
+			actions.setCursor(cursor + (nextNewline === -1 ? after.length : nextNewline));
+			actions.setVimMode("insert");
+			actions.onVimModeChange?.("insert");
 			return true;
 		}
 		if (input === "o") {
 			const after = value.slice(cursor);
 			const nextNewline = after.indexOf("\n");
 			const lineEnd = cursor + (nextNewline === -1 ? after.length : nextNewline);
-			setValue((v) => v.slice(0, lineEnd) + "\n" + v.slice(lineEnd));
-			setCursor(lineEnd + 1);
-			setVimMode("insert");
-			onVimModeChange?.("insert");
+			actions.setValue((v) => v.slice(0, lineEnd) + "\n" + v.slice(lineEnd));
+			actions.setCursor(lineEnd + 1);
+			actions.setVimMode("insert");
+			actions.onVimModeChange?.("insert");
 			return true;
 		}
 		if (input === "O") {
 			const lineStart = value.slice(0, cursor).lastIndexOf("\n") + 1;
-			setValue((v) => v.slice(0, lineStart) + "\n" + v.slice(lineStart));
-			setCursor(lineStart);
-			setVimMode("insert");
-			onVimModeChange?.("insert");
+			actions.setValue((v) => v.slice(0, lineStart) + "\n" + v.slice(lineStart));
+			actions.setCursor(lineStart);
+			actions.setVimMode("insert");
+			actions.onVimModeChange?.("insert");
 			return true;
 		}
 		if (input === "x") {
-			setValue((v) => v.slice(0, cursor) + v.slice(cursor + 1));
-			if (cursor >= value.length) setCursor((c) => Math.max(0, c - 1));
+			actions.setValue((v) => v.slice(0, cursor) + v.slice(cursor + 1));
+			if (cursor >= value.length) actions.setCursor((c) => Math.max(0, c - 1));
 			return true;
 		}
 		if (input === "d" && !key.ctrl) return true;
 		if (input === "v") {
-			setVisualAnchor(cursor);
-			setVimMode("visual");
-			onVimModeChange?.("visual");
+			actions.setVisualAnchor(cursor);
+			actions.setVimMode("visual");
+			actions.onVimModeChange?.("visual");
 			return true;
 		}
 		if (input === "w") {
 			const match = value.slice(cursor).match(/[^\s\w]*\w+/);
-			if (match) setCursor(cursor + (match.index ?? 0) + match[0].length);
-			else setCursor(value.length);
+			if (match) actions.setCursor(cursor + (match.index ?? 0) + match[0].length);
+			else actions.setCursor(value.length);
 			return true;
 		}
 		if (input === "b") {
 			const before = value.slice(0, cursor);
 			const match = before.match(/(\w+)\W*$/);
-			if (match) setCursor(cursor - match[0].length + match[1].length);
-			else setCursor(before.lastIndexOf(" ") + 1);
+			if (match) actions.setCursor(cursor - match[0].length + match[1].length);
+			else actions.setCursor(before.lastIndexOf(" ") + 1);
 			return true;
 		}
 		if (input === "0") {
-			setCursor((c) => c - (c - value.slice(0, c).lastIndexOf("\n") - 1));
+			actions.setCursor((c) => c - (c - value.slice(0, c).lastIndexOf("\n") - 1));
 			return true;
 		}
-		if (key.ctrl && input === "e") return false;
 		return false;
 	}, [
 		value,
 		cursor,
-		onVimModeChange
+		actions
 	]);
-	/** Handle keys in vim VISUAL mode. Returns true if consumed. */
-	const handleVimVisual = useCallback((input, key) => {
+}
+/**
+* Create a VISUAL‑mode key handler.
+*
+* Returns a function `(input: string, key: Key) => boolean` for use
+* when `vimMode === "visual"`.
+*/
+function useVimVisualHandler(value, cursor, visualAnchor, actions) {
+	return useCallback((input, key) => {
 		if (key.escape) {
-			setVimMode("normal");
-			onVimModeChange?.("normal");
-			setVisualAnchor(-1);
-			if (visualAnchor >= 0 && visualAnchor < cursor) setCursor(visualAnchor);
+			actions.setVimMode("normal");
+			actions.onVimModeChange?.("normal");
+			actions.setVisualAnchor(-1);
+			if (visualAnchor >= 0 && visualAnchor < cursor) actions.setCursor(visualAnchor);
 			return true;
 		}
 		if (input === "h") {
-			setCursor((c) => Math.max(0, c - 1));
+			actions.setCursor((c) => Math.max(0, c - 1));
 			return true;
 		}
 		if (input === "l") {
-			setCursor((c) => Math.min(value.length, c + 1));
+			actions.setCursor((c) => Math.min(value.length, c + 1));
 			return true;
 		}
 		if (input === "j") {
 			const nextNewline = value.slice(cursor).indexOf("\n");
 			if (nextNewline === -1) {
-				setCursor(value.length);
+				actions.setCursor(value.length);
 				return true;
 			}
-			setCursor(cursor + nextNewline + 1);
+			actions.setCursor(cursor + nextNewline + 1);
 			return true;
 		}
 		if (input === "k") {
@@ -3261,27 +3255,24 @@ function InputBox({ onSubmit, onAbort, disabled, placeholder = "输入消息..."
 			const prevNewline = before.lastIndexOf("\n");
 			if (prevNewline !== -1) {
 				const prevPrev = before.lastIndexOf("\n", prevNewline - 1);
-				setCursor(prevPrev === -1 ? 0 : prevPrev + 1);
+				actions.setCursor(prevPrev === -1 ? 0 : prevPrev + 1);
 			}
 			return true;
 		}
 		if (input === "y") {
-			const start = Math.min(visualAnchor, cursor);
-			const end = Math.max(visualAnchor, cursor);
-			value.slice(start, end);
-			setVimMode("normal");
-			onVimModeChange?.("normal");
-			setVisualAnchor(-1);
+			actions.setVimMode("normal");
+			actions.onVimModeChange?.("normal");
+			actions.setVisualAnchor(-1);
 			return true;
 		}
 		if (input === "d") {
 			const start = Math.min(visualAnchor, cursor);
 			const end = Math.max(visualAnchor, cursor);
-			setValue((v) => v.slice(0, start) + v.slice(end));
-			setCursor(start);
-			setVimMode("normal");
-			onVimModeChange?.("normal");
-			setVisualAnchor(-1);
+			actions.setValue((v) => v.slice(0, start) + v.slice(end));
+			actions.setCursor(start);
+			actions.setVimMode("normal");
+			actions.onVimModeChange?.("normal");
+			actions.setVisualAnchor(-1);
 			return true;
 		}
 		return false;
@@ -3289,8 +3280,91 @@ function InputBox({ onSubmit, onAbort, disabled, placeholder = "输入消息..."
 		value,
 		cursor,
 		visualAnchor,
-		onVimModeChange
+		actions
 	]);
+}
+//#endregion
+//#region src/components/InputBox.ts
+/**
+* InputBox — multi‑line REPL input with history, autocomplete, and routing.
+*
+* Features:
+*   - Multi‑line input (Enter submits, Ctrl+Enter inserts newline)
+*   - History navigation (Up/Down, 200 items, deduped, persisted to disk)
+*   - Slash command autocomplete (8 suggestions max)
+*   - @‑mention file path autocomplete (8 suggestions max)
+*   - Submit routing: !bang → shell, / → command, text → message
+*   - Full cursor movement: Home/End, Ctrl+A/E/K/W, ←/→
+*   - 3‑layer abort counter (tracked in parent)
+*
+* Keyboard handlers extracted to input/input-keyboard.ts.
+* File completion extracted to input/file-completions.ts.
+* History persistence extracted to input/input-history.ts.
+* Vim hooks extracted to input/useVimInput.ts.
+*/
+const MAX_VISIBLE_LINES = 5;
+/** Multi-line REPL input — handles submit routing, history, completions, and Vim editing mode. */
+function InputBox({ onSubmit, onAbort, disabled, placeholder = "输入消息...", onStash, appendText, onAppendTextConsumed, workspace = process.cwd(), vimEnabled = false, vimMode: initialVimMode = "insert", onVimModeChange }) {
+	const theme = getTheme();
+	const [value, setValue] = useState("");
+	const [cursor, setCursor] = useState(0);
+	const [completions, setCompletions] = useState([]);
+	const [completionIndex, setCompletionIndex] = useState(0);
+	/** Cursor position where the active completion trigger began (-1 = no trigger). */
+	const [completionStart, setCompletionStart] = useState(-1);
+	const [vimMode, setVimMode] = useState(initialVimMode);
+	const [visualAnchor, setVisualAnchor] = useState(-1);
+	const historyRef = useRef(loadPersistedHistory());
+	const historyIndexRef = useRef(-1);
+	const savedDraftRef = useRef("");
+	const burstBufferRef = useRef([]);
+	const burstTimerRef = useRef(null);
+	useCallback(() => {
+		if (burstTimerRef.current) {
+			clearTimeout(burstTimerRef.current);
+			burstTimerRef.current = null;
+		}
+		const lines = burstBufferRef.current;
+		burstBufferRef.current = [];
+		if (lines.length === 0) return;
+		if (lines.length === 1) onSubmit(lines[0]);
+		else onSubmit(lines.join("\n"));
+	}, [onSubmit]);
+	const submitText = useCallback((text) => {
+		const hist = historyRef.current;
+		if (hist.length === 0 || hist[hist.length - 1] !== text) {
+			hist.push(text);
+			if (hist.length > 200) hist.shift();
+		}
+		historyIndexRef.current = -1;
+		onSubmit(text);
+		setValue("");
+		setCursor(0);
+		setCompletions([]);
+		setCompletionIndex(0);
+		setCompletionStart(-1);
+		savePersistedHistory(hist);
+	}, [onSubmit]);
+	const vimActions = {
+		setValue,
+		setCursor,
+		setVimMode,
+		setVisualAnchor,
+		onVimModeChange
+	};
+	const handleVimNormal = useVimNormalHandler(value, cursor, vimActions);
+	const handleVimVisual = useVimVisualHandler(value, cursor, visualAnchor, vimActions);
+	useEffect(() => {
+		if (appendText && appendText.length > 0) {
+			setValue((prev) => prev.slice(0, cursor) + appendText + prev.slice(cursor));
+			setCursor((c) => c + appendText.length);
+			onAppendTextConsumed?.();
+		}
+	}, [appendText]);
+	const keyboardActions = {
+		submitText,
+		onAbort
+	};
 	useInput$1((input, key) => {
 		if (disabled) return;
 		if (input.includes("\x1B[<") || /^\[<\d+;\d+;\d+[Mm]/.test(input.trim())) return;
@@ -3343,11 +3417,11 @@ function InputBox({ onSubmit, onAbort, disabled, placeholder = "输入消息..."
 			historyIndexRef,
 			savedDraftRef
 		};
-		if (handleSubmit(input, key, ctx)) return;
+		if (handleSubmit(input, key, ctx, keyboardActions)) return;
 		if (handleCompletionKeys(input, key, ctx)) return;
 		if (handleNavigationKeys(input, key, ctx)) return;
 		if (handleEditKeys(input, key, ctx)) return;
-		handleTextInput(input, key, ctx);
+		handleTextInput(input, key, ctx, workspace);
 	});
 	const lines = value.split("\n");
 	const visibleLines = lines.slice(-5);
@@ -3393,9 +3467,6 @@ function InputBox({ onSubmit, onAbort, disabled, placeholder = "输入消息..."
 /**
 * Get the cursor offset within a specific line of multi‑line text.
 */
-/**
-* Get the cursor offset within a specific line of multi‑line text.
-*/
 function getCursorOffset(text, lineIndex) {
 	const lines = text.split("\n");
 	let offset = 0;
@@ -3413,11 +3484,17 @@ function renderWithCursor(line, cur, _theme) {
 //#endregion
 //#region src/components/StatusBar.ts
 /**
-* StatusBar — bottom‑of‑screen status line.
+* StatusBar — bottom status line with three‑section layout.
 *
-* Shows: permission mode, current model, streaming indicator,
-* token count with estimated cost, and the active view name.
-* Compact single‑line layout with budget color coding.
+* Aligned to Claude Code's StatusLine:
+*   - Left:   mode (insert/normal/abort) + current view
+*   - Center: model name + streaming indicator + memory
+*   - Right:  tokens used / cost / budget bar + IDE status
+*
+* Memory indicator: green (<700MB), yellow (700-900MB),
+* red (>900MB) — mirrors Claude Code's heap sampling thresholds.
+*
+* Design (§5.5a #1.5): three‑section status line with color‑coded metrics.
 */
 /** Format a token count as a human-readable string (e.g. "12.3K"). */
 function formatTokens(tokens) {
@@ -3432,11 +3509,10 @@ function formatCost(cost) {
 	return `$${cost.toFixed(4)}`;
 }
 /**
-* Determine the color for the cost display based on budget ratio.
-*   - < 50% → green
-*   - 50–80% → yellow
-*   - > 80% → red
-*   - no budget → dimmed
+* Color‑code the cost display based on budget ratio.
+*   - < 50%: normal (within budget)
+*   - 50–80%: warning (approaching limit)
+*   - > 80%: error (near budget cap)
 */
 function budgetColor(costUsd, maxUsd) {
 	if (maxUsd === void 0 || maxUsd <= 0) return void 0;
@@ -3445,24 +3521,71 @@ function budgetColor(costUsd, maxUsd) {
 	if (ratio > .5) return "yellow";
 	return "green";
 }
-function StatusBar({ mode, model, streaming, viewName, tokensUsed, costUsd, budgetMaxUsd }) {
+/** Format bytes as human-readable memory size. */
+function formatMemory(bytes) {
+	const mb = bytes / (1024 * 1024);
+	if (mb >= 1e3) return `${(mb / 1024).toFixed(1)}GB`;
+	return `${Math.round(mb)}MB`;
+}
+/**
+* Memory usage color:
+*   - < 700MB: dim (normal)
+*   - 700–900MB: warning (yellow)
+*   - > 900MB: error (red)
+*/
+function memoryColor(bytes) {
+	const mb = bytes / (1024 * 1024);
+	if (mb > 900) return "red";
+	if (mb > 700) return "yellow";
+	return "dim";
+}
+/** Bottom status line — three-section layout: left (mode+view), center (model+memory), right (tokens+cost+IDE). */
+function StatusBar({ mode, model, streaming, viewName, tokensUsed, costUsd, budgetMaxUsd, ideConnected }) {
 	const theme = getTheme();
-	const streamIndicator = streaming ? " ◉" : " ○";
-	const parts = [];
-	parts.push(`${mode} | ${model}`);
-	if (tokensUsed !== void 0 && tokensUsed > 0) parts.push(`| ${formatTokens(tokensUsed)} 令牌`);
+	const streamIcon = streaming ? "◉" : "○";
+	const [heapUsed, setHeapUsed] = useState(() => process.memoryUsage().heapUsed);
+	useEffect(() => {
+		if (!streaming) {
+			setHeapUsed(process.memoryUsage().heapUsed);
+			return;
+		}
+		const id = setInterval(() => {
+			setHeapUsed(process.memoryUsage().heapUsed);
+		}, 5e3);
+		return () => clearInterval(id);
+	}, [streaming]);
+	const memColor = memoryColor(heapUsed);
+	const memText = formatMemory(heapUsed);
+	const ideText = ideConnected ? "IDE" : "";
+	let budgetText = "";
+	let budgetBarColor;
 	if (costUsd !== void 0 && costUsd > 0) {
 		const color = budgetColor(costUsd, budgetMaxUsd);
-		parts.push(React.createElement(React.Fragment, { key: "cost" }, "| ", React.createElement(Text, { color }, formatCost(costUsd))));
+		budgetText = formatCost(costUsd);
+		budgetBarColor = color;
 	}
-	parts.push(`| ${viewName}${streamIndicator}`);
 	return React.createElement(Box, {
 		flexDirection: "row",
 		justifyContent: "space-between",
 		paddingX: 1,
 		borderStyle: "single",
 		borderColor: theme.colors.border
-	}, React.createElement(Text, { dimColor: true }, ...parts.flatMap((p, i) => [i > 0 ? " " : "", p])), React.createElement(Text, { dimColor: true }, "Ctrl+C: 中断"));
+	}, React.createElement(Box, {
+		flexDirection: "row",
+		gap: 1
+	}, React.createElement(Text, { color: theme.colors.accent }, mode), React.createElement(Text, { dimColor: true }, viewName)), React.createElement(Box, {
+		flexDirection: "row",
+		gap: 1
+	}, React.createElement(Text, { dimColor: true }, model), React.createElement(Text, { color: streaming ? theme.colors.accent : void 0 }, streamIcon), React.createElement(Text, {
+		dimColor: true,
+		color: memColor !== "dim" ? memColor : void 0
+	}, memText)), React.createElement(Box, {
+		flexDirection: "row",
+		gap: 1
+	}, tokensUsed && tokensUsed > 0 ? React.createElement(Text, { dimColor: true }, formatTokens(tokensUsed)) : null, budgetText ? React.createElement(Text, { color: budgetBarColor }, budgetText) : null, budgetMaxUsd && budgetMaxUsd > 0 ? React.createElement(Text, { dimColor: true }, `/$${budgetMaxUsd.toFixed(0)}`) : null, ideText ? React.createElement(Text, {
+		dimColor: true,
+		color: theme.colors.accent
+	}, ideText) : null));
 }
 //#endregion
 //#region src/components/NotificationCenter.ts
@@ -3580,8 +3703,6 @@ function NotificationCenter({ current }) {
 *   - Tab to amend, Shift+Tab to cycle permission modes
 *   - 60s auto‑deny timeout
 */
-/** Timeout in ms before auto‑deny. */
-const AUTO_DENY_MS = 6e4;
 /** Badge styles per safety level. */
 const SAFETY_BADGE = {
 	Safe: {
@@ -3611,6 +3732,13 @@ function PermissionRequest({ request, onDecide, onCancel }) {
 	const theme = getTheme();
 	const badge = SAFETY_BADGE[request.safety] ?? SAFETY_BADGE.RequiresApproval;
 	const badgeColor = theme.colors[badge.color] ?? theme.colors.warning;
+	/** Currently highlighted option index (0=Allow, 1=Deny, 2=Always). */
+	const [highlighted, setHighlighted] = React.useState(0);
+	const OPTIONS = [
+		"allow",
+		"deny",
+		"always_allow"
+	];
 	useInput$1(useCallback((input, key) => {
 		const char = input.toLowerCase();
 		if (char === "a") {
@@ -3625,21 +3753,28 @@ function PermissionRequest({ request, onDecide, onCancel }) {
 			onDecide(request.requestId, "always_allow");
 			return;
 		}
+		if (key.return) {
+			onDecide(request.requestId, OPTIONS[highlighted]);
+			return;
+		}
+		if (key.leftArrow) {
+			setHighlighted((prev) => (prev - 1 + OPTIONS.length) % OPTIONS.length);
+			return;
+		}
+		if (key.rightArrow) {
+			setHighlighted((prev) => (prev + 1) % OPTIONS.length);
+			return;
+		}
 		if (key.escape) {
 			onCancel();
 			return;
 		}
 	}, [
 		request.requestId,
+		highlighted,
 		onDecide,
 		onCancel
 	]));
-	useEffect(() => {
-		const timer = setTimeout(() => {
-			onDecide(request.requestId, "deny");
-		}, AUTO_DENY_MS);
-		return () => clearTimeout(timer);
-	}, [request.requestId, onDecide]);
 	const paramLines = [];
 	if (request.parameters) for (const [key, val] of Object.entries(request.parameters)) {
 		const str = typeof val === "string" ? val : JSON.stringify(val);
@@ -3668,7 +3803,19 @@ function PermissionRequest({ request, onDecide, onCancel }) {
 		flexDirection: "row",
 		marginTop: 1,
 		gap: 2
-	}, React.createElement(Text, { color: theme.colors.success }, "[A]llow  "), React.createElement(Text, { color: theme.colors.error }, "[D]eny  "), React.createElement(Text, { color: theme.colors.accent }, "[L] Always Allow")), React.createElement(Text, { dimColor: true }, "Arrow keys to select · Tab to amend · Auto‑deny in 60s"));
+	}, React.createElement(Text, highlighted === 0 ? {
+		bold: true,
+		color: theme.colors.success,
+		inverse: true
+	} : { color: theme.colors.success }, " Allow "), React.createElement(Text, highlighted === 1 ? {
+		bold: true,
+		color: theme.colors.error,
+		inverse: true
+	} : { color: theme.colors.error }, " Deny "), React.createElement(Text, highlighted === 2 ? {
+		bold: true,
+		color: theme.colors.accent,
+		inverse: true
+	} : { color: theme.colors.accent }, " Always Allow ")), React.createElement(Text, { dimColor: true }, "← → to select · Enter to confirm · A/D/L shortcuts · Esc to cancel turn"));
 }
 //#endregion
 //#region src/components/Dialog.ts
@@ -3910,11 +4057,6 @@ function SessionPicker({ sessions: allSessions, onSelect, onCancel }) {
 */
 /** Built‑in shortcut reference. */
 const SHORTCUTS = [
-	{
-		keys: "Enter",
-		action: "发送消息",
-		category: "对话"
-	},
 	{
 		keys: "Ctrl+C",
 		action: "中断（三层）",
@@ -3931,18 +4073,73 @@ const SHORTCUTS = [
 		category: "全局"
 	},
 	{
-		keys: "Ctrl+K",
+		keys: "Ctrl+S",
+		action: "暂存当前输入",
+		category: "全局"
+	},
+	{
+		keys: "Ctrl+O",
+		action: "切换时间戳显示",
+		category: "全局"
+	},
+	{
+		keys: "Ctrl+G",
+		action: "外部编辑器",
+		category: "全局"
+	},
+	{
+		keys: "Ctrl+Shift+P",
 		action: "命令面板",
 		category: "全局"
 	},
 	{
-		keys: "Ctrl+S",
-		action: "暂存当前输入",
+		keys: "Ctrl+Shift+F",
+		action: "全局文件搜索",
 		category: "全局"
 	},
+	{
+		keys: "Enter",
+		action: "发送消息",
+		category: "对话"
+	},
+	{
+		keys: "Ctrl+Enter",
+		action: "插入换行",
+		category: "对话"
+	},
 	{
 		keys: "Ctrl+F",
-		action: "文件选择器",
+		action: "消息内搜索",
+		category: "对话"
+	},
+	{
+		keys: "Ctrl+A/E",
+		action: "跳到行首/行尾",
+		category: "对话"
+	},
+	{
+		keys: "Ctrl+W",
+		action: "删除上一个词",
+		category: "对话"
+	},
+	{
+		keys: "Ctrl+K",
+		action: "删除到行尾",
+		category: "对话"
+	},
+	{
+		keys: "Ctrl+U",
+		action: "删除到行首",
+		category: "对话"
+	},
+	{
+		keys: "Tab",
+		action: "接受自动补全",
+		category: "对话"
+	},
+	{
+		keys: "Up/Down",
+		action: "浏览历史（200 条）",
 		category: "对话"
 	},
 	{
@@ -3956,13 +4153,18 @@ const SHORTCUTS = [
 		category: "对话"
 	},
 	{
-		keys: "Up/Down",
-		action: "浏览历史（200 条）",
+		keys: "/",
+		action: "斜杠命令",
 		category: "对话"
 	},
 	{
-		keys: "Tab",
-		action: "接受自动补全",
+		keys: "!",
+		action: "Bang 模式（Shell 命令）",
+		category: "对话"
+	},
+	{
+		keys: "@",
+		action: "文件路径补全",
 		category: "对话"
 	},
 	{
@@ -3972,38 +4174,13 @@ const SHORTCUTS = [
 	},
 	{
 		keys: "A/D/L",
-		action: "允许/拒绝/始终允许（权限）",
+		action: "允许/拒绝/始终允许",
 		category: "权限"
 	},
 	{
 		keys: "Shift+Tab",
 		action: "切换权限模式",
 		category: "权限"
-	},
-	{
-		keys: "/",
-		action: "斜杠命令 / 技能选择器",
-		category: "对话"
-	},
-	{
-		keys: "!",
-		action: "Bang 模式（Shell 命令）",
-		category: "对话"
-	},
-	{
-		keys: "Ctrl+A/E",
-		action: "跳到行首/行尾",
-		category: "对话"
-	},
-	{
-		keys: "Ctrl+W",
-		action: "删除上一个词",
-		category: "对话"
-	},
-	{
-		keys: "Ctrl+K",
-		action: "删除到行尾",
-		category: "对话"
 	}
 ];
 /**
@@ -4824,6 +5001,7 @@ function ConfirmDialog({ title, message, confirmLabel = "是", cancelLabel = "
 *   Ctrl+K — delete to end of line
 *   Ctrl+W — delete previous word
 */
+/** Modal input prompt component — renders a single-line text input with cursor navigation and keyboard shortcuts. */
 function InputPrompt({ title, initialValue = "", placeholder = "", onConfirm, onCancel, maxLength = 100 }) {
 	const [value, setValue] = useState(initialValue);
 	const [cursor, setCursor] = useState(initialValue.length);
@@ -5038,6 +5216,8 @@ function runBuiltinChecks() {
 *   - Git status colors (M=amber, A=green, D=red, ?=dim)
 *   - ↑↓ to navigate, Enter to select file, Esc to cancel
 *   - Tab to toggle flat/tree mode
+*   - Ctrl+← or Backspace on empty filter = go to parent directory
+*   - Breadcrumb showing current directory path
 *   - Max 20,000 candidates, max 15 visible
 */
 /** Directories to skip during traversal. */
@@ -5135,7 +5315,7 @@ function walkFiles(dir, workspace, candidates, depth) {
 function buildGitStatusMap(workspace) {
 	const statusMap = /* @__PURE__ */ new Map();
 	try {
-		const output = execSync("git -C . status --porcelain", {
+		const output = execSync("git status --porcelain", {
 			cwd: workspace,
 			encoding: "utf-8",
 			timeout: 3e3
@@ -5276,6 +5456,8 @@ function FilePicker({ workspace, onSelect, onCancel, initialFilter = "" }) {
 	const [selectedIndex, setSelectedIndex] = useState(0);
 	const [isTreeMode, setIsTreeMode] = useState(false);
 	const [expandedDirs, setExpandedDirs] = useState(/* @__PURE__ */ new Set());
+	/** Current browsed directory (empty = workspace root, shows all files). */
+	const [currentDir, setCurrentDir] = useState("");
 	const treeItems = useMemo(() => {
 		if (!isTreeMode) return [];
 		const flat = [];
@@ -5294,7 +5476,13 @@ function FilePicker({ workspace, onSelect, onCancel, initialFilter = "" }) {
 		candidates,
 		filter
 	]);
-	const itemCount = isTreeMode ? treeItems.length : flatMatched.length;
+	/** Flat matches further filtered by current browsed directory. */
+	const flatDirFiltered = useMemo(() => {
+		if (!currentDir) return flatMatched;
+		const prefix = currentDir.endsWith("/") ? currentDir : currentDir + "/";
+		return flatMatched.filter((f) => f.path.startsWith(prefix));
+	}, [flatMatched, currentDir]);
+	const itemCount = isTreeMode ? treeItems.length : flatDirFiltered.length;
 	const maxIndex = Math.max(0, itemCount - 1);
 	const safeIndex = Math.min(selectedIndex, maxIndex);
 	const toggleDir = useCallback((dirPath) => {
@@ -5327,7 +5515,7 @@ function FilePicker({ workspace, onSelect, onCancel, initialFilter = "" }) {
 				}
 				return;
 			}
-			const file = flatMatched[safeIndex];
+			const file = flatDirFiltered[safeIndex];
 			if (file) onSelect(file.path);
 			return;
 		}
@@ -5340,8 +5528,13 @@ function FilePicker({ workspace, onSelect, onCancel, initialFilter = "" }) {
 			return;
 		}
 		if (key.backspace) {
-			setFilter((f) => f.slice(0, -1));
-			setSelectedIndex(0);
+			if (filter.length > 0) {
+				setFilter((f) => f.slice(0, -1));
+				setSelectedIndex(0);
+			} else if (!isTreeMode && currentDir) {
+				setCurrentDir(currentDir.includes("/") ? currentDir.slice(0, currentDir.lastIndexOf("/")) : "");
+				setSelectedIndex(0);
+			}
 			return;
 		}
 		if (input.length === 1 && !key.ctrl && !key.meta) {
@@ -5351,10 +5544,12 @@ function FilePicker({ workspace, onSelect, onCancel, initialFilter = "" }) {
 	}, [
 		isTreeMode,
 		treeItems,
-		flatMatched,
+		flatDirFiltered,
 		safeIndex,
 		maxIndex,
 		selectedIndex,
+		filter,
+		currentDir,
 		toggleDir,
 		onSelect,
 		onCancel
@@ -5412,8 +5607,8 @@ function FilePicker({ workspace, onSelect, onCancel, initialFilter = "" }) {
 			}, `${cursor} ${depthPrefix}${fileName}`), statusLabel ? React.createElement(Text, { color: statusColor }, statusLabel) : null, React.createElement(Text, { dimColor: true }, `  ${formatTime(item.entry.mtime)}`)));
 		}
 	}
-	else for (let i = 0; i < flatMatched.length; i++) {
-		const file = flatMatched[i];
+	else for (let i = 0; i < flatDirFiltered.length; i++) {
+		const file = flatDirFiltered[i];
 		const isSelected = i === safeIndex;
 		const prefix = isSelected ? "❯ " : "  ";
 		const statusColor = gitColor(file.path);
@@ -5443,7 +5638,10 @@ function FilePicker({ workspace, onSelect, onCancel, initialFilter = "" }) {
 	}, " 树形 "), React.createElement(Text, { dimColor: true }, " "), React.createElement(Text, {
 		color: !isTreeMode ? theme.colors.accent : theme.colors.dim,
 		bold: !isTreeMode
-	}, " 列表 ")), items.length > 0 ? React.createElement(Box, { flexDirection: "column" }, ...items) : React.createElement(Text, { dimColor: true }, filter ? `  无匹配 "${filter}" 的文件` : "  工作区中无文件。"));
+	}, " 列表 ")), !isTreeMode && currentDir ? React.createElement(Box, {
+		flexDirection: "row",
+		marginBottom: 1
+	}, React.createElement(Text, { dimColor: true }, "📁 "), React.createElement(Text, { color: theme.colors.accent }, currentDir + "/"), React.createElement(Text, { dimColor: true }, ` (${flatDirFiltered.length} 项, 退格返回上级)`)) : null, items.length > 0 ? React.createElement(Box, { flexDirection: "column" }, ...items) : React.createElement(Text, { dimColor: true }, filter ? `  无匹配 "${filter}" 的文件` : "  工作区中无文件。"));
 }
 //#endregion
 //#region src/components/StashPicker.ts
@@ -6054,6 +6252,289 @@ function SkillPicker({ skills, onSelect, onCancel }) {
 	}));
 }
 //#endregion
+//#region src/components/GlobalSearchDialog.ts
+/**
+* GlobalSearchDialog — 跨工作区文件内容搜索对话框（Ctrl+Shift+F）。
+*
+* 使用 ripgrep (rg) 进行增量流式搜索，结果按文件:行号去重。
+* 宽终端（≥120 列）在右侧显示预览窗格。
+*
+* Design:
+*   - 防抖 150ms，流式递增结果（不替换，避免闪烁）
+*   - 最大 500 条结果，单文件最多 10 条
+*   - Enter → 插入 file:line 到输入框
+*   - Tab → 插入 @file#Lline 到输入框（mention 格式）
+*   - ↑↓ 导航， Esc 关闭
+*/
+const DEBOUNCE_MS = 150;
+const MAX_MATCHES_PER_FILE = 10;
+const MAX_TOTAL_MATCHES = 500;
+const VISIBLE_RESULTS = 12;
+const PREVIEW_CONTEXT_LINES = 3;
+/** Parse a ripgrep -n --no-heading line: "path:line:text". */
+function parseRgLine(line) {
+	const m = /^(.*?):(\d+):(.*)$/.exec(line);
+	if (!m) return null;
+	const [, file, lineStr, text] = m;
+	const lineNum = Number(lineStr);
+	if (!file || !Number.isFinite(lineNum)) return null;
+	return {
+		file,
+		line: lineNum,
+		text: text ?? ""
+	};
+}
+function matchKey(m) {
+	return `${m.file}:${m.line}`;
+}
+/** Read context lines around a match for preview. */
+function readPreview(workspace, file, targetLine) {
+	try {
+		const absolute = resolve(workspace, file);
+		if (!existsSync(absolute)) return null;
+		const lines = readFileSync(absolute, "utf-8").split("\n");
+		const start = Math.max(0, targetLine - PREVIEW_CONTEXT_LINES - 1);
+		const end = Math.min(lines.length, targetLine + PREVIEW_CONTEXT_LINES);
+		return lines.slice(start, end).map((l, i) => `${start + i + 1}: ${l}`);
+	} catch {
+		return null;
+	}
+}
+/** Cross-workspace file content search dialog — uses ripgrep for incremental streaming results. */
+function GlobalSearchDialog({ workspace, onCancel, onInsert }) {
+	const theme = getTheme();
+	const [query, setQuery] = useState("");
+	const [matches, setMatches] = useState([]);
+	const [isSearching, setIsSearching] = useState(false);
+	const [truncated, setTruncated] = useState(false);
+	const [focusedIndex, setFocusedIndex] = useState(0);
+	const [previewLines, setPreviewLines] = useState(null);
+	const [rgError, setRgError] = useState(null);
+	const rgProcRef = useRef(null);
+	const debounceRef = useRef(null);
+	const collectedRef = useRef(0);
+	const runSearch = useCallback((q) => {
+		if (rgProcRef.current) {
+			rgProcRef.current.kill();
+			rgProcRef.current = null;
+		}
+		if (!q.trim()) {
+			setMatches([]);
+			setIsSearching(false);
+			setTruncated(false);
+			setRgError(null);
+			collectedRef.current = 0;
+			return;
+		}
+		setIsSearching(true);
+		setTruncated(false);
+		setRgError(null);
+		collectedRef.current = 0;
+		const queryLower = q.toLowerCase();
+		setMatches((prev) => {
+			const filtered = prev.filter((m) => m.text.toLowerCase().includes(queryLower));
+			return filtered.length === prev.length ? prev : filtered;
+		});
+		const rg = spawn("rg", [
+			"--no-heading",
+			"-n",
+			"-i",
+			"-m",
+			String(MAX_MATCHES_PER_FILE),
+			"-F",
+			"-e",
+			q,
+			"."
+		], {
+			cwd: workspace,
+			stdio: [
+				"ignore",
+				"pipe",
+				"pipe"
+			]
+		});
+		rgProcRef.current = rg;
+		let buffer = "";
+		rg.stdout.on("data", (chunk) => {
+			buffer += chunk.toString();
+			const lines = buffer.split("\n");
+			buffer = lines.pop() ?? "";
+			const parsed = [];
+			for (const line of lines) {
+				const m = parseRgLine(line);
+				if (!m) continue;
+				const rel = relative(workspace, resolve(workspace, m.file));
+				parsed.push({
+					...m,
+					file: rel.startsWith("..") ? m.file.replace(/\\/g, "/") : rel.replace(/\\/g, "/")
+				});
+			}
+			if (parsed.length === 0) return;
+			collectedRef.current += parsed.length;
+			setMatches((prev) => {
+				const seen = new Set(prev.map(matchKey));
+				const fresh = parsed.filter((p) => !seen.has(matchKey(p)));
+				if (fresh.length === 0) return prev;
+				const next = prev.concat(fresh);
+				return next.length > MAX_TOTAL_MATCHES ? next.slice(0, MAX_TOTAL_MATCHES) : next;
+			});
+			if (collectedRef.current >= MAX_TOTAL_MATCHES) {
+				rg.kill();
+				setTruncated(true);
+				setIsSearching(false);
+			}
+		});
+		rg.on("close", () => {
+			rgProcRef.current = null;
+			if (collectedRef.current === 0) setMatches((prev) => prev.length ? [] : prev);
+			setIsSearching(false);
+		});
+		rg.stderr.on("data", (chunk) => {
+			const msg = chunk.toString().trim();
+			if (msg) setRgError(`ripgrep (rg) 未安装或不可用，请安装后重试。${msg ? ` (${msg.slice(0, 200)})` : ""}`);
+		});
+	}, [workspace]);
+	const handleQueryChange = useCallback((newQuery) => {
+		setQuery(newQuery);
+		if (debounceRef.current) clearTimeout(debounceRef.current);
+		debounceRef.current = setTimeout(() => runSearch(newQuery), DEBOUNCE_MS);
+	}, [runSearch]);
+	useEffect(() => {
+		return () => {
+			if (rgProcRef.current) rgProcRef.current.kill();
+			if (debounceRef.current) clearTimeout(debounceRef.current);
+		};
+	}, []);
+	useEffect(() => {
+		const focused = matches[focusedIndex];
+		if (!focused) {
+			setPreviewLines(null);
+			return;
+		}
+		setPreviewLines(readPreview(workspace, focused.file, focused.line));
+	}, [
+		focusedIndex,
+		matches,
+		workspace
+	]);
+	const safeIndex = Math.min(focusedIndex, Math.max(0, matches.length - 1));
+	useInput$1((input, key) => {
+		if (key.escape) {
+			onCancel();
+			return;
+		}
+		if (key.upArrow) {
+			setFocusedIndex((i) => Math.max(0, i - 1));
+			return;
+		}
+		if (key.downArrow) {
+			setFocusedIndex((i) => Math.min(matches.length - 1, i + 1));
+			return;
+		}
+		if (key.return) {
+			const focused = matches[safeIndex];
+			if (focused) onInsert(`${focused.file}:${focused.line} `);
+			return;
+		}
+		if (key.tab) {
+			const focused = matches[safeIndex];
+			if (focused) onInsert(`@${focused.file}#L${focused.line} `);
+			return;
+		}
+		if (key.backspace) {
+			handleQueryChange(query.slice(0, -1));
+			return;
+		}
+		if (input.length === 1 && !key.ctrl && !key.meta) {
+			handleQueryChange(query + input);
+			setFocusedIndex(0);
+		}
+	});
+	const matchLabel = isSearching ? `搜索中…` : query ? `${matches.length}${truncated ? "+" : ""} 条结果` : "输入关键字开始搜索…";
+	const focusedMatch = matches[safeIndex] ?? null;
+	/** Highlight query in text — returns Text children with the match inverted. */
+	function highlightText(text, q) {
+		if (!q) return text;
+		const lowered = text.toLowerCase();
+		const qLower = q.toLowerCase();
+		const idx = lowered.indexOf(qLower);
+		if (idx === -1) return text;
+		return [
+			text.slice(0, idx),
+			React.createElement(Text, {
+				key: "hl",
+				inverse: true
+			}, text.slice(idx, idx + q.length)),
+			text.slice(idx + q.length)
+		];
+	}
+	/** Truncate path to maxLen chars, keeping basename visible. */
+	function truncatePath(path, maxLen) {
+		if (path.length <= maxLen) return path;
+		const sep = "/";
+		const parts = path.split(sep);
+		const base = parts[parts.length - 1] ?? path;
+		const dir = parts.slice(0, -1).join(sep);
+		const maxDir = maxLen - base.length - 4;
+		if (maxDir <= 0) return `…/${base.slice(-(maxLen - 2))}`;
+		return dir.slice(0, maxDir) + "…/" + base;
+	}
+	const renderListItems = [];
+	for (let i = 0; i < Math.min(matches.length, VISIBLE_RESULTS); i++) {
+		const m = matches[i];
+		const isFocused = i === safeIndex;
+		const prefix = isFocused ? "❯ " : "  ";
+		const color = isFocused ? theme.colors.accent : void 0;
+		renderListItems.push(React.createElement(Box, {
+			key: matchKey(m),
+			flexDirection: "row"
+		}, React.createElement(Text, { color }, prefix, React.createElement(Text, { dimColor: !isFocused }, truncatePath(m.file, 30)), ":", React.createElement(Text, { color: theme.colors.success }, String(m.line)), " "), React.createElement(Text, { color }, highlightText(m.text.trimStart(), query))));
+	}
+	const renderPreview = [];
+	if (focusedMatch && previewLines) {
+		renderPreview.push(React.createElement(Text, {
+			key: "preview-header",
+			dimColor: true,
+			bold: true
+		}, `── ${focusedMatch.file}:${focusedMatch.line} ──`));
+		for (let i = 0; i < previewLines.length; i++) {
+			const line = previewLines[i];
+			const isTargetLine = line.startsWith(`${focusedMatch.line}:`);
+			renderPreview.push(React.createElement(Text, {
+				key: `preview-${i}`,
+				color: isTargetLine ? theme.colors.accent : void 0,
+				dimColor: !isTargetLine,
+				inverse: isTargetLine
+			}, line));
+		}
+	} else if (focusedMatch && previewLines === null) renderPreview.push(React.createElement(Text, {
+		key: "loading",
+		dimColor: true
+	}, "加载预览中…"));
+	return React.createElement(Dialog, {
+		title: "全局搜索",
+		subtitle: matchLabel,
+		inputGuide: "Enter 插入路径 · Tab 插入 @mention · Esc 关闭 · ↑↓ 导航",
+		accentColor: "accent",
+		width: 100
+	}, React.createElement(Box, {
+		flexDirection: "row",
+		marginBottom: 1
+	}, React.createElement(Text, { color: theme.colors.accent }, "🔍 "), React.createElement(Text, { color: theme.colors.foreground }, query || "输入搜索关键字…"), query ? React.createElement(Text, { inverse: true }, " ") : null), rgError ? React.createElement(Box, { marginBottom: 1 }, React.createElement(Text, { color: theme.colors.error }, `⚠ ${rgError}`)) : null, matches.length > 0 ? React.createElement(Box, {
+		flexDirection: "row",
+		gap: 2
+	}, React.createElement(Box, {
+		flexDirection: "column",
+		flexGrow: 1
+	}, ...renderListItems), renderPreview.length > 0 ? React.createElement(Box, {
+		flexDirection: "column",
+		width: 50,
+		borderStyle: "single",
+		borderColor: theme.colors.border,
+		paddingX: 1
+	}, ...renderPreview) : null) : React.createElement(Text, { dimColor: true }, query ? "  无结果" : "  输入关键字开始搜索文件内容…"));
+}
+//#endregion
 //#region src/components/McpPanel.ts
 /**
 * McpPanel — MCP server management panel triggered by /mcp.
@@ -6646,6 +7127,186 @@ function useTerminalSize() {
 	return size;
 }
 //#endregion
+//#region src/components/ink/ScrollBox.ts
+/**
+* ScrollBox — scrollable container with imperative API and windowed rendering.
+*
+* In standard Ink 6.x there is no native overflow:scroll — terminal output
+* is a linear stream. ScrollBox simulates scrolling by only rendering
+* children that intersect the visible viewport, at the cost of needing
+* child‑height hints.
+*
+* This is the foundation for the ChatLog message list, modal content
+* areas, and any other scrollable region in the TUI.
+*
+* Design (§5.9b #1.6.1): imperative scroll API, sticky‑scroll mode,
+* viewport culling, and subscriber notifications.
+*/
+/**
+* Scrollable container with imperative scroll control.
+*
+* Only renders children that intersect [scrollTop, scrollTop + height].
+* Supports keyboard navigation: PageUp/Down, Home/End, arrow keys.
+*
+* Limitations in standard Ink:
+*   - No smooth pixel‑level scrolling (Yoga‑based layout)
+*   - Children above/below the viewport are not rendered at all
+*   - Height must be known ahead of time (no auto‑measurement)
+*/
+/** Virtual scrolling container — renders a viewport slice of children with a scroll offset. */
+const ScrollBox = forwardRef(function ScrollBox({ children, height, totalRows, stickyScroll: initialSticky = true, onScroll }, ref) {
+	const [scrollTop, setScrollTop] = useState(0);
+	const [stickyScroll, setStickyScroll] = useState(initialSticky);
+	const scrollTopRef = useRef(scrollTop);
+	scrollTopRef.current = scrollTop;
+	const stickyRef = useRef(stickyScroll);
+	stickyRef.current = stickyScroll;
+	const listenersRef = useRef(/* @__PURE__ */ new Set());
+	/** Clamp scrollTop to valid range. */
+	const clamp = useCallback((y) => {
+		const maxScroll = Math.max(0, totalRows - height);
+		return Math.max(0, Math.min(y, maxScroll));
+	}, [totalRows, height]);
+	/** Notify all subscribers of a scroll change. */
+	const notify = useCallback(() => {
+		for (const listener of listenersRef.current) listener();
+	}, []);
+	/** Update scroll position and notify. */
+	const updateScroll = useCallback((y, sticky) => {
+		const clamped = clamp(y);
+		scrollTopRef.current = clamped;
+		setScrollTop(clamped);
+		if (sticky !== void 0) {
+			stickyRef.current = sticky;
+			setStickyScroll(sticky);
+		}
+		onScroll?.(clamped);
+		notify();
+	}, [
+		clamp,
+		onScroll,
+		notify
+	]);
+	useImperativeHandle(ref, () => ({
+		scrollTo(y) {
+			updateScroll(y, false);
+		},
+		scrollBy(dy) {
+			updateScroll(scrollTopRef.current + dy, false);
+		},
+		scrollToBottom() {
+			updateScroll(totalRows - height, true);
+		},
+		getScrollTop() {
+			return scrollTopRef.current;
+		},
+		getScrollHeight() {
+			return totalRows;
+		},
+		isSticky() {
+			return stickyRef.current;
+		},
+		subscribe(listener) {
+			listenersRef.current.add(listener);
+			return () => {
+				listenersRef.current.delete(listener);
+			};
+		}
+	}), [
+		updateScroll,
+		totalRows,
+		height
+	]);
+	useInput$1(useCallback((_input, key) => {
+		const pageStep = Math.max(1, Math.floor(height / 2));
+		if (key.pageUp) updateScroll(scrollTopRef.current + pageStep, false);
+		else if (key.pageDown) {
+			const next = scrollTopRef.current - pageStep;
+			if (next <= 0) updateScroll(0, true);
+			else updateScroll(next, false);
+		} else if (key.upArrow) updateScroll(scrollTopRef.current + 1, false);
+		else if (key.downArrow) {
+			const next = scrollTopRef.current - 1;
+			if (next <= 0) updateScroll(0, true);
+			else updateScroll(next, false);
+		} else if (key.home) updateScroll(0, false);
+		else if (key.end) updateScroll(0, true);
+	}, [updateScroll, height]));
+	const visibleStart = scrollTop;
+	const visibleEnd = Math.min(scrollTop + height, totalRows);
+	const visibleChildren = React.Children.toArray(children).slice(visibleStart, visibleEnd);
+	return React.createElement(Box, {
+		flexDirection: "column",
+		height,
+		overflow: "hidden"
+	}, ...visibleChildren);
+});
+//#endregion
+//#region src/components/FullscreenLayout.ts
+/**
+* FullscreenLayout — three‑slot terminal layout for the Lynx REPL.
+*
+* Mirrors Claude Code's FullscreenLayout API: `header`, `scrollable`,
+* `bottom` props, with an optional `overlay` slot for permission prompts
+* and `modal` for full‑screen dialogs.
+*
+* In fullscreen mode (alt buffer + mouse tracking) the three slots are
+* stacked vertically: header (fixed height) → scrollable (flexGrow)
+* → bottom (fixed height). The scrollable region uses ScrollBox for
+* viewport‑culled rendering with sticky‑scroll support.
+*
+* Design (§5.3a #1.2): three‑slot model with terminal resize adaptation.
+*/
+/** Context for scroll‑derived chrome (sticky header, jump‑to‑bottom pill). */
+const ScrollChromeContext = createContext({ setStickyPrompt: () => {} });
+/** Default header row height (can be overridden by children). */
+const HEADER_HEIGHT = 1;
+/**
+* Full‑screen terminal layout with three slots.
+*
+* Calculates viewport dimensions from `useTerminalSize` and
+* distributes space: header gets fixed height, scrollable gets
+* the remainder, and bottom gets its natural height.
+*
+* When `modal` is set, it paints over both the scrollable and
+* bottom regions with a dimmed backdrop.
+*/
+function FullscreenLayout({ header, scrollable, bottom, overlay, modal, hidePill, newMessageCount, onPillClick }) {
+	const { rows, columns } = useTerminalSize();
+	const theme = getTheme();
+	const [stickyPrompt, setStickyPrompt] = useState(null);
+	/** Stable context value to avoid unnecessary re‑renders. */
+	const chromeCtx = useMemo(() => ({ setStickyPrompt }), [setStickyPrompt]);
+	const pillText = newMessageCount != null && newMessageCount > 0 ? ` ↓ ${newMessageCount} 条新消息 — Enter 跳转 ` : " ↓ 跳转到底部 ";
+	const bottomEstimate = 5;
+	const headerHeight = HEADER_HEIGHT;
+	Math.max(rows - headerHeight - bottomEstimate, 6);
+	return React.createElement(ScrollChromeContext.Provider, { value: chromeCtx }, React.createElement(Box, {
+		flexDirection: "column",
+		height: rows,
+		width: columns
+	}, header ? React.createElement(Box, {
+		height: headerHeight,
+		flexShrink: 0
+	}, header) : null, React.createElement(Box, {
+		flexDirection: "column",
+		flexGrow: 1
+	}, stickyPrompt ? React.createElement(Box, { paddingX: 1 }, React.createElement(Text, { dimColor: true }, stickyPrompt.text)) : null, React.createElement(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		overflow: "hidden"
+	}, scrollable), overlay, !hidePill && newMessageCount != null ? React.createElement(Box, {
+		paddingX: 2,
+		paddingY: 0
+	}, React.createElement(Text, {
+		color: theme.colors.accent,
+		inverse: true
+	}, pillText)) : null), React.createElement(Box, {
+		flexDirection: "column",
+		flexShrink: 0
+	}, bottom), modal));
+}
+//#endregion
 //#region src/hooks/useScroll.ts
 /**
 * useScroll — scroll management hook for the ChatLog message area.
@@ -6821,8 +7482,7 @@ function App(props) {
 	const showWelcome = props.showWelcome === true;
 	const [welcomeDone, setWelcomeDone] = useState(false);
 	const chatLogRef = useRef(null);
-	const chatHeight = Math.max(rows - 6, 6);
-	const scroll = useScroll({ visibleRows: chatHeight });
+	const scroll = useScroll({ visibleRows: Math.max(rows - 6, 6) });
 	const viewStackRef = useRef(createViewStack());
 	const [currentView, setCurrentView] = useState({ id: "chat" });
 	/** Frame rate limiter for throttling scroll sync during streaming. */
@@ -6875,7 +7535,7 @@ function App(props) {
 		}
 		watchdogTimeoutCountRef.current = 0;
 	}, []);
-	const [themeVersion, setThemeVersion] = useState(0);
+	const [, forceUpdate] = useReducer((x) => x + 1, 0);
 	const [pendingPermission, setPendingPermission] = useState(null);
 	const executeSlashCommand = useCallback((command) => {
 		popView();
@@ -7037,7 +7697,11 @@ function App(props) {
 				break;
 			default: chatLogRef.current?.addSystem(`Command "${command}" not yet implemented.`, "warn");
 		}
-	}, [pushView, popView]);
+	}, [
+		pushView,
+		popView,
+		callbacks
+	]);
 	const handleGlobalKey = useCallback((input, key) => {
 		if (scroll.handleKey(input, key)) return;
 		const selfHandled = new Set([
@@ -7061,7 +7725,8 @@ function App(props) {
 			"diff",
 			"snapshots",
 			"tasks",
-			"skill_pick"
+			"skill_pick",
+			"global_search"
 		]);
 		if (key.escape && currentView.id !== "chat" && !selfHandled.has(currentView.id)) popView();
 		if (key.ctrl && input === "g" && currentView.id === "chat") {
@@ -7074,11 +7739,14 @@ function App(props) {
 			doExternalEdit();
 		}
 		if (key.ctrl && input === "o" && currentView.id === "chat") setTranscriptMode((prev) => prev === "compact" ? "full" : "compact");
+		if (key.ctrl && key.shift && input === "p" && currentView.id === "chat") pushView({ id: "commands" });
+		if (key.ctrl && key.shift && input === "f" && currentView.id === "chat") pushView({ id: "global_search" });
 	}, [
 		currentView.id,
 		scroll,
 		popView,
-		callbacks
+		callbacks,
+		pushView
 	]);
 	useInput$1((input, key) => {
 		if (input.includes("\x1B[<") || /^\[<\d+;\d+;\d+[Mm]/.test(input.trim())) return;
@@ -7244,7 +7912,7 @@ function App(props) {
 				popView();
 			},
 			onCancel: () => {
-				callbacks.onPermissionReply(pendingPermission.requestId, false);
+				callbacks.onAbort();
 				setPendingPermission(null);
 				popView();
 			}
@@ -7280,7 +7948,7 @@ function App(props) {
 		return React.createElement(ThemePicker, {
 			onSelect: (themeName) => {
 				setTheme(themeName);
-				setThemeVersion((v) => v + 1);
+				forceUpdate();
 				props.callbacks.onThemeChange?.(themeName);
 				popView();
 			},
@@ -7432,6 +8100,14 @@ function App(props) {
 				popView();
 			},
 			onCancel: () => popView()
+		}),
+		global_search: () => React.createElement(GlobalSearchDialog, {
+			workspace: session?.workspace ?? process.cwd(),
+			onInsert: (text) => {
+				setAppendToInput(text);
+				popView();
+			},
+			onCancel: () => popView()
 		})
 	};
 	/** Render the active modal overlay, if any. */
@@ -7442,7 +8118,7 @@ function App(props) {
 	}
 	if (showWelcome && !welcomeDone) return React.createElement(WelcomeScreen, {
 		workspace: session?.workspace ?? process.cwd(),
-		version: "0.1.0",
+		version: props.version,
 		lastSession: session ? {
 			label: session.label,
 			relativeTime: relativeTimeStr(session.updatedAt),
@@ -7451,21 +8127,14 @@ function App(props) {
 		onConfirm: () => setWelcomeDone(true),
 		onExit: () => process.exit(0)
 	});
-	return React.createElement(Box, {
-		flexDirection: "column",
-		height: rows
-	}, React.createElement(Box, {
+	const headerNode = React.createElement(Box, {
 		flexDirection: "row",
-		justifyContent: "space-between",
-		marginBottom: 1
-	}, React.createElement(Text, {
+		justifyContent: "space-between"
+	}, React.createElement(Box, { flexDirection: "row" }, React.createElement(Text, {
 		bold: true,
 		color: theme.colors.accent
-	}, "Lynx"), React.createElement(Text, { dimColor: true }, session?.label ?? "no session")), React.createElement(Box, {
-		flexDirection: "column",
-		height: chatHeight,
-		overflow: "hidden"
-	}, React.createElement(ChatLog, {
+	}, "Lynx"), React.createElement(Text, { dimColor: true }, ` · ${session?.label ?? "no session"}`)), React.createElement(Box, { flexDirection: "row" }, React.createElement(Text, { dimColor: true }, props.currentModel ?? "unknown"), costUsd > 0 ? React.createElement(Text, { dimColor: true }, `  $${costUsd.toFixed(4)}`) : null));
+	const scrollableNode = React.createElement(Box, { flexDirection: "column" }, React.createElement(ChatLog, {
 		ref: chatLogRef,
 		visibleRange: hasVisibleRange ? {
 			start: scroll.visibleStart,
@@ -7473,13 +8142,9 @@ function App(props) {
 		} : void 0,
 		onSearchActiveChange: setSearchActive,
 		transcriptMode
-	}), !scroll.stickyScroll && scroll.unseenCount > 0 ? React.createElement(Box, {
-		paddingX: 2,
-		paddingY: 0
-	}, React.createElement(Text, {
-		color: theme.colors.accent,
-		inverse: true
-	}, ` ↓ ${scroll.unseenCount} new messages — Enter to jump `)) : null), activeNotification ? React.createElement(Box, { paddingX: 1 }, React.createElement(NotificationCenter, { current: activeNotification })) : null, React.createElement(Box, { flexDirection: "column" }, React.createElement(InputBox, {
+	}));
+	const overlayNode = currentView.id === "permission" && pendingPermission ? renderPermission() : null;
+	const bottomNode = React.createElement(Box, { flexDirection: "column" }, activeNotification ? React.createElement(Box, { paddingX: 1 }, React.createElement(NotificationCenter, { current: activeNotification })) : null, React.createElement(InputBox, {
 		onSubmit: handleSubmit,
 		onAbort: handleAbort,
 		disabled: streaming || searchActive,
@@ -7488,7 +8153,7 @@ function App(props) {
 		onStash: stashCurrentInput,
 		appendText: appendToInput,
 		onAppendTextConsumed: () => setAppendToInput(void 0)
-	})), React.createElement(StatusBar, {
+	}), React.createElement(StatusBar, {
 		mode: abortCount > 0 ? `abort ${abortCount}/${MAX_ABORT_LAYERS}` : "default",
 		model: props.currentModel ?? "unknown",
 		streaming,
@@ -7496,7 +8161,17 @@ function App(props) {
 		tokensUsed,
 		costUsd,
 		budgetMaxUsd: 10
-	}), isModal ? renderModal() : null);
+	}));
+	return React.createElement(FullscreenLayout, {
+		header: headerNode,
+		scrollable: scrollableNode,
+		bottom: bottomNode,
+		overlay: overlayNode,
+		modal: isModal ? renderModal() : null,
+		hidePill: scroll.stickyScroll || scroll.unseenCount === 0,
+		newMessageCount: scroll.unseenCount,
+		onPillClick: () => scroll.jumpToBottom()
+	});
 }
 //#endregion
 //#region src/components/ChatView.ts
@@ -7507,6 +8182,7 @@ function App(props) {
 * text blocks, with speaker labels (User / Assistant)
 * and tool‑use callouts.
 */
+/** Scrollable message transcript — renders the last 50 messages as labeled entries. */
 function ChatView({ messages, streaming }) {
 	const visible = messages.slice(-50);
 	if (visible.length === 0) return React.createElement(Box, { flexDirection: "column" }, React.createElement(Text, { dimColor: true }, "No messages yet. Start a conversation!"));
@@ -7677,6 +8353,233 @@ function Mascot({ state, animate = true }) {
 	return React.createElement(Text, null, frame);
 }
 //#endregion
+//#region src/components/ink/Button.ts
+/**
+* Button — interactive component with keyboard activation and visual states.
+*
+* Activated via Enter, Space, or click. Supports focus/hover/active
+* visual states through a render‑prop pattern. Built on Ink's Box
+* with keyboard event handling via useInput.
+*
+* Design (§5.9b #1.6.2): inverse highlight on active, Enter to trigger.
+* Intentionally unstyled — styling is done by the consumer via render prop.
+*/
+/** Duration of the "active" visual flash in milliseconds. */
+const ACTIVE_FLASH_MS = 100;
+/**
+* Interactive button component with keyboard activation.
+*
+* Supports Enter/Space activation, active‑state flash, and a
+* render‑prop pattern so consumers fully control visual styling
+* based on { focused, hovered, active } state.
+*/
+function Button({ onAction, children, isFocused = false }) {
+	const [isActive, setIsActive] = useState(false);
+	const activeTimer = useRef(null);
+	useInput$1(useCallback((input, key) => {
+		if (!isFocused) return;
+		if (key.return || input === " ") {
+			setIsActive(true);
+			onAction();
+			if (activeTimer.current) clearTimeout(activeTimer.current);
+			activeTimer.current = setTimeout(() => setIsActive(false), ACTIVE_FLASH_MS);
+		}
+	}, [onAction, isFocused]), { isActive: isFocused });
+	const state = {
+		focused: isFocused,
+		hovered: false,
+		active: isActive
+	};
+	return React.createElement(Box, null, children(state));
+}
+//#endregion
+//#region src/components/ink/Link.ts
+/**
+* Link — renders a clickable hyperlink in supported terminals.
+*
+* Uses OSC 8 escape sequences when the terminal supports hyperlinks
+* (detected via `supports-hyperlinks`). Falls back to plain text
+* display on terminals without hyperlink support.
+*
+* Design (§5.9b #1.6.3): clickable links via Ctrl+Click or terminal's
+* native hyperlink handling. Supports file://, http://, https://.
+*/
+/**
+* Detect whether the terminal supports OSC 8 hyperlinks.
+*
+* Checks: iTerm (TERM_PROGRAM), VSCode terminal, Windows Terminal
+* (WT_SESSION), Ghostty (TERM), and Kitty.
+*/
+function supportsHyperlinks() {
+	const { TERM_PROGRAM, WT_SESSION, TERM } = process.env;
+	if (TERM_PROGRAM === "iTerm.app") return true;
+	if (TERM_PROGRAM === "vscode") return true;
+	if (WT_SESSION) return true;
+	if (TERM === "xterm-kitty") return true;
+	if (TERM?.startsWith("ghostty")) return true;
+	if (process.env.TERMINAL_EMULATOR === "JetBrains-JediTerm") return true;
+	return false;
+}
+/**
+* Build an OSC 8 hyperlink escape sequence.
+*
+* Format: ESC ] 8 ; <params> ; <url> ST <text> ESC ] 8 ; ; ST
+* Where ST (string terminator) is ESC \.
+*/
+function osc8(url, text) {
+	return `\x1b]8;;${url}\x1b\\${text}\x1b]8;;\x1b\\`;
+}
+/**
+* Render a clickable link with terminal hyperlink support.
+*
+* On terminals with OSC 8 support, wraps text in hyperlink escape
+* sequences. On unsupported terminals, renders the URL in brackets
+* after the link text (GitHub‑flavored Markdown style).
+*/
+function Link({ children, url, fallback }) {
+	const content = children ?? url;
+	if (supportsHyperlinks()) {
+		const linked = osc8(url, content);
+		return React.createElement(Text, null, linked);
+	}
+	const display = fallback ?? `${content} (${url})`;
+	return React.createElement(Text, { dimColor: true }, display);
+}
+//#endregion
+//#region src/components/ink/RawAnsi.ts
+/**
+* RawAnsi — renders pre‑wrapped ANSI‑escaped text without re‑parsing.
+*
+* Use this when external tools (bash, git diff, compiler output) produce
+* ANSI‑colored output that should be displayed as‑is. Bypasses the
+* React → Yoga → Text serialization roundtrip for performance.
+*
+* In standard Ink 6.x, ANSI SGR codes in Text children are passed through
+* to the terminal output. This component joins pre‑wrapped lines and
+* hands them to Ink's Text, which preserves the escape sequences.
+*
+* Design (§5.9b #1.3.7): renders tool output with native terminal colors.
+*/
+/**
+* Render ANSI‑escaped lines directly to terminal output.
+*
+* Joins lines with newlines and renders as a single Text node.
+* In standard Ink, ANSI codes in Text children are preserved in
+* terminal output — no special parsing needed.
+*/
+function RawAnsi({ lines }) {
+	if (lines.length === 0) return null;
+	return React.createElement(Text, null, lines.join("\n"));
+}
+//#endregion
+//#region src/components/ink/Spinner.ts
+/**
+* Spinner — animated loading indicator with configurable frame sets.
+*
+* Renders a cycling character animation at a configurable interval.
+* Use for streaming states, tool execution, or any indeterminate wait.
+*
+* Design (§5.9b): 3‑frame cycle, configurable speed, works in both
+* fullscreen and inline contexts.
+*/
+/** Pre‑built spinner frame sets. */
+const SPINNER_FRAMES = {
+	dots: [
+		"⠋",
+		"⠙",
+		"⠹",
+		"⠸",
+		"⠼",
+		"⠴",
+		"⠦",
+		"⠧",
+		"⠇",
+		"⠏"
+	],
+	line: [
+		"|",
+		"/",
+		"-",
+		"\\"
+	],
+	pulse: [
+		"█",
+		"▓",
+		"▒",
+		"░"
+	],
+	arrow: [
+		"←",
+		"↖",
+		"↑",
+		"↗",
+		"→",
+		"↘",
+		"↓",
+		"↙"
+	],
+	bounce: [
+		"⠁",
+		"⠂",
+		"⠄",
+		"⡀",
+		"⢀",
+		"⠠",
+		"⠐",
+		"⠈"
+	]
+};
+/**
+* Animated spinner component.
+*
+* Cycles through frames at `intervalMs` speed. Cleans up the
+* interval timer on unmount to prevent memory leaks.
+*/
+function Spinner({ frames = "dots", intervalMs = 80, label, color }) {
+	const frameSet = typeof frames === "string" ? SPINNER_FRAMES[frames] ?? SPINNER_FRAMES.dots : frames;
+	const [index, setIndex] = useState(0);
+	const mountedRef = useRef(true);
+	useEffect(() => {
+		mountedRef.current = true;
+		const id = setInterval(() => {
+			if (!mountedRef.current) return;
+			setIndex((prev) => (prev + 1) % frameSet.length);
+		}, intervalMs);
+		return () => {
+			mountedRef.current = false;
+			clearInterval(id);
+		};
+	}, [frameSet.length, intervalMs]);
+	const frame = frameSet[index];
+	if (label) return React.createElement(Text, color ? { color } : void 0, `${frame} ${label}`);
+	return React.createElement(Text, color ? { color } : void 0, frame);
+}
+//#endregion
+//#region src/components/ink/NoSelect.ts
+/**
+* NoSelect — marks content as non‑selectable during alt‑screen text selection.
+*
+* In standard Ink 6.x (without custom renderer extensions), terminal text
+* selection is handled by the terminal emulator, not Ink. This component
+* is a semantic wrapper: Box with role annotation for accessibility.
+*
+* When Lynx adopts a custom Ink renderer (Tier 5), this component will
+* integrate with the noSelect DOM attribute for true selection exclusion.
+*
+* Design (§5.9b): fences off gutters (line numbers, diff sigils, list
+* bullets) so click‑drag yields clean pasteable content.
+*/
+/**
+* Semantic wrapper for non‑selectable content.
+*
+* Currently renders as a plain Box (standard Ink has no selection API).
+* When custom renderer support is added, this will integrate with the
+* noSelect DOM attribute.
+*/
+function NoSelect({ children }) {
+	return React.createElement(Box, null, children);
+}
+//#endregion
 //#region src/hooks/useInput.ts
 /**
 * useInput — bridge between Ink's raw input and the agent's submit callback.
@@ -7992,6 +8895,6 @@ function AlternateScreen({ children, onEnter, onExit }) {
 	return React.createElement(React.Fragment, null, children);
 }
 //#endregion
-export { AlternateScreen, App, ChatLog, ChatView, CommandPalette, ConfigMenu, ConfirmDialog, Dialog, DiffViewer, DoctorPanel, ErrorBoundary, FilePicker, FrameRateLimiter, HelpModal, InputBox, InputPrompt, Mascot, ModelPicker, PermissionRequest, SessionPicker, SkillPicker, SnapshotBrowser, StashPicker, StatusBar, TasksPanel, ThemePicker, ToolRenderer, WelcomeScreen, chunkLongTokens, color, createDefaultBindings, createFrameRateLimiter, createViewStack, dispatchBinding, findStableOffset, getTheme, initTheme, isolateRtl, listThemes, parseMarkdown, redactBinaryContent, renderBlocks, runBuiltinChecks, sanitize, setTheme, stripAnsi, stripControlChars, transcriptCacheKey, useInput, useScroll, useTerminalSize };
+export { AlternateScreen, App, Button, ChatLog, ChatView, CommandPalette, ConfigMenu, ConfirmDialog, Dialog, DiffViewer, DoctorPanel, ErrorBoundary, FilePicker, FrameRateLimiter, FullscreenLayout, HelpModal, InputBox, InputPrompt, Link, Mascot, MessageRow, ModelPicker, NoSelect, PermissionRequest, RawAnsi, SPINNER_FRAMES, ScrollBox, ScrollChromeContext, SessionPicker, SkillPicker, SnapshotBrowser, Spinner, StashPicker, StatusBar, TasksPanel, ThemePicker, ToolRenderer, WelcomeScreen, chunkLongTokens, color, createDefaultBindings, createFrameRateLimiter, createViewStack, dispatchBinding, findStableOffset, getTheme, initTheme, isolateRtl, listThemes, parseMarkdown, redactBinaryContent, renderBlocks, runBuiltinChecks, sanitize, setTheme, stripAnsi, stripControlChars, transcriptCacheKey, useInput, useScroll, useTerminalSize };
 
 //# sourceMappingURL=index.mjs.map