@mastra/playground-ui 27.0.0-alpha.11 → 27.0.0-alpha.14
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 +79 -0
- package/dist/index.cjs.js +381 -297
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.css +48 -34
- package/dist/index.es.js +379 -294
- package/dist/index.es.js.map +1 -1
- package/dist/src/domains/traces/components/format-hierarchical-spans.d.ts +7 -1
- package/dist/src/domains/traces/components/index.d.ts +1 -0
- package/dist/src/domains/traces/components/span-data-panel-view.d.ts +7 -1
- package/dist/src/domains/traces/components/trace-data-panel-view.d.ts +7 -1
- package/dist/src/domains/traces/components/traces-list-mode-toggle.d.ts +12 -0
- package/dist/src/domains/traces/components/traces-list-view.d.ts +8 -1
- package/dist/src/domains/traces/hooks/index.d.ts +2 -0
- package/dist/src/domains/traces/hooks/use-branch.d.ts +52 -0
- package/dist/src/domains/traces/hooks/use-trace-list-navigation.d.ts +7 -2
- package/dist/src/domains/traces/hooks/use-trace-or-branch-spans.d.ts +25 -0
- package/dist/src/domains/traces/hooks/use-trace-url-state.d.ts +12 -1
- package/dist/src/domains/traces/trace-filters.d.ts +3 -0
- package/dist/src/ds/components/Button/Button.d.ts +1 -1
- package/dist/src/ds/components/Combobox/combobox-styles.d.ts +7 -1
- package/dist/src/ds/components/Combobox/combobox.d.ts +3 -3
- package/dist/src/ds/components/Command/command.d.ts +1 -1
- package/dist/src/ds/components/Input/input.d.ts +2 -2
- package/dist/src/ds/components/StatusBadge/StatusBadge.d.ts +1 -1
- package/dist/src/ds/components/Tabs/tabs-list.d.ts +3 -2
- package/dist/src/ds/components/Tabs/tabs.stories.d.ts +1 -0
- package/dist/src/ds/components/Textarea/textarea.d.ts +2 -2
- package/dist/src/index.d.ts +0 -1
- package/package.json +6 -6
- package/dist/src/ds/components/Threads/index.d.ts +0 -1
- package/dist/src/ds/components/Threads/threads.d.ts +0 -28
- package/dist/src/ds/components/Threads/threads.stories.d.ts +0 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,84 @@
|
|
|
1
1
|
# @mastra/playground-ui
|
|
2
2
|
|
|
3
|
+
## 27.0.0-alpha.14
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- Added an "All traces, nested too" mode to the Observability → Traces page. ([#16479](https://github.com/mastra-ai/mastra/pull/16479))
|
|
8
|
+
|
|
9
|
+
The traces list now has a switcher in the toolbar to toggle between two views:
|
|
10
|
+
- **Top-level traces only** (default) — one row per top-level run, the existing behavior.
|
|
11
|
+
- **All traces, nested too** — one row per invocation, including every agent, workflow, tool, processor, scorer, and RAG ingestion that ran nested inside another run.
|
|
12
|
+
|
|
13
|
+
This makes it possible to find every invocation of a given entity (e.g. "every run of `recipe-maker` workflow") regardless of how it was triggered. Selecting a row in the new mode opens a detail panel showing just that branch's subtree.
|
|
14
|
+
|
|
15
|
+
**New hooks** for consumers building their own observability UIs:
|
|
16
|
+
- `useBranch({ traceId, spanId, depth? })` — fetches the span subtree rooted at an anchor span.
|
|
17
|
+
- `useTraceOrBranchSpans({ traceId, spanId, listMode })` — returns trace spans or a branch subtree depending on the active mode.
|
|
18
|
+
|
|
19
|
+
- **Added** new `pill-ghost` variant on `Tabs` and `sticky` prop on `TabList` for sticky tab headers. ([#16433](https://github.com/mastra-ai/mastra/pull/16433))
|
|
20
|
+
|
|
21
|
+
```tsx
|
|
22
|
+
<Tabs defaultTab="overview">
|
|
23
|
+
<TabList variant="pill-ghost" sticky>
|
|
24
|
+
<Tab value="overview">Overview</Tab>
|
|
25
|
+
<Tab value="settings">Settings</Tab>
|
|
26
|
+
</TabList>
|
|
27
|
+
</Tabs>
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
**Added** `variant` prop on `Combobox` (`default`, `ghost`, `link`) for flexible trigger styling. Note: this prop existed previously but was a no-op; it now actually drives the trigger appearance, so callers passing `variant` will see updated styles.
|
|
31
|
+
|
|
32
|
+
```tsx
|
|
33
|
+
// Bordered form input (default)
|
|
34
|
+
<Combobox options={options} value={value} onValueChange={setValue} />
|
|
35
|
+
|
|
36
|
+
// Borderless, hover-only surface
|
|
37
|
+
<Combobox options={options} value={value} onValueChange={setValue} variant="ghost" />
|
|
38
|
+
|
|
39
|
+
// Text-only trigger
|
|
40
|
+
<Combobox options={options} value={value} onValueChange={setValue} variant="link" />
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
**Improved** `EntityHeader` layout — title and children now share a single row with wrapping, and padding is tighter for denser headers.
|
|
44
|
+
|
|
45
|
+
**Improved** `ScrollArea` to handle vertical/horizontal orientation correctly, preventing forced horizontal scroll when only vertical is needed.
|
|
46
|
+
|
|
47
|
+
**Improved** `PanelSeparator` with a pill-shaped handle that grows on hover/active for a clearer affordance.
|
|
48
|
+
|
|
49
|
+
**Removed** `Threads`, `ThreadList`, `ThreadItem`, `ThreadLink`, `ThreadDeleteButton` exports. These had no consumers outside this repository. Downstream users relying on these exports should compose an equivalent list locally using the underlying DS primitives (`Button`, `Icon`, `Txt`) — the `playground` package now contains a reference implementation under `src/components/thread-list`.
|
|
50
|
+
|
|
51
|
+
```diff
|
|
52
|
+
- import { Threads, ThreadList, ThreadItem, ThreadLink, ThreadDeleteButton } from '@mastra/playground-ui';
|
|
53
|
+
+ // Compose locally with @mastra/playground-ui primitives (Button, Icon, Txt)
|
|
54
|
+
+ // or copy the reference implementation from the playground package.
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
### Patch Changes
|
|
58
|
+
|
|
59
|
+
- Updated dependencies [[`f984b4d`](https://github.com/mastra-ai/mastra/commit/f984b4d6c60bf2ae2a9b156f0e8c35a66fe96c91), [`ce01024`](https://github.com/mastra-ai/mastra/commit/ce010242eee9bdfc09e4c26725b9d37998679a8d), [`f984b4d`](https://github.com/mastra-ai/mastra/commit/f984b4d6c60bf2ae2a9b156f0e8c35a66fe96c91), [`8373ff4`](https://github.com/mastra-ai/mastra/commit/8373ff46745d77af79f183c4470f80fa2727a6b2), [`11c1528`](https://github.com/mastra-ai/mastra/commit/11c152848c5d0ef227184853b5040f5b41ee7b1e)]:
|
|
60
|
+
- @mastra/core@1.33.0-alpha.13
|
|
61
|
+
- @mastra/client-js@1.18.0-alpha.14
|
|
62
|
+
- @mastra/react@0.2.36-alpha.14
|
|
63
|
+
|
|
64
|
+
## 27.0.0-alpha.13
|
|
65
|
+
|
|
66
|
+
### Patch Changes
|
|
67
|
+
|
|
68
|
+
- Updated dependencies [[`b59316f`](https://github.com/mastra-ai/mastra/commit/b59316ffa0f7688165b0f9c81ccdf85da461e5b2), [`55f1e2d`](https://github.com/mastra-ai/mastra/commit/55f1e2d65425b95a49ae788053b266f256e38c96), [`19a2b5e`](https://github.com/mastra-ai/mastra/commit/19a2b5eda9d93f6e1026e0c84f3c1f1c85700a9f), [`d48a705`](https://github.com/mastra-ai/mastra/commit/d48a705ff3dfbdc7a996e07ecd8293b5effd9a2a)]:
|
|
69
|
+
- @mastra/core@1.33.0-alpha.12
|
|
70
|
+
- @mastra/client-js@1.18.0-alpha.13
|
|
71
|
+
- @mastra/react@0.2.36-alpha.13
|
|
72
|
+
|
|
73
|
+
## 27.0.0-alpha.12
|
|
74
|
+
|
|
75
|
+
### Patch Changes
|
|
76
|
+
|
|
77
|
+
- Updated dependencies [[`37c0dc5`](https://github.com/mastra-ai/mastra/commit/37c0dc5697d343db98628bf867bf71ce6deec6d7), [`ef6b584`](https://github.com/mastra-ai/mastra/commit/ef6b5847ac33c0a7e80af3a86e8801e2933dd3ee), [`4dd900d`](https://github.com/mastra-ai/mastra/commit/4dd900d75dfe9be89f8c15188b368a8622aa1e18), [`4ff5bdf`](https://github.com/mastra-ai/mastra/commit/4ff5bdfe170cba6dfb5260c6af0f4ba668430772), [`bbcd93c`](https://github.com/mastra-ai/mastra/commit/bbcd93cf7d8aa1007d6d84bfd033b8015c912087), [`308bd07`](https://github.com/mastra-ai/mastra/commit/308bd074f35cef0c75d82fc1eb19382fe04ecf6f)]:
|
|
78
|
+
- @mastra/core@1.33.0-alpha.11
|
|
79
|
+
- @mastra/client-js@1.18.0-alpha.12
|
|
80
|
+
- @mastra/react@0.2.36-alpha.12
|
|
81
|
+
|
|
3
82
|
## 27.0.0-alpha.11
|
|
4
83
|
|
|
5
84
|
### Minor Changes
|