@mastra/playground-ui 30.0.0-alpha.1 → 30.0.0-alpha.10

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.
Files changed (23) hide show
  1. package/CHANGELOG.md +159 -0
  2. package/dist/index.cjs.js +527 -97
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.css +372 -54
  5. package/dist/index.es.js +508 -98
  6. package/dist/index.es.js.map +1 -1
  7. package/dist/src/ds/components/Avatar/Avatar.d.ts +3 -1
  8. package/dist/src/ds/components/DataList/data-list-row-static.d.ts +8 -0
  9. package/dist/src/ds/components/DataList/data-list.d.ts +1 -0
  10. package/dist/src/ds/components/Drawer/drawer.d.ts +90 -0
  11. package/dist/src/ds/components/Drawer/drawer.stories.d.ts +18 -0
  12. package/dist/src/ds/components/Drawer/index.d.ts +1 -0
  13. package/dist/src/ds/components/HoverCard/hover-card.d.ts +38 -0
  14. package/dist/src/ds/components/HoverCard/hover-card.stories.d.ts +8 -0
  15. package/dist/src/ds/components/HoverCard/index.d.ts +1 -0
  16. package/dist/src/ds/components/KeyValueList/key-value-list.stories.d.ts +5 -0
  17. package/dist/src/ds/components/Searchbar/searchbar.d.ts +2 -1
  18. package/dist/src/ds/components/Select/select.d.ts +48 -12
  19. package/dist/src/ds/components/Tabs/tabs-list.d.ts +7 -1
  20. package/dist/src/ds/components/Tabs/tabs.stories.d.ts +1 -0
  21. package/dist/src/index.d.ts +3 -0
  22. package/dist/src/lib/colors.d.ts +1 -3
  23. package/package.json +6 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,164 @@
1
1
  # @mastra/playground-ui
2
2
 
3
+ ## 30.0.0-alpha.10
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [[`d72dc4b`](https://github.com/mastra-ai/mastra/commit/d72dc4b12d832546c05c20255fa96fe4eb515900)]:
8
+ - @mastra/core@1.37.0-alpha.9
9
+ - @mastra/client-js@1.21.0-alpha.10
10
+ - @mastra/react@0.4.1-alpha.10
11
+
12
+ ## 30.0.0-alpha.9
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies [[`271d891`](https://github.com/mastra-ai/mastra/commit/271d8917e4323340f9fe549f3e8de55810dbbcbe)]:
17
+ - @mastra/client-js@1.21.0-alpha.9
18
+ - @mastra/react@0.4.1-alpha.9
19
+
20
+ ## 30.0.0-alpha.8
21
+
22
+ ### Patch Changes
23
+
24
+ - Exported ContextMenu from the package entry so it can be imported alongside other Base UI primitives. ([#17062](https://github.com/mastra-ai/mastra/pull/17062))
25
+
26
+ - Updated dependencies [[`c35b962`](https://github.com/mastra-ai/mastra/commit/c35b9625c7e854fcfdeee226a3338a750d0ff211), [`c35b962`](https://github.com/mastra-ai/mastra/commit/c35b9625c7e854fcfdeee226a3338a750d0ff211), [`9be1545`](https://github.com/mastra-ai/mastra/commit/9be1545475eb81a716169bb1281a37853cc739e0), [`4084113`](https://github.com/mastra-ai/mastra/commit/408411370fc48a822e8b616b3b63f9409774e0e9), [`bc01b1b`](https://github.com/mastra-ai/mastra/commit/bc01b1bfafe381d90af909f8bce7eeb4eee779f2), [`1120b4f`](https://github.com/mastra-ai/mastra/commit/1120b4fa928552c6ee1751efa5603d955841e766)]:
27
+ - @mastra/core@1.37.0-alpha.8
28
+ - @mastra/client-js@1.21.0-alpha.8
29
+ - @mastra/react@0.4.1-alpha.8
30
+
31
+ ## 30.0.0-alpha.7
32
+
33
+ ### Patch Changes
34
+
35
+ - Design-system additions to support theming: ([#17059](https://github.com/mastra-ai/mastra/pull/17059))
36
+ - `Avatar` now accepts optional `color` and `textColor` props for per-instance tinting, and falls back to the initial when the image fails to load.
37
+ - `Searchbar` accepts an optional `className` to let consumers tune layout without forking.
38
+ - `TabList` accepts a `style` prop and the active-tab indicator now reads from the `--tab-indicator-color` CSS variable, letting parents theme the indicator (e.g. per-agent accent color).
39
+ - `stringToColor` now accepts any `number` for the `lightness` argument and defaults to `90` instead of `75` for a lighter fallback chip.
40
+ - Global `body` rule enables `font-smoothing` / `-webkit-font-smoothing` for crisper UI text.
41
+
42
+ - Updated dependencies [[`f1b9f87`](https://github.com/mastra-ai/mastra/commit/f1b9f87a00505f15d4fe39f92de287674adc2198), [`168fa09`](https://github.com/mastra-ai/mastra/commit/168fa09d6b39114cb8c13bd06f1dccb9bc81c6cd), [`af2e1f8`](https://github.com/mastra-ai/mastra/commit/af2e1f8e2a2d2c4ba75167d5c93ca44395639eff)]:
43
+ - @mastra/react@0.4.1-alpha.7
44
+ - @mastra/core@1.37.0-alpha.7
45
+ - @mastra/client-js@1.21.0-alpha.7
46
+
47
+ ## 30.0.0-alpha.6
48
+
49
+ ### Patch Changes
50
+
51
+ - Updated dependencies [[`0cbece9`](https://github.com/mastra-ai/mastra/commit/0cbece9d832cb134a74cdbf3682d390a058215a4), [`7dfe1bc`](https://github.com/mastra-ai/mastra/commit/7dfe1bcfe71d261a6fd6bbf29b1dec49d78fb98f), [`70cb714`](https://github.com/mastra-ai/mastra/commit/70cb7149c8f16f478e15b58498254a53181750a4), [`7f9da22`](https://github.com/mastra-ai/mastra/commit/7f9da22efd5aa595e138a31de55a5f0f2f28b33d)]:
52
+ - @mastra/core@1.37.0-alpha.6
53
+ - @mastra/client-js@1.21.0-alpha.6
54
+ - @mastra/react@0.4.1-alpha.6
55
+
56
+ ## 30.0.0-alpha.5
57
+
58
+ ### Patch Changes
59
+
60
+ - Improved the Select component by migrating it to Base UI for more reliable positioning and accessibility. The public API (`Select`, `SelectTrigger`, `SelectContent`, `SelectItem`, `SelectValue`, `SelectGroup`) is unchanged, so no consumer updates are needed. ([#16918](https://github.com/mastra-ai/mastra/pull/16918))
61
+
62
+ - Added `DataList.RowStatic`, a non-interactive row primitive. It renders a row that looks identical to other list rows but does not respond to clicks and shows no hover/focus state — use it alongside `DataList.RowButton` / `DataList.RowLink` when only some rows are clickable (e.g. error or placeholder entries in an otherwise navigable list). ([#16970](https://github.com/mastra-ai/mastra/pull/16970))
63
+
64
+ ```tsx
65
+ {
66
+ rows.map(row =>
67
+ row.href ? (
68
+ <DataList.RowLink key={row.id} to={row.href} LinkComponent={Link}>
69
+ {row.cells}
70
+ </DataList.RowLink>
71
+ ) : (
72
+ <DataList.RowStatic key={row.id}>{row.cells}</DataList.RowStatic>
73
+ ),
74
+ );
75
+ }
76
+ ```
77
+
78
+ - Fixed Studio Settings page (and other default-height `PageLayout` pages) clipping their content with no scrollbar on viewports shorter than the form. Users on short laptop screens (under ~991px tall) could not reach the Save button under the Mastra Connection headers form, making it impossible to apply changes. Default-height `PageLayout` pages now grow with their content and scroll through the studio chrome wrapper; `height="full"` pages (Logs, Traces, Metrics, etc.) are unchanged. ([#16999](https://github.com/mastra-ai/mastra/pull/16999))
79
+
80
+ - Restyled scrollbars across the studio UI to match the design system — thin, themed thumb on a transparent track — replacing the default OS scrollbars that clashed with dark and light surfaces. ([#16918](https://github.com/mastra-ai/mastra/pull/16918))
81
+
82
+ - Updated dependencies [[`6096445`](https://github.com/mastra-ai/mastra/commit/60964459733f0ab384584d95e19c36607ffdf7b0), [`91cf0e0`](https://github.com/mastra-ai/mastra/commit/91cf0e027e511b871481a8576b56b7af83b15afd)]:
83
+ - @mastra/core@1.37.0-alpha.5
84
+ - @mastra/client-js@1.21.0-alpha.5
85
+ - @mastra/react@0.4.1-alpha.5
86
+
87
+ ## 30.0.0-alpha.4
88
+
89
+ ### Patch Changes
90
+
91
+ - Updated dependencies [[`b7286f4`](https://github.com/mastra-ai/mastra/commit/b7286f4308267f5fd70e6bfee10dba9472640906), [`a481027`](https://github.com/mastra-ai/mastra/commit/a481027b549ba1018414990c8f045eaee7b9f413), [`801baa0`](https://github.com/mastra-ai/mastra/commit/801baa07cccdbaec1d00942a92bdc831111744a2), [`b3c3b18`](https://github.com/mastra-ai/mastra/commit/b3c3b189121489a3a51a8fd8204b569be9a89fe5)]:
92
+ - @mastra/core@1.37.0-alpha.4
93
+ - @mastra/client-js@1.21.0-alpha.4
94
+ - @mastra/react@0.4.1-alpha.4
95
+
96
+ ## 30.0.0-alpha.3
97
+
98
+ ### Minor Changes
99
+
100
+ - Added a Drawer component — a panel that slides in from any edge of the screen with swipe-to-dismiss gestures. ([#16958](https://github.com/mastra-ai/mastra/pull/16958))
101
+
102
+ The Drawer can be anchored to any of the four screen edges and supports snap points, nested stacking, controlled state, non-modal mode, swipe-to-open areas, and detached triggers.
103
+
104
+ ```tsx
105
+ import {
106
+ Drawer,
107
+ DrawerTrigger,
108
+ DrawerContent,
109
+ DrawerHeader,
110
+ DrawerTitle,
111
+ DrawerDescription,
112
+ DrawerFooter,
113
+ DrawerClose,
114
+ Button,
115
+ } from '@mastra/playground-ui';
116
+
117
+ <Drawer side="right">
118
+ <DrawerTrigger asChild>
119
+ <Button>Open</Button>
120
+ </DrawerTrigger>
121
+ <DrawerContent>
122
+ <DrawerHeader>
123
+ <DrawerTitle>Library</DrawerTitle>
124
+ <DrawerDescription>A panel that slides in from the right edge.</DrawerDescription>
125
+ </DrawerHeader>
126
+ <DrawerFooter>
127
+ <DrawerClose asChild>
128
+ <Button variant="outline">Close</Button>
129
+ </DrawerClose>
130
+ </DrawerFooter>
131
+ </DrawerContent>
132
+ </Drawer>;
133
+ ```
134
+
135
+ - Added a reusable `HoverCard` component (`HoverCard`, `HoverCardTrigger`, `HoverCardContent`) built on Base UI. You can now use these exported components to add hover card interactions anywhere in your UI. ([#16919](https://github.com/mastra-ai/mastra/pull/16919))
136
+
137
+ ```tsx
138
+ import { HoverCard, HoverCardTrigger, HoverCardContent } from '@mastra/playground-ui';
139
+
140
+ <HoverCard>
141
+ <HoverCardTrigger>Weather Agent</HoverCardTrigger>
142
+ <HoverCardContent>Answers questions about current conditions and forecasts.</HoverCardContent>
143
+ </HoverCard>;
144
+ ```
145
+
146
+ ### Patch Changes
147
+
148
+ - Updated dependencies [[`ac442a4`](https://github.com/mastra-ai/mastra/commit/ac442a42fda0354ac2bcea772bf6691cb3e9dbb3), [`1e5c067`](https://github.com/mastra-ai/mastra/commit/1e5c067d2e20a781af670578180d1ee249806d41), [`008baaf`](https://github.com/mastra-ai/mastra/commit/008baafd8d851f831407045aebead5a2e3342eff), [`8116436`](https://github.com/mastra-ai/mastra/commit/81164363eb225d774e41ff27da6a5ea611406688), [`c27c4b9`](https://github.com/mastra-ai/mastra/commit/c27c4b9f137df5414fca4e45896aceccff6b0ed5), [`08b3b59`](https://github.com/mastra-ai/mastra/commit/08b3b590dd960dee6c9a6e39272f8927d803db6e)]:
149
+ - @mastra/core@1.37.0-alpha.3
150
+ - @mastra/client-js@1.21.0-alpha.3
151
+ - @mastra/react@0.4.1-alpha.3
152
+
153
+ ## 30.0.0-alpha.2
154
+
155
+ ### Patch Changes
156
+
157
+ - Updated dependencies [[`df1947a`](https://github.com/mastra-ai/mastra/commit/df1947affa40f742067542251fac7ca759492ef4), [`ee59b74`](https://github.com/mastra-ai/mastra/commit/ee59b743ce73ad11784b4d9c6fbba8568edee1c8), [`a97b1a0`](https://github.com/mastra-ai/mastra/commit/a97b1a0abaed83946c3519d1e0f680d0815b8a67)]:
158
+ - @mastra/core@1.37.0-alpha.2
159
+ - @mastra/client-js@1.21.0-alpha.2
160
+ - @mastra/react@0.4.1-alpha.2
161
+
3
162
  ## 30.0.0-alpha.1
4
163
 
5
164
  ### Patch Changes