@mastra/playground-ui 27.0.1 → 27.1.0-alpha.2

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 (176) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/dist/index.cjs.js +335 -170
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.css +121 -80
  5. package/dist/index.es.js +327 -171
  6. package/dist/index.es.js.map +1 -1
  7. package/dist/src/domains/logs/components/logs-layout.d.ts +1 -1
  8. package/dist/src/domains/metrics/components/card-action-buttons.d.ts +1 -1
  9. package/dist/src/domains/metrics/components/latency-card-view.d.ts +1 -1
  10. package/dist/src/domains/metrics/components/memory-card-view.d.ts +1 -1
  11. package/dist/src/domains/metrics/components/model-usage-cost-card-view.d.ts +1 -1
  12. package/dist/src/domains/metrics/components/token-usage-by-agent-card-view.d.ts +1 -1
  13. package/dist/src/domains/metrics/components/traces-volume-card-view.d.ts +1 -1
  14. package/dist/src/domains/metrics/hooks/use-metrics.d.ts +2 -2
  15. package/dist/src/domains/traces/components/span-data-panel-view.d.ts +1 -1
  16. package/dist/src/domains/traces/components/trace-timeline.d.ts +1 -1
  17. package/dist/src/domains/traces/components/traces-layout.d.ts +1 -1
  18. package/dist/src/domains/traces/components/traces-toolbar.d.ts +1 -1
  19. package/dist/src/domains/traces/trace-filters.d.ts +8 -1
  20. package/dist/src/domains/traces/types.d.ts +1 -1
  21. package/dist/src/ds/components/Badge/Badge.d.ts +1 -1
  22. package/dist/src/ds/components/Breadcrumb/Breadcrumb.d.ts +4 -2
  23. package/dist/src/ds/components/Button/Button.d.ts +1 -1
  24. package/dist/src/ds/components/Button/ButtonWithTooltip.d.ts +1 -1
  25. package/dist/src/ds/components/Chip/chip.d.ts +1 -1
  26. package/dist/src/ds/components/Chip/chips-group.d.ts +1 -1
  27. package/dist/src/ds/components/CodeEditor/code-editor.d.ts +3 -3
  28. package/dist/src/ds/components/Collapsible/collapsible.d.ts +1 -1
  29. package/dist/src/ds/components/Columns/multi-column.d.ts +1 -1
  30. package/dist/src/ds/components/DashboardCard/dashboard-card.d.ts +1 -1
  31. package/dist/src/ds/components/DataDetailsPanel/data-details-panel-content.d.ts +1 -1
  32. package/dist/src/ds/components/DataDetailsPanel/data-details-panel-loading-data.d.ts +1 -1
  33. package/dist/src/ds/components/DataFilter/select-data-filter.d.ts +1 -1
  34. package/dist/src/ds/components/DataList/ScoresDataList/scores-data-list.d.ts +3 -3
  35. package/dist/src/ds/components/DataList/TracesDataList/traces-data-list.d.ts +4 -4
  36. package/dist/src/ds/components/DataList/data-list-cells.d.ts +1 -1
  37. package/dist/src/ds/components/DataList/data-list-root.d.ts +1 -1
  38. package/dist/src/ds/components/DataList/data-list-row-button.d.ts +2 -2
  39. package/dist/src/ds/components/DataList/data-list-row-link.d.ts +1 -1
  40. package/dist/src/ds/components/DataList/data-list-row.d.ts +2 -2
  41. package/dist/src/ds/components/DataList/data-list-subheader.d.ts +2 -2
  42. package/dist/src/ds/components/DataList/data-list-subheading.d.ts +1 -1
  43. package/dist/src/ds/components/DataList/data-list-top-cell.d.ts +2 -2
  44. package/dist/src/ds/components/DataList/data-list-top.d.ts +1 -1
  45. package/dist/src/ds/components/DataList/data-list.d.ts +4 -4
  46. package/dist/src/ds/components/DataPanel/data-panel-content.d.ts +1 -1
  47. package/dist/src/ds/components/DataPanel/data-panel-loading-data.d.ts +1 -1
  48. package/dist/src/ds/components/EntityList/entity-list-cells.d.ts +1 -1
  49. package/dist/src/ds/components/EntityList/entity-list-root.d.ts +1 -1
  50. package/dist/src/ds/components/EntityList/entity-list-row-link.d.ts +1 -1
  51. package/dist/src/ds/components/EntityList/entity-list-row.d.ts +1 -1
  52. package/dist/src/ds/components/EntityList/entity-list-rows.d.ts +1 -1
  53. package/dist/src/ds/components/EntityList/entity-list-top-cell.d.ts +2 -2
  54. package/dist/src/ds/components/EntityList/entity-list-top.d.ts +1 -1
  55. package/dist/src/ds/components/EntityList/entity-list.d.ts +1 -1
  56. package/dist/src/ds/components/EntityListPageLayout/entity-list-page-layout-root.d.ts +1 -1
  57. package/dist/src/ds/components/EntityListPageLayout/entity-list-page-layout-top.d.ts +1 -1
  58. package/dist/src/ds/components/Entry/entry.d.ts +1 -1
  59. package/dist/src/ds/components/EntryList/entry-list-entries.d.ts +1 -1
  60. package/dist/src/ds/components/EntryList/entry-list-root.d.ts +1 -1
  61. package/dist/src/ds/components/EntryList/entry-list-trim.d.ts +1 -1
  62. package/dist/src/ds/components/Header/Header.d.ts +1 -1
  63. package/dist/src/ds/components/HorizontalBars/horizontal-bars.d.ts +1 -1
  64. package/dist/src/ds/components/ItemList/item-list-items-scroller.d.ts +1 -1
  65. package/dist/src/ds/components/ItemList/item-list-items.d.ts +1 -1
  66. package/dist/src/ds/components/ItemList/item-list-root.d.ts +1 -1
  67. package/dist/src/ds/components/KeyValueList/key-value-list.d.ts +1 -1
  68. package/dist/src/ds/components/Logo/MastraLogo.d.ts +1 -1
  69. package/dist/src/ds/components/LogsDataList/logs-data-list.d.ts +3 -3
  70. package/dist/src/ds/components/MainHeader/main-header-root.d.ts +1 -1
  71. package/dist/src/ds/components/MainSidebar/main-sidebar-bottom.d.ts +1 -1
  72. package/dist/src/ds/components/MainSidebar/main-sidebar-context.d.ts +1 -1
  73. package/dist/src/ds/components/MainSidebar/main-sidebar-mobile-trigger.d.ts +1 -1
  74. package/dist/src/ds/components/MainSidebar/main-sidebar-nav-header.d.ts +1 -1
  75. package/dist/src/ds/components/MainSidebar/main-sidebar-nav-label.d.ts +1 -1
  76. package/dist/src/ds/components/MainSidebar/main-sidebar-nav-link.d.ts +3 -3
  77. package/dist/src/ds/components/MainSidebar/main-sidebar-nav-list.d.ts +1 -1
  78. package/dist/src/ds/components/MainSidebar/main-sidebar-nav-section.d.ts +1 -1
  79. package/dist/src/ds/components/MainSidebar/main-sidebar-nav-separator.d.ts +1 -1
  80. package/dist/src/ds/components/MainSidebar/main-sidebar-nav.d.ts +1 -1
  81. package/dist/src/ds/components/MainSidebar/main-sidebar-trigger.d.ts +1 -1
  82. package/dist/src/ds/components/MetricsCard/metrics-card-actions.d.ts +1 -1
  83. package/dist/src/ds/components/MetricsCard/metrics-card-content.d.ts +1 -1
  84. package/dist/src/ds/components/MetricsCard/metrics-card-root.d.ts +1 -1
  85. package/dist/src/ds/components/MetricsCard/metrics-card-title-and-description.d.ts +1 -1
  86. package/dist/src/ds/components/MetricsCard/metrics-card-top-bar.d.ts +1 -1
  87. package/dist/src/ds/components/MetricsDataTable/metrics-data-table.d.ts +1 -1
  88. package/dist/src/ds/components/MetricsFlexGrid/metrics-flex-grid.d.ts +1 -1
  89. package/dist/src/ds/components/MetricsKpiCard/metrics-kpi-card-root.d.ts +1 -1
  90. package/dist/src/ds/components/Notice/notice-root.d.ts +1 -1
  91. package/dist/src/ds/components/PageHeader/page-header-root.d.ts +1 -1
  92. package/dist/src/ds/components/PageLayout/index.d.ts +1 -0
  93. package/dist/src/ds/components/PageLayout/no-data-page-layout.d.ts +4 -4
  94. package/dist/src/ds/components/PageLayout/page-heading-context.d.ts +2 -0
  95. package/dist/src/ds/components/PageLayout/page-layout-main-area.d.ts +1 -1
  96. package/dist/src/ds/components/PageLayout/page-layout-root.d.ts +1 -1
  97. package/dist/src/ds/components/PageLayout/page-layout-top-area.d.ts +1 -1
  98. package/dist/src/ds/components/PropertyFilter/property-filter-applied.d.ts +1 -1
  99. package/dist/src/ds/components/PropertyFilter/types.d.ts +7 -0
  100. package/dist/src/ds/components/ScrollableContainer/scrollable-container.d.ts +1 -1
  101. package/dist/src/ds/components/Section/section-header.d.ts +1 -1
  102. package/dist/src/ds/components/Section/section-heading.d.ts +1 -1
  103. package/dist/src/ds/components/SectionCard/card-heading.d.ts +1 -1
  104. package/dist/src/ds/components/SectionCard/section-card.d.ts +1 -1
  105. package/dist/src/ds/components/SettingsRow/settings-row.d.ts +1 -1
  106. package/dist/src/ds/components/SideDialog/side-dialog-code-section.d.ts +1 -1
  107. package/dist/src/ds/components/Table/Cells.d.ts +1 -1
  108. package/dist/src/ds/components/Table/Table.d.ts +1 -1
  109. package/dist/src/ds/components/ThemeProvider/theme-context.d.ts +1 -1
  110. package/dist/src/ds/components/Tree/tree.d.ts +8 -8
  111. package/dist/src/ds/components/Txt/Txt.d.ts +1 -1
  112. package/dist/src/ds/icons/AgentCoinIcon.d.ts +1 -1
  113. package/dist/src/ds/icons/AgentIcon.d.ts +1 -1
  114. package/dist/src/ds/icons/AiIcon.d.ts +1 -1
  115. package/dist/src/ds/icons/AmazonIcon.d.ts +1 -1
  116. package/dist/src/ds/icons/AnthropicChatIcon.d.ts +1 -1
  117. package/dist/src/ds/icons/AnthropicMessagesIcon.d.ts +1 -1
  118. package/dist/src/ds/icons/ApiIcon.d.ts +1 -1
  119. package/dist/src/ds/icons/AzureIcon.d.ts +1 -1
  120. package/dist/src/ds/icons/BranchIcon.d.ts +1 -1
  121. package/dist/src/ds/icons/CheckIcon.d.ts +1 -1
  122. package/dist/src/ds/icons/ChevronIcon.d.ts +1 -1
  123. package/dist/src/ds/icons/CohereIcon.d.ts +1 -1
  124. package/dist/src/ds/icons/CommitIcon.d.ts +1 -1
  125. package/dist/src/ds/icons/CrossIcon.d.ts +1 -1
  126. package/dist/src/ds/icons/DatasetsIcon.d.ts +2 -0
  127. package/dist/src/ds/icons/DbIcon.d.ts +1 -1
  128. package/dist/src/ds/icons/DebugIcon.d.ts +1 -1
  129. package/dist/src/ds/icons/DeploymentIcon.d.ts +1 -1
  130. package/dist/src/ds/icons/DividerIcon.d.ts +1 -1
  131. package/dist/src/ds/icons/DocsIcon.d.ts +1 -1
  132. package/dist/src/ds/icons/EnvIcon.d.ts +1 -1
  133. package/dist/src/ds/icons/ExperimentsIcon.d.ts +2 -0
  134. package/dist/src/ds/icons/FiltersIcon.d.ts +1 -1
  135. package/dist/src/ds/icons/FolderIcon.d.ts +1 -1
  136. package/dist/src/ds/icons/GithubCoinIcon.d.ts +1 -1
  137. package/dist/src/ds/icons/GithubIcon.d.ts +1 -1
  138. package/dist/src/ds/icons/GoogleIcon.d.ts +1 -1
  139. package/dist/src/ds/icons/GroqIcon.d.ts +1 -1
  140. package/dist/src/ds/icons/HomeIcon.d.ts +1 -1
  141. package/dist/src/ds/icons/Icon.d.ts +1 -1
  142. package/dist/src/ds/icons/InfoIcon.d.ts +1 -1
  143. package/dist/src/ds/icons/JudgeIcon.d.ts +1 -1
  144. package/dist/src/ds/icons/LatencyIcon.d.ts +1 -1
  145. package/dist/src/ds/icons/LogsIcon.d.ts +1 -1
  146. package/dist/src/ds/icons/MastraIcon.d.ts +1 -1
  147. package/dist/src/ds/icons/McpCoinIcon.d.ts +1 -1
  148. package/dist/src/ds/icons/McpServerIcon.d.ts +1 -1
  149. package/dist/src/ds/icons/MemoryIcon.d.ts +1 -1
  150. package/dist/src/ds/icons/MetricsIcon.d.ts +2 -0
  151. package/dist/src/ds/icons/MistralIcon.d.ts +1 -1
  152. package/dist/src/ds/icons/NetlifyIcon.d.ts +1 -1
  153. package/dist/src/ds/icons/OpenAIIcon.d.ts +1 -1
  154. package/dist/src/ds/icons/OpenaiChatIcon.d.ts +1 -1
  155. package/dist/src/ds/icons/ProcessorIcon.d.ts +1 -1
  156. package/dist/src/ds/icons/PromptIcon.d.ts +1 -1
  157. package/dist/src/ds/icons/RepoIcon.d.ts +1 -1
  158. package/dist/src/ds/icons/RequestContextIcon.d.ts +2 -0
  159. package/dist/src/ds/icons/ScorersIcon.d.ts +2 -0
  160. package/dist/src/ds/icons/SettingsIcon.d.ts +1 -1
  161. package/dist/src/ds/icons/SkillIcon.d.ts +1 -1
  162. package/dist/src/ds/icons/SlashIcon.d.ts +1 -1
  163. package/dist/src/ds/icons/ToolCoinIcon.d.ts +1 -1
  164. package/dist/src/ds/icons/ToolsIcon.d.ts +1 -1
  165. package/dist/src/ds/icons/TraceIcon.d.ts +1 -1
  166. package/dist/src/ds/icons/TsIcon.d.ts +1 -1
  167. package/dist/src/ds/icons/VariablesIcon.d.ts +1 -1
  168. package/dist/src/ds/icons/WorkflowCoinIcon.d.ts +1 -1
  169. package/dist/src/ds/icons/WorkflowIcon.d.ts +1 -1
  170. package/dist/src/ds/icons/WorkspacesIcon.d.ts +2 -0
  171. package/dist/src/ds/icons/XGroqIcon.d.ts +1 -1
  172. package/dist/src/ds/icons/index.d.ts +6 -0
  173. package/dist/src/ds/types/link-component.d.ts +1 -1
  174. package/dist/src/hooks/use-autoscroll.d.ts +1 -1
  175. package/dist/src/lib/toast.d.ts +1 -1
  176. package/package.json +9 -6
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const NetlifyIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const OpenAIIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const OpenaiChatIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { ComponentProps } from '../../../node_modules/@types/react';
1
+ import { ComponentProps } from 'react';
2
2
  export declare function ProcessorIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const PromptIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const RepoIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { default as React } from 'react';
2
+ export declare const RequestContextIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { default as React } from 'react';
2
+ export declare const ScorersIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const SettingsIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const SkillIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const SlashIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const ToolCoinIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const ToolsIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const TraceIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const TsIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const VariablesIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const WorkflowCoinIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const WorkflowIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { default as React } from 'react';
2
+ export declare const WorkspacesIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { default as React } from '../../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export declare const XGroqIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -53,3 +53,9 @@ export * from './MistralIcon';
53
53
  export * from './NetlifyIcon';
54
54
  export * from './OpenaiChatIcon';
55
55
  export * from './XGroqIcon';
56
+ export * from './WorkspacesIcon';
57
+ export * from './RequestContextIcon';
58
+ export * from './ScorersIcon';
59
+ export * from './DatasetsIcon';
60
+ export * from './ExperimentsIcon';
61
+ export * from './MetricsIcon';
@@ -1,3 +1,3 @@
1
- import { AnchorHTMLAttributes, ForwardRefExoticComponent, RefAttributes } from '../../../node_modules/@types/react';
1
+ import { AnchorHTMLAttributes, ForwardRefExoticComponent, RefAttributes } from 'react';
2
2
  export type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement>;
3
3
  export type LinkComponent = ForwardRefExoticComponent<LinkComponentProps & RefAttributes<HTMLAnchorElement>>;
@@ -1,4 +1,4 @@
1
- import { default as React } from '../../node_modules/@types/react';
1
+ import { default as React } from 'react';
2
2
  export interface UseAutoscrollOptions {
3
3
  enabled?: boolean;
4
4
  }
@@ -1,4 +1,4 @@
1
- import { ReactNode } from '../../node_modules/@types/react';
1
+ import { ReactNode } from 'react';
2
2
  import { ExternalToast, ToasterProps } from 'sonner';
3
3
  export declare const Toaster: ({ className, toastOptions, ...rest }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export declare const toast: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mastra/playground-ui",
3
3
  "type": "module",
4
- "version": "27.0.1",
4
+ "version": "27.1.0-alpha.2",
5
5
  "description": "Mastra Playground components",
6
6
  "main": "dist/index.umd.js",
7
7
  "module": "dist/index.es.js",
@@ -98,9 +98,10 @@
98
98
  "@tanstack/react-query": "^5.90.21",
99
99
  "lucide-react": "^0.474.0",
100
100
  "react": ">=19.0.0",
101
+ "react-dom": ">=19.0.0",
101
102
  "tailwindcss": "^4.0.0",
102
- "@mastra/client-js": "^1.18.1",
103
- "@mastra/react": "0.3.1"
103
+ "@mastra/client-js": "^1.18.2-alpha.2",
104
+ "@mastra/react": "0.3.2-alpha.2"
104
105
  },
105
106
  "devDependencies": {
106
107
  "@storybook/addon-a11y": "^10.3.6",
@@ -124,6 +125,8 @@
124
125
  "eslint-plugin-react-refresh": "^0.5.2",
125
126
  "eslint-plugin-storybook": "^10.3.6",
126
127
  "jsdom": "^26.1.0",
128
+ "react": "^19.2.5",
129
+ "react-dom": "^19.2.5",
127
130
  "rollup-plugin-node-externals": "^8.1.2",
128
131
  "storybook": "^10.3.6",
129
132
  "tailwind-merge": "^3.5.0",
@@ -135,9 +138,9 @@
135
138
  "vite-plugin-lib-inject-css": "^2.2.2",
136
139
  "vitest": "4.1.5",
137
140
  "@internal/lint": "0.0.94",
138
- "@mastra/client-js": "^1.18.1",
139
- "@mastra/react": "0.3.1",
140
- "@mastra/core": "1.33.1"
141
+ "@mastra/core": "1.34.0-alpha.2",
142
+ "@mastra/client-js": "^1.18.2-alpha.2",
143
+ "@mastra/react": "0.3.2-alpha.2"
141
144
  },
142
145
  "homepage": "https://mastra.ai",
143
146
  "repository": {