@rebasepro/admin 0.1.2 → 0.2.3

package/dist/{PropertyEditView-BuZrNnBN.js → PropertyEditView-Cvryrb3B.js}

@@ -4,10 +4,9 @@ import React__default, { useEffect, useMemo, useContext, createContext, useState
 import { deepEqual } from "fast-equals";
 import { useFormex, getIn, Field, useCreateFormex, Formex } from "@rebasepro/formex";
 import { useTranslation, useSnackbarController, useCustomizationController, AIModifiedIndicator, IconForView, ConfirmationDialog } from "@rebasepro/core";
-import { t as ArrayContainer, a3 as FieldCaption, d as getFieldConfig, P as PropertyConfigBadge, aY as getFullIdPath, aX as getFullId, b0 as idToPropertiesPath, b4 as namespaceToPropertiesOrderPath, b5 as namespaceToPropertiesPath, e as useCollectionRegistryController, O as DEFAULT_FIELD_CONFIGS, aW as getFieldId } from "./util-zfU1zOCX.js";
+import { a as ArrayContainer, J as FieldCaption, aL as getFieldConfig, $ as PropertyConfigBadge, aO as getFullIdPath, aN as getFullId, aV as idToPropertiesPath, aZ as namespaceToPropertiesOrderPath, a_ as namespaceToPropertiesPath, bh as useCollectionRegistryController, o as DEFAULT_FIELD_CONFIGS, aM as getFieldId } from "./util-DbWax_sV.js";
 import { resolveEnumValues, isPropertyBuilder } from "@rebasepro/common";
-import { iconSize, Badge, IconButton, Typography, DebouncedTextField, Button, CircularProgress, Paper, DialogTitle, DialogContent, DialogActions, Dialog, BooleanSwitchWithLabel, Tooltip, ExpandablePanel, Select, SelectItem, MultiSelectItem, MultiSelect, cls, ErrorBoundary, defaultBorderMixin, MenuItem, Menu, TextField, InfoLabel, Card } from "@rebasepro/ui";
-import { RefreshCcwIcon, SettingsIcon, ListIcon, CheckSquareIcon, UploadCloudIcon, FunctionSquareIcon, MinusCircleIcon, FileSearchIcon, Trash2Icon, MoreVerticalIcon, ArrowUpToLineIcon, ArrowDownToLineIcon, PlusIcon, AlertTriangleIcon } from "lucide-react";
+import { RefreshCcwIcon, iconSize, Badge, IconButton, SettingsIcon, Typography, DebouncedTextField, ListIcon, Button, CircularProgress, Paper, DialogTitle, DialogContent, DialogActions, Dialog, BooleanSwitchWithLabel, Tooltip, CheckSquareIcon, ExpandablePanel, Select, SelectItem, MultiSelectItem, UploadCloudIcon, MultiSelect, cls, ErrorBoundary, FunctionSquareIcon, MinusCircleIcon, FileSearchIcon, Trash2Icon, MoreVerticalIcon, ArrowUpToLineIcon, ArrowDownToLineIcon, defaultBorderMixin, MenuItem, Menu, PlusIcon, TextField, InfoLabel, AlertTriangleIcon, Card } from "@rebasepro/ui";
 import "zod";
 import { serializeRegExp, toSnakeCase, prettifyIdentifier, mergeDeep, isValidRegExp } from "@rebasepro/utils";
 import "react-dropzone";
@@ -15,9 +14,8 @@ import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, close
 import { SortableContext, verticalListSortingStrategy, useSortable, sortableKeyboardCoordinates } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import "@rebasepro/types";
-import "react-router";
 import "react-router-dom";
-import "xlsx";
+import "exceljs";
 import { extractEnumFromValues } from "@rebasepro/schema-inference";
 import "date-fns";
 import "date-fns/locale";
@@ -1804,7 +1802,7 @@ function _temp$8(v) {
   return fileTypes[v];
 }
 function PropertyFieldPreview(t0) {
-  const $ = c(30);
+  const $ = c(31);
   const {
     property,
     propertyKey,
@@ -1827,103 +1825,106 @@ function PropertyFieldPreview(t0) {
     t1 = $[2];
   }
   const propertyConfig = t1;
+  const borderColorClass = hasError ? "border-red-500 dark:border-red-500 border-red-500/100 dark:border-red-500/100 ring-0 dark:ring-0" : selected ? "border-primary" : "";
   const t2 = onClick ? "cursor-pointer" : "";
-  const t3 = selected ? "bg-primary/5 dark:bg-primary/10 ring-1 ring-inset ring-primary border-primary/30" : "hover:bg-surface-50 dark:hover:bg-surface-750";
-  let t4;
-  if ($[3] !== t3) {
-    t4 = cls("w-full flex flex-row gap-3 items-center px-3 py-2 rounded-lg transition-all duration-200 border bg-white dark:bg-surface-800 border-surface-200 dark:border-surface-700 shadow-xs", t3);
+  const t3 = borderColorClass || "border-surface-200 dark:border-surface-700";
+  const t4 = selected ? "bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-light ring-1 ring-inset ring-primary border-primary/30" : "hover:bg-surface-50 dark:hover:bg-surface-700";
+  let t5;
+  if ($[3] !== t3 || $[4] !== t4) {
+    t5 = cls("w-full flex flex-row gap-3 items-center px-3 py-2 rounded-lg transition-all duration-200 border bg-white dark:bg-surface-800 shadow-xs", t3, t4);
     $[3] = t3;
     $[4] = t4;
+    $[5] = t5;
   } else {
-    t4 = $[4];
+    t5 = $[5];
   }
-  let t5;
-  if ($[5] !== propertyConfig) {
-    t5 = /* @__PURE__ */ jsx(PropertyConfigBadge, { propertyConfig, size: "small" });
-    $[5] = propertyConfig;
-    $[6] = t5;
+  let t6;
+  if ($[6] !== propertyConfig) {
+    t6 = /* @__PURE__ */ jsx(PropertyConfigBadge, { propertyConfig, size: "small" });
+    $[6] = propertyConfig;
+    $[7] = t6;
   } else {
-    t5 = $[6];
+    t6 = $[7];
   }
-  let t6;
-  if ($[7] !== includeName || $[8] !== property || $[9] !== propertyKey) {
-    t6 = includeName && /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+  let t7;
+  if ($[8] !== includeName || $[9] !== property || $[10] !== propertyKey) {
+    t7 = includeName && /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "span", children: property.name || propertyKey || " " }),
       property.name && propertyKey && property.name !== propertyKey && /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "span", color: "secondary", className: "font-mono", children: propertyKey })
     ] }) });
-    $[7] = includeName;
-    $[8] = property;
-    $[9] = propertyKey;
-    $[10] = t6;
+    $[8] = includeName;
+    $[9] = property;
+    $[10] = propertyKey;
+    $[11] = t7;
   } else {
-    t6 = $[10];
+    t7 = $[11];
   }
-  const t7 = propertyConfig?.name;
-  let t8;
-  if ($[11] !== t7) {
-    t8 = /* @__PURE__ */ jsx("div", { className: "flex flex-row items-center gap-2 mt-0.5", children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "span", className: "text-text-secondary dark:text-text-secondary-dark font-medium", children: t7 }) }) });
-    $[11] = t7;
+  const t8 = propertyConfig?.name;
+  let t9;
+  if ($[12] !== t8) {
+    t9 = /* @__PURE__ */ jsx("div", { className: "flex flex-row items-center gap-2 mt-0.5", children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "span", className: "text-text-secondary dark:text-text-secondary-dark font-medium", children: t8 }) }) });
     $[12] = t8;
+    $[13] = t9;
   } else {
-    t8 = $[12];
+    t9 = $[13];
   }
-  let t9;
-  if ($[13] !== t6 || $[14] !== t8) {
-    t9 = /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-w-0 pr-8", children: [
-      t6,
-      t8
+  let t10;
+  if ($[14] !== t7 || $[15] !== t9) {
+    t10 = /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-w-0 pr-8", children: [
+      t7,
+      t9
     ] });
-    $[13] = t6;
-    $[14] = t8;
+    $[14] = t7;
     $[15] = t9;
-  } else {
-    t9 = $[15];
-  }
-  const t10 = ("columnType" in property ? property.columnType : void 0) || property.type;
-  let t11;
-  if ($[16] !== t10) {
-    t11 = /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "span", className: "ml-auto shrink-0 text-text-disabled dark:text-text-disabled-dark font-mono bg-surface-100 dark:bg-surface-900 px-1.5 py-0.5 rounded mr-8", children: t10 }) });
     $[16] = t10;
-    $[17] = t11;
   } else {
-    t11 = $[17];
+    t10 = $[16];
   }
+  const t11 = ("columnType" in property ? property.columnType : void 0) || property.type;
   let t12;
-  if ($[18] !== includeEditButton) {
-    t12 = includeEditButton && /* @__PURE__ */ jsx(Typography, { variant: "button", children: "EDIT" });
-    $[18] = includeEditButton;
-    $[19] = t12;
+  if ($[17] !== t11) {
+    t12 = /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "span", className: "ml-auto shrink-0 text-text-disabled dark:text-text-disabled-dark font-mono bg-surface-100 dark:bg-surface-900 px-1.5 py-0.5 rounded mr-8", children: t11 }) });
+    $[17] = t11;
+    $[18] = t12;
   } else {
-    t12 = $[19];
+    t12 = $[18];
   }
   let t13;
-  if ($[20] !== t11 || $[21] !== t12 || $[22] !== t4 || $[23] !== t5 || $[24] !== t9) {
-    t13 = /* @__PURE__ */ jsxs(Paper, { className: t4, children: [
-      t5,
-      t9,
-      t11,
-      t12
-    ] });
-    $[20] = t11;
-    $[21] = t12;
-    $[22] = t4;
-    $[23] = t5;
-    $[24] = t9;
-    $[25] = t13;
+  if ($[19] !== includeEditButton) {
+    t13 = includeEditButton && /* @__PURE__ */ jsx(Typography, { variant: "button", children: "EDIT" });
+    $[19] = includeEditButton;
+    $[20] = t13;
   } else {
-    t13 = $[25];
+    t13 = $[20];
   }
   let t14;
-  if ($[26] !== onClick || $[27] !== t13 || $[28] !== t2) {
-    t14 = /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx("div", { onClick, className: t2, children: t13 }) });
-    $[26] = onClick;
-    $[27] = t13;
-    $[28] = t2;
-    $[29] = t14;
+  if ($[21] !== t10 || $[22] !== t12 || $[23] !== t13 || $[24] !== t5 || $[25] !== t6) {
+    t14 = /* @__PURE__ */ jsxs(Paper, { className: t5, children: [
+      t6,
+      t10,
+      t12,
+      t13
+    ] });
+    $[21] = t10;
+    $[22] = t12;
+    $[23] = t13;
+    $[24] = t5;
+    $[25] = t6;
+    $[26] = t14;
   } else {
-    t14 = $[29];
+    t14 = $[26];
+  }
+  let t15;
+  if ($[27] !== onClick || $[28] !== t14 || $[29] !== t2) {
+    t15 = /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx("div", { onClick, className: t2, children: t14 }) });
+    $[27] = onClick;
+    $[28] = t14;
+    $[29] = t2;
+    $[30] = t15;
+  } else {
+    t15 = $[30];
   }
-  return t14;
+  return t15;
 }
 function NonEditablePropertyPreview(t0) {
   const $ = c(39);
@@ -1947,7 +1948,7 @@ function NonEditablePropertyPreview(t0) {
   }
   const propertyConfig = t1;
   const t2 = onClick ? "cursor-pointer" : "";
-  const t3 = selected ? "bg-primary/5 dark:bg-primary/10 ring-1 ring-inset ring-primary border-primary/30" : "hover:bg-surface-50 dark:hover:bg-surface-750";
+  const t3 = selected ? "bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-light ring-1 ring-inset ring-primary border-primary/30" : "hover:bg-surface-50 dark:hover:bg-surface-700";
   let t4;
   if ($[3] !== t3) {
     t4 = cls("w-full flex flex-row gap-3 items-center px-3 py-2 rounded-lg transition-all duration-200 border bg-white dark:bg-surface-800 border-surface-200 dark:border-surface-700 shadow-xs", t3);
@@ -5479,6 +5480,85 @@ function AdvancedPropertyValidation(t0) {
   }
   return t3;
 }
+function VectorPropertyField(t0) {
+  const $ = c(18);
+  const {
+    disabled
+  } = t0;
+  const {
+    values,
+    setFieldValue,
+    touched,
+    errors
+  } = useFormex();
+  let t1;
+  if ($[0] !== values) {
+    t1 = getIn(values, "dimensions");
+    $[0] = values;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const dimensionsValue = t1;
+  let t2;
+  if ($[2] !== errors || $[3] !== touched) {
+    t2 = getIn(touched, "dimensions") && getIn(errors, "dimensions");
+    $[2] = errors;
+    $[3] = touched;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const dimensionsError = t2;
+  let t3;
+  if ($[5] !== setFieldValue) {
+    t3 = (e) => {
+      const parsedVal = parseInt(e.target.value);
+      setFieldValue("dimensions", isNaN(parsedVal) ? void 0 : parsedVal);
+    };
+    $[5] = setFieldValue;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const t4 = dimensionsValue ?? "";
+  const t5 = Boolean(dimensionsError);
+  let t6;
+  if ($[7] !== disabled || $[8] !== t3 || $[9] !== t4 || $[10] !== t5) {
+    t6 = /* @__PURE__ */ jsx(TextField, { name: "dimensions", disabled, type: "number", onChange: t3, label: "Vector Dimensions", value: t4, error: t5 });
+    $[7] = disabled;
+    $[8] = t3;
+    $[9] = t4;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  const t7 = Boolean(dimensionsError);
+  const t8 = dimensionsError ?? "The dimension size of the vector embeddings (e.g., 1536 for OpenAI text-embedding-3-small).";
+  let t9;
+  if ($[12] !== t7 || $[13] !== t8) {
+    t9 = /* @__PURE__ */ jsx(FieldCaption, { error: t7, children: t8 });
+    $[12] = t7;
+    $[13] = t8;
+    $[14] = t9;
+  } else {
+    t9 = $[14];
+  }
+  let t10;
+  if ($[15] !== t6 || $[16] !== t9) {
+    t10 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      t6,
+      t9
+    ] });
+    $[15] = t6;
+    $[16] = t9;
+    $[17] = t10;
+  } else {
+    t10 = $[17];
+  }
+  return t10;
+}
 function KeyValuePropertyField(t0) {
   const $ = c(2);
   const {
@@ -5495,8 +5575,22 @@ function KeyValuePropertyField(t0) {
   return t1;
 }
 const ON_ACTION_OPTIONS = ["cascade", "restrict", "no action", "set null", "set default"];
+function getTargetSlug(target) {
+  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 "";
+  }
+}
 function RelationPropertyField(t0) {
-  const $ = c(112);
+  const $ = c(107);
   const {
     disabled,
     showErrors
@@ -5508,341 +5602,309 @@ function RelationPropertyField(t0) {
   const collectionRegistry = useCollectionRegistryController();
   const relationName = values.relationName ?? "";
   let t1;
-  if ($[0] !== values._relationConfig) {
-    t1 = values._relationConfig ?? {};
-    $[0] = values._relationConfig;
+  if ($[0] !== values.target) {
+    t1 = getTargetSlug(values.target);
+    $[0] = values.target;
     $[1] = t1;
   } else {
     t1 = $[1];
   }
-  const relationConfig = t1;
-  const targetSlug = relationConfig._targetSlug ?? "";
-  const cardinality = relationConfig.cardinality ?? "one";
-  const direction = relationConfig.direction ?? "owning";
-  const localKey = relationConfig.localKey ?? "";
-  const foreignKeyOnTarget = relationConfig.foreignKeyOnTarget ?? "";
-  const through = relationConfig.through;
+  const targetSlug = t1;
+  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 ?? "no action";
-  const onDelete = relationConfig.onDelete ?? "no action";
+  const onUpdate = values.onUpdate ?? "no action";
+  const onDelete = values.onDelete ?? "no action";
   const showThrough = cardinality === "many" && direction === "owning";
   const showLocalKey = direction === "owning" && cardinality === "one";
   const showForeignKey = direction === "inverse";
   let t2;
-  if ($[2] !== setFieldValue || $[3] !== values._relationConfig) {
+  if ($[2] !== setFieldValue || $[3] !== values.through) {
     t2 = (patch) => {
-      const current = values._relationConfig ?? {};
-      setFieldValue("_relationConfig", {
-        ...current,
+      const currentThrough = values.through ?? {
+        table: "",
+        sourceColumn: "",
+        targetColumn: ""
+      };
+      setFieldValue("through", {
+        ...currentThrough,
         ...patch
       });
     };
     $[2] = setFieldValue;
-    $[3] = values._relationConfig;
+    $[3] = values.through;
     $[4] = t2;
   } else {
     t2 = $[4];
   }
-  const updateRelationConfig = t2;
+  const updateThrough = t2;
   let t3;
-  if ($[5] !== setFieldValue || $[6] !== values._relationConfig) {
-    t3 = (patch_0) => {
-      const current_0 = values._relationConfig ?? {};
-      const currentThrough = current_0.through ?? {};
-      setFieldValue("_relationConfig", {
-        ...current_0,
-        through: {
-          ...currentThrough,
-          ...patch_0
-        }
-      });
-    };
-    $[5] = setFieldValue;
-    $[6] = values._relationConfig;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  const updateThrough = t3;
   let t4;
-  if ($[8] !== relationName || $[9] !== setFieldValue || $[10] !== targetSlug) {
-    t4 = () => {
+  if ($[5] !== relationName || $[6] !== setFieldValue || $[7] !== targetSlug) {
+    t3 = () => {
       if (targetSlug && !relationName) {
         setFieldValue("relationName", targetSlug);
       }
     };
-    $[8] = relationName;
-    $[9] = setFieldValue;
-    $[10] = targetSlug;
-    $[11] = t4;
+    t4 = [targetSlug, relationName, setFieldValue];
+    $[5] = relationName;
+    $[6] = setFieldValue;
+    $[7] = targetSlug;
+    $[8] = t3;
+    $[9] = t4;
   } else {
-    t4 = $[11];
+    t3 = $[8];
+    t4 = $[9];
   }
+  useEffect(t3, t4);
+  collectionRegistry?.collections ?? [];
   let t5;
-  if ($[12] !== targetSlug) {
-    t5 = [targetSlug];
+  if ($[10] !== relationName || $[11] !== setFieldValue || $[12] !== targetSlug) {
+    t5 = (_, value) => {
+      setFieldValue("target", value);
+      if (!relationName || relationName === targetSlug) {
+        setFieldValue("relationName", value);
+      }
+    };
+    $[10] = relationName;
+    $[11] = setFieldValue;
     $[12] = targetSlug;
     $[13] = t5;
   } else {
     t5 = $[13];
   }
-  useEffect(t4, t5);
-  collectionRegistry?.collections ?? [];
-  let t6;
-  if ($[14] !== relationName || $[15] !== setFieldValue || $[16] !== targetSlug || $[17] !== updateRelationConfig) {
-    t6 = (_, value) => {
-      updateRelationConfig({
-        _targetSlug: value
-      });
-      if (!relationName || relationName === targetSlug) {
-        setFieldValue("relationName", value);
-      }
-    };
-    $[14] = relationName;
-    $[15] = setFieldValue;
-    $[16] = targetSlug;
-    $[17] = updateRelationConfig;
-    $[18] = t6;
+  const t6 = showErrors && !targetSlug ? "You must select a target collection" : void 0;
+  let t7;
+  if ($[14] !== disabled || $[15] !== t5 || $[16] !== t6 || $[17] !== targetSlug) {
+    t7 = /* @__PURE__ */ jsx(CollectionsSelect, { disabled, pathPath: "target", value: targetSlug, setFieldValue: t5, error: t6 });
+    $[14] = disabled;
+    $[15] = t5;
+    $[16] = t6;
+    $[17] = targetSlug;
+    $[18] = t7;
   } else {
-    t6 = $[18];
+    t7 = $[18];
   }
-  const t7 = showErrors && !targetSlug ? "You must select a target collection" : void 0;
-  let t8;
-  if ($[19] !== disabled || $[20] !== t6 || $[21] !== t7 || $[22] !== targetSlug) {
-    t8 = /* @__PURE__ */ jsx(CollectionsSelect, { disabled, pathPath: "_relationConfig._targetSlug", value: targetSlug, setFieldValue: t6, error: t7 });
-    $[19] = disabled;
-    $[20] = t6;
-    $[21] = t7;
-    $[22] = targetSlug;
-    $[23] = t8;
+  const t8 = showErrors && !targetSlug;
+  const t9 = showErrors && !targetSlug ? "You must select a target collection" : "The collection this relation points to";
+  let t10;
+  if ($[19] !== t8 || $[20] !== t9) {
+    t10 = /* @__PURE__ */ jsx(FieldCaption, { error: t8, children: t9 });
+    $[19] = t8;
+    $[20] = t9;
+    $[21] = t10;
   } else {
-    t8 = $[23];
+    t10 = $[21];
   }
-  const t9 = showErrors && !targetSlug;
-  const t10 = showErrors && !targetSlug ? "You must select a target collection" : "The collection this relation points to";
   let t11;
-  if ($[24] !== t10 || $[25] !== t9) {
-    t11 = /* @__PURE__ */ jsx(FieldCaption, { error: t9, children: t10 });
-    $[24] = t10;
-    $[25] = t9;
-    $[26] = t11;
+  if ($[22] !== t10 || $[23] !== t7) {
+    t11 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      t7,
+      t10
+    ] });
+    $[22] = t10;
+    $[23] = t7;
+    $[24] = t11;
   } else {
-    t11 = $[26];
+    t11 = $[24];
   }
   let t12;
-  if ($[27] !== t11 || $[28] !== t8) {
-    t12 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      t8,
-      t11
-    ] });
-    $[27] = t11;
-    $[28] = t8;
-    $[29] = t12;
+  if ($[25] !== setFieldValue) {
+    t12 = (e) => setFieldValue("relationName", e.target.value);
+    $[25] = setFieldValue;
+    $[26] = t12;
   } else {
-    t12 = $[29];
+    t12 = $[26];
   }
-  let t13;
-  if ($[30] !== setFieldValue) {
-    t13 = (e) => setFieldValue("relationName", e.target.value);
-    $[30] = setFieldValue;
-    $[31] = t13;
+  const t13 = showErrors && !relationName;
+  let t14;
+  if ($[27] !== disabled || $[28] !== relationName || $[29] !== t12 || $[30] !== t13) {
+    t14 = /* @__PURE__ */ jsx(TextField, { value: relationName, onChange: t12, label: "Relation name", disabled, error: t13 });
+    $[27] = disabled;
+    $[28] = relationName;
+    $[29] = t12;
+    $[30] = t13;
+    $[31] = t14;
   } else {
-    t13 = $[31];
+    t14 = $[31];
   }
-  const t14 = showErrors && !relationName;
-  let t15;
-  if ($[32] !== disabled || $[33] !== relationName || $[34] !== t13 || $[35] !== t14) {
-    t15 = /* @__PURE__ */ jsx(TextField, { value: relationName, onChange: t13, label: "Relation name", disabled, error: t14 });
-    $[32] = disabled;
-    $[33] = relationName;
-    $[34] = t13;
-    $[35] = t14;
-    $[36] = t15;
+  const t15 = showErrors && !relationName;
+  const t16 = showErrors && !relationName ? "Required" : "Identifier for this relation (used to link the property to the relation config)";
+  let t17;
+  if ($[32] !== t15 || $[33] !== t16) {
+    t17 = /* @__PURE__ */ jsx(FieldCaption, { error: t15, children: t16 });
+    $[32] = t15;
+    $[33] = t16;
+    $[34] = t17;
   } else {
-    t15 = $[36];
+    t17 = $[34];
   }
-  const t16 = showErrors && !relationName;
-  const t17 = showErrors && !relationName ? "Required" : "Identifier for this relation (used to link the property to the relation config)";
   let t18;
-  if ($[37] !== t16 || $[38] !== t17) {
-    t18 = /* @__PURE__ */ jsx(FieldCaption, { error: t16, children: t17 });
-    $[37] = t16;
-    $[38] = t17;
-    $[39] = t18;
+  if ($[35] !== t14 || $[36] !== t17) {
+    t18 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      t14,
+      t17
+    ] });
+    $[35] = t14;
+    $[36] = t17;
+    $[37] = t18;
   } else {
-    t18 = $[39];
+    t18 = $[37];
   }
   let t19;
-  if ($[40] !== t15 || $[41] !== t18) {
-    t19 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      t15,
-      t18
-    ] });
-    $[40] = t15;
-    $[41] = t18;
-    $[42] = t19;
+  if ($[38] !== setFieldValue) {
+    t19 = (v) => setFieldValue("cardinality", v);
+    $[38] = setFieldValue;
+    $[39] = t19;
   } else {
-    t19 = $[42];
+    t19 = $[39];
   }
   let t20;
-  if ($[43] !== updateRelationConfig) {
-    t20 = (v) => updateRelationConfig({
-      cardinality: v
-    });
-    $[43] = updateRelationConfig;
-    $[44] = t20;
-  } else {
-    t20 = $[44];
-  }
-  let t21;
-  if ($[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t21 = /* @__PURE__ */ jsx(SelectItem, { value: "one", children: /* @__PURE__ */ jsxs("div", { children: [
+  if ($[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t20 = /* @__PURE__ */ jsx(SelectItem, { value: "one", children: /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "One (has-one)" }),
       /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: "This property references a single record" })
     ] }) });
-    $[45] = t21;
+    $[40] = t20;
   } else {
-    t21 = $[45];
+    t20 = $[40];
   }
-  let t22;
-  if ($[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t22 = /* @__PURE__ */ jsx(SelectItem, { value: "many", children: /* @__PURE__ */ jsxs("div", { children: [
+  let t21;
+  if ($[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t21 = /* @__PURE__ */ jsx(SelectItem, { value: "many", children: /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Many (has-many)" }),
       /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: "This property references multiple records" })
     ] }) });
-    $[46] = t22;
+    $[41] = t21;
   } else {
-    t22 = $[46];
+    t21 = $[41];
   }
-  let t23;
-  if ($[47] !== cardinality || $[48] !== disabled || $[49] !== t20) {
-    t23 = /* @__PURE__ */ jsxs(Select, { value: cardinality, onValueChange: t20, label: "Cardinality", disabled, fullWidth: true, renderValue: _temp$2, children: [
-      t21,
-      t22
+  let t22;
+  if ($[42] !== cardinality || $[43] !== disabled || $[44] !== t19) {
+    t22 = /* @__PURE__ */ jsxs(Select, { value: cardinality, onValueChange: t19, label: "Cardinality", disabled, fullWidth: true, renderValue: _temp$2, children: [
+      t20,
+      t21
     ] });
-    $[47] = cardinality;
-    $[48] = disabled;
-    $[49] = t20;
-    $[50] = t23;
+    $[42] = cardinality;
+    $[43] = disabled;
+    $[44] = t19;
+    $[45] = t22;
   } else {
-    t23 = $[50];
+    t22 = $[45];
   }
-  let t24;
-  if ($[51] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t24 = /* @__PURE__ */ jsx(FieldCaption, { children: "Whether the relation returns one or multiple records" });
-    $[51] = t24;
+  let t23;
+  if ($[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t23 = /* @__PURE__ */ jsx(FieldCaption, { children: "Whether the relation returns one or multiple records" });
+    $[46] = t23;
   } else {
-    t24 = $[51];
+    t23 = $[46];
   }
-  let t25;
-  if ($[52] !== t23) {
-    t25 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
-      t23,
-      t24
+  let t24;
+  if ($[47] !== t22) {
+    t24 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
+      t22,
+      t23
     ] });
-    $[52] = t23;
-    $[53] = t25;
+    $[47] = t22;
+    $[48] = t24;
   } else {
-    t25 = $[53];
+    t24 = $[48];
   }
-  let t26;
-  if ($[54] !== updateRelationConfig) {
-    t26 = (v_1) => updateRelationConfig({
-      direction: v_1
-    });
-    $[54] = updateRelationConfig;
-    $[55] = t26;
+  let t25;
+  if ($[49] !== setFieldValue) {
+    t25 = (v_1) => setFieldValue("direction", v_1);
+    $[49] = setFieldValue;
+    $[50] = t25;
   } else {
-    t26 = $[55];
+    t25 = $[50];
   }
-  let t27;
-  if ($[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t27 = /* @__PURE__ */ jsx(SelectItem, { value: "owning", children: /* @__PURE__ */ jsxs("div", { children: [
+  let t26;
+  if ($[51] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t26 = /* @__PURE__ */ jsx(SelectItem, { value: "owning", children: /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Owning" }),
       /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: "This table stores the foreign key (or owns the junction table)" })
     ] }) });
-    $[56] = t27;
+    $[51] = t26;
   } else {
-    t27 = $[56];
+    t26 = $[51];
   }
-  let t28;
-  if ($[57] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t28 = /* @__PURE__ */ jsx(SelectItem, { value: "inverse", children: /* @__PURE__ */ jsxs("div", { children: [
+  let t27;
+  if ($[52] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t27 = /* @__PURE__ */ jsx(SelectItem, { value: "inverse", children: /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Inverse" }),
       /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: "The target table stores the foreign key pointing back here" })
     ] }) });
-    $[57] = t28;
+    $[52] = t27;
   } else {
-    t28 = $[57];
+    t27 = $[52];
   }
-  let t29;
-  if ($[58] !== direction || $[59] !== disabled || $[60] !== t26) {
-    t29 = /* @__PURE__ */ jsxs(Select, { value: direction, onValueChange: t26, label: "Direction", disabled, fullWidth: true, renderValue: _temp2$1, children: [
-      t27,
-      t28
+  let t28;
+  if ($[53] !== direction || $[54] !== disabled || $[55] !== t25) {
+    t28 = /* @__PURE__ */ jsxs(Select, { value: direction, onValueChange: t25, label: "Direction", disabled, fullWidth: true, renderValue: _temp2$1, children: [
+      t26,
+      t27
     ] });
-    $[58] = direction;
-    $[59] = disabled;
-    $[60] = t26;
-    $[61] = t29;
+    $[53] = direction;
+    $[54] = disabled;
+    $[55] = t25;
+    $[56] = t28;
   } else {
-    t29 = $[61];
+    t28 = $[56];
+  }
+  let t29;
+  if ($[57] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t29 = /* @__PURE__ */ jsx(FieldCaption, { children: "Which side of the relation owns the persistence" });
+    $[57] = t29;
+  } else {
+    t29 = $[57];
   }
   let t30;
-  if ($[62] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t30 = /* @__PURE__ */ jsx(FieldCaption, { children: "Which side of the relation owns the persistence" });
-    $[62] = t30;
+  if ($[58] !== t28) {
+    t30 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
+      t28,
+      t29
+    ] });
+    $[58] = t28;
+    $[59] = t30;
   } else {
-    t30 = $[62];
+    t30 = $[59];
   }
   let t31;
-  if ($[63] !== t29) {
-    t31 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
-      t29,
-      t30
+  if ($[60] !== disabled || $[61] !== localKey || $[62] !== setFieldValue || $[63] !== showLocalKey) {
+    t31 = showLocalKey && /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      /* @__PURE__ */ jsx(TextField, { value: localKey, onChange: (e_0) => setFieldValue("localKey", e_0.target.value), label: "Local key (foreign key column on this table)", disabled, placeholder: "e.g. author_id" }),
+      /* @__PURE__ */ jsx(FieldCaption, { children: "Column on this table that references the target's primary key" })
     ] });
-    $[63] = t29;
+    $[60] = disabled;
+    $[61] = localKey;
+    $[62] = setFieldValue;
+    $[63] = showLocalKey;
     $[64] = t31;
   } else {
     t31 = $[64];
   }
   let t32;
-  if ($[65] !== disabled || $[66] !== localKey || $[67] !== showLocalKey || $[68] !== updateRelationConfig) {
-    t32 = showLocalKey && /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      /* @__PURE__ */ jsx(TextField, { value: localKey, onChange: (e_0) => updateRelationConfig({
-        localKey: e_0.target.value
-      }), label: "Local key (foreign key column on this table)", disabled, placeholder: "e.g. author_id" }),
-      /* @__PURE__ */ jsx(FieldCaption, { children: "Column on this table that references the target's primary key" })
+  if ($[65] !== disabled || $[66] !== foreignKeyOnTarget || $[67] !== setFieldValue || $[68] !== showForeignKey) {
+    t32 = showForeignKey && /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      /* @__PURE__ */ jsx(TextField, { value: foreignKeyOnTarget, onChange: (e_1) => setFieldValue("foreignKeyOnTarget", e_1.target.value), label: "Foreign key on target table", disabled, placeholder: "e.g. post_id" }),
+      /* @__PURE__ */ jsx(FieldCaption, { children: "Column on the target table that references this table's primary key" })
     ] });
     $[65] = disabled;
-    $[66] = localKey;
-    $[67] = showLocalKey;
-    $[68] = updateRelationConfig;
+    $[66] = foreignKeyOnTarget;
+    $[67] = setFieldValue;
+    $[68] = showForeignKey;
     $[69] = t32;
   } else {
     t32 = $[69];
   }
   let t33;
-  if ($[70] !== disabled || $[71] !== foreignKeyOnTarget || $[72] !== showForeignKey || $[73] !== updateRelationConfig) {
-    t33 = showForeignKey && /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      /* @__PURE__ */ jsx(TextField, { value: foreignKeyOnTarget, onChange: (e_1) => updateRelationConfig({
-        foreignKeyOnTarget: e_1.target.value
-      }), label: "Foreign key on target table", disabled, placeholder: "e.g. post_id" }),
-      /* @__PURE__ */ jsx(FieldCaption, { children: "Column on the target table that references this table's primary key" })
-    ] });
-    $[70] = disabled;
-    $[71] = foreignKeyOnTarget;
-    $[72] = showForeignKey;
-    $[73] = updateRelationConfig;
-    $[74] = t33;
-  } else {
-    t33 = $[74];
-  }
-  let t34;
-  if ($[75] !== disabled || $[76] !== showThrough || $[77] !== throughSourceColumn || $[78] !== throughTable || $[79] !== throughTargetColumn || $[80] !== updateThrough) {
-    t34 = showThrough && /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+  if ($[70] !== disabled || $[71] !== showThrough || $[72] !== throughSourceColumn || $[73] !== throughTable || $[74] !== throughTargetColumn || $[75] !== updateThrough) {
+    t33 = showThrough && /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "label", className: "mb-2", children: "Junction table (many-to-many)" }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
@@ -5865,133 +5927,129 @@ function RelationPropertyField(t0) {
         ] })
       ] })
     ] });
-    $[75] = disabled;
-    $[76] = showThrough;
-    $[77] = throughSourceColumn;
-    $[78] = throughTable;
-    $[79] = throughTargetColumn;
-    $[80] = updateThrough;
-    $[81] = t34;
+    $[70] = disabled;
+    $[71] = showThrough;
+    $[72] = throughSourceColumn;
+    $[73] = throughTable;
+    $[74] = throughTargetColumn;
+    $[75] = updateThrough;
+    $[76] = t33;
+  } else {
+    t33 = $[76];
+  }
+  let t34;
+  if ($[77] !== setFieldValue) {
+    t34 = (v_3) => setFieldValue("onUpdate", v_3);
+    $[77] = setFieldValue;
+    $[78] = t34;
   } else {
-    t34 = $[81];
+    t34 = $[78];
   }
   let t35;
-  if ($[82] !== updateRelationConfig) {
-    t35 = (v_3) => updateRelationConfig({
-      onUpdate: v_3
-    });
-    $[82] = updateRelationConfig;
-    $[83] = t35;
+  if ($[79] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t35 = ON_ACTION_OPTIONS.map(_temp4$1);
+    $[79] = t35;
   } else {
-    t35 = $[83];
+    t35 = $[79];
   }
   let t36;
-  if ($[84] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t36 = ON_ACTION_OPTIONS.map(_temp4$1);
-    $[84] = t36;
+  if ($[80] !== disabled || $[81] !== onUpdate || $[82] !== t34) {
+    t36 = /* @__PURE__ */ jsx(Select, { value: onUpdate, onValueChange: t34, label: "On update", disabled, fullWidth: true, renderValue: _temp3$1, children: t35 });
+    $[80] = disabled;
+    $[81] = onUpdate;
+    $[82] = t34;
+    $[83] = t36;
   } else {
-    t36 = $[84];
+    t36 = $[83];
   }
   let t37;
-  if ($[85] !== disabled || $[86] !== onUpdate || $[87] !== t35) {
-    t37 = /* @__PURE__ */ jsx(Select, { value: onUpdate, onValueChange: t35, label: "On update", disabled, fullWidth: true, renderValue: _temp3$1, children: t36 });
-    $[85] = disabled;
-    $[86] = onUpdate;
-    $[87] = t35;
-    $[88] = t37;
+  if ($[84] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t37 = /* @__PURE__ */ jsx(FieldCaption, { children: "Action when the referenced record is updated" });
+    $[84] = t37;
   } else {
-    t37 = $[88];
+    t37 = $[84];
   }
   let t38;
-  if ($[89] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t38 = /* @__PURE__ */ jsx(FieldCaption, { children: "Action when the referenced record is updated" });
-    $[89] = t38;
+  if ($[85] !== t36) {
+    t38 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
+      t36,
+      t37
+    ] });
+    $[85] = t36;
+    $[86] = t38;
   } else {
-    t38 = $[89];
+    t38 = $[86];
   }
   let t39;
-  if ($[90] !== t37) {
-    t39 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
-      t37,
-      t38
-    ] });
-    $[90] = t37;
-    $[91] = t39;
+  if ($[87] !== setFieldValue) {
+    t39 = (v_5) => setFieldValue("onDelete", v_5);
+    $[87] = setFieldValue;
+    $[88] = t39;
   } else {
-    t39 = $[91];
+    t39 = $[88];
   }
   let t40;
-  if ($[92] !== updateRelationConfig) {
-    t40 = (v_5) => updateRelationConfig({
-      onDelete: v_5
-    });
-    $[92] = updateRelationConfig;
-    $[93] = t40;
+  if ($[89] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t40 = ON_ACTION_OPTIONS.map(_temp6);
+    $[89] = t40;
   } else {
-    t40 = $[93];
+    t40 = $[89];
   }
   let t41;
-  if ($[94] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t41 = ON_ACTION_OPTIONS.map(_temp6);
-    $[94] = t41;
+  if ($[90] !== disabled || $[91] !== onDelete || $[92] !== t39) {
+    t41 = /* @__PURE__ */ jsx(Select, { value: onDelete, onValueChange: t39, label: "On delete", disabled, fullWidth: true, renderValue: _temp5, children: t40 });
+    $[90] = disabled;
+    $[91] = onDelete;
+    $[92] = t39;
+    $[93] = t41;
   } else {
-    t41 = $[94];
+    t41 = $[93];
   }
   let t42;
-  if ($[95] !== disabled || $[96] !== onDelete || $[97] !== t40) {
-    t42 = /* @__PURE__ */ jsx(Select, { value: onDelete, onValueChange: t40, label: "On delete", disabled, fullWidth: true, renderValue: _temp5, children: t41 });
-    $[95] = disabled;
-    $[96] = onDelete;
-    $[97] = t40;
-    $[98] = t42;
+  if ($[94] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t42 = /* @__PURE__ */ jsx(FieldCaption, { children: "Action when the referenced record is deleted" });
+    $[94] = t42;
   } else {
-    t42 = $[98];
+    t42 = $[94];
   }
   let t43;
-  if ($[99] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t43 = /* @__PURE__ */ jsx(FieldCaption, { children: "Action when the referenced record is deleted" });
-    $[99] = t43;
-  } else {
-    t43 = $[99];
-  }
-  let t44;
-  if ($[100] !== t42) {
-    t44 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
-      t42,
-      t43
+  if ($[95] !== t41) {
+    t43 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 sm:col-span-6", children: [
+      t41,
+      t42
     ] });
-    $[100] = t42;
-    $[101] = t44;
+    $[95] = t41;
+    $[96] = t43;
   } else {
-    t44 = $[101];
+    t43 = $[96];
   }
-  let t45;
-  if ($[102] !== t12 || $[103] !== t19 || $[104] !== t25 || $[105] !== t31 || $[106] !== t32 || $[107] !== t33 || $[108] !== t34 || $[109] !== t39 || $[110] !== t44) {
-    t45 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t12,
-      t19,
-      t25,
+  let t44;
+  if ($[97] !== t11 || $[98] !== t18 || $[99] !== t24 || $[100] !== t30 || $[101] !== t31 || $[102] !== t32 || $[103] !== t33 || $[104] !== t38 || $[105] !== t43) {
+    t44 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t11,
+      t18,
+      t24,
+      t30,
       t31,
       t32,
       t33,
-      t34,
-      t39,
-      t44
+      t38,
+      t43
     ] });
-    $[102] = t12;
-    $[103] = t19;
-    $[104] = t25;
-    $[105] = t31;
-    $[106] = t32;
-    $[107] = t33;
-    $[108] = t34;
-    $[109] = t39;
-    $[110] = t44;
-    $[111] = t45;
-  } else {
-    t45 = $[111];
-  }
-  return t45;
+    $[97] = t11;
+    $[98] = t18;
+    $[99] = t24;
+    $[100] = t30;
+    $[101] = t31;
+    $[102] = t32;
+    $[103] = t33;
+    $[104] = t38;
+    $[105] = t43;
+    $[106] = t44;
+  } else {
+    t44 = $[106];
+  }
+  return t44;
 }
 function _temp6(action_0) {
   return /* @__PURE__ */ jsx(SelectItem, { value: action_0, children: action_0 }, action_0);
@@ -6961,6 +7019,9 @@ const PropertyForm = React__default.memo(function PropertyForm2(props) {
       if (values.type === "reference" && !values.path) {
         errors.slug = "You must specify a target collection for the field";
       }
+      if (values.type === "vector" && (!values.dimensions || isNaN(Number(values.dimensions)) || Number(values.dimensions) <= 0)) {
+        errors.dimensions = "Vector dimensions must be a positive number";
+      }
       if (values.propertyConfig === "repeat") {
         if (!("of" in values) || !values.of) {
           errors.of = "You need to specify a repeat field";
@@ -7187,7 +7248,7 @@ function PropertyFormDialog(t0) {
   return t11;
 }
 function PropertyEditFormFields(t0) {
-  const $ = c(148);
+  const $ = c(150);
   const {
     values,
     errors,
@@ -7551,7 +7612,19 @@ function PropertyEditFormFields(t0) {
                                       }
                                       childComponent = t102;
                                     } else {
-                                      childComponent = null;
+                                      if (selectedFieldConfigId === "vector_input") {
+                                        let t102;
+                                        if ($[97] !== disabled) {
+                                          t102 = /* @__PURE__ */ jsx(VectorPropertyField, { disabled });
+                                          $[97] = disabled;
+                                          $[98] = t102;
+                                        } else {
+                                          t102 = $[98];
+                                        }
+                                        childComponent = t102;
+                                      } else {
+                                        childComponent = null;
+                                      }
                                     }
                                   }
                                 }
@@ -7571,162 +7644,162 @@ function PropertyEditFormFields(t0) {
     }
   }
   let t10;
-  if ($[97] !== disabled) {
+  if ($[99] !== disabled) {
     t10 = disabled && /* @__PURE__ */ jsxs(InfoLabel, { mode: "warn", children: [
       /* @__PURE__ */ jsx(Typography, { children: "This property can't be edited" }),
       /* @__PURE__ */ jsx(Typography, { variant: "caption", children: "You may not have permission to edit it or it is defined in code and cannot be modified." })
     ] });
-    $[97] = disabled;
-    $[98] = t10;
+    $[99] = disabled;
+    $[100] = t10;
   } else {
-    t10 = $[98];
+    t10 = $[100];
   }
   const t11 = selectedFieldConfigId;
   let t12;
-  if ($[99] !== onWidgetSelectChanged) {
+  if ($[101] !== onWidgetSelectChanged) {
     t12 = (value) => onWidgetSelectChanged(value);
-    $[99] = onWidgetSelectChanged;
-    $[100] = t12;
+    $[101] = onWidgetSelectChanged;
+    $[102] = t12;
   } else {
-    t12 = $[100];
+    t12 = $[102];
   }
   let t13;
-  if ($[101] !== onDismiss) {
+  if ($[103] !== onDismiss) {
     t13 = (open, hasValue) => {
       if (!hasValue) {
         onDismiss?.();
       }
       setSelectOpen(open);
     };
-    $[101] = onDismiss;
-    $[102] = t13;
+    $[103] = onDismiss;
+    $[104] = t13;
   } else {
-    t13 = $[102];
+    t13 = $[104];
   }
   const t14 = Boolean(selectedWidgetError);
   let t15;
-  if ($[103] !== disabled || $[104] !== existing || $[105] !== inArray || $[106] !== propertyConfigs || $[107] !== selectOpen || $[108] !== t11 || $[109] !== t12 || $[110] !== t13 || $[111] !== t14 || $[112] !== values) {
+  if ($[105] !== disabled || $[106] !== existing || $[107] !== inArray || $[108] !== propertyConfigs || $[109] !== selectOpen || $[110] !== t11 || $[111] !== t12 || $[112] !== t13 || $[113] !== t14 || $[114] !== values) {
     t15 = /* @__PURE__ */ jsx(WidgetSelectView, { initialProperty: values, value: t11, onValueChange: t12, open: selectOpen, onOpenChange: t13, disabled, showError: t14, existing, propertyConfigs, inArray });
-    $[103] = disabled;
-    $[104] = existing;
-    $[105] = inArray;
-    $[106] = propertyConfigs;
-    $[107] = selectOpen;
-    $[108] = t11;
-    $[109] = t12;
-    $[110] = t13;
-    $[111] = t14;
-    $[112] = values;
-    $[113] = t15;
-  } else {
-    t15 = $[113];
+    $[105] = disabled;
+    $[106] = existing;
+    $[107] = inArray;
+    $[108] = propertyConfigs;
+    $[109] = selectOpen;
+    $[110] = t11;
+    $[111] = t12;
+    $[112] = t13;
+    $[113] = t14;
+    $[114] = values;
+    $[115] = t15;
+  } else {
+    t15 = $[115];
   }
   let t16;
-  if ($[114] !== selectedWidgetError) {
+  if ($[116] !== selectedWidgetError) {
     t16 = !!selectedWidgetError && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "ml-3.5", color: "error", children: "Required" });
-    $[114] = selectedWidgetError;
-    $[115] = t16;
+    $[116] = selectedWidgetError;
+    $[117] = t16;
   } else {
-    t16 = $[115];
+    t16 = $[117];
   }
   let t17;
-  if ($[116] !== t15 || $[117] !== t16) {
+  if ($[118] !== t15 || $[119] !== t16) {
     t17 = /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-2", children: [
       t15,
       t16
     ] });
-    $[116] = t15;
-    $[117] = t16;
-    $[118] = t17;
+    $[118] = t15;
+    $[119] = t16;
+    $[120] = t17;
   } else {
-    t17 = $[118];
+    t17 = $[120];
   }
   let t18;
-  if ($[119] !== disabled || $[120] !== onDelete || $[121] !== values?.id) {
-    t18 = onDelete && values?.id && /* @__PURE__ */ jsx(IconButton, { variant: "ghost", className: "m-4", disabled, onClick: () => setDeleteDialogOpen(true), children: /* @__PURE__ */ jsx(Trash2Icon, {}) });
-    $[119] = disabled;
-    $[120] = onDelete;
-    $[121] = values?.id;
-    $[122] = t18;
+  if ($[121] !== disabled || $[122] !== onDelete || $[123] !== values?.id) {
+    t18 = onDelete && values?.id && /* @__PURE__ */ jsx(IconButton, { variant: "ghost", className: "mt-1 shrink-0", disabled, onClick: () => setDeleteDialogOpen(true), children: /* @__PURE__ */ jsx(Trash2Icon, { size: iconSize.small }) });
+    $[121] = disabled;
+    $[122] = onDelete;
+    $[123] = values?.id;
+    $[124] = t18;
   } else {
-    t18 = $[122];
+    t18 = $[124];
   }
   let t19;
-  if ($[123] !== t17 || $[124] !== t18) {
-    t19 = /* @__PURE__ */ jsxs("div", { className: "flex mt-2 justify-between", children: [
+  if ($[125] !== t17 || $[126] !== t18) {
+    t19 = /* @__PURE__ */ jsxs("div", { className: "flex mt-2 items-start justify-between", children: [
       t17,
       t18
     ] });
-    $[123] = t17;
-    $[124] = t18;
-    $[125] = t19;
+    $[125] = t17;
+    $[126] = t18;
+    $[127] = t19;
   } else {
-    t19 = $[125];
+    t19 = $[127];
   }
   let t20;
-  if ($[126] !== autoUpdateId || $[127] !== disabled || $[128] !== existing || $[129] !== includeIdAndTitle || $[130] !== showErrors) {
+  if ($[128] !== autoUpdateId || $[129] !== disabled || $[130] !== existing || $[131] !== includeIdAndTitle || $[132] !== showErrors) {
     t20 = includeIdAndTitle && /* @__PURE__ */ jsx(CommonPropertyFields, { showErrors, disabledId: existing, isNewProperty: !existing, disabled, autoUpdateId, ref: nameFieldRef });
-    $[126] = autoUpdateId;
-    $[127] = disabled;
-    $[128] = existing;
-    $[129] = includeIdAndTitle;
-    $[130] = showErrors;
-    $[131] = t20;
+    $[128] = autoUpdateId;
+    $[129] = disabled;
+    $[130] = existing;
+    $[131] = includeIdAndTitle;
+    $[132] = showErrors;
+    $[133] = t20;
   } else {
-    t20 = $[131];
+    t20 = $[133];
   }
   let t21;
-  if ($[132] !== disabled) {
+  if ($[134] !== disabled) {
     t21 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(AdvancedPropertyValidation, { disabled }) });
-    $[132] = disabled;
-    $[133] = t21;
+    $[134] = disabled;
+    $[135] = t21;
   } else {
-    t21 = $[133];
+    t21 = $[135];
   }
   let t22;
-  if ($[134] !== childComponent || $[135] !== t20 || $[136] !== t21) {
+  if ($[136] !== childComponent || $[137] !== t20 || $[138] !== t21) {
     t22 = /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-y-8 mt-6 mb-8", children: [
       t20,
       childComponent,
       t21
     ] });
-    $[134] = childComponent;
-    $[135] = t20;
-    $[136] = t21;
-    $[137] = t22;
+    $[136] = childComponent;
+    $[137] = t20;
+    $[138] = t21;
+    $[139] = t22;
   } else {
-    t22 = $[137];
+    t22 = $[139];
   }
   let t23;
-  if ($[138] !== deleteDialogOpen || $[139] !== onDelete || $[140] !== propertyNamespace || $[141] !== values?.id) {
+  if ($[140] !== deleteDialogOpen || $[141] !== onDelete || $[142] !== propertyNamespace || $[143] !== values?.id) {
     t23 = onDelete && /* @__PURE__ */ jsx(ConfirmationDialog, { open: deleteDialogOpen, onAccept: () => onDelete(values?.id, propertyNamespace), onCancel: () => setDeleteDialogOpen(false), title: /* @__PURE__ */ jsx("div", { children: "Delete this property?" }), body: /* @__PURE__ */ jsxs("div", { children: [
       " This will ",
       /* @__PURE__ */ jsx("b", { children: "not delete any data" }),
       ", only modify the collection."
     ] }) });
-    $[138] = deleteDialogOpen;
-    $[139] = onDelete;
-    $[140] = propertyNamespace;
-    $[141] = values?.id;
-    $[142] = t23;
+    $[140] = deleteDialogOpen;
+    $[141] = onDelete;
+    $[142] = propertyNamespace;
+    $[143] = values?.id;
+    $[144] = t23;
   } else {
-    t23 = $[142];
+    t23 = $[144];
   }
   let t24;
-  if ($[143] !== t10 || $[144] !== t19 || $[145] !== t22 || $[146] !== t23) {
+  if ($[145] !== t10 || $[146] !== t19 || $[147] !== t22 || $[148] !== t23) {
     t24 = /* @__PURE__ */ jsxs(Fragment, { children: [
       t10,
       t19,
       t22,
       t23
     ] });
-    $[143] = t10;
-    $[144] = t19;
-    $[145] = t22;
-    $[146] = t23;
-    $[147] = t24;
+    $[145] = t10;
+    $[146] = t19;
+    $[147] = t22;
+    $[148] = t23;
+    $[149] = t24;
   } else {
-    t24 = $[147];
+    t24 = $[149];
   }
   return t24;
 }
@@ -7775,7 +7848,8 @@ const WIDGET_TYPE_MAP = {
   key_value: "Group",
   repeat: "Array",
   custom_array: "Array",
-  block: "Group"
+  block: "Group",
+  vector_input: "Number"
 };
 function WidgetSelectView(t0) {
   const $ = c(55);
@@ -8105,12 +8179,12 @@ const PropertyEditView = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.de
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   AIModifiedPathsProvider as A,
-  PropertyForm as P,
-  PropertyFormDialog as a,
-  PropertyTree as b,
-  updatePropertyFromWidget as c,
-  PropertyEditView as d,
+  PropertyEditView as P,
+  PropertyForm as a,
+  PropertyFormDialog as b,
+  PropertyTree as c,
+  useAIModifiedPaths as d,
   supportedFields as s,
-  useAIModifiedPaths as u
+  updatePropertyFromWidget as u
 };
-//# sourceMappingURL=PropertyEditView-BuZrNnBN.js.map
+//# sourceMappingURL=PropertyEditView-Cvryrb3B.js.map