@rebasepro/admin 0.1.2 → 0.2.1

package/dist/{PropertyEditView-BuZrNnBN.js → PropertyEditView-BB5xjnhZ.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-DtbWD7LF.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];
   }
-  return t14;
+  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 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 {
@@ -6961,6 +7041,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 +7270,7 @@ function PropertyFormDialog(t0) {
   return t11;
 }
 function PropertyEditFormFields(t0) {
-  const $ = c(148);
+  const $ = c(150);
   const {
     values,
     errors,
@@ -7551,7 +7634,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 +7666,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 +7870,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 +8201,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-BB5xjnhZ.js.map