@rebasepro/admin 0.2.1 → 0.2.4

package/dist/{CollectionEditorDialog-BXIh2AXg.js → CollectionEditorDialog-D0VqpLPO.js}

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
 import { useAuthController, useCustomizationController, IconForView, useSnackbarController, useLargeLayout, AIIcon, useRebaseContext, ErrorView, ConfirmationDialog, useUnsavedChangesDialog, UnsavedChangesDialog } from "@rebasepro/core";
-import { bi as useCollectionsConfigController, J as FieldCaption, ad as SearchIconsView, aL as getFieldConfig, $ as PropertyConfigBadge, aN as getFullId, aV as idToPropertiesPath, aZ as namespaceToPropertiesOrderPath, bu as validateCollectionJson, bh as useCollectionRegistryController, C as CollectionGenerationApiError, bg as useCollectionEditorController, O as ImportFileUpload, aR as getInferenceType, P as ImportNewPropertyFieldPreview, p as DataNewPropertiesMapping, aM as getFieldId, bp as useSelectionController, ay as convertDataToEntity, w as EntityCollectionTable, bm as useNavigationStateController, bk as useImportConfig, bt as useUrlController, Q as ImportSaveInProgress, aO as getFullIdPath } from "./util-DtbWD7LF.js";
+import { bo as useCollectionsConfigController, N as FieldCaption, ai as SearchIconsView, aQ as getFieldConfig, a4 as PropertyConfigBadge, aS as getFullId, a_ as idToPropertiesPath, b2 as namespaceToPropertiesOrderPath, bA as validateCollectionJson, bn as useCollectionRegistryController, l as CollectionGenerationApiError, bm as useCollectionEditorController, S as ImportFileUpload, aW as getInferenceType, T as ImportNewPropertyFieldPreview, p as DataNewPropertiesMapping, aR as getFieldId, bv as useSelectionController, aD as convertDataToEntity, y as EntityCollectionTable, bs as useNavigationStateController, bq as useImportConfig, bz as useUrlController, U as ImportSaveInProgress, aT as getFullIdPath } from "./util-ZM9gQuCv.js";
 import * as React from "react";
 import React__default, { useState, useRef, useMemo, useEffect } from "react";
-import { Chip, Typography, cls, Tooltip, IconButton, TextField, DebouncedTextField, Dialog, Container, ColumnsIcon, SquareIcon, PanelLeftIcon, AppWindow, ToggleButtonGroup, ListIcon, TableIcon, LayoutGridIcon, KanbanIcon, Select, SelectItem, XIcon, iconSize, Button, BooleanSwitchWithLabel, DialogTitle, DialogContent, CopyIcon, DialogActions, CircularProgress, FileSearchIcon, PlusIcon, ErrorBoundary, defaultBorderMixin, Table, TableHeader, TableCell, TableBody, TableRow, Trash2Icon, CodeIcon, Alert, Menu, ShoppingCartIcon, UserIcon, FileTextIcon, FileIcon, Card, CircularProgressCenter, Paper, KeyIcon, MultiSelect, MultiSelectItem, coolIconKeys, Tabs, Tab, LoadingButton, ArrowLeftIcon, CheckIcon } from "@rebasepro/ui";
+import { Chip, Typography, cls, Tooltip, IconButton, TextField, DebouncedTextField, Dialog, Container, ColumnsIcon, SquareIcon, PanelLeftIcon, AppWindow, ToggleButtonGroup, ListIcon, TableIcon, LayoutGridIcon, KanbanIcon, Select, SelectItem, XIcon, iconSize, Button, BooleanSwitchWithLabel, DialogTitle, DialogContent, CopyIcon, DialogActions, CircularProgress, FileSearchIcon, PlusIcon, ErrorBoundary, defaultBorderMixin, CodeIcon, Alert, Menu, ShoppingCartIcon, UserIcon, FileTextIcon, FileIcon, Card, CircularProgressCenter, Paper, KeyIcon, Trash2Icon, MultiSelect, MultiSelectItem, coolIconKeys, Tabs, Tab, LoadingButton, ArrowLeftIcon, CheckIcon } from "@rebasepro/ui";
 import { isPropertyBuilder, getSubcollections, getTableName, removeInitialAndTrailingSlashes } from "@rebasepro/common";
 import "fast-equals";
 import { useFormex, getIn, Field, clone, useCreateFormex, Formex } from "@rebasepro/formex";
@@ -21,7 +21,8 @@ import "exceljs";
 import { buildPropertyFromData, buildEntityPropertiesFromData } from "@rebasepro/schema-inference";
 import "date-fns";
 import "date-fns/locale";
-import { b as PropertyFormDialog, d as useAIModifiedPaths, c as PropertyTree, a as PropertyForm, s as supportedFields, u as updatePropertyFromWidget, A as AIModifiedPathsProvider } from "./PropertyEditView-BB5xjnhZ.js";
+import "fuse.js";
+import { b as PropertyFormDialog, d as useAIModifiedPaths, c as PropertyTree, a as PropertyForm, s as supportedFields, u as updatePropertyFromWidget, A as AIModifiedPathsProvider } from "./PropertyEditView-CvRSV-A2.js";
 import JSON5 from "json5";
 import { Highlight, themes } from "prism-react-renderer";
 const CollectionEditorSchema = z.object({
@@ -1192,8 +1193,8 @@ function CollectionPropertiesEditorForm({
           const newProp = newProps[key];
           if (!existingProp) {
             keys.push(fullKey);
-          } else if (typeof newProp === "object" && "type" in newProp && newProp.dataType === "map" && newProp.properties) {
-            const existingMapProps = typeof existingProp === "object" && "type" in existingProp && existingProp.dataType === "map" ? existingProp.properties : void 0;
+          } else if (typeof newProp === "object" && "type" in newProp && newProp.type === "map" && newProp.properties) {
+            const existingMapProps = typeof existingProp === "object" && "type" in existingProp && existingProp.type === "map" ? existingProp.properties : void 0;
             keys.push(...findNewPropertyKeys(existingMapProps, newProp.properties, fullKey));
           }
         }
@@ -1210,7 +1211,7 @@ function CollectionPropertiesEditorForm({
           const newProp_0 = newProps_0[key_0];
           if (!existingProp_0) {
             result[key_0] = newProp_0;
-          } else if (typeof existingProp_0 === "object" && "type" in existingProp_0 && existingProp_0.dataType === "map" && typeof newProp_0 === "object" && "type" in newProp_0 && newProp_0.dataType === "map" && newProp_0.properties) {
+          } else if (typeof existingProp_0 === "object" && "type" in existingProp_0 && existingProp_0.type === "map" && typeof newProp_0 === "object" && "type" in newProp_0 && newProp_0.type === "map" && newProp_0.properties) {
             const existingMapProps_0 = existingProp_0.properties;
             if (existingMapProps_0) {
               result[key_0] = {
@@ -1373,7 +1374,7 @@ function CollectionPropertiesEditorForm({
       /* @__PURE__ */ jsx(Button, { className: "mt-4 xl:mt-8 w-full", variant: "filled", color: "neutral", disabled: configController?.readOnly, onClick: () => setNewPropertyDialogOpen(true), startIcon: /* @__PURE__ */ jsx(PlusIcon, {}), children: "Add new property" })
     ] }),
     !asDialog && /* @__PURE__ */ jsx("div", { className: "col-span-12 lg:col-span-7 p-4 md:py-8 md:px-4 h-full overflow-auto", children: /* @__PURE__ */ jsxs("div", { className: "sticky top-8 min-h-full w-full flex flex-col justify-center", children: [
-      selectedPropertyFullId && selectedProperty && !isPropertyBuilder(selectedProperty) && /* @__PURE__ */ jsx(PropertyForm, { inArray: false, existingProperty: !isNewCollection, autoUpdateId: false, allowDataInference: !isNewCollection, autoOpenTypeSelect: false, propertyKey: selectedPropertyKey, propertyNamespace: selectedPropertyNamespace, property: selectedProperty, onPropertyChanged, onDelete: deleteProperty, onError: onPropertyErrorInternal, forceShowErrors: showErrors, initialErrors, getData, propertyConfigs }, `edit_view_${selectedPropertyIndex}_${generationCounter}`),
+      selectedPropertyFullId && !!selectedProperty && !isPropertyBuilder(selectedProperty) && /* @__PURE__ */ jsx(PropertyForm, { inArray: false, existingProperty: !isNewCollection, autoUpdateId: false, allowDataInference: !isNewCollection, autoOpenTypeSelect: false, propertyKey: selectedPropertyKey, propertyNamespace: selectedPropertyNamespace, property: selectedProperty, onPropertyChanged, onDelete: deleteProperty, onError: onPropertyErrorInternal, forceShowErrors: showErrors, initialErrors, getData, propertyConfigs }, `edit_view_${selectedPropertyIndex}_${generationCounter}`),
       !selectedProperty && /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col items-center justify-center h-full gap-4", children: [
         /* @__PURE__ */ jsx(Typography, { variant: "label", className: "", children: emptyCollection ? "Now you can add your first property" : "Select a property to edit it" }),
         /* @__PURE__ */ jsxs(Button, { disabled: configController?.readOnly, onClick: () => setNewPropertyDialogOpen(true), children: [
@@ -1381,7 +1382,7 @@ function CollectionPropertiesEditorForm({
           "Add new property"
         ] })
       ] }),
-      selectedProperty && isPropertyBuilder(selectedProperty) && /* @__PURE__ */ jsx(Typography, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
+      !!selectedProperty && isPropertyBuilder(selectedProperty) && /* @__PURE__ */ jsx(Typography, { variant: "label", className: "flex items-center justify-center", children: "This property is defined as a property builder in code" })
     ] }) }),
     asDialog && /* @__PURE__ */ jsx(PropertyFormDialog, { inArray: false, open: selectedPropertyIndex !== void 0, autoUpdateId: !selectedProperty, allowDataInference: !isNewCollection, existingProperty: true, autoOpenTypeSelect: false, propertyKey: selectedPropertyKey, propertyNamespace: selectedPropertyNamespace, property: selectedProperty, onPropertyChanged, onDelete: deleteProperty, onError: onPropertyErrorInternal, forceShowErrors: showErrors, initialErrors, getData, propertyConfigs, onCancel: closePropertyDialog, onOkClicked: asDialog ? closePropertyDialog : void 0 }, `edit_view_${selectedPropertyIndex}_${generationCounter}`)
   ] });
@@ -1391,180 +1392,6 @@ function CollectionPropertiesEditorForm({
     /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(GetCodeDialog, { collection: values, open: codeDialogOpen, onOpenChange: setCodeDialogOpen }) })
   ] });
 }
-function CollectionRelationsTab() {
-  const {
-    values,
-    setFieldValue
-  } = useFormex();
-  const {
-    collections
-  } = useCollectionsConfigController();
-  const [editingRelationIndex, setEditingRelationIndex] = useState(null);
-  const [editingRelationState, setEditingRelationState] = useState(null);
-  const getTargetSlug = (target) => {
-    if (typeof target === "string") {
-      const match = target.match(/\(\)\s*=>\s*([a-zA-Z0-9_]+)/);
-      return match ? match[1] : target;
-    }
-    if (typeof target === "function") {
-      try {
-        if (target.slug) return target.slug;
-        const col = target();
-        return col?.slug || col?.name || "";
-      } catch (e) {
-        return "";
-      }
-    }
-    return "";
-  };
-  const relations = values.relations || [];
-  const handleDelete = (index) => {
-    const newRelations = [...relations];
-    newRelations.splice(index, 1);
-    setFieldValue("relations", newRelations);
-  };
-  const handleSave = () => {
-    if (!editingRelationState) return;
-    const newRelations_0 = [...relations];
-    if (editingRelationIndex === -1) {
-      newRelations_0.push(editingRelationState);
-    } else if (editingRelationIndex !== null) {
-      newRelations_0[editingRelationIndex] = editingRelationState;
-    }
-    setFieldValue("relations", newRelations_0);
-    setEditingRelationIndex(null);
-    setEditingRelationState(null);
-  };
-  const handleCancel = () => {
-    setEditingRelationIndex(null);
-    setEditingRelationState(null);
-  };
-  return /* @__PURE__ */ jsx("div", { className: "overflow-auto my-auto h-full w-full", children: /* @__PURE__ */ jsxs(Container, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto h-full", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-8", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "h5", children: "Relations" }),
-      /* @__PURE__ */ jsx(Button, { variant: "filled", color: "neutral", onClick: () => {
-        setEditingRelationIndex(-1);
-        setEditingRelationState({
-          relationName: "",
-          target: "",
-          cardinality: "many",
-          direction: "owning"
-        });
-      }, children: "ADD RELATION" })
-    ] }),
-    relations.length > 0 ? /* @__PURE__ */ jsx("div", { className: "w-full overflow-auto border dark:border-surface-800 rounded-lg", children: /* @__PURE__ */ jsxs(Table, { className: "w-full", children: [
-      /* @__PURE__ */ jsxs(TableHeader, { children: [
-        /* @__PURE__ */ jsx(TableCell, { header: true, className: "w-16" }),
-        /* @__PURE__ */ jsx(TableCell, { header: true, children: "Name" }),
-        /* @__PURE__ */ jsx(TableCell, { header: true, children: "Target" }),
-        /* @__PURE__ */ jsx(TableCell, { header: true, children: "Cardinality" }),
-        /* @__PURE__ */ jsx(TableCell, { header: true, children: "Direction" })
-      ] }),
-      /* @__PURE__ */ jsx(TableBody, { children: relations.map((relation, index_0) => /* @__PURE__ */ jsxs(TableRow, { className: "cursor-pointer hover:bg-surface-100 dark:hover:bg-surface-800", onClick: () => {
-        setEditingRelationIndex(index_0);
-        setEditingRelationState(relation);
-      }, children: [
-        /* @__PURE__ */ jsx(TableCell, { style: {
-          width: "64px"
-        }, children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: (e_0) => {
-          e_0.stopPropagation();
-          handleDelete(index_0);
-        }, children: /* @__PURE__ */ jsx(Trash2Icon, {}) }) }),
-        /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: relation.relationName }),
-        /* @__PURE__ */ jsx(TableCell, { children: getTargetSlug(relation.target) || "Function" }),
-        /* @__PURE__ */ jsx(TableCell, { children: relation.cardinality }),
-        /* @__PURE__ */ jsx(TableCell, { children: relation.direction || "owning" })
-      ] }, index_0)) })
-    ] }) }) : /* @__PURE__ */ jsxs("div", { className: "flex-grow flex flex-col border border-dashed dark:border-surface-700 rounded-lg items-center justify-center text-text-disabled py-20", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "mb-4", children: "No relations defined for this collection." }),
-      /* @__PURE__ */ jsx(Button, { variant: "text", onClick: () => {
-        setEditingRelationIndex(-1);
-        setEditingRelationState({
-          relationName: "",
-          target: "",
-          cardinality: "many",
-          direction: "owning"
-        });
-      }, children: "Create your first relation" })
-    ] }),
-    /* @__PURE__ */ jsx(Dialog, { open: !!editingRelationState, onOpenChange: (open) => !open && handleCancel(), maxWidth: "2xl", children: editingRelationState && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { className: "flex justify-between items-center w-full", variant: "h6", children: editingRelationIndex === -1 ? "New Relation" : "Edit Relation" }),
-      /* @__PURE__ */ jsx(DialogContent, { includeMargin: false, className: cls("p-4 md:p-6 border-t bg-white dark:bg-surface-900", defaultBorderMixin), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 max-w-2xl mx-auto", children: [
-        /* @__PURE__ */ jsx(TextField, { label: "Relation Name", name: "relationName", placeholder: "e.g. posts", value: editingRelationState.relationName || "", onChange: (e_1) => setEditingRelationState((prev) => prev ? {
-          ...prev,
-          relationName: e_1.target.value
-        } : null) }),
-        /* @__PURE__ */ jsx(Select, { fullWidth: true, label: "Target Collection", value: getTargetSlug(editingRelationState.target), onValueChange: (val) => {
-          setEditingRelationState((prev_0) => {
-            if (!prev_0) return null;
-            const targetFn = () => collections?.find((c2) => c2.slug === val) || {
-              slug: val
-            };
-            targetFn.slug = val;
-            return {
-              ...prev_0,
-              target: targetFn
-            };
-          });
-        }, children: collections?.map((col_0) => /* @__PURE__ */ jsx(SelectItem, { value: col_0.slug, children: col_0.name || col_0.slug }, col_0.slug)) }),
-        /* @__PURE__ */ jsxs(Select, { fullWidth: true, label: "Cardinality", value: editingRelationState.cardinality || "many", onValueChange: (val_0) => setEditingRelationState((prev_1) => prev_1 ? {
-          ...prev_1,
-          cardinality: val_0
-        } : null), children: [
-          /* @__PURE__ */ jsx(SelectItem, { value: "many", children: "Many" }),
-          /* @__PURE__ */ jsx(SelectItem, { value: "one", children: "One" })
-        ] }),
-        /* @__PURE__ */ jsxs(Select, { fullWidth: true, label: "Direction", value: editingRelationState.direction || "owning", onValueChange: (val_1) => setEditingRelationState((prev_2) => prev_2 ? {
-          ...prev_2,
-          direction: val_1
-        } : null), children: [
-          /* @__PURE__ */ jsx(SelectItem, { value: "owning", children: "Owning" }),
-          /* @__PURE__ */ jsx(SelectItem, { value: "inverse", children: "Inverse" })
-        ] }),
-        editingRelationState.cardinality === "many" && editingRelationState.direction === "owning" && /* @__PURE__ */ jsxs("div", { className: cls("flex flex-col gap-4 mt-4 pt-4 border-t", defaultBorderMixin), children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "text-text-primary", children: "Intermediate Table" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-text-secondary -mt-3", children: "Required for many-to-many relationships. This defines the junction table linking both collections." }),
-          /* @__PURE__ */ jsx(TextField, { label: "Table Name", name: "throughTable", placeholder: "e.g. user_roles", value: editingRelationState.through?.table || "", onChange: (e_2) => setEditingRelationState((prev_3) => prev_3 ? {
-            ...prev_3,
-            through: {
-              ...prev_3.through || {
-                sourceColumn: "",
-                targetColumn: ""
-              },
-              table: e_2.target.value
-            }
-          } : null) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-            /* @__PURE__ */ jsx(TextField, { className: "flex-1", label: "Source Column", name: "sourceColumn", placeholder: "FK to this collection", value: editingRelationState.through?.sourceColumn || "", onChange: (e_3) => setEditingRelationState((prev_4) => prev_4 ? {
-              ...prev_4,
-              through: {
-                ...prev_4.through || {
-                  table: "",
-                  targetColumn: ""
-                },
-                sourceColumn: e_3.target.value
-              }
-            } : null) }),
-            /* @__PURE__ */ jsx(TextField, { className: "flex-1", label: "Target Column", name: "targetColumn", placeholder: "FK to target collection", value: editingRelationState.through?.targetColumn || "", onChange: (e_4) => setEditingRelationState((prev_5) => prev_5 ? {
-              ...prev_5,
-              through: {
-                ...prev_5.through || {
-                  table: "",
-                  sourceColumn: ""
-                },
-                targetColumn: e_4.target.value
-              }
-            } : null) })
-          ] })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsxs(DialogActions, { children: [
-        /* @__PURE__ */ jsx(Button, { variant: "text", onClick: handleCancel, children: "Cancel" }),
-        /* @__PURE__ */ jsx(Button, { variant: "filled", color: "primary", onClick: handleSave, disabled: !editingRelationState.relationName || !editingRelationState.target, children: "Save" })
-      ] })
-    ] }) })
-  ] }) });
-}
 const EXAMPLE_JSON = `{
   "id": "products",
   "name": "Products",
@@ -1587,7 +1414,7 @@ const EXAMPLE_JSON = `{
   }
 }`;
 function CollectionJsonImportDialog(t0) {
-  const $ = c(46);
+  const $ = c(44);
   const {
     open,
     onClose,
@@ -1722,105 +1549,97 @@ function CollectionJsonImportDialog(t0) {
   } else {
     t11 = $[18];
   }
-  const t12 = errors.length > 0 && touched ? "border-red-500 dark:border-red-400" : "border-surface-300 dark:border-surface-600";
+  const t12 = errors.length > 0 && touched;
   let t13;
-  if ($[19] !== t12) {
-    t13 = cls("w-full p-3 font-mono text-sm rounded-md border resize-none overflow-y-auto", "bg-surface-50 dark:bg-surface-800", "focus:outline-none focus:ring-2 focus:ring-primary", "h-[300px]", t12);
-    $[19] = t12;
-    $[20] = t13;
+  if ($[19] !== jsonValue || $[20] !== t12) {
+    t13 = /* @__PURE__ */ jsx(TextField, { multiline: true, minRows: 12, value: jsonValue, onChange: handleJsonChange, placeholder: EXAMPLE_JSON, error: t12, className: "w-full", inputClassName: "font-mono text-sm resize-none overflow-y-auto h-[300px]" });
+    $[19] = jsonValue;
+    $[20] = t12;
+    $[21] = t13;
   } else {
-    t13 = $[20];
+    t13 = $[21];
   }
   let t14;
-  if ($[21] !== jsonValue || $[22] !== t13) {
-    t14 = /* @__PURE__ */ jsx("textarea", { value: jsonValue, onChange: handleJsonChange, placeholder: EXAMPLE_JSON, rows: 12, className: t13 });
-    $[21] = jsonValue;
-    $[22] = t13;
-    $[23] = t14;
-  } else {
-    t14 = $[23];
-  }
-  let t15;
-  if ($[24] !== errors || $[25] !== touched) {
-    t15 = errors.length > 0 && touched && /* @__PURE__ */ jsxs(Alert, { color: "error", children: [
+  if ($[22] !== errors || $[23] !== touched) {
+    t14 = errors.length > 0 && touched && /* @__PURE__ */ jsxs(Alert, { color: "error", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "font-medium mb-2", children: "Validation errors:" }),
       /* @__PURE__ */ jsx("ul", { className: "list-disc list-inside space-y-1", children: errors.map(_temp$3) })
     ] });
-    $[24] = errors;
-    $[25] = touched;
+    $[22] = errors;
+    $[23] = touched;
+    $[24] = t14;
+  } else {
+    t14 = $[24];
+  }
+  let t15;
+  if ($[25] !== isValid) {
+    t15 = isValid && /* @__PURE__ */ jsx(Alert, { color: "success", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "✓ JSON is valid and ready to import" }) });
+    $[25] = isValid;
     $[26] = t15;
   } else {
     t15 = $[26];
   }
   let t16;
-  if ($[27] !== isValid) {
-    t16 = isValid && /* @__PURE__ */ jsx(Alert, { color: "success", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "✓ JSON is valid and ready to import" }) });
-    $[27] = isValid;
-    $[28] = t16;
-  } else {
-    t16 = $[28];
-  }
-  let t17;
-  if ($[29] !== t14 || $[30] !== t15 || $[31] !== t16) {
-    t17 = /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col gap-4", children: [
+  if ($[27] !== t13 || $[28] !== t14 || $[29] !== t15) {
+    t16 = /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col gap-4", children: [
       t11,
+      t13,
       t14,
-      t15,
-      t16
+      t15
     ] });
-    $[29] = t14;
-    $[30] = t15;
-    $[31] = t16;
+    $[27] = t13;
+    $[28] = t14;
+    $[29] = t15;
+    $[30] = t16;
+  } else {
+    t16 = $[30];
+  }
+  let t17;
+  if ($[31] !== handleClose) {
+    t17 = /* @__PURE__ */ jsx(Button, { variant: "text", onClick: handleClose, children: "Cancel" });
+    $[31] = handleClose;
     $[32] = t17;
   } else {
     t17 = $[32];
   }
-  let t18;
-  if ($[33] !== handleClose) {
-    t18 = /* @__PURE__ */ jsx(Button, { variant: "text", onClick: handleClose, children: "Cancel" });
-    $[33] = handleClose;
+  const t18 = !isValid;
+  let t19;
+  if ($[33] !== handleImport || $[34] !== t18) {
+    t19 = /* @__PURE__ */ jsx(Button, { variant: "filled", color: "primary", onClick: handleImport, disabled: t18, children: "Import Collection" });
+    $[33] = handleImport;
     $[34] = t18;
+    $[35] = t19;
   } else {
-    t18 = $[34];
+    t19 = $[35];
   }
-  const t19 = !isValid;
   let t20;
-  if ($[35] !== handleImport || $[36] !== t19) {
-    t20 = /* @__PURE__ */ jsx(Button, { variant: "filled", color: "primary", onClick: handleImport, disabled: t19, children: "Import Collection" });
-    $[35] = handleImport;
-    $[36] = t19;
-    $[37] = t20;
-  } else {
-    t20 = $[37];
-  }
-  let t21;
-  if ($[38] !== t18 || $[39] !== t20) {
-    t21 = /* @__PURE__ */ jsxs(DialogActions, { children: [
-      t18,
-      t20
+  if ($[36] !== t17 || $[37] !== t19) {
+    t20 = /* @__PURE__ */ jsxs(DialogActions, { children: [
+      t17,
+      t19
     ] });
-    $[38] = t18;
-    $[39] = t20;
-    $[40] = t21;
+    $[36] = t17;
+    $[37] = t19;
+    $[38] = t20;
   } else {
-    t21 = $[40];
+    t20 = $[38];
   }
-  let t22;
-  if ($[41] !== open || $[42] !== t17 || $[43] !== t21 || $[44] !== t6) {
-    t22 = /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: t6, maxWidth: "2xl", children: [
+  let t21;
+  if ($[39] !== open || $[40] !== t16 || $[41] !== t20 || $[42] !== t6) {
+    t21 = /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: t6, maxWidth: "2xl", children: [
       t7,
-      t17,
-      t21
+      t16,
+      t20
     ] });
-    $[41] = open;
-    $[42] = t17;
+    $[39] = open;
+    $[40] = t16;
+    $[41] = t20;
+    $[42] = t6;
     $[43] = t21;
-    $[44] = t6;
-    $[45] = t22;
   } else {
-    t22 = $[45];
+    t21 = $[43];
   }
-  return t22;
+  return t21;
 }
 function _temp$3(error, index) {
   return /* @__PURE__ */ jsx("li", { className: "text-sm", children: error.path ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -4460,7 +4279,7 @@ function CollectionEditorInternal({
   };
   const validation = (col) => {
     let errors = {};
-    const schema = (currentView === "properties" || currentView === "relations" || currentView === "general") && CollectionEditorSchema;
+    const schema = (currentView === "properties" || currentView === "general") && CollectionEditorSchema;
     if (schema) {
       const result = schema.safeParse(col);
       if (!result.success) {
@@ -4582,8 +4401,7 @@ function CollectionEditorInternal({
           /* @__PURE__ */ jsx(Tab, { value: "general", children: "General" }),
           /* @__PURE__ */ jsx(Tab, { value: "display", children: "Display" }),
           /* @__PURE__ */ jsx(Tab, { value: "properties", children: "Properties" }),
-          getDataSourceCapabilities(values_1.driver).supportsRLS && /* @__PURE__ */ jsx(Tab, { value: "rls", children: "RLS" }),
-          getDataSourceCapabilities(values_1.driver).supportsRelations && /* @__PURE__ */ jsx(Tab, { value: "relations", children: "Relations" })
+          getDataSourceCapabilities(values_1.driver).supportsRLS && /* @__PURE__ */ jsx(Tab, { value: "rls", children: "RLS" })
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
           generateCollection && /* @__PURE__ */ jsx(AICollectionGeneratorPopover, { existingCollection: values_1, onGenerated: handleAIGenerated, generateCollection, onAnalyticsEvent }),
@@ -4624,7 +4442,6 @@ function CollectionEditorInternal({
           } }),
           currentView === "general" && /* @__PURE__ */ jsx(GeneralSettingsForm, { existingPaths, existingIds, parentCollection, isNewCollection }),
           currentView === "display" && /* @__PURE__ */ jsx(DisplaySettingsForm, { expandKanban }),
-          currentView === "relations" && getDataSourceCapabilities(values_1.driver).supportsRelations && /* @__PURE__ */ jsx(CollectionRelationsTab, {}),
           currentView === "rls" && getDataSourceCapabilities(values_1.driver).supportsRLS && /* @__PURE__ */ jsx(CollectionRLSTab, {}),
           currentView === "properties" && /* @__PURE__ */ jsx(CollectionPropertiesEditorForm, { showErrors: submitCount > 0, isNewCollection, onPropertyError: (propertyKey, namespace, error_0) => {
             const current = removeUndefined({
@@ -4737,4 +4554,4 @@ export {
   CollectionEditor,
   CollectionEditorDialog
 };
-//# sourceMappingURL=CollectionEditorDialog-BXIh2AXg.js.map
+//# sourceMappingURL=CollectionEditorDialog-D0VqpLPO.js.map