@workerdeck/ui 0.12.0 → 0.15.0

package/build/index.mjs

@@ -1,8 +1,8 @@
-import { $ as Tip, A as PermissionModeSelect, B as commandTrigger, C as TranscriptDensityProvider, Ct as Button, D as isMutatingTool, E as useTranscriptVariant, F as McpDialog, G as plainTextToSegments, H as mentionTrigger, I as HostFilesDialog, J as Splitter, K as segmentsToPlainText, L as ContextDialog, M as permissionModeMeta, N as ModelSelect, O as toolIcon, P as SkillsDialog, Q as copyText, R as Composer, S as Response, St as badgeVariants, T as useTranscriptDensity, Tt as cn, U as usePromptAreaState, V as hashtagTrigger, W as PromptArea, X as Spinner, Y as CodeBlock, Z as CopyButton, _ as SessionInfoDialog, _t as SelectItemText, a as SessionEmptyState, at as DialogContent, b as parseUserQuestions, bt as Input, c as Message, ct as DialogTrigger, d as FileCard, dt as MenuItem, et as TooltipContent, f as Conversation, ft as MenuSeparator, g as STATUS_META, gt as SelectItem, h as StatusBar, ht as SelectContent, i as ToolCallCard, it as DialogClose, j as permissionModeChoices, k as PERMISSION_MODES, l as MessageContent, lt as Menu, m as ConversationScrollButton, mt as Select, n as UsageDialog, nt as Dialog, o as Reasoning, ot as DialogHeader, p as ConversationContent, pt as MenuTrigger, q as ProgressRing, r as Transcript, rt as DialogBody, s as PromptTokenText, st as DialogRow, t as SessionPanel, tt as TooltipProvider, u as Loader, ut as MenuContent, v as QUESTION_BEHAVIORS, vt as SelectTrigger, w as TranscriptVariantProvider, wt as buttonVariants, x as PermissionPrompt, xt as Badge, y as QuestionPrompt, yt as SelectValue, z as skillPrompt } from "./SessionPanel-NQ8ksCfj.mjs";
+import { $ as Tip, A as SkillsDialog, B as commandTrigger, C as isMutatingTool, Ct as Button, D as permissionModeChoices, E as PermissionModeSelect, F as skillPrompt, G as plainTextToSegments, H as mentionTrigger, I as TranscriptDensityProvider, J as Splitter, K as segmentsToPlainText, L as TranscriptVariantProvider, M as HostFilesDialog, N as ContextDialog, O as permissionModeMeta, P as Composer, Q as copyText, R as useTranscriptDensity, S as Response, St as badgeVariants, T as PERMISSION_MODES, Tt as cn, U as usePromptAreaState, V as hashtagTrigger, W as PromptArea, X as Spinner, Y as CodeBlock, Z as CopyButton, _ as SessionInfoDialog, _t as SelectItemText, a as SessionEmptyState, at as DialogContent, b as parseUserQuestions, bt as Input, c as Message, ct as DialogTrigger, d as FileCard, dt as MenuItem, et as TooltipContent, f as Conversation, ft as MenuSeparator, g as STATUS_META, gt as SelectItem, h as StatusBar, ht as SelectContent, i as ToolCallCard, it as DialogClose, j as McpDialog, k as ModelSelect, l as MessageContent, lt as Menu, m as ConversationScrollButton, mt as Select, n as UsageDialog, nt as Dialog, o as Reasoning, ot as DialogHeader, p as ConversationContent, pt as MenuTrigger, q as ProgressRing, r as Transcript, rt as DialogBody, s as PromptTokenText, st as DialogRow, t as SessionPanel, tt as TooltipProvider, u as Loader, ut as MenuContent, v as QUESTION_BEHAVIORS, vt as SelectTrigger, w as toolIcon, wt as buttonVariants, x as PermissionPrompt, xt as Badge, y as QuestionPrompt, yt as SelectValue, z as useTranscriptVariant } from "./SessionPanel-DI1NO4l8.mjs";
 import { a as formatDuration, c as formatRelativeTime, d as rateLimitWindowSeconds, f as toolInputPreview, i as formatCountdown, l as formatTokens, n as formatBytes, o as formatRateLimitWindow, r as formatCost, s as formatRateLimitWindowLong, t as formatAgoPrecise, u as friendlyModel } from "./format-DqR56Y8l.mjs";
 import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Pencil, Search, Trash2, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BellRing, CircleAlert, CircleSlash, Layers, Moon, PauseCircle, Pencil, Search, SearchX, Trash2, X } from "lucide-react";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 import { Toaster as Toaster$1, toast } from "sonner";
 import { STATE_LABELS, STATE_ORDER, adaptersOf, clearFilters, filterRows, groupRows, hasFacetFilter, sessionLabel, subsetSummary } from "@workerdeck/protocol";
@@ -77,6 +77,57 @@ 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",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "text-fg-4 opacity-60 [&_svg]:size-7",
+				children: icon
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-body-sm font-medium text-fg-2",
+				children: title
+			}),
+			description ? /* @__PURE__ */ jsx("p", {
+				className: "max-w-[26ch] text-balance text-label leading-relaxed text-fg-4",
+				children: description
+			}) : null,
+			action && onAction ? /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				size: "sm",
+				className: "mt-1",
+				onClick: onAction,
+				children: action
+			}) : null
+		]
+	});
+}
+/** 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",
+		children
+	});
+}
+//#endregion
 //#region src/components/prompt-area/segment-helpers.ts
 /** Returns `true` when the segment array is empty or contains only whitespace text. */
 function isSegmentsEmpty(segments) {
@@ -158,7 +209,26 @@ function SessionList({ sessions, activeId, onSelect, onDelete, emptyText = "No s
 }
 //#endregion
 //#region src/components/agent/SessionBrowser.tsx
-function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelect, onDelete, onRename, emptyState, className }) {
+/**
+* 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");
+}
+function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelect, onDelete, onRename, emptyState, showControls = true, className }) {
 	const visible = useMemo(() => filterRows(rows, config, scope), [
 		rows,
 		config,
@@ -184,10 +254,10 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelec
 		className: cn("flex flex-col gap-3", className),
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex flex-wrap items-center gap-2",
+				className: cn("flex flex-col gap-1.5 px-2", !showControls && "hidden"),
 				children: [
 					/* @__PURE__ */ jsxs("div", {
-						className: "relative min-w-48 flex-1",
+						className: "relative",
 						children: [/* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2 text-fg-4" }), /* @__PURE__ */ jsx(Input, {
 							value: config.search,
 							onChange: (e) => set({ search: e.target.value }),
@@ -196,83 +266,98 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelec
 							className: "pl-8"
 						})]
 					}),
-					/* @__PURE__ */ jsx(FacetSelect, {
+					/* @__PURE__ */ jsx(FilterRow, {
 						label: "State",
-						value: config.states,
-						options: STATE_ORDER.map((s) => ({
-							value: s,
-							label: STATE_LABELS[s]
-						})),
-						onChange: (states) => set({ states })
+						children: /* @__PURE__ */ jsx(FacetSelect, {
+							label: "State",
+							value: config.states,
+							options: STATE_ORDER.map((s) => ({
+								value: s,
+								label: STATE_LABELS[s]
+							})),
+							onChange: (states) => set({ states })
+						})
 					}),
-					adapters.length > 1 ? /* @__PURE__ */ jsx(FacetSelect, {
+					adapters.length > 1 ? /* @__PURE__ */ jsx(FilterRow, {
 						label: "Engine",
-						value: config.adapters,
-						options: adapters.map((a) => ({
-							value: a,
-							label: a
-						})),
-						onChange: (adapters) => set({ adapters })
+						children: /* @__PURE__ */ jsx(FacetSelect, {
+							label: "Engine",
+							value: config.adapters,
+							options: adapters.map((a) => ({
+								value: a,
+								label: a
+							})),
+							onChange: (adapters) => set({ adapters })
+						})
 					}) : null,
-					gateways.length > 1 ? /* @__PURE__ */ jsx(FacetSelect, {
+					gateways.length > 1 ? /* @__PURE__ */ jsx(FilterRow, {
 						label: "Gateway",
-						value: config.gateways,
-						options: gateways.map((g) => ({
-							value: g.id,
-							label: g.name
-						})),
-						onChange: (gateways) => set({ gateways })
+						children: /* @__PURE__ */ jsx(FacetSelect, {
+							label: "Gateway",
+							value: config.gateways,
+							options: gateways.map((g) => ({
+								value: g.id,
+								label: g.name
+							})),
+							onChange: (gateways) => set({ gateways })
+						})
 					}) : null,
-					/* @__PURE__ */ jsx(OneOfSelect, {
+					/* @__PURE__ */ jsx(FilterRow, {
 						label: "Group",
-						value: config.groupBy,
-						options: [
-							{
-								value: "none",
-								label: "No grouping"
-							},
-							{
-								value: "state",
-								label: "By state"
-							},
-							{
-								value: "adapter",
-								label: "By engine"
-							},
-							...gateways.length > 1 ? [{
-								value: "gateway",
-								label: "By gateway"
-							}] : []
-						],
-						onChange: (groupBy) => set({ groupBy })
+						children: /* @__PURE__ */ jsx(OneOfSelect, {
+							label: "Group",
+							value: config.groupBy,
+							options: [
+								{
+									value: "none",
+									label: "No grouping"
+								},
+								{
+									value: "state",
+									label: "By state"
+								},
+								{
+									value: "adapter",
+									label: "By engine"
+								},
+								...gateways.length > 1 ? [{
+									value: "gateway",
+									label: "By gateway"
+								}] : []
+							],
+							onChange: (groupBy) => set({ groupBy })
+						})
 					}),
-					/* @__PURE__ */ jsx(OneOfSelect, {
+					/* @__PURE__ */ jsx(FilterRow, {
 						label: "Sort",
-						value: config.sortBy,
-						options: [
-							{
-								value: "recent",
-								label: "Recent"
-							},
-							{
-								value: "name",
-								label: "Name"
-							},
-							{
-								value: "state",
-								label: "State"
-							},
-							...gateways.length > 1 ? [{
-								value: "gateway",
-								label: "Gateway"
-							}] : []
-						],
-						onChange: (sortBy) => set({ sortBy })
+						children: /* @__PURE__ */ jsx(OneOfSelect, {
+							label: "Sort",
+							value: config.sortBy,
+							options: [
+								{
+									value: "recent",
+									label: "Recent"
+								},
+								{
+									value: "name",
+									label: "Name"
+								},
+								{
+									value: "state",
+									label: "State"
+								},
+								...gateways.length > 1 ? [{
+									value: "gateway",
+									label: "Gateway"
+								}] : []
+							],
+							onChange: (sortBy) => set({ sortBy })
+						})
 					})
 				]
 			}),
 			subset ? /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2 text-label text-fg-4",
+				className: "flex items-center gap-2 px-3 text-label text-fg-4",
 				children: [/* @__PURE__ */ jsxs("span", { children: [
 					subset.shown,
 					" of ",
@@ -285,21 +370,25 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelec
 					children: "Show all"
 				})]
 			}) : null,
-			rows.length === 0 ? emptyState ?? /* @__PURE__ */ jsx(Empty, { children: "No sessions yet." }) : visible.length === 0 ? /* @__PURE__ */ jsx(Empty, { children: hasFacetFilter(config) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-				"No sessions match.",
-				" ",
-				/* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: "underline underline-offset-2 hover:text-fg-1",
-					onClick: () => onConfigChange(clearFilters(config)),
-					children: "Clear filters"
-				})
-			] }) : "No sessions here." }) : /* @__PURE__ */ jsx("div", {
+			rows.length === 0 ? emptyState ?? /* @__PURE__ */ jsx(Empty, {
+				icon: /* @__PURE__ */ jsx(Layers, {}),
+				title: "No sessions yet"
+			}) : visible.length === 0 ? hasFacetFilter(config) ? /* @__PURE__ */ jsx(Empty, {
+				icon: /* @__PURE__ */ jsx(SearchX, {}),
+				title: "No matches",
+				description: "No session matches the current search and filters.",
+				action: "Clear filters",
+				onAction: () => onConfigChange(clearFilters(config))
+			}) : /* @__PURE__ */ jsx(Empty, {
+				icon: /* @__PURE__ */ jsx(Layers, {}),
+				title: "Nothing here",
+				description: "No session to show."
+			}) : /* @__PURE__ */ jsx("div", {
 				className: "flex flex-col gap-4",
 				children: groups.map((group) => /* @__PURE__ */ jsxs("div", {
 					className: "flex flex-col gap-1",
 					children: [config.groupBy !== "none" && group.label ? /* @__PURE__ */ jsxs("div", {
-						className: "flex items-baseline gap-2 px-2.5 text-label font-medium text-fg-4",
+						className: "flex items-baseline gap-2 px-3 text-label font-medium text-fg-4",
 						children: [/* @__PURE__ */ jsx("span", {
 							className: "uppercase tracking-wide",
 							children: group.label
@@ -320,100 +409,101 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelec
 		]
 	});
 }
-function Empty({ children }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "px-2.5 py-6 text-center text-body-sm text-fg-4",
-		children
-	});
-}
 function SessionRowItem({ row, active, showGateway, onSelect, onDelete, onRename }) {
 	const { info } = row;
-	const meta = STATUS_META[info.status];
 	const [editing, setEditing] = useState(false);
+	const folder = info.cwd.split("/").filter(Boolean).pop() ?? info.cwd;
+	const details = [
+		showGateway ? row.hostName : void 0,
+		friendlyModel(info.model),
+		folder,
+		info.profile ? `@${info.profile}` : void 0,
+		formatCost(info.totalCostUsd)
+	].filter(Boolean);
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "session-row",
 		"data-active": active || void 0,
-		className: cn("group flex w-full items-center gap-2 rounded-md border border-transparent px-2.5 py-2 text-left transition-colors", active ? "border-border bg-surface" : "hover:bg-surface-hover"),
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-2",
-					children: [
-						editing && onRename ? /* @__PURE__ */ jsx(NameEditor, {
-							initial: info.title ?? "",
-							onCommit: (title) => {
-								setEditing(false);
-								onRename(row, title);
-							},
-							onCancel: () => setEditing(false)
-						}) : /* @__PURE__ */ jsx("button", {
-							type: "button",
-							onClick: () => onSelect?.(row),
-							className: "min-w-0 truncate text-left text-body-sm font-medium text-fg-1 outline-none",
-							children: sessionLabel(info)
-						}),
-						/* @__PURE__ */ jsx(Badge, {
-							variant: meta.variant,
-							dot: true,
-							className: "shrink-0",
-							children: meta.label
-						}),
-						row.unseen > 0 ? /* @__PURE__ */ jsx(Badge, {
-							variant: "accent",
-							className: "shrink-0",
-							title: `${row.unseen} new`,
-							children: row.unseen
-						}) : null
-					]
-				}), /* @__PURE__ */ jsxs("button", {
+		onClick: () => !editing && onSelect?.(row),
+		className: cn("group flex cursor-pointer flex-col gap-0.5 text-left transition-colors", rowShapeClass(active === true)),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1.5",
+			children: [
+				editing && onRename ? /* @__PURE__ */ jsx(NameEditor, {
+					initial: info.title ?? "",
+					onCommit: (title) => {
+						setEditing(false);
+						onRename(row, title);
+					},
+					onCancel: () => setEditing(false)
+				}) : /* @__PURE__ */ jsx("button", {
 					type: "button",
-					onClick: () => !editing && onSelect?.(row),
-					className: "mt-0.5 flex w-full items-center gap-2 text-left font-mono text-label text-fg-4 outline-none",
-					children: [
-						/* @__PURE__ */ jsx("span", {
-							className: "truncate",
-							children: info.cwd
-						}),
-						showGateway ? /* @__PURE__ */ jsx("span", {
-							className: "shrink-0",
-							children: row.hostName
-						}) : null,
-						info.profile ? /* @__PURE__ */ jsxs("span", {
-							className: "shrink-0",
-							children: ["@", info.profile]
-						}) : null,
-						/* @__PURE__ */ jsx("span", {
-							className: "shrink-0",
-							children: formatCost(info.totalCostUsd)
-						}),
-						/* @__PURE__ */ jsx("span", {
-							className: "shrink-0",
-							children: formatRelativeTime(info.lastActivityAt ?? info.createdAt)
-						})
-					]
-				})]
-			}),
-			onRename && !editing ? /* @__PURE__ */ jsx(Button, {
-				variant: "ghost",
-				size: "icon-sm",
-				"aria-label": "Rename session",
-				className: "opacity-0 transition-opacity group-hover:opacity-100",
-				onClick: () => setEditing(true),
-				children: /* @__PURE__ */ jsx(Pencil, { className: "size-3.5 text-fg-3" })
-			}) : null,
-			onDelete ? /* @__PURE__ */ jsx(Button, {
-				variant: "ghost",
-				size: "icon-sm",
-				"aria-label": "Close session",
-				className: "opacity-0 transition-opacity group-hover:opacity-100",
-				onClick: () => onDelete(row),
-				children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5 text-fg-3" })
-			}) : null
-		]
+					className: cn("min-w-0 flex-1 truncate text-left text-body-sm outline-none", active ? "font-medium text-fg-1" : "text-fg-2"),
+					children: sessionLabel(info)
+				}),
+				row.unseen > 0 ? /* @__PURE__ */ jsx("span", {
+					title: `${row.unseen} new`,
+					className: "shrink-0 rounded-full bg-accent px-1.5 text-label text-accent-fg",
+					children: row.unseen
+				}) : null,
+				/* @__PURE__ */ jsx("span", {
+					className: "shrink-0 text-label text-fg-4",
+					children: formatRelativeTime(info.lastActivityAt ?? info.createdAt)
+				}),
+				/* @__PURE__ */ jsx(SessionStatusIcon, { row })
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1 text-label text-fg-4",
+			children: [
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					tabIndex: -1,
+					className: "min-w-0 flex-1 truncate text-left font-mono outline-none",
+					children: details.join(" · ")
+				}),
+				onRename && !editing ? /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": "Rename session",
+					className: "size-5 shrink-0 opacity-0 transition-opacity group-hover:opacity-100",
+					onClick: (e) => {
+						e.stopPropagation();
+						setEditing(true);
+					},
+					children: /* @__PURE__ */ jsx(Pencil, { className: "size-3 text-fg-3" })
+				}) : null,
+				onDelete ? /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": "Close session",
+					className: "size-5 shrink-0 opacity-0 transition-opacity group-hover:opacity-100",
+					onClick: (e) => {
+						e.stopPropagation();
+						onDelete(row);
+					},
+					children: /* @__PURE__ */ jsx(Trash2, { className: "size-3 text-fg-3" })
+				}) : null
+			]
+		})]
 	});
 }
 /**
+* State as one glyph on the right edge — 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.
+*/
+function SessionStatusIcon({ row }) {
+	const { info } = row;
+	if (info.pendingPermissionCount > 0 || info.status === "awaiting_approval") return /* @__PURE__ */ jsx(BellRing, { className: "size-3.5 shrink-0 animate-pulse text-warning" });
+	if (info.status === "running" || info.status === "starting") return /* @__PURE__ */ jsx(Spinner, { className: "size-3.5 shrink-0 text-info" });
+	switch (info.status) {
+		case "failed": return /* @__PURE__ */ jsx(CircleAlert, { className: "size-3.5 shrink-0 text-danger" });
+		case "closed": return /* @__PURE__ */ jsx(CircleSlash, { className: "size-3.5 shrink-0 text-fg-4" });
+		case "parked": return /* @__PURE__ */ jsx(PauseCircle, { className: "size-3.5 shrink-0 text-fg-3" });
+		default: return /* @__PURE__ */ jsx(Moon, { className: "size-3.5 shrink-0 text-fg-4" });
+	}
+}
+/**
 * Inline rename. Enter commits, Escape cancels, blur commits — but only a blur
 * that is still inside this document: switching windows must not silently commit,
 * nor kill the editor in the frame it opened.
@@ -442,6 +532,24 @@ function NameEditor({ initial, onCommit, onCancel }) {
 }
 /** 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",
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: "w-14 shrink-0 truncate text-label text-fg-3",
+			children: label
+		}), /* @__PURE__ */ jsx("div", {
+			className: "min-w-0 flex-1",
+			children
+		})]
+	});
+}
 function FacetSelect({ label, value, options, onChange }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-1",
@@ -451,8 +559,8 @@ function FacetSelect({ label, value, options, onChange }) {
 			onValueChange: (v) => onChange(v),
 			children: [/* @__PURE__ */ jsx(SelectTrigger, {
 				"aria-label": label,
-				className: "min-w-28",
-				children: /* @__PURE__ */ jsx(SelectValue, { children: value.length === 0 ? label : value.length === 1 ? options.find((o) => o.value === value[0])?.label ?? label : `${label} · ${value.length}` })
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ jsx(SelectValue, { children: value.length === 0 ? "All" : value.length === 1 ? options.find((o) => o.value === value[0])?.label ?? "All" : `${value.length} selected` })
 			}), /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, {
 				value: option.value,
 				children: /* @__PURE__ */ jsx(SelectItemText, { children: option.label })
@@ -472,7 +580,7 @@ function OneOfSelect({ label, value, options, onChange }) {
 		onValueChange: (v) => onChange(v),
 		children: [/* @__PURE__ */ jsx(SelectTrigger, {
 			"aria-label": label,
-			className: "min-w-28",
+			className: "w-full min-w-0",
 			children: /* @__PURE__ */ jsx(SelectValue, { children: options.find((o) => o.value === value)?.label ?? label })
 		}), /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, {
 			value: option.value,
@@ -481,6 +589,84 @@ function OneOfSelect({ label, value, options, onChange }) {
 	});
 }
 //#endregion
-export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, Button, Card, CardContent, CardHeader, CardTitle, CodeBlock, Composer, ContextDialog, Conversation, ConversationContent, ConversationScrollButton, CopyButton, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, FileCard, HostFilesDialog, Input, Loader, McpDialog, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, ModelSelect, PERMISSION_MODES, PermissionModeSelect, PermissionPrompt, ProgressRing, PromptArea, PromptTokenText, QUESTION_BEHAVIORS, QuestionPrompt, Reasoning, Response, STATUS_META, Select, SelectContent, SelectItem, SelectItemText, SelectTrigger, SelectValue, SessionBrowser, SessionEmptyState, SessionInfoDialog, SessionList, SessionListItem, SessionPanel, SkillsDialog, Spinner, Splitter, StatusBar, Textarea, Tip, Toaster, ToolCallCard, TooltipContent, TooltipProvider, Transcript, TranscriptDensityProvider, TranscriptVariantProvider, UsageDialog, badgeVariants, buttonVariants, cn, commandTrigger, copyText, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, mentionTrigger, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, rateLimitWindowSeconds, segmentsToPlainText, skillPrompt, toast, toolIcon, toolInputPreview, usePromptAreaState, useTranscriptDensity, useTranscriptVariant };
+//#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",
+		d: "M4.709 15.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312-.006.006z"
+	},
+	codex: {
+		title: "OpenAI",
+		d: "M9.205 8.658v-2.26c0-.19.072-.333.238-.428l4.543-2.616c.619-.357 1.356-.523 2.117-.523 2.854 0 4.662 2.212 4.662 4.566 0 .167 0 .357-.024.547l-4.71-2.759a.797.797 0 00-.856 0l-5.97 3.473zm10.609 8.8V12.06c0-.333-.143-.57-.429-.737l-5.97-3.473 1.95-1.118a.433.433 0 01.476 0l4.543 2.617c1.309.76 2.189 2.378 2.189 3.948 0 1.808-1.07 3.473-2.76 4.163zM7.802 12.703l-1.95-1.142c-.167-.095-.239-.238-.239-.428V5.899c0-2.545 1.95-4.472 4.591-4.472 1 0 1.927.333 2.712.928L8.23 5.067c-.285.166-.428.404-.428.737v6.898zM12 15.128l-2.795-1.57v-3.33L12 8.658l2.795 1.57v3.33L12 15.128zm1.796 7.23c-1 0-1.927-.332-2.712-.927l4.686-2.712c.285-.166.428-.404.428-.737v-6.898l1.974 1.142c.167.095.238.238.238.428v5.233c0 2.545-1.974 4.472-4.614 4.472zm-5.637-5.303l-4.544-2.617c-1.308-.761-2.188-2.378-2.188-3.948A4.482 4.482 0 014.21 6.327v5.423c0 .333.143.571.428.738l5.947 3.449-1.95 1.118a.432.432 0 01-.476 0zm-.262 3.9c-2.688 0-4.662-2.021-4.662-4.519 0-.19.024-.38.047-.57l4.686 2.71c.286.167.571.167.856 0l5.97-3.448v2.26c0 .19-.07.333-.237.428l-4.543 2.616c-.619.357-1.356.523-2.117.523zm5.899 2.83a5.947 5.947 0 005.827-4.756C22.287 18.339 24 15.84 24 13.296c0-1.665-.713-3.282-1.998-4.448.119-.5.19-.999.19-1.498 0-3.401-2.759-5.947-5.946-5.947-.642 0-1.26.095-1.88.31A5.962 5.962 0 0010.205 0a5.947 5.947 0 00-5.827 4.757C1.713 5.447 0 7.945 0 10.49c0 1.666.713 3.283 1.998 4.448-.119.5-.19 1-.19 1.499 0 3.401 2.759 5.946 5.946 5.946.642 0 1.26-.095 1.88-.309a5.96 5.96 0 004.162 1.713z"
+	},
+	gemini: {
+		title: "Gemini",
+		d: "M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z"
+	},
+	deepseek: {
+		title: "DeepSeek",
+		d: "M23.748 4.482c-.254-.124-.364.113-.512.234-.051.039-.094.09-.137.136-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.156-.708-.311-.955-.65-.172-.241-.219-.51-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.093.172.187.129.323-.082.28-.18.552-.266.833-.055.179-.137.217-.329.14a5.526 5.526 0 01-1.736-1.18c-.857-.828-1.631-1.742-2.597-2.458a11.365 11.365 0 00-.689-.471c-.985-.957.13-1.743.388-1.836.27-.098.093-.432-.779-.428-.872.004-1.67.295-2.687.684a3.055 3.055 0 01-.465.137 9.597 9.597 0 00-2.883-.102c-1.885.21-3.39 1.102-4.497 2.623C.082 8.606-.231 10.684.152 12.85c.403 2.284 1.569 4.175 3.36 5.653 1.858 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.133-.284 4.994-1.86.47.234.962.327 1.78.397.63.059 1.236-.03 1.705-.128.735-.156.684-.837.419-.961-2.155-1.004-1.682-.595-2.113-.926 1.096-1.296 2.746-2.642 3.392-7.003.05-.347.007-.565 0-.845-.004-.17.035-.237.23-.256a4.173 4.173 0 001.545-.475c1.396-.763 1.96-2.015 2.093-3.517.02-.23-.004-.467-.247-.588zM11.581 18c-2.089-1.642-3.102-2.183-3.52-2.16-.392.024-.321.471-.235.763.09.288.207.486.371.739.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.167-1.361-.802-2.5-1.86-3.301-3.307-.774-1.393-1.224-2.887-1.298-4.482-.02-.386.093-.522.477-.592a4.696 4.696 0 011.529-.039c2.132.312 3.946 1.265 5.468 2.774.868.86 1.525 1.887 2.202 2.891.72 1.066 1.494 2.082 2.48 2.914.348.292.625.514.891.677-.802.09-2.14.11-3.054-.614zm1-6.44a.306.306 0 01.415-.287.302.302 0 01.2.288.306.306 0 01-.31.307.303.303 0 01-.304-.308zm3.11 1.596c-.2.081-.399.151-.59.16a1.245 1.245 0 01-.798-.254c-.274-.23-.47-.358-.552-.758a1.73 1.73 0 01.016-.588c.07-.327-.008-.537-.239-.727-.187-.156-.426-.199-.688-.199a.559.559 0 01-.254-.078c-.11-.054-.2-.19-.114-.358.028-.054.16-.186.192-.21.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.391.451.462.576.685.914.176.265.336.537.445.848.067.195-.019.354-.25.452z"
+	},
+	moonshot: {
+		title: "Moonshot",
+		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.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";
+}
+function EngineIcon({ engine, model, className }) {
+	const mark = PATHS[engineMark(engine, model) ?? ""];
+	if (!mark) return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": true,
+		title: engine,
+		className: cn("shrink-0 text-fg-3", className),
+		children: "·"
+	});
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		fillRule: "evenodd",
+		role: "img",
+		"aria-label": mark.title,
+		className: cn("size-3 shrink-0 text-fg-3", className),
+		children: [/* @__PURE__ */ jsx("title", { children: mark.title }), /* @__PURE__ */ jsx("path", { d: mark.d })]
+	});
+}
+//#endregion
+export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, Button, Card, CardContent, CardHeader, CardTitle, CodeBlock, Composer, ContextDialog, Conversation, ConversationContent, ConversationScrollButton, CopyButton, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, Empty, EmptyKey, EngineIcon, FileCard, HostFilesDialog, Input, Loader, McpDialog, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, ModelSelect, PERMISSION_MODES, PermissionModeSelect, PermissionPrompt, ProgressRing, PromptArea, PromptTokenText, QUESTION_BEHAVIORS, QuestionPrompt, Reasoning, Response, STATUS_META, Select, SelectContent, SelectItem, SelectItemText, SelectTrigger, SelectValue, SessionBrowser, SessionEmptyState, SessionInfoDialog, SessionList, SessionListItem, SessionPanel, SessionStatusIcon, SkillsDialog, Spinner, Splitter, StatusBar, Textarea, Tip, Toaster, ToolCallCard, TooltipContent, TooltipProvider, Transcript, TranscriptDensityProvider, TranscriptVariantProvider, UsageDialog, badgeVariants, buttonVariants, cn, commandTrigger, copyText, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, mentionTrigger, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, rateLimitWindowSeconds, rowShapeClass, segmentsToPlainText, skillPrompt, toast, toolIcon, toolInputPreview, usePromptAreaState, useTranscriptDensity, useTranscriptVariant };
 
 //# sourceMappingURL=index.mjs.map