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

package/dist/domains/workflows/workflow/workflow-debug-step-controls.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-debug-step-controls.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-debug-step-controls.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport type { ReactNode } from 'react';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { useNextPerStep } from './use-workflow-trigger';\nimport { WorkflowDebugControls } from '@/ds/components/Workflow';\n\nexport interface WorkflowDebugStepControlsProps {\n  isStreaming?: boolean;\n  disabled?: boolean;\n  children?: ReactNode;\n  requestContext: Record<string, any>;\n}\n\nexport function WorkflowDebugStepControls({\n  isStreaming,\n  disabled,\n  children,\n  requestContext,\n}: WorkflowDebugStepControlsProps) {\n  const { result } = useContext(WorkflowRunContext);\n  const { canRunNextStep, nextStepLabel, runNextStep, continueFullRun } = useNextPerStep(requestContext);\n\n  if (result?.status !== 'paused') return null;\n\n  return (\n    <WorkflowDebugControls\n      isStreaming={isStreaming}\n      canRunNextStep={canRunNextStep}\n      nextStepLabel={nextStepLabel}\n      disabled={disabled}\n      onRunNextStep={runNextStep}\n      onContinueRun={continueFullRun}\n    >\n      {children}\n    </WorkflowDebugControls>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAaO,SAAS,yBAAA,CAA0B;AAAA,EACxC,WAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAAmC;AACjC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,UAAA,CAAW,kBAAkB,CAAA;AAChD,EAAA,MAAM,EAAE,cAAA,EAAgB,aAAA,EAAe,aAAa,eAAA,EAAgB,GAAI,eAAe,cAAc,CAAA;AAErG,EAAA,IAAI,MAAA,EAAQ,MAAA,KAAW,QAAA,EAAU,OAAO,IAAA;AAExC,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA,EAAe,WAAA;AAAA,MACf,aAAA,EAAe,eAAA;AAAA,MAEd;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/domains/workflows/workflow/workflow-graph-boundary.cjs.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const safeStringify = require('@mastra/core/utils/safe-stringify');
+const Button = require('../../../Button-BAMnPqos.cjs');
+const copyButton = require('../../../copy-button-D2MTGxq_.cjs');
+const ErrorBoundary = require('../../../ErrorBoundary-CTN7Nxd7.cjs');
+const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
+const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+
+function WorkflowGraphBoundary({
+  stepGraph,
+  children
+}) {
+  if (stepGraph.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: "p-4 text-caption text-muted-foreground", children: "This workflow has no steps to display." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ErrorBoundary.ErrorBoundary,
+    {
+      resetKeys: [stepGraph],
+      fallback: ({ error, reset }) => {
+        const definition = safeStringify.safeStringify(stepGraph, 2);
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", className: "nodrag nopan nowheel h-full overflow-auto p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "space-y-3 rounded-lg p-4"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-subheading text-foreground", children: "Graph unavailable" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground", children: "Studio could not display this workflow graph." }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-meta break-words text-muted-foreground", children: error.message }),
+          /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { onClick: reset, children: "Try again" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("details", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "cursor-pointer text-caption", children: "View workflow definition" }),
+            /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: definition, tooltip: "Copy workflow definition" }),
+            /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-2 max-h-64 overflow-auto text-meta break-words whitespace-pre-wrap", children: definition })
+          ] })
+        ] }) });
+      },
+      children
+    }
+  );
+}
+
+exports.WorkflowGraphBoundary = WorkflowGraphBoundary;
+//# sourceMappingURL=workflow-graph-boundary.cjs.js.map

package/dist/domains/workflows/workflow/workflow-graph-boundary.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-graph-boundary.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-graph-boundary.tsx"],"sourcesContent":["import { safeStringify } from '@mastra/core/utils/safe-stringify';\nimport type { SerializedStepFlowEntry } from '@mastra/core/workflows';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { ErrorBoundary } from '@/ds/components/ErrorBoundary';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/utils/cn';\n\nexport function WorkflowGraphBoundary({\n  stepGraph,\n  children,\n}: {\n  stepGraph: SerializedStepFlowEntry[];\n  children: ReactNode;\n}) {\n  if (stepGraph.length === 0) {\n    return (\n      <p role=\"status\" className=\"p-4 text-caption text-muted-foreground\">\n        This workflow has no steps to display.\n      </p>\n    );\n  }\n  return (\n    <ErrorBoundary\n      resetKeys={[stepGraph]}\n      fallback={({ error, reset }) => {\n        const definition = safeStringify(stepGraph, 2);\n        return (\n          <div role=\"alert\" className=\"nodrag nopan nowheel h-full overflow-auto p-4\">\n            <div className={cn(raisedSurfaceStyle, 'space-y-3 rounded-lg p-4')}>\n              <h3 className=\"text-subheading text-foreground\">Graph unavailable</h3>\n              <p className=\"text-caption text-muted-foreground\">Studio could not display this workflow graph.</p>\n              <p className=\"text-meta break-words text-muted-foreground\">{error.message}</p>\n              <Button onClick={reset}>Try again</Button>\n              <details>\n                <summary className=\"cursor-pointer text-caption\">View workflow definition</summary>\n                <CopyButton content={definition} tooltip=\"Copy workflow definition\" />\n                <pre className=\"mt-2 max-h-64 overflow-auto text-meta break-words whitespace-pre-wrap\">\n                  {definition}\n                </pre>\n              </details>\n            </div>\n          </div>\n        );\n      }}\n    >\n      {children}\n    </ErrorBoundary>\n  );\n}\n"],"names":["jsx","ErrorBoundary","safeStringify","jsxs","cn","raisedSurfaceStyle","Button","CopyButton"],"mappings":";;;;;;;;;;;;AASO,SAAS,qBAAA,CAAsB;AAAA,EACpC,SAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,IAAI,SAAA,CAAU,WAAW,CAAA,EAAG;AAC1B,IAAA,sCACG,GAAA,EAAA,EAAE,IAAA,EAAK,QAAA,EAAS,SAAA,EAAU,0CAAyC,QAAA,EAAA,wCAAA,EAEpE,CAAA;AAAA,EAEJ;AACA,EAAA,uBACEA,cAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAC,SAAS,CAAA;AAAA,MACrB,QAAA,EAAU,CAAC,EAAE,KAAA,EAAO,OAAM,KAAM;AAC9B,QAAA,MAAM,UAAA,GAAaC,2BAAA,CAAc,SAAA,EAAW,CAAC,CAAA;AAC7C,QAAA,uBACEF,cAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,+CAAA,EAC1B,QAAA,kBAAAG,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,WAAA,CAAGC,2CAAA,EAAoB,0BAA0B,CAAA,EAC/D,QAAA,EAAA;AAAA,0BAAAL,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iCAAA,EAAkC,QAAA,EAAA,mBAAA,EAAiB,CAAA;AAAA,0BACjEA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oCAAA,EAAqC,QAAA,EAAA,+CAAA,EAA6C,CAAA;AAAA,0BAC/FA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6CAAA,EAA+C,gBAAM,OAAA,EAAQ,CAAA;AAAA,0BAC1EA,cAAA,CAACM,aAAA,EAAA,EAAO,OAAA,EAAS,KAAA,EAAO,QAAA,EAAA,WAAA,EAAS,CAAA;AAAA,0CAChC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAAN,cAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,6BAAA,EAA8B,QAAA,EAAA,0BAAA,EAAwB,CAAA;AAAA,4BACzEA,cAAA,CAACO,qBAAA,EAAA,EAAW,OAAA,EAAS,UAAA,EAAY,SAAQ,0BAAA,EAA2B,CAAA;AAAA,4BACpEP,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uEAAA,EACZ,QAAA,EAAA,UAAA,EACH;AAAA,WAAA,EACF;AAAA,SAAA,EACF,CAAA,EACF,CAAA;AAAA,MAEJ,CAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/domains/workflows/workflow/workflow-graph-boundary.d.ts

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

package/dist/domains/workflows/workflow/workflow-graph-boundary.es.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { safeStringify } from '@mastra/core/utils/safe-stringify';
+import { B as Button } from '../../../Button-B8nF87ai.js';
+import { C as CopyButton } from '../../../copy-button-DcZ1mdw4.js';
+import { E as ErrorBoundary } from '../../../ErrorBoundary-CiKNMCFG.js';
+import { raisedSurfaceStyle } from '../../../primitives/raised-surface.es.js';
+import { c as cn } from '../../../cn-65Adrsfj.js';
+
+function WorkflowGraphBoundary({
+  stepGraph,
+  children
+}) {
+  if (stepGraph.length === 0) {
+    return /* @__PURE__ */ jsx("p", { role: "status", className: "p-4 text-caption text-muted-foreground", children: "This workflow has no steps to display." });
+  }
+  return /* @__PURE__ */ jsx(
+    ErrorBoundary,
+    {
+      resetKeys: [stepGraph],
+      fallback: ({ error, reset }) => {
+        const definition = safeStringify(stepGraph, 2);
+        return /* @__PURE__ */ jsx("div", { role: "alert", className: "nodrag nopan nowheel h-full overflow-auto p-4", children: /* @__PURE__ */ jsxs("div", { className: cn(raisedSurfaceStyle, "space-y-3 rounded-lg p-4"), children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-subheading text-foreground", children: "Graph unavailable" }),
+          /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground", children: "Studio could not display this workflow graph." }),
+          /* @__PURE__ */ jsx("p", { className: "text-meta break-words text-muted-foreground", children: error.message }),
+          /* @__PURE__ */ jsx(Button, { onClick: reset, children: "Try again" }),
+          /* @__PURE__ */ jsxs("details", { children: [
+            /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-caption", children: "View workflow definition" }),
+            /* @__PURE__ */ jsx(CopyButton, { content: definition, tooltip: "Copy workflow definition" }),
+            /* @__PURE__ */ jsx("pre", { className: "mt-2 max-h-64 overflow-auto text-meta break-words whitespace-pre-wrap", children: definition })
+          ] })
+        ] }) });
+      },
+      children
+    }
+  );
+}
+
+export { WorkflowGraphBoundary };
+//# sourceMappingURL=workflow-graph-boundary.es.js.map

package/dist/domains/workflows/workflow/workflow-graph-boundary.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-graph-boundary.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-graph-boundary.tsx"],"sourcesContent":["import { safeStringify } from '@mastra/core/utils/safe-stringify';\nimport type { SerializedStepFlowEntry } from '@mastra/core/workflows';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { ErrorBoundary } from '@/ds/components/ErrorBoundary';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/utils/cn';\n\nexport function WorkflowGraphBoundary({\n  stepGraph,\n  children,\n}: {\n  stepGraph: SerializedStepFlowEntry[];\n  children: ReactNode;\n}) {\n  if (stepGraph.length === 0) {\n    return (\n      <p role=\"status\" className=\"p-4 text-caption text-muted-foreground\">\n        This workflow has no steps to display.\n      </p>\n    );\n  }\n  return (\n    <ErrorBoundary\n      resetKeys={[stepGraph]}\n      fallback={({ error, reset }) => {\n        const definition = safeStringify(stepGraph, 2);\n        return (\n          <div role=\"alert\" className=\"nodrag nopan nowheel h-full overflow-auto p-4\">\n            <div className={cn(raisedSurfaceStyle, 'space-y-3 rounded-lg p-4')}>\n              <h3 className=\"text-subheading text-foreground\">Graph unavailable</h3>\n              <p className=\"text-caption text-muted-foreground\">Studio could not display this workflow graph.</p>\n              <p className=\"text-meta break-words text-muted-foreground\">{error.message}</p>\n              <Button onClick={reset}>Try again</Button>\n              <details>\n                <summary className=\"cursor-pointer text-caption\">View workflow definition</summary>\n                <CopyButton content={definition} tooltip=\"Copy workflow definition\" />\n                <pre className=\"mt-2 max-h-64 overflow-auto text-meta break-words whitespace-pre-wrap\">\n                  {definition}\n                </pre>\n              </details>\n            </div>\n          </div>\n        );\n      }}\n    >\n      {children}\n    </ErrorBoundary>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AASO,SAAS,qBAAA,CAAsB;AAAA,EACpC,SAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,IAAI,SAAA,CAAU,WAAW,CAAA,EAAG;AAC1B,IAAA,2BACG,GAAA,EAAA,EAAE,IAAA,EAAK,QAAA,EAAS,SAAA,EAAU,0CAAyC,QAAA,EAAA,wCAAA,EAEpE,CAAA;AAAA,EAEJ;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAC,SAAS,CAAA;AAAA,MACrB,QAAA,EAAU,CAAC,EAAE,KAAA,EAAO,OAAM,KAAM;AAC9B,QAAA,MAAM,UAAA,GAAa,aAAA,CAAc,SAAA,EAAW,CAAC,CAAA;AAC7C,QAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,+CAAA,EAC1B,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,kBAAA,EAAoB,0BAA0B,CAAA,EAC/D,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iCAAA,EAAkC,QAAA,EAAA,mBAAA,EAAiB,CAAA;AAAA,0BACjE,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oCAAA,EAAqC,QAAA,EAAA,+CAAA,EAA6C,CAAA;AAAA,0BAC/F,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6CAAA,EAA+C,gBAAM,OAAA,EAAQ,CAAA;AAAA,0BAC1E,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAS,KAAA,EAAO,QAAA,EAAA,WAAA,EAAS,CAAA;AAAA,+BAChC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,6BAAA,EAA8B,QAAA,EAAA,0BAAA,EAAwB,CAAA;AAAA,4BACzE,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,UAAA,EAAY,SAAQ,0BAAA,EAA2B,CAAA;AAAA,4BACpE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uEAAA,EACZ,QAAA,EAAA,UAAA,EACH;AAAA,WAAA,EACF;AAAA,SAAA,EACF,CAAA,EACF,CAAA;AAAA,MAEJ,CAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/domains/workflows/workflow/workflow-graph-groups.cjs.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const domains_workflows_workflow_workflowStepNodeUtils = require('./workflow-step-node-utils.cjs.js');
+
+function getWorkflowGraphGroups(nodes) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const node of nodes) {
+    if (node.type !== domains_workflows_workflow_workflowStepNodeUtils.WORKFLOW_STEP_NODE_TYPE || !node.data.parallelGroup) continue;
+    const { id, pathCount } = node.data.parallelGroup;
+    const group = groups.get(id);
+    if (group) group.nodeIds.push(node.id);
+    else
+      groups.set(id, { id, label: "Parallel", description: `${pathCount} paths · Run together`, nodeIds: [node.id] });
+  }
+  return [...groups.values()];
+}
+function getWorkflowMapContext(node, nodes, edges) {
+  if (node.data.workflowStep.kind !== "map-step") return void 0;
+  const hasGeneratedName = node.data.workflowStep.id.startsWith("mapping_");
+  const predecessors = new Set(edges.filter((edge) => edge.target === node.id).map((edge) => edge.source));
+  const inputs = nodes.filter((input) => predecessors.has(input.id));
+  if (inputs.length > 1) {
+    const hasParallelInputs = inputs.every((input) => input.type === domains_workflows_workflow_workflowStepNodeUtils.WORKFLOW_STEP_NODE_TYPE && input.data.parallelGroup);
+    if (hasParallelInputs) {
+      return {
+        label: hasGeneratedName ? "Map parallel results" : node.data.label,
+        description: "Transform the outputs after all parallel paths finish."
+      };
+    }
+    return {
+      label: hasGeneratedName ? "Map branch results" : node.data.label,
+      description: "Transform the outputs of the matching branches."
+    };
+  }
+  return {
+    label: hasGeneratedName ? "Map data" : node.data.label,
+    description: "Transform the previous output into the next input."
+  };
+}
+
+exports.getWorkflowGraphGroups = getWorkflowGraphGroups;
+exports.getWorkflowMapContext = getWorkflowMapContext;
+//# sourceMappingURL=workflow-graph-groups.cjs.js.map

package/dist/domains/workflows/workflow/workflow-graph-groups.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-graph-groups.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-graph-groups.ts"],"sourcesContent":["import type { WorkflowGraphEdge, WorkflowGraphNode } from './utils';\nimport { WORKFLOW_STEP_NODE_TYPE } from './workflow-step-node-utils';\nimport type { WorkflowStepNode } from './workflow-step-node-utils';\nimport type { WorkflowGraphGroup } from '@/ds/components/Workflow';\n\nexport function getWorkflowGraphGroups(nodes: WorkflowGraphNode[]): WorkflowGraphGroup[] {\n  const groups = new Map<string, WorkflowGraphGroup>();\n  for (const node of nodes) {\n    if (node.type !== WORKFLOW_STEP_NODE_TYPE || !node.data.parallelGroup) continue;\n    const { id, pathCount } = node.data.parallelGroup;\n    const group = groups.get(id);\n    if (group) group.nodeIds.push(node.id);\n    else\n      groups.set(id, { id, label: 'Parallel', description: `${pathCount} paths · Run together`, nodeIds: [node.id] });\n  }\n  return [...groups.values()];\n}\n\nexport function getWorkflowMapContext(node: WorkflowStepNode, nodes: WorkflowGraphNode[], edges: WorkflowGraphEdge[]) {\n  if (node.data.workflowStep.kind !== 'map-step') return undefined;\n  const hasGeneratedName = node.data.workflowStep.id.startsWith('mapping_');\n  const predecessors = new Set(edges.filter(edge => edge.target === node.id).map(edge => edge.source));\n  const inputs = nodes.filter(input => predecessors.has(input.id));\n  if (inputs.length > 1) {\n    const hasParallelInputs = inputs.every(input => input.type === WORKFLOW_STEP_NODE_TYPE && input.data.parallelGroup);\n    if (hasParallelInputs) {\n      return {\n        label: hasGeneratedName ? 'Map parallel results' : node.data.label,\n        description: 'Transform the outputs after all parallel paths finish.',\n      };\n    }\n    return {\n      label: hasGeneratedName ? 'Map branch results' : node.data.label,\n      description: 'Transform the outputs of the matching branches.',\n    };\n  }\n  return {\n    label: hasGeneratedName ? 'Map data' : node.data.label,\n    description: 'Transform the previous output into the next input.',\n  };\n}\n"],"names":["WORKFLOW_STEP_NODE_TYPE"],"mappings":";;;;;;AAKO,SAAS,uBAAuB,KAAA,EAAkD;AACvF,EAAA,MAAM,MAAA,uBAAa,GAAA,EAAgC;AACnD,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,IAAI,KAAK,IAAA,KAASA,wEAAA,IAA2B,CAAC,IAAA,CAAK,KAAK,aAAA,EAAe;AACvE,IAAA,MAAM,EAAE,EAAA,EAAI,SAAA,EAAU,GAAI,KAAK,IAAA,CAAK,aAAA;AACpC,IAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,GAAA,CAAI,EAAE,CAAA;AAC3B,IAAA,IAAI,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,KAAK,EAAE,CAAA;AAAA;AAEnC,MAAA,MAAA,CAAO,GAAA,CAAI,EAAA,EAAI,EAAE,EAAA,EAAI,OAAO,UAAA,EAAY,WAAA,EAAa,CAAA,EAAG,SAAS,yBAAyB,OAAA,EAAS,CAAC,IAAA,CAAK,EAAE,GAAG,CAAA;AAAA,EAClH;AACA,EAAA,OAAO,CAAC,GAAG,MAAA,CAAO,MAAA,EAAQ,CAAA;AAC5B;AAEO,SAAS,qBAAA,CAAsB,IAAA,EAAwB,KAAA,EAA4B,KAAA,EAA4B;AACpH,EAAA,IAAI,IAAA,CAAK,IAAA,CAAK,YAAA,CAAa,IAAA,KAAS,YAAY,OAAO,MAAA;AACvD,EAAA,MAAM,mBAAmB,IAAA,CAAK,IAAA,CAAK,YAAA,CAAa,EAAA,CAAG,WAAW,UAAU,CAAA;AACxE,EAAA,MAAM,YAAA,GAAe,IAAI,GAAA,CAAI,KAAA,CAAM,OAAO,CAAA,IAAA,KAAQ,IAAA,CAAK,MAAA,KAAW,IAAA,CAAK,EAAE,CAAA,CAAE,GAAA,CAAI,CAAA,IAAA,KAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AACnG,EAAA,MAAM,MAAA,GAAS,MAAM,MAAA,CAAO,CAAA,KAAA,KAAS,aAAa,GAAA,CAAI,KAAA,CAAM,EAAE,CAAC,CAAA;AAC/D,EAAA,IAAI,MAAA,CAAO,SAAS,CAAA,EAAG;AACrB,IAAA,MAAM,iBAAA,GAAoB,OAAO,KAAA,CAAM,CAAA,KAAA,KAAS,MAAM,IAAA,KAASA,wEAAA,IAA2B,KAAA,CAAM,IAAA,CAAK,aAAa,CAAA;AAClH,IAAA,IAAI,iBAAA,EAAmB;AACrB,MAAA,OAAO;AAAA,QACL,KAAA,EAAO,gBAAA,GAAmB,sBAAA,GAAyB,IAAA,CAAK,IAAA,CAAK,KAAA;AAAA,QAC7D,WAAA,EAAa;AAAA,OACf;AAAA,IACF;AACA,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,gBAAA,GAAmB,oBAAA,GAAuB,IAAA,CAAK,IAAA,CAAK,KAAA;AAAA,MAC3D,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,gBAAA,GAAmB,UAAA,GAAa,IAAA,CAAK,IAAA,CAAK,KAAA;AAAA,IACjD,WAAA,EAAa;AAAA,GACf;AACF;;;;;"}

package/dist/domains/workflows/workflow/workflow-graph-groups.d.ts

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

package/dist/domains/workflows/workflow/workflow-graph-groups.es.js

@@ -0,0 +1,40 @@
+import { WORKFLOW_STEP_NODE_TYPE } from './workflow-step-node-utils.es.js';
+
+function getWorkflowGraphGroups(nodes) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const node of nodes) {
+    if (node.type !== WORKFLOW_STEP_NODE_TYPE || !node.data.parallelGroup) continue;
+    const { id, pathCount } = node.data.parallelGroup;
+    const group = groups.get(id);
+    if (group) group.nodeIds.push(node.id);
+    else
+      groups.set(id, { id, label: "Parallel", description: `${pathCount} paths · Run together`, nodeIds: [node.id] });
+  }
+  return [...groups.values()];
+}
+function getWorkflowMapContext(node, nodes, edges) {
+  if (node.data.workflowStep.kind !== "map-step") return void 0;
+  const hasGeneratedName = node.data.workflowStep.id.startsWith("mapping_");
+  const predecessors = new Set(edges.filter((edge) => edge.target === node.id).map((edge) => edge.source));
+  const inputs = nodes.filter((input) => predecessors.has(input.id));
+  if (inputs.length > 1) {
+    const hasParallelInputs = inputs.every((input) => input.type === WORKFLOW_STEP_NODE_TYPE && input.data.parallelGroup);
+    if (hasParallelInputs) {
+      return {
+        label: hasGeneratedName ? "Map parallel results" : node.data.label,
+        description: "Transform the outputs after all parallel paths finish."
+      };
+    }
+    return {
+      label: hasGeneratedName ? "Map branch results" : node.data.label,
+      description: "Transform the outputs of the matching branches."
+    };
+  }
+  return {
+    label: hasGeneratedName ? "Map data" : node.data.label,
+    description: "Transform the previous output into the next input."
+  };
+}
+
+export { getWorkflowGraphGroups, getWorkflowMapContext };
+//# sourceMappingURL=workflow-graph-groups.es.js.map

package/dist/domains/workflows/workflow/workflow-graph-groups.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-graph-groups.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-graph-groups.ts"],"sourcesContent":["import type { WorkflowGraphEdge, WorkflowGraphNode } from './utils';\nimport { WORKFLOW_STEP_NODE_TYPE } from './workflow-step-node-utils';\nimport type { WorkflowStepNode } from './workflow-step-node-utils';\nimport type { WorkflowGraphGroup } from '@/ds/components/Workflow';\n\nexport function getWorkflowGraphGroups(nodes: WorkflowGraphNode[]): WorkflowGraphGroup[] {\n  const groups = new Map<string, WorkflowGraphGroup>();\n  for (const node of nodes) {\n    if (node.type !== WORKFLOW_STEP_NODE_TYPE || !node.data.parallelGroup) continue;\n    const { id, pathCount } = node.data.parallelGroup;\n    const group = groups.get(id);\n    if (group) group.nodeIds.push(node.id);\n    else\n      groups.set(id, { id, label: 'Parallel', description: `${pathCount} paths · Run together`, nodeIds: [node.id] });\n  }\n  return [...groups.values()];\n}\n\nexport function getWorkflowMapContext(node: WorkflowStepNode, nodes: WorkflowGraphNode[], edges: WorkflowGraphEdge[]) {\n  if (node.data.workflowStep.kind !== 'map-step') return undefined;\n  const hasGeneratedName = node.data.workflowStep.id.startsWith('mapping_');\n  const predecessors = new Set(edges.filter(edge => edge.target === node.id).map(edge => edge.source));\n  const inputs = nodes.filter(input => predecessors.has(input.id));\n  if (inputs.length > 1) {\n    const hasParallelInputs = inputs.every(input => input.type === WORKFLOW_STEP_NODE_TYPE && input.data.parallelGroup);\n    if (hasParallelInputs) {\n      return {\n        label: hasGeneratedName ? 'Map parallel results' : node.data.label,\n        description: 'Transform the outputs after all parallel paths finish.',\n      };\n    }\n    return {\n      label: hasGeneratedName ? 'Map branch results' : node.data.label,\n      description: 'Transform the outputs of the matching branches.',\n    };\n  }\n  return {\n    label: hasGeneratedName ? 'Map data' : node.data.label,\n    description: 'Transform the previous output into the next input.',\n  };\n}\n"],"names":[],"mappings":";;AAKO,SAAS,uBAAuB,KAAA,EAAkD;AACvF,EAAA,MAAM,MAAA,uBAAa,GAAA,EAAgC;AACnD,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,IAAI,KAAK,IAAA,KAAS,uBAAA,IAA2B,CAAC,IAAA,CAAK,KAAK,aAAA,EAAe;AACvE,IAAA,MAAM,EAAE,EAAA,EAAI,SAAA,EAAU,GAAI,KAAK,IAAA,CAAK,aAAA;AACpC,IAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,GAAA,CAAI,EAAE,CAAA;AAC3B,IAAA,IAAI,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,KAAK,EAAE,CAAA;AAAA;AAEnC,MAAA,MAAA,CAAO,GAAA,CAAI,EAAA,EAAI,EAAE,EAAA,EAAI,OAAO,UAAA,EAAY,WAAA,EAAa,CAAA,EAAG,SAAS,yBAAyB,OAAA,EAAS,CAAC,IAAA,CAAK,EAAE,GAAG,CAAA;AAAA,EAClH;AACA,EAAA,OAAO,CAAC,GAAG,MAAA,CAAO,MAAA,EAAQ,CAAA;AAC5B;AAEO,SAAS,qBAAA,CAAsB,IAAA,EAAwB,KAAA,EAA4B,KAAA,EAA4B;AACpH,EAAA,IAAI,IAAA,CAAK,IAAA,CAAK,YAAA,CAAa,IAAA,KAAS,YAAY,OAAO,MAAA;AACvD,EAAA,MAAM,mBAAmB,IAAA,CAAK,IAAA,CAAK,YAAA,CAAa,EAAA,CAAG,WAAW,UAAU,CAAA;AACxE,EAAA,MAAM,YAAA,GAAe,IAAI,GAAA,CAAI,KAAA,CAAM,OAAO,CAAA,IAAA,KAAQ,IAAA,CAAK,MAAA,KAAW,IAAA,CAAK,EAAE,CAAA,CAAE,GAAA,CAAI,CAAA,IAAA,KAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AACnG,EAAA,MAAM,MAAA,GAAS,MAAM,MAAA,CAAO,CAAA,KAAA,KAAS,aAAa,GAAA,CAAI,KAAA,CAAM,EAAE,CAAC,CAAA;AAC/D,EAAA,IAAI,MAAA,CAAO,SAAS,CAAA,EAAG;AACrB,IAAA,MAAM,iBAAA,GAAoB,OAAO,KAAA,CAAM,CAAA,KAAA,KAAS,MAAM,IAAA,KAAS,uBAAA,IAA2B,KAAA,CAAM,IAAA,CAAK,aAAa,CAAA;AAClH,IAAA,IAAI,iBAAA,EAAmB;AACrB,MAAA,OAAO;AAAA,QACL,KAAA,EAAO,gBAAA,GAAmB,sBAAA,GAAyB,IAAA,CAAK,IAAA,CAAK,KAAA;AAAA,QAC7D,WAAA,EAAa;AAAA,OACf;AAAA,IACF;AACA,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,gBAAA,GAAmB,oBAAA,GAAuB,IAAA,CAAK,IAAA,CAAK,KAAA;AAAA,MAC3D,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,gBAAA,GAAmB,UAAA,GAAa,IAAA,CAAK,IAAA,CAAK,KAAA;AAAA,IACjD,WAAA,EAAa;AAAA,GACf;AACF;;;;"}

package/dist/domains/workflows/workflow/workflow-graph-inner.cjs.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const domains_workflows_context_useWorkflowSelectedStep = require('../context/use-workflow-selected-step.cjs.js');
+const domains_workflows_workflow_useWorkflowGraphNodes = require('./use-workflow-graph-nodes.cjs.js');
+const domains_workflows_workflow_workflowBodyGraph = require('../../../workflow-nested-graph-CwvsbqsP.cjs');
+const domains_workflows_workflow_utils = require('./utils.cjs.js');
+const domains_workflows_workflow_workflowGraphGroups = require('./workflow-graph-groups.cjs.js');
+const workflowConditionCard = require('../../../workflow-condition-card-DTHht6Q5.cjs');
+
+function WorkflowGraphInner({ stepGraph, requestContext }) {
+  const { nodes, edges, onNodesChange } = domains_workflows_workflow_useWorkflowGraphNodes.useWorkflowGraphNodes(stepGraph);
+  const { edgeTypes, nodeTypes, styledEdges } = domains_workflows_workflow_workflowBodyGraph.useWorkflowGraphRuntime({ edges, requestContext });
+  const { selectedStepId } = domains_workflows_context_useWorkflowSelectedStep.useWorkflowSelectedStep();
+  const focusNodeId = selectedStepId ? domains_workflows_workflow_utils.findFocusNode(nodes, selectedStepId)?.id : void 0;
+  const groups = React.useMemo(() => domains_workflows_workflow_workflowGraphGroups.getWorkflowGraphGroups(nodes), [nodes]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    workflowConditionCard.WorkflowGraphCanvas,
+    {
+      groups,
+      nodes,
+      edges: styledEdges,
+      nodeTypes,
+      edgeTypes,
+      onNodesChange,
+      focusNodeId
+    }
+  );
+}
+
+exports.WorkflowGraphInner = WorkflowGraphInner;
+//# sourceMappingURL=workflow-graph-inner.cjs.js.map

package/dist/domains/workflows/workflow/workflow-graph-inner.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-graph-inner.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-graph-inner.tsx"],"sourcesContent":["import type { SerializedStepFlowEntry } from '@mastra/core/workflows';\nimport { useMemo } from 'react';\nimport { useWorkflowSelectedStep } from '../context/use-workflow-selected-step';\nimport { useWorkflowGraphNodes } from './use-workflow-graph-nodes';\nimport { useWorkflowGraphRuntime } from './use-workflow-graph-runtime';\nimport { findFocusNode } from './utils';\nimport { getWorkflowGraphGroups } from './workflow-graph-groups';\nimport { WorkflowGraphCanvas } from '@/ds/components/Workflow';\n\nexport interface WorkflowGraphInnerProps {\n  stepGraph: SerializedStepFlowEntry[];\n  requestContext: Record<string, any>;\n}\n\nexport function WorkflowGraphInner({ stepGraph, requestContext }: WorkflowGraphInnerProps) {\n  const { nodes, edges, onNodesChange } = useWorkflowGraphNodes(stepGraph);\n  const { edgeTypes, nodeTypes, styledEdges } = useWorkflowGraphRuntime({ edges, requestContext });\n  const { selectedStepId } = useWorkflowSelectedStep();\n  const focusNodeId = selectedStepId ? findFocusNode(nodes, selectedStepId)?.id : undefined;\n  const groups = useMemo(() => getWorkflowGraphGroups(nodes), [nodes]);\n\n  return (\n    <WorkflowGraphCanvas\n      groups={groups}\n      nodes={nodes}\n      edges={styledEdges}\n      nodeTypes={nodeTypes}\n      edgeTypes={edgeTypes}\n      onNodesChange={onNodesChange}\n      focusNodeId={focusNodeId}\n    />\n  );\n}\n"],"names":["useWorkflowGraphNodes","useWorkflowGraphRuntime","useWorkflowSelectedStep","findFocusNode","useMemo","getWorkflowGraphGroups","jsx","WorkflowGraphCanvas"],"mappings":";;;;;;;;;;;;;AAcO,SAAS,kBAAA,CAAmB,EAAE,SAAA,EAAW,cAAA,EAAe,EAA4B;AACzF,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,aAAA,EAAc,GAAIA,uEAAsB,SAAS,CAAA;AACvE,EAAA,MAAM,EAAE,WAAW,SAAA,EAAW,WAAA,KAAgBC,oEAAA,CAAwB,EAAE,KAAA,EAAO,cAAA,EAAgB,CAAA;AAC/F,EAAA,MAAM,EAAE,cAAA,EAAe,GAAIC,yEAAA,EAAwB;AACnD,EAAA,MAAM,cAAc,cAAA,GAAiBC,8CAAA,CAAc,KAAA,EAAO,cAAc,GAAG,EAAA,GAAK,MAAA;AAChF,EAAA,MAAM,MAAA,GAASC,cAAQ,MAAMC,qEAAA,CAAuB,KAAK,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEnE,EAAA,uBACEC,cAAA;AAAA,IAACC,yCAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA,EAAO,WAAA;AAAA,MACP,SAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/domains/workflows/workflow/workflow-graph-inner.d.ts

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

package/dist/domains/workflows/workflow/workflow-graph-inner.es.js

@@ -0,0 +1,31 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { useWorkflowSelectedStep } from '../context/use-workflow-selected-step.es.js';
+import { useWorkflowGraphNodes } from './use-workflow-graph-nodes.es.js';
+import { u as useWorkflowGraphRuntime } from '../../../workflow-nested-graph-C_H2PZWK.js';
+import { findFocusNode } from './utils.es.js';
+import { getWorkflowGraphGroups } from './workflow-graph-groups.es.js';
+import { e as WorkflowGraphCanvas } from '../../../workflow-condition-card-ByvSwtXl.js';
+
+function WorkflowGraphInner({ stepGraph, requestContext }) {
+  const { nodes, edges, onNodesChange } = useWorkflowGraphNodes(stepGraph);
+  const { edgeTypes, nodeTypes, styledEdges } = useWorkflowGraphRuntime({ edges, requestContext });
+  const { selectedStepId } = useWorkflowSelectedStep();
+  const focusNodeId = selectedStepId ? findFocusNode(nodes, selectedStepId)?.id : void 0;
+  const groups = useMemo(() => getWorkflowGraphGroups(nodes), [nodes]);
+  return /* @__PURE__ */ jsx(
+    WorkflowGraphCanvas,
+    {
+      groups,
+      nodes,
+      edges: styledEdges,
+      nodeTypes,
+      edgeTypes,
+      onNodesChange,
+      focusNodeId
+    }
+  );
+}
+
+export { WorkflowGraphInner };
+//# sourceMappingURL=workflow-graph-inner.es.js.map

package/dist/domains/workflows/workflow/workflow-graph-inner.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-graph-inner.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-graph-inner.tsx"],"sourcesContent":["import type { SerializedStepFlowEntry } from '@mastra/core/workflows';\nimport { useMemo } from 'react';\nimport { useWorkflowSelectedStep } from '../context/use-workflow-selected-step';\nimport { useWorkflowGraphNodes } from './use-workflow-graph-nodes';\nimport { useWorkflowGraphRuntime } from './use-workflow-graph-runtime';\nimport { findFocusNode } from './utils';\nimport { getWorkflowGraphGroups } from './workflow-graph-groups';\nimport { WorkflowGraphCanvas } from '@/ds/components/Workflow';\n\nexport interface WorkflowGraphInnerProps {\n  stepGraph: SerializedStepFlowEntry[];\n  requestContext: Record<string, any>;\n}\n\nexport function WorkflowGraphInner({ stepGraph, requestContext }: WorkflowGraphInnerProps) {\n  const { nodes, edges, onNodesChange } = useWorkflowGraphNodes(stepGraph);\n  const { edgeTypes, nodeTypes, styledEdges } = useWorkflowGraphRuntime({ edges, requestContext });\n  const { selectedStepId } = useWorkflowSelectedStep();\n  const focusNodeId = selectedStepId ? findFocusNode(nodes, selectedStepId)?.id : undefined;\n  const groups = useMemo(() => getWorkflowGraphGroups(nodes), [nodes]);\n\n  return (\n    <WorkflowGraphCanvas\n      groups={groups}\n      nodes={nodes}\n      edges={styledEdges}\n      nodeTypes={nodeTypes}\n      edgeTypes={edgeTypes}\n      onNodesChange={onNodesChange}\n      focusNodeId={focusNodeId}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAcO,SAAS,kBAAA,CAAmB,EAAE,SAAA,EAAW,cAAA,EAAe,EAA4B;AACzF,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,aAAA,EAAc,GAAI,sBAAsB,SAAS,CAAA;AACvE,EAAA,MAAM,EAAE,WAAW,SAAA,EAAW,WAAA,KAAgB,uBAAA,CAAwB,EAAE,KAAA,EAAO,cAAA,EAAgB,CAAA;AAC/F,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,uBAAA,EAAwB;AACnD,EAAA,MAAM,cAAc,cAAA,GAAiB,aAAA,CAAc,KAAA,EAAO,cAAc,GAAG,EAAA,GAAK,MAAA;AAChF,EAAA,MAAM,MAAA,GAAS,QAAQ,MAAM,sBAAA,CAAuB,KAAK,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEnE,EAAA,uBACE,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA,EAAO,WAAA;AAAA,MACP,SAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/domains/workflows/workflow/workflow-graph-layout.cjs.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Dagre = require('@dagrejs/dagre');
+const types = require('../../../types-1cBe2TOn.cjs');
+
+const getNodeSize = (node) => {
+  if (node.type === types.WORKFLOW_BOUNDARY_NODE_TYPE) {
+    return {
+      width: node.measured?.width ?? 112,
+      height: node.measured?.height ?? 38
+    };
+  }
+  return {
+    width: node.measured?.width ?? 274,
+    height: node.measured?.height ?? (node.data.isLarge ? 260 : 100)
+  };
+};
+const getLayoutedElements = (nodes, edges) => {
+  const dagreGraph = new Dagre.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
+  dagreGraph.setGraph({ rankdir: "TB", ranksep: 84, nodesep: 64 });
+  edges.forEach((edge) => dagreGraph.setEdge(edge.source, edge.target));
+  nodes.forEach(
+    (node) => dagreGraph.setNode(node.id, {
+      ...node,
+      ...getNodeSize(node)
+    })
+  );
+  Dagre.layout(dagreGraph);
+  return {
+    nodes: nodes.map((node) => {
+      const position = dagreGraph.node(node.id);
+      const { width, height } = getNodeSize(node);
+      const positionX = position.x - width / 2;
+      const positionY = position.y - height / 2;
+      return { ...node, position: { x: positionX, y: positionY } };
+    }),
+    edges
+  };
+};
+
+exports.getLayoutedElements = getLayoutedElements;
+//# sourceMappingURL=workflow-graph-layout.cjs.js.map

package/dist/domains/workflows/workflow/workflow-graph-layout.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-graph-layout.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-graph-layout.ts"],"sourcesContent":["import Dagre from '@dagrejs/dagre';\nimport type { WorkflowGraphNode, WorkflowGraphEdge } from './utils';\nimport { WORKFLOW_BOUNDARY_NODE_TYPE } from '@/ds/components/Workflow';\n\nconst getNodeSize = (node: WorkflowGraphNode): { width: number; height: number } => {\n  if (node.type === WORKFLOW_BOUNDARY_NODE_TYPE) {\n    return {\n      width: node.measured?.width ?? 112,\n      height: node.measured?.height ?? 38,\n    };\n  }\n\n  return {\n    width: node.measured?.width ?? 274,\n    height: node.measured?.height ?? (node.data.isLarge ? 260 : 100),\n  };\n};\n\nexport const getLayoutedElements = (\n  nodes: WorkflowGraphNode[],\n  edges: WorkflowGraphEdge[],\n): { nodes: WorkflowGraphNode[]; edges: WorkflowGraphEdge[] } => {\n  const dagreGraph = new Dagre.graphlib.Graph().setDefaultEdgeLabel(() => ({}));\n  dagreGraph.setGraph({ rankdir: 'TB', ranksep: 84, nodesep: 64 });\n\n  edges.forEach(edge => dagreGraph.setEdge(edge.source, edge.target));\n  nodes.forEach(node =>\n    dagreGraph.setNode(node.id, {\n      ...node,\n      ...getNodeSize(node),\n    }),\n  );\n\n  Dagre.layout(dagreGraph);\n\n  return {\n    nodes: nodes.map(node => {\n      const position = dagreGraph.node(node.id);\n      const { width, height } = getNodeSize(node);\n      const positionX = position.x - width / 2;\n      const positionY = position.y - height / 2;\n      return { ...node, position: { x: positionX, y: positionY } };\n    }),\n    edges,\n  };\n};\n"],"names":["WORKFLOW_BOUNDARY_NODE_TYPE"],"mappings":";;;;;;;AAIA,MAAM,WAAA,GAAc,CAAC,IAAA,KAA+D;AAClF,EAAA,IAAI,IAAA,CAAK,SAASA,iCAAA,EAA6B;AAC7C,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,IAAA,CAAK,QAAA,EAAU,KAAA,IAAS,GAAA;AAAA,MAC/B,MAAA,EAAQ,IAAA,CAAK,QAAA,EAAU,MAAA,IAAU;AAAA,KACnC;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,IAAA,CAAK,QAAA,EAAU,KAAA,IAAS,GAAA;AAAA,IAC/B,QAAQ,IAAA,CAAK,QAAA,EAAU,WAAW,IAAA,CAAK,IAAA,CAAK,UAAU,GAAA,GAAM,GAAA;AAAA,GAC9D;AACF,CAAA;AAEO,MAAM,mBAAA,GAAsB,CACjC,KAAA,EACA,KAAA,KAC+D;AAC/D,EAAA,MAAM,UAAA,GAAa,IAAI,KAAA,CAAM,QAAA,CAAS,OAAM,CAAE,mBAAA,CAAoB,OAAO,EAAC,CAAE,CAAA;AAC5E,EAAA,UAAA,CAAW,QAAA,CAAS,EAAE,OAAA,EAAS,IAAA,EAAM,SAAS,EAAA,EAAI,OAAA,EAAS,IAAI,CAAA;AAE/D,EAAA,KAAA,CAAM,OAAA,CAAQ,UAAQ,UAAA,CAAW,OAAA,CAAQ,KAAK,MAAA,EAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAClE,EAAA,KAAA,CAAM,OAAA;AAAA,IAAQ,CAAA,IAAA,KACZ,UAAA,CAAW,OAAA,CAAQ,IAAA,CAAK,EAAA,EAAI;AAAA,MAC1B,GAAG,IAAA;AAAA,MACH,GAAG,YAAY,IAAI;AAAA,KACpB;AAAA,GACH;AAEA,EAAA,KAAA,CAAM,OAAO,UAAU,CAAA;AAEvB,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,KAAA,CAAM,GAAA,CAAI,CAAA,IAAA,KAAQ;AACvB,MAAA,MAAM,QAAA,GAAW,UAAA,CAAW,IAAA,CAAK,IAAA,CAAK,EAAE,CAAA;AACxC,MAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAO,GAAI,YAAY,IAAI,CAAA;AAC1C,MAAA,MAAM,SAAA,GAAY,QAAA,CAAS,CAAA,GAAI,KAAA,GAAQ,CAAA;AACvC,MAAA,MAAM,SAAA,GAAY,QAAA,CAAS,CAAA,GAAI,MAAA,GAAS,CAAA;AACxC,MAAA,OAAO,EAAE,GAAG,IAAA,EAAM,QAAA,EAAU,EAAE,CAAA,EAAG,SAAA,EAAW,CAAA,EAAG,SAAA,EAAU,EAAE;AAAA,IAC7D,CAAC,CAAA;AAAA,IACD;AAAA,GACF;AACF;;;;"}

package/dist/domains/workflows/workflow/workflow-graph-layout.d.ts

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

package/dist/domains/workflows/workflow/workflow-graph-layout.es.js

@@ -0,0 +1,40 @@
+import Dagre from '@dagrejs/dagre';
+import { W as WORKFLOW_BOUNDARY_NODE_TYPE } from '../../../types-CvneO3z0.js';
+
+const getNodeSize = (node) => {
+  if (node.type === WORKFLOW_BOUNDARY_NODE_TYPE) {
+    return {
+      width: node.measured?.width ?? 112,
+      height: node.measured?.height ?? 38
+    };
+  }
+  return {
+    width: node.measured?.width ?? 274,
+    height: node.measured?.height ?? (node.data.isLarge ? 260 : 100)
+  };
+};
+const getLayoutedElements = (nodes, edges) => {
+  const dagreGraph = new Dagre.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
+  dagreGraph.setGraph({ rankdir: "TB", ranksep: 84, nodesep: 64 });
+  edges.forEach((edge) => dagreGraph.setEdge(edge.source, edge.target));
+  nodes.forEach(
+    (node) => dagreGraph.setNode(node.id, {
+      ...node,
+      ...getNodeSize(node)
+    })
+  );
+  Dagre.layout(dagreGraph);
+  return {
+    nodes: nodes.map((node) => {
+      const position = dagreGraph.node(node.id);
+      const { width, height } = getNodeSize(node);
+      const positionX = position.x - width / 2;
+      const positionY = position.y - height / 2;
+      return { ...node, position: { x: positionX, y: positionY } };
+    }),
+    edges
+  };
+};
+
+export { getLayoutedElements };
+//# sourceMappingURL=workflow-graph-layout.es.js.map

package/dist/domains/workflows/workflow/workflow-graph-layout.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-graph-layout.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-graph-layout.ts"],"sourcesContent":["import Dagre from '@dagrejs/dagre';\nimport type { WorkflowGraphNode, WorkflowGraphEdge } from './utils';\nimport { WORKFLOW_BOUNDARY_NODE_TYPE } from '@/ds/components/Workflow';\n\nconst getNodeSize = (node: WorkflowGraphNode): { width: number; height: number } => {\n  if (node.type === WORKFLOW_BOUNDARY_NODE_TYPE) {\n    return {\n      width: node.measured?.width ?? 112,\n      height: node.measured?.height ?? 38,\n    };\n  }\n\n  return {\n    width: node.measured?.width ?? 274,\n    height: node.measured?.height ?? (node.data.isLarge ? 260 : 100),\n  };\n};\n\nexport const getLayoutedElements = (\n  nodes: WorkflowGraphNode[],\n  edges: WorkflowGraphEdge[],\n): { nodes: WorkflowGraphNode[]; edges: WorkflowGraphEdge[] } => {\n  const dagreGraph = new Dagre.graphlib.Graph().setDefaultEdgeLabel(() => ({}));\n  dagreGraph.setGraph({ rankdir: 'TB', ranksep: 84, nodesep: 64 });\n\n  edges.forEach(edge => dagreGraph.setEdge(edge.source, edge.target));\n  nodes.forEach(node =>\n    dagreGraph.setNode(node.id, {\n      ...node,\n      ...getNodeSize(node),\n    }),\n  );\n\n  Dagre.layout(dagreGraph);\n\n  return {\n    nodes: nodes.map(node => {\n      const position = dagreGraph.node(node.id);\n      const { width, height } = getNodeSize(node);\n      const positionX = position.x - width / 2;\n      const positionY = position.y - height / 2;\n      return { ...node, position: { x: positionX, y: positionY } };\n    }),\n    edges,\n  };\n};\n"],"names":[],"mappings":";;;AAIA,MAAM,WAAA,GAAc,CAAC,IAAA,KAA+D;AAClF,EAAA,IAAI,IAAA,CAAK,SAAS,2BAAA,EAA6B;AAC7C,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,IAAA,CAAK,QAAA,EAAU,KAAA,IAAS,GAAA;AAAA,MAC/B,MAAA,EAAQ,IAAA,CAAK,QAAA,EAAU,MAAA,IAAU;AAAA,KACnC;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,IAAA,CAAK,QAAA,EAAU,KAAA,IAAS,GAAA;AAAA,IAC/B,QAAQ,IAAA,CAAK,QAAA,EAAU,WAAW,IAAA,CAAK,IAAA,CAAK,UAAU,GAAA,GAAM,GAAA;AAAA,GAC9D;AACF,CAAA;AAEO,MAAM,mBAAA,GAAsB,CACjC,KAAA,EACA,KAAA,KAC+D;AAC/D,EAAA,MAAM,UAAA,GAAa,IAAI,KAAA,CAAM,QAAA,CAAS,OAAM,CAAE,mBAAA,CAAoB,OAAO,EAAC,CAAE,CAAA;AAC5E,EAAA,UAAA,CAAW,QAAA,CAAS,EAAE,OAAA,EAAS,IAAA,EAAM,SAAS,EAAA,EAAI,OAAA,EAAS,IAAI,CAAA;AAE/D,EAAA,KAAA,CAAM,OAAA,CAAQ,UAAQ,UAAA,CAAW,OAAA,CAAQ,KAAK,MAAA,EAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAClE,EAAA,KAAA,CAAM,OAAA;AAAA,IAAQ,CAAA,IAAA,KACZ,UAAA,CAAW,OAAA,CAAQ,IAAA,CAAK,EAAA,EAAI;AAAA,MAC1B,GAAG,IAAA;AAAA,MACH,GAAG,YAAY,IAAI;AAAA,KACpB;AAAA,GACH;AAEA,EAAA,KAAA,CAAM,OAAO,UAAU,CAAA;AAEvB,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,KAAA,CAAM,GAAA,CAAI,CAAA,IAAA,KAAQ;AACvB,MAAA,MAAM,QAAA,GAAW,UAAA,CAAW,IAAA,CAAK,IAAA,CAAK,EAAE,CAAA;AACxC,MAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAO,GAAI,YAAY,IAAI,CAAA;AAC1C,MAAA,MAAM,SAAA,GAAY,QAAA,CAAS,CAAA,GAAI,KAAA,GAAQ,CAAA;AACvC,MAAA,MAAM,SAAA,GAAY,QAAA,CAAS,CAAA,GAAI,MAAA,GAAS,CAAA;AACxC,MAAA,OAAO,EAAE,GAAG,IAAA,EAAM,QAAA,EAAU,EAAE,CAAA,EAAG,SAAA,EAAW,CAAA,EAAG,SAAA,EAAU,EAAE;AAAA,IAC7D,CAAC,CAAA;AAAA,IACD;AAAA,GACF;AACF;;;;"}

package/dist/domains/workflows/workflow/workflow-graph-node.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('react/jsx-runtime');
+require('../context/use-current-run.cjs.js');
+require('../context/use-workflow-selected-step.cjs.js');
+require('../context/workflow-step-detail-context.cjs.js');
+require('../context/workflow-step-timing.cjs.js');
+require('./use-workflow-trigger.cjs.js');
+const domains_workflows_workflow_workflowBodyGraph = require('../../../workflow-nested-graph-CwvsbqsP.cjs');
+require('./workflow-node-kind.cjs.js');
+require('./workflow-step-action-bar.cjs.js');
+require('../../../workflow-condition-card-DTHht6Q5.cjs');
+
+
+
+exports.WorkflowGraphNode = domains_workflows_workflow_workflowBodyGraph.WorkflowGraphNode;
+//# sourceMappingURL=workflow-graph-node.cjs.js.map

package/dist/domains/workflows/workflow/workflow-graph-node.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-graph-node.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/domains/workflows/workflow/workflow-graph-node.d.ts

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

package/dist/domains/workflows/workflow/workflow-graph-node.es.js

@@ -0,0 +1,11 @@
+import 'react/jsx-runtime';
+import '../context/use-current-run.es.js';
+import '../context/use-workflow-selected-step.es.js';
+import '../context/workflow-step-detail-context.es.js';
+import '../context/workflow-step-timing.es.js';
+import './use-workflow-trigger.es.js';
+export { b as WorkflowGraphNode } from '../../../workflow-nested-graph-C_H2PZWK.js';
+import './workflow-node-kind.es.js';
+import './workflow-step-action-bar.es.js';
+import '../../../workflow-condition-card-ByvSwtXl.js';
+//# sourceMappingURL=workflow-graph-node.es.js.map

package/dist/domains/workflows/workflow/workflow-graph-node.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-graph-node.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@xyflow/react');
+const React = require('react');
+const domains_workflows_context_workflowRunContext = require('../context/workflow-run-context.cjs.js');
+const domains_workflows_workflow_workflowGraphBoundary = require('./workflow-graph-boundary.cjs.js');
+const domains_workflows_workflow_workflowGraphInner = require('./workflow-graph-inner.cjs.js');
+const workflowGraphPlaceholder = require('../../../workflow-graph-placeholder-DHPA04Oz.cjs');
+const utils_string = require('../../../utils/string.cjs.js');
+require('../../../style.cjs.js');
+
+function WorkflowGraph({ workflowId, workflow, isLoading, requestContext }) {
+  const { runSnapshot, snapshot } = React.useContext(domains_workflows_context_workflowRunContext.WorkflowRunContext);
+  const stepGraph = runSnapshot?.serializedStepGraph ?? snapshot?.serializedStepGraph ?? workflow?.stepGraph;
+  const layoutKey = React.useMemo(() => `${workflowId}:${JSON.stringify(stepGraph)}`, [workflowId, stepGraph]);
+  if (isLoading) return /* @__PURE__ */ jsxRuntime.jsx(workflowGraphPlaceholder.WorkflowGraphPlaceholder, { isLoading: true });
+  if (!workflow || !stepGraph) return /* @__PURE__ */ jsxRuntime.jsx(workflowGraphPlaceholder.WorkflowGraphPlaceholder, { workflowName: utils_string.lodashTitleCase(workflowId) });
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ReactFlowProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_workflow_workflowGraphBoundary.WorkflowGraphBoundary, { stepGraph, children: /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_workflow_workflowGraphInner.WorkflowGraphInner, { stepGraph, requestContext }) }) }, layoutKey);
+}
+
+exports.WorkflowGraph = WorkflowGraph;
+//# sourceMappingURL=workflow-graph.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-graph.cjs.js","sources":["../../../../src/domains/workflows/workflow/workflow-graph.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { ReactFlowProvider } from '@xyflow/react';\nimport { useContext, useMemo } from 'react';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { WorkflowGraphBoundary } from './workflow-graph-boundary';\nimport { WorkflowGraphInner } from './workflow-graph-inner';\nimport { WorkflowGraphPlaceholder } from '@/ds/components/Workflow';\nimport { lodashTitleCase } from '@/utils/string';\nimport '../../../index.css';\n\nexport interface WorkflowGraphProps {\n  workflowId: string;\n  isLoading?: boolean;\n  workflow?: GetWorkflowResponse;\n  requestContext: Record<string, any>;\n}\n\nexport function WorkflowGraph({ workflowId, workflow, isLoading, requestContext }: WorkflowGraphProps) {\n  const { runSnapshot, snapshot } = useContext(WorkflowRunContext);\n  const stepGraph = runSnapshot?.serializedStepGraph ?? snapshot?.serializedStepGraph ?? workflow?.stepGraph;\n  const layoutKey = useMemo(() => `${workflowId}:${JSON.stringify(stepGraph)}`, [workflowId, stepGraph]);\n\n  if (isLoading) return <WorkflowGraphPlaceholder isLoading />;\n  if (!workflow || !stepGraph) return <WorkflowGraphPlaceholder workflowName={lodashTitleCase(workflowId)} />;\n\n  return (\n    <ReactFlowProvider key={layoutKey}>\n      <WorkflowGraphBoundary stepGraph={stepGraph}>\n        <WorkflowGraphInner stepGraph={stepGraph} requestContext={requestContext} />\n      </WorkflowGraphBoundary>\n    </ReactFlowProvider>\n  );\n}\n"],"names":["useContext","WorkflowRunContext","useMemo","jsx","WorkflowGraphPlaceholder","lodashTitleCase","ReactFlowProvider","WorkflowGraphBoundary","WorkflowGraphInner"],"mappings":";;;;;;;;;;;;;;AAiBO,SAAS,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,SAAA,EAAW,gBAAe,EAAuB;AACrG,EAAA,MAAM,EAAE,WAAA,EAAa,QAAA,EAAS,GAAIA,iBAAWC,+DAAkB,CAAA;AAC/D,EAAA,MAAM,SAAA,GAAY,WAAA,EAAa,mBAAA,IAAuB,QAAA,EAAU,uBAAuB,QAAA,EAAU,SAAA;AACjG,EAAA,MAAM,SAAA,GAAYC,aAAA,CAAQ,MAAM,CAAA,EAAG,UAAU,CAAA,CAAA,EAAI,IAAA,CAAK,SAAA,CAAU,SAAS,CAAC,CAAA,CAAA,EAAI,CAAC,UAAA,EAAY,SAAS,CAAC,CAAA;AAErG,EAAA,IAAI,SAAA,EAAW,uBAAOC,cAAA,CAACC,iDAAA,EAAA,EAAyB,WAAS,IAAA,EAAC,CAAA;AAC1D,EAAA,IAAI,CAAC,QAAA,IAAY,CAAC,SAAA,EAAW,sCAAQA,iDAAA,EAAA,EAAyB,YAAA,EAAcC,4BAAA,CAAgB,UAAU,CAAA,EAAG,CAAA;AAEzG,EAAA,uBACEF,cAAA,CAACG,uBAAA,EAAA,EACC,QAAA,kBAAAH,cAAA,CAACI,sEAAA,EAAA,EAAsB,SAAA,EACrB,QAAA,kBAAAJ,cAAA,CAACK,gEAAA,EAAA,EAAmB,SAAA,EAAsB,cAAA,EAAgC,CAAA,EAC5E,CAAA,EAAA,EAHsB,SAIxB,CAAA;AAEJ;;;;"}

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

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

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

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { ReactFlowProvider } from '@xyflow/react';
+import { useContext, useMemo } from 'react';
+import { WorkflowRunContext } from '../context/workflow-run-context.es.js';
+import { WorkflowGraphBoundary } from './workflow-graph-boundary.es.js';
+import { WorkflowGraphInner } from './workflow-graph-inner.es.js';
+import { W as WorkflowGraphPlaceholder } from '../../../workflow-graph-placeholder-I4TzvbtB.js';
+import { lodashTitleCase } from '../../../utils/string.es.js';
+import '../../../style.es.js';
+
+function WorkflowGraph({ workflowId, workflow, isLoading, requestContext }) {
+  const { runSnapshot, snapshot } = useContext(WorkflowRunContext);
+  const stepGraph = runSnapshot?.serializedStepGraph ?? snapshot?.serializedStepGraph ?? workflow?.stepGraph;
+  const layoutKey = useMemo(() => `${workflowId}:${JSON.stringify(stepGraph)}`, [workflowId, stepGraph]);
+  if (isLoading) return /* @__PURE__ */ jsx(WorkflowGraphPlaceholder, { isLoading: true });
+  if (!workflow || !stepGraph) return /* @__PURE__ */ jsx(WorkflowGraphPlaceholder, { workflowName: lodashTitleCase(workflowId) });
+  return /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(WorkflowGraphBoundary, { stepGraph, children: /* @__PURE__ */ jsx(WorkflowGraphInner, { stepGraph, requestContext }) }) }, layoutKey);
+}
+
+export { WorkflowGraph };
+//# sourceMappingURL=workflow-graph.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-graph.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-graph.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { ReactFlowProvider } from '@xyflow/react';\nimport { useContext, useMemo } from 'react';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { WorkflowGraphBoundary } from './workflow-graph-boundary';\nimport { WorkflowGraphInner } from './workflow-graph-inner';\nimport { WorkflowGraphPlaceholder } from '@/ds/components/Workflow';\nimport { lodashTitleCase } from '@/utils/string';\nimport '../../../index.css';\n\nexport interface WorkflowGraphProps {\n  workflowId: string;\n  isLoading?: boolean;\n  workflow?: GetWorkflowResponse;\n  requestContext: Record<string, any>;\n}\n\nexport function WorkflowGraph({ workflowId, workflow, isLoading, requestContext }: WorkflowGraphProps) {\n  const { runSnapshot, snapshot } = useContext(WorkflowRunContext);\n  const stepGraph = runSnapshot?.serializedStepGraph ?? snapshot?.serializedStepGraph ?? workflow?.stepGraph;\n  const layoutKey = useMemo(() => `${workflowId}:${JSON.stringify(stepGraph)}`, [workflowId, stepGraph]);\n\n  if (isLoading) return <WorkflowGraphPlaceholder isLoading />;\n  if (!workflow || !stepGraph) return <WorkflowGraphPlaceholder workflowName={lodashTitleCase(workflowId)} />;\n\n  return (\n    <ReactFlowProvider key={layoutKey}>\n      <WorkflowGraphBoundary stepGraph={stepGraph}>\n        <WorkflowGraphInner stepGraph={stepGraph} requestContext={requestContext} />\n      </WorkflowGraphBoundary>\n    </ReactFlowProvider>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAiBO,SAAS,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,SAAA,EAAW,gBAAe,EAAuB;AACrG,EAAA,MAAM,EAAE,WAAA,EAAa,QAAA,EAAS,GAAI,WAAW,kBAAkB,CAAA;AAC/D,EAAA,MAAM,SAAA,GAAY,WAAA,EAAa,mBAAA,IAAuB,QAAA,EAAU,uBAAuB,QAAA,EAAU,SAAA;AACjG,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,MAAM,CAAA,EAAG,UAAU,CAAA,CAAA,EAAI,IAAA,CAAK,SAAA,CAAU,SAAS,CAAC,CAAA,CAAA,EAAI,CAAC,UAAA,EAAY,SAAS,CAAC,CAAA;AAErG,EAAA,IAAI,SAAA,EAAW,uBAAO,GAAA,CAAC,wBAAA,EAAA,EAAyB,WAAS,IAAA,EAAC,CAAA;AAC1D,EAAA,IAAI,CAAC,QAAA,IAAY,CAAC,SAAA,EAAW,2BAAQ,wBAAA,EAAA,EAAyB,YAAA,EAAc,eAAA,CAAgB,UAAU,CAAA,EAAG,CAAA;AAEzG,EAAA,uBACE,GAAA,CAAC,iBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAsB,SAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAsB,cAAA,EAAgC,CAAA,EAC5E,CAAA,EAAA,EAHsB,SAIxB,CAAA;AAEJ;;;;"}