@mastra/playground-ui 22.2.0-alpha.9 → 23.0.0-alpha.11
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 +48 -0
- package/dist/index.cjs.js +807 -33
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.css +197 -9
- package/dist/index.es.js +804 -35
- package/dist/index.es.js.map +1 -1
- package/dist/src/ds/components/BrandLoader/brand-loader.stories.d.ts +6 -0
- package/dist/src/ds/components/DateTimeRangePicker/date-time-range-picker.d.ts +6 -1
- package/dist/src/ds/components/ErrorBoundary/ErrorBoundary.d.ts +44 -0
- package/dist/src/ds/components/ErrorBoundary/error-boundary.stories.d.ts +12 -0
- package/dist/src/ds/components/ErrorBoundary/index.d.ts +2 -0
- package/dist/src/ds/components/PropertyFilter/index.d.ts +5 -0
- package/dist/src/ds/components/PropertyFilter/pick-multi-panel.d.ts +17 -0
- package/dist/src/ds/components/PropertyFilter/property-filter-actions.d.ts +16 -0
- package/dist/src/ds/components/PropertyFilter/property-filter-applied.d.ts +21 -0
- package/dist/src/ds/components/PropertyFilter/property-filter-creator.d.ts +26 -0
- package/dist/src/ds/components/PropertyFilter/property-filter.stories.d.ts +13 -0
- package/dist/src/ds/components/PropertyFilter/types.d.ts +36 -0
- package/dist/src/index.d.ts +2 -0
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,53 @@
|
|
|
1
1
|
# @mastra/playground-ui
|
|
2
2
|
|
|
3
|
+
## 23.0.0-alpha.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- New filter UX on the studio's **Traces** and **Logs** pages. Click **+ Add Filter** to pick a property and narrow by value; active filters render as editable pills. Filter state lives in the URL so filtered views survive reloads and can be shared by link. **Save filters for next time** remembers a default; **Clear** and **Remove all filters** are one click away. ([#15512](https://github.com/mastra-ai/mastra/pull/15512))
|
|
8
|
+
|
|
9
|
+
- Updated dependencies [[`20f59b8`](https://github.com/mastra-ai/mastra/commit/20f59b876cf91199efbc49a0e36b391240708f08), [`e2687a7`](https://github.com/mastra-ai/mastra/commit/e2687a7408790c384563816a9a28ed06735684c9), [`e2687a7`](https://github.com/mastra-ai/mastra/commit/e2687a7408790c384563816a9a28ed06735684c9), [`8f1b280`](https://github.com/mastra-ai/mastra/commit/8f1b280b7fe6999ec654f160cb69c1a8719e7a57), [`12df98c`](https://github.com/mastra-ai/mastra/commit/12df98c4904643d9481f5c78f3bed443725b4c96)]:
|
|
10
|
+
- @mastra/core@1.26.0-alpha.11
|
|
11
|
+
- @mastra/client-js@1.14.0-alpha.11
|
|
12
|
+
- @mastra/react@0.2.27-alpha.11
|
|
13
|
+
|
|
14
|
+
## 23.0.0-alpha.10
|
|
15
|
+
|
|
16
|
+
### Minor Changes
|
|
17
|
+
|
|
18
|
+
- Added `ErrorBoundary` component to catch and display runtime errors in the studio. Wraps routes in the local playground so a crash on one page (e.g. an agent editor referencing an unresolved workspace skill) surfaces a friendly recovery UI with **Try again** (in-place React reset), **Reload page** (full browser refresh), and **Report issue** (opens the Mastra GitHub issues page in a new tab) actions, plus a collapsible stack trace — instead of a blank screen. ([#15561](https://github.com/mastra-ai/mastra/pull/15561))
|
|
19
|
+
|
|
20
|
+
The fallback is spatially aware: it fills its parent and the icon, heading, and body text scale up on wider containers via Tailwind container queries. Scope the boundary to a single widget to keep the rest of the UI interactive while one panel fails.
|
|
21
|
+
|
|
22
|
+
**Usage**
|
|
23
|
+
|
|
24
|
+
```tsx
|
|
25
|
+
import { ErrorBoundary } from '@mastra/playground-ui';
|
|
26
|
+
import { useLocation } from 'react-router';
|
|
27
|
+
|
|
28
|
+
// Route-level: wrap the router outlet, reset when the path changes
|
|
29
|
+
function Layout({ children }) {
|
|
30
|
+
const { pathname } = useLocation();
|
|
31
|
+
return <ErrorBoundary resetKeys={[pathname]}>{children}</ErrorBoundary>;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
// Scoped: contain the crash to one panel, leave the rest of the tree alone
|
|
35
|
+
<ErrorBoundary variant="inline" title="The editor failed to render">
|
|
36
|
+
<AgentEditor />
|
|
37
|
+
</ErrorBoundary>;
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Props: `fallback` (node or render prop with `{ error, errorInfo, reset }`), `onError` for reporting, `resetKeys` for automatic reset, `variant` (`'section'` — fills available space, default; `'inline'` — stays compact), and `title` / `description` overrides.
|
|
41
|
+
|
|
42
|
+
### Patch Changes
|
|
43
|
+
|
|
44
|
+
- Align BrandLoader geometry with the Mastra logo: match disk positions to the logo path, introduce per-size stroke widths and bubble radii (sm/md/lg), and rebalance the gooey filter for rounder ridge↔disk fillets. Shift the size scale so sm stays, md is now w-8, lg is now w-10, and the old w-16 size is removed. ([#15531](https://github.com/mastra-ai/mastra/pull/15531))
|
|
45
|
+
|
|
46
|
+
- Updated dependencies [[`aba393e`](https://github.com/mastra-ai/mastra/commit/aba393e2da7390c69b80e516a4f153cda6f09376), [`0a5fa1d`](https://github.com/mastra-ai/mastra/commit/0a5fa1d3cb0583889d06687155f26fd7d2edc76c), [`ea43e64`](https://github.com/mastra-ai/mastra/commit/ea43e646dd95d507694b6112b0bf1df22ad552b2), [`00d1b16`](https://github.com/mastra-ai/mastra/commit/00d1b16b401199cb294fa23f43336547db4dca9b), [`af8a57e`](https://github.com/mastra-ai/mastra/commit/af8a57ed9ba9685ad8601d5b71ae3706da6222f9), [`be49755`](https://github.com/mastra-ai/mastra/commit/be4975575e63b38f63af588ea8ce6f4cf5b8ff2c)]:
|
|
47
|
+
- @mastra/core@1.26.0-alpha.10
|
|
48
|
+
- @mastra/client-js@1.14.0-alpha.10
|
|
49
|
+
- @mastra/react@0.2.27-alpha.10
|
|
50
|
+
|
|
3
51
|
## 22.2.0-alpha.9
|
|
4
52
|
|
|
5
53
|
### Minor Changes
|