@rebasepro/admin 0.6.1 → 0.7.0

package/dist/{CollectionEditorDialog-HNXGxXdO.js → CollectionEditorDialog-iGgS4rLX.js}

@@ -1,11 +1,11 @@
 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-BYniefVu.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-C2wp8kQ9.js";
+import { At as useImportConfig, Bt as getFieldId, Ct as useCollectionEditorController, Et as convertDataToEntity, Ft as PropertyConfigBadge, Gn as useCollectionRegistryController, Mt as ImportFileUpload, Qn as EntityCollectionTable, Tt as DataNewPropertiesMapping, Un as useNavigationStateController, Vn as useUrlController, Zn as useSelectionController, fn as SearchIconsView, h as toSerializableCollection, i as namespaceToPropertiesOrderPath, jt as ImportSaveInProgress, kt as getInferenceType, n as getFullIdPath, pn as FieldCaption, r as idToPropertiesPath, s as CollectionGenerationApiError, t as getFullId, u as validateCollectionJson, v as useCollectionsConfigController, wt as ImportNewPropertyFieldPreview, zt as getFieldConfig } from "./src-DOX2nOyh.js";
+import { a as updatePropertyFromWidget, c as useAIModifiedPaths, i as supportedFields, l as useSafeSnackbarController, n as PropertyForm, o as PropertyTree, r as PropertyFormDialog, s as AIModifiedPathsProvider } from "./PropertyEditView-C9yhLyja.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 { AIIcon, ConfirmationDialog, ErrorView, IconForView, UnsavedChangesDialog, useAuthController, useCustomizationController, useLargeLayout, useRebaseContext, 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";
@@ -22,12 +22,11 @@ var CollectionEditorSchema = z.object({
 });
 //#endregion
 //#region src/collection_editor/ui/collection_editor/GeneralSettingsForm.tsx
-function GeneralSettingsForm({ isNewCollection, existingPaths, existingIds, parentCollection }) {
+function GeneralSettingsForm({ isNewCollection, existingPaths, existingIds, parentCollection, renderExtraCollectionFields, standalone }) {
 	const { values, setFieldValue, handleChange, touched, errors, setFieldTouched, submitCount } = useFormex();
 	const [iconDialogOpen, setIconDialogOpen] = useState(false);
-	useAuthController();
-	useCustomizationController();
-	const configController = useCollectionsConfigController();
+	const configControllerFromContext = useCollectionsConfigController();
+	const configController = standalone ? { readOnly: false } : configControllerFromContext;
 	const updateDatabaseId = (databaseId) => {
 		setFieldValue("databaseId", databaseId ?? void 0);
 	};
@@ -176,6 +175,16 @@ function GeneralSettingsForm({ isNewCollection, existingPaths, existingIds, pare
 							}
 						})
 					})
+				}),
+				renderExtraCollectionFields && /* @__PURE__ */ jsx("div", {
+					className: "mt-4",
+					children: renderExtraCollectionFields({
+						metadata: values.metadata ?? {},
+						onMetadataChange: (key, value) => {
+							setFieldValue(`metadata.${key}`, value);
+						},
+						collection: toSerializableCollection(values)
+					})
 				})
 			]
 		})
@@ -447,12 +456,12 @@ function KanbanConfigSection({ className, forceExpanded }) {
 }
 //#endregion
 //#region src/collection_editor/ui/collection_editor/DisplaySettingsForm.tsx
-function DisplaySettingsForm({ expandKanban }) {
+function DisplaySettingsForm({ expandKanban, standalone }) {
 	const { values, setFieldValue, handleChange, submitCount } = useFormex();
 	const [orderPropertyDialogOpen, setOrderPropertyDialogOpen] = useState(false);
-	useAuthController();
 	const customizationController = useCustomizationController();
-	const configController = useCollectionsConfigController();
+	const configControllerFromContext = useCollectionsConfigController();
+	const configController = standalone ? { readOnly: false } : configControllerFromContext;
 	const textProperties = useMemo(() => {
 		const result = [];
 		if (!values.properties) return result;
@@ -520,7 +529,7 @@ function DisplaySettingsForm({ expandKanban }) {
 											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 })]
+												children: [/* @__PURE__ */ jsx(PropertyConfigBadge, { propertyConfig: getFieldConfig(prop.property, customizationController?.propertyConfigs ?? {}) }), /* @__PURE__ */ jsx("span", { children: prop.label })]
 											});
 										},
 										endAdornment: values.orderProperty ? /* @__PURE__ */ jsx(IconButton, {
@@ -532,7 +541,7 @@ function DisplaySettingsForm({ expandKanban }) {
 											children: /* @__PURE__ */ jsx(XIcon, { size: iconSize.smallest })
 										}) : void 0,
 										children: textProperties.map((prop) => {
-											const fieldConfig = getFieldConfig(prop.property, customizationController.propertyConfigs);
+											const fieldConfig = getFieldConfig(prop.property, customizationController?.propertyConfigs ?? {});
 											return /* @__PURE__ */ jsx(SelectItem, {
 												value: prop.key,
 												children: /* @__PURE__ */ jsxs("div", {
@@ -582,7 +591,7 @@ function DisplaySettingsForm({ expandKanban }) {
 										autoUpdateId: false,
 										inArray: false,
 										allowDataInference: false,
-										propertyConfigs: customizationController.propertyConfigs,
+										propertyConfigs: customizationController?.propertyConfigs ?? {},
 										existingPropertyKeys: Object.keys(values.properties ?? {}),
 										onPropertyChanged: ({ id, property }) => {
 											const newProperties = {
@@ -672,7 +681,7 @@ function DisplaySettingsForm({ expandKanban }) {
 //#endregion
 //#region src/collection_editor/ui/collection_editor/GetCodeDialog.tsx
 function GetCodeDialog({ collection, onOpenChange, open }) {
-	const snackbarController = useSnackbarController();
+	const snackbarController = useSafeSnackbarController();
 	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,
@@ -714,7 +723,7 @@ function GetCodeDialog({ collection, onOpenChange, open }) {
 				onClick: (e) => {
 					e.stopPropagation();
 					e.preventDefault();
-					snackbarController.open({
+					snackbarController?.open({
 						type: "success",
 						message: "Copied"
 					});
@@ -767,12 +776,13 @@ function collectionToCode(collection) {
 }
 //#endregion
 //#region src/collection_editor/ui/collection_editor/CollectionPropertiesEditorForm.tsx
-function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyErrorsRef, onPropertyError, setDirty, extraIcon, getUser, getData, doCollectionInference, propertyConfigs }) {
+function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyErrorsRef, onPropertyError, setDirty, extraIcon, getUser, getData, doCollectionInference, propertyConfigs, propertyTypePresets, hiddenPropertyTypes, renderExtraPropertyFields, standalone }) {
 	const { values, setFieldValue, setFieldError, setFieldTouched, errors, dirty } = useFormex();
-	const snackbarController = useSnackbarController();
-	const configController = useCollectionsConfigController();
+	const snackbarController = useSafeSnackbarController();
+	const configControllerFromContext = useCollectionsConfigController();
+	const configController = standalone ? { readOnly: false } : configControllerFromContext;
 	const largeLayout = useLargeLayout();
-	const asDialog = !largeLayout;
+	const asDialog = standalone ? false : !largeLayout;
 	const [selectedPropertyIndex, setSelectedPropertyIndex] = useState();
 	const [selectedPropertyKey, setSelectedPropertyKey] = useState();
 	const [selectedPropertyNamespace, setSelectedPropertyNamespace] = useState();
@@ -798,7 +808,7 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 		}
 		promise.then((newCollection) => {
 			if (!newCollection) {
-				snackbarController.open({
+				snackbarController?.open?.({
 					type: "error",
 					message: "Could not infer properties from data"
 				});
@@ -841,7 +851,7 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 			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({
+				snackbarController?.open?.({
 					type: "info",
 					message: "No new properties found in existing data"
 				});
@@ -852,7 +862,7 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 			setFieldValue("properties", updatedProperties, false);
 			updatePropertiesOrder(updatedPropertiesOrder);
 			setInferredPropertyKeys(allNewPropertyKeys);
-			snackbarController.open({
+			snackbarController?.open?.({
 				type: "success",
 				message: `Added ${allNewPropertyKeys.length} new ${allNewPropertyKeys.length === 1 ? "property" : "properties"}`
 			});
@@ -953,85 +963,90 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 	};
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsxs("div", {
-			className: "grid grid-cols-12 gap-2 h-full bg-white dark:bg-surface-950",
+			className: "grid grid-cols-12 h-full bg-surface-50 dark:bg-surface-800",
 			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",
+					className: cls("col-span-12 lg:col-span-5 h-full flex flex-col bg-surface-50 dark:bg-surface-800", !asDialog && "border-r " + defaultBorderMixin),
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: cls("flex items-center justify-between px-3 py-2 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px] shrink-0", defaultBorderMixin),
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "flex-grow min-w-0 pr-2",
+								children: /* @__PURE__ */ jsx(Field, {
+									name: "name",
+									as: DebouncedTextField,
+									invisible: true,
+									className: "-ml-1",
+									inputClassName: "text-sm font-semibold truncate bg-transparent border-0 outline-none focus:ring-0",
+									placeholder: "Collection name",
+									size: "small",
+									required: true,
+									error: Boolean(errors?.name)
+								})
+							}),
+							extraIcon && /* @__PURE__ */ jsx("div", {
+								className: "flex-shrink-0",
+								children: extraIcon
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-1.5 flex-shrink-0 ml-2",
+								children: [inferPropertiesFromData && /* @__PURE__ */ jsx(Tooltip, {
+									title: "Add new properties based on data",
+									asChild: true,
+									children: /* @__PURE__ */ jsx(IconButton, {
 										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, {})
-										})
-									})]
+										disabled: inferringProperties,
+										onClick: inferPropertiesFromData,
+										children: inferringProperties ? /* @__PURE__ */ jsx(CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsx(FileSearchIcon, { size: iconSize.smallest })
+									})
+								}), /* @__PURE__ */ jsx(Tooltip, {
+									title: "Add new property",
+									asChild: true,
+									children: /* @__PURE__ */ jsx(IconButton, {
+										size: "small",
+										disabled: configController?.readOnly,
+										onClick: () => setNewPropertyDialogOpen(true),
+										children: /* @__PURE__ */ jsx(PlusIcon, { size: iconSize.smallest })
+									})
+								})]
+							})
+						]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex-grow overflow-y-auto p-3 no-scrollbar space-y-3 bg-surface-50 dark:bg-surface-800",
+						children: [
+							owner && /* @__PURE__ */ jsx("div", {
+								className: "px-1 py-0.5",
+								children: /* @__PURE__ */ jsxs(Typography, {
+									variant: "body2",
+									color: "secondary",
+									children: ["Created by ", owner.displayName]
 								})
-							]
-						}),
-						/* @__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"
-						})
-					]
+							}),
+							/* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(PropertyTree, {
+								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: "w-full",
+								variant: "outlined",
+								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",
+					className: "col-span-12 lg:col-span-7 p-4 md:py-8 md:px-4 h-full overflow-auto bg-surface-50 dark:bg-surface-800",
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "sticky top-8 min-h-full w-full flex flex-col justify-center",
 						children: [
@@ -1050,7 +1065,11 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 								forceShowErrors: showErrors,
 								initialErrors,
 								getData,
-								propertyConfigs
+								propertyConfigs,
+								propertyTypePresets,
+								hiddenPropertyTypes,
+								renderExtraPropertyFields,
+								collectionValues: values
 							}, `edit_view_${selectedPropertyIndex}_${generationCounter}`),
 							!selectedProperty && /* @__PURE__ */ jsxs("div", {
 								className: "w-full flex flex-col items-center justify-center h-full gap-4",
@@ -1089,6 +1108,10 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 					initialErrors,
 					getData,
 					propertyConfigs,
+					propertyTypePresets,
+					hiddenPropertyTypes,
+					renderExtraPropertyFields,
+					collectionValues: values,
 					onCancel: closePropertyDialog,
 					onOkClicked: asDialog ? closePropertyDialog : void 0
 				}, `edit_view_${selectedPropertyIndex}_${generationCounter}`)
@@ -1106,6 +1129,10 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 			getData,
 			allowDataInference: !isNewCollection,
 			propertyConfigs,
+			propertyTypePresets,
+			hiddenPropertyTypes,
+			renderExtraPropertyFields,
+			collectionValues: values,
 			existingPropertyKeys: values.propertiesOrder
 		}),
 		/* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(GetCodeDialog, {
@@ -1693,7 +1720,7 @@ function AICollectionGeneratorPopover({ existingCollection, onGenerated, generat
 	const [error, setError] = useState(null);
 	const collectionRegistry = useCollectionRegistryController();
 	const configController = useCollectionsConfigController();
-	const snackbarController = useSnackbarController();
+	const snackbarController = useSafeSnackbarController();
 	const existingCollections = collectionRegistry.collections ?? [];
 	const handleGenerate = async () => {
 		if (!prompt.trim()) return;
@@ -1725,7 +1752,7 @@ function AICollectionGeneratorPopover({ existingCollection, onGenerated, generat
 				mode,
 				operationsCount: result.operations?.length
 			});
-			snackbarController.open({
+			snackbarController?.open({
 				type: "success",
 				message: existingCollection ? "Collection updated with AI suggestions" : "Collection generated successfully"
 			});
@@ -1737,7 +1764,7 @@ function AICollectionGeneratorPopover({ existingCollection, onGenerated, generat
 				mode,
 				error: errorMessage
 			});
-			snackbarController.open({
+			snackbarController?.open({
 				type: "error",
 				message: errorMessage
 			});
@@ -2961,6 +2988,7 @@ function CollectionEditorDialog(props) {
 		fullHeight: true,
 		scrollable: false,
 		maxWidth: "7xl",
+		className: "bg-surface-50 dark:bg-surface-800",
 		onOpenChange: (open) => !open ? handleCancel() : void 0,
 		children: [/* @__PURE__ */ jsx(DialogTitle, {
 			hidden: true,
@@ -2973,12 +3001,14 @@ function CollectionEditorDialog(props) {
 	});
 }
 function CollectionEditor(props) {
-	const { propertyConfigs } = useCustomizationController();
+	const { standalone } = props;
+	const customizationController = useCustomizationController();
 	const navigationState = useNavigationStateController();
 	const collectionRegistry = useCollectionRegistryController();
 	const authController = useAuthController();
-	const { topLevelNavigation } = navigationState;
-	const { collections } = collectionRegistry;
+	const propertyConfigs = standalone ? customizationController?.propertyConfigs ?? {} : customizationController.propertyConfigs;
+	standalone ? navigationState?.topLevelNavigation : navigationState.topLevelNavigation;
+	const collections = standalone ? collectionRegistry?.collections ?? [] : collectionRegistry.collections;
 	const initialValuesProp = props.initialValues;
 	const copyFromProp = props.copyFrom;
 	const includeTemplates = !copyFromProp && !initialValuesProp?.slug && (props.parentCollectionSlugs ?? []).length === 0;
@@ -2989,10 +3019,14 @@ function CollectionEditor(props) {
 	const [initialLoadingCompleted, setInitialLoadingCompleted] = React$1.useState(false);
 	useEffect(() => {
 		try {
-			if (collectionRegistry.initialised) {
+			const initialised = (standalone ? true : collectionRegistry?.initialised ?? true) && !props.configController?.loading;
+			const getRawCollection = standalone ? (() => void 0) : collectionRegistry.getRawCollection;
+			if (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));
+					const registryCol = getRawCollection ? getRawCollection(collectionPath) : void 0;
+					const configCol = props.configController?.collections?.find((c) => c.slug === props.editedCollectionId);
+					setCollection(registryCol ?? configCol);
 				} else setCollection(void 0);
 				setInitialLoadingCompleted(true);
 			}
@@ -3003,31 +3037,49 @@ function CollectionEditor(props) {
 		props.editedCollectionId,
 		props.parentCollectionSlugs,
 		props.parentEntityIds,
+		standalone,
 		collectionRegistry.initialised,
-		collectionRegistry.getRawCollection
+		collectionRegistry.getRawCollection,
+		props.configController.collections,
+		props.configController.loading,
+		collections
 	]);
-	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: "",
+	const initialIcon = React$1.useMemo(() => coolIconKeys[Math.floor(Math.random() * coolIconKeys.length)], []);
+	const fallbackSlug = React$1.useMemo(() => randomString(16), []);
+	const initialCollection = React$1.useMemo(() => {
+		return collection ? {
+			...collection,
+			slug: collection.slug ?? fallbackSlug
+		} : void 0;
+	}, [collection, fallbackSlug]);
+	const initialValues = React$1.useMemo(() => {
+		return initialCollection ? applyPropertyConfigs(initialCollection, propertyConfigs) : copyFromProp ? (() => {
+			const { subcollections: _sub, ...rest } = copyFromProp;
+			return {
+				...rest,
+				name: "",
+				ownerId: authController.user?.uid ?? ""
+			};
+		})() : {
+			slug: initialValuesProp?.slug ?? fallbackSlug,
+			table: initialValuesProp?.slug ?? "",
+			name: initialValuesProp?.name ?? "",
+			properties: {},
+			propertiesOrder: [],
+			icon: initialIcon,
 			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 ?? ""
-	};
+	}, [
+		initialCollection,
+		propertyConfigs,
+		copyFromProp,
+		initialValuesProp,
+		fallbackSlug,
+		initialIcon,
+		authController.user?.uid
+	]);
 	if (!initialLoadingCompleted) return /* @__PURE__ */ jsx(CircularProgressCenter, {});
-	if (!props.isNewCollection && (!collectionRegistry.initialised || !initialLoadingCompleted)) return /* @__PURE__ */ jsx(CircularProgressCenter, {});
+	if (!props.isNewCollection && (!(standalone ? true : collectionRegistry?.initialised ?? true) || !initialLoadingCompleted)) return /* @__PURE__ */ jsx(CircularProgressCenter, {});
 	return /* @__PURE__ */ jsx(CollectionEditorInternal, {
 		...props,
 		initialValues,
@@ -3039,13 +3091,33 @@ function CollectionEditor(props) {
 		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();
+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, propertyTypePresets, hiddenPropertyTypes, renderExtraPropertyFields, renderExtraCollectionFields, visibleTabs, standalone }) {
+	const importConfigRaw = useImportConfig();
+	const urlControllerRaw = useUrlController();
+	const collectionRegistryRaw = useCollectionRegistryController();
+	const snackbarControllerRaw = useSafeSnackbarController();
+	const importConfig = standalone ? void 0 : importConfigRaw;
+	const urlController = standalone ? {
+		basePath: "/",
+		baseCollectionPath: "/c",
+		urlPathToDataPath: () => "",
+		homeUrl: "/",
+		isUrlCollectionPath: () => false,
+		buildUrlCollectionPath: () => "",
+		buildAppUrlPath: () => "",
+		resolveDatabasePathsFrom: (p) => p,
+		navigate: () => {}
+	} : urlControllerRaw;
+	const collectionRegistryInternal = standalone ? { convertIdsToPaths: (ids) => ids } : collectionRegistryRaw;
+	const snackbarController = snackbarControllerRaw ?? {
+		open: () => {},
+		close: () => {}
+	};
 	const propertyErrorsRef = useRef({});
 	const [currentView, setCurrentView] = useState(isNewCollection ? includeTemplates ? "welcome" : "general" : initialViewProp ?? "properties");
+	useEffect(() => {
+		if (visibleTabs && !visibleTabs.includes(currentView)) setCurrentView(visibleTabs[0] || "general");
+	}, [visibleTabs, currentView]);
 	const [error, setError] = React$1.useState();
 	const saveCollection = (updatedCollection) => {
 		const id = updatedCollection.slug;
@@ -3068,7 +3140,7 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 		});
 	};
 	const setNextMode = () => {
-		if (currentView === "general") if (importConfig.inUse) setCurrentView("import_data_saving");
+		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");
@@ -3131,7 +3203,7 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 			if (currentView === "welcome") {
 				setNextMode();
 				formexController.resetForm({ values: newCollectionState });
-			} else if (currentView === "general") if (extraView || importConfig.inUse) {
+			} else if (currentView === "general") if (extraView || importConfig?.inUse) {
 				formexController.resetForm({ values: newCollectionState });
 				setNextMode();
 			} else if (isNewCollection) {
@@ -3204,7 +3276,7 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 	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 parentPaths = !pathError && parentCollectionSlugs ? collectionRegistryInternal.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 () => {
@@ -3219,15 +3291,15 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 		setFormDirty(dirty);
 	}, [dirty]);
 	function onImportDataSet(data, propertiesOrder) {
-		importConfig.setInUse(true);
+		importConfig?.setInUse(true);
 		buildEntityPropertiesFromData(data, getInferenceType).then((properties) => {
 			const res = cleanPropertiesFromImport(properties);
-			importConfig.setIdColumn(res.idColumn);
-			importConfig.setImportData(data);
-			importConfig.setHeadersMapping(res.headersMapping);
+			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);
+			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);
@@ -3236,7 +3308,7 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 	const validValues = Boolean(values.name) && Boolean(values.slug);
 	const onImportMappingComplete = () => {
 		const updatedProperties = { ...values.properties };
-		if (importConfig.idColumn) delete updatedProperties[importConfig.idColumn];
+		if (importConfig?.idColumn) delete updatedProperties[importConfig.idColumn];
 		setFieldValue("properties", updatedProperties);
 		setNextMode();
 	};
@@ -3264,11 +3336,11 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 		if (operations && aiModifiedPaths) aiModifiedPaths.addModifiedPaths(operations);
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: "h-full w-full flex flex-col bg-white dark:bg-surface-950",
+		className: "h-full w-full flex flex-col bg-surface-50 dark:bg-surface-800",
 		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),
+				className: cls("px-4 py-2 w-full flex shrink-0 items-center justify-between gap-4 bg-surface-50 dark:bg-surface-900 border-b", defaultBorderMixin),
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "flex flex-1 items-center justify-end gap-4 min-w-0",
 					children: /* @__PURE__ */ jsxs(Tabs, {
@@ -3276,19 +3348,19 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 						className: "bg-transparent !w-fit max-w-full",
 						onValueChange: (v) => setCurrentView(v),
 						children: [
-							/* @__PURE__ */ jsx(Tab, {
+							(!visibleTabs || visibleTabs.includes("general")) && /* @__PURE__ */ jsx(Tab, {
 								value: "general",
 								children: "General"
 							}),
-							/* @__PURE__ */ jsx(Tab, {
+							(!visibleTabs || visibleTabs.includes("display")) && /* @__PURE__ */ jsx(Tab, {
 								value: "display",
 								children: "Display"
 							}),
-							/* @__PURE__ */ jsx(Tab, {
+							(!visibleTabs || visibleTabs.includes("properties")) && /* @__PURE__ */ jsx(Tab, {
 								value: "properties",
 								children: "Properties"
 							}),
-							getDataSourceCapabilities(values.driver).supportsRLS && /* @__PURE__ */ jsx(Tab, {
+							(!visibleTabs || visibleTabs.includes("rls")) && getDataSourceCapabilities(values.driver).supportsRLS && /* @__PURE__ */ jsx(Tab, {
 								value: "rls",
 								children: "RLS"
 							})
@@ -3319,7 +3391,7 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 				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",
+					className: "flex-grow flex flex-col min-h-0 no-scrollbar relative w-full h-full bg-surface-50 dark:bg-surface-800",
 					children: [
 						currentView === "loading" && /* @__PURE__ */ jsx(CircularProgressCenter, {}),
 						currentView === "extra_view" && usedPath && extraView?.View && /* @__PURE__ */ jsx(extraView.View, { path: usedPath }),
@@ -3373,12 +3445,17 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 							}
 						}),
 						currentView === "general" && /* @__PURE__ */ jsx(GeneralSettingsForm, {
+							isNewCollection,
 							existingPaths,
 							existingIds,
 							parentCollection,
-							isNewCollection
+							renderExtraCollectionFields,
+							standalone
+						}),
+						currentView === "display" && /* @__PURE__ */ jsx(DisplaySettingsForm, {
+							expandKanban,
+							standalone
 						}),
-						currentView === "display" && /* @__PURE__ */ jsx(DisplaySettingsForm, { expandKanban }),
 						currentView === "rls" && getDataSourceCapabilities(values.driver).supportsRLS && /* @__PURE__ */ jsx(CollectionRLSTab, {}),
 						currentView === "properties" && /* @__PURE__ */ jsx(CollectionPropertiesEditorForm, {
 							showErrors: submitCount > 0,
@@ -3394,22 +3471,26 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 							getData: getDataWithPath,
 							doCollectionInference,
 							propertyConfigs,
+							propertyTypePresets,
+							hiddenPropertyTypes,
+							renderExtraPropertyFields,
 							extraIcon: extraView?.icon && /* @__PURE__ */ jsx(IconButton, {
 								color: "primary",
 								onClick: () => setCurrentView("extra_view"),
 								children: extraView.icon
-							})
+							}),
+							standalone
 						})
 					]
 				}), (!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",
+					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-surface-50 dark:bg-surface-900",
 					children: [
 						error && /* @__PURE__ */ jsx(ErrorView, { error }),
 						isNewCollection && includeTemplates && currentView === "import_data_mapping" && /* @__PURE__ */ jsx(Button, {
 							variant: "text",
 							type: "button",
 							onClick: () => {
-								importConfig.setInUse(false);
+								importConfig?.setInUse(false);
 								return setCurrentView("welcome");
 							},
 							children: "Back"
@@ -3546,4 +3627,4 @@ var validateId = (value, isNewCollection, existingPaths, existingIds) => {
 //#endregion
 export { CollectionEditorDialog as n, CollectionEditorDialog_exports as r, CollectionEditor as t };
 
-//# sourceMappingURL=CollectionEditorDialog-HNXGxXdO.js.map
+//# sourceMappingURL=CollectionEditorDialog-iGgS4rLX.js.map