@usetheo/ui 0.13.0 → 0.13.2

package/dist/chunk-25KBUQEQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/button/button.tsx"],"names":[],"mappings":";;;;;;AAqBA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB;AAAA,IACE,4EAAA;AAAA;AAAA;AAAA;AAAA,IAIA,sCAAA;AAAA,IACA,sFAAA;AAAA,IACA,0IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,qEAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA,UACP,oCAAA;AAAA,UACA,oCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,SAAA,EAAW;AAAA,UACT,6DAAA;AAAA,UACA,gBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,MAAA,EAAQ,CAAC,kCAAA,EAAoC,sBAAA,EAAwB,qBAAqB,CAAA;AAAA,QAC1F,KAAA,EAAO;AAAA,UACL,gCAAA;AAAA,UACA,gBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,EAAM;AAAA,UACJ,gDAAA;AAAA,UACA,yCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,WAAA,EAAa;AAAA,UACX,4CAAA;AAAA,UACA,yBAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,uBAAA;AAAA;AAAA;AAAA;AAAA,QAIJ,EAAA,EAAI,qFAAA;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAQA,IAAM,MAAA,GAAS,UAAA;AAAA,EACb,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,OAAA,GAAU,KAAA,EAAO,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACtE,IAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,QAAA;AAC9B,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,QAAA;AAAA,QACV,cAAA,EAAc,OAAA;AAAA,QACd,WAAA,EAAW,IAAA;AAAA,QACX,GAAA;AAAA,QACA,IAAA,EAAM,OAAA,GAAU,MAAA,GAAa,IAAA,IAAQ,QAAA;AAAA,QACrC,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QACzD,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-25KBUQEQ.js","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport { forwardRef } from \"react\";\nimport type { ButtonHTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Button — primitive action element in the Violet Forge design system.\n *\n * Variants:\n *   - primary    Theo violet fill, glow on hover (signature)\n *   - secondary  surface with hairline border\n *   - accent     burnt-sienna fill, celebratory actions\n *   - ghost      transparent, hover lifts surface\n *   - link       text-only, primary color, underline on hover\n *   - destructive  for irreversible actions\n *\n * Sizes: sm (32px) · md (40px, default) · lg (48px) · icon (square 40px)\n *\n * `asChild` swaps the root for the consumer's element (Radix Slot pattern).\n */\nconst buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg\",\n    // NIT-004: `font-medium` (500) aligns with the design-system.md UI weight.\n    // Previously `font-bold` (700) exceeded the normative 400/500/600 weight\n    // range declared for Geist Sans in the Violet Forge identity.\n    \"font-medium font-sans tracking-tight\",\n    \"transition-[box-shadow,background-color,color,transform] duration-base ease-out-soft\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n    // Tailwind v4 dropped the `button { cursor: pointer }` preflight rule\n    // (https://tailwindcss.com/docs/upgrade-guide#default-button-cursor) so\n    // every <button> now shows the default arrow cursor. Restore the\n    // \"clickable hand\" explicitly for the Button primitive; the\n    // `disabled:pointer-events-none` rule below short-circuits cursor\n    // application for disabled state (no events → cursor is moot).\n    // `aria-disabled:cursor-default` is a belt-and-suspenders override\n    // for paths where pointer-events still flow.\n    \"cursor-pointer disabled:cursor-default aria-disabled:cursor-default\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          \"bg-primary text-primary-foreground\",\n          \"hover:bg-primary hover:shadow-glow\",\n          \"active:scale-[0.98] active:bg-primary-deep active:shadow-none\",\n        ],\n        secondary: [\n          \"border border-border bg-secondary text-secondary-foreground\",\n          \"hover:bg-muted\",\n          \"active:scale-[0.98]\",\n        ],\n        accent: [\"bg-accent text-accent-foreground\", \"hover:bg-accent-deep\", \"active:scale-[0.98]\"],\n        ghost: [\n          \"bg-transparent text-foreground\",\n          \"hover:bg-muted\",\n          \"active:scale-[0.98] active:bg-secondary\",\n        ],\n        link: [\n          \"bg-transparent text-primary underline-offset-4\",\n          \"hover:text-primary-deep hover:underline\",\n          \"h-auto p-0\",\n        ],\n        destructive: [\n          \"bg-destructive text-destructive-foreground\",\n          \"hover:bg-destructive/90\",\n          \"active:scale-[0.98]\",\n        ],\n      },\n      size: {\n        sm: \"h-8 px-3 text-body-sm\",\n        // md: tier ajustável via density (CSS var on :root). See D3 ADR of\n        // faang-density-tightening plan. Default `comfortable` density makes\n        // this 36px (--theo-control-h: 2.25rem). sm and lg stay hardcoded.\n        md: \"h-[var(--theo-control-h,2.25rem)] px-[var(--theo-control-px,0.875rem)] text-body-sm\",\n        lg: \"h-11 px-4 text-body-md\",\n        icon: \"h-[var(--theo-control-h,2.25rem)] w-[var(--theo-control-h,2.25rem)] p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, type, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        data-slot=\"button\"\n        data-variant={variant}\n        data-size={size}\n        ref={ref}\n        type={asChild ? undefined : (type ?? \"button\")}\n        className={cn(buttonVariants({ variant, size }), className)}\n        {...props}\n      />\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n"]}

package/dist/chunk-2NTEJRPA.js

@@ -0,0 +1,212 @@
+"use client";
+import { DataTable } from './chunk-DJK6H3FD.js';
+import { CodeBlock } from './chunk-VHK2OUCW.js';
+import { TerminalPanel } from './chunk-6ORS6XOE.js';
+import { DiffViewer } from './chunk-ZAP4RIUL.js';
+import { CreatedFilesCard } from './chunk-2NZYMQKT.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { WrenchIcon, ShieldIcon, AlertCircleIcon, CheckCircleIcon, LoaderIcon } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function deriveToolName(part) {
+  if (part.toolName) return part.toolName;
+  if (part.type === "dynamic-tool") return "dynamic-tool";
+  return part.type.slice("tool-".length);
+}
+function stateBadge(state) {
+  switch (state) {
+    case "input-streaming":
+      return {
+        icon: /* @__PURE__ */ jsx(LoaderIcon, { className: "size-3.5 animate-spin", "aria-hidden": "true" }),
+        label: "Streaming input",
+        tone: "text-muted-foreground"
+      };
+    case "input-available":
+      return {
+        icon: /* @__PURE__ */ jsx(WrenchIcon, { className: "size-3.5", "aria-hidden": "true" }),
+        label: "Ready to call",
+        tone: "text-primary"
+      };
+    case "approval-requested":
+      return {
+        icon: /* @__PURE__ */ jsx(ShieldIcon, { className: "size-3.5", "aria-hidden": "true" }),
+        label: "Awaiting approval",
+        tone: "text-warning"
+      };
+    case "approval-responded":
+      return {
+        icon: /* @__PURE__ */ jsx(ShieldIcon, { className: "size-3.5", "aria-hidden": "true" }),
+        label: "Approval responded",
+        tone: "text-primary"
+      };
+    case "output-available":
+      return {
+        icon: /* @__PURE__ */ jsx(CheckCircleIcon, { className: "size-3.5", "aria-hidden": "true" }),
+        label: "Completed",
+        tone: "text-success"
+      };
+    case "output-error":
+      return {
+        icon: /* @__PURE__ */ jsx(AlertCircleIcon, { className: "size-3.5", "aria-hidden": "true" }),
+        label: "Error",
+        tone: "text-destructive"
+      };
+    case "output-denied":
+      return {
+        icon: /* @__PURE__ */ jsx(ShieldIcon, { className: "size-3.5", "aria-hidden": "true" }),
+        label: "Denied",
+        tone: "text-destructive"
+      };
+    default:
+      return {
+        icon: /* @__PURE__ */ jsx(WrenchIcon, { className: "size-3.5", "aria-hidden": "true" }),
+        label: "Unknown",
+        tone: "text-muted-foreground"
+      };
+  }
+}
+function safeStringify(value) {
+  if (value === void 0) return "";
+  if (typeof value === "string") return value;
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+function ToolCallPart({ part }) {
+  const toolName = deriveToolName(part);
+  const badge = stateBadge(part.state);
+  const inputStr = safeStringify(part.input);
+  const outputStr = part.state === "output-available" ? safeStringify(part.output) : part.errorText ?? "";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "tool-call-part",
+      className: cn("my-3 overflow-hidden rounded-lg border border-border bg-card", "shadow-sm"),
+      "data-theo-tool-call": part.state,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-3 border-border border-b bg-muted/30 px-3 py-1.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx(WrenchIcon, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-foreground text-label", children: toolName })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "inline-flex items-center gap-1 text-label-caps uppercase tracking-wider",
+                badge.tone
+              ),
+              children: [
+                badge.icon,
+                /* @__PURE__ */ jsx("span", { children: badge.label })
+              ]
+            }
+          )
+        ] }),
+        inputStr ? /* @__PURE__ */ jsxs("details", { className: "border-border border-b", open: part.state === "input-streaming", children: [
+          /* @__PURE__ */ jsx("summary", { className: "cursor-pointer px-3 py-1.5 font-mono text-label-caps text-muted-foreground uppercase tracking-wider hover:text-foreground", children: "Input" }),
+          /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto bg-muted/20 px-3 py-2 text-code-sm", children: /* @__PURE__ */ jsx("code", { children: inputStr }) })
+        ] }) : null,
+        outputStr ? /* @__PURE__ */ jsxs("details", { open: part.state === "output-error" || part.state === "output-available", children: [
+          /* @__PURE__ */ jsx(
+            "summary",
+            {
+              className: cn(
+                "cursor-pointer px-3 py-1.5 font-mono text-label-caps uppercase tracking-wider hover:text-foreground",
+                part.state === "output-error" ? "text-destructive" : "text-muted-foreground"
+              ),
+              children: part.state === "output-error" ? "Error" : "Output"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "pre",
+            {
+              className: cn(
+                "overflow-x-auto px-3 py-2 text-code-sm",
+                part.state === "output-error" ? "bg-destructive/5" : "bg-muted/20"
+              ),
+              children: /* @__PURE__ */ jsx("code", { children: outputStr })
+            }
+          )
+        ] }) : null
+      ]
+    }
+  );
+}
+function deriveToolName2(part) {
+  if (part.toolName) return part.toolName;
+  if (part.type === "dynamic-tool") return "dynamic-tool";
+  return part.type.slice("tool-".length);
+}
+var KIND_HINTS = [
+  ["diff", ["diff", "patch"]],
+  ["created-files", ["edit_file", "write_file", "create_file", "created_file"]],
+  ["terminal", ["shell", "bash", "exec", "run_", "command", "vitest", "pytest"]],
+  ["data-table", ["list_dir", "glob", "list_", "search", "grep", "find"]],
+  ["code", ["read_file", "cat_file", "code", "read"]]
+];
+function defaultClassifyTool(part) {
+  const name = deriveToolName2(part).toLowerCase();
+  for (const [kind, hints] of KIND_HINTS) {
+    if (hints.some((h) => name.includes(h))) return kind;
+  }
+  return void 0;
+}
+function resolveToolRenderer(registry, classify, part) {
+  const kind = classify(part);
+  return kind ? registry[kind] : void 0;
+}
+function stringify(value) {
+  if (value === void 0 || value === null) return "";
+  if (typeof value === "string") return value;
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isStructuredDiff(o) {
+  return isRecord(o) && typeof o.path === "string" && Array.isArray(o.hunks);
+}
+function isStructuredFiles(o) {
+  return isRecord(o) && Array.isArray(o.files) && o.files.every((f) => isRecord(f) && typeof f.id === "string" && typeof f.name === "string");
+}
+function isObjectRows(o) {
+  return Array.isArray(o) && o.length > 0 && o.every(isRecord);
+}
+function toTerminalLines(output) {
+  return stringify(output).split(/\r?\n/).map((content, i) => ({ id: `line-${i}`, kind: "stdout", content }));
+}
+function renderDataTable(rows) {
+  const columns = Object.keys(rows[0] ?? {}).map((key) => ({
+    key,
+    label: key,
+    render: (row) => stringify(row[key])
+  }));
+  return /* @__PURE__ */ jsx(DataTable, { data: rows, columns, rowKey: (row) => stringify(row) });
+}
+var defaultToolRegistry = {
+  code: (part) => /* @__PURE__ */ jsx(CodeBlock, { code: stringify(part.output), copyable: true }),
+  terminal: (part) => /* @__PURE__ */ jsx(TerminalPanel, { lines: toTerminalLines(part.output) }),
+  diff: (part) => isStructuredDiff(part.output) ? /* @__PURE__ */ jsx(DiffViewer, { path: part.output.path, stats: part.output.stats, hunks: part.output.hunks }) : /* @__PURE__ */ jsx(ToolCallPart, { part }),
+  "created-files": (part) => isStructuredFiles(part.output) ? /* @__PURE__ */ jsx(CreatedFilesCard, { files: part.output.files, title: part.output.title }) : /* @__PURE__ */ jsx(ToolCallPart, { part }),
+  "data-table": (part) => isObjectRows(part.output) ? renderDataTable(part.output) : /* @__PURE__ */ jsx(ToolCallPart, { part })
+};
+function AgentToolRenderer({
+  part,
+  toolRenderers = defaultToolRegistry,
+  classifyTool = defaultClassifyTool
+}) {
+  const renderer = part.state === "output-available" ? resolveToolRenderer(toolRenderers, classifyTool, part) : void 0;
+  return /* @__PURE__ */ jsx("div", { "data-slot": "agent-tool-renderer", className: "contents", children: renderer ? renderer(part) : /* @__PURE__ */ jsx(ToolCallPart, { part }) });
+}
+AgentToolRenderer.displayName = "AgentToolRenderer";
+
+export { AgentToolRenderer, ToolCallPart, defaultClassifyTool, defaultToolRegistry, resolveToolRenderer };
+//# sourceMappingURL=chunk-2NTEJRPA.js.map
+//# sourceMappingURL=chunk-2NTEJRPA.js.map

package/dist/chunk-2NTEJRPA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/agent-tool-renderer/tool-call-part.tsx","../src/components/composites/agent-tool-renderer/agent-tool-renderer.tsx"],"names":["deriveToolName","jsx"],"mappings":"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","file":"chunk-2NTEJRPA.js","sourcesContent":["/**\n * `<ToolCallPart>` — renders a `ToolUIPart` (static `tool-${name}` or\n * `dynamic-tool`) as an inline card with the tool name, the input args, the\n * resolved output / error, and the current invocation state.\n *\n * Uses our `<Card>` primitive (composite-layer dep is allowed).\n */\nimport { AlertCircleIcon, CheckCircleIcon, LoaderIcon, ShieldIcon, WrenchIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { ToolUIPart } from \"../../../types/chat.js\";\n\nexport interface ToolCallPartProps {\n  part: ToolUIPart;\n}\n\nfunction deriveToolName(part: ToolUIPart): string {\n  if (part.toolName) return part.toolName;\n  if (part.type === \"dynamic-tool\") return \"dynamic-tool\";\n  // type is `tool-${name}` — strip the prefix\n  return part.type.slice(\"tool-\".length);\n}\n\nfunction stateBadge(state: ToolUIPart[\"state\"]): { icon: ReactNode; label: string; tone: string } {\n  switch (state) {\n    case \"input-streaming\":\n      return {\n        icon: <LoaderIcon className=\"size-3.5 animate-spin\" aria-hidden=\"true\" />,\n        label: \"Streaming input\",\n        tone: \"text-muted-foreground\",\n      };\n    case \"input-available\":\n      return {\n        icon: <WrenchIcon className=\"size-3.5\" aria-hidden=\"true\" />,\n        label: \"Ready to call\",\n        tone: \"text-primary\",\n      };\n    case \"approval-requested\":\n      return {\n        icon: <ShieldIcon className=\"size-3.5\" aria-hidden=\"true\" />,\n        label: \"Awaiting approval\",\n        tone: \"text-warning\",\n      };\n    case \"approval-responded\":\n      return {\n        icon: <ShieldIcon className=\"size-3.5\" aria-hidden=\"true\" />,\n        label: \"Approval responded\",\n        tone: \"text-primary\",\n      };\n    case \"output-available\":\n      return {\n        icon: <CheckCircleIcon className=\"size-3.5\" aria-hidden=\"true\" />,\n        label: \"Completed\",\n        tone: \"text-success\",\n      };\n    case \"output-error\":\n      return {\n        icon: <AlertCircleIcon className=\"size-3.5\" aria-hidden=\"true\" />,\n        label: \"Error\",\n        tone: \"text-destructive\",\n      };\n    case \"output-denied\":\n      return {\n        icon: <ShieldIcon className=\"size-3.5\" aria-hidden=\"true\" />,\n        label: \"Denied\",\n        tone: \"text-destructive\",\n      };\n    default:\n      return {\n        icon: <WrenchIcon className=\"size-3.5\" aria-hidden=\"true\" />,\n        label: \"Unknown\",\n        tone: \"text-muted-foreground\",\n      };\n  }\n}\n\nfunction safeStringify(value: unknown): string {\n  if (value === undefined) return \"\";\n  if (typeof value === \"string\") return value;\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nexport function ToolCallPart({ part }: ToolCallPartProps): JSX.Element {\n  const toolName = deriveToolName(part);\n  const badge = stateBadge(part.state);\n  const inputStr = safeStringify(part.input);\n  const outputStr =\n    part.state === \"output-available\" ? safeStringify(part.output) : (part.errorText ?? \"\");\n\n  return (\n    <div\n      data-slot=\"tool-call-part\"\n      className={cn(\"my-3 overflow-hidden rounded-lg border border-border bg-card\", \"shadow-sm\")}\n      data-theo-tool-call={part.state}\n    >\n      <header className=\"flex items-center justify-between gap-3 border-border border-b bg-muted/30 px-3 py-1.5\">\n        <div className=\"flex min-w-0 items-center gap-2\">\n          <WrenchIcon className=\"size-3.5 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n          <span className=\"truncate font-mono text-foreground text-label\">{toolName}</span>\n        </div>\n        <span\n          className={cn(\n            \"inline-flex items-center gap-1 text-label-caps uppercase tracking-wider\",\n            badge.tone,\n          )}\n        >\n          {badge.icon}\n          <span>{badge.label}</span>\n        </span>\n      </header>\n\n      {inputStr ? (\n        <details className=\"border-border border-b\" open={part.state === \"input-streaming\"}>\n          <summary className=\"cursor-pointer px-3 py-1.5 font-mono text-label-caps text-muted-foreground uppercase tracking-wider hover:text-foreground\">\n            Input\n          </summary>\n          <pre className=\"overflow-x-auto bg-muted/20 px-3 py-2 text-code-sm\">\n            <code>{inputStr}</code>\n          </pre>\n        </details>\n      ) : null}\n\n      {outputStr ? (\n        <details open={part.state === \"output-error\" || part.state === \"output-available\"}>\n          <summary\n            className={cn(\n              \"cursor-pointer px-3 py-1.5 font-mono text-label-caps uppercase tracking-wider hover:text-foreground\",\n              part.state === \"output-error\" ? \"text-destructive\" : \"text-muted-foreground\",\n            )}\n          >\n            {part.state === \"output-error\" ? \"Error\" : \"Output\"}\n          </summary>\n          <pre\n            className={cn(\n              \"overflow-x-auto px-3 py-2 text-code-sm\",\n              part.state === \"output-error\" ? \"bg-destructive/5\" : \"bg-muted/20\",\n            )}\n          >\n            <code>{outputStr}</code>\n          </pre>\n        </details>\n      ) : null}\n    </div>\n  );\n}\n","/**\n * `<AgentToolRenderer>` + the tool-renderer **registry** (M5-3).\n *\n * Dispatches a `ToolUIPart` to a rich renderer by classification kind\n * (`diff` / `terminal` / `code` / `created-files` / `data-table`), falling back\n * to `<ToolCallPart>` for anything unmapped. Mirrors the existing\n * `partRenderers` / `dataRenderers` override registries on `<ChatMessage>` — the\n * registry is prop-threaded, no React context (ADR D2).\n *\n * The default renderers are **defensive best-effort** (ADR D3): `code` and\n * `terminal` are generic over any string output; `diff` / `created-files` /\n * `data-table` render their rich primitive only when the output already matches\n * the structured shape, else they degrade to `<ToolCallPart>` (never throw on\n * `unknown`). Faithful sdk-tools `ToolUIPart`→props adapters are the M5-4 slice\n * (`@theokit/ui/sdk-tools-adapters`).\n */\nimport type { JSX, ReactNode } from \"react\";\nimport type { ToolUIPart } from \"../../../types/chat.js\";\nimport { CreatedFilesCard } from \"../../primitives/created-files-card/index.js\";\nimport { type DiffHunk, DiffViewer } from \"../../primitives/diff-viewer/index.js\";\nimport { type TerminalLine, TerminalPanel } from \"../../primitives/terminal-panel/index.js\";\nimport { CodeBlock } from \"../code-block/index.js\";\nimport { DataTable } from \"../data-table/index.js\";\nimport { ToolCallPart } from \"./tool-call-part.js\";\n\n/** The rich surfaces a tool invocation can be dispatched to. */\nexport type ToolRendererKind = \"diff\" | \"terminal\" | \"code\" | \"created-files\" | \"data-table\";\n\n/** A renderer for one tool invocation. Returns `ReactNode` (never throws). */\nexport type ToolRenderer = (part: ToolUIPart) => ReactNode;\n\n/** Registry of renderers keyed by classification kind. */\nexport type ToolRendererRegistry = Record<ToolRendererKind, ToolRenderer>;\n\n/** Maps a tool part to a kind, or `undefined` to fall back to `<ToolCallPart>`. */\nexport type ClassifyTool = (part: ToolUIPart) => ToolRendererKind | undefined;\n\n/* ─── classify ───────────────────────────────────────────────────────── */\n\nfunction deriveToolName(part: ToolUIPart): string {\n  if (part.toolName) return part.toolName;\n  if (part.type === \"dynamic-tool\") return \"dynamic-tool\";\n  return part.type.slice(\"tool-\".length);\n}\n\n// Substring heuristics over the tool name. Ordered: most specific first.\nconst KIND_HINTS: ReadonlyArray<[ToolRendererKind, readonly string[]]> = [\n  [\"diff\", [\"diff\", \"patch\"]],\n  [\"created-files\", [\"edit_file\", \"write_file\", \"create_file\", \"created_file\"]],\n  [\"terminal\", [\"shell\", \"bash\", \"exec\", \"run_\", \"command\", \"vitest\", \"pytest\"]],\n  [\"data-table\", [\"list_dir\", \"glob\", \"list_\", \"search\", \"grep\", \"find\"]],\n  [\"code\", [\"read_file\", \"cat_file\", \"code\", \"read\"]],\n];\n\n/**\n * Default classifier — a name-substring heuristic. Only affects the default;\n * fully overridable per call (ADR D1/D2). Never throws; unmapped → `undefined`.\n */\nexport function defaultClassifyTool(part: ToolUIPart): ToolRendererKind | undefined {\n  const name = deriveToolName(part).toLowerCase();\n  for (const [kind, hints] of KIND_HINTS) {\n    if (hints.some((h) => name.includes(h))) return kind;\n  }\n  return undefined;\n}\n\n/**\n * Resolve the renderer for a part: `classify` → registry lookup. Returns\n * `undefined` when the tool is unmapped (the `<ToolCallPart>` fallback signal).\n */\nexport function resolveToolRenderer(\n  registry: ToolRendererRegistry,\n  classify: ClassifyTool,\n  part: ToolUIPart,\n): ToolRenderer | undefined {\n  const kind = classify(part);\n  return kind ? registry[kind] : undefined;\n}\n\n/* ─── shape helpers (defensive) ──────────────────────────────────────── */\n\nfunction stringify(value: unknown): string {\n  if (value === undefined || value === null) return \"\";\n  if (typeof value === \"string\") return value;\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nfunction isStructuredDiff(\n  o: unknown,\n): o is { path: string; stats?: { added: number; removed: number }; hunks: DiffHunk[] } {\n  return isRecord(o) && typeof o.path === \"string\" && Array.isArray(o.hunks);\n}\n\nfunction isStructuredFiles(\n  o: unknown,\n): o is { title?: ReactNode; files: Array<{ id: string; name: string }> } {\n  return (\n    isRecord(o) &&\n    Array.isArray(o.files) &&\n    o.files.every((f) => isRecord(f) && typeof f.id === \"string\" && typeof f.name === \"string\")\n  );\n}\n\nfunction isObjectRows(o: unknown): o is Array<Record<string, unknown>> {\n  return Array.isArray(o) && o.length > 0 && o.every(isRecord);\n}\n\nfunction toTerminalLines(output: unknown): TerminalLine[] {\n  return stringify(output)\n    .split(/\\r?\\n/)\n    .map((content, i) => ({ id: `line-${i}`, kind: \"stdout\" as const, content }));\n}\n\nfunction renderDataTable(rows: Array<Record<string, unknown>>): JSX.Element {\n  const columns = Object.keys(rows[0] ?? {}).map((key) => ({\n    key,\n    label: key,\n    render: (row: Record<string, unknown>) => stringify(row[key]),\n  }));\n  return <DataTable data={rows} columns={columns} rowKey={(row) => stringify(row)} />;\n}\n\n/* ─── default registry ───────────────────────────────────────────────── */\n\nexport const defaultToolRegistry: ToolRendererRegistry = {\n  code: (part) => <CodeBlock code={stringify(part.output)} copyable />,\n  terminal: (part) => <TerminalPanel lines={toTerminalLines(part.output)} />,\n  diff: (part) =>\n    isStructuredDiff(part.output) ? (\n      <DiffViewer path={part.output.path} stats={part.output.stats} hunks={part.output.hunks} />\n    ) : (\n      <ToolCallPart part={part} />\n    ),\n  \"created-files\": (part) =>\n    isStructuredFiles(part.output) ? (\n      <CreatedFilesCard files={part.output.files} title={part.output.title} />\n    ) : (\n      <ToolCallPart part={part} />\n    ),\n  \"data-table\": (part) =>\n    isObjectRows(part.output) ? renderDataTable(part.output) : <ToolCallPart part={part} />,\n};\n\n/* ─── component ──────────────────────────────────────────────────────── */\n\nexport interface AgentToolRendererProps {\n  part: ToolUIPart;\n  /** Override the default registry (shallow-merge over `defaultToolRegistry`). */\n  toolRenderers?: ToolRendererRegistry;\n  /** Override the default classifier. */\n  classifyTool?: ClassifyTool;\n}\n\n/**\n * Render one `ToolUIPart` through the registry, falling back to `<ToolCallPart>`\n * when the tool is unmapped. Reusable outside `<ChatMessage>`.\n *\n * Rich renderers apply ONLY to the `output-available` state — they render\n * `part.output`. Every other state (`input-streaming` / `input-available` /\n * `approval-*` / `output-error` / `output-denied`) carries no output (and, for\n * errors, only `errorText`), so it routes to `<ToolCallPart>`, which renders the\n * state badge, the input, and the error. This prevents a classified-but-errored\n * tool (e.g. a `shell` that failed) from rendering an empty rich surface and\n * dropping the error message.\n */\nexport function AgentToolRenderer({\n  part,\n  toolRenderers = defaultToolRegistry,\n  classifyTool = defaultClassifyTool,\n}: AgentToolRendererProps): JSX.Element {\n  const renderer =\n    part.state === \"output-available\"\n      ? resolveToolRenderer(toolRenderers, classifyTool, part)\n      : undefined;\n  // `display: contents` wrapper — carries the data-slot (shadcn v4 convention)\n  // without introducing a layout box around the resolved renderer.\n  return (\n    <div data-slot=\"agent-tool-renderer\" className=\"contents\">\n      {renderer ? renderer(part) : <ToolCallPart part={part} />}\n    </div>\n  );\n}\n\nAgentToolRenderer.displayName = \"AgentToolRenderer\";\n"]}

package/dist/chunk-2NZYMQKT.js

@@ -0,0 +1,56 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Cloud, FileSpreadsheet, Folder } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var CreatedFilesCard = forwardRef(
+  ({ className, title = "Files created", files, cta, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-slot": "created-files-card",
+      ref,
+      className: cn("rounded-xl border border-primary/40 bg-primary/5 p-4", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "mb-3 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Cloud, { className: "size-4 text-primary", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title })
+        ] }),
+        /* @__PURE__ */ jsx("ul", { className: "grid gap-2", children: files.map((file) => {
+          const Icon = file.icon ?? FileSpreadsheet;
+          const RowTag = file.href ? "a" : "div";
+          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+            RowTag,
+            {
+              href: file.href,
+              target: file.href ? "_blank" : void 0,
+              rel: file.href ? "noreferrer" : void 0,
+              className: cn(
+                "flex items-center gap-3 rounded-md border border-border/40 bg-card px-3 py-2",
+                file.href && "transition-colors hover:border-primary/40 hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(Icon, { className: "size-5 shrink-0 text-primary", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-code-md text-foreground", children: file.name }),
+                  file.destination ? /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1 truncate text-body-sm text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx(Folder, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+                    " ",
+                    file.destination
+                  ] }) : null
+                ] }),
+                file.size ? /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm text-muted-foreground", children: file.size }) : null
+              ]
+            }
+          ) }, file.id);
+        }) }),
+        cta ? /* @__PURE__ */ jsx("div", { className: "mt-3 flex justify-end", children: cta }) : null
+      ]
+    }
+  )
+);
+CreatedFilesCard.displayName = "CreatedFilesCard";
+
+export { CreatedFilesCard };
+//# sourceMappingURL=chunk-2NZYMQKT.js.map
+//# sourceMappingURL=chunk-2NZYMQKT.js.map

package/dist/chunk-2NZYMQKT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/created-files-card/created-files-card.tsx"],"names":[],"mappings":";;;;;AAkCA,IAAM,gBAAA,GAAmB,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,eAAA,EAAiB,OAAO,GAAA,EAAK,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC7D,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,oBAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,sDAAA,EAAwD,SAAS,CAAA;AAAA,MAC9E,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,8BAAA,EAChB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,qBAAA,EAAsB,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,0BAC1D,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2CAAA,EAA6C,QAAA,EAAA,KAAA,EAAM;AAAA,SAAA,EACnE,CAAA;AAAA,4BACC,IAAA,EAAA,EAAG,SAAA,EAAU,cACX,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACnB,UAAA,MAAM,IAAA,GAAO,KAAK,IAAA,IAAQ,eAAA;AAC1B,UAAA,MAAM,MAAA,GAAS,IAAA,CAAK,IAAA,GAAO,GAAA,GAAM,KAAA;AACjC,UAAA,2BACG,IAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,MAAA,EAAQ,IAAA,CAAK,IAAA,GAAO,QAAA,GAAW,MAAA;AAAA,cAC/B,GAAA,EAAK,IAAA,CAAK,IAAA,GAAO,YAAA,GAAe,MAAA;AAAA,cAChC,SAAA,EAAW,EAAA;AAAA,gBACT,8EAAA;AAAA,gBACA,KAAK,IAAA,IACH;AAAA,eACJ;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAA+B,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,gCAClE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iDAAA,EAAmD,QAAA,EAAA,IAAA,CAAK,IAAA,EAAK,CAAA;AAAA,kBACzE,IAAA,CAAK,WAAA,mBACJ,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,qEAAA,EACX,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,iBAAA,EAAkB,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,oBAAE,GAAA;AAAA,oBAAE,IAAA,CAAK;AAAA,mBAAA,EAClE,CAAA,GACE;AAAA,iBAAA,EACN,CAAA;AAAA,gBACC,IAAA,CAAK,uBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,8CAAA,EAAgD,QAAA,EAAA,IAAA,CAAK,MAAK,CAAA,GACxE;AAAA;AAAA;AAAA,WACN,EAAA,EAvBO,KAAK,EAwBd,CAAA;AAAA,QAEJ,CAAC,CAAA,EACH,CAAA;AAAA,QACC,sBAAM,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EAAyB,eAAI,CAAA,GAAS;AAAA;AAAA;AAAA;AAGlE;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"chunk-2NZYMQKT.js","sourcesContent":["import { Cloud, FileSpreadsheet, Folder } 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 interface CreatedFile {\n  id: string;\n  name: string;\n  /** Optional size for display, e.g. \"42 KB\". */\n  size?: string;\n  /** Icon override. */\n  icon?: IconComponent;\n  /** Optional destination metadata (e.g. \"Google Drive · /Reports\"). */\n  destination?: ReactNode;\n  /** Optional URL to open the file. */\n  href?: string;\n}\n\ninterface CreatedFilesCardProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  title?: ReactNode;\n  files: CreatedFile[];\n  /**\n   * Optional CTA shown at the bottom (e.g. \"Move to Google Drive\").\n   */\n  cta?: ReactNode;\n}\n\n/**\n * CreatedFilesCard — surfaces files produced by a completed task.\n *\n * From WIREMOCKS §2: each file is a card-like row with icon + name + destination.\n * Used as social proof of delivery in Task Completed views.\n */\nconst CreatedFilesCard = forwardRef<HTMLElement, CreatedFilesCardProps>(\n  ({ className, title = \"Files created\", files, cta, ...props }, ref) => (\n    <section\n      data-slot=\"created-files-card\"\n      ref={ref}\n      className={cn(\"rounded-xl border border-primary/40 bg-primary/5 p-4\", className)}\n      {...props}\n    >\n      <header className=\"mb-3 flex items-center gap-2\">\n        <Cloud className=\"size-4 text-primary\" aria-hidden=\"true\" />\n        <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n      </header>\n      <ul className=\"grid gap-2\">\n        {files.map((file) => {\n          const Icon = file.icon ?? FileSpreadsheet;\n          const RowTag = file.href ? \"a\" : \"div\";\n          return (\n            <li key={file.id}>\n              <RowTag\n                href={file.href}\n                target={file.href ? \"_blank\" : undefined}\n                rel={file.href ? \"noreferrer\" : undefined}\n                className={cn(\n                  \"flex items-center gap-3 rounded-md border border-border/40 bg-card px-3 py-2\",\n                  file.href &&\n                    \"transition-colors hover:border-primary/40 hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                )}\n              >\n                <Icon className=\"size-5 shrink-0 text-primary\" aria-hidden=\"true\" />\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"truncate font-mono text-code-md text-foreground\">{file.name}</p>\n                  {file.destination ? (\n                    <p className=\"flex items-center gap-1 truncate text-body-sm text-muted-foreground\">\n                      <Folder className=\"size-3 shrink-0\" aria-hidden=\"true\" /> {file.destination}\n                    </p>\n                  ) : null}\n                </div>\n                {file.size ? (\n                  <span className=\"font-mono text-code-sm text-muted-foreground\">{file.size}</span>\n                ) : null}\n              </RowTag>\n            </li>\n          );\n        })}\n      </ul>\n      {cta ? <div className=\"mt-3 flex justify-end\">{cta}</div> : null}\n    </section>\n  ),\n);\nCreatedFilesCard.displayName = \"CreatedFilesCard\";\n\nexport { CreatedFilesCard };\n"]}

package/dist/chunk-2OVFVPSZ.js

@@ -0,0 +1,26 @@
+import { AgentEvent } from './chunk-YVXMWUWD.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var AgentTimeline = forwardRef(
+  ({ className, events, collapsible = true, showLine = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "data-slot": "agent-timeline",
+      ref,
+      className: cn(
+        "grid gap-1",
+        showLine && "relative pl-4 before:absolute before:top-1 before:bottom-1 before:left-[11px] before:w-px before:bg-border/60",
+        className
+      ),
+      ...props,
+      children: events.map((event) => /* @__PURE__ */ jsx("li", { className: "animate-fade-in-up", children: /* @__PURE__ */ jsx(AgentEvent, { event, collapsible }) }, event.id))
+    }
+  )
+);
+AgentTimeline.displayName = "AgentTimeline";
+
+export { AgentTimeline };
+//# sourceMappingURL=chunk-2OVFVPSZ.js.map
+//# sourceMappingURL=chunk-2OVFVPSZ.js.map

package/dist/chunk-2OVFVPSZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/agent-timeline/agent-timeline.tsx"],"names":[],"mappings":";;;;;AAyBA,IAAM,aAAA,GAAgB,UAAA;AAAA,EACpB,CAAC,EAAE,SAAA,EAAW,MAAA,EAAQ,WAAA,GAAc,IAAA,EAAM,QAAA,GAAW,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,qBACrE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,YAAA;AAAA,QACA,QAAA,IACE,+GAAA;AAAA,QACF;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,yBACV,IAAA,EAAA,EAAkB,SAAA,EAAU,oBAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,cAAW,KAAA,EAAc,WAAA,EAA0B,CAAA,EAAA,EAD7C,KAAA,CAAM,EAEf,CACD;AAAA;AAAA;AAGP;AACA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-2OVFVPSZ.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { AgentEvent as AgentEventModel } from \"../../../types/agent.js\";\nimport { AgentEvent } from \"../../primitives/agent-event/index.js\";\n\ninterface AgentTimelineProps extends HTMLAttributes<HTMLOListElement> {\n  events: AgentEventModel[];\n  /**\n   * If true, events with `detail` are collapsible.\n   */\n  collapsible?: boolean;\n  /**\n   * Renders a vertical line connecting events. Default true.\n   */\n  showLine?: boolean;\n}\n\n/**\n * AgentTimeline — vertical list of agent events.\n *\n * Visual: optional thin border-left running through the column, with each\n * AgentEvent slightly indented from the line. Events animate in via fade-in-up\n * when first mounted.\n */\nconst AgentTimeline = forwardRef<HTMLOListElement, AgentTimelineProps>(\n  ({ className, events, collapsible = true, showLine = true, ...props }, ref) => (\n    <ol\n      data-slot=\"agent-timeline\"\n      ref={ref}\n      className={cn(\n        \"grid gap-1\",\n        showLine &&\n          \"relative pl-4 before:absolute before:top-1 before:bottom-1 before:left-[11px] before:w-px before:bg-border/60\",\n        className,\n      )}\n      {...props}\n    >\n      {events.map((event) => (\n        <li key={event.id} className=\"animate-fade-in-up\">\n          <AgentEvent event={event} collapsible={collapsible} />\n        </li>\n      ))}\n    </ol>\n  ),\n);\nAgentTimeline.displayName = \"AgentTimeline\";\n\nexport { AgentTimeline };\n"]}

package/dist/chunk-2UP7SECE.js

@@ -0,0 +1,78 @@
+import { cn } from './chunk-EWDN56AS.js';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import { ChevronDown, Sparkles, Check } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ModelSelector = forwardRef(
+  ({ className, value, options, onChange, ...props }, ref) => {
+    const current = options.find((o) => o.id === value) ?? options[0];
+    return /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
+      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          "data-slot": "model-selector",
+          ref,
+          type: "button",
+          className: cn(
+            "inline-flex h-8 items-center gap-2 rounded-full border border-border/60 bg-card px-3",
+            "font-medium font-sans text-body-sm text-foreground",
+            "transition-colors duration-base ease-out-soft",
+            "hover:bg-muted",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-primary", "aria-hidden": "true" }),
+            current?.label ?? "Select model",
+            /* @__PURE__ */ jsx(ChevronDown, { className: "size-3 text-muted-foreground", "aria-hidden": "true" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
+        DropdownMenu.Content,
+        {
+          sideOffset: 6,
+          align: "end",
+          className: cn(
+            "z-50 min-w-[14rem] overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-md",
+            "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in",
+            "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out"
+          ),
+          children: options.map((opt) => /* @__PURE__ */ jsxs(
+            DropdownMenu.Item,
+            {
+              onSelect: () => onChange?.(opt.id),
+              className: cn(
+                "flex cursor-pointer items-center justify-between gap-3 rounded-md px-2 py-2",
+                "text-body-sm",
+                "focus:bg-muted focus:outline-none",
+                "data-[highlighted]:bg-muted"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: opt.label }),
+                  opt.vendor ? /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground", children: opt.vendor }) : null
+                ] }),
+                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                  opt.tag ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-accent/15 px-2 py-0.5 font-mono text-accent text-label uppercase", children: [
+                    opt.tag === "smart" ? /* @__PURE__ */ jsx(Sparkles, { className: "size-3" }) : null,
+                    opt.tag
+                  ] }) : null,
+                  opt.id === value ? /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-primary" }) : null
+                ] })
+              ]
+            },
+            opt.id
+          ))
+        }
+      ) })
+    ] });
+  }
+);
+ModelSelector.displayName = "ModelSelector";
+
+export { ModelSelector };
+//# sourceMappingURL=chunk-2UP7SECE.js.map
+//# sourceMappingURL=chunk-2UP7SECE.js.map

package/dist/chunk-2UP7SECE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/model-selector/model-selector.tsx"],"names":[],"mappings":"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","file":"chunk-2UP7SECE.js","sourcesContent":["import * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { Check, ChevronDown, Sparkles } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ButtonHTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport interface ModelOption {\n  id: string;\n  label: string;\n  /** Optional vendor hint shown small below the label. */\n  vendor?: string;\n  /** Optional tag e.g. \"default\", \"fast\", \"smart\". */\n  tag?: string;\n}\n\ninterface ModelSelectorProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  value: string;\n  options: ModelOption[];\n  onChange?: (id: string) => void;\n}\n\n/**\n * ModelSelector — chip dropdown for picking the active LLM.\n *\n * Visual: pill with violet dot + label + chevron. Dropdown uses Radix Menu.\n */\nconst ModelSelector = forwardRef<HTMLButtonElement, ModelSelectorProps>(\n  ({ className, value, options, onChange, ...props }, ref) => {\n    const current = options.find((o) => o.id === value) ?? options[0];\n    return (\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <button\n            data-slot=\"model-selector\"\n            ref={ref}\n            type=\"button\"\n            className={cn(\n              \"inline-flex h-8 items-center gap-2 rounded-full border border-border/60 bg-card px-3\",\n              \"font-medium font-sans text-body-sm text-foreground\",\n              \"transition-colors duration-base ease-out-soft\",\n              \"hover:bg-muted\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n              className,\n            )}\n            {...props}\n          >\n            <span className=\"size-1.5 rounded-full bg-primary\" aria-hidden=\"true\" />\n            {current?.label ?? \"Select model\"}\n            <ChevronDown className=\"size-3 text-muted-foreground\" aria-hidden=\"true\" />\n          </button>\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content\n            sideOffset={6}\n            align=\"end\"\n            className={cn(\n              \"z-50 min-w-[14rem] overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-md\",\n              \"data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in\",\n              \"data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out\",\n            )}\n          >\n            {options.map((opt) => (\n              <DropdownMenu.Item\n                key={opt.id}\n                onSelect={() => onChange?.(opt.id)}\n                className={cn(\n                  \"flex cursor-pointer items-center justify-between gap-3 rounded-md px-2 py-2\",\n                  \"text-body-sm\",\n                  \"focus:bg-muted focus:outline-none\",\n                  \"data-[highlighted]:bg-muted\",\n                )}\n              >\n                <span className=\"flex flex-col\">\n                  <span className=\"font-medium\">{opt.label}</span>\n                  {opt.vendor ? (\n                    <span className=\"font-mono text-label text-muted-foreground\">{opt.vendor}</span>\n                  ) : null}\n                </span>\n                <span className=\"flex items-center gap-2\">\n                  {opt.tag ? (\n                    <span className=\"inline-flex items-center gap-1 rounded-full bg-accent/15 px-2 py-0.5 font-mono text-accent text-label uppercase\">\n                      {opt.tag === \"smart\" ? <Sparkles className=\"size-3\" /> : null}\n                      {opt.tag}\n                    </span>\n                  ) : null}\n                  {opt.id === value ? <Check className=\"size-3.5 text-primary\" /> : null}\n                </span>\n              </DropdownMenu.Item>\n            ))}\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n    );\n  },\n);\nModelSelector.displayName = \"ModelSelector\";\n\nexport { ModelSelector };\n"]}

package/dist/chunk-33ETHPT7.js

@@ -0,0 +1,112 @@
+import { cn } from './chunk-EWDN56AS.js';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import { ChevronDown, Sparkles, Check } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TONE_CLASS = {
+  primary: "bg-primary text-primary-foreground",
+  accent: "bg-accent text-accent-foreground",
+  success: "bg-success text-success-foreground",
+  warning: "bg-warning text-warning-foreground",
+  info: "bg-info text-info-foreground",
+  muted: "bg-muted text-foreground"
+};
+var AgentProfile = forwardRef(
+  ({ className, agents, activeId, onChange, ...props }, ref) => {
+    const active = agents.find((a) => a.id === activeId) ?? agents[0];
+    if (!active) return null;
+    const initials = active.initials ?? active.name.slice(0, 2).toUpperCase();
+    return /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
+      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          "data-slot": "agent-profile",
+          ref,
+          type: "button",
+          className: cn(
+            "inline-flex h-9 items-center gap-2 rounded-full border border-border/60 bg-card pr-3 pl-1",
+            "transition-colors hover:bg-muted",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "grid size-7 place-items-center rounded-full font-bold font-mono text-label",
+                  TONE_CLASS[active.tone ?? "primary"]
+                ),
+                "aria-hidden": "true",
+                children: initials
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "font-medium font-sans text-body-sm text-foreground", children: active.name }),
+            /* @__PURE__ */ jsx(ChevronDown, { className: "size-3 text-muted-foreground", "aria-hidden": "true" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsxs(
+        DropdownMenu.Content,
+        {
+          align: "start",
+          sideOffset: 6,
+          className: cn(
+            "z-50 min-w-[18rem] overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-md",
+            "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in",
+            "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(DropdownMenu.Label, { className: "px-2 py-1.5 font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: "Switch agent" }),
+            agents.map((agent) => {
+              const inits = agent.initials ?? agent.name.slice(0, 2).toUpperCase();
+              const isActive = agent.id === activeId;
+              return /* @__PURE__ */ jsxs(
+                DropdownMenu.Item,
+                {
+                  onSelect: () => onChange?.(agent.id),
+                  className: cn(
+                    "flex cursor-pointer items-start gap-3 rounded-md px-2 py-2",
+                    "focus:bg-muted focus:outline-none data-[highlighted]:bg-muted"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "mt-0.5 grid size-8 place-items-center rounded-full font-bold font-mono text-label",
+                          TONE_CLASS[agent.tone ?? "muted"]
+                        ),
+                        "aria-hidden": "true",
+                        children: inits
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "grid min-w-0 flex-1 gap-0.5", children: [
+                      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsx("span", { className: "font-medium text-body-sm", children: agent.name }),
+                        agent.badge ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-accent/15 px-1.5 py-0 font-mono text-accent text-label uppercase", children: [
+                          /* @__PURE__ */ jsx(Sparkles, { className: "size-2.5", "aria-hidden": "true" }),
+                          agent.badge
+                        ] }) : null
+                      ] }),
+                      agent.description ? /* @__PURE__ */ jsx("span", { className: "text-body-sm text-muted-foreground", children: agent.description }) : null
+                    ] }),
+                    isActive ? /* @__PURE__ */ jsx(Check, { className: "mt-1 size-4 shrink-0 text-primary", "aria-hidden": "true" }) : null
+                  ]
+                },
+                agent.id
+              );
+            })
+          ]
+        }
+      ) })
+    ] });
+  }
+);
+AgentProfile.displayName = "AgentProfile";
+
+export { AgentProfile };
+//# sourceMappingURL=chunk-33ETHPT7.js.map
+//# sourceMappingURL=chunk-33ETHPT7.js.map

package/dist/chunk-33ETHPT7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/agent-profile/agent-profile.tsx"],"names":[],"mappings":"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","file":"chunk-33ETHPT7.js","sourcesContent":["import * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { Check, ChevronDown, Sparkles } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport interface AgentProfileDescriptor {\n  id: string;\n  /** Display name, e.g. \"Coder\", \"Planner\", \"Reviewer\". */\n  name: string;\n  /** Avatar initials (2 chars max). Falls back to first 2 letters of name. */\n  initials?: string;\n  /** Optional short description for tooltips and the dropdown. */\n  description?: ReactNode;\n  /**\n   * Identity tone — colors the avatar so users tell agents apart at a glance.\n   */\n  tone?: \"primary\" | \"accent\" | \"success\" | \"warning\" | \"info\" | \"muted\";\n  /** Optional badge text (e.g. \"experimental\"). */\n  badge?: ReactNode;\n}\n\nconst TONE_CLASS: Record<NonNullable<AgentProfileDescriptor[\"tone\"]>, string> = {\n  primary: \"bg-primary text-primary-foreground\",\n  accent: \"bg-accent text-accent-foreground\",\n  success: \"bg-success text-success-foreground\",\n  warning: \"bg-warning text-warning-foreground\",\n  info: \"bg-info text-info-foreground\",\n  muted: \"bg-muted text-foreground\",\n};\n\ninterface AgentProfileProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  agents: AgentProfileDescriptor[];\n  activeId: string;\n  onChange?: (id: string) => void;\n}\n\n/**\n * AgentProfile — switcher between multiple agent profiles (coder, planner,\n * reviewer, etc.). Each profile gets its own tone so the user can spot at a\n * glance which \"persona\" is currently driving the session.\n */\nconst AgentProfile = forwardRef<HTMLButtonElement, AgentProfileProps>(\n  ({ className, agents, activeId, onChange, ...props }, ref) => {\n    const active = agents.find((a) => a.id === activeId) ?? agents[0];\n    if (!active) return null;\n    const initials = active.initials ?? active.name.slice(0, 2).toUpperCase();\n    return (\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <button\n            data-slot=\"agent-profile\"\n            ref={ref}\n            type=\"button\"\n            className={cn(\n              \"inline-flex h-9 items-center gap-2 rounded-full border border-border/60 bg-card pr-3 pl-1\",\n              \"transition-colors hover:bg-muted\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n              className,\n            )}\n            {...props}\n          >\n            <span\n              className={cn(\n                \"grid size-7 place-items-center rounded-full font-bold font-mono text-label\",\n                TONE_CLASS[active.tone ?? \"primary\"],\n              )}\n              aria-hidden=\"true\"\n            >\n              {initials}\n            </span>\n            <span className=\"font-medium font-sans text-body-sm text-foreground\">\n              {active.name}\n            </span>\n            <ChevronDown className=\"size-3 text-muted-foreground\" aria-hidden=\"true\" />\n          </button>\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content\n            align=\"start\"\n            sideOffset={6}\n            className={cn(\n              \"z-50 min-w-[18rem] overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-md\",\n              \"data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in\",\n              \"data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out\",\n            )}\n          >\n            <DropdownMenu.Label className=\"px-2 py-1.5 font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n              Switch agent\n            </DropdownMenu.Label>\n            {agents.map((agent) => {\n              const inits = agent.initials ?? agent.name.slice(0, 2).toUpperCase();\n              const isActive = agent.id === activeId;\n              return (\n                <DropdownMenu.Item\n                  key={agent.id}\n                  onSelect={() => onChange?.(agent.id)}\n                  className={cn(\n                    \"flex cursor-pointer items-start gap-3 rounded-md px-2 py-2\",\n                    \"focus:bg-muted focus:outline-none data-[highlighted]:bg-muted\",\n                  )}\n                >\n                  <span\n                    className={cn(\n                      \"mt-0.5 grid size-8 place-items-center rounded-full font-bold font-mono text-label\",\n                      TONE_CLASS[agent.tone ?? \"muted\"],\n                    )}\n                    aria-hidden=\"true\"\n                  >\n                    {inits}\n                  </span>\n                  <div className=\"grid min-w-0 flex-1 gap-0.5\">\n                    <span className=\"flex items-center gap-2\">\n                      <span className=\"font-medium text-body-sm\">{agent.name}</span>\n                      {agent.badge ? (\n                        <span className=\"inline-flex items-center gap-1 rounded-full bg-accent/15 px-1.5 py-0 font-mono text-accent text-label uppercase\">\n                          <Sparkles className=\"size-2.5\" aria-hidden=\"true\" />\n                          {agent.badge}\n                        </span>\n                      ) : null}\n                    </span>\n                    {agent.description ? (\n                      <span className=\"text-body-sm text-muted-foreground\">\n                        {agent.description}\n                      </span>\n                    ) : null}\n                  </div>\n                  {isActive ? (\n                    <Check className=\"mt-1 size-4 shrink-0 text-primary\" aria-hidden=\"true\" />\n                  ) : null}\n                </DropdownMenu.Item>\n              );\n            })}\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n    );\n  },\n);\nAgentProfile.displayName = \"AgentProfile\";\n\nexport { AgentProfile };\n"]}