@mastra/playground-ui 7.0.0-beta.1 → 7.0.0-beta.10

package/dist/src/hooks/use-agent-messages.d.ts

@@ -1,5 +1,6 @@
-export declare const useAgentMessages: ({ threadId, agentId, memory, }: {
-    threadId: string;
+export interface UseAgentMessagesProps {
+    threadId?: string;
     agentId: string;
     memory: boolean;
-}) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ListMemoryThreadMessagesResponse, Error>;
+}
+export declare const useAgentMessages: ({ threadId, agentId, memory }: UseAgentMessagesProps) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ListMemoryThreadMessagesResponse | null, Error>;

package/dist/src/hooks/use-workflow-runs.d.ts

@@ -1,4 +1,225 @@
 export declare const useWorkflowRuns: (workflowId: string, { enabled }?: {
     enabled?: boolean;
-}) => import('@tanstack/react-query').UseQueryResult<import('@mastra/core/storage').WorkflowRuns, Error>;
-export declare const useWorkflowRunExecutionResult: (workflowId: string, runId: string) => import('@tanstack/react-query').UseQueryResult<import('@mastra/core/workflows').WorkflowState, Error>;
+}) => {
+    setEndOfListElement: (node: HTMLDivElement | null) => (() => void) | undefined;
+    data: import('@mastra/core/storage').WorkflowRun[];
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    fetchNextPage: (options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    fetchPreviousPage: (options?: import('@tanstack/react-query').FetchPreviousPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    isFetchNextPageError: boolean;
+    isFetchingNextPage: boolean;
+    isFetchPreviousPageError: boolean;
+    isFetchingPreviousPage: boolean;
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    fetchStatus: import('@tanstack/react-query').FetchStatus;
+    promise: Promise<import('@mastra/core/storage').WorkflowRun[]>;
+} | {
+    setEndOfListElement: (node: HTMLDivElement | null) => (() => void) | undefined;
+    data: import('@mastra/core/storage').WorkflowRun[];
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isFetchNextPageError: false;
+    isFetchPreviousPageError: false;
+    isSuccess: true;
+    isPlaceholderData: false;
+    status: "success";
+    fetchNextPage: (options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    fetchPreviousPage: (options?: import('@tanstack/react-query').FetchPreviousPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    isFetchingNextPage: boolean;
+    isFetchingPreviousPage: boolean;
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    fetchStatus: import('@tanstack/react-query').FetchStatus;
+    promise: Promise<import('@mastra/core/storage').WorkflowRun[]>;
+} | {
+    setEndOfListElement: (node: HTMLDivElement | null) => (() => void) | undefined;
+    data: undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isFetchNextPageError: false;
+    isFetchPreviousPageError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    fetchNextPage: (options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    fetchPreviousPage: (options?: import('@tanstack/react-query').FetchPreviousPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    isFetchingNextPage: boolean;
+    isFetchingPreviousPage: boolean;
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    fetchStatus: import('@tanstack/react-query').FetchStatus;
+    promise: Promise<import('@mastra/core/storage').WorkflowRun[]>;
+} | {
+    setEndOfListElement: (node: HTMLDivElement | null) => (() => void) | undefined;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isFetchNextPageError: false;
+    isFetchPreviousPageError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    fetchNextPage: (options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    fetchPreviousPage: (options?: import('@tanstack/react-query').FetchPreviousPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    isFetchingNextPage: boolean;
+    isFetchingPreviousPage: boolean;
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    fetchStatus: import('@tanstack/react-query').FetchStatus;
+    promise: Promise<import('@mastra/core/storage').WorkflowRun[]>;
+} | {
+    setEndOfListElement: (node: HTMLDivElement | null) => (() => void) | undefined;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isFetchNextPageError: false;
+    isFetchPreviousPageError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    fetchNextPage: (options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    fetchPreviousPage: (options?: import('@tanstack/react-query').FetchPreviousPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    isFetchingNextPage: boolean;
+    isFetchingPreviousPage: boolean;
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    fetchStatus: import('@tanstack/react-query').FetchStatus;
+    promise: Promise<import('@mastra/core/storage').WorkflowRun[]>;
+} | {
+    setEndOfListElement: (node: HTMLDivElement | null) => (() => void) | undefined;
+    data: import('@mastra/core/storage').WorkflowRun[];
+    isError: false;
+    error: null;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    isFetchNextPageError: false;
+    isFetchPreviousPageError: false;
+    status: "success";
+    fetchNextPage: (options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    fetchPreviousPage: (options?: import('@tanstack/react-query').FetchPreviousPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    isFetchingNextPage: boolean;
+    isFetchingPreviousPage: boolean;
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
+    fetchStatus: import('@tanstack/react-query').FetchStatus;
+    promise: Promise<import('@mastra/core/storage').WorkflowRun[]>;
+};
+export declare const useWorkflowRunExecutionResult: (workflowId: string, runId: string, refetchInterval?: number) => import('@tanstack/react-query').UseQueryResult<import('@mastra/core/workflows').WorkflowState, Error>;
+export declare const useDeleteWorkflowRun: (workflowId: string) => import('@tanstack/react-query').UseMutationResult<{
+    message: string;
+}, Error, {
+    runId: string;
+}, unknown>;

package/dist/src/index.d.ts

@@ -45,3 +45,4 @@ export * from './components/assistant-ui/tools/tool-fallback';
 export * from './domains/workflows/runs/workflow-run-list';
 export * from './domains/mcps/index';
 export * from './lib/toast';
+export * from './domains/configuration/index';

package/dist/src/lib/tanstack-query.d.ts

@@ -1,4 +1,7 @@
-export declare const PlaygroundQueryClient: ({ children }: {
+import { QueryClientConfig } from '@tanstack/react-query';
+export interface PlaygroundQueryClientProps {
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+    options?: QueryClientConfig;
+}
+export declare const PlaygroundQueryClient: ({ children, options }: PlaygroundQueryClientProps) => import("react/jsx-runtime").JSX.Element;
 export * from '@tanstack/react-query';

package/dist/src/types.d.ts

@@ -1,4 +1,4 @@
-import { GetAgentResponse } from '@mastra/client-js';
+import { GetAgentResponse, UIMessageWithMetadata } from '@mastra/client-js';
 import { AiMessageType } from '@mastra/core/memory';
 import { LLMStepResult } from '@mastra/core/agent';
 import { MastraUIMessage } from '@mastra/react';
@@ -49,7 +49,7 @@ export interface ChatProps {
     modelVersion?: string;
     threadId?: string;
     initialMessages?: MastraUIMessage[];
-    initialLegacyMessages?: Message[];
+    initialLegacyMessages?: UIMessageWithMetadata[];
     memory?: boolean;
     refreshThreadList?: () => void;
     settings?: AgentSettingsType;

package/dist/tokens.cjs.js

@@ -45,7 +45,8 @@ const Sizes = {
   "table-row": "44px",
   "table-row-small": "32px",
   "badge-default": "20px",
-  "avatar-default": "24px"
+  "avatar-default": "24px",
+  "dropdown-max-height": "300px"
 };
 
 const Spacings = {

package/dist/tokens.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n  sm: '0.5px',\n};\n\nexport const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","export const FontSizes = {\n  'header-md': '1rem', // 16px\n  'ui-lg': '0.813rem', // 13px\n  'ui-md': '0.75rem', // 12px\n  'ui-sm': '0.688rem', // 11px\n  'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n  'header-md': '125%',\n  'ui-lg': '153.846%',\n  'ui-md': '166.667%',\n  'ui-sm': '181.818%',\n  'ui-xs': '200%',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'button-md': '24px',\n  'button-lg': '40px',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '44px',\n  'table-row-small': '32px',\n  'badge-default': '20px',\n  'avatar-default': '24px',\n};\n","export const Spacings = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n};\n"],"names":[],"mappings":";;;;;;AAAO,MAAM,WAAA,GAAc;AAAA,EACzB,EAAA,EAAI;AACN;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,KAAA;AAAA,EACN,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;ACTO,MAAM,SAAA,GAAY;AAAA,EACvB,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS;AAAA;AACX;AAEO,MAAM,WAAA,GAAc;AAAA,EACzB,WAAA,EAAa,MAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS;AACX;;ACdO,MAAM,KAAA,GAAQ;AAAA,EACnB,cAAA,EAAgB,MAAA;AAAA,EAChB,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,gBAAA,EAAkB,MAAA;AAAA,EAClB,cAAA,EAAgB,MAAA;AAAA,EAChB,WAAA,EAAa,MAAA;AAAA,EACb,iBAAA,EAAmB,MAAA;AAAA,EACnB,eAAA,EAAiB,MAAA;AAAA,EACjB,gBAAA,EAAkB;AACpB;;ACZO,MAAM,QAAA,GAAW;AAAA,EACtB,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;;;;;;;;;;;"}
+{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n  sm: '0.5px',\n};\n\nexport const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","export const FontSizes = {\n  'header-md': '1rem', // 16px\n  'ui-lg': '0.813rem', // 13px\n  'ui-md': '0.75rem', // 12px\n  'ui-sm': '0.688rem', // 11px\n  'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n  'header-md': '125%',\n  'ui-lg': '153.846%',\n  'ui-md': '166.667%',\n  'ui-sm': '181.818%',\n  'ui-xs': '200%',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'button-md': '24px',\n  'button-lg': '40px',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '44px',\n  'table-row-small': '32px',\n  'badge-default': '20px',\n  'avatar-default': '24px',\n  'dropdown-max-height': '300px',\n};\n","export const Spacings = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n};\n"],"names":[],"mappings":";;;;;;AAAO,MAAM,WAAA,GAAc;AAAA,EACzB,EAAA,EAAI;AACN;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,KAAA;AAAA,EACN,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;ACTO,MAAM,SAAA,GAAY;AAAA,EACvB,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS;AAAA;AACX;AAEO,MAAM,WAAA,GAAc;AAAA,EACzB,WAAA,EAAa,MAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS;AACX;;ACdO,MAAM,KAAA,GAAQ;AAAA,EACnB,cAAA,EAAgB,MAAA;AAAA,EAChB,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,gBAAA,EAAkB,MAAA;AAAA,EAClB,cAAA,EAAgB,MAAA;AAAA,EAChB,WAAA,EAAa,MAAA;AAAA,EACb,iBAAA,EAAmB,MAAA;AAAA,EACnB,eAAA,EAAiB,MAAA;AAAA,EACjB,gBAAA,EAAkB,MAAA;AAAA,EAClB,qBAAA,EAAuB;AACzB;;ACbO,MAAM,QAAA,GAAW;AAAA,EACtB,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;;;;;;;;;;;"}

package/dist/tokens.es.js

@@ -41,7 +41,8 @@ const Sizes = {
   "table-row": "44px",
   "table-row-small": "32px",
   "badge-default": "20px",
-  "avatar-default": "24px"
+  "avatar-default": "24px",
+  "dropdown-max-height": "300px"
 };
 
 const Spacings = {

package/dist/tokens.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n  sm: '0.5px',\n};\n\nexport const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","export const FontSizes = {\n  'header-md': '1rem', // 16px\n  'ui-lg': '0.813rem', // 13px\n  'ui-md': '0.75rem', // 12px\n  'ui-sm': '0.688rem', // 11px\n  'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n  'header-md': '125%',\n  'ui-lg': '153.846%',\n  'ui-md': '166.667%',\n  'ui-sm': '181.818%',\n  'ui-xs': '200%',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'button-md': '24px',\n  'button-lg': '40px',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '44px',\n  'table-row-small': '32px',\n  'badge-default': '20px',\n  'avatar-default': '24px',\n};\n","export const Spacings = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n};\n"],"names":[],"mappings":";;AAAO,MAAM,WAAA,GAAc;AAAA,EACzB,EAAA,EAAI;AACN;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,KAAA;AAAA,EACN,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;ACTO,MAAM,SAAA,GAAY;AAAA,EACvB,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS;AAAA;AACX;AAEO,MAAM,WAAA,GAAc;AAAA,EACzB,WAAA,EAAa,MAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS;AACX;;ACdO,MAAM,KAAA,GAAQ;AAAA,EACnB,cAAA,EAAgB,MAAA;AAAA,EAChB,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,gBAAA,EAAkB,MAAA;AAAA,EAClB,cAAA,EAAgB,MAAA;AAAA,EAChB,WAAA,EAAa,MAAA;AAAA,EACb,iBAAA,EAAmB,MAAA;AAAA,EACnB,eAAA,EAAiB,MAAA;AAAA,EACjB,gBAAA,EAAkB;AACpB;;ACZO,MAAM,QAAA,GAAW;AAAA,EACtB,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;;;"}
+{"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n  sm: '0.5px',\n};\n\nexport const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","export const FontSizes = {\n  'header-md': '1rem', // 16px\n  'ui-lg': '0.813rem', // 13px\n  'ui-md': '0.75rem', // 12px\n  'ui-sm': '0.688rem', // 11px\n  'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n  'header-md': '125%',\n  'ui-lg': '153.846%',\n  'ui-md': '166.667%',\n  'ui-sm': '181.818%',\n  'ui-xs': '200%',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'button-md': '24px',\n  'button-lg': '40px',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '44px',\n  'table-row-small': '32px',\n  'badge-default': '20px',\n  'avatar-default': '24px',\n  'dropdown-max-height': '300px',\n};\n","export const Spacings = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n};\n"],"names":[],"mappings":";;AAAO,MAAM,WAAA,GAAc;AAAA,EACzB,EAAA,EAAI;AACN;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,KAAA;AAAA,EACN,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;ACTO,MAAM,SAAA,GAAY;AAAA,EACvB,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS;AAAA;AACX;AAEO,MAAM,WAAA,GAAc;AAAA,EACzB,WAAA,EAAa,MAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS;AACX;;ACdO,MAAM,KAAA,GAAQ;AAAA,EACnB,cAAA,EAAgB,MAAA;AAAA,EAChB,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,gBAAA,EAAkB,MAAA;AAAA,EAClB,cAAA,EAAgB,MAAA;AAAA,EAChB,WAAA,EAAa,MAAA;AAAA,EACb,iBAAA,EAAmB,MAAA;AAAA,EACnB,eAAA,EAAiB,MAAA;AAAA,EACjB,gBAAA,EAAkB,MAAA;AAAA,EAClB,qBAAA,EAAuB;AACzB;;ACbO,MAAM,QAAA,GAAW;AAAA,EACtB,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "7.0.0-beta.1",
+  "version": "7.0.0-beta.10",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -38,10 +38,10 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@ai-sdk/ui-utils": "^1.2.11",
-    "@assistant-ui/react": "^0.10.45",
-    "@assistant-ui/react-markdown": "^0.10.9",
-    "@assistant-ui/react-syntax-highlighter": "^0.10.10",
-    "@assistant-ui/react-ui": "^0.1.8",
+    "@assistant-ui/react": "^0.11.47",
+    "@assistant-ui/react-markdown": "^0.11.6",
+    "@assistant-ui/react-syntax-highlighter": "^0.11.6",
+    "@assistant-ui/react-ui": "^0.2.1",
     "@autoform/core": "^3.0.0",
     "@autoform/react": "^4.0.0",
     "@autoform/zod": "^4.0.0",
@@ -50,7 +50,7 @@
     "@codemirror/language-data": "^6.5.2",
     "@codemirror/state": "^6.5.2",
     "@codemirror/view": "^6.38.6",
-    "@dagrejs/dagre": "^1.1.5",
+    "@dagrejs/dagre": "^1.1.8",
     "@hello-pangea/dnd": "^18.0.1",
     "@hookform/resolvers": "^3.10.0",
     "@lezer/highlight": "^1.2.3",
@@ -77,12 +77,11 @@
     "@tanstack/react-table": "^8.21.3",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@uiw/codemirror-theme-dracula": "^4.23.14",
-    "@uiw/codemirror-theme-github": "^4.25.2",
+    "@uiw/codemirror-theme-github": "^4.25.3",
     "@uiw/react-codemirror": "^4.23.14",
-    "@xyflow/react": "^12.8.6",
+    "@xyflow/react": "^12.9.3",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
-    "json-schema-to-zod": "^2.6.1",
     "motion": "^12.23.22",
     "prettier": "^3.6.2",
     "prism-react-renderer": "^2.4.1",
@@ -103,8 +102,7 @@
     "unified": "^11.0.5",
     "use-debounce": "^10.0.6",
     "zod": "^4.1.12",
-    "zustand": "^5.0.8",
-    "@mastra/ai-sdk": "^1.0.0-beta.0"
+    "zustand": "^5.0.8"
   },
   "peerDependencies": {
     "@mastra/core": ">=1.0.0-0 <2.0.0-0",
@@ -113,18 +111,22 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^3.0.0",
-    "@mastra/client-js": "^1.0.0-beta.1",
-    "@mastra/react": "0.1.0-beta.1"
+    "@mastra/ai-sdk": "^1.0.0-beta.7",
+    "@mastra/client-js": "^1.0.0-beta.10",
+    "@mastra/react": "0.1.0-beta.10",
+    "@mastra/schema-compat": "1.0.0-beta.2"
   },
   "devDependencies": {
     "@storybook/addon-docs": "^9.1.16",
     "@storybook/react-vite": "^9.1.16",
-    "@tanstack/react-query": "^5.90.6",
-    "@types/node": "^20.19.0",
+    "@tanstack/react-query": "^5.90.9",
+    "@types/node": "22.13.17",
     "@types/react": "^19.1.9",
     "@types/react-dom": "^19.1.7",
     "@vitejs/plugin-react": "^5.0.4",
-    "autoprefixer": "^10.4.21",
+    "@vitest/coverage-v8": "4.0.12",
+    "@vitest/ui": "4.0.12",
+    "autoprefixer": "^10.4.22",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "postcss": "^8.5.6",
@@ -136,10 +138,12 @@
     "vite": "^7.1.9",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "vitest": "^3.2.4",
-    "@mastra/core": "1.0.0-beta.1",
-    "@mastra/client-js": "^1.0.0-beta.1",
-    "@mastra/react": "0.1.0-beta.1"
+    "vitest": "4.0.12",
+    "@mastra/ai-sdk": "^1.0.0-beta.7",
+    "@mastra/react": "0.1.0-beta.10",
+    "@mastra/client-js": "^1.0.0-beta.10",
+    "@mastra/core": "1.0.0-beta.10",
+    "@mastra/schema-compat": "1.0.0-beta.2"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/dist/src/domains/observability/components/trace-timeline-legend.d.ts

@@ -1,6 +0,0 @@
-import { SpanRecord } from '@mastra/core/storage';
-type TraceTimelineLegendProps = {
-    spans?: SpanRecord[];
-};
-export declare function TraceTimelineLegend({ spans }: TraceTimelineLegendProps): import("react/jsx-runtime").JSX.Element;
-export {};