@mastra/playground-ui 7.0.0-beta.9 → 7.0.1-alpha.0

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 (175) hide show
  1. package/CHANGELOG.md +223 -376
  2. package/dist/index.cjs.js +4412 -3510
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.es.js +4390 -3491
  5. package/dist/index.es.js.map +1 -1
  6. package/dist/src/components/assistant-ui/memory-search.d.ts +1 -1
  7. package/dist/src/components/assistant-ui/messages/user-messages.d.ts +1 -0
  8. package/dist/src/components/assistant-ui/thread-list.d.ts +2 -0
  9. package/dist/src/components/assistant-ui/tools/tool-approval.d.ts +8 -0
  10. package/dist/src/components/assistant-ui/tooltip-icon-button.d.ts +1 -6
  11. package/dist/src/components/icons/agent-icon.d.ts +3 -0
  12. package/dist/src/components/icons/automation-icon.d.ts +3 -0
  13. package/dist/src/components/syntax-highlighter.d.ts +1 -2
  14. package/dist/src/components/ui/button.d.ts +3 -8
  15. package/dist/src/components/ui/copyable-content.d.ts +7 -0
  16. package/dist/src/components/ui/dropdown-menu.d.ts +42 -0
  17. package/dist/src/components/ui/elements/buttons/button.d.ts +0 -1
  18. package/dist/src/components/ui/elements/buttons/index.d.ts +0 -1
  19. package/dist/src/components/ui/elements/entry-list/entry-list-toolbar.d.ts +6 -0
  20. package/dist/src/components/ui/elements/form-fields/form-actions.d.ts +12 -0
  21. package/dist/src/components/ui/elements/form-fields/index.d.ts +4 -0
  22. package/dist/src/components/ui/elements/form-fields/radio-group-field.d.ts +21 -0
  23. package/dist/src/components/ui/elements/form-fields/search-field.d.ts +1 -4
  24. package/dist/src/components/ui/elements/form-fields/slider-field.d.ts +15 -0
  25. package/dist/src/components/ui/elements/form-fields/textarea-field.d.ts +11 -0
  26. package/dist/src/components/ui/elements/headers/entity-main-header.d.ts +11 -0
  27. package/dist/src/components/ui/elements/headers/index.d.ts +1 -0
  28. package/dist/src/components/ui/elements/main-sidebar/main-sidebar.d.ts +1 -1
  29. package/dist/src/components/ui/elements/side-dialog/side-dialog-footer.d.ts +10 -0
  30. package/dist/src/components/ui/elements/side-dialog/side-dialog-top.d.ts +2 -1
  31. package/dist/src/components/ui/formatted-date.d.ts +3 -0
  32. package/dist/src/components/ui/input.d.ts +1 -1
  33. package/dist/src/components/ui/resizable.d.ts +23 -0
  34. package/dist/src/components/ui/score-indicator.d.ts +3 -0
  35. package/dist/src/components/ui/syntax-highlighter.d.ts +1 -1
  36. package/dist/src/components/ui/textarea.d.ts +1 -1
  37. package/dist/src/components/ui/toggle.d.ts +12 -0
  38. package/dist/src/domains/agents/components/agent-chat.d.ts +1 -2
  39. package/dist/src/domains/agents/components/agent-entity-header.d.ts +3 -1
  40. package/dist/src/domains/agents/components/agent-evals.d.ts +8 -0
  41. package/dist/src/domains/agents/components/agent-information/agent-information.d.ts +0 -25
  42. package/dist/src/domains/agents/components/agent-information/agent-instructions-enhancer.d.ts +4 -2
  43. package/dist/src/domains/agents/components/agent-information/current-instructions.d.ts +15 -0
  44. package/dist/src/domains/agents/components/agent-information/version-actions.d.ts +8 -0
  45. package/dist/src/domains/agents/components/agent-information/version-history-dialog.d.ts +9 -0
  46. package/dist/src/domains/agents/components/agent-information/version-history.d.ts +10 -0
  47. package/dist/src/domains/agents/components/agent-information/version-item.d.ts +14 -0
  48. package/dist/src/domains/agents/components/agent-metadata/agent-metadata-model-switcher.d.ts +2 -1
  49. package/dist/src/domains/agents/components/agent-metadata/agent-metadata-prompt.d.ts +4 -0
  50. package/dist/src/domains/agents/components/agent-metadata/agent-metadata.d.ts +13 -2
  51. package/dist/src/domains/agents/components/agent-metadata/connection-dot.d.ts +6 -0
  52. package/dist/src/domains/agents/components/agent-metadata/index.d.ts +1 -0
  53. package/dist/src/domains/agents/components/agent-metadata/models.d.ts +5 -0
  54. package/dist/src/domains/agents/components/agent-metadata/provider-status-indicator.d.ts +7 -0
  55. package/dist/src/domains/agents/components/agent-settings.d.ts +4 -2
  56. package/dist/src/domains/agents/components/{request-context.d.ts → runtime-context.d.ts} +2 -2
  57. package/dist/src/domains/agents/context/agent-context.d.ts +1 -2
  58. package/dist/src/domains/agents/context/index.d.ts +1 -1
  59. package/dist/src/domains/agents/context/model-reset-context.d.ts +4 -0
  60. package/dist/src/domains/agents/hooks/use-agent-settings-state.d.ts +1 -2
  61. package/dist/src/domains/agents/hooks/use-execute-agent-tool.d.ts +1 -1
  62. package/dist/src/domains/agents/hooks/use-prompt-enhancer.d.ts +13 -5
  63. package/dist/src/domains/agents/hooks/use-prompt-versions.d.ts +12 -0
  64. package/dist/src/domains/agents/index.d.ts +2 -4
  65. package/dist/src/domains/evals/hooks/index.d.ts +1 -0
  66. package/dist/src/domains/evals/hooks/use-evals-by-agent-id.d.ts +14 -0
  67. package/dist/src/domains/evals/index.d.ts +1 -0
  68. package/dist/src/domains/evals/types.d.ts +23 -0
  69. package/dist/src/domains/mcps/index.d.ts +0 -1
  70. package/dist/src/domains/memory/hooks/use-memory.d.ts +9 -8
  71. package/dist/src/domains/observability/components/helpers.d.ts +6 -4
  72. package/dist/src/domains/observability/components/index.d.ts +1 -1
  73. package/dist/src/domains/observability/components/shared.d.ts +5 -2
  74. package/dist/src/domains/observability/components/span-details.d.ts +2 -2
  75. package/dist/src/domains/observability/components/span-dialog.d.ts +6 -8
  76. package/dist/src/domains/observability/components/span-score-list.d.ts +2 -2
  77. package/dist/src/domains/observability/components/span-scoring.d.ts +1 -4
  78. package/dist/src/domains/observability/components/span-tabs.d.ts +6 -8
  79. package/dist/src/domains/observability/components/trace-dialog.d.ts +4 -7
  80. package/dist/src/domains/observability/components/trace-span-usage.d.ts +2 -2
  81. package/dist/src/domains/observability/components/trace-timeline-legend.d.ts +6 -0
  82. package/dist/src/domains/observability/components/trace-timeline-span.d.ts +1 -6
  83. package/dist/src/domains/observability/components/trace-timeline.d.ts +1 -5
  84. package/dist/src/domains/observability/components/traces-list.d.ts +3 -3
  85. package/dist/src/domains/observability/index.d.ts +0 -1
  86. package/dist/src/domains/observability/types.d.ts +0 -13
  87. package/dist/src/domains/observability/utils/format-hierarchical-spans.d.ts +2 -2
  88. package/dist/src/domains/resizable-panel.d.ts +11 -0
  89. package/dist/src/domains/scores/components/score-dialog.d.ts +1 -1
  90. package/dist/src/domains/scores/components/score-table.d.ts +11 -0
  91. package/dist/src/domains/scores/hooks/use-scorers.d.ts +6 -3
  92. package/dist/src/domains/scores/hooks/use-trace-span-scores.d.ts +1 -1
  93. package/dist/src/domains/scores/index.d.ts +1 -2
  94. package/dist/src/domains/tools/components/ToolExecutor.d.ts +1 -1
  95. package/dist/src/domains/tools/components/index.d.ts +0 -1
  96. package/dist/src/domains/tools/components/tool-table/types.d.ts +2 -0
  97. package/dist/src/domains/tools/hooks/use-all-tools.d.ts +1 -3
  98. package/dist/src/domains/tools/hooks/use-execute-tool.d.ts +1 -1
  99. package/dist/src/domains/traces/components/traces-table.d.ts +8 -0
  100. package/dist/src/domains/traces/components/traces-view.d.ts +12 -0
  101. package/dist/src/domains/traces/context/trace-context.d.ts +20 -0
  102. package/dist/src/domains/traces/hooks/use-open-trace.d.ts +4 -0
  103. package/dist/src/domains/traces/index.d.ts +2 -0
  104. package/dist/src/domains/traces/mock-data.d.ts +1356 -0
  105. package/dist/src/domains/traces/trace-details.d.ts +1 -0
  106. package/dist/src/domains/traces/trace-span-details.d.ts +1 -0
  107. package/dist/src/domains/traces/trace-span-view.d.ts +5 -0
  108. package/dist/src/domains/traces/traces-sidebar.d.ts +6 -0
  109. package/dist/src/domains/traces/types.d.ts +55 -0
  110. package/dist/src/domains/traces/utils/createSpanTree.d.ts +2 -0
  111. package/dist/src/domains/traces/utils/getSpanVariant.d.ts +3 -0
  112. package/dist/src/domains/traces/utils.d.ts +12 -0
  113. package/dist/src/domains/workflows/context/workflow-nested-graph-context.d.ts +7 -1
  114. package/dist/src/domains/workflows/context/workflow-run-context.d.ts +2 -2
  115. package/dist/src/domains/workflows/hooks/use-workflows-actions.d.ts +21 -7
  116. package/dist/src/domains/workflows/index.d.ts +0 -1
  117. package/dist/src/domains/workflows/workflow/workflow-default-node.d.ts +8 -5
  118. package/dist/src/domains/workflows/workflow/workflow-graph-inner.d.ts +7 -1
  119. package/dist/src/domains/workflows/workflow/workflow-graph.d.ts +7 -1
  120. package/dist/src/domains/workflows/workflow/workflow-nested-graph.d.ts +7 -1
  121. package/dist/src/domains/workflows/workflow/workflow-nested-node.d.ts +8 -5
  122. package/dist/src/domains/workflows/workflow/workflow-result.d.ts +5 -0
  123. package/dist/src/domains/workflows/workflow/workflow-run-event-form.d.ts +12 -0
  124. package/dist/src/domains/workflows/workflow/workflow-step-action-bar.d.ts +6 -3
  125. package/dist/src/domains/workflows/workflow/workflow-trigger.d.ts +4 -4
  126. package/dist/src/ds/components/Alert/Alert.d.ts +1 -1
  127. package/dist/src/ds/components/Breadcrumb/Breadcrumb.d.ts +1 -2
  128. package/dist/src/ds/components/Button/Button.d.ts +0 -1
  129. package/dist/src/ds/components/Logo/MastraLogo.d.ts +1 -1
  130. package/dist/src/ds/components/Table/Cells.d.ts +3 -0
  131. package/dist/src/ds/components/TraceTree/Span.d.ts +3 -1
  132. package/dist/src/ds/icons/EvaluatorCoinIcon.d.ts +2 -0
  133. package/dist/src/ds/icons/ScoreIcon.d.ts +2 -0
  134. package/dist/src/ds/icons/index.d.ts +2 -0
  135. package/dist/src/hooks/use-agent-messages.d.ts +3 -4
  136. package/dist/src/hooks/use-resize-column.d.ts +12 -0
  137. package/dist/src/hooks/use-workflow-runs.d.ts +2 -218
  138. package/dist/src/index.d.ts +5 -3
  139. package/dist/src/lib/mastra-client.d.ts +2 -0
  140. package/dist/src/lib/pagination/types.d.ts +11 -0
  141. package/dist/src/lib/polls.d.ts +36 -0
  142. package/dist/src/services/mastra-runtime-provider.d.ts +1 -1
  143. package/dist/src/store/playground-store.d.ts +2 -2
  144. package/dist/src/types/memory.d.ts +7 -0
  145. package/dist/src/types.d.ts +3 -1
  146. package/package.json +25 -30
  147. package/dist/src/components/ui/combobox.d.ts +0 -17
  148. package/dist/src/components/ui/elements/buttons/combined-buttons.d.ts +0 -6
  149. package/dist/src/domains/agents/components/agent-combobox.d.ts +0 -12
  150. package/dist/src/domains/agents/context/agent-prompt-experiment-context.d.ts +0 -15
  151. package/dist/src/domains/agents/hooks/use-agents-model-providers.d.ts +0 -1
  152. package/dist/src/domains/configuration/components/header-list-form.d.ts +0 -10
  153. package/dist/src/domains/configuration/components/playground-config-guard.d.ts +0 -1
  154. package/dist/src/domains/configuration/components/studio-config-form.d.ts +0 -5
  155. package/dist/src/domains/configuration/context/studio-config-context.d.ts +0 -12
  156. package/dist/src/domains/configuration/hooks/use-mastra-instance-status.d.ts +0 -4
  157. package/dist/src/domains/configuration/index.d.ts +0 -4
  158. package/dist/src/domains/configuration/types.d.ts +0 -4
  159. package/dist/src/domains/mcps/components/mcp-server-combobox.d.ts +0 -12
  160. package/dist/src/domains/observability/components/span-type-icon.d.ts +0 -6
  161. package/dist/src/domains/observability/components/timeline-expand-col.d.ts +0 -13
  162. package/dist/src/domains/observability/components/timeline-name-col.d.ts +0 -16
  163. package/dist/src/domains/observability/components/timeline-structure-sign.d.ts +0 -7
  164. package/dist/src/domains/observability/components/timeline-timing-col.d.ts +0 -12
  165. package/dist/src/domains/observability/components/trace-timeline-tools.d.ts +0 -12
  166. package/dist/src/domains/observability/components/tracing-run-options.d.ts +0 -1
  167. package/dist/src/domains/observability/context/tracing-settings-context.d.ts +0 -18
  168. package/dist/src/domains/observability/hooks/use-tracing-settings-state.d.ts +0 -10
  169. package/dist/src/domains/observability/utils/__tests__/span-utils.test.d.ts +0 -1
  170. package/dist/src/domains/observability/utils/get-descendant-ids.d.ts +0 -2
  171. package/dist/src/domains/observability/utils/span-utils.d.ts +0 -9
  172. package/dist/src/domains/scores/components/scorer-combobox.d.ts +0 -12
  173. package/dist/src/domains/tools/components/tool-combobox.d.ts +0 -12
  174. package/dist/src/domains/workflows/components/workflow-combobox.d.ts +0 -12
  175. package/dist/src/domains/workflows/workflow/workflow-node-badges.d.ts +0 -55
@@ -1,220 +1,4 @@
1
1
  export declare const useWorkflowRuns: (workflowId: string, { enabled }?: {
2
2
  enabled?: boolean;
3
- }) => {
4
- setEndOfListElement: (node: HTMLDivElement | null) => (() => void) | undefined;
5
- data: import('@mastra/core/storage').WorkflowRun[];
6
- error: Error;
7
- isError: true;
8
- isPending: false;
9
- isLoading: false;
10
- isLoadingError: false;
11
- isRefetchError: true;
12
- isSuccess: false;
13
- isPlaceholderData: false;
14
- status: "error";
15
- fetchNextPage: (options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
16
- fetchPreviousPage: (options?: import('@tanstack/react-query').FetchPreviousPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
17
- hasNextPage: boolean;
18
- hasPreviousPage: boolean;
19
- isFetchNextPageError: boolean;
20
- isFetchingNextPage: boolean;
21
- isFetchPreviousPageError: boolean;
22
- isFetchingPreviousPage: boolean;
23
- dataUpdatedAt: number;
24
- errorUpdatedAt: number;
25
- failureCount: number;
26
- failureReason: Error | null;
27
- errorUpdateCount: number;
28
- isFetched: boolean;
29
- isFetchedAfterMount: boolean;
30
- isFetching: boolean;
31
- isInitialLoading: boolean;
32
- isPaused: boolean;
33
- isRefetching: boolean;
34
- isStale: boolean;
35
- isEnabled: boolean;
36
- refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
37
- fetchStatus: import('@tanstack/react-query').FetchStatus;
38
- promise: Promise<import('@mastra/core/storage').WorkflowRun[]>;
39
- } | {
40
- setEndOfListElement: (node: HTMLDivElement | null) => (() => void) | undefined;
41
- data: import('@mastra/core/storage').WorkflowRun[];
42
- error: null;
43
- isError: false;
44
- isPending: false;
45
- isLoading: false;
46
- isLoadingError: false;
47
- isRefetchError: false;
48
- isFetchNextPageError: false;
49
- isFetchPreviousPageError: false;
50
- isSuccess: true;
51
- isPlaceholderData: false;
52
- status: "success";
53
- fetchNextPage: (options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
54
- fetchPreviousPage: (options?: import('@tanstack/react-query').FetchPreviousPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
55
- hasNextPage: boolean;
56
- hasPreviousPage: boolean;
57
- isFetchingNextPage: boolean;
58
- isFetchingPreviousPage: boolean;
59
- dataUpdatedAt: number;
60
- errorUpdatedAt: number;
61
- failureCount: number;
62
- failureReason: Error | null;
63
- errorUpdateCount: number;
64
- isFetched: boolean;
65
- isFetchedAfterMount: boolean;
66
- isFetching: boolean;
67
- isInitialLoading: boolean;
68
- isPaused: boolean;
69
- isRefetching: boolean;
70
- isStale: boolean;
71
- isEnabled: boolean;
72
- refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
73
- fetchStatus: import('@tanstack/react-query').FetchStatus;
74
- promise: Promise<import('@mastra/core/storage').WorkflowRun[]>;
75
- } | {
76
- setEndOfListElement: (node: HTMLDivElement | null) => (() => void) | undefined;
77
- data: undefined;
78
- error: Error;
79
- isError: true;
80
- isPending: false;
81
- isLoading: false;
82
- isLoadingError: true;
83
- isRefetchError: false;
84
- isFetchNextPageError: false;
85
- isFetchPreviousPageError: false;
86
- isSuccess: false;
87
- isPlaceholderData: false;
88
- status: "error";
89
- fetchNextPage: (options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
90
- fetchPreviousPage: (options?: import('@tanstack/react-query').FetchPreviousPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
91
- hasNextPage: boolean;
92
- hasPreviousPage: boolean;
93
- isFetchingNextPage: boolean;
94
- isFetchingPreviousPage: boolean;
95
- dataUpdatedAt: number;
96
- errorUpdatedAt: number;
97
- failureCount: number;
98
- failureReason: Error | null;
99
- errorUpdateCount: number;
100
- isFetched: boolean;
101
- isFetchedAfterMount: boolean;
102
- isFetching: boolean;
103
- isInitialLoading: boolean;
104
- isPaused: boolean;
105
- isRefetching: boolean;
106
- isStale: boolean;
107
- isEnabled: boolean;
108
- refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
109
- fetchStatus: import('@tanstack/react-query').FetchStatus;
110
- promise: Promise<import('@mastra/core/storage').WorkflowRun[]>;
111
- } | {
112
- setEndOfListElement: (node: HTMLDivElement | null) => (() => void) | undefined;
113
- data: undefined;
114
- error: null;
115
- isError: false;
116
- isPending: true;
117
- isLoading: true;
118
- isLoadingError: false;
119
- isRefetchError: false;
120
- isFetchNextPageError: false;
121
- isFetchPreviousPageError: false;
122
- isSuccess: false;
123
- isPlaceholderData: false;
124
- status: "pending";
125
- fetchNextPage: (options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
126
- fetchPreviousPage: (options?: import('@tanstack/react-query').FetchPreviousPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
127
- hasNextPage: boolean;
128
- hasPreviousPage: boolean;
129
- isFetchingNextPage: boolean;
130
- isFetchingPreviousPage: boolean;
131
- dataUpdatedAt: number;
132
- errorUpdatedAt: number;
133
- failureCount: number;
134
- failureReason: Error | null;
135
- errorUpdateCount: number;
136
- isFetched: boolean;
137
- isFetchedAfterMount: boolean;
138
- isFetching: boolean;
139
- isInitialLoading: boolean;
140
- isPaused: boolean;
141
- isRefetching: boolean;
142
- isStale: boolean;
143
- isEnabled: boolean;
144
- refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
145
- fetchStatus: import('@tanstack/react-query').FetchStatus;
146
- promise: Promise<import('@mastra/core/storage').WorkflowRun[]>;
147
- } | {
148
- setEndOfListElement: (node: HTMLDivElement | null) => (() => void) | undefined;
149
- data: undefined;
150
- error: null;
151
- isError: false;
152
- isPending: true;
153
- isLoadingError: false;
154
- isRefetchError: false;
155
- isFetchNextPageError: false;
156
- isFetchPreviousPageError: false;
157
- isSuccess: false;
158
- isPlaceholderData: false;
159
- status: "pending";
160
- fetchNextPage: (options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
161
- fetchPreviousPage: (options?: import('@tanstack/react-query').FetchPreviousPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
162
- hasNextPage: boolean;
163
- hasPreviousPage: boolean;
164
- isFetchingNextPage: boolean;
165
- isFetchingPreviousPage: boolean;
166
- dataUpdatedAt: number;
167
- errorUpdatedAt: number;
168
- failureCount: number;
169
- failureReason: Error | null;
170
- errorUpdateCount: number;
171
- isFetched: boolean;
172
- isFetchedAfterMount: boolean;
173
- isFetching: boolean;
174
- isLoading: boolean;
175
- isInitialLoading: boolean;
176
- isPaused: boolean;
177
- isRefetching: boolean;
178
- isStale: boolean;
179
- isEnabled: boolean;
180
- refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
181
- fetchStatus: import('@tanstack/react-query').FetchStatus;
182
- promise: Promise<import('@mastra/core/storage').WorkflowRun[]>;
183
- } | {
184
- setEndOfListElement: (node: HTMLDivElement | null) => (() => void) | undefined;
185
- data: import('@mastra/core/storage').WorkflowRun[];
186
- isError: false;
187
- error: null;
188
- isPending: false;
189
- isLoading: false;
190
- isLoadingError: false;
191
- isRefetchError: false;
192
- isSuccess: true;
193
- isPlaceholderData: true;
194
- isFetchNextPageError: false;
195
- isFetchPreviousPageError: false;
196
- status: "success";
197
- fetchNextPage: (options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
198
- fetchPreviousPage: (options?: import('@tanstack/react-query').FetchPreviousPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
199
- hasNextPage: boolean;
200
- hasPreviousPage: boolean;
201
- isFetchingNextPage: boolean;
202
- isFetchingPreviousPage: boolean;
203
- dataUpdatedAt: number;
204
- errorUpdatedAt: number;
205
- failureCount: number;
206
- failureReason: Error | null;
207
- errorUpdateCount: number;
208
- isFetched: boolean;
209
- isFetchedAfterMount: boolean;
210
- isFetching: boolean;
211
- isInitialLoading: boolean;
212
- isPaused: boolean;
213
- isRefetching: boolean;
214
- isStale: boolean;
215
- isEnabled: boolean;
216
- refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@mastra/core/storage').WorkflowRun[], Error>>;
217
- fetchStatus: import('@tanstack/react-query').FetchStatus;
218
- promise: Promise<import('@mastra/core/storage').WorkflowRun[]>;
219
- };
220
- export declare const useWorkflowRunExecutionResult: (workflowId: string, runId: string, refetchInterval?: number) => import('@tanstack/react-query').UseQueryResult<import('@mastra/core/workflows').WorkflowState, Error>;
3
+ }) => import('@tanstack/react-query').UseQueryResult<import('@mastra/core').WorkflowRuns, Error>;
4
+ export declare const useWorkflowRunExecutionResult: (workflowId: string, runId: string, refetchInterval?: number) => import('@tanstack/react-query').UseQueryResult<import('@mastra/core').WorkflowState, Error>;
@@ -3,7 +3,9 @@ export * from './domains/scores/index';
3
3
  export * from './domains/tools/index';
4
4
  export * from './domains/workflows/index';
5
5
  export * from './domains/templates/index';
6
+ export * from './domains/traces/index';
6
7
  export * from './domains/observability/index';
8
+ export * from './domains/resizable-panel';
7
9
  export * from './components/dynamic-form/index';
8
10
  export * from './components/ui/containers';
9
11
  export * from './components/ui/elements';
@@ -23,12 +25,14 @@ export * from './ds/components/Entity/index';
23
25
  export * from './ds/components/EmptyState/index';
24
26
  export * from './ds/icons/index';
25
27
  export * from './ds/components/Alert';
28
+ export * from './lib/polls';
26
29
  export * from './domains/voice/hooks/use-speech-recognition';
27
30
  export * from './components/ui/radio-group';
28
31
  export * from './components/ui/entry';
29
32
  export * from './hooks';
30
33
  export * from './lib/tanstack-query';
31
34
  export * from './domains/memory/hooks';
35
+ export type { TraceContextType } from './domains/traces/context/trace-context';
32
36
  export * from './store/playground-store';
33
37
  export * from './lib/framework';
34
38
  export { MemorySearch } from './components/assistant-ui/memory-search';
@@ -37,12 +41,10 @@ export * from './components/ui/searchbar';
37
41
  export * from './components/ui/tooltip';
38
42
  export * from './components/ui/kbd';
39
43
  export * from './components/ui/collapsible';
40
- export * from './components/ui/combobox';
41
- export * from './components/ui/skeleton';
42
44
  export * from './domains/conversation/index';
43
45
  export * from './lib/errors';
44
46
  export * from './components/assistant-ui/tools/tool-fallback';
45
47
  export * from './domains/workflows/runs/workflow-run-list';
46
48
  export * from './domains/mcps/index';
49
+ export * from './domains/evals/index';
47
50
  export * from './lib/toast';
48
- export * from './domains/configuration/index';
@@ -0,0 +1,2 @@
1
+ import { MastraClient } from '@mastra/client-js';
2
+ export declare const createMastraClient: (baseUrl?: string, mastraClientHeaders?: Record<string, string>) => MastraClient;
@@ -0,0 +1,11 @@
1
+ export type PaginationParams = {
2
+ limit?: number;
3
+ offset?: number;
4
+ duration?: number;
5
+ };
6
+ export type PaginationResult = {
7
+ total: number;
8
+ offset: number;
9
+ limit: number;
10
+ hasMore: boolean;
11
+ };
@@ -0,0 +1,36 @@
1
+ export interface PollingOptions<TData, TError = Error> {
2
+ /** Async function that fetches the data */
3
+ fetchFn: () => Promise<TData>;
4
+ /** Polling interval in milliseconds */
5
+ interval?: number;
6
+ /** Whether polling is enabled initially */
7
+ enabled?: boolean;
8
+ /** Callback function called with new data */
9
+ onSuccess?: (data: TData) => void;
10
+ /** Callback function called on error */
11
+ onError?: (error: TError) => void;
12
+ /** Function to determine if polling should continue */
13
+ shouldContinue?: (data: TData) => boolean;
14
+ /** Restarts the polling when true */
15
+ restartPolling?: boolean;
16
+ }
17
+ export interface PollingResult<TData, TError> {
18
+ /** Current polling status */
19
+ isPolling: boolean;
20
+ /** Loading state for current request */
21
+ isLoading: boolean;
22
+ /** Loading state for first call */
23
+ firstCallLoading: boolean;
24
+ /** Current error state */
25
+ error: TError | null;
26
+ /** Latest data received */
27
+ data: TData | null;
28
+ /** Function to start polling */
29
+ startPolling: () => void;
30
+ /** Function to stop polling */
31
+ stopPolling: () => void;
32
+ /** Refetch the data on demand with/without polling. default is false */
33
+ refetch: (withPolling?: boolean) => void;
34
+ }
35
+ export declare function usePolling<TData, TError = Error>({ fetchFn, interval, enabled, onSuccess, onError, shouldContinue, restartPolling, }: PollingOptions<TData, TError>): PollingResult<TData, TError>;
36
+ export default usePolling;
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from '../../node_modules/@types/react';
2
2
  import { ChatProps } from '../types';
3
- export declare function MastraRuntimeProvider({ children, agentId, initialMessages, initialLegacyMessages, memory, threadId, refreshThreadList, settings, requestContext, modelVersion, }: Readonly<{
3
+ export declare function MastraRuntimeProvider({ children, agentId, initialMessages, initialLegacyMessages, memory, threadId, refreshThreadList, settings, runtimeContext, modelVersion, }: Readonly<{
4
4
  children: ReactNode;
5
5
  }> & ChatProps): import("react/jsx-runtime").JSX.Element | null;
@@ -1,6 +1,6 @@
1
1
  interface PlaygroundStore {
2
- requestContext: Record<string, any>;
3
- setRequestContext: (requestContext: Record<string, any>) => void;
2
+ runtimeContext: Record<string, any>;
3
+ setRuntimeContext: (runtimeContext: Record<string, any>) => void;
4
4
  }
5
5
  export declare const usePlaygroundStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<PlaygroundStore>, "setState" | "persist"> & {
6
6
  setState(partial: PlaygroundStore | Partial<PlaygroundStore> | ((state: PlaygroundStore) => PlaygroundStore | Partial<PlaygroundStore>), replace?: false | undefined): unknown;
@@ -20,6 +20,13 @@ export interface MemorySearchResult {
20
20
  }>;
21
21
  };
22
22
  }
23
+ export interface MemorySearchResponse {
24
+ results: MemorySearchResult[];
25
+ count: number;
26
+ query: string;
27
+ searchType?: string;
28
+ searchScope?: 'thread' | 'resource';
29
+ }
23
30
  export interface MemorySearchParams {
24
31
  lastMessages?: number | false;
25
32
  }
@@ -34,6 +34,7 @@ export interface ModelSettings {
34
34
  temperature?: number;
35
35
  topK?: number;
36
36
  topP?: number;
37
+ instructions?: string;
37
38
  providerOptions?: LLMStepResult['providerMetadata'];
38
39
  chatWithGenerateLegacy?: boolean;
39
40
  chatWithGenerate?: boolean;
@@ -53,7 +54,7 @@ export interface ChatProps {
53
54
  memory?: boolean;
54
55
  refreshThreadList?: () => void;
55
56
  settings?: AgentSettingsType;
56
- requestContext?: Record<string, any>;
57
+ runtimeContext?: Record<string, any>;
57
58
  onInputChange?: (value: string) => void;
58
59
  modelList?: GetAgentResponse['modelList'];
59
60
  }
@@ -103,3 +104,4 @@ export type StreamChunk = {
103
104
  runId: string;
104
105
  from: 'AGENT' | 'WORKFLOW';
105
106
  };
107
+ export * from './domains/traces/types';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mastra/playground-ui",
3
3
  "type": "module",
4
- "version": "7.0.0-beta.9",
4
+ "version": "7.0.1-alpha.0",
5
5
  "description": "Mastra Playground components",
6
6
  "main": "dist/index.umd.js",
7
7
  "module": "dist/index.es.js",
@@ -46,14 +46,10 @@
46
46
  "@autoform/react": "^4.0.0",
47
47
  "@autoform/zod": "^4.0.0",
48
48
  "@codemirror/lang-json": "^6.0.2",
49
- "@codemirror/lang-markdown": "^6.5.0",
50
- "@codemirror/language-data": "^6.5.2",
51
- "@codemirror/state": "^6.5.2",
52
- "@codemirror/view": "^6.38.6",
53
- "@dagrejs/dagre": "^1.1.8",
49
+ "@dagrejs/dagre": "^1.1.5",
54
50
  "@hello-pangea/dnd": "^18.0.1",
55
51
  "@hookform/resolvers": "^3.10.0",
56
- "@lezer/highlight": "^1.2.3",
52
+ "@lezer/highlight": "^1.2.1",
57
53
  "@lukeed/uuid": "^2.0.1",
58
54
  "@radix-ui/react-alert-dialog": "^1.1.14",
59
55
  "@radix-ui/react-avatar": "^1.1.10",
@@ -77,9 +73,8 @@
77
73
  "@tanstack/react-table": "^8.21.3",
78
74
  "@types/react-syntax-highlighter": "^15.5.13",
79
75
  "@uiw/codemirror-theme-dracula": "^4.23.14",
80
- "@uiw/codemirror-theme-github": "^4.25.3",
81
76
  "@uiw/react-codemirror": "^4.23.14",
82
- "@xyflow/react": "^12.9.3",
77
+ "@xyflow/react": "^12.8.6",
83
78
  "cmdk": "^1.1.1",
84
79
  "date-fns": "^4.1.0",
85
80
  "motion": "^12.23.22",
@@ -105,28 +100,24 @@
105
100
  "zustand": "^5.0.8"
106
101
  },
107
102
  "peerDependencies": {
108
- "@mastra/core": ">=1.0.0-0 <2.0.0-0",
109
- "@tanstack/react-query": "^5.81.5",
103
+ "@mastra/core": ">=0.24.0-0 <0.25.0-0",
110
104
  "lucide-react": "^0.474.0",
111
105
  "react": ">=19.0.0",
112
106
  "react-dom": ">=19.0.0",
113
107
  "tailwindcss": "^3.0.0",
114
- "@mastra/ai-sdk": "^1.0.0-beta.7",
115
- "@mastra/schema-compat": "1.0.0-beta.2",
116
- "@mastra/react": "0.1.0-beta.9",
117
- "@mastra/client-js": "^1.0.0-beta.9"
108
+ "@tanstack/react-query": "^5.81.5",
109
+ "@mastra/client-js": "^0.17.1-alpha.0",
110
+ "@mastra/react": "0.0.23-alpha.0",
111
+ "@mastra/schema-compat": "0.11.9"
118
112
  },
119
113
  "devDependencies": {
120
- "@storybook/addon-docs": "^9.1.16",
121
- "@storybook/react-vite": "^9.1.16",
122
- "@tanstack/react-query": "^5.90.9",
123
- "@types/node": "22.13.17",
114
+ "@storybook/addon-docs": "^9.1.10",
115
+ "@storybook/react-vite": "^9.1.10",
116
+ "@types/node": "^20.19.0",
124
117
  "@types/react": "^19.1.9",
125
118
  "@types/react-dom": "^19.1.7",
126
119
  "@vitejs/plugin-react": "^5.0.4",
127
- "@vitest/coverage-v8": "4.0.12",
128
- "@vitest/ui": "4.0.12",
129
- "autoprefixer": "^10.4.22",
120
+ "autoprefixer": "^10.4.21",
130
121
  "class-variance-authority": "^0.7.1",
131
122
  "clsx": "^2.1.1",
132
123
  "postcss": "^8.5.6",
@@ -138,12 +129,12 @@
138
129
  "vite": "^7.1.9",
139
130
  "vite-plugin-dts": "^4.5.4",
140
131
  "vite-plugin-lib-inject-css": "^2.2.2",
141
- "vitest": "4.0.12",
142
- "@mastra/ai-sdk": "^1.0.0-beta.7",
143
- "@mastra/core": "1.0.0-beta.9",
144
- "@mastra/client-js": "^1.0.0-beta.9",
145
- "@mastra/react": "0.1.0-beta.9",
146
- "@mastra/schema-compat": "1.0.0-beta.2"
132
+ "vitest": "^3.2.4",
133
+ "@tanstack/react-query": "^5.81.5",
134
+ "@mastra/client-js": "^0.17.1-alpha.0",
135
+ "@mastra/react": "0.0.23-alpha.0",
136
+ "@mastra/schema-compat": "0.11.9",
137
+ "@mastra/core": "0.24.8-alpha.0"
147
138
  },
148
139
  "homepage": "https://mastra.ai",
149
140
  "repository": {
@@ -154,8 +145,12 @@
154
145
  "bugs": {
155
146
  "url": "https://github.com/mastra-ai/mastra/issues"
156
147
  },
157
- "engines": {
158
- "node": ">=22.13.0"
148
+ "publishConfig": {
149
+ "access": "public",
150
+ "publish-branch": [
151
+ "main",
152
+ "0.x"
153
+ ]
159
154
  },
160
155
  "scripts": {
161
156
  "build": "tsc && vite build",
@@ -1,17 +0,0 @@
1
- export type ComboboxOption = {
2
- label: string;
3
- value: string;
4
- };
5
- export type ComboboxProps = {
6
- options: ComboboxOption[];
7
- value?: string;
8
- onValueChange?: (value: string) => void;
9
- placeholder?: string;
10
- searchPlaceholder?: string;
11
- emptyText?: string;
12
- className?: string;
13
- disabled?: boolean;
14
- buttonClassName?: string;
15
- contentClassName?: string;
16
- };
17
- export declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, buttonClassName, contentClassName, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { default as React } from '../../../../../node_modules/@types/react';
2
- export interface CombinedButtonsProps {
3
- className?: string;
4
- children: React.ReactNode;
5
- }
6
- export declare const CombinedButtons: ({ className, children }: CombinedButtonsProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,12 +0,0 @@
1
- export interface AgentComboboxProps {
2
- value?: string;
3
- onValueChange?: (value: string) => void;
4
- placeholder?: string;
5
- searchPlaceholder?: string;
6
- emptyText?: string;
7
- className?: string;
8
- disabled?: boolean;
9
- buttonClassName?: string;
10
- contentClassName?: string;
11
- }
12
- export declare function AgentCombobox({ value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, buttonClassName, contentClassName, }: AgentComboboxProps): import("react/jsx-runtime").JSX.Element;
@@ -1,15 +0,0 @@
1
- import { SystemMessage } from '@mastra/core/llm';
2
- type AgentPromptExperimentContextType = {
3
- isDirty: boolean;
4
- prompt: string;
5
- setPrompt: React.Dispatch<React.SetStateAction<string>>;
6
- resetPrompt: () => void;
7
- };
8
- export declare const useAgentPromptExperiment: () => AgentPromptExperimentContextType;
9
- export interface AgentPromptExperimentProviderProps {
10
- children: React.ReactNode;
11
- initialPrompt: SystemMessage;
12
- agentId: string;
13
- }
14
- export declare const AgentPromptExperimentProvider: ({ children, initialPrompt, agentId, }: AgentPromptExperimentProviderProps) => import("react/jsx-runtime").JSX.Element;
15
- export {};
@@ -1 +0,0 @@
1
- export declare const useAgentsModelProviders: () => import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ListAgentsModelProvidersResponse, Error>;
@@ -1,10 +0,0 @@
1
- export type HeaderListFormItem = {
2
- name: string;
3
- value: string;
4
- };
5
- export interface HeaderListFormProps {
6
- headers: Array<HeaderListFormItem>;
7
- onAddHeader: (header: HeaderListFormItem) => void;
8
- onRemoveHeader: (index: number) => void;
9
- }
10
- export declare const HeaderListForm: ({ headers, onAddHeader, onRemoveHeader }: HeaderListFormProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const PlaygroundConfigGuard: () => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { StudioConfig } from '../types';
2
- export interface StudioConfigFormProps {
3
- initialConfig?: StudioConfig;
4
- }
5
- export declare const StudioConfigForm: ({ initialConfig }: StudioConfigFormProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,12 +0,0 @@
1
- import { StudioConfig } from '../types';
2
- export type StudioConfigContextType = StudioConfig & {
3
- isLoading: boolean;
4
- setConfig: (partialNewConfig: Partial<StudioConfig>) => void;
5
- };
6
- export declare const StudioConfigContext: import('../../../../node_modules/@types/react').Context<StudioConfigContextType>;
7
- export declare const useStudioConfig: () => StudioConfigContextType;
8
- export interface StudioConfigProviderProps {
9
- children: React.ReactNode;
10
- endpoint?: string;
11
- }
12
- export declare const StudioConfigProvider: ({ children, endpoint }: StudioConfigProviderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- export type UseMastraInstanceStatusResponse = {
2
- status: 'active' | 'inactive';
3
- };
4
- export declare const useMastraInstanceStatus: (endpoint?: string) => import('@tanstack/react-query').UseQueryResult<UseMastraInstanceStatusResponse, Error>;
@@ -1,4 +0,0 @@
1
- export * from './context/studio-config-context';
2
- export * from './components/studio-config-form';
3
- export * from './types';
4
- export * from './components/playground-config-guard';
@@ -1,4 +0,0 @@
1
- export type StudioConfig = {
2
- baseUrl: string;
3
- headers: Record<string, string>;
4
- };
@@ -1,12 +0,0 @@
1
- export interface MCPServerComboboxProps {
2
- value?: string;
3
- onValueChange?: (value: string) => void;
4
- placeholder?: string;
5
- searchPlaceholder?: string;
6
- emptyText?: string;
7
- className?: string;
8
- disabled?: boolean;
9
- buttonClassName?: string;
10
- contentClassName?: string;
11
- }
12
- export declare function MCPServerCombobox({ value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, buttonClassName, contentClassName, }: MCPServerComboboxProps): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- type SpanTypeIconProps = {
2
- icon: React.ReactNode;
3
- color?: string;
4
- };
5
- export declare function SpanTypeIcon({ icon, color }: SpanTypeIconProps): import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,13 +0,0 @@
1
- type TimelineExpandColProps = {
2
- isSelected?: boolean;
3
- isFaded?: boolean;
4
- isExpanded?: boolean;
5
- toggleChildren?: () => void;
6
- expandAllDescendants?: () => void;
7
- expandedSpanIds?: string[];
8
- totalDescendants?: number;
9
- allDescendantsExpanded?: boolean;
10
- numOfChildren?: number;
11
- };
12
- export declare function TimelineExpandCol({ isSelected, isFaded, isExpanded, toggleChildren, expandAllDescendants, totalDescendants, allDescendantsExpanded, numOfChildren, }: TimelineExpandColProps): import("react/jsx-runtime").JSX.Element;
13
- export {};
@@ -1,16 +0,0 @@
1
- import { UISpan, UISpanStyle } from '../types';
2
- type TimelineNameColProps = {
3
- span: UISpan;
4
- spanUI?: UISpanStyle | null;
5
- isFaded?: boolean;
6
- depth?: number;
7
- onSpanClick?: (id: string) => void;
8
- selectedSpanId?: string;
9
- isLastChild?: boolean;
10
- hasChildren?: boolean;
11
- isRootSpan?: boolean;
12
- isExpanded?: boolean;
13
- toggleChildren?: () => void;
14
- };
15
- export declare function TimelineNameCol({ span, spanUI, isFaded, depth, onSpanClick, selectedSpanId, isLastChild, hasChildren, isRootSpan, isExpanded, toggleChildren, }: TimelineNameColProps): import("react/jsx-runtime").JSX.Element;
16
- export {};