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

package/dist/domains/workflows/workflow/workflow-trigger-form.d.ts

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

package/dist/domains/workflows/workflow/workflow-trigger-form.es.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Play, Loader2 } from 'lucide-react';
+import { WorkflowInputData } from './workflow-input-data.es.js';
+import { B as Button } from '../../../Button-B8nF87ai.js';
+import { Icon } from '../../../icons/Icon.es.js';
+
+function WorkflowTriggerForm({
+  zodSchema,
+  isStreaming,
+  onExecute,
+  defaultValues,
+  isViewingRun,
+  isProcessorWorkflow,
+  submitActions,
+  leftActions,
+  headingSlot,
+  collapsible,
+  submitButtonLabel = "Run"
+}) {
+  if (isViewingRun) {
+    return headingSlot && /* @__PURE__ */ jsx("div", { className: "pb-3", children: headingSlot });
+  }
+  if (zodSchema) {
+    return /* @__PURE__ */ jsx(
+      WorkflowInputData,
+      {
+        schema: zodSchema,
+        defaultValues,
+        isSubmitLoading: isStreaming,
+        submitButtonLabel,
+        inputTypeLabel: "Next run input",
+        submitButtonVariant: "primary",
+        submitButtonIcon: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Play, {}) }),
+        onSubmit: onExecute,
+        isProcessorWorkflow,
+        submitActions,
+        leftActions,
+        headingSlot,
+        collapsible
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    headingSlot && /* @__PURE__ */ jsx("div", { className: "border-b border-border/50 pb-3", children: headingSlot }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-1 pt-3", children: [
+      leftActions ?? /* @__PURE__ */ jsx("div", {}),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        submitActions,
+        /* @__PURE__ */ jsxs(Button, { variant: "primary", disabled: isStreaming, onClick: () => onExecute(null), children: [
+          isStreaming ? /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Loader2, { className: "animate-spin" }) }) : /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Play, {}) }),
+          submitButtonLabel
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+export { WorkflowTriggerForm };
+//# sourceMappingURL=workflow-trigger-form.es.js.map

package/dist/domains/workflows/workflow/workflow-trigger-form.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-trigger-form.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-trigger-form.tsx"],"sourcesContent":["import { Loader2, Play } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport type { ZodSchema } from 'zod';\n\nimport { WorkflowInputData } from './workflow-input-data';\nimport { Button } from '@/ds/components/Button';\nimport { Icon } from '@/ds/icons/Icon';\n\nexport interface WorkflowTriggerFormProps {\n  zodSchema: ZodSchema | null;\n  isStreaming: boolean;\n  onExecute: (data: any) => void;\n  defaultValues?: any;\n  isViewingRun?: boolean;\n  isProcessorWorkflow?: boolean;\n  submitActions?: ReactNode;\n  leftActions?: ReactNode;\n  headingSlot?: ReactNode;\n  collapsible?: boolean;\n  submitButtonLabel?: string;\n}\n\nexport function WorkflowTriggerForm({\n  zodSchema,\n  isStreaming,\n  onExecute,\n  defaultValues,\n  isViewingRun,\n  isProcessorWorkflow,\n  submitActions,\n  leftActions,\n  headingSlot,\n  collapsible,\n  submitButtonLabel = 'Run',\n}: WorkflowTriggerFormProps) {\n  if (isViewingRun) {\n    return headingSlot && <div className=\"pb-3\">{headingSlot}</div>;\n  }\n\n  if (zodSchema) {\n    return (\n      <WorkflowInputData\n        schema={zodSchema}\n        defaultValues={defaultValues}\n        isSubmitLoading={isStreaming}\n        submitButtonLabel={submitButtonLabel}\n        inputTypeLabel=\"Next run input\"\n        submitButtonVariant=\"primary\"\n        submitButtonIcon={\n          <Icon>\n            <Play />\n          </Icon>\n        }\n        onSubmit={onExecute}\n        isProcessorWorkflow={isProcessorWorkflow}\n        submitActions={submitActions}\n        leftActions={leftActions}\n        headingSlot={headingSlot}\n        collapsible={collapsible}\n      />\n    );\n  }\n\n  return (\n    <>\n      {headingSlot && <div className=\"border-b border-border/50 pb-3\">{headingSlot}</div>}\n      <div className=\"flex items-center justify-between gap-1 pt-3\">\n        {leftActions ?? <div />}\n        <div className=\"flex items-center gap-1\">\n          {submitActions}\n          <Button variant=\"primary\" disabled={isStreaming} onClick={() => onExecute(null)}>\n            {isStreaming ? (\n              <Icon>\n                <Loader2 className=\"animate-spin\" />\n              </Icon>\n            ) : (\n              <Icon>\n                <Play />\n              </Icon>\n            )}\n            {submitButtonLabel}\n          </Button>\n        </div>\n      </div>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAsBO,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,mBAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,iBAAA,GAAoB;AACtB,CAAA,EAA6B;AAC3B,EAAA,IAAI,YAAA,EAAc;AAChB,IAAA,OAAO,WAAA,oBAAe,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAQ,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,EAC3D;AAEA,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBACE,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,SAAA;AAAA,QACR,aAAA;AAAA,QACA,eAAA,EAAiB,WAAA;AAAA,QACjB,iBAAA;AAAA,QACA,cAAA,EAAe,gBAAA;AAAA,QACf,mBAAA,EAAoB,SAAA;AAAA,QACpB,gBAAA,kBACE,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR,CAAA;AAAA,QAEF,QAAA,EAAU,SAAA;AAAA,QACV,mBAAA;AAAA,QACA,aAAA;AAAA,QACA,WAAA;AAAA,QACA,WAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA,oBAAe,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gCAAA,EAAkC,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,oBAC7E,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8CAAA,EACZ,QAAA,EAAA;AAAA,MAAA,WAAA,wBAAgB,KAAA,EAAA,EAAI,CAAA;AAAA,sBACrB,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,QAAA,aAAA;AAAA,wBACD,IAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,QAAA,EAAU,aAAa,OAAA,EAAS,MAAM,SAAA,CAAU,IAAI,CAAA,EAC3E,QAAA,EAAA;AAAA,UAAA,WAAA,mBACC,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAU,cAAA,EAAe,CAAA,EACpC,CAAA,mBAEA,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,CAAA,EACR,CAAA;AAAA,UAED;AAAA,SAAA,EACH;AAAA,OAAA,EACF;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const Badge = require('../../../Badge-DFNxcz-r.cjs');
+const copyButton = require('../../../copy-button-D2MTGxq_.cjs');
+const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const icons_Icon = require('../../../icons/Icon.cjs.js');
+const icons_WorkflowIcon = require('../../../icons/WorkflowIcon.cjs.js');
+
+function InitialWorkflowHeader({ workflow, workflowId }) {
+  const stepsCount = Object.keys(workflow.steps ?? {}).length;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center gap-2 px-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { className: "shrink-0 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(icons_WorkflowIcon.WorkflowIcon, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "subheading", tone: "ink", className: "truncate", children: workflow.name ?? workflowId }),
+    /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: workflow.name ?? workflowId, variant: "ghost", className: "shrink-0" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { className: "ml-auto shrink-0", children: [
+      stepsCount,
+      " step",
+      stepsCount === 1 ? "" : "s"
+    ] })
+  ] });
+}
+
+exports.InitialWorkflowHeader = InitialWorkflowHeader;
+//# sourceMappingURL=workflow-trigger-header.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-trigger-header.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-trigger-header.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { Badge } from '@/ds/components/Badge';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\n\nexport function InitialWorkflowHeader({ workflow, workflowId }: { workflow: GetWorkflowResponse; workflowId: string }) {\n  const stepsCount = Object.keys(workflow.steps ?? {}).length;\n\n  return (\n    <div className=\"flex w-full items-center gap-2 px-5\">\n      <Icon className=\"shrink-0 text-muted-foreground\">\n        <WorkflowIcon />\n      </Icon>\n      <Txt as=\"span\" variant=\"subheading\" tone=\"ink\" className=\"truncate\">\n        {workflow.name ?? workflowId}\n      </Txt>\n      <CopyButton content={workflow.name ?? workflowId} variant=\"ghost\" className=\"shrink-0\" />\n      <Badge className=\"ml-auto shrink-0\">\n        {stepsCount} step{stepsCount === 1 ? '' : 's'}\n      </Badge>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","Icon","WorkflowIcon","Txt","CopyButton","Badge"],"mappings":";;;;;;;;;;;AAOO,SAAS,qBAAA,CAAsB,EAAE,QAAA,EAAU,UAAA,EAAW,EAA0D;AACrH,EAAA,MAAM,aAAa,MAAA,CAAO,IAAA,CAAK,SAAS,KAAA,IAAS,EAAE,CAAA,CAAE,MAAA;AAErD,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qCAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,eAAA,EAAA,EAAK,SAAA,EAAU,gCAAA,EACd,QAAA,kBAAAD,cAAA,CAACE,mCAAa,CAAA,EAChB,CAAA;AAAA,oBACAF,cAAA,CAACG,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,YAAA,EAAa,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,UAAA,EACtD,QAAA,EAAA,QAAA,CAAS,IAAA,IAAQ,UAAA,EACpB,CAAA;AAAA,oBACAH,cAAA,CAACI,yBAAW,OAAA,EAAS,QAAA,CAAS,QAAQ,UAAA,EAAY,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAU,UAAA,EAAW,CAAA;AAAA,oBACvFL,eAAA,CAACM,WAAA,EAAA,EAAM,SAAA,EAAU,kBAAA,EACd,QAAA,EAAA;AAAA,MAAA,UAAA;AAAA,MAAW,OAAA;AAAA,MAAM,UAAA,KAAe,IAAI,EAAA,GAAK;AAAA,KAAA,EAC5C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

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

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

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { B as Badge } from '../../../Badge-Bzn8Z-_I.js';
+import { C as CopyButton } from '../../../copy-button-DcZ1mdw4.js';
+import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { Icon } from '../../../icons/Icon.es.js';
+import { WorkflowIcon } from '../../../icons/WorkflowIcon.es.js';
+
+function InitialWorkflowHeader({ workflow, workflowId }) {
+  const stepsCount = Object.keys(workflow.steps ?? {}).length;
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-2 px-5", children: [
+    /* @__PURE__ */ jsx(Icon, { className: "shrink-0 text-muted-foreground", children: /* @__PURE__ */ jsx(WorkflowIcon, {}) }),
+    /* @__PURE__ */ jsx(Txt, { as: "span", variant: "subheading", tone: "ink", className: "truncate", children: workflow.name ?? workflowId }),
+    /* @__PURE__ */ jsx(CopyButton, { content: workflow.name ?? workflowId, variant: "ghost", className: "shrink-0" }),
+    /* @__PURE__ */ jsxs(Badge, { className: "ml-auto shrink-0", children: [
+      stepsCount,
+      " step",
+      stepsCount === 1 ? "" : "s"
+    ] })
+  ] });
+}
+
+export { InitialWorkflowHeader };
+//# sourceMappingURL=workflow-trigger-header.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-trigger-header.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-trigger-header.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { Badge } from '@/ds/components/Badge';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\n\nexport function InitialWorkflowHeader({ workflow, workflowId }: { workflow: GetWorkflowResponse; workflowId: string }) {\n  const stepsCount = Object.keys(workflow.steps ?? {}).length;\n\n  return (\n    <div className=\"flex w-full items-center gap-2 px-5\">\n      <Icon className=\"shrink-0 text-muted-foreground\">\n        <WorkflowIcon />\n      </Icon>\n      <Txt as=\"span\" variant=\"subheading\" tone=\"ink\" className=\"truncate\">\n        {workflow.name ?? workflowId}\n      </Txt>\n      <CopyButton content={workflow.name ?? workflowId} variant=\"ghost\" className=\"shrink-0\" />\n      <Badge className=\"ml-auto shrink-0\">\n        {stepsCount} step{stepsCount === 1 ? '' : 's'}\n      </Badge>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAOO,SAAS,qBAAA,CAAsB,EAAE,QAAA,EAAU,UAAA,EAAW,EAA0D;AACrH,EAAA,MAAM,aAAa,MAAA,CAAO,IAAA,CAAK,SAAS,KAAA,IAAS,EAAE,CAAA,CAAE,MAAA;AAErD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qCAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,gCAAA,EACd,QAAA,kBAAA,GAAA,CAAC,gBAAa,CAAA,EAChB,CAAA;AAAA,oBACA,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,YAAA,EAAa,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,UAAA,EACtD,QAAA,EAAA,QAAA,CAAS,IAAA,IAAQ,UAAA,EACpB,CAAA;AAAA,oBACA,GAAA,CAAC,cAAW,OAAA,EAAS,QAAA,CAAS,QAAQ,UAAA,EAAY,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAU,UAAA,EAAW,CAAA;AAAA,oBACvF,IAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,kBAAA,EACd,QAAA,EAAA;AAAA,MAAA,UAAA;AAAA,MAAW,OAAA;AAAA,MAAM,UAAA,KAAe,IAAI,EAAA,GAAK;AAAA,KAAA,EAC5C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,203 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const v4 = require('zod/v4');
+const domains_workflows_components_workflowRequestContextDialog = require('../components/workflow-request-context-dialog.cjs.js');
+const domains_workflows_components_workflowRunOptionsDialog = require('../components/workflow-run-options-dialog.cjs.js');
+const domains_workflows_context_workflowRunContext = require('../context/workflow-run-context.cjs.js');
+const domains_workflows_utils = require('../utils.cjs.js');
+const domains_workflows_workflow_useWorkflowTrigger = require('./use-workflow-trigger.cjs.js');
+const domains_workflows_workflow_workflowCancelButton = require('./workflow-cancel-button.cjs.js');
+const domains_workflows_workflow_workflowDebugModeSwitch = require('./workflow-debug-mode-switch.cjs.js');
+const domains_workflows_workflow_workflowDebugStepControls = require('./workflow-debug-step-controls.cjs.js');
+const domains_workflows_workflow_workflowRunData = require('./workflow-run-data.cjs.js');
+const domains_workflows_workflow_workflowRunError = require('./workflow-run-error.cjs.js');
+const domains_workflows_workflow_workflowRunHeader = require('./workflow-run-header.cjs.js');
+const domains_workflows_workflow_workflowTriggerForm = require('./workflow-trigger-form.cjs.js');
+const domains_workflows_workflow_workflowTriggerHeader = require('./workflow-trigger-header.cjs.js');
+const scrollArea = require('../../../scroll-area-BzOyuS8Y.cjs');
+const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
+const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const icons_Icon = require('../../../icons/Icon.cjs.js');
+const hooks_useLocalStorageState = require('../../../hooks/use-local-storage-state.cjs.js');
+const toast = require('../../../toast-nm-fM7BR.cjs');
+
+function WorkflowTrigger({
+  workflowId,
+  paramsRunId,
+  paramsRunStatus,
+  workflow,
+  isLoading,
+  createWorkflowRun,
+  streamWorkflow,
+  observeWorkflowStream,
+  isStreamingWorkflow,
+  isCancellingWorkflowRun,
+  cancelWorkflowRun,
+  requestContext,
+  onRequestContextChange,
+  canExecute: canExecuteWorkflow
+}) {
+  const {
+    result,
+    setResult,
+    payload,
+    setPayload,
+    setRunId: setContextRunId,
+    runId: contextRunId,
+    runSnapshot,
+    workflowError
+  } = React.useContext(domains_workflows_context_workflowRunContext.WorkflowRunContext);
+  const [isStarting, setIsStarting] = React.useState(false);
+  const pendingStart = React.useRef(null);
+  const observedParamRun = React.useRef(null);
+  const [cancelResponse, setCancelResponse] = React.useState();
+  const [resourceId, setResourceId] = hooks_useLocalStorageState.useLocalStorageState({
+    initialKey: `workflow-run-resource-id:${workflowId}`,
+    defaultValue: "",
+    schema: v4.z.string()
+  });
+  const activeRunId = paramsRunId || contextRunId;
+  const currentCancellation = cancelResponse?.runId === activeRunId ? cancelResponse : void 0;
+  const streamResultToUse = activeRunId ? result : null;
+  const suspendedSteps = domains_workflows_workflow_useWorkflowTrigger.useSuspendedSteps(streamResultToUse, activeRunId);
+  const { zodSchemaToUse, hasStateSchema } = domains_workflows_workflow_useWorkflowTrigger.useWorkflowSchemas(workflow);
+  const hasFinished = domains_workflows_utils.isWorkflowRunFinished(streamResultToUse?.status);
+  const isPausedDebug = streamResultToUse?.status === "paused";
+  React.useEffect(() => () => pendingStart.current?.abort(), []);
+  const handleExecuteWorkflow = async (data) => {
+    if (!workflow || isStarting) return;
+    pendingStart.current?.abort();
+    const request = new AbortController();
+    pendingStart.current = request;
+    setIsStarting(true);
+    try {
+      setCancelResponse(void 0);
+      setResult(null);
+      const trimmedResourceId = resourceId.trim() || void 0;
+      const run = await createWorkflowRun({ workflowId, resourceId: trimmedResourceId });
+      if (request.signal.aborted) return;
+      setContextRunId(run.runId);
+      setIsStarting(false);
+      const { initialState, inputData: dataInputData } = data ?? {};
+      const inputData = hasStateSchema ? dataInputData : data;
+      await streamWorkflow({
+        workflowId,
+        runId: run.runId,
+        inputData,
+        initialState,
+        requestContext,
+        resourceId: trimmedResourceId
+      });
+    } catch (error) {
+      if (!request.signal.aborted) toast.toast.error(error instanceof Error ? error.message : "Error executing workflow");
+    } finally {
+      if (!request.signal.aborted) setIsStarting(false);
+    }
+  };
+  const handleCancelWorkflowRun = async () => {
+    if (!activeRunId) return;
+    const resultWithoutStream = result?.status === "paused" || result?.status === "suspended" ? result : void 0;
+    try {
+      const response = await cancelWorkflowRun({ workflowId, runId: activeRunId });
+      setCancelResponse({ ...response, runId: activeRunId });
+      if (resultWithoutStream) setResult({ ...resultWithoutStream, status: "canceled" });
+    } catch {
+      toast.toast.error("Error cancelling workflow run");
+    }
+  };
+  React.useEffect(() => {
+    if (!paramsRunId || !observeWorkflowStream) return;
+    const paramRun = `${workflowId}:${paramsRunId}`;
+    if (observedParamRun.current === paramRun) return;
+    observedParamRun.current = paramRun;
+    observeWorkflowStream({ workflowId, runId: paramsRunId });
+  }, [paramsRunId, observeWorkflowStream, workflowId]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "h-[calc(100vh-126px)] px-4 pt-2 pb-4 text-caption", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10" })
+    ] }) });
+  }
+  if (!workflow) return null;
+  const isSuspendedSteps = suspendedSteps.length > 0;
+  const showsCancelButton = streamResultToUse?.status === "running" || streamResultToUse?.status === "suspended";
+  const isViewingRun = !!activeRunId;
+  const runStatus = streamResultToUse?.status ?? paramsRunStatus ?? (isStreamingWorkflow ? "running" : "pending");
+  const cancelAction = /* @__PURE__ */ jsxRuntime.jsx(
+    domains_workflows_workflow_workflowCancelButton.WorkflowCancelButton,
+    {
+      status: streamResultToUse?.status,
+      cancelMessage: currentCancellation?.message ?? null,
+      isCancelling: isCancellingWorkflowRun,
+      onCancel: handleCancelWorkflowRun,
+      disabled: !canExecuteWorkflow
+    }
+  );
+  const headingSlot = isViewingRun ? /* @__PURE__ */ jsxRuntime.jsx(
+    domains_workflows_workflow_workflowRunHeader.RunWorkflowHeader,
+    {
+      runId: activeRunId,
+      status: runStatus,
+      result: streamResultToUse,
+      timestamp: runSnapshot?.timestamp,
+      resourceId: domains_workflows_utils.getRunResourceId(runSnapshot)
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_workflow_workflowTriggerHeader.InitialWorkflowHeader, { workflow, workflowId });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    isSuspendedSteps && isStreamingWorkflow && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "-mt-5 flex items-center gap-2 border-b border-border bg-card px-5 py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "animate-spin text-foreground" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { children: "Resuming workflow" })
+    ] }),
+    canExecuteWorkflow && /* @__PURE__ */ jsxRuntime.jsx(
+      domains_workflows_workflow_workflowTriggerForm.WorkflowTriggerForm,
+      {
+        zodSchema: zodSchemaToUse,
+        defaultValues: payload,
+        isStreaming: isStarting || isStreamingWorkflow,
+        onExecute: (data) => {
+          setPayload(data);
+          void handleExecuteWorkflow(data);
+        },
+        isViewingRun,
+        isProcessorWorkflow: workflow?.isProcessorWorkflow,
+        collapsible: false,
+        headingSlot,
+        leftActions: !paramsRunId ? /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_workflow_workflowDebugModeSwitch.WorkflowDebugModeSwitch, {}) : void 0,
+        submitButtonLabel: isStarting ? "Starting…" : "Run",
+        submitActions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          workflow?.requestContextSchema && /* @__PURE__ */ jsxRuntime.jsx(
+            domains_workflows_components_workflowRequestContextDialog.WorkflowRequestContextDialog,
+            {
+              requestContextSchema: workflow.requestContextSchema,
+              requestContext,
+              onRequestContextChange
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_components_workflowRunOptionsDialog.WorkflowRunOptionsDialog, { resourceId, onResourceIdChange: setResourceId })
+        ] })
+      },
+      `${workflowId}:${activeRunId || "new"}`
+    ),
+    !canExecuteWorkflow && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", className: "px-5 py-2", children: "You don't have permission to execute workflows." }),
+    hasFinished && streamResultToUse && /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_workflow_workflowRunError.WorkflowRunError, { result: streamResultToUse, workflowError, className: "mx-5 mb-4" }),
+    isPausedDebug && canExecuteWorkflow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 pt-3 pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+      domains_workflows_workflow_workflowDebugStepControls.WorkflowDebugStepControls,
+      {
+        requestContext,
+        isStreaming: isStreamingWorkflow,
+        disabled: isCancellingWorkflowRun || !!currentCancellation,
+        children: cancelAction
+      }
+    ) }),
+    showsCancelButton && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "workflow-cancel-action", className: "flex justify-end px-5 pt-3 pb-4", children: cancelAction }),
+    streamResultToUse && /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_workflow_workflowRunData.WorkflowRunData, { input: payload, result: streamResultToUse }, activeRunId)
+  ] }) });
+}
+
+exports.WorkflowTrigger = WorkflowTrigger;
+//# sourceMappingURL=workflow-trigger.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-trigger.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-trigger.tsx"],"sourcesContent":["import type { WorkflowRunStatus } from '@mastra/core/workflows';\nimport { Loader2 } from 'lucide-react';\nimport { useState, useEffect, useContext, useRef } from 'react';\nimport { z } from 'zod/v4';\nimport { WorkflowRequestContextDialog } from '../components/workflow-request-context-dialog';\nimport { WorkflowRunOptionsDialog } from '../components/workflow-run-options-dialog';\nimport type { WorkflowRunContextType } from '../context/workflow-run-context';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { getRunResourceId, isWorkflowRunFinished } from '../utils';\nimport { useSuspendedSteps, useWorkflowSchemas } from './use-workflow-trigger';\nimport { WorkflowCancelButton } from './workflow-cancel-button';\nimport { WorkflowDebugModeSwitch } from './workflow-debug-mode-switch';\nimport { WorkflowDebugStepControls } from './workflow-debug-step-controls';\nimport { WorkflowRunData } from './workflow-run-data';\nimport { WorkflowRunError } from './workflow-run-error';\nimport { RunWorkflowHeader } from './workflow-run-header';\nimport { WorkflowTriggerForm } from './workflow-trigger-form';\nimport type { WorkflowTriggerFormProps } from './workflow-trigger-form';\nimport { InitialWorkflowHeader } from './workflow-trigger-header';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { useLocalStorageState } from '@/hooks/use-local-storage-state';\nimport { toast } from '@/utils/toast';\n\nexport type WorkflowTriggerProps = Pick<\n  WorkflowRunContextType,\n  | 'workflowId'\n  | 'workflow'\n  | 'isLoading'\n  | 'createWorkflowRun'\n  | 'streamWorkflow'\n  | 'resumeWorkflow'\n  | 'isStreamingWorkflow'\n  | 'isCancellingWorkflowRun'\n  | 'cancelWorkflowRun'\n> & {\n  paramsRunId?: string;\n  paramsRunStatus?: WorkflowRunStatus;\n  observeWorkflowStream?: (params: { workflowId: string; runId: string }) => void;\n  requestContext: Record<string, any>;\n  onRequestContextChange: (values: Record<string, any>) => void;\n  canExecute: boolean;\n};\n\nexport function WorkflowTrigger({\n  workflowId,\n  paramsRunId,\n  paramsRunStatus,\n  workflow,\n  isLoading,\n  createWorkflowRun,\n  streamWorkflow,\n  observeWorkflowStream,\n  isStreamingWorkflow,\n  isCancellingWorkflowRun,\n  cancelWorkflowRun,\n  requestContext,\n  onRequestContextChange,\n  canExecute: canExecuteWorkflow,\n}: WorkflowTriggerProps) {\n  const {\n    result,\n    setResult,\n    payload,\n    setPayload,\n    setRunId: setContextRunId,\n    runId: contextRunId,\n    runSnapshot,\n    workflowError,\n  } = useContext(WorkflowRunContext);\n\n  const [isStarting, setIsStarting] = useState(false);\n  const pendingStart = useRef<AbortController | null>(null);\n  const observedParamRun = useRef<string | null>(null);\n  const [cancelResponse, setCancelResponse] = useState<{ runId: string; message: string }>();\n  const [resourceId, setResourceId] = useLocalStorageState({\n    initialKey: `workflow-run-resource-id:${workflowId}`,\n    defaultValue: '',\n    schema: z.string(),\n  });\n\n  const activeRunId = paramsRunId || contextRunId;\n  const currentCancellation = cancelResponse?.runId === activeRunId ? cancelResponse : undefined;\n  const streamResultToUse = activeRunId ? result : null;\n  const suspendedSteps = useSuspendedSteps(streamResultToUse, activeRunId);\n  const { zodSchemaToUse, hasStateSchema } = useWorkflowSchemas(workflow);\n\n  const hasFinished = isWorkflowRunFinished(streamResultToUse?.status);\n\n  const isPausedDebug = streamResultToUse?.status === 'paused';\n\n  useEffect(() => () => pendingStart.current?.abort(), []);\n\n  const handleExecuteWorkflow = async (data: Parameters<WorkflowTriggerFormProps['onExecute']>[0]) => {\n    if (!workflow || isStarting) return;\n    pendingStart.current?.abort();\n    const request = new AbortController();\n    pendingStart.current = request;\n    setIsStarting(true);\n    try {\n      setCancelResponse(undefined);\n      setResult(null);\n\n      const trimmedResourceId = resourceId.trim() || undefined;\n      const run = await createWorkflowRun({ workflowId, resourceId: trimmedResourceId });\n      if (request.signal.aborted) return;\n\n      setContextRunId(run.runId);\n      setIsStarting(false);\n\n      const { initialState, inputData: dataInputData } = data ?? {};\n      const inputData = hasStateSchema ? dataInputData : data;\n\n      await streamWorkflow({\n        workflowId,\n        runId: run.runId,\n        inputData,\n        initialState,\n        requestContext,\n        resourceId: trimmedResourceId,\n      });\n    } catch (error) {\n      if (!request.signal.aborted) toast.error(error instanceof Error ? error.message : 'Error executing workflow');\n    } finally {\n      if (!request.signal.aborted) setIsStarting(false);\n    }\n  };\n\n  const handleCancelWorkflowRun = async () => {\n    if (!activeRunId) return;\n    const resultWithoutStream = result?.status === 'paused' || result?.status === 'suspended' ? result : undefined;\n    try {\n      const response = await cancelWorkflowRun({ workflowId, runId: activeRunId });\n      setCancelResponse({ ...response, runId: activeRunId });\n      if (resultWithoutStream) setResult({ ...resultWithoutStream, status: 'canceled' });\n    } catch {\n      toast.error('Error cancelling workflow run');\n    }\n  };\n\n  useEffect(() => {\n    if (!paramsRunId || !observeWorkflowStream) return;\n    // Observing twice releases the stream reader and resets the run back to its snapshot.\n    const paramRun = `${workflowId}:${paramsRunId}`;\n    if (observedParamRun.current === paramRun) return;\n    observedParamRun.current = paramRun;\n    observeWorkflowStream({ workflowId, runId: paramsRunId });\n  }, [paramsRunId, observeWorkflowStream, workflowId]);\n\n  if (isLoading) {\n    return (\n      <ScrollArea className=\"h-[calc(100vh-126px)] px-4 pt-2 pb-4 text-caption\">\n        <div className=\"space-y-4\">\n          <Skeleton className=\"h-10\" />\n          <Skeleton className=\"h-10\" />\n        </div>\n      </ScrollArea>\n    );\n  }\n\n  if (!workflow) return null;\n\n  const isSuspendedSteps = suspendedSteps.length > 0;\n  const showsCancelButton = streamResultToUse?.status === 'running' || streamResultToUse?.status === 'suspended';\n\n  const isViewingRun = !!activeRunId;\n  const runStatus = streamResultToUse?.status ?? paramsRunStatus ?? (isStreamingWorkflow ? 'running' : 'pending');\n  const cancelAction = (\n    <WorkflowCancelButton\n      status={streamResultToUse?.status}\n      cancelMessage={currentCancellation?.message ?? null}\n      isCancelling={isCancellingWorkflowRun}\n      onCancel={handleCancelWorkflowRun}\n      disabled={!canExecuteWorkflow}\n    />\n  );\n  const headingSlot = isViewingRun ? (\n    <RunWorkflowHeader\n      runId={activeRunId}\n      status={runStatus}\n      result={streamResultToUse}\n      timestamp={runSnapshot?.timestamp}\n      resourceId={getRunResourceId(runSnapshot)}\n    />\n  ) : (\n    <InitialWorkflowHeader workflow={workflow} workflowId={workflowId} />\n  );\n\n  return (\n    <div className=\"pt-3\">\n      <div>\n        {isSuspendedSteps && isStreamingWorkflow && (\n          <div className=\"-mt-5 flex items-center gap-2 border-b border-border bg-card px-5 py-2\">\n            <Icon>\n              <Loader2 className=\"animate-spin text-foreground\" />\n            </Icon>\n            <Txt>Resuming workflow</Txt>\n          </div>\n        )}\n\n        {canExecuteWorkflow && (\n          <WorkflowTriggerForm\n            key={`${workflowId}:${activeRunId || 'new'}`}\n            zodSchema={zodSchemaToUse}\n            defaultValues={payload}\n            isStreaming={isStarting || isStreamingWorkflow}\n            onExecute={data => {\n              setPayload(data);\n              void handleExecuteWorkflow(data);\n            }}\n            isViewingRun={isViewingRun}\n            isProcessorWorkflow={workflow?.isProcessorWorkflow}\n            collapsible={false}\n            headingSlot={headingSlot}\n            leftActions={!paramsRunId ? <WorkflowDebugModeSwitch /> : undefined}\n            submitButtonLabel={isStarting ? 'Starting…' : 'Run'}\n            submitActions={\n              <>\n                {workflow?.requestContextSchema && (\n                  <WorkflowRequestContextDialog\n                    requestContextSchema={workflow.requestContextSchema}\n                    requestContext={requestContext}\n                    onRequestContextChange={onRequestContextChange}\n                  />\n                )}\n                <WorkflowRunOptionsDialog resourceId={resourceId} onResourceIdChange={setResourceId} />\n              </>\n            }\n          />\n        )}\n\n        {!canExecuteWorkflow && (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"px-5 py-2\">\n            You don't have permission to execute workflows.\n          </Txt>\n        )}\n\n        {hasFinished && streamResultToUse && (\n          <WorkflowRunError result={streamResultToUse} workflowError={workflowError} className=\"mx-5 mb-4\" />\n        )}\n\n        {isPausedDebug && canExecuteWorkflow && (\n          <div className=\"px-5 pt-3 pb-4\">\n            <WorkflowDebugStepControls\n              requestContext={requestContext}\n              isStreaming={isStreamingWorkflow}\n              disabled={isCancellingWorkflowRun || !!currentCancellation}\n            >\n              {cancelAction}\n            </WorkflowDebugStepControls>\n          </div>\n        )}\n\n        {showsCancelButton && (\n          <div data-testid=\"workflow-cancel-action\" className=\"flex justify-end px-5 pt-3 pb-4\">\n            {cancelAction}\n          </div>\n        )}\n        {streamResultToUse && <WorkflowRunData key={activeRunId} input={payload} result={streamResultToUse} />}\n      </div>\n    </div>\n  );\n}\n"],"names":["useContext","WorkflowRunContext","useState","useRef","useLocalStorageState","z","useSuspendedSteps","useWorkflowSchemas","isWorkflowRunFinished","useEffect","toast","ScrollArea","jsxs","jsx","Skeleton","WorkflowCancelButton","RunWorkflowHeader","getRunResourceId","InitialWorkflowHeader","Icon","Loader2","Txt","WorkflowTriggerForm","WorkflowDebugModeSwitch","Fragment","WorkflowRequestContextDialog","WorkflowRunOptionsDialog","WorkflowRunError","WorkflowDebugStepControls","WorkflowRunData"],"mappings":"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"}

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

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

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

@@ -0,0 +1,199 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Loader2 } from 'lucide-react';
+import { useContext, useState, useRef, useEffect } from 'react';
+import { z } from 'zod/v4';
+import { WorkflowRequestContextDialog } from '../components/workflow-request-context-dialog.es.js';
+import { WorkflowRunOptionsDialog } from '../components/workflow-run-options-dialog.es.js';
+import { WorkflowRunContext } from '../context/workflow-run-context.es.js';
+import { isWorkflowRunFinished, getRunResourceId } from '../utils.es.js';
+import { useSuspendedSteps, useWorkflowSchemas } from './use-workflow-trigger.es.js';
+import { WorkflowCancelButton } from './workflow-cancel-button.es.js';
+import { WorkflowDebugModeSwitch } from './workflow-debug-mode-switch.es.js';
+import { WorkflowDebugStepControls } from './workflow-debug-step-controls.es.js';
+import { WorkflowRunData } from './workflow-run-data.es.js';
+import { WorkflowRunError } from './workflow-run-error.es.js';
+import { RunWorkflowHeader } from './workflow-run-header.es.js';
+import { WorkflowTriggerForm } from './workflow-trigger-form.es.js';
+import { InitialWorkflowHeader } from './workflow-trigger-header.es.js';
+import { S as ScrollArea } from '../../../scroll-area-DyTZoISq.js';
+import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
+import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { Icon } from '../../../icons/Icon.es.js';
+import { useLocalStorageState } from '../../../hooks/use-local-storage-state.es.js';
+import { t as toast } from '../../../toast-c5kCpyWt.js';
+
+function WorkflowTrigger({
+  workflowId,
+  paramsRunId,
+  paramsRunStatus,
+  workflow,
+  isLoading,
+  createWorkflowRun,
+  streamWorkflow,
+  observeWorkflowStream,
+  isStreamingWorkflow,
+  isCancellingWorkflowRun,
+  cancelWorkflowRun,
+  requestContext,
+  onRequestContextChange,
+  canExecute: canExecuteWorkflow
+}) {
+  const {
+    result,
+    setResult,
+    payload,
+    setPayload,
+    setRunId: setContextRunId,
+    runId: contextRunId,
+    runSnapshot,
+    workflowError
+  } = useContext(WorkflowRunContext);
+  const [isStarting, setIsStarting] = useState(false);
+  const pendingStart = useRef(null);
+  const observedParamRun = useRef(null);
+  const [cancelResponse, setCancelResponse] = useState();
+  const [resourceId, setResourceId] = useLocalStorageState({
+    initialKey: `workflow-run-resource-id:${workflowId}`,
+    defaultValue: "",
+    schema: z.string()
+  });
+  const activeRunId = paramsRunId || contextRunId;
+  const currentCancellation = cancelResponse?.runId === activeRunId ? cancelResponse : void 0;
+  const streamResultToUse = activeRunId ? result : null;
+  const suspendedSteps = useSuspendedSteps(streamResultToUse, activeRunId);
+  const { zodSchemaToUse, hasStateSchema } = useWorkflowSchemas(workflow);
+  const hasFinished = isWorkflowRunFinished(streamResultToUse?.status);
+  const isPausedDebug = streamResultToUse?.status === "paused";
+  useEffect(() => () => pendingStart.current?.abort(), []);
+  const handleExecuteWorkflow = async (data) => {
+    if (!workflow || isStarting) return;
+    pendingStart.current?.abort();
+    const request = new AbortController();
+    pendingStart.current = request;
+    setIsStarting(true);
+    try {
+      setCancelResponse(void 0);
+      setResult(null);
+      const trimmedResourceId = resourceId.trim() || void 0;
+      const run = await createWorkflowRun({ workflowId, resourceId: trimmedResourceId });
+      if (request.signal.aborted) return;
+      setContextRunId(run.runId);
+      setIsStarting(false);
+      const { initialState, inputData: dataInputData } = data ?? {};
+      const inputData = hasStateSchema ? dataInputData : data;
+      await streamWorkflow({
+        workflowId,
+        runId: run.runId,
+        inputData,
+        initialState,
+        requestContext,
+        resourceId: trimmedResourceId
+      });
+    } catch (error) {
+      if (!request.signal.aborted) toast.error(error instanceof Error ? error.message : "Error executing workflow");
+    } finally {
+      if (!request.signal.aborted) setIsStarting(false);
+    }
+  };
+  const handleCancelWorkflowRun = async () => {
+    if (!activeRunId) return;
+    const resultWithoutStream = result?.status === "paused" || result?.status === "suspended" ? result : void 0;
+    try {
+      const response = await cancelWorkflowRun({ workflowId, runId: activeRunId });
+      setCancelResponse({ ...response, runId: activeRunId });
+      if (resultWithoutStream) setResult({ ...resultWithoutStream, status: "canceled" });
+    } catch {
+      toast.error("Error cancelling workflow run");
+    }
+  };
+  useEffect(() => {
+    if (!paramsRunId || !observeWorkflowStream) return;
+    const paramRun = `${workflowId}:${paramsRunId}`;
+    if (observedParamRun.current === paramRun) return;
+    observedParamRun.current = paramRun;
+    observeWorkflowStream({ workflowId, runId: paramsRunId });
+  }, [paramsRunId, observeWorkflowStream, workflowId]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(ScrollArea, { className: "h-[calc(100vh-126px)] px-4 pt-2 pb-4 text-caption", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10" })
+    ] }) });
+  }
+  if (!workflow) return null;
+  const isSuspendedSteps = suspendedSteps.length > 0;
+  const showsCancelButton = streamResultToUse?.status === "running" || streamResultToUse?.status === "suspended";
+  const isViewingRun = !!activeRunId;
+  const runStatus = streamResultToUse?.status ?? paramsRunStatus ?? (isStreamingWorkflow ? "running" : "pending");
+  const cancelAction = /* @__PURE__ */ jsx(
+    WorkflowCancelButton,
+    {
+      status: streamResultToUse?.status,
+      cancelMessage: currentCancellation?.message ?? null,
+      isCancelling: isCancellingWorkflowRun,
+      onCancel: handleCancelWorkflowRun,
+      disabled: !canExecuteWorkflow
+    }
+  );
+  const headingSlot = isViewingRun ? /* @__PURE__ */ jsx(
+    RunWorkflowHeader,
+    {
+      runId: activeRunId,
+      status: runStatus,
+      result: streamResultToUse,
+      timestamp: runSnapshot?.timestamp,
+      resourceId: getRunResourceId(runSnapshot)
+    }
+  ) : /* @__PURE__ */ jsx(InitialWorkflowHeader, { workflow, workflowId });
+  return /* @__PURE__ */ jsx("div", { className: "pt-3", children: /* @__PURE__ */ jsxs("div", { children: [
+    isSuspendedSteps && isStreamingWorkflow && /* @__PURE__ */ jsxs("div", { className: "-mt-5 flex items-center gap-2 border-b border-border bg-card px-5 py-2", children: [
+      /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Loader2, { className: "animate-spin text-foreground" }) }),
+      /* @__PURE__ */ jsx(Txt, { children: "Resuming workflow" })
+    ] }),
+    canExecuteWorkflow && /* @__PURE__ */ jsx(
+      WorkflowTriggerForm,
+      {
+        zodSchema: zodSchemaToUse,
+        defaultValues: payload,
+        isStreaming: isStarting || isStreamingWorkflow,
+        onExecute: (data) => {
+          setPayload(data);
+          void handleExecuteWorkflow(data);
+        },
+        isViewingRun,
+        isProcessorWorkflow: workflow?.isProcessorWorkflow,
+        collapsible: false,
+        headingSlot,
+        leftActions: !paramsRunId ? /* @__PURE__ */ jsx(WorkflowDebugModeSwitch, {}) : void 0,
+        submitButtonLabel: isStarting ? "Starting…" : "Run",
+        submitActions: /* @__PURE__ */ jsxs(Fragment, { children: [
+          workflow?.requestContextSchema && /* @__PURE__ */ jsx(
+            WorkflowRequestContextDialog,
+            {
+              requestContextSchema: workflow.requestContextSchema,
+              requestContext,
+              onRequestContextChange
+            }
+          ),
+          /* @__PURE__ */ jsx(WorkflowRunOptionsDialog, { resourceId, onResourceIdChange: setResourceId })
+        ] })
+      },
+      `${workflowId}:${activeRunId || "new"}`
+    ),
+    !canExecuteWorkflow && /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", className: "px-5 py-2", children: "You don't have permission to execute workflows." }),
+    hasFinished && streamResultToUse && /* @__PURE__ */ jsx(WorkflowRunError, { result: streamResultToUse, workflowError, className: "mx-5 mb-4" }),
+    isPausedDebug && canExecuteWorkflow && /* @__PURE__ */ jsx("div", { className: "px-5 pt-3 pb-4", children: /* @__PURE__ */ jsx(
+      WorkflowDebugStepControls,
+      {
+        requestContext,
+        isStreaming: isStreamingWorkflow,
+        disabled: isCancellingWorkflowRun || !!currentCancellation,
+        children: cancelAction
+      }
+    ) }),
+    showsCancelButton && /* @__PURE__ */ jsx("div", { "data-testid": "workflow-cancel-action", className: "flex justify-end px-5 pt-3 pb-4", children: cancelAction }),
+    streamResultToUse && /* @__PURE__ */ jsx(WorkflowRunData, { input: payload, result: streamResultToUse }, activeRunId)
+  ] }) });
+}
+
+export { WorkflowTrigger };
+//# sourceMappingURL=workflow-trigger.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-trigger.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-trigger.tsx"],"sourcesContent":["import type { WorkflowRunStatus } from '@mastra/core/workflows';\nimport { Loader2 } from 'lucide-react';\nimport { useState, useEffect, useContext, useRef } from 'react';\nimport { z } from 'zod/v4';\nimport { WorkflowRequestContextDialog } from '../components/workflow-request-context-dialog';\nimport { WorkflowRunOptionsDialog } from '../components/workflow-run-options-dialog';\nimport type { WorkflowRunContextType } from '../context/workflow-run-context';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { getRunResourceId, isWorkflowRunFinished } from '../utils';\nimport { useSuspendedSteps, useWorkflowSchemas } from './use-workflow-trigger';\nimport { WorkflowCancelButton } from './workflow-cancel-button';\nimport { WorkflowDebugModeSwitch } from './workflow-debug-mode-switch';\nimport { WorkflowDebugStepControls } from './workflow-debug-step-controls';\nimport { WorkflowRunData } from './workflow-run-data';\nimport { WorkflowRunError } from './workflow-run-error';\nimport { RunWorkflowHeader } from './workflow-run-header';\nimport { WorkflowTriggerForm } from './workflow-trigger-form';\nimport type { WorkflowTriggerFormProps } from './workflow-trigger-form';\nimport { InitialWorkflowHeader } from './workflow-trigger-header';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { useLocalStorageState } from '@/hooks/use-local-storage-state';\nimport { toast } from '@/utils/toast';\n\nexport type WorkflowTriggerProps = Pick<\n  WorkflowRunContextType,\n  | 'workflowId'\n  | 'workflow'\n  | 'isLoading'\n  | 'createWorkflowRun'\n  | 'streamWorkflow'\n  | 'resumeWorkflow'\n  | 'isStreamingWorkflow'\n  | 'isCancellingWorkflowRun'\n  | 'cancelWorkflowRun'\n> & {\n  paramsRunId?: string;\n  paramsRunStatus?: WorkflowRunStatus;\n  observeWorkflowStream?: (params: { workflowId: string; runId: string }) => void;\n  requestContext: Record<string, any>;\n  onRequestContextChange: (values: Record<string, any>) => void;\n  canExecute: boolean;\n};\n\nexport function WorkflowTrigger({\n  workflowId,\n  paramsRunId,\n  paramsRunStatus,\n  workflow,\n  isLoading,\n  createWorkflowRun,\n  streamWorkflow,\n  observeWorkflowStream,\n  isStreamingWorkflow,\n  isCancellingWorkflowRun,\n  cancelWorkflowRun,\n  requestContext,\n  onRequestContextChange,\n  canExecute: canExecuteWorkflow,\n}: WorkflowTriggerProps) {\n  const {\n    result,\n    setResult,\n    payload,\n    setPayload,\n    setRunId: setContextRunId,\n    runId: contextRunId,\n    runSnapshot,\n    workflowError,\n  } = useContext(WorkflowRunContext);\n\n  const [isStarting, setIsStarting] = useState(false);\n  const pendingStart = useRef<AbortController | null>(null);\n  const observedParamRun = useRef<string | null>(null);\n  const [cancelResponse, setCancelResponse] = useState<{ runId: string; message: string }>();\n  const [resourceId, setResourceId] = useLocalStorageState({\n    initialKey: `workflow-run-resource-id:${workflowId}`,\n    defaultValue: '',\n    schema: z.string(),\n  });\n\n  const activeRunId = paramsRunId || contextRunId;\n  const currentCancellation = cancelResponse?.runId === activeRunId ? cancelResponse : undefined;\n  const streamResultToUse = activeRunId ? result : null;\n  const suspendedSteps = useSuspendedSteps(streamResultToUse, activeRunId);\n  const { zodSchemaToUse, hasStateSchema } = useWorkflowSchemas(workflow);\n\n  const hasFinished = isWorkflowRunFinished(streamResultToUse?.status);\n\n  const isPausedDebug = streamResultToUse?.status === 'paused';\n\n  useEffect(() => () => pendingStart.current?.abort(), []);\n\n  const handleExecuteWorkflow = async (data: Parameters<WorkflowTriggerFormProps['onExecute']>[0]) => {\n    if (!workflow || isStarting) return;\n    pendingStart.current?.abort();\n    const request = new AbortController();\n    pendingStart.current = request;\n    setIsStarting(true);\n    try {\n      setCancelResponse(undefined);\n      setResult(null);\n\n      const trimmedResourceId = resourceId.trim() || undefined;\n      const run = await createWorkflowRun({ workflowId, resourceId: trimmedResourceId });\n      if (request.signal.aborted) return;\n\n      setContextRunId(run.runId);\n      setIsStarting(false);\n\n      const { initialState, inputData: dataInputData } = data ?? {};\n      const inputData = hasStateSchema ? dataInputData : data;\n\n      await streamWorkflow({\n        workflowId,\n        runId: run.runId,\n        inputData,\n        initialState,\n        requestContext,\n        resourceId: trimmedResourceId,\n      });\n    } catch (error) {\n      if (!request.signal.aborted) toast.error(error instanceof Error ? error.message : 'Error executing workflow');\n    } finally {\n      if (!request.signal.aborted) setIsStarting(false);\n    }\n  };\n\n  const handleCancelWorkflowRun = async () => {\n    if (!activeRunId) return;\n    const resultWithoutStream = result?.status === 'paused' || result?.status === 'suspended' ? result : undefined;\n    try {\n      const response = await cancelWorkflowRun({ workflowId, runId: activeRunId });\n      setCancelResponse({ ...response, runId: activeRunId });\n      if (resultWithoutStream) setResult({ ...resultWithoutStream, status: 'canceled' });\n    } catch {\n      toast.error('Error cancelling workflow run');\n    }\n  };\n\n  useEffect(() => {\n    if (!paramsRunId || !observeWorkflowStream) return;\n    // Observing twice releases the stream reader and resets the run back to its snapshot.\n    const paramRun = `${workflowId}:${paramsRunId}`;\n    if (observedParamRun.current === paramRun) return;\n    observedParamRun.current = paramRun;\n    observeWorkflowStream({ workflowId, runId: paramsRunId });\n  }, [paramsRunId, observeWorkflowStream, workflowId]);\n\n  if (isLoading) {\n    return (\n      <ScrollArea className=\"h-[calc(100vh-126px)] px-4 pt-2 pb-4 text-caption\">\n        <div className=\"space-y-4\">\n          <Skeleton className=\"h-10\" />\n          <Skeleton className=\"h-10\" />\n        </div>\n      </ScrollArea>\n    );\n  }\n\n  if (!workflow) return null;\n\n  const isSuspendedSteps = suspendedSteps.length > 0;\n  const showsCancelButton = streamResultToUse?.status === 'running' || streamResultToUse?.status === 'suspended';\n\n  const isViewingRun = !!activeRunId;\n  const runStatus = streamResultToUse?.status ?? paramsRunStatus ?? (isStreamingWorkflow ? 'running' : 'pending');\n  const cancelAction = (\n    <WorkflowCancelButton\n      status={streamResultToUse?.status}\n      cancelMessage={currentCancellation?.message ?? null}\n      isCancelling={isCancellingWorkflowRun}\n      onCancel={handleCancelWorkflowRun}\n      disabled={!canExecuteWorkflow}\n    />\n  );\n  const headingSlot = isViewingRun ? (\n    <RunWorkflowHeader\n      runId={activeRunId}\n      status={runStatus}\n      result={streamResultToUse}\n      timestamp={runSnapshot?.timestamp}\n      resourceId={getRunResourceId(runSnapshot)}\n    />\n  ) : (\n    <InitialWorkflowHeader workflow={workflow} workflowId={workflowId} />\n  );\n\n  return (\n    <div className=\"pt-3\">\n      <div>\n        {isSuspendedSteps && isStreamingWorkflow && (\n          <div className=\"-mt-5 flex items-center gap-2 border-b border-border bg-card px-5 py-2\">\n            <Icon>\n              <Loader2 className=\"animate-spin text-foreground\" />\n            </Icon>\n            <Txt>Resuming workflow</Txt>\n          </div>\n        )}\n\n        {canExecuteWorkflow && (\n          <WorkflowTriggerForm\n            key={`${workflowId}:${activeRunId || 'new'}`}\n            zodSchema={zodSchemaToUse}\n            defaultValues={payload}\n            isStreaming={isStarting || isStreamingWorkflow}\n            onExecute={data => {\n              setPayload(data);\n              void handleExecuteWorkflow(data);\n            }}\n            isViewingRun={isViewingRun}\n            isProcessorWorkflow={workflow?.isProcessorWorkflow}\n            collapsible={false}\n            headingSlot={headingSlot}\n            leftActions={!paramsRunId ? <WorkflowDebugModeSwitch /> : undefined}\n            submitButtonLabel={isStarting ? 'Starting…' : 'Run'}\n            submitActions={\n              <>\n                {workflow?.requestContextSchema && (\n                  <WorkflowRequestContextDialog\n                    requestContextSchema={workflow.requestContextSchema}\n                    requestContext={requestContext}\n                    onRequestContextChange={onRequestContextChange}\n                  />\n                )}\n                <WorkflowRunOptionsDialog resourceId={resourceId} onResourceIdChange={setResourceId} />\n              </>\n            }\n          />\n        )}\n\n        {!canExecuteWorkflow && (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"px-5 py-2\">\n            You don't have permission to execute workflows.\n          </Txt>\n        )}\n\n        {hasFinished && streamResultToUse && (\n          <WorkflowRunError result={streamResultToUse} workflowError={workflowError} className=\"mx-5 mb-4\" />\n        )}\n\n        {isPausedDebug && canExecuteWorkflow && (\n          <div className=\"px-5 pt-3 pb-4\">\n            <WorkflowDebugStepControls\n              requestContext={requestContext}\n              isStreaming={isStreamingWorkflow}\n              disabled={isCancellingWorkflowRun || !!currentCancellation}\n            >\n              {cancelAction}\n            </WorkflowDebugStepControls>\n          </div>\n        )}\n\n        {showsCancelButton && (\n          <div data-testid=\"workflow-cancel-action\" className=\"flex justify-end px-5 pt-3 pb-4\">\n            {cancelAction}\n          </div>\n        )}\n        {streamResultToUse && <WorkflowRunData key={activeRunId} input={payload} result={streamResultToUse} />}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}