@mastra/playground-ui 6.6.2 → 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/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.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",
+  "version": "6.7.0-alpha.0",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -101,14 +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",
     "@tanstack/react-query": "^5.81.5",
-    "@mastra/react": "0.0.10",
-    "@mastra/client-js": "^0.16.4"
+    "@mastra/client-js": "^0.16.5-alpha.0",
+    "@mastra/react": "0.0.11-alpha.0"
   },
   "devDependencies": {
     "@storybook/addon-docs": "^9.1.10",
@@ -131,9 +131,9 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "^3.2.4",
     "@tanstack/react-query": "^5.81.5",
-    "@mastra/client-js": "^0.16.4",
-    "@mastra/core": "0.22.2",
-    "@mastra/react": "0.0.10"
+    "@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": {
@@ -144,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",