@workerdeck/ui 0.23.0 → 1.1.0

package/build/index.mjs

@@ -1,5 +1,5 @@
-import { $ as toolIcon, A as PERMISSION_MODES, At as MenuSeparator, B as skillPrompt, Bt as Badge, C as TerminalQuestionPrompt, Ct as DialogContent, D as parseUserQuestions, Dt as Menu, E as QuestionPrompt, Et as DialogTrigger, F as SkillsDialog, Ft as SelectItemText, G as Band, H as TerminalMarkdown, Ht as Button, I as McpDialog, It as SelectTrigger, J as Row, K as Blank, L as HostFilesDialog, Lt as SelectValue, M as permissionModeChoices, Mt as Select, N as permissionModeMeta, Nt as SelectContent, O as SubagentStrip, Ot as MenuContent, P as ModelSelect, Pt as SelectItem, Q as isMutatingTool, R as ContextDialog, Rt as PortalScope, S as SessionInfoDialog, St as DialogClose, T as QUESTION_BEHAVIORS, Tt as DialogRow, U as TerminalDiff, Ut as buttonVariants, V as TerminalSurface, Vt as badgeVariants, W as previewPatch, Wt as cn, X as WithActions, Y as CopyAction, Z as useAffordances, _ as Conversation, _t as Tip, a as Transcript, at as hashtagTrigger, b as StatusBar, bt as Dialog, c as ToolCallCard, ct as PromptArea, d as Response, dt as ProgressRing, et as TranscriptDensityProvider, f as PromptTokenText, ft as Splitter, g as FileCard, gt as copyText, h as Loader, ht as CopyButton, i as useMinuteClock, it as commandTrigger, j as PermissionModeSelect, jt as MenuTrigger, k as PermissionPrompt, kt as MenuItem, l as SessionEmptyState, lt as plainTextToSegments, m as MessageContent, mt as Spinner, n as UsageDialog, nt as useTranscriptDensity, o as TerminalItemView, ot as mentionTrigger, p as Message, pt as CodeBlock, q as Ink, r as UsageMeters, rt as useTranscriptVariant, s as TerminalTranscript, st as usePromptAreaState, t as SessionPanel, tt as TranscriptVariantProvider, u as Reasoning, ut as segmentsToPlainText, v as ConversationContent, vt as TooltipContent, w as TerminalPermissionPrompt, wt as DialogHeader, x as STATUS_META, xt as DialogBody, y as ConversationScrollButton, yt as TooltipProvider, z as Composer, zt as Input } from "./SessionPanel-DUt2VzXG.mjs";
-import { _ as formatRelativeTime, a as modelLabel, b as rateLimitWindowSeconds, d as formatBytes, f as formatCost, g as formatRateLimitWindowLong, h as formatRateLimitWindow, i as meterSeverity, l as windowLabel, m as formatDuration, o as statusPresentation, p as formatCountdown, r as meterColorClass, s as tightestWindow, t as contextSeverity, u as formatAgoPrecise, v as formatTokens, x as toolInputPreview, y as friendlyModel } from "./status-BE-zg88x.mjs";
+import { $ as isMutatingTool, A as PERMISSION_MODES, At as MenuItem, B as Composer, Bt as Input, C as TerminalPermissionPrompt, Ct as DialogClose, D as SubagentStrip, Dt as DialogTrigger, E as parseUserQuestions, Et as DialogRow, F as SkillsDialog, Ft as SelectItem, G as previewPatch, Gt as cn, H as TerminalSurface, Ht as badgeVariants, I as McpDialog, It as SelectItemText, J as Ink, K as Band, L as HostFilesDialog, Lt as SelectTrigger, M as permissionModeChoices, Mt as MenuTrigger, N as permissionModeMeta, Nt as Select, O as PermissionPrompt, Ot as Menu, P as ModelSelect, Pt as SelectContent, Q as useAffordances, Rt as SelectValue, S as TerminalQuestionPrompt, St as DialogBody, T as QuestionPrompt, Tt as DialogHeader, U as TerminalMarkdown, Ut as Button, V as skillPrompt, Vt as Badge, W as TerminalDiff, Wt as buttonVariants, X as CopyAction, Y as Row, Z as WithActions, _ as ConversationContent, _t as copyText, a as Transcript, at as commandTrigger, b as STATUS_META, bt as TooltipProvider, c as PromptTokenText, ct as usePromptAreaState, d as FileCard, dt as segmentsToPlainText, et as toolIcon, f as TerminalItemView, ft as ProgressRing, g as Conversation, gt as CopyButton, h as Loader, ht as Spinner, i as useMinuteClock, it as useTranscriptVariant, j as PermissionModeSelect, jt as MenuSeparator, k as Response, kt as MenuContent, l as Message, lt as PromptArea, m as SessionEmptyState, mt as CodeBlock, n as UsageDialog, nt as TranscriptVariantProvider, o as ToolCallCard, ot as hashtagTrigger, p as TerminalTranscript, pt as Splitter, q as Blank, r as UsageMeters, rt as useTranscriptDensity, s as Reasoning, st as mentionTrigger, t as SessionPanel, tt as TranscriptDensityProvider, u as MessageContent, ut as plainTextToSegments, v as ConversationScrollButton, vt as Tip, w as QUESTION_BEHAVIORS, wt as DialogContent, x as SessionInfoDialog, xt as Dialog, y as StatusBar, yt as TooltipContent, z as ContextDialog, zt as PortalScope } from "./SessionPanel-I5QSLLb0.mjs";
+import { S as toolInputPreview, _ as formatRateLimitWindowLong, b as friendlyModel, c as tightestWindow, d as formatAgoPrecise, f as formatBytes, g as formatRateLimitWindow, h as formatDuration, i as meterSeverity, m as formatCountdown, o as modelLabel, p as formatCost, r as meterColorClass, s as statusPresentation, t as contextSeverity, u as windowLabel, v as formatRelativeTime, x as rateLimitWindowSeconds, y as formatTokens } from "./status-Dm9INVTt.mjs";
 import { Fragment, forwardRef, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Anchor, ArrowRight, Atom, Beaker, BellRing, Bike, Binary, Blocks, Bot, Box, Brain, Briefcase, Brush, Bug, Building2, Cable, Camera, Car, Cat, Check, ChevronDown, ChevronRight, CircleAlert, CircleSlash, CircuitBoard, Cloud, Code, Coffee, Cog, Compass, Container, Cpu, CreditCard, Database, Diamond, Dog, Dot, Eraser, Feather, Film, Flame, FlaskConical, Folder, Gamepad2, Gauge, Gem, Ghost, Gift, GitBranch, Globe, GraduationCap, Hammer, Hexagon, House, Image, Key, Landmark, Laptop, Layers, Leaf, Library, Lightbulb, Lock, Mail, Map as Map$1, MessageCircle, Mic, Monitor, Moon, Mountain, Music, Network, Newspaper, Notebook, Orbit, Package, Palette, PauseCircle, PenTool, Pencil, Phone, PiggyBank, Plane, Plug, Puzzle, Radar, Radio, Receipt, Rocket, Ruler, Satellite, Scale, Scissors, Search, SearchX, Server, Shield, Ship, ShoppingCart, Signal, Smartphone, Sparkles, Sprout, Square, Star, Sun, Table, Tag, Target, Telescope, Terminal, TestTube, Trash2, TreePine, Trophy, Truck, Umbrella, Users, Wallet, Wand, Waves, Webhook, Wifi, Wrench, X, Zap } from "lucide-react";
@@ -62,7 +62,6 @@ const AlertDialogDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(
 });
 //#endregion
 //#region src/components/ui/Sonner.tsx
-/** Token-themed toaster; relies on the [data-theme] swap, so no `theme` prop needed. */
 function Toaster() {
 	return /* @__PURE__ */ jsx(Toaster$1, {
 		position: "bottom-right",
@@ -78,22 +77,6 @@ function Toaster() {
 }
 //#endregion
 //#region src/components/ui/Empty.tsx
-/**
-* A view with nothing in it: icon, title, description, and at most one action.
-*
-* Centered and given room, because an empty view is the first thing a new
-* install shows and a flush-left sentence in the top corner reads like a bug
-* report. It lives here rather than in one client because every panel that can
-* be empty should be empty the same way — the extension's views and the
-* dashboard's four sidebars are the same shape of thing.
-*
-* **At most one action, and never one the view header already offers.** Creating
-* a session and adding a gateway are the `+` in the native title bar, exclusively
-* — so those empty states point at it in words rather than growing a second
-* button that does the same thing two inches lower. A button here is for the way
-* out of a state the header has no answer to: clearing a filter, widening a
-* scope.
-*/
 function Empty({ icon, title, description, action, onAction }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col items-center gap-2 px-5 py-8 text-center",
@@ -120,7 +103,6 @@ function Empty({ icon, title, description, action, onAction }) {
 		]
 	});
 }
-/** A key or icon named inline in an empty state's description — "use the + above". */
 function EmptyKey({ children }) {
 	return /* @__PURE__ */ jsx("span", {
 		className: "rounded border border-border px-1 font-mono text-fg-3",
@@ -140,31 +122,11 @@ function getChipsByTrigger(segments, trigger) {
 }
 //#endregion
 //#region src/components/terminal/StatusLine.tsx
-/**
-* The session's readings, as one line.
-*
-* The styled bar puts each of these in its own affordance — a progress ring, a
-* badge, a tooltip — which is right for a dashboard and wrong here for the usual
-* reason: a terminal has one line height, and five widgets of five different
-* heights is five different rhythms in a row that is supposed to be quiet. So
-* they are words, `·`-separated, exactly as the CLI's own status line writes
-* them.
-*
-* The readings themselves come from the same helpers the styled bar uses
-* (`lib/status.ts`), and that matters more than it looks: `statusPresentation`
-* is where the rule lives that **a dropped socket outranks the session status**,
-* because a status held over a dead socket is a stale reading being presented as
-* a live one. Re-deriving that here would be a second answer to a question that
-* already has one.
-*/
-/** Severity → tone. The 80/95 thresholds are `lib/status.ts`'s, not new ones. */
 const SEVERITY_TONE = {
 	none: "dim",
 	warning: "yellow",
 	error: "red"
 };
-/** One reading. A button only when it leads somewhere — a segment that looks
-* pressable and does nothing is worse than plain text. */
 function Reading({ tone, onPress, label, children }) {
 	if (!onPress) return /* @__PURE__ */ jsx(Ink, {
 		tone,
@@ -312,50 +274,6 @@ function SessionList({ sessions, activeId, onSelect, onDelete, emptyText = "No s
 }
 //#endregion
 //#region src/components/agent/ProjectIcon.tsx
-/**
-* A project's icon — the render side of protocol's `ProjectIcon`, for a list
-* row or a group header.
-*
-* **The glyph arm is a curated set, and that is the design rather than a
-* shortcut.** The gateway validates a glyph name by *shape* only (lucide's
-* lowercase-kebab convention) and explicitly declines to grow an icon catalog,
-* so the contract already says a client must fall back on a name it does not
-* know.
-*
-* The alternative was measured rather than argued, against the VS Code
-* sidebar's own bundle: `sidebar.js` is **31 KB** with one glyph, **77 KB**
-* with the 110 below (~418 bytes each), and **927 KB** with a
-* `import * as` over lucide's ~1,600 — which is what it costs, because a
-* namespace import defeats tree-shaking by construction. (`DynamicIcon` is the
-* third option and worse in a different currency: ~1,600 chunk files shipped
-* inside the `.vsix`.) Twelve times the bundle to render a name nobody has
-* declared yet is not a trade worth making; 46 KB to cover the names people
-* actually use is.
-*
-* The set is chosen to cover what people call a project; an unlisted-but-valid
-* name draws {@link Folder}, which is what the row drew before this feature
-* existed. **Grow it freely** — each addition is ~400 bytes and the fallback
-* means a missing one is a shrug, not a hole.
-*
-* **The image arm draws nothing until its bytes arrive**, and takes them as a
-* resolved `src` rather than fetching: the wire carries only an address
-* (media type, size, content hash), and *who* fetches it differs per client —
-* a VS Code webview cannot reach a gateway at all and must be handed a data
-* URL by its extension host, while a browser can fetch and `createObjectURL`.
-* A component that fetched would be wrong on one of them. Absent `src` renders
-* nothing rather than a placeholder box: an icon is decoration beside a name
-* that is already there, and a box that becomes a picture a beat later is more
-* movement than the picture is worth.
-*
-* One thing an image icon cannot do, and a glyph can: **take the row's
-* colour.** An `<img>`-embedded SVG is its own document, so `currentColor` does
-* not reach it and its own `prefers-color-scheme` resolves against the *OS*
-* rather than the host's theme (measured: it does resolve, which is the
-* surprise — so a monochrome mark tuned for both schemes is right on a dark OS
-* in a dark editor and wrong on a light OS in a dark one). A repo that wants a
-* mark that always matches its row should declare a glyph; one that wants its
-* brand should declare the image and accept that it is a picture.
-*/
 const GLYPHS = {
 	anchor: Anchor,
 	atom: Atom,
@@ -481,27 +399,11 @@ function ProjectIcon({ icon, src, name, className }) {
 			className: cn("inline-block size-3 shrink-0 object-contain", className)
 		});
 	}
-	return /* @__PURE__ */ jsx(GLYPHS[icon.name] ?? Folder, { className: cn("inline-block size-3 shrink-0", className) });
+	const Glyph = GLYPHS[icon.name] ?? Folder;
+	return /* @__PURE__ */ jsx(Glyph, { className: cn("inline-block size-3 shrink-0", className) });
 }
 //#endregion
 //#region src/components/agent/ContextRing.tsx
-/**
-* How full a session's context window is, sized for a **list row**.
-*
-* The reading the session screen has always drawn, moved somewhere it answers a
-* question the session screen cannot: *which* of these thirty sessions is
-* bloating. That is also why it is a ring and not a number — across a list, a
-* ring is read at a glance and `71%` has to be read one row at a time.
-*
-* **Absent draws nothing, and absent is not zero.** A promptless session, a
-* parked one from before the field existed, or an engine that reports no window
-* has no reading; an empty ring would claim its context is empty rather than
-* unknown. The title carries the exact numbers for anyone who wants them.
-*
-* Shared rather than spelled per client: the dashboard's row and the VS Code
-* sidebar's card both draw it, and two copies would be two sets of thresholds
-* the day one of them is nudged.
-*/
 function ContextRing({ usage, size = 11, className }) {
 	if (usage === void 0) return null;
 	return /* @__PURE__ */ jsx("span", {
@@ -516,23 +418,6 @@ function ContextRing({ usage, size = 11, className }) {
 }
 //#endregion
 //#region src/components/agent/EngineIcon.tsx
-/**
-* The engine's own mark, monochrome.
-*
-* Inlined rather than depended on: the React package these come from
-* (`@lobehub/icons`) pulls antd, `@lobehub/ui` and a second copy of
-* lucide-react — an absurd amount of bundle for a few glyphs in a sidebar.
-* These are paths from `@lobehub/icons-static-svg` (MIT, © LobeHub), already
-* `fill="currentColor"` single-path marks, so they take the row's colour like
-* any other glyph and need no light/dark variants.
-*
-* The marks are trademarks of their owners (Anthropic, OpenAI, Google,
-* DeepSeek, Moonshot), used here only to identify which engine a session runs
-* on.
-*
-* Codex is drawn as OpenAI: the session's engine *is* OpenAI's, and OpenAI's
-* mark is the one a person recognises at 12px.
-*/
 const PATHS = {
 	claude: {
 		title: "Claude",
@@ -555,57 +440,25 @@ const PATHS = {
 		d: "M1.052 16.916l9.539 2.552a21.007 21.007 0 00.06 2.033l5.956 1.593a11.997 11.997 0 01-5.586.865l-.18-.016-.044-.004-.084-.009-.094-.01a11.605 11.605 0 01-.157-.02l-.107-.014-.11-.016a11.962 11.962 0 01-.32-.051l-.042-.008-.075-.013-.107-.02-.07-.015-.093-.019-.075-.016-.095-.02-.097-.023-.094-.022-.068-.017-.088-.022-.09-.024-.095-.025-.082-.023-.109-.03-.062-.02-.084-.025-.093-.028-.105-.034-.058-.019-.08-.026-.09-.031-.066-.024a6.293 6.293 0 01-.044-.015l-.068-.025-.101-.037-.057-.022-.08-.03-.087-.035-.088-.035-.079-.032-.095-.04-.063-.028-.063-.027a5.655 5.655 0 01-.041-.018l-.066-.03-.103-.047-.052-.024-.096-.046-.062-.03-.084-.04-.086-.044-.093-.047-.052-.027-.103-.055-.057-.03-.058-.032a6.49 6.49 0 01-.046-.026l-.094-.053-.06-.034-.051-.03-.072-.041-.082-.05-.093-.056-.052-.032-.084-.053-.061-.039-.079-.05-.07-.047-.053-.035a7.785 7.785 0 01-.054-.036l-.044-.03-.044-.03a6.066 6.066 0 01-.04-.028l-.057-.04-.076-.054-.069-.05-.074-.054-.056-.042-.076-.057-.076-.059-.086-.067-.045-.035-.064-.052-.074-.06-.089-.073-.046-.039-.046-.039a7.516 7.516 0 01-.043-.037l-.045-.04-.061-.053-.07-.062-.068-.06-.062-.058-.067-.062-.053-.05-.088-.084a13.28 13.28 0 01-.099-.097l-.029-.028-.041-.042-.069-.07-.05-.051-.05-.053a6.457 6.457 0 01-.168-.179l-.08-.088-.062-.07-.071-.08-.042-.049-.053-.062-.058-.068-.046-.056a7.175 7.175 0 01-.027-.033l-.045-.055-.066-.082-.041-.052-.05-.064-.02-.025a11.99 11.99 0 01-1.44-2.402zm-1.02-5.794l11.353 3.037a20.468 20.468 0 00-.469 2.011l10.817 2.894a12.076 12.076 0 01-1.845 2.005L.657 15.923l-.016-.046-.035-.104a11.965 11.965 0 01-.05-.153l-.007-.023a11.896 11.896 0 01-.207-.741l-.03-.126-.018-.08-.021-.097-.018-.081-.018-.09-.017-.084-.018-.094c-.026-.141-.05-.283-.071-.426l-.017-.118-.011-.083-.013-.102a12.01 12.01 0 01-.019-.161l-.005-.047a12.12 12.12 0 01-.034-2.145zm1.593-5.15l11.948 3.196c-.368.605-.705 1.231-1.01 1.875l11.295 3.022c-.142.82-.368 1.612-.668 2.365l-11.55-3.09L.124 10.26l.015-.1.008-.049.01-.067.015-.087.018-.098c.026-.148.056-.295.088-.442l.028-.124.02-.085.024-.097c.022-.09.045-.18.07-.268l.028-.102.023-.083.03-.1.025-.082.03-.096.026-.082.031-.095a11.896 11.896 0 011.01-2.232zm4.442-4.4L17.352 4.59a20.77 20.77 0 00-1.688 1.721l7.823 2.093c.267.852.442 1.744.513 2.665L2.106 5.213l.045-.065.027-.04.04-.055.046-.065.055-.076.054-.072.064-.086.05-.065.057-.073.055-.07.06-.074.055-.069.065-.077.054-.066.066-.077.053-.06.072-.082.053-.06.067-.074.054-.058.073-.078.058-.06.063-.067.168-.17.1-.098.059-.056.076-.071a12.084 12.084 0 012.272-1.677zM12.017 0h.097l.082.001.069.001.054.002.068.002.046.001.076.003.047.002.06.003.054.002.087.005.105.007.144.011.088.007.044.004.077.008.082.008.047.005.102.012.05.006.108.014.081.01.042.006.065.01.207.032.07.012.065.011.14.026.092.018.11.022.046.01.075.016.041.01L14.7.3l.042.01.065.015.049.012.071.017.096.024.112.03.113.03.113.032.05.015.07.02.078.024.073.023.05.016.05.016.076.025.099.033.102.036.048.017.064.023.093.034.11.041.116.045.1.04.047.02.06.024.041.018.063.026.04.018.057.025.11.048.1.046.074.035.075.036.06.028.092.046.091.045.102.052.053.028.049.026.046.024.06.033.041.022.052.029.088.05.106.06.087.051.057.034.053.032.096.059.088.055.098.062.036.024.064.041.084.056.04.027.062.042.062.043.023.017c.054.037.108.075.161.114l.083.06.065.048.056.043.086.065.082.064.04.03.05.041.086.069.079.065.085.071c.712.6 1.353 1.283 1.909 2.031L7.222.994l.062-.027.065-.028.081-.034.086-.035c.113-.045.227-.09.341-.131l.096-.035.093-.033.084-.03.096-.031c.087-.03.176-.058.264-.085l.091-.027.086-.025.102-.03.085-.023.1-.026L9.04.37l.09-.023.091-.022.095-.022.09-.02.098-.021.091-.02.095-.018.092-.018.1-.018.091-.016.098-.017.092-.014.097-.015.092-.013.102-.013.091-.012.105-.012.09-.01.105-.01c.093-.01.186-.018.28-.024l.106-.008.09-.005.11-.006.093-.004.1-.004.097-.002.099-.002.197-.002z"
 	}
 };
-/**
-* Which mark a session wears.
-*
-* The two first-party engines are named directly. A `provider` session is
-* whatever the host wired up, so its *model* is the only thing that says whose
-* it is — sniffed loosely on purpose (`gemini-2.5-pro`, `deepseek-chat`,
-* `kimi-k2`), and falling through to no mark rather than guessing wrong.
-*/
 function engineMark(engine, model) {
 	if (engine === "claude") return "claude";
 	if (engine === "codex") return "codex";
 	const id = model?.toLowerCase() ?? "";
-	if (!id) return void 0;
+	if (!id) return;
 	if (id.includes("gemini")) return "gemini";
 	if (id.includes("deepseek")) return "deepseek";
 	if (id.includes("moonshot") || id.includes("kimi")) return "moonshot";
 	if (id.includes("claude")) return "claude";
 	if (id.startsWith("gpt") || id.startsWith("o1") || id.startsWith("o3") || id.includes("openai")) return "codex";
 }
-/**
-* Which engines wear their vendor's colour, and **how far it reaches**.
-*
-* `MARK` is the glyph, `TEXT` is the model name beside it. They are the same for
-* Anthropic and deliberately not for OpenAI, because the two brands differ in
-* kind rather than in hue: coral is an accent, and OpenAI's guidelines forbid
-* adding colour to the mark at all, so theirs is pure white/black. At full
-* contrast that is right on a 12px glyph and wrong on an 11px label — a
-* pure-white model name is *brighter than the session title above it*, which
-* inverts the row's whole hierarchy to say something the mark has already said.
-* So OpenAI's name keeps the muted line it always had, which is also the most
-* literal reading of "don't add any colors".
-*
-* Anything absent falls through to muted on both counts.
-*/
 const VENDOR_MARK = {
 	claude: "text-vendor-claude",
 	codex: "text-vendor-openai"
 };
 const VENDOR_TEXT = { claude: "text-vendor-claude" };
-/** The colour a session's engine mark wears. Pass it to `EngineIcon`'s
-*  `className` rather than to a parent: the svg carries its own `text-fg-3`,
-*  and only a class on the element itself is merged over it. */
 function vendorMarkClass(engine, model) {
 	return VENDOR_MARK[engineMark(engine, model) ?? ""] ?? "text-fg-3";
 }
-/** The colour the model *name* wears beside that mark — muted unless the vendor
-*  is one whose accent survives at label size. See `VENDOR_TEXT`.
-*
-*  The fallback is `text-fg-3` rather than the metadata line's own `text-fg-4`,
-*  so an unbranded model still sits one step above the project and gateway
-*  beside it — the order the spec lists them in, held without a colour. */
 function vendorTextClass(engine, model) {
 	return VENDOR_TEXT[engineMark(engine, model) ?? ""] ?? "text-fg-3";
 }
@@ -629,28 +482,6 @@ function EngineIcon({ engine, model, className }) {
 }
 //#endregion
 //#region src/components/agent/SessionStatusIcon.tsx
-/**
-* State as one glyph — a ringing bell when it wants a human, a spinner while it
-* works, a moon when it is only sleeping. Replaces the text badge: in a sidebar
-* the word costs more room than it earns, and the states that matter are the two
-* you can recognise without reading.
-*
-* **It reads `row.state`, not `info.status`, and that distinction is the whole
-* point of the row model.** `sessionState` already folds in the arm this glyph
-* cannot see for itself: a *background* sub-agent outlives its turn by design,
-* so the turn ends, `status` comes to rest at `idle`, and the agent keeps
-* working. Reading the raw status drew a **moon on a row filed under the
-* "Working" header** — the list contradicting itself on one line, which is
-* exactly what a derived view model exists to prevent. The value was in scope
-* and unread.
-*
-* The terminal statuses still come off `info.status`, because `ended` collapses
-* `failed` and `closed` into one bucket and those are worth telling apart here.
-*
-* It lives in its own file rather than inside the dashboard's browser because
-* the extension's cards draw it too, and a second copy there is how the two
-* lists last disagreed about what a parked session looks like.
-*/
 function SessionStatusIcon({ row, className }) {
 	const { info } = row;
 	const size = cn("size-4 shrink-0", className);
@@ -665,25 +496,6 @@ function SessionStatusIcon({ row, className }) {
 }
 //#endregion
 //#region src/components/agent/SessionSteps.tsx
-/**
-* The steps under one session, **agents first**.
-*
-* The two kinds do different things when pressed and are worth different
-* amounts of attention: an agent has work of its own to go and read, a task is a
-* marker in a transcript. Interleaved in dispatch order they read as one
-* undifferentiated list, and the rows you can actually open are scattered
-* through it. Grouped, the openable ones are a block at the top and the markers
-* are a tail you can skip.
-*
-* Stable **within** each group, deliberately: dispatch order is the only order
-* these records have that means anything (it is the order the work was started
-* in), so the sort partitions and never reorders inside a partition.
-*
-* `onSelect` is handed the **kind** as well as the id, because the two kinds go
-* to different places — see `SessionItem`, which is what routes them. Passing
-* only the id is what let a task be opened as if it were an agent, and a framed
-* task id matches no items, so the panel drew an **empty agent view**.
-*/
 function sessionSteps(info, onSelect) {
 	const steps = (info.subagents ?? []).map((sub) => {
 		const kind = isAgentRecord(sub) ? "agent" : "task";
@@ -707,20 +519,9 @@ function stepState(status) {
 		default: return "done";
 	}
 }
-/** How many of these are still going — the live half of the disclosure's count. */
 function runningSteps(steps) {
 	return steps.filter((s) => s.state === "running").length;
 }
-/**
-* The disclosure, which is also the reading: `3 agents` — or `2 of 3 agents`
-* while some have settled, because "how many are still going" is the live
-* question and a bare total answers it wrong the moment one finishes.
-*
-* Sub-agents are an annotation on a working row rather than a state of their own
-* (see `runningSubagents` in protocol's `session-list.ts`), so this never
-* competes with the row's status glyph: that still says what the *session* is
-* doing.
-*/
 function StepToggle({ expanded, running, total, noun, onToggle }) {
 	const label = running > 0 && running < total ? `${running}/${total}` : String(total);
 	const words = running > 0 && running < total ? `${running} of ${total} ${noun}s running` : `${total} ${noun}${total === 1 ? "" : "s"}`;
@@ -741,46 +542,6 @@ function StepToggle({ expanded, running, total, noun, onToggle }) {
 		})]
 	});
 }
-/**
-* One step under its session — **pressable, all of them**, and what a press
-* means is what tells the two kinds apart.
-*
-* Pressing an **agent** hands the panel over to that agent's own work
-* (`SessionPanel.openSubagent`): it is not a session and never becomes one, but
-* it has a surface, so it can be the selected thing. Pressing a **task** selects
-* the *session* and travels to that task's marker inside it — a task is a
-* reference to a place in a transcript, not a thing with a screen, so it can be
-* followed but never held.
-*
-* That is a reversal, and a deliberate one. A task used to be inert markup on
-* the argument that "a disabled-looking button still announces itself as one" —
-* correct about the markup, wrong about the premise, because there *was* always
-* somewhere to go and the row simply swallowed the click on its way there. A row
-* that looks like a list item, sits in a list, and does nothing when pressed is
-* the worse lie. So every step answers the pointer and every step answers a
-* press; only what the press does differs.
-*
-* Divided from the card's header by **indentation and its own hit shape**, not
-* by a rule. The rules came first, on the argument that at 11px an indent is not
-* enough to say "list inside a row" — and they were right about the reading and
-* wrong about the cost: a stack of hairlines across every open card turned the
-* list into a ledger, and a rule cannot answer a pointer. A step that lights up
-* under the cursor and fills when it is the one on screen says *list* far more
-* plainly than a line between two of them, and it says it while doing the job
-* the rule could not.
-*
-* **Only an agent can wear the selection**, and `active` is guarded on that here
-* rather than trusted from the caller: a host that hands back a task's key is
-* describing where it navigated, not what it selected, and the row must not
-* paint itself blue for it.
-*
-* The hover is `--row-active` — **alpha, not a flat fill** — because this row
-* has to answer the pointer on three different grounds: a transparent card, a
-* blue one (its session is selected), and a grey one (a sibling agent is). A
-* flat value tuned for any of those is wrong on the other two; a tint darkens or
-* lifts whatever it lands on. It is the one place in the list where the alpha
-* token earns its keep.
-*/
 function StepRow({ step, active = false, onSelect }) {
 	const agent = step.kind === "agent";
 	const selected = active && agent;
@@ -903,7 +664,7 @@ function SessionItem({ row, active = false, activeStepKey, showGateway, showProj
 						children: sessionLabel(info)
 					}),
 					row.unseen > 0 ? /* @__PURE__ */ jsx("span", {
-						title: `${row.unseen} new`,
+						title: `${row.unseen} new message${row.unseen === 1 ? "" : "s"}`,
 						className: cn("flex h-4 min-w-6 shrink-0 items-center justify-center rounded-full px-2", "text-[0.75rem] leading-none tracking-[-0.005em] tabular-nums", row.state === "working" || row.state === "attention" ? "bg-accent text-accent-fg" : "bg-badge text-badge-fg"),
 						children: row.unseen
 					}) : null,
@@ -950,32 +711,12 @@ function SessionItem({ row, active = false, activeStepKey, showGateway, showProj
 		}) : null]
 	});
 }
-/**
-* The one 16px cell both lines hang their glyph in.
-*
-* A shared column rather than a leading character: the state and the engine mark
-* are different widths and a bare glyph would let the two text columns start at
-* different x. Centring inside a fixed cell is what makes them agree.
-*/
 function Gutter({ children }) {
 	return /* @__PURE__ */ jsx("span", {
 		className: "flex size-4 shrink-0 items-center justify-center",
 		children
 	});
 }
-/**
-* Enter commits, Escape cancels, blur commits — the editor's inline-rename feel.
-* An empty value is a deliberate "clear the name", which the gateway answers by
-* handing back the derived title.
-*
-* The blur rule needs one guard. Selecting a session focuses a different surface
-* — in the extension, a different VS Code view — so this document can lose focus
-* a tick after a double-click opened the editor, and an unguarded blur reads
-* that as "the user clicked away" and closes the editor in the frame it
-* appeared. `document.hasFocus()` tells the two apart: focus moving WITHIN this
-* document is the user leaving the field; the whole view losing focus is not.
-* When the window comes back, so does the caret.
-*/
 function NameEditor({ initial, onCommit, onCancel }) {
 	const [value, setValue] = useState(initial);
 	const ref = useRef(null);
@@ -1013,22 +754,6 @@ function NameEditor({ initial, onCommit, onCancel }) {
 }
 //#endregion
 //#region src/components/agent/SessionBrowser.tsx
-/**
-* How a list row is drawn, in one place, so `SidebarRow` in `web` matches this
-* exactly rather than approximating it — the dashboard's other three sidebars
-* are that component, and a sessions list that hovered differently from the
-* gateways list beside it would read as a different product.
-*
-* Two rules are load-bearing:
-*
-* - **Fill means hover, and only hover.** It stays on the row whether or not
-*   the row is selected, because a selected row still has to answer the
-*   pointer. Selection gets the gutter instead.
-* - **`ml-0` on the selected row is not cosmetic.** It hands the accent border
-*   the 4px the margin was holding, so the text does not shift sideways as a
-*   row becomes the selected one. The squared left corners are what let the bar
-*   sit flush against the sidebar edge.
-*/
 function rowShapeClass(active) {
 	return cn("px-2 py-1.5 hover:bg-row-hover", active ? "mr-1 ml-0 rounded-r-md border-l-4 border-l-accent" : "mx-1 rounded-md");
 }
@@ -1248,9 +973,6 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, activeS
 		]
 	});
 }
-/** The bytes for a row's project icon, if it has an image one and the caller has
-* fetched it yet. Shared by the row and its group header so the two cannot draw
-* different pictures for one project. */
 function iconSrcOf(row, icons) {
 	const icon = row?.info.project?.icon;
 	return icon?.type === "image" ? icons?.[icon.hash] : void 0;
@@ -1292,16 +1014,6 @@ function SessionRowItem({ row, active, activeSubagentId, showGateway, showProjec
 		] })
 	});
 }
-/**
-* One of the dashboard's hover actions.
-*
-* Hover-revealed rather than always on, which is the opposite of the
-* extension's single overflow glyph and the right call for each: there are
-* three of them here and a sidebar card has room for one, so the extension
-* spends that room on a menu and this spends the row's hover on the actions
-* themselves. Both stop the click — the whole card is pressable underneath, and
-* an action that also selected the session would do two things per press.
-*/
 function RowAction({ label, title, onClick, children }) {
 	return /* @__PURE__ */ jsx(Button, {
 		variant: "ghost",
@@ -1316,13 +1028,6 @@ function RowAction({ label, title, onClick, children }) {
 		children
 	});
 }
-/** A multi-select facet. Empty = no filter, which is why the trigger reads the
-* facet's name rather than "All": nothing is being excluded. */
-/**
-* One labelled control row. The label column is fixed so every control starts
-* on the same x — the thing that makes a stack of them read as a form rather
-* than as five unrelated widgets.
-*/
 function FilterRow({ label, children }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-2",