@mastra/playground-ui 20.0.0 → 20.0.1-alpha.2

package/dist/index.css

@@ -1625,10 +1625,6 @@
     min-height: var(--spacing-12);
   }
 
-  .min-h-\[2\.5rem\] {
-    min-height: 2.5rem;
-  }
-
   .min-h-\[5\.5rem\] {
     min-height: 5.5rem;
   }
@@ -8413,10 +8409,6 @@
     padding-inline: var(--spacing-2);
   }
 
-  .\[\&\>button\]\:px-4 > button {
-    padding-inline: var(--spacing-4);
-  }
-
   .\[\&\>button\]\:px-6 > button {
     padding-inline: var(--spacing-6);
   }
@@ -8445,11 +8437,7 @@
   }
 
   @media (hover: hover) {
-    .hover\:\[\&\>button\]\:bg-surface3:hover > button {
-      background-color: var(--color-surface3);
-    }
-
-    .\[\&\>button\]\:hover\:text-neutral4 > button:hover, .hover\:\[\&\>button\]\:text-neutral4:hover > button {
+    .\[\&\>button\]\:hover\:text-neutral4 > button:hover {
       color: var(--color-neutral4);
     }
   }
@@ -8487,19 +8475,10 @@
     }
   }
 
-  .\[\&\>button\[data-state\=active\]\]\:bg-surface4 > button[data-state="active"] {
-    background-color: var(--color-surface4);
-  }
-
   .\[\&\>button\[data-state\=active\]\]\:text-neutral5 > button[data-state="active"] {
     color: var(--color-neutral5);
   }
 
-  .\[\&\>button\[data-state\=active\]\]\:shadow-inner > button[data-state="active"] {
-    --tw-shadow: inset 0 2px 4px var(--tw-shadow-color, #0000004d);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
   .\[\&\>button\[data-state\=active\]\]\:dark\:border-white\/50 > button[data-state="active"]:is(.dark *) {
     border-color: #ffffff80;
   }

package/dist/index.es.js

@@ -9163,12 +9163,17 @@ const CustomAutoFormField = ({ field, path }) => {
   const { formComponents, uiComponents } = useAutoForm();
   const {
     register,
-    formState: { errors },
+    formState: { errors, defaultValues },
     getValues
   } = useFormContext();
   const fullPath = path.join(".");
   const error = getPathInObject(errors, path)?.message;
   const value = getValues(fullPath);
+  const fieldDefault = useMemo(() => {
+    if (!defaultValues) return field.default;
+    const resolved = getPathInObject(defaultValues, path);
+    return resolved === void 0 ? field.default : resolved;
+  }, [defaultValues, path, field.default]);
   const FieldWrapper = field.fieldConfig?.fieldWrapper || uiComponents.FieldWrapper;
   let FieldComponent = () => /* @__PURE__ */ jsx(
     uiComponents.ErrorMessage,
@@ -9185,11 +9190,12 @@ const CustomAutoFormField = ({ field, path }) => {
   } else if ("fallback" in formComponents) {
     FieldComponent = formComponents.fallback;
   }
-  return /* @__PURE__ */ jsx(FieldWrapper, { label: getLabel(field), error, id: fullPath, field, children: /* @__PURE__ */ jsx(
+  const fieldWithDefault = { ...field, default: fieldDefault };
+  return /* @__PURE__ */ jsx(FieldWrapper, { label: getLabel(field), error, id: fullPath, field: fieldWithDefault, children: /* @__PURE__ */ jsx(
     FieldComponent,
     {
       label: getLabel(field),
-      field,
+      field: fieldWithDefault,
       value,
       error,
       id: fullPath,
@@ -10673,7 +10679,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";
@@ -13184,25 +13190,17 @@ const Tabs = ({ children, defaultTab, value, onValueChange, className }) => {
   return /* @__PURE__ */ jsx(RadixTabs.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__ */ jsx("div", { className: cn("w-full overflow-x-auto", className), children: /* @__PURE__ */ jsx(
     RadixTabs.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
@@ -44551,7 +44549,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: [
@@ -44652,7 +44650,7 @@ const NoDatasetsInfo = () => /* @__PURE__ */ jsx("div", { className: "flex h-ful
       {
         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: [