@usetheo/ui 0.13.0 → 0.13.1

package/dist/chunk-QPURZJJM.js

@@ -0,0 +1,88 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { CornerDownRight, Bot, Loader2 } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var STATE_CONFIG = {
+  spawning: {
+    label: "Spawning",
+    class: "border-primary/40 bg-primary/10 text-primary animate-pulse"
+  },
+  running: { label: "Running", class: "border-primary/40 bg-primary/15 text-primary" },
+  completed: { label: "Done", class: "border-success/40 bg-success/15 text-success" },
+  failed: { label: "Failed", class: "border-destructive/40 bg-destructive/15 text-destructive" },
+  cancelled: { label: "Cancelled", class: "border-border/40 bg-muted text-muted-foreground" }
+};
+var SubAgentDispatch = forwardRef(
+  ({ className, run, onCancel, ...props }, ref) => {
+    const cfg = STATE_CONFIG[run.state];
+    const isLive = run.state === "spawning" || run.state === "running";
+    return /* @__PURE__ */ jsxs(
+      "article",
+      {
+        "data-slot": "sub-agent-dispatch",
+        ref,
+        className: cn(
+          "grid gap-2 rounded-lg border border-primary/30 border-l-2 border-l-primary bg-card px-4 py-3",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsx(CornerDownRight, { className: "size-3.5 shrink-0 text-primary", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx(Bot, { className: "size-4 shrink-0 text-primary", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium font-mono text-code-sm text-foreground", children: "dispatch" }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm text-primary", children: run.agent }),
+              run.duration ? /* @__PURE__ */ jsxs("span", { className: "font-mono text-label text-muted-foreground tabular-nums", children: [
+                "\xB7 ",
+                run.duration
+              ] }) : null
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: cn(
+                  "inline-flex shrink-0 items-center gap-1 rounded-full border px-2.5 py-0.5",
+                  "font-mono text-label uppercase tracking-wider",
+                  cfg.class
+                ),
+                children: [
+                  isLive ? /* @__PURE__ */ jsx(Loader2, { className: "size-3 animate-spin", "aria-hidden": "true" }) : null,
+                  cfg.label
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "text-body-sm text-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "mr-2 font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: "task" }),
+            run.task
+          ] }),
+          run.lastEvent ? /* @__PURE__ */ jsxs("p", { className: "truncate font-mono text-code-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/60", children: "\u203A" }),
+            " ",
+            run.lastEvent
+          ] }) : null,
+          run.result ? /* @__PURE__ */ jsxs("p", { className: "rounded-md bg-muted/40 px-3 py-2 text-body-sm text-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "mr-2 font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: "result" }),
+            run.result
+          ] }) : null,
+          isLive && onCancel ? /* @__PURE__ */ jsx("footer", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onCancel(run.id),
+              className: "rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label text-muted-foreground hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: "Cancel"
+            }
+          ) }) : null
+        ]
+      }
+    );
+  }
+);
+SubAgentDispatch.displayName = "SubAgentDispatch";
+
+export { SubAgentDispatch };
+//# sourceMappingURL=chunk-QPURZJJM.js.map
+//# sourceMappingURL=chunk-QPURZJJM.js.map

package/dist/chunk-QPURZJJM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/sub-agent-dispatch/sub-agent-dispatch.tsx"],"names":[],"mappings":"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","file":"chunk-QPURZJJM.js","sourcesContent":["import { Bot, CornerDownRight, Loader2 } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type SubAgentState = \"spawning\" | \"running\" | \"completed\" | \"failed\" | \"cancelled\";\n\nexport interface SubAgentRun {\n  id: string;\n  /** Profile name (matches AgentProfile.name). */\n  agent: string;\n  /** Short task description given to the sub-agent. */\n  task: string;\n  state: SubAgentState;\n  /** Optional duration label. */\n  duration?: string;\n  /** Optional last status line (preview of the latest event). */\n  lastEvent?: string;\n  /** Optional result summary (one-liner). */\n  result?: ReactNode;\n}\n\ninterface SubAgentDispatchProps extends HTMLAttributes<HTMLElement> {\n  run: SubAgentRun;\n  /** When provided, renders a cancel button while the run is in flight. */\n  onCancel?: (id: string) => void;\n}\n\nconst STATE_CONFIG: Record<SubAgentState, { label: string; class: string }> = {\n  spawning: {\n    label: \"Spawning\",\n    class: \"border-primary/40 bg-primary/10 text-primary animate-pulse\",\n  },\n  running: { label: \"Running\", class: \"border-primary/40 bg-primary/15 text-primary\" },\n  completed: { label: \"Done\", class: \"border-success/40 bg-success/15 text-success\" },\n  failed: { label: \"Failed\", class: \"border-destructive/40 bg-destructive/15 text-destructive\" },\n  cancelled: { label: \"Cancelled\", class: \"border-border/40 bg-muted text-muted-foreground\" },\n};\n\n/**\n * SubAgentDispatch — visualization for a Task() / sub-agent invocation.\n *\n * Shows the agent name, the task summary, current state, an inline event\n * preview, and an optional result. Use inside the agent timeline to make\n * delegation visible.\n */\nconst SubAgentDispatch = forwardRef<HTMLElement, SubAgentDispatchProps>(\n  ({ className, run, onCancel, ...props }, ref) => {\n    const cfg = STATE_CONFIG[run.state];\n    const isLive = run.state === \"spawning\" || run.state === \"running\";\n    return (\n      <article\n        data-slot=\"sub-agent-dispatch\"\n        ref={ref}\n        className={cn(\n          \"grid gap-2 rounded-lg border border-primary/30 border-l-2 border-l-primary bg-card px-4 py-3\",\n          className,\n        )}\n        {...props}\n      >\n        <header className=\"flex items-start justify-between gap-3\">\n          <div className=\"flex min-w-0 items-center gap-2\">\n            <CornerDownRight className=\"size-3.5 shrink-0 text-primary\" aria-hidden=\"true\" />\n            <Bot className=\"size-4 shrink-0 text-primary\" aria-hidden=\"true\" />\n            <span className=\"font-medium font-mono text-code-sm text-foreground\">dispatch</span>\n            <span className=\"font-mono text-code-sm text-primary\">{run.agent}</span>\n            {run.duration ? (\n              <span className=\"font-mono text-label text-muted-foreground tabular-nums\">\n                · {run.duration}\n              </span>\n            ) : null}\n          </div>\n          <span\n            className={cn(\n              \"inline-flex shrink-0 items-center gap-1 rounded-full border px-2.5 py-0.5\",\n              \"font-mono text-label uppercase tracking-wider\",\n              cfg.class,\n            )}\n          >\n            {isLive ? <Loader2 className=\"size-3 animate-spin\" aria-hidden=\"true\" /> : null}\n            {cfg.label}\n          </span>\n        </header>\n\n        <p className=\"text-body-sm text-foreground\">\n          <span className=\"mr-2 font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n            task\n          </span>\n          {run.task}\n        </p>\n\n        {run.lastEvent ? (\n          <p className=\"truncate font-mono text-code-sm text-muted-foreground\">\n            <span className=\"text-muted-foreground/60\">›</span> {run.lastEvent}\n          </p>\n        ) : null}\n\n        {run.result ? (\n          <p className=\"rounded-md bg-muted/40 px-3 py-2 text-body-sm text-foreground\">\n            <span className=\"mr-2 font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n              result\n            </span>\n            {run.result}\n          </p>\n        ) : null}\n\n        {isLive && onCancel ? (\n          <footer className=\"flex justify-end\">\n            <button\n              type=\"button\"\n              onClick={() => onCancel(run.id)}\n              className=\"rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label text-muted-foreground hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              Cancel\n            </button>\n          </footer>\n        ) : null}\n      </article>\n    );\n  },\n);\nSubAgentDispatch.displayName = \"SubAgentDispatch\";\n\nexport { SubAgentDispatch };\n"]}

package/dist/chunk-QRXIYPWP.js

@@ -0,0 +1,121 @@
+import { safeHref } from './chunk-GDMCDW66.js';
+import { BadgeWithDot } from './chunk-624AATQZ.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { GitPullRequest, Server, ExternalLink } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var statusToVariant = {
+  queued: "warning",
+  building: "primary",
+  deploying: "primary",
+  live: "success",
+  failed: "destructive",
+  cancelled: "default",
+  idle: "default"
+};
+var statusToDot = {
+  queued: "warning",
+  building: "primary",
+  deploying: "primary",
+  live: "success",
+  failed: "destructive",
+  cancelled: "muted",
+  idle: "muted"
+};
+var statusLabels = {
+  queued: "Queued",
+  building: "Building",
+  deploying: "Deploying",
+  live: "Live",
+  failed: "Failed",
+  cancelled: "Cancelled",
+  idle: "Idle"
+};
+var PreviewEnvCard = forwardRef(
+  ({ className, env, actions, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "article",
+    {
+      "data-slot": "preview-env-card",
+      ref,
+      className: cn(
+        "rounded-xl border bg-card p-5 shadow-sm",
+        "transition-[border-color,box-shadow] duration-base ease-out-soft",
+        "hover:border-primary/40",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 font-mono text-label-caps text-muted-foreground uppercase", children: [
+              /* @__PURE__ */ jsx(GitPullRequest, { className: "size-3" }),
+              " PR #",
+              env.prNumber
+            ] }),
+            /* @__PURE__ */ jsx("h3", { className: "mt-1 truncate font-display text-title-md tracking-tight", children: env.prTitle }),
+            /* @__PURE__ */ jsxs("p", { className: "mt-1 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-body-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm", children: env.branch }),
+              env.author ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "by ",
+                  env.author.name
+                ] })
+              ] }) : null,
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "opened ",
+                env.createdAt
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(BadgeWithDot, { variant: "primary", children: [
+            /* @__PURE__ */ jsx(Server, { className: "size-3" }),
+            " ",
+            env.services.length,
+            " service",
+            env.services.length === 1 ? "" : "s"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("ul", { className: "mt-4 divide-y divide-border/30 rounded-lg border border-border/30", children: env.services.map((s) => {
+          const sanitized = safeHref(s.url);
+          return /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-3 px-3 py-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm text-foreground", children: s.name }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              sanitized ? /* @__PURE__ */ jsxs(
+                "a",
+                {
+                  href: sanitized,
+                  className: "inline-flex items-center gap-1 font-mono text-code-sm text-primary hover:underline",
+                  target: "_blank",
+                  rel: "noreferrer",
+                  children: [
+                    sanitized.replace(/^https?:\/\//, ""),
+                    /* @__PURE__ */ jsx(ExternalLink, { className: "size-3" })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm text-muted-foreground", children: "internal" }),
+              /* @__PURE__ */ jsxs(BadgeWithDot, { variant: statusToVariant[s.status], children: [
+                /* @__PURE__ */ jsx(
+                  BadgeWithDot.Dot,
+                  {
+                    tone: statusToDot[s.status],
+                    pulse: s.status === "building" || s.status === "deploying" || s.status === "queued"
+                  }
+                ),
+                statusLabels[s.status]
+              ] })
+            ] })
+          ] }, s.name);
+        }) }),
+        actions ? /* @__PURE__ */ jsx("div", { className: "mt-4 flex items-center gap-2", children: actions }) : null
+      ]
+    }
+  )
+);
+PreviewEnvCard.displayName = "PreviewEnvCard";
+
+export { PreviewEnvCard };
+//# sourceMappingURL=chunk-QRXIYPWP.js.map
+//# sourceMappingURL=chunk-QRXIYPWP.js.map

package/dist/chunk-QRXIYPWP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/preview-env-card/preview-env-card.tsx"],"names":[],"mappings":"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","file":"chunk-QRXIYPWP.js","sourcesContent":["import { ExternalLink, GitPullRequest, Server } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { safeHref } from \"../../../lib/safe-href.js\";\nimport { Badge } from \"../../primitives/badge/index.js\";\nimport type { DeploymentStatus } from \"../deployment-row/deployment-row.js\";\n\nconst statusToVariant: Record<\n  DeploymentStatus,\n  \"default\" | \"primary\" | \"success\" | \"warning\" | \"destructive\"\n> = {\n  queued: \"warning\",\n  building: \"primary\",\n  deploying: \"primary\",\n  live: \"success\",\n  failed: \"destructive\",\n  cancelled: \"default\",\n  idle: \"default\",\n};\nconst statusToDot: Record<\n  DeploymentStatus,\n  \"primary\" | \"success\" | \"warning\" | \"destructive\" | \"muted\"\n> = {\n  queued: \"warning\",\n  building: \"primary\",\n  deploying: \"primary\",\n  live: \"success\",\n  failed: \"destructive\",\n  cancelled: \"muted\",\n  idle: \"muted\",\n};\nconst statusLabels: Record<DeploymentStatus, string> = {\n  queued: \"Queued\",\n  building: \"Building\",\n  deploying: \"Deploying\",\n  live: \"Live\",\n  failed: \"Failed\",\n  cancelled: \"Cancelled\",\n  idle: \"Idle\",\n};\n\nexport interface PreviewService {\n  /** Service name e.g. \"api\", \"web\", \"worker\". */\n  name: string;\n  /** Live URL or null if not exposed (worker). */\n  url?: string;\n  status: DeploymentStatus;\n}\n\nexport interface PreviewEnv {\n  id: string;\n  prNumber: number;\n  prTitle: string;\n  branch: string;\n  author?: { name: string; avatarUrl?: string };\n  services: PreviewService[];\n  createdAt: string;\n}\n\ninterface PreviewEnvCardProps extends HTMLAttributes<HTMLDivElement> {\n  env: PreviewEnv;\n  actions?: ReactNode;\n}\n\n/**\n * PreviewEnvCard — preview environment card surfacing all services from one PR.\n *\n * Theo's killer feature: full-stack preview environments. The card shows:\n *   - PR number + title at the top\n *   - branch + author in the metadata row\n *   - one badge per service with its own status + URL\n *   - bottom action row (Open, Promote, Delete)\n */\nconst PreviewEnvCard = forwardRef<HTMLDivElement, PreviewEnvCardProps>(\n  ({ className, env, actions, ...props }, ref) => (\n    <article\n      data-slot=\"preview-env-card\"\n      ref={ref}\n      className={cn(\n        \"rounded-xl border bg-card p-5 shadow-sm\",\n        \"transition-[border-color,box-shadow] duration-base ease-out-soft\",\n        \"hover:border-primary/40\",\n        className,\n      )}\n      {...(props as HTMLAttributes<HTMLDivElement>)}\n    >\n      <header className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <p className=\"flex items-center gap-2 font-mono text-label-caps text-muted-foreground uppercase\">\n            <GitPullRequest className=\"size-3\" /> PR #{env.prNumber}\n          </p>\n          <h3 className=\"mt-1 truncate font-display text-title-md tracking-tight\">{env.prTitle}</h3>\n          <p className=\"mt-1 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-body-sm text-muted-foreground\">\n            <span className=\"font-mono text-code-sm\">{env.branch}</span>\n            {env.author ? (\n              <>\n                <span aria-hidden=\"true\">·</span>\n                <span>by {env.author.name}</span>\n              </>\n            ) : null}\n            <span aria-hidden=\"true\">·</span>\n            <span>opened {env.createdAt}</span>\n          </p>\n        </div>\n        <Badge variant=\"primary\">\n          <Server className=\"size-3\" /> {env.services.length} service\n          {env.services.length === 1 ? \"\" : \"s\"}\n        </Badge>\n      </header>\n\n      <ul className=\"mt-4 divide-y divide-border/30 rounded-lg border border-border/30\">\n        {env.services.map((s) => {\n          // T3.3 (SEC-003): defang dangerous URL protocols before rendering\n          // as <a href>. Consumers passing user-controlled URLs from API\n          // responses are protected from javascript:/vbscript:/data:text/html\n          // XSS payloads.\n          const sanitized = safeHref(s.url);\n          return (\n            <li key={s.name} className=\"flex items-center justify-between gap-3 px-3 py-2\">\n              <span className=\"font-mono text-code-sm text-foreground\">{s.name}</span>\n              <div className=\"flex items-center gap-2\">\n                {sanitized ? (\n                  <a\n                    href={sanitized}\n                    className=\"inline-flex items-center gap-1 font-mono text-code-sm text-primary hover:underline\"\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                  >\n                    {sanitized.replace(/^https?:\\/\\//, \"\")}\n                    <ExternalLink className=\"size-3\" />\n                  </a>\n                ) : (\n                  <span className=\"font-mono text-code-sm text-muted-foreground\">internal</span>\n                )}\n                <Badge variant={statusToVariant[s.status]}>\n                  <Badge.Dot\n                    tone={statusToDot[s.status]}\n                    pulse={\n                      s.status === \"building\" || s.status === \"deploying\" || s.status === \"queued\"\n                    }\n                  />\n                  {statusLabels[s.status]}\n                </Badge>\n              </div>\n            </li>\n          );\n        })}\n      </ul>\n\n      {actions ? <div className=\"mt-4 flex items-center gap-2\">{actions}</div> : null}\n    </article>\n  ),\n);\nPreviewEnvCard.displayName = \"PreviewEnvCard\";\n\nexport { PreviewEnvCard };\n"]}

package/dist/chunk-QV4BQRNH.js

@@ -0,0 +1,29 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { BookOpen } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ContextCard = forwardRef(
+  ({ className, title, description, illustration, icon, ...props }, ref) => {
+    const Icon = icon ?? BookOpen;
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "context-card",
+        ref,
+        className: cn("grid gap-3 rounded-xl border border-border/40 bg-muted/30 p-4", className),
+        ...props,
+        children: [
+          illustration ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: illustration }) : /* @__PURE__ */ jsx(Icon, { className: "size-5 text-primary", "aria-hidden": "true" }),
+          title ? /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }) : null,
+          description ? /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: description }) : null
+        ]
+      }
+    );
+  }
+);
+ContextCard.displayName = "ContextCard";
+
+export { ContextCard };
+//# sourceMappingURL=chunk-QV4BQRNH.js.map
+//# sourceMappingURL=chunk-QV4BQRNH.js.map

package/dist/chunk-QV4BQRNH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/context-card/context-card.tsx"],"names":[],"mappings":";;;;;AAqBA,IAAM,WAAA,GAAc,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,WAAA,EAAa,cAAc,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACxE,IAAA,MAAM,OAAO,IAAA,IAAQ,QAAA;AACrB,IAAA,uBACE,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,cAAA;AAAA,QACV,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,+DAAA,EAAiE,SAAS,CAAA;AAAA,QACvF,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,YAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAA,YAAA,EAAa,CAAA,mBAEnD,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,qBAAA,EAAsB,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,UAE1D,wBAAQ,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2CAAA,EAA6C,iBAAM,CAAA,GAAQ,IAAA;AAAA,UACjF,8BAAc,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oCAAA,EAAsC,uBAAY,CAAA,GAAO;AAAA;AAAA;AAAA,KACvF;AAAA,EAEJ;AACF;AACA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-QV4BQRNH.js","sourcesContent":["import { BookOpen } 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\ninterface ContextCardProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  title?: ReactNode;\n  description?: ReactNode;\n  /** Optional illustration slot (rendered above title). */\n  illustration?: ReactNode;\n  /** Icon for the title row — used when illustration is omitted. */\n  icon?: IconComponent;\n}\n\n/**\n * ContextCard — generic \"informational\" card for the right inspector.\n *\n * Used as the \"Contexto\" card on Files screens: illustration / icon, title,\n * short description. Inert by design — no actions.\n */\nconst ContextCard = forwardRef<HTMLElement, ContextCardProps>(\n  ({ className, title, description, illustration, icon, ...props }, ref) => {\n    const Icon = icon ?? BookOpen;\n    return (\n      <section\n        data-slot=\"context-card\"\n        ref={ref}\n        className={cn(\"grid gap-3 rounded-xl border border-border/40 bg-muted/30 p-4\", className)}\n        {...props}\n      >\n        {illustration ? (\n          <div className=\"flex justify-center\">{illustration}</div>\n        ) : (\n          <Icon className=\"size-5 text-primary\" aria-hidden=\"true\" />\n        )}\n        {title ? <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3> : null}\n        {description ? <p className=\"text-body-sm text-muted-foreground\">{description}</p> : null}\n      </section>\n    );\n  },\n);\nContextCard.displayName = \"ContextCard\";\n\nexport { ContextCard };\n"]}

package/dist/chunk-REFY5MLN.js

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

package/dist/chunk-REFY5MLN.js.map

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