@mastra/playground-ui 60.0.0-alpha.8 → 60.0.0

package/dist/domains/chat/tools/badges/sandbox-execution-badge.es.js

@@ -1,77 +1,30 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { ChevronUpIcon, TerminalSquare, CheckIcon, CopyIcon } from 'lucide-react';
-import { useMemo, useState, useRef, useEffect } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { parseToolArgs, toolDataParts, workspaceMetadata } from './workspace-data-parts.es.js';
+import { WorkspaceLink } from './workspace-link.es.js';
+import { BadgeWrapper } from '../../components/badge-wrapper.es.js';
+import { awaitsToolApproval } from './awaits-tool-approval.es.js';
 import { ToolApprovalButtons } from './tool-approval-buttons.es.js';
-import { WORKSPACE_TOOLS } from '../workspace-tool-constants.es.js';
-import { B as Badge } from '../../../../Badge-Bzn8Z-_I.js';
-import { B as Button } from '../../../../Button-BY9qlu8K.js';
+import { e as ActivityHeadline } from '../../../../activity-Duth8KP_.js';
+import { T as ToolCallCommand, a as ToolCallMono } from '../../../../tool-call-mono-gKG9Ek1m.js';
+import { p as presentTool } from '../../../../tool-presentation-BXAo24Ir.js';
 import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
-import { Icon } from '../../../../icons/Icon.es.js';
-import { useCopyToClipboard } from '../../../../hooks/use-copy-to-clipboard.es.js';
 import { useElapsedTime } from '../../../../hooks/use-elapsed-time.es.js';
-import { useLinkComponent } from '../../../../lib/framework.es.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';
 import { formatElapsed, formatDuration } from '../../../../utils/duration.es.js';
 
-const getStatusColor = (status) => {
-  switch (status) {
-    case "running":
-      return "bg-green-500";
-    case "starting":
-    case "initializing":
-      return "bg-yellow-500";
-    case "stopped":
-    case "paused":
-      return "bg-muted-foreground";
-    case "error":
-    case "failed":
-      return "bg-red-500";
-    default:
-      return "bg-accent6";
-  }
+const SANDBOX_STATUS_DOT = {
+  running: "bg-success-indicator",
+  starting: "bg-warning-indicator",
+  initializing: "bg-warning-indicator",
+  stopped: "bg-muted-foreground",
+  paused: "bg-muted-foreground",
+  error: "bg-destructive-indicator",
+  failed: "bg-destructive-indicator"
 };
-const TerminalBlock = ({ command, content, maxHeight = "20rem", onCopy, isCopied }) => {
-  const contentRef = useRef(null);
-  useEffect(() => {
-    if (contentRef.current) {
-      contentRef.current.scrollTop = contentRef.current.scrollHeight;
-    }
-  }, [content]);
-  return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border border-border", children: [
-    command && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border bg-card px-3 py-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-caption text-foreground", children: "$" }),
-        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "ink", font: "mono", className: "truncate", children: command })
-      ] }),
-      onCopy && /* @__PURE__ */ jsx(Button, { variant: "default", size: "icon-sm", tooltip: "Copy output", onClick: onCopy, className: "shrink-0", children: /* @__PURE__ */ jsxs("span", { className: "grid", children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            style: { gridArea: "1/1" },
-            className: cn("transition-transform", isCopied ? "scale-100" : "scale-0"),
-            children: /* @__PURE__ */ jsx(CheckIcon, { size: 14 })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            style: { gridArea: "1/1" },
-            className: cn("transition-transform", isCopied ? "scale-0" : "scale-100"),
-            children: /* @__PURE__ */ jsx(CopyIcon, { size: 14 })
-          }
-        )
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "pre",
-      {
-        ref: contentRef,
-        style: { maxHeight },
-        className: "overflow-auto bg-black p-3 text-body whitespace-pre-wrap text-neutral-300",
-        children: content || /* @__PURE__ */ jsx("span", { className: "text-foreground italic", children: "No output" })
-      }
-    )
-  ] });
+const ExitStatus = ({ exit }) => {
+  if (exit.exitCode === void 0 || exit.success) return null;
+  return /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", className: exit.killed ? "text-warning-indicator" : "text-destructive-indicator", children: exit.killed ? "killed" : `exit ${exit.exitCode}` });
 };
 const SandboxExecutionBadge = ({
   toolName,
@@ -82,109 +35,82 @@ const SandboxExecutionBadge = ({
   toolApprovalMetadata,
   isNetwork,
   toolCalled: toolCalledProp,
-  dataParts: dataPartsProp
+  dataParts,
+  status = "idle"
 }) => {
-  const dataParts = useMemo(() => {
-    return (dataPartsProp ?? []).filter((part) => part.type === "data");
-  }, [dataPartsProp]);
-  const [isCollapsed, setIsCollapsed] = useState(false);
-  const { isCopied, copyToClipboard } = useCopyToClipboard({ copiedDuration: 1500, showToast: false });
-  const { Link } = useLinkComponent();
-  const commandChunk = dataParts.find(
-    (chunk) => chunk.name === "sandbox-command" && chunk.data?.toolCallId === toolCallId
-  );
-  let commandDisplay = "";
-  try {
-    const parsedArgs = typeof args === "object" ? args : JSON.parse(args);
-    if (toolName === WORKSPACE_TOOLS.SANDBOX.EXECUTE_COMMAND) {
-      commandDisplay = parsedArgs.command || "";
-    } else if (toolName === WORKSPACE_TOOLS.SANDBOX.GET_PROCESS_OUTPUT || toolName === WORKSPACE_TOOLS.SANDBOX.KILL_PROCESS) {
-      const cmd = commandChunk?.data?.command;
-      commandDisplay = cmd || `PID ${parsedArgs.pid}`;
-    }
-  } catch {
-    commandDisplay = toolName;
-  }
-  const sandboxChunks = dataParts.filter(
-    (chunk) => (chunk.name === "sandbox-stdout" || chunk.name === "sandbox-stderr") && chunk.data?.toolCallId === toolCallId
-  );
-  const workspaceMetaPart = dataParts.find(
-    (chunk) => chunk.name === "workspace-metadata" && chunk.data?.toolCallId === toolCallId
+  const outputRef = useRef(null);
+  const { icon: ToolIcon, label, detail, description, command } = presentTool(toolName, parseToolArgs(args));
+  const startedCommand = toolDataParts(dataParts, "sandbox-command", toolCallId)[0]?.data?.command;
+  const originalCommand = typeof startedCommand === "string" ? startedCommand : void 0;
+  const shownCommand = command ?? originalCommand;
+  const outputChunks = (dataParts ?? []).filter(
+    (part) => part.type === "data" && (part.name === "sandbox-stdout" || part.name === "sandbox-stderr") && part.data?.toolCallId === toolCallId
   );
-  const execMeta = workspaceMetaPart?.data;
-  const exitChunk = dataParts.find((chunk) => chunk.name === "sandbox-exit" && chunk.data?.toolCallId === toolCallId);
-  const isStreamingComplete = !!exitChunk || typeof result === "string";
-  const hasStarted = !!workspaceMetaPart;
-  const isRunning = hasStarted && !isStreamingComplete;
-  const toolCalled = toolCalledProp ?? (isStreamingComplete || hasStarted);
-  const exitCode = exitChunk?.data?.exitCode;
-  const exitSuccess = exitChunk?.data?.success;
-  const executionTime = exitChunk?.data?.executionTimeMs;
-  const wasKilled = exitChunk?.data?.killed;
-  const streamingContent = sandboxChunks.map((chunk) => chunk.data?.output || "").join("");
-  const outputContent = streamingContent || (typeof result === "string" ? result : "");
-  const displayName = toolName === WORKSPACE_TOOLS.SANDBOX.EXECUTE_COMMAND ? "Execute Command" : toolName === WORKSPACE_TOOLS.SANDBOX.GET_PROCESS_OUTPUT ? "Get Process Output" : toolName === WORKSPACE_TOOLS.SANDBOX.KILL_PROCESS ? "Kill Process" : toolName;
-  const firstChunkTime = sandboxChunks[0]?.data?.timestamp;
-  const elapsedTime = useElapsedTime(isRunning, firstChunkTime);
-  const onCopy = () => {
-    if (!outputContent || isCopied) return;
-    copyToClipboard(outputContent);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "mb-4", "data-testid": "sandbox-execution-badge", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs("button", { onClick: () => setIsCollapsed((s) => !s), className: "flex min-w-0 items-center gap-2", type: "button", children: [
-        /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: cn("transition-all", isCollapsed ? "rotate-90" : "rotate-180") }) }),
-        /* @__PURE__ */ jsx(Badge, { icon: /* @__PURE__ */ jsx(TerminalSquare, { className: "text-accent6", size: 16 }), children: displayName }),
-        execMeta?.sandbox && /* @__PURE__ */ jsxs(
-          Link,
-          {
-            href: execMeta.id ? `/workspaces/${execMeta.id}` : "/workspaces",
-            className: "state-layer flex items-center gap-1.5 rounded border border-border bg-card px-1.5 py-0.5 text-caption text-foreground hover:border-border-strong",
-            onClick: (e) => e.stopPropagation(),
-            children: [
-              /* @__PURE__ */ jsx("span", { className: cn("size-1.5 rounded-full", getStatusColor(execMeta.sandbox.status)) }),
-              /* @__PURE__ */ jsx("span", { children: execMeta.sandbox.name || execMeta.sandbox.provider })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: isRunning ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-caption text-accent6", children: [
-          /* @__PURE__ */ jsx("span", { className: "size-1.5 animate-pulse rounded-full bg-accent6" }),
-          /* @__PURE__ */ jsx("span", { className: "animate-pulse", children: "running" })
-        ] }),
-        /* @__PURE__ */ jsx("span", { className: "text-caption text-foreground tabular-nums", children: formatElapsed(elapsedTime) })
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        exitCode !== void 0 && (exitSuccess ? /* @__PURE__ */ jsx(CheckIcon, { className: "text-green-400", size: 14 }) : wasKilled ? /* @__PURE__ */ jsx("span", { className: "rounded bg-orange-500/20 px-1.5 py-0.5 text-meta text-orange-400", children: "killed" }) : /* @__PURE__ */ jsxs("span", { className: "rounded bg-red-500/20 px-1.5 py-0.5 text-meta text-red-400", children: [
-          "exit ",
-          exitCode
-        ] })),
-        executionTime !== void 0 && /* @__PURE__ */ jsx("span", { className: "text-caption text-foreground", children: formatDuration(executionTime) })
-      ] }) })
-    ] }),
-    !isCollapsed && /* @__PURE__ */ jsxs("div", { className: "pt-2", children: [
-      (outputContent || commandDisplay) && /* @__PURE__ */ jsx(
-        TerminalBlock,
+  const output = outputChunks.map((part) => part.data?.output ?? "").join("") || (typeof result === "string" ? result : "");
+  const exit = toolDataParts(dataParts, "sandbox-exit", toolCallId)[0]?.data;
+  const workspace = workspaceMetadata(dataParts, toolCallId);
+  const isRunning = status === "running" && Boolean(workspace) && !exit;
+  const toolCalled = toolCalledProp ?? (Boolean(workspace) || Boolean(exit) || typeof result === "string");
+  const elapsedTime = useElapsedTime(isRunning, outputChunks[0]?.data?.timestamp);
+  const needsApproval = awaitsToolApproval({ toolApprovalMetadata, toolCalled });
+  const hasBody = Boolean(shownCommand) || Boolean(output) || needsApproval;
+  useEffect(() => {
+    const outputBlock = outputRef.current;
+    if (outputBlock) outputBlock.scrollTop = outputBlock.scrollHeight;
+  }, [output]);
+  return /* @__PURE__ */ jsx(
+    BadgeWrapper,
+    {
+      "data-testid": "sandbox-execution-badge",
+      header: /* @__PURE__ */ jsx(
+        ActivityHeadline,
         {
-          command: commandDisplay,
-          content: outputContent,
-          onCopy: outputContent ? onCopy : void 0,
-          isCopied
+          icon: /* @__PURE__ */ jsx(ToolIcon, { "aria-hidden": true }),
+          label,
+          detail: originalCommand ?? detail,
+          description
         }
       ),
-      /* @__PURE__ */ jsx(
-        ToolApprovalButtons,
-        {
-          toolCalled,
-          toolCallId,
-          toolApprovalMetadata,
-          toolName,
-          isNetwork,
-          isGenerateMode: metadata?.mode === "generate"
-        }
-      )
-    ] })
-  ] });
+      status,
+      extraInfo: /* @__PURE__ */ jsxs(Fragment, { children: [
+        workspace?.sandbox && /* @__PURE__ */ jsx(
+          WorkspaceLink,
+          {
+            href: workspace.id ? `/workspaces/${workspace.id}` : "/workspaces",
+            icon: /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": true,
+                className: cn(
+                  "size-1.5 shrink-0 rounded-full",
+                  SANDBOX_STATUS_DOT[workspace.sandbox.status ?? ""] ?? "bg-warning-indicator"
+                )
+              }
+            ),
+            children: workspace.sandbox.name || workspace.sandbox.provider
+          }
+        ),
+        exit && /* @__PURE__ */ jsx(ExitStatus, { exit }),
+        (isRunning || exit?.executionTimeMs !== void 0) && /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", tone: "muted", className: "px-1 tabular-nums", children: isRunning ? formatElapsed(elapsedTime) : formatDuration(exit?.executionTimeMs ?? 0) })
+      ] }),
+      initialCollapsed: !toolApprovalMetadata,
+      children: hasBody && /* @__PURE__ */ jsxs(Fragment, { children: [
+        shownCommand && /* @__PURE__ */ jsx(ToolCallCommand, { command: shownCommand }),
+        output && /* @__PURE__ */ jsx(ToolCallMono, { ref: outputRef, copyText: output, className: "text-muted-foreground", children: output }),
+        /* @__PURE__ */ jsx(
+          ToolApprovalButtons,
+          {
+            toolCalled,
+            toolCallId,
+            toolApprovalMetadata,
+            toolName,
+            isNetwork,
+            isGenerateMode: metadata?.mode === "generate"
+          }
+        )
+      ] })
+    }
+  );
 };
 
 export { SandboxExecutionBadge };

package/dist/domains/chat/tools/badges/sandbox-execution-badge.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"sandbox-execution-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/sandbox-execution-badge.tsx"],"sourcesContent":["import { CheckIcon, ChevronUpIcon, CopyIcon, TerminalSquare } from 'lucide-react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { DataMessagePart } from '../tool-card';\nimport type { MessageMetadata } from '@/domains/chat';\nimport type { ToolApprovalButtonsProps } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ToolApprovalButtons } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { WORKSPACE_TOOLS } from '@/domains/chat/tools/workspace-tool-constants';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { useElapsedTime } from '@/hooks/use-elapsed-time';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatDuration, formatElapsed } from '@/utils/duration';\n\n// Matches the shape returned by workspace.getInfo() — flat, not nested under \"workspace\"\ninterface WorkspaceMetadata {\n  toolName?: string;\n  id?: string;\n  name?: string;\n  status?: string;\n  sandbox?: {\n    id?: string;\n    name?: string;\n    provider?: string;\n    status?: string;\n  };\n  filesystem?: {\n    id?: string;\n    name?: string;\n    provider?: string;\n    status?: string;\n  };\n}\n\n// Get status dot color based on sandbox status\nconst getStatusColor = (status?: string) => {\n  switch (status) {\n    case 'running':\n      return 'bg-green-500';\n    case 'starting':\n    case 'initializing':\n      return 'bg-yellow-500';\n    case 'stopped':\n    case 'paused':\n      return 'bg-muted-foreground';\n    case 'error':\n    case 'failed':\n      return 'bg-red-500';\n    default:\n      return 'bg-accent6';\n  }\n};\n\nexport interface SandboxExecutionBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  toolName: string;\n  args: Record<string, unknown> | string;\n  result: any;\n  metadata?: MessageMetadata;\n  toolCalled?: boolean;\n  dataParts?: ReadonlyArray<DataMessagePart>;\n}\n\ninterface TerminalBlockProps {\n  command?: string;\n  content: string;\n  maxHeight?: string;\n  onCopy?: () => void;\n  isCopied?: boolean;\n}\n\nconst TerminalBlock = ({ command, content, maxHeight = '20rem', onCopy, isCopied }: TerminalBlockProps) => {\n  const contentRef = useRef<HTMLPreElement>(null);\n\n  // Auto-scroll to bottom when content changes\n  useEffect(() => {\n    if (contentRef.current) {\n      contentRef.current.scrollTop = contentRef.current.scrollHeight;\n    }\n  }, [content]);\n\n  return (\n    <div className=\"overflow-hidden rounded-md border border-border\">\n      {/* Terminal header with command */}\n      {command && (\n        <div className=\"flex items-center justify-between gap-2 border-b border-border bg-card px-3 py-2\">\n          <div className=\"flex min-w-0 items-center gap-2\">\n            <span className=\"shrink-0 text-caption text-foreground\">$</span>\n            <Txt as=\"span\" variant=\"caption\" tone=\"ink\" font=\"mono\" className=\"truncate\">\n              {command}\n            </Txt>\n          </div>\n          {onCopy && (\n            <Button variant=\"default\" size=\"icon-sm\" tooltip=\"Copy output\" onClick={onCopy} className=\"shrink-0\">\n              <span className=\"grid\">\n                <span\n                  style={{ gridArea: '1/1' }}\n                  className={cn('transition-transform', isCopied ? 'scale-100' : 'scale-0')}\n                >\n                  <CheckIcon size={14} />\n                </span>\n                <span\n                  style={{ gridArea: '1/1' }}\n                  className={cn('transition-transform', isCopied ? 'scale-0' : 'scale-100')}\n                >\n                  <CopyIcon size={14} />\n                </span>\n              </span>\n            </Button>\n          )}\n        </div>\n      )}\n      {/* Terminal content */}\n      <pre\n        ref={contentRef}\n        style={{ maxHeight }}\n        className=\"overflow-auto bg-black p-3 text-body whitespace-pre-wrap text-neutral-300\"\n      >\n        {content || <span className=\"text-foreground italic\">No output</span>}\n      </pre>\n    </div>\n  );\n};\n\nexport const SandboxExecutionBadge = ({\n  toolName,\n  args,\n  result,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  isNetwork,\n  toolCalled: toolCalledProp,\n  dataParts: dataPartsProp,\n}: SandboxExecutionBadgeProps) => {\n  // Get sandbox streaming data parts from the message\n  const dataParts = useMemo(() => {\n    return (dataPartsProp ?? []).filter(part => part.type === 'data');\n  }, [dataPartsProp]);\n\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const { isCopied, copyToClipboard } = useCopyToClipboard({ copiedDuration: 1500, showToast: false });\n  const { Link } = useLinkComponent();\n\n  // Command info emitted by get_process_output (so we can show the original command)\n  const commandChunk = dataParts.find(\n    chunk => chunk.name === 'sandbox-command' && chunk.data?.toolCallId === toolCallId,\n  );\n\n  // Parse args to get command info\n  let commandDisplay = '';\n  try {\n    const parsedArgs = typeof args === 'object' ? args : JSON.parse(args);\n    if (toolName === WORKSPACE_TOOLS.SANDBOX.EXECUTE_COMMAND) {\n      commandDisplay = parsedArgs.command || '';\n    } else if (\n      toolName === WORKSPACE_TOOLS.SANDBOX.GET_PROCESS_OUTPUT ||\n      toolName === WORKSPACE_TOOLS.SANDBOX.KILL_PROCESS\n    ) {\n      // Prefer the original command from streaming data, fall back to PID\n      const cmd = commandChunk?.data?.command as string | undefined;\n      commandDisplay = cmd || `PID ${parsedArgs.pid}`;\n    }\n  } catch {\n    commandDisplay = toolName;\n  }\n\n  // Sandbox stdout/stderr chunks scoped to this tool call\n  const sandboxChunks = dataParts.filter(\n    chunk =>\n      (chunk.name === 'sandbox-stdout' || chunk.name === 'sandbox-stderr') && chunk.data?.toolCallId === toolCallId,\n  );\n\n  // Workspace metadata emitted first — scoped to this tool call\n  const workspaceMetaPart = dataParts.find(\n    chunk => chunk.name === 'workspace-metadata' && chunk.data?.toolCallId === toolCallId,\n  );\n  const execMeta = workspaceMetaPart?.data as WorkspaceMetadata | undefined;\n\n  // Exit chunk scoped to this tool call\n  const exitChunk = dataParts.find(chunk => chunk.name === 'sandbox-exit' && chunk.data?.toolCallId === toolCallId) as\n    | {\n        name: string;\n        data: {\n          exitCode: number;\n          success: boolean;\n          executionTimeMs?: number;\n          killed?: boolean;\n          timedOut?: boolean;\n        };\n      }\n    | undefined;\n\n  // Streaming is complete if we have exit chunk or a final result\n  const isStreamingComplete = !!exitChunk || typeof result === 'string';\n\n  const hasStarted = !!workspaceMetaPart; // metadata is emitted at tool start\n  const isRunning = hasStarted && !isStreamingComplete;\n  const toolCalled = toolCalledProp ?? (isStreamingComplete || hasStarted);\n\n  // Get exit info from data chunks\n  const exitCode = exitChunk?.data?.exitCode;\n  const exitSuccess = exitChunk?.data?.success;\n  const executionTime = exitChunk?.data?.executionTimeMs;\n  const wasKilled = exitChunk?.data?.killed;\n\n  // Combine streaming output into a single string\n  const streamingContent = sandboxChunks.map(chunk => chunk.data?.output || '').join('');\n\n  // During a live session, prefer the full streaming output the user watched build up.\n  // After hydration from storage (no streaming chunks available), fall back to the\n  // truncated tool result. With transient stdout/stderr chunks, streaming data won't\n  // survive a page refresh, so the result is the only option on reload.\n  const outputContent = streamingContent || (typeof result === 'string' ? result : '');\n\n  const displayName =\n    toolName === WORKSPACE_TOOLS.SANDBOX.EXECUTE_COMMAND\n      ? 'Execute Command'\n      : toolName === WORKSPACE_TOOLS.SANDBOX.GET_PROCESS_OUTPUT\n        ? 'Get Process Output'\n        : toolName === WORKSPACE_TOOLS.SANDBOX.KILL_PROCESS\n          ? 'Kill Process'\n          : toolName;\n\n  // Get start time from first streaming chunk for live timer\n  const firstChunkTime = sandboxChunks[0]?.data?.timestamp as number | undefined;\n  const elapsedTime = useElapsedTime(isRunning, firstChunkTime);\n\n  const onCopy = () => {\n    if (!outputContent || isCopied) return;\n    copyToClipboard(outputContent);\n  };\n\n  return (\n    <div className=\"mb-4\" data-testid=\"sandbox-execution-badge\">\n      {/* Header row */}\n      <div className=\"flex items-center justify-between gap-2\">\n        <button onClick={() => setIsCollapsed(s => !s)} className=\"flex min-w-0 items-center gap-2\" type=\"button\">\n          <Icon>\n            <ChevronUpIcon className={cn('transition-all', isCollapsed ? 'rotate-90' : 'rotate-180')} />\n          </Icon>\n          <Badge icon={<TerminalSquare className=\"text-accent6\" size={16} />}>{displayName}</Badge>\n          {execMeta?.sandbox && (\n            <Link\n              href={execMeta.id ? `/workspaces/${execMeta.id}` : '/workspaces'}\n              className=\"state-layer flex items-center gap-1.5 rounded border border-border bg-card px-1.5 py-0.5 text-caption text-foreground hover:border-border-strong\"\n              onClick={(e: React.MouseEvent) => e.stopPropagation()}\n            >\n              <span className={cn('size-1.5 rounded-full', getStatusColor(execMeta.sandbox.status))} />\n              <span>{execMeta.sandbox.name || execMeta.sandbox.provider}</span>\n            </Link>\n          )}\n        </button>\n\n        {/* Status area */}\n        <div className=\"flex items-center gap-2\">\n          {isRunning ? (\n            <>\n              <span className=\"flex items-center gap-1.5 text-caption text-accent6\">\n                <span className=\"size-1.5 animate-pulse rounded-full bg-accent6\" />\n                <span className=\"animate-pulse\">running</span>\n              </span>\n              <span className=\"text-caption text-foreground tabular-nums\">{formatElapsed(elapsedTime)}</span>\n            </>\n          ) : (\n            <>\n              {exitCode !== undefined &&\n                (exitSuccess ? (\n                  <CheckIcon className=\"text-green-400\" size={14} />\n                ) : wasKilled ? (\n                  <span className=\"rounded bg-orange-500/20 px-1.5 py-0.5 text-meta text-orange-400\">killed</span>\n                ) : (\n                  <span className=\"rounded bg-red-500/20 px-1.5 py-0.5 text-meta text-red-400\">exit {exitCode}</span>\n                ))}\n              {executionTime !== undefined && (\n                <span className=\"text-caption text-foreground\">{formatDuration(executionTime)}</span>\n              )}\n            </>\n          )}\n        </div>\n      </div>\n\n      {/* Content area */}\n      {!isCollapsed && (\n        <div className=\"pt-2\">\n          {(outputContent || commandDisplay) && (\n            <TerminalBlock\n              command={commandDisplay}\n              content={outputContent}\n              onCopy={outputContent ? onCopy : undefined}\n              isCopied={isCopied}\n            />\n          )}\n\n          <ToolApprovalButtons\n            toolCalled={toolCalled}\n            toolCallId={toolCallId}\n            toolApprovalMetadata={toolApprovalMetadata}\n            toolName={toolName}\n            isNetwork={isNetwork}\n            isGenerateMode={metadata?.mode === 'generate'}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sandbox-execution-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/sandbox-execution-badge.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { DataMessagePart } from '../tool-card';\nimport { parseToolArgs, toolDataParts, workspaceMetadata } from './workspace-data-parts';\nimport { WorkspaceLink } from './workspace-link';\nimport type { MessageMetadata } from '@/domains/chat';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalButtonsProps } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ToolApprovalButtons } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\nimport { presentTool, ToolCallCommand, ToolCallMono } from '@/ds/components/ai/tool-call';\nimport { Txt } from '@/ds/components/Txt';\nimport { useElapsedTime } from '@/hooks/use-elapsed-time';\nimport { cn } from '@/utils/cn';\nimport { formatDuration, formatElapsed } from '@/utils/duration';\n\nconst SANDBOX_STATUS_DOT: Record<string, string> = {\n  running: 'bg-success-indicator',\n  starting: 'bg-warning-indicator',\n  initializing: 'bg-warning-indicator',\n  stopped: 'bg-muted-foreground',\n  paused: 'bg-muted-foreground',\n  error: 'bg-destructive-indicator',\n  failed: 'bg-destructive-indicator',\n};\n\ninterface SandboxExit {\n  exitCode?: number;\n  success?: boolean;\n  executionTimeMs?: number;\n  killed?: boolean;\n}\n\nexport interface SandboxExecutionBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  toolName: string;\n  args: Record<string, unknown> | string;\n  result: unknown;\n  metadata?: MessageMetadata;\n  toolCalled?: boolean;\n  dataParts?: ReadonlyArray<DataMessagePart>;\n  status?: ActivityStatus;\n}\n\nconst ExitStatus = ({ exit }: { exit: SandboxExit }) => {\n  if (exit.exitCode === undefined || exit.success) return null;\n  return (\n    <Txt as=\"span\" variant=\"meta\" className={exit.killed ? 'text-warning-indicator' : 'text-destructive-indicator'}>\n      {exit.killed ? 'killed' : `exit ${exit.exitCode}`}\n    </Txt>\n  );\n};\n\nexport const SandboxExecutionBadge = ({\n  toolName,\n  args,\n  result,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  isNetwork,\n  toolCalled: toolCalledProp,\n  dataParts,\n  status = 'idle',\n}: SandboxExecutionBadgeProps) => {\n  const outputRef = useRef<HTMLPreElement>(null);\n  const { icon: ToolIcon, label, detail, description, command } = presentTool(toolName, parseToolArgs(args));\n  const startedCommand = toolDataParts(dataParts, 'sandbox-command', toolCallId)[0]?.data?.command;\n  const originalCommand = typeof startedCommand === 'string' ? startedCommand : undefined;\n  const shownCommand = command ?? originalCommand;\n\n  const outputChunks = (dataParts ?? []).filter(\n    part =>\n      part.type === 'data' &&\n      (part.name === 'sandbox-stdout' || part.name === 'sandbox-stderr') &&\n      part.data?.toolCallId === toolCallId,\n  );\n  const output =\n    outputChunks.map(part => part.data?.output ?? '').join('') || (typeof result === 'string' ? result : '');\n\n  const exit: SandboxExit | undefined = toolDataParts(dataParts, 'sandbox-exit', toolCallId)[0]?.data;\n  const workspace = workspaceMetadata(dataParts, toolCallId);\n  const isRunning = status === 'running' && Boolean(workspace) && !exit;\n  const toolCalled = toolCalledProp ?? (Boolean(workspace) || Boolean(exit) || typeof result === 'string');\n  const elapsedTime = useElapsedTime(isRunning, outputChunks[0]?.data?.timestamp);\n\n  const needsApproval = awaitsToolApproval({ toolApprovalMetadata, toolCalled });\n  const hasBody = Boolean(shownCommand) || Boolean(output) || needsApproval;\n\n  useEffect(() => {\n    const outputBlock = outputRef.current;\n    if (outputBlock) outputBlock.scrollTop = outputBlock.scrollHeight;\n  }, [output]);\n\n  return (\n    <BadgeWrapper\n      data-testid=\"sandbox-execution-badge\"\n      header={\n        <ActivityHeadline\n          icon={<ToolIcon aria-hidden />}\n          label={label}\n          detail={originalCommand ?? detail}\n          description={description}\n        />\n      }\n      status={status}\n      extraInfo={\n        <>\n          {workspace?.sandbox && (\n            <WorkspaceLink\n              href={workspace.id ? `/workspaces/${workspace.id}` : '/workspaces'}\n              icon={\n                <span\n                  aria-hidden\n                  className={cn(\n                    'size-1.5 shrink-0 rounded-full',\n                    SANDBOX_STATUS_DOT[workspace.sandbox.status ?? ''] ?? 'bg-warning-indicator',\n                  )}\n                />\n              }\n            >\n              {workspace.sandbox.name || workspace.sandbox.provider}\n            </WorkspaceLink>\n          )}\n          {exit && <ExitStatus exit={exit} />}\n          {(isRunning || exit?.executionTimeMs !== undefined) && (\n            <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"px-1 tabular-nums\">\n              {isRunning ? formatElapsed(elapsedTime) : formatDuration(exit?.executionTimeMs ?? 0)}\n            </Txt>\n          )}\n        </>\n      }\n      initialCollapsed={!toolApprovalMetadata}\n    >\n      {hasBody && (\n        <>\n          {shownCommand && <ToolCallCommand command={shownCommand} />}\n          {output && (\n            <ToolCallMono ref={outputRef} copyText={output} className=\"text-muted-foreground\">\n              {output}\n            </ToolCallMono>\n          )}\n          <ToolApprovalButtons\n            toolCalled={toolCalled}\n            toolCallId={toolCallId}\n            toolApprovalMetadata={toolApprovalMetadata}\n            toolName={toolName}\n            isNetwork={isNetwork}\n            isGenerateMode={metadata?.mode === 'generate'}\n          />\n        </>\n      )}\n    </BadgeWrapper>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/domains/chat/tools/badges/tool-approval-buttons.cjs.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_components_sectionLabel = require('../../components/section-label.cjs.js');
 const domains_chat_context_toolCallContext = require('../../context/tool-call-context.cjs.js');
-const toolApproval = require('../../../../tool-approval-D4_2Gc8e.cjs');
+const domains_chat_tools_badges_awaitsToolApproval = require('./awaits-tool-approval.cjs.js');
+const toolApproval = require('../../../../tool-approval-BAER9nxR.cjs');
 
 const ToolApprovalButtons = ({
   toolCalled,
@@ -45,22 +46,20 @@ const ToolApprovalButtons = ({
     }
   };
   const toolCallApprovalStatus = isNetwork ? networkToolCallApprovals?.[toolApprovalMetadata?.runId ? `${toolApprovalMetadata.runId}-${toolName}` : toolName]?.status : toolCallApprovals?.[toolCallId]?.status;
-  if (toolApprovalMetadata && !toolCalled) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(domains_chat_components_sectionLabel.SectionLabel, { children: "Approval required" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        toolApproval.ToolApprovalActions,
-        {
-          onApprove: handleApprove,
-          onDecline: handleDecline,
-          disabled: isRunning,
-          status: toolCallApprovalStatus,
-          toolName
-        }
-      )
-    ] });
-  }
-  return null;
+  if (!domains_chat_tools_badges_awaitsToolApproval.awaitsToolApproval({ toolApprovalMetadata, toolCalled })) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(domains_chat_components_sectionLabel.SectionLabel, { children: "Approval required" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      toolApproval.ToolApprovalActions,
+      {
+        onApprove: handleApprove,
+        onDecline: handleDecline,
+        disabled: isRunning,
+        status: toolCallApprovalStatus,
+        toolName
+      }
+    )
+  ] });
 };
 
 exports.ToolApprovalButtons = ToolApprovalButtons;

package/dist/domains/chat/tools/badges/tool-approval-buttons.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-approval-buttons.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/tool-approval-buttons.tsx"],"sourcesContent":["import { SectionLabel } from '../../components/section-label';\nimport { useToolCall } from '../../context/tool-call-context';\nimport { ToolApprovalActions } from '@/ds/components/ai/tool-approval';\n\nexport interface ToolApprovalButtonsProps {\n  toolCallId: string;\n  toolName: string;\n  toolCalled: boolean;\n  toolApprovalMetadata:\n    | {\n        toolCallId: string;\n        toolName: string;\n        args: Record<string, any>;\n        runId?: string;\n      }\n    | undefined;\n  isNetwork: boolean;\n  isGenerateMode?: boolean;\n}\n\nexport const ToolApprovalButtons = ({\n  toolCalled,\n  toolCallId,\n  toolApprovalMetadata,\n  toolName,\n  isNetwork,\n  isGenerateMode,\n}: ToolApprovalButtonsProps) => {\n  const {\n    approveToolcall,\n    declineToolcall,\n    approveToolcallGenerate,\n    declineToolcallGenerate,\n    isRunning,\n    toolCallApprovals,\n    approveNetworkToolcall,\n    declineNetworkToolcall,\n    networkToolCallApprovals,\n  } = useToolCall();\n\n  const handleApprove = () => {\n    if (isNetwork) {\n      approveNetworkToolcall(toolName, toolApprovalMetadata?.runId);\n    } else if (isGenerateMode) {\n      approveToolcallGenerate(toolCallId);\n    } else {\n      approveToolcall(toolCallId);\n    }\n  };\n\n  const handleDecline = () => {\n    if (isNetwork) {\n      declineNetworkToolcall(toolName, toolApprovalMetadata?.runId);\n    } else if (isGenerateMode) {\n      declineToolcallGenerate(toolCallId);\n    } else {\n      declineToolcall(toolCallId);\n    }\n  };\n\n  const toolCallApprovalStatus = isNetwork\n    ? networkToolCallApprovals?.[toolApprovalMetadata?.runId ? `${toolApprovalMetadata.runId}-${toolName}` : toolName]\n        ?.status\n    : toolCallApprovals?.[toolCallId]?.status;\n\n  if (toolApprovalMetadata && !toolCalled) {\n    return (\n      <div>\n        <SectionLabel>Approval required</SectionLabel>\n        <ToolApprovalActions\n          onApprove={handleApprove}\n          onDecline={handleDecline}\n          disabled={isRunning}\n          status={toolCallApprovalStatus}\n          toolName={toolName}\n        />\n      </div>\n    );\n  }\n\n  return null;\n};\n"],"names":["useToolCall","jsx","SectionLabel","ToolApprovalActions"],"mappings":";;;;;;;;;AAoBO,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAA;AAAA,EACA,UAAA;AAAA,EACA,oBAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAAgC;AAC9B,EAAA,MAAM;AAAA,IACJ,eAAA;AAAA,IACA,eAAA;AAAA,IACA,uBAAA;AAAA,IACA,uBAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,sBAAA;AAAA,IACA,sBAAA;AAAA,IACA;AAAA,MACEA,gDAAA,EAAY;AAEhB,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,sBAAA,CAAuB,QAAA,EAAU,sBAAsB,KAAK,CAAA;AAAA,IAC9D,WAAW,cAAA,EAAgB;AACzB,MAAA,uBAAA,CAAwB,UAAU,CAAA;AAAA,IACpC,CAAA,MAAO;AACL,MAAA,eAAA,CAAgB,UAAU,CAAA;AAAA,IAC5B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,sBAAA,CAAuB,QAAA,EAAU,sBAAsB,KAAK,CAAA;AAAA,IAC9D,WAAW,cAAA,EAAgB;AACzB,MAAA,uBAAA,CAAwB,UAAU,CAAA;AAAA,IACpC,CAAA,MAAO;AACL,MAAA,eAAA,CAAgB,UAAU,CAAA;AAAA,IAC5B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,yBAAyB,SAAA,GAC3B,wBAAA,GAA2B,oBAAA,EAAsB,KAAA,GAAQ,GAAG,oBAAA,CAAqB,KAAK,CAAA,CAAA,EAAI,QAAQ,KAAK,QAAQ,CAAA,EAC3G,MAAA,GACJ,iBAAA,GAAoB,UAAU,CAAA,EAAG,MAAA;AAErC,EAAA,IAAI,oBAAA,IAAwB,CAAC,UAAA,EAAY;AACvC,IAAA,uCACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,qDAAa,QAAA,EAAA,mBAAA,EAAiB,CAAA;AAAA,sBAC/BD,cAAA;AAAA,QAACE,gCAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,aAAA;AAAA,UACX,SAAA,EAAW,aAAA;AAAA,UACX,QAAA,EAAU,SAAA;AAAA,UACV,MAAA,EAAQ,sBAAA;AAAA,UACR;AAAA;AAAA;AACF,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,IAAA;AACT;;;;"}
+{"version":3,"file":"tool-approval-buttons.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/tool-approval-buttons.tsx"],"sourcesContent":["import { SectionLabel } from '../../components/section-label';\nimport { useToolCall } from '../../context/tool-call-context';\nimport { awaitsToolApproval } from './awaits-tool-approval';\nimport { ToolApprovalActions } from '@/ds/components/ai/tool-approval';\n\nexport interface ToolApprovalButtonsProps {\n  toolCallId: string;\n  toolName: string;\n  toolCalled: boolean;\n  toolApprovalMetadata:\n    | {\n        toolCallId: string;\n        toolName: string;\n        args: Record<string, any>;\n        runId?: string;\n      }\n    | undefined;\n  isNetwork: boolean;\n  isGenerateMode?: boolean;\n}\n\nexport const ToolApprovalButtons = ({\n  toolCalled,\n  toolCallId,\n  toolApprovalMetadata,\n  toolName,\n  isNetwork,\n  isGenerateMode,\n}: ToolApprovalButtonsProps) => {\n  const {\n    approveToolcall,\n    declineToolcall,\n    approveToolcallGenerate,\n    declineToolcallGenerate,\n    isRunning,\n    toolCallApprovals,\n    approveNetworkToolcall,\n    declineNetworkToolcall,\n    networkToolCallApprovals,\n  } = useToolCall();\n\n  const handleApprove = () => {\n    if (isNetwork) {\n      approveNetworkToolcall(toolName, toolApprovalMetadata?.runId);\n    } else if (isGenerateMode) {\n      approveToolcallGenerate(toolCallId);\n    } else {\n      approveToolcall(toolCallId);\n    }\n  };\n\n  const handleDecline = () => {\n    if (isNetwork) {\n      declineNetworkToolcall(toolName, toolApprovalMetadata?.runId);\n    } else if (isGenerateMode) {\n      declineToolcallGenerate(toolCallId);\n    } else {\n      declineToolcall(toolCallId);\n    }\n  };\n\n  const toolCallApprovalStatus = isNetwork\n    ? networkToolCallApprovals?.[toolApprovalMetadata?.runId ? `${toolApprovalMetadata.runId}-${toolName}` : toolName]\n        ?.status\n    : toolCallApprovals?.[toolCallId]?.status;\n\n  if (!awaitsToolApproval({ toolApprovalMetadata, toolCalled })) return null;\n\n  return (\n    <div>\n      <SectionLabel>Approval required</SectionLabel>\n      <ToolApprovalActions\n        onApprove={handleApprove}\n        onDecline={handleDecline}\n        disabled={isRunning}\n        status={toolCallApprovalStatus}\n        toolName={toolName}\n      />\n    </div>\n  );\n};\n"],"names":["useToolCall","awaitsToolApproval","jsx","SectionLabel","ToolApprovalActions"],"mappings":";;;;;;;;;;AAqBO,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAA;AAAA,EACA,UAAA;AAAA,EACA,oBAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAAgC;AAC9B,EAAA,MAAM;AAAA,IACJ,eAAA;AAAA,IACA,eAAA;AAAA,IACA,uBAAA;AAAA,IACA,uBAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,sBAAA;AAAA,IACA,sBAAA;AAAA,IACA;AAAA,MACEA,gDAAA,EAAY;AAEhB,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,sBAAA,CAAuB,QAAA,EAAU,sBAAsB,KAAK,CAAA;AAAA,IAC9D,WAAW,cAAA,EAAgB;AACzB,MAAA,uBAAA,CAAwB,UAAU,CAAA;AAAA,IACpC,CAAA,MAAO;AACL,MAAA,eAAA,CAAgB,UAAU,CAAA;AAAA,IAC5B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,sBAAA,CAAuB,QAAA,EAAU,sBAAsB,KAAK,CAAA;AAAA,IAC9D,WAAW,cAAA,EAAgB;AACzB,MAAA,uBAAA,CAAwB,UAAU,CAAA;AAAA,IACpC,CAAA,MAAO;AACL,MAAA,eAAA,CAAgB,UAAU,CAAA;AAAA,IAC5B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,yBAAyB,SAAA,GAC3B,wBAAA,GAA2B,oBAAA,EAAsB,KAAA,GAAQ,GAAG,oBAAA,CAAqB,KAAK,CAAA,CAAA,EAAI,QAAQ,KAAK,QAAQ,CAAA,EAC3G,MAAA,GACJ,iBAAA,GAAoB,UAAU,CAAA,EAAG,MAAA;AAErC,EAAA,IAAI,CAACC,+DAAA,CAAmB,EAAE,sBAAsB,UAAA,EAAY,GAAG,OAAO,IAAA;AAEtE,EAAA,uCACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,qDAAa,QAAA,EAAA,mBAAA,EAAiB,CAAA;AAAA,oBAC/BD,cAAA;AAAA,MAACE,gCAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,aAAA;AAAA,QACX,SAAA,EAAW,aAAA;AAAA,QACX,QAAA,EAAU,SAAA;AAAA,QACV,MAAA,EAAQ,sBAAA;AAAA,QACR;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/chat/tools/badges/tool-approval-buttons.es.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { SectionLabel } from '../../components/section-label.es.js';
 import { useToolCall } from '../../context/tool-call-context.es.js';
-import { a as ToolApprovalActions } from '../../../../tool-approval-gmDi8ZMB.js';
+import { awaitsToolApproval } from './awaits-tool-approval.es.js';
+import { a as ToolApprovalActions } from '../../../../tool-approval-xZvYiuBP.js';
 
 const ToolApprovalButtons = ({
   toolCalled,
@@ -41,22 +42,20 @@ const ToolApprovalButtons = ({
     }
   };
   const toolCallApprovalStatus = isNetwork ? networkToolCallApprovals?.[toolApprovalMetadata?.runId ? `${toolApprovalMetadata.runId}-${toolName}` : toolName]?.status : toolCallApprovals?.[toolCallId]?.status;
-  if (toolApprovalMetadata && !toolCalled) {
-    return /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(SectionLabel, { children: "Approval required" }),
-      /* @__PURE__ */ jsx(
-        ToolApprovalActions,
-        {
-          onApprove: handleApprove,
-          onDecline: handleDecline,
-          disabled: isRunning,
-          status: toolCallApprovalStatus,
-          toolName
-        }
-      )
-    ] });
-  }
-  return null;
+  if (!awaitsToolApproval({ toolApprovalMetadata, toolCalled })) return null;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(SectionLabel, { children: "Approval required" }),
+    /* @__PURE__ */ jsx(
+      ToolApprovalActions,
+      {
+        onApprove: handleApprove,
+        onDecline: handleDecline,
+        disabled: isRunning,
+        status: toolCallApprovalStatus,
+        toolName
+      }
+    )
+  ] });
 };
 
 export { ToolApprovalButtons };

package/dist/domains/chat/tools/badges/tool-approval-buttons.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-approval-buttons.es.js","sources":["../../../../../src/domains/chat/tools/badges/tool-approval-buttons.tsx"],"sourcesContent":["import { SectionLabel } from '../../components/section-label';\nimport { useToolCall } from '../../context/tool-call-context';\nimport { ToolApprovalActions } from '@/ds/components/ai/tool-approval';\n\nexport interface ToolApprovalButtonsProps {\n  toolCallId: string;\n  toolName: string;\n  toolCalled: boolean;\n  toolApprovalMetadata:\n    | {\n        toolCallId: string;\n        toolName: string;\n        args: Record<string, any>;\n        runId?: string;\n      }\n    | undefined;\n  isNetwork: boolean;\n  isGenerateMode?: boolean;\n}\n\nexport const ToolApprovalButtons = ({\n  toolCalled,\n  toolCallId,\n  toolApprovalMetadata,\n  toolName,\n  isNetwork,\n  isGenerateMode,\n}: ToolApprovalButtonsProps) => {\n  const {\n    approveToolcall,\n    declineToolcall,\n    approveToolcallGenerate,\n    declineToolcallGenerate,\n    isRunning,\n    toolCallApprovals,\n    approveNetworkToolcall,\n    declineNetworkToolcall,\n    networkToolCallApprovals,\n  } = useToolCall();\n\n  const handleApprove = () => {\n    if (isNetwork) {\n      approveNetworkToolcall(toolName, toolApprovalMetadata?.runId);\n    } else if (isGenerateMode) {\n      approveToolcallGenerate(toolCallId);\n    } else {\n      approveToolcall(toolCallId);\n    }\n  };\n\n  const handleDecline = () => {\n    if (isNetwork) {\n      declineNetworkToolcall(toolName, toolApprovalMetadata?.runId);\n    } else if (isGenerateMode) {\n      declineToolcallGenerate(toolCallId);\n    } else {\n      declineToolcall(toolCallId);\n    }\n  };\n\n  const toolCallApprovalStatus = isNetwork\n    ? networkToolCallApprovals?.[toolApprovalMetadata?.runId ? `${toolApprovalMetadata.runId}-${toolName}` : toolName]\n        ?.status\n    : toolCallApprovals?.[toolCallId]?.status;\n\n  if (toolApprovalMetadata && !toolCalled) {\n    return (\n      <div>\n        <SectionLabel>Approval required</SectionLabel>\n        <ToolApprovalActions\n          onApprove={handleApprove}\n          onDecline={handleDecline}\n          disabled={isRunning}\n          status={toolCallApprovalStatus}\n          toolName={toolName}\n        />\n      </div>\n    );\n  }\n\n  return null;\n};\n"],"names":[],"mappings":";;;;;AAoBO,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAA;AAAA,EACA,UAAA;AAAA,EACA,oBAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAAgC;AAC9B,EAAA,MAAM;AAAA,IACJ,eAAA;AAAA,IACA,eAAA;AAAA,IACA,uBAAA;AAAA,IACA,uBAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,sBAAA;AAAA,IACA,sBAAA;AAAA,IACA;AAAA,MACE,WAAA,EAAY;AAEhB,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,sBAAA,CAAuB,QAAA,EAAU,sBAAsB,KAAK,CAAA;AAAA,IAC9D,WAAW,cAAA,EAAgB;AACzB,MAAA,uBAAA,CAAwB,UAAU,CAAA;AAAA,IACpC,CAAA,MAAO;AACL,MAAA,eAAA,CAAgB,UAAU,CAAA;AAAA,IAC5B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,sBAAA,CAAuB,QAAA,EAAU,sBAAsB,KAAK,CAAA;AAAA,IAC9D,WAAW,cAAA,EAAgB;AACzB,MAAA,uBAAA,CAAwB,UAAU,CAAA;AAAA,IACpC,CAAA,MAAO;AACL,MAAA,eAAA,CAAgB,UAAU,CAAA;AAAA,IAC5B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,yBAAyB,SAAA,GAC3B,wBAAA,GAA2B,oBAAA,EAAsB,KAAA,GAAQ,GAAG,oBAAA,CAAqB,KAAK,CAAA,CAAA,EAAI,QAAQ,KAAK,QAAQ,CAAA,EAC3G,MAAA,GACJ,iBAAA,GAAoB,UAAU,CAAA,EAAG,MAAA;AAErC,EAAA,IAAI,oBAAA,IAAwB,CAAC,UAAA,EAAY;AACvC,IAAA,4BACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,gBAAa,QAAA,EAAA,mBAAA,EAAiB,CAAA;AAAA,sBAC/B,GAAA;AAAA,QAAC,mBAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,aAAA;AAAA,UACX,SAAA,EAAW,aAAA;AAAA,UACX,QAAA,EAAU,SAAA;AAAA,UACV,MAAA,EAAQ,sBAAA;AAAA,UACR;AAAA;AAAA;AACF,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,IAAA;AACT;;;;"}
+{"version":3,"file":"tool-approval-buttons.es.js","sources":["../../../../../src/domains/chat/tools/badges/tool-approval-buttons.tsx"],"sourcesContent":["import { SectionLabel } from '../../components/section-label';\nimport { useToolCall } from '../../context/tool-call-context';\nimport { awaitsToolApproval } from './awaits-tool-approval';\nimport { ToolApprovalActions } from '@/ds/components/ai/tool-approval';\n\nexport interface ToolApprovalButtonsProps {\n  toolCallId: string;\n  toolName: string;\n  toolCalled: boolean;\n  toolApprovalMetadata:\n    | {\n        toolCallId: string;\n        toolName: string;\n        args: Record<string, any>;\n        runId?: string;\n      }\n    | undefined;\n  isNetwork: boolean;\n  isGenerateMode?: boolean;\n}\n\nexport const ToolApprovalButtons = ({\n  toolCalled,\n  toolCallId,\n  toolApprovalMetadata,\n  toolName,\n  isNetwork,\n  isGenerateMode,\n}: ToolApprovalButtonsProps) => {\n  const {\n    approveToolcall,\n    declineToolcall,\n    approveToolcallGenerate,\n    declineToolcallGenerate,\n    isRunning,\n    toolCallApprovals,\n    approveNetworkToolcall,\n    declineNetworkToolcall,\n    networkToolCallApprovals,\n  } = useToolCall();\n\n  const handleApprove = () => {\n    if (isNetwork) {\n      approveNetworkToolcall(toolName, toolApprovalMetadata?.runId);\n    } else if (isGenerateMode) {\n      approveToolcallGenerate(toolCallId);\n    } else {\n      approveToolcall(toolCallId);\n    }\n  };\n\n  const handleDecline = () => {\n    if (isNetwork) {\n      declineNetworkToolcall(toolName, toolApprovalMetadata?.runId);\n    } else if (isGenerateMode) {\n      declineToolcallGenerate(toolCallId);\n    } else {\n      declineToolcall(toolCallId);\n    }\n  };\n\n  const toolCallApprovalStatus = isNetwork\n    ? networkToolCallApprovals?.[toolApprovalMetadata?.runId ? `${toolApprovalMetadata.runId}-${toolName}` : toolName]\n        ?.status\n    : toolCallApprovals?.[toolCallId]?.status;\n\n  if (!awaitsToolApproval({ toolApprovalMetadata, toolCalled })) return null;\n\n  return (\n    <div>\n      <SectionLabel>Approval required</SectionLabel>\n      <ToolApprovalActions\n        onApprove={handleApprove}\n        onDecline={handleDecline}\n        disabled={isRunning}\n        status={toolCallApprovalStatus}\n        toolName={toolName}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAqBO,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAA;AAAA,EACA,UAAA;AAAA,EACA,oBAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAAgC;AAC9B,EAAA,MAAM;AAAA,IACJ,eAAA;AAAA,IACA,eAAA;AAAA,IACA,uBAAA;AAAA,IACA,uBAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,sBAAA;AAAA,IACA,sBAAA;AAAA,IACA;AAAA,MACE,WAAA,EAAY;AAEhB,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,sBAAA,CAAuB,QAAA,EAAU,sBAAsB,KAAK,CAAA;AAAA,IAC9D,WAAW,cAAA,EAAgB;AACzB,MAAA,uBAAA,CAAwB,UAAU,CAAA;AAAA,IACpC,CAAA,MAAO;AACL,MAAA,eAAA,CAAgB,UAAU,CAAA;AAAA,IAC5B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,sBAAA,CAAuB,QAAA,EAAU,sBAAsB,KAAK,CAAA;AAAA,IAC9D,WAAW,cAAA,EAAgB;AACzB,MAAA,uBAAA,CAAwB,UAAU,CAAA;AAAA,IACpC,CAAA,MAAO;AACL,MAAA,eAAA,CAAgB,UAAU,CAAA;AAAA,IAC5B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,yBAAyB,SAAA,GAC3B,wBAAA,GAA2B,oBAAA,EAAsB,KAAA,GAAQ,GAAG,oBAAA,CAAqB,KAAK,CAAA,CAAA,EAAI,QAAQ,KAAK,QAAQ,CAAA,EAC3G,MAAA,GACJ,iBAAA,GAAoB,UAAU,CAAA,EAAG,MAAA;AAErC,EAAA,IAAI,CAAC,kBAAA,CAAmB,EAAE,sBAAsB,UAAA,EAAY,GAAG,OAAO,IAAA;AAEtE,EAAA,4BACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,gBAAa,QAAA,EAAA,mBAAA,EAAiB,CAAA;AAAA,oBAC/B,GAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,aAAA;AAAA,QACX,SAAA,EAAW,aAAA;AAAA,QACX,QAAA,EAAU,SAAA;AAAA,QACV,MAAA,EAAQ,sBAAA;AAAA,QACR;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/chat/tools/badges/tool-badge.cjs.js

@@ -7,11 +7,14 @@ const domains_chat_tools_badges_backgroundTaskMetadataDialog = require('./backgr
 const domains_chat_components_badgeWrapper = require('../../components/badge-wrapper.cjs.js');
 const domains_chat_components_networkChoiceMetadataDialog = require('../../components/network-choice-metadata-dialog.cjs.js');
 const domains_chat_components_sectionLabel = require('../../components/section-label.cjs.js');
+const domains_chat_tools_badges_awaitsToolApproval = require('./awaits-tool-approval.cjs.js');
 const domains_chat_tools_badges_toolApprovalButtons = require('./tool-approval-buttons.cjs.js');
-const toolCallOutput = require('../../../../tool-call-output-BFkL6RFA.cjs');
-const toolCall = require('../../../../tool-call-DELhfAdn.cjs');
-const toolPresentation = require('../../../../tool-presentation-CupoLbdM.cjs');
-const codeEditor = require('../../../../code-editor-By2dTBXC.cjs');
+const activity = require('../../../../activity-8egTNbaI.cjs');
+const ansi = require('../../../../ansi-fAtbeDQN.cjs');
+const toolCallArguments = require('../../../../tool-call-arguments-ynBfg2dY.cjs');
+const toolCallOutput = require('../../../../tool-call-output-Dl4sVfCy.cjs');
+const toolPresentation = require('../../../../tool-presentation-WLS6d1ws.cjs');
+const codeEditor = require('../../../../code-editor-BXchPl_F.cjs');
 
 function formatArgs(args) {
   try {
@@ -36,18 +39,19 @@ const ToolBadge = ({
   status = "idle"
 }) => {
   const { pretty: argsPretty, parsed: argsObject } = formatArgs(args);
-  const { icon, label, detail, description } = toolPresentation.presentTool(toolName, argsObject);
-  const resultPretty = result !== void 0 && result !== null ? toolCallOutput.stripSerializedAnsi(toolPresentation.stringifyToolValue(result)) : void 0;
+  const { icon: ToolIcon, label, detail, description } = toolPresentation.presentTool(toolName, argsObject);
+  const resultPretty = result !== void 0 && result !== null ? ansi.stripSerializedAnsi(toolPresentation.stringifyToolValue(result)) : void 0;
   const routingDecision = metadata?.mode === "network" ? metadata.routingDecision : void 0;
   const selectionReason = metadata?.mode === "network" ? routingDecision?.selectionReason ?? metadata.selectionReason : void 0;
   const agentNetworkInput = metadata?.mode === "network" ? routingDecision ?? metadata.agentInput : void 0;
   const toolCalled = toolCalledProp ?? (result || toolOutput.length > 0);
+  const hasBody = toolPresentation.hasToolArguments({ toolName, args: argsObject, argsText: argsPretty, hideArguments: withoutArgs }) || Boolean(suspendPayload) || Boolean(resultPretty) || toolOutput.length > 0 || domains_chat_tools_badges_awaitsToolApproval.awaitsToolApproval({ toolApprovalMetadata, toolCalled });
   const bgEntry = (metadata?.mode === "stream" || metadata?.mode === "generate") && metadata?.backgroundTasks ? metadata.backgroundTasks[toolCallId] : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     domains_chat_components_badgeWrapper.BadgeWrapper,
     {
       "data-testid": "tool-badge",
-      header: /* @__PURE__ */ jsxRuntime.jsx(toolCall.ToolCallPresentedHeader, { icon, label, detail, description }),
+      header: /* @__PURE__ */ jsxRuntime.jsx(activity.ActivityHeadline, { icon: /* @__PURE__ */ jsxRuntime.jsx(ToolIcon, { "aria-hidden": true }), label, detail, description }),
       status,
       extraInfo: metadata?.mode === "network" ? /* @__PURE__ */ jsxRuntime.jsx(
         domains_chat_components_networkChoiceMetadataDialog.NetworkChoiceMetadataDialogTrigger,
@@ -57,9 +61,9 @@ const ToolBadge = ({
         }
       ) : bgEntry?.taskId && bgEntry?.startedAt ? /* @__PURE__ */ jsxRuntime.jsx(domains_chat_tools_badges_backgroundTaskMetadataDialog.BackgroundTaskMetadataDialogTrigger, { backgroundTask: bgEntry }) : null,
       initialCollapsed: !!!(toolApprovalMetadata ?? suspendPayload),
-      children: [
+      children: hasBody && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          toolCallOutput.ToolCallArguments,
+          toolCallArguments.ToolCallArguments,
           {
             toolName,
             args: argsObject,
@@ -88,7 +92,7 @@ const ToolBadge = ({
             isGenerateMode: metadata?.mode === "generate"
           }
         )
-      ]
+      ] })
     }
   );
 };

package/dist/domains/chat/tools/badges/tool-badge.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/tool-badge.tsx"],"sourcesContent":["import { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog';\nimport type { MessageMetadata } from '@/domains/chat';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { NetworkChoiceMetadataDialogTrigger } from '@/domains/chat/components/network-choice-metadata-dialog';\nimport { SectionLabel } from '@/domains/chat/components/section-label';\nimport type { ToolApprovalButtonsProps } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ToolApprovalButtons } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport type { ToolCallStatus } from '@/ds/components/ai/tool-call';\nimport {\n  presentTool,\n  stringifyToolValue,\n  stripSerializedAnsi,\n  ToolCallArguments,\n  ToolCallOutput,\n  ToolCallPresentedHeader,\n} from '@/ds/components/ai/tool-call';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\n\nfunction formatArgs(args: Record<string, unknown> | string): { pretty: string; parsed?: Record<string, unknown> } {\n  try {\n    const { __mastraMetadata: _, _background, ...parsed } = typeof args === 'object' ? args : JSON.parse(args);\n    return { pretty: stringifyToolValue(parsed), parsed };\n  } catch {\n    return { pretty: stringifyToolValue(args) };\n  }\n}\n\nexport interface ToolBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  toolName: string;\n  args: Record<string, unknown> | string;\n  result: any;\n  metadata?: MessageMetadata;\n  toolOutput: Array<{ toolId: string }>;\n  suspendPayload?: any;\n  toolCalled?: boolean;\n  withoutArgs?: boolean;\n  status?: ToolCallStatus;\n}\n\nexport const ToolBadge = ({\n  toolName,\n  args,\n  result,\n  metadata,\n  toolOutput,\n  toolCallId,\n  toolApprovalMetadata,\n  suspendPayload,\n  isNetwork,\n  toolCalled: toolCalledProp,\n  withoutArgs,\n  status = 'idle',\n}: ToolBadgeProps) => {\n  const { pretty: argsPretty, parsed: argsObject } = formatArgs(args);\n  const { icon, label, detail, description } = presentTool(toolName, argsObject);\n  const resultPretty =\n    result !== undefined && result !== null ? stripSerializedAnsi(stringifyToolValue(result)) : undefined;\n\n  const routingDecision = metadata?.mode === 'network' ? metadata.routingDecision : undefined;\n  const selectionReason =\n    metadata?.mode === 'network' ? (routingDecision?.selectionReason ?? metadata.selectionReason) : undefined;\n  const agentNetworkInput = metadata?.mode === 'network' ? (routingDecision ?? metadata.agentInput) : undefined;\n\n  const toolCalled = toolCalledProp ?? (result || toolOutput.length > 0);\n\n  const bgEntry =\n    (metadata?.mode === 'stream' || metadata?.mode === 'generate') && metadata?.backgroundTasks\n      ? metadata.backgroundTasks[toolCallId]\n      : undefined;\n\n  return (\n    <BadgeWrapper\n      data-testid=\"tool-badge\"\n      header={<ToolCallPresentedHeader icon={icon} label={label} detail={detail} description={description} />}\n      status={status}\n      extraInfo={\n        metadata?.mode === 'network' ? (\n          <NetworkChoiceMetadataDialogTrigger\n            selectionReason={selectionReason || ''}\n            input={agentNetworkInput as string | Record<string, unknown> | undefined}\n          />\n        ) : bgEntry?.taskId && bgEntry?.startedAt ? (\n          <BackgroundTaskMetadataDialogTrigger backgroundTask={bgEntry} />\n        ) : null\n      }\n      initialCollapsed={!!!(toolApprovalMetadata ?? suspendPayload)}\n    >\n      <ToolCallArguments\n        toolName={toolName}\n        args={argsObject}\n        argsText={argsPretty}\n        hideArguments={withoutArgs}\n        data-testid=\"tool-args\"\n      />\n\n      {suspendPayload !== undefined && suspendPayload && (\n        <div>\n          <SectionLabel>Suspend payload</SectionLabel>\n          {typeof suspendPayload === 'string' ? (\n            <ToolCallOutput text={suspendPayload} />\n          ) : (\n            <CodeEditor data={suspendPayload} data-testid=\"tool-suspend-payload\" />\n          )}\n        </div>\n      )}\n\n      {resultPretty && <ToolCallOutput text={resultPretty} error={status === 'error'} data-testid=\"tool-result\" />}\n\n      {toolOutput.length > 0 && (\n        <div>\n          <SectionLabel>Tool output</SectionLabel>\n          <div className=\"h-40 overflow-y-auto\">\n            <CodeEditor data={toolOutput} data-testid=\"tool-output\" />\n          </div>\n        </div>\n      )}\n\n      <ToolApprovalButtons\n        toolCalled={toolCalled}\n        toolCallId={toolCallId}\n        toolApprovalMetadata={toolApprovalMetadata}\n        toolName={toolName}\n        isNetwork={isNetwork}\n        isGenerateMode={metadata?.mode === 'generate'}\n      />\n    </BadgeWrapper>\n  );\n};\n"],"names":["stringifyToolValue","presentTool","stripSerializedAnsi","jsxs","BadgeWrapper","jsx","ToolCallPresentedHeader","NetworkChoiceMetadataDialogTrigger","BackgroundTaskMetadataDialogTrigger","ToolCallArguments","SectionLabel","ToolCallOutput","CodeEditor","ToolApprovalButtons"],"mappings":"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"}
+{"version":3,"file":"tool-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/tool-badge.tsx"],"sourcesContent":["import { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog';\nimport type { MessageMetadata } from '@/domains/chat';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { NetworkChoiceMetadataDialogTrigger } from '@/domains/chat/components/network-choice-metadata-dialog';\nimport { SectionLabel } from '@/domains/chat/components/section-label';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalButtonsProps } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ToolApprovalButtons } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\nimport {\n  hasToolArguments,\n  presentTool,\n  stringifyToolValue,\n  stripSerializedAnsi,\n  ToolCallArguments,\n  ToolCallOutput,\n} from '@/ds/components/ai/tool-call';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\n\nfunction formatArgs(args: Record<string, unknown> | string): { pretty: string; parsed?: Record<string, unknown> } {\n  try {\n    const { __mastraMetadata: _, _background, ...parsed } = typeof args === 'object' ? args : JSON.parse(args);\n    return { pretty: stringifyToolValue(parsed), parsed };\n  } catch {\n    return { pretty: stringifyToolValue(args) };\n  }\n}\n\nexport interface ToolBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  toolName: string;\n  args: Record<string, unknown> | string;\n  result: any;\n  metadata?: MessageMetadata;\n  toolOutput: Array<{ toolId: string }>;\n  suspendPayload?: any;\n  toolCalled?: boolean;\n  withoutArgs?: boolean;\n  status?: ActivityStatus;\n}\n\nexport const ToolBadge = ({\n  toolName,\n  args,\n  result,\n  metadata,\n  toolOutput,\n  toolCallId,\n  toolApprovalMetadata,\n  suspendPayload,\n  isNetwork,\n  toolCalled: toolCalledProp,\n  withoutArgs,\n  status = 'idle',\n}: ToolBadgeProps) => {\n  const { pretty: argsPretty, parsed: argsObject } = formatArgs(args);\n  const { icon: ToolIcon, label, detail, description } = presentTool(toolName, argsObject);\n  const resultPretty =\n    result !== undefined && result !== null ? stripSerializedAnsi(stringifyToolValue(result)) : undefined;\n\n  const routingDecision = metadata?.mode === 'network' ? metadata.routingDecision : undefined;\n  const selectionReason =\n    metadata?.mode === 'network' ? (routingDecision?.selectionReason ?? metadata.selectionReason) : undefined;\n  const agentNetworkInput = metadata?.mode === 'network' ? (routingDecision ?? metadata.agentInput) : undefined;\n\n  const toolCalled = toolCalledProp ?? (result || toolOutput.length > 0);\n  const hasBody =\n    hasToolArguments({ toolName, args: argsObject, argsText: argsPretty, hideArguments: withoutArgs }) ||\n    Boolean(suspendPayload) ||\n    Boolean(resultPretty) ||\n    toolOutput.length > 0 ||\n    awaitsToolApproval({ toolApprovalMetadata, toolCalled });\n\n  const bgEntry =\n    (metadata?.mode === 'stream' || metadata?.mode === 'generate') && metadata?.backgroundTasks\n      ? metadata.backgroundTasks[toolCallId]\n      : undefined;\n\n  return (\n    <BadgeWrapper\n      data-testid=\"tool-badge\"\n      header={\n        <ActivityHeadline icon={<ToolIcon aria-hidden />} label={label} detail={detail} description={description} />\n      }\n      status={status}\n      extraInfo={\n        metadata?.mode === 'network' ? (\n          <NetworkChoiceMetadataDialogTrigger\n            selectionReason={selectionReason || ''}\n            input={agentNetworkInput as string | Record<string, unknown> | undefined}\n          />\n        ) : bgEntry?.taskId && bgEntry?.startedAt ? (\n          <BackgroundTaskMetadataDialogTrigger backgroundTask={bgEntry} />\n        ) : null\n      }\n      initialCollapsed={!!!(toolApprovalMetadata ?? suspendPayload)}\n    >\n      {hasBody && (\n        <>\n          <ToolCallArguments\n            toolName={toolName}\n            args={argsObject}\n            argsText={argsPretty}\n            hideArguments={withoutArgs}\n            data-testid=\"tool-args\"\n          />\n\n          {suspendPayload !== undefined && suspendPayload && (\n            <div>\n              <SectionLabel>Suspend payload</SectionLabel>\n              {typeof suspendPayload === 'string' ? (\n                <ToolCallOutput text={suspendPayload} />\n              ) : (\n                <CodeEditor data={suspendPayload} data-testid=\"tool-suspend-payload\" />\n              )}\n            </div>\n          )}\n\n          {resultPretty && <ToolCallOutput text={resultPretty} error={status === 'error'} data-testid=\"tool-result\" />}\n\n          {toolOutput.length > 0 && (\n            <div>\n              <SectionLabel>Tool output</SectionLabel>\n              <div className=\"h-40 overflow-y-auto\">\n                <CodeEditor data={toolOutput} data-testid=\"tool-output\" />\n              </div>\n            </div>\n          )}\n\n          <ToolApprovalButtons\n            toolCalled={toolCalled}\n            toolCallId={toolCallId}\n            toolApprovalMetadata={toolApprovalMetadata}\n            toolName={toolName}\n            isNetwork={isNetwork}\n            isGenerateMode={metadata?.mode === 'generate'}\n          />\n        </>\n      )}\n    </BadgeWrapper>\n  );\n};\n"],"names":["stringifyToolValue","presentTool","stripSerializedAnsi","hasToolArguments","awaitsToolApproval","jsx","BadgeWrapper","ActivityHeadline","NetworkChoiceMetadataDialogTrigger","BackgroundTaskMetadataDialogTrigger","jsxs","Fragment","ToolCallArguments","SectionLabel","ToolCallOutput","CodeEditor","ToolApprovalButtons"],"mappings":"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"}