@mastra/playground-ui 7.0.0-beta.2 → 7.0.0-beta.4

package/dist/src/components/ui/elements/notification/notification.d.ts

@@ -4,6 +4,8 @@ type Notification = {
     isVisible?: boolean;
     autoDismiss?: boolean;
     dismissTime?: number;
+    dismissible?: boolean;
+    type?: 'info' | 'error';
 };
-export declare function Notification({ children, className, isVisible, autoDismiss, dismissTime }: Notification): import("react/jsx-runtime").JSX.Element | null;
+export declare function Notification({ children, className, isVisible, autoDismiss, dismissTime, dismissible, type, }: Notification): import("react/jsx-runtime").JSX.Element | null;
 export {};

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

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

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

@@ -3,3 +3,28 @@ export interface AgentInformationProps {
     threadId: string;
 }
 export declare function AgentInformation({ agentId, threadId }: AgentInformationProps): import("react/jsx-runtime").JSX.Element;
+export interface UseAgentInformationTabArgs {
+    isMemoryLoading: boolean;
+    hasMemory: boolean;
+}
+export declare const useAgentInformationTab: ({ isMemoryLoading, hasMemory }: UseAgentInformationTabArgs) => {
+    selectedTab: string;
+    handleTabChange: (value: string) => void;
+};
+export interface UseAgentInformationSettingsArgs {
+    modelId: string;
+}
+export declare const useAgentInformationSettings: ({ modelId }: UseAgentInformationSettingsArgs) => {
+    settings: import('../../../..').AgentSettingsType | undefined;
+    setSettings: (settings: import('../../../..').AgentSettingsType) => void;
+};
+export interface AgentInformationLayoutProps {
+    children: React.ReactNode;
+    agentId?: string;
+}
+export declare const AgentInformationLayout: ({ children, agentId }: AgentInformationLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export interface AgentInformationTabLayoutProps {
+    children: React.ReactNode;
+    agentId: string;
+}
+export declare const AgentInformationTabLayout: ({ children, agentId }: AgentInformationTabLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +1,6 @@
-import { GetAgentResponse, GetToolResponse, GetWorkflowResponse } from '@mastra/client-js';
-import { AgentMetadataModelSwitcherProps } from './agent-metadata-model-switcher';
-import { AgentMetadataModelListProps } from './agent-metadata-model-list';
+import { GetToolResponse, GetWorkflowResponse } from '@mastra/client-js';
 export interface AgentMetadataProps {
     agentId: string;
-    agent: GetAgentResponse;
-    hasMemoryEnabled: boolean;
-    modelVersion: string;
-    updateModel: AgentMetadataModelSwitcherProps['updateModel'];
-    resetModel: AgentMetadataModelSwitcherProps['resetModel'];
-    updateModelInModelList: AgentMetadataModelListProps['updateModelInModelList'];
-    reorderModelList: AgentMetadataModelListProps['reorderModelList'];
 }
 export interface AgentMetadataNetworkListProps {
     agents: {
@@ -18,7 +9,7 @@ export interface AgentMetadataNetworkListProps {
     }[];
 }
 export declare const AgentMetadataNetworkList: ({ agents }: AgentMetadataNetworkListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AgentMetadata: ({ agentId, agent, hasMemoryEnabled, updateModel, resetModel, updateModelInModelList, reorderModelList, modelVersion, }: AgentMetadataProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentMetadata: ({ agentId }: AgentMetadataProps) => import("react/jsx-runtime").JSX.Element;
 export interface AgentMetadataToolListProps {
     tools: GetToolResponse[];
     agentId: string;

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

@@ -1,6 +1,4 @@
 export interface AgentSettingsProps {
-    modelVersion: string;
-    hasMemory?: boolean;
-    hasSubAgents?: boolean;
+    agentId: string;
 }
-export declare const AgentSettings: ({ modelVersion, hasMemory, hasSubAgents }: AgentSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentSettings: ({ agentId }: AgentSettingsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -14,3 +14,5 @@ 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/observability/components/span-scoring.d.ts

@@ -2,5 +2,6 @@ export interface SpanScoringProps {
     traceId?: string;
     spanId?: string;
     entityType?: string;
+    isTopLevelSpan?: boolean;
 }
-export declare const SpanScoring: ({ traceId, spanId, entityType }: SpanScoringProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SpanScoring: ({ traceId, spanId, entityType, isTopLevelSpan }: SpanScoringProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "7.0.0-beta.2",
+  "version": "7.0.0-beta.4",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -50,7 +50,7 @@
     "@codemirror/language-data": "^6.5.2",
     "@codemirror/state": "^6.5.2",
     "@codemirror/view": "^6.38.6",
-    "@dagrejs/dagre": "^1.1.5",
+    "@dagrejs/dagre": "^1.1.8",
     "@hello-pangea/dnd": "^18.0.1",
     "@hookform/resolvers": "^3.10.0",
     "@lezer/highlight": "^1.2.3",
@@ -77,9 +77,9 @@
     "@tanstack/react-table": "^8.21.3",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@uiw/codemirror-theme-dracula": "^4.23.14",
-    "@uiw/codemirror-theme-github": "^4.25.2",
+    "@uiw/codemirror-theme-github": "^4.25.3",
     "@uiw/react-codemirror": "^4.23.14",
-    "@xyflow/react": "^12.8.6",
+    "@xyflow/react": "^12.9.3",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "json-schema-to-zod": "^2.6.1",
@@ -104,7 +104,7 @@
     "use-debounce": "^10.0.6",
     "zod": "^4.1.12",
     "zustand": "^5.0.8",
-    "@mastra/ai-sdk": "^1.0.0-beta.1"
+    "@mastra/ai-sdk": "^1.0.0-beta.3"
   },
   "peerDependencies": {
     "@mastra/core": ">=1.0.0-0 <2.0.0-0",
@@ -113,18 +113,20 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^3.0.0",
-    "@mastra/client-js": "^1.0.0-beta.2",
-    "@mastra/react": "0.1.0-beta.2"
+    "@mastra/client-js": "^1.0.0-beta.4",
+    "@mastra/react": "0.1.0-beta.4"
   },
   "devDependencies": {
     "@storybook/addon-docs": "^9.1.16",
     "@storybook/react-vite": "^9.1.16",
-    "@tanstack/react-query": "^5.90.6",
-    "@types/node": "^20.19.0",
+    "@tanstack/react-query": "^5.90.9",
+    "@types/node": "22.13.17",
     "@types/react": "^19.1.9",
     "@types/react-dom": "^19.1.7",
     "@vitejs/plugin-react": "^5.0.4",
-    "autoprefixer": "^10.4.21",
+    "@vitest/coverage-v8": "4.0.8",
+    "@vitest/ui": "4.0.8",
+    "autoprefixer": "^10.4.22",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "postcss": "^8.5.6",
@@ -136,10 +138,10 @@
     "vite": "^7.1.9",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "vitest": "^3.2.4",
-    "@mastra/core": "1.0.0-beta.2",
-    "@mastra/client-js": "^1.0.0-beta.2",
-    "@mastra/react": "0.1.0-beta.2"
+    "vitest": "^4.0.8",
+    "@mastra/client-js": "^1.0.0-beta.4",
+    "@mastra/core": "1.0.0-beta.4",
+    "@mastra/react": "0.1.0-beta.4"
   },
   "homepage": "https://mastra.ai",
   "repository": {