@mastra/playground-ui 6.2.4 → 6.3.0

package/dist/src/domains/agents/components/agent-metadata/agent-metadata-model-switcher.d.ts

@@ -11,4 +11,4 @@ export interface AgentMetadataModelSwitcherProps {
     autoSave?: boolean;
     selectProviderPlaceholder?: string;
 }
-export declare const AgentMetadataModelSwitcher: ({ defaultProvider, defaultModel, updateModel, apiUrl, autoSave, selectProviderPlaceholder, }: AgentMetadataModelSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentMetadataModelSwitcher: ({ defaultProvider, defaultModel, updateModel, apiUrl, }: AgentMetadataModelSwitcherProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/runs/workflow-runs.d.ts

@@ -1,9 +1,11 @@
-export interface WorkflowRunsProps {
+import { WorkflowTriggerProps } from '../workflow/workflow-trigger';
+export interface WorkflowRunsProps extends Omit<WorkflowTriggerProps, 'paramsRunId' | 'workflowId'> {
     workflowId: string;
     runId?: string;
     onPressRun: ({ workflowId, runId }: {
         workflowId: string;
         runId: string;
     }) => void;
+    onPressBackToRuns: () => void;
 }
-export declare const WorkflowRuns: ({ workflowId, runId, onPressRun }: WorkflowRunsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowRuns: ({ workflowId, runId, onPressRun, onPressBackToRuns, observeWorkflowStream, ...triggerProps }: WorkflowRunsProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/src/domains/workflows/workflow/workflow-trigger.d.ts

@@ -1,6 +1,7 @@
 import { GetWorkflowResponse, WorkflowWatchResult } from '@mastra/client-js';
-interface WorkflowTriggerProps {
+export interface WorkflowTriggerProps {
     workflowId: string;
+    paramsRunId?: string;
     setRunId?: (runId: string) => void;
     workflow?: GetWorkflowResponse;
     isLoading?: boolean;
@@ -17,17 +18,18 @@ interface WorkflowTriggerProps {
         inputData: Record<string, unknown>;
         runtimeContext: Record<string, unknown>;
     }) => Promise<void>;
+    observeWorkflowStream?: ({ workflowId, runId }: {
+        workflowId: string;
+        runId: string;
+    }) => void;
     resumeWorkflow: ({ workflowId, step, runId, resumeData, runtimeContext, }: {
         workflowId: string;
         step: string | string[];
         runId: string;
         resumeData: Record<string, unknown>;
         runtimeContext: Record<string, unknown>;
-    }) => Promise<{
-        message: string;
-    }>;
+    }) => Promise<void>;
     streamResult: WorkflowWatchResult | null;
-    isResumingWorkflow: boolean;
     isCancellingWorkflowRun: boolean;
     cancelWorkflowRun: ({ workflowId, runId }: {
         workflowId: string;
@@ -36,5 +38,4 @@ interface WorkflowTriggerProps {
         message: string;
     }>;
 }
-export declare function WorkflowTrigger({ workflowId, setRunId, workflow, isLoading, createWorkflowRun, resumeWorkflow, streamWorkflow, isStreamingWorkflow, streamResult, isResumingWorkflow, isCancellingWorkflowRun, cancelWorkflowRun, }: WorkflowTriggerProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
+export declare function WorkflowTrigger({ workflowId, paramsRunId, setRunId, workflow, isLoading, createWorkflowRun, resumeWorkflow, streamWorkflow, observeWorkflowStream, isStreamingWorkflow, streamResult, isCancellingWorkflowRun, cancelWorkflowRun, }: WorkflowTriggerProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,17 @@
+import { default as React } from '../../../../node_modules/@types/react';
+import { TxtProps } from '../Txt';
+type AlertVariant = 'warning' | 'destructive';
+export interface AlertProps {
+    children: React.ReactNode;
+    variant: AlertVariant;
+}
+export declare const Alert: ({ children, variant }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AlertTitle: ({ children, as: As }: {
+    children: React.ReactNode;
+    as: TxtProps["as"];
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const AlertDescription: ({ children, as: As }: {
+    children: React.ReactNode;
+    as: TxtProps["as"];
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export * from './Alert';

package/dist/src/index.d.ts

@@ -1,5 +1,4 @@
 export * from './domains/agents/index';
-export * from './domains/networks/index';
 export * from './domains/scores/index';
 export * from './domains/tools/index';
 export * from './domains/workflows/index';
@@ -25,6 +24,7 @@ export * from './ds/components/Txt/index';
 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';

package/dist/src/types.d.ts

@@ -35,9 +35,8 @@ export interface ModelSettings {
     topP?: number;
     instructions?: string;
     providerOptions?: LLMStepResult['providerMetadata'];
+    chatWithGenerateLegacy?: boolean;
     chatWithGenerate?: boolean;
-    chatWithGenerateVNext?: boolean;
-    chatWithStreamVNext?: boolean;
     chatWithNetwork?: boolean;
 }
 export interface AgentSettingsType {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "6.2.4",
+  "version": "6.3.0",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -75,11 +75,11 @@
     "@types/react-syntax-highlighter": "^15.5.13",
     "@uiw/codemirror-theme-dracula": "^4.23.14",
     "@uiw/react-codemirror": "^4.23.14",
-    "@xyflow/react": "^12.8.5",
+    "@xyflow/react": "^12.8.6",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "json-schema-to-zod": "^2.6.1",
-    "motion": "^12.23.13",
+    "motion": "^12.23.22",
     "prettier": "^3.6.2",
     "prism-react-renderer": "^2.4.1",
     "react-code-block": "1.1.3",
@@ -100,11 +100,11 @@
     "use-debounce": "^10.0.6",
     "zod": "^4.1.9",
     "zustand": "^5.0.8",
-    "@mastra/react": "0.0.2",
-    "@mastra/client-js": "^0.14.1"
+    "@mastra/react": "0.0.3",
+    "@mastra/client-js": "^0.15.0"
   },
   "peerDependencies": {
-    "@mastra/core": ">=0.19.1-0 <0.20.0-0",
+    "@mastra/core": ">=0.20.0-0 <0.21.0-0",
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
@@ -129,7 +129,7 @@
     "vite": "^6.3.6",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@mastra/core": "0.19.1"
+    "@mastra/core": "0.20.0"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/dist/src/components/assistant-ui/network-threads.d.ts

@@ -1,10 +0,0 @@
-import { ToolCallMessagePartComponent } from '@assistant-ui/react';
-export interface ThreadProps {
-    ToolFallback?: ToolCallMessagePartComponent;
-    networkName?: string;
-    hasMemory?: boolean;
-}
-export declare const NetworkThread: ({ ToolFallback, networkName, hasMemory }: ThreadProps) => import("react/jsx-runtime").JSX.Element;
-export interface ThreadWelcomeProps {
-    networkName?: string;
-}

package/dist/src/domains/networks/components/network-table/columns.d.ts

@@ -1,3 +0,0 @@
-import { ColumnDef } from '@tanstack/react-table';
-import { NetworkTableColumn } from './types';
-export declare const columns: ColumnDef<NetworkTableColumn>[];

package/dist/src/domains/networks/components/network-table/network-table.d.ts

@@ -1,8 +0,0 @@
-import { GetVNextNetworkResponse } from '@mastra/client-js';
-export interface NetworkTableProps {
-    networks: GetVNextNetworkResponse[];
-    isLoading: boolean;
-}
-export declare const NetworkTable: ({ networks, isLoading }: NetworkTableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const NetworkTableEmpty: () => import("react/jsx-runtime").JSX.Element;
-export declare const NetworkTableSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/networks/components/network-table/types.d.ts

@@ -1,9 +0,0 @@
-export type NetworkTableColumn = {
-    id: string;
-    name: string;
-    instructions: string;
-    agentsSize: number;
-    routingModel: string;
-    workflowsSize?: number;
-    toolsSize?: number;
-};

package/dist/src/domains/networks/index.d.ts

@@ -1,3 +0,0 @@
-export * from './network-context';
-export * from './v-next/network-chat';
-export * from './components/network-table/network-table';

package/dist/src/domains/networks/network-context.d.ts

@@ -1,16 +0,0 @@
-import { ReactNode } from '../../../node_modules/@types/react';
-import { ModelSettings } from '../../types';
-type NetworkContextType = {
-    modelSettings: ModelSettings;
-    setModelSettings: React.Dispatch<React.SetStateAction<ModelSettings>>;
-    resetModelSettings: () => void;
-    chatWithLoop: boolean;
-    setChatWithLoop: React.Dispatch<React.SetStateAction<boolean>>;
-    maxIterations: number | undefined;
-    setMaxIterations: React.Dispatch<React.SetStateAction<number | undefined>>;
-};
-export declare const NetworkContext: import('../../../node_modules/@types/react').Context<NetworkContextType>;
-export declare function NetworkProvider({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/domains/networks/tool-fallback.d.ts

@@ -1,2 +0,0 @@
-import { ToolCallMessagePartComponent } from '@assistant-ui/react';
-export declare const ToolFallback: ToolCallMessagePartComponent;

package/dist/src/domains/networks/v-next/network-chat.d.ts

@@ -1,9 +0,0 @@
-import { Message } from '../../../types';
-export declare const VNextNetworkChat: ({ networkId, networkName, threadId, initialMessages, memory, refreshThreadList, }: {
-    networkId: string;
-    networkName: string;
-    threadId: string;
-    initialMessages?: Message[];
-    memory?: boolean;
-    refreshThreadList?: () => void;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/networks/v-next/step-dropdown.d.ts

@@ -1 +0,0 @@
-export declare const StepDropdown: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/networks/v-next/wrapped-assistant-message.d.ts

@@ -1,5 +0,0 @@
-import { ToolCallMessagePartComponent } from '@assistant-ui/react';
-import { FC } from '../../../../node_modules/@types/react';
-export declare const NextAssistantMessage: FC<{
-    ToolFallback?: ToolCallMessagePartComponent;
-}>;

package/dist/src/services/vnext-network-chat-provider.d.ts

@@ -1,17 +0,0 @@
-import { default as React, ReactNode } from '../../node_modules/@types/react';
-type StateValue = {
-    executionSteps: Array<string>;
-    steps: Record<string, any>;
-    runId?: string;
-};
-type State = Record<string, StateValue>;
-type VNextNetworkChatContextType = {
-    state: State;
-    handleStep: (uuid: string, record: Record<string, any>) => void;
-    setState: React.Dispatch<React.SetStateAction<State>>;
-};
-export declare const VNextNetworkChatProvider: ({ children }: {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const useVNextNetworkChat: () => VNextNetworkChatContextType;
-export {};

package/dist/src/services/vnext-network-runtime-provider.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from '../../node_modules/@types/react';
-import { ChatProps } from '../types';
-type VNextMastraNetworkRuntimeProviderProps = Omit<ChatProps, 'agentId' | 'agentName' | 'modelSettings'> & {
-    networkId: string;
-};
-export declare function VNextMastraNetworkRuntimeProvider({ children, networkId, memory, threadId, refreshThreadList, initialMessages, runtimeContext, }: Readonly<{
-    children: ReactNode;
-}> & VNextMastraNetworkRuntimeProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};