@mastra/playground-ui 13.0.0 → 14.0.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 (43) hide show
  1. package/CHANGELOG.md +82 -0
  2. package/dist/index.cjs.js +2736 -1633
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.es.js +2721 -1638
  5. package/dist/index.es.js.map +1 -1
  6. package/dist/src/domains/agents/components/agent-cms-blocks/agent-cms-ref-block.d.ts +8 -0
  7. package/dist/src/domains/agents/components/agent-cms-blocks/index.d.ts +2 -0
  8. package/dist/src/domains/agents/components/agent-cms-blocks/prompt-block-picker-dialog.d.ts +7 -0
  9. package/dist/src/domains/agents/components/agent-edit-page/use-agent-edit-form.d.ts +12 -4
  10. package/dist/src/domains/agents/components/agent-edit-page/utils/form-validation.d.ts +15 -4
  11. package/dist/src/domains/agents/hooks/use-agent-cms-form.d.ts +12 -4
  12. package/dist/src/domains/agents/utils/agent-form-mappers.d.ts +1 -5
  13. package/dist/src/domains/datasets/components/versions/dataset-compare-versions-list.d.ts +4 -1
  14. package/dist/src/domains/prompt-blocks/components/prompt-block-create-content.d.ts +7 -0
  15. package/dist/src/domains/prompt-blocks/components/prompt-block-edit-page/index.d.ts +4 -0
  16. package/dist/src/domains/prompt-blocks/components/prompt-block-edit-page/prompt-block-edit-main.d.ts +7 -0
  17. package/dist/src/domains/prompt-blocks/components/prompt-block-edit-page/prompt-block-edit-sidebar.d.ts +16 -0
  18. package/dist/src/domains/prompt-blocks/components/prompt-block-edit-page/use-prompt-block-edit-form.d.ts +19 -0
  19. package/dist/src/domains/prompt-blocks/components/prompt-block-edit-page/utils/form-validation.d.ts +10 -0
  20. package/dist/src/domains/prompt-blocks/components/prompt-block-version-combobox.d.ts +10 -0
  21. package/dist/src/domains/prompt-blocks/components/prompt-blocks-table/columns.d.ts +3 -0
  22. package/dist/src/domains/prompt-blocks/components/prompt-blocks-table/prompt-blocks-table.d.ts +6 -0
  23. package/dist/src/domains/prompt-blocks/components/prompt-blocks-table/types.d.ts +2 -0
  24. package/dist/src/domains/prompt-blocks/hooks/use-prompt-block-versions.d.ts +40 -0
  25. package/dist/src/domains/prompt-blocks/hooks/use-stored-prompt-blocks.d.ts +10 -0
  26. package/dist/src/domains/prompt-blocks/index.d.ts +9 -0
  27. package/dist/src/domains/workspace/constants.d.ts +2 -0
  28. package/dist/src/ds/components/Chip/chip.d.ts +7 -0
  29. package/dist/src/ds/components/Chip/chip.stories.d.ts +10 -0
  30. package/dist/src/ds/components/Chip/index.d.ts +1 -0
  31. package/dist/src/ds/components/FormFields/select-field.d.ts +1 -1
  32. package/dist/src/ds/components/ItemList/item-list-cell.d.ts +5 -0
  33. package/dist/src/ds/components/ItemList/item-list-date-cell.d.ts +6 -0
  34. package/dist/src/ds/components/ItemList/item-list-id-cell.d.ts +6 -0
  35. package/dist/src/ds/components/ItemList/item-list-link-cell.d.ts +6 -0
  36. package/dist/src/ds/components/ItemList/item-list-row-button.d.ts +3 -3
  37. package/dist/src/ds/components/ItemList/item-list-row.d.ts +3 -1
  38. package/dist/src/ds/components/ItemList/item-list-version-cell.d.ts +7 -0
  39. package/dist/src/ds/components/ItemList/item-list.d.ts +10 -2
  40. package/dist/src/index.d.ts +2 -0
  41. package/dist/src/lib/framework.d.ts +4 -0
  42. package/package.json +6 -6
  43. package/dist/src/ds/components/ItemList/item-list-flex-cell.d.ts +0 -6
@@ -0,0 +1,8 @@
1
+ import { RefInstructionBlock } from '../agent-edit-page/utils/form-validation';
2
+ export interface AgentCMSRefBlockProps {
3
+ index: number;
4
+ block: RefInstructionBlock;
5
+ onDelete?: (index: number) => void;
6
+ className?: string;
7
+ }
8
+ export declare const AgentCMSRefBlock: ({ index, block, onDelete, className }: AgentCMSRefBlockProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,4 @@
1
1
  export * from './agent-cms-blocks';
2
2
  export * from './agent-cms-block';
3
+ export * from './agent-cms-ref-block';
4
+ export * from './prompt-block-picker-dialog';
@@ -0,0 +1,7 @@
1
+ interface PromptBlockPickerDialogProps {
2
+ open: boolean;
3
+ onOpenChange: (open: boolean) => void;
4
+ onSelect: (blockId: string) => void;
5
+ }
6
+ export declare function PromptBlockPickerDialog({ open, onOpenChange, onSelect }: PromptBlockPickerDialogProps): import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -89,12 +89,16 @@ export declare function useAgentEditForm(options?: UseAgentEditFormOptions): {
89
89
  } | undefined;
90
90
  } | undefined;
91
91
  variables?: import('../../../..').JsonSchema | undefined;
92
- instructionBlocks?: {
92
+ instructionBlocks?: ({
93
93
  id: string;
94
94
  type: "prompt_block";
95
95
  content: string;
96
96
  rules?: import('@mastra/core/storage').RuleGroup | undefined;
97
- }[] | undefined;
97
+ } | {
98
+ id: string;
99
+ type: "prompt_block_ref";
100
+ promptBlockId: string;
101
+ })[] | undefined;
98
102
  workspace?: {
99
103
  type: "id";
100
104
  workspaceId: string;
@@ -188,12 +192,16 @@ export declare function useAgentEditForm(options?: UseAgentEditFormOptions): {
188
192
  } | undefined;
189
193
  } | undefined;
190
194
  variables?: import('../../../..').JsonSchema | undefined;
191
- instructionBlocks?: {
195
+ instructionBlocks?: ({
192
196
  id: string;
193
197
  type: "prompt_block";
194
198
  content: string;
195
199
  rules?: import('@mastra/core/storage').RuleGroup | undefined;
196
- }[] | undefined;
200
+ } | {
201
+ id: string;
202
+ type: "prompt_block_ref";
203
+ promptBlockId: string;
204
+ })[] | undefined;
197
205
  workspace?: {
198
206
  type: "id";
199
207
  workspaceId: string;
@@ -15,13 +15,20 @@ export type SkillFormValue = {
15
15
  workspaceId: string;
16
16
  files: InMemoryFileNode[];
17
17
  };
18
- export type InstructionBlock = {
18
+ export type InlineInstructionBlock = {
19
19
  id: string;
20
20
  type: 'prompt_block';
21
21
  content: string;
22
22
  rules?: RuleGroup;
23
23
  };
24
- export declare const createInstructionBlock: (content?: string, rules?: RuleGroup) => InstructionBlock;
24
+ export type RefInstructionBlock = {
25
+ id: string;
26
+ type: 'prompt_block_ref';
27
+ promptBlockId: string;
28
+ };
29
+ export type InstructionBlock = InlineInstructionBlock | RefInstructionBlock;
30
+ export declare const createInstructionBlock: (content?: string, rules?: RuleGroup) => InlineInstructionBlock;
31
+ export declare const createRefInstructionBlock: (promptBlockId: string) => RefInstructionBlock;
25
32
  declare const entityConfigSchema: z.ZodObject<{
26
33
  description: z.ZodOptional<z.ZodString>;
27
34
  rules: z.ZodOptional<z.ZodType<RuleGroup, unknown, z.core.$ZodTypeInternals<RuleGroup, unknown>>>;
@@ -120,12 +127,16 @@ export declare const agentFormSchema: z.ZodObject<{
120
127
  }, z.core.$strip>>;
121
128
  }, z.core.$strip>>;
122
129
  variables: z.ZodOptional<z.ZodCustom<JsonSchema, JsonSchema>>;
123
- instructionBlocks: z.ZodOptional<z.ZodArray<z.ZodObject<{
130
+ instructionBlocks: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
124
131
  id: z.ZodString;
125
132
  type: z.ZodLiteral<"prompt_block">;
126
133
  content: z.ZodString;
127
134
  rules: z.ZodOptional<z.ZodType<RuleGroup, unknown, z.core.$ZodTypeInternals<RuleGroup, unknown>>>;
128
- }, z.core.$strip>>>;
135
+ }, z.core.$strip>, z.ZodObject<{
136
+ id: z.ZodString;
137
+ type: z.ZodLiteral<"prompt_block_ref">;
138
+ promptBlockId: z.ZodString;
139
+ }, z.core.$strip>], "type">>>;
129
140
  mcpClients: z.ZodDefault<z.ZodOptional<z.ZodArray<z.ZodObject<{
130
141
  id: z.ZodOptional<z.ZodString>;
131
142
  name: z.ZodString;
@@ -97,12 +97,16 @@ export declare function useAgentCmsForm(options: UseAgentCmsFormOptions): {
97
97
  } | undefined;
98
98
  } | undefined;
99
99
  variables?: import('../../..').JsonSchema | undefined;
100
- instructionBlocks?: {
100
+ instructionBlocks?: ({
101
101
  id: string;
102
102
  type: "prompt_block";
103
103
  content: string;
104
104
  rules?: import('@mastra/core/storage').RuleGroup | undefined;
105
- }[] | undefined;
105
+ } | {
106
+ id: string;
107
+ type: "prompt_block_ref";
108
+ promptBlockId: string;
109
+ })[] | undefined;
106
110
  workspace?: {
107
111
  type: "id";
108
112
  workspaceId: string;
@@ -196,12 +200,16 @@ export declare function useAgentCmsForm(options: UseAgentCmsFormOptions): {
196
200
  } | undefined;
197
201
  } | undefined;
198
202
  variables?: import('../../..').JsonSchema | undefined;
199
- instructionBlocks?: {
203
+ instructionBlocks?: ({
200
204
  id: string;
201
205
  type: "prompt_block";
202
206
  content: string;
203
207
  rules?: import('@mastra/core/storage').RuleGroup | undefined;
204
- }[] | undefined;
208
+ } | {
209
+ id: string;
210
+ type: "prompt_block_ref";
211
+ promptBlockId: string;
212
+ })[] | undefined;
205
213
  workspace?: {
206
214
  type: "id";
207
215
  workspaceId: string;
@@ -28,11 +28,7 @@ export declare const normalizeSkillsFromApi: (skills: ConditionalField<Record<st
28
28
  /** Normalize API workspace ref (ConditionalField<StoredWorkspaceRef>) to a static workspace ref. */
29
29
  export declare const normalizeWorkspaceFromApi: (workspace: ConditionalField<StoredWorkspaceRef> | undefined) => StoredWorkspaceRef | undefined;
30
30
  /** Map form instruction blocks to the API instruction array. */
31
- export declare const mapInstructionBlocksToApi: (blocks: InstructionBlock[] | undefined) => Array<{
32
- type: "prompt_block";
33
- content: string;
34
- rules?: InstructionBlock["rules"];
35
- }>;
31
+ export declare const mapInstructionBlocksToApi: (blocks: InstructionBlock[] | undefined) => AgentInstructionBlock[];
36
32
  /** Map API instruction data to form instruction blocks. */
37
33
  export declare const mapInstructionBlocksFromApi: (instructionsRaw: string | AgentInstructionBlock[] | undefined) => {
38
34
  instructionsString: string;
@@ -1,5 +1,8 @@
1
1
  import { DatasetItem } from '@mastra/client-js';
2
2
  export interface DatasetCompareVersionsListProps {
3
+ datasetId: string;
4
+ versionA: number;
5
+ versionB: number;
3
6
  allItems: Array<{
4
7
  id: string;
5
8
  createdAt: Date;
@@ -8,4 +11,4 @@ export interface DatasetCompareVersionsListProps {
8
11
  itemsBMap: Map<string, DatasetItem>;
9
12
  onItemClick?: (itemId: string, itemA?: DatasetItem, itemB?: DatasetItem) => void;
10
13
  }
11
- export declare function DatasetCompareVersionsList({ allItems, itemsAMap, itemsBMap, onItemClick, }: DatasetCompareVersionsListProps): import("react/jsx-runtime").JSX.Element;
14
+ export declare function DatasetCompareVersionsList({ datasetId, versionA, versionB, allItems, itemsAMap, itemsBMap, }: DatasetCompareVersionsListProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ interface PromptBlockCreateContentProps {
2
+ onSuccess?: (block: {
3
+ id: string;
4
+ }) => void;
5
+ }
6
+ export declare function PromptBlockCreateContent({ onSuccess }: PromptBlockCreateContentProps): import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,4 @@
1
+ export * from './prompt-block-edit-sidebar';
2
+ export * from './prompt-block-edit-main';
3
+ export * from './use-prompt-block-edit-form';
4
+ export * from './utils/form-validation';
@@ -0,0 +1,7 @@
1
+ import { UseFormReturn } from 'react-hook-form';
2
+ import { PromptBlockFormValues } from './utils/form-validation';
3
+ interface PromptBlockEditMainProps {
4
+ form: UseFormReturn<PromptBlockFormValues>;
5
+ }
6
+ export declare function PromptBlockEditMain({ form }: PromptBlockEditMainProps): import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,16 @@
1
+ import { UseFormReturn } from 'react-hook-form';
2
+ import { PromptBlockFormValues } from './utils/form-validation';
3
+ interface PromptBlockEditSidebarProps {
4
+ form: UseFormReturn<PromptBlockFormValues>;
5
+ onPublish: () => void;
6
+ onSaveDraft?: () => void;
7
+ isSubmitting?: boolean;
8
+ isSavingDraft?: boolean;
9
+ isDirty?: boolean;
10
+ hasDraft?: boolean;
11
+ mode?: 'create' | 'edit';
12
+ /** Key that changes when form is reset with new data, forces JSONSchemaForm to remount */
13
+ formResetKey?: number;
14
+ }
15
+ export declare function PromptBlockEditSidebar({ form, onPublish, onSaveDraft, isSubmitting, isSavingDraft, isDirty, hasDraft, mode, formResetKey, }: PromptBlockEditSidebarProps): import("react/jsx-runtime").JSX.Element;
16
+ export {};
@@ -0,0 +1,19 @@
1
+ import { PromptBlockFormValues } from './utils/form-validation';
2
+ export interface UsePromptBlockEditFormOptions {
3
+ initialValues?: Partial<PromptBlockFormValues>;
4
+ }
5
+ export declare function usePromptBlockEditForm(options?: UsePromptBlockEditFormOptions): {
6
+ form: import('react-hook-form').UseFormReturn<{
7
+ name: string;
8
+ description: string;
9
+ content: string;
10
+ rules?: any;
11
+ variables?: import('../../../..').JsonSchema | undefined;
12
+ }, any, {
13
+ name: string;
14
+ description: string;
15
+ content: string;
16
+ rules?: any;
17
+ variables?: import('../../../..').JsonSchema | undefined;
18
+ }>;
19
+ };
@@ -0,0 +1,10 @@
1
+ import { z } from 'zod';
2
+ import { JsonSchema } from '../../../../../lib/json-schema';
3
+ export declare const promptBlockFormSchema: z.ZodObject<{
4
+ name: z.ZodString;
5
+ description: z.ZodString;
6
+ content: z.ZodString;
7
+ rules: z.ZodOptional<z.ZodAny>;
8
+ variables: z.ZodOptional<z.ZodCustom<JsonSchema, JsonSchema>>;
9
+ }, z.core.$strip>;
10
+ export type PromptBlockFormValues = z.infer<typeof promptBlockFormSchema>;
@@ -0,0 +1,10 @@
1
+ export interface PromptBlockVersionComboboxProps {
2
+ blockId: string;
3
+ value?: string;
4
+ onValueChange?: (value: string) => void;
5
+ className?: string;
6
+ disabled?: boolean;
7
+ variant?: 'default' | 'light' | 'outline' | 'ghost';
8
+ activeVersionId?: string;
9
+ }
10
+ export declare function PromptBlockVersionCombobox({ blockId, value, onValueChange, className, disabled, variant, activeVersionId, }: PromptBlockVersionComboboxProps): 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;
@@ -0,0 +1,40 @@
1
+ import { ListPromptBlockVersionsParams, CreatePromptBlockVersionParams, ListPromptBlockVersionsResponse, PromptBlockVersionResponse, ActivatePromptBlockVersionResponse, DeletePromptBlockVersionResponse } from '@mastra/client-js';
2
+ export type { ListPromptBlockVersionsParams, CreatePromptBlockVersionParams };
3
+ /**
4
+ * Hook to list versions of a stored prompt block
5
+ */
6
+ export declare const usePromptBlockVersions: ({ blockId, params, }: {
7
+ blockId: string;
8
+ params?: ListPromptBlockVersionsParams;
9
+ }) => import('@tanstack/react-query').UseQueryResult<ListPromptBlockVersionsResponse, Error>;
10
+ /**
11
+ * Hook to get a single version of a stored prompt block
12
+ */
13
+ export declare const usePromptBlockVersion: ({ blockId, versionId }: {
14
+ blockId: string;
15
+ versionId: string;
16
+ }) => import('@tanstack/react-query').UseQueryResult<PromptBlockVersionResponse, Error>;
17
+ /**
18
+ * Hook to create a new version of a stored prompt block
19
+ */
20
+ export declare const useCreatePromptBlockVersion: ({ blockId }: {
21
+ blockId: string;
22
+ }) => import('@tanstack/react-query').UseMutationResult<PromptBlockVersionResponse, Error, CreatePromptBlockVersionParams | undefined, unknown>;
23
+ /**
24
+ * Hook to activate a specific version of a stored prompt block
25
+ */
26
+ export declare const useActivatePromptBlockVersion: ({ blockId }: {
27
+ blockId: string;
28
+ }) => import('@tanstack/react-query').UseMutationResult<ActivatePromptBlockVersionResponse, Error, string, unknown>;
29
+ /**
30
+ * Hook to restore a specific version of a stored prompt block (creates a new version from an old one)
31
+ */
32
+ export declare const useRestorePromptBlockVersion: ({ blockId }: {
33
+ blockId: string;
34
+ }) => import('@tanstack/react-query').UseMutationResult<PromptBlockVersionResponse, Error, string, unknown>;
35
+ /**
36
+ * Hook to delete a specific version of a stored prompt block
37
+ */
38
+ export declare const useDeletePromptBlockVersion: ({ blockId }: {
39
+ blockId: string;
40
+ }) => import('@tanstack/react-query').UseMutationResult<DeletePromptBlockVersionResponse, Error, string, unknown>;
@@ -0,0 +1,10 @@
1
+ import { ListStoredPromptBlocksParams, ListStoredPromptBlocksResponse, StoredPromptBlockResponse, CreateStoredPromptBlockParams, UpdateStoredPromptBlockParams } from '@mastra/client-js';
2
+ export declare const useStoredPromptBlocks: (params?: ListStoredPromptBlocksParams) => import('@tanstack/react-query').UseQueryResult<ListStoredPromptBlocksResponse, Error>;
3
+ export declare const useStoredPromptBlock: (blockId?: string, options?: {
4
+ status?: "draft" | "published";
5
+ }) => import('@tanstack/react-query').UseQueryResult<StoredPromptBlockResponse | null, Error>;
6
+ export declare const useStoredPromptBlockMutations: (blockId?: string) => {
7
+ createStoredPromptBlock: import('@tanstack/react-query').UseMutationResult<StoredPromptBlockResponse, Error, CreateStoredPromptBlockParams, unknown>;
8
+ updateStoredPromptBlock: import('@tanstack/react-query').UseMutationResult<StoredPromptBlockResponse, Error, UpdateStoredPromptBlockParams, unknown>;
9
+ deleteStoredPromptBlock: import('@tanstack/react-query').UseMutationResult<import('@mastra/client-js').DeleteStoredPromptBlockResponse, Error, void, unknown>;
10
+ };
@@ -0,0 +1,9 @@
1
+ export { PromptBlockCreateContent } from './components/prompt-block-create-content';
2
+ export { PromptBlocksTable, type PromptBlocksTableProps } from './components/prompt-blocks-table/prompt-blocks-table';
3
+ export { PromptBlockVersionCombobox, type PromptBlockVersionComboboxProps, } from './components/prompt-block-version-combobox';
4
+ export { PromptBlockEditSidebar } from './components/prompt-block-edit-page/prompt-block-edit-sidebar';
5
+ export { PromptBlockEditMain } from './components/prompt-block-edit-page/prompt-block-edit-main';
6
+ export { usePromptBlockEditForm, type UsePromptBlockEditFormOptions, } from './components/prompt-block-edit-page/use-prompt-block-edit-form';
7
+ export { promptBlockFormSchema, type PromptBlockFormValues, } from './components/prompt-block-edit-page/utils/form-validation';
8
+ export { useStoredPromptBlocks, useStoredPromptBlock, useStoredPromptBlockMutations, } from './hooks/use-stored-prompt-blocks';
9
+ export { usePromptBlockVersions, usePromptBlockVersion, useCreatePromptBlockVersion, useActivatePromptBlockVersion, useRestorePromptBlockVersion, useDeletePromptBlockVersion, } from './hooks/use-prompt-block-versions';
@@ -17,6 +17,8 @@ export declare const WORKSPACE_TOOLS: {
17
17
  };
18
18
  readonly SANDBOX: {
19
19
  readonly EXECUTE_COMMAND: "mastra_workspace_execute_command";
20
+ readonly GET_PROCESS_OUTPUT: "mastra_workspace_get_process_output";
21
+ readonly KILL_PROCESS: "mastra_workspace_kill_process";
20
22
  };
21
23
  readonly SEARCH: {
22
24
  readonly SEARCH: "mastra_workspace_search";
@@ -0,0 +1,7 @@
1
+ import { default as React } from '../../../../node_modules/@types/react';
2
+ export interface ChipProps extends React.HTMLAttributes<HTMLSpanElement> {
3
+ color?: 'gray' | 'red' | 'orange' | 'blue' | 'green';
4
+ size?: 'small' | 'default' | 'large';
5
+ children: React.ReactNode;
6
+ }
7
+ export declare const Chip: ({ color, size, className, children, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Chip } from './chip';
3
+ declare const meta: Meta<typeof Chip>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Chip>;
6
+ export declare const Default: Story;
7
+ export declare const Colors: Story;
8
+ export declare const Sizes: Story;
9
+ export declare const WithIcons: Story;
10
+ export declare const IconsOnly: Story;
@@ -0,0 +1 @@
1
+ export * from './chip';
@@ -13,7 +13,7 @@ export type SelectFieldProps = Omit<React.SelectHTMLAttributes<HTMLSelectElement
13
13
  errorMsg?: string;
14
14
  options: {
15
15
  value: string;
16
- label: string;
16
+ label: React.ReactNode;
17
17
  icon?: React.ReactNode;
18
18
  disabled?: boolean;
19
19
  }[];
@@ -0,0 +1,5 @@
1
+ export type ItemListTextCellProps = {
2
+ children: React.ReactNode;
3
+ className?: string;
4
+ };
5
+ export declare function ItemListCell({ children, className }: ItemListTextCellProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ export type ItemListDateCellProps = {
2
+ date: Date | string | null;
3
+ className?: string;
4
+ withTime?: boolean;
5
+ };
6
+ export declare function ItemListDateCell({ date, className, withTime }: ItemListDateCellProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ export type ItemListIdCellProps = {
2
+ id: string;
3
+ className?: string;
4
+ isShortened?: boolean;
5
+ };
6
+ export declare function ItemListIdCell({ id, className, isShortened }: ItemListIdCellProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ export type ItemListLinkCellProps = {
2
+ children?: React.ReactNode;
3
+ className?: string;
4
+ href: string;
5
+ };
6
+ export declare function ItemListLinkCell({ children, href, className }: ItemListLinkCellProps): import("react/jsx-runtime").JSX.Element;
@@ -1,11 +1,11 @@
1
1
  import { ItemListColumn } from './types';
2
2
  export type ItemListRowButtonProps = {
3
- entry?: any;
4
- isSelected?: boolean;
3
+ item?: any;
4
+ isFeatured?: boolean;
5
5
  children?: React.ReactNode;
6
6
  onClick?: (itemId: string) => void;
7
7
  columns?: ItemListColumn[];
8
8
  className?: string;
9
9
  disabled?: boolean;
10
10
  };
11
- export declare function ItemListRowButton({ entry, isSelected, onClick, children, columns, className, disabled, }: ItemListRowButtonProps): import("react/jsx-runtime").JSX.Element;
11
+ export declare function ItemListRowButton({ item, isFeatured, onClick, children, columns, className, disabled, }: ItemListRowButtonProps): import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,7 @@
1
+ import { ItemListColumn } from './types';
1
2
  export type ItemListRowProps = {
2
3
  isSelected?: boolean;
3
4
  children?: React.ReactNode;
5
+ columns?: ItemListColumn[];
4
6
  };
5
- export declare function ItemListRow({ isSelected, children }: ItemListRowProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function ItemListRow({ isSelected, children, columns }: ItemListRowProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ export type ItemListVersionCellProps = {
2
+ version: string | number;
3
+ date?: Date | string | null;
4
+ isLatest?: boolean;
5
+ isDeleted?: boolean;
6
+ };
7
+ export declare function ItemListVersionCell({ version, date, isLatest, isDeleted }: ItemListVersionCellProps): import("react/jsx-runtime").JSX.Element;
@@ -8,9 +8,13 @@ import { ItemListMessage } from './item-list-message';
8
8
  import { ItemListNextPageLoading } from './item-list-next-page-loading';
9
9
  import { ItemListPagination } from './item-list-pagination';
10
10
  import { ItemListItemsScroller } from './item-list-items-scroller';
11
+ import { ItemListCell } from './item-list-cell';
11
12
  import { ItemListTextCell } from './item-list-text-cell';
12
13
  import { ItemListStatusCell } from './item-list-status-cell';
13
- import { ItemListFlexCell } from './item-list-flex-cell';
14
+ import { ItemListVersionCell } from './item-list-version-cell';
15
+ import { ItemListIdCell } from './item-list-id-cell';
16
+ import { ItemListDateCell } from './item-list-date-cell';
17
+ import { ItemListLinkCell } from './item-list-link-cell';
14
18
  export declare const ItemList: typeof ItemListRoot & {
15
19
  Header: typeof ItemListHeader;
16
20
  HeaderCol: typeof ItemListHeaderCol;
@@ -21,7 +25,11 @@ export declare const ItemList: typeof ItemListRoot & {
21
25
  Message: typeof ItemListMessage;
22
26
  NextPageLoading: typeof ItemListNextPageLoading;
23
27
  Pagination: typeof ItemListPagination;
28
+ Cell: typeof ItemListCell;
24
29
  TextCell: typeof ItemListTextCell;
25
30
  StatusCell: typeof ItemListStatusCell;
26
- FlexCell: typeof ItemListFlexCell;
31
+ VersionCell: typeof ItemListVersionCell;
32
+ IdCell: typeof ItemListIdCell;
33
+ DateCell: typeof ItemListDateCell;
34
+ LinkCell: typeof ItemListLinkCell;
27
35
  };
@@ -2,6 +2,7 @@ export * from './domains/agents/index';
2
2
  export * from './domains/llm/index';
3
3
  export * from './domains/processors/index';
4
4
  export * from './domains/scores/index';
5
+ export * from './domains/prompt-blocks/index';
5
6
  export * from './domains/tools/index';
6
7
  export * from './domains/workflows/index';
7
8
  export * from './domains/templates/index';
@@ -73,6 +74,7 @@ export * from './ds/components/Columns';
73
74
  export * from './ds/components/CodeDiff';
74
75
  export * from './ds/components/ItemList';
75
76
  export * from './ds/components/Notice';
77
+ export * from './ds/components/Chip';
76
78
  export * from './ds/components/Tree';
77
79
  export * from './lib/form';
78
80
  export * from './ds/icons/index';
@@ -18,6 +18,10 @@ type LinkComponentPaths = {
18
18
  cmsScorerEditLink: (scorerId: string) => string;
19
19
  cmsAgentCreateLink: () => string;
20
20
  cmsAgentEditLink: (agentId: string) => string;
21
+ promptBlockLink: (promptBlockId: string) => string;
22
+ promptBlocksLink: () => string;
23
+ cmsPromptBlockCreateLink: () => string;
24
+ cmsPromptBlockEditLink: (promptBlockId: string) => string;
21
25
  toolLink: (toolId: string) => string;
22
26
  skillLink: (skillName: string, workspaceId?: string) => string;
23
27
  workspacesLink: () => string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mastra/playground-ui",
3
3
  "type": "module",
4
- "version": "13.0.0",
4
+ "version": "14.0.0",
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
  "react": ">=19.0.0",
130
130
  "react-dom": ">=19.0.0",
131
131
  "tailwindcss": "^3.0.0",
132
+ "@mastra/client-js": "^1.7.0",
132
133
  "@mastra/ai-sdk": "^1.0.5",
133
- "@mastra/client-js": "^1.6.0",
134
- "@mastra/react": "0.2.5",
134
+ "@mastra/react": "0.2.6",
135
135
  "@mastra/schema-compat": "1.1.2"
136
136
  },
137
137
  "devDependencies": {
@@ -162,10 +162,10 @@
162
162
  "vite-plugin-lib-inject-css": "^2.2.2",
163
163
  "vitest": "4.0.18",
164
164
  "@mastra/ai-sdk": "^1.0.5",
165
- "@mastra/core": "1.6.0",
166
- "@mastra/react": "0.2.5",
165
+ "@mastra/client-js": "^1.7.0",
166
+ "@mastra/core": "1.7.0",
167
167
  "@mastra/schema-compat": "1.1.2",
168
- "@mastra/client-js": "^1.6.0"
168
+ "@mastra/react": "0.2.6"
169
169
  },
170
170
  "homepage": "https://mastra.ai",
171
171
  "repository": {
@@ -1,6 +0,0 @@
1
- export type ItemListTextCellProps = {
2
- children: React.ReactNode;
3
- isLoading?: boolean;
4
- className?: string;
5
- };
6
- export declare function ItemListFlexCell({ children, isLoading, className }: ItemListTextCellProps): import("react/jsx-runtime").JSX.Element;