@mastra/playground-ui 12.0.0 → 13.0.0

package/dist/src/domains/agents/components/agent-cms-form-shell.d.ts

@@ -15,5 +15,6 @@ export interface AgentCmsFormShellProps {
     banner?: ReactNode;
     children: ReactNode;
     versionId?: string;
+    rightPanel?: ReactNode;
 }
-export declare function AgentCmsFormShell({ form, mode, agentId, isSubmitting, isSavingDraft, handlePublish, handleSaveDraft, readOnly, basePath, currentPath, banner, children, versionId, }: AgentCmsFormShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentCmsFormShell({ form, mode, agentId, isSubmitting, isSavingDraft, handlePublish, handleSaveDraft, readOnly, basePath, currentPath, banner, children, versionId, rightPanel, }: AgentCmsFormShellProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/components/agent-cms-layout/agent-cms-layout.d.ts

@@ -3,6 +3,7 @@ interface AgentsCmsLayoutProps {
     currentPath: string;
     basePath: string;
     versionId?: string;
+    rightPanel?: React.ReactNode;
 }
-export declare function AgentsCmsLayout({ children, currentPath, basePath, versionId }: AgentsCmsLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentsCmsLayout({ children, currentPath, basePath, versionId, rightPanel }: AgentsCmsLayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/agents/components/agent-cms-pages/index.d.ts

@@ -6,3 +6,4 @@ export * from './scorers-page';
 export * from './workflows-page';
 export * from './memory-page';
 export * from './variables-page';
+export * from './skills-page';

package/dist/src/domains/agents/components/agent-cms-pages/skill-edit-dialog.d.ts

@@ -0,0 +1,8 @@
+import { StoredSkillResponse } from '@mastra/client-js';
+export interface SkillEditDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSkillCreated: (skill: StoredSkillResponse, workspaceId: string) => void;
+    readOnly?: boolean;
+}
+export declare function SkillEditDialog({ isOpen, onClose, onSkillCreated, readOnly }: SkillEditDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/components/agent-cms-pages/skill-file-tree.d.ts

@@ -0,0 +1,15 @@
+import { InMemoryFileNode } from '../agent-edit-page/utils/form-validation';
+export interface SkillFileTreeProps {
+    files: InMemoryFileNode[];
+    onChange: (files: InMemoryFileNode[]) => void;
+    selectedFileId: string | null;
+    onSelectFile: (id: string | null) => void;
+    readOnly?: boolean;
+}
+export declare function createInitialStructure(name: string): InMemoryFileNode[];
+export declare function updateRootFolderName(files: InMemoryFileNode[], name: string): InMemoryFileNode[];
+export declare function extractSkillInstructions(files: InMemoryFileNode[]): string;
+export declare function extractSkillLicense(files: InMemoryFileNode[]): string | undefined;
+export declare function isImageContent(content: string | undefined): boolean;
+export declare function updateNodeContent(nodes: InMemoryFileNode[], nodeId: string, content: string): InMemoryFileNode[];
+export declare function SkillFileTree({ files, onChange, selectedFileId, onSelectFile, readOnly }: SkillFileTreeProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/domains/agents/components/agent-cms-pages/skill-folder.d.ts

@@ -0,0 +1,14 @@
+import { InMemoryFileNode } from '../agent-edit-page/utils/form-validation';
+interface SkillFolderProps {
+    files: InMemoryFileNode[];
+    onChange: (files: InMemoryFileNode[]) => void;
+    readOnly?: boolean;
+    workspaceId: string;
+    setWorkspaceId: (id: string) => void;
+    workspaceOptions: {
+        value: string;
+        label: string;
+    }[];
+}
+export declare function SkillFolder({ files, onChange, readOnly, workspaceId, setWorkspaceId, workspaceOptions, }: SkillFolderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/domains/agents/components/agent-cms-pages/skills-page.d.ts

@@ -0,0 +1 @@
+export declare function SkillsPage(): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/components/agent-cms-sidebar/use-sidebar-descriptions.d.ts

@@ -25,6 +25,10 @@ export declare function useSidebarDescriptions(control: Control<AgentFormValues>
         description: string;
         done: boolean;
     };
+    skills: {
+        description: string;
+        done: boolean;
+    };
     memory: {
         description: string;
         done: boolean;

package/dist/src/domains/agents/components/agent-edit-page/use-agent-edit-form.d.ts

@@ -13,10 +13,19 @@ export declare function useAgentEditForm(options?: UseAgentEditFormOptions): {
         mcpClients: {
             name: string;
             servers: Record<string, any>;
+            selectedTools: Record<string, {
+                description?: string | undefined;
+            }>;
             id?: string | undefined;
             description?: string | undefined;
         }[];
         mcpClientsToDelete: string[];
+        skills: Record<string, {
+            description?: string | undefined;
+            instructions?: string | undefined;
+            pin?: string | undefined;
+            strategy?: "latest" | "live" | undefined;
+        }>;
         description?: string | undefined;
         tools?: Record<string, {
             description?: string | undefined;
@@ -86,6 +95,13 @@ export declare function useAgentEditForm(options?: UseAgentEditFormOptions): {
             content: string;
             rules?: import('@mastra/core/storage').RuleGroup | undefined;
         }[] | undefined;
+        workspace?: {
+            type: "id";
+            workspaceId: string;
+        } | {
+            type: "inline";
+            config: Record<string, unknown>;
+        } | undefined;
     }, any, {
         name: string;
         instructions: string;
@@ -96,10 +112,19 @@ export declare function useAgentEditForm(options?: UseAgentEditFormOptions): {
         mcpClients: {
             name: string;
             servers: Record<string, any>;
+            selectedTools: Record<string, {
+                description?: string | undefined;
+            }>;
             id?: string | undefined;
             description?: string | undefined;
         }[];
         mcpClientsToDelete: string[];
+        skills: Record<string, {
+            description?: string | undefined;
+            instructions?: string | undefined;
+            pin?: string | undefined;
+            strategy?: "latest" | "live" | undefined;
+        }>;
         description?: string | undefined;
         tools?: Record<string, {
             description?: string | undefined;
@@ -169,5 +194,12 @@ export declare function useAgentEditForm(options?: UseAgentEditFormOptions): {
             content: string;
             rules?: import('@mastra/core/storage').RuleGroup | undefined;
         }[] | undefined;
+        workspace?: {
+            type: "id";
+            workspaceId: string;
+        } | {
+            type: "inline";
+            config: Record<string, unknown>;
+        } | undefined;
     }>;
 };

package/dist/src/domains/agents/components/agent-edit-page/utils/form-validation.d.ts

@@ -1,6 +1,20 @@
 import { z } from 'zod';
 import { JsonSchema } from '../../../../../lib/json-schema';
 import { RuleGroup } from '@mastra/core/storage';
+export type InMemoryFileNode = {
+    id: string;
+    name: string;
+    type: 'file' | 'folder';
+    content?: string;
+    children?: InMemoryFileNode[];
+};
+export type SkillFormValue = {
+    localId: string;
+    name: string;
+    description: string;
+    workspaceId: string;
+    files: InMemoryFileNode[];
+};
 export type InstructionBlock = {
     id: string;
     type: 'prompt_block';
@@ -12,6 +26,15 @@ declare const entityConfigSchema: z.ZodObject<{
     description: z.ZodOptional<z.ZodString>;
     rules: z.ZodOptional<z.ZodType<RuleGroup, unknown, z.core.$ZodTypeInternals<RuleGroup, unknown>>>;
 }, z.core.$strip>;
+declare const skillConfigSchema: z.ZodObject<{
+    description: z.ZodOptional<z.ZodString>;
+    instructions: z.ZodOptional<z.ZodString>;
+    pin: z.ZodOptional<z.ZodString>;
+    strategy: z.ZodOptional<z.ZodEnum<{
+        latest: "latest";
+        live: "live";
+    }>>;
+}, z.core.$strip>;
 declare const scorerConfigSchema: z.ZodObject<{
     description: z.ZodOptional<z.ZodString>;
     sampling: z.ZodOptional<z.ZodObject<{
@@ -108,10 +131,30 @@ export declare const agentFormSchema: z.ZodObject<{
         name: z.ZodString;
         description: z.ZodOptional<z.ZodString>;
         servers: z.ZodRecord<z.ZodString, z.ZodAny>;
+        selectedTools: z.ZodDefault<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodObject<{
+            description: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>>>;
     }, z.core.$strip>>>>;
     mcpClientsToDelete: z.ZodDefault<z.ZodOptional<z.ZodArray<z.ZodString>>>;
+    skills: z.ZodDefault<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodObject<{
+        description: z.ZodOptional<z.ZodString>;
+        instructions: z.ZodOptional<z.ZodString>;
+        pin: z.ZodOptional<z.ZodString>;
+        strategy: z.ZodOptional<z.ZodEnum<{
+            latest: "latest";
+            live: "live";
+        }>>;
+    }, z.core.$strip>>>>;
+    workspace: z.ZodOptional<z.ZodDiscriminatedUnion<[z.ZodObject<{
+        type: z.ZodLiteral<"id">;
+        workspaceId: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"inline">;
+        config: z.ZodRecord<z.ZodString, z.ZodUnknown>;
+    }, z.core.$strip>], "type">>;
 }, z.core.$strip>;
 export type AgentFormValues = z.infer<typeof agentFormSchema>;
 export type EntityConfig = z.infer<typeof entityConfigSchema>;
 export type ScorerConfig = z.infer<typeof scorerConfigSchema>;
+export type SkillConfig = z.infer<typeof skillConfigSchema>;
 export {};

package/dist/src/domains/agents/components/agent-version-panel.d.ts

@@ -0,0 +1,7 @@
+export interface AgentVersionPanelProps {
+    agentId: string;
+    selectedVersionId?: string;
+    onVersionSelect: (versionId: string) => void;
+    activeVersionId?: string;
+}
+export declare function AgentVersionPanel({ agentId, selectedVersionId, onVersionSelect, activeVersionId, }: AgentVersionPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/agents/hooks/use-agent-cms-form.d.ts

@@ -21,10 +21,19 @@ export declare function useAgentCmsForm(options: UseAgentCmsFormOptions): {
         mcpClients: {
             name: string;
             servers: Record<string, any>;
+            selectedTools: Record<string, {
+                description?: string | undefined;
+            }>;
             id?: string | undefined;
             description?: string | undefined;
         }[];
         mcpClientsToDelete: string[];
+        skills: Record<string, {
+            description?: string | undefined;
+            instructions?: string | undefined;
+            pin?: string | undefined;
+            strategy?: "latest" | "live" | undefined;
+        }>;
         description?: string | undefined;
         tools?: Record<string, {
             description?: string | undefined;
@@ -94,6 +103,13 @@ export declare function useAgentCmsForm(options: UseAgentCmsFormOptions): {
             content: string;
             rules?: import('@mastra/core/storage').RuleGroup | undefined;
         }[] | undefined;
+        workspace?: {
+            type: "id";
+            workspaceId: string;
+        } | {
+            type: "inline";
+            config: Record<string, unknown>;
+        } | undefined;
     }, any, {
         name: string;
         instructions: string;
@@ -104,10 +120,19 @@ export declare function useAgentCmsForm(options: UseAgentCmsFormOptions): {
         mcpClients: {
             name: string;
             servers: Record<string, any>;
+            selectedTools: Record<string, {
+                description?: string | undefined;
+            }>;
             id?: string | undefined;
             description?: string | undefined;
         }[];
         mcpClientsToDelete: string[];
+        skills: Record<string, {
+            description?: string | undefined;
+            instructions?: string | undefined;
+            pin?: string | undefined;
+            strategy?: "latest" | "live" | undefined;
+        }>;
         description?: string | undefined;
         tools?: Record<string, {
             description?: string | undefined;
@@ -177,11 +202,19 @@ export declare function useAgentCmsForm(options: UseAgentCmsFormOptions): {
             content: string;
             rules?: import('@mastra/core/storage').RuleGroup | undefined;
         }[] | undefined;
+        workspace?: {
+            type: "id";
+            workspaceId: string;
+        } | {
+            type: "inline";
+            config: Record<string, unknown>;
+        } | undefined;
     }>;
     handlePublish: () => Promise<void>;
     handleSaveDraft: () => Promise<void>;
     isSubmitting: boolean;
     isSavingDraft: boolean;
     canPublish: boolean;
+    isDirty: boolean;
 };
 export {};

package/dist/src/domains/agents/hooks/use-agent-skills.d.ts

@@ -0,0 +1,12 @@
+import { StoredAgentSkillConfig } from '@mastra/client-js';
+/**
+ * Hook to read and mutate the skills config for a stored agent.
+ *
+ * The skills field is `Record<string, StoredAgentSkillConfig>` on the agent
+ * snapshot. Each key is a stored skill ID and the value holds per-skill
+ * overrides (description, instructions, pin, strategy).
+ */
+export declare function useAgentSkills(agentId?: string): {
+    skills: Record<string, StoredAgentSkillConfig>;
+    updateSkills: import('@tanstack/react-query').UseMutationResult<import('@mastra/client-js').StoredAgentResponse, Error, Record<string, StoredAgentSkillConfig> | undefined, unknown>;
+};

package/dist/src/domains/agents/hooks/use-agent-workspace.d.ts

@@ -0,0 +1,13 @@
+import { StoredWorkspaceRef } from '@mastra/client-js';
+/**
+ * Hook to read and mutate the workspace reference for a stored agent.
+ *
+ * The workspace ref is part of the agent snapshot config and can be:
+ * - `{ type: 'id', workspaceId }` — references a stored workspace by ID
+ * - `{ type: 'inline', config }` — inline workspace config
+ * - `undefined` — no workspace assigned
+ */
+export declare function useAgentWorkspace(agentId?: string): {
+    workspace: StoredWorkspaceRef | undefined;
+    updateWorkspace: import('@tanstack/react-query').UseMutationResult<import('@mastra/client-js').StoredAgentResponse, Error, StoredWorkspaceRef | undefined, unknown>;
+};

package/dist/src/domains/agents/hooks/use-create-skill.d.ts

@@ -0,0 +1,10 @@
+import { StoredSkillResponse } from '@mastra/client-js';
+import { InMemoryFileNode } from '../components/agent-edit-page/utils/form-validation';
+interface CreateSkillParams {
+    name: string;
+    description: string;
+    workspaceId: string;
+    files: InMemoryFileNode[];
+}
+export declare function useCreateSkill(): import('@tanstack/react-query').UseMutationResult<StoredSkillResponse, Error, CreateSkillParams, unknown>;
+export {};

package/dist/src/domains/agents/hooks/use-stored-skills.d.ts

@@ -0,0 +1 @@
+export declare function useStoredSkills(): import('@tanstack/react-query').UseQueryResult<import('@mastra/client-js').ListStoredSkillsResponse, Error>;

package/dist/src/domains/agents/index.d.ts

@@ -29,6 +29,9 @@ export * from './components/agent-cms-layout';
 export * from './components/agent-cms-pages';
 export * from './utils/agent-form-mappers';
 export * from './utils/collect-mcp-client-ids';
+export * from './hooks/use-stored-skills';
+export * from './hooks/use-create-skill';
 export * from './utils/compute-agent-initial-values';
 export * from './hooks/use-agent-cms-form';
 export * from './components/agent-cms-form-shell';
+export * from './components/agent-version-panel';

package/dist/src/domains/agents/utils/agent-form-mappers.d.ts

@@ -1,5 +1,6 @@
 import { AgentInstructionBlock, StorageConditionalVariant } from '@mastra/core/storage';
-import { EntityConfig, ScorerConfig, InstructionBlock, AgentFormValues } from '../components/agent-edit-page/utils/form-validation';
+import { StoredAgentSkillConfig, StoredWorkspaceRef, ConditionalField } from '@mastra/client-js';
+import { EntityConfig, ScorerConfig, SkillConfig, InstructionBlock, AgentFormValues } from '../components/agent-edit-page/utils/form-validation';
 /** Convert a `string[]` to `Record<string, EntityConfig>`. */
 export declare const arrayToRecord: (arr: string[]) => Record<string, EntityConfig>;
 /** Normalize tools from `string[]` (legacy), `Record`, or `ConditionalVariant[]` format. */
@@ -22,6 +23,10 @@ export declare const transformIntegrationToolsForApi: (integrationTools: Record<
 export declare const normalizeIntegrationToolsToRecord: (integrationTools: Record<string, {
     tools?: Record<string, EntityConfig>;
 }> | undefined) => Record<string, EntityConfig>;
+/** Normalize API skills (ConditionalField<Record<string, StoredAgentSkillConfig>>) to form SkillConfig records. */
+export declare const normalizeSkillsFromApi: (skills: ConditionalField<Record<string, StoredAgentSkillConfig>> | undefined) => Record<string, SkillConfig>;
+/** Normalize API workspace ref (ConditionalField<StoredWorkspaceRef>) to a static workspace ref. */
+export declare const normalizeWorkspaceFromApi: (workspace: ConditionalField<StoredWorkspaceRef> | undefined) => StoredWorkspaceRef | undefined;
 /** Map form instruction blocks to the API instruction array. */
 export declare const mapInstructionBlocksToApi: (blocks: InstructionBlock[] | undefined) => Array<{
     type: "prompt_block";

package/dist/src/domains/agents/utils/compute-agent-initial-values.d.ts

@@ -1,3 +1,4 @@
+import { StoredAgentResponse } from '@mastra/client-js';
 import { AgentFormValues } from '../components/agent-edit-page/utils/form-validation';
 export interface AgentDataSource {
     name?: string;
@@ -11,6 +12,8 @@ export interface AgentDataSource {
     scorers?: unknown;
     memory?: unknown;
     mcpClients?: unknown;
+    skills?: StoredAgentResponse['skills'];
+    workspace?: StoredAgentResponse['workspace'];
     requestContextSchema?: unknown;
 }
 export declare function computeAgentInitialValues(dataSource: AgentDataSource): Partial<AgentFormValues>;

package/dist/src/domains/datasets/components/dataset-combobox.d.ts

@@ -0,0 +1,11 @@
+export interface DatasetComboboxProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    className?: string;
+    disabled?: boolean;
+    variant?: 'default' | 'light' | 'outline' | 'ghost';
+}
+export declare function DatasetCombobox({ value, onValueChange, placeholder, searchPlaceholder, emptyText, className, disabled, variant, }: DatasetComboboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/datasets/hooks/use-dataset-item-versions.d.ts

@@ -18,4 +18,4 @@ export declare const useDatasetItemVersions: (datasetId: string, itemId: string)
 /**
  * Hook to fetch a specific version of a dataset item.
  */
-export declare const useDatasetItemVersion: (datasetId: string, itemId: string, datasetVersion: number) => import('@tanstack/react-query').UseQueryResult<DatasetItemVersion, Error>;
+export declare const useDatasetItemVersion: (datasetId: string, itemId: string, datasetVersion: number, latestVersion?: number) => import('@tanstack/react-query').UseQueryResult<DatasetItemVersion, Error>;

package/dist/src/domains/datasets/index.d.ts

@@ -21,6 +21,8 @@ export { DuplicateDatasetDialog } from './components/duplicate-dataset-dialog';
 export { EditDatasetDialog } from './components/edit-dataset-dialog';
 export { DeleteDatasetDialog } from './components/delete-dataset-dialog';
 export { EmptyDatasetsTable } from './components/empty-datasets-table';
+export { DatasetCombobox } from './components/dataset-combobox';
+export type { DatasetComboboxProps } from './components/dataset-combobox';
 export { DatasetPageContent } from './components/dataset-detail/dataset-page-content';
 export { DatasetItemsList } from './components/items/dataset-items-list';
 export { DatasetExperiments } from './components/experiments/dataset-experiments';

package/dist/src/domains/experiments/hooks/use-experiment-trace.d.ts

@@ -19,9 +19,9 @@ export declare const useExperimentTrace: (traceId: string | null | undefined) =>
         output?: unknown;
         entityType?: import('@mastra/core/observability').EntityType | null | undefined;
         entityId?: string | null | undefined;
+        links?: unknown[] | null | undefined;
         endedAt?: Date | null | undefined;
         scope?: Record<string, unknown> | null | undefined;
-        links?: unknown[] | null | undefined;
         parentSpanId?: string | null | undefined;
         attributes?: Record<string, unknown> | null | undefined;
         entityName?: string | null | undefined;

package/dist/src/domains/mcps/components/mcp-client-create/mcp-client-create-content.d.ts

@@ -5,10 +5,16 @@ interface MCPClientCreateContentProps {
         name: string;
         description?: string;
         servers: Record<string, StoredMCPServerConfig>;
+        selectedTools: Record<string, {
+            description?: string;
+        }>;
     }) => void;
     readOnly?: boolean;
     initialValues?: MCPClientFormValues;
+    initialSelectedTools?: Record<string, {
+        description?: string;
+    }>;
     submitLabel?: string;
 }
-export declare function MCPClientCreateContent({ onAdd, readOnly, initialValues, submitLabel }: MCPClientCreateContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCPClientCreateContent({ onAdd, readOnly, initialValues, initialSelectedTools, submitLabel, }: MCPClientCreateContentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/mcps/components/mcp-client-create/mcp-client-form-sidebar.d.ts

@@ -7,9 +7,10 @@ interface MCPClientFormSidebarProps {
     onPreFillFromServer: (serverId: string) => void;
     containerRef?: React.RefObject<HTMLElement | null>;
     readOnly?: boolean;
+    showSubmit?: boolean;
     submitLabel?: string;
     onTryConnect?: () => void;
     isTryingConnect?: boolean;
 }
-export declare function MCPClientFormSidebar({ form, onPublish, isSubmitting, onPreFillFromServer, containerRef, readOnly, submitLabel, onTryConnect, isTryingConnect, }: MCPClientFormSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCPClientFormSidebar({ form, onPublish, isSubmitting, onPreFillFromServer, containerRef, readOnly, showSubmit, submitLabel, onTryConnect, isTryingConnect, }: MCPClientFormSidebarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/mcps/components/mcp-client-create/mcp-client-tool-preview.d.ts

@@ -3,6 +3,11 @@ interface MCPClientToolPreviewProps {
     serverType: 'stdio' | 'http';
     url: string;
     tryConnect: TryConnectMcpMutation;
+    selectedTools?: Record<string, {
+        description?: string;
+    }>;
+    onToggleTool?: (toolName: string, description?: string) => void;
+    onDescriptionChange?: (toolName: string, description: string) => void;
 }
-export declare function MCPClientToolPreview({ serverType, url, tryConnect }: MCPClientToolPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCPClientToolPreview({ serverType, url, tryConnect, selectedTools, onToggleTool, onDescriptionChange, }: MCPClientToolPreviewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/ds/components/Breadcrumb/Breadcrumb.d.ts

@@ -8,7 +8,7 @@ export interface CrumbProps {
     isCurrent?: boolean;
     as: React.ElementType;
     className?: string;
-    to: string;
+    to?: string;
     prefetch?: boolean | null;
     children: React.ReactNode;
     action?: React.ReactNode;

package/dist/src/ds/components/CodeDiff/code-diff.d.ts

@@ -0,0 +1,5 @@
+export interface CodeDiffProps {
+    codeA: string;
+    codeB: string;
+}
+export declare function CodeDiff({ codeA, codeB }: CodeDiffProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/CodeDiff/code-diff.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { CodeDiff } from './code-diff';
+declare const meta: Meta<typeof CodeDiff>;
+export default meta;
+type Story = StoryObj<typeof CodeDiff>;
+export declare const Default: Story;
+export declare const Identical: Story;
+export declare const CompletelyDifferent: Story;
+export declare const LargeDocument: Story;

package/dist/src/ds/components/CodeDiff/index.d.ts

@@ -0,0 +1,2 @@
+export { CodeDiff } from './code-diff';
+export type { CodeDiffProps } from './code-diff';

package/dist/src/ds/components/FormFields/select-field.d.ts

@@ -15,6 +15,7 @@ export type SelectFieldProps = Omit<React.SelectHTMLAttributes<HTMLSelectElement
         value: string;
         label: string;
         icon?: React.ReactNode;
+        disabled?: boolean;
     }[];
     placeholder?: string;
     onValueChange: (value: string) => void;

package/dist/src/ds/components/Tree/index.d.ts

@@ -0,0 +1 @@
+export * from './tree';

package/dist/src/ds/components/Tree/tree-context.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface TreeContextValue {
+    selectedId?: string;
+    onSelect?: (id: string) => void;
+}
+export declare function TreeProvider({ children, value }: {
+    children: React.ReactNode;
+    value: TreeContextValue;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useTreeContext(): TreeContextValue | null;
+export declare function TreeDepthProvider({ children, depth }: {
+    children: React.ReactNode;
+    depth: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useTreeDepth(): number;

package/dist/src/ds/components/Tree/tree-file.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface TreeFileProps {
+    id?: string;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const TreeFile: React.ForwardRefExoticComponent<TreeFileProps & React.RefAttributes<HTMLLIElement>>;

package/dist/src/ds/components/Tree/tree-folder-content.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface TreeFolderContentProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const TreeFolderContent: React.ForwardRefExoticComponent<TreeFolderContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/ds/components/Tree/tree-folder-trigger.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface TreeFolderTriggerProps {
+    className?: string;
+    children: React.ReactNode;
+    actions?: React.ReactNode;
+}
+export declare const TreeFolderTrigger: React.ForwardRefExoticComponent<TreeFolderTriggerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/ds/components/Tree/tree-folder.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface TreeFolderProps {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const TreeFolder: React.ForwardRefExoticComponent<TreeFolderProps & React.RefAttributes<HTMLLIElement>>;

package/dist/src/ds/components/Tree/tree-icon.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface TreeIconProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const TreeIcon: React.ForwardRefExoticComponent<TreeIconProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/src/ds/components/Tree/tree-input.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface TreeInputProps {
+    type: 'file' | 'folder';
+    onSubmit: (name: string) => void;
+    onCancel?: () => void;
+    defaultValue?: string;
+    placeholder?: string;
+    autoFocus?: boolean;
+    className?: string;
+}
+export declare const TreeInput: React.ForwardRefExoticComponent<TreeInputProps & React.RefAttributes<HTMLLIElement>>;

package/dist/src/ds/components/Tree/tree-label.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface TreeLabelProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const TreeLabel: React.ForwardRefExoticComponent<TreeLabelProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/src/ds/components/Tree/tree-root.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface TreeRootProps {
+    selectedId?: string;
+    onSelect?: (id: string) => void;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const TreeRoot: React.ForwardRefExoticComponent<TreeRootProps & React.RefAttributes<HTMLUListElement>>;

package/dist/src/ds/components/Tree/tree.d.ts

@@ -0,0 +1,9 @@
+export declare const Tree: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<import('./tree-root').TreeRootProps & import('../../../../node_modules/@types/react').RefAttributes<HTMLUListElement>> & {
+    Folder: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<import('./tree-folder').TreeFolderProps & import('../../../../node_modules/@types/react').RefAttributes<HTMLLIElement>>;
+    FolderTrigger: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<import('./tree-folder-trigger').TreeFolderTriggerProps & import('../../../../node_modules/@types/react').RefAttributes<HTMLDivElement>>;
+    FolderContent: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<import('./tree-folder-content').TreeFolderContentProps & import('../../../../node_modules/@types/react').RefAttributes<HTMLDivElement>>;
+    File: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<import('./tree-file').TreeFileProps & import('../../../../node_modules/@types/react').RefAttributes<HTMLLIElement>>;
+    Icon: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<import('./tree-icon').TreeIconProps & import('../../../../node_modules/@types/react').RefAttributes<HTMLSpanElement>>;
+    Label: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<import('./tree-label').TreeLabelProps & import('../../../../node_modules/@types/react').RefAttributes<HTMLSpanElement>>;
+    Input: import('../../../../node_modules/@types/react').ForwardRefExoticComponent<import('./tree-input').TreeInputProps & import('../../../../node_modules/@types/react').RefAttributes<HTMLLIElement>>;
+};