@mastra/playground-ui 20.0.1-alpha.0 → 20.0.1

package/CHANGELOG.md

@@ -1,5 +1,50 @@
 # @mastra/playground-ui
 
+## 20.0.1
+
+### Patch Changes
+
+- Add optional chaining on `steps` in workflow-step-action-bar to prevent runtime crash during incremental SSE updates ([#14714](https://github.com/mastra-ai/mastra/pull/14714))
+
+- Fixed form fields to show default values from form defaults. ([#14733](https://github.com/mastra-ai/mastra/pull/14733))
+
+- Added Storybook theme switching support. The background toolbar now toggles between dark and light themes by applying the corresponding CSS class to the document. ([#14882](https://github.com/mastra-ai/mastra/pull/14882))
+
+- Removed unused `buttons` variant from `TabList` component. ([#14881](https://github.com/mastra-ai/mastra/pull/14881))
+
+- Updated dependencies [[`180aaaf`](https://github.com/mastra-ai/mastra/commit/180aaaf4d0903d33a49bc72de2d40ca69a5bc599), [`9140989`](https://github.com/mastra-ai/mastra/commit/91409890e83f4f1d9c1b39223f1af91a6a53b549), [`d7c98cf`](https://github.com/mastra-ai/mastra/commit/d7c98cfc9d75baba9ecbf1a8835b5183d0a0aec8), [`acf5fbc`](https://github.com/mastra-ai/mastra/commit/acf5fbcb890dc7ca7167bec386ce5874dfadb997), [`24ca2ae`](https://github.com/mastra-ai/mastra/commit/24ca2ae57538ec189fabb9daee6175ad27035853), [`0762516`](https://github.com/mastra-ai/mastra/commit/07625167e029a8268ea7aaf0402416e6d8832874), [`9c57f2f`](https://github.com/mastra-ai/mastra/commit/9c57f2f7241e9f94769aa99fc86c531e8207d0f9), [`5bfc691`](https://github.com/mastra-ai/mastra/commit/5bfc69104c07ba7a9b55c2f8536422c0878b9c57), [`2de3d36`](https://github.com/mastra-ai/mastra/commit/2de3d36932b7f73ad26bc403f7da26cfe89e903e), [`d3736cb`](https://github.com/mastra-ai/mastra/commit/d3736cb9ce074d2b8e8b00218a01f790fe81a1b4), [`c627366`](https://github.com/mastra-ai/mastra/commit/c6273666f9ef4c8c617c68b7d07fe878a322f85c)]:
+  - @mastra/core@1.19.0
+  - @mastra/client-js@1.11.1
+  - @mastra/ai-sdk@1.3.0
+  - @mastra/react@0.2.19
+
+## 20.0.1-alpha.2
+
+### Patch Changes
+
+- Updated dependencies [[`9c57f2f`](https://github.com/mastra-ai/mastra/commit/9c57f2f7241e9f94769aa99fc86c531e8207d0f9), [`5bfc691`](https://github.com/mastra-ai/mastra/commit/5bfc69104c07ba7a9b55c2f8536422c0878b9c57)]:
+  - @mastra/core@1.19.0-alpha.2
+  - @mastra/ai-sdk@1.3.0
+  - @mastra/client-js@1.11.1-alpha.2
+  - @mastra/react@0.2.19-alpha.2
+
+## 20.0.1-alpha.1
+
+### Patch Changes
+
+- Add optional chaining on `steps` in workflow-step-action-bar to prevent runtime crash during incremental SSE updates ([#14714](https://github.com/mastra-ai/mastra/pull/14714))
+
+- Fixed form fields to show default values from form defaults. ([#14733](https://github.com/mastra-ai/mastra/pull/14733))
+
+- Added Storybook theme switching support. The background toolbar now toggles between dark and light themes by applying the corresponding CSS class to the document. ([#14882](https://github.com/mastra-ai/mastra/pull/14882))
+
+- Removed unused `buttons` variant from `TabList` component. ([#14881](https://github.com/mastra-ai/mastra/pull/14881))
+
+- Updated dependencies [[`9140989`](https://github.com/mastra-ai/mastra/commit/91409890e83f4f1d9c1b39223f1af91a6a53b549), [`d7c98cf`](https://github.com/mastra-ai/mastra/commit/d7c98cfc9d75baba9ecbf1a8835b5183d0a0aec8), [`acf5fbc`](https://github.com/mastra-ai/mastra/commit/acf5fbcb890dc7ca7167bec386ce5874dfadb997), [`24ca2ae`](https://github.com/mastra-ai/mastra/commit/24ca2ae57538ec189fabb9daee6175ad27035853), [`0762516`](https://github.com/mastra-ai/mastra/commit/07625167e029a8268ea7aaf0402416e6d8832874), [`2de3d36`](https://github.com/mastra-ai/mastra/commit/2de3d36932b7f73ad26bc403f7da26cfe89e903e), [`d3736cb`](https://github.com/mastra-ai/mastra/commit/d3736cb9ce074d2b8e8b00218a01f790fe81a1b4), [`c627366`](https://github.com/mastra-ai/mastra/commit/c6273666f9ef4c8c617c68b7d07fe878a322f85c)]:
+  - @mastra/core@1.18.1-alpha.1
+  - @mastra/client-js@1.11.1-alpha.1
+  - @mastra/react@0.2.19-alpha.1
+
 ## 20.0.1-alpha.0
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -9195,12 +9195,17 @@ const CustomAutoFormField = ({ field, path }) => {
   const { formComponents, uiComponents } = react$3.useAutoForm();
   const {
     register,
-    formState: { errors },
+    formState: { errors, defaultValues },
     getValues
   } = reactHookForm.useFormContext();
   const fullPath = path.join(".");
   const error = react$3.getPathInObject(errors, path)?.message;
   const value = getValues(fullPath);
+  const fieldDefault = React.useMemo(() => {
+    if (!defaultValues) return field.default;
+    const resolved = react$3.getPathInObject(defaultValues, path);
+    return resolved === void 0 ? field.default : resolved;
+  }, [defaultValues, path, field.default]);
   const FieldWrapper = field.fieldConfig?.fieldWrapper || uiComponents.FieldWrapper;
   let FieldComponent = () => /* @__PURE__ */ jsxRuntime.jsx(
     uiComponents.ErrorMessage,
@@ -9217,11 +9222,12 @@ const CustomAutoFormField = ({ field, path }) => {
   } else if ("fallback" in formComponents) {
     FieldComponent = formComponents.fallback;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(FieldWrapper, { label: core.getLabel(field), error, id: fullPath, field, children: /* @__PURE__ */ jsxRuntime.jsx(
+  const fieldWithDefault = { ...field, default: fieldDefault };
+  return /* @__PURE__ */ jsxRuntime.jsx(FieldWrapper, { label: core.getLabel(field), error, id: fullPath, field: fieldWithDefault, children: /* @__PURE__ */ jsxRuntime.jsx(
     FieldComponent,
     {
       label: core.getLabel(field),
-      field,
+      field: fieldWithDefault,
       value,
       error,
       id: fullPath,
@@ -10705,7 +10711,7 @@ const WorkflowStepActionBar = ({
     }
     return void 0;
   }, [stepKey, stepsFlow, inDebugMode, result]);
-  const showDebugMode = inDebugMode && stepPayload && !result?.steps[stepKey];
+  const showDebugMode = inDebugMode && stepPayload && !result?.steps?.[stepKey];
   const isMapConfigOpen = stepDetail?.type === "map-config" && stepDetail?.stepName === stepName;
   const isNestedGraphOpen = stepDetail?.type === "nested-graph" && stepDetail?.stepName === stepName;
   const activeButtonClass = "ring-2 ring-accent1 ring-offset-1 ring-offset-transparent";
@@ -13216,25 +13222,17 @@ const Tabs = ({ children, defaultTab, value, onValueChange, className }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Root, { value: currentTab, onValueChange: handleTabChange, className: cn("overflow-y-auto", className), children });
 };
 
-const TabList = ({ children, variant = "default", alignment = "left", className }) => {
+const TabList = ({ children, alignment = "left", className }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full overflow-x-auto", className), children: /* @__PURE__ */ jsxRuntime.jsx(
     RadixTabs__namespace.List,
     {
       className: cn(
         "flex items-center relative w-max min-w-full",
-        {
-          // variant: default
-          "text-ui-lg border-b border-border1": variant === "default",
-          "[&>button]:py-2 [&>button]:px-6 [&>button]:font-normal [&>button]:text-neutral3 [&>button]:border-b-2 [&>button]:border-transparent": variant === "default",
-          "[&>button]:flex-1": variant === "default" && alignment === "full-width",
-          [`[&>button]:${transitions.colors} [&>button]:hover:text-neutral4`]: variant === "default",
-          "[&>button[data-state=active]]:text-neutral5 [&>button[data-state=active]]:border-black/50 [&>button[data-state=active]]:dark:border-white/50": variant === "default",
-          // variant: buttons
-          "border border-border1 flex justify-stretch rounded-md overflow-hidden text-ui-md min-h-[2.5rem]": variant === "buttons",
-          [`[&>button]:flex-1 [&>button]:py-2 [&>button]:px-4 [&>button]:text-neutral3 [&>button]:${transitions.all}`]: variant === "buttons",
-          "hover:[&>button]:text-neutral4 hover:[&>button]:bg-surface3": variant === "buttons",
-          "[&>button[data-state=active]]:text-neutral5 [&>button[data-state=active]]:bg-surface4 [&>button[data-state=active]]:shadow-inner": variant === "buttons"
-        },
+        "text-ui-lg border-b border-border1",
+        "[&>button]:py-2 [&>button]:px-6 [&>button]:font-normal [&>button]:text-neutral3 [&>button]:border-b-2 [&>button]:border-transparent",
+        alignment === "full-width" && "[&>button]:flex-1",
+        `[&>button]:${transitions.colors} [&>button]:hover:text-neutral4`,
+        "[&>button[data-state=active]]:text-neutral5 [&>button[data-state=active]]:border-black/50 [&>button[data-state=active]]:dark:border-white/50",
         className
       ),
       children
@@ -44583,7 +44581,7 @@ function EmptyDatasetsTable({ onCreateClick }) {
             size: "lg",
             variant: "outline",
             as: "a",
-            href: "https://mastra.ai/docs/observability/datasets/overview",
+            href: "https://mastra.ai/docs/evals/datasets/overview",
             target: "_blank",
             rel: "noopener noreferrer",
             children: [
@@ -44684,7 +44682,7 @@ const NoDatasetsInfo = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className:
       {
         variant: "ghost",
         as: "a",
-        href: "https://mastra.ai/docs/observability/datasets/overview",
+        href: "https://mastra.ai/docs/evals/datasets/overview",
         target: "_blank",
         rel: "noopener noreferrer",
         children: [