@workerdeck/ui 3.0.1 → 3.2.0

package/build/{use-path-links-BEWxt0ZM.mjs → use-path-links-C6Fh5zdx.mjs}

@@ -5,12 +5,12 @@ import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Select } from "@base-ui/react/select";
-import { ArrowDown, ArrowDownCircle, ArrowLeft, ArrowRight, ArrowUp, AtSign, Bot, BotOff, Brain, ChartPie, Check, CheckSquare, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, Circle, CircleAlert, ClipboardList, Clock, Code, Copy, Download, File, FileDiff, FileText, Folder, FolderSearch, FolderTree, Gauge, Globe, Hand, Image, Info, Link2, LoaderCircle, Maximize, Maximize2, MessageCircleQuestion, MessageSquareText, Minus, MoreHorizontal, Paperclip, PencilLine, Plug, Plus, Power, PowerOff, Puzzle, RefreshCw, RotateCcw, RotateCw, Search, ShieldCheck, SlashSquare, SlidersHorizontal, Sparkles, Square, SquarePen, SquareTerminal, Star, Terminal, TriangleAlert, Users, UsersRound, WifiOff, Wrench, X, Zap } from "lucide-react";
+import { ArrowDown, ArrowDownCircle, ArrowLeft, ArrowUp, AtSign, Bot, BotOff, Brain, ChartPie, Check, CheckSquare, ChevronDown, ChevronLeft, ChevronRight, ChevronsUpDown, ClipboardList, Clock, Code, Copy, Download, File, FileDiff, FileText, Folder, FolderSearch, FolderTree, Gauge, Globe, Hand, Image, Info, Link2, LoaderCircle, Maximize, Maximize2, MessageCircleQuestion, MessageSquareText, Minus, MoreHorizontal, Paperclip, PencilLine, Plug, Plus, Power, PowerOff, Puzzle, RefreshCw, RotateCcw, RotateCw, Search, ShieldCheck, SlashSquare, SlidersHorizontal, Sparkles, Square, SquarePen, SquareTerminal, Star, Terminal, TriangleAlert, Users, UsersRound, WifiOff, Wrench, X, Zap } from "lucide-react";
 import { Menu } from "@base-ui/react/menu";
 import { Dialog } from "@base-ui/react/dialog";
 import { Tooltip } from "@base-ui/react/tooltip";
-import { PRICING_NOTE, PROTOCOL_VERSION, SHELL_INTERACTIVE_NOTE, UNPRICED_WARN_SHARE, canonicalModel, costOf, costOfByModel, isPeerSendTool, mergeUsage, orderUsageWindows, parseTodoWriteInput, parseUserQuestions, peerDeliveredTo, pricingAgeNote, rateFor, sessionTasks, subagentLabel, taskCountLabel, taskSummary, toolTitle, totalTokens, unknownBasisModels, usageInfos, usageIsStale, visibleTasks } from "@workerdeck/protocol";
-import { recapLine, scanPromptTokens, summarizeSince, useAttachments, useClaudeSession, useDraft, useHostFileSearch, usePeerSessions, useProfileUsage, useShellTerminal, useToolCallHost } from "@workerdeck/react";
+import { PRICING_NOTE, PROTOCOL_VERSION, SHELL_INTERACTIVE_NOTE, UNPRICED_WARN_SHARE, canonicalModel, costOf, costOfByModel, errorMessage, isPeerSendTool, mergeUsage, orderUsageWindows, parseTodoWriteInput, parseUserQuestions, peerDeliveredTo, pricingAgeNote, rateFor, resolvePosix, sessionTasks, subagentLabel, taskCountLabel, taskSummary, toolTitle, totalTokens, unknownBasisModels, usageInfos, usageIsStale } from "@workerdeck/protocol";
+import { recapLine, scanPromptTokens, summarizeSince, useAsync, useAttachments, useClaudeSession, useDraft, useHostFileSearch, usePeerSessions, useProfileUsage, useShellTerminal, useToolCallHost } from "@workerdeck/react";
 import { Streamdown, defaultRehypePlugins } from "streamdown";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
 import { createPortal } from "react-dom";
@@ -170,6 +170,20 @@ const SelectItem = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(S
 		children: /* @__PURE__ */ jsx(Check, { className: "size-3.5" })
 	})]
 });
+function OptionSelect({ label, value, options, onChange, className }) {
+	return /* @__PURE__ */ jsxs(Select$1, {
+		value,
+		onValueChange: (next) => onChange(next),
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			"aria-label": label,
+			className,
+			children: /* @__PURE__ */ jsx(SelectValue, { children: options.find((o) => o.value === value)?.label ?? label })
+		}), /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+			value: option.value,
+			children: /* @__PURE__ */ jsx(SelectItemText, { children: option.label })
+		}, option.value)) })]
+	});
+}
 //#endregion
 //#region src/components/ui/Menu.tsx
 const Menu$1 = Menu.Root;
@@ -608,7 +622,8 @@ function resolveChip(segments, activeTrigger, chip, trailingText = " ") {
 	const triggerEnd = triggerStart + 1 + activeTrigger.query.length;
 	const newSegments = [];
 	let offset = 0;
-	for (const seg of segments) if (seg.type === "chip") {
+	let insertedChip;
+	for (const seg of mergeAdjacentTextSegments(segments)) if (seg.type === "chip") {
 		const chipText = chipPlainText(seg);
 		const chipStart = offset;
 		const chipEnd = offset + chipText.length;
@@ -636,6 +651,7 @@ function resolveChip(segments, activeTrigger, chip, trailingText = " ") {
 				...chip.autoResolved ? { autoResolved: true } : {}
 			};
 			newSegments.push(newChip);
+			insertedChip = newChip;
 			if (afterText) newSegments.push({
 				type: "text",
 				text: trailingText + afterText.replace(/^\s/, "")
@@ -648,16 +664,9 @@ function resolveChip(segments, activeTrigger, chip, trailingText = " ") {
 		offset = textEnd;
 	}
 	const merged = mergeAdjacentTextSegments(newSegments);
-	let lastChipEndOffset = -1;
-	let runningOffset = 0;
-	for (const seg of merged) if (seg.type === "text") runningOffset += seg.text.length;
-	else {
-		runningOffset += chipPlainText(seg).length;
-		if (seg.value === chip.value && seg.displayText === chip.displayText && seg.trigger === activeTrigger.config.char) lastChipEndOffset = runningOffset;
-	}
 	return {
 		segments: merged,
-		cursorOffset: lastChipEndOffset === -1 ? runningOffset : lastChipEndOffset + trailingText.length
+		cursorOffset: insertedChip ? triggerStart + chipPlainText(insertedChip).length + trailingText.length : segmentsToPlainText(merged).length
 	};
 }
 /**
@@ -676,7 +685,7 @@ function resolveText(segments, activeTrigger, text) {
 	const newSegments = [];
 	let offset = 0;
 	let cursorOffset = triggerStart + text.length;
-	for (const seg of segments) {
+	for (const seg of mergeAdjacentTextSegments(segments)) {
 		if (seg.type === "chip") {
 			const chipEnd = offset + chipPlainText(seg).length;
 			if (chipEnd <= triggerStart || offset >= triggerEnd) newSegments.push(seg);
@@ -843,7 +852,23 @@ function replaceTextRange(segments, start, end, replacement) {
 			});
 			inserted = true;
 		}
-		if (chipEnd <= start || chipStart >= end) newSegments.push(seg);
+		if (start === end) {
+			newSegments.push(seg);
+			if (!inserted && chipStart < start && start < chipEnd) {
+				newSegments.push({
+					type: "text",
+					text: replacement
+				});
+				inserted = true;
+			}
+		} else if (chipEnd <= start || chipStart >= end) newSegments.push(seg);
+		else if (!inserted) {
+			newSegments.push({
+				type: "text",
+				text: replacement
+			});
+			inserted = true;
+		}
 		offset = chipEnd;
 	} else {
 		const textStart = offset;
@@ -927,7 +952,7 @@ function segmentsEqual(a, b) {
 		if (sa.type !== sb.type) return false;
 		if (sa.type === "text") {
 			if (sb.type !== "text" || sa.text !== sb.text) return false;
-		} else if (sb.type !== "chip" || sa.trigger !== sb.trigger || sa.value !== sb.value || sa.displayText !== sb.displayText || sa.autoResolved !== sb.autoResolved) return false;
+		} else if (sb.type !== "chip" || sa.trigger !== sb.trigger || sa.value !== sb.value || sa.displayText !== sb.displayText || sa.sigil !== sb.sigil || sa.autoResolved !== sb.autoResolved) return false;
 	}
 	return true;
 }
@@ -1144,20 +1169,19 @@ function normalizeListPrefixText(text, markdownEnabled) {
 * preserved, while an unterminated fence does not suppress later bullets.
 */
 function normalizeListPrefixes(segments, markdownEnabled) {
-	const globalLines = [];
-	segments.forEach((seg) => {
-		if (seg.type === "text") globalLines.push(...seg.text.split("\n"));
-	});
-	const protectedLines = fenceProtectedLineIndices(globalLines);
-	let globalIndex = 0;
+	const protectedLines = fenceProtectedLineIndices(segmentsToPlainText(segments).split("\n"));
+	let line = 0;
+	let atLineStart = true;
 	let changed = false;
 	const result = segments.map((seg) => {
-		if (seg.type !== "text") return seg;
-		const newText = seg.text.split("\n").map((line) => {
-			const out = protectedLines.has(globalIndex) ? line : swapListPrefixLine(line, markdownEnabled);
-			globalIndex++;
-			return out;
-		}).join("\n");
+		if (seg.type !== "text") {
+			atLineStart = false;
+			return seg;
+		}
+		const pieces = seg.text.split("\n");
+		const newText = pieces.map((piece, k) => (k > 0 || atLineStart) && !protectedLines.has(line + k) ? swapListPrefixLine(piece, markdownEnabled) : piece).join("\n");
+		line += pieces.length - 1;
+		if (pieces.length > 1 || seg.text !== "") atLineStart = pieces[pieces.length - 1] === "";
 		if (newText === seg.text) return seg;
 		changed = true;
 		return {
@@ -4564,6 +4588,68 @@ function composerCommandRows(rows) {
 		insertText: `/${row.name} `
 	});
 }
+function buildClientCommands({ capabilities, hasModels, setModel, setPermissionMode, clearContext, openPanel }) {
+	const modes = capabilities.permissionModes;
+	const built = [];
+	if (hasModels) built.push({
+		name: "model",
+		description: "Switch the model for this session",
+		argumentHint: "<model>",
+		requiresArgs: true,
+		run: (args) => {
+			const wanted = args.split(/\s+/)[0];
+			if (!wanted) return false;
+			setModel(wanted);
+			return true;
+		}
+	});
+	if (modes.length > 1) built.push({
+		name: "permissions",
+		description: `Set the permission mode (${modes.join(", ")})`,
+		argumentHint: "<mode>",
+		requiresArgs: true,
+		run: (args) => {
+			const wanted = args.split(/\s+/)[0];
+			if (!modes.includes(wanted)) return false;
+			setPermissionMode(wanted);
+			return true;
+		}
+	});
+	if (capabilities.clearContext) built.push({
+		name: "clear",
+		description: "Clear the conversation - the session keeps running and the old one stays resumable",
+		run: () => {
+			clearContext();
+			return true;
+		}
+	});
+	if (capabilities.mcpStatus) built.push({
+		name: "mcp",
+		description: "MCP servers and their status",
+		run: () => (openPanel("mcp"), true)
+	});
+	if (capabilities.contextUsage) built.push({
+		name: "context",
+		description: "Context window usage",
+		run: () => (openPanel("context"), true)
+	});
+	built.push({
+		name: "status",
+		description: "Session details",
+		run: () => (openPanel("info"), true)
+	});
+	if (capabilities.rateLimits) built.push({
+		name: "usage",
+		description: "Rate limits and spend",
+		run: () => (openPanel("usage"), true)
+	});
+	if (capabilities.skillsList) built.push({
+		name: "skills",
+		description: "Browse the skills this session can use",
+		run: () => (openPanel("skills"), true)
+	});
+	return built;
+}
 //#endregion
 //#region src/components/agent/transcript-variant.tsx
 const VariantContext = createContext("cards");
@@ -5061,7 +5147,7 @@ function parseFileLink(href, cwd) {
 		line ??= readLine(suffix[2]);
 	}
 	if (!target) return;
-	const path = target.startsWith("/") ? normalize(target) : cwd ? normalize(`${cwd}/${target}`) : void 0;
+	const path = resolvePosix(target, cwd);
 	return path ? {
 		path,
 		...line === void 0 ? {} : { line }
@@ -5071,18 +5157,6 @@ function readLine(value) {
 	const parsed = value === void 0 ? NaN : Number(value);
 	return Number.isInteger(parsed) && parsed > 0 ? parsed : void 0;
 }
-function normalize(path) {
-	const out = [];
-	for (const part of path.split("/")) {
-		if (part === "" || part === ".") continue;
-		if (part === "..") {
-			out.pop();
-			continue;
-		}
-		out.push(part);
-	}
-	return `/${out.join("/")}`;
-}
 //#endregion
 //#region src/components/terminal/file-link.tsx
 const FileLinkContext = createContext(void 0);
@@ -5559,6 +5633,8 @@ function evict(cache, keep) {
 //#region src/components/agent/markdown-image.tsx
 const LOCAL_PREFIX = "https://local-image.invalid/";
 const WEB_SOURCE = /^(?:https?:|data:image\/|blob:)/i;
+const REMOTE_SOURCE = /^https?:/i;
+const REMOTE_IMAGE_NOTICE = "remote image, not loaded";
 function shieldLocalImages() {
 	return (tree) => {
 		walk(tree);
@@ -5580,9 +5656,50 @@ function localImagePath(src) {
 		return;
 	}
 }
+function remoteImageHost(src) {
+	if (!src || !REMOTE_SOURCE.test(src.trim()) || localImagePath(src) !== void 0) return;
+	try {
+		return new URL(src.trim()).host;
+	} catch {
+		return;
+	}
+}
 function MarkdownImage({ src, alt, terminal }) {
-	const links = useFileLinks();
 	const raw = typeof src === "string" ? src : void 0;
+	const remoteHost = remoteImageHost(raw);
+	if (remoteHost !== void 0) return /* @__PURE__ */ jsx(RemoteImageLink, {
+		href: raw.trim(),
+		host: remoteHost,
+		alt,
+		terminal
+	});
+	return /* @__PURE__ */ jsx(LoadedMarkdownImage, {
+		raw,
+		alt,
+		terminal
+	});
+}
+function RemoteImageLink({ href, host, alt, terminal }) {
+	const text = `${typeof alt === "string" && alt ? `${alt} · ` : ""}${host} (${REMOTE_IMAGE_NOTICE})`;
+	if (terminal) return /* @__PURE__ */ jsx("a", {
+		href,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		"data-tone": "faint",
+		title: href,
+		children: text
+	});
+	return /* @__PURE__ */ jsx("a", {
+		href,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		title: href,
+		className: "my-1 inline-block rounded-md border border-border bg-surface-hover px-2 py-1 text-label text-fg-4",
+		children: text
+	});
+}
+function LoadedMarkdownImage({ raw, alt, terminal }) {
+	const links = useFileLinks();
 	const local = localImagePath(raw);
 	const path = local === void 0 ? void 0 : parseFileLink(local, links?.cwd)?.path;
 	const host = useHostImageSrc(path);
@@ -6063,23 +6180,6 @@ function todoLine(todo) {
 	return `${GLYPH[todo.status]} ${todo.text}`;
 }
 //#endregion
-//#region src/components/agent/shell-actions.tsx
-const NOOP = {
-	loadOutput: async () => false,
-	verify: async () => false,
-	kill: async () => false
-};
-const ShellActionsContext = createContext(NOOP);
-function ShellActionsProvider({ value, children }) {
-	return /* @__PURE__ */ jsx(ShellActionsContext.Provider, {
-		value: value ?? NOOP,
-		children
-	});
-}
-function useShellActions() {
-	return useContext(ShellActionsContext);
-}
-//#endregion
 //#region src/components/terminal/shell-row.ts
 const SHELL_GLYPH = "$";
 const SHELL_KILL_GLYPH = "✕";
@@ -6146,6 +6246,53 @@ function shellFooterText(item, open, shown) {
 	if (total !== void 0 && total > shown) return `… +${(total - shown).toLocaleString()} lines not shown`;
 	if (item.expanded === void 0 && item.truncated) return "… fetching the full output";
 }
+//#endregion
+//#region src/components/agent/shell-actions.tsx
+const NOOP = {
+	loadOutput: async () => false,
+	verify: async () => false,
+	kill: async () => false
+};
+const ShellActionsContext = createContext(NOOP);
+function ShellActionsProvider({ value, children }) {
+	return /* @__PURE__ */ jsx(ShellActionsContext.Provider, {
+		value: value ?? NOOP,
+		children
+	});
+}
+function useShellActions() {
+	return useContext(ShellActionsContext);
+}
+function useVerifyRunning(item) {
+	const verify = useShellActions().verify;
+	const running = item.shell.status === "running";
+	const shellId = item.shell.id;
+	useEffect(() => {
+		if (running) verify(shellId);
+	}, [
+		running,
+		shellId,
+		verify
+	]);
+}
+function ShellItemActions({ item }) {
+	const actions = useShellActions();
+	const shellId = item.shell.id;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		actions.open ? /* @__PURE__ */ jsx(OpenShellAction, { onOpen: () => actions.open?.(shellId) }) : null,
+		actions.agentWrite && shellGrantable(item.shell) ? /* @__PURE__ */ jsx(AgentWriteAction, {
+			granted: item.shell.agentWrite === true,
+			label: shellAgentWriteLabel(item.shell),
+			onToggle: () => void actions.agentWrite?.(shellId, item.shell.agentWrite !== true)
+		}) : null,
+		item.shell.status === "running" ? /* @__PURE__ */ jsx(KillShellAction, { onKill: () => void actions.kill(shellId) }) : null,
+		/* @__PURE__ */ jsx(BookmarkAction, { id: item.id }),
+		/* @__PURE__ */ jsx(CopyAction, {
+			text: item.shell.command,
+			label: "Copy command"
+		})
+	] });
+}
 const RESULT_PREVIEW_CHARS$1 = 2e3;
 function clipToChars(lines, maxChars) {
 	const out = [];
@@ -6555,14 +6702,7 @@ function ShellRow({ item }) {
 	const lines = shellBodyLines(item, open);
 	const footer = shellFooterText(item, open, lines.length);
 	const shellId = item.shell.id;
-	const verify = actions.verify;
-	useEffect(() => {
-		if (running) verify(shellId);
-	}, [
-		running,
-		shellId,
-		verify
-	]);
+	useVerifyRunning(item);
 	const press = (modifiers) => {
 		if ((modifiers.meta || modifiers.ctrl) && actions.open) {
 			actions.open(shellId);
@@ -6578,20 +6718,7 @@ function ShellRow({ item }) {
 		ref: reveal,
 		className: open ? "term-open" : void 0,
 		children: /* @__PURE__ */ jsxs(WithActions, {
-			actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-				actions.open ? /* @__PURE__ */ jsx(OpenShellAction, { onOpen: () => actions.open?.(shellId) }) : null,
-				actions.agentWrite && shellGrantable(item.shell) ? /* @__PURE__ */ jsx(AgentWriteAction, {
-					granted: item.shell.agentWrite === true,
-					label: shellAgentWriteLabel(item.shell),
-					onToggle: () => void actions.agentWrite?.(shellId, item.shell.agentWrite !== true)
-				}) : null,
-				running ? /* @__PURE__ */ jsx(KillShellAction, { onKill: () => void actions.kill(shellId) }) : null,
-				/* @__PURE__ */ jsx(BookmarkAction, { id: item.id }),
-				/* @__PURE__ */ jsx(CopyAction, {
-					text: item.shell.command,
-					label: "Copy command"
-				})
-			] }),
+			actions: /* @__PURE__ */ jsx(ShellItemActions, { item }),
 			children: [
 				/* @__PURE__ */ jsx(Pressable, {
 					onPress: press,
@@ -6991,6 +7118,22 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 			})
 		]
 	}) : null;
+	const stagedStrip = staged.length > 0 && attachments ? /* @__PURE__ */ jsx(AttachmentStrip, { attachments }) : null;
+	const field = (minHeight, maxHeight, fieldClass) => /* @__PURE__ */ jsx(PromptArea, {
+		...bind,
+		triggers,
+		markdown: false,
+		normalizeBullets: false,
+		onSubmit: submit,
+		disabled,
+		placeholder: disabled ? "Session ended" : shellMode ? SHELL_PLACEHOLDER : placeholder,
+		minHeight,
+		maxHeight,
+		"aria-label": shellMode ? "Run a shell command" : "Message the agent",
+		className: fieldClass,
+		onImagePaste: (file) => attachments?.add([file]),
+		...shellKeys
+	});
 	if (terminal) {
 		const line = lineHeight ?? 18;
 		return /* @__PURE__ */ jsxs("div", {
@@ -7007,7 +7150,7 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "term-composer-body",
 					children: [
-						staged.length > 0 && attachments ? /* @__PURE__ */ jsx(AttachmentStrip, { attachments }) : null,
+						stagedStrip,
 						/* @__PURE__ */ jsxs("div", {
 							className: "term-row",
 							children: [
@@ -7015,21 +7158,7 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 								gutter,
 								/* @__PURE__ */ jsxs("div", {
 									className: "flex min-w-0 items-start",
-									children: [/* @__PURE__ */ jsx(PromptArea, {
-										...bind,
-										triggers,
-										markdown: false,
-										normalizeBullets: false,
-										onSubmit: submit,
-										disabled,
-										placeholder: disabled ? "Session ended" : shellMode ? SHELL_PLACEHOLDER : placeholder,
-										minHeight: line,
-										maxHeight: line * 10,
-										"aria-label": shellMode ? "Run a shell command" : "Message the agent",
-										className: "term-composer-field min-w-0 flex-1",
-										onImagePaste: (file) => attachments?.add([file]),
-										...shellKeys
-									}), submitButton]
+									children: [field(line, line * 10, "term-composer-field min-w-0 flex-1"), submitButton]
 								})
 							]
 						}),
@@ -7077,42 +7206,14 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 			/* @__PURE__ */ jsxs("div", {
 				...dropHandlers,
 				className: cn("mx-auto w-full max-w-[var(--wd-transcript-max-width)] overflow-hidden border border-border bg-bg", "transition-colors rounded-lg shadow-(--shadow-xs)", "focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/30", dragging && "border-ring ring-2 ring-ring/30", shellMode && "border-[var(--wd-shell-accent)] focus-within:border-[var(--wd-shell-accent)] focus-within:ring-[var(--wd-shell-accent)]/30", disabled && "opacity-60"),
-				children: [staged.length > 0 && attachments ? /* @__PURE__ */ jsx(AttachmentStrip, { attachments }) : null, inline ? /* @__PURE__ */ jsxs("div", {
+				children: [stagedStrip, inline ? /* @__PURE__ */ jsxs("div", {
 					className: "flex items-end gap-1 p-1",
 					children: [
 						shellMode ? /* @__PURE__ */ jsx(ShellBadge, { onLeave: () => leaveShellMode(false) }) : attach,
-						/* @__PURE__ */ jsx(PromptArea, {
-							...bind,
-							triggers,
-							markdown: false,
-							normalizeBullets: false,
-							onSubmit: submit,
-							disabled,
-							placeholder: disabled ? "Session ended" : shellMode ? SHELL_PLACEHOLDER : placeholder,
-							minHeight: 20,
-							maxHeight: 192,
-							"aria-label": shellMode ? "Run a shell command" : "Message the agent",
-							className: "min-w-0 flex-1 py-1 text-body-sm text-text",
-							onImagePaste: (file) => attachments?.add([file]),
-							...shellKeys
-						}),
+						field(20, 192, "min-w-0 flex-1 py-1 text-body-sm text-text"),
 						submitButton
 					]
-				}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(PromptArea, {
-					...bind,
-					triggers,
-					markdown: false,
-					normalizeBullets: false,
-					onSubmit: submit,
-					disabled,
-					placeholder: disabled ? "Session ended" : shellMode ? SHELL_PLACEHOLDER : placeholder,
-					minHeight: 28,
-					maxHeight: 192,
-					"aria-label": shellMode ? "Run a shell command" : "Message the agent",
-					className: "px-3 pt-2.5 pb-0 text-body-sm text-text",
-					onImagePaste: (file) => attachments?.add([file]),
-					...shellKeys
-				}), /* @__PURE__ */ jsxs("div", {
+				}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [field(28, 192, "px-3 pt-2.5 pb-0 text-body-sm text-text"), /* @__PURE__ */ jsxs("div", {
 					className: "flex items-center justify-between gap-2 px-2 pb-2",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "flex min-w-0 items-center gap-1",
@@ -7228,7 +7329,6 @@ function contextNote(engine) {
 //#endregion
 //#region src/components/agent/ContextDialog.tsx
 function ContextDialog({ usage, engine, open, onOpenChange, className }) {
-	const note = contextNote(engine);
 	return /* @__PURE__ */ jsx(Dialog$1, {
 		open,
 		onOpenChange,
@@ -7237,191 +7337,102 @@ function ContextDialog({ usage, engine, open, onOpenChange, className }) {
 			children: [/* @__PURE__ */ jsx(DialogHeader, {
 				title: "Context",
 				description: usage?.model
-			}), /* @__PURE__ */ jsxs(DialogBody, { children: [!usage ? /* @__PURE__ */ jsx("p", {
-				className: "py-6 text-center text-body-sm text-fg-4",
-				children: "No reading yet - the context window is measured after a turn completes."
-			}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-baseline justify-between gap-4",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "text-label text-fg-3",
-						children: "Used"
-					}), /* @__PURE__ */ jsxs("span", {
-						className: "font-mono text-body-sm text-fg-1",
-						children: [
-							formatTokens(usage.totalTokens),
-							" / ",
-							formatTokens(usage.maxTokens),
-							" · ",
-							usage.percentage.toFixed(0),
-							"%"
-						]
-					})]
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "mt-2 h-2 overflow-hidden rounded-full bg-border",
-					children: /* @__PURE__ */ jsx("div", {
-						className: cn("h-full rounded-full", meterTintClass(usage.percentage)),
-						style: { width: `${Math.min(100, Math.max(2, usage.percentage))}%` }
-					})
-				}),
-				usage.categories.length > 0 ? /* @__PURE__ */ jsxs("div", {
-					className: "mt-5",
-					children: [/* @__PURE__ */ jsx("h3", {
-						className: "text-label font-medium text-fg-3",
-						children: "Breakdown"
-					}), /* @__PURE__ */ jsx("div", {
-						className: "mt-2 flex flex-col gap-3",
-						children: usage.categories.map((category) => {
-							const share = category.tokens / Math.max(usage.maxTokens, 1) * 100;
-							const color = cssColor(category.color);
-							return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
-								className: "flex items-baseline justify-between gap-3",
-								children: [/* @__PURE__ */ jsxs("span", {
-									className: "flex min-w-0 items-center gap-2",
-									children: [/* @__PURE__ */ jsx("span", {
-										className: "size-2 shrink-0 rounded-full bg-fg-4",
-										style: color ? { backgroundColor: color } : void 0
-									}), /* @__PURE__ */ jsx("span", {
-										className: "truncate text-body-sm text-fg-1",
-										children: category.name
-									})]
-								}), /* @__PURE__ */ jsx("span", {
-									className: "shrink-0 font-mono text-label text-fg-3",
-									children: formatTokens(category.tokens)
-								})]
-							}), /* @__PURE__ */ jsx("div", {
-								className: "mt-1 h-1 overflow-hidden rounded-full bg-border",
-								children: /* @__PURE__ */ jsx("div", {
-									className: "h-full rounded-full bg-fg-4",
-									style: {
-										width: `${Math.min(100, share)}%`,
-										backgroundColor: color
-									}
-								})
-							})] }, category.name);
-						})
-					})]
-				}) : null
-			] }), note ? /* @__PURE__ */ jsxs("div", {
-				className: "mt-5 border-t border-border pt-4",
-				children: [
-					/* @__PURE__ */ jsx("h3", {
-						className: "text-label font-medium text-fg-3",
-						children: "Why this window is 272K"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "mt-2 text-body-sm text-fg-2",
-						children: note.summary
-					}),
-					note.detail.map((line) => /* @__PURE__ */ jsx("p", {
-						className: "mt-2 text-body-sm text-fg-3",
-						children: line
-					}, line)),
-					/* @__PURE__ */ jsx("p", {
-						className: "mt-2 text-body-sm text-warning",
-						children: note.caveat
-					})
-				]
-			}) : null] })]
+			}), /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(ContextPanel, {
+				usage,
+				engine
+			}) })]
 		})
 	});
 }
-//#endregion
-//#region src/components/agent/TaskList.tsx
-function TaskList({ tasks, showCompleted, onShowCompletedChange, onSelectTask, className }) {
-	const summary = taskSummary(tasks);
-	const shown = visibleTasks(tasks, showCompleted);
-	const hidden = tasks.length - shown.length;
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-baseline justify-between gap-4 pb-1.5",
-			children: [/* @__PURE__ */ jsxs("span", {
+function ContextPanel({ usage, engine }) {
+	const note = contextNote(engine);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [!usage ? /* @__PURE__ */ jsx("p", {
+		className: "py-6 text-center text-body-sm text-fg-4",
+		children: "No reading yet - the context window is measured after a turn completes."
+	}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex items-baseline justify-between gap-4",
+			children: [/* @__PURE__ */ jsx("span", {
 				className: "text-label text-fg-3",
+				children: "Used"
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "font-mono text-body-sm text-fg-1",
 				children: [
-					summary.done,
-					" of ",
-					summary.total,
-					" done",
-					summary.failed > 0 ? ` · ${summary.failed} failed` : ""
+					formatTokens(usage.totalTokens),
+					" / ",
+					formatTokens(usage.maxTokens),
+					" · ",
+					usage.percentage.toFixed(0),
+					"%"
 				]
-			}), summary.done > 0 && onShowCompletedChange ? /* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: () => onShowCompletedChange(!showCompleted),
-				className: "shrink-0 rounded-[4px] px-1 py-0.5 text-label text-fg-4 outline-none hover:bg-row-hover hover:text-fg-2",
-				children: showCompleted ? "Hide completed" : `Show completed (${summary.done})`
-			}) : null]
-		}), shown.length === 0 ? /* @__PURE__ */ jsx("p", {
-			className: "py-6 text-center text-body-sm text-fg-4",
-			children: tasks.length === 0 ? "No tasks yet - a checklist appears once the agent plans one." : `${hidden} completed, all hidden.`
-		}) : /* @__PURE__ */ jsx("div", {
-			className: "flex flex-col",
-			children: shown.map((task) => /* @__PURE__ */ jsx(TaskRow$1, {
-				task,
-				onSelect: onSelectTask
-			}, task.key))
-		})]
-	});
-}
-function TaskRow$1({ task, onSelect }) {
-	const pressable = onSelect !== void 0 && task.toolUseId !== void 0;
-	const body = task.state === "failed" ? "text-danger" : task.state === "done" ? "text-fg-4" : "text-fg-2";
-	const row = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsx(TaskIcon, { state: task.state }),
-		/* @__PURE__ */ jsx("span", {
-			className: cn("min-w-0 flex-1 truncate text-left", task.state === "done" ? "line-through" : void 0),
-			children: task.label
+			})]
 		}),
-		task.detail ? /* @__PURE__ */ jsx("span", {
-			className: "shrink-0 tabular-nums text-fg-4",
-			children: task.detail
-		}) : null,
-		pressable ? /* @__PURE__ */ jsx(ArrowRight, { className: "size-3.5 shrink-0 text-fg-4" }) : null
-	] });
-	const className = cn("flex w-full items-center gap-1.5 rounded-[4px] px-1.5 py-1 text-body-sm outline-none", body);
-	if (!pressable) return /* @__PURE__ */ jsx("div", {
-		className,
-		children: row
-	});
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		title: task.label,
-		onClick: () => onSelect(task),
-		className: cn(className, "hover:bg-row-active"),
-		children: row
-	});
-}
-function TaskIcon({ state }) {
-	switch (state) {
-		case "running": return /* @__PURE__ */ jsx(Spinner, { className: "size-[13px] shrink-0" });
-		case "failed": return /* @__PURE__ */ jsx(CircleAlert, { className: "size-[13px] shrink-0" });
-		case "done": return /* @__PURE__ */ jsx(Check, { className: "size-[13px] shrink-0" });
-		default: return /* @__PURE__ */ jsx(Circle, { className: "size-[13px] shrink-0 text-fg-4" });
-	}
-}
-//#endregion
-//#region src/components/agent/TasksDialog.tsx
-function TasksDialog({ tasks, showCompleted, onShowCompletedChange, onSelectTask, open, onOpenChange, className }) {
-	return /* @__PURE__ */ jsx(Dialog$1, {
-		open,
-		onOpenChange,
-		children: /* @__PURE__ */ jsxs(DialogContent, {
-			className,
-			children: [/* @__PURE__ */ jsx(DialogHeader, {
-				title: "Tasks",
-				description: "The agent's checklist and the tasks it has spawned"
-			}), /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(TaskList, {
-				tasks,
-				showCompleted,
-				onShowCompletedChange,
-				onSelectTask: onSelectTask ? (task) => {
-					onOpenChange(false);
-					onSelectTask(task);
-				} : void 0
-			}) })]
-		})
-	});
+		/* @__PURE__ */ jsx("div", {
+			className: "mt-2 h-2 overflow-hidden rounded-full bg-border",
+			children: /* @__PURE__ */ jsx("div", {
+				className: cn("h-full rounded-full", meterTintClass(usage.percentage)),
+				style: { width: `${Math.min(100, Math.max(2, usage.percentage))}%` }
+			})
+		}),
+		usage.categories.length > 0 ? /* @__PURE__ */ jsxs("div", {
+			className: "mt-5",
+			children: [/* @__PURE__ */ jsx("h3", {
+				className: "text-label font-medium text-fg-3",
+				children: "Breakdown"
+			}), /* @__PURE__ */ jsx("div", {
+				className: "mt-2 flex flex-col gap-3",
+				children: usage.categories.map((category) => {
+					const share = category.tokens / Math.max(usage.maxTokens, 1) * 100;
+					const color = cssColor(category.color);
+					return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-baseline justify-between gap-3",
+						children: [/* @__PURE__ */ jsxs("span", {
+							className: "flex min-w-0 items-center gap-2",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "size-2 shrink-0 rounded-full bg-fg-4",
+								style: color ? { backgroundColor: color } : void 0
+							}), /* @__PURE__ */ jsx("span", {
+								className: "truncate text-body-sm text-fg-1",
+								children: category.name
+							})]
+						}), /* @__PURE__ */ jsx("span", {
+							className: "shrink-0 font-mono text-label text-fg-3",
+							children: formatTokens(category.tokens)
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "mt-1 h-1 overflow-hidden rounded-full bg-border",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "h-full rounded-full bg-fg-4",
+							style: {
+								width: `${Math.min(100, share)}%`,
+								backgroundColor: color
+							}
+						})
+					})] }, category.name);
+				})
+			})]
+		}) : null
+	] }), note ? /* @__PURE__ */ jsxs("div", {
+		className: "mt-5 border-t border-border pt-4",
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				className: "text-label font-medium text-fg-3",
+				children: "Why this window is 272K"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-body-sm text-fg-2",
+				children: note.summary
+			}),
+			note.detail.map((line) => /* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-body-sm text-fg-3",
+				children: line
+			}, line)),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-body-sm text-warning",
+				children: note.caveat
+			})
+		]
+	}) : null] });
 }
 //#endregion
 //#region src/components/agent/EntryIcon.tsx
@@ -7450,7 +7461,7 @@ function HostFilesDialog({ client, cwd, open, onOpenChange }) {
 			setEntries(response.entries);
 			setTruncated(response.truncated ?? false);
 		} catch (e) {
-			setError(e instanceof Error ? e.message : "Could not read that directory");
+			setError(errorMessage(e, "Could not read that directory"));
 		} finally {
 			setLoading(false);
 		}
@@ -7495,7 +7506,7 @@ function HostFilesDialog({ client, cwd, open, onOpenChange }) {
 				content: response.encoding === "utf8" ? response.content : "(binary file - not shown)"
 			});
 		} catch (e) {
-			setError(e instanceof Error ? e.message : "Could not read that file");
+			setError(errorMessage(e, "Could not read that file"));
 		} finally {
 			setLoading(false);
 		}
@@ -7595,85 +7606,108 @@ const STATUS_VARIANT = {
 	disabled: "neutral"
 };
 function McpDialog({ client, sessionId, open, onOpenChange, canManageServers = true, className }) {
-	const [servers, setServers] = useState();
-	const [error, setError] = useState();
-	const [loading, setLoading] = useState(false);
-	const [busyServer, setBusyServer] = useState();
-	const [selectedServer, setSelectedServer] = useState();
-	const [selectedTool, setSelectedTool] = useState();
-	const load = useCallback(async () => {
-		if (!sessionId) return;
-		setLoading(true);
-		setError(void 0);
-		try {
-			setServers(await client.listMcpServers(sessionId));
-		} catch (e) {
-			setError(e instanceof Error ? e.message : "Could not read MCP status");
-		} finally {
-			setLoading(false);
-		}
-	}, [client, sessionId]);
-	useEffect(() => {
-		if (!open) return;
-		setSelectedServer(void 0);
-		setSelectedTool(void 0);
-		load();
-	}, [open, load]);
-	const act = async (name, action) => {
-		if (!sessionId) return;
-		setBusyServer(name);
-		setError(void 0);
-		try {
-			setServers(await client.mcpServerAction(sessionId, name, action));
-		} catch (e) {
-			setError(e instanceof Error ? e.message : `Could not ${action} ${name}`);
-		} finally {
-			setBusyServer(void 0);
-		}
-	};
-	const server = servers?.find((s) => s.name === selectedServer);
-	const tool = server?.tools?.find((t) => t.name === selectedTool);
-	const title = tool?.name ?? server?.name ?? "MCP servers";
+	const mcp = useMcpPanel(client, sessionId, open);
 	return /* @__PURE__ */ jsx(Dialog$1, {
 		open,
 		onOpenChange,
 		children: /* @__PURE__ */ jsxs(DialogContent, {
 			className,
 			children: [/* @__PURE__ */ jsx(DialogHeader, {
-				title,
-				description: tool ? `${server?.name} tool` : server ? server.serverInfo?.name : void 0,
-				actions: selectedServer ? /* @__PURE__ */ jsxs(Button, {
-					variant: "ghost",
-					size: "xs",
-					onClick: () => selectedTool ? setSelectedTool(void 0) : setSelectedServer(void 0),
-					children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "size-3.5" }), "Back"]
-				}) : /* @__PURE__ */ jsxs(Button, {
-					variant: "ghost",
-					size: "xs",
-					onClick: () => void load(),
-					disabled: loading,
-					children: [loading ? /* @__PURE__ */ jsx(Spinner, { className: "size-3 text-current" }) : /* @__PURE__ */ jsx(RotateCw, { className: "size-3" }), "Refresh"]
-				})
-			}), /* @__PURE__ */ jsxs(DialogBody, { children: [error ? /* @__PURE__ */ jsx("div", {
-				className: "mb-3 rounded-md bg-danger-bg px-3 py-2 text-body-sm text-danger",
-				children: error
-			}) : null, tool ? /* @__PURE__ */ jsx(ToolView, { tool }) : server ? /* @__PURE__ */ jsx(ServerView, {
-				server,
-				busy: busyServer === server.name,
-				canManage: canManageServers,
-				onAct: (action) => void act(server.name, action),
-				onSelectTool: setSelectedTool
-			}) : error && !servers ? null : /* @__PURE__ */ jsx(ServerList, {
-				servers,
-				loading,
-				onSelect: setSelectedServer
-			})] })]
+				title: mcp.title,
+				description: mcp.description,
+				actions: /* @__PURE__ */ jsx(McpPanelActions, { model: mcp })
+			}), /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(McpPanel, {
+				model: mcp,
+				canManageServers
+			}) })]
 		})
 	});
 }
-function ServerList({ servers, loading, onSelect }) {
-	if (loading && !servers) return /* @__PURE__ */ jsx("div", {
-		className: "py-6 text-center",
+function useMcpPanel(client, sessionId, active = true) {
+	const listed = useAsync(() => client.listMcpServers(sessionId), [client, sessionId], { enabled: active && !!client && !!sessionId });
+	const [actError, setActError] = useState();
+	const [busyServer, setBusyServer] = useState();
+	const [selectedServer, setSelectedServer] = useState();
+	const [selectedTool, setSelectedTool] = useState();
+	useEffect(() => {
+		if (active) {
+			setSelectedServer(void 0);
+			setSelectedTool(void 0);
+			setActError(void 0);
+		}
+	}, [
+		active,
+		client,
+		sessionId
+	]);
+	const servers = listed.data;
+	const server = servers?.find((s) => s.name === selectedServer);
+	const tool = server?.tools?.find((t) => t.name === selectedTool);
+	return {
+		servers,
+		server,
+		tool,
+		loading: listed.loading,
+		busyServer,
+		error: actError ?? (listed.error === void 0 ? void 0 : errorMessage(listed.error, "Could not read MCP status")),
+		title: tool?.name ?? server?.name ?? "MCP servers",
+		description: tool ? `${server?.name} tool` : server ? server.serverInfo?.name : void 0,
+		selectServer: setSelectedServer,
+		selectTool: setSelectedTool,
+		back: selectedServer ? () => selectedTool ? setSelectedTool(void 0) : setSelectedServer(void 0) : void 0,
+		reload: () => {
+			setActError(void 0);
+			listed.reload();
+		},
+		act: async (name, action) => {
+			if (!client || !sessionId) return;
+			setBusyServer(name);
+			setActError(void 0);
+			try {
+				listed.setData(await client.mcpServerAction(sessionId, name, action));
+			} catch (e) {
+				setActError(errorMessage(e, `Could not ${action} ${name}`));
+			} finally {
+				setBusyServer(void 0);
+			}
+		}
+	};
+}
+function McpPanelActions({ model }) {
+	if (model.back) return /* @__PURE__ */ jsxs(Button, {
+		variant: "ghost",
+		size: "xs",
+		onClick: model.back,
+		children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "size-3.5" }), "Back"]
+	});
+	return /* @__PURE__ */ jsxs(Button, {
+		variant: "ghost",
+		size: "xs",
+		onClick: model.reload,
+		disabled: model.loading,
+		children: [model.loading ? /* @__PURE__ */ jsx(Spinner, { className: "size-3 text-current" }) : /* @__PURE__ */ jsx(RotateCw, { className: "size-3" }), "Refresh"]
+	});
+}
+function McpPanel({ model, canManageServers = true }) {
+	const { error, servers, server, tool } = model;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [error ? /* @__PURE__ */ jsx("div", {
+		className: "mb-3 rounded-md bg-danger-bg px-3 py-2 text-body-sm text-danger",
+		children: error
+	}) : null, tool ? /* @__PURE__ */ jsx(ToolView, { tool }) : server ? /* @__PURE__ */ jsx(ServerView, {
+		server,
+		busy: model.busyServer === server.name,
+		canManage: canManageServers,
+		onAct: (action) => void model.act(server.name, action),
+		onSelectTool: model.selectTool
+	}) : error && !servers ? null : /* @__PURE__ */ jsx(ServerList, {
+		servers,
+		loading: model.loading,
+		onSelect: model.selectServer
+	})] });
+}
+function ServerList({ servers, loading, onSelect }) {
+	if (loading && !servers) return /* @__PURE__ */ jsx("div", {
+		className: "py-6 text-center",
 		children: /* @__PURE__ */ jsx(Spinner, { className: "size-4 text-fg-4" })
 	});
 	if (!servers?.length) return /* @__PURE__ */ jsx("p", {
@@ -8139,556 +8173,338 @@ function PermissionModeSelect({ mode, onModeChange, modes, canBypass, variant =
 	});
 }
 //#endregion
-//#region src/lib/plan-request.ts
-function planFromRequest(request) {
-	if (request?.toolName !== "ExitPlanMode") return;
-	const input = request.input;
-	if (input === null || typeof input !== "object") return;
-	const plan = input.plan;
-	if (typeof plan !== "string" || plan.trim().length === 0) return;
-	return plan;
+//#region src/components/agent/FrameStrip.tsx
+const TERMINAL_TONE = {
+	shell: {
+		name: "magenta",
+		live: "magenta"
+	},
+	subagent: {
+		name: "green",
+		live: "mark"
+	}
+};
+const CARDS_LIVE_CLASS = {
+	shell: "text-[var(--wd-shell-accent)]",
+	subagent: "text-accent"
+};
+function FrameStrip({ kind, name, status, detail, failed, live, onBack, actions, terminal, fontSize, lineHeight }) {
+	if (terminal) {
+		const tones = TERMINAL_TONE[kind];
+		const line = (label) => /* @__PURE__ */ jsxs(Row, {
+			glyph: "←",
+			glyphTone: "dim",
+			indent: 1,
+			tone: failed ? "red" : tones.name,
+			children: [
+				label,
+				status ? /* @__PURE__ */ jsxs(Ink, {
+					tone: failed ? "red" : live ? tones.live : "dim",
+					children: [" · ", status]
+				}) : null,
+				detail ? /* @__PURE__ */ jsxs(Ink, {
+					tone: "faint",
+					children: [" · ", detail]
+				}) : null
+			]
+		});
+		return /* @__PURE__ */ jsx(TerminalSurface, {
+			fontSize,
+			lineHeight,
+			className: "shrink-0",
+			children: actions === void 0 ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: onBack,
+				"aria-label": "Back to the session",
+				className: "block w-full cursor-pointer text-left",
+				children: line(name)
+			}) : /* @__PURE__ */ jsx(WithActions, {
+				placement: "inline",
+				actions,
+				children: line(/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: onBack,
+					"aria-label": "Back to the session",
+					className: "cursor-pointer text-left",
+					children: name
+				}))
+			})
+		});
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-1.5",
+		children: [
+			/* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				size: "sm",
+				onClick: onBack,
+				className: "h-6 gap-1 px-1.5",
+				children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "size-3.5" }), "Back"]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: cn("min-w-0 flex-1 truncate text-body-sm", kind === "shell" && "font-mono", failed ? "text-danger" : "text-fg-2"),
+				children: name
+			}),
+			status ? /* @__PURE__ */ jsx("span", {
+				className: cn("shrink-0 text-label", failed ? "text-danger" : live ? CARDS_LIVE_CLASS[kind] : "text-fg-3"),
+				children: status
+			}) : null,
+			detail ? /* @__PURE__ */ jsx("span", {
+				className: "shrink-0 text-label text-fg-4",
+				children: detail
+			}) : null,
+			actions
+		]
+	});
 }
 //#endregion
-//#region src/lib/shell-request.ts
-const CONTROL_NAMES = {
-	"\r": "enter",
-	"\n": "newline",
-	"	": "tab",
-	"\x1B": "escape",
-	"": "backspace"
-};
-const SHELL_WRITE_TOOLS = [
-	"shell_run",
-	"shell_write",
-	"shell_kill",
-	"shell_request_write"
-];
-function shellToolOf(toolName) {
-	if (typeof toolName !== "string") return;
-	const bare = toolName.startsWith("mcp__") ? toolName.slice(toolName.indexOf("__", 5) + 2) : toolName;
-	return SHELL_WRITE_TOOLS.includes(bare) ? bare : void 0;
+//#region src/components/agent/SubagentStrip.tsx
+function SubagentStrip({ task, items, label, onBack, terminal, fontSize, lineHeight }) {
+	const busy = task ? taskBusy(task, items) : false;
+	const failed = task ? taskFailed(task) : false;
+	const pulse = usePulse(busy);
+	const tools = items.reduce((n, item) => n + (item.kind === "tool_call" ? 1 : 0), 0);
+	const startedAt = busy ? task?.ts : void 0;
+	const now = useTicker(startedAt !== void 0);
+	const elapsed = startedAt === void 0 ? void 0 : formatDuration(now - startedAt);
+	const name = task ? taskIdentity(task) : label;
+	const status = !task ? void 0 : failed ? "failed" : busy ? `${pulse} working…` : "done";
+	const detail = [tools > 0 ? `${tools} tool${tools === 1 ? "" : "s"}` : void 0, elapsed].filter(Boolean).join(" · ");
+	return /* @__PURE__ */ jsx(FrameStrip, {
+		kind: "subagent",
+		name,
+		status,
+		detail,
+		failed,
+		live: busy,
+		onBack,
+		terminal,
+		fontSize,
+		lineHeight
+	});
 }
-function shellRequestPayload(request) {
-	const tool = shellToolOf(request?.toolName);
-	if (!tool) return;
-	const input = request?.input !== null && typeof request?.input === "object" ? request.input : {};
-	const shellId = typeof input.shellId === "string" ? input.shellId : "";
-	switch (tool) {
-		case "shell_run": return {
-			kind: "run",
-			command: typeof input.command === "string" ? input.command : ""
-		};
-		case "shell_write": {
-			const keys = Array.isArray(input.keys) ? input.keys.filter((key) => typeof key === "string") : void 0;
-			return {
-				kind: "write",
-				shellId,
-				...typeof input.data === "string" ? { data: input.data } : {},
-				...keys && keys.length > 0 ? { keys } : {}
-			};
-		}
-		case "shell_kill": return {
-			kind: "kill",
-			shellId
-		};
-		case "shell_request_write": return {
-			kind: "grant",
-			shellId,
-			reason: typeof input.reason === "string" ? input.reason : ""
-		};
-	}
+//#endregion
+//#region src/components/terminal/blocks.ts
+function parentOf(item) {
+	return ("parentToolUseId" in item ? item.parentToolUseId : void 0) ?? void 0;
 }
-function shellRequestTitle(payload) {
-	switch (payload.kind) {
-		case "run": return "Agent wants to start a shell";
-		case "write": return `Agent wants to type into shell ${payload.shellId}`;
-		case "kill": return `Agent wants to kill shell ${payload.shellId}`;
-		case "grant": return `Agent asks to type into your shell ${payload.shellId}`;
-	}
+function subagentItems(items, parentToolUseId) {
+	return items.filter((item) => parentOf(item) === parentToolUseId);
 }
-function shellRequestLines(payload) {
-	switch (payload.kind) {
-		case "run": return payload.command.split("\n").map((line, index) => index === 0 ? `$ ${line}` : `  ${line}`);
-		case "write": {
-			const lines = [];
-			if (payload.data !== void 0) lines.push(`types: ${visibleControls(payload.data)}`);
-			if (payload.keys) lines.push(`presses: ${payload.keys.map((key) => `[${key}]`).join(" ")}`);
-			return lines;
-		}
-		case "kill": return [`kill ${payload.shellId}`];
-		case "grant": return [`why: ${visibleControls(payload.reason)}`, "until the shell ends or you revoke it"];
+function isRunCall(item) {
+	return item.kind === "tool_call";
+}
+function taskChildItems(block) {
+	return block.children.flatMap((child) => "run" in child ? child.run : [child.item]);
+}
+function pushLeaf(out, item, index) {
+	const previous = out.at(-1);
+	if (isRunCall(item) && !isPeerSend(item)) {
+		if (previous && "run" in previous && foldsTogether(previous.run[0], item)) {
+			previous.run.push(item);
+			previous.indices.push(index);
+		} else out.push({
+			key: `run:${item.id}`,
+			run: [item],
+			indices: [index],
+			index
+		});
+		return;
 	}
+	out.push({
+		key: `${item.kind}:${item.id}`,
+		item,
+		index
+	});
 }
-function visibleControls(text) {
-	let out = "";
-	for (const char of text) {
-		const code = char.codePointAt(0);
-		if (code >= 32 && code !== 127) {
-			out += char;
-			continue;
+function terminalBlocks(items, offset = 0, fold = true) {
+	if (!fold) return items.map((item, position) => ({
+		key: `${item.kind}:${item.id}`,
+		item,
+		index: offset + position
+	}));
+	const topLevelCalls = /* @__PURE__ */ new Set();
+	for (const item of items) if (item.kind === "tool_call" && parentOf(item) === void 0) topLevelCalls.add(item.id);
+	const childrenOf = /* @__PURE__ */ new Map();
+	items.forEach((item, position) => {
+		const parent = parentOf(item);
+		if (parent !== void 0 && topLevelCalls.has(parent)) {
+			const list = childrenOf.get(parent);
+			if (list) list.push({
+				item,
+				index: offset + position
+			});
+			else childrenOf.set(parent, [{
+				item,
+				index: offset + position
+			}]);
 		}
-		const named = CONTROL_NAMES[char];
-		out += named ? `[${named}]` : `[ctrl-${String.fromCharCode(code + 64).toLowerCase()}]`;
+	});
+	const out = [];
+	for (const [position, item] of items.entries()) {
+		const index = offset + position;
+		const parent = parentOf(item);
+		if (parent !== void 0 && childrenOf.has(parent)) continue;
+		if (item.kind === "tool_call") {
+			const children = childrenOf.get(item.id);
+			if (children) {
+				const folded = [];
+				for (const child of children) pushLeaf(folded, child.item, child.index);
+				out.push({
+					key: `task:${item.id}`,
+					task: item,
+					children: folded,
+					childIndices: children.map((child) => child.index),
+					index
+				});
+				continue;
+			}
+		}
+		pushLeaf(out, item, index);
 	}
 	return out;
 }
+function needsBlank(previous, next) {
+	if (isPeerSend(previous) || isPeerSend(next)) return true;
+	return !(previous.kind === "tool_call" && next.kind === "tool_call");
+}
+function blockKind(block) {
+	if (!("item" in block)) return "tool_call";
+	return isPeerSend(block.item) ? "peer_send" : block.item.kind;
+}
+function blockNeedsBlank(previous, next) {
+	return !(blockKind(previous) === "tool_call" && blockKind(next) === "tool_call");
+}
 //#endregion
-//#region src/components/agent/Response.tsx
-const COMPONENTS = { img: ({ src, alt }) => /* @__PURE__ */ jsx(MarkdownImage, {
-	src,
-	alt
-}) };
-const Response = memo(function Response({ children, streaming, className }) {
-	return /* @__PURE__ */ jsx(Streamdown, {
-		mode: streaming ? "streaming" : "static",
-		parseIncompleteMarkdown: streaming,
-		shikiTheme: ["github-light", "github-dark"],
-		linkSafety: { enabled: false },
-		components: COMPONENTS,
-		rehypePlugins: MARKDOWN_REHYPE_PLUGINS,
-		className: cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className),
-		children
-	});
-}, (prev, next) => prev.children === next.children && prev.streaming === next.streaming && prev.className === next.className);
+//#region src/components/agent/use-frame.ts
+function useFrame({ sessionId, request, reveal, onChange, returnTo }) {
+	const [id, setId] = useState(void 0);
+	const [returnReveal, setReturnReveal] = useState(void 0);
+	useEffect(() => {
+		setId(void 0);
+		setReturnReveal(void 0);
+	}, [sessionId]);
+	const returnToRef = useRef(returnTo);
+	returnToRef.current = returnTo;
+	const leave = useCallback(() => {
+		setId((current) => {
+			const toolUseId = current === void 0 ? void 0 : returnToRef.current(current);
+			if (toolUseId !== void 0) setReturnReveal({
+				toolUseId,
+				nonce: Date.now()
+			});
+		});
+	}, []);
+	const requestNonce = request?.nonce;
+	const requestId = request?.id;
+	useEffect(() => {
+		if (requestId === void 0) leave();
+		else setId(requestId);
+	}, [requestNonce]);
+	const revealNonce = reveal?.nonce;
+	useEffect(() => {
+		if (revealNonce !== void 0) setId(void 0);
+	}, [revealNonce]);
+	useEffect(() => {
+		if (id === void 0) return;
+		const onKey = (event) => {
+			if (event.key === "Escape" && !event.defaultPrevented) leave();
+		};
+		window.addEventListener("keydown", onKey);
+		return () => window.removeEventListener("keydown", onKey);
+	}, [id, leave]);
+	const onChangeRef = useRef(onChange);
+	onChangeRef.current = onChange;
+	const reported = useRef(void 0);
+	useEffect(() => {
+		if (reported.current === id) return;
+		reported.current = id;
+		onChangeRef.current?.(id);
+	}, [id]);
+	return {
+		id,
+		enter: setId,
+		leave,
+		returnReveal
+	};
+}
 //#endregion
-//#region src/components/agent/PermissionPrompt.tsx
-function PermissionPrompt({ request, onApprove, onDeny, className }) {
-	const [showInput, setShowInput] = useState(false);
-	const [denying, setDenying] = useState(false);
-	const [reason, setReason] = useState("");
-	const deny = (interrupt) => {
-		const message = reason.trim();
-		onDeny(request.id, message || void 0, interrupt || void 0);
-		setReason("");
-		setDenying(false);
+//#region src/components/agent/use-subagent-frame.ts
+function useSubagentFrame(options) {
+	const { sessionId, items, session, reveal, openSubagent, onSubagentChange } = options;
+	const frame = useFrame({
+		sessionId,
+		request: openSubagent && {
+			id: openSubagent.toolUseId,
+			nonce: openSubagent.nonce
+		},
+		reveal,
+		onChange: onSubagentChange,
+		returnTo: (toolUseId) => toolUseId
+	});
+	const subagentId = frame.id;
+	const frameItems = useMemo(() => subagentId === void 0 ? [] : subagentItems(items, subagentId), [items, subagentId]);
+	const task = useMemo(() => subagentId === void 0 ? void 0 : items.find((item) => item.kind === "tool_call" && item.id === subagentId), [items, subagentId]);
+	const fallbackLabel = useMemo(() => {
+		const record = session?.subagents?.find((sub) => sub.toolUseId === subagentId);
+		return record ? subagentLabel(record) : "Sub-agent";
+	}, [session, subagentId]);
+	return {
+		subagentId,
+		enterSubagent: frame.enter,
+		leaveSubagent: frame.leave,
+		returnReveal: frame.returnReveal,
+		frameItems,
+		task,
+		fallbackLabel
 	};
-	const plan = planFromRequest(request);
-	const shell = plan ? void 0 : shellRequestPayload(request);
-	const summary = toolInputPreview(request.input);
-	const ToolIcon = toolIcon(request.toolName);
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "permission-prompt",
-		className: cn("rounded-lg border border-warning/40 bg-warning-bg p-3", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-start gap-2.5",
-			children: [
-				/* @__PURE__ */ jsx(Hand, { className: "mt-0.5 size-4 shrink-0 text-warning" }),
-				/* @__PURE__ */ jsxs("div", {
-					className: "min-w-0 flex-1",
-					children: [
-						/* @__PURE__ */ jsx("div", {
-							className: "text-body-sm font-medium text-fg-1",
-							children: plan ? "Plan ready for review" : shell ? shellRequestTitle(shell) : request.title ?? request.displayName ?? "Permission needed"
-						}),
-						request.description ? /* @__PURE__ */ jsx("div", {
-							className: "mt-0.5 text-label text-fg-3",
-							children: request.description
-						}) : null,
-						request.decisionReason ? /* @__PURE__ */ jsx("div", {
-							className: "mt-0.5 text-label text-fg-4",
-							children: request.decisionReason
-						}) : null,
-						plan ? /* @__PURE__ */ jsx("div", {
-							className: "mt-1.5 max-h-72 overflow-y-auto rounded-md bg-code-bg px-2.5 py-2 text-body-sm text-fg-2",
-							children: /* @__PURE__ */ jsx(Response, { children: plan })
-						}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
-							shell ? /* @__PURE__ */ jsx("pre", {
-								"data-slot": "shell-request",
-								className: "mt-1.5 max-h-48 overflow-auto rounded-md bg-code-bg px-2.5 py-1.5 font-mono text-body-sm whitespace-pre-wrap text-fg-1",
-								children: shellRequestLines(shell).join("\n")
-							}) : null,
-							/* @__PURE__ */ jsxs("div", {
-								className: "mt-1.5 flex min-w-0 items-center gap-2",
-								children: [
-									/* @__PURE__ */ jsx(ToolIcon, { className: "size-3 shrink-0 text-fg-3" }),
-									/* @__PURE__ */ jsx("span", {
-										className: "shrink-0 font-mono text-label font-medium text-fg-2",
-										children: request.toolName
-									}),
-									summary && !shell ? /* @__PURE__ */ jsx("span", {
-										className: "min-w-0 truncate font-mono text-label text-fg-4",
-										children: summary
-									}) : null
-								]
-							}),
-							/* @__PURE__ */ jsxs("button", {
-								type: "button",
-								className: "mt-1 font-mono text-label text-fg-3 underline-offset-2 hover:underline",
-								onClick: () => setShowInput((v) => !v),
-								children: [
-									showInput ? "Hide" : "Show",
-									" ",
-									request.toolName,
-									" input"
-								]
-							}),
-							showInput ? /* @__PURE__ */ jsx("pre", {
-								className: "mt-1.5 max-h-48 overflow-auto rounded-md bg-code-bg px-2.5 py-1.5 font-mono text-label whitespace-pre-wrap text-fg-2",
-								children: JSON.stringify(request.input, null, 2)
-							}) : null
-						] })
-					]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex shrink-0 flex-wrap justify-end gap-1.5",
-					children: [
-						/* @__PURE__ */ jsx(Button, {
-							size: "sm",
-							onClick: () => onApprove(request.id),
-							children: plan ? "Approve plan" : "Allow"
-						}),
-						/* @__PURE__ */ jsx(Button, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => setDenying((v) => !v),
-							children: plan ? "Keep planning" : "Deny"
-						}),
-						/* @__PURE__ */ jsx(Button, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => deny(true),
-							children: plan ? "Stop the turn" : "Deny & stop"
-						})
-					]
-				})
-			]
-		}), denying ? /* @__PURE__ */ jsxs("div", {
-			className: "mt-2.5 flex items-center gap-2 border-t border-warning/30 pt-2.5",
-			children: [
-				/* @__PURE__ */ jsx(Input, {
-					autoFocus: true,
-					value: reason,
-					onChange: (e) => setReason(e.target.value),
-					onKeyDown: (e) => {
-						if (e.key === "Enter") deny(false);
-						if (e.key === "Escape") setDenying(false);
-					},
-					placeholder: plan ? "What should change? (optional) - the agent keeps planning and reads this" : "Reason (optional) - the agent reads this and can try something else",
-					className: "h-7 flex-1"
-				}),
-				/* @__PURE__ */ jsx(Button, {
-					size: "sm",
-					variant: "outline",
-					onClick: () => setDenying(false),
-					children: "Cancel"
-				}),
-				/* @__PURE__ */ jsx(Button, {
-					size: "sm",
-					variant: "destructive",
-					onClick: () => deny(false),
-					children: plan ? "Keep planning" : "Deny"
-				})
-			]
-		}) : null]
-	});
 }
 //#endregion
-//#region src/components/agent/SubagentStrip.tsx
-function SubagentStrip({ task, items, label, onBack, terminal, fontSize, lineHeight }) {
-	const busy = task ? taskBusy(task, items) : false;
-	const failed = task ? taskFailed(task) : false;
-	const pulse = usePulse(busy);
-	const tools = items.reduce((n, item) => n + (item.kind === "tool_call" ? 1 : 0), 0);
-	const startedAt = busy ? task?.ts : void 0;
-	const now = useTicker(startedAt !== void 0);
-	const elapsed = startedAt === void 0 ? void 0 : formatDuration(now - startedAt);
-	const name = task ? taskIdentity(task) : label;
-	const status = !task ? void 0 : failed ? "failed" : busy ? `${pulse} working…` : "done";
-	const detail = [tools > 0 ? `${tools} tool${tools === 1 ? "" : "s"}` : void 0, elapsed].filter(Boolean).join(" · ");
-	if (terminal) return /* @__PURE__ */ jsx(TerminalSurface, {
-		fontSize,
-		lineHeight,
-		className: "shrink-0",
-		children: /* @__PURE__ */ jsx("button", {
-			type: "button",
-			onClick: onBack,
-			"aria-label": "Back to the session",
-			className: "block w-full cursor-pointer text-left",
-			children: /* @__PURE__ */ jsxs(Row, {
-				glyph: "←",
-				glyphTone: "dim",
-				indent: 1,
-				tone: failed ? "red" : "green",
-				children: [
-					name,
-					status ? /* @__PURE__ */ jsxs(Ink, {
-						tone: failed ? "red" : busy ? "mark" : "dim",
-						children: [" · ", status]
-					}) : null,
-					detail ? /* @__PURE__ */ jsxs(Ink, {
-						tone: "faint",
-						children: [" · ", detail]
-					}) : null
-				]
-			})
+//#region src/components/agent/ShellStrip.tsx
+function ShellStrip({ shell, label, cols, onBack, onKill, onAgentWrite, terminal, fontSize, lineHeight }) {
+	const running = shell?.status === "running";
+	const failed = shell ? shellInfoFailed(shell) : false;
+	const name = shell ? shellTitle(shell) : label;
+	const status = shell ? shellInfoStatusText(shell) : void 0;
+	const width = cols ?? shell?.cols;
+	const detail = width === void 0 ? void 0 : `${width} cols`;
+	const granted = shell?.agentWrite === true;
+	const grant = shell && onAgentWrite && shellGrantable(shell) ? () => onAgentWrite(!granted) : void 0;
+	const actions = terminal ? /* @__PURE__ */ jsxs(Fragment$1, { children: [grant && shell ? /* @__PURE__ */ jsx(AgentWriteAction, {
+		granted,
+		label: shellAgentWriteLabel(shell),
+		onToggle: grant
+	}) : null, running && onKill ? /* @__PURE__ */ jsx(KillShellAction, { onKill }) : null] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [grant && shell ? /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": shellAgentWriteLabel(shell),
+		"aria-pressed": granted,
+		title: shellAgentWriteLabel(shell),
+		className: cn("shrink-0 text-label", granted ? "text-warning" : "text-fg-3 hover:text-fg-1"),
+		onClick: grant,
+		children: /* @__PURE__ */ jsx(AgentWriteIcon, {
+			granted,
+			className: "size-3.5"
 		})
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-1.5",
-		children: [
-			/* @__PURE__ */ jsxs(Button, {
-				variant: "ghost",
-				size: "sm",
-				onClick: onBack,
-				className: "h-6 gap-1 px-1.5",
-				children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "size-3.5" }), "Back"]
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: cn("min-w-0 flex-1 truncate text-body-sm", failed ? "text-danger" : "text-fg-2"),
-				children: name
-			}),
-			status ? /* @__PURE__ */ jsx("span", {
-				className: cn("shrink-0 text-label", failed ? "text-danger" : busy ? "text-accent" : "text-fg-3"),
-				children: status
-			}) : null,
-			detail ? /* @__PURE__ */ jsx("span", {
-				className: "shrink-0 text-label text-fg-4",
-				children: detail
-			}) : null
-		]
-	});
-}
-//#endregion
-//#region src/components/terminal/blocks.ts
-function parentOf(item) {
-	return ("parentToolUseId" in item ? item.parentToolUseId : void 0) ?? void 0;
-}
-function subagentItems(items, parentToolUseId) {
-	return items.filter((item) => parentOf(item) === parentToolUseId);
-}
-function isRunCall(item) {
-	return item.kind === "tool_call";
-}
-function taskChildItems(block) {
-	return block.children.flatMap((child) => "run" in child ? child.run : [child.item]);
-}
-function pushLeaf(out, item, index) {
-	const previous = out.at(-1);
-	if (isRunCall(item) && !isPeerSend(item)) {
-		if (previous && "run" in previous && foldsTogether(previous.run[0], item)) {
-			previous.run.push(item);
-			previous.indices.push(index);
-		} else out.push({
-			key: `run:${item.id}`,
-			run: [item],
-			indices: [index],
-			index
-		});
-		return;
-	}
-	out.push({
-		key: `${item.kind}:${item.id}`,
-		item,
-		index
-	});
-}
-function terminalBlocks(items, offset = 0, fold = true) {
-	if (!fold) return items.map((item, position) => ({
-		key: `${item.kind}:${item.id}`,
-		item,
-		index: offset + position
-	}));
-	const topLevelCalls = /* @__PURE__ */ new Set();
-	for (const item of items) if (item.kind === "tool_call" && parentOf(item) === void 0) topLevelCalls.add(item.id);
-	const childrenOf = /* @__PURE__ */ new Map();
-	items.forEach((item, position) => {
-		const parent = parentOf(item);
-		if (parent !== void 0 && topLevelCalls.has(parent)) {
-			const list = childrenOf.get(parent);
-			if (list) list.push({
-				item,
-				index: offset + position
-			});
-			else childrenOf.set(parent, [{
-				item,
-				index: offset + position
-			}]);
-		}
-	});
-	const out = [];
-	for (const [position, item] of items.entries()) {
-		const index = offset + position;
-		const parent = parentOf(item);
-		if (parent !== void 0 && childrenOf.has(parent)) continue;
-		if (item.kind === "tool_call") {
-			const children = childrenOf.get(item.id);
-			if (children) {
-				const folded = [];
-				for (const child of children) pushLeaf(folded, child.item, child.index);
-				out.push({
-					key: `task:${item.id}`,
-					task: item,
-					children: folded,
-					childIndices: children.map((child) => child.index),
-					index
-				});
-				continue;
-			}
-		}
-		pushLeaf(out, item, index);
-	}
-	return out;
-}
-function needsBlank(previous, next) {
-	if (isPeerSend(previous) || isPeerSend(next)) return true;
-	return !(previous.kind === "tool_call" && next.kind === "tool_call");
-}
-function blockKind(block) {
-	if (!("item" in block)) return "tool_call";
-	return isPeerSend(block.item) ? "peer_send" : block.item.kind;
-}
-function blockNeedsBlank(previous, next) {
-	return !(blockKind(previous) === "tool_call" && blockKind(next) === "tool_call");
-}
-//#endregion
-//#region src/components/agent/use-subagent-frame.ts
-function useSubagentFrame(options) {
-	const { sessionId, items, session, reveal, openSubagent, onSubagentChange } = options;
-	const [subagentId, setSubagentId] = useState(void 0);
-	const [returnReveal, setReturnReveal] = useState(void 0);
-	useEffect(() => {
-		setSubagentId(void 0);
-		setReturnReveal(void 0);
-	}, [sessionId]);
-	const leaveSubagent = useCallback(() => {
-		setSubagentId((current) => {
-			if (current !== void 0) setReturnReveal({
-				toolUseId: current,
-				nonce: Date.now()
-			});
-		});
-	}, []);
-	const openSubagentNonce = openSubagent?.nonce;
-	const openSubagentId = openSubagent?.toolUseId;
-	useEffect(() => {
-		if (openSubagentId === void 0) leaveSubagent();
-		else setSubagentId(openSubagentId);
-	}, [openSubagentNonce]);
-	const revealNonce = reveal?.nonce;
-	useEffect(() => {
-		if (revealNonce === void 0) return;
-		setSubagentId(void 0);
-	}, [revealNonce]);
-	useEffect(() => {
-		if (subagentId === void 0) return;
-		const onKey = (event) => {
-			if (event.key !== "Escape" || event.defaultPrevented) return;
-			leaveSubagent();
-		};
-		window.addEventListener("keydown", onKey);
-		return () => window.removeEventListener("keydown", onKey);
-	}, [subagentId, leaveSubagent]);
-	const onSubagentChangeRef = useRef(onSubagentChange);
-	onSubagentChangeRef.current = onSubagentChange;
-	const reportedSubagentId = useRef(void 0);
-	useEffect(() => {
-		if (reportedSubagentId.current === subagentId) return;
-		reportedSubagentId.current = subagentId;
-		onSubagentChangeRef.current?.(subagentId);
-	}, [subagentId]);
-	return {
-		subagentId,
-		enterSubagent: setSubagentId,
-		leaveSubagent,
-		returnReveal,
-		frameItems: useMemo(() => subagentId === void 0 ? [] : subagentItems(items, subagentId), [items, subagentId]),
-		task: useMemo(() => subagentId === void 0 ? void 0 : items.find((item) => item.kind === "tool_call" && item.id === subagentId), [items, subagentId]),
-		fallbackLabel: useMemo(() => {
-			const record = session?.subagents?.find((sub) => sub.toolUseId === subagentId);
-			return record ? subagentLabel(record) : "Sub-agent";
-		}, [session, subagentId])
-	};
-}
-//#endregion
-//#region src/components/agent/ShellStrip.tsx
-function ShellStrip({ shell, label, cols, onBack, onKill, onAgentWrite, terminal, fontSize, lineHeight }) {
-	const running = shell?.status === "running";
-	const failed = shell ? shellInfoFailed(shell) : false;
-	const name = shell ? shellTitle(shell) : label;
-	const status = shell ? shellInfoStatusText(shell) : void 0;
-	const width = cols ?? shell?.cols;
-	const detail = width === void 0 ? void 0 : `${width} cols`;
-	const granted = shell?.agentWrite === true;
-	const grant = shell && onAgentWrite && shellGrantable(shell) ? () => onAgentWrite(!granted) : void 0;
-	if (terminal) return /* @__PURE__ */ jsx(TerminalSurface, {
-		fontSize,
-		lineHeight,
-		className: "shrink-0",
-		children: /* @__PURE__ */ jsx(WithActions, {
-			placement: "inline",
-			actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [grant && shell ? /* @__PURE__ */ jsx(AgentWriteAction, {
-				granted,
-				label: shellAgentWriteLabel(shell),
-				onToggle: grant
-			}) : null, running && onKill ? /* @__PURE__ */ jsx(KillShellAction, { onKill }) : null] }),
-			children: /* @__PURE__ */ jsxs(Row, {
-				glyph: "←",
-				glyphTone: "dim",
-				indent: 1,
-				tone: failed ? "red" : "magenta",
-				children: [
-					/* @__PURE__ */ jsx("button", {
-						type: "button",
-						onClick: onBack,
-						"aria-label": "Back to the session",
-						className: "cursor-pointer text-left",
-						children: name
-					}),
-					status ? /* @__PURE__ */ jsxs(Ink, {
-						tone: failed ? "red" : running ? "magenta" : "dim",
-						children: [" · ", status]
-					}) : null,
-					detail ? /* @__PURE__ */ jsxs(Ink, {
-						tone: "faint",
-						children: [" · ", detail]
-					}) : null
-				]
-			})
-		})
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-1.5",
-		children: [
-			/* @__PURE__ */ jsxs(Button, {
-				variant: "ghost",
-				size: "sm",
-				onClick: onBack,
-				className: "h-6 gap-1 px-1.5",
-				children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "size-3.5" }), "Back"]
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: cn("min-w-0 flex-1 truncate font-mono text-body-sm", failed ? "text-danger" : "text-fg-2"),
-				children: name
-			}),
-			status ? /* @__PURE__ */ jsx("span", {
-				className: cn("shrink-0 text-label", failed ? "text-danger" : running ? "text-[var(--wd-shell-accent)]" : "text-fg-3"),
-				children: status
-			}) : null,
-			detail ? /* @__PURE__ */ jsx("span", {
-				className: "shrink-0 text-label text-fg-4",
-				children: detail
-			}) : null,
-			grant && shell ? /* @__PURE__ */ jsx("button", {
-				type: "button",
-				"aria-label": shellAgentWriteLabel(shell),
-				"aria-pressed": granted,
-				title: shellAgentWriteLabel(shell),
-				className: cn("shrink-0 text-label", granted ? "text-warning" : "text-fg-3 hover:text-fg-1"),
-				onClick: grant,
-				children: /* @__PURE__ */ jsx(AgentWriteIcon, {
-					granted,
-					className: "size-3.5"
-				})
-			}) : null,
-			running && onKill ? /* @__PURE__ */ jsx("button", {
-				type: "button",
-				"aria-label": "Kill this shell",
-				title: "Kill this shell",
-				className: "shrink-0 text-label text-fg-3 hover:text-danger",
-				onClick: onKill,
-				children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
-			}) : null
-		]
+	}) : null, running && onKill ? /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "Kill this shell",
+		title: "Kill this shell",
+		className: "shrink-0 text-label text-fg-3 hover:text-danger",
+		onClick: onKill,
+		children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+	}) : null] });
+	return /* @__PURE__ */ jsx(FrameStrip, {
+		kind: "shell",
+		name,
+		status,
+		detail,
+		failed,
+		live: running,
+		onBack,
+		actions,
+		terminal,
+		fontSize,
+		lineHeight
 	});
 }
 //#endregion
@@ -8801,111 +8617,444 @@ function ShellTerminal({ handle, shellId, onEnded, onShell, fontSize, className
 		})]
 	});
 }
-function useDocumentTheme() {
-	const [theme, setTheme] = useState(() => typeof document === "undefined" ? null : document.documentElement.getAttribute("data-theme"));
-	useEffect(() => {
-		const root = document.documentElement;
-		const sync = () => setTheme(root.getAttribute("data-theme"));
-		sync();
-		const observer = new MutationObserver(sync);
-		observer.observe(root, {
-			attributes: true,
-			attributeFilter: ["data-theme"]
-		});
-		return () => observer.disconnect();
-	}, []);
-	return theme;
+function useDocumentTheme() {
+	const [theme, setTheme] = useState(() => typeof document === "undefined" ? null : document.documentElement.getAttribute("data-theme"));
+	useEffect(() => {
+		const root = document.documentElement;
+		const sync = () => setTheme(root.getAttribute("data-theme"));
+		sync();
+		const observer = new MutationObserver(sync);
+		observer.observe(root, {
+			attributes: true,
+			attributeFilter: ["data-theme"]
+		});
+		return () => observer.disconnect();
+	}, []);
+	return theme;
+}
+function xtermTheme(theme) {
+	return theme === "light" ? {
+		background: "#00000000",
+		foreground: "#1f2328",
+		cursor: "#1f2328",
+		selectionBackground: "#b9c7d980"
+	} : {
+		background: "#00000000",
+		foreground: "#d4d4d4",
+		cursor: "#d4d4d4",
+		selectionBackground: "#3a4a5f80"
+	};
+}
+let xtermPromise;
+function loadXterm() {
+	xtermPromise ??= (async () => {
+		const [core, fitAddon] = await Promise.all([import("@xterm/xterm"), import("@xterm/addon-fit")]);
+		return {
+			Terminal: core.Terminal,
+			FitAddon: fitAddon.FitAddon
+		};
+	})();
+	return xtermPromise;
+}
+//#endregion
+//#region src/components/agent/use-shell-frame.ts
+function useShellFrame(options) {
+	const { sessionId, items, session, shells, reveal, openShell, onShellChange } = options;
+	const rowIdRef = useRef(void 0);
+	const frame = useFrame({
+		sessionId,
+		request: openShell && {
+			id: openShell.shellId,
+			nonce: openShell.nonce
+		},
+		reveal,
+		onChange: onShellChange,
+		returnTo: () => rowIdRef.current
+	});
+	const shellId = frame.id;
+	const row = useMemo(() => shellId === void 0 ? void 0 : items.find((item) => item.kind === "shell" && item.shell.id === shellId), [items, shellId]);
+	rowIdRef.current = row?.id;
+	const shell = useMemo(() => {
+		if (shellId === void 0) return;
+		return row?.shell ?? shells?.find((record) => record.id === shellId) ?? session?.shells?.find((record) => record.id === shellId);
+	}, [
+		row,
+		shells,
+		session,
+		shellId
+	]);
+	const label = shell ? shell.label || shell.command.split("\n")[0] || "shell" : "shell";
+	return {
+		shellId,
+		enterShell: frame.enter,
+		leaveShell: frame.leave,
+		returnReveal: frame.returnReveal,
+		shell,
+		label
+	};
+}
+//#endregion
+//#region src/lib/plan-request.ts
+function planFromRequest(request) {
+	if (request?.toolName !== "ExitPlanMode") return;
+	const input = request.input;
+	if (input === null || typeof input !== "object") return;
+	const plan = input.plan;
+	if (typeof plan !== "string" || plan.trim().length === 0) return;
+	return plan;
+}
+//#endregion
+//#region src/lib/shell-request.ts
+const CONTROL_NAMES = {
+	"\r": "enter",
+	"\n": "newline",
+	"	": "tab",
+	"\x1B": "escape",
+	"": "backspace"
+};
+const SHELL_WRITE_TOOLS = [
+	"shell_run",
+	"shell_write",
+	"shell_kill",
+	"shell_request_write"
+];
+function shellToolOf(toolName) {
+	if (typeof toolName !== "string") return;
+	const bare = toolName.startsWith("mcp__") ? toolName.slice(toolName.indexOf("__", 5) + 2) : toolName;
+	return SHELL_WRITE_TOOLS.includes(bare) ? bare : void 0;
+}
+function shellRequestPayload(request) {
+	const tool = shellToolOf(request?.toolName);
+	if (!tool) return;
+	const input = request?.input !== null && typeof request?.input === "object" ? request.input : {};
+	const shellId = typeof input.shellId === "string" ? input.shellId : "";
+	switch (tool) {
+		case "shell_run": return {
+			kind: "run",
+			command: typeof input.command === "string" ? input.command : ""
+		};
+		case "shell_write": {
+			const keys = Array.isArray(input.keys) ? input.keys.filter((key) => typeof key === "string") : void 0;
+			return {
+				kind: "write",
+				shellId,
+				...typeof input.data === "string" ? { data: input.data } : {},
+				...keys && keys.length > 0 ? { keys } : {}
+			};
+		}
+		case "shell_kill": return {
+			kind: "kill",
+			shellId
+		};
+		case "shell_request_write": return {
+			kind: "grant",
+			shellId,
+			reason: typeof input.reason === "string" ? input.reason : ""
+		};
+	}
+}
+function shellRequestTitle(payload) {
+	switch (payload.kind) {
+		case "run": return "Agent wants to start a shell";
+		case "write": return `Agent wants to type into shell ${payload.shellId}`;
+		case "kill": return `Agent wants to kill shell ${payload.shellId}`;
+		case "grant": return `Agent asks to type into your shell ${payload.shellId}`;
+	}
+}
+function shellRequestLines(payload) {
+	switch (payload.kind) {
+		case "run": return payload.command.split("\n").map((line, index) => index === 0 ? `$ ${line}` : `  ${line}`);
+		case "write": {
+			const lines = [];
+			if (payload.data !== void 0) lines.push(`types: ${visibleControls(payload.data)}`);
+			if (payload.keys) lines.push(`presses: ${payload.keys.map((key) => `[${key}]`).join(" ")}`);
+			return lines;
+		}
+		case "kill": return [`kill ${payload.shellId}`];
+		case "grant": return [`why: ${visibleControls(payload.reason)}`, "until the shell ends or you revoke it"];
+	}
+}
+function visibleControls(text) {
+	let out = "";
+	for (const char of text) {
+		const code = char.codePointAt(0);
+		if (code >= 32 && code !== 127) {
+			out += char;
+			continue;
+		}
+		const named = CONTROL_NAMES[char];
+		out += named ? `[${named}]` : `[ctrl-${String.fromCharCode(code + 64).toLowerCase()}]`;
+	}
+	return out;
+}
+//#endregion
+//#region src/lib/permission-prompt.ts
+function permissionPromptModel(request) {
+	const plan = planFromRequest(request);
+	const shell = plan ? void 0 : shellRequestPayload(request);
+	const context = {
+		description: request.description,
+		decisionReason: request.decisionReason
+	};
+	if (plan) return {
+		plan,
+		heading: "Plan ready for review",
+		question: "Ready to implement this plan?",
+		...context,
+		choices: [
+			{
+				key: "allow",
+				button: "Approve plan",
+				option: "Approve plan"
+			},
+			{
+				key: "deny",
+				button: "Keep planning",
+				option: "Keep planning - tell it what to change"
+			},
+			{
+				key: "stop",
+				button: "Stop the turn",
+				option: "No, and stop the turn",
+				danger: true
+			}
+		],
+		denyPlaceholder: "What should change? (optional) - the agent keeps planning and reads this"
+	};
+	return {
+		shell,
+		heading: shell ? shellRequestTitle(shell) : request.title ?? request.displayName ?? "Permission needed",
+		question: shell ? "Do you want to let it?" : "Do you want to proceed?",
+		...context,
+		choices: [
+			{
+				key: "allow",
+				button: "Allow",
+				option: "Yes"
+			},
+			{
+				key: "deny",
+				button: "Deny",
+				option: "No, and tell the agent what to do differently"
+			},
+			{
+				key: "stop",
+				button: "Deny & stop",
+				option: "No, and stop the turn",
+				danger: true
+			}
+		],
+		denyPlaceholder: "Reason (optional) - the agent reads this and can try something else"
+	};
+}
+//#endregion
+//#region src/components/agent/Response.tsx
+const COMPONENTS = { img: ({ src, alt }) => /* @__PURE__ */ jsx(MarkdownImage, {
+	src,
+	alt
+}) };
+const Response = memo(function Response({ children, streaming, className }) {
+	return /* @__PURE__ */ jsx(Streamdown, {
+		mode: streaming ? "streaming" : "static",
+		parseIncompleteMarkdown: streaming,
+		shikiTheme: ["github-light", "github-dark"],
+		linkSafety: { enabled: false },
+		components: COMPONENTS,
+		rehypePlugins: MARKDOWN_REHYPE_PLUGINS,
+		className: cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className),
+		children
+	});
+}, (prev, next) => prev.children === next.children && prev.streaming === next.streaming && prev.className === next.className);
+//#endregion
+//#region src/components/agent/PermissionPrompt.tsx
+function PermissionPrompt({ request, onApprove, onDeny, className }) {
+	const [showInput, setShowInput] = useState(false);
+	const [denying, setDenying] = useState(false);
+	const [reason, setReason] = useState("");
+	const deny = (interrupt) => {
+		const message = reason.trim();
+		onDeny(request.id, message || void 0, interrupt || void 0);
+		setReason("");
+		setDenying(false);
+	};
+	const model = permissionPromptModel(request);
+	const { plan, shell } = model;
+	const [allow, keep, stop] = model.choices;
+	const summary = toolInputPreview(request.input);
+	const ToolIcon = toolIcon(request.toolName);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "permission-prompt",
+		className: cn("rounded-lg border border-warning/40 bg-warning-bg p-3", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-start gap-2.5",
+			children: [
+				/* @__PURE__ */ jsx(Hand, { className: "mt-0.5 size-4 shrink-0 text-warning" }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 flex-1",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "text-body-sm font-medium text-fg-1",
+							children: model.heading
+						}),
+						model.description ? /* @__PURE__ */ jsx("div", {
+							className: "mt-0.5 text-label text-fg-3",
+							children: model.description
+						}) : null,
+						model.decisionReason ? /* @__PURE__ */ jsx("div", {
+							className: "mt-0.5 text-label text-fg-4",
+							children: model.decisionReason
+						}) : null,
+						plan ? /* @__PURE__ */ jsx("div", {
+							className: "mt-1.5 max-h-72 overflow-y-auto rounded-md bg-code-bg px-2.5 py-2 text-body-sm text-fg-2",
+							children: /* @__PURE__ */ jsx(Response, { children: plan })
+						}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+							shell ? /* @__PURE__ */ jsx("pre", {
+								"data-slot": "shell-request",
+								className: "mt-1.5 max-h-48 overflow-auto rounded-md bg-code-bg px-2.5 py-1.5 font-mono text-body-sm whitespace-pre-wrap text-fg-1",
+								children: shellRequestLines(shell).join("\n")
+							}) : null,
+							/* @__PURE__ */ jsxs("div", {
+								className: "mt-1.5 flex min-w-0 items-center gap-2",
+								children: [
+									/* @__PURE__ */ jsx(ToolIcon, { className: "size-3 shrink-0 text-fg-3" }),
+									/* @__PURE__ */ jsx("span", {
+										className: "shrink-0 font-mono text-label font-medium text-fg-2",
+										children: request.toolName
+									}),
+									summary && !shell ? /* @__PURE__ */ jsx("span", {
+										className: "min-w-0 truncate font-mono text-label text-fg-4",
+										children: summary
+									}) : null
+								]
+							}),
+							/* @__PURE__ */ jsxs("button", {
+								type: "button",
+								className: "mt-1 font-mono text-label text-fg-3 underline-offset-2 hover:underline",
+								onClick: () => setShowInput((v) => !v),
+								children: [
+									showInput ? "Hide" : "Show",
+									" ",
+									request.toolName,
+									" input"
+								]
+							}),
+							showInput ? /* @__PURE__ */ jsx("pre", {
+								className: "mt-1.5 max-h-48 overflow-auto rounded-md bg-code-bg px-2.5 py-1.5 font-mono text-label whitespace-pre-wrap text-fg-2",
+								children: JSON.stringify(request.input, null, 2)
+							}) : null
+						] })
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex shrink-0 flex-wrap justify-end gap-1.5",
+					children: [
+						/* @__PURE__ */ jsx(Button, {
+							size: "sm",
+							onClick: () => onApprove(request.id),
+							children: allow.button
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							size: "sm",
+							variant: "outline",
+							onClick: () => setDenying((v) => !v),
+							children: keep.button
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							size: "sm",
+							variant: "outline",
+							onClick: () => deny(true),
+							children: stop.button
+						})
+					]
+				})
+			]
+		}), denying ? /* @__PURE__ */ jsxs("div", {
+			className: "mt-2.5 flex items-center gap-2 border-t border-warning/30 pt-2.5",
+			children: [
+				/* @__PURE__ */ jsx(Input, {
+					autoFocus: true,
+					value: reason,
+					onChange: (e) => setReason(e.target.value),
+					onKeyDown: (e) => {
+						if (e.key === "Enter") deny(false);
+						if (e.key === "Escape") setDenying(false);
+					},
+					placeholder: model.denyPlaceholder,
+					className: "h-7 flex-1"
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					variant: "outline",
+					onClick: () => setDenying(false),
+					children: "Cancel"
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					variant: "destructive",
+					onClick: () => deny(false),
+					children: keep.button
+				})
+			]
+		}) : null]
+	});
+}
+//#endregion
+//#region src/lib/question-answers.ts
+const EMPTY_SELECTION = {
+	labels: [],
+	other: "",
+	otherActive: false
+};
+function answerFor(selection) {
+	const parts = [...selection.labels];
+	if (selection.otherActive && selection.other.trim()) parts.push(selection.other.trim());
+	return parts.join(", ");
+}
+function toggleLabel(selection, label, multiSelect) {
+	if (!multiSelect) return {
+		...selection,
+		labels: [label],
+		otherActive: false
+	};
+	const labels = selection.labels.includes(label) ? selection.labels.filter((l) => l !== label) : [...selection.labels, label];
+	return {
+		...selection,
+		labels
+	};
 }
-function xtermTheme(theme) {
-	return theme === "light" ? {
-		background: "#00000000",
-		foreground: "#1f2328",
-		cursor: "#1f2328",
-		selectionBackground: "#b9c7d980"
-	} : {
-		background: "#00000000",
-		foreground: "#d4d4d4",
-		cursor: "#d4d4d4",
-		selectionBackground: "#3a4a5f80"
+function toggleOther(selection, multiSelect) {
+	const otherActive = !selection.otherActive;
+	return {
+		...selection,
+		otherActive,
+		labels: otherActive && !multiSelect ? [] : selection.labels
 	};
 }
-let xtermPromise;
-function loadXterm() {
-	xtermPromise ??= (async () => {
-		const [core, fitAddon] = await Promise.all([import("@xterm/xterm"), import("@xterm/addon-fit")]);
-		return {
-			Terminal: core.Terminal,
-			FitAddon: fitAddon.FitAddon
-		};
-	})();
-	return xtermPromise;
+function answersFor(questions, selections) {
+	const answers = {};
+	questions.forEach((question, index) => {
+		answers[question.question] = answerFor(selections[index] ?? EMPTY_SELECTION);
+	});
+	return answers;
 }
-//#endregion
-//#region src/components/agent/use-shell-frame.ts
-function useShellFrame(options) {
-	const { sessionId, items, session, shells, reveal, openShell, onShellChange } = options;
-	const [shellId, setShellId] = useState(void 0);
-	const [returnReveal, setReturnReveal] = useState(void 0);
-	useEffect(() => {
-		setShellId(void 0);
-		setReturnReveal(void 0);
-	}, [sessionId]);
-	const rowIdRef = useRef(void 0);
-	const row = useMemo(() => shellId === void 0 ? void 0 : items.find((item) => item.kind === "shell" && item.shell.id === shellId), [items, shellId]);
-	rowIdRef.current = row?.id;
-	const leaveShell = useCallback(() => {
-		setShellId((current) => {
-			const rowId = rowIdRef.current;
-			if (current !== void 0 && rowId !== void 0) setReturnReveal({
-				toolUseId: rowId,
-				nonce: Date.now()
-			});
-		});
-	}, []);
-	const openShellNonce = openShell?.nonce;
-	const openShellId = openShell?.shellId;
-	useEffect(() => {
-		if (openShellId === void 0) leaveShell();
-		else setShellId(openShellId);
-	}, [openShellNonce]);
-	const revealNonce = reveal?.nonce;
-	useEffect(() => {
-		if (revealNonce === void 0) return;
-		setShellId(void 0);
-	}, [revealNonce]);
-	useEffect(() => {
-		if (shellId === void 0) return;
-		const onKey = (event) => {
-			if (event.key !== "Escape" || event.defaultPrevented) return;
-			leaveShell();
-		};
-		window.addEventListener("keydown", onKey);
-		return () => window.removeEventListener("keydown", onKey);
-	}, [shellId, leaveShell]);
-	const onShellChangeRef = useRef(onShellChange);
-	onShellChangeRef.current = onShellChange;
-	const reportedShellId = useRef(void 0);
-	useEffect(() => {
-		if (reportedShellId.current === shellId) return;
-		reportedShellId.current = shellId;
-		onShellChangeRef.current?.(shellId);
-	}, [shellId]);
-	const shell = useMemo(() => {
-		if (shellId === void 0) return;
-		return row?.shell ?? shells?.find((record) => record.id === shellId) ?? session?.shells?.find((record) => record.id === shellId);
-	}, [
-		row,
-		shells,
-		session,
-		shellId
-	]);
+function useQuestionAnswers(questions) {
+	const [selections, setSelections] = useState(() => questions.map(() => EMPTY_SELECTION));
+	const selectionFor = (index) => selections[index] ?? EMPTY_SELECTION;
+	const answered = (index) => answerFor(selectionFor(index)) !== "";
+	const edit = (index, change) => setSelections((prev) => questions.map((_, i) => i === index ? change(prev[i] ?? EMPTY_SELECTION) : prev[i] ?? EMPTY_SELECTION));
+	const multiSelect = (index) => questions[index]?.multiSelect === true;
 	return {
-		shellId,
-		enterShell: setShellId,
-		leaveShell,
-		returnReveal,
-		shell,
-		label: shell ? shell.label || shell.command.split("\n")[0] || "shell" : "shell"
+		selections,
+		selectionFor,
+		answered,
+		complete: questions.every((_, index) => answered(index)),
+		update: (index, patch) => edit(index, (selection) => ({
+			...selection,
+			...patch
+		})),
+		toggle: (index, label) => edit(index, (selection) => toggleLabel(selection, label, multiSelect(index))),
+		toggleOther: (index) => edit(index, (selection) => toggleOther(selection, multiSelect(index))),
+		answers: () => answersFor(questions, selections)
 	};
 }
 //#endregion
@@ -8927,44 +9076,13 @@ const QUESTION_BEHAVIORS = [
 		description: "the agent is told to decide on its own"
 	}
 ];
-const EMPTY_SELECTION = {
-	labels: [],
-	other: "",
-	otherActive: false
-};
-function answerFor$1(selection) {
-	const parts = [...selection.labels];
-	if (selection.otherActive && selection.other.trim()) parts.push(selection.other.trim());
-	return parts.join(", ");
-}
 function QuestionPrompt({ request, onAnswer, onDismiss, className }) {
 	const questions = parseUserQuestions(request.input);
-	const [selections, setSelections] = useState(() => questions.map(() => EMPTY_SELECTION));
-	const update = (index, patch) => {
-		setSelections((prev) => prev.map((s, i) => i === index ? {
-			...s,
-			...patch
-		} : s));
-	};
-	const toggle = (index, label, multiSelect) => {
-		const current = selections[index] ?? EMPTY_SELECTION;
-		if (multiSelect) update(index, { labels: current.labels.includes(label) ? current.labels.filter((l) => l !== label) : [...current.labels, label] });
-		else update(index, {
-			labels: current.labels[0] === label ? [] : [label],
-			otherActive: false
-		});
-	};
-	const complete = questions.every((_, i) => answerFor$1(selections[i] ?? EMPTY_SELECTION) !== "");
-	const submit = () => {
-		const answers = {};
-		questions.forEach((q, i) => {
-			answers[q.question] = answerFor$1(selections[i] ?? EMPTY_SELECTION);
-		});
-		onAnswer(request.id, {
-			...request.input,
-			answers
-		});
-	};
+	const { selectionFor, update, toggle, toggleOther, complete, answers } = useQuestionAnswers(questions);
+	const submit = () => onAnswer(request.id, {
+		...request.input,
+		answers: answers()
+	});
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "question-prompt",
 		className: cn("rounded-lg border border-info/40 bg-info-bg p-3", className),
@@ -8975,7 +9093,7 @@ function QuestionPrompt({ request, onAnswer, onDismiss, className }) {
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex min-w-0 flex-1 flex-col gap-3",
 					children: [questions.map((q, index) => {
-						const selection = selections[index] ?? EMPTY_SELECTION;
+						const selection = selectionFor(index);
 						return /* @__PURE__ */ jsxs("div", {
 							className: "flex flex-col gap-1.5",
 							children: [/* @__PURE__ */ jsxs("div", {
@@ -8993,7 +9111,7 @@ function QuestionPrompt({ request, onAnswer, onDismiss, className }) {
 									const selected = selection.labels.includes(option.label);
 									return /* @__PURE__ */ jsxs("button", {
 										type: "button",
-										onClick: () => toggle(index, option.label, q.multiSelect === true),
+										onClick: () => toggle(index, option.label),
 										className: cn("rounded-md border px-2.5 py-1.5 text-left transition-colors", selected ? "border-info bg-bg" : "border-border bg-bg/50 hover:border-border-strong hover:bg-bg"),
 										children: [
 											/* @__PURE__ */ jsx("span", {
@@ -9014,7 +9132,7 @@ function QuestionPrompt({ request, onAnswer, onDismiss, className }) {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ jsx("button", {
 										type: "button",
-										onClick: () => update(index, { otherActive: !selection.otherActive }),
+										onClick: () => toggleOther(index),
 										className: cn("shrink-0 rounded-md border px-2.5 py-1.5 text-body-sm font-medium transition-colors", selection.otherActive ? "border-info bg-bg text-fg-1" : "border-border bg-bg/50 text-fg-3 hover:border-border-strong hover:bg-bg"),
 										children: "Other…"
 									}), selection.otherActive ? /* @__PURE__ */ jsx(Textarea, {
@@ -9223,50 +9341,24 @@ function TerminalPermissionPrompt({ request, onApprove, onDeny, className }) {
 		setReason("");
 		setDenying(false);
 	};
-	const plan = planFromRequest(request);
-	const shell = plan ? void 0 : shellRequestPayload(request);
+	const model = permissionPromptModel(request);
+	const { plan, shell, heading } = model;
 	const patch = plan || shell ? void 0 : previewPatch(request.input);
 	const summary = plan || shell ? "" : toolInputPreview(request.input);
-	const heading = plan ? "Plan ready for review" : shell ? shellRequestTitle(shell) : request.displayName ?? request.title ?? "Permission needed";
 	const subject = patch?.path ?? (summary || void 0);
 	const reasonInput = denying ? /* @__PURE__ */ jsx(PromptInput, {
 		value: reason,
 		onChange: setReason,
 		onSubmit: () => deny(false),
 		onCancel: () => setDenying(false),
-		placeholder: plan ? "What should change? (optional) - the agent keeps planning and reads this" : "Reason (optional) - the agent reads this and can try something else"
+		placeholder: model.denyPlaceholder
 	}) : void 0;
-	const options = plan ? [
-		{
-			key: "allow",
-			label: "Approve plan"
-		},
-		{
-			key: "deny",
-			label: "Keep planning - tell it what to change",
-			detail: reasonInput
-		},
-		{
-			key: "stop",
-			label: "No, and stop the turn",
-			danger: true
-		}
-	] : [
-		{
-			key: "allow",
-			label: "Yes"
-		},
-		{
-			key: "deny",
-			label: "No, and tell the agent what to do differently",
-			detail: reasonInput
-		},
-		{
-			key: "stop",
-			label: "No, and stop the turn",
-			danger: true
-		}
-	];
+	const options = model.choices.map((choice) => ({
+		key: choice.key,
+		label: choice.option,
+		danger: choice.danger,
+		detail: choice.key === "deny" ? reasonInput : void 0
+	}));
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "permission-prompt",
 		className,
@@ -9301,15 +9393,15 @@ function TerminalPermissionPrompt({ request, onApprove, onDeny, className }) {
 				/* @__PURE__ */ jsx(TerminalDiff, { patch }),
 				/* @__PURE__ */ jsx(Blank, {}),
 				/* @__PURE__ */ jsx(Rule, { dashed: true })
-			] }) : request.description ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Row, {
+			] }) : model.description ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Row, {
 				tone: "dim",
-				children: request.description
+				children: model.description
 			}), /* @__PURE__ */ jsx(Blank, {})] }) : null,
-			request.decisionReason ? /* @__PURE__ */ jsx(Row, {
+			model.decisionReason ? /* @__PURE__ */ jsx(Row, {
 				tone: "faint",
-				children: request.decisionReason
+				children: model.decisionReason
 			}) : null,
-			/* @__PURE__ */ jsx(Row, { children: plan ? "Ready to implement this plan?" : shell ? "Do you want to let it?" : request.title ?? `Do you want to proceed?` }),
+			/* @__PURE__ */ jsx(Row, { children: model.question }),
 			/* @__PURE__ */ jsx(Choices, {
 				label: heading,
 				options,
@@ -9317,9 +9409,10 @@ function TerminalPermissionPrompt({ request, onApprove, onDeny, className }) {
 				onFocus: setFocused,
 				active: !denying,
 				onChoose: (index) => {
-					if (index === 0) onApprove(request.id);
-					else if (index === 1) setDenying(true);
-					else deny(true);
+					const key = model.choices[index]?.key;
+					if (key === "allow") onApprove(request.id);
+					else if (key === "deny") setDenying(true);
+					else if (key === "stop") deny(true);
 				}
 			}),
 			/* @__PURE__ */ jsx(Blank, {}),
@@ -9329,54 +9422,18 @@ function TerminalPermissionPrompt({ request, onApprove, onDeny, className }) {
 }
 //#endregion
 //#region src/components/terminal/QuestionPrompt.tsx
-const EMPTY = {
-	labels: [],
-	other: "",
-	otherActive: false
-};
-function answerFor(selection) {
-	const parts = [...selection.labels];
-	if (selection.otherActive && selection.other.trim()) parts.push(selection.other.trim());
-	return parts.join(", ");
-}
 function TerminalQuestionPrompt({ request, onAnswer, onDismiss, className }) {
 	const questions = parseUserQuestions(request.input);
-	const [selections, setSelections] = useState(() => questions.map(() => EMPTY));
+	const { selectionFor, answered, complete, update, toggle, toggleOther, answers } = useQuestionAnswers(questions);
 	const [cursors, setCursors] = useState(() => questions.map(() => 0));
 	const [tab, setTab] = useState(0);
 	const [reviewCursor, setReviewCursor] = useState(0);
 	const review = tab >= questions.length;
-	const selection = selections[tab] ?? EMPTY;
-	const answered = (index) => answerFor(selections[index] ?? EMPTY) !== "";
-	const complete = questions.every((_, index) => answered(index));
-	const update = (index, patch) => setSelections((prev) => prev.map((s, i) => i === index ? {
-		...s,
-		...patch
-	} : s));
-	const toggle = (index, label, multiSelect) => {
-		setSelections((prev) => prev.map((current, i) => {
-			if (i !== index) return current;
-			if (!multiSelect) return {
-				...current,
-				labels: [label],
-				otherActive: false
-			};
-			return {
-				...current,
-				labels: current.labels.includes(label) ? current.labels.filter((l) => l !== label) : [...current.labels, label]
-			};
-		}));
-	};
-	const submit = () => {
-		const answers = {};
-		questions.forEach((question, index) => {
-			answers[question.question] = answerFor(selections[index] ?? EMPTY);
-		});
-		onAnswer(request.id, {
-			...request.input,
-			answers
-		});
-	};
+	const selection = selectionFor(tab);
+	const submit = () => onAnswer(request.id, {
+		...request.input,
+		answers: answers()
+	});
 	const dismiss = () => onDismiss(request.id, "Question dismissed by user");
 	const move = (delta) => setTab((current) => Math.min(questions.length, Math.max(0, current + delta)));
 	return /* @__PURE__ */ jsxs("div", {
@@ -9411,7 +9468,7 @@ function TerminalQuestionPrompt({ request, onAnswer, onDismiss, className }) {
 			/* @__PURE__ */ jsx(Blank, {}),
 			review ? /* @__PURE__ */ jsx(ReviewStep, {
 				questions,
-				answers: questions.map((_, index) => answerFor(selections[index] ?? EMPTY)),
+				answers: questions.map((_, index) => answerFor(selectionFor(index))),
 				complete,
 				cursor: reviewCursor,
 				onCursor: setReviewCursor,
@@ -9422,8 +9479,9 @@ function TerminalQuestionPrompt({ request, onAnswer, onDismiss, className }) {
 				selection,
 				cursor: cursors[tab] ?? 0,
 				onCursor: (next) => setCursors((prev) => prev.map((c, i) => i === tab ? next : c)),
-				onToggle: (label) => toggle(tab, label, questions[tab].multiSelect === true),
+				onToggle: (label) => toggle(tab, label),
 				onOther: (patch) => update(tab, patch),
+				onToggleOther: () => toggleOther(tab),
 				onAdvance: () => move(1),
 				onDismiss: dismiss
 			}, tab),
@@ -9432,7 +9490,7 @@ function TerminalQuestionPrompt({ request, onAnswer, onDismiss, className }) {
 		]
 	});
 }
-function QuestionStep({ question, selection, cursor, onCursor, onToggle, onOther, onAdvance, onDismiss }) {
+function QuestionStep({ question, selection, cursor, onCursor, onToggle, onOther, onToggleOther, onAdvance, onDismiss }) {
 	const multiSelect = question.multiSelect === true;
 	const options = [
 		...question.options.map((option, index) => {
@@ -9496,7 +9554,7 @@ function QuestionStep({ question, selection, cursor, onCursor, onToggle, onOther
 					return;
 				}
 				if (index === question.options.length) {
-					onOther({ otherActive: !selection.otherActive });
+					onToggleOther();
 					return;
 				}
 				if (multiSelect && index === question.options.length + 1) {
@@ -9548,89 +9606,259 @@ function ReviewStep({ questions, answers, complete, cursor, onCursor, onSubmit,
 	] });
 }
 //#endregion
+//#region src/components/agent/ApprovalPrompts.tsx
+function ApprovalPrompts({ requests, terminal, fontSize, lineHeight, affordances, hostPrompts, onApprove, onDeny }) {
+	const dismissQuestion = (id) => onDeny(id, "Question dismissed by user");
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(terminal ? "pb-2" : "px-3 pb-2"),
+		children: /* @__PURE__ */ jsx(PromptSurface, {
+			terminal,
+			fontSize,
+			lineHeight,
+			affordances,
+			children: requests.map((request) => {
+				const HostPrompt = hostPrompts?.[request.toolName];
+				if (HostPrompt) return /* @__PURE__ */ jsx(HostPrompt, {
+					request,
+					onApprove,
+					onDeny
+				}, request.id);
+				const isQuestion = request.toolName === "AskUserQuestion" && parseUserQuestions(request.input).length > 0;
+				if (terminal) return isQuestion ? /* @__PURE__ */ jsx(TerminalQuestionPrompt, {
+					request,
+					onAnswer: onApprove,
+					onDismiss: dismissQuestion
+				}, request.id) : /* @__PURE__ */ jsx(TerminalPermissionPrompt, {
+					request,
+					onApprove,
+					onDeny
+				}, request.id);
+				return isQuestion ? /* @__PURE__ */ jsx(QuestionPrompt, {
+					request,
+					onAnswer: onApprove,
+					onDismiss: dismissQuestion
+				}, request.id) : /* @__PURE__ */ jsx(PermissionPrompt, {
+					request,
+					onApprove,
+					onDeny
+				}, request.id);
+			})
+		})
+	});
+}
+function PromptSurface({ terminal, fontSize, lineHeight, affordances, children }) {
+	if (!terminal) return /* @__PURE__ */ jsx("div", {
+		className: "mx-auto flex w-full max-w-[var(--wd-transcript-max-width)] flex-col gap-2",
+		children
+	});
+	return /* @__PURE__ */ jsx(TerminalSurface, {
+		fontSize,
+		lineHeight,
+		affordances,
+		bleed: "1ch",
+		className: "term-transcript",
+		children
+	});
+}
+//#endregion
+//#region src/components/agent/session-panel-providers.tsx
+function SessionPanelProviders({ variant, fileLinks, loadFullResult, shellActions, toolTitles, resultImages, children }) {
+	return /* @__PURE__ */ jsx(TranscriptVariantProvider, {
+		value: variant,
+		children: /* @__PURE__ */ jsx(FileLinkProvider, {
+			value: fileLinks,
+			children: /* @__PURE__ */ jsx(ToolResultFetchProvider, {
+				value: loadFullResult,
+				children: /* @__PURE__ */ jsx(ShellActionsProvider, {
+					value: shellActions,
+					children: /* @__PURE__ */ jsx(ToolTitleProvider, {
+						value: toolTitles,
+						children: /* @__PURE__ */ jsx(ToolResultImageProvider, {
+							value: resultImages,
+							children
+						})
+					})
+				})
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/agent/use-catch-up.ts
+function useCatchUp(sessionId, unseen) {
+	const [held, setHeld] = useState({
+		sessionId,
+		mark: unseen,
+		caughtUp: false
+	});
+	let current = held;
+	if (held.sessionId !== sessionId) {
+		current = {
+			sessionId,
+			mark: unseen,
+			caughtUp: false
+		};
+		setHeld(current);
+	}
+	const dismiss = useCallback(() => setHeld((prev) => prev.caughtUp ? prev : {
+		...prev,
+		caughtUp: true
+	}), []);
+	return {
+		mark: current.caughtUp ? void 0 : current.mark,
+		dismiss
+	};
+}
+//#endregion
+//#region src/components/agent/use-host-image.ts
+const IMAGE_MEDIA_TYPES = {
+	png: "image/png",
+	jpg: "image/jpeg",
+	jpeg: "image/jpeg",
+	gif: "image/gif",
+	webp: "image/webp"
+};
+function useHostImage(client, sessionId, producedFiles) {
+	const store = useMemo(() => ({
+		cache: /* @__PURE__ */ new Map(),
+		urls: /* @__PURE__ */ new Set(),
+		live: true
+	}), [client, sessionId]);
+	useEffect(() => {
+		store.live = true;
+		return () => {
+			store.live = false;
+			for (const url of store.urls) URL.revokeObjectURL(url);
+			store.urls.clear();
+			store.cache.clear();
+		};
+	}, [store]);
+	return useCallback((path) => {
+		const produced = producedFiles?.[path];
+		const key = produced ? `produced:${produced.fileId}` : `fs:${path}`;
+		const hit = store.cache.get(key);
+		if (hit) return hit;
+		const pending = (produced && sessionId ? readProduced(client, sessionId, produced.fileId, store) : readHostImage(client, path)).catch(() => {
+			if (store.cache.get(key) === pending) store.cache.delete(key);
+		});
+		store.cache.set(key, pending);
+		return pending;
+	}, [
+		client,
+		sessionId,
+		producedFiles,
+		store
+	]);
+}
+async function readProduced(client, sessionId, fileId, store) {
+	const blob = await client.readProducedFile(sessionId, fileId);
+	if (blob.size === 0) return;
+	const url = URL.createObjectURL(blob);
+	if (!store.live) {
+		URL.revokeObjectURL(url);
+		throw new Error("host image store disposed");
+	}
+	store.urls.add(url);
+	return url;
+}
+async function readHostImage(client, path) {
+	const file = await client.readHostFile(path);
+	if (file.encoding !== "base64") return;
+	const mediaType = IMAGE_MEDIA_TYPES[path.slice(path.lastIndexOf(".") + 1).toLowerCase()];
+	return mediaType ? `data:${mediaType};base64,${file.content}` : void 0;
+}
+//#endregion
 //#region src/components/agent/SessionInfoDialog.tsx
 function SessionInfoDialog({ state, client, sessionId, open, onOpenChange }) {
-	const session = state.session;
-	const mode = state.permissionMode ? permissionModeMeta(state.permissionMode) : void 0;
 	return /* @__PURE__ */ jsx(Dialog$1, {
 		open,
 		onOpenChange,
 		children: /* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsx(DialogHeader, {
 			title: "Session info",
-			description: session?.title
-		}), /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col divide-y divide-border",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "pb-2",
-					children: [
-						/* @__PURE__ */ jsx(DialogRow, {
-							label: "Engine",
-							children: state.engine ?? "claude"
-						}),
-						session?.profile ? /* @__PURE__ */ jsx(DialogRow, {
-							label: "Profile",
-							children: session.profile
-						}) : null,
-						state.model ? /* @__PURE__ */ jsx(DialogRow, {
-							label: "Model",
-							mono: true,
-							children: state.model
-						}) : null,
-						mode ? /* @__PURE__ */ jsx(DialogRow, {
-							label: "Permission mode",
-							children: mode.label
-						}) : null,
-						session?.apiKeySource ? /* @__PURE__ */ jsx(DialogRow, {
-							label: "Credentials",
-							children: session.apiKeySource
-						}) : null
-					]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "py-2",
-					children: [
-						state.cwd ? /* @__PURE__ */ jsx(CopyRow, {
-							label: "Working directory",
-							value: state.cwd
-						}) : null,
-						state.sdkSessionId ? /* @__PURE__ */ jsx(CopyRow, {
-							label: "Engine session id",
-							value: state.sdkSessionId
-						}) : null,
-						session ? /* @__PURE__ */ jsx(CopyRow, {
-							label: "Gateway session id",
-							value: session.id
-						}) : null
-					]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "py-2",
-					children: [
-						session?.createdAt ? /* @__PURE__ */ jsx(DialogRow, {
-							label: "Started",
-							children: formatRelativeTime(session.createdAt)
-						}) : null,
-						session?.numTurns !== void 0 ? /* @__PURE__ */ jsx(DialogRow, {
-							label: "Turns",
-							children: session.numTurns
-						}) : null,
-						/* @__PURE__ */ jsx(DialogRow, {
-							label: "Cost",
-							mono: true,
-							children: formatCost(state.costUsd ?? (state.totalCostUsd || void 0))
-						})
-					]
-				}),
-				state.capabilities.vfs ? /* @__PURE__ */ jsx(SessionFiles, {
-					client,
-					sessionId,
-					open
-				}) : null
-			]
+			description: state.session?.title
+		}), /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(SessionInfoPanel, {
+			state,
+			client,
+			sessionId,
+			active: open
 		}) })] })
 	});
 }
+function SessionInfoPanel({ state, client, sessionId, active = true }) {
+	const session = state.session;
+	const mode = state.permissionMode ? permissionModeMeta(state.permissionMode) : void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col divide-y divide-border",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "pb-2",
+				children: [
+					/* @__PURE__ */ jsx(DialogRow, {
+						label: "Engine",
+						children: state.engine ?? "claude"
+					}),
+					session?.profile ? /* @__PURE__ */ jsx(DialogRow, {
+						label: "Profile",
+						children: session.profile
+					}) : null,
+					state.model ? /* @__PURE__ */ jsx(DialogRow, {
+						label: "Model",
+						mono: true,
+						children: state.model
+					}) : null,
+					mode ? /* @__PURE__ */ jsx(DialogRow, {
+						label: "Permission mode",
+						children: mode.label
+					}) : null,
+					session?.apiKeySource ? /* @__PURE__ */ jsx(DialogRow, {
+						label: "Credentials",
+						children: session.apiKeySource
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "py-2",
+				children: [
+					state.cwd ? /* @__PURE__ */ jsx(CopyRow, {
+						label: "Working directory",
+						value: state.cwd
+					}) : null,
+					state.sdkSessionId ? /* @__PURE__ */ jsx(CopyRow, {
+						label: "Engine session id",
+						value: state.sdkSessionId
+					}) : null,
+					session ? /* @__PURE__ */ jsx(CopyRow, {
+						label: "Gateway session id",
+						value: session.id
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "py-2",
+				children: [
+					session?.createdAt ? /* @__PURE__ */ jsx(DialogRow, {
+						label: "Started",
+						children: formatRelativeTime(session.createdAt)
+					}) : null,
+					session?.numTurns !== void 0 ? /* @__PURE__ */ jsx(DialogRow, {
+						label: "Turns",
+						children: session.numTurns
+					}) : null,
+					/* @__PURE__ */ jsx(DialogRow, {
+						label: "Cost",
+						mono: true,
+						children: formatCost(state.costUsd ?? (state.totalCostUsd || void 0))
+					})
+				]
+			}),
+			state.capabilities.vfs ? /* @__PURE__ */ jsx(SessionFiles, {
+				client,
+				sessionId,
+				active
+			}) : null
+		]
+	});
+}
 function CopyRow({ label, value }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex items-start justify-between gap-2 py-1.5",
@@ -9649,28 +9877,8 @@ function CopyRow({ label, value }) {
 		})]
 	});
 }
-function SessionFiles({ client, sessionId, open }) {
-	const [files, setFiles] = useState();
-	const [loading, setLoading] = useState(false);
-	useEffect(() => {
-		if (!open || !sessionId) return;
-		let cancelled = false;
-		setLoading(true);
-		client.listSessionFiles(sessionId).then((list) => {
-			if (!cancelled) setFiles(list);
-		}).catch(() => {
-			if (!cancelled) setFiles([]);
-		}).finally(() => {
-			if (!cancelled) setLoading(false);
-		});
-		return () => {
-			cancelled = true;
-		};
-	}, [
-		client,
-		sessionId,
-		open
-	]);
+function SessionFiles({ client, sessionId, active }) {
+	const { data: files, loading } = useAsync(() => client.listSessionFiles(sessionId), [client, sessionId], { enabled: active && !!sessionId });
 	return /* @__PURE__ */ jsxs("div", {
 		className: "pt-3",
 		children: [/* @__PURE__ */ jsx("h3", {
@@ -10669,13 +10877,13 @@ function blockHeight(block, m) {
 	return itemHeight(block.item, m);
 }
 //#endregion
-//#region src/components/terminal/scrubber.tsx
-function nearestMember$1(cluster, y) {
+//#region src/components/agent/scrubber-marks.ts
+function nearestMember(cluster, y) {
 	let best;
 	for (const member of cluster.marks) if (!best || Math.abs(member.y - y) < Math.abs(best.y - y)) best = member;
 	return best?.mark;
 }
-const LANE$1 = {
+const LANE = {
 	user: "l",
 	subagent: "l",
 	shell: "l",
@@ -10687,7 +10895,7 @@ const LANE$1 = {
 	recap: "f",
 	bookmark: "f"
 };
-const LOUDNESS$1 = {
+const LOUDNESS = {
 	approval: 7,
 	error: 6,
 	turnFailed: 5,
@@ -10699,7 +10907,7 @@ const LOUDNESS$1 = {
 	shell: 1,
 	recap: 0
 };
-const KIND_NAME$1 = {
+const KIND_NAME = {
 	user: "you",
 	subagent: "sub-agent",
 	shell: "shell",
@@ -10711,14 +10919,10 @@ const KIND_NAME$1 = {
 	recap: "catch-up boundary",
 	bookmark: "bookmark"
 };
-const MIN_MARK$1 = 2;
-function railScale(railH, totalSize, viewportH) {
-	return totalSize > 0 ? railH / Math.max(totalSize, viewportH) : 0;
-}
-function doneLine$1(turn) {
+function doneLine(turn) {
 	return `${turn.isError ? turn.subtype : "done"} · ${formatDuration(turn.durationMs)} · ${formatCost(turn.totalCostUsd)}`;
 }
-function excerpt$1(item) {
+function excerpt(item) {
 	switch (item.kind) {
 		case "user":
 		case "assistant_text":
@@ -10726,31 +10930,35 @@ function excerpt$1(item) {
 		case "notice": return item.text;
 		case "shell": return item.shell.command;
 		case "tool_call": return `${item.name}(${toolInputPreview(item.input)})`;
-		case "turn_result": return doneLine$1(item);
+		case "turn_result": return doneLine(item);
 		case "file_delivered": return item.path;
 		default: return "";
 	}
 }
-function buildClusters(props, railH) {
-	const { items, bookmarks, frameParentId, recapRow, pendingApprovals, rowIndexFor, offsetOfRow, sizeOfRow, positionInRow, totalSize, viewportH } = props;
+function toolCallFailed(item) {
+	return item.kind === "tool_call" && (item.status === "failed" || item.result?.isError === true);
+}
+function rowOutcomes(items, frameParentId, rowIndexFor) {
+	const outcome = /* @__PURE__ */ new Map();
+	items.forEach((item, index) => {
+		if (item.kind === "tool_call" && parentOf(item) === frameParentId) outcome.set(rowIndexFor(index), index);
+	});
+	return new Set(outcome.values());
+}
+function buildMarks(items, { frameParentId, bookmarks = [], recapItemIndex, rowIndexFor = (index) => index } = {}) {
 	const marks = [];
 	const subagentParents = /* @__PURE__ */ new Set();
 	for (const item of items) {
 		const parent = parentOf(item);
 		if (parent !== void 0) subagentParents.add(parent);
 	}
-	const rowOutcome = /* @__PURE__ */ new Map();
-	items.forEach((item, index) => {
-		if (item.kind !== "tool_call" || parentOf(item) !== frameParentId) return;
-		rowOutcome.set(rowIndexFor(index), index);
-	});
+	const outcomes = rowOutcomes(items, frameParentId, rowIndexFor);
 	let segment = {};
 	const closeSegment = () => {
 		const anchor = segment.response ?? segment.turn;
 		if (anchor !== void 0) marks.push({
 			kind: segment.failed ? "turnFailed" : "turn",
 			itemIndex: anchor,
-			rowIndex: rowIndexFor(anchor),
 			turnIndex: segment.turn
 		});
 		segment = {};
@@ -10758,15 +10966,13 @@ function buildClusters(props, railH) {
 	items.forEach((item, index) => {
 		if (item.kind === "tool_call" && subagentParents.has(item.id)) marks.push({
 			kind: "subagent",
-			itemIndex: index,
-			rowIndex: rowIndexFor(index)
+			itemIndex: index
 		});
 		if (item.kind === "user" && parentOf(item) === frameParentId) {
 			closeSegment();
 			marks.push({
 				kind: "user",
-				itemIndex: index,
-				rowIndex: rowIndexFor(index)
+				itemIndex: index
 			});
 		} else if (item.kind === "turn_result") {
 			segment.turn = index;
@@ -10774,25 +10980,21 @@ function buildClusters(props, railH) {
 			closeSegment();
 		} else if (item.kind === "notice" && item.level === "error") marks.push({
 			kind: "error",
-			itemIndex: index,
-			rowIndex: rowIndexFor(index)
+			itemIndex: index
 		});
 		else if (item.kind === "shell") marks.push({
 			kind: "shell",
-			itemIndex: index,
-			rowIndex: rowIndexFor(index)
+			itemIndex: index
 		});
-		else if (item.kind === "tool_call" && (item.status === "failed" || item.result?.isError === true) && rowOutcome.get(rowIndexFor(index)) === index) marks.push({
+		else if (toolCallFailed(item) && outcomes.has(index)) marks.push({
 			kind: "toolFailed",
-			itemIndex: index,
-			rowIndex: rowIndexFor(index)
+			itemIndex: index
 		});
 		else if (item.kind === "assistant_text" && parentOf(item) === frameParentId) {
 			if (frameParentId !== void 0) {
 				marks.push({
 					kind: "turn",
-					itemIndex: index,
-					rowIndex: rowIndexFor(index)
+					itemIndex: index
 				});
 				return;
 			}
@@ -10802,27 +11004,30 @@ function buildClusters(props, railH) {
 	closeSegment();
 	for (const index of bookmarks) if (index >= 0 && index < items.length) marks.push({
 		kind: "bookmark",
-		itemIndex: index,
-		rowIndex: rowIndexFor(index)
+		itemIndex: index
 	});
-	if (recapRow) marks.push({
+	if (recapItemIndex !== void 0) marks.push({
 		kind: "recap",
-		itemIndex: -1,
-		rowIndex: recapRow.rowIndex
+		itemIndex: recapItemIndex
 	});
-	const scale = railScale(railH, totalSize, viewportH);
+	return marks;
+}
+function proportionalPlacement(railH, itemCount) {
+	const count = Math.max(1, itemCount);
+	const h = Math.max(2, Math.round(railH / count));
+	return (mark) => ({
+		y: Math.min(Math.max(0, railH - h), Math.round(mark.itemIndex / count * railH)),
+		h
+	});
+}
+function clusterMarks(marks, place) {
 	const lanes = /* @__PURE__ */ new Map();
 	for (const mark of marks) {
-		const within = mark.itemIndex >= 0 ? positionInRow?.(mark.itemIndex) : void 0;
-		const rowH = sizeOfRow(mark.rowIndex);
-		const h = within ? MIN_MARK$1 : Math.max(MIN_MARK$1, Math.round(rowH * scale));
-		const y = Math.min(Math.max(0, railH - h), Math.round((offsetOfRow(mark.rowIndex) + (within ? within.ordinal / within.count * rowH : 0)) * scale));
-		const lane = LANE$1[mark.kind];
+		const lane = LANE[mark.kind];
 		const list = lanes.get(lane) ?? [];
 		list.push({
 			mark,
-			y,
-			h
+			...place(mark)
 		});
 		lanes.set(lane, list);
 	}
@@ -10832,7 +11037,7 @@ function buildClusters(props, railH) {
 		let current = null;
 		for (const { mark, y, h } of list) if (current && y <= current.y + current.h + 1) {
 			current.h = Math.max(current.h, y + h - current.y);
-			if (LOUDNESS$1[mark.kind] > LOUDNESS$1[current.kind]) current.kind = mark.kind;
+			if (LOUDNESS[mark.kind] > LOUDNESS[current.kind]) current.kind = mark.kind;
 			current.marks.push({
 				mark,
 				y
@@ -10851,74 +11056,130 @@ function buildClusters(props, railH) {
 			clusters.push(current);
 		}
 	}
-	if (pendingApprovals.length > 0) clusters.push({
-		lane: LANE$1.approval,
+	return clusters;
+}
+function approvalCluster(railH) {
+	return {
+		lane: LANE.approval,
 		kind: "approval",
-		y: Math.max(0, railH - MIN_MARK$1),
-		h: MIN_MARK$1,
+		y: Math.max(0, railH - 2),
+		h: 2,
 		marks: []
-	});
-	return clusters;
+	};
 }
-function peekContent$1(cluster, first, { items, pendingApprovals, recapRow }) {
+//#endregion
+//#region src/components/agent/scrubber-peek.tsx
+const CARD_PEEK = {
+	excerptClass: "wd-scrub-ex",
+	muted: "muted",
+	danger: "danger",
+	glyph: "muted",
+	detail: "muted"
+};
+const TERMINAL_PEEK = {
+	excerptClass: "term-scrub-ex",
+	muted: "faint",
+	danger: "red",
+	glyph: "dim",
+	text: "fg",
+	strong: "bright",
+	detail: "fg",
+	answerGlyph: "● "
+};
+function peekContent({ cluster, first, items, pendingApprovals, recapLabel }, skin) {
 	const more = cluster.marks.length > 1 ? ` · ${cluster.marks.length} marks` : "";
-	let body = null;
-	if (cluster.kind === "approval") {
-		const request = pendingApprovals[0];
-		body = request ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-			"data-tone": "bright",
-			children: request.title ?? "Permission required"
-		}), /* @__PURE__ */ jsx("div", {
-			className: "term-scrub-ex",
-			"data-tone": "fg",
-			children: `${request.displayName ?? request.toolName}(${toolInputPreview(request.input)})`
-		})] }) : null;
-	} else if (cluster.kind === "recap" && !first) body = /* @__PURE__ */ jsxs("div", {
-		"data-tone": "faint",
-		children: ["※ ", recapRow?.label]
-	});
-	else if (first) {
-		const item = items[first.itemIndex];
-		if (first.kind === "recap") body = /* @__PURE__ */ jsxs("div", {
-			"data-tone": "faint",
-			children: ["※ ", recapRow?.label]
-		});
-		else if (first.kind === "turn" || first.kind === "turnFailed") {
-			const turn = first.turnIndex === void 0 ? void 0 : items[first.turnIndex];
-			body = /* @__PURE__ */ jsxs(Fragment$1, { children: [item?.kind === "assistant_text" ? /* @__PURE__ */ jsxs("div", {
-				className: "term-scrub-ex",
-				"data-tone": "fg",
-				children: [/* @__PURE__ */ jsx("span", {
-					"data-tone": "dim",
-					children: "● "
-				}), item.text]
-			}) : null, turn?.kind === "turn_result" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-				"data-tone": turn.isError ? "red" : "faint",
-				children: doneLine$1(turn)
-			}), turn.errors?.map((message, index) => /* @__PURE__ */ jsx("div", {
-				"data-tone": "red",
-				children: message
-			}, index))] }) : null] });
-		} else if (item) {
-			const failure = first.kind === "toolFailed" && item.kind === "tool_call" ? item.result?.text.split("\n").find((line) => line.trim() !== "") : void 0;
-			body = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
-				className: "term-scrub-ex",
-				"data-tone": first.kind === "error" || first.kind === "toolFailed" ? "red" : "fg",
-				children: [first.kind === "user" ? /* @__PURE__ */ jsx("span", {
-					"data-tone": "dim",
-					children: "❯ "
-				}) : null, excerpt$1(item)]
-			}), failure ? /* @__PURE__ */ jsx("div", {
-				className: "term-scrub-ex",
-				"data-tone": "red",
-				children: failure
-			}) : null] });
-		}
+	const kind = first?.kind ?? cluster.kind;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+		"data-tone": skin.muted,
+		children: [KIND_NAME[kind], more]
+	}), cluster.kind === "approval" ? approvalBody(pendingApprovals[0], skin) : kind === "recap" ? recapBody(recapLabel, skin) : markBody(first, items, skin)] });
+}
+function approvalBody(request, skin) {
+	if (!request) return null;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+		"data-tone": skin.strong,
+		children: permissionPromptModel(request).heading
+	}), /* @__PURE__ */ jsx("div", {
+		className: skin.excerptClass,
+		"data-tone": skin.detail,
+		children: `${request.displayName ?? request.toolName}(${toolInputPreview(request.input)})`
+	})] });
+}
+function recapBody(label, skin) {
+	return label === void 0 ? null : /* @__PURE__ */ jsxs("div", {
+		"data-tone": skin.muted,
+		children: ["※ ", label]
+	});
+}
+function markBody(first, items, skin) {
+	if (!first) return null;
+	const item = items[first.itemIndex];
+	if (first.kind === "turn" || first.kind === "turnFailed") {
+		const turn = first.turnIndex === void 0 ? void 0 : items[first.turnIndex];
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [item?.kind === "assistant_text" ? /* @__PURE__ */ jsxs("div", {
+			className: skin.excerptClass,
+			"data-tone": skin.text,
+			children: [skin.answerGlyph ? /* @__PURE__ */ jsx("span", {
+				"data-tone": skin.glyph,
+				children: skin.answerGlyph
+			}) : null, item.text]
+		}) : null, turn?.kind === "turn_result" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+			"data-tone": turn.isError ? skin.danger : skin.muted,
+			children: doneLine(turn)
+		}), turn.errors?.map((message, index) => /* @__PURE__ */ jsx("div", {
+			"data-tone": skin.danger,
+			children: message
+		}, index))] }) : null] });
 	}
+	if (!item) return null;
+	const failure = first.kind === "toolFailed" && item.kind === "tool_call" ? item.result?.text.split("\n").find((line) => line.trim() !== "") : void 0;
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
-		"data-tone": "faint",
-		children: [KIND_NAME$1[first?.kind ?? cluster.kind], more]
-	}), body] });
+		className: skin.excerptClass,
+		"data-tone": first.kind === "error" || first.kind === "toolFailed" ? skin.danger : skin.text,
+		children: [first.kind === "user" ? /* @__PURE__ */ jsx("span", {
+			"data-tone": skin.glyph,
+			children: "❯ "
+		}) : null, excerpt(item)]
+	}), failure ? /* @__PURE__ */ jsx("div", {
+		className: skin.excerptClass,
+		"data-tone": skin.danger,
+		children: failure
+	}) : null] });
+}
+//#endregion
+//#region src/components/terminal/scrubber.tsx
+function railScale(railH, totalSize, viewportH) {
+	return totalSize > 0 ? railH / Math.max(totalSize, viewportH) : 0;
+}
+function buildClusters(props, railH) {
+	const { items, bookmarks, frameParentId, recapRow, pendingApprovals, rowIndexFor, offsetOfRow, sizeOfRow, positionInRow, totalSize, viewportH } = props;
+	const marks = buildMarks(items, {
+		frameParentId,
+		bookmarks,
+		rowIndexFor
+	}).map((mark) => ({
+		...mark,
+		rowIndex: rowIndexFor(mark.itemIndex)
+	}));
+	if (recapRow) marks.push({
+		kind: "recap",
+		itemIndex: -1,
+		rowIndex: recapRow.rowIndex
+	});
+	const scale = railScale(railH, totalSize, viewportH);
+	const clusters = clusterMarks(marks, (mark) => {
+		const rowIndex = mark.rowIndex ?? rowIndexFor(mark.itemIndex);
+		const within = mark.itemIndex >= 0 ? positionInRow?.(mark.itemIndex) : void 0;
+		const rowH = sizeOfRow(rowIndex);
+		const h = within ? 2 : Math.max(2, Math.round(rowH * scale));
+		const offset = offsetOfRow(rowIndex) + (within ? within.ordinal / within.count * rowH : 0);
+		return {
+			y: Math.min(Math.max(0, railH - h), Math.round(offset * scale)),
+			h
+		};
+	});
+	if (pendingApprovals.length > 0) clusters.push(approvalCluster(railH));
+	return clusters;
 }
 function TerminalScrubber(props) {
 	const { scrollOffset, viewportH, totalSize, onJumpToRow, interactive, fontSize, lineHeight } = props;
@@ -10993,12 +11254,12 @@ function TerminalScrubber(props) {
 			stick.scrollToBottom();
 			return;
 		}
-		const mark = nearestMember$1(cluster, railY(clientY));
-		if (mark) onJumpToRow(mark.rowIndex);
+		const mark = nearestMember(cluster, railY(clientY));
+		if (mark) onJumpToRow(mark.rowIndex ?? props.rowIndexFor(mark.itemIndex));
 	};
 	const showPeek = (cluster, clientY) => {
 		const y = railY(clientY);
-		const mark = nearestMember$1(cluster, y);
+		const mark = nearestMember(cluster, y);
 		setPeek((previous) => previous && previous.cluster === cluster && previous.mark === mark ? previous : {
 			cluster,
 			mark,
@@ -11070,243 +11331,29 @@ function TerminalScrubber(props) {
 					...interactive ? {
 						onPointerEnter: (event) => showPeek(cluster, event.clientY),
 						onPointerMove: (event) => {
-							if (!drag.current) showPeek(cluster, event.clientY);
-						},
-						onPointerLeave: () => setPeek(null)
-					} : null
-				}, index)),
-				peek ? /* @__PURE__ */ jsx("div", {
-					ref: peekRef,
-					className: "term-scrub-peek",
-					style: { top: peek.y },
-					children: peekContent$1(peek.cluster, peek.mark, props)
-				}) : null
-			]
-		})
-	});
-}
-//#endregion
-//#region src/components/agent/scrubber-marks.ts
-function nearestMember(cluster, y) {
-	let best;
-	for (const member of cluster.marks) if (!best || Math.abs(member.y - y) < Math.abs(best.y - y)) best = member;
-	return best?.mark;
-}
-const LANE = {
-	user: "l",
-	subagent: "l",
-	shell: "l",
-	turn: "r",
-	turnFailed: "r",
-	toolFailed: "r",
-	error: "r",
-	approval: "f",
-	recap: "f",
-	bookmark: "f"
-};
-const LOUDNESS = {
-	approval: 7,
-	error: 6,
-	turnFailed: 5,
-	toolFailed: 4,
-	user: 3,
-	turn: 2,
-	bookmark: 1,
-	subagent: 1,
-	shell: 1,
-	recap: 0
-};
-const KIND_NAME = {
-	user: "you",
-	subagent: "sub-agent",
-	shell: "shell",
-	turn: "response · turn end",
-	turnFailed: "turn failed",
-	toolFailed: "tool failed",
-	error: "error",
-	approval: "pending approval",
-	recap: "catch-up boundary",
-	bookmark: "bookmark"
-};
-function doneLine(turn) {
-	return `${turn.isError ? turn.subtype : "done"} · ${formatDuration(turn.durationMs)} · ${formatCost(turn.totalCostUsd)}`;
-}
-function excerpt(item) {
-	switch (item.kind) {
-		case "user":
-		case "assistant_text":
-		case "thinking":
-		case "notice": return item.text;
-		case "shell": return item.shell.command;
-		case "tool_call": return `${item.name}(${toolInputPreview(item.input)})`;
-		case "turn_result": return doneLine(item);
-		case "file_delivered": return item.path;
-		default: return "";
-	}
-}
-function buildMarks(items, { frameParentId, bookmarks = [], recapItemIndex } = {}) {
-	const marks = [];
-	const subagentParents = /* @__PURE__ */ new Set();
-	for (const item of items) {
-		const parent = parentOf(item);
-		if (parent !== void 0) subagentParents.add(parent);
-	}
-	let segment = {};
-	const closeSegment = () => {
-		const anchor = segment.response ?? segment.turn;
-		if (anchor !== void 0) marks.push({
-			kind: segment.failed ? "turnFailed" : "turn",
-			itemIndex: anchor,
-			turnIndex: segment.turn
-		});
-		segment = {};
-	};
-	items.forEach((item, index) => {
-		if (item.kind === "tool_call" && subagentParents.has(item.id)) marks.push({
-			kind: "subagent",
-			itemIndex: index
-		});
-		if (item.kind === "user" && parentOf(item) === frameParentId) {
-			closeSegment();
-			marks.push({
-				kind: "user",
-				itemIndex: index
-			});
-		} else if (item.kind === "turn_result") {
-			segment.turn = index;
-			segment.failed = item.isError;
-			closeSegment();
-		} else if (item.kind === "notice" && item.level === "error") marks.push({
-			kind: "error",
-			itemIndex: index
-		});
-		else if (item.kind === "shell") marks.push({
-			kind: "shell",
-			itemIndex: index
-		});
-		else if (item.kind === "tool_call" && parentOf(item) === frameParentId && (item.status === "failed" || item.result?.isError === true)) marks.push({
-			kind: "toolFailed",
-			itemIndex: index
-		});
-		else if (item.kind === "assistant_text" && parentOf(item) === frameParentId) {
-			if (frameParentId !== void 0) {
-				marks.push({
-					kind: "turn",
-					itemIndex: index
-				});
-				return;
-			}
-			segment.response = index;
-		}
-	});
-	closeSegment();
-	for (const index of bookmarks) if (index >= 0 && index < items.length) marks.push({
-		kind: "bookmark",
-		itemIndex: index
-	});
-	if (recapItemIndex !== void 0) marks.push({
-		kind: "recap",
-		itemIndex: recapItemIndex
+							if (!drag.current) showPeek(cluster, event.clientY);
+						},
+						onPointerLeave: () => setPeek(null)
+					} : null
+				}, index)),
+				peek ? /* @__PURE__ */ jsx("div", {
+					ref: peekRef,
+					className: "term-scrub-peek",
+					style: { top: peek.y },
+					children: peekContent({
+						cluster: peek.cluster,
+						first: peek.mark,
+						items: props.items,
+						pendingApprovals: props.pendingApprovals,
+						recapLabel: props.recapRow?.label
+					}, TERMINAL_PEEK)
+				}) : null
+			]
+		})
 	});
-	return marks;
-}
-function clusterMarks(marks, railH, itemCount) {
-	const count = Math.max(1, itemCount);
-	const h = Math.max(2, Math.round(railH / count));
-	const lanes = /* @__PURE__ */ new Map();
-	for (const mark of marks) {
-		const y = Math.min(Math.max(0, railH - h), Math.round(mark.itemIndex / count * railH));
-		const lane = LANE[mark.kind];
-		const list = lanes.get(lane) ?? [];
-		list.push({
-			mark,
-			y
-		});
-		lanes.set(lane, list);
-	}
-	const clusters = [];
-	for (const [lane, list] of lanes) {
-		list.sort((a, b) => a.y - b.y);
-		let current = null;
-		for (const { mark, y } of list) if (current && y <= current.y + current.h + 1) {
-			current.h = Math.max(current.h, y + h - current.y);
-			if (LOUDNESS[mark.kind] > LOUDNESS[current.kind]) current.kind = mark.kind;
-			current.marks.push({
-				mark,
-				y
-			});
-		} else {
-			current = {
-				lane,
-				kind: mark.kind,
-				y,
-				h,
-				marks: [{
-					mark,
-					y
-				}]
-			};
-			clusters.push(current);
-		}
-	}
-	return clusters;
-}
-function approvalCluster(railH) {
-	return {
-		lane: LANE.approval,
-		kind: "approval",
-		y: Math.max(0, railH - 2),
-		h: 2,
-		marks: []
-	};
 }
 //#endregion
 //#region src/components/agent/Scrubber.tsx
-function peekContent(cluster, first, items, pendingApprovals) {
-	const more = cluster.marks.length > 1 ? ` · ${cluster.marks.length} marks` : "";
-	let body = null;
-	if (cluster.kind === "approval") {
-		const request = pendingApprovals[0];
-		body = request ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", { children: request.title ?? "Permission required" }), /* @__PURE__ */ jsx("div", {
-			className: "wd-scrub-ex",
-			"data-tone": "muted",
-			children: `${request.displayName ?? request.toolName}(${toolInputPreview(request.input)})`
-		})] }) : null;
-	} else if (first && first.kind !== "recap") {
-		const item = items[first.itemIndex];
-		if (first.kind === "turn" || first.kind === "turnFailed") {
-			const turn = first.turnIndex === void 0 ? void 0 : items[first.turnIndex];
-			body = /* @__PURE__ */ jsxs(Fragment$1, { children: [item?.kind === "assistant_text" ? /* @__PURE__ */ jsx("div", {
-				className: "wd-scrub-ex",
-				children: item.text
-			}) : null, turn?.kind === "turn_result" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-				"data-tone": turn.isError ? "danger" : "muted",
-				children: doneLine(turn)
-			}), turn.errors?.map((message, index) => /* @__PURE__ */ jsx("div", {
-				"data-tone": "danger",
-				children: message
-			}, index))] }) : null] });
-		} else if (item) {
-			const failure = first.kind === "toolFailed" && item.kind === "tool_call" ? item.result?.text.split("\n").find((line) => line.trim() !== "") : void 0;
-			body = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
-				className: "wd-scrub-ex",
-				"data-tone": first.kind === "error" || first.kind === "toolFailed" ? "danger" : void 0,
-				children: [first.kind === "user" ? /* @__PURE__ */ jsx("span", {
-					"data-tone": "muted",
-					children: "❯ "
-				}) : null, excerpt(item)]
-			}), failure ? /* @__PURE__ */ jsx("div", {
-				className: "wd-scrub-ex",
-				"data-tone": "danger",
-				children: failure
-			}) : null] });
-		}
-	}
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
-		"data-tone": "muted",
-		children: [KIND_NAME[first?.kind ?? cluster.kind], more]
-	}), body] });
-}
 function Scrubber({ items, pendingApprovals, recapItemIndex, bookmarks, frameParentId, interactive = false, onJumpToItem, className }) {
 	const railRef = useRef(null);
 	const peekRef = useRef(null);
@@ -11336,7 +11383,7 @@ function Scrubber({ items, pendingApprovals, recapItemIndex, bookmarks, framePar
 			frameParentId,
 			bookmarks,
 			recapItemIndex
-		}), railH, items.length);
+		}), proportionalPlacement(railH, items.length));
 		if (pendingApprovals.length > 0) built.push(approvalCluster(railH));
 		return built;
 	}, [
@@ -11388,7 +11435,12 @@ function Scrubber({ items, pendingApprovals, recapItemIndex, bookmarks, framePar
 			ref: peekRef,
 			className: "wd-scrub-peek",
 			style: { top: peek.y },
-			children: peekContent(peek.cluster, peek.mark, items, pendingApprovals)
+			children: peekContent({
+				cluster: peek.cluster,
+				first: peek.mark,
+				items,
+				pendingApprovals
+			}, CARD_PEEK)
 		}) : null]
 	});
 }
@@ -11694,53 +11746,6 @@ function TaskRow({ block, fileUrl, onOpenSubagent }) {
 		children: row
 	});
 }
-function useRunStart$1(status) {
-	const running = status === "running" || status === "starting";
-	const [startedAt, setStartedAt] = useState(void 0);
-	useEffect(() => {
-		setStartedAt((previous) => running ? previous ?? Date.now() : void 0);
-	}, [running]);
-	return running ? startedAt : void 0;
-}
-function working(state) {
-	if (state.status !== "running" && state.status !== "starting") return false;
-	const last = state.items.at(-1);
-	if (!last) return true;
-	if (last.kind === "assistant_text" && last.streaming) return false;
-	if (last.kind === "thinking" && last.id === "streaming-thinking") return false;
-	return true;
-}
-function TerminalTranscript({ state, fileUrl, fontSize, lineHeight, affordances, className }) {
-	const runStartedAt = useRunStart$1(state.status);
-	const blocks = useMemo(() => terminalBlocks(state.items), [state.items]);
-	return /* @__PURE__ */ jsx(TerminalSurface, {
-		fontSize,
-		lineHeight,
-		affordances,
-		bleed: "1ch",
-		className: cn("term-transcript", className),
-		children: /* @__PURE__ */ jsxs(PeerNamesProvider, {
-			items: state.items,
-			children: [blocks.map((block, index) => {
-				const next = blocks[index + 1];
-				return /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && blockNeedsBlank(blocks[index - 1], block) ? /* @__PURE__ */ jsx(Blank, {}) : null, /* @__PURE__ */ jsx(ActionPlacementProvider, {
-					value: next && !blockNeedsBlank(block, next) ? "inline" : "below",
-					children: "run" in block ? /* @__PURE__ */ jsx(RunRow, { items: block.run }) : "item" in block ? /* @__PURE__ */ jsx(TerminalItemView, {
-						item: block.item,
-						fileUrl
-					}) : /* @__PURE__ */ jsx(TaskRow, {
-						block,
-						fileUrl
-					})
-				})] }, block.key);
-			}), working(state) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [state.items.length > 0 ? /* @__PURE__ */ jsx(Blank, {}) : null, /* @__PURE__ */ jsx(WorkingRow, {
-				label: state.status === "starting" ? "Starting…" : "Working…",
-				startedAt: runStartedAt,
-				tokens: state.contextUsage?.totalTokens
-			})] }) : null]
-		})
-	});
-}
 //#endregion
 //#region src/components/agent/FileCard.tsx
 function FileCard({ item, href, className }) {
@@ -12188,34 +12193,13 @@ function ToolCard({ item, hostImage }) {
 function ShellCard({ item }) {
 	const [open, setOpen] = useState(false);
 	const actions = useShellActions();
-	const running = item.shell.status === "running";
 	const failed = shellFailed(item);
 	const lines = shellBodyLines(item, open);
 	const footer = shellFooterText(item, open, lines.length);
 	const shellId = item.shell.id;
-	const verify = actions.verify;
-	useEffect(() => {
-		if (running) verify(shellId);
-	}, [
-		running,
-		shellId,
-		verify
-	]);
+	useVerifyRunning(item);
 	return /* @__PURE__ */ jsx(WithActions, {
-		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			actions.open ? /* @__PURE__ */ jsx(OpenShellAction, { onOpen: () => actions.open?.(shellId) }) : null,
-			actions.agentWrite && shellGrantable(item.shell) ? /* @__PURE__ */ jsx(AgentWriteAction, {
-				granted: item.shell.agentWrite === true,
-				label: shellAgentWriteLabel(item.shell),
-				onToggle: () => void actions.agentWrite?.(shellId, item.shell.agentWrite !== true)
-			}) : null,
-			running ? /* @__PURE__ */ jsx(KillShellAction, { onKill: () => void actions.kill(shellId) }) : null,
-			/* @__PURE__ */ jsx(BookmarkAction, { id: item.id }),
-			/* @__PURE__ */ jsx(CopyAction, {
-				text: item.shell.command,
-				label: "Copy command"
-			})
-		] }),
+		actions: /* @__PURE__ */ jsx(ShellItemActions, { item }),
 		children: /* @__PURE__ */ jsxs("div", {
 			"data-slot": "shell",
 			className: "overflow-hidden rounded-md border border-border bg-surface",
@@ -12781,6 +12765,12 @@ function Transcript({ state, fileUrl, attachmentUrl, canBrowseFiles, hostImage,
 		})
 	});
 }
+function TerminalTranscript(props) {
+	return /* @__PURE__ */ jsx(Transcript, {
+		...props,
+		variant: "terminal"
+	});
+}
 //#endregion
 //#region src/lib/session-cost.ts
 const GAP_SHARE = .02;
@@ -13080,20 +13070,6 @@ function UsageDialog({ rateLimits, subscriptionType, engine, totalCostUsd, costU
 }
 //#endregion
 //#region src/components/agent/SessionPanel.tsx
-function PromptSurface({ terminal, metrics, affordances, children }) {
-	if (!terminal) return /* @__PURE__ */ jsx("div", {
-		className: "mx-auto flex w-full max-w-[var(--wd-transcript-max-width)] flex-col gap-2",
-		children
-	});
-	return /* @__PURE__ */ jsx(TerminalSurface, {
-		fontSize: metrics?.fontSize,
-		lineHeight: metrics?.lineHeight,
-		affordances,
-		bleed: "1ch",
-		className: "term-transcript",
-		children
-	});
-}
 const INTERACTIVE = [
 	"button",
 	"a",
@@ -13109,17 +13085,49 @@ const INTERACTIVE = [
 	"[role=\"radio\"]",
 	"[role=\"tab\"]"
 ].join(",");
+const PANEL_ITEMS = [
+	{
+		panel: "context",
+		label: "Context",
+		Icon: ChartPie
+	},
+	{
+		panel: "usage",
+		label: "Usage",
+		Icon: Gauge
+	},
+	{
+		panel: "info",
+		label: "Session info",
+		Icon: Info
+	},
+	{
+		panel: "mcp",
+		label: "MCP servers",
+		Icon: Plug
+	},
+	{
+		panel: "skills",
+		label: "Skills",
+		Icon: Sparkles
+	},
+	{
+		panel: "files",
+		label: "Project files",
+		Icon: FolderTree
+	}
+];
 function SessionPanel({ client, sessionId, header, panelSurface = "internal", statusSurface = "internal", statusPlacement = "top", onOpenPanel, onVitals, transcriptVariant = "cards", transcriptFont = "sans", affordances, terminalMetrics, scrubber = false, bookmarks, peerMentions = true, onToggleBookmark, reveal, subagents, shells, openSubagent, onSubagentChange, openShell, onShellChange, stickyPrompt = false, controlsSurface = "internal", onControls, focusComposerOnClick = false, unseen, readOnly = false, approvalPrompts, toolHost, clientTools, cacheTranscript, emptyState, onLinkClick, onOpenFile, fontSize, className }) {
-	const effectiveTermFontSize = terminalMetrics?.fontSize ?? fontSize;
-	const effectiveTermLineHeight = terminalMetrics?.lineHeight ?? (fontSize !== void 0 ? Math.round(fontSize * (18 / 13)) : void 0);
+	const cell = {
+		fontSize: terminalMetrics?.fontSize ?? fontSize,
+		lineHeight: terminalMetrics?.lineHeight ?? (fontSize !== void 0 ? Math.round(fontSize * (18 / 13)) : void 0)
+	};
 	const external = panelSurface === "external";
 	const statusExternal = statusSurface === "external";
 	const controlsInStatus = controlsSurface === "status" && !statusExternal;
 	const controlsExternal = controlsSurface === "external" || controlsInStatus;
 	const [protocolError, setProtocolError] = useState(void 0);
 	const [panel, setPanel] = useState();
-	const [showCompletedTasks, setShowCompletedTasks] = useState(false);
-	const [taskReveal, setTaskReveal] = useState();
 	const { state, connection, replaying, protocolMismatch, shell, pricing, models, effectiveModel, handle, send, runShell, approve, deny, interrupt, clearContext, setModel, setPermissionMode, reconnectNow, loadFullResult, loadShellOutput, verifyShell, killShell, setShellAgentWrite } = useClaudeSession(client, sessionId, {
 		onProtocolError: setProtocolError,
 		cacheTranscript
@@ -13160,12 +13168,7 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		if (returnReveal && shellReturnReveal) return returnReveal.nonce >= shellReturnReveal.nonce ? returnReveal : shellReturnReveal;
 		return returnReveal ?? shellReturnReveal;
 	}, [returnReveal, shellReturnReveal]);
-	const [caughtUp, setCaughtUp] = useState(false);
-	useEffect(() => {
-		setCaughtUp(false);
-	}, [sessionId]);
-	const [catchUpMark] = useState(unseen);
-	const catchUp = caughtUp ? void 0 : catchUpMark;
+	const { mark: catchUp, dismiss: dismissCatchUp } = useCatchUp(sessionId, unseen);
 	const newCount = catchUp ? Math.max(0, state.items.length - catchUp.itemCount) : 0;
 	const openPanel = useCallback((target) => {
 		if (external) onOpenPanel?.(target);
@@ -13209,70 +13212,17 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		subagents,
 		state.session?.subagents
 	]);
-	const clientCommands = useMemo(() => {
-		const modes = capabilities.permissionModes;
-		const built = [];
-		if (models.length > 0) built.push({
-			name: "model",
-			description: "Switch the model for this session",
-			argumentHint: "<model>",
-			requiresArgs: true,
-			run: (args) => {
-				const wanted = args.split(/\s+/)[0];
-				if (!wanted) return false;
-				setModel(wanted);
-				return true;
-			}
-		});
-		if (modes.length > 1) built.push({
-			name: "permissions",
-			description: `Set the permission mode (${modes.join(", ")})`,
-			argumentHint: "<mode>",
-			requiresArgs: true,
-			run: (args) => {
-				const wanted = args.split(/\s+/)[0];
-				if (!modes.includes(wanted)) return false;
-				setPermissionMode(wanted);
-				return true;
-			}
-		});
-		if (capabilities.clearContext) built.push({
-			name: "clear",
-			description: "Clear the conversation - the session keeps running and the old one stays resumable",
-			run: () => {
-				clearContext();
-				return true;
-			}
-		});
-		if (capabilities.mcpStatus) built.push({
-			name: "mcp",
-			description: "MCP servers and their status",
-			run: () => (openPanel("mcp"), true)
-		});
-		if (capabilities.contextUsage) built.push({
-			name: "context",
-			description: "Context window usage",
-			run: () => (openPanel("context"), true)
-		});
-		built.push({
-			name: "status",
-			description: "Session details",
-			run: () => (openPanel("info"), true)
-		});
-		if (capabilities.rateLimits) built.push({
-			name: "usage",
-			description: "Rate limits and spend",
-			run: () => (openPanel("usage"), true)
-		});
-		if (capabilities.skillsList) built.push({
-			name: "skills",
-			description: "Browse the skills this session can use",
-			run: () => (openPanel("skills"), true)
-		});
-		return built;
-	}, [
+	const hasModels = models.length > 0;
+	const clientCommands = useMemo(() => buildClientCommands({
+		capabilities,
+		hasModels,
+		setModel,
+		setPermissionMode,
+		clearContext,
+		openPanel
+	}), [
 		capabilities,
-		models.length,
+		hasModels,
 		openPanel,
 		clearContext,
 		setModel,
@@ -13293,45 +13243,31 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 	onVitalsRef.current = onVitals;
 	const vitalsModel = effectiveModel ?? state.model;
 	const permissionModes = useMemo(() => permissionModeChoices(capabilities.permissionModes, state.session?.canBypassPermissions), [capabilities.permissionModes, state.session?.canBypassPermissions]);
-	useEffect(() => {
-		onVitalsRef.current?.({
-			status: state.status,
-			connection,
-			engine: state.engine,
-			capabilities: state.capabilities,
-			model: vitalsModel,
-			models,
-			permissionMode: state.permissionMode,
-			permissionModes,
-			skills: state.skills,
-			composerCommands,
-			cwd: state.cwd,
-			contextUsage: state.contextUsage,
-			tasks,
-			rateLimits,
-			rateLimitsUpdatedAt: usageUpdatedAt,
-			itemCount: state.items.length,
-			totalCostUsd: state.totalCostUsd
-		});
-	}, [
-		state.status,
+	const vitals = {
+		status: state.status,
 		connection,
-		state.engine,
-		state.capabilities,
-		vitalsModel,
+		engine: state.engine,
+		capabilities: state.capabilities,
+		model: vitalsModel,
 		models,
-		state.permissionMode,
+		permissionMode: state.permissionMode,
 		permissionModes,
-		state.skills,
+		skills: state.skills,
 		composerCommands,
-		state.cwd,
-		state.contextUsage,
+		cwd: state.cwd,
+		contextUsage: state.contextUsage,
 		tasks,
 		rateLimits,
-		usageUpdatedAt,
-		state.items.length,
-		state.totalCostUsd
-	]);
+		rateLimitsUpdatedAt: usageUpdatedAt,
+		itemCount: state.items.length,
+		totalCostUsd: state.totalCostUsd
+	};
+	const lastVitals = useRef(void 0);
+	useEffect(() => {
+		if (lastVitals.current && sameVitals(lastVitals.current, vitals)) return;
+		lastVitals.current = vitals;
+		onVitalsRef.current?.(vitals);
+	});
 	const onControlsRef = useRef(onControls);
 	onControlsRef.current = onControls;
 	const setters = useRef({
@@ -13385,42 +13321,36 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 			const local = matchClientCommand(text, clientCommands);
 			if (local && local.command.run(local.args)) return;
 		}
-		setCaughtUp(true);
+		dismissCatchUp();
 		repinTranscript.current?.();
 		send(text, attachmentIds);
 	};
+	const menuShows = {
+		context: capabilities.contextUsage,
+		usage: capabilities.rateLimits,
+		info: true,
+		mcp: capabilities.mcpStatus,
+		skills: capabilities.skillsList,
+		files: hostFiles.available
+	};
 	const actionsMenu = /* @__PURE__ */ jsxs(Menu$1, { children: [/* @__PURE__ */ jsx(MenuTrigger, { render: /* @__PURE__ */ jsx(Button, {
 		variant: "ghost",
 		size: "icon-sm",
 		"aria-label": "Session actions",
 		children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" })
-	}) }), /* @__PURE__ */ jsxs(MenuContent, { children: [
-		capabilities.contextUsage ? /* @__PURE__ */ jsxs(MenuItem, {
-			onClick: () => openPanel("context"),
-			children: [/* @__PURE__ */ jsx(ChartPie, { className: "size-3.5 text-fg-3" }), " Context"]
-		}) : null,
-		capabilities.rateLimits ? /* @__PURE__ */ jsxs(MenuItem, {
-			onClick: () => openPanel("usage"),
-			children: [/* @__PURE__ */ jsx(Gauge, { className: "size-3.5 text-fg-3" }), " Usage"]
-		}) : null,
-		/* @__PURE__ */ jsxs(MenuItem, {
-			onClick: () => openPanel("info"),
-			children: [/* @__PURE__ */ jsx(Info, { className: "size-3.5 text-fg-3" }), " Session info"]
-		}),
-		capabilities.mcpStatus ? /* @__PURE__ */ jsxs(MenuItem, {
-			onClick: () => openPanel("mcp"),
-			children: [/* @__PURE__ */ jsx(Plug, { className: "size-3.5 text-fg-3" }), " MCP servers"]
-		}) : null,
-		capabilities.skillsList ? /* @__PURE__ */ jsxs(MenuItem, {
-			onClick: () => openPanel("skills"),
-			children: [/* @__PURE__ */ jsx(Sparkles, { className: "size-3.5 text-fg-3" }), " Skills"]
-		}) : null,
-		hostFiles.available ? /* @__PURE__ */ jsxs(MenuItem, {
-			onClick: () => openPanel("files"),
-			children: [/* @__PURE__ */ jsx(FolderTree, { className: "size-3.5 text-fg-3" }), " Project files"]
-		}) : null
-	] })] });
+	}) }), /* @__PURE__ */ jsx(MenuContent, { children: PANEL_ITEMS.filter((item) => menuShows[item.panel]).map(({ panel: target, label, Icon }) => /* @__PURE__ */ jsxs(MenuItem, {
+		onClick: () => openPanel(target),
+		children: [
+			/* @__PURE__ */ jsx(Icon, { className: "size-3.5 text-fg-3" }),
+			" ",
+			label
+		]
+	}, target)) })] });
 	const menu = external ? null : actionsMenu;
+	const dialog = (target) => ({
+		open: panel === target,
+		onOpenChange: (next) => setPanel(next ? target : void 0)
+	});
 	const headerTakesActions = typeof header === "function";
 	const sessionControls = /* @__PURE__ */ jsxs(Fragment$1, { children: [models.length ? /* @__PURE__ */ jsx(ModelSelect, {
 		models,
@@ -13445,8 +13375,6 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		onOpenStatus: external && !onOpenPanel ? void 0 : () => openPanel("info"),
 		onOpenContext: external && !onOpenPanel ? void 0 : () => openPanel("context"),
 		onOpenUsage: external && !onOpenPanel ? void 0 : () => openPanel("usage"),
-		tasks,
-		onOpenTasks: external && !onOpenPanel ? void 0 : () => openPanel("tasks"),
 		actions: headerTakesActions ? void 0 : menu
 	});
 	const fileLinks = useMemo(() => onOpenFile ? {
@@ -13477,296 +13405,208 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		if (window.getSelection()?.isCollapsed === false) return;
 		composerRef.current?.focus();
 	};
-	return /* @__PURE__ */ jsx(TranscriptVariantProvider, {
-		value: transcriptVariant,
-		children: /* @__PURE__ */ jsx(FileLinkProvider, {
-			value: fileLinks,
-			children: /* @__PURE__ */ jsx(ToolResultFetchProvider, {
-				value: loadFullResult,
-				children: /* @__PURE__ */ jsx(ShellActionsProvider, {
-					value: shellActions,
-					children: /* @__PURE__ */ jsx(ToolTitleProvider, {
-						value: state.toolTitles,
-						children: /* @__PURE__ */ jsx(ToolResultImageProvider, {
-							value: resultImages,
-							children: /* @__PURE__ */ jsx("div", {
-								ref: panelRef,
-								"data-slot": "session-panel",
-								"data-agent-font": transcriptFont,
-								onClick: handleClick,
-								className: cn("relative flex h-full min-h-0 flex-col overflow-hidden bg-bg", className),
-								style: fontSize !== void 0 ? { "--wd-font-size": `${Math.round(fontSize)}px` } : void 0,
-								children: /* @__PURE__ */ jsxs(ImageViewerProvider, { children: [
-									headerTakesActions ? header({ actions: menu }) : header,
-									statusPlacement === "top" ? statusBar : null,
-									protocolMismatch !== void 0 ? /* @__PURE__ */ jsxs(Notice, {
-										level: "warning",
-										children: [
-											"Server speaks protocol v",
-											protocolMismatch,
-											", this build renders v",
-											PROTOCOL_VERSION,
-											". Some events may not render."
-										]
-									}) : null,
-									protocolError ? /* @__PURE__ */ jsx(Notice, {
-										level: "error",
-										onDismiss: () => setProtocolError(void 0),
-										children: protocolError
-									}) : null,
-									framedShellId !== void 0 ? /* @__PURE__ */ jsx(ShellStrip, {
-										shell: framedShell,
-										label: framedShellLabel,
-										onBack: leaveShell,
-										onKill: () => void killShell(framedShellId),
-										onAgentWrite: agentWrite ? (enabled) => void agentWrite(framedShellId, enabled) : void 0,
-										terminal,
-										fontSize: effectiveTermFontSize,
-										lineHeight: effectiveTermLineHeight
-									}) : null,
-									framedShellId === void 0 && subagentId !== void 0 ? /* @__PURE__ */ jsx(SubagentStrip, {
-										task: subagentTask,
-										items: subagentFrameItems,
-										label: subagentFallbackLabel,
-										onBack: leaveSubagent,
-										terminal,
-										fontSize: effectiveTermFontSize,
-										lineHeight: effectiveTermLineHeight
-									}) : null,
-									framedShellId !== void 0 ? /* @__PURE__ */ jsx(ShellTerminal, {
-										handle,
-										shellId: framedShellId,
-										fontSize: effectiveTermFontSize
-									}, framedShellId) : /* @__PURE__ */ jsx(BookmarkProvider, {
-										value: bookmarkHandle,
-										children: /* @__PURE__ */ jsx(Transcript, {
-											state,
-											fileUrl: sessionId ? (path) => client.sessionFileUrl(sessionId, path) : void 0,
-											attachmentUrl: sessionId ? (id) => client.attachmentUrl(sessionId, id) : void 0,
-											canBrowseFiles: hostFiles.available,
-											sessionNames: peers.names,
-											hostImage,
-											variant: transcriptVariant,
-											fontSize: effectiveTermFontSize,
-											lineHeight: effectiveTermLineHeight,
-											affordances,
-											stickyPrompt,
-											scrubber,
-											bookmarks,
-											replaying,
-											catchUp: catchUp && newCount > 0 ? {
-												from: catchUp.itemCount,
-												since: catchUp.since
-											} : void 0,
-											reveal: taskReveal ?? frameReturnReveal ?? reveal,
-											frame: subagentId === void 0 ? void 0 : { parentToolUseId: subagentId },
-											onOpenSubagent: enterSubagent,
-											emptyState,
-											jumpToRecapRef: jumpToRecap,
-											repinRef: repinTranscript
-										}, subagentId ?? "session")
-									}),
-									catchUp && newCount > 0 && !replaying && subagentId === void 0 && framedShellId === void 0 ? /* @__PURE__ */ jsx("div", {
-										className: "px-3 pb-1",
-										children: /* @__PURE__ */ jsxs("div", {
-											"data-slot": "catch-up",
-											className: "mx-auto flex w-full max-w-[var(--wd-transcript-max-width)] items-center gap-2 text-label text-fg-3",
-											children: [
-												/* @__PURE__ */ jsx("span", {
-													"aria-hidden": true,
-													className: cn("select-none", terminal ? "text-fg-3" : "text-accent"),
-													children: "※"
-												}),
-												/* @__PURE__ */ jsxs("span", {
-													className: "min-w-0 flex-1 truncate",
-													children: [
-														newCount,
-														" new ",
-														newCount === 1 ? "row" : "rows",
-														catchUp.since !== void 0 ? ` since you were last here` : ""
-													]
-												}),
-												/* @__PURE__ */ jsx("button", {
-													type: "button",
-													onClick: () => jumpToRecap.current?.(),
-													className: "shrink-0 underline-offset-2 hover:text-fg-1 hover:underline",
-													children: "jump"
-												}),
-												/* @__PURE__ */ jsx("button", {
-													type: "button",
-													onClick: () => setCaughtUp(true),
-													className: "shrink-0 underline-offset-2 hover:text-fg-1 hover:underline",
-													children: "dismiss"
-												})
-											]
-										})
-									}) : null,
-									!readOnly && capabilities.interactiveApprovals && state.pendingApprovals.length > 0 ? /* @__PURE__ */ jsx("div", {
-										className: cn(terminal ? "pb-2" : "px-3 pb-2"),
-										children: /* @__PURE__ */ jsx(PromptSurface, {
-											terminal,
-											metrics: {
-												fontSize: effectiveTermFontSize,
-												lineHeight: effectiveTermLineHeight
-											},
-											affordances,
-											children: state.pendingApprovals.map((request) => {
-												const HostPrompt = approvalPrompts?.[request.toolName];
-												if (HostPrompt) return /* @__PURE__ */ jsx(HostPrompt, {
-													request,
-													onApprove: approve,
-													onDeny: deny
-												}, request.id);
-												const isQuestion = request.toolName === "AskUserQuestion" && parseUserQuestions(request.input).length > 0;
-												if (terminal) return isQuestion ? /* @__PURE__ */ jsx(TerminalQuestionPrompt, {
-													request,
-													onAnswer: approve,
-													onDismiss: (id) => deny(id, "Question dismissed by user")
-												}, request.id) : /* @__PURE__ */ jsx(TerminalPermissionPrompt, {
-													request,
-													onApprove: approve,
-													onDeny: deny
-												}, request.id);
-												return isQuestion ? /* @__PURE__ */ jsx(QuestionPrompt, {
-													request,
-													onAnswer: approve,
-													onDismiss: (id) => deny(id, "Question dismissed by user")
-												}, request.id) : /* @__PURE__ */ jsx(PermissionPrompt, {
-													request,
-													onApprove: approve,
-													onDeny: deny
-												}, request.id);
-											})
-										})
-									}) : null,
-									readOnly || subagentId !== void 0 || framedShellId !== void 0 ? null : /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Composer, {
-										ref: composerRef,
-										onSend: handleSend,
-										onInterrupt: interrupt,
-										busy,
-										disabled: ended || !sessionId,
-										commands: capabilities.slashCommands ? state.commands : void 0,
-										skills: capabilities.skillsList ? state.skills : void 0,
-										clientCommands,
-										attachments,
-										draft,
-										onSearchFiles: hostFiles.available ? searchComposerFiles : void 0,
-										peers: peers.peers,
-										onShellCommand: shell ? runShell : void 0,
-										layout: controlsExternal ? "inline" : "stacked",
-										toolbar: controlsExternal ? void 0 : sessionControls,
-										fontSize: effectiveTermFontSize,
-										lineHeight: effectiveTermLineHeight,
-										affordances
-									}) }),
-									statusPlacement === "bottom" ? statusBar : null,
-									!external ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-										/* @__PURE__ */ jsx(SessionInfoDialog, {
-											state,
-											client,
-											sessionId,
-											open: panel === "info",
-											onOpenChange: (next) => setPanel(next ? "info" : void 0)
-										}),
-										/* @__PURE__ */ jsx(ContextDialog, {
-											usage: state.contextUsage,
-											engine: state.engine ?? "claude",
-											open: panel === "context",
-											onOpenChange: (next) => setPanel(next ? "context" : void 0)
-										}),
-										/* @__PURE__ */ jsx(UsageDialog, {
-											rateLimits: windows,
-											subscriptionType: state.subscriptionType,
-											engine: state.engine ?? "claude",
-											totalCostUsd: state.totalCostUsd,
-											costUsd: state.costUsd,
-											usageByModel: state.usageByModel,
-											pricing,
-											spend: profileSpend,
-											updatedAt: usageUpdatedAt,
-											open: panel === "usage",
-											onOpenChange: (next) => setPanel(next ? "usage" : void 0)
-										}),
-										/* @__PURE__ */ jsx(McpDialog, {
-											client,
-											sessionId,
-											canManageServers: capabilities.mcpServerActions,
-											open: panel === "mcp",
-											onOpenChange: (next) => setPanel(next ? "mcp" : void 0)
-										}),
-										/* @__PURE__ */ jsx(TasksDialog, {
-											tasks,
-											showCompleted: showCompletedTasks,
-											onShowCompletedChange: setShowCompletedTasks,
-											onSelectTask: (task) => {
-												if (task.toolUseId) setTaskReveal({
-													toolUseId: task.toolUseId,
-													nonce: Date.now()
-												});
-											},
-											open: panel === "tasks",
-											onOpenChange: (next) => setPanel(next ? "tasks" : void 0)
-										}),
-										/* @__PURE__ */ jsx(SkillsDialog, {
-											skills: state.skills,
-											open: panel === "skills",
-											onOpenChange: (next) => setPanel(next ? "skills" : void 0),
-											onUse: (skill) => composerRef.current?.insertText(skillPrompt(skill))
-										}),
-										/* @__PURE__ */ jsx(HostFilesDialog, {
-											client,
-											cwd: state.cwd,
-											open: panel === "files",
-											onOpenChange: (next) => setPanel(next ? "files" : void 0)
-										})
-									] }) : null
-								] })
-							})
-						})
+	return /* @__PURE__ */ jsx(SessionPanelProviders, {
+		variant: transcriptVariant,
+		fileLinks,
+		loadFullResult,
+		shellActions,
+		toolTitles: state.toolTitles,
+		resultImages,
+		children: /* @__PURE__ */ jsx("div", {
+			ref: panelRef,
+			"data-slot": "session-panel",
+			"data-agent-font": transcriptFont,
+			onClick: handleClick,
+			className: cn("relative flex h-full min-h-0 flex-col overflow-hidden bg-bg", className),
+			style: fontSize !== void 0 ? { "--wd-font-size": `${Math.round(fontSize)}px` } : void 0,
+			children: /* @__PURE__ */ jsxs(ImageViewerProvider, { children: [
+				headerTakesActions ? header({ actions: menu }) : header,
+				statusPlacement === "top" ? statusBar : null,
+				protocolMismatch !== void 0 ? /* @__PURE__ */ jsxs(Notice, {
+					level: "warning",
+					children: [
+						"Server speaks protocol v",
+						protocolMismatch,
+						", this build renders v",
+						PROTOCOL_VERSION,
+						". Some events may not render."
+					]
+				}) : null,
+				protocolError ? /* @__PURE__ */ jsx(Notice, {
+					level: "error",
+					onDismiss: () => setProtocolError(void 0),
+					children: protocolError
+				}) : null,
+				framedShellId !== void 0 ? /* @__PURE__ */ jsx(ShellStrip, {
+					shell: framedShell,
+					label: framedShellLabel,
+					onBack: leaveShell,
+					onKill: () => void killShell(framedShellId),
+					onAgentWrite: agentWrite ? (enabled) => void agentWrite(framedShellId, enabled) : void 0,
+					terminal,
+					...cell
+				}) : null,
+				framedShellId === void 0 && subagentId !== void 0 ? /* @__PURE__ */ jsx(SubagentStrip, {
+					task: subagentTask,
+					items: subagentFrameItems,
+					label: subagentFallbackLabel,
+					onBack: leaveSubagent,
+					terminal,
+					...cell
+				}) : null,
+				framedShellId !== void 0 ? /* @__PURE__ */ jsx(ShellTerminal, {
+					handle,
+					shellId: framedShellId,
+					fontSize: cell.fontSize
+				}, framedShellId) : /* @__PURE__ */ jsx(BookmarkProvider, {
+					value: bookmarkHandle,
+					children: /* @__PURE__ */ jsx(Transcript, {
+						state,
+						fileUrl: sessionId ? (path) => client.sessionFileUrl(sessionId, path) : void 0,
+						attachmentUrl: sessionId ? (id) => client.attachmentUrl(sessionId, id) : void 0,
+						canBrowseFiles: hostFiles.available,
+						sessionNames: peers.names,
+						hostImage,
+						variant: transcriptVariant,
+						...cell,
+						affordances,
+						stickyPrompt,
+						scrubber,
+						bookmarks,
+						replaying,
+						catchUp: catchUp && newCount > 0 ? {
+							from: catchUp.itemCount,
+							since: catchUp.since
+						} : void 0,
+						reveal: frameReturnReveal ?? reveal,
+						frame: subagentId === void 0 ? void 0 : { parentToolUseId: subagentId },
+						onOpenSubagent: enterSubagent,
+						emptyState,
+						jumpToRecapRef: jumpToRecap,
+						repinRef: repinTranscript
+					}, subagentId ?? "session")
+				}),
+				catchUp && newCount > 0 && !replaying && subagentId === void 0 && framedShellId === void 0 ? /* @__PURE__ */ jsx(CatchUpBanner, {
+					count: newCount,
+					since: catchUp.since,
+					terminal,
+					onJump: () => jumpToRecap.current?.(),
+					onDismiss: dismissCatchUp
+				}) : null,
+				!readOnly && capabilities.interactiveApprovals && state.pendingApprovals.length > 0 ? /* @__PURE__ */ jsx(ApprovalPrompts, {
+					requests: state.pendingApprovals,
+					terminal,
+					...cell,
+					affordances,
+					hostPrompts: approvalPrompts,
+					onApprove: approve,
+					onDeny: deny
+				}) : null,
+				readOnly || subagentId !== void 0 || framedShellId !== void 0 ? null : /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Composer, {
+					ref: composerRef,
+					onSend: handleSend,
+					onInterrupt: interrupt,
+					busy,
+					disabled: ended || !sessionId,
+					commands: capabilities.slashCommands ? state.commands : void 0,
+					skills: capabilities.skillsList ? state.skills : void 0,
+					clientCommands,
+					attachments,
+					draft,
+					onSearchFiles: hostFiles.available ? searchComposerFiles : void 0,
+					peers: peers.peers,
+					onShellCommand: shell ? runShell : void 0,
+					layout: controlsExternal ? "inline" : "stacked",
+					toolbar: controlsExternal ? void 0 : sessionControls,
+					...cell,
+					affordances
+				}) }),
+				statusPlacement === "bottom" ? statusBar : null,
+				!external ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					/* @__PURE__ */ jsx(SessionInfoDialog, {
+						state,
+						client,
+						sessionId,
+						...dialog("info")
+					}),
+					/* @__PURE__ */ jsx(ContextDialog, {
+						usage: state.contextUsage,
+						engine: state.engine ?? "claude",
+						...dialog("context")
+					}),
+					/* @__PURE__ */ jsx(UsageDialog, {
+						rateLimits: windows,
+						subscriptionType: state.subscriptionType,
+						engine: state.engine ?? "claude",
+						totalCostUsd: state.totalCostUsd,
+						costUsd: state.costUsd,
+						usageByModel: state.usageByModel,
+						pricing,
+						spend: profileSpend,
+						updatedAt: usageUpdatedAt,
+						...dialog("usage")
+					}),
+					/* @__PURE__ */ jsx(McpDialog, {
+						client,
+						sessionId,
+						canManageServers: capabilities.mcpServerActions,
+						...dialog("mcp")
+					}),
+					/* @__PURE__ */ jsx(SkillsDialog, {
+						skills: state.skills,
+						...dialog("skills"),
+						onUse: (skill) => composerRef.current?.insertText(skillPrompt(skill))
+					}),
+					/* @__PURE__ */ jsx(HostFilesDialog, {
+						client,
+						cwd: state.cwd,
+						...dialog("files")
 					})
+				] }) : null
+			] })
+		})
+	});
+}
+function CatchUpBanner({ count, since, terminal, onJump, onDismiss }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "px-3 pb-1",
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-slot": "catch-up",
+			className: "mx-auto flex w-full max-w-[var(--wd-transcript-max-width)] items-center gap-2 text-label text-fg-3",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: cn("select-none", terminal ? "text-fg-3" : "text-accent"),
+					children: "※"
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: "min-w-0 flex-1 truncate",
+					children: [
+						count,
+						" new ",
+						count === 1 ? "row" : "rows",
+						since !== void 0 ? ` since you were last here` : ""
+					]
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: onJump,
+					className: "shrink-0 underline-offset-2 hover:text-fg-1 hover:underline",
+					children: "jump"
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: onDismiss,
+					className: "shrink-0 underline-offset-2 hover:text-fg-1 hover:underline",
+					children: "dismiss"
 				})
-			})
+			]
 		})
 	});
 }
-function useHostImage(client, sessionId, producedFiles) {
-	const cache = useRef(/* @__PURE__ */ new Map());
-	const objectUrls = useRef([]);
-	useEffect(() => () => {
-		for (const url of objectUrls.current) URL.revokeObjectURL(url);
-		objectUrls.current = [];
-	}, []);
-	return useCallback((path) => {
-		const produced = producedFiles?.[path];
-		const key = produced ? `produced:${produced.fileId}` : `fs:${path}`;
-		const hit = cache.current.get(key);
-		if (hit) return hit;
-		const pending = produced && sessionId ? client.readProducedFile(sessionId, produced.fileId).then((blob) => {
-			if (blob.size === 0) return;
-			const url = URL.createObjectURL(blob);
-			objectUrls.current.push(url);
-			return url;
-		}).catch(() => void 0) : client.readHostFile(path).then((file) => {
-			if (file.encoding !== "base64") return;
-			const extension = path.slice(path.lastIndexOf(".") + 1).toLowerCase();
-			const mediaType = IMAGE_MEDIA_TYPES[extension];
-			return mediaType ? `data:${mediaType};base64,${file.content}` : void 0;
-		}).catch(() => void 0);
-		cache.current.set(key, pending);
-		return pending;
-	}, [
-		client,
-		sessionId,
-		producedFiles
-	]);
+function sameVitals(a, b) {
+	return Object.keys(b).every((key) => Object.is(a[key], b[key]));
 }
-const IMAGE_MEDIA_TYPES = {
-	png: "image/png",
-	jpg: "image/jpeg",
-	jpeg: "image/jpeg",
-	gif: "image/gif",
-	webp: "image/webp"
-};
 function Notice({ level, onDismiss, children }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "px-3 pt-2",
@@ -13893,6 +13733,6 @@ function resolveAgainstCwd(path, cwd) {
 	return parseFileLink(path, cwd)?.path ?? path;
 }
 //#endregion
-export { shellAgentWriteLabel as $, Tip as $t, ShellTerminal as A, isMutatingTool as At, SkillsDialog as B, hashtagTrigger as Bt, SessionInfoDialog as C, Badge as Cn, AgentWriteIcon as Ct, QuestionPrompt as D, cn as Dn, PromptTokenText as Dt, QUESTION_BEHAVIORS as E, buttonVariants as En, useAffordances as Et, PERMISSION_MODES as F, mergeComposerRows as Ft, TaskList as G, plainTextToSegments as Gt, HostFilesDialog as H, mentionTrigger as Ht, PermissionModeSelect as I, rankComposerRows as It, Composer as J, Splitter as Jt, ContextDialog as K, segmentsToPlainText as Kt, permissionModeChoices as L, rankPeerSessions as Lt, SubagentStrip as M, TranscriptVariantProvider as Mt, PermissionPrompt as N, useTranscriptVariant as Nt, parseUserQuestions as O, SessionNamesProvider as Ot, Response as P, matchClientCommand as Pt, SHELL_KILL_GLYPH as Q, copyText as Qt, permissionModeMeta as R, skillPrompt as Rt, STATUS_META as S, Input as Sn, Row as St, TerminalPermissionPrompt as T, Button as Tn, WithActions as Tt, EntryIcon as U, usePromptAreaState as Ut, McpDialog as V, launchTrigger as Vt, TasksDialog as W, PromptArea as Wt, SHELL_AGENT_WRITE_NOTE as X, Spinner as Xt, TerminalSurface as Y, CodeBlock as Yt, SHELL_GLYPH as Z, CopyButton as Zt, Loader as _, SelectItemText as _n, TerminalDiff as _t, UsageDialog as a, DialogContent as an, ShellActionsProvider as at, ConversationScrollButton as b, PortalScope as bn, Blank as bt, Transcript as c, DialogTrigger as cn, useToolTitle as ct, Message as d, MenuItem as dn, ImageViewerProvider as dt, TooltipContent as en, shellGrantable as et, MessageContent as f, MenuSeparator as fn, ViewableImage as ft, SessionEmptyState as g, SelectItem as gn, parseFileLink as gt, TerminalTranscript as h, SelectContent as hn, useFileLinks as ht, SessionPanel as i, DialogClose as in, shellTitle as it, ShellStrip as j, toolIcon as jt, useShellFrame as k, SkillNamesProvider as kt, ToolCallCard as l, Menu$1 as ln, TerminalMarkdown as lt, TerminalItemView as m, Select$1 as mn, FileLinkProvider as mt, usePathLinks as n, Dialog$1 as nn, shellInfoLabel as nt, UsageMeters as o, DialogHeader as on, useShellActions as ot, FileCard as p, MenuTrigger as pn, useOpenImage as pt, contextNote as q, ProgressRing as qt, matchPath as r, DialogBody as rn, shellInfoStatusText as rt, useMinuteClock as s, DialogRow as sn, ToolTitleProvider as st, resolveAgainstCwd as t, TooltipProvider as tn, shellInfoFailed as tt, Reasoning as u, MenuContent as un, ImageViewer as ut, Conversation as v, SelectTrigger as vn, previewPatch as vt, TerminalQuestionPrompt as w, badgeVariants as wn, CopyAction as wt, StatusBar as x, Textarea as xn, Ink as xt, ConversationContent as y, SelectValue as yn, Band as yt, ModelSelect as z, commandTrigger as zt };
+export { ShellActionsProvider as $, Spinner as $t, PermissionPrompt as A, buttonVariants as An, PromptTokenText as At, ModelSelect as B, rankPeerSessions as Bt, SessionInfoDialog as C, SelectValue as Cn, Blank as Ct, QUESTION_BEHAVIORS as D, Badge as Dn, CopyAction as Dt, TerminalPermissionPrompt as E, Input as En, AgentWriteIcon as Et, SubagentStrip as F, TranscriptVariantProvider as Ft, useMcpPanel as G, mentionTrigger as Gt, McpDialog as H, commandTrigger as Ht, PERMISSION_MODES as I, useTranscriptVariant as It, ContextDialog as J, plainTextToSegments as Jt, HostFilesDialog as K, usePromptAreaState as Kt, PermissionModeSelect as L, matchClientCommand as Lt, useShellFrame as M, SkillNamesProvider as Mt, ShellTerminal as N, isMutatingTool as Nt, QuestionPrompt as O, badgeVariants as On, WithActions as Ot, ShellStrip as P, toolIcon as Pt, TerminalSurface as Q, CodeBlock as Qt, permissionModeChoices as R, mergeComposerRows as Rt, STATUS_META as S, SelectTrigger as Sn, Band as St, TerminalQuestionPrompt as T, Textarea as Tn, Row as Tt, McpPanel as U, hashtagTrigger as Ut, SkillsDialog as V, skillPrompt as Vt, McpPanelActions as W, launchTrigger as Wt, contextNote as X, ProgressRing as Xt, ContextPanel as Y, segmentsToPlainText as Yt, Composer as Z, Splitter as Zt, Loader as _, OptionSelect as _n, FileLinkProvider as _t, UsageDialog as a, Dialog$1 as an, shellGrantable as at, ConversationScrollButton as b, SelectItem as bn, TerminalDiff as bt, TerminalTranscript as c, DialogContent as cn, shellInfoStatusText as ct, Reasoning as d, DialogTrigger as dn, useToolTitle as dt, CopyButton as en, useShellActions as et, Message as f, Menu$1 as fn, TerminalMarkdown as ft, SessionEmptyState as g, MenuTrigger as gn, useOpenImage as gt, TerminalItemView as h, MenuSeparator as hn, ViewableImage as ht, SessionPanel as i, TooltipProvider as in, shellAgentWriteLabel as it, Response as j, cn as jn, SessionNamesProvider as jt, parseUserQuestions as k, Button as kn, useAffordances as kt, Transcript as l, DialogHeader as ln, shellTitle as lt, FileCard as m, MenuItem as mn, ImageViewerProvider as mt, usePathLinks as n, Tip as nn, SHELL_GLYPH as nt, UsageMeters as o, DialogBody as on, shellInfoFailed as ot, MessageContent as p, MenuContent as pn, ImageViewer as pt, EntryIcon as q, PromptArea as qt, matchPath as r, TooltipContent as rn, SHELL_KILL_GLYPH as rt, useMinuteClock as s, DialogClose as sn, shellInfoLabel as st, resolveAgainstCwd as t, copyText as tn, SHELL_AGENT_WRITE_NOTE as tt, ToolCallCard as u, DialogRow as un, ToolTitleProvider as ut, Conversation as v, Select$1 as vn, useFileLinks as vt, SessionInfoPanel as w, PortalScope as wn, Ink as wt, StatusBar as x, SelectItemText as xn, previewPatch as xt, ConversationContent as y, SelectContent as yn, parseFileLink as yt, permissionModeMeta as z, rankComposerRows as zt };
 
-//# sourceMappingURL=use-path-links-BEWxt0ZM.mjs.map
+//# sourceMappingURL=use-path-links-C6Fh5zdx.mjs.map