@usetheo/ui 0.13.0 → 0.13.2

package/dist/chunk-Y7JTBQUQ.js

@@ -0,0 +1,152 @@
+"use client";
+import { cn } from './chunk-EWDN56AS.js';
+import { Zap, Plus, Trash2 } from 'lucide-react';
+import { forwardRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var HOOK_EVENTS = [
+  "PreToolUse",
+  "PostToolUse",
+  "UserPromptSubmit",
+  "Stop",
+  "SessionStart",
+  "SessionEnd"
+];
+var HookConfig = forwardRef(
+  ({ className, hooks, onAdd, onRemove, onToggle, title = "Hooks", ...props }, ref) => {
+    const [event, setEvent] = useState("PreToolUse");
+    const [matcher, setMatcher] = useState("*");
+    const [command, setCommand] = useState("");
+    const submit = () => {
+      if (!command.trim()) return;
+      onAdd?.({ event, matcher: matcher.trim() || "*", command: command.trim() });
+      setCommand("");
+    };
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "hook-config",
+        ref,
+        className: cn("rounded-xl border border-border bg-card", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-baseline justify-between border-border/40 border-b px-4 py-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Zap, { className: "size-4 text-primary", "aria-hidden": "true" }),
+              /* @__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: [
+              hooks.length,
+              " ",
+              hooks.length === 1 ? "hook" : "hooks"
+            ] })
+          ] }),
+          onAdd ? /* @__PURE__ */ jsxs(
+            "form",
+            {
+              className: "grid grid-cols-[140px_140px_1fr_auto] items-center gap-2 border-border/40 border-b p-3",
+              onSubmit: (e) => {
+                e.preventDefault();
+                submit();
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "select",
+                  {
+                    value: event,
+                    onChange: (e) => setEvent(e.target.value),
+                    "aria-label": "Event",
+                    className: "h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm",
+                    children: HOOK_EVENTS.map((evt) => /* @__PURE__ */ jsx("option", { value: evt, children: evt }, evt))
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    value: matcher,
+                    onChange: (e) => setMatcher(e.target.value),
+                    placeholder: "matcher (Bash, Write, *)",
+                    "aria-label": "Matcher",
+                    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__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    value: command,
+                    onChange: (e) => setCommand(e.target.value),
+                    placeholder: 'command (e.g. "./scripts/audit.sh")',
+                    "aria-label": "Command",
+                    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(
+                  "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: [
+            hooks.map((hook) => {
+              const enabled = hook.enabled ?? true;
+              return /* @__PURE__ */ jsxs(
+                "li",
+                {
+                  className: cn(
+                    "grid grid-cols-[140px_140px_1fr_auto_auto] items-center gap-3 px-4 py-2.5",
+                    !enabled && "opacity-50"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm text-primary", children: hook.event }),
+                    /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm text-muted-foreground", children: hook.matcher }),
+                    /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-foreground", children: hook.command }),
+                    onToggle ? /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => onToggle(hook.id, !enabled),
+                        "aria-pressed": enabled,
+                        className: cn(
+                          "rounded-full border px-2.5 py-0.5 font-mono text-label uppercase",
+                          enabled ? "border-success/40 bg-success/15 text-success" : "border-border/40 bg-muted text-muted-foreground"
+                        ),
+                        children: enabled ? "On" : "Off"
+                      }
+                    ) : /* @__PURE__ */ jsx("span", {}),
+                    onRemove ? /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => onRemove(hook.id),
+                        "aria-label": `Remove hook ${hook.event} ${hook.matcher}`,
+                        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" })
+                      }
+                    ) : /* @__PURE__ */ jsx("span", {})
+                  ]
+                },
+                hook.id
+              );
+            }),
+            hooks.length === 0 ? /* @__PURE__ */ jsx("li", { className: "px-4 py-8 text-center font-sans text-body-sm text-muted-foreground", children: "No hooks configured." }) : null
+          ] })
+        ]
+      }
+    );
+  }
+);
+HookConfig.displayName = "HookConfig";
+
+export { HOOK_EVENTS, HookConfig };
+//# sourceMappingURL=chunk-Y7JTBQUQ.js.map
+//# sourceMappingURL=chunk-Y7JTBQUQ.js.map

package/dist/chunk-Y7JTBQUQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/hook-config/hook-config.tsx"],"names":[],"mappings":"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","file":"chunk-Y7JTBQUQ.js","sourcesContent":["\"use client\";\n\nimport { Plus, Trash2, Zap } from \"lucide-react\";\nimport { forwardRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type HookEvent =\n  | \"PreToolUse\"\n  | \"PostToolUse\"\n  | \"UserPromptSubmit\"\n  | \"Stop\"\n  | \"SessionStart\"\n  | \"SessionEnd\";\n\nexport interface HookEntry {\n  id: string;\n  event: HookEvent;\n  /** Tool matcher (e.g. \"Bash\", \"Write\", \"*\"). */\n  matcher: string;\n  /** Shell command to run. */\n  command: string;\n  enabled?: boolean;\n}\n\nconst HOOK_EVENTS: HookEvent[] = [\n  \"PreToolUse\",\n  \"PostToolUse\",\n  \"UserPromptSubmit\",\n  \"Stop\",\n  \"SessionStart\",\n  \"SessionEnd\",\n];\n\ninterface HookConfigProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\" | \"onToggle\"> {\n  hooks: HookEntry[];\n  onAdd?: (hook: Omit<HookEntry, \"id\">) => void;\n  onRemove?: (id: string) => void;\n  onToggle?: (id: string, enabled: boolean) => void;\n  title?: ReactNode;\n}\n\n/**\n * HookConfig — editor for lifecycle hooks (PreToolUse, PostToolUse, Stop…).\n *\n * Mirrors Claude Code's settings.json hooks but visual. Each row is an\n * { event × matcher × command } triple with on/off toggle.\n */\nconst HookConfig = forwardRef<HTMLDivElement, HookConfigProps>(\n  ({ className, hooks, onAdd, onRemove, onToggle, title = \"Hooks\", ...props }, ref) => {\n    const [event, setEvent] = useState<HookEvent>(\"PreToolUse\");\n    const [matcher, setMatcher] = useState(\"*\");\n    const [command, setCommand] = useState(\"\");\n\n    const submit = () => {\n      if (!command.trim()) return;\n      onAdd?.({ event, matcher: matcher.trim() || \"*\", command: command.trim() });\n      setCommand(\"\");\n    };\n\n    return (\n      <section\n        data-slot=\"hook-config\"\n        ref={ref}\n        className={cn(\"rounded-xl border border-border bg-card\", className)}\n        {...props}\n      >\n        <header className=\"flex items-baseline justify-between border-border/40 border-b px-4 py-3\">\n          <div className=\"flex items-center gap-2\">\n            <Zap className=\"size-4 text-primary\" aria-hidden=\"true\" />\n            <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n          </div>\n          <span className=\"font-mono text-label text-muted-foreground\">\n            {hooks.length} {hooks.length === 1 ? \"hook\" : \"hooks\"}\n          </span>\n        </header>\n\n        {onAdd ? (\n          <form\n            className=\"grid grid-cols-[140px_140px_1fr_auto] items-center gap-2 border-border/40 border-b p-3\"\n            onSubmit={(e) => {\n              e.preventDefault();\n              submit();\n            }}\n          >\n            <select\n              value={event}\n              onChange={(e) => setEvent(e.target.value as HookEvent)}\n              aria-label=\"Event\"\n              className=\"h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm\"\n            >\n              {HOOK_EVENTS.map((evt) => (\n                <option key={evt} value={evt}>\n                  {evt}\n                </option>\n              ))}\n            </select>\n            <input\n              type=\"text\"\n              value={matcher}\n              onChange={(e) => setMatcher(e.target.value)}\n              placeholder=\"matcher (Bash, Write, *)\"\n              aria-label=\"Matcher\"\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            <input\n              type=\"text\"\n              value={command}\n              onChange={(e) => setCommand(e.target.value)}\n              placeholder='command (e.g. \"./scripts/audit.sh\")'\n              aria-label=\"Command\"\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            <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          {hooks.map((hook) => {\n            const enabled = hook.enabled ?? true;\n            return (\n              <li\n                key={hook.id}\n                className={cn(\n                  \"grid grid-cols-[140px_140px_1fr_auto_auto] items-center gap-3 px-4 py-2.5\",\n                  !enabled && \"opacity-50\",\n                )}\n              >\n                <span className=\"font-mono text-code-sm text-primary\">{hook.event}</span>\n                <span className=\"font-mono text-code-sm text-muted-foreground\">{hook.matcher}</span>\n                <span className=\"truncate font-mono text-code-sm text-foreground\">\n                  {hook.command}\n                </span>\n                {onToggle ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => onToggle(hook.id, !enabled)}\n                    aria-pressed={enabled}\n                    className={cn(\n                      \"rounded-full border px-2.5 py-0.5 font-mono text-label uppercase\",\n                      enabled\n                        ? \"border-success/40 bg-success/15 text-success\"\n                        : \"border-border/40 bg-muted text-muted-foreground\",\n                    )}\n                  >\n                    {enabled ? \"On\" : \"Off\"}\n                  </button>\n                ) : (\n                  <span />\n                )}\n                {onRemove ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => onRemove(hook.id)}\n                    aria-label={`Remove hook ${hook.event} ${hook.matcher}`}\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                ) : (\n                  <span />\n                )}\n              </li>\n            );\n          })}\n          {hooks.length === 0 ? (\n            <li className=\"px-4 py-8 text-center font-sans text-body-sm text-muted-foreground\">\n              No hooks configured.\n            </li>\n          ) : null}\n        </ul>\n      </section>\n    );\n  },\n);\nHookConfig.displayName = \"HookConfig\";\n\nexport { HookConfig, HOOK_EVENTS };\n"]}

package/dist/chunk-YD2QEVHO.js

@@ -0,0 +1,68 @@
+import { useInLiveRegion } from './chunk-UGKI466V.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { Sparkles } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var AgentStreaming = forwardRef(
+  ({ className, partial, model, ...props }, ref) => {
+    const inLiveRegion = useInLiveRegion();
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "agent-streaming",
+        ref,
+        role: inLiveRegion ? void 0 : "status",
+        "aria-live": inLiveRegion ? void 0 : "polite",
+        "aria-label": "Agent is responding",
+        className: cn(
+          "flex w-full items-start gap-3 rounded-xl border border-border/40 bg-card/40 px-4 py-3",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "grid size-7 shrink-0 place-items-center rounded-full bg-primary/15 text-primary",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx(Sparkles, { className: "size-3.5" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "grid min-w-0 flex-1 gap-1", children: [
+            model ? /* @__PURE__ */ jsx("span", { className: "font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: model }) : null,
+            partial ? /* @__PURE__ */ jsxs("span", { className: "break-words text-body-md text-foreground", children: [
+              partial,
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "ml-0.5 inline-block h-4 w-[2px] translate-y-0.5 animate-pulse bg-primary align-middle",
+                  "aria-hidden": "true"
+                }
+              )
+            ] }) : /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", "aria-hidden": "true", children: [
+              /* @__PURE__ */ jsx(Dot, { delay: 0 }),
+              /* @__PURE__ */ jsx(Dot, { delay: 120 }),
+              /* @__PURE__ */ jsx(Dot, { delay: 240 }),
+              /* @__PURE__ */ jsx("span", { className: "ml-1 text-body-sm text-muted-foreground", children: "thinking\u2026" })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+AgentStreaming.displayName = "AgentStreaming";
+function Dot({ delay }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "size-1.5 animate-pulse rounded-full bg-primary",
+      style: { animationDelay: `${delay}ms` }
+    }
+  );
+}
+
+export { AgentStreaming };
+//# sourceMappingURL=chunk-YD2QEVHO.js.map
+//# sourceMappingURL=chunk-YD2QEVHO.js.map

package/dist/chunk-YD2QEVHO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/agent-streaming/agent-streaming.tsx"],"names":[],"mappings":";;;;;;AAqBA,IAAM,cAAA,GAAiB,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,OAAO,GAAG,KAAA,IAAS,GAAA,KAAQ;AAIhD,IAAA,MAAM,eAAe,eAAA,EAAgB;AACrC,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,iBAAA;AAAA,QACV,GAAA;AAAA,QACA,IAAA,EAAM,eAAe,MAAA,GAAY,QAAA;AAAA,QACjC,WAAA,EAAW,eAAe,MAAA,GAAY,QAAA;AAAA,QACtC,YAAA,EAAW,qBAAA;AAAA,QACX,SAAA,EAAW,EAAA;AAAA,UACT,uFAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,iFAAA;AAAA,cACV,aAAA,EAAY,MAAA;AAAA,cAEZ,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,UAAA,EAAW;AAAA;AAAA,WACjC;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACZ,QAAA,EAAA;AAAA,YAAA,KAAA,mBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0EAAA,EACb,iBACH,CAAA,GACE,IAAA;AAAA,YACH,OAAA,mBACC,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0CAAA,EACb,QAAA,EAAA;AAAA,cAAA,OAAA;AAAA,8BACD,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,uFAAA;AAAA,kBACV,aAAA,EAAY;AAAA;AAAA;AACd,aAAA,EACF,oBAEA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAAA,EAA4B,eAAY,MAAA,EACtD,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,GAAA,EAAA,EAAI,OAAO,CAAA,EAAG,CAAA;AAAA,8BACf,GAAA,CAAC,GAAA,EAAA,EAAI,KAAA,EAAO,GAAA,EAAK,CAAA;AAAA,8BACjB,GAAA,CAAC,GAAA,EAAA,EAAI,KAAA,EAAO,GAAA,EAAK,CAAA;AAAA,8BACjB,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yCAAA,EAA0C,QAAA,EAAA,gBAAA,EAAS;AAAA,aAAA,EACrE;AAAA,WAAA,EAEJ;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,SAAS,GAAA,CAAI,EAAE,KAAA,EAAM,EAAsB;AACzC,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,gDAAA;AAAA,MACV,KAAA,EAAO,EAAE,cAAA,EAAgB,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA;AAAK;AAAA,GACxC;AAEJ","file":"chunk-YD2QEVHO.js","sourcesContent":["import { Sparkles } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { useInLiveRegion } from \"../../../lib/live-region-context.js\";\n\n/**\n * AgentStreaming — inline \"agent is thinking / typing\" indicator.\n *\n * Renders inside an agent stream while the model is producing a response.\n * Default visual is 3 violet dots pulsing. If `partial` is provided, renders\n * the streamed-so-far text with a caret. Optional `model` label on the right.\n */\n\ninterface AgentStreamingProps extends HTMLAttributes<HTMLDivElement> {\n  /** Streamed-so-far text. When present, replaces the dots animation. */\n  partial?: ReactNode;\n  /** Optional model name shown as a chip. */\n  model?: ReactNode;\n}\n\nconst AgentStreaming = forwardRef<HTMLDivElement, AgentStreamingProps>(\n  ({ className, partial, model, ...props }, ref) => {\n    // T4.1 (MF-4): when nested inside a live region container (AgentStream,\n    // ChatThread, etc.), omit our own aria-live to prevent double-announcement.\n    // Standalone usage keeps the live region intact.\n    const inLiveRegion = useInLiveRegion();\n    return (\n      <div\n        data-slot=\"agent-streaming\"\n        ref={ref}\n        role={inLiveRegion ? undefined : \"status\"}\n        aria-live={inLiveRegion ? undefined : \"polite\"}\n        aria-label=\"Agent is responding\"\n        className={cn(\n          \"flex w-full items-start gap-3 rounded-xl border border-border/40 bg-card/40 px-4 py-3\",\n          className,\n        )}\n        {...props}\n      >\n        <span\n          className=\"grid size-7 shrink-0 place-items-center rounded-full bg-primary/15 text-primary\"\n          aria-hidden=\"true\"\n        >\n          <Sparkles className=\"size-3.5\" />\n        </span>\n        <div className=\"grid min-w-0 flex-1 gap-1\">\n          {model ? (\n            <span className=\"font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n              {model}\n            </span>\n          ) : null}\n          {partial ? (\n            <span className=\"break-words text-body-md text-foreground\">\n              {partial}\n              <span\n                className=\"ml-0.5 inline-block h-4 w-[2px] translate-y-0.5 animate-pulse bg-primary align-middle\"\n                aria-hidden=\"true\"\n              />\n            </span>\n          ) : (\n            <span className=\"flex items-center gap-1.5\" aria-hidden=\"true\">\n              <Dot delay={0} />\n              <Dot delay={120} />\n              <Dot delay={240} />\n              <span className=\"ml-1 text-body-sm text-muted-foreground\">thinking…</span>\n            </span>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\nAgentStreaming.displayName = \"AgentStreaming\";\n\nfunction Dot({ delay }: { delay: number }) {\n  return (\n    <span\n      className=\"size-1.5 animate-pulse rounded-full bg-primary\"\n      style={{ animationDelay: `${delay}ms` }}\n    />\n  );\n}\n\nexport { AgentStreaming };\n"]}

package/dist/chunk-YDKRUSB5.js

@@ -0,0 +1,35 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var ToolResult = forwardRef(
+  ({ className, variant = "text", children, ...props }, ref) => {
+    if (variant === "text") {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "tool-result",
+          ref,
+          className: cn("text-body-sm text-muted-foreground", className),
+          ...props,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx("div", { "data-slot": "tool-result", ref, className, ...props, children: /* @__PURE__ */ jsx(
+      "pre",
+      {
+        className: cn(
+          "overflow-x-auto whitespace-pre-wrap font-mono text-code-sm",
+          variant === "json" ? "text-primary-glow" : "text-foreground"
+        ),
+        children
+      }
+    ) });
+  }
+);
+ToolResult.displayName = "ToolResult";
+
+export { ToolResult };
+//# sourceMappingURL=chunk-YDKRUSB5.js.map
+//# sourceMappingURL=chunk-YDKRUSB5.js.map

package/dist/chunk-YDKRUSB5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/tool-result/tool-result.tsx"],"names":[],"mappings":";;;;AAsBA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,OAAA,GAAU,QAAQ,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC5D,IAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,MAAA,uBACE,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,WAAA,EAAU,aAAA;AAAA,UACV,GAAA;AAAA,UACA,SAAA,EAAW,EAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA;AAAA,UAC5D,GAAG,KAAA;AAAA,UAEH;AAAA;AAAA,OACH;AAAA,IAEJ;AACA,IAAA,2BACG,KAAA,EAAA,EAAI,WAAA,EAAU,eAAc,GAAA,EAAU,SAAA,EAAuB,GAAG,KAAA,EAC/D,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,4DAAA;AAAA,UACA,OAAA,KAAY,SAAS,mBAAA,GAAsB;AAAA,SAC7C;AAAA,QAEC;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-YDKRUSB5.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\ntype Variant = \"text\" | \"code\" | \"json\";\n\ninterface ToolResultProps extends HTMLAttributes<HTMLDivElement> {\n  variant?: Variant;\n  /**\n   * Pre-formatted content. For `code`/`json`, the component uses mono font\n   * and preserves whitespace. For `text`, normal body font.\n   */\n  children: ReactNode;\n}\n\n/**\n * ToolResult — formatted output of a tool invocation.\n *\n * Three quick variants: plain text, code (monospace), json (monospace, tinted).\n * Always rendered as a `<div>` for predictable prop typing; code/json variants\n * wrap children in `<pre>` internally.\n */\nconst ToolResult = forwardRef<HTMLDivElement, ToolResultProps>(\n  ({ className, variant = \"text\", children, ...props }, ref) => {\n    if (variant === \"text\") {\n      return (\n        <div\n          data-slot=\"tool-result\"\n          ref={ref}\n          className={cn(\"text-body-sm text-muted-foreground\", className)}\n          {...props}\n        >\n          {children}\n        </div>\n      );\n    }\n    return (\n      <div data-slot=\"tool-result\" ref={ref} className={className} {...props}>\n        <pre\n          className={cn(\n            \"overflow-x-auto whitespace-pre-wrap font-mono text-code-sm\",\n            variant === \"json\" ? \"text-primary-glow\" : \"text-foreground\",\n          )}\n        >\n          {children}\n        </pre>\n      </div>\n    );\n  },\n);\nToolResult.displayName = \"ToolResult\";\n\nexport { ToolResult };\n"]}

package/dist/chunk-YNDHYMPI.js

@@ -0,0 +1,46 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var TIER_CLASS = {
+  free: "bg-muted/40 border-muted-foreground/20 text-muted-foreground",
+  hobby: "bg-warning/10 border-warning/30 text-warning",
+  pro: "bg-primary/10 border-primary/30 text-primary",
+  team: "bg-success/10 border-success/30 text-success",
+  enterprise: "bg-foreground/5 border-foreground/20 text-foreground"
+};
+var SIZE_CLASS = {
+  sm: "px-1.5 py-0 text-label-caps",
+  md: "px-2 py-0.5 text-label"
+};
+function defaultLabel(plan) {
+  return plan.charAt(0).toUpperCase() + plan.slice(1);
+}
+var PlanBadge = forwardRef(
+  ({ className, plan, label, size = "md", ...props }, ref) => {
+    const tierClass = TIER_CLASS[plan] ?? TIER_CLASS.free;
+    const displayLabel = label ?? defaultLabel(plan);
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        "data-slot": "plan-badge",
+        ref,
+        className: cn(
+          "inline-flex items-center rounded-md border",
+          "font-mono uppercase tabular-nums tracking-wider",
+          tierClass,
+          SIZE_CLASS[size],
+          className
+        ),
+        "data-plan": plan,
+        ...props,
+        children: displayLabel
+      }
+    );
+  }
+);
+PlanBadge.displayName = "PlanBadge";
+
+export { PlanBadge };
+//# sourceMappingURL=chunk-YNDHYMPI.js.map
+//# sourceMappingURL=chunk-YNDHYMPI.js.map

package/dist/chunk-YNDHYMPI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/plan-badge/plan-badge.tsx"],"names":[],"mappings":";;;;AAuCA,IAAM,UAAA,GAAuC;AAAA,EAC3C,IAAA,EAAM,8DAAA;AAAA,EACN,KAAA,EAAO,8CAAA;AAAA,EACP,GAAA,EAAK,8CAAA;AAAA,EACL,IAAA,EAAM,8CAAA;AAAA,EACN,UAAA,EAAY;AACd,CAAA;AAEA,IAAM,UAAA,GAAa;AAAA,EACjB,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,SAAS,aAAa,IAAA,EAAwB;AAC5C,EAAA,OAAO,IAAA,CAAK,OAAO,CAAC,CAAA,CAAE,aAAY,GAAI,IAAA,CAAK,MAAM,CAAC,CAAA;AACpD;AAEA,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,OAAO,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAG1D,IAAA,MAAM,SAAA,GAAY,UAAA,CAAW,IAAI,CAAA,IAAK,UAAA,CAAW,IAAA;AACjD,IAAA,MAAM,YAAA,GAAe,KAAA,IAAS,YAAA,CAAa,IAAI,CAAA;AAC/C,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,YAAA;AAAA,QACV,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,4CAAA;AAAA,UACA,iDAAA;AAAA,UACA,SAAA;AAAA,UACA,WAAW,IAAI,CAAA;AAAA,UACf;AAAA,SACF;AAAA,QACA,WAAA,EAAW,IAAA;AAAA,QACV,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-YNDHYMPI.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * PlanBadge — semantic pricing-tier badge.\n *\n * Five canonical tiers (`free` / `hobby` / `pro` / `team` / `enterprise`) with\n * distinct color tokens. Consumers self-document intent with `plan=\"hobby\"`\n * instead of mapping a generic `<Badge variant=\"outline\">` to colors per app.\n * Future rebrand / dark-mode tweaks propagate automatically — no consumer\n * code change.\n *\n * Visual spec (per `theo/docs/handoff/2026-05-23-theo-ui-cloud-dashboard-gaps-brief.md`):\n *\n *   | tier         | bg                  | border                   | text                  |\n *   |--------------|---------------------|--------------------------|-----------------------|\n *   | free         | bg-muted/40         | border-muted-foreground/20 | text-muted-foreground |\n *   | hobby        | bg-warning/10       | border-warning/30        | text-warning          |\n *   | pro          | bg-primary/10       | border-primary/30        | text-primary          |\n *   | team         | bg-success/10       | border-success/30        | text-success          |\n *   | enterprise   | bg-foreground/5     | border-foreground/20     | text-foreground       |\n *\n * Default label capitalizes the tier (`hobby → \"Hobby\"`, `enterprise → \"Enterprise\"`).\n *\n * Used by `<AccountMenu>` inline with the user name; usable standalone.\n */\n\nexport type PlanTier = \"free\" | \"hobby\" | \"pro\" | \"team\" | \"enterprise\";\n\nexport interface PlanBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Plan tier identifier. */\n  plan: PlanTier;\n  /** Override the display label. Defaults to the capitalized tier name. */\n  label?: string;\n  /** Size variant. */\n  size?: \"sm\" | \"md\";\n}\n\nconst TIER_CLASS: Record<PlanTier, string> = {\n  free: \"bg-muted/40 border-muted-foreground/20 text-muted-foreground\",\n  hobby: \"bg-warning/10 border-warning/30 text-warning\",\n  pro: \"bg-primary/10 border-primary/30 text-primary\",\n  team: \"bg-success/10 border-success/30 text-success\",\n  enterprise: \"bg-foreground/5 border-foreground/20 text-foreground\",\n};\n\nconst SIZE_CLASS = {\n  sm: \"px-1.5 py-0 text-label-caps\",\n  md: \"px-2 py-0.5 text-label\",\n} as const;\n\nfunction defaultLabel(plan: PlanTier): string {\n  return plan.charAt(0).toUpperCase() + plan.slice(1);\n}\n\nconst PlanBadge = forwardRef<HTMLSpanElement, PlanBadgeProps>(\n  ({ className, plan, label, size = \"md\", ...props }, ref) => {\n    // Runtime fallback for unknown tier (TypeScript prevents this at compile\n    // time; the guard handles consumers casting an arbitrary string).\n    const tierClass = TIER_CLASS[plan] ?? TIER_CLASS.free;\n    const displayLabel = label ?? defaultLabel(plan);\n    return (\n      <span\n        data-slot=\"plan-badge\"\n        ref={ref}\n        className={cn(\n          \"inline-flex items-center rounded-md border\",\n          \"font-mono uppercase tabular-nums tracking-wider\",\n          tierClass,\n          SIZE_CLASS[size],\n          className,\n        )}\n        data-plan={plan}\n        {...props}\n      >\n        {displayLabel}\n      </span>\n    );\n  },\n);\nPlanBadge.displayName = \"PlanBadge\";\n\nexport { PlanBadge };\n"]}

package/dist/chunk-YO3WEMOH.js

@@ -0,0 +1,130 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var Root = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "aside",
+    {
+      "data-slot": "sidebar",
+      ref,
+      className: cn(
+        "flex h-full w-64 flex-col border-border/40 border-r bg-card text-card-foreground",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Root.displayName = "Sidebar";
+var Header = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sidebar-header",
+      ref,
+      className: cn("flex h-16 items-center gap-3 border-border/40 border-b px-5", className),
+      ...props
+    }
+  )
+);
+Header.displayName = "Sidebar.Header";
+var Section = forwardRef(
+  ({ className, title, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "sidebar-section",
+      ref,
+      className: cn("flex flex-col gap-1 px-3 py-4", className),
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx("p", { className: "px-2 pb-1 font-sans text-label-caps text-muted-foreground uppercase", children: title }) : null,
+        children
+      ]
+    }
+  )
+);
+Section.displayName = "Sidebar.Section";
+var Item = forwardRef(
+  ({ className, icon: Icon, active, count, as = "button", href, children, ...props }, ref) => {
+    const classes = cn(
+      "group flex w-full items-center gap-3 rounded-lg px-2 py-2",
+      "font-medium font-sans text-body-sm",
+      "transition-colors duration-base ease-out-soft",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card",
+      active ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-muted hover:text-foreground",
+      className
+    );
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      Icon ? /* @__PURE__ */ jsx(
+        Icon,
+        {
+          className: cn(
+            "size-4 shrink-0",
+            active ? "text-primary" : "text-muted-foreground group-hover:text-foreground"
+          )
+        }
+      ) : null,
+      /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left", children }),
+      count !== void 0 ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "ml-auto rounded-full px-1.5 py-0.5 font-mono text-label",
+            active ? "bg-primary text-primary-foreground" : "bg-muted-foreground/15"
+          ),
+          children: count
+        }
+      ) : null
+    ] });
+    if (as === "a") {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          "data-slot": "sidebar-item",
+          ref,
+          href,
+          className: classes,
+          "aria-current": active ? "page" : void 0,
+          ...props,
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        "data-slot": "sidebar-item",
+        ref,
+        type: "button",
+        className: classes,
+        "aria-pressed": active ? "true" : void 0,
+        ...props,
+        children: content
+      }
+    );
+  }
+);
+Item.displayName = "Sidebar.Item";
+var Footer = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sidebar-footer",
+      ref,
+      className: cn("mt-auto border-border/40 border-t px-5 py-4", className),
+      ...props
+    }
+  )
+);
+Footer.displayName = "Sidebar.Footer";
+var Sidebar = /* @__PURE__ */ Object.assign(Root, {
+  Header,
+  Section,
+  Item,
+  Footer
+});
+
+export { Sidebar };
+//# sourceMappingURL=chunk-YO3WEMOH.js.map
+//# sourceMappingURL=chunk-YO3WEMOH.js.map

package/dist/chunk-YO3WEMOH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/sidebar/sidebar.tsx"],"names":[],"mappings":"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","file":"chunk-YO3WEMOH.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type {\n  AnchorHTMLAttributes,\n  ButtonHTMLAttributes,\n  ElementType,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n} from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Sidebar — vertical navigation shell.\n *\n * Composition:\n *   <Sidebar>\n *     <Sidebar.Header>…brand…</Sidebar.Header>\n *     <Sidebar.Section title=\"Workspace\">\n *       <Sidebar.Item icon={Home} active>Overview</Sidebar.Item>\n *       <Sidebar.Item icon={Rocket} count={3}>Deployments</Sidebar.Item>\n *     </Sidebar.Section>\n *     <Sidebar.Footer>…user…</Sidebar.Footer>\n *   </Sidebar>\n *\n * Width is 260px by default (matches the wiremocks). Pass `className` to override.\n * Sidebar root is `<aside>` with a hairline right border.\n */\n\nconst Root = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  ({ className, ...props }, ref) => (\n    <aside\n      data-slot=\"sidebar\"\n      ref={ref}\n      className={cn(\n        \"flex h-full w-64 flex-col border-border/40 border-r bg-card text-card-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nRoot.displayName = \"Sidebar\";\n\nconst Header = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      data-slot=\"sidebar-header\"\n      ref={ref}\n      className={cn(\"flex h-16 items-center gap-3 border-border/40 border-b px-5\", className)}\n      {...props}\n    />\n  ),\n);\nHeader.displayName = \"Sidebar.Header\";\n\ninterface SectionProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: ReactNode;\n}\n\nconst Section = forwardRef<HTMLDivElement, SectionProps>(\n  ({ className, title, children, ...props }, ref) => (\n    <div\n      data-slot=\"sidebar-section\"\n      ref={ref}\n      className={cn(\"flex flex-col gap-1 px-3 py-4\", className)}\n      {...props}\n    >\n      {title ? (\n        <p className=\"px-2 pb-1 font-sans text-label-caps text-muted-foreground uppercase\">\n          {title}\n        </p>\n      ) : null}\n      {children}\n    </div>\n  ),\n);\nSection.displayName = \"Sidebar.Section\";\n\ninterface ItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"type\"> {\n  icon?: ElementType;\n  active?: boolean;\n  count?: number | string;\n  as?: \"button\" | \"a\";\n  href?: string;\n}\n\n/**\n * Sidebar.Item — single nav row. Renders as <button> by default; pass `as=\"a\"` + `href`\n * to render an anchor for routing.\n */\nconst Item = forwardRef<HTMLElement, ItemProps>(\n  ({ className, icon: Icon, active, count, as = \"button\", href, children, ...props }, ref) => {\n    const classes = cn(\n      \"group flex w-full items-center gap-3 rounded-lg px-2 py-2\",\n      \"font-medium font-sans text-body-sm\",\n      \"transition-colors 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-card\",\n      active\n        ? \"bg-primary/10 text-primary\"\n        : \"text-muted-foreground hover:bg-muted hover:text-foreground\",\n      className,\n    );\n\n    const content = (\n      <>\n        {Icon ? (\n          <Icon\n            className={cn(\n              \"size-4 shrink-0\",\n              active ? \"text-primary\" : \"text-muted-foreground group-hover:text-foreground\",\n            )}\n          />\n        ) : null}\n        <span className=\"flex-1 truncate text-left\">{children}</span>\n        {count !== undefined ? (\n          <span\n            className={cn(\n              \"ml-auto rounded-full px-1.5 py-0.5 font-mono text-label\",\n              active ? \"bg-primary text-primary-foreground\" : \"bg-muted-foreground/15\",\n            )}\n          >\n            {count}\n          </span>\n        ) : null}\n      </>\n    );\n\n    if (as === \"a\") {\n      return (\n        <a\n          data-slot=\"sidebar-item\"\n          ref={ref as Ref<HTMLAnchorElement>}\n          href={href}\n          className={classes}\n          aria-current={active ? \"page\" : undefined}\n          {...(props as AnchorHTMLAttributes<HTMLAnchorElement>)}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        data-slot=\"sidebar-item\"\n        ref={ref as Ref<HTMLButtonElement>}\n        type=\"button\"\n        className={classes}\n        aria-pressed={active ? \"true\" : undefined}\n        {...props}\n      >\n        {content}\n      </button>\n    );\n  },\n);\nItem.displayName = \"Sidebar.Item\";\n\nconst Footer = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      data-slot=\"sidebar-footer\"\n      ref={ref}\n      className={cn(\"mt-auto border-border/40 border-t px-5 py-4\", className)}\n      {...props}\n    />\n  ),\n);\nFooter.displayName = \"Sidebar.Footer\";\n\nconst Sidebar = /*#__PURE__*/ Object.assign(Root, {\n  Header,\n  Section,\n  Item,\n  Footer,\n});\n\nexport { Sidebar };\n"]}

package/dist/chunk-YVXMWUWD.js

@@ -0,0 +1,118 @@
+"use client";
+import { cn } from './chunk-EWDN56AS.js';
+import { Wrench, Hammer, ShieldCheck, Edit3, FilePlus, FileSearch, Terminal, AlertTriangle, CheckCircle2, Loader2, CircleDot, ChevronRight } from 'lucide-react';
+import { forwardRef, useState } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var typeIcon = {
+  command: Terminal,
+  file_read: FileSearch,
+  file_write: FilePlus,
+  edit: Edit3,
+  lint: ShieldCheck,
+  typecheck: ShieldCheck,
+  build: Hammer,
+  tool: Wrench
+};
+var statusIcon = {
+  pending: CircleDot,
+  running: Loader2,
+  success: CheckCircle2,
+  failed: AlertTriangle
+};
+var statusColor = {
+  pending: "text-muted-foreground",
+  running: "text-primary",
+  success: "text-success",
+  failed: "text-destructive"
+};
+var AgentEvent = forwardRef(
+  ({ className, event, collapsible, defaultOpen, ...props }, ref) => {
+    const [open, setOpen] = useState(defaultOpen ?? false);
+    const TypeIcon = typeIcon[event.type];
+    const StatusIcon = statusIcon[event.status];
+    const isExpandable = !!(collapsible && event.detail !== void 0);
+    const handleToggle = () => {
+      if (isExpandable) setOpen((v) => !v);
+    };
+    const headerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "grid size-7 place-items-center rounded-md bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx(TypeIcon, { className: "size-3.5" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-0.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-body-sm text-foreground", children: event.label }),
+          event.path ? /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-muted-foreground", children: event.path }) : null,
+          event.diff ? /* @__PURE__ */ jsxs("span", { className: "font-mono text-code-sm", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-success", children: [
+              "+",
+              event.diff.added
+            ] }),
+            " ",
+            /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+              "-",
+              event.diff.removed
+            ] })
+          ] }) : null
+        ] }),
+        event.timestamp ? /* @__PURE__ */ jsx("p", { className: "font-mono text-label text-muted-foreground", children: event.timestamp }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(
+          StatusIcon,
+          {
+            className: cn(
+              "size-4",
+              statusColor[event.status],
+              event.status === "running" && "motion-safe:animate-spin"
+            ),
+            "aria-label": event.status
+          }
+        ),
+        isExpandable ? /* @__PURE__ */ jsx(
+          ChevronRight,
+          {
+            className: cn(
+              "size-4 text-muted-foreground transition-transform",
+              open && "rotate-90"
+            ),
+            "aria-hidden": "true"
+          }
+        ) : null
+      ] })
+    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "agent-event",
+        ref,
+        className: cn(
+          "rounded-md border border-transparent",
+          isExpandable && "hover:border-border/40 hover:bg-muted/40",
+          className
+        ),
+        ...props,
+        children: [
+          isExpandable ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleToggle,
+              "aria-expanded": open,
+              className: cn(
+                "grid w-full grid-cols-[auto_1fr_auto] items-center gap-3 px-3 py-2 text-left",
+                "cursor-pointer rounded-md",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              ),
+              children: headerContent
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-[auto_1fr_auto] items-center gap-3 px-3 py-2", children: headerContent }),
+          isExpandable && open ? /* @__PURE__ */ jsx("div", { className: "border-border/40 border-t bg-muted/20 px-3 py-2 font-mono text-code-sm text-muted-foreground", children: event.detail }) : null
+        ]
+      }
+    );
+  }
+);
+AgentEvent.displayName = "AgentEvent";
+
+export { AgentEvent };
+//# sourceMappingURL=chunk-YVXMWUWD.js.map
+//# sourceMappingURL=chunk-YVXMWUWD.js.map