@mastra/playground-ui 7.0.0-beta.8 → 7.0.0

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

@@ -1,11 +1,19 @@
 interface UsePromptEnhancerProps {
     agentId: string;
+    instructions?: string;
+    versions: any[];
+    onVersionCreate: (version: any) => void;
+    onVersionUpdate: (index: number, updates: Partial<any>) => void;
 }
-export declare function usePromptEnhancer({ agentId }: UsePromptEnhancerProps): import('@tanstack/react-query').UseMutationResult<{
+interface UsePromptEnhancerResult {
+    enhancedPrompt: string;
     explanation: string;
-    new_prompt: string;
-}, Error, {
-    instructions: string;
+    isEnhancing: boolean;
     userComment: string;
-}, unknown>;
+    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

@@ -1,18 +1,16 @@
 export * from './components/agent-chat';
+export * from './components/agent-evals';
 export * from './context';
 export * from './components/agent-settings';
 export * from './components/agent-table/agent-table';
-export * from './components/request-context';
+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';
-export * from './components/agent-combobox';
 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';
-export * from './components/agent-entity-header';
-export * from './components/agent-information/agent-memory';

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/evals/types.d.ts

@@ -0,0 +1,23 @@
+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 type GroupedEvals = {
+    metricName: string;
+    averageScore: number;
+    evals: Evals[];
+};
+export type SortDirection = 'asc' | 'desc';
+export type SortConfig = {
+    field: keyof GroupedEvals | 'timestamp' | 'score';
+    direction: SortDirection;
+};

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

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

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

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

package/dist/src/domains/observability/components/helpers.d.ts

@@ -1,11 +1,11 @@
-import { SpanRecord } from '@mastra/core/storage';
-export declare function useTraceInfo(trace: SpanRecord | undefined): {
+import { AISpanRecord } from '@mastra/core';
+export declare function useTraceInfo(trace: AISpanRecord | undefined): {
     key: string;
     label: string;
     value: any;
 }[];
 type getSpanInfoProps = {
-    span: SpanRecord | undefined;
+    span: AISpanRecord | undefined;
     withTraceId?: boolean;
     withSpanId?: boolean;
 };

package/dist/src/domains/observability/components/span-details.d.ts

@@ -1,6 +1,6 @@
-import { SpanRecord } from '@mastra/core/storage';
+import { AISpanRecord } from '@mastra/core';
 interface SpanDetailsProps {
-    span?: SpanRecord;
+    span?: AISpanRecord;
 }
 export declare function SpanDetails({ span }: SpanDetailsProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/src/domains/observability/components/span-dialog.d.ts

@@ -1,10 +1,10 @@
 import { KeyValueListItemData } from '../../../components/ui/elements';
-import { SpanRecord } from '@mastra/core/storage';
-import { ListScoresResponse } from '@mastra/client-js';
+import { AISpanRecord } from '@mastra/core';
+import { GetScoresResponse } from '@mastra/client-js';
 type SpanDialogProps = {
-    trace: SpanRecord;
-    span?: SpanRecord;
-    spanScoresData?: ListScoresResponse | null;
+    trace: AISpanRecord;
+    span?: AISpanRecord;
+    spanScoresData?: GetScoresResponse | null;
     onSpanScoresPageChange?: (page: number) => void;
     isLoadingSpanScoresData?: boolean;
     spanInfo?: KeyValueListItemData[];

package/dist/src/domains/observability/components/span-score-list.d.ts

@@ -1,11 +1,11 @@
-import { ListScoresResponse } from '@mastra/client-js';
+import { GetScoresResponse } from '@mastra/client-js';
 export declare const traceScoresListColumns: {
     name: string;
     label: string;
     size: string;
 }[];
 type SpanScoreListProps = {
-    scoresData?: ListScoresResponse | null;
+    scoresData?: GetScoresResponse | null;
     isLoadingScoresData?: boolean;
     initialScoreId?: string;
     traceId?: string;

package/dist/src/domains/observability/components/span-tabs.d.ts

@@ -1,10 +1,10 @@
 import { KeyValueListItemData } from '../../../index';
-import { ListScoresResponse } from '@mastra/client-js';
-import { SpanRecord } from '@mastra/core/storage';
+import { GetScoresResponse } from '@mastra/client-js';
+import { AISpanRecord } from '@mastra/core';
 type SpanTabsProps = {
-    trace?: SpanRecord;
-    span?: SpanRecord;
-    spanScoresData?: ListScoresResponse | null;
+    trace?: AISpanRecord;
+    span?: AISpanRecord;
+    spanScoresData?: GetScoresResponse | null;
     onSpanScoresPageChange?: (page: number) => void;
     isLoadingSpanScoresData?: boolean;
     spanInfo?: KeyValueListItemData[];

package/dist/src/domains/observability/components/trace-dialog.d.ts

@@ -1,8 +1,8 @@
-import { SpanRecord } from '@mastra/core/storage';
+import { AISpanRecord } from '@mastra/core';
 type TraceDialogProps = {
-    traceSpans?: SpanRecord[];
+    traceSpans?: AISpanRecord[];
     traceId?: string;
-    traceDetails?: SpanRecord;
+    traceDetails?: AISpanRecord;
     isOpen: boolean;
     onClose?: () => void;
     onNext?: () => void;

package/dist/src/domains/observability/components/trace-span-usage.d.ts

@@ -1,4 +1,4 @@
-import { SpanRecord } from '@mastra/core/storage';
+import { AISpanRecord } from '@mastra/core';
 type V5TokenUsage = {
     inputTokens: number;
     outputTokens: number;
@@ -14,7 +14,7 @@ type LegacyTokenUsage = {
 type TokenUsage = V5TokenUsage | LegacyTokenUsage;
 type TraceSpanUsageProps = {
     traceUsage?: TokenUsage;
-    traceSpans?: SpanRecord[];
+    traceSpans?: AISpanRecord[];
     className?: string;
     spanUsage?: TokenUsage;
 };

package/dist/src/domains/observability/components/trace-timeline-legend.d.ts

@@ -1,6 +1,6 @@
-import { SpanRecord } from '@mastra/core/storage';
+import { AISpanRecord } from '@mastra/core';
 type TraceTimelineLegendProps = {
-    spans?: SpanRecord[];
+    spans?: AISpanRecord[];
 };
 export declare function TraceTimelineLegend({ spans }: TraceTimelineLegendProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/observability/components/traces-list.d.ts

@@ -1,17 +1,17 @@
-import { SpanRecord } from '@mastra/core/storage';
+import { AISpanRecord } from '@mastra/core';
 export declare const tracesListColumns: {
     name: string;
     label: string;
     size: string;
 }[];
-type Trace = Pick<SpanRecord, 'traceId' | 'name'> & {
+type AITrace = Pick<AISpanRecord, 'traceId' | 'name'> & {
     attributes?: Record<string, any> | null;
     createdAt: Date | string;
 };
 type TracesListProps = {
     selectedTraceId?: string;
     onTraceClick?: (id: string) => void;
-    traces?: Trace[];
+    traces?: AITrace[];
     errorMsg?: string;
     setEndOfListElement?: (element: HTMLDivElement | null) => void;
     filtersApplied?: boolean;

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

@@ -1,4 +1,3 @@
 export * from './utils/format-hierarchical-spans';
 export * from './types';
 export * from './components';
-export * from './context/tracing-settings-context';

package/dist/src/domains/observability/utils/format-hierarchical-spans.d.ts

@@ -1,3 +1,3 @@
-import { SpanRecord } from '@mastra/core/storage';
+import { AISpanRecord } from '@mastra/core';
 import { UISpan } from '../types';
-export declare const formatHierarchicalSpans: (spans: SpanRecord[]) => UISpan[];
+export declare const formatHierarchicalSpans: (spans: AISpanRecord[]) => UISpan[];

package/dist/src/domains/resizable-panel.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from '../../node_modules/@types/react';
+export declare const MastraResizablePanel: ({ children, defaultWidth, minimumWidth, maximumWidth, className, disabled, setCurrentWidth, dividerPosition, }: {
+    children: ReactNode;
+    defaultWidth: number;
+    minimumWidth: number;
+    maximumWidth: number;
+    className?: string;
+    disabled?: boolean;
+    setCurrentWidth?: (width: number) => void;
+    dividerPosition?: "left" | "right";
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/scores/components/score-dialog.d.ts

@@ -9,7 +9,7 @@ type ScoreDialogProps = {
     onPrevious?: () => void;
     computeTraceLink: (traceId: string, spanId?: string) => string;
     dialogLevel?: SideDialogRootProps['level'];
-    usageContext?: 'scorerPage' | 'SpanDialog';
+    usageContext?: 'scorerPage' | 'aiSpanDialog';
 };
 export declare function ScoreDialog({ score, scorerName, isOpen, onClose, onNext, onPrevious, computeTraceLink, dialogLevel, usageContext, }: ScoreDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/scores/components/score-table.d.ts

@@ -0,0 +1,11 @@
+export interface ScoreTableProps {
+    scores: Array<{
+        type: string;
+        scoreId: string;
+        scorerName: string;
+        score: number;
+        createdAt: string;
+    }>;
+    onItemClick: (scorerName: string) => void;
+}
+export declare const ScoreTable: ({ scores, onItemClick }: ScoreTableProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +1,18 @@
-import { GetScorerResponse } from '@mastra/client-js';
+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) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ListScoresResponse, Error>;
+export declare const useScoresByScorerId: ({ scorerId, page, entityId, entityType }: UseScoresByScorerIdProps) => import('@tanstack/react-query').UseQueryResult<GetScoresResponse, Error>;
 export declare const useScorer: (scorerId: string) => {
     scorer: GetScorerResponse | null;
     isLoading: boolean;
-    error: Error | null;
 };
 export declare const useScorers: () => import('@tanstack/react-query').UseQueryResult<Record<string, GetScorerResponse>, Error>;
 export {};

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

@@ -3,5 +3,5 @@ type useTraceSpanScoresProps = {
     spanId?: string;
     page?: number;
 };
-export declare const useTraceSpanScores: ({ traceId, spanId, page }: useTraceSpanScoresProps) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ListScoresResponse, Error>;
+export declare const useTraceSpanScores: ({ traceId, spanId, page }: useTraceSpanScoresProps) => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').GetScoresResponse, Error>;
 export {};

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

@@ -1,7 +1,6 @@
 export * from './components/scores-list';
 export * from './components/score-dialog';
 export * from './components/scores-tools';
-export * from './components/scorer-combobox';
+export * from './hooks/use-scorers';
 export * from './components/scorers-table/scorers-table';
 export * from './hooks/use-trace-span-scores';
-export { useScorers, useScorer, useScoresByScorerId } from './hooks/use-scorers';

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

@@ -1,6 +1,6 @@
 import { ZodType } from 'zod';
 import { MCPToolType } from '@mastra/core/mcp';
-interface ToolExecutorProps {
+export interface ToolExecutorProps {
     isExecutingTool: boolean;
     zodInputSchema: ZodType;
     handleExecuteTool: (data: any) => void;

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

@@ -2,4 +2,3 @@ export * from './ToolIcon';
 export * from './ToolInformation';
 export * from './ToolExecutor';
 export * from './ToolPanel';
-export * from './tool-combobox';

package/dist/src/domains/tools/components/tool-table/types.d.ts

@@ -0,0 +1,2 @@
+import { GetToolResponse } from '@mastra/client-js';
+export type ToolTableData = GetToolResponse;

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

@@ -1,4 +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, options?: {
-    enabled?: boolean;
-}) => import('@tanstack/react-query').UseQueryResult<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/hooks/use-execute-tool.d.ts

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

package/dist/src/domains/traces/components/traces-table.d.ts

@@ -0,0 +1,8 @@
+import { RefinedTrace } from '../types';
+export interface TracesTableProps {
+    traces: RefinedTrace[];
+    error: {
+        message: string;
+    } | null;
+}
+export declare const TracesTable: ({ traces, error }: TracesTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/traces/components/traces-view.d.ts

@@ -0,0 +1,12 @@
+import { RefinedTrace } from '../types';
+export interface TracesViewProps {
+    isLoading: boolean;
+    error: Error | null;
+    traces: RefinedTrace[];
+    runId?: string;
+    stepName?: string;
+    className?: string;
+    setEndOfListElement: (element: HTMLDivElement | null) => void;
+}
+export declare function TracesView({ isLoading, error, traces, runId, stepName, className, setEndOfListElement, }: TracesViewProps): import("react/jsx-runtime").JSX.Element;
+export declare const TracesViewSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/traces/context/trace-context.d.ts

@@ -0,0 +1,20 @@
+import { Span, RefinedTrace } from '../types';
+export type TraceContextType = {
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    trace: Span[] | null;
+    setTrace: React.Dispatch<React.SetStateAction<Span[] | null>>;
+    traces: RefinedTrace[];
+    currentTraceIndex: number;
+    setCurrentTraceIndex: React.Dispatch<React.SetStateAction<number>>;
+    nextTrace: () => void;
+    prevTrace: () => void;
+    span: Span | null;
+    setSpan: React.Dispatch<React.SetStateAction<Span | null>>;
+    clearData: () => void;
+};
+export declare const TraceContext: import('../../../../node_modules/@types/react').Context<TraceContextType>;
+export declare function TraceProvider({ children, initialTraces: traces, }: {
+    children: React.ReactNode;
+    initialTraces?: RefinedTrace[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/traces/hooks/use-open-trace.d.ts

@@ -0,0 +1,4 @@
+import { Span } from '../types';
+export declare const useOpenTrace: () => {
+    openTrace: (trace: Span[], traceIndex: number) => void;
+};

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

@@ -0,0 +1,2 @@
+export * from './components/traces-view';
+export * from './utils';