@mastra/playground-ui 6.6.2-alpha.0 → 6.7.0-alpha.0

package/dist/src/components/assistant-ui/tools/badges/agent-badge-wrapper.d.ts

@@ -1,6 +1,7 @@
 import { MastraUIMessage } from '@mastra/react';
 import { AgentMessage } from './agent-badge';
-interface AgentBadgeWrapperProps {
+import { ToolApprovalButtonsProps } from './tool-approval-buttons';
+interface AgentBadgeWrapperProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {
     agentId: string;
     result: {
         childMessages: AgentMessage[];
@@ -9,5 +10,5 @@ interface AgentBadgeWrapperProps {
     };
     metadata?: MastraUIMessage['metadata'];
 }
-export declare const AgentBadgeWrapper: ({ agentId, result, metadata }: AgentBadgeWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentBadgeWrapper: ({ agentId, result, metadata, toolCallId, toolApprovalMetadata, }: AgentBadgeWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/assistant-ui/tools/badges/agent-badge.d.ts

@@ -1,4 +1,5 @@
 import { MastraUIMessage } from '@mastra/react';
+import { ToolApprovalButtonsProps } from './tool-approval-buttons';
 type TextMessage = {
     type: 'text';
     content: string;
@@ -12,10 +13,10 @@ type ToolMessage = {
     result?: any;
 };
 export type AgentMessage = TextMessage | ToolMessage;
-export interface AgentBadgeProps {
+export interface AgentBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {
     agentId: string;
     messages: AgentMessage[];
     metadata?: MastraUIMessage['metadata'];
 }
-export declare const AgentBadge: ({ agentId, messages, metadata }: AgentBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentBadge: ({ agentId, messages, metadata, toolCallId, toolApprovalMetadata }: AgentBadgeProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/assistant-ui/tools/badges/tool-approval-buttons.d.ts

@@ -0,0 +1,10 @@
+export interface ToolApprovalButtonsProps {
+    toolCallId: string;
+    toolCalled: boolean;
+    toolApprovalMetadata: {
+        toolCallId: string;
+        toolName: string;
+        args: Record<string, any>;
+    } | undefined;
+}
+export declare const ToolApprovalButtons: ({ toolCalled, toolCallId, toolApprovalMetadata }: ToolApprovalButtonsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/assistant-ui/tools/badges/tool-badge.d.ts

@@ -1,5 +1,6 @@
 import { MastraUIMessage } from '@mastra/react';
-export interface ToolBadgeProps {
+import { ToolApprovalButtonsProps } from './tool-approval-buttons';
+export interface ToolBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {
     toolName: string;
     args: Record<string, unknown> | string;
     result: any;
@@ -8,4 +9,4 @@ export interface ToolBadgeProps {
         toolId: string;
     }>;
 }
-export declare const ToolBadge: ({ toolName, args, result, metadata, toolOutput }: ToolBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolBadge: ({ toolName, args, result, metadata, toolOutput, toolCallId, toolApprovalMetadata, }: ToolBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/assistant-ui/tools/badges/workflow-badge.d.ts

@@ -1,10 +1,11 @@
 import { WorkflowRunStreamResult } from '../../../../domains/workflows/context/workflow-run-context';
 import { MastraUIMessage } from '@mastra/react';
-export interface WorkflowBadgeProps {
+import { ToolApprovalButtonsProps } from './tool-approval-buttons';
+export interface WorkflowBadgeProps extends Omit<ToolApprovalButtonsProps, 'toolCalled'> {
     workflowId: string;
-    runId?: string;
+    result?: any;
     isStreaming?: boolean;
     metadata?: MastraUIMessage['metadata'];
 }
-export declare const WorkflowBadge: ({ runId, workflowId, isStreaming, metadata }: WorkflowBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowBadge: ({ result, workflowId, isStreaming, metadata, toolCallId, toolApprovalMetadata, }: WorkflowBadgeProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useWorkflowStream: (workflowFullState?: WorkflowRunStreamResult) => void;

package/dist/src/components/assistant-ui/tools/tool-approval.d.ts

@@ -0,0 +1,8 @@
+export interface ToolApprovalProps {
+    toolCallId: string;
+    toolName: string;
+    args: any;
+    onApprove: () => void;
+    onDecline: () => void;
+}
+export declare const ToolApproval: ({ toolName, args, onApprove, onDecline }: ToolApprovalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/hooks/use-agents.d.ts

@@ -0,0 +1,12 @@
+import { ReorderModelListParams, UpdateModelInModelListParams, UpdateModelParams } from '@mastra/client-js';
+export declare const useAgents: () => import('@tanstack/react-query').UseQueryResult<Record<string, import('@mastra/client-js').GetAgentResponse>, Error>;
+export declare const useModelProviders: () => import('@tanstack/react-query').UseQueryResult<string[], Error>;
+export declare const useUpdateAgentModel: (agentId: string) => import('@tanstack/react-query').UseMutationResult<{
+    message: string;
+}, Error, UpdateModelParams, unknown>;
+export declare const useReorderModelList: (agentId: string) => import('@tanstack/react-query').UseMutationResult<{
+    message: string;
+}, Error, ReorderModelListParams, unknown>;
+export declare const useUpdateModelInModelList: (agentId: string) => import('@tanstack/react-query').UseMutationResult<{
+    message: string;
+}, Error, UpdateModelInModelListParams, unknown>;

package/dist/src/domains/agents/hooks/use-execute-agent-tool.d.ts

@@ -0,0 +1,7 @@
+export interface ExecuteToolInput {
+    agentId: string;
+    toolId: string;
+    input: any;
+    playgroundRuntimeContext?: Record<string, any>;
+}
+export declare const useExecuteAgentTool: () => import('@tanstack/react-query').UseMutationResult<any, Error, ExecuteToolInput, unknown>;

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

@@ -9,3 +9,6 @@ export * from './components/agent-metadata';
 export * from './components/agent-entity-header';
 export * from './components/chat-threads';
 export * from './utils/extractPrompt';
+export * from './hooks/use-agents';
+export * from './hooks/use-agent';
+export * from './hooks/use-execute-agent-tool';

package/dist/src/domains/evals/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-evals-by-agent-id';

package/dist/src/domains/evals/hooks/use-evals-by-agent-id.d.ts

@@ -0,0 +1,14 @@
+import { TestInfo, MetricResult } from '@mastra/core/eval';
+export type Evals = {
+    input: string;
+    output: string;
+    result: MetricResult;
+    agentName: string;
+    createdAt: string;
+    metricName: string;
+    instructions: string;
+    runId: string;
+    globalRunId: string;
+    testInfo?: TestInfo;
+};
+export declare const useEvalsByAgentId: (agentId: string, type: "ci" | "live") => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').GetEvalsByAgentIdResponse, Error>;

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

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

package/dist/src/domains/memory/hooks/index.d.ts

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

package/dist/src/domains/memory/hooks/use-memory.d.ts

@@ -0,0 +1,25 @@
+import { MemorySearchResponse, MemorySearchParams } from '../../../types/memory';
+export declare const useMemory: (agentId?: string) => import('@tanstack/react-query').UseQueryResult<{
+    result: boolean;
+} | null, Error>;
+export declare const useMemoryConfig: (agentId?: string) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').GetMemoryConfigResponse | null, Error>;
+export declare const useThreads: ({ resourceId, agentId, isMemoryEnabled, }: {
+    resourceId: string;
+    agentId: string;
+    isMemoryEnabled: boolean;
+}) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').GetMemoryThreadResponse | null, Error>;
+export declare const useDeleteThread: () => import('@tanstack/react-query').UseMutationResult<{
+    success: boolean;
+    message: string;
+}, Error, {
+    threadId: string;
+    agentId?: string;
+    networkId?: string;
+}, unknown>;
+export declare const useMemorySearch: ({ agentId, resourceId, threadId, }: {
+    agentId: string;
+    resourceId: string;
+    threadId?: string;
+}) => {
+    searchMemory: (searchQuery: string, memoryConfig?: MemorySearchParams) => Promise<MemorySearchResponse>;
+};

package/dist/src/domains/tools/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-execute-tool';

package/dist/src/domains/tools/hooks/use-execute-tool.d.ts

@@ -0,0 +1,5 @@
+export declare const useExecuteTool: () => import('@tanstack/react-query').UseMutationResult<any, Error, {
+    toolId: string;
+    input: any;
+    runtimeContext?: Record<string, any>;
+}, unknown>;

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

@@ -1 +1,2 @@
 export * from './components/tool-table/tool-table';
+export * from './hooks';

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

@@ -0,0 +1,2 @@
+export * from './use-workflows';
+export * from './use-workflows-actions';

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

@@ -0,0 +1,67 @@
+import { WorkflowWatchResult } from '@mastra/client-js';
+import { WorkflowStreamResult as CoreWorkflowStreamResult } from '@mastra/core/workflows';
+export type ExtendedWorkflowWatchResult = WorkflowWatchResult & {
+    sanitizedOutput?: string | null;
+    sanitizedError?: {
+        message: string;
+        stack?: string;
+    } | null;
+};
+export declare const useExecuteWorkflow: () => {
+    startWorkflowRun: import('@tanstack/react-query').UseMutationResult<void, Error, {
+        workflowId: string;
+        runId: string;
+        input: Record<string, unknown>;
+        runtimeContext: Record<string, unknown>;
+    }, unknown>;
+    createWorkflowRun: import('@tanstack/react-query').UseMutationResult<{
+        runId: string;
+    }, Error, {
+        workflowId: string;
+        prevRunId?: string;
+    }, unknown>;
+    startAsyncWorkflowRun: import('@tanstack/react-query').UseMutationResult<import('@mastra/client-js').WorkflowRunResult, Error, {
+        workflowId: string;
+        runId?: string;
+        input: Record<string, unknown>;
+        runtimeContext: Record<string, unknown>;
+    }, unknown>;
+};
+type WorkflowStreamResult = CoreWorkflowStreamResult<any, any, any, any>;
+export declare const useStreamWorkflow: () => {
+    streamWorkflow: import('@tanstack/react-query').UseMutationResult<void, Error, {
+        workflowId: string;
+        runId: string;
+        inputData: Record<string, unknown>;
+        runtimeContext: Record<string, unknown>;
+    }, unknown>;
+    streamResult: WorkflowStreamResult;
+    isStreaming: boolean;
+    observeWorkflowStream: import('@tanstack/react-query').UseMutationResult<void, Error, {
+        workflowId: string;
+        runId: string;
+        storeRunResult: WorkflowStreamResult | null;
+    }, unknown>;
+    closeStreamsAndReset: () => void;
+    resumeWorkflowStream: import('@tanstack/react-query').UseMutationResult<void, Error, {
+        workflowId: string;
+        step: string | string[];
+        runId: string;
+        resumeData: Record<string, unknown>;
+        runtimeContext: Record<string, unknown>;
+    }, unknown>;
+};
+export declare const useCancelWorkflowRun: () => import('@tanstack/react-query').UseMutationResult<{
+    message: string;
+}, Error, {
+    workflowId: string;
+    runId: string;
+}, unknown>;
+export declare const useSendWorkflowRunEvent: (workflowId: string) => import('@tanstack/react-query').UseMutationResult<{
+    message: string;
+}, Error, {
+    runId: string;
+    event: string;
+    data: unknown;
+}, unknown>;
+export {};

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

@@ -0,0 +1 @@
+export declare const useWorkflows: () => import('@tanstack/react-query').UseQueryResult<Record<string, import('@mastra/client-js').GetWorkflowResponse>, Error>;

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

@@ -5,3 +5,4 @@ export * from './context/use-current-run';
 export * from './runs/workflow-run-details';
 export * from './components/workflow-table/workflow-table';
 export * from './utils';
+export * from './hooks';

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

@@ -1,9 +1 @@
-import { WorkflowWatchResult } from '@mastra/client-js';
-export type ExtendedWorkflowWatchResult = WorkflowWatchResult & {
-    sanitizedOutput?: string | null;
-    sanitizedError?: {
-        message: string;
-        stack?: string;
-    } | null;
-};
 export declare const useWorkflow: (workflowId?: string) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').GetWorkflowResponse | null, Error>;

package/dist/src/index.d.ts

@@ -31,6 +31,7 @@ export * from './components/ui/radio-group';
 export * from './components/ui/entry';
 export * from './hooks';
 export * from './lib/tanstack-query';
+export * from './domains/memory/hooks';
 export type { TraceContextType } from './domains/traces/context/trace-context';
 export * from './store/playground-store';
 export * from './lib/framework';
@@ -45,3 +46,4 @@ 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 './domains/evals/index';

package/dist/src/services/tool-call-provider.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from '../../node_modules/@types/react';
+interface ToolCallContextValue {
+    approveToolcall: (toolCallId: string) => void;
+    declineToolcall: (toolCallId: string) => void;
+    isRunning: boolean;
+    toolCallApprovals: {
+        [toolCallId: string]: {
+            status: 'approved' | 'declined';
+        };
+    };
+}
+interface ToolCallProviderProps {
+    children: ReactNode;
+    approveToolcall: (toolCallId: string) => void;
+    declineToolcall: (toolCallId: string) => void;
+    isRunning: boolean;
+    toolCallApprovals: {
+        [toolCallId: string]: {
+            status: 'approved' | 'declined';
+        };
+    };
+}
+export declare function ToolCallProvider({ children, approveToolcall, declineToolcall, isRunning, toolCallApprovals, }: ToolCallProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useToolCall(): ToolCallContextValue;
+export {};

package/dist/src/types/memory.d.ts

@@ -27,3 +27,6 @@ export interface MemorySearchResponse {
     searchType?: string;
     searchScope?: 'thread' | 'resource';
 }
+export interface MemorySearchParams {
+    lastMessages?: number | false;
+}

package/dist/src/types.d.ts

@@ -39,6 +39,7 @@ export interface ModelSettings {
     chatWithGenerateLegacy?: boolean;
     chatWithGenerate?: boolean;
     chatWithNetwork?: boolean;
+    requireToolApproval?: boolean;
 }
 export interface AgentSettingsType {
     modelSettings: ModelSettings;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "6.6.2-alpha.0",
+  "version": "6.7.0-alpha.0",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -70,7 +70,6 @@
     "@radix-ui/react-toggle": "^1.1.9",
     "@radix-ui/react-tooltip": "^1.2.7",
     "@radix-ui/react-visually-hidden": "^1.2.3",
-    "@tanstack/react-query": "^5.81.5",
     "@tanstack/react-table": "^8.21.3",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@uiw/codemirror-theme-dracula": "^4.23.14",
@@ -102,13 +101,14 @@
     "zustand": "^5.0.8"
   },
   "peerDependencies": {
-    "@mastra/core": ">=0.21.2-0 <0.23.0-0",
+    "@mastra/core": ">=0.22.1-0 <0.24.0-0",
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^3.0.0",
-    "@mastra/react": "0.0.10-alpha.0",
-    "@mastra/client-js": "^0.16.4-alpha.0"
+    "@tanstack/react-query": "^5.81.5",
+    "@mastra/client-js": "^0.16.5-alpha.0",
+    "@mastra/react": "0.0.11-alpha.0"
   },
   "devDependencies": {
     "@storybook/addon-docs": "^9.1.10",
@@ -130,9 +130,10 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "^3.2.4",
-    "@mastra/client-js": "^0.16.4-alpha.0",
-    "@mastra/core": "0.22.2-alpha.0",
-    "@mastra/react": "0.0.10-alpha.0"
+    "@tanstack/react-query": "^5.81.5",
+    "@mastra/client-js": "^0.16.5-alpha.0",
+    "@mastra/core": "0.23.0-alpha.0",
+    "@mastra/react": "0.0.11-alpha.0"
   },
   "homepage": "https://mastra.ai",
   "repository": {
@@ -143,6 +144,13 @@
   "bugs": {
     "url": "https://github.com/mastra-ai/mastra/issues"
   },
+  "publishConfig": {
+    "access": "public",
+    "publish-branch": [
+      "main",
+      "0.x"
+    ]
+  },
   "scripts": {
     "build": "tsc && vite build",
     "dev": "vite build --watch",