@mastra/playground-ui 6.2.2 → 6.2.3-alpha.0

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

@@ -0,0 +1,17 @@
+import { GetAgentResponse, ReorderModelListParams, UpdateModelInModelListParams } from '@mastra/client-js';
+type AgentMetadataModelListType = NonNullable<GetAgentResponse['modelList']>;
+export interface AgentMetadataModelListProps {
+    modelList: AgentMetadataModelListType;
+    modelProviders: string[];
+    updateModelInModelList: AgentMetadataModelListItemProps['updateModelInModelList'];
+    reorderModelList: (params: ReorderModelListParams) => void;
+}
+export declare const AgentMetadataModelList: ({ modelList, modelProviders, updateModelInModelList, reorderModelList, }: AgentMetadataModelListProps) => import("react/jsx-runtime").JSX.Element;
+interface AgentMetadataModelListItemProps {
+    modelConfig: AgentMetadataModelListType[number];
+    modelProviders: string[];
+    updateModelInModelList: (params: UpdateModelInModelListParams) => Promise<{
+        message: string;
+    }>;
+}
+export {};

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

@@ -1,6 +1,7 @@
 import { GetAgentResponse, GetToolResponse, GetWorkflowResponse } from '@mastra/client-js';
 import { ReactNode } from '../../../../../node_modules/@types/react';
 import { AgentMetadataModelSwitcherProps } from './agent-metadata-model-switcher';
+import { AgentMetadataModelListProps } from './agent-metadata-model-list';
 export interface AgentMetadataProps {
     agentId: string;
     agent: GetAgentResponse;
@@ -8,6 +9,8 @@ export interface AgentMetadataProps {
     hasMemoryEnabled: boolean;
     modelProviders: string[];
     updateModel: AgentMetadataModelSwitcherProps['updateModel'];
+    updateModelInModelList: AgentMetadataModelListProps['updateModelInModelList'];
+    reorderModelList: AgentMetadataModelListProps['reorderModelList'];
 }
 export interface AgentMetadataNetworkListProps {
     agents: {
@@ -16,7 +19,7 @@ export interface AgentMetadataNetworkListProps {
     }[];
 }
 export declare const AgentMetadataNetworkList: ({ agents }: AgentMetadataNetworkListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AgentMetadata: ({ agentId, agent, promptSlot, hasMemoryEnabled, updateModel, modelProviders, }: AgentMetadataProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentMetadata: ({ agentId, agent, promptSlot, hasMemoryEnabled, updateModel, modelProviders, updateModelInModelList, reorderModelList, }: AgentMetadataProps) => import("react/jsx-runtime").JSX.Element;
 export interface AgentMetadataToolListProps {
     tools: GetToolResponse[];
     agentId: string;

package/dist/src/domains/agents/components/agent-table/types.d.ts

@@ -1,4 +1,4 @@
-import { GetToolResponse } from '@mastra/client-js';
+import { GetAgentResponse, GetToolResponse } from '@mastra/client-js';
 export type AgentTableData = {
     branch?: string;
     executedAt?: Date;
@@ -9,4 +9,5 @@ export type AgentTableData = {
     instructions: string;
     tools?: Record<string, GetToolResponse>;
     link: string;
+    modelList: GetAgentResponse['modelList'];
 };

package/dist/src/domains/agents/components/provider-map-icon.d.ts

@@ -1,5 +1,6 @@
 export declare const providerMapToIcon: {
     'openai.chat': import("react/jsx-runtime").JSX.Element;
+    'openai.responses': import("react/jsx-runtime").JSX.Element;
     'anthropic.chat': import("react/jsx-runtime").JSX.Element;
     'anthropic.messages': import("react/jsx-runtime").JSX.Element;
     AZURE: import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/components/workflow-table/types.d.ts

@@ -2,6 +2,5 @@ export type WorkflowTableData = {
     id: string;
     name: string;
     stepsCount: number;
-    isLegacy?: boolean;
     link: string;
 };

package/dist/src/domains/workflows/components/workflow-table/workflow-table.d.ts

@@ -1,9 +1,8 @@
-import { GetLegacyWorkflowResponse, GetWorkflowResponse } from '@mastra/client-js';
+import { GetWorkflowResponse } from '@mastra/client-js';
 export interface WorkflowTableProps {
     workflows?: Record<string, GetWorkflowResponse>;
-    legacyWorkflows?: Record<string, GetLegacyWorkflowResponse>;
     isLoading: boolean;
 }
-export declare function WorkflowTable({ workflows, legacyWorkflows, isLoading }: WorkflowTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkflowTable({ workflows, isLoading }: WorkflowTableProps): import("react/jsx-runtime").JSX.Element;
 export declare const WorkflowTableSkeleton: () => import("react/jsx-runtime").JSX.Element;
 export declare const EmptyWorkflowsTable: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,6 @@
-import { ExtendedLegacyWorkflowRunResult } from '../../../hooks/use-workflows';
 import { WorkflowRunState } from '@mastra/core/workflows';
 import { WorkflowWatchResult } from '@mastra/client-js';
 type WorkflowRunContextType = {
-    legacyResult: ExtendedLegacyWorkflowRunResult | null;
-    setLegacyResult: React.Dispatch<React.SetStateAction<any>>;
     result: WorkflowWatchResult | null;
     setResult: React.Dispatch<React.SetStateAction<any>>;
     payload: any;

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

@@ -1,5 +1,3 @@
-export * from './workflow/legacy-workflow-graph';
-export * from './workflow/legacy-workflow-trigger';
 export * from './context/workflow-run-context';
 export * from './workflow/workflow-graph';
 export * from './workflow/workflow-trigger';

package/dist/src/domains/workflows/workflow/utils.d.ts

@@ -1,5 +1,4 @@
 import { Workflow } from '@mastra/core/workflows';
-import { StepCondition } from '@mastra/core/workflows/legacy';
 import { Node, Edge } from '@xyflow/react';
 export type ConditionConditionType = 'if' | 'else' | 'when' | 'until' | 'while' | 'dountil' | 'dowhile';
 export type Condition = {
@@ -21,7 +20,6 @@ export type Condition = {
     conj?: never;
 };
 export declare const pathAlphabet: string[];
-export declare function extractConditions(group: StepCondition<any, any>, type: ConditionConditionType): Condition[];
 export type WStep = {
     [key: string]: {
         id: string;
@@ -31,14 +29,6 @@ export type WStep = {
         stepSubscriberGraph?: any;
     };
 };
-export declare const contructLegacyNodesAndEdges: ({ stepGraph, stepSubscriberGraph, steps: mainSteps, }: {
-    stepGraph: any;
-    stepSubscriberGraph: any;
-    steps?: WStep;
-}) => {
-    nodes: Node[];
-    edges: Edge[];
-};
 export declare const constructNodesAndEdges: ({ stepGraph, }: {
     stepGraph: Workflow["serializedStepGraph"];
 }) => {

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

@@ -1,12 +1,4 @@
-import { LegacyWorkflowRunResult, WorkflowWatchResult } from '@mastra/client-js';
-import { LegacyWorkflow } from '@mastra/core/workflows/legacy';
-export type ExtendedLegacyWorkflowRunResult = LegacyWorkflowRunResult & {
-    sanitizedOutput?: string | null;
-    sanitizedError?: {
-        message: string;
-        stack?: string;
-    } | null;
-};
+import { WorkflowWatchResult } from '@mastra/client-js';
 export type ExtendedWorkflowWatchResult = WorkflowWatchResult & {
     sanitizedOutput?: string | null;
     sanitizedError?: {
@@ -15,39 +7,3 @@ export type ExtendedWorkflowWatchResult = WorkflowWatchResult & {
     } | null;
 };
 export declare const useWorkflow: (workflowId?: string) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').GetWorkflowResponse | null, Error>;
-export declare const useLegacyWorkflow: (workflowId: string) => {
-    legacyWorkflow: LegacyWorkflow<import('@mastra/core/workflows/legacy').LegacyStep<string, any, any, import('@mastra/core/workflows/legacy').StepExecutionContext<any, import('@mastra/core/workflows/legacy').WorkflowContext<any, import('@mastra/core/workflows/legacy').LegacyStep<string, any, any, any>[], Record<string, any>>>>[], string, any, any> | null;
-    isLoading: boolean;
-};
-export declare const useExecuteWorkflow: () => {
-    startLegacyWorkflowRun: ({ workflowId, runId, input, }: {
-        workflowId: string;
-        runId: string;
-        input: any;
-    }) => Promise<void>;
-    createLegacyWorkflowRun: ({ workflowId, prevRunId }: {
-        workflowId: string;
-        prevRunId?: string;
-    }) => Promise<{
-        runId: string;
-    }>;
-};
-export declare const useWatchWorkflow: () => {
-    watchLegacyWorkflow: ({ workflowId, runId }: {
-        workflowId: string;
-        runId: string;
-    }) => Promise<void>;
-    isWatchingLegacyWorkflow: boolean;
-    legacyWatchResult: ExtendedLegacyWorkflowRunResult | null;
-};
-export declare const useResumeWorkflow: () => {
-    resumeLegacyWorkflow: ({ workflowId, stepId, runId, context, }: {
-        workflowId: string;
-        stepId: string;
-        runId: string;
-        context: any;
-    }) => Promise<{
-        message: string;
-    }>;
-    isResumingLegacyWorkflow: boolean;
-};

package/dist/src/services/stream-chunk-message.d.ts

@@ -1,41 +1,32 @@
 import { ThreadMessageLike } from '@assistant-ui/react';
 import { ChunkType } from '@mastra/core';
 export interface HandleStreamChunkOptions {
-    setMessages: React.Dispatch<React.SetStateAction<ThreadMessageLike[]>>;
+    conversation: ThreadMessageLike[];
     chunk: ChunkType;
-    refreshWorkingMemory: () => Promise<void>;
-    _sideEffects: {
-        assistantMessageAdded: boolean;
-        assistantToolCallAddedForUpdater: boolean;
-        assistantToolCallAddedForContent: boolean;
-        content: string;
-        toolCallIdToName: React.RefObject<Record<string, string>>;
-    };
 }
-export declare const handleStreamChunk: ({ chunk, setMessages, refreshWorkingMemory, _sideEffects, }: HandleStreamChunkOptions) => Promise<void>;
+export declare const handleStreamChunk: ({ chunk, conversation }: HandleStreamChunkOptions) => ThreadMessageLike[];
 interface HandleWorkflowChunkOptions {
     workflowChunk: object;
-    setMessages: React.Dispatch<React.SetStateAction<ThreadMessageLike[]>>;
-    entityName: string;
+    conversation: ThreadMessageLike[];
+    entityName?: string;
 }
-export declare const handleWorkflowChunk: ({ workflowChunk, setMessages, entityName }: HandleWorkflowChunkOptions) => void;
+export declare const handleWorkflowChunk: ({ workflowChunk, conversation, entityName, }: HandleWorkflowChunkOptions) => ThreadMessageLike[];
 interface HandleAgentChunkOptions {
     agentChunk: any;
-    setMessages: React.Dispatch<React.SetStateAction<ThreadMessageLike[]>>;
+    conversation: ThreadMessageLike[];
     entityName: string;
 }
-export declare const handleAgentChunk: ({ agentChunk, setMessages, entityName }: HandleAgentChunkOptions) => void;
+export declare const handleAgentChunk: ({ agentChunk, conversation, entityName, }: HandleAgentChunkOptions) => ThreadMessageLike[];
 interface CreateRootToolAssistantMessageOptions {
     chunk: any;
     entityName: string;
-    setMessages: React.Dispatch<React.SetStateAction<ThreadMessageLike[]>>;
+    conversation: ThreadMessageLike[];
     runId: string;
-    _sideEffects: HandleStreamChunkOptions['_sideEffects'];
     from: 'AGENT' | 'WORKFLOW';
     networkMetadata: {
         selectionReason?: string;
         input?: string | Record<string, unknown>;
     };
 }
-export declare const createRootToolAssistantMessage: ({ chunk, entityName, setMessages, runId, _sideEffects, from, networkMetadata, }: CreateRootToolAssistantMessageOptions) => void;
+export declare const createRootToolAssistantMessage: ({ chunk, entityName, conversation, runId, from, networkMetadata, }: CreateRootToolAssistantMessageOptions) => ThreadMessageLike[];
 export {};

package/dist/src/types.d.ts

@@ -1,4 +1,5 @@
 import { AiMessageType } from '@mastra/core/memory';
+import { LLMStepResult } from '@mastra/core/agent';
 export type Message = AiMessageType;
 export interface AssistantMessage {
     id: string;
@@ -17,6 +18,11 @@ export interface AssistantMessage {
         completionReason: string;
     };
 }
+export type ReadonlyJSONValue = null | string | number | boolean | ReadonlyJSONObject | ReadonlyJSONArray;
+export type ReadonlyJSONObject = {
+    readonly [key: string]: ReadonlyJSONValue;
+};
+export type ReadonlyJSONArray = readonly ReadonlyJSONValue[];
 export interface ModelSettings {
     frequencyPenalty?: number;
     presencePenalty?: number;
@@ -27,7 +33,7 @@ export interface ModelSettings {
     topK?: number;
     topP?: number;
     instructions?: string;
-    providerOptions?: Record<string, unknown>;
+    providerOptions?: LLMStepResult['providerMetadata'];
     chatWithGenerate?: boolean;
     chatWithGenerateVNext?: boolean;
     chatWithStreamVNext?: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "6.2.2",
+  "version": "6.2.3-alpha.0",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -47,6 +47,7 @@
     "@autoform/zod": "^4.0.0",
     "@codemirror/lang-json": "^6.0.2",
     "@dagrejs/dagre": "^1.1.5",
+    "@hello-pangea/dnd": "^18.0.1",
     "@hookform/resolvers": "^3.10.0",
     "@lezer/highlight": "^1.2.1",
     "@lukeed/uuid": "^2.0.1",
@@ -99,10 +100,11 @@
     "use-debounce": "^10.0.6",
     "zod": "^4.1.9",
     "zustand": "^5.0.8",
-    "@mastra/client-js": "^0.13.2"
+    "@mastra/react-hooks": "0.0.1-alpha.1",
+    "@mastra/client-js": "^0.14.0-alpha.0"
   },
   "peerDependencies": {
-    "@mastra/core": ">=0.18.0-0 <0.19.0-0",
+    "@mastra/core": ">=0.18.1-0 <0.19.0-0",
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
@@ -127,7 +129,7 @@
     "vite": "^6.3.6",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@mastra/core": "0.18.0"
+    "@mastra/core": "0.18.1-alpha.0"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/dist/src/domains/workflows/context/legacy-workflow-nested-graph-context.d.ts

@@ -1,13 +0,0 @@
-type LegacyWorkflowNestedGraphContextType = {
-    showNestedGraph: ({ label, stepGraph, stepSubscriberGraph, }: {
-        label: string;
-        stepGraph: any;
-        stepSubscriberGraph: any;
-    }) => void;
-    closeNestedGraph: () => void;
-};
-export declare const LegacyWorkflowNestedGraphContext: import('../../../../node_modules/@types/react').Context<LegacyWorkflowNestedGraphContextType>;
-export declare function LegacyWorkflowNestedGraphProvider({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/domains/workflows/workflow/legacy-workflow-graph-inner.d.ts

@@ -1,4 +0,0 @@
-import { LegacyWorkflow } from '@mastra/core/workflows/legacy';
-export declare function LegacyWorkflowGraphInner({ workflow }: {
-    workflow: LegacyWorkflow;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/workflows/workflow/legacy-workflow-graph.d.ts

@@ -1,3 +0,0 @@
-export declare function LegacyWorkflowGraph({ workflowId }: {
-    workflowId: string;
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +0,0 @@
-export declare function LegacyWorkflowNestedGraph({ stepGraph, stepSubscriberGraph, open, }: {
-    stepGraph: any;
-    stepSubscriberGraph: any;
-    open: boolean;
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +0,0 @@
-import { NodeProps, Node } from '@xyflow/react';
-type LegacyWorkflowNestedNode = Node<{
-    label: string;
-    description?: string;
-    withoutTopHandle?: boolean;
-    withoutBottomHandle?: boolean;
-    stepGraph: any;
-    stepSubscriberGraph: any;
-}, 'nested-node'>;
-export declare function LegacyWorkflowNestedNode({ data }: NodeProps<LegacyWorkflowNestedNode>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/domains/workflows/workflow/legacy-workflow-status.d.ts

@@ -1,6 +0,0 @@
-export interface LegacyWorkflowStatusProps {
-    stepId: string;
-    pathStatus: string;
-    path: string;
-}
-export declare const LegacyWorkflowStatus: ({ stepId, pathStatus, path }: LegacyWorkflowStatusProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +0,0 @@
-export declare function LegacyWorkflowTrigger({ workflowId, setRunId, }: {
-    workflowId: string;
-    setRunId?: (runId: string) => void;
-}): import("react/jsx-runtime").JSX.Element | null;