@workerdeck/ui 3.1.0 → 3.3.0

package/build/index.d.mts

@@ -1248,6 +1248,7 @@ interface SessionBrowserProps {
   onSelectShell?: (row: SessionRow, shellId: string) => void;
   onKillShell?: (row: SessionRow, shellId: string) => void;
   onShellAgentWrite?: (row: SessionRow, shellId: string, enabled: boolean) => void;
+  onCreateInGroup?: (target: GroupTarget) => void;
   emptyState?: ReactNode;
   showControls?: boolean;
   showSearch?: boolean;
@@ -1255,8 +1256,12 @@ interface SessionBrowserProps {
   projectIcons?: Record<string, string>;
   className?: string;
 }
+type GroupTarget = {
+  hostId: string;
+  cwd?: string;
+};
 declare function rowShapeClass(active: boolean): string;
-declare function SessionBrowser({ rows, config, onConfigChange, scope, activeId, activeSubagentId, activeShellId, now, isActive, rowActions, gatewayCount, showSubset, onSelect, onDelete, onRename, onClearContext, onSelectSubagent, onSelectTask, onStopTask, onSelectShell, onKillShell, onShellAgentWrite, emptyState, showControls, showSearch, autoFocusSearch, projectIcons, className }: SessionBrowserProps): import("react").JSX.Element;
+declare function SessionBrowser({ rows, config, onConfigChange, scope, activeId, activeSubagentId, activeShellId, now, isActive, rowActions, gatewayCount, showSubset, onSelect, onDelete, onRename, onClearContext, onSelectSubagent, onSelectTask, onStopTask, onSelectShell, onKillShell, onShellAgentWrite, onCreateInGroup, emptyState, showControls, showSearch, autoFocusSearch, projectIcons, className }: SessionBrowserProps): import("react").JSX.Element;
 declare function SessionSearch({ value, onChange, autoFocus, className, inputClassName }: {
   value: string;
   onChange: (value: string) => void;
@@ -1495,5 +1500,5 @@ declare function copyText(value: string): Promise<boolean>;
 declare function toolIcon(toolName: string): LucideIcon;
 declare function isMutatingTool(toolName: string): boolean;
 //#endregion
-export { type ActionPlacement, AgentWriteIcon, AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, type ApprovalPromptProps, Badge, type BadgeProps, Band, Blank, Button, type ButtonProps, Card, CardContent, CardHeader, CardTitle, type ChipSegment, type ClientCommand, CodeBlock, type CodeBlockProps, Composer, type ComposerFileMatch, type ComposerHandle, type ComposerProps, type ComposerRow, ContextDialog, type ContextDialogProps, ContextPanel, type ContextPanelProps, ContextRing, Conversation, ConversationContent, type ConversationProps, ConversationScrollButton, CopyAction, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, Empty, EmptyKey, EngineIcon, FileCard, type FileCardProps, type FileDeliveredItem, type FileLink, type FileLinkHandle, type FileLinkOpener, FileLinkProvider, HostFilesDialog, type HostFilesDialogProps, ImageViewer, ImageViewerProvider, Ink, Input, Loader, McpDialog, type McpDialogProps, McpPanel, McpPanelActions, type McpPanelModel, type McpPanelProps, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, type MessageProps, ModelSelect, type ModelSelectProps, type OpenImage, OptionSelect, type OptionSelectProps, PERMISSION_MODES, type PathHit, type PathMatch, type PermissionModeChoice, type PermissionModeMeta, PermissionModeSelect, type PermissionModeSelectProps, PermissionPrompt, type PermissionPromptProps, Popover, PopoverContent, PopoverTrigger, ProgressRing, type ProgressRingProps, ProjectIcon, PromptArea, type PromptAreaHandle, type PromptAreaProps, PromptTokenText, QUESTION_BEHAVIORS, type QuestionBehaviorMeta, QuestionPrompt, type QuestionPromptProps, Reasoning, type ReasoningProps, Response, type ResponseProps, Row, type RowProps, SHELL_AGENT_WRITE_NOTE, SHELL_GLYPH, SHELL_KILL_GLYPH, STATUS_META, STEP_DISPLAY_OPTIONS, SUBAGENT_DISPLAY_META, SUBAGENT_DISPLAY_ORDER, type Segment, Select, SelectContent, SelectItem, SelectItemText, type SelectModifiers, SelectTrigger, SelectValue, SessionBrowser, type SessionBrowserProps, type SessionControls, SessionEmptyState, type SessionEmptyStateProps, SessionFilters, SessionFiltersButton, type SessionFiltersButtonProps, type SessionFiltersProps, SessionInfoDialog, type SessionInfoDialogProps, SessionInfoPanel, type SessionInfoPanelProps, SessionItem, type SessionItemProps, SessionList, SessionListItem, type SessionListItemProps, type SessionListProps, SessionNamesProvider, SessionPanel, type SessionPanelProps, SessionSearch, SessionStatusIcon, type SessionSurfacePanel, type SessionVitals, type ShellActions, ShellActionsProvider, type ShellFrame, type ShellFrameOptions, type ShellStepOptions, ShellStrip, type ShellStripProps, SkillNamesProvider, SkillsDialog, type SkillsDialogProps, Spinner, Splitter, type SplitterProps, StatusBar, type StatusBarProps, type Step, StepDisplayControl, type StepKind, StepRow, SubagentDisplayIcon, SubagentStrip, SubagentToggle, type SubagentToggleProps, TaskList, type TaskListProps, type TaskStepOptions, TasksDialog, type TasksDialogProps, type TerminalAffordances, TerminalDiff, TerminalItemView, TerminalMarkdown, type TerminalMarkdownProps, type TerminalMetrics, TerminalPermissionPrompt, type TerminalPermissionPromptProps, TerminalQuestionPrompt, type TerminalQuestionPromptProps, TerminalStatusLine, type TerminalStatusLineProps, TerminalSurface, type TerminalSurfaceProps, TerminalTranscript, type TerminalTranscriptProps, type TextSegment, Textarea, Tip, Toaster, type Tone, ToolCallCard, type ToolCallCardProps, type ToolCallItem, ToolTitleProvider, TooltipContent, TooltipProvider, Transcript, type TranscriptFont, type TranscriptProps, type TranscriptVariant, TranscriptVariantProvider, type TriggerConfig, type TriggerSuggestion, UsageDialog, type UsageDialogProps, UsageMeters, ViewableImage, type ViewedImage, 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 };
+export { type ActionPlacement, AgentWriteIcon, AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, type ApprovalPromptProps, Badge, type BadgeProps, Band, Blank, Button, type ButtonProps, Card, CardContent, CardHeader, CardTitle, type ChipSegment, type ClientCommand, CodeBlock, type CodeBlockProps, Composer, type ComposerFileMatch, type ComposerHandle, type ComposerProps, type ComposerRow, ContextDialog, type ContextDialogProps, ContextPanel, type ContextPanelProps, ContextRing, Conversation, ConversationContent, type ConversationProps, ConversationScrollButton, CopyAction, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, Empty, EmptyKey, EngineIcon, FileCard, type FileCardProps, type FileDeliveredItem, type FileLink, type FileLinkHandle, type FileLinkOpener, FileLinkProvider, type GroupTarget, HostFilesDialog, type HostFilesDialogProps, ImageViewer, ImageViewerProvider, Ink, Input, Loader, McpDialog, type McpDialogProps, McpPanel, McpPanelActions, type McpPanelModel, type McpPanelProps, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, type MessageProps, ModelSelect, type ModelSelectProps, type OpenImage, OptionSelect, type OptionSelectProps, PERMISSION_MODES, type PathHit, type PathMatch, type PermissionModeChoice, type PermissionModeMeta, PermissionModeSelect, type PermissionModeSelectProps, PermissionPrompt, type PermissionPromptProps, Popover, PopoverContent, PopoverTrigger, ProgressRing, type ProgressRingProps, ProjectIcon, PromptArea, type PromptAreaHandle, type PromptAreaProps, PromptTokenText, QUESTION_BEHAVIORS, type QuestionBehaviorMeta, QuestionPrompt, type QuestionPromptProps, Reasoning, type ReasoningProps, Response, type ResponseProps, Row, type RowProps, SHELL_AGENT_WRITE_NOTE, SHELL_GLYPH, SHELL_KILL_GLYPH, STATUS_META, STEP_DISPLAY_OPTIONS, SUBAGENT_DISPLAY_META, SUBAGENT_DISPLAY_ORDER, type Segment, Select, SelectContent, SelectItem, SelectItemText, type SelectModifiers, SelectTrigger, SelectValue, SessionBrowser, type SessionBrowserProps, type SessionControls, SessionEmptyState, type SessionEmptyStateProps, SessionFilters, SessionFiltersButton, type SessionFiltersButtonProps, type SessionFiltersProps, SessionInfoDialog, type SessionInfoDialogProps, SessionInfoPanel, type SessionInfoPanelProps, SessionItem, type SessionItemProps, SessionList, SessionListItem, type SessionListItemProps, type SessionListProps, SessionNamesProvider, SessionPanel, type SessionPanelProps, SessionSearch, SessionStatusIcon, type SessionSurfacePanel, type SessionVitals, type ShellActions, ShellActionsProvider, type ShellFrame, type ShellFrameOptions, type ShellStepOptions, ShellStrip, type ShellStripProps, SkillNamesProvider, SkillsDialog, type SkillsDialogProps, Spinner, Splitter, type SplitterProps, StatusBar, type StatusBarProps, type Step, StepDisplayControl, type StepKind, StepRow, SubagentDisplayIcon, SubagentStrip, SubagentToggle, type SubagentToggleProps, TaskList, type TaskListProps, type TaskStepOptions, TasksDialog, type TasksDialogProps, type TerminalAffordances, TerminalDiff, TerminalItemView, TerminalMarkdown, type TerminalMarkdownProps, type TerminalMetrics, TerminalPermissionPrompt, type TerminalPermissionPromptProps, TerminalQuestionPrompt, type TerminalQuestionPromptProps, TerminalStatusLine, type TerminalStatusLineProps, TerminalSurface, type TerminalSurfaceProps, TerminalTranscript, type TerminalTranscriptProps, type TextSegment, Textarea, Tip, Toaster, type Tone, ToolCallCard, type ToolCallCardProps, type ToolCallItem, ToolTitleProvider, TooltipContent, TooltipProvider, Transcript, type TranscriptFont, type TranscriptProps, type TranscriptVariant, TranscriptVariantProvider, type TriggerConfig, type TriggerSuggestion, UsageDialog, type UsageDialogProps, UsageMeters, ViewableImage, type ViewedImage, 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.d.mts.map

package/build/index.mjs

@@ -1,12 +1,12 @@
-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 { $ 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-Cby4i_VL.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, 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 { 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, GripVertical, 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, Plus, 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, displayCustomized, displayedTasks, facetFilterCount, filterRows, groupRows, hasFacetFilter, isAgentRecord, projectLabel, projectName, projectSubpath, projectsOf, scopeActive, sessionLabel, subagentLabel, subsetSummary, taskSummary, visibleShells, visibleSubagents, visibleTasks } from "@workerdeck/protocol";
+import { STATE_LABELS, STATE_ORDER, adaptersOf, addCustomGroup, clearFilters, displayCustomized, displayedTasks, facetFilterCount, filterRows, groupRows, hasFacetFilter, isAgentRecord, moveCustomGroup, moveToCustomGroup, newCustomGroupId, projectLabel, projectName, projectSubpath, projectsOf, removeCustomGroup, renameCustomGroup, scopeActive, sessionKey, sessionLabel, subagentLabel, subsetSummary, taskSummary, visibleShells, visibleSubagents, visibleTasks } from "@workerdeck/protocol";
 //#region src/components/ui/Card.tsx
 function Card({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -632,14 +632,14 @@ function SessionFilters({ config, onConfigChange, rows, scope, gateways: gateway
 								value: "adapter",
 								label: "By engine"
 							},
-							...projects.length > 1 ? [{
+							{
 								value: "project",
-								label: "By project"
-							}] : [],
-							...gateways.length > 1 ? [{
-								value: "gateway",
-								label: "By gateway"
-							}] : []
+								label: gateways.length > 1 ? "By gateway & project" : "By project"
+							},
+							{
+								value: "custom",
+								label: "Custom"
+							}
 						],
 						onChange: (groupBy) => set({ groupBy })
 					})
@@ -1224,23 +1224,240 @@ function NameEditor({ initial, onCommit, onCancel }) {
 	});
 }
 //#endregion
+//#region src/components/agent/SessionGroups.tsx
+function useGroupDrag(groups, onChange) {
+	const [item, setItem] = useState();
+	const [over, setOver] = useState();
+	const end = () => {
+		setItem(void 0);
+		setOver(void 0);
+	};
+	const start = (e, next) => {
+		e.stopPropagation();
+		e.dataTransfer.effectAllowed = "move";
+		e.dataTransfer.setData("text/plain", next.kind === "session" ? next.key : next.id);
+		setItem(next);
+	};
+	const accept = (e, spot) => {
+		e.preventDefault();
+		e.stopPropagation();
+		e.dataTransfer.dropEffect = "move";
+		setOver(spot);
+	};
+	function session(key, group) {
+		return {
+			draggable: true,
+			onDragStart: (e) => start(e, {
+				kind: "session",
+				key
+			}),
+			onDragEnd: end,
+			onDragOver: (e) => {
+				if (item?.kind === "session") accept(e, `row:${key}`);
+			},
+			onDrop: (e) => {
+				if (item?.kind !== "session") return;
+				e.preventDefault();
+				e.stopPropagation();
+				if (item.key !== key) onChange(moveToCustomGroup(groups, item.key, group.custom, group.custom ? key : void 0));
+				end();
+			}
+		};
+	}
+	function container(group) {
+		return {
+			onDragOver: (e) => {
+				if (item) accept(e, `group:${group.key}`);
+			},
+			onDrop: (e) => {
+				e.preventDefault();
+				if (item?.kind === "session") onChange(moveToCustomGroup(groups, item.key, group.custom));
+				else if (item?.kind === "group") onChange(moveCustomGroup(groups, item.id, group.custom));
+				end();
+			}
+		};
+	}
+	function header(group) {
+		const id = group.custom;
+		if (id === void 0) return {};
+		return {
+			draggable: true,
+			onDragStart: (e) => start(e, {
+				kind: "group",
+				id
+			}),
+			onDragEnd: end
+		};
+	}
+	return {
+		dragging: item !== void 0,
+		isOver: (spot) => over === spot,
+		session,
+		container,
+		header,
+		create: (name = "New group") => {
+			const id = newCustomGroupId();
+			onChange(addCustomGroup(groups, name, id));
+			return id;
+		},
+		rename: (id, name) => onChange(renameCustomGroup(groups, id, name)),
+		remove: (id) => onChange(removeCustomGroup(groups, id))
+	};
+}
+function CustomGroupHeader({ group, editing, onEditingChange, onRename, onRemove, dragProps }) {
+	if (editing) return /* @__PURE__ */ jsx(GroupNameInput, {
+		initial: group.label ?? "",
+		onRename,
+		onDone: () => onEditingChange(false)
+	});
+	const custom = group.custom !== void 0;
+	return /* @__PURE__ */ jsx(GroupHeading, {
+		...dragProps,
+		label: group.label ?? "",
+		count: group.rows.length,
+		className: cn("group/heading", custom && "cursor-grab"),
+		onDoubleClick: custom ? () => onEditingChange(true) : void 0,
+		leading: custom ? /* @__PURE__ */ jsx(GripVertical, { className: "-ml-1.5 size-3 opacity-0 group-hover/heading:opacity-60" }) : void 0,
+		actions: custom ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(HeadingAction, {
+			label: "Rename group",
+			onClick: () => onEditingChange(true),
+			children: /* @__PURE__ */ jsx(Pencil, { className: "size-3" })
+		}), /* @__PURE__ */ jsx(HeadingAction, {
+			label: "Delete group",
+			title: "Delete the group - its sessions move to Ungrouped",
+			onClick: onRemove,
+			children: /* @__PURE__ */ jsx(Trash2, { className: "size-3" })
+		})] }) : void 0
+	});
+}
+function GroupNameInput({ initial, onRename, onDone }) {
+	const [draft, setDraft] = useState(initial);
+	const commit = () => {
+		const name = draft.trim();
+		if (name && name !== initial) onRename(name);
+		onDone();
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: "px-2",
+		children: /* @__PURE__ */ jsx(Input, {
+			autoFocus: true,
+			"aria-label": "Group name",
+			value: draft,
+			onFocus: (e) => e.currentTarget.select(),
+			onChange: (e) => setDraft(e.target.value),
+			onBlur: commit,
+			onKeyDown: (e) => {
+				if (e.key === "Enter") commit();
+				else if (e.key === "Escape") {
+					e.stopPropagation();
+					onDone();
+				}
+			},
+			className: "h-6 text-label"
+		})
+	});
+}
+function GroupHeading({ label, count, leading, actions, className, ...rest }) {
+	return /* @__PURE__ */ jsxs("div", {
+		...rest,
+		className: cn("group/heading flex min-h-5 items-center gap-2 px-2 text-label font-medium text-fg-4", className),
+		children: [
+			leading,
+			/* @__PURE__ */ jsx("span", {
+				className: "min-w-0 truncate uppercase tracking-wide",
+				children: label
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "text-fg-4/70",
+				children: count
+			}),
+			actions ? /* @__PURE__ */ jsx("span", {
+				className: "ml-auto flex items-center gap-0.5 opacity-0 transition-opacity group-hover/heading:opacity-100 focus-within:opacity-100",
+				children: actions
+			}) : null
+		]
+	});
+}
+function HeadingAction({ label, title, onClick, children }) {
+	return /* @__PURE__ */ jsx(Button, {
+		variant: "ghost",
+		size: "icon-sm",
+		"aria-label": label,
+		title: title ?? label,
+		className: "size-5 text-fg-3",
+		onClick: (e) => {
+			e.stopPropagation();
+			onClick();
+		},
+		children
+	});
+}
+function NewGroupButton({ onClick }) {
+	return /* @__PURE__ */ jsxs(Button, {
+		variant: "ghost",
+		size: "xs",
+		className: "mx-1 self-start text-fg-3",
+		onClick,
+		children: [/* @__PURE__ */ jsx(Plus, {}), "New group"]
+	});
+}
+//#endregion
 //#region src/components/agent/SessionBrowser.tsx
 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, 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 }) {
+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, onCreateInGroup, emptyState, showControls = true, showSearch = showControls, autoFocusSearch, projectIcons, className }) {
+	const rowGateways = useMemo(() => new Set(rows.map((row) => row.hostId)).size, [rows]);
+	const gateways = gatewayCount ?? rowGateways;
 	const visible = useMemo(() => filterRows(rows, config, scope), [
 		rows,
 		config,
 		scope
 	]);
-	const groups = useMemo(() => groupRows(visible, config), [visible, config]);
+	const groups = useMemo(() => groupRows(visible, config, { gatewayCount: gateways }), [
+		visible,
+		config,
+		gateways
+	]);
 	const subset = subsetSummary(config, scope, visible.length, rows.length);
-	const rowGateways = useMemo(() => new Set(rows.map((row) => row.hostId)).size, [rows]);
+	const custom = config.groupBy === "custom";
+	const [editingGroup, setEditingGroup] = useState();
 	const set = (patch) => onConfigChange({
 		...config,
 		...patch
 	});
+	const drag = useGroupDrag(config.customGroups ?? [], (customGroups) => set({ customGroups }));
+	const heading = (group) => {
+		if (custom) return /* @__PURE__ */ jsx(CustomGroupHeader, {
+			group,
+			editing: group.custom !== void 0 && editingGroup === group.custom,
+			onEditingChange: (editing) => setEditingGroup(editing ? group.custom : void 0),
+			onRename: (name) => group.custom && drag.rename(group.custom, name),
+			onRemove: () => group.custom && drag.remove(group.custom),
+			dragProps: drag.header(group)
+		});
+		if (config.groupBy === "none" || !group.label) return null;
+		const project = config.groupBy === "project";
+		const target = project && group.hostId ? {
+			hostId: group.hostId,
+			cwd: group.cwd
+		} : void 0;
+		return /* @__PURE__ */ jsx(GroupHeading, {
+			label: group.label,
+			count: group.rows.length,
+			title: project && group.cwd ? group.cwd : void 0,
+			leading: project ? /* @__PURE__ */ jsx(ProjectIcon, {
+				icon: group.rows[0]?.info.project?.icon,
+				src: iconSrcOf(group.rows[0], projectIcons),
+				name: group.label
+			}) : void 0,
+			actions: target && onCreateInGroup ? /* @__PURE__ */ jsx(HeadingAction, {
+				label: `New session in ${group.label}`,
+				onClick: () => onCreateInGroup(target),
+				children: /* @__PURE__ */ jsx(Plus, { className: "size-3" })
+			}) : void 0
+		});
+	};
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "session-browser",
 		className: cn("flex flex-col gap-3", className),
@@ -1291,52 +1508,45 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, activeS
 				icon: /* @__PURE__ */ jsx(Layers, {}),
 				title: "Nothing here",
 				description: "No session to show."
-			}) : /* @__PURE__ */ jsx("div", {
+			}) : /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col gap-4 px-1",
-				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-center gap-2 px-2 text-label font-medium text-fg-4",
-						children: [
-							config.groupBy === "project" ? /* @__PURE__ */ jsx(ProjectIcon, {
-								icon: group.rows[0]?.info.project?.icon,
-								src: iconSrcOf(group.rows[0], projectIcons),
-								name: group.label
-							}) : null,
-							/* @__PURE__ */ jsx("span", {
-								className: "uppercase tracking-wide",
-								children: group.label
-							}),
-							/* @__PURE__ */ jsx("span", {
-								className: "text-fg-4/70",
-								children: group.rows.length
-							})
-						]
-					}) : null, group.rows.map((row) => /* @__PURE__ */ jsx(SessionRowItem, {
-						row,
-						active: isActive(row),
-						activeSubagentId,
-						activeShellId,
-						actions: rowActions?.(row),
-						now,
-						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,
-						onShellAgentWrite
-					}, `${row.hostId}:${row.info.id}`))]
-				}, group.key))
+				children: [groups.map((group) => /* @__PURE__ */ jsxs("div", {
+					...custom ? drag.container(group) : {},
+					className: cn("flex flex-col gap-1 rounded-md", custom && drag.isOver(`group:${group.key}`) && "bg-row-hover/50"),
+					children: [
+						heading(group),
+						custom && group.custom !== void 0 && group.rows.length === 0 ? /* @__PURE__ */ jsx("div", {
+							className: "mx-1 rounded-md border border-dashed border-border px-2 py-2 text-center text-label text-fg-4",
+							children: "Drag sessions here"
+						}) : null,
+						group.rows.map((row) => /* @__PURE__ */ jsx(SessionRowItem, {
+							dragProps: custom ? drag.session(sessionKey(row), group) : void 0,
+							dropTarget: custom && drag.isOver(`row:${sessionKey(row)}`),
+							row,
+							active: isActive(row),
+							activeSubagentId,
+							activeShellId,
+							actions: rowActions?.(row),
+							now,
+							showGateway: gateways > 1 && config.groupBy !== "project",
+							showProject: config.groupBy !== "project",
+							subagents: config.subagents,
+							shells: config.shells,
+							tasks: config.tasks,
+							projectIcons,
+							onSelect,
+							onDelete,
+							onRename,
+							onClearContext,
+							onSelectSubagent,
+							onSelectTask,
+							onStopTask,
+							onSelectShell,
+							onKillShell,
+							onShellAgentWrite
+						}, sessionKey(row)))
+					]
+				}, group.key)), custom ? /* @__PURE__ */ jsx(NewGroupButton, { onClick: () => setEditingGroup(drag.create()) }) : null]
 			})
 		]
 	});
@@ -1345,10 +1555,10 @@ function iconSrcOf(row, icons) {
 	const icon = row?.info.project?.icon;
 	return icon?.type === "image" ? icons?.[icon.hash] : void 0;
 }
-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 }) {
+function SessionRowItem({ row, dragProps, dropTarget, 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, {
+	const item = /* @__PURE__ */ jsx(SessionItem, {
 		row,
 		active: active === true,
 		activeStepKey: active ? activeShellId ?? activeSubagentId : void 0,
@@ -1389,6 +1599,12 @@ function SessionRowItem({ row, active, actions, activeSubagentId, activeShellId,
 			}) : null
 		] })
 	});
+	if (!dragProps) return item;
+	return /* @__PURE__ */ jsx("div", {
+		...dragProps,
+		className: cn("rounded-md", dropTarget && "shadow-[inset_0_2px_0_0_var(--color-accent)]"),
+		children: item
+	});
 }
 function RowAction({ label, title, onClick, children }) {
 	return /* @__PURE__ */ jsx(Button, {