@workerdeck/ui 2.13.0 → 2.14.0

package/build/{use-path-links-CepFsMdW.mjs → use-path-links-BgWXmfAS.mjs}

@@ -10,7 +10,7 @@ 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, 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, useToolCallHost } from "@workerdeck/react";
+import { recapLine, scanPromptTokens, summarizeSince, useAttachments, useClaudeSession, useDraft, useHostFileSearch, usePeerSessions, useProfileUsage, useShellTerminal, useToolCallHost } from "@workerdeck/react";
 import { Streamdown } from "streamdown";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
 import { createPortal } from "react-dom";
@@ -4765,6 +4765,65 @@ function PromptTokenText({ text, className }) {
 	});
 }
 //#endregion
+//#region src/components/terminal/shell-row.ts
+const SHELL_GLYPH = "$";
+const SHELL_KILL_GLYPH = "✕";
+const SHELL_MISSING = "output expired or not tracked by this gateway";
+function shellInfoLabel(shell) {
+	return shell.label || shell.command.split("\n")[0] || "";
+}
+function shellTitle(shell) {
+	return `#${shell.ordinal} ${shellInfoLabel(shell)}`;
+}
+function shellLabel(item) {
+	return shellInfoLabel(item.shell);
+}
+function shellStatusText(item) {
+	return shellInfoStatusText(item.shell);
+}
+function shellInfoFailed(shell) {
+	return shell.status === "exited" && shell.exitCode !== 0;
+}
+function shellInfoStatusText(shell) {
+	if (shell.status === "running") return "running";
+	if (typeof shell.exitCode === "number") return shell.exitCode === 0 ? "exit 0" : `exit ${shell.exitCode}`;
+	switch (shell.endReason) {
+		case "killed": return "killed";
+		case "timeout": return "timed out";
+		case "server_stopped": return "killed: the gateway stopped";
+		case "server_restarted": return "ended: the gateway restarted, the process may still be running";
+		case "spawn_failed": return "failed to start";
+		default: return "ended";
+	}
+}
+function shellFailed(item) {
+	return shellInfoFailed(item.shell);
+}
+function shellHeaderText(item) {
+	return `${shellLabel(item)} · ${shellStatusText(item)}`;
+}
+function shellBodyLines(item, open) {
+	const source = open && item.expanded !== void 0 ? item.expanded : item.text;
+	if (source === "") return [];
+	const lines = source.split("\n");
+	if (!open) return lines;
+	const kept = [];
+	let chars = 0;
+	for (const line of lines) {
+		if (kept.length > 0 && chars + line.length > 1e5) break;
+		kept.push(line);
+		chars += line.length + 1;
+	}
+	return kept;
+}
+function shellFooterText(item, open, shown) {
+	if (item.missing) return SHELL_MISSING;
+	if (!open) return item.truncated ? "… more output - expand to fetch it" : void 0;
+	const total = item.expanded === void 0 ? void 0 : item.expanded.split("\n").length;
+	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/terminal/affordances.tsx
 const DEFAULTS = {
 	hover: true,
@@ -4840,6 +4899,34 @@ function OpenSubagentAction({ onOpen, label = "Open sub-agent" }) {
 		children: "⤢"
 	});
 }
+function OpenShellAction({ onOpen, label = "Open terminal" }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: "term-action",
+		title: label,
+		"aria-label": label,
+		"data-tone": "magenta",
+		onClick: (event) => {
+			event.stopPropagation();
+			onOpen();
+		},
+		children: "⤢"
+	});
+}
+function KillShellAction({ onKill, label = "Kill this shell" }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: "term-action",
+		title: label,
+		"aria-label": label,
+		"data-tone": "red",
+		onClick: (event) => {
+			event.stopPropagation();
+			onKill();
+		},
+		children: "✕"
+	});
+}
 function CopyAction({ text, label = "Copy" }) {
 	const [copied, setCopied] = useState(false);
 	return /* @__PURE__ */ jsx("button", {
@@ -5343,12 +5430,20 @@ function Pressable({ onPress, expanded, className, children }) {
 			if (from && Math.abs(event.clientX - from.x) + Math.abs(event.clientY - from.y) > DRAG_SLOP) return;
 			const selection = window.getSelection?.();
 			if (selection && !selection.isCollapsed && selection.containsNode(event.currentTarget, true)) return;
-			onPress();
+			onPress({
+				meta: event.metaKey,
+				ctrl: event.ctrlKey,
+				alt: event.altKey
+			});
 		},
 		onKeyDown: (event) => {
 			if (event.key !== "Enter" && event.key !== " ") return;
 			event.preventDefault();
-			onPress();
+			onPress({
+				meta: event.metaKey,
+				ctrl: event.ctrlKey,
+				alt: event.altKey
+			});
 		},
 		children
 	});
@@ -5569,6 +5664,23 @@ function todoPreview(name, input) {
 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);
+}
 const RESULT_PREVIEW_CHARS$1 = 2e3;
 function clipToChars(lines, maxChars) {
 	const out = [];
@@ -5920,6 +6032,79 @@ function NoticeRow$1({ item }) {
 		children: item.text
 	});
 }
+function ShellRow({ item }) {
+	const [open, setOpen] = useState(false);
+	const [busy, setBusy] = useState(false);
+	const actions = useShellActions();
+	const reveal = useRevealOnOpen(open);
+	const running = item.shell.status === "running";
+	const failed = shellFailed(item);
+	const tone = failed ? "red" : running ? "magenta" : "dim";
+	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
+	]);
+	const press = (modifiers) => {
+		if ((modifiers.meta || modifiers.ctrl) && actions.open) {
+			actions.open(shellId);
+			return;
+		}
+		const next = !open;
+		setOpen(next);
+		if (!next || !item.truncated || item.expanded !== void 0 || item.missing) return;
+		setBusy(true);
+		actions.loadOutput(shellId).finally(() => setBusy(false));
+	};
+	return /* @__PURE__ */ jsx("div", {
+		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,
+				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"
+				})
+			] }),
+			children: [
+				/* @__PURE__ */ jsx(Pressable, {
+					onPress: press,
+					expanded: open,
+					children: /* @__PURE__ */ jsxs(Row, {
+						glyph: "$",
+						glyphTone: tone,
+						tone: "fg",
+						children: [/* @__PURE__ */ jsx(Ink, {
+							bold: true,
+							tone: "bright",
+							children: shellLabel(item)
+						}), /* @__PURE__ */ jsxs(Ink, {
+							tone: failed ? "red" : "faint",
+							children: [" · ", shellStatusText(item)]
+						})]
+					})
+				}),
+				lines.map((line, index) => /* @__PURE__ */ jsx(Row, {
+					tone: failed ? "red" : "dim",
+					children: line || " "
+				}, index)),
+				footer || busy ? /* @__PURE__ */ jsx(Row, {
+					tone: "faint",
+					children: busy ? "… fetching the full output" : footer
+				}) : null
+			]
+		})
+	});
+}
 function FileRow({ item, href }) {
 	return /* @__PURE__ */ jsxs(Row, {
 		glyph: "⤓",
@@ -6001,7 +6186,7 @@ function TerminalSurface({ fontSize, lineHeight, bleed, affordances, className,
 //#endregion
 //#region src/components/agent/Composer.tsx
 const SHELL_PLACEHOLDER = "Run a command on the host…";
-const SHELL_HINT = "! shell mode · esc to exit";
+const SHELL_HINT = "$ shell mode · esc to exit";
 function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message the agent…", commands, skills, clientCommands, onSearchFiles, peers, onShellCommand, attachments, toolbar, layout = "stacked", fontSize, lineHeight, affordances, draft, className, ref }) {
 	const inline = layout === "inline";
 	const terminal = useTranscriptVariant() === "terminal";
@@ -6093,7 +6278,7 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 			emptyMessage: "No matching sessions"
 		}));
 		if (onShellCommand) configured.push(launchTrigger({
-			char: "!",
+			char: "$",
 			accessibilityLabel: "shell mode",
 			onActivate: () => setShellMode(true)
 		}));
@@ -6130,8 +6315,9 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 		clear();
 		focus();
 	};
-	const leaveShellMode = () => {
+	const leaveShellMode = (restore) => {
 		setShellMode(false);
+		if (restore) bind.ref.current?.setText(`$${plainText}`);
 		focus();
 	};
 	const hints = [
@@ -6148,7 +6334,7 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 			what: "refer to another session"
 		} : void 0,
 		onShellCommand ? {
-			key: "!",
+			key: "$",
 			what: "run a shell command"
 		} : void 0,
 		{
@@ -6157,11 +6343,11 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 		}
 	].filter((h) => h !== void 0);
 	const shellKeys = shellMode ? {
-		onEscape: leaveShellMode,
+		onEscape: () => leaveShellMode(true),
 		onKeyDown: (e) => {
 			if (e.key === "Backspace" && isEmpty) {
 				e.preventDefault();
-				leaveShellMode();
+				leaveShellMode(false);
 			}
 		}
 	} : {
@@ -6215,8 +6401,8 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 		gutter: true,
 		label: "Leave shell mode",
 		tone: "magenta",
-		onClick: leaveShellMode,
-		children: "!"
+		onClick: () => leaveShellMode(false),
+		children: "$"
 	}) : busy ? /* @__PURE__ */ jsx(GlyphButton, {
 		gutter: true,
 		label: "Interrupt",
@@ -6377,7 +6563,7 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 				children: [staged.length > 0 && attachments ? /* @__PURE__ */ jsx(AttachmentStrip, { attachments }) : null, inline ? /* @__PURE__ */ jsxs("div", {
 					className: "flex items-end gap-1 p-1",
 					children: [
-						shellMode ? /* @__PURE__ */ jsx(ShellBadge, { onLeave: leaveShellMode }) : attach,
+						shellMode ? /* @__PURE__ */ jsx(ShellBadge, { onLeave: () => leaveShellMode(false) }) : attach,
 						/* @__PURE__ */ jsx(PromptArea, {
 							...bind,
 							triggers,
@@ -6413,7 +6599,7 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 					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",
-						children: [shellMode ? /* @__PURE__ */ jsx(ShellBadge, { onLeave: leaveShellMode }) : attach, shellMode ? /* @__PURE__ */ jsx("span", {
+						children: [shellMode ? /* @__PURE__ */ jsx(ShellBadge, { onLeave: () => leaveShellMode(false) }) : attach, shellMode ? /* @__PURE__ */ jsx("span", {
 							className: "text-label text-text-muted",
 							children: SHELL_HINT
 						}) : toolbar]
@@ -6503,7 +6689,7 @@ function ShellBadge({ onLeave }) {
 		title: "Leave shell mode",
 		onClick: onLeave,
 		className: "shrink-0 rounded px-1.5 py-0.5 font-mono text-label font-semibold text-[var(--wd-shell-accent)]",
-		children: "!"
+		children: "$"
 	});
 }
 //#endregion
@@ -7801,6 +7987,296 @@ function useSubagentFrame(options) {
 	};
 }
 //#endregion
+//#region src/components/agent/ShellStrip.tsx
+function ShellStrip({ shell, label, cols, onBack, onKill, 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`;
+	if (terminal) return /* @__PURE__ */ jsx(TerminalSurface, {
+		fontSize,
+		lineHeight,
+		className: "shrink-0",
+		children: /* @__PURE__ */ jsx(WithActions, {
+			actions: 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,
+			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
+		]
+	});
+}
+//#endregion
+//#region src/components/agent/ShellTerminal.tsx
+function ShellTerminal({ handle, shellId, onEnded, onShell, fontSize, className }) {
+	const host = useRef(null);
+	const term = useRef(null);
+	const fit = useRef(null);
+	const [ready, setReady] = useState(false);
+	const attached = useRef(false);
+	const theme = useDocumentTheme();
+	const onShellRef = useRef(onShell);
+	onShellRef.current = onShell;
+	const shell = useShellTerminal(handle, shellId, {
+		onData: (data) => term.current?.write(data),
+		onAttached: (attachment) => {
+			const instance = term.current;
+			if (!instance) return;
+			instance.reset();
+			if (attachment.scrollback) instance.write(attachment.scrollback);
+			try {
+				fit.current?.fit();
+			} catch {}
+			onShellRef.current?.(attachment.shell);
+		},
+		onEnded: (reason) => {
+			term.current?.write(`\r\n\x1b[2m[${reason}]\x1b[0m\r\n`);
+			onEnded?.(reason);
+		}
+	});
+	const shellRef = useRef(shell);
+	shellRef.current = shell;
+	useEffect(() => {
+		let disposed = false;
+		loadXterm().then(({ Terminal, FitAddon: Fit }) => {
+			if (disposed || !host.current) return;
+			const instance = new Terminal({
+				allowProposedApi: true,
+				convertEol: false,
+				cursorBlink: true,
+				fontSize: fontSize ?? 12,
+				lineHeight: 1.35,
+				fontFamily: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace",
+				theme: xtermTheme(document.documentElement.getAttribute("data-theme")),
+				scrollback: 5e3
+			});
+			const addon = new Fit();
+			instance.loadAddon(addon);
+			instance.open(host.current);
+			addon.fit();
+			instance.onData((data) => shellRef.current.write(data));
+			instance.onResize(({ cols, rows }) => shellRef.current.resize({
+				cols,
+				rows
+			}));
+			term.current = instance;
+			fit.current = addon;
+			setReady(true);
+		});
+		return () => {
+			disposed = true;
+			attached.current = false;
+			shellRef.current.detach();
+			term.current?.dispose();
+			term.current = null;
+			fit.current = null;
+			setReady(false);
+		};
+	}, []);
+	useEffect(() => {
+		attached.current = false;
+	}, [shellId]);
+	useEffect(() => {
+		const instance = term.current;
+		if (!ready || !handle || shellId === void 0 || !instance || attached.current) return;
+		attached.current = true;
+		shellRef.current.attach({
+			cols: instance.cols,
+			rows: instance.rows
+		});
+	}, [
+		ready,
+		handle,
+		shellId
+	]);
+	useEffect(() => {
+		const instance = term.current;
+		if (instance) instance.options.theme = xtermTheme(theme);
+	}, [theme]);
+	useEffect(() => {
+		const node = host.current;
+		if (!node || !ready) return;
+		const observer = new ResizeObserver(() => {
+			try {
+				fit.current?.fit();
+			} catch {}
+		});
+		observer.observe(node);
+		return () => observer.disconnect();
+	}, [ready]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative min-h-0 flex-1 overflow-hidden px-2 py-1", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: host,
+			className: "h-full w-full",
+			onClick: () => term.current?.focus()
+		}), ready && shell.status !== "idle" ? null : /* @__PURE__ */ jsx("div", {
+			className: "absolute inset-0 grid place-items-center",
+			children: /* @__PURE__ */ jsx(Spinner, {})
+		})]
+	});
+}
+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 [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
+	]);
+	return {
+		shellId,
+		enterShell: setShellId,
+		leaveShell,
+		returnReveal,
+		shell,
+		label: shell ? shell.label || shell.command.split("\n")[0] || "shell" : "shell"
+	};
+}
+//#endregion
 //#region src/components/agent/QuestionPrompt.tsx
 const QUESTION_BEHAVIORS = [
 	{
@@ -9516,6 +9992,14 @@ function itemHeight(item, m) {
 		case "notice": return rowH(item.text, m, { extraPx });
 		case "compaction": return rowH(compactionText(item), m, { extraPx });
 		case "file_delivered": return rowH(`${item.path} · ${formatBytes(item.bytes)}` + (item.description ? ` · ${item.description}` : ""), m, { extraPx });
+		case "shell": {
+			const lines = shellBodyLines(item, false);
+			let acc = rowH(shellHeaderText(item), m, { extraPx });
+			for (const line of lines) acc = add(acc, rowH(line || " ", m, { extraPx }));
+			const footer = shellFooterText(item, false, lines.length);
+			if (footer) acc = add(acc, rowH(footer, m, { extraPx }));
+			return acc;
+		}
 		default: return {
 			px: 0,
 			exact: false
@@ -9542,6 +10026,7 @@ function nearestMember$1(cluster, y) {
 const LANE$1 = {
 	user: "l",
 	subagent: "l",
+	shell: "l",
 	turn: "r",
 	turnFailed: "r",
 	toolFailed: "r",
@@ -9559,11 +10044,13 @@ const LOUDNESS$1 = {
 	turn: 2,
 	bookmark: 1,
 	subagent: 1,
+	shell: 1,
 	recap: 0
 };
 const KIND_NAME$1 = {
 	user: "you",
 	subagent: "sub-agent",
+	shell: "shell",
 	turn: "response · turn end",
 	turnFailed: "turn failed",
 	toolFailed: "tool failed",
@@ -9585,6 +10072,7 @@ function excerpt$1(item) {
 		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$1(item);
 		case "file_delivered": return item.path;
@@ -9637,6 +10125,11 @@ function buildClusters(props, railH) {
 			itemIndex: index,
 			rowIndex: rowIndexFor(index)
 		});
+		else if (item.kind === "shell") marks.push({
+			kind: "shell",
+			itemIndex: index,
+			rowIndex: rowIndexFor(index)
+		});
 		else if (item.kind === "tool_call" && (item.status === "failed" || item.result?.isError === true) && rowOutcome.get(rowIndexFor(index)) === index) marks.push({
 			kind: "toolFailed",
 			itemIndex: index,
@@ -9950,6 +10443,7 @@ function nearestMember(cluster, y) {
 const LANE = {
 	user: "l",
 	subagent: "l",
+	shell: "l",
 	turn: "r",
 	turnFailed: "r",
 	toolFailed: "r",
@@ -9967,11 +10461,13 @@ const LOUDNESS = {
 	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",
@@ -9989,6 +10485,7 @@ function excerpt(item) {
 		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;
@@ -10031,6 +10528,10 @@ function buildMarks(items, { frameParentId, bookmarks = [], recapItemIndex } = {
 			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
@@ -10463,6 +10964,7 @@ function TerminalItemView({ item, fileUrl }) {
 			item,
 			href: fileUrl?.(item.path)
 		});
+		case "shell": return /* @__PURE__ */ jsx(ShellRow, { item });
 		default: return null;
 	}
 }
@@ -10988,9 +11490,80 @@ function TranscriptItemView({ item, fileUrl, attachmentUrl, hostImage, terminal
 			item,
 			href: fileUrl?.(item.path)
 		});
+		case "shell": return /* @__PURE__ */ jsx(ShellCard, { item });
 		default: return null;
 	}
 }
+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
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "shell",
+		className: "overflow-hidden rounded-md border border-border bg-surface",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 px-3 py-1.5",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "font-mono text-label text-[var(--wd-shell-accent)]",
+						children: "$"
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-expanded": open,
+						className: "min-w-0 flex-1 truncate text-left font-mono text-label text-fg-1",
+						onClick: () => {
+							const next = !open;
+							setOpen(next);
+							if (next && item.truncated && item.expanded === void 0 && !item.missing) actions.loadOutput(shellId);
+						},
+						children: shellLabel(item)
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: cn("shrink-0 text-label", failed ? "text-danger" : "text-fg-4"),
+						children: shellStatusText(item)
+					}),
+					actions.open ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-label": "Open terminal",
+						title: "Open terminal",
+						className: "shrink-0 text-label text-fg-3 hover:text-fg-1",
+						onClick: () => actions.open?.(shellId),
+						children: "⤢"
+					}) : null,
+					running ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-label": "Kill this shell",
+						className: "shrink-0 text-label text-fg-3",
+						onClick: () => void actions.kill(shellId),
+						children: "✕"
+					}) : null
+				]
+			}),
+			lines.length > 0 ? /* @__PURE__ */ jsx("pre", {
+				className: "overflow-x-auto border-t border-border px-3 py-2 font-mono text-label whitespace-pre-wrap text-fg-2",
+				children: lines.join("\n")
+			}) : null,
+			footer ? /* @__PURE__ */ jsx("div", {
+				className: "px-3 pb-2 text-label text-fg-4",
+				children: footer
+			}) : null
+		]
+	});
+}
 function CompactionRow({ item }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "compaction",
@@ -11822,7 +12395,7 @@ const INTERACTIVE = [
 	"[role=\"radio\"]",
 	"[role=\"tab\"]"
 ].join(",");
-function SessionPanel({ client, sessionId, header, panelSurface = "internal", statusSurface = "internal", statusPlacement = "top", onOpenPanel, onVitals, transcriptVariant = "cards", transcriptDensity = "comfortable", transcriptFont = "sans", affordances, terminalMetrics, scrubber = false, bookmarks, peerMentions = true, onToggleBookmark, reveal, subagents, openSubagent, onSubagentChange, stickyPrompt = false, controlsSurface = "internal", onControls, focusComposerOnClick = false, unseen, readOnly = false, approvalPrompts, toolHost, clientTools, cacheTranscript, emptyState, onLinkClick, onOpenFile, fontSize, className }) {
+function SessionPanel({ client, sessionId, header, panelSurface = "internal", statusSurface = "internal", statusPlacement = "top", onOpenPanel, onVitals, transcriptVariant = "cards", transcriptDensity = "comfortable", 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 external = panelSurface === "external";
@@ -11833,10 +12406,30 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 	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 } = useClaudeSession(client, sessionId, {
+	const { state, connection, replaying, protocolMismatch, shell, pricing, models, effectiveModel, handle, send, runShell, approve, deny, interrupt, clearContext, setModel, setPermissionMode, reconnectNow, loadFullResult, loadShellOutput, verifyShell, killShell } = useClaudeSession(client, sessionId, {
 		onProtocolError: setProtocolError,
 		cacheTranscript
 	});
+	const { shellId: framedShellId, enterShell, leaveShell, returnReveal: shellReturnReveal, shell: framedShell, label: framedShellLabel } = useShellFrame({
+		sessionId,
+		items: state.items,
+		session: state.session,
+		shells,
+		reveal,
+		openShell,
+		onShellChange
+	});
+	const shellActions = useMemo(() => ({
+		loadOutput: loadShellOutput,
+		verify: verifyShell,
+		kill: killShell,
+		open: enterShell
+	}), [
+		loadShellOutput,
+		verifyShell,
+		killShell,
+		enterShell
+	]);
 	useEffect(() => setProtocolError(void 0), [sessionId]);
 	const { subagentId, enterSubagent, leaveSubagent, returnReveal, frameItems: subagentFrameItems, task: subagentTask, fallbackLabel: subagentFallbackLabel } = useSubagentFrame({
 		sessionId,
@@ -11846,6 +12439,10 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		openSubagent,
 		onSubagentChange
 	});
+	const frameReturnReveal = useMemo(() => {
+		if (returnReveal && shellReturnReveal) return returnReveal.nonce >= shellReturnReveal.nonce ? returnReveal : shellReturnReveal;
+		return returnReveal ?? shellReturnReveal;
+	}, [returnReveal, shellReturnReveal]);
 	const [caughtUp, setCaughtUp] = useState(false);
 	useEffect(() => {
 		setCaughtUp(false);
@@ -12171,229 +12768,245 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 				value: fileLinks,
 				children: /* @__PURE__ */ jsx(ToolResultFetchProvider, {
 					value: loadFullResult,
-					children: /* @__PURE__ */ jsx(ToolTitleProvider, {
-						value: state.toolTitles,
-						children: /* @__PURE__ */ jsx(ToolResultImageProvider, {
-							value: resultImages,
-							children: /* @__PURE__ */ jsxs("div", {
-								ref: panelRef,
-								"data-slot": "session-panel",
-								"data-agent-font": transcriptFont,
-								onClick: handleClick,
-								className: cn("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: [
-									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,
-									subagentId !== void 0 ? /* @__PURE__ */ jsx(SubagentStrip, {
-										task: subagentTask,
-										items: subagentFrameItems,
-										label: subagentFallbackLabel,
-										onBack: leaveSubagent,
-										terminal,
-										fontSize: effectiveTermFontSize,
-										lineHeight: effectiveTermLineHeight
-									}) : null,
-									/* @__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,
-											density: transcriptDensity,
-											fontSize: effectiveTermFontSize,
-											lineHeight: effectiveTermLineHeight,
-											affordances,
-											stickyPrompt,
-											scrubber,
-											bookmarks,
-											replaying,
-											catchUp: catchUp && newCount > 0 ? {
-												from: catchUp.itemCount,
-												since: catchUp.since
-											} : void 0,
-											reveal: taskReveal ?? returnReveal ?? 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 ? /* @__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(ShellActionsProvider, {
+						value: shellActions,
+						children: /* @__PURE__ */ jsx(ToolTitleProvider, {
+							value: state.toolTitles,
+							children: /* @__PURE__ */ jsx(ToolResultImageProvider, {
+								value: resultImages,
+								children: /* @__PURE__ */ jsxs("div", {
+									ref: panelRef,
+									"data-slot": "session-panel",
+									"data-agent-font": transcriptFont,
+									onClick: handleClick,
+									className: cn("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: [
+										headerTakesActions ? header({ actions: menu }) : header,
+										statusPlacement === "top" ? statusBar : null,
+										protocolMismatch !== void 0 ? /* @__PURE__ */ jsxs(Notice, {
+											level: "warning",
 											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"
-												})
+												"Server speaks protocol v",
+												protocolMismatch,
+												", this build renders v",
+												PROTOCOL_VERSION,
+												". Some events may not render."
 											]
-										})
-									}) : null,
-									!readOnly && capabilities.interactiveApprovals && state.pendingApprovals.length > 0 ? /* @__PURE__ */ jsx("div", {
-										className: cn(terminal ? "pb-2" : "px-3 pb-2"),
-										children: /* @__PURE__ */ jsx(PromptSurface, {
+										}) : 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),
 											terminal,
-											metrics: {
+											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,
+												density: transcriptDensity,
 												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 ? 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)
+												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")
 										}),
-										/* @__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
-								]
+										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
+									]
+								})
 							})
 						})
 					})
@@ -12566,6 +13179,6 @@ function resolveAgainstCwd(path, cwd) {
 	return parseFileLink(path, cwd)?.path ?? path;
 }
 //#endregion
-export { TerminalDiff as $, SelectItem as $t, PermissionPrompt as A, ProgressRing as At, EntryIcon as B, DialogBody as Bt, SessionInfoDialog as C, hashtagTrigger as Ct, QuestionPrompt as D, PromptArea as Dt, QUESTION_BEHAVIORS as E, usePromptAreaState as Et, permissionModeMeta as F, copyText as Ft, Composer as G, DialogTrigger as Gt, TaskList as H, DialogContent as Ht, ModelSelect as I, Tip as It, useToolTitle as J, MenuItem as Jt, TerminalSurface as K, Menu$1 as Kt, SkillsDialog as L, TooltipContent as Lt, PERMISSION_MODES as M, CodeBlock as Mt, PermissionModeSelect as N, Spinner as Nt, parseUserQuestions as O, plainTextToSegments as Ot, permissionModeChoices as P, CopyButton as Pt, parseFileLink as Q, SelectContent as Qt, McpDialog as R, TooltipProvider as Rt, STATUS_META as S, commandTrigger as St, TerminalPermissionPrompt as T, mentionTrigger as Tt, ContextDialog as U, DialogHeader as Ut, TasksDialog as V, DialogClose as Vt, contextNote as W, DialogRow as Wt, FileLinkProvider as X, MenuTrigger as Xt, TerminalMarkdown as Y, MenuSeparator as Yt, useFileLinks as Z, Select$1 as Zt, Loader as _, matchClientCommand as _t, UsageDialog as a, Input as an, CopyAction as at, ConversationScrollButton as b, rankPeerSessions as bt, Transcript as c, Button as cn, PromptTokenText as ct, Message as d, isMutatingTool as dt, SelectItemText as en, previewPatch as et, MessageContent as f, toolIcon as ft, SessionEmptyState as g, useTranscriptVariant as gt, TerminalTranscript as h, useTranscriptDensity as ht, SessionPanel as i, Textarea as in, Row as it, Response as j, Splitter as jt, SubagentStrip as k, segmentsToPlainText as kt, ToolCallCard as l, buttonVariants as ln, SessionNamesProvider as lt, TerminalItemView as m, TranscriptVariantProvider as mt, usePathLinks as n, SelectValue as nn, Blank as nt, UsageMeters as o, Badge as on, WithActions as ot, FileCard as p, TranscriptDensityProvider as pt, ToolTitleProvider as q, MenuContent as qt, matchPath as r, PortalScope as rn, Ink as rt, useMinuteClock as s, badgeVariants as sn, useAffordances as st, resolveAgainstCwd as t, SelectTrigger as tn, Band as tt, Reasoning as u, cn as un, SkillNamesProvider as ut, Conversation as v, mergeComposerRows as vt, TerminalQuestionPrompt as w, launchTrigger as wt, StatusBar as x, skillPrompt as xt, ConversationContent as y, rankComposerRows as yt, HostFilesDialog as z, Dialog$1 as zt };
+export { useToolTitle as $, DialogContent as $t, ShellTerminal as A, rankComposerRows as At, SkillsDialog as B, segmentsToPlainText as Bt, SessionInfoDialog as C, toolIcon as Ct, QuestionPrompt as D, useTranscriptVariant as Dt, QUESTION_BEHAVIORS as E, useTranscriptDensity as Et, PERMISSION_MODES as F, launchTrigger as Ft, TaskList as G, CopyButton as Gt, HostFilesDialog as H, Splitter as Ht, PermissionModeSelect as I, mentionTrigger as It, Composer as J, TooltipContent as Jt, ContextDialog as K, copyText as Kt, permissionModeChoices as L, usePromptAreaState as Lt, SubagentStrip as M, skillPrompt as Mt, PermissionPrompt as N, commandTrigger as Nt, parseUserQuestions as O, matchClientCommand as Ot, Response as P, hashtagTrigger as Pt, ToolTitleProvider as Q, DialogClose as Qt, permissionModeMeta as R, PromptArea as Rt, STATUS_META as S, isMutatingTool as St, TerminalPermissionPrompt as T, TranscriptVariantProvider as Tt, EntryIcon as U, CodeBlock as Ut, McpDialog as V, ProgressRing as Vt, TasksDialog as W, Spinner as Wt, ShellActionsProvider as X, Dialog$1 as Xt, TerminalSurface as Y, TooltipProvider as Yt, useShellActions as Z, DialogBody as Zt, Loader as _, Badge as _n, shellInfoStatusText as _t, UsageDialog as a, MenuItem as an, previewPatch as at, ConversationScrollButton as b, buttonVariants as bn, SessionNamesProvider as bt, Transcript as c, Select$1 as cn, Ink as ct, Message as d, SelectItemText as dn, WithActions as dt, DialogHeader as en, TerminalMarkdown as et, MessageContent as f, SelectTrigger as fn, useAffordances as ft, SessionEmptyState as g, Input as gn, shellInfoLabel as gt, TerminalTranscript as h, Textarea as hn, shellInfoFailed as ht, SessionPanel as i, MenuContent as in, TerminalDiff as it, ShellStrip as j, rankPeerSessions as jt, useShellFrame as k, mergeComposerRows as kt, ToolCallCard as l, SelectContent as ln, Row as lt, TerminalItemView as m, PortalScope as mn, SHELL_KILL_GLYPH as mt, usePathLinks as n, DialogTrigger as nn, useFileLinks as nt, UsageMeters as o, MenuSeparator as on, Band as ot, FileCard as p, SelectValue as pn, SHELL_GLYPH as pt, contextNote as q, Tip as qt, matchPath as r, Menu$1 as rn, parseFileLink as rt, useMinuteClock as s, MenuTrigger as sn, Blank as st, resolveAgainstCwd as t, DialogRow as tn, FileLinkProvider as tt, Reasoning as u, SelectItem as un, CopyAction as ut, Conversation as v, badgeVariants as vn, shellTitle as vt, TerminalQuestionPrompt as w, TranscriptDensityProvider as wt, StatusBar as x, cn as xn, SkillNamesProvider as xt, ConversationContent as y, Button as yn, PromptTokenText as yt, ModelSelect as z, plainTextToSegments as zt };
 
-//# sourceMappingURL=use-path-links-CepFsMdW.mjs.map
+//# sourceMappingURL=use-path-links-BgWXmfAS.mjs.map