skydive-cli 0.1.0-beta.378 → 0.1.0-beta.382

package/dist/js/{boot-QnNiy1cA.mjs → boot-B48ty_OV.mjs}

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { A as HttpError, B as saveTheme, C as noColorRequested, D as themeModeFromColorFgBg, E as themeMode, F as DEFAULT_API_URL, I as DEFAULT_APP_URL, L as getConfigPath, M as getActiveWorkspaceId, N as listWorkspaces, O as themeVersion, P as setActiveWorkspace, R as getSavedTheme, S as monoTheme, T as themeForMode, _ as errorMessage, b as applyTheme, d as cardActionErrorMessage, f as parseExternalOauthConnectParams, g as parseConnectCard, h as resolveConnectUrl, j as createRestClient, k as themesForMode, l as resolveAgent, m as reconcileMaskedInput, p as parseOauthConnectParams, t as SandboxStream, u as MASK_CHAR, v as isRecord, w as theme, x as findTheme, y as DEFAULT_THEME_ID, z as resolveWebUrl } from "./bin.mjs";
+import { A as HttpError, B as getSavedTheme, C as noColorRequested, D as themeModeFromColorFgBg, E as themeMode, F as setActiveWorkspace, H as saveTheme, I as DEFAULT_API_URL, L as DEFAULT_APP_URL, M as errorDetail, N as getActiveWorkspaceId, O as themeVersion, P as listWorkspaces, R as getConfigPath, S as monoTheme, T as themeForMode, V as resolveWebUrl, _ as errorMessage, b as applyTheme, d as cardActionErrorMessage, f as parseExternalOauthConnectParams, g as parseConnectCard, h as resolveConnectUrl, j as createRestClient, k as themesForMode, l as resolveAgent, m as reconcileMaskedInput, p as parseOauthConnectParams, t as SandboxStream, u as MASK_CHAR, v as isRecord, w as theme, x as findTheme, y as DEFAULT_THEME_ID, z as getReviewStateDir } from "./bin.mjs";
 import { t as PortalClient } from "./client-XFsd0Wy9.mjs";
 import { n as runRawPtyPassthrough } from "./raw-pty-C1DXKms6.mjs";
 import * as os$1 from "node:os";
@@ -15,7 +15,7 @@ import { createRoot, extend, useKeyboard, usePaste, useRenderer, useTerminalDime
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { create } from "zustand";
 import { createConnection } from "node:net";
-import { access, appendFile, mkdir, mkdtemp, readFile, rm, stat, writeFile } from "node:fs/promises";
+import { access, appendFile, mkdir, mkdtemp, readFile, readdir, rename, rm, stat, unlink, writeFile } from "node:fs/promises";
 import { Fragment, jsx, jsxs } from "@opentui/react/jsx-runtime";
 import fuzzysort from "fuzzysort";
 import { fileURLToPath } from "node:url";
@@ -2106,6 +2106,51 @@ function StatusLine({ item }) {
 	}
 }
 
+//#endregion
+//#region src/chat/tui/chunks/error-item.tsx
+/**
+* Transcript error block. Anything longer than one line collapses to its
+* first line — an HTTP error body or a stack must not bury the conversation —
+* and clicking toggles the full text, matching the reasoning/tool blocks.
+*/
+function ErrorItem({ item }) {
+	const [expanded, setExpanded] = useState(false);
+	const text = item.text.trim();
+	const firstLine = text.split("\n").find((line) => line.trim()) ?? text;
+	if (!(text.includes("\n") || firstLine.length > 100)) return /* @__PURE__ */ jsxs("text", {
+		fg: theme.error,
+		children: ["✗ ", text]
+	});
+	if (expanded) return /* @__PURE__ */ jsxs("box", {
+		style: {
+			flexDirection: "column",
+			backgroundColor: theme.surface
+		},
+		onMouseDown: () => setExpanded(false),
+		children: [/* @__PURE__ */ jsx("text", {
+			fg: theme.error,
+			children: "✗ error"
+		}), /* @__PURE__ */ jsxs(Indented, { children: [/* @__PURE__ */ jsx(ExpandedLines, {
+			text,
+			fg: theme.error
+		}), /* @__PURE__ */ jsx(CollapseHint, {})] })]
+	});
+	return /* @__PURE__ */ jsx("box", {
+		onMouseDown: () => setExpanded(true),
+		children: /* @__PURE__ */ jsxs("text", {
+			fg: theme.error,
+			children: [
+				"✗ ",
+				truncate(firstLine, 100),
+				/* @__PURE__ */ jsx("span", {
+					fg: theme.dim,
+					children: " · click to expand"
+				})
+			]
+		})
+	});
+}
+
 //#endregion
 //#region src/chat/tui/chunks/tool-call-summary.ts
 const TOOL_CALL_SUMMARY_KEY = "__skydive_summary__";
@@ -2390,8 +2435,8 @@ function diffPalette() {
 }
 /** Blend `hex` toward `baseHex`, keeping `weight` (0..1) of `hex`. */
 function mix(hex, baseHex, weight) {
-	const a = parseHex(hex);
-	const b = parseHex(baseHex);
+	const a = parseHex$1(hex);
+	const b = parseHex$1(baseHex);
 	const blend = (x, y) => Math.round(x * weight + y * (1 - weight));
 	return `#${[
 		blend(a[0], b[0]),
@@ -2399,7 +2444,7 @@ function mix(hex, baseHex, weight) {
 		blend(a[2], b[2])
 	].map((v) => v.toString(16).padStart(2, "0")).join("")}`;
 }
-function parseHex(hex) {
+function parseHex$1(hex) {
 	const h = hex.replace("#", "");
 	const full = h.length === 3 ? h.split("").map((c) => c + c).join("") : h;
 	return [
@@ -2409,6 +2454,74 @@ function parseHex(hex) {
 	];
 }
 
+//#endregion
+//#region src/chat/review/edit-pairs.ts
+function pickString(obj, keys) {
+	for (const key of keys) {
+		const value = obj[key];
+		if (typeof value === "string") return value;
+	}
+	return null;
+}
+/** File path from whichever key the tool used. */
+function extractEditFilePath(input) {
+	return pickString(input, [
+		"filePath",
+		"path",
+		"file"
+	]);
+}
+/**
+* Pull old/new text pairs out of whichever input shape the tool used:
+* multi-edit `edits[]`, single `oldString`/`newString` (and aliases), or
+* write's bare `content`. Null means "shape not recognized" — callers
+* fall back to generic handling.
+*/
+function extractEditPairs(toolName, input) {
+	const edits = input["edits"];
+	if (Array.isArray(edits)) {
+		const pairs = [];
+		for (const entry of edits) {
+			if (!isRecord(entry)) continue;
+			const oldText = pickString(entry, [
+				"oldText",
+				"oldString",
+				"before"
+			]);
+			const newText = pickString(entry, [
+				"newText",
+				"newString",
+				"after"
+			]);
+			if (oldText !== null && newText !== null) pairs.push({
+				oldText,
+				newText
+			});
+		}
+		return pairs.length > 0 ? pairs : null;
+	}
+	const oldText = pickString(input, [
+		"oldString",
+		"oldText",
+		"before"
+	]);
+	const newText = pickString(input, [
+		"newString",
+		"newText",
+		"after",
+		"content"
+	]);
+	if (oldText !== null && newText !== null) return [{
+		oldText,
+		newText
+	}];
+	if (toolName === "write" && newText !== null) return [{
+		oldText: "",
+		newText
+	}];
+	return null;
+}
+
 //#endregion
 //#region src/chat/tui/chunks/tool-edit.tsx
 /**
@@ -2436,11 +2549,7 @@ function parseHex(hex) {
 function ToolEdit({ item }) {
 	const glyph = toolGlyph(item.state);
 	const input = isRecord(item.input) ? item.input : {};
-	const filePath = pickString(input, [
-		"filePath",
-		"path",
-		"file"
-	]) ?? "(unknown file)";
+	const filePath = extractEditFilePath(input) ?? "(unknown file)";
 	const inputReady = item.state !== "streaming";
 	const pairs = inputReady ? extractEditPairs(item.toolName, input) : null;
 	const [expanded, setExpanded] = useState(false);
@@ -2521,56 +2630,6 @@ function ToolEdit({ item }) {
 	});
 }
 /**
-* Pull old/new text pairs out of whichever input shape the tool used:
-* multi-edit `edits[]`, single `oldString`/`newString` (and aliases), or
-* write's bare `content`. Null means "shape not recognized" — the caller
-* falls back to the generic output summary.
-*/
-function extractEditPairs(toolName, input) {
-	const edits = input["edits"];
-	if (Array.isArray(edits)) {
-		const pairs = [];
-		for (const entry of edits) {
-			if (!isRecord(entry)) continue;
-			const oldText = pickString(entry, [
-				"oldText",
-				"oldString",
-				"before"
-			]);
-			const newText = pickString(entry, [
-				"newText",
-				"newString",
-				"after"
-			]);
-			if (oldText !== null && newText !== null) pairs.push({
-				oldText,
-				newText
-			});
-		}
-		return pairs.length > 0 ? pairs : null;
-	}
-	const oldText = pickString(input, [
-		"oldString",
-		"oldText",
-		"before"
-	]);
-	const newText = pickString(input, [
-		"newString",
-		"newText",
-		"after",
-		"content"
-	]);
-	if (oldText !== null && newText !== null) return [{
-		oldText,
-		newText
-	}];
-	if (toolName === "write" && newText !== null) return [{
-		oldText: "",
-		newText
-	}];
-	return null;
-}
-/**
 * Diff each pair, sharing one line budget across all blocks. Pass an
 * override (e.g. MAX_SAFE_INTEGER when expanded) to lift the cap.
 */
@@ -2684,13 +2743,6 @@ function PlainDiff({ diff }) {
 		}, idx))
 	});
 }
-function pickString(obj, keys) {
-	for (const key of keys) {
-		const value = obj[key];
-		if (typeof value === "string") return value;
-	}
-	return null;
-}
 
 //#endregion
 //#region src/chat/tui/chunks/tool-bash.tsx
@@ -3018,10 +3070,7 @@ function RenderItem({ item }) {
 		});
 		case "error": return /* @__PURE__ */ jsx(Row, {
 			barColor: null,
-			children: /* @__PURE__ */ jsx("text", {
-				fg: theme.error,
-				children: item.text
-			})
+			children: /* @__PURE__ */ jsx(ErrorItem, { item })
 		});
 		case "card": return /* @__PURE__ */ jsx(Row, {
 			barColor: null,
@@ -3836,6 +3885,21 @@ async function appendLineSafely(filePath, line) {
 	} catch (_error) {}
 }
 
+//#endregion
+//#region src/chat/tui/composer-focus.ts
+/**
+* Take the keyboard away from `composer` until the returned restore
+* function runs. Restore only re-enables focusability — re-focusing is the
+* caller's decision (the chat screen's pin-focus effect does it).
+*/
+function suppressComposerFocus(composer) {
+	composer.blur();
+	composer.focusable = false;
+	return () => {
+		composer.focusable = true;
+	};
+}
+
 //#endregion
 //#region src/chat/tui/keybinds.ts
 const keybindGroups = [
@@ -3874,6 +3938,10 @@ const keybindGroups = [
 				keys: "ctrl+c ctrl+c",
 				action: "quit"
 			},
+			{
+				keys: "ctrl+g",
+				action: "toggle file review pane"
+			},
 			{
 				keys: "exit",
 				action: "quit (type it as a message)"
@@ -3924,6 +3992,75 @@ const keybindGroups = [
 			}
 		]
 	},
+	{
+		title: "review",
+		binds: [
+			{
+				keys: "j / k, ↑ / ↓",
+				action: "move in focused files/source pane"
+			},
+			{
+				keys: "/",
+				action: "search files in active review tab"
+			},
+			{
+				keys: "ctrl+d / ctrl+u",
+				action: "half-page down / up in focused pane"
+			},
+			{
+				keys: "] / [",
+				action: "next / previous edit hunk"
+			},
+			{
+				keys: "f / F",
+				action: "next / previous changed file"
+			},
+			{
+				keys: "v",
+				action: "start / clear line selection"
+			},
+			{
+				keys: "c",
+				action: "comment on selection or current line"
+			},
+			{
+				keys: "e / d",
+				action: "edit / delete comment at cursor"
+			},
+			{
+				keys: "s",
+				action: "insert all comments into composer (either tab)"
+			},
+			{
+				keys: "y",
+				action: "copy comments to clipboard"
+			},
+			{
+				keys: "t",
+				action: "toggle session / last-turn scope (Changes)"
+			},
+			{
+				keys: "1 / 2",
+				action: "switch Changes / Files"
+			},
+			{
+				keys: "↵ / o / l",
+				action: "focus selected file preview"
+			},
+			{
+				keys: "h / ←",
+				action: "return focus to file navigator"
+			},
+			{
+				keys: "esc",
+				action: "preview → tree → close"
+			},
+			{
+				keys: "q / ctrl+g",
+				action: "close file pane"
+			}
+		]
+	},
 	{
 		title: "command menu (type / to open)",
 		binds: [
@@ -4912,25 +5049,1970 @@ function ThemePicker({ onClose }) {
 }
 
 //#endregion
-//#region src/chat/shell/snapshot.ts
+//#region src/chat/review/changeset.ts
+const hunkStatsCache = /* @__PURE__ */ new Map();
+const HUNK_STATS_CACHE_MAX = 4096;
+function hunkStats(hunk) {
+	const key = `${hunk.toolCallId}:${hunk.pairIndex}:${hunk.oldText.length}:${hunk.newText.length}`;
+	const cached = hunkStatsCache.get(key);
+	if (cached) return cached;
+	const diff = buildEditDiff(hunk.file, hunk.oldText, hunk.newText);
+	const stats = diff ? {
+		additions: diff.additions,
+		deletions: diff.deletions
+	} : {
+		additions: 0,
+		deletions: 0
+	};
+	if (hunkStatsCache.size >= HUNK_STATS_CACHE_MAX) hunkStatsCache.clear();
+	hunkStatsCache.set(key, stats);
+	return stats;
+}
+function fileChangeStats(file) {
+	return file.hunks.reduce((total, hunk) => {
+		const stats = hunkStats(hunk);
+		return {
+			additions: total.additions + stats.additions,
+			deletions: total.deletions + stats.deletions
+		};
+	}, {
+		additions: 0,
+		deletions: 0
+	});
+}
 /**
-* Shell snapshot for the `!` local-shell escape.
-*
-* The chat composer runs on the user's own machine. When they type `! <cmd>`,
-* we want that command to see their real interactive-shell setup — aliases,
-* functions, shell options, PATH — the same way it would in their terminal.
-*
-* Aliases and functions live in ~/.zshrc / ~/.bashrc, which non-interactive
-* shells don't source (or source without alias expansion), and are never
-* exported to child processes. Re-sourcing the rc file on every command is slow
-* (100s of ms with nvm/rbenv/oh-my-zsh) and can hang on interactive prompts.
+* Only edits that actually applied count. A failed edit (`error`) never
+* touched the file; a still-streaming one isn't final. `input-ready` is
+* included so the pane reflects an in-flight-but-parsed edit — it flips to
+* error and drops out if the tool then fails.
+*/
+function isReviewableState(state) {
+	return state === "input-ready" || state === "output-ready";
+}
+/** Fold scrollback items into the per-file changeset. Pure. */
+function buildChangeset(items) {
+	const byFile = /* @__PURE__ */ new Map();
+	const contents = /* @__PURE__ */ new Map();
+	let turn = -1;
+	for (const item of items) {
+		if (item.kind === "user" || item.kind === "pending-steer") {
+			turn += 1;
+			continue;
+		}
+		if (item.kind !== "tool") continue;
+		if (!isReviewableState(item.state)) continue;
+		if (item.output?.kind === "error") continue;
+		if (!isRecord(item.input)) continue;
+		const file = extractEditFilePath(item.input);
+		if (file === null) continue;
+		const pairs = extractEditPairs(item.toolName, item.input);
+		if (pairs === null) continue;
+		let entry = byFile.get(file);
+		if (!entry) {
+			entry = {
+				file,
+				hunks: []
+			};
+			byFile.set(file, entry);
+		}
+		pairs.forEach((pair, pairIndex) => {
+			const tracked = contents.get(file);
+			let oldText = pair.oldText;
+			let lineBase = 0;
+			if (pair.oldText === "" && item.toolName === "write") {
+				if (tracked !== void 0) oldText = tracked;
+				contents.set(file, pair.newText);
+			} else if (tracked !== void 0 && pair.oldText === "") contents.delete(file);
+			else if (tracked !== void 0) {
+				const at = tracked.indexOf(pair.oldText);
+				if (at >= 0) {
+					lineBase = countLines(tracked.slice(0, at));
+					contents.set(file, tracked.slice(0, at) + pair.newText + tracked.slice(at + pair.oldText.length));
+				} else contents.delete(file);
+			}
+			entry.hunks.push({
+				toolCallId: item.id,
+				pairIndex,
+				file,
+				oldText,
+				newText: pair.newText,
+				lineBase,
+				turn: Math.max(turn, 0)
+			});
+		});
+	}
+	return {
+		files: [...byFile.values()],
+		lastTurn: Math.max(turn, 0)
+	};
+}
+/** Complete lines before a snippet: the count of newlines in the prefix. */
+function countLines(prefix) {
+	let count = 0;
+	for (let i = 0; i < prefix.length; i++) if (prefix.charCodeAt(i) === 10) count += 1;
+	return count;
+}
+/** Narrow a changeset to a scope. `session` returns it unchanged. */
+function scopeChangeset(changeset, scope) {
+	if (scope === "session") return changeset;
+	return {
+		files: changeset.files.map((f) => ({
+			file: f.file,
+			hunks: f.hunks.filter((h) => h.turn === changeset.lastTurn)
+		})).filter((f) => f.hunks.length > 0),
+		lastTurn: changeset.lastTurn
+	};
+}
+
+//#endregion
+//#region src/chat/review/comments.ts
+function createComment(fields) {
+	return {
+		...fields,
+		id: crypto.randomUUID(),
+		stale: false,
+		createdAt: (/* @__PURE__ */ new Date()).toISOString()
+	};
+}
+/**
+* Export comments in herdr-reviewr's block format — one block per comment,
+* sorted by file then start line, blank line between blocks, no preamble:
 *
-* So, once per session, we run the user's login shell, source their rc, and
-* serialize the resulting state into a standalone .sh file. Every `!` command
-* then sources that cheap file and runs. This mirrors the approach Claude Code
-* uses for its bash mode.
+*   path/to/file.py:40-41
+*   -from .z import w
+*   +from .x import y
+*   this import path looks wrong
 *
-* The snapshot is cached on disk keyed by (shell, rc-file mtime), so it is
+* Single-line ranges render as `:40` (no dash); old-side ranges get a
+* ` (removed)` suffix on the header.
+*/
+function formatCommentsForExport(comments) {
+	return [...comments].sort((a, b) => a.file.localeCompare(b.file) || a.start - b.start).map(formatComment).join("\n\n");
+}
+function formatComment(c) {
+	const range = c.start === c.end ? `${c.start}` : `${c.start}-${c.end}`;
+	const removed = c.side === "old" ? " (removed)" : "";
+	return `${`${c.file}:${range}${removed}`}\n${c.lines.length > 0 ? `${c.lines.replace(/\n$/, "")}\n` : ""}${c.text}`;
+}
+
+//#endregion
+//#region src/chat/review/pane-model.ts
+/**
+* Flatten the changeset into pane rows. Comments render directly under the
+* diff row their range ends on (matched by toolCallId + side + line);
+* unmatched comments collect under a stale header at the bottom.
+*/
+function buildPaneRows(changeset, comments) {
+	const rows = [];
+	const placed = /* @__PURE__ */ new Set();
+	for (const file of changeset.files) {
+		rows.push({
+			kind: "file",
+			file: file.file,
+			hunkCount: file.hunks.length
+		});
+		file.hunks.forEach((hunk, hunkIndex) => {
+			if (hunkIndex > 0) rows.push({
+				kind: "hunk-sep",
+				hunk
+			});
+			const diff = buildEditDiff(hunk.file, hunk.oldText, hunk.newText, Number.MAX_SAFE_INTEGER);
+			if (!diff) return;
+			diff.rows.forEach((rawRow, rowInHunk) => {
+				const row = hunk.lineBase > 0 ? {
+					...rawRow,
+					lineNo: rawRow.lineNo + hunk.lineBase
+				} : rawRow;
+				rows.push({
+					kind: "diff",
+					hunk,
+					row,
+					rowInHunk
+				});
+				for (const comment of comments) {
+					if (placed.has(comment.id)) continue;
+					if (comment.toolCallId !== hunk.toolCallId) continue;
+					if (comment.file !== hunk.file) continue;
+					if (!rowMatchesSide(row, comment.side)) continue;
+					if (row.lineNo !== comment.end) continue;
+					rows.push({
+						kind: "comment",
+						comment
+					});
+					placed.add(comment.id);
+				}
+			});
+		});
+	}
+	const stale = comments.filter((c) => !placed.has(c.id));
+	if (stale.length > 0) {
+		rows.push({
+			kind: "stale-header",
+			count: stale.length
+		});
+		for (const comment of stale) rows.push({
+			kind: "stale-comment",
+			comment
+		});
+	}
+	return rows;
+}
+function rowMatchesSide(row, side) {
+	return side === "old" ? row.kind === "del" : row.kind !== "del";
+}
+/** Whether a saved comment's range covers this exact diff row. */
+function commentCoversDiffRow(comment, row) {
+	return comment.toolCallId === row.hunk.toolCallId && comment.file === row.hunk.file && rowMatchesSide(row.row, comment.side) && row.row.lineNo >= comment.start && row.row.lineNo <= comment.end;
+}
+/** Diff rows are the only rows the cursor can rest on. */
+function isSelectableRow(row) {
+	return row.kind === "diff";
+}
+/** Nearest selectable index at/after `from` (falling back backwards). */
+function nearestSelectable(rows, from) {
+	if (rows.length === 0) return -1;
+	const clamped = Math.min(Math.max(from, 0), rows.length - 1);
+	for (let i = clamped; i < rows.length; i++) {
+		const row = rows[i];
+		if (row && isSelectableRow(row)) return i;
+	}
+	for (let i = clamped - 1; i >= 0; i--) {
+		const row = rows[i];
+		if (row && isSelectableRow(row)) return i;
+	}
+	return -1;
+}
+/** Next selectable index in `dir` from `from`, or `from` when at the edge. */
+function moveCursor(rows, from, dir) {
+	for (let i = from + dir; i >= 0 && i < rows.length; i += dir) {
+		const row = rows[i];
+		if (row && isSelectableRow(row)) return i;
+	}
+	return from;
+}
+/** First diff row of the next/previous hunk (falls back to `from`). */
+function moveHunk(rows, from, dir) {
+	const current = rows[from];
+	const currentHunk = current && current.kind === "diff" ? current.hunk : null;
+	const inSameHunk = (row) => row.kind === "diff" && currentHunk !== null && row.hunk.toolCallId === currentHunk.toolCallId && row.hunk.pairIndex === currentHunk.pairIndex;
+	for (let i = from + dir; i >= 0 && i < rows.length; i += dir) {
+		const row = rows[i];
+		if (!row || !isSelectableRow(row) || inSameHunk(row)) continue;
+		if (dir === 1) return i;
+		let start = i;
+		while (start > 0) {
+			const prev = rows[start - 1];
+			if (prev?.kind === "diff" && prev.hunk.toolCallId === row.hunk.toolCallId && prev.hunk.pairIndex === row.hunk.pairIndex) start -= 1;
+			else break;
+		}
+		return start;
+	}
+	return from;
+}
+/**
+* Normalize an anchor/cursor pair into a selection, or null when invalid.
+* A selection must be contiguous diff rows of a single hunk — comments
+* can't span hunks because the snippet must stay verbatim (herdr rule).
+* Interleaved comment rows are allowed (skipped), everything else breaks
+* the selection.
+*/
+function resolveSelection(rows, anchor, cursor) {
+	const lo = Math.min(anchor, cursor);
+	const hi = Math.max(anchor, cursor);
+	const first = rows[lo];
+	if (!first || first.kind !== "diff") return null;
+	for (let i = lo; i <= hi; i++) {
+		const row = rows[i];
+		if (!row) return null;
+		if (row.kind === "comment") continue;
+		if (row.kind !== "diff") return null;
+		if (row.hunk.toolCallId !== first.hunk.toolCallId || row.hunk.pairIndex !== first.hunk.pairIndex) return null;
+	}
+	return {
+		lo,
+		hi
+	};
+}
+/**
+* Derive the comment anchor for a selection: side is `old` only when every
+* selected row is a deletion; line numbers come from the rows matching the
+* chosen side; `lines` is the verbatim marked snippet of the whole range.
+*/
+function anchorForSelection(rows, selection) {
+	const diffRows = [];
+	for (let i = selection.lo; i <= selection.hi; i++) {
+		const row = rows[i];
+		if (row && row.kind === "diff") diffRows.push(row);
+	}
+	if (diffRows.length === 0) return null;
+	const side = diffRows.every((r) => r.row.kind === "del") ? "old" : "new";
+	const sideRows = diffRows.filter((r) => rowMatchesSide(r.row, side));
+	if (sideRows.length === 0) return null;
+	const lineNos = sideRows.map((r) => r.row.lineNo);
+	const lines = diffRows.map((r) => `${markerFor(r.row)}${r.row.text}`).join("\n");
+	const first = diffRows[0];
+	if (!first) return null;
+	return {
+		file: first.hunk.file,
+		side,
+		start: Math.min(...lineNos),
+		end: Math.max(...lineNos),
+		lines,
+		toolCallId: first.hunk.toolCallId
+	};
+}
+function markerFor(row) {
+	return row.kind === "add" ? "+" : row.kind === "del" ? "-" : " ";
+}
+/** The pending comment whose rendered row is at/adjacent to the cursor. */
+function commentAtCursor(rows, cursor) {
+	const here = rows[cursor];
+	if (here?.kind === "comment" || here?.kind === "stale-comment") return here.comment;
+	const next = rows[cursor + 1];
+	if (next?.kind === "comment") return next.comment;
+	return null;
+}
+
+//#endregion
+//#region src/chat/review/store.ts
+/**
+* Persistence for pending review comments.
+*
+* One JSON file per conversation under `<configDir>/review/`, so switching
+* conversations (or killing the TUI — see the ctrl+c segfault) never loses a
+* pending comment, and two TUIs on *different* conversations never contend
+* for the same file. Every mutation writes through to disk immediately;
+* nothing waits for exit.
+*
+* Same best-effort load semantics as prompt history: a corrupt or
+* wrong-shaped file yields an empty list rather than crashing the chat.
+* Writes go through temp-file + rename so a crash mid-write leaves the old
+* state intact, not a truncated file.
+*/
+const commentSchema = z.object({
+	id: z.string(),
+	file: z.string(),
+	side: z.enum(["new", "old"]),
+	start: z.number().int(),
+	end: z.number().int(),
+	lines: z.string(),
+	text: z.string(),
+	toolCallId: z.string().nullable(),
+	stale: z.boolean(),
+	createdAt: z.string()
+});
+const fileSchema = z.object({
+	version: z.literal(1),
+	comments: z.array(commentSchema)
+});
+/** Conversations untouched this long are GC'd at store startup. */
+const GC_MAX_AGE_MS = 720 * 60 * 60 * 1e3;
+/** Temp files older than this are crashed-write leftovers, safe to reap. */
+const TMP_MAX_AGE_MS = 3600 * 1e3;
+/** Conversation ids are UUIDs today, but sanitize defensively anyway. */
+function fileNameFor(conversationId) {
+	return `${conversationId.replace(/[^\w.-]/g, "_")}.json`;
+}
+var ReviewCommentStore = class {
+	/** Serialize writes per conversation so rapid mutations stay ordered. */
+	writeQueues = /* @__PURE__ */ new Map();
+	constructor(dir) {
+		this.dir = dir;
+	}
+	pathFor(conversationId) {
+		return path.join(this.dir, fileNameFor(conversationId));
+	}
+	/** Load pending comments for a conversation. Missing/corrupt → []. */
+	async load(conversationId) {
+		const pendingWrite = this.writeQueues.get(conversationId);
+		if (pendingWrite) try {
+			await pendingWrite;
+		} catch (_error) {}
+		try {
+			const raw = await readFile(this.pathFor(conversationId), "utf8");
+			const parsed = fileSchema.safeParse(JSON.parse(raw));
+			return parsed.success ? parsed.data.comments : [];
+		} catch (_error) {
+			return [];
+		}
+	}
+	/**
+	* Replace the conversation's comments on disk. Called on every mutation
+	* (add/edit/delete/consume) — the dataset is a handful of comments, so a
+	* full rewrite is cheap and keeps recovery semantics trivial. An empty
+	* list removes the file so GC has nothing to track.
+	*/
+	save(conversationId, comments) {
+		const snapshot = [...comments];
+		const previous = this.writeQueues.get(conversationId) ?? Promise.resolve();
+		const next = (async () => {
+			try {
+				await previous;
+			} catch (_error) {}
+			await this.saveNow(conversationId, snapshot);
+		})();
+		this.writeQueues.set(conversationId, next);
+		const cleanUp = () => {
+			if (this.writeQueues.get(conversationId) === next) this.writeQueues.delete(conversationId);
+		};
+		next.then(cleanUp, cleanUp);
+		return next;
+	}
+	async saveNow(conversationId, comments) {
+		const target = this.pathFor(conversationId);
+		if (comments.length === 0) {
+			try {
+				await unlink(target);
+			} catch (_error) {}
+			return;
+		}
+		await mkdir(this.dir, { recursive: true });
+		const payload = JSON.stringify({
+			version: 1,
+			comments: [...comments]
+		}, null, 2);
+		const tmp = `${target}.${process.pid}.tmp`;
+		await writeFile(tmp, payload, "utf8");
+		await rename(tmp, target);
+	}
+	/**
+	* Drop state for conversations untouched for GC_MAX_AGE_MS, plus any
+	* stray temp files from crashed writes. Best-effort; call once at TUI
+	* startup, off the critical path.
+	*/
+	async gc(now = Date.now()) {
+		let entries;
+		try {
+			entries = await readdir(this.dir);
+		} catch (_error) {
+			return;
+		}
+		await Promise.all(entries.map(async (name) => {
+			const full = path.join(this.dir, name);
+			try {
+				if (name.endsWith(".tmp")) {
+					if (now - (await stat(full)).mtimeMs > TMP_MAX_AGE_MS) await unlink(full);
+					return;
+				}
+				if (!name.endsWith(".json")) return;
+				if (now - (await stat(full)).mtimeMs > GC_MAX_AGE_MS) await unlink(full);
+			} catch (_error) {}
+		}));
+	}
+};
+
+//#endregion
+//#region src/chat/review/visuals.ts
+/** Blend a foreground accent over a background hex color. */
+function blendHex(foreground, background, weight) {
+	const fg = parseHex(foreground);
+	const bg = parseHex(background);
+	if (!fg || !bg) return background ?? foreground;
+	const w = Math.max(0, Math.min(1, weight));
+	const channel = (a, b) => Math.round(a * w + b * (1 - w)).toString(16).padStart(2, "0");
+	return `#${channel(fg[0], bg[0])}${channel(fg[1], bg[1])}${channel(fg[2], bg[2])}`;
+}
+function parseHex(color) {
+	if (!color || !/^#[0-9a-f]{6}$/i.test(color)) return null;
+	return [
+		Number.parseInt(color.slice(1, 3), 16),
+		Number.parseInt(color.slice(3, 5), 16),
+		Number.parseInt(color.slice(5, 7), 16)
+	];
+}
+
+//#endregion
+//#region src/chat/tui/screens/review-comment-card.tsx
+/**
+* Saved review note rendered directly beneath the last line in its range.
+* Mirrors herdr-reviewr's quiet titled card rather than leaving a loose
+* `┃ note` row that can be mistaken for source.
+*/
+function ReviewCommentCard({ comment, width }) {
+	const range = comment.start === comment.end ? `${comment.start}` : `${comment.start}-${comment.end}`;
+	return /* @__PURE__ */ jsx("box", {
+		title: ` comment · ${comment.file}:${range} `,
+		style: {
+			flexDirection: "column",
+			border: true,
+			borderColor: blendHex(theme.warning, theme.surface, .6),
+			marginLeft: 2,
+			width: Math.max(12, width - 2),
+			paddingLeft: 1,
+			paddingRight: 1
+		},
+		children: comment.text.split("\n").map((line, index) => /* @__PURE__ */ jsx("text", {
+			fg: theme.fg,
+			children: line.length > 0 ? line : " "
+		}, index))
+	});
+}
+
+//#endregion
+//#region src/chat/tui/screens/review-source-row.tsx
+const SOURCE_GUTTER_WIDTH = 9;
+function reviewSourceContentWidth(width) {
+	return Math.max(1, width - SOURCE_GUTTER_WIDTH);
+}
+/** Shared source row for Changes diffs and Files full-content previews. */
+function ReviewSourceRow({ file, row, cursor, selected, commented, width }) {
+	const palette = diffPalette();
+	const semanticBg = row.kind === "add" ? palette?.addedLineBg : row.kind === "del" ? palette?.removedLineBg : void 0;
+	const bg = cursor ? blendHex(theme.fg, theme.surface, .22) : selected ? blendHex(theme.fg, theme.surface, .12) : semanticBg;
+	const sign = row.kind === "add" ? "+" : row.kind === "del" ? "-" : " ";
+	const signColor = row.kind === "add" ? palette?.addedSignColor ?? theme.success : row.kind === "del" ? palette?.removedSignColor ?? theme.error : theme.faint;
+	const filetype = filetypeForPath(file);
+	const contentWidth = reviewSourceContentWidth(width);
+	return /* @__PURE__ */ jsxs("box", {
+		style: {
+			flexDirection: "row",
+			backgroundColor: bg,
+			width
+		},
+		children: [/* @__PURE__ */ jsx("box", {
+			style: {
+				width: SOURCE_GUTTER_WIDTH,
+				flexShrink: 0
+			},
+			children: /* @__PURE__ */ jsxs("text", {
+				bg,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						fg: cursor ? theme.accent : selected ? theme.fg : theme.faint,
+						children: cursor ? "›" : selected ? "▌" : " "
+					}),
+					/* @__PURE__ */ jsx("span", {
+						fg: commented ? theme.warning : palette?.lineNumberFg ?? theme.muted,
+						children: String(row.lineNo).padStart(5)
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						fg: signColor,
+						children: [
+							" ",
+							sign,
+							" "
+						]
+					})
+				]
+			})
+		}), /* @__PURE__ */ jsx("box", {
+			style: {
+				width: contentWidth,
+				flexShrink: 0
+			},
+			children: filetype ? /* @__PURE__ */ jsx("code", {
+				content: row.text.length > 0 ? row.text : " ",
+				filetype,
+				syntaxStyle: syntaxStyle(),
+				fg: theme.fg,
+				bg,
+				width: contentWidth,
+				height: 1
+			}) : /* @__PURE__ */ jsx("text", {
+				fg: theme.fg,
+				bg,
+				children: row.text
+			})
+		})]
+	});
+}
+
+//#endregion
+//#region src/chat/tui/screens/review-shell.tsx
+function filterReviewFiles(values, query, pathFor) {
+	const terms = query.trim().toLowerCase().split(/\s+/).filter(Boolean);
+	if (terms.length === 0) return [...values];
+	return values.filter((value) => {
+		const path = pathFor(value).toLowerCase();
+		return terms.every((term) => path.includes(term));
+	});
+}
+function ReviewFileSearch({ query, onQueryChange, placeholder = "filter files…" }) {
+	return /* @__PURE__ */ jsxs("box", {
+		style: {
+			flexDirection: "row",
+			height: 1
+		},
+		children: [/* @__PURE__ */ jsx("text", {
+			fg: theme.accent,
+			children: "/ "
+		}), /* @__PURE__ */ jsx("input", {
+			placeholder,
+			focused: true,
+			width: "100%",
+			value: query,
+			onInput: onQueryChange
+		})]
+	});
+}
+/**
+* Group flat paths into a directory tree with herdr-reviewr's compression
+* rules: a chain of single-child directories folds into one row (`a/b/c`),
+* and a chain ending in a lone file folds all the way into a single file
+* row (`a/b/x.ts`). Directories sort before files, alphabetically within a
+* parent, so deep nesting never costs a column of near-empty rows.
+*/
+function buildReviewTree(values, pathFor) {
+	const root = {
+		dirs: /* @__PURE__ */ new Map(),
+		files: /* @__PURE__ */ new Map()
+	};
+	for (const value of values) {
+		const path = pathFor(value);
+		const parts = path.split("/").filter(Boolean);
+		const base = parts.at(-1);
+		if (base === void 0) continue;
+		let node = root;
+		for (const segment of parts.slice(0, -1)) {
+			let child = node.dirs.get(segment);
+			if (!child) {
+				child = {
+					dirs: /* @__PURE__ */ new Map(),
+					files: /* @__PURE__ */ new Map()
+				};
+				node.dirs.set(segment, child);
+			}
+			node = child;
+		}
+		node.files.set(base, {
+			value,
+			path
+		});
+	}
+	const rows = [];
+	flattenTree(rows, root, "", 0);
+	return rows;
+}
+function sortedNames(names) {
+	return [...names].sort((a, b) => a.localeCompare(b));
+}
+function flattenTree(rows, dir, prefix, depth) {
+	for (const name of sortedNames(dir.dirs.keys())) {
+		const start = dir.dirs.get(name);
+		if (!start) continue;
+		let display = name;
+		let path = prefix ? `${prefix}/${name}` : name;
+		let node = start;
+		while (node.files.size === 0 && node.dirs.size === 1) {
+			const next = node.dirs.entries().next().value;
+			if (!next) break;
+			const [childName, child] = next;
+			display = `${display}/${childName}`;
+			path = `${path}/${childName}`;
+			node = child;
+		}
+		const loneFile = node.dirs.size === 0 && node.files.size === 1 ? node.files.entries().next().value : void 0;
+		if (loneFile) {
+			const [fileName, entry] = loneFile;
+			rows.push({
+				kind: "file",
+				path: entry.path,
+				name: `${display}/${fileName}`,
+				depth,
+				value: entry.value
+			});
+			continue;
+		}
+		rows.push({
+			kind: "dir",
+			path,
+			name: display,
+			depth
+		});
+		flattenTree(rows, node, path, depth + 1);
+	}
+	for (const name of sortedNames(dir.files.keys())) {
+		const entry = dir.files.get(name);
+		if (entry === void 0) continue;
+		rows.push({
+			kind: "file",
+			path: entry.path,
+			name,
+			depth,
+			value: entry.value
+		});
+	}
+}
+/** Translate a wheel event into signed rows; null for horizontal wheels. */
+function scrollDelta(event) {
+	const scroll = event.scroll;
+	if (!scroll) return null;
+	if (scroll.direction === "down") return scroll.delta;
+	if (scroll.direction === "up") return -scroll.delta;
+	return null;
+}
+/** Stable navigator/source layout shared by both authoring tabs. */
+function ReviewShell({ width, height, layout, focus, onFocus, navigator, source, navigatorPreferredWidth, navigatorSize, onNavigatorResize, onNavigatorScroll, onSourceScroll }) {
+	const dimensions = reviewShellDimensions({
+		width,
+		height,
+		layout,
+		focus,
+		navigatorPreferredWidth,
+		navigatorSize
+	});
+	const shellRef = useRef(null);
+	const dragRef = useRef(null);
+	return /* @__PURE__ */ jsxs("box", {
+		ref: shellRef,
+		onMouseDown: (event) => {
+			const shell = shellRef.current;
+			if (!shell || !onNavigatorResize || focus !== "navigator") return;
+			if (layout === "side-by-side") {
+				const border = shell.screenX + dimensions.navigatorWidth - 1;
+				if (event.x === border || event.x === border + 1) dragRef.current = {
+					start: event.x,
+					size: dimensions.navigatorWidth
+				};
+			} else {
+				const border = shell.screenY + dimensions.navigatorHeight - 1;
+				if (event.y === border || event.y === border + 1) dragRef.current = {
+					start: event.y,
+					size: dimensions.navigatorHeight
+				};
+			}
+		},
+		onMouseDrag: (event) => {
+			const drag = dragRef.current;
+			if (!drag || !onNavigatorResize) return;
+			const position = layout === "stacked" ? event.y : event.x;
+			onNavigatorResize(drag.size + (position - drag.start));
+		},
+		onMouseDragEnd: () => {
+			dragRef.current = null;
+		},
+		onMouseUp: () => {
+			dragRef.current = null;
+		},
+		style: {
+			flexDirection: layout === "stacked" ? "column" : "row",
+			width,
+			height,
+			flexGrow: 1
+		},
+		children: [focus === "navigator" ? /* @__PURE__ */ jsx("box", {
+			title: " files ",
+			onMouseDown: () => onFocus("navigator"),
+			onMouseScroll: (event) => {
+				const delta = scrollDelta(event);
+				if (delta !== null) onNavigatorScroll?.(delta);
+			},
+			style: {
+				flexDirection: "column",
+				width: dimensions.navigatorWidth,
+				height: dimensions.navigatorHeight,
+				border: true,
+				borderColor: theme.accent,
+				paddingLeft: 1,
+				paddingRight: 1
+			},
+			children: navigator
+		}) : null, /* @__PURE__ */ jsx("box", {
+			title: " preview ",
+			onMouseScroll: (event) => {
+				const delta = scrollDelta(event);
+				if (delta !== null) onSourceScroll?.(delta);
+			},
+			style: {
+				flexDirection: "column",
+				width: dimensions.sourceWidth,
+				height: dimensions.sourceHeight,
+				border: true,
+				borderColor: focus === "source" ? theme.accent : theme.faint,
+				paddingLeft: 1,
+				paddingRight: 1
+			},
+			children: source
+		})]
+	});
+}
+function reviewShellDimensions({ width, height, layout, focus = "navigator", navigatorPreferredWidth, navigatorSize }) {
+	if (focus === "source") return {
+		navigatorWidth: 0,
+		navigatorHeight: 0,
+		sourceWidth: width,
+		sourceHeight: height
+	};
+	if (layout === "stacked") {
+		const navigatorHeight = navigatorSize === void 0 ? Math.max(5, Math.floor(height * .45)) : Math.max(4, Math.min(height - 5, navigatorSize));
+		return {
+			navigatorWidth: width,
+			navigatorHeight,
+			sourceWidth: width,
+			sourceHeight: Math.max(4, height - navigatorHeight)
+		};
+	}
+	const navigatorWidth = navigatorSize === void 0 ? reviewNavigatorWidth(width, navigatorPreferredWidth) : Math.max(20, Math.min(width - 20, navigatorSize));
+	return {
+		navigatorWidth,
+		navigatorHeight: height,
+		sourceWidth: Math.max(16, width - navigatorWidth - 1),
+		sourceHeight: height
+	};
+}
+function reviewNavigatorWidth(width, preferredContentWidth) {
+	const minimum = 24;
+	const maximum = Math.max(minimum, Math.min(64, Math.floor(width * .46)));
+	const desired = preferredContentWidth === void 0 ? Math.floor(width * .32) : preferredContentWidth + 4;
+	return Math.max(minimum, Math.min(maximum, desired));
+}
+/**
+* Estimate a useful tree width without letting one pathological filename own
+* the layout. Includes row marker, indentation, label, and optional metadata.
+*/
+function reviewTreePreferredWidth(rows, suffixWidth = () => 0) {
+	if (rows.length === 0) return 0;
+	const widths = rows.map((row) => {
+		const base = 2 + row.depth * 2 + row.name.length;
+		return row.kind === "dir" ? base + 2 : base + suffixWidth(row.value);
+	}).sort((a, b) => a - b);
+	return widths[Math.max(0, Math.ceil(widths.length * .9) - 1)] ?? 0;
+}
+function halfPageStep(visibleRows) {
+	return Math.max(1, Math.floor(visibleRows / 2));
+}
+function moveIndexByPage({ current, total, visibleRows, direction }) {
+	if (total <= 0) return 0;
+	return Math.max(0, Math.min(total - 1, current + direction * halfPageStep(visibleRows)));
+}
+
+//#endregion
+//#region src/chat/tui/screens/workspace-files-model.ts
+/**
+* Build a stable yazi-style tree from the API's flat path list, sharing the
+* Changes tab's herdr-style compression (single-child directory chains fold
+* into one row).
+*/
+function buildWorkspaceTree(files) {
+	return buildReviewTree(files, (file) => file.path).map((row) => row.kind === "dir" ? {
+		kind: "dir",
+		path: row.path,
+		name: row.name,
+		depth: row.depth
+	} : {
+		kind: "file",
+		file: row.value,
+		name: row.name,
+		depth: row.depth
+	});
+}
+/**
+* The nearest preview line matching `query` (case-insensitive substring),
+* scanning from `from` in `direction` and wrapping around the buffer.
+*/
+function findPreviewMatch({ lines, query, from, direction }) {
+	const needle = query.trim().toLowerCase();
+	if (needle.length === 0 || lines.length === 0) return null;
+	const total = lines.length;
+	for (let step = 0; step < total; step++) {
+		const index = ((from + direction * step) % total + total) % total;
+		if (lines[index]?.toLowerCase().includes(needle)) return index;
+	}
+	return null;
+}
+function nearestFileRow(rows, from) {
+	if (rows.length === 0) return -1;
+	const clamped = Math.min(Math.max(from, 0), rows.length - 1);
+	for (let i = clamped; i < rows.length; i++) if (rows[i]?.kind === "file") return i;
+	for (let i = clamped - 1; i >= 0; i--) if (rows[i]?.kind === "file") return i;
+	return -1;
+}
+function moveFileRow(rows, from, direction) {
+	for (let i = from + direction; i >= 0 && i < rows.length; i += direction) if (rows[i]?.kind === "file") return i;
+	return from;
+}
+/** Stable whole-file comment anchor (space-prefixed verbatim source lines). */
+function workspaceFileCommentAnchor({ file, lines, start, end }) {
+	const lo = Math.max(0, Math.min(start, end));
+	const hi = Math.min(lines.length - 1, Math.max(start, end));
+	if (lines.length === 0 || lo > hi) return null;
+	return {
+		file,
+		side: "new",
+		start: lo + 1,
+		end: hi + 1,
+		lines: lines.slice(lo, hi + 1).map((line) => ` ${line}`).join("\n"),
+		toolCallId: null
+	};
+}
+
+//#endregion
+//#region src/chat/tui/screens/workspace-files.tsx
+function canPreview(file) {
+	if (file.sizeBytes > 5 * 1024 * 1024) return false;
+	if (file.mediaType.startsWith("text/")) return true;
+	if (/\/(json|xml|javascript|typescript|x-sh|yaml)$/.test(file.mediaType)) return true;
+	return /\.(md|mdx|txt|json|jsonl|ya?ml|toml|ini|env|csv|ts|tsx|js|jsx|mjs|cjs|css|scss|html|xml|svg|py|rb|rs|go|java|kt|swift|c|cc|cpp|h|hpp|sh|zsh|fish|sql|graphql|gql)$/i.test(file.path);
+}
+function formatBytes$1(bytes) {
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;
+	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+/** Durable `~/Documents` browser: tree navigation → focusable file preview. */
+function WorkspaceFilesTab({ agentId, viewportWidth, viewportHeight, active, shellLayout, selectedFilePath, onSelectedFilePathChange, navigatorSize, onNavigatorResize, comments, onCommentsChange, onComposingChange, onClose }) {
+	const rest = useStore((s) => s.rest);
+	const width = viewportWidth;
+	const height = viewportHeight;
+	const shellHeight = Math.max(6, height - 1);
+	const [load, setLoad] = useState({ kind: "loading" });
+	const [focus, setFocus] = useState("tree");
+	const [fileSearch, setFileSearch] = useState(null);
+	const [lineCursor, setLineCursor] = useState(0);
+	const [lineAnchor, setLineAnchor] = useState(null);
+	const [commentDraft, setCommentDraft] = useState(null);
+	const [editingId, setEditingId] = useState(null);
+	const [preview, setPreview] = useState({
+		kind: "none",
+		message: "select a file"
+	});
+	const [refreshKey, setRefreshKey] = useState(0);
+	const [status, setStatus] = useState(null);
+	const [previewSearch, setPreviewSearch] = useState(null);
+	const [committedSearch, setCommittedSearch] = useState("");
+	const [searchOrigin, setSearchOrigin] = useState(0);
+	const [treeScroll, setTreeScroll] = useState(null);
+	const [lineScroll, setLineScroll] = useState(null);
+	useEffect(() => {
+		if (status === null) return;
+		const timer = setTimeout(() => setStatus(null), 2500);
+		return () => clearTimeout(timer);
+	}, [status]);
+	useEffect(() => {
+		onComposingChange(commentDraft !== null || fileSearch !== null || previewSearch !== null);
+		return () => onComposingChange(false);
+	}, [
+		commentDraft,
+		fileSearch,
+		previewSearch,
+		onComposingChange
+	]);
+	useEffect(() => {
+		if (!rest) return;
+		let cancelled = false;
+		setLoad({ kind: "loading" });
+		rest.listWorkspaceFiles({ agentId }).then((files) => {
+			if (!cancelled) setLoad({
+				kind: "ready",
+				files
+			});
+		}).catch((error) => {
+			if (!cancelled) setLoad({
+				kind: "error",
+				message: errorMessage(error)
+			});
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		rest,
+		agentId,
+		refreshKey
+	]);
+	const visibleFiles = useMemo(() => load.kind === "ready" ? filterReviewFiles(load.files, fileSearch ?? "", (file) => file.path) : [], [load, fileSearch]);
+	const rows = useMemo(() => buildWorkspaceTree(visibleFiles), [visibleFiles]);
+	const navigatorPreferredWidth = reviewTreePreferredWidth(useMemo(() => buildReviewTree(visibleFiles, (file) => file.path), [visibleFiles]), (file) => ` · ${formatBytes$1(file.sizeBytes)}`.length);
+	const shellDimensions = reviewShellDimensions({
+		width,
+		height: shellHeight,
+		layout: shellLayout,
+		focus: focus === "tree" ? "navigator" : "source",
+		navigatorPreferredWidth,
+		navigatorSize: navigatorSize ?? void 0
+	});
+	const persistedIndex = rows.findIndex((row) => row.kind === "file" && row.file.path === selectedFilePath);
+	const selectedIndex = persistedIndex >= 0 ? persistedIndex : nearestFileRow(rows, 0);
+	const selected = rows[selectedIndex];
+	const selectedFile = selected?.kind === "file" ? selected.file : null;
+	const selectFileRow = (index) => {
+		const row = rows[index];
+		if (row?.kind === "file") onSelectedFilePathChange(row.file.path);
+	};
+	useEffect(() => {
+		setTreeScroll(null);
+	}, [selectedIndex]);
+	useEffect(() => {
+		setLineScroll(null);
+	}, [lineCursor]);
+	useEffect(() => {
+		setFocus("tree");
+		setLineCursor(0);
+		setLineAnchor(null);
+		setPreviewSearch(null);
+		setCommittedSearch("");
+		if (!rest || !selectedFile) {
+			setPreview({
+				kind: "none",
+				message: "select a file"
+			});
+			return;
+		}
+		if (!canPreview(selectedFile)) {
+			setPreview({
+				kind: "none",
+				message: `${selectedFile.mediaType} · ${formatBytes$1(selectedFile.sizeBytes)}\npreview unavailable for binary or large files`
+			});
+			return;
+		}
+		let cancelled = false;
+		setPreview({ kind: "loading" });
+		rest.readWorkspaceFile({ fileId: selectedFile.id }).then((result) => {
+			if (!cancelled) setPreview({
+				kind: "ready",
+				...result
+			});
+		}).catch((error) => {
+			if (!cancelled) setPreview({
+				kind: "error",
+				message: errorMessage(error)
+			});
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [rest, selectedFile]);
+	const lines = preview.kind === "ready" ? preview.text.split("\n") : [];
+	const clampedLine = Math.min(lineCursor, Math.max(0, lines.length - 1));
+	const selectionStart = Math.min(lineAnchor ?? clampedLine, clampedLine);
+	const selectionEnd = Math.max(lineAnchor ?? clampedLine, clampedLine);
+	const fileComments = selectedFile ? comments.filter((comment) => comment.file === selectedFile.path && comment.toolCallId === null) : [];
+	const saveDraft = () => {
+		const text = commentDraft?.trim() ?? "";
+		if (!selectedFile || text.length === 0 || lines.length === 0) {
+			setCommentDraft(null);
+			setEditingId(null);
+			return;
+		}
+		if (editingId) onCommentsChange(comments.map((comment) => comment.id === editingId ? {
+			...comment,
+			text
+		} : comment));
+		else {
+			const anchor = workspaceFileCommentAnchor({
+				file: selectedFile.path,
+				lines,
+				start: selectionStart,
+				end: selectionEnd
+			});
+			if (anchor) onCommentsChange([...comments, createComment({
+				...anchor,
+				text
+			})]);
+		}
+		setCommentDraft(null);
+		setEditingId(null);
+		setLineAnchor(null);
+	};
+	useKeyboard((key) => {
+		if (!active) return;
+		if (commentDraft !== null) {
+			if (key.name === "escape") {
+				if (editingId !== null) setLineAnchor(null);
+				setCommentDraft(null);
+				setEditingId(null);
+			} else if (key.name === "return" || key.name === "kpenter") saveDraft();
+			return;
+		}
+		if (fileSearch !== null) {
+			if (key.name === "escape") setFileSearch(null);
+			else if (key.name === "return" || key.name === "kpenter") setFileSearch(null);
+			else if (key.name === "up") selectFileRow(moveFileRow(rows, selectedIndex, -1));
+			else if (key.name === "down") selectFileRow(moveFileRow(rows, selectedIndex, 1));
+			return;
+		}
+		if (previewSearch !== null) {
+			if (key.name === "escape") {
+				setPreviewSearch(null);
+				setLineCursor(searchOrigin);
+			} else if (key.name === "return" || key.name === "kpenter") {
+				setCommittedSearch(previewSearch);
+				setPreviewSearch(null);
+			}
+			return;
+		}
+		if (key.name === "/") {
+			if (focus === "preview" && lines.length > 0) {
+				setSearchOrigin(clampedLine);
+				setPreviewSearch("");
+			} else {
+				setFocus("tree");
+				setFileSearch("");
+			}
+			return;
+		}
+		const pageDirection = key.ctrl && key.name === "d" ? 1 : key.ctrl && key.name === "u" ? -1 : null;
+		if (pageDirection !== null) {
+			if (focus === "preview") setLineCursor(moveIndexByPage({
+				current: clampedLine,
+				total: lines.length,
+				visibleRows: Math.max(2, shellDimensions.sourceHeight - 3),
+				direction: pageDirection
+			}));
+			else {
+				let next = selectedIndex;
+				const steps = Math.max(1, Math.floor(Math.max(2, shellDimensions.navigatorHeight - 2) / 2));
+				for (let i = 0; i < steps; i++) next = moveFileRow(rows, next, pageDirection);
+				selectFileRow(next);
+			}
+			return;
+		}
+		if (focus === "preview") {
+			if (key.name === "escape" || key.name === "h" || key.name === "left") {
+				setFocus("tree");
+				setLineAnchor(null);
+				return;
+			}
+			if (key.name === "j" || key.name === "down") {
+				setLineCursor(Math.min(Math.max(0, lines.length - 1), clampedLine + 1));
+				return;
+			}
+			if (key.name === "k" || key.name === "up") {
+				setLineCursor(Math.max(0, clampedLine - 1));
+				return;
+			}
+			if (key.name === "v") {
+				setLineAnchor((anchor) => anchor === null ? clampedLine : null);
+				return;
+			}
+			if ((key.name === "n" || key.name === "N") && committedSearch.length > 0) {
+				const direction = key.name === "N" || key.shift ? -1 : 1;
+				const match = findPreviewMatch({
+					lines,
+					query: committedSearch,
+					from: clampedLine + direction,
+					direction
+				});
+				if (match !== null) setLineCursor(match);
+				else setStatus(`no match: ${committedSearch}`);
+				return;
+			}
+			if (key.name === "c" && lines.length > 0) {
+				setCommentDraft("");
+				setEditingId(null);
+				return;
+			}
+			const commentAtLine = fileComments.find((comment) => comment.end === clampedLine + 1);
+			if (key.name === "e" && commentAtLine) {
+				setLineAnchor(commentAtLine.start - 1);
+				setLineCursor(commentAtLine.end - 1);
+				setCommentDraft(commentAtLine.text);
+				setEditingId(commentAtLine.id);
+				return;
+			}
+			if (key.name === "d" && commentAtLine) onCommentsChange(comments.filter((comment) => comment.id !== commentAtLine.id));
+			return;
+		}
+		if (key.name === "escape") {
+			onClose();
+			return;
+		}
+		if (key.name === "j" || key.name === "down") {
+			selectFileRow(moveFileRow(rows, selectedIndex, 1));
+			return;
+		}
+		if (key.name === "k" || key.name === "up") {
+			selectFileRow(moveFileRow(rows, selectedIndex, -1));
+			return;
+		}
+		if ((key.name === "return" || key.name === "o" || key.name === "l" || key.name === "right") && (preview.kind === "loading" || preview.kind === "ready")) {
+			setFocus("preview");
+			setLineCursor(0);
+			return;
+		}
+		if (key.name === "r") {
+			setRefreshKey((n) => n + 1);
+			return;
+		}
+		if (key.name === "y" && selectedFile) writeClipboardText(selectedFile.shareUrl).then((ok) => {
+			setStatus(ok ? "share link copied" : "clipboard unavailable");
+		});
+	});
+	const treeVisible = Math.max(2, shellDimensions.navigatorHeight - 2 - (fileSearch !== null ? 1 : 0));
+	const treeStart = treeScroll === null ? windowStart(Math.max(selectedIndex, 0), rows.length, treeVisible) : Math.max(0, Math.min(rows.length - treeVisible, treeScroll));
+	const windowedTree = rows.slice(treeStart, treeStart + treeVisible);
+	const previewHeight = Math.max(3, shellDimensions.sourceHeight - (commentDraft !== null ? 4 : 2) - (previewSearch !== null ? 1 : 0));
+	const sourceWidth = Math.max(16, shellDimensions.sourceWidth - 4);
+	const lineStart = lineScroll === null ? windowStart(commentDraft !== null ? selectionEnd : clampedLine, lines.length, previewHeight - 1) : Math.max(0, Math.min(lines.length - (previewHeight - 1), lineScroll));
+	const windowedLines = lines.slice(lineStart, lineStart + previewHeight - 1);
+	const liveSearch = (previewSearch ?? "").trim().toLowerCase();
+	const treeView = /* @__PURE__ */ jsxs("box", {
+		style: {
+			flexDirection: "column",
+			flexGrow: 1
+		},
+		children: [fileSearch !== null ? /* @__PURE__ */ jsx(ReviewFileSearch, {
+			query: fileSearch,
+			onQueryChange: (query) => {
+				setFileSearch(query);
+				const first = load.kind === "ready" ? filterReviewFiles(load.files, query, (file) => file.path)[0] : null;
+				if (first) onSelectedFilePathChange(first.path);
+			}
+		}) : null, load.kind === "loading" ? /* @__PURE__ */ jsx("text", {
+			fg: theme.muted,
+			children: "loading workspace files…"
+		}) : load.kind === "error" ? /* @__PURE__ */ jsx("text", {
+			fg: theme.error,
+			children: load.message
+		}) : load.files.length === 0 ? /* @__PURE__ */ jsx("text", {
+			fg: theme.muted,
+			children: "no files in the agent’s workspace volume"
+		}) : rows.length === 0 ? /* @__PURE__ */ jsxs("text", {
+			fg: theme.muted,
+			children: [
+				"no files match “",
+				fileSearch,
+				"”"
+			]
+		}) : windowedTree.map((row, index) => {
+			const absolute = treeStart + index;
+			const indent = "  ".repeat(row.depth);
+			if (row.kind === "dir") return /* @__PURE__ */ jsxs("text", {
+				fg: theme.muted,
+				children: [
+					indent,
+					"▾ ",
+					row.name,
+					"/"
+				]
+			}, `d-${row.path}`);
+			const isCursorRow = absolute === selectedIndex;
+			return /* @__PURE__ */ jsxs("text", {
+				onMouseDown: () => {
+					onSelectedFilePathChange(row.file.path);
+					setFocus("tree");
+				},
+				fg: isCursorRow ? theme.accent : theme.fg,
+				bg: isCursorRow ? theme.surface : void 0,
+				children: [
+					isCursorRow ? "› " : "  ",
+					indent,
+					row.name,
+					/* @__PURE__ */ jsxs("span", {
+						fg: theme.faint,
+						children: [" · ", formatBytes$1(row.file.sizeBytes)]
+					})
+				]
+			}, row.file.id);
+		})]
+	});
+	const previewView = /* @__PURE__ */ jsxs("box", {
+		style: {
+			flexDirection: "column",
+			flexGrow: 1,
+			height: previewHeight
+		},
+		children: [
+			selectedFile ? /* @__PURE__ */ jsxs("text", {
+				fg: focus === "preview" ? theme.accent : theme.muted,
+				children: [selectedFile.path, focus === "preview" ? " · preview focused" : ""]
+			}) : null,
+			previewSearch !== null ? /* @__PURE__ */ jsx(ReviewFileSearch, {
+				query: previewSearch,
+				placeholder: "search buffer…",
+				onQueryChange: (query) => {
+					setPreviewSearch(query);
+					const match = findPreviewMatch({
+						lines,
+						query,
+						from: searchOrigin,
+						direction: 1
+					});
+					if (match !== null) setLineCursor(match);
+				}
+			}) : null,
+			preview.kind === "loading" ? /* @__PURE__ */ jsx("text", {
+				fg: theme.muted,
+				children: "loading preview…"
+			}) : preview.kind === "ready" ? windowedLines.map((line, index) => {
+				const absolute = lineStart + index;
+				const isCursorLine = focus === "preview" && absolute === clampedLine;
+				const selectedLine = focus === "preview" && lineAnchor !== null && absolute >= selectionStart && absolute <= selectionEnd || liveSearch.length > 0 && line.toLowerCase().includes(liveSearch);
+				const commented = fileComments.some((comment) => absolute + 1 >= comment.start && absolute + 1 <= comment.end);
+				const commentsHere = fileComments.filter((comment) => comment.end === absolute + 1);
+				return /* @__PURE__ */ jsxs("box", {
+					style: { flexDirection: "column" },
+					children: [
+						/* @__PURE__ */ jsx(ReviewSourceRow, {
+							file: selectedFile?.path ?? "",
+							row: {
+								kind: "ctx",
+								text: line,
+								lineNo: absolute + 1
+							},
+							cursor: isCursorLine,
+							selected: selectedLine,
+							commented,
+							width: sourceWidth
+						}),
+						commentDraft !== null && absolute === selectionEnd ? /* @__PURE__ */ jsx("box", {
+							title: ` comment · ${selectedFile?.path ?? ""}:${selectionStart + 1}${selectionStart === selectionEnd ? "" : `-${selectionEnd + 1}`} `,
+							style: {
+								border: true,
+								borderColor: theme.warning,
+								marginLeft: 2,
+								paddingLeft: 1,
+								paddingRight: 1,
+								height: 3
+							},
+							children: /* @__PURE__ */ jsx("input", {
+								placeholder: "Leave a comment…",
+								focused: true,
+								width: Math.max(8, width - 10),
+								value: commentDraft,
+								onInput: setCommentDraft
+							})
+						}) : null,
+						commentsHere.filter((comment) => comment.id !== editingId).map((comment) => /* @__PURE__ */ jsx(ReviewCommentCard, {
+							comment,
+							width: sourceWidth
+						}, comment.id))
+					]
+				}, absolute);
+			}) : /* @__PURE__ */ jsx("text", {
+				fg: preview.kind === "error" ? theme.error : theme.muted,
+				children: preview.message
+			}),
+			preview.kind === "ready" && preview.truncated ? /* @__PURE__ */ jsx("text", {
+				fg: theme.warning,
+				children: "… preview truncated"
+			}) : null
+		]
+	});
+	const hint = commentDraft !== null ? "↵ save comment · esc cancel · ctrl+g close" : previewSearch !== null ? "↵ jump · esc cancel" : focus === "preview" ? "j/k lines · esc file tree · / search · n/N match · v select · c comment · ctrl+g close" : "j/k files · / search · l/↵ preview · ctrl+d/u page · ctrl+g close";
+	return /* @__PURE__ */ jsxs("box", {
+		style: {
+			flexDirection: "column",
+			flexGrow: 1
+		},
+		children: [/* @__PURE__ */ jsx(ReviewShell, {
+			width,
+			height: shellHeight,
+			layout: shellLayout,
+			navigatorPreferredWidth,
+			navigatorSize: navigatorSize ?? void 0,
+			onNavigatorResize,
+			onNavigatorScroll: (delta) => setTreeScroll(Math.max(0, Math.min(Math.max(0, rows.length - treeVisible), treeStart + delta))),
+			onSourceScroll: (delta) => setLineScroll(Math.max(0, Math.min(Math.max(0, lines.length - (previewHeight - 1)), lineStart + delta))),
+			focus: focus === "tree" ? "navigator" : "source",
+			onFocus: (next) => setFocus(next === "navigator" ? "tree" : "preview"),
+			navigator: treeView,
+			source: previewView
+		}), /* @__PURE__ */ jsx("text", {
+			fg: status ? theme.warning : theme.dim,
+			children: status ?? hint
+		})]
+	});
+}
+
+//#endregion
+//#region src/chat/tui/screens/review.tsx
+/**
+* Review pane (opened with ctrl+g): every edit the agent made in this
+* conversation as reviewable hunks, with inline comments that export back
+* into the composer (herdr-reviewr model — see src/chat/review/*). Rendered
+* as an overlay in place of the transcript+composer while the chat screen
+* stays mounted, so the conversation and any live run survive it.
+*
+* Pending comments persist per conversation (write-through on every
+* mutation), so switching conversations or killing the TUI never loses one.
+*/
+const store = new ReviewCommentStore(getReviewStateDir());
+/** Run comment GC once per process, off the open path. */
+let gcStarted = false;
+function gcOnce() {
+	if (gcStarted) return;
+	gcStarted = true;
+	store.gc();
+}
+function ReviewPane({ agentId, conversationId, items, viewportWidth, viewportHeight, active, shellLayout, tab, onTabChange, selectedChangeFile, onSelectedChangeFileChange, selectedWorkspaceFile, onSelectedWorkspaceFileChange, navigatorSize, onNavigatorResize, onInsertToComposer, onRequestChatFocus, onClose }) {
+	const width = viewportWidth;
+	const height = viewportHeight;
+	const shellHeight = Math.max(6, height - 2);
+	const [scope, setScope] = useState("session");
+	const [comments, setComments] = useState([]);
+	const [loaded, setLoaded] = useState(false);
+	const [reviewFocus, setReviewFocus] = useState("navigator");
+	const [changeSearch, setChangeSearch] = useState(null);
+	const [cursor, setCursor] = useState(0);
+	const [anchor, setAnchor] = useState(null);
+	const [composing, setComposing] = useState(null);
+	const [draft, setDraft] = useState("");
+	const [filesComposing, setFilesComposing] = useState(false);
+	const [status, setStatus] = useState(null);
+	const [navScroll, setNavScroll] = useState(null);
+	const [sourceScroll, setSourceScroll] = useState(null);
+	useEffect(() => {
+		if (status === null) return;
+		const timer = setTimeout(() => setStatus(null), 2500);
+		return () => clearTimeout(timer);
+	}, [status]);
+	useEffect(() => {
+		setSourceScroll(null);
+	}, [cursor, selectedChangeFile]);
+	useEffect(() => {
+		setNavScroll(null);
+	}, [selectedChangeFile]);
+	useEffect(() => {
+		gcOnce();
+		let cancelled = false;
+		(async () => {
+			const persisted = conversationId ? await store.load(conversationId) : [];
+			if (cancelled) return;
+			setComments(persisted);
+			setLoaded(true);
+		})();
+		return () => {
+			cancelled = true;
+		};
+	}, [conversationId]);
+	const persist = (next) => {
+		setComments(next);
+		if (conversationId) store.save(conversationId, next);
+	};
+	const changeset = useMemo(() => scopeChangeset(buildChangeset(items), scope), [items, scope]);
+	const orderedFiles = useMemo(() => [...changeset.files].sort((a, b) => a.file.localeCompare(b.file)), [changeset]);
+	const visibleFiles = useMemo(() => filterReviewFiles(orderedFiles, changeSearch ?? "", (file) => file.file), [orderedFiles, changeSearch]);
+	const selectedFileIndex = Math.max(0, visibleFiles.findIndex((file) => file.file === selectedChangeFile));
+	const selectedFile = visibleFiles[selectedFileIndex] ?? null;
+	const selectChangedFile = (index) => {
+		onSelectedChangeFileChange(visibleFiles[index]?.file ?? null);
+	};
+	const selectedChangeset = useMemo(() => ({
+		...changeset,
+		files: selectedFile ? [selectedFile] : []
+	}), [changeset, selectedFile]);
+	const rows = useMemo(() => buildPaneRows(selectedChangeset, comments.filter((comment) => comment.toolCallId !== null && comment.file === selectedFile?.file)).filter((row) => row.kind !== "file"), [
+		selectedChangeset,
+		comments,
+		selectedFile?.file
+	]);
+	const clamped = useMemo(() => {
+		const row = rows[cursor];
+		if (row && isSelectableRow(row)) return cursor;
+		return nearestSelectable(rows, cursor);
+	}, [rows, cursor]);
+	const selection = anchor !== null && clamped >= 0 ? resolveSelection(rows, anchor, clamped) : null;
+	const commitDraft = () => {
+		const text = draft.trim();
+		if (!composing || text.length === 0) {
+			setComposing(null);
+			setDraft("");
+			return;
+		}
+		if (composing.kind === "edit") persist(comments.map((c) => c.id === composing.comment.id ? {
+			...c,
+			text
+		} : c));
+		else persist([...comments, createComment({
+			...composing.anchor,
+			text
+		})]);
+		setComposing(null);
+		setDraft("");
+		setAnchor(null);
+	};
+	const changesTree = useMemo(() => buildReviewTree(visibleFiles, (file) => file.file), [visibleFiles]);
+	const navigatorPreferredWidth = reviewTreePreferredWidth(changesTree, (file) => {
+		const stats = fileChangeStats(file);
+		return ` +${stats.additions} -${stats.deletions}`.length;
+	});
+	const shellDimensions = reviewShellDimensions({
+		width,
+		height: shellHeight,
+		layout: shellLayout,
+		focus: reviewFocus,
+		navigatorPreferredWidth,
+		navigatorSize: navigatorSize ?? void 0
+	});
+	const selectedTreeIndex = Math.max(0, changesTree.findIndex((row) => row.kind === "file" && row.path === selectedFile?.file));
+	const visible = Math.max(3, shellDimensions.sourceHeight - (composing ? 5 : 2));
+	const start = sourceScroll === null ? windowStart(Math.max(clamped, 0), rows.length, visible) : Math.max(0, Math.min(rows.length - visible, sourceScroll));
+	const windowed = rows.slice(start, start + visible);
+	const navigatorVisible = Math.max(2, shellDimensions.navigatorHeight - 2 - (changeSearch !== null ? 1 : 0));
+	const navigatorStart = navScroll === null ? windowStart(selectedTreeIndex, changesTree.length, navigatorVisible) : Math.max(0, Math.min(changesTree.length - navigatorVisible, navScroll));
+	const navigatorRows = changesTree.slice(navigatorStart, navigatorStart + navigatorVisible);
+	const sourceWidth = Math.max(16, shellDimensions.sourceWidth - 4);
+	useKeyboard((key) => {
+		if (!active) return;
+		if (composing) {
+			if (key.name === "escape") {
+				setComposing(null);
+				setDraft("");
+			} else if (key.name === "return" || key.name === "kpenter") commitDraft();
+			return;
+		}
+		if (tab === "files" && filesComposing) return;
+		if (tab === "changes" && changeSearch !== null) {
+			if (key.name === "escape") setChangeSearch(null);
+			else if (key.name === "return" || key.name === "kpenter") setChangeSearch(null);
+			else if (key.name === "up") selectChangedFile(Math.max(0, selectedFileIndex - 1));
+			else if (key.name === "down") selectChangedFile(Math.min(visibleFiles.length - 1, selectedFileIndex + 1));
+			return;
+		}
+		if (key.name === "/") {
+			if (tab === "changes") {
+				setReviewFocus("navigator");
+				setChangeSearch("");
+			}
+			return;
+		}
+		if (key.name === "q") {
+			onClose();
+			return;
+		}
+		if (key.name === "escape") {
+			if (tab === "changes" && reviewFocus === "source") {
+				setReviewFocus("navigator");
+				setAnchor(null);
+			} else if (tab === "changes") onClose();
+			return;
+		}
+		if (key.name === "1") {
+			onTabChange("changes");
+			return;
+		}
+		if (key.name === "2") {
+			onTabChange("files");
+			return;
+		}
+		if (key.name === "s") {
+			if (comments.length === 0) {
+				setStatus("no pending comments");
+				return;
+			}
+			onInsertToComposer(formatCommentsForExport(comments));
+			persist([]);
+			onRequestChatFocus();
+			return;
+		}
+		if (tab === "files") return;
+		const pageDirection = key.ctrl && key.name === "d" ? 1 : key.ctrl && key.name === "u" ? -1 : null;
+		if (pageDirection !== null) {
+			if (reviewFocus === "navigator") {
+				selectChangedFile(moveIndexByPage({
+					current: selectedFileIndex,
+					total: visibleFiles.length,
+					visibleRows: Math.max(2, shellDimensions.navigatorHeight - 2),
+					direction: pageDirection
+				}));
+				setCursor(0);
+				setAnchor(null);
+			} else {
+				let next = clamped;
+				const steps = Math.max(1, Math.floor(visible / 2));
+				for (let i = 0; i < steps; i++) next = moveCursor(rows, next, pageDirection);
+				setCursor(next);
+			}
+			return;
+		}
+		if (reviewFocus === "navigator") {
+			if (key.name === "j" || key.name === "down") {
+				selectChangedFile(Math.min(visibleFiles.length - 1, selectedFileIndex + 1));
+				setCursor(0);
+				setAnchor(null);
+				return;
+			}
+			if (key.name === "k" || key.name === "up") {
+				selectChangedFile(Math.max(0, selectedFileIndex - 1));
+				setCursor(0);
+				setAnchor(null);
+				return;
+			}
+			if (key.name === "return" || key.name === "o" || key.name === "l" || key.name === "right") setReviewFocus("source");
+			return;
+		}
+		if (key.name === "h" || key.name === "left") {
+			setReviewFocus("navigator");
+			setAnchor(null);
+			return;
+		}
+		if (key.name === "j" || key.name === "down") {
+			setCursor(moveCursor(rows, clamped, 1));
+			return;
+		}
+		if (key.name === "k" || key.name === "up") {
+			setCursor(moveCursor(rows, clamped, -1));
+			return;
+		}
+		if (key.name === "]") {
+			setCursor(moveHunk(rows, clamped, 1));
+			return;
+		}
+		if (key.name === "[") {
+			setCursor(moveHunk(rows, clamped, -1));
+			return;
+		}
+		if (key.name === "f" && !key.shift) {
+			selectChangedFile(Math.min(visibleFiles.length - 1, selectedFileIndex + 1));
+			setCursor(0);
+			setAnchor(null);
+			return;
+		}
+		if (key.name === "f" && key.shift || key.name === "F") {
+			selectChangedFile(Math.max(0, selectedFileIndex - 1));
+			setCursor(0);
+			setAnchor(null);
+			return;
+		}
+		if (key.name === "t") {
+			setScope((s) => s === "session" ? "last-turn" : "session");
+			setAnchor(null);
+			return;
+		}
+		if (key.name === "v") {
+			setAnchor((a) => a === null && clamped >= 0 ? clamped : null);
+			return;
+		}
+		if (key.name === "c") {
+			if (clamped < 0) return;
+			if (anchor !== null && selection === null) {
+				setStatus("selection must stay within one hunk");
+				return;
+			}
+			const sel = selection ?? resolveSelection(rows, clamped, clamped);
+			const anchorInfo = sel ? anchorForSelection(rows, sel) : null;
+			if (!sel || !anchorInfo) {
+				setStatus("selection must stay within one hunk");
+				return;
+			}
+			setComposing({
+				kind: "new",
+				anchorLo: sel.lo,
+				anchorHi: sel.hi,
+				anchor: anchorInfo
+			});
+			setDraft("");
+			return;
+		}
+		if (key.name === "e") {
+			const target = commentAtCursor(rows, clamped);
+			if (!target) return;
+			setComposing({
+				kind: "edit",
+				comment: target
+			});
+			setDraft(target.text);
+			return;
+		}
+		if (key.name === "d") {
+			const target = commentAtCursor(rows, clamped);
+			if (!target) return;
+			persist(comments.filter((c) => c.id !== target.id));
+			return;
+		}
+		if (key.name === "y") {
+			if (comments.length === 0) return;
+			writeClipboardText(formatCommentsForExport(comments)).then((ok) => {
+				if (ok) {
+					persist([]);
+					setStatus("copied to clipboard");
+				} else setStatus("clipboard unavailable — comments kept");
+			});
+			return;
+		}
+	});
+	const scopeLabel = scope === "session" ? "session" : "last turn";
+	const hint = composing ? "↵ save · esc cancel · ctrl+g close" : reviewFocus === "source" ? "j/k move · esc file tree · v select · c comment · s send · ctrl+g close" : "j/k files · / search · l/↵ preview · ctrl+d/u page · ctrl+g close";
+	return /* @__PURE__ */ jsxs("box", {
+		style: {
+			flexDirection: "column",
+			flexGrow: 1
+		},
+		children: [
+			/* @__PURE__ */ jsxs("box", {
+				style: {
+					flexDirection: "row",
+					height: 1
+				},
+				children: [
+					/* @__PURE__ */ jsx("text", {
+						fg: theme.accent,
+						children: "file pane"
+					}),
+					/* @__PURE__ */ jsxs("text", {
+						fg: tab === "changes" ? theme.accent : theme.muted,
+						onMouseDown: () => onTabChange("changes"),
+						children: ["  ", "1 changes"]
+					}),
+					/* @__PURE__ */ jsxs("text", {
+						fg: tab === "files" ? theme.accent : theme.muted,
+						onMouseDown: () => onTabChange("files"),
+						children: ["  ", "2 files"]
+					}),
+					/* @__PURE__ */ jsxs("text", {
+						fg: theme.muted,
+						children: [
+							" ",
+							tab === "changes" ? `· ${changeset.files.length} changed · ` : "· ",
+							comments.length,
+							" comment",
+							comments.length === 1 ? "" : "s",
+							tab === "changes" ? ` · ${scopeLabel}` : " · s sends all"
+						]
+					})
+				]
+			}),
+			tab === "files" ? /* @__PURE__ */ jsx(WorkspaceFilesTab, {
+				agentId,
+				viewportWidth: width,
+				viewportHeight: height - 1,
+				active,
+				shellLayout,
+				selectedFilePath: selectedWorkspaceFile,
+				onSelectedFilePathChange: onSelectedWorkspaceFileChange,
+				navigatorSize,
+				onNavigatorResize,
+				comments,
+				onCommentsChange: persist,
+				onComposingChange: setFilesComposing,
+				onClose
+			}) : /* @__PURE__ */ jsx(ReviewShell, {
+				width,
+				height: shellHeight,
+				layout: shellLayout,
+				navigatorPreferredWidth,
+				navigatorSize: navigatorSize ?? void 0,
+				onNavigatorResize,
+				onNavigatorScroll: (delta) => setNavScroll(Math.max(0, Math.min(Math.max(0, changesTree.length - navigatorVisible), navigatorStart + delta))),
+				onSourceScroll: (delta) => setSourceScroll(Math.max(0, Math.min(Math.max(0, rows.length - visible), start + delta))),
+				focus: reviewFocus,
+				onFocus: setReviewFocus,
+				navigator: /* @__PURE__ */ jsxs("box", {
+					style: {
+						flexDirection: "column",
+						flexGrow: 1
+					},
+					children: [changeSearch !== null ? /* @__PURE__ */ jsx(ReviewFileSearch, {
+						query: changeSearch,
+						onQueryChange: (query) => {
+							setChangeSearch(query);
+							const first = filterReviewFiles(orderedFiles, query, (file) => file.file)[0];
+							if (first) onSelectedChangeFileChange(first.file);
+						}
+					}) : null, !loaded ? /* @__PURE__ */ jsx("text", {
+						fg: theme.muted,
+						children: "loading…"
+					}) : changeset.files.length === 0 ? /* @__PURE__ */ jsx("text", {
+						fg: theme.muted,
+						children: "no changed files"
+					}) : navigatorRows.length === 0 ? /* @__PURE__ */ jsxs("text", {
+						fg: theme.muted,
+						children: [
+							"no files match “",
+							changeSearch,
+							"”"
+						]
+					}) : navigatorRows.map((row) => {
+						const indent = "  ".repeat(row.depth);
+						if (row.kind === "dir") return /* @__PURE__ */ jsxs("text", {
+							fg: theme.muted,
+							children: [
+								indent,
+								"▾ ",
+								row.name,
+								"/"
+							]
+						}, `d-${row.path}`);
+						const selected = row.path === selectedFile?.file;
+						const stats = fileChangeStats(row.value);
+						return /* @__PURE__ */ jsxs("text", {
+							onMouseDown: () => {
+								onSelectedChangeFileChange(row.path);
+								setCursor(0);
+								setAnchor(null);
+								setReviewFocus("navigator");
+							},
+							fg: selected ? theme.accent : theme.fg,
+							bg: selected ? reviewFocus === "navigator" ? blendHex(theme.fg, theme.surface, .22) : blendHex(theme.fg, theme.surface, .12) : void 0,
+							children: [
+								selected ? "› " : "  ",
+								indent,
+								row.name,
+								" ",
+								/* @__PURE__ */ jsxs("span", {
+									fg: theme.success,
+									children: ["+", stats.additions]
+								}),
+								" ",
+								/* @__PURE__ */ jsxs("span", {
+									fg: theme.error,
+									children: ["-", stats.deletions]
+								})
+							]
+						}, row.path);
+					})]
+				}),
+				source: /* @__PURE__ */ jsxs("box", {
+					style: {
+						flexDirection: "column",
+						flexGrow: 1
+					},
+					children: [selectedFile ? /* @__PURE__ */ jsx("text", {
+						fg: theme.accent,
+						children: selectedFile.file
+					}) : null, rows.length === 0 ? /* @__PURE__ */ jsxs("text", {
+						fg: theme.muted,
+						children: ["no edits in this conversation yet", scope === "last-turn" ? " (t widens)" : ""]
+					}) : windowed.map((row, i) => {
+						const absolute = start + i;
+						const composingNewHere = composing?.kind === "new" && absolute === composing.anchorHi;
+						const editingHere = composing?.kind === "edit" && (row.kind === "comment" || row.kind === "stale-comment") && row.comment.id === composing.comment.id;
+						const composeAfter = composingNewHere || editingHere;
+						return /* @__PURE__ */ jsxs("box", {
+							style: { flexDirection: "column" },
+							children: [!editingHere ? /* @__PURE__ */ jsx(PaneRowView, {
+								row,
+								width: sourceWidth,
+								isCursor: reviewFocus === "source" && absolute === clamped,
+								inSelection: selection !== null && absolute >= selection.lo && absolute <= selection.hi,
+								isAnchor: anchor === absolute,
+								isCommented: row.kind === "diff" && comments.some((comment) => commentCoversDiffRow(comment, row))
+							}) : null, composeAfter ? /* @__PURE__ */ jsx("box", {
+								title: editingHere ? " edit comment " : " comment ",
+								style: {
+									border: true,
+									borderColor: theme.warning,
+									marginLeft: 2,
+									paddingLeft: 1,
+									paddingRight: 1,
+									height: 3
+								},
+								children: /* @__PURE__ */ jsx("input", {
+									placeholder: "Leave a comment…",
+									focused: true,
+									width: Math.max(8, sourceWidth - 8),
+									value: draft,
+									onInput: setDraft
+								})
+							}) : null]
+						}, absolute);
+					})]
+				})
+			}),
+			tab === "changes" ? /* @__PURE__ */ jsx("text", {
+				fg: status ? theme.warning : theme.dim,
+				children: status ?? hint
+			}) : null
+		]
+	});
+}
+function PaneRowView({ row, width, isCursor, inSelection, isAnchor, isCommented }) {
+	if (row.kind === "file") return /* @__PURE__ */ jsxs("text", {
+		fg: theme.accent,
+		children: [
+			"▎",
+			row.file,
+			/* @__PURE__ */ jsxs("span", {
+				fg: theme.muted,
+				children: [
+					" ",
+					"(",
+					row.hunkCount,
+					" edit",
+					row.hunkCount === 1 ? "" : "s",
+					")"
+				]
+			})
+		]
+	});
+	if (row.kind === "hunk-sep") return /* @__PURE__ */ jsx("text", {
+		fg: theme.faint,
+		children: " ⋯"
+	});
+	if (row.kind === "stale-header") return /* @__PURE__ */ jsxs("text", {
+		fg: theme.warning,
+		children: [
+			"▎",
+			row.count,
+			" comment",
+			row.count === 1 ? "" : "s",
+			" on edits no longer in scope"
+		]
+	});
+	if (row.kind === "comment") return /* @__PURE__ */ jsx(ReviewCommentCard, {
+		comment: row.comment,
+		width
+	});
+	if (row.kind === "stale-comment") return /* @__PURE__ */ jsxs("text", {
+		fg: theme.muted,
+		children: [
+			"      ",
+			"┃ ",
+			row.comment.text,
+			/* @__PURE__ */ jsxs("span", {
+				fg: theme.faint,
+				children: [
+					" ",
+					"(",
+					row.comment.file,
+					":",
+					row.comment.start,
+					")"
+				]
+			})
+		]
+	});
+	return /* @__PURE__ */ jsx(ReviewSourceRow, {
+		file: row.hunk.file,
+		row: row.row,
+		cursor: isCursor,
+		selected: inSelection || isAnchor,
+		commented: isCommented,
+		width
+	});
+}
+
+//#endregion
+//#region src/chat/tui/file-pane-layout.ts
+/**
+* Responsive placement for the file pane.
+*
+* Wide terminals keep the conversation readable and place review beside it.
+* Tall terminals without enough horizontal room stack review underneath.
+* Cramped terminals give review the full body rather than rendering two
+* unusably small surfaces.
+*/
+function filePanePlacement({ width, height }) {
+	if (width >= 140 && height >= 24) return "side";
+	if (width >= 50 && height >= 40) return "below";
+	return "fullscreen";
+}
+/** Keep a dragged side pane wide enough to use and leave the chat usable. */
+function clampSidePaneWidth(width, bodyWidth) {
+	return Math.max(44, Math.min(bodyWidth - 30, width));
+}
+/** Keep a dragged below pane tall enough to use and leave the chat usable. */
+function clampBelowPaneHeight(height, bodyHeight) {
+	return Math.max(9, Math.min(bodyHeight - 12, height));
+}
+function sidePaneWidth(width) {
+	return Math.max(64, Math.floor(width * .5));
+}
+function belowPaneHeight(height) {
+	return Math.max(14, Math.floor(height * .5));
+}
+
+//#endregion
+//#region src/chat/shell/snapshot.ts
+/**
+* Shell snapshot for the `!` local-shell escape.
+*
+* The chat composer runs on the user's own machine. When they type `! <cmd>`,
+* we want that command to see their real interactive-shell setup — aliases,
+* functions, shell options, PATH — the same way it would in their terminal.
+*
+* Aliases and functions live in ~/.zshrc / ~/.bashrc, which non-interactive
+* shells don't source (or source without alias expansion), and are never
+* exported to child processes. Re-sourcing the rc file on every command is slow
+* (100s of ms with nvm/rbenv/oh-my-zsh) and can hang on interactive prompts.
+*
+* So, once per session, we run the user's login shell, source their rc, and
+* serialize the resulting state into a standalone .sh file. Every `!` command
+* then sources that cheap file and runs. This mirrors the approach Claude Code
+* uses for its bash mode.
+*
+* The snapshot is cached on disk keyed by (shell, rc-file mtime), so it is
 * built once and reused across CLI sessions, and regenerated automatically when
 * the user edits their rc file. There is deliberately no `!!` sigil — a second
 * bang has a base shell meaning (history expansion) we do not override; the
@@ -5376,7 +7458,7 @@ function isActionableCard(m) {
 }
 function ChatScreen({ agent, conversation }) {
 	const renderer = useRenderer();
-	const { height } = useTerminalDimensions();
+	const { width, height } = useTerminalDimensions();
 	const rest = useStore((s) => s.rest);
 	const history = usePromptHistory({ filePath: useStore((s) => s.promptHistoryPath) });
 	const appUrl = useStore((s) => s.appUrl);
@@ -5401,6 +7483,23 @@ function ChatScreen({ agent, conversation }) {
 	const [modelPickerOpen, setModelPickerOpen] = useState(false);
 	const [themePickerOpen, setThemePickerOpen] = useState(false);
 	const [helpOpen, setHelpOpen] = useState(false);
+	const [reviewOpen, setReviewOpen] = useState(false);
+	const [reviewFocused, setReviewFocused] = useState(false);
+	const [reviewTab, setReviewTab] = useState("changes");
+	const [reviewChangeFile, setReviewChangeFile] = useState(null);
+	const [reviewSizePref, setReviewSizePref] = useState({
+		side: null,
+		below: null
+	});
+	const [reviewNavSizePref, setReviewNavSizePref] = useState({
+		side: null,
+		stacked: null
+	});
+	const [reviewWorkspaceFile, setReviewWorkspaceFile] = useState(null);
+	useEffect(() => {
+		setReviewChangeFile(null);
+		setReviewWorkspaceFile(null);
+	}, [initialConversationId]);
 	const [ctrlCArmed, setCtrlCArmed] = useState(false);
 	const [composerRows, setComposerRows] = useState(1);
 	const [attachments, setAttachments] = useState([]);
@@ -5439,16 +7538,42 @@ function ChatScreen({ agent, conversation }) {
 	}, [agentHost, conversationId]);
 	const scrollRef = useRef(null);
 	const composerRef = useRef(null);
+	const reviewSideBoxRef = useRef(null);
+	const reviewBelowBoxRef = useRef(null);
+	const paneDragRef = useRef(null);
 	const composerBoxHeight = composerRows + 2;
 	const pendingVisible = !grantPrompt && !credPrompt && attachments.length > 0;
 	const pendingRows = pendingVisible ? attachments.length + 2 : 0;
 	const credPromptHeight = 4 + (credPrompt && (credPrompt.error || credPrompt.submitting) ? 1 : 0);
 	const bottomBoxHeight = credPrompt ? credPromptHeight : composerBoxHeight;
+	const bodyWidth = Math.max(1, width - 2);
+	const bodyHeight = Math.max(1, height - 3);
+	const reviewPlacement = filePanePlacement({
+		width,
+		height
+	});
+	const reviewWidth = reviewPlacement === "side" ? clampSidePaneWidth(reviewSizePref.side ?? sidePaneWidth(bodyWidth), bodyWidth) : bodyWidth;
+	const reviewHeight = reviewPlacement === "below" ? clampBelowPaneHeight(reviewSizePref.below ?? belowPaneHeight(bodyHeight), bodyHeight) : bodyHeight;
+	const reviewContentWidth = reviewPlacement === "side" ? Math.max(1, reviewWidth - 4) : reviewPlacement === "below" ? Math.max(1, bodyWidth - 4) : bodyWidth;
+	const reviewContentHeight = reviewPlacement === "fullscreen" ? bodyHeight : Math.max(1, reviewHeight - 2);
+	const chatHeight = bodyHeight;
+	const inlineReviewHeight = reviewOpen && reviewPlacement === "below" ? reviewHeight : 0;
 	const menuRows = menuOpen ? completionMenuHeight(menuCommands.length) : 0;
-	const scrollHeight = Math.max(3, height - 5 - bottomBoxHeight - pendingRows - menuRows);
+	const scrollHeight = Math.max(3, chatHeight - 2 - bottomBoxHeight - pendingRows - inlineReviewHeight - menuRows);
 	useEffect(() => {
+		if (reviewOpen && reviewFocused) {
+			const composer = composerRef.current;
+			if (!composer) return;
+			return suppressComposerFocus(composer);
+		}
 		const composer = composerRef.current;
 		if (!composer) return;
+		const draft = inputRef.current;
+		if (composer.plainText !== draft) {
+			composer.setText(draft);
+			composer.cursorOffset = draft.length;
+			setComposerRows(Math.min(Math.max(composer.editorView.getTotalVirtualLineCount(), 1), maxComposerRows));
+		}
 		composer.focus();
 		const refocus = () => {
 			setTimeout(() => {
@@ -5464,6 +7589,8 @@ function ChatScreen({ agent, conversation }) {
 		modelPickerOpen,
 		themePickerOpen,
 		helpOpen,
+		reviewOpen,
+		reviewFocused,
 		credPromptOpen
 	]);
 	useEffect(() => {
@@ -5485,7 +7612,7 @@ function ChatScreen({ agent, conversation }) {
 				setItems((prev) => [...prev, {
 					kind: "error",
 					id: crypto.randomUUID(),
-					text: `failed to load history: ${errorMessage(err)}`
+					text: `failed to load history: ${errorDetail(err)}`
 				}]);
 			} finally {
 				if (!cancelled) setHistoryLoaded(true);
@@ -5541,7 +7668,7 @@ function ChatScreen({ agent, conversation }) {
 			setItems((prev) => [...prev, {
 				kind: "error",
 				id: crypto.randomUUID(),
-				text: errorMessage(err)
+				text: errorDetail(err)
 			}]);
 			setRun({ kind: "idle" });
 		});
@@ -5608,7 +7735,7 @@ function ChatScreen({ agent, conversation }) {
 					setItems((prev) => [...prev, {
 						kind: "error",
 						id: crypto.randomUUID(),
-						text: `attachment failed: ${row.fileName}${result.status === "rejected" ? ` (${errorMessage(result.reason)})` : ""}`
+						text: `attachment failed: ${row.fileName}${result.status === "rejected" ? ` (${errorDetail(result.reason)})` : ""}`
 					}]);
 				}
 			}
@@ -5642,7 +7769,7 @@ function ChatScreen({ agent, conversation }) {
 			setItems((prev) => [...prev.filter((m) => m.id !== optimisticId), {
 				kind: "error",
 				id: crypto.randomUUID(),
-				text: errorMessage(err)
+				text: errorDetail(err)
 			}]);
 			if (echo) setInput((existing) => existing ? existing : trimmed);
 			const restore = staged.filter((a) => uploadsRef.current.has(a.tempId));
@@ -5670,7 +7797,7 @@ function ChatScreen({ agent, conversation }) {
 			setItems((prev) => [...prev, {
 				kind: "error",
 				id: crypto.randomUUID(),
-				text: `steer cancel failed: ${errorMessage(err)}`
+				text: `steer cancel failed: ${errorDetail(err)}`
 			}]);
 		});
 		return true;
@@ -6131,7 +8258,7 @@ function ChatScreen({ agent, conversation }) {
 		})).catch((err) => setItems((prev) => [...prev, {
 			kind: "error",
 			id: crypto.randomUUID(),
-			text: `couldn't share machine: ${errorMessage(err)}`
+			text: `couldn't share machine: ${errorDetail(err)}`
 		}]));
 	}, [
 		portalClient,
@@ -6291,6 +8418,17 @@ function ChatScreen({ agent, conversation }) {
 		agentHost
 	]);
 	useKeyboard((key) => {
+		if (reviewOpen) {
+			if (key.name === "g" && key.ctrl) {
+				if (reviewPlacement === "fullscreen" && !reviewFocused) setReviewFocused(true);
+				else {
+					setReviewOpen(false);
+					setReviewFocused(false);
+				}
+				return;
+			}
+			if (reviewFocused) return;
+		}
 		if (modelPickerOpen || themePickerOpen || helpOpen) return;
 		if (grantPrompt) {
 			if (key.name === "y") {
@@ -6373,6 +8511,11 @@ function ChatScreen({ agent, conversation }) {
 			key.preventDefault();
 			return;
 		}
+		if (key.name === "g" && key.ctrl) {
+			setReviewOpen(true);
+			setReviewFocused(true);
+			return;
+		}
 		if (key.name === "p" && key.ctrl) {
 			setModelPickerOpen(true);
 			return;
@@ -6479,12 +8622,89 @@ function ChatScreen({ agent, conversation }) {
 	});
 	if (themePickerOpen) return /* @__PURE__ */ jsx(ThemePicker, { onClose: () => setThemePickerOpen(false) });
 	if (helpOpen) return /* @__PURE__ */ jsx(HelpModal, { onClose: () => setHelpOpen(false) });
-	return /* @__PURE__ */ jsxs("box", {
+	const reviewView = reviewOpen ? /* @__PURE__ */ jsx(ReviewPane, {
+		agentId: agent.id,
+		conversationId,
+		items,
+		viewportWidth: reviewContentWidth,
+		viewportHeight: reviewContentHeight,
+		active: reviewFocused,
+		shellLayout: reviewPlacement === "below" ? "stacked" : "side-by-side",
+		tab: reviewTab,
+		onTabChange: setReviewTab,
+		selectedChangeFile: reviewChangeFile,
+		onSelectedChangeFileChange: setReviewChangeFile,
+		selectedWorkspaceFile: reviewWorkspaceFile,
+		onSelectedWorkspaceFileChange: setReviewWorkspaceFile,
+		navigatorSize: reviewPlacement === "below" ? reviewNavSizePref.stacked : reviewNavSizePref.side,
+		onNavigatorResize: (size) => setReviewNavSizePref((prev) => reviewPlacement === "below" ? {
+			...prev,
+			stacked: size
+		} : {
+			...prev,
+			side: size
+		}),
+		onInsertToComposer: (review) => {
+			const next = [inputRef.current.trimEnd(), review].filter((part) => part.length > 0).join("\n\n");
+			setInput(next);
+			inputRef.current = next;
+		},
+		onRequestChatFocus: () => setReviewFocused(false),
+		onClose: () => {
+			setReviewOpen(false);
+			setReviewFocused(false);
+		}
+	}) : null;
+	const chatView = /* @__PURE__ */ jsxs("box", {
+		onMouseDown: (event) => {
+			const paneBox = reviewBelowBoxRef.current;
+			if (reviewOpen && reviewPlacement === "below" && paneBox && event.y === paneBox.screenY + paneBox.height - 1) {
+				paneDragRef.current = {
+					start: event.y,
+					size: reviewHeight
+				};
+				setReviewFocused(true);
+			} else setReviewFocused(false);
+		},
+		onMouseDrag: (event) => {
+			const drag = paneDragRef.current;
+			if (!drag || reviewPlacement !== "below") return;
+			setReviewSizePref((prev) => ({
+				...prev,
+				below: drag.size + (event.y - drag.start)
+			}));
+		},
+		onMouseDragEnd: () => {
+			paneDragRef.current = null;
+		},
+		onMouseUp: () => {
+			paneDragRef.current = null;
+		},
 		style: {
 			flexDirection: "column",
-			flexGrow: 1
+			flexGrow: 1,
+			height: chatHeight
 		},
 		children: [
+			reviewView && reviewPlacement === "below" ? /* @__PURE__ */ jsx("box", {
+				ref: reviewBelowBoxRef,
+				onMouseDown: (event) => {
+					const paneBox = reviewBelowBoxRef.current;
+					if (paneBox && event.y === paneBox.screenY + paneBox.height - 1) return;
+					setReviewFocused(true);
+					event.stopPropagation();
+				},
+				style: {
+					width: bodyWidth,
+					height: reviewHeight,
+					border: true,
+					borderColor: reviewFocused ? theme.accent : theme.faint,
+					paddingLeft: 1,
+					paddingRight: 1,
+					flexShrink: 0
+				},
+				children: reviewView
+			}, "review-above") : null,
 			/* @__PURE__ */ jsx("scrollbox", {
 				ref: scrollRef,
 				style: {
@@ -6647,6 +8867,58 @@ function ChatScreen({ agent, conversation }) {
 			})
 		]
 	});
+	if (!reviewView || reviewPlacement === "below") return chatView;
+	const fullscreen = reviewPlacement === "fullscreen";
+	return /* @__PURE__ */ jsxs("box", {
+		onMouseDown: (event) => {
+			const paneBox = reviewSideBoxRef.current;
+			if (!fullscreen && paneBox && event.x >= paneBox.screenX - 1 && event.x <= paneBox.screenX + 2) {
+				paneDragRef.current = {
+					start: event.x,
+					size: reviewWidth
+				};
+				setReviewFocused(true);
+			}
+		},
+		onMouseDrag: (event) => {
+			const drag = paneDragRef.current;
+			if (!drag) return;
+			setReviewSizePref((prev) => ({
+				...prev,
+				side: drag.size + (drag.start - event.x)
+			}));
+		},
+		onMouseDragEnd: () => {
+			paneDragRef.current = null;
+		},
+		onMouseUp: () => {
+			paneDragRef.current = null;
+		},
+		style: {
+			flexDirection: reviewPlacement === "side" ? "row" : "column",
+			flexGrow: 1
+		},
+		children: [!fullscreen || !reviewFocused ? /* @__PURE__ */ jsx("box", {
+			onMouseDown: () => setReviewFocused(false),
+			style: {
+				flexGrow: 1,
+				paddingRight: reviewPlacement === "side" ? 1 : 0
+			},
+			children: chatView
+		}, "chat") : null, !fullscreen || reviewFocused ? /* @__PURE__ */ jsx("box", {
+			ref: reviewSideBoxRef,
+			onMouseDown: () => setReviewFocused(true),
+			style: {
+				width: reviewPlacement === "side" ? reviewWidth : bodyWidth,
+				height: bodyHeight,
+				border: !fullscreen,
+				borderColor: reviewFocused ? theme.accent : theme.faint,
+				paddingLeft: fullscreen ? 0 : 1,
+				paddingRight: fullscreen ? 0 : 1
+			},
+			children: reviewView
+		}, "review") : null]
+	});
 }
 /**
 * The composer-replacement prompt for a connect card's credential fields.