@mastra/playground-ui 31.0.0-alpha.5 → 31.0.0-alpha.6

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @mastra/playground-ui
 
+## 31.0.0-alpha.6
+
+### Patch Changes
+
+- Agent Builder starter agents now use the admin-configured default model when the model policy has one set. Previously, the starter ignored the admin default and always picked the first entry from the picker allowlist, which surfaced as "default model gets over-written by agent builder" on agents created from starter cards or the freeform prompt. ([#17424](https://github.com/mastra-ai/mastra/pull/17424))
+
+  When no admin default is set, behavior is unchanged: the starter falls back to the first allowed model, then to the hardcoded fallback.
+
+- Improved switch focus, disabled, and motion states. ([#17416](https://github.com/mastra-ai/mastra/pull/17416))
+
+- Updated dependencies [[`860ec4e`](https://github.com/mastra-ai/mastra/commit/860ec4edf6aa508edfd4f34c312c141209eb0dbf), [`bb3fce8`](https://github.com/mastra-ai/mastra/commit/bb3fce8f8d80079170c0f98cb2efbb29ae34375d), [`19a8658`](https://github.com/mastra-ai/mastra/commit/19a86589c788ef48bb6c1b0612cc82a201857379), [`a659a77`](https://github.com/mastra-ai/mastra/commit/a659a779bdebe3a52a518c56d2260592d0240fe0), [`3332be9`](https://github.com/mastra-ai/mastra/commit/3332be9701ecd77aba840959d9a1d1ce7aef02d3), [`05d61e1`](https://github.com/mastra-ai/mastra/commit/05d61e18aa014a012a32ee9cb79cdcf3210dbe9d)]:
+  - @mastra/react@0.4.3-alpha.6
+  - @mastra/client-js@1.22.0-alpha.6
+  - @mastra/core@1.38.0-alpha.6
+
 ## 31.0.0-alpha.5
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -9955,13 +9955,16 @@ const Switch = React__namespace.forwardRef(({ className, asChild, children, ...p
       ref,
       "data-slot": "switch",
       className: cn(
-        "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent",
-        transitions.all,
-        formElementFocus,
-        "hover:brightness-110",
-        "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:brightness-100",
-        "data-[checked]:bg-accent1 data-[checked]:shadow-glow-accent1",
-        "data-[unchecked]:bg-neutral2",
+        "peer group/switch inline-flex h-5 w-9 shrink-0 cursor-pointer items-center overflow-hidden rounded-full border-0 bg-neutral6/[0.14] p-0.5 outline-hidden",
+        "transition-colors duration-normal ease-out-custom motion-reduce:transition-none",
+        "hover:bg-neutral6/[0.18]",
+        "active:bg-neutral6/[0.22]",
+        "focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-neutral5/55",
+        "data-[checked]:bg-neutral6/[0.92]",
+        "data-[checked]:hover:bg-neutral6",
+        "data-[checked]:active:bg-neutral5",
+        "data-[disabled]:cursor-not-allowed data-[disabled]:bg-neutral6/[0.16] data-[disabled]:hover:bg-neutral6/[0.16]",
+        "data-[disabled]:data-[checked]:bg-neutral6/[0.3] data-[disabled]:data-[checked]:hover:bg-neutral6/[0.3]",
         className
       ),
       ...renderProps,
@@ -9971,11 +9974,14 @@ const Switch = React__namespace.forwardRef(({ className, asChild, children, ...p
         /* @__PURE__ */ jsxRuntime.jsx(
           _switch.Switch.Thumb,
           {
+            "data-slot": "switch-thumb",
             className: cn(
-              "pointer-events-none block h-4 w-4 rounded-full bg-white shadow-md",
-              "transition-all duration-normal ease-out-custom",
-              "data-[checked]:translate-x-4 data-[unchecked]:translate-x-0",
-              "data-[checked]:shadow-lg"
+              "switch-thumb-motion pointer-events-none block h-4 w-5 rounded-full bg-neutral6",
+              "transition-[background-color,translate,width,transform] duration-normal ease-out-custom motion-reduce:transition-none",
+              "group-active/switch:w-6 group-data-[disabled]/switch:w-5",
+              "data-[checked]:translate-x-3 data-[checked]:bg-surface1 data-[unchecked]:translate-x-0",
+              "group-active/switch:data-[checked]:translate-x-2",
+              "data-[disabled]:data-[unchecked]:bg-neutral6/[0.42] data-[disabled]:data-[checked]:bg-surface1/80"
             )
           }
         )