dsh-code 1.4.0 → 1.5.0

package/lib/index.mjs

@@ -24336,6 +24336,15 @@ function panelAccent(id, border, title = border) {
 }
 //#endregion
 //#region src/render/inspector.ts
+/**
+* Remove assistant settlements that contain reasoning but no final response.
+* They remain in the durable transcript and in the Ctrl/Alt+R fold; excluding
+* them only from Ctrl+O navigation prevents short progress thoughts from
+* appearing as a long run of misleading `reply` entries.
+*/
+function inspectableTranscriptEntries(entries) {
+	return entries.filter((entry) => !(entry.kind === "assistant" && entry.text.trim() === "" && entry.reasoning.trim() !== ""));
+}
 /** Composer (3) + two-row status chrome, plus one optional fixed-height local notice row. */
 const INSPECTOR_CHROME_ROWS = 6;
 /** One transcript-to-composer gutter, collapsed on short terminals. */
@@ -24895,7 +24904,7 @@ const en = {
 	"cmd.theme": "switch the color theme",
 	"cmd.language": "switch the interface language (/language [en|zh])",
 	"cmd.rainbow": "reroll or pin the rainbow palette (/rainbow [seed])",
-	"cmd.animation": "toggle timed animations (/animation [on|off])",
+	"cmd.animation": "toggle decorative animations; shimmer and activity stay live (/animation [on|off])",
 	"cmd.history": "search and recall past prompts",
 	"cmd.queue": "manage messages queued for the next turn",
 	"cmd.usage": "show this session token usage",
@@ -25031,12 +25040,12 @@ const en = {
 	"notice.imageCancelled": "image submission cancelled",
 	"notice.themeConfigUnreadable": "theme config unreadable, using dark: {message}",
 	"notice.languageConfigUnreadable": "language config unreadable, using english: {message}",
-	"notice.animationsConfigUnreadable": "animations config unreadable, animations stay on: {message}",
+	"notice.animationsConfigUnreadable": "decorative animation config unreadable, effects stay on: {message}",
 	"notice.statuslineConfigUnreadable": "statusline config unreadable, using defaults: {message}",
 	"notice.sessionSearchUnavailable": "session search is unavailable in this deployment",
 	"notice.subagentsReadOnly": "subagent conversations are read-only",
 	"notice.statuslineSaveFailed": "statusline save failed: {message}",
-	"notice.animationsSaveFailed": "animations save failed: {message}",
+	"notice.animationsSaveFailed": "decorative animation save failed: {message}",
 	"notice.commandRegistryMissing": "no command registry is mounted in this composition",
 	"notice.commandFallbackFailed": "command fallback failed: {message}",
 	"notice.commandFailed": "command failed: {message}",
@@ -25087,7 +25096,7 @@ const en = {
 	"notice.commandAttachments": "commands cannot carry attachments; the line will be sent to the model as a prompt",
 	"notice.copyFailed": "copy failed: {message}",
 	"notice.vscodeKeysFailed": "vscode-keys failed: {message}",
-	"notice.animationState": "animations {state}",
+	"notice.animationState": "decorative animations {state}; activity indicators stay live",
 	"notice.deleteFailed": "delete failed: {message}",
 	"notice.modelChangedPlaceholder": "model → {model} · image history will be sent as text placeholders",
 	"notice.modelNextStep": "model → next step uses {model}",
@@ -25398,7 +25407,7 @@ const zh = {
 	"cmd.theme": "切换配色主题",
 	"cmd.language": "切换界面语言（/language [en|zh]）",
 	"cmd.rainbow": "重掷或指定彩虹配色（/rainbow [seed]）",
-	"cmd.animation": "开关计时动画（/animation [on|off]）",
+	"cmd.animation": "开关装饰动画，shimmer 与活动指示始终保留（/animation [on|off]）",
 	"cmd.history": "搜索并复用历史提示词",
 	"cmd.queue": "管理等待下一轮的消息",
 	"cmd.usage": "查看本会话的 token 用量",
@@ -25534,12 +25543,12 @@ const zh = {
 	"notice.imageCancelled": "图片提交已取消",
 	"notice.themeConfigUnreadable": "主题配置无法读取，使用暗色：{message}",
 	"notice.languageConfigUnreadable": "语言配置无法读取，使用英文：{message}",
-	"notice.animationsConfigUnreadable": "动画配置无法读取，保持开启：{message}",
+	"notice.animationsConfigUnreadable": "装饰动画配置无法读取，保持开启：{message}",
 	"notice.statuslineConfigUnreadable": "状态栏配置无法读取，使用默认：{message}",
 	"notice.sessionSearchUnavailable": "此部署未启用会话检索",
 	"notice.subagentsReadOnly": "子代理会话为只读",
 	"notice.statuslineSaveFailed": "状态栏保存失败：{message}",
-	"notice.animationsSaveFailed": "动画保存失败：{message}",
+	"notice.animationsSaveFailed": "装饰动画保存失败：{message}",
 	"notice.commandRegistryMissing": "当前组合未加载命令注册表",
 	"notice.commandFallbackFailed": "命令回退失败：{message}",
 	"notice.commandFailed": "命令执行失败：{message}",
@@ -25590,7 +25599,7 @@ const zh = {
 	"notice.commandAttachments": "命令不能携带附件；该行将作为提示发送给模型",
 	"notice.copyFailed": "复制失败：{message}",
 	"notice.vscodeKeysFailed": "vscode-keys 失败：{message}",
-	"notice.animationState": "动画{state}",
+	"notice.animationState": "装饰动画{state}；活动指示保持开启",
 	"notice.deleteFailed": "删除失败：{message}",
 	"notice.modelChangedPlaceholder": "模型 → {model} · 历史图片将以文本占位符发送",
 	"notice.modelNextStep": "模型 → 下一步使用 {model}",
@@ -26501,6 +26510,94 @@ function useTerminalTitle(title, options = {}) {
 	}, [stdout, title]);
 }
 //#endregion
+//#region src/render/projection-events.ts
+/** Events folded directly into `TranscriptView`. */
+const TRANSCRIPT_SESSION_EVENT_TYPES = [
+	"agent/inbox/spliced",
+	"assistant/attempt",
+	"assistant/message",
+	"command/done",
+	"command/run",
+	"compaction/end",
+	"compaction/prune",
+	"compaction/summary",
+	"goal/change",
+	"llm/retry",
+	"llm/retry-started",
+	"permission/preset",
+	"plan/mode",
+	"request/context",
+	"request/header",
+	"sandbox/mode",
+	"schedule/change",
+	"session/title",
+	"step/start",
+	"system/message",
+	"todo/write",
+	"tool-workflow/agent-end",
+	"tool-workflow/agent-start",
+	"tool-workflow/run-end",
+	"tool-workflow/run-start",
+	"tool/call",
+	"tool/ptc-dispatch",
+	"tool/ptc-dispatch-start",
+	"tool/result",
+	"turn/end",
+	"turn/start",
+	"user/message"
+];
+/**
+* Events consumed by another TUI adapter rather than the transcript fold.
+* Keeping these separate documents that they are visible behavior, not
+* accidental no-ops.
+*/
+const OTHER_SURFACE_SESSION_EVENT_TYPES = [
+	"agent-preset/selected",
+	"model/selection",
+	"subagent/catalog"
+];
+/**
+* Kernel events deliberately omitted from terminal presentation. Their
+* model-visible consequences arrive through projected message/tool/session
+* events, while audit-only facts do not need a second transcript row.
+*/
+const IGNORED_SESSION_EVENT_TYPES = [
+	"approval/asked",
+	"approval/decided",
+	"approval/policy",
+	"compaction/start",
+	"deliverables/presented",
+	"feedback/message-delete",
+	"feedback/message-put",
+	"feedback/record",
+	"hook/invoked",
+	"hook/result",
+	"session-log-deepseek/delivery-accepted",
+	"session/end-seed",
+	"session/title-llm-request",
+	"step/end",
+	"subagent/descriptor",
+	"subagent/model-selection-policy",
+	"team/member",
+	"team/message/delivered",
+	"team/message/queued",
+	"team/task",
+	"web/deepseek-search-llm-request"
+];
+const EVENT_DISPOSITIONS = new Map([
+	...TRANSCRIPT_SESSION_EVENT_TYPES.map((type) => [type, "transcript"]),
+	...OTHER_SURFACE_SESSION_EVENT_TYPES.map((type) => [type, "other-surface"]),
+	...IGNORED_SESSION_EVENT_TYPES.map((type) => [type, "ignored"])
+]);
+/**
+* Classify a durable event without rejecting merge-extensible plugin events.
+* `unknown` remains a runtime no-op for forward/plugin compatibility; the
+* known-event coverage test is what makes a first-party addition fail CI.
+*/
+function sessionEventDisposition(type) {
+	return EVENT_DISPOSITIONS.get(type) ?? "unknown";
+}
+//#endregion
 //#region src/render/tool-preview.ts
 /**
 * Bounded preview line for a tool invocation's raw JSON arguments: the first
@@ -26517,10 +26614,12 @@ function useTerminalTitle(title, options = {}) {
 const PREVIEW_KEYS = [
 	"command",
 	"cmd",
+	"file_path",
 	"description",
 	"path",
 	"pattern",
-	"query"
+	"query",
+	"name"
 ];
 /**
 * Raw arguments longer than this are skipped without parsing and fall back
@@ -26532,6 +26631,28 @@ const MAX_PARSE_CHARS = 4096;
 function boundedRawPreview(args) {
 	return args.length > 80 ? `${args.slice(0, 77)}...` : args;
 }
+/** Escape a fixed preview key before embedding it in a bounded regex. */
+function regexKey(key) {
+	return key.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&");
+}
+/**
+* Recover one complete JSON string property from the bounded head/tail of a
+* large argument object. Write/edit payloads commonly put a multi-kilobyte
+* `content` first and `file_path` last; parsing the whole payload is forbidden
+* on the render path, but the short trailing path is still safe to decode.
+*/
+function boundedStringProperty(args, key) {
+	const slices = [args.slice(0, MAX_PARSE_CHARS), args.slice(-4096)];
+	const pattern = new RegExp(`"${regexKey(key)}"\\s*:\\s*("(?:\\\\.|[^"\\\\])*")`, "u");
+	for (const slice of slices) {
+		const literal = pattern.exec(slice)?.[1];
+		if (literal === void 0) continue;
+		try {
+			const value = JSON.parse(literal);
+			if (typeof value === "string" && value !== "") return value;
+		} catch {}
+	}
+}
 /**
 * Resolve one bounded preview for raw tool arguments.
 * @param args - raw JSON arguments string as the model produced it.
@@ -26540,7 +26661,13 @@ function boundedRawPreview(args) {
 */
 function toolArgumentsPreview(args, toolName) {
 	if (args === "") return toolName;
-	if (args.length > MAX_PARSE_CHARS) return boundedRawPreview(args);
+	if (args.length > MAX_PARSE_CHARS) {
+		for (const key of PREVIEW_KEYS) {
+			const value = boundedStringProperty(args, key);
+			if (value !== void 0) return value;
+		}
+		return boundedRawPreview(args);
+	}
 	try {
 		const parsed = JSON.parse(args);
 		if (parsed !== null && typeof parsed === "object") {
@@ -27139,6 +27266,7 @@ function replayProjectEvent(acc, event) {
 			}
 		};
 	}
+	if (sessionEventDisposition(event.type) !== "transcript") return shadow.changed;
 	switch (event.type) {
 		case "user/message": {
 			const message = event.data;
@@ -27646,7 +27774,7 @@ function replayProjectEvent(acc, event) {
 				}));
 				return true;
 			}
-			return false;
+			throw new Error(`missing transcript replay projection for session event "${type}"`);
 		}
 	}
 }
@@ -30209,13 +30337,13 @@ function reasoningLines(text, columns) {
 * diff/read/web/raw rows align under them instead of floating two columns
 * shallower.
 */
-function toolDetailLines(detail, columns) {
+function toolDetailLines(detail, columns, rawStyle) {
 	switch (detail.kind) {
 		case "diff": return detail.diffs.flatMap((diff) => [...prefixedTextLines(`${diff.path}${diff.truncated ? " (diff truncated)" : ""}`, columns, "    ── ", "dim"), ...fillDiffLineBars(diff.lines.flatMap((line) => prefixedTextLines(`${line.mark}${line.text}`, columns, "    ", line.mark === "+" ? "diffAdd" : line.mark === "-" ? "diffDel" : "dim")), columns)]);
 		case "read": return [...prefixedTextLines(`${detail.path} · lines ${detail.offset}-${detail.lines.length > 0 ? detail.lines[detail.lines.length - 1].number : detail.offset - 1} of ${detail.totalLines}${detail.truncated ? " (window truncated)" : ""}`, columns, "    ── ", "dim"), ...detail.lines.flatMap((line) => prefixedTextLines(`${String(line.number).padStart(5, " ")} | ${line.text}`, columns, "    ", "dim"))];
 		case "web-search": return [...detail.sources.flatMap((source) => [...prefixedStyledLines([lineSegment(source.title ?? source.url, "brand"), lineSegment(` - ${source.url}`, "dim")], columns, "    ? "), ...source.snippet === "" ? [] : prefixedTextLines(source.snippet, columns, "      ", "dim")]), ...prefixedTextLines(`${detail.sources.length} sources${detail.truncated ? " (capped)" : ""}`, columns, "    ", "dim")];
 		case "web-fetch": return prefixedTextLines(`${detail.url} · HTTP ${detail.statusCode}`, columns, "    ", "dim");
-		case "raw": return [...prefixedTextLines(detail.text, columns, "    ", "dim"), ...prefixedTextLines(detail.truncated ? "… (output truncated)" : "(end of output)", columns, "    ", "dim")];
+		case "raw": return [...prefixedTextLines(detail.text, columns, "    ", rawStyle), ...prefixedTextLines(detail.truncated ? "… (output truncated)" : "(end of output)", columns, "    ", rawStyle)];
 		default: return detail;
 	}
 }
@@ -30322,10 +30450,14 @@ function subDispatchLines(entry, columns) {
 	const width = Math.max(1, Math.floor(columns));
 	const rows = entry.subs.flatMap((sub) => {
 		const mark = sub.state === "running" ? "●" : sub.state === "error" ? "⨯" : "⏺";
-		const style = sub.state === "running" ? "brand" : sub.state === "error" ? "error" : "dim";
-		const label = sub.preview === "" ? sub.name : `${sub.name} ${sub.preview}`;
-		if (sub.state === "error" && sub.summary !== "") return textLines(`  ┆ ${mark} ${label} · ${sub.summary}${subDispatchSeconds(sub.durationMs)}`, width, style);
-		return textLines(`  ┆ ${mark} ${label}${subDispatchSeconds(sub.durationMs)}`, width, style);
+		const markStyle = sub.state === "running" ? "brand" : sub.state === "error" ? "error" : "success";
+		return hangingStyledLines([
+			lineSegment(`${mark} `, markStyle),
+			lineSegment(sub.name, "brand"),
+			lineSegment(sub.preview === "" ? "" : ` ${sub.preview}`, "dim"),
+			lineSegment(sub.state === "error" && sub.summary !== "" ? ` · ${sub.summary}` : "", sub.state === "error" ? "error" : "dim"),
+			lineSegment(subDispatchSeconds(sub.durationMs), "dim")
+		], width, "  ┆ ", "dim", "  ┆ ", "dim");
 	});
 	if (entry.subsDropped === 0) return rows;
 	return [...rows, ...textLines(`  ┆ … ${entry.subsDropped} earlier dispatch${entry.subsDropped === 1 ? "" : "es"}`, width, "dim")];
@@ -30375,18 +30507,32 @@ function transcriptEntryLines(entry, columns, showReasoning = true, reasoningTog
 			const mark = entry.state === "running" ? "●" : entry.state === "error" ? "⨯" : "⏺";
 			const markStyle = entry.state === "running" ? "brand" : entry.state === "error" ? "error" : "success";
 			const summaryStyle = entry.state === "error" ? "error" : "dim";
-			const lines = [
+			const invocation = [
 				...hangingStyledLines([
 					lineSegment(`[${entry.ordinal}] `, "dim"),
 					lineSegment(entry.name, "brand"),
 					lineSegment(entry.preview === "" ? "" : ` ${entry.preview}`, "dim")
 				], width, `${mark} `, markStyle, "  ", "plain"),
 				...entry.prompt === "" ? [] : hangingTextLines(entry.prompt, width, "  └ ", "dim", "    "),
-				...subDispatchLines(entry, width),
-				...entry.summary === "" ? [] : hangingTextLines(entry.state === "error" ? `call ${entry.ordinal}: ${entry.summary}` : entry.summary, width, "  ⎿ ", summaryStyle, "    ", summaryStyle),
-				...entry.detail === void 0 ? [] : toolDetailLines(entry.detail, width)
+				...subDispatchLines(entry, width)
+			];
+			const summary = entry.summary === "" ? [] : hangingTextLines(entry.state === "error" ? `call ${entry.ordinal}: ${entry.summary}` : entry.summary, width, "  ⎿ ", summaryStyle, "    ", summaryStyle);
+			if (!showToolDetails) {
+				const rawFullySummarized = entry.detail?.kind === "raw" && !entry.detail.truncated && entry.detail.text.trim() === entry.summary.trim();
+				const hiddenDetail = entry.detail !== void 0 && !rawFullySummarized ? textLines("    … output hidden · Ctrl/Alt+R", width, "dim").slice(0, 1) : [];
+				return compactToolLines([
+					...invocation,
+					...summary,
+					...hiddenDetail
+				], width);
+			}
+			const detail = entry.detail === void 0 ? [] : toolDetailLines(entry.detail, width, entry.state === "error" ? "error" : "dim");
+			const detailSupersedesSummary = entry.detail?.kind === "raw" || entry.detail?.kind === "read" || entry.detail?.kind === "diff";
+			return [
+				...invocation,
+				...detailSupersedesSummary ? [] : summary,
+				...detail
 			];
-			return showToolDetails ? lines : compactToolLines(lines, width);
 		}
 		case "command": {
 			const mark = entry.state === "running" ? "●" : entry.state === "error" ? "⨯" : "⏺";
@@ -30401,9 +30547,9 @@ function transcriptEntryLines(entry, columns, showReasoning = true, reasoningTog
 				...hangingStyledLines([lineSegment("workflow ", "brand"), lineSegment(entry.name, "dim")], width, `${mark} `, markStyle, "  ", "plain"),
 				...entry.members.flatMap((member) => {
 					const state = member.outcome === "running" ? "●" : member.outcome === "failed" ? "⨯" : member.outcome === "cancelled" ? "⏹" : "⏺";
-					const style = member.outcome === "running" ? "brand" : member.outcome === "failed" ? "error" : "dim";
+					const stateStyle = member.outcome === "running" ? "brand" : member.outcome === "failed" ? "error" : member.outcome === "cancelled" ? "dim" : "success";
 					const phase = member.phase === "" ? "" : ` [${member.phase}]`;
-					return textLines(`  ┆ ${state} ${member.label}${phase}`, width, style);
+					return hangingStyledLines([lineSegment(`${state} `, stateStyle), lineSegment(`${member.label}${phase}`, "dim")], width, "  ┆ ", "dim", "  ┆ ", "dim");
 				}),
 				...entry.membersDropped === 0 ? [] : textLines(`  ┆ … ${entry.membersDropped} earlier member${entry.membersDropped === 1 ? "" : "s"}`, width, "dim")
 			];
@@ -30460,1743 +30606,1743 @@ function clampLiveAllocation(allocation, dynamicRows) {
 	};
 }
 //#endregion
-//#region src/render/status.ts
-/**
-* Status-bar composition for the TUI footer. Codex/Claude-Code-style split
-* line: identity facts and session figures flow from the left, while the
-* permission badge (the Codex "autonomous selection" anchor, with its
-* shift+tab cycle hint) pins to the right edge. Every segment carries a tone
-* the footer maps to a theme color, and layoutStatusBar degrades the line
-* item by item so it always fits one physical row — truncation with an
-* ellipsis happens only after every lesser group has already dropped out.
-*
-* @module @deepseek-ai/dsh-tui/render/status
-*/
+//#region src/render/usage.ts
+/** Prompt-side tokens the provider billed: uncached input plus both cache buckets. */
+function billedInputTokens(totals) {
+	return totals.uncachedInputTokens + totals.cacheReadTokens + totals.cacheWriteTokens;
+}
+/** Prompt plus completion tokens over the whole log. */
+function usageTotalTokens(totals) {
+	return billedInputTokens(totals) + totals.outputTokens;
+}
 /**
-* Compact duration: 45.2s under a minute, 2m42s from there on.
-* @param ms - duration in milliseconds.
-* @returns display string.
+* Cache-hit share of billed prompt-side input.
+* @param totals - cumulative provider-reported buckets.
+* @returns percent rounded to one decimal place, or null when nothing was billed.
 */
-function formatDuration(ms) {
-	const s = ms / 1e3;
-	if (s < 60) return String(Math.round(s * 10) / 10) + "s";
-	const whole = Math.round(s);
-	const hours = Math.floor(whole / 3600);
-	const minutes = Math.floor(whole % 3600 / 60);
-	const seconds = whole % 60;
-	if (hours > 0) return `${hours}h${minutes}m${seconds === 0 ? "" : `${seconds}s`}`;
-	return `${minutes}m${seconds}s`;
+function usageCacheHitPercent(totals) {
+	const billed = billedInputTokens(totals);
+	return billed === 0 ? null : Math.round(totals.cacheReadTokens / billed * 1e3) / 10;
 }
 /**
-* Compact decode rate: one decimal under a hundred, whole below a thousand,
-* then thousands (15.3 / 124 / 1.2K).
-* @param n - tokens per second.
-* @returns display string.
+* Split a durable log into COMPLETE turns. A turn still running has no
+* `turn/end` yet, and an unfinished attempt has no exact accounting, so the
+* trailing slice is dropped rather than guessed at.
+* @param events - the whole durable log, in log order.
+* @returns one slice per `turn/start`…`turn/end` span, oldest first.
 */
-function formatRate(n) {
-	if (n < 100) return String(Math.round(n * 10) / 10);
-	if (n < 1e3) return String(Math.round(n));
-	return String(Math.round(n / 100) / 10) + "K";
+function completedTurns(events) {
+	const slices = [];
+	let open;
+	for (const event of events) {
+		if (event.type === "turn/start") {
+			open = {
+				turn: event.data.turn,
+				events: [event]
+			};
+			continue;
+		}
+		if (open === void 0) continue;
+		open.events.push(event);
+		if (event.type === "turn/end") {
+			slices.push(open);
+			open = void 0;
+		}
+	}
+	return slices;
 }
 /**
-* Cache-hit share of billed prompt-side input. The denominator is the same
-* billed total the /usage panel shows (uncached input plus both cache
-* buckets), so the two readouts can never disagree.
-* @param usage - cumulative token totals.
-* @returns percent rounded to one decimal place, or null when no input was billed.
+* Exact usage for every completed turn that can be proven.
+* @param events - the whole durable log, in log order.
+* @param derive - the meter's per-turn fold, injected so this module stays pure.
+* @returns one row per provable turn, oldest first; turns whose attempts did
+*   not all report usage are omitted rather than estimated, and so is a turn
+*   that billed nothing at all — an empty row is noise in a usage table.
 */
-function cacheHitPercent(usage) {
-	const billed = billedInputTokens(usage);
-	return billed === 0 ? null : Math.round(usage.cacheReadTokens / billed * 1e3) / 10;
+function turnUsages(events, derive) {
+	const rows = [];
+	for (const slice of completedTurns(events)) {
+		const usage = derive(slice.events);
+		if (usage === void 0 || usage.totalTokens === 0) continue;
+		rows.push({
+			turn: slice.turn,
+			usage,
+			model: turnModel(slice, usage)
+		});
+	}
+	return rows;
 }
-/** Separator between trailing state spans. */
-const STATUS_ITEM_SEPARATOR = " · ";
-/** Localized mode-cycle hint used by the live layout. */
-function statusCycleHint() {
-	return ` ${t("status.cycleHint")}`;
+/** Pad to a column budget so labels line up across terminal widths. */
+function padColumns(text, columns) {
+	return text + " ".repeat(Math.max(0, columns - visibleColumns(text)));
+}
+/** One `label` + `value` row of a summary block. */
+function pairLine(label, value, labelColumns, style = "plain") {
+	const gap = " ".repeat(Math.max(1, labelColumns - visibleColumns(label)));
+	return { segments: [lineSegment("  " + label + gap, "dim"), lineSegment(value, style)] };
 }
-/** Occupancy at which the usage readout flips from brand blue to amber. */
-const CONTEXT_WARN_PERCENT = 90;
-/**
-* Narrowest bar width the drop ladder keeps before dropping the whole
-* context group: the bar shrinks to this floor first (the absolute readout
-* survives), and only past it does the readout degrade and the group go.
-*/
-const CONTEXT_MIN_WIDTH = 5;
 /**
-* Render context occupancy as ONE stepless proportional bar: a solid
-* DeepSeek-blue fill run tracking the occupancy and a dim dotted free
-* track for the rest. Nothing else lives inside the bar — the usage
-* readout rides outside it (see contextGroupSpans) — so the geometry
-* always reads as the true remaining share. A given occupancy always
-* renders the identical bar.
-* @param usedTokens - reported used tokens.
-* @param contextWindow - route capacity.
-* @param width - total bar columns.
-* @returns tone-split spans for the footer to paint.
+* Merge the per-turn rows by the model that billed them, biggest spender
+* first. A turn lands in exactly one group — the group named by every model it
+* used — so the sums stay additive and a mid-turn model switch never counts
+* the same tokens twice. Each bucket is merged over the turns that reported
+* it, and {@link ModelUsage.partial} records the ones that stayed silent.
+* @param turns - provable per-turn rows, oldest first.
+* @returns one row per model group.
 */
-function contextBar(usedTokens, contextWindow, width) {
-	if (width <= 0 || contextWindow <= 0) return [];
-	const fill = Math.min(width, Math.max(0, Math.round(Math.max(0, usedTokens) / contextWindow * width)));
-	const spans = [];
-	if (fill > 0) spans.push({
-		text: "█".repeat(fill),
-		tone: "ctxFill"
-	});
-	const free = width - fill;
-	if (free > 0) spans.push({
-		text: "░".repeat(free),
-		tone: "label"
-	});
-	return spans;
+function modelTotals(turns) {
+	const groups = /* @__PURE__ */ new Map();
+	for (const row of turns) groups.set(row.model, [...groups.get(row.model) ?? [], row]);
+	const merged = [];
+	for (const [model, rows] of groups) {
+		const partial = [];
+		const sum = (key) => {
+			const reported = rows.flatMap((row) => row.usage[key] === void 0 ? [] : [row.usage[key]]);
+			if (reported.length === 0) return void 0;
+			if (reported.length < rows.length) partial.push(key);
+			return reported.reduce((total, value) => total + value, 0);
+		};
+		const cacheReadTokens = sum("cacheReadTokens");
+		const cacheWriteTokens = sum("cacheWriteTokens");
+		const reasoningTokens = sum("reasoningTokens");
+		merged.push({
+			model,
+			turns: rows.length,
+			uncachedInputTokens: rows.reduce((sum, row) => sum + row.usage.uncachedInputTokens, 0),
+			outputTokens: rows.reduce((sum, row) => sum + row.usage.outputTokens, 0),
+			totalTokens: rows.reduce((sum, row) => sum + row.usage.totalTokens, 0),
+			cacheReadTokens,
+			cacheWriteTokens,
+			reasoningTokens,
+			partial
+		});
+	}
+	return merged.sort((left, right) => left.model === "" ? 1 : right.model === "" ? -1 : right.totalTokens - left.totalTokens);
+}
+/** Cut one styled line to a column budget, keeping every style it fits. */
+function boundLine(line, width) {
+	const segments = [];
+	let left = width;
+	for (const segment of line.segments) {
+		if (left <= 0) break;
+		const columns = visibleColumns(segment.text);
+		if (columns <= left) {
+			segments.push(segment);
+			left -= columns;
+			continue;
+		}
+		segments.push(lineSegment(truncateColumns(segment.text, left), segment.style));
+		left = 0;
+	}
+	return { segments };
+}
+/** A block heading. */
+function heading(text) {
+	return { segments: [lineSegment(text, "accentBold")] };
+}
+/** A dim explanatory or empty-state row. */
+function note(text) {
+	return { segments: [lineSegment("  " + text, "dim")] };
 }
 /**
-* Compose the context group: the proportional bar plus the usage readout
-* OUTSIDE the bar, so the dotted track keeps its proportional meaning no
-* matter how wide the readout is. `full` reads `12.3K/1.0M 25%`; `percent`
-* drops the absolute pair; `none` is the bare bar. The readout turns amber
-* once occupancy reaches the warning threshold.
+* Cache-hit share of one row's billed prompt side, or undefined when the row
+* has no cache read to report. An unreported cache-write bucket counts as
+* zero: the adapters that bill cache writes always report the bucket, so its
+* absence means the route never tracked one — the same reading the status
+* bar's own fold uses.
 */
-function contextGroupSpans(usedTokens, contextWindow, barWidth, readout) {
-	const spans = [{
-		text: t("status.label.context") + " ",
-		tone: "label"
-	}];
-	spans.push(...contextBar(usedTokens, contextWindow, barWidth));
-	if (readout === "none" || barWidth <= 0 || contextWindow <= 0) return spans;
-	const used = Math.max(0, usedTokens);
-	const percent = Math.round(used / contextWindow * 100);
-	const text = readout === "full" ? `${formatTokens(used)}/${formatTokens(contextWindow)} ${percent}%` : `${percent}%`;
-	spans.push({
-		text: " ",
-		tone: "label"
-	}, {
-		text,
-		tone: percent >= CONTEXT_WARN_PERCENT ? "warn" : "value"
-	});
-	return spans;
+function hitShare(row) {
+	if (row.cacheReadTokens === void 0) return void 0;
+	const billed = row.uncachedInputTokens + row.cacheReadTokens + (row.cacheWriteTokens ?? 0);
+	if (billed === 0) return void 0;
+	return Math.round(row.cacheReadTokens / billed * 1e3) / 10;
 }
-/** The full item catalog in canonical order (the /statusline default). */
-const STATUS_ITEMS = [
-	{
-		id: "model",
-		label: "model",
-		description: "provider/model serving this session",
-		side: "left"
-	},
-	{
-		id: "cwd",
-		label: "cwd",
-		description: "working-directory basename",
-		side: "left"
-	},
-	{
-		id: "mode",
-		label: "mode",
-		description: "agent preset composing the session",
-		side: "left"
-	},
-	{
-		id: "branch",
-		label: "branch",
-		description: "git branch inside a repository",
-		side: "left"
-	},
-	{
-		id: "context",
-		label: "context",
-		description: "context-window occupancy meter",
-		side: "left"
-	},
-	{
-		id: "permission",
-		label: "permission",
-		description: "permission preset badge with cycle hint",
-		side: "right"
-	},
-	{
-		id: "plan",
-		label: "plan",
-		description: "plan-mode state mark",
-		side: "left"
-	},
+/** The token columns, in display order (shared by both tables). */
+/** True when the row's bucket is a floor rather than a complete figure. */
+function isPartial(row, key) {
+	return row.partial?.includes(key) === true;
+}
+const BUCKET_COLUMNS = [
 	{
-		id: "turns",
-		label: "turns",
-		description: "turn and step counters",
-		side: "left"
+		label: () => t("panel.usage.colTotal"),
+		value: (row) => formatTokens(row.totalTokens),
+		width: 9
 	},
 	{
-		id: "durations",
-		label: "durations",
-		description: "llm/ttft/decode/tool wall time",
-		side: "left"
+		label: () => t("panel.usage.colUncached"),
+		value: (row) => formatTokens(row.uncachedInputTokens),
+		width: 9
 	},
 	{
-		id: "cache",
-		label: "cache",
-		description: "cache-hit share of billed input",
-		side: "left"
+		label: () => t("panel.usage.colCacheRead"),
+		value: (row) => optionalTokens(row.cacheReadTokens, isPartial(row, "cacheReadTokens")),
+		width: 9
 	},
 	{
-		id: "tokens",
-		label: "tokens",
-		description: "cumulative input/output tokens",
-		side: "left"
+		label: () => t("panel.usage.colCacheHit"),
+		value: (row) => percent(hitShare(row), isPartial(row, "cacheReadTokens") || isPartial(row, "cacheWriteTokens")),
+		width: 8
 	},
 	{
-		id: "title",
-		label: "title",
-		description: "session title or short id",
-		side: "left"
+		label: () => t("panel.usage.colCacheWrite"),
+		value: (row) => optionalTokens(row.cacheWriteTokens, isPartial(row, "cacheWriteTokens")),
+		width: 9
 	},
 	{
-		id: "goal",
-		label: "goal",
-		description: "live goal phase and round progress",
-		side: "left"
+		label: () => t("panel.usage.colOut"),
+		value: (row) => formatTokens(row.outputTokens),
+		width: 9
 	},
 	{
-		id: "sandbox",
-		label: "sandbox",
-		description: "divergent sandbox-mode override",
-		side: "left"
+		label: () => t("panel.usage.colThink"),
+		value: (row) => optionalTokens(row.reasoningTokens, isPartial(row, "reasoningTokens")),
+		width: 9
 	}
 ];
-const STATUSLINE_ITEM_KEYS = {
-	model: {
-		label: "statusline.item.model",
-		description: "statusline.item.model.desc"
-	},
-	cwd: {
-		label: "statusline.item.cwd",
-		description: "statusline.item.cwd.desc"
-	},
-	mode: {
-		label: "statusline.item.mode",
-		description: "statusline.item.mode.desc"
-	},
-	branch: {
-		label: "statusline.item.branch",
-		description: "statusline.item.branch.desc"
-	},
-	context: {
-		label: "statusline.item.context",
-		description: "statusline.item.context.desc"
-	},
-	permission: {
-		label: "statusline.item.permission",
-		description: "statusline.item.permission.desc"
-	},
-	plan: {
-		label: "statusline.item.plan",
-		description: "statusline.item.plan.desc"
-	},
-	turns: {
-		label: "statusline.item.turns",
-		description: "statusline.item.turns.desc"
-	},
-	durations: {
-		label: "statusline.item.durations",
-		description: "statusline.item.durations.desc"
-	},
-	cache: {
-		label: "statusline.item.cache",
-		description: "statusline.item.cache.desc"
-	},
-	tokens: {
-		label: "statusline.item.tokens",
-		description: "statusline.item.tokens.desc"
-	},
-	title: {
-		label: "statusline.item.title",
-		description: "statusline.item.title.desc"
-	},
-	goal: {
-		label: "statusline.item.goal",
-		description: "statusline.item.goal.desc"
-	},
-	sandbox: {
-		label: "statusline.item.sandbox",
-		description: "statusline.item.sandbox.desc"
-	}
-};
-/** Picker rows with labels/descriptions in the active interface language. */
-function localizedStatusItems() {
-	return STATUS_ITEMS.map((item) => {
-		const keys = STATUSLINE_ITEM_KEYS[item.id];
-		return {
-			...item,
-			label: t(keys.label),
-			description: t(keys.description)
-		};
-	});
+/** A percentage, or an em dash when the row cannot prove one; `+` for a floor. */
+function percent(value, partial = false) {
+	return value === void 0 ? "—" : value + "%" + (partial ? "+" : "");
 }
 /**
-* Default order: the whole catalog (matches the pre-customization bar).
-* The busy dot is not an item — it always leads the identity cluster.
+* A bucket as a table cell: an em dash when nothing reported it, and a `+`
+* when the figure counts only the turns of a group that did report it.
 */
-const DEFAULT_STATUSLINE_ITEMS = STATUS_ITEMS.map((item) => item.id);
+function optionalTokens(value, partial = false) {
+	if (value === void 0) return "—";
+	return formatTokens(value) + (partial ? "+" : "");
+}
+/** What an unattributed turn or group is called in the tables. */
+function modelLabel(model) {
+	return model === "" ? t("panel.usage.unknownModel") : model;
+}
 /**
-* Parse a persisted statusline item list. The stored value is the ordered
-* set of ENABLED items (the Codex /statusline contract): unknown ids and
-* duplicates drop out, and a non-array value (missing or corrupt file)
-* falls back to the full default set. An explicitly empty array is valid —
-* the bar degrades to its busy dot alone.
-* @param value - the raw parsed JSON value (expected string[]).
-* @returns the normalized ordered item list.
+* The model a turn's assistant messages came from: the one that produced most
+* of them, with a tie naming every model involved. This is the fallback for
+* turns whose meter `routes` were withheld, and it reads only what the log
+* recorded — nothing is inferred from the current selection.
 */
-function parseStatuslineItems(value) {
-	if (!Array.isArray(value)) return [...DEFAULT_STATUSLINE_ITEMS];
-	const known = new Set(STATUS_ITEMS.map((item) => item.id));
-	const kept = [];
-	for (const entry of value) if (typeof entry === "string" && known.has(entry) && !kept.includes(entry)) kept.push(entry);
-	return kept;
+function dominantModel(events) {
+	const counts = /* @__PURE__ */ new Map();
+	for (const event of events) {
+		if (event.type !== "assistant/message") continue;
+		const source = event.data.message.source;
+		if (source.kind !== "model" || source.model === "") continue;
+		counts.set(source.model, (counts.get(source.model) ?? 0) + 1);
+	}
+	if (counts.size === 0) return "";
+	const most = Math.max(...counts.values());
+	return [...counts.entries()].filter(([, count]) => count === most).map(([model]) => model).sort().join(" + ");
+}
+/** The model attribution for one turn: the meter's routes, else its messages. */
+function turnModel(slice, usage) {
+	const routes = usage.routes ?? [];
+	if (routes.length > 0) return routes.map((route) => route.model).join(" + ");
+	return dominantModel(slice.events);
 }
-/** Minimum blank gap kept between the leading and trailing sides. */
-const LEFT_RIGHT_GAP = 2;
-/** Column held back so Ink/yoga measurement drift can never force a wrap. */
-const WIDTH_SAFETY = 1;
-/** Column budget for the session title before it ellipsizes. */
-const TITLE_BUDGET = 48;
 /**
-* Primary-row drop ranks: identity never drops; permission outranks context.
-* The drop ladder peels hint and trailing identity facts before removing
-* the context meter, so occupancy stays visible on a typical 120-column
-* terminal. Secondary-row groups reuse the remaining ranks independently.
+* Render one table: a dim header plus one row per entry. The free-text cell
+* (the model name) keeps a readable share of the width, so trailing numeric
+* columns drop first on a narrow terminal instead of leaving an ellipsised
+* model name — the name is what the reader came for.
+* @param columns - the numeric columns, most important first.
+* @param rows - one entry per line, already in display order.
+* @param text - how to read the free-text cell of one entry.
+* @param width - the column budget.
+* @param textFirst - true puts the free-text cell before the numbers (the
+*   model-group table); false appends it (the per-turn table).
+* @returns the header row plus one row per entry.
 */
-const RANK_TITLE = 10;
-const RANK_TOKENS = 50;
-const RANK_COUNTS = 90;
-const RANK_CONTEXT = 90;
-const RANK_SANDBOX = 92;
-const RANK_GOAL = 95;
-const RANK_BADGE = 100;
-const RANK_IDENTITY = Number.POSITIVE_INFINITY;
-/** Row 2 drop ranks: title and durations go first; state and counts survive longest. */
-const RANK2_DURATIONS = 40;
-const RANK2_CACHE = 50;
-const RANK2_PLAN = 70;
+function table(columns, rows, text, width, textFirst) {
+	const budget = width - 2;
+	const minText = 14;
+	const kept = [];
+	let used = 0;
+	for (const column of columns) {
+		if (used + column.width > budget - minText - 1) break;
+		kept.push(column);
+		used += column.width;
+	}
+	const textWidth = Math.min(24, Math.max(6, budget - used - 1));
+	const numbers = (row) => kept.map((column) => padColumns(column.value(row), column.width)).join("");
+	const header = kept.map((column) => padColumns(column.label(), column.width)).join("");
+	const lines = [{ segments: [lineSegment(truncateColumns("  " + (textFirst ? padColumns(t("panel.usage.colModel"), textWidth) + " " + header : header + " " + t("panel.usage.colModel")), width), "dim")] }];
+	for (const row of rows) {
+		const label = truncateColumns(text(row), textWidth);
+		lines.push({ segments: [lineSegment("  " + (textFirst ? padColumns(label, textWidth) + " " + numbers(row) : numbers(row) + " " + label), "plain")] });
+	}
+	return lines;
+}
 /**
-* Traffic-light tone for a permission preset: read-only stays success green,
-* full access reads error red, and every workspace-scoped middle ground
-* (including unknown presets) reads warning amber.
-* @param permission - active permission preset label.
-* @returns tone for the badge span.
+* Render the panel body.
+* @param view - the projection totals plus the derived per-turn rows.
+* @param columns - usable content columns inside the panel border.
+* @returns bounded, styled rows ready to draw.
 */
-function permissionTone(permission) {
-	const label = permission.toLowerCase();
-	if (label.includes("read")) return "success";
-	if (label.includes("danger") || label.includes("full")) return "error";
-	return "warn";
+function usageLines(view, columns) {
+	const width = Math.max(8, Math.floor(columns));
+	const lines = [];
+	lines.push(heading(t("panel.usage.totals")));
+	const totals = view.totals;
+	if (totals === void 0) lines.push(note(t("panel.usage.unavailable")));
+	else {
+		const label = 12;
+		lines.push(pairLine(t("panel.usage.uncached"), formatTokens(totals.uncachedInputTokens), label));
+		lines.push(pairLine(t("panel.usage.cacheWrite"), formatTokens(totals.cacheWriteTokens), label));
+		lines.push(pairLine(t("panel.usage.cacheRead"), formatTokens(totals.cacheReadTokens), label));
+		lines.push(pairLine(t("panel.usage.output"), formatTokens(totals.outputTokens), label));
+		lines.push(pairLine(t("panel.usage.total"), formatTokens(usageTotalTokens(totals)), label, "bold"));
+		const hit = usageCacheHitPercent(totals);
+		if (hit !== null) lines.push(pairLine(t("panel.usage.cacheHit"), hit + "%", label));
+	}
+	lines.push({ segments: [] });
+	const models = modelTotals(view.turns);
+	lines.push(heading(models.length === 0 ? t("panel.usage.byModel") : `${t("panel.usage.byModel")} · ${models.length}`));
+	if (models.length === 0) lines.push(note(t("panel.usage.noTurns")));
+	else {
+		lines.push(...table([{
+			label: () => t("panel.usage.colTurns"),
+			value: (row) => String(row.turns),
+			width: 7
+		}, ...BUCKET_COLUMNS.map((column) => ({
+			...column,
+			value: (row) => column.value(row)
+		}))], models, (row) => modelLabel(row.model), width, true));
+		if (models.some((row) => row.partial.length > 0)) lines.push(note(t("panel.usage.partialNote")));
+	}
+	lines.push({ segments: [] });
+	lines.push(heading(`${t("panel.usage.turns")} · ${view.turns.length}`));
+	if (view.turns.length === 0) lines.push(note(t("panel.usage.noTurns")));
+	else {
+		const withTurn = [{
+			label: () => t("panel.usage.colTurn"),
+			value: (row) => `#${row.turn}`,
+			width: 7
+		}, ...BUCKET_COLUMNS.map((column) => ({
+			...column,
+			value: (row) => column.value(row.usage)
+		}))];
+		lines.push(...table(withTurn, [...view.turns].reverse(), (row) => modelLabel(row.model), width, false));
+	}
+	return lines.map((line) => boundLine(line, width));
 }
-/** Display-safe external text: one row, controls escaped. */
-function safe(text) {
-	return singleLineText(text);
+//#endregion
+//#region src/render/editor.ts
+/**
+* Pure composer editor model with Codex textarea semantics: a grapheme
+* cursor over a column-safe multiline layout, word/piece motion, single-entry
+* kill + yank, and the shell-recall boundary gate that keeps Up/Down usable
+* inside a multiline draft.
+*
+* The model is intentionally string-offset based (UTF-16 indices clamped to
+* grapheme boundaries) so the React state stays two primitives
+* (value, cursor) and every operation here stays pure and testable.
+*
+* Word motion follows Codex's piece semantics: whitespace separates runs,
+* punctuation runs stay atomic, and each Han grapheme is its own boundary.
+*
+* @module @deepseek-ai/dsh-code/render/editor
+*/
+const segmenter = typeof Intl !== "undefined" && "Segmenter" in Intl ? new Intl.Segmenter("en", { granularity: "grapheme" }) : void 0;
+/**
+* Split text into grapheme clusters. Falls back to code points when
+* Intl.Segmenter is unavailable; the fallback still keeps surrogate pairs
+* (emoji) atomic so the cursor can never split one.
+*/
+function splitGraphemes(text) {
+	if (text === "") return [];
+	const spans = [];
+	if (segmenter !== void 0) {
+		for (const piece of segmenter.segment(text)) spans.push({
+			text: piece.segment,
+			start: piece.index,
+			end: piece.index + piece.segment.length,
+			width: visibleColumns(piece.segment)
+		});
+		return spans;
+	}
+	let start = 0;
+	for (const char of text) {
+		spans.push({
+			text: char,
+			start,
+			end: start + char.length,
+			width: visibleColumns(char)
+		});
+		start += char.length;
+	}
+	return spans;
 }
-/** Dim junction separator span inside a cluster. */
-function sep() {
-	return {
-		text: " · ",
-		tone: "label"
-	};
+/** Round one UTF-16 offset down to the grapheme boundary at or before it. */
+function floorBoundary(spans, offset) {
+	for (let index = spans.length - 1; index >= 0; index -= 1) {
+		const span = spans[index];
+		if (span.end <= offset) return span.end;
+		if (span.start < offset) return span.start;
+	}
+	return 0;
 }
-/** True for the dim ` · ` that joins identity facts. */
-function isIdentitySep(span) {
-	return span.text === " · " && span.tone === "label";
+/** Clamp a cursor offset to the nearest grapheme boundary (surrogates, ZWJ, marks stay whole). */
+function clampCursor(value, offset) {
+	if (value === "") return 0;
+	const target = Math.max(0, Math.min(value.length, Math.floor(offset)));
+	if (target === 0 || target === value.length) return target;
+	const spans = splitGraphemes(value);
+	const down = floorBoundary(spans, target);
+	if (down === target) return target;
+	const up = spans.find((span) => span.start >= target)?.start ?? value.length;
+	return up - target < target - down ? up : down;
 }
 /**
-* Drop the trailing identity fact (branch, then mode, then cwd) so the
-* context meter can keep a column. Returns undefined once only the busy
-* dot and model remain.
+* Delete the final grapheme cluster (append-only drafts without a cursor).
+* Surrogate pairs and multi-codepoint emoji stay whole instead of leaving a
+* lone trailing code unit behind.
 */
-function peelIdentityFact(spans) {
-	if (spans.length < 3) return void 0;
-	const last = spans[spans.length - 1];
-	const before = spans[spans.length - 2];
-	const modeSep = spans[spans.length - 3];
-	if (last?.tone === "accent" && modeSep !== void 0 && isIdentitySep(modeSep) && before?.tone === "label") return spans.slice(0, -3);
-	if ((last?.tone === "branch" || last?.tone === "path") && before !== void 0 && isIdentitySep(before)) return spans.slice(0, -2);
+function deleteLastGrapheme(text) {
+	if (text === "") return "";
+	const spans = splitGraphemes(text);
+	return text.slice(0, spans[spans.length - 1].start);
 }
-/** Total visible columns of a span list (separators ride inside the spans). */
-function spansWidth(spans) {
-	let width = 0;
-	for (const span of spans) width += visibleColumns(span.text);
-	return width;
+/**
+* Step the cursor by whole graphemes (negative steps left). The cursor is
+* assumed to sit on a boundary; any drift is clamped first.
+*/
+function moveCursorBy(value, offset, delta) {
+	if (delta === 0 || value === "") return clampCursor(value, offset);
+	const spans = splitGraphemes(value);
+	const boundaries = [0];
+	for (const span of spans) boundaries.push(span.end);
+	const current = boundaries.indexOf(clampCursor(value, offset));
+	if (current === -1) return clampCursor(value, offset);
+	return boundaries[Math.max(0, Math.min(boundaries.length - 1, current + delta))];
 }
-/** Join widths of parts with one fixed separator between neighbors. */
-function joinWidth(parts, separator) {
-	if (parts.length === 0) return 0;
-	let width = 0;
-	for (const part of parts) width += part;
-	return width + separator * (parts.length - 1);
+/**
+* Normalize text entering the draft: CRLF/CR become LF, tabs become two
+* spaces (terminal tab stops are contextual and cannot join a deterministic
+* row budget), and every other C0 control byte plus DEL is REMOVED — the
+* draft is data, so a stray ESC (Windows Terminal file drops) disappears
+* instead of rendering as literal backslash-x-1-b text. Newlines survive.
+*/
+function sanitizeDraftText(text) {
+	return text.replaceAll("\r\n", "\n").replaceAll("\r", "\n").replace(/[\u0000-\u0008\u000b\u000c\u000e-\u001f\u007f]/gu, "").replaceAll("	", "  ");
 }
-/** Build every candidate group/span with its drop rank and item id. */
-function buildCandidates(facts, stats, busy, enabled, contextWidth) {
-	const identity = [{
-		text: busy ? "● " : "○ ",
-		tone: busy ? "live" : "meta"
-	}];
-	const push = (span) => {
-		if (identity.length > 1) identity.push(sep());
-		identity.push(span);
-	};
-	const model = safe(facts.model);
-	if (model !== "" && enabled.has("model")) {
-		const effort = safe(stats.reasoningEffort);
-		push({
-			text: effort === "" ? model : `${model}@${effort}`,
-			tone: "model"
+/**
+* Hard-wrap the draft into column-safe physical rows. Wide graphemes never
+* split across rows (a grapheme that does not fit flushes the row first) and
+* explicit newlines end their row without occupying a cell.
+*/
+function editorModel(value, columns) {
+	const width = Math.max(1, Math.floor(columns));
+	const spans = splitGraphemes(value);
+	const rows = [];
+	let text = "";
+	let start = 0;
+	let used = 0;
+	const offsets = [0];
+	const rowColumns = [0];
+	const rowCuts = [0];
+	const flush = (end) => {
+		rows.push({
+			text,
+			start,
+			end,
+			offsets: [...offsets],
+			columns: [...rowColumns],
+			cuts: [...rowCuts]
 		});
-	}
-	const cwd = safe(facts.cwd);
-	if (cwd !== "" && enabled.has("cwd")) push({
-		text: cwd,
-		tone: "path"
-	});
-	const mode = safe(facts.mode ?? "");
-	if (mode !== "" && enabled.has("mode")) {
-		push({
-			text: t("status.label.mode") + " ",
-			tone: "label"
-		});
-		identity.push({
-			text: mode,
-			tone: "accent"
-		});
-	}
-	const branch = safe(facts.branch);
-	if (branch !== "" && enabled.has("branch")) push({
-		text: "⑂ " + branch,
-		tone: "branch"
-	});
-	const left = [{
-		group: { spans: identity },
-		rank: RANK_IDENTITY,
-		id: "identity"
-	}];
-	const right = [];
-	const row2 = [];
-	if (stats.turns > 0 || stats.steps > 0) {
-		if (enabled.has("turns")) {
-			const counts = [];
-			const pair = (label, value) => {
-				if (counts.length > 0) counts.push(sep());
-				counts.push({
-					text: label + " ",
-					tone: "label"
-				}, {
-					text: value,
-					tone: "value"
-				});
-			};
-			pair(t("status.label.turns"), String(stats.turns));
-			pair(t("status.label.steps"), String(stats.steps));
-			row2.push({
-				group: { spans: counts },
-				rank: RANK_COUNTS,
-				id: "turns"
-			});
+		text = "";
+		used = 0;
+		offsets.length = 0;
+		rowColumns.length = 0;
+		rowCuts.length = 0;
+	};
+	for (const span of spans) {
+		if (span.text === "\n") {
+			flush(span.start);
+			start = span.end;
+			offsets.push(span.end);
+			rowColumns.push(0);
+			rowCuts.push(0);
+			continue;
 		}
-		if (enabled.has("durations")) {
-			const durations = [];
-			const pair = (label, value) => {
-				if (durations.length > 0) durations.push(sep());
-				durations.push({
-					text: label + " ",
-					tone: "label"
-				}, {
-					text: value,
-					tone: "value"
-				});
-			};
-			if (stats.llmMs > 0) pair(t("status.label.modelTime"), formatDuration(stats.llmMs));
-			if (stats.ttftSteps > 0) pair(t("status.label.latency"), formatDuration(stats.ttftMs / stats.ttftSteps));
-			if (stats.decodeMs > 0 && stats.decodeTokens > 0) {
-				if (durations.length > 0) durations.push(sep());
-				durations.push({
-					text: formatRate(stats.decodeTokens / (stats.decodeMs / 1e3)),
-					tone: "value"
-				}, {
-					text: t("status.label.tokensPerSec"),
-					tone: "label"
-				});
-			}
-			if (stats.toolMs > 0) pair(t("status.label.tool"), formatDuration(stats.toolMs));
-			if (durations.length > 0) row2.push({
-				group: { spans: durations },
-				rank: RANK2_DURATIONS,
-				id: "durations"
-			});
+		if (used > 0 && used + span.width > width) {
+			flush(span.start);
+			start = span.start;
+			offsets.push(span.start);
+			rowColumns.push(0);
+			rowCuts.push(0);
 		}
+		text += span.text;
+		used += span.width;
+		offsets.push(span.end);
+		rowColumns.push(used);
+		rowCuts.push(text.length);
 	}
-	const cacheHit = cacheHitPercent(stats.usage);
-	if (cacheHit !== null && enabled.has("cache")) {
-		const spans = [{
-			text: t("status.label.cache") + " ",
-			tone: "label"
-		}];
-		if (stats.usage.cacheReadTokens > 0) spans.push({
-			text: formatTokens(stats.usage.cacheReadTokens),
-			tone: "value"
-		}, sep());
-		spans.push({
-			text: cacheHit + "%",
-			tone: "value"
-		});
-		row2.push({
-			group: { spans },
-			rank: RANK2_CACHE,
-			id: "cache"
-		});
-	}
-	if (stats.contextWindow > 0 && stats.lastPromptTokens > 0 && enabled.has("context")) left.push({
-		group: { spans: contextGroupSpans(stats.lastPromptTokens, stats.contextWindow, contextWidth, "full") },
-		rank: RANK_CONTEXT,
-		id: "context"
+	if (text !== "" || rows.length === 0) flush(value.length);
+	else if (offsets.length > 0) rows.push({
+		text: "",
+		start,
+		end: value.length,
+		offsets: [...offsets],
+		columns: [...rowColumns],
+		cuts: [...rowCuts]
 	});
-	if ((stats.usage.uncachedInputTokens > 0 || stats.usage.outputTokens > 0) && enabled.has("tokens")) {
-		const tokens = [];
-		const pair = (label, value) => {
-			if (tokens.length > 0) tokens.push(sep());
-			tokens.push({
-				text: label + " ",
-				tone: "label"
-			}, {
-				text: value,
-				tone: "value"
-			});
+	return {
+		rows,
+		length: value.length
+	};
+}
+/** Split one row around the authoritative caret; every other row stays whole. */
+function editorRowParts(row, rowIndex, caretRow, cursor, caretEnabled = true) {
+	if (!caretEnabled || rowIndex !== caretRow) return {
+		before: "",
+		caret: "",
+		after: row.text,
+		hasCaret: false
+	};
+	const at = row.offsets.indexOf(cursor);
+	if (at < 0) return {
+		before: "",
+		caret: "",
+		after: row.text,
+		hasCaret: false
+	};
+	return {
+		before: at > 0 ? row.text.slice(0, row.cuts[at]) : "",
+		caret: at < row.cuts.length - 1 ? row.text.slice(row.cuts[at], row.cuts[at + 1]) : " ",
+		after: at < row.cuts.length - 1 ? row.text.slice(row.cuts[at + 1]) : "",
+		hasCaret: true
+	};
+}
+/** Map a cursor offset to its caret site on the wrapped rows. */
+function caretSite(model, offset) {
+	const target = Math.max(0, Math.min(model.length, offset));
+	for (let index = model.rows.length - 1; index >= 0; index -= 1) {
+		const row = model.rows[index];
+		const at = row.offsets.indexOf(target);
+		if (at >= 0) return {
+			row: index,
+			column: row.columns[at]
 		};
-		pair(t("status.label.in"), formatTokens(stats.usage.uncachedInputTokens));
-		pair(t("status.label.out"), formatTokens(stats.usage.outputTokens));
-		row2.push({
-			group: { spans: tokens },
-			rank: RANK_TOKENS,
-			id: "tokens"
-		});
-	}
-	const label = truncateColumns(safe(facts.title !== void 0 && facts.title !== "" ? facts.title : facts.sessionId), TITLE_BUDGET);
-	if (label !== "" && enabled.has("title")) row2.push({
-		group: { spans: [{
-			text: label,
-			tone: "meta"
-		}] },
-		rank: RANK_TITLE,
-		id: "title"
-	});
-	if (facts.goal !== void 0 && enabled.has("goal")) row2.push({
-		group: { spans: [{
-			text: facts.goal.phase === "active" ? t("status.goal.round", {
-				current: facts.goal.rounds,
-				max: facts.goal.max
-			}) : t("status.goal.phase", { phase: safe(facts.goal.phase) }),
-			tone: "accent"
-		}] },
-		rank: RANK_GOAL,
-		id: "goal"
-	});
-	const sandbox = safe(facts.sandbox ?? "");
-	if (sandbox !== "" && sandbox.toLowerCase() !== facts.permission.toLowerCase() && enabled.has("sandbox")) row2.push({
-		group: { spans: [{
-			text: t("status.label.sandbox") + " " + sandbox,
-			tone: "warn"
-		}] },
-		rank: RANK_SANDBOX,
-		id: "sandbox"
-	});
-	const permission = safe(facts.permission);
-	let badge = -1;
-	const planStation = facts.plan && permissionTone(permission) === "success";
-	if (permission !== "" && enabled.has("permission")) {
-		right.push({
-			span: planStation ? {
-				text: t("status.plan.on"),
-				tone: "plan"
-			} : {
-				text: permission,
-				tone: permissionTone(permission)
-			},
-			rank: RANK_BADGE,
-			id: "permission"
-		});
-		badge = right.length - 1;
 	}
-	if (facts.plan && enabled.has("plan")) row2.push({
-		group: { spans: [{
-			text: t("status.plan.mark"),
-			tone: "accent"
-		}] },
-		rank: RANK2_PLAN,
-		id: "plan"
-	});
+	const last = model.rows[model.rows.length - 1];
 	return {
-		left,
-		right,
-		badge,
-		row2
+		row: model.rows.length - 1,
+		column: last === void 0 ? 0 : last.columns[last.columns.length - 1]
 	};
 }
 /**
-* Compose the two-row footer layout under a column budget. Row 1 keeps model,
-* cwd, mode, branch, context, then the right-pinned permission badge and cycle
-* hint. It shrinks the context bar, drops the hint, and peels trailing
-* identity facts before removing the context group or the permission badge.
-* Row 2 fits all secondary figures and state within its own budget.
-* @param facts - identity facts resolved by the runner.
-* @param stats - session figures folded from the durable log.
-* @param columns - usable columns for each row (before their left padding).
-* @param options - 'busy' hides the cycle hint while a turn runs (Codex
-* keeps mode hints idle-only); 'items' is the ordered enabled-item config
-* from /statusline (defaults to the full catalog). Display order follows the
-* config per side while the drop ladder keeps its fixed ranks.
-* @returns the two rows to render; row1.left is never empty.
+* Move the caret across physical rows keeping a preferred display column
+* (Codex `preferred_col`): horizontal moves reset the preference, vertical
+* moves reuse it, clamped to each row's width.
 */
-function layoutStatusBar(facts, stats, columns, options = {}) {
-	const busy = options.busy === true;
-	const items = options.items ?? DEFAULT_STATUSLINE_ITEMS;
-	const enabled = new Set(items);
-	const budget = Math.max(1, Math.floor(columns) - WIDTH_SAFETY);
-	const maxContextWidth = Math.max(CONTEXT_MIN_WIDTH, Math.min(budget, Math.floor(options.contextWidth ?? 24)));
-	const { left, right, badge, row2 } = buildCandidates(facts, stats, busy, enabled, maxContextWidth);
-	const groupSeparator = visibleColumns(" | ");
-	const itemSeparator = visibleColumns(STATUS_ITEM_SEPARATOR);
-	const position = new Map(items.map((id, index) => [id, index]));
-	const byPosition = (a, b) => (position.get(a.id) ?? Number.MAX_SAFE_INTEGER) - (position.get(b.id) ?? Number.MAX_SAFE_INTEGER);
-	const orderedLeft = [left[0], ...left.slice(1).sort(byPosition)];
-	const orderedRight = right.slice().sort(byPosition);
-	const orderedRow2 = row2.slice().sort(byPosition);
-	let hint = badge >= 0 && !busy;
-	const leftKept = [...orderedLeft];
-	const rightKept = [...orderedRight];
-	let contextReadout = "full";
-	let contextWidth = maxContextWidth;
-	const rebuildContext = () => {
-		const index = leftKept.findIndex((entry) => entry.id === "context");
-		if (index < 0) return;
-		leftKept[index] = {
-			group: { spans: contextGroupSpans(stats.lastPromptTokens, stats.contextWindow, contextWidth, contextReadout) },
-			rank: RANK_CONTEXT,
-			id: "context"
-		};
-	};
-	const width = () => {
-		const leftWidth = joinWidth(leftKept.map((entry) => spansWidth(entry.group.spans)), groupSeparator);
-		const rightWidth = joinWidth(rightKept.map((entry) => visibleColumns(entry.span.text)), itemSeparator) + (hint ? visibleColumns(statusCycleHint()) : 0);
-		return rightWidth > 0 ? leftWidth + LEFT_RIGHT_GAP + rightWidth : leftWidth;
+function moveCursorVertically(model, offset, preferredColumn, delta) {
+	const target = caretSite(model, offset).row + delta;
+	if (delta === 0) return offset;
+	if (target < 0) return 0;
+	if (target >= model.rows.length) return model.length;
+	const row = model.rows[target];
+	const wanted = Math.max(0, Math.min(preferredColumn, row.columns[row.columns.length - 1]));
+	let best = 0;
+	for (let index = 1; index < row.columns.length; index += 1) if (row.columns[index] <= wanted) best = index;
+	else break;
+	return row.offsets[best];
+}
+/** The start/end offsets of the logical line containing the cursor. */
+function lineBounds(value, offset) {
+	const target = Math.max(0, Math.min(value.length, offset));
+	const start = value.lastIndexOf("\n", Math.max(0, target - 1)) + 1;
+	const end = value.indexOf("\n", target);
+	return {
+		start,
+		end: end === -1 ? value.length : end
 	};
-	while (width() > budget) {
-		if (leftKept.some((entry) => entry.id === "context")) {
-			if (contextWidth > CONTEXT_MIN_WIDTH) {
-				const overflow = width() - budget;
-				contextWidth = Math.max(CONTEXT_MIN_WIDTH, contextWidth - overflow);
-				rebuildContext();
-				continue;
-			}
-			if (contextReadout === "full") {
-				contextReadout = "percent";
-				rebuildContext();
-				continue;
-			}
-		}
-		if (hint) {
-			hint = false;
-			continue;
-		}
-		const identityEntry = leftKept[0];
-		if (identityEntry?.id === "identity") {
-			const peeled = peelIdentityFact(identityEntry.group.spans);
-			if (peeled !== void 0) {
-				leftKept[0] = {
-					...identityEntry,
-					group: { spans: peeled }
-				};
-				continue;
-			}
-		}
-		if (leftKept.some((entry) => entry.id === "context")) {
-			leftKept.splice(leftKept.findIndex((entry) => entry.id === "context"), 1);
+}
+/** Codex WORD_SEPARATORS: punctuation runs are their own word pieces. */
+const WORD_SEPARATORS = /* @__PURE__ */ new Set("`~!@#$%^&*()-=+[{]}\\|;:'\",.<>/?");
+const HAN_GRAPHEME = /^\p{Script=Han}(?:\p{Mark}|\uFE0F)*$/u;
+const UNICODE_PUNCTUATION = /^\p{P}+$/u;
+function classifyGrapheme(text) {
+	if (/^\s$/u.test(text)) return "space";
+	return WORD_SEPARATORS.has(text) || UNICODE_PUNCTUATION.test(text) ? "punct" : "word";
+}
+/** Maximal same-class runs; Han graphemes deliberately stay one run each. */
+function pieceRuns(value) {
+	const runs = [];
+	let current;
+	for (const span of splitGraphemes(value)) {
+		const klass = span.text === "\n" ? "space" : classifyGrapheme(span.text);
+		const atomic = klass === "word" && HAN_GRAPHEME.test(span.text);
+		if (current !== void 0 && current.class === klass && !current.atomic && !atomic) {
+			current.end = span.end;
 			continue;
 		}
-		let dropLeft = -1;
-		let dropRight = -1;
-		let dropRank = Number.POSITIVE_INFINITY;
-		for (let index = 0; index < leftKept.length; index += 1) {
-			const rank = leftKept[index].rank;
-			if (rank < dropRank) {
-				dropRank = rank;
-				dropLeft = index;
-				dropRight = -1;
-			}
-		}
-		for (let index = 0; index < rightKept.length; index += 1) {
-			const rank = rightKept[index].rank;
-			if (rank < dropRank) {
-				dropRank = rank;
-				dropRight = index;
-				dropLeft = -1;
-			}
-		}
-		if (dropLeft < 0 && dropRight < 0) break;
-		if (dropLeft >= 0) leftKept.splice(dropLeft, 1);
-		else {
-			rightKept.splice(dropRight, 1);
-			if (dropRight === rightKept.length) hint = false;
-		}
-	}
-	if (width() > budget) {
-		rightKept.length = 0;
-		hint = false;
-		while (leftKept.length > 1) leftKept.pop();
-		leftKept[0] = {
-			group: { spans: [{
-				text: truncateColumns(leftKept[0].group.spans.map((span) => span.text).join(""), budget),
-				tone: "model"
-			}] },
-			rank: RANK_IDENTITY,
-			id: "identity"
+		current = {
+			start: span.start,
+			end: span.end,
+			class: klass,
+			atomic
 		};
+		runs.push(current);
 	}
-	const row2Kept = [...orderedRow2];
-	const row2Budget = Math.max(1, budget - 2);
-	const row2Width = () => joinWidth(row2Kept.map((entry) => spansWidth(entry.group.spans)), groupSeparator);
-	while (row2Width() > row2Budget && row2Kept.length > 0) {
-		let dropIndex = 0;
-		let dropRank = Number.POSITIVE_INFINITY;
-		for (let index = 0; index < row2Kept.length; index += 1) if (row2Kept[index].rank < dropRank) {
-			dropRank = row2Kept[index].rank;
-			dropIndex = index;
-		}
-		row2Kept.splice(dropIndex, 1);
-	}
-	return {
-		row1: {
-			left: leftKept.map((entry) => entry.group),
-			right: rightKept.map((entry) => entry.span),
-			hint
-		},
-		row2: {
-			left: row2Kept.map((entry) => entry.group),
-			right: [],
-			hint: false
-		}
-	};
-}
-//#endregion
-//#region src/render/usage.ts
-/** Prompt-side tokens the provider billed: uncached input plus both cache buckets. */
-function billedInputTokens(totals) {
-	return totals.uncachedInputTokens + totals.cacheReadTokens + totals.cacheWriteTokens;
-}
-/** Prompt plus completion tokens over the whole log. */
-function usageTotalTokens(totals) {
-	return billedInputTokens(totals) + totals.outputTokens;
-}
-/**
-* Cache-hit share of billed prompt-side input.
-* @param totals - cumulative provider-reported buckets.
-* @returns percent rounded to one decimal place, or null when nothing was billed.
-*/
-function usageCacheHitPercent(totals) {
-	const billed = billedInputTokens(totals);
-	return billed === 0 ? null : Math.round(totals.cacheReadTokens / billed * 1e3) / 10;
+	return runs;
 }
 /**
-* Split a durable log into COMPLETE turns. A turn still running has no
-* `turn/end` yet, and an unfinished attempt has no exact accounting, so the
-* trailing slice is dropped rather than guessed at.
-* @param events - the whole durable log, in log order.
-* @returns one slice per `turn/start`…`turn/end` span, oldest first.
+* Codex `beginning_of_previous_word`: skip whitespace left, then land on the
+* START of the trailing non-space piece (extending over separator pieces).
 */
-function completedTurns(events) {
-	const slices = [];
-	let open;
-	for (const event of events) {
-		if (event.type === "turn/start") {
-			open = {
-				turn: event.data.turn,
-				events: [event]
-			};
-			continue;
-		}
-		if (open === void 0) continue;
-		open.events.push(event);
-		if (event.type === "turn/end") {
-			slices.push(open);
-			open = void 0;
-		}
+function moveWordLeft(value, offset) {
+	const cursor = clampCursor(value, offset);
+	const runs = pieceRuns(value);
+	let index = runs.findLastIndex((run) => run.start < cursor);
+	if (index < 0) return 0;
+	if (runs[index].class === "space") {
+		index -= 1;
+		if (index < 0) return 0;
 	}
-	return slices;
+	let target = index;
+	while (target > 0 && runs[target].class === "punct" && runs[target - 1].class === "punct") target -= 1;
+	return runs[target].start;
 }
 /**
-* Exact usage for every completed turn that can be proven.
-* @param events - the whole durable log, in log order.
-* @param derive - the meter's per-turn fold, injected so this module stays pure.
-* @returns one row per provable turn, oldest first; turns whose attempts did
-*   not all report usage are omitted rather than estimated, and so is a turn
-*   that billed nothing at all — an empty row is noise in a usage table.
+* Codex `end_of_next_word`: skip whitespace right, then land on the END of
+* the leading non-space piece (extending over separator pieces).
 */
-function turnUsages(events, derive) {
-	const rows = [];
-	for (const slice of completedTurns(events)) {
-		const usage = derive(slice.events);
-		if (usage === void 0 || usage.totalTokens === 0) continue;
-		rows.push({
-			turn: slice.turn,
-			usage,
-			model: turnModel(slice, usage)
-		});
+function moveWordRight(value, offset) {
+	const cursor = clampCursor(value, offset);
+	const runs = pieceRuns(value);
+	let index = runs.findIndex((run) => run.end > cursor);
+	if (index >= runs.length) return value.length;
+	if (runs[index].class === "space") {
+		index += 1;
+		if (index >= runs.length) return value.length;
 	}
-	return rows;
+	let target = index;
+	while (target < runs.length - 1 && runs[target].class === "punct" && runs[target + 1].class === "punct") target += 1;
+	return runs[target].end;
 }
-/** Pad to a column budget so labels line up across terminal widths. */
-function padColumns(text, columns) {
-	return text + " ".repeat(Math.max(0, columns - visibleColumns(text)));
-}
-/** One `label` + `value` row of a summary block. */
-function pairLine(label, value, labelColumns, style = "plain") {
-	const gap = " ".repeat(Math.max(1, labelColumns - visibleColumns(label)));
-	return { segments: [lineSegment("  " + label + gap, "dim"), lineSegment(value, style)] };
+function replaceRange(value, cursor, start, end, killed) {
+	const from = Math.min(start, end);
+	const to = Math.max(start, end);
+	if (from >= to) return {
+		value,
+		cursor,
+		killed: void 0
+	};
+	const text = value.slice(from, to);
+	return {
+		value: value.slice(0, from) + value.slice(to),
+		cursor: Math.max(0, cursor - Math.max(0, Math.min(cursor, to) - from)),
+		killed: killed ? text : void 0
+	};
 }
-/**
-* Merge the per-turn rows by the model that billed them, biggest spender
-* first. A turn lands in exactly one group — the group named by every model it
-* used — so the sums stay additive and a mid-turn model switch never counts
-* the same tokens twice. Each bucket is merged over the turns that reported
-* it, and {@link ModelUsage.partial} records the ones that stayed silent.
-* @param turns - provable per-turn rows, oldest first.
-* @returns one row per model group.
-*/
-function modelTotals(turns) {
-	const groups = /* @__PURE__ */ new Map();
-	for (const row of turns) groups.set(row.model, [...groups.get(row.model) ?? [], row]);
-	const merged = [];
-	for (const [model, rows] of groups) {
-		const partial = [];
-		const sum = (key) => {
-			const reported = rows.flatMap((row) => row.usage[key] === void 0 ? [] : [row.usage[key]]);
-			if (reported.length === 0) return void 0;
-			if (reported.length < rows.length) partial.push(key);
-			return reported.reduce((total, value) => total + value, 0);
-		};
-		const cacheReadTokens = sum("cacheReadTokens");
-		const cacheWriteTokens = sum("cacheWriteTokens");
-		const reasoningTokens = sum("reasoningTokens");
-		merged.push({
-			model,
-			turns: rows.length,
-			uncachedInputTokens: rows.reduce((sum, row) => sum + row.usage.uncachedInputTokens, 0),
-			outputTokens: rows.reduce((sum, row) => sum + row.usage.outputTokens, 0),
-			totalTokens: rows.reduce((sum, row) => sum + row.usage.totalTokens, 0),
-			cacheReadTokens,
-			cacheWriteTokens,
-			reasoningTokens,
-			partial
-		});
-	}
-	return merged.sort((left, right) => left.model === "" ? 1 : right.model === "" ? -1 : right.totalTokens - left.totalTokens);
+/** Delete the grapheme cluster before the cursor. */
+function deleteBackward(value, cursor) {
+	if (cursor === 0) return {
+		value,
+		cursor,
+		killed: void 0
+	};
+	const spans = splitGraphemes(value.slice(0, cursor));
+	return replaceRange(value, cursor, spans.length === 0 ? 0 : spans[spans.length - 1].start, cursor, false);
 }
-/** Cut one styled line to a column budget, keeping every style it fits. */
-function boundLine(line, width) {
-	const segments = [];
-	let left = width;
-	for (const segment of line.segments) {
-		if (left <= 0) break;
-		const columns = visibleColumns(segment.text);
-		if (columns <= left) {
-			segments.push(segment);
-			left -= columns;
-			continue;
-		}
-		segments.push(lineSegment(truncateColumns(segment.text, left), segment.style));
-		left = 0;
-	}
-	return { segments };
+/** Delete the grapheme cluster at the cursor. */
+function deleteForward(value, cursor) {
+	if (cursor >= value.length) return {
+		value,
+		cursor,
+		killed: void 0
+	};
+	const span = splitGraphemes(value).find((candidate) => candidate.start >= cursor);
+	return replaceRange(value, cursor, cursor, span === void 0 ? value.length : span.end, false);
 }
-/** A block heading. */
-function heading(text) {
-	return { segments: [lineSegment(text, "accentBold")] };
+/** Delete back to the start of the previous word (fills the kill buffer). */
+function deleteWordBackward(value, cursor) {
+	return replaceRange(value, cursor, moveWordLeft(value, cursor), cursor, true);
 }
-/** A dim explanatory or empty-state row. */
-function note(text) {
-	return { segments: [lineSegment("  " + text, "dim")] };
+/** Delete forward to the end of the next word (fills the kill buffer). */
+function deleteWordForward(value, cursor) {
+	return replaceRange(value, cursor, cursor, moveWordRight(value, cursor), true);
 }
-/**
-* Cache-hit share of one row's billed prompt side, or undefined when the row
-* has no cache read to report. An unreported cache-write bucket counts as
-* zero: the adapters that bill cache writes always report the bucket, so its
-* absence means the route never tracked one — the same reading the status
-* bar's own fold uses.
-*/
-function hitShare(row) {
-	if (row.cacheReadTokens === void 0) return void 0;
-	const billed = row.uncachedInputTokens + row.cacheReadTokens + (row.cacheWriteTokens ?? 0);
-	if (billed === 0) return void 0;
-	return Math.round(row.cacheReadTokens / billed * 1e3) / 10;
+/** Ctrl+U: kill from the line start to the cursor; at BOL, kill the newline. */
+function killToLineStart(value, cursor) {
+	const bounds = lineBounds(value, cursor);
+	if (cursor > bounds.start) return replaceRange(value, cursor, bounds.start, cursor, true);
+	if (bounds.start > 0) return replaceRange(value, cursor, bounds.start - 1, bounds.start, true);
+	return {
+		value,
+		cursor,
+		killed: void 0
+	};
 }
-/** The token columns, in display order (shared by both tables). */
-/** True when the row's bucket is a floor rather than a complete figure. */
-function isPartial(row, key) {
-	return row.partial?.includes(key) === true;
+/** Ctrl+K: kill from the cursor to the line end; at EOL, kill the newline. */
+function killToLineEnd(value, cursor) {
+	const bounds = lineBounds(value, cursor);
+	if (cursor < bounds.end) return replaceRange(value, cursor, cursor, bounds.end, true);
+	if (bounds.end < value.length) return replaceRange(value, cursor, bounds.end, bounds.end + 1, true);
+	return {
+		value,
+		cursor,
+		killed: void 0
+	};
 }
-const BUCKET_COLUMNS = [
-	{
-		label: () => t("panel.usage.colTotal"),
-		value: (row) => formatTokens(row.totalTokens),
-		width: 9
-	},
-	{
-		label: () => t("panel.usage.colUncached"),
-		value: (row) => formatTokens(row.uncachedInputTokens),
-		width: 9
-	},
-	{
-		label: () => t("panel.usage.colCacheRead"),
-		value: (row) => optionalTokens(row.cacheReadTokens, isPartial(row, "cacheReadTokens")),
-		width: 9
-	},
-	{
-		label: () => t("panel.usage.colCacheHit"),
-		value: (row) => percent(hitShare(row), isPartial(row, "cacheReadTokens") || isPartial(row, "cacheWriteTokens")),
-		width: 8
-	},
-	{
-		label: () => t("panel.usage.colCacheWrite"),
-		value: (row) => optionalTokens(row.cacheWriteTokens, isPartial(row, "cacheWriteTokens")),
-		width: 9
-	},
-	{
-		label: () => t("panel.usage.colOut"),
-		value: (row) => formatTokens(row.outputTokens),
-		width: 9
-	},
-	{
-		label: () => t("panel.usage.colThink"),
-		value: (row) => optionalTokens(row.reasoningTokens, isPartial(row, "reasoningTokens")),
-		width: 9
-	}
-];
-/** A percentage, or an em dash when the row cannot prove one; `+` for a floor. */
-function percent(value, partial = false) {
-	return value === void 0 ? "—" : value + "%" + (partial ? "+" : "");
+/** Insert sanitized text at the cursor. */
+function insertText(value, cursor, text) {
+	const safe = sanitizeDraftText(text);
+	if (safe === "") return {
+		value,
+		cursor,
+		killed: void 0
+	};
+	return {
+		value: value.slice(0, cursor) + safe + value.slice(cursor),
+		cursor: cursor + safe.length,
+		killed: void 0
+	};
 }
-/**
-* A bucket as a table cell: an em dash when nothing reported it, and a `+`
-* when the figure counts only the turns of a group that did report it.
-*/
-function optionalTokens(value, partial = false) {
-	if (value === void 0) return "—";
-	return formatTokens(value) + (partial ? "+" : "");
+/** Ctrl+A: current logical line start, then the previous line start on repeat. */
+function moveToLineStart(value, cursor, crossOnRepeat) {
+	const site = clampCursor(value, cursor);
+	const bounds = lineBounds(value, site);
+	if (!crossOnRepeat || site !== bounds.start || bounds.start === 0) return bounds.start;
+	return lineBounds(value, bounds.start - 1).start;
 }
-/** What an unattributed turn or group is called in the tables. */
-function modelLabel(model) {
-	return model === "" ? t("panel.usage.unknownModel") : model;
+/** Ctrl+E: current logical line end, then the next line end on repeat. */
+function moveToLineEnd(value, cursor, crossOnRepeat) {
+	const site = clampCursor(value, cursor);
+	const bounds = lineBounds(value, site);
+	if (!crossOnRepeat || site !== bounds.end || bounds.end >= value.length) return bounds.end;
+	return lineBounds(value, bounds.end + 1).end;
 }
 /**
-* The model a turn's assistant messages came from: the one that produced most
-* of them, with a tie naming every model involved. This is the fallback for
-* turns whose meter `routes` were withheld, and it reads only what the log
-* recorded — nothing is inferred from the current selection.
+* Remap a captured range when all intervening edits are wholly before or
+* wholly after it. An edit overlapping either boundary invalidates the
+* anchor instead of guessing and inserting content at a surprising place.
 */
-function dominantModel(events) {
-	const counts = /* @__PURE__ */ new Map();
-	for (const event of events) {
-		if (event.type !== "assistant/message") continue;
-		const source = event.data.message.source;
-		if (source.kind !== "model" || source.model === "") continue;
-		counts.set(source.model, (counts.get(source.model) ?? 0) + 1);
+function remapStableRange(original, current, range) {
+	const start = Math.max(0, Math.min(original.length, range.start));
+	const end = Math.max(start, Math.min(original.length, range.end));
+	if (original === current) return {
+		start,
+		end
+	};
+	let prefix = 0;
+	const shared = Math.min(original.length, current.length);
+	while (prefix < shared && original[prefix] === current[prefix]) prefix += 1;
+	let suffix = 0;
+	while (suffix < original.length - prefix && suffix < current.length - prefix && original[original.length - 1 - suffix] === current[current.length - 1 - suffix]) suffix += 1;
+	const oldChangedEnd = original.length - suffix;
+	if (prefix >= end) return {
+		start,
+		end
+	};
+	if (oldChangedEnd <= start) {
+		const delta = current.length - original.length;
+		return {
+			start: start + delta,
+			end: end + delta
+		};
 	}
-	if (counts.size === 0) return "";
-	const most = Math.max(...counts.values());
-	return [...counts.entries()].filter(([, count]) => count === most).map(([model]) => model).sort().join(" + ");
 }
-/** The model attribution for one turn: the meter's routes, else its messages. */
-function turnModel(slice, usage) {
-	const routes = usage.routes ?? [];
-	if (routes.length > 0) return routes.map((route) => route.model).join(" + ");
-	return dominantModel(slice.events);
+/** Replace a current range while preserving a cursor moved after capture. */
+function replaceRangePreservingCursor(value, cursor, range, replacement) {
+	const start = Math.max(0, Math.min(value.length, range.start));
+	const end = Math.max(start, Math.min(value.length, range.end));
+	const site = clampCursor(value, cursor);
+	const nextCursor = site <= start ? site : site >= end ? site + replacement.length - (end - start) : start + replacement.length;
+	return {
+		value: value.slice(0, start) + replacement + value.slice(end),
+		cursor: nextCursor,
+		killed: void 0
+	};
 }
 /**
-* Render one table: a dim header plus one row per entry. The free-text cell
-* (the model name) keeps a readable share of the width, so trailing numeric
-* columns drop first on a narrow terminal instead of leaving an ellipsised
-* model name — the name is what the reader came for.
-* @param columns - the numeric columns, most important first.
-* @param rows - one entry per line, already in display order.
-* @param text - how to read the free-text cell of one entry.
-* @param width - the column budget.
-* @param textFirst - true puts the free-text cell before the numbers (the
-*   model-group table); false appends it (the per-turn table).
-* @returns the header row plus one row per entry.
+* Composer editor row budget: the editor itself never grows past this many
+* physical rows; deeper drafts scroll internally to keep the caret visible.
+* Short terminals collapse toward one row so the live transcript keeps room.
 */
-function table(columns, rows, text, width, textFirst) {
-	const budget = width - 2;
-	const minText = 14;
-	const kept = [];
-	let used = 0;
-	for (const column of columns) {
-		if (used + column.width > budget - minText - 1) break;
-		kept.push(column);
-		used += column.width;
-	}
-	const textWidth = Math.min(24, Math.max(6, budget - used - 1));
-	const numbers = (row) => kept.map((column) => padColumns(column.value(row), column.width)).join("");
-	const header = kept.map((column) => padColumns(column.label(), column.width)).join("");
-	const lines = [{ segments: [lineSegment(truncateColumns("  " + (textFirst ? padColumns(t("panel.usage.colModel"), textWidth) + " " + header : header + " " + t("panel.usage.colModel")), width), "dim")] }];
-	for (const row of rows) {
-		const label = truncateColumns(text(row), textWidth);
-		lines.push({ segments: [lineSegment("  " + (textFirst ? padColumns(label, textWidth) + " " + numbers(row) : numbers(row) + " " + label), "plain")] });
-	}
-	return lines;
+function composerMaxRows(terminalRows) {
+	return Math.max(1, Math.min(6, Math.floor((Math.max(1, terminalRows) - 10) / 3)));
 }
 /**
-* Render the panel body.
-* @param view - the projection totals plus the derived per-turn rows.
-* @param columns - usable content columns inside the panel border.
-* @returns bounded, styled rows ready to draw.
+* History navigation starts with Up on an empty draft, or continues from an
+* unchanged recalled entry whenever the caret sits on either text edge
+* (start or end) - moving the caret into the interior returns the keys to
+* ordinary editing until an edge is reached again.
 */
-function usageLines(view, columns) {
-	const width = Math.max(8, Math.floor(columns));
-	const lines = [];
-	lines.push(heading(t("panel.usage.totals")));
-	const totals = view.totals;
-	if (totals === void 0) lines.push(note(t("panel.usage.unavailable")));
-	else {
-		const label = 12;
-		lines.push(pairLine(t("panel.usage.uncached"), formatTokens(totals.uncachedInputTokens), label));
-		lines.push(pairLine(t("panel.usage.cacheWrite"), formatTokens(totals.cacheWriteTokens), label));
-		lines.push(pairLine(t("panel.usage.cacheRead"), formatTokens(totals.cacheReadTokens), label));
-		lines.push(pairLine(t("panel.usage.output"), formatTokens(totals.outputTokens), label));
-		lines.push(pairLine(t("panel.usage.total"), formatTokens(usageTotalTokens(totals)), label, "bold"));
-		const hit = usageCacheHitPercent(totals);
-		if (hit !== null) lines.push(pairLine(t("panel.usage.cacheHit"), hit + "%", label));
-	}
-	lines.push({ segments: [] });
-	const models = modelTotals(view.turns);
-	lines.push(heading(models.length === 0 ? t("panel.usage.byModel") : `${t("panel.usage.byModel")} · ${models.length}`));
-	if (models.length === 0) lines.push(note(t("panel.usage.noTurns")));
-	else {
-		lines.push(...table([{
-			label: () => t("panel.usage.colTurns"),
-			value: (row) => String(row.turns),
-			width: 7
-		}, ...BUCKET_COLUMNS.map((column) => ({
-			...column,
-			value: (row) => column.value(row)
-		}))], models, (row) => modelLabel(row.model), width, true));
-		if (models.some((row) => row.partial.length > 0)) lines.push(note(t("panel.usage.partialNote")));
-	}
-	lines.push({ segments: [] });
-	lines.push(heading(`${t("panel.usage.turns")} · ${view.turns.length}`));
-	if (view.turns.length === 0) lines.push(note(t("panel.usage.noTurns")));
-	else {
-		const withTurn = [{
-			label: () => t("panel.usage.colTurn"),
-			value: (row) => `#${row.turn}`,
-			width: 7
-		}, ...BUCKET_COLUMNS.map((column) => ({
-			...column,
-			value: (row) => column.value(row.usage)
-		}))];
-		lines.push(...table(withTurn, [...view.turns].reverse(), (row) => modelLabel(row.model), width, false));
-	}
-	return lines.map((line) => boundLine(line, width));
+function shouldRecallNavigate(value, cursor, lastRecalled, direction) {
+	if (value === "") return direction < 0;
+	if (lastRecalled !== value) return false;
+	return cursor === 0 || cursor === value.length;
 }
 //#endregion
-//#region src/render/editor.ts
+//#region src/keyboard.ts
 /**
-* Pure composer editor model with Codex textarea semantics: a grapheme
-* cursor over a column-safe multiline layout, word/piece motion, single-entry
-* kill + yank, and the shell-recall boundary gate that keeps Up/Down usable
-* inside a multiline draft.
-*
-* The model is intentionally string-offset based (UTF-16 indices clamped to
-* grapheme boundaries) so the React state stays two primitives
-* (value, cursor) and every operation here stays pure and testable.
+* Keyboard enhancement protocol (Codex `keyboard_modes` parity) and the
+* kitty CSI-u normalization layer.
 *
-* Word motion follows Codex's piece semantics: whitespace separates runs,
-* punctuation runs stay atomic, and each Han grapheme is its own boundary.
+* The TUI pushes the kitty keyboard protocol with DISAMBIGUATE_ESCAPE_CODES
+* and REPORT_ALTERNATE_KEYS (flags 1|4 = `\x1b[>5u`). Event types are
+* deliberately NOT requested: Ink 5's parser cannot decode the
+* `:event-type` suffix, and repeat/release reporting buys this surface
+* nothing.
 *
-* @module @deepseek-ai/dsh-code/render/editor
-*/
-const segmenter = typeof Intl !== "undefined" && "Segmenter" in Intl ? new Intl.Segmenter("en", { granularity: "grapheme" }) : void 0;
-/**
-* Split text into grapheme clusters. Falls back to code points when
-* Intl.Segmenter is unavailable; the fallback still keeps surrogate pairs
-* (emoji) atomic so the cursor can never split one.
+* Ink 5 also cannot parse most CSI-u forms at all — they fall through its
+* regex as unnamed sequences and get INSERTED AS DRAFT TEXT. The composer's
+* stdin read patch therefore rewrites every CSI-u form it can decode back
+* to the legacy byte or canonical sequence the existing key handling
+* already understands, before Ink ever parses the chunk.
+* @module @deepseek-ai/dsh-code/keyboard
 */
-function splitGraphemes(text) {
-	if (text === "") return [];
-	const spans = [];
-	if (segmenter !== void 0) {
-		for (const piece of segmenter.segment(text)) spans.push({
-			text: piece.segment,
-			start: piece.index,
-			end: piece.index + piece.segment.length,
-			width: visibleColumns(piece.segment)
-		});
-		return spans;
-	}
-	let start = 0;
-	for (const char of text) {
-		spans.push({
-			text: char,
-			start,
-			end: start + char.length,
-			width: visibleColumns(char)
-		});
-		start += char.length;
-	}
-	return spans;
+/** Push keyboard enhancement (modifyOtherKeys off, kitty flags 1|4). */
+const KEYBOARD_ENHANCE_ENABLE = "\x1B[>4;0m\x1B[>5u";
+/** Pop the enhancement stack and reset modifyOtherKeys (exit path). */
+const KEYBOARD_ENHANCE_DISABLE = "\x1B[<u\x1B[>4;0m";
+const DSH_ENABLE_KEYBOARD_ENHANCEMENT = "DSH_ENABLE_KEYBOARD_ENHANCEMENT";
+function parseBooleanEnv(value) {
+	if (value === void 0) return void 0;
+	const normalized = value.trim().toLowerCase();
+	if (normalized === "1" || normalized === "true" || normalized === "yes") return true;
+	if (normalized === "0" || normalized === "false" || normalized === "no") return false;
 }
-/** Round one UTF-16 offset down to the grapheme boundary at or before it. */
-function floorBoundary(spans, offset) {
-	for (let index = spans.length - 1; index >= 0; index -= 1) {
-		const span = spans[index];
-		if (span.end <= offset) return span.end;
-		if (span.start < offset) return span.start;
-	}
-	return 0;
+/** True when the process is running inside the VS Code integrated terminal. */
+function isVsCodeTerminalEnv(env = process.env) {
+	return env.TERM_PROGRAM?.trim().toLowerCase() === "vscode" || env.VSCODE_INJECTION === "1";
 }
-/** Clamp a cursor offset to the nearest grapheme boundary (surrogates, ZWJ, marks stay whole). */
-function clampCursor(value, offset) {
-	if (value === "") return 0;
-	const target = Math.max(0, Math.min(value.length, Math.floor(offset)));
-	if (target === 0 || target === value.length) return target;
-	const spans = splitGraphemes(value);
-	const down = floorBoundary(spans, target);
-	if (down === target) return target;
-	const up = spans.find((span) => span.start >= target)?.start ?? value.length;
-	return up - target < target - down ? up : down;
+/** Whether to push Kitty keyboard enhancement for the current terminal. */
+function shouldEnableKeyboardEnhancement(env = process.env) {
+	if (parseBooleanEnv(env["DSH_DISABLE_KEYBOARD_ENHANCEMENT"]) === true) return false;
+	const explicitEnable = parseBooleanEnv(env[DSH_ENABLE_KEYBOARD_ENHANCEMENT]);
+	if (explicitEnable !== void 0) return explicitEnable;
+	return !isVsCodeTerminalEnv(env);
 }
+/** Enable bracketed paste reporting. */
+const BRACKETED_PASTE_ENABLE = "\x1B[?2004h";
+/** Disable bracketed paste reporting. */
+const BRACKETED_PASTE_DISABLE = "\x1B[?2004l";
+/** Enable terminal focus-in/focus-out reporting (xterm focus protocol). */
+const TERMINAL_FOCUS_REPORT_ENABLE = "\x1B[?1004h";
+/** Disable terminal focus-in/focus-out reporting. */
+const TERMINAL_FOCUS_REPORT_DISABLE = "\x1B[?1004l";
 /**
-* Delete the final grapheme cluster (append-only drafts without a cursor).
-* Surrogate pairs and multi-codepoint emoji stay whole instead of leaving a
-* lone trailing code unit behind.
+* Remove xterm focus reports from one input chunk and update the caller's
+* focus state. Focus reports are terminal protocol, not composer text.
 */
-function deleteLastGrapheme(text) {
-	if (text === "") return "";
-	const spans = splitGraphemes(text);
-	return text.slice(0, spans[spans.length - 1].start);
+function stripTerminalFocusEvents(chunk, onFocus) {
+	return chunk.replace(/\x1b\[(I|O)/gu, (_whole, event) => {
+		onFocus(event === "I");
+		return "";
+	});
 }
+/** Bracketed paste markers as Ink delivers them (it strips the leading ESC). */
+const PASTE_START_MARKER = "[200~";
+const PASTE_END_MARKER = "[201~";
 /**
-* Step the cursor by whole graphemes (negative steps left). The cursor is
-* assumed to sit on a boundary; any drift is clamped first.
+* How long an unterminated bracketed-paste block may hold buffered bytes
+* before the input splitter strips its start marker and releases them: a
+* terminal that loses the end marker must never take the whole keyboard
+* hostage (Esc/Ctrl+C included). Shared by the splitter and the composer's
+* lost-paste safety net so both use one window.
 */
-function moveCursorBy(value, offset, delta) {
-	if (delta === 0 || value === "") return clampCursor(value, offset);
-	const spans = splitGraphemes(value);
-	const boundaries = [0];
-	for (const span of spans) boundaries.push(span.end);
-	const current = boundaries.indexOf(clampCursor(value, offset));
-	if (current === -1) return clampCursor(value, offset);
-	return boundaries[Math.max(0, Math.min(boundaries.length - 1, current + delta))];
-}
+const PASTE_BRACKET_TIMEOUT_MS = 1e3;
 /**
-* Normalize text entering the draft: CRLF/CR become LF, tabs become two
-* spaces (terminal tab stops are contextual and cannot join a deterministic
-* row budget), and every other C0 control byte plus DEL is REMOVED — the
-* draft is data, so a stray ESC (Windows Terminal file drops) disappears
-* instead of rendering as literal backslash-x-1-b text. Newlines survive.
+* Remove bracketed paste markers from one input chunk. Panel drafts accept raw
+* `input` text, where an unhandled paste would otherwise persist the literal
+* "[200~"/"[201~" markers Ink leaves after stripping the ESC byte.
 */
-function sanitizeDraftText(text) {
-	return text.replaceAll("\r\n", "\n").replaceAll("\r", "\n").replace(/[\u0000-\u0008\u000b\u000c\u000e-\u001f\u007f]/gu, "").replaceAll("	", "  ");
+function stripPasteMarkers(text) {
+	return text.replaceAll(`\x1b${PASTE_START_MARKER}`, "").replaceAll(`\x1b${PASTE_END_MARKER}`, "").replaceAll(PASTE_START_MARKER, "").replaceAll(PASTE_END_MARKER, "");
 }
-/**
-* Hard-wrap the draft into column-safe physical rows. Wide graphemes never
-* split across rows (a grapheme that does not fit flushes the row first) and
-* explicit newlines end their row without occupying a cell.
-*/
-function editorModel(value, columns) {
-	const width = Math.max(1, Math.floor(columns));
-	const spans = splitGraphemes(value);
-	const rows = [];
-	let text = "";
-	let start = 0;
-	let used = 0;
-	const offsets = [0];
-	const rowColumns = [0];
-	const rowCuts = [0];
-	const flush = (end) => {
-		rows.push({
-			text,
-			start,
-			end,
-			offsets: [...offsets],
-			columns: [...rowColumns],
-			cuts: [...rowCuts]
-		});
-		text = "";
-		used = 0;
-		offsets.length = 0;
-		rowColumns.length = 0;
-		rowCuts.length = 0;
-	};
-	for (const span of spans) {
-		if (span.text === "\n") {
-			flush(span.start);
-			start = span.end;
-			offsets.push(span.end);
-			rowColumns.push(0);
-			rowCuts.push(0);
-			continue;
-		}
-		if (used > 0 && used + span.width > width) {
-			flush(span.start);
-			start = span.start;
-			offsets.push(span.start);
-			rowColumns.push(0);
-			rowCuts.push(0);
-		}
-		text += span.text;
-		used += span.width;
-		offsets.push(span.end);
-		rowColumns.push(used);
-		rowCuts.push(text.length);
+/** Match one CSI-u sequence (code, optional ;modifiers, then :event or ;alternate). */
+const CSI_U_SOURCE = "\x1B\\[(\\d+)(?:;(\\d+))?(?:(:|;)(\\d+))?u";
+/** Kitty private-use keycodes for the numeric keypad and keypad Enter. */
+const KITTY_KEYPAD_CODES = {
+	57399: "0",
+	57400: "1",
+	57401: "2",
+	57402: "3",
+	57403: "4",
+	57404: "5",
+	57405: "6",
+	57406: "7",
+	57407: "8",
+	57408: "9",
+	57414: "\r"
+};
+/** Legacy equivalent for one decoded CSI-u key, or undefined to pass through. */
+function legacyForKey(key) {
+	const bits = Math.max(0, key.modifiers - 1);
+	const shift = (bits & 1) !== 0;
+	const alt = (bits & 2) !== 0;
+	const ctrl = (bits & 4) !== 0;
+	if (key.code === 13) {
+		if (ctrl || shift) return "\n";
+		if (alt) return "\x1B\r";
+		return "\r";
 	}
-	if (text !== "" || rows.length === 0) flush(value.length);
-	else if (offsets.length > 0) rows.push({
-		text: "",
-		start,
-		end: value.length,
-		offsets: [...offsets],
-		columns: [...rowColumns],
-		cuts: [...rowCuts]
+	if (key.code === 27) return "\x1B";
+	if (key.code === 9) return shift ? "\x1B[Z" : "	";
+	if (key.code === 127) return alt || ctrl ? "\x1B" : "";
+	const keypad = KITTY_KEYPAD_CODES[key.code];
+	if (keypad !== void 0) {
+		if (alt) return "\x1B" + keypad;
+		return keypad;
+	}
+	if (key.code >= 1 && key.code <= 6) {
+		const mask = (shift ? 1 : 0) + (alt ? 2 : 0) + (ctrl ? 4 : 0);
+		const mods = mask === 0 ? "" : `;${mask + 1}`;
+		if (key.code === 1) return mods === "" ? "\x1B[H" : `\x1b[1${mods}H`;
+		if (key.code === 4) return mods === "" ? "\x1B[F" : `\x1b[1${mods}F`;
+		return `\x1b[${key.code}${mods}~`;
+	}
+	if (key.code >= 97 && key.code <= 122) {
+		const letter = String.fromCodePoint(key.code);
+		if (ctrl) return String.fromCodePoint(key.code - 96);
+		if (alt) return "\x1B" + letter;
+		if (shift) return String.fromCodePoint(key.alternate ?? key.code - 32);
+		return letter;
+	}
+	if (key.code >= 65 && key.code <= 90) {
+		if (ctrl) return String.fromCodePoint(key.code + 32 - 96);
+		if (alt) return "\x1B" + String.fromCodePoint(key.code + 32);
+		return String.fromCodePoint(key.code);
+	}
+	if (key.code >= 32 && key.code <= 126) {
+		const base = key.alternate ?? key.code;
+		if (ctrl && base - 96 >= 1 && base - 96 <= 26) return String.fromCodePoint(base - 96);
+		if (alt) return "\x1B" + String.fromCodePoint(base);
+		return String.fromCodePoint(base);
+	}
+}
+/**
+* Rewrite every decodable kitty CSI-u sequence in one stdin chunk to the
+* legacy form the input layer already handles. Undecodable or non-key
+* sequences pass through untouched, so terminals without the protocol are
+* unaffected.
+*/
+function normalizeKeyboardChunk(chunk) {
+	if (!chunk.includes("\x1B[") || !chunk.includes("u")) return chunk;
+	const pattern = new RegExp(CSI_U_SOURCE, "g");
+	return chunk.replace(pattern, (whole, code, mods, separator, third) => {
+		return legacyForKey({
+			code: Number.parseInt(code, 10),
+			modifiers: mods === void 0 || mods === "" ? 1 : Math.max(1, Number.parseInt(mods, 10)),
+			alternate: separator === ";" && third !== void 0 && third !== "" ? Number.parseInt(third, 10) : void 0
+		}) ?? whole;
 	});
-	return {
-		rows,
-		length: value.length
-	};
 }
-/** Split one row around the authoritative caret; every other row stays whole. */
-function editorRowParts(row, rowIndex, caretRow, cursor, caretEnabled = true) {
-	if (!caretEnabled || rowIndex !== caretRow) return {
-		before: "",
-		caret: "",
-		after: row.text,
-		hasCaret: false
+const HOME_SEQUENCES = [
+	"\x1B[H",
+	"\x1B[1~",
+	"\x1B[7~",
+	"\x1BOH"
+];
+const END_SEQUENCES = [
+	"\x1B[F",
+	"\x1B[4~",
+	"\x1B[8~",
+	"\x1BOF"
+];
+/** Parse one CSI functional-key sequence at `offset`. */
+function functionalToken(chunk, offset) {
+	const tail = chunk.slice(offset);
+	for (const sequence of HOME_SEQUENCES) if (tail.startsWith(sequence)) return {
+		token: { kind: "home" },
+		length: sequence.length
 	};
-	const at = row.offsets.indexOf(cursor);
-	if (at < 0) return {
-		before: "",
-		caret: "",
-		after: row.text,
-		hasCaret: false
+	for (const sequence of END_SEQUENCES) if (tail.startsWith(sequence)) return {
+		token: { kind: "end" },
+		length: sequence.length
 	};
-	return {
-		before: at > 0 ? row.text.slice(0, row.cuts[at]) : "",
-		caret: at < row.cuts.length - 1 ? row.text.slice(row.cuts[at], row.cuts[at + 1]) : " ",
-		after: at < row.cuts.length - 1 ? row.text.slice(row.cuts[at + 1]) : "",
-		hasCaret: true
+	const modifiedHome = /^\x1b\[1;(\d+)H/u.exec(tail);
+	if (modifiedHome !== null) return {
+		token: { kind: "home" },
+		length: modifiedHome[0].length
 	};
-}
-/** Map a cursor offset to its caret site on the wrapped rows. */
-function caretSite(model, offset) {
-	const target = Math.max(0, Math.min(model.length, offset));
-	for (let index = model.rows.length - 1; index >= 0; index -= 1) {
-		const row = model.rows[index];
-		const at = row.offsets.indexOf(target);
-		if (at >= 0) return {
-			row: index,
-			column: row.columns[at]
+	const modifiedEnd = /^\x1b\[1;(\d+)F/u.exec(tail);
+	if (modifiedEnd !== null) return {
+		token: { kind: "end" },
+		length: modifiedEnd[0].length
+	};
+	const modifiedDelete = /^\x1b\[3(?:;(\d+))?~/u.exec(tail);
+	if (modifiedDelete !== null) {
+		const modifiers = Number.parseInt(modifiedDelete[1] ?? "1", 10) - 1;
+		return {
+			token: { kind: (modifiers & 2) !== 0 || (modifiers & 4) !== 0 ? "delete-word-forward" : "delete-forward" },
+			length: modifiedDelete[0].length
 		};
 	}
-	const last = model.rows[model.rows.length - 1];
-	return {
-		row: model.rows.length - 1,
-		column: last === void 0 ? 0 : last.columns[last.columns.length - 1]
-	};
 }
 /**
-* Move the caret across physical rows keeping a preferred display column
-* (Codex `preferred_col`): horizontal moves reset the preference, vertical
-* moves reuse it, clamped to each row's width.
+* Tokenize a stdin chunk containing at least one editor-only key. Ink calls
+* `useInput` once for a pasted/batched chunk, so preserving each action here
+* prevents repeated Backspace/Home/End/Delete presses from collapsing into
+* one blurred key event. Unknown escape sequences return undefined and stay
+* under Ink's ownership.
 */
-function moveCursorVertically(model, offset, preferredColumn, delta) {
-	const target = caretSite(model, offset).row + delta;
-	if (delta === 0) return offset;
-	if (target < 0) return 0;
-	if (target >= model.rows.length) return model.length;
-	const row = model.rows[target];
-	const wanted = Math.max(0, Math.min(preferredColumn, row.columns[row.columns.length - 1]));
-	let best = 0;
-	for (let index = 1; index < row.columns.length; index += 1) if (row.columns[index] <= wanted) best = index;
-	else break;
-	return row.offsets[best];
-}
-/** The start/end offsets of the logical line containing the cursor. */
-function lineBounds(value, offset) {
-	const target = Math.max(0, Math.min(value.length, offset));
-	const start = value.lastIndexOf("\n", Math.max(0, target - 1)) + 1;
-	const end = value.indexOf("\n", target);
-	return {
-		start,
-		end: end === -1 ? value.length : end
+function tokenizeRawEditorChunk(chunk) {
+	const tokens = [];
+	let text = "";
+	let special = false;
+	const flushText = () => {
+		if (text === "") return;
+		tokens.push({
+			kind: "text",
+			text
+		});
+		text = "";
 	};
-}
-/** Codex WORD_SEPARATORS: punctuation runs are their own word pieces. */
-const WORD_SEPARATORS = /* @__PURE__ */ new Set("`~!@#$%^&*()-=+[{]}\\|;:'\",.<>/?");
-const HAN_GRAPHEME = /^\p{Script=Han}(?:\p{Mark}|\uFE0F)*$/u;
-const UNICODE_PUNCTUATION = /^\p{P}+$/u;
-function classifyGrapheme(text) {
-	if (/^\s$/u.test(text)) return "space";
-	return WORD_SEPARATORS.has(text) || UNICODE_PUNCTUATION.test(text) ? "punct" : "word";
-}
-/** Maximal same-class runs; Han graphemes deliberately stay one run each. */
-function pieceRuns(value) {
-	const runs = [];
-	let current;
-	for (const span of splitGraphemes(value)) {
-		const klass = span.text === "\n" ? "space" : classifyGrapheme(span.text);
-		const atomic = klass === "word" && HAN_GRAPHEME.test(span.text);
-		if (current !== void 0 && current.class === klass && !current.atomic && !atomic) {
-			current.end = span.end;
+	for (let offset = 0; offset < chunk.length;) {
+		if (chunk.startsWith("\x1B", offset) || chunk.startsWith("\x1B\b", offset)) {
+			flushText();
+			tokens.push({ kind: "delete-word-backward" });
+			special = true;
+			offset += 2;
 			continue;
 		}
-		current = {
-			start: span.start,
-			end: span.end,
-			class: klass,
-			atomic
-		};
-		runs.push(current);
+		const functional = functionalToken(chunk, offset);
+		if (functional !== void 0) {
+			flushText();
+			tokens.push(functional.token);
+			special = true;
+			offset += functional.length;
+			continue;
+		}
+		const char = chunk[offset];
+		if (char === "" || char === "\b") {
+			flushText();
+			tokens.push({ kind: "delete-backward" });
+			special = true;
+			offset += 1;
+			continue;
+		}
+		if (char === "\x1B") return void 0;
+		text += char;
+		offset += 1;
 	}
-	return runs;
+	flushText();
+	return special ? tokens : void 0;
 }
+//#endregion
+//#region src/render/status.ts
 /**
-* Codex `beginning_of_previous_word`: skip whitespace left, then land on the
-* START of the trailing non-space piece (extending over separator pieces).
+* Status-bar composition for the TUI footer. Codex/Claude-Code-style split
+* line: identity facts and session figures flow from the left, while the
+* permission badge (the Codex "autonomous selection" anchor, with its
+* shift+tab cycle hint) pins to the right edge. Every segment carries a tone
+* the footer maps to a theme color, and layoutStatusBar degrades the line
+* item by item so it always fits one physical row — truncation with an
+* ellipsis happens only after every lesser group has already dropped out.
+*
+* @module @deepseek-ai/dsh-tui/render/status
 */
-function moveWordLeft(value, offset) {
-	const cursor = clampCursor(value, offset);
-	const runs = pieceRuns(value);
-	let index = runs.findLastIndex((run) => run.start < cursor);
-	if (index < 0) return 0;
-	if (runs[index].class === "space") {
-		index -= 1;
-		if (index < 0) return 0;
-	}
-	let target = index;
-	while (target > 0 && runs[target].class === "punct" && runs[target - 1].class === "punct") target -= 1;
-	return runs[target].start;
-}
 /**
-* Codex `end_of_next_word`: skip whitespace right, then land on the END of
-* the leading non-space piece (extending over separator pieces).
+* Compact duration: 45.2s under a minute, 2m42s from there on.
+* @param ms - duration in milliseconds.
+* @returns display string.
 */
-function moveWordRight(value, offset) {
-	const cursor = clampCursor(value, offset);
-	const runs = pieceRuns(value);
-	let index = runs.findIndex((run) => run.end > cursor);
-	if (index >= runs.length) return value.length;
-	if (runs[index].class === "space") {
-		index += 1;
-		if (index >= runs.length) return value.length;
-	}
-	let target = index;
-	while (target < runs.length - 1 && runs[target].class === "punct" && runs[target + 1].class === "punct") target += 1;
-	return runs[target].end;
-}
-function replaceRange(value, cursor, start, end, killed) {
-	const from = Math.min(start, end);
-	const to = Math.max(start, end);
-	if (from >= to) return {
-		value,
-		cursor,
-		killed: void 0
-	};
-	const text = value.slice(from, to);
-	return {
-		value: value.slice(0, from) + value.slice(to),
-		cursor: Math.max(0, cursor - Math.max(0, Math.min(cursor, to) - from)),
-		killed: killed ? text : void 0
-	};
-}
-/** Delete the grapheme cluster before the cursor. */
-function deleteBackward(value, cursor) {
-	if (cursor === 0) return {
-		value,
-		cursor,
-		killed: void 0
-	};
-	const spans = splitGraphemes(value.slice(0, cursor));
-	return replaceRange(value, cursor, spans.length === 0 ? 0 : spans[spans.length - 1].start, cursor, false);
-}
-/** Delete the grapheme cluster at the cursor. */
-function deleteForward(value, cursor) {
-	if (cursor >= value.length) return {
-		value,
-		cursor,
-		killed: void 0
-	};
-	const span = splitGraphemes(value).find((candidate) => candidate.start >= cursor);
-	return replaceRange(value, cursor, cursor, span === void 0 ? value.length : span.end, false);
-}
-/** Delete back to the start of the previous word (fills the kill buffer). */
-function deleteWordBackward(value, cursor) {
-	return replaceRange(value, cursor, moveWordLeft(value, cursor), cursor, true);
-}
-/** Delete forward to the end of the next word (fills the kill buffer). */
-function deleteWordForward(value, cursor) {
-	return replaceRange(value, cursor, cursor, moveWordRight(value, cursor), true);
-}
-/** Ctrl+U: kill from the line start to the cursor; at BOL, kill the newline. */
-function killToLineStart(value, cursor) {
-	const bounds = lineBounds(value, cursor);
-	if (cursor > bounds.start) return replaceRange(value, cursor, bounds.start, cursor, true);
-	if (bounds.start > 0) return replaceRange(value, cursor, bounds.start - 1, bounds.start, true);
-	return {
-		value,
-		cursor,
-		killed: void 0
-	};
-}
-/** Ctrl+K: kill from the cursor to the line end; at EOL, kill the newline. */
-function killToLineEnd(value, cursor) {
-	const bounds = lineBounds(value, cursor);
-	if (cursor < bounds.end) return replaceRange(value, cursor, cursor, bounds.end, true);
-	if (bounds.end < value.length) return replaceRange(value, cursor, bounds.end, bounds.end + 1, true);
-	return {
-		value,
-		cursor,
-		killed: void 0
-	};
-}
-/** Insert sanitized text at the cursor. */
-function insertText(value, cursor, text) {
-	const safe = sanitizeDraftText(text);
-	if (safe === "") return {
-		value,
-		cursor,
-		killed: void 0
-	};
-	return {
-		value: value.slice(0, cursor) + safe + value.slice(cursor),
-		cursor: cursor + safe.length,
-		killed: void 0
-	};
-}
-/** Ctrl+A: current logical line start, then the previous line start on repeat. */
-function moveToLineStart(value, cursor, crossOnRepeat) {
-	const site = clampCursor(value, cursor);
-	const bounds = lineBounds(value, site);
-	if (!crossOnRepeat || site !== bounds.start || bounds.start === 0) return bounds.start;
-	return lineBounds(value, bounds.start - 1).start;
-}
-/** Ctrl+E: current logical line end, then the next line end on repeat. */
-function moveToLineEnd(value, cursor, crossOnRepeat) {
-	const site = clampCursor(value, cursor);
-	const bounds = lineBounds(value, site);
-	if (!crossOnRepeat || site !== bounds.end || bounds.end >= value.length) return bounds.end;
-	return lineBounds(value, bounds.end + 1).end;
+function formatDuration(ms) {
+	const s = ms / 1e3;
+	if (s < 60) return String(Math.round(s * 10) / 10) + "s";
+	const whole = Math.round(s);
+	const hours = Math.floor(whole / 3600);
+	const minutes = Math.floor(whole % 3600 / 60);
+	const seconds = whole % 60;
+	if (hours > 0) return `${hours}h${minutes}m${seconds === 0 ? "" : `${seconds}s`}`;
+	return `${minutes}m${seconds}s`;
 }
 /**
-* Remap a captured range when all intervening edits are wholly before or
-* wholly after it. An edit overlapping either boundary invalidates the
-* anchor instead of guessing and inserting content at a surprising place.
+* Compact decode rate: one decimal under a hundred, whole below a thousand,
+* then thousands (15.3 / 124 / 1.2K).
+* @param n - tokens per second.
+* @returns display string.
 */
-function remapStableRange(original, current, range) {
-	const start = Math.max(0, Math.min(original.length, range.start));
-	const end = Math.max(start, Math.min(original.length, range.end));
-	if (original === current) return {
-		start,
-		end
-	};
-	let prefix = 0;
-	const shared = Math.min(original.length, current.length);
-	while (prefix < shared && original[prefix] === current[prefix]) prefix += 1;
-	let suffix = 0;
-	while (suffix < original.length - prefix && suffix < current.length - prefix && original[original.length - 1 - suffix] === current[current.length - 1 - suffix]) suffix += 1;
-	const oldChangedEnd = original.length - suffix;
-	if (prefix >= end) return {
-		start,
-		end
-	};
-	if (oldChangedEnd <= start) {
-		const delta = current.length - original.length;
-		return {
-			start: start + delta,
-			end: end + delta
-		};
-	}
-}
-/** Replace a current range while preserving a cursor moved after capture. */
-function replaceRangePreservingCursor(value, cursor, range, replacement) {
-	const start = Math.max(0, Math.min(value.length, range.start));
-	const end = Math.max(start, Math.min(value.length, range.end));
-	const site = clampCursor(value, cursor);
-	const nextCursor = site <= start ? site : site >= end ? site + replacement.length - (end - start) : start + replacement.length;
-	return {
-		value: value.slice(0, start) + replacement + value.slice(end),
-		cursor: nextCursor,
-		killed: void 0
-	};
+function formatRate(n) {
+	if (n < 100) return String(Math.round(n * 10) / 10);
+	if (n < 1e3) return String(Math.round(n));
+	return String(Math.round(n / 100) / 10) + "K";
 }
 /**
-* Composer editor row budget: the editor itself never grows past this many
-* physical rows; deeper drafts scroll internally to keep the caret visible.
-* Short terminals collapse toward one row so the live transcript keeps room.
+* Cache-hit share of billed prompt-side input. The denominator is the same
+* billed total the /usage panel shows (uncached input plus both cache
+* buckets), so the two readouts can never disagree.
+* @param usage - cumulative token totals.
+* @returns percent rounded to one decimal place, or null when no input was billed.
 */
-function composerMaxRows(terminalRows) {
-	return Math.max(1, Math.min(6, Math.floor((Math.max(1, terminalRows) - 10) / 3)));
+function cacheHitPercent(usage) {
+	const billed = billedInputTokens(usage);
+	return billed === 0 ? null : Math.round(usage.cacheReadTokens / billed * 1e3) / 10;
+}
+/** Separator between trailing state spans. */
+const STATUS_ITEM_SEPARATOR = " · ";
+/** Localized mode-cycle hint used by the live layout. */
+function statusCycleHint() {
+	return ` ${t("status.cycleHint")}`;
 }
+/** Occupancy at which the usage readout flips from brand blue to amber. */
+const CONTEXT_WARN_PERCENT = 90;
 /**
-* History navigation starts with Up on an empty draft, or continues from an
-* unchanged recalled entry whenever the caret sits on either text edge
-* (start or end) - moving the caret into the interior returns the keys to
-* ordinary editing until an edge is reached again.
-*/
-function shouldRecallNavigate(value, cursor, lastRecalled, direction) {
-	if (value === "") return direction < 0;
-	if (lastRecalled !== value) return false;
-	return cursor === 0 || cursor === value.length;
-}
-//#endregion
-//#region src/keyboard.ts
-/**
-* Keyboard enhancement protocol (Codex `keyboard_modes` parity) and the
-* kitty CSI-u normalization layer.
-*
-* The TUI pushes the kitty keyboard protocol with DISAMBIGUATE_ESCAPE_CODES
-* and REPORT_ALTERNATE_KEYS (flags 1|4 = `\x1b[>5u`). Event types are
-* deliberately NOT requested: Ink 5's parser cannot decode the
-* `:event-type` suffix, and repeat/release reporting buys this surface
-* nothing.
-*
-* Ink 5 also cannot parse most CSI-u forms at all — they fall through its
-* regex as unnamed sequences and get INSERTED AS DRAFT TEXT. The composer's
-* stdin read patch therefore rewrites every CSI-u form it can decode back
-* to the legacy byte or canonical sequence the existing key handling
-* already understands, before Ink ever parses the chunk.
-* @module @deepseek-ai/dsh-code/keyboard
+* Narrowest bar width the drop ladder keeps before dropping the whole
+* context group: the bar shrinks to this floor first (the absolute readout
+* survives), and only past it does the readout degrade and the group go.
 */
-/** Push keyboard enhancement (modifyOtherKeys off, kitty flags 1|4). */
-const KEYBOARD_ENHANCE_ENABLE = "\x1B[>4;0m\x1B[>5u";
-/** Pop the enhancement stack and reset modifyOtherKeys (exit path). */
-const KEYBOARD_ENHANCE_DISABLE = "\x1B[<u\x1B[>4;0m";
-const DSH_ENABLE_KEYBOARD_ENHANCEMENT = "DSH_ENABLE_KEYBOARD_ENHANCEMENT";
-function parseBooleanEnv(value) {
-	if (value === void 0) return void 0;
-	const normalized = value.trim().toLowerCase();
-	if (normalized === "1" || normalized === "true" || normalized === "yes") return true;
-	if (normalized === "0" || normalized === "false" || normalized === "no") return false;
-}
-/** True when the process is running inside the VS Code integrated terminal. */
-function isVsCodeTerminalEnv(env = process.env) {
-	return env.TERM_PROGRAM?.trim().toLowerCase() === "vscode" || env.VSCODE_INJECTION === "1";
-}
-/** Whether to push Kitty keyboard enhancement for the current terminal. */
-function shouldEnableKeyboardEnhancement(env = process.env) {
-	if (parseBooleanEnv(env["DSH_DISABLE_KEYBOARD_ENHANCEMENT"]) === true) return false;
-	const explicitEnable = parseBooleanEnv(env[DSH_ENABLE_KEYBOARD_ENHANCEMENT]);
-	if (explicitEnable !== void 0) return explicitEnable;
-	return !isVsCodeTerminalEnv(env);
-}
-/** Enable bracketed paste reporting. */
-const BRACKETED_PASTE_ENABLE = "\x1B[?2004h";
-/** Disable bracketed paste reporting. */
-const BRACKETED_PASTE_DISABLE = "\x1B[?2004l";
-/** Enable terminal focus-in/focus-out reporting (xterm focus protocol). */
-const TERMINAL_FOCUS_REPORT_ENABLE = "\x1B[?1004h";
-/** Disable terminal focus-in/focus-out reporting. */
-const TERMINAL_FOCUS_REPORT_DISABLE = "\x1B[?1004l";
+const CONTEXT_MIN_WIDTH = 5;
 /**
-* Remove xterm focus reports from one input chunk and update the caller's
-* focus state. Focus reports are terminal protocol, not composer text.
+* Render context occupancy as ONE stepless proportional bar: a solid
+* DeepSeek-blue fill run tracking the occupancy and a dim dotted free
+* track for the rest. Nothing else lives inside the bar — the usage
+* readout rides outside it (see contextGroupSpans) — so the geometry
+* always reads as the true remaining share. A given occupancy always
+* renders the identical bar.
+* @param usedTokens - reported used tokens.
+* @param contextWindow - route capacity.
+* @param width - total bar columns.
+* @returns tone-split spans for the footer to paint.
 */
-function stripTerminalFocusEvents(chunk, onFocus) {
-	return chunk.replace(/\x1b\[(I|O)/gu, (_whole, event) => {
-		onFocus(event === "I");
-		return "";
+function contextBar(usedTokens, contextWindow, width) {
+	if (width <= 0 || contextWindow <= 0) return [];
+	const fill = Math.min(width, Math.max(0, Math.round(Math.max(0, usedTokens) / contextWindow * width)));
+	const spans = [];
+	if (fill > 0) spans.push({
+		text: "█".repeat(fill),
+		tone: "ctxFill"
 	});
-}
-/** Bracketed paste markers as Ink delivers them (it strips the leading ESC). */
-const PASTE_START_MARKER = "[200~";
-const PASTE_END_MARKER = "[201~";
-/**
-* How long an unterminated bracketed-paste block may hold buffered bytes
-* before the input splitter strips its start marker and releases them: a
-* terminal that loses the end marker must never take the whole keyboard
-* hostage (Esc/Ctrl+C included). Shared by the splitter and the composer's
-* lost-paste safety net so both use one window.
-*/
-const PASTE_BRACKET_TIMEOUT_MS = 1e3;
-/**
-* Remove bracketed paste markers from one input chunk. Panel drafts accept raw
-* `input` text, where an unhandled paste would otherwise persist the literal
-* "[200~"/"[201~" markers Ink leaves after stripping the ESC byte.
-*/
-function stripPasteMarkers(text) {
-	return text.replaceAll(`\x1b${PASTE_START_MARKER}`, "").replaceAll(`\x1b${PASTE_END_MARKER}`, "").replaceAll(PASTE_START_MARKER, "").replaceAll(PASTE_END_MARKER, "");
-}
-/** Match one CSI-u sequence (code, optional ;modifiers, then :event or ;alternate). */
-const CSI_U_SOURCE = "\x1B\\[(\\d+)(?:;(\\d+))?(?:(:|;)(\\d+))?u";
-/** Kitty private-use keycodes for the numeric keypad and keypad Enter. */
-const KITTY_KEYPAD_CODES = {
-	57399: "0",
-	57400: "1",
-	57401: "2",
-	57402: "3",
-	57403: "4",
-	57404: "5",
-	57405: "6",
-	57406: "7",
-	57407: "8",
-	57408: "9",
-	57414: "\r"
-};
-/** Legacy equivalent for one decoded CSI-u key, or undefined to pass through. */
-function legacyForKey(key) {
-	const bits = Math.max(0, key.modifiers - 1);
-	const shift = (bits & 1) !== 0;
-	const alt = (bits & 2) !== 0;
-	const ctrl = (bits & 4) !== 0;
-	if (key.code === 13) {
-		if (ctrl || shift) return "\n";
-		if (alt) return "\x1B\r";
-		return "\r";
-	}
-	if (key.code === 27) return "\x1B";
-	if (key.code === 9) return shift ? "\x1B[Z" : "	";
-	if (key.code === 127) return alt || ctrl ? "\x1B" : "";
-	const keypad = KITTY_KEYPAD_CODES[key.code];
-	if (keypad !== void 0) {
-		if (alt) return "\x1B" + keypad;
-		return keypad;
-	}
-	if (key.code >= 1 && key.code <= 6) {
-		const mask = (shift ? 1 : 0) + (alt ? 2 : 0) + (ctrl ? 4 : 0);
-		const mods = mask === 0 ? "" : `;${mask + 1}`;
-		if (key.code === 1) return mods === "" ? "\x1B[H" : `\x1b[1${mods}H`;
-		if (key.code === 4) return mods === "" ? "\x1B[F" : `\x1b[1${mods}F`;
-		return `\x1b[${key.code}${mods}~`;
-	}
-	if (key.code >= 97 && key.code <= 122) {
-		const letter = String.fromCodePoint(key.code);
-		if (ctrl) return String.fromCodePoint(key.code - 96);
-		if (alt) return "\x1B" + letter;
-		if (shift) return String.fromCodePoint(key.alternate ?? key.code - 32);
-		return letter;
-	}
-	if (key.code >= 65 && key.code <= 90) {
-		if (ctrl) return String.fromCodePoint(key.code + 32 - 96);
-		if (alt) return "\x1B" + String.fromCodePoint(key.code + 32);
-		return String.fromCodePoint(key.code);
-	}
-	if (key.code >= 32 && key.code <= 126) {
-		const base = key.alternate ?? key.code;
-		if (ctrl && base - 96 >= 1 && base - 96 <= 26) return String.fromCodePoint(base - 96);
-		if (alt) return "\x1B" + String.fromCodePoint(base);
-		return String.fromCodePoint(base);
-	}
+	const free = width - fill;
+	if (free > 0) spans.push({
+		text: "░".repeat(free),
+		tone: "label"
+	});
+	return spans;
 }
 /**
-* Rewrite every decodable kitty CSI-u sequence in one stdin chunk to the
-* legacy form the input layer already handles. Undecodable or non-key
-* sequences pass through untouched, so terminals without the protocol are
-* unaffected.
+* Compose the context group: the proportional bar plus the usage readout
+* OUTSIDE the bar, so the dotted track keeps its proportional meaning no
+* matter how wide the readout is. `full` reads `12.3K/1.0M 25%`; `percent`
+* drops the absolute pair; `none` is the bare bar. The readout turns amber
+* once occupancy reaches the warning threshold.
 */
-function normalizeKeyboardChunk(chunk) {
-	if (!chunk.includes("\x1B[") || !chunk.includes("u")) return chunk;
-	const pattern = new RegExp(CSI_U_SOURCE, "g");
-	return chunk.replace(pattern, (whole, code, mods, separator, third) => {
-		return legacyForKey({
-			code: Number.parseInt(code, 10),
-			modifiers: mods === void 0 || mods === "" ? 1 : Math.max(1, Number.parseInt(mods, 10)),
-			alternate: separator === ";" && third !== void 0 && third !== "" ? Number.parseInt(third, 10) : void 0
-		}) ?? whole;
+function contextGroupSpans(usedTokens, contextWindow, barWidth, readout) {
+	const spans = [{
+		text: t("status.label.context") + " ",
+		tone: "label"
+	}];
+	spans.push(...contextBar(usedTokens, contextWindow, barWidth));
+	if (readout === "none" || barWidth <= 0 || contextWindow <= 0) return spans;
+	const used = Math.max(0, usedTokens);
+	const percent = Math.round(used / contextWindow * 100);
+	const text = readout === "full" ? `${formatTokens(used)}/${formatTokens(contextWindow)} ${percent}%` : `${percent}%`;
+	spans.push({
+		text: " ",
+		tone: "label"
+	}, {
+		text,
+		tone: percent >= CONTEXT_WARN_PERCENT ? "warn" : "value"
 	});
+	return spans;
 }
-const HOME_SEQUENCES = [
-	"\x1B[H",
-	"\x1B[1~",
-	"\x1B[7~",
-	"\x1BOH"
-];
-const END_SEQUENCES = [
-	"\x1B[F",
-	"\x1B[4~",
-	"\x1B[8~",
-	"\x1BOF"
-];
-/** Parse one CSI functional-key sequence at `offset`. */
-function functionalToken(chunk, offset) {
-	const tail = chunk.slice(offset);
-	for (const sequence of HOME_SEQUENCES) if (tail.startsWith(sequence)) return {
-		token: { kind: "home" },
-		length: sequence.length
-	};
-	for (const sequence of END_SEQUENCES) if (tail.startsWith(sequence)) return {
-		token: { kind: "end" },
-		length: sequence.length
-	};
-	const modifiedHome = /^\x1b\[1;(\d+)H/u.exec(tail);
-	if (modifiedHome !== null) return {
-		token: { kind: "home" },
-		length: modifiedHome[0].length
-	};
-	const modifiedEnd = /^\x1b\[1;(\d+)F/u.exec(tail);
-	if (modifiedEnd !== null) return {
-		token: { kind: "end" },
-		length: modifiedEnd[0].length
-	};
-	const modifiedDelete = /^\x1b\[3(?:;(\d+))?~/u.exec(tail);
-	if (modifiedDelete !== null) {
-		const modifiers = Number.parseInt(modifiedDelete[1] ?? "1", 10) - 1;
-		return {
-			token: { kind: (modifiers & 2) !== 0 || (modifiers & 4) !== 0 ? "delete-word-forward" : "delete-forward" },
-			length: modifiedDelete[0].length
-		};
+/** The full item catalog in canonical order (the /statusline default). */
+const STATUS_ITEMS = [
+	{
+		id: "model",
+		label: "model",
+		description: "provider/model serving this session",
+		side: "left"
+	},
+	{
+		id: "cwd",
+		label: "cwd",
+		description: "working-directory basename",
+		side: "left"
+	},
+	{
+		id: "mode",
+		label: "mode",
+		description: "agent preset composing the session",
+		side: "left"
+	},
+	{
+		id: "branch",
+		label: "branch",
+		description: "git branch inside a repository",
+		side: "left"
+	},
+	{
+		id: "context",
+		label: "context",
+		description: "context-window occupancy meter",
+		side: "left"
+	},
+	{
+		id: "permission",
+		label: "permission",
+		description: "permission preset badge with cycle hint",
+		side: "right"
+	},
+	{
+		id: "plan",
+		label: "plan",
+		description: "plan-mode state mark",
+		side: "left"
+	},
+	{
+		id: "turns",
+		label: "turns",
+		description: "turn and step counters",
+		side: "left"
+	},
+	{
+		id: "durations",
+		label: "durations",
+		description: "llm/ttft/decode/tool wall time",
+		side: "left"
+	},
+	{
+		id: "cache",
+		label: "cache",
+		description: "cache-hit share of billed input",
+		side: "left"
+	},
+	{
+		id: "tokens",
+		label: "tokens",
+		description: "cumulative input/output tokens",
+		side: "left"
+	},
+	{
+		id: "title",
+		label: "title",
+		description: "session title or short id",
+		side: "left"
+	},
+	{
+		id: "goal",
+		label: "goal",
+		description: "live goal phase and round progress",
+		side: "left"
+	},
+	{
+		id: "sandbox",
+		label: "sandbox",
+		description: "divergent sandbox-mode override",
+		side: "left"
+	}
+];
+const STATUSLINE_ITEM_KEYS = {
+	model: {
+		label: "statusline.item.model",
+		description: "statusline.item.model.desc"
+	},
+	cwd: {
+		label: "statusline.item.cwd",
+		description: "statusline.item.cwd.desc"
+	},
+	mode: {
+		label: "statusline.item.mode",
+		description: "statusline.item.mode.desc"
+	},
+	branch: {
+		label: "statusline.item.branch",
+		description: "statusline.item.branch.desc"
+	},
+	context: {
+		label: "statusline.item.context",
+		description: "statusline.item.context.desc"
+	},
+	permission: {
+		label: "statusline.item.permission",
+		description: "statusline.item.permission.desc"
+	},
+	plan: {
+		label: "statusline.item.plan",
+		description: "statusline.item.plan.desc"
+	},
+	turns: {
+		label: "statusline.item.turns",
+		description: "statusline.item.turns.desc"
+	},
+	durations: {
+		label: "statusline.item.durations",
+		description: "statusline.item.durations.desc"
+	},
+	cache: {
+		label: "statusline.item.cache",
+		description: "statusline.item.cache.desc"
+	},
+	tokens: {
+		label: "statusline.item.tokens",
+		description: "statusline.item.tokens.desc"
+	},
+	title: {
+		label: "statusline.item.title",
+		description: "statusline.item.title.desc"
+	},
+	goal: {
+		label: "statusline.item.goal",
+		description: "statusline.item.goal.desc"
+	},
+	sandbox: {
+		label: "statusline.item.sandbox",
+		description: "statusline.item.sandbox.desc"
+	}
+};
+/** Picker rows with labels/descriptions in the active interface language. */
+function localizedStatusItems() {
+	return STATUS_ITEMS.map((item) => {
+		const keys = STATUSLINE_ITEM_KEYS[item.id];
+		return {
+			...item,
+			label: t(keys.label),
+			description: t(keys.description)
+		};
+	});
+}
+/**
+* Default order: the whole catalog (matches the pre-customization bar).
+* The busy dot is not an item — it always leads the identity cluster.
+*/
+const DEFAULT_STATUSLINE_ITEMS = STATUS_ITEMS.map((item) => item.id);
+/**
+* Parse a persisted statusline item list. The stored value is the ordered
+* set of ENABLED items (the Codex /statusline contract): unknown ids and
+* duplicates drop out, and a non-array value (missing or corrupt file)
+* falls back to the full default set. An explicitly empty array is valid —
+* the bar degrades to its busy dot alone.
+* @param value - the raw parsed JSON value (expected string[]).
+* @returns the normalized ordered item list.
+*/
+function parseStatuslineItems(value) {
+	if (!Array.isArray(value)) return [...DEFAULT_STATUSLINE_ITEMS];
+	const known = new Set(STATUS_ITEMS.map((item) => item.id));
+	const kept = [];
+	for (const entry of value) if (typeof entry === "string" && known.has(entry) && !kept.includes(entry)) kept.push(entry);
+	return kept;
+}
+/** Minimum blank gap kept between the leading and trailing sides. */
+const LEFT_RIGHT_GAP = 2;
+/** Column held back so Ink/yoga measurement drift can never force a wrap. */
+const WIDTH_SAFETY = 1;
+/** Column budget for the session title before it ellipsizes. */
+const TITLE_BUDGET = 48;
+/**
+* Primary-row drop ranks: identity never drops; permission outranks context.
+* The drop ladder peels hint and trailing identity facts before removing
+* the context meter, so occupancy stays visible on a typical 120-column
+* terminal. Secondary-row groups reuse the remaining ranks independently.
+*/
+const RANK_TITLE = 10;
+const RANK_TOKENS = 50;
+const RANK_COUNTS = 90;
+const RANK_CONTEXT = 90;
+const RANK_SANDBOX = 92;
+const RANK_GOAL = 95;
+const RANK_BADGE = 100;
+const RANK_IDENTITY = Number.POSITIVE_INFINITY;
+/** Row 2 drop ranks: title and durations go first; state and counts survive longest. */
+const RANK2_DURATIONS = 40;
+const RANK2_CACHE = 50;
+const RANK2_PLAN = 70;
+/**
+* Traffic-light tone for a permission preset: read-only stays success green,
+* full access reads error red, and every workspace-scoped middle ground
+* (including unknown presets) reads warning amber.
+* @param permission - active permission preset label.
+* @returns tone for the badge span.
+*/
+function permissionTone(permission) {
+	const label = permission.toLowerCase();
+	if (label.includes("read")) return "success";
+	if (label.includes("danger") || label.includes("full")) return "error";
+	return "warn";
+}
+/** Display-safe external text: one row, controls escaped. */
+function safe(text) {
+	return singleLineText(text);
+}
+/** Dim junction separator span inside a cluster. */
+function sep() {
+	return {
+		text: " · ",
+		tone: "label"
+	};
+}
+/** True for the dim ` · ` that joins identity facts. */
+function isIdentitySep(span) {
+	return span.text === " · " && span.tone === "label";
+}
+/**
+* Drop the trailing identity fact (branch, then mode, then cwd) so the
+* context meter can keep a column. Returns undefined once only the busy
+* dot and model remain.
+*/
+function peelIdentityFact(spans) {
+	if (spans.length < 3) return void 0;
+	const last = spans[spans.length - 1];
+	const before = spans[spans.length - 2];
+	const modeSep = spans[spans.length - 3];
+	if (last?.tone === "accent" && modeSep !== void 0 && isIdentitySep(modeSep) && before?.tone === "label") return spans.slice(0, -3);
+	if ((last?.tone === "branch" || last?.tone === "path") && before !== void 0 && isIdentitySep(before)) return spans.slice(0, -2);
+}
+/** Total visible columns of a span list (separators ride inside the spans). */
+function spansWidth(spans) {
+	let width = 0;
+	for (const span of spans) width += visibleColumns(span.text);
+	return width;
+}
+/** Join widths of parts with one fixed separator between neighbors. */
+function joinWidth(parts, separator) {
+	if (parts.length === 0) return 0;
+	let width = 0;
+	for (const part of parts) width += part;
+	return width + separator * (parts.length - 1);
+}
+/** Build every candidate group/span with its drop rank and item id. */
+function buildCandidates(facts, stats, busy, enabled, contextWidth) {
+	const identity = [{
+		text: busy ? "● " : "○ ",
+		tone: busy ? "live" : "meta"
+	}];
+	const push = (span) => {
+		if (identity.length > 1) identity.push(sep());
+		identity.push(span);
+	};
+	const model = safe(facts.model);
+	if (model !== "" && enabled.has("model")) {
+		const effort = safe(stats.reasoningEffort);
+		push({
+			text: effort === "" ? model : `${model}@${effort}`,
+			tone: "model"
+		});
+	}
+	const cwd = safe(facts.cwd);
+	if (cwd !== "" && enabled.has("cwd")) push({
+		text: cwd,
+		tone: "path"
+	});
+	const mode = safe(facts.mode ?? "");
+	if (mode !== "" && enabled.has("mode")) {
+		push({
+			text: t("status.label.mode") + " ",
+			tone: "label"
+		});
+		identity.push({
+			text: mode,
+			tone: "accent"
+		});
+	}
+	const branch = safe(facts.branch);
+	if (branch !== "" && enabled.has("branch")) push({
+		text: "⑂ " + branch,
+		tone: "branch"
+	});
+	const left = [{
+		group: { spans: identity },
+		rank: RANK_IDENTITY,
+		id: "identity"
+	}];
+	const right = [];
+	const row2 = [];
+	if (stats.turns > 0 || stats.steps > 0) {
+		if (enabled.has("turns")) {
+			const counts = [];
+			const pair = (label, value) => {
+				if (counts.length > 0) counts.push(sep());
+				counts.push({
+					text: label + " ",
+					tone: "label"
+				}, {
+					text: value,
+					tone: "value"
+				});
+			};
+			pair(t("status.label.turns"), String(stats.turns));
+			pair(t("status.label.steps"), String(stats.steps));
+			row2.push({
+				group: { spans: counts },
+				rank: RANK_COUNTS,
+				id: "turns"
+			});
+		}
+		if (enabled.has("durations")) {
+			const durations = [];
+			const pair = (label, value) => {
+				if (durations.length > 0) durations.push(sep());
+				durations.push({
+					text: label + " ",
+					tone: "label"
+				}, {
+					text: value,
+					tone: "value"
+				});
+			};
+			if (stats.llmMs > 0) pair(t("status.label.modelTime"), formatDuration(stats.llmMs));
+			if (stats.ttftSteps > 0) pair(t("status.label.latency"), formatDuration(stats.ttftMs / stats.ttftSteps));
+			if (stats.decodeMs > 0 && stats.decodeTokens > 0) {
+				if (durations.length > 0) durations.push(sep());
+				durations.push({
+					text: formatRate(stats.decodeTokens / (stats.decodeMs / 1e3)),
+					tone: "value"
+				}, {
+					text: t("status.label.tokensPerSec"),
+					tone: "label"
+				});
+			}
+			if (stats.toolMs > 0) pair(t("status.label.tool"), formatDuration(stats.toolMs));
+			if (durations.length > 0) row2.push({
+				group: { spans: durations },
+				rank: RANK2_DURATIONS,
+				id: "durations"
+			});
+		}
+	}
+	const cacheHit = cacheHitPercent(stats.usage);
+	if (cacheHit !== null && enabled.has("cache")) {
+		const spans = [{
+			text: t("status.label.cache") + " ",
+			tone: "label"
+		}];
+		if (stats.usage.cacheReadTokens > 0) spans.push({
+			text: formatTokens(stats.usage.cacheReadTokens),
+			tone: "value"
+		}, sep());
+		spans.push({
+			text: cacheHit + "%",
+			tone: "value"
+		});
+		row2.push({
+			group: { spans },
+			rank: RANK2_CACHE,
+			id: "cache"
+		});
+	}
+	if (stats.contextWindow > 0 && stats.lastPromptTokens > 0 && enabled.has("context")) left.push({
+		group: { spans: contextGroupSpans(stats.lastPromptTokens, stats.contextWindow, contextWidth, "full") },
+		rank: RANK_CONTEXT,
+		id: "context"
+	});
+	if ((stats.usage.uncachedInputTokens > 0 || stats.usage.outputTokens > 0) && enabled.has("tokens")) {
+		const tokens = [];
+		const pair = (label, value) => {
+			if (tokens.length > 0) tokens.push(sep());
+			tokens.push({
+				text: label + " ",
+				tone: "label"
+			}, {
+				text: value,
+				tone: "value"
+			});
+		};
+		pair(t("status.label.in"), formatTokens(stats.usage.uncachedInputTokens));
+		pair(t("status.label.out"), formatTokens(stats.usage.outputTokens));
+		row2.push({
+			group: { spans: tokens },
+			rank: RANK_TOKENS,
+			id: "tokens"
+		});
+	}
+	const label = truncateColumns(safe(facts.title !== void 0 && facts.title !== "" ? facts.title : facts.sessionId), TITLE_BUDGET);
+	if (label !== "" && enabled.has("title")) row2.push({
+		group: { spans: [{
+			text: label,
+			tone: "meta"
+		}] },
+		rank: RANK_TITLE,
+		id: "title"
+	});
+	if (facts.goal !== void 0 && enabled.has("goal")) row2.push({
+		group: { spans: [{
+			text: facts.goal.phase === "active" ? t("status.goal.round", {
+				current: facts.goal.rounds,
+				max: facts.goal.max
+			}) : t("status.goal.phase", { phase: safe(facts.goal.phase) }),
+			tone: "accent"
+		}] },
+		rank: RANK_GOAL,
+		id: "goal"
+	});
+	const sandbox = safe(facts.sandbox ?? "");
+	if (sandbox !== "" && sandbox.toLowerCase() !== facts.permission.toLowerCase() && enabled.has("sandbox")) row2.push({
+		group: { spans: [{
+			text: t("status.label.sandbox") + " " + sandbox,
+			tone: "warn"
+		}] },
+		rank: RANK_SANDBOX,
+		id: "sandbox"
+	});
+	const permission = safe(facts.permission);
+	let badge = -1;
+	const planStation = facts.plan && permissionTone(permission) === "success";
+	if (permission !== "" && enabled.has("permission")) {
+		right.push({
+			span: planStation ? {
+				text: t("status.plan.on"),
+				tone: "plan"
+			} : {
+				text: permission,
+				tone: permissionTone(permission)
+			},
+			rank: RANK_BADGE,
+			id: "permission"
+		});
+		badge = right.length - 1;
 	}
+	if (facts.plan && enabled.has("plan")) row2.push({
+		group: { spans: [{
+			text: t("status.plan.mark"),
+			tone: "accent"
+		}] },
+		rank: RANK2_PLAN,
+		id: "plan"
+	});
+	return {
+		left,
+		right,
+		badge,
+		row2
+	};
 }
 /**
-* Tokenize a stdin chunk containing at least one editor-only key. Ink calls
-* `useInput` once for a pasted/batched chunk, so preserving each action here
-* prevents repeated Backspace/Home/End/Delete presses from collapsing into
-* one blurred key event. Unknown escape sequences return undefined and stay
-* under Ink's ownership.
+* Compose the two-row footer layout under a column budget. Row 1 keeps model,
+* cwd, mode, branch, context, then the right-pinned permission badge and cycle
+* hint. It shrinks the context bar, drops the hint, and peels trailing
+* identity facts before removing the context group or the permission badge.
+* Row 2 fits all secondary figures and state within its own budget.
+* @param facts - identity facts resolved by the runner.
+* @param stats - session figures folded from the durable log.
+* @param columns - usable columns for each row (before their left padding).
+* @param options - 'busy' hides the cycle hint while a turn runs (Codex
+* keeps mode hints idle-only); 'items' is the ordered enabled-item config
+* from /statusline (defaults to the full catalog). Display order follows the
+* config per side while the drop ladder keeps its fixed ranks.
+* @returns the two rows to render; row1.left is never empty.
 */
-function tokenizeRawEditorChunk(chunk) {
-	const tokens = [];
-	let text = "";
-	let special = false;
-	const flushText = () => {
-		if (text === "") return;
-		tokens.push({
-			kind: "text",
-			text
-		});
-		text = "";
+function layoutStatusBar(facts, stats, columns, options = {}) {
+	const busy = options.busy === true;
+	const items = options.items ?? DEFAULT_STATUSLINE_ITEMS;
+	const enabled = new Set(items);
+	const budget = Math.max(1, Math.floor(columns) - WIDTH_SAFETY);
+	const maxContextWidth = Math.max(CONTEXT_MIN_WIDTH, Math.min(budget, Math.floor(options.contextWidth ?? 24)));
+	const { left, right, badge, row2 } = buildCandidates(facts, stats, busy, enabled, maxContextWidth);
+	const groupSeparator = visibleColumns(" | ");
+	const itemSeparator = visibleColumns(STATUS_ITEM_SEPARATOR);
+	const position = new Map(items.map((id, index) => [id, index]));
+	const byPosition = (a, b) => (position.get(a.id) ?? Number.MAX_SAFE_INTEGER) - (position.get(b.id) ?? Number.MAX_SAFE_INTEGER);
+	const orderedLeft = [left[0], ...left.slice(1).sort(byPosition)];
+	const orderedRight = right.slice().sort(byPosition);
+	const orderedRow2 = row2.slice().sort(byPosition);
+	let hint = badge >= 0 && !busy;
+	const leftKept = [...orderedLeft];
+	const rightKept = [...orderedRight];
+	let contextReadout = "full";
+	let contextWidth = maxContextWidth;
+	const rebuildContext = () => {
+		const index = leftKept.findIndex((entry) => entry.id === "context");
+		if (index < 0) return;
+		leftKept[index] = {
+			group: { spans: contextGroupSpans(stats.lastPromptTokens, stats.contextWindow, contextWidth, contextReadout) },
+			rank: RANK_CONTEXT,
+			id: "context"
+		};
 	};
-	for (let offset = 0; offset < chunk.length;) {
-		if (chunk.startsWith("\x1B", offset) || chunk.startsWith("\x1B\b", offset)) {
-			flushText();
-			tokens.push({ kind: "delete-word-backward" });
-			special = true;
-			offset += 2;
-			continue;
+	const width = () => {
+		const leftWidth = joinWidth(leftKept.map((entry) => spansWidth(entry.group.spans)), groupSeparator);
+		const rightWidth = joinWidth(rightKept.map((entry) => visibleColumns(entry.span.text)), itemSeparator) + (hint ? visibleColumns(statusCycleHint()) : 0);
+		return rightWidth > 0 ? leftWidth + LEFT_RIGHT_GAP + rightWidth : leftWidth;
+	};
+	while (width() > budget) {
+		if (leftKept.some((entry) => entry.id === "context")) {
+			if (contextWidth > CONTEXT_MIN_WIDTH) {
+				const overflow = width() - budget;
+				contextWidth = Math.max(CONTEXT_MIN_WIDTH, contextWidth - overflow);
+				rebuildContext();
+				continue;
+			}
+			if (contextReadout === "full") {
+				contextReadout = "percent";
+				rebuildContext();
+				continue;
+			}
 		}
-		const functional = functionalToken(chunk, offset);
-		if (functional !== void 0) {
-			flushText();
-			tokens.push(functional.token);
-			special = true;
-			offset += functional.length;
+		if (hint) {
+			hint = false;
 			continue;
 		}
-		const char = chunk[offset];
-		if (char === "" || char === "\b") {
-			flushText();
-			tokens.push({ kind: "delete-backward" });
-			special = true;
-			offset += 1;
+		const identityEntry = leftKept[0];
+		if (identityEntry?.id === "identity") {
+			const peeled = peelIdentityFact(identityEntry.group.spans);
+			if (peeled !== void 0) {
+				leftKept[0] = {
+					...identityEntry,
+					group: { spans: peeled }
+				};
+				continue;
+			}
+		}
+		if (leftKept.some((entry) => entry.id === "context")) {
+			leftKept.splice(leftKept.findIndex((entry) => entry.id === "context"), 1);
 			continue;
 		}
-		if (char === "\x1B") return void 0;
-		text += char;
-		offset += 1;
+		let dropLeft = -1;
+		let dropRight = -1;
+		let dropRank = Number.POSITIVE_INFINITY;
+		for (let index = 0; index < leftKept.length; index += 1) {
+			const rank = leftKept[index].rank;
+			if (rank < dropRank) {
+				dropRank = rank;
+				dropLeft = index;
+				dropRight = -1;
+			}
+		}
+		for (let index = 0; index < rightKept.length; index += 1) {
+			const rank = rightKept[index].rank;
+			if (rank < dropRank) {
+				dropRank = rank;
+				dropRight = index;
+				dropLeft = -1;
+			}
+		}
+		if (dropLeft < 0 && dropRight < 0) break;
+		if (dropLeft >= 0) leftKept.splice(dropLeft, 1);
+		else {
+			rightKept.splice(dropRight, 1);
+			if (dropRight === rightKept.length) hint = false;
+		}
 	}
-	flushText();
-	return special ? tokens : void 0;
+	if (width() > budget) {
+		rightKept.length = 0;
+		hint = false;
+		while (leftKept.length > 1) leftKept.pop();
+		leftKept[0] = {
+			group: { spans: [{
+				text: truncateColumns(leftKept[0].group.spans.map((span) => span.text).join(""), budget),
+				tone: "model"
+			}] },
+			rank: RANK_IDENTITY,
+			id: "identity"
+		};
+	}
+	const row2Kept = [...orderedRow2];
+	const row2Budget = Math.max(1, budget - 2);
+	const row2Width = () => joinWidth(row2Kept.map((entry) => spansWidth(entry.group.spans)), groupSeparator);
+	while (row2Width() > row2Budget && row2Kept.length > 0) {
+		let dropIndex = 0;
+		let dropRank = Number.POSITIVE_INFINITY;
+		for (let index = 0; index < row2Kept.length; index += 1) if (row2Kept[index].rank < dropRank) {
+			dropRank = row2Kept[index].rank;
+			dropIndex = index;
+		}
+		row2Kept.splice(dropIndex, 1);
+	}
+	return {
+		row1: {
+			left: leftKept.map((entry) => entry.group),
+			right: rightKept.map((entry) => entry.span),
+			hint
+		},
+		row2: {
+			left: row2Kept.map((entry) => entry.group),
+			right: [],
+			hint: false
+		}
+	};
 }
 //#endregion
 //#region src/ui/query-editor.ts
@@ -35301,9 +35447,9 @@ function deepseekWaveHues(tier) {
 		palette.brandMid
 	];
 }
-/** Original web StateDot chase used by the busy composer marker. */
+/** Functional busy chase; decorative color flow still follows the preference. */
 function BusyChase({ animated = true }) {
-	const tick = useFrames(125, animated);
+	const tick = useFrames(125, true);
 	const flow = themeFlow();
 	const marker = flow !== void 0 && animated ? flowColor(tick * 125 + flow.phaseMs, flow.anchors) : getPalette().brandBright;
 	return (0, import_react.createElement)(Text, { color: inkColor(marker) }, busyChaseFrame(tick) + " ");
@@ -35636,7 +35782,7 @@ function Composer({ active, frozen, frozenHint, busy, descriptors, skills, dispa
 	const [preparingImages, setPreparingImages] = (0, import_react.useState)(false);
 	const prepareAbortRef = (0, import_react.useRef)(void 0);
 	const prepareEpochRef = (0, import_react.useRef)(0);
-	const { visible: cursorVisible, reset: resetCursorBlink } = useCursorBlink(active && !frozen && !preparingImages && animations);
+	const { visible: cursorVisible, reset: resetCursorBlink } = useCursorBlink(active && !frozen && !preparingImages);
 	(0, import_react.useEffect)(() => () => {
 		prepareEpochRef.current += 1;
 		prepareAbortRef.current?.abort();
@@ -38315,6 +38461,37 @@ function QuestionBar({ store, snapshot, locked }) {
 }
 /** The /model panel: a scrolling list over the advisory model directory. */
 //#endregion
+//#region src/render/transcript-viewport.ts
+/**
+* Advance the monotonic physical-row flush cursor.
+*
+* Ordinary renders never pull a row back out of native scrollback. A source-
+* backed replay (epoch change) flushes the complete durable window exactly
+* once after the caller clears/remounts Static; subsequent durable rows start
+* a fresh retained tail. Session/reset shrink starts from the new source.
+*/
+function advanceTranscriptViewport(previous, input) {
+	const total = Math.max(0, Math.floor(input.totalRows));
+	const retained = Math.max(0, Math.floor(input.retainedRows));
+	const desiredStatic = Math.max(0, total - retained);
+	const staticRows = previous.sessionKey !== input.sessionKey ? desiredStatic : previous.epoch !== input.epoch ? total : total < previous.flushedRows ? desiredStatic : Math.max(previous.flushedRows, desiredStatic);
+	return {
+		cursor: {
+			sessionKey: input.sessionKey,
+			epoch: input.epoch,
+			flushedRows: staticRows
+		},
+		staticRows,
+		liveRows: total - staticRows
+	};
+}
+/** Real history rows that fit beside the currently painted stream/tool rows. */
+function visibleTranscriptRows(historyRows, occupiedRows, capacity) {
+	const history = Math.max(0, Math.floor(historyRows));
+	const available = Math.max(0, Math.floor(capacity) - Math.max(0, Math.floor(occupiedRows)));
+	return Math.min(history, available);
+}
+//#endregion
 //#region src/app.ts
 /**
 * The Ink terminal app: whale-and-wordmark header in DeepSeek blue, the live
@@ -38363,26 +38540,23 @@ const TRIM_REFLOW_CLEAR = "\x1B[r\x1B[0m\x1B[H\x1B[2J\x1B[H";
 const SYNCHRONIZED_UPDATE_BEGIN = "\x1B[?2026h";
 /** Release the held frame after Ink has replayed the source-backed Static rows. */
 const SYNCHRONIZED_UPDATE_END = "\x1B[?2026l";
-/**
-* The original web StateDot chase used by the busy composer marker. With
-* animations off it freezes on the first frame (still visibly busy).
-*/
-function Caret({ animated = true }) {
-	const tick = useFrames(530, animated);
+/** Functional streaming caret: activity remains visible in reduced motion. */
+function Caret() {
+	const tick = useFrames(530, true);
 	return (0, import_react.createElement)(Text, null, caretVisible(tick) ? "▍" : " ");
 }
 /** One resettable input-caret phase shared by the entire composer. */
-function ShimmerLine({ text, animated = true }) {
-	const tick = useFrames(33, animated);
+function ShimmerLine({ text, themeFlowAnimated = true }) {
+	const tick = useFrames(33, true);
 	const palette = getPalette();
 	const flow = themeFlow();
-	const highlight = flow !== void 0 && animated ? flowColor(tick * 33 + flow.phaseMs, flow.anchors) : palette.brandBright;
+	const highlight = flow !== void 0 && themeFlowAnimated ? flowColor(tick * 33 + flow.phaseMs, flow.anchors) : palette.brandBright;
 	const graphemes = splitGraphemes(text);
 	return (0, import_react.createElement)(Text, { wrap: "truncate-end" }, ...graphemes.map((grapheme, index) => {
 		const sparkle = grapheme.text === "✻";
 		return (0, import_react.createElement)(Text, {
 			key: `${grapheme.start}-${grapheme.end}`,
-			color: inkColor(!animated ? sparkle ? palette.brandBright : palette.brandDeep : sparkle ? deepDivingSparkColor(tick, palette.brandDeep, highlight) : deepDivingGradientColor(index, tick, graphemes.length, palette.brandDeep, highlight)),
+			color: inkColor(sparkle ? deepDivingSparkColor(tick, palette.brandDeep, highlight) : deepDivingGradientColor(index, tick, graphemes.length, palette.brandDeep, highlight)),
 			bold: sparkle || void 0
 		}, grapheme.text);
 	}));
@@ -38393,12 +38567,13 @@ function ShimmerLine({ text, animated = true }) {
 * only once the turn has clearly been running (15s) — anchored to `turn/start`
 * so a resumed mid-turn keeps the real time.
 */
-function DeepDivingLine({ since, animated = true }) {
+function DeepDivingLine({ since, themeFlowAnimated = true }) {
+	useFrames(1e3, true);
 	const elapsed = since === 0 ? 0 : Date.now() - since;
 	const text = elapsed >= 15e3 ? `✻ Deep diving... ${runClock(elapsed)}` : "✻ Deep diving...";
 	return (0, import_react.createElement)(ShimmerLine, {
 		text,
-		animated
+		themeFlowAnimated
 	});
 }
 /**
@@ -38419,11 +38594,25 @@ function streamTailBodyColumns(rowColumns, prefix, continuationPrefix = prefix)
 	const prefixColumns = Math.max(visibleColumns(prefix), visibleColumns(continuationPrefix));
 	return Math.max(1, width - prefixColumns);
 }
-function StreamTail({ text, dim, maxRows, prefix = "", continuationPrefix = prefix, children, columns }) {
+/** Shared physical layout for streaming render and viewport row accounting. */
+function streamTailLayout(text, columns, maxRows, prefix, continuationPrefix) {
 	const safeRows = Math.max(1, maxRows);
 	const contentColumns = streamTailBodyColumns(columns, prefix, continuationPrefix);
 	const initial = displayTail(text, contentColumns, safeRows);
 	const tail = initial.truncated && safeRows > 1 ? displayTail(text, contentColumns, safeRows - 1) : initial;
+	return {
+		text: tail.text,
+		truncated: tail.truncated,
+		rows: tail.text.split("\n").length + (tail.truncated && safeRows > 1 ? 1 : 0)
+	};
+}
+function streamTailPhysicalRows(text, columns, maxRows, prefix = "", continuationPrefix = prefix) {
+	if (text === "" || maxRows <= 0) return 0;
+	return streamTailLayout(text, columns, maxRows, prefix, continuationPrefix).rows;
+}
+function StreamTail({ text, dim, maxRows, prefix = "", continuationPrefix = prefix, children, columns }) {
+	const safeRows = Math.max(1, maxRows);
+	const tail = streamTailLayout(text, columns, safeRows, prefix, continuationPrefix);
 	const rows = tail.text.split("\n");
 	return (0, import_react.createElement)(Box, { flexDirection: "column" }, tail.truncated && safeRows > 1 ? (0, import_react.createElement)(Text, { color: inkColor(getPalette().dim) }, continuationPrefix, "…") : void 0, ...rows.map((row, index) => (0, import_react.createElement)(Text, {
 		key: index,
@@ -39003,7 +39192,10 @@ function StatusLine({ facts, stats, busy, columns, items, onRows, animated }) {
 		}, (0, import_react.createElement)(Text, { wrap: "truncate-end" }, ...leftParts), rightParts.length > 0 ? (0, import_react.createElement)(Text, { wrap: "truncate-end" }, ...rightParts) : void 0);
 	};
 	const row2Present = layout.row2.left.length > 0;
-	return (0, import_react.createElement)(Box, { flexDirection: "column" }, renderRow(layout.row1, "s1"), row2Present ? renderRow(layout.row2, "s2", 2) : void 0);
+	return (0, import_react.createElement)(Box, {
+		flexDirection: "column",
+		width: columns
+	}, renderRow(layout.row1, "s1"), row2Present ? renderRow(layout.row2, "s2", 2) : void 0);
 }
 /**
 * One fixed-height local feedback row. Errors remain visible while a slash
@@ -39265,21 +39457,32 @@ function StaticTranscript({ items }) {
 	});
 }
 const MemoStaticTranscript = (0, import_react.memo)(StaticTranscript);
-/** Build one settled row (row Box plus its roomy-prompt spacers and row count). */
+/** Build one settled entry as stable physical rows shared by Static and viewport. */
 function buildSettledRow(entry, index, showReasoning, columns) {
-	const roomyPrompt = entry.kind === "user" && !entry.notice;
-	const lines = settledEntryLines(entry, Math.max(10, columns - 2), showReasoning);
+	const physical = settledEntryLines(entry, Math.max(10, columns - 2), showReasoning).map((line, row) => ({
+		line,
+		element: (0, import_react.createElement)(Box, { key: `entry-${index}-row-${row}` }, (0, import_react.createElement)(StyledRows, { lines: [line] }))
+	}));
+	if (entry.kind === "user" && !entry.notice) {
+		const blank = { segments: [] };
+		physical.unshift({
+			line: blank,
+			element: (0, import_react.createElement)(Box, {
+				key: `prompt-before-${index}`,
+				paddingX: 1
+			}, (0, import_react.createElement)(Text, null, " "))
+		});
+		physical.push({
+			line: blank,
+			element: (0, import_react.createElement)(Box, {
+				key: `prompt-after-${index}`,
+				paddingX: 1
+			}, (0, import_react.createElement)(Text, null, " "))
+		});
+	}
 	return {
-		box: (0, import_react.createElement)(Box, { key: index }, (0, import_react.createElement)(StyledRows, { lines })),
-		before: roomyPrompt ? (0, import_react.createElement)(Box, {
-			key: `prompt-before-${index}`,
-			paddingX: 1
-		}, (0, import_react.createElement)(Text, null, " ")) : void 0,
-		after: roomyPrompt ? (0, import_react.createElement)(Box, {
-			key: `prompt-after-${index}`,
-			paddingX: 1
-		}, (0, import_react.createElement)(Text, null, " ")) : void 0,
-		rows: lines.length + (roomyPrompt ? 2 : 0)
+		physical,
+		rows: physical.length
 	};
 }
 /** The dim hint row placed under the header once the window has dropped entries. */
@@ -39305,8 +39508,9 @@ function settledTrimHint(droppedEntries, columns) {
 *
 * RENDERED-HISTORY CAP: the window holds at most `rowCap` physical rows of
 * settled transcript (header and hint reserved on top). The cap exists only
-* here — the event log, the store projection, /export, Ctrl+O, and /resume
-* keep the full history. Ink 5's <Static> is a consumption counter
+* here — the event log, the store projection, /export, and /resume keep the
+* full history; Ctrl+O keeps its inspectable subset. Ink 5's <Static> is a
+* consumption counter
 * (items.slice(index) keyed on length): deleting head items mid-stream while
 * appending tail items can permanently swallow new rows, so the append branch
 * NEVER drops the head — it only accounts rows and flags `needsTrim` once the
@@ -39328,7 +39532,7 @@ function settledTrimHint(droppedEntries, columns) {
 function computeSettledRows(previous, entries, settled, showReasoning, resumed, epoch, columns = 80, rowCap = SETTLED_ROW_CAP) {
 	if (previous === void 0 || previous.epoch !== epoch || previous.resumed !== resumed || settled < previous.entries.length) {
 		const records = /* @__PURE__ */ new Map();
-		const window = [];
+		const physical = [];
 		let windowRows = 0;
 		let droppedEntries = 0;
 		let index = settled - 1;
@@ -39342,19 +39546,18 @@ function computeSettledRows(previous, entries, settled, showReasoning, resumed,
 			}
 			records.set(entry, record);
 			windowRows += record.rows;
-			if (record.after !== void 0) window.unshift(record.after);
-			window.unshift(record.box);
-			if (record.before !== void 0) window.unshift(record.before);
+			physical.unshift(...record.physical);
 		}
 		const header = (0, import_react.createElement)(Header, {
 			key: "header",
 			resumed
 		});
+		const rowElements = physical.map((row) => row.element);
 		const flat = droppedEntries > 0 ? [
 			header,
 			settledTrimHint(droppedEntries, columns),
-			...window
-		] : [header, ...window];
+			...rowElements
+		] : [header, ...rowElements];
 		return {
 			cache: {
 				entries: entries.slice(droppedEntries, settled),
@@ -39365,6 +39568,7 @@ function computeSettledRows(previous, entries, settled, showReasoning, resumed,
 				epoch,
 				columns,
 				flat,
+				physical,
 				droppedEntries,
 				totalRows: windowRows,
 				needsTrim: false
@@ -39393,9 +39597,7 @@ function computeSettledRows(previous, entries, settled, showReasoning, resumed,
 		records.set(entry, record);
 		suffix.push(entry);
 		deltaRows += record.rows;
-		if (record.before !== void 0) added.push(record.before);
-		added.push(record.box);
-		if (record.after !== void 0) added.push(record.after);
+		added.push(...record.physical);
 	}
 	const totalRows = previous.totalRows + deltaRows;
 	const needsTrim = rowCap > 0 && totalRows > rowCap + Math.floor(rowCap / 4);
@@ -39408,7 +39610,8 @@ function computeSettledRows(previous, entries, settled, showReasoning, resumed,
 			showReasoning,
 			epoch: previous.epoch,
 			columns: previous.columns,
-			flat: previous.flat.concat(added),
+			flat: previous.flat.concat(added.map((row) => row.element)),
+			physical: previous.physical.concat(added),
 			droppedEntries: previous.droppedEntries,
 			totalRows,
 			needsTrim
@@ -39797,6 +40000,7 @@ function App(props) {
 	panelSurfacesRef.current = panelSurfaces;
 	const openPanel = panelSurfaces.find((surface) => surface.open);
 	const inspectorVisible = verboseOpen && !approvalPending && !questionPending;
+	const verboseEntries = (0, import_react.useMemo)(() => verboseOpen ? inspectableTranscriptEntries(view.entries) : [], [verboseOpen, view.entries]);
 	const modalVisible = openPanel !== void 0 || inspectorVisible || approvalPending || questionPending;
 	const inputActive = deleteConfirmId !== void 0 ? !approvalPending && !questionPending : !modalVisible;
 	const transcriptVisible = !modalVisible;
@@ -39813,10 +40017,15 @@ function App(props) {
 	}));
 	const terminalSizeRef = (0, import_react.useRef)(terminalSize);
 	const settledRowsCache = (0, import_react.useRef)(void 0);
-	const settledRows = (0, import_react.useMemo)(() => {
+	const viewportFlushRef = (0, import_react.useRef)({
+		sessionKey: props.sessionKey,
+		epoch: refreshEpoch,
+		rows: 0
+	});
+	const settledRowsResult = (0, import_react.useMemo)(() => {
 		const result = computeSettledRows(settledRowsCache.current, view.entries, settled, showReasoning, props.resumed, refreshEpoch, terminalSize.columns);
 		settledRowsCache.current = result.cache;
-		return result.cache.flat;
+		return result;
 	}, [
 		view.entries,
 		settled,
@@ -39891,17 +40100,54 @@ function App(props) {
 	const deepDivingVisible = busy && !streamingActive;
 	const tabTitle = view.title === "" ? DEFAULT_TERMINAL_TITLE : view.title;
 	useTerminalTitle(tabTitle);
-	const allLiveLines = (0, import_react.useMemo)(() => view.entries.slice(settled).flatMap((entry) => transcriptEntryLines(entry, Math.max(1, terminalColumns - 2), showReasoning)), [
+	const maximumTranscriptRows = liveRegionBudget({
+		terminalRows,
+		composerRows: 1,
+		statusBarRows: 1,
+		menuRows: 0,
+		gutterRows: composerGutterRows,
+		notice: false,
+		todo: false,
+		agents: false
+	});
+	const settledPhysical = settledRowsResult.cache.physical;
+	const viewportStep = advanceTranscriptViewport({
+		sessionKey: viewportFlushRef.current.sessionKey,
+		epoch: viewportFlushRef.current.epoch,
+		flushedRows: viewportFlushRef.current.rows
+	}, {
+		sessionKey: props.sessionKey,
+		epoch: refreshEpoch,
+		totalRows: settledPhysical.length,
+		retainedRows: maximumTranscriptRows
+	});
+	const flushedRows = viewportStep.staticRows;
+	viewportFlushRef.current = {
+		sessionKey: viewportStep.cursor.sessionKey,
+		epoch: viewportStep.cursor.epoch,
+		rows: viewportStep.cursor.flushedRows
+	};
+	const staticPrefixRows = settledRowsResult.cache.flat.length - settledPhysical.length;
+	const settledRows = settledRowsResult.cache.flat.slice(0, staticPrefixRows + flushedRows);
+	const retainedSettledLines = settledPhysical.slice(flushedRows).map((row) => row.line);
+	const mutableLiveLines = (0, import_react.useMemo)(() => view.entries.slice(settled).flatMap((entry) => transcriptEntryLines(entry, Math.max(1, terminalColumns - 2), showReasoning)), [
 		view.entries,
 		settled,
 		terminalColumns,
 		showReasoning
 	]);
-	const liveBudget = busy || streamingActive ? Math.max(1, Math.floor(dynamicRows / 3)) : Math.max(0, dynamicRows - (deepDivingVisible ? 1 : 0));
-	const visibleLiveLines = liveBudget === 0 ? [] : allLiveLines.slice(-liveBudget);
-	const streamRows = Math.max(1, dynamicRows - visibleLiveLines.length);
-	const reasoningRows = view.streamingReasoning === "" ? 0 : view.streaming === "" ? streamRows : streamRows <= 1 ? 0 : showReasoning ? Math.max(1, Math.floor(streamRows / 3)) : 1;
-	const answerRows = view.streaming === "" ? 0 : Math.max(1, streamRows - reasoningRows);
+	const allLiveLines = retainedSettledLines.concat(mutableLiveLines);
+	const provisionalLiveBudget = busy || streamingActive ? Math.max(1, Math.floor(dynamicRows / 3)) : Math.max(0, dynamicRows - (deepDivingVisible ? 1 : 0));
+	const provisionalLiveRows = Math.min(allLiveLines.length, provisionalLiveBudget);
+	const provisionalStreamRows = Math.max(1, dynamicRows - provisionalLiveRows);
+	const provisionalReasoningRows = view.streamingReasoning === "" ? 0 : view.streaming === "" ? provisionalStreamRows : provisionalStreamRows <= 1 ? 0 : showReasoning ? Math.max(1, Math.floor(provisionalStreamRows / 3)) : 1;
+	const provisionalAnswerRows = view.streaming === "" ? 0 : Math.max(1, provisionalStreamRows - provisionalReasoningRows);
+	const streamColumns = Math.max(1, terminalColumns - 2);
+	const reasoningRows = view.streamingReasoning === "" || provisionalReasoningRows === 0 ? 0 : showReasoning ? streamTailPhysicalRows(view.streamingReasoning, streamColumns, provisionalReasoningRows, "✻ ", "  ") : 1;
+	const answerRows = view.streaming === "" || provisionalAnswerRows === 0 ? 0 : streamTailPhysicalRows(view.streaming, streamColumns, provisionalAnswerRows, "  ");
+	const nonHistoryRows = reasoningRows + answerRows + (deepDivingVisible ? 1 : 0);
+	const visibleHistoryRows = visibleTranscriptRows(allLiveLines.length, nonHistoryRows, dynamicRows);
+	const visibleLiveLines = visibleHistoryRows === 0 ? [] : allLiveLines.slice(-visibleHistoryRows);
 	const liveAudit = clampLiveAllocation({
 		live: visibleLiveLines.length,
 		reasoning: reasoningRows,
@@ -39914,6 +40160,11 @@ function App(props) {
 	const auditedLiveLines = liveAudit.allocation.live === visibleLiveLines.length ? visibleLiveLines : visibleLiveLines.slice(-liveAudit.allocation.live);
 	const auditedReasoningRows = liveAudit.allocation.reasoning;
 	const auditedAnswerRows = liveAudit.allocation.answer;
+	const transcriptViewportFilled = allLiveLines.length + nonHistoryRows >= dynamicRows;
+	const modalViewportFilled = allLiveLines.length >= dynamicRows;
+	const anchoredSurfaceRows = dynamicRows + (transcriptVisible && view.todos.length > 0 ? 1 : 0) + (transcriptVisible && agentRows.length > 0 ? 1 : 0);
+	const surfaceAnchored = transcriptVisible ? transcriptViewportFilled : modalViewportFilled;
+	const frozenModalLines = surfaceAnchored && !transcriptVisible ? allLiveLines.slice(-dynamicRows) : [];
 	const keyboardOwner = approvalPending ? "the approval prompt" : questionPending ? "the question" : openPanel?.hint ?? (inspectorVisible ? "history details" : void 0);
 	useStableInput((input, key) => {
 		if (!(key.ctrl && input === "c")) return;
@@ -39957,10 +40208,15 @@ function App(props) {
 	const attachedView = (0, import_react.useSyncExternalStore)(subscribeAttached, readAttached);
 	const attachedSettled = (0, import_react.useMemo)(() => settledEntryCount(attachedView.entries), [attachedView.entries]);
 	const attachedRowsCache = (0, import_react.useRef)(void 0);
-	const attachedSettledRows = (0, import_react.useMemo)(() => {
+	const attachedViewportFlushRef = (0, import_react.useRef)({
+		sessionKey: "none",
+		epoch: refreshEpoch,
+		rows: 0
+	});
+	const attachedSettledRowsResult = (0, import_react.useMemo)(() => {
 		const result = computeSettledRows(attachedRowsCache.current, attachedView.entries, attachedSettled, showReasoning, true, refreshEpoch, terminalSize.columns);
 		attachedRowsCache.current = result.cache;
-		return result.cache.flat;
+		return result;
 	}, [
 		attachedView.entries,
 		attachedSettled,
@@ -39968,6 +40224,26 @@ function App(props) {
 		refreshEpoch,
 		terminalSize.columns
 	]);
+	const attachDynamicRows = Math.max(1, terminalRows - 3 - 1 - 1 - 2);
+	const attachedPhysical = attachedSettledRowsResult.cache.physical;
+	const attachedViewportStep = advanceTranscriptViewport({
+		sessionKey: attachedViewportFlushRef.current.sessionKey,
+		epoch: attachedViewportFlushRef.current.epoch,
+		flushedRows: attachedViewportFlushRef.current.rows
+	}, {
+		sessionKey: attachment?.id ?? "none",
+		epoch: refreshEpoch,
+		totalRows: attachedPhysical.length,
+		retainedRows: attachDynamicRows
+	});
+	attachedViewportFlushRef.current = {
+		sessionKey: attachedViewportStep.cursor.sessionKey,
+		epoch: attachedViewportStep.cursor.epoch,
+		rows: attachedViewportStep.cursor.flushedRows
+	};
+	const attachedStaticPrefixRows = attachedSettledRowsResult.cache.flat.length - attachedPhysical.length;
+	const attachedSettledRows = attachedSettledRowsResult.cache.flat.slice(0, attachedStaticPrefixRows + attachedViewportStep.staticRows);
+	const attachedRetainedLines = attachedPhysical.slice(attachedViewportStep.staticRows).map((row) => row.line);
 	/** Detach and hand the keyboard back to the /agents list. */
 	const detach = (0, import_react.useCallback)(() => {
 		setAttachment((current) => {
@@ -40342,25 +40618,33 @@ function App(props) {
 		});
 	}
 	if (attachment !== void 0) {
-		const attachDynamicRows = Math.max(1, terminalRows - 3 - 1 - 1 - 2);
 		const attachBusy = attachedView.busySince !== void 0;
 		const attachStreaming = attachedView.streaming !== "" || attachedView.streamingReasoning !== "";
-		const attachAllLiveLines = attachedView.entries.slice(attachedSettled).flatMap((entry) => transcriptEntryLines(entry, Math.max(1, terminalColumns - 2), showReasoning));
-		const attachLiveBudget = attachBusy || attachStreaming ? Math.max(1, Math.floor(attachDynamicRows / 3)) : Math.max(0, attachDynamicRows - 1);
-		const attachVisibleLive = attachLiveBudget === 0 ? [] : attachAllLiveLines.slice(-attachLiveBudget);
-		const attachStreamRows = Math.max(1, attachDynamicRows - attachVisibleLive.length);
-		const attachReasoningRows = attachedView.streamingReasoning === "" ? 0 : attachedView.streaming === "" ? attachStreamRows : attachStreamRows <= 1 ? 0 : showReasoning ? Math.max(1, Math.floor(attachStreamRows / 3)) : 1;
-		const attachAnswerRows = attachedView.streaming === "" ? 0 : Math.max(1, attachStreamRows - attachReasoningRows);
+		const attachMutableLines = attachedView.entries.slice(attachedSettled).flatMap((entry) => transcriptEntryLines(entry, Math.max(1, terminalColumns - 2), showReasoning));
+		const attachAllLiveLines = attachedRetainedLines.concat(attachMutableLines);
+		const attachProvisionalLiveRows = Math.min(attachAllLiveLines.length, attachBusy || attachStreaming ? Math.max(1, Math.floor(attachDynamicRows / 3)) : attachDynamicRows);
+		const attachStreamRows = Math.max(1, attachDynamicRows - attachProvisionalLiveRows);
+		const attachReasoningLimit = attachedView.streamingReasoning === "" ? 0 : attachedView.streaming === "" ? attachStreamRows : attachStreamRows <= 1 ? 0 : showReasoning ? Math.max(1, Math.floor(attachStreamRows / 3)) : 1;
+		const attachAnswerLimit = attachedView.streaming === "" ? 0 : Math.max(1, attachStreamRows - attachReasoningLimit);
+		const attachReasoningRows = attachedView.streamingReasoning === "" || attachReasoningLimit === 0 ? 0 : showReasoning ? streamTailPhysicalRows(attachedView.streamingReasoning, Math.max(1, terminalColumns - 2), attachReasoningLimit, "✻ ", "  ") : 1;
+		const attachAnswerRows = attachedView.streaming === "" || attachAnswerLimit === 0 ? 0 : streamTailPhysicalRows(attachedView.streaming, Math.max(1, terminalColumns - 2), attachAnswerLimit, "  ");
+		const attachNonHistoryRows = attachReasoningRows + attachAnswerRows + (attachBusy && !attachStreaming ? 1 : 0);
+		const attachVisibleHistoryRows = visibleTranscriptRows(attachAllLiveLines.length, attachNonHistoryRows, attachDynamicRows);
+		const attachVisibleLive = attachVisibleHistoryRows === 0 ? [] : attachAllLiveLines.slice(-attachVisibleHistoryRows);
 		const attachAudit = clampLiveAllocation({
 			live: attachVisibleLive.length,
 			reasoning: attachReasoningRows,
 			answer: attachAnswerRows
 		}, attachDynamicRows);
+		const attachViewportFilled = attachAllLiveLines.length + attachNonHistoryRows >= attachDynamicRows;
 		const attachTurns = attachedView.entries.filter((entry) => entry.kind === "turn-marker").length;
 		return (0, import_react.createElement)(Box, { flexDirection: "column" }, (0, import_react.createElement)(MemoStaticTranscript, {
 			key: refreshEpoch,
 			items: attachedSettledRows
-		}), (0, import_react.createElement)(Box, { flexDirection: "column" }, attachAudit.allocation.live === attachVisibleLive.length && attachVisibleLive.length > 0 ? (0, import_react.createElement)(StyledRows, { lines: attachVisibleLive }) : void 0, attachedView.streamingReasoning !== "" && attachAudit.allocation.reasoning > 0 ? (0, import_react.createElement)(StreamTail, {
+		}), (0, import_react.createElement)(Box, attachViewportFilled ? {
+			flexDirection: "column",
+			height: attachDynamicRows
+		} : { flexDirection: "column" }, attachAudit.allocation.live === attachVisibleLive.length && attachVisibleLive.length > 0 ? (0, import_react.createElement)(StyledRows, { lines: attachVisibleLive }) : void 0, attachedView.streamingReasoning !== "" && attachAudit.allocation.reasoning > 0 ? (0, import_react.createElement)(StreamTail, {
 			text: showReasoning ? attachedView.streamingReasoning : "Thinking…",
 			prefix: "✻ ",
 			continuationPrefix: "  ",
@@ -40373,9 +40657,9 @@ function App(props) {
 			maxRows: attachAudit.allocation.answer,
 			prefix: "  ",
 			columns: Math.max(1, terminalColumns - 2)
-		}, attachBusy ? (0, import_react.createElement)(Caret, { animated: animations }) : void 0) : void 0, attachBusy && attachedView.streaming === "" && attachedView.streamingReasoning === "" ? (0, import_react.createElement)(DeepDivingLine, {
+		}, attachBusy ? (0, import_react.createElement)(Caret) : void 0) : void 0, attachBusy && attachedView.streaming === "" && attachedView.streamingReasoning === "" ? (0, import_react.createElement)(DeepDivingLine, {
 			since: attachedView.busySince,
-			animated: animations
+			themeFlowAnimated: animations
 		}) : void 0), (0, import_react.createElement)(Box, {
 			borderStyle: "round",
 			borderColor: inkColor(getPalette().brandMid),
@@ -40396,7 +40680,17 @@ function App(props) {
 	return (0, import_react.createElement)(Box, { flexDirection: "column" }, (0, import_react.createElement)(MemoStaticTranscript, {
 		key: refreshEpoch,
 		items: attachment === void 0 ? settledRows : attachedSettledRows
-	}), transcriptVisible ? (0, import_react.createElement)(Box, { flexDirection: "column" }, auditedLiveLines.length === 0 ? void 0 : (0, import_react.createElement)(StyledRows, { lines: auditedLiveLines }), view.streamingReasoning !== "" && auditedReasoningRows > 0 ? showReasoning ? (0, import_react.createElement)(StreamTail, {
+	}), (0, import_react.createElement)(Box, surfaceAnchored ? {
+		flexDirection: "column",
+		height: anchoredSurfaceRows
+	} : { flexDirection: "column" }, frozenModalLines.length === 0 ? void 0 : (0, import_react.createElement)(Box, {
+		flexDirection: "column",
+		height: 0,
+		flexGrow: 1,
+		flexShrink: 1,
+		overflow: "hidden",
+		justifyContent: "flex-end"
+	}, (0, import_react.createElement)(StyledRows, { lines: frozenModalLines })), transcriptVisible ? (0, import_react.createElement)(Box, { flexDirection: "column" }, auditedLiveLines.length === 0 ? void 0 : (0, import_react.createElement)(StyledRows, { lines: auditedLiveLines }), view.streamingReasoning !== "" && auditedReasoningRows > 0 ? showReasoning ? (0, import_react.createElement)(StreamTail, {
 		text: view.streamingReasoning,
 		prefix: "✻ ",
 		continuationPrefix: "  ",
@@ -40405,7 +40699,7 @@ function App(props) {
 		columns: Math.max(1, terminalColumns - 2)
 	}) : view.streaming === "" ? (0, import_react.createElement)(ShimmerLine, {
 		text: "✻ Thinking… (Ctrl/Alt+R to expand)",
-		animated: animations
+		themeFlowAnimated: animations
 	}) : (0, import_react.createElement)(StreamTail, {
 		text: "Thinking… (Ctrl/Alt+R to expand)",
 		prefix: "✻ ",
@@ -40419,9 +40713,9 @@ function App(props) {
 		maxRows: auditedAnswerRows,
 		prefix: "  ",
 		columns: Math.max(1, terminalColumns - 2)
-	}, busy ? (0, import_react.createElement)(Caret, { animated: animations }) : void 0) : void 0, deepDivingVisible ? (0, import_react.createElement)(DeepDivingLine, {
+	}, busy ? (0, import_react.createElement)(Caret) : void 0) : void 0, deepDivingVisible ? (0, import_react.createElement)(DeepDivingLine, {
 		since: view.busySince,
-		animated: animations
+		themeFlowAnimated: animations
 	}) : void 0) : void 0, transcriptVisible ? (0, import_react.createElement)(TodoPanel, { todos: view.todos }) : void 0, transcriptVisible ? (0, import_react.createElement)(AgentsLine, {
 		rows: agentRows,
 		total: props.subagents.getTotalSeen()
@@ -40469,7 +40763,7 @@ function App(props) {
 		},
 		close: () => setReviewPickerOpen(false)
 	}) : void 0, verboseOpen && !approvalPending && !questionPending ? (0, import_react.createElement)(MemoVerbosePanel, {
-		entries: view.entries,
+		entries: verboseEntries,
 		onClose: closeInspector,
 		columns: terminalColumns,
 		rows: terminalRows
@@ -40606,7 +40900,7 @@ function App(props) {
 			setSubagentOpen(false);
 		},
 		close: () => setSubagentOpen(false)
-	}) : void 0, notice === void 0 ? void 0 : (0, import_react.createElement)(NoticeLine, {
+	}) : void 0), notice === void 0 ? void 0 : (0, import_react.createElement)(NoticeLine, {
 		text: notice.text,
 		tone: notice.tone,
 		columns: terminalColumns
@@ -40790,7 +41084,7 @@ function App(props) {
 		stats: view.stats,
 		busy,
 		animated: animations,
-		columns: terminalColumns,
+		columns: Math.max(1, terminalColumns - 1),
 		items: statuslineItems,
 		onRows: handleStatusRows
 	})));
@@ -43053,18 +43347,29 @@ function createInputHistory(path, onFailure) {
 		flush: () => chain
 	};
 }
-//#endregion
-//#region src/runner/session-io.ts
-/** Session directory IO exposed to the picker, /delete, and /export.
-*
-* The kernel persistence seam has NO deletion API by design — logs accumulate
-* "until removed externally" — so removal is planned, layout-checked, and
-* lease-guarded here before any file is touched. Every read goes through the
-* in-process session-query engine, so this module stays free of `app.ts` and
-* of the Ink tree.
+/**
+* Map a collection with a fixed worker count while preserving input order.
+* The picker may own thousands of persisted sessions; an unbounded
+* `Promise.all` turns those into one filesystem burst and can exhaust handles
+* on Windows or remote filesystems.
 *
-* @module @deepseek-ai/dsh-code/runner/session-io
+* @internal Exported for the deterministic concurrency regression.
 */
+async function mapConcurrent(items, concurrency, mapper) {
+	if (!Number.isSafeInteger(concurrency) || concurrency < 1) throw new RangeError("concurrency must be a positive safe integer");
+	const results = new Array(items.length);
+	let next = 0;
+	const worker = async () => {
+		for (;;) {
+			const index = next;
+			if (index >= items.length) return;
+			next += 1;
+			results[index] = await mapper(items[index], index);
+		}
+	};
+	await Promise.all(Array.from({ length: Math.min(concurrency, items.length) }, worker));
+	return results;
+}
 /**
 * Bind the session IO to one runner's services.
 * @param services - the query engine, persistence, and the live-session probe.
@@ -43077,15 +43382,23 @@ function createSessionIo(services) {
 		const records = await sessionQuery.listSessions(signal);
 		const root = jsonlSessionRoot(persistence);
 		const updated = /* @__PURE__ */ new Map();
-		if (root !== void 0) await Promise.all(records.map(async (record) => {
-			try {
-				const dir = sessionDirectoryFor(root, record.header.cwd, record.header.id);
-				const entries = await readdir(dir, { withFileTypes: true });
-				const stats = await Promise.all(entries.filter((entry) => entry.isFile() && isSessionArtifactName(entry.name)).map((entry) => stat(join(dir, entry.name))));
-				const newest = Math.max(...stats.map((info) => info.mtimeMs));
-				if (Number.isFinite(newest)) updated.set(record.header.id, newest);
-			} catch {}
-		}));
+		if (root !== void 0) {
+			const mtimes = await mapConcurrent(records, 16, async (record) => {
+				signal?.throwIfAborted();
+				try {
+					const dir = sessionDirectoryFor(root, record.header.cwd, record.header.id);
+					const entries = await readdir(dir, { withFileTypes: true });
+					const stats = await Promise.all(entries.filter((entry) => entry.isFile() && isSessionArtifactName(entry.name)).map((entry) => stat(join(dir, entry.name))));
+					signal?.throwIfAborted();
+					const newest = Math.max(...stats.map((info) => info.mtimeMs));
+					return Number.isFinite(newest) ? [record.header.id, newest] : void 0;
+				} catch {
+					signal?.throwIfAborted();
+					return;
+				}
+			});
+			for (const pair of mtimes) if (pair !== void 0) updated.set(...pair);
+		}
 		const projected = projectSessionRows(records, {
 			...options,
 			query: ""