@mastra/playground-ui 4.0.0-alpha.5 → 4.0.0-alpha.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "4.0.0-alpha.5",
+  "version": "4.0.0-alpha.6",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -30,12 +30,16 @@
     "@assistant-ui/react": "^0.7.91",
     "@assistant-ui/react-markdown": "^0.7.21",
     "@assistant-ui/react-syntax-highlighter": "^0.7.10",
+    "@autoform/core": "^2.1.0",
+    "@autoform/react": "^3.0.0",
+    "@autoform/zod": "^2.1.0",
     "@codemirror/lang-json": "^6.0.1",
     "@dagrejs/dagre": "^1.1.4",
-    "@hookform/resolvers": "^3.9.0",
+    "@hookform/resolvers": "^3.10.0",
     "@lezer/highlight": "^1.2.1",
     "@lukeed/uuid": "^2.0.1",
     "@radix-ui/react-avatar": "^1.1.3",
+    "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-collapsible": "^1.1.3",
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-label": "^2.1.2",
@@ -43,8 +47,9 @@
     "@radix-ui/react-scroll-area": "^1.2.3",
     "@radix-ui/react-select": "^2.1.6",
     "@radix-ui/react-slot": "^1.1.2",
-    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-switch": "^1.1.3",
     "@radix-ui/react-tabs": "^1.1.2",
+    "@radix-ui/react-toggle": "^1.1.2",
     "@radix-ui/react-tooltip": "^1.1.8",
     "@tanstack/react-table": "^8.21.2",
     "@types/react-syntax-highlighter": "^15.5.13",
@@ -57,8 +62,8 @@
     "motion": "^12.4.2",
     "prism-react-renderer": "^2.4.0",
     "react-code-block": "1.1.1",
-    "react-day-picker": "^9.6.1",
-    "react-hook-form": "^7.53.0",
+    "react-day-picker": "^8.10.1",
+    "react-hook-form": "^7.54.2",
     "react-markdown": "^9.1.0",
     "react-resizable-panels": "^2.1.7",
     "react-syntax-highlighter": "^15.6.1",
@@ -76,14 +81,14 @@
     "use-debounce": "^10.0.4",
     "zod": "^3.24.2",
     "zustand": "^5.0.3",
-    "@mastra/client-js": "^0.1.14-alpha.5"
+    "@mastra/client-js": "^0.1.14-alpha.6"
   },
   "peerDependencies": {
     "lucide-react": "^0.474.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^3.0.0",
-    "@mastra/core": "^0.8.0-alpha.5"
+    "@mastra/core": "^0.8.0-alpha.6"
   },
   "devDependencies": {
     "@types/node": "^20.17.27",

package/dist/components/dynamic-form/default-field-map.d.ts

@@ -1,16 +0,0 @@
-import { FieldProps } from './schema';
-
-export declare function getDefaultFieldMap(): {
-    STRING: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
-    NUMBER: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
-    BOOLEAN: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
-    DATE: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
-    ENUM: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
-    ARRAY: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
-    RECORD: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
-    OBJECT: (props: FieldProps) => import("react/jsx-runtime").JSX.Element | null;
-    UNION: (props: FieldProps) => import("react/jsx-runtime").JSX.Element | null;
-    CREATABLE: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
-    SELECT: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
-    MULTI_SELECT: (props: FieldProps) => import("react/jsx-runtime").JSX.Element;
-};

package/dist/components/dynamic-form/fields/array-field.d.ts

@@ -1,17 +0,0 @@
-import { Control } from 'react-hook-form';
-import * as React from 'react';
-interface ArrayFieldProps {
-    name: string;
-    control: Control<any>;
-    renderField: (props: {
-        fieldName: string;
-        index: number;
-    }) => React.ReactNode;
-    handleFieldChange?: (props: {
-        key: string;
-        value: any[];
-    }) => void;
-    isStringField?: boolean;
-}
-export declare function ArrayField({ name, control, renderField, isStringField }: ArrayFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/dynamic-form/fields/boolean-field.d.ts

@@ -1,12 +0,0 @@
-import { Control } from 'react-hook-form';
-
-interface BooleanFieldProps {
-    name: string;
-    control: Control<any>;
-    handleFieldChange?: (props: {
-        key: string;
-        value: boolean;
-    }) => void;
-}
-export declare function BooleanField({ name, control, handleFieldChange }: BooleanFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/dynamic-form/fields/creatable-field.d.ts

@@ -1,17 +0,0 @@
-import { Control } from 'react-hook-form';
-
-interface CreatableFieldProps {
-    name: string;
-    control: Control<any>;
-    options?: {
-        label: string;
-        value: string;
-    }[];
-    handleFieldChange?: (props: {
-        key: string;
-        value: string[];
-    }) => void;
-    placeholder?: string;
-}
-export declare function CreatableField({ name, control, options, handleFieldChange, placeholder }: CreatableFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/dynamic-form/fields/date-field.d.ts

@@ -1,12 +0,0 @@
-import { Control } from 'react-hook-form';
-
-interface DateFieldProps {
-    name: string;
-    control: Control<any>;
-    handleFieldChange?: (props: {
-        key: string;
-        value: string | Date | null | undefined;
-    }) => void;
-}
-export declare function DateField({ name, control, handleFieldChange }: DateFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/dynamic-form/fields/enum-field.d.ts

@@ -1,16 +0,0 @@
-import { Control } from 'react-hook-form';
-
-interface EnumFieldProps {
-    name: string;
-    control: Control<any>;
-    options: {
-        label: string;
-        value: string;
-    }[];
-    handleFieldChange?: (props: {
-        key: string;
-        value: string;
-    }) => void;
-}
-export declare function EnumField({ name, control, options, handleFieldChange }: EnumFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/dynamic-form/fields/index.d.ts

@@ -1,10 +0,0 @@
-export { ArrayField } from './array-field';
-export { BooleanField } from './boolean-field';
-export { CreatableField } from './creatable-field';
-export { DateField } from './date-field';
-export { EnumField } from './enum-field';
-export { StringField } from './string-field';
-export { UnionField } from './union-field';
-export { ObjectField } from './object-field';
-export { NumberField } from './number-field';
-export { RecordField } from './record-field';

package/dist/components/dynamic-form/fields/number-field.d.ts

@@ -1,12 +0,0 @@
-import { Control } from 'react-hook-form';
-
-interface NumberFieldProps {
-    name: string;
-    control: Control<any>;
-    handleFieldChange?: (props: {
-        key: string;
-        value: number;
-    }) => void;
-}
-export declare function NumberField({ name, control, handleFieldChange }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/dynamic-form/fields/object-field.d.ts

@@ -1,27 +0,0 @@
-import { ZodSchema } from 'zod';
-import * as React from 'react';
-interface ObjectFieldProps {
-    renderDynamicForm: (props: {
-        schema: ZodSchema;
-        handleFieldChange: (field: string, value: any) => void;
-        control: any;
-        formValues: Record<string, any>;
-        errors: Record<string, any>;
-        parentField: string;
-        action?: any;
-        isOptional?: boolean;
-        depth?: number;
-    }) => React.ReactNode;
-    schema: ZodSchema;
-    handleFieldChange: (field: string, value: any) => void;
-    control: any;
-    formValues: Record<string, any>;
-    errors: Record<string, any>;
-    parentField: string;
-    action?: any;
-    isArray?: boolean;
-    isOptional?: boolean;
-    depth?: number;
-}
-export declare function ObjectField({ renderDynamicForm, schema, handleFieldChange, control, formValues, errors, parentField, action, isArray, isOptional, depth, }: ObjectFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/dynamic-form/fields/record-field.d.ts

@@ -1,14 +0,0 @@
-import { Control } from 'react-hook-form';
-import { ZodSchema } from 'zod';
-
-interface RecordFieldProps {
-    name: string;
-    control: Control<any>;
-    innerSchema?: ZodSchema;
-    handleFieldChange?: (props: {
-        key: string;
-        value: Record<string, any>;
-    }) => void;
-}
-export declare function RecordField({ name, control, handleFieldChange }: RecordFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/dynamic-form/fields/string-field.d.ts

@@ -1,14 +0,0 @@
-import { Control } from 'react-hook-form';
-
-interface StringFieldProps {
-    name: string;
-    control: Control<any>;
-    handleFieldChange?: (props: {
-        key: string;
-        value: any;
-    }) => void;
-    isMultiline?: boolean;
-    placeholder?: string;
-}
-export declare function StringField({ name, control, handleFieldChange, isMultiline, placeholder }: StringFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/dynamic-form/fields/union-field.d.ts

@@ -1,28 +0,0 @@
-import { ZodUnion } from 'zod';
-import * as React from 'react';
-interface UnionComponentProps {
-    renderDynamicForm: (props: {
-        schema: ZodUnion<any>;
-        handleFieldChange: (field: string, value: any) => void;
-        control: any;
-        formValues: Record<string, any>;
-        errors: Record<string, any>;
-        parentField: string;
-        action?: any;
-        isOptional?: boolean;
-        isNullable?: boolean;
-        depth?: number;
-    }) => React.ReactNode;
-    schema: ZodUnion<any>;
-    handleFieldChange: (field: string, value: any) => void;
-    control: any;
-    formValues: Record<string, any>;
-    errors: Record<string, any>;
-    parentField: string;
-    action?: any;
-    isOptional?: boolean;
-    isNullable?: boolean;
-    depth?: number;
-}
-export declare function UnionField({ renderDynamicForm, schema, handleFieldChange, control, formValues, errors, parentField, action, isOptional, isNullable, depth, }: UnionComponentProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/components/dynamic-form/resolvers/index.d.ts

@@ -1,4 +0,0 @@
-import { Resolver } from 'react-hook-form';
-import { z } from 'zod';
-
-export declare const customZodUnionResolver: (schemaUnion: z.ZodTypeAny, discriminator: string) => Resolver<any>;

package/dist/components/dynamic-form/schema-resolver.d.ts

@@ -1,21 +0,0 @@
-import { Control, FieldErrors } from 'react-hook-form';
-import { z } from 'zod';
-
-interface ResolveSchemaProps {
-    schema: z.ZodSchema;
-    parentField: string;
-    control: Control<any>;
-    formValues: any;
-    errors: FieldErrors;
-    handleFieldChange: (props: {
-        key: string | number | symbol;
-        value: any;
-    }) => void;
-    isArray?: boolean;
-    isOptional?: boolean;
-    isNullable?: boolean;
-}
-export declare function resolveSchema({ schema, parentField, control, formValues, errors, handleFieldChange, isOptional, isNullable, depth, }: ResolveSchemaProps & {
-    depth?: number;
-}): import("react/jsx-runtime").JSX.Element | (import("react/jsx-runtime").JSX.Element | null)[] | null;
-export {};

package/dist/components/dynamic-form/schema.d.ts

@@ -1,70 +0,0 @@
-import { Control } from 'react-hook-form';
-import { ZodSchema, z } from 'zod';
-import * as React from 'react';
-type ActionVariables = Record<string, any>;
-export declare enum FormConfigType {
-    STRING = "STRING",
-    NUMBER = "NUMBER",
-    DATE = "DATE",
-    ENUM = "ENUM",
-    ARRAY = "ARRAY",
-    BOOLEAN = "BOOLEAN",
-    RECORD = "RECORD",
-    OBJECT = "OBJECT",
-    UNION = "UNION",
-    CREATABLE = "CREATABLE",
-    SELECT = "SELECT",
-    MULTI_SELECT = "MULTI_SELECT"
-}
-type FormConfig = {
-    type: FormConfigType;
-    options?: {
-        label: string;
-        value: string;
-    }[];
-    isOptional?: boolean;
-    hasEffects?: boolean;
-    innerSchema?: ZodSchema;
-};
-export declare function getFormConfigTypesFromSchemaDef({ schema, isOptional, }: {
-    schema: ZodSchema<any>;
-    isOptional?: boolean;
-}): FormConfig;
-export type FieldProps = {
-    name: string;
-    options?: {
-        label: string;
-        value: string;
-    }[];
-    control: Control<any>;
-    innerSchema?: ZodSchema;
-    variables?: Record<string, ActionVariables | undefined>;
-    isNullable?: boolean;
-    handleFieldChange: ({ key, value, variables, }: {
-        key: keyof z.infer<any>;
-        value: any;
-        variables?: ActionVariables;
-    }) => void;
-};
-export declare function schemaToFormFieldRenderer<T extends ZodSchema>({ schema, errors, renderFieldMap, schemaField, renderLabel, control, variables, onFieldChange, schemaOptions, values, isOptional, isNullable, }: {
-    schema: ZodSchema<any>;
-    errors: any;
-    renderFieldMap?: Record<FormConfigType, (props: FieldProps) => React.ReactNode>;
-    schemaField: string;
-    control: any;
-    onFieldChange: (props: {
-        key: keyof z.infer<T>;
-        value: any;
-        variables?: ActionVariables;
-    }) => void;
-    variables?: Record<string, ActionVariables | undefined>;
-    schemaOptions?: Record<string, any>;
-    renderLabel?: ({ isOptional, schemaField }: {
-        isOptional: boolean;
-        schemaField: string;
-    }) => React.ReactNode;
-    values: Record<keyof z.infer<T>, unknown>;
-    isOptional?: boolean;
-    isNullable?: boolean;
-}): any;
-export {};