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

package/dist/workflow-nested-graph-CwvsbqsP.cjs

@@ -0,0 +1,302 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const domains_workflows_context_useCurrentRun = require('./domains/workflows/context/use-current-run.cjs.js');
+const domains_workflows_workflow_useWorkflowGraphNodes = require('./domains/workflows/workflow/use-workflow-graph-nodes.cjs.js');
+const domains_workflows_context_workflowRunContext = require('./domains/workflows/context/workflow-run-context.cjs.js');
+const domains_workflows_workflow_data_workflowEdgeDataGroups = require('./domains/workflows/workflow/data/workflow-edge-data-groups.cjs.js');
+const domains_workflows_workflow_utils = require('./domains/workflows/workflow/utils.cjs.js');
+const domains_workflows_workflow_workflowBoundaryData = require('./domains/workflows/workflow/workflow-boundary-data.cjs.js');
+const domains_workflows_workflow_workflowDataEdge = require('./domains/workflows/workflow/workflow-data-edge.cjs.js');
+const domains_workflows_context_useWorkflowSelectedStep = require('./domains/workflows/context/use-workflow-selected-step.cjs.js');
+const domains_workflows_context_workflowStepDetailContext = require('./domains/workflows/context/workflow-step-detail-context.cjs.js');
+const domains_workflows_context_workflowStepTiming = require('./domains/workflows/context/workflow-step-timing.cjs.js');
+const domains_workflows_workflow_useWorkflowTrigger = require('./domains/workflows/workflow/use-workflow-trigger.cjs.js');
+const react = require('@xyflow/react');
+const lucideReact = require('lucide-react');
+const domains_workflows_workflow_workflowGraphBoundary = require('./domains/workflows/workflow/workflow-graph-boundary.cjs.js');
+const domains_workflows_workflow_workflowGraphGroups = require('./domains/workflows/workflow/workflow-graph-groups.cjs.js');
+const domains_workflows_workflow_workflowIterationScopes = require('./domains/workflows/workflow/workflow-iteration-scopes.cjs.js');
+const select = require('./select-BByMAS0L.cjs');
+const types = require('./types-1cBe2TOn.cjs');
+const workflowConditionCard = require('./workflow-condition-card-DTHht6Q5.cjs');
+const Txt = require('./Txt-DPmEpNbp.cjs');
+const domains_workflows_workflow_workflowNodeKind = require('./domains/workflows/workflow/workflow-node-kind.cjs.js');
+const domains_workflows_workflow_workflowStepActionBar = require('./domains/workflows/workflow/workflow-step-action-bar.cjs.js');
+const domains_workflows_workflow_workflowStepNodeUtils = require('./domains/workflows/workflow/workflow-step-node-utils.cjs.js');
+
+function WorkflowBodyGraph({
+  stepGraph,
+  workflowName,
+  isForEach,
+  requestContext
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": isForEach ? "Loop body" : "Nested workflow", className: "flex h-full min-h-0 flex-col", children: [
+    isForEach && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-start gap-2 px-4 py-3 text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Repeat2, { "aria-hidden": true, className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "meta", children: "Runs for every item. All items finish before the workflow continues." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(react.ReactFlowProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      WorkflowNestedGraph,
+      {
+        stepGraph,
+        embedded: true,
+        workflowName,
+        isForEach,
+        requestContext
+      }
+    ) }) })
+  ] });
+}
+
+const getDisplayStatus = (step) => {
+  const isTripwire = step?.status === "failed" && step?.tripwire !== void 0;
+  const displayStatus = step && domains_workflows_context_workflowStepTiming.isAwaitingInput(step) ? "suspended" : step?.status;
+  return {
+    displayStatus: isTripwire ? "tripwire" : displayStatus,
+    isTripwire
+  };
+};
+const WorkflowStepCard = ({
+  data,
+  parentWorkflowName,
+  stepsFlow,
+  requestContext
+}) => {
+  const { steps } = domains_workflows_context_useCurrentRun.useCurrentRun();
+  const { selectedStepId, setSelectedStepId, hoverStepId, setHoverStepId } = domains_workflows_context_useWorkflowSelectedStep.useWorkflowSelectedStep();
+  const { showNestedGraph } = domains_workflows_context_workflowStepDetailContext.useWorkflowStepDetail();
+  const waitingStepKey = domains_workflows_workflow_useWorkflowTrigger.useWaitingStepKey();
+  const { label, stepId, description } = data;
+  const mapConfig = data.mapConfig ?? ("step" in data.workflowStep ? data.workflowStep.step?.mapConfig : void 0);
+  const stepGraph = data.stepGraph ?? ("step" in data.workflowStep ? data.workflowStep.step?.serializedStepFlow : void 0) ?? (data.workflowStep.kind === "nested-workflow-step" && data.workflowStep.flow.type === "workflow" ? data.workflowStep.flow.serializedStepFlow : void 0);
+  const fullLabel = parentWorkflowName ? `${parentWorkflowName}.${label}` : label;
+  const stepKey = parentWorkflowName ? `${parentWorkflowName}.${stepId || label}` : stepId || label;
+  const isSelected = selectedStepId === stepKey;
+  const isWaiting = waitingStepKey === stepKey;
+  const isHovered = hoverStepId === stepKey;
+  const step = steps[stepKey];
+  const { displayStatus, isTripwire } = getDisplayStatus(step);
+  const stepSpan = step ? domains_workflows_context_workflowStepTiming.resolveStepSpan(step) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    workflowConditionCard.WorkflowStepCardView,
+    {
+      label: data.mapContext?.label ?? label,
+      nodeKind: domains_workflows_workflow_workflowNodeKind.getWorkflowCardKind(data.workflowStep),
+      onSelect: () => setSelectedStepId(stepKey),
+      initiallyOpen: !parentWorkflowName,
+      body: stepGraph?.length ? /* @__PURE__ */ jsxRuntime.jsx(
+        WorkflowBodyGraph,
+        {
+          stepGraph,
+          workflowName: fullLabel,
+          isForEach: data.isForEach,
+          requestContext
+        }
+      ) : void 0,
+      description: description ?? data.mapContext?.description,
+      displayStatus,
+      isNestedWorkflowStep: data.workflowStep.kind === "nested-workflow-step",
+      stepKey,
+      isSelected,
+      isWaiting,
+      isHovered,
+      onHoverChange: (isHovered2) => setHoverStepId(isHovered2 ? stepKey : null),
+      duration: data.duration,
+      date: data.date,
+      isForEach: data.isForEach,
+      foreachProgress: step?.foreachProgress,
+      mapConfig,
+      canSuspend: data.canSuspend,
+      stepGraph,
+      startedAt: stepSpan?.start,
+      endedAt: stepSpan?.end,
+      spansSuspension: stepSpan?.spansSuspension,
+      actionBar: /* @__PURE__ */ jsxRuntime.jsx(
+        domains_workflows_workflow_workflowStepActionBar.WorkflowStepActionBar,
+        {
+          stepName: label,
+          stepId,
+          resumeData: step?.resumeData,
+          error: isTripwire ? void 0 : step?.error,
+          tripwire: isTripwire ? step?.tripwire : void 0,
+          mapConfig,
+          onShowNestedGraph: stepGraph ? () => showNestedGraph({ label, fullStep: fullLabel, stepGraph }) : void 0,
+          stepKey,
+          stepsFlow,
+          requestContext
+        }
+      )
+    }
+  );
+};
+const WorkflowConditionNodeCard = ({
+  data,
+  parentWorkflowName,
+  requestContext
+}) => {
+  const { steps } = domains_workflows_context_useCurrentRun.useCurrentRun();
+  const conditions = data.conditions ?? [];
+  const previousStepId = data.previousStepId && (parentWorkflowName ? `${parentWorkflowName}.${data.previousStepId}` : data.previousStepId);
+  const previousStep = previousStepId ? steps[previousStepId] : void 0;
+  const { displayStatus: previousDisplayStatus, isTripwire } = getDisplayStatus(previousStep);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    workflowConditionCard.WorkflowConditionCard,
+    {
+      conditions,
+      previousDisplayStatus,
+      actionBar: /* @__PURE__ */ jsxRuntime.jsx(
+        domains_workflows_workflow_workflowStepActionBar.WorkflowStepActionBar,
+        {
+          stepName: data.nextStepId ?? data.label,
+          mapConfig: data.mapConfig,
+          tripwire: isTripwire ? previousStep?.tripwire : void 0,
+          requestContext
+        }
+      )
+    }
+  );
+};
+function WorkflowGraphNode({
+  data,
+  parentWorkflowName,
+  stepsFlow,
+  requestContext
+}) {
+  const content = data.workflowStep.kind === "conditional" ? /* @__PURE__ */ jsxRuntime.jsx(WorkflowConditionNodeCard, { data, parentWorkflowName, requestContext }) : /* @__PURE__ */ jsxRuntime.jsx(
+    WorkflowStepCard,
+    {
+      data,
+      parentWorkflowName,
+      stepsFlow,
+      requestContext
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(workflowConditionCard.WorkflowNodeFrame, { withoutTopHandle: data.withoutTopHandle, withoutBottomHandle: data.withoutBottomHandle, children: content });
+}
+
+const getScopedStepId = (stepId, workflowName) => stepId && workflowName ? `${workflowName}.${stepId}` : stepId;
+const useWorkflowGraphRuntime = ({
+  edges,
+  workflowName,
+  requestContext
+}) => {
+  const { steps } = domains_workflows_context_useCurrentRun.useCurrentRun();
+  const workflowRun = React.useContext(domains_workflows_context_workflowRunContext.WorkflowRunContext);
+  const workflowSucceeded = workflowName ? steps[workflowName]?.status === "success" || domains_workflows_workflow_workflowBoundaryData.getWorkflowBoundaryData(steps, workflowName).output !== void 0 : workflowRun.result?.status === "success";
+  const stepsFlow = React.useMemo(() => domains_workflows_workflow_utils.buildStepsFlow(edges), [edges]);
+  const nodeTypes = React.useMemo(
+    () => ({
+      [domains_workflows_workflow_workflowStepNodeUtils.WORKFLOW_STEP_NODE_TYPE]: (props) => /* @__PURE__ */ jsxRuntime.jsx(
+        WorkflowGraphNode,
+        {
+          parentWorkflowName: workflowName,
+          ...props,
+          stepsFlow,
+          requestContext
+        }
+      ),
+      [types.WORKFLOW_BOUNDARY_NODE_TYPE]: (props) => /* @__PURE__ */ jsxRuntime.jsx(workflowConditionCard.WorkflowBoundaryNode, { ...props })
+    }),
+    [stepsFlow, workflowName, requestContext]
+  );
+  const edgeTypes = React.useMemo(
+    () => ({
+      [types.WORKFLOW_DATA_EDGE_TYPE]: (props) => /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_workflow_workflowDataEdge.WorkflowDataEdge, { parentWorkflowName: workflowName, ...props })
+    }),
+    [workflowName]
+  );
+  const styledEdges = React.useMemo(
+    () => domains_workflows_workflow_data_workflowEdgeDataGroups.groupWorkflowEdgeData(edges).map((edge) => {
+      const previousStepId = getScopedStepId(edge.data?.previousStepId, workflowName);
+      const nextStepId = getScopedStepId(edge.data?.nextStepId, workflowName);
+      const previousStepSucceeded = steps[previousStepId ?? ""]?.status === "success";
+      const nextStepStatus = steps[nextStepId ?? ""]?.status;
+      let isFinishedEdge = previousStepSucceeded && nextStepStatus !== "skipped";
+      if (edge.data?.boundaryPayload === "workflow-output") {
+        isFinishedEdge = workflowSucceeded;
+      } else if (edge.data?.boundaryPayload === "workflow-input" || edge.data?.conditionNode) {
+        isFinishedEdge = Boolean(nextStepStatus) && nextStepStatus !== "skipped";
+      }
+      return {
+        ...edge,
+        type: types.WORKFLOW_DATA_EDGE_TYPE,
+        animated: isFinishedEdge ? false : edge.animated,
+        data: {
+          ...edge.data,
+          edgeStatus: isFinishedEdge ? "success" : "idle"
+        },
+        style: {
+          ...edge.style,
+          stroke: isFinishedEdge ? "#22c55e" : "#8e8e8e",
+          strokeDasharray: isFinishedEdge ? "none" : edge.style?.strokeDasharray
+        }
+      };
+    }),
+    [edges, steps, workflowName, workflowSucceeded]
+  );
+  return { edgeTypes, nodeTypes, stepsFlow, styledEdges };
+};
+
+function WorkflowNestedGraph(props) {
+  const layoutKey = React.useMemo(
+    () => `${props.workflowName}:${JSON.stringify(props.stepGraph)}`,
+    [props.workflowName, props.stepGraph]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_workflow_workflowGraphBoundary.WorkflowGraphBoundary, { stepGraph: props.stepGraph, children: /* @__PURE__ */ jsxRuntime.jsx(WorkflowNestedGraphContent, { ...props }) }, layoutKey);
+}
+function WorkflowNestedGraphContent({
+  stepGraph,
+  workflowName,
+  isForEach,
+  embedded,
+  requestContext
+}) {
+  const { nodes, edges, onNodesChange } = domains_workflows_workflow_useWorkflowGraphNodes.useWorkflowGraphNodes(stepGraph);
+  const { steps } = domains_workflows_context_useCurrentRun.useCurrentRun();
+  const iterations = domains_workflows_workflow_workflowIterationScopes.getWorkflowIterationScopes(Object.keys(steps), workflowName);
+  const [selectedIteration, setSelectedIteration] = React.useState();
+  const activeIteration = iterations.find((iteration) => iteration.value === selectedIteration) ?? iterations[0];
+  const { edgeTypes, nodeTypes, styledEdges } = useWorkflowGraphRuntime({
+    edges,
+    workflowName: activeIteration?.value ?? workflowName,
+    requestContext
+  });
+  const labeledNodes = React.useMemo(
+    () => nodes.map((node) => {
+      if (!isForEach || node.type !== types.WORKFLOW_BOUNDARY_NODE_TYPE) return node;
+      const label = node.data.boundaryRole === "start" ? "Each item" : "Item result";
+      return { ...node, data: { ...node.data, label } };
+    }),
+    [nodes, isForEach]
+  );
+  const groups = React.useMemo(() => domains_workflows_workflow_workflowGraphGroups.getWorkflowGraphGroups(nodes), [nodes]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex size-full flex-col", children: [
+    activeIteration && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nodrag nopan flex items-center gap-3 border-b border-border px-4 py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-muted-foreground", children: "Iteration" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { value: activeIteration.value, onValueChange: setSelectedIteration, items: iterations, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { "aria-label": "Loop item", size: "sm", className: "w-36", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: iterations.map((iteration) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: iteration.value, children: iteration.label }, iteration.value)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+      workflowConditionCard.WorkflowGraphCanvas,
+      {
+        variant: embedded ? "inline" : "nested",
+        groups,
+        nodes: labeledNodes,
+        edges: styledEdges,
+        edgeTypes,
+        nodeTypes,
+        onNodesChange
+      }
+    ) })
+  ] });
+}
+
+exports.WorkflowBodyGraph = WorkflowBodyGraph;
+exports.WorkflowGraphNode = WorkflowGraphNode;
+exports.WorkflowNestedGraph = WorkflowNestedGraph;
+exports.useWorkflowGraphRuntime = useWorkflowGraphRuntime;
+//# sourceMappingURL=workflow-nested-graph-CwvsbqsP.cjs.map

package/dist/workflow-nested-graph-CwvsbqsP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-nested-graph-CwvsbqsP.cjs","sources":["../src/domains/workflows/workflow/workflow-body-graph.tsx","../src/domains/workflows/workflow/workflow-graph-node.tsx","../src/domains/workflows/workflow/use-workflow-graph-runtime.tsx","../src/domains/workflows/workflow/workflow-nested-graph.tsx"],"sourcesContent":["import type { SerializedStepFlowEntry } from '@mastra/core/workflows';\nimport { ReactFlowProvider } from '@xyflow/react';\nimport { Repeat2 } from 'lucide-react';\nimport { WorkflowNestedGraph } from './workflow-nested-graph';\nimport { Txt } from '@/ds/components/Txt';\n\nexport function WorkflowBodyGraph({\n  stepGraph,\n  workflowName,\n  isForEach,\n  requestContext,\n}: {\n  stepGraph: SerializedStepFlowEntry[];\n  workflowName: string;\n  isForEach?: boolean;\n  requestContext: Record<string, any>;\n}) {\n  return (\n    <section aria-label={isForEach ? 'Loop body' : 'Nested workflow'} className=\"flex h-full min-h-0 flex-col\">\n      {isForEach && (\n        <div className=\"flex shrink-0 items-start gap-2 px-4 py-3 text-muted-foreground\">\n          <Repeat2 aria-hidden className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\" />\n          <Txt variant=\"meta\">Runs for every item. All items finish before the workflow continues.</Txt>\n        </div>\n      )}\n      <div className=\"min-h-0 flex-1 overflow-hidden\">\n        <ReactFlowProvider>\n          <WorkflowNestedGraph\n            stepGraph={stepGraph}\n            embedded\n            workflowName={workflowName}\n            isForEach={isForEach}\n            requestContext={requestContext}\n          />\n        </ReactFlowProvider>\n      </div>\n    </section>\n  );\n}\n","import type { NodeProps } from '@xyflow/react';\n\nimport { useCurrentRun } from '../context/use-current-run';\nimport type { Step } from '../context/use-current-run';\nimport { useWorkflowSelectedStep } from '../context/use-workflow-selected-step';\nimport { useWorkflowStepDetail } from '../context/workflow-step-detail-context';\nimport { isAwaitingInput, resolveStepSpan } from '../context/workflow-step-timing';\nimport { useWaitingStepKey } from './use-workflow-trigger';\nimport { WorkflowBodyGraph } from './workflow-body-graph';\nimport { getWorkflowCardKind } from './workflow-node-kind';\nimport { WorkflowStepActionBar } from './workflow-step-action-bar';\nimport type { WorkflowStepNode, WorkflowStepNodeData } from './workflow-step-node-utils';\nimport { WorkflowNodeFrame, WorkflowConditionCard, WorkflowStepCardView } from '@/ds/components/Workflow';\nimport type { WorkflowCardDisplayStatus } from '@/ds/components/Workflow';\n\nexport interface WorkflowGraphNodeProps {\n  parentWorkflowName?: string;\n  stepsFlow: Record<string, string[]>;\n  requestContext: Record<string, any>;\n}\n\nconst getDisplayStatus = (step?: Step): { displayStatus: WorkflowCardDisplayStatus; isTripwire: boolean } => {\n  const isTripwire = step?.status === 'failed' && step?.tripwire !== undefined;\n  const displayStatus = step && isAwaitingInput(step) ? 'suspended' : step?.status;\n  return {\n    displayStatus: isTripwire ? 'tripwire' : displayStatus,\n    isTripwire,\n  };\n};\n\nconst WorkflowStepCard = ({\n  data,\n  parentWorkflowName,\n  stepsFlow,\n  requestContext,\n}: {\n  data: WorkflowStepNodeData;\n  parentWorkflowName?: string;\n  stepsFlow: Record<string, string[]>;\n  requestContext: Record<string, any>;\n}) => {\n  const { steps } = useCurrentRun();\n  const { selectedStepId, setSelectedStepId, hoverStepId, setHoverStepId } = useWorkflowSelectedStep();\n  const { showNestedGraph } = useWorkflowStepDetail();\n  const waitingStepKey = useWaitingStepKey();\n  const { label, stepId, description } = data;\n  const mapConfig = data.mapConfig ?? ('step' in data.workflowStep ? data.workflowStep.step?.mapConfig : undefined);\n  const stepGraph =\n    data.stepGraph ??\n    ('step' in data.workflowStep ? data.workflowStep.step?.serializedStepFlow : undefined) ??\n    (data.workflowStep.kind === 'nested-workflow-step' && data.workflowStep.flow.type === 'workflow'\n      ? data.workflowStep.flow.serializedStepFlow\n      : undefined);\n  const fullLabel = parentWorkflowName ? `${parentWorkflowName}.${label}` : label;\n  const stepKey = parentWorkflowName ? `${parentWorkflowName}.${stepId || label}` : stepId || label;\n  const isSelected = selectedStepId === stepKey;\n  const isWaiting = waitingStepKey === stepKey;\n  const isHovered = hoverStepId === stepKey;\n  const step = steps[stepKey];\n  const { displayStatus, isTripwire } = getDisplayStatus(step);\n  const stepSpan = step ? resolveStepSpan(step) : undefined;\n\n  return (\n    <WorkflowStepCardView\n      label={data.mapContext?.label ?? label}\n      nodeKind={getWorkflowCardKind(data.workflowStep)}\n      onSelect={() => setSelectedStepId(stepKey)}\n      initiallyOpen={!parentWorkflowName}\n      body={\n        stepGraph?.length ? (\n          <WorkflowBodyGraph\n            stepGraph={stepGraph}\n            workflowName={fullLabel}\n            isForEach={data.isForEach}\n            requestContext={requestContext}\n          />\n        ) : undefined\n      }\n      description={description ?? data.mapContext?.description}\n      displayStatus={displayStatus}\n      isNestedWorkflowStep={data.workflowStep.kind === 'nested-workflow-step'}\n      stepKey={stepKey}\n      isSelected={isSelected}\n      isWaiting={isWaiting}\n      isHovered={isHovered}\n      onHoverChange={isHovered => setHoverStepId(isHovered ? stepKey : null)}\n      duration={data.duration}\n      date={data.date}\n      isForEach={data.isForEach}\n      foreachProgress={step?.foreachProgress}\n      mapConfig={mapConfig}\n      canSuspend={data.canSuspend}\n      stepGraph={stepGraph}\n      startedAt={stepSpan?.start}\n      endedAt={stepSpan?.end}\n      spansSuspension={stepSpan?.spansSuspension}\n      actionBar={\n        <WorkflowStepActionBar\n          stepName={label}\n          stepId={stepId}\n          resumeData={step?.resumeData}\n          error={isTripwire ? undefined : step?.error}\n          tripwire={isTripwire ? step?.tripwire : undefined}\n          mapConfig={mapConfig}\n          onShowNestedGraph={stepGraph ? () => showNestedGraph({ label, fullStep: fullLabel, stepGraph }) : undefined}\n          stepKey={stepKey}\n          stepsFlow={stepsFlow}\n          requestContext={requestContext}\n        />\n      }\n    />\n  );\n};\n\nconst WorkflowConditionNodeCard = ({\n  data,\n  parentWorkflowName,\n  requestContext,\n}: {\n  data: WorkflowStepNodeData;\n  parentWorkflowName?: string;\n  requestContext: Record<string, any>;\n}) => {\n  const { steps } = useCurrentRun();\n  const conditions = data.conditions ?? [];\n  const previousStepId =\n    data.previousStepId && (parentWorkflowName ? `${parentWorkflowName}.${data.previousStepId}` : data.previousStepId);\n  const previousStep = previousStepId ? steps[previousStepId] : undefined;\n  const { displayStatus: previousDisplayStatus, isTripwire } = getDisplayStatus(previousStep);\n\n  return (\n    <WorkflowConditionCard\n      conditions={conditions}\n      previousDisplayStatus={previousDisplayStatus}\n      actionBar={\n        <WorkflowStepActionBar\n          stepName={data.nextStepId ?? data.label}\n          mapConfig={data.mapConfig}\n          tripwire={isTripwire ? previousStep?.tripwire : undefined}\n          requestContext={requestContext}\n        />\n      }\n    />\n  );\n};\n\nexport function WorkflowGraphNode({\n  data,\n  parentWorkflowName,\n  stepsFlow,\n  requestContext,\n}: NodeProps<WorkflowStepNode> & WorkflowGraphNodeProps) {\n  const content =\n    data.workflowStep.kind === 'conditional' ? (\n      <WorkflowConditionNodeCard data={data} parentWorkflowName={parentWorkflowName} requestContext={requestContext} />\n    ) : (\n      <WorkflowStepCard\n        data={data}\n        parentWorkflowName={parentWorkflowName}\n        stepsFlow={stepsFlow}\n        requestContext={requestContext}\n      />\n    );\n\n  return (\n    <WorkflowNodeFrame withoutTopHandle={data.withoutTopHandle} withoutBottomHandle={data.withoutBottomHandle}>\n      {content}\n    </WorkflowNodeFrame>\n  );\n}\n","import type { EdgeProps, NodeProps } from '@xyflow/react';\nimport { useContext, useMemo } from 'react';\n\nimport { useCurrentRun } from '../context/use-current-run';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { groupWorkflowEdgeData } from './data/workflow-edge-data-groups';\nimport { buildStepsFlow } from './utils';\nimport type { WorkflowGraphEdge } from './utils';\nimport { getWorkflowBoundaryData } from './workflow-boundary-data';\nimport { WorkflowDataEdge } from './workflow-data-edge';\nimport { WorkflowGraphNode } from './workflow-graph-node';\nimport { WORKFLOW_BOUNDARY_NODE_TYPE, WORKFLOW_STEP_NODE_TYPE } from './workflow-step-node-utils';\nimport type { WorkflowBoundaryNode as WorkflowBoundaryNodeType, WorkflowStepNode } from './workflow-step-node-utils';\nimport { WorkflowBoundaryNode, WORKFLOW_DATA_EDGE_TYPE } from '@/ds/components/Workflow';\n\nconst getScopedStepId = (stepId: string | undefined, workflowName?: string) =>\n  stepId && workflowName ? `${workflowName}.${stepId}` : stepId;\n\nexport const useWorkflowGraphRuntime = ({\n  edges,\n  workflowName,\n  requestContext,\n}: {\n  edges: WorkflowGraphEdge[];\n  workflowName?: string;\n  requestContext: Record<string, any>;\n}) => {\n  const { steps } = useCurrentRun();\n  const workflowRun = useContext(WorkflowRunContext);\n  const workflowSucceeded = workflowName\n    ? steps[workflowName]?.status === 'success' || getWorkflowBoundaryData(steps, workflowName).output !== undefined\n    : workflowRun.result?.status === 'success';\n  const stepsFlow = useMemo(() => buildStepsFlow(edges), [edges]);\n  const nodeTypes = useMemo(\n    () => ({\n      [WORKFLOW_STEP_NODE_TYPE]: (props: NodeProps<WorkflowStepNode>) => (\n        <WorkflowGraphNode\n          parentWorkflowName={workflowName}\n          {...props}\n          stepsFlow={stepsFlow}\n          requestContext={requestContext}\n        />\n      ),\n      [WORKFLOW_BOUNDARY_NODE_TYPE]: (props: NodeProps<WorkflowBoundaryNodeType>) => (\n        <WorkflowBoundaryNode {...props} />\n      ),\n    }),\n    [stepsFlow, workflowName, requestContext],\n  );\n  const edgeTypes = useMemo(\n    () => ({\n      [WORKFLOW_DATA_EDGE_TYPE]: (props: EdgeProps<WorkflowGraphEdge>) => (\n        <WorkflowDataEdge parentWorkflowName={workflowName} {...props} />\n      ),\n    }),\n    [workflowName],\n  );\n  const styledEdges = useMemo(\n    () =>\n      groupWorkflowEdgeData(edges).map(edge => {\n        const previousStepId = getScopedStepId(edge.data?.previousStepId, workflowName);\n        const nextStepId = getScopedStepId(edge.data?.nextStepId, workflowName);\n        const previousStepSucceeded = steps[previousStepId ?? '']?.status === 'success';\n        const nextStepStatus = steps[nextStepId ?? '']?.status;\n        let isFinishedEdge = previousStepSucceeded && nextStepStatus !== 'skipped';\n        if (edge.data?.boundaryPayload === 'workflow-output') {\n          isFinishedEdge = workflowSucceeded;\n        } else if (edge.data?.boundaryPayload === 'workflow-input' || edge.data?.conditionNode) {\n          isFinishedEdge = Boolean(nextStepStatus) && nextStepStatus !== 'skipped';\n        }\n\n        return {\n          ...edge,\n          type: WORKFLOW_DATA_EDGE_TYPE,\n          animated: isFinishedEdge ? false : edge.animated,\n          data: {\n            ...edge.data,\n            edgeStatus: isFinishedEdge ? 'success' : 'idle',\n          },\n          style: {\n            ...edge.style,\n            stroke: isFinishedEdge ? '#22c55e' : '#8e8e8e',\n            strokeDasharray: isFinishedEdge ? 'none' : edge.style?.strokeDasharray,\n          },\n        };\n      }),\n    [edges, steps, workflowName, workflowSucceeded],\n  );\n\n  return { edgeTypes, nodeTypes, stepsFlow, styledEdges };\n};\n","import type { SerializedStepFlowEntry } from '@mastra/core/workflows';\n\nimport { useMemo, useState } from 'react';\nimport { useCurrentRun } from '../context/use-current-run';\nimport { useWorkflowGraphNodes } from './use-workflow-graph-nodes';\nimport { useWorkflowGraphRuntime } from './use-workflow-graph-runtime';\nimport { WorkflowGraphBoundary } from './workflow-graph-boundary';\nimport { getWorkflowGraphGroups } from './workflow-graph-groups';\nimport { getWorkflowIterationScopes } from './workflow-iteration-scopes';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { WorkflowGraphCanvas, WORKFLOW_BOUNDARY_NODE_TYPE } from '@/ds/components/Workflow';\n\nexport interface WorkflowNestedGraphProps {\n  stepGraph: SerializedStepFlowEntry[];\n  workflowName: string;\n  isForEach?: boolean;\n  embedded?: boolean;\n  requestContext: Record<string, any>;\n}\n\nexport function WorkflowNestedGraph(props: WorkflowNestedGraphProps) {\n  const layoutKey = useMemo(\n    () => `${props.workflowName}:${JSON.stringify(props.stepGraph)}`,\n    [props.workflowName, props.stepGraph],\n  );\n  return (\n    <WorkflowGraphBoundary key={layoutKey} stepGraph={props.stepGraph}>\n      <WorkflowNestedGraphContent {...props} />\n    </WorkflowGraphBoundary>\n  );\n}\n\nfunction WorkflowNestedGraphContent({\n  stepGraph,\n  workflowName,\n  isForEach,\n  embedded,\n  requestContext,\n}: WorkflowNestedGraphProps) {\n  const { nodes, edges, onNodesChange } = useWorkflowGraphNodes(stepGraph);\n  const { steps } = useCurrentRun();\n  const iterations = getWorkflowIterationScopes(Object.keys(steps), workflowName);\n  const [selectedIteration, setSelectedIteration] = useState<string>();\n  const activeIteration = iterations.find(iteration => iteration.value === selectedIteration) ?? iterations[0];\n\n  const { edgeTypes, nodeTypes, styledEdges } = useWorkflowGraphRuntime({\n    edges,\n    workflowName: activeIteration?.value ?? workflowName,\n    requestContext,\n  });\n\n  const labeledNodes = useMemo(\n    () =>\n      nodes.map(node => {\n        if (!isForEach || node.type !== WORKFLOW_BOUNDARY_NODE_TYPE) return node;\n        const label = node.data.boundaryRole === 'start' ? 'Each item' : 'Item result';\n        return { ...node, data: { ...node.data, label } };\n      }),\n    [nodes, isForEach],\n  );\n  const groups = useMemo(() => getWorkflowGraphGroups(nodes), [nodes]);\n\n  return (\n    <div className=\"relative flex size-full flex-col\">\n      {activeIteration && (\n        <div className=\"nodrag nopan flex items-center gap-3 border-b border-border px-4 py-2\">\n          <span className=\"text-caption text-muted-foreground\">Iteration</span>\n          <Select value={activeIteration.value} onValueChange={setSelectedIteration} items={iterations}>\n            <SelectTrigger aria-label=\"Loop item\" size=\"sm\" className=\"w-36\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {iterations.map(iteration => (\n                <SelectItem key={iteration.value} value={iteration.value}>\n                  {iteration.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      )}\n      <div className=\"min-h-0 flex-1\">\n        <WorkflowGraphCanvas\n          variant={embedded ? 'inline' : 'nested'}\n          groups={groups}\n          nodes={labeledNodes}\n          edges={styledEdges}\n          edgeTypes={edgeTypes}\n          nodeTypes={nodeTypes}\n          onNodesChange={onNodesChange}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","Repeat2","Txt","ReactFlowProvider","isAwaitingInput","useCurrentRun","useWorkflowSelectedStep","useWorkflowStepDetail","useWaitingStepKey","resolveStepSpan","WorkflowStepCardView","getWorkflowCardKind","isHovered","WorkflowStepActionBar","WorkflowConditionCard","WorkflowNodeFrame","useContext","WorkflowRunContext","getWorkflowBoundaryData","useMemo","buildStepsFlow","WORKFLOW_STEP_NODE_TYPE","WORKFLOW_BOUNDARY_NODE_TYPE","WorkflowBoundaryNode","WORKFLOW_DATA_EDGE_TYPE","WorkflowDataEdge","groupWorkflowEdgeData","WorkflowGraphBoundary","useWorkflowGraphNodes","getWorkflowIterationScopes","useState","getWorkflowGraphGroups","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","WorkflowGraphCanvas"],"mappings":"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"}

package/dist/workflow-step-action-BrtrLzIl.js

@@ -0,0 +1,49 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { MoreVerticalIcon, ShieldAlertIcon, AlertCircleIcon, RotateCcwIcon, StepForwardIcon, PlayIcon, Clock3Icon, BracesIcon, PanelRightIcon } from 'lucide-react';
+import { B as Button } from './Button-B8nF87ai.js';
+import { D as DropdownMenu } from './dropdown-menu-DpEn6HwK.js';
+
+function WorkflowStepActions({ children }) {
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(
+      DropdownMenu.Trigger,
+      {
+        render: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "icon-sm",
+            variant: "ghost",
+            "aria-label": "Step actions",
+            title: "Step actions",
+            className: "nodrag nopan",
+            children: /* @__PURE__ */ jsx(MoreVerticalIcon, {})
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(DropdownMenu.Content, { align: "end", children })
+  ] });
+}
+
+const actions = {
+  nested: { icon: PanelRightIcon, label: "View nested graph", activeLabel: "Hide nested graph" },
+  map: { icon: BracesIcon, label: "Map config", activeLabel: "Hide map config" },
+  timeTravel: { icon: Clock3Icon, label: "Time travel" },
+  runStep: { icon: PlayIcon, label: "Run step" },
+  continueRun: { icon: StepForwardIcon, label: "Continue run" },
+  resumeData: { icon: RotateCcwIcon, label: "Resume data" },
+  error: { icon: AlertCircleIcon, label: "Error" },
+  tripwire: { icon: ShieldAlertIcon, label: "Tripwire" }
+};
+function WorkflowStepAction({ action, isActive, onSelect }) {
+  const definition = actions[action];
+  const ActionIcon = definition.icon;
+  const label = isActive && "activeLabel" in definition ? definition.activeLabel : definition.label;
+  return /* @__PURE__ */ jsxs(DropdownMenu.Item, { onSelect, className: action === "tripwire" ? "text-amber-400" : void 0, children: [
+    /* @__PURE__ */ jsx(ActionIcon, {}),
+    /* @__PURE__ */ jsx("span", { children: label })
+  ] });
+}
+
+export { WorkflowStepAction as W, WorkflowStepActions as a };
+//# sourceMappingURL=workflow-step-action-BrtrLzIl.js.map

package/dist/workflow-step-action-BrtrLzIl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-step-action-BrtrLzIl.js","sources":["../src/ds/components/Workflow/controls/workflow-step-actions.tsx","../src/ds/components/Workflow/controls/workflow-step-action.tsx"],"sourcesContent":["import { MoreVerticalIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nexport function WorkflowStepActions({ children }: { children: ReactNode }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger\n        render={\n          <Button\n            size=\"icon-sm\"\n            variant=\"ghost\"\n            aria-label=\"Step actions\"\n            title=\"Step actions\"\n            className=\"nodrag nopan\"\n          >\n            <MoreVerticalIcon />\n          </Button>\n        }\n      />\n      <DropdownMenu.Content align=\"end\">{children}</DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n","import {\n  AlertCircleIcon,\n  BracesIcon,\n  Clock3Icon,\n  PanelRightIcon,\n  PlayIcon,\n  RotateCcwIcon,\n  ShieldAlertIcon,\n  StepForwardIcon,\n} from 'lucide-react';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nconst actions = {\n  nested: { icon: PanelRightIcon, label: 'View nested graph', activeLabel: 'Hide nested graph' },\n  map: { icon: BracesIcon, label: 'Map config', activeLabel: 'Hide map config' },\n  timeTravel: { icon: Clock3Icon, label: 'Time travel' },\n  runStep: { icon: PlayIcon, label: 'Run step' },\n  continueRun: { icon: StepForwardIcon, label: 'Continue run' },\n  resumeData: { icon: RotateCcwIcon, label: 'Resume data' },\n  error: { icon: AlertCircleIcon, label: 'Error' },\n  tripwire: { icon: ShieldAlertIcon, label: 'Tripwire' },\n};\n\nexport interface WorkflowStepActionProps {\n  action: keyof typeof actions;\n  isActive?: boolean;\n  onSelect: () => void;\n}\n\nexport function WorkflowStepAction({ action, isActive, onSelect }: WorkflowStepActionProps) {\n  const definition = actions[action];\n  const ActionIcon = definition.icon;\n  const label = isActive && 'activeLabel' in definition ? definition.activeLabel : definition.label;\n  return (\n    <DropdownMenu.Item onSelect={onSelect} className={action === 'tripwire' ? 'text-amber-400' : undefined}>\n      <ActionIcon />\n      <span>{label}</span>\n    </DropdownMenu.Item>\n  );\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAA4B;AACzE,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,MAAA,kBACE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,OAAA,EAAQ,OAAA;AAAA,YACR,YAAA,EAAW,cAAA;AAAA,YACX,KAAA,EAAM,cAAA;AAAA,YACN,SAAA,EAAU,cAAA;AAAA,YAEV,8BAAC,gBAAA,EAAA,EAAiB;AAAA;AAAA;AACpB;AAAA,KAEJ;AAAA,wBACC,YAAA,CAAa,OAAA,EAAb,EAAqB,KAAA,EAAM,OAAO,QAAA,EAAS;AAAA,GAAA,EAC9C,CAAA;AAEJ;;ACZA,MAAM,OAAA,GAAU;AAAA,EACd,QAAQ,EAAE,IAAA,EAAM,gBAAgB,KAAA,EAAO,mBAAA,EAAqB,aAAa,mBAAA,EAAoB;AAAA,EAC7F,KAAK,EAAE,IAAA,EAAM,YAAY,KAAA,EAAO,YAAA,EAAc,aAAa,iBAAA,EAAkB;AAAA,EAC7E,UAAA,EAAY,EAAE,IAAA,EAAM,UAAA,EAAY,OAAO,aAAA,EAAc;AAAA,EACrD,OAAA,EAAS,EAAE,IAAA,EAAM,QAAA,EAAU,OAAO,UAAA,EAAW;AAAA,EAC7C,WAAA,EAAa,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,cAAA,EAAe;AAAA,EAC5D,UAAA,EAAY,EAAE,IAAA,EAAM,aAAA,EAAe,OAAO,aAAA,EAAc;AAAA,EACxD,KAAA,EAAO,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,OAAA,EAAQ;AAAA,EAC/C,QAAA,EAAU,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,UAAA;AAC5C,CAAA;AAQO,SAAS,kBAAA,CAAmB,EAAE,MAAA,EAAQ,QAAA,EAAU,UAAS,EAA4B;AAC1F,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM,CAAA;AACjC,EAAA,MAAM,aAAa,UAAA,CAAW,IAAA;AAC9B,EAAA,MAAM,QAAQ,QAAA,IAAY,aAAA,IAAiB,UAAA,GAAa,UAAA,CAAW,cAAc,UAAA,CAAW,KAAA;AAC5F,EAAA,uBACE,IAAA,CAAC,aAAa,IAAA,EAAb,EAAkB,UAAoB,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,gBAAA,GAAmB,MAAA,EAC3F,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,oBACZ,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACf,CAAA;AAEJ;;;;"}

package/dist/workflow-step-action-D4Jh8rG3.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const Button = require('./Button-BAMnPqos.cjs');
+const dropdownMenu = require('./dropdown-menu-j2y37TL5.cjs');
+
+function WorkflowStepActions({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      dropdownMenu.DropdownMenu.Trigger,
+      {
+        render: /* @__PURE__ */ jsxRuntime.jsx(
+          Button.Button,
+          {
+            size: "icon-sm",
+            variant: "ghost",
+            "aria-label": "Step actions",
+            title: "Step actions",
+            className: "nodrag nopan",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVerticalIcon, {})
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenu.Content, { align: "end", children })
+  ] });
+}
+
+const actions = {
+  nested: { icon: lucideReact.PanelRightIcon, label: "View nested graph", activeLabel: "Hide nested graph" },
+  map: { icon: lucideReact.BracesIcon, label: "Map config", activeLabel: "Hide map config" },
+  timeTravel: { icon: lucideReact.Clock3Icon, label: "Time travel" },
+  runStep: { icon: lucideReact.PlayIcon, label: "Run step" },
+  continueRun: { icon: lucideReact.StepForwardIcon, label: "Continue run" },
+  resumeData: { icon: lucideReact.RotateCcwIcon, label: "Resume data" },
+  error: { icon: lucideReact.AlertCircleIcon, label: "Error" },
+  tripwire: { icon: lucideReact.ShieldAlertIcon, label: "Tripwire" }
+};
+function WorkflowStepAction({ action, isActive, onSelect }) {
+  const definition = actions[action];
+  const ActionIcon = definition.icon;
+  const label = isActive && "activeLabel" in definition ? definition.activeLabel : definition.label;
+  return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Item, { onSelect, className: action === "tripwire" ? "text-amber-400" : void 0, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ActionIcon, {}),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+  ] });
+}
+
+exports.WorkflowStepAction = WorkflowStepAction;
+exports.WorkflowStepActions = WorkflowStepActions;
+//# sourceMappingURL=workflow-step-action-D4Jh8rG3.cjs.map

package/dist/workflow-step-action-D4Jh8rG3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-step-action-D4Jh8rG3.cjs","sources":["../src/ds/components/Workflow/controls/workflow-step-actions.tsx","../src/ds/components/Workflow/controls/workflow-step-action.tsx"],"sourcesContent":["import { MoreVerticalIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nexport function WorkflowStepActions({ children }: { children: ReactNode }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger\n        render={\n          <Button\n            size=\"icon-sm\"\n            variant=\"ghost\"\n            aria-label=\"Step actions\"\n            title=\"Step actions\"\n            className=\"nodrag nopan\"\n          >\n            <MoreVerticalIcon />\n          </Button>\n        }\n      />\n      <DropdownMenu.Content align=\"end\">{children}</DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n","import {\n  AlertCircleIcon,\n  BracesIcon,\n  Clock3Icon,\n  PanelRightIcon,\n  PlayIcon,\n  RotateCcwIcon,\n  ShieldAlertIcon,\n  StepForwardIcon,\n} from 'lucide-react';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nconst actions = {\n  nested: { icon: PanelRightIcon, label: 'View nested graph', activeLabel: 'Hide nested graph' },\n  map: { icon: BracesIcon, label: 'Map config', activeLabel: 'Hide map config' },\n  timeTravel: { icon: Clock3Icon, label: 'Time travel' },\n  runStep: { icon: PlayIcon, label: 'Run step' },\n  continueRun: { icon: StepForwardIcon, label: 'Continue run' },\n  resumeData: { icon: RotateCcwIcon, label: 'Resume data' },\n  error: { icon: AlertCircleIcon, label: 'Error' },\n  tripwire: { icon: ShieldAlertIcon, label: 'Tripwire' },\n};\n\nexport interface WorkflowStepActionProps {\n  action: keyof typeof actions;\n  isActive?: boolean;\n  onSelect: () => void;\n}\n\nexport function WorkflowStepAction({ action, isActive, onSelect }: WorkflowStepActionProps) {\n  const definition = actions[action];\n  const ActionIcon = definition.icon;\n  const label = isActive && 'activeLabel' in definition ? definition.activeLabel : definition.label;\n  return (\n    <DropdownMenu.Item onSelect={onSelect} className={action === 'tripwire' ? 'text-amber-400' : undefined}>\n      <ActionIcon />\n      <span>{label}</span>\n    </DropdownMenu.Item>\n  );\n}\n"],"names":["DropdownMenu","jsx","Button","MoreVerticalIcon","PanelRightIcon","BracesIcon","Clock3Icon","PlayIcon","StepForwardIcon","RotateCcwIcon","AlertCircleIcon","ShieldAlertIcon","jsxs"],"mappings":";;;;;;;AAKO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAA4B;AACzE,EAAA,uCACGA,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACD,yBAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,MAAA,kBACEC,cAAA;AAAA,UAACC,aAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,OAAA,EAAQ,OAAA;AAAA,YACR,YAAA,EAAW,cAAA;AAAA,YACX,KAAA,EAAM,cAAA;AAAA,YACN,SAAA,EAAU,cAAA;AAAA,YAEV,yCAACC,4BAAA,EAAA,EAAiB;AAAA;AAAA;AACpB;AAAA,KAEJ;AAAA,mCACCH,yBAAA,CAAa,OAAA,EAAb,EAAqB,KAAA,EAAM,OAAO,QAAA,EAAS;AAAA,GAAA,EAC9C,CAAA;AAEJ;;ACZA,MAAM,OAAA,GAAU;AAAA,EACd,QAAQ,EAAE,IAAA,EAAMI,4BAAgB,KAAA,EAAO,mBAAA,EAAqB,aAAa,mBAAA,EAAoB;AAAA,EAC7F,KAAK,EAAE,IAAA,EAAMC,wBAAY,KAAA,EAAO,YAAA,EAAc,aAAa,iBAAA,EAAkB;AAAA,EAC7E,UAAA,EAAY,EAAE,IAAA,EAAMC,sBAAA,EAAY,OAAO,aAAA,EAAc;AAAA,EACrD,OAAA,EAAS,EAAE,IAAA,EAAMC,oBAAA,EAAU,OAAO,UAAA,EAAW;AAAA,EAC7C,WAAA,EAAa,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,cAAA,EAAe;AAAA,EAC5D,UAAA,EAAY,EAAE,IAAA,EAAMC,yBAAA,EAAe,OAAO,aAAA,EAAc;AAAA,EACxD,KAAA,EAAO,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,OAAA,EAAQ;AAAA,EAC/C,QAAA,EAAU,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,UAAA;AAC5C,CAAA;AAQO,SAAS,kBAAA,CAAmB,EAAE,MAAA,EAAQ,QAAA,EAAU,UAAS,EAA4B;AAC1F,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM,CAAA;AACjC,EAAA,MAAM,aAAa,UAAA,CAAW,IAAA;AAC9B,EAAA,MAAM,QAAQ,QAAA,IAAY,aAAA,IAAiB,UAAA,GAAa,UAAA,CAAW,cAAc,UAAA,CAAW,KAAA;AAC5F,EAAA,uBACEC,eAAA,CAACZ,0BAAa,IAAA,EAAb,EAAkB,UAAoB,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,gBAAA,GAAmB,MAAA,EAC3F,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,oBACZA,cAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACf,CAAA;AAEJ;;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "59.0.0",
+  "version": "60.0.0-alpha.1",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -104,16 +104,6 @@
         "default": "./dist/lib/*.cjs.js"
       }
     },
-    "./store/*": {
-      "import": {
-        "types": "./dist/store/*.d.ts",
-        "default": "./dist/store/*.es.js"
-      },
-      "require": {
-        "types": "./dist/store/*.d.ts",
-        "default": "./dist/store/*.cjs.js"
-      }
-    },
     "./hooks/*": {
       "import": {
         "types": "./dist/hooks/*.d.ts",
@@ -166,6 +156,8 @@
   "author": "Mastra",
   "license": "Apache-2.0",
   "dependencies": {
+    "@autoform/core": "^3.0.0",
+    "@autoform/react": "^4.0.0",
     "@base-ui/react": "^1.7.0",
     "@codemirror/autocomplete": "^6.20.3",
     "@codemirror/lang-javascript": "^6.2.5",
@@ -177,8 +169,10 @@
     "@codemirror/search": "^6.7.1",
     "@codemirror/state": "^6.7.1",
     "@codemirror/view": "^6.43.6",
+    "@dagrejs/dagre": "^1.1.8",
     "@hello-pangea/dnd": "^18.0.1",
     "@lezer/highlight": "^1.2.3",
+    "@lukeed/uuid": "^2.0.1",
     "@radix-ui/react-visually-hidden": "^1.2.4",
     "@tanstack/react-virtual": "^3.13.22",
     "@uiw/codemirror-theme-dracula": "^4.25.11",
@@ -188,9 +182,11 @@
     "date-fns": "4.4.0",
     "mdast-util-gfm": "^3.1.0",
     "mdast-util-to-markdown": "^2.1.2",
+    "nanoid": "^5.1.16",
     "prettier": "^3.9.5",
     "prism-react-renderer": "^2.4.1",
     "react-day-picker": "^8.10.1",
+    "react-hook-form": "^7.81.0",
     "react-markdown": "^9.1.0",
     "react-resizable-panels": "^4.7.3",
     "recharts": "^3.10.1",
@@ -198,9 +194,9 @@
     "remend": "^1.3.0",
     "shiki": "^1.29.2",
     "sonner": "^2.0.7",
+    "superjson": "^2.2.6",
     "use-debounce": "^10.1.0",
-    "zod": "^3.25.0",
-    "zustand": "^5.0.12"
+    "zod": "^3.25.0"
   },
   "peerDependencies": {
     "@mastra/core": ">=1.7.1-0 <2.0.0-0",
@@ -210,8 +206,8 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.50.0",
-    "@mastra/react": "1.6.3"
+    "@mastra/react": "1.7.0-alpha.1",
+    "@mastra/client-js": "^1.51.0-alpha.1"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.6.0",
@@ -243,6 +239,7 @@
     "msw": "^2.12.11",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
+    "react-router": "^8.0.0",
     "rollup-plugin-node-externals": "^8.1.2",
     "storybook": "^10.6.0",
     "tailwind-merge": "^3.5.0",
@@ -254,10 +251,11 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.11",
     "@internal/lint": "0.0.137",
-    "@mastra/client-js": "^1.50.0",
-    "@mastra/memory": "1.32.1",
-    "@mastra/core": "1.71.0",
-    "@mastra/react": "1.6.3"
+    "@mastra/client-js": "^1.51.0-alpha.1",
+    "@mastra/core": "1.72.0-alpha.1",
+    "@mastra/memory": "1.32.2-alpha.1",
+    "@mastra/react": "1.7.0-alpha.1",
+    "@mastra/schema-compat": "1.3.12-alpha.0"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/dist/field-error-id-DD7OARLU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-error-id-DD7OARLU.js","sources":["../src/ds/components/FormFieldBlocks/block/field-block-column.tsx","../src/ds/components/FormFieldBlocks/block/field-block-help-text.tsx","../src/ds/components/FormFieldBlocks/block/field-block-label.tsx","../src/ds/components/FormFieldBlocks/block/field-block-layout.tsx","../src/ds/components/FormFieldBlocks/block/field-block-message.tsx","../src/ds/components/FormFieldBlocks/block/field-block.tsx","../src/ds/components/FormFieldBlocks/block/field-error-id.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlockColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlockColumn({ children, className }: FieldBlockColumnProps) {\n  return <div className={cn('grid gap-2 text-foreground', className)}>{children}</div>;\n}\n","export type FieldBlockHelpTextProps = {\n  children?: React.ReactNode;\n};\n\nexport function FieldBlockHelpText({ children }: FieldBlockHelpTextProps) {\n  return <p className=\"text-caption text-muted-foreground\">{children}</p>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLabelProps = {\n  children: React.ReactNode;\n  name: string;\n  htmlFor?: string;\n  required?: boolean;\n  disabled?: boolean;\n  size?: 'default' | 'bigger';\n  className?: string;\n};\n\nexport function FieldBlockLabel({\n  children,\n  name,\n  htmlFor = `input-${name}`,\n  required,\n  disabled = false,\n  size = 'default',\n  className,\n}: FieldBlockLabelProps) {\n  return (\n    <label\n      htmlFor={htmlFor}\n      className={cn(\n        'inline-flex items-center text-label',\n        {\n          'text-body': size === 'bigger',\n          'text-foreground': !disabled,\n          'text-muted-foreground': disabled,\n        },\n        className,\n      )}\n    >\n      {children}\n      {required ? (\n        <>\n          <span aria-hidden className={cn('ml-0.5', disabled ? 'text-muted-foreground' : 'text-destructive')}>\n            *\n          </span>\n          <span className=\"sr-only\"> (required)</span>\n        </>\n      ) : null}\n    </label>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLayoutProps = {\n  children: React.ReactNode;\n  className?: string;\n  layout?: 'vertical' | 'horizontal';\n  // Optional prop to specify label column width in horizontal layout\n  labelColumnWidth?: string; // e.g., '150px' or '30%'\n};\n\nexport function FieldBlockLayout({\n  children,\n  className,\n  layout = 'vertical',\n  labelColumnWidth,\n}: FieldBlockLayoutProps) {\n  return (\n    <div\n      className={cn(\n        'relative grid gap-2 text-foreground',\n        {\n          'horizontal-field-block grid-cols-[auto_1fr] items-baseline': layout === 'horizontal',\n        },\n        className,\n      )}\n      style={\n        layout === 'horizontal' && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : undefined\n      }\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\n\nexport type FieldBlockMessageProps = {\n  name: string;\n  helpText?: React.ReactNode;\n  errorMsg?: React.ReactNode;\n};\n\nexport function FieldBlockMessage({ name, helpText, errorMsg }: FieldBlockMessageProps) {\n  return (\n    <div className=\"h-[1lh] min-w-0 overflow-hidden text-caption [&>p]:truncate\">\n      {errorMsg ? (\n        <FieldBlockErrorMsg name={name} className=\"truncate\">\n          {errorMsg}\n        </FieldBlockErrorMsg>\n      ) : helpText ? (\n        <FieldBlockHelpText>{helpText}</FieldBlockHelpText>\n      ) : null}\n    </div>\n  );\n}\n","import { FieldBlockColumn } from './field-block-column';\nimport { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\nimport { FieldBlockLabel } from './field-block-label';\nimport { FieldBlockLayout } from './field-block-layout';\nimport { FieldBlockMessage } from './field-block-message';\n\nexport const FieldBlock = Object.assign(\n  {},\n  {\n    Layout: FieldBlockLayout,\n    Column: FieldBlockColumn,\n    Label: FieldBlockLabel,\n    HelpText: FieldBlockHelpText,\n    ErrorMsg: FieldBlockErrorMsg,\n    Message: FieldBlockMessage,\n  },\n);\n","/**\n * Id of the error message for a field, so a control can point at its message with\n * `aria-describedby`. Lives apart from the component file: exporting it alongside a\n * component breaks fast refresh.\n */\nexport const fieldErrorId = (name: string) => `error-${name}`;\n"],"names":[],"mappings":"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"}

package/dist/field-error-id-V_WejsRL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-error-id-V_WejsRL.cjs","sources":["../src/ds/components/FormFieldBlocks/block/field-block-column.tsx","../src/ds/components/FormFieldBlocks/block/field-block-help-text.tsx","../src/ds/components/FormFieldBlocks/block/field-block-label.tsx","../src/ds/components/FormFieldBlocks/block/field-block-layout.tsx","../src/ds/components/FormFieldBlocks/block/field-block-message.tsx","../src/ds/components/FormFieldBlocks/block/field-block.tsx","../src/ds/components/FormFieldBlocks/block/field-error-id.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlockColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlockColumn({ children, className }: FieldBlockColumnProps) {\n  return <div className={cn('grid gap-2 text-foreground', className)}>{children}</div>;\n}\n","export type FieldBlockHelpTextProps = {\n  children?: React.ReactNode;\n};\n\nexport function FieldBlockHelpText({ children }: FieldBlockHelpTextProps) {\n  return <p className=\"text-caption text-muted-foreground\">{children}</p>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLabelProps = {\n  children: React.ReactNode;\n  name: string;\n  htmlFor?: string;\n  required?: boolean;\n  disabled?: boolean;\n  size?: 'default' | 'bigger';\n  className?: string;\n};\n\nexport function FieldBlockLabel({\n  children,\n  name,\n  htmlFor = `input-${name}`,\n  required,\n  disabled = false,\n  size = 'default',\n  className,\n}: FieldBlockLabelProps) {\n  return (\n    <label\n      htmlFor={htmlFor}\n      className={cn(\n        'inline-flex items-center text-label',\n        {\n          'text-body': size === 'bigger',\n          'text-foreground': !disabled,\n          'text-muted-foreground': disabled,\n        },\n        className,\n      )}\n    >\n      {children}\n      {required ? (\n        <>\n          <span aria-hidden className={cn('ml-0.5', disabled ? 'text-muted-foreground' : 'text-destructive')}>\n            *\n          </span>\n          <span className=\"sr-only\"> (required)</span>\n        </>\n      ) : null}\n    </label>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLayoutProps = {\n  children: React.ReactNode;\n  className?: string;\n  layout?: 'vertical' | 'horizontal';\n  // Optional prop to specify label column width in horizontal layout\n  labelColumnWidth?: string; // e.g., '150px' or '30%'\n};\n\nexport function FieldBlockLayout({\n  children,\n  className,\n  layout = 'vertical',\n  labelColumnWidth,\n}: FieldBlockLayoutProps) {\n  return (\n    <div\n      className={cn(\n        'relative grid gap-2 text-foreground',\n        {\n          'horizontal-field-block grid-cols-[auto_1fr] items-baseline': layout === 'horizontal',\n        },\n        className,\n      )}\n      style={\n        layout === 'horizontal' && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : undefined\n      }\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\n\nexport type FieldBlockMessageProps = {\n  name: string;\n  helpText?: React.ReactNode;\n  errorMsg?: React.ReactNode;\n};\n\nexport function FieldBlockMessage({ name, helpText, errorMsg }: FieldBlockMessageProps) {\n  return (\n    <div className=\"h-[1lh] min-w-0 overflow-hidden text-caption [&>p]:truncate\">\n      {errorMsg ? (\n        <FieldBlockErrorMsg name={name} className=\"truncate\">\n          {errorMsg}\n        </FieldBlockErrorMsg>\n      ) : helpText ? (\n        <FieldBlockHelpText>{helpText}</FieldBlockHelpText>\n      ) : null}\n    </div>\n  );\n}\n","import { FieldBlockColumn } from './field-block-column';\nimport { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\nimport { FieldBlockLabel } from './field-block-label';\nimport { FieldBlockLayout } from './field-block-layout';\nimport { FieldBlockMessage } from './field-block-message';\n\nexport const FieldBlock = Object.assign(\n  {},\n  {\n    Layout: FieldBlockLayout,\n    Column: FieldBlockColumn,\n    Label: FieldBlockLabel,\n    HelpText: FieldBlockHelpText,\n    ErrorMsg: FieldBlockErrorMsg,\n    Message: FieldBlockMessage,\n  },\n);\n","/**\n * Id of the error message for a field, so a control can point at its message with\n * `aria-describedby`. Lives apart from the component file: exporting it alongside a\n * component breaks fast refresh.\n */\nexport const fieldErrorId = (name: string) => `error-${name}`;\n"],"names":["cn","jsx","jsxs","Fragment","FieldBlockErrorMsg"],"mappings":"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"}