@mastra/playground-ui 5.1.14-alpha.1 → 5.1.14-alpha.2

package/dist/src/components/assistant-ui/memory-search.d.ts

@@ -0,0 +1,11 @@
+import { MemorySearchResponse } from '../../types/memory';
+
+interface MemorySearchProps {
+    searchMemory: (query: string) => Promise<MemorySearchResponse>;
+    onResultClick?: (messageId: string, threadId?: string) => void;
+    className?: string;
+    currentThreadId?: string;
+    chatInputValue?: string;
+}
+export declare const MemorySearch: ({ searchMemory, onResultClick, className, currentThreadId, chatInputValue, }: MemorySearchProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/assistant-ui/thread.d.ts

@@ -4,8 +4,9 @@ export interface ThreadProps {
     ToolFallback?: ToolCallContentPartComponent;
     agentName?: string;
     hasMemory?: boolean;
+    onInputChange?: (value: string) => void;
 }
-export declare const Thread: ({ ToolFallback, agentName, hasMemory }: ThreadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Thread: ({ ToolFallback, agentName, hasMemory, onInputChange }: ThreadProps) => import("react/jsx-runtime").JSX.Element;
 export interface ThreadWelcomeProps {
     agentName?: string;
 }

package/dist/src/components/ui/alert-dialog.d.ts

@@ -0,0 +1,26 @@
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as React from 'react';
+declare function AlertDialog({ open, onOpenChange, children, }: {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace AlertDialog {
+    var Trigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    var Portal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+    var Overlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    var Content: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    var Header: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    var Footer: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    var Title: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    var Description: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    var Action: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    var Cancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+}
+export { AlertDialog };

package/dist/src/components/ui/playground-tabs.d.ts

@@ -1,8 +1,10 @@
 export interface PlaygroundTabsProps<T extends string> {
     children: React.ReactNode;
     defaultTab: T;
+    value?: T;
+    onValueChange?: (value: T) => void;
 }
-export declare const PlaygroundTabs: <T extends string>({ children, defaultTab }: PlaygroundTabsProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const PlaygroundTabs: <T extends string>({ children, defaultTab, value, onValueChange, }: PlaygroundTabsProps<T>) => import("react/jsx-runtime").JSX.Element;
 export interface TabListProps {
     children: React.ReactNode;
 }

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

@@ -1,3 +1,3 @@
 import { ChatProps } from '../../../types';
 
-export declare const AgentChat: ({ agentId, agentName, threadId, initialMessages, memory, refreshThreadList }: ChatProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentChat: ({ agentId, agentName, threadId, initialMessages, memory, refreshThreadList, onInputChange, }: ChatProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+export interface AgentEntityHeaderProps {
+    agentId: string;
+    isLoading: boolean;
+    agentName: string;
+}
+export declare const AgentEntityHeader: ({ agentId, isLoading, agentName }: AgentEntityHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+export interface AgentMetadataListProps {
+    children: React.ReactNode;
+}
+export declare const AgentMetadataList: ({ children }: AgentMetadataListProps) => import("react/jsx-runtime").JSX.Element;
+export interface AgentMetadataListItemProps {
+    children: React.ReactNode;
+}
+export declare const AgentMetadataListItem: ({ children }: AgentMetadataListItemProps) => import("react/jsx-runtime").JSX.Element;
+export interface AgentMetadataListEmptyProps {
+    children: React.ReactNode;
+}
+export declare const AgentMetadataListEmpty: ({ children }: AgentMetadataListEmptyProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export interface AgentMetadataPromptProps {
+    prompt: string;
+}
+export declare const AgentMetadataPrompt: ({ prompt }: AgentMetadataPromptProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+export interface AgentMetadataSectionProps {
+    title: string;
+    children: React.ReactNode;
+    hint?: {
+        link: string;
+        title: string;
+    };
+}
+export declare const AgentMetadataSection: ({ title, children, hint }: AgentMetadataSectionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export interface AgentMetadataWrapperProps {
+    children: React.ReactNode;
+}
+export declare const AgentMetadataWrapper: ({ children }: AgentMetadataWrapperProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,24 @@
+import { GetAgentResponse, GetToolResponse, GetWorkflowResponse } from '@mastra/client-js';
+import { ReactNode } from '../../../../../node_modules/@types/react';
+
+export interface AgentMetadataProps {
+    agent: GetAgentResponse;
+    promptSlot: ReactNode;
+    hasMemoryEnabled: boolean;
+    computeToolLink: (tool: GetToolResponse) => string;
+    computeWorkflowLink: (workflow: GetWorkflowResponse) => string;
+}
+export declare const AgentMetadata: ({ agent, promptSlot, hasMemoryEnabled, computeToolLink, computeWorkflowLink, }: AgentMetadataProps) => import("react/jsx-runtime").JSX.Element;
+export interface AgentMetadataToolListProps {
+    tools: GetToolResponse[];
+    computeToolLink: (tool: GetToolResponse) => string;
+}
+export declare const AgentMetadataToolList: ({ tools, computeToolLink }: AgentMetadataToolListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentMetadataScorerList: ({ entityId }: {
+    entityId: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface AgentMetadataWorkflowListProps {
+    workflows: GetWorkflowResponse[];
+    computeWorkflowLink: (workflow: GetWorkflowResponse) => string;
+}
+export declare const AgentMetadataWorkflowList: ({ workflows, computeWorkflowLink }: AgentMetadataWorkflowListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export * from './agent-metadata';
+export * from './agent-metadata-section';
+export * from './agent-metadata-list';
+export * from './agent-metadata-wrapper';
+export * from './agent-metadata-prompt';

package/dist/src/domains/agents/components/chat-threads.d.ts

@@ -0,0 +1,11 @@
+import { StorageThreadType } from '@mastra/core';
+
+export interface ChatThreadsProps {
+    computeNewThreadLink: () => string;
+    computeThreadLink: (threadId: string) => string;
+    threads: StorageThreadType[];
+    isLoading: boolean;
+    threadId: string;
+    onDelete: (threadId: string) => void;
+}
+export declare const ChatThreads: ({ computeNewThreadLink, computeThreadLink, threads, isLoading, threadId, onDelete, }: ChatThreadsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -5,3 +5,6 @@ export * from './components/agent-settings';
 export * from './components/agent-table/agent-table';
 export * from './components/runtime-context';
 export * from './components/provider-map-icon';
+export * from './components/agent-metadata';
+export * from './components/agent-entity-header';
+export * from './components/chat-threads';

package/dist/src/domains/scores/components/scorer-list.d.ts

@@ -0,0 +1,9 @@
+import { ScoringEntityType } from '@mastra/core/scores';
+
+export interface ScorerListProps {
+    entityId: string;
+    entityType: ScoringEntityType;
+}
+export declare const ScorerList: ({ entityId, entityType }: ScorerListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmptyScorerList: () => import("react/jsx-runtime").JSX.Element;
+export declare const ScorerSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/scores/hooks/use-scorers.d.ts

@@ -0,0 +1,25 @@
+import { GetScorerResponse, GetScoresResponse } from '@mastra/client-js';
+
+export declare const useScoresByEntityId: (entityId: string, entityType: string, page?: number) => {
+    scores: GetScoresResponse | null;
+    isLoading: boolean;
+};
+type UseScoresByScorerIdProps = {
+    scorerId: string;
+    page?: number;
+    entityId?: string;
+    entityType?: string;
+};
+export declare const useScoresByScorerId: ({ scorerId, page, entityId, entityType }: UseScoresByScorerIdProps) => {
+    scores: GetScoresResponse | null;
+    isLoading: boolean;
+};
+export declare const useScorer: (scorerId: string) => {
+    scorer: GetScorerResponse | null;
+    isLoading: boolean;
+};
+export declare const useScorers: () => {
+    scorers: Record<string, GetScorerResponse>;
+    isLoading: boolean;
+};
+export {};

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

@@ -0,0 +1,2 @@
+export * from './components/scorer-list';
+export * from './hooks/use-scorers';

package/dist/src/index.d.ts

@@ -2,6 +2,7 @@
 export * from './contexts/mastra-client-context';
 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';
 export * from './domains/traces/index';
@@ -32,3 +33,5 @@ export * from './lib/tanstack-query';
 export type { TraceContextType } from './domains/traces/context/trace-context';
 export * from './store/playground-store';
 export * from './lib/framework';
+export { MemorySearch } from './components/assistant-ui/memory-search';
+export * from './components/ui/alert-dialog';

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

@@ -0,0 +1,29 @@
+export interface MemorySearchResult {
+    id: string;
+    role: string;
+    content: string;
+    createdAt: string;
+    threadId?: string;
+    threadTitle?: string;
+    context?: {
+        before?: Array<{
+            id: string;
+            role: string;
+            content: string;
+            createdAt: string;
+        }>;
+        after?: Array<{
+            id: string;
+            role: string;
+            content: string;
+            createdAt: string;
+        }>;
+    };
+}
+export interface MemorySearchResponse {
+    results: MemorySearchResult[];
+    count: number;
+    query: string;
+    searchType?: string;
+    searchScope?: 'thread' | 'resource';
+}

package/dist/src/types.d.ts

@@ -59,6 +59,7 @@ export interface ChatProps {
     refreshThreadList?: () => void;
     settings?: AgentSettingsType;
     runtimeContext?: Record<string, any>;
+    onInputChange?: (value: string) => void;
 }
 export type SpanStatus = {
     code: number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "5.1.14-alpha.1",
+  "version": "5.1.14-alpha.2",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -51,6 +51,7 @@
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-collapsible": "^1.1.11",
+    "@radix-ui/react-alert-dialog": "^1.1.14",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-popover": "^1.1.14",
@@ -94,7 +95,7 @@
     "use-debounce": "^10.0.5",
     "zod": "^3.25.67",
     "zustand": "^5.0.5",
-    "@mastra/client-js": "^0.10.15-alpha.1"
+    "@mastra/client-js": "^0.10.15-alpha.2"
   },
   "peerDependencies": {
     "@mastra/core": ">=0.10.11-0 <0.11.0-0",
@@ -119,12 +120,11 @@
     "vite": "^6.3.5",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@mastra/core": "0.11.0-alpha.1"
+    "@mastra/core": "0.11.0-alpha.2"
   },
   "scripts": {
-    "dev": "vite",
     "build": "tsc && vite build",
-    "build:watch": "vite build --watch",
+    "dev:playground": "vite build --watch",
     "build:publish": "pnpm build && yalc push",
     "preview": "vite preview"
   }

package/dist/src/main.d.ts

@@ -1 +0,0 @@
-export {};