@athenaintel/react 0.9.2 → 0.9.3

package/dist/index.d.ts

@@ -632,7 +632,7 @@ export declare const TOOL_UI_REGISTRY: Record<string, ToolCallMessagePartCompone
 
 export { ToolCallMessagePartComponent }
 
-export declare function ToolCard({ icon: Icon, status, title, subtitle, toolName, badge, error, children, }: {
+export declare function ToolCard({ icon: Icon, status, title, subtitle, toolName, badge, error, children, args, result, }: {
     icon: React.ElementType;
     status: ToolStatus;
     title: string;
@@ -641,6 +641,8 @@ export declare function ToolCard({ icon: Icon, status, title, subtitle, toolName
     badge?: string;
     error?: string | null;
     children?: React.ReactNode;
+    args?: Record<string, unknown>;
+    result?: unknown;
 }): JSX.Element;
 
 export declare const ToolFallback: ToolCallMessagePartComponent & {

package/dist/index.js

@@ -62467,7 +62467,9 @@ function ToolCard({
   toolName,
   badge,
   error: error2,
-  children
+  children,
+  args,
+  result
 }) {
   const isRunning = status === "running";
   const isComplete = status === "complete";
@@ -62501,9 +62503,46 @@ function ToolCard({
       ] })
     ] }),
     error2 && /* @__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: error2 }) }),
-    children
+    children,
+    toolName && isComplete && /* @__PURE__ */ jsx(CopyToolSpecButton, { toolName, args, result })
   ] });
 }
+function CopyToolSpecButton({
+  toolName,
+  args,
+  result
+}) {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = useCallback(() => {
+    const spec = { tool_name: toolName };
+    if (args) spec.arguments = args;
+    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, result]);
+  return /* @__PURE__ */ jsx("div", { className: "flex justify-end px-3 pb-1.5", 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(ClipboardCopy, { className: "size-2.5" }),
+        copied ? "Copied!" : toolName
+      ]
+    }
+  ) });
+}
 function ExpandableSection({
   label,
   children,
@@ -62567,6 +62606,8 @@ const WebSearchToolUIImpl = ({
       title: isRunning ? "Searching the web..." : "Web search",
       subtitle: query ? truncate(query, 80) : void 0,
       toolName,
+      args: typedArgs,
+      result,
       badge: isComplete && results.length > 0 ? `${results.length} results` : void 0,
       error: errorMsg,
       children: isComplete && results.length > 0 && /* @__PURE__ */ jsx(ExpandableSection, { label: "Show search results", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2.5", children: results.map((r2, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
@@ -62624,6 +62665,8 @@ const BrowseToolUIImpl = ({
       title: isRunning ? "Browsing page..." : pageTitle ? truncate(pageTitle, 50) : "Browsed page",
       subtitle: displayUrl,
       toolName,
+      args: typedArgs,
+      result,
       error: errorMsg,
       children: isComplete && pageContent && /* @__PURE__ */ jsx(ExpandableSection, { label: "Show page content", children: /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap break-words text-[11px] leading-relaxed text-muted-foreground", children: truncate(pageContent, 3e3) }) })
     }
@@ -62667,6 +62710,8 @@ const EmailSearchToolUIImpl = ({
       title: isRunning ? "Searching emails..." : "Email search",
       subtitle: query ? truncate(query, 80) : void 0,
       toolName,
+      args: typedArgs,
+      result,
       badge: isComplete && emails.length > 0 ? `${emails.length} emails` : void 0,
       error: errorMsg,
       children: isComplete && emails.length > 0 && /* @__PURE__ */ jsx(ExpandableSection, { label: "Show email results", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y divide-border/30", children: emails.map((email, i) => /* @__PURE__ */ jsxs(
@@ -62749,6 +62794,8 @@ function CreateAssetToolUIImpl({
       title: isRunning ? runningLabel : doneLabel,
       subtitle: createdName || name || void 0,
       toolName,
+      args: typedArgs,
+      result,
       error: errorMsg,
       children: assetId && isComplete && !isCancelled && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxs(
         "button",
@@ -62826,6 +62873,8 @@ const CreateEmailDraftToolUIImpl = ({
       status: (status == null ? void 0 : status.type) ?? "complete",
       title: isRunning ? "Creating email draft..." : "Email draft created",
       toolName,
+      args: typedArgs,
+      result,
       subtitle: subject ? truncate(subject, 60) : to ? `To: ${truncate(to, 40)}` : void 0,
       error: errorMsg
     }
@@ -63194,6 +63243,8 @@ const RunPythonCodeToolUIImpl = ({
       status: (status == null ? void 0 : status.type) ?? "complete",
       title: isRunning ? "Running code..." : summary || `Executed ${lines} ${lines !== 1 ? "lines" : "line"}`,
       toolName,
+      args: typedArgs,
+      result,
       error: errorMsg,
       children: [
         code2 && /* @__PURE__ */ jsx(ExpandableSection, { label: "Show code", children: /* @__PURE__ */ jsx(SyntaxHighlightedCode, { code: code2 }) }),
@@ -63282,6 +63333,8 @@ const OpenAssetToolUIImpl = ({
       title: isRunning ? "Opening asset..." : "Asset opened",
       subtitle: assetId ? truncate(assetId, 30) : void 0,
       toolName,
+      args: typedArgs,
+      result,
       error: errorMsg,
       children: assetId && isComplete && !isCancelled && /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxs(
         "button",