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

package/dist/src/domains/workflows/context/workflow-run-context.d.ts

@@ -1,18 +1,38 @@
 import { WorkflowRunState, WorkflowStreamResult } from '@mastra/core/workflows';
+import { Dispatch, SetStateAction, ReactNode } from '../../../../node_modules/@types/react';
+import { WorkflowTriggerProps } from '../workflow/workflow-trigger';
+import { TimeTravelParams } from '@mastra/client-js';
 export type WorkflowRunStreamResult = WorkflowStreamResult<any, any, any, any>;
 type WorkflowRunContextType = {
     result: WorkflowRunStreamResult | null;
-    setResult: React.Dispatch<React.SetStateAction<WorkflowRunStreamResult | null>>;
+    setResult: Dispatch<SetStateAction<WorkflowRunStreamResult | null>>;
     payload: any;
-    setPayload: React.Dispatch<React.SetStateAction<any>>;
+    setPayload: Dispatch<SetStateAction<any>>;
     clearData: () => void;
     snapshot?: WorkflowRunState;
     runId?: string;
-    setRunId: React.Dispatch<React.SetStateAction<string>>;
-};
+    setRunId: Dispatch<SetStateAction<string>>;
+    workflowError: Error | null;
+    observeWorkflowStream?: ({ workflowId, runId, storeRunResult, }: {
+        workflowId: string;
+        runId: string;
+        storeRunResult: WorkflowRunStreamResult | null;
+    }) => void;
+    closeStreamsAndReset: () => void;
+    timeTravelWorkflowStream: (params: {
+        workflowId: string;
+        requestContext: Record<string, unknown>;
+    } & Omit<TimeTravelParams, 'requestContext'>) => Promise<void>;
+    runSnapshot?: WorkflowRunState;
+    isLoadingRunExecutionResult?: boolean;
+    withoutTimeTravel?: boolean;
+} & Omit<WorkflowTriggerProps, 'paramsRunId' | 'setRunId' | 'observeWorkflowStream'>;
 export declare const WorkflowRunContext: import('../../../../node_modules/@types/react').Context<WorkflowRunContextType>;
-export declare function WorkflowRunProvider({ children, snapshot, }: {
-    children: React.ReactNode;
+export declare function WorkflowRunProvider({ children, snapshot, workflowId, initialRunId, withoutTimeTravel, }: {
+    children: ReactNode;
     snapshot?: WorkflowRunState;
+    workflowId: string;
+    initialRunId?: string;
+    withoutTimeTravel?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/workflows/hooks/use-workflows-actions.d.ts

@@ -1,3 +1,4 @@
+import { TimeTravelParams } from '@mastra/client-js';
 import { WorkflowStreamResult as CoreWorkflowStreamResult } from '@mastra/core/workflows';
 export declare const useExecuteWorkflow: () => {
     startWorkflowRun: import('@tanstack/react-query').UseMutationResult<void, Error, {
@@ -42,6 +43,10 @@ export declare const useStreamWorkflow: () => {
         resumeData: Record<string, unknown>;
         requestContext: Record<string, unknown>;
     }, unknown>;
+    timeTravelWorkflowStream: import('@tanstack/react-query').UseMutationResult<void, Error, {
+        workflowId: string;
+        requestContext: Record<string, unknown>;
+    } & Omit<TimeTravelParams, "requestContext">, unknown>;
 };
 export declare const useCancelWorkflowRun: () => import('@tanstack/react-query').UseMutationResult<{
     message: string;

package/dist/src/domains/workflows/workflow/workflow-default-node.d.ts

@@ -1,12 +1,16 @@
 import { NodeProps, Node } from '@xyflow/react';
 export type DefaultNode = Node<{
     label: string;
+    stepId?: string;
     description?: string;
     withoutTopHandle?: boolean;
     withoutBottomHandle?: boolean;
     mapConfig?: string;
     duration?: number;
     date?: Date;
+    isParallel?: boolean;
+    canSuspend?: boolean;
+    isForEach?: boolean;
 }, 'default-node'>;
 export interface WorkflowDefaultNodeProps {
     parentWorkflowName?: string;

package/dist/src/domains/workflows/workflow/workflow-input-data.d.ts

@@ -6,5 +6,6 @@ export interface WorkflowInputDataProps {
     submitButtonLabel: string;
     onSubmit: (data: any) => void;
     withoutSubmit?: boolean;
+    children?: React.ReactNode;
 }
-export declare const WorkflowInputData: ({ schema, defaultValues, withoutSubmit, isSubmitLoading, submitButtonLabel, onSubmit, }: WorkflowInputDataProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowInputData: ({ schema, defaultValues, withoutSubmit, isSubmitLoading, submitButtonLabel, onSubmit, children, }: WorkflowInputDataProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/workflow/workflow-nested-node.d.ts

@@ -2,11 +2,15 @@ import { NodeProps, Node } from '@xyflow/react';
 import { SerializedStepFlowEntry } from '@mastra/core/workflows';
 export type NestedNode = Node<{
     label: string;
+    stepId?: string;
     description?: string;
     withoutTopHandle?: boolean;
     withoutBottomHandle?: boolean;
     stepGraph: SerializedStepFlowEntry[];
     mapConfig?: string;
+    isParallel?: boolean;
+    canSuspend?: boolean;
+    isForEach?: boolean;
 }, 'nested-node'>;
 export interface WorkflowNestedNodeProps {
     parentWorkflowName?: string;

package/dist/src/domains/workflows/workflow/workflow-node-badges.d.ts

@@ -0,0 +1,55 @@
+import { LucideIcon } from 'lucide-react';
+export declare const BADGE_COLORS: {
+    readonly sleep: "#A855F7";
+    readonly forEach: "#F97316";
+    readonly map: "#F97316";
+    readonly parallel: "#3B82F6";
+    readonly suspend: "#EC4899";
+    readonly after: "#14B8A6";
+    readonly workflow: "#8B5CF6";
+    readonly when: "#ECB047";
+    readonly dountil: "#8B5CF6";
+    readonly dowhile: "#06B6D4";
+    readonly until: "#F59E0B";
+    readonly while: "#10B981";
+    readonly if: "#3B82F6";
+    readonly else: "#6B7280";
+};
+export declare const BADGE_ICONS: {
+    readonly sleep: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+    readonly sleepUntil: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+    readonly forEach: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+    readonly map: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+    readonly parallel: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+    readonly suspend: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+    readonly after: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+    readonly workflow: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+    readonly when: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+    readonly dountil: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+    readonly dowhile: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+    readonly until: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+    readonly while: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+    readonly if: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+    readonly else: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('../../../../node_modules/@types/react').RefAttributes<SVGSVGElement>>;
+};
+export interface ConditionIconConfig {
+    icon: LucideIcon | undefined;
+    color: string | undefined;
+}
+export declare const getConditionIconAndColor: (type: string) => ConditionIconConfig;
+export interface NodeBadgeInfo {
+    isSleepNode: boolean;
+    isForEachNode: boolean;
+    isMapNode: boolean;
+    isNestedWorkflow: boolean;
+    hasSpecialBadge: boolean;
+}
+export declare const getNodeBadgeInfo: (data: {
+    duration?: number;
+    date?: Date;
+    isForEach?: boolean;
+    mapConfig?: string;
+    canSuspend?: boolean;
+    isParallel?: boolean;
+    stepGraph?: any;
+}) => NodeBadgeInfo;

package/dist/src/domains/workflows/workflow/workflow-step-action-bar.d.ts

@@ -1,11 +1,14 @@
 export interface WorkflowStepActionBarProps {
     input?: any;
     output?: any;
+    suspendOutput?: any;
     resumeData?: any;
     error?: any;
     stepName: string;
+    stepId?: string;
     mapConfig?: string;
     onShowNestedGraph?: () => void;
     status?: 'running' | 'success' | 'failed' | 'suspended' | 'waiting';
+    stepKey?: string;
 }
-export declare const WorkflowStepActionBar: ({ input, output, resumeData, error, mapConfig, stepName, onShowNestedGraph, status, }: WorkflowStepActionBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowStepActionBar: ({ input, output, resumeData, suspendOutput, error, mapConfig, stepName, stepId, onShowNestedGraph, status, stepKey, }: WorkflowStepActionBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/workflow/workflow-time-travel-form.d.ts

@@ -0,0 +1,5 @@
+export type WorkflowTimeTravelFormProps = {
+    stepKey: string;
+    closeModal: () => void;
+};
+export declare const WorkflowTimeTravelForm: ({ stepKey, closeModal }: WorkflowTimeTravelFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Button/Button.d.ts

@@ -9,5 +9,6 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     size?: 'md' | 'lg';
     variant?: 'default' | 'light';
     target?: string;
+    type?: 'button' | 'submit' | 'reset';
 }
 export declare const Button: ({ className, as, size, variant, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Table/Cells.d.ts

@@ -5,9 +5,6 @@ export interface CellProps extends React.TdHTMLAttributes<HTMLTableCellElement>
 }
 export declare const Cell: ({ className, children, ...props }: CellProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TxtCell: ({ className, children }: CellProps) => import("react/jsx-runtime").JSX.Element;
-export declare const UnitCell: ({ className, children, unit }: CellProps & {
-    unit: string;
-}) => import("react/jsx-runtime").JSX.Element;
 export interface DateTimeCellProps extends Omit<CellProps, 'children'> {
     dateTime: Date;
 }

package/dist/src/ds/tokens/sizes.d.ts

@@ -10,4 +10,5 @@ export declare const Sizes: {
     'table-row-small': string;
     'badge-default': string;
     'avatar-default': string;
+    'dropdown-max-height': string;
 };

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

@@ -4,7 +4,6 @@ export * from './domains/tools/index';
 export * from './domains/workflows/index';
 export * from './domains/templates/index';
 export * from './domains/observability/index';
-export * from './domains/resizable-panel';
 export * from './components/dynamic-form/index';
 export * from './components/ui/containers';
 export * from './components/ui/elements';
@@ -24,7 +23,6 @@ export * from './ds/components/Entity/index';
 export * from './ds/components/EmptyState/index';
 export * from './ds/icons/index';
 export * from './ds/components/Alert';
-export * from './lib/polls';
 export * from './domains/voice/hooks/use-speech-recognition';
 export * from './components/ui/radio-group';
 export * from './components/ui/entry';
@@ -40,9 +38,11 @@ export * from './components/ui/tooltip';
 export * from './components/ui/kbd';
 export * from './components/ui/collapsible';
 export * from './components/ui/combobox';
+export * from './components/ui/skeleton';
 export * from './domains/conversation/index';
 export * from './lib/errors';
 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;;;;"}