@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

package/dist/domains/chat/tools/badges/observation-marker-details.es.js

@@ -1,10 +1,11 @@
-import { formatDuration } from "../../../../utils/duration.es.js";
-import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
-import { t as Code } from "../../../../code-B7cFirk4.js";
-import { m as ActivityItem } from "../../../../activity-C8Ql81WM.js";
-import { t as MarkdownRenderer } from "../../../../MarkdownRenderer-CI30RqdB.js";
 import { compressionRatio, extractedValueEntries, formatExtractedValue, formatTokens } from "./observation-marker-format.es.js";
 import { ObservationRenderer } from "./observation-renderer.es.js";
+import { m as ActivityItem } from "../../../../activity-ClFChYfl.js";
+import { t as Code } from "../../../../code-B7cFirk4.js";
+import { t as MarkdownRenderer } from "../../../../MarkdownRenderer-CY8LGt-l.js";
+import { t as Metadata } from "../../../../Metadata-DlVgmRTA.js";
+import { t as Txt } from "../../../../Txt-5efBsb2p.js";
+import { formatDuration } from "../../../../utils/duration.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Braces, ListTodo, MessageSquareReply, ScrollText } from "lucide-react";
 // src/domains/chat/tools/badges/observation-marker-details.tsx
@@ -22,7 +23,7 @@ var ObservationStats = ({ inputTokens, outputTokens, durationMs }) => {
 		variant: "meta",
 		tone: "muted",
 		className: "tabular-nums",
-		children: stats.join(" · ")
+		children: /* @__PURE__ */ jsx(Metadata, { children: stats.map((stat) => /* @__PURE__ */ jsx(Metadata.Item, { children: stat }, stat)) })
 	});
 };
 var ObservationSections = ({ observations, isReflection, maxHeight, currentTask, suggestedResponse }) => {
@@ -65,7 +66,7 @@ var ObservationSections = ({ observations, isReflection, maxHeight, currentTask,
 var Extractions = ({ extractedValues, extractionFailures = [] }) => {
 	const entries = extractedValueEntries(extractedValues);
 	if (entries.length === 0 && extractionFailures.length === 0) return null;
-	const detail = [`${entries.length} extracted`, extractionFailures.length > 0 ? `${extractionFailures.length} failed` : void 0].filter(Boolean).join(" · ");
+	const detail = [`${entries.length} extracted`, extractionFailures.length > 0 ? `${extractionFailures.length} failed` : void 0].filter(Boolean).join(", ");
 	return /* @__PURE__ */ jsxs(ActivityItem, {
 		icon: /* @__PURE__ */ jsx(Braces, {}),
 		label: "Extractions",

package/dist/domains/chat/tools/badges/observation-marker-details.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"observation-marker-details.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/chat/tools/badges/observation-marker-details.tsx"],"sourcesContent":["import { Braces, ListTodo, MessageSquareReply, ScrollText } from 'lucide-react';\nimport {\n  compressionRatio,\n  extractedValueEntries,\n  formatExtractedValue,\n  formatTokens,\n} from './observation-marker-format';\nimport { ObservationRenderer } from './observation-renderer';\nimport { ActivityItem } from '@/ds/components/ai/activity';\nimport { Code } from '@/ds/components/Code';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Txt } from '@/ds/components/Txt';\nimport { formatDuration } from '@/utils/duration';\n\nexport interface ObservationStatsProps {\n  inputTokens?: number;\n  outputTokens?: number;\n  durationMs?: number;\n}\n\nexport const ObservationStats = ({ inputTokens, outputTokens, durationMs }: ObservationStatsProps) => {\n  const ratio = compressionRatio(inputTokens, outputTokens);\n  const stats = [\n    inputTokens ? `Input: ${formatTokens(inputTokens)}` : undefined,\n    outputTokens ? `Output: ${formatTokens(outputTokens)}` : undefined,\n    ratio && ratio > 1 ? `Compression: ${ratio}x` : undefined,\n    durationMs ? `Duration: ${formatDuration(durationMs)}` : undefined,\n  ].filter(Boolean);\n\n  if (stats.length === 0) return null;\n\n  return (\n    <Txt as=\"p\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n      {stats.join(' · ')}\n    </Txt>\n  );\n};\n\nexport interface ObservationSectionsProps {\n  observations?: string;\n  isReflection: boolean;\n  maxHeight: string;\n  currentTask?: string;\n  suggestedResponse?: string;\n}\n\nexport const ObservationSections = ({\n  observations,\n  isReflection,\n  maxHeight,\n  currentTask,\n  suggestedResponse,\n}: ObservationSectionsProps) => {\n  const hasSideSections = Boolean(currentTask || suggestedResponse);\n  const observationsLabel = isReflection ? 'Reflections' : 'Observations';\n\n  return (\n    <>\n      {observations &&\n        (hasSideSections ? (\n          <ActivityItem icon={<ScrollText />} label={observationsLabel} aria-label={observationsLabel} defaultOpen>\n            <ObservationRenderer observations={observations} maxHeight={maxHeight} />\n          </ActivityItem>\n        ) : (\n          <ObservationRenderer observations={observations} maxHeight={maxHeight} />\n        ))}\n      {currentTask && (\n        <ActivityItem icon={<ListTodo />} label=\"Current task\" aria-label=\"Current task\">\n          <MarkdownRenderer className=\"text-caption text-foreground\">{currentTask}</MarkdownRenderer>\n        </ActivityItem>\n      )}\n      {suggestedResponse && (\n        <ActivityItem icon={<MessageSquareReply />} label=\"Suggested response\" aria-label=\"Suggested response\">\n          <MarkdownRenderer className=\"text-caption text-foreground/80 italic\">{suggestedResponse}</MarkdownRenderer>\n        </ActivityItem>\n      )}\n    </>\n  );\n};\n\nexport interface ExtractionsProps {\n  extractedValues?: Record<string, unknown>;\n  extractionFailures?: Array<{ slug: string; error: string }>;\n}\n\nexport const Extractions = ({ extractedValues, extractionFailures = [] }: ExtractionsProps) => {\n  const entries = extractedValueEntries(extractedValues);\n  if (entries.length === 0 && extractionFailures.length === 0) return null;\n\n  const detail = [\n    `${entries.length} extracted`,\n    extractionFailures.length > 0 ? `${extractionFailures.length} failed` : undefined,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n  return (\n    <ActivityItem icon={<Braces />} label=\"Extractions\" detail={detail} aria-label=\"Extractions\">\n      {entries.map(([slug, value]) => (\n        <div key={slug} className=\"rounded-md border border-border bg-fill-subtle p-2\">\n          <Txt as=\"p\" variant=\"meta\" tone=\"muted\" className=\"uppercase\">\n            {slug}\n          </Txt>\n          {typeof value === 'object' && value !== null ? (\n            <Code\n              className=\"mt-1 max-h-40 overflow-auto text-caption break-words whitespace-pre-wrap text-foreground/80\"\n              code={formatExtractedValue(value)}\n            />\n          ) : (\n            <MarkdownRenderer className=\"mt-1 text-caption text-foreground/80\">\n              {formatExtractedValue(value)}\n            </MarkdownRenderer>\n          )}\n        </div>\n      ))}\n      {extractionFailures.map(failure => (\n        <div\n          key={failure.slug}\n          className=\"rounded-md border border-destructive-edge bg-destructive-subtle p-2 text-destructive-subtle-foreground\"\n        >\n          <Txt as=\"p\" variant=\"meta\" className=\"uppercase\">\n            {failure.slug}\n          </Txt>\n          <Txt as=\"p\" variant=\"caption\" className=\"mt-1\">\n            {failure.error}\n          </Txt>\n        </div>\n      ))}\n    </ActivityItem>\n  );\n};\n"],"mappings":";;;;;;;;;;AAoBA,IAAa,oBAAoB,EAAE,aAAa,cAAc,iBAAwC;CACpG,MAAM,QAAQ,iBAAiB,aAAa,YAAY;CACxD,MAAM,QAAQ;EACZ,cAAc,UAAU,aAAa,WAAW,MAAM,KAAA;EACtD,eAAe,WAAW,aAAa,YAAY,MAAM,KAAA;EACzD,SAAS,QAAQ,IAAI,gBAAgB,MAAM,KAAK,KAAA;EAChD,aAAa,aAAa,eAAe,UAAU,MAAM,KAAA;CAC3D,CAAC,CAAC,OAAO,OAAO;CAEhB,IAAI,MAAM,WAAW,GAAG,OAAO;CAE/B,OACE,oBAAC,KAAD;EAAK,IAAG;EAAI,SAAQ;EAAO,MAAK;EAAQ,WAAU;EAC/C,UAAA,MAAM,KAAK,KAAK;CACd,CAAA;AAET;AAUA,IAAa,uBAAuB,EAClC,cACA,cACA,WACA,aACA,wBAC8B;CAC9B,MAAM,kBAAkB,QAAQ,eAAe,iBAAiB;CAChE,MAAM,oBAAoB,eAAe,gBAAgB;CAEzD,OACE,qBAAAA,UAAA,EAAA,UAAA;EACG,iBACE,kBACC,oBAAC,cAAD;GAAc,MAAM,oBAAC,YAAD,CAAa,CAAA;GAAG,OAAO;GAAmB,cAAY;GAAmB,aAAA;GAC3F,UAAA,oBAAC,qBAAD;IAAmC;IAAyB;GAAY,CAAA;EAC5D,CAAA,IAEd,oBAAC,qBAAD;GAAmC;GAAyB;EAAY,CAAA;EAE3E,eACC,oBAAC,cAAD;GAAc,MAAM,oBAAC,UAAD,CAAW,CAAA;GAAG,OAAM;GAAe,cAAW;GAChE,UAAA,oBAAC,kBAAD;IAAkB,WAAU;IAAgC,UAAA;GAA8B,CAAA;EAC9E,CAAA;EAEf,qBACC,oBAAC,cAAD;GAAc,MAAM,oBAAC,oBAAD,CAAqB,CAAA;GAAG,OAAM;GAAqB,cAAW;GAChF,UAAA,oBAAC,kBAAD;IAAkB,WAAU;IAA0C,UAAA;GAAoC,CAAA;EAC9F,CAAA;CAEhB,EAAA,CAAA;AAEN;AAOA,IAAa,eAAe,EAAE,iBAAiB,qBAAqB,CAAC,QAA0B;CAC7F,MAAM,UAAU,sBAAsB,eAAe;CACrD,IAAI,QAAQ,WAAW,KAAK,mBAAmB,WAAW,GAAG,OAAO;CAEpE,MAAM,SAAS,CACb,GAAG,QAAQ,OAAO,aAClB,mBAAmB,SAAS,IAAI,GAAG,mBAAmB,OAAO,WAAW,KAAA,CAC1E,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,KAAK;CAEb,OACE,qBAAC,cAAD;EAAc,MAAM,oBAAC,QAAD,CAAS,CAAA;EAAG,OAAM;EAAsB;EAAQ,cAAW;EAA/E,UAAA,CACG,QAAQ,KAAK,CAAC,MAAM,WACnB,qBAAC,OAAD;GAAgB,WAAU;GAA1B,UAAA,CACE,oBAAC,KAAD;IAAK,IAAG;IAAI,SAAQ;IAAO,MAAK;IAAQ,WAAU;IAC/C,UAAA;GACE,CAAA,GACJ,OAAO,UAAU,YAAY,UAAU,OACtC,oBAAC,MAAD;IACE,WAAU;IACV,MAAM,qBAAqB,KAAK;GACjC,CAAA,IAED,oBAAC,kBAAD;IAAkB,WAAU;IACzB,UAAA,qBAAqB,KAAK;GACX,CAAA,CAEjB;EAdK,GAAA,IAcL,CACN,GACA,mBAAmB,KAAI,YACtB,qBAAC,OAAD;GAEE,WAAU;GAFZ,UAAA,CAIE,oBAAC,KAAD;IAAK,IAAG;IAAI,SAAQ;IAAO,WAAU;IAClC,UAAA,QAAQ;GACN,CAAA,GACL,oBAAC,KAAD;IAAK,IAAG;IAAI,SAAQ;IAAU,WAAU;IACrC,UAAA,QAAQ;GACN,CAAA,CACF;EATE,GAAA,QAAQ,IASV,CACN,CACW;;AAElB"}
+{"version":3,"file":"observation-marker-details.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/chat/tools/badges/observation-marker-details.tsx"],"sourcesContent":["import { Braces, ListTodo, MessageSquareReply, ScrollText } from 'lucide-react';\nimport {\n  compressionRatio,\n  extractedValueEntries,\n  formatExtractedValue,\n  formatTokens,\n} from './observation-marker-format';\nimport { ObservationRenderer } from './observation-renderer';\nimport { ActivityItem } from '@/ds/components/ai/activity';\nimport { Code } from '@/ds/components/Code';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Metadata } from '@/ds/components/Metadata';\nimport { Txt } from '@/ds/components/Txt';\nimport { formatDuration } from '@/utils/duration';\n\nexport interface ObservationStatsProps {\n  inputTokens?: number;\n  outputTokens?: number;\n  durationMs?: number;\n}\n\nexport const ObservationStats = ({ inputTokens, outputTokens, durationMs }: ObservationStatsProps) => {\n  const ratio = compressionRatio(inputTokens, outputTokens);\n  const stats = [\n    inputTokens ? `Input: ${formatTokens(inputTokens)}` : undefined,\n    outputTokens ? `Output: ${formatTokens(outputTokens)}` : undefined,\n    ratio && ratio > 1 ? `Compression: ${ratio}x` : undefined,\n    durationMs ? `Duration: ${formatDuration(durationMs)}` : undefined,\n  ].filter(Boolean);\n\n  if (stats.length === 0) return null;\n\n  return (\n    <Txt as=\"p\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n      <Metadata>\n        {stats.map(stat => (\n          <Metadata.Item key={stat}>{stat}</Metadata.Item>\n        ))}\n      </Metadata>\n    </Txt>\n  );\n};\n\nexport interface ObservationSectionsProps {\n  observations?: string;\n  isReflection: boolean;\n  maxHeight: string;\n  currentTask?: string;\n  suggestedResponse?: string;\n}\n\nexport const ObservationSections = ({\n  observations,\n  isReflection,\n  maxHeight,\n  currentTask,\n  suggestedResponse,\n}: ObservationSectionsProps) => {\n  const hasSideSections = Boolean(currentTask || suggestedResponse);\n  const observationsLabel = isReflection ? 'Reflections' : 'Observations';\n\n  return (\n    <>\n      {observations &&\n        (hasSideSections ? (\n          <ActivityItem icon={<ScrollText />} label={observationsLabel} aria-label={observationsLabel} defaultOpen>\n            <ObservationRenderer observations={observations} maxHeight={maxHeight} />\n          </ActivityItem>\n        ) : (\n          <ObservationRenderer observations={observations} maxHeight={maxHeight} />\n        ))}\n      {currentTask && (\n        <ActivityItem icon={<ListTodo />} label=\"Current task\" aria-label=\"Current task\">\n          <MarkdownRenderer className=\"text-caption text-foreground\">{currentTask}</MarkdownRenderer>\n        </ActivityItem>\n      )}\n      {suggestedResponse && (\n        <ActivityItem icon={<MessageSquareReply />} label=\"Suggested response\" aria-label=\"Suggested response\">\n          <MarkdownRenderer className=\"text-caption text-foreground/80 italic\">{suggestedResponse}</MarkdownRenderer>\n        </ActivityItem>\n      )}\n    </>\n  );\n};\n\nexport interface ExtractionsProps {\n  extractedValues?: Record<string, unknown>;\n  extractionFailures?: Array<{ slug: string; error: string }>;\n}\n\nexport const Extractions = ({ extractedValues, extractionFailures = [] }: ExtractionsProps) => {\n  const entries = extractedValueEntries(extractedValues);\n  if (entries.length === 0 && extractionFailures.length === 0) return null;\n\n  const detail = [\n    `${entries.length} extracted`,\n    extractionFailures.length > 0 ? `${extractionFailures.length} failed` : undefined,\n  ]\n    .filter(Boolean)\n    .join(', ');\n\n  return (\n    <ActivityItem icon={<Braces />} label=\"Extractions\" detail={detail} aria-label=\"Extractions\">\n      {entries.map(([slug, value]) => (\n        <div key={slug} className=\"rounded-md border border-border bg-fill-subtle p-2\">\n          <Txt as=\"p\" variant=\"meta\" tone=\"muted\" className=\"uppercase\">\n            {slug}\n          </Txt>\n          {typeof value === 'object' && value !== null ? (\n            <Code\n              className=\"mt-1 max-h-40 overflow-auto text-caption break-words whitespace-pre-wrap text-foreground/80\"\n              code={formatExtractedValue(value)}\n            />\n          ) : (\n            <MarkdownRenderer className=\"mt-1 text-caption text-foreground/80\">\n              {formatExtractedValue(value)}\n            </MarkdownRenderer>\n          )}\n        </div>\n      ))}\n      {extractionFailures.map(failure => (\n        <div\n          key={failure.slug}\n          className=\"rounded-md border border-destructive-edge bg-destructive-subtle p-2 text-destructive-subtle-foreground\"\n        >\n          <Txt as=\"p\" variant=\"meta\" className=\"uppercase\">\n            {failure.slug}\n          </Txt>\n          <Txt as=\"p\" variant=\"caption\" className=\"mt-1\">\n            {failure.error}\n          </Txt>\n        </div>\n      ))}\n    </ActivityItem>\n  );\n};\n"],"mappings":"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"}

package/dist/domains/chat/tools/badges/observation-renderer.cjs.js

@@ -3,10 +3,10 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_utils = require("../../../../utils-uDc1ofX1.cjs");
-const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
-const require_MarkdownRenderer = require("../../../../MarkdownRenderer-y65WGBhC.cjs");
 const require_domains_memory_lib_observation_priority = require("../../../memory/lib/observation-priority.cjs.js");
+const require_MarkdownRenderer = require("../../../../MarkdownRenderer-CUYpmuPh.cjs");
+const require_Txt = require("../../../../Txt-_00wWxTd.cjs");
+const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/chat/tools/badges/observation-renderer.tsx

package/dist/domains/chat/tools/badges/observation-renderer.es.js

@@ -1,8 +1,8 @@
 "use client";
-import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
-import { t as MarkdownRenderer } from "../../../../MarkdownRenderer-CI30RqdB.js";
 import { observationPriorityByEmoji, observationPriorityTone } from "../../../memory/lib/observation-priority.es.js";
+import { t as MarkdownRenderer } from "../../../../MarkdownRenderer-CY8LGt-l.js";
+import { t as Txt } from "../../../../Txt-5efBsb2p.js";
+import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/chat/tools/badges/observation-renderer.tsx

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

@@ -1,15 +1,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../../utils-uDc1ofX1.cjs");
-const require_utils_duration = require("../../../../utils/duration.cjs.js");
-const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
-const require_tool_call = require("../../../../tool-call-DBn14X-3.cjs");
-const require_tool_presentation = require("../../../../tool-presentation-D6nzVruN.cjs");
-const require_domains_chat_tools_badges_awaits_tool_approval = require("./awaits-tool-approval.cjs.js");
-const require_domains_chat_tools_badges_tool_approval_badge = require("./tool-approval-badge.cjs.js");
 const require_domains_chat_tools_badges_workspace_data_parts = require("./workspace-data-parts.cjs.js");
 const require_domains_chat_tools_badges_workspace_link = require("./workspace-link.cjs.js");
+const require_domains_chat_tools_badges_awaits_tool_approval = require("./awaits-tool-approval.cjs.js");
+const require_domains_chat_tools_badges_tool_approval_badge = require("./tool-approval-badge.cjs.js");
+const require_tool_presentation = require("../../../../tool-presentation-DPp9h-n2.cjs");
+const require_tool_call = require("../../../../tool-call-BqDI9mrY.cjs");
+const require_Txt = require("../../../../Txt-_00wWxTd.cjs");
 const require_hooks_use_elapsed_time = require("../../../../hooks/use-elapsed-time.cjs.js");
-let react = require("react");
+const require_utils = require("../../../../utils-uDc1ofX1.cjs");
+const require_utils_duration = require("../../../../utils/duration.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/chat/tools/badges/sandbox-execution-badge.tsx
 var SANDBOX_STATUS_DOT = {
@@ -21,24 +20,22 @@ var SANDBOX_STATUS_DOT = {
 	error: "bg-destructive-indicator",
 	failed: "bg-destructive-indicator"
 };
-var ExitStatus = ({ exit }) => {
-	if (exit.exitCode === void 0 || exit.success) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-		as: "span",
-		variant: "meta",
-		className: exit.killed ? "text-warning-foreground" : "text-destructive-foreground",
-		children: exit.killed ? "killed" : `exit ${exit.exitCode}`
-	});
-};
 var SandboxExecutionBadge = ({ toolName, args, result, metadata, toolCallId, toolApprovalMetadata, isNetwork, toolCalled: toolCalledProp, dataParts, status = "idle" }) => {
-	const outputRef = (0, react.useRef)(null);
-	const { icon: ToolIcon, label, detail, description, command } = require_tool_presentation.presentTool(toolName, require_domains_chat_tools_badges_workspace_data_parts.parseToolArgs(args));
+	const parsedArgs = require_domains_chat_tools_badges_workspace_data_parts.parseToolArgs(args);
+	const { icon: ToolIcon, label, detail, description, command } = require_tool_presentation.presentTool(toolName, parsedArgs);
 	const startedCommand = require_domains_chat_tools_badges_workspace_data_parts.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 output = outputChunks.map((part) => part.data?.output ?? "").join("") || (typeof result === "string" ? result : "");
-	const exit = require_domains_chat_tools_badges_workspace_data_parts.toolDataParts(dataParts, "sandbox-exit", toolCallId)[0]?.data;
+	const exit = require_domains_chat_tools_badges_workspace_data_parts.sandboxExit(dataParts, toolCallId);
+	const view = {
+		toolName,
+		args: parsedArgs,
+		status,
+		command: command ?? originalCommand,
+		output: outputChunks.map((part) => part.data?.output ?? "").join(""),
+		result,
+		exit
+	};
 	const workspace = require_domains_chat_tools_badges_workspace_data_parts.workspaceMetadata(dataParts, toolCallId);
 	const isRunning = status === "running" && Boolean(workspace) && !exit;
 	const toolCalled = toolCalledProp ?? (Boolean(workspace) || Boolean(exit) || typeof result === "string");
@@ -47,11 +44,7 @@ var SandboxExecutionBadge = ({ toolName, args, result, metadata, toolCallId, too
 		toolApprovalMetadata,
 		toolCalled
 	});
-	const hasBody = Boolean(shownCommand) || Boolean(output) || needsApproval;
-	(0, react.useEffect)(() => {
-		const outputBlock = outputRef.current;
-		if (outputBlock) outputBlock.scrollTop = outputBlock.scrollHeight;
-	}, [output]);
+	const hasBody = require_tool_call.toolCallHasBody(view) || needsApproval;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_chat_tools_badges_tool_approval_badge.ToolApprovalBadge, {
 		approval: {
 			toolCalled,
@@ -76,7 +69,7 @@ var SandboxExecutionBadge = ({ toolName, args, result, metadata, toolCallId, too
 				}),
 				children: workspace.sandbox.name || workspace.sandbox.provider
 			}),
-			exit && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExitStatus, { exit }),
+			exit && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tool_call.ToolCallExitStatus, { exit }),
 			(isRunning || exit?.executionTimeMs !== void 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
 				as: "span",
 				variant: "meta",
@@ -86,12 +79,10 @@ var SandboxExecutionBadge = ({ toolName, args, result, metadata, toolCallId, too
 			})
 		] }),
 		initialCollapsed: !toolApprovalMetadata,
-		children: hasBody && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [shownCommand && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tool_call.ToolCallCommand, { command: shownCommand }), output && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tool_call.ToolCallMono, {
-			ref: outputRef,
-			copyText: output,
-			className: "text-muted-foreground",
-			children: output
-		})] })
+		children: hasBody && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tool_call.ToolCallBody, {
+			...view,
+			showFullArguments: needsApproval
+		})
 	});
 };
 exports.SandboxExecutionBadge = SandboxExecutionBadge;

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

@@ -1 +1 @@
-{"version":3,"file":"sandbox-execution-badge.cjs.js","names":["Txt","useRef","presentTool","parseToolArgs","toolDataParts","workspaceMetadata","useElapsedTime","awaitsToolApproval","ToolApprovalBadge","_Fragment","WorkspaceLink","cn","formatElapsed","formatDuration","ToolCallCommand","ToolCallMono"],"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 { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalRequest } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { ToolApprovalBadge } from '@/domains/chat/tools/badges/tool-approval-badge';\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<ToolApprovalRequest, '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-foreground' : 'text-destructive-foreground'}>\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    <ToolApprovalBadge\n      approval={{\n        toolCalled,\n        toolCallId,\n        toolApprovalMetadata,\n        toolName,\n        isNetwork,\n        isGenerateMode: metadata?.mode === 'generate',\n      }}\n      data-testid=\"sandbox-execution-badge\"\n      icon={<ToolIcon aria-hidden />}\n      title={label}\n      detail={originalCommand ?? detail}\n      description={description}\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        </>\n      )}\n    </ToolApprovalBadge>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"sandbox-execution-badge.cjs.js","names":["parseToolArgs","presentTool","toolDataParts","sandboxExit","workspaceMetadata","useElapsedTime","awaitsToolApproval","toolCallHasBody","ToolApprovalBadge","_Fragment","WorkspaceLink","cn","ToolCallExitStatus","Txt","formatElapsed","formatDuration","ToolCallBody"],"sources":["../../../../../src/domains/chat/tools/badges/sandbox-execution-badge.tsx"],"sourcesContent":["import type { DataMessagePart } from '../tool-card';\nimport { parseToolArgs, sandboxExit, toolDataParts, workspaceMetadata } from './workspace-data-parts';\nimport { WorkspaceLink } from './workspace-link';\nimport type { MessageMetadata } from '@/domains/chat';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalRequest } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { ToolApprovalBadge } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\nimport { presentTool, ToolCallBody, ToolCallExitStatus, toolCallHasBody } from '@/ds/components/ai/tool-call';\nimport type { ToolCallView } 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\nexport interface SandboxExecutionBadgeProps extends Omit<ToolApprovalRequest, '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\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 parsedArgs = parseToolArgs(args);\n  const { icon: ToolIcon, label, detail, description, command } = presentTool(toolName, parsedArgs);\n  const startedCommand = toolDataParts(dataParts, 'sandbox-command', toolCallId)[0]?.data?.command;\n  const originalCommand = typeof startedCommand === 'string' ? startedCommand : undefined;\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 exit = sandboxExit(dataParts, toolCallId);\n  const view: ToolCallView = {\n    toolName,\n    args: parsedArgs,\n    status,\n    command: command ?? originalCommand,\n    output: outputChunks.map(part => part.data?.output ?? '').join(''),\n    result,\n    exit,\n  };\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 = toolCallHasBody(view) || needsApproval;\n\n  return (\n    <ToolApprovalBadge\n      approval={{\n        toolCalled,\n        toolCallId,\n        toolApprovalMetadata,\n        toolName,\n        isNetwork,\n        isGenerateMode: metadata?.mode === 'generate',\n      }}\n      data-testid=\"sandbox-execution-badge\"\n      icon={<ToolIcon aria-hidden />}\n      title={label}\n      detail={originalCommand ?? detail}\n      description={description}\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 && <ToolCallExitStatus 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 && <ToolCallBody {...view} showFullArguments={needsApproval} />}\n    </ToolApprovalBadge>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAeA,IAAM,qBAA6C;CACjD,SAAS;CACT,UAAU;CACV,cAAc;CACd,SAAS;CACT,QAAQ;CACR,OAAO;CACP,QAAQ;AACV;AAYA,IAAa,yBAAyB,EACpC,UACA,MACA,QACA,UACA,YACA,sBACA,WACA,YAAY,gBACZ,WACA,SAAS,aACuB;CAChC,MAAM,aAAaA,uDAAAA,cAAc,IAAI;CACrC,MAAM,EAAE,MAAM,UAAU,OAAO,QAAQ,aAAa,YAAYC,0BAAAA,YAAY,UAAU,UAAU;CAChG,MAAM,iBAAiBC,uDAAAA,cAAc,WAAW,mBAAmB,UAAU,CAAC,CAAC,EAAE,EAAE,MAAM;CACzF,MAAM,kBAAkB,OAAO,mBAAmB,WAAW,iBAAiB,KAAA;CAE9E,MAAM,gBAAgB,aAAa,CAAC,EAAA,CAAG,QACrC,SACE,KAAK,SAAS,WACb,KAAK,SAAS,oBAAoB,KAAK,SAAS,qBACjD,KAAK,MAAM,eAAe,UAC9B;CACA,MAAM,OAAOC,uDAAAA,YAAY,WAAW,UAAU;CAC9C,MAAM,OAAqB;EACzB;EACA,MAAM;EACN;EACA,SAAS,WAAW;EACpB,QAAQ,aAAa,KAAI,SAAQ,KAAK,MAAM,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE;EACjE;EACA;CACF;CACA,MAAM,YAAYC,uDAAAA,kBAAkB,WAAW,UAAU;CACzD,MAAM,YAAY,WAAW,aAAa,QAAQ,SAAS,KAAK,CAAC;CACjE,MAAM,aAAa,mBAAmB,QAAQ,SAAS,KAAK,QAAQ,IAAI,KAAK,OAAO,WAAW;CAC/F,MAAM,cAAcC,+BAAAA,eAAe,WAAW,aAAa,EAAE,EAAE,MAAM,SAAS;CAE9E,MAAM,gBAAgBC,uDAAAA,mBAAmB;EAAE;EAAsB;CAAW,CAAC;CAC7E,MAAM,UAAUC,kBAAAA,gBAAgB,IAAI,KAAK;CAEzC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sDAAAA,mBAAD;EACE,UAAU;GACR;GACA;GACA;GACA;GACA;GACA,gBAAgB,UAAU,SAAS;EACrC;EACA,eAAY;EACZ,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD,EAAU,eAAA,KAAa,CAAA;EAC7B,OAAO;EACP,QAAQ,mBAAmB;EACd;EACL;EACR,WACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA;GACG,WAAW,WACV,iBAAA,GAAA,kBAAA,IAAA,CAACC,iDAAAA,eAAD;IACE,MAAM,UAAU,KAAK,eAAe,UAAU,OAAO;IACrD,MACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KACE,eAAA;KACA,WAAWC,cAAAA,GACT,kCACA,mBAAmB,UAAU,QAAQ,UAAU,OAAO,sBACxD;IACD,CAAA;IAGF,UAAA,UAAU,QAAQ,QAAQ,UAAU,QAAQ;GAChC,CAAA;GAEhB,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,oBAAD,EAA0B,KAAO,CAAA;IACxC,aAAa,MAAM,oBAAoB,KAAA,MACvC,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;IAAK,IAAG;IAAO,SAAQ;IAAO,MAAK;IAAQ,WAAU;IAClD,UAAA,YAAYC,uBAAAA,cAAc,WAAW,IAAIC,uBAAAA,eAAe,MAAM,mBAAmB,CAAC;GAChF,CAAA;EAEP,EAAA,CAAA;EAEJ,kBAAkB,CAAC;EAElB,UAAA,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,cAAD;GAAc,GAAI;GAAM,mBAAmB;EAAgB,CAAA;CACtD,CAAA;AAEvB"}

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

@@ -1,15 +1,14 @@
-import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { formatDuration, formatElapsed } from "../../../../utils/duration.es.js";
-import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
-import { c as ToolCallMono, s as ToolCallCommand } from "../../../../tool-call-Dsj43lvJ.js";
-import { r as presentTool } from "../../../../tool-presentation-CvibOP1J.js";
+import { parseToolArgs, sandboxExit, toolDataParts, workspaceMetadata } from "./workspace-data-parts.es.js";
+import { WorkspaceLink } from "./workspace-link.es.js";
 import { awaitsToolApproval } from "./awaits-tool-approval.es.js";
 import { ToolApprovalBadge } from "./tool-approval-badge.es.js";
-import { parseToolArgs, toolDataParts, workspaceMetadata } from "./workspace-data-parts.es.js";
-import { WorkspaceLink } from "./workspace-link.es.js";
+import { i as presentTool } from "../../../../tool-presentation-C2bYQ7gB.js";
+import { a as ToolCallBody, i as ToolCallExitStatus, o as toolCallHasBody } from "../../../../tool-call-ChJKYCfu.js";
+import { t as Txt } from "../../../../Txt-5efBsb2p.js";
 import { useElapsedTime } from "../../../../hooks/use-elapsed-time.es.js";
-import { useEffect, useRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { t as cn } from "../../../../utils-DQx8TpNT.js";
+import { formatDuration, formatElapsed } from "../../../../utils/duration.es.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/chat/tools/badges/sandbox-execution-badge.tsx
 var SANDBOX_STATUS_DOT = {
 	running: "bg-success-indicator",
@@ -20,24 +19,22 @@ var SANDBOX_STATUS_DOT = {
 	error: "bg-destructive-indicator",
 	failed: "bg-destructive-indicator"
 };
-var ExitStatus = ({ exit }) => {
-	if (exit.exitCode === void 0 || exit.success) return null;
-	return /* @__PURE__ */ jsx(Txt, {
-		as: "span",
-		variant: "meta",
-		className: exit.killed ? "text-warning-foreground" : "text-destructive-foreground",
-		children: exit.killed ? "killed" : `exit ${exit.exitCode}`
-	});
-};
 var SandboxExecutionBadge = ({ toolName, args, result, metadata, toolCallId, toolApprovalMetadata, isNetwork, toolCalled: toolCalledProp, dataParts, status = "idle" }) => {
-	const outputRef = useRef(null);
-	const { icon: ToolIcon, label, detail, description, command } = presentTool(toolName, parseToolArgs(args));
+	const parsedArgs = parseToolArgs(args);
+	const { icon: ToolIcon, label, detail, description, command } = presentTool(toolName, parsedArgs);
 	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 output = outputChunks.map((part) => part.data?.output ?? "").join("") || (typeof result === "string" ? result : "");
-	const exit = toolDataParts(dataParts, "sandbox-exit", toolCallId)[0]?.data;
+	const exit = sandboxExit(dataParts, toolCallId);
+	const view = {
+		toolName,
+		args: parsedArgs,
+		status,
+		command: command ?? originalCommand,
+		output: outputChunks.map((part) => part.data?.output ?? "").join(""),
+		result,
+		exit
+	};
 	const workspace = workspaceMetadata(dataParts, toolCallId);
 	const isRunning = status === "running" && Boolean(workspace) && !exit;
 	const toolCalled = toolCalledProp ?? (Boolean(workspace) || Boolean(exit) || typeof result === "string");
@@ -46,11 +43,7 @@ var SandboxExecutionBadge = ({ toolName, args, result, metadata, toolCallId, too
 		toolApprovalMetadata,
 		toolCalled
 	});
-	const hasBody = Boolean(shownCommand) || Boolean(output) || needsApproval;
-	useEffect(() => {
-		const outputBlock = outputRef.current;
-		if (outputBlock) outputBlock.scrollTop = outputBlock.scrollHeight;
-	}, [output]);
+	const hasBody = toolCallHasBody(view) || needsApproval;
 	return /* @__PURE__ */ jsx(ToolApprovalBadge, {
 		approval: {
 			toolCalled,
@@ -66,7 +59,7 @@ var SandboxExecutionBadge = ({ toolName, args, result, metadata, toolCallId, too
 		detail: originalCommand ?? detail,
 		description,
 		status,
-		extraInfo: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		extraInfo: /* @__PURE__ */ jsxs(Fragment, { children: [
 			workspace?.sandbox && /* @__PURE__ */ jsx(WorkspaceLink, {
 				href: workspace.id ? `/workspaces/${workspace.id}` : "/workspaces",
 				icon: /* @__PURE__ */ jsx("span", {
@@ -75,7 +68,7 @@ var SandboxExecutionBadge = ({ toolName, args, result, metadata, toolCallId, too
 				}),
 				children: workspace.sandbox.name || workspace.sandbox.provider
 			}),
-			exit && /* @__PURE__ */ jsx(ExitStatus, { exit }),
+			exit && /* @__PURE__ */ jsx(ToolCallExitStatus, { exit }),
 			(isRunning || exit?.executionTimeMs !== void 0) && /* @__PURE__ */ jsx(Txt, {
 				as: "span",
 				variant: "meta",
@@ -85,12 +78,10 @@ var SandboxExecutionBadge = ({ toolName, args, result, metadata, toolCallId, too
 			})
 		] }),
 		initialCollapsed: !toolApprovalMetadata,
-		children: hasBody && /* @__PURE__ */ jsxs(Fragment$1, { children: [shownCommand && /* @__PURE__ */ jsx(ToolCallCommand, { command: shownCommand }), output && /* @__PURE__ */ jsx(ToolCallMono, {
-			ref: outputRef,
-			copyText: output,
-			className: "text-muted-foreground",
-			children: output
-		})] })
+		children: hasBody && /* @__PURE__ */ jsx(ToolCallBody, {
+			...view,
+			showFullArguments: needsApproval
+		})
 	});
 };
 export { SandboxExecutionBadge };

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

@@ -1 +1 @@
-{"version":3,"file":"sandbox-execution-badge.es.js","names":["_Fragment"],"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 { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalRequest } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { ToolApprovalBadge } from '@/domains/chat/tools/badges/tool-approval-badge';\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<ToolApprovalRequest, '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-foreground' : 'text-destructive-foreground'}>\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    <ToolApprovalBadge\n      approval={{\n        toolCalled,\n        toolCallId,\n        toolApprovalMetadata,\n        toolName,\n        isNetwork,\n        isGenerateMode: metadata?.mode === 'generate',\n      }}\n      data-testid=\"sandbox-execution-badge\"\n      icon={<ToolIcon aria-hidden />}\n      title={label}\n      detail={originalCommand ?? detail}\n      description={description}\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        </>\n      )}\n    </ToolApprovalBadge>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"sandbox-execution-badge.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/chat/tools/badges/sandbox-execution-badge.tsx"],"sourcesContent":["import type { DataMessagePart } from '../tool-card';\nimport { parseToolArgs, sandboxExit, toolDataParts, workspaceMetadata } from './workspace-data-parts';\nimport { WorkspaceLink } from './workspace-link';\nimport type { MessageMetadata } from '@/domains/chat';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalRequest } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { ToolApprovalBadge } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\nimport { presentTool, ToolCallBody, ToolCallExitStatus, toolCallHasBody } from '@/ds/components/ai/tool-call';\nimport type { ToolCallView } 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\nexport interface SandboxExecutionBadgeProps extends Omit<ToolApprovalRequest, '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\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 parsedArgs = parseToolArgs(args);\n  const { icon: ToolIcon, label, detail, description, command } = presentTool(toolName, parsedArgs);\n  const startedCommand = toolDataParts(dataParts, 'sandbox-command', toolCallId)[0]?.data?.command;\n  const originalCommand = typeof startedCommand === 'string' ? startedCommand : undefined;\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 exit = sandboxExit(dataParts, toolCallId);\n  const view: ToolCallView = {\n    toolName,\n    args: parsedArgs,\n    status,\n    command: command ?? originalCommand,\n    output: outputChunks.map(part => part.data?.output ?? '').join(''),\n    result,\n    exit,\n  };\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 = toolCallHasBody(view) || needsApproval;\n\n  return (\n    <ToolApprovalBadge\n      approval={{\n        toolCalled,\n        toolCallId,\n        toolApprovalMetadata,\n        toolName,\n        isNetwork,\n        isGenerateMode: metadata?.mode === 'generate',\n      }}\n      data-testid=\"sandbox-execution-badge\"\n      icon={<ToolIcon aria-hidden />}\n      title={label}\n      detail={originalCommand ?? detail}\n      description={description}\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 && <ToolCallExitStatus 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 && <ToolCallBody {...view} showFullArguments={needsApproval} />}\n    </ToolApprovalBadge>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAeA,IAAM,qBAA6C;CACjD,SAAS;CACT,UAAU;CACV,cAAc;CACd,SAAS;CACT,QAAQ;CACR,OAAO;CACP,QAAQ;AACV;AAYA,IAAa,yBAAyB,EACpC,UACA,MACA,QACA,UACA,YACA,sBACA,WACA,YAAY,gBACZ,WACA,SAAS,aACuB;CAChC,MAAM,aAAa,cAAc,IAAI;CACrC,MAAM,EAAE,MAAM,UAAU,OAAO,QAAQ,aAAa,YAAY,YAAY,UAAU,UAAU;CAChG,MAAM,iBAAiB,cAAc,WAAW,mBAAmB,UAAU,CAAC,CAAC,EAAE,EAAE,MAAM;CACzF,MAAM,kBAAkB,OAAO,mBAAmB,WAAW,iBAAiB,KAAA;CAE9E,MAAM,gBAAgB,aAAa,CAAC,EAAA,CAAG,QACrC,SACE,KAAK,SAAS,WACb,KAAK,SAAS,oBAAoB,KAAK,SAAS,qBACjD,KAAK,MAAM,eAAe,UAC9B;CACA,MAAM,OAAO,YAAY,WAAW,UAAU;CAC9C,MAAM,OAAqB;EACzB;EACA,MAAM;EACN;EACA,SAAS,WAAW;EACpB,QAAQ,aAAa,KAAI,SAAQ,KAAK,MAAM,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE;EACjE;EACA;CACF;CACA,MAAM,YAAY,kBAAkB,WAAW,UAAU;CACzD,MAAM,YAAY,WAAW,aAAa,QAAQ,SAAS,KAAK,CAAC;CACjE,MAAM,aAAa,mBAAmB,QAAQ,SAAS,KAAK,QAAQ,IAAI,KAAK,OAAO,WAAW;CAC/F,MAAM,cAAc,eAAe,WAAW,aAAa,EAAE,EAAE,MAAM,SAAS;CAE9E,MAAM,gBAAgB,mBAAmB;EAAE;EAAsB;CAAW,CAAC;CAC7E,MAAM,UAAU,gBAAgB,IAAI,KAAK;CAEzC,OACE,oBAAC,mBAAD;EACE,UAAU;GACR;GACA;GACA;GACA;GACA;GACA,gBAAgB,UAAU,SAAS;EACrC;EACA,eAAY;EACZ,MAAM,oBAAC,UAAD,EAAU,eAAA,KAAa,CAAA;EAC7B,OAAO;EACP,QAAQ,mBAAmB;EACd;EACL;EACR,WACE,qBAAAA,UAAA,EAAA,UAAA;GACG,WAAW,WACV,oBAAC,eAAD;IACE,MAAM,UAAU,KAAK,eAAe,UAAU,OAAO;IACrD,MACE,oBAAC,QAAD;KACE,eAAA;KACA,WAAW,GACT,kCACA,mBAAmB,UAAU,QAAQ,UAAU,OAAO,sBACxD;IACD,CAAA;IAGF,UAAA,UAAU,QAAQ,QAAQ,UAAU,QAAQ;GAChC,CAAA;GAEhB,QAAQ,oBAAC,oBAAD,EAA0B,KAAO,CAAA;IACxC,aAAa,MAAM,oBAAoB,KAAA,MACvC,oBAAC,KAAD;IAAK,IAAG;IAAO,SAAQ;IAAO,MAAK;IAAQ,WAAU;IAClD,UAAA,YAAY,cAAc,WAAW,IAAI,eAAe,MAAM,mBAAmB,CAAC;GAChF,CAAA;EAEP,EAAA,CAAA;EAEJ,kBAAkB,CAAC;EAElB,UAAA,WAAW,oBAAC,cAAD;GAAc,GAAI;GAAM,mBAAmB;EAAgB,CAAA;CACtD,CAAA;AAEvB"}

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_chat_components_badge_wrapper = require("../../components/badge-wrapper.cjs.js");
 const require_domains_chat_context_tool_call_context = require("../../context/tool-call-context.cjs.js");
 const require_domains_chat_tools_badges_awaits_tool_approval = require("./awaits-tool-approval.cjs.js");
-const require_tool_approval = require("../../../../tool-approval-CJvPDL7D.cjs");
+const require_tool_approval = require("../../../../tool-approval-CguPaikn.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/chat/tools/badges/tool-approval-badge.tsx
 function useToolApproval(request) {

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

@@ -1,7 +1,7 @@
 import { BadgeWrapper } from "../../components/badge-wrapper.es.js";
 import { useOptionalToolCall } from "../../context/tool-call-context.es.js";
 import { awaitsToolApproval } from "./awaits-tool-approval.es.js";
-import { n as ToolApprovalActions, r as ToolApprovalStatus } from "../../../../tool-approval-DyN11vFA.js";
+import { n as ToolApprovalActions, r as ToolApprovalStatus } from "../../../../tool-approval-Cjz0yAzw.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/chat/tools/badges/tool-approval-badge.tsx
 function useToolApproval(request) {

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

@@ -1,15 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tool_call = require("../../../../tool-call-DBn14X-3.cjs");
-const require_tool_presentation = require("../../../../tool-presentation-D6nzVruN.cjs");
-const require_CodeEditor = require("../../../../CodeEditor-CLzs0yVc.cjs");
+const require_domains_chat_tools_tool_card_kind = require("../tool-card-kind.cjs.js");
+const require_domains_chat_tools_badges_background_task_metadata_dialog = require("./background-task-metadata-dialog.cjs.js");
+const require_domains_chat_tools_badges_mcp_task_chip = require("./mcp-task-chip.cjs.js");
+const require_domains_chat_tools_badges_use_mcp_task_progress = require("./use-mcp-task-progress.cjs.js");
 const require_domains_chat_components_network_choice_metadata_dialog = require("../../components/network-choice-metadata-dialog.cjs.js");
 const require_domains_chat_components_section_label = require("../../components/section-label.cjs.js");
 const require_domains_chat_tools_badges_awaits_tool_approval = require("./awaits-tool-approval.cjs.js");
 const require_domains_chat_tools_badges_tool_approval_badge = require("./tool-approval-badge.cjs.js");
-const require_domains_chat_tools_tool_card_kind = require("../tool-card-kind.cjs.js");
-const require_domains_chat_tools_badges_background_task_metadata_dialog = require("./background-task-metadata-dialog.cjs.js");
-const require_domains_chat_tools_badges_use_mcp_task_progress = require("./use-mcp-task-progress.cjs.js");
-const require_domains_chat_tools_badges_mcp_task_chip = require("./mcp-task-chip.cjs.js");
+const require_tool_presentation = require("../../../../tool-presentation-DPp9h-n2.cjs");
+const require_tool_call = require("../../../../tool-call-BqDI9mrY.cjs");
+const require_CodeEditor = require("../../../../CodeEditor-DHIDfP5g.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/chat/tools/badges/tool-badge.tsx
 function formatArgs(args) {
@@ -26,7 +26,14 @@ function formatArgs(args) {
 var ToolBadge = ({ toolName, args, result, metadata, toolOutput, toolCallId, toolApprovalMetadata, suspendPayload, isNetwork, toolCalled: toolCalledProp, withoutArgs, status = "idle", backgroundTaskId, backgroundTaskStatus, mcpInputRequest }) => {
 	const { pretty: argsPretty, parsed: argsObject } = formatArgs(args);
 	const { icon: ToolIcon, label, detail, description } = require_tool_presentation.presentTool(toolName, argsObject);
-	const resultPretty = result !== void 0 && result !== null ? require_tool_call.stripSerializedAnsi(require_tool_presentation.stringifyToolValue(result)) : void 0;
+	const view = {
+		toolName,
+		args: argsObject,
+		argsText: argsPretty,
+		hideArguments: withoutArgs,
+		status,
+		result
+	};
 	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;
@@ -35,12 +42,7 @@ var ToolBadge = ({ toolName, args, result, metadata, toolOutput, toolCallId, too
 		toolApprovalMetadata,
 		toolCalled
 	});
-	const hasBody = require_tool_presentation.hasToolArguments({
-		toolName,
-		args: argsObject,
-		argsText: argsPretty,
-		hideArguments: withoutArgs
-	}) || Boolean(suspendPayload) || Boolean(resultPretty) || toolOutput.length > 0 || needsApproval;
+	const hasBody = require_tool_call.toolCallHasBody(view) || Boolean(suspendPayload) || toolOutput.length > 0 || needsApproval;
 	const deferred = require_domains_chat_tools_tool_card_kind.isDeferredCall(backgroundTaskId, backgroundTaskStatus);
 	const mcpTask = require_domains_chat_tools_badges_use_mcp_task_progress.useMcpTaskProgress(result, status, {
 		deferred,
@@ -71,23 +73,14 @@ var ToolBadge = ({ toolName, args, result, metadata, toolOutput, toolCallId, too
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_chat_tools_badges_mcp_task_chip.McpTaskChip, { task: mcpTask })), bgEntry?.taskId && bgEntry?.startedAt && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_chat_tools_badges_background_task_metadata_dialog.BackgroundTaskMetadataDialogTrigger, { backgroundTask: bgEntry })] }) : null,
 		initialCollapsed: !(toolApprovalMetadata ?? suspendPayload),
 		children: hasBody && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tool_call.ToolCallArguments, {
-				toolName,
-				args: argsObject,
-				showFullContent: needsApproval,
-				argsText: argsPretty,
-				hideArguments: withoutArgs,
-				"data-testid": "tool-args"
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tool_call.ToolCallBody, {
+				...view,
+				showFullArguments: needsApproval
 			}),
 			suspendPayload !== void 0 && suspendPayload && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_chat_components_section_label.SectionLabel, { children: "Suspend payload" }), typeof suspendPayload === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tool_call.ToolCallOutput, { text: suspendPayload }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CodeEditor.CodeEditor, {
 				data: suspendPayload,
 				"data-testid": "tool-suspend-payload"
 			})] }),
-			resultPretty && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tool_call.ToolCallOutput, {
-				text: resultPretty,
-				error: status === "error",
-				"data-testid": "tool-result"
-			}),
 			toolOutput.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_chat_components_section_label.SectionLabel, { children: "Tool output" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "h-40 overflow-y-auto",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CodeEditor.CodeEditor, {

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

@@ -1 +1 @@
-{"version":3,"file":"tool-badge.cjs.js","names":["stringifyToolValue","presentTool","stripSerializedAnsi","awaitsToolApproval","hasToolArguments","isDeferredCall","useMcpTaskProgress","ToolApprovalBadge","NetworkChoiceMetadataDialogTrigger","_Fragment","BackgroundMcpTaskChip","McpTaskChip","BackgroundTaskMetadataDialogTrigger","ToolCallArguments","SectionLabel","ToolCallOutput","CodeEditor"],"sources":["../../../../../src/domains/chat/tools/badges/tool-badge.tsx"],"sourcesContent":["import type { McpInputRequestPayload } from '../mcp-input-request';\nimport { isDeferredCall } from '../tool-card-kind';\nimport { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog';\nimport { BackgroundMcpTaskChip, McpTaskChip } from './mcp-task-chip';\nimport { useMcpTaskProgress } from './use-mcp-task-progress';\nimport type { MessageMetadata } from '@/domains/chat';\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 { ToolApprovalRequest } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { ToolApprovalBadge } from '@/domains/chat/tools/badges/tool-approval-badge';\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<ToolApprovalRequest, '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  /** The Mastra background task running the call, when it was deferred. */\n  backgroundTaskId?: string;\n  /** `running` while the part holds a deferred call's placeholder; `completed`/`failed` once it holds the result. */\n  backgroundTaskStatus?: string;\n  /** The MCP task question the call is waiting on, if it is. */\n  mcpInputRequest?: McpInputRequestPayload;\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  backgroundTaskId,\n  backgroundTaskStatus,\n  mcpInputRequest,\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 needsApproval = awaitsToolApproval({ toolApprovalMetadata, toolCalled });\n  const hasBody =\n    hasToolArguments({ toolName, args: argsObject, argsText: argsPretty, hideArguments: withoutArgs }) ||\n    Boolean(suspendPayload) ||\n    Boolean(resultPretty) ||\n    toolOutput.length > 0 ||\n    needsApproval;\n\n  const deferred = isDeferredCall(backgroundTaskId, backgroundTaskStatus);\n  const mcpTask = useMcpTaskProgress(result, status, { deferred, request: mcpInputRequest });\n\n  const bgEntry =\n    (metadata?.mode === 'stream' || metadata?.mode === 'generate') && metadata?.backgroundTasks\n      ? metadata.backgroundTasks[toolCallId]\n      : undefined;\n\n  return (\n    <ToolApprovalBadge\n      approval={{\n        toolCalled,\n        toolCallId,\n        toolApprovalMetadata,\n        toolName,\n        isNetwork,\n        isGenerateMode: metadata?.mode === 'generate',\n      }}\n      data-testid=\"tool-badge\"\n      icon={<ToolIcon aria-hidden />}\n      title={label}\n      detail={detail}\n      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        ) : mcpTask || (bgEntry?.taskId && bgEntry?.startedAt) ? (\n          <>\n            {mcpTask &&\n              (backgroundTaskId ? (\n                <BackgroundMcpTaskChip task={mcpTask} backgroundTaskId={backgroundTaskId} />\n              ) : (\n                <McpTaskChip task={mcpTask} />\n              ))}\n            {bgEntry?.taskId && bgEntry?.startedAt && <BackgroundTaskMetadataDialogTrigger backgroundTask={bgEntry} />}\n          </>\n        ) : null\n      }\n      initialCollapsed={!(toolApprovalMetadata ?? suspendPayload)}\n    >\n      {hasBody && (\n        <>\n          <ToolCallArguments\n            toolName={toolName}\n            args={argsObject}\n            showFullContent={needsApproval}\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      )}\n    </ToolApprovalBadge>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"tool-badge.cjs.js","names":["stringifyToolValue","presentTool","awaitsToolApproval","toolCallHasBody","isDeferredCall","useMcpTaskProgress","ToolApprovalBadge","NetworkChoiceMetadataDialogTrigger","_Fragment","BackgroundMcpTaskChip","McpTaskChip","BackgroundTaskMetadataDialogTrigger","ToolCallBody","SectionLabel","ToolCallOutput","CodeEditor"],"sources":["../../../../../src/domains/chat/tools/badges/tool-badge.tsx"],"sourcesContent":["import type { McpInputRequestPayload } from '../mcp-input-request';\nimport { isDeferredCall } from '../tool-card-kind';\nimport { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog';\nimport { BackgroundMcpTaskChip, McpTaskChip } from './mcp-task-chip';\nimport { useMcpTaskProgress } from './use-mcp-task-progress';\nimport type { MessageMetadata } from '@/domains/chat';\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 { ToolApprovalRequest } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport { ToolApprovalBadge } from '@/domains/chat/tools/badges/tool-approval-badge';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\nimport {\n  presentTool,\n  stringifyToolValue,\n  ToolCallBody,\n  toolCallHasBody,\n  ToolCallOutput,\n} from '@/ds/components/ai/tool-call';\nimport type { ToolCallView } 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<ToolApprovalRequest, '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  /** The Mastra background task running the call, when it was deferred. */\n  backgroundTaskId?: string;\n  /** `running` while the part holds a deferred call's placeholder; `completed`/`failed` once it holds the result. */\n  backgroundTaskStatus?: string;\n  /** The MCP task question the call is waiting on, if it is. */\n  mcpInputRequest?: McpInputRequestPayload;\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  backgroundTaskId,\n  backgroundTaskStatus,\n  mcpInputRequest,\n}: ToolBadgeProps) => {\n  const { pretty: argsPretty, parsed: argsObject } = formatArgs(args);\n  const { icon: ToolIcon, label, detail, description } = presentTool(toolName, argsObject);\n  const view: ToolCallView = {\n    toolName,\n    args: argsObject,\n    argsText: argsPretty,\n    hideArguments: withoutArgs,\n    status,\n    result,\n  };\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 needsApproval = awaitsToolApproval({ toolApprovalMetadata, toolCalled });\n  const hasBody = toolCallHasBody(view) || Boolean(suspendPayload) || toolOutput.length > 0 || needsApproval;\n\n  const deferred = isDeferredCall(backgroundTaskId, backgroundTaskStatus);\n  const mcpTask = useMcpTaskProgress(result, status, { deferred, request: mcpInputRequest });\n\n  const bgEntry =\n    (metadata?.mode === 'stream' || metadata?.mode === 'generate') && metadata?.backgroundTasks\n      ? metadata.backgroundTasks[toolCallId]\n      : undefined;\n\n  return (\n    <ToolApprovalBadge\n      approval={{\n        toolCalled,\n        toolCallId,\n        toolApprovalMetadata,\n        toolName,\n        isNetwork,\n        isGenerateMode: metadata?.mode === 'generate',\n      }}\n      data-testid=\"tool-badge\"\n      icon={<ToolIcon aria-hidden />}\n      title={label}\n      detail={detail}\n      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        ) : mcpTask || (bgEntry?.taskId && bgEntry?.startedAt) ? (\n          <>\n            {mcpTask &&\n              (backgroundTaskId ? (\n                <BackgroundMcpTaskChip task={mcpTask} backgroundTaskId={backgroundTaskId} />\n              ) : (\n                <McpTaskChip task={mcpTask} />\n              ))}\n            {bgEntry?.taskId && bgEntry?.startedAt && <BackgroundTaskMetadataDialogTrigger backgroundTask={bgEntry} />}\n          </>\n        ) : null\n      }\n      initialCollapsed={!(toolApprovalMetadata ?? suspendPayload)}\n    >\n      {hasBody && (\n        <>\n          <ToolCallBody {...view} showFullArguments={needsApproval} />\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          {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      )}\n    </ToolApprovalBadge>\n  );\n};\n"],"mappings":"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"}