@mastra/playground-ui 48.0.0 → 48.1.0-alpha.1

package/dist/markdown-renderer.css

@@ -0,0 +1,182 @@
+/* Markdown typography. Plain CSS rather than one React wrapper per element:
+ * markers, task lists and tables need selectors no `[&_x]` class string carries
+ * readably. Declared in `@layer components`, so a surface that needs another
+ * tone or size overrides it with a utility on the renderer itself.
+ *
+ * A component stylesheet can load before the app's Tailwind entry, and the
+ * first sheet to name a layer fixes its rank. Restating the full order keeps
+ * preflight from winning over these rules whichever one lands first. */
+@layer properties, theme, base, components, utilities;
+
+@layer components {
+  .mastra-markdown {
+    color: var(--neutral5);
+    font-size: var(--text-ui-md);
+    line-height: 1.7;
+    overflow-wrap: break-word;
+    text-wrap: pretty;
+  }
+
+  .mastra-markdown > :first-child {
+    margin-top: 0;
+  }
+
+  .mastra-markdown > :last-child {
+    margin-bottom: 0;
+  }
+
+  /* `pre-wrap` keeps single newlines as line breaks, the way chat authors expect. */
+  .mastra-markdown p {
+    margin: 0.7em 0;
+    white-space: pre-wrap;
+  }
+
+  .mastra-markdown :is(h1, h2, h3, h4, h5, h6) {
+    margin: 1.6em 0 0.6em;
+    color: var(--neutral6);
+    font-weight: 600;
+    letter-spacing: -0.012em;
+    line-height: 1.35;
+  }
+
+  .mastra-markdown h1 {
+    font-size: 1.3em;
+  }
+
+  .mastra-markdown h2 {
+    font-size: 1.15em;
+  }
+
+  .mastra-markdown h3 {
+    font-size: 1.05em;
+  }
+
+  .mastra-markdown :is(h4, h5, h6) {
+    font-size: 1em;
+  }
+
+  .mastra-markdown strong {
+    color: var(--neutral6);
+    font-weight: 600;
+  }
+
+  .mastra-markdown em {
+    font-style: italic;
+  }
+
+  .mastra-markdown del {
+    color: var(--neutral3);
+    text-decoration: line-through;
+  }
+
+  .mastra-markdown a {
+    color: var(--accent1);
+    text-decoration: underline;
+    text-decoration-color: color-mix(in oklab, var(--accent1) 30%, transparent);
+    text-underline-offset: 0.15em;
+  }
+
+  .mastra-markdown a:hover {
+    text-decoration-color: currentcolor;
+  }
+
+  /* Tailwind's preflight drops list markers; markdown is the one place we want
+   * them back, per nesting level. */
+  .mastra-markdown :is(ul, ol) {
+    margin: 0.7em 0;
+    padding-left: 1.35em;
+  }
+
+  .mastra-markdown ul {
+    list-style: disc;
+  }
+
+  .mastra-markdown ol {
+    list-style: decimal;
+  }
+
+  .mastra-markdown ul ul {
+    list-style: circle;
+  }
+
+  .mastra-markdown ul ul ul {
+    list-style: square;
+  }
+
+  .mastra-markdown :is(ul, ol) :is(ul, ol) {
+    margin: 0.3em 0;
+  }
+
+  .mastra-markdown li {
+    margin: 0.3em 0;
+  }
+
+  .mastra-markdown li::marker {
+    color: var(--neutral3);
+  }
+
+  .mastra-markdown li > p {
+    margin: 0.3em 0;
+  }
+
+  .mastra-markdown .contains-task-list {
+    padding-left: 0.15em;
+    list-style: none;
+  }
+
+  .mastra-markdown .task-list-item input {
+    margin-right: 0.5em;
+    accent-color: var(--accent1);
+  }
+
+  .mastra-markdown blockquote {
+    margin: 0.9em 0;
+    border-left: 2px solid var(--border2);
+    padding-left: 0.9em;
+    color: var(--neutral4);
+  }
+
+  .mastra-markdown hr {
+    margin: 1.5em 0;
+    border: 0;
+    border-top: 1px solid var(--border1);
+  }
+
+  /* Fenced blocks render through the design-system CodeBlock, so this only ever
+   * matches inline spans. */
+  .mastra-markdown :not(pre) > code {
+    border-radius: 4px;
+    background: var(--surface-overlay-strong);
+    padding: 0.1em 0.35em;
+    color: var(--neutral6);
+    font-family: var(--font-mono);
+    font-size: 0.875em;
+  }
+
+  .mastra-markdown table {
+    display: block;
+    overflow-x: auto;
+    width: max-content;
+    max-width: 100%;
+    margin: 0.9em 0;
+    border-collapse: collapse;
+    font-size: 0.95em;
+  }
+
+  .mastra-markdown :is(th, td) {
+    border: 1px solid var(--border1);
+    padding: 0.4em 0.7em;
+    text-align: left;
+  }
+
+  .mastra-markdown th {
+    background: var(--surface-overlay-soft);
+    color: var(--neutral6);
+    font-weight: 600;
+  }
+
+  .mastra-markdown img {
+    max-width: 100%;
+    border-radius: 8px;
+  }
+}

package/dist/src/ds/components/CopyButton/copy-button.d.ts

@@ -2,9 +2,10 @@ import { ButtonProps } from '../Button';
 export type CopyButtonProps = {
     content: string;
     copyMessage?: string;
+    showToast?: boolean;
     tooltip?: string;
     className?: string;
     size?: ButtonProps['size'];
     variant?: ButtonProps['variant'];
 };
-export declare function CopyButton({ content, copyMessage, tooltip, size, variant, className, }: CopyButtonProps): import("react").JSX.Element;
+export declare function CopyButton({ content, copyMessage, showToast, tooltip, size, variant, className, }: CopyButtonProps): import("react").JSX.Element;

package/dist/src/ds/components/MarkdownRenderer/markdown-renderer.d.ts

@@ -1,8 +1,12 @@
-import { default as React } from 'react';
 export type MarkdownExternalLinkTarget = 'tab' | 'window';
-export type MarkdownRendererProps = {
+export interface MarkdownRendererProps {
     children: string;
+    className?: string;
     externalLinkTarget?: MarkdownExternalLinkTarget;
-};
-export declare function MarkdownRenderer({ children, externalLinkTarget }: MarkdownRendererProps): React.JSX.Element;
-export default MarkdownRenderer;
+}
+/**
+ * Renders a markdown string. Agent output can carry attacker-influenced text
+ * (file contents, tool output, web pages): react-markdown escapes raw HTML and
+ * drops dangerous link schemes, so nothing here reaches the DOM as markup.
+ */
+export declare function MarkdownRenderer({ children, className, externalLinkTarget }: MarkdownRendererProps): import("react").JSX.Element;

package/dist/src/ds/components/ai/task-list/task-list.d.ts

@@ -1,8 +1,9 @@
 import { TaskItem } from '@mastra/core/signals';
 import { ComponentProps, ReactNode } from 'react';
+import { CollapsibleTrigger } from '../../Collapsible';
 export type TaskListItem = TaskItem;
 export declare const TaskListContainer: ({ className, ...props }: ComponentProps<"section">) => import("react").JSX.Element;
-export declare const TaskListHeader: ({ className, ...props }: ComponentProps<"header">) => import("react").JSX.Element;
+export declare const TaskListHeader: ({ className, ...props }: ComponentProps<typeof CollapsibleTrigger>) => import("react").JSX.Element;
 export interface TaskListCountProps extends ComponentProps<'span'> {
     completed: number;
     total: number;
@@ -27,5 +28,6 @@ export interface TaskListProps extends Omit<ComponentProps<typeof TaskListContai
     hideWhenEmpty?: boolean;
     hideWhenComplete?: boolean;
     scrollActiveIntoView?: boolean;
+    defaultOpen?: boolean;
 }
-export declare const TaskList: ({ tasks, title, hideWhenEmpty, hideWhenComplete, scrollActiveIntoView, ...props }: TaskListProps) => import("react").JSX.Element | null;
+export declare const TaskList: ({ tasks, title, hideWhenEmpty, hideWhenComplete, scrollActiveIntoView, defaultOpen, ...props }: TaskListProps) => import("react").JSX.Element | null;

package/dist/src/ds/components/ai/task-list/task-list.stories.d.ts

@@ -5,5 +5,7 @@ export default meta;
 type Story = StoryObj<typeof TaskList>;
 export declare const MixedProgress: Story;
 export declare const OneActiveTask: Story;
+export declare const Collapsed: Story;
+export declare const LongList: Story;
 export declare const Empty: Story;
 export declare const Completed: Story;

package/dist/src/ee/signals/entity-learning-api.d.ts

@@ -1,3 +1,4 @@
+import { ThemeSelection } from './theme-drilldown-data';
 import { TraceIntelligenceRequest } from './trace-intelligence-context';
 import { NoiseResponse, ThemeDetailResponse, EntityLearningProgressResponse, ThemeEntitiesResponse, ThemeExamplesResponse, ThemeFlowResponse, ThemeHistoryResponse, ThemePathsResponse, ThemeSnapshotsResponse, TraceInsightResponse, TraceSignalName } from './types';
 export declare function fetchThemeEntities(request: TraceIntelligenceRequest, entityType: string): Promise<ThemeEntitiesResponse>;
@@ -5,9 +6,10 @@ export declare function fetchEntityLearningProgress(request: TraceIntelligenceRe
 export declare function fetchThemeSnapshots(request: TraceIntelligenceRequest, entityId: string, entityType: string, signalNames: string[], dateFrom?: Date, dateTo?: Date, limit?: number): Promise<ThemeSnapshotsResponse>;
 export declare function fetchThemeFlow(request: TraceIntelligenceRequest, entityId: string, entityType: string, signalNames: string[], snapshotId: string, themeLimitPerStage?: number): Promise<ThemeFlowResponse>;
 export declare function fetchThemeDetail(request: TraceIntelligenceRequest, entityId: string, entityType: string, signalName: TraceSignalName, snapshotId: string, themeId: string): Promise<ThemeDetailResponse>;
-export declare function fetchThemeExamples(request: TraceIntelligenceRequest, entityId: string, entityType: string, signalName: TraceSignalName, snapshotId: string, themeId: string, limit?: number, offset?: number): Promise<ThemeExamplesResponse>;
+export declare function serializeThemeFilters(filters: ThemeSelection[]): string;
+export declare function fetchThemeExamples(request: TraceIntelligenceRequest, entityId: string, entityType: string, signalName: TraceSignalName, snapshotId: string, themeId: string, limit?: number, offset?: number, filters?: ThemeSelection[]): Promise<ThemeExamplesResponse>;
 export declare function fetchThemeHistory(request: TraceIntelligenceRequest, entityId: string, entityType: string, signalName: TraceSignalName, themeId: string, limit?: number): Promise<ThemeHistoryResponse>;
 export declare function fetchNoise(request: TraceIntelligenceRequest, entityId: string, entityType: string, signalName: TraceSignalName, snapshotId: string): Promise<NoiseResponse>;
-export declare function fetchNoiseExamples(request: TraceIntelligenceRequest, entityId: string, entityType: string, signalName: TraceSignalName, snapshotId: string, limit?: number, offset?: number): Promise<ThemeExamplesResponse>;
+export declare function fetchNoiseExamples(request: TraceIntelligenceRequest, entityId: string, entityType: string, signalName: TraceSignalName, snapshotId: string, limit?: number, offset?: number, filters?: ThemeSelection[]): Promise<ThemeExamplesResponse>;
 export declare function fetchThemePaths(request: TraceIntelligenceRequest, entityId: string, entityType: string, signalNames: TraceSignalName[], snapshotId: string): Promise<ThemePathsResponse>;
 export declare function fetchTraceInsight(request: TraceIntelligenceRequest, traceId: string): Promise<TraceInsightResponse>;

package/dist/src/ee/signals/hooks/use-noise-examples.d.ts

@@ -1,2 +1,3 @@
+import { ThemeSelection } from '../theme-drilldown-data';
 import { TraceSignalName } from '../types';
-export declare function useNoiseExamples(entityId: string, entityType: string, signalName: TraceSignalName | undefined, snapshotId: string | undefined, limit?: number, offset?: number): import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ThemeExamplesResponse, Error>;
+export declare function useNoiseExamples(entityId: string, entityType: string, signalName: TraceSignalName | undefined, snapshotId: string | undefined, limit?: number, offset?: number, filterThemes?: ThemeSelection[]): import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ThemeExamplesResponse, Error>;

package/dist/src/ee/signals/hooks/use-theme-examples.d.ts

@@ -1,2 +1,3 @@
+import { ThemeSelection } from '../theme-drilldown-data';
 import { TraceSignalName } from '../types';
-export declare function useThemeExamples(entityId: string, entityType: string, signalName: TraceSignalName, snapshotId: string | undefined, themeId: string | undefined, limit?: number, offset?: number): import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ThemeExamplesResponse, Error>;
+export declare function useThemeExamples(entityId: string, entityType: string, signalName: TraceSignalName, snapshotId: string | undefined, themeId: string | undefined, limit?: number, offset?: number, filterThemes?: ThemeSelection[]): import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ThemeExamplesResponse, Error>;

package/dist/src/ee/signals/hooks/use-theme-paths.d.ts

@@ -1,2 +1,2 @@
 import { TraceSignalName } from '../types';
-export declare function useThemePaths(entityId: string, entityType: string, signalNames: TraceSignalName[], snapshotId: string | undefined, themeId: string | undefined): import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ThemePathsResponse, Error>;
+export declare function useThemePaths(entityId: string, entityType: string, signalNames: TraceSignalName[], snapshotId: string | undefined, enabled: boolean | undefined): import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ThemePathsResponse, Error>;

package/dist/src/ee/signals/noise-detail-panel.d.ts

@@ -1,10 +1,13 @@
+import { ThemeSelection, ThemeSelectionStats } from './theme-drilldown-data';
 import { TraceSignalName } from './types';
 interface NoiseDetailPanelProps {
     entityId: string;
     entityType: string;
     snapshotId: string;
     signalName: TraceSignalName | undefined;
+    filters?: ThemeSelection[];
+    filteredStats?: ThemeSelectionStats;
     onClose: () => void;
 }
-export declare function NoiseDetailPanel({ entityId, entityType, snapshotId, signalName, onClose }: NoiseDetailPanelProps): import("react").JSX.Element;
+export declare function NoiseDetailPanel({ entityId, entityType, snapshotId, signalName, filters, filteredStats, onClose, }: NoiseDetailPanelProps): import("react").JSX.Element;
 export {};

package/dist/src/ee/signals/theme-detail-panel.d.ts

@@ -1,11 +1,13 @@
-import { ThemeSelection } from './theme-drilldown-data';
+import { SelectedTheme, ThemeSelection, ThemeSelectionStats } from './theme-drilldown-data';
 interface ThemeDetailPanelProps {
     entityId: string;
     entityType: string;
     snapshotId: string;
     snapshotTotal: number;
-    selection: ThemeSelection | undefined;
+    selection: SelectedTheme | undefined;
+    filters?: ThemeSelection[];
+    filteredStats?: ThemeSelectionStats;
     onClose: () => void;
 }
-export declare function ThemeDetailPanel({ entityId, entityType, snapshotId, snapshotTotal, selection, onClose, }: ThemeDetailPanelProps): import("react").JSX.Element;
+export declare function ThemeDetailPanel({ entityId, entityType, snapshotId, snapshotTotal, selection, filters, filteredStats, onClose, }: ThemeDetailPanelProps): import("react").JSX.Element;
 export {};

package/dist/src/ee/signals/theme-drilldown-data.d.ts

@@ -1,10 +1,23 @@
 import { ThemeFlowResponse, ThemePathsResponse, TraceSignalName } from './types';
 export type ThemeSelection = {
+    kind: 'theme';
     signalName: TraceSignalName;
     themeId: string;
     label: string;
+} | {
+    kind: 'noise';
+    signalName: TraceSignalName;
 };
-export declare function findThemeSelection(flow: ThemeFlowResponse, signalName: string, nodeId: string | number): ThemeSelection | undefined;
-/** Resolves a chart node to its trace signal when the node is that stage's noise bucket. */
-export declare function findNoiseSelection(flow: ThemeFlowResponse, signalName: string, nodeId: string | number): TraceSignalName | undefined;
-export declare function buildDrilledThemeFlow(flow: ThemeFlowResponse, pathsResponse: ThemePathsResponse, selection: ThemeSelection): ThemeFlowResponse;
+export type SelectedTheme = Extract<ThemeSelection, {
+    kind: 'theme';
+}>;
+export interface ThemeSelectionStats {
+    traceCount: number;
+    stageShare: number;
+}
+export declare function findSelectionStats(flow: ThemeFlowResponse, drillStack: ThemeSelection[], selection: ThemeSelection | undefined): ThemeSelectionStats | undefined;
+export declare function mergeVisibleSignalOrder(signalNames: TraceSignalName[], nextVisibleSignalNames: TraceSignalName[]): TraceSignalName[];
+export declare function findThemeSelection(flow: ThemeFlowResponse, signalName: string, nodeId: string | number): SelectedTheme | undefined;
+/** Resolves a chart node to a noise selection when the node is that stage's noise bucket. */
+export declare function findNoiseSelection(flow: ThemeFlowResponse, signalName: string, nodeId: string | number): ThemeSelection | undefined;
+export declare function buildDrilledThemeFlow(flow: ThemeFlowResponse, pathsResponse: ThemePathsResponse, selections: ThemeSelection[]): ThemeFlowResponse;

package/dist/src/ee/signals/theme-filter-banner.d.ts

@@ -1,8 +1,10 @@
 import { ThemeSelection } from './theme-drilldown-data';
-export declare function ThemeFilterBanner({ selection, filteredTraceCount, totalTraceCount, onViewDetails, onClear, }: {
-    selection: ThemeSelection;
+export declare function ThemeFilterBanner({ selections, filteredTraceCount, totalTraceCount, isUnavailable, onViewDetails, onRemove, onClear, }: {
+    selections: ThemeSelection[];
     filteredTraceCount?: number;
     totalTraceCount: number;
-    onViewDetails: () => void;
+    isUnavailable?: boolean;
+    onViewDetails: (selection: ThemeSelection) => void;
+    onRemove: (signalName: ThemeSelection['signalName']) => void;
     onClear: () => void;
 }): import("react").JSX.Element;

package/dist/style.css

@@ -163,8 +163,6 @@
     --text-xs--line-height: calc(1 / .75);
     --text-sm: .875rem;
     --text-sm--line-height: calc(1.25 / .875);
-    --text-base: 1rem;
-    --text-base--line-height: calc(1.5 / 1);
     --text-lg: 1.125rem;
     --text-lg--line-height: calc(1.75 / 1.125);
     --text-xl: 1.25rem;
@@ -1051,14 +1049,14 @@
     margin-block: var(--spacing-1);
   }
 
-  .my-1\.5 {
-    margin-block: var(--spacing-1_5);
-  }
-
   .my-2 {
     margin-block: var(--spacing-2);
   }
 
+  .my-3 {
+    margin-block: var(--spacing-3);
+  }
+
   .my-8 {
     margin-block: var(--spacing-8);
   }
@@ -1681,10 +1679,6 @@
     height: var(--height-table-header);
   }
 
-  .max-h-32 {
-    max-height: var(--spacing-32);
-  }
-
   .max-h-64 {
     max-height: var(--spacing-64);
   }
@@ -2547,14 +2541,6 @@
     resize: vertical;
   }
 
-  .\[scrollbar-width\:none\] {
-    scrollbar-width: none;
-  }
-
-  .list-decimal {
-    list-style-type: decimal;
-  }
-
   .list-disc {
     list-style-type: disc;
   }
@@ -3061,10 +3047,6 @@
     overflow-x: hidden;
   }
 
-  .overflow-x-scroll {
-    overflow-x: scroll;
-  }
-
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -3089,10 +3071,6 @@
     border-radius: .3125rem;
   }
 
-  .rounded-\[2px\] {
-    border-radius: 2px;
-  }
-
   .rounded-\[22px\] {
     border-radius: 22px;
   }
@@ -3421,17 +3399,7 @@
     }
   }
 
-  .border-neutral6, .border-neutral6\/20 {
-    border-color: var(--color-neutral6);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .border-neutral6\/20 {
-      border-color: color-mix(in oklab, var(--color-neutral6) 20%, transparent);
-    }
-  }
-
-  .border-neutral6\/\[0\.06\] {
+  .border-neutral6, .border-neutral6\/\[0\.06\] {
     border-color: var(--color-neutral6);
   }
 
@@ -4109,16 +4077,6 @@
     }
   }
 
-  .bg-surface1\/50 {
-    background-color: var(--color-surface1);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-surface1\/50 {
-      background-color: color-mix(in oklab, var(--color-surface1) 50%, transparent);
-    }
-  }
-
   .bg-surface2, .bg-surface2\/60 {
     background-color: var(--color-surface2);
   }
@@ -4790,11 +4748,6 @@
     line-height: var(--tw-leading, var(--text-2xl--line-height));
   }
 
-  .text-base {
-    font-size: var(--text-base);
-    line-height: var(--tw-leading, var(--text-base--line-height));
-  }
-
   .text-lg {
     font-size: var(--text-lg);
     line-height: var(--tw-leading, var(--text-lg--line-height));
@@ -5317,10 +5270,6 @@
     text-decoration-line: underline;
   }
 
-  .underline-offset-2 {
-    text-underline-offset: 2px;
-  }
-
   .accent-current {
     accent-color: currentColor;
   }
@@ -5993,14 +5942,6 @@
       opacity: 1;
     }
 
-    .group-hover\/code\:visible:is(:where(.group\/code):hover *) {
-      visibility: visible;
-    }
-
-    .group-hover\/code\:opacity-100:is(:where(.group\/code):hover *) {
-      opacity: 1;
-    }
-
     .group-hover\/expand\:pointer-events-auto:is(:where(.group\/expand):hover *) {
       pointer-events: auto;
     }
@@ -6651,10 +6592,6 @@
     padding-right: var(--spacing-3);
   }
 
-  .even\:bg-surface4:nth-child(2n) {
-    background-color: var(--color-surface4);
-  }
-
   .first-of-type\:mt-3:first-of-type {
     margin-top: var(--spacing-3);
   }
@@ -9445,14 +9382,6 @@
     opacity: 1;
   }
 
-  .\[\[align\=center\]\]\:text-center[align="center"] {
-    text-align: center;
-  }
-
-  .\[\[align\=right\]\]\:text-right[align="right"] {
-    text-align: right;
-  }
-
   :is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-2 *)[cmdk-group-heading] {
     padding-inline: var(--spacing-2);
   }
@@ -10145,28 +10074,6 @@
     border-top-right-radius: var(--radius-none);
   }
 
-  :not(pre) > .\[\:not\(pre\)\>\&\]\:rounded-md {
-    border-radius: var(--radius-md);
-  }
-
-  :not(pre) > .\[\:not\(pre\)\>\&\]\:bg-surface1\/50 {
-    background-color: var(--color-surface1);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    :not(pre) > .\[\:not\(pre\)\>\&\]\:bg-surface1\/50 {
-      background-color: color-mix(in oklab, var(--color-surface1) 50%, transparent);
-    }
-  }
-
-  :not(pre) > .\[\:not\(pre\)\>\&\]\:px-1 {
-    padding-inline: var(--spacing-1);
-  }
-
-  :not(pre) > .\[\:not\(pre\)\>\&\]\:py-0\.5 {
-    padding-block: var(--spacing-0_5);
-  }
-
   [data-sidebar-mobile="false"] .\[\[data-sidebar-mobile\=\'false\'\]_\&\]\:hidden {
     display: none;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "48.0.0",
+  "version": "48.1.0-alpha.1",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -150,8 +150,8 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.39.0",
-    "@mastra/react": "1.4.2"
+    "@mastra/client-js": "^1.39.1-alpha.1",
+    "@mastra/react": "1.4.3-alpha.1"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.4.1",
@@ -190,10 +190,10 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.10",
     "@internal/lint": "0.0.122",
-    "@mastra/client-js": "^1.39.0",
-    "@mastra/memory": "1.26.1",
-    "@mastra/core": "1.58.0",
-    "@mastra/react": "1.4.2"
+    "@mastra/client-js": "^1.39.1-alpha.1",
+    "@mastra/core": "1.59.0-alpha.1",
+    "@mastra/memory": "1.26.2-alpha.0",
+    "@mastra/react": "1.4.3-alpha.1"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/dist/copy-button-B1GWIQ-x.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"copy-button-B1GWIQ-x.js","sources":["../src/ds/components/CopyButton/copy-button.tsx"],"sourcesContent":["import { CopyIcon, CheckIcon } from 'lucide-react';\nimport { useState } from 'react';\n\nimport type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\n\nexport type CopyButtonProps = {\n  content: string;\n  copyMessage?: string;\n  tooltip?: string;\n  className?: string;\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nexport function CopyButton({\n  content,\n  copyMessage,\n  tooltip = 'Copy to clipboard',\n  size = 'sm',\n  variant,\n  className,\n}: CopyButtonProps) {\n  const [copied, setCopied] = useState(false);\n  const { handleCopy: originalHandleCopy } = useCopyToClipboard({\n    text: content,\n    copyMessage,\n  });\n\n  const handleCopy = () => {\n    originalHandleCopy();\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  };\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Button\n          onClick={handleCopy}\n          type=\"button\"\n          size={size}\n          variant={variant}\n          className={className}\n          aria-label={copied ? 'Copied!' : tooltip}\n        >\n          {copied ? <CheckIcon /> : <CopyIcon />}\n        </Button>\n      </TooltipTrigger>\n      <TooltipContent>{copied ? 'Copied!' : tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAiBO,SAAS,UAAA,CAAW;AAAA,EACzB,OAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA,GAAU,mBAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,OAAA;AAAA,EACA;AACF,CAAA,EAAoB;AAClB,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,EAAE,UAAA,EAAY,kBAAA,EAAmB,GAAI,kBAAA,CAAmB;AAAA,IAC5D,IAAA,EAAM,OAAA;AAAA,IACN;AAAA,GACD,CAAA;AAED,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,kBAAA,EAAmB;AACnB,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,IAAA,UAAA,CAAW,MAAM,SAAA,CAAU,KAAK,CAAA,EAAG,GAAI,CAAA;AAAA,EACzC,CAAA;AAEA,EAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,UAAA;AAAA,QACT,IAAA,EAAK,QAAA;AAAA,QACL,IAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,YAAA,EAAY,SAAS,SAAA,GAAY,OAAA;AAAA,QAEhC,QAAA,EAAA,MAAA,mBAAS,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA,uBAAM,QAAA,EAAA,EAAS;AAAA;AAAA,KACtC,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,cAAA,EAAA,EAAgB,QAAA,EAAA,MAAA,GAAS,SAAA,GAAY,OAAA,EAAQ;AAAA,GAAA,EAChD,CAAA;AAEJ;;;;"}

package/dist/copy-button-DwZ3c7D4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"copy-button-DwZ3c7D4.cjs","sources":["../src/ds/components/CopyButton/copy-button.tsx"],"sourcesContent":["import { CopyIcon, CheckIcon } from 'lucide-react';\nimport { useState } from 'react';\n\nimport type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\n\nexport type CopyButtonProps = {\n  content: string;\n  copyMessage?: string;\n  tooltip?: string;\n  className?: string;\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nexport function CopyButton({\n  content,\n  copyMessage,\n  tooltip = 'Copy to clipboard',\n  size = 'sm',\n  variant,\n  className,\n}: CopyButtonProps) {\n  const [copied, setCopied] = useState(false);\n  const { handleCopy: originalHandleCopy } = useCopyToClipboard({\n    text: content,\n    copyMessage,\n  });\n\n  const handleCopy = () => {\n    originalHandleCopy();\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  };\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Button\n          onClick={handleCopy}\n          type=\"button\"\n          size={size}\n          variant={variant}\n          className={className}\n          aria-label={copied ? 'Copied!' : tooltip}\n        >\n          {copied ? <CheckIcon /> : <CopyIcon />}\n        </Button>\n      </TooltipTrigger>\n      <TooltipContent>{copied ? 'Copied!' : tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":["tooltip","useState","useCopyToClipboard","Tooltip","jsx","TooltipTrigger","Button","CheckIcon","CopyIcon","TooltipContent"],"mappings":";;;;;;;;;AAiBO,SAAS,UAAA,CAAW;AAAA,EACzB,OAAA;AAAA,EACA,WAAA;AAAA,WACAA,SAAA,GAAU,mBAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,OAAA;AAAA,EACA;AACF,CAAA,EAAoB;AAClB,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIC,eAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,EAAE,UAAA,EAAY,kBAAA,EAAmB,GAAIC,2CAAA,CAAmB;AAAA,IAC5D,IAAA,EAAM,OAAA;AAAA,IACN;AAAA,GACD,CAAA;AAED,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,kBAAA,EAAmB;AACnB,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,IAAA,UAAA,CAAW,MAAM,SAAA,CAAU,KAAK,CAAA,EAAG,GAAI,CAAA;AAAA,EACzC,CAAA;AAEA,EAAA,uCACGC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,sBAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAD,cAAA;AAAA,MAACE,aAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,UAAA;AAAA,QACT,IAAA,EAAK,QAAA;AAAA,QACL,IAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,YAAA,EAAY,SAAS,SAAA,GAAYN,SAAA;AAAA,QAEhC,QAAA,EAAA,MAAA,mBAASI,cAAA,CAACG,qBAAA,EAAA,EAAU,CAAA,kCAAMC,oBAAA,EAAA,EAAS;AAAA;AAAA,KACtC,EACF,CAAA;AAAA,oBACAJ,cAAA,CAACK,sBAAA,EAAA,EAAgB,QAAA,EAAA,MAAA,GAAS,SAAA,GAAYT,SAAA,EAAQ;AAAA,GAAA,EAChD,CAAA;AAEJ;;;;"}

package/dist/highlight-C2uRVhiA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"highlight-C2uRVhiA.cjs","sources":["../src/ds/components/CodeEditor/highlight.ts"],"sourcesContent":["import type { HighlighterCore, ThemedToken } from 'shiki/core';\n\n/**\n * Languages we support for syntax highlighting in code blocks. Kept in sync\n * with the CodeMirror `codeLanguages` set. Using fine-grained Shiki imports\n * (rather than the full `shiki` bundle) means only these grammars are bundled,\n * instead of a chunk for every language Shiki knows about.\n */\nconst langAliases: Record<string, string> = {\n  js: 'javascript',\n  javascript: 'javascript',\n  mjs: 'javascript',\n  cjs: 'javascript',\n  node: 'javascript',\n  ts: 'typescript',\n  typescript: 'typescript',\n  mts: 'typescript',\n  cts: 'typescript',\n  tsx: 'tsx',\n  jsx: 'jsx',\n  json: 'json',\n  json5: 'json',\n  md: 'markdown',\n  markdown: 'markdown',\n  py: 'python',\n  python: 'python',\n  sh: 'bash',\n  bash: 'bash',\n  shell: 'bash',\n  zsh: 'bash',\n};\n\nlet highlighterPromise: Promise<HighlighterCore> | null = null;\n\nfunction getHighlighter(): Promise<HighlighterCore> {\n  if (!highlighterPromise) {\n    highlighterPromise = (async () => {\n      const [{ createHighlighterCore }, { createJavaScriptRegexEngine }] = await Promise.all([\n        import('shiki/core'),\n        import('shiki/engine/javascript'),\n      ]);\n\n      return createHighlighterCore({\n        themes: [import('shiki/themes/github-light.mjs'), import('shiki/themes/github-dark.mjs')],\n        langs: [\n          import('shiki/langs/javascript.mjs'),\n          import('shiki/langs/typescript.mjs'),\n          import('shiki/langs/tsx.mjs'),\n          import('shiki/langs/jsx.mjs'),\n          import('shiki/langs/json.mjs'),\n          import('shiki/langs/bash.mjs'),\n          import('shiki/langs/markdown.mjs'),\n          import('shiki/langs/python.mjs'),\n        ],\n        engine: createJavaScriptRegexEngine(),\n      });\n    })();\n  }\n\n  return highlighterPromise;\n}\n\nexport async function highlight(code: string, language: string): Promise<ThemedToken[][] | null> {\n  const lang = langAliases[language?.toLowerCase()];\n  if (!lang) return null;\n\n  const highlighter = await getHighlighter();\n\n  const { tokens } = highlighter.codeToTokens(code, {\n    lang,\n    defaultColor: false,\n    themes: {\n      light: 'github-light',\n      dark: 'github-dark',\n    },\n  });\n\n  return tokens;\n}\n"],"names":[],"mappings":";;AAQA,MAAM,WAAA,GAAsC;AAAA,EAC1C,EAAA,EAAI,YAAA;AAAA,EACJ,UAAA,EAAY,YAAA;AAAA,EACZ,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,YAAA;AAAA,EACL,IAAA,EAAM,YAAA;AAAA,EACN,EAAA,EAAI,YAAA;AAAA,EACJ,UAAA,EAAY,YAAA;AAAA,EACZ,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,MAAA;AAAA,EACP,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU,UAAA;AAAA,EACV,EAAA,EAAI,QAAA;AAAA,EACJ,MAAA,EAAQ,QAAA;AAAA,EACR,EAAA,EAAI,MAAA;AAAA,EACJ,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,MAAA;AAAA,EACP,GAAA,EAAK;AACP,CAAA;AAEA,IAAI,kBAAA,GAAsD,IAAA;AAE1D,SAAS,cAAA,GAA2C;AAClD,EAAA,IAAI,CAAC,kBAAA,EAAoB;AACvB,IAAA,kBAAA,GAAA,CAAsB,YAAY;AAChC,MAAA,MAAM,CAAC,EAAE,qBAAA,EAAsB,EAAG,EAAE,6BAA6B,CAAA,GAAI,MAAM,OAAA,CAAQ,GAAA,CAAI;AAAA,QACrF,OAAO,YAAY,CAAA;AAAA,QACnB,OAAO,yBAAyB;AAAA,OACjC,CAAA;AAED,MAAA,OAAO,qBAAA,CAAsB;AAAA,QAC3B,QAAQ,CAAC,OAAO,+BAA+B,CAAA,EAAG,OAAO,8BAA8B,CAAC,CAAA;AAAA,QACxF,KAAA,EAAO;AAAA,UACL,OAAO,4BAA4B,CAAA;AAAA,UACnC,OAAO,4BAA4B,CAAA;AAAA,UACnC,OAAO,qBAAqB,CAAA;AAAA,UAC5B,OAAO,qBAAqB,CAAA;AAAA,UAC5B,OAAO,sBAAsB,CAAA;AAAA,UAC7B,OAAO,sBAAsB,CAAA;AAAA,UAC7B,OAAO,0BAA0B,CAAA;AAAA,UACjC,OAAO,wBAAwB;AAAA,SACjC;AAAA,QACA,QAAQ,2BAAA;AAA4B,OACrC,CAAA;AAAA,IACH,CAAA,GAAG;AAAA,EACL;AAEA,EAAA,OAAO,kBAAA;AACT;AAEA,eAAsB,SAAA,CAAU,MAAc,QAAA,EAAmD;AAC/F,EAAA,MAAM,IAAA,GAAO,WAAA,CAAY,QAAA,EAAU,WAAA,EAAa,CAAA;AAChD,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,MAAM,WAAA,GAAc,MAAM,cAAA,EAAe;AAEzC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,WAAA,CAAY,aAAa,IAAA,EAAM;AAAA,IAChD,IAAA;AAAA,IACA,YAAA,EAAc,KAAA;AAAA,IACd,MAAA,EAAQ;AAAA,MACN,KAAA,EAAO,cAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR,GACD,CAAA;AAED,EAAA,OAAO,MAAA;AACT;;;;"}

package/dist/highlight-Dis62bkj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"highlight-Dis62bkj.js","sources":["../src/ds/components/CodeEditor/highlight.ts"],"sourcesContent":["import type { HighlighterCore, ThemedToken } from 'shiki/core';\n\n/**\n * Languages we support for syntax highlighting in code blocks. Kept in sync\n * with the CodeMirror `codeLanguages` set. Using fine-grained Shiki imports\n * (rather than the full `shiki` bundle) means only these grammars are bundled,\n * instead of a chunk for every language Shiki knows about.\n */\nconst langAliases: Record<string, string> = {\n  js: 'javascript',\n  javascript: 'javascript',\n  mjs: 'javascript',\n  cjs: 'javascript',\n  node: 'javascript',\n  ts: 'typescript',\n  typescript: 'typescript',\n  mts: 'typescript',\n  cts: 'typescript',\n  tsx: 'tsx',\n  jsx: 'jsx',\n  json: 'json',\n  json5: 'json',\n  md: 'markdown',\n  markdown: 'markdown',\n  py: 'python',\n  python: 'python',\n  sh: 'bash',\n  bash: 'bash',\n  shell: 'bash',\n  zsh: 'bash',\n};\n\nlet highlighterPromise: Promise<HighlighterCore> | null = null;\n\nfunction getHighlighter(): Promise<HighlighterCore> {\n  if (!highlighterPromise) {\n    highlighterPromise = (async () => {\n      const [{ createHighlighterCore }, { createJavaScriptRegexEngine }] = await Promise.all([\n        import('shiki/core'),\n        import('shiki/engine/javascript'),\n      ]);\n\n      return createHighlighterCore({\n        themes: [import('shiki/themes/github-light.mjs'), import('shiki/themes/github-dark.mjs')],\n        langs: [\n          import('shiki/langs/javascript.mjs'),\n          import('shiki/langs/typescript.mjs'),\n          import('shiki/langs/tsx.mjs'),\n          import('shiki/langs/jsx.mjs'),\n          import('shiki/langs/json.mjs'),\n          import('shiki/langs/bash.mjs'),\n          import('shiki/langs/markdown.mjs'),\n          import('shiki/langs/python.mjs'),\n        ],\n        engine: createJavaScriptRegexEngine(),\n      });\n    })();\n  }\n\n  return highlighterPromise;\n}\n\nexport async function highlight(code: string, language: string): Promise<ThemedToken[][] | null> {\n  const lang = langAliases[language?.toLowerCase()];\n  if (!lang) return null;\n\n  const highlighter = await getHighlighter();\n\n  const { tokens } = highlighter.codeToTokens(code, {\n    lang,\n    defaultColor: false,\n    themes: {\n      light: 'github-light',\n      dark: 'github-dark',\n    },\n  });\n\n  return tokens;\n}\n"],"names":[],"mappings":"AAQA,MAAM,WAAA,GAAsC;AAAA,EAC1C,EAAA,EAAI,YAAA;AAAA,EACJ,UAAA,EAAY,YAAA;AAAA,EACZ,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,YAAA;AAAA,EACL,IAAA,EAAM,YAAA;AAAA,EACN,EAAA,EAAI,YAAA;AAAA,EACJ,UAAA,EAAY,YAAA;AAAA,EACZ,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,MAAA;AAAA,EACP,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU,UAAA;AAAA,EACV,EAAA,EAAI,QAAA;AAAA,EACJ,MAAA,EAAQ,QAAA;AAAA,EACR,EAAA,EAAI,MAAA;AAAA,EACJ,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,MAAA;AAAA,EACP,GAAA,EAAK;AACP,CAAA;AAEA,IAAI,kBAAA,GAAsD,IAAA;AAE1D,SAAS,cAAA,GAA2C;AAClD,EAAA,IAAI,CAAC,kBAAA,EAAoB;AACvB,IAAA,kBAAA,GAAA,CAAsB,YAAY;AAChC,MAAA,MAAM,CAAC,EAAE,qBAAA,EAAsB,EAAG,EAAE,6BAA6B,CAAA,GAAI,MAAM,OAAA,CAAQ,GAAA,CAAI;AAAA,QACrF,OAAO,YAAY,CAAA;AAAA,QACnB,OAAO,yBAAyB;AAAA,OACjC,CAAA;AAED,MAAA,OAAO,qBAAA,CAAsB;AAAA,QAC3B,QAAQ,CAAC,OAAO,+BAA+B,CAAA,EAAG,OAAO,8BAA8B,CAAC,CAAA;AAAA,QACxF,KAAA,EAAO;AAAA,UACL,OAAO,4BAA4B,CAAA;AAAA,UACnC,OAAO,4BAA4B,CAAA;AAAA,UACnC,OAAO,qBAAqB,CAAA;AAAA,UAC5B,OAAO,qBAAqB,CAAA;AAAA,UAC5B,OAAO,sBAAsB,CAAA;AAAA,UAC7B,OAAO,sBAAsB,CAAA;AAAA,UAC7B,OAAO,0BAA0B,CAAA;AAAA,UACjC,OAAO,wBAAwB;AAAA,SACjC;AAAA,QACA,QAAQ,2BAAA;AAA4B,OACrC,CAAA;AAAA,IACH,CAAA,GAAG;AAAA,EACL;AAEA,EAAA,OAAO,kBAAA;AACT;AAEA,eAAsB,SAAA,CAAU,MAAc,QAAA,EAAmD;AAC/F,EAAA,MAAM,IAAA,GAAO,WAAA,CAAY,QAAA,EAAU,WAAA,EAAa,CAAA;AAChD,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,MAAM,WAAA,GAAc,MAAM,cAAA,EAAe;AAEzC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,WAAA,CAAY,aAAa,IAAA,EAAM;AAAA,IAChD,IAAA;AAAA,IACA,YAAA,EAAc,KAAA;AAAA,IACd,MAAA,EAAQ;AAAA,MACN,KAAA,EAAO,cAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR,GACD,CAAA;AAED,EAAA,OAAO,MAAA;AACT;;;;"}