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

package/dist/domains/workflows/workflow/workflow-run-header.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-run-header.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-run-header.tsx"],"sourcesContent":["import type { WorkflowRunStatus } from '@mastra/core/workflows';\nimport { Pause, Timer } from 'lucide-react';\nimport { WorkflowRunStatusIcon } from '../components/workflow-run-status-icon';\nimport type { WorkflowRunStreamResult } from '../context/workflow-run-context';\nimport type { WorkflowRunTiming } from '../context/workflow-step-timing';\nimport { resolveRunTiming } from '../context/workflow-step-timing';\nimport { Badge } from '@/ds/components/Badge';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { RelativeTimestamp } from '@/ds/components/RelativeTimestamp';\nimport { Txt } from '@/ds/components/Txt';\nimport { useTimeDiff } from '@/hooks/use-time-diff';\nimport { formatDuration } from '@/utils/duration';\n\nfunction formatRunStatus(status?: WorkflowRunStatus) {\n  if (!status) return 'Run';\n  return status.charAt(0).toUpperCase() + status.slice(1);\n}\n\nexport function WorkflowRunStatusBadge({ status }: { status?: WorkflowRunStatus }) {\n  return (\n    <Badge\n      size=\"md\"\n      variant={status === 'paused' ? 'yellow' : 'neutral'}\n      emphasis=\"muted\"\n      icon={status && <WorkflowRunStatusIcon status={status} />}\n    >\n      {formatRunStatus(status)}\n    </Badge>\n  );\n}\n\nfunction RunDuration({ span, spansSuspension }: Omit<WorkflowRunTiming, 'waitingSince'>) {\n  const elapsed = formatDuration(useTimeDiff(span));\n\n  return (\n    <span\n      className=\"flex items-center gap-1.5 text-meta text-muted-foreground\"\n      title={spansSuspension ? 'Run duration, including time spent suspended' : 'Run duration'}\n    >\n      <Timer aria-hidden className=\"size-3.5\" />\n      <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n        {elapsed}\n      </Txt>\n    </span>\n  );\n}\n\nfunction RunWaiting({ since }: { since: number }) {\n  const waiting = formatDuration(useTimeDiff({ startedAt: since }));\n\n  return (\n    <span className=\"flex items-center gap-1.5 text-meta text-accent3 tabular-nums\" title=\"Waiting for input\">\n      <Pause aria-hidden className=\"size-3.5\" />\n      {waiting}\n    </span>\n  );\n}\n\nexport function RunWorkflowHeader({\n  runId,\n  status,\n  result,\n  timestamp,\n  resourceId,\n}: {\n  runId: string;\n  status?: WorkflowRunStatus;\n  result: WorkflowRunStreamResult | null;\n  timestamp?: number;\n  resourceId?: string;\n}) {\n  const timing = resolveRunTiming(result?.steps, status);\n\n  return (\n    <div className=\"flex w-full flex-col gap-2 px-5\">\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n          <WorkflowRunStatusBadge status={status} />\n          {resourceId && (\n            <Badge size=\"md\" variant=\"neutral\" emphasis=\"muted\" className=\"min-w-0\">\n              <span className=\"min-w-0 truncate\" title={`Resource ${resourceId}`}>\n                {resourceId}\n              </span>\n            </Badge>\n          )}\n        </div>\n        <div className=\"flex items-center gap-3\">\n          {timing?.waitingSince !== undefined && <RunWaiting since={timing.waitingSince} />}\n          {timing && <RunDuration span={timing.span} spansSuspension={timing.spansSuspension} />}\n        </div>\n      </div>\n      <div className=\"flex min-w-0 items-center gap-1 text-meta text-muted-foreground\">\n        <Txt as=\"span\" variant=\"meta\" font=\"mono\" className=\"min-w-0 truncate\" title={runId}>\n          {runId}\n        </Txt>\n        <CopyButton content={runId} tooltip=\"Copy run ID\" variant=\"ghost\" size=\"icon-sm\" className=\"shrink-0\" />\n        {timestamp !== undefined && Number.isFinite(timestamp) ? (\n          <RelativeTimestamp value={timestamp} className=\"ml-auto shrink-0\" />\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsx","Badge","WorkflowRunStatusIcon","formatDuration","useTimeDiff","jsxs","Timer","Txt","Pause","resolveRunTiming","CopyButton","RelativeTimestamp"],"mappings":"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"}
+{"version":3,"file":"workflow-run-header.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-run-header.tsx"],"sourcesContent":["import type { WorkflowRunStatus } from '@mastra/core/workflows';\nimport { Pause, Timer } from 'lucide-react';\nimport { WorkflowRunStatusIcon } from '../components/workflow-run-status-icon';\nimport type { WorkflowRunStreamResult } from '../context/workflow-run-context';\nimport type { WorkflowRunTiming } from '../context/workflow-step-timing';\nimport { resolveRunTiming } from '../context/workflow-step-timing';\nimport { workflowStatusTone } from '../workflow-status-tone';\nimport { Badge } from '@/ds/components/Badge';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { RelativeTimestamp } from '@/ds/components/RelativeTimestamp';\nimport { Txt } from '@/ds/components/Txt';\nimport { useTimeDiff } from '@/hooks/use-time-diff';\nimport { formatDuration } from '@/utils/duration';\n\nfunction formatRunStatus(status?: WorkflowRunStatus) {\n  if (!status) return 'Run';\n  return status.charAt(0).toUpperCase() + status.slice(1);\n}\n\nexport function WorkflowRunStatusBadge({ status }: { status?: WorkflowRunStatus }) {\n  return (\n    <Badge\n      size=\"md\"\n      variant={workflowStatusTone(status)}\n      emphasis=\"subtle\"\n      icon={status && <WorkflowRunStatusIcon status={status} />}\n    >\n      {formatRunStatus(status)}\n    </Badge>\n  );\n}\n\nfunction RunDuration({ span, spansSuspension }: Omit<WorkflowRunTiming, 'waitingSince'>) {\n  const elapsed = formatDuration(useTimeDiff(span));\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      tone=\"muted\"\n      className=\"flex items-center gap-1.5\"\n      title={spansSuspension ? 'Run duration, including time spent suspended' : 'Run duration'}\n    >\n      <Timer aria-hidden className=\"size-3.5\" />\n      <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n        {elapsed}\n      </Txt>\n    </Txt>\n  );\n}\n\nfunction RunWaiting({ since }: { since: number }) {\n  const waiting = formatDuration(useTimeDiff({ startedAt: since }));\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      className=\"flex items-center gap-1.5 text-warning-indicator tabular-nums\"\n      title=\"Waiting for input\"\n    >\n      <Pause aria-hidden className=\"size-3.5\" />\n      {waiting}\n    </Txt>\n  );\n}\n\nexport function RunWorkflowHeader({\n  runId,\n  status,\n  result,\n  timestamp,\n  resourceId,\n}: {\n  runId: string;\n  status?: WorkflowRunStatus;\n  result: WorkflowRunStreamResult | null;\n  timestamp?: number;\n  resourceId?: string;\n}) {\n  const timing = resolveRunTiming(result?.steps, status);\n\n  return (\n    <div className=\"flex w-full flex-col gap-2 px-5\">\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n          <WorkflowRunStatusBadge status={status} />\n          {resourceId && (\n            <Badge size=\"md\" variant=\"neutral\" emphasis=\"subtle\" className=\"min-w-0\">\n              <span className=\"min-w-0 truncate\" title={`Resource ${resourceId}`}>\n                {resourceId}\n              </span>\n            </Badge>\n          )}\n        </div>\n        <div className=\"flex items-center gap-3\">\n          {timing?.waitingSince !== undefined && <RunWaiting since={timing.waitingSince} />}\n          {timing && <RunDuration span={timing.span} spansSuspension={timing.spansSuspension} />}\n        </div>\n      </div>\n      <div className=\"flex min-w-0 items-center gap-1 text-meta text-muted-foreground\">\n        <Txt as=\"span\" variant=\"meta\" font=\"mono\" className=\"min-w-0 truncate\" title={runId}>\n          {runId}\n        </Txt>\n        <CopyButton content={runId} tooltip=\"Copy run ID\" variant=\"ghost\" size=\"icon-sm\" className=\"shrink-0\" />\n        {timestamp !== undefined && Number.isFinite(timestamp) ? (\n          <RelativeTimestamp value={timestamp} className=\"ml-auto shrink-0\" />\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsx","Badge","workflowStatusTone","WorkflowRunStatusIcon","formatDuration","useTimeDiff","jsxs","Txt","Timer","Pause","resolveRunTiming","CopyButton","RelativeTimestamp"],"mappings":"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"}

package/dist/domains/workflows/workflow/workflow-run-header.es.js

@@ -2,9 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Pause, Timer } from 'lucide-react';
 import { WorkflowRunStatusIcon } from '../components/workflow-run-status-icon.es.js';
 import { resolveRunTiming } from '../context/workflow-step-timing.es.js';
-import { B as Badge } from '../../../Badge-Bzn8Z-_I.js';
-import { C as CopyButton } from '../../../copy-button-u3gk4RoJ.js';
-import { R as RelativeTimestamp } from '../../../relative-timestamp-DXBeY2hD.js';
+import { workflowStatusTone } from '../workflow-status-tone.es.js';
+import { B as Badge } from '../../../Badge-Q_pCeeGW.js';
+import { C as CopyButton } from '../../../copy-button-DbmsTUum.js';
+import { R as RelativeTimestamp } from '../../../relative-timestamp-wERh5vUE.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { useTimeDiff } from '../../../hooks/use-time-diff.es.js';
 import { formatDuration } from '../../../utils/duration.es.js';
@@ -18,8 +19,8 @@ function WorkflowRunStatusBadge({ status }) {
     Badge,
     {
       size: "md",
-      variant: status === "paused" ? "yellow" : "neutral",
-      emphasis: "muted",
+      variant: workflowStatusTone(status),
+      emphasis: "subtle",
       icon: status && /* @__PURE__ */ jsx(WorkflowRunStatusIcon, { status }),
       children: formatRunStatus(status)
     }
@@ -28,9 +29,12 @@ function WorkflowRunStatusBadge({ status }) {
 function RunDuration({ span, spansSuspension }) {
   const elapsed = formatDuration(useTimeDiff(span));
   return /* @__PURE__ */ jsxs(
-    "span",
+    Txt,
     {
-      className: "flex items-center gap-1.5 text-meta text-muted-foreground",
+      as: "span",
+      variant: "meta",
+      tone: "muted",
+      className: "flex items-center gap-1.5",
       title: spansSuspension ? "Run duration, including time spent suspended" : "Run duration",
       children: [
         /* @__PURE__ */ jsx(Timer, { "aria-hidden": true, className: "size-3.5" }),
@@ -41,10 +45,19 @@ function RunDuration({ span, spansSuspension }) {
 }
 function RunWaiting({ since }) {
   const waiting = formatDuration(useTimeDiff({ startedAt: since }));
-  return /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-meta text-accent3 tabular-nums", title: "Waiting for input", children: [
-    /* @__PURE__ */ jsx(Pause, { "aria-hidden": true, className: "size-3.5" }),
-    waiting
-  ] });
+  return /* @__PURE__ */ jsxs(
+    Txt,
+    {
+      as: "span",
+      variant: "meta",
+      className: "flex items-center gap-1.5 text-warning-indicator tabular-nums",
+      title: "Waiting for input",
+      children: [
+        /* @__PURE__ */ jsx(Pause, { "aria-hidden": true, className: "size-3.5" }),
+        waiting
+      ]
+    }
+  );
 }
 function RunWorkflowHeader({
   runId,
@@ -58,7 +71,7 @@ function RunWorkflowHeader({
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
         /* @__PURE__ */ jsx(WorkflowRunStatusBadge, { status }),
-        resourceId && /* @__PURE__ */ jsx(Badge, { size: "md", variant: "neutral", emphasis: "muted", className: "min-w-0", children: /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", title: `Resource ${resourceId}`, children: resourceId }) })
+        resourceId && /* @__PURE__ */ jsx(Badge, { size: "md", variant: "neutral", emphasis: "subtle", className: "min-w-0", children: /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", title: `Resource ${resourceId}`, children: resourceId }) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
         timing?.waitingSince !== void 0 && /* @__PURE__ */ jsx(RunWaiting, { since: timing.waitingSince }),

package/dist/domains/workflows/workflow/workflow-run-header.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-run-header.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-run-header.tsx"],"sourcesContent":["import type { WorkflowRunStatus } from '@mastra/core/workflows';\nimport { Pause, Timer } from 'lucide-react';\nimport { WorkflowRunStatusIcon } from '../components/workflow-run-status-icon';\nimport type { WorkflowRunStreamResult } from '../context/workflow-run-context';\nimport type { WorkflowRunTiming } from '../context/workflow-step-timing';\nimport { resolveRunTiming } from '../context/workflow-step-timing';\nimport { Badge } from '@/ds/components/Badge';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { RelativeTimestamp } from '@/ds/components/RelativeTimestamp';\nimport { Txt } from '@/ds/components/Txt';\nimport { useTimeDiff } from '@/hooks/use-time-diff';\nimport { formatDuration } from '@/utils/duration';\n\nfunction formatRunStatus(status?: WorkflowRunStatus) {\n  if (!status) return 'Run';\n  return status.charAt(0).toUpperCase() + status.slice(1);\n}\n\nexport function WorkflowRunStatusBadge({ status }: { status?: WorkflowRunStatus }) {\n  return (\n    <Badge\n      size=\"md\"\n      variant={status === 'paused' ? 'yellow' : 'neutral'}\n      emphasis=\"muted\"\n      icon={status && <WorkflowRunStatusIcon status={status} />}\n    >\n      {formatRunStatus(status)}\n    </Badge>\n  );\n}\n\nfunction RunDuration({ span, spansSuspension }: Omit<WorkflowRunTiming, 'waitingSince'>) {\n  const elapsed = formatDuration(useTimeDiff(span));\n\n  return (\n    <span\n      className=\"flex items-center gap-1.5 text-meta text-muted-foreground\"\n      title={spansSuspension ? 'Run duration, including time spent suspended' : 'Run duration'}\n    >\n      <Timer aria-hidden className=\"size-3.5\" />\n      <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n        {elapsed}\n      </Txt>\n    </span>\n  );\n}\n\nfunction RunWaiting({ since }: { since: number }) {\n  const waiting = formatDuration(useTimeDiff({ startedAt: since }));\n\n  return (\n    <span className=\"flex items-center gap-1.5 text-meta text-accent3 tabular-nums\" title=\"Waiting for input\">\n      <Pause aria-hidden className=\"size-3.5\" />\n      {waiting}\n    </span>\n  );\n}\n\nexport function RunWorkflowHeader({\n  runId,\n  status,\n  result,\n  timestamp,\n  resourceId,\n}: {\n  runId: string;\n  status?: WorkflowRunStatus;\n  result: WorkflowRunStreamResult | null;\n  timestamp?: number;\n  resourceId?: string;\n}) {\n  const timing = resolveRunTiming(result?.steps, status);\n\n  return (\n    <div className=\"flex w-full flex-col gap-2 px-5\">\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n          <WorkflowRunStatusBadge status={status} />\n          {resourceId && (\n            <Badge size=\"md\" variant=\"neutral\" emphasis=\"muted\" className=\"min-w-0\">\n              <span className=\"min-w-0 truncate\" title={`Resource ${resourceId}`}>\n                {resourceId}\n              </span>\n            </Badge>\n          )}\n        </div>\n        <div className=\"flex items-center gap-3\">\n          {timing?.waitingSince !== undefined && <RunWaiting since={timing.waitingSince} />}\n          {timing && <RunDuration span={timing.span} spansSuspension={timing.spansSuspension} />}\n        </div>\n      </div>\n      <div className=\"flex min-w-0 items-center gap-1 text-meta text-muted-foreground\">\n        <Txt as=\"span\" variant=\"meta\" font=\"mono\" className=\"min-w-0 truncate\" title={runId}>\n          {runId}\n        </Txt>\n        <CopyButton content={runId} tooltip=\"Copy run ID\" variant=\"ghost\" size=\"icon-sm\" className=\"shrink-0\" />\n        {timestamp !== undefined && Number.isFinite(timestamp) ? (\n          <RelativeTimestamp value={timestamp} className=\"ml-auto shrink-0\" />\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"workflow-run-header.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-run-header.tsx"],"sourcesContent":["import type { WorkflowRunStatus } from '@mastra/core/workflows';\nimport { Pause, Timer } from 'lucide-react';\nimport { WorkflowRunStatusIcon } from '../components/workflow-run-status-icon';\nimport type { WorkflowRunStreamResult } from '../context/workflow-run-context';\nimport type { WorkflowRunTiming } from '../context/workflow-step-timing';\nimport { resolveRunTiming } from '../context/workflow-step-timing';\nimport { workflowStatusTone } from '../workflow-status-tone';\nimport { Badge } from '@/ds/components/Badge';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { RelativeTimestamp } from '@/ds/components/RelativeTimestamp';\nimport { Txt } from '@/ds/components/Txt';\nimport { useTimeDiff } from '@/hooks/use-time-diff';\nimport { formatDuration } from '@/utils/duration';\n\nfunction formatRunStatus(status?: WorkflowRunStatus) {\n  if (!status) return 'Run';\n  return status.charAt(0).toUpperCase() + status.slice(1);\n}\n\nexport function WorkflowRunStatusBadge({ status }: { status?: WorkflowRunStatus }) {\n  return (\n    <Badge\n      size=\"md\"\n      variant={workflowStatusTone(status)}\n      emphasis=\"subtle\"\n      icon={status && <WorkflowRunStatusIcon status={status} />}\n    >\n      {formatRunStatus(status)}\n    </Badge>\n  );\n}\n\nfunction RunDuration({ span, spansSuspension }: Omit<WorkflowRunTiming, 'waitingSince'>) {\n  const elapsed = formatDuration(useTimeDiff(span));\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      tone=\"muted\"\n      className=\"flex items-center gap-1.5\"\n      title={spansSuspension ? 'Run duration, including time spent suspended' : 'Run duration'}\n    >\n      <Timer aria-hidden className=\"size-3.5\" />\n      <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n        {elapsed}\n      </Txt>\n    </Txt>\n  );\n}\n\nfunction RunWaiting({ since }: { since: number }) {\n  const waiting = formatDuration(useTimeDiff({ startedAt: since }));\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      className=\"flex items-center gap-1.5 text-warning-indicator tabular-nums\"\n      title=\"Waiting for input\"\n    >\n      <Pause aria-hidden className=\"size-3.5\" />\n      {waiting}\n    </Txt>\n  );\n}\n\nexport function RunWorkflowHeader({\n  runId,\n  status,\n  result,\n  timestamp,\n  resourceId,\n}: {\n  runId: string;\n  status?: WorkflowRunStatus;\n  result: WorkflowRunStreamResult | null;\n  timestamp?: number;\n  resourceId?: string;\n}) {\n  const timing = resolveRunTiming(result?.steps, status);\n\n  return (\n    <div className=\"flex w-full flex-col gap-2 px-5\">\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n          <WorkflowRunStatusBadge status={status} />\n          {resourceId && (\n            <Badge size=\"md\" variant=\"neutral\" emphasis=\"subtle\" className=\"min-w-0\">\n              <span className=\"min-w-0 truncate\" title={`Resource ${resourceId}`}>\n                {resourceId}\n              </span>\n            </Badge>\n          )}\n        </div>\n        <div className=\"flex items-center gap-3\">\n          {timing?.waitingSince !== undefined && <RunWaiting since={timing.waitingSince} />}\n          {timing && <RunDuration span={timing.span} spansSuspension={timing.spansSuspension} />}\n        </div>\n      </div>\n      <div className=\"flex min-w-0 items-center gap-1 text-meta text-muted-foreground\">\n        <Txt as=\"span\" variant=\"meta\" font=\"mono\" className=\"min-w-0 truncate\" title={runId}>\n          {runId}\n        </Txt>\n        <CopyButton content={runId} tooltip=\"Copy run ID\" variant=\"ghost\" size=\"icon-sm\" className=\"shrink-0\" />\n        {timestamp !== undefined && Number.isFinite(timestamp) ? (\n          <RelativeTimestamp value={timestamp} className=\"ml-auto shrink-0\" />\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/workflows/workflow/workflow-status.cjs.js

@@ -4,27 +4,30 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
+const domains_workflows_workflowStatusTone = require('../workflow-status-tone.cjs.js');
 const domains_workflows_workflow_workflowCard = require('./workflow-card.cjs.js');
 const domains_chat_messages_tripwireNotice = require('../../chat/messages/tripwire-notice.cjs.js');
-const codeEditor = require('../../../code-editor-By2dTBXC.cjs');
+const codeEditor = require('../../../code-editor-BXchPl_F.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const icons_CheckIcon = require('../../../icons/CheckIcon.cjs.js');
 const icons_CrossIcon = require('../../../icons/CrossIcon.cjs.js');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
+const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 
 const WorkflowStatus = ({ stepId, status, result, tripwire }) => {
   const isTripwire = status === "tripwire";
+  const toneText = domains_workflows_workflowStatusTone.workflowStatusToneText[domains_workflows_workflowStatusTone.workflowStatusTone(status)];
   return /* @__PURE__ */ jsxRuntime.jsx(
     domains_workflows_workflow_workflowCard.WorkflowCard,
     {
       header: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(icons_Icon.Icon, { children: [
-          status === "success" && /* @__PURE__ */ jsxRuntime.jsx(icons_CheckIcon.CheckIcon, { className: "text-accent1" }),
-          status === "failed" && /* @__PURE__ */ jsxRuntime.jsx(icons_CrossIcon.CrossIcon, { className: "text-accent2" }),
-          status === "tripwire" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldAlert, { className: "text-notice-warning-fg" }),
-          status === "suspended" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CirclePause, { className: "text-accent3" }),
-          status === "waiting" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HourglassIcon, { className: "text-accent5" }),
-          status === "running" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "animate-spin text-accent6" })
+          status === "success" && /* @__PURE__ */ jsxRuntime.jsx(icons_CheckIcon.CheckIcon, { className: toneText }),
+          status === "failed" && /* @__PURE__ */ jsxRuntime.jsx(icons_CrossIcon.CrossIcon, { className: toneText }),
+          status === "tripwire" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldAlert, { className: "text-warning-indicator" }),
+          status === "suspended" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CirclePause, { className: toneText }),
+          status === "waiting" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HourglassIcon, { className: toneText }),
+          status === "running" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: utils_cn.cn("animate-spin", toneText) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "heading", tone: "ink", children: stepId.charAt(0).toUpperCase() + stepId.slice(1) })
       ] }),

package/dist/domains/workflows/workflow/workflow-status.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-status.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-status.tsx"],"sourcesContent":["import { CirclePause, HourglassIcon, Loader2, ShieldAlert } from 'lucide-react';\nimport { WorkflowCard } from './workflow-card';\nimport { TripwireNotice } from '@/domains/chat/messages/tripwire-notice';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Txt } from '@/ds/components/Txt';\nimport { CheckIcon } from '@/ds/icons/CheckIcon';\nimport { CrossIcon } from '@/ds/icons/CrossIcon';\nimport { Icon } from '@/ds/icons/Icon';\n\nexport interface TripwireInfo {\n  reason?: string;\n  retry?: boolean;\n  metadata?: unknown;\n  processorId?: string;\n}\n\nexport interface WorkflowStatusProps {\n  stepId: string;\n  status: string;\n  result: Record<string, unknown>;\n  tripwire?: TripwireInfo;\n}\n\nexport const WorkflowStatus = ({ stepId, status, result, tripwire }: WorkflowStatusProps) => {\n  const isTripwire = status === 'tripwire';\n\n  return (\n    <WorkflowCard\n      header={\n        <div className=\"flex items-center gap-3\">\n          <Icon>\n            {status === 'success' && <CheckIcon className=\"text-accent1\" />}\n            {status === 'failed' && <CrossIcon className=\"text-accent2\" />}\n            {status === 'tripwire' && <ShieldAlert className=\"text-notice-warning-fg\" />}\n            {status === 'suspended' && <CirclePause className=\"text-accent3\" />}\n            {status === 'waiting' && <HourglassIcon className=\"text-accent5\" />}\n            {status === 'running' && <Loader2 className=\"animate-spin text-accent6\" />}\n          </Icon>\n          <Txt as=\"span\" variant=\"heading\" tone=\"ink\">\n            {stepId.charAt(0).toUpperCase() + stepId.slice(1)}\n          </Txt>\n        </div>\n      }\n    >\n      {isTripwire && tripwire ? (\n        <TripwireNotice reason={tripwire.reason || 'Tripwire triggered'} tripwire={tripwire} />\n      ) : (\n        <CodeEditor data={result} />\n      )}\n    </WorkflowCard>\n  );\n};\n"],"names":["jsx","WorkflowCard","jsxs","Icon","CheckIcon","CrossIcon","ShieldAlert","CirclePause","HourglassIcon","Loader2","Txt","TripwireNotice","CodeEditor"],"mappings":";;;;;;;;;;;;;;AAuBO,MAAM,iBAAiB,CAAC,EAAE,QAAQ,MAAA,EAAQ,MAAA,EAAQ,UAAS,KAA2B;AAC3F,EAAA,MAAM,aAAa,MAAA,KAAW,UAAA;AAE9B,EAAA,uBACEA,cAAA;AAAA,IAACC,oDAAA;AAAA,IAAA;AAAA,MACC,MAAA,kBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAACC,eAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,MAAA,KAAW,SAAA,oBAAaH,cAAA,CAACI,yBAAA,EAAA,EAAU,SAAA,EAAU,cAAA,EAAe,CAAA;AAAA,UAC5D,MAAA,KAAW,QAAA,oBAAYJ,cAAA,CAACK,yBAAA,EAAA,EAAU,WAAU,cAAA,EAAe,CAAA;AAAA,UAC3D,MAAA,KAAW,UAAA,oBAAcL,cAAA,CAACM,uBAAA,EAAA,EAAY,WAAU,wBAAA,EAAyB,CAAA;AAAA,UACzE,MAAA,KAAW,WAAA,oBAAeN,cAAA,CAACO,uBAAA,EAAA,EAAY,WAAU,cAAA,EAAe,CAAA;AAAA,UAChE,MAAA,KAAW,SAAA,oBAAaP,cAAA,CAACQ,yBAAA,EAAA,EAAc,WAAU,cAAA,EAAe,CAAA;AAAA,UAChE,MAAA,KAAW,SAAA,oBAAaR,cAAA,CAACS,mBAAA,EAAA,EAAQ,WAAU,2BAAA,EAA4B;AAAA,SAAA,EAC1E,CAAA;AAAA,uCACCC,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,WAAU,IAAA,EAAK,KAAA,EACnC,QAAA,EAAA,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA,CAAE,WAAA,KAAgB,MAAA,CAAO,KAAA,CAAM,CAAC,CAAA,EAClD;AAAA,OAAA,EACF,CAAA;AAAA,MAGD,QAAA,EAAA,UAAA,IAAc,QAAA,mBACbV,cAAA,CAACW,mDAAA,EAAA,EAAe,MAAA,EAAQ,QAAA,CAAS,MAAA,IAAU,oBAAA,EAAsB,QAAA,EAAoB,CAAA,mBAErFX,cAAA,CAACY,qBAAA,EAAA,EAAW,MAAM,MAAA,EAAQ;AAAA;AAAA,GAE9B;AAEJ;;;;"}
+{"version":3,"file":"workflow-status.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-status.tsx"],"sourcesContent":["import { CirclePause, HourglassIcon, Loader2, ShieldAlert } from 'lucide-react';\nimport { workflowStatusTone, workflowStatusToneText } from '../workflow-status-tone';\nimport { WorkflowCard } from './workflow-card';\nimport { TripwireNotice } from '@/domains/chat/messages/tripwire-notice';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Txt } from '@/ds/components/Txt';\nimport { CheckIcon } from '@/ds/icons/CheckIcon';\nimport { CrossIcon } from '@/ds/icons/CrossIcon';\nimport { Icon } from '@/ds/icons/Icon';\nimport { cn } from '@/utils/cn';\n\nexport interface TripwireInfo {\n  reason?: string;\n  retry?: boolean;\n  metadata?: unknown;\n  processorId?: string;\n}\n\nexport interface WorkflowStatusProps {\n  stepId: string;\n  status: string;\n  result: Record<string, unknown>;\n  tripwire?: TripwireInfo;\n}\n\nexport const WorkflowStatus = ({ stepId, status, result, tripwire }: WorkflowStatusProps) => {\n  const isTripwire = status === 'tripwire';\n  const toneText = workflowStatusToneText[workflowStatusTone(status)];\n\n  return (\n    <WorkflowCard\n      header={\n        <div className=\"flex items-center gap-3\">\n          <Icon>\n            {status === 'success' && <CheckIcon className={toneText} />}\n            {status === 'failed' && <CrossIcon className={toneText} />}\n            {status === 'tripwire' && <ShieldAlert className=\"text-warning-indicator\" />}\n            {status === 'suspended' && <CirclePause className={toneText} />}\n            {status === 'waiting' && <HourglassIcon className={toneText} />}\n            {status === 'running' && <Loader2 className={cn('animate-spin', toneText)} />}\n          </Icon>\n          <Txt as=\"span\" variant=\"heading\" tone=\"ink\">\n            {stepId.charAt(0).toUpperCase() + stepId.slice(1)}\n          </Txt>\n        </div>\n      }\n    >\n      {isTripwire && tripwire ? (\n        <TripwireNotice reason={tripwire.reason || 'Tripwire triggered'} tripwire={tripwire} />\n      ) : (\n        <CodeEditor data={result} />\n      )}\n    </WorkflowCard>\n  );\n};\n"],"names":["workflowStatusToneText","workflowStatusTone","jsx","WorkflowCard","jsxs","Icon","CheckIcon","CrossIcon","ShieldAlert","CirclePause","HourglassIcon","Loader2","cn","Txt","TripwireNotice","CodeEditor"],"mappings":";;;;;;;;;;;;;;;;AAyBO,MAAM,iBAAiB,CAAC,EAAE,QAAQ,MAAA,EAAQ,MAAA,EAAQ,UAAS,KAA2B;AAC3F,EAAA,MAAM,aAAa,MAAA,KAAW,UAAA;AAC9B,EAAA,MAAM,QAAA,GAAWA,2DAAA,CAAuBC,uDAAA,CAAmB,MAAM,CAAC,CAAA;AAElE,EAAA,uBACEC,cAAA;AAAA,IAACC,oDAAA;AAAA,IAAA;AAAA,MACC,MAAA,kBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAACC,eAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,MAAA,KAAW,SAAA,oBAAaH,cAAA,CAACI,yBAAA,EAAA,EAAU,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA,UACxD,MAAA,KAAW,QAAA,oBAAYJ,cAAA,CAACK,yBAAA,EAAA,EAAU,WAAW,QAAA,EAAU,CAAA;AAAA,UACvD,MAAA,KAAW,UAAA,oBAAcL,cAAA,CAACM,uBAAA,EAAA,EAAY,WAAU,wBAAA,EAAyB,CAAA;AAAA,UACzE,MAAA,KAAW,WAAA,oBAAeN,cAAA,CAACO,uBAAA,EAAA,EAAY,WAAW,QAAA,EAAU,CAAA;AAAA,UAC5D,MAAA,KAAW,SAAA,oBAAaP,cAAA,CAACQ,yBAAA,EAAA,EAAc,WAAW,QAAA,EAAU,CAAA;AAAA,UAC5D,MAAA,KAAW,6BAAaR,cAAA,CAACS,mBAAA,EAAA,EAAQ,WAAWC,WAAA,CAAG,cAAA,EAAgB,QAAQ,CAAA,EAAG;AAAA,SAAA,EAC7E,CAAA;AAAA,uCACCC,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,WAAU,IAAA,EAAK,KAAA,EACnC,QAAA,EAAA,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA,CAAE,WAAA,KAAgB,MAAA,CAAO,KAAA,CAAM,CAAC,CAAA,EAClD;AAAA,OAAA,EACF,CAAA;AAAA,MAGD,QAAA,EAAA,UAAA,IAAc,QAAA,mBACbX,cAAA,CAACY,mDAAA,EAAA,EAAe,MAAA,EAAQ,QAAA,CAAS,MAAA,IAAU,oBAAA,EAAsB,QAAA,EAAoB,CAAA,mBAErFZ,cAAA,CAACa,qBAAA,EAAA,EAAW,MAAM,MAAA,EAAQ;AAAA;AAAA,GAE9B;AAEJ;;;;"}

package/dist/domains/workflows/workflow/workflow-status.es.js

@@ -1,26 +1,29 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ShieldAlert, CirclePause, HourglassIcon, Loader2 } from 'lucide-react';
+import { workflowStatusToneText, workflowStatusTone } from '../workflow-status-tone.es.js';
 import { WorkflowCard } from './workflow-card.es.js';
 import { TripwireNotice } from '../../chat/messages/tripwire-notice.es.js';
-import { C as CodeEditor } from '../../../code-editor-F12uuTDl.js';
+import { C as CodeEditor } from '../../../code-editor-Cltwid7c.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { CheckIcon } from '../../../icons/CheckIcon.es.js';
 import { CrossIcon } from '../../../icons/CrossIcon.es.js';
 import { Icon } from '../../../icons/Icon.es.js';
+import { c as cn } from '../../../cn-65Adrsfj.js';
 
 const WorkflowStatus = ({ stepId, status, result, tripwire }) => {
   const isTripwire = status === "tripwire";
+  const toneText = workflowStatusToneText[workflowStatusTone(status)];
   return /* @__PURE__ */ jsx(
     WorkflowCard,
     {
       header: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsxs(Icon, { children: [
-          status === "success" && /* @__PURE__ */ jsx(CheckIcon, { className: "text-accent1" }),
-          status === "failed" && /* @__PURE__ */ jsx(CrossIcon, { className: "text-accent2" }),
-          status === "tripwire" && /* @__PURE__ */ jsx(ShieldAlert, { className: "text-notice-warning-fg" }),
-          status === "suspended" && /* @__PURE__ */ jsx(CirclePause, { className: "text-accent3" }),
-          status === "waiting" && /* @__PURE__ */ jsx(HourglassIcon, { className: "text-accent5" }),
-          status === "running" && /* @__PURE__ */ jsx(Loader2, { className: "animate-spin text-accent6" })
+          status === "success" && /* @__PURE__ */ jsx(CheckIcon, { className: toneText }),
+          status === "failed" && /* @__PURE__ */ jsx(CrossIcon, { className: toneText }),
+          status === "tripwire" && /* @__PURE__ */ jsx(ShieldAlert, { className: "text-warning-indicator" }),
+          status === "suspended" && /* @__PURE__ */ jsx(CirclePause, { className: toneText }),
+          status === "waiting" && /* @__PURE__ */ jsx(HourglassIcon, { className: toneText }),
+          status === "running" && /* @__PURE__ */ jsx(Loader2, { className: cn("animate-spin", toneText) })
         ] }),
         /* @__PURE__ */ jsx(Txt, { as: "span", variant: "heading", tone: "ink", children: stepId.charAt(0).toUpperCase() + stepId.slice(1) })
       ] }),

package/dist/domains/workflows/workflow/workflow-status.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-status.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-status.tsx"],"sourcesContent":["import { CirclePause, HourglassIcon, Loader2, ShieldAlert } from 'lucide-react';\nimport { WorkflowCard } from './workflow-card';\nimport { TripwireNotice } from '@/domains/chat/messages/tripwire-notice';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Txt } from '@/ds/components/Txt';\nimport { CheckIcon } from '@/ds/icons/CheckIcon';\nimport { CrossIcon } from '@/ds/icons/CrossIcon';\nimport { Icon } from '@/ds/icons/Icon';\n\nexport interface TripwireInfo {\n  reason?: string;\n  retry?: boolean;\n  metadata?: unknown;\n  processorId?: string;\n}\n\nexport interface WorkflowStatusProps {\n  stepId: string;\n  status: string;\n  result: Record<string, unknown>;\n  tripwire?: TripwireInfo;\n}\n\nexport const WorkflowStatus = ({ stepId, status, result, tripwire }: WorkflowStatusProps) => {\n  const isTripwire = status === 'tripwire';\n\n  return (\n    <WorkflowCard\n      header={\n        <div className=\"flex items-center gap-3\">\n          <Icon>\n            {status === 'success' && <CheckIcon className=\"text-accent1\" />}\n            {status === 'failed' && <CrossIcon className=\"text-accent2\" />}\n            {status === 'tripwire' && <ShieldAlert className=\"text-notice-warning-fg\" />}\n            {status === 'suspended' && <CirclePause className=\"text-accent3\" />}\n            {status === 'waiting' && <HourglassIcon className=\"text-accent5\" />}\n            {status === 'running' && <Loader2 className=\"animate-spin text-accent6\" />}\n          </Icon>\n          <Txt as=\"span\" variant=\"heading\" tone=\"ink\">\n            {stepId.charAt(0).toUpperCase() + stepId.slice(1)}\n          </Txt>\n        </div>\n      }\n    >\n      {isTripwire && tripwire ? (\n        <TripwireNotice reason={tripwire.reason || 'Tripwire triggered'} tripwire={tripwire} />\n      ) : (\n        <CodeEditor data={result} />\n      )}\n    </WorkflowCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAuBO,MAAM,iBAAiB,CAAC,EAAE,QAAQ,MAAA,EAAQ,MAAA,EAAQ,UAAS,KAA2B;AAC3F,EAAA,MAAM,aAAa,MAAA,KAAW,UAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,MAAA,kBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,IAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,MAAA,KAAW,SAAA,oBAAa,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,cAAA,EAAe,CAAA;AAAA,UAC5D,MAAA,KAAW,QAAA,oBAAY,GAAA,CAAC,SAAA,EAAA,EAAU,WAAU,cAAA,EAAe,CAAA;AAAA,UAC3D,MAAA,KAAW,UAAA,oBAAc,GAAA,CAAC,WAAA,EAAA,EAAY,WAAU,wBAAA,EAAyB,CAAA;AAAA,UACzE,MAAA,KAAW,WAAA,oBAAe,GAAA,CAAC,WAAA,EAAA,EAAY,WAAU,cAAA,EAAe,CAAA;AAAA,UAChE,MAAA,KAAW,SAAA,oBAAa,GAAA,CAAC,aAAA,EAAA,EAAc,WAAU,cAAA,EAAe,CAAA;AAAA,UAChE,MAAA,KAAW,SAAA,oBAAa,GAAA,CAAC,OAAA,EAAA,EAAQ,WAAU,2BAAA,EAA4B;AAAA,SAAA,EAC1E,CAAA;AAAA,4BACC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,WAAU,IAAA,EAAK,KAAA,EACnC,QAAA,EAAA,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA,CAAE,WAAA,KAAgB,MAAA,CAAO,KAAA,CAAM,CAAC,CAAA,EAClD;AAAA,OAAA,EACF,CAAA;AAAA,MAGD,QAAA,EAAA,UAAA,IAAc,QAAA,mBACb,GAAA,CAAC,cAAA,EAAA,EAAe,MAAA,EAAQ,QAAA,CAAS,MAAA,IAAU,oBAAA,EAAsB,QAAA,EAAoB,CAAA,mBAErF,GAAA,CAAC,UAAA,EAAA,EAAW,MAAM,MAAA,EAAQ;AAAA;AAAA,GAE9B;AAEJ;;;;"}
+{"version":3,"file":"workflow-status.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-status.tsx"],"sourcesContent":["import { CirclePause, HourglassIcon, Loader2, ShieldAlert } from 'lucide-react';\nimport { workflowStatusTone, workflowStatusToneText } from '../workflow-status-tone';\nimport { WorkflowCard } from './workflow-card';\nimport { TripwireNotice } from '@/domains/chat/messages/tripwire-notice';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Txt } from '@/ds/components/Txt';\nimport { CheckIcon } from '@/ds/icons/CheckIcon';\nimport { CrossIcon } from '@/ds/icons/CrossIcon';\nimport { Icon } from '@/ds/icons/Icon';\nimport { cn } from '@/utils/cn';\n\nexport interface TripwireInfo {\n  reason?: string;\n  retry?: boolean;\n  metadata?: unknown;\n  processorId?: string;\n}\n\nexport interface WorkflowStatusProps {\n  stepId: string;\n  status: string;\n  result: Record<string, unknown>;\n  tripwire?: TripwireInfo;\n}\n\nexport const WorkflowStatus = ({ stepId, status, result, tripwire }: WorkflowStatusProps) => {\n  const isTripwire = status === 'tripwire';\n  const toneText = workflowStatusToneText[workflowStatusTone(status)];\n\n  return (\n    <WorkflowCard\n      header={\n        <div className=\"flex items-center gap-3\">\n          <Icon>\n            {status === 'success' && <CheckIcon className={toneText} />}\n            {status === 'failed' && <CrossIcon className={toneText} />}\n            {status === 'tripwire' && <ShieldAlert className=\"text-warning-indicator\" />}\n            {status === 'suspended' && <CirclePause className={toneText} />}\n            {status === 'waiting' && <HourglassIcon className={toneText} />}\n            {status === 'running' && <Loader2 className={cn('animate-spin', toneText)} />}\n          </Icon>\n          <Txt as=\"span\" variant=\"heading\" tone=\"ink\">\n            {stepId.charAt(0).toUpperCase() + stepId.slice(1)}\n          </Txt>\n        </div>\n      }\n    >\n      {isTripwire && tripwire ? (\n        <TripwireNotice reason={tripwire.reason || 'Tripwire triggered'} tripwire={tripwire} />\n      ) : (\n        <CodeEditor data={result} />\n      )}\n    </WorkflowCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAyBO,MAAM,iBAAiB,CAAC,EAAE,QAAQ,MAAA,EAAQ,MAAA,EAAQ,UAAS,KAA2B;AAC3F,EAAA,MAAM,aAAa,MAAA,KAAW,UAAA;AAC9B,EAAA,MAAM,QAAA,GAAW,sBAAA,CAAuB,kBAAA,CAAmB,MAAM,CAAC,CAAA;AAElE,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,MAAA,kBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,IAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,MAAA,KAAW,SAAA,oBAAa,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA,UACxD,MAAA,KAAW,QAAA,oBAAY,GAAA,CAAC,SAAA,EAAA,EAAU,WAAW,QAAA,EAAU,CAAA;AAAA,UACvD,MAAA,KAAW,UAAA,oBAAc,GAAA,CAAC,WAAA,EAAA,EAAY,WAAU,wBAAA,EAAyB,CAAA;AAAA,UACzE,MAAA,KAAW,WAAA,oBAAe,GAAA,CAAC,WAAA,EAAA,EAAY,WAAW,QAAA,EAAU,CAAA;AAAA,UAC5D,MAAA,KAAW,SAAA,oBAAa,GAAA,CAAC,aAAA,EAAA,EAAc,WAAW,QAAA,EAAU,CAAA;AAAA,UAC5D,MAAA,KAAW,6BAAa,GAAA,CAAC,OAAA,EAAA,EAAQ,WAAW,EAAA,CAAG,cAAA,EAAgB,QAAQ,CAAA,EAAG;AAAA,SAAA,EAC7E,CAAA;AAAA,4BACC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,WAAU,IAAA,EAAK,KAAA,EACnC,QAAA,EAAA,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA,CAAE,WAAA,KAAgB,MAAA,CAAO,KAAA,CAAM,CAAC,CAAA,EAClD;AAAA,OAAA,EACF,CAAA;AAAA,MAGD,QAAA,EAAA,UAAA,IAAc,QAAA,mBACb,GAAA,CAAC,cAAA,EAAA,EAAe,MAAA,EAAQ,QAAA,CAAS,MAAA,IAAU,oBAAA,EAAsB,QAAA,EAAoB,CAAA,mBAErF,GAAA,CAAC,UAAA,EAAA,EAAW,MAAM,MAAA,EAAQ;AAAA;AAAA,GAE9B;AAEJ;;;;"}

package/dist/domains/workflows/workflow/workflow-step-action-bar.cjs.js

@@ -7,9 +7,9 @@ const React = require('react');
 const domains_workflows_context_workflowRunContext = require('../context/workflow-run-context.cjs.js');
 const domains_workflows_context_workflowStepDetailContext = require('../context/workflow-step-detail-context.cjs.js');
 const domains_workflows_workflow_workflowTimeTravelForm = require('./workflow-time-travel-form.cjs.js');
-const dialog = require('../../../dialog-CDg8uu4t.cjs');
-const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-Bw7nXZzf.cjs');
-const workflowStepAction = require('../../../workflow-step-action-CXafz2Ie.cjs');
+const dialog = require('../../../dialog-DYpOpj9s.cjs');
+const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-vLneZlMd.cjs');
+const workflowStepAction = require('../../../workflow-step-action-JMkWtObA.cjs');
 
 const WorkflowStepActionBar = ({
   resumeData,
@@ -41,7 +41,6 @@ const WorkflowStepActionBar = ({
   } = React.useContext(domains_workflows_context_workflowRunContext.WorkflowRunContext);
   const { showMapConfig, stepDetail, closeStepDetail } = domains_workflows_context_workflowStepDetailContext.useWorkflowStepDetail();
   const workflowStatus = result?.status ?? runSnapshot?.status;
-  const dialogContentClass = "max-w-4xl w-full";
   const showTimeTravel = !withoutTimeTravel && stepKey && !mapConfig && workflowStatus !== "running" && workflowStatus !== "paused";
   const inDebugMode = stepKey && debugMode && workflowStatus === "paused";
   const stepPayload = React.useMemo(() => {
@@ -146,26 +145,20 @@ const WorkflowStepActionBar = ({
       error && /* @__PURE__ */ jsxRuntime.jsx(workflowStepAction.WorkflowStepAction, { action: "error", onSelect: () => setOpenDialog("error") }),
       tripwire && /* @__PURE__ */ jsxRuntime.jsx(workflowStepAction.WorkflowStepAction, { action: "tripwire", onSelect: () => setOpenDialog("tripwire") })
     ] }),
-    showTimeTravel && /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { ...dialogProps("timeTravel"), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: dialogContentClass, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { children: [
-          "Time travel to ",
-          stepKey
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: "Time travel to a specific workflow step" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { className: "max-h-150", children: /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_workflow_workflowTimeTravelForm.WorkflowTimeTravelForm, { stepKey, closeModal: closeDialog, requestContext }) })
+    showTimeTravel && /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { ...dialogProps("timeTravel"), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { size: "xl", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { children: [
+        "Time travel to ",
+        stepKey
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_workflow_workflowTimeTravelForm.WorkflowTimeTravelForm, { stepKey, closeModal: closeDialog, requestContext }) })
     ] }) }),
     showDebugMode && !mapConfig && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { ...dialogProps("runStep"), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: dialogContentClass, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { children: [
-            "Run step ",
-            stepKey
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: "Run a specific workflow step" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { className: "max-h-150", children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { ...dialogProps("runStep"), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { size: "xl", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { children: [
+          "Run step ",
+          stepKey
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsx(
           domains_workflows_workflow_workflowTimeTravelForm.WorkflowTimeTravelForm,
           {
             requestContext,
@@ -177,15 +170,12 @@ const WorkflowStepActionBar = ({
           }
         ) })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { ...dialogProps("continueRun"), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: dialogContentClass, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { children: [
-            "Continue run ",
-            stepKey
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: "Continue the workflow run from this step" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { className: "max-h-150", children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { ...dialogProps("continueRun"), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { size: "xl", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { children: [
+          "Continue run ",
+          stepKey
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsx(
           domains_workflows_workflow_workflowTimeTravelForm.WorkflowTimeTravelForm,
           {
             requestContext,
@@ -198,34 +188,25 @@ const WorkflowStepActionBar = ({
         ) })
       ] }) })
     ] }),
-    resumeData && /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { ...dialogProps("resumeData"), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: dialogContentClass, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { children: [
-          stepName,
-          " resume data"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: "View the resume data for this step" })
-      ] }),
+    resumeData && /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { ...dialogProps("resumeData"), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { size: "xl", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { children: [
+        stepName,
+        " resume data"
+      ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsx(workflowCodeDialogContent.WorkflowCodeContent, { data: resumeData }) })
     ] }) }),
-    error && /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { ...dialogProps("error"), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: dialogContentClass, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { children: [
-          stepName,
-          " error"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: "View the error details for this step" })
-      ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { ...dialogProps("error"), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { size: "xl", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { children: [
+        stepName,
+        " error"
+      ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsx(workflowCodeDialogContent.WorkflowCodeContent, { data: error }) })
     ] }) }),
-    tripwire && /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { ...dialogProps("tripwire"), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: dialogContentClass, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { children: [
-          stepName,
-          " tripwire"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: "View the tripwire details for this step" })
-      ] }),
+    tripwire && /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { ...dialogProps("tripwire"), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { size: "xl", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { children: [
+        stepName,
+        " tripwire"
+      ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsx(
         workflowCodeDialogContent.WorkflowCodeContent,
         {

package/dist/domains/workflows/workflow/workflow-step-action-bar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-step-action-bar.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-step-action-bar.tsx"],"sourcesContent":["import type { TimeTravelParams } from '@mastra/client-js';\n\nimport { useContext, useMemo, useState } from 'react';\nimport type { TripwireData } from '../context/use-current-run';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { useWorkflowStepDetail } from '../context/workflow-step-detail-context';\nimport { WorkflowTimeTravelForm } from './workflow-time-travel-form';\nimport {\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  DialogHeader,\n  DialogDescription,\n  DialogBody,\n} from '@/ds/components/Dialog';\nimport { WorkflowCodeContent, WorkflowStepActions, WorkflowStepAction } from '@/ds/components/Workflow';\n\nexport interface WorkflowStepActionBarProps {\n  resumeData?: any;\n  error?: any;\n  tripwire?: TripwireData;\n  stepName: string;\n  stepId?: string;\n  mapConfig?: string;\n  onShowNestedGraph?: () => void;\n  stepKey?: string;\n  stepsFlow?: Record<string, string[]>;\n  requestContext: Record<string, any>;\n}\n\ntype StepDialog = 'timeTravel' | 'runStep' | 'continueRun' | 'resumeData' | 'error' | 'tripwire';\n\nexport const WorkflowStepActionBar = ({\n  resumeData,\n  error,\n  tripwire,\n  mapConfig,\n  stepName,\n  stepId,\n  onShowNestedGraph,\n  stepKey,\n  stepsFlow,\n  requestContext,\n}: WorkflowStepActionBarProps) => {\n  const [openDialog, setOpenDialog] = useState<StepDialog | null>(null);\n  const dialogProps = (dialog: StepDialog) => ({\n    open: openDialog === dialog,\n    onOpenChange: (open: boolean) => setOpenDialog(open ? dialog : null),\n  });\n  const closeDialog = () => setOpenDialog(null);\n\n  const {\n    withoutTimeTravel,\n    debugMode,\n    result,\n    runSnapshot,\n    timeTravelWorkflowStream,\n    runId: prevRunId,\n    workflowId,\n    setDebugMode,\n  } = useContext(WorkflowRunContext);\n  const { showMapConfig, stepDetail, closeStepDetail } = useWorkflowStepDetail();\n\n  const workflowStatus = result?.status ?? runSnapshot?.status;\n\n  const dialogContentClass = 'max-w-4xl w-full';\n\n  const showTimeTravel =\n    !withoutTimeTravel && stepKey && !mapConfig && workflowStatus !== 'running' && workflowStatus !== 'paused';\n\n  const inDebugMode = stepKey && debugMode && workflowStatus === 'paused';\n\n  const stepPayload = useMemo(() => {\n    if (!stepKey || !inDebugMode) return undefined;\n    const previousSteps = stepsFlow?.[stepKey] ?? [];\n    if (previousSteps.length === 0) return undefined;\n\n    if (previousSteps.length > 1) {\n      return {\n        hasMultiSteps: true,\n        input: previousSteps.reduce<Record<string, unknown>>((acc, stepId) => {\n          if (result?.steps?.[stepId]?.status === 'success') {\n            acc[stepId] = result?.steps?.[stepId].output;\n          }\n          return acc;\n        }, {}),\n      };\n    }\n\n    const prevStepId = previousSteps[0];\n    if (prevStepId && result?.steps?.[prevStepId]?.status === 'success') {\n      return {\n        hasMultiSteps: false,\n        input: result?.steps?.[prevStepId]?.output,\n      };\n    }\n\n    return undefined;\n  }, [stepKey, stepsFlow, inDebugMode, result]);\n\n  const showDebugMode = inDebugMode && stepPayload && !result?.steps?.[stepKey];\n\n  const isMapConfigOpen = stepDetail?.type === 'map-config' && stepDetail?.stepName === stepName;\n  const isNestedGraphOpen = stepDetail?.type === 'nested-graph' && stepDetail.nestedGraph?.fullStep === stepKey;\n\n  const handleMapConfigClick = () => {\n    if (isMapConfigOpen) {\n      closeStepDetail();\n    } else if (mapConfig) {\n      showMapConfig({ stepName, stepId, mapConfig });\n    }\n  };\n\n  const handleNestedGraphClick = () => {\n    if (isNestedGraphOpen) {\n      closeStepDetail();\n    } else {\n      onShowNestedGraph?.();\n    }\n  };\n\n  const handleRunMapStep = (isContinueRun?: boolean) => {\n    if (!stepKey || !stepPayload) return;\n\n    const payload = {\n      runId: prevRunId,\n      workflowId,\n      step: stepKey,\n      inputData: stepPayload?.hasMultiSteps ? undefined : stepPayload?.input,\n      requestContext: requestContext,\n      ...(isContinueRun ? { perStep: false } : {}),\n      ...(stepPayload?.hasMultiSteps\n        ? {\n            context: Object.keys(stepPayload.input)?.reduce<NonNullable<TimeTravelParams['context']>>((acc, stepId) => {\n              acc[stepId] = {\n                status: 'success',\n                output: stepPayload.input[stepId],\n              };\n              return acc;\n            }, {}),\n          }\n        : {}),\n    };\n\n    if (isContinueRun) {\n      setDebugMode(false);\n    }\n\n    void timeTravelWorkflowStream(payload);\n  };\n\n  const hasActions = Boolean(\n    error || tripwire || mapConfig || resumeData || onShowNestedGraph || showTimeTravel || showDebugMode,\n  );\n\n  if (!hasActions) {\n    return null;\n  }\n\n  return (\n    <>\n      <WorkflowStepActions>\n        {onShowNestedGraph && (\n          <WorkflowStepAction action=\"nested\" isActive={isNestedGraphOpen} onSelect={handleNestedGraphClick} />\n        )}\n        {showTimeTravel && <WorkflowStepAction action=\"timeTravel\" onSelect={() => setOpenDialog('timeTravel')} />}\n        {showDebugMode && (\n          <>\n            <WorkflowStepAction\n              action=\"runStep\"\n              onSelect={() => {\n                if (mapConfig) handleRunMapStep();\n                else setOpenDialog('runStep');\n              }}\n            />\n            <WorkflowStepAction\n              action=\"continueRun\"\n              onSelect={() => {\n                if (mapConfig) handleRunMapStep(true);\n                else setOpenDialog('continueRun');\n              }}\n            />\n          </>\n        )}\n        {mapConfig && <WorkflowStepAction action=\"map\" isActive={isMapConfigOpen} onSelect={handleMapConfigClick} />}\n        {resumeData && <WorkflowStepAction action=\"resumeData\" onSelect={() => setOpenDialog('resumeData')} />}\n        {error && <WorkflowStepAction action=\"error\" onSelect={() => setOpenDialog('error')} />}\n        {tripwire && <WorkflowStepAction action=\"tripwire\" onSelect={() => setOpenDialog('tripwire')} />}\n      </WorkflowStepActions>\n\n      {showTimeTravel && (\n        <Dialog {...dialogProps('timeTravel')}>\n          <DialogContent className={dialogContentClass}>\n            <DialogHeader>\n              <DialogTitle>Time travel to {stepKey}</DialogTitle>\n              <DialogDescription>Time travel to a specific workflow step</DialogDescription>\n            </DialogHeader>\n            <DialogBody className=\"max-h-150\">\n              <WorkflowTimeTravelForm stepKey={stepKey} closeModal={closeDialog} requestContext={requestContext} />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n\n      {showDebugMode && !mapConfig && (\n        <>\n          <Dialog {...dialogProps('runStep')}>\n            <DialogContent className={dialogContentClass}>\n              <DialogHeader>\n                <DialogTitle>Run step {stepKey}</DialogTitle>\n                <DialogDescription>Run a specific workflow step</DialogDescription>\n              </DialogHeader>\n              <DialogBody className=\"max-h-150\">\n                <WorkflowTimeTravelForm\n                  requestContext={requestContext}\n                  stepKey={stepKey}\n                  closeModal={closeDialog}\n                  isPerStepRun\n                  buttonText=\"Run step\"\n                  inputData={stepPayload?.input}\n                />\n              </DialogBody>\n            </DialogContent>\n          </Dialog>\n\n          <Dialog {...dialogProps('continueRun')}>\n            <DialogContent className={dialogContentClass}>\n              <DialogHeader>\n                <DialogTitle>Continue run {stepKey}</DialogTitle>\n                <DialogDescription>Continue the workflow run from this step</DialogDescription>\n              </DialogHeader>\n              <DialogBody className=\"max-h-150\">\n                <WorkflowTimeTravelForm\n                  requestContext={requestContext}\n                  stepKey={stepKey}\n                  closeModal={closeDialog}\n                  isContinueRun\n                  buttonText=\"Continue run\"\n                  inputData={stepPayload?.input}\n                />\n              </DialogBody>\n            </DialogContent>\n          </Dialog>\n        </>\n      )}\n\n      {resumeData && (\n        <Dialog {...dialogProps('resumeData')}>\n          <DialogContent className={dialogContentClass}>\n            <DialogHeader>\n              <DialogTitle>{stepName} resume data</DialogTitle>\n              <DialogDescription>View the resume data for this step</DialogDescription>\n            </DialogHeader>\n            <DialogBody>\n              <WorkflowCodeContent data={resumeData} />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n\n      {error && (\n        <Dialog {...dialogProps('error')}>\n          <DialogContent className={dialogContentClass}>\n            <DialogHeader>\n              <DialogTitle>{stepName} error</DialogTitle>\n              <DialogDescription>View the error details for this step</DialogDescription>\n            </DialogHeader>\n            <DialogBody>\n              <WorkflowCodeContent data={error} />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n\n      {tripwire && (\n        <Dialog {...dialogProps('tripwire')}>\n          <DialogContent className={dialogContentClass}>\n            <DialogHeader>\n              <DialogTitle>{stepName} tripwire</DialogTitle>\n              <DialogDescription>View the tripwire details for this step</DialogDescription>\n            </DialogHeader>\n            <DialogBody>\n              <WorkflowCodeContent\n                data={{\n                  reason: tripwire.reason,\n                  retry: tripwire.retry,\n                  metadata: tripwire.metadata,\n                  processorId: tripwire.processorId,\n                }}\n              />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n    </>\n  );\n};\n"],"names":["useState","useContext","WorkflowRunContext","useWorkflowStepDetail","useMemo","stepId","jsxs","Fragment","WorkflowStepActions","WorkflowStepAction","jsx","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogBody","WorkflowTimeTravelForm","WorkflowCodeContent"],"mappings":"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"}
+{"version":3,"file":"workflow-step-action-bar.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-step-action-bar.tsx"],"sourcesContent":["import type { TimeTravelParams } from '@mastra/client-js';\n\nimport { useContext, useMemo, useState } from 'react';\nimport type { TripwireData } from '../context/use-current-run';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { useWorkflowStepDetail } from '../context/workflow-step-detail-context';\nimport { WorkflowTimeTravelForm } from './workflow-time-travel-form';\nimport { Dialog, DialogContent, DialogTitle, DialogHeader, DialogBody } from '@/ds/components/Dialog';\nimport { WorkflowCodeContent, WorkflowStepActions, WorkflowStepAction } from '@/ds/components/Workflow';\n\nexport interface WorkflowStepActionBarProps {\n  resumeData?: any;\n  error?: any;\n  tripwire?: TripwireData;\n  stepName: string;\n  stepId?: string;\n  mapConfig?: string;\n  onShowNestedGraph?: () => void;\n  stepKey?: string;\n  stepsFlow?: Record<string, string[]>;\n  requestContext: Record<string, any>;\n}\n\ntype StepDialog = 'timeTravel' | 'runStep' | 'continueRun' | 'resumeData' | 'error' | 'tripwire';\n\nexport const WorkflowStepActionBar = ({\n  resumeData,\n  error,\n  tripwire,\n  mapConfig,\n  stepName,\n  stepId,\n  onShowNestedGraph,\n  stepKey,\n  stepsFlow,\n  requestContext,\n}: WorkflowStepActionBarProps) => {\n  const [openDialog, setOpenDialog] = useState<StepDialog | null>(null);\n  const dialogProps = (dialog: StepDialog) => ({\n    open: openDialog === dialog,\n    onOpenChange: (open: boolean) => setOpenDialog(open ? dialog : null),\n  });\n  const closeDialog = () => setOpenDialog(null);\n\n  const {\n    withoutTimeTravel,\n    debugMode,\n    result,\n    runSnapshot,\n    timeTravelWorkflowStream,\n    runId: prevRunId,\n    workflowId,\n    setDebugMode,\n  } = useContext(WorkflowRunContext);\n  const { showMapConfig, stepDetail, closeStepDetail } = useWorkflowStepDetail();\n\n  const workflowStatus = result?.status ?? runSnapshot?.status;\n\n  const showTimeTravel =\n    !withoutTimeTravel && stepKey && !mapConfig && workflowStatus !== 'running' && workflowStatus !== 'paused';\n\n  const inDebugMode = stepKey && debugMode && workflowStatus === 'paused';\n\n  const stepPayload = useMemo(() => {\n    if (!stepKey || !inDebugMode) return undefined;\n    const previousSteps = stepsFlow?.[stepKey] ?? [];\n    if (previousSteps.length === 0) return undefined;\n\n    if (previousSteps.length > 1) {\n      return {\n        hasMultiSteps: true,\n        input: previousSteps.reduce<Record<string, unknown>>((acc, stepId) => {\n          if (result?.steps?.[stepId]?.status === 'success') {\n            acc[stepId] = result?.steps?.[stepId].output;\n          }\n          return acc;\n        }, {}),\n      };\n    }\n\n    const prevStepId = previousSteps[0];\n    if (prevStepId && result?.steps?.[prevStepId]?.status === 'success') {\n      return {\n        hasMultiSteps: false,\n        input: result?.steps?.[prevStepId]?.output,\n      };\n    }\n\n    return undefined;\n  }, [stepKey, stepsFlow, inDebugMode, result]);\n\n  const showDebugMode = inDebugMode && stepPayload && !result?.steps?.[stepKey];\n\n  const isMapConfigOpen = stepDetail?.type === 'map-config' && stepDetail?.stepName === stepName;\n  const isNestedGraphOpen = stepDetail?.type === 'nested-graph' && stepDetail.nestedGraph?.fullStep === stepKey;\n\n  const handleMapConfigClick = () => {\n    if (isMapConfigOpen) {\n      closeStepDetail();\n    } else if (mapConfig) {\n      showMapConfig({ stepName, stepId, mapConfig });\n    }\n  };\n\n  const handleNestedGraphClick = () => {\n    if (isNestedGraphOpen) {\n      closeStepDetail();\n    } else {\n      onShowNestedGraph?.();\n    }\n  };\n\n  const handleRunMapStep = (isContinueRun?: boolean) => {\n    if (!stepKey || !stepPayload) return;\n\n    const payload = {\n      runId: prevRunId,\n      workflowId,\n      step: stepKey,\n      inputData: stepPayload?.hasMultiSteps ? undefined : stepPayload?.input,\n      requestContext: requestContext,\n      ...(isContinueRun ? { perStep: false } : {}),\n      ...(stepPayload?.hasMultiSteps\n        ? {\n            context: Object.keys(stepPayload.input)?.reduce<NonNullable<TimeTravelParams['context']>>((acc, stepId) => {\n              acc[stepId] = {\n                status: 'success',\n                output: stepPayload.input[stepId],\n              };\n              return acc;\n            }, {}),\n          }\n        : {}),\n    };\n\n    if (isContinueRun) {\n      setDebugMode(false);\n    }\n\n    void timeTravelWorkflowStream(payload);\n  };\n\n  const hasActions = Boolean(\n    error || tripwire || mapConfig || resumeData || onShowNestedGraph || showTimeTravel || showDebugMode,\n  );\n\n  if (!hasActions) {\n    return null;\n  }\n\n  return (\n    <>\n      <WorkflowStepActions>\n        {onShowNestedGraph && (\n          <WorkflowStepAction action=\"nested\" isActive={isNestedGraphOpen} onSelect={handleNestedGraphClick} />\n        )}\n        {showTimeTravel && <WorkflowStepAction action=\"timeTravel\" onSelect={() => setOpenDialog('timeTravel')} />}\n        {showDebugMode && (\n          <>\n            <WorkflowStepAction\n              action=\"runStep\"\n              onSelect={() => {\n                if (mapConfig) handleRunMapStep();\n                else setOpenDialog('runStep');\n              }}\n            />\n            <WorkflowStepAction\n              action=\"continueRun\"\n              onSelect={() => {\n                if (mapConfig) handleRunMapStep(true);\n                else setOpenDialog('continueRun');\n              }}\n            />\n          </>\n        )}\n        {mapConfig && <WorkflowStepAction action=\"map\" isActive={isMapConfigOpen} onSelect={handleMapConfigClick} />}\n        {resumeData && <WorkflowStepAction action=\"resumeData\" onSelect={() => setOpenDialog('resumeData')} />}\n        {error && <WorkflowStepAction action=\"error\" onSelect={() => setOpenDialog('error')} />}\n        {tripwire && <WorkflowStepAction action=\"tripwire\" onSelect={() => setOpenDialog('tripwire')} />}\n      </WorkflowStepActions>\n\n      {showTimeTravel && (\n        <Dialog {...dialogProps('timeTravel')}>\n          <DialogContent size=\"xl\">\n            <DialogHeader>\n              <DialogTitle>Time travel to {stepKey}</DialogTitle>\n            </DialogHeader>\n            <DialogBody>\n              <WorkflowTimeTravelForm stepKey={stepKey} closeModal={closeDialog} requestContext={requestContext} />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n\n      {showDebugMode && !mapConfig && (\n        <>\n          <Dialog {...dialogProps('runStep')}>\n            <DialogContent size=\"xl\">\n              <DialogHeader>\n                <DialogTitle>Run step {stepKey}</DialogTitle>\n              </DialogHeader>\n              <DialogBody>\n                <WorkflowTimeTravelForm\n                  requestContext={requestContext}\n                  stepKey={stepKey}\n                  closeModal={closeDialog}\n                  isPerStepRun\n                  buttonText=\"Run step\"\n                  inputData={stepPayload?.input}\n                />\n              </DialogBody>\n            </DialogContent>\n          </Dialog>\n\n          <Dialog {...dialogProps('continueRun')}>\n            <DialogContent size=\"xl\">\n              <DialogHeader>\n                <DialogTitle>Continue run {stepKey}</DialogTitle>\n              </DialogHeader>\n              <DialogBody>\n                <WorkflowTimeTravelForm\n                  requestContext={requestContext}\n                  stepKey={stepKey}\n                  closeModal={closeDialog}\n                  isContinueRun\n                  buttonText=\"Continue run\"\n                  inputData={stepPayload?.input}\n                />\n              </DialogBody>\n            </DialogContent>\n          </Dialog>\n        </>\n      )}\n\n      {resumeData && (\n        <Dialog {...dialogProps('resumeData')}>\n          <DialogContent size=\"xl\">\n            <DialogHeader>\n              <DialogTitle>{stepName} resume data</DialogTitle>\n            </DialogHeader>\n            <DialogBody>\n              <WorkflowCodeContent data={resumeData} />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n\n      {error && (\n        <Dialog {...dialogProps('error')}>\n          <DialogContent size=\"xl\">\n            <DialogHeader>\n              <DialogTitle>{stepName} error</DialogTitle>\n            </DialogHeader>\n            <DialogBody>\n              <WorkflowCodeContent data={error} />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n\n      {tripwire && (\n        <Dialog {...dialogProps('tripwire')}>\n          <DialogContent size=\"xl\">\n            <DialogHeader>\n              <DialogTitle>{stepName} tripwire</DialogTitle>\n            </DialogHeader>\n            <DialogBody>\n              <WorkflowCodeContent\n                data={{\n                  reason: tripwire.reason,\n                  retry: tripwire.retry,\n                  metadata: tripwire.metadata,\n                  processorId: tripwire.processorId,\n                }}\n              />\n            </DialogBody>\n          </DialogContent>\n        </Dialog>\n      )}\n    </>\n  );\n};\n"],"names":["useState","useContext","WorkflowRunContext","useWorkflowStepDetail","useMemo","stepId","jsxs","Fragment","WorkflowStepActions","WorkflowStepAction","jsx","Dialog","DialogContent","DialogHeader","DialogTitle","DialogBody","WorkflowTimeTravelForm","WorkflowCodeContent"],"mappings":"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"}