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

package/dist/index.es.js

@@ -4648,6 +4648,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(),
@@ -5326,7 +5328,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
       }
     };
   }, {});
@@ -5392,6 +5396,7 @@ const WorkflowStepActionBar = ({
   input,
   output,
   resumeData,
+  suspendOutput,
   error,
   mapConfig,
   stepName,
@@ -5452,14 +5457,14 @@ const WorkflowStepActionBar = ({
             /* @__PURE__ */ jsx("div", { className: "px-4 overflow-hidden", children: /* @__PURE__ */ jsx(CodeDialogContent, { data: resumeData }) })
           ] }) })
         ] }),
-        output && /* @__PURE__ */ jsxs(Fragment, { children: [
+        (output ?? suspendOutput) && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Button$1, { onClick: () => setIsOutputOpen(true), children: "Output" }),
           /* @__PURE__ */ jsx(Dialog, { open: isOutputOpen, onOpenChange: setIsOutputOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: dialogContentClass, children: [
             /* @__PURE__ */ jsxs(DialogTitle, { className: dialogTitleClass, children: [
               stepName,
               " output"
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "px-4 overflow-hidden", children: /* @__PURE__ */ jsx(CodeDialogContent, { data: output }) })
+            /* @__PURE__ */ jsx("div", { className: "px-4 overflow-hidden", children: /* @__PURE__ */ jsx(CodeDialogContent, { data: output ?? suspendOutput }) })
           ] }) })
         ] }),
         error && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -5639,7 +5644,7 @@ const Clock = ({ startedAt, endedAt }) => {
 };
 
 function WorkflowDefaultNode({ data, parentWorkflowName }) {
-  const { steps, runId } = useCurrentRun();
+  const { steps } = useCurrentRun();
   const {
     label,
     stepId,
@@ -5729,6 +5734,7 @@ function WorkflowDefaultNode({ data, parentWorkflowName }) {
               input: step?.input,
               resumeData: step?.resumeData,
               output: step?.output,
+              suspendOutput: step?.suspendOutput,
               error: step?.error,
               mapConfig,
               status: step?.status
@@ -6038,6 +6044,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 }),
@@ -7467,10 +7474,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
   }));
   useEffect(() => {
@@ -7581,11 +7588,23 @@ function WorkflowTrigger({
           /* @__PURE__ */ jsx(Text, { variant: "secondary", className: "px-4 text-mastra-el-3", size: "xs", children: "Status" }),
           /* @__PURE__ */ 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__ */ jsx(WorkflowStatus, { stepId, status, result: output }, stepId);
+            return /* @__PURE__ */ jsx(
+              WorkflowStatus,
+              {
+                stepId,
+                status,
+                result: output ?? suspendOutput ?? {}
+              },
+              stepId
+            );
           }) })
         ] })
       ] })