@mastra/playground-ui 19.0.0-alpha.2 → 19.0.0-alpha.4

package/dist/src/ds/components/MetricsKpiCard/metrics-kpi-card.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { MetricsKpiCard } from './metrics-kpi-card';
+declare const meta: Meta<typeof MetricsKpiCard>;
+export default meta;
+type Story = StoryObj<typeof MetricsKpiCard>;
+export declare const WithPositiveChange: Story;
+export declare const WithNegativeChange: Story;
+export declare const LowerIsBetter: Story;
+export declare const NoChange: Story;
+export declare const GridOfCards: Story;

package/dist/src/ds/components/MetricsLineChart/index.d.ts

@@ -0,0 +1,2 @@
+export { MetricsLineChart, type MetricsLineChartSeries } from './metrics-line-chart';
+export { MetricsLineChartTooltip } from './metrics-line-chart-tooltip';

package/dist/src/ds/components/MetricsLineChart/metrics-line-chart-tooltip.d.ts

@@ -0,0 +1,10 @@
+export declare function MetricsLineChartTooltip({ active, payload, label, suffix, }: {
+    active?: boolean;
+    payload?: Array<{
+        name: string;
+        value: number;
+        color: string;
+    }>;
+    label?: string;
+    suffix?: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/ds/components/MetricsLineChart/metrics-line-chart.d.ts

@@ -0,0 +1,15 @@
+export type MetricsLineChartSeries = {
+    dataKey: string;
+    label: string;
+    color: string;
+    aggregate?: (data: Record<string, unknown>[]) => {
+        value: string;
+        suffix?: string;
+    };
+};
+export declare function MetricsLineChart({ data, series, height, yDomain, }: {
+    data: Record<string, unknown>[];
+    series: MetricsLineChartSeries[];
+    height?: number;
+    yDomain?: [number, number];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Tabs/tabs-list.d.ts

@@ -2,5 +2,6 @@ export type TabListProps = {
     children: React.ReactNode;
     className?: string;
     variant?: 'default' | 'buttons';
+    alignment?: 'left' | 'full-width';
 };
-export declare const TabList: ({ children, variant, className }: TabListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabList: ({ children, variant, alignment, className }: TabListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/index.d.ts

@@ -6,6 +6,7 @@ export * from './domains/prompt-blocks/index';
 export * from './domains/tools/index';
 export * from './domains/workflows/index';
 export * from './domains/templates/index';
+export * from './domains/metrics/index';
 export * from './domains/observability/index';
 export * from './domains/datasets/index';
 export * from './ds/components/Threads';

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;
-    agentSkillLink: (agentId: string, skillName: string, workspaceId?: string) => string;
+    agentSkillLink: (agentId: string, skillName: string, skillPath?: string, workspaceId?: string) => string;
     agentThreadLink: (agentId: string, threadId: string, messageId?: string) => string;
     agentNewThreadLink: (agentId: string) => string;
     workflowsLink: () => string;
@@ -23,10 +23,10 @@ type LinkComponentPaths = {
     cmsPromptBlockCreateLink: () => string;
     cmsPromptBlockEditLink: (promptBlockId: string) => string;
     toolLink: (toolId: string) => string;
-    skillLink: (skillName: string, workspaceId?: string) => string;
+    skillLink: (skillName: string, skillPath?: string, workspaceId?: string) => string;
     workspacesLink: () => string;
     workspaceLink: (workspaceId?: string) => string;
-    workspaceSkillLink: (skillName: string, workspaceId?: string) => string;
+    workspaceSkillLink: (skillName: string, skillPath?: string, workspaceId?: string) => string;
     processorsLink: () => string;
     processorLink: (processorId: string) => string;
     mcpServerLink: (serverId: string) => string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "19.0.0-alpha.2",
+  "version": "19.0.0-alpha.4",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -111,6 +111,7 @@
     "react-markdown": "^9.1.0",
     "react-resizable-panels": "^4.7.3",
     "react-syntax-highlighter": "^15.6.6",
+    "recharts": "^3.8.0",
     "remark-gfm": "^4.0.1",
     "semver": "^7.7.4",
     "shiki": "^1.29.2",
@@ -128,10 +129,10 @@
     "react-dom": ">=19.0.0",
     "tailwindcss": "^3.0.0",
     "zod": "^3.25.0 || ^4.0.0",
-    "@mastra/client-js": "^1.10.0-alpha.2",
-    "@mastra/react": "0.2.17-alpha.2",
-    "@mastra/schema-compat": "1.2.7-alpha.0",
-    "@mastra/ai-sdk": "^1.2.1-alpha.0"
+    "@mastra/client-js": "^1.10.0-alpha.4",
+    "@mastra/ai-sdk": "^1.2.1-alpha.0",
+    "@mastra/schema-compat": "1.2.7-alpha.1",
+    "@mastra/react": "0.2.17-alpha.4"
   },
   "devDependencies": {
     "@storybook/addon-docs": "^9.1.20",
@@ -163,12 +164,12 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.0.18",
     "zod": "^4.3.6",
-    "@mastra/ai-sdk": "^1.2.1-alpha.0",
-    "@mastra/client-js": "^1.10.0-alpha.2",
     "@internal/lint": "0.0.73",
-    "@mastra/core": "1.16.0-alpha.2",
-    "@mastra/react": "0.2.17-alpha.2",
-    "@mastra/schema-compat": "1.2.7-alpha.0"
+    "@mastra/ai-sdk": "^1.2.1-alpha.0",
+    "@mastra/client-js": "^1.10.0-alpha.4",
+    "@mastra/core": "1.16.0-alpha.4",
+    "@mastra/react": "0.2.17-alpha.4",
+    "@mastra/schema-compat": "1.2.7-alpha.1"
   },
   "homepage": "https://mastra.ai",
   "repository": {