@athenaintel/react 0.18.0 → 0.20.0

package/dist/tools/misc-tool-uis.js

@@ -0,0 +1,54 @@
+import { jsx } from "react/jsx-runtime";
+import { PackageIcon } from "lucide-react";
+import { memo } from "react";
+import "../packages/agent-runtime/src/generated/runconfig-contract.js";
+import "@assistant-ui/tap";
+import "statewire";
+import "../packages/agent-runtime/src/statewire-suspended.js";
+import { describePackage } from "../packages/agent-runtime/src/tool-metadata.js";
+import { classifyToolResult, isToolResultSuccess } from "../packages/agent-runtime/src/tool-result.js";
+import "@tanstack/react-query";
+import "../packages/agent-runtime/src/statewire-state.js";
+import "../packages/agent-runtime/src/messages.js";
+import "@assistant-ui/react-statewire";
+import "@assistant-ui/store";
+import "@assistant-ui/react-statewire/local-storage";
+import "../packages/agent-runtime/src/statewire-attach-observer.js";
+import "../packages/agent-runtime/src/thread-status.js";
+import "@assistant-ui/core";
+import { normalizeResult, ToolCard, ExpandableSection } from "./primitives.js";
+import { ToolFallback } from "./tool-fallback.js";
+const InstallPackageToolUIImpl = (props) => {
+  const { toolName, args, result, status } = props;
+  if (classifyToolResult({ status, result }).state === "rejected") {
+    return /* @__PURE__ */ jsx(ToolFallback, { ...props, icon: PackageIcon });
+  }
+  const typedArgs = args ?? {};
+  const packageName = describePackage(typedArgs);
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isFailed = (status == null ? void 0 : status.type) === "incomplete" || (status == null ? void 0 : status.type) === "complete" && !isToolResultSuccess(result);
+  const data = normalizeResult(result);
+  const detail = typeof result === "string" ? result : data ? JSON.stringify(data, null, 2) : null;
+  return /* @__PURE__ */ jsx(
+    ToolCard,
+    {
+      icon: PackageIcon,
+      status: isFailed && (status == null ? void 0 : status.type) === "complete" ? "incomplete" : (status == null ? void 0 : status.type) ?? "complete",
+      title: isRunning ? "Installing package..." : isFailed ? "Couldn't install package" : "Installed package",
+      subtitle: packageName,
+      toolName,
+      error: (status == null ? void 0 : status.type) === "incomplete" ? String(status.error ?? "") || void 0 : void 0,
+      args: typedArgs,
+      result,
+      children: !isRunning && detail ? /* @__PURE__ */ jsx(ExpandableSection, { label: "Show output", children: /* @__PURE__ */ jsx("pre", { className: "max-h-64 overflow-auto whitespace-pre-wrap break-all text-[11px] leading-snug text-muted-foreground", children: detail }) }) : null
+    }
+  );
+};
+const InstallPackageToolUI = memo(
+  InstallPackageToolUIImpl
+);
+InstallPackageToolUI.displayName = "InstallPackageToolUI";
+export {
+  InstallPackageToolUI
+};
+//# sourceMappingURL=misc-tool-uis.js.map

package/dist/tools/misc-tool-uis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"misc-tool-uis.js","sources":["../../src/tools/misc-tool-uis.tsx"],"sourcesContent":["/**\n * Small dedicated cards for tools whose generic fallback rendering read\n * poorly: currently the pip installer (Olympus registers it; the SDK's own\n * registry includes it).\n */\nimport { PackageIcon } from \"lucide-react\";\nimport { memo } from \"react\";\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport {\n  classifyToolResult,\n  describePackage,\n  isToolResultSuccess,\n} from \"@athenaintel/agent-runtime\";\nimport { ExpandableSection, normalizeResult, ToolCard } from \"./primitives\";\nimport { ToolFallback } from \"./tool-fallback\";\n\nconst InstallPackageToolUIImpl: ToolCallMessagePartComponent = (props) => {\n  const { toolName, args, result, status } = props;\n  // An install the user refused at the approval gate is neither installed\n  // nor failed: the generic card owns the rejected treatment.\n  if (classifyToolResult({ status, result }).state === \"rejected\") {\n    return <ToolFallback {...props} icon={PackageIcon} />;\n  }\n  const typedArgs = (args ?? {}) as Record<string, unknown>;\n  const packageName = describePackage(typedArgs);\n  const isRunning = status?.type === \"running\";\n  const isFailed =\n    status?.type === \"incomplete\" || (status?.type === \"complete\" && !isToolResultSuccess(result));\n  const data = normalizeResult(result);\n  const detail =\n    typeof result === \"string\" ? result : data ? JSON.stringify(data, null, 2) : null;\n\n  return (\n    <ToolCard\n      icon={PackageIcon}\n      status={isFailed && status?.type === \"complete\" ? \"incomplete\" : (status?.type ?? \"complete\")}\n      title={\n        isRunning\n          ? \"Installing package...\"\n          : isFailed\n            ? \"Couldn't install package\"\n            : \"Installed package\"\n      }\n      subtitle={packageName}\n      toolName={toolName}\n      error={status?.type === \"incomplete\" ? String(status.error ?? \"\") || undefined : undefined}\n      args={typedArgs}\n      result={result}\n    >\n      {!isRunning && detail ? (\n        <ExpandableSection label=\"Show output\">\n          <pre className=\"max-h-64 overflow-auto whitespace-pre-wrap break-all text-[11px] leading-snug text-muted-foreground\">\n            {detail}\n          </pre>\n        </ExpandableSection>\n      ) : null}\n    </ToolCard>\n  );\n};\n\nexport const InstallPackageToolUI = memo(\n  InstallPackageToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nInstallPackageToolUI.displayName = \"InstallPackageToolUI\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,2BAAyD,CAAC,UAAU;AACxE,QAAM,EAAE,UAAU,MAAM,QAAQ,WAAW;AAG3C,MAAI,mBAAmB,EAAE,QAAQ,QAAQ,EAAE,UAAU,YAAY;AAC/D,WAAO,oBAAC,cAAA,EAAc,GAAG,OAAO,MAAM,aAAa;AAAA,EACrD;AACA,QAAM,YAAa,QAAQ,CAAA;AAC3B,QAAM,cAAc,gBAAgB,SAAS;AAC7C,QAAM,aAAY,iCAAQ,UAAS;AACnC,QAAM,YACJ,iCAAQ,UAAS,iBAAiB,iCAAQ,UAAS,cAAc,CAAC,oBAAoB,MAAM;AAC9F,QAAM,OAAO,gBAAgB,MAAM;AACnC,QAAM,SACJ,OAAO,WAAW,WAAW,SAAS,OAAO,KAAK,UAAU,MAAM,MAAM,CAAC,IAAI;AAE/E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,QAAQ,aAAY,iCAAQ,UAAS,aAAa,gBAAgB,iCAAQ,SAAQ;AAAA,MAClF,OACE,YACI,0BACA,WACE,6BACA;AAAA,MAER,UAAU;AAAA,MACV;AAAA,MACA,QAAO,iCAAQ,UAAS,eAAe,OAAO,OAAO,SAAS,EAAE,KAAK,SAAY;AAAA,MACjF,MAAM;AAAA,MACN;AAAA,MAEC,UAAA,CAAC,aAAa,SACb,oBAAC,mBAAA,EAAkB,OAAM,eACvB,UAAA,oBAAC,OAAA,EAAI,WAAU,uGACZ,UAAA,OAAA,CACH,GACF,IACE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,MAAM,uBAAuB;AAAA,EAClC;AACF;AACA,qBAAqB,cAAc;"}

package/dist/tools/primitives.cjs

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+require("../packages/agent-runtime/src/generated/runconfig-contract.cjs");
+require("@assistant-ui/tap");
+require("statewire");
+require("../packages/agent-runtime/src/statewire-suspended.cjs");
+const toolMetadata = require("../packages/agent-runtime/src/tool-metadata.cjs");
+require("@tanstack/react-query");
+require("../packages/agent-runtime/src/statewire-state.cjs");
+require("../packages/agent-runtime/src/messages.cjs");
+require("@assistant-ui/react-statewire");
+require("@assistant-ui/store");
+require("@assistant-ui/react-statewire/local-storage");
+require("../packages/agent-runtime/src/statewire-attach-observer.cjs");
+require("../packages/agent-runtime/src/thread-status.cjs");
+require("@assistant-ui/core");
+const lucideReact = require("lucide-react");
+const cnfast = require("cnfast");
+function tryParseJson(text) {
+  try {
+    const parsed = JSON.parse(text);
+    return typeof parsed === "object" && parsed !== null ? parsed : null;
+  } catch {
+    return null;
+  }
+}
+function normalizeResult(result) {
+  if (!result) return null;
+  if (typeof result === "string") return tryParseJson(result);
+  if (typeof result === "object") {
+    const obj = result;
+    if (typeof obj.result === "string") return tryParseJson(obj.result) ?? obj;
+    return obj;
+  }
+  return null;
+}
+function truncate(text, max) {
+  return text.length > max ? `${text.slice(0, max)}...` : text;
+}
+function ToolCard({
+  icon: Icon,
+  status,
+  title,
+  subtitle,
+  toolName,
+  badge,
+  error,
+  children,
+  args,
+  result
+}) {
+  const isRunning = status === "running";
+  const isComplete = status === "complete";
+  const isError = status === "incomplete";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-3 w-full overflow-hidden rounded-xl border border-border/60 bg-background shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cnfast.cn(
+            "flex size-8 shrink-0 items-center justify-center rounded-lg",
+            isRunning && "bg-blue-50 text-blue-600",
+            isComplete && "bg-emerald-50 text-emerald-600",
+            isError && "bg-destructive/10 text-destructive"
+          ),
+          children: isRunning ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderIcon, { className: "size-4 animate-spin" }) : isError ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] font-medium text-foreground", children: title }),
+          isComplete && !error && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2Icon, { className: "size-3.5 text-emerald-500" })
+        ] }),
+        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-[12px] text-muted-foreground", children: subtitle })
+      ] }),
+      toolName && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded-md bg-muted/60 px-1.5 py-0.5 text-[10px] font-mono text-muted-foreground", children: toolMetadata.formatToolName(toolName) }),
+      badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: badge }),
+      isRunning && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-10 animate-pulse rounded-full bg-blue-100" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-6 animate-pulse rounded-full bg-blue-100" })
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/40 bg-destructive/10 px-4 py-2.5", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] leading-relaxed text-destructive", children: error }) }),
+    children,
+    toolName && isComplete && /* @__PURE__ */ jsxRuntime.jsx(CopyToolSpecButton, { toolName, args, result })
+  ] });
+}
+function CopyToolSpecButton({
+  toolName,
+  args,
+  argsText,
+  result,
+  className
+}) {
+  const [copied, setCopied] = react.useState(false);
+  const handleCopy = react.useCallback(() => {
+    const spec = { tool_name: toolName };
+    if (args) spec.arguments = args;
+    else if (argsText) spec.arguments = tryParseJson(argsText) ?? argsText;
+    if (result !== void 0) {
+      if (typeof result === "string") {
+        const parsed = tryParseJson(result);
+        spec.result = parsed ?? result;
+      } else {
+        spec.result = result;
+      }
+    }
+    navigator.clipboard.writeText(JSON.stringify(spec, null, 2)).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }, [toolName, args, argsText, result]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cnfast.cn("flex justify-end px-3 pb-1.5", className), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: handleCopy,
+      className: "flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] text-muted-foreground/40 transition-colors hover:bg-muted/50 hover:text-muted-foreground",
+      title: "Copy tool name, arguments, and result as JSON",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClipboardCopyIcon, { className: "size-2.5" }),
+        copied ? "Copied!" : toolName
+      ]
+    }
+  ) });
+}
+function ExpandableSection({
+  label,
+  children,
+  defaultOpen = false
+}) {
+  const [expanded, setExpanded] = react.useState(defaultOpen);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border/40", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setExpanded(!expanded),
+        className: "flex w-full items-center gap-2 px-4 py-2 text-left text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/30",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.ChevronDownIcon,
+            {
+              className: cnfast.cn(
+                "size-3.5 shrink-0 transition-transform duration-200",
+                !expanded && "-rotate-90"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: expanded ? "Hide details" : label ?? "Show details" })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-72 overflow-y-auto border-t border-border/40 bg-muted/10 px-4 py-3", children })
+  ] });
+}
+exports.formatToolName = toolMetadata.formatToolName;
+exports.CopyToolSpecButton = CopyToolSpecButton;
+exports.ExpandableSection = ExpandableSection;
+exports.ToolCard = ToolCard;
+exports.normalizeResult = normalizeResult;
+exports.truncate = truncate;
+exports.tryParseJson = tryParseJson;
+//# sourceMappingURL=primitives.cjs.map

package/dist/tools/primitives.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.cjs","sources":["../../src/tools/primitives.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The shared building blocks every SDK tool card is made of — the card shell\n * (`ToolCard`), the collapsible details section, and the result/text helpers.\n * Kept apart from the tool UI registry so a tool UI module can use them\n * without importing the registry that imports it back.\n */\nimport { useCallback, useState, type ElementType, type ReactNode } from \"react\";\nimport { formatToolName } from \"@athenaintel/agent-runtime\";\nimport {\n  AlertCircleIcon,\n  CheckCircle2Icon,\n  ChevronDownIcon,\n  ClipboardCopyIcon,\n  LoaderIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\n\nexport { formatToolName };\n\n/** Parse JSON text into a record, or `null` when it is not one. */\nexport function tryParseJson(text: string): Record<string, unknown> | null {\n  try {\n    const parsed: unknown = JSON.parse(text);\n    return typeof parsed === \"object\" && parsed !== null\n      ? (parsed as Record<string, unknown>)\n      : null;\n  } catch {\n    return null;\n  }\n}\n\n/** Parse a tool result (handles nested `.result`, string-encoded JSON) into a record. */\nexport function normalizeResult(result: unknown): Record<string, unknown> | null {\n  if (!result) return null;\n  if (typeof result === \"string\") return tryParseJson(result);\n  if (typeof result === \"object\") {\n    const obj = result as Record<string, unknown>;\n    if (typeof obj.result === \"string\") return tryParseJson(obj.result) ?? obj;\n    return obj;\n  }\n  return null;\n}\n\n/** Truncate a string with an ellipsis. */\nexport function truncate(text: string, max: number): string {\n  return text.length > max ? `${text.slice(0, max)}...` : text;\n}\n\nexport type ToolStatus = \"running\" | \"complete\" | \"incomplete\" | \"requires-action\";\n\nexport function ToolCard({\n  icon: Icon,\n  status,\n  title,\n  subtitle,\n  toolName,\n  badge,\n  error,\n  children,\n  args,\n  result,\n}: {\n  icon: ElementType;\n  status: ToolStatus;\n  title: string;\n  subtitle?: string;\n  toolName?: string;\n  badge?: string;\n  error?: string | null;\n  children?: ReactNode;\n  args?: Record<string, unknown>;\n  result?: unknown;\n}) {\n  const isRunning = status === \"running\";\n  const isComplete = status === \"complete\";\n  const isError = status === \"incomplete\";\n\n  return (\n    <div className=\"my-3 w-full overflow-hidden rounded-xl border border-border/60 bg-background shadow-sm\">\n      <div className=\"flex items-center gap-3 px-4 py-3\">\n        <div\n          className={cn(\n            \"flex size-8 shrink-0 items-center justify-center rounded-lg\",\n            isRunning && \"bg-blue-50 text-blue-600\",\n            isComplete && \"bg-emerald-50 text-emerald-600\",\n            isError && \"bg-destructive/10 text-destructive\",\n          )}\n        >\n          {isRunning ? (\n            <LoaderIcon className=\"size-4 animate-spin\" />\n          ) : isError ? (\n            <AlertCircleIcon className=\"size-4\" />\n          ) : (\n            <Icon className=\"size-4\" />\n          )}\n        </div>\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-[13px] font-medium text-foreground\">\n              {title}\n            </span>\n            {isComplete && !error && (\n              <CheckCircle2Icon className=\"size-3.5 text-emerald-500\" />\n            )}\n          </div>\n          {subtitle && (\n            <p className=\"truncate text-[12px] text-muted-foreground\">\n              {subtitle}\n            </p>\n          )}\n        </div>\n        {toolName && (\n          <span className=\"shrink-0 rounded-md bg-muted/60 px-1.5 py-0.5 text-[10px] font-mono text-muted-foreground\">\n            {formatToolName(toolName)}\n          </span>\n        )}\n        {badge && (\n          <span className=\"shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n            {badge}\n          </span>\n        )}\n        {isRunning && (\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"h-1.5 w-10 animate-pulse rounded-full bg-blue-100\" />\n            <div className=\"h-1.5 w-6 animate-pulse rounded-full bg-blue-100\" />\n          </div>\n        )}\n      </div>\n\n      {error && (\n        <div className=\"border-t border-border/40 bg-destructive/10 px-4 py-2.5\">\n          <p className=\"text-[12px] leading-relaxed text-destructive\">\n            {error}\n          </p>\n        </div>\n      )}\n\n      {children}\n\n      {/* Copy tool spec — subtle button at the bottom of every tool card */}\n      {toolName && isComplete && (\n        <CopyToolSpecButton toolName={toolName} args={args} result={result} />\n      )}\n    </div>\n  );\n}\n\n/** Copies `{ tool_name, arguments, result }` as JSON — the tool spec a support ticket needs. */\nexport function CopyToolSpecButton({\n  toolName,\n  args,\n  argsText,\n  result,\n  className,\n}: {\n  toolName: string;\n  args?: Record<string, unknown>;\n  argsText?: string;\n  result?: unknown;\n  className?: string;\n}) {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = useCallback(() => {\n    const spec: Record<string, unknown> = { tool_name: toolName };\n    if (args) spec.arguments = args;\n    else if (argsText) spec.arguments = tryParseJson(argsText) ?? argsText;\n    if (result !== undefined) {\n      if (typeof result === \"string\") {\n        const parsed = tryParseJson(result);\n        spec.result = parsed ?? result;\n      } else {\n        spec.result = result;\n      }\n    }\n    navigator.clipboard.writeText(JSON.stringify(spec, null, 2)).then(() => {\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    });\n  }, [toolName, args, argsText, result]);\n\n  return (\n    <div className={cn(\"flex justify-end px-3 pb-1.5\", className)}>\n      <button\n        type=\"button\"\n        onClick={handleCopy}\n        className=\"flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] text-muted-foreground/40 transition-colors hover:bg-muted/50 hover:text-muted-foreground\"\n        title=\"Copy tool name, arguments, and result as JSON\"\n      >\n        <ClipboardCopyIcon className=\"size-2.5\" />\n        {copied ? \"Copied!\" : toolName}\n      </button>\n    </div>\n  );\n}\n\nexport function ExpandableSection({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label?: string;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  const [expanded, setExpanded] = useState(defaultOpen);\n\n  return (\n    <div className=\"border-t border-border/40\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded(!expanded)}\n        className=\"flex w-full items-center gap-2 px-4 py-2 text-left text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/30\"\n      >\n        <ChevronDownIcon\n          className={cn(\n            \"size-3.5 shrink-0 transition-transform duration-200\",\n            !expanded && \"-rotate-90\",\n          )}\n        />\n        <span>{expanded ? \"Hide details\" : (label ?? \"Show details\")}</span>\n      </button>\n      {expanded && (\n        <div className=\"max-h-72 overflow-y-auto border-t border-border/40 bg-muted/10 px-4 py-3\">\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","cn","LoaderIcon","AlertCircleIcon","CheckCircle2Icon","formatToolName","useState","useCallback","ClipboardCopyIcon","ChevronDownIcon"],"mappings":"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"}

package/dist/tools/primitives.d.ts

@@ -0,0 +1,41 @@
+/**
+ * The shared building blocks every SDK tool card is made of — the card shell
+ * (`ToolCard`), the collapsible details section, and the result/text helpers.
+ * Kept apart from the tool UI registry so a tool UI module can use them
+ * without importing the registry that imports it back.
+ */
+import { type ElementType, type ReactNode } from "react";
+import { formatToolName } from "@athenaintel/agent-runtime";
+export { formatToolName };
+/** Parse JSON text into a record, or `null` when it is not one. */
+export declare function tryParseJson(text: string): Record<string, unknown> | null;
+/** Parse a tool result (handles nested `.result`, string-encoded JSON) into a record. */
+export declare function normalizeResult(result: unknown): Record<string, unknown> | null;
+/** Truncate a string with an ellipsis. */
+export declare function truncate(text: string, max: number): string;
+export type ToolStatus = "running" | "complete" | "incomplete" | "requires-action";
+export declare function ToolCard({ icon: Icon, status, title, subtitle, toolName, badge, error, children, args, result, }: {
+    icon: ElementType;
+    status: ToolStatus;
+    title: string;
+    subtitle?: string;
+    toolName?: string;
+    badge?: string;
+    error?: string | null;
+    children?: ReactNode;
+    args?: Record<string, unknown>;
+    result?: unknown;
+}): import("react/jsx-runtime").JSX.Element;
+/** Copies `{ tool_name, arguments, result }` as JSON — the tool spec a support ticket needs. */
+export declare function CopyToolSpecButton({ toolName, args, argsText, result, className, }: {
+    toolName: string;
+    args?: Record<string, unknown>;
+    argsText?: string;
+    result?: unknown;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ExpandableSection({ label, children, defaultOpen, }: {
+    label?: string;
+    children: ReactNode;
+    defaultOpen?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/tools/primitives.js

@@ -0,0 +1,166 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import "../packages/agent-runtime/src/generated/runconfig-contract.js";
+import "@assistant-ui/tap";
+import "statewire";
+import "../packages/agent-runtime/src/statewire-suspended.js";
+import { formatToolName } from "../packages/agent-runtime/src/tool-metadata.js";
+import "@tanstack/react-query";
+import "../packages/agent-runtime/src/statewire-state.js";
+import "../packages/agent-runtime/src/messages.js";
+import "@assistant-ui/react-statewire";
+import "@assistant-ui/store";
+import "@assistant-ui/react-statewire/local-storage";
+import "../packages/agent-runtime/src/statewire-attach-observer.js";
+import "../packages/agent-runtime/src/thread-status.js";
+import "@assistant-ui/core";
+import { ClipboardCopyIcon, ChevronDownIcon, LoaderIcon, AlertCircleIcon, CheckCircle2Icon } from "lucide-react";
+import { cn } from "cnfast";
+function tryParseJson(text) {
+  try {
+    const parsed = JSON.parse(text);
+    return typeof parsed === "object" && parsed !== null ? parsed : null;
+  } catch {
+    return null;
+  }
+}
+function normalizeResult(result) {
+  if (!result) return null;
+  if (typeof result === "string") return tryParseJson(result);
+  if (typeof result === "object") {
+    const obj = result;
+    if (typeof obj.result === "string") return tryParseJson(obj.result) ?? obj;
+    return obj;
+  }
+  return null;
+}
+function truncate(text, max) {
+  return text.length > max ? `${text.slice(0, max)}...` : text;
+}
+function ToolCard({
+  icon: Icon,
+  status,
+  title,
+  subtitle,
+  toolName,
+  badge,
+  error,
+  children,
+  args,
+  result
+}) {
+  const isRunning = status === "running";
+  const isComplete = status === "complete";
+  const isError = status === "incomplete";
+  return /* @__PURE__ */ jsxs("div", { className: "my-3 w-full overflow-hidden rounded-xl border border-border/60 bg-background shadow-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "flex size-8 shrink-0 items-center justify-center rounded-lg",
+            isRunning && "bg-blue-50 text-blue-600",
+            isComplete && "bg-emerald-50 text-emerald-600",
+            isError && "bg-destructive/10 text-destructive"
+          ),
+          children: isRunning ? /* @__PURE__ */ jsx(LoaderIcon, { className: "size-4 animate-spin" }) : isError ? /* @__PURE__ */ jsx(AlertCircleIcon, { className: "size-4" }) : /* @__PURE__ */ jsx(Icon, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-foreground", children: title }),
+          isComplete && !error && /* @__PURE__ */ jsx(CheckCircle2Icon, { className: "size-3.5 text-emerald-500" })
+        ] }),
+        subtitle && /* @__PURE__ */ jsx("p", { className: "truncate text-[12px] text-muted-foreground", children: subtitle })
+      ] }),
+      toolName && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-md bg-muted/60 px-1.5 py-0.5 text-[10px] font-mono text-muted-foreground", children: formatToolName(toolName) }),
+      badge && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: badge }),
+      isRunning && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-1.5 w-10 animate-pulse rounded-full bg-blue-100" }),
+        /* @__PURE__ */ jsx("div", { className: "h-1.5 w-6 animate-pulse rounded-full bg-blue-100" })
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 bg-destructive/10 px-4 py-2.5", children: /* @__PURE__ */ jsx("p", { className: "text-[12px] leading-relaxed text-destructive", children: error }) }),
+    children,
+    toolName && isComplete && /* @__PURE__ */ jsx(CopyToolSpecButton, { toolName, args, result })
+  ] });
+}
+function CopyToolSpecButton({
+  toolName,
+  args,
+  argsText,
+  result,
+  className
+}) {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = useCallback(() => {
+    const spec = { tool_name: toolName };
+    if (args) spec.arguments = args;
+    else if (argsText) spec.arguments = tryParseJson(argsText) ?? argsText;
+    if (result !== void 0) {
+      if (typeof result === "string") {
+        const parsed = tryParseJson(result);
+        spec.result = parsed ?? result;
+      } else {
+        spec.result = result;
+      }
+    }
+    navigator.clipboard.writeText(JSON.stringify(spec, null, 2)).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }, [toolName, args, argsText, result]);
+  return /* @__PURE__ */ jsx("div", { className: cn("flex justify-end px-3 pb-1.5", className), children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: handleCopy,
+      className: "flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] text-muted-foreground/40 transition-colors hover:bg-muted/50 hover:text-muted-foreground",
+      title: "Copy tool name, arguments, and result as JSON",
+      children: [
+        /* @__PURE__ */ jsx(ClipboardCopyIcon, { className: "size-2.5" }),
+        copied ? "Copied!" : toolName
+      ]
+    }
+  ) });
+}
+function ExpandableSection({
+  label,
+  children,
+  defaultOpen = false
+}) {
+  const [expanded, setExpanded] = useState(defaultOpen);
+  return /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setExpanded(!expanded),
+        className: "flex w-full items-center gap-2 px-4 py-2 text-left text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/30",
+        children: [
+          /* @__PURE__ */ jsx(
+            ChevronDownIcon,
+            {
+              className: cn(
+                "size-3.5 shrink-0 transition-transform duration-200",
+                !expanded && "-rotate-90"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: expanded ? "Hide details" : label ?? "Show details" })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsx("div", { className: "max-h-72 overflow-y-auto border-t border-border/40 bg-muted/10 px-4 py-3", children })
+  ] });
+}
+export {
+  CopyToolSpecButton,
+  ExpandableSection,
+  ToolCard,
+  formatToolName,
+  normalizeResult,
+  truncate,
+  tryParseJson
+};
+//# sourceMappingURL=primitives.js.map

package/dist/tools/primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.js","sources":["../../src/tools/primitives.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * The shared building blocks every SDK tool card is made of — the card shell\n * (`ToolCard`), the collapsible details section, and the result/text helpers.\n * Kept apart from the tool UI registry so a tool UI module can use them\n * without importing the registry that imports it back.\n */\nimport { useCallback, useState, type ElementType, type ReactNode } from \"react\";\nimport { formatToolName } from \"@athenaintel/agent-runtime\";\nimport {\n  AlertCircleIcon,\n  CheckCircle2Icon,\n  ChevronDownIcon,\n  ClipboardCopyIcon,\n  LoaderIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\n\nexport { formatToolName };\n\n/** Parse JSON text into a record, or `null` when it is not one. */\nexport function tryParseJson(text: string): Record<string, unknown> | null {\n  try {\n    const parsed: unknown = JSON.parse(text);\n    return typeof parsed === \"object\" && parsed !== null\n      ? (parsed as Record<string, unknown>)\n      : null;\n  } catch {\n    return null;\n  }\n}\n\n/** Parse a tool result (handles nested `.result`, string-encoded JSON) into a record. */\nexport function normalizeResult(result: unknown): Record<string, unknown> | null {\n  if (!result) return null;\n  if (typeof result === \"string\") return tryParseJson(result);\n  if (typeof result === \"object\") {\n    const obj = result as Record<string, unknown>;\n    if (typeof obj.result === \"string\") return tryParseJson(obj.result) ?? obj;\n    return obj;\n  }\n  return null;\n}\n\n/** Truncate a string with an ellipsis. */\nexport function truncate(text: string, max: number): string {\n  return text.length > max ? `${text.slice(0, max)}...` : text;\n}\n\nexport type ToolStatus = \"running\" | \"complete\" | \"incomplete\" | \"requires-action\";\n\nexport function ToolCard({\n  icon: Icon,\n  status,\n  title,\n  subtitle,\n  toolName,\n  badge,\n  error,\n  children,\n  args,\n  result,\n}: {\n  icon: ElementType;\n  status: ToolStatus;\n  title: string;\n  subtitle?: string;\n  toolName?: string;\n  badge?: string;\n  error?: string | null;\n  children?: ReactNode;\n  args?: Record<string, unknown>;\n  result?: unknown;\n}) {\n  const isRunning = status === \"running\";\n  const isComplete = status === \"complete\";\n  const isError = status === \"incomplete\";\n\n  return (\n    <div className=\"my-3 w-full overflow-hidden rounded-xl border border-border/60 bg-background shadow-sm\">\n      <div className=\"flex items-center gap-3 px-4 py-3\">\n        <div\n          className={cn(\n            \"flex size-8 shrink-0 items-center justify-center rounded-lg\",\n            isRunning && \"bg-blue-50 text-blue-600\",\n            isComplete && \"bg-emerald-50 text-emerald-600\",\n            isError && \"bg-destructive/10 text-destructive\",\n          )}\n        >\n          {isRunning ? (\n            <LoaderIcon className=\"size-4 animate-spin\" />\n          ) : isError ? (\n            <AlertCircleIcon className=\"size-4\" />\n          ) : (\n            <Icon className=\"size-4\" />\n          )}\n        </div>\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-[13px] font-medium text-foreground\">\n              {title}\n            </span>\n            {isComplete && !error && (\n              <CheckCircle2Icon className=\"size-3.5 text-emerald-500\" />\n            )}\n          </div>\n          {subtitle && (\n            <p className=\"truncate text-[12px] text-muted-foreground\">\n              {subtitle}\n            </p>\n          )}\n        </div>\n        {toolName && (\n          <span className=\"shrink-0 rounded-md bg-muted/60 px-1.5 py-0.5 text-[10px] font-mono text-muted-foreground\">\n            {formatToolName(toolName)}\n          </span>\n        )}\n        {badge && (\n          <span className=\"shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n            {badge}\n          </span>\n        )}\n        {isRunning && (\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"h-1.5 w-10 animate-pulse rounded-full bg-blue-100\" />\n            <div className=\"h-1.5 w-6 animate-pulse rounded-full bg-blue-100\" />\n          </div>\n        )}\n      </div>\n\n      {error && (\n        <div className=\"border-t border-border/40 bg-destructive/10 px-4 py-2.5\">\n          <p className=\"text-[12px] leading-relaxed text-destructive\">\n            {error}\n          </p>\n        </div>\n      )}\n\n      {children}\n\n      {/* Copy tool spec — subtle button at the bottom of every tool card */}\n      {toolName && isComplete && (\n        <CopyToolSpecButton toolName={toolName} args={args} result={result} />\n      )}\n    </div>\n  );\n}\n\n/** Copies `{ tool_name, arguments, result }` as JSON — the tool spec a support ticket needs. */\nexport function CopyToolSpecButton({\n  toolName,\n  args,\n  argsText,\n  result,\n  className,\n}: {\n  toolName: string;\n  args?: Record<string, unknown>;\n  argsText?: string;\n  result?: unknown;\n  className?: string;\n}) {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = useCallback(() => {\n    const spec: Record<string, unknown> = { tool_name: toolName };\n    if (args) spec.arguments = args;\n    else if (argsText) spec.arguments = tryParseJson(argsText) ?? argsText;\n    if (result !== undefined) {\n      if (typeof result === \"string\") {\n        const parsed = tryParseJson(result);\n        spec.result = parsed ?? result;\n      } else {\n        spec.result = result;\n      }\n    }\n    navigator.clipboard.writeText(JSON.stringify(spec, null, 2)).then(() => {\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    });\n  }, [toolName, args, argsText, result]);\n\n  return (\n    <div className={cn(\"flex justify-end px-3 pb-1.5\", className)}>\n      <button\n        type=\"button\"\n        onClick={handleCopy}\n        className=\"flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] text-muted-foreground/40 transition-colors hover:bg-muted/50 hover:text-muted-foreground\"\n        title=\"Copy tool name, arguments, and result as JSON\"\n      >\n        <ClipboardCopyIcon className=\"size-2.5\" />\n        {copied ? \"Copied!\" : toolName}\n      </button>\n    </div>\n  );\n}\n\nexport function ExpandableSection({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label?: string;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  const [expanded, setExpanded] = useState(defaultOpen);\n\n  return (\n    <div className=\"border-t border-border/40\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded(!expanded)}\n        className=\"flex w-full items-center gap-2 px-4 py-2 text-left text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/30\"\n      >\n        <ChevronDownIcon\n          className={cn(\n            \"size-3.5 shrink-0 transition-transform duration-200\",\n            !expanded && \"-rotate-90\",\n          )}\n        />\n        <span>{expanded ? \"Hide details\" : (label ?? \"Show details\")}</span>\n      </button>\n      {expanded && (\n        <div className=\"max-h-72 overflow-y-auto border-t border-border/40 bg-muted/10 px-4 py-3\">\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAsBO,SAAS,aAAa,MAA8C;AACzE,MAAI;AACF,UAAM,SAAkB,KAAK,MAAM,IAAI;AACvC,WAAO,OAAO,WAAW,YAAY,WAAW,OAC3C,SACD;AAAA,EACN,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGO,SAAS,gBAAgB,QAAiD;AAC/E,MAAI,CAAC,OAAQ,QAAO;AACpB,MAAI,OAAO,WAAW,SAAU,QAAO,aAAa,MAAM;AAC1D,MAAI,OAAO,WAAW,UAAU;AAC9B,UAAM,MAAM;AACZ,QAAI,OAAO,IAAI,WAAW,iBAAiB,aAAa,IAAI,MAAM,KAAK;AACvE,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAGO,SAAS,SAAS,MAAc,KAAqB;AAC1D,SAAO,KAAK,SAAS,MAAM,GAAG,KAAK,MAAM,GAAG,GAAG,CAAC,QAAQ;AAC1D;AAIO,SAAS,SAAS;AAAA,EACvB,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAWG;AACD,QAAM,YAAY,WAAW;AAC7B,QAAM,aAAa,WAAW;AAC9B,QAAM,UAAU,WAAW;AAE3B,SACE,qBAAC,OAAA,EAAI,WAAU,0FACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,aAAa;AAAA,YACb,cAAc;AAAA,YACd,WAAW;AAAA,UAAA;AAAA,UAGZ,UAAA,YACC,oBAAC,YAAA,EAAW,WAAU,uBAAsB,IAC1C,UACF,oBAAC,iBAAA,EAAgB,WAAU,UAAS,IAEpC,oBAAC,MAAA,EAAK,WAAU,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7B,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,2CACb,UAAA,OACH;AAAA,UACC,cAAc,CAAC,SACd,oBAAC,kBAAA,EAAiB,WAAU,4BAAA,CAA4B;AAAA,QAAA,GAE5D;AAAA,QACC,YACC,oBAAC,KAAA,EAAE,WAAU,8CACV,UAAA,SAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MACC,YACC,oBAAC,QAAA,EAAK,WAAU,6FACb,UAAA,eAAe,QAAQ,GAC1B;AAAA,MAED,SACC,oBAAC,QAAA,EAAK,WAAU,4FACb,UAAA,OACH;AAAA,MAED,aACC,qBAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,oDAAA,CAAoD;AAAA,QACnE,oBAAC,OAAA,EAAI,WAAU,mDAAA,CAAmD;AAAA,MAAA,EAAA,CACpE;AAAA,IAAA,GAEJ;AAAA,IAEC,SACC,oBAAC,OAAA,EAAI,WAAU,2DACb,8BAAC,KAAA,EAAE,WAAU,gDACV,UAAA,MAAA,CACH,EAAA,CACF;AAAA,IAGD;AAAA,IAGA,YAAY,cACX,oBAAC,oBAAA,EAAmB,UAAoB,MAAY,OAAA,CAAgB;AAAA,EAAA,GAExE;AAEJ;AAGO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,aAAa,YAAY,MAAM;AACnC,UAAM,OAAgC,EAAE,WAAW,SAAA;AACnD,QAAI,WAAW,YAAY;AAAA,aAClB,SAAU,MAAK,YAAY,aAAa,QAAQ,KAAK;AAC9D,QAAI,WAAW,QAAW;AACxB,UAAI,OAAO,WAAW,UAAU;AAC9B,cAAM,SAAS,aAAa,MAAM;AAClC,aAAK,SAAS,UAAU;AAAA,MAC1B,OAAO;AACL,aAAK,SAAS;AAAA,MAChB;AAAA,IACF;AACA,cAAU,UAAU,UAAU,KAAK,UAAU,MAAM,MAAM,CAAC,CAAC,EAAE,KAAK,MAAM;AACtE,gBAAU,IAAI;AACd,iBAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,IACzC,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC;AAErC,6BACG,OAAA,EAAI,WAAW,GAAG,gCAAgC,SAAS,GAC1D,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,WAAU;AAAA,MACV,OAAM;AAAA,MAEN,UAAA;AAAA,QAAA,oBAAC,mBAAA,EAAkB,WAAU,WAAA,CAAW;AAAA,QACvC,SAAS,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE1B;AAEJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAIG;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,WAAW;AAEpD,SACE,qBAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,YAAY,CAAC,QAAQ;AAAA,QACpC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,CAAC,YAAY;AAAA,cAAA;AAAA,YACf;AAAA,UAAA;AAAA,UAEF,oBAAC,QAAA,EAAM,UAAA,WAAW,iBAAkB,SAAS,eAAA,CAAgB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAE9D,YACC,oBAAC,OAAA,EAAI,WAAU,4EACZ,SAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}