@rebasepro/admin 0.11.1-canary.gfd39654 → 0.12.1-canary.g009ed95

package/README.md

@@ -8,7 +8,7 @@ CMS frontend — content management views, forms, routing, visual schema editor,
 pnpm add @rebasepro/admin
 ```
 
-**Peer dependencies:** `react >= 19`, `react-dom >= 19`, `react-router ^7`, `react-router-dom ^7`
+**Peer dependencies:** `react >= 19.2.7`, `react-dom >= 19.2.7`, `react-router ^8`
 
 ## What This Package Does
 
@@ -71,7 +71,7 @@ pnpm add @rebasepro/admin
 | `useSelectionController` | Row selection state for tables |
 | `useHistory` | Snapshot change history and version revert |
 | `useBreadcrumbsController` | Breadcrumb navigation state |
-| `useCMSContext` | Access the CMS-level context |
+| `useAdminContext` | Access the admin-level context |
 | `useResolvedNavigationFrom` | Resolve navigation tree from collection configs |
 
 ### Data Import/Export

package/dist/{CollectionEditorDialog-o7F_zbGY.js → CollectionEditorDialog-B-iVE9y3.js}

@@ -1,14 +1,14 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { $t as CollectionTableBinding, A as getFieldId, Ct as convertDataToEntity, Dt as useImportConfig, Et as getInferenceType, Ft as FieldCaption, In as useCollectionRegistryController, Nt as PropertyConfigBadge, Ot as ImportSaveInProgress, Pt as SearchIconsView, St as DataNewPropertiesMapping, Zt as useSelectionController, _ as useCollectionsConfigController, i as namespaceToPropertiesOrderPath, in as useUrlController, k as getFieldConfig, kt as ImportFileUpload, l as validateCollectionJson, m as toSerializableCollectionConfig, n as getFullIdPath, o as CollectionGenerationApiError, on as useNavigationStateController, r as idToPropertiesPath, t as getFullId, vt as useCollectionEditorController, xt as ImportNewPropertyFieldPreview } from "./util-BhhfHY1M.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-DgB2b22q.js";
+import { $t as CollectionTableBinding, A as getFieldId, Ct as convertDataToEntity, Dt as useImportConfig, Et as getInferenceType, Ft as FieldCaption, Ln as useCollectionRegistryController, Nt as PropertyConfigBadge, Ot as ImportSaveInProgress, Pt as SearchIconsView, St as DataNewPropertiesMapping, Zt as useSelectionController, _ as useCollectionsConfigController, i as namespaceToPropertiesOrderPath, in as useUrlController, k as getFieldConfig, kt as ImportFileUpload, l as validateCollectionJson, m as toSerializableCollectionConfig, n as getFullIdPath, o as CollectionGenerationApiError, on as useNavigationStateController, r as idToPropertiesPath, t as getFullId, vt as useCollectionEditorController, xt as ImportNewPropertyFieldPreview } from "./util-DSh3HRzK.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-DoLEH_bQ.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 { getEffectiveSecurityRules, getSubcollections, getTableName, isPropertyBuilder } from "@rebasepro/common";
+import { buildCollectionFromTableMetadata, getGeneratedPolicyNames, getSubcollections, getTableName, isPropertyBuilder } from "@rebasepro/common";
 import { AIIcon, ConfirmationDialog, ErrorView, IconForView, UnsavedChangesDialog, removeInitialAndTrailingSlashes, useAuthController, useCustomizationController, useLargeLayout, useRebaseContext, useUnsavedChangesDialog } from "@rebasepro/app";
 import { Field, Formex, clone, getIn, useCreateFormex, useFormex } from "@rebasepro/forms";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { camelCase, getPolicyNamesForRule, getPolicyNamesForRules, isEmptyObject, mergeDeep, prettifyIdentifier, randomString, removeUndefined, singular, slugify, toSnakeCase, unslugify } from "@rebasepro/utils";
+import { camelCase, getPolicyNamesForRule, isEmptyObject, mergeDeep, prettifyIdentifier, randomString, removeUndefined, singular, slugify, toSnakeCase, unslugify } from "@rebasepro/utils";
 import { getDataSourceCapabilities } from "@rebasepro/types";
 import { z } from "zod";
 import { buildEntityPropertiesFromData, buildPropertyFromData } from "@rebasepro/inference";
@@ -696,7 +696,7 @@ function GetCodeDialog({ collection, onOpenChange, open }) {
 				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 ",
+					"If you want to customise the collection in code, you can add this collection code to your admin app configuration. More info in the ",
 					/* @__PURE__ */ jsx("a", {
 						rel: "noopener noreferrer",
 						href: "https://rebase.pro/docs/cloud/quickstart",
@@ -875,7 +875,8 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 		return currentPropertiesOrderRef.current[namespace] ?? getIn(values, namespaceToPropertiesOrderPath(namespace));
 	};
 	const updatePropertiesOrder = (newPropertiesOrder, namespace) => {
-		setFieldValue(namespaceToPropertiesOrderPath(namespace), newPropertiesOrder, false);
+		const propertiesOrderPath = namespaceToPropertiesOrderPath(namespace);
+		setFieldValue(propertiesOrderPath, newPropertiesOrder, false);
 		currentPropertiesOrderRef.current[namespace ?? ""] = newPropertiesOrder;
 	};
 	const deleteProperty = (propertyKey, namespace) => {
@@ -884,7 +885,10 @@ function CollectionPropertiesEditorForm({ showErrors, isNewCollection, propertyE
 		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);
+		if (currentPropertiesOrder) {
+			const newPropertiesOrder = currentPropertiesOrder.filter((p) => p !== propertyKey);
+			updatePropertiesOrder(newPropertiesOrder, namespace);
+		}
 		setNewPropertyDialogOpen(false);
 		setSelectedPropertyIndex(void 0);
 		setSelectedPropertyKey(void 0);
@@ -1177,7 +1181,8 @@ function CollectionJsonImportDialog({ open, onClose, onImport }) {
 			setErrors([]);
 			return;
 		}
-		setErrors(validateCollectionJson(value).errors);
+		const result = validateCollectionJson(value);
+		setErrors(result.errors);
 	}, []);
 	const handleImport = useCallback(() => {
 		const result = validateCollectionJson(jsonValue);
@@ -2077,7 +2082,8 @@ function CollectionEditorImportMapping({ importConfig, propertyConfigs }) {
 			return currentPropertiesOrderRef.current[namespace] ?? getIn(values, namespaceToPropertiesOrderPath(namespace));
 		};
 		const updatePropertiesOrder = (newPropertiesOrder, namespace) => {
-			setFieldValue(namespaceToPropertiesOrderPath(namespace), newPropertiesOrder, false);
+			const propertiesOrderPath = namespaceToPropertiesOrderPath(namespace);
+			setFieldValue(propertiesOrderPath, newPropertiesOrder, false);
 			currentPropertiesOrderRef.current[namespace ?? ""] = newPropertiesOrder;
 		};
 		if (previousId && previousId !== id) {
@@ -2329,9 +2335,58 @@ 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}"`;
 }
+/**
+* `pg_policies` reports the operation and the permissive flag in upper case;
+* `SecurityRule` names them in lower case. These two used to be `.toLowerCase()`
+* assigned straight into a `SecurityRule`, which typechecks only against a
+* `string` field — and this file declared its own local `SecurityRule` with
+* `operation?: string`, so it did. Against the real type it does not: an
+* unrecognised `cmd` would have been written into the collection as a policy
+* operation that compiles to nothing.
+*/
+function toSecurityOperation(cmd) {
+	switch (cmd) {
+		case "SELECT": return "select";
+		case "INSERT": return "insert";
+		case "UPDATE": return "update";
+		case "DELETE": return "delete";
+		case "ALL": return "all";
+		default: return;
+	}
+}
+function toSecurityMode(permissive) {
+	if (!permissive) return void 0;
+	return permissive === "RESTRICTIVE" ? "restrictive" : "permissive";
+}
+/**
+* Build a {@link SecurityRule} from a `pg_policies` row.
+*
+* `SecurityRule` is a discriminated union and this is the part the local shadow
+* type flattened away: a raw-SQL rule *requires* `using`, so a policy with only
+* a `WITH CHECK` clause — every INSERT-only policy — is not one. It is a
+* roles-only rule carrying the check. Assembling the object field-by-field
+* against `operation?: string` accepted all of these and told the compiler
+* nothing.
+*/
+function toSecurityRule(policy) {
+	const base = {
+		name: policy.policyname ?? "",
+		operation: toSecurityOperation(policy.cmd),
+		mode: toSecurityMode(policy.permissive),
+		roles: policy.roles ? [...policy.roles] : void 0
+	};
+	if (policy.qual) return {
+		...base,
+		using: policy.qual,
+		withCheck: policy.with_check || void 0
+	};
+	return base;
+}
 function CollectionRLSTab() {
 	const { values, setFieldValue } = useFormex();
 	const [editingPolicy, setEditingPolicy] = useState(null);
+	const { readOnly, readOnlyReason } = useCollectionsConfigController();
+	const readOnlyTitle = readOnlyReason || "This backend does not accept collection edits.";
 	const rules = values.securityRules || [];
 	const { databaseAdmin } = useRebaseContext();
 	const [dbPolicies, setDbPolicies] = useState([]);
@@ -2353,7 +2408,7 @@ function CollectionRLSTab() {
 					if (Array.isArray(res)) return res;
 					return [];
 				};
-				setDbPolicies(extractRows(result).map((p) => {
+				const policies = extractRows(result).map((p) => {
 					let parsedRoles = [];
 					const r = p.roles || p.ROLES;
 					if (Array.isArray(r)) parsedRoles = r;
@@ -2367,7 +2422,8 @@ function CollectionRLSTab() {
 						qual: p.qual || p.QUAL || null,
 						with_check: p.with_check || p.WITH_CHECK || null
 					};
-				}));
+				});
+				setDbPolicies(policies);
 			} catch (e) {
 				console.error("Failed to fetch DB policies", e);
 			} finally {
@@ -2414,37 +2470,13 @@ function CollectionRLSTab() {
 		};
 	}, [databaseAdmin]);
 	const tableName = values.id || values.table || values.alias;
-	/**
-	* Every policy name `rebase db push` would write for this collection.
-	*
-	* Two things make this more than `rules.map(r => r.name)`:
-	*  - a rule without an explicit `name` becomes `<table>_<op>_<hash>`, so
-	*    comparing `rule.name` to `policyname` never matches for it;
-	*  - the generator also injects the safe-by-default baseline
-	*    (`<table>_default_admin_*`), which is in no collection's `securityRules`.
-	*
-	* Missing either made Rebase's own policies look hand-written, and offered to
-	* import them back into the codebase that produced them.
-	*/
 	const generatedPolicyNames = useMemo(() => {
 		if (!tableName) return /* @__PURE__ */ new Set();
-		const effectiveRules = getEffectiveSecurityRules(values);
-		return getPolicyNamesForRules([...rules, ...effectiveRules], tableName);
-	}, [
-		rules,
-		tableName,
-		values
-	]);
+		return getGeneratedPolicyNames(values);
+	}, [tableName, values]);
 	const unmappedPolicies = dbPolicies.filter((dp) => !generatedPolicyNames.has(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
-		};
+		const rule = toSecurityRule(newPolicy);
 		let newRules;
 		if (editingPolicy === "new") newRules = [...rules, rule];
 		else newRules = rules.map((r) => r.name === editingPolicy.policyname ? rule : r);
@@ -2464,11 +2496,15 @@ function CollectionRLSTab() {
 						children: [/* @__PURE__ */ jsx(Typography, {
 							variant: "h5",
 							children: "Row Level Security"
-						}), /* @__PURE__ */ jsx(Button, {
-							variant: "filled",
-							color: "neutral",
-							onClick: () => setEditingPolicy("new"),
-							children: "CREATE POLICY"
+						}), /* @__PURE__ */ jsx(Tooltip, {
+							title: readOnly ? readOnlyTitle : void 0,
+							children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, {
+								variant: "filled",
+								color: "neutral",
+								disabled: readOnly,
+								onClick: () => setEditingPolicy("new"),
+								children: "CREATE POLICY"
+							}) })
 						})]
 					}),
 					rules.length === 0 ? /* @__PURE__ */ jsx("div", {
@@ -2510,18 +2546,20 @@ function CollectionRLSTab() {
 								children: [/* @__PURE__ */ jsx(Button, {
 									size: "small",
 									variant: "text",
+									disabled: readOnly,
 									onClick: () => setEditingPolicy({
-										policyname: rule.name,
+										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 || [],
+										roles: [...rule.roles ?? []],
 										qual: rule.using || null,
 										with_check: rule.withCheck || null
 									}),
 									children: "EDIT"
 								}), /* @__PURE__ */ jsx(IconButton, {
 									size: "small",
+									disabled: readOnly,
 									onClick: () => {
 										setFieldValue("securityRules", rules.filter((r) => r.name !== rule.name));
 									},
@@ -2590,22 +2628,19 @@ function CollectionRLSTab() {
 										})]
 									}), /* @__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"
+										children: /* @__PURE__ */ jsx(Tooltip, {
+											title: readOnly ? readOnlyTitle : void 0,
+											children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, {
+												size: "small",
+												variant: "outlined",
+												color: "primary",
+												disabled: readOnly,
+												onClick: () => {
+													const rule = toSecurityRule(dp);
+													setFieldValue("securityRules", [...rules, rule]);
+												},
+												children: "Import to codebase"
+											}) })
 										})
 									})]
 								}, dp.policyname))
@@ -2651,7 +2686,7 @@ function InlinePolicyEditor({ policy, table, availableRoles, rolesUnavailable, o
 	* from what users hold, so a role that is referenced here but assigned to
 	* nobody would otherwise vanish from its own policy on the next save.
 	*/
-	const roleOptions = useMemo(() => Array.from(new Set([...availableRoles, ...roles])).sort(), [availableRoles, roles]);
+	const roleOptions = useMemo(() => Array.from(/* @__PURE__ */ new Set([...availableRoles, ...roles])).sort(), [availableRoles, roles]);
 	const addCustomRole = () => {
 		const trimmed = customRole.trim();
 		if (!trimmed || roles.includes(trimmed)) {
@@ -2843,243 +2878,6 @@ function InlinePolicyEditor({ policy, table, availableRoles, rolesUnavailable, o
 	] });
 }
 //#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 AdminCollection 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,
@@ -3168,10 +2966,12 @@ function CollectionEditor(props) {
 	}, [collection, fallbackSlug]);
 	const initialValues = React$1.useMemo(() => {
 		return initialCollection ? applyPropertyConfigs(initialCollection, propertyConfigs) : copyFromProp ? (() => {
-			const { subcollections: _sub, ...rest } = copyFromProp;
+			const { subcollections: _sub, schema: _schema, auth: _auth, ...rest } = copyFromProp;
 			return {
 				...rest,
 				name: "",
+				slug: fallbackSlug,
+				table: "",
 				ownerId: authController.user?.uid ?? ""
 			};
 		})() : {
@@ -3206,6 +3006,8 @@ function CollectionEditor(props) {
 	});
 }
 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 }) {
+	/** Why the submit buttons below are dead, straight from the backend. */
+	const readOnlyTitle = configController?.readOnlyReason || "This backend does not accept collection edits.";
 	const importConfigRaw = useImportConfig();
 	const urlControllerRaw = useUrlController();
 	const collectionRegistryRaw = useCollectionRegistryController();
@@ -3489,14 +3291,17 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 						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"
+						children: /* @__PURE__ */ jsx(Tooltip, {
+							title: configController?.readOnly ? readOnlyTitle : void 0,
+							children: /* @__PURE__ */ jsx("div", { 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"
+							}) })
 						})
 					})]
 				})]
@@ -3575,10 +3380,11 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 							showErrors: submitCount > 0,
 							isNewCollection,
 							onPropertyError: (propertyKey, namespace, error) => {
-								propertyErrorsRef.current = removeUndefined({
+								const current = removeUndefined({
 									...propertyErrorsRef.current,
 									[getFullIdPath(propertyKey, namespace)]: removeUndefined(error, true)
 								}, true);
+								propertyErrorsRef.current = current;
 								formController.validate();
 							},
 							getUser,
@@ -3666,13 +3472,16 @@ function CollectionEditorInternal({ isNewCollection, configController, editedCol
 							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"
+						!isNewCollection && !fullScreen && /* @__PURE__ */ jsx(Tooltip, {
+							title: configController?.readOnly ? readOnlyTitle : void 0,
+							children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(LoadingButton, {
+								variant: "filled",
+								color: "primary",
+								type: "submit",
+								disabled: isSubmitting || configController?.readOnly,
+								loading: isSubmitting,
+								children: configController?.readOnly ? "Update collection (Read-only)" : "Update collection"
+							}) })
 						})
 					]
 				})]
@@ -3741,4 +3550,4 @@ var validateId = (value, isNewCollection, existingPaths, existingIds) => {
 //#endregion
 export { CollectionEditorDialog as n, CollectionEditorDialog_exports as r, CollectionEditor as t };
 
-//# sourceMappingURL=CollectionEditorDialog-o7F_zbGY.js.map
+//# sourceMappingURL=CollectionEditorDialog-B-iVE9y3.js.map