@rebasepro/admin 0.4.0 → 0.6.0

package/dist/CollectionEditorDialog-jA-PLh6N.js

@@ -0,0 +1,3549 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { Ct as getFieldConfig, Dn as useNavigationStateController, Fn as useSelectionController, In as EntityCollectionTable, Tn as useUrlController, Xt as SearchIconsView, Zt as FieldCaption, ct as ImportNewPropertyFieldPreview, d as useCollectionsConfigController, gt as ImportFileUpload, ht as ImportSaveInProgress, i as namespaceToPropertiesOrderPath, kn as useCollectionRegistryController, lt as DataNewPropertiesMapping, mt as useImportConfig, n as getFullIdPath, pt as getInferenceType, r as idToPropertiesPath, s as CollectionGenerationApiError, st as useCollectionEditorController, t as getFullId, u as validateCollectionJson, ut as convertDataToEntity, wt as getFieldId, yt as PropertyConfigBadge } from "./src-BJ8fkM8y.js";
+import { a as updatePropertyFromWidget, c as useAIModifiedPaths, i as supportedFields, n as PropertyForm, o as PropertyTree, r as PropertyFormDialog, s as AIModifiedPathsProvider } from "./PropertyEditView-DEUddmg_.js";
+import * as React$1 from "react";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Alert, AppWindow, ArrowLeftIcon, BooleanSwitchWithLabel, Button, Card, CheckIcon, Chip, CircularProgress, CircularProgressCenter, CodeIcon, ColumnsIcon, Container, CopyIcon, DebouncedTextField, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, FileIcon, FileSearchIcon, FileTextIcon, IconButton, KanbanIcon, KeyIcon, LayoutGridIcon, ListIcon, LoadingButton, Menu, MultiSelect, MultiSelectItem, PanelLeftIcon, Paper, PlusIcon, Select, SelectItem, ShoppingCartIcon, SquareIcon, Tab, TableIcon, Tabs, TextField, ToggleButtonGroup, Tooltip, Trash2Icon, Typography, UserIcon, XIcon, cls, coolIconKeys, defaultBorderMixin, iconSize } from "@rebasepro/ui";
+import { getSubcollections, getTableName, isPropertyBuilder, removeInitialAndTrailingSlashes } from "@rebasepro/common";
+import { AIIcon, ConfirmationDialog, ErrorView, IconForView, UnsavedChangesDialog, useAuthController, useCustomizationController, useLargeLayout, useRebaseContext, useSnackbarController, useUnsavedChangesDialog } from "@rebasepro/core";
+import { Field, Formex, clone, getIn, useCreateFormex, useFormex } from "@rebasepro/formex";
+import { z } from "zod";
+import { camelCase, isEmptyObject, mergeDeep, prettifyIdentifier, randomString, removeUndefined, singular, slugify, toSnakeCase, unslugify } from "@rebasepro/utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { getDataSourceCapabilities } from "@rebasepro/types";
+import { Highlight, themes } from "prism-react-renderer";
+import { buildEntityPropertiesFromData, buildPropertyFromData } from "@rebasepro/schema-inference";
+import JSON5 from "json5";
+//#region src/collection_editor/ui/collection_editor/CollectionYupValidation.tsx
+var CollectionEditorSchema = z.object({
+	slug: z.string().min(1, "Required"),
+	name: z.string().min(1, "Required"),
+	table: z.string().min(1, "Required")
+});
+//#endregion
+//#region src/collection_editor/ui/collection_editor/GeneralSettingsForm.tsx
+function GeneralSettingsForm({ isNewCollection, existingPaths, existingIds, parentCollection }) {
+	const { values, setFieldValue, handleChange, touched, errors, setFieldTouched, submitCount } = useFormex();
+	const [iconDialogOpen, setIconDialogOpen] = useState(false);
+	useAuthController();
+	useCustomizationController();
+	const configController = useCollectionsConfigController();
+	const updateDatabaseId = (databaseId) => {
+		setFieldValue("databaseId", databaseId ?? void 0);
+	};
+	const updateName = (name) => {
+		setFieldValue("name", name);
+		if (!getIn(touched, "table") && isNewCollection && name) setFieldValue("table", toSnakeCase(name));
+		if (!getIn(touched, "slug") && isNewCollection && name) setFieldValue("slug", toSnakeCase(name));
+		if (!getIn(touched, "singularName") && isNewCollection && name) setFieldValue("singularName", singular(name));
+	};
+	const collectionIcon = /* @__PURE__ */ jsx(IconForView, { collectionOrView: values });
+	const isSubcollection = !!parentCollection;
+	const showErrors = submitCount > 0;
+	return /* @__PURE__ */ jsx("div", {
+		className: "overflow-auto my-auto",
+		children: /* @__PURE__ */ jsxs(Container, {
+			maxWidth: "4xl",
+			className: "flex flex-col gap-4 p-8 m-auto",
+			children: [
+				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-row gap-2 items-center",
+					children: [
+						/* @__PURE__ */ jsx(Typography, {
+							variant: !isNewCollection ? "h5" : "h4",
+							className: "flex-grow",
+							children: isNewCollection ? "New collection" : `${values?.name} collection`
+						}),
+						/* @__PURE__ */ jsx(DefaultDatabaseField, {
+							databaseId: values.databaseId,
+							disabled: configController?.readOnly,
+							onDatabaseIdUpdate: updateDatabaseId
+						}),
+						/* @__PURE__ */ jsx(Tooltip, {
+							title: "Change icon",
+							asChild: true,
+							children: /* @__PURE__ */ jsx(IconButton, {
+								shape: "square",
+								disabled: configController?.readOnly,
+								onClick: () => setIconDialogOpen(true),
+								children: collectionIcon
+							})
+						})
+					]
+				}), parentCollection && /* @__PURE__ */ jsx(Chip, {
+					colorScheme: "teal",
+					children: /* @__PURE__ */ jsxs(Typography, {
+						variant: "caption",
+						children: ["This is a subcollection of ", /* @__PURE__ */ jsx("b", { children: parentCollection.name })]
+					})
+				})] }),
+				/* @__PURE__ */ jsxs("fieldset", {
+					disabled: configController?.readOnly,
+					className: "contents",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "grid grid-cols-12 gap-4",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "col-span-12",
+								children: [/* @__PURE__ */ jsx(TextField, {
+									value: values.name ?? "",
+									onChange: (e) => updateName(e.target.value),
+									label: "Name",
+									autoFocus: true,
+									required: true,
+									error: showErrors && Boolean(errors.name)
+								}), /* @__PURE__ */ jsx(FieldCaption, {
+									error: touched.name && Boolean(errors.name),
+									children: touched.name && Boolean(errors.name) ? errors.name : "Name of this collection, usually a plural name (e.g. Products)"
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: cls("col-span-12"),
+								children: [/* @__PURE__ */ jsx(Field, {
+									name: "table",
+									as: DebouncedTextField,
+									label: "Table name",
+									required: true,
+									error: showErrors && Boolean(errors.table)
+								}), /* @__PURE__ */ jsx(FieldCaption, {
+									error: touched.table && Boolean(errors.table),
+									children: touched.table && Boolean(errors.table) ? errors.table : isSubcollection ? "Relative path to the parent (no need to include the parent path)" : "PostgreSQL table name for this collection"
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "col-span-12",
+								children: [/* @__PURE__ */ jsx(TextField, {
+									error: showErrors && Boolean(errors.singularName),
+									name: "singularName",
+									"aria-describedby": "singularName-helper",
+									onChange: (e) => {
+										setFieldTouched("singularName", true);
+										return handleChange(e);
+									},
+									value: values.singularName ?? "",
+									label: "Singular name"
+								}), /* @__PURE__ */ jsx(FieldCaption, {
+									error: showErrors && Boolean(errors.singularName),
+									children: showErrors && Boolean(errors.singularName) ? errors.singularName : "Optionally define a singular name for your entities"
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "col-span-12",
+								children: [/* @__PURE__ */ jsx(TextField, {
+									error: showErrors && Boolean(errors.description),
+									name: "description",
+									value: values.description ?? "",
+									onChange: handleChange,
+									multiline: true,
+									minRows: 2,
+									"aria-describedby": "description-helper-text",
+									label: "Description"
+								}), /* @__PURE__ */ jsx(FieldCaption, {
+									error: showErrors && Boolean(errors.description),
+									children: showErrors && Boolean(errors.description) ? errors.description : "Description of the collection, you can use markdown"
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "col-span-12",
+								children: [/* @__PURE__ */ jsx(DebouncedTextField, {
+									name: "slug",
+									value: values.slug ?? "",
+									onChange: (e) => setFieldValue("slug", e.target.value),
+									disabled: !isNewCollection,
+									label: "Collection ID",
+									error: showErrors && Boolean(errors.slug)
+								}), /* @__PURE__ */ jsx(FieldCaption, {
+									error: touched.slug && Boolean(errors.slug),
+									children: touched.slug && Boolean(errors.slug) ? errors.slug : "This ID identifies this collection. Typically the same as the path."
+								})]
+							})
+						]
+					}), null]
+				}),
+				/* @__PURE__ */ jsx("div", { style: { height: "52px" } }),
+				/* @__PURE__ */ jsx(Dialog, {
+					open: iconDialogOpen,
+					onOpenChange: setIconDialogOpen,
+					maxWidth: "xl",
+					fullWidth: true,
+					children: /* @__PURE__ */ jsx("div", {
+						className: "p-4 overflow-auto min-h-[200px]",
+						children: /* @__PURE__ */ jsx(SearchIconsView, {
+							selectedIcon: typeof values.icon === "string" ? values.icon : void 0,
+							onIconSelected: (icon) => {
+								setIconDialogOpen(false);
+								setFieldValue("icon", icon);
+							}
+						})
+					})
+				})
+			]
+		})
+	});
+}
+function DefaultDatabaseField({ databaseId, disabled = false, onDatabaseIdUpdate }) {
+	return /* @__PURE__ */ jsx(Tooltip, {
+		title: "Database ID",
+		side: "top",
+		align: "start",
+		children: /* @__PURE__ */ jsx(TextField, {
+			size: "small",
+			invisible: true,
+			inputClassName: "text-end",
+			disabled,
+			value: databaseId ?? "",
+			onChange: (e) => onDatabaseIdUpdate(e.target.value),
+			placeholder: "(default)"
+		})
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/LayoutModeSwitch.tsx
+function LayoutModeSwitch({ value, onChange, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cls(className),
+		children: [
+			/* @__PURE__ */ jsx(Typography, {
+				variant: "label",
+				color: "secondary",
+				className: "ml-3.5",
+				children: "Document view"
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "my-2",
+				children: /* @__PURE__ */ jsx(ToggleButtonGroup, {
+					value,
+					onValueChange: onChange,
+					options: [
+						{
+							value: "side_panel",
+							label: "Side panel",
+							icon: /* @__PURE__ */ jsx(ColumnsIcon, {})
+						},
+						{
+							value: "full_screen",
+							label: "Full screen",
+							icon: /* @__PURE__ */ jsx(SquareIcon, {})
+						},
+						{
+							value: "split",
+							label: "Split view",
+							icon: /* @__PURE__ */ jsx(PanelLeftIcon, {})
+						},
+						{
+							value: "dialog",
+							label: "Centered dialog",
+							icon: /* @__PURE__ */ jsx(AppWindow, {})
+						}
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx(Typography, {
+				variant: "caption",
+				color: "secondary",
+				className: "ml-3.5",
+				children: "Should documents be opened full screen, inline side dialog, or centered dialog"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/ViewModeSwitch.tsx
+function ViewModeSwitch({ value, onChange, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cls(className),
+		children: [
+			/* @__PURE__ */ jsx(Typography, {
+				variant: "label",
+				color: "secondary",
+				className: "ml-3.5",
+				children: "Default collection view"
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "my-2",
+				children: /* @__PURE__ */ jsx(ToggleButtonGroup, {
+					value,
+					onValueChange: onChange,
+					options: [
+						{
+							value: "list",
+							label: "List",
+							icon: /* @__PURE__ */ jsx(ListIcon, {})
+						},
+						{
+							value: "table",
+							label: "Table",
+							icon: /* @__PURE__ */ jsx(TableIcon, {})
+						},
+						{
+							value: "cards",
+							label: "Cards",
+							icon: /* @__PURE__ */ jsx(LayoutGridIcon, {})
+						},
+						{
+							value: "kanban",
+							label: "Kanban",
+							icon: /* @__PURE__ */ jsx(KanbanIcon, {})
+						}
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx(Typography, {
+				variant: "caption",
+				color: "secondary",
+				className: "ml-3.5",
+				children: "Choose how entities should be displayed by default"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/KanbanConfigSection.tsx
+function KanbanConfigSection({ className, forceExpanded }) {
+	useAuthController();
+	const customizationController = useCustomizationController();
+	const { values, setFieldValue } = useFormex();
+	const panelRef = useRef(null);
+	const [columnPropertyDialogOpen, setColumnPropertyDialogOpen] = useState(false);
+	const enumStringProperties = useMemo(() => {
+		const result = [];
+		if (!values.properties) return result;
+		Object.entries(values.properties).forEach(([key, prop]) => {
+			if (prop && "type" in prop && prop.type === "string" && prop.enum) result.push({
+				key,
+				label: prop.name || key,
+				property: prop
+			});
+		});
+		return result;
+	}, [values.properties]);
+	const kanbanConfig = values.kanban;
+	const columnPropertyMissing = Boolean(kanbanConfig?.columnProperty) && !enumStringProperties.some((p) => p.key === kanbanConfig?.columnProperty);
+	React.useEffect(() => {
+		if (forceExpanded && panelRef.current) setTimeout(() => {
+			panelRef.current?.scrollIntoView({
+				behavior: "smooth",
+				block: "center"
+			});
+		}, 100);
+	}, [forceExpanded]);
+	const showCreateButton = !kanbanConfig?.columnProperty || columnPropertyMissing;
+	const dialogPropertyKey = columnPropertyMissing && kanbanConfig?.columnProperty ? kanbanConfig.columnProperty : "status";
+	const dialogPropertyName = columnPropertyMissing && kanbanConfig?.columnProperty ? unslugify(kanbanConfig.columnProperty) : "Status";
+	return /* @__PURE__ */ jsxs("div", {
+		className,
+		ref: panelRef,
+		children: [
+			/* @__PURE__ */ jsx(Select, {
+				name: "kanban.columnProperty",
+				label: "Kanban Column Property",
+				fullWidth: true,
+				position: "item-aligned",
+				disabled: enumStringProperties.length === 0,
+				error: columnPropertyMissing,
+				value: kanbanConfig?.columnProperty ?? "",
+				onValueChange: (v) => {
+					if (v) setFieldValue("kanban", {
+						...kanbanConfig,
+						columnProperty: v
+					});
+					else setFieldValue("kanban", void 0);
+				},
+				renderValue: (value) => {
+					if (columnPropertyMissing) return /* @__PURE__ */ jsxs("span", {
+						className: "text-red-500",
+						children: [value, " (not found)"]
+					});
+					const prop = enumStringProperties.find((p) => p.key === value);
+					if (!prop) return "Select a property";
+					return /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx(PropertyConfigBadge, { propertyConfig: getFieldConfig(prop.property, customizationController.propertyConfigs) }), /* @__PURE__ */ jsx("span", { children: prop.label })]
+					});
+				},
+				endAdornment: kanbanConfig?.columnProperty ? /* @__PURE__ */ jsx(IconButton, {
+					size: "small",
+					onClick: (e) => {
+						e.stopPropagation();
+						setFieldValue("kanban", void 0);
+					},
+					children: /* @__PURE__ */ jsx(XIcon, { size: iconSize.smallest })
+				}) : void 0,
+				children: enumStringProperties.map((prop) => {
+					const fieldConfig = getFieldConfig(prop.property, customizationController.propertyConfigs);
+					return /* @__PURE__ */ jsx(SelectItem, {
+						value: prop.key,
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ jsx(PropertyConfigBadge, { propertyConfig: fieldConfig }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", { children: prop.label }), /* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								color: "secondary",
+								children: fieldConfig?.name || "Enum"
+							})] })]
+						})
+					}, prop.key);
+				})
+			}, `column-select-${enumStringProperties.length}`),
+			/* @__PURE__ */ jsx(FieldCaption, {
+				error: columnPropertyMissing,
+				children: columnPropertyMissing ? `Property "${kanbanConfig?.columnProperty}" does not exist or is not an enum string property. Please select a valid property or clear the selection.` : enumStringProperties.length === 0 ? "No enum string properties found. Add a string property with enum to use Kanban view." : "Select a string property with enum values to group entities into columns"
+			}),
+			showCreateButton && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Button, {
+				variant: "text",
+				size: "small",
+				className: "ml-3.5 mt-2",
+				onClick: () => setColumnPropertyDialogOpen(true),
+				children: [
+					"+ Create \"",
+					dialogPropertyKey,
+					"\" property"
+				]
+			}), /* @__PURE__ */ jsx(PropertyFormDialog, {
+				open: columnPropertyDialogOpen,
+				onCancel: () => setColumnPropertyDialogOpen(false),
+				property: {
+					type: "string",
+					name: dialogPropertyName,
+					enum: [
+						{
+							id: "todo",
+							label: "To Do"
+						},
+						{
+							id: "in_progress",
+							label: "In Progress"
+						},
+						{
+							id: "done",
+							label: "Done"
+						}
+					]
+				},
+				propertyKey: dialogPropertyKey,
+				existingProperty: false,
+				autoOpenTypeSelect: false,
+				autoUpdateId: false,
+				inArray: false,
+				allowDataInference: false,
+				propertyConfigs: customizationController.propertyConfigs,
+				existingPropertyKeys: Object.keys(values.properties ?? {}),
+				onPropertyChanged: ({ id, property }) => {
+					const newProperties = {
+						...values.properties,
+						[id]: property
+					};
+					const newPropertiesOrder = [...values.propertiesOrder ?? Object.keys(values.properties ?? {}), id];
+					setFieldValue("properties", newProperties);
+					setFieldValue("propertiesOrder", newPropertiesOrder);
+					setFieldValue("kanban", {
+						...kanbanConfig,
+						columnProperty: id
+					});
+					setColumnPropertyDialogOpen(false);
+				}
+			})] })
+		]
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/DisplaySettingsForm.tsx
+function DisplaySettingsForm({ expandKanban }) {
+	const { values, setFieldValue, handleChange, submitCount } = useFormex();
+	const [orderPropertyDialogOpen, setOrderPropertyDialogOpen] = useState(false);
+	useAuthController();
+	const customizationController = useCustomizationController();
+	const configController = useCollectionsConfigController();
+	const textProperties = useMemo(() => {
+		const result = [];
+		if (!values.properties) return result;
+		Object.entries(values.properties).forEach(([key, prop]) => {
+			if (prop && "type" in prop && prop.type === "string") result.push({
+				key,
+				label: prop.name || key,
+				property: prop
+			});
+		});
+		return result;
+	}, [values.properties]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "overflow-auto my-auto",
+		children: /* @__PURE__ */ jsxs(Container, {
+			maxWidth: "4xl",
+			className: "flex flex-col gap-4 p-8 m-auto",
+			children: [
+				/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, {
+					variant: "h5",
+					className: "flex-grow",
+					children: "Display settings"
+				}) }),
+				/* @__PURE__ */ jsx("fieldset", {
+					disabled: configController?.readOnly,
+					className: "contents",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "grid grid-cols-12 gap-4",
+						children: [
+							/* @__PURE__ */ jsx(LayoutModeSwitch, {
+								className: "col-span-12",
+								value: values.openEntityMode ?? "side_panel",
+								onChange: (value) => setFieldValue("openEntityMode", value)
+							}),
+							/* @__PURE__ */ jsx(ViewModeSwitch, {
+								className: "col-span-12",
+								value: values.defaultViewMode ?? "table",
+								onChange: (value) => setFieldValue("defaultViewMode", value)
+							}),
+							/* @__PURE__ */ jsx(KanbanConfigSection, {
+								className: "col-span-12",
+								forceExpanded: expandKanban
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "col-span-12 mt-4",
+								children: [(() => {
+									const orderPropertyMissing = Boolean(values.orderProperty) && !textProperties.some((p) => p.key === values.orderProperty);
+									return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Select, {
+										name: "orderProperty",
+										label: "Order Property",
+										fullWidth: true,
+										position: "item-aligned",
+										disabled: textProperties.length === 0,
+										error: orderPropertyMissing,
+										value: values.orderProperty ?? "",
+										onValueChange: (v) => {
+											setFieldValue("orderProperty", v || void 0);
+										},
+										renderValue: (value) => {
+											if (orderPropertyMissing) return /* @__PURE__ */ jsxs("span", {
+												className: "text-red-500",
+												children: [value, " (not found)"]
+											});
+											const prop = textProperties.find((p) => p.key === value);
+											if (!prop) return "Select a property";
+											return /* @__PURE__ */ jsxs("div", {
+												className: "flex items-center gap-2",
+												children: [/* @__PURE__ */ jsx(PropertyConfigBadge, { propertyConfig: getFieldConfig(prop.property, customizationController.propertyConfigs) }), /* @__PURE__ */ jsx("span", { children: prop.label })]
+											});
+										},
+										endAdornment: values.orderProperty ? /* @__PURE__ */ jsx(IconButton, {
+											size: "small",
+											onClick: (e) => {
+												e.stopPropagation();
+												setFieldValue("orderProperty", void 0);
+											},
+											children: /* @__PURE__ */ jsx(XIcon, { size: iconSize.smallest })
+										}) : void 0,
+										children: textProperties.map((prop) => {
+											const fieldConfig = getFieldConfig(prop.property, customizationController.propertyConfigs);
+											return /* @__PURE__ */ jsx(SelectItem, {
+												value: prop.key,
+												children: /* @__PURE__ */ jsxs("div", {
+													className: "flex items-center gap-3",
+													children: [/* @__PURE__ */ jsx(PropertyConfigBadge, { propertyConfig: fieldConfig }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", { children: prop.label }), /* @__PURE__ */ jsx(Typography, {
+														variant: "caption",
+														color: "secondary",
+														children: fieldConfig?.name || "Text"
+													})] })]
+												})
+											}, prop.key);
+										})
+									}, `order-select-${textProperties.length}`), /* @__PURE__ */ jsx(FieldCaption, {
+										error: orderPropertyMissing,
+										children: orderPropertyMissing ? `Property "${values.orderProperty}" does not exist or is not a text property. Please select a valid property or clear the selection.` : textProperties.length === 0 ? "No text properties found. Add a text property to enable ordering." : "Select a text property to persist the order of items"
+									})] });
+								})(), (() => {
+									const orderPropertyMissing = Boolean(values.orderProperty) && !textProperties.some((p) => p.key === values.orderProperty);
+									const showCreateButton = !values.orderProperty || orderPropertyMissing;
+									const dialogPropertyKey = orderPropertyMissing && values.orderProperty ? values.orderProperty : "__order";
+									const dialogPropertyName = orderPropertyMissing && values.orderProperty ? unslugify(values.orderProperty) : "Order";
+									if (!showCreateButton) return null;
+									return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Button, {
+										variant: "text",
+										size: "small",
+										className: "ml-3.5 mt-2",
+										onClick: () => setOrderPropertyDialogOpen(true),
+										children: [
+											"+ Create \"",
+											dialogPropertyKey,
+											"\" property"
+										]
+									}), /* @__PURE__ */ jsx(PropertyFormDialog, {
+										open: orderPropertyDialogOpen,
+										onCancel: () => setOrderPropertyDialogOpen(false),
+										property: {
+											type: "string",
+											name: dialogPropertyName,
+											ui: {
+												disabled: true,
+												hideFromCollection: true
+											}
+										},
+										propertyKey: dialogPropertyKey,
+										existingProperty: false,
+										autoOpenTypeSelect: false,
+										autoUpdateId: false,
+										inArray: false,
+										allowDataInference: false,
+										propertyConfigs: customizationController.propertyConfigs,
+										existingPropertyKeys: Object.keys(values.properties ?? {}),
+										onPropertyChanged: ({ id, property }) => {
+											const newProperties = {
+												...values.properties,
+												[id]: property
+											};
+											const newPropertiesOrder = [...values.propertiesOrder ?? Object.keys(values.properties ?? {}), id];
+											setFieldValue("properties", newProperties);
+											setFieldValue("propertiesOrder", newPropertiesOrder);
+											setFieldValue("orderProperty", id);
+											setOrderPropertyDialogOpen(false);
+										}
+									})] });
+								})()]
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "col-span-12",
+								children: /* @__PURE__ */ jsx(Select, {
+									name: "defaultSize",
+									fullWidth: true,
+									label: "Default row size",
+									position: "item-aligned",
+									onChange: handleChange,
+									value: values.defaultSize ?? "",
+									renderValue: (value) => value.toUpperCase(),
+									children: [
+										"xs",
+										"s",
+										"m",
+										"l",
+										"xl"
+									].map((value) => /* @__PURE__ */ jsx(SelectItem, {
+										value,
+										children: value.toUpperCase()
+									}, `size-select-${value}`))
+								})
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "col-span-12",
+								children: [/* @__PURE__ */ jsx(TextField, {
+									name: "sideDialogWidth",
+									type: "number",
+									"aria-describedby": "sideDialogWidth-helper",
+									onChange: (e) => {
+										const value = e.target.value;
+										if (!value) setFieldValue("sideDialogWidth", null);
+										else if (!isNaN(Number(value))) setFieldValue("sideDialogWidth", Number(value));
+									},
+									endAdornment: /* @__PURE__ */ jsx(IconButton, {
+										size: "small",
+										onClick: () => {
+											setFieldValue("sideDialogWidth", null);
+										},
+										disabled: !values.sideDialogWidth,
+										children: /* @__PURE__ */ jsx(XIcon, { size: iconSize.small })
+									}),
+									value: values.sideDialogWidth ?? "",
+									label: "Side dialog width"
+								}), /* @__PURE__ */ jsx(FieldCaption, { children: "Optionally define the width (in pixels) of entities side dialog. Default is 768px" })]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "col-span-12",
+								children: [/* @__PURE__ */ jsx(BooleanSwitchWithLabel, {
+									position: "start",
+									label: values.inlineEditing === void 0 || values.inlineEditing ? "Data can be edited directly in the table view" : "Data can be edited only in the form view",
+									onValueChange: (v) => setFieldValue("inlineEditing", v),
+									value: values.inlineEditing === void 0 ? true : values.inlineEditing
+								}), /* @__PURE__ */ jsx(FieldCaption, { children: "Allow editing data directly in the table view, without opening the form view." })]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "col-span-12",
+								children: [/* @__PURE__ */ jsx(BooleanSwitchWithLabel, {
+									position: "start",
+									label: values.includeJsonView === void 0 || values.includeJsonView ? "Include JSON view" : "Do not include JSON view",
+									onValueChange: (v) => setFieldValue("includeJsonView", v),
+									value: values.includeJsonView === void 0 ? true : values.includeJsonView
+								}), /* @__PURE__ */ jsx(FieldCaption, { children: "Allows removing the form view JSON tab if you think it is confusing for your users." })]
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ jsx("div", { style: { height: "52px" } })
+			]
+		})
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/GetCodeDialog.tsx
+function GetCodeDialog({ collection, onOpenChange, open }) {
+	const snackbarController = useSnackbarController();
+	const code = collection ? "import { EntityCollection } from \"@rebasepro/core\";\n\nconst " + (collection?.name ? camelCase(collection.name) : "my") + "Collection:EntityCollection = " + JSON5.stringify(collectionToCode({ ...collection }), null, "	") : "No collection selected";
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open,
+		onOpenChange,
+		maxWidth: "4xl",
+		children: [
+			/* @__PURE__ */ jsxs(DialogTitle, {
+				variant: "h6",
+				children: ["Code for ", collection.name]
+			}),
+			/* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsxs(Typography, {
+				variant: "body2",
+				className: "my-4 mb-8",
+				children: [
+					"If you want to customise the collection in code, you can add this collection code to your CMS app configuration. More info in the ",
+					/* @__PURE__ */ jsx("a", {
+						rel: "noopener noreferrer",
+						href: "https://rebase.pro/docs/cloud/quickstart",
+						children: "docs"
+					}),
+					"."
+				]
+			}), /* @__PURE__ */ jsx(Highlight, {
+				theme: themes.vsDark,
+				code,
+				language: "typescript",
+				children: ({ className, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ jsx("pre", {
+					style,
+					className: "p-4 rounded-xs text-sm",
+					children: tokens.map((line, i) => /* @__PURE__ */ jsx("div", {
+						...getLineProps({ line }),
+						children: line.map((token, key) => /* @__PURE__ */ jsx("span", { ...getTokenProps({ token }) }, key))
+					}, i))
+				})
+			})] }),
+			/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsxs(Button, {
+				variant: "text",
+				size: "small",
+				onClick: (e) => {
+					e.stopPropagation();
+					e.preventDefault();
+					snackbarController.open({
+						type: "success",
+						message: "Copied"
+					});
+					return navigator.clipboard.writeText(code);
+				},
+				children: [/* @__PURE__ */ jsx(CopyIcon, {}), "CopyIcon to clipboard"]
+			}), /* @__PURE__ */ jsx(Button, {
+				onClick: () => onOpenChange(false),
+				children: "Close"
+			})] })
+		]
+	});
+}
+function collectionToCode(collection) {
+	const propertyCleanup = (value) => {
+		if (value === void 0 || value === null) return value;
+		const valueCopy = clone(value);
+		if (typeof valueCopy === "function") return valueCopy;
+		if (Array.isArray(valueCopy)) return valueCopy.map((v) => propertyCleanup(v));
+		if (typeof valueCopy === "object") {
+			if (valueCopy === null) return valueCopy;
+			const obj = valueCopy;
+			Object.keys(obj).forEach((key) => {
+				if (!isEmptyObject(obj)) {
+					const childRes = propertyCleanup(obj[key]);
+					if (childRes !== null && childRes !== void 0 && childRes !== false && !isEmptyObject(childRes)) obj[key] = childRes;
+					else delete obj[key];
+				}
+			});
+			delete obj.resolved;
+			delete obj.propertiesOrder;
+			delete obj.propertyConfig;
+		}
+		return valueCopy;
+	};
+	return {
+		id: collection.slug,
+		name: collection.name,
+		singularName: collection.singularName,
+		path: collection.slug,
+		description: collection.description,
+		icon: collection.icon,
+		defaultFilter: collection.defaultFilter,
+		sort: collection.sort,
+		properties: Object.entries({ ...collection.properties ?? {} }).map(([key, value]) => ({ [key]: propertyCleanup(value) })).reduce((a, b) => ({
+			...a,
+			...b
+		}), {})
+	};
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/CollectionPropertiesEditorForm.tsx
+function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyErrorsRef, onPropertyError, setDirty, extraIcon, getUser, getData, doCollectionInference, propertyConfigs }) {
+	const { values, setFieldValue, setFieldError, setFieldTouched, errors, dirty } = useFormex();
+	const snackbarController = useSnackbarController();
+	const configController = useCollectionsConfigController();
+	const largeLayout = useLargeLayout();
+	const asDialog = !largeLayout;
+	const [selectedPropertyIndex, setSelectedPropertyIndex] = useState();
+	const [selectedPropertyKey, setSelectedPropertyKey] = useState();
+	const [selectedPropertyNamespace, setSelectedPropertyNamespace] = useState();
+	const selectedPropertyFullId = selectedPropertyKey ? getFullId(selectedPropertyKey, selectedPropertyNamespace) : void 0;
+	const selectedProperty = selectedPropertyFullId ? getIn(values.properties, selectedPropertyFullId.replaceAll(".", ".properties.")) : void 0;
+	const [codeDialogOpen, setCodeDialogOpen] = useState(false);
+	const [inferringProperties, setInferringProperties] = useState(false);
+	const [newPropertyDialogOpen, setNewPropertyDialogOpen] = useState(false);
+	const [inferredPropertyKeys, setInferredPropertyKeys] = useState([]);
+	const currentPropertiesOrderRef = React.useRef(values.propertiesOrder ? { "": values.propertiesOrder } : {});
+	useEffect(() => {
+		if (setDirty) setDirty(dirty);
+	}, [dirty]);
+	const inferPropertiesFromData = doCollectionInference ? () => {
+		const inferenceFn = doCollectionInference;
+		if (!inferenceFn || configController?.readOnly) return;
+		setInferringProperties(true);
+		console.debug("CollectionEditor: inferring properties from data", values);
+		const promise = inferenceFn(values);
+		if (!promise) {
+			setInferringProperties(false);
+			return;
+		}
+		promise.then((newCollection) => {
+			if (!newCollection) {
+				snackbarController.open({
+					type: "error",
+					message: "Could not infer properties from data"
+				});
+				return;
+			}
+			const findNewPropertyKeys = (existingProps, newProps, namespace) => {
+				if (!newProps) return [];
+				const keys = [];
+				for (const key of Object.keys(newProps)) {
+					const fullKey = namespace ? `${namespace}.${key}` : key;
+					const existingProp = existingProps?.[key];
+					const newProp = newProps[key];
+					if (!existingProp) keys.push(fullKey);
+					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));
+					}
+				}
+				return keys;
+			};
+			const addNewPropertiesOnly = (existingProps, newProps) => {
+				if (!newProps) return existingProps ?? {};
+				if (!existingProps) return newProps;
+				const result = { ...existingProps };
+				for (const key of Object.keys(newProps)) {
+					const existingProp = existingProps[key];
+					const newProp = newProps[key];
+					if (!existingProp) result[key] = newProp;
+					else if (typeof existingProp === "object" && "type" in existingProp && existingProp.type === "map" && typeof newProp === "object" && "type" in newProp && newProp.type === "map" && newProp.properties) {
+						const existingMapProps = existingProp.properties;
+						if (existingMapProps) result[key] = {
+							...existingProp,
+							properties: addNewPropertiesOnly(existingMapProps, newProp.properties)
+						};
+					}
+				}
+				return result;
+			};
+			const updatedProperties = addNewPropertiesOnly(values.properties ?? {}, newCollection.properties);
+			const allNewPropertyKeys = findNewPropertyKeys(values.properties, newCollection.properties);
+			const newTopLevelPropertyKeys = (newCollection.properties ? Object.keys(newCollection.properties) : []).filter((propertyKey) => !values.properties[propertyKey]);
+			if (allNewPropertyKeys.length === 0) {
+				snackbarController.open({
+					type: "info",
+					message: "No new properties found in existing data"
+				});
+				return;
+			}
+			const allExistingKeys = values.propertiesOrder ?? Object.keys(values.properties ?? {});
+			const updatedPropertiesOrder = [...newTopLevelPropertyKeys, ...allExistingKeys.filter((key) => !newTopLevelPropertyKeys.includes(key))];
+			setFieldValue("properties", updatedProperties, false);
+			updatePropertiesOrder(updatedPropertiesOrder);
+			setInferredPropertyKeys(allNewPropertyKeys);
+			snackbarController.open({
+				type: "success",
+				message: `Added ${allNewPropertyKeys.length} new ${allNewPropertyKeys.length === 1 ? "property" : "properties"}`
+			});
+		}).finally(() => {
+			setInferringProperties(false);
+		});
+	} : void 0;
+	const getCurrentPropertiesOrder = (namespace) => {
+		if (!namespace) return currentPropertiesOrderRef.current[""] ?? getIn(values, namespaceToPropertiesOrderPath());
+		return currentPropertiesOrderRef.current[namespace] ?? getIn(values, namespaceToPropertiesOrderPath(namespace));
+	};
+	const updatePropertiesOrder = (newPropertiesOrder, namespace) => {
+		setFieldValue(namespaceToPropertiesOrderPath(namespace), newPropertiesOrder, false);
+		currentPropertiesOrderRef.current[namespace ?? ""] = newPropertiesOrder;
+	};
+	const deleteProperty = (propertyKey, namespace) => {
+		if (configController?.readOnly) return;
+		const fullId = propertyKey ? getFullId(propertyKey, namespace) : void 0;
+		if (!fullId) throw Error("collection editor miss config");
+		setFieldValue(idToPropertiesPath(fullId), void 0, false);
+		const currentPropertiesOrder = getCurrentPropertiesOrder(namespace);
+		if (currentPropertiesOrder) updatePropertiesOrder(currentPropertiesOrder.filter((p) => p !== propertyKey), namespace);
+		setNewPropertyDialogOpen(false);
+		setSelectedPropertyIndex(void 0);
+		setSelectedPropertyKey(void 0);
+		setSelectedPropertyNamespace(void 0);
+	};
+	const onPropertyMove = (propertiesOrder, namespace) => {
+		if (configController?.readOnly) return;
+		setFieldValue(namespaceToPropertiesOrderPath(namespace), propertiesOrder, false);
+	};
+	const onPropertyCreated = ({ id, property }) => {
+		if (configController?.readOnly) return;
+		if (!id) throw Error("Need to include an ID when creating a new property");
+		setFieldValue("properties", {
+			...values.properties ?? {},
+			[id]: property
+		}, false);
+		const newPropertiesOrder = [...values.propertiesOrder ?? Object.keys(values.properties), id];
+		updatePropertiesOrder(newPropertiesOrder);
+		setNewPropertyDialogOpen(false);
+		if (largeLayout) {
+			setSelectedPropertyIndex(newPropertiesOrder.indexOf(id));
+			setSelectedPropertyKey(id);
+		}
+		setSelectedPropertyNamespace(void 0);
+	};
+	const onPropertyChanged = ({ id, property, previousId, namespace }) => {
+		const fullId = id ? getFullId(id, namespace) : void 0;
+		const propertyPath = fullId ? idToPropertiesPath(fullId) : void 0;
+		if (previousId && previousId !== id) {
+			const previousPropertyPath = idToPropertiesPath(getFullId(previousId, namespace));
+			const newPropertiesOrder = getCurrentPropertiesOrder(namespace).map((p) => p === previousId ? id : p).filter((p) => p !== void 0);
+			updatePropertiesOrder(newPropertiesOrder, namespace);
+			if (id) {
+				setSelectedPropertyIndex(newPropertiesOrder.indexOf(id));
+				setSelectedPropertyKey(id);
+			}
+			setFieldValue(previousPropertyPath, void 0, false);
+			setFieldTouched(previousPropertyPath, false, false);
+		}
+		if (propertyPath) {
+			setFieldValue(propertyPath, property, false);
+			setFieldTouched(propertyPath, true, false);
+		}
+	};
+	const onPropertyErrorInternal = (id, namespace, error) => {
+		const propertyPath = id ? getFullId(id, namespace) : void 0;
+		console.debug("onPropertyErrorInternal", {
+			id,
+			namespace,
+			error,
+			propertyPath
+		});
+		if (propertyPath) {
+			const hasError = error && Object.keys(error).length > 0;
+			onPropertyError(id, namespace, hasError ? error : void 0);
+			setFieldError(idToPropertiesPath(propertyPath), hasError ? "Property error" : void 0);
+		}
+	};
+	const closePropertyDialog = () => {
+		setSelectedPropertyIndex(void 0);
+		setSelectedPropertyKey(void 0);
+	};
+	const initialErrors = selectedPropertyKey && propertyErrorsRef?.current?.properties ? propertyErrorsRef.current.properties[selectedPropertyKey] : void 0;
+	const emptyCollection = (values?.propertiesOrder === void 0 || values.propertiesOrder.length === 0) && (!values?.properties || Object.keys(values.properties).length === 0);
+	const usedPropertiesOrder = values.propertiesOrder ? values.propertiesOrder : Object.keys(values.properties);
+	const owner = useMemo(() => values.ownerId && getUser ? getUser(values.ownerId) : null, [getUser, values.ownerId]);
+	const generationCounter = useAIModifiedPaths()?.generationCounter ?? 0;
+	const onPropertyClick = (propertyKey, namespace) => {
+		console.debug("CollectionEditor: onPropertyClick", {
+			propertyKey,
+			namespace
+		});
+		setSelectedPropertyIndex(usedPropertiesOrder.indexOf(propertyKey));
+		setSelectedPropertyKey(propertyKey);
+		setSelectedPropertyNamespace(namespace);
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "grid grid-cols-12 gap-2 h-full bg-white dark:bg-surface-950",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: cls("bg-surface-50 dark:bg-surface-900", "p-4 md:p-8", "col-span-12 lg:col-span-5 h-full overflow-auto", !asDialog && "border-r " + defaultBorderMixin),
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex my-2",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "grow mb-4",
+									children: [/* @__PURE__ */ jsx(Field, {
+										name: "name",
+										as: DebouncedTextField,
+										invisible: true,
+										className: "-ml-1",
+										inputClassName: "text-2xl font-headers",
+										placeholder: "Collection name",
+										size: "small",
+										required: true,
+										error: Boolean(errors?.name)
+									}), owner && /* @__PURE__ */ jsxs(Typography, {
+										variant: "body2",
+										className: "ml-2",
+										color: "secondary",
+										children: ["Created by ", owner.displayName]
+									})]
+								}),
+								extraIcon && /* @__PURE__ */ jsx("div", {
+									className: "ml-4",
+									children: extraIcon
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "ml-4 flex flex-row gap-2 items-center flex-shrink-0",
+									children: [inferPropertiesFromData && /* @__PURE__ */ jsx(Tooltip, {
+										title: "Add new properties based on data",
+										asChild: true,
+										children: /* @__PURE__ */ jsx(IconButton, {
+											variant: "filled",
+											disabled: inferringProperties,
+											onClick: inferPropertiesFromData,
+											children: inferringProperties ? /* @__PURE__ */ jsx(CircularProgress, { size: "small" }) : /* @__PURE__ */ jsx(FileSearchIcon, {})
+										})
+									}), /* @__PURE__ */ jsx(Tooltip, {
+										title: "Add new property",
+										asChild: true,
+										children: /* @__PURE__ */ jsx(Button, {
+											disabled: configController?.readOnly,
+											onClick: () => setNewPropertyDialogOpen(true),
+											children: /* @__PURE__ */ jsx(PlusIcon, {})
+										})
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(PropertyTree, {
+							className: "mt-2",
+							inferredPropertyKeys,
+							selectedPropertyKey: selectedPropertyKey ? getFullId(selectedPropertyKey, selectedPropertyNamespace) : void 0,
+							properties: values.properties,
+							additionalFields: values.additionalFields,
+							propertiesOrder: usedPropertiesOrder,
+							onPropertyClick,
+							onPropertyMove,
+							onPropertyRemove: (isNewCollection || inferredPropertyKeys && inferredPropertyKeys.length > 0) && !configController?.readOnly ? deleteProperty : void 0,
+							errors
+						}) }),
+						/* @__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}`),
+							!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: [/* @__PURE__ */ jsx(PlusIcon, {}), "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"
+							})
+						]
+					})
+				}),
+				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}`)
+			]
+		}),
+		/* @__PURE__ */ jsx(PropertyFormDialog, {
+			inArray: false,
+			existingProperty: false,
+			autoOpenTypeSelect: true,
+			autoUpdateId: true,
+			forceShowErrors: showErrors,
+			open: newPropertyDialogOpen,
+			onCancel: () => setNewPropertyDialogOpen(false),
+			onPropertyChanged: onPropertyCreated,
+			getData,
+			allowDataInference: !isNewCollection,
+			propertyConfigs,
+			existingPropertyKeys: values.propertiesOrder
+		}),
+		/* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(GetCodeDialog, {
+			collection: values,
+			open: codeDialogOpen,
+			onOpenChange: setCodeDialogOpen
+		}) })
+	] });
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/CollectionJsonImportDialog.tsx
+var EXAMPLE_JSON = `{
+  "id": "products",
+  "name": "Products",
+  "path": "products",
+  "icon": "shopping_cart",
+  "properties": {
+    "name": {
+      "type": "string",
+      "name": "Name",
+      "validation": { "required": true }
+    },
+    "price": {
+      "type": "number",
+      "name": "Price"
+    },
+    "available": {
+      "type": "boolean",
+      "name": "Available"
+    }
+  }
+}`;
+function CollectionJsonImportDialog({ open, onClose, onImport }) {
+	const [jsonValue, setJsonValue] = useState("");
+	const [errors, setErrors] = useState([]);
+	const [touched, setTouched] = useState(false);
+	const handleJsonChange = useCallback((e) => {
+		const value = e.target.value;
+		setJsonValue(value);
+		setTouched(true);
+		if (!value.trim()) {
+			setErrors([]);
+			return;
+		}
+		setErrors(validateCollectionJson(value).errors);
+	}, []);
+	const handleImport = useCallback(() => {
+		const result = validateCollectionJson(jsonValue);
+		if (result.valid && result.collection) {
+			onImport(result.collection);
+			setJsonValue("");
+			setErrors([]);
+			setTouched(false);
+			onClose();
+		}
+	}, [
+		jsonValue,
+		onImport,
+		onClose
+	]);
+	const handleClose = useCallback(() => {
+		setJsonValue("");
+		setErrors([]);
+		setTouched(false);
+		onClose();
+	}, [onClose]);
+	const isValid = touched && jsonValue.trim() && errors.length === 0;
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open,
+		onOpenChange: (open) => !open && handleClose(),
+		maxWidth: "2xl",
+		children: [
+			/* @__PURE__ */ jsxs(DialogTitle, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx(CodeIcon, { size: iconSize.smallest }), "Import Collection from JSON"]
+			}),
+			/* @__PURE__ */ jsxs(DialogContent, {
+				className: "flex flex-col gap-4",
+				children: [
+					/* @__PURE__ */ jsxs(Typography, {
+						variant: "body2",
+						color: "secondary",
+						children: [
+							"Paste a JSON object representing your collection configuration. The JSON must include ",
+							/* @__PURE__ */ jsx("code", {
+								className: "bg-surface-200 dark:bg-surface-700 px-1 rounded",
+								children: "id"
+							}),
+							",",
+							/* @__PURE__ */ jsx("code", {
+								className: "bg-surface-200 dark:bg-surface-700 px-1 rounded",
+								children: "name"
+							}),
+							",",
+							/* @__PURE__ */ jsx("code", {
+								className: "bg-surface-200 dark:bg-surface-700 px-1 rounded",
+								children: "path"
+							}),
+							", and",
+							/* @__PURE__ */ jsx("code", {
+								className: "bg-surface-200 dark:bg-surface-700 px-1 rounded",
+								children: "properties"
+							}),
+							"."
+						]
+					}),
+					/* @__PURE__ */ jsx(TextField, {
+						multiline: true,
+						minRows: 12,
+						value: jsonValue,
+						onChange: handleJsonChange,
+						placeholder: EXAMPLE_JSON,
+						error: errors.length > 0 && touched,
+						className: "w-full",
+						inputClassName: "font-mono text-sm resize-none overflow-y-auto h-[300px]"
+					}),
+					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((error, index) => /* @__PURE__ */ jsx("li", {
+								className: "text-sm",
+								children: error.path ? /* @__PURE__ */ jsxs(Fragment, { children: [
+									/* @__PURE__ */ jsx("code", {
+										className: "bg-red-100 dark:bg-red-900/40 px-1 rounded",
+										children: error.path
+									}),
+									": ",
+									error.message
+								] }) : error.message
+							}, index))
+						})]
+					}),
+					isValid && /* @__PURE__ */ jsx(Alert, {
+						color: "success",
+						children: /* @__PURE__ */ jsx(Typography, {
+							variant: "body2",
+							children: "✓ JSON is valid and ready to import"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
+				variant: "text",
+				onClick: handleClose,
+				children: "Cancel"
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "filled",
+				color: "primary",
+				onClick: handleImport,
+				disabled: !isValid,
+				children: "Import Collection"
+			})] })
+		]
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/templates/products_template.ts
+var productsCollectionTemplate = {
+	slug: "products",
+	table: "products",
+	name: "Products",
+	singularName: "Product",
+	icon: "ShoppingCart",
+	description: "List of the products currently sold in your shop",
+	properties: {
+		name: {
+			type: "string",
+			name: "Name",
+			description: "Name of this product",
+			validation: { required: true }
+		},
+		brand: {
+			type: "string",
+			name: "Brand",
+			validation: { required: true }
+		},
+		description: {
+			type: "string",
+			name: "Description",
+			description: "Description of this product, supports markdown",
+			markdown: true
+		},
+		main_image: {
+			type: "string",
+			name: "Image",
+			storage: {
+				storagePath: "images",
+				acceptedFiles: ["image/*"]
+			},
+			description: "Upload field for images"
+		},
+		available: {
+			type: "boolean",
+			name: "Available",
+			ui: { columnWidth: 100 },
+			description: "Is this product available in the website"
+		},
+		price: {
+			type: "number",
+			name: "Price",
+			validation: {
+				requiredMessage: "You must set a positive price",
+				min: 0
+			}
+		},
+		images: {
+			type: "array",
+			name: "Images",
+			ui: { hideFromCollection: true },
+			of: {
+				type: "string",
+				storage: {
+					storagePath: "images",
+					acceptedFiles: ["image/*"]
+				}
+			}
+		},
+		related_products: {
+			type: "array",
+			name: "Related products",
+			description: "Products related to this one",
+			of: {
+				type: "reference",
+				path: "products"
+			}
+		},
+		metadata: {
+			name: "Metadata",
+			description: "This is an example of a map property",
+			type: "map",
+			keyValue: true
+		},
+		added_on: {
+			type: "date",
+			name: "Added on",
+			autoValue: "on_create"
+		}
+	}
+};
+//#endregion
+//#region src/collection_editor/ui/collection_editor/templates/blog_template.ts
+var blogCollectionTemplate = {
+	slug: "blog",
+	table: "blog",
+	name: "Blog",
+	singularName: "Blog entry",
+	icon: "FileText",
+	description: "A collection of blog entries",
+	defaultSize: "l",
+	properties: {
+		name: {
+			name: "Name",
+			validation: { required: true },
+			type: "string"
+		},
+		header_image: {
+			name: "Header image",
+			type: "string",
+			storage: {
+				storagePath: "images",
+				acceptedFiles: ["image/*"],
+				metadata: { cacheControl: "max-age=1000000" }
+			}
+		},
+		content: {
+			name: "Content",
+			description: "Content blocks for the blog entry",
+			validation: { required: true },
+			type: "array",
+			oneOf: {
+				typeField: "type",
+				valueField: "value",
+				properties: {
+					text: {
+						type: "string",
+						name: "Text",
+						markdown: true
+					},
+					quote: {
+						type: "string",
+						name: "Quote",
+						multiline: true
+					},
+					images: {
+						name: "Images",
+						type: "array",
+						of: {
+							type: "string",
+							storage: {
+								storagePath: "images",
+								acceptedFiles: ["image/*"],
+								metadata: { cacheControl: "max-age=1000000" }
+							}
+						},
+						description: "This fields allows uploading multiple images at once and reordering"
+					},
+					products: {
+						name: "Products",
+						type: "array",
+						of: {
+							type: "reference",
+							path: "products",
+							previewProperties: ["name", "main_image"]
+						}
+					}
+				},
+				propertiesOrder: [
+					"text",
+					"quote",
+					"images",
+					"products"
+				]
+			}
+		},
+		created_on: {
+			name: "Created on",
+			type: "date",
+			autoValue: "on_create"
+		},
+		status: {
+			name: "Status",
+			validation: { required: true },
+			type: "string",
+			enum: {
+				published: {
+					id: "published",
+					label: "Published"
+				},
+				draft: "Draft"
+			},
+			defaultValue: "draft"
+		},
+		publish_date: {
+			name: "Publish date",
+			type: "date",
+			clearable: true
+		},
+		reviewed: {
+			name: "Reviewed",
+			type: "boolean"
+		},
+		tags: {
+			name: "Tags",
+			description: "Example of generic array",
+			type: "array",
+			of: {
+				type: "string",
+				previewAsTag: true
+			}
+		}
+	}
+};
+//#endregion
+//#region src/collection_editor/ui/collection_editor/templates/users_template.ts
+var usersCollectionTemplate = {
+	slug: "users",
+	table: "users",
+	name: "Users",
+	singularName: "User",
+	description: "Registered users in the app/web",
+	icon: "User",
+	properties: {
+		displayName: {
+			name: "Display name",
+			type: "string"
+		},
+		email: {
+			name: "Email",
+			type: "string",
+			email: true
+		},
+		emailVerified: {
+			name: "Email verified",
+			type: "boolean"
+		},
+		phone: {
+			name: "Phone",
+			type: "string"
+		},
+		favourite_products: {
+			name: "Favourite products",
+			type: "array",
+			of: {
+				type: "reference",
+				path: "products"
+			}
+		},
+		photoURL: {
+			name: "Photo URL",
+			type: "string",
+			url: "image"
+		}
+	}
+};
+//#endregion
+//#region src/collection_editor/ui/collection_editor/templates/pages_template.ts
+var pagesCollectionTemplate = {
+	slug: "pages",
+	table: "pages",
+	name: "Pages",
+	singularName: "Page",
+	icon: "File",
+	description: "List of website pages that can be edited here",
+	properties: {
+		title: {
+			type: "string",
+			name: "Page Title",
+			validation: { required: true }
+		},
+		slug: {
+			type: "string",
+			name: "URL Slug",
+			validation: {
+				required: true,
+				unique: true,
+				matches: "^[a-z0-9]+(?:-[a-z0-9]+)*$",
+				matchesMessage: "Must be lowercase, alphanumeric, and hyphenated"
+			}
+		},
+		hero_section: {
+			type: "map",
+			name: "Hero Section",
+			properties: {
+				headline: {
+					type: "string",
+					name: "Headline",
+					validation: { required: true }
+				},
+				subhead: {
+					type: "string",
+					name: "Subheadline"
+				},
+				background_image: {
+					type: "string",
+					name: "Background Image",
+					storage: {
+						storagePath: "page_hero/images",
+						acceptedFiles: ["image/*"]
+					}
+				},
+				call_to_action: {
+					type: "string",
+					name: "Call to Action"
+				},
+				call_to_action_link: {
+					type: "string",
+					name: "CTA Link",
+					url: true
+				}
+			}
+		},
+		content: {
+			type: "array",
+			name: "Content",
+			oneOf: { properties: {
+				section: {
+					type: "map",
+					name: "Section",
+					properties: {
+						title: {
+							type: "string",
+							name: "Section Title",
+							validation: { required: true }
+						},
+						content: {
+							type: "string",
+							name: "Section Content",
+							markdown: true
+						},
+						image: {
+							type: "string",
+							name: "Section Image",
+							storage: {
+								storagePath: "page_sections/images",
+								acceptedFiles: ["image/*"]
+							}
+						},
+						link: {
+							type: "string",
+							name: "Section Link",
+							url: true
+						}
+					}
+				},
+				image: {
+					type: "string",
+					name: "Image",
+					storage: {
+						storagePath: "page_sections/images",
+						acceptedFiles: ["image/*"]
+					}
+				},
+				slider: {
+					type: "array",
+					name: "Slider",
+					of: {
+						type: "map",
+						properties: {
+							title: {
+								type: "string",
+								name: "Title",
+								validation: { required: true }
+							},
+							image: {
+								type: "string",
+								storage: {
+									storagePath: "page_sections/images",
+									acceptedFiles: ["image/*"]
+								}
+							}
+						}
+					}
+				}
+			} }
+		},
+		sidebar: {
+			type: "map",
+			name: "Sidebar",
+			properties: {
+				title: {
+					type: "string",
+					name: "Sidebar Title",
+					validation: { required: false }
+				},
+				content: {
+					type: "string",
+					name: "Sidebar Content",
+					markdown: true
+				}
+			}
+		},
+		seo_metadata: {
+			type: "map",
+			name: "SEO Metadata",
+			properties: {
+				meta_title: {
+					type: "string",
+					name: "Meta Title"
+				},
+				meta_description: {
+					type: "string",
+					name: "Meta Description"
+				},
+				focus_keywords: {
+					type: "array",
+					name: "Focus Keywords",
+					of: { type: "string" }
+				}
+			}
+		},
+		footer_override: {
+			type: "string",
+			name: "Footer Override",
+			markdown: true
+		},
+		publish_date: {
+			type: "date",
+			name: "Publish Date",
+			validation: { required: true }
+		},
+		last_updated: {
+			type: "date",
+			name: "Last Updated",
+			autoValue: "on_update"
+		},
+		is_published: {
+			type: "boolean",
+			name: "Is Published",
+			ui: { columnWidth: 100 },
+			description: "Should this page be live on the site?"
+		}
+	}
+};
+//#endregion
+//#region src/collection_editor/ui/collection_editor/AICollectionGeneratorPopover.tsx
+function AICollectionGeneratorPopover({ existingCollection, onGenerated, generateCollection, trigger, size = "small", showLabel = true, onAnalyticsEvent }) {
+	const [menuOpen, setMenuOpen] = useState(false);
+	const [prompt, setPrompt] = useState("");
+	const [loading, setLoading] = useState(false);
+	const [error, setError] = useState(null);
+	const collectionRegistry = useCollectionRegistryController();
+	const configController = useCollectionsConfigController();
+	const snackbarController = useSnackbarController();
+	const existingCollections = collectionRegistry.collections ?? [];
+	const handleGenerate = async () => {
+		if (!prompt.trim()) return;
+		setLoading(true);
+		setError(null);
+		const mode = existingCollection ? "modify" : "create";
+		onAnalyticsEvent?.("ai_collection_generate_start", { mode });
+		try {
+			const collectionsContext = existingCollections.map((c) => ({
+				slug: c.slug,
+				name: c.name,
+				properties: c.properties,
+				propertiesOrder: c.propertiesOrder
+			}));
+			const result = await generateCollection({
+				prompt: prompt.trim(),
+				existingCollections: collectionsContext.slice(0, 30),
+				...existingCollection && { existingCollection: {
+					slug: existingCollection.slug,
+					name: existingCollection.name,
+					properties: existingCollection.properties,
+					propertiesOrder: existingCollection.propertiesOrder
+				} }
+			});
+			onGenerated(result.collection, result.operations);
+			setMenuOpen(false);
+			setPrompt("");
+			onAnalyticsEvent?.("ai_collection_generate_success", {
+				mode,
+				operationsCount: result.operations?.length
+			});
+			snackbarController.open({
+				type: "success",
+				message: existingCollection ? "Collection updated with AI suggestions" : "Collection generated successfully"
+			});
+		} catch (e) {
+			console.error("Error generating collection:", e);
+			const errorMessage = e instanceof CollectionGenerationApiError ? e.message : "Failed to generate collection. Please try again.";
+			setError(errorMessage);
+			onAnalyticsEvent?.("ai_collection_generate_error", {
+				mode,
+				error: errorMessage
+			});
+			snackbarController.open({
+				type: "error",
+				message: errorMessage
+			});
+		} finally {
+			setLoading(false);
+		}
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter" && !e.shiftKey) {
+			e.preventDefault();
+			handleGenerate();
+		}
+	};
+	const tooltipTitle = configController?.readOnly ? configController.readOnlyReason || "Collection generation is disabled" : void 0;
+	const defaultTrigger = showLabel ? /* @__PURE__ */ jsx(Tooltip, {
+		title: tooltipTitle,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "text",
+			size,
+			disabled: loading || configController?.readOnly,
+			startIcon: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsx(AIIcon, { size: "small" }),
+			children: "AI Assist"
+		})
+	}) : /* @__PURE__ */ jsx(Tooltip, {
+		title: tooltipTitle,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(IconButton, {
+			size,
+			disabled: loading || configController?.readOnly,
+			"aria-label": "AI Assist",
+			children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsx(AIIcon, { size: "small" })
+		})
+	});
+	return /* @__PURE__ */ jsx(Menu, {
+		open: menuOpen,
+		onOpenChange: (open) => {
+			setMenuOpen(open);
+			if (!open) setError(null);
+		},
+		trigger: trigger ?? defaultTrigger,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "p-4 flex flex-col gap-3 min-w-[360px] max-w-[480px]",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx(AIIcon, { size: "small" }), /* @__PURE__ */ jsx(Typography, {
+						variant: "subtitle2",
+						children: existingCollection ? "Modify Collection with AI" : "Generate Collection with AI"
+					})]
+				}),
+				/* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					color: "secondary",
+					children: existingCollection ? "Describe the changes you want to make to this collection." : "Describe the collection you want to create."
+				}),
+				/* @__PURE__ */ jsx(TextField, {
+					size: "small",
+					multiline: true,
+					autoFocus: true,
+					className: "w-full text-text-primary dark:text-text-primary-dark",
+					value: prompt,
+					onChange: (e) => setPrompt(e.target.value),
+					onKeyDown: handleKeyDown,
+					placeholder: existingCollection ? "e.g., Add a thumbnail image field with storage, make price required..." : "e.g., Create a products collection with name, price, description, and category...",
+					disabled: loading
+				}),
+				error && /* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					className: "text-red-500",
+					children: error
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-end gap-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "text",
+						size: "small",
+						onClick: () => setMenuOpen(false),
+						disabled: loading,
+						children: "Cancel"
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: "filled",
+						size: "small",
+						onClick: handleGenerate,
+						disabled: !prompt.trim() || loading,
+						startIcon: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: "smallest" }) : void 0,
+						children: loading ? "Generating..." : "Generate"
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/CollectionEditorWelcomeView.tsx
+function CollectionEditorWelcomeView({ path, parentCollection, onContinue, existingCollectionPaths, generateCollection, onAnalyticsEvent, unmappedTables, onImportFromTable }) {
+	const { pathSuggestions } = useCollectionEditorController();
+	const filteredSuggestions = (pathSuggestions ?? []).filter((s) => !(existingCollectionPaths ?? []).find((c) => c.trim().toLowerCase() === s.trim().toLowerCase()));
+	const { values, setFieldValue, setValues, submitCount } = useFormex();
+	const [jsonImportOpen, setJsonImportOpen] = useState(false);
+	const [importingTable, setImportingTable] = useState(null);
+	const filteredUnmappedTables = (unmappedTables ?? []).filter((t) => !(existingCollectionPaths ?? []).find((c) => c.trim().toLowerCase() === t.trim().toLowerCase()));
+	return /* @__PURE__ */ jsx("div", {
+		className: "overflow-auto my-auto",
+		children: /* @__PURE__ */ jsxs(Container, {
+			maxWidth: "4xl",
+			className: "flex flex-col gap-4 p-8 m-auto",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "flex flex-row py-2 pt-3 items-center",
+					children: /* @__PURE__ */ jsx(Typography, {
+						variant: "h4",
+						className: "grow",
+						children: "New collection"
+					})
+				}),
+				parentCollection && /* @__PURE__ */ jsx(Chip, {
+					colorScheme: "teal",
+					children: /* @__PURE__ */ jsxs(Typography, {
+						variant: "caption",
+						children: ["This is a subcollection of ", /* @__PURE__ */ jsx("b", { children: parentCollection.name })]
+					})
+				}),
+				filteredUnmappedTables.length > 0 && /* @__PURE__ */ jsxs("div", {
+					className: "my-2",
+					children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						color: "secondary",
+						children: "● Import from an existing database table:"
+					}), /* @__PURE__ */ jsx("div", {
+						className: "flex flex-wrap gap-x-2 gap-y-1 items-center my-2 min-h-7",
+						children: filteredUnmappedTables.map((tableName) => /* @__PURE__ */ jsxs(Chip, {
+							colorScheme: "purple",
+							onClick: () => {
+								if (onImportFromTable) {
+									setImportingTable(tableName);
+									onImportFromTable(tableName);
+								} else {
+									setFieldValue("name", prettifyIdentifier(tableName));
+									setFieldValue("id", tableName);
+									setFieldValue("path", tableName);
+									onContinue();
+								}
+							},
+							size: "small",
+							children: [/* @__PURE__ */ jsx(TableIcon, { size: iconSize.smallest }), importingTable === tableName ? "Loading..." : tableName]
+						}, tableName))
+					})]
+				}),
+				(filteredSuggestions ?? []).length > 0 && /* @__PURE__ */ jsxs("div", {
+					className: "my-2",
+					children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						color: "secondary",
+						children: "● Use one of the existing paths in your database:"
+					}), /* @__PURE__ */ jsx("div", {
+						className: "flex flex-wrap gap-x-2 gap-y-1 items-center my-2 min-h-7",
+						children: filteredSuggestions?.map((suggestion, index) => /* @__PURE__ */ jsx(Chip, {
+							colorScheme: "cyan",
+							onClick: () => {
+								setFieldValue("name", prettifyIdentifier(suggestion));
+								setFieldValue("id", suggestion);
+								setFieldValue("path", suggestion);
+								setFieldValue("properties", void 0);
+								onContinue();
+							},
+							size: "small",
+							children: suggestion
+						}, suggestion))
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-row gap-8",
+					children: [generateCollection && /* @__PURE__ */ jsxs("div", {
+						className: "my-2",
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							color: "secondary",
+							className: "mb-2",
+							children: "● Describe your collection to AI:"
+						}), /* @__PURE__ */ jsx(AICollectionGeneratorPopover, {
+							onGenerated: (generatedCollection) => {
+								setValues(generatedCollection);
+								onContinue();
+							},
+							generateCollection,
+							onAnalyticsEvent,
+							trigger: /* @__PURE__ */ jsx(Button, {
+								variant: "filled",
+								color: "neutral",
+								startIcon: /* @__PURE__ */ jsx(AIIcon, { size: "small" }),
+								children: "Generate with AI"
+							})
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "my-2",
+						children: [
+							/* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								color: "secondary",
+								className: "mb-2",
+								children: "● Create from JSON configuration:"
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								variant: "filled",
+								color: "neutral",
+								onClick: () => setJsonImportOpen(true),
+								startIcon: /* @__PURE__ */ jsx(CodeIcon, { size: iconSize.small }),
+								children: "Paste JSON Configuration"
+							}),
+							/* @__PURE__ */ jsx(CollectionJsonImportDialog, {
+								open: jsonImportOpen,
+								onClose: () => setJsonImportOpen(false),
+								onImport: (collection) => {
+									setValues(collection);
+									onContinue();
+								}
+							})
+						]
+					})]
+				}),
+				!parentCollection && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					color: "secondary",
+					className: "mb-2",
+					children: "● Create a collection from a file (csv, json, xls, xslx...)"
+				}), /* @__PURE__ */ jsx(ImportFileUpload, { onDataAdded: (data, propertiesOrder) => onContinue(data, propertiesOrder) })] }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "my-2",
+					children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						color: "secondary",
+						children: "● Select a template:"
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex gap-2",
+						children: [
+							/* @__PURE__ */ jsx(TemplateButton, {
+								title: "Products",
+								subtitle: "A collection of products with images, prices and stock",
+								icon: /* @__PURE__ */ jsx(ShoppingCartIcon, { size: iconSize.small }),
+								onClick: () => {
+									setValues(productsCollectionTemplate);
+									onContinue();
+								}
+							}),
+							/* @__PURE__ */ jsx(TemplateButton, {
+								title: "Users",
+								subtitle: "A collection of users with emails, names and roles",
+								icon: /* @__PURE__ */ jsx(UserIcon, { size: iconSize.small }),
+								onClick: () => {
+									setValues(usersCollectionTemplate);
+									onContinue();
+								}
+							}),
+							/* @__PURE__ */ jsx(TemplateButton, {
+								title: "Blog posts",
+								subtitle: "A collection of blog posts with images, authors and complex content",
+								icon: /* @__PURE__ */ jsx(FileTextIcon, { size: iconSize.small }),
+								onClick: () => {
+									setValues(blogCollectionTemplate);
+									onContinue();
+								}
+							}),
+							/* @__PURE__ */ jsx(TemplateButton, {
+								title: "Pages",
+								subtitle: "A collection of pages with images, authors and complex content",
+								icon: /* @__PURE__ */ jsx(FileIcon, { size: iconSize.small }),
+								onClick: () => {
+									setValues(pagesCollectionTemplate);
+									onContinue();
+								}
+							})
+						]
+					})]
+				})
+			]
+		})
+	});
+}
+function TemplateButton({ title, subtitle, icon, onClick }) {
+	return /* @__PURE__ */ jsx(Tooltip, {
+		title: subtitle,
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(Card, {
+			onClick,
+			className: cls("my-2 rounded-md border px-4 py-3 focus:outline-none transition ease-in-out duration-150 flex flex-row gap-4 items-center", "text-text-secondary dark:text-text-secondary-dark", "hover:border-primary-dark hover:text-primary-dark dark:hover:text-primary focus:ring-primary hover:ring-1 hover:ring-primary", "border-surface-400 dark:border-surface-600 "),
+			children: [icon, /* @__PURE__ */ jsx("div", {
+				className: "flex flex-col items-start",
+				children: /* @__PURE__ */ jsx(Typography, {
+					variant: "subtitle2",
+					children: title
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/import/CollectionEditorImportMapping.tsx
+function CollectionEditorImportMapping({ importConfig, propertyConfigs }) {
+	const { setFieldValue, setFieldTouched, values } = useFormex();
+	const [selectedProperty, setSelectedProperty] = useState(void 0);
+	const currentPropertiesOrderRef = React.useRef(values.propertiesOrder ? { "": values.propertiesOrder } : {});
+	const propertyKey = selectedProperty ? selectedProperty.id : void 0;
+	const property = selectedProperty || void 0;
+	const onPropertyChanged = ({ id, property, previousId, namespace }) => {
+		const fullId = id ? getFullId(id, namespace) : void 0;
+		const propertyPath = fullId ? idToPropertiesPath(fullId) : void 0;
+		const getCurrentPropertiesOrder = (namespace) => {
+			if (!namespace) return currentPropertiesOrderRef.current[""];
+			return currentPropertiesOrderRef.current[namespace] ?? getIn(values, namespaceToPropertiesOrderPath(namespace));
+		};
+		const updatePropertiesOrder = (newPropertiesOrder, namespace) => {
+			setFieldValue(namespaceToPropertiesOrderPath(namespace), newPropertiesOrder, false);
+			currentPropertiesOrderRef.current[namespace ?? ""] = newPropertiesOrder;
+		};
+		if (previousId && previousId !== id) {
+			const previousPropertyPath = idToPropertiesPath(getFullId(previousId, namespace));
+			updatePropertiesOrder(getCurrentPropertiesOrder(namespace).map((p) => p === previousId ? id : p).filter((p) => p !== void 0), namespace);
+			const newHeadersMapping = { ...importConfig.headersMapping };
+			Object.keys(newHeadersMapping).forEach((key) => {
+				if (newHeadersMapping[key] === previousId) newHeadersMapping[key] = id ?? "";
+			});
+			importConfig.setHeadersMapping(newHeadersMapping);
+			setFieldValue(previousPropertyPath, void 0, false);
+			setFieldTouched(previousPropertyPath, false, false);
+		}
+		if (propertyPath) {
+			setFieldValue(propertyPath, property, false);
+			setFieldTouched(propertyPath, true, false);
+		}
+	};
+	const onPropertyTypeChanged = async ({ id, importKey, property, namespace }) => {
+		const fullId = id ? getFullId(id, namespace) : void 0;
+		const propertyPath = fullId ? idToPropertiesPath(fullId) : void 0;
+		const inferredNewProperty = { ...buildPropertyFromData(importConfig.importData.map((d) => getIn(d, importKey)), property, getInferenceType) };
+		if (propertyPath) {
+			if (inferredNewProperty) setFieldValue(propertyPath, inferredNewProperty, false);
+			else setFieldValue(propertyPath, property, false);
+			setFieldTouched(propertyPath, true, false);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "overflow-auto my-auto",
+		children: [
+			/* @__PURE__ */ jsxs(Container, {
+				maxWidth: "6xl",
+				className: "flex flex-col gap-4 p-8 m-auto",
+				children: [/* @__PURE__ */ jsx(Typography, {
+					variant: "h6",
+					className: "my-4 ml-3.5",
+					children: "Data property mapping"
+				}), /* @__PURE__ */ jsx(DataNewPropertiesMapping, {
+					importConfig,
+					destinationProperties: values.properties,
+					buildPropertyView: ({ property, propertyKey, importKey, isIdColumn }) => {
+						if (isIdColumn) return /* @__PURE__ */ jsx(Typography, { children: " This column will be used as ID" });
+						return /* @__PURE__ */ jsx(ImportNewPropertyFieldPreview, {
+							property,
+							propertyKey,
+							onPropertyNameChanged: (propertyKey, value) => setFieldValue(`properties.${propertyKey}.name`, value, false),
+							onEditClick: () => {
+								if (!propertyKey || !property) return;
+								setSelectedProperty({
+									...property,
+									id: propertyKey
+								});
+							},
+							propertyTypeView: /* @__PURE__ */ jsx(PropertySelect, {
+								property,
+								disabled: false,
+								onPropertyChanged: (props) => onPropertyTypeChanged({
+									...props,
+									importKey
+								}),
+								propertyKey,
+								propertyConfigs
+							})
+						});
+					}
+				})]
+			}),
+			/* @__PURE__ */ jsx(PropertyFormDialog, {
+				open: selectedProperty !== void 0,
+				propertyKey,
+				property,
+				inArray: false,
+				autoUpdateId: false,
+				onPropertyChanged,
+				allowDataInference: false,
+				onOkClicked: () => {
+					setSelectedProperty(void 0);
+				},
+				onCancel: () => {
+					setSelectedProperty(void 0);
+				},
+				autoOpenTypeSelect: false,
+				existingProperty: false,
+				propertyConfigs
+			}),
+			/* @__PURE__ */ jsx("div", { style: { height: "52px" } })
+		]
+	});
+}
+function PropertySelect({ property, onPropertyChanged, propertyKey, propertyConfigs, disabled }) {
+	const fieldId = property ? getFieldId(property) : null;
+	const widget = property ? getFieldConfig(property, propertyConfigs) : null;
+	const [selectOpen, setSelectOpen] = useState(false);
+	return /* @__PURE__ */ jsx(Tooltip, {
+		title: property && widget ? `${widget?.name} - ${property.type}` : void 0,
+		open: selectOpen ? false : void 0,
+		children: /* @__PURE__ */ jsx(Select, {
+			open: selectOpen,
+			onOpenChange: setSelectOpen,
+			invisible: true,
+			className: "w-full",
+			disabled,
+			error: !widget,
+			fullWidth: true,
+			value: fieldId ?? "",
+			placeholder: "Select a property widget",
+			position: "item-aligned",
+			renderValue: (value) => {
+				if (!widget) return null;
+				return /* @__PURE__ */ jsx(PropertyConfigBadge, { propertyConfig: widget });
+			},
+			onValueChange: (newSelectedWidgetId) => {
+				const newProperty = updatePropertyFromWidget(property, newSelectedWidgetId, propertyConfigs);
+				if (!propertyKey) return;
+				onPropertyChanged({
+					id: propertyKey,
+					property: newProperty,
+					previousId: propertyKey,
+					namespace: void 0
+				});
+			},
+			children: Object.entries(supportedFields).map(([key, widget]) => {
+				return /* @__PURE__ */ jsx(ImportPropertySelectItem, {
+					value: key,
+					optionDisabled: false,
+					propertyConfig: widget,
+					existing: false
+				}, key);
+			})
+		})
+	});
+}
+function ImportPropertySelectItem({ value, optionDisabled, propertyConfig, existing }) {
+	return /* @__PURE__ */ jsx(SelectItem, {
+		value,
+		disabled: optionDisabled,
+		className: "flex flex-row items-center",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cls("flex flex-row items-center text-base min-h-[48px]", optionDisabled ? "w-full" : ""),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "mr-8",
+				children: /* @__PURE__ */ jsx(PropertyConfigBadge, { propertyConfig })
+			}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", { children: propertyConfig.name }), /* @__PURE__ */ jsx(Typography, {
+				variant: "caption",
+				color: "disabled",
+				className: "max-w-sm",
+				children: existing && optionDisabled ? "You can only switch to widgets that use the same data type" : propertyConfig.description
+			})] })]
+		})
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/import/CollectionEditorImportDataPreview.tsx
+function CollectionEditorImportDataPreview({ importConfig, properties, propertiesOrder }) {
+	const authController = useAuthController();
+	const registry = useCollectionRegistryController();
+	const [loading, setLoading] = useState(false);
+	async function loadEntities() {
+		const mappedData = importConfig.importData.map((d) => convertDataToEntity(authController, registry, d, importConfig.idColumn, importConfig.headersMapping, properties, "TEMP_PATH", importConfig.defaultValues));
+		importConfig.setEntities(mappedData);
+	}
+	useEffect(() => {
+		loadEntities().finally(() => setLoading(false));
+	}, []);
+	const selectionController = useSelectionController();
+	if (loading) return /* @__PURE__ */ jsx(CircularProgressCenter, {});
+	return /* @__PURE__ */ jsx(EntityCollectionTable, {
+		title: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
+			variant: "subtitle2",
+			children: "Imported data preview"
+		}), /* @__PURE__ */ jsx(Typography, {
+			variant: "caption",
+			children: "Entities with the same id will be overwritten"
+		})] }),
+		tableController: {
+			data: importConfig.entities,
+			dataLoading: false,
+			noMoreToLoad: false
+		},
+		endAdornment: /* @__PURE__ */ jsx("div", { className: "h-12" }),
+		filterable: false,
+		sortable: false,
+		selectionController,
+		displayedColumnIds: propertiesOrder.map((p) => ({
+			key: p,
+			disabled: false
+		})),
+		openEntityMode: "side_panel",
+		properties,
+		enablePopupIcon: false
+	});
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/import/clean_import_data.ts
+function cleanPropertiesFromImport(properties, parentSlug = "") {
+	const result = Object.keys(properties).reduce((acc, key) => {
+		const property = properties[key];
+		const slug = slugify(key);
+		const fullSlug = parentSlug ? `${parentSlug}.${slug}` : slug;
+		if (property.type === "map" && property.properties) {
+			const slugifiedResult = cleanPropertiesFromImport(property.properties, fullSlug);
+			return {
+				headersMapping: {
+					...acc.headersMapping,
+					[key]: fullSlug
+				},
+				properties: {
+					...acc.properties,
+					[slug]: {
+						...property,
+						properties: slugifiedResult.properties,
+						propertiesOrder: Object.keys(slugifiedResult.properties)
+					}
+				}
+			};
+		}
+		const updatedProperties = {
+			...acc.properties,
+			[slug]: property
+		};
+		return {
+			headersMapping: {
+				...acc.headersMapping,
+				[key]: fullSlug
+			},
+			properties: updatedProperties
+		};
+	}, {
+		headersMapping: {},
+		properties: {}
+	});
+	const firstKey = Object.keys(result.headersMapping)?.[0];
+	let idColumn;
+	if (firstKey?.includes("id") || firstKey?.includes("key")) idColumn = firstKey;
+	return {
+		...result,
+		idColumn
+	};
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/CollectionRLSTab.tsx
+/**
+* Validates and double-quotes a SQL identifier to prevent injection.
+* Only allows safe Postgres identifiers (letters, digits, underscores).
+* Throws if the identifier contains unsafe characters.
+*/
+function sanitizeSqlIdentifier(name) {
+	if (!/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(name)) throw new Error(`Invalid SQL identifier: "${name}". Only letters, digits, and underscores are allowed.`);
+	return `"${name}"`;
+}
+function CollectionRLSTab() {
+	const { values, setFieldValue } = useFormex();
+	const [editingPolicy, setEditingPolicy] = useState(null);
+	const rules = values.securityRules || [];
+	const { databaseAdmin } = useRebaseContext();
+	const [dbPolicies, setDbPolicies] = useState([]);
+	const [isLoadingDb, setIsLoadingDb] = useState(false);
+	useEffect(() => {
+		const fetchLivePolicies = async () => {
+			const tableName = values.id || values.table || values.alias;
+			if (!tableName || !databaseAdmin?.executeSql) return;
+			setIsLoadingDb(true);
+			try {
+				const sql = `
+                    SELECT policyname, permissive, roles, cmd, qual, with_check
+                    FROM pg_policies
+                    WHERE tablename = '${sanitizeSqlIdentifier(tableName).slice(1, -1)}' AND schemaname NOT IN ('information_schema', 'pg_catalog');
+                `;
+				const result = await databaseAdmin.executeSql(sql);
+				const extractRows = (res) => {
+					if (res && typeof res === "object" && "rows" in res && Array.isArray(res.rows)) return res.rows;
+					if (Array.isArray(res)) return res;
+					return [];
+				};
+				setDbPolicies(extractRows(result).map((p) => {
+					let parsedRoles = [];
+					const r = p.roles || p.ROLES;
+					if (Array.isArray(r)) parsedRoles = r;
+					else if (typeof r === "string") parsedRoles = r.replace(/^{|}$/g, "").split(",").map((s) => s.trim());
+					return {
+						policyname: p.policyname || p.POLICYNAME || "",
+						tablename: tableName,
+						permissive: p.permissive || p.PERMISSIVE || "PERMISSIVE",
+						roles: parsedRoles,
+						cmd: p.cmd || p.CMD || "ALL",
+						qual: p.qual || p.QUAL || null,
+						with_check: p.with_check || p.WITH_CHECK || null
+					};
+				}));
+			} catch (e) {
+				console.error("Failed to fetch DB policies", e);
+			} finally {
+				setIsLoadingDb(false);
+			}
+		};
+		fetchLivePolicies();
+	}, [
+		databaseAdmin,
+		values.id,
+		values.table,
+		values.alias
+	]);
+	const unmappedPolicies = dbPolicies.filter((dp) => !rules.some((r) => r.name === dp.policyname));
+	const handleSave = async (newPolicy) => {
+		const rule = {
+			name: newPolicy.policyname ?? "",
+			operation: newPolicy.cmd?.toLowerCase(),
+			mode: newPolicy.permissive?.toLowerCase(),
+			using: newPolicy.qual || void 0,
+			withCheck: newPolicy.with_check || void 0,
+			roles: newPolicy.roles
+		};
+		let newRules;
+		if (editingPolicy === "new") newRules = [...rules, rule];
+		else newRules = rules.map((r) => r.name === editingPolicy.policyname ? rule : r);
+		setFieldValue("securityRules", newRules);
+		setEditingPolicy(null);
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: "overflow-auto my-auto",
+		children: /* @__PURE__ */ jsxs(Container, {
+			maxWidth: "4xl",
+			className: "flex flex-col gap-4 p-8 m-auto",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "w-full flex flex-col",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-between mb-8",
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "h5",
+							children: "Row Level Security"
+						}), /* @__PURE__ */ jsx(Button, {
+							variant: "filled",
+							color: "neutral",
+							onClick: () => setEditingPolicy("new"),
+							children: "CREATE POLICY"
+						})]
+					}),
+					rules.length === 0 ? /* @__PURE__ */ jsx("div", {
+						className: "flex-grow flex items-center justify-center text-text-disabled py-12",
+						children: /* @__PURE__ */ jsx(Typography, {
+							variant: "body2",
+							children: "No RLS policies defined for this collection."
+						})
+					}) : /* @__PURE__ */ jsx("div", {
+						className: "flex flex-col gap-3",
+						children: rules.map((rule) => /* @__PURE__ */ jsxs(Paper, {
+							className: "p-4 border border-transparent hover:border-surface-200 dark:hover:border-surface-700 rounded-lg flex flex-col sm:flex-row sm:items-center justify-between gap-4 transition-colors bg-white dark:bg-surface-800 shadow-sm",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-1.5 min-w-0",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ jsx(KeyIcon, {
+										size: iconSize.smallest,
+										className: "text-text-disabled dark:text-text-disabled-dark shrink-0"
+									}), /* @__PURE__ */ jsx(Typography, {
+										variant: "subtitle2",
+										className: "truncate",
+										children: rule.name
+									})]
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "flex gap-2 text-xs pl-6 overflow-x-auto hide-scrollbar",
+									children: [/* @__PURE__ */ jsxs(Chip, {
+										size: "small",
+										className: "bg-surface-100 dark:bg-surface-900 text-text-secondary border-none",
+										children: ["Action: ", rule.operation || "ALL"]
+									}), /* @__PURE__ */ jsxs(Chip, {
+										size: "small",
+										className: "bg-surface-100 dark:bg-surface-900 text-text-secondary border-none",
+										children: ["Roles: ", Array.isArray(rule.roles) ? rule.roles.join(", ") : rule.roles]
+									})]
+								})]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-1 sm:gap-2 shrink-0",
+								children: [/* @__PURE__ */ jsx(Button, {
+									size: "small",
+									variant: "text",
+									onClick: () => setEditingPolicy({
+										policyname: rule.name,
+										tablename: values.id || values.table || values.alias || "your_table",
+										permissive: (rule.mode || "permissive").toUpperCase(),
+										cmd: (rule.operation || "ALL").toUpperCase(),
+										roles: rule.roles || ["public"],
+										qual: rule.using || null,
+										with_check: rule.withCheck || null
+									}),
+									children: "EDIT"
+								}), /* @__PURE__ */ jsx(IconButton, {
+									size: "small",
+									onClick: () => {
+										setFieldValue("securityRules", rules.filter((r) => r.name !== rule.name));
+									},
+									children: /* @__PURE__ */ jsx(Trash2Icon, {
+										size: iconSize.smallest,
+										className: "text-text-secondary dark:text-text-secondary-dark hover:text-red-500 dark:hover:text-red-500 transition-colors"
+									})
+								})]
+							})]
+						}, rule.name))
+					}),
+					isLoadingDb && unmappedPolicies.length === 0 && /* @__PURE__ */ jsx("div", {
+						className: "flex justify-center mt-8",
+						children: /* @__PURE__ */ jsx(CircularProgress, { size: "small" })
+					}),
+					!isLoadingDb && unmappedPolicies.length > 0 && /* @__PURE__ */ jsxs("div", {
+						className: "mt-12 flex flex-col gap-4",
+						children: [
+							/* @__PURE__ */ jsx(Typography, {
+								variant: "h6",
+								className: "text-text-secondary",
+								children: "Unmapped Database Policies"
+							}),
+							/* @__PURE__ */ jsx(Typography, {
+								variant: "body2",
+								className: "text-text-secondary opacity-80 -mt-2",
+								children: "These policies exist in your Postgres database but are not mapped to this collection's codebase configuration."
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "flex flex-col gap-3",
+								children: unmappedPolicies.map((dp) => /* @__PURE__ */ jsxs(Paper, {
+									className: "p-4 border border-orange-200 dark:border-orange-900/50 bg-orange-50/50 dark:bg-orange-900/10 rounded-lg flex flex-col sm:flex-row sm:items-center justify-between gap-4 transition-colors",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "flex flex-col gap-1.5 min-w-0",
+										children: [/* @__PURE__ */ jsxs("div", {
+											className: "flex items-center gap-2",
+											children: [
+												/* @__PURE__ */ jsx(KeyIcon, {
+													size: iconSize.smallest,
+													className: "text-orange-500 shrink-0"
+												}),
+												/* @__PURE__ */ jsx(Typography, {
+													variant: "subtitle2",
+													className: "truncate",
+													children: dp.policyname
+												}),
+												/* @__PURE__ */ jsx(Tooltip, {
+													title: "This policy is live in the database but missing from your codebase schema.",
+													children: /* @__PURE__ */ jsx("div", {
+														className: "px-1.5 py-0.5 rounded text-[10px] uppercase bg-orange-500/10 text-orange-600 border border-orange-500/20 shrink-0",
+														children: "DB Only"
+													})
+												})
+											]
+										}), /* @__PURE__ */ jsxs("div", {
+											className: "flex gap-2 text-xs pl-6 overflow-x-auto hide-scrollbar",
+											children: [/* @__PURE__ */ jsxs(Chip, {
+												size: "small",
+												className: "bg-white dark:bg-surface-900 text-text-secondary border-none",
+												children: ["Action: ", dp.cmd || "ALL"]
+											}), /* @__PURE__ */ jsxs(Chip, {
+												size: "small",
+												className: "bg-white dark:bg-surface-900 text-text-secondary border-none",
+												children: ["Roles: ", Array.isArray(dp.roles) ? dp.roles.join(", ") : dp.roles]
+											})]
+										})]
+									}), /* @__PURE__ */ jsx("div", {
+										className: "flex items-center gap-1 sm:gap-2 shrink-0",
+										children: /* @__PURE__ */ jsx(Button, {
+											size: "small",
+											variant: "outlined",
+											color: "primary",
+											onClick: () => {
+												const rule = {
+													name: dp.policyname,
+													operation: dp.cmd?.toLowerCase(),
+													mode: dp.permissive?.toLowerCase(),
+													using: dp.qual || void 0,
+													withCheck: dp.with_check || void 0,
+													roles: dp.roles
+												};
+												setFieldValue("securityRules", [...rules, rule]);
+											},
+											children: "Import to codebase"
+										})
+									})]
+								}, dp.policyname))
+							})
+						]
+					})
+				]
+			}), /* @__PURE__ */ jsx(Dialog, {
+				open: !!editingPolicy,
+				onOpenChange: (open) => !open && setEditingPolicy(null),
+				maxWidth: "4xl",
+				children: editingPolicy && /* @__PURE__ */ jsx(InlinePolicyEditor, {
+					policy: editingPolicy === "new" ? void 0 : editingPolicy,
+					table: values.id || values.table || values.alias || "your_table",
+					onSave: handleSave,
+					onCancel: () => setEditingPolicy(null)
+				})
+			})]
+		})
+	});
+}
+var COMMAND_OPTIONS = [
+	"ALL",
+	"SELECT",
+	"INSERT",
+	"UPDATE",
+	"DELETE"
+];
+var ROLE_OPTIONS = [
+	"public",
+	"authenticated",
+	"anon",
+	"admin"
+];
+function InlinePolicyEditor({ policy, table, onSave, onCancel }) {
+	const [name, setName] = useState(policy?.policyname || "");
+	const [behavior, setBehavior] = useState(policy?.permissive || "PERMISSIVE");
+	const [command, setCommand] = useState(policy?.cmd || "ALL");
+	const [roles, setRoles] = useState(policy?.roles ? Array.isArray(policy.roles) ? policy.roles : [policy.roles] : ["public"]);
+	const [usingExpr, setUsingExpr] = useState(policy?.qual || "");
+	const [checkExpr, setCheckExpr] = useState(policy?.with_check || "");
+	const showCheck = command === "ALL" || command === "INSERT" || command === "UPDATE";
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs(DialogTitle, {
+			variant: "h6",
+			children: [policy ? "Edit Policy" : "Create Policy", /* @__PURE__ */ jsxs("div", {
+				className: "text-sm font-normal text-text-secondary dark:text-text-secondary-dark tracking-wide mt-1",
+				children: ["Define RLS rules for ", /* @__PURE__ */ jsxs("span", {
+					className: "font-mono text-primary bg-primary-bg dark:bg-primary-bg-dark px-1 py-0.5 rounded",
+					children: ["public.", table]
+				})]
+			})]
+		}),
+		/* @__PURE__ */ jsx(DialogContent, {
+			className: "p-4 md:p-6 border-t dark:border-surface-700 bg-surface-50 dark:bg-surface-800",
+			includeMargin: false,
+			children: /* @__PURE__ */ jsxs(Paper, {
+				className: cls("p-4 md:p-6 flex flex-col gap-6 bg-white dark:bg-surface-800 border-none sm:border-solid rounded-none sm:rounded-xl", defaultBorderMixin),
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-1.5",
+							children: [/* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								className: "uppercase tracking-wider text-text-secondary",
+								children: "Policy Name"
+							}), /* @__PURE__ */ jsx(TextField, {
+								value: name,
+								onChange: (e) => setName(e.target.value),
+								placeholder: "e.g. allow_read_all"
+							})]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-1.5",
+							children: [/* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								className: "uppercase tracking-wider text-text-secondary",
+								children: "Behavior"
+							}), /* @__PURE__ */ jsxs(Select, {
+								value: behavior,
+								onValueChange: (val) => setBehavior(val),
+								position: "item-aligned",
+								children: [/* @__PURE__ */ jsx(SelectItem, {
+									value: "PERMISSIVE",
+									children: "Permissive"
+								}), /* @__PURE__ */ jsx(SelectItem, {
+									value: "RESTRICTIVE",
+									children: "Restrictive"
+								})]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-1.5",
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							className: "uppercase tracking-wider text-text-secondary",
+							children: "Command"
+						}), /* @__PURE__ */ jsx("div", {
+							className: "flex flex-wrap gap-1.5",
+							children: COMMAND_OPTIONS.map((cmd) => /* @__PURE__ */ jsx(Button, {
+								size: "small",
+								variant: command === cmd ? "filled" : "text",
+								color: "neutral",
+								onClick: () => setCommand(cmd),
+								children: cmd
+							}, cmd))
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-1.5",
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							className: "uppercase tracking-wider text-text-secondary",
+							children: "Target Roles"
+						}), /* @__PURE__ */ jsx(MultiSelect, {
+							size: "small",
+							value: roles,
+							onValueChange: setRoles,
+							placeholder: "Select roles",
+							children: ROLE_OPTIONS.map((r) => /* @__PURE__ */ jsx(MultiSelectItem, {
+								value: r,
+								children: r
+							}, r))
+						})]
+					}),
+					command !== "INSERT" && /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-1.5",
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							className: "uppercase tracking-wider text-text-secondary",
+							children: "USING expression"
+						}), /* @__PURE__ */ jsx(TextField, {
+							value: usingExpr,
+							onChange: (e) => setUsingExpr(e.target.value),
+							placeholder: "e.g. auth.uid() = user_id"
+						})]
+					}),
+					showCheck && /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-1.5",
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							className: "uppercase tracking-wider text-text-secondary",
+							children: "WITH CHECK expression"
+						}), /* @__PURE__ */ jsx(TextField, {
+							value: checkExpr,
+							onChange: (e) => setCheckExpr(e.target.value),
+							placeholder: "e.g. auth.uid() = user_id"
+						})]
+					})
+				]
+			})
+		}),
+		/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
+			size: "small",
+			variant: "text",
+			color: "neutral",
+			onClick: onCancel,
+			children: "Cancel"
+		}), /* @__PURE__ */ jsx(Button, {
+			size: "small",
+			variant: "filled",
+			color: "primary",
+			disabled: !name,
+			onClick: () => onSave({
+				policyname: name,
+				permissive: behavior,
+				cmd: command,
+				roles,
+				qual: usingExpr,
+				with_check: showCheck ? checkExpr : null
+			}),
+			children: "Save"
+		})] })
+	] });
+}
+//#endregion
+//#region src/collection_editor/pgColumnToProperty.ts
+/**
+* Maps a PostgreSQL column data type to a Rebase property type.
+*/
+function pgTypeToRebaseProperty(column) {
+	const { column_name, data_type, udt_name, is_nullable, column_default, enum_values } = column;
+	const required = is_nullable === "NO";
+	const prettifiedName = prettifyIdentifier(column_name);
+	const isAutoId = column_default != null && (column_default.includes("nextval") || column_default.includes("gen_random_uuid") || column_default.includes("uuid_generate") || column_default.includes("identity"));
+	if (data_type === "USER-DEFINED" && enum_values && enum_values.length > 0) return {
+		type: "string",
+		name: prettifiedName,
+		enum: enum_values.map((v) => ({
+			id: v,
+			label: prettifyIdentifier(v)
+		})),
+		validation: required ? { required: true } : void 0
+	};
+	const dt = data_type.toLowerCase();
+	switch (dt) {
+		case "character varying":
+		case "varchar":
+		case "text":
+		case "char":
+		case "character":
+		case "citext": {
+			let colType = "varchar";
+			if (dt === "text" || dt === "citext") colType = "text";
+			if (dt === "char" || dt === "character") colType = "char";
+			const prop = {
+				type: "string",
+				name: prettifiedName,
+				columnType: colType,
+				validation: required ? { required: true } : void 0
+			};
+			if (isAutoId) prop.isId = "manual";
+			return prop;
+		}
+		case "uuid": {
+			const prop = {
+				type: "string",
+				name: prettifiedName,
+				validation: required ? { required: true } : void 0
+			};
+			if (isAutoId) prop.isId = "uuid";
+			return prop;
+		}
+		case "integer":
+		case "bigint":
+		case "smallint": {
+			const prop = {
+				type: "number",
+				name: prettifiedName,
+				columnType: dt === "bigint" ? "bigint" : "integer",
+				validation: {
+					...required ? { required: true } : {},
+					integer: true
+				}
+			};
+			if (isAutoId) prop.isId = "increment";
+			return prop;
+		}
+		case "serial":
+		case "bigserial":
+		case "smallserial": return {
+			type: "number",
+			name: prettifiedName,
+			columnType: dt === "bigserial" ? "bigserial" : "serial",
+			isId: "increment",
+			validation: {
+				...required ? { required: true } : {},
+				integer: true
+			}
+		};
+		case "numeric":
+		case "decimal":
+		case "real":
+		case "double precision": {
+			let colType = "numeric";
+			if (dt === "real") colType = "real";
+			if (dt === "double precision") colType = "double precision";
+			return {
+				type: "number",
+				name: prettifiedName,
+				columnType: colType,
+				validation: required ? { required: true } : void 0
+			};
+		}
+		case "boolean": return {
+			type: "boolean",
+			name: prettifiedName,
+			validation: required ? { required: true } : void 0
+		};
+		case "timestamp with time zone":
+		case "timestamp without time zone":
+		case "timestamp":
+		case "timestamptz":
+		case "date":
+		case "time with time zone":
+		case "time without time zone":
+		case "time": {
+			let colType = "timestamp";
+			if (dt.startsWith("date")) colType = "date";
+			if (dt.startsWith("time ") || dt === "time") colType = "time";
+			return {
+				type: "date",
+				name: prettifiedName,
+				columnType: colType,
+				validation: required ? { required: true } : void 0
+			};
+		}
+		case "jsonb":
+		case "json": return {
+			type: "map",
+			name: prettifiedName,
+			columnType: dt === "jsonb" ? "jsonb" : "json",
+			keyValue: true,
+			properties: {}
+		};
+		case "array":
+		case "ARRAY": {
+			let innerType = "string";
+			let colType = void 0;
+			if (udt_name === "_text" || udt_name === "_varchar") {
+				innerType = "string";
+				colType = "text[]";
+			} else if (udt_name === "_int4" || udt_name === "_int2" || udt_name === "_int8") {
+				innerType = "number";
+				colType = "integer[]";
+			} else if (udt_name === "_bool") {
+				innerType = "boolean";
+				colType = "boolean[]";
+			} else if (udt_name === "_numeric") {
+				innerType = "number";
+				colType = "numeric[]";
+			}
+			return {
+				type: "array",
+				name: prettifiedName,
+				columnType: colType,
+				of: { type: innerType }
+			};
+		}
+		default: return {
+			type: "string",
+			name: prettifiedName,
+			validation: required ? { required: true } : void 0
+		};
+	}
+}
+/**
+* Builds a partial EntityCollection from PostgreSQL table metadata.
+* This is used when creating a new collection from an existing database table.
+*/
+function buildCollectionFromTableMetadata(tableName, metadata) {
+	const properties = {};
+	const propertiesOrder = [];
+	const relations = [];
+	const securityRules = [];
+	for (const column of metadata.columns) {
+		const property = pgTypeToRebaseProperty(column);
+		if (property) {
+			const propRecord = property;
+			Object.keys(propRecord).forEach((key) => propRecord[key] === void 0 && delete propRecord[key]);
+			properties[column.column_name] = property;
+			propertiesOrder.push(column.column_name);
+		}
+	}
+	if (metadata.foreignKeys) for (const fk of metadata.foreignKeys) {
+		const relName = fk.column_name.endsWith("_id") ? fk.column_name.substring(0, fk.column_name.length - 3) : fk.column_name;
+		relations.push({
+			id: fk.column_name,
+			relationName: relName,
+			target: fk.foreign_table_name,
+			cardinality: "one",
+			direction: "owning",
+			localKey: fk.column_name
+		});
+	}
+	if (metadata.junctions) for (const junction of metadata.junctions) {
+		const relName = junction.target_table_name;
+		relations.push({
+			id: junction.target_table_name + "_relation",
+			relationName: relName,
+			target: junction.target_table_name,
+			cardinality: "many",
+			direction: "owning",
+			through: {
+				table: junction.junction_table_name,
+				sourceColumn: junction.source_column_name,
+				targetColumn: junction.target_column_name
+			}
+		});
+	}
+	if (metadata.policies) for (const policy of metadata.policies) {
+		let operations = [];
+		switch (policy.cmd) {
+			case "ALL":
+				operations = [
+					"read",
+					"create",
+					"update",
+					"delete"
+				];
+				break;
+			case "SELECT":
+				operations = ["read"];
+				break;
+			case "INSERT":
+				operations = ["create"];
+				break;
+			case "UPDATE":
+				operations = ["update"];
+				break;
+			case "DELETE":
+				operations = ["delete"];
+				break;
+		}
+		securityRules.push({
+			name: policy.policy_name,
+			operations,
+			roles: policy.roles ?? [],
+			qual: policy.qual,
+			with_check: policy.with_check
+		});
+	}
+	return {
+		name: prettifyIdentifier(tableName),
+		slug: tableName,
+		table: tableName,
+		properties,
+		propertiesOrder,
+		...relations.length > 0 ? { relations } : {},
+		...securityRules.length > 0 ? { securityRules } : {}
+	};
+}
+//#endregion
+//#region src/collection_editor/ui/collection_editor/CollectionEditorDialog.tsx
+var CollectionEditorDialog_exports = /* @__PURE__ */ __exportAll({
+	CollectionEditor: () => CollectionEditor,
+	CollectionEditorDialog: () => CollectionEditorDialog
+});
+function CollectionEditorDialog(props) {
+	const open = props.open;
+	const [formDirty, setFormDirty] = React$1.useState(false);
+	const { dialogProps, triggerDialog } = useUnsavedChangesDialog(open && formDirty, () => props.handleClose(void 0));
+	const handleCancel = () => {
+		if (!formDirty) props.handleClose(void 0);
+		else triggerDialog();
+	};
+	useEffect(() => {
+		if (!open) setFormDirty(false);
+	}, [open]);
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open,
+		fullWidth: true,
+		fullHeight: true,
+		scrollable: false,
+		maxWidth: "7xl",
+		onOpenChange: (open) => !open ? handleCancel() : void 0,
+		children: [/* @__PURE__ */ jsx(DialogTitle, {
+			hidden: true,
+			children: "Collection editor"
+		}), /* @__PURE__ */ jsxs(AIModifiedPathsProvider, { children: [open && /* @__PURE__ */ jsx(CollectionEditor, {
+			...props,
+			handleCancel,
+			setFormDirty
+		}), /* @__PURE__ */ jsx(UnsavedChangesDialog, { ...dialogProps })] })]
+	});
+}
+function CollectionEditor(props) {
+	const { propertyConfigs } = useCustomizationController();
+	const navigationState = useNavigationStateController();
+	const collectionRegistry = useCollectionRegistryController();
+	const authController = useAuthController();
+	const { topLevelNavigation } = navigationState;
+	const { collections } = collectionRegistry;
+	const initialValuesProp = props.initialValues;
+	const copyFromProp = props.copyFrom;
+	const includeTemplates = !copyFromProp && !initialValuesProp?.slug && (props.parentCollectionSlugs ?? []).length === 0;
+	const collectionsInThisLevel = (props.parentCollection ? getSubcollections(props.parentCollection) : collections) ?? [];
+	const existingPaths = collectionsInThisLevel.map((col) => getTableName(col)?.trim().toLowerCase()).filter(Boolean);
+	const existingIds = collectionsInThisLevel.map((col) => col.slug?.trim().toLowerCase()).filter(Boolean);
+	const [collection, setCollection] = React$1.useState();
+	const [initialLoadingCompleted, setInitialLoadingCompleted] = React$1.useState(false);
+	useEffect(() => {
+		try {
+			if (collectionRegistry.initialised) {
+				if (props.editedCollectionId) {
+					const collectionPath = [...props.parentCollectionSlugs ?? [], props.editedCollectionId].reduce((acc, segment, i) => i === 0 ? segment : `${acc}/fake_id/${segment}`, "");
+					setCollection(collectionRegistry.getRawCollection(collectionPath));
+				} else setCollection(void 0);
+				setInitialLoadingCompleted(true);
+			}
+		} catch (e) {
+			console.error(e);
+		}
+	}, [
+		props.editedCollectionId,
+		props.parentCollectionSlugs,
+		props.parentEntityIds,
+		collectionRegistry.initialised,
+		collectionRegistry.getRawCollection
+	]);
+	const initialCollection = collection ? {
+		...collection,
+		slug: collection.slug ?? randomString(16)
+	} : void 0;
+	const initialValues = initialCollection ? applyPropertyConfigs(initialCollection, propertyConfigs) : copyFromProp ? (() => {
+		const { subcollections: _sub, ...rest } = copyFromProp;
+		return {
+			...rest,
+			name: "",
+			ownerId: authController.user?.uid ?? ""
+		};
+	})() : {
+		slug: initialValuesProp?.slug ?? randomString(16),
+		table: initialValuesProp?.slug ?? "",
+		name: initialValuesProp?.name ?? "",
+		properties: {},
+		propertiesOrder: [],
+		icon: coolIconKeys[Math.floor(Math.random() * coolIconKeys.length)],
+		ownerId: authController.user?.uid ?? ""
+	};
+	if (!initialLoadingCompleted) return /* @__PURE__ */ jsx(CircularProgressCenter, {});
+	if (!props.isNewCollection && (!collectionRegistry.initialised || !initialLoadingCompleted)) return /* @__PURE__ */ jsx(CircularProgressCenter, {});
+	return /* @__PURE__ */ jsx(CollectionEditorInternal, {
+		...props,
+		initialValues,
+		existingPaths,
+		existingIds,
+		includeTemplates,
+		collection,
+		setCollection,
+		propertyConfigs
+	});
+}
+function CollectionEditorInternal({ isNewCollection, configController, editedCollectionId, parentCollectionSlugs, parentEntityIds, path, collectionInference, handleClose, extraView, handleCancel, setFormDirty, getUser, parentCollection, getData, existingPaths, existingIds, includeTemplates, collection, setCollection, initialValues, propertyConfigs, existingEntities, initialView: initialViewProp, expandKanban, generateCollection, onAnalyticsEvent, fullScreen, unmappedTables, onFetchTableMetadata }) {
+	const importConfig = useImportConfig();
+	const urlController = useUrlController();
+	const collectionRegistry = useCollectionRegistryController();
+	const snackbarController = useSnackbarController();
+	const propertyErrorsRef = useRef({});
+	const [currentView, setCurrentView] = useState(isNewCollection ? includeTemplates ? "welcome" : "general" : initialViewProp ?? "properties");
+	const [error, setError] = React$1.useState();
+	const saveCollection = (updatedCollection) => {
+		const id = updatedCollection.slug;
+		return configController.saveCollection({
+			id,
+			collectionData: updatedCollection,
+			previousId: editedCollectionId,
+			parentCollectionSlugs
+		}).then(() => {
+			setError(void 0);
+			return true;
+		}).catch((e) => {
+			setError(e);
+			console.error(e);
+			snackbarController.open({
+				type: "error",
+				message: "Error persisting collection: " + (e.message ?? "Details in the console")
+			});
+			return false;
+		});
+	};
+	const setNextMode = () => {
+		if (currentView === "general") if (importConfig.inUse) setCurrentView("import_data_saving");
+		else if (extraView) setCurrentView("extra_view");
+		else setCurrentView("properties");
+		else if (currentView === "welcome") setCurrentView("general");
+		else if (currentView === "import_data_mapping") setCurrentView("import_data_preview");
+		else if (currentView === "import_data_preview") setCurrentView("general");
+		else if (currentView === "extra_view") setCurrentView("properties");
+		else setCurrentView("general");
+	};
+	const doCollectionInference = collectionInference ? (collection) => {
+		if (!collectionInference) return void 0;
+		return collectionInference?.(collection.slug, parentPaths ?? [], collection.databaseId);
+	} : void 0;
+	const inferCollectionFromData = async (newCollection) => {
+		try {
+			if (!doCollectionInference) {
+				setCollection(newCollection);
+				return Promise.resolve(newCollection);
+			}
+			setCurrentView("loading");
+			const inferredCollection = await doCollectionInference?.(newCollection);
+			if (!inferredCollection) {
+				setCollection(newCollection);
+				return Promise.resolve(newCollection);
+			}
+			const values = { ...newCollection ?? {} };
+			if (Object.keys(inferredCollection.properties ?? {}).length > 0) {
+				values.properties = inferredCollection.properties;
+				values.propertiesOrder = inferredCollection.propertiesOrder;
+			}
+			if (!values.propertiesOrder) {
+				values.propertiesOrder = Object.keys(values.properties);
+				return values;
+			}
+			setCollection(values);
+			console.debug("Inferred collection", {
+				newCollection: newCollection ?? {},
+				values
+			});
+			return values;
+		} catch (e) {
+			console.error(e);
+			snackbarController.open({
+				type: "error",
+				message: "Error inferring collection: " + (e instanceof Error ? e.message : "Details in the console")
+			});
+			return newCollection;
+		}
+	};
+	const onSubmit = async (newCollectionState, formexController) => {
+		console.debug("Submitting collection", newCollectionState);
+		try {
+			if (!isNewCollection) {
+				if (await saveCollection(newCollectionState)) {
+					aiModifiedPaths?.clearAllPaths();
+					formexController.resetForm({ values: newCollectionState });
+					handleClose(newCollectionState);
+				}
+				return;
+			}
+			if (currentView === "welcome") {
+				setNextMode();
+				formexController.resetForm({ values: newCollectionState });
+			} else if (currentView === "general") if (extraView || importConfig.inUse) {
+				formexController.resetForm({ values: newCollectionState });
+				setNextMode();
+			} else if (isNewCollection) {
+				const values = await inferCollectionFromData(newCollectionState);
+				formexController.resetForm({
+					values: values ?? newCollectionState,
+					touched: {
+						path: true,
+						name: true
+					}
+				});
+				setNextMode();
+			} else {
+				formexController.resetForm({ values: newCollectionState });
+				setNextMode();
+			}
+			else if (currentView === "extra_view") {
+				setNextMode();
+				formexController.resetForm({ values: newCollectionState });
+			} else if (currentView === "import_data_mapping") setNextMode();
+			else if (currentView === "import_data_preview") setNextMode();
+			else if (currentView === "properties") {
+				if (await saveCollection(newCollectionState)) {
+					formexController.resetForm({ values: initialValues });
+					setNextMode();
+					handleClose(newCollectionState);
+				}
+			} else {
+				setNextMode();
+				formexController.resetForm({ values: newCollectionState });
+			}
+		} catch (e) {
+			snackbarController.open({
+				type: "error",
+				message: "Error persisting collection: " + (e instanceof Error ? e.message : "Details in the console")
+			});
+			console.error(e);
+			formexController.resetForm({ values: newCollectionState });
+		}
+	};
+	const validation = (col) => {
+		let errors = {};
+		const schema = (currentView === "properties" || currentView === "general") && CollectionEditorSchema;
+		if (schema) {
+			const result = schema.safeParse(col);
+			if (!result.success) result.error.issues.forEach((issue) => {
+				const path = issue.path.join(".");
+				if (path) errors[path] = issue.message;
+			});
+		}
+		if (currentView === "properties") errors = {
+			...errors,
+			...propertyErrorsRef.current
+		};
+		if (currentView === "general") {
+			const pathError = validatePath(getTableName(col), isNewCollection, existingPaths, col.slug);
+			if (pathError) errors.slug = pathError;
+			const idError = validateId(col.slug, isNewCollection, existingPaths, existingIds);
+			if (idError) errors.id = idError;
+		}
+		if (Object.keys(errors).length > 0) console.error("Formex validation blocked save:", errors, "Current view:", currentView);
+		return errors;
+	};
+	const formController = useCreateFormex({
+		initialValues,
+		onSubmit,
+		validation,
+		debugId: "COLLECTION_EDITOR"
+	});
+	const { values, setFieldValue, isSubmitting, dirty, submitCount } = formController;
+	const usedPath = getTableName(values);
+	const pathError = validatePath(usedPath, isNewCollection, existingPaths, values.slug);
+	const parentPaths = !pathError && parentCollectionSlugs ? collectionRegistry.convertIdsToPaths(parentCollectionSlugs) : void 0;
+	const updatedFullPath = parentPaths && parentPaths.length > 0 ? [...parentPaths, usedPath].join("/fake_id/") : path?.includes("/") ? path.split("/").slice(0, -1).join("/") + "/" + usedPath : usedPath;
+	const resolvedPath = !pathError ? urlController.resolveDatabasePathsFrom(updatedFullPath) : void 0;
+	const getDataWithPath = resolvedPath && getData ? async () => {
+		const data = await getData(resolvedPath, parentPaths ?? []);
+		if (existingEntities) {
+			const existingData = existingEntities.map((e) => e.values);
+			data.push(...existingData);
+		}
+		return data;
+	} : void 0;
+	useEffect(() => {
+		setFormDirty(dirty);
+	}, [dirty]);
+	function onImportDataSet(data, propertiesOrder) {
+		importConfig.setInUse(true);
+		buildEntityPropertiesFromData(data, getInferenceType).then((properties) => {
+			const res = cleanPropertiesFromImport(properties);
+			importConfig.setIdColumn(res.idColumn);
+			importConfig.setImportData(data);
+			importConfig.setHeadersMapping(res.headersMapping);
+			const filteredHeadingsOrder = (propertiesOrder ?? []).filter((key) => res.headersMapping[key]) ?? Object.keys(res.properties);
+			importConfig.setHeadingsOrder(filteredHeadingsOrder);
+			importConfig.setOriginProperties(res.properties);
+			const mappedHeadings = (propertiesOrder ?? []).map((key) => res.headersMapping[key]).filter(Boolean) ?? Object.keys(res.properties);
+			setFieldValue("properties", res.properties);
+			setFieldValue("propertiesOrder", mappedHeadings);
+		});
+	}
+	const validValues = Boolean(values.name) && Boolean(values.slug);
+	const onImportMappingComplete = () => {
+		const updatedProperties = { ...values.properties };
+		if (importConfig.idColumn) delete updatedProperties[importConfig.idColumn];
+		setFieldValue("properties", updatedProperties);
+		setNextMode();
+	};
+	const [deleteRequested, setDeleteRequested] = useState(false);
+	const deleteCollection = () => {
+		if (!collection) return;
+		configController?.deleteCollection({ id: collection.slug }).then(() => {
+			setDeleteRequested(false);
+			handleCancel();
+			snackbarController.open({
+				message: "Collection deleted",
+				type: "success"
+			});
+		});
+	};
+	const onWelcomeScreenContinue = (importData, propertiesOrder) => {
+		if (importData) {
+			onImportDataSet(importData, propertiesOrder);
+			setCurrentView("import_data_mapping");
+		} else setCurrentView("general");
+	};
+	const aiModifiedPaths = useAIModifiedPaths();
+	const handleAIGenerated = (generatedCollection, operations) => {
+		formController.setValues(generatedCollection);
+		if (operations && aiModifiedPaths) aiModifiedPaths.addModifiedPaths(operations);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "h-full w-full flex flex-col bg-white dark:bg-surface-950",
+		children: [/* @__PURE__ */ jsx(Formex, {
+			value: formController,
+			children: /* @__PURE__ */ jsxs(Fragment, { children: [!isNewCollection && /* @__PURE__ */ jsxs("div", {
+				className: cls("px-4 py-2 w-full flex shrink-0 items-center justify-between gap-4 bg-surface-50 dark:bg-surface-950 border-b", defaultBorderMixin),
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "flex flex-1 items-center justify-end gap-4 min-w-0",
+					children: /* @__PURE__ */ jsxs(Tabs, {
+						value: currentView,
+						className: "bg-transparent !w-fit max-w-full",
+						onValueChange: (v) => setCurrentView(v),
+						children: [
+							/* @__PURE__ */ jsx(Tab, {
+								value: "general",
+								children: "General"
+							}),
+							/* @__PURE__ */ jsx(Tab, {
+								value: "display",
+								children: "Display"
+							}),
+							/* @__PURE__ */ jsx(Tab, {
+								value: "properties",
+								children: "Properties"
+							}),
+							getDataSourceCapabilities(values.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,
+						onGenerated: handleAIGenerated,
+						generateCollection,
+						onAnalyticsEvent
+					}), fullScreen && !isNewCollection && /* @__PURE__ */ jsx("div", {
+						className: "flex items-center gap-2",
+						children: /* @__PURE__ */ jsx(LoadingButton, {
+							variant: "filled",
+							color: "primary",
+							type: "submit",
+							onClick: () => formController.handleSubmit(),
+							disabled: !dirty || isSubmitting || configController?.readOnly,
+							loading: isSubmitting,
+							children: configController?.readOnly ? "Update (Read-only)" : "Update"
+						})
+					})]
+				})]
+			}), /* @__PURE__ */ jsxs("form", {
+				noValidate: true,
+				onSubmit: formController.handleSubmit,
+				className: "flex-grow flex flex-col min-h-0 relative",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex-grow flex flex-col min-h-0 overflow-y-auto no-scrollbar relative w-full h-full",
+					children: [
+						currentView === "loading" && /* @__PURE__ */ jsx(CircularProgressCenter, {}),
+						currentView === "extra_view" && usedPath && extraView?.View && /* @__PURE__ */ jsx(extraView.View, { path: usedPath }),
+						currentView === "welcome" && /* @__PURE__ */ jsx(CollectionEditorWelcomeView, {
+							path: usedPath,
+							onContinue: onWelcomeScreenContinue,
+							existingCollectionPaths: existingPaths,
+							parentCollection,
+							generateCollection,
+							onAnalyticsEvent,
+							unmappedTables,
+							onImportFromTable: onFetchTableMetadata ? async (tableName) => {
+								try {
+									const columns = await onFetchTableMetadata(tableName);
+									if (!columns) return;
+									const collectionData = buildCollectionFromTableMetadata(tableName, columns);
+									formController.setValues({
+										...formController.values,
+										...collectionData
+									});
+									onWelcomeScreenContinue();
+								} catch (e) {
+									console.error("Error importing table:", e);
+									snackbarController.open({
+										type: "error",
+										message: "Error importing table: " + (e instanceof Error ? e.message : "Unknown error")
+									});
+								}
+							} : void 0
+						}),
+						currentView === "import_data_mapping" && importConfig && /* @__PURE__ */ jsx(CollectionEditorImportMapping, {
+							importConfig,
+							propertyConfigs
+						}),
+						currentView === "import_data_preview" && importConfig && /* @__PURE__ */ jsx(CollectionEditorImportDataPreview, {
+							importConfig,
+							properties: values.properties,
+							propertiesOrder: values.propertiesOrder
+						}),
+						currentView === "import_data_saving" && importConfig && /* @__PURE__ */ jsx(ImportSaveInProgress, {
+							importConfig,
+							collection: values,
+							path: usedPath,
+							onImportSuccess: async (importedCollection) => {
+								snackbarController.open({
+									type: "info",
+									message: "Data imported successfully"
+								});
+								await saveCollection(values);
+								handleClose(importedCollection);
+							}
+						}),
+						currentView === "general" && /* @__PURE__ */ jsx(GeneralSettingsForm, {
+							existingPaths,
+							existingIds,
+							parentCollection,
+							isNewCollection
+						}),
+						currentView === "display" && /* @__PURE__ */ jsx(DisplaySettingsForm, { expandKanban }),
+						currentView === "rls" && getDataSourceCapabilities(values.driver).supportsRLS && /* @__PURE__ */ jsx(CollectionRLSTab, {}),
+						currentView === "properties" && /* @__PURE__ */ jsx(CollectionPropertiesEditorForm, {
+							showErrors: submitCount > 0,
+							isNewCollection,
+							onPropertyError: (propertyKey, namespace, error) => {
+								propertyErrorsRef.current = removeUndefined({
+									...propertyErrorsRef.current,
+									[getFullIdPath(propertyKey, namespace)]: removeUndefined(error, true)
+								}, true);
+								formController.validate();
+							},
+							getUser,
+							getData: getDataWithPath,
+							doCollectionInference,
+							propertyConfigs,
+							extraIcon: extraView?.icon && /* @__PURE__ */ jsx(IconButton, {
+								color: "primary",
+								onClick: () => setCurrentView("extra_view"),
+								children: extraView.icon
+							})
+						})
+					]
+				}), (!fullScreen || isNewCollection || !!error) && /* @__PURE__ */ jsxs("div", {
+					className: "shrink-0 w-full p-4 sm:px-6 sm:py-4 border-t border-surface-200 dark:border-surface-900 flex items-center justify-between gap-4 bg-white dark:bg-surface-950",
+					children: [
+						error && /* @__PURE__ */ jsx(ErrorView, { error }),
+						isNewCollection && includeTemplates && currentView === "import_data_mapping" && /* @__PURE__ */ jsx(Button, {
+							variant: "text",
+							type: "button",
+							onClick: () => {
+								importConfig.setInUse(false);
+								return setCurrentView("welcome");
+							},
+							children: "Back"
+						}),
+						isNewCollection && includeTemplates && currentView === "import_data_preview" && /* @__PURE__ */ jsx(Button, {
+							variant: "text",
+							type: "button",
+							onClick: () => {
+								setCurrentView("import_data_mapping");
+							},
+							children: "Back"
+						}),
+						isNewCollection && includeTemplates && currentView === "general" && /* @__PURE__ */ jsx(Button, {
+							variant: "text",
+							type: "button",
+							onClick: () => setCurrentView("welcome"),
+							children: "Back"
+						}),
+						isNewCollection && currentView === "properties" && /* @__PURE__ */ jsxs(Button, {
+							variant: "text",
+							type: "button",
+							color: "neutral",
+							onClick: () => setCurrentView("general"),
+							children: [/* @__PURE__ */ jsx(ArrowLeftIcon, {}), "Back"]
+						}),
+						(!fullScreen || isNewCollection) && /* @__PURE__ */ jsx(Button, {
+							variant: "text",
+							color: "neutral",
+							onClick: () => {
+								handleCancel();
+							},
+							children: "Cancel"
+						}),
+						currentView === "welcome" && /* @__PURE__ */ jsx(Button, {
+							variant: "text",
+							onClick: () => onWelcomeScreenContinue(),
+							children: "Continue from scratch"
+						}),
+						isNewCollection && currentView === "import_data_mapping" && /* @__PURE__ */ jsx(Button, {
+							variant: "filled",
+							color: "primary",
+							onClick: onImportMappingComplete,
+							children: "Next"
+						}),
+						isNewCollection && currentView === "import_data_preview" && /* @__PURE__ */ jsx(Button, {
+							variant: "filled",
+							color: "primary",
+							onClick: () => {
+								setNextMode();
+							},
+							children: "Next"
+						}),
+						isNewCollection && (currentView === "general" || currentView === "properties") && /* @__PURE__ */ jsxs(LoadingButton, {
+							variant: "filled",
+							color: "primary",
+							type: "submit",
+							loading: isSubmitting,
+							disabled: isSubmitting || currentView === "general" && !validValues || configController?.readOnly,
+							startIcon: currentView === "properties" ? /* @__PURE__ */ jsx(CheckIcon, {}) : void 0,
+							children: [currentView === "general" && "Next", currentView === "properties" && "Create collection"]
+						}),
+						!isNewCollection && !fullScreen && /* @__PURE__ */ jsx(LoadingButton, {
+							variant: "filled",
+							color: "primary",
+							type: "submit",
+							disabled: isSubmitting || configController?.readOnly,
+							loading: isSubmitting,
+							children: configController?.readOnly ? "Update collection (Read-only)" : "Update collection"
+						})
+					]
+				})]
+			})] })
+		}), /* @__PURE__ */ jsx(ConfirmationDialog, {
+			open: deleteRequested,
+			onAccept: deleteCollection,
+			onCancel: () => setDeleteRequested(false),
+			title: /* @__PURE__ */ jsx(Fragment, { children: "Delete the stored config?" }),
+			body: /* @__PURE__ */ jsxs(Fragment, { children: [
+				" This will ",
+				/* @__PURE__ */ jsx("b", { children: "not delete any data" }),
+				", only the stored config, and reset to the code state."
+			] })
+		})]
+	});
+}
+function applyPropertyConfigs(collection, propertyConfigs) {
+	const { properties, ...rest } = collection;
+	const propertiesResult = {};
+	if (properties) Object.keys(properties).forEach((key) => {
+		const prop = properties[key];
+		if (prop == null) return;
+		propertiesResult[key] = applyPropertiesConfig(prop, propertyConfigs);
+	});
+	return {
+		...rest,
+		properties: propertiesResult
+	};
+}
+function applyPropertiesConfig(property, propertyConfigs) {
+	let internalProperty = property;
+	if (propertyConfigs && internalProperty && typeof internalProperty === "object" && internalProperty.propertyConfig) {
+		const propertyConfig = propertyConfigs[internalProperty.propertyConfig];
+		if (propertyConfig && isPropertyBuilder(propertyConfig.property)) internalProperty = propertyConfig.property;
+		else {
+			if (propertyConfig) internalProperty = mergeDeep(propertyConfig.property, internalProperty);
+			if (!isPropertyBuilder(internalProperty) && internalProperty.type === "map" && internalProperty.properties) {
+				const properties = {};
+				Object.keys(internalProperty.properties).forEach((key) => {
+					properties[key] = applyPropertiesConfig(internalProperty.properties[key], propertyConfigs);
+				});
+				internalProperty = {
+					...internalProperty,
+					properties
+				};
+			}
+		}
+	}
+	return internalProperty;
+}
+var validatePath = (value, isNewCollection, existingPaths, idValue) => {
+	let error;
+	if (!value) error = "You must specify a path in the database for this collection";
+	if (isNewCollection && existingPaths?.includes(value.trim().toLowerCase()) && !idValue) error = "There is already a collection with the specified path. If you want to have multiple collections referring to the same database path, make sure the have different ids";
+	if (removeInitialAndTrailingSlashes(value).split("/").length % 2 === 0) error = `Collection paths must have an odd number of segments: ${value}`;
+	return error;
+};
+var validateId = (value, isNewCollection, existingPaths, existingIds) => {
+	if (!value) return void 0;
+	let error;
+	if (isNewCollection && existingPaths?.includes(value.trim().toLowerCase())) error = "There is already a collection that uses this value as a path";
+	if (isNewCollection && existingIds?.includes(value.trim().toLowerCase())) error = "There is already a collection which uses this id";
+	return error;
+};
+//#endregion
+export { CollectionEditorDialog as n, CollectionEditorDialog_exports as r, CollectionEditor as t };
+
+//# sourceMappingURL=CollectionEditorDialog-jA-PLh6N.js.map