@usetheo/ui 0.13.0 → 0.13.2

package/dist/chunk-W24RR5OD.js

@@ -0,0 +1,102 @@
+"use client";
+import { Dialog } from './chunk-T4Z7HBZR.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { Command } from 'cmdk';
+import { Search, ChevronRight } from 'lucide-react';
+import { useState, useMemo } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultEmpty = "No results.";
+function CommandPalette({
+  open,
+  onOpenChange,
+  items,
+  onSelect,
+  placeholder = "Type a command or search\u2026",
+  emptyMessage = defaultEmpty,
+  filter
+}) {
+  const [search, setSearch] = useState("");
+  const groups = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const item of items) {
+      const key = item.group ?? "";
+      if (!map.has(key)) map.set(key, []);
+      map.get(key)?.push(item);
+    }
+    return Array.from(map.entries());
+  }, [items]);
+  const handleSelect = (id) => {
+    onSelect(id);
+    onOpenChange(false);
+    setSearch("");
+  };
+  return /* @__PURE__ */ jsx(Dialog, { "data-slot": "command-palette", open, onOpenChange, children: /* @__PURE__ */ jsxs(Dialog.Content, { className: "max-w-xl p-0", hideCloseButton: true, children: [
+    /* @__PURE__ */ jsx(Dialog.Title, { className: "sr-only", children: "Command palette" }),
+    /* @__PURE__ */ jsx(Dialog.Description, { className: "sr-only", children: "Type to search commands. Use arrow keys to navigate, Enter to select, Escape to close." }),
+    /* @__PURE__ */ jsxs(Command, { label: "Command palette", shouldFilter: true, ...filter ? { filter } : {}, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-border/40 border-b px-4 py-3", children: [
+        /* @__PURE__ */ jsx(Search, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx(
+          Command.Input,
+          {
+            value: search,
+            onValueChange: setSearch,
+            placeholder,
+            className: cn(
+              "flex-1 bg-transparent",
+              "font-sans text-body-md text-foreground placeholder:text-muted-foreground",
+              "focus:outline-none"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "rounded-md bg-muted px-1.5 py-0.5 font-mono text-label text-muted-foreground", children: "\u2318K" })
+      ] }),
+      /* @__PURE__ */ jsxs(Command.List, { className: "max-h-[420px] overflow-y-auto p-1", children: [
+        /* @__PURE__ */ jsx(Command.Empty, { className: "px-3 py-6 text-center text-body-sm text-muted-foreground", children: emptyMessage }),
+        groups.map(([groupName, list]) => /* @__PURE__ */ jsx(
+          Command.Group,
+          {
+            heading: groupName || void 0,
+            className: cn(
+              "[&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:pt-2 [&_[cmdk-group-heading]]:pb-1",
+              "[&_[cmdk-group-heading]]:font-sans [&_[cmdk-group-heading]]:text-label-caps",
+              "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider"
+            ),
+            children: list.map((item) => {
+              const Icon = item.icon;
+              const value = item.searchable ?? (typeof item.label === "string" ? item.label : item.id);
+              return /* @__PURE__ */ jsxs(
+                Command.Item,
+                {
+                  value,
+                  onSelect: () => handleSelect(item.id),
+                  className: cn(
+                    "flex w-full cursor-pointer items-center gap-3 rounded-md px-3 py-2 text-left",
+                    "transition-colors hover:bg-muted",
+                    "data-[selected=true]:bg-muted",
+                    "focus-visible:outline-none"
+                  ),
+                  children: [
+                    Icon ? /* @__PURE__ */ jsx(Icon, { className: "size-4 text-primary" }) : null,
+                    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ jsx("p", { className: "truncate text-body-sm text-foreground", children: item.label }),
+                      item.hint ? /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-label text-muted-foreground", children: item.hint }) : null
+                    ] }),
+                    /* @__PURE__ */ jsx(ChevronRight, { className: "size-3 text-muted-foreground", "aria-hidden": "true" })
+                  ]
+                },
+                item.id
+              );
+            })
+          },
+          groupName || "default"
+        ))
+      ] })
+    ] })
+  ] }) });
+}
+
+export { CommandPalette };
+//# sourceMappingURL=chunk-W24RR5OD.js.map
+//# sourceMappingURL=chunk-W24RR5OD.js.map

package/dist/chunk-W24RR5OD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/command-palette/command-palette.tsx"],"names":["CommandPrimitive"],"mappings":"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","file":"chunk-W24RR5OD.js","sourcesContent":["\"use client\";\n\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { ChevronRight, Search } from \"lucide-react\";\nimport { useMemo, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\nimport { Dialog } from \"../../primitives/dialog/index.js\";\n\nexport interface CommandItem {\n  id: string;\n  label: ReactNode;\n  /** Optional secondary line (path, hint, shortcut). */\n  hint?: ReactNode;\n  /** Optional group name. Items with the same group are visually grouped. */\n  group?: string;\n  /** Optional icon. */\n  icon?: IconComponent;\n  /** Optional searchable plain-text used by the cmdk ranker. Falls back to `label` when string. */\n  searchable?: string;\n}\n\ninterface CommandPaletteProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  items: CommandItem[];\n  onSelect: (id: string) => void;\n  placeholder?: string;\n  emptyMessage?: ReactNode;\n  /**\n   * Optional custom filter score (0 = no match, > 0 = match). Receives the\n   * `value` (the item's searchable text) and the current `search` query.\n   * Defaults to cmdk's built-in fuzzy ranker which prioritizes substring +\n   * word-boundary + consecutive matches.\n   */\n  filter?: (value: string, search: string) => number;\n}\n\nconst defaultEmpty = \"No results.\";\n\n/**\n * CommandPalette — Cmd+K-style global launcher with full keyboard navigation.\n *\n * Built on `cmdk` (the de-facto shadcn pattern) + Theo Dialog. Provides\n * out-of-the-box: ArrowUp/ArrowDown navigation, Enter selection, Escape close,\n * Home/End, active-item highlight via `data-selected`, and fuzzy ranking.\n *\n * Stateless: caller owns `open` / `onOpenChange` / `items`. Selecting an item\n * fires `onSelect(id)` and closes the dialog.\n */\nfunction CommandPalette({\n  open,\n  onOpenChange,\n  items,\n  onSelect,\n  placeholder = \"Type a command or search…\",\n  emptyMessage = defaultEmpty,\n  filter,\n}: CommandPaletteProps) {\n  const [search, setSearch] = useState(\"\");\n\n  const groups = useMemo(() => {\n    const map = new Map<string, CommandItem[]>();\n    for (const item of items) {\n      const key = item.group ?? \"\";\n      if (!map.has(key)) map.set(key, []);\n      map.get(key)?.push(item);\n    }\n    return Array.from(map.entries());\n  }, [items]);\n\n  const handleSelect = (id: string) => {\n    onSelect(id);\n    onOpenChange(false);\n    setSearch(\"\");\n  };\n\n  return (\n    <Dialog data-slot=\"command-palette\" open={open} onOpenChange={onOpenChange}>\n      <Dialog.Content className=\"max-w-xl p-0\" hideCloseButton>\n        <Dialog.Title className=\"sr-only\">Command palette</Dialog.Title>\n        <Dialog.Description className=\"sr-only\">\n          Type to search commands. Use arrow keys to navigate, Enter to select, Escape to close.\n        </Dialog.Description>\n        <CommandPrimitive label=\"Command palette\" shouldFilter {...(filter ? { filter } : {})}>\n          <div className=\"flex items-center gap-2 border-border/40 border-b px-4 py-3\">\n            <Search className=\"size-4 text-muted-foreground\" aria-hidden=\"true\" />\n            <CommandPrimitive.Input\n              value={search}\n              onValueChange={setSearch}\n              placeholder={placeholder}\n              className={cn(\n                \"flex-1 bg-transparent\",\n                \"font-sans text-body-md text-foreground placeholder:text-muted-foreground\",\n                \"focus:outline-none\",\n              )}\n            />\n            <span className=\"rounded-md bg-muted px-1.5 py-0.5 font-mono text-label text-muted-foreground\">\n              ⌘K\n            </span>\n          </div>\n          <CommandPrimitive.List className=\"max-h-[420px] overflow-y-auto p-1\">\n            <CommandPrimitive.Empty className=\"px-3 py-6 text-center text-body-sm text-muted-foreground\">\n              {emptyMessage}\n            </CommandPrimitive.Empty>\n            {groups.map(([groupName, list]) => (\n              <CommandPrimitive.Group\n                key={groupName || \"default\"}\n                heading={groupName || undefined}\n                className={cn(\n                  \"[&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:pt-2 [&_[cmdk-group-heading]]:pb-1\",\n                  \"[&_[cmdk-group-heading]]:font-sans [&_[cmdk-group-heading]]:text-label-caps\",\n                  \"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider\",\n                )}\n              >\n                {list.map((item) => {\n                  const Icon = item.icon;\n                  const value =\n                    item.searchable ?? (typeof item.label === \"string\" ? item.label : item.id);\n                  return (\n                    <CommandPrimitive.Item\n                      key={item.id}\n                      value={value}\n                      onSelect={() => handleSelect(item.id)}\n                      className={cn(\n                        \"flex w-full cursor-pointer items-center gap-3 rounded-md px-3 py-2 text-left\",\n                        \"transition-colors hover:bg-muted\",\n                        \"data-[selected=true]:bg-muted\",\n                        \"focus-visible:outline-none\",\n                      )}\n                    >\n                      {Icon ? <Icon className=\"size-4 text-primary\" /> : null}\n                      <div className=\"min-w-0 flex-1\">\n                        <p className=\"truncate text-body-sm text-foreground\">{item.label}</p>\n                        {item.hint ? (\n                          <p className=\"truncate font-mono text-label text-muted-foreground\">\n                            {item.hint}\n                          </p>\n                        ) : null}\n                      </div>\n                      <ChevronRight className=\"size-3 text-muted-foreground\" aria-hidden=\"true\" />\n                    </CommandPrimitive.Item>\n                  );\n                })}\n              </CommandPrimitive.Group>\n            ))}\n          </CommandPrimitive.List>\n        </CommandPrimitive>\n      </Dialog.Content>\n    </Dialog>\n  );\n}\n\nexport { CommandPalette };\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-W743ORLA.js

@@ -0,0 +1,91 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Folder, FolderOpen, User, Brain } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var SCOPE_META = {
+  global: { label: "Global", icon: User, hint: "Applies to every project for this user." },
+  project: {
+    label: "Project",
+    icon: FolderOpen,
+    hint: "Versioned with the project. Shared by team."
+  },
+  session: { label: "Session", icon: Folder, hint: "This session only. Wiped on exit." }
+};
+var MemoryEditor = forwardRef(
+  ({ className, layers, activeScope, onScopeChange, onContentChange, title = "Memory", ...props }, ref) => {
+    const active = layers.find((l) => l.scope === activeScope);
+    const ActiveIcon = active ? SCOPE_META[active.scope].icon : Brain;
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "memory-editor",
+        ref,
+        className: cn("rounded-xl border border-border bg-card", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-3 border-border/40 border-b px-4 py-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Brain, { className: "size-4 text-primary", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "inline-flex items-center rounded-lg border border-border/60 bg-muted p-0.5", children: ["global", "project", "session"].map((scope) => {
+              const meta = SCOPE_META[scope];
+              const Icon = meta.icon;
+              const isActive = scope === activeScope;
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onScopeChange(scope),
+                  "aria-pressed": isActive,
+                  className: cn(
+                    "inline-flex items-center gap-1.5 rounded-md px-2.5 py-1",
+                    "font-sans text-label transition-colors",
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                    isActive ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { className: "size-3" }),
+                    meta.label
+                  ]
+                },
+                scope
+              );
+            }) })
+          ] }),
+          active ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-border/40 border-b bg-muted/30 px-4 py-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsx(ActiveIcon, { className: "size-3 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-foreground", children: active.path }),
+                active.modifiedAt ? /* @__PURE__ */ jsxs("span", { className: "shrink-0 font-mono text-label text-muted-foreground", children: [
+                  "\xB7 ",
+                  active.modifiedAt
+                ] }) : null
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "font-sans text-label text-muted-foreground italic", children: SCOPE_META[active.scope].hint })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                value: active.content,
+                onChange: (e) => onContentChange(active.scope, e.target.value),
+                rows: 12,
+                className: "w-full resize-y bg-transparent px-4 py-3 font-mono text-code-md text-foreground placeholder:text-muted-foreground focus:outline-none",
+                placeholder: `# ${SCOPE_META[active.scope].label} notes
+
+Write Markdown the agent should keep in context.`
+              }
+            )
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+MemoryEditor.displayName = "MemoryEditor";
+
+export { MemoryEditor };
+//# sourceMappingURL=chunk-W743ORLA.js.map
+//# sourceMappingURL=chunk-W743ORLA.js.map

package/dist/chunk-W743ORLA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/memory-editor/memory-editor.tsx"],"names":[],"mappings":"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","file":"chunk-W743ORLA.js","sourcesContent":["import { Brain, Folder, FolderOpen, User } 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 MemoryScope = \"global\" | \"project\" | \"session\";\n\nexport interface MemoryLayer {\n  scope: MemoryScope;\n  /** File path on disk for transparency. */\n  path: string;\n  /** Markdown content. */\n  content: string;\n  /** Last modified label, e.g. \"2m ago\". */\n  modifiedAt?: string;\n}\n\ninterface MemoryEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  layers: MemoryLayer[];\n  /** Currently active layer for editing. */\n  activeScope: MemoryScope;\n  onScopeChange: (scope: MemoryScope) => void;\n  onContentChange: (scope: MemoryScope, next: string) => void;\n  title?: ReactNode;\n}\n\nconst SCOPE_META: Record<MemoryScope, { label: string; icon: IconComponent; hint: string }> = {\n  global: { label: \"Global\", icon: User, hint: \"Applies to every project for this user.\" },\n  project: {\n    label: \"Project\",\n    icon: FolderOpen,\n    hint: \"Versioned with the project. Shared by team.\",\n  },\n  session: { label: \"Session\", icon: Folder, hint: \"This session only. Wiped on exit.\" },\n};\n\n/**\n * MemoryEditor — three-layer Markdown memory editor (global / project /\n * session) mirroring Claude Code's CLAUDE.md hierarchy.\n *\n * Each scope keeps its own file. Switching scopes via tab updates which\n * layer is being edited. Path is shown explicitly so users know where the\n * content lives on disk.\n */\nconst MemoryEditor = forwardRef<HTMLDivElement, MemoryEditorProps>(\n  (\n    { className, layers, activeScope, onScopeChange, onContentChange, title = \"Memory\", ...props },\n    ref,\n  ) => {\n    const active = layers.find((l) => l.scope === activeScope);\n    const ActiveIcon = active ? SCOPE_META[active.scope].icon : Brain;\n    return (\n      <section\n        data-slot=\"memory-editor\"\n        ref={ref}\n        className={cn(\"rounded-xl border border-border bg-card\", className)}\n        {...props}\n      >\n        <header className=\"flex items-center justify-between gap-3 border-border/40 border-b px-4 py-3\">\n          <div className=\"flex items-center gap-2\">\n            <Brain className=\"size-4 text-primary\" aria-hidden=\"true\" />\n            <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n          </div>\n          <div className=\"inline-flex items-center rounded-lg border border-border/60 bg-muted p-0.5\">\n            {([\"global\", \"project\", \"session\"] as const).map((scope) => {\n              const meta = SCOPE_META[scope];\n              const Icon = meta.icon;\n              const isActive = scope === activeScope;\n              return (\n                <button\n                  key={scope}\n                  type=\"button\"\n                  onClick={() => onScopeChange(scope)}\n                  aria-pressed={isActive}\n                  className={cn(\n                    \"inline-flex items-center gap-1.5 rounded-md px-2.5 py-1\",\n                    \"font-sans text-label transition-colors\",\n                    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                    isActive\n                      ? \"bg-card text-foreground shadow-sm\"\n                      : \"text-muted-foreground hover:text-foreground\",\n                  )}\n                >\n                  <Icon className=\"size-3\" />\n                  {meta.label}\n                </button>\n              );\n            })}\n          </div>\n        </header>\n\n        {active ? (\n          <>\n            <div className=\"flex items-center justify-between gap-3 border-border/40 border-b bg-muted/30 px-4 py-2\">\n              <div className=\"flex min-w-0 items-center gap-2\">\n                <ActiveIcon className=\"size-3 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n                <span className=\"truncate font-mono text-code-sm text-foreground\">\n                  {active.path}\n                </span>\n                {active.modifiedAt ? (\n                  <span className=\"shrink-0 font-mono text-label text-muted-foreground\">\n                    · {active.modifiedAt}\n                  </span>\n                ) : null}\n              </div>\n              <span className=\"font-sans text-label text-muted-foreground italic\">\n                {SCOPE_META[active.scope].hint}\n              </span>\n            </div>\n            <textarea\n              value={active.content}\n              onChange={(e) => onContentChange(active.scope, e.target.value)}\n              rows={12}\n              className=\"w-full resize-y bg-transparent px-4 py-3 font-mono text-code-md text-foreground placeholder:text-muted-foreground focus:outline-none\"\n              placeholder={`# ${SCOPE_META[active.scope].label} notes\\n\\nWrite Markdown the agent should keep in context.`}\n            />\n          </>\n        ) : null}\n      </section>\n    );\n  },\n);\nMemoryEditor.displayName = \"MemoryEditor\";\n\nexport { MemoryEditor };\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"]}