@mastra/playground-ui 7.0.0-beta.1 → 7.0.0-beta.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @mastra/playground-ui
 
+## 7.0.0-beta.2
+
+### Patch Changes
+
+- Make suspendPayload optional when calling `suspend()` ([#9926](https://github.com/mastra-ai/mastra/pull/9926))
+  Save value returned as `suspendOutput` if user returns data still after calling `suspend()`
+  Automatically call `commit()` on uncommitted workflows when registering in Mastra instance
+  Show actual suspendPayload on Studio in suspend/resume flow
+- Updated dependencies [[`627067b`](https://github.com/mastra-ai/mastra/commit/627067b22eeb26601f65fee3646ba17fc0c91501), [`465ac05`](https://github.com/mastra-ai/mastra/commit/465ac0526a91d175542091c675181f1a96c98c46)]:
+  - @mastra/ai-sdk@1.0.0-beta.1
+  - @mastra/core@1.0.0-beta.2
+  - @mastra/client-js@1.0.0-beta.2
+  - @mastra/react@0.1.0-beta.2
+
 ## 7.0.0-beta.1
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -4682,6 +4682,8 @@ function convertWorkflowRunStateToStreamResult(runState) {
         status: result.status,
         output: "output" in result ? result.output : void 0,
         payload: "payload" in result ? result.payload : void 0,
+        suspendPayload: "suspendPayload" in result ? result.suspendPayload : void 0,
+        suspendOutput: "suspendOutput" in result ? result.suspendOutput : void 0,
         resumePayload: "resumePayload" in result ? result.resumePayload : void 0,
         error: "error" in result ? result.error : void 0,
         startedAt: "startedAt" in result ? result.startedAt : Date.now(),
@@ -5360,7 +5362,9 @@ const useCurrentRun = () => {
         status: value.status,
         output: "output" in value ? value.output : void 0,
         input: value.payload,
-        resumeData: "resumePayload" in value ? value.resumePayload : void 0
+        resumeData: "resumePayload" in value ? value.resumePayload : void 0,
+        suspendOutput: "suspendOutput" in value ? value.suspendOutput : void 0,
+        suspendPayload: "suspendPayload" in value ? value.suspendPayload : void 0
       }
     };
   }, {});
@@ -5426,6 +5430,7 @@ const WorkflowStepActionBar = ({
   input,
   output,
   resumeData,
+  suspendOutput,
   error,
   mapConfig,
   stepName,
@@ -5486,14 +5491,14 @@ const WorkflowStepActionBar = ({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(CodeDialogContent, { data: resumeData }) })
           ] }) })
         ] }),
-        output && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        (output ?? suspendOutput) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(Button$1, { onClick: () => setIsOutputOpen(true), children: "Output" }),
           /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: isOutputOpen, onOpenChange: setIsOutputOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: dialogContentClass, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle, { className: dialogTitleClass, children: [
               stepName,
               " output"
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(CodeDialogContent, { data: output }) })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(CodeDialogContent, { data: output ?? suspendOutput }) })
           ] }) })
         ] }),
         error && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -5673,7 +5678,7 @@ const Clock = ({ startedAt, endedAt }) => {
 };
 
 function WorkflowDefaultNode({ data, parentWorkflowName }) {
-  const { steps, runId } = useCurrentRun();
+  const { steps } = useCurrentRun();
   const {
     label,
     stepId,
@@ -5763,6 +5768,7 @@ function WorkflowDefaultNode({ data, parentWorkflowName }) {
               input: step?.input,
               resumeData: step?.resumeData,
               output: step?.output,
+              suspendOutput: step?.suspendOutput,
               error: step?.error,
               mapConfig,
               status: step?.status
@@ -6072,6 +6078,7 @@ function WorkflowNestedNode({ data, parentWorkflowName }) {
               input: step?.input,
               resumeData: step?.resumeData,
               output: step?.output,
+              suspendOutput: step?.suspendOutput,
               error: step?.error,
               mapConfig,
               onShowNestedGraph: () => showNestedGraph({ label, fullStep: fullLabel, stepGraph }),
@@ -7501,10 +7508,10 @@ function WorkflowTrigger({
     setCancelResponse(response);
   };
   const streamResultToUse = result ?? streamResult;
-  const suspendedSteps = Object.entries(streamResultToUse?.steps || {}).filter(([_, { status }]) => status === "suspended").map(([stepId, { payload: payload2 }]) => ({
+  const suspendedSteps = Object.entries(streamResultToUse?.steps || {}).filter(([_, { status }]) => status === "suspended").map(([stepId, { suspendPayload }]) => ({
     stepId,
     runId: innerRunId,
-    suspendPayload: payload2,
+    suspendPayload,
     isLoading: false
   }));
   React.useEffect(() => {
@@ -7615,11 +7622,23 @@ function WorkflowTrigger({
           /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "secondary", className: "px-4 text-mastra-el-3", size: "xs", children: "Status" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 flex flex-col gap-4", children: Object.entries(workflowActivePaths).filter(([key, _]) => key !== "input" && !key.endsWith(".input")).map(([stepId, step]) => {
             const { status } = step;
-            let output = {};
+            let output = void 0;
+            let suspendOutput = void 0;
+            if (step.status === "suspended") {
+              suspendOutput = step.suspendOutput;
+            }
             if (step.status === "success") {
               output = step.output;
             }
-            return /* @__PURE__ */ jsxRuntime.jsx(WorkflowStatus, { stepId, status, result: output }, stepId);
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              WorkflowStatus,
+              {
+                stepId,
+                status,
+                result: output ?? suspendOutput ?? {}
+              },
+              stepId
+            );
           }) })
         ] })
       ] })