@workerdeck/ui 2.15.0 → 3.0.1

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

@@ -5,13 +5,13 @@ 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, 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, MessageCircleQuestion, MessageSquareText, MoreHorizontal, Paperclip, PencilLine, Plug, Power, PowerOff, Puzzle, RefreshCw, RotateCcw, RotateCw, Search, ShieldCheck, SlashSquare, SlidersHorizontal, Sparkles, Square, SquarePen, Terminal, TriangleAlert, Users, UsersRound, WifiOff, Wrench, X, Zap } from "lucide-react";
+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 { 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 { 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 { Streamdown } from "streamdown";
+import { Streamdown, defaultRehypePlugins } from "streamdown";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
 import { createPortal } from "react-dom";
 import { defaultRangeExtractor, useVirtualizer } from "@tanstack/react-virtual";
@@ -2775,10 +2775,11 @@ function usePromptAreaKeydown({ editorRef, triggers, markdownEnabled, submitOnEn
 			const launcher = triggers.find((t) => t.mode === "launch" && t.char === e.key);
 			const editor = editorRef.current;
 			if (launcher?.onActivate && editor) {
-				const cursorPos = getCursorOffset(editor);
-				if (cursorPos !== null) {
+				const caret = getCursorOffset(editor);
+				if (caret !== null) {
 					const segments = readSegmentsFromDOM();
 					const plainText = segmentsToPlainText(segments);
+					const cursorPos = Math.min(caret, plainText.length);
 					if (isValidTriggerPosition(plainText, cursorPos, launcher.position)) {
 						e.preventDefault();
 						launcher.onActivate({
@@ -4575,36 +4576,14 @@ function TranscriptVariantProvider({ value, children }) {
 function useTranscriptVariant() {
 	return useContext(VariantContext);
 }
-const DensityContext = createContext("comfortable");
-function TranscriptDensityProvider({ value, children }) {
-	return /* @__PURE__ */ jsx(DensityContext.Provider, {
-		value,
-		children
-	});
-}
-function useTranscriptDensity() {
-	return useContext(DensityContext);
-}
 const ROW_GAP = {
 	terminal: {
-		comfortable: {
-			className: "term-row-gap",
-			px: 18
-		},
-		compact: {
-			className: "term-row-gap",
-			px: 18
-		}
+		className: "term-row-gap",
+		px: 18
 	},
 	cards: {
-		comfortable: {
-			className: "pt-4",
-			px: 16
-		},
-		compact: {
-			className: "pt-2",
-			px: 8
-		}
+		className: "pt-5",
+		px: 20
 	}
 };
 //#endregion
@@ -4613,7 +4592,19 @@ function toolIcon(toolName) {
 	switch (toolName) {
 		case "Bash":
 		case "BashOutput":
-		case "KillShell": return Terminal;
+		case "KillShell":
+		case "shell_list":
+		case "shell_read":
+		case "shell_run":
+		case "shell_write":
+		case "shell_kill":
+		case "shell_request_write":
+		case "mcp__workerdeck__shell_list":
+		case "mcp__workerdeck__shell_read":
+		case "mcp__workerdeck__shell_run":
+		case "mcp__workerdeck__shell_write":
+		case "mcp__workerdeck__shell_kill":
+		case "mcp__workerdeck__shell_request_write": return Terminal;
 		case "Read": return FileText;
 		case "Write": return SquarePen;
 		case "Edit":
@@ -4765,69 +4756,11 @@ 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,
-	actions: true
+	actions: true,
+	labels: false
 };
 const AffordanceContext = createContext(DEFAULTS);
 function useAffordances() {
@@ -4836,7 +4769,8 @@ function useAffordances() {
 function resolveAffordances(value) {
 	if (value === false) return {
 		hover: false,
-		actions: false
+		actions: false,
+		labels: false
 	};
 	if (value === true || value === void 0) return DEFAULTS;
 	return {
@@ -4850,17 +4784,52 @@ function AffordanceProvider({ value, children }) {
 		children
 	});
 }
-function WithActions({ actions, children, className }) {
+const PlacementContext = createContext("below");
+function ActionPlacementProvider({ value, children }) {
+	return /* @__PURE__ */ jsx(PlacementContext.Provider, {
+		value,
+		children
+	});
+}
+function WithActions({ actions, children, className, placement }) {
 	const { actions: enabled } = useAffordances();
+	const inherited = useContext(PlacementContext);
 	if (!enabled) return /* @__PURE__ */ jsx(Fragment$1, { children });
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("term-hoverable", className),
-		children: [children, /* @__PURE__ */ jsx("div", {
+		"data-placement": placement ?? inherited,
+		children: [/* @__PURE__ */ jsx(PlacementContext.Provider, {
+			value: "below",
+			children
+		}), /* @__PURE__ */ jsx("div", {
 			className: "term-actions",
 			children: actions
 		})]
 	});
 }
+function ActionButton({ icon: Icon, word, label, tone, pressed, filled, onPress }) {
+	const { labels } = useAffordances();
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: "term-action",
+		title: label,
+		"aria-label": label,
+		"aria-pressed": pressed,
+		"data-tone": tone,
+		onClick: (event) => {
+			event.stopPropagation();
+			onPress();
+		},
+		children: [/* @__PURE__ */ jsx(Icon, {
+			"aria-hidden": true,
+			className: "term-action-icon",
+			fill: filled ? "currentColor" : "none"
+		}), labels ? /* @__PURE__ */ jsx("span", {
+			className: "term-action-word",
+			children: word
+		}) : null]
+	});
+}
 const BookmarkContext = createContext(void 0);
 function BookmarkProvider({ value, children }) {
 	return /* @__PURE__ */ jsx(BookmarkContext.Provider, {
@@ -4872,77 +4841,71 @@ function BookmarkAction({ id }) {
 	const handle = useContext(BookmarkContext);
 	if (!handle) return null;
 	const active = handle.has(id);
-	const label = active ? "Remove bookmark" : "Bookmark";
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		className: "term-action",
-		title: label,
-		"aria-label": label,
-		"aria-pressed": active,
-		onClick: (event) => {
-			event.stopPropagation();
-			handle.toggle(id);
-		},
-		children: active ? "★" : "☆"
+	return /* @__PURE__ */ jsx(ActionButton, {
+		icon: Star,
+		filled: true,
+		word: active ? "bookmarked" : "bookmark",
+		label: active ? "Remove bookmark" : "Bookmark",
+		tone: active ? "yellow" : void 0,
+		pressed: active,
+		onPress: () => handle.toggle(id)
 	});
 }
 function OpenSubagentAction({ onOpen, label = "Open sub-agent" }) {
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		className: "term-action",
-		title: label,
-		"aria-label": label,
-		onClick: (event) => {
-			event.stopPropagation();
-			onOpen();
-		},
-		children: "⤢"
+	return /* @__PURE__ */ jsx(ActionButton, {
+		icon: Maximize2,
+		word: "open",
+		label,
+		onPress: onOpen
 	});
 }
 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: "⤢"
+	return /* @__PURE__ */ jsx(ActionButton, {
+		icon: SquareTerminal,
+		word: "enter shell",
+		label,
+		tone: "magenta",
+		onPress: onOpen
 	});
 }
 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: "✕"
+	return /* @__PURE__ */ jsx(ActionButton, {
+		icon: X,
+		word: "kill",
+		label,
+		tone: "danger",
+		onPress: onKill
+	});
+}
+function AgentWriteAction({ granted, label, onToggle }) {
+	return /* @__PURE__ */ jsx(ActionButton, {
+		icon: granted ? Bot : BotOff,
+		word: granted ? "agent can type" : "agent read-only",
+		label,
+		tone: granted ? "yellow" : void 0,
+		pressed: granted,
+		onPress: onToggle
 	});
 }
 function CopyAction({ text, label = "Copy" }) {
 	const [copied, setCopied] = useState(false);
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		className: "term-action",
-		title: label,
-		"aria-label": label,
-		onClick: (event) => {
-			event.stopPropagation();
+	return /* @__PURE__ */ jsx(ActionButton, {
+		icon: copied ? Check : Copy,
+		word: copied ? "copied" : "copy",
+		label,
+		onPress: () => {
 			copyText(text).then((ok) => {
 				if (!ok) return;
 				setCopied(true);
 				setTimeout(() => setCopied(false), 1200);
 			});
-		},
-		children: copied ? "✓" : "⧉"
+		}
+	});
+}
+function AgentWriteIcon({ granted, className }) {
+	return /* @__PURE__ */ jsx(granted ? Bot : BotOff, {
+		"aria-hidden": true,
+		className
 	});
 }
 //#endregion
@@ -5133,119 +5096,650 @@ function useFileLinks() {
 	return useContext(FileLinkContext);
 }
 //#endregion
-//#region src/components/terminal/markdown.tsx
-function codeText(node) {
-	if (node === null || node === void 0 || typeof node === "boolean") return "";
-	if (typeof node === "string" || typeof node === "number") return String(node);
-	if (Array.isArray(node)) return node.map(codeText).join("");
-	const element = node;
-	return element.props ? codeText(element.props.children) : "";
+//#region src/components/terminal/image-box.ts
+const HOST_IMAGE_TOOLS = /* @__PURE__ */ new Set(["CodexImageGeneration", "CodexImageView"]);
+const MEDIA_EXTENSIONS = {
+	"image/png": "png",
+	"image/jpeg": "jpg",
+	"image/gif": "gif",
+	"image/webp": "webp",
+	"image/svg+xml": "svg"
+};
+function imagePlaceholder(image) {
+	return `image · ${formatBytes(image.bytes)}`;
 }
-function fenceLanguage(node) {
-	const className = (Array.isArray(node) ? node.find(Boolean) : node)?.props?.className;
-	return /language-([\w-]+)/.exec(className ?? "")?.[1];
+const IMAGE_UNAVAILABLE = "image unavailable";
+function hostImagePathOf(item) {
+	if (!HOST_IMAGE_TOOLS.has(item.name)) return;
+	const input = item.input;
+	const path = input?.savedPath ?? input?.path;
+	return typeof path === "string" ? path : void 0;
 }
-function CodeBand({ code, language }) {
-	return /* @__PURE__ */ jsx(WithActions, {
-		className: "term-block",
-		actions: /* @__PURE__ */ jsx(CopyAction, {
-			text: code,
-			label: "Copy code"
-		}),
-		children: /* @__PURE__ */ jsx(Band, {
-			className: "term-code",
-			"data-language": language,
-			children: /* @__PURE__ */ jsx("pre", {
-				className: "term-pre",
-				children: code
-			})
-		})
-	});
+function baseName(path) {
+	return path.split(/[\\/]/).pop() || path;
 }
-function heading(tone) {
-	return function Heading({ children }) {
-		return /* @__PURE__ */ jsx("div", {
-			className: "term-block",
-			"data-tone": tone,
-			"data-weight": "bold",
-			children
-		});
-	};
+function resultImageName(toolName, image) {
+	const extension = MEDIA_EXTENSIONS[image.mediaType] ?? image.mediaType.split("/").pop() ?? "img";
+	return `${toolName.toLowerCase()}-${image.partIndex + 1}.${extension}`;
 }
-function Link({ href, children }) {
-	const links = useFileLinks();
-	const file = links ? parseFileLink(href, links.cwd) : void 0;
-	if (file) return /* @__PURE__ */ jsx("button", {
+//#endregion
+//#region src/components/agent/image-viewer.tsx
+const ZOOM_STEPS = [
+	.1,
+	.25,
+	.33,
+	.5,
+	.67,
+	.75,
+	1,
+	1.25,
+	1.5,
+	2,
+	3,
+	4,
+	6,
+	8
+];
+const STAGE_PADDING = 16;
+const DRAG_SLOP$1 = 4;
+const WHEEL_ZOOM_RATE = .01;
+const WHEEL_DELTA_CAP = 25;
+const ViewerContext = createContext(void 0);
+function useOpenImage() {
+	return useContext(ViewerContext);
+}
+function ImageViewerProvider({ children }) {
+	const [image, setImage] = useState();
+	const close = useCallback(() => setImage(void 0), []);
+	return /* @__PURE__ */ jsxs(ViewerContext.Provider, {
+		value: setImage,
+		children: [children, image ? /* @__PURE__ */ jsx(ImageViewer, {
+			image,
+			onClose: close
+		}, image.src) : null]
+	});
+}
+function ViewableImage({ image, className, children }) {
+	const open = useOpenImage();
+	if (!open) return /* @__PURE__ */ jsx(Fragment$1, { children });
+	return /* @__PURE__ */ jsx("button", {
 		type: "button",
-		className: "term-link",
-		"data-tone": "blue",
-		title: file.line === void 0 ? file.path : `${file.path}:${file.line}`,
+		"aria-label": `View ${image.name}`,
+		title: image.name,
+		"data-slot": "viewable-image",
+		className: cn("cursor-zoom-in", className),
 		onClick: (event) => {
 			event.stopPropagation();
-			links?.open(file.path, file.line);
+			open(image);
 		},
 		children
 	});
-	return /* @__PURE__ */ jsx("a", {
-		className: "term-link",
-		"data-tone": "blue",
-		href,
-		target: "_blank",
-		rel: "noreferrer",
-		children
-	});
 }
-const TERMINAL_COMPONENTS = {
-	p: ({ children }) => /* @__PURE__ */ jsx("div", {
-		className: "term-block",
-		children
-	}),
-	h1: heading("bright"),
-	h2: heading("bright"),
-	h3: heading("bright"),
-	h4: heading("fg"),
-	h5: heading("fg"),
-	h6: heading("fg"),
-	ul: ({ children }) => /* @__PURE__ */ jsx("ul", {
-		className: "term-block term-list",
-		children
-	}),
-	ol: ({ children }) => /* @__PURE__ */ jsx("ol", {
-		className: "term-block term-list term-list-ordered",
-		children
-	}),
-	li: ({ children }) => /* @__PURE__ */ jsxs("li", {
-		className: "term-row term-li",
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "term-gutter",
-			"aria-hidden": true
-		}), /* @__PURE__ */ jsx("div", {
-			className: "term-body",
-			children
-		})]
-	}),
-	blockquote: ({ children }) => /* @__PURE__ */ jsx("blockquote", {
-		className: "term-block term-quote",
-		"data-tone": "dim",
-		children
-	}),
-	hr: () => /* @__PURE__ */ jsx("div", {
-		className: "term-block term-rule",
-		"aria-hidden": true
-	}),
-	pre: ({ children }) => /* @__PURE__ */ jsx(CodeBand, {
-		code: codeText(children),
-		language: fenceLanguage(children)
-	}),
-	code: ({ children }) => /* @__PURE__ */ jsx("code", {
-		className: "term-inline-code",
-		"data-tone": "blue",
-		children
-	}),
-	strong: ({ children }) => /* @__PURE__ */ jsx("strong", {
-		"data-tone": "bright",
-		"data-weight": "bold",
-		children
+function ImageViewer({ image, onClose, className }) {
+	const rootRef = useRef(null);
+	const stageRef = useRef(null);
+	const [natural, setNatural] = useState();
+	const [stage, setStage] = useState();
+	const [zoom, setZoom] = useState("fit");
+	const [failed, setFailed] = useState(false);
+	const anchor = useRef(void 0);
+	const wheelScale = useRef(void 0);
+	const drag = useRef(void 0);
+	const dragged = useRef(false);
+	const fitScale = natural && stage ? Math.min(1, (stage.width - 32) / natural.width, (stage.height - 32) / natural.height) : 1;
+	const scale = zoom === "fit" ? Math.max(fitScale, .01) : zoom;
+	const scrollable = natural !== void 0 && stage !== void 0 && (natural.width * scale > stage.width || natural.height * scale > stage.height);
+	useEffect(() => {
+		const previous = document.activeElement;
+		rootRef.current?.focus();
+		return () => previous?.focus?.();
+	}, []);
+	useEffect(() => {
+		const element = stageRef.current;
+		if (!element) return;
+		const observer = new ResizeObserver(() => setStage({
+			width: element.clientWidth,
+			height: element.clientHeight
+		}));
+		observer.observe(element);
+		return () => observer.disconnect();
+	}, []);
+	useLayoutEffect(() => {
+		const element = stageRef.current;
+		const point = anchor.current;
+		if (!element || !point) return;
+		anchor.current = void 0;
+		wheelScale.current = void 0;
+		element.scrollLeft = point.x * element.scrollWidth - point.viewX;
+		element.scrollTop = point.y * element.scrollHeight - point.viewY;
+	}, [scale]);
+	const zoomTo = useCallback((next, focus) => {
+		const element = stageRef.current;
+		if (element && element.scrollWidth > 0 && element.scrollHeight > 0) {
+			const rect = element.getBoundingClientRect();
+			const viewX = focus ? focus.clientX - rect.left : element.clientWidth / 2;
+			const viewY = focus ? focus.clientY - rect.top : element.clientHeight / 2;
+			anchor.current = {
+				x: (element.scrollLeft + viewX) / element.scrollWidth,
+				y: (element.scrollTop + viewY) / element.scrollHeight,
+				viewX,
+				viewY
+			};
+		}
+		setZoom(next);
+	}, []);
+	const step = (direction) => {
+		const next = direction > 0 ? ZOOM_STEPS.find((value) => value > scale + .001) : ZOOM_STEPS.filter((value) => value < scale - .001).at(-1);
+		zoomTo(next ?? (direction > 0 ? ZOOM_STEPS[ZOOM_STEPS.length - 1] : ZOOM_STEPS[0]));
+	};
+	const onKeyDown = (event) => {
+		event.stopPropagation();
+		if (event.key === "Escape") {
+			event.preventDefault();
+			onClose();
+		} else if (event.key === "+" || event.key === "=") {
+			event.preventDefault();
+			step(1);
+		} else if (event.key === "-" || event.key === "_") {
+			event.preventDefault();
+			step(-1);
+		} else if (event.key === "0") {
+			event.preventDefault();
+			zoomTo("fit");
+		} else if (event.key === "1") {
+			event.preventDefault();
+			zoomTo(1);
+		}
+	};
+	const scaleRef = useRef(scale);
+	scaleRef.current = scale;
+	useEffect(() => {
+		const element = stageRef.current;
+		if (!element) return;
+		const onWheel = (event) => {
+			if (!event.ctrlKey && !event.metaKey) return;
+			event.preventDefault();
+			const delta = Math.max(-25, Math.min(WHEEL_DELTA_CAP, event.deltaY));
+			const base = wheelScale.current ?? scaleRef.current;
+			const next = Math.min(ZOOM_STEPS[ZOOM_STEPS.length - 1], Math.max(ZOOM_STEPS[0], base * Math.exp(-delta * WHEEL_ZOOM_RATE)));
+			wheelScale.current = next;
+			zoomTo(next, event);
+		};
+		element.addEventListener("wheel", onWheel, { passive: false });
+		return () => element.removeEventListener("wheel", onWheel);
+	}, [zoomTo]);
+	const onPointerDown = (event) => {
+		const element = stageRef.current;
+		if (!scrollable || !element || event.button !== 0) return;
+		dragged.current = false;
+		drag.current = {
+			x: event.clientX,
+			y: event.clientY,
+			left: element.scrollLeft,
+			top: element.scrollTop
+		};
+		element.setPointerCapture(event.pointerId);
+	};
+	const onPointerMove = (event) => {
+		const element = stageRef.current;
+		const start = drag.current;
+		if (!element || !start) return;
+		if (Math.abs(event.clientX - start.x) + Math.abs(event.clientY - start.y) > DRAG_SLOP$1) dragged.current = true;
+		element.scrollLeft = start.left - (event.clientX - start.x);
+		element.scrollTop = start.top - (event.clientY - start.y);
+	};
+	const endDrag = (event) => {
+		drag.current = void 0;
+		stageRef.current?.releasePointerCapture?.(event.pointerId);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref: rootRef,
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": image.name,
+		tabIndex: -1,
+		"data-slot": "image-viewer",
+		onKeyDown,
+		onClick: (event) => event.stopPropagation(),
+		className: cn("absolute inset-0 z-50 flex flex-col bg-bg outline-none", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex shrink-0 items-center gap-1 border-b border-border px-2 py-1.5",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 flex-1 px-1",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "truncate font-mono text-body-sm text-fg-1",
+						title: image.name,
+						children: image.name
+					}), natural ? /* @__PURE__ */ jsxs("div", {
+						className: "text-label text-fg-4",
+						children: [
+							natural.width,
+							" × ",
+							natural.height
+						]
+					}) : null]
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": "Zoom out",
+					title: "Zoom out (-)",
+					onClick: () => step(-1),
+					disabled: failed,
+					children: /* @__PURE__ */ jsx(Minus, {})
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: "w-12 text-center font-mono text-label text-fg-3 tabular-nums",
+					children: [Math.round(scale * 100), "%"]
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": "Zoom in",
+					title: "Zoom in (+)",
+					onClick: () => step(1),
+					disabled: failed,
+					children: /* @__PURE__ */ jsx(Plus, {})
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: zoom === "fit" ? "secondary" : "ghost",
+					size: "icon-sm",
+					"aria-label": "Fit to view",
+					"aria-pressed": zoom === "fit",
+					title: "Fit to view (0)",
+					onClick: () => zoomTo("fit"),
+					disabled: failed,
+					children: /* @__PURE__ */ jsx(Maximize, {})
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: zoom === 1 ? "secondary" : "ghost",
+					size: "sm",
+					"aria-label": "Actual size",
+					"aria-pressed": zoom === 1,
+					title: "Actual size (1)",
+					onClick: () => zoomTo(1),
+					disabled: failed,
+					className: "font-mono",
+					children: "1:1"
+				}),
+				/* @__PURE__ */ jsx("a", {
+					href: image.src,
+					download: image.name,
+					"aria-label": "Download",
+					title: "Download",
+					className: "inline-flex size-7 items-center justify-center rounded-md text-fg-2 transition-colors hover:bg-surface-hover hover:text-foreground",
+					children: /* @__PURE__ */ jsx(Download, { className: "size-4" })
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": "Close",
+					title: "Close (Esc)",
+					onClick: onClose,
+					children: /* @__PURE__ */ jsx(X, {})
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			ref: stageRef,
+			"data-slot": "image-viewer-stage",
+			onPointerDown,
+			onPointerMove,
+			onPointerUp: endDrag,
+			onPointerCancel: endDrag,
+			onClick: (event) => {
+				if (dragged.current) {
+					dragged.current = false;
+					return;
+				}
+				if (event.target === event.currentTarget || event.target === event.currentTarget.firstElementChild) onClose();
+			},
+			className: cn("min-h-0 flex-1 overflow-auto bg-surface-hover/40", scrollable && "cursor-grab active:cursor-grabbing"),
+			children: /* @__PURE__ */ jsx("div", {
+				className: "flex min-h-full w-max min-w-full items-center justify-center",
+				style: { padding: STAGE_PADDING },
+				children: failed ? /* @__PURE__ */ jsx("span", {
+					className: "text-body-sm text-fg-4",
+					children: "Image could not be displayed"
+				}) : /* @__PURE__ */ jsx("img", {
+					src: image.src,
+					alt: image.name,
+					draggable: false,
+					onLoad: (event) => setNatural({
+						width: event.currentTarget.naturalWidth,
+						height: event.currentTarget.naturalHeight
+					}),
+					onError: () => setFailed(true),
+					onDoubleClick: () => zoomTo(zoom === "fit" ? 1 : "fit"),
+					className: "block max-w-none select-none",
+					style: natural ? {
+						width: natural.width * scale,
+						height: natural.height * scale,
+						imageRendering: scale > 2 ? "pixelated" : void 0
+					} : {
+						maxWidth: "100%",
+						maxHeight: "100%",
+						visibility: "hidden"
+					}
+				})
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/agent/tool-result-image.tsx
+const noop$1 = async () => void 0;
+const ImageContext = createContext(noop$1);
+function ToolResultImageProvider({ value, children }) {
+	return /* @__PURE__ */ jsx(ImageContext.Provider, {
+		value: value ?? noop$1,
+		children
+	});
+}
+function useToolResultImageLoader() {
+	return useContext(ImageContext);
+}
+const MOUNT_SETTLE_MS = 150;
+function useToolResultImageSrc(ref) {
+	const load = useToolResultImageLoader();
+	const [state, setState] = useState({ failed: false });
+	const { toolUseId, sourceSeq, partIndex, mediaType, bytes } = ref;
+	useEffect(() => {
+		let live = true;
+		setState({ failed: false });
+		const timer = setTimeout(() => {
+			load({
+				toolUseId,
+				sourceSeq,
+				partIndex,
+				mediaType,
+				bytes
+			}).then((src) => {
+				if (live) setState({
+					src,
+					failed: src === void 0
+				});
+			}).catch(() => {
+				if (live) setState({ failed: true });
+			});
+		}, MOUNT_SETTLE_MS);
+		return () => {
+			live = false;
+			clearTimeout(timer);
+		};
+	}, [
+		load,
+		toolUseId,
+		sourceSeq,
+		partIndex,
+		mediaType,
+		bytes
+	]);
+	return state;
+}
+const HostImageContext = createContext(void 0);
+function HostImageProvider({ value, children }) {
+	return /* @__PURE__ */ jsx(HostImageContext.Provider, {
+		value,
+		children
+	});
+}
+function useHostImageSrc(path, override) {
+	const provided = useContext(HostImageContext);
+	const load = override ?? provided;
+	const [state, setState] = useState({ failed: false });
+	useEffect(() => {
+		if (path === void 0) return;
+		if (!load) {
+			setState({ failed: true });
+			return;
+		}
+		let live = true;
+		setState({ failed: false });
+		load(path).then((src) => {
+			if (live) setState({
+				src,
+				failed: src === void 0
+			});
+		}).catch(() => {
+			if (live) setState({ failed: true });
+		});
+		return () => {
+			live = false;
+		};
+	}, [load, path]);
+	return state;
+}
+const CACHE_BUDGET_BYTES = 67108864;
+function useToolResultImages(client, sessionId) {
+	const cache = useRef(/* @__PURE__ */ new Map());
+	useEffect(() => () => {
+		for (const entry of cache.current.values()) if (entry.url) URL.revokeObjectURL(entry.url);
+		cache.current.clear();
+	}, []);
+	return useCallback((ref) => {
+		if (!sessionId) return Promise.resolve(void 0);
+		const key = `${sessionId}:${ref.sourceSeq}:${ref.toolUseId}:${ref.partIndex}`;
+		const hit = cache.current.get(key);
+		if (hit) {
+			cache.current.delete(key);
+			cache.current.set(key, hit);
+			return hit.pending;
+		}
+		const pending = client.toolResultImage(sessionId, ref.sourceSeq, ref.toolUseId, ref.partIndex).then((blob) => {
+			if (blob.size === 0) return;
+			const url = URL.createObjectURL(blob);
+			const entry = cache.current.get(key);
+			if (entry) {
+				entry.url = url;
+				entry.bytes = blob.size;
+				evict(cache.current, key);
+			} else URL.revokeObjectURL(url);
+			return url;
+		}).catch(() => void 0);
+		cache.current.set(key, {
+			pending,
+			bytes: ref.bytes
+		});
+		return pending;
+	}, [client, sessionId]);
+}
+function evict(cache, keep) {
+	let held = 0;
+	for (const entry of cache.values()) held += entry.bytes;
+	for (const [key, entry] of cache) {
+		if (held <= CACHE_BUDGET_BYTES) return;
+		if (key === keep) continue;
+		if (entry.url) URL.revokeObjectURL(entry.url);
+		cache.delete(key);
+		held -= entry.bytes;
+	}
+}
+//#endregion
+//#region src/components/agent/markdown-image.tsx
+const LOCAL_PREFIX = "https://local-image.invalid/";
+const WEB_SOURCE = /^(?:https?:|data:image\/|blob:)/i;
+function shieldLocalImages() {
+	return (tree) => {
+		walk(tree);
+	};
+}
+function walk(node) {
+	if (node.type === "element" && node.tagName === "img" && node.properties) {
+		const src = node.properties.src;
+		if (typeof src === "string" && src.trim() && !WEB_SOURCE.test(src.trim())) node.properties.src = LOCAL_PREFIX + encodeURIComponent(src.trim());
+	}
+	for (const child of node.children ?? []) walk(child);
+}
+const MARKDOWN_REHYPE_PLUGINS = [shieldLocalImages, ...Object.values(defaultRehypePlugins)];
+function localImagePath(src) {
+	if (!src?.startsWith(LOCAL_PREFIX)) return;
+	try {
+		return decodeURIComponent(src.slice(28));
+	} catch {
+		return;
+	}
+}
+function MarkdownImage({ src, alt, terminal }) {
+	const links = useFileLinks();
+	const raw = typeof src === "string" ? src : void 0;
+	const local = localImagePath(raw);
+	const path = local === void 0 ? void 0 : parseFileLink(local, links?.cwd)?.path;
+	const host = useHostImageSrc(path);
+	const resolved = local === void 0 ? raw : host.src;
+	const label = typeof alt === "string" && alt ? alt : void 0;
+	const name = path ? baseName(path) : label ?? "image";
+	const failed = local !== void 0 && (path === void 0 || host.failed);
+	if (terminal) return /* @__PURE__ */ jsx("span", {
+		className: "term-image",
+		"data-state": resolved ? "loaded" : failed ? "failed" : "pending",
+		style: { height: `calc(var(--term-line) * 12)` },
+		children: resolved ? /* @__PURE__ */ jsx(ViewableImage, {
+			image: {
+				src: resolved,
+				name
+			},
+			children: /* @__PURE__ */ jsx("img", {
+				src: resolved,
+				alt: label ?? name
+			})
+		}) : /* @__PURE__ */ jsx("span", {
+			"data-tone": "faint",
+			children: failed ? `${IMAGE_UNAVAILABLE} · ${local ?? name}` : name
+		})
+	});
+	if (!resolved) return /* @__PURE__ */ jsx("span", {
+		className: "my-1 inline-block rounded-md border border-border bg-surface-hover px-2 py-1 text-label text-fg-4",
+		children: failed ? `${IMAGE_UNAVAILABLE} · ${local ?? name}` : name
+	});
+	return /* @__PURE__ */ jsx(ViewableImage, {
+		image: {
+			src: resolved,
+			name
+		},
+		className: "my-1 block max-w-full",
+		children: /* @__PURE__ */ jsx("img", {
+			src: resolved,
+			alt: label ?? name,
+			className: "max-h-96 w-auto max-w-full rounded-md border border-border"
+		})
+	});
+}
+//#endregion
+//#region src/components/terminal/markdown.tsx
+function codeText(node) {
+	if (node === null || node === void 0 || typeof node === "boolean") return "";
+	if (typeof node === "string" || typeof node === "number") return String(node);
+	if (Array.isArray(node)) return node.map(codeText).join("");
+	const element = node;
+	return element.props ? codeText(element.props.children) : "";
+}
+function fenceLanguage(node) {
+	const className = (Array.isArray(node) ? node.find(Boolean) : node)?.props?.className;
+	return /language-([\w-]+)/.exec(className ?? "")?.[1];
+}
+function CodeBand({ code, language }) {
+	return /* @__PURE__ */ jsx(WithActions, {
+		className: "term-block",
+		placement: "inline",
+		actions: /* @__PURE__ */ jsx(CopyAction, {
+			text: code,
+			label: "Copy code"
+		}),
+		children: /* @__PURE__ */ jsx(Band, {
+			className: "term-code",
+			"data-language": language,
+			children: /* @__PURE__ */ jsx("pre", {
+				className: "term-pre",
+				children: code
+			})
+		})
+	});
+}
+function heading(tone) {
+	return function Heading({ children }) {
+		return /* @__PURE__ */ jsx("div", {
+			className: "term-block",
+			"data-tone": tone,
+			"data-weight": "bold",
+			children
+		});
+	};
+}
+function Link({ href, children }) {
+	const links = useFileLinks();
+	const file = links ? parseFileLink(href, links.cwd) : void 0;
+	if (file) return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: "term-link",
+		"data-tone": "blue",
+		title: file.line === void 0 ? file.path : `${file.path}:${file.line}`,
+		onClick: (event) => {
+			event.stopPropagation();
+			links?.open(file.path, file.line);
+		},
+		children
+	});
+	return /* @__PURE__ */ jsx("a", {
+		className: "term-link",
+		"data-tone": "blue",
+		href,
+		target: "_blank",
+		rel: "noreferrer",
+		children
+	});
+}
+const TERMINAL_COMPONENTS = {
+	p: ({ children }) => /* @__PURE__ */ jsx("div", {
+		className: "term-block",
+		children
+	}),
+	h1: heading("bright"),
+	h2: heading("bright"),
+	h3: heading("bright"),
+	h4: heading("fg"),
+	h5: heading("fg"),
+	h6: heading("fg"),
+	ul: ({ children }) => /* @__PURE__ */ jsx("ul", {
+		className: "term-block term-list",
+		children
+	}),
+	ol: ({ children }) => /* @__PURE__ */ jsx("ol", {
+		className: "term-block term-list term-list-ordered",
+		children
+	}),
+	li: ({ children }) => /* @__PURE__ */ jsxs("li", {
+		className: "term-row term-li",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "term-gutter",
+			"aria-hidden": true
+		}), /* @__PURE__ */ jsx("div", {
+			className: "term-body",
+			children
+		})]
+	}),
+	blockquote: ({ children }) => /* @__PURE__ */ jsx("blockquote", {
+		className: "term-block term-quote",
+		"data-tone": "dim",
+		children
+	}),
+	hr: () => /* @__PURE__ */ jsx("div", {
+		className: "term-block term-rule",
+		"aria-hidden": true
+	}),
+	pre: ({ children }) => /* @__PURE__ */ jsx(CodeBand, {
+		code: codeText(children),
+		language: fenceLanguage(children)
+	}),
+	code: ({ children }) => /* @__PURE__ */ jsx("code", {
+		className: "term-inline-code",
+		"data-tone": "blue",
+		children
+	}),
+	strong: ({ children }) => /* @__PURE__ */ jsx("strong", {
+		"data-tone": "bright",
+		"data-weight": "bold",
+		children
 	}),
 	em: ({ children }) => /* @__PURE__ */ jsx("em", {
 		className: "term-em",
@@ -5255,6 +5749,11 @@ const TERMINAL_COMPONENTS = {
 		href,
 		children
 	}),
+	img: ({ src, alt }) => /* @__PURE__ */ jsx(MarkdownImage, {
+		src,
+		alt,
+		terminal: true
+	}),
 	table: ({ children }) => /* @__PURE__ */ jsx("div", {
 		className: "term-block term-table-wrap",
 		children: /* @__PURE__ */ jsx("table", {
@@ -5281,6 +5780,7 @@ const TerminalMarkdown = memo(function TerminalMarkdown({ children, streaming, c
 		parseIncompleteMarkdown: streaming,
 		controls: false,
 		components: TERMINAL_COMPONENTS,
+		rehypePlugins: MARKDOWN_REHYPE_PLUGINS,
 		className: cn("term-md", className),
 		children
 	});
@@ -5479,12 +5979,6 @@ function scrollParent(from) {
 	return null;
 }
 //#endregion
-//#region src/components/terminal/image-box.ts
-function imagePlaceholder(image) {
-	return `image · ${formatBytes(image.bytes)}`;
-}
-const IMAGE_UNAVAILABLE = "image unavailable";
-//#endregion
 //#region src/components/terminal/result-preview.ts
 const PREVIEW_LINES = 4;
 const PREVIEW_CHARS = 400;
@@ -5521,11 +6015,11 @@ function collapsedResult(lines, totalChars) {
 }
 //#endregion
 //#region src/components/agent/tool-result-fetch.tsx
-const noop$1 = async () => false;
-const FetchContext = createContext(noop$1);
+const noop = async () => false;
+const FetchContext = createContext(noop);
 function ToolResultFetchProvider({ value, children }) {
 	return /* @__PURE__ */ jsx(FetchContext.Provider, {
-		value: value ?? noop$1,
+		value: value ?? noop,
 		children
 	});
 }
@@ -5545,102 +6039,6 @@ function useToolTitle(name) {
 	return toolTitle(name, useContext(TitlesContext));
 }
 //#endregion
-//#region src/components/agent/tool-result-image.tsx
-const noop = async () => void 0;
-const ImageContext = createContext(noop);
-function ToolResultImageProvider({ value, children }) {
-	return /* @__PURE__ */ jsx(ImageContext.Provider, {
-		value: value ?? noop,
-		children
-	});
-}
-function useToolResultImageLoader() {
-	return useContext(ImageContext);
-}
-const MOUNT_SETTLE_MS = 150;
-function useToolResultImageSrc(ref) {
-	const load = useToolResultImageLoader();
-	const [state, setState] = useState({ failed: false });
-	const { toolUseId, sourceSeq, partIndex, mediaType, bytes } = ref;
-	useEffect(() => {
-		let live = true;
-		setState({ failed: false });
-		const timer = setTimeout(() => {
-			load({
-				toolUseId,
-				sourceSeq,
-				partIndex,
-				mediaType,
-				bytes
-			}).then((src) => {
-				if (live) setState({
-					src,
-					failed: src === void 0
-				});
-			}).catch(() => {
-				if (live) setState({ failed: true });
-			});
-		}, MOUNT_SETTLE_MS);
-		return () => {
-			live = false;
-			clearTimeout(timer);
-		};
-	}, [
-		load,
-		toolUseId,
-		sourceSeq,
-		partIndex,
-		mediaType,
-		bytes
-	]);
-	return state;
-}
-const CACHE_BUDGET_BYTES = 67108864;
-function useToolResultImages(client, sessionId) {
-	const cache = useRef(/* @__PURE__ */ new Map());
-	useEffect(() => () => {
-		for (const entry of cache.current.values()) if (entry.url) URL.revokeObjectURL(entry.url);
-		cache.current.clear();
-	}, []);
-	return useCallback((ref) => {
-		if (!sessionId) return Promise.resolve(void 0);
-		const key = `${sessionId}:${ref.sourceSeq}:${ref.toolUseId}:${ref.partIndex}`;
-		const hit = cache.current.get(key);
-		if (hit) {
-			cache.current.delete(key);
-			cache.current.set(key, hit);
-			return hit.pending;
-		}
-		const pending = client.toolResultImage(sessionId, ref.sourceSeq, ref.toolUseId, ref.partIndex).then((blob) => {
-			if (blob.size === 0) return;
-			const url = URL.createObjectURL(blob);
-			const entry = cache.current.get(key);
-			if (entry) {
-				entry.url = url;
-				entry.bytes = blob.size;
-				evict(cache.current, key);
-			} else URL.revokeObjectURL(url);
-			return url;
-		}).catch(() => void 0);
-		cache.current.set(key, {
-			pending,
-			bytes: ref.bytes
-		});
-		return pending;
-	}, [client, sessionId]);
-}
-function evict(cache, keep) {
-	let held = 0;
-	for (const entry of cache.values()) held += entry.bytes;
-	for (const [key, entry] of cache) {
-		if (held <= CACHE_BUDGET_BYTES) return;
-		if (key === keep) continue;
-		if (entry.url) URL.revokeObjectURL(entry.url);
-		cache.delete(key);
-		held -= entry.bytes;
-	}
-}
-//#endregion
 //#region src/components/terminal/todos.ts
 const PREVIEW_TODOS = 8;
 const GLYPH = {
@@ -5678,8 +6076,75 @@ function ShellActionsProvider({ value, children }) {
 		children
 	});
 }
-function useShellActions() {
-	return useContext(ShellActionsContext);
+function useShellActions() {
+	return useContext(ShellActionsContext);
+}
+//#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";
+const SHELL_AGENT_WRITE_NOTE = "agent may type";
+function shellGrantable(shell) {
+	return shell.status === "running" && shell.owner === "user";
+}
+function shellAgentWriteLabel(shell) {
+	return shell.agentWrite === true ? "Revoke the agent’s access to this shell" : "Let the agent type into this shell";
+}
+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 shell.agentWrite === true ? `running · ${SHELL_AGENT_WRITE_NOTE}` : "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 === "" || item.shell.interactive) 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.shell.interactive) return SHELL_INTERACTIVE_NOTE;
+	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";
 }
 const RESULT_PREVIEW_CHARS$1 = 2e3;
 function clipToChars(lines, maxChars) {
@@ -5747,7 +6212,7 @@ function PeerSendRow({ item }) {
 		})
 	});
 }
-function UserRow({ item }) {
+function UserRow({ item, attachmentUrl }) {
 	return /* @__PURE__ */ jsx(WithActions, {
 		actions: /* @__PURE__ */ jsx(BookmarkAction, { id: item.id }),
 		children: /* @__PURE__ */ jsxs("div", {
@@ -5757,7 +6222,10 @@ function UserRow({ item }) {
 				glyph: "❯",
 				glyphTone: "dim",
 				tone: "dim",
-				children: item.attachments.map((attachment) => attachment.name).join(", ")
+				children: item.attachments.map((attachment, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 ? ", " : null, /* @__PURE__ */ jsx(AttachmentName, {
+					attachment,
+					href: attachmentUrl?.(attachment.id)
+				})] }, attachment.id))
 			}) : null, item.text ? item.text.split("\n").map((line, index) => item.origin && index === 0 ? /* @__PURE__ */ jsx(PeerRow, {
 				glyph: "↦",
 				who: peerName(item.origin),
@@ -5829,6 +6297,7 @@ function ToolRow({ item }) {
 	const copyable = typeof command === "string" ? command : text;
 	const todos = todoPreview(item.name, item.input);
 	const title = useToolTitle(item.name);
+	const hostPath = hostImagePathOf(item);
 	return /* @__PURE__ */ jsx("div", {
 		ref: reveal,
 		className: open ? "term-open" : void 0,
@@ -5872,8 +6341,10 @@ function ToolRow({ item }) {
 						]
 					})
 				}),
+				hostPath !== void 0 ? /* @__PURE__ */ jsx(TerminalHostImage, { path: hostPath }) : null,
 				item.result?.images?.map((image) => /* @__PURE__ */ jsx(TerminalImage, {
 					toolUseId: item.id,
+					name: resultImageName(item.name, image),
 					image
 				}, image.partIndex)),
 				item.patch && !open ? /* @__PURE__ */ jsx(TerminalDiff, { patch: item.patch }) : todos && !open ? /* @__PURE__ */ jsx(TerminalTodos, { preview: todos }) : text ? /* @__PURE__ */ jsxs(Fragment$1, { children: [preview.map((line, index) => /* @__PURE__ */ jsx(Row, {
@@ -5945,11 +6416,43 @@ function TerminalTodos({ preview }) {
 		children: preview.more
 	}) : null] });
 }
-function TerminalImage({ toolUseId, image }) {
-	const { src, failed } = useToolResultImageSrc({
+function AttachmentName({ attachment, href }) {
+	const open = useOpenImage();
+	if (!open || !href || !attachment.mediaType.startsWith("image/")) return /* @__PURE__ */ jsx(Fragment$1, { children: attachment.name });
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: "term-press term-link",
+		onClick: (event) => {
+			event.stopPropagation();
+			open({
+				src: href,
+				name: attachment.name
+			});
+		},
+		children: attachment.name
+	});
+}
+function TerminalImage({ toolUseId, name, image }) {
+	const state = useToolResultImageSrc({
 		toolUseId,
 		...image
 	});
+	return /* @__PURE__ */ jsx(TerminalImageBox, {
+		state,
+		name,
+		placeholder: imagePlaceholder(image)
+	});
+}
+function TerminalHostImage({ path }) {
+	const state = useHostImageSrc(path);
+	return /* @__PURE__ */ jsx(TerminalImageBox, {
+		state,
+		name: baseName(path),
+		placeholder: baseName(path)
+	});
+}
+function TerminalImageBox({ state, name, placeholder }) {
+	const { src, failed } = state;
 	return /* @__PURE__ */ jsx(Row, {
 		indent: 1,
 		columns: 3,
@@ -5957,12 +6460,18 @@ function TerminalImage({ toolUseId, image }) {
 			className: "term-image",
 			"data-state": src ? "loaded" : failed ? "failed" : "pending",
 			style: { height: `calc(var(--term-line) * 12)` },
-			children: src ? /* @__PURE__ */ jsx("img", {
-				src,
-				alt: imagePlaceholder(image)
+			children: src ? /* @__PURE__ */ jsx(ViewableImage, {
+				image: {
+					src,
+					name
+				},
+				children: /* @__PURE__ */ jsx("img", {
+					src,
+					alt: name
+				})
 			}) : /* @__PURE__ */ jsx(Ink, {
 				tone: "faint",
-				children: failed ? IMAGE_UNAVAILABLE : imagePlaceholder(image)
+				children: failed ? IMAGE_UNAVAILABLE : placeholder
 			})
 		})
 	});
@@ -5991,7 +6500,10 @@ function ToolRunRow({ items }) {
 					children: runSummary(items, busy)
 				}) : runSummary(items, busy)
 			})
-		}), open ? /* @__PURE__ */ jsx("div", { children: items.map((item) => /* @__PURE__ */ jsx(ToolRow, { item }, item.id)) }) : null]
+		}), open ? /* @__PURE__ */ jsx("div", { children: items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 ? /* @__PURE__ */ jsx(Blank, {}) : null, index < items.length - 1 ? /* @__PURE__ */ jsx(ActionPlacementProvider, {
+			value: "below",
+			children: /* @__PURE__ */ jsx(ToolRow, { item })
+		}) : /* @__PURE__ */ jsx(ToolRow, { item })] }, item.id)) }) : null]
 	});
 }
 function RunRow({ items }) {
@@ -6068,6 +6580,11 @@ function ShellRow({ item }) {
 		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, {
@@ -7632,13 +8149,103 @@ function planFromRequest(request) {
 	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/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
 	});
@@ -7656,6 +8263,7 @@ function PermissionPrompt({ request, onApprove, onDeny, className }) {
 		setDenying(false);
 	};
 	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", {
@@ -7670,7 +8278,7 @@ function PermissionPrompt({ request, onApprove, onDeny, className }) {
 					children: [
 						/* @__PURE__ */ jsx("div", {
 							className: "text-body-sm font-medium text-fg-1",
-							children: plan ? "Plan ready for review" : request.title ?? request.displayName ?? "Permission needed"
+							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",
@@ -7684,6 +8292,11 @@ function PermissionPrompt({ request, onApprove, onDeny, className }) {
 							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: [
@@ -7692,7 +8305,7 @@ function PermissionPrompt({ request, onApprove, onDeny, className }) {
 										className: "shrink-0 font-mono text-label font-medium text-fg-2",
 										children: request.toolName
 									}),
-									summary ? /* @__PURE__ */ jsx("span", {
+									summary && !shell ? /* @__PURE__ */ jsx("span", {
 										className: "min-w-0 truncate font-mono text-label text-fg-4",
 										children: summary
 									}) : null
@@ -7988,19 +8601,26 @@ function useSubagentFrame(options) {
 }
 //#endregion
 //#region src/components/agent/ShellStrip.tsx
-function ShellStrip({ shell, label, cols, onBack, onKill, terminal, fontSize, lineHeight }) {
+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, {
-			actions: running && onKill ? /* @__PURE__ */ jsx(KillShellAction, { onKill }) : null,
+			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",
@@ -8048,6 +8668,18 @@ function ShellStrip({ shell, label, cols, onBack, onKill, terminal, fontSize, li
 				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",
@@ -8158,7 +8790,7 @@ function ShellTerminal({ handle, shellId, onEnded, onShell, fontSize, className
 		return () => observer.disconnect();
 	}, [ready]);
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("relative min-h-0 flex-1 overflow-hidden px-2 py-1", className),
+		className: cn("wd-shell-term relative min-h-0 flex-1 overflow-hidden px-2 py-1", className),
 		children: [/* @__PURE__ */ jsx("div", {
 			ref: host,
 			className: "h-full w-full",
@@ -8592,9 +9224,10 @@ function TerminalPermissionPrompt({ request, onApprove, onDeny, className }) {
 		setDenying(false);
 	};
 	const plan = planFromRequest(request);
-	const patch = plan ? void 0 : previewPatch(request.input);
-	const summary = plan ? "" : toolInputPreview(request.input);
-	const heading = plan ? "Plan ready for review" : request.displayName ?? request.title ?? "Permission needed";
+	const shell = plan ? void 0 : shellRequestPayload(request);
+	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,
@@ -8657,6 +9290,13 @@ function TerminalPermissionPrompt({ request, onApprove, onDeny, className }) {
 				}),
 				/* @__PURE__ */ jsx(Blank, {}),
 				/* @__PURE__ */ jsx(Rule, { dashed: true })
+			] }) : shell ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				shellRequestLines(shell).map((line, index) => /* @__PURE__ */ jsx(Row, {
+					bold: true,
+					children: line
+				}, index)),
+				/* @__PURE__ */ jsx(Blank, {}),
+				/* @__PURE__ */ jsx(Rule, { dashed: true })
 			] }) : patch ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsx(TerminalDiff, { patch }),
 				/* @__PURE__ */ jsx(Blank, {}),
@@ -8669,7 +9309,7 @@ function TerminalPermissionPrompt({ request, onApprove, onDeny, className }) {
 				tone: "faint",
 				children: request.decisionReason
 			}) : null,
-			/* @__PURE__ */ jsx(Row, { children: plan ? "Ready to implement this plan?" : request.title ?? `Do you want to proceed?` }),
+			/* @__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(Choices, {
 				label: heading,
 				options,
@@ -9428,6 +10068,8 @@ function measureCh(surface) {
 	probe.remove();
 	return width;
 }
+const MARKDOWN_IMAGE = /!\[[^\]]*\]\([^)]*\)/;
+const MARKDOWN_IMAGE_LINE = /^\s*!\[[^\]]*\]\([^)\s]+\)\s*$/;
 const segmenter = new Intl.Segmenter("en", { granularity: "grapheme" });
 const WIDE_RANGES = [
 	[4352, 4447],
@@ -9651,11 +10293,39 @@ function hardLines(source) {
 	if (current.length) out.push(current.join(" "));
 	return out;
 }
+function isBlank(s) {
+	return s !== void 0 && s.trim() === "";
+}
+function listMarker(s) {
+	const m = /^(\s*)([-*+]|\d+\.)\s+(.*)$/.exec(s);
+	if (!m) return;
+	return {
+		depth: Math.floor(m[1].length / 2),
+		ordered: /\d/.test(m[2]),
+		text: m[3]
+	};
+}
+function numberHunk(hunk) {
+	let newLine = hunk.newStart;
+	let oldLine = hunk.oldStart;
+	return hunk.lines.map((line) => {
+		const kind = line.startsWith("+") ? "add" : line.startsWith("-") ? "remove" : "context";
+		const text = line.slice(1);
+		const number = kind === "add" ? newLine++ : kind === "remove" ? oldLine++ : newLine;
+		if (kind === "context") {
+			oldLine++;
+			newLine++;
+		}
+		return {
+			number,
+			text
+		};
+	});
+}
 function parseBlocks(md) {
 	const lines = md.split("\n");
 	const blocks = [];
 	let i = 0;
-	const isBlank = (s) => s !== void 0 && s.trim() === "";
 	while (i < lines.length) {
 		const line = lines[i];
 		if (line.trim() === "") {
@@ -9709,15 +10379,6 @@ function parseBlocks(md) {
 			});
 			continue;
 		}
-		const listMarker = (s) => {
-			const m = /^(\s*)([-*+]|\d+\.)\s+(.*)$/.exec(s);
-			if (!m) return;
-			return {
-				depth: Math.floor(m[1].length / 2),
-				ordered: /\d/.test(m[2]),
-				text: m[3]
-			};
-		};
 		if (listMarker(line)) {
 			const items = [];
 			const gutters = [];
@@ -9773,9 +10434,11 @@ function parseBlocks(md) {
 			para.push(lines[i]);
 			i += 1;
 		}
-		blocks.push({
+		if (para.length === 1 && MARKDOWN_IMAGE_LINE.test(para[0])) blocks.push({ t: "image" });
+		else blocks.push({
 			t: "p",
-			lines: hardLines(para)
+			lines: hardLines(para),
+			images: para.some((row) => MARKDOWN_IMAGE.test(row))
 		});
 	}
 	return blocks;
@@ -9799,10 +10462,16 @@ function markdownHeight(md, m, extraPx = 0) {
 					const r = textLines(line, cols);
 					acc = add(acc, {
 						px: r.lines * m.line,
-						exact: r.exact
+						exact: r.exact && !block.images
 					});
 				}
 				break;
+			case "image":
+				acc = add(acc, {
+					px: 12 * m.line,
+					exact: true
+				});
+				break;
 			case "h": {
 				const r = textLines(block.text, cols);
 				acc = add(acc, {
@@ -9874,24 +10543,7 @@ function markdownHeight(md, m, extraPx = 0) {
 	};
 }
 function diffHeight(patch, m, extraPx = 0) {
-	const walk = (hunk) => {
-		let newLine = hunk.newStart;
-		let oldLine = hunk.oldStart;
-		return hunk.lines.map((line) => {
-			const kind = line.startsWith("+") ? "add" : line.startsWith("-") ? "remove" : "context";
-			const text = line.slice(1);
-			const number = kind === "add" ? newLine++ : kind === "remove" ? oldLine++ : newLine;
-			if (kind === "context") {
-				oldLine++;
-				newLine++;
-			}
-			return {
-				number,
-				text
-			};
-		});
-	};
-	const hunks = patch.hunks.map(walk);
+	const hunks = patch.hunks.map(numberHunk);
 	const numbered = patch.hunks.some((hunk) => hunk.newStart > 0);
 	const width = numbered ? String(Math.max(...hunks.flat().map((row) => row.number), 1)).length : 0;
 	const columns = numbered ? width + 3 : 2;
@@ -9924,9 +10576,9 @@ function toolRowHeight(item, m, extraPx) {
 		gutterCells: 2,
 		extraPx
 	});
-	const images = item.result?.images;
-	if (images?.length) acc = add(acc, {
-		px: images.length * 12 * m.line,
+	const boxes = (item.result?.images?.length ?? 0) + (hostImagePathOf(item) === void 0 ? 0 : 1);
+	if (boxes > 0) acc = add(acc, {
+		px: boxes * 12 * m.line,
 		exact: true
 	});
 	if (item.patch) return add(acc, diffHeight(item.patch, m, extraPx));
@@ -10951,9 +11603,12 @@ function useTranscriptJumps(options) {
 }
 //#endregion
 //#region src/components/terminal/TerminalTranscript.tsx
-function TerminalItemView({ item, fileUrl }) {
+function TerminalItemView({ item, fileUrl, attachmentUrl }) {
 	switch (item.kind) {
-		case "user": return /* @__PURE__ */ jsx(UserRow, { item });
+		case "user": return /* @__PURE__ */ jsx(UserRow, {
+			item,
+			attachmentUrl
+		});
 		case "assistant_text": return /* @__PURE__ */ jsx(AssistantRow, { item });
 		case "thinking": return /* @__PURE__ */ jsx(ThinkingRow, { item });
 		case "tool_call": return isPeerSend(item) ? /* @__PURE__ */ jsx(PeerSendRow, { item }) : /* @__PURE__ */ jsx(ToolRow, { item });
@@ -11021,10 +11676,17 @@ function TaskRow({ block, fileUrl, onOpenSubagent }) {
 			children: [brief ? /* @__PURE__ */ jsx(BriefRow, {
 				text: brief,
 				terminal: true
-			}) : null, block.children.map((leaf, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && blockNeedsBlank(block.children[index - 1], leaf) ? /* @__PURE__ */ jsx(Blank, {}) : null, "run" in leaf ? /* @__PURE__ */ jsx(RunRow, { items: leaf.run }) : /* @__PURE__ */ jsx(TerminalItemView, {
-				item: leaf.item,
-				fileUrl
-			})] }, leaf.key))]
+			}) : null, block.children.map((leaf, index) => {
+				const next = block.children[index + 1];
+				const view = "run" in leaf ? /* @__PURE__ */ jsx(RunRow, { items: leaf.run }) : /* @__PURE__ */ jsx(TerminalItemView, {
+					item: leaf.item,
+					fileUrl
+				});
+				return /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && blockNeedsBlank(block.children[index - 1], leaf) ? /* @__PURE__ */ jsx(Blank, {}) : null, next && !blockNeedsBlank(leaf, next) ? /* @__PURE__ */ jsx(ActionPlacementProvider, {
+					value: "inline",
+					children: view
+				}) : view] }, leaf.key);
+			})]
 		}) : null]
 	});
 	return onOpenSubagent === void 0 ? row : /* @__PURE__ */ jsx(WithActions, {
@@ -11059,13 +11721,19 @@ function TerminalTranscript({ state, fileUrl, fontSize, lineHeight, affordances,
 		className: cn("term-transcript", className),
 		children: /* @__PURE__ */ jsxs(PeerNamesProvider, {
 			items: state.items,
-			children: [blocks.map((block, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && blockNeedsBlank(blocks[index - 1], block) ? /* @__PURE__ */ jsx(Blank, {}) : null, "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, {
+			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
@@ -11163,13 +11831,6 @@ function Reasoning({ children, isStreaming = false, defaultOpen, className }) {
 //#endregion
 //#region src/components/agent/ToolCallCard.tsx
 const RESULT_PREVIEW_CHARS = 2e3;
-const IMAGE_TOOLS = /* @__PURE__ */ new Set(["CodexImageGeneration", "CodexImageView"]);
-function imagePathOf(item) {
-	if (!IMAGE_TOOLS.has(item.name)) return;
-	const input = item.input;
-	const path = input?.savedPath ?? input?.path;
-	return typeof path === "string" ? path : void 0;
-}
 const STATE_BADGE = {
 	running: {
 		label: "Running",
@@ -11252,7 +11913,7 @@ function ToolCallCard({ item, hostImage, className }) {
 	const [fullResult, setFullResult] = useState(false);
 	const [fetching, setFetching] = useState(false);
 	const fetchResult = useToolResultFetcher();
-	const imagePath = imagePathOf(item);
+	const imagePath = hostImagePathOf(item);
 	const status = item.status ?? (item.result === void 0 ? "running" : "settled");
 	const badge = STATE_BADGE[status];
 	const isError = status === "failed" || item.result?.isError === true;
@@ -11308,7 +11969,7 @@ function ToolCallCard({ item, hostImage, className }) {
 			}) : null] }) : null
 		]
 	}) : null;
-	const image = imagePath && hostImage ? /* @__PURE__ */ jsx(HostImage, {
+	const image = imagePath ? /* @__PURE__ */ jsx(HostImage, {
 		path: imagePath,
 		load: hostImage
 	}) : null;
@@ -11316,6 +11977,7 @@ function ToolCallCard({ item, hostImage, className }) {
 		className: "flex flex-col gap-2 border-t border-border p-2.5",
 		children: item.result.images.map((ref) => /* @__PURE__ */ jsx(ResultImage, {
 			toolUseId: item.id,
+			name: resultImageName(item.name, ref),
 			image: ref
 		}, ref.partIndex))
 	}) : null;
@@ -11371,17 +12033,24 @@ function PlainPayload({ code, label, className }) {
 		className
 	});
 }
-function ResultImage({ toolUseId, image }) {
+function ResultImage({ toolUseId, name, image }) {
 	const { src, failed } = useToolResultImageSrc({
 		toolUseId,
 		...image
 	});
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex h-60 items-start overflow-hidden rounded-md border border-border bg-surface-hover",
-		children: src ? /* @__PURE__ */ jsx("img", {
-			src,
-			alt: imagePlaceholder(image),
-			className: "h-full max-w-full object-contain"
+		children: src ? /* @__PURE__ */ jsx(ViewableImage, {
+			image: {
+				src,
+				name
+			},
+			className: "h-full max-w-full",
+			children: /* @__PURE__ */ jsx("img", {
+				src,
+				alt: name,
+				className: "h-full max-w-full object-contain"
+			})
 		}) : /* @__PURE__ */ jsx("span", {
 			className: "p-2 text-label text-fg-4",
 			children: failed ? IMAGE_UNAVAILABLE : imagePlaceholder(image)
@@ -11389,24 +12058,22 @@ function ResultImage({ toolUseId, image }) {
 	});
 }
 function HostImage({ path, load }) {
-	const [src, setSrc] = useState();
-	useEffect(() => {
-		let cancelled = false;
-		setSrc(void 0);
-		load(path).then((url) => {
-			if (!cancelled) setSrc(url);
-		}).catch(() => {});
-		return () => {
-			cancelled = true;
-		};
-	}, [path, load]);
+	const { src } = useHostImageSrc(path, load);
 	if (!src) return null;
+	const name = baseName(path);
 	return /* @__PURE__ */ jsx("div", {
 		className: "border-t border-border p-2.5",
-		children: /* @__PURE__ */ jsx("img", {
-			src,
-			alt: path.split("/").pop() ?? "Generated image",
-			className: "max-h-96 w-auto max-w-full rounded-md border border-border"
+		children: /* @__PURE__ */ jsx(ViewableImage, {
+			image: {
+				src,
+				name
+			},
+			className: "block max-w-full",
+			children: /* @__PURE__ */ jsx("img", {
+				src,
+				alt: name,
+				className: "max-h-96 w-auto max-w-full rounded-md border border-border"
+			})
 		})
 	});
 }
@@ -11451,35 +12118,45 @@ function NoticeRow({ item }) {
 function TranscriptItemView({ item, fileUrl, attachmentUrl, hostImage, terminal }) {
 	if (terminal) return /* @__PURE__ */ jsx(TerminalItemView, {
 		item,
-		fileUrl
+		fileUrl,
+		attachmentUrl
 	});
 	switch (item.kind) {
-		case "user": return /* @__PURE__ */ jsxs(Message, {
-			from: "user",
-			children: [
-				item.origin ? /* @__PURE__ */ jsx("div", {
-					className: "wd-peer-origin text-xs text-muted-foreground",
-					children: peerLabel(item.origin)
-				}) : null,
-				item.attachments?.length ? /* @__PURE__ */ jsx(SentAttachments, {
-					attachments: item.attachments,
-					attachmentUrl
-				}) : null,
-				item.text ? /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(PromptTokenText, { text: item.text }) }) : null
-			]
+		case "user": return /* @__PURE__ */ jsx(WithActions, {
+			actions: /* @__PURE__ */ jsx(BookmarkAction, { id: item.id }),
+			children: /* @__PURE__ */ jsxs(Message, {
+				from: "user",
+				children: [
+					item.origin ? /* @__PURE__ */ jsx("div", {
+						className: "wd-peer-origin text-xs text-muted-foreground",
+						children: peerLabel(item.origin)
+					}) : null,
+					item.attachments?.length ? /* @__PURE__ */ jsx(SentAttachments, {
+						attachments: item.attachments,
+						attachmentUrl
+					}) : null,
+					item.text ? /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(PromptTokenText, { text: item.text }) }) : null
+				]
+			})
 		});
-		case "assistant_text": return /* @__PURE__ */ jsx(Message, {
-			from: "assistant",
-			children: /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(Response, {
-				streaming: item.streaming,
-				children: item.text
-			}) })
+		case "assistant_text": return /* @__PURE__ */ jsx(WithActions, {
+			actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(BookmarkAction, { id: item.id }), item.streaming ? null : /* @__PURE__ */ jsx(CopyAction, {
+				text: item.text,
+				label: "Copy message"
+			})] }),
+			children: /* @__PURE__ */ jsx(Message, {
+				from: "assistant",
+				children: /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(Response, {
+					streaming: item.streaming,
+					children: item.text
+				}) })
+			})
 		});
 		case "thinking": return /* @__PURE__ */ jsx(Reasoning, {
 			isStreaming: item.id === "streaming-thinking",
 			children: item.text
 		});
-		case "tool_call": return /* @__PURE__ */ jsx(ToolCallCard, {
+		case "tool_call": return /* @__PURE__ */ jsx(ToolCard, {
 			item,
 			hostImage
 		});
@@ -11494,6 +12171,20 @@ function TranscriptItemView({ item, fileUrl, attachmentUrl, hostImage, terminal
 		default: return null;
 	}
 }
+function ToolCard({ item, hostImage }) {
+	const command = item.input?.command;
+	const copyable = typeof command === "string" ? command : item.result?.text ?? "";
+	return /* @__PURE__ */ jsx(WithActions, {
+		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(BookmarkAction, { id: item.id }), copyable ? /* @__PURE__ */ jsx(CopyAction, {
+			text: copyable,
+			label: "Copy"
+		}) : null] }),
+		children: /* @__PURE__ */ jsx(ToolCallCard, {
+			item,
+			hostImage
+		})
+	});
+}
 function ShellCard({ item }) {
 	const [open, setOpen] = useState(false);
 	const actions = useShellActions();
@@ -11510,58 +12201,59 @@ function ShellCard({ item }) {
 		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")
+	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,
-			footer ? /* @__PURE__ */ jsx("div", {
-				className: "px-3 pb-2 text-label text-fg-4",
-				children: footer
-			}) : 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__ */ 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)
+						})
+					]
+				}),
+				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 }) {
@@ -11612,10 +12304,17 @@ function SentAttachments({ attachments, attachmentUrl }) {
 		className: "mb-1 flex flex-wrap justify-start gap-1.5",
 		children: attachments.map((attachment) => {
 			const href = attachmentUrl?.(attachment.id);
-			return attachment.mediaType.startsWith("image/") && href ? /* @__PURE__ */ jsx("img", {
-				src: href,
-				alt: attachment.name,
-				className: "size-20 rounded-md border border-border object-cover"
+			return attachment.mediaType.startsWith("image/") && href ? /* @__PURE__ */ jsx(ViewableImage, {
+				image: {
+					src: href,
+					name: attachment.name
+				},
+				className: "rounded-md",
+				children: /* @__PURE__ */ jsx("img", {
+					src: href,
+					alt: attachment.name,
+					className: "size-20 rounded-md border border-border object-cover"
+				})
 			}, attachment.id) : /* @__PURE__ */ jsx("span", {
 				className: "rounded-full border border-border bg-surface px-2.5 py-1 text-body-xs text-fg-3",
 				children: attachment.name
@@ -11839,7 +12538,8 @@ function TranscriptRows({ rows, boundary, since, terminal, replaying, stickyProm
 			children: virtualizer.getVirtualItems().map((virtualRow) => {
 				const row = rows[virtualRow.index];
 				const gapClass = virtualRow.index > 0 && (!terminal || gapBefore(rows, virtualRow.index)) ? gap.className : void 0;
-				const content = "run" in row ? /* @__PURE__ */ jsx("div", {
+				const flushBelow = terminal && virtualRow.index < rows.length - 1 && !gapBefore(rows, virtualRow.index + 1);
+				const view = "run" in row ? /* @__PURE__ */ jsx("div", {
 					className: cn(read(boundary, row.index) && "opacity-45"),
 					children: /* @__PURE__ */ jsx(RunRow, { items: row.run })
 				}) : "item" in row ? /* @__PURE__ */ jsx("div", {
@@ -11866,6 +12566,10 @@ function TranscriptRows({ rows, boundary, since, terminal, replaying, stickyProm
 						onOpenSubagent
 					})
 				});
+				const content = /* @__PURE__ */ jsx(ActionPlacementProvider, {
+					value: flushBelow ? "inline" : "below",
+					children: view
+				});
 				if (stickyPrompt && "item" in row && row.item.kind === "user" && parentOf(row.item) === void 0) {
 					const next = promptRows.find((index) => index > virtualRow.index);
 					const laneEnd = next === void 0 ? virtualizer.getTotalSize() : measurements[next]?.start ?? virtualRow.start;
@@ -11937,7 +12641,14 @@ function showLoader(state) {
 	return last.kind !== "turn_result" || state.status === "running";
 }
 function TerminalShell({ active, fontSize, lineHeight, affordances, children }) {
-	if (!active) return /* @__PURE__ */ jsx(Fragment$1, { children });
+	if (!active) return /* @__PURE__ */ jsx("div", {
+		"data-cards": "",
+		className: "contents",
+		children: /* @__PURE__ */ jsx(AffordanceProvider, {
+			value: resolveAffordances(affordances),
+			children
+		})
+	});
 	return /* @__PURE__ */ jsx(TerminalSurface, {
 		fontSize,
 		lineHeight,
@@ -11947,11 +12658,11 @@ function TerminalShell({ active, fontSize, lineHeight, affordances, children })
 		children
 	});
 }
-function Transcript({ state, fileUrl, attachmentUrl, canBrowseFiles, hostImage, variant = "cards", density = "comfortable", fontSize, lineHeight, affordances, stickyPrompt = false, scrubber, bookmarks, sessionNames, replaying = false, catchUp, jumpToRecapRef, repinRef, reveal, frame, onOpenSubagent, emptyState, className }) {
+function Transcript({ state, fileUrl, attachmentUrl, canBrowseFiles, hostImage, variant = "cards", fontSize, lineHeight, affordances, stickyPrompt = false, scrubber, bookmarks, sessionNames, replaying = false, catchUp, jumpToRecapRef, repinRef, reveal, frame, onOpenSubagent, emptyState, className }) {
 	const terminal = variant === "terminal";
 	const items = useMemo(() => frame ? subagentItems(state.items, frame.parentToolUseId) : state.items, [state.items, frame]);
 	const frameTask = useMemo(() => frame ? state.items.find((item) => item.kind === "tool_call" && item.id === frame.parentToolUseId) : void 0, [state.items, frame]);
-	const gap = ROW_GAP[variant][density];
+	const gap = ROW_GAP[variant];
 	const runStartedAt = useRunStart(state.status);
 	const boundary = !frame && catchUp && catchUp.from > 0 && catchUp.from < state.items.length ? catchUp.from : void 0;
 	const recap = useMemo(() => boundary === void 0 ? void 0 : recapLine(summarizeSince(state, boundary)), [state, boundary]);
@@ -11985,83 +12696,86 @@ function Transcript({ state, fileUrl, attachmentUrl, canBrowseFiles, hostImage,
 	const skillNames = useMemo(() => state.skills?.map((skill) => skill.name), [state.skills]);
 	return /* @__PURE__ */ jsx(TranscriptVariantProvider, {
 		value: variant,
-		children: /* @__PURE__ */ jsx(SkillNamesProvider, {
-			names: skillNames,
-			children: /* @__PURE__ */ jsx(SessionNamesProvider, {
-				names: sessionNames,
-				children: /* @__PURE__ */ jsxs(Conversation, {
-					className: cn(replaying && "invisible", className),
-					children: [
-						/* @__PURE__ */ jsx(ConversationContent, {
-							className: cn(terminal && "gap-0 p-0"),
-							children: /* @__PURE__ */ jsxs(TerminalShell, {
-								active: terminal,
-								fontSize,
-								lineHeight,
-								affordances,
-								children: [
-									frame ? frameTask === void 0 && !replaying ? /* @__PURE__ */ jsx("div", {
-										className: cn(terminal ? "term-row text-fg-4" : "p-4 text-body-sm text-fg-4"),
-										children: "This sub-agent's work is not in this transcript."
-									}) : null : items.length === 0 && state.status !== "starting" ? emptyState !== void 0 ? emptyState : /* @__PURE__ */ jsx(SessionEmptyState, {
-										cwd: state.cwd,
-										hasCommands: !!state.commands?.length,
-										hasSkills: !!state.skills?.some((s) => s.enabled),
-										canBrowseFiles
-									}) : null,
-									frame && frameTask === void 0 && !replaying ? null : /* @__PURE__ */ jsx(TranscriptRows, {
-										rows,
-										boundary,
-										since: catchUp?.since,
-										terminal,
-										replaying,
-										stickyPrompt: !frame && stickyPrompt,
-										gap,
-										fontSize,
-										lineHeight,
-										items,
-										pendingApprovals: state.pendingApprovals,
-										scrubber,
-										bookmarks: frame ? void 0 : bookmarks,
-										affordances,
-										fileUrl,
-										attachmentUrl,
-										hostImage,
-										jumpToRecapRef,
-										repinRef,
-										reveal: frame ? void 0 : reveal,
-										frameParentId: frame?.parentToolUseId,
-										onOpenSubagent: frame ? void 0 : onOpenSubagent
-									}),
-									(frame ? frameTask !== void 0 && taskBusy(frameTask, items) : showLoader(state)) ? terminal ? /* @__PURE__ */ jsxs(Fragment$1, { children: [state.items.length > 0 ? /* @__PURE__ */ jsx("div", {
-										className: "term-blank",
-										"aria-hidden": true
-									}) : null, /* @__PURE__ */ jsx(WorkingRow, {
-										label: state.status === "starting" ? "Starting…" : "Working…",
-										startedAt: runStartedAt,
-										tokens: state.contextUsage?.totalTokens
-									})] }) : /* @__PURE__ */ jsx(Loader, { label: state.status === "starting" ? "Starting session…" : void 0 }) : null
-								]
-							})
-						}),
-						/* @__PURE__ */ jsx(ConversationScrollButton, {}),
-						replaying ? /* @__PURE__ */ jsx("div", {
-							"data-slot": "transcript-hold",
-							"aria-hidden": true,
-							className: "wd-hold-appear visible pointer-events-none absolute inset-0 overflow-hidden",
-							children: /* @__PURE__ */ jsx("div", {
-								className: cn("mx-auto w-full max-w-[var(--wd-transcript-max-width)]", !terminal && "px-4 py-4"),
-								children: terminal ? /* @__PURE__ */ jsx(TerminalSurface, {
+		children: /* @__PURE__ */ jsx(HostImageProvider, {
+			value: hostImage,
+			children: /* @__PURE__ */ jsx(SkillNamesProvider, {
+				names: skillNames,
+				children: /* @__PURE__ */ jsx(SessionNamesProvider, {
+					names: sessionNames,
+					children: /* @__PURE__ */ jsxs(Conversation, {
+						className: cn(replaying && "invisible", className),
+						children: [
+							/* @__PURE__ */ jsx(ConversationContent, {
+								className: cn(terminal && "gap-0 p-0"),
+								children: /* @__PURE__ */ jsxs(TerminalShell, {
+									active: terminal,
 									fontSize,
 									lineHeight,
-									affordances: false,
-									bleed: "1ch",
-									className: "term-transcript",
-									children: /* @__PURE__ */ jsx(WorkingRow, { label: "Loading…" })
-								}) : /* @__PURE__ */ jsx(Loader, { label: "Loading session…" })
-							})
-						}) : null
-					]
+									affordances,
+									children: [
+										frame ? frameTask === void 0 && !replaying ? /* @__PURE__ */ jsx("div", {
+											className: cn(terminal ? "term-row text-fg-4" : "p-4 text-body-sm text-fg-4"),
+											children: "This sub-agent's work is not in this transcript."
+										}) : null : items.length === 0 && state.status !== "starting" ? emptyState !== void 0 ? emptyState : /* @__PURE__ */ jsx(SessionEmptyState, {
+											cwd: state.cwd,
+											hasCommands: !!state.commands?.length,
+											hasSkills: !!state.skills?.some((s) => s.enabled),
+											canBrowseFiles
+										}) : null,
+										frame && frameTask === void 0 && !replaying ? null : /* @__PURE__ */ jsx(TranscriptRows, {
+											rows,
+											boundary,
+											since: catchUp?.since,
+											terminal,
+											replaying,
+											stickyPrompt: !frame && stickyPrompt,
+											gap,
+											fontSize,
+											lineHeight,
+											items,
+											pendingApprovals: state.pendingApprovals,
+											scrubber,
+											bookmarks: frame ? void 0 : bookmarks,
+											affordances,
+											fileUrl,
+											attachmentUrl,
+											hostImage,
+											jumpToRecapRef,
+											repinRef,
+											reveal: frame ? void 0 : reveal,
+											frameParentId: frame?.parentToolUseId,
+											onOpenSubagent: frame ? void 0 : onOpenSubagent
+										}),
+										(frame ? frameTask !== void 0 && taskBusy(frameTask, items) : showLoader(state)) ? terminal ? /* @__PURE__ */ jsxs(Fragment$1, { children: [state.items.length > 0 ? /* @__PURE__ */ jsx("div", {
+											className: "term-blank",
+											"aria-hidden": true
+										}) : null, /* @__PURE__ */ jsx(WorkingRow, {
+											label: state.status === "starting" ? "Starting…" : "Working…",
+											startedAt: runStartedAt,
+											tokens: state.contextUsage?.totalTokens
+										})] }) : /* @__PURE__ */ jsx(Loader, { label: state.status === "starting" ? "Starting session…" : void 0 }) : null
+									]
+								})
+							}),
+							/* @__PURE__ */ jsx(ConversationScrollButton, {}),
+							replaying ? /* @__PURE__ */ jsx("div", {
+								"data-slot": "transcript-hold",
+								"aria-hidden": true,
+								className: "wd-hold-appear visible pointer-events-none absolute inset-0 overflow-hidden",
+								children: /* @__PURE__ */ jsx("div", {
+									className: cn("mx-auto w-full max-w-[var(--wd-transcript-max-width)]", !terminal && "px-4 py-4"),
+									children: terminal ? /* @__PURE__ */ jsx(TerminalSurface, {
+										fontSize,
+										lineHeight,
+										affordances: false,
+										bleed: "1ch",
+										className: "term-transcript",
+										children: /* @__PURE__ */ jsx(WorkingRow, { label: "Loading…" })
+									}) : /* @__PURE__ */ jsx(Loader, { label: "Loading session…" })
+								})
+							}) : null
+						]
+					})
 				})
 			})
 		})
@@ -12395,7 +13109,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, shells, openSubagent, onSubagentChange, openShell, onShellChange, 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", 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";
@@ -12406,7 +13120,7 @@ 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, loadShellOutput, verifyShell, killShell } = 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, setShellAgentWrite } = useClaudeSession(client, sessionId, {
 		onProtocolError: setProtocolError,
 		cacheTranscript
 	});
@@ -12419,16 +13133,19 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		openShell,
 		onShellChange
 	});
+	const agentWrite = state.session?.shellAgentWrite !== void 0 ? setShellAgentWrite : void 0;
 	const shellActions = useMemo(() => ({
 		loadOutput: loadShellOutput,
 		verify: verifyShell,
 		kill: killShell,
-		open: enterShell
+		open: enterShell,
+		agentWrite
 	}), [
 		loadShellOutput,
 		verifyShell,
 		killShell,
-		enterShell
+		enterShell,
+		agentWrite
 	]);
 	useEffect(() => setProtocolError(void 0), [sessionId]);
 	const { subagentId, enterSubagent, leaveSubagent, returnReveal, frameItems: subagentFrameItems, task: subagentTask, fallbackLabel: subagentFallbackLabel } = useSubagentFrame({
@@ -12762,251 +13479,248 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 	};
 	return /* @__PURE__ */ jsx(TranscriptVariantProvider, {
 		value: transcriptVariant,
-		children: /* @__PURE__ */ jsx(TranscriptDensityProvider, {
-			value: transcriptDensity,
-			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__ */ 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(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: [
-												"Server speaks protocol v",
-												protocolMismatch,
-												", this build renders v",
-												PROTOCOL_VERSION,
-												". Some events may not render."
+												/* @__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,
-										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,
-											fontSize: effectiveTermFontSize,
-											lineHeight: effectiveTermLineHeight
-										}) : null,
-										framedShellId === void 0 && subagentId !== void 0 ? /* @__PURE__ */ jsx(SubagentStrip, {
-											task: subagentTask,
-											items: subagentFrameItems,
-											label: subagentFallbackLabel,
-											onBack: leaveSubagent,
+										})
+									}) : 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,
-											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,
+											metrics: {
 												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)
+												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
-									]
-								})
+										})
+									}) : 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
+								] })
 							})
 						})
 					})
@@ -13179,6 +13893,6 @@ function resolveAgainstCwd(path, cwd) {
 	return parseFileLink(path, cwd)?.path ?? path;
 }
 //#endregion
-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 };
+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 };
 
-//# sourceMappingURL=use-path-links-BgWXmfAS.mjs.map
+//# sourceMappingURL=use-path-links-BEWxt0ZM.mjs.map