@mastra/playground-ui 6.7.2-alpha.1 → 6.8.0

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @mastra/playground-ui
 
+## 6.8.0
+
+### Minor Changes
+
+- Toast error from workflow stream and resume stream ([#9460](https://github.com/mastra-ai/mastra/pull/9460))
+
+### Patch Changes
+
+- Updated dependencies [[`b55bbce`](https://github.com/mastra-ai/mastra/commit/b55bbce89404d35fdd967012dd503fae343d4c2d), [`d6cb18e`](https://github.com/mastra-ai/mastra/commit/d6cb18e189fd0ac95d4934cf0d6f2866876d1a2e), [`d0ecff7`](https://github.com/mastra-ai/mastra/commit/d0ecff793d5cd50408cd8d1d113f02e28d897a3d), [`e84a959`](https://github.com/mastra-ai/mastra/commit/e84a9592bfdec4f1c9fdf108c9d4ea4e2ee8f7e3), [`e742d37`](https://github.com/mastra-ai/mastra/commit/e742d371f24ef8059670cc05e9aee308eac068b9)]:
+  - @mastra/client-js@0.16.8
+  - @mastra/core@0.23.3
+  - @mastra/react@0.0.14
+
+## 6.8.0-alpha.0
+
+### Minor Changes
+
+- Toast error from workflow stream and resume stream ([#9460](https://github.com/mastra-ai/mastra/pull/9460))
+
+### Patch Changes
+
+- Updated dependencies [[`b55bbce`](https://github.com/mastra-ai/mastra/commit/b55bbce89404d35fdd967012dd503fae343d4c2d), [`d6cb18e`](https://github.com/mastra-ai/mastra/commit/d6cb18e189fd0ac95d4934cf0d6f2866876d1a2e), [`d0ecff7`](https://github.com/mastra-ai/mastra/commit/d0ecff793d5cd50408cd8d1d113f02e28d897a3d), [`e84a959`](https://github.com/mastra-ai/mastra/commit/e84a9592bfdec4f1c9fdf108c9d4ea4e2ee8f7e3), [`e742d37`](https://github.com/mastra-ai/mastra/commit/e742d371f24ef8059670cc05e9aee308eac068b9)]:
+  - @mastra/client-js@0.16.8-alpha.0
+  - @mastra/core@0.23.3-alpha.0
+  - @mastra/react@0.0.14-alpha.0
+
+## 6.7.2
+
+### Patch Changes
+
+- Update MainSidebar component to fit required changes in Cloud CTA link ([#9364](https://github.com/mastra-ai/mastra/pull/9364))
+
+- Render zod unions and discriminated unions correctly in dynamic form. ([#9365](https://github.com/mastra-ai/mastra/pull/9365))
+
+- Extract more components to playground-ui for sharing with cloud ([#9416](https://github.com/mastra-ai/mastra/pull/9416))
+
+- Move some components to playground-ui for usage in cloud ([#9358](https://github.com/mastra-ai/mastra/pull/9358))
+
+- Updated dependencies [[`f57a81e`](https://github.com/mastra-ai/mastra/commit/f57a81e6ce644e45bf1c9618778cc54c50a84ad4), [`2afd345`](https://github.com/mastra-ai/mastra/commit/2afd3450825b76e41f7973baddf13867ea042e40), [`fc79af3`](https://github.com/mastra-ai/mastra/commit/fc79af3915d1c456729cbd753673b0c0564340d8), [`eefc89e`](https://github.com/mastra-ai/mastra/commit/eefc89ee69f05bb71661473a807fc7dc03d56f17), [`60bd45d`](https://github.com/mastra-ai/mastra/commit/60bd45de021f0dfbe6583928f6da5169cb5585ba), [`a30093d`](https://github.com/mastra-ai/mastra/commit/a30093de98c1836dcd5dfddf09649010712b8c95), [`0fe7adb`](https://github.com/mastra-ai/mastra/commit/0fe7adb0f20f59a6bb41f235d01f8b7a880ea6e7), [`a42e496`](https://github.com/mastra-ai/mastra/commit/a42e49686a7486e2e9e9397fa98e5ff7a71dc1b0), [`3670db7`](https://github.com/mastra-ai/mastra/commit/3670db7e8e798f9d65fac5bfb732134a1f26ba7b), [`e40d4d0`](https://github.com/mastra-ai/mastra/commit/e40d4d0a0971b4505e7c9de73c656066c7565653), [`fc843ff`](https://github.com/mastra-ai/mastra/commit/fc843ff4d1d149317b6324553ce5ad7972062a78), [`ff16f9b`](https://github.com/mastra-ai/mastra/commit/ff16f9b9dbc701b26b6c4e9872f759f3880f9327), [`35e6cf7`](https://github.com/mastra-ai/mastra/commit/35e6cf722fef16ea0301eb9cf5a32fe9ccb12d22), [`30a2e36`](https://github.com/mastra-ai/mastra/commit/30a2e369485e0e59c4faa1d83c5635c2260b304c)]:
+  - @mastra/core@0.23.2
+  - @mastra/client-js@0.16.7
+  - @mastra/react@0.0.13
+
 ## 6.7.2-alpha.1
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -8133,6 +8133,110 @@ const useWorkflows = () => {
   });
 };
 
+const defaultOptions = {
+  duration: 3e3,
+  cancel: {
+    label: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: "14" }),
+    onClick: () => {
+    }
+  },
+  unstyled: true,
+  classNames: {
+    toast: "bg-[#0F0F0F] w-full backdrop-accent h-auto rounded-lg gap-2 border border p-4 flex items-start rounded-lg pointer-events-auto",
+    title: "text-white font-semibold text-xs mb-1 -mt-1",
+    description: "!text-text text-sm !font-light",
+    cancelButton: "self-start !bg-transparent !p-0 flex items-center justify-center !text-text opacity-50 order-last hover:opacity-100",
+    actionButton: "!bg-white flex items-center justify-center font-medium !text-black order-last hover:opacity-80"
+  }
+};
+function getToastOptions(options) {
+  const { classNames, ...rest } = defaultOptions;
+  const { classNames: optionsClassNames, ...restOptions } = options || {};
+  return {
+    ...rest,
+    classNames: {
+      ...classNames,
+      title: cn(classNames?.title, "mt-auto", optionsClassNames?.title),
+      toast: cn(classNames?.toast, "!items-center", optionsClassNames?.toast),
+      cancelButton: cn(classNames?.cancelButton, "!self-center", optionsClassNames?.cancelButton),
+      actionButton: cn(classNames?.actionButton, optionsClassNames?.actionButton)
+    },
+    ...restOptions
+  };
+}
+const toast = (message, options = {}) => {
+  if (Array.isArray(message)) {
+    return message.forEach((msg) => sonner.toast(msg, getToastOptions(options)));
+  } else if (React.isValidElement(message)) {
+    return sonner.toast(message, getToastOptions(options));
+  } else if (typeof message === "string") {
+    return sonner.toast(message, getToastOptions(options));
+  }
+  throw new Error("Invalid message type");
+};
+toast.success = (message, options = {}) => {
+  switch (typeof message) {
+    case "string":
+      return sonner.toast.success(message, getToastOptions(options));
+    case "object":
+      return message.forEach((message2) => sonner.toast.success(message2, getToastOptions(options)));
+  }
+};
+toast.error = (message, options = {}) => {
+  switch (typeof message) {
+    case "string":
+      return sonner.toast.error(message, getToastOptions(options));
+    case "object":
+      return message.forEach((message2) => sonner.toast.error(message2, getToastOptions(options)));
+  }
+};
+toast.warning = (message, options = {}) => {
+  switch (typeof message) {
+    case "string":
+      return sonner.toast.warning(message, getToastOptions(options));
+    case "object":
+      return message.forEach((message2) => sonner.toast.warning(message2, getToastOptions(options)));
+  }
+};
+toast.info = (message, options = {}) => {
+  switch (typeof message) {
+    case "string":
+      return sonner.toast.info(message, getToastOptions(options));
+    case "object":
+      return message.forEach((message2) => sonner.toast.info(message2, getToastOptions(options)));
+  }
+};
+toast.custom = (message, options = {}) => {
+  return sonner.toast(message, getToastOptions(options));
+};
+toast.dismiss = (toastId) => {
+  if (toastId) {
+    sonner.toast.dismiss(toastId);
+  }
+};
+toast.promise = ({
+  myPromise,
+  loadingMessage,
+  successMessage,
+  errorMessage,
+  onSuccess,
+  onError,
+  options = {}
+}) => {
+  return sonner.toast.promise(myPromise, {
+    loading: loadingMessage ?? "Loading...",
+    success: (data) => {
+      onSuccess?.(data);
+      return successMessage;
+    },
+    error: (err) => {
+      onError?.(err);
+      return errorMessage || err?.message || "Error...";
+    },
+    ...getToastOptions(options)
+  });
+};
+
 const useExecuteWorkflow = () => {
   const client = react$3.useMastraClient();
   const createWorkflowRun = reactQuery.useMutation({
@@ -8229,6 +8333,23 @@ const useStreamWorkflow = () => {
       }
     };
   }, []);
+  const handleStreamError = (err, defaultMessage, setIsStreaming2) => {
+    if (err instanceof TypeError) {
+      return;
+    }
+    const errorMessage = err instanceof Error ? err.message : defaultMessage;
+    toast.error(errorMessage);
+    setIsStreaming2?.(false);
+  };
+  const handleWorkflowFinish = (value) => {
+    if (value.type === "workflow-finish") {
+      const streamStatus = value.payload?.workflowStatus;
+      const metadata = value.payload?.metadata;
+      if (streamStatus === "failed") {
+        throw new Error(metadata?.errorMessage || "Workflow execution failed");
+      }
+    }
+  };
   const streamWorkflow = reactQuery.useMutation({
     mutationFn: async ({
       workflowId,
@@ -8248,7 +8369,9 @@ const useStreamWorkflow = () => {
       });
       const workflow = client.getWorkflow(workflowId);
       const stream = await workflow.streamVNext({ runId, inputData, runtimeContext: runtimeContext$1, closeOnSuspend: true });
-      if (!stream) throw new Error("No stream returned");
+      if (!stream) {
+        return handleStreamError(new Error("No stream returned"), "No stream returned", setIsStreaming);
+      }
       const reader = stream.getReader();
       readerRef.current = reader;
       try {
@@ -8267,10 +8390,13 @@ const useStreamWorkflow = () => {
             if (value.type === "workflow-step-suspended") {
               setIsStreaming(false);
             }
+            if (value.type === "workflow-finish") {
+              handleWorkflowFinish(value);
+            }
           }
         }
-      } catch (error) {
-        console.error("Error streaming workflow:", error);
+      } catch (err) {
+        handleStreamError(err, "Error streaming workflow");
       } finally {
         if (isMountedRef.current) {
           setIsStreaming(false);
@@ -8300,7 +8426,9 @@ const useStreamWorkflow = () => {
       }
       const workflow = client.getWorkflow(workflowId);
       const stream = await workflow.observeStreamVNext({ runId });
-      if (!stream) throw new Error("No stream returned");
+      if (!stream) {
+        return handleStreamError(new Error("No stream returned"), "No stream returned", setIsStreaming);
+      }
       const reader = stream.getReader();
       observerRef.current = reader;
       try {
@@ -8319,10 +8447,13 @@ const useStreamWorkflow = () => {
             if (value.type === "workflow-step-suspended") {
               setIsStreaming(false);
             }
+            if (value.type === "workflow-finish") {
+              handleWorkflowFinish(value);
+            }
           }
         }
-      } catch (error) {
-        console.error("Error streaming workflow:", error);
+      } catch (err) {
+        handleStreamError(err, "Error observing workflow");
       } finally {
         if (isMountedRef.current) {
           setIsStreaming(false);
@@ -8353,7 +8484,9 @@ const useStreamWorkflow = () => {
         runtimeContext$1.set(key, value);
       });
       const stream = await workflow.resumeStreamVNext({ runId, step, resumeData, runtimeContext: runtimeContext$1 });
-      if (!stream) throw new Error("No stream returned");
+      if (!stream) {
+        return handleStreamError(new Error("No stream returned"), "No stream returned", setIsStreaming);
+      }
       const reader = stream.getReader();
       resumeStreamRef.current = reader;
       try {
@@ -8372,10 +8505,13 @@ const useStreamWorkflow = () => {
             if (value.type === "workflow-step-suspended") {
               setIsStreaming(false);
             }
+            if (value.type === "workflow-finish") {
+              handleWorkflowFinish(value);
+            }
           }
         }
-      } catch (error) {
-        console.error("Error resuming workflow stream:", error);
+      } catch (err) {
+        handleStreamError(err, "Error resuming workflow stream");
       } finally {
         if (isMountedRef.current) {
           setIsStreaming(false);
@@ -20339,6 +20475,10 @@ const useEvalsByAgentId = (agentId, type) => {
   });
 };
 
+Object.defineProperty(exports, "Toaster", {
+  enumerable: true,
+  get: () => sonner.Toaster
+});
 exports.AgentChat = AgentChat;
 exports.AgentCoinIcon = AgentCoinIcon;
 exports.AgentEntityHeader = AgentEntityHeader;
@@ -20547,6 +20687,7 @@ exports.parseError = parseError;
 exports.providerMapToIcon = providerMapToIcon;
 exports.scoresListColumns = scoresListColumns;
 exports.spanTypePrefixes = spanTypePrefixes;
+exports.toast = toast;
 exports.traceScoresListColumns = traceScoresListColumns;
 exports.tracesListColumns = tracesListColumns;
 exports.transformKey = transformKey;