@mastra/playground-ui 37.0.0-alpha.6 → 37.0.1-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,123 @@
 # @mastra/playground-ui
 
+## 37.0.1-alpha.0
+
+### Patch Changes
+
+- Updated dependencies [[`b9a2961`](https://github.com/mastra-ai/mastra/commit/b9a2961c1be81e3639c0879e58588c26dd0ae866), [`1274eb3`](https://github.com/mastra-ai/mastra/commit/1274eb3a9508f579ceb3187fbce34408222d4b71), [`1274eb3`](https://github.com/mastra-ai/mastra/commit/1274eb3a9508f579ceb3187fbce34408222d4b71), [`9566d27`](https://github.com/mastra-ai/mastra/commit/9566d27ead3d95bdbe5a69e5a082a68222829cf2)]:
+  - @mastra/core@1.48.0-alpha.0
+  - @mastra/client-js@1.28.1-alpha.0
+  - @mastra/react@1.2.1-alpha.0
+
+## 37.0.0
+
+### Minor Changes
+
+- Added a reusable environment variables editor with .env import, bulk paste support, and custom-row hook support. ([#18371](https://github.com/mastra-ai/mastra/pull/18371))
+
+  ```tsx
+  import { EnvironmentVariablesEditor, useEnvironmentVariablesEditor } from '@mastra/playground-ui';
+
+  function SettingsEnvVars() {
+    const editor = useEnvironmentVariablesEditor({
+      initialRows: [{ key: 'PUBLIC_BASE_URL', value: 'https://example.com' }],
+    });
+
+    return (
+      <EnvironmentVariablesEditor
+        editor={editor}
+        actions={
+          <button type="button" onClick={() => editor.getEnvironmentVariablesForSubmit()}>
+            Save
+          </button>
+        }
+      />
+    );
+  }
+  ```
+
+- Added sticky row headers to DataList. ([#18222](https://github.com/mastra-ai/mastra/pull/18222))
+
+  Use `sticky="start"` on the leading `DataList.TopCell` and render matching row cells with `DataList.RowHeaderCell`:
+
+  ```tsx
+  <DataList columns="auto auto auto" variant="lined">
+    <DataList.Top>
+      <DataList.TopCell sticky="start">Model</DataList.TopCell>
+      <DataList.TopCell>Input</DataList.TopCell>
+      <DataList.TopCell>Output</DataList.TopCell>
+    </DataList.Top>
+    <DataList.RowStatic>
+      <DataList.RowHeaderCell>Model A</DataList.RowHeaderCell>
+      <DataList.Cell>1,200</DataList.Cell>
+      <DataList.Cell>800</DataList.Cell>
+    </DataList.RowStatic>
+  </DataList>
+  ```
+
+  Metrics tables now render directly through DataList so sticky row headers share the same header colors and hover treatment as the rest of the list system. Metrics tables also follow the default DataList variant, and sticky row headers use the same neutral header treatment as column headers.
+
+  DataList now exposes `stickyHeaderBackground` to keep the top header and sticky row-header fill in sync, and forwards `mask` to the underlying ScrollArea so sticky-start tables can disable the left edge fade.
+
+  Added `DataList.NumberCell` for right-aligned numeric columns. It bakes in the tabular-figure, compact metric-table styling, with a `highlight` prop for the emphasized value:
+
+  ```tsx
+  <DataList.NumberCell>1,200</DataList.NumberCell>
+  <DataList.NumberCell highlight>$0.42</DataList.NumberCell>
+  ```
+
+  The metrics-specific `MetricsDataTable` wrapper was removed. Use DataList for DS-owned metrics table layouts.
+
+- Add the experimental Signals observability experience to Studio. Introduces a route-driven enterprise topics/signals trace explorer (topic, subtopic, and trace panels) and a reusable scatter plot chart component in `@mastra/playground-ui`, with the reusable Signals UI and data placed behind the playground-ui EE export boundary. The Signals page is gated behind a server-injected `MASTRA_SIGNALS_UI` runtime flag: the Studio HTML exposes `window.MASTRA_SIGNALS_UI`, which the CLI and deployers populate from the `MASTRA_SIGNALS_UI` env var (default off). When disabled, the Signals sidebar item and `/signals` routes are not registered. ([#18138](https://github.com/mastra-ai/mastra/pull/18138))
+
+### Patch Changes
+
+- Fixed overlay content components to support Base UI positioning options. ([#18431](https://github.com/mastra-ai/mastra/pull/18431))
+
+- Added direct Playground UI subpaths for shared helpers so apps can avoid the root barrel when importing existing utility and rule builder APIs. ([#18502](https://github.com/mastra-ai/mastra/pull/18502))
+
+  ```ts
+  import { is401UnauthorizedError } from '@mastra/playground-ui/utils/errors';
+  import type { JsonSchema } from '@mastra/playground-ui/utils/json-schema';
+  import { RuleBuilder } from '@mastra/playground-ui/components/RuleBuilder';
+  ```
+
+- Show an unavailable state when the configured observability storage does not support listing logs, and stop polling the logs endpoint for that non-transient capability error. ([#18375](https://github.com/mastra-ai/mastra/pull/18375))
+
+- Added a direct utility import for the class name helper so applications can avoid the root Playground UI barrel. ([#18458](https://github.com/mastra-ai/mastra/pull/18458))
+
+  ```ts
+  import { cn } from '@mastra/playground-ui/utils/cn';
+  ```
+
+- Added direct import paths for toast and Playground UI icons so apps can avoid the root Playground UI barrel when using high-traffic utilities and icon components. ([#18470](https://github.com/mastra-ai/mastra/pull/18470))
+
+  ```ts
+  import { Toaster } from '@mastra/playground-ui/components/Toaster';
+  import { AgentIcon } from '@mastra/playground-ui/icons/AgentIcon';
+  import { toast } from '@mastra/playground-ui/utils/toast';
+  ```
+
+- Move the Memory Studio (timeline, flamegraph, and observational-memory detail) into the agent chat view as an opt-in panel. ([#18272](https://github.com/mastra-ai/mastra/pull/18272))
+  - The standalone Memory nav entry, `/memory` routes, and the separate thread/chat list are removed; the studio is now opened from the chat view and shown inside the Memory sidepanel, with the agent layout's left resizable panel expanding when the detail opens. Clicking the flamegraph timeline drives a replay cursor that highlights the matching observational-memory record. Marker types are imported from `@mastra/memory` instead of being redeclared in the UI so the studio stays in sync with the stream format.
+  - `MemoryStudioPanel` gains an optional `contextWindow` prop so callers can supply authoritative message/observation token counts and thresholds; when provided these take precedence over values re-derived from message markers, keeping the panel's MESSAGES/OBSERVATIONS readout in sync with the observational-memory sidebar (marker-derived values remain the fallback for standalone usage).
+  - `MemoryStudioPanel` now shows both Messages and Observations progress bars, matching the collapsed memory sidebar. The FlameGraph zoom range is lifted into the panel and filters the observation list: collapsing the range hides out-of-range observations and "Reset zoom" restores the full list. `FlameGraph` gains optional controlled `zoomRange`/`onZoomRangeChange` props (uncontrolled usage is unchanged).
+
+- Updated dependencies [[`86623c1`](https://github.com/mastra-ai/mastra/commit/86623c1adf7d22de32cc916dda17f4155184db36), [`023766f`](https://github.com/mastra-ai/mastra/commit/023766f44d59b30a50f3a381e33eddde8ab56c00), [`0200e75`](https://github.com/mastra-ai/mastra/commit/0200e7552d02d4221cd6040bf4eddf189a97a156), [`7c9dd77`](https://github.com/mastra-ai/mastra/commit/7c9dd77bd18cb8dc72797e25f1a0fbdc71a11347), [`7f9ae70`](https://github.com/mastra-ai/mastra/commit/7f9ae70826b047e5a66218f9e92f20e54a2d791f), [`b4e97e6`](https://github.com/mastra-ai/mastra/commit/b4e97e676232a3a398ef32d3e78faa0c91c5fa1c), [`a0509c7`](https://github.com/mastra-ai/mastra/commit/a0509c731a08aa3ed626557c5338126362856f57), [`06e0d63`](https://github.com/mastra-ai/mastra/commit/06e0d63d42bc2a202e18bc091f3781f409f5e6fb), [`bf3fe49`](https://github.com/mastra-ai/mastra/commit/bf3fe49f9467dbbdb8f9eaf74e0f7971ffb19559), [`01caf93`](https://github.com/mastra-ai/mastra/commit/01caf93d71ae2c1e65f49735cafb531975187426), [`438a971`](https://github.com/mastra-ai/mastra/commit/438a9715c8b4398e5eaf8914a1f19dc8a85dc1de), [`9990965`](https://github.com/mastra-ai/mastra/commit/999096571635a83b42ef40841fd7028cfa630779), [`77518cc`](https://github.com/mastra-ai/mastra/commit/77518ccb5bb8cc684875081e64213dc85cffdbee), [`fbeda0c`](https://github.com/mastra-ai/mastra/commit/fbeda0c0f35def07e6837936dd3a003b2b7c5172), [`8a68844`](https://github.com/mastra-ai/mastra/commit/8a688443013816105a09f89c6afa34b5ff13e26d), [`bb2a13b`](https://github.com/mastra-ai/mastra/commit/bb2a13bb4b32e6bb807200fe7b18ae8fa4322118), [`24ceaea`](https://github.com/mastra-ai/mastra/commit/24ceaea0bdd8609cabbab764380608ca6621a194), [`a73cd1a`](https://github.com/mastra-ai/mastra/commit/a73cd1a62a5e4ca023dcc39ba150029f4f1f74c1), [`c0ffa3c`](https://github.com/mastra-ai/mastra/commit/c0ffa3c897ccd326de880df734740a7f0681a18f), [`462a769`](https://github.com/mastra-ai/mastra/commit/462a769da61850862ca1be3d74134d33078ee6a7), [`0504bf5`](https://github.com/mastra-ai/mastra/commit/0504bf5e8cffc571a4b343326178de371e6f859b), [`9e45902`](https://github.com/mastra-ai/mastra/commit/9e4590208e745055cecca202e2db0e5c65e17d3c), [`0b5cc47`](https://github.com/mastra-ai/mastra/commit/0b5cc4726dc18d9a685a27520db39ff1b36bb89a), [`87f38a3`](https://github.com/mastra-ai/mastra/commit/87f38a3de03e24731f2dd6f8ed6a60b6722b85a1), [`d5fa3cd`](https://github.com/mastra-ai/mastra/commit/d5fa3cda1788c3cb93a361a3c6ec47de6ba21e98), [`fe98ef2`](https://github.com/mastra-ai/mastra/commit/fe98ef2e66dbfcbd7d645c88c9ee1e67b458a136), [`6ccf67b`](https://github.com/mastra-ai/mastra/commit/6ccf67bf075753754927a57bc2e1734ba2c820c5), [`793ea0f`](https://github.com/mastra-ai/mastra/commit/793ea0f52f831178837f21c83af6af93bf4ce638), [`825d8de`](https://github.com/mastra-ai/mastra/commit/825d8def9fa64c2bcc3d8dd6b49e09342c3ac5c7), [`507a5c4`](https://github.com/mastra-ai/mastra/commit/507a5c461bdc3136ad80744c0efbb55ce1f18f97), [`5afe423`](https://github.com/mastra-ai/mastra/commit/5afe423e4badf040f1b0d4525183a856fcb8146e), [`307573b`](https://github.com/mastra-ai/mastra/commit/307573b9ff3149b70c79540dbc86f1319b180f29), [`79b3626`](https://github.com/mastra-ai/mastra/commit/79b3626f8d647307eb07c8da14c9073c2699719d), [`c2c1d7b`](https://github.com/mastra-ai/mastra/commit/c2c1d7bb61d2602955f14ed3952f807c2d6eb576), [`86623c1`](https://github.com/mastra-ai/mastra/commit/86623c1adf7d22de32cc916dda17f4155184db36), [`1505c07`](https://github.com/mastra-ai/mastra/commit/1505c07603f6346bae12aa82f140e8b88ffea9ab), [`f328049`](https://github.com/mastra-ai/mastra/commit/f3280498c324afd2a8d36cd828f5b9f94a2dddc1), [`e545228`](https://github.com/mastra-ai/mastra/commit/e54522856934a5dc030b7b6385771e3548020d59), [`3eb852e`](https://github.com/mastra-ai/mastra/commit/3eb852e5435bc908b800193498103dc724f455b0), [`ffa09e7`](https://github.com/mastra-ai/mastra/commit/ffa09e772a5c92270eabe2090fc42d45bd8ec4b7), [`8c9f1c0`](https://github.com/mastra-ai/mastra/commit/8c9f1c0361d89066f9bcd14a2f69e761b01766c8), [`461a7c5`](https://github.com/mastra-ai/mastra/commit/461a7c501449295287f4f0ee4b0b42344f39fcf8), [`0200e75`](https://github.com/mastra-ai/mastra/commit/0200e7552d02d4221cd6040bf4eddf189a97a156), [`4211472`](https://github.com/mastra-ai/mastra/commit/4211472a5a2bd319c60cd2e42d9109c3eef7ac1c), [`9e45902`](https://github.com/mastra-ai/mastra/commit/9e4590208e745055cecca202e2db0e5c65e17d3c), [`5c0df77`](https://github.com/mastra-ai/mastra/commit/5c0df776c40efa420f8c07a2f3ee66010296618e), [`e940f09`](https://github.com/mastra-ai/mastra/commit/e940f099ef5d18b403e6f2b4937e086a4da857b1)]:
+  - @mastra/core@1.47.0
+  - @mastra/client-js@1.28.0
+  - @mastra/react@1.2.0
+  - @mastra/memory@1.21.2
+
+## 37.0.0-alpha.7
+
+### Patch Changes
+
+- Updated dependencies [[`8a68844`](https://github.com/mastra-ai/mastra/commit/8a688443013816105a09f89c6afa34b5ff13e26d)]:
+  - @mastra/core@1.47.0-alpha.7
+  - @mastra/client-js@1.28.0-alpha.7
+  - @mastra/react@1.2.0-alpha.7
+
 ## 37.0.0-alpha.6
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -134,6 +134,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const reactResizablePanels = require('react-resizable-panels');
 const icons_Icon = require('./icons/Icon.cjs.js');
+const envFile = require('./env-file-NaBwN1WJ.cjs');
 const zustand = require('zustand');
 const middleware = require('zustand/middleware');
 const icons_AgentCoinIcon = require('./icons/AgentCoinIcon.cjs.js');
@@ -154,7 +155,6 @@ const icons_CommitIcon = require('./icons/CommitIcon.cjs.js');
 const icons_CrossIcon = require('./icons/CrossIcon.cjs.js');
 const dateFns = require('date-fns');
 const observability = require('@mastra/core/observability');
-const envFile = require('./env-file-NaBwN1WJ.cjs');
 const icons_DatasetsIcon = require('./icons/DatasetsIcon.cjs.js');
 const icons_DbIcon = require('./icons/DbIcon.cjs.js');
 const icons_DebugIcon = require('./icons/DebugIcon.cjs.js');
@@ -8519,6 +8519,16 @@ exports.shouldRetryQuery = utils_queryUtils.shouldRetryQuery;
 exports.Toaster = toast.Toaster;
 exports.toast = toast.toast;
 exports.Icon = icons_Icon.Icon;
+exports.DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE = envFile.DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE;
+exports.DuplicateEnvironmentVariableKeyError = envFile.DuplicateEnvironmentVariableKeyError;
+exports.ENV_FILE_MAX_SIZE = envFile.ENV_FILE_MAX_SIZE;
+exports.collectEnvironmentVariables = envFile.collectEnvironmentVariables;
+exports.createEmptyEnvironmentVariableEntry = envFile.createEmptyEnvironmentVariableEntry;
+exports.getDuplicateEnvironmentVariableKeys = envFile.getDuplicateEnvironmentVariableKeys;
+exports.parseEnvFileText = envFile.parseEnvFileText;
+exports.readEnvFile = envFile.readEnvFile;
+exports.rowsFromEnvironmentVariables = envFile.rowsFromEnvironmentVariables;
+exports.rowsToEnvFileText = envFile.rowsToEnvFileText;
 exports.AgentCoinIcon = icons_AgentCoinIcon.AgentCoinIcon;
 exports.AgentIcon = icons_AgentIcon.AgentIcon;
 exports.AgentNetworkCoinIcon = icons_AgentNetworkCoinIcon.AgentNetworkCoinIcon;
@@ -8544,16 +8554,6 @@ exports.ChevronIcon = icons_ChevronIcon.ChevronIcon;
 exports.CohereIcon = icons_CohereIcon.CohereIcon;
 exports.CommitIcon = icons_CommitIcon.CommitIcon;
 exports.CrossIcon = icons_CrossIcon.CrossIcon;
-exports.DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE = envFile.DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE;
-exports.DuplicateEnvironmentVariableKeyError = envFile.DuplicateEnvironmentVariableKeyError;
-exports.ENV_FILE_MAX_SIZE = envFile.ENV_FILE_MAX_SIZE;
-exports.collectEnvironmentVariables = envFile.collectEnvironmentVariables;
-exports.createEmptyEnvironmentVariableEntry = envFile.createEmptyEnvironmentVariableEntry;
-exports.getDuplicateEnvironmentVariableKeys = envFile.getDuplicateEnvironmentVariableKeys;
-exports.parseEnvFileText = envFile.parseEnvFileText;
-exports.readEnvFile = envFile.readEnvFile;
-exports.rowsFromEnvironmentVariables = envFile.rowsFromEnvironmentVariables;
-exports.rowsToEnvFileText = envFile.rowsToEnvFileText;
 exports.DatasetsIcon = icons_DatasetsIcon.DatasetsIcon;
 exports.DbIcon = icons_DbIcon.DbIcon;
 exports.DebugIcon = icons_DebugIcon.DebugIcon;

package/dist/index.es.js

@@ -142,6 +142,7 @@ import { ChevronRight, ChevronLeft, LogsIcon, EyeIcon, GaugeIcon, BrainIcon, Che
 import { useRef, useCallback, useState, useEffect, useMemo, useContext, createContext, Fragment as Fragment$1 } from 'react';
 import { usePanelRef, Panel, Separator, Group } from 'react-resizable-panels';
 import { Icon } from './icons/Icon.es.js';
+export { D as DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE, b as DuplicateEnvironmentVariableKeyError, E as ENV_FILE_MAX_SIZE, c as collectEnvironmentVariables, a as createEmptyEnvironmentVariableEntry, g as getDuplicateEnvironmentVariableKeys, p as parseEnvFileText, r as readEnvFile, d as rowsFromEnvironmentVariables, e as rowsToEnvFileText } from './env-file-BF23giwP.js';
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 export { AgentCoinIcon } from './icons/AgentCoinIcon.es.js';
@@ -163,7 +164,6 @@ export { CommitIcon } from './icons/CommitIcon.es.js';
 export { CrossIcon } from './icons/CrossIcon.es.js';
 import { format } from 'date-fns';
 import { EntityType } from '@mastra/core/observability';
-export { D as DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE, b as DuplicateEnvironmentVariableKeyError, E as ENV_FILE_MAX_SIZE, c as collectEnvironmentVariables, a as createEmptyEnvironmentVariableEntry, g as getDuplicateEnvironmentVariableKeys, p as parseEnvFileText, r as readEnvFile, d as rowsFromEnvironmentVariables, e as rowsToEnvFileText } from './env-file-BF23giwP.js';
 export { DatasetsIcon } from './icons/DatasetsIcon.es.js';
 export { DbIcon } from './icons/DbIcon.es.js';
 export { DebugIcon } from './icons/DebugIcon.es.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "37.0.0-alpha.6",
+  "version": "37.0.1-alpha.0",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -119,8 +119,8 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.28.0-alpha.6",
-    "@mastra/react": "1.2.0-alpha.6"
+    "@mastra/client-js": "^1.28.1-alpha.0",
+    "@mastra/react": "1.2.1-alpha.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.4.1",
@@ -157,11 +157,11 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.8",
-    "@internal/lint": "0.0.108",
-    "@mastra/core": "1.47.0-alpha.6",
-    "@mastra/react": "1.2.0-alpha.6",
-    "@mastra/client-js": "^1.28.0-alpha.6",
-    "@mastra/memory": "1.21.2-alpha.1"
+    "@internal/lint": "0.0.109",
+    "@mastra/client-js": "^1.28.1-alpha.0",
+    "@mastra/core": "1.48.0-alpha.0",
+    "@mastra/memory": "1.21.2",
+    "@mastra/react": "1.2.1-alpha.0"
   },
   "homepage": "https://mastra.ai",
   "repository": {