@mastra/playground-ui 6.1.3 → 6.1.4-alpha.1

package/dist/src/components/ui/elements/entry-list/entry-list-cell.d.ts

@@ -1,7 +1,7 @@
 export declare function EntryListTextCell({ children, isLoading }: {
     children: React.ReactNode;
     isLoading?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;
 export declare function EntryListStatusCell({ status }: {
     status?: 'success' | 'failed';
 }): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/entry-list/entry-list.d.ts

@@ -13,6 +13,6 @@ export declare function EntryList({ items: dataItems, selectedItemId, onItemClic
     perPage?: number;
     columns?: Column[];
     searchTerm?: string;
-    setEndOfListElement: (element: HTMLDivElement | null) => void;
+    setEndOfListElement?: (element: HTMLDivElement | null) => void;
     errorMsg?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/side-dialog/side-dialog-code-section.d.ts

@@ -1,5 +1,6 @@
 export type SideDialogCodeSectionProps = {
     title: string;
     codeStr?: string;
+    simplified?: boolean;
 };
-export declare function SideDialogCodeSection({ codeStr, title }: SideDialogCodeSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SideDialogCodeSection({ codeStr, title, simplified }: SideDialogCodeSectionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -31,9 +31,6 @@ export interface AgentMetadataToolListProps {
     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: Array<{
         id: string;

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

@@ -1,5 +1,5 @@
 import { AISpanRecord } from '@mastra/core';
-export declare function getTraceInfo(trace: AISpanRecord | undefined): {
+export declare function getTraceInfo(trace: AISpanRecord | undefined, computeAgentsLink?: () => string, computeWorkflowsLink?: () => string): {
     key: string;
     label: string;
     value: any;

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

@@ -8,6 +8,8 @@ type TraceDialogProps = {
     onNext?: () => void;
     onPrevious?: () => void;
     isLoadingSpans?: boolean;
+    computeAgentsLink?: () => string;
+    computeWorkflowsLink?: () => string;
 };
-export declare function TraceDialog({ traceId, traceSpans, traceDetails, isOpen, onClose, onNext, onPrevious, isLoadingSpans, }: TraceDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function TraceDialog({ traceId, traceSpans, traceDetails, isOpen, onClose, onNext, onPrevious, isLoadingSpans, computeAgentsLink, computeWorkflowsLink, }: TraceDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,12 @@
+import { MastraScorer } from '@mastra/core/scores';
+import { ClientScoreRowData } from '@mastra/client-js';
+type ScoreDialogProps = {
+    score?: ClientScoreRowData;
+    scorer?: MastraScorer;
+    isOpen: boolean;
+    onClose: () => void;
+    onNext?: () => void;
+    onPrevious?: () => void;
+};
+export declare function ScoreDialog({ scorer, score, isOpen, onClose, onNext, onPrevious }: ScoreDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -4,5 +4,4 @@ export interface ScorerListProps {
     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/components/scores-tools.d.ts

@@ -0,0 +1,14 @@
+export type ScoreEntityOption = {
+    value: string;
+    label: string;
+    type: 'AGENT' | 'WORKFLOW' | 'ALL';
+};
+type ScoresToolsProps = {
+    selectedEntity?: ScoreEntityOption;
+    entityOptions?: ScoreEntityOption[];
+    onEntityChange: (val: ScoreEntityOption) => void;
+    onReset?: () => void;
+    isLoading?: boolean;
+};
+export declare function ScoresTools({ onEntityChange, onReset, selectedEntity, entityOptions, isLoading }: ScoresToolsProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,2 +1,4 @@
 export * from './components/scorer-list';
+export * from './components/score-dialog';
+export * from './components/scores-tools';
 export * from './hooks/use-scorers';

package/dist/src/domains/workflows/runs/workflow-runs.d.ts

@@ -1,12 +1,9 @@
-import { WorkflowRun } from '@mastra/core/storage';
 export interface WorkflowRunsProps {
     workflowId: string;
     runId?: string;
-    isLoading: boolean;
-    runs: WorkflowRun[];
     onPressRun: ({ workflowId, runId }: {
         workflowId: string;
         runId: string;
     }) => void;
 }
-export declare const WorkflowRuns: ({ workflowId, runId, isLoading, runs, onPressRun }: WorkflowRunsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowRuns: ({ workflowId, runId, onPressRun }: WorkflowRunsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,3 @@
 export * from './use-in-view';
+export * from './use-workflows';
+export * from './use-workflow-runs';

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

@@ -14,7 +14,7 @@ export type ExtendedWorkflowWatchResult = WorkflowWatchResult & {
         stack?: string;
     } | null;
 };
-export declare const useWorkflow: (workflowId: string) => import('@tanstack/react-query').UseQueryResult<GetWorkflowResponse, Error>;
+export declare const useWorkflow: (workflowId: string, enabled?: boolean) => import('@tanstack/react-query').UseQueryResult<GetWorkflowResponse, Error>;
 export declare const useLegacyWorkflow: (workflowId: string) => {
     legacyWorkflow: LegacyWorkflow<import('@mastra/core/workflows/legacy').LegacyStep<string, any, any, import('@mastra/core/workflows/legacy').StepExecutionContext<any, import('@mastra/core/workflows/legacy').WorkflowContext<any, import('@mastra/core/workflows/legacy').LegacyStep<string, any, any, any>[], Record<string, any>>>>[], string, any, any> | null;
     isLoading: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "6.1.3",
+  "version": "6.1.4-alpha.1",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -85,7 +85,7 @@
     "react-hook-form": "^7.59.0",
     "react-markdown": "^9.1.0",
     "react-resizable-panels": "^2.1.9",
-    "react-syntax-highlighter": "^15.6.1",
+    "react-syntax-highlighter": "^15.6.6",
     "rehype-stringify": "^10.0.1",
     "remark-gfm": "^4.0.1",
     "remark-parse": "^11.0.0",
@@ -93,16 +93,16 @@
     "shiki": "^1.29.2",
     "sonner": "^2.0.5",
     "superjson": "^2.2.2",
-    "swr": "^2.3.4",
+    "swr": "^2.3.6",
     "tailwindcss-animate": "^1.0.7",
     "unified": "^11.0.5",
     "use-debounce": "^10.0.5",
     "zod": "^4.1.5",
     "zustand": "^5.0.7",
-    "@mastra/client-js": "^0.12.3"
+    "@mastra/client-js": "^0.12.4-alpha.3"
   },
   "peerDependencies": {
-    "@mastra/core": ">=0.16.3-0 <0.17.0-0",
+    "@mastra/core": ">=0.17.0-0 <0.18.0-0",
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
@@ -110,7 +110,7 @@
   },
   "devDependencies": {
     "@storybook/addon-docs": "^9.1.5",
-    "@storybook/react-vite": "^9.1.2",
+    "@storybook/react-vite": "^9.1.5",
     "@types/node": "^20.19.0",
     "@types/react": "^19.1.9",
     "@types/react-dom": "^19.1.7",
@@ -120,14 +120,14 @@
     "clsx": "^2.1.1",
     "postcss": "^8.5.6",
     "rollup-plugin-node-externals": "^8.0.1",
-    "storybook": "^9.1.2",
+    "storybook": "^9.1.5",
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@mastra/core": "0.16.3"
+    "@mastra/core": "0.17.0-alpha.3"
   },
   "homepage": "https://mastra.ai",
   "repository": {