@workerdeck/ui 2.15.0 → 3.1.0

package/build/index.mjs

@@ -1,11 +1,12 @@
-import { $ as useToolTitle, $t as DialogContent, At as rankComposerRows, B as SkillsDialog, Bt as segmentsToPlainText, C as SessionInfoDialog, Ct as toolIcon, D as QuestionPrompt, Dt as useTranscriptVariant, E as QUESTION_BEHAVIORS, Et as useTranscriptDensity, F as PERMISSION_MODES, Ft as launchTrigger, G as TaskList, Gt as CopyButton, H as HostFilesDialog, Ht as Splitter, I as PermissionModeSelect, It as mentionTrigger, J as Composer, Jt as TooltipContent, K as ContextDialog, Kt as copyText, L as permissionModeChoices, Lt as usePromptAreaState, M as SubagentStrip, Mt as skillPrompt, N as PermissionPrompt, Nt as commandTrigger, O as parseUserQuestions, Ot as matchClientCommand, P as Response, Pt as hashtagTrigger, Q as ToolTitleProvider, Qt as DialogClose, R as permissionModeMeta, Rt as PromptArea, S as STATUS_META, St as isMutatingTool, T as TerminalPermissionPrompt, Tt as TranscriptVariantProvider, Ut as CodeBlock, V as McpDialog, Vt as ProgressRing, W as TasksDialog, Wt as Spinner, X as ShellActionsProvider, Xt as Dialog, Y as TerminalSurface, Yt as TooltipProvider, Z as useShellActions, Zt as DialogBody, _ as Loader, _n as Badge, _t as shellInfoStatusText, a as UsageDialog, an as MenuItem, at as previewPatch, b as ConversationScrollButton, bn as buttonVariants, bt as SessionNamesProvider, c as Transcript, cn as Select, ct as Ink, d as Message, dn as SelectItemText, dt as WithActions, en as DialogHeader, et as TerminalMarkdown, f as MessageContent, fn as SelectTrigger, ft as useAffordances, g as SessionEmptyState, gn as Input, gt as shellInfoLabel, h as TerminalTranscript, hn as Textarea, ht as shellInfoFailed, i as SessionPanel, in as MenuContent, it as TerminalDiff, j as ShellStrip, jt as rankPeerSessions, k as useShellFrame, kt as mergeComposerRows, l as ToolCallCard, ln as SelectContent, lt as Row, m as TerminalItemView, mn as PortalScope, mt as SHELL_KILL_GLYPH, n as usePathLinks, nn as DialogTrigger, nt as useFileLinks, o as UsageMeters, on as MenuSeparator, ot as Band, p as FileCard, pn as SelectValue, pt as SHELL_GLYPH, q as contextNote, qt as Tip, r as matchPath, rn as Menu, rt as parseFileLink, s as useMinuteClock, sn as MenuTrigger, st as Blank, t as resolveAgainstCwd, tn as DialogRow, tt as FileLinkProvider, u as Reasoning, un as SelectItem, ut as CopyAction, v as Conversation, vn as badgeVariants, vt as shellTitle, w as TerminalQuestionPrompt, wt as TranscriptDensityProvider, x as StatusBar, xn as cn, xt as SkillNamesProvider, y as ConversationContent, yn as Button, yt as PromptTokenText, z as ModelSelect, zt as plainTextToSegments } from "./use-path-links-BgWXmfAS.mjs";
+import { $ as ShellActionsProvider, $t as Spinner, A as PermissionPrompt, An as buttonVariants, At as PromptTokenText, B as ModelSelect, Bt as rankPeerSessions, C as SessionInfoDialog, Cn as SelectValue, Ct as Blank, D as QUESTION_BEHAVIORS, Dn as Badge, Dt as CopyAction, E as TerminalPermissionPrompt, En as Input, Et as AgentWriteIcon, F as SubagentStrip, Ft as TranscriptVariantProvider, G as useMcpPanel, Gt as mentionTrigger, H as McpDialog, Ht as commandTrigger, I as PERMISSION_MODES, It as useTranscriptVariant, J as ContextDialog, Jt as plainTextToSegments, K as HostFilesDialog, Kt as usePromptAreaState, L as PermissionModeSelect, Lt as matchClientCommand, M as useShellFrame, Mt as SkillNamesProvider, Nt as isMutatingTool, O as QuestionPrompt, On as badgeVariants, Ot as WithActions, P as ShellStrip, Pt as toolIcon, Q as TerminalSurface, Qt as CodeBlock, R as permissionModeChoices, Rt as mergeComposerRows, S as STATUS_META, Sn as SelectTrigger, St as Band, T as TerminalQuestionPrompt, Tn as Textarea, Tt as Row, U as McpPanel, Ut as hashtagTrigger, V as SkillsDialog, Vt as skillPrompt, W as McpPanelActions, Wt as launchTrigger, X as contextNote, Xt as ProgressRing, Y as ContextPanel, Yt as segmentsToPlainText, Z as Composer, Zt as Splitter, _ as Loader, _n as OptionSelect, _t as FileLinkProvider, a as UsageDialog, an as Dialog, at as shellGrantable, b as ConversationScrollButton, bn as SelectItem, bt as TerminalDiff, c as TerminalTranscript, cn as DialogContent, ct as shellInfoStatusText, d as Reasoning, dn as DialogTrigger, dt as useToolTitle, en as CopyButton, et as useShellActions, f as Message, fn as Menu, ft as TerminalMarkdown, g as SessionEmptyState, gn as MenuTrigger, gt as useOpenImage, h as TerminalItemView, hn as MenuSeparator, ht as ViewableImage, i as SessionPanel, in as TooltipProvider, it as shellAgentWriteLabel, j as Response, jn as cn, jt as SessionNamesProvider, k as parseUserQuestions, kn as Button, kt as useAffordances, l as Transcript, ln as DialogHeader, lt as shellTitle, m as FileCard, mn as MenuItem, mt as ImageViewerProvider, n as usePathLinks, nn as Tip, nt as SHELL_GLYPH, o as UsageMeters, on as DialogBody, ot as shellInfoFailed, p as MessageContent, pn as MenuContent, pt as ImageViewer, qt as PromptArea, r as matchPath, rn as TooltipContent, rt as SHELL_KILL_GLYPH, s as useMinuteClock, sn as DialogClose, st as shellInfoLabel, t as resolveAgainstCwd, tn as copyText, tt as SHELL_AGENT_WRITE_NOTE, u as ToolCallCard, un as DialogRow, ut as ToolTitleProvider, v as Conversation, vn as Select, vt as useFileLinks, w as SessionInfoPanel, wn as PortalScope, wt as Ink, x as StatusBar, xn as SelectItemText, xt as previewPatch, y as ConversationContent, yn as SelectContent, yt as parseFileLink, z as permissionModeMeta, zt as rankComposerRows } from "./use-path-links-C6Fh5zdx.mjs";
 import { C as rateLimitWindowSeconds, S as friendlyModel, _ as formatDuration, b as formatRelativeTime, c as tightestWindow, g as formatCountdown, h as formatCost, i as meterSeverity, m as formatBytes, o as modelLabel, p as formatAgoPrecise, r as meterColorClass, s as statusPresentation, t as contextSeverity, u as windowLabel, v as formatRateLimitWindow, w as toolInputPreview, x as formatTokens, y as formatRateLimitWindowLong } from "./status-kmsBhuFG.mjs";
 import { Fragment, 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, CircleAlert, CircleSlash, CircuitBoard, Cloud, Code, Coffee, Cog, Compass, Container, Cpu, CreditCard, Database, Diamond, Dog, 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";
+import { Anchor, ArrowRight, Atom, Beaker, BellRing, Bike, Binary, Blocks, Bot, Box, Brain, Briefcase, Brush, Bug, Building2, Cable, Camera, Car, Cat, Check, ChevronDown, Circle, CircleAlert, CircleSlash, CircuitBoard, Cloud, Code, Coffee, Cog, Compass, Container, Cpu, CreditCard, Database, Diamond, Dog, Eraser, Feather, Film, Filter, Flame, FlaskConical, Folder, FolderOpen, 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";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
+import { Popover as Popover$1 } from "@base-ui/react/popover";
 import { Toaster as Toaster$1, toast } from "sonner";
-import { STATE_LABELS, STATE_ORDER, adaptersOf, clearFilters, filterRows, groupRows, hasFacetFilter, isAgentRecord, projectLabel, projectName, projectSubpath, projectsOf, promotedShells, sessionLabel, subagentLabel, subsetSummary, visibleSubagents } from "@workerdeck/protocol";
+import { STATE_LABELS, STATE_ORDER, adaptersOf, clearFilters, displayCustomized, displayedTasks, facetFilterCount, filterRows, groupRows, hasFacetFilter, isAgentRecord, projectLabel, projectName, projectSubpath, projectsOf, scopeActive, sessionLabel, subagentLabel, subsetSummary, taskSummary, visibleShells, visibleSubagents, visibleTasks } from "@workerdeck/protocol";
 //#region src/components/ui/Card.tsx
 function Card({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -52,6 +53,21 @@ const AlertDialogDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(
 	...props
 });
 //#endregion
+//#region src/components/ui/Popover.tsx
+const Popover = Popover$1.Root;
+const PopoverTrigger = Popover$1.Trigger;
+const PopoverContent = ({ className, align = "end", side = "bottom", sideOffset = 6, ...props }) => /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(PortalScope, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
+	align,
+	side,
+	sideOffset,
+	className: "isolate z-80 outline-none",
+	children: /* @__PURE__ */ jsx(Popover$1.Popup, {
+		"data-slot": "popover-content",
+		className: cn("rounded-md border border-border bg-surface p-2 text-fg-1 shadow-(--shadow-lg) outline-none", "transition-[opacity,transform] duration-(--motion-base)", "data-starting-style:scale-95 data-starting-style:opacity-0", "data-ending-style:scale-95 data-ending-style:opacity-0", className),
+		...props
+	})
+}) }) });
+//#endregion
 //#region src/components/ui/Sonner.tsx
 function Toaster() {
 	return /* @__PURE__ */ jsx(Toaster$1, {
@@ -196,6 +212,102 @@ function TerminalStatusLine({ className, state, rateLimits, connection, onOpenSt
 	});
 }
 //#endregion
+//#region src/components/agent/TaskList.tsx
+function TaskList({ tasks, showCompleted, onShowCompletedChange, onSelectTask, className }) {
+	const summary = taskSummary(tasks);
+	const shown = visibleTasks(tasks, showCompleted);
+	const hidden = tasks.length - shown.length;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-baseline justify-between gap-4 pb-1.5",
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "text-label text-fg-3",
+				children: [
+					summary.done,
+					" of ",
+					summary.total,
+					" done",
+					summary.failed > 0 ? ` · ${summary.failed} failed` : ""
+				]
+			}), summary.done > 0 && onShowCompletedChange ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => onShowCompletedChange(!showCompleted),
+				className: "shrink-0 rounded-[4px] px-1 py-0.5 text-label text-fg-4 outline-none hover:bg-row-hover hover:text-fg-2",
+				children: showCompleted ? "Hide completed" : `Show completed (${summary.done})`
+			}) : null]
+		}), shown.length === 0 ? /* @__PURE__ */ jsx("p", {
+			className: "py-6 text-center text-body-sm text-fg-4",
+			children: tasks.length === 0 ? "No tasks yet - a checklist appears once the agent plans one." : `${hidden} completed, all hidden.`
+		}) : /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col",
+			children: shown.map((task) => /* @__PURE__ */ jsx(TaskRow, {
+				task,
+				onSelect: onSelectTask
+			}, task.key))
+		})]
+	});
+}
+function TaskRow({ task, onSelect }) {
+	const pressable = onSelect !== void 0 && task.toolUseId !== void 0;
+	const body = task.state === "failed" ? "text-danger" : task.state === "done" ? "text-fg-4" : "text-fg-2";
+	const row = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(TaskIcon, { state: task.state }),
+		/* @__PURE__ */ jsx("span", {
+			className: cn("min-w-0 flex-1 truncate text-left", task.state === "done" ? "line-through" : void 0),
+			children: task.label
+		}),
+		task.detail ? /* @__PURE__ */ jsx("span", {
+			className: "shrink-0 tabular-nums text-fg-4",
+			children: task.detail
+		}) : null,
+		pressable ? /* @__PURE__ */ jsx(ArrowRight, { className: "size-3.5 shrink-0 text-fg-4" }) : null
+	] });
+	const className = cn("flex w-full items-center gap-1.5 rounded-[4px] px-1.5 py-1 text-body-sm outline-none", body);
+	if (!pressable) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: row
+	});
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		title: task.label,
+		onClick: () => onSelect(task),
+		className: cn(className, "hover:bg-row-active"),
+		children: row
+	});
+}
+function TaskIcon({ state }) {
+	switch (state) {
+		case "running": return /* @__PURE__ */ jsx(Spinner, { className: "size-[13px] shrink-0" });
+		case "failed": return /* @__PURE__ */ jsx(CircleAlert, { className: "size-[13px] shrink-0" });
+		case "done": return /* @__PURE__ */ jsx(Check, { className: "size-[13px] shrink-0" });
+		default: return /* @__PURE__ */ jsx(Circle, { className: "size-[13px] shrink-0 text-fg-4" });
+	}
+}
+//#endregion
+//#region src/components/agent/TasksDialog.tsx
+function TasksDialog({ tasks, showCompleted, onShowCompletedChange, onSelectTask, open, onOpenChange, className }) {
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className,
+			children: [/* @__PURE__ */ jsx(DialogHeader, {
+				title: "Tasks",
+				description: "The agent's checklist and the tasks it has spawned"
+			}), /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(TaskList, {
+				tasks,
+				showCompleted,
+				onShowCompletedChange,
+				onSelectTask: onSelectTask ? (task) => {
+					onOpenChange(false);
+					onSelectTask(task);
+				} : void 0
+			}) })]
+		})
+	});
+}
+//#endregion
 //#region src/components/agent/SessionList.tsx
 function SessionListItem({ session, active, onSelect, onDelete, className }) {
 	const meta = STATUS_META[session.status];
@@ -395,6 +507,287 @@ function ProjectIcon({ icon, src, name, className }) {
 	return /* @__PURE__ */ jsx(Glyph, { className: cn("inline-block size-3 shrink-0", className) });
 }
 //#endregion
+//#region src/components/agent/SessionFilters.tsx
+const STEP_DISPLAY_OPTIONS = [
+	{
+		value: "all",
+		label: "All"
+	},
+	{
+		value: "active",
+		label: "Active"
+	},
+	{
+		value: "none",
+		label: "Hide"
+	}
+];
+function SessionFilters({ config, onConfigChange, rows, scope, gateways: gatewaysProp, className }) {
+	const adapters = useMemo(() => adaptersOf(rows), [rows]);
+	const projects = useMemo(() => projectsOf(rows), [rows]);
+	const gateways = useMemo(() => {
+		if (gatewaysProp) return gatewaysProp;
+		const seen = /* @__PURE__ */ new Map();
+		for (const row of rows) seen.set(row.hostId, row.hostName);
+		return [...seen].map(([id, name]) => ({
+			id,
+			name
+		}));
+	}, [rows, gatewaysProp]);
+	const set = (patch) => onConfigChange({
+		...config,
+		...patch
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "session-filters",
+		className: cn("flex flex-col gap-3", className),
+		children: [
+			/* @__PURE__ */ jsxs(Section, {
+				title: "Filter",
+				children: [
+					scope ? /* @__PURE__ */ jsx(FilterRow, {
+						label: "Scope",
+						children: /* @__PURE__ */ jsx(OptionSelect, {
+							className: "w-full min-w-0",
+							label: "Scope",
+							value: config.scoped ? "scoped" : "all",
+							options: [{
+								value: "scoped",
+								label: scope.label
+							}, {
+								value: "all",
+								label: "All folders"
+							}],
+							onChange: (value) => set({ scoped: value === "scoped" })
+						})
+					}) : null,
+					/* @__PURE__ */ jsx(FilterRow, {
+						label: "State",
+						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(FilterRow, {
+						label: "Engine",
+						children: /* @__PURE__ */ jsx(FacetSelect, {
+							label: "Engine",
+							value: config.adapters,
+							options: adapters.map((a) => ({
+								value: a,
+								label: a
+							})),
+							onChange: (next) => set({ adapters: next })
+						})
+					}) : null,
+					gateways.length > 1 ? /* @__PURE__ */ jsx(FilterRow, {
+						label: "Gateway",
+						children: /* @__PURE__ */ jsx(FacetSelect, {
+							label: "Gateway",
+							value: config.gateways,
+							options: gateways.map((g) => ({
+								value: g.id,
+								label: g.name
+							})),
+							onChange: (next) => set({ gateways: next })
+						})
+					}) : null,
+					projects.length > 1 ? /* @__PURE__ */ jsx(FilterRow, {
+						label: "Project",
+						children: /* @__PURE__ */ jsx(FacetSelect, {
+							label: "Project",
+							value: config.projects ?? [],
+							options: projects.map((p) => ({
+								value: p.key,
+								label: p.label
+							})),
+							onChange: (next) => set({ projects: next })
+						})
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ jsxs(Section, {
+				title: "Layout",
+				children: [/* @__PURE__ */ jsx(FilterRow, {
+					label: "Group",
+					children: /* @__PURE__ */ jsx(OptionSelect, {
+						className: "w-full min-w-0",
+						label: "Group",
+						value: config.groupBy,
+						options: [
+							{
+								value: "none",
+								label: "No grouping"
+							},
+							{
+								value: "state",
+								label: "By state"
+							},
+							{
+								value: "adapter",
+								label: "By engine"
+							},
+							...projects.length > 1 ? [{
+								value: "project",
+								label: "By project"
+							}] : [],
+							...gateways.length > 1 ? [{
+								value: "gateway",
+								label: "By gateway"
+							}] : []
+						],
+						onChange: (groupBy) => set({ groupBy })
+					})
+				}), /* @__PURE__ */ jsx(FilterRow, {
+					label: "Sort",
+					children: /* @__PURE__ */ jsx(OptionSelect, {
+						className: "w-full min-w-0",
+						label: "Sort",
+						value: config.sortBy,
+						options: [
+							{
+								value: "recent",
+								label: "Recent"
+							},
+							{
+								value: "name",
+								label: "Name"
+							},
+							{
+								value: "state",
+								label: "State"
+							},
+							...projects.length > 1 ? [{
+								value: "project",
+								label: "Project"
+							}] : [],
+							...gateways.length > 1 ? [{
+								value: "gateway",
+								label: "Gateway"
+							}] : []
+						],
+						onChange: (sortBy) => set({ sortBy })
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Section, {
+				title: "Show under each session",
+				children: [
+					/* @__PURE__ */ jsx(FilterRow, {
+						label: "Agents",
+						children: /* @__PURE__ */ jsx(StepDisplayControl, {
+							label: "Agents",
+							value: config.subagents,
+							onChange: (subagents) => set({ subagents })
+						})
+					}),
+					/* @__PURE__ */ jsx(FilterRow, {
+						label: "Shells",
+						children: /* @__PURE__ */ jsx(StepDisplayControl, {
+							label: "Shells",
+							value: config.shells ?? "active",
+							onChange: (shells) => set({ shells })
+						})
+					}),
+					/* @__PURE__ */ jsx(FilterRow, {
+						label: "Tasks",
+						children: /* @__PURE__ */ jsx(StepDisplayControl, {
+							label: "Tasks",
+							value: config.tasks ?? "active",
+							onChange: (tasks) => set({ tasks })
+						})
+					})
+				]
+			})
+		]
+	});
+}
+function SessionFiltersButton({ open, onOpenChange, className, ...props }) {
+	const count = facetFilterCount(props.config);
+	const engaged = count > 0 || displayCustomized(props.config);
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon-sm",
+			"aria-label": count > 0 ? `Filters (${count} active)` : "Filters",
+			title: count > 0 ? `${count} filter${count === 1 ? "" : "s"} active` : "Filters",
+			className,
+			children: /* @__PURE__ */ jsx(Filter, { className: cn("size-3.5", engaged && "fill-current text-fg-1") })
+		}) }), /* @__PURE__ */ jsx(PopoverContent, {
+			className: "w-80",
+			children: /* @__PURE__ */ jsx(SessionFilters, { ...props })
+		})]
+	});
+}
+function StepDisplayControl({ label, value, onChange }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "radiogroup",
+		"aria-label": label,
+		className: "flex w-full rounded-md border border-border p-px",
+		children: STEP_DISPLAY_OPTIONS.map((option) => /* @__PURE__ */ jsx("button", {
+			type: "button",
+			role: "radio",
+			"aria-checked": option.value === value,
+			onClick: () => onChange(option.value),
+			className: cn("min-w-0 flex-1 truncate rounded-[4px] px-1.5 py-0.5 text-label outline-none transition-colors", "focus-visible:ring-2 focus-visible:ring-ring", option.value === value ? "bg-row-selected text-fg-1" : "text-fg-3 hover:bg-row-hover hover:text-fg-1"),
+			children: option.label
+		}, option.value))
+	});
+}
+function Section({ title, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-1.5",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "text-label font-medium uppercase tracking-wide text-fg-4",
+			children: title
+		}), children]
+	});
+}
+function FilterRow({ label, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: "w-16 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",
+		children: [/* @__PURE__ */ jsxs(Select, {
+			multiple: true,
+			value,
+			onValueChange: (v) => onChange(v),
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				"aria-label": label,
+				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 })
+			}, option.value)) })]
+		}), value.length > 0 ? /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon-sm",
+			"aria-label": `Clear ${label}`,
+			onClick: () => onChange([]),
+			children: /* @__PURE__ */ jsx(X, { className: "size-3 text-fg-4" })
+		}) : null]
+	});
+}
+//#endregion
 //#region src/components/agent/ContextRing.tsx
 function ContextRing({ usage, engine, size = 11, className }) {
 	if (usage === void 0) return null;
@@ -513,7 +906,7 @@ function SessionStatusIcon({ row, className }) {
 }
 //#endregion
 //#region src/components/agent/SessionSteps.tsx
-function sessionSteps(info, onSelect, show = "all", shells) {
+function sessionSteps(info, onSelect, show = "all", shells, tasks) {
 	const agents = visibleSubagents(info, show).filter(isAgentRecord).map((sub) => ({
 		key: sub.toolUseId,
 		kind: "agent",
@@ -524,10 +917,33 @@ function sessionSteps(info, onSelect, show = "all", shells) {
 		title: `${subagentLabel(sub)} · ${sub.toolCount} tool${sub.toolCount === 1 ? "" : "s"}`,
 		onSelect: () => onSelect(sub.toolUseId)
 	}));
-	if (shells === void 0) return agents;
-	return [...agents, ...promotedShells(info, shells.now).map((shell) => shellStep(shell, shells))];
+	const taskSteps = tasks === void 0 ? [] : displayedTasks(info, tasks.show).map((task) => taskStep(task, tasks));
+	if (shells === void 0) return [...agents, ...taskSteps];
+	const grants = info.shellAgentWrite !== void 0;
+	const shellSteps = visibleShells(info, shells.show ?? "active", shells.now).map((shell) => shellStep(shell, shells, grants));
+	return [
+		...agents,
+		...taskSteps,
+		...shellSteps
+	];
+}
+function taskStep(task, options) {
+	const stalled = task.source === "checklist" && task.state === "running" && !options.live;
+	const toolUseId = task.toolUseId;
+	return {
+		key: task.key,
+		kind: "task",
+		label: task.label,
+		noun: "task",
+		state: stalled ? "pending" : task.state,
+		detail: task.detail,
+		title: stalled ? `${task.label} · left in progress` : task.label,
+		onSelect: () => options.onSelect(task),
+		onKill: task.stoppable && toolUseId !== void 0 && options.onStop ? () => options.onStop?.(toolUseId) : void 0,
+		killLabel: "Stop this task"
+	};
 }
-function shellStep(shell, options) {
+function shellStep(shell, options, grants) {
 	const status = shellInfoStatusText(shell);
 	const running = shell.status === "running";
 	return {
@@ -536,10 +952,16 @@ function shellStep(shell, options) {
 		label: shellInfoLabel(shell),
 		noun: "shell",
 		state: shellInfoFailed(shell) ? "failed" : running ? "running" : "done",
-		detail: running ? void 0 : status,
+		detail: running ? shell.agentWrite === true ? SHELL_AGENT_WRITE_NOTE : void 0 : status,
 		title: `${shellTitle(shell)} · ${status}`,
 		onSelect: () => options.onSelect(shell.id),
-		onKill: running && options.onKill ? () => options.onKill?.(shell.id) : void 0
+		onKill: running && options.onKill ? () => options.onKill?.(shell.id) : void 0,
+		killLabel: "Kill this shell",
+		agentWrite: grants && options.onAgentWrite && shellGrantable(shell) ? {
+			granted: shell.agentWrite === true,
+			label: shellAgentWriteLabel(shell),
+			toggle: () => options.onAgentWrite?.(shell.id, shell.agentWrite !== true)
+		} : void 0
 	};
 }
 function stepState(status) {
@@ -550,41 +972,59 @@ function stepState(status) {
 	}
 }
 function StepRow({ step, active = false, onSelect }) {
-	const body = step.state === "failed" ? "text-danger" : step.kind === "shell" ? "text-[var(--wd-shell-accent)]" : "text-success";
+	const body = step.state === "failed" ? "text-danger" : step.kind === "shell" ? "text-[var(--wd-shell-accent)]" : step.kind === "task" ? step.state === "pending" ? "text-fg-4" : "text-fg-2" : "text-success";
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("flex w-full items-center rounded-[4px] pr-1.5", active ? "bg-row-selected" : "hover:bg-row-active", body),
-		children: [/* @__PURE__ */ jsxs("button", {
-			type: "button",
-			title: step.title,
-			"aria-current": active || void 0,
-			onClick: (e) => {
-				e.stopPropagation();
-				onSelect();
-			},
-			className: "flex min-w-0 flex-1 items-center gap-1.5 py-1 pr-1 pl-3.5 text-left text-micro outline-none",
-			children: [
-				/* @__PURE__ */ jsx(StepIcon, { step }),
-				/* @__PURE__ */ jsx("span", {
-					className: "min-w-0 flex-1 truncate",
-					children: step.label
-				}),
-				step.detail ? /* @__PURE__ */ jsx("span", {
-					className: "shrink-0 tabular-nums text-fg-4",
-					children: step.detail
-				}) : null,
-				/* @__PURE__ */ jsx(ArrowRight, { className: "size-3.5 shrink-0 text-fg-4" })
-			]
-		}), step.onKill ? /* @__PURE__ */ jsx("button", {
-			type: "button",
-			"aria-label": `Kill ${step.label}`,
-			title: "Kill this shell",
-			onClick: (e) => {
-				e.stopPropagation();
-				step.onKill?.();
-			},
-			className: "shrink-0 px-1 text-micro leading-none text-fg-4 outline-none hover:text-danger",
-			children: "✕"
-		}) : null]
+		children: [
+			/* @__PURE__ */ jsxs("button", {
+				type: "button",
+				title: step.title,
+				"aria-current": active || void 0,
+				onClick: (e) => {
+					e.stopPropagation();
+					onSelect();
+				},
+				className: "flex min-w-0 flex-1 items-center gap-1.5 py-1 pr-1 pl-3.5 text-left text-micro outline-none",
+				children: [
+					/* @__PURE__ */ jsx(StepIcon, { step }),
+					/* @__PURE__ */ jsx("span", {
+						className: "min-w-0 flex-1 truncate",
+						children: step.label
+					}),
+					step.detail ? /* @__PURE__ */ jsx("span", {
+						className: "shrink-0 tabular-nums text-fg-4",
+						children: step.detail
+					}) : null,
+					step.kind === "agent" ? /* @__PURE__ */ jsx(ArrowRight, { className: "size-3.5 shrink-0 text-fg-4" }) : null
+				]
+			}),
+			step.agentWrite ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": step.agentWrite.label,
+				"aria-pressed": step.agentWrite.granted,
+				title: step.agentWrite.label,
+				onClick: (e) => {
+					e.stopPropagation();
+					step.agentWrite?.toggle();
+				},
+				className: cn("shrink-0 px-1 text-micro leading-none outline-none", step.agentWrite.granted ? "text-warning" : "text-fg-4 hover:text-fg-1"),
+				children: /* @__PURE__ */ jsx(AgentWriteIcon, {
+					granted: step.agentWrite.granted,
+					className: "size-3.5"
+				})
+			}) : null,
+			step.onKill ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": `${step.kind === "task" ? "Stop" : "Kill"} ${step.label}`,
+				title: step.killLabel,
+				onClick: (e) => {
+					e.stopPropagation();
+					step.onKill?.();
+				},
+				className: "shrink-0 px-1 text-micro leading-none text-fg-4 outline-none hover:text-danger",
+				children: "✕"
+			}) : null
+		]
 	});
 }
 function StepIcon({ step }) {
@@ -595,6 +1035,7 @@ function StepIcon({ step }) {
 	switch (step.state) {
 		case "running": return /* @__PURE__ */ jsx(Spinner, { className: "size-[11px] shrink-0" });
 		case "failed": return /* @__PURE__ */ jsx(CircleAlert, { className: "size-[11px] shrink-0" });
+		case "pending": return /* @__PURE__ */ jsx(Circle, { className: "size-[11px] shrink-0" });
 		default: return /* @__PURE__ */ jsx(Check, { className: "size-[11px] shrink-0" });
 	}
 }
@@ -605,7 +1046,7 @@ const NO_MODIFIERS = {
 	ctrl: false,
 	alt: false
 };
-function SessionItem({ row, active = false, activeStepKey, showGateway, showProject = true, projectIcons, subagents = "active", onSelect, onSelectSubagent, onSelectShell, onKillShell, now, onRename, renameOn = "doubleClick", editing, onEditingChange, actions, className }) {
+function SessionItem({ row, active = false, activeStepKey, showGateway, showProject = true, projectIcons, subagents = "active", shells = "active", tasks = "active", onSelect, onSelectSubagent, onSelectTask, onStopTask, onSelectShell, onKillShell, onShellAgentWrite, now, onRename, renameOn = "doubleClick", editing, onEditingChange, actions, className }) {
 	const { info } = row;
 	const [ownEditing, setOwnEditing] = useState(false);
 	const isEditing = editing ?? ownEditing;
@@ -642,8 +1083,15 @@ function SessionItem({ row, active = false, activeStepKey, showGateway, showProj
 	for (const extra of extras) parts.push(/* @__PURE__ */ jsx("span", { children: extra }, extra));
 	const steps = sessionSteps(info, (toolUseId) => onSelectSubagent ? onSelectSubagent(toolUseId) : onSelect?.(NO_MODIFIERS), subagents, {
 		now: now ?? Date.now(),
+		show: shells,
 		onSelect: (shellId) => onSelectShell ? onSelectShell(shellId) : onSelect?.(NO_MODIFIERS),
-		onKill: onKillShell
+		onKill: onKillShell,
+		onAgentWrite: onShellAgentWrite
+	}, {
+		show: tasks,
+		live: info.status === "running" || info.status === "starting" || info.status === "awaiting_approval",
+		onSelect: (task) => onSelectTask ? onSelectTask(task) : onSelect?.(NO_MODIFIERS),
+		onStop: onStopTask
 	});
 	const holdsOpenStep = steps.some((s) => s.key === activeStepKey);
 	return /* @__PURE__ */ jsxs("div", {
@@ -780,7 +1228,7 @@ function NameEditor({ initial, onCommit, onCancel }) {
 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, activeSubagentId, activeShellId, now, onSelect, onDelete, onRename, onClearContext, onSelectSubagent, onSelectShell, onKillShell, emptyState, showControls = true, projectIcons, className }) {
+function SessionBrowser({ rows, config, onConfigChange, scope, activeId, activeSubagentId, activeShellId, now, isActive = (row) => row.info.id === activeId, rowActions, gatewayCount, showSubset = true, onSelect, onDelete, onRename, onClearContext, onSelectSubagent, onSelectTask, onStopTask, onSelectShell, onKillShell, onShellAgentWrite, emptyState, showControls = true, showSearch = showControls, autoFocusSearch, projectIcons, className }) {
 	const visible = useMemo(() => filterRows(rows, config, scope), [
 		rows,
 		config,
@@ -788,16 +1236,7 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, activeS
 	]);
 	const groups = useMemo(() => groupRows(visible, config), [visible, config]);
 	const subset = subsetSummary(config, scope, visible.length, rows.length);
-	const adapters = useMemo(() => adaptersOf(rows), [rows]);
-	const projects = useMemo(() => projectsOf(rows), [rows]);
-	const gateways = useMemo(() => {
-		const seen = /* @__PURE__ */ new Map();
-		for (const row of rows) seen.set(row.hostId, row.hostName);
-		return [...seen].map(([id, name]) => ({
-			id,
-			name
-		}));
-	}, [rows]);
+	const rowGateways = useMemo(() => new Set(rows.map((row) => row.hostId)).size, [rows]);
 	const set = (patch) => onConfigChange({
 		...config,
 		...patch
@@ -806,152 +1245,20 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, activeS
 		"data-slot": "session-browser",
 		className: cn("flex flex-col gap-3", className),
 		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: cn("flex flex-col gap-1.5 px-2", !showControls && "hidden"),
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						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 }),
-							placeholder: "Search sessions",
-							"aria-label": "Search sessions",
-							className: "pl-8"
-						})]
-					}),
-					/* @__PURE__ */ jsx(FilterRow, {
-						label: "State",
-						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(FilterRow, {
-						label: "Engine",
-						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(FilterRow, {
-						label: "Gateway",
-						children: /* @__PURE__ */ jsx(FacetSelect, {
-							label: "Gateway",
-							value: config.gateways,
-							options: gateways.map((g) => ({
-								value: g.id,
-								label: g.name
-							})),
-							onChange: (gateways) => set({ gateways })
-						})
-					}) : null,
-					projects.length > 1 ? /* @__PURE__ */ jsx(FilterRow, {
-						label: "Project",
-						children: /* @__PURE__ */ jsx(FacetSelect, {
-							label: "Project",
-							value: config.projects ?? [],
-							options: projects.map((p) => ({
-								value: p.key,
-								label: p.label
-							})),
-							onChange: (next) => set({ projects: next })
-						})
-					}) : null,
-					/* @__PURE__ */ jsx(FilterRow, {
-						label: "Group",
-						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"
-								},
-								...projects.length > 1 ? [{
-									value: "project",
-									label: "By project"
-								}] : [],
-								...gateways.length > 1 ? [{
-									value: "gateway",
-									label: "By gateway"
-								}] : []
-							],
-							onChange: (groupBy) => set({ groupBy })
-						})
-					}),
-					/* @__PURE__ */ jsx(FilterRow, {
-						label: "Sub-agents",
-						children: /* @__PURE__ */ jsx(OneOfSelect, {
-							label: "Sub-agents",
-							value: config.subagents,
-							options: [
-								{
-									value: "active",
-									label: "Hide completed"
-								},
-								{
-									value: "all",
-									label: "Show all"
-								},
-								{
-									value: "none",
-									label: "Hide all"
-								}
-							],
-							onChange: (subagents) => set({ subagents })
-						})
-					}),
-					/* @__PURE__ */ jsx(FilterRow, {
-						label: "Sort",
-						children: /* @__PURE__ */ jsx(OneOfSelect, {
-							label: "Sort",
-							value: config.sortBy,
-							options: [
-								{
-									value: "recent",
-									label: "Recent"
-								},
-								{
-									value: "name",
-									label: "Name"
-								},
-								{
-									value: "state",
-									label: "State"
-								},
-								...projects.length > 1 ? [{
-									value: "project",
-									label: "Project"
-								}] : [],
-								...gateways.length > 1 ? [{
-									value: "gateway",
-									label: "Gateway"
-								}] : []
-							],
-							onChange: (sortBy) => set({ sortBy })
-						})
-					})
-				]
-			}),
-			subset ? /* @__PURE__ */ jsxs("div", {
+			showSearch ? /* @__PURE__ */ jsx(SessionSearch, {
+				value: config.search,
+				onChange: (search) => set({ search }),
+				autoFocus: autoFocusSearch,
+				className: "px-2"
+			}) : null,
+			showControls ? /* @__PURE__ */ jsx(SessionFilters, {
+				config,
+				onConfigChange,
+				rows,
+				scope,
+				className: "px-2"
+			}) : null,
+			subset && showSubset ? /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2 px-3 text-label text-fg-4",
 				children: [/* @__PURE__ */ jsxs("span", { children: [
 					subset.shown,
@@ -974,6 +1281,12 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, activeS
 				description: "No session matches the current search and filters.",
 				action: "Clear filters",
 				onAction: () => onConfigChange(clearFilters(config))
+			}) : scope && scopeActive(config, scope) ? /* @__PURE__ */ jsx(Empty, {
+				icon: /* @__PURE__ */ jsx(FolderOpen, {}),
+				title: "Nothing in this folder",
+				description: `No session is running in ${scope.label}.`,
+				action: "Show all folders",
+				onAction: () => set({ scoped: false })
 			}) : /* @__PURE__ */ jsx(Empty, {
 				icon: /* @__PURE__ */ jsx(Layers, {}),
 				title: "Nothing here",
@@ -1001,21 +1314,27 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, activeS
 						]
 					}) : null, group.rows.map((row) => /* @__PURE__ */ jsx(SessionRowItem, {
 						row,
-						active: row.info.id === activeId,
+						active: isActive(row),
 						activeSubagentId,
 						activeShellId,
+						actions: rowActions?.(row),
 						now,
-						showGateway: gateways.length > 1 && config.groupBy !== "gateway",
+						showGateway: (gatewayCount ?? rowGateways) > 1 && config.groupBy !== "gateway",
 						showProject: config.groupBy !== "project",
 						subagents: config.subagents,
+						shells: config.shells,
+						tasks: config.tasks,
 						projectIcons,
 						onSelect,
 						onDelete,
 						onRename,
 						onClearContext,
 						onSelectSubagent,
+						onSelectTask,
+						onStopTask,
 						onSelectShell,
-						onKillShell
+						onKillShell,
+						onShellAgentWrite
 					}, `${row.hostId}:${row.info.id}`))]
 				}, group.key))
 			})
@@ -1026,27 +1345,32 @@ function iconSrcOf(row, icons) {
 	const icon = row?.info.project?.icon;
 	return icon?.type === "image" ? icons?.[icon.hash] : void 0;
 }
-function SessionRowItem({ row, active, activeSubagentId, activeShellId, now, showGateway, showProject = true, subagents, projectIcons, onSelect, onDelete, onRename, onClearContext, onSelectSubagent, onSelectShell, onKillShell }) {
+function SessionRowItem({ row, active, actions, activeSubagentId, activeShellId, now, showGateway, showProject = true, subagents, shells, tasks, projectIcons, onSelect, onDelete, onRename, onClearContext, onSelectSubagent, onSelectTask, onStopTask, onSelectShell, onKillShell, onShellAgentWrite }) {
 	const { info } = row;
 	const [editing, setEditing] = useState(false);
 	return /* @__PURE__ */ jsx(SessionItem, {
 		row,
 		active: active === true,
-		activeStepKey: activeShellId ?? activeSubagentId,
+		activeStepKey: active ? activeShellId ?? activeSubagentId : void 0,
 		now,
 		showGateway,
 		showProject,
 		subagents,
+		shells,
+		tasks,
 		projectIcons,
-		onSelect: () => onSelect?.(row),
+		onSelect: (modifiers) => onSelect?.(row, modifiers),
 		onSelectSubagent: onSelectSubagent ? (id) => onSelectSubagent(row, id) : void 0,
+		onSelectTask: onSelectTask ? (task) => onSelectTask(row, task) : void 0,
+		onStopTask: onStopTask ? (id) => onStopTask(row, id) : void 0,
 		onSelectShell: onSelectShell ? (id) => onSelectShell(row, id) : void 0,
 		onKillShell: onKillShell ? (id) => onKillShell(row, id) : void 0,
+		onShellAgentWrite: onShellAgentWrite ? (id, enabled) => onShellAgentWrite(row, id, enabled) : void 0,
 		onRename: onRename ? (title) => onRename(row, title) : void 0,
-		renameOn: "external",
-		editing,
-		onEditingChange: setEditing,
-		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		renameOn: actions === void 0 ? "external" : "doubleClick",
+		editing: actions === void 0 ? editing : void 0,
+		onEditingChange: actions === void 0 ? setEditing : void 0,
+		actions: actions ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			onRename && !editing ? /* @__PURE__ */ jsx(RowAction, {
 				label: "Rename session",
 				onClick: () => setEditing(true),
@@ -1080,55 +1404,33 @@ function RowAction({ label, title, onClick, children }) {
 		children
 	});
 }
-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 }) {
+function SessionSearch({ value, onChange, autoFocus, className, inputClassName }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-1",
-		children: [/* @__PURE__ */ jsxs(Select, {
-			multiple: true,
-			value,
-			onValueChange: (v) => onChange(v),
-			children: [/* @__PURE__ */ jsx(SelectTrigger, {
-				"aria-label": label,
-				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 })
-			}, option.value)) })]
-		}), value.length > 0 ? /* @__PURE__ */ jsx(Button, {
-			variant: "ghost",
-			size: "icon-sm",
-			"aria-label": `Clear ${label}`,
-			onClick: () => onChange([]),
-			children: /* @__PURE__ */ jsx(X, { className: "size-3 text-fg-4" })
-		}) : null]
-	});
-}
-function OneOfSelect({ label, value, options, onChange }) {
-	return /* @__PURE__ */ jsxs(Select, {
-		value,
-		onValueChange: (v) => onChange(v),
-		children: [/* @__PURE__ */ jsx(SelectTrigger, {
-			"aria-label": label,
-			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,
-			children: /* @__PURE__ */ jsx(SelectItemText, { children: option.label })
-		}, option.value)) })]
+		className: cn("relative", className),
+		children: [
+			/* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute top-1/2 left-4.5 size-3.5 -translate-y-1/2 text-fg-4" }),
+			/* @__PURE__ */ jsx(Input, {
+				value,
+				onChange: (e) => onChange(e.target.value),
+				onKeyDown: (e) => {
+					if (e.key === "Escape" && value) {
+						e.stopPropagation();
+						onChange("");
+					}
+				},
+				placeholder: "Search sessions",
+				"aria-label": "Search sessions",
+				autoFocus,
+				className: cn("pr-7 pl-8", inputClassName)
+			}),
+			value ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": "Clear search",
+				onClick: () => onChange(""),
+				className: "absolute top-1/2 right-3.5 -translate-y-1/2 rounded p-0.5 text-fg-4 hover:text-fg-1",
+				children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+			}) : null
+		]
 	});
 }
 //#endregion
@@ -1207,6 +1509,6 @@ function SubagentToggle({ value, onChange, className }) {
 	})] });
 }
 //#endregion
-export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, Band, Blank, Button, Card, CardContent, CardHeader, CardTitle, CodeBlock, Composer, ContextDialog, ContextRing, Conversation, ConversationContent, ConversationScrollButton, CopyAction, CopyButton, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, Empty, EmptyKey, EngineIcon, FileCard, FileLinkProvider, HostFilesDialog, Ink, Input, Loader, McpDialog, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, ModelSelect, PERMISSION_MODES, PermissionModeSelect, PermissionPrompt, ProgressRing, ProjectIcon, PromptArea, PromptTokenText, QUESTION_BEHAVIORS, QuestionPrompt, Reasoning, Response, Row, SHELL_GLYPH, SHELL_KILL_GLYPH, STATUS_META, SUBAGENT_DISPLAY_META, SUBAGENT_DISPLAY_ORDER, Select, SelectContent, SelectItem, SelectItemText, SelectTrigger, SelectValue, SessionBrowser, SessionEmptyState, SessionInfoDialog, SessionItem, SessionList, SessionListItem, SessionNamesProvider, SessionPanel, SessionStatusIcon, ShellActionsProvider, ShellStrip, SkillNamesProvider, SkillsDialog, Spinner, Splitter, StatusBar, StepRow, SubagentDisplayIcon, SubagentStrip, SubagentToggle, TaskList, TasksDialog, TerminalDiff, TerminalItemView, TerminalMarkdown, TerminalPermissionPrompt, TerminalQuestionPrompt, TerminalStatusLine, TerminalSurface, TerminalTranscript, Textarea, Tip, Toaster, ToolCallCard, ToolTitleProvider, TooltipContent, TooltipProvider, Transcript, TranscriptDensityProvider, TranscriptVariantProvider, UsageDialog, UsageMeters, WithActions, badgeVariants, buttonVariants, cn, commandTrigger, copyText, engineMark, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, launchTrigger, matchClientCommand, matchPath, mentionTrigger, mergeComposerRows, parseFileLink, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, previewPatch, rankComposerRows, rankPeerSessions, rateLimitWindowSeconds, resolveAgainstCwd, rowShapeClass, segmentsToPlainText, sessionSteps, shellInfoFailed, shellInfoLabel, shellInfoStatusText, shellTitle, skillPrompt, toast, toolIcon, toolInputPreview, useAffordances, useFileLinks, useMinuteClock, usePathLinks, usePromptAreaState, useShellActions, useShellFrame, useToolTitle, useTranscriptDensity, useTranscriptVariant, vendorMarkClass, vendorTextClass };
+export { AgentWriteIcon, AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, Band, Blank, Button, Card, CardContent, CardHeader, CardTitle, CodeBlock, Composer, ContextDialog, ContextPanel, ContextRing, Conversation, ConversationContent, ConversationScrollButton, CopyAction, CopyButton, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, Empty, EmptyKey, EngineIcon, FileCard, FileLinkProvider, HostFilesDialog, ImageViewer, ImageViewerProvider, Ink, Input, Loader, McpDialog, McpPanel, McpPanelActions, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, ModelSelect, OptionSelect, PERMISSION_MODES, PermissionModeSelect, PermissionPrompt, Popover, PopoverContent, PopoverTrigger, ProgressRing, ProjectIcon, PromptArea, PromptTokenText, QUESTION_BEHAVIORS, QuestionPrompt, Reasoning, Response, Row, SHELL_AGENT_WRITE_NOTE, SHELL_GLYPH, SHELL_KILL_GLYPH, STATUS_META, STEP_DISPLAY_OPTIONS, SUBAGENT_DISPLAY_META, SUBAGENT_DISPLAY_ORDER, Select, SelectContent, SelectItem, SelectItemText, SelectTrigger, SelectValue, SessionBrowser, SessionEmptyState, SessionFilters, SessionFiltersButton, SessionInfoDialog, SessionInfoPanel, SessionItem, SessionList, SessionListItem, SessionNamesProvider, SessionPanel, SessionSearch, SessionStatusIcon, ShellActionsProvider, ShellStrip, SkillNamesProvider, SkillsDialog, Spinner, Splitter, StatusBar, StepDisplayControl, StepRow, SubagentDisplayIcon, SubagentStrip, SubagentToggle, TaskList, TasksDialog, TerminalDiff, TerminalItemView, TerminalMarkdown, TerminalPermissionPrompt, TerminalQuestionPrompt, TerminalStatusLine, TerminalSurface, TerminalTranscript, Textarea, Tip, Toaster, ToolCallCard, ToolTitleProvider, TooltipContent, TooltipProvider, Transcript, TranscriptVariantProvider, UsageDialog, UsageMeters, ViewableImage, WithActions, badgeVariants, buttonVariants, cn, commandTrigger, copyText, engineMark, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, launchTrigger, matchClientCommand, matchPath, mentionTrigger, mergeComposerRows, parseFileLink, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, previewPatch, rankComposerRows, rankPeerSessions, rateLimitWindowSeconds, resolveAgainstCwd, rowShapeClass, segmentsToPlainText, sessionSteps, shellAgentWriteLabel, shellGrantable, shellInfoFailed, shellInfoLabel, shellInfoStatusText, shellTitle, skillPrompt, toast, toolIcon, toolInputPreview, useAffordances, useFileLinks, useMcpPanel, useMinuteClock, useOpenImage, usePathLinks, usePromptAreaState, useShellActions, useShellFrame, useToolTitle, useTranscriptVariant, vendorMarkClass, vendorTextClass };
 
 //# sourceMappingURL=index.mjs.map