@mastra/playground-ui 29.0.0-alpha.1 → 29.0.0-alpha.3
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 +76 -0
- package/dist/index.cjs.js +275 -92
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.css +61 -64
- package/dist/index.es.js +277 -93
- package/dist/index.es.js.map +1 -1
- package/dist/src/domains/traces/components/traces-list-view.d.ts +5 -1
- package/dist/src/domains/traces/hooks/use-traces.d.ts +108 -8
- package/dist/src/ds/components/Button/Button.d.ts +1 -1
- package/dist/src/ds/components/Button/index.d.ts +0 -1
- package/dist/src/ds/components/DashboardCard/dashboard-card.stories.d.ts +1 -0
- package/dist/src/ds/components/MainSidebar/main-sidebar-nav-link.d.ts +0 -1
- package/dist/src/ds/components/SectionCard/section-card.stories.d.ts +1 -0
- package/package.json +7 -7
- package/dist/src/ds/components/Button/ButtonWithTooltip.d.ts +0 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,81 @@
|
|
|
1
1
|
# @mastra/playground-ui
|
|
2
2
|
|
|
3
|
+
## 29.0.0-alpha.3
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- Removed `ButtonWithTooltip` from `@mastra/playground-ui`. Use `Button` with the `tooltip` prop instead. ([#16719](https://github.com/mastra-ai/mastra/pull/16719))
|
|
8
|
+
|
|
9
|
+
**Migration**
|
|
10
|
+
|
|
11
|
+
```tsx
|
|
12
|
+
// before
|
|
13
|
+
import { ButtonWithTooltip } from '@mastra/playground-ui';
|
|
14
|
+
|
|
15
|
+
<ButtonWithTooltip tooltipContent="Search">
|
|
16
|
+
<Search />
|
|
17
|
+
</ButtonWithTooltip>;
|
|
18
|
+
|
|
19
|
+
// after
|
|
20
|
+
import { Button } from '@mastra/playground-ui';
|
|
21
|
+
|
|
22
|
+
<Button tooltip="Search">
|
|
23
|
+
<Search />
|
|
24
|
+
</Button>;
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
`tooltip` supports the same values as `tooltipContent`. Icon-only buttons that pass a string `tooltip` now also get it as their `aria-label` automatically, matching how labelled controls have always behaved. Pass an explicit `aria-label` to override.
|
|
28
|
+
|
|
29
|
+
### Patch Changes
|
|
30
|
+
|
|
31
|
+
- The Traces list now updates live via delta polling. Previously the list was refetched every 10 seconds, replacing the whole page with no signal about what changed; now new traces appear within a few seconds of being created, with a brief highlight to draw attention. Status changes on already-visible rows (running → success / error) also propagate without intervention, and returning to the tab after being idle re-syncs from a fresh cursor. ([#16727](https://github.com/mastra-ai/mastra/pull/16727))
|
|
32
|
+
|
|
33
|
+
**New `useTraces` return fields**
|
|
34
|
+
- `isRefetching` — true while any meaningful refetch is in flight. Use it to drive a heartbeat indicator.
|
|
35
|
+
- `autoRefetch` / `setAutoRefetch` — pause / resume all automatic polling so the consumer can render an opt-out toggle.
|
|
36
|
+
- `recentlyAddedKeys` — `Set<string>` of `traceId:spanId` for rows that just arrived via delta polling. Drives the temporary highlight in `TracesListView`.
|
|
37
|
+
|
|
38
|
+
**New polling config**
|
|
39
|
+
|
|
40
|
+
Every timing in the hook is tunable per-instance via a new `polling` option:
|
|
41
|
+
|
|
42
|
+
```ts
|
|
43
|
+
import { useTraces, type TracesPollingConfig } from '@mastra/playground-ui';
|
|
44
|
+
|
|
45
|
+
useTraces({
|
|
46
|
+
filters,
|
|
47
|
+
listMode,
|
|
48
|
+
polling: {
|
|
49
|
+
deltaPollIntervalMs: 10_000,
|
|
50
|
+
idleGuardThresholdMs: 5 * 60_000,
|
|
51
|
+
},
|
|
52
|
+
});
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
Omitted fields fall through to the defaults (delta poll every 5s, idle reset after 15 min, status refresh every 60s, etc).
|
|
56
|
+
|
|
57
|
+
**TracesListView**
|
|
58
|
+
|
|
59
|
+
New optional `recentlyAddedKeys?: Set<string>` prop. Rows whose `traceId:spanId` is in the set get the `animate-row-highlight` class — a brief fade-out to transparent, added to `index.css`.
|
|
60
|
+
|
|
61
|
+
**Compatibility**
|
|
62
|
+
|
|
63
|
+
Requires `@mastra/server` and `@mastra/client-js` at the versions that ship the observability delta-polling endpoints, and a store that opts into delta polling (`@mastra/clickhouse`, `@mastra/duckdb`, and the in-memory store today). When unavailable — older server or a store without delta capability — the hook silently falls back to page-mode interval refetching. No consumer changes required.
|
|
64
|
+
|
|
65
|
+
- Updated dependencies [[`5556cc1`](https://github.com/mastra-ai/mastra/commit/5556cc1befec71518d84f826b3bfe3a079a9daf7), [`5499303`](https://github.com/mastra-ai/mastra/commit/54993032c1ebc09642625b78d2014e0cf84a3cae), [`3498b49`](https://github.com/mastra-ai/mastra/commit/3498b4946be94f4313cd817733589680dcda5278), [`e47bca7`](https://github.com/mastra-ai/mastra/commit/e47bca7b72866d3abd173b9f530ac4318113a8ff), [`0031d0f`](https://github.com/mastra-ai/mastra/commit/0031d0f13831d7843ac5d498734a7d92862e2ce3), [`3498b49`](https://github.com/mastra-ai/mastra/commit/3498b4946be94f4313cd817733589680dcda5278), [`359439b`](https://github.com/mastra-ai/mastra/commit/359439bb8c635e048176306828195f8297f50021)]:
|
|
66
|
+
- @mastra/core@1.36.0-alpha.3
|
|
67
|
+
- @mastra/client-js@1.20.0-alpha.3
|
|
68
|
+
- @mastra/react@0.4.0-alpha.3
|
|
69
|
+
|
|
70
|
+
## 29.0.0-alpha.2
|
|
71
|
+
|
|
72
|
+
### Patch Changes
|
|
73
|
+
|
|
74
|
+
- Updated dependencies [[`5ba7253`](https://github.com/mastra-ai/mastra/commit/5ba7253745c85e8df8012a76d954c640ffa336f7), [`6b25032`](https://github.com/mastra-ai/mastra/commit/6b250329fa4795b4d085cba4077c7998893c1d59), [`f73980d`](https://github.com/mastra-ai/mastra/commit/f73980d651eb5f7f1ab20582de4615a1b6f10fce), [`9c88701`](https://github.com/mastra-ai/mastra/commit/9c8870195b41a38dc40b6ba2aa55eda04df8fa69), [`9c88701`](https://github.com/mastra-ai/mastra/commit/9c8870195b41a38dc40b6ba2aa55eda04df8fa69), [`4e88dc6`](https://github.com/mastra-ai/mastra/commit/4e88dc6b89f154c0eae37221c8126be0c23c569f), [`19018f0`](https://github.com/mastra-ai/mastra/commit/19018f05722af74a5978781a7731a654b26f7f2a)]:
|
|
75
|
+
- @mastra/core@1.36.0-alpha.2
|
|
76
|
+
- @mastra/client-js@1.20.0-alpha.2
|
|
77
|
+
- @mastra/react@0.4.0-alpha.2
|
|
78
|
+
|
|
3
79
|
## 29.0.0-alpha.1
|
|
4
80
|
|
|
5
81
|
### Patch Changes
|