@mastra/playground-ui 16.1.1 → 16.1.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 (72) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/index.cjs.js +4455 -4153
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.es.js +4448 -4145
  5. package/dist/index.es.js.map +1 -1
  6. package/dist/src/domains/agents/components/{agent-list/agent-list.d.ts → agent-table/agent-table.d.ts} +2 -2
  7. package/dist/src/domains/agents/components/agent-table/columns.d.ts +6 -0
  8. package/dist/src/domains/agents/components/agent-table/types.d.ts +4 -0
  9. package/dist/src/domains/agents/components/provider-map-icon.d.ts +0 -1
  10. package/dist/src/domains/agents/hooks/use-agents.d.ts +1 -3
  11. package/dist/src/domains/agents/index.d.ts +1 -1
  12. package/dist/src/domains/datasets/components/datasets-table/columns.d.ts +6 -0
  13. package/dist/src/domains/datasets/components/datasets-table/datasets-table.d.ts +8 -0
  14. package/dist/src/domains/datasets/index.d.ts +2 -2
  15. package/dist/src/domains/mcps/components/mcp-table/columns.d.ts +3 -0
  16. package/dist/src/domains/mcps/components/mcp-table/mcp-table.d.ts +7 -0
  17. package/dist/src/domains/mcps/components/mcp-table/types.d.ts +2 -0
  18. package/dist/src/domains/mcps/index.d.ts +1 -1
  19. package/dist/src/domains/processors/components/index.d.ts +1 -1
  20. package/dist/src/domains/processors/components/processor-table/columns.d.ts +12 -0
  21. package/dist/src/domains/processors/components/processor-table/index.d.ts +2 -0
  22. package/dist/src/domains/processors/components/processor-table/processor-table.d.ts +8 -0
  23. package/dist/src/domains/prompt-blocks/components/prompt-blocks-table/columns.d.ts +3 -0
  24. package/dist/src/domains/prompt-blocks/components/prompt-blocks-table/prompt-blocks-table.d.ts +6 -0
  25. package/dist/src/domains/prompt-blocks/components/prompt-blocks-table/types.d.ts +2 -0
  26. package/dist/src/domains/prompt-blocks/index.d.ts +1 -1
  27. package/dist/src/domains/scores/components/scorers-table/columns.d.ts +3 -0
  28. package/dist/src/domains/scores/components/scorers-table/scorers-table.d.ts +7 -0
  29. package/dist/src/domains/scores/components/scorers-table/types.d.ts +4 -0
  30. package/dist/src/domains/scores/index.d.ts +1 -1
  31. package/dist/src/domains/templates/index.d.ts +1 -0
  32. package/dist/src/domains/templates/templates-list.d.ts +4 -4
  33. package/dist/src/domains/tool-providers/components/index.d.ts +1 -1
  34. package/dist/src/domains/tool-providers/components/{provider-tool-list.d.ts → tool-list.d.ts} +1 -1
  35. package/dist/src/domains/tools/components/tool-table/columns.d.ts +3 -0
  36. package/dist/src/domains/tools/components/{tool-list/tool-list.d.ts → tool-table/tool-table.d.ts} +2 -2
  37. package/dist/src/domains/tools/index.d.ts +1 -1
  38. package/dist/src/domains/workflows/components/workflow-table/columns.d.ts +3 -0
  39. package/dist/src/domains/workflows/components/workflow-table/types.d.ts +4 -0
  40. package/dist/src/domains/workflows/components/workflow-table/workflow-table.d.ts +7 -0
  41. package/dist/src/domains/workflows/index.d.ts +1 -1
  42. package/dist/src/ds/components/EmptyState/EmptyState.d.ts +1 -1
  43. package/dist/src/ds/components/FormFieldBlocks/fields/search-field-block.d.ts +1 -2
  44. package/dist/src/ds/components/ItemList/item-list-cell.d.ts +2 -3
  45. package/dist/src/ds/components/ItemList/item-list-row.d.ts +1 -2
  46. package/dist/src/ds/components/ItemList/item-list-text-cell.d.ts +2 -1
  47. package/dist/src/index.d.ts +0 -3
  48. package/package.json +8 -8
  49. package/dist/src/domains/agents/components/agent-list/no-agents-info.d.ts +0 -4
  50. package/dist/src/domains/datasets/components/datasets-list/datasets-list.d.ts +0 -8
  51. package/dist/src/domains/datasets/components/datasets-list/no-datasets-info.d.ts +0 -4
  52. package/dist/src/domains/mcps/components/mcp-server-list/mcp-server-list.d.ts +0 -7
  53. package/dist/src/domains/mcps/components/mcp-server-list/no-mcp-servers-info.d.ts +0 -1
  54. package/dist/src/domains/processors/components/processor-list/no-processors-info.d.ts +0 -1
  55. package/dist/src/domains/processors/components/processor-list/processor-list.d.ts +0 -7
  56. package/dist/src/domains/prompt-blocks/components/prompt-block-list/no-prompt-blocks-info.d.ts +0 -1
  57. package/dist/src/domains/prompt-blocks/components/prompt-block-list/prompt-blocks-list.d.ts +0 -6
  58. package/dist/src/domains/scores/components/scorers-list/no-scorers-info.d.ts +0 -1
  59. package/dist/src/domains/scores/components/scorers-list/scorers-list.d.ts +0 -7
  60. package/dist/src/domains/tools/components/tool-list/no-tools-info.d.ts +0 -1
  61. package/dist/src/domains/workflows/components/workflow-list/no-workflow-info.d.ts +0 -1
  62. package/dist/src/domains/workflows/components/workflow-list/workflow-list.d.ts +0 -7
  63. package/dist/src/ds/components/ErrorState/ErrorState.d.ts +0 -5
  64. package/dist/src/ds/components/ErrorState/error-state.stories.d.ts +0 -8
  65. package/dist/src/ds/components/ErrorState/index.d.ts +0 -2
  66. package/dist/src/ds/components/ListSearch/index.d.ts +0 -1
  67. package/dist/src/ds/components/ListSearch/list-search.d.ts +0 -7
  68. package/dist/src/ds/components/PageContent/index.d.ts +0 -1
  69. package/dist/src/ds/components/PageContent/page-content-main.d.ts +0 -5
  70. package/dist/src/ds/components/PageContent/page-content-root.d.ts +0 -4
  71. package/dist/src/ds/components/PageContent/page-content-top-bar.d.ts +0 -4
  72. package/dist/src/ds/components/PageContent/page-content.d.ts +0 -7
@@ -1,8 +1,8 @@
1
1
  import { GetAgentResponse } from '@mastra/client-js';
2
- export interface AgentListProps {
2
+ export interface AgentsTableProps {
3
3
  agents: Record<string, GetAgentResponse>;
4
4
  isLoading: boolean;
5
5
  error?: Error | null;
6
6
  onCreateClick?: () => void;
7
7
  }
8
- export declare function AgentList({ agents, isLoading, error, onCreateClick }: AgentListProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare function AgentsTable({ agents, isLoading, error, onCreateClick }: AgentsTableProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { ColumnDef } from '@tanstack/react-table';
2
+ import { AgentTableData } from './types';
3
+ export type AgentTableColumn = {
4
+ id: string;
5
+ } & AgentTableData;
6
+ export declare const getColumns: (experimentalFeaturesEnabled: boolean) => ColumnDef<AgentTableColumn>[];
@@ -0,0 +1,4 @@
1
+ import { GetAgentResponse } from '@mastra/client-js';
2
+ export type AgentTableData = GetAgentResponse & {
3
+ id: string;
4
+ };
@@ -1,7 +1,6 @@
1
1
  export declare const providerMapToIcon: {
2
2
  'openai.chat': import("react/jsx-runtime").JSX.Element;
3
3
  'openai.responses': import("react/jsx-runtime").JSX.Element;
4
- openai: import("react/jsx-runtime").JSX.Element;
5
4
  'anthropic.chat': import("react/jsx-runtime").JSX.Element;
6
5
  'anthropic.messages': import("react/jsx-runtime").JSX.Element;
7
6
  AZURE: import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,5 @@
1
1
  import { ReorderModelListParams, UpdateModelInModelListParams, UpdateModelParams } from '@mastra/client-js';
2
- export declare const useAgents: () => import('@tanstack/react-query').UseQueryResult<{
3
- [k: string]: import('@mastra/client-js').GetAgentResponse;
4
- }, Error>;
2
+ export declare const useAgents: () => import('@tanstack/react-query').UseQueryResult<Record<string, import('@mastra/client-js').GetAgentResponse>, Error>;
5
3
  export declare const useUpdateAgentModel: (agentId: string) => import('@tanstack/react-query').UseMutationResult<{
6
4
  message: string;
7
5
  }, Error, UpdateModelParams, unknown>;
@@ -1,7 +1,7 @@
1
1
  export * from './components/agent-chat';
2
2
  export * from './context';
3
3
  export * from './components/agent-settings';
4
- export * from './components/agent-list/agent-list';
4
+ export * from './components/agent-table/agent-table';
5
5
  export * from './components/request-context';
6
6
  export * from './components/provider-map-icon';
7
7
  export * from './components/agent-metadata';
@@ -0,0 +1,6 @@
1
+ import { ColumnDef } from '@tanstack/react-table';
2
+ import { DatasetRecord } from '@mastra/client-js';
3
+ export type DatasetTableColumn = {
4
+ id: string;
5
+ } & DatasetRecord;
6
+ export declare const columns: ColumnDef<DatasetTableColumn>[];
@@ -0,0 +1,8 @@
1
+ import { DatasetRecord } from '@mastra/client-js';
2
+ export interface DatasetsTableProps {
3
+ datasets: DatasetRecord[];
4
+ isLoading: boolean;
5
+ error?: Error | null;
6
+ onCreateClick?: () => void;
7
+ }
8
+ export declare function DatasetsTable({ datasets, isLoading, error, onCreateClick }: DatasetsTableProps): import("react/jsx-runtime").JSX.Element;
@@ -13,14 +13,14 @@ export * from './utils/json-validation';
13
13
  export * from './hooks/use-item-selection';
14
14
  export * from './utils/csv-export';
15
15
  export * from './utils/json-export';
16
- export { DatasetsList } from './components/datasets-list/datasets-list';
16
+ export { DatasetsTable } from './components/datasets-table/datasets-table';
17
17
  export { CreateDatasetDialog } from './components/create-dataset-dialog';
18
18
  export { CreateDatasetFromItemsDialog } from './components/create-dataset-from-items-dialog';
19
19
  export { AddItemsToDatasetDialog } from './components/add-items-to-dataset-dialog';
20
20
  export { DuplicateDatasetDialog } from './components/duplicate-dataset-dialog';
21
21
  export { EditDatasetDialog } from './components/edit-dataset-dialog';
22
22
  export { DeleteDatasetDialog } from './components/delete-dataset-dialog';
23
- export { NoDatasetInfo } from './components/datasets-list/no-datasets-info';
23
+ export { EmptyDatasetsTable } from './components/empty-datasets-table';
24
24
  export { DatasetCombobox } from './components/dataset-combobox';
25
25
  export type { DatasetComboboxProps } from './components/dataset-combobox';
26
26
  export { DatasetPageContent } from './components/dataset-detail/dataset-page-content';
@@ -0,0 +1,3 @@
1
+ import { ColumnDef } from '@tanstack/react-table';
2
+ import { MCPTableColumn } from './types';
3
+ export declare const columns: ColumnDef<MCPTableColumn>[];
@@ -0,0 +1,7 @@
1
+ import { McpServerListResponse } from '@mastra/client-js';
2
+ export interface MCPTableProps {
3
+ mcpServers: McpServerListResponse['servers'];
4
+ isLoading: boolean;
5
+ error?: Error | null;
6
+ }
7
+ export declare function MCPTable({ mcpServers, isLoading, error }: MCPTableProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { McpServerListResponse } from '@mastra/client-js';
2
+ export type MCPTableColumn = McpServerListResponse['servers'][number];
@@ -1,4 +1,4 @@
1
- export * from './components/mcp-server-list/mcp-server-list';
1
+ export * from './components/mcp-table/mcp-table';
2
2
  export * from './hooks/index';
3
3
  export * from './components/MCPToolPanel';
4
4
  export * from './components/MCPDetail';
@@ -1,3 +1,3 @@
1
- export * from './processor-list/processor-list';
1
+ export * from './processor-table';
2
2
  export * from './processor-panel';
3
3
  export * from './processor-combobox';
@@ -0,0 +1,12 @@
1
+ import { ColumnDef, Row } from '@tanstack/react-table';
2
+ import { ProcessorRow } from './processor-table';
3
+ export type NameCellProps = {
4
+ row: Row<ProcessorRow>;
5
+ };
6
+ export type PhasesCellProps = {
7
+ row: Row<ProcessorRow>;
8
+ };
9
+ export type AgentsCellProps = {
10
+ row: Row<ProcessorRow>;
11
+ };
12
+ export declare const columns: ColumnDef<ProcessorRow>[];
@@ -0,0 +1,2 @@
1
+ export * from './processor-table';
2
+ export * from './columns';
@@ -0,0 +1,8 @@
1
+ import { ProcessorInfo } from '../../hooks/use-processors';
2
+ export interface ProcessorTableProps {
3
+ processors: Record<string, ProcessorInfo>;
4
+ isLoading: boolean;
5
+ error?: Error | null;
6
+ }
7
+ export type ProcessorRow = ProcessorInfo;
8
+ export declare function ProcessorTable({ processors, isLoading, error }: ProcessorTableProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ import { ColumnDef } from '@tanstack/react-table';
2
+ import { PromptBlockTableData } from './types';
3
+ export declare const columns: ColumnDef<PromptBlockTableData>[];
@@ -0,0 +1,6 @@
1
+ import { PromptBlockTableData } from './types';
2
+ export interface PromptBlocksTableProps {
3
+ promptBlocks: PromptBlockTableData[];
4
+ isLoading: boolean;
5
+ }
6
+ export declare function PromptBlocksTable({ promptBlocks, isLoading }: PromptBlocksTableProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { StoredPromptBlockResponse } from '@mastra/client-js';
2
+ export type PromptBlockTableData = StoredPromptBlockResponse;
@@ -1,5 +1,5 @@
1
1
  export { PromptBlockCreateContent } from './components/prompt-block-create-content';
2
- export { PromptBlockList, type PromptBlockListProps } from './components/prompt-block-list/prompt-blocks-list';
2
+ export { PromptBlocksTable, type PromptBlocksTableProps } from './components/prompt-blocks-table/prompt-blocks-table';
3
3
  export { PromptBlockVersionCombobox, type PromptBlockVersionComboboxProps, } from './components/prompt-block-version-combobox';
4
4
  export { PromptBlockEditSidebar } from './components/prompt-block-edit-page/prompt-block-edit-sidebar';
5
5
  export { PromptBlockEditMain } from './components/prompt-block-edit-page/prompt-block-edit-main';
@@ -0,0 +1,3 @@
1
+ import { ColumnDef } from '@tanstack/react-table';
2
+ import { ScorerTableData } from './types';
3
+ export declare const columns: ColumnDef<ScorerTableData>[];
@@ -0,0 +1,7 @@
1
+ import { GetScorerResponse } from '@mastra/client-js';
2
+ export interface ScorersTableProps {
3
+ scorers: Record<string, GetScorerResponse>;
4
+ isLoading: boolean;
5
+ error?: Error | null;
6
+ }
7
+ export declare function ScorersTable({ scorers, isLoading, error }: ScorersTableProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { GetScorerResponse } from '@mastra/client-js';
2
+ export type ScorerTableData = GetScorerResponse & {
3
+ id: string;
4
+ };
@@ -3,7 +3,7 @@ export * from './components/score-dialog';
3
3
  export * from './components/score-as-item-dialog';
4
4
  export * from './components/scores-tools';
5
5
  export * from './components/scorer-combobox';
6
- export * from './components/scorers-list/scorers-list';
6
+ export * from './components/scorers-table/scorers-table';
7
7
  export * from './components/scorer-edit-page';
8
8
  export * from './components/scorer-create-content';
9
9
  export * from './hooks/use-trace-span-scores';
@@ -1,3 +1,4 @@
1
+ export * from './templates-tools';
1
2
  export * from './templates-list';
2
3
  export * from './template-info';
3
4
  export * from './template-form';
@@ -12,11 +12,11 @@ type Template = {
12
12
  mcp?: string[];
13
13
  supportedProviders: string[];
14
14
  };
15
- export type TemplatesListProps = {
15
+ type TemplatesListProps = {
16
16
  templates: Template[];
17
- tags: string[];
18
- providers: string[];
17
+ linkComponent?: React.ElementType;
18
+ className?: string;
19
19
  isLoading?: boolean;
20
20
  };
21
- export declare function TemplatesList({ templates, tags, providers, isLoading }: TemplatesListProps): import("react/jsx-runtime").JSX.Element;
21
+ export declare function TemplatesList({ templates, linkComponent, className, isLoading }: TemplatesListProps): import("react/jsx-runtime").JSX.Element;
22
22
  export {};
@@ -1,4 +1,4 @@
1
1
  export { IntegrationToolsSection } from './integration-tools-section';
2
2
  export { ToolProviderDialog } from './tool-provider-dialog';
3
3
  export { ToolkitList } from './toolkit-list';
4
- export { ProviderToolList } from './provider-tool-list';
4
+ export { ToolList } from './tool-list';
@@ -4,5 +4,5 @@ interface ToolListProps {
4
4
  selectedIds?: Set<string>;
5
5
  onToggle?: (id: string, description: string) => void;
6
6
  }
7
- export declare function ProviderToolList({ providerId, toolkit, selectedIds, onToggle }: ToolListProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function ToolList({ providerId, toolkit, selectedIds, onToggle }: ToolListProps): import("react/jsx-runtime").JSX.Element;
8
8
  export {};
@@ -0,0 +1,3 @@
1
+ import { ColumnDef } from '@tanstack/react-table';
2
+ import { ToolWithAgents } from '../../utils/prepareToolsTable';
3
+ export declare const columns: ColumnDef<ToolWithAgents>[];
@@ -1,8 +1,8 @@
1
1
  import { GetAgentResponse, GetToolResponse } from '@mastra/client-js';
2
- export interface ToolListProps {
2
+ export interface ToolTableProps {
3
3
  tools: Record<string, GetToolResponse>;
4
4
  agents: Record<string, GetAgentResponse>;
5
5
  isLoading: boolean;
6
6
  error?: Error | null;
7
7
  }
8
- export declare function ToolList({ tools, agents, isLoading, error }: ToolListProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare function ToolTable({ tools, agents, isLoading, error }: ToolTableProps): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,3 @@
1
- export * from './components/tool-list/tool-list';
1
+ export * from './components/tool-table/tool-table';
2
2
  export * from './components';
3
3
  export * from './hooks';
@@ -0,0 +1,3 @@
1
+ import { ColumnDef } from '@tanstack/react-table';
2
+ import { WorkflowTableData } from './types';
3
+ export declare const columns: ColumnDef<WorkflowTableData>[];
@@ -0,0 +1,4 @@
1
+ import { GetWorkflowResponse } from '@mastra/client-js';
2
+ export type WorkflowTableData = GetWorkflowResponse & {
3
+ id: string;
4
+ };
@@ -0,0 +1,7 @@
1
+ import { GetWorkflowResponse } from '@mastra/client-js';
2
+ export interface WorkflowTableProps {
3
+ workflows: Record<string, GetWorkflowResponse>;
4
+ isLoading: boolean;
5
+ error?: Error | null;
6
+ }
7
+ export declare function WorkflowTable({ workflows, isLoading, error }: WorkflowTableProps): import("react/jsx-runtime").JSX.Element;
@@ -4,7 +4,7 @@ export * from './workflow/workflow-graph';
4
4
  export * from './workflow/workflow-trigger';
5
5
  export * from './context/use-current-run';
6
6
  export * from './runs/workflow-run-details';
7
- export * from './components/workflow-list/workflow-list';
7
+ export * from './components/workflow-table/workflow-table';
8
8
  export * from './components/workflow-information';
9
9
  export * from './components/workflow-combobox';
10
10
  export * from './utils';
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  export type EmptyStateProps = {
3
- iconSlot?: React.ReactNode;
3
+ iconSlot: React.ReactNode;
4
4
  titleSlot: React.ReactNode;
5
5
  descriptionSlot?: React.ReactNode;
6
6
  actionSlot?: React.ReactNode;
@@ -14,6 +14,5 @@ export type SearchFieldBlockProps = {
14
14
  errorMsg?: string;
15
15
  size?: 'small' | 'default';
16
16
  layout?: 'horizontal' | 'vertical';
17
- className?: string;
18
17
  };
19
- export declare function SearchFieldBlock({ name, helpText, errorMsg, required, disabled, size, value, label, labelIsHidden, layout, placeholder, onChange, onReset, className, }: SearchFieldBlockProps): import("react/jsx-runtime").JSX.Element;
18
+ export declare function SearchFieldBlock({ name, helpText, errorMsg, required, disabled, size, value, label, labelIsHidden, layout, placeholder, onChange, onReset, }: SearchFieldBlockProps): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,5 @@
1
- export type ItemListCellProps = {
1
+ export type ItemListTextCellProps = {
2
2
  children: React.ReactNode;
3
3
  className?: string;
4
- style?: React.CSSProperties;
5
4
  };
6
- export declare function ItemListCell({ children, className, style }: ItemListCellProps): import("react/jsx-runtime").JSX.Element;
5
+ export declare function ItemListCell({ children, className }: ItemListTextCellProps): import("react/jsx-runtime").JSX.Element;
@@ -3,6 +3,5 @@ export type ItemListRowProps = {
3
3
  isSelected?: boolean;
4
4
  children?: React.ReactNode;
5
5
  columns?: ItemListColumn[];
6
- className?: string;
7
6
  };
8
- export declare function ItemListRow({ isSelected, children, columns, className }: ItemListRowProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function ItemListRow({ isSelected, children, columns }: ItemListRowProps): import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,6 @@
1
1
  export type ItemListTextCellProps = {
2
2
  children: React.ReactNode;
3
+ isLoading?: boolean;
3
4
  className?: string;
4
5
  };
5
- export declare function ItemListTextCell({ children, className }: ItemListTextCellProps): import("react/jsx-runtime").JSX.Element;
6
+ export declare function ItemListTextCell({ children, isLoading, className }: ItemListTextCellProps): import("react/jsx-runtime").JSX.Element;
@@ -17,7 +17,6 @@ export * from './ds/components/Breadcrumb/index';
17
17
  export * from './ds/components/Button/index';
18
18
  export * from './ds/components/CodeEditor/index';
19
19
  export * from './ds/components/EmptyState/index';
20
- export * from './ds/components/ErrorState/index';
21
20
  export * from './ds/components/Entity/index';
22
21
  export * from './ds/components/PermissionDenied';
23
22
  export * from './ds/components/Header/index';
@@ -41,7 +40,6 @@ export * from './ds/components/Popover';
41
40
  export * from './ds/components/RadioGroup';
42
41
  export * from './ds/components/ScrollArea';
43
42
  export * from './ds/components/Searchbar';
44
- export * from './ds/components/ListSearch';
45
43
  export * from './ds/components/Select';
46
44
  export * from './ds/components/Skeleton';
47
45
  export * from './ds/components/Slider';
@@ -61,7 +59,6 @@ export * from './ds/components/JSONSchemaForm';
61
59
  export * from './ds/components/KeyValueList';
62
60
  export * from './ds/components/MainSidebar';
63
61
  export * from './ds/components/Notification';
64
- export * from './ds/components/PageContent';
65
62
  export * from './ds/components/PageHeader';
66
63
  export * from './ds/components/Section';
67
64
  export * from './ds/components/SelectElement';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mastra/playground-ui",
3
3
  "type": "module",
4
- "version": "16.1.1",
4
+ "version": "16.1.2",
5
5
  "description": "Mastra Playground components",
6
6
  "main": "dist/index.umd.js",
7
7
  "module": "dist/index.es.js",
@@ -129,9 +129,9 @@
129
129
  "tailwindcss": "^3.0.0",
130
130
  "zod": "^3.25.0 || ^4.0.0",
131
131
  "@mastra/ai-sdk": "^1.1.3",
132
- "@mastra/react": "0.2.13",
133
- "@mastra/client-js": "^1.8.3",
134
- "@mastra/schema-compat": "1.2.3"
132
+ "@mastra/schema-compat": "1.2.4",
133
+ "@mastra/react": "0.2.14",
134
+ "@mastra/client-js": "^1.8.4"
135
135
  },
136
136
  "devDependencies": {
137
137
  "@storybook/addon-docs": "^9.1.16",
@@ -161,11 +161,11 @@
161
161
  "vite-plugin-lib-inject-css": "^2.2.2",
162
162
  "vitest": "4.0.18",
163
163
  "zod": "^4.3.6",
164
- "@mastra/client-js": "^1.8.3",
165
164
  "@mastra/ai-sdk": "^1.1.3",
166
- "@mastra/core": "1.13.1",
167
- "@mastra/react": "0.2.13",
168
- "@mastra/schema-compat": "1.2.3"
165
+ "@mastra/client-js": "^1.8.4",
166
+ "@mastra/core": "1.13.2",
167
+ "@mastra/react": "0.2.14",
168
+ "@mastra/schema-compat": "1.2.4"
169
169
  },
170
170
  "homepage": "https://mastra.ai",
171
171
  "repository": {
@@ -1,4 +0,0 @@
1
- export interface NoAgentsInfoProps {
2
- onCreateClick?: () => void;
3
- }
4
- export declare const NoAgentsInfo: ({ onCreateClick }: NoAgentsInfoProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +0,0 @@
1
- import { DatasetRecord } from '@mastra/client-js';
2
- export interface DatasetsListProps {
3
- datasets: DatasetRecord[];
4
- isLoading: boolean;
5
- error?: Error | null;
6
- onCreateClick?: () => void;
7
- }
8
- export declare function DatasetsList({ datasets, isLoading, onCreateClick, error }: DatasetsListProps): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- export interface NoDatasetInfoProps {
2
- onCreateClick?: () => void;
3
- }
4
- export declare const NoDatasetInfo: ({ onCreateClick }: NoDatasetInfoProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { McpServerListResponse } from '@mastra/client-js';
2
- export interface MCPServerListProps {
3
- mcpServers: McpServerListResponse['servers'];
4
- isLoading: boolean;
5
- error?: Error | null;
6
- }
7
- export declare function MCPServerList({ mcpServers, isLoading, error }: MCPServerListProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const NoMCPServersInfo: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const NoProcessorsInfo: () => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { ProcessorInfo } from '../../hooks/use-processors';
2
- export interface ProcessorListProps {
3
- processors: Record<string, ProcessorInfo>;
4
- isLoading: boolean;
5
- error?: Error | null;
6
- }
7
- export declare function ProcessorList({ processors, isLoading, error }: ProcessorListProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const NoPromptBlocksInfo: () => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { StoredPromptBlockResponse } from '@mastra/client-js';
2
- export interface PromptBlockListProps {
3
- promptBlocks: StoredPromptBlockResponse[];
4
- isLoading: boolean;
5
- }
6
- export declare function PromptBlockList({ promptBlocks, isLoading }: PromptBlockListProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const NoScorersInfo: () => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { GetScorerResponse } from '@mastra/client-js';
2
- export interface ScorersListProps {
3
- scorers: Record<string, GetScorerResponse>;
4
- isLoading: boolean;
5
- error?: Error | null;
6
- }
7
- export declare function ScorersList({ scorers, isLoading, error }: ScorersListProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const NoToolsInfo: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const NoWorkflowInfo: () => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { GetWorkflowResponse } from '@mastra/client-js';
2
- export interface WorkflowListProps {
3
- workflows: Record<string, GetWorkflowResponse>;
4
- isLoading: boolean;
5
- error?: Error | null;
6
- }
7
- export declare function WorkflowList({ workflows, isLoading, error }: WorkflowListProps): import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- export type ErrorStateProps = {
2
- title: string;
3
- message: string;
4
- };
5
- export declare function ErrorState({ title, message }: ErrorStateProps): import("react/jsx-runtime").JSX.Element;
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { ErrorState } from './ErrorState';
3
- declare const meta: Meta<typeof ErrorState>;
4
- export default meta;
5
- type Story = StoryObj<typeof ErrorState>;
6
- export declare const Default: Story;
7
- export declare const ServerError: Story;
8
- export declare const Timeout: Story;
@@ -1,2 +0,0 @@
1
- export { ErrorState } from './ErrorState';
2
- export type { ErrorStateProps } from './ErrorState';
@@ -1 +0,0 @@
1
- export * from './list-search';
@@ -1,7 +0,0 @@
1
- export type ListSearchProps = {
2
- onSearch: (search: string) => void;
3
- label: string;
4
- placeholder: string;
5
- debounceMs?: number;
6
- };
7
- export declare const ListSearch: ({ onSearch, label, placeholder, debounceMs }: ListSearchProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export * from './page-content';
@@ -1,5 +0,0 @@
1
- export declare function PageContentMain({ children, className, as: Component, }: {
2
- children: React.ReactNode;
3
- className?: string;
4
- as?: 'main' | 'div';
5
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- export declare function PageContentRoot({ children, className }: {
2
- children: React.ReactNode;
3
- className?: string;
4
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- export declare function PageContentTopBar({ children, className }: {
2
- children: React.ReactNode;
3
- className?: string;
4
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { PageContentRoot } from './page-content-root';
2
- import { PageContentTopBar } from './page-content-top-bar';
3
- import { PageContentMain } from './page-content-main';
4
- export declare const PageContent: typeof PageContentRoot & {
5
- TopBar: typeof PageContentTopBar;
6
- Main: typeof PageContentMain;
7
- };