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

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

@@ -1,13 +1,16 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog.es.js';
 import { BadgeWrapper } from '../../components/badge-wrapper.es.js';
 import { NetworkChoiceMetadataDialogTrigger } from '../../components/network-choice-metadata-dialog.es.js';
 import { SectionLabel } from '../../components/section-label.es.js';
+import { awaitsToolApproval } from './awaits-tool-approval.es.js';
 import { ToolApprovalButtons } from './tool-approval-buttons.es.js';
-import { s as stripSerializedAnsi, T as ToolCallArguments, a as ToolCallOutput } from '../../../../tool-call-output-ChJk9-Za.js';
-import { k as ToolCallPresentedHeader } from '../../../../tool-call-B0BQizdj.js';
-import { p as presentTool, s as stringifyToolValue } from '../../../../tool-presentation-C7aizVF5.js';
-import { C as CodeEditor } from '../../../../code-editor-F12uuTDl.js';
+import { e as ActivityHeadline } from '../../../../activity-Duth8KP_.js';
+import { s as stripSerializedAnsi } from '../../../../ansi-Cq_bKF5J.js';
+import { T as ToolCallArguments } from '../../../../tool-call-arguments-D7PMJ6vj.js';
+import { T as ToolCallOutput } from '../../../../tool-call-output-DEoCE_Xn.js';
+import { p as presentTool, s as stringifyToolValue, h as hasToolArguments } from '../../../../tool-presentation-BXAo24Ir.js';
+import { C as CodeEditor } from '../../../../code-editor-Cltwid7c.js';
 
 function formatArgs(args) {
   try {
@@ -32,18 +35,19 @@ const ToolBadge = ({
   status = "idle"
 }) => {
   const { pretty: argsPretty, parsed: argsObject } = formatArgs(args);
-  const { icon, label, detail, description } = presentTool(toolName, argsObject);
+  const { icon: ToolIcon, label, detail, description } = presentTool(toolName, argsObject);
   const resultPretty = result !== void 0 && result !== null ? stripSerializedAnsi(stringifyToolValue(result)) : void 0;
   const routingDecision = metadata?.mode === "network" ? metadata.routingDecision : void 0;
   const selectionReason = metadata?.mode === "network" ? routingDecision?.selectionReason ?? metadata.selectionReason : void 0;
   const agentNetworkInput = metadata?.mode === "network" ? routingDecision ?? metadata.agentInput : void 0;
   const toolCalled = toolCalledProp ?? (result || toolOutput.length > 0);
+  const hasBody = hasToolArguments({ toolName, args: argsObject, argsText: argsPretty, hideArguments: withoutArgs }) || Boolean(suspendPayload) || Boolean(resultPretty) || toolOutput.length > 0 || awaitsToolApproval({ toolApprovalMetadata, toolCalled });
   const bgEntry = (metadata?.mode === "stream" || metadata?.mode === "generate") && metadata?.backgroundTasks ? metadata.backgroundTasks[toolCallId] : void 0;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     BadgeWrapper,
     {
       "data-testid": "tool-badge",
-      header: /* @__PURE__ */ jsx(ToolCallPresentedHeader, { icon, label, detail, description }),
+      header: /* @__PURE__ */ jsx(ActivityHeadline, { icon: /* @__PURE__ */ jsx(ToolIcon, { "aria-hidden": true }), label, detail, description }),
       status,
       extraInfo: metadata?.mode === "network" ? /* @__PURE__ */ jsx(
         NetworkChoiceMetadataDialogTrigger,
@@ -53,7 +57,7 @@ const ToolBadge = ({
         }
       ) : bgEntry?.taskId && bgEntry?.startedAt ? /* @__PURE__ */ jsx(BackgroundTaskMetadataDialogTrigger, { backgroundTask: bgEntry }) : null,
       initialCollapsed: !!!(toolApprovalMetadata ?? suspendPayload),
-      children: [
+      children: hasBody && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           ToolCallArguments,
           {
@@ -84,7 +88,7 @@ const ToolBadge = ({
             isGenerateMode: metadata?.mode === "generate"
           }
         )
-      ]
+      ] })
     }
   );
 };

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

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

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

@@ -10,6 +10,7 @@ const domains_chat_components_badgeWrapper = require('../../components/badge-wra
 const domains_chat_components_loadingBadge = require('../../components/loading-badge.cjs.js');
 const domains_chat_components_networkChoiceMetadataDialog = require('../../components/network-choice-metadata-dialog.cjs.js');
 const domains_chat_components_sectionLabel = require('../../components/section-label.cjs.js');
+const domains_chat_tools_badges_awaitsToolApproval = require('./awaits-tool-approval.cjs.js');
 const domains_chat_tools_badges_toolApprovalButtons = require('./tool-approval-buttons.cjs.js');
 const domains_requestContext_hooks_useEntityRequestContext = require('../../../request-context/hooks/use-entity-request-context.cjs.js');
 const domains_workflows_context_workflowRunContext = require('../../../workflows/context/workflow-run-context.cjs.js');
@@ -24,15 +25,14 @@ require('zod/v4');
 require('superjson');
 require('zod');
 require('../../../workflows/workflow/utils.cjs.js');
-const Button = require('../../../../Button-CIwF6NHM.cjs');
+const Button = require('../../../../Button-BnmR2HRc.cjs');
 require('@mastra/core/utils/safe-stringify');
-const codeEditor = require('../../../../code-editor-By2dTBXC.cjs');
+const codeEditor = require('../../../../code-editor-BXchPl_F.cjs');
 require('../../../workflows/workflow/input/processor-input.cjs.js');
 require('react-hook-form');
 require('../../../../lib/form/field-context.cjs.js');
 require('../../../../lib/form/utils.cjs.js');
 require('date-fns');
-require('../../../../popover-lBqKiPtp.cjs');
 require('@autoform/core');
 require('@autoform/react');
 require('../../../../lib/form/components/form.cjs.js');
@@ -40,14 +40,13 @@ require('@lukeed/uuid');
 require('../../../../lib/form/dynamic-form.cjs.js');
 const icons_WorkflowIcon = require('../../../../icons/WorkflowIcon.cjs.js');
 require('@mastra/client-js');
-require('../../../../keyboard/keyboard-shortcuts-context.cjs.js');
 const lib_framework = require('../../../../lib/framework.cjs.js');
 require('../../../workflows/components/workflow-information.cjs.js');
 require('@base-ui/react/combobox');
 require('../../../workflows/components/workflow-layout.cjs.js');
 const domains_workflows_components_workflowStepDetail = require('../../../workflows/components/workflow-step-detail.cjs.js');
 const domains_workflows_context_playgroundWorkflowRunProvider = require('../../../workflows/context/playground-workflow-run-provider.cjs.js');
-const toolCall = require('../../../../tool-call-DELhfAdn.cjs');
+const toolCallMono = require('../../../../tool-call-mono-DFSfVZ6E.cjs');
 
 const WorkflowBadge = ({
   result,
@@ -70,13 +69,16 @@ const WorkflowBadge = ({
   const selectionReason = metadata?.mode === "network" ? routingDecision?.selectionReason ?? metadata.selectionReason : void 0;
   const agentNetworkInput = metadata?.mode === "network" ? routingDecision ?? metadata.agentInput : void 0;
   const bgEntry = (metadata?.mode === "stream" || metadata?.mode === "generate") && metadata?.backgroundTasks ? metadata.backgroundTasks[toolCallId] : void 0;
-  let suspendPayloadSlot = typeof suspendPayload === "string" ? /* @__PURE__ */ jsxRuntime.jsx(toolCall.ToolCallMono, { copyText: suspendPayload, className: "text-muted-foreground", children: suspendPayload }) : /* @__PURE__ */ jsxRuntime.jsx(codeEditor.CodeEditor, { data: suspendPayload, "data-testid": "tool-suspend-payload" });
+  let suspendPayloadSlot = typeof suspendPayload === "string" ? /* @__PURE__ */ jsxRuntime.jsx(toolCallMono.ToolCallMono, { copyText: suspendPayload, className: "text-muted-foreground", children: suspendPayload }) : /* @__PURE__ */ jsxRuntime.jsx(codeEditor.CodeEditor, { data: suspendPayload, "data-testid": "tool-suspend-payload" });
   if (isWorkflowLoading || !workflow) return /* @__PURE__ */ jsxRuntime.jsx(domains_chat_components_loadingBadge.LoadingBadge, {});
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  const toolCalledOrFinished = toolCalled ?? !!status;
+  const showsRun = isStreaming || Boolean(runId);
+  const hasBody = showsRun || Boolean(suspendPayload) || domains_chat_tools_badges_awaitsToolApproval.awaitsToolApproval({ toolApprovalMetadata, toolCalled: toolCalledOrFinished });
+  return /* @__PURE__ */ jsxRuntime.jsx(
     domains_chat_components_badgeWrapper.BadgeWrapper,
     {
       "data-testid": "workflow-badge",
-      icon: /* @__PURE__ */ jsxRuntime.jsx(icons_WorkflowIcon.WorkflowIcon, { className: "text-accent3" }),
+      icon: /* @__PURE__ */ jsxRuntime.jsx(icons_WorkflowIcon.WorkflowIcon, { className: "text-span-workflow" }),
       title: workflow.name,
       initialCollapsed: false,
       extraInfo: metadata?.mode === "network" ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -86,7 +88,7 @@ const WorkflowBadge = ({
           input: agentNetworkInput
         }
       ) : bgEntry?.taskId && bgEntry?.startedAt ? /* @__PURE__ */ jsxRuntime.jsx(domains_chat_tools_badges_backgroundTaskMetadataDialog.BackgroundTaskMetadataDialogTrigger, { backgroundTask: bgEntry }) : null,
-      children: [
+      children: hasBody && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         !isStreaming && runId && /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_context_playgroundWorkflowRunProvider.PlaygroundWorkflowRunProvider, { workflowId, initialRunId: runId, withoutTimeTravel: true, children: /* @__PURE__ */ jsxRuntime.jsx(WorkflowBadgeExtended, { workflowId, workflow, runId }) }),
         isStreaming && /* @__PURE__ */ jsxRuntime.jsx(WorkflowBadgeExtended, { workflowId, workflow, runId }),
         suspendPayloadSlot !== void 0 && suspendPayload && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -96,7 +98,7 @@ const WorkflowBadge = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           domains_chat_tools_badges_toolApprovalButtons.ToolApprovalButtons,
           {
-            toolCalled: toolCalled ?? !!status,
+            toolCalled: toolCalledOrFinished,
             toolCallId,
             toolApprovalMetadata,
             toolName,
@@ -104,7 +106,7 @@ const WorkflowBadge = ({
             isGenerateMode: metadata?.mode === "generate"
           }
         )
-      ]
+      ] })
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/workflow-badge.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { Eye } from 'lucide-react';\nimport { useContext, useEffect } from 'react';\nimport { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog';\nimport type { MessageMetadata } from '@/domains/chat';\n\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { LoadingBadge } from '@/domains/chat/components/loading-badge';\nimport { NetworkChoiceMetadataDialogTrigger } from '@/domains/chat/components/network-choice-metadata-dialog';\nimport { SectionLabel } from '@/domains/chat/components/section-label';\nimport type { ToolApprovalButtonsProps } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ToolApprovalButtons } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { useEntityRequestContext } from '@/domains/request-context/hooks/use-entity-request-context';\nimport {\n  WorkflowGraph,\n  WorkflowRunContext,\n  WorkflowSelectedStepProvider,\n  WorkflowStepDetailProvider,\n  useWorkflowStepDetail,\n} from '@/domains/workflows';\nimport { WorkflowStepDetailContent } from '@/domains/workflows/components/workflow-step-detail';\nimport { PlaygroundWorkflowRunProvider } from '@/domains/workflows/context/playground-workflow-run-provider';\nimport type { WorkflowRunStreamResult } from '@/domains/workflows/context/workflow-run-context';\nimport { useWorkflow } from '@/domains/workflows/hooks/use-workflow';\nimport { ToolCallMono } from '@/ds/components/ai/tool-call';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\nexport interface WorkflowBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  workflowId: string;\n  result?: any;\n  isStreaming?: boolean;\n  metadata?: MessageMetadata;\n  suspendPayload?: any;\n  toolCalled?: boolean;\n}\n\nexport const WorkflowBadge = ({\n  result,\n  workflowId,\n  isStreaming,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  suspendPayload,\n  toolName,\n  isNetwork,\n  toolCalled,\n}: WorkflowBadgeProps) => {\n  const { runId, status } = result || {};\n  const { data: workflow, isLoading: isWorkflowLoading } = useWorkflow(\n    workflowId,\n    useEntityRequestContext('workflow', workflowId)[0],\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 bgEntry =\n    (metadata?.mode === 'stream' || metadata?.mode === 'generate') && metadata?.backgroundTasks\n      ? metadata.backgroundTasks[toolCallId]\n      : undefined;\n\n  let suspendPayloadSlot =\n    typeof suspendPayload === 'string' ? (\n      <ToolCallMono copyText={suspendPayload} className=\"text-muted-foreground\">\n        {suspendPayload}\n      </ToolCallMono>\n    ) : (\n      <CodeEditor data={suspendPayload} data-testid=\"tool-suspend-payload\" />\n    );\n\n  if (isWorkflowLoading || !workflow) return <LoadingBadge />;\n\n  return (\n    <BadgeWrapper\n      data-testid=\"workflow-badge\"\n      icon={<WorkflowIcon className=\"text-accent3\" />}\n      title={workflow.name}\n      initialCollapsed={false}\n      extraInfo={\n        metadata?.mode === 'network' ? (\n          <NetworkChoiceMetadataDialogTrigger\n            selectionReason={selectionReason ?? ''}\n            input={agentNetworkInput as string | Record<string, unknown> | undefined}\n          />\n        ) : bgEntry?.taskId && bgEntry?.startedAt ? (\n          <BackgroundTaskMetadataDialogTrigger backgroundTask={bgEntry} />\n        ) : null\n      }\n    >\n      {!isStreaming && runId && (\n        <PlaygroundWorkflowRunProvider workflowId={workflowId} initialRunId={runId} withoutTimeTravel>\n          <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />\n        </PlaygroundWorkflowRunProvider>\n      )}\n\n      {isStreaming && <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />}\n\n      {suspendPayloadSlot !== undefined && suspendPayload && (\n        <div>\n          <SectionLabel>Workflow suspend payload</SectionLabel>\n          {suspendPayloadSlot}\n        </div>\n      )}\n\n      <ToolApprovalButtons\n        toolCalled={toolCalled ?? !!status}\n        toolCallId={toolCallId}\n        toolApprovalMetadata={toolApprovalMetadata}\n        toolName={toolName}\n        isNetwork={isNetwork}\n        isGenerateMode={metadata?.mode === 'generate'}\n      />\n    </BadgeWrapper>\n  );\n};\n\ninterface WorkflowBadgeExtendedProps {\n  workflowId: string;\n  runId?: string;\n  workflow: GetWorkflowResponse;\n}\n\nconst WorkflowBadgeExtended = ({ workflowId, workflow, runId }: WorkflowBadgeExtendedProps) => {\n  const requestContext = useEntityRequestContext('workflow', workflowId)[0];\n  const { Link } = useLinkComponent();\n  const { isLoadingRunExecutionResult } = useContext(WorkflowRunContext);\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 pb-2\">\n        <Button icon={<WorkflowIcon />} render={<Link href={`/workflows/${workflowId}/graph`} />}>\n          Go to workflow\n        </Button>\n        {runId && (\n          <Button icon={<Eye />} render={<Link href={`/workflows/${workflowId}/graph/${runId}`} />}>\n            See run\n          </Button>\n        )}\n      </div>\n\n      <WorkflowSelectedStepProvider>\n        <WorkflowStepDetailProvider>\n          <div className=\"h-[60vh] w-full overflow-hidden rounded-md\">\n            <WorkflowGraph\n              workflowId={workflowId}\n              workflow={workflow}\n              isLoading={isLoadingRunExecutionResult}\n              requestContext={requestContext}\n            />\n          </div>\n          <WorkflowBadgeStepDetail requestContext={requestContext} />\n        </WorkflowStepDetailProvider>\n      </WorkflowSelectedStepProvider>\n    </>\n  );\n};\n\nconst WorkflowBadgeStepDetail = ({ requestContext }: { requestContext: Record<string, any> }) => {\n  const { stepDetail } = useWorkflowStepDetail();\n  if (!stepDetail) return null;\n  return (\n    <div className=\"mt-2 flex max-h-[60vh] flex-col overflow-hidden rounded-md border border-border bg-background\">\n      <WorkflowStepDetailContent requestContext={requestContext} />\n    </div>\n  );\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const useWorkflowStream = (workflowFullState?: WorkflowRunStreamResult) => {\n  const { setResult } = useContext(WorkflowRunContext);\n\n  useEffect(() => {\n    if (!workflowFullState) return;\n    setResult(workflowFullState);\n  }, [workflowFullState, setResult]);\n};\n"],"names":["useWorkflow","useEntityRequestContext","jsx","ToolCallMono","CodeEditor","LoadingBadge","jsxs","BadgeWrapper","WorkflowIcon","NetworkChoiceMetadataDialogTrigger","BackgroundTaskMetadataDialogTrigger","PlaygroundWorkflowRunProvider","SectionLabel","ToolApprovalButtons","useLinkComponent","useContext","WorkflowRunContext","Fragment","Button","Eye","WorkflowSelectedStepProvider","WorkflowStepDetailProvider","WorkflowGraph","useWorkflowStepDetail","WorkflowStepDetailContent","useEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,MAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,oBAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAA0B;AACxB,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAO,GAAI,UAAU,EAAC;AACrC,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAU,SAAA,EAAW,mBAAkB,GAAIA,+CAAA;AAAA,IACvD,UAAA;AAAA,IACAC,4EAAA,CAAwB,UAAA,EAAY,UAAU,CAAA,CAAE,CAAC;AAAA,GACnD;AACA,EAAA,MAAM,eAAA,GAAkB,QAAA,EAAU,IAAA,KAAS,SAAA,GAAY,SAAS,eAAA,GAAkB,MAAA;AAClF,EAAA,MAAM,kBACJ,QAAA,EAAU,IAAA,KAAS,YAAa,eAAA,EAAiB,eAAA,IAAmB,SAAS,eAAA,GAAmB,MAAA;AAClG,EAAA,MAAM,oBAAoB,QAAA,EAAU,IAAA,KAAS,SAAA,GAAa,eAAA,IAAmB,SAAS,UAAA,GAAc,MAAA;AAEpG,EAAA,MAAM,OAAA,GAAA,CACH,QAAA,EAAU,IAAA,KAAS,QAAA,IAAY,QAAA,EAAU,IAAA,KAAS,UAAA,KAAe,QAAA,EAAU,eAAA,GACxE,QAAA,CAAS,eAAA,CAAgB,UAAU,CAAA,GACnC,MAAA;AAEN,EAAA,IAAI,qBACF,OAAO,cAAA,KAAmB,QAAA,mBACxBC,cAAA,CAACC,yBAAa,QAAA,EAAU,cAAA,EAAgB,SAAA,EAAU,uBAAA,EAC/C,0BACH,CAAA,mBAEAD,cAAA,CAACE,yBAAW,IAAA,EAAM,cAAA,EAAgB,eAAY,sBAAA,EAAuB,CAAA;AAGzE,EAAA,IAAI,iBAAA,IAAqB,CAAC,QAAA,EAAU,sCAAQC,iDAAA,EAAA,EAAa,CAAA;AAEzD,EAAA,uBACEC,eAAA;AAAA,IAACC,iDAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,gBAAA;AAAA,MACZ,IAAA,kBAAML,cAAA,CAACM,+BAAA,EAAA,EAAa,SAAA,EAAU,cAAA,EAAe,CAAA;AAAA,MAC7C,OAAO,QAAA,CAAS,IAAA;AAAA,MAChB,gBAAA,EAAkB,KAAA;AAAA,MAClB,SAAA,EACE,QAAA,EAAU,IAAA,KAAS,SAAA,mBACjBN,cAAA;AAAA,QAACO,sFAAA;AAAA,QAAA;AAAA,UACC,iBAAiB,eAAA,IAAmB,EAAA;AAAA,UACpC,KAAA,EAAO;AAAA;AAAA,OACT,GACE,SAAS,MAAA,IAAU,OAAA,EAAS,4BAC9BP,cAAA,CAACQ,0FAAA,EAAA,EAAoC,cAAA,EAAgB,OAAA,EAAS,CAAA,GAC5D,IAAA;AAAA,MAGL,QAAA,EAAA;AAAA,QAAA,CAAC,WAAA,IAAe,KAAA,oBACfR,cAAA,CAACS,qFAAA,EAAA,EAA8B,YAAwB,YAAA,EAAc,KAAA,EAAO,iBAAA,EAAiB,IAAA,EAC3F,QAAA,kBAAAT,cAAA,CAAC,qBAAA,EAAA,EAAsB,UAAA,EAAwB,QAAA,EAAoB,OAAc,CAAA,EACnF,CAAA;AAAA,QAGD,WAAA,oBAAeA,cAAA,CAAC,qBAAA,EAAA,EAAsB,UAAA,EAAwB,UAAoB,KAAA,EAAc,CAAA;AAAA,QAEhG,kBAAA,KAAuB,MAAA,IAAa,cAAA,oBACnCI,eAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAJ,cAAA,CAACU,qDAAa,QAAA,EAAA,0BAAA,EAAwB,CAAA;AAAA,UACrC;AAAA,SAAA,EACH,CAAA;AAAA,wBAGFV,cAAA;AAAA,UAACW,iEAAA;AAAA,UAAA;AAAA,YACC,UAAA,EAAY,UAAA,IAAc,CAAC,CAAC,MAAA;AAAA,YAC5B,UAAA;AAAA,YACA,oBAAA;AAAA,YACA,QAAA;AAAA,YACA,SAAA;AAAA,YACA,cAAA,EAAgB,UAAU,IAAA,KAAS;AAAA;AAAA;AACrC;AAAA;AAAA,GACF;AAEJ;AAQA,MAAM,wBAAwB,CAAC,EAAE,UAAA,EAAY,QAAA,EAAU,OAAM,KAAkC;AAC7F,EAAA,MAAM,cAAA,GAAiBZ,4EAAA,CAAwB,UAAA,EAAY,UAAU,EAAE,CAAC,CAAA;AACxE,EAAA,MAAM,EAAE,IAAA,EAAK,GAAIa,8BAAA,EAAiB;AAClC,EAAA,MAAM,EAAE,2BAAA,EAA4B,GAAIC,gBAAA,CAAWC,+DAAkB,CAAA;AAErE,EAAA,uBACEV,eAAA,CAAAW,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAX,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EACb,QAAA,EAAA;AAAA,sBAAAJ,cAAA,CAACgB,aAAA,EAAA,EAAO,IAAA,kBAAMhB,cAAA,CAACM,+BAAA,EAAA,EAAa,CAAA,EAAI,MAAA,kBAAQN,cAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,CAAA,WAAA,EAAc,UAAU,CAAA,MAAA,CAAA,EAAU,GAAI,QAAA,EAAA,gBAAA,EAE1F,CAAA;AAAA,MACC,yBACCA,cAAA,CAACgB,aAAA,EAAA,EAAO,IAAA,kBAAMhB,cAAA,CAACiB,mBAAI,CAAA,EAAI,MAAA,kBAAQjB,cAAA,CAAC,IAAA,EAAA,EAAK,MAAM,CAAA,WAAA,EAAc,UAAU,UAAU,KAAK,CAAA,CAAA,EAAI,GAAI,QAAA,EAAA,SAAA,EAE1F;AAAA,KAAA,EAEJ,CAAA;AAAA,oBAEAA,cAAA,CAACkB,kFAAA,EAAA,EACC,QAAA,kBAAAd,eAAA,CAACe,+EAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAnB,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,4CAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,QAACoB,sDAAA;AAAA,QAAA;AAAA,UACC,UAAA;AAAA,UACA,QAAA;AAAA,UACA,SAAA,EAAW,2BAAA;AAAA,UACX;AAAA;AAAA,OACF,EACF,CAAA;AAAA,sBACApB,cAAA,CAAC,2BAAwB,cAAA,EAAgC;AAAA,KAAA,EAC3D,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ,CAAA;AAEA,MAAM,uBAAA,GAA0B,CAAC,EAAE,cAAA,EAAe,KAA+C;AAC/F,EAAA,MAAM,EAAE,UAAA,EAAW,GAAIqB,yEAAA,EAAsB;AAC7C,EAAA,IAAI,CAAC,YAAY,OAAO,IAAA;AACxB,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,iGACb,QAAA,kBAAArB,cAAA,CAACsB,yEAAA,EAAA,EAA0B,gBAAgC,CAAA,EAC7D,CAAA;AAEJ,CAAA;AAGO,MAAM,iBAAA,GAAoB,CAAC,iBAAA,KAAgD;AAChF,EAAA,MAAM,EAAE,SAAA,EAAU,GAAIT,gBAAA,CAAWC,+DAAkB,CAAA;AAEnD,EAAAS,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,iBAAA,EAAmB;AACxB,IAAA,SAAA,CAAU,iBAAiB,CAAA;AAAA,EAC7B,CAAA,EAAG,CAAC,iBAAA,EAAmB,SAAS,CAAC,CAAA;AACnC;;;;;"}
+{"version":3,"file":"workflow-badge.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/workflow-badge.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { Eye } from 'lucide-react';\nimport { useContext, useEffect } from 'react';\nimport { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog';\nimport type { MessageMetadata } from '@/domains/chat';\n\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { LoadingBadge } from '@/domains/chat/components/loading-badge';\nimport { NetworkChoiceMetadataDialogTrigger } from '@/domains/chat/components/network-choice-metadata-dialog';\nimport { SectionLabel } from '@/domains/chat/components/section-label';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalButtonsProps } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ToolApprovalButtons } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { useEntityRequestContext } from '@/domains/request-context/hooks/use-entity-request-context';\nimport {\n  WorkflowGraph,\n  WorkflowRunContext,\n  WorkflowSelectedStepProvider,\n  WorkflowStepDetailProvider,\n  useWorkflowStepDetail,\n} from '@/domains/workflows';\nimport { WorkflowStepDetailContent } from '@/domains/workflows/components/workflow-step-detail';\nimport { PlaygroundWorkflowRunProvider } from '@/domains/workflows/context/playground-workflow-run-provider';\nimport type { WorkflowRunStreamResult } from '@/domains/workflows/context/workflow-run-context';\nimport { useWorkflow } from '@/domains/workflows/hooks/use-workflow';\nimport { ToolCallMono } from '@/ds/components/ai/tool-call';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\nexport interface WorkflowBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  workflowId: string;\n  result?: any;\n  isStreaming?: boolean;\n  metadata?: MessageMetadata;\n  suspendPayload?: any;\n  toolCalled?: boolean;\n}\n\nexport const WorkflowBadge = ({\n  result,\n  workflowId,\n  isStreaming,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  suspendPayload,\n  toolName,\n  isNetwork,\n  toolCalled,\n}: WorkflowBadgeProps) => {\n  const { runId, status } = result || {};\n  const { data: workflow, isLoading: isWorkflowLoading } = useWorkflow(\n    workflowId,\n    useEntityRequestContext('workflow', workflowId)[0],\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 bgEntry =\n    (metadata?.mode === 'stream' || metadata?.mode === 'generate') && metadata?.backgroundTasks\n      ? metadata.backgroundTasks[toolCallId]\n      : undefined;\n\n  let suspendPayloadSlot =\n    typeof suspendPayload === 'string' ? (\n      <ToolCallMono copyText={suspendPayload} className=\"text-muted-foreground\">\n        {suspendPayload}\n      </ToolCallMono>\n    ) : (\n      <CodeEditor data={suspendPayload} data-testid=\"tool-suspend-payload\" />\n    );\n\n  if (isWorkflowLoading || !workflow) return <LoadingBadge />;\n\n  const toolCalledOrFinished = toolCalled ?? !!status;\n  const showsRun = isStreaming || Boolean(runId);\n  const hasBody =\n    showsRun ||\n    Boolean(suspendPayload) ||\n    awaitsToolApproval({ toolApprovalMetadata, toolCalled: toolCalledOrFinished });\n\n  return (\n    <BadgeWrapper\n      data-testid=\"workflow-badge\"\n      icon={<WorkflowIcon className=\"text-span-workflow\" />}\n      title={workflow.name}\n      initialCollapsed={false}\n      extraInfo={\n        metadata?.mode === 'network' ? (\n          <NetworkChoiceMetadataDialogTrigger\n            selectionReason={selectionReason ?? ''}\n            input={agentNetworkInput as string | Record<string, unknown> | undefined}\n          />\n        ) : bgEntry?.taskId && bgEntry?.startedAt ? (\n          <BackgroundTaskMetadataDialogTrigger backgroundTask={bgEntry} />\n        ) : null\n      }\n    >\n      {hasBody && (\n        <>\n          {!isStreaming && runId && (\n            <PlaygroundWorkflowRunProvider workflowId={workflowId} initialRunId={runId} withoutTimeTravel>\n              <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />\n            </PlaygroundWorkflowRunProvider>\n          )}\n\n          {isStreaming && <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />}\n\n          {suspendPayloadSlot !== undefined && suspendPayload && (\n            <div>\n              <SectionLabel>Workflow suspend payload</SectionLabel>\n              {suspendPayloadSlot}\n            </div>\n          )}\n\n          <ToolApprovalButtons\n            toolCalled={toolCalledOrFinished}\n            toolCallId={toolCallId}\n            toolApprovalMetadata={toolApprovalMetadata}\n            toolName={toolName}\n            isNetwork={isNetwork}\n            isGenerateMode={metadata?.mode === 'generate'}\n          />\n        </>\n      )}\n    </BadgeWrapper>\n  );\n};\n\ninterface WorkflowBadgeExtendedProps {\n  workflowId: string;\n  runId?: string;\n  workflow: GetWorkflowResponse;\n}\n\nconst WorkflowBadgeExtended = ({ workflowId, workflow, runId }: WorkflowBadgeExtendedProps) => {\n  const requestContext = useEntityRequestContext('workflow', workflowId)[0];\n  const { Link } = useLinkComponent();\n  const { isLoadingRunExecutionResult } = useContext(WorkflowRunContext);\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 pb-2\">\n        <Button icon={<WorkflowIcon />} render={<Link href={`/workflows/${workflowId}/graph`} />}>\n          Go to workflow\n        </Button>\n        {runId && (\n          <Button icon={<Eye />} render={<Link href={`/workflows/${workflowId}/graph/${runId}`} />}>\n            See run\n          </Button>\n        )}\n      </div>\n\n      <WorkflowSelectedStepProvider>\n        <WorkflowStepDetailProvider>\n          <div className=\"h-[60vh] w-full overflow-hidden rounded-md\">\n            <WorkflowGraph\n              workflowId={workflowId}\n              workflow={workflow}\n              isLoading={isLoadingRunExecutionResult}\n              requestContext={requestContext}\n            />\n          </div>\n          <WorkflowBadgeStepDetail requestContext={requestContext} />\n        </WorkflowStepDetailProvider>\n      </WorkflowSelectedStepProvider>\n    </>\n  );\n};\n\nconst WorkflowBadgeStepDetail = ({ requestContext }: { requestContext: Record<string, any> }) => {\n  const { stepDetail } = useWorkflowStepDetail();\n  if (!stepDetail) return null;\n  return (\n    <div className=\"mt-2 flex max-h-[60vh] flex-col overflow-hidden rounded-md border border-border bg-background\">\n      <WorkflowStepDetailContent requestContext={requestContext} />\n    </div>\n  );\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const useWorkflowStream = (workflowFullState?: WorkflowRunStreamResult) => {\n  const { setResult } = useContext(WorkflowRunContext);\n\n  useEffect(() => {\n    if (!workflowFullState) return;\n    setResult(workflowFullState);\n  }, [workflowFullState, setResult]);\n};\n"],"names":["useWorkflow","useEntityRequestContext","jsx","ToolCallMono","CodeEditor","LoadingBadge","awaitsToolApproval","BadgeWrapper","WorkflowIcon","NetworkChoiceMetadataDialogTrigger","BackgroundTaskMetadataDialogTrigger","jsxs","Fragment","PlaygroundWorkflowRunProvider","SectionLabel","ToolApprovalButtons","useLinkComponent","useContext","WorkflowRunContext","Button","Eye","WorkflowSelectedStepProvider","WorkflowStepDetailProvider","WorkflowGraph","useWorkflowStepDetail","WorkflowStepDetailContent","useEffect"],"mappings":"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"}

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

@@ -6,6 +6,7 @@ import { BadgeWrapper } from '../../components/badge-wrapper.es.js';
 import { LoadingBadge } from '../../components/loading-badge.es.js';
 import { NetworkChoiceMetadataDialogTrigger } from '../../components/network-choice-metadata-dialog.es.js';
 import { SectionLabel } from '../../components/section-label.es.js';
+import { awaitsToolApproval } from './awaits-tool-approval.es.js';
 import { ToolApprovalButtons } from './tool-approval-buttons.es.js';
 import { useEntityRequestContext } from '../../../request-context/hooks/use-entity-request-context.es.js';
 import { WorkflowRunContext } from '../../../workflows/context/workflow-run-context.es.js';
@@ -20,15 +21,14 @@ import 'zod/v4';
 import 'superjson';
 import 'zod';
 import '../../../workflows/workflow/utils.es.js';
-import { B as Button } from '../../../../Button-BY9qlu8K.js';
+import { B as Button } from '../../../../Button-C6eUqcPI.js';
 import '@mastra/core/utils/safe-stringify';
-import { C as CodeEditor } from '../../../../code-editor-F12uuTDl.js';
+import { C as CodeEditor } from '../../../../code-editor-Cltwid7c.js';
 import '../../../workflows/workflow/input/processor-input.es.js';
 import 'react-hook-form';
 import '../../../../lib/form/field-context.es.js';
 import '../../../../lib/form/utils.es.js';
 import 'date-fns';
-import '../../../../popover-Dg70UGyn.js';
 import '@autoform/core';
 import '@autoform/react';
 import '../../../../lib/form/components/form.es.js';
@@ -36,14 +36,13 @@ import '@lukeed/uuid';
 import '../../../../lib/form/dynamic-form.es.js';
 import { WorkflowIcon } from '../../../../icons/WorkflowIcon.es.js';
 import '@mastra/client-js';
-import '../../../../keyboard/keyboard-shortcuts-context.es.js';
 import { useLinkComponent } from '../../../../lib/framework.es.js';
 import '../../../workflows/components/workflow-information.es.js';
 import '@base-ui/react/combobox';
 import '../../../workflows/components/workflow-layout.es.js';
 import { WorkflowStepDetailContent } from '../../../workflows/components/workflow-step-detail.es.js';
 import { PlaygroundWorkflowRunProvider } from '../../../workflows/context/playground-workflow-run-provider.es.js';
-import { l as ToolCallMono } from '../../../../tool-call-B0BQizdj.js';
+import { a as ToolCallMono } from '../../../../tool-call-mono-gKG9Ek1m.js';
 
 const WorkflowBadge = ({
   result,
@@ -68,11 +67,14 @@ const WorkflowBadge = ({
   const bgEntry = (metadata?.mode === "stream" || metadata?.mode === "generate") && metadata?.backgroundTasks ? metadata.backgroundTasks[toolCallId] : void 0;
   let suspendPayloadSlot = typeof suspendPayload === "string" ? /* @__PURE__ */ jsx(ToolCallMono, { copyText: suspendPayload, className: "text-muted-foreground", children: suspendPayload }) : /* @__PURE__ */ jsx(CodeEditor, { data: suspendPayload, "data-testid": "tool-suspend-payload" });
   if (isWorkflowLoading || !workflow) return /* @__PURE__ */ jsx(LoadingBadge, {});
-  return /* @__PURE__ */ jsxs(
+  const toolCalledOrFinished = toolCalled ?? !!status;
+  const showsRun = isStreaming || Boolean(runId);
+  const hasBody = showsRun || Boolean(suspendPayload) || awaitsToolApproval({ toolApprovalMetadata, toolCalled: toolCalledOrFinished });
+  return /* @__PURE__ */ jsx(
     BadgeWrapper,
     {
       "data-testid": "workflow-badge",
-      icon: /* @__PURE__ */ jsx(WorkflowIcon, { className: "text-accent3" }),
+      icon: /* @__PURE__ */ jsx(WorkflowIcon, { className: "text-span-workflow" }),
       title: workflow.name,
       initialCollapsed: false,
       extraInfo: metadata?.mode === "network" ? /* @__PURE__ */ jsx(
@@ -82,7 +84,7 @@ const WorkflowBadge = ({
           input: agentNetworkInput
         }
       ) : bgEntry?.taskId && bgEntry?.startedAt ? /* @__PURE__ */ jsx(BackgroundTaskMetadataDialogTrigger, { backgroundTask: bgEntry }) : null,
-      children: [
+      children: hasBody && /* @__PURE__ */ jsxs(Fragment, { children: [
         !isStreaming && runId && /* @__PURE__ */ jsx(PlaygroundWorkflowRunProvider, { workflowId, initialRunId: runId, withoutTimeTravel: true, children: /* @__PURE__ */ jsx(WorkflowBadgeExtended, { workflowId, workflow, runId }) }),
         isStreaming && /* @__PURE__ */ jsx(WorkflowBadgeExtended, { workflowId, workflow, runId }),
         suspendPayloadSlot !== void 0 && suspendPayload && /* @__PURE__ */ jsxs("div", { children: [
@@ -92,7 +94,7 @@ const WorkflowBadge = ({
         /* @__PURE__ */ jsx(
           ToolApprovalButtons,
           {
-            toolCalled: toolCalled ?? !!status,
+            toolCalled: toolCalledOrFinished,
             toolCallId,
             toolApprovalMetadata,
             toolName,
@@ -100,7 +102,7 @@ const WorkflowBadge = ({
             isGenerateMode: metadata?.mode === "generate"
           }
         )
-      ]
+      ] })
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"workflow-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/workflow-badge.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { Eye } from 'lucide-react';\nimport { useContext, useEffect } from 'react';\nimport { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog';\nimport type { MessageMetadata } from '@/domains/chat';\n\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { LoadingBadge } from '@/domains/chat/components/loading-badge';\nimport { NetworkChoiceMetadataDialogTrigger } from '@/domains/chat/components/network-choice-metadata-dialog';\nimport { SectionLabel } from '@/domains/chat/components/section-label';\nimport type { ToolApprovalButtonsProps } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ToolApprovalButtons } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { useEntityRequestContext } from '@/domains/request-context/hooks/use-entity-request-context';\nimport {\n  WorkflowGraph,\n  WorkflowRunContext,\n  WorkflowSelectedStepProvider,\n  WorkflowStepDetailProvider,\n  useWorkflowStepDetail,\n} from '@/domains/workflows';\nimport { WorkflowStepDetailContent } from '@/domains/workflows/components/workflow-step-detail';\nimport { PlaygroundWorkflowRunProvider } from '@/domains/workflows/context/playground-workflow-run-provider';\nimport type { WorkflowRunStreamResult } from '@/domains/workflows/context/workflow-run-context';\nimport { useWorkflow } from '@/domains/workflows/hooks/use-workflow';\nimport { ToolCallMono } from '@/ds/components/ai/tool-call';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\nexport interface WorkflowBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  workflowId: string;\n  result?: any;\n  isStreaming?: boolean;\n  metadata?: MessageMetadata;\n  suspendPayload?: any;\n  toolCalled?: boolean;\n}\n\nexport const WorkflowBadge = ({\n  result,\n  workflowId,\n  isStreaming,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  suspendPayload,\n  toolName,\n  isNetwork,\n  toolCalled,\n}: WorkflowBadgeProps) => {\n  const { runId, status } = result || {};\n  const { data: workflow, isLoading: isWorkflowLoading } = useWorkflow(\n    workflowId,\n    useEntityRequestContext('workflow', workflowId)[0],\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 bgEntry =\n    (metadata?.mode === 'stream' || metadata?.mode === 'generate') && metadata?.backgroundTasks\n      ? metadata.backgroundTasks[toolCallId]\n      : undefined;\n\n  let suspendPayloadSlot =\n    typeof suspendPayload === 'string' ? (\n      <ToolCallMono copyText={suspendPayload} className=\"text-muted-foreground\">\n        {suspendPayload}\n      </ToolCallMono>\n    ) : (\n      <CodeEditor data={suspendPayload} data-testid=\"tool-suspend-payload\" />\n    );\n\n  if (isWorkflowLoading || !workflow) return <LoadingBadge />;\n\n  return (\n    <BadgeWrapper\n      data-testid=\"workflow-badge\"\n      icon={<WorkflowIcon className=\"text-accent3\" />}\n      title={workflow.name}\n      initialCollapsed={false}\n      extraInfo={\n        metadata?.mode === 'network' ? (\n          <NetworkChoiceMetadataDialogTrigger\n            selectionReason={selectionReason ?? ''}\n            input={agentNetworkInput as string | Record<string, unknown> | undefined}\n          />\n        ) : bgEntry?.taskId && bgEntry?.startedAt ? (\n          <BackgroundTaskMetadataDialogTrigger backgroundTask={bgEntry} />\n        ) : null\n      }\n    >\n      {!isStreaming && runId && (\n        <PlaygroundWorkflowRunProvider workflowId={workflowId} initialRunId={runId} withoutTimeTravel>\n          <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />\n        </PlaygroundWorkflowRunProvider>\n      )}\n\n      {isStreaming && <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />}\n\n      {suspendPayloadSlot !== undefined && suspendPayload && (\n        <div>\n          <SectionLabel>Workflow suspend payload</SectionLabel>\n          {suspendPayloadSlot}\n        </div>\n      )}\n\n      <ToolApprovalButtons\n        toolCalled={toolCalled ?? !!status}\n        toolCallId={toolCallId}\n        toolApprovalMetadata={toolApprovalMetadata}\n        toolName={toolName}\n        isNetwork={isNetwork}\n        isGenerateMode={metadata?.mode === 'generate'}\n      />\n    </BadgeWrapper>\n  );\n};\n\ninterface WorkflowBadgeExtendedProps {\n  workflowId: string;\n  runId?: string;\n  workflow: GetWorkflowResponse;\n}\n\nconst WorkflowBadgeExtended = ({ workflowId, workflow, runId }: WorkflowBadgeExtendedProps) => {\n  const requestContext = useEntityRequestContext('workflow', workflowId)[0];\n  const { Link } = useLinkComponent();\n  const { isLoadingRunExecutionResult } = useContext(WorkflowRunContext);\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 pb-2\">\n        <Button icon={<WorkflowIcon />} render={<Link href={`/workflows/${workflowId}/graph`} />}>\n          Go to workflow\n        </Button>\n        {runId && (\n          <Button icon={<Eye />} render={<Link href={`/workflows/${workflowId}/graph/${runId}`} />}>\n            See run\n          </Button>\n        )}\n      </div>\n\n      <WorkflowSelectedStepProvider>\n        <WorkflowStepDetailProvider>\n          <div className=\"h-[60vh] w-full overflow-hidden rounded-md\">\n            <WorkflowGraph\n              workflowId={workflowId}\n              workflow={workflow}\n              isLoading={isLoadingRunExecutionResult}\n              requestContext={requestContext}\n            />\n          </div>\n          <WorkflowBadgeStepDetail requestContext={requestContext} />\n        </WorkflowStepDetailProvider>\n      </WorkflowSelectedStepProvider>\n    </>\n  );\n};\n\nconst WorkflowBadgeStepDetail = ({ requestContext }: { requestContext: Record<string, any> }) => {\n  const { stepDetail } = useWorkflowStepDetail();\n  if (!stepDetail) return null;\n  return (\n    <div className=\"mt-2 flex max-h-[60vh] flex-col overflow-hidden rounded-md border border-border bg-background\">\n      <WorkflowStepDetailContent requestContext={requestContext} />\n    </div>\n  );\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const useWorkflowStream = (workflowFullState?: WorkflowRunStreamResult) => {\n  const { setResult } = useContext(WorkflowRunContext);\n\n  useEffect(() => {\n    if (!workflowFullState) return;\n    setResult(workflowFullState);\n  }, [workflowFullState, setResult]);\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"workflow-badge.es.js","sources":["../../../../../src/domains/chat/tools/badges/workflow-badge.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { Eye } from 'lucide-react';\nimport { useContext, useEffect } from 'react';\nimport { BackgroundTaskMetadataDialogTrigger } from './background-task-metadata-dialog';\nimport type { MessageMetadata } from '@/domains/chat';\n\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { LoadingBadge } from '@/domains/chat/components/loading-badge';\nimport { NetworkChoiceMetadataDialogTrigger } from '@/domains/chat/components/network-choice-metadata-dialog';\nimport { SectionLabel } from '@/domains/chat/components/section-label';\nimport { awaitsToolApproval } from '@/domains/chat/tools/badges/awaits-tool-approval';\nimport type { ToolApprovalButtonsProps } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { ToolApprovalButtons } from '@/domains/chat/tools/badges/tool-approval-buttons';\nimport { useEntityRequestContext } from '@/domains/request-context/hooks/use-entity-request-context';\nimport {\n  WorkflowGraph,\n  WorkflowRunContext,\n  WorkflowSelectedStepProvider,\n  WorkflowStepDetailProvider,\n  useWorkflowStepDetail,\n} from '@/domains/workflows';\nimport { WorkflowStepDetailContent } from '@/domains/workflows/components/workflow-step-detail';\nimport { PlaygroundWorkflowRunProvider } from '@/domains/workflows/context/playground-workflow-run-provider';\nimport type { WorkflowRunStreamResult } from '@/domains/workflows/context/workflow-run-context';\nimport { useWorkflow } from '@/domains/workflows/hooks/use-workflow';\nimport { ToolCallMono } from '@/ds/components/ai/tool-call';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { useLinkComponent } from '@/lib/framework';\n\nexport interface WorkflowBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {\n  workflowId: string;\n  result?: any;\n  isStreaming?: boolean;\n  metadata?: MessageMetadata;\n  suspendPayload?: any;\n  toolCalled?: boolean;\n}\n\nexport const WorkflowBadge = ({\n  result,\n  workflowId,\n  isStreaming,\n  metadata,\n  toolCallId,\n  toolApprovalMetadata,\n  suspendPayload,\n  toolName,\n  isNetwork,\n  toolCalled,\n}: WorkflowBadgeProps) => {\n  const { runId, status } = result || {};\n  const { data: workflow, isLoading: isWorkflowLoading } = useWorkflow(\n    workflowId,\n    useEntityRequestContext('workflow', workflowId)[0],\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 bgEntry =\n    (metadata?.mode === 'stream' || metadata?.mode === 'generate') && metadata?.backgroundTasks\n      ? metadata.backgroundTasks[toolCallId]\n      : undefined;\n\n  let suspendPayloadSlot =\n    typeof suspendPayload === 'string' ? (\n      <ToolCallMono copyText={suspendPayload} className=\"text-muted-foreground\">\n        {suspendPayload}\n      </ToolCallMono>\n    ) : (\n      <CodeEditor data={suspendPayload} data-testid=\"tool-suspend-payload\" />\n    );\n\n  if (isWorkflowLoading || !workflow) return <LoadingBadge />;\n\n  const toolCalledOrFinished = toolCalled ?? !!status;\n  const showsRun = isStreaming || Boolean(runId);\n  const hasBody =\n    showsRun ||\n    Boolean(suspendPayload) ||\n    awaitsToolApproval({ toolApprovalMetadata, toolCalled: toolCalledOrFinished });\n\n  return (\n    <BadgeWrapper\n      data-testid=\"workflow-badge\"\n      icon={<WorkflowIcon className=\"text-span-workflow\" />}\n      title={workflow.name}\n      initialCollapsed={false}\n      extraInfo={\n        metadata?.mode === 'network' ? (\n          <NetworkChoiceMetadataDialogTrigger\n            selectionReason={selectionReason ?? ''}\n            input={agentNetworkInput as string | Record<string, unknown> | undefined}\n          />\n        ) : bgEntry?.taskId && bgEntry?.startedAt ? (\n          <BackgroundTaskMetadataDialogTrigger backgroundTask={bgEntry} />\n        ) : null\n      }\n    >\n      {hasBody && (\n        <>\n          {!isStreaming && runId && (\n            <PlaygroundWorkflowRunProvider workflowId={workflowId} initialRunId={runId} withoutTimeTravel>\n              <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />\n            </PlaygroundWorkflowRunProvider>\n          )}\n\n          {isStreaming && <WorkflowBadgeExtended workflowId={workflowId} workflow={workflow} runId={runId} />}\n\n          {suspendPayloadSlot !== undefined && suspendPayload && (\n            <div>\n              <SectionLabel>Workflow suspend payload</SectionLabel>\n              {suspendPayloadSlot}\n            </div>\n          )}\n\n          <ToolApprovalButtons\n            toolCalled={toolCalledOrFinished}\n            toolCallId={toolCallId}\n            toolApprovalMetadata={toolApprovalMetadata}\n            toolName={toolName}\n            isNetwork={isNetwork}\n            isGenerateMode={metadata?.mode === 'generate'}\n          />\n        </>\n      )}\n    </BadgeWrapper>\n  );\n};\n\ninterface WorkflowBadgeExtendedProps {\n  workflowId: string;\n  runId?: string;\n  workflow: GetWorkflowResponse;\n}\n\nconst WorkflowBadgeExtended = ({ workflowId, workflow, runId }: WorkflowBadgeExtendedProps) => {\n  const requestContext = useEntityRequestContext('workflow', workflowId)[0];\n  const { Link } = useLinkComponent();\n  const { isLoadingRunExecutionResult } = useContext(WorkflowRunContext);\n\n  return (\n    <>\n      <div className=\"flex items-center gap-2 pb-2\">\n        <Button icon={<WorkflowIcon />} render={<Link href={`/workflows/${workflowId}/graph`} />}>\n          Go to workflow\n        </Button>\n        {runId && (\n          <Button icon={<Eye />} render={<Link href={`/workflows/${workflowId}/graph/${runId}`} />}>\n            See run\n          </Button>\n        )}\n      </div>\n\n      <WorkflowSelectedStepProvider>\n        <WorkflowStepDetailProvider>\n          <div className=\"h-[60vh] w-full overflow-hidden rounded-md\">\n            <WorkflowGraph\n              workflowId={workflowId}\n              workflow={workflow}\n              isLoading={isLoadingRunExecutionResult}\n              requestContext={requestContext}\n            />\n          </div>\n          <WorkflowBadgeStepDetail requestContext={requestContext} />\n        </WorkflowStepDetailProvider>\n      </WorkflowSelectedStepProvider>\n    </>\n  );\n};\n\nconst WorkflowBadgeStepDetail = ({ requestContext }: { requestContext: Record<string, any> }) => {\n  const { stepDetail } = useWorkflowStepDetail();\n  if (!stepDetail) return null;\n  return (\n    <div className=\"mt-2 flex max-h-[60vh] flex-col overflow-hidden rounded-md border border-border bg-background\">\n      <WorkflowStepDetailContent requestContext={requestContext} />\n    </div>\n  );\n};\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport const useWorkflowStream = (workflowFullState?: WorkflowRunStreamResult) => {\n  const { setResult } = useContext(WorkflowRunContext);\n\n  useEffect(() => {\n    if (!workflowFullState) return;\n    setResult(workflowFullState);\n  }, [workflowFullState, setResult]);\n};\n"],"names":[],"mappings":"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"}

package/dist/domains/chat/tools/badges/workspace-data-parts.cjs.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const domains_chat_messages_signalData = require('../../messages/signal-data.cjs.js');
+
+function parseToolArgs(args) {
+  if (typeof args !== "string") return args;
+  try {
+    const parsed = JSON.parse(args);
+    return domains_chat_messages_signalData.isRecord(parsed) ? parsed : {};
+  } catch {
+    return {};
+  }
+}
+function toolDataParts(dataParts, name, toolCallId) {
+  return (dataParts ?? []).filter(
+    (part) => part.type === "data" && part.name === name && part.data?.toolCallId === toolCallId
+  );
+}
+function workspaceMetadata(dataParts, toolCallId) {
+  return toolDataParts(dataParts, "workspace-metadata", toolCallId)[0]?.data;
+}
+
+exports.parseToolArgs = parseToolArgs;
+exports.toolDataParts = toolDataParts;
+exports.workspaceMetadata = workspaceMetadata;
+//# sourceMappingURL=workspace-data-parts.cjs.js.map

package/dist/domains/chat/tools/badges/workspace-data-parts.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-data-parts.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/workspace-data-parts.ts"],"sourcesContent":["import type { DataMessagePart } from '../tool-card';\nimport { isRecord } from '@/domains/chat/messages/signal-data';\n\ninterface WorkspaceResource {\n  id?: string;\n  name?: string;\n  provider?: string;\n  status?: string;\n}\n\n/** Shape of `workspace.getInfo()`, written by workspace tools as a `workspace-metadata` data part. */\nexport interface WorkspaceMetadata {\n  toolName?: string;\n  id?: string;\n  name?: string;\n  status?: string;\n  filesystem?: WorkspaceResource;\n  sandbox?: WorkspaceResource;\n}\n\nexport function parseToolArgs(args: Record<string, unknown> | string): Record<string, unknown> {\n  if (typeof args !== 'string') return args;\n  try {\n    const parsed: unknown = JSON.parse(args);\n    return isRecord(parsed) ? parsed : {};\n  } catch {\n    return {};\n  }\n}\n\nexport function toolDataParts(\n  dataParts: ReadonlyArray<DataMessagePart> | undefined,\n  name: string,\n  toolCallId: string,\n): DataMessagePart[] {\n  return (dataParts ?? []).filter(\n    part => part.type === 'data' && part.name === name && part.data?.toolCallId === toolCallId,\n  );\n}\n\nexport function workspaceMetadata(\n  dataParts: ReadonlyArray<DataMessagePart> | undefined,\n  toolCallId: string,\n): WorkspaceMetadata | undefined {\n  return toolDataParts(dataParts, 'workspace-metadata', toolCallId)[0]?.data;\n}\n"],"names":["isRecord"],"mappings":";;;;;;AAoBO,SAAS,cAAc,IAAA,EAAiE;AAC7F,EAAA,IAAI,OAAO,IAAA,KAAS,QAAA,EAAU,OAAO,IAAA;AACrC,EAAA,IAAI;AACF,IAAA,MAAM,MAAA,GAAkB,IAAA,CAAK,KAAA,CAAM,IAAI,CAAA;AACvC,IAAA,OAAOA,yCAAA,CAAS,MAAM,CAAA,GAAI,MAAA,GAAS,EAAC;AAAA,EACtC,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,EAAC;AAAA,EACV;AACF;AAEO,SAAS,aAAA,CACd,SAAA,EACA,IAAA,EACA,UAAA,EACmB;AACnB,EAAA,OAAA,CAAQ,SAAA,IAAa,EAAC,EAAG,MAAA;AAAA,IACvB,CAAA,IAAA,KAAQ,KAAK,IAAA,KAAS,MAAA,IAAU,KAAK,IAAA,KAAS,IAAA,IAAQ,IAAA,CAAK,IAAA,EAAM,UAAA,KAAe;AAAA,GAClF;AACF;AAEO,SAAS,iBAAA,CACd,WACA,UAAA,EAC+B;AAC/B,EAAA,OAAO,cAAc,SAAA,EAAW,oBAAA,EAAsB,UAAU,CAAA,CAAE,CAAC,CAAA,EAAG,IAAA;AACxE;;;;;;"}

package/dist/domains/chat/tools/badges/workspace-data-parts.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../src/domains/chat/tools/badges/workspace-data-parts'
+export {}

package/dist/domains/chat/tools/badges/workspace-data-parts.es.js

@@ -0,0 +1,22 @@
+import { isRecord } from '../../messages/signal-data.es.js';
+
+function parseToolArgs(args) {
+  if (typeof args !== "string") return args;
+  try {
+    const parsed = JSON.parse(args);
+    return isRecord(parsed) ? parsed : {};
+  } catch {
+    return {};
+  }
+}
+function toolDataParts(dataParts, name, toolCallId) {
+  return (dataParts ?? []).filter(
+    (part) => part.type === "data" && part.name === name && part.data?.toolCallId === toolCallId
+  );
+}
+function workspaceMetadata(dataParts, toolCallId) {
+  return toolDataParts(dataParts, "workspace-metadata", toolCallId)[0]?.data;
+}
+
+export { parseToolArgs, toolDataParts, workspaceMetadata };
+//# sourceMappingURL=workspace-data-parts.es.js.map

package/dist/domains/chat/tools/badges/workspace-data-parts.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-data-parts.es.js","sources":["../../../../../src/domains/chat/tools/badges/workspace-data-parts.ts"],"sourcesContent":["import type { DataMessagePart } from '../tool-card';\nimport { isRecord } from '@/domains/chat/messages/signal-data';\n\ninterface WorkspaceResource {\n  id?: string;\n  name?: string;\n  provider?: string;\n  status?: string;\n}\n\n/** Shape of `workspace.getInfo()`, written by workspace tools as a `workspace-metadata` data part. */\nexport interface WorkspaceMetadata {\n  toolName?: string;\n  id?: string;\n  name?: string;\n  status?: string;\n  filesystem?: WorkspaceResource;\n  sandbox?: WorkspaceResource;\n}\n\nexport function parseToolArgs(args: Record<string, unknown> | string): Record<string, unknown> {\n  if (typeof args !== 'string') return args;\n  try {\n    const parsed: unknown = JSON.parse(args);\n    return isRecord(parsed) ? parsed : {};\n  } catch {\n    return {};\n  }\n}\n\nexport function toolDataParts(\n  dataParts: ReadonlyArray<DataMessagePart> | undefined,\n  name: string,\n  toolCallId: string,\n): DataMessagePart[] {\n  return (dataParts ?? []).filter(\n    part => part.type === 'data' && part.name === name && part.data?.toolCallId === toolCallId,\n  );\n}\n\nexport function workspaceMetadata(\n  dataParts: ReadonlyArray<DataMessagePart> | undefined,\n  toolCallId: string,\n): WorkspaceMetadata | undefined {\n  return toolDataParts(dataParts, 'workspace-metadata', toolCallId)[0]?.data;\n}\n"],"names":[],"mappings":";;AAoBO,SAAS,cAAc,IAAA,EAAiE;AAC7F,EAAA,IAAI,OAAO,IAAA,KAAS,QAAA,EAAU,OAAO,IAAA;AACrC,EAAA,IAAI;AACF,IAAA,MAAM,MAAA,GAAkB,IAAA,CAAK,KAAA,CAAM,IAAI,CAAA;AACvC,IAAA,OAAO,QAAA,CAAS,MAAM,CAAA,GAAI,MAAA,GAAS,EAAC;AAAA,EACtC,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,EAAC;AAAA,EACV;AACF;AAEO,SAAS,aAAA,CACd,SAAA,EACA,IAAA,EACA,UAAA,EACmB;AACnB,EAAA,OAAA,CAAQ,SAAA,IAAa,EAAC,EAAG,MAAA;AAAA,IACvB,CAAA,IAAA,KAAQ,KAAK,IAAA,KAAS,MAAA,IAAU,KAAK,IAAA,KAAS,IAAA,IAAQ,IAAA,CAAK,IAAA,EAAM,UAAA,KAAe;AAAA,GAClF;AACF;AAEO,SAAS,iBAAA,CACd,WACA,UAAA,EAC+B;AAC/B,EAAA,OAAO,cAAc,SAAA,EAAW,oBAAA,EAAsB,UAAU,CAAA,CAAE,CAAC,CAAA,EAAG,IAAA;AACxE;;;;"}

package/dist/domains/chat/tools/badges/workspace-link.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const Txt = require('../../../../Txt-DPmEpNbp.cjs');
+const lib_framework = require('../../../../lib/framework.cjs.js');
+
+const WorkspaceLink = ({ href, icon, children }) => {
+  const { Link } = lib_framework.useLinkComponent();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Link,
+    {
+      href,
+      className: "flex min-w-0 items-center gap-1 rounded-md px-1.5 py-0.5 text-muted-foreground transition-colors hover:bg-fill hover:text-foreground",
+      children: [
+        icon,
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", className: "truncate", children })
+      ]
+    }
+  );
+};
+
+exports.WorkspaceLink = WorkspaceLink;
+//# sourceMappingURL=workspace-link.cjs.js.map

package/dist/domains/chat/tools/badges/workspace-link.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-link.cjs.js","sources":["../../../../../src/domains/chat/tools/badges/workspace-link.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { useLinkComponent } from '@/lib/framework';\n\nexport interface WorkspaceLinkProps {\n  href: string;\n  icon: ReactNode;\n  children: ReactNode;\n}\n\nexport const WorkspaceLink = ({ href, icon, children }: WorkspaceLinkProps) => {\n  const { Link } = useLinkComponent();\n\n  return (\n    <Link\n      href={href}\n      className=\"flex min-w-0 items-center gap-1 rounded-md px-1.5 py-0.5 text-muted-foreground transition-colors hover:bg-fill hover:text-foreground\"\n    >\n      {icon}\n      <Txt as=\"span\" variant=\"meta\" className=\"truncate\">\n        {children}\n      </Txt>\n    </Link>\n  );\n};\n"],"names":["useLinkComponent","jsxs","jsx","Txt"],"mappings":";;;;;;;;AAUO,MAAM,gBAAgB,CAAC,EAAE,IAAA,EAAM,IAAA,EAAM,UAAS,KAA0B;AAC7E,EAAA,MAAM,EAAE,IAAA,EAAK,GAAIA,8BAAA,EAAiB;AAElC,EAAA,uBACEC,eAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,SAAA,EAAU,sIAAA;AAAA,MAET,QAAA,EAAA;AAAA,QAAA,IAAA;AAAA,wBACDC,cAAA,CAACC,WAAI,EAAA,EAAG,MAAA,EAAO,SAAQ,MAAA,EAAO,SAAA,EAAU,YACrC,QAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/domains/chat/tools/badges/workspace-link.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../../src/domains/chat/tools/badges/workspace-link'
+export {}

package/dist/domains/chat/tools/badges/workspace-link.es.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
+import { useLinkComponent } from '../../../../lib/framework.es.js';
+
+const WorkspaceLink = ({ href, icon, children }) => {
+  const { Link } = useLinkComponent();
+  return /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href,
+      className: "flex min-w-0 items-center gap-1 rounded-md px-1.5 py-0.5 text-muted-foreground transition-colors hover:bg-fill hover:text-foreground",
+      children: [
+        icon,
+        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", className: "truncate", children })
+      ]
+    }
+  );
+};
+
+export { WorkspaceLink };
+//# sourceMappingURL=workspace-link.es.js.map

package/dist/domains/chat/tools/badges/workspace-link.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-link.es.js","sources":["../../../../../src/domains/chat/tools/badges/workspace-link.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { useLinkComponent } from '@/lib/framework';\n\nexport interface WorkspaceLinkProps {\n  href: string;\n  icon: ReactNode;\n  children: ReactNode;\n}\n\nexport const WorkspaceLink = ({ href, icon, children }: WorkspaceLinkProps) => {\n  const { Link } = useLinkComponent();\n\n  return (\n    <Link\n      href={href}\n      className=\"flex min-w-0 items-center gap-1 rounded-md px-1.5 py-0.5 text-muted-foreground transition-colors hover:bg-fill hover:text-foreground\"\n    >\n      {icon}\n      <Txt as=\"span\" variant=\"meta\" className=\"truncate\">\n        {children}\n      </Txt>\n    </Link>\n  );\n};\n"],"names":[],"mappings":";;;;AAUO,MAAM,gBAAgB,CAAC,EAAE,IAAA,EAAM,IAAA,EAAM,UAAS,KAA0B;AAC7E,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,gBAAA,EAAiB;AAElC,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,SAAA,EAAU,sIAAA;AAAA,MAET,QAAA,EAAA;AAAA,QAAA,IAAA;AAAA,wBACD,GAAA,CAAC,OAAI,EAAA,EAAG,MAAA,EAAO,SAAQ,MAAA,EAAO,SAAA,EAAU,YACrC,QAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}