@workerdeck/ui 2.8.0 → 2.9.0

package/build/{SessionPanel-Dg4xf-ql.mjs → SessionPanel-BClL7zUS.mjs}

@@ -5,11 +5,11 @@ 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, Sparkles, Square, SquarePen, Terminal, TriangleAlert, UsersRound, WifiOff, Wrench, X, Zap } from "lucide-react";
+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, 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 { PROTOCOL_VERSION, mergeUsage, orderUsageWindows, parseTodoWriteInput, parseUserQuestions, sessionTasks, subagentLabel, taskCountLabel, taskSummary, toolTitle, usageInfos, visibleTasks } from "@workerdeck/protocol";
+import { PROTOCOL_VERSION, mergeUsage, orderUsageWindows, parseTodoWriteInput, parseUserQuestions, sessionTasks, subagentLabel, taskCountLabel, taskSummary, toolTitle, usageInfos, usageIsStale, visibleTasks } from "@workerdeck/protocol";
 import { recapLine, scanPromptTokens, summarizeSince, useAttachments, useClaudeSession, useDraft, useHostFileSearch, useProfileUsage, useToolCallHost } from "@workerdeck/react";
 import { Streamdown } from "streamdown";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
@@ -4411,6 +4411,116 @@ function launchTrigger(opts) {
 	};
 }
 //#endregion
+//#region src/components/agent/composer-commands.ts
+const KIND_ORDER = {
+	command: 0,
+	client: 1,
+	skill: 2
+};
+function cleanCommandName(name) {
+	return name.replace(/\s*\(MCP\)$/i, "");
+}
+function skillPrompt(skill) {
+	const base = skill.defaultPrompt?.trim() || `Use the ${skill.displayName ?? skill.name} skill:`;
+	return /\s$/.test(base) ? base : base + " ";
+}
+function mergeComposerRows(sources) {
+	const rows = [];
+	const engineNames = /* @__PURE__ */ new Set();
+	for (const command of sources.commands ?? []) {
+		const name = cleanCommandName(command.name);
+		if (engineNames.has(name)) continue;
+		engineNames.add(name);
+		for (const alias of command.aliases ?? []) engineNames.add(cleanCommandName(alias));
+		rows.push({
+			kind: "command",
+			name,
+			description: command.description,
+			argumentHint: command.argumentHint,
+			aliases: command.aliases
+		});
+	}
+	for (const command of sources.clientCommands ?? []) {
+		if (engineNames.has(command.name)) continue;
+		rows.push({
+			kind: "client",
+			name: command.name,
+			description: command.description,
+			argumentHint: command.argumentHint,
+			command
+		});
+	}
+	for (const skill of sources.skills ?? []) rows.push({
+		kind: "skill",
+		name: skill.name,
+		label: skill.displayName ?? skill.name,
+		description: skill.shortDescription ?? skill.description,
+		enabled: skill.enabled,
+		scope: skill.scope,
+		skill
+	});
+	return rows;
+}
+function haystacks(row) {
+	if (row.kind === "skill") return [
+		row.name,
+		row.label,
+		...row.name.split(/[-:_]/)
+	];
+	return [
+		row.name,
+		...row.kind === "command" ? row.aliases ?? [] : [],
+		...row.name.split(":")
+	];
+}
+function matchScore(query, candidates) {
+	const needle = query.toLowerCase();
+	const lowered = candidates.map((s) => s.toLowerCase());
+	if (lowered.some((h) => h.startsWith(needle))) return 2;
+	return lowered.some((h) => h.includes(needle)) ? 1 : 0;
+}
+function rankComposerRows(query, rows) {
+	const scored = [];
+	rows.forEach((row, index) => {
+		if (row.kind === "skill" && !row.enabled) return;
+		const score = matchScore(query, haystacks(row));
+		if (score > 0) scored.push({
+			score,
+			index,
+			row
+		});
+	});
+	scored.sort((a, b) => b.score - a.score || KIND_ORDER[a.row.kind] - KIND_ORDER[b.row.kind] || a.index - b.index);
+	return scored.map(({ row }) => row);
+}
+function matchClientCommand(text, commands) {
+	const match = /^\/([\w:-]+)[ \t]*([\s\S]*)$/.exec(text.trim());
+	if (!match) return;
+	const command = commands.find((c) => c.name === match[1]);
+	return command ? {
+		command,
+		args: match[2].trim()
+	} : void 0;
+}
+function composerCommandRows(rows) {
+	return rows.map((row) => row.kind === "skill" ? {
+		kind: row.kind,
+		name: row.name,
+		label: row.label,
+		description: row.description,
+		scope: row.scope,
+		enabled: row.enabled,
+		insertText: skillPrompt(row.skill)
+	} : {
+		kind: row.kind,
+		name: row.name,
+		label: `/${row.name}`,
+		description: row.description,
+		enabled: true,
+		insertText: `/${row.name} `
+	});
+}
+//#endregion
 //#region src/components/agent/transcript-variant.tsx
 const VariantContext = createContext("cards");
 function TranscriptVariantProvider({ value, children }) {
@@ -4749,6 +4859,69 @@ function TerminalDiff({ patch }) {
 	});
 }
 //#endregion
+//#region src/lib/file-link.ts
+const SCHEME = /^[a-zA-Z][a-zA-Z0-9+.-]*:/;
+const TRAILING_LINE = /^(.*?):(\d+)(?::\d+)?$/;
+const FRAGMENT_LINE = /^L(\d+)/;
+function parseFileLink(href, cwd) {
+	const raw = href?.trim();
+	if (!raw || raw.startsWith("#") || raw.startsWith("//")) return;
+	let target = raw;
+	if (SCHEME.test(target)) {
+		if (!target.startsWith("file:")) return;
+		try {
+			target = decodeURIComponent(new URL(target).pathname);
+		} catch {
+			return;
+		}
+	}
+	let line;
+	const hash = target.indexOf("#");
+	if (hash !== -1) {
+		line = readLine(FRAGMENT_LINE.exec(target.slice(hash + 1))?.[1]);
+		target = target.slice(0, hash);
+	}
+	const suffix = TRAILING_LINE.exec(target);
+	if (suffix) {
+		target = suffix[1];
+		line ??= readLine(suffix[2]);
+	}
+	if (!target) return;
+	const path = target.startsWith("/") ? normalize(target) : cwd ? normalize(`${cwd}/${target}`) : void 0;
+	return path ? {
+		path,
+		...line === void 0 ? {} : { line }
+	} : void 0;
+}
+function readLine(value) {
+	const parsed = value === void 0 ? NaN : Number(value);
+	return Number.isInteger(parsed) && parsed > 0 ? parsed : void 0;
+}
+function normalize(path) {
+	const out = [];
+	for (const part of path.split("/")) {
+		if (part === "" || part === ".") continue;
+		if (part === "..") {
+			out.pop();
+			continue;
+		}
+		out.push(part);
+	}
+	return `/${out.join("/")}`;
+}
+//#endregion
+//#region src/components/terminal/file-link.tsx
+const FileLinkContext = createContext(void 0);
+function FileLinkProvider({ value, children }) {
+	return /* @__PURE__ */ jsx(FileLinkContext.Provider, {
+		value,
+		children
+	});
+}
+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 "";
@@ -4788,6 +4961,29 @@ function heading(tone) {
 		});
 	};
 }
+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",
@@ -4844,12 +5040,8 @@ const TERMINAL_COMPONENTS = {
 		className: "term-em",
 		children
 	}),
-	a: ({ children, href }) => /* @__PURE__ */ jsx("a", {
-		className: "term-link",
-		"data-tone": "blue",
+	a: ({ children, href }) => /* @__PURE__ */ jsx(Link, {
 		href,
-		target: "_blank",
-		rel: "noreferrer",
 		children
 	}),
 	table: ({ children }) => /* @__PURE__ */ jsx("div", {
@@ -5557,20 +5749,7 @@ function TerminalSurface({ fontSize, lineHeight, bleed, affordances, className,
 //#region src/components/agent/Composer.tsx
 const SHELL_PLACEHOLDER = "Run a command on the host…";
 const SHELL_HINT = "! shell mode · esc to exit";
-function cleanName(name) {
-	return name.replace(/\s*\(MCP\)$/i, "");
-}
-function skillPrompt(skill) {
-	const base = skill.defaultPrompt?.trim() || `$${skill.name}`;
-	return /\s$/.test(base) ? base : base + " ";
-}
-function matchScore(query, haystacks) {
-	const needle = query.toLowerCase();
-	const lowered = haystacks.map((s) => s.toLowerCase());
-	if (lowered.some((h) => h.startsWith(needle))) return 2;
-	return lowered.some((h) => h.includes(needle)) ? 1 : 0;
-}
-function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message the agent…", commands, skills, onSearchFiles, onShellCommand, attachments, toolbar, layout = "stacked", fontSize, lineHeight, affordances, draft, className, ref }) {
+function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message the agent…", commands, skills, clientCommands, onSearchFiles, onShellCommand, attachments, toolbar, layout = "stacked", fontSize, lineHeight, affordances, draft, className, ref }) {
 	const inline = layout === "inline";
 	const terminal = useTranscriptVariant() === "terminal";
 	const [initialDraft] = useState(() => draft?.initialText ?? "");
@@ -5578,6 +5757,7 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 	const fileInput = useRef(null);
 	const [dragging, setDragging] = useState(false);
 	const [shellMode, setShellMode] = useState(false);
+	const [helpOpen, setHelpOpen] = useState(false);
 	useImperativeHandle(ref, () => ({
 		insertText: (text) => {
 			const prefix = plainText.length > 0 && !/\s$/.test(plainText) ? " " : "";
@@ -5592,71 +5772,36 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 	]);
 	const triggers = useMemo(() => {
 		const configured = [];
-		const usableSkills = (skills ?? []).filter((s) => s.enabled);
-		if (commands && commands.length > 0) {
-			const seen = /* @__PURE__ */ new Set();
-			const unique = commands.flatMap((c) => {
-				const name = cleanName(c.name);
-				if (seen.has(name)) return [];
-				seen.add(name);
-				return [{
-					...c,
-					name
-				}];
-			});
+		const rows = mergeComposerRows({
+			commands,
+			clientCommands,
+			skills
+		});
+		if (rows.length > 0) {
+			const byTag = new Map(rows.map((row) => [`${row.kind}:${row.name}`, row]));
 			configured.push(commandTrigger({
-				onSearch: (query) => {
-					const scored = [];
-					for (const c of unique) {
-						const score = matchScore(query, [
-							c.name,
-							...c.aliases ?? [],
-							...c.name.split(":")
-						]);
-						if (score === 0) continue;
-						scored.push({
-							score,
-							suggestion: {
-								value: c.name,
-								label: `/${c.name}${c.argumentHint ? ` ${c.argumentHint}` : ""}`,
-								description: c.description
-							}
-						});
-					}
-					scored.sort((a, b) => b.score - a.score);
-					return scored.map(({ suggestion }) => suggestion);
+				onSearch: (query) => rankComposerRows(query, rows).map((row) => row.kind === "skill" ? {
+					value: row.name,
+					label: row.label,
+					description: row.description ? `Skill · ${row.description}` : "Skill · inserts a message you can edit",
+					icon: /* @__PURE__ */ jsx(Sparkles, { className: "size-3.5 text-fg-3" }),
+					data: `${row.kind}:${row.name}`
+				} : {
+					value: row.name,
+					label: `/${row.name}${row.argumentHint ? ` ${row.argumentHint}` : ""}`,
+					description: row.description,
+					icon: row.kind === "client" ? /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-3.5 text-fg-3" }) : void 0,
+					data: `${row.kind}:${row.name}`
+				}),
+				insertAsText: (suggestion) => {
+					const row = byTag.get(String(suggestion.data));
+					if (row?.kind === "skill") return skillPrompt(row.skill);
+					return row?.kind === "client" && row.command.requiresArgs ? `/${row.name} ` : void 0;
 				},
 				onSelect: (suggestion) => suggestion.value,
 				chipClassName: "font-mono"
 			}));
 		}
-		if (usableSkills.length > 0) configured.push(commandTrigger({
-			char: "$",
-			accessibilityLabel: "skill",
-			onSearch: (query) => {
-				const scored = [];
-				for (const skill of usableSkills) {
-					const score = matchScore(query, [skill.name, ...skill.name.split(/[-:_]/)]);
-					if (score === 0) continue;
-					const summary = skill.shortDescription ?? skill.description;
-					scored.push({
-						score,
-						suggestion: {
-							value: skill.name,
-							label: skill.displayName ?? skill.name,
-							description: summary ? `Skill · ${summary}` : "Skill · inserts a message you can edit",
-							icon: /* @__PURE__ */ jsx(Sparkles, { className: "size-3.5 text-fg-3" })
-						}
-					});
-				}
-				scored.sort((a, b) => b.score - a.score);
-				return scored.map(({ suggestion }) => suggestion);
-			},
-			insertAsText: (suggestion) => {
-				const skill = usableSkills.find((s) => s.name === suggestion.value);
-				return skill ? skillPrompt(skill) : `$${suggestion.value} `;
-			}
-		}));
 		if (onSearchFiles) configured.push(mentionTrigger({
 			searchDebounceMs: 150,
 			onSearch: async (query, options) => {
@@ -5680,6 +5825,7 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 	}, [
 		commands,
 		skills,
+		clientCommands,
 		onSearchFiles,
 		onShellCommand
 	]);
@@ -5711,6 +5857,24 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 		setShellMode(false);
 		focus();
 	};
+	const hints = [
+		triggers?.some((t) => t.char === "/") ? {
+			key: "/",
+			what: "commands and skills"
+		} : void 0,
+		onSearchFiles ? {
+			key: "@",
+			what: "mention a file"
+		} : void 0,
+		onShellCommand ? {
+			key: "!",
+			what: "run a shell command"
+		} : void 0,
+		{
+			key: "?",
+			what: "this list, on an empty composer"
+		}
+	].filter((h) => h !== void 0);
 	const shellKeys = shellMode ? {
 		onEscape: leaveShellMode,
 		onKeyDown: (e) => {
@@ -5719,7 +5883,30 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 				leaveShellMode();
 			}
 		}
-	} : {};
+	} : {
+		onEscape: helpOpen ? () => setHelpOpen(false) : void 0,
+		onKeyDown: (e) => {
+			if (e.key === "?" && isEmpty && !e.metaKey && !e.ctrlKey) {
+				e.preventDefault();
+				setHelpOpen(true);
+				return;
+			}
+			if (helpOpen) setHelpOpen(false);
+		}
+	};
+	const helpHints = helpOpen ? /* @__PURE__ */ jsx(Fragment$1, { children: hints.map((hint) => /* @__PURE__ */ jsxs("span", {
+		className: "flex items-center gap-1",
+		children: [/* @__PURE__ */ jsx("kbd", {
+			className: "font-mono text-text",
+			children: hint.key
+		}), hint.what]
+	}, hint.key)) }) : null;
+	const helpRow = helpOpen ? /* @__PURE__ */ jsx("div", {
+		role: "note",
+		"aria-label": "Composer shortcuts",
+		className: "mx-auto mb-1 flex w-full max-w-[var(--wd-transcript-max-width)] flex-wrap items-center gap-x-3 gap-y-1 text-label text-fg-3",
+		children: helpHints
+	}) : null;
 	const pick = (files) => {
 		if (files && files.length > 0) attachments?.add(files);
 	};
@@ -5862,6 +6049,18 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 								})
 							]
 						}),
+						helpOpen ? /* @__PURE__ */ jsxs("div", {
+							role: "note",
+							"aria-label": "Composer shortcuts",
+							className: "term-row",
+							children: [/* @__PURE__ */ jsx("span", {
+								"aria-hidden": true,
+								className: "term-gutter"
+							}), /* @__PURE__ */ jsx("div", {
+								className: "flex min-w-0 flex-wrap items-center gap-x-[2ch] text-fg-3",
+								children: helpHints
+							})]
+						}) : null,
 						shellMode ? /* @__PURE__ */ jsxs("div", {
 							className: "term-row",
 							children: [/* @__PURE__ */ jsx("span", {
@@ -5889,55 +6088,59 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "composer",
 		className: cn("px-[var(--wd-composer-padding)] pb-[var(--wd-composer-padding)]", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			...dropHandlers,
-			className: cn("mx-auto w-full max-w-[var(--wd-transcript-max-width)] overflow-hidden border border-border bg-bg", "transition-colors rounded-lg shadow-(--shadow-xs)", "focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/30", dragging && "border-ring ring-2 ring-ring/30", shellMode && "border-[var(--wd-shell-accent)] focus-within:border-[var(--wd-shell-accent)] focus-within:ring-[var(--wd-shell-accent)]/30", disabled && "opacity-60"),
-			children: [staged.length > 0 && attachments ? /* @__PURE__ */ jsx(AttachmentStrip, { attachments }) : null, inline ? /* @__PURE__ */ jsxs("div", {
-				className: "flex items-end gap-1 p-1",
-				children: [
-					shellMode ? /* @__PURE__ */ jsx(ShellBadge, { onLeave: leaveShellMode }) : attach,
-					/* @__PURE__ */ jsx(PromptArea, {
-						...bind,
-						triggers,
-						markdown: false,
-						normalizeBullets: false,
-						onSubmit: submit,
-						disabled,
-						placeholder: disabled ? "Session ended" : shellMode ? SHELL_PLACEHOLDER : placeholder,
-						minHeight: 20,
-						maxHeight: 192,
-						"aria-label": shellMode ? "Run a shell command" : "Message the agent",
-						className: "min-w-0 flex-1 py-1 text-body-sm text-text",
-						onImagePaste: (file) => attachments?.add([file]),
-						...shellKeys
-					}),
-					submitButton
-				]
-			}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(PromptArea, {
-				...bind,
-				triggers,
-				markdown: false,
-				normalizeBullets: false,
-				onSubmit: submit,
-				disabled,
-				placeholder: disabled ? "Session ended" : shellMode ? SHELL_PLACEHOLDER : placeholder,
-				minHeight: 28,
-				maxHeight: 192,
-				"aria-label": shellMode ? "Run a shell command" : "Message the agent",
-				className: "px-3 pt-2.5 pb-0 text-body-sm text-text",
-				onImagePaste: (file) => attachments?.add([file]),
-				...shellKeys
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between gap-2 px-2 pb-2",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex min-w-0 items-center gap-1",
-					children: [shellMode ? /* @__PURE__ */ jsx(ShellBadge, { onLeave: leaveShellMode }) : attach, shellMode ? /* @__PURE__ */ jsx("span", {
-						className: "text-label text-text-muted",
-						children: SHELL_HINT
-					}) : toolbar]
-				}), submitButton]
-			})] })]
-		}), errorRow]
+		children: [
+			helpRow,
+			/* @__PURE__ */ jsxs("div", {
+				...dropHandlers,
+				className: cn("mx-auto w-full max-w-[var(--wd-transcript-max-width)] overflow-hidden border border-border bg-bg", "transition-colors rounded-lg shadow-(--shadow-xs)", "focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/30", dragging && "border-ring ring-2 ring-ring/30", shellMode && "border-[var(--wd-shell-accent)] focus-within:border-[var(--wd-shell-accent)] focus-within:ring-[var(--wd-shell-accent)]/30", disabled && "opacity-60"),
+				children: [staged.length > 0 && attachments ? /* @__PURE__ */ jsx(AttachmentStrip, { attachments }) : null, inline ? /* @__PURE__ */ jsxs("div", {
+					className: "flex items-end gap-1 p-1",
+					children: [
+						shellMode ? /* @__PURE__ */ jsx(ShellBadge, { onLeave: leaveShellMode }) : attach,
+						/* @__PURE__ */ jsx(PromptArea, {
+							...bind,
+							triggers,
+							markdown: false,
+							normalizeBullets: false,
+							onSubmit: submit,
+							disabled,
+							placeholder: disabled ? "Session ended" : shellMode ? SHELL_PLACEHOLDER : placeholder,
+							minHeight: 20,
+							maxHeight: 192,
+							"aria-label": shellMode ? "Run a shell command" : "Message the agent",
+							className: "min-w-0 flex-1 py-1 text-body-sm text-text",
+							onImagePaste: (file) => attachments?.add([file]),
+							...shellKeys
+						}),
+						submitButton
+					]
+				}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(PromptArea, {
+					...bind,
+					triggers,
+					markdown: false,
+					normalizeBullets: false,
+					onSubmit: submit,
+					disabled,
+					placeholder: disabled ? "Session ended" : shellMode ? SHELL_PLACEHOLDER : placeholder,
+					minHeight: 28,
+					maxHeight: 192,
+					"aria-label": shellMode ? "Run a shell command" : "Message the agent",
+					className: "px-3 pt-2.5 pb-0 text-body-sm text-text",
+					onImagePaste: (file) => attachments?.add([file]),
+					...shellKeys
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between gap-2 px-2 pb-2",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex min-w-0 items-center gap-1",
+						children: [shellMode ? /* @__PURE__ */ jsx(ShellBadge, { onLeave: leaveShellMode }) : attach, shellMode ? /* @__PURE__ */ jsx("span", {
+							className: "text-label text-text-muted",
+							children: SHELL_HINT
+						}) : toolbar]
+					}), submitButton]
+				})] })]
+			}),
+			errorRow
+		]
 	});
 }
 function GlyphButton({ tone, label, disabled, onClick, gutter, className, children }) {
@@ -11009,6 +11212,7 @@ function UsageMeters({ windows, now, className }) {
 function UsageMeter({ window, now }) {
 	const { key: windowKey, info, updatedAt, inferredReset } = window;
 	const utilization = info.utilization ?? 0;
+	const stale = usageIsStale(window, now);
 	const resetsAtMs = info.resetsAt !== void 0 ? info.resetsAt * 1e3 : void 0;
 	const duration = rateLimitWindowSeconds(windowKey);
 	const remaining = resetsAtMs !== void 0 ? (resetsAtMs - now) / 1e3 : void 0;
@@ -11020,14 +11224,14 @@ function UsageMeter({ window, now }) {
 				className: "truncate text-body-sm text-fg-1",
 				children: formatRateLimitWindowLong(windowKey)
 			}), /* @__PURE__ */ jsxs("span", {
-				className: cn("shrink-0 font-mono text-body-sm font-medium", info.status === "rejected" ? "text-danger" : "text-fg-1"),
+				className: cn("shrink-0 font-mono text-body-sm font-medium", info.status === "rejected" ? "text-danger" : stale ? "text-fg-4" : "text-fg-1"),
 				children: [utilization.toFixed(0), "% used"]
 			})]
 		}),
 		/* @__PURE__ */ jsxs("div", {
 			className: "relative mt-2 h-2 rounded-full bg-border",
 			children: [/* @__PURE__ */ jsx("div", {
-				className: cn("h-full rounded-full", meterTintClass(utilization)),
+				className: cn("h-full rounded-full", meterTintClass(utilization), stale && "opacity-40"),
 				style: { width: `${Math.min(100, Math.max(2, utilization))}%` }
 			}), pace !== void 0 ? /* @__PURE__ */ jsx("span", {
 				"aria-hidden": true,
@@ -11056,7 +11260,10 @@ function UsageMeter({ window, now }) {
 					children: "limit reached"
 				}) : null,
 				inferredReset ? /* @__PURE__ */ jsx("span", { children: "window reset · nothing reported since" }) : null,
-				updatedAt && !inferredReset ? /* @__PURE__ */ jsx("span", { children: formatAgoPrecise(updatedAt, now) }) : null
+				updatedAt && !inferredReset ? /* @__PURE__ */ jsxs("span", {
+					className: cn(stale && "text-warning"),
+					children: [stale ? "last reported " : "", formatAgoPrecise(updatedAt, now)]
+				}) : null
 			]
 		})
 	] });
@@ -11135,7 +11342,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, onToggleBookmark, reveal, subagents, openSubagent, onSubagentChange, stickyPrompt = false, controlsSurface = "internal", onControls, focusComposerOnClick = false, unseen, readOnly = false, approvalPrompts, toolHost, clientTools, cacheTranscript, emptyState, onLinkClick, fontSize, className }) {
+function SessionPanel({ client, sessionId, header, panelSurface = "internal", statusSurface = "internal", statusPlacement = "top", onOpenPanel, onVitals, transcriptVariant = "cards", transcriptDensity = "comfortable", transcriptFont = "sans", affordances, terminalMetrics, scrubber = false, bookmarks, onToggleBookmark, reveal, subagents, openSubagent, onSubagentChange, 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";
@@ -11146,7 +11353,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, models, effectiveModel, handle, send, runShell, approve, deny, interrupt, setModel, setPermissionMode, reconnectNow, loadFullResult } = useClaudeSession(client, sessionId, {
+	const { state, connection, replaying, protocolMismatch, shell, models, effectiveModel, handle, send, runShell, approve, deny, interrupt, clearContext, setModel, setPermissionMode, reconnectNow, loadFullResult } = useClaudeSession(client, sessionId, {
 		onProtocolError: setProtocolError,
 		cacheTranscript
 	});
@@ -11208,6 +11415,86 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		subagents,
 		state.session?.subagents
 	]);
+	const clientCommands = useMemo(() => {
+		const modes = capabilities.permissionModes;
+		const built = [];
+		if (models.length > 0) built.push({
+			name: "model",
+			description: "Switch the model for this session",
+			argumentHint: "<model>",
+			requiresArgs: true,
+			run: (args) => {
+				const wanted = args.split(/\s+/)[0];
+				if (!wanted) return false;
+				setModel(wanted);
+				return true;
+			}
+		});
+		if (modes.length > 1) built.push({
+			name: "permissions",
+			description: `Set the permission mode (${modes.join(", ")})`,
+			argumentHint: "<mode>",
+			requiresArgs: true,
+			run: (args) => {
+				const wanted = args.split(/\s+/)[0];
+				if (!modes.includes(wanted)) return false;
+				setPermissionMode(wanted);
+				return true;
+			}
+		});
+		if (capabilities.clearContext) built.push({
+			name: "clear",
+			description: "Clear the conversation - the session keeps running and the old one stays resumable",
+			run: () => {
+				clearContext();
+				return true;
+			}
+		});
+		if (capabilities.mcpStatus) built.push({
+			name: "mcp",
+			description: "MCP servers and their status",
+			run: () => (openPanel("mcp"), true)
+		});
+		if (capabilities.contextUsage) built.push({
+			name: "context",
+			description: "Context window usage",
+			run: () => (openPanel("context"), true)
+		});
+		built.push({
+			name: "status",
+			description: "Session details",
+			run: () => (openPanel("info"), true)
+		});
+		if (capabilities.rateLimits) built.push({
+			name: "usage",
+			description: "Rate limits and spend",
+			run: () => (openPanel("usage"), true)
+		});
+		if (capabilities.skillsList) built.push({
+			name: "skills",
+			description: "Browse the skills this session can use",
+			run: () => (openPanel("skills"), true)
+		});
+		return built;
+	}, [
+		capabilities,
+		models.length,
+		openPanel,
+		clearContext,
+		setModel,
+		setPermissionMode
+	]);
+	const composerCommands = useMemo(() => composerCommandRows(mergeComposerRows({
+		commands: capabilities.slashCommands ? state.commands : void 0,
+		clientCommands,
+		skills: capabilities.skillsList ? state.skills : void 0
+	})), [
+		capabilities.slashCommands,
+		capabilities.skillsList,
+		state.commands,
+		state.skills,
+		clientCommands
+	]);
 	const onVitalsRef = useRef(onVitals);
 	onVitalsRef.current = onVitals;
 	const vitalsModel = effectiveModel ?? state.model;
@@ -11223,6 +11510,7 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 			permissionMode: state.permissionMode,
 			permissionModes,
 			skills: state.skills,
+			composerCommands,
 			cwd: state.cwd,
 			contextUsage: state.contextUsage,
 			tasks,
@@ -11241,6 +11529,7 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		state.permissionMode,
 		permissionModes,
 		state.skills,
+		composerCommands,
 		state.cwd,
 		state.contextUsage,
 		tasks,
@@ -11296,26 +11585,10 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 	const composerRef = useRef(null);
 	const jumpToRecap = useRef(null);
 	const repinTranscript = useRef(null);
-	const commands = useMemo(() => {
-		if (!state.commands) return;
-		if (state.commands.some((c) => c.name === "model")) return state.commands;
-		return [{
-			name: "model",
-			description: "Switch the model for this session",
-			argumentHint: "<model>"
-		}, ...state.commands];
-	}, [state.commands]);
 	const handleSend = (text, attachmentIds) => {
 		if (attachmentIds.length === 0) {
-			const modelCommand = /^\/model\s+(\S+)$/.exec(text);
-			if (modelCommand) {
-				setModel(modelCommand[1]);
-				return;
-			}
-			if (capabilities.mcpStatus && text.trim() === "/mcp") {
-				openPanel("mcp");
-				return;
-			}
+			const local = matchClientCommand(text, clientCommands);
+			if (local && local.command.run(local.args)) return;
 		}
 		setCaughtUp(true);
 		repinTranscript.current?.();
@@ -11381,6 +11654,10 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		onOpenTasks: external && !onOpenPanel ? void 0 : () => openPanel("tasks"),
 		actions: headerTakesActions ? void 0 : menu
 	});
+	const fileLinks = useMemo(() => onOpenFile ? {
+		cwd: state.cwd,
+		open: onOpenFile
+	} : void 0, [onOpenFile, state.cwd]);
 	const panelRef = useRef(null);
 	useEffect(() => {
 		if (!onLinkClick) return;
@@ -11409,224 +11686,228 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 		value: transcriptVariant,
 		children: /* @__PURE__ */ jsx(TranscriptDensityProvider, {
 			value: transcriptDensity,
-			children: /* @__PURE__ */ jsx(ToolResultFetchProvider, {
-				value: loadFullResult,
-				children: /* @__PURE__ */ jsx(ToolTitleProvider, {
-					value: state.toolTitles,
-					children: /* @__PURE__ */ jsx(ToolResultImageProvider, {
-						value: resultImages,
-						children: /* @__PURE__ */ jsxs("div", {
-							ref: panelRef,
-							"data-slot": "session-panel",
-							"data-agent-font": transcriptFont,
-							onClick: handleClick,
-							className: cn("flex h-full min-h-0 flex-col overflow-hidden bg-bg", className),
-							style: fontSize !== void 0 ? { "--wd-font-size": `${Math.round(fontSize)}px` } : void 0,
-							children: [
-								headerTakesActions ? header({ actions: menu }) : header,
-								statusPlacement === "top" ? statusBar : null,
-								protocolMismatch !== void 0 ? /* @__PURE__ */ jsxs(Notice, {
-									level: "warning",
-									children: [
-										"Server speaks protocol v",
-										protocolMismatch,
-										", this build renders v",
-										PROTOCOL_VERSION,
-										". Some events may not render."
-									]
-								}) : null,
-								protocolError ? /* @__PURE__ */ jsx(Notice, {
-									level: "error",
-									onDismiss: () => setProtocolError(void 0),
-									children: protocolError
-								}) : null,
-								subagentId !== void 0 ? /* @__PURE__ */ jsx(SubagentStrip, {
-									task: subagentTask,
-									items: subagentFrameItems,
-									label: subagentFallbackLabel,
-									onBack: leaveSubagent,
-									terminal,
-									fontSize: effectiveTermFontSize,
-									lineHeight: effectiveTermLineHeight
-								}) : null,
-								/* @__PURE__ */ jsx(BookmarkProvider, {
-									value: bookmarkHandle,
-									children: /* @__PURE__ */ jsx(Transcript, {
-										state,
-										fileUrl: sessionId ? (path) => client.sessionFileUrl(sessionId, path) : void 0,
-										attachmentUrl: sessionId ? (id) => client.attachmentUrl(sessionId, id) : void 0,
-										canBrowseFiles: hostFiles.available,
-										hostImage,
-										variant: transcriptVariant,
-										density: transcriptDensity,
-										fontSize: effectiveTermFontSize,
-										lineHeight: effectiveTermLineHeight,
-										affordances,
-										stickyPrompt,
-										scrubber,
-										bookmarks,
-										replaying,
-										catchUp: catchUp && newCount > 0 ? {
-											from: catchUp.itemCount,
-											since: catchUp.since
-										} : void 0,
-										reveal: taskReveal ?? returnReveal ?? reveal,
-										frame: subagentId === void 0 ? void 0 : { parentToolUseId: subagentId },
-										onOpenSubagent: enterSubagent,
-										emptyState,
-										jumpToRecapRef: jumpToRecap,
-										repinRef: repinTranscript
-									}, subagentId ?? "session")
-								}),
-								catchUp && newCount > 0 && !replaying && subagentId === void 0 ? /* @__PURE__ */ jsx("div", {
-									className: "px-3 pb-1",
-									children: /* @__PURE__ */ jsxs("div", {
-										"data-slot": "catch-up",
-										className: "mx-auto flex w-full max-w-[var(--wd-transcript-max-width)] items-center gap-2 text-label text-fg-3",
+			children: /* @__PURE__ */ jsx(FileLinkProvider, {
+				value: fileLinks,
+				children: /* @__PURE__ */ jsx(ToolResultFetchProvider, {
+					value: loadFullResult,
+					children: /* @__PURE__ */ jsx(ToolTitleProvider, {
+						value: state.toolTitles,
+						children: /* @__PURE__ */ jsx(ToolResultImageProvider, {
+							value: resultImages,
+							children: /* @__PURE__ */ jsxs("div", {
+								ref: panelRef,
+								"data-slot": "session-panel",
+								"data-agent-font": transcriptFont,
+								onClick: handleClick,
+								className: cn("flex h-full min-h-0 flex-col overflow-hidden bg-bg", className),
+								style: fontSize !== void 0 ? { "--wd-font-size": `${Math.round(fontSize)}px` } : void 0,
+								children: [
+									headerTakesActions ? header({ actions: menu }) : header,
+									statusPlacement === "top" ? statusBar : null,
+									protocolMismatch !== void 0 ? /* @__PURE__ */ jsxs(Notice, {
+										level: "warning",
 										children: [
-											/* @__PURE__ */ jsx("span", {
-												"aria-hidden": true,
-												className: cn("select-none", terminal ? "text-fg-3" : "text-accent"),
-												children: "※"
-											}),
-											/* @__PURE__ */ jsxs("span", {
-												className: "min-w-0 flex-1 truncate",
-												children: [
-													newCount,
-													" new ",
-													newCount === 1 ? "row" : "rows",
-													catchUp.since !== void 0 ? ` since you were last here` : ""
-												]
-											}),
-											/* @__PURE__ */ jsx("button", {
-												type: "button",
-												onClick: () => jumpToRecap.current?.(),
-												className: "shrink-0 underline-offset-2 hover:text-fg-1 hover:underline",
-												children: "jump"
-											}),
-											/* @__PURE__ */ jsx("button", {
-												type: "button",
-												onClick: () => setCaughtUp(true),
-												className: "shrink-0 underline-offset-2 hover:text-fg-1 hover:underline",
-												children: "dismiss"
-											})
+											"Server speaks protocol v",
+											protocolMismatch,
+											", this build renders v",
+											PROTOCOL_VERSION,
+											". Some events may not render."
 										]
-									})
-								}) : null,
-								!readOnly && capabilities.interactiveApprovals && state.pendingApprovals.length > 0 ? /* @__PURE__ */ jsx("div", {
-									className: cn(terminal ? "pb-2" : "px-3 pb-2"),
-									children: /* @__PURE__ */ jsx(PromptSurface, {
+									}) : null,
+									protocolError ? /* @__PURE__ */ jsx(Notice, {
+										level: "error",
+										onDismiss: () => setProtocolError(void 0),
+										children: protocolError
+									}) : null,
+									subagentId !== void 0 ? /* @__PURE__ */ jsx(SubagentStrip, {
+										task: subagentTask,
+										items: subagentFrameItems,
+										label: subagentFallbackLabel,
+										onBack: leaveSubagent,
 										terminal,
-										metrics: {
+										fontSize: effectiveTermFontSize,
+										lineHeight: effectiveTermLineHeight
+									}) : null,
+									/* @__PURE__ */ jsx(BookmarkProvider, {
+										value: bookmarkHandle,
+										children: /* @__PURE__ */ jsx(Transcript, {
+											state,
+											fileUrl: sessionId ? (path) => client.sessionFileUrl(sessionId, path) : void 0,
+											attachmentUrl: sessionId ? (id) => client.attachmentUrl(sessionId, id) : void 0,
+											canBrowseFiles: hostFiles.available,
+											hostImage,
+											variant: transcriptVariant,
+											density: transcriptDensity,
 											fontSize: effectiveTermFontSize,
-											lineHeight: effectiveTermLineHeight
-										},
-										affordances,
-										children: state.pendingApprovals.map((request) => {
-											const HostPrompt = approvalPrompts?.[request.toolName];
-											if (HostPrompt) return /* @__PURE__ */ jsx(HostPrompt, {
-												request,
-												onApprove: approve,
-												onDeny: deny
-											}, request.id);
-											const isQuestion = request.toolName === "AskUserQuestion" && parseUserQuestions(request.input).length > 0;
-											if (terminal) return isQuestion ? /* @__PURE__ */ jsx(TerminalQuestionPrompt, {
-												request,
-												onAnswer: approve,
-												onDismiss: (id) => deny(id, "Question dismissed by user")
-											}, request.id) : /* @__PURE__ */ jsx(TerminalPermissionPrompt, {
-												request,
-												onApprove: approve,
-												onDeny: deny
-											}, request.id);
-											return isQuestion ? /* @__PURE__ */ jsx(QuestionPrompt, {
-												request,
-												onAnswer: approve,
-												onDismiss: (id) => deny(id, "Question dismissed by user")
-											}, request.id) : /* @__PURE__ */ jsx(PermissionPrompt, {
-												request,
-												onApprove: approve,
-												onDeny: deny
-											}, request.id);
-										})
-									})
-								}) : null,
-								readOnly || subagentId !== void 0 ? null : /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Composer, {
-									ref: composerRef,
-									onSend: handleSend,
-									onInterrupt: interrupt,
-									busy,
-									disabled: ended || !sessionId,
-									commands: capabilities.slashCommands ? commands : void 0,
-									skills: capabilities.skillsList ? state.skills : void 0,
-									attachments,
-									draft,
-									onSearchFiles: hostFiles.available ? searchComposerFiles : void 0,
-									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,
-										updatedAt: usageUpdatedAt,
-										open: panel === "usage",
-										onOpenChange: (next) => setPanel(next ? "usage" : void 0)
-									}),
-									/* @__PURE__ */ jsx(McpDialog, {
-										client,
-										sessionId,
-										canManageServers: capabilities.mcpServerActions,
-										open: panel === "mcp",
-										onOpenChange: (next) => setPanel(next ? "mcp" : void 0)
+											lineHeight: effectiveTermLineHeight,
+											affordances,
+											stickyPrompt,
+											scrubber,
+											bookmarks,
+											replaying,
+											catchUp: catchUp && newCount > 0 ? {
+												from: catchUp.itemCount,
+												since: catchUp.since
+											} : void 0,
+											reveal: taskReveal ?? returnReveal ?? reveal,
+											frame: subagentId === void 0 ? void 0 : { parentToolUseId: subagentId },
+											onOpenSubagent: enterSubagent,
+											emptyState,
+											jumpToRecapRef: jumpToRecap,
+											repinRef: repinTranscript
+										}, subagentId ?? "session")
 									}),
-									/* @__PURE__ */ jsx(TasksDialog, {
-										tasks,
-										showCompleted: showCompletedTasks,
-										onShowCompletedChange: setShowCompletedTasks,
-										onSelectTask: (task) => {
-											if (task.toolUseId) setTaskReveal({
-												toolUseId: task.toolUseId,
-												nonce: Date.now()
-											});
-										},
-										open: panel === "tasks",
-										onOpenChange: (next) => setPanel(next ? "tasks" : void 0)
-									}),
-									/* @__PURE__ */ jsx(SkillsDialog, {
-										skills: state.skills,
-										open: panel === "skills",
-										onOpenChange: (next) => setPanel(next ? "skills" : void 0),
-										onUse: (skill) => composerRef.current?.insertText(skillPrompt(skill))
-									}),
-									/* @__PURE__ */ jsx(HostFilesDialog, {
-										client,
-										cwd: state.cwd,
-										open: panel === "files",
-										onOpenChange: (next) => setPanel(next ? "files" : void 0)
-									})
-								] }) : null
-							]
+									catchUp && newCount > 0 && !replaying && subagentId === void 0 ? /* @__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 ? 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,
+										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,
+											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
+								]
+							})
 						})
 					})
 				})
@@ -11696,6 +11977,6 @@ function Notice({ level, onDismiss, children }) {
 	});
 }
 //#endregion
-export { Ink as $, PERMISSION_MODES as A, DialogContent as At, TaskList as B, SelectContent as Bt, TerminalPermissionPrompt as C, copyText as Ct, SubagentStrip as D, Dialog$1 as Dt, parseUserQuestions as E, TooltipProvider as Et, SkillsDialog as F, MenuContent as Ft, TerminalSurface as G, PortalScope as Gt, contextNote as H, SelectItemText as Ht, McpDialog as I, MenuItem as It, TerminalMarkdown as J, Badge as Jt, ToolTitleProvider as K, Textarea as Kt, HostFilesDialog as L, MenuSeparator as Lt, permissionModeChoices as M, DialogRow as Mt, permissionModeMeta as N, DialogTrigger as Nt, PermissionPrompt as O, DialogBody as Ot, ModelSelect as P, Menu$1 as Pt, Blank as Q, cn as Qt, EntryIcon as R, MenuTrigger as Rt, TerminalQuestionPrompt as S, CopyButton as St, QuestionPrompt as T, TooltipContent as Tt, Composer as U, SelectTrigger as Ut, ContextDialog as V, SelectItem as Vt, skillPrompt as W, SelectValue as Wt, previewPatch as X, Button as Xt, TerminalDiff as Y, badgeVariants as Yt, Band as Z, buttonVariants as Zt, ConversationContent as _, segmentsToPlainText as _t, Transcript as a, toolIcon as at, STATUS_META as b, CodeBlock as bt, PromptTokenText as c, useTranscriptDensity as ct, FileCard as d, hashtagTrigger as dt, Row as et, TerminalItemView as f, launchTrigger as ft, Conversation as g, plainTextToSegments as gt, Loader as h, PromptArea as ht, useMinuteClock as i, isMutatingTool as it, PermissionModeSelect as j, DialogHeader as jt, Response as k, DialogClose as kt, Message as l, useTranscriptVariant as lt, SessionEmptyState as m, usePromptAreaState as mt, UsageDialog as n, WithActions as nt, ToolCallCard as o, TranscriptDensityProvider as ot, TerminalTranscript as p, mentionTrigger as pt, useToolTitle as q, Input as qt, UsageMeters as r, useAffordances as rt, Reasoning as s, TranscriptVariantProvider as st, SessionPanel as t, CopyAction as tt, MessageContent as u, commandTrigger as ut, ConversationScrollButton as v, ProgressRing as vt, QUESTION_BEHAVIORS as w, Tip as wt, SessionInfoDialog as x, Spinner as xt, StatusBar as y, Splitter as yt, TasksDialog as z, Select$1 as zt };
+export { Band as $, Input as $t, PERMISSION_MODES as A, Tip as At, TaskList as B, Menu$1 as Bt, TerminalPermissionPrompt as C, segmentsToPlainText as Ct, SubagentStrip as D, Spinner as Dt, parseUserQuestions as E, CodeBlock as Et, SkillsDialog as F, DialogClose as Ft, ToolTitleProvider as G, Select$1 as Gt, contextNote as H, MenuItem as Ht, McpDialog as I, DialogContent as It, FileLinkProvider as J, SelectItemText as Jt, useToolTitle as K, SelectContent as Kt, HostFilesDialog as L, DialogHeader as Lt, permissionModeChoices as M, TooltipProvider as Mt, permissionModeMeta as N, Dialog$1 as Nt, PermissionPrompt as O, CopyButton as Ot, ModelSelect as P, DialogBody as Pt, previewPatch as Q, Textarea as Qt, EntryIcon as R, DialogRow as Rt, TerminalQuestionPrompt as S, plainTextToSegments as St, QuestionPrompt as T, Splitter as Tt, Composer as U, MenuSeparator as Ut, ContextDialog as V, MenuContent as Vt, TerminalSurface as W, MenuTrigger as Wt, parseFileLink as X, SelectValue as Xt, useFileLinks as Y, SelectTrigger as Yt, TerminalDiff as Z, PortalScope as Zt, ConversationContent as _, hashtagTrigger as _t, Transcript as a, useAffordances as at, STATUS_META as b, usePromptAreaState as bt, PromptTokenText as c, TranscriptDensityProvider as ct, FileCard as d, useTranscriptVariant as dt, Badge as en, Blank as et, TerminalItemView as f, matchClientCommand as ft, Conversation as g, commandTrigger as gt, Loader as h, skillPrompt as ht, useMinuteClock as i, cn as in, WithActions as it, PermissionModeSelect as j, TooltipContent as jt, Response as k, copyText as kt, Message as l, TranscriptVariantProvider as lt, SessionEmptyState as m, rankComposerRows as mt, UsageDialog as n, Button as nn, Row as nt, ToolCallCard as o, isMutatingTool as ot, TerminalTranscript as p, mergeComposerRows as pt, TerminalMarkdown as q, SelectItem as qt, UsageMeters as r, buttonVariants as rn, CopyAction as rt, Reasoning as s, toolIcon as st, SessionPanel as t, badgeVariants as tn, Ink as tt, MessageContent as u, useTranscriptDensity as ut, ConversationScrollButton as v, launchTrigger as vt, QUESTION_BEHAVIORS as w, ProgressRing as wt, SessionInfoDialog as x, PromptArea as xt, StatusBar as y, mentionTrigger as yt, TasksDialog as z, DialogTrigger as zt };
 
-//# sourceMappingURL=SessionPanel-Dg4xf-ql.mjs.map
+//# sourceMappingURL=SessionPanel-BClL7zUS.mjs.map