@usetheo/ui 0.13.0 → 0.13.1

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-2A3E5Y72.js

@@ -0,0 +1,165 @@
+"use client";
+import { cn } from './chunk-EWDN56AS.js';
+import { Plus, Trash2, Lock, ShieldQuestion, Check } from 'lucide-react';
+import { forwardRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DECISION_CLASS = {
+  allow: "bg-success/15 text-success border-success/40",
+  ask: "bg-warning/15 text-warning border-warning/40",
+  deny: "bg-destructive/15 text-destructive border-destructive/40"
+};
+var DECISION_ICON = {
+  allow: /* @__PURE__ */ jsx(Check, { className: "size-3", "aria-hidden": "true" }),
+  ask: /* @__PURE__ */ jsx(ShieldQuestion, { className: "size-3", "aria-hidden": "true" }),
+  deny: /* @__PURE__ */ jsx(Lock, { className: "size-3", "aria-hidden": "true" })
+};
+var cycle = (cur) => cur === "allow" ? "ask" : cur === "ask" ? "deny" : "allow";
+var PermissionMatrix = forwardRef(
+  ({
+    className,
+    rules,
+    title = "Permissions",
+    toolOptions,
+    onAdd,
+    onRemove,
+    onDecisionChange,
+    ...props
+  }, ref) => {
+    const [newTool, setNewTool] = useState(toolOptions?.[0] ?? "*");
+    const [newPath, setNewPath] = useState("");
+    const [newDecision, setNewDecision] = useState("ask");
+    const submit = () => {
+      if (!newPath.trim()) return;
+      onAdd?.({ tool: newTool, path: newPath.trim(), decision: newDecision });
+      setNewPath("");
+    };
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "permission-matrix",
+        ref,
+        className: cn("rounded-xl border bg-card", className),
+        ...props,
+        children: [
+          title ? /* @__PURE__ */ jsxs("header", { className: "flex items-baseline justify-between border-border/40 border-b px-4 py-3", children: [
+            /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }),
+            /* @__PURE__ */ jsxs("span", { className: "font-mono text-label text-muted-foreground", children: [
+              rules.length,
+              " ",
+              rules.length === 1 ? "rule" : "rules"
+            ] })
+          ] }) : null,
+          onAdd && toolOptions && toolOptions.length > 0 ? /* @__PURE__ */ jsxs(
+            "form",
+            {
+              className: "grid grid-cols-[1fr_2fr_auto_auto] gap-2 border-border/40 border-b p-3",
+              onSubmit: (e) => {
+                e.preventDefault();
+                submit();
+              },
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    value: newTool,
+                    onChange: (e) => setNewTool(e.target.value),
+                    "aria-label": "Tool",
+                    className: "h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm",
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "*", children: "* (any tool)" }),
+                      toolOptions.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: t }, t))
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    value: newPath,
+                    onChange: (e) => setNewPath(e.target.value),
+                    placeholder: "path glob (e.g. src/**/*.ts)",
+                    "aria-label": "Path",
+                    className: "h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    value: newDecision,
+                    onChange: (e) => setNewDecision(e.target.value),
+                    "aria-label": "Decision",
+                    className: "h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm uppercase",
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "allow", children: "allow" }),
+                      /* @__PURE__ */ jsx("option", { value: "ask", children: "ask" }),
+                      /* @__PURE__ */ jsx("option", { value: "deny", children: "deny" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "submit",
+                    className: "inline-flex h-9 items-center gap-1 rounded-md bg-primary px-3 font-sans text-label text-primary-foreground hover:shadow-glow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                    children: [
+                      /* @__PURE__ */ jsx(Plus, { className: "size-3.5" }),
+                      " Add"
+                    ]
+                  }
+                )
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs("ul", { className: "divide-y divide-border/30", children: [
+            rules.map((rule) => /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: "grid grid-cols-[1fr_2fr_auto_auto] items-center gap-3 px-4 py-2.5",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-foreground", children: rule.tool }),
+                  /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-muted-foreground", children: rule.path }),
+                  /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => onDecisionChange?.(rule.id, cycle(rule.decision)),
+                      className: cn(
+                        "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1",
+                        "font-mono text-label uppercase tracking-wider transition-colors",
+                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                        DECISION_CLASS[rule.decision],
+                        !onDecisionChange && "pointer-events-none"
+                      ),
+                      children: [
+                        DECISION_ICON[rule.decision],
+                        rule.decision
+                      ]
+                    }
+                  ),
+                  onRemove ? /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => onRemove(rule.id),
+                      "aria-label": `Remove rule ${rule.tool} ${rule.path}`,
+                      className: "rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                      children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" })
+                    }
+                  ) : null
+                ]
+              },
+              rule.id
+            )),
+            rules.length === 0 ? /* @__PURE__ */ jsx("li", { className: "px-4 py-8 text-center font-sans text-body-sm text-muted-foreground", children: "No permission rules configured. The agent will fall back to default policy." }) : null
+          ] })
+        ]
+      }
+    );
+  }
+);
+PermissionMatrix.displayName = "PermissionMatrix";
+
+export { PermissionMatrix };
+//# sourceMappingURL=chunk-2A3E5Y72.js.map
+//# sourceMappingURL=chunk-2A3E5Y72.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/permission-matrix/permission-matrix.tsx"],"names":[],"mappings":"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","file":"chunk-2A3E5Y72.js","sourcesContent":["\"use client\";\n\nimport { Check, Lock, Plus, ShieldQuestion, Trash2 } from \"lucide-react\";\nimport { forwardRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type PermissionDecisionKind = \"allow\" | \"ask\" | \"deny\";\n\nexport interface PermissionRule {\n  id: string;\n  /** Tool the rule applies to. Use \"*\" for any. */\n  tool: string;\n  /** Glob path it applies to. Use \"*\" for any. */\n  path: string;\n  decision: PermissionDecisionKind;\n  /** Optional rationale shown as helper text. */\n  note?: string;\n}\n\ninterface PermissionMatrixProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  rules: PermissionRule[];\n  title?: ReactNode;\n  /**\n   * Available tools shown in the add form. Pass `undefined` (or omit) — or an\n   * empty array — to hide the add form entirely. The form only renders when\n   * `onAdd` is provided AND `toolOptions` has at least one entry.\n   */\n  toolOptions?: string[];\n  onAdd?: (rule: Omit<PermissionRule, \"id\">) => void;\n  onRemove?: (id: string) => void;\n  onDecisionChange?: (id: string, decision: PermissionDecisionKind) => void;\n}\n\nconst DECISION_CLASS: Record<PermissionDecisionKind, string> = {\n  allow: \"bg-success/15 text-success border-success/40\",\n  ask: \"bg-warning/15 text-warning border-warning/40\",\n  deny: \"bg-destructive/15 text-destructive border-destructive/40\",\n};\n\nconst DECISION_ICON: Record<PermissionDecisionKind, ReactNode> = {\n  allow: <Check className=\"size-3\" aria-hidden=\"true\" />,\n  ask: <ShieldQuestion className=\"size-3\" aria-hidden=\"true\" />,\n  deny: <Lock className=\"size-3\" aria-hidden=\"true\" />,\n};\n\nconst cycle = (cur: PermissionDecisionKind): PermissionDecisionKind =>\n  cur === \"allow\" ? \"ask\" : cur === \"ask\" ? \"deny\" : \"allow\";\n\n/**\n * PermissionMatrix — tool × path × decision grid for fine-grained access\n * control. Used as the \"permissions\" tab in the agent settings.\n *\n * One PermissionRule per row. Click the decision pill to cycle Allow → Ask → Deny.\n *\n * Design decision (2026-05-14): PermissionMatrix stays in `primitives/`\n * — not `composites/` — even though it renders inputs and a select. The native\n * `<input>` / `<select>` elements use Theo design tokens directly (border-input,\n * ring, font-mono) so visual parity with `Input` / `Select` primitives is\n * preserved. Reason for keeping it primitive: a consumer installing\n * `permission-matrix` from the registry gets a single self-contained file with\n * no transitive Theo dependencies — opposite trade-off from `EnvVarEditor`\n * which is intentionally a composite. Both shapes are valid; we ship one of\n * each so consumers can pick the dependency profile that fits their app.\n */\nconst PermissionMatrix = forwardRef<HTMLDivElement, PermissionMatrixProps>(\n  (\n    {\n      className,\n      rules,\n      title = \"Permissions\",\n      toolOptions,\n      onAdd,\n      onRemove,\n      onDecisionChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const [newTool, setNewTool] = useState(toolOptions?.[0] ?? \"*\");\n    const [newPath, setNewPath] = useState(\"\");\n    const [newDecision, setNewDecision] = useState<PermissionDecisionKind>(\"ask\");\n\n    const submit = () => {\n      if (!newPath.trim()) return;\n      onAdd?.({ tool: newTool, path: newPath.trim(), decision: newDecision });\n      setNewPath(\"\");\n    };\n\n    return (\n      <section\n        data-slot=\"permission-matrix\"\n        ref={ref}\n        className={cn(\"rounded-xl border bg-card\", className)}\n        {...props}\n      >\n        {title ? (\n          <header className=\"flex items-baseline justify-between border-border/40 border-b px-4 py-3\">\n            <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n            <span className=\"font-mono text-label text-muted-foreground\">\n              {rules.length} {rules.length === 1 ? \"rule\" : \"rules\"}\n            </span>\n          </header>\n        ) : null}\n\n        {onAdd && toolOptions && toolOptions.length > 0 ? (\n          <form\n            className=\"grid grid-cols-[1fr_2fr_auto_auto] gap-2 border-border/40 border-b p-3\"\n            onSubmit={(e) => {\n              e.preventDefault();\n              submit();\n            }}\n          >\n            <select\n              value={newTool}\n              onChange={(e) => setNewTool(e.target.value)}\n              aria-label=\"Tool\"\n              className=\"h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm\"\n            >\n              <option value=\"*\">* (any tool)</option>\n              {toolOptions.map((t) => (\n                <option key={t} value={t}>\n                  {t}\n                </option>\n              ))}\n            </select>\n            <input\n              type=\"text\"\n              value={newPath}\n              onChange={(e) => setNewPath(e.target.value)}\n              placeholder=\"path glob (e.g. src/**/*.ts)\"\n              aria-label=\"Path\"\n              className=\"h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            />\n            <select\n              value={newDecision}\n              onChange={(e) => setNewDecision(e.target.value as PermissionDecisionKind)}\n              aria-label=\"Decision\"\n              className=\"h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm uppercase\"\n            >\n              <option value=\"allow\">allow</option>\n              <option value=\"ask\">ask</option>\n              <option value=\"deny\">deny</option>\n            </select>\n            <button\n              type=\"submit\"\n              className=\"inline-flex h-9 items-center gap-1 rounded-md bg-primary px-3 font-sans text-label text-primary-foreground hover:shadow-glow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <Plus className=\"size-3.5\" /> Add\n            </button>\n          </form>\n        ) : null}\n\n        <ul className=\"divide-y divide-border/30\">\n          {rules.map((rule) => (\n            <li\n              key={rule.id}\n              className=\"grid grid-cols-[1fr_2fr_auto_auto] items-center gap-3 px-4 py-2.5\"\n            >\n              <span className=\"truncate font-mono text-code-sm text-foreground\">{rule.tool}</span>\n              <span className=\"truncate font-mono text-code-sm text-muted-foreground\">\n                {rule.path}\n              </span>\n              <button\n                type=\"button\"\n                onClick={() => onDecisionChange?.(rule.id, cycle(rule.decision))}\n                className={cn(\n                  \"inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1\",\n                  \"font-mono text-label uppercase tracking-wider transition-colors\",\n                  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                  DECISION_CLASS[rule.decision],\n                  !onDecisionChange && \"pointer-events-none\",\n                )}\n              >\n                {DECISION_ICON[rule.decision]}\n                {rule.decision}\n              </button>\n              {onRemove ? (\n                <button\n                  type=\"button\"\n                  onClick={() => onRemove(rule.id)}\n                  aria-label={`Remove rule ${rule.tool} ${rule.path}`}\n                  className=\"rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                >\n                  <Trash2 className=\"size-3.5\" />\n                </button>\n              ) : null}\n            </li>\n          ))}\n          {rules.length === 0 ? (\n            <li className=\"px-4 py-8 text-center font-sans text-body-sm text-muted-foreground\">\n              No permission rules configured. The agent will fall back to default policy.\n            </li>\n          ) : null}\n        </ul>\n      </section>\n    );\n  },\n);\nPermissionMatrix.displayName = \"PermissionMatrix\";\n\nexport { PermissionMatrix };\n"]}

package/dist/chunk-2EUKYGH5.js

@@ -0,0 +1,98 @@
+import { Button } from './chunk-25KBUQEQ.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { cva } from 'class-variance-authority';
+import { Lock, AlertTriangle, ShieldCheck } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var cardVariants = cva(
+  "grid w-full gap-3 rounded-xl border p-4 transition-colors duration-base ease-out-soft",
+  {
+    variants: {
+      severity: {
+        info: "border-info/40 bg-info/5",
+        warning: "border-warning/40 bg-warning/5",
+        destructive: "border-destructive/40 bg-destructive/5"
+      }
+    },
+    defaultVariants: { severity: "warning" }
+  }
+);
+var ICON_FOR_SEVERITY = {
+  info: ShieldCheck,
+  warning: AlertTriangle,
+  destructive: Lock
+};
+var ICON_TONE = {
+  info: "text-info",
+  warning: "text-warning",
+  destructive: "text-destructive"
+};
+var ApprovalCard = forwardRef(
+  ({
+    className,
+    severity = "warning",
+    title,
+    request,
+    description,
+    details,
+    onApprove,
+    onDeny,
+    onAlways,
+    icon,
+    ...props
+  }, ref) => {
+    const resolvedSeverity = severity ?? "warning";
+    const Icon = icon ?? ICON_FOR_SEVERITY[resolvedSeverity];
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "approval-card",
+        ref,
+        role: "alertdialog",
+        "aria-label": typeof title === "string" ? title : "Approval required",
+        className: cn(cardVariants({ severity: resolvedSeverity }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn("mt-0.5 inline-flex shrink-0", ICON_TONE[resolvedSeverity]),
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx(Icon, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "grid min-w-0 flex-1 gap-1", children: [
+              /* @__PURE__ */ jsx("h4", { className: "font-display text-foreground text-title-md tracking-tight", children: title }),
+              /* @__PURE__ */ jsx("code", { className: "overflow-hidden break-words font-mono text-code-md text-muted-foreground", children: request }),
+              description ? /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: description }) : null
+            ] })
+          ] }),
+          details ? /* @__PURE__ */ jsxs("details", { className: "rounded-md border border-border/40 bg-background/40 px-3 py-2 text-body-sm", children: [
+            /* @__PURE__ */ jsx("summary", { className: "cursor-pointer select-none font-mono text-label text-muted-foreground", children: "Show details" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-2 break-words", children: details })
+          ] }) : null,
+          /* @__PURE__ */ jsxs("footer", { className: "flex flex-wrap items-center justify-end gap-2", children: [
+            onAlways ? /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: onAlways, children: "Always allow" }) : null,
+            onDeny ? /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: onDeny, children: "Deny" }) : null,
+            onApprove ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                variant: resolvedSeverity === "destructive" ? "destructive" : "primary",
+                onClick: onApprove,
+                children: "Approve"
+              }
+            ) : null
+          ] })
+        ]
+      }
+    );
+  }
+);
+ApprovalCard.displayName = "ApprovalCard";
+
+export { ApprovalCard };
+//# sourceMappingURL=chunk-2EUKYGH5.js.map
+//# sourceMappingURL=chunk-2EUKYGH5.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/approval-card/approval-card.tsx"],"names":[],"mappings":"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","file":"chunk-2EUKYGH5.js","sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport { AlertTriangle, Lock, ShieldCheck } 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\";\nimport { Button } from \"../../primitives/button/index.js\";\n\n/**\n * ApprovalCard — inline pause-and-ask card for an agent stream.\n *\n * Used when the agent wants to perform an action that requires the user's\n * consent (run a destructive command, use a new tool, edit outside the\n * sandbox, etc.). Renders as a bordered card inside the conversation stream,\n * pauses the visual flow, and exposes Deny / Approve / Always-allow actions.\n */\n\nconst cardVariants = cva(\n  \"grid w-full gap-3 rounded-xl border p-4 transition-colors duration-base ease-out-soft\",\n  {\n    variants: {\n      severity: {\n        info: \"border-info/40 bg-info/5\",\n        warning: \"border-warning/40 bg-warning/5\",\n        destructive: \"border-destructive/40 bg-destructive/5\",\n      },\n    },\n    defaultVariants: { severity: \"warning\" },\n  },\n);\n\nconst ICON_FOR_SEVERITY: Record<NonNullable<ApprovalSeverity>, IconComponent> = {\n  info: ShieldCheck,\n  warning: AlertTriangle,\n  destructive: Lock,\n};\n\nconst ICON_TONE: Record<NonNullable<ApprovalSeverity>, string> = {\n  info: \"text-info\",\n  warning: \"text-warning\",\n  destructive: \"text-destructive\",\n};\n\ntype ApprovalSeverity = NonNullable<VariantProps<typeof cardVariants>[\"severity\"]>;\n\ninterface ApprovalCardProps\n  extends Omit<HTMLAttributes<HTMLElement>, \"title\">,\n    VariantProps<typeof cardVariants> {\n  /** Short headline (\"Run destructive command?\"). */\n  title: ReactNode;\n  /** What is being requested (command, file path, tool name…). Renders monospace. */\n  request: ReactNode;\n  /** Optional explanation line under the request. */\n  description?: ReactNode;\n  /** Optional expandable details (e.g. full command, file diff). */\n  details?: ReactNode;\n  /** Pressing the primary \"Approve\" button. */\n  onApprove?: () => void;\n  /** Pressing \"Deny\". */\n  onDeny?: () => void;\n  /** Pressing \"Always allow\" — optional tertiary action. */\n  onAlways?: () => void;\n  /** Customise the icon shown in the corner. */\n  icon?: IconComponent;\n}\n\nconst ApprovalCard = forwardRef<HTMLElement, ApprovalCardProps>(\n  (\n    {\n      className,\n      severity = \"warning\",\n      title,\n      request,\n      description,\n      details,\n      onApprove,\n      onDeny,\n      onAlways,\n      icon,\n      ...props\n    },\n    ref,\n  ) => {\n    const resolvedSeverity: ApprovalSeverity = severity ?? \"warning\";\n    const Icon = icon ?? ICON_FOR_SEVERITY[resolvedSeverity];\n    return (\n      <section\n        data-slot=\"approval-card\"\n        ref={ref}\n        role=\"alertdialog\"\n        aria-label={typeof title === \"string\" ? title : \"Approval required\"}\n        className={cn(cardVariants({ severity: resolvedSeverity }), className)}\n        {...props}\n      >\n        <header className=\"flex items-start gap-3\">\n          <span\n            className={cn(\"mt-0.5 inline-flex shrink-0\", ICON_TONE[resolvedSeverity])}\n            aria-hidden=\"true\"\n          >\n            <Icon className=\"size-4\" />\n          </span>\n          <div className=\"grid min-w-0 flex-1 gap-1\">\n            <h4 className=\"font-display text-foreground text-title-md tracking-tight\">{title}</h4>\n            <code className=\"overflow-hidden break-words font-mono text-code-md text-muted-foreground\">\n              {request}\n            </code>\n            {description ? (\n              <p className=\"text-body-sm text-muted-foreground\">{description}</p>\n            ) : null}\n          </div>\n        </header>\n        {details ? (\n          <details className=\"rounded-md border border-border/40 bg-background/40 px-3 py-2 text-body-sm\">\n            <summary className=\"cursor-pointer select-none font-mono text-label text-muted-foreground\">\n              Show details\n            </summary>\n            <div className=\"mt-2 break-words\">{details}</div>\n          </details>\n        ) : null}\n        <footer className=\"flex flex-wrap items-center justify-end gap-2\">\n          {onAlways ? (\n            <Button size=\"sm\" variant=\"ghost\" onClick={onAlways}>\n              Always allow\n            </Button>\n          ) : null}\n          {onDeny ? (\n            <Button size=\"sm\" variant=\"secondary\" onClick={onDeny}>\n              Deny\n            </Button>\n          ) : null}\n          {onApprove ? (\n            <Button\n              size=\"sm\"\n              variant={resolvedSeverity === \"destructive\" ? \"destructive\" : \"primary\"}\n              onClick={onApprove}\n            >\n              Approve\n            </Button>\n          ) : null}\n        </footer>\n      </section>\n    );\n  },\n);\nApprovalCard.displayName = \"ApprovalCard\";\n\nexport { ApprovalCard, type ApprovalSeverity };\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"]}