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

package/dist/domains/chat/tools/badges/mcp-task-chip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-task-chip.es.js","names":[],"sources":["../../../../../src/domains/chat/tools/badges/mcp-task-chip.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useEffect, useState } from 'react';\nimport { backgroundTaskQueryKey } from './use-deferred-input-request';\nimport { isTerminalMcpTaskStatus } from './use-mcp-task-progress';\nimport type { McpTaskStatus, McpTaskView } from './use-mcp-task-progress';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeIndicator, BadgeVariant } from '@/ds/components/Badge';\nimport { CopyButton } from '@/ds/components/CopyButton';\n\nconst STATUS: Record<McpTaskStatus, { label: string; variant: BadgeVariant; indicator?: BadgeIndicator }> = {\n  working: { label: 'working', variant: 'info', indicator: 'pulse' },\n  input_required: { label: 'input required', variant: 'warning', indicator: 'dot' },\n  completed: { label: 'completed', variant: 'success' },\n  failed: { label: 'failed', variant: 'destructive' },\n  cancelled: { label: 'cancelled', variant: 'neutral' },\n};\n\n/** Now, every second, until `endedAt` is known. */\nfunction useClock(endedAt: number | undefined) {\n  const [now, setNow] = useState(Date.now);\n  useEffect(() => {\n    if (endedAt !== undefined) return;\n    const timer = setInterval(() => setNow(Date.now()), 1_000);\n    return () => clearInterval(timer);\n  }, [endedAt]);\n  return endedAt ?? now;\n}\n\nconst formatElapsed = (ms: number) => {\n  // A server may send a valid ISO 8601 `createdAt` that `Date.parse` can't read, like `20261029T120000Z`.\n  if (Number.isNaN(ms)) return '--:--';\n  const seconds = Math.max(0, Math.floor(ms / 1000));\n  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`;\n};\n\n/** `task · working · 0:42` for a tool call that continued as an MCP task, with its task id to copy. */\nexport function McpTaskChip({ task }: { task: McpTaskView }) {\n  const { label, variant, indicator } = STATUS[task.status];\n  const terminal = isTerminalMcpTaskStatus(task.status);\n  const elapsed = useClock(terminal ? task.endedAt : undefined) - Date.parse(task.createdAt);\n\n  return (\n    <span className=\"inline-flex items-center gap-1\" data-testid=\"mcp-task-chip\">\n      <Badge\n        size=\"sm\"\n        variant={variant}\n        emphasis=\"subtle\"\n        indicator={indicator}\n        title={`MCP task ${task.taskId} on ${task.serverName}`}\n      >\n        task · {label} · <span className=\"font-mono tabular-nums\">{formatElapsed(elapsed)}</span>\n      </Badge>\n      <CopyButton content={task.taskId} tooltip=\"Copy MCP task id\" copyMessage=\"Copied MCP task id\" />\n    </span>\n  );\n}\n\nconst BACKGROUND_POLL_MS = 2_000;\n\n/** How the Mastra background task ended, as the MCP task's status; undefined while it runs. */\nconst BACKGROUND_END: Record<string, McpTaskStatus | undefined> = {\n  completed: 'completed',\n  failed: 'failed',\n  timed_out: 'failed',\n  cancelled: 'cancelled',\n};\n\n/**\n * The chip for a call deferred to a Mastra background task. The chat stream ends with the turn, so\n * the task's later progress and its end never reach this card; until the progress shows the task\n * ended, the background task is polled for how it ended.\n */\nexport function BackgroundMcpTaskChip({ task, backgroundTaskId }: { task: McpTaskView; backgroundTaskId: string }) {\n  const client = useMastraClient();\n  const ended = isTerminalMcpTaskStatus(task.status);\n  const { data, dataUpdatedAt } = useQuery({\n    queryKey: backgroundTaskQueryKey(backgroundTaskId),\n    queryFn: () => client.getBackgroundTask(backgroundTaskId),\n    enabled: !ended,\n    refetchInterval: query => (BACKGROUND_END[query.state.data?.status ?? ''] ? false : BACKGROUND_POLL_MS),\n  });\n  const backgroundEnd = ended ? undefined : BACKGROUND_END[data?.status ?? ''];\n  const completedAt = data?.completedAt ? new Date(data.completedAt).getTime() : undefined;\n  // The call's progress stops reaching the chat with the turn, so a question answered later still\n  // reads `input_required` there; the background task says whether it is waiting or working.\n  const waiting =\n    data?.status === 'suspended' ? 'input_required' : data?.status === 'running' ? 'working' : task.status;\n\n  return (\n    <McpTaskChip\n      task={\n        backgroundEnd\n          ? { ...task, status: backgroundEnd, endedAt: completedAt ?? task.endedAt ?? dataUpdatedAt }\n          : ended\n            ? task\n            : { ...task, status: waiting }\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,IAAM,SAAsG;CAC1G,SAAS;EAAE,OAAO;EAAW,SAAS;EAAQ,WAAW;CAAQ;CACjE,gBAAgB;EAAE,OAAO;EAAkB,SAAS;EAAW,WAAW;CAAM;CAChF,WAAW;EAAE,OAAO;EAAa,SAAS;CAAU;CACpD,QAAQ;EAAE,OAAO;EAAU,SAAS;CAAc;CAClD,WAAW;EAAE,OAAO;EAAa,SAAS;CAAU;AACtD;;AAGA,SAAS,SAAS,SAA6B;CAC7C,MAAM,CAAC,KAAK,UAAU,SAAS,KAAK,GAAG;CACvC,gBAAgB;EACd,IAAI,YAAY,KAAA,GAAW;EAC3B,MAAM,QAAQ,kBAAkB,OAAO,KAAK,IAAI,CAAC,GAAG,GAAK;EACzD,aAAa,cAAc,KAAK;CAClC,GAAG,CAAC,OAAO,CAAC;CACZ,OAAO,WAAW;AACpB;AAEA,IAAM,iBAAiB,OAAe;CAEpC,IAAI,OAAO,MAAM,EAAE,GAAG,OAAO;CAC7B,MAAM,UAAU,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,GAAI,CAAC;CACjD,OAAO,GAAG,KAAK,MAAM,UAAU,EAAE,EAAE,GAAG,OAAO,UAAU,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG;AAC5E;;AAGA,SAAgB,YAAY,EAAE,QAA+B;CAC3D,MAAM,EAAE,OAAO,SAAS,cAAc,OAAO,KAAK;CAElD,MAAM,UAAU,SADC,wBAAwB,KAAK,MACrB,IAAW,KAAK,UAAU,KAAA,CAAS,IAAI,KAAK,MAAM,KAAK,SAAS;CAEzF,OACE,qBAAC,QAAD;EAAM,WAAU;EAAiC,eAAY;EAA7D,UAAA,CACE,qBAAC,OAAD;GACE,MAAK;GACI;GACT,UAAS;GACE;GACX,OAAO,YAAY,KAAK,OAAO,MAAM,KAAK;GAL5C,UAAA;IAMC;IACS;IAAM;IAAG,oBAAC,QAAD;KAAM,WAAU;KAA0B,UAAA,cAAc,OAAO;IAAQ,CAAA;GACnF;EACP,CAAA,GAAA,oBAAC,YAAD;GAAY,SAAS,KAAK;GAAQ,SAAQ;GAAmB,aAAY;EAAsB,CAAA,CAC3F;;AAEV;AAEA,IAAM,qBAAqB;;AAG3B,IAAM,iBAA4D;CAChE,WAAW;CACX,QAAQ;CACR,WAAW;CACX,WAAW;AACb;;;;;;AAOA,SAAgB,sBAAsB,EAAE,MAAM,oBAAqE;CACjH,MAAM,SAAS,gBAAgB;CAC/B,MAAM,QAAQ,wBAAwB,KAAK,MAAM;CACjD,MAAM,EAAE,MAAM,kBAAkB,SAAS;EACvC,UAAU,uBAAuB,gBAAgB;EACjD,eAAe,OAAO,kBAAkB,gBAAgB;EACxD,SAAS,CAAC;EACV,kBAAiB,UAAU,eAAe,MAAM,MAAM,MAAM,UAAU,MAAM,QAAQ;CACtF,CAAC;CACD,MAAM,gBAAgB,QAAQ,KAAA,IAAY,eAAe,MAAM,UAAU;CACzE,MAAM,cAAc,MAAM,cAAc,IAAI,KAAK,KAAK,WAAW,CAAC,CAAC,QAAQ,IAAI,KAAA;CAG/E,MAAM,UACJ,MAAM,WAAW,cAAc,mBAAmB,MAAM,WAAW,YAAY,YAAY,KAAK;CAElG,OACE,oBAAC,aAAD,EACE,MACE,gBACI;EAAE,GAAG;EAAM,QAAQ;EAAe,SAAS,eAAe,KAAK,WAAW;CAAc,IACxF,QACE,OACA;EAAE,GAAG;EAAM,QAAQ;CAAQ,EAEpC,CAAA;AAEL"}
+{"version":3,"file":"mcp-task-chip.es.js","names":[],"sources":["../../../../../src/domains/chat/tools/badges/mcp-task-chip.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useEffect, useState } from 'react';\nimport { backgroundTaskQueryKey } from './use-deferred-input-request';\nimport { isTerminalMcpTaskStatus } from './use-mcp-task-progress';\nimport type { McpTaskStatus, McpTaskView } from './use-mcp-task-progress';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeIndicator, BadgeVariant } from '@/ds/components/Badge';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { Txt } from '@/ds/components/Txt';\n\nconst STATUS: Record<McpTaskStatus, { label: string; variant: BadgeVariant; indicator?: BadgeIndicator }> = {\n  working: { label: 'working', variant: 'info', indicator: 'pulse' },\n  input_required: { label: 'input required', variant: 'warning', indicator: 'dot' },\n  completed: { label: 'completed', variant: 'success' },\n  failed: { label: 'failed', variant: 'destructive' },\n  cancelled: { label: 'cancelled', variant: 'neutral' },\n};\n\n/** Now, every second, until `endedAt` is known. */\nfunction useClock(endedAt: number | undefined) {\n  const [now, setNow] = useState(Date.now);\n  useEffect(() => {\n    if (endedAt !== undefined) return;\n    const timer = setInterval(() => setNow(Date.now()), 1_000);\n    return () => clearInterval(timer);\n  }, [endedAt]);\n  return endedAt ?? now;\n}\n\nconst formatElapsed = (ms: number) => {\n  // A server may send a valid ISO 8601 `createdAt` that `Date.parse` can't read, like `20261029T120000Z`.\n  if (Number.isNaN(ms)) return '--:--';\n  const seconds = Math.max(0, Math.floor(ms / 1000));\n  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, '0')}`;\n};\n\n/** A `task working` badge and `0:42` elapsed for a tool call that continued as an MCP task, with its task id to copy. */\nexport function McpTaskChip({ task }: { task: McpTaskView }) {\n  const { label, variant, indicator } = STATUS[task.status];\n  const terminal = isTerminalMcpTaskStatus(task.status);\n  const elapsed = useClock(terminal ? task.endedAt : undefined) - Date.parse(task.createdAt);\n\n  return (\n    <span className=\"inline-flex flex-wrap items-center gap-2\" data-testid=\"mcp-task-chip\">\n      <Badge\n        size=\"sm\"\n        variant={variant}\n        emphasis=\"subtle\"\n        indicator={indicator}\n        title={`MCP task ${task.taskId} on ${task.serverName}`}\n      >\n        <span>task {label}</span>\n      </Badge>\n      <Txt as=\"span\" variant=\"meta\" font=\"mono\" tone=\"muted\" className=\"tabular-nums\">\n        {formatElapsed(elapsed)}\n      </Txt>\n      <CopyButton content={task.taskId} tooltip=\"Copy MCP task id\" copyMessage=\"Copied MCP task id\" />\n    </span>\n  );\n}\n\nconst BACKGROUND_POLL_MS = 2_000;\n\n/** How the Mastra background task ended, as the MCP task's status; undefined while it runs. */\nconst BACKGROUND_END: Record<string, McpTaskStatus | undefined> = {\n  completed: 'completed',\n  failed: 'failed',\n  timed_out: 'failed',\n  cancelled: 'cancelled',\n};\n\n/**\n * The chip for a call deferred to a Mastra background task. The chat stream ends with the turn, so\n * the task's later progress and its end never reach this card; until the progress shows the task\n * ended, the background task is polled for how it ended.\n */\nexport function BackgroundMcpTaskChip({ task, backgroundTaskId }: { task: McpTaskView; backgroundTaskId: string }) {\n  const client = useMastraClient();\n  const ended = isTerminalMcpTaskStatus(task.status);\n  const { data, dataUpdatedAt } = useQuery({\n    queryKey: backgroundTaskQueryKey(backgroundTaskId),\n    queryFn: () => client.getBackgroundTask(backgroundTaskId),\n    enabled: !ended,\n    refetchInterval: query => (BACKGROUND_END[query.state.data?.status ?? ''] ? false : BACKGROUND_POLL_MS),\n  });\n  const backgroundEnd = ended ? undefined : BACKGROUND_END[data?.status ?? ''];\n  const completedAt = data?.completedAt ? new Date(data.completedAt).getTime() : undefined;\n  // The call's progress stops reaching the chat with the turn, so a question answered later still\n  // reads `input_required` there; the background task says whether it is waiting or working.\n  const waiting =\n    data?.status === 'suspended' ? 'input_required' : data?.status === 'running' ? 'working' : task.status;\n\n  return (\n    <McpTaskChip\n      task={\n        backgroundEnd\n          ? { ...task, status: backgroundEnd, endedAt: completedAt ?? task.endedAt ?? dataUpdatedAt }\n          : ended\n            ? task\n            : { ...task, status: waiting }\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,IAAM,SAAsG;CAC1G,SAAS;EAAE,OAAO;EAAW,SAAS;EAAQ,WAAW;CAAQ;CACjE,gBAAgB;EAAE,OAAO;EAAkB,SAAS;EAAW,WAAW;CAAM;CAChF,WAAW;EAAE,OAAO;EAAa,SAAS;CAAU;CACpD,QAAQ;EAAE,OAAO;EAAU,SAAS;CAAc;CAClD,WAAW;EAAE,OAAO;EAAa,SAAS;CAAU;AACtD;;AAGA,SAAS,SAAS,SAA6B;CAC7C,MAAM,CAAC,KAAK,UAAU,SAAS,KAAK,GAAG;CACvC,gBAAgB;EACd,IAAI,YAAY,KAAA,GAAW;EAC3B,MAAM,QAAQ,kBAAkB,OAAO,KAAK,IAAI,CAAC,GAAG,GAAK;EACzD,aAAa,cAAc,KAAK;CAClC,GAAG,CAAC,OAAO,CAAC;CACZ,OAAO,WAAW;AACpB;AAEA,IAAM,iBAAiB,OAAe;CAEpC,IAAI,OAAO,MAAM,EAAE,GAAG,OAAO;CAC7B,MAAM,UAAU,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,GAAI,CAAC;CACjD,OAAO,GAAG,KAAK,MAAM,UAAU,EAAE,EAAE,GAAG,OAAO,UAAU,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG;AAC5E;;AAGA,SAAgB,YAAY,EAAE,QAA+B;CAC3D,MAAM,EAAE,OAAO,SAAS,cAAc,OAAO,KAAK;CAElD,MAAM,UAAU,SADC,wBAAwB,KAAK,MACrB,IAAW,KAAK,UAAU,KAAA,CAAS,IAAI,KAAK,MAAM,KAAK,SAAS;CAEzF,OACE,qBAAC,QAAD;EAAM,WAAU;EAA2C,eAAY;EAAvE,UAAA;GACE,oBAAC,OAAD;IACE,MAAK;IACI;IACT,UAAS;IACE;IACX,OAAO,YAAY,KAAK,OAAO,MAAM,KAAK;IAE1C,UAAA,qBAAC,QAAD,EAAA,UAAA,CAAM,SAAM,KAAY,EAAA,CAAA;GACnB,CAAA;GACP,oBAAC,KAAD;IAAK,IAAG;IAAO,SAAQ;IAAO,MAAK;IAAO,MAAK;IAAQ,WAAU;IAC9D,UAAA,cAAc,OAAO;GACnB,CAAA;GACL,oBAAC,YAAD;IAAY,SAAS,KAAK;IAAQ,SAAQ;IAAmB,aAAY;GAAsB,CAAA;EAC3F;;AAEV;AAEA,IAAM,qBAAqB;;AAG3B,IAAM,iBAA4D;CAChE,WAAW;CACX,QAAQ;CACR,WAAW;CACX,WAAW;AACb;;;;;;AAOA,SAAgB,sBAAsB,EAAE,MAAM,oBAAqE;CACjH,MAAM,SAAS,gBAAgB;CAC/B,MAAM,QAAQ,wBAAwB,KAAK,MAAM;CACjD,MAAM,EAAE,MAAM,kBAAkB,SAAS;EACvC,UAAU,uBAAuB,gBAAgB;EACjD,eAAe,OAAO,kBAAkB,gBAAgB;EACxD,SAAS,CAAC;EACV,kBAAiB,UAAU,eAAe,MAAM,MAAM,MAAM,UAAU,MAAM,QAAQ;CACtF,CAAC;CACD,MAAM,gBAAgB,QAAQ,KAAA,IAAY,eAAe,MAAM,UAAU;CACzE,MAAM,cAAc,MAAM,cAAc,IAAI,KAAK,KAAK,WAAW,CAAC,CAAC,QAAQ,IAAI,KAAA;CAG/E,MAAM,UACJ,MAAM,WAAW,cAAc,mBAAmB,MAAM,WAAW,YAAY,YAAY,KAAK;CAElG,OACE,oBAAC,aAAD,EACE,MACE,gBACI;EAAE,GAAG;EAAM,QAAQ;EAAe,SAAS,eAAe,KAAK,WAAW;CAAc,IACxF,QACE,OACA;EAAE,GAAG;EAAM,QAAQ;CAAQ,EAEpC,CAAA;AAEL"}

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

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_AgentIndicator = require("../../../../AgentIndicator-to30W73z.cjs");
-const require_tool_call = require("../../../../tool-call-DBn14X-3.cjs");
-const require_activity = require("../../../../activity-CcQZeDYi.cjs");
-const require_domains_chat_tools_badges_observation_marker_format = require("./observation-marker-format.cjs.js");
 const require_domains_chat_tools_badges_observation_marker_details = require("./observation-marker-details.cjs.js");
+const require_domains_chat_tools_badges_observation_marker_format = require("./observation-marker-format.cjs.js");
+const require_AgentIndicator = require("../../../../AgentIndicator-zCokR2zb.cjs");
+const require_activity = require("../../../../activity-Ciolopq8.cjs");
+const require_tool_call = require("../../../../tool-call-C4TBpJ6Y.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

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

@@ -1,8 +1,8 @@
-import { t as agentGlyph } from "../../../../AgentIndicator-Bs2S8AWJ.js";
-import { r as ToolCallOutput } from "../../../../tool-call-Dsj43lvJ.js";
-import { b as ActivityTrigger, c as ActivityContent, f as ActivityHeadline, s as Activity } from "../../../../activity-C8Ql81WM.js";
-import { compressionRatio, extractedValueEntries, formatTokens } from "./observation-marker-format.es.js";
 import { Extractions, ObservationSections, ObservationStats } from "./observation-marker-details.es.js";
+import { compressionRatio, extractedValueEntries, formatTokens } from "./observation-marker-format.es.js";
+import { t as agentGlyph } from "../../../../AgentIndicator-Dnv_1hvF.js";
+import { b as ActivityTrigger, c as ActivityContent, f as ActivityHeadline, s as Activity } from "../../../../activity-BH_eegMA.js";
+import { c as ToolCallOutput } from "../../../../tool-call-BLzYTI-x.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Unplug } from "lucide-react";

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

@@ -1,11 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils_duration = require("../../../../utils/duration.cjs.js");
-const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
-const require_code = require("../../../../code-CqgfD-cP.cjs");
-const require_activity = require("../../../../activity-CcQZeDYi.cjs");
-const require_MarkdownRenderer = require("../../../../MarkdownRenderer-y65WGBhC.cjs");
 const require_domains_chat_tools_badges_observation_marker_format = require("./observation-marker-format.cjs.js");
 const require_domains_chat_tools_badges_observation_renderer = require("./observation-renderer.cjs.js");
+const require_activity = require("../../../../activity-Ciolopq8.cjs");
+const require_code = require("../../../../code-CqgfD-cP.cjs");
+const require_MarkdownRenderer = require("../../../../MarkdownRenderer-CDwlvw0Y.cjs");
+const require_Metadata = require("../../../../Metadata-5GJlO4GU.cjs");
+const require_Txt = require("../../../../Txt-_00wWxTd.cjs");
+const require_utils_duration = require("../../../../utils/duration.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/domains/chat/tools/badges/observation-marker-details.tsx
@@ -23,7 +24,7 @@ var ObservationStats = ({ inputTokens, outputTokens, durationMs }) => {
 		variant: "meta",
 		tone: "muted",
 		className: "tabular-nums",
-		children: stats.join(" · ")
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Metadata.Metadata, { children: stats.map((stat) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Metadata.Metadata.Item, { children: stat }, stat)) })
 	});
 };
 var ObservationSections = ({ observations, isReflection, maxHeight, currentTask, suggestedResponse }) => {
@@ -66,7 +67,7 @@ var ObservationSections = ({ observations, isReflection, maxHeight, currentTask,
 var Extractions = ({ extractedValues, extractionFailures = [] }) => {
 	const entries = require_domains_chat_tools_badges_observation_marker_format.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__ */ (0, react_jsx_runtime.jsxs)(require_activity.ActivityItem, {
 		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Braces, {}),
 		label: "Extractions",

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

@@ -1 +1 @@
-{"version":3,"file":"observation-marker-details.cjs.js","names":["compressionRatio","formatTokens","formatDuration","Txt","_Fragment","ActivityItem","ScrollText","ObservationRenderer","ListTodo","MarkdownRenderer","MessageSquareReply","extractedValueEntries","Braces","Code","formatExtractedValue"],"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":"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"}
+{"version":3,"file":"observation-marker-details.cjs.js","names":["compressionRatio","formatTokens","formatDuration","Txt","Metadata","_Fragment","ActivityItem","ScrollText","ObservationRenderer","ListTodo","MarkdownRenderer","MessageSquareReply","extractedValueEntries","Braces","Code","formatExtractedValue"],"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-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-BH_eegMA.js";
+import { t as Code } from "../../../../code-B7cFirk4.js";
+import { t as MarkdownRenderer } from "../../../../MarkdownRenderer-BSGb65Ze.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":";;;;;;;;;;;AAqBA,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;EAChD,UAAA,oBAAC,UAAD,EAAA,UACG,MAAM,KAAI,SACT,oBAAC,SAAS,MAAV,EAAA,UAA2B,KAAoB,GAA3B,IAA2B,CAChD,EACO,CAAA;CACP,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,IAAI;CAEZ,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"}

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-CDwlvw0Y.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-BSGb65Ze.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-C4TBpJ6Y.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":";;;;;;;;;;;;;;AAeA,IAAM,qBAA6C;CACjD,SAAS;CACT,UAAU;CACV,cAAc;CACd,SAAS;CACT,QAAQ;CACR,OAAO;CACP,QAAQ;AACV;AAmBA,IAAM,cAAc,EAAE,WAAkC;CACtD,IAAI,KAAK,aAAa,KAAA,KAAa,KAAK,SAAS,OAAO;CACxD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;EAAK,IAAG;EAAO,SAAQ;EAAO,WAAW,KAAK,SAAS,4BAA4B;EAChF,UAAA,KAAK,SAAS,WAAW,QAAQ,KAAK;CACpC,CAAA;AAET;AAEA,IAAa,yBAAyB,EACpC,UACA,MACA,QACA,UACA,YACA,sBACA,WACA,YAAY,gBACZ,WACA,SAAS,aACuB;CAChC,MAAM,aAAA,GAAYC,MAAAA,OAAAA,CAAuB,IAAI;CAC7C,MAAM,EAAE,MAAM,UAAU,OAAO,QAAQ,aAAa,YAAYC,0BAAAA,YAAY,UAAUC,uDAAAA,cAAc,IAAI,CAAC;CACzG,MAAM,iBAAiBC,uDAAAA,cAAc,WAAW,mBAAmB,UAAU,CAAC,CAAC,EAAE,EAAE,MAAM;CACzF,MAAM,kBAAkB,OAAO,mBAAmB,WAAW,iBAAiB,KAAA;CAC9E,MAAM,eAAe,WAAW;CAEhC,MAAM,gBAAgB,aAAa,CAAC,EAAA,CAAG,QACrC,SACE,KAAK,SAAS,WACb,KAAK,SAAS,oBAAoB,KAAK,SAAS,qBACjD,KAAK,MAAM,eAAe,UAC9B;CACA,MAAM,SACJ,aAAa,KAAI,SAAQ,KAAK,MAAM,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,OAAO,WAAW,WAAW,SAAS;CAEvG,MAAM,OAAgCA,uDAAAA,cAAc,WAAW,gBAAgB,UAAU,CAAC,CAAC,EAAE,EAAE;CAC/F,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,UAAU,QAAQ,YAAY,KAAK,QAAQ,MAAM,KAAK;CAE5D,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,cAAc,UAAU;EAC9B,IAAI,aAAa,YAAY,YAAY,YAAY;CACvD,GAAG,CAAC,MAAM,CAAC;CAEX,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,CAAC,YAAD,EAAkB,KAAO,CAAA;IAChC,aAAa,MAAM,oBAAoB,KAAA,MACvC,iBAAA,GAAA,kBAAA,IAAA,CAACX,YAAAA,KAAD;IAAK,IAAG;IAAO,SAAQ;IAAO,MAAK;IAAQ,WAAU;IAClD,UAAA,YAAYY,uBAAAA,cAAc,WAAW,IAAIC,uBAAAA,eAAe,MAAM,mBAAmB,CAAC;GAChF,CAAA;EAEP,EAAA,CAAA;EAEJ,kBAAkB,CAAC;EAElB,UAAA,WACC,iBAAA,GAAA,kBAAA,KAAA,CAAAJ,kBAAAA,UAAA,EAAA,UAAA,CACG,gBAAgB,iBAAA,GAAA,kBAAA,IAAA,CAACK,kBAAAA,iBAAD,EAAiB,SAAS,aAAe,CAAA,GACzD,UACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,cAAD;GAAc,KAAK;GAAW,UAAU;GAAQ,WAAU;GACvD,UAAA;EACW,CAAA,CAEhB,EAAA,CAAA;CAEa,CAAA;AAEvB"}
+{"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-BLzYTI-x.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-C4WNL8VD.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-ZfL3-Vvi.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/chat/tools/badges/tool-approval-badge.tsx
 function useToolApproval(request) {