@workerdeck/ui 0.13.0 → 0.15.0

package/build/{SessionPanel-CZMA44NM.d.mts → SessionPanel-J2U8v88q.d.mts}

@@ -2,7 +2,7 @@ import * as _$react from "react";
 import { ReactNode } from "react";
 import { LucideIcon } from "lucide-react";
 import { ModelOption, PermissionMode } from "@workerdeck/protocol";
-import { ConnectionState, TranscriptState } from "@workerdeck/react";
+import { ConnectionState, TranscriptState, UseToolCallHostOptions } from "@workerdeck/react";
 import { WorkerDeckClient } from "@workerdeck/client";
 
 //#region src/components/agent/PermissionModeSelect.d.ts
@@ -127,6 +127,19 @@ declare function TranscriptDensityProvider({
   children: ReactNode;
 }): _$react.JSX.Element;
 declare function useTranscriptDensity(): TranscriptDensity;
+/**
+ * The typeface the panel runs in.
+ *
+ * `sans` is the host's UI font; `mono` repoints the sans token at the mono stack
+ * for the panel's subtree (see the `[data-agent-font='mono']` rule in
+ * `theme.css`), so the transcript reads as part of a terminal rather than as a
+ * web app beside one.
+ *
+ * No context and no hook, unlike variant and density: nothing branches on it in
+ * JS. It is one attribute on the panel root and the cascade does the rest, which
+ * is also what keeps it from leaking past the panel.
+ */
+type TranscriptFont = 'sans' | 'mono';
 //#endregion
 //#region src/components/agent/SessionPanel.d.ts
 interface SessionPanelProps {
@@ -205,18 +218,36 @@ interface SessionPanelProps {
    * dock is allowed to be roomy.
    */
   transcriptDensity?: TranscriptDensity;
+  /**
+   * The panel's typeface — `'sans'` (default, the host's UI font) or `'mono'`,
+   * which repoints the sans token at the mono stack **for this subtree only**.
+   *
+   * The third reader preference beside variant and density, and the same kind of
+   * thing: how a transcript should read is a property of the person reading it.
+   * Scoped to the panel because that is the whole claim — a monospace agent view
+   * next to an ordinary app, not a monospace app.
+   */
+  transcriptFont?: TranscriptFont;
   /**
    * Where the session's own controls — model and permission mode — live.
    * `'internal'` (default) draws them in the composer's toolbar row.
-   * `'external'` draws neither, and the composer collapses to a single line
-   * with its attach/send buttons beside the field: the embedder renders the
-   * pickers in its own chrome (VS Code's status bar, where a click opens a
-   * QuickPick) and drives them through {@link onControls}.
+   * `'status'` draws them in the panel's OWN status bar, beside the readings
+   * they act on; the composer collapses to a single line either way. That is
+   * VS Code's arrangement without VS Code — a host whose panel carries a status
+   * bar of its own (`statusPlacement: 'bottom'`) gets the same streamlined
+   * shape without having to host the pickers itself.
+   * `'external'` draws neither: the embedder renders the pickers in its own
+   * chrome (VS Code's window status bar, where a click opens a QuickPick) and
+   * drives them through {@link onControls}.
+   *
+   * `'status'` needs a status bar to put them in — with
+   * `statusSurface: 'external'` there is none, and the two together would hide
+   * the controls entirely, so that combination falls back to the composer.
    *
    * The options themselves ride {@link SessionVitals} — an embedder must not
    * attach a second time to learn what the models are.
    */
-  controlsSurface?: 'internal' | 'external';
+  controlsSurface?: 'internal' | 'external' | 'status';
   /**
    * Handed the session's setters once the panel is live, and `undefined` on
    * unmount. The counterpart to `controlsSurface: 'external'`: vitals carry the
@@ -265,6 +296,22 @@ interface SessionPanelProps {
    * enforcement lives on the gateway.
    */
   readOnly?: boolean;
+  /**
+   * Options for the browser tool host this panel runs on its own attach — or
+   * `false` to run none at all.
+   *
+   * The panel hosts server-bridged tool calls itself, because the bridge asks
+   * the *first attached client* and the panel owns the session's one attach: an
+   * embedder subscribing to the same handle separately would find this host
+   * already answering, and refusing, anything outside its allow-list. So the
+   * options come through here.
+   *
+   * Merged over the defaults, which host `eval_script` alone. Widening `tools`
+   * is a real grant — this tab will execute what the gateway asks it to for
+   * every name in the list — so it names them explicitly rather than accepting
+   * a wildcard.
+   */
+  toolHost?: UseToolCallHostOptions | false;
   className?: string;
 }
 /** What an embedder needs to *change* a session it doesn't own the attach for. */
@@ -336,13 +383,15 @@ declare function SessionPanel({
   onVitals,
   transcriptVariant,
   transcriptDensity,
+  transcriptFont,
   controlsSurface,
   onControls,
   focusComposerOnClick,
   unseen,
   readOnly,
+  toolHost,
   className
 }: SessionPanelProps): _$react.JSX.Element;
 //#endregion
-export { permissionModeChoices as _, SessionVitals as a, TranscriptVariant as c, useTranscriptVariant as d, PERMISSION_MODES as f, PermissionModeSelectProps as g, PermissionModeSelect as h, SessionSurfacePanel as i, TranscriptVariantProvider as l, PermissionModeMeta as m, SessionPanel as n, TranscriptDensity as o, PermissionModeChoice as p, SessionPanelProps as r, TranscriptDensityProvider as s, SessionControls as t, useTranscriptDensity as u, permissionModeMeta as v };
-//# sourceMappingURL=SessionPanel-CZMA44NM.d.mts.map
+export { PermissionModeSelectProps as _, SessionVitals as a, TranscriptFont as c, useTranscriptDensity as d, useTranscriptVariant as f, PermissionModeSelect as g, PermissionModeMeta as h, SessionSurfacePanel as i, TranscriptVariant as l, PermissionModeChoice as m, SessionPanel as n, TranscriptDensity as o, PERMISSION_MODES as p, SessionPanelProps as r, TranscriptDensityProvider as s, SessionControls as t, TranscriptVariantProvider as u, permissionModeChoices as v, permissionModeMeta as y };
+//# sourceMappingURL=SessionPanel-J2U8v88q.d.mts.map

package/build/index.d.mts

@@ -1,5 +1,5 @@
 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-ljc3lKpA.mjs";
-import { _ as permissionModeChoices, a as SessionVitals, c as TranscriptVariant, d as useTranscriptVariant, f as PERMISSION_MODES, g as PermissionModeSelectProps, h as PermissionModeSelect, i as SessionSurfacePanel, l as TranscriptVariantProvider, m as PermissionModeMeta, n as SessionPanel, o as TranscriptDensity, p as PermissionModeChoice, r as SessionPanelProps, s as TranscriptDensityProvider, t as SessionControls, u as useTranscriptDensity, v as permissionModeMeta } from "./SessionPanel-CZMA44NM.mjs";
+import { _ as PermissionModeSelectProps, a as SessionVitals, c as TranscriptFont, d as useTranscriptDensity, f as useTranscriptVariant, g as PermissionModeSelect, h as PermissionModeMeta, i as SessionSurfacePanel, l as TranscriptVariant, m as PermissionModeChoice, n as SessionPanel, o as TranscriptDensity, p as PERMISSION_MODES, r as SessionPanelProps, s as TranscriptDensityProvider, t as SessionControls, u as TranscriptVariantProvider, v as permissionModeChoices, y as permissionModeMeta } from "./SessionPanel-J2U8v88q.mjs";
 import * as _$react from "react";
 import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, InputHTMLAttributes, ReactElement, ReactNode, Ref, RefObject, TextareaHTMLAttributes } from "react";
 import { VariantProps } from "class-variance-authority";
@@ -218,6 +218,12 @@ interface SplitterProps {
   max: number;
   /** Keyboard step. */
   step?: number;
+  /**
+   * Size to snap back to on a double-click — the convention every pane divider
+   * that can be dragged is expected to honour. Omit and a double-click does
+   * nothing, which is the honest behaviour when there is no default to mean.
+   */
+  defaultValue?: number;
   /** Set when dragging the splitter *away* from the origin should shrink the
    * controlled pane — i.e. the pane is on the right or the bottom. */
   inverted?: boolean;
@@ -249,11 +255,49 @@ declare function Splitter({
   min,
   max,
   step,
+  defaultValue,
   inverted,
   'aria-label': label,
   className
 }: SplitterProps): _$react.JSX.Element;
 //#endregion
+//#region src/components/ui/Empty.d.ts
+/**
+ * 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.
+ */
+declare function Empty({
+  icon,
+  title,
+  description,
+  action,
+  onAction
+}: {
+  icon: ReactNode;
+  title: string;
+  description?: ReactNode;
+  action?: string;
+  onAction?: () => void;
+}): _$react.JSX.Element;
+/** A key or icon named inline in an empty state's description — "use the + above". */
+declare function EmptyKey({
+  children
+}: {
+  children: ReactNode;
+}): _$react.JSX.Element;
+//#endregion
 //#region src/components/ui/ProgressRing.d.ts
 interface ProgressRingProps {
   /** Filled share, 0–100 (clamped). */
@@ -1147,6 +1191,13 @@ interface StatusBarProps {
   onOpenStatus?: () => void;
   onOpenContext?: () => void;
   onOpenUsage?: () => void;
+  /**
+   * The session's own controls (model, permission mode), for
+   * `controlsSurface: 'status'`. They sit at the end of the readings cluster —
+   * status, context, usage, then what you can *change* — rather than out by the
+   * actions menu, because they belong with the session facts they act on.
+   */
+  controls?: ReactNode;
   /** Trailing slot — the session-actions menu, at the bar's trailing edge. */
   actions?: ReactNode;
   /** Which edge the bar sits on, so its separating rule goes on the other side.
@@ -1161,6 +1212,7 @@ declare function StatusBar({
   onOpenStatus,
   onOpenContext,
   onOpenUsage,
+  controls,
   actions,
   placement,
   className
@@ -1570,5 +1622,5 @@ declare function toolIcon(toolName: string): LucideIcon;
  */
 declare function isMutatingTool(toolName: string): boolean;
 //#endregion
-export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardHeader, CardTitle, type ChipSegment, CodeBlock, type CodeBlockProps, Composer, type ComposerFileMatch, type ComposerHandle, type ComposerProps, ContextDialog, type ContextDialogProps, Conversation, ConversationContent, type ConversationProps, ConversationScrollButton, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, EngineIcon, FileCard, type FileCardProps, type FileDeliveredItem, HostFilesDialog, type HostFilesDialogProps, Input, Loader, McpDialog, type McpDialogProps, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, type MessageProps, ModelSelect, type ModelSelectProps, PERMISSION_MODES, type PermissionModeChoice, type PermissionModeMeta, PermissionModeSelect, type PermissionModeSelectProps, PermissionPrompt, type PermissionPromptProps, ProgressRing, type ProgressRingProps, PromptArea, type PromptAreaHandle, type PromptAreaProps, PromptTokenText, QUESTION_BEHAVIORS, type QuestionBehaviorMeta, QuestionPrompt, type QuestionPromptProps, Reasoning, type ReasoningProps, Response, type ResponseProps, STATUS_META, type Segment, Select, SelectContent, SelectItem, SelectItemText, SelectTrigger, SelectValue, SessionBrowser, type SessionBrowserProps, type SessionControls, SessionEmptyState, type SessionEmptyStateProps, SessionInfoDialog, type SessionInfoDialogProps, SessionList, SessionListItem, type SessionListItemProps, type SessionListProps, SessionPanel, type SessionPanelProps, SessionStatusIcon, type SessionSurfacePanel, type SessionVitals, SkillsDialog, type SkillsDialogProps, Spinner, Splitter, type SplitterProps, StatusBar, type StatusBarProps, type TextSegment, Textarea, Tip, Toaster, ToolCallCard, type ToolCallCardProps, type ToolCallItem, TooltipContent, TooltipProvider, Transcript, type TranscriptDensity, TranscriptDensityProvider, type TranscriptProps, type TranscriptVariant, TranscriptVariantProvider, type TriggerConfig, type TriggerSuggestion, UsageDialog, type UsageDialogProps, 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 };
+export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardHeader, CardTitle, type ChipSegment, CodeBlock, type CodeBlockProps, Composer, type ComposerFileMatch, type ComposerHandle, type ComposerProps, ContextDialog, type ContextDialogProps, Conversation, ConversationContent, type ConversationProps, ConversationScrollButton, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, Empty, EmptyKey, EngineIcon, FileCard, type FileCardProps, type FileDeliveredItem, HostFilesDialog, type HostFilesDialogProps, Input, Loader, McpDialog, type McpDialogProps, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, type MessageProps, ModelSelect, type ModelSelectProps, PERMISSION_MODES, type PermissionModeChoice, type PermissionModeMeta, PermissionModeSelect, type PermissionModeSelectProps, PermissionPrompt, type PermissionPromptProps, ProgressRing, type ProgressRingProps, PromptArea, type PromptAreaHandle, type PromptAreaProps, PromptTokenText, QUESTION_BEHAVIORS, type QuestionBehaviorMeta, QuestionPrompt, type QuestionPromptProps, Reasoning, type ReasoningProps, Response, type ResponseProps, STATUS_META, type Segment, Select, SelectContent, SelectItem, SelectItemText, SelectTrigger, SelectValue, SessionBrowser, type SessionBrowserProps, type SessionControls, SessionEmptyState, type SessionEmptyStateProps, SessionInfoDialog, type SessionInfoDialogProps, SessionList, SessionListItem, type SessionListItemProps, type SessionListProps, SessionPanel, type SessionPanelProps, SessionStatusIcon, type SessionSurfacePanel, type SessionVitals, SkillsDialog, type SkillsDialogProps, Spinner, Splitter, type SplitterProps, StatusBar, type StatusBarProps, type TextSegment, Textarea, Tip, Toaster, ToolCallCard, type ToolCallCardProps, type ToolCallItem, TooltipContent, TooltipProvider, Transcript, type TranscriptDensity, TranscriptDensityProvider, type TranscriptFont, type TranscriptProps, type TranscriptVariant, TranscriptVariantProvider, type TriggerConfig, type TriggerSuggestion, UsageDialog, type UsageDialogProps, 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.d.mts.map

package/build/index.mjs

@@ -1,8 +1,8 @@
-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-CKQa4i0Y.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 { BellRing, CircleAlert, CircleSlash, Moon, PauseCircle, 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) {
@@ -319,16 +370,20 @@ 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",
@@ -354,12 +409,6 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelec
 		]
 	});
 }
-function Empty({ children }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "px-3 py-6 text-center text-body-sm text-fg-4",
-		children
-	});
-}
 function SessionRowItem({ row, active, showGateway, onSelect, onDelete, onRename }) {
 	const { info } = row;
 	const [editing, setEditing] = useState(false);
@@ -374,6 +423,7 @@ function SessionRowItem({ row, active, showGateway, onSelect, onDelete, onRename
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "session-row",
 		"data-active": active || void 0,
+		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",
@@ -387,7 +437,6 @@ function SessionRowItem({ row, active, showGateway, onSelect, onDelete, onRename
 					onCancel: () => setEditing(false)
 				}) : /* @__PURE__ */ jsx("button", {
 					type: "button",
-					onClick: () => onSelect?.(row),
 					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)
 				}),
@@ -407,7 +456,7 @@ function SessionRowItem({ row, active, showGateway, onSelect, onDelete, onRename
 			children: [
 				/* @__PURE__ */ jsx("button", {
 					type: "button",
-					onClick: () => !editing && onSelect?.(row),
+					tabIndex: -1,
 					className: "min-w-0 flex-1 truncate text-left font-mono outline-none",
 					children: details.join(" · ")
 				}),
@@ -416,7 +465,10 @@ function SessionRowItem({ row, active, showGateway, onSelect, onDelete, onRename
 					size: "icon-sm",
 					"aria-label": "Rename session",
 					className: "size-5 shrink-0 opacity-0 transition-opacity group-hover:opacity-100",
-					onClick: () => setEditing(true),
+					onClick: (e) => {
+						e.stopPropagation();
+						setEditing(true);
+					},
 					children: /* @__PURE__ */ jsx(Pencil, { className: "size-3 text-fg-3" })
 				}) : null,
 				onDelete ? /* @__PURE__ */ jsx(Button, {
@@ -424,7 +476,10 @@ function SessionRowItem({ row, active, showGateway, onSelect, onDelete, onRename
 					size: "icon-sm",
 					"aria-label": "Close session",
 					className: "size-5 shrink-0 opacity-0 transition-opacity group-hover:opacity-100",
-					onClick: () => onDelete(row),
+					onClick: (e) => {
+						e.stopPropagation();
+						onDelete(row);
+					},
 					children: /* @__PURE__ */ jsx(Trash2, { className: "size-3 text-fg-3" })
 				}) : null
 			]
@@ -612,6 +667,6 @@ function EngineIcon({ engine, model, className }) {
 	});
 }
 //#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, 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 };
+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