@workerdeck/ui 2.7.2 → 2.9.0

package/build/{SessionPanel-B5FfiBxE.mjs → SessionPanel-BClL7zUS.mjs}

@@ -1,15 +1,15 @@
-import { C as rateLimitWindowSeconds, _ as formatDuration, a as meterTintClass, b as formatRelativeTime, f as compactionText, g as formatCountdown, h as formatCost, m as formatBytes, p as formatAgoPrecise, r as meterColorClass, w as toolInputPreview, x as formatTokens, y as formatRateLimitWindowLong } from "./status-BO9wJloK.mjs";
+import { C as rateLimitWindowSeconds, _ as formatDuration, a as meterTintClass, b as formatRelativeTime, f as compactionText, g as formatCountdown, h as formatCost, m as formatBytes, p as formatAgoPrecise, r as meterColorClass, w as toolInputPreview, x as formatTokens, y as formatRateLimitWindowLong } from "./status-kmsBhuFG.mjs";
 import { Fragment, createContext, forwardRef, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { cva } from "class-variance-authority";
 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";
@@ -521,7 +521,7 @@ function truncateSegmentsToLength(segments, maxLength) {
 * in the editor model: a space, newline, or tab.
 *
 * Trigger detection, paste auto-resolution, and position validation all rely
-* on the *same* notion of a boundary — keeping it here prevents the three
+* on the *same* notion of a boundary - keeping it here prevents the three
 * call sites from silently drifting apart (e.g. one handling tabs and the
 * others not).
 */
@@ -659,7 +659,7 @@ function resolveChip(segments, activeTrigger, chip) {
 * The sibling of {@link resolveChip}, for suggestions that are a typing aid
 * rather than a token: what lands in the document is ordinary editable text the
 * user is expected to finish and change, and it must not look or behave like a
-* resolved chip — no immutability, no trigger character, nothing for a consumer
+* resolved chip - no immutability, no trigger character, nothing for a consumer
 * to parse back out. The caret is left at the end of the inserted text so typing
 * continues from there.
 */
@@ -1014,7 +1014,7 @@ function autoFormatListPrefix(segments, cursorPos) {
 	};
 }
 /**
-* Handles Enter key in a list line — continues the list or exits.
+* Handles Enter key in a list line - continues the list or exits.
 */
 function insertListContinuation(segments, cursorPos) {
 	const plainText = segmentsToPlainText(segments);
@@ -1051,8 +1051,8 @@ function getPrevListLineLevel(text, lineStart) {
 /**
 * Indents a list item by one level (adds 2 spaces before the prefix), capped at
 * one level deeper than the line above. An item can only nest under a preceding
-* sibling, so the first item of a list — or an item already one level below its
-* parent — cannot indent further (returns null). This keeps sub-items visually
+* sibling, so the first item of a list - or an item already one level below its
+* parent - cannot indent further (returns null). This keeps sub-items visually
 * connected to a parent instead of drifting arbitrarily deep.
 */
 function indentListItem(segments, cursorPos) {
@@ -1099,8 +1099,8 @@ function swapListPrefixLine(line, markdownEnabled) {
 /**
 * Returns the set of line indices that sit inside a *balanced* fenced code
 * block (a ```…``` pair), so their leading "- "/"• " markers are preserved
-* verbatim. An unterminated (unpaired) fence marker is NOT protective — its
-* following lines still normalize — so a stray "```" in prose does not silently
+* verbatim. An unterminated (unpaired) fence marker is NOT protective - its
+* following lines still normalize - so a stray "```" in prose does not silently
 * suppress bullet normalization for the rest of the text.
 */
 function fenceProtectedLineIndices(lines) {
@@ -1161,12 +1161,12 @@ function normalizeListPrefixes(segments, markdownEnabled) {
 	return changed ? result : segments;
 }
 /**
-* Whether the text holds a genuine ordered-list run worth renumbering — a run
+* Whether the text holds a genuine ordered-list run worth renumbering - a run
 * of 2+ consecutive same-level numbered lines that either starts at 1 or is
 * already a contiguous `n, n+1, …` sequence. Used to gate the paste path so a
 * copied list fragment (`3. 4. 5.` → renumber, or a broken `1. 1. 1.`) is
 * rebuilt, while incidental numeric-leading prose that `parseListLine` would
-* otherwise treat as a list — `1985. Born / 2020. Died`, `5. / 10. / 15.` — is
+* otherwise treat as a list - `1985. Born / 2020. Died`, `5. / 10. / 15.` - is
 * left untouched.
 */
 function hasOrderedListRun(text) {
@@ -1199,7 +1199,7 @@ function hasOrderedListRun(text) {
 * Recomputes ordered-list numbering across the whole text. Returns the new text
 * plus the list of changed digit runs (ascending by `oldStart`) for cursor
 * remapping. When nothing changes, returns the SAME text reference and an empty
-* `edits` array — the no-op guard that keeps this off the typing hot path.
+* `edits` array - the no-op guard that keeps this off the typing hot path.
 */
 function renumberOrderedListLines(text) {
 	if (!/^[ \t]*\d+\. /m.test(text)) return {
@@ -1441,11 +1441,11 @@ function indexOfChildNode(parent, child) {
 * `readSegmentsFromDOM` in use-prompt-area.ts. This is the single predicate
 * shared with `domChildIndexToSegmentIndex` below, so a DOM child index can
 * never map to a different segment index than the one the reader actually
-* produces — decoration elements (the URL `<a>` from `decorateURLsInEditor`,
+* produces - decoration elements (the URL `<a>` from `decorateURLsInEditor`,
 * the markdown `<span data-md>` from `decorateMarkdownInEditor`) fall through
 * to the reader's "unknown element" branch and DO produce a text segment, so
 * they must count here too, not just chips/text/`<br>`. A chip element only
-* counts if `chipNodeToSegment` would actually accept it — the reader skips a
+* counts if `chipNodeToSegment` would actually accept it - the reader skips a
 * chip missing a required attribute (trigger/value/display), so this must too.
 */
 function childProducesSegment(child) {
@@ -1536,7 +1536,7 @@ function normalizeEditorDOM(editor) {
 * Walks direct-child text nodes in the editor and wraps URL text in
 * `<a>` elements for visual styling and clickability.
 *
-* This is a DOM-only decoration — it does NOT modify the segment model.
+* This is a DOM-only decoration - it does NOT modify the segment model.
 * The `<a>` elements are stripped by `normalizeEditorDOM` on every input cycle,
 * so they are re-applied fresh each time.
 *
@@ -1600,7 +1600,7 @@ function decorateURLsInEditor(editor) {
 * Walks direct-child text nodes in the editor and wraps markdown-formatted
 * text (`**bold**`, `*italic*`, `***bold-italic***`) in styled `<span>` elements.
 *
-* This is a DOM-only decoration — it does NOT modify the segment model.
+* This is a DOM-only decoration - it does NOT modify the segment model.
 * The `<span>` elements are stripped by `normalizeEditorDOM` on every input cycle,
 * so they are re-applied fresh each time.
 *
@@ -1727,7 +1727,7 @@ function decorateBulletsInEditor(editor) {
 * unchanged) and is stripped by {@link normalizeEditorDOM} each input cycle.
 * Must run BEFORE the node-splitting passes ({@link decorateURLsInEditor},
 * {@link decorateMarkdownInEditor}, {@link decorateBulletsInEditor}) so every
-* direct-child text node is still a whole line — otherwise a mid-line split
+* direct-child text node is still a whole line - otherwise a mid-line split
 * fragment beginning with whitespace would let the `^` anchor false-match
 * non-line-leading whitespace.
 *
@@ -1811,12 +1811,12 @@ function getSelectionRange() {
 *
 * Invariants:
 * - All functions are synchronous. Never return a promise or cross a microtask
-*   boundary after a DOM mutation — that can cause the browser to fire
+*   boundary after a DOM mutation - that can cause the browser to fire
 *   `selectionchange` and reset the caret.
 * - Never cache a `Selection` or `Range` across calls. Ranges become detached
 *   after DOM mutations. Each function calls `window.getSelection()` or
 *   `getSelectionRange()` fresh.
-* - Chip nodes are treated atomically via `isChipElement` — we never descend
+* - Chip nodes are treated atomically via `isChipElement` - we never descend
 *   into a contentEditable=false subtree when mapping offsets.
 */
 function getCursorOffset(editor) {
@@ -1844,11 +1844,11 @@ function createRangeAtOffset(editor, targetOffset) {
 * Where the caret is on screen, in viewport coordinates.
 *
 * A collapsed range usually measures fine, but not when it sits *between* child
-* nodes of an element — which is exactly where a freshly inserted newline puts
+* nodes of an element - which is exactly where a freshly inserted newline puts
 * it, because this editor's content is a flat run of text nodes and `<br>`s
 * directly under the editor element. There `getBoundingClientRect()` is all
 * zeros, and the obvious fallback (measure `startContainer`'s element) resolves
-* to the editor itself, whose rect is the viewport box — so it reports the
+* to the editor itself, whose rect is the viewport box - so it reports the
 * caret as trivially visible and scrolls nothing.
 *
 * So measure the neighbour instead: the child the caret sits before, or failing
@@ -1877,14 +1877,14 @@ function caretRect(range) {
 * The editor is its own scroll container once it hits `maxHeight`
 * (`prompt-area.tsx` sets `overflowY: auto` there). Typing scrolls the caret
 * into view for free, because that is the browser's own behaviour for a native
-* edit — but every path that calls `preventDefault()` and rebuilds the DOM
+* edit - but every path that calls `preventDefault()` and rebuilds the DOM
 * itself (Shift+Enter, list continuation, undo/redo, the bold/italic wrap,
 * paste) places the caret with a Range instead, and setting a selection does
 * not scroll anything. The symptom is a prompt that has grown past its cap and
 * stops following what you are writing: type and it scrolls, press Shift+Enter
 * and the new line appears below the fold.
 *
-* A no-op when the caret is already visible, so it is safe on every call — it
+* A no-op when the caret is already visible, so it is safe on every call - it
 * corrects an off-screen caret rather than scrolling to one.
 */
 function scrollCaretIntoView(editor) {
@@ -2345,7 +2345,7 @@ function normalizeOutput(markdown) {
 /**
 * Converts an HTML string to markdown source text. Returns '' for empty or
 * body-less input. Block markdown (headings, lists, quotes, fences, tables,
-* links) is emitted as literal markdown text — that is the editor's intended
+* links) is emitted as literal markdown text - that is the editor's intended
 * display; only `*`/`**`/`***` and bare URLs get visually decorated inline.
 */
 function htmlToMarkdown(html) {
@@ -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", {
@@ -5358,7 +5550,7 @@ function ToolRow({ item }) {
 							setFetching(true);
 							fetchResult(item.id).finally(() => setFetching(false));
 						},
-						children: truncated ? `… +${missing.toLocaleString()} chars — fetch the rest` : `… +${hidden} line${hidden === 1 ? "" : "s"} — show all ${text.length.toLocaleString()} chars`
+						children: truncated ? `… +${missing.toLocaleString()} chars - fetch the rest` : `… +${hidden} line${hidden === 1 ? "" : "s"} - show all ${text.length.toLocaleString()} chars`
 					}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 						"… +",
 						hidden,
@@ -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 }) {
@@ -5970,7 +6173,7 @@ function AttachmentChip({ item, onRetry, onRemove }) {
 	const round = terminal ? "" : "rounded-md";
 	return /* @__PURE__ */ jsxs("div", {
 		className: "group relative shrink-0",
-		title: failed ? `${item.name} — ${item.error}` : `${item.name} · ${formatBytes(item.bytes)}`,
+		title: failed ? `${item.name} - ${item.error}` : `${item.name} · ${formatBytes(item.bytes)}`,
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: cn("flex size-14 items-center justify-center overflow-hidden bg-surface", round, terminal ? "term-attachment" : "border border-border", failed && "border-danger/50"),
@@ -6030,9 +6233,9 @@ function cssColor(color) {
 //#endregion
 //#region src/lib/context-note.ts
 const CODEX_CONTEXT_NOTE = {
-	summary: "Codex budgets 272K input by default and reports 95% of it, so a 1M-class model reads ~258k. That is codex’s price tier, not the model’s ceiling — and it is the number auto-compaction fires on, so the meter is honest.",
-	hint: "Raising it is yours to set: model_context_window in ~/.codex/config.toml — and watch for auto-compaction failing afterwards.",
-	detail: ["To raise it, set model_context_window in ~/.codex/config.toml, up to 872000 (reported as 828400). Codex clamps to its own max_context_window, itself below OpenAI’s stated 922,000 max input.", "Above 272K input, a request bills at 2x input / 1.5x output for the whole request. WorkerDeck never writes this setting — it is a cost decision on your account."],
+	summary: "Codex budgets 272K input by default and reports 95% of it, so a 1M-class model reads ~258k. That is codex’s price tier, not the model’s ceiling - and it is the number auto-compaction fires on, so the meter is honest.",
+	hint: "Raising it is yours to set: model_context_window in ~/.codex/config.toml - and watch for auto-compaction failing afterwards.",
+	detail: ["To raise it, set model_context_window in ~/.codex/config.toml, up to 872000 (reported as 828400). Codex clamps to its own max_context_window, itself below OpenAI’s stated 922,000 max input.", "Above 272K input, a request bills at 2x input / 1.5x output for the whole request. WorkerDeck never writes this setting - it is a cost decision on your account."],
 	caveat: "Raise it and watch for auto-compaction failing: openai/codex #16068 reports it stops firing after the first overflow. Unverified here on 0.149.0."
 };
 function contextNote(engine) {
@@ -6052,7 +6255,7 @@ function ContextDialog({ usage, engine, open, onOpenChange, className }) {
 				description: usage?.model
 			}), /* @__PURE__ */ jsxs(DialogBody, { children: [!usage ? /* @__PURE__ */ jsx("p", {
 				className: "py-6 text-center text-body-sm text-fg-4",
-				children: "No reading yet — the context window is measured after a turn completes."
+				children: "No reading yet - the context window is measured after a turn completes."
 			}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex items-baseline justify-between gap-4",
@@ -6167,7 +6370,7 @@ function TaskList({ tasks, showCompleted, onShowCompletedChange, onSelectTask, c
 			}) : null]
 		}), shown.length === 0 ? /* @__PURE__ */ jsx("p", {
 			className: "py-6 text-center text-body-sm text-fg-4",
-			children: tasks.length === 0 ? "No tasks yet — a checklist appears once the agent plans one." : `${hidden} completed, all hidden.`
+			children: tasks.length === 0 ? "No tasks yet - a checklist appears once the agent plans one." : `${hidden} completed, all hidden.`
 		}) : /* @__PURE__ */ jsx("div", {
 			className: "flex flex-col",
 			children: shown.map((task) => /* @__PURE__ */ jsx(TaskRow$1, {
@@ -6305,7 +6508,7 @@ function HostFilesDialog({ client, cwd, open, onOpenChange }) {
 			setFile({
 				path: response.path,
 				bytes: response.bytes,
-				content: response.encoding === "utf8" ? response.content : "(binary file — not shown)"
+				content: response.encoding === "utf8" ? response.content : "(binary file - not shown)"
 			});
 		} catch (e) {
 			setError(e instanceof Error ? e.message : "Could not read that file");
@@ -6391,7 +6594,7 @@ function HostFilesDialog({ client, cwd, open, onOpenChange }) {
 					}),
 					truncated && !matches ? /* @__PURE__ */ jsx("p", {
 						className: "text-label text-fg-4",
-						children: "More entries than the server will return — use the search box."
+						children: "More entries than the server will return - use the search box."
 					}) : null
 				] })]
 			})]
@@ -6689,7 +6892,7 @@ function SkillsDialog({ skills, open, onOpenChange, onUse, className }) {
 			className,
 			children: [/* @__PURE__ */ jsx(DialogHeader, {
 				title: skill ? skill.displayName ?? skill.name : "Skills",
-				description: skill ? skill.name !== (skill.displayName ?? skill.name) ? skill.name : void 0 : "Capabilities the agent can choose to use. Not commands — the model picks them from their descriptions.",
+				description: skill ? skill.name !== (skill.displayName ?? skill.name) ? skill.name : void 0 : "Capabilities the agent can choose to use. Not commands - the model picks them from their descriptions.",
 				actions: skill ? /* @__PURE__ */ jsxs(Button, {
 					variant: "ghost",
 					size: "xs",
@@ -6710,7 +6913,7 @@ function SkillsDialog({ skills, open, onOpenChange, onUse, className }) {
 function SkillList({ skills, onSelect }) {
 	if (!skills) return /* @__PURE__ */ jsx("p", {
 		className: "py-6 text-center text-body-sm text-fg-4",
-		children: "Skills are listed once the session connects — send a message first."
+		children: "Skills are listed once the session connects - send a message first."
 	});
 	if (skills.length === 0) return /* @__PURE__ */ jsx("p", {
 		className: "py-6 text-center text-body-sm text-fg-4",
@@ -6785,7 +6988,7 @@ function SkillView({ skill, onUse, onUsed }) {
 				children: "Use this skill"
 			}), /* @__PURE__ */ jsx("p", {
 				className: "mt-1.5 text-label text-fg-4",
-				children: "Writes an opening message into the composer for you to edit — it isn’t sent, and there is no command that runs a skill directly."
+				children: "Writes an opening message into the composer for you to edit - it isn’t sent, and there is no command that runs a skill directly."
 			})] }) : null
 		]
 	});
@@ -6884,14 +7087,14 @@ const PERMISSION_MODES = [
 		value: "dontAsk",
 		label: "Don't ask",
 		shortLabel: "Don't ask",
-		description: "Never ask — deny anything not pre-approved",
+		description: "Never ask - deny anything not pre-approved",
 		icon: ShieldCheck
 	},
 	{
 		value: "bypassPermissions",
 		label: "Bypass permissions",
 		shortLabel: "Bypass",
-		description: "Skip every approval — the agent is unsupervised",
+		description: "Skip every approval - the agent is unsupervised",
 		icon: TriangleAlert,
 		dangerous: true
 	}
@@ -7080,7 +7283,7 @@ function PermissionPrompt({ request, onApprove, onDeny, className }) {
 						if (e.key === "Enter") deny(false);
 						if (e.key === "Escape") setDenying(false);
 					},
-					placeholder: plan ? "What should change? (optional) — the agent keeps planning and reads this" : "Reason (optional) — the agent reads this and can try something else",
+					placeholder: plan ? "What should change? (optional) - the agent keeps planning and reads this" : "Reason (optional) - the agent reads this and can try something else",
 					className: "h-7 flex-1"
 				}),
 				/* @__PURE__ */ jsx(Button, {
@@ -7638,7 +7841,7 @@ function TerminalPermissionPrompt({ request, onApprove, onDeny, className }) {
 		onChange: setReason,
 		onSubmit: () => deny(false),
 		onCancel: () => setDenying(false),
-		placeholder: plan ? "What should change? (optional) — the agent keeps planning and reads this" : "Reason (optional) — the agent reads this and can try something else"
+		placeholder: plan ? "What should change? (optional) - the agent keeps planning and reads this" : "Reason (optional) - the agent reads this and can try something else"
 	}) : void 0;
 	const options = plan ? [
 		{
@@ -7647,7 +7850,7 @@ function TerminalPermissionPrompt({ request, onApprove, onDeny, className }) {
 		},
 		{
 			key: "deny",
-			label: "Keep planning — tell it what to change",
+			label: "Keep planning - tell it what to change",
 			detail: reasonInput
 		},
 		{
@@ -7720,7 +7923,7 @@ function TerminalPermissionPrompt({ request, onApprove, onDeny, className }) {
 				}
 			}),
 			/* @__PURE__ */ jsx(Blank, {}),
-			/* @__PURE__ */ jsx(Hint, { children: denying ? "Enter to send · Shift+Enter for a new line · Esc to go back" : "Enter to select · ↑/↓ to navigate · 1–3 to choose · Esc to cancel" })
+			/* @__PURE__ */ jsx(Hint, { children: denying ? "Enter to send · Shift+Enter for a new line · Esc to go back" : "Enter to select · ↑/↓ to navigate · 1-3 to choose · Esc to cancel" })
 		]
 	});
 }
@@ -8208,7 +8411,7 @@ function RateLimitMeter({ label, info, now }) {
 					className: "flex items-center justify-between gap-2",
 					children: [/* @__PURE__ */ jsxs("span", { children: [label, " usage"] }), /* @__PURE__ */ jsx("span", {
 						className: "font-mono text-fg-3",
-						children: pct !== void 0 ? `${pct.toFixed(1)}%` : "—"
+						children: pct !== void 0 ? `${pct.toFixed(1)}%` : "-"
 					})]
 				}),
 				resetsAtMs !== void 0 ? /* @__PURE__ */ jsxs("div", {
@@ -8506,8 +8709,8 @@ function clusterCells(cluster) {
 const TAB_SIZE = 2;
 const BREAK_AFTER = /* @__PURE__ */ new Set([
 	"-",
-	"–",
-	"—",
+	"-",
+	"-",
 	"?"
 ]);
 const PLAIN_ASCII = /^[\x20-\x7e]*$/;
@@ -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
 			]
 		})
 	] });
@@ -11081,7 +11288,7 @@ function UsageDialog({ rateLimits, subscriptionType, engine, totalCostUsd, updat
 			}), /* @__PURE__ */ jsxs(DialogBody, { children: [
 				rateLimits.length === 0 ? /* @__PURE__ */ jsx("p", {
 					className: "py-6 text-center text-body-sm text-fg-4",
-					children: engine === "claude" ? "This session reports no plan windows — API-key sessions have none, and a subscription session reports them once a turn has run." : `Plan windows are a claude.ai subscription thing; this session runs on the ${engine} engine.`
+					children: engine === "claude" ? "This session reports no plan windows - API-key sessions have none, and a subscription session reports them once a turn has run." : `Plan windows are a claude.ai subscription thing; this session runs on the ${engine} engine.`
 				}) : /* @__PURE__ */ jsx(UsageMeters, {
 					windows: rateLimits,
 					now
@@ -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-B5FfiBxE.mjs.map
+//# sourceMappingURL=SessionPanel-BClL7zUS.mjs.map