@mastra/playground-ui 22.0.0-alpha.4 → 22.0.1-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,72 @@
 # @mastra/playground-ui
 
+## 22.0.1-alpha.0
+
+### Patch Changes
+
+- Expired sessions now refresh automatically. Requests that previously returned 401 are retried after refreshing, so users stay signed in instead of being logged out. ([#15024](https://github.com/mastra-ai/mastra/pull/15024))
+
+- Updated dependencies [[`ed425d7`](https://github.com/mastra-ai/mastra/commit/ed425d78e7c66cbda8209fee910856f98c6c6b82), [`ba6f7e9`](https://github.com/mastra-ai/mastra/commit/ba6f7e9086d8281393f2acae60fda61de3bff1f9), [`7eb2596`](https://github.com/mastra-ai/mastra/commit/7eb25960d607e07468c9a10c5437abd2deaf1e9a)]:
+  - @mastra/core@1.23.0-alpha.0
+  - @mastra/client-js@1.13.1-alpha.0
+  - @mastra/ai-sdk@1.3.1
+  - @mastra/react@0.2.23-alpha.0
+
+## 22.0.0
+
+### Minor Changes
+
+- Add browser view UI components for agent threads ([#14938](https://github.com/mastra-ai/mastra/pull/14938))
+  - Browser thumbnail with expandable preview in chat
+  - Full-screen modal and sidebar browser views
+  - Real-time screencast display with mouse/keyboard interaction
+  - Browser tool call history visualization
+  - URL bar and tab information display
+
+- Added trajectory support to the playground UI. Expected trajectory is now visible and editable across all dataset views — item list, item detail panels, item dialogs, and standalone item pages. Trajectory scorers are visually distinguished in scorer lists and experiment results. Saving a trace as a dataset item auto-extracts the trajectory. ([#14902](https://github.com/mastra-ai/mastra/pull/14902))
+
+### Patch Changes
+
+- Consolidated Tab button styles into the Tab component, removing duplicated child selectors from TabList. Removed unused alignment prop. Active underline now uses the neutral4 design token. ([#15004](https://github.com/mastra-ai/mastra/pull/15004))
+
+- Matched tooltip panel background to dropdown and default button surface in Studio. ([#15009](https://github.com/mastra-ai/mastra/pull/15009))
+
+- Fixed Scores Over Time chart to always show a 24-hour view by collapsing multi-day ranges into hourly averages across all days in the selected period ([#14981](https://github.com/mastra-ai/mastra/pull/14981))
+
+- Added browser tools to the Agent details UI in Playground. Agents configured with browser support now show a "Browser Tools" section in metadata. ([#14998](https://github.com/mastra-ai/mastra/pull/14998))
+
+- Added gateway memory indicator in Studio agent memory panel. When an agent uses gateway-backed memory, the panel hides local-only sections (search, working memory, config) and shows a "Memory Gateway" badge instead. ([#14952](https://github.com/mastra-ai/mastra/pull/14952))
+
+- Aligned dropdown menu panel background with default button styling in Studio. ([#15009](https://github.com/mastra-ai/mastra/pull/15009))
+
+- Updated scores metrics to use aggregate and time series APIs instead of fetching raw scores. Scores Over Time chart now always shows hourly data points regardless of the selected time range. Avg Score KPI uses weighted averages via the aggregate API. Updated metrics card layout to use flexible row heights and refined chart legend styling. ([#14937](https://github.com/mastra-ai/mastra/pull/14937))
+
+- Fixed deep links for scorer, observability, and agent trace dialogs. ([#14970](https://github.com/mastra-ai/mastra/pull/14970))
+
+  Developers can now share and reload URLs that keep the selected trace, scoring tab, span, and score in Studio.
+
+  **Before**
+  `/observability`
+  `/agents/chef-agent/traces`
+  `/evaluation/scorers/response-quality`
+
+  **After**
+  `/observability?traceId=...&spanId=...&tab=scores&scoreId=...`
+  `/agents/chef-agent/traces?traceId=...&spanId=...&tab=scores&scoreId=...`
+  `/evaluation/scorers/response-quality?entity=...&scoreId=...`
+
+  This makes review links reliable across the scorer page, observability, and the agent traces view.
+
+- Fixed light theme visibility for metrics charts: CartesianGrid lines now adapt to the current theme, and HorizontalBars use reduced opacity in light mode so labels remain readable. Updated MetricsCard minimum height. ([#14975](https://github.com/mastra-ai/mastra/pull/14975))
+
+- Refactored chat error messages to use the Alert design system component instead of inline hardcoded styles, fixing text overflow on long error messages ([#15012](https://github.com/mastra-ai/mastra/pull/15012))
+
+- Updated dependencies [[`cb15509`](https://github.com/mastra-ai/mastra/commit/cb15509b58f6a83e11b765c945082afc027db972), [`81e4259`](https://github.com/mastra-ai/mastra/commit/81e425939b4ceeb4f586e9b6d89c3b1c1f2d2fe7), [`951b8a1`](https://github.com/mastra-ai/mastra/commit/951b8a1b5ef7e1474c59dc4f2b9fc1a8b1e508b6), [`80c5668`](https://github.com/mastra-ai/mastra/commit/80c5668e365470d3a96d3e953868fd7a643ff67c), [`3d478c1`](https://github.com/mastra-ai/mastra/commit/3d478c1e13f17b80f330ac49d7aa42ef929b93ff), [`2b4ea10`](https://github.com/mastra-ai/mastra/commit/2b4ea10b053e4ea1ab232d536933a4a3c4cba999), [`d87e6e6`](https://github.com/mastra-ai/mastra/commit/d87e6e61c42475a7b57768e71dfa12964326a632), [`c8c86aa`](https://github.com/mastra-ai/mastra/commit/c8c86aa1458017fbd1c0776fdc0c520d129df8a6), [`a0544f0`](https://github.com/mastra-ai/mastra/commit/a0544f0a1e6bd52ac12676228967c1938e43648d), [`6039f17`](https://github.com/mastra-ai/mastra/commit/6039f176f9c457304825ff1df8c83b8e457376c0), [`06b928d`](https://github.com/mastra-ai/mastra/commit/06b928dfc2f5630d023467476cc5919dfa858d0a), [`8791bb3`](https://github.com/mastra-ai/mastra/commit/8791bb358bef4daaa8a9413560c45b726edbdc66), [`6a8d984`](https://github.com/mastra-ai/mastra/commit/6a8d9841f2933456ee1598099f488d742b600054), [`c8c86aa`](https://github.com/mastra-ai/mastra/commit/c8c86aa1458017fbd1c0776fdc0c520d129df8a6)]:
+  - @mastra/core@1.22.0
+  - @mastra/client-js@1.13.0
+  - @mastra/ai-sdk@1.3.1
+  - @mastra/react@0.2.22
+
 ## 22.0.0-alpha.4
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -59106,12 +59106,59 @@ const useMastraPlatform = () => {
   return { isMastraPlatform, mastraPlatformEndpoint };
 };
 
+let refreshPromise = null;
+async function refreshSession(baseUrl, apiPrefix) {
+  try {
+    const res = await fetch(`${baseUrl}${apiPrefix}/auth/refresh`, {
+      method: "POST",
+      credentials: "include"
+    });
+    return res.ok;
+  } catch {
+    return false;
+  }
+}
+async function fetchWithRefresh(baseUrl, input, init) {
+  const request = new Request(input, init);
+  const retry = request.clone();
+  const res = await fetch(request);
+  if (res.status !== 401) return res;
+  if (new URL(request.url).pathname.endsWith("/auth/refresh")) return res;
+  if (!refreshPromise) {
+    refreshPromise = refreshSession(baseUrl, "/api").finally(() => {
+      refreshPromise = null;
+    });
+  }
+  const refreshed = await refreshPromise;
+  if (!refreshed) return res;
+  return fetch(retry);
+}
+function createFetchWithRefresh(baseUrl, apiPrefix = "/api") {
+  let localRefreshPromise = null;
+  return async (input, init) => {
+    const request = new Request(input, init);
+    const retry = request.clone();
+    const res = await fetch(request);
+    if (res.status !== 401) return res;
+    if (request.url.includes("/auth/refresh")) return res;
+    if (!localRefreshPromise) {
+      localRefreshPromise = refreshSession(baseUrl, apiPrefix).finally(() => {
+        localRefreshPromise = null;
+      });
+    }
+    const refreshed = await localRefreshPromise;
+    if (!refreshed) return res;
+    return fetch(retry);
+  };
+}
+
 function useCurrentUser() {
   const client = react.useMastraClient();
+  const baseUrl = client.options?.baseUrl || "";
   return reactQuery.useQuery({
     queryKey: ["auth", "me"],
     queryFn: async () => {
-      const response = await fetch(`${client.options?.baseUrl || ""}/api/auth/me`, {
+      const response = await fetchWithRefresh(baseUrl, `${baseUrl}/api/auth/me`, {
         credentials: "include",
         headers: {
           "Content-Type": "application/json"
@@ -60222,6 +60269,7 @@ exports.convertWorkflowRunStateToStreamResult = convertWorkflowRunStateToStreamR
 exports.countLeafRules = countLeafRules;
 exports.createDefaultRule = createDefaultRule;
 exports.createDefaultRuleGroup = createDefaultRuleGroup;
+exports.createFetchWithRefresh = createFetchWithRefresh;
 exports.createField = createField;
 exports.createInstructionBlock = createInstructionBlock;
 exports.createRefInstructionBlock = createRefInstructionBlock;
@@ -60229,6 +60277,7 @@ exports.createVariableAutocomplete = createVariableAutocomplete;
 exports.exportItemsToCSV = exportItemsToCSV;
 exports.exportItemsToJSON = exportItemsToJSON;
 exports.extractPrompt = extractPrompt;
+exports.fetchWithRefresh = fetchWithRefresh;
 exports.fieldConfig = fieldConfig;
 exports.fieldsToJSONSchema = fieldsToJSONSchema;
 exports.findProviderById = findProviderById;