@mastra/playground-ui 6.7.1 → 6.7.2-alpha.1

package/dist/src/components/ui/autoform/components/CustomArrayField.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from '../../../../../node_modules/@types/react';
+import { ParsedField } from '@autoform/core';
+export declare const CustomArrayField: React.FC<{
+    field: ParsedField;
+    path: string[];
+}>;

package/dist/src/components/ui/autoform/components/CustomAutoFormField.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from '../../../../../node_modules/@types/react';
+import { ParsedField } from '@autoform/core';
+export declare const CustomAutoFormField: React.FC<{
+    field: ParsedField;
+    path: string[];
+}>;

package/dist/src/components/ui/autoform/components/CustomObjectField.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from '../../../../../node_modules/@types/react';
+import { ParsedField } from '@autoform/core';
+export declare const CustomObjectField: React.FC<{
+    field: ParsedField;
+    path: string[];
+}>;

package/dist/src/components/ui/autoform/components/DiscriminatedUnionField.d.ts

@@ -0,0 +1,2 @@
+import { AutoFormFieldProps } from '@autoform/react';
+export declare const DiscriminatedUnionField: React.FC<AutoFormFieldProps>;

package/dist/src/components/ui/autoform/components/UnionField.d.ts

@@ -0,0 +1,2 @@
+import { AutoFormFieldProps } from '@autoform/react';
+export declare const UnionField: React.FC<AutoFormFieldProps>;

package/dist/src/components/ui/autoform/utils.d.ts

@@ -1,2 +1,3 @@
 import { FieldConfig } from '@autoform/core';
 export declare const fieldConfig: FieldConfig;
+export declare function removeEmptyValues<T extends Record<string, any>>(values: T): Partial<T>;

package/dist/src/components/ui/autoform/zodProvider/default-values.d.ts

@@ -0,0 +1,3 @@
+import { default as z } from 'zod/v4';
+export declare function getDefaultValueInZodStack(schema: z.core.$ZodType): any;
+export declare function getDefaultValues(schema: z.core.$ZodObject): Record<string, any>;

package/dist/src/components/ui/autoform/zodProvider/index.d.ts

@@ -5,6 +5,7 @@ export declare function parseSchema(schema: z.ZodObject): ParsedSchema;
 export declare class CustomZodProvider<T extends z.ZodObject> extends ZodProvider<T> {
     private _schema;
     constructor(schema: T);
+    getDefaultValues(): z.core.output<T>;
     validateSchema(values: z.core.output<T>): SchemaValidation;
     parseSchema(): ParsedSchema;
 }

package/dist/src/components/ui/code-mirror-block.d.ts

@@ -0,0 +1,2 @@
+import { ReactCodeMirrorProps } from '@uiw/react-codemirror';
+export declare const CodeMirrorBlock: (props: ReactCodeMirrorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/copy-button.d.ts

@@ -1,7 +1,10 @@
+import { IconProps } from '../../ds/icons';
 type CopyButtonProps = {
     content: string;
     copyMessage?: string;
+    tooltip?: string;
     className?: string;
+    iconSize?: IconProps['size'];
 };
-export declare function CopyButton({ content, copyMessage, className }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CopyButton({ content, copyMessage, tooltip, iconSize, }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-nav-link.d.ts

@@ -5,6 +5,7 @@ export type NavLink = {
     icon?: React.ReactNode;
     isActive?: boolean;
     variant?: 'default' | 'featured';
+    tooltipMsg?: string;
 };
 type MainSidebarNavLinkProps = {
     link?: NavLink;

package/dist/src/domains/agents/components/AgentToolPanel.d.ts

@@ -0,0 +1,5 @@
+export interface AgentToolPanelProps {
+    toolId: string;
+    agentId: string;
+}
+export declare const AgentToolPanel: ({ toolId, agentId }: AgentToolPanelProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,5 @@
+export interface AgentInformationProps {
+    agentId: string;
+    threadId: string;
+}
+export declare function AgentInformation({ agentId, threadId }: AgentInformationProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/components/agent-information/agent-instructions-enhancer.d.ts

@@ -0,0 +1,5 @@
+interface AgentPromptEnhancerProps {
+    agentId: string;
+}
+export declare function AgentPromptEnhancer({ agentId }: AgentPromptEnhancerProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/src/domains/agents/components/agent-information/agent-memory-config.d.ts

@@ -0,0 +1,5 @@
+interface AgentMemoryConfigProps {
+    agentId: string;
+}
+export declare const AgentMemoryConfig: ({ agentId }: AgentMemoryConfigProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+interface AgentMemoryProps {
+    agentId: string;
+    threadId: string;
+}
+export declare function AgentMemory({ agentId, threadId }: AgentMemoryProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/agents/components/agent-information/agent-working-memory.d.ts

@@ -0,0 +1,5 @@
+interface AgentWorkingMemoryProps {
+    agentId: string;
+}
+export declare const AgentWorkingMemory: ({ agentId }: AgentWorkingMemoryProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/agents/components/agent-information/code-display.d.ts

@@ -0,0 +1,10 @@
+interface CodeDisplayProps {
+    content: string;
+    height?: string;
+    isCopied?: boolean;
+    isDraft?: boolean;
+    onCopy?: () => void;
+    className?: string;
+}
+export declare function CodeDisplay({ content, height, isCopied, isDraft, onCopy, className, }: CodeDisplayProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/agents/components/agent-information/current-instructions.d.ts

@@ -0,0 +1,15 @@
+import { AgentInstructions } from '@mastra/core/agent';
+interface CurrentInstructionsProps {
+    instructions?: AgentInstructions;
+    enhancedPrompt: string;
+    isEnhancing: boolean;
+    userComment: string;
+    onEnhance: () => void;
+    onCancel: () => void;
+    onSave: () => void;
+    onCommentChange: (comment: string) => void;
+    agentId: string;
+    onShowHistory: () => void;
+}
+export declare function CurrentInstructions({ instructions, enhancedPrompt, isEnhancing, userComment, onEnhance, onCancel, onSave, onCommentChange, onShowHistory, }: CurrentInstructionsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/agents/components/agent-information/version-actions.d.ts

@@ -0,0 +1,8 @@
+export interface VersionActionsProps {
+    version: any;
+    index: number;
+    isUpdating: boolean;
+    onSetActive: (version: any, index: number) => Promise<void>;
+    onDelete: (index: number) => void;
+}
+export declare function VersionActions({ version, index, isUpdating, onSetActive, onDelete }: VersionActionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/components/agent-information/version-history-dialog.d.ts

@@ -0,0 +1,9 @@
+export interface VersionHistoryDialogProps {
+    versions: any[];
+    onDelete: (index: number) => void;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSetActive: (version: any, index: number) => Promise<void>;
+    isUpdating: boolean;
+}
+export declare const VersionHistoryDialog: ({ open, onOpenChange, onDelete, onSetActive, versions, isUpdating, }: VersionHistoryDialogProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/components/agent-information/version-history.d.ts

@@ -0,0 +1,10 @@
+interface VersionHistoryProps {
+    versions: any[];
+    isUpdating: boolean;
+    copiedVersions: Record<string | number, boolean>;
+    onCopy: (content: string, key: string | number) => Promise<void>;
+    onSetActive: (version: any, index: number) => Promise<void>;
+    onDelete: (index: number) => void;
+}
+export declare function VersionHistory({ versions, isUpdating, copiedVersions, onCopy, onSetActive, onDelete, }: VersionHistoryProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/agents/components/agent-information/version-item.d.ts

@@ -0,0 +1,14 @@
+interface VersionItemProps {
+    version: any;
+    index: number;
+    isExpanded: boolean;
+    isUpdating: boolean;
+    copiedVersions: Record<string | number, boolean>;
+    onToggleExpand: () => void;
+    onToggleAnalysis: () => void;
+    onCopy: (content: string, key: string | number) => Promise<void>;
+    onSetActive: (version: any, index: number) => Promise<void>;
+    onDelete: (index: number) => void;
+}
+export declare function VersionItem({ version, index, isExpanded, isUpdating, onToggleExpand, onToggleAnalysis, onSetActive, onDelete, }: VersionItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,19 @@
+interface UsePromptEnhancerProps {
+    agentId: string;
+    instructions?: string;
+    versions: any[];
+    onVersionCreate: (version: any) => void;
+    onVersionUpdate: (index: number, updates: Partial<any>) => void;
+}
+interface UsePromptEnhancerResult {
+    enhancedPrompt: string;
+    explanation: string;
+    isEnhancing: boolean;
+    userComment: string;
+    enhancePrompt: () => Promise<void>;
+    setUserComment: (comment: string) => void;
+    clearEnhancement: () => void;
+    applyChanges: () => void;
+}
+export declare function usePromptEnhancer({ agentId, instructions, versions, onVersionCreate, onVersionUpdate, }: UsePromptEnhancerProps): UsePromptEnhancerResult;
+export {};

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

@@ -0,0 +1,12 @@
+export declare function usePromptVersions(agentId: string, instructions?: string): {
+    versions: any[];
+    copiedVersions: Record<number, boolean>;
+    isUpdating: boolean;
+    versionToDelete: number | null;
+    setVersions: import('../../../../node_modules/@types/react').Dispatch<import('../../../../node_modules/@types/react').SetStateAction<any[]>>;
+    setVersionToDelete: import('../../../../node_modules/@types/react').Dispatch<import('../../../../node_modules/@types/react').SetStateAction<number | null>>;
+    copyToClipboard: (text: string, versionIndex: number) => Promise<() => void>;
+    setVersionActive: (version: any, index: number) => Promise<void>;
+    deleteVersion: (index: number) => void;
+    updateVersion: (index: number, updates: Partial<any>) => Promise<void>;
+};

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

@@ -12,3 +12,5 @@ export * from './utils/extractPrompt';
 export * from './hooks/use-agents';
 export * from './hooks/use-agent';
 export * from './hooks/use-execute-agent-tool';
+export * from './components/AgentToolPanel';
+export * from './components/agent-information/agent-information';

package/dist/src/domains/mcps/components/MCPDetail.d.ts

@@ -0,0 +1,12 @@
+import { ServerInfo } from '@mastra/core/mcp';
+export interface MCPDetailProps {
+    isLoading: boolean;
+    server?: ServerInfo;
+}
+declare global {
+    interface Window {
+        MASTRA_SERVER_HOST: string;
+        MASTRA_SERVER_PORT: string;
+    }
+}
+export declare const MCPDetail: ({ isLoading, server }: MCPDetailProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/domains/mcps/components/MCPToolPanel.d.ts

@@ -0,0 +1,5 @@
+export interface MCPToolPanelProps {
+    toolId: string;
+    serverId: string;
+}
+export declare const MCPToolPanel: ({ toolId, serverId }: MCPToolPanelProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,3 @@
+export * from './useMCPServerTools';
+export * from './use-mcp-servers';
+export * from './use-mcp-server-tool';

package/dist/src/domains/mcps/hooks/use-mcp-server-tool.d.ts

@@ -0,0 +1,2 @@
+export declare const useMCPServerTool: (serverId: string, toolId: string) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').McpToolInfo, Error>;
+export declare const useExecuteMCPTool: (serverId: string, toolId: string) => import('@tanstack/react-query').UseMutationResult<any, Error, any, unknown>;

package/dist/src/domains/mcps/hooks/use-mcp-servers.d.ts

@@ -0,0 +1 @@
+export declare const useMCPServers: () => import('@tanstack/react-query').UseQueryResult<import('@mastra/core/mcp').ServerInfo[], Error>;

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

@@ -1,2 +1,4 @@
 export * from './components/mcp-table/mcp-table';
-export * from './hooks/useMCPServerTools';
+export * from './hooks/index';
+export * from './components/MCPToolPanel';
+export * from './components/MCPDetail';

package/dist/src/domains/tools/components/ToolExecutor.d.ts

@@ -0,0 +1,14 @@
+import { ZodType } from 'zod';
+import { MCPToolType } from '@mastra/core/mcp';
+export interface ToolExecutorProps {
+    isExecutingTool: boolean;
+    zodInputSchema: ZodType;
+    handleExecuteTool: (data: any) => void;
+    executionResult: any;
+    errorString?: string;
+    toolDescription: string;
+    toolId: string;
+    toolType?: MCPToolType;
+}
+declare const ToolExecutor: ({ isExecutingTool, zodInputSchema, handleExecuteTool, executionResult: result, errorString, toolDescription, toolId, toolType, }: ToolExecutorProps) => import("react/jsx-runtime").JSX.Element;
+export default ToolExecutor;

package/dist/src/domains/tools/components/ToolIcon.d.ts

@@ -0,0 +1,5 @@
+export declare const ToolIconMap: {
+    agent: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    workflow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    tool: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/src/domains/tools/components/ToolInformation.d.ts

@@ -0,0 +1,7 @@
+import { MCPToolType } from '@mastra/core/mcp';
+export interface ToolInformationProps {
+    toolDescription: string;
+    toolId: string;
+    toolType?: MCPToolType;
+}
+export declare const ToolInformation: ({ toolDescription, toolId, toolType }: ToolInformationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/tools/components/ToolPanel.d.ts

@@ -0,0 +1,4 @@
+export interface ToolPanelProps {
+    toolId: string;
+}
+export declare const ToolPanel: ({ toolId }: ToolPanelProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,4 @@
+export * from './ToolIcon';
+export * from './ToolInformation';
+export * from './ToolExecutor';
+export * from './ToolPanel';

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

@@ -1 +1,2 @@
 export * from './use-execute-tool';
+export * from './use-all-tools';

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

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

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

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

package/dist/src/lib/framework.d.ts

@@ -5,7 +5,7 @@ type LinkComponentPaths = {
     agentLink: (agentId: string) => string;
     agentsLink: () => string;
     agentToolLink: (agentId: string, toolId: string) => string;
-    agentThreadLink: (agentId: string, threadId: string) => string;
+    agentThreadLink: (agentId: string, threadId: string, messageId?: string) => string;
     agentNewThreadLink: (agentId: string) => string;
     workflowsLink: () => string;
     workflowLink: (workflowId: string) => string;
@@ -15,6 +15,7 @@ type LinkComponentPaths = {
     scorerLink: (scorerId: string) => string;
     toolLink: (toolId: string) => string;
     mcpServerLink: (serverId: string) => string;
+    mcpServerToolLink: (serverId: string, toolId: string) => string;
     workflowRunLink: (workflowId: string, runId: string) => string;
 };
 export interface LinkComponentProviderProps {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "6.7.1",
+  "version": "6.7.2-alpha.1",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -107,8 +107,8 @@
     "react-dom": ">=19.0.0",
     "tailwindcss": "^3.0.0",
     "@tanstack/react-query": "^5.81.5",
-    "@mastra/react": "0.0.12",
-    "@mastra/client-js": "^0.16.6"
+    "@mastra/client-js": "^0.16.7-alpha.1",
+    "@mastra/react": "0.0.13-alpha.1"
   },
   "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.6",
-    "@mastra/react": "0.0.12",
-    "@mastra/core": "0.23.1"
+    "@mastra/client-js": "^0.16.7-alpha.1",
+    "@mastra/core": "0.23.2-alpha.1",
+    "@mastra/react": "0.0.13-alpha.1"
   },
   "homepage": "https://mastra.ai",
   "repository": {