@workerdeck/ui 0.16.0 → 0.17.0

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-DfI_je9S.mjs";
-import { C as permissionModeChoices, S as PermissionModeSelectProps, _ as useAffordances, a as SessionVitals, b as PermissionModeMeta, c as TranscriptDensityProvider, d as TranscriptVariantProvider, f as useTranscriptDensity, g as WithActions, h as TerminalAffordances, i as SessionSurfacePanel, l as TranscriptFont, m as CopyAction, n as SessionPanel, o as TerminalMetrics, p as useTranscriptVariant, r as SessionPanelProps, s as TranscriptDensity, t as SessionControls, u as TranscriptVariant, v as PERMISSION_MODES, w as permissionModeMeta, x as PermissionModeSelect, y as PermissionModeChoice } from "./SessionPanel-B9CHoq8x.mjs";
+import { C as permissionModeChoices, S as PermissionModeSelectProps, _ as useAffordances, a as SessionVitals, b as PermissionModeMeta, c as TranscriptDensityProvider, d as TranscriptVariantProvider, f as useTranscriptDensity, g as WithActions, h as TerminalAffordances, i as SessionSurfacePanel, l as TranscriptFont, m as CopyAction, n as SessionPanel, o as TerminalMetrics, p as useTranscriptVariant, r as SessionPanelProps, s as TranscriptDensity, t as SessionControls, u as TranscriptVariant, v as PERMISSION_MODES, w as permissionModeMeta, x as PermissionModeSelect, y as PermissionModeChoice } from "./SessionPanel-CnNYEX80.mjs";
 import * as _$react from "react";
 import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, InputHTMLAttributes, ReactElement, ReactNode, Ref, RefObject, TextareaHTMLAttributes } from "react";
 import { VariantProps } from "class-variance-authority";
@@ -15,7 +15,7 @@ import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 import * as _$_base_ui_react_tooltip0 from "@base-ui/react/tooltip";
 import { Tooltip } from "@base-ui/react/tooltip";
 import { toast } from "sonner";
-import { ContextUsage, FilePatch, ModelOption, PermissionRequest, ProfileEngine, QuestionBehavior, RateLimitInfo, SessionInfo, SessionRow, SessionStatus, SkillInfo, SlashCommandInfo, UsageWindowRow, UserQuestion, ViewConfig, WorkspaceScope } from "@workerdeck/protocol";
+import { ContextUsage, FilePatch, ModelOption, PermissionRequest, ProfileEngine, ProjectIcon as ProjectIcon$1, QuestionBehavior, RateLimitInfo, SessionInfo, SessionRow, SessionStatus, SkillInfo, SlashCommandInfo, UsageWindowRow, UserQuestion, ViewConfig, WorkspaceScope } from "@workerdeck/protocol";
 import { ConnectionState, TranscriptItem, TranscriptState, UseAttachmentsResult } from "@workerdeck/react";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 import { WorkerDeckClient } from "@workerdeck/client";
@@ -933,6 +933,22 @@ interface TranscriptProps {
    * message look like it did nothing at all.
    */
   repinRef?: RefObject<(() => void) | null>;
+  /**
+   * Scroll a tool call into view — bump `nonce` to ask again for the same one.
+   *
+   * The seam a *list* needs: sub-agent work is nested inside the `Task` call
+   * that spawned it, so "open that sub-agent" can only ever mean "take me to its
+   * row". A `parentToolUseId` works here as well as the Task's own id, since the
+   * lookup resolves an absorbed child to the row that folded it.
+   *
+   * A prop rather than a ref (the shape `jumpToRecapRef` uses) because the asker
+   * is outside this webview entirely and the request travels as data; a ref
+   * would need a live closure at the other end of a postMessage bridge.
+   */
+  reveal?: {
+    toolUseId: string;
+    nonce: number;
+  };
   className?: string;
 }
 declare function Transcript({
@@ -953,6 +969,7 @@ declare function Transcript({
   catchUp,
   jumpToRecapRef,
   repinRef,
+  reveal,
   className
 }: TranscriptProps): _$react.JSX.Element;
 //#endregion
@@ -1862,6 +1879,15 @@ interface SessionBrowserProps {
    * filtered by a control you can't currently see still says so.
    */
   showControls?: boolean;
+  /**
+   * Resolved project-icon bytes by content hash — `useProjectIcons`' output.
+   *
+   * Passed in rather than fetched here for the reason `ProjectIcon` states: the
+   * wire carries an *address*, and who can fetch it differs per client. Absent,
+   * or a hash not in it yet, simply draws no picture; the project's name is
+   * already there.
+   */
+  projectIcons?: Record<string, string>;
   className?: string;
 }
 /**
@@ -1892,6 +1918,7 @@ declare function SessionBrowser({
   onRename,
   emptyState,
   showControls,
+  projectIcons,
   className
 }: SessionBrowserProps): _$react.JSX.Element;
 /**
@@ -1907,6 +1934,15 @@ declare function SessionStatusIcon({
 }): _$react.JSX.Element;
 //#endregion
 //#region src/components/agent/EngineIcon.d.ts
+/**
+ * Which mark a session wears.
+ *
+ * The two first-party engines are named directly. A `provider` session is
+ * whatever the host wired up, so its *model* is the only thing that says whose
+ * it is — sniffed loosely on purpose (`gemini-2.5-pro`, `deepseek-chat`,
+ * `kimi-k2`), and falling through to no mark rather than guessing wrong.
+ */
+declare function engineMark(engine: string, model?: string): string | undefined;
 declare function EngineIcon({
   engine,
   model,
@@ -1917,6 +1953,21 @@ declare function EngineIcon({
   className?: string;
 }): _$react.JSX.Element;
 //#endregion
+//#region src/components/agent/ProjectIcon.d.ts
+declare function ProjectIcon({
+  icon,
+  src,
+  name,
+  className
+}: {
+  icon: ProjectIcon$1 | undefined;
+  /** Resolved bytes for the `image` arm — an object URL or a data URL. The
+   * caller fetches (see the note above); absent draws nothing. */
+  src?: string; /** The project's name, for the alt text. */
+  name?: string;
+  className?: string;
+}): _$react.JSX.Element | null;
+//#endregion
 //#region src/components/agent/SessionEmptyState.d.ts
 interface SessionEmptyStateProps {
   cwd?: string;
@@ -2019,5 +2070,5 @@ declare function toolIcon(toolName: string): LucideIcon;
  */
 declare function isMutatingTool(toolName: string): boolean;
 //#endregion
-export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, type BadgeProps, Band, Blank, 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, CopyAction, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, Empty, EmptyKey, EngineIcon, FileCard, type FileCardProps, type FileDeliveredItem, HostFilesDialog, type HostFilesDialogProps, Ink, 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, Row, type RowProps, 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 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, TooltipContent, TooltipProvider, Transcript, type TranscriptDensity, TranscriptDensityProvider, type TranscriptFont, type TranscriptProps, type TranscriptVariant, TranscriptVariantProvider, type TriggerConfig, type TriggerSuggestion, UsageDialog, type UsageDialogProps, UsageMeters, WithActions, badgeVariants, buttonVariants, cn, commandTrigger, copyText, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, mentionTrigger, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, previewPatch, rateLimitWindowSeconds, rowShapeClass, segmentsToPlainText, skillPrompt, toast, toolIcon, toolInputPreview, useAffordances, useMinuteClock, usePromptAreaState, useTranscriptDensity, useTranscriptVariant };
+export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, type BadgeProps, Band, Blank, 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, CopyAction, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, Empty, EmptyKey, EngineIcon, FileCard, type FileCardProps, type FileDeliveredItem, HostFilesDialog, type HostFilesDialogProps, Ink, 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, ProjectIcon, PromptArea, type PromptAreaHandle, type PromptAreaProps, PromptTokenText, QUESTION_BEHAVIORS, type QuestionBehaviorMeta, QuestionPrompt, type QuestionPromptProps, Reasoning, type ReasoningProps, Response, type ResponseProps, Row, type RowProps, 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 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, TooltipContent, TooltipProvider, Transcript, type TranscriptDensity, TranscriptDensityProvider, type TranscriptFont, type TranscriptProps, type TranscriptVariant, TranscriptVariantProvider, type TriggerConfig, type TriggerSuggestion, UsageDialog, type UsageDialogProps, UsageMeters, WithActions, badgeVariants, buttonVariants, cn, commandTrigger, copyText, engineMark, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, mentionTrigger, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, previewPatch, rateLimitWindowSeconds, rowShapeClass, segmentsToPlainText, skillPrompt, toast, toolIcon, toolInputPreview, useAffordances, useMinuteClock, usePromptAreaState, useTranscriptDensity, useTranscriptVariant };
 //# sourceMappingURL=index.d.mts.map

package/build/index.mjs

@@ -1,12 +1,12 @@
-import { $ as TranscriptDensityProvider, A as PermissionModeSelect, At as MenuTrigger, B as TerminalSurface, Bt as Button, C as TerminalQuestionPrompt, Ct as DialogHeader, D as parseUserQuestions, Dt as MenuContent, E as QuestionPrompt, Et as Menu, F as McpDialog, Ft as SelectTrigger, G as Blank, H as TerminalDiff, Ht as cn, I as HostFilesDialog, It as SelectValue, J as CopyAction, K as Ink, L as ContextDialog, Lt as Input, M as permissionModeMeta, Mt as SelectContent, N as ModelSelect, Nt as SelectItem, O as PermissionPrompt, Ot as MenuItem, P as SkillsDialog, Pt as SelectItemText, Q as toolIcon, R as Composer, Rt as Badge, S as SessionInfoDialog, St as DialogContent, T as QUESTION_BEHAVIORS, Tt as DialogTrigger, U as previewPatch, V as TerminalMarkdown, Vt as buttonVariants, W as Band, X as useAffordances, Y as WithActions, Z as isMutatingTool, _ as Conversation, _t as TooltipContent, a as Transcript, at as mentionTrigger, b as StatusBar, bt as DialogBody, c as ToolCallCard, ct as plainTextToSegments, d as Response, dt as Splitter, et as TranscriptVariantProvider, f as PromptTokenText, ft as CodeBlock, g as FileCard, gt as Tip, h as Loader, ht as copyText, i as useMinuteClock, it as hashtagTrigger, j as permissionModeChoices, jt as Select, k as PERMISSION_MODES, kt as MenuSeparator, l as SessionEmptyState, lt as segmentsToPlainText, m as MessageContent, mt as CopyButton, n as UsageDialog, nt as useTranscriptVariant, o as TerminalItemView, ot as usePromptAreaState, p as Message, pt as Spinner, q as Row, r as UsageMeters, rt as commandTrigger, s as TerminalTranscript, st as PromptArea, t as SessionPanel, tt as useTranscriptDensity, u as Reasoning, ut as ProgressRing, v as ConversationContent, vt as TooltipProvider, w as TerminalPermissionPrompt, wt as DialogRow, x as STATUS_META, xt as DialogClose, y as ConversationScrollButton, yt as Dialog, z as skillPrompt, zt as badgeVariants } from "./SessionPanel-DII9MmQ8.mjs";
+import { $ as TranscriptDensityProvider, A as PermissionModeSelect, At as MenuTrigger, B as TerminalSurface, Bt as Button, C as TerminalQuestionPrompt, Ct as DialogHeader, D as parseUserQuestions, Dt as MenuContent, E as QuestionPrompt, Et as Menu, F as McpDialog, Ft as SelectTrigger, G as Blank, H as TerminalDiff, Ht as cn, I as HostFilesDialog, It as SelectValue, J as CopyAction, K as Ink, L as ContextDialog, Lt as Input, M as permissionModeMeta, Mt as SelectContent, N as ModelSelect, Nt as SelectItem, O as PermissionPrompt, Ot as MenuItem, P as SkillsDialog, Pt as SelectItemText, Q as toolIcon, R as Composer, Rt as Badge, S as SessionInfoDialog, St as DialogContent, T as QUESTION_BEHAVIORS, Tt as DialogTrigger, U as previewPatch, V as TerminalMarkdown, Vt as buttonVariants, W as Band, X as useAffordances, Y as WithActions, Z as isMutatingTool, _ as Conversation, _t as TooltipContent, a as Transcript, at as mentionTrigger, b as StatusBar, bt as DialogBody, c as ToolCallCard, ct as plainTextToSegments, d as Response, dt as Splitter, et as TranscriptVariantProvider, f as PromptTokenText, ft as CodeBlock, g as FileCard, gt as Tip, h as Loader, ht as copyText, i as useMinuteClock, it as hashtagTrigger, j as permissionModeChoices, jt as Select, k as PERMISSION_MODES, kt as MenuSeparator, l as SessionEmptyState, lt as segmentsToPlainText, m as MessageContent, mt as CopyButton, n as UsageDialog, nt as useTranscriptVariant, o as TerminalItemView, ot as usePromptAreaState, p as Message, pt as Spinner, q as Row, r as UsageMeters, rt as commandTrigger, s as TerminalTranscript, st as PromptArea, t as SessionPanel, tt as useTranscriptDensity, u as Reasoning, ut as ProgressRing, v as ConversationContent, vt as TooltipProvider, w as TerminalPermissionPrompt, wt as DialogRow, x as STATUS_META, xt as DialogClose, y as ConversationScrollButton, yt as Dialog, z as skillPrompt, zt as badgeVariants } from "./SessionPanel-DMPhsNlW.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 { a as statusPresentation, c as windowLabel, i as modelLabel, o as tightestWindow, r as meterSeverity, t as contextSeverity } from "./status-Ydzi7n6j.mjs";
 import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { BellRing, CircleAlert, CircleSlash, Layers, Moon, PauseCircle, Pencil, Search, SearchX, Trash2, X } from "lucide-react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Anchor, Atom, Beaker, BellRing, Bike, Binary, Blocks, Bot, Box, Brain, Briefcase, Brush, Bug, Building2, Cable, Camera, Car, Cat, CircleAlert, CircleSlash, CircuitBoard, Cloud, Code, Coffee, Cog, Compass, Container, Cpu, CreditCard, Database, Diamond, Dog, 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 { 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";
+import { STATE_LABELS, STATE_ORDER, adaptersOf, clearFilters, filterRows, groupRows, hasFacetFilter, projectLabel, projectsOf, sessionLabel, subsetSummary } from "@workerdeck/protocol";
 //#region src/components/ui/Card.tsx
 function Card({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -311,6 +311,179 @@ function SessionList({ sessions, activeId, onSelect, onDelete, emptyText = "No s
 	});
 }
 //#endregion
+//#region src/components/agent/ProjectIcon.tsx
+/**
+* A project's icon — the render side of protocol's `ProjectIcon`, for a list
+* row or a group header.
+*
+* **The glyph arm is a curated set, and that is the design rather than a
+* shortcut.** The gateway validates a glyph name by *shape* only (lucide's
+* lowercase-kebab convention) and explicitly declines to grow an icon catalog,
+* so the contract already says a client must fall back on a name it does not
+* know.
+*
+* The alternative was measured rather than argued, against the VS Code
+* sidebar's own bundle: `sidebar.js` is **31 KB** with one glyph, **77 KB**
+* with the 110 below (~418 bytes each), and **927 KB** with a
+* `import * as` over lucide's ~1,600 — which is what it costs, because a
+* namespace import defeats tree-shaking by construction. (`DynamicIcon` is the
+* third option and worse in a different currency: ~1,600 chunk files shipped
+* inside the `.vsix`.) Twelve times the bundle to render a name nobody has
+* declared yet is not a trade worth making; 46 KB to cover the names people
+* actually use is.
+*
+* The set is chosen to cover what people call a project; an unlisted-but-valid
+* name draws {@link Folder}, which is what the row drew before this feature
+* existed. **Grow it freely** — each addition is ~400 bytes and the fallback
+* means a missing one is a shrug, not a hole.
+*
+* **The image arm draws nothing until its bytes arrive**, and takes them as a
+* resolved `src` rather than fetching: the wire carries only an address
+* (media type, size, content hash), and *who* fetches it differs per client —
+* a VS Code webview cannot reach a gateway at all and must be handed a data
+* URL by its extension host, while a browser can fetch and `createObjectURL`.
+* A component that fetched would be wrong on one of them. Absent `src` renders
+* nothing rather than a placeholder box: an icon is decoration beside a name
+* that is already there, and a box that becomes a picture a beat later is more
+* movement than the picture is worth.
+*
+* One thing an image icon cannot do, and a glyph can: **take the row's
+* colour.** An `<img>`-embedded SVG is its own document, so `currentColor` does
+* not reach it and its own `prefers-color-scheme` resolves against the *OS*
+* rather than the host's theme (measured: it does resolve, which is the
+* surprise — so a monochrome mark tuned for both schemes is right on a dark OS
+* in a dark editor and wrong on a light OS in a dark one). A repo that wants a
+* mark that always matches its row should declare a glyph; one that wants its
+* brand should declare the image and accept that it is a picture.
+*/
+const GLYPHS = {
+	anchor: Anchor,
+	atom: Atom,
+	beaker: Beaker,
+	bike: Bike,
+	binary: Binary,
+	blocks: Blocks,
+	bot: Bot,
+	box: Box,
+	brain: Brain,
+	briefcase: Briefcase,
+	brush: Brush,
+	bug: Bug,
+	"building-2": Building2,
+	cable: Cable,
+	camera: Camera,
+	car: Car,
+	cat: Cat,
+	"circuit-board": CircuitBoard,
+	cloud: Cloud,
+	code: Code,
+	coffee: Coffee,
+	cog: Cog,
+	compass: Compass,
+	container: Container,
+	cpu: Cpu,
+	"credit-card": CreditCard,
+	database: Database,
+	diamond: Diamond,
+	dog: Dog,
+	feather: Feather,
+	film: Film,
+	flame: Flame,
+	"flask-conical": FlaskConical,
+	folder: Folder,
+	"gamepad-2": Gamepad2,
+	gauge: Gauge,
+	gem: Gem,
+	ghost: Ghost,
+	gift: Gift,
+	"git-branch": GitBranch,
+	globe: Globe,
+	"graduation-cap": GraduationCap,
+	hammer: Hammer,
+	hexagon: Hexagon,
+	house: House,
+	image: Image,
+	key: Key,
+	landmark: Landmark,
+	laptop: Laptop,
+	layers: Layers,
+	leaf: Leaf,
+	library: Library,
+	lightbulb: Lightbulb,
+	lock: Lock,
+	mail: Mail,
+	map: Map$1,
+	"message-circle": MessageCircle,
+	mic: Mic,
+	monitor: Monitor,
+	moon: Moon,
+	mountain: Mountain,
+	music: Music,
+	network: Network,
+	newspaper: Newspaper,
+	notebook: Notebook,
+	orbit: Orbit,
+	package: Package,
+	palette: Palette,
+	"pen-tool": PenTool,
+	phone: Phone,
+	"piggy-bank": PiggyBank,
+	plane: Plane,
+	plug: Plug,
+	puzzle: Puzzle,
+	radar: Radar,
+	radio: Radio,
+	receipt: Receipt,
+	rocket: Rocket,
+	ruler: Ruler,
+	satellite: Satellite,
+	scale: Scale,
+	scissors: Scissors,
+	server: Server,
+	shield: Shield,
+	ship: Ship,
+	"shopping-cart": ShoppingCart,
+	signal: Signal,
+	smartphone: Smartphone,
+	sparkles: Sparkles,
+	sprout: Sprout,
+	square: Square,
+	star: Star,
+	sun: Sun,
+	table: Table,
+	tag: Tag,
+	target: Target,
+	telescope: Telescope,
+	terminal: Terminal,
+	"test-tube": TestTube,
+	"tree-pine": TreePine,
+	trophy: Trophy,
+	truck: Truck,
+	umbrella: Umbrella,
+	users: Users,
+	wallet: Wallet,
+	wand: Wand,
+	waves: Waves,
+	webhook: Webhook,
+	wifi: Wifi,
+	wrench: Wrench,
+	zap: Zap
+};
+function ProjectIcon({ icon, src, name, className }) {
+	if (!icon) return null;
+	if (icon.type === "image") {
+		if (!src) return null;
+		return /* @__PURE__ */ jsx("img", {
+			src,
+			alt: "",
+			"aria-hidden": true,
+			title: name,
+			className: cn("inline-block size-3 shrink-0 object-contain", className)
+		});
+	}
+	return /* @__PURE__ */ jsx(GLYPHS[icon.name] ?? Folder, { className: cn("inline-block size-3 shrink-0", className) });
+}
+//#endregion
 //#region src/components/agent/SessionBrowser.tsx
 /**
 * How a list row is drawn, in one place, so `SidebarRow` in `web` matches this
@@ -331,7 +504,7 @@ function SessionList({ sessions, activeId, onSelect, onDelete, emptyText = "No s
 function rowShapeClass(active) {
 	return cn("px-2 py-1.5 hover:bg-row-hover", active ? "mr-1 ml-0 rounded-r-md border-l-4 border-l-accent" : "mx-1 rounded-md");
 }
-function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelect, onDelete, onRename, emptyState, showControls = true, className }) {
+function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelect, onDelete, onRename, emptyState, showControls = true, projectIcons, className }) {
 	const visible = useMemo(() => filterRows(rows, config, scope), [
 		rows,
 		config,
@@ -340,6 +513,7 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelec
 	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);
@@ -405,6 +579,18 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelec
 							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, {
@@ -423,6 +609,10 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelec
 									value: "adapter",
 									label: "By engine"
 								},
+								...projects.length > 1 ? [{
+									value: "project",
+									label: "By project"
+								}] : [],
 								...gateways.length > 1 ? [{
 									value: "gateway",
 									label: "By gateway"
@@ -449,6 +639,10 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelec
 									value: "state",
 									label: "State"
 								},
+								...projects.length > 1 ? [{
+									value: "project",
+									label: "Project"
+								}] : [],
 								...gateways.length > 1 ? [{
 									value: "gateway",
 									label: "Gateway"
@@ -491,18 +685,28 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelec
 				children: groups.map((group) => /* @__PURE__ */ jsxs("div", {
 					className: "flex flex-col gap-1",
 					children: [config.groupBy !== "none" && group.label ? /* @__PURE__ */ jsxs("div", {
-						className: "flex items-baseline gap-2 px-3 text-label font-medium text-fg-4",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "uppercase tracking-wide",
-							children: group.label
-						}), /* @__PURE__ */ jsx("span", {
-							className: "text-fg-4/70",
-							children: group.rows.length
-						})]
+						className: "flex items-center gap-2 px-3 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: row.info.id === activeId,
 						showGateway: gateways.length > 1,
+						showProject: config.groupBy !== "project",
+						projectIcons,
 						onSelect,
 						onDelete,
 						onRename
@@ -512,17 +716,27 @@ function SessionBrowser({ rows, config, onConfigChange, scope, activeId, onSelec
 		]
 	});
 }
-function SessionRowItem({ row, active, showGateway, onSelect, onDelete, onRename }) {
+/** The bytes for a row's project icon, if it has an image one and the caller has
+* fetched it yet. Shared by the row and its group header so the two cannot draw
+* different pictures for one project. */
+function iconSrcOf(row, icons) {
+	const icon = row?.info.project?.icon;
+	return icon?.type === "image" ? icons?.[icon.hash] : void 0;
+}
+function SessionRowItem({ row, active, showGateway, showProject = true, projectIcons, onSelect, onDelete, onRename }) {
 	const { info } = row;
 	const [editing, setEditing] = useState(false);
 	const folder = info.cwd.split("/").filter(Boolean).pop() ?? info.cwd;
+	const project = showProject ? projectLabel(row) : folder;
+	const projectIcon = showProject ? info.project?.icon : void 0;
 	const details = [
 		showGateway ? row.hostName : void 0,
 		friendlyModel(info.model),
-		folder,
+		project,
 		info.profile ? `@${info.profile}` : void 0,
 		formatCost(info.totalCostUsd)
 	].filter(Boolean);
+	const cut = details.indexOf(project);
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "session-row",
 		"data-active": active || void 0,
@@ -561,7 +775,16 @@ function SessionRowItem({ row, active, showGateway, onSelect, onDelete, onRename
 					type: "button",
 					tabIndex: -1,
 					className: "min-w-0 flex-1 truncate text-left font-mono outline-none",
-					children: details.join(" · ")
+					children: cut < 0 ? details.join(" · ") : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						details.slice(0, cut).map((part) => `${part} · `),
+						/* @__PURE__ */ jsx(ProjectIcon, {
+							icon: projectIcon,
+							src: iconSrcOf(row, projectIcons),
+							name: project,
+							className: "mr-1 align-[-0.2em]"
+						}),
+						details.slice(cut).join(" · ")
+					] })
 				}),
 				onRename && !editing ? /* @__PURE__ */ jsx(Button, {
 					variant: "ghost",
@@ -770,6 +993,6 @@ function EngineIcon({ engine, model, className }) {
 	});
 }
 //#endregion
-export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, Band, Blank, Button, Card, CardContent, CardHeader, CardTitle, CodeBlock, Composer, ContextDialog, Conversation, ConversationContent, ConversationScrollButton, CopyAction, CopyButton, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, Empty, EmptyKey, EngineIcon, FileCard, HostFilesDialog, Ink, Input, Loader, McpDialog, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, ModelSelect, PERMISSION_MODES, PermissionModeSelect, PermissionPrompt, ProgressRing, PromptArea, PromptTokenText, QUESTION_BEHAVIORS, QuestionPrompt, Reasoning, Response, Row, STATUS_META, Select, SelectContent, SelectItem, SelectItemText, SelectTrigger, SelectValue, SessionBrowser, SessionEmptyState, SessionInfoDialog, SessionList, SessionListItem, SessionPanel, SessionStatusIcon, SkillsDialog, Spinner, Splitter, StatusBar, TerminalDiff, TerminalItemView, TerminalMarkdown, TerminalPermissionPrompt, TerminalQuestionPrompt, TerminalStatusLine, TerminalSurface, TerminalTranscript, Textarea, Tip, Toaster, ToolCallCard, TooltipContent, TooltipProvider, Transcript, TranscriptDensityProvider, TranscriptVariantProvider, UsageDialog, UsageMeters, WithActions, badgeVariants, buttonVariants, cn, commandTrigger, copyText, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, mentionTrigger, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, previewPatch, rateLimitWindowSeconds, rowShapeClass, segmentsToPlainText, skillPrompt, toast, toolIcon, toolInputPreview, useAffordances, useMinuteClock, usePromptAreaState, useTranscriptDensity, useTranscriptVariant };
+export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, Band, Blank, Button, Card, CardContent, CardHeader, CardTitle, CodeBlock, Composer, ContextDialog, Conversation, ConversationContent, ConversationScrollButton, CopyAction, CopyButton, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, Empty, EmptyKey, EngineIcon, FileCard, 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, STATUS_META, Select, SelectContent, SelectItem, SelectItemText, SelectTrigger, SelectValue, SessionBrowser, SessionEmptyState, SessionInfoDialog, SessionList, SessionListItem, SessionPanel, SessionStatusIcon, SkillsDialog, Spinner, Splitter, StatusBar, TerminalDiff, TerminalItemView, TerminalMarkdown, TerminalPermissionPrompt, TerminalQuestionPrompt, TerminalStatusLine, TerminalSurface, TerminalTranscript, Textarea, Tip, Toaster, ToolCallCard, 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, mentionTrigger, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, previewPatch, rateLimitWindowSeconds, rowShapeClass, segmentsToPlainText, skillPrompt, toast, toolIcon, toolInputPreview, useAffordances, useMinuteClock, usePromptAreaState, useTranscriptDensity, useTranscriptVariant };
 
 //# sourceMappingURL=index.mjs.map