@mastra/playground-ui 59.0.0 → 60.0.0-alpha.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-errors.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-run-errors.ts"],"sourcesContent":["function getErrorMessage(error: unknown): string | undefined {\n  if (typeof error === 'string') return error;\n  if (!error || typeof error !== 'object') return undefined;\n\n  if ('message' in error && typeof error.message === 'string') return error.message;\n  if ('error' in error) return getErrorMessage(error.error);\n\n  return undefined;\n}\n\nexport function getWorkflowRunErrors(result: unknown, workflowError?: Error | null): string[] {\n  const errors = workflowError ? [workflowError.message] : [];\n  if (!result || typeof result !== 'object') return errors;\n\n  if ('error' in result) {\n    const message = getErrorMessage(result.error);\n    if (message) errors.push(message);\n  }\n\n  const stepErrors: Array<{ stepId: string; message: string }> = [];\n  if ('steps' in result && result.steps && typeof result.steps === 'object') {\n    for (const [stepId, step] of Object.entries(result.steps)) {\n      if (!step || typeof step !== 'object' || !('error' in step)) continue;\n      const message = getErrorMessage(step.error);\n      if (message) stepErrors.push({ stepId, message });\n    }\n  }\n\n  const uniqueRunErrors = [...new Set(errors)].filter(error => !stepErrors.some(step => step.message === error));\n  return [...uniqueRunErrors, ...stepErrors.map(({ stepId, message }) => `${stepId}: ${message}`)];\n}\n"],"names":[],"mappings":"AAAA,SAAS,gBAAgB,KAAA,EAAoC;AAC3D,EAAA,IAAI,OAAO,KAAA,KAAU,QAAA,EAAU,OAAO,KAAA;AACtC,EAAA,IAAI,CAAC,KAAA,IAAS,OAAO,KAAA,KAAU,UAAU,OAAO,MAAA;AAEhD,EAAA,IAAI,aAAa,KAAA,IAAS,OAAO,MAAM,OAAA,KAAY,QAAA,SAAiB,KAAA,CAAM,OAAA;AAC1E,EAAA,IAAI,OAAA,IAAW,KAAA,EAAO,OAAO,eAAA,CAAgB,MAAM,KAAK,CAAA;AAExD,EAAA,OAAO,MAAA;AACT;AAEO,SAAS,oBAAA,CAAqB,QAAiB,aAAA,EAAwC;AAC5F,EAAA,MAAM,SAAS,aAAA,GAAgB,CAAC,aAAA,CAAc,OAAO,IAAI,EAAC;AAC1D,EAAA,IAAI,CAAC,MAAA,IAAU,OAAO,MAAA,KAAW,UAAU,OAAO,MAAA;AAElD,EAAA,IAAI,WAAW,MAAA,EAAQ;AACrB,IAAA,MAAM,OAAA,GAAU,eAAA,CAAgB,MAAA,CAAO,KAAK,CAAA;AAC5C,IAAA,IAAI,OAAA,EAAS,MAAA,CAAO,IAAA,CAAK,OAAO,CAAA;AAAA,EAClC;AAEA,EAAA,MAAM,aAAyD,EAAC;AAChE,EAAA,IAAI,WAAW,MAAA,IAAU,MAAA,CAAO,SAAS,OAAO,MAAA,CAAO,UAAU,QAAA,EAAU;AACzE,IAAA,KAAA,MAAW,CAAC,QAAQ,IAAI,CAAA,IAAK,OAAO,OAAA,CAAQ,MAAA,CAAO,KAAK,CAAA,EAAG;AACzD,MAAA,IAAI,CAAC,IAAA,IAAQ,OAAO,SAAS,QAAA,IAAY,EAAE,WAAW,IAAA,CAAA,EAAO;AAC7D,MAAA,MAAM,OAAA,GAAU,eAAA,CAAgB,IAAA,CAAK,KAAK,CAAA;AAC1C,MAAA,IAAI,SAAS,UAAA,CAAW,IAAA,CAAK,EAAE,MAAA,EAAQ,SAAS,CAAA;AAAA,IAClD;AAAA,EACF;AAEA,EAAA,MAAM,kBAAkB,CAAC,GAAG,IAAI,GAAA,CAAI,MAAM,CAAC,CAAA,CAAE,MAAA,CAAO,CAAA,KAAA,KAAS,CAAC,UAAA,CAAW,IAAA,CAAK,UAAQ,IAAA,CAAK,OAAA,KAAY,KAAK,CAAC,CAAA;AAC7G,EAAA,OAAO,CAAC,GAAG,eAAA,EAAiB,GAAG,UAAA,CAAW,IAAI,CAAC,EAAE,MAAA,EAAQ,OAAA,OAAc,CAAA,EAAG,MAAM,CAAA,EAAA,EAAK,OAAO,EAAE,CAAC,CAAA;AACjG;;;;"}

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

@@ -0,0 +1,82 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const domains_workflows_components_workflowRunStatusIcon = require('../components/workflow-run-status-icon.cjs.js');
+const domains_workflows_context_workflowStepTiming = require('../context/workflow-step-timing.cjs.js');
+const Badge = require('../../../Badge-DFNxcz-r.cjs');
+const copyButton = require('../../../copy-button-D2MTGxq_.cjs');
+const relativeTimestamp = require('../../../relative-timestamp-CHNqhmkb.cjs');
+const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const hooks_useTimeDiff = require('../../../hooks/use-time-diff.cjs.js');
+const utils_duration = require('../../../utils/duration.cjs.js');
+
+function formatRunStatus(status) {
+  if (!status) return "Run";
+  return status.charAt(0).toUpperCase() + status.slice(1);
+}
+function WorkflowRunStatusBadge({ status }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Badge.Badge,
+    {
+      size: "md",
+      variant: status === "paused" ? "yellow" : "neutral",
+      emphasis: "muted",
+      icon: status && /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_components_workflowRunStatusIcon.WorkflowRunStatusIcon, { status }),
+      children: formatRunStatus(status)
+    }
+  );
+}
+function RunDuration({ span, spansSuspension }) {
+  const elapsed = utils_duration.formatDuration(hooks_useTimeDiff.useTimeDiff(span));
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: "flex items-center gap-1.5 text-meta text-muted-foreground",
+      title: spansSuspension ? "Run duration, including time spent suspended" : "Run duration",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Timer, { "aria-hidden": true, className: "size-3.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", font: "mono", children: elapsed })
+      ]
+    }
+  );
+}
+function RunWaiting({ since }) {
+  const waiting = utils_duration.formatDuration(hooks_useTimeDiff.useTimeDiff({ startedAt: since }));
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 text-meta text-accent3 tabular-nums", title: "Waiting for input", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { "aria-hidden": true, className: "size-3.5" }),
+    waiting
+  ] });
+}
+function RunWorkflowHeader({
+  runId,
+  status,
+  result,
+  timestamp,
+  resourceId
+}) {
+  const timing = domains_workflows_context_workflowStepTiming.resolveRunTiming(result?.steps, status);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col gap-2 px-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(WorkflowRunStatusBadge, { status }),
+        resourceId && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "md", variant: "neutral", emphasis: "muted", className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", title: `Resource ${resourceId}`, children: resourceId }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        timing?.waitingSince !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(RunWaiting, { since: timing.waitingSince }),
+        timing && /* @__PURE__ */ jsxRuntime.jsx(RunDuration, { span: timing.span, spansSuspension: timing.spansSuspension })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-1 text-meta text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", font: "mono", className: "min-w-0 truncate", title: runId, children: runId }),
+      /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: runId, tooltip: "Copy run ID", variant: "ghost", size: "icon-sm", className: "shrink-0" }),
+      timestamp !== void 0 && Number.isFinite(timestamp) ? /* @__PURE__ */ jsxRuntime.jsx(relativeTimestamp.RelativeTimestamp, { value: timestamp, className: "ml-auto shrink-0" }) : null
+    ] })
+  ] });
+}
+
+exports.RunWorkflowHeader = RunWorkflowHeader;
+exports.WorkflowRunStatusBadge = WorkflowRunStatusBadge;
+//# sourceMappingURL=workflow-run-header.cjs.js.map

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

@@ -0,0 +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":";;;;;;;;;;;;;;;AAaA,SAAS,gBAAgB,MAAA,EAA4B;AACnD,EAAA,IAAI,CAAC,QAAQ,OAAO,KAAA;AACpB,EAAA,OAAO,MAAA,CAAO,OAAO,CAAC,CAAA,CAAE,aAAY,GAAI,MAAA,CAAO,MAAM,CAAC,CAAA;AACxD;AAEO,SAAS,sBAAA,CAAuB,EAAE,MAAA,EAAO,EAAmC;AACjF,EAAA,uBACEA,cAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,IAAA;AAAA,MACL,OAAA,EAAS,MAAA,KAAW,QAAA,GAAW,QAAA,GAAW,SAAA;AAAA,MAC1C,QAAA,EAAS,OAAA;AAAA,MACT,IAAA,EAAM,MAAA,oBAAUD,cAAA,CAACE,wEAAA,EAAA,EAAsB,MAAA,EAAgB,CAAA;AAAA,MAEtD,0BAAgB,MAAM;AAAA;AAAA,GACzB;AAEJ;AAEA,SAAS,WAAA,CAAY,EAAE,IAAA,EAAM,eAAA,EAAgB,EAA4C;AACvF,EAAA,MAAM,OAAA,GAAUC,6BAAA,CAAeC,6BAAA,CAAY,IAAI,CAAC,CAAA;AAEhD,EAAA,uBACEC,eAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,2DAAA;AAAA,MACV,KAAA,EAAO,kBAAkB,8CAAA,GAAiD,cAAA;AAAA,MAE1E,QAAA,EAAA;AAAA,wBAAAL,cAAA,CAACM,iBAAA,EAAA,EAAM,aAAA,EAAW,IAAA,EAAC,SAAA,EAAU,UAAA,EAAW,CAAA;AAAA,wBACxCN,cAAA,CAACO,WAAI,EAAA,EAAG,MAAA,EAAO,SAAQ,MAAA,EAAO,IAAA,EAAK,QAChC,QAAA,EAAA,OAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,UAAA,CAAW,EAAE,KAAA,EAAM,EAAsB;AAChD,EAAA,MAAM,UAAUJ,6BAAA,CAAeC,6BAAA,CAAY,EAAE,SAAA,EAAW,KAAA,EAAO,CAAC,CAAA;AAEhE,EAAA,uBACEC,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+DAAA,EAAgE,OAAM,mBAAA,EACpF,QAAA,EAAA;AAAA,oBAAAL,cAAA,CAACQ,iBAAA,EAAA,EAAM,aAAA,EAAW,IAAA,EAAC,SAAA,EAAU,UAAA,EAAW,CAAA;AAAA,IACvC;AAAA,GAAA,EACH,CAAA;AAEJ;AAEO,SAAS,iBAAA,CAAkB;AAAA,EAChC,KAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,MAAM,MAAA,GAASC,6DAAA,CAAiB,MAAA,EAAQ,KAAA,EAAO,MAAM,CAAA;AAErD,EAAA,uBACEJ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mDAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2CAAA,EACb,QAAA,EAAA;AAAA,wBAAAL,cAAA,CAAC,0BAAuB,MAAA,EAAgB,CAAA;AAAA,QACvC,UAAA,mCACEC,WAAA,EAAA,EAAM,IAAA,EAAK,MAAK,OAAA,EAAQ,SAAA,EAAU,UAAS,OAAA,EAAQ,SAAA,EAAU,WAC5D,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kBAAA,EAAmB,KAAA,EAAO,YAAY,UAAU,CAAA,CAAA,EAC7D,sBACH,CAAA,EACF;AAAA,OAAA,EAEJ,CAAA;AAAA,sBACAK,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,QAAA,MAAA,EAAQ,iBAAiB,MAAA,oBAAaL,cAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAO,OAAO,YAAA,EAAc,CAAA;AAAA,QAC9E,MAAA,mCAAW,WAAA,EAAA,EAAY,IAAA,EAAM,OAAO,IAAA,EAAM,eAAA,EAAiB,OAAO,eAAA,EAAiB;AAAA,OAAA,EACtF;AAAA,KAAA,EACF,CAAA;AAAA,oBACAK,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iEAAA,EACb,QAAA,EAAA;AAAA,sBAAAL,cAAA,CAACO,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,MAAA,EAAO,SAAA,EAAU,kBAAA,EAAmB,KAAA,EAAO,KAAA,EAC3E,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,sBACAP,cAAA,CAACU,qBAAA,EAAA,EAAW,OAAA,EAAS,KAAA,EAAO,OAAA,EAAQ,aAAA,EAAc,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAU,SAAA,EAAU,UAAA,EAAW,CAAA;AAAA,MACrG,SAAA,KAAc,MAAA,IAAa,MAAA,CAAO,QAAA,CAAS,SAAS,CAAA,mBACnDV,cAAA,CAACW,mCAAA,EAAA,EAAkB,KAAA,EAAO,SAAA,EAAW,SAAA,EAAU,kBAAA,EAAmB,CAAA,GAChE;AAAA,KAAA,EACN;AAAA,GAAA,EACF,CAAA;AAEJ;;;;;"}

package/dist/domains/workflows/workflow/workflow-run-header.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/workflows/workflow/workflow-run-header'
+export {}

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

@@ -0,0 +1,77 @@
+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-DcZ1mdw4.js';
+import { R as RelativeTimestamp } from '../../../relative-timestamp-DjbfpeDB.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';
+
+function formatRunStatus(status) {
+  if (!status) return "Run";
+  return status.charAt(0).toUpperCase() + status.slice(1);
+}
+function WorkflowRunStatusBadge({ status }) {
+  return /* @__PURE__ */ jsx(
+    Badge,
+    {
+      size: "md",
+      variant: status === "paused" ? "yellow" : "neutral",
+      emphasis: "muted",
+      icon: status && /* @__PURE__ */ jsx(WorkflowRunStatusIcon, { status }),
+      children: formatRunStatus(status)
+    }
+  );
+}
+function RunDuration({ span, spansSuspension }) {
+  const elapsed = formatDuration(useTimeDiff(span));
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: "flex items-center gap-1.5 text-meta text-muted-foreground",
+      title: spansSuspension ? "Run duration, including time spent suspended" : "Run duration",
+      children: [
+        /* @__PURE__ */ jsx(Timer, { "aria-hidden": true, className: "size-3.5" }),
+        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", font: "mono", children: elapsed })
+      ]
+    }
+  );
+}
+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
+  ] });
+}
+function RunWorkflowHeader({
+  runId,
+  status,
+  result,
+  timestamp,
+  resourceId
+}) {
+  const timing = resolveRunTiming(result?.steps, status);
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-2 px-5", children: [
+    /* @__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 }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        timing?.waitingSince !== void 0 && /* @__PURE__ */ jsx(RunWaiting, { since: timing.waitingSince }),
+        timing && /* @__PURE__ */ jsx(RunDuration, { span: timing.span, spansSuspension: timing.spansSuspension })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1 text-meta text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", font: "mono", className: "min-w-0 truncate", title: runId, children: runId }),
+      /* @__PURE__ */ jsx(CopyButton, { content: runId, tooltip: "Copy run ID", variant: "ghost", size: "icon-sm", className: "shrink-0" }),
+      timestamp !== void 0 && Number.isFinite(timestamp) ? /* @__PURE__ */ jsx(RelativeTimestamp, { value: timestamp, className: "ml-auto shrink-0" }) : null
+    ] })
+  ] });
+}
+
+export { RunWorkflowHeader, WorkflowRunStatusBadge };
+//# sourceMappingURL=workflow-run-header.es.js.map

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

@@ -0,0 +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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"}

package/dist/domains/workflows/workflow/workflow-run-options.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const domains_workflows_workflow_workflowDebugModeSwitch = require('./workflow-debug-mode-switch.cjs.js');
+
+const WorkflowRunOptions = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_workflow_workflowDebugModeSwitch.WorkflowDebugModeSwitch, {});
+};
+
+exports.WorkflowRunOptions = WorkflowRunOptions;
+//# sourceMappingURL=workflow-run-options.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-options.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-run-options.tsx"],"sourcesContent":["import { WorkflowDebugModeSwitch } from './workflow-debug-mode-switch';\n\nexport const WorkflowRunOptions = () => {\n  return <WorkflowDebugModeSwitch />;\n};\n"],"names":["WorkflowDebugModeSwitch"],"mappings":";;;;;;;AAEO,MAAM,qBAAqB,MAAM;AACtC,EAAA,sCAAQA,0EAAA,EAAA,EAAwB,CAAA;AAClC;;;;"}

package/dist/domains/workflows/workflow/workflow-run-options.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/workflows/workflow/workflow-run-options'
+export {}

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

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { WorkflowDebugModeSwitch } from './workflow-debug-mode-switch.es.js';
+
+const WorkflowRunOptions = () => {
+  return /* @__PURE__ */ jsx(WorkflowDebugModeSwitch, {});
+};
+
+export { WorkflowRunOptions };
+//# sourceMappingURL=workflow-run-options.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-options.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-run-options.tsx"],"sourcesContent":["import { WorkflowDebugModeSwitch } from './workflow-debug-mode-switch';\n\nexport const WorkflowRunOptions = () => {\n  return <WorkflowDebugModeSwitch />;\n};\n"],"names":[],"mappings":";;;AAEO,MAAM,qBAAqB,MAAM;AACtC,EAAA,2BAAQ,uBAAA,EAAA,EAAwB,CAAA;AAClC;;;;"}

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

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+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-BYGlHRhb.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 WorkflowStatus = ({ stepId, status, result, tripwire }) => {
+  const isTripwire = status === "tripwire";
+  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" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "heading", tone: "ink", children: stepId.charAt(0).toUpperCase() + stepId.slice(1) })
+      ] }),
+      children: isTripwire && tripwire ? /* @__PURE__ */ jsxRuntime.jsx(domains_chat_messages_tripwireNotice.TripwireNotice, { reason: tripwire.reason || "Tripwire triggered", tripwire }) : /* @__PURE__ */ jsxRuntime.jsx(codeEditor.CodeEditor, { data: result })
+    }
+  );
+};
+
+exports.WorkflowStatus = WorkflowStatus;
+//# sourceMappingURL=workflow-status.cjs.js.map

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

@@ -0,0 +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;;;;"}

package/dist/domains/workflows/workflow/workflow-status.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/workflows/workflow/workflow-status'
+export {}

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

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ShieldAlert, CirclePause, HourglassIcon, Loader2 } from 'lucide-react';
+import { WorkflowCard } from './workflow-card.es.js';
+import { TripwireNotice } from '../../chat/messages/tripwire-notice.es.js';
+import { C as CodeEditor } from '../../../code-editor-DMNGyqvg.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';
+
+const WorkflowStatus = ({ stepId, status, result, tripwire }) => {
+  const isTripwire = status === "tripwire";
+  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" })
+        ] }),
+        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "heading", tone: "ink", children: stepId.charAt(0).toUpperCase() + stepId.slice(1) })
+      ] }),
+      children: isTripwire && tripwire ? /* @__PURE__ */ jsx(TripwireNotice, { reason: tripwire.reason || "Tripwire triggered", tripwire }) : /* @__PURE__ */ jsx(CodeEditor, { data: result })
+    }
+  );
+};
+
+export { WorkflowStatus };
+//# sourceMappingURL=workflow-status.es.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,245 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+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-Vvcjm0rZ.cjs');
+const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-BirYxjKN.cjs');
+const workflowStepAction = require('../../../workflow-step-action-D4Jh8rG3.cjs');
+
+const WorkflowStepActionBar = ({
+  resumeData,
+  error,
+  tripwire,
+  mapConfig,
+  stepName,
+  stepId,
+  onShowNestedGraph,
+  stepKey,
+  stepsFlow,
+  requestContext
+}) => {
+  const [openDialog, setOpenDialog] = React.useState(null);
+  const dialogProps = (dialog) => ({
+    open: openDialog === dialog,
+    onOpenChange: (open) => setOpenDialog(open ? dialog : null)
+  });
+  const closeDialog = () => setOpenDialog(null);
+  const {
+    withoutTimeTravel,
+    debugMode,
+    result,
+    runSnapshot,
+    timeTravelWorkflowStream,
+    runId: prevRunId,
+    workflowId,
+    setDebugMode
+  } = 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(() => {
+    if (!stepKey || !inDebugMode) return void 0;
+    const previousSteps = stepsFlow?.[stepKey] ?? [];
+    if (previousSteps.length === 0) return void 0;
+    if (previousSteps.length > 1) {
+      return {
+        hasMultiSteps: true,
+        input: previousSteps.reduce((acc, stepId2) => {
+          if (result?.steps?.[stepId2]?.status === "success") {
+            acc[stepId2] = result?.steps?.[stepId2].output;
+          }
+          return acc;
+        }, {})
+      };
+    }
+    const prevStepId = previousSteps[0];
+    if (prevStepId && result?.steps?.[prevStepId]?.status === "success") {
+      return {
+        hasMultiSteps: false,
+        input: result?.steps?.[prevStepId]?.output
+      };
+    }
+    return void 0;
+  }, [stepKey, stepsFlow, inDebugMode, result]);
+  const showDebugMode = inDebugMode && stepPayload && !result?.steps?.[stepKey];
+  const isMapConfigOpen = stepDetail?.type === "map-config" && stepDetail?.stepName === stepName;
+  const isNestedGraphOpen = stepDetail?.type === "nested-graph" && stepDetail.nestedGraph?.fullStep === stepKey;
+  const handleMapConfigClick = () => {
+    if (isMapConfigOpen) {
+      closeStepDetail();
+    } else if (mapConfig) {
+      showMapConfig({ stepName, stepId, mapConfig });
+    }
+  };
+  const handleNestedGraphClick = () => {
+    if (isNestedGraphOpen) {
+      closeStepDetail();
+    } else {
+      onShowNestedGraph?.();
+    }
+  };
+  const handleRunMapStep = (isContinueRun) => {
+    if (!stepKey || !stepPayload) return;
+    const payload = {
+      runId: prevRunId,
+      workflowId,
+      step: stepKey,
+      inputData: stepPayload?.hasMultiSteps ? void 0 : stepPayload?.input,
+      requestContext,
+      ...isContinueRun ? { perStep: false } : {},
+      ...stepPayload?.hasMultiSteps ? {
+        context: Object.keys(stepPayload.input)?.reduce((acc, stepId2) => {
+          acc[stepId2] = {
+            status: "success",
+            output: stepPayload.input[stepId2]
+          };
+          return acc;
+        }, {})
+      } : {}
+    };
+    if (isContinueRun) {
+      setDebugMode(false);
+    }
+    void timeTravelWorkflowStream(payload);
+  };
+  const hasActions = Boolean(
+    error || tripwire || mapConfig || resumeData || onShowNestedGraph || showTimeTravel || showDebugMode
+  );
+  if (!hasActions) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(workflowStepAction.WorkflowStepActions, { children: [
+      onShowNestedGraph && /* @__PURE__ */ jsxRuntime.jsx(workflowStepAction.WorkflowStepAction, { action: "nested", isActive: isNestedGraphOpen, onSelect: handleNestedGraphClick }),
+      showTimeTravel && /* @__PURE__ */ jsxRuntime.jsx(workflowStepAction.WorkflowStepAction, { action: "timeTravel", onSelect: () => setOpenDialog("timeTravel") }),
+      showDebugMode && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          workflowStepAction.WorkflowStepAction,
+          {
+            action: "runStep",
+            onSelect: () => {
+              if (mapConfig) handleRunMapStep();
+              else setOpenDialog("runStep");
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          workflowStepAction.WorkflowStepAction,
+          {
+            action: "continueRun",
+            onSelect: () => {
+              if (mapConfig) handleRunMapStep(true);
+              else setOpenDialog("continueRun");
+            }
+          }
+        )
+      ] }),
+      mapConfig && /* @__PURE__ */ jsxRuntime.jsx(workflowStepAction.WorkflowStepAction, { action: "map", isActive: isMapConfigOpen, onSelect: handleMapConfigClick }),
+      resumeData && /* @__PURE__ */ jsxRuntime.jsx(workflowStepAction.WorkflowStepAction, { action: "resumeData", onSelect: () => setOpenDialog("resumeData") }),
+      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 }) })
+    ] }) }),
+    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(
+          domains_workflows_workflow_workflowTimeTravelForm.WorkflowTimeTravelForm,
+          {
+            requestContext,
+            stepKey,
+            closeModal: closeDialog,
+            isPerStepRun: true,
+            buttonText: "Run step",
+            inputData: stepPayload?.input
+          }
+        ) })
+      ] }) }),
+      /* @__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(
+          domains_workflows_workflow_workflowTimeTravelForm.WorkflowTimeTravelForm,
+          {
+            requestContext,
+            stepKey,
+            closeModal: closeDialog,
+            isContinueRun: true,
+            buttonText: "Continue run",
+            inputData: stepPayload?.input
+          }
+        ) })
+      ] }) })
+    ] }),
+    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" })
+      ] }),
+      /* @__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" })
+      ] }),
+      /* @__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" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        workflowCodeDialogContent.WorkflowCodeContent,
+        {
+          data: {
+            reason: tripwire.reason,
+            retry: tripwire.retry,
+            metadata: tripwire.metadata,
+            processorId: tripwire.processorId
+          }
+        }
+      ) })
+    ] }) })
+  ] });
+};
+
+exports.WorkflowStepActionBar = WorkflowStepActionBar;
+//# sourceMappingURL=workflow-step-action-bar.cjs.js.map