@mastra/playground-ui 64.0.0-alpha.7 → 64.0.0-alpha.9

package/dist/src/domains/traces/components/trace-time-range-chip.d.ts

@@ -8,7 +8,7 @@ export declare const TRACE_TIME_RANGE_FIELD_ID = "timeRange";
  */
 export declare const TRACE_TIME_RANGE_FIELD: FilterBarField;
 export declare const TRACE_TIME_RANGE_ITEM: FilterBarItem;
-export type TraceTimeRangeChipProps = Pick<DateTimeRangePickerProps, 'preset' | 'onPresetChange' | 'dateFrom' | 'dateTo' | 'onDateChange' | 'onDateRangeChange' | 'disabled' | 'maxRangeMs' | 'presets'>;
+export type TraceTimeRangeChipProps = Pick<DateTimeRangePickerProps, 'preset' | 'onPresetChange' | 'dateFrom' | 'dateTo' | 'onDateChange' | 'onDateRangeChange' | 'disabled' | 'maxRangeMs' | 'minDate' | 'presets'>;
 /**
  * The trace list's date range rendered as a FilterBar chip: `Time <preset>`. Always
  * present and non-removable; the value segment opens the regular DateTimeRangePicker

package/dist/src/ds/components/Combobox/combobox-parts.d.ts

@@ -0,0 +1,102 @@
+import { Combobox as BaseCombobox } from '@base-ui/react/combobox';
+import { ComboboxVariant } from './combobox-styles';
+import { ButtonSize, TextButtonSize } from '../Button/Button';
+import { PortalContainer } from '../../primitives/portal-container';
+import * as React from 'react';
+/**
+ * Root. Same props as Base UI's `Combobox.Root` (`items`, `value`, `onValueChange`, `multiple`,
+ * `autoHighlight`, `filter`, ...). Pick one of three shapes:
+ * - Search in the field: `ComboboxInput` + `ComboboxContent`.
+ * - Multiple, chips in the field: `ComboboxChips` (chips + `ComboboxChipsInput`) + `ComboboxContent`.
+ * - Compact trigger, search in the popup: `ComboboxTrigger` + `ComboboxContent` starting with
+ *   `ComboboxSearch`. For small triggers (an icon, a ghost button in a toolbar).
+ */
+declare function ComboboxRoot<Value, Multiple extends boolean | undefined = false>(props: BaseCombobox.Root.Props<Value, Multiple>): React.JSX.Element;
+/**
+ * The selected value, for a compact `ComboboxTrigger` or a custom display. `children` can be a
+ * function of the value; `placeholder` shows while nothing is selected.
+ */
+declare function ComboboxValue(props: BaseCombobox.Value.Props): React.JSX.Element;
+type ComboboxTriggerProps = Omit<BaseCombobox.Trigger.Props, 'className'> & {
+    className?: string;
+    /** The Button-recipe look, like Select: `default` (field surface), `outline` or `ghost`. */
+    variant?: ComboboxVariant;
+    /** Icon sizes (`icon-*`) show only `icon` (or the chevron); `children` stay as accessible text. */
+    size?: ButtonSize;
+    /** Shown before the value, or alone at icon sizes (e.g. a filter icon), replacing the chevron there. */
+    icon?: React.ReactNode;
+    showChevron?: boolean;
+};
+/**
+ * A compact trigger that opens the list, with the search inside the popup (`ComboboxSearch`). For
+ * small triggers such as an icon or a ghost button; a form field uses ComboboxInput instead.
+ * `children` is what the trigger shows, usually `<ComboboxValue placeholder="…" />`.
+ */
+declare function ComboboxTrigger({ className, children, variant, size, icon, showChevron, ...props }: ComboboxTriggerProps): React.JSX.Element;
+/** An × that clears the value. ComboboxInput renders it with `showClear`. */
+declare function ComboboxClear({ className, ...props }: BaseCombobox.Clear.Props): React.JSX.Element;
+type ComboboxInputProps = Omit<BaseCombobox.Input.Props, 'size'> & {
+    /** The field height, from the control sizes. `md` by default. */
+    size?: TextButtonSize;
+    /** Shown before the text, e.g. the selected item's icon. */
+    start?: React.ReactNode;
+    /** The chevron button at the end. On by default. */
+    showTrigger?: boolean;
+    /** An × before the chevron that clears the value. */
+    showClear?: boolean;
+};
+/**
+ * The field you type in to filter, showing the selected value while it's closed. `children` render
+ * inside the field before the chevron (e.g. a muted "4 items" detail). The list opens at the
+ * field's width. Inside a `Field`, the label and errors link to it.
+ */
+declare function ComboboxInput({ className, children, showTrigger, showClear, size, start, onFocus, ...props }: ComboboxInputProps): React.JSX.Element;
+/**
+ * The search row at the top of the popup, for a compact `ComboboxTrigger`. The same row as today's
+ * Combobox: a search icon, a borderless input and a hairline under it.
+ */
+declare function ComboboxSearch({ className, ...props }: BaseCombobox.Input.Props): React.JSX.Element;
+type ComboboxContentProps = BaseCombobox.Popup.Props & Pick<BaseCombobox.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & {
+    /** Where the popup portals to. Defaults to the nearest dialog or drawer, so it stays interactive there. */
+    container?: PortalContainer;
+};
+/**
+ * The popup. Under a field (ComboboxInput or ComboboxChips) it opens at the field's width; under a
+ * compact ComboboxTrigger it takes the trigger's width, at least 11rem. Either way the width never
+ * follows the filtered items, so it holds still while you type; long labels truncate.
+ */
+declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, container, ...props }: ComboboxContentProps): React.JSX.Element;
+/** The scrolling list. Children: a render function per item (or per group), like Base UI's List. */
+declare function ComboboxList({ className, ...props }: BaseCombobox.List.Props): React.JSX.Element;
+/** One option. A check shows on the right while it's selected; the hover highlight slides between items. */
+declare function ComboboxItem({ className, children, ref, ...props }: BaseCombobox.Item.Props): React.JSX.Element;
+/** Title over a description inside an item (shadcn's Item / ItemTitle / ItemDescription). */
+declare function ComboboxItemContent({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function ComboboxItemTitle({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+/** Muted, up to two lines. */
+declare function ComboboxItemDescription({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+/** Muted text at the end of an item, e.g. its kind ("Agent"). */
+declare function ComboboxItemEnd({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+/** A section of items. Pass the section's `items`; render them with ComboboxCollection. */
+declare function ComboboxGroup(props: BaseCombobox.Group.Props): React.JSX.Element;
+/** A group's heading, styled like menu section labels. */
+declare function ComboboxLabel({ className, ...props }: BaseCombobox.GroupLabel.Props): React.JSX.Element;
+/** Renders a group's filtered items, one render function call per item. */
+declare function ComboboxCollection(props: BaseCombobox.Collection.Props): React.JSX.Element;
+/** Shows its children only when the filter matches nothing. */
+declare function ComboboxEmpty({ className, ...props }: BaseCombobox.Empty.Props): React.JSX.Element;
+declare function ComboboxSeparator({ className, ...props }: BaseCombobox.Separator.Props): React.JSX.Element;
+/**
+ * Multi-select field: chips for the picked items, then ComboboxChipsInput. The chips and input wrap
+ * inside their own area so the chevron keeps its place on the first row. While the field is one
+ * line it keeps the pill shape of every other field; once chips wrap it takes the Textarea corner.
+ */
+declare function ComboboxChips({ className, children, ...props }: BaseCombobox.Chips.Props): React.JSX.Element;
+/** One picked item inside ComboboxChips. The × (or Backspace in the input) removes it. */
+declare function ComboboxChip({ className, children, showRemove, ...props }: BaseCombobox.Chip.Props & {
+    showRemove?: boolean;
+}): React.JSX.Element;
+/** The text input after the chips in ComboboxChips. */
+declare function ComboboxChipsInput({ className, onFocus, ...props }: BaseCombobox.Input.Props): React.JSX.Element;
+export type { ComboboxTriggerProps, ComboboxInputProps, ComboboxContentProps };
+export { ComboboxRoot, ComboboxInput, ComboboxTrigger, ComboboxSearch, ComboboxValue, ComboboxClear, ComboboxContent, ComboboxList, ComboboxItem, ComboboxItemContent, ComboboxItemTitle, ComboboxItemDescription, ComboboxItemEnd, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, };

package/dist/src/ds/components/Combobox/combobox.d.ts

@@ -1,5 +1,6 @@
 import { ComboboxVariant } from './combobox-styles';
 import { ButtonSize } from '../Button/Button';
+import { PortalContainer } from '../../primitives/portal-container';
 import * as React from 'react';
 export type { ComboboxVariant } from './combobox-styles';
 export type ComboboxOption = {
@@ -15,16 +16,21 @@ export type ComboboxOption = {
 type ComboboxSharedProps = {
     options: ComboboxOption[];
     placeholder?: React.ReactNode;
+    /** The search row's placeholder for compact triggers. A field (inside a `Field`) searches in itself and shows `placeholder`. */
     searchPlaceholder?: string;
     emptyText?: string;
     className?: string;
     disabled?: boolean;
+    /**
+     * `default` inside a `Field` is a form field you type in to search. `ghost` (and the legacy `outline`/`link`),
+     * or any variant outside a `Field`, is a compact trigger with the search inside the popup.
+     */
     variant?: ComboboxVariant;
-    /** Icon sizes (`icon-*`) render a chevron-only trigger; pass `aria-label` to name it. */
+    /** Icon sizes (`icon-*`) render a chevron-only trigger with the search in the popup; pass `aria-label` to name it. */
     size?: ButtonSize;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-    container?: HTMLElement | ShadowRoot | null | React.RefObject<HTMLElement | ShadowRoot | null>;
+    container?: PortalContainer;
     id?: string;
     'aria-label'?: string;
     'aria-describedby'?: string;
@@ -33,7 +39,7 @@ type ComboboxSharedProps = {
     showChevron?: boolean;
     iconOnlyValue?: boolean;
     allowCustomValue?: boolean;
-    /** Called with the search input text as it changes (and with `''` after a single-mode selection resets it). */
+    /** Called with the search text as it changes (and with `''` after a compact trigger's selection resets it). */
     onInputValueChange?: (value: string) => void;
     /** @deprecated Wrap the combobox in `<Field invalid>` with a `FieldError`. */
     error?: string;
@@ -52,4 +58,12 @@ export type ComboboxMultipleProps = ComboboxSharedProps & {
     clearLabel?: string;
 };
 export type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;
+/**
+ * A searchable select driven by `options`, built on the Combobox parts.
+ *
+ * Inside a `Field`, a `default` combobox searches right in the field: a text field for a single value,
+ * removable chips for `multiple`. Everywhere else (outside a `Field`, `ghost` and icon-size triggers,
+ * custom non-text placeholders) it keeps a compact trigger with the search inside the popup. For anything
+ * these props don't cover (groups, rich items), compose the parts directly (`ComboboxRoot`, ...).
+ */
 export declare function Combobox(props: ComboboxProps): React.JSX.Element;

package/dist/src/ds/components/Combobox/index.d.ts

@@ -1,3 +1,4 @@
 export * from './combobox';
+export * from './combobox-parts';
 export { comboboxStyles } from './combobox-styles';
 export { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';

package/dist/src/ds/components/DateTimeRangePicker/custom-range-editor.d.ts

@@ -4,6 +4,8 @@ export interface CustomRangeEditorProps {
     disabled?: boolean;
     /** Widest range that can be applied, in milliseconds. */
     maxRangeMs?: number;
+    /** Earliest day a range can start on. Days before it are disabled. */
+    minDate?: Date;
     onApply: (from: Date | undefined, to: Date | undefined) => void;
     onShowPresets: () => void;
 }
@@ -11,4 +13,4 @@ export interface CustomRangeEditorProps {
  * The custom range popover body. It mounts each time the popover opens, so its drafts
  * start from the current range without the picker resetting them.
  */
-export declare function CustomRangeEditor({ dateFrom, dateTo, disabled, maxRangeMs, onApply, onShowPresets, }: CustomRangeEditorProps): import("react").JSX.Element;
+export declare function CustomRangeEditor({ dateFrom, dateTo, disabled, maxRangeMs, minDate, onApply, onShowPresets, }: CustomRangeEditorProps): import("react").JSX.Element;

package/dist/src/ds/components/DateTimeRangePicker/date-time-range-picker.d.ts

@@ -15,6 +15,8 @@ export interface DateTimeRangePickerProps {
     disabled?: boolean;
     /** Widest custom range that can be applied, in milliseconds. Presets are unaffected. */
     maxRangeMs?: number;
+    /** Earliest day a custom range can start on, e.g. the oldest data still kept. Earlier days are disabled. */
+    minDate?: Date;
     /** Subset of presets to show. If omitted, all presets are shown. */
     presets?: readonly DateRangePreset[];
     /** Size passed through to the trigger Button. Defaults to 'md'. */
@@ -28,4 +30,4 @@ export interface DateTimeRangePickerProps {
         disabled?: boolean;
     }) => ReactElement;
 }
-export declare function DateTimeRangePicker({ preset, onPresetChange, dateFrom, dateTo, onDateChange, onDateRangeChange, disabled, maxRangeMs, presets, size, renderTrigger, }: DateTimeRangePickerProps): import("react").JSX.Element;
+export declare function DateTimeRangePicker({ preset, onPresetChange, dateFrom, dateTo, onDateChange, onDateRangeChange, disabled, maxRangeMs, minDate, presets, size, renderTrigger, }: DateTimeRangePickerProps): import("react").JSX.Element;

package/dist/src/ds/new/settings/index.d.ts

@@ -1,4 +1,4 @@
-export { SettingsContainer } from './settings-container';
+export { SettingsContainer, type SettingsContainerProps, type SettingsContainerVariant } from './settings-container';
 export { SettingsDescription, SettingsGroup, SettingsHeader, SettingsTitle } from './settings-header';
 export { SettingsFieldsetRow, SettingsRow, type SettingsFieldsetRowProps, type SettingsRowProps } from './settings-row';
 export { SettingsLayout, type SettingsLayoutProps } from './settings-layout';

package/dist/src/ds/new/settings/settings-container.d.ts

@@ -2,4 +2,8 @@ import { ComponentProps } from 'react';
 export declare function SettingsContainerLayout({ layout, className, ...props }: ComponentProps<'div'> & {
     layout: 'factory' | 'section';
 }): import("react").JSX.Element;
-export declare function SettingsContainer(props: ComponentProps<'div'>): import("react").JSX.Element;
+export type SettingsContainerVariant = 'default' | 'inset';
+export type SettingsContainerProps = ComponentProps<'div'> & {
+    variant?: SettingsContainerVariant;
+};
+export declare function SettingsContainer({ variant, className, ...props }: SettingsContainerProps): import("react").JSX.Element;

package/dist/style.css

@@ -1986,6 +1986,11 @@
     height: calc(var(--spacing) * 5);
   }
 
+  .size-5\.5 {
+    width: calc(var(--spacing) * 5.5);
+    height: calc(var(--spacing) * 5.5);
+  }
+
   .size-6 {
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
@@ -2163,6 +2168,10 @@
     height: calc(var(--spacing) * 5);
   }
 
+  .h-5\.5 {
+    height: calc(var(--spacing) * 5.5);
+  }
+
   .h-6 {
     height: calc(var(--spacing) * 6);
   }
@@ -2731,6 +2740,10 @@
     min-height: 100vh;
   }
 
+  .w-\(--anchor-width\) {
+    width: var(--anchor-width);
+  }
+
   .w-\(--attachment-action-width\) {
     width: var(--attachment-action-width);
   }
@@ -3155,6 +3168,10 @@
     width: calc(var(--sidebar-width) - 1rem);
   }
 
+  .w-\[max\(11rem\,var\(--anchor-width\)\)\] {
+    width: max(11rem, var(--anchor-width));
+  }
+
   .w-\[min\(24rem\,calc\(100vw-2rem\)\)\] {
     width: min(24rem, 100vw - 2rem);
   }
@@ -4301,6 +4318,10 @@
     gap: .75em;
   }
 
+  .gap-\[3px\] {
+    gap: 3px;
+  }
+
   .gap-\[6px\] {
     gap: 6px;
   }
@@ -4656,6 +4677,11 @@
     border-bottom-right-radius: var(--radius-3xl);
   }
 
+  .rounded-r-full {
+    border-top-right-radius: 3.40282e38px;
+    border-bottom-right-radius: 3.40282e38px;
+  }
+
   .rounded-r-md {
     border-top-right-radius: var(--radius-md);
     border-bottom-right-radius: var(--radius-md);
@@ -6298,6 +6324,10 @@
     padding-right: calc(var(--spacing) * 12);
   }
 
+  .pr-\[5\.5px\] {
+    padding-right: 5.5px;
+  }
+
   .pb-\(--chat-gutter\) {
     padding-bottom: var(--chat-gutter);
   }
@@ -6414,6 +6444,10 @@
     padding-left: .9em;
   }
 
+  .pl-\[3\.5px\] {
+    padding-left: 3.5px;
+  }
+
   .pl-\[18px\] {
     padding-left: 18px;
   }
@@ -6422,6 +6456,10 @@
     padding-left: 2.75em;
   }
 
+  .pl-\[calc\(0\.9em_-_4px\)\] {
+    padding-left: calc(.9em - 4px);
+  }
+
   .pl-\[calc\(var\(--text-label\)\*2\.75\+1px\)\] {
     padding-left: calc(var(--text-label) * 2.75 + 1px);
   }
@@ -9460,6 +9498,14 @@
     .not-disabled\:hover\:text-foreground:not(:disabled):hover {
       color: var(--foreground);
     }
+
+    .not-data-disabled\:hover\:bg-fill:not([data-disabled]):hover {
+      background-color: var(--fill);
+    }
+
+    .not-data-disabled\:hover\:text-foreground:not([data-disabled]):hover {
+      color: var(--foreground);
+    }
   }
 
   .focus\:border-border-focus:focus {
@@ -9949,6 +9995,14 @@
     cursor: pointer;
   }
 
+  .has-\[input\:disabled\]\:cursor-not-allowed:has(:is(input:disabled)) {
+    cursor: not-allowed;
+  }
+
+  .has-\[input\:disabled\]\:bg-field-disabled:has(:is(input:disabled)) {
+    background-color: var(--field-disabled);
+  }
+
   .has-\[textarea\]\:h-auto:has(:is(textarea)) {
     height: auto;
   }
@@ -10168,7 +10222,15 @@
     color: var(--destructive-foreground);
   }
 
-  .data-highlighted\:text-foreground[data-highlighted], .data-selected\:text-foreground[data-selected], .data-sorted\:text-foreground[data-sorted], .data-\[active\]\:text-foreground[data-active] {
+  .data-highlighted\:text-foreground[data-highlighted] {
+    color: var(--foreground);
+  }
+
+  .data-multiline\:rounded-xl[data-multiline] {
+    border-radius: var(--radius-xl);
+  }
+
+  .data-selected\:text-foreground[data-selected], .data-sorted\:text-foreground[data-sorted], .data-\[active\]\:text-foreground[data-active] {
     color: var(--foreground);
   }
 
@@ -10330,6 +10392,14 @@
     --tw-exit-scale: .95;
   }
 
+  .data-\[current\=true\]\:rounded-xl[data-current="true"] {
+    border-radius: var(--radius-xl);
+  }
+
+  .data-\[current\=true\]\:bg-fill-subtle[data-current="true"] {
+    background-color: var(--fill-subtle);
+  }
+
   .data-\[direction\=end\]\:bottom-4[data-direction="end"] {
     bottom: calc(var(--spacing) * 4);
   }
@@ -11879,6 +11949,14 @@
     }
   }
 
+  .has-\[input\:disabled\]\:\[\&_\*\]\:cursor-not-allowed:has(:is(input:disabled)) * {
+    cursor: not-allowed;
+  }
+
+  .has-\[input\:disabled\]\:\[\&_\*\]\:text-muted-foreground:has(:is(input:disabled)) * {
+    color: var(--muted-foreground);
+  }
+
   .\[\&_\*\:focus\:not\(\:focus-visible\)\]\:outline-none :focus:not(:focus-visible) {
     --tw-outline-style: none;
     outline-style: none;
@@ -12172,6 +12250,10 @@
     .not-disabled\:hover\:\[\&_svg\]\:text-foreground:not(:disabled):hover svg {
       color: var(--foreground);
     }
+
+    .not-disabled\:hover\:\[\&_svg\]\:text-muted-foreground:not(:disabled):hover svg {
+      color: var(--muted-foreground);
+    }
   }
 
   .aria-disabled\:\[\&_svg\]\:text-muted-foreground[aria-disabled="true"] svg {
@@ -12515,6 +12597,10 @@
     pointer-events: auto;
   }
 
+  .\[\&\>\*\]\:min-h-14 > * {
+    min-height: calc(var(--spacing) * 14);
+  }
+
   .\[\&\>\*\]\:max-w-full > * {
     max-width: 100%;
   }
@@ -12527,6 +12613,18 @@
     overflow: hidden;
   }
 
+  .\[\&\>\*\]\:bg-background > * {
+    background-color: var(--background);
+  }
+
+  .\[\&\>\*\]\:px-3\.5 > * {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
+
+  .\[\&\>\*\]\:py-2\.5 > * {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
+
   .\[\&\>\*\]\:text-ellipsis > * {
     text-overflow: ellipsis;
   }
@@ -12555,10 +12653,20 @@
     flex: 1;
   }
 
+  .\[\&\>\:first-child\]\:rounded-t-lg > :first-child {
+    border-top-left-radius: var(--radius-lg);
+    border-top-right-radius: var(--radius-lg);
+  }
+
   .\[\&\>\:last-child\]\:mb-0 > :last-child {
     margin-bottom: 0;
   }
 
+  .\[\&\>\:last-child\]\:rounded-b-lg > :last-child {
+    border-bottom-right-radius: var(--radius-lg);
+    border-bottom-left-radius: var(--radius-lg);
+  }
+
   .\[\&\>\:not\(\.data-list-row\)\]\:col-span-full > :not(.data-list-row) {
     grid-column: 1 / -1;
   }
@@ -13064,6 +13172,10 @@
     display: none;
   }
 
+  [data-slot="combobox-chip"] ~ .\[\[data-slot\=combobox-chip\]\~\&\]\:pl-1 {
+    padding-left: var(--spacing);
+  }
+
   .shiki-token {
     color: var(--shiki-light, var(--foreground));
     background-color: var(--shiki-light-bg, transparent);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "64.0.0-alpha.7",
+  "version": "64.0.0-alpha.9",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -202,9 +202,9 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/ai-sdk": "^1.11.1",
-    "@mastra/react": "1.10.1-alpha.7",
-    "@mastra/client-js": "^1.55.0-alpha.7"
+    "@mastra/client-js": "^1.55.0-alpha.9",
+    "@mastra/react": "1.11.0-alpha.9",
+    "@mastra/ai-sdk": "^1.11.1"
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "^1.32.1",
@@ -249,13 +249,13 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.11",
+    "@mastra/client-js": "^1.55.0-alpha.9",
     "@internal/lint": "0.0.143",
-    "@mastra/ai-sdk": "1.11.1",
-    "@mastra/client-js": "^1.55.0-alpha.7",
-    "@mastra/core": "1.78.0-alpha.7",
     "@mastra/memory": "1.38.0-alpha.0",
-    "@mastra/react": "1.10.1-alpha.7",
-    "@mastra/schema-compat": "1.3.15-alpha.0"
+    "@mastra/core": "1.78.0-alpha.9",
+    "@mastra/schema-compat": "1.3.15-alpha.0",
+    "@mastra/ai-sdk": "1.11.1",
+    "@mastra/react": "1.11.0-alpha.9"
   },
   "homepage": "https://mastra.ai",
   "repository": {