@mastra/playground-ui 26.0.0-alpha.3 → 26.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +136 -0
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,141 @@
|
|
|
1
1
|
# @mastra/playground-ui
|
|
2
2
|
|
|
3
|
+
## 26.0.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- Improved the `NoLogsInfo` empty state. It now accepts optional `datePreset`, `dateFrom`, and `dateTo` props to show why no logs match the active range, suggests lowering the logging level, and links to the docs. Calling `<NoLogsInfo />` without props keeps the original copy. ([#16139](https://github.com/mastra-ai/mastra/pull/16139))
|
|
8
|
+
|
|
9
|
+
- Removed the deprecated `Notification` component. Use `Notice` for inline persistent context (errors, empty states) and `toast` (from `@mastra/playground-ui`'s sonner wrapper) for transient feedback (success messages, confirmations). ([#16033](https://github.com/mastra-ai/mastra/pull/16033))
|
|
10
|
+
|
|
11
|
+
```tsx
|
|
12
|
+
// Before
|
|
13
|
+
<Notification isVisible={true} type="error">Failed to load.</Notification>
|
|
14
|
+
|
|
15
|
+
// After — inline persistent context
|
|
16
|
+
<Notice variant="destructive">Failed to load.</Notice>
|
|
17
|
+
|
|
18
|
+
// Before
|
|
19
|
+
<Notification isVisible={true}>Saved successfully!</Notification>
|
|
20
|
+
|
|
21
|
+
// After — transient feedback
|
|
22
|
+
toast.info('Saved successfully');
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
- Added Studio UI for scheduled workflows. ([#15830](https://github.com/mastra-ai/mastra/pull/15830))
|
|
26
|
+
- `/workflows/schedules` lists every schedule across the project with the most recent run's status. Append `?workflowId=<id>` to filter to a single workflow.
|
|
27
|
+
- `/workflows/schedules/:scheduleId` shows the schedule's metadata, Pause/Resume controls, and paginated trigger history. Each trigger is deep-linked to its workflow run graph. The view polls every five seconds while any fired run is still active.
|
|
28
|
+
- A workflow's detail header shows a Schedules action when it has at least one schedule.
|
|
29
|
+
|
|
30
|
+
- Added SectionCard component to design system. Provides card primitive with tinted header strip (title, description, optional action slot), transparent body, and `default`/`danger` variants. Composes `CardHeading` for typography. Suitable for settings pages, dashboard sections, and grouped form layouts. ([#16168](https://github.com/mastra-ai/mastra/pull/16168))
|
|
31
|
+
|
|
32
|
+
```tsx
|
|
33
|
+
import { SectionCard } from '@mastra/playground-ui';
|
|
34
|
+
|
|
35
|
+
<SectionCard title="Theme" description="Customize the appearance.">
|
|
36
|
+
<ThemeSelector />
|
|
37
|
+
</SectionCard>;
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
- Redesigned the span token usage panel to show input vs output split with proportional bar and per-side detail breakdowns. `DataKeysAndValues` gained an optional `density='dense'` prop. ([#16143](https://github.com/mastra-ai/mastra/pull/16143))
|
|
41
|
+
|
|
42
|
+
- Removed the `CombinedButtons` component. Use `ButtonsGroup` with `spacing="close"` for the same segmented-style cluster of toggle buttons. ([#16035](https://github.com/mastra-ai/mastra/pull/16035))
|
|
43
|
+
|
|
44
|
+
```tsx
|
|
45
|
+
// Before
|
|
46
|
+
<CombinedButtons>
|
|
47
|
+
<Button>Agent</Button>
|
|
48
|
+
<Button>Model</Button>
|
|
49
|
+
</CombinedButtons>
|
|
50
|
+
|
|
51
|
+
// After
|
|
52
|
+
<ButtonsGroup spacing="close">
|
|
53
|
+
<Button>Agent</Button>
|
|
54
|
+
<Button>Model</Button>
|
|
55
|
+
</ButtonsGroup>
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
### Patch Changes
|
|
59
|
+
|
|
60
|
+
- Added support for icon-and-description layout in `Notice` by making `title` optional. When omitted, the notice renders as a single row with icon and description, useful for inline contextual messages. ([#16033](https://github.com/mastra-ai/mastra/pull/16033))
|
|
61
|
+
|
|
62
|
+
```tsx
|
|
63
|
+
// Before — title required
|
|
64
|
+
<Notice variant="info" title="Heads up">Some message.</Notice>
|
|
65
|
+
|
|
66
|
+
// After — title optional, single-row layout
|
|
67
|
+
<Notice variant="info">Some message.</Notice>
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
- Improved trace timeline span controls. Added tooltips with row counts to the expand-children, expand-all-descendants, and expand-at-this-level buttons. The expand-children button now collapses only the direct children rather than the entire subtree, and the descendants column gained a matching collapse-all-descendants action. Root spans show a single Expand all / Collapse all button using outward/inward double-chevrons. ([#16173](https://github.com/mastra-ai/mastra/pull/16173))
|
|
71
|
+
|
|
72
|
+
- Refreshed toast styling so it aligns with the Notice component and lets sonner own the layout. ([#16144](https://github.com/mastra-ai/mastra/pull/16144))
|
|
73
|
+
|
|
74
|
+
**What changed for users:**
|
|
75
|
+
- Variant toasts (success / error / warning / info) now render with the same notice color tokens as the `<Notice>` component, including bg, border and text color in both light and dark mode.
|
|
76
|
+
- Sonner's native layout is back in charge — the loader on `toast.promise`, the close button position, the icon placement and the mobile width all work as documented instead of fighting custom overrides.
|
|
77
|
+
- The native close button has its own polished hover: it blends with the toast at rest and lifts with a tinted bg + stronger border on hover, in every variant and theme.
|
|
78
|
+
- Sticky toasts can be made truly non-dismissible by passing both `dismissible: false` and `closeButton: false`.
|
|
79
|
+
- `toast.success / error / warning / info` now return sonner's toast id (or an array of ids when called with an array of messages) so callers can keep dismissing or updating the toast they created.
|
|
80
|
+
|
|
81
|
+
- Added a Scorer span type style on the trace timeline and a colored type dot before each span name so spans are visually flagged in both the name and timing columns. ([#16160](https://github.com/mastra-ai/mastra/pull/16160))
|
|
82
|
+
|
|
83
|
+
- Migrated Files/Skills tabs and agent page tabs (Chat/Editor/Evaluate/Review/Traces) to the design-system Tabs component for consistent styling and accessibility (Radix tablist, arrow-key navigation). Also added a `cursor-pointer` on the Tab trigger and a `disabled` prop on the DS Tab. ([#16148](https://github.com/mastra-ai/mastra/pull/16148))
|
|
84
|
+
|
|
85
|
+
- Added MCP Apps extension support (SEP-1865). MCPServer now accepts an `appResources` config to register interactive `ui://` HTML resources. MCPClient preserves full tool `_meta` (including `ui.resourceUri`) when converting MCP tools to Mastra tools. Both advertise the `io.modelcontextprotocol/ui` extension capability. ([#16004](https://github.com/mastra-ai/mastra/pull/16004))
|
|
86
|
+
|
|
87
|
+
**Example — MCPServer with app resources:**
|
|
88
|
+
|
|
89
|
+
```typescript
|
|
90
|
+
const server = new MCPServer({
|
|
91
|
+
name: 'my-server',
|
|
92
|
+
tools: { myTool },
|
|
93
|
+
appResources: {
|
|
94
|
+
dashboard: {
|
|
95
|
+
name: 'Dashboard',
|
|
96
|
+
description: 'Interactive dashboard UI',
|
|
97
|
+
html: '<html>...</html>',
|
|
98
|
+
},
|
|
99
|
+
},
|
|
100
|
+
});
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
- Added an informational notice on the trace data panel pointing users to Mastra Studio (local or deployed) when "Evaluate Trace" and "Save as Dataset Item" actions are not available in the current view. ([#16157](https://github.com/mastra-ai/mastra/pull/16157))
|
|
104
|
+
|
|
105
|
+
- Fixed pointer cursor on interactive form controls (Button, SelectTrigger, SelectItem) for better affordance. ([#16140](https://github.com/mastra-ai/mastra/pull/16140))
|
|
106
|
+
|
|
107
|
+
- Updated dependencies [[`6dcd65f`](https://github.com/mastra-ai/mastra/commit/6dcd65f2a34069e6dc43ba35f1d11119b9b40bef), [`86c0298`](https://github.com/mastra-ai/mastra/commit/86c0298e647306423c842f9d5ac827bd616bd13d), [`5900cc1`](https://github.com/mastra-ai/mastra/commit/5900cc11fbbb2f0776e54f04751467037c586904), [`c05c9a1`](https://github.com/mastra-ai/mastra/commit/c05c9a13230988cef6d438a62f37760f31927bc7), [`ca28c23`](https://github.com/mastra-ai/mastra/commit/ca28c232a2f18801a6cf20fe053479237b4d4fb0), [`e24aacb`](https://github.com/mastra-ai/mastra/commit/e24aacba07bd66f5d95b636dc24016fca26b52cf), [`7679a63`](https://github.com/mastra-ai/mastra/commit/7679a634eae8e8ca459fd87538fdf72b4389b07f), [`7679a63`](https://github.com/mastra-ai/mastra/commit/7679a634eae8e8ca459fd87538fdf72b4389b07f), [`7fce309`](https://github.com/mastra-ai/mastra/commit/7fce30912b14170bfc41f0ac736cca0f39fe0cd4), [`1d64a76`](https://github.com/mastra-ai/mastra/commit/1d64a765861a0772ea187bab76e5ed37bf82d042), [`1c2dda8`](https://github.com/mastra-ai/mastra/commit/1c2dda805fbfccc0abf55d4cb20cc34402dc3f0c), [`c721164`](https://github.com/mastra-ai/mastra/commit/c7211643f7ac861f83b19a3757cc921487fc9d75), [`1b55954`](https://github.com/mastra-ai/mastra/commit/1b559541c1e08a10e49d01ffc51a634dfc37a286), [`7997c2e`](https://github.com/mastra-ai/mastra/commit/7997c2e55ddd121562a4098cd8d2b89c68433bf1), [`5adc55e`](https://github.com/mastra-ai/mastra/commit/5adc55e63407be8ee977914957d68bcc2a075ceb), [`5adc55e`](https://github.com/mastra-ai/mastra/commit/5adc55e63407be8ee977914957d68bcc2a075ceb), [`39162cb`](https://github.com/mastra-ai/mastra/commit/39162cb952c0053fdd4ed7217ec7802a2027b19d), [`7679a63`](https://github.com/mastra-ai/mastra/commit/7679a634eae8e8ca459fd87538fdf72b4389b07f), [`a0d9b6d`](https://github.com/mastra-ai/mastra/commit/a0d9b6d6b810aeaa9e177a0dcc99a4402e609634), [`e97ccb9`](https://github.com/mastra-ai/mastra/commit/e97ccb900f8b7a390ce82c9f8eb8d6eb2c5e3777), [`f5afe62`](https://github.com/mastra-ai/mastra/commit/f5afe62beff3ae69148a35e55fe5375168897829), [`c5daf48`](https://github.com/mastra-ai/mastra/commit/c5daf48556e98c46ae06caf00f92c249912007e9), [`3a6c826`](https://github.com/mastra-ai/mastra/commit/3a6c826e8545ebf03d79554049e9d8ed43642062), [`70017d7`](https://github.com/mastra-ai/mastra/commit/70017d72ab741b5d7040e2a15c251a317782e39e), [`cd96779`](https://github.com/mastra-ai/mastra/commit/cd9677937f113b2856dc8b9f3d4bdabcee58bb2e), [`b0c7022`](https://github.com/mastra-ai/mastra/commit/b0c70224f80dad7c0cdbfb22cbff22e0f75c064f), [`e4942bc`](https://github.com/mastra-ai/mastra/commit/e4942bc7fdc903572f7d84f26d5e15f9d39c763d), [`8f6b651`](https://github.com/mastra-ai/mastra/commit/8f6b65181d0bbafb6f7cdbfc2d53e4d6587381c2)]:
|
|
108
|
+
- @mastra/core@1.32.0
|
|
109
|
+
- @mastra/client-js@1.17.0
|
|
110
|
+
- @mastra/react@0.2.34
|
|
111
|
+
|
|
112
|
+
## 26.0.0-alpha.4
|
|
113
|
+
|
|
114
|
+
### Patch Changes
|
|
115
|
+
|
|
116
|
+
- Added MCP Apps extension support (SEP-1865). MCPServer now accepts an `appResources` config to register interactive `ui://` HTML resources. MCPClient preserves full tool `_meta` (including `ui.resourceUri`) when converting MCP tools to Mastra tools. Both advertise the `io.modelcontextprotocol/ui` extension capability. ([#16004](https://github.com/mastra-ai/mastra/pull/16004))
|
|
117
|
+
|
|
118
|
+
**Example — MCPServer with app resources:**
|
|
119
|
+
|
|
120
|
+
```typescript
|
|
121
|
+
const server = new MCPServer({
|
|
122
|
+
name: 'my-server',
|
|
123
|
+
tools: { myTool },
|
|
124
|
+
appResources: {
|
|
125
|
+
dashboard: {
|
|
126
|
+
name: 'Dashboard',
|
|
127
|
+
description: 'Interactive dashboard UI',
|
|
128
|
+
html: '<html>...</html>',
|
|
129
|
+
},
|
|
130
|
+
},
|
|
131
|
+
});
|
|
132
|
+
```
|
|
133
|
+
|
|
134
|
+
- Updated dependencies [[`7679a63`](https://github.com/mastra-ai/mastra/commit/7679a634eae8e8ca459fd87538fdf72b4389b07f), [`7679a63`](https://github.com/mastra-ai/mastra/commit/7679a634eae8e8ca459fd87538fdf72b4389b07f), [`1d64a76`](https://github.com/mastra-ai/mastra/commit/1d64a765861a0772ea187bab76e5ed37bf82d042), [`7679a63`](https://github.com/mastra-ai/mastra/commit/7679a634eae8e8ca459fd87538fdf72b4389b07f), [`a0d9b6d`](https://github.com/mastra-ai/mastra/commit/a0d9b6d6b810aeaa9e177a0dcc99a4402e609634)]:
|
|
135
|
+
- @mastra/client-js@1.17.0-alpha.4
|
|
136
|
+
- @mastra/core@1.32.0-alpha.4
|
|
137
|
+
- @mastra/react@0.2.34-alpha.4
|
|
138
|
+
|
|
3
139
|
## 26.0.0-alpha.3
|
|
4
140
|
|
|
5
141
|
### Patch Changes
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mastra/playground-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "26.0.0
|
|
4
|
+
"version": "26.0.0",
|
|
5
5
|
"description": "Mastra Playground components",
|
|
6
6
|
"main": "dist/index.umd.js",
|
|
7
7
|
"module": "dist/index.es.js",
|
|
@@ -98,8 +98,8 @@
|
|
|
98
98
|
"lucide-react": "^0.474.0",
|
|
99
99
|
"react": ">=19.0.0",
|
|
100
100
|
"tailwindcss": "^4.0.0",
|
|
101
|
-
"@mastra/client-js": "^1.17.0
|
|
102
|
-
"@mastra/react": "0.2.34
|
|
101
|
+
"@mastra/client-js": "^1.17.0",
|
|
102
|
+
"@mastra/react": "0.2.34"
|
|
103
103
|
},
|
|
104
104
|
"devDependencies": {
|
|
105
105
|
"@storybook/addon-a11y": "^10.3.6",
|
|
@@ -133,10 +133,10 @@
|
|
|
133
133
|
"vite-plugin-dts": "^4.5.4",
|
|
134
134
|
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
135
135
|
"vitest": "4.1.5",
|
|
136
|
-
"@
|
|
137
|
-
"@mastra/
|
|
138
|
-
"@mastra/react": "0.2.34
|
|
139
|
-
"@
|
|
136
|
+
"@mastra/client-js": "^1.17.0",
|
|
137
|
+
"@mastra/core": "1.32.0",
|
|
138
|
+
"@mastra/react": "0.2.34",
|
|
139
|
+
"@internal/lint": "0.0.91"
|
|
140
140
|
},
|
|
141
141
|
"homepage": "https://mastra.ai",
|
|
142
142
|
"repository": {
|