@rebasepro/admin 0.2.1 → 0.2.4

package/src/collection_editor/ui/collection_editor/properties/MapPropertyField.tsx

@@ -53,7 +53,7 @@ export function MapPropertyField({ disabled, getData, allowDataInference, proper
         const propertiesPath = idToPropertiesPath(fullId);
         const propertiesOrderPath = namespaceToPropertiesOrderPath(namespace);
 
-        const currentPropertiesOrder: string[] = getIn(values, propertiesOrderPath) ?? Object.keys(getIn(values, namespaceToPropertiesPath(namespace)));
+        const currentPropertiesOrder: string[] = (getIn(values, propertiesOrderPath) as string[] | undefined) ?? Object.keys(getIn(values, namespaceToPropertiesPath(namespace)) as object ?? {});
 
         setFieldValue(propertiesPath, undefined, false);
         setFieldValue(propertiesOrderPath, currentPropertiesOrder.filter((p) => p !== propertyKey), false);
@@ -139,7 +139,7 @@ export function MapPropertyField({ disabled, getData, allowDataInference, proper
                 onDelete={deleteProperty}
                 propertyKey={selectedPropertyKey}
                 propertyNamespace={selectedPropertyNamespace}
-                property={selectedProperty}
+                property={selectedProperty as Property | undefined}
                 existingProperty={Boolean(selectedPropertyKey)}
                 autoUpdateId={!selectedPropertyKey}
                 autoOpenTypeSelect={!selectedPropertyKey}

package/src/collection_editor/ui/collection_editor/properties/MarkdownPropertyField.tsx

@@ -41,15 +41,15 @@ export function MarkdownPropertyField({
     const htmlPath = `${baseMarkdownPath}.html`;
     const transformPastedTextPath = `${baseMarkdownPath}.transformPastedText`;
 
-    const fileNameValue = getIn(values, fileName) ?? "{rand}_{file}";
-    const storagePathValue = getIn(values, storagePath) ?? "/";
+    const fileNameValue = (getIn(values, fileName) as string | undefined) ?? "{rand}_{file}";
+    const storagePathValue = (getIn(values, storagePath) as string | undefined) ?? "/";
     const maxSizeValue = getIn(values, maxSize);
 
     // Markdown config values - check if markdown is an object or boolean
     const markdownValue = getIn(values, "markdown");
     const isMarkdownObject = typeof markdownValue === "object" && markdownValue !== null;
-    const htmlValue = isMarkdownObject ? (markdownValue.html ?? true) : true;
-    const transformPastedTextValue = isMarkdownObject ? (markdownValue.transformPastedText ?? false) : false;
+    const htmlValue = isMarkdownObject ? (((markdownValue as Record<string, unknown>).html as boolean | undefined) ?? true) : true;
+    const transformPastedTextValue = isMarkdownObject ? (((markdownValue as Record<string, unknown>).transformPastedText as boolean | undefined) ?? false) : false;
 
     const hasFilenameCallback = typeof fileNameValue === "function";
     const hasStoragePathCallback = typeof storagePathValue === "function";
@@ -209,7 +209,7 @@ export function MarkdownPropertyField({
                         setFieldValue("defaultValue", e.target.value === "" ? undefined : e.target.value);
                     }}
                     label={t("default_value")}
-                    value={getIn(values, "defaultValue") ?? ""}/>
+                    value={(getIn(values, "defaultValue") as string | undefined) ?? ""}/>
 
             </div>
         </>

package/src/collection_editor/ui/collection_editor/properties/NumberPropertyField.tsx

@@ -15,12 +15,12 @@ export function NumberPropertyField({ disabled }: {
     const { t } = useTranslation();
 
     const columnTypePath = "columnType";
-    const columnTypeValue: string | undefined = getIn(values, columnTypePath);
-    const columnTypeError: string | undefined = getIn(touched, columnTypePath) && getIn(errors, columnTypePath);
+    const columnTypeValue: string | undefined = getIn(values, columnTypePath) as string | undefined;
+    const columnTypeError: string | undefined = (getIn(touched, columnTypePath) && getIn(errors, columnTypePath)) as string | undefined;
 
     const isIdPath = "isId";
-    const isIdValue: string | boolean | undefined = getIn(values, isIdPath);
-    const isIdError: string | undefined = getIn(touched, isIdPath) && getIn(errors, isIdPath);
+    const isIdValue: string | boolean | undefined = getIn(values, isIdPath) as string | boolean | undefined;
+    const isIdError: string | undefined = (getIn(touched, isIdPath) && getIn(errors, isIdPath)) as string | undefined;
 
     return (
         <>
@@ -109,7 +109,7 @@ export function NumberPropertyField({ disabled }: {
                         setFieldValue("defaultValue", e.target.value === "" ? undefined : parseFloat(e.target.value));
                     }}
                     label={t("default_value")}
-                    value={getIn(values, "defaultValue") ?? ""}/>
+                    value={(getIn(values, "defaultValue") as string | number | undefined) ?? ""}/>
 
             </div>
         </>

package/src/collection_editor/ui/collection_editor/properties/ReferencePropertyField.tsx

@@ -34,8 +34,8 @@ export function ReferencePropertyField({
         </div>;
 
     const pathPath = asString ? "reference.slug" : (multiple ? "of.slug" : "path");
-    const pathValue: string | undefined = getIn(values, pathPath);
-    const pathError: string | undefined = showErrors && getIn(errors, pathPath);
+    const pathValue: string | undefined = getIn(values, pathPath) as string | undefined;
+    const pathError: string | undefined = (showErrors && getIn(errors, pathPath)) as string | undefined;
 
     return (
         <>

package/src/collection_editor/ui/collection_editor/properties/RelationPropertyField.tsx

@@ -14,16 +14,25 @@ import { CollectionsSelect } from "./ReferencePropertyField";
 
 const ON_ACTION_OPTIONS: OnAction[] = ["cascade", "restrict", "no action", "set null", "set default"];
 
+function getTargetSlug(target?: string | (() => string | { slug: string } | Record<string, unknown>)): string {
+    if (!target) return "";
+    if (typeof target === "string") return target;
+    try {
+        const resolved = target();
+        if (typeof resolved === "string") return resolved;
+        if (resolved && typeof resolved === "object" && "slug" in resolved && typeof resolved.slug === "string") {
+            return resolved.slug;
+        }
+        return "";
+    } catch {
+        return "";
+    }
+}
+
 /**
  * Property editor form for `type: "relation"` properties.
  *
- * This component edits both:
- *  1. The `RelationProperty` fields on the property itself (relationName, etc.)
- *  2. The matching `Relation` entry in `collection.relations[]`
- *
- * When a user configures a relation property, we sync the relation config
- * back to the parent collection's `relations` array so saving the collection
- * persists everything in one go.
+ * This component edits the `RelationProperty` fields on the property itself (target, relationName, etc.)
  */
 export function RelationPropertyField({
     disabled,
@@ -36,37 +45,22 @@ export function RelationPropertyField({
         values,
         errors,
         setFieldValue
-    } = useFormex<RelationProperty & { id?: string; _relationConfig?: Record<string, unknown> }>();
+    } = useFormex<RelationProperty & { id?: string }>();
 
     const collectionRegistry = useCollectionRegistryController();
 
-    // ─── Read the parent collection form to sync `relations[]` ───
-    // The PropertyForm is nested inside a parent Formex for the whole collection.
-    // We reach it via a second useFormex keyed to the parent context.
-    // However, the PropertyForm uses its own isolated Formex, so we can't
-    // directly access the parent. Instead, we store the relation config
-    // on the property itself and let the save logic merge it.
-    //
-    // We store the full relation config on a transient `_relationConfig` key
-    // so the consumer (CollectionPropertiesEditorForm / save logic) can
-    // extract it and place it in `collection.relations[]`.
-
     const relationName = values.relationName ?? "";
-    // Transient config object stored on the property for editor use.
-    // Contains standard Relation fields plus `_targetSlug` for the UI dropdown.
-    const relationConfig: Record<string, unknown> = (values._relationConfig as Record<string, unknown>) ?? {};
-
-    const targetSlug = (relationConfig._targetSlug as string) ?? "";
-    const cardinality = (relationConfig.cardinality as string) ?? "one";
-    const direction = (relationConfig.direction as string) ?? "owning";
-    const localKey = (relationConfig.localKey as string) ?? "";
-    const foreignKeyOnTarget = (relationConfig.foreignKeyOnTarget as string) ?? "";
-    const through = relationConfig.through as Record<string, string> | undefined;
+    const targetSlug = getTargetSlug(values.target);
+    const cardinality = values.cardinality ?? "one";
+    const direction = values.direction ?? "owning";
+    const localKey = values.localKey ?? "";
+    const foreignKeyOnTarget = values.foreignKeyOnTarget ?? "";
+    const through = values.through;
     const throughTable = through?.table ?? "";
     const throughSourceColumn = through?.sourceColumn ?? "";
     const throughTargetColumn = through?.targetColumn ?? "";
-    const onUpdate = (relationConfig.onUpdate as string) ?? "no action";
-    const onDelete = (relationConfig.onDelete as string) ?? "no action";
+    const onUpdate = values.onUpdate ?? "no action";
+    const onDelete = values.onDelete ?? "no action";
 
     // Whether to show the junction table section
     const showThrough = cardinality === "many" && direction === "owning";
@@ -75,26 +69,12 @@ export function RelationPropertyField({
     // Whether to show the foreign key on target field
     const showForeignKey = direction === "inverse";
 
-    const updateRelationConfig = useCallback(
-        (patch: Record<string, unknown>) => {
-            const current = (values._relationConfig as Record<string, unknown>) ?? {};
-            setFieldValue("_relationConfig" as keyof (RelationProperty & { _relationConfig?: unknown }), { ...current,
-...patch });
-        },
-        [values, setFieldValue]
-    );
-
     const updateThrough = useCallback(
         (patch: Record<string, unknown>) => {
-            const current = (values._relationConfig as Record<string, unknown>) ?? {};
-            const currentThrough = (current.through as Record<string, unknown>) ?? {};
-            setFieldValue("_relationConfig" as keyof (RelationProperty & { _relationConfig?: unknown }), {
-                ...current,
-                through: { ...currentThrough,
-...patch }
-            });
+            const currentThrough = values.through ?? { table: "", sourceColumn: "", targetColumn: "" };
+            setFieldValue("through", { ...currentThrough, ...patch });
         },
-        [values, setFieldValue]
+        [values.through, setFieldValue]
     );
 
     // Auto-generate relationName from target collection slug
@@ -102,7 +82,7 @@ export function RelationPropertyField({
         if (targetSlug && !relationName) {
             setFieldValue("relationName", targetSlug);
         }
-    }, [targetSlug]);
+    }, [targetSlug, relationName, setFieldValue]);
 
     const collections: EntityCollection[] = collectionRegistry?.collections ?? [];
 
@@ -112,10 +92,10 @@ export function RelationPropertyField({
             <div className={"col-span-12"}>
                 <CollectionsSelect
                     disabled={disabled}
-                    pathPath={"_relationConfig._targetSlug"}
+                    pathPath={"target"}
                     value={targetSlug}
                     setFieldValue={(_, value) => {
-                        updateRelationConfig({ _targetSlug: value });
+                        setFieldValue("target", value);
                         // Auto-generate relation name from target
                         if (!relationName || relationName === targetSlug) {
                             setFieldValue("relationName", value);
@@ -152,7 +132,7 @@ export function RelationPropertyField({
             <div className={"col-span-12 sm:col-span-6"}>
                 <Select
                     value={cardinality}
-                    onValueChange={(v) => updateRelationConfig({ cardinality: v })}
+                    onValueChange={(v) => setFieldValue("cardinality", v as "one" | "many")}
                     label={"Cardinality"}
                     disabled={disabled}
                     fullWidth
@@ -184,7 +164,7 @@ export function RelationPropertyField({
             <div className={"col-span-12 sm:col-span-6"}>
                 <Select
                     value={direction}
-                    onValueChange={(v) => updateRelationConfig({ direction: v })}
+                    onValueChange={(v) => setFieldValue("direction", v as "owning" | "inverse")}
                     label={"Direction"}
                     disabled={disabled}
                     fullWidth
@@ -218,7 +198,7 @@ export function RelationPropertyField({
                     <TextField
                         value={localKey}
                         onChange={(e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) =>
-                            updateRelationConfig({ localKey: e.target.value })
+                            setFieldValue("localKey", e.target.value)
                         }
                         label={"Local key (foreign key column on this table)"}
                         disabled={disabled}
@@ -236,7 +216,7 @@ export function RelationPropertyField({
                     <TextField
                         value={foreignKeyOnTarget}
                         onChange={(e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) =>
-                            updateRelationConfig({ foreignKeyOnTarget: e.target.value })
+                            setFieldValue("foreignKeyOnTarget", e.target.value)
                         }
                         label={"Foreign key on target table"}
                         disabled={disabled}
@@ -305,7 +285,7 @@ export function RelationPropertyField({
             <div className={"col-span-12 sm:col-span-6"}>
                 <Select
                     value={onUpdate}
-                    onValueChange={(v) => updateRelationConfig({ onUpdate: v })}
+                    onValueChange={(v) => setFieldValue("onUpdate", v as OnAction)}
                     label={"On update"}
                     disabled={disabled}
                     fullWidth
@@ -325,7 +305,7 @@ export function RelationPropertyField({
             <div className={"col-span-12 sm:col-span-6"}>
                 <Select
                     value={onDelete}
-                    onValueChange={(v) => updateRelationConfig({ onDelete: v })}
+                    onValueChange={(v) => setFieldValue("onDelete", v as OnAction)}
                     label={"On delete"}
                     disabled={disabled}
                     fullWidth

package/src/collection_editor/ui/collection_editor/properties/RepeatPropertyField.tsx

@@ -33,8 +33,8 @@ export function RepeatPropertyField({
     } = useFormex<ArrayProperty>();
 
     const [propertyDialogOpen, setPropertyDialogOpen] = useState(false);
-    const ofProperty = getIn(values, "of");
-    const ofPropertyError = getIn(touched, "of") && getIn(errors, "of");
+    const ofProperty = getIn(values, "of") as Property | undefined;
+    const ofPropertyError = (getIn(touched, "of") && getIn(errors, "of")) as string | undefined;
 
     const onPropertyChanged = ({ id, property, namespace }:
         { id?: string, property: Property, namespace?: string }) => {

package/src/collection_editor/ui/collection_editor/properties/StoragePropertyField.tsx

@@ -61,16 +61,16 @@ export function StoragePropertyField({
     const imageResizeFormat = `${imageResize}.format`;
     const imageResizeQuality = `${imageResize}.quality`;
 
-    const fileNameValue = getIn(values, fileName) ?? "{rand}_{file}";
-    const storagePathValue = getIn(values, storagePath) ?? "/";
-    const maxSizeValue = getIn(values, maxSize);
+    const fileNameValue = (getIn(values, fileName) as string | undefined) ?? "{rand}_{file}";
+    const storagePathValue = (getIn(values, storagePath) as string | undefined) ?? "/";
+    const maxSizeValue = getIn(values, maxSize) as number | undefined;
 
     // Image resize values
-    const imageResizeMaxWidthValue = getIn(values, imageResizeMaxWidth);
-    const imageResizeMaxHeightValue = getIn(values, imageResizeMaxHeight);
-    const imageResizeModeValue = getIn(values, imageResizeMode) ?? "cover";
-    const imageResizeFormatValue = getIn(values, imageResizeFormat) ?? "original";
-    const imageResizeQualityValue = getIn(values, imageResizeQuality);
+    const imageResizeMaxWidthValue = getIn(values, imageResizeMaxWidth) as number | undefined;
+    const imageResizeMaxHeightValue = getIn(values, imageResizeMaxHeight) as number | undefined;
+    const imageResizeModeValue = (getIn(values, imageResizeMode) as string | undefined) ?? "cover";
+    const imageResizeFormatValue = (getIn(values, imageResizeFormat) as string | undefined) ?? "original";
+    const imageResizeQualityValue = getIn(values, imageResizeQuality) as number | undefined;
 
     const storedValue = getIn(values, acceptedFiles);
     const fileTypesValue: string[] | undefined = Array.isArray(storedValue) ? storedValue : undefined;

package/src/collection_editor/ui/collection_editor/properties/StringPropertyField.tsx

@@ -21,12 +21,12 @@ export function StringPropertyField({
     const { t } = useTranslation();
 
     const columnTypePath = "columnType";
-    const columnTypeValue: string | undefined = getIn(values, columnTypePath);
-    const columnTypeError: string | undefined = getIn(touched, columnTypePath) && getIn(errors, columnTypePath);
+    const columnTypeValue: string | undefined = getIn(values, columnTypePath) as string | undefined;
+    const columnTypeError: string | undefined = (getIn(touched, columnTypePath) && getIn(errors, columnTypePath)) as string | undefined;
 
     const isIdPath = "isId";
-    const isIdValue: string | boolean | undefined = getIn(values, isIdPath);
-    const isIdError: string | undefined = getIn(touched, isIdPath) && getIn(errors, isIdPath);
+    const isIdValue: string | boolean | undefined = getIn(values, isIdPath) as string | boolean | undefined;
+    const isIdError: string | undefined = (getIn(touched, isIdPath) && getIn(errors, isIdPath)) as string | undefined;
 
     return (
         <>
@@ -140,7 +140,7 @@ export function StringPropertyField({
                         setFieldValue("defaultValue", e.target.value === "" ? undefined : e.target.value);
                     }}
                     label={t("default_value")}
-                    value={getIn(values, "defaultValue") ?? ""}/>
+                    value={(getIn(values, "defaultValue") as string | undefined) ?? ""}/>
 
             </div>
         </>

package/src/collection_editor/ui/collection_editor/properties/UrlPropertyField.tsx

@@ -15,7 +15,8 @@ export function UrlPropertyField({
 
     const { values, setFieldValue } = useFormex();
 
-    const urlValue = getIn(values, "url");
+    const urlRawValue = getIn(values, "url");
+    const urlValue = typeof urlRawValue === "string" ? urlRawValue : "[NONE]";
 
     return (
         <>
@@ -82,7 +83,7 @@ export function UrlPropertyField({
                         setFieldValue("defaultValue", e.target.value === "" ? undefined : e.target.value);
                     }}
                     label={"Default value"}
-                    value={getIn(values, "defaultValue") ?? ""}/>
+                    value={(getIn(values, "defaultValue") as string | undefined) ?? ""}/>
 
             </div>
         </>

package/src/collection_editor/ui/collection_editor/properties/VectorPropertyField.tsx

@@ -9,8 +9,8 @@ export function VectorPropertyField({ disabled }: {
     const { values, setFieldValue, touched, errors } = useFormex();
 
     const dimensionsPath = "dimensions";
-    const dimensionsValue = getIn(values, dimensionsPath);
-    const dimensionsError = getIn(touched, dimensionsPath) && getIn(errors, dimensionsPath);
+    const dimensionsValue = getIn(values, dimensionsPath) as number | undefined;
+    const dimensionsError = (getIn(touched, dimensionsPath) && getIn(errors, dimensionsPath)) as string | undefined;
 
     return (
         <div className={"col-span-12"}>

package/src/collection_editor/ui/collection_editor/properties/validation/ArrayPropertyValidation.tsx

@@ -30,7 +30,7 @@ export function ArrayPropertyValidation({
             <GeneralPropertyValidation disabled={disabled}/>
 
             {min && <div className={"col-span-6"}>
-                <DebouncedTextField value={getIn(values, validationMin)}
+                <DebouncedTextField value={getIn(values, validationMin) as number | undefined}
                     disabled={disabled}
                     label={t("min_length")}
                     name={validationMin}
@@ -39,7 +39,7 @@ export function ArrayPropertyValidation({
                     onChange={handleChange}/>
             </div>}
             {max && <div className={"col-span-6"}>
-                <DebouncedTextField value={getIn(values, validationMax)}
+                <DebouncedTextField value={getIn(values, validationMax) as number | undefined}
                     disabled={disabled}
                     label={t("max_length")}
                     name={validationMax}

package/src/collection_editor/ui/collection_editor/properties/validation/GeneralPropertyValidation.tsx

@@ -52,7 +52,7 @@ export function GeneralPropertyValidation({ disabled }: {
             {getIn(values, validationRequired) && <div className={"col-span-12"}>
                 <DebouncedTextField
                     disabled={disabled}
-                    value={getIn(values, validationRequiredMessage)}
+                    value={getIn(values, validationRequiredMessage) as string | undefined}
                     label={t("required_message")}
                     name={validationRequiredMessage}
                     size="small"

package/src/collection_editor/ui/collection_editor/properties/validation/NumberPropertyValidation.tsx

@@ -31,7 +31,7 @@ export function NumberPropertyValidation({ disabled }: {
 
 
             <div className={"col-span-6"}>
-                <DebouncedTextField value={getIn(values, validationMin)}
+                <DebouncedTextField value={getIn(values, validationMin) as number | undefined}
                     label={t("min_value")}
                     name={validationMin}
                     type="number"
@@ -41,12 +41,11 @@ export function NumberPropertyValidation({ disabled }: {
             </div>
 
             <div className={"col-span-6"}>
-                <DebouncedTextField value={getIn(values, validationMax)}
+                <DebouncedTextField value={getIn(values, validationMax) as number | undefined}
                     label={t("max_value")}
                     name={validationMax}
                     type="number"
                     size="small"
-
                     disabled={disabled}
                     onChange={handleChange}/>
             </div>
@@ -54,24 +53,22 @@ export function NumberPropertyValidation({ disabled }: {
 
             <div className={"col-span-6"}>
                 <DebouncedTextField
-                    value={getIn(values, validationLessThan)}
+                    value={getIn(values, validationLessThan) as number | undefined}
                     label={t("less_than")}
                     name={validationLessThan}
                     type="number"
                     size="small"
-
                     disabled={disabled}
                     onChange={handleChange}/>
             </div>
 
             <div className={"col-span-6"}>
                 <DebouncedTextField
-                    value={getIn(values, validationMoreThan)}
+                    value={getIn(values, validationMoreThan) as number | undefined}
                     label={t("more_than")}
                     name={validationMoreThan}
                     type="number"
                     size="small"
-
                     disabled={disabled}
                     onChange={handleChange}/>
             </div>

package/src/collection_editor/ui/collection_editor/properties/validation/StringPropertyValidation.tsx

@@ -49,7 +49,7 @@ export function StringPropertyValidation({
     const matchesError = getIn(errors, validationMatches);
 
     const matchesValue = getIn(values, validationMatches);
-    const matchesStringValue = typeof matchesValue === "string" ? matchesValue : serializeRegExp(matchesValue);
+    const matchesStringValue = typeof matchesValue === "string" ? matchesValue : serializeRegExp(matchesValue as RegExp);
     return (
         <div className={"grid grid-cols-12 gap-2"}>
 
@@ -101,7 +101,7 @@ export function StringPropertyValidation({
             <div className={"grid grid-cols-12 gap-2 col-span-12"}>
                 {length && <div className={"col-span-4"}>
                     <DebouncedTextField
-                        value={getIn(values, validationLength)}
+                        value={getIn(values, validationLength) as number | undefined}
                         label={t("exact_length")}
                         name={validationLength}
                         type="number"
@@ -112,7 +112,7 @@ export function StringPropertyValidation({
                 </div>}
 
                 {min && <div className={"col-span-4"}>
-                    <DebouncedTextField value={getIn(values, validationMin)}
+                    <DebouncedTextField value={getIn(values, validationMin) as number | undefined}
                         label={t("min_length")}
                         name={validationMin}
                         type="number"
@@ -123,7 +123,7 @@ export function StringPropertyValidation({
                 </div>}
 
                 {max && <div className={"col-span-4"}>
-                    <DebouncedTextField value={getIn(values, validationMax)}
+                    <DebouncedTextField value={getIn(values, validationMax) as number | undefined}
                         label={t("max_length")}
                         name={validationMax}
                         type="number"

package/src/collection_editor/validateCollectionJson.ts

@@ -10,8 +10,11 @@ const VALID_DATA_TYPES = [
     "date",
     "geopoint",
     "reference",
+    "relation",
     "array",
-    "map"
+    "map",
+    "vector",
+    "binary"
 ] as const;
 
 type DataType = typeof VALID_DATA_TYPES[number];
@@ -109,6 +112,90 @@ function validateProperty(
         }
     }
 
+    // Validate relation property
+    if (property.dataType === "relation") {
+        if (property.target !== undefined && typeof property.target !== "string" && typeof property.target !== "function") {
+            errors.push({
+                path: `${path}.target`,
+                message: "Must be a string (collection slug) or a function"
+            });
+        }
+        if (property.cardinality !== undefined && property.cardinality !== "one" && property.cardinality !== "many") {
+            errors.push({
+                path: `${path}.cardinality`,
+                message: "Must be either 'one' or 'many'"
+            });
+        }
+        if (property.direction !== undefined && property.direction !== "owning" && property.direction !== "inverse") {
+            errors.push({
+                path: `${path}.direction`,
+                message: "Must be either 'owning' or 'inverse'"
+            });
+        }
+        if (property.localKey !== undefined && typeof property.localKey !== "string") {
+            errors.push({
+                path: `${path}.localKey`,
+                message: "Must be a string"
+            });
+        }
+        if (property.foreignKeyOnTarget !== undefined && typeof property.foreignKeyOnTarget !== "string") {
+            errors.push({
+                path: `${path}.foreignKeyOnTarget`,
+                message: "Must be a string"
+            });
+        }
+        if (property.through !== undefined) {
+            if (typeof property.through !== "object" || property.through === null) {
+                errors.push({
+                    path: `${path}.through`,
+                    message: "Must be an object"
+                });
+            } else {
+                const throughObj = property.through as Record<string, unknown>;
+                if (throughObj.table !== undefined && typeof throughObj.table !== "string") {
+                    errors.push({
+                        path: `${path}.through.table`,
+                        message: "Must be a string"
+                    });
+                }
+                if (throughObj.sourceColumn !== undefined && typeof throughObj.sourceColumn !== "string") {
+                    errors.push({
+                        path: `${path}.through.sourceColumn`,
+                        message: "Must be a string"
+                    });
+                }
+                if (throughObj.targetColumn !== undefined && typeof throughObj.targetColumn !== "string") {
+                    errors.push({
+                        path: `${path}.through.targetColumn`,
+                        message: "Must be a string"
+                    });
+                }
+            }
+        }
+        if (property.onUpdate !== undefined && typeof property.onUpdate !== "string") {
+            errors.push({
+                path: `${path}.onUpdate`,
+                message: "Must be a string"
+            });
+        }
+        if (property.onDelete !== undefined && typeof property.onDelete !== "string") {
+            errors.push({
+                path: `${path}.onDelete`,
+                message: "Must be a string"
+            });
+        }
+    }
+
+    // Validate vector property
+    if (property.dataType === "vector") {
+        if (property.dimensions !== undefined && (typeof property.dimensions !== "number" || isNaN(property.dimensions) || property.dimensions <= 0)) {
+            errors.push({
+                path: `${path}.dimensions`,
+                message: "Must be a positive number"
+            });
+        }
+    }
+
     // Validate storage config for string
     if (property.dataType === "string" && property.storage) {
         if (typeof property.storage !== "object") {

package/src/components/ArrayContainer.tsx

@@ -60,7 +60,7 @@ export interface ArrayContainerProps<T> {
     max?: number;
 }
 
-const buildIdsMap = (value: any[]) =>
+const buildIdsMap = (value: unknown[]) =>
     value && Array.isArray(value) && value.length > 0
         ? value
             .map((v, index) => {
@@ -143,7 +143,7 @@ function SortableItem({
 type ArrayContainerItemProps = {
     nodeRef: (node: HTMLElement | null) => void;
     style: React.CSSProperties;
-    dragHandleProps: any;
+    dragHandleProps: Record<string, unknown>;
     index: number;
     internalId: number;
     size?: "small" | "medium";
@@ -220,7 +220,7 @@ export function ArrayItemOptions({
     sortable,
     addInIndex
 }: {
-    dragHandleProps: any;
+    dragHandleProps: Record<string, unknown>;
     direction?: "row" | "column";
     disabled: boolean;
     remove: (index: number) => void;