@usetheo/ui 0.12.0 → 0.13.1

package/dist/chunk-VHTAVROO.js

@@ -0,0 +1,53 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Folder } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RecentFoldersList = forwardRef(
+  ({ className, title = "Recent folders", folders, onSelect, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "recent-folders-list",
+      ref,
+      className: cn("rounded-xl border bg-card", className),
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx("p", { className: "border-border/40 border-b px-3 py-2 font-sans text-label-caps text-muted-foreground uppercase tracking-wider", children: title }) : null,
+        /* @__PURE__ */ jsx("ul", { children: folders.map((folder) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect?.(folder.id),
+            className: cn(
+              "flex w-full items-center gap-3 px-3 py-2",
+              "text-left transition-colors",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              folder.active ? "bg-primary/10 text-primary" : "hover:bg-muted"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                Folder,
+                {
+                  className: cn(
+                    "size-4 shrink-0",
+                    folder.active ? "text-primary" : "text-muted-foreground"
+                  ),
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-body-sm", children: folder.name }),
+                /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-label text-muted-foreground", children: folder.path })
+              ] })
+            ]
+          }
+        ) }, folder.id)) })
+      ]
+    }
+  )
+);
+RecentFoldersList.displayName = "RecentFoldersList";
+
+export { RecentFoldersList };
+//# sourceMappingURL=chunk-VHTAVROO.js.map
+//# sourceMappingURL=chunk-VHTAVROO.js.map

package/dist/chunk-VHTAVROO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/recent-folders-list/recent-folders-list.tsx"],"names":[],"mappings":";;;;;AA0BA,IAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,gBAAA,EAAkB,SAAS,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACrE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,2BAAA,EAA6B,SAAS,CAAA;AAAA,MACnD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,KAAA,mBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8GAAA,EACV,iBACH,CAAA,GACE,IAAA;AAAA,4BACH,IAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAC,MAAA,yBACX,IAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAS,MAAM,QAAA,GAAW,MAAA,CAAO,EAAE,CAAA;AAAA,YACnC,SAAA,EAAW,EAAA;AAAA,cACT,0CAAA;AAAA,cACA,6BAAA;AAAA,cACA,yEAAA;AAAA,cACA,MAAA,CAAO,SAAS,4BAAA,GAA+B;AAAA,aACjD;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA;AAAA,oBACT,iBAAA;AAAA,oBACA,MAAA,CAAO,SAAS,cAAA,GAAiB;AAAA,mBACnC;AAAA,kBACA,aAAA,EAAY;AAAA;AAAA,eACd;AAAA,8BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mCAAA,EAAqC,QAAA,EAAA,MAAA,CAAO,IAAA,EAAK,CAAA;AAAA,gCAC9D,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,qDAAA,EAAuD,iBAAO,IAAA,EAAK;AAAA,eAAA,EAClF;AAAA;AAAA;AAAA,SACF,EAAA,EAtBO,MAAA,CAAO,EAuBhB,CACD,CAAA,EACH;AAAA;AAAA;AAAA;AAGN;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA","file":"chunk-VHTAVROO.js","sourcesContent":["import { Folder } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport interface RecentFolder {\n  id: string;\n  name: ReactNode;\n  path: string;\n  /** When true, the row is highlighted as selected. */\n  active?: boolean;\n}\n\ninterface RecentFoldersListProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"title\" | \"onSelect\"> {\n  title?: ReactNode;\n  folders: RecentFolder[];\n  onSelect?: (id: string) => void;\n}\n\n/**\n * RecentFoldersList — recently-used folders for the Files picker.\n *\n * Visual: a stack of rows with folder icon + name + path (smaller, muted),\n * active row highlighted with violet bg.\n */\nconst RecentFoldersList = forwardRef<HTMLDivElement, RecentFoldersListProps>(\n  ({ className, title = \"Recent folders\", folders, onSelect, ...props }, ref) => (\n    <div\n      data-slot=\"recent-folders-list\"\n      ref={ref}\n      className={cn(\"rounded-xl border bg-card\", className)}\n      {...props}\n    >\n      {title ? (\n        <p className=\"border-border/40 border-b px-3 py-2 font-sans text-label-caps text-muted-foreground uppercase tracking-wider\">\n          {title}\n        </p>\n      ) : null}\n      <ul>\n        {folders.map((folder) => (\n          <li key={folder.id}>\n            <button\n              type=\"button\"\n              onClick={() => onSelect?.(folder.id)}\n              className={cn(\n                \"flex w-full items-center gap-3 px-3 py-2\",\n                \"text-left transition-colors\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                folder.active ? \"bg-primary/10 text-primary\" : \"hover:bg-muted\",\n              )}\n            >\n              <Folder\n                className={cn(\n                  \"size-4 shrink-0\",\n                  folder.active ? \"text-primary\" : \"text-muted-foreground\",\n                )}\n                aria-hidden=\"true\"\n              />\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"truncate font-medium text-body-sm\">{folder.name}</p>\n                <p className=\"truncate font-mono text-label text-muted-foreground\">{folder.path}</p>\n              </div>\n            </button>\n          </li>\n        ))}\n      </ul>\n    </div>\n  ),\n);\nRecentFoldersList.displayName = \"RecentFoldersList\";\n\nexport { RecentFoldersList };\n"]}

package/dist/chunk-VZX4HLBM.js

@@ -0,0 +1,84 @@
+"use client";
+import { cn } from './chunk-EWDN56AS.js';
+import { ChevronRight, X, Check, Loader2 } from 'lucide-react';
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var STATUS_ICON = {
+  running: /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin text-primary", "aria-hidden": "true" }),
+  success: /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-success", "aria-hidden": "true" }),
+  failed: /* @__PURE__ */ jsx(X, { className: "size-3.5 text-destructive", "aria-hidden": "true" }),
+  queued: /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-warning", "aria-hidden": "true" }),
+  skipped: /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-muted-foreground", "aria-hidden": "true" })
+};
+var STATUS_LABEL = {
+  running: "Running",
+  success: "Completed",
+  failed: "Failed",
+  queued: "Queued",
+  skipped: "Skipped"
+};
+function ToolCallCard({
+  className,
+  tool,
+  icon: Icon,
+  target,
+  status,
+  output,
+  defaultExpanded = false,
+  timestamp,
+  ...props
+}) {
+  const [open, setOpen] = useState(defaultExpanded);
+  const expandable = !!output;
+  return /* @__PURE__ */ jsxs(
+    "article",
+    {
+      "data-slot": "tool-call-card",
+      className: cn(
+        "overflow-hidden rounded-lg border border-border/40 bg-card/40 text-card-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 px-3 py-2"), children: [
+          expandable ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setOpen((v) => !v),
+              "aria-expanded": open,
+              "aria-label": open ? `Collapse ${tool} details` : `Expand ${tool} details`,
+              className: "-m-1 inline-flex size-6 shrink-0 items-center justify-center rounded-md p-1 text-muted-foreground hover:bg-muted/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: /* @__PURE__ */ jsx(
+                ChevronRight,
+                {
+                  className: cn("size-3.5 transition-transform duration-base", open && "rotate-90"),
+                  "aria-hidden": "true"
+                }
+              )
+            }
+          ) : null,
+          Icon ? /* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }) : null,
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium font-mono text-code-sm text-foreground", children: tool }),
+          target ? /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-muted-foreground", children: target }) : null,
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              role: "img",
+              "aria-label": STATUS_LABEL[status],
+              className: "ml-auto inline-flex shrink-0 items-center gap-1.5",
+              children: STATUS_ICON[status]
+            }
+          ),
+          timestamp ? /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-label text-muted-foreground tabular-nums", children: timestamp }) : null
+        ] }),
+        expandable && open ? /* @__PURE__ */ jsx("div", { className: "border-border/40 border-t bg-muted/20 px-3 py-2 font-mono text-code-sm", children: output }) : null
+      ]
+    }
+  );
+}
+
+export { ToolCallCard };
+//# sourceMappingURL=chunk-VZX4HLBM.js.map
+//# sourceMappingURL=chunk-VZX4HLBM.js.map

package/dist/chunk-VZX4HLBM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/tool-call-card/tool-call-card.tsx"],"names":[],"mappings":"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","file":"chunk-VZX4HLBM.js","sourcesContent":["\"use client\";\n\nimport { Check, ChevronRight, Loader2, X } from \"lucide-react\";\nimport { useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\n\n/**\n * ToolCallCard — single agent tool invocation rendered inside the stream.\n *\n * Visual: row with tool icon + tool name + target/command (mono) + status +\n * optional chevron. Expandable: when `output` is provided the row becomes a\n * `<details>` whose body renders the stdout/stderr/result block.\n *\n * Distinct from `AgentEvent` in the existing AgentTimeline by being a\n * stand-alone card that lives inside an AgentStream alongside chat messages.\n */\n\nexport type ToolCallStatus = \"running\" | \"success\" | \"failed\" | \"queued\" | \"skipped\";\n\nconst STATUS_ICON: Record<ToolCallStatus, ReactNode> = {\n  running: <Loader2 className=\"size-3.5 animate-spin text-primary\" aria-hidden=\"true\" />,\n  success: <Check className=\"size-3.5 text-success\" aria-hidden=\"true\" />,\n  failed: <X className=\"size-3.5 text-destructive\" aria-hidden=\"true\" />,\n  queued: <span className=\"size-2 rounded-full bg-warning\" aria-hidden=\"true\" />,\n  skipped: <span className=\"size-2 rounded-full bg-muted-foreground\" aria-hidden=\"true\" />,\n};\n\nconst STATUS_LABEL: Record<ToolCallStatus, string> = {\n  running: \"Running\",\n  success: \"Completed\",\n  failed: \"Failed\",\n  queued: \"Queued\",\n  skipped: \"Skipped\",\n};\n\ninterface ToolCallCardProps extends HTMLAttributes<HTMLElement> {\n  /** Tool name (matches Theo Code / Claude Code tool registry: Bash, Edit, Read, …). */\n  tool: ReactNode;\n  /** Optional icon for the tool. */\n  icon?: IconComponent;\n  /** Target / command shown in monospace next to the tool name. */\n  target?: ReactNode;\n  status: ToolCallStatus;\n  /** Optional stdout/stderr/result body. When present, the card becomes expandable. */\n  output?: ReactNode;\n  /** Default expanded state. Default: false (collapsed). */\n  defaultExpanded?: boolean;\n  /** Timestamp shown on the right. */\n  timestamp?: ReactNode;\n}\n\nexport function ToolCallCard({\n  className,\n  tool,\n  icon: Icon,\n  target,\n  status,\n  output,\n  defaultExpanded = false,\n  timestamp,\n  ...props\n}: ToolCallCardProps) {\n  const [open, setOpen] = useState(defaultExpanded);\n  const expandable = !!output;\n\n  return (\n    <article\n      data-slot=\"tool-call-card\"\n      className={cn(\n        \"overflow-hidden rounded-lg border border-border/40 bg-card/40 text-card-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {/* T5.4: <header role=\"button\"> previously failed axe's\n       * aria-prohibited-attr + semantic-landmark guidance. Replaced by\n       * <div> for the layout container and a separate <button> for the\n       * expand affordance (when expandable). Status icon span now carries\n       * role=\"img\" to make aria-label valid. */}\n      <div className={cn(\"flex items-center gap-2 px-3 py-2\")}>\n        {expandable ? (\n          <button\n            type=\"button\"\n            onClick={() => setOpen((v) => !v)}\n            aria-expanded={open}\n            aria-label={open ? `Collapse ${tool} details` : `Expand ${tool} details`}\n            className=\"-m-1 inline-flex size-6 shrink-0 items-center justify-center rounded-md p-1 text-muted-foreground hover:bg-muted/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <ChevronRight\n              className={cn(\"size-3.5 transition-transform duration-base\", open && \"rotate-90\")}\n              aria-hidden=\"true\"\n            />\n          </button>\n        ) : null}\n        {Icon ? (\n          <Icon className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n        ) : null}\n        <span className=\"shrink-0 font-medium font-mono text-code-sm text-foreground\">{tool}</span>\n        {target ? (\n          <span className=\"truncate font-mono text-code-sm text-muted-foreground\">{target}</span>\n        ) : null}\n        <span\n          role=\"img\"\n          aria-label={STATUS_LABEL[status]}\n          className=\"ml-auto inline-flex shrink-0 items-center gap-1.5\"\n        >\n          {STATUS_ICON[status]}\n        </span>\n        {timestamp ? (\n          <span className=\"shrink-0 font-mono text-label text-muted-foreground tabular-nums\">\n            {timestamp}\n          </span>\n        ) : null}\n      </div>\n      {expandable && open ? (\n        <div className=\"border-border/40 border-t bg-muted/20 px-3 py-2 font-mono text-code-sm\">\n          {output}\n        </div>\n      ) : null}\n    </article>\n  );\n}\n"]}

package/dist/chunk-W47V2F3Q.js

@@ -0,0 +1,115 @@
+"use client";
+import { cn } from './chunk-EWDN56AS.js';
+import { Loader2, Download } from 'lucide-react';
+import { forwardRef, useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var FORMAT_LABELS = {
+  markdown: "Markdown (.md)",
+  json: "JSON",
+  jsonl: "JSONL (one message per line)",
+  sharegpt: "ShareGPT trajectory"
+};
+var DEFAULT_FORMATS = ["markdown", "json", "jsonl", "sharegpt"];
+var ExportChatDialog = forwardRef(
+  ({
+    open,
+    onOpenChange,
+    onExport,
+    availableFormats = DEFAULT_FORMATS,
+    sessionLabel,
+    className,
+    "data-testid": dataTestId
+  }, ref) => {
+    const [format, setFormat] = useState(availableFormats[0] ?? "markdown");
+    const [exporting, setExporting] = useState(false);
+    if (!open) return null;
+    const handleExport = async () => {
+      setExporting(true);
+      try {
+        await Promise.resolve(onExport(format));
+        onOpenChange(false);
+      } finally {
+        setExporting(false);
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "export-chat-dialog",
+        ref,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "export-chat-dialog-title",
+        className: cn(
+          "fixed inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur",
+          className
+        ),
+        "data-testid": dataTestId ?? "export-chat-dialog",
+        children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm rounded-lg border border-border bg-card p-4 shadow-lg", children: [
+          /* @__PURE__ */ jsxs("h2", { id: "export-chat-dialog-title", className: "font-semibold text-base", children: [
+            "Export chat",
+            sessionLabel !== void 0 && sessionLabel.length > 0 && /* @__PURE__ */ jsx("span", { className: "ml-2 text-muted-foreground text-xs", children: sessionLabel })
+          ] }),
+          /* @__PURE__ */ jsxs("fieldset", { className: "mt-3 space-y-1.5", children: [
+            /* @__PURE__ */ jsx("legend", { className: "sr-only", children: "Choose format" }),
+            availableFormats.map((f) => /* @__PURE__ */ jsxs(
+              "label",
+              {
+                className: "flex cursor-pointer items-center gap-2 rounded px-2 py-1 hover:bg-muted/30",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "radio",
+                      name: "export-format",
+                      value: f,
+                      checked: format === f,
+                      onChange: () => setFormat(f),
+                      disabled: exporting,
+                      "data-testid": `export-format-${f}`
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm", children: FORMAT_LABELS[f] })
+                ]
+              },
+              f
+            ))
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onOpenChange(false),
+                disabled: exporting,
+                className: "rounded-md border border-border px-3 py-1.5 text-sm hover:bg-muted/30 disabled:opacity-50",
+                "data-testid": "export-chat-cancel",
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: handleExport,
+                disabled: exporting,
+                className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 font-medium text-primary-foreground text-sm hover:bg-primary/90 disabled:opacity-50",
+                "data-testid": "export-chat-submit",
+                children: [
+                  exporting ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx(Download, { className: "size-4", "aria-hidden": true }),
+                  "Export"
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    );
+  }
+);
+ExportChatDialog.displayName = "ExportChatDialog";
+
+export { ExportChatDialog };
+//# sourceMappingURL=chunk-W47V2F3Q.js.map
+//# sourceMappingURL=chunk-W47V2F3Q.js.map

package/dist/chunk-W47V2F3Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/export-chat-dialog/export-chat-dialog.tsx"],"names":[],"mappings":"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","file":"chunk-W47V2F3Q.js","sourcesContent":["\"use client\";\n\nimport { Download, Loader2 } from \"lucide-react\";\nimport { forwardRef, useState } from \"react\";\n\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * ExportChatDialog — modal letting users export a chat session in selectable\n * formats. Async-aware: `onExport` returning a Promise disables the button\n * until resolution.\n *\n * Controlled. Consumer renders the trigger and toggles `open`.\n */\n\nexport type ExportFormat = \"markdown\" | \"json\" | \"jsonl\" | \"sharegpt\";\n\nexport interface ExportChatDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onExport: (format: ExportFormat) => void | Promise<void>;\n  availableFormats?: ExportFormat[];\n  sessionLabel?: string;\n  className?: string;\n  \"data-testid\"?: string;\n}\n\nconst FORMAT_LABELS: Record<ExportFormat, string> = {\n  markdown: \"Markdown (.md)\",\n  json: \"JSON\",\n  jsonl: \"JSONL (one message per line)\",\n  sharegpt: \"ShareGPT trajectory\",\n};\n\nconst DEFAULT_FORMATS: ExportFormat[] = [\"markdown\", \"json\", \"jsonl\", \"sharegpt\"];\n\nexport const ExportChatDialog = forwardRef<HTMLDivElement, ExportChatDialogProps>(\n  (\n    {\n      open,\n      onOpenChange,\n      onExport,\n      availableFormats = DEFAULT_FORMATS,\n      sessionLabel,\n      className,\n      \"data-testid\": dataTestId,\n    },\n    ref,\n  ) => {\n    const [format, setFormat] = useState<ExportFormat>(availableFormats[0] ?? \"markdown\");\n    const [exporting, setExporting] = useState(false);\n\n    if (!open) return null;\n\n    const handleExport = async () => {\n      setExporting(true);\n      try {\n        await Promise.resolve(onExport(format));\n        onOpenChange(false);\n      } finally {\n        setExporting(false);\n      }\n    };\n\n    return (\n      <div\n        data-slot=\"export-chat-dialog\"\n        ref={ref}\n        // biome-ignore lint/a11y/useSemanticElements: custom modal backdrop, not browser <dialog>; aria-modal preserves a11y semantics\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"export-chat-dialog-title\"\n        className={cn(\n          \"fixed inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur\",\n          className,\n        )}\n        data-testid={dataTestId ?? \"export-chat-dialog\"}\n      >\n        <div className=\"w-full max-w-sm rounded-lg border border-border bg-card p-4 shadow-lg\">\n          <h2 id=\"export-chat-dialog-title\" className=\"font-semibold text-base\">\n            Export chat\n            {sessionLabel !== undefined && sessionLabel.length > 0 && (\n              <span className=\"ml-2 text-muted-foreground text-xs\">{sessionLabel}</span>\n            )}\n          </h2>\n\n          <fieldset className=\"mt-3 space-y-1.5\">\n            <legend className=\"sr-only\">Choose format</legend>\n            {availableFormats.map((f) => (\n              <label\n                key={f}\n                className=\"flex cursor-pointer items-center gap-2 rounded px-2 py-1 hover:bg-muted/30\"\n              >\n                <input\n                  type=\"radio\"\n                  name=\"export-format\"\n                  value={f}\n                  checked={format === f}\n                  onChange={() => setFormat(f)}\n                  disabled={exporting}\n                  data-testid={`export-format-${f}`}\n                />\n                <span className=\"text-sm\">{FORMAT_LABELS[f]}</span>\n              </label>\n            ))}\n          </fieldset>\n\n          <div className=\"mt-4 flex justify-end gap-2\">\n            <button\n              type=\"button\"\n              onClick={() => onOpenChange(false)}\n              disabled={exporting}\n              className=\"rounded-md border border-border px-3 py-1.5 text-sm hover:bg-muted/30 disabled:opacity-50\"\n              data-testid=\"export-chat-cancel\"\n            >\n              Cancel\n            </button>\n            <button\n              type=\"button\"\n              onClick={handleExport}\n              disabled={exporting}\n              className=\"inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 font-medium text-primary-foreground text-sm hover:bg-primary/90 disabled:opacity-50\"\n              data-testid=\"export-chat-submit\"\n            >\n              {exporting ? (\n                <Loader2 className=\"size-4 animate-spin\" aria-hidden />\n              ) : (\n                <Download className=\"size-4\" aria-hidden />\n              )}\n              Export\n            </button>\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\nExportChatDialog.displayName = \"ExportChatDialog\";\n"]}

package/dist/chunk-W7I3ZX66.js

@@ -0,0 +1,76 @@
+import { useInLiveRegion } from './chunk-UGKI466V.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { AlertOctagon, Network, KeyRound, ShieldOff, Database } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ICON_FOR_KIND = {
+  "rate-limit": Database,
+  "context-overflow": ShieldOff,
+  auth: KeyRound,
+  "tool-failure": AlertOctagon,
+  network: Network,
+  generic: AlertOctagon
+};
+function kindFromEnvelopeCode(code) {
+  switch (code) {
+    case "UNAUTHORIZED":
+    case "FORBIDDEN":
+    case "PROVIDER_KEY_MISSING":
+      return "auth";
+    case "RATE_LIMITED":
+    case "TOO_MANY_REQUESTS":
+    case "CREDENTIAL_POOL_EXHAUSTED":
+      return "rate-limit";
+    case "BAD_GATEWAY":
+    case "SERVICE_UNAVAILABLE":
+    case "GATEWAY_TIMEOUT":
+      return "network";
+    case "AGENT_RUN_ERROR":
+      return "tool-failure";
+    case "PAYLOAD_TOO_LARGE":
+    case "CONTENT_TOO_LARGE":
+      return "context-overflow";
+    default:
+      return "generic";
+  }
+}
+var AgentErrorCard = forwardRef(
+  ({ className, kind, envelopeCode, title, detail, actions, timestamp, ...props }, ref) => {
+    const effectiveKind = kind ?? (envelopeCode !== void 0 ? kindFromEnvelopeCode(envelopeCode) : "generic");
+    const Icon = ICON_FOR_KIND[effectiveKind];
+    const inLiveRegion = useInLiveRegion();
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "agent-error-card",
+        ref,
+        role: "alert",
+        "aria-live": inLiveRegion ? void 0 : "assertive",
+        className: cn(
+          "grid w-full gap-3 rounded-xl border border-destructive/40 bg-destructive/5 p-4",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "mt-0.5 inline-flex shrink-0 text-destructive", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon, { className: "size-4" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "grid min-w-0 flex-1 gap-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+                /* @__PURE__ */ jsx("h4", { className: "font-display text-foreground text-title-md tracking-tight", children: title }),
+                timestamp ? /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-label text-muted-foreground tabular-nums", children: timestamp }) : null
+              ] }),
+              detail ? /* @__PURE__ */ jsx("p", { className: "break-words font-mono text-code-sm text-muted-foreground", children: detail }) : null
+            ] })
+          ] }),
+          actions ? /* @__PURE__ */ jsx("footer", { className: "flex flex-wrap items-center justify-end gap-2", children: actions }) : null
+        ]
+      }
+    );
+  }
+);
+AgentErrorCard.displayName = "AgentErrorCard";
+
+export { AgentErrorCard, kindFromEnvelopeCode };
+//# sourceMappingURL=chunk-W7I3ZX66.js.map
+//# sourceMappingURL=chunk-W7I3ZX66.js.map

package/dist/chunk-W7I3ZX66.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/agent-error-card/agent-error-card.tsx"],"names":[],"mappings":";;;;;;AA8BA,IAAM,aAAA,GAAoD;AAAA,EACxD,YAAA,EAAc,QAAA;AAAA,EACd,kBAAA,EAAoB,SAAA;AAAA,EACpB,IAAA,EAAM,QAAA;AAAA,EACN,cAAA,EAAgB,YAAA;AAAA,EAChB,OAAA,EAAS,OAAA;AAAA,EACT,OAAA,EAAS;AACX,CAAA;AAqBO,SAAS,qBAAqB,IAAA,EAA8B;AACjE,EAAA,QAAQ,IAAA;AAAM,IACZ,KAAK,cAAA;AAAA,IACL,KAAK,WAAA;AAAA,IACL,KAAK,sBAAA;AACH,MAAA,OAAO,MAAA;AAAA,IACT,KAAK,cAAA;AAAA,IACL,KAAK,mBAAA;AAAA,IACL,KAAK,2BAAA;AACH,MAAA,OAAO,YAAA;AAAA,IACT,KAAK,aAAA;AAAA,IACL,KAAK,qBAAA;AAAA,IACL,KAAK,iBAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,iBAAA;AACH,MAAA,OAAO,cAAA;AAAA,IACT,KAAK,mBAAA;AAAA,IACL,KAAK,mBAAA;AACH,MAAA,OAAO,kBAAA;AAAA,IACT;AACE,MAAA,OAAO,SAAA;AAAA;AAEb;AAkBA,IAAM,cAAA,GAAiB,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,YAAA,EAAc,KAAA,EAAO,MAAA,EAAQ,OAAA,EAAS,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAEvF,IAAA,MAAM,gBACJ,IAAA,KAAS,YAAA,KAAiB,MAAA,GAAY,oBAAA,CAAqB,YAAY,CAAA,GAAI,SAAA,CAAA;AAC7E,IAAA,MAAM,IAAA,GAAO,cAAc,aAAa,CAAA;AAKxC,IAAA,MAAM,eAAe,eAAA,EAAgB;AACrC,IAAA,uBACE,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,kBAAA;AAAA,QACV,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,WAAA,EAAW,eAAe,MAAA,GAAY,WAAA;AAAA,QACtC,SAAA,EAAW,EAAA;AAAA,UACT,gFAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,wBAAA,EAChB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,8CAAA,EAA+C,aAAA,EAAY,QACzE,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,CAAA,EAC3B,CAAA;AAAA,4BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2CAAA,EACb,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2DAAA,EAA6D,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,gBAChF,4BACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kEAAA,EACb,qBACH,CAAA,GACE;AAAA,eAAA,EACN,CAAA;AAAA,cACC,yBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,0DAAA,EAA4D,kBAAO,CAAA,GAC9E;AAAA,aAAA,EACN;AAAA,WAAA,EACF,CAAA;AAAA,UACC,0BACC,GAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,+CAAA,EAAiD,mBAAQ,CAAA,GACzE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"chunk-W7I3ZX66.js","sourcesContent":["import {\n  AlertOctagon,\n  Database,\n  KeyRound,\n  type LucideIcon,\n  Network,\n  ShieldOff,\n} from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { useInLiveRegion } from \"../../../lib/live-region-context.js\";\n\n/**\n * AgentErrorCard — inline error / blocked-state card for an agent stream.\n *\n * Renders when the agent run hits a wall it can't recover from on its own:\n * rate limit, context overflow, auth lost, tool failure, network error.\n * Severity is always destructive; the `kind` drives the icon and helps the\n * consumer wire recovery actions in the footer slot.\n */\n\nexport type AgentErrorKind =\n  | \"rate-limit\"\n  | \"context-overflow\"\n  | \"auth\"\n  | \"tool-failure\"\n  | \"network\"\n  | \"generic\";\n\nconst ICON_FOR_KIND: Record<AgentErrorKind, LucideIcon> = {\n  \"rate-limit\": Database,\n  \"context-overflow\": ShieldOff,\n  auth: KeyRound,\n  \"tool-failure\": AlertOctagon,\n  network: Network,\n  generic: AlertOctagon,\n};\n\n/**\n * G5 T2.3 — derive an AgentErrorKind from a TheoErrorEnvelope `code` string.\n *\n * Maps the canonical TheoErrorCode union (theokit/server + @theokit/sdk\n * cross-layer envelope) to the AgentErrorKind that drives the icon + visual\n * severity in this primitive. Unknown codes fall back to 'generic'.\n *\n * Consumer pattern (without coupling to theokit/server types):\n *\n * ```tsx\n * <AgentErrorCard envelopeCode={env.code} title={env.message} />\n * ```\n *\n * Or use the helper directly when fully controlling the kind prop:\n *\n * ```tsx\n * <AgentErrorCard kind={kindFromEnvelopeCode(env.code)} title={env.message} />\n * ```\n */\nexport function kindFromEnvelopeCode(code: string): AgentErrorKind {\n  switch (code) {\n    case \"UNAUTHORIZED\":\n    case \"FORBIDDEN\":\n    case \"PROVIDER_KEY_MISSING\":\n      return \"auth\";\n    case \"RATE_LIMITED\":\n    case \"TOO_MANY_REQUESTS\":\n    case \"CREDENTIAL_POOL_EXHAUSTED\":\n      return \"rate-limit\";\n    case \"BAD_GATEWAY\":\n    case \"SERVICE_UNAVAILABLE\":\n    case \"GATEWAY_TIMEOUT\":\n      return \"network\";\n    case \"AGENT_RUN_ERROR\":\n      return \"tool-failure\";\n    case \"PAYLOAD_TOO_LARGE\":\n    case \"CONTENT_TOO_LARGE\":\n      return \"context-overflow\";\n    default:\n      return \"generic\";\n  }\n}\n\ninterface AgentErrorCardProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  kind?: AgentErrorKind;\n  /**\n   * G5 T2.3 — canonical TheoErrorCode (e.g. `\"UNAUTHORIZED\"`, `\"RATE_LIMITED\"`)\n   * used to derive `kind` automatically. The explicit `kind` prop takes\n   * precedence when both are passed. Pass `envelope.code` from a\n   * `TheoErrorEnvelope` directly — no coupling to theokit/server types.\n   */\n  envelopeCode?: string;\n  title: ReactNode;\n  detail?: ReactNode;\n  /** Recovery action slot (Retry, Reset, Re-auth, etc.). */\n  actions?: ReactNode;\n  timestamp?: ReactNode;\n}\n\nconst AgentErrorCard = forwardRef<HTMLElement, AgentErrorCardProps>(\n  ({ className, kind, envelopeCode, title, detail, actions, timestamp, ...props }, ref) => {\n    // G5 T2.3: explicit `kind` wins; otherwise derive from envelopeCode; else 'generic'.\n    const effectiveKind: AgentErrorKind =\n      kind ?? (envelopeCode !== undefined ? kindFromEnvelopeCode(envelopeCode) : \"generic\");\n    const Icon = ICON_FOR_KIND[effectiveKind];\n    // T4.1 (MF-4): omit own aria-live when nested in a container live region.\n    // role=\"alert\" stays — alerts should announce even via outer region —\n    // but we drop the explicit aria-live=\"assertive\" attribute so AT doesn't\n    // see two competing live region declarations.\n    const inLiveRegion = useInLiveRegion();\n    return (\n      <section\n        data-slot=\"agent-error-card\"\n        ref={ref}\n        role=\"alert\"\n        aria-live={inLiveRegion ? undefined : \"assertive\"}\n        className={cn(\n          \"grid w-full gap-3 rounded-xl border border-destructive/40 bg-destructive/5 p-4\",\n          className,\n        )}\n        {...props}\n      >\n        <header className=\"flex items-start gap-3\">\n          <span className=\"mt-0.5 inline-flex shrink-0 text-destructive\" aria-hidden=\"true\">\n            <Icon className=\"size-4\" />\n          </span>\n          <div className=\"grid min-w-0 flex-1 gap-1\">\n            <div className=\"flex items-baseline justify-between gap-2\">\n              <h4 className=\"font-display text-foreground text-title-md tracking-tight\">{title}</h4>\n              {timestamp ? (\n                <span className=\"shrink-0 font-mono text-label text-muted-foreground tabular-nums\">\n                  {timestamp}\n                </span>\n              ) : null}\n            </div>\n            {detail ? (\n              <p className=\"break-words font-mono text-code-sm text-muted-foreground\">{detail}</p>\n            ) : null}\n          </div>\n        </header>\n        {actions ? (\n          <footer className=\"flex flex-wrap items-center justify-end gap-2\">{actions}</footer>\n        ) : null}\n      </section>\n    );\n  },\n);\nAgentErrorCard.displayName = \"AgentErrorCard\";\n\nexport { AgentErrorCard };\n"]}

package/dist/chunk-WD42UBGR.js

@@ -0,0 +1,64 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { AlertCircle, Sparkles, Rocket, Network, Terminal, Trash2, Pencil, Eye } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var stateClasses = {
+  enabled: "border-success/40 bg-success/10 text-success",
+  active: "border-primary/50 bg-primary/15 text-primary",
+  disabled: "border-border/40 bg-muted text-muted-foreground line-through",
+  blocked: "border-destructive/40 bg-destructive/10 text-destructive"
+};
+var CapabilityIndicator = forwardRef(
+  ({ className, capabilities, ...props }, ref) => /* @__PURE__ */ jsx(
+    "ul",
+    {
+      "data-slot": "capability-indicator",
+      ref,
+      "aria-label": "Agent capabilities",
+      className: cn("flex flex-wrap items-center gap-1.5", className),
+      ...props,
+      children: capabilities.map((c) => {
+        const Icon = c.icon ?? AlertCircle;
+        const state = c.state ?? "enabled";
+        return /* @__PURE__ */ jsxs(
+          "li",
+          {
+            title: typeof c.hint === "string" ? c.hint : void 0,
+            className: cn(
+              "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5",
+              "font-sans text-label",
+              "transition-colors",
+              stateClasses[state]
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  "aria-hidden": "true",
+                  className: cn("size-3 shrink-0", state === "active" && "animate-pulse")
+                }
+              ),
+              c.label
+            ]
+          },
+          c.id
+        );
+      })
+    }
+  )
+);
+CapabilityIndicator.displayName = "CapabilityIndicator";
+var capabilityPresets = {
+  read: { id: "read", label: "Read files", icon: Eye },
+  write: { id: "write", label: "Write files", icon: Pencil },
+  delete: { id: "delete", label: "Delete files", icon: Trash2 },
+  bash: { id: "bash", label: "Run shell", icon: Terminal },
+  network: { id: "network", label: "Network", icon: Network },
+  deploy: { id: "deploy", label: "Deploy", icon: Rocket },
+  llm: { id: "llm", label: "Sub-agents", icon: Sparkles }
+};
+
+export { CapabilityIndicator, capabilityPresets };
+//# sourceMappingURL=chunk-WD42UBGR.js.map
+//# sourceMappingURL=chunk-WD42UBGR.js.map

package/dist/chunk-WD42UBGR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/capability-indicator/capability-indicator.tsx"],"names":[],"mappings":";;;;;AAwCA,IAAM,YAAA,GAAgD;AAAA,EACpD,OAAA,EAAS,8CAAA;AAAA,EACT,MAAA,EAAQ,8CAAA;AAAA,EACR,QAAA,EAAU,8DAAA;AAAA,EACV,OAAA,EAAS;AACX,CAAA;AAEA,IAAM,mBAAA,GAAsB,UAAA;AAAA,EAC1B,CAAC,EAAE,SAAA,EAAW,cAAc,GAAG,KAAA,IAAS,GAAA,qBACtC,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,sBAAA;AAAA,MACV,GAAA;AAAA,MACA,YAAA,EAAW,oBAAA;AAAA,MACX,SAAA,EAAW,EAAA,CAAG,qCAAA,EAAuC,SAAS,CAAA;AAAA,MAC7D,GAAI,KAAA;AAAA,MAEJ,QAAA,EAAA,YAAA,CAAa,GAAA,CAAI,CAAC,CAAA,KAAM;AACvB,QAAA,MAAM,IAAA,GAAO,EAAE,IAAA,IAAQ,WAAA;AACvB,QAAA,MAAM,KAAA,GAAQ,EAAE,KAAA,IAAS,SAAA;AACzB,QAAA,uBACE,IAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YAEC,OAAO,OAAO,CAAA,CAAE,IAAA,KAAS,QAAA,GAAW,EAAE,IAAA,GAAO,MAAA;AAAA,YAC7C,SAAA,EAAW,EAAA;AAAA,cACT,oEAAA;AAAA,cACA,sBAAA;AAAA,cACA,mBAAA;AAAA,cACA,aAAa,KAAK;AAAA,aACpB;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBACC,aAAA,EAAY,MAAA;AAAA,kBACZ,SAAA,EAAW,EAAA,CAAG,iBAAA,EAAmB,KAAA,KAAU,YAAY,eAAe;AAAA;AAAA,eACxE;AAAA,cACC,CAAA,CAAE;AAAA;AAAA,WAAA;AAAA,UAbE,CAAA,CAAE;AAAA,SAcT;AAAA,MAEJ,CAAC;AAAA;AAAA;AAGP;AACA,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAG3B,IAAM,iBAAA,GAAoB;AAAA,EAC/B,MAAM,EAAE,EAAA,EAAI,QAAQ,KAAA,EAAO,YAAA,EAAc,MAAM,GAAA,EAAI;AAAA,EACnD,OAAO,EAAE,EAAA,EAAI,SAAS,KAAA,EAAO,aAAA,EAAe,MAAM,MAAA,EAAO;AAAA,EACzD,QAAQ,EAAE,EAAA,EAAI,UAAU,KAAA,EAAO,cAAA,EAAgB,MAAM,MAAA,EAAO;AAAA,EAC5D,MAAM,EAAE,EAAA,EAAI,QAAQ,KAAA,EAAO,WAAA,EAAa,MAAM,QAAA,EAAS;AAAA,EACvD,SAAS,EAAE,EAAA,EAAI,WAAW,KAAA,EAAO,SAAA,EAAW,MAAM,OAAA,EAAQ;AAAA,EAC1D,QAAQ,EAAE,EAAA,EAAI,UAAU,KAAA,EAAO,QAAA,EAAU,MAAM,MAAA,EAAO;AAAA,EACtD,KAAK,EAAE,EAAA,EAAI,OAAO,KAAA,EAAO,YAAA,EAAc,MAAM,QAAA;AAC/C","file":"chunk-WD42UBGR.js","sourcesContent":["import {\n  AlertCircle,\n  Eye,\n  Network,\n  Pencil,\n  Rocket,\n  Sparkles,\n  Terminal,\n  Trash2,\n} from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\n\nexport type CapabilityState = \"enabled\" | \"disabled\" | \"blocked\" | \"active\";\n\nexport interface Capability {\n  id: string;\n  /** Visible label. */\n  label: ReactNode;\n  /** Optional icon override. */\n  icon?: IconComponent;\n  /** Default state. */\n  state?: CapabilityState;\n  /** Tooltip / longer description. */\n  hint?: ReactNode;\n}\n\ninterface CapabilityIndicatorProps extends HTMLAttributes<HTMLDivElement> {\n  capabilities: Capability[];\n}\n\n/**\n * CapabilityIndicator — row of chips showing what the agent can currently do.\n *\n * Critical for transparency: the user should always see (e.g. in a top bar)\n * whether the agent has read/write/exec/network access enabled. The \"active\"\n * state pulses when a capability is in use.\n */\nconst stateClasses: Record<CapabilityState, string> = {\n  enabled: \"border-success/40 bg-success/10 text-success\",\n  active: \"border-primary/50 bg-primary/15 text-primary\",\n  disabled: \"border-border/40 bg-muted text-muted-foreground line-through\",\n  blocked: \"border-destructive/40 bg-destructive/10 text-destructive\",\n};\n\nconst CapabilityIndicator = forwardRef<HTMLUListElement, CapabilityIndicatorProps>(\n  ({ className, capabilities, ...props }, ref) => (\n    <ul\n      data-slot=\"capability-indicator\"\n      ref={ref}\n      aria-label=\"Agent capabilities\"\n      className={cn(\"flex flex-wrap items-center gap-1.5\", className)}\n      {...(props as HTMLAttributes<HTMLUListElement>)}\n    >\n      {capabilities.map((c) => {\n        const Icon = c.icon ?? AlertCircle;\n        const state = c.state ?? \"enabled\";\n        return (\n          <li\n            key={c.id}\n            title={typeof c.hint === \"string\" ? c.hint : undefined}\n            className={cn(\n              \"inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5\",\n              \"font-sans text-label\",\n              \"transition-colors\",\n              stateClasses[state],\n            )}\n          >\n            <Icon\n              aria-hidden=\"true\"\n              className={cn(\"size-3 shrink-0\", state === \"active\" && \"animate-pulse\")}\n            />\n            {c.label}\n          </li>\n        );\n      })}\n    </ul>\n  ),\n);\nCapabilityIndicator.displayName = \"CapabilityIndicator\";\n\n/** Common capability presets — re-use these so apps don't reinvent labels. */\nexport const capabilityPresets = {\n  read: { id: \"read\", label: \"Read files\", icon: Eye } as const,\n  write: { id: \"write\", label: \"Write files\", icon: Pencil } as const,\n  delete: { id: \"delete\", label: \"Delete files\", icon: Trash2 } as const,\n  bash: { id: \"bash\", label: \"Run shell\", icon: Terminal } as const,\n  network: { id: \"network\", label: \"Network\", icon: Network } as const,\n  deploy: { id: \"deploy\", label: \"Deploy\", icon: Rocket } as const,\n  llm: { id: \"llm\", label: \"Sub-agents\", icon: Sparkles } as const,\n};\n\nexport { CapabilityIndicator };\n"]}

package/dist/chunk-XC7SYZYR.js

@@ -0,0 +1,86 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { GitBranch, ChevronsUpDown } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var STATUS_CLASS = {
+  idle: "bg-muted-foreground/40",
+  running: "bg-success animate-pulse",
+  error: "bg-destructive",
+  offline: "bg-muted-foreground/20"
+};
+var STATUS_LABEL = {
+  idle: "Idle",
+  running: "Agent running",
+  error: "Error",
+  offline: "Offline"
+};
+var ProjectSwitcher = forwardRef(
+  ({ className, workspace, branch, status = "idle", brand, onClick, disabled, ...props }, ref) => {
+    const isInteractive = !!onClick;
+    const inferredBrand = brand ?? (typeof workspace === "string" ? workspace.charAt(0).toUpperCase() : "\xB7");
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "grid size-8 shrink-0 place-items-center rounded-lg bg-primary font-black font-display text-primary-foreground",
+          "aria-hidden": "true",
+          children: inferredBrand
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "grid min-w-0 flex-1 text-left", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate font-display text-title-md leading-none", children: workspace }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn("size-1.5 shrink-0 rounded-full", STATUS_CLASS[status]),
+              "aria-label": STATUS_LABEL[status],
+              role: "img"
+            }
+          )
+        ] }),
+        branch ? /* @__PURE__ */ jsxs("span", { className: "mt-1 inline-flex items-center gap-1 truncate font-mono text-label text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(GitBranch, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+          " ",
+          branch
+        ] }) : null
+      ] }),
+      isInteractive ? /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }) : null
+    ] });
+    if (!isInteractive) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn("flex w-full items-center gap-3 px-5 py-3 text-card-foreground", className),
+          "aria-disabled": disabled || void 0,
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        "data-slot": "project-switcher",
+        ref,
+        type: "button",
+        onClick,
+        disabled,
+        className: cn(
+          "flex w-full items-center gap-3 px-5 py-3 text-card-foreground",
+          "transition-colors hover:bg-muted/40",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ...props,
+        children: content
+      }
+    );
+  }
+);
+ProjectSwitcher.displayName = "ProjectSwitcher";
+
+export { ProjectSwitcher };
+//# sourceMappingURL=chunk-XC7SYZYR.js.map
+//# sourceMappingURL=chunk-XC7SYZYR.js.map

package/dist/chunk-XC7SYZYR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/project-switcher/project-switcher.tsx"],"names":[],"mappings":"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","file":"chunk-XC7SYZYR.js","sourcesContent":["import { ChevronsUpDown, GitBranch } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * ProjectSwitcher — sidebar header for a code agent app.\n *\n * Shows the active workspace (folder name) + branch + status dot + a tiny\n * `ChevronsUpDown` hint when clickable. Used in Sidebar.Header to anchor the\n * current project context for the session list below.\n *\n *   <Sidebar.Header className=\"p-0\">\n *     <ProjectSwitcher\n *       workspace=\"acme-web\"\n *       branch=\"claude/alignment-grid\"\n *       status=\"running\"\n *       onClick={openProjectPicker}\n *     />\n *   </Sidebar.Header>\n *\n * If `onClick` is omitted, renders as a static `<div>` (no chevron, not focusable).\n */\n\nexport type ProjectStatus = \"idle\" | \"running\" | \"error\" | \"offline\";\n\nconst STATUS_CLASS: Record<ProjectStatus, string> = {\n  idle: \"bg-muted-foreground/40\",\n  running: \"bg-success animate-pulse\",\n  error: \"bg-destructive\",\n  offline: \"bg-muted-foreground/20\",\n};\n\nconst STATUS_LABEL: Record<ProjectStatus, string> = {\n  idle: \"Idle\",\n  running: \"Agent running\",\n  error: \"Error\",\n  offline: \"Offline\",\n};\n\ninterface ProjectSwitcherProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"type\" | \"children\"> {\n  /** Workspace / folder name (e.g. \"acme-web\"). */\n  workspace: ReactNode;\n  /** Optional git branch. Renders inline with a GitBranch icon. */\n  branch?: ReactNode;\n  /** Optional status dot. Defaults to \"idle\". */\n  status?: ProjectStatus;\n  /** Brand letter / icon shown in the violet tile. Default: first char of workspace if string. */\n  brand?: ReactNode;\n}\n\nconst ProjectSwitcher = forwardRef<HTMLButtonElement, ProjectSwitcherProps>(\n  ({ className, workspace, branch, status = \"idle\", brand, onClick, disabled, ...props }, ref) => {\n    const isInteractive = !!onClick;\n    const inferredBrand =\n      brand ?? (typeof workspace === \"string\" ? workspace.charAt(0).toUpperCase() : \"·\");\n    const content = (\n      <>\n        <span\n          className=\"grid size-8 shrink-0 place-items-center rounded-lg bg-primary font-black font-display text-primary-foreground\"\n          aria-hidden=\"true\"\n        >\n          {inferredBrand}\n        </span>\n        <div className=\"grid min-w-0 flex-1 text-left\">\n          <div className=\"flex min-w-0 items-center gap-1.5\">\n            <span className=\"truncate font-display text-title-md leading-none\">{workspace}</span>\n            <span\n              className={cn(\"size-1.5 shrink-0 rounded-full\", STATUS_CLASS[status])}\n              aria-label={STATUS_LABEL[status]}\n              role=\"img\"\n            />\n          </div>\n          {branch ? (\n            <span className=\"mt-1 inline-flex items-center gap-1 truncate font-mono text-label text-muted-foreground\">\n              <GitBranch className=\"size-3 shrink-0\" aria-hidden=\"true\" /> {branch}\n            </span>\n          ) : null}\n        </div>\n        {isInteractive ? (\n          <ChevronsUpDown className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n        ) : null}\n      </>\n    );\n\n    if (!isInteractive) {\n      return (\n        <div\n          className={cn(\"flex w-full items-center gap-3 px-5 py-3 text-card-foreground\", className)}\n          aria-disabled={disabled || undefined}\n        >\n          {content}\n        </div>\n      );\n    }\n\n    return (\n      <button\n        data-slot=\"project-switcher\"\n        ref={ref}\n        type=\"button\"\n        onClick={onClick}\n        disabled={disabled}\n        className={cn(\n          \"flex w-full items-center gap-3 px-5 py-3 text-card-foreground\",\n          \"transition-colors hover:bg-muted/40\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      >\n        {content}\n      </button>\n    );\n  },\n);\nProjectSwitcher.displayName = \"ProjectSwitcher\";\n\nexport { ProjectSwitcher };\n"]}