@rebasepro/admin 0.7.0 → 0.9.0

package/dist/{src-DOX2nOyh.js → src-sUZfe29F.js}

@@ -2,14 +2,14 @@ import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
 import * as React$1 from "react";
 import React, { Suspense, createContext, createElement, forwardRef, lazy, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { deepEqual } from "fast-equals";
-import { Alert, AlertCircleIcon, AlertTriangleIcon, AlignLeftIcon, ArrowLeftIcon, ArrowRightToLineIcon, Avatar, Badge, BooleanSwitch, BooleanSwitchWithLabel, Button, CHIP_COLORS, CalendarIcon, Card, CardView, CenteredView, CheckCircleIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, Chip, CircleIcon, CircularProgress, CircularProgressCenter, CodeIcon, Collapse, ColumnsIcon, Container, CopyIcon, DateTimeField, Dialog, DialogActions, DialogContent, DialogTitle, DownloadIcon, ErrorBoundary, ExpandablePanel, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FilterXIcon, FlagIcon, FolderUpIcon, FunctionSquareIcon, GlobeIcon, HandleIcon, HashIcon, HistoryIcon, IconButton, ImageOffIcon, KanbanIcon, KanbanView, KeyRoundIcon, Label, LayoutGridIcon, LinkIcon, ListIcon, ListOrderedIcon, ListView, LoaderIcon, LoadingButton, LogOutIcon, MailIcon, Markdown, Maximize2Icon, Menu, MenuIcon, MenuItem, MinusIcon, MoonIcon, MoreVerticalIcon, MultiSelect, MultiSelectItem, PencilIcon, PlusIcon, Popover, PopoverPrimitive, Portal, QuoteIcon, RadioGroup, RadioGroupItem, RefreshCwIcon, RepeatIcon, ResizablePanels, Rows3Icon, SearchBar, SearchIcon, Select, SelectItem, Separator, SettingsIcon, Sheet, Skeleton, StarIcon, SunIcon, SunMoonIcon, Tab, Table, TableBody, TableCell, TableHeader, TableIcon, TableRow, TableView, Tabs, TextField, TextIcon, TextareaAutosize, ToggleButtonGroup, Tooltip, Trash2Icon, Typography, UploadIcon, UserIcon, VoteIcon, XCircleIcon, XIcon, cls, coolIconKeys, debounce, defaultBorderMixin, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, fieldBackgroundInvisibleMixin, fieldBackgroundMixin, focusedDisabled, getColorSchemeForSeed, iconSize, lucideIcons, paperMixin, useDebouncedCallback, useInjectStyles, useOutsideAlerter } from "@rebasepro/ui";
-import { CollectionRegistry, DEFAULT_ONE_OF_TYPE, DEFAULT_ONE_OF_VALUE, addInitialSlash, buildRoutedRebaseData, canReadCollection, enumToObjectEntries, getArrayResolvedProperties, getCollectionBySlugWithin, getCollectionPathsCombinations, getDefaultValueFor, getDefaultValueFortype, getDefaultValuesFor, getEntityImagePreviewPropertyKey, getLabelOrConfigFrom, getLastSegment, getLastSegment as getLastSegment$1, getLocalChangesBackup, getNavigationEntriesFromPath, getParentReferencesFromPath, getReferenceFrom, getRelationFrom, getSubcollections, getTableName, isHidden, isPropertyBuilder, isReadOnly, normalizeToEntityRelation, removeInitialAndTrailingSlashes, removeInitialAndTrailingSlashes as removeInitialAndTrailingSlashes$1, removeInitialSlash, removeTrailingSlash, resolveArrayProperties, resolveCollectionPathIds, resolveCollectionPathIds as resolveCollectionPathIds$1, resolveDataSource, resolveDefaultSelectedView, resolveEnumValues, resolveProperty, resolveRelationProperty, resolveStorageFilenameString, resolveStoragePathString } from "@rebasepro/common";
-import { ADDITIONAL_TAB_WIDTH, CONTAINER_FULL_WIDTH, CollectionComponentOverrideProvider, ConfirmationDialog, CustomizationControllerContext, DEFAULT_PAGE_SIZE, ErrorTooltip, ErrorView, FORM_CONTAINER_WIDTH, IconForView, LanguageToggle, LoginView, NotFoundPage, PluginProviderStack, RebaseDataContext, RebaseLogo, RebaseRoutes, SchemaDriftBanner, StudioBridgeRegistryProvider, UIReferenceView, UnsavedChangesDialog, UserDisplay, UserSettingsView, buildCollapsedDefaults, buildEnumLabel, createFormexStub, deleteEntityWithCallbacks, flattenKeys, getColorScheme, getColumnKeysForProperty, getEntityFromCache, getEntityFromMemoryCache, getFormFieldKeys, getIcon, getRowHeight, iconsSearch, removeEntityFromCache, removeEntityFromMemoryCache, resolveComponentRef, saveEntityToCache, saveEntityToMemoryCache, saveEntityWithCallbacks, useAdminModeController, useAnalyticsController, useApiConfig, useAuthController, useBridgeRegistration, useBuildLocalConfigurationPersistence, useCollapsedGroups, useColumnIds, useComponentOverride, useCustomizationController, useData, useDataSources, useDataTableController, useEntityFetch, useLargeLayout, useModeController, usePermissions, useRebaseClient, useRebaseContext, useRebaseRegistry, useRebaseRegistryDispatch, useRelationSelector, useRestoreScroll, useScrollRestoration, useSlot, useSnackbarController, useStorageSource, useStorageUploadController, useTranslation, useUnsavedChangesDialog, useUserConfigurationPersistence } from "@rebasepro/core";
+import { Alert, AlertCircleIcon, AlertTriangleIcon, AlignLeftIcon, ArrowLeftIcon, ArrowRightToLineIcon, Avatar, Badge, BooleanSwitchWithLabel, Button, CHIP_COLORS, CalendarIcon, Card, CardView, CenteredView, CheckCircleIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, Chip, CircleIcon, CircularProgress, CircularProgressCenter, CodeIcon, Collapse, ColumnsIcon, Container, CopyIcon, DateTimeField, Dialog, DialogActions, DialogContent, DialogTitle, DownloadIcon, ErrorBoundary, ExpandablePanel, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FilterXIcon, FlagIcon, FolderUpIcon, FunctionSquareIcon, GlobeIcon, HandleIcon, HashIcon, HistoryIcon, IconButton, ImageOffIcon, KanbanIcon, KanbanView, KeyRoundIcon, Label, LayoutGridIcon, LinkIcon, ListIcon, ListOrderedIcon, ListView, LoaderIcon, LoadingButton, LogOutIcon, MailIcon, Markdown, Maximize2Icon, Menu, MenuIcon, MenuItem, MinusIcon, MoonIcon, MoreVerticalIcon, MultiSelect, MultiSelectItem, PencilIcon, PlusIcon, Popover, PopoverPrimitive, Portal, QuoteIcon, RadioGroup, RadioGroupItem, RefreshCwIcon, RepeatIcon, ResizablePanels, Rows3Icon, SearchBar, SearchIcon, Select, SelectItem, Separator, SettingsIcon, Sheet, Skeleton, StarIcon, SunIcon, SunMoonIcon, Tab, Table, TableBody, TableCell, TableHeader, TableIcon, TableRow, TableView, Tabs, TextField, TextIcon, TextareaAutosize, ToggleButtonGroup, Tooltip, Trash2Icon, Typography, UploadIcon, UserIcon, VirtualTableDateField, VirtualTableInput, VirtualTableInput as VirtualTableInput$1, VirtualTableNumberInput, VirtualTableSwitch, VoteIcon, XCircleIcon, XIcon, cls, coolIconKeys, createVirtualTableSelectionStore, debounce, defaultBorderMixin, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, fieldBackgroundInvisibleMixin, fieldBackgroundMixin, focusedDisabled, getColorSchemeForSeed, iconSize, lucideIcons, paperMixin, useDebouncedCallback, useInjectStyles, useOutsideAlerter } from "@rebasepro/ui";
+import { CollectionRegistry, DEFAULT_ONE_OF_TYPE, DEFAULT_ONE_OF_VALUE, addInitialSlash, buildRoutedRebaseData, canReadCollection, enumToObjectEntries, getArrayResolvedProperties, getCollectionBySlugWithin, getCollectionPathsCombinations, getDefaultValueFor, getDefaultValueFortype, getDefaultValuesFor, getEntityImagePreviewPropertyKey, getLabelOrConfigFrom, getLastSegment, getLastSegment as getLastSegment$1, getLocalChangesBackup, getNavigationEntriesFromPath, getParentReferencesFromPath, getReferenceFrom, getRelationFrom, getSubcollections, getTableName, isHidden, isPropertyBuilder, isReadOnly, normalizeToEntityRelation, removeInitialAndTrailingSlashes, removeInitialAndTrailingSlashes as removeInitialAndTrailingSlashes$1, removeInitialSlash, removeTrailingSlash, resolveArrayProperties, resolveCollectionPathIds, resolveCollectionPathIds as resolveCollectionPathIds$1, resolveDataSource, resolveDefaultSelectedView, resolveEnumValues, resolveFilterOperators, resolveProperty, resolveRelationProperty, resolveStorageFilenameString, resolveStoragePathString, resolveStorageSource } from "@rebasepro/common";
+import { ADDITIONAL_TAB_WIDTH, CONTAINER_FULL_WIDTH, CollectionScopeProvider, ConfirmationDialog, CustomizationControllerContext, DEFAULT_PAGE_SIZE, ErrorTooltip, ErrorView, FORM_CONTAINER_WIDTH, IconForView, LanguageToggle, LoginView, NotFoundPage, PluginProviderStack, RebaseDataContext, RebaseLogo, RebaseRoutes, SchemaDriftBanner, StorageSourceContext, StudioBridgeRegistryProvider, UIReferenceView, UnsavedChangesDialog, UserDisplay, UserSettingsView, buildCollapsedDefaults, buildEnumLabel, createFormexStub, deleteEntityWithCallbacks, flattenKeys, getColorScheme, getColumnKeysForProperty, getEntityFromCache, getEntityFromMemoryCache, getFormFieldKeys, getIcon, getRowHeight, iconsSearch, removeEntityFromCache, removeEntityFromMemoryCache, resolveComponentRef, saveEntityToCache, saveEntityToMemoryCache, saveEntityWithCallbacks, useAdminModeController, useAnalyticsController, useApiConfig, useAuthController, useBridgeRegistration, useBuildLocalConfigurationPersistence, useCollapsedGroups, useCollectionScope, useColumnIds, useComponentOverride, useCustomizationController, useData, useDataSources, useDataTableController, useFetch, useLargeLayout, useModeController, usePermissions, useRebaseClient, useRebaseContext, useRebaseRegistry, useRebaseRegistryDispatch, useRelationSelector, useResolvedComponent, useRestoreScroll, useScrollRestoration, useSlot, useSnackbarController, useStorageSource, useStorageSources, useStorageUploadController, useTranslation, useUnsavedChangesDialog, useUserConfigurationPersistence } from "@rebasepro/core";
 import { Field, Formex, getIn, setIn, useCreateFormex, useFormex } from "@rebasepro/formex";
 import { z } from "zod";
 import { defaultDateFormat, getArrayValuesCount, getHashValue, getValueInPath, hydrateRegExp, isObject, mergeDeep, prettifyIdentifier, randomString, slugify, toArray } from "@rebasepro/utils";
+import { EntityReference, EntityRelation, GeoPoint, Vector, getCollectionDataPath, getDataSourceCapabilities } from "@rebasepro/types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { EntityReference, EntityRelation, GeoPoint, Vector, getDataSourceCapabilities } from "@rebasepro/types";
 import { Link, NavLink, Outlet, Route, useBlocker, useLocation, useNavigate, useSearchParams } from "react-router-dom";
 import { Highlight, themes } from "prism-react-renderer";
 import { Command } from "cmdk";
@@ -347,10 +347,10 @@ function buildBottomActions$1({ savingError, entity, path, formActions, collecti
 						if (entity) action.onClick({
 							view: "form",
 							entity,
-							path: path ?? collection.slug,
+							path: path ?? getCollectionDataPath(collection),
 							collection,
 							context: void 0,
-							sideEntityController: void 0,
+							sidePanelController: void 0,
 							openEntityMode,
 							navigateBack,
 							formContext
@@ -784,26 +784,32 @@ function renderSkeletonIcon() {
 */
 var StorageThumbnail = React.memo(StorageThumbnailInternal, areEqual$1);
 function areEqual$1(prevProps, nextProps) {
-	return prevProps.size === nextProps.size && prevProps.storagePathOrDownloadUrl === nextProps.storagePathOrDownloadUrl && prevProps.storeUrl === nextProps.storeUrl && prevProps.interactive === nextProps.interactive && prevProps.fill === nextProps.fill;
+	return prevProps.size === nextProps.size && prevProps.storagePathOrDownloadUrl === nextProps.storagePathOrDownloadUrl && prevProps.storeUrl === nextProps.storeUrl && prevProps.interactive === nextProps.interactive && prevProps.fill === nextProps.fill && prevProps.storageSourceKey === nextProps.storageSourceKey;
 }
 var URL_CACHE = {};
-function StorageThumbnailInternal({ storeUrl, interactive, storagePathOrDownloadUrl, size, fill }) {
+function StorageThumbnailInternal({ storeUrl, interactive, storagePathOrDownloadUrl, size, fill, storageSourceKey }) {
 	const [error, setError] = React.useState(void 0);
-	const storage = useStorageSource();
-	const [downloadConfig, setDownloadConfig] = React.useState(URL_CACHE[storagePathOrDownloadUrl]);
+	const defaultStorage = useStorageSource();
+	const storage = resolveStorageSource({
+		sourceKey: storageSourceKey,
+		sources: useStorageSources().sources,
+		defaultSource: defaultStorage
+	});
+	const cacheKey = `${storageSourceKey ?? ""}::${storagePathOrDownloadUrl}`;
+	const [downloadConfig, setDownloadConfig] = React.useState(URL_CACHE[cacheKey]);
 	useEffect(() => {
 		if (!storagePathOrDownloadUrl) return;
 		let unmounted = false;
 		storage.getSignedUrl(storagePathOrDownloadUrl).then(function(downloadConfig) {
 			if (!unmounted) {
 				setDownloadConfig(downloadConfig);
-				URL_CACHE[storagePathOrDownloadUrl] = downloadConfig;
+				URL_CACHE[cacheKey] = downloadConfig;
 			}
 		}).catch(setError);
 		return () => {
 			unmounted = true;
 		};
-	}, [storagePathOrDownloadUrl]);
+	}, [storagePathOrDownloadUrl, cacheKey]);
 	if (!storagePathOrDownloadUrl) return null;
 	const filetype = downloadConfig?.metadata ? getFiletype(downloadConfig?.metadata.contentType) : void 0;
 	const previewType = filetype?.startsWith("image") ? "image" : filetype?.startsWith("video") ? "video" : filetype?.startsWith("audio") ? "audio" : "file";
@@ -951,7 +957,6 @@ function getDefaultIconForProperty(property) {
 			if (property.ui?.url) return GlobeIcon;
 			if (property.email) return MailIcon;
 			if (property.ui?.multiline || property.ui?.markdown) return AlignLeftIcon;
-			if (property.reference) return LinkIcon;
 			return TextIcon;
 		case "number": return HashIcon;
 		case "boolean": return FlagIcon;
@@ -1054,6 +1059,21 @@ function isHiddenProperty(property) {
 	if (!property) return false;
 	return Boolean(property.ui?.hideFromCollection);
 }
+/**
+* Returns true when the property holds file-storage content (single image,
+* array of images, generic upload, …).  These properties are rendered by the
+* dedicated image-slot and should NOT appear as regular preview columns.
+*/
+function isStorageProperty$1(property) {
+	if (!property) return false;
+	if (property.type === "string" && property.storage) return true;
+	if (property.type === "string" && property.ui?.url === "image") return true;
+	if (property.type === "array" && property.of && !Array.isArray(property.of)) {
+		const inner = property.of;
+		if (inner.type === "string" && (inner.storage || inner.ui?.url === "image")) return true;
+	}
+	return false;
+}
 function getEntityPreviewKeys(authController, targetCollection, fields, previewProperties, limit = 3) {
 	const allProperties = Object.keys(targetCollection.properties);
 	let listProperties = previewProperties?.filter((p) => allProperties.includes(p));
@@ -1067,7 +1087,7 @@ function getEntityPreviewKeys(authController, targetCollection, fields, previewP
 			return !(prop && typeof prop === "object" && "isId" in prop && Boolean(prop.isId)) && key !== "id";
 		}).filter((key) => {
 			const property = targetCollection.properties[key];
-			return property && !isPropertyBuilder(property) && !isReferenceProperty(property) && !isHiddenProperty(property) && (hasExplicitOrder || !isRelationProperty(property));
+			return property && !isPropertyBuilder(property) && !isReferenceProperty(property) && !isHiddenProperty(property) && !isStorageProperty$1(property) && (hasExplicitOrder || !isRelationProperty(property));
 		}).slice(0, limit);
 	}
 }
@@ -1140,15 +1160,15 @@ function resolveTitleToString(title) {
 	}
 }
 //#endregion
-//#region src/components/EntityPreview.tsx
+//#region src/components/EntityPreviewBinding.tsx
 /**
-* This component contains the main logic and content for displaying an entity preview,
-* without any container wrapper. Used internally by EntityPreview.
+* This component contains the main logic and content for displaying a entity preview,
+* without any container wrapper. Used internally by EntityPreviewBinding.
 */
-function EntityPreviewData({ actions, collection: collectionProp, previewKeys, size = "medium", includeId = true, onSideEntityClick, includeTitle = true, includeEntityLink = true, includeImage = true, entity }) {
+function EntityPreviewBindingData({ actions, collection: collectionProp, previewKeys, size = "medium", includeId = true, onSidePanelClick, includeTitle = true, includeEntityLink = true, includeImage = true, entity }) {
 	const authController = useAuthController();
 	const analyticsController = useAnalyticsController();
-	const sideEntityController = useSideEntityController();
+	const sidePanelController = useSidePanel();
 	const customizationController = useCustomizationController();
 	const collectionRegistryController = useCollectionRegistryController();
 	const collection = collectionProp ?? collectionRegistryController.getCollection(entity.path);
@@ -1245,12 +1265,12 @@ function EntityPreviewData({ actions, collection: collectionProp, previewKeys, s
 					onClick: (e) => {
 						e.stopPropagation();
 						e.preventDefault();
-						onSideEntityClick?.(entity);
+						onSidePanelClick?.(entity);
 						analyticsController.onAnalyticsEvent?.("entity_click_from_reference", {
 							path: entity.path,
 							entityId: entity.id
 						});
-						sideEntityController.open({
+						sidePanelController.open({
 							entityId: entity.id,
 							path: entity.path,
 							collection,
@@ -1268,15 +1288,15 @@ function EntityPreviewData({ actions, collection: collectionProp, previewKeys, s
 	] });
 }
 /**
-* This view is used to display a preview of an entity.
+* This view is used to display a preview of a entity.
 * It is used by default in reference fields and whenever a reference is displayed.
 */
-function EntityPreview({ actions, disabled, hover, collection, previewKeys, onClick, size = "medium", includeId = true, includeTitle = true, includeEntityLink = true, includeImage = true, onSideEntityClick, entity }) {
+function EntityPreviewBinding({ actions, disabled, hover, collection, previewKeys, onClick, size = "medium", includeId = true, includeTitle = true, includeEntityLink = true, includeImage = true, onSidePanelClick, entity }) {
 	return /* @__PURE__ */ jsx(EntityPreviewContainer, {
 		onClick: disabled ? void 0 : onClick,
 		hover: disabled ? void 0 : hover,
 		size,
-		children: /* @__PURE__ */ jsx(EntityPreviewData, {
+		children: /* @__PURE__ */ jsx(EntityPreviewBindingData, {
 			actions,
 			collection,
 			previewKeys,
@@ -1285,7 +1305,7 @@ function EntityPreview({ actions, disabled, hover, collection, previewKeys, onCl
 			includeTitle,
 			includeEntityLink,
 			includeImage,
-			onSideEntityClick,
+			onSidePanelClick,
 			entity
 		})
 	});
@@ -1369,16 +1389,16 @@ function ReferencePreviewInternal(props) {
 		...props,
 		collection
 	});
-	if (collection?.components) return /* @__PURE__ */ jsx(CollectionComponentOverrideProvider, {
-		overrides: collection.components,
+	if (collection) return /* @__PURE__ */ jsx(CollectionScopeProvider, {
+		collection,
 		children: content
 	});
 	return content;
 }
 function ReferencePreviewExisting({ reference, collection, previewProperties, size, disabled, includeEntityLink, includeId, onClick, hover, textOnly }) {
-	const ResolvedEntityPreview = useComponentOverride("Entity.Preview", EntityPreview);
+	const ResolvedEntityPreview = useComponentOverride("EntityPreview", EntityPreviewBinding);
 	const customizationController = useCustomizationController();
-	const { entity, dataLoading, dataLoadingError } = useEntityFetch({
+	const { entity, dataLoading, dataLoadingError } = useFetch({
 		path: reference.path,
 		entityId: reference.id,
 		collection,
@@ -1468,8 +1488,8 @@ function ArrayOfReferencesPreview({ propertyKey, value, property, size }) {
 	});
 }
 //#endregion
-//#region src/components/EntityView.tsx
-function EntityView({ entity, collection, path, className }) {
+//#region src/components/EntityViewBinding.tsx
+function EntityViewBinding({ entity, collection, path, className }) {
 	const customizationController = useCustomizationController();
 	const properties = collection.properties;
 	return /* @__PURE__ */ jsx("div", {
@@ -1540,8 +1560,8 @@ function resolvedSelectedEntityView(customViews, customizationController, select
 	};
 }
 //#endregion
-//#region src/components/EntityJsonPreview.tsx
-function EntityJsonPreview({ values }) {
+//#region src/components/JsonPreviewBinding.tsx
+function JsonPreviewBinding({ values }) {
 	const code = JSON.stringify(values, null, "	");
 	const { mode } = useModeController();
 	const preRef = useRef(null);
@@ -1568,17 +1588,17 @@ function EntityJsonPreview({ values }) {
 	});
 }
 //#endregion
-//#region src/util/entity_view_constants.ts
+//#region src/util/view_constants.ts
 /**
-* Shared tab value constants used by EntityEditView and EntityDetailView.
+* Shared tab value constants used by EditViewBinding and DetailViewBinding.
 */
 var MAIN_TAB_VALUE = "__main_##Q$SC^#S6";
 var JSON_TAB_VALUE = "__json";
 //#endregion
-//#region src/components/EntityDetailView.tsx
-var EntityHistoryView$1 = lazy(() => import("./history-ChHgyyvM.js").then((m) => ({ default: m.EntityHistoryView })));
-function EntityDetailView({ entityId, ...props }) {
-	const { entity, dataLoading, dataLoadingError } = useEntityFetch({
+//#region src/components/DetailViewBinding.tsx
+var EntityHistoryView$1 = lazy(() => import("./history-7X5bON_n.js").then((m) => ({ default: m.EntityHistoryView })));
+function DetailViewBinding({ entityId, ...props }) {
+	const { entity, dataLoading, dataLoadingError } = useFetch({
 		path: props.path,
 		entityId,
 		collection: props.collection,
@@ -1589,20 +1609,19 @@ function EntityDetailView({ entityId, ...props }) {
 		variant: "label",
 		children: "Entity not found"
 	}) });
-	const content = /* @__PURE__ */ jsx(EntityDetailViewInner, {
+	const content = /* @__PURE__ */ jsx(DetailViewBindingInner, {
 		...props,
 		entityId,
 		entity,
 		dataLoading
 	});
-	if (props.collection.components) return /* @__PURE__ */ jsx(CollectionComponentOverrideProvider, {
-		overrides: props.collection.components,
+	return /* @__PURE__ */ jsx(CollectionScopeProvider, {
+		collection: props.collection,
 		children: content
 	});
-	return content;
 }
-function EntityDetailViewInner({ path, entityId, selectedTab: selectedTabProp, collection, parentCollectionSlugs, parentEntityIds, onTabChange, onEditClick, entity, dataLoading, layout = "full_screen", barActions }) {
-	const ResolvedCollectionView = useComponentOverride("Collection.View", EntityCollectionView);
+function DetailViewBindingInner({ path, entityId, selectedTab: selectedTabProp, collection, parentCollectionSlugs, parentEntityIds, onTabChange, onEditClick, entity, dataLoading, layout = "full_screen", barActions }) {
+	const ResolvedCollectionView = useComponentOverride("Collection.View", CollectionViewBinding);
 	const { t } = useTranslation();
 	const context = useRebaseContext();
 	const urlController = useUrlController();
@@ -1751,7 +1770,7 @@ function EntityDetailViewInner({ path, entityId, selectedTab: selectedTabProp, c
 	const jsonView = activeTab === "__json" || jsonTabMounted ? /* @__PURE__ */ jsx("div", {
 		className: cls("relative flex-1 h-full overflow-auto w-full", { "hidden": activeTab !== JSON_TAB_VALUE }),
 		role: "tabpanel",
-		children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(EntityJsonPreview, { values: usedEntity?.values ?? {} }) })
+		children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(JsonPreviewBinding, { values: usedEntity?.values ?? {} }) })
 	}, "json_view") : null;
 	const historyView = includeHistoryView && activeTab === "__rebase_history" ? /* @__PURE__ */ jsx("div", {
 		className: "relative flex-1 h-full overflow-auto w-full",
@@ -1768,7 +1787,7 @@ function EntityDetailViewInner({ path, entityId, selectedTab: selectedTabProp, c
 	}, "history_view") : null;
 	const subCollectionsViews = subcollections && subcollections.map((subcollection) => {
 		const subcollectionId = subcollection.slug;
-		const newFullPath = usedEntity ? `${path}/${usedEntity?.id}/${removeInitialAndTrailingSlashes(subcollection.slug)}` : void 0;
+		const newFullPath = usedEntity ? `${path}/${usedEntity?.id}/${removeInitialAndTrailingSlashes(getCollectionDataPath(subcollection))}` : void 0;
 		if (activeTab !== subcollectionId) return null;
 		return /* @__PURE__ */ jsxs("div", {
 			className: "relative flex-1 h-full overflow-auto w-full",
@@ -1816,7 +1835,7 @@ function EntityDetailViewInner({ path, entityId, selectedTab: selectedTabProp, c
 				formContext: readOnlyFormContext
 			})
 		}) });
-		return /* @__PURE__ */ jsx(Fragment, { children: usedEntity && /* @__PURE__ */ jsx(EntityView, {
+		return /* @__PURE__ */ jsx(Fragment, { children: usedEntity && /* @__PURE__ */ jsx(EntityViewBinding, {
 			entity: usedEntity,
 			collection,
 			path
@@ -2058,44 +2077,9 @@ function DetailViewSkeleton({ collection }) {
 }
 //#endregion
 //#region src/components/SelectableTable/SelectionStore.ts
-/**
-* A ref-based selection store that avoids React context re-renders.
-*
-* The problem with putting `selectedCell` in a React context value is that
-* ANY cell selection change triggers a context value change, which forces
-* ALL consumers (every PropertyTableCell in the table) to re-render.
-* This causes the DOM to be replaced between mousedown and click events,
-* breaking `alwaysInteractive` cells (like relation selectors) where the
-* user needs to click a button on the very first interaction.
-*
-* This store uses `useSyncExternalStore` so only cells whose `selected`
-* derivation actually changed will re-render.
-*/
 function createSelectionStore() {
-	let selectedCell = void 0;
-	const listeners = /* @__PURE__ */ new Set();
-	function getSnapshot() {
-		return selectedCell;
-	}
-	function subscribe(listener) {
-		listeners.add(listener);
-		return () => listeners.delete(listener);
-	}
-	function select(cell) {
-		selectedCell = cell;
-		listeners.forEach((l) => l());
-	}
-	return {
-		getSnapshot,
-		subscribe,
-		select
-	};
+	return createVirtualTableSelectionStore();
 }
-/**
-* Hook that subscribes a cell to the selection store and returns
-* whether THIS cell is selected. Only re-renders when the cell's
-* `selected` boolean actually changes (not on every store update).
-*/
 function useCellSelected(store, propertyKey, entityPath, entityId) {
 	const selectorRef = useRef({
 		propertyKey,
@@ -2107,79 +2091,16 @@ function useCellSelected(store, propertyKey, entityPath, entityId) {
 		entityPath,
 		entityId
 	};
-	const getSnapshot = useCallback(() => {
-		const cell = store.getSnapshot();
+	const getEntity = useCallback(() => {
+		const cell = store.getEntity();
 		if (!cell) return false;
 		const s = selectorRef.current;
 		return cell.propertyKey === s.propertyKey && cell.entityPath === s.entityPath && cell.entityId === s.entityId;
 	}, [store]);
-	return useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+	return useSyncExternalStore(store.subscribe, getEntity, getEntity);
 }
 //#endregion
-//#region src/components/EntityCollectionTable/fields/VirtualTableInput.tsx
-function VirtualTableInput(props) {
-	const ref = React.useRef(null);
-	const { disabled, value, multiline, updateValue, focused } = props;
-	const prevValue = useRef(value);
-	const [internalValue, setInternalValue] = useState(value);
-	const focusedState = useRef(false);
-	useEffect(() => {
-		if (prevValue.current !== value && value !== internalValue) setInternalValue(value);
-		prevValue.current = value;
-	}, [value]);
-	const doUpdate = React.useCallback(() => {
-		if (!value && !internalValue) return;
-		if (internalValue !== value && internalValue !== prevValue.current) {
-			prevValue.current = internalValue;
-			updateValue(internalValue);
-		}
-	}, [
-		internalValue,
-		updateValue,
-		value
-	]);
-	useDebouncedCallback(internalValue, doUpdate, !focused, 400);
-	useEffect(() => {
-		if (ref.current && focused && !focusedState.current) {
-			focusedState.current = true;
-			ref.current.focus({ preventScroll: true });
-			ref.current.selectionStart = ref.current.value.length;
-			ref.current.selectionEnd = ref.current.value.length;
-		} else focusedState.current = focused;
-	}, [focused, ref]);
-	return /* @__PURE__ */ jsx(TextareaAutosize, {
-		className: focusedDisabled,
-		ref,
-		style: {
-			padding: 0,
-			margin: 0,
-			width: "100%",
-			color: "unset",
-			fontWeight: "unset",
-			fontSize: "unset",
-			fontFamily: "unset",
-			background: "unset",
-			border: "unset",
-			resize: "none",
-			outline: "none"
-		},
-		value: internalValue ?? "",
-		onChange: (evt) => {
-			const newValue = evt.target.value;
-			if (multiline || !newValue.endsWith("\n")) setInternalValue(newValue);
-		},
-		onFocus: () => {
-			focusedState.current = true;
-		},
-		onBlur: () => {
-			focusedState.current = false;
-			doUpdate();
-			if (props.onBlur) props.onBlur();
-		}
-	});
-}
-//#endregion
-//#region src/components/EntityCollectionTable/fields/VirtualTableSelect.tsx
+//#region src/components/CollectionTableBinding/fields/VirtualTableSelect.tsx
 function VirtualTableSelect(props) {
 	const { enumValues, internalValue, disabled, small, focused, updateValue, multiple, valueType } = props;
 	const validValue = Array.isArray(internalValue) && multiple || !Array.isArray(internalValue) && !multiple;
@@ -2252,78 +2173,6 @@ function VirtualTableSelect(props) {
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionTable/fields/VirtualTableNumberInput.tsx
-function VirtualTableNumberInput(props) {
-	const { align, value, updateValue, focused } = props;
-	const propStringValue = value && typeof value === "number" ? value.toString() : "";
-	const [internalValue, setInternalValue] = useState(propStringValue);
-	const prevValue = useRef(value);
-	useEffect(() => {
-		if (prevValue.current !== value && String(value) !== internalValue) setInternalValue(value ? value.toString() : null);
-		prevValue.current = value;
-	}, [value]);
-	useDebouncedCallback(internalValue, React.useCallback(() => {
-		if (internalValue !== propStringValue) if (internalValue !== void 0 && internalValue !== null) {
-			const numberValue = parseFloat(internalValue);
-			if (isNaN(numberValue)) return;
-			if (numberValue !== void 0 && numberValue !== null) updateValue(numberValue);
-		} else updateValue(null);
-	}, [internalValue, value]), !focused, 400);
-	useEffect(() => {
-		if (!focused && propStringValue !== internalValue) setInternalValue(value !== void 0 && value !== null ? value.toString() : null);
-	}, [value, focused]);
-	const inputRef = React.useRef(null);
-	useEffect(() => {
-		if (inputRef.current && focused) inputRef.current.focus({ preventScroll: true });
-	}, [focused, inputRef]);
-	const regexp = /^-?[0-9]+[,.]?[0-9]*$/;
-	return /* @__PURE__ */ jsx(TextField, {
-		inputRef,
-		invisible: true,
-		size: "small",
-		className: "w-full",
-		inputClassName: cls("p-0 m-0 bg-transparent border-none outline-hidden font-normal leading-normal text-unset", focusedDisabled),
-		inputStyle: { textAlign: align },
-		value: internalValue ?? "",
-		onChange: (evt) => {
-			const newValue = evt.target.value.replace(",", ".");
-			if (newValue.length === 0) setInternalValue(null);
-			if (regexp.test(newValue) || newValue.startsWith("-")) setInternalValue(newValue);
-		}
-	});
-}
-//#endregion
-//#region src/components/EntityCollectionTable/fields/VirtualTableSwitch.tsx
-function VirtualTableSwitch(props) {
-	const { internalValue, updateValue, focused } = props;
-	const ref = React.useRef(null);
-	useEffect(() => {
-		if (ref.current && focused) ref.current.focus({ preventScroll: true });
-	}, [focused, ref]);
-	return /* @__PURE__ */ jsx(BooleanSwitch, {
-		ref,
-		size: "small",
-		value: Boolean(internalValue),
-		onValueChange: updateValue
-	});
-}
-//#endregion
-//#region src/components/EntityCollectionTable/fields/VirtualTableDateField.tsx
-function VirtualTableDateField(props) {
-	const { locale } = useCustomizationController();
-	const { disabled, error, mode, timezone, internalValue, updateValue } = props;
-	return /* @__PURE__ */ jsx(DateTimeField, {
-		value: internalValue ?? void 0,
-		onChange: (dateValue) => updateValue(dateValue ?? null),
-		invisible: true,
-		inputClassName: cls("w-full h-full", focusedDisabled),
-		className: cls("w-full h-full", focusedDisabled),
-		mode,
-		timezone,
-		locale
-	});
-}
-//#endregion
 //#region src/components/UserSelector.tsx
 var DEFAULT_PAGE_SIZE$2 = 10;
 /**
@@ -2639,7 +2488,7 @@ var UserSelector = React$1.forwardRef(({ value, size = "medium", onValueChange,
 });
 UserSelector.displayName = "UserSelector";
 //#endregion
-//#region src/components/EntityCollectionTable/fields/VirtualTableUserSelect.tsx
+//#region src/components/CollectionTableBinding/fields/VirtualTableUserSelect.tsx
 function VirtualTableUserSelect(props) {
 	const { internalValue, disabled, small, focused, updateValue, multiple } = props;
 	return /* @__PURE__ */ jsx(UserSelector, {
@@ -2655,8 +2504,9 @@ function VirtualTableUserSelect(props) {
 }
 //#endregion
 //#region src/form/components/StorageUploadProgress.tsx
-function StorageUploadProgress({ storagePath, entry, metadata, onFileUploadComplete, imageSize, simple }) {
-	const storageSource = useStorageSource();
+function StorageUploadProgress({ storagePath, entry, metadata, onFileUploadComplete, imageSize, simple, storageSource: storageSourceProp }) {
+	const defaultStorageSource = useStorageSource();
+	const storageSource = storageSourceProp ?? defaultStorageSource;
 	const snackbarController = useSnackbarController();
 	const [error, setError] = React.useState();
 	const [loading, setLoading] = React.useState(false);
@@ -2720,7 +2570,7 @@ function StorageUploadProgress({ storagePath, entry, metadata, onFileUploadCompl
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionTable/internal/EntityTableCellActions.tsx
+//#region src/components/CollectionTableBinding/internal/EntityTableCellActions.tsx
 function EntityTableCellActions({ showError, disabled, showExpandIcon, selected, openPopup, children }) {
 	const ref = useRef(null);
 	const doOpenPopup = useCallback(() => {
@@ -2770,7 +2620,7 @@ function EntityTableCellActions({ showError, disabled, showExpandIcon, selected,
 	}) });
 }
 //#endregion
-//#region src/components/EntityCollectionTable/fields/TableStorageUpload.tsx
+//#region src/components/CollectionTableBinding/fields/TableStorageUpload.tsx
 var dropZoneClasses$1 = "max-w-full box-border relative pt-[2px] items-center border border-transparent outline-hidden rounded-md duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] focus:border-primary-solid";
 var activeDropClasses$1 = "pt-0 border-2 border-solid";
 var acceptDropClasses$1 = "transition-colors duration-200 ease-[cubic-bezier(0,0,0.2,1)] border-2 border-solid border-green-500 bg-green-50 dark:bg-green-900";
@@ -2785,7 +2635,7 @@ var rejectDropClasses$1 = "transition-colors duration-200 ease-[cubic-bezier(0,0
 function TableStorageUpload(props) {
 	const { propertyKey, error, selected, openPopup, value, disabled, property, entity, path, previewSize, updateValue } = props;
 	const storageSource = useStorageSource();
-	const { internalValue, setInternalValue, onFilesAdded, storage, onFileUploadComplete, storagePathBuilder, multipleFilesSupported } = useStorageUploadController({
+	const { internalValue, setInternalValue, onFilesAdded, storage, onFileUploadComplete, storagePathBuilder, multipleFilesSupported, resolvedStorageSource } = useStorageUploadController({
 		entityValues: entity.values,
 		entityId: entity.id,
 		path,
@@ -2796,24 +2646,27 @@ function TableStorageUpload(props) {
 		value,
 		disabled
 	});
-	return /* @__PURE__ */ jsx(StorageUpload$1, {
-		internalValue,
-		setInternalValue,
-		name: propertyKey,
-		disabled,
-		autoFocus: false,
-		openPopup,
-		error,
-		selected,
-		property,
-		onChange: updateValue,
-		entity,
-		storagePathBuilder,
-		storage,
-		multipleFilesSupported,
-		onFilesAdded,
-		onFileUploadComplete,
-		previewSize
+	return /* @__PURE__ */ jsx(StorageSourceContext.Provider, {
+		value: resolvedStorageSource,
+		children: /* @__PURE__ */ jsx(StorageUpload$1, {
+			internalValue,
+			setInternalValue,
+			name: propertyKey,
+			disabled,
+			autoFocus: false,
+			openPopup,
+			error,
+			selected,
+			property,
+			onChange: updateValue,
+			entity,
+			storagePathBuilder,
+			storage,
+			multipleFilesSupported,
+			onFilesAdded,
+			onFileUploadComplete,
+			previewSize
+		})
 	});
 }
 function StorageUpload$1({ property, name, internalValue, setInternalValue, openPopup, entity, selected, error, onChange, multipleFilesSupported, previewSize: previewSizeInput, disabled, autoFocus, storage, onFilesAdded, onFileUploadComplete, storagePathBuilder }) {
@@ -2923,7 +2776,7 @@ function TableStorageItemPreview({ propertyKey, property, value, size, entity })
 	});
 }
 //#endregion
-//#region src/hooks/useEntitySelectionDialog.tsx
+//#region src/hooks/useSelectionDialog.tsx
 /**
 * This hook is used to open a side dialog that allows the selection
 * of entities under a given path.
@@ -2934,17 +2787,17 @@ function TableStorageItemPreview({ propertyKey, property, value, size, entity })
 * This is the same hook used internally when a reference property is defined.
 * @group Hooks and utilities
 */
-function useEntitySelectionDialog(referenceDialogProps) {
+function useSelectionDialog(referenceDialogProps) {
 	const navigation = useCollectionRegistryController();
 	const sideDialogsController = useSideDialogsController();
 	const open = useCallback(() => {
 		if (referenceDialogProps.path) {
 			let usedCollection = referenceDialogProps.collection;
 			if (!usedCollection) usedCollection = navigation.getCollection(referenceDialogProps.path);
-			if (!usedCollection) throw Error("Not able to resolve the collection in useEntitySelectionDialog. Make sure a collection is registered in path " + referenceDialogProps.path);
+			if (!usedCollection) throw Error("Not able to resolve the collection in useSelectionDialog. Make sure a collection is registered in path " + referenceDialogProps.path);
 			sideDialogsController.open({
 				key: `reference_${referenceDialogProps.path}`,
-				component: /* @__PURE__ */ jsx(EntitySelectionTable, {
+				component: /* @__PURE__ */ jsx(SelectionTableBinding, {
 					collection: usedCollection,
 					...referenceDialogProps
 				}),
@@ -2968,7 +2821,7 @@ function useEntitySelectionDialog(referenceDialogProps) {
 	}), [open, close]);
 }
 //#endregion
-//#region src/components/EntityCollectionTable/fields/TableReferenceField.tsx
+//#region src/components/CollectionTableBinding/fields/TableReferenceField.tsx
 var DefaultMissingReference$1 = () => null;
 function TableReferenceFieldResolver(props) {
 	const ResolvedMissingReference = useComponentOverride("Entity.MissingReference", DefaultMissingReference$1);
@@ -2988,8 +2841,8 @@ function TableReferenceField(props) {
 		...props,
 		collection
 	});
-	if (collection?.components) return /* @__PURE__ */ jsx(CollectionComponentOverrideProvider, {
-		overrides: collection.components,
+	if (collection) return /* @__PURE__ */ jsx(CollectionScopeProvider, {
+		collection,
 		children: content
 	});
 	return content;
@@ -2999,7 +2852,7 @@ var TableReferenceFieldInternal = React.memo(function TableReferenceFieldInterna
 	const onSingleEntitySelected = useCallback((entity) => {
 		updateValue(entity ? getReferenceFrom(entity) : null);
 	}, [updateValue]);
-	const referenceDialogController = useEntitySelectionDialog({
+	const referenceDialogController = useSelectionDialog({
 		multiselect,
 		path,
 		collection,
@@ -3067,7 +2920,7 @@ var TableReferenceFieldInternal = React.memo(function TableReferenceFieldInterna
 	});
 }, deepEqual);
 //#endregion
-//#region src/components/EntityCollectionTable/fields/TableMultipleRelationField.tsx
+//#region src/components/CollectionTableBinding/fields/TableMultipleRelationField.tsx
 function TableMultipleRelationField(props) {
 	const collection = props.relation.target();
 	return /* @__PURE__ */ jsx(TableMultipleRelationFieldInternal, {
@@ -3082,9 +2935,9 @@ var TableMultipleRelationFieldInternal = React.memo(function TableMultipleRelati
 		updateValue(entities.map((e) => getRelationFrom(e)));
 	}, [updateValue]);
 	const selectedEntityIds = value.map((ref) => ref.id);
-	const relationDialogController = useEntitySelectionDialog({
+	const relationDialogController = useSelectionDialog({
 		multiselect: true,
-		path: collection.slug,
+		path: getCollectionDataPath(collection),
 		collection,
 		onMultipleEntitiesSelected,
 		selectedEntityIds,
@@ -3126,7 +2979,7 @@ var TableMultipleRelationFieldInternal = React.memo(function TableMultipleRelati
 	});
 }, deepEqual);
 //#endregion
-//#region src/components/EntityCollectionTable/fields/TableRelationField.tsx
+//#region src/components/CollectionTableBinding/fields/TableRelationField.tsx
 function TableRelationField(props) {
 	const collection = props.relation.target();
 	if (props.relation?.cardinality === "many") return /* @__PURE__ */ jsx(TableMultipleRelationField, {
@@ -3156,9 +3009,9 @@ var TableRelationFieldInternal = React.memo(function TableRelationFieldInternal(
 		updateValue(entities.map((e) => getRelationFrom(e)));
 	}, [updateValue]);
 	const selectedEntityIds = internalValue ? Array.isArray(internalValue) ? internalValue.map((ref) => ref.id) : internalValue.id ? [internalValue.id] : [] : [];
-	const relationDialogController = useEntitySelectionDialog({
+	const relationDialogController = useSelectionDialog({
 		multiselect,
-		path: collection.slug,
+		path: getCollectionDataPath(collection),
 		collection,
 		onMultipleEntitiesSelected,
 		onSingleEntitySelected,
@@ -3221,22 +3074,22 @@ var TableRelationFieldInternal = React.memo(function TableRelationFieldInternal(
 	});
 }, deepEqual);
 //#endregion
-//#region src/hooks/useSideEntityController.tsx
-var SideEntityControllerContext = React.createContext({});
+//#region src/hooks/useSidePanel.tsx
+var SidePanelControllerContext = React.createContext({});
 /**
-* Use this hook to retrieve an entity controller that allows you to open
-* a side dialog to edit an entity.
+* Use this hook to retrieve a entity controller that allows you to open
+* a side dialog to edit a entity.
 *
-* @see SideEntityController
+* @see SidePanelController
 * @group Hooks and utilities
 */
-var useSideEntityController = () => useContext(SideEntityControllerContext);
+var useSidePanel = () => useContext(SidePanelControllerContext);
 //#endregion
 //#region src/components/RelationSelector.tsx
 var RelationSelector = React$1.forwardRef(({ value, size = "medium", onValueChange, invisible, disabled, placeholder, useChips = true, className, relation, fixedFilter, pageSize, emptyPlaceholder, searchPlaceholder = "Search...", noResultsText = "No relations found.", loadingText = "Loading..." }, ref) => {
 	const collection = relation.target();
 	const dataClient = useData();
-	const sideEntityController = useSideEntityController();
+	const sidePanelController = useSidePanel();
 	const multiple = relation.cardinality === "many";
 	const [isPopoverOpen, setIsPopoverOpen] = useState(false);
 	const isPopoverOpenRef = useRef(false);
@@ -3246,7 +3099,7 @@ var RelationSelector = React$1.forwardRef(({ value, size = "medium", onValueChan
 	const localSelectionIdsRef = useRef(null);
 	const pinnedIdsRef = useRef(null);
 	const { items: availableItems, isLoading, hasMore, search, loadMore, entityToRelationItem } = useRelationSelector({
-		path: collection.slug,
+		path: getCollectionDataPath(collection),
 		collection,
 		fixedFilter,
 		pageSize
@@ -3520,12 +3373,12 @@ var RelationSelector = React$1.forwardRef(({ value, size = "medium", onValueChan
 						children: selectedItems.map((item) => {
 							if (!useChips || !multiple) return /* @__PURE__ */ jsx("div", {
 								className: "flex flex-row items-center gap-1 truncate",
-								children: item.data ? /* @__PURE__ */ jsx(EntityPreviewData, {
+								children: item.data ? /* @__PURE__ */ jsx(EntityPreviewBindingData, {
 									size: "medium",
 									entity: item.data,
 									includeEntityLink: false,
 									includeId: false,
-									onSideEntityClick: closePopover
+									onSidePanelClick: closePopover
 								}) : /* @__PURE__ */ jsx("span", {
 									className: "text-sm truncate",
 									children: item.label
@@ -3534,7 +3387,7 @@ var RelationSelector = React$1.forwardRef(({ value, size = "medium", onValueChan
 							return /* @__PURE__ */ jsxs(Chip, {
 								size: "small",
 								className: cls("flex flex-row items-center gap-1 truncate"),
-								children: [item.data ? /* @__PURE__ */ jsx(EntityPreviewData, {
+								children: [item.data ? /* @__PURE__ */ jsx(EntityPreviewBindingData, {
 									size: "smallest",
 									entity: item.data,
 									includeEntityLink: false,
@@ -3568,7 +3421,7 @@ var RelationSelector = React$1.forwardRef(({ value, size = "medium", onValueChan
 									e.preventDefault();
 									const entity = selectedItems[0].data;
 									setIsPopoverOpen(false);
-									sideEntityController.open({
+									sidePanelController.open({
 										entityId: entity.id,
 										path: entity.path,
 										collection,
@@ -3670,7 +3523,7 @@ var RelationSelector = React$1.forwardRef(({ value, size = "medium", onValueChan
 											className: cls("flex flex-row items-center gap-1.5 m-1 p-1 rounded-xs cursor-pointer ring-offset-transparent", isSelected && "bg-surface-accent-200 dark:bg-surface-accent-950", "aria-selected:outline-hidden aria-selected:ring-2 aria-selected:ring-primary/75 aria-selected:ring-offset-2 aria-selected:bg-surface-accent-100 dark:aria-selected:bg-surface-accent-900"),
 											children: [multiple && /* @__PURE__ */ jsx(InnerCheckBox, { checked: isSelected }), item.data ? /* @__PURE__ */ jsx("div", {
 												className: "flex flex-row items-center gap-2 min-w-0 w-full",
-												children: /* @__PURE__ */ jsx(EntityPreviewData, {
+												children: /* @__PURE__ */ jsx(EntityPreviewBindingData, {
 													size: multiple ? "smallest" : "medium",
 													entity: item.data,
 													includeId: false,
@@ -3720,7 +3573,7 @@ function InnerCheckBox({ checked }) {
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionTable/fields/TableRelationSelectorField.tsx
+//#region src/components/CollectionTableBinding/fields/TableRelationSelectorField.tsx
 /** Thin wrapper around RelationSelector for table cells */
 function TableRelationSelectorField({ disabled = false, internalValue, updateValue, relation, fixedFilter, size = "medium" }) {
 	return /* @__PURE__ */ jsx(RelationSelector, {
@@ -3733,7 +3586,7 @@ function TableRelationSelectorField({ disabled = false, internalValue, updateVal
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionTable/table_bindings.tsx
+//#region src/components/CollectionTableBinding/table_bindings.tsx
 function isStorageProperty(property) {
 	if (property.type === "string" && property.ui?.markdown) return false;
 	if (property.type === "string" && property.storage) return true;
@@ -3742,32 +3595,7 @@ function isStorageProperty(property) {
 	return false;
 }
 function getTableBindingForProperty(property, selected) {
-	const isAStorageProperty = isStorageProperty(property);
-	if (property.type === "string" && property.reference?.path) return {
-		Component: ({ propertyKey, property, internalValue, updateValue, disabled, size, path }) => {
-			const referenceProperty = property.reference;
-			if (!referenceProperty) return null;
-			return /* @__PURE__ */ jsx(TableReferenceField, {
-				name: propertyKey,
-				internalValue: internalValue ? new EntityReference({
-					id: internalValue,
-					path: referenceProperty.path
-				}) : void 0,
-				updateValue: (v) => updateValue(v ? v.id : null),
-				disabled,
-				size,
-				path: referenceProperty.path,
-				multiselect: false,
-				previewProperties: referenceProperty.ui?.previewProperties,
-				includeId: referenceProperty.includeId,
-				includeEntityLink: referenceProperty.includeEntityLink,
-				title: property.name,
-				fixedFilter: referenceProperty.fixedFilter
-			});
-		},
-		allowScroll: false
-	};
-	else if (isAStorageProperty) return {
+	if (isStorageProperty(property)) return {
 		Component: ({ validationError, error, disabled, selected, openPopup, property, entity, path, internalValue, size, updateValue, propertyKey }) => /* @__PURE__ */ jsx(TableStorageUpload, {
 			error: validationError ?? error,
 			disabled,
@@ -3845,7 +3673,7 @@ function getTableBindingForProperty(property, selected) {
 			}),
 			fullHeight: true
 		};
-		else if (stringProperty.ui?.markdown || !stringProperty.storage || !stringProperty.reference) {
+		else if (stringProperty.ui?.markdown || !stringProperty.storage) {
 			const multiline = Boolean(stringProperty.ui?.multiline) || Boolean(stringProperty.ui?.markdown);
 			return {
 				Component: ({ error, validationError, disabled, selected, internalValue, updateValue }) => /* @__PURE__ */ jsx(VirtualTableInput, {
@@ -3867,15 +3695,19 @@ function getTableBindingForProperty(property, selected) {
 		updateValue
 	}) };
 	else if (property.type === "date") return {
-		Component: ({ propertyKey, error, validationError, disabled, selected, property, internalValue, updateValue }) => /* @__PURE__ */ jsx(VirtualTableDateField, {
-			name: propertyKey,
-			error: validationError ?? error,
-			disabled,
-			mode: property.mode,
-			focused: selected,
-			internalValue,
-			updateValue
-		}),
+		Component: ({ propertyKey, error, validationError, disabled, selected, property, internalValue, updateValue }) => {
+			const { locale } = useCustomizationController();
+			return /* @__PURE__ */ jsx(VirtualTableDateField, {
+				name: propertyKey,
+				error: validationError ?? error,
+				disabled,
+				mode: property.mode,
+				focused: selected,
+				internalValue,
+				updateValue,
+				locale
+			});
+		},
 		fullHeight: true,
 		hideOverflow: false,
 		allowScroll: false
@@ -3987,7 +3819,7 @@ function RelationSelectorBindingComponent({ propertyKey, internalValue, updateVa
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionTable/internal/EntityTableCell.tsx
+//#region src/components/CollectionTableBinding/internal/EntityTableCell.tsx
 var TableCellInner = ({ justifyContent, scrollable, faded, fullHeight, children }) => {
 	return /* @__PURE__ */ jsx("div", {
 		className: cls("flex flex-col max-h-full w-full", { "items-start": faded || scrollable }),
@@ -4148,7 +3980,7 @@ function useClearRestoreValue({ property, value, setValue }) {
 	}, [property]);
 }
 //#endregion
-//#region src/components/EntityCollectionTable/PropertyTableCell.tsx
+//#region src/components/CollectionTableBinding/PropertyTableCell.tsx
 var PropertyTableCell = React.memo(function PropertyTableCell({ propertyKey, customFieldValidator, value, property, align, width, height, path, entity, readonly, disabled: disabledProp, enablePopupIcon = true, sortableNodeRef, sortableStyle, sortableAttributes, isDragging, isDraggable, frozen }) {
 	const { onValueChange, size, selectionStore, select, setPopupCell } = useSelectableTableController();
 	const dummySelectionStore = useMemo(() => createSelectionStore(), []);
@@ -4364,7 +4196,7 @@ function areEqual(prevProps, nextProps) {
 	return prevProps.height === nextProps.height && prevProps.propertyKey === nextProps.propertyKey && prevProps.align === nextProps.align && prevProps.width === nextProps.width && deepEqual(prevProps.property, nextProps.property) && deepEqual(prevProps.value, nextProps.value) && prevProps.entity.id === nextProps.entity.id && prevProps.entity.path === nextProps.entity.path && prevProps.isDragging === nextProps.isDragging && prevProps.isDraggable === nextProps.isDraggable && prevProps.frozen === nextProps.frozen;
 }
 //#endregion
-//#region src/components/EntityCollectionTable/EntityCollectionRowActions.tsx
+//#region src/components/CollectionTableBinding/CollectionRowActions.tsx
 /**
 *
 * @param entity
@@ -4378,9 +4210,9 @@ function areEqual(prevProps, nextProps) {
 *
 * @group Collection components
 */
-var EntityCollectionRowActions = function EntityCollectionRowActions({ entity, collection, path, width, frozen, isSelected, selectionEnabled, size, highlightEntity, onCollectionChange, unhighlightEntity, actions = [], hideId, selectionController, openEntityMode, sortableNodeRef, sortableStyle, sortableAttributes, isDragging, isDraggable }) {
+var CollectionRowActions = function CollectionRowActions({ entity, collection, path, width, frozen, isSelected, selectionEnabled, size, highlightEntity, onCollectionChange, unhighlightEntity, actions = [], hideId, selectionController, openEntityMode, sortableNodeRef, sortableStyle, sortableAttributes, isDragging, isDraggable }) {
 	const context = useCMSContext();
-	const sideEntityCtrl = context.sideEntityController;
+	const sidePanelCtrl = context.sidePanelController;
 	const { t } = useTranslation();
 	const onCheckedChange = useCallback((checked) => {
 		selectionController?.toggleEntitySelection(entity, checked);
@@ -4417,7 +4249,7 @@ var EntityCollectionRowActions = function EntityCollectionRowActions({ entity, c
 								path,
 								collection,
 								context,
-								sideEntityController: sideEntityCtrl,
+								sidePanelController: sidePanelCtrl,
 								selectionController,
 								highlightEntity,
 								unhighlightEntity,
@@ -4452,7 +4284,7 @@ var EntityCollectionRowActions = function EntityCollectionRowActions({ entity, c
 								path,
 								collection,
 								context,
-								sideEntityController: sideEntityCtrl,
+								sidePanelController: sidePanelCtrl,
 								selectionController,
 								highlightEntity,
 								unhighlightEntity,
@@ -4496,7 +4328,7 @@ var EntityCollectionRowActions = function EntityCollectionRowActions({ entity, c
 	return content;
 };
 //#endregion
-//#region src/components/EntityCollectionTable/internal/CollectionTableToolbar.tsx
+//#region src/components/CollectionTableBinding/internal/CollectionTableToolbar.tsx
 function CollectionTableToolbar({ actions, actionsStart, loading, onTextSearch, title, viewModeToggle, initialSearchText, compact = false }) {
 	const largeLayout = useLargeLayout();
 	const { t } = useTranslation();
@@ -4539,7 +4371,7 @@ function CollectionTableToolbar({ actions, actionsStart, loading, onTextSearch,
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionTable/internal/common.tsx
+//#region src/components/CollectionTableBinding/internal/common.tsx
 function getTableCellAlignment(property) {
 	if (property.type === "boolean") return "center";
 	else if (property.type === "number") {
@@ -4576,7 +4408,7 @@ function getSubcollectionColumnId(collection) {
 	return `subcollection:${collection.slug}`;
 }
 //#endregion
-//#region src/components/EntityCollectionTable/column_utils.tsx
+//#region src/components/CollectionTableBinding/column_utils.tsx
 function propertiesToColumns({ properties, sortable, fixedFilter, AdditionalHeaderWidget }) {
 	const disabledFilter = Boolean(fixedFilter);
 	return Object.entries(properties).flatMap(([key, property]) => getColumnKeysForProperty(property, key)).map(({ key, disabled }) => {
@@ -4625,140 +4457,8 @@ function filterableProperty(property, partOfArray = false) {
 	].includes(property.type);
 }
 //#endregion
-//#region src/components/SelectableTable/filters/ReferenceFilterField.tsx
-var operationLabels$3 = {
-	"==": "==",
-	"!=": "!=",
-	">": ">",
-	"<": "<",
-	">=": ">=",
-	"<=": "<=",
-	in: "In",
-	"not-in": "Not in",
-	"array-contains": "Contains",
-	"array-contains-any": "Contains Any"
-};
-var multipleSelectOperations$3 = [
-	"array-contains-any",
-	"in",
-	"not-in"
-];
-function ReferenceFilterField({ value, setValue, isArray, path, includeId = true, previewProperties, setHidden }) {
-	const { t } = useTranslation();
-	const possibleOperations = isArray ? ["array-contains"] : [
-		"==",
-		"!=",
-		">",
-		"<",
-		">=",
-		"<="
-	];
-	if (isArray) possibleOperations.push("array-contains-any");
-	else possibleOperations.push("in", "not-in");
-	const [fieldOperation, fieldValue] = value || [possibleOperations[0], void 0];
-	const [operation, setOperation] = useState(fieldOperation);
-	const [internalValue, setInternalValue] = useState(fieldValue);
-	const selectedEntityIds = internalValue ? Array.isArray(internalValue) ? internalValue.map((ref) => {
-		if (!(ref?.isEntityReference && ref?.isEntityReference())) return null;
-		return ref.id;
-	}).filter(Boolean) : [internalValue.id] : [];
-	function updateFilter(op, val) {
-		const prevOpIsArray = multipleSelectOperations$3.includes(operation);
-		const newOpIsArray = multipleSelectOperations$3.includes(op);
-		let newValue = val;
-		if (prevOpIsArray !== newOpIsArray) newValue = newOpIsArray ? newValue && !Array.isArray(newValue) && newValue.isEntityReference?.() ? [newValue] : [] : void 0;
-		setOperation(op);
-		setInternalValue(newValue);
-		const hasNewValue = newValue !== null && Array.isArray(newValue) ? newValue.length > 0 : newValue !== void 0;
-		if (op && hasNewValue) setValue([op, newValue]);
-		else setValue(void 0);
-	}
-	const collectionRegistryController = useCollectionRegistryController();
-	const collection = useMemo(() => {
-		return path ? collectionRegistryController.getCollection(path) : void 0;
-	}, [path]);
-	const onSingleEntitySelected = (entity) => {
-		updateFilter(operation, getReferenceFrom(entity));
-	};
-	const onMultipleEntitiesSelected = (entities) => {
-		updateFilter(operation, entities.map((e) => getReferenceFrom(e)));
-	};
-	const multiple = multipleSelectOperations$3.includes(operation);
-	const referenceDialogController = useEntitySelectionDialog({
-		multiselect: multiple,
-		path,
-		collection,
-		onSingleEntitySelected,
-		onMultipleEntitiesSelected,
-		selectedEntityIds,
-		onClose: () => {
-			setHidden(false);
-		}
-	});
-	const doOpenDialog = () => {
-		setHidden(true);
-		referenceDialogController.open();
-	};
-	const buildEntry = (reference) => {
-		return /* @__PURE__ */ jsx(ReferencePreview, {
-			disabled: !path,
-			previewProperties,
-			size: "medium",
-			onClick: doOpenDialog,
-			reference,
-			hover: true,
-			includeId,
-			includeEntityLink: false
-		});
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full flex-row",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "w-[100px]",
-			children: /* @__PURE__ */ jsx(Select, {
-				value: operation,
-				size: "medium",
-				fullWidth: true,
-				onValueChange: (value) => {
-					updateFilter(value, internalValue);
-				},
-				renderValue: (op) => operationLabels$3[op],
-				children: possibleOperations.map((op) => /* @__PURE__ */ jsx(SelectItem, {
-					value: op,
-					children: operationLabels$3[op]
-				}, op))
-			})
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "grow ml-2 h-full gap-2 flex flex-col",
-			children: [
-				internalValue && Array.isArray(internalValue) && /* @__PURE__ */ jsx("div", { children: internalValue.map((ref, index) => buildEntry(ref)) }),
-				internalValue && !Array.isArray(internalValue) && /* @__PURE__ */ jsx("div", { children: buildEntry(internalValue) }),
-				(!internalValue || Array.isArray(internalValue) && internalValue.length === 0) && /* @__PURE__ */ jsx(Button, {
-					onClick: doOpenDialog,
-					size: "medium",
-					className: "h-full w-full",
-					children: multiple ? t("select_references") : t("select_reference")
-				}),
-				!isArray && /* @__PURE__ */ jsxs(Label, {
-					className: "border cursor-pointer rounded-md p-2 flex items-center gap-2 bg-surface-50 dark:bg-surface-900 hover:bg-surface-100 dark:hover:bg-surface-800",
-					htmlFor: "null-filter",
-					children: [/* @__PURE__ */ jsx(Checkbox, {
-						id: "null-filter",
-						checked: internalValue === null,
-						size: "small",
-						onCheckedChange: (checked) => {
-							if (internalValue !== null) updateFilter(operation, null);
-							else updateFilter(operation, void 0);
-						}
-					}), t("filter_for_null_values")]
-				})
-			]
-		})]
-	});
-}
-//#endregion
 //#region src/components/SelectableTable/filters/StringNumberFilterField.tsx
-var operationLabels$2 = {
+var operationLabels$3 = {
 	"==": "==",
 	"!=": "!=",
 	">": ">",
@@ -4769,40 +4469,62 @@ var operationLabels$2 = {
 	"not-in": "Not in",
 	"array-contains": "Contains",
 	"array-contains-any": "Any",
-	"is-null": "Is null"
+	"ilike": "Contains",
+	"not-ilike": "Not contains",
+	"is-null": "Is null",
+	"is-not-null": "Is not null"
 };
-var multipleSelectOperations$2 = [
+var multipleSelectOperations$3 = [
 	"array-contains-any",
 	"in",
 	"not-in"
 ];
-function StringNumberFilterField({ name, value, setValue, type, isArray, enumValues, title }) {
+/** Operators that match a substring, wrapped in SQL wildcards (`%value%`). */
+var containsOperations = ["ilike", "not-ilike"];
+/** Strip the surrounding `%` wildcards a contains-filter adds, for display. */
+function unwrapContains(value) {
+	if (typeof value !== "string") return "";
+	return value.replace(/^%/, "").replace(/%$/, "");
+}
+function StringNumberFilterField({ name, value, setValue, type, isArray, enumValues, title, operators }) {
 	const { t } = useTranslation();
-	const possibleOperations = isArray ? ["array-contains"] : [
+	let possibleOperations = isArray ? ["array-contains"] : [
 		"==",
 		"!=",
 		">",
 		"<",
 		">=",
 		"<=",
-		"is-null"
+		"is-null",
+		"is-not-null"
 	];
+	if (!isArray && !enumValues && type === "string") possibleOperations.push("ilike", "not-ilike");
 	if (enumValues) if (isArray) possibleOperations.push("array-contains-any");
 	else possibleOperations.push("in", "not-in");
+	if (operators) possibleOperations = possibleOperations.filter((op) => operators.includes(op));
 	const [fieldOperation, fieldValue] = value || [possibleOperations[0], void 0];
-	const [operation, setOperation] = useState(fieldOperation === "==" && fieldValue === null ? "is-null" : fieldOperation);
-	const [internalValue, setInternalValue] = useState(fieldValue);
-	const isNullOperation = operation === "is-null";
+	const [operation, setOperation] = useState(fieldOperation === "==" && fieldValue === null ? "is-null" : fieldOperation === "!=" && fieldValue === null ? "is-not-null" : fieldOperation);
+	const [internalValue, setInternalValue] = useState(containsOperations.includes(fieldOperation) ? unwrapContains(fieldValue) : fieldValue);
+	const isNullOperation = operation === "is-null" || operation === "is-not-null";
+	if (possibleOperations.length === 0) return null;
 	function updateFilter(op, val) {
-		if (op === "is-null") {
+		if (op === "is-null" || op === "is-not-null") {
 			setOperation(op);
 			setInternalValue(null);
-			setValue(["==", null]);
+			setValue([op, null]);
+			return;
+		}
+		if (op === "ilike" || op === "not-ilike") {
+			const raw = typeof val === "string" ? val : "";
+			setOperation(op);
+			setInternalValue(raw);
+			if (raw.length > 0) setValue([op, `%${raw}%`]);
+			else setValue(void 0);
 			return;
 		}
 		let newValue = val;
-		const prevOpIsArray = multipleSelectOperations$2.includes(operation);
-		const newOpIsArray = multipleSelectOperations$2.includes(op);
+		const prevOpIsArray = multipleSelectOperations$3.includes(operation);
+		const newOpIsArray = multipleSelectOperations$3.includes(op);
 		if (prevOpIsArray !== newOpIsArray) if (newOpIsArray) if (typeof val === "string") newValue = [val];
 		else if (typeof val === "number") newValue = [val];
 		else newValue = [];
@@ -4814,7 +4536,7 @@ function StringNumberFilterField({ name, value, setValue, type, isArray, enumVal
 		if (op && hasNewValue) setValue([op, newValue]);
 		else setValue(void 0);
 	}
-	const multiple = multipleSelectOperations$2.includes(operation);
+	const multiple = multipleSelectOperations$3.includes(operation);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex w-full",
 		children: [/* @__PURE__ */ jsx("div", {
@@ -4827,10 +4549,10 @@ function StringNumberFilterField({ name, value, setValue, type, isArray, enumVal
 				onValueChange: (value) => {
 					updateFilter(value, internalValue);
 				},
-				renderValue: (op) => operationLabels$2[op],
+				renderValue: (op) => operationLabels$3[op],
 				children: possibleOperations.map((op) => /* @__PURE__ */ jsx(SelectItem, {
 					value: op,
-					children: operationLabels$2[op]
+					children: operationLabels$3[op]
 				}, op))
 			})
 		}), /* @__PURE__ */ jsxs("div", {
@@ -4910,8 +4632,9 @@ function StringNumberFilterField({ name, value, setValue, type, isArray, enumVal
 }
 //#endregion
 //#region src/components/SelectableTable/filters/BooleanFilterField.tsx
-function BooleanFilterField({ name, title, value, setValue }) {
+function BooleanFilterField({ name, title, value, setValue, operators }) {
 	const { t } = useTranslation();
+	if (operators && !operators.includes("==")) return null;
 	function updateFilter(val) {
 		if (val !== void 0) setValue(["==", val]);
 		else setValue(void 0);
@@ -4930,7 +4653,7 @@ function BooleanFilterField({ name, title, value, setValue }) {
 }
 //#endregion
 //#region src/components/SelectableTable/filters/DateTimeFilterField.tsx
-var operationLabels$1 = {
+var operationLabels$2 = {
 	"==": "==",
 	"!=": "!=",
 	">": ">",
@@ -4941,34 +4664,38 @@ var operationLabels$1 = {
 	in: "in",
 	"array-contains": "Contains",
 	"array-contains-any": "Any",
-	"is-null": "Is null"
+	"is-null": "Is null",
+	"is-not-null": "Is not null"
 };
-var multipleSelectOperations$1 = ["array-contains-any", "in"];
-function DateTimeFilterField({ name, isArray, mode, value, setValue, title, timezone }) {
+var multipleSelectOperations$2 = ["array-contains-any", "in"];
+function DateTimeFilterField({ name, isArray, mode, value, setValue, title, timezone, operators }) {
 	const { locale } = useCustomizationController();
-	const possibleOperations = isArray ? ["array-contains"] : [
+	let possibleOperations = isArray ? ["array-contains"] : [
 		"==",
 		"!=",
 		">",
 		"<",
 		">=",
 		"<=",
-		"is-null"
+		"is-null",
+		"is-not-null"
 	];
+	if (operators) possibleOperations = possibleOperations.filter((op) => operators.includes(op));
 	const [fieldOperation, fieldValue] = value || [possibleOperations[0], void 0];
-	const [operation, setOperation] = useState(fieldOperation === "==" && fieldValue === null ? "is-null" : fieldOperation);
+	const [operation, setOperation] = useState(fieldOperation === "==" && fieldValue === null ? "is-null" : fieldOperation === "!=" && fieldValue === null ? "is-not-null" : fieldOperation);
 	const [internalValue, setInternalValue] = useState(fieldValue);
-	const isNullOperation = operation === "is-null";
+	const isNullOperation = operation === "is-null" || operation === "is-not-null";
+	if (possibleOperations.length === 0) return null;
 	function updateFilter(op, val) {
-		if (op === "is-null") {
+		if (op === "is-null" || op === "is-not-null") {
 			setOperation(op);
 			setInternalValue(null);
-			setValue(["==", null]);
+			setValue([op, null]);
 			return;
 		}
 		let newValue = val;
-		const prevOpIsArray = multipleSelectOperations$1.includes(operation);
-		const newOpIsArray = multipleSelectOperations$1.includes(op);
+		const prevOpIsArray = multipleSelectOperations$2.includes(operation);
+		const newOpIsArray = multipleSelectOperations$2.includes(op);
 		if (prevOpIsArray !== newOpIsArray) newValue = newOpIsArray ? val ? [val] : [] : void 0;
 		setOperation(op);
 		setInternalValue(Array.isArray(newValue) ? newValue[0] ?? null : newValue);
@@ -4987,10 +4714,10 @@ function DateTimeFilterField({ name, isArray, mode, value, setValue, title, time
 				onValueChange: (value) => {
 					updateFilter(value, internalValue);
 				},
-				renderValue: (op) => operationLabels$1[op],
+				renderValue: (op) => operationLabels$2[op],
 				children: possibleOperations.map((op) => /* @__PURE__ */ jsx(SelectItem, {
 					value: op,
-					children: operationLabels$1[op]
+					children: operationLabels$2[op]
 				}, op))
 			})
 		}), /* @__PURE__ */ jsx("div", {
@@ -5011,6 +4738,140 @@ function DateTimeFilterField({ name, isArray, mode, value, setValue, title, time
 	});
 }
 //#endregion
+//#region src/components/SelectableTable/filters/ReferenceFilterField.tsx
+var operationLabels$1 = {
+	"==": "==",
+	"!=": "!=",
+	">": ">",
+	"<": "<",
+	">=": ">=",
+	"<=": "<=",
+	in: "In",
+	"not-in": "Not in",
+	"array-contains": "Contains",
+	"array-contains-any": "Contains Any"
+};
+var multipleSelectOperations$1 = [
+	"array-contains-any",
+	"in",
+	"not-in"
+];
+function ReferenceFilterField({ value, setValue, isArray, path, includeId = true, previewProperties, setHidden, operators }) {
+	const { t } = useTranslation();
+	let possibleOperations = isArray ? ["array-contains"] : [
+		"==",
+		"!=",
+		">",
+		"<",
+		">=",
+		"<="
+	];
+	if (isArray) possibleOperations.push("array-contains-any");
+	else possibleOperations.push("in", "not-in");
+	if (operators) possibleOperations = possibleOperations.filter((op) => operators.includes(op));
+	const [fieldOperation, fieldValue] = value || [possibleOperations[0], void 0];
+	const [operation, setOperation] = useState(fieldOperation);
+	const [internalValue, setInternalValue] = useState(fieldValue);
+	const selectedEntityIds = internalValue ? Array.isArray(internalValue) ? internalValue.map((ref) => {
+		if (!(ref?.isEntityReference && ref?.isEntityReference())) return null;
+		return ref.id;
+	}).filter(Boolean) : [internalValue.id] : [];
+	function updateFilter(op, val) {
+		const prevOpIsArray = multipleSelectOperations$1.includes(operation);
+		const newOpIsArray = multipleSelectOperations$1.includes(op);
+		let newValue = val;
+		if (prevOpIsArray !== newOpIsArray) newValue = newOpIsArray ? newValue && !Array.isArray(newValue) && newValue.isEntityReference?.() ? [newValue] : [] : void 0;
+		setOperation(op);
+		setInternalValue(newValue);
+		const hasNewValue = newValue !== null && Array.isArray(newValue) ? newValue.length > 0 : newValue !== void 0;
+		if (op && hasNewValue) setValue([op, newValue]);
+		else setValue(void 0);
+	}
+	const collectionRegistryController = useCollectionRegistryController();
+	const collection = useMemo(() => {
+		return path ? collectionRegistryController.getCollection(path) : void 0;
+	}, [path]);
+	const onSingleEntitySelected = (entity) => {
+		updateFilter(operation, getReferenceFrom(entity));
+	};
+	const onMultipleEntitiesSelected = (entities) => {
+		updateFilter(operation, entities.map((e) => getReferenceFrom(e)));
+	};
+	const multiple = multipleSelectOperations$1.includes(operation);
+	const referenceDialogController = useSelectionDialog({
+		multiselect: multiple,
+		path,
+		collection,
+		onSingleEntitySelected,
+		onMultipleEntitiesSelected,
+		selectedEntityIds,
+		onClose: () => {
+			setHidden(false);
+		}
+	});
+	const doOpenDialog = () => {
+		setHidden(true);
+		referenceDialogController.open();
+	};
+	const buildEntry = (reference) => {
+		return /* @__PURE__ */ jsx(ReferencePreview, {
+			disabled: !path,
+			previewProperties,
+			size: "medium",
+			onClick: doOpenDialog,
+			reference,
+			hover: true,
+			includeId,
+			includeEntityLink: false
+		});
+	};
+	if (possibleOperations.length === 0) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex w-full flex-row",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "w-[100px]",
+			children: /* @__PURE__ */ jsx(Select, {
+				value: operation,
+				size: "medium",
+				fullWidth: true,
+				onValueChange: (value) => {
+					updateFilter(value, internalValue);
+				},
+				renderValue: (op) => operationLabels$1[op],
+				children: possibleOperations.map((op) => /* @__PURE__ */ jsx(SelectItem, {
+					value: op,
+					children: operationLabels$1[op]
+				}, op))
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "grow ml-2 h-full gap-2 flex flex-col",
+			children: [
+				internalValue && Array.isArray(internalValue) && /* @__PURE__ */ jsx("div", { children: internalValue.map((ref, index) => buildEntry(ref)) }),
+				internalValue && !Array.isArray(internalValue) && /* @__PURE__ */ jsx("div", { children: buildEntry(internalValue) }),
+				(!internalValue || Array.isArray(internalValue) && internalValue.length === 0) && /* @__PURE__ */ jsx(Button, {
+					onClick: doOpenDialog,
+					size: "medium",
+					className: "h-full w-full",
+					children: multiple ? t("select_references") : t("select_reference")
+				}),
+				!isArray && /* @__PURE__ */ jsxs(Label, {
+					className: "border cursor-pointer rounded-md p-2 flex items-center gap-2 bg-surface-50 dark:bg-surface-900 hover:bg-surface-100 dark:hover:bg-surface-800",
+					htmlFor: "null-filter",
+					children: [/* @__PURE__ */ jsx(Checkbox, {
+						id: "null-filter",
+						checked: internalValue === null,
+						size: "small",
+						onCheckedChange: (checked) => {
+							if (internalValue !== null) updateFilter(operation, null);
+							else updateFilter(operation, void 0);
+						}
+					}), t("filter_for_null_values")]
+				})
+			]
+		})]
+	});
+}
+//#endregion
 //#region src/components/SelectableTable/filters/RelationFilterField.tsx
 var operationLabels = {
 	"==": "==",
@@ -5029,9 +4890,9 @@ var multipleSelectOperations = [
 	"in",
 	"not-in"
 ];
-function RelationFilterField({ value, setValue, relation, name: _name, hidden: _hidden, setHidden: _setHidden }) {
+function RelationFilterField({ value, setValue, relation, name: _name, hidden: _hidden, setHidden: _setHidden, operators }) {
 	const manyRelation = relation.cardinality === "many";
-	const possibleOperations = manyRelation ? ["array-contains", "array-contains-any"] : [
+	let possibleOperations = manyRelation ? ["array-contains", "array-contains-any"] : [
 		"==",
 		"!=",
 		">",
@@ -5041,6 +4902,7 @@ function RelationFilterField({ value, setValue, relation, name: _name, hidden: _
 		"in",
 		"not-in"
 	];
+	if (operators) possibleOperations = possibleOperations.filter((op) => operators.includes(op));
 	const [fieldOperation, fieldValue] = value || [possibleOperations[0], void 0];
 	const [operation, setOperation] = useState(fieldOperation);
 	const [internalValue, setInternalValue] = useState(fieldValue);
@@ -5072,6 +4934,7 @@ function RelationFilterField({ value, setValue, relation, name: _name, hidden: _
 		}
 		updateFilter(operation, newVal);
 	};
+	if (possibleOperations.length === 0) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-row",
 		children: [/* @__PURE__ */ jsx("div", {
@@ -5113,28 +4976,146 @@ function RelationFilterField({ value, setValue, relation, name: _name, hidden: _
 	});
 }
 //#endregion
+//#region src/components/SelectableTable/filters/FilterFieldBinding.tsx
+/**
+* The single entry point for rendering a collection filter field.
+* Used by both the table header filters ({@link SelectableTable}) and the
+* Filters dialog.
+*
+* Resolution order:
+* 1. `property.ui.Filter` — per-property replacement (rendered even when the
+*    resolved operator list is empty; the component owns filterability).
+* 2. `components["Collection.FilterField"]` — collection-level or app-level
+*    override (wrap mode supported via `OriginalComponent`).
+* 3. Built-in field dispatched by property type.
+*
+* The operators handed to the field are the intersection of the engine's
+* capabilities, the property-type defaults, and `property.ui.filterOperators`
+* (see `resolveFilterOperators`). When that intersection is empty and no
+* per-property `Filter` is set, nothing is rendered.
+*
+* @group Components
+*/
+function FilterFieldBinding({ propertyKey, property, engine, value, setValue, hidden, setHidden }) {
+	const isArray = property.type === "array";
+	const ofVal = isArray ? property.of : void 0;
+	const baseProperty = isArray ? Array.isArray(ofVal) ? ofVal[0] : ofVal : property;
+	const scopeCollection = useCollectionScope();
+	const ResolvedFilterField = useComponentOverride("Collection.FilterField", DefaultFilterField);
+	const PropertyFilter = useResolvedComponent(baseProperty?.ui?.Filter);
+	if (!baseProperty) return null;
+	const operators = resolveFilterOperators({
+		property: baseProperty,
+		isArray,
+		engine: engine ?? scopeCollection?.engine
+	});
+	const bindingProps = {
+		propertyKey,
+		property: baseProperty,
+		isArray,
+		operators,
+		value,
+		setValue,
+		title: property.name,
+		hidden,
+		setHidden
+	};
+	if (PropertyFilter) return /* @__PURE__ */ jsx(Suspense, {
+		fallback: null,
+		children: /* @__PURE__ */ jsx(PropertyFilter, { ...bindingProps })
+	});
+	if (operators.length === 0) return null;
+	return /* @__PURE__ */ jsx(ResolvedFilterField, { ...bindingProps });
+}
+/**
+* Built-in filter field dispatch by property type. This is the
+* `OriginalComponent` received by `"Collection.FilterField"` overrides in
+* wrap mode.
+*/
+function DefaultFilterField({ propertyKey, property, isArray, operators, value, setValue, title, hidden, setHidden }) {
+	if (property.type === "reference") {
+		const referenceProperty = property;
+		return /* @__PURE__ */ jsx(ReferenceFilterField, {
+			value,
+			setValue,
+			name: propertyKey,
+			isArray,
+			operators,
+			path: referenceProperty.path,
+			title,
+			includeId: referenceProperty.includeId,
+			previewProperties: referenceProperty.ui?.previewProperties,
+			hidden: hidden ?? false,
+			setHidden: setHidden ?? (() => void 0)
+		});
+	}
+	if (property.type === "relation") {
+		const relation = property.relation;
+		if (!relation) return null;
+		return /* @__PURE__ */ jsx(RelationFilterField, {
+			value,
+			setValue,
+			name: propertyKey,
+			operators,
+			relation,
+			hidden: hidden ?? false,
+			setHidden: setHidden ?? (() => void 0)
+		});
+	}
+	if (property.type === "number" || property.type === "string") {
+		const enumValues = property.enum ? enumToObjectEntries(property.enum) : void 0;
+		return /* @__PURE__ */ jsx(StringNumberFilterField, {
+			value,
+			setValue,
+			name: propertyKey,
+			type: property.type,
+			isArray,
+			operators,
+			enumValues,
+			title
+		});
+	}
+	if (property.type === "boolean") return /* @__PURE__ */ jsx(BooleanFilterField, {
+		value,
+		setValue,
+		name: propertyKey,
+		operators,
+		title
+	});
+	if (property.type === "date") return /* @__PURE__ */ jsx(DateTimeFilterField, {
+		value,
+		setValue,
+		name: propertyKey,
+		mode: property.mode,
+		isArray,
+		operators,
+		title
+	});
+	return null;
+}
+//#endregion
 //#region src/components/SelectableTable/SelectableTable.tsx
 /**
 * This component is in charge of rendering a collection table with a high
 * degree of customization.
 *
-* This component is used internally by {@link EntityCollectionView} and
+* This component is used internally by {@link CollectionViewBinding} and
 * {@link useReferenceDialog}
 *
 * Please note that you only need to use this component if you are building
 * a custom view. If you just need to create a default view you can do it
 * exclusively with config options.
 *
-* If you want to bind a {@link EntityCollection} to a table with the default
+* If you want to bind a {@link CollectionConfig} to a table with the default
 * options you see in collections in the top level navigation, you can
-* check {@link EntityCollectionView}.
+* check {@link CollectionViewBinding}.
 *
 * The data displayed in the table is managed by a {@link EntityTableController}.
 * You can build the default, bound to a path in the driver, by using the hook
 * {@link useDataTableController}
 *
-* @see EntityCollectionTableProps
-* @see EntityCollectionView
+* @see CollectionTableBindingProps
+* @see CollectionViewBinding
 * @see VirtualTable
 * @group Components
 */
@@ -5162,7 +5143,12 @@ var SelectableTable = function SelectableTable({ onValueChange, cellRenderer, on
 	}, [onEntityClick, inlineEditing]);
 	const select = useCallback((cell) => {
 		setLocalSelectedCell(cell);
-		selectionStore.select(cell);
+		if (cell) selectionStore.select({
+			...cell,
+			columnKey: cell.propertyKey,
+			id: cell.entityId
+		});
+		else selectionStore.select(void 0);
 	}, [selectionStore]);
 	const unselect = useCallback(() => {
 		setLocalSelectedCell(void 0);
@@ -5199,6 +5185,19 @@ var SelectableTable = function SelectableTable({ onValueChange, cellRenderer, on
 		size,
 		selectionStore
 	]);
+	const createFilterField = useCallback(({ id, filterValue, setFilterValue, column, hidden, setHidden }) => {
+		if (!column.custom) return null;
+		const { resolvedProperty } = column.custom;
+		if (!resolvedProperty) return null;
+		return /* @__PURE__ */ jsx(FilterFieldBinding, {
+			propertyKey: id,
+			property: resolvedProperty,
+			value: filterValue,
+			setValue: setFilterValue,
+			hidden,
+			setHidden
+		});
+	}, []);
 	return /* @__PURE__ */ jsx(SelectableTableContext.Provider, {
 		value: contextValue,
 		children: /* @__PURE__ */ jsx("div", {
@@ -5237,93 +5236,33 @@ var SelectableTable = function SelectableTable({ onValueChange, cellRenderer, on
 		})
 	});
 };
-function createFilterField({ id, filterValue, setFilterValue, column, hidden, setHidden }) {
-	if (!column.custom) return null;
-	const { resolvedProperty } = column.custom;
-	const isArray = resolvedProperty?.type === "array";
-	const ofVal = isArray && resolvedProperty ? resolvedProperty.of : void 0;
-	const baseProperty = isArray ? Array.isArray(ofVal) ? ofVal[0] : ofVal : resolvedProperty;
-	if (!baseProperty) return null;
-	if (baseProperty.type === "reference") return /* @__PURE__ */ jsx(ReferenceFilterField, {
-		value: filterValue,
-		setValue: setFilterValue,
-		name: id,
-		isArray,
-		path: baseProperty.path,
-		title: resolvedProperty?.name,
-		includeId: baseProperty.includeId,
-		previewProperties: baseProperty?.ui?.previewProperties,
-		hidden,
-		setHidden
-	});
-	else if (baseProperty.type === "relation" && baseProperty.relation) return /* @__PURE__ */ jsx(RelationFilterField, {
-		value: filterValue,
-		setValue: setFilterValue,
-		name: id,
-		relation: baseProperty.relation,
-		hidden,
-		setHidden
-	});
-	else if (baseProperty.type === "number" || baseProperty.type === "string") {
-		const name = baseProperty.name;
-		const enumValues = baseProperty.enum ? enumToObjectEntries(baseProperty.enum) : void 0;
-		return /* @__PURE__ */ jsx(StringNumberFilterField, {
-			value: filterValue,
-			setValue: setFilterValue,
-			name: id,
-			type: baseProperty.type,
-			isArray,
-			enumValues,
-			title: name
-		});
-	} else if (baseProperty.type === "boolean") {
-		const name = baseProperty.name;
-		return /* @__PURE__ */ jsx(BooleanFilterField, {
-			value: filterValue,
-			setValue: setFilterValue,
-			name: id,
-			title: name
-		});
-	} else if (baseProperty.type === "date") {
-		const title = baseProperty.name;
-		return /* @__PURE__ */ jsx(DateTimeFilterField, {
-			value: filterValue,
-			setValue: setFilterValue,
-			name: id,
-			mode: baseProperty.mode,
-			isArray,
-			title
-		});
-	}
-	return /* @__PURE__ */ jsx("div", { children: `Currently the filter field ${resolvedProperty?.type} is not supported` });
-}
 //#endregion
-//#region src/components/EntityCollectionTable/EntityCollectionTable.tsx
+//#region src/components/CollectionTableBinding/CollectionTableBinding.tsx
 /**
 * This component is in charge of rendering a collection table with a high
 * degree of customization.
 *
-* This component is used internally by {@link EntityCollectionView} and
+* This component is used internally by {@link CollectionViewBinding} and
 * {@link useReferenceDialog}
 *
 * Please note that you only need to use this component if you are building
 * a custom view. If you just need to create a default view you can do it
 * exclusively with config options.
 *
-* If you want to bind a {@link EntityCollection} to a table with the default
+* If you want to bind a {@link CollectionConfig} to a table with the default
 * options you see in collections in the top level navigation, you can
-* check {@link EntityCollectionView}.
+* check {@link CollectionViewBinding}.
 *
 * The data displayed in the table is managed by a {@link EntityTableController}.
 * You can build the default, bound to a path in the driver, by using the hook
 * {@link useDataTableController}
 *
-* @see EntityCollectionTableProps
-* @see EntityCollectionView
+* @see CollectionTableBindingProps
+* @see CollectionViewBinding
 * @see VirtualTable
 * @group Components
 */
-var EntityCollectionTable = function EntityCollectionTable({ className, style, fixedFilter, actionsStart, actions, viewModeToggle, title, tableRowActionsBuilder, uniqueFieldValidator, getPropertyFor, onValueChange, selectionController, highlightedEntities, onEntityClick, onColumnResize, initialScroll, onScroll, onSizeChanged, hoverRow = true, inlineEditing = false, additionalFields, displayedColumnIds, defaultSize, properties, tableController, filterable = true, sortable = true, endAdornment, AddColumnComponent, AdditionalHeaderWidget, additionalIDHeaderWidget, emptyComponent, getIdColumnWidth, enablePopupIcon, openEntityMode = "side_panel", onColumnsOrderChange, hideToolbar = false }) {
+var CollectionTableBinding = function CollectionTableBinding({ className, style, fixedFilter, actionsStart, actions, viewModeToggle, title, tableRowActionsBuilder, uniqueFieldValidator, getPropertyFor, onValueChange, selectionController, highlightedEntities, onEntityClick, onColumnResize, initialScroll, onScroll, onSizeChanged, hoverRow = true, inlineEditing = false, additionalFields, displayedColumnIds, defaultSize, properties, tableController, filterable = true, sortable = true, endAdornment, AddColumnComponent, AdditionalHeaderWidget, additionalIDHeaderWidget, emptyComponent, getIdColumnWidth, enablePopupIcon, openEntityMode = "side_panel", onColumnsOrderChange, hideToolbar = false }) {
 	const ref = useRef(null);
 	const largeLayout = useLargeLayout();
 	const selectedEntities = useMemo(() => {
@@ -5348,6 +5287,7 @@ var EntityCollectionTable = function EntityCollectionTable({ className, style, f
 	const customFieldValidator = uniqueFieldValidator;
 	const propertyCellRenderer = useCallback(({ column, columnIndex, rowData, rowIndex, sortableNodeRef, sortableStyle, sortableAttributes, isDragging, isDraggable, frozen }) => {
 		const entity = rowData;
+		if (!entity) return null;
 		const propertyKey = column.key;
 		const columnCustom = column.custom;
 		let disabled = columnCustom?.disabled ?? false;
@@ -5387,6 +5327,7 @@ var EntityCollectionTable = function EntityCollectionTable({ className, style, f
 	]);
 	const additionalCellRenderer = useCallback(({ column, rowData, width, sortableNodeRef, sortableStyle, sortableAttributes, isDragging, isDraggable, frozen }) => {
 		const entity = rowData;
+		if (!entity) return null;
 		const additionalField = additionalFieldsMap[column.key];
 		const value = additionalField.dependencies ? Object.entries(entity.values).filter(([key, value]) => additionalField.dependencies.includes(key)).reduce((a, b) => ({
 			...a,
@@ -5474,7 +5415,7 @@ var EntityCollectionTable = function EntityCollectionTable({ className, style, f
 				width: column.width,
 				frozen: column.frozen
 			});
-			else return /* @__PURE__ */ jsx(EntityCollectionRowActions, {
+			else return /* @__PURE__ */ jsx(CollectionRowActions, {
 				entity: props.rowData,
 				width: column.width,
 				frozen: column.frozen,
@@ -5549,7 +5490,7 @@ var EntityCollectionTable = function EntityCollectionTable({ className, style, f
 	});
 };
 //#endregion
-//#region src/components/EntityCollectionView/useSelectionController.tsx
+//#region src/components/CollectionViewBinding/useSelectionController.tsx
 function useSelectionController(onSelectionChange) {
 	const [selectedEntities, setSelectedEntities] = useState([]);
 	const onSelectionChangeRef = useRef(onSelectionChange);
@@ -5608,11 +5549,11 @@ function mergeEntityActions(currentActions, newActions) {
 	return updatedActions;
 }
 //#endregion
-//#region src/components/EntityEditViewFormActions.tsx
-function EntityEditViewFormActions({ collection, path, entity, layout, savingError, formex, disabled, status, pluginActions, openEntityMode, showDefaultActions = true, navigateBack, formContext }) {
+//#region src/components/EditFormActions.tsx
+function EditFormActions({ collection, path, entity, layout, savingError, formex, disabled, status, pluginActions, openEntityMode, showDefaultActions = true, navigateBack, formContext }) {
 	const { canCreate, canDelete } = usePermissions();
 	const context = useCMSContext();
-	const sideEntityController = context.sideEntityController;
+	const sidePanelController = context.sidePanelController;
 	const sideDialogContext = useSideDialogContext();
 	const customizationController = useCustomizationController();
 	const { t } = useTranslation();
@@ -5642,7 +5583,7 @@ function EntityEditViewFormActions({ collection, path, entity, layout, savingErr
 		formActions,
 		collection,
 		context,
-		sideEntityController,
+		sidePanelController,
 		disabled,
 		status,
 		sideDialogContext,
@@ -5660,7 +5601,7 @@ function EntityEditViewFormActions({ collection, path, entity, layout, savingErr
 		formActions,
 		collection,
 		context,
-		sideEntityController,
+		sidePanelController,
 		sideDialogContext,
 		disabled,
 		status,
@@ -5675,7 +5616,7 @@ function EntityEditViewFormActions({ collection, path, entity, layout, savingErr
 	if (layout === "responsive") return /* @__PURE__ */ jsxs(Fragment, { children: [bottomActions, sideActions] });
 	return layout === "bottom" ? bottomActions : sideActions;
 }
-function buildBottomActions({ savingError, entity, formActions, collection, context, sideEntityController, disabled, status, sideDialogContext, pluginActions, openEntityMode, navigateBack, formContext, formex, t, className }) {
+function buildBottomActions({ savingError, entity, formActions, collection, context, sidePanelController, disabled, status, sideDialogContext, pluginActions, openEntityMode, navigateBack, formContext, formex, t, className }) {
 	const hasErrors = Object.keys(formex.errors).length > 0 && formex.submitCount > 0;
 	const canClose = openEntityMode === "side_panel" || openEntityMode === "dialog";
 	return /* @__PURE__ */ jsxs(DialogActions, {
@@ -5695,10 +5636,10 @@ function buildBottomActions({ savingError, entity, formActions, collection, cont
 					const props = {
 						view: "form",
 						entity,
-						path: collection.slug,
+						path: getCollectionDataPath(collection),
 						collection,
 						context,
-						sideEntityController,
+						sidePanelController,
 						openEntityMode,
 						navigateBack,
 						formContext
@@ -5767,7 +5708,7 @@ function buildBottomActions({ savingError, entity, formActions, collection, cont
 		]
 	});
 }
-function buildSideActions({ savingError, entity, formActions, collection, context, sideEntityController, disabled, status, sideDialogContext, pluginActions, openEntityMode, navigateBack, formContext, formex, t, className }) {
+function buildSideActions({ savingError, entity, formActions, collection, context, sidePanelController, disabled, status, sideDialogContext, pluginActions, openEntityMode, navigateBack, formContext, formex, t, className }) {
 	const hasErrors = Object.keys(formex.errors).length > 0 && formex.submitCount > 0;
 	return /* @__PURE__ */ jsxs("div", {
 		className: cls("overflow-auto h-full flex flex-col gap-2 w-80 2xl:w-96 px-4 py-16 sticky top-0 border-l", defaultBorderMixin, className),
@@ -5813,10 +5754,10 @@ function buildSideActions({ savingError, entity, formActions, collection, contex
 					const props = {
 						view: "form",
 						entity,
-						path: collection.slug,
+						path: getCollectionDataPath(collection),
 						collection,
 						context,
-						sideEntityController,
+						sidePanelController,
 						openEntityMode,
 						navigateBack,
 						formContext
@@ -5879,14 +5820,14 @@ function EntityActionButton({ action, enabled, props }) {
 	});
 }
 //#endregion
-//#region src/components/EntityEditView.tsx
-var EntityHistoryView = lazy(() => import("./history-ChHgyyvM.js").then((m) => ({ default: m.EntityHistoryView })));
+//#region src/components/EditViewBinding.tsx
+var EntityHistoryView = lazy(() => import("./history-7X5bON_n.js").then((m) => ({ default: m.EntityHistoryView })));
 /**
 * This is the default view that is used as the content of a side panel when
-* an entity is opened.
+* a record is opened.
 */
-function EntityEditView({ entityId, ...props }) {
-	const { entity, dataLoading, dataLoadingError } = useEntityFetch({
+function EditViewBinding({ entityId, ...props }) {
+	const { entity, dataLoading, dataLoadingError } = useFetch({
 		path: props.path,
 		entityId,
 		collection: props.collection,
@@ -5914,7 +5855,7 @@ function EntityEditView({ entityId, ...props }) {
 			children: "Entity not found"
 		}) });
 	}
-	const content = /* @__PURE__ */ jsx(EntityEditViewInner, {
+	const content = /* @__PURE__ */ jsx(EditViewBindingInner, {
 		...props,
 		entityId,
 		entity,
@@ -5924,16 +5865,15 @@ function EntityEditView({ entityId, ...props }) {
 		setStatus,
 		canEdit
 	});
-	if (props.collection.components) return /* @__PURE__ */ jsx(CollectionComponentOverrideProvider, {
-		overrides: props.collection.components,
+	return /* @__PURE__ */ jsx(CollectionScopeProvider, {
+		collection: props.collection,
 		children: content
 	});
-	return content;
 }
-function EntityEditViewInner({ path, entityId, selectedTab: selectedTabProp, collection, parentCollectionSlugs, parentEntityIds, onValuesModified, onSaved, onTabChange, navigateBack, entity, initialDirtyValues, dataLoading, layout = "side_panel", barActions, status, setStatus, formProps, canEdit }) {
-	const ResolvedFormActions = useComponentOverride("Entity.FormActions", EntityEditViewFormActions);
+function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, collection, parentCollectionSlugs, parentEntityIds, onValuesModified, onSaved, onTabChange, navigateBack, entity, initialDirtyValues, dataLoading, layout = "side_panel", barActions, status, setStatus, formProps, canEdit }) {
+	const ResolvedFormActions = useComponentOverride("EditView.FormActions", EditFormActions);
 	const ResolvedEntityForm = useComponentOverride("Entity.Form", EntityFormBinding);
-	const ResolvedCollectionView = useComponentOverride("Collection.View", EntityCollectionView);
+	const ResolvedCollectionView = useComponentOverride("Collection.View", CollectionViewBinding);
 	const context = useRebaseContext();
 	const urlController = useUrlController();
 	const navigate = useNavigate();
@@ -6081,7 +6021,7 @@ function EntityEditViewInner({ path, entityId, selectedTab: selectedTabProp, col
 	const jsonView = activeTab === "__json" || jsonTabMounted ? /* @__PURE__ */ jsx("div", {
 		className: cls("relative flex-1 h-full overflow-auto w-full", { "hidden": activeTab !== JSON_TAB_VALUE }),
 		role: "tabpanel",
-		children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(EntityJsonPreview, { values: formContext?.values ?? entity?.values ?? {} }) })
+		children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(JsonPreviewBinding, { values: formContext?.values ?? entity?.values ?? {} }) })
 	}, "json_view") : null;
 	const historyView = includeHistoryView && activeTab === "__rebase_history" ? /* @__PURE__ */ jsx("div", {
 		className: "relative flex-1 h-full overflow-auto w-full",
@@ -6098,7 +6038,7 @@ function EntityEditViewInner({ path, entityId, selectedTab: selectedTabProp, col
 	}, "history_view") : null;
 	const subCollectionsViews = subcollections && subcollections.map((subcollection) => {
 		const subcollectionId = subcollection.slug;
-		const newFullPath = usedEntity ? `${path}/${usedEntity?.id}/${removeInitialAndTrailingSlashes(subcollection.slug)}` : void 0;
+		const newFullPath = usedEntity ? `${path}/${usedEntity?.id}/${removeInitialAndTrailingSlashes(getCollectionDataPath(subcollection))}` : void 0;
 		if (activeTab !== subcollectionId) return null;
 		return /* @__PURE__ */ jsxs("div", {
 			className: "relative flex-1 h-full overflow-auto w-full",
@@ -6158,7 +6098,7 @@ function EntityEditViewInner({ path, entityId, selectedTab: selectedTabProp, col
 						modifiedValues: usedEntity?.values,
 						formContext: readOnlyFormContext
 					})
-				}) }) : /* @__PURE__ */ jsx(EntityView, {
+				}) }) : /* @__PURE__ */ jsx(EntityViewBinding, {
 					className: "px-8 h-full overflow-auto",
 					entity,
 					path,
@@ -6407,21 +6347,21 @@ function EntityFormSkeleton({ collection }) {
 	});
 }
 //#endregion
-//#region src/components/EntitySidePanel.tsx
+//#region src/components/SidePanelBinding.tsx
 /**
 * This is the component in charge of rendering the side dialog used
-* for editing entities. Use the {@link useSideEntityController} to open
+* for editing entities. Use the {@link useSidePanel} to open
 * and control the dialogs.
 * This component needs a parent {@link Rebase}
-* {@link useSideEntityController}
+* {@link useSidePanel}
 * @group Components
 */
-function EntitySidePanel(props) {
+function SidePanelBinding(props) {
 	const { allowFullScreen = true, path, entityId, selectedTab, formProps } = props;
-	const ResolvedDetailView = useComponentOverride("Entity.DetailView", EntityDetailView);
+	const ResolvedDetailView = useComponentOverride("DetailView", DetailViewBinding);
 	const { blocked, setBlocked, setBlockedNavigationMessage, close } = useSideDialogContext();
 	const navigate = useNavigate();
-	const sideEntityController = useSideEntityController();
+	const sidePanelController = useSidePanel();
 	const collectionRegistryController = useCollectionRegistryController();
 	const sideDialogsController = useSideDialogContext();
 	const urlController = useUrlController();
@@ -6433,7 +6373,7 @@ function EntitySidePanel(props) {
 	const onUpdate = (params) => {
 		if (props.onUpdate) props.onUpdate(params);
 		setShowEditInPanel(false);
-		if (params.status !== "existing") sideEntityController.replace({
+		if (params.status !== "existing") sidePanelController.replace({
 			path: params.path,
 			entityId: params.entityId,
 			selectedTab: params.selectedTab,
@@ -6471,7 +6411,7 @@ function EntitySidePanel(props) {
 		});
 		if (effectiveDefault && effectiveDefault !== "edit") {
 			hasCorrectedDefaultView.current = true;
-			sideEntityController.replace({
+			sidePanelController.replace({
 				path,
 				entityId,
 				selectedTab: effectiveDefault,
@@ -6484,7 +6424,7 @@ function EntitySidePanel(props) {
 		entityId,
 		collection,
 		path,
-		sideEntityController
+		sidePanelController
 	]);
 	const onValuesModified = useCallback((modified) => {
 		setBlockedNavigationMessage(modified ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -6525,7 +6465,7 @@ function EntitySidePanel(props) {
 		}),
 		onTabChange: ({ entityId: tabEntityId, selectedTab, collection: paramCollection }) => {
 			if (collection?.openEntityMode === "dialog" || paramCollection?.openEntityMode === "dialog") return;
-			if (tabEntityId) sideEntityController.replace({
+			if (tabEntityId) sidePanelController.replace({
 				path,
 				entityId: tabEntityId,
 				selectedTab,
@@ -6533,7 +6473,7 @@ function EntitySidePanel(props) {
 				collection: paramCollection ?? collection
 			});
 		}
-	}) : /* @__PURE__ */ jsx(EntityEditView, {
+	}) : /* @__PURE__ */ jsx(EditViewBinding, {
 		...props,
 		layout: collection?.openEntityMode === "dialog" ? "dialog" : "side_panel",
 		collection,
@@ -6564,7 +6504,7 @@ function EntitySidePanel(props) {
 		}),
 		onTabChange: ({ entityId: tabEntityId, selectedTab, collection: paramCollection }) => {
 			if (collection?.openEntityMode === "dialog" || paramCollection?.openEntityMode === "dialog") return;
-			if (tabEntityId) sideEntityController.replace({
+			if (tabEntityId) sidePanelController.replace({
 				path,
 				entityId: tabEntityId,
 				selectedTab,
@@ -6576,22 +6516,22 @@ function EntitySidePanel(props) {
 	}) }) });
 }
 //#endregion
-//#region src/hooks/useBuildSideEntityController.tsx
+//#region src/hooks/useBuildSidePanel.tsx
 /**
 * Thin wrapper that resolves the Entity.SidePanel component override.
 * Because the JSX is created inside `propsToSidePanel` (a plain function,
 * not a React component), we need this wrapper so the hook is called at the
 * top level of a React component per the Rules of Hooks.
 */
-function ResolvedEntitySidePanelInner(props) {
-	return /* @__PURE__ */ jsx(useComponentOverride("Entity.SidePanel", EntitySidePanel), { ...props });
+function ResolvedSidePanelBindingInner(props) {
+	return /* @__PURE__ */ jsx(useComponentOverride("Entity.SidePanel", SidePanelBinding), { ...props });
 }
-function ResolvedEntitySidePanel(props) {
-	if (props.collection?.components) return /* @__PURE__ */ jsx(CollectionComponentOverrideProvider, {
-		overrides: props.collection.components,
-		children: /* @__PURE__ */ jsx(ResolvedEntitySidePanelInner, { ...props })
+function ResolvedSidePanelBinding(props) {
+	if (props.collection) return /* @__PURE__ */ jsx(CollectionScopeProvider, {
+		collection: props.collection,
+		children: /* @__PURE__ */ jsx(ResolvedSidePanelBindingInner, { ...props })
 	});
-	return /* @__PURE__ */ jsx(ResolvedEntitySidePanelInner, { ...props });
+	return /* @__PURE__ */ jsx(ResolvedSidePanelBindingInner, { ...props });
 }
 var NEW_URL_HASH = "new_side";
 var SIDE_URL_HASH = "side";
@@ -6629,7 +6569,7 @@ function getNestedPropertiesDepth(property, accumulator = 0) {
 	else return getNestedPropertiesDepth(property.of, accumulator + 1);
 	else return accumulator + 1;
 }
-var useBuildSideEntityController = (collectionRegistryController, urlController, navigationStateController, sideDialogsController, authController) => {
+var useBuildSidePanel = (collectionRegistryController, urlController, navigationStateController, sideDialogsController, authController) => {
 	const location = useLocation();
 	const initialised = useRef(false);
 	const currentPanelKeysRef = useRef([]);
@@ -6682,7 +6622,7 @@ var useBuildSideEntityController = (collectionRegistryController, urlController,
 		sideDialogsController.close();
 	}, [sideDialogsController]);
 	const open = useCallback((props) => {
-		if (props.copy && !props.entityId) throw Error("If you want to copy an entity you need to provide an entityId");
+		if (props.copy && !props.entityId) throw Error("If you want to copy a entity you need to provide a entityId");
 		const defaultSelectedView = resolveDefaultSelectedView(props.collection ? props.collection.defaultSelectedView : void 0, {
 			status: props.copy ? "copy" : props.entityId ? "existing" : "new",
 			entityId: props.entityId
@@ -6700,7 +6640,7 @@ var useBuildSideEntityController = (collectionRegistryController, urlController,
 		location.search
 	]);
 	const replace = useCallback((props) => {
-		if (props.copy && !props.entityId) throw Error("If you want to copy an entity you need to provide an entityId");
+		if (props.copy && !props.entityId) throw Error("If you want to copy a entity you need to provide a entityId");
 		sideDialogsController.replace(propsToSidePanel(props, urlController.buildUrlCollectionPath, urlController.resolveDatabasePathsFrom, smallLayout, customizationController, authController, location.search));
 	}, [
 		urlController.buildUrlCollectionPath,
@@ -6776,7 +6716,7 @@ var propsToSidePanel = (props, buildUrlCollectionPath, resolveIdsFrom, smallLayo
 	const entityViewWidth = getEntityViewWidth(props, smallLayout, customizationController);
 	return {
 		key: `${props.path}/${props.entityId}`,
-		component: /* @__PURE__ */ jsx(ResolvedEntitySidePanel, { ...resolvedPanelProps }),
+		component: /* @__PURE__ */ jsx(ResolvedSidePanelBinding, { ...resolvedPanelProps }),
 		urlPath,
 		parentUrlPath,
 		width: entityViewWidth,
@@ -6849,21 +6789,21 @@ function useUrlController() {
 */
 function useCMSContext() {
 	const baseContext = useRebaseContext();
-	const sideEntityController = useSideEntityController();
+	const sidePanelController = useSidePanel();
 	const sideDialogsController = useSideDialogsController();
 	const urlController = useUrlController();
 	const navigationStateController = useNavigationStateController();
 	const collectionRegistryController = useCollectionRegistryController();
 	return useMemo(() => ({
 		...baseContext,
-		sideEntityController,
+		sidePanelController,
 		sideDialogsController,
 		urlController,
 		navigationStateController,
 		collectionRegistryController
 	}), [
 		baseContext,
-		sideEntityController,
+		sidePanelController,
 		sideDialogsController,
 		urlController,
 		navigationStateController,
@@ -6894,8 +6834,13 @@ function resolveNavigationFrom({ path, context }) {
 		if (entry.type === "collection") return Promise.resolve(entry);
 		else if (entry.type === "entity") {
 			if (!collectionRegistryController.getCollection(entry.slug)) throw Error(`No collection defined in the navigation for the entity with path ${entry.slug}`);
-			return data.collection(entry.slug).findById(entry.entityId).then((entity) => {
-				if (!entity) return void 0;
+			return data.collection(entry.slug).findById(entry.entityId).then((row) => {
+				if (!row) return void 0;
+				const entity = {
+					id: row.id,
+					path: entry.slug,
+					values: row
+				};
 				return {
 					...entry,
 					entity
@@ -6943,12 +6888,12 @@ function useResolvedNavigationFrom({ path }) {
 	]);
 }
 //#endregion
-//#region src/hooks/useEntityHistory.ts
+//#region src/hooks/useHistory.ts
 /**
 * Hook to fetch entity history from the backend REST API.
 * Replaces the old subcollection-based approach with a proper API call.
 */
-function useEntityHistory(params) {
+function useHistory(params) {
 	const { slug, entityId, enabled = true, pageSize = 10 } = params;
 	const apiConfig = useApiConfig();
 	const [entries, setEntries] = useState([]);
@@ -7283,7 +7228,7 @@ function DeleteEntityDialog({ entityOrEntitiesToDelete, collection, onClose, ope
 	if (entityOrEntities && multipleEntities) content = /* @__PURE__ */ jsx(Fragment, { children: t("multiple_entities") });
 	else {
 		const entity = entityOrEntities;
-		content = entity ? /* @__PURE__ */ jsx(EntityView, {
+		content = entity ? /* @__PURE__ */ jsx(EntityViewBinding, {
 			entity,
 			collection,
 			path
@@ -7331,7 +7276,7 @@ function DeleteEntityDialog({ entityOrEntitiesToDelete, collection, onClose, ope
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionView/utils.ts
+//#region src/components/CollectionViewBinding/utils.ts
 function addRecentId(collectionId, id) {
 	const newRecentIds = [id, ...getRecentIds(collectionId).filter((i) => i !== id)];
 	if (newRecentIds.length > 5) newRecentIds.pop();
@@ -7349,11 +7294,11 @@ function getRecentIds(collectionId) {
 //#endregion
 //#region src/util/navigation_utils.ts
 /**
-* Navigate to an entity using either a side panel or full-screen mode.
+* Navigate to a entity using either a side panel or full-screen mode.
 * This is an admin-specific UI concern and lives here (not in common).
 */
-function navigateToEntity({ openEntityMode, collection, entityId, copy, path, selectedTab, defaultValues, sideEntityController, onClose, navigation, replace }) {
-	if (openEntityMode === "side_panel" || openEntityMode === "dialog") sideEntityController.open({
+function navigateToEntity({ openEntityMode, collection, entityId, copy, path, selectedTab, defaultValues, sidePanelController, onClose, navigation, replace }) {
+	if (openEntityMode === "side_panel" || openEntityMode === "dialog") sidePanelController.open({
 		entityId,
 		path,
 		copy,
@@ -7495,9 +7440,9 @@ var editEntityAction = {
 	name: "Edit",
 	collapsed: false,
 	isEnabled: ({ entity }) => Boolean(entity),
-	onClick({ entity, collection, path, context, sideEntityController, highlightEntity, unhighlightEntity, openEntityMode }) {
+	onClick({ entity, collection, path, context, sidePanelController, highlightEntity, unhighlightEntity, openEntityMode }) {
 		if (!entity) throw new Error("INTERNAL: editEntityAction: Entity is undefined");
-		if (!sideEntityController) throw new Error("INTERNAL: editEntityAction: sideEntityController is undefined");
+		if (!sidePanelController) throw new Error("INTERNAL: editEntityAction: sidePanelController is undefined");
 		highlightEntity?.(entity);
 		context?.analyticsController?.onAnalyticsEvent?.("entity_click", {
 			path: entity.path,
@@ -7509,14 +7454,15 @@ var editEntityAction = {
 			status: "existing",
 			entityId: entity.id
 		});
+		if (!context?.urlController) throw new Error("INTERNAL: editEntityAction: urlController is undefined");
 		navigateToEntity({
 			openEntityMode,
 			collection,
 			entityId: entity.id,
 			path: newFullIdPath,
-			sideEntityController,
+			sidePanelController,
 			onClose: () => unhighlightEntity?.(entity),
-			navigation: context?.urlController,
+			navigation: context.urlController,
 			selectedTab: defaultSelectedView
 		});
 		return Promise.resolve(void 0);
@@ -7527,24 +7473,25 @@ var copyEntityAction = {
 	name: "Copy",
 	key: "copy",
 	isEnabled: ({ entity }) => Boolean(entity),
-	onClick({ entity, collection, context, path, sideEntityController, highlightEntity, unhighlightEntity, openEntityMode }) {
+	onClick({ entity, collection, context, path, sidePanelController, highlightEntity, unhighlightEntity, openEntityMode }) {
 		if (!entity) throw new Error("INTERNAL: copyEntityAction: Entity is undefined");
-		if (!sideEntityController) throw new Error("INTERNAL: copyEntityAction: sideEntityController is undefined");
+		if (!sidePanelController) throw new Error("INTERNAL: copyEntityAction: sidePanelController is undefined");
 		highlightEntity?.(entity);
 		context?.analyticsController?.onAnalyticsEvent?.("copy_entity_click", {
 			path: entity.path,
 			entityId: entity.id
 		});
 		const usedPath = path ?? collection?.slug ?? entity.path;
+		if (!context?.urlController) throw new Error("INTERNAL: copyEntityAction: urlController is undefined");
 		navigateToEntity({
 			openEntityMode,
 			collection,
 			entityId: entity.id,
 			path: usedPath,
 			copy: true,
-			sideEntityController,
+			sidePanelController,
 			onClose: () => unhighlightEntity?.(entity),
-			navigation: context?.urlController
+			navigation: context.urlController
 		});
 		return Promise.resolve(void 0);
 	}
@@ -7744,7 +7691,7 @@ function injectAuthCollectionConfig(collections) {
 					const { dialogsController } = context;
 					const creationResult = {
 						user: {
-							uid: String(props.entityId),
+							uid: String(props.id),
 							email: typeof values.email === "string" ? values.email : "",
 							displayName: typeof values.displayName === "string" ? values.displayName : "",
 							roles: Array.isArray(values.roles) ? values.roles : [],
@@ -7989,7 +7936,7 @@ function useAsyncResolver({ resolver, initialValue, isEqual, deps, disabled }) {
 //#region src/hooks/navigation/useResolvedCollections.ts
 /**
 * Hook that resolves collection props (which may be async builders or arrays)
-* into concrete EntityCollection[], and registers them with the CollectionRegistry.
+* into concrete CollectionConfig[], and registers them with the CollectionRegistry.
 *
 * When userManagement is provided, the default users collection is always
 * prepended. Developer collections override via generic slug-based dedup
@@ -8472,7 +8419,7 @@ var SideDialogContext = React.createContext({
 var useSideDialogContext = () => useContext(SideDialogContext);
 /**
 * This is the component in charge of rendering the side dialogs used
-* for editing entities. Use the {@link useSideEntityController} to open
+* for editing entities. Use the {@link useSidePanel} to open
 * and control the dialogs.
 * This component needs a parent {@link Rebase}
 * {@link useSideDialogsController}
@@ -8590,22 +8537,22 @@ function SideDialogView({ offsetPosition, panel, panelIndex, isTopPanel }) {
 	});
 }
 //#endregion
-//#region src/components/ReferenceTable/EntitySelectionTable.tsx
+//#region src/components/ReferenceTable/SelectionTableBinding.tsx
 /**
 * This component allows to select entities from a given collection.
-* You probably want to open this dialog as a side view using {@link useEntitySelectionTable}
+* You probably want to open this dialog as a side view using {@link useSelectionTableBinding}
 * @group Components
 */
-function EntitySelectionTable(props) {
+function SelectionTableBinding(props) {
 	if (!props.collection) return /* @__PURE__ */ jsx(ErrorView, { error: "Could not find collection" });
-	return /* @__PURE__ */ jsx(EntitySelectionTableInternal, {
+	return /* @__PURE__ */ jsx(SelectionTableBindingInternal, {
 		...props,
 		collection: props.collection
 	});
 }
-function EntitySelectionTableInternal({ onSingleEntitySelected, onMultipleEntitiesSelected, multiselect, collection, path: pathInput, selectedEntityIds: selectedEntityIdsProp, description, fixedFilter, maxSelection }) {
+function SelectionTableBindingInternal({ onSingleEntitySelected, onMultipleEntitiesSelected, multiselect, collection, path: pathInput, selectedEntityIds: selectedEntityIdsProp, description, fixedFilter, maxSelection }) {
 	const sideDialogContext = useSideDialogContext();
-	const sideEntityController = useSideEntityController();
+	const sidePanelController = useSidePanel();
 	const urlController = useUrlController();
 	const analyticsController = useAnalyticsController();
 	const path = urlController.resolveDatabasePathsFrom(pathInput);
@@ -8682,7 +8629,7 @@ function EntitySelectionTableInternal({ onSingleEntitySelected, onMultipleEntiti
 	]);
 	const onNewClick = () => {
 		analyticsController.onAnalyticsEvent?.("reference_selection_new_entity", { path });
-		sideEntityController.open({
+		sidePanelController.open({
 			path,
 			collection,
 			updateUrl: true,
@@ -8695,7 +8642,7 @@ function EntitySelectionTableInternal({ onSingleEntitySelected, onMultipleEntiti
 	};
 	const tableRowActionsBuilder = ({ entity, size, width, frozen }) => {
 		const selectedEntities = selectionController.selectedEntities;
-		return /* @__PURE__ */ jsx(EntityCollectionRowActions, {
+		return /* @__PURE__ */ jsx(CollectionRowActions, {
 			width,
 			frozen,
 			entity,
@@ -8720,51 +8667,54 @@ function EntitySelectionTableInternal({ onSingleEntitySelected, onMultipleEntiti
 		fixedFilter,
 		updateUrl: false
 	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col h-full",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "grow",
-			children: entitiesDisplayedFirst && /* @__PURE__ */ jsx(EntityCollectionTable, {
-				additionalFields: collection.additionalFields,
-				displayedColumnIds,
-				onEntityClick,
-				tableController,
-				enablePopupIcon: false,
-				tableRowActionsBuilder,
-				openEntityMode: "side_panel",
-				title: /* @__PURE__ */ jsxs(Typography, {
-					variant: "subtitle2",
-					className: "flex flex-row gap-2",
-					children: [/* @__PURE__ */ jsx(IconForView, {
-						size: "small",
-						collectionOrView: collection,
-						className: "text-surface-300 dark:text-surface-600"
-					}), collection.singularName ? `Select ${collection.singularName}` : `Select from ${collection.name}`]
-				}),
-				defaultSize: collection.defaultSize,
-				properties: collection.properties,
-				fixedFilter,
-				inlineEditing: false,
-				selectionController,
-				actions: /* @__PURE__ */ jsx(EntitySelectionDialogActions, {
-					collection,
-					path,
-					onNewClick,
-					onClear
+	return /* @__PURE__ */ jsx(CollectionScopeProvider, {
+		collection,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col h-full",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "grow",
+				children: entitiesDisplayedFirst && /* @__PURE__ */ jsx(CollectionTableBinding, {
+					additionalFields: collection.additionalFields,
+					displayedColumnIds,
+					onEntityClick,
+					tableController,
+					enablePopupIcon: false,
+					tableRowActionsBuilder,
+					openEntityMode: "side_panel",
+					title: /* @__PURE__ */ jsxs(Typography, {
+						variant: "subtitle2",
+						className: "flex flex-row gap-2",
+						children: [/* @__PURE__ */ jsx(IconForView, {
+							size: "small",
+							collectionOrView: collection,
+							className: "text-surface-300 dark:text-surface-600"
+						}), collection.singularName ? `Select ${collection.singularName}` : `Select from ${collection.name}`]
+					}),
+					defaultSize: collection.defaultSize,
+					properties: collection.properties,
+					fixedFilter,
+					inlineEditing: false,
+					selectionController,
+					actions: /* @__PURE__ */ jsx(EntitySelectionDialogActions, {
+						collection,
+						path,
+						onNewClick,
+						onClear
+					})
 				})
-			})
-		}), /* @__PURE__ */ jsxs(DialogActions, {
-			translucent: false,
-			children: [description && /* @__PURE__ */ jsx(Typography, {
-				variant: "body2",
-				className: "grow text-left",
-				children: description
-			}), /* @__PURE__ */ jsx(Button, {
-				onClick: onDone,
-				variant: "filled",
-				children: "Done"
+			}), /* @__PURE__ */ jsxs(DialogActions, {
+				translucent: false,
+				children: [description && /* @__PURE__ */ jsx(Typography, {
+					variant: "body2",
+					className: "grow text-left",
+					children: description
+				}), /* @__PURE__ */ jsx(Button, {
+					onClick: onDone,
+					variant: "filled",
+					children: "Done"
+				})]
 			})]
-		})]
+		})
 	});
 }
 function EntitySelectionDialogActions({ collection, path, onClear, onNewClick }) {
@@ -8789,10 +8739,10 @@ function EntitySelectionDialogActions({ collection, path, onClear, onNewClick })
 	}), addButton] });
 }
 //#endregion
-//#region src/components/EntityCollectionView/hooks/useCollectionInlineEditor.ts
+//#region src/components/CollectionViewBinding/hooks/useCollectionInlineEditor.ts
 function useCollectionInlineEditor({ path, collection, dataClient, context }) {
 	const uniqueFieldValidator = useCallback(async ({ name, value, property, entityId }) => {
-		const conflictingEntities = (await dataClient.collection(path).find({ where: { [name]: "eq." + value } })).data;
+		const conflictingEntities = (await dataClient.collection(path).find({ where: { [name]: ["==", value] } })).data;
 		return conflictingEntities.length === 0 || conflictingEntities.length === 1 && conflictingEntities[0].id === entityId;
 	}, [path, dataClient]);
 	const onValueChange = useCallback(({ value, propertyKey, onValueUpdated, setError, data: entity }) => {
@@ -9080,7 +9030,7 @@ function ReadOnlyFieldBinding({ propertyKey, value, error, showError, minimalist
 *
 * Please note that if you build a custom field in a component, the
 * **validation** passed in the property will have no effect. You need to set
-* the validation in the `EntityCollection` definition.
+* the validation in the `CollectionConfig` definition.
 *
 * @param propertyKey You can use nested names such as `address.street` or `friends[2]`
 * @param property
@@ -9663,7 +9613,7 @@ function ArrayOfReferencesFieldBinding({ propertyKey, value, error, showError, d
 	const onMultipleEntitiesSelected = useCallback((entities) => {
 		setValue(entities.map((e) => getReferenceFrom(e)));
 	}, [setValue]);
-	const referenceDialogController = useEntitySelectionDialog({
+	const referenceDialogController = useSelectionDialog({
 		multiselect: true,
 		path: ofProperty.path,
 		collection,
@@ -10012,13 +9962,13 @@ function MapEditView({ value, initialValue, setValue, fieldName, disabled }) {
 		});
 		setInternalState(newRowIds);
 	}, [value]);
-	const updatetype = (rowId, type) => {
-		if (!rowId) {
+	const updatetype = (id, type) => {
+		if (!id) {
 			console.warn("No key selected for data type update");
 			return;
 		}
 		setInternalState(internalState.map((row) => {
-			if (row[0] === rowId) return [row[0], {
+			if (row[0] === id) return [row[0], {
 				key: row[1].key,
 				type
 			}];
@@ -10026,20 +9976,20 @@ function MapEditView({ value, initialValue, setValue, fieldName, disabled }) {
 		}));
 		setValue({
 			...value ?? {},
-			[internalState.find((row) => row[0] === rowId)?.[1].key ?? ""]: getDefaultValueFortype(type)
+			[internalState.find((row) => row[0] === id)?.[1].key ?? ""]: getDefaultValueFortype(type)
 		});
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "py-1 flex flex-col gap-1",
-		children: [internalState.map(([rowId, { key: fieldKey, type }], index) => {
+		children: [internalState.map(([id, { key: fieldKey, type }], index) => {
 			const entryValue = fieldKey ? value?.[fieldKey] : "";
 			const onFieldKeyChange = (newKey) => {
-				setInternalState(internalState.map((currentRowId) => {
-					if (currentRowId[0] === rowId) return [rowId, {
+				setInternalState(internalState.map((currentId) => {
+					if (currentId[0] === id) return [id, {
 						key: newKey ?? "",
-						type: currentRowId[1].type
+						type: currentId[1].type
 					}];
-					return currentRowId;
+					return currentId;
 				}));
 				if (typeof value === "object" && newKey in value) return;
 				const newValue = { ...value ?? {} };
@@ -10051,14 +10001,14 @@ function MapEditView({ value, initialValue, setValue, fieldName, disabled }) {
 				});
 			};
 			return /* @__PURE__ */ jsx(MapKeyValueRow, {
-				rowId,
+				id,
 				fieldKey,
 				value: value ?? {},
 				onDeleteClick: () => {
 					const newValue = { ...value ?? {} };
 					if (initialValue && fieldKey in initialValue) newValue[fieldKey] = void 0;
 					else delete newValue[fieldKey];
-					setInternalState(internalState.filter((currentRowId) => currentRowId[0] !== rowId));
+					setInternalState(internalState.filter((currentId) => currentId[0] !== id));
 					setValue({ ...newValue });
 				},
 				onFieldKeyChange,
@@ -10067,7 +10017,7 @@ function MapEditView({ value, initialValue, setValue, fieldName, disabled }) {
 				type,
 				disabled,
 				updatetype
-			}, rowId);
+			}, id);
 		}), /* @__PURE__ */ jsx(Button, {
 			variant: "text",
 			size: "small",
@@ -10089,7 +10039,7 @@ function MapEditView({ value, initialValue, setValue, fieldName, disabled }) {
 		})]
 	});
 }
-function MapKeyValueRow({ rowId, fieldKey, value, onFieldKeyChange, onDeleteClick, setValue, entryValue, type, updatetype, disabled }) {
+function MapKeyValueRow({ id, fieldKey, value, onFieldKeyChange, onDeleteClick, setValue, entryValue, type, updatetype, disabled }) {
 	const { locale } = useCustomizationController();
 	const { t } = useTranslation();
 	function buildInput(entryValue, fieldKey, type) {
@@ -10151,7 +10101,7 @@ function MapKeyValueRow({ rowId, fieldKey, value, onFieldKeyChange, onDeleteClic
 				children: /* @__PURE__ */ jsx(ArrayContainer, {
 					value: arrayValue,
 					newDefaultEntry: "",
-					droppableId: rowId.toString(),
+					droppableId: id.toString(),
 					addLabel: fieldKey ? t("add_to_field", { fieldName: fieldKey }) : t("add"),
 					size: "small",
 					disabled: disabled || !fieldKey,
@@ -10199,7 +10149,7 @@ function MapKeyValueRow({ rowId, fieldKey, value, onFieldKeyChange, onDeleteClic
 		});
 	}
 	function doUpdatetype(type) {
-		updatetype(rowId, type);
+		updatetype(id, type);
 	}
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Typography, {
 		component: "div",
@@ -10268,7 +10218,7 @@ function MapKeyValueRow({ rowId, fieldKey, value, onFieldKeyChange, onDeleteClic
 				})]
 			})
 		]
-	}, rowId.toString()), (type === "map" || type === "array") && buildInput(entryValue, fieldKey, type)] });
+	}, id.toString()), (type === "map" || type === "array") && buildInput(entryValue, fieldKey, type)] });
 }
 function ArrayKeyValueRow({ id, index, value, setValue }) {
 	const { locale } = useCustomizationController();
@@ -10489,8 +10439,18 @@ function MarkdownEditorFieldBinding({ property, propertyKey, value, setValue, in
 	const disabled = disabledProp || isSubmitting;
 	const highlight = customProps?.highlight;
 	const editorProps = customProps?.editorProps;
-	const storageSource = useStorageSource();
+	const defaultStorageSource = useStorageSource();
 	const storage = property.storage;
+	const storageSources = useStorageSources();
+	const storageSource = useMemo(() => resolveStorageSource({
+		sourceKey: storage?.storageSource,
+		sources: storageSources.sources,
+		defaultSource: defaultStorageSource
+	}), [
+		storage?.storageSource,
+		storageSources.sources,
+		defaultStorageSource
+	]);
 	const entityValues = context.values;
 	const entityId = context.entityId;
 	const path = context.path;
@@ -10701,91 +10661,6 @@ function MultiSelectFieldBinding({ propertyKey, value, setValue, error, showErro
 	})] });
 }
 //#endregion
-//#region src/form/field_bindings/ReferenceAsStringFieldBinding.tsx
-/**
-* Field that opens a reference selection dialog and stores the entity ID as a string.
-*
-* This is one of the internal components that get mapped natively inside forms
-* and tables to the specified properties.
-* @group Form fields
-*/
-function ReferenceAsStringFieldBinding(props) {
-	if (typeof props.property.reference?.path !== "string") return /* @__PURE__ */ jsx(ReadOnlyFieldBinding, { ...props });
-	return /* @__PURE__ */ jsx(ReferenceAsStringFieldBindingInternal, { ...props });
-}
-function ReferenceAsStringFieldBindingInternal({ propertyKey, value, setValue, error, showError, isSubmitting, disabled, minimalistView, property, includeDescription, size = "medium" }) {
-	if (!property.reference?.path) throw new Error("Property path is required for ReferenceAsStringFieldBinding");
-	useClearRestoreValue({
-		property,
-		value,
-		setValue
-	});
-	const collectionRegistryController = useCollectionRegistryController();
-	const path = property.reference.path;
-	const collection = useMemo(() => {
-		return path ? collectionRegistryController.getCollection(path) : void 0;
-	}, [path]);
-	const referenceValue = useMemo(() => {
-		if (value && path) return new EntityReference({
-			id: value,
-			path
-		});
-	}, [value, path]);
-	if (!collection) throw Error(`Couldn't find the corresponding collection for the path: ${path}`);
-	const referenceDialogController = useEntitySelectionDialog({
-		multiselect: false,
-		path,
-		collection,
-		onSingleEntitySelected: useCallback((e) => {
-			setValue(e ? String(e.id) : null);
-		}, [setValue]),
-		selectedEntityIds: value ? [value] : void 0,
-		fixedFilter: property.reference?.fixedFilter
-	});
-	const onEntryClick = (e) => {
-		e.preventDefault();
-		referenceDialogController.open();
-	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		!minimalistView && /* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
-			propertyKey,
-			icon: getIconForProperty(property, "small"),
-			required: property.validation?.required,
-			title: property.name ?? propertyKey,
-			className: "h-8 text-text-secondary dark:text-text-secondary-dark ml-3.5"
-		}),
-		!collection && /* @__PURE__ */ jsx(ErrorView, { error: "The specified collection does not exist. Check console" }),
-		collection && /* @__PURE__ */ jsxs(Fragment, { children: [referenceValue && /* @__PURE__ */ jsx(ReferencePreview, {
-			disabled: !path,
-			previewProperties: property.reference?.ui?.previewProperties,
-			hover: !disabled,
-			size,
-			onClick: disabled || isSubmitting ? void 0 : onEntryClick,
-			reference: referenceValue,
-			includeEntityLink: property.reference?.includeEntityLink,
-			includeId: property.reference?.includeId
-		}), !value && /* @__PURE__ */ jsx("div", {
-			className: "justify-center text-left",
-			children: /* @__PURE__ */ jsxs(EntityPreviewContainer, {
-				className: cls("px-6 h-16 text-sm font-medium flex items-center gap-6", disabled || isSubmitting ? "text-surface-accent-500" : "cursor-pointer text-surface-accent-700 dark:text-surface-accent-300 hover:bg-surface-accent-50 dark:hover:bg-surface-800 group-hover:bg-surface-accent-50 dark:group-hover:bg-surface-800"),
-				onClick: onEntryClick,
-				size: "medium",
-				children: [/* @__PURE__ */ jsx(IconForView, {
-					collectionOrView: collection,
-					className: "text-surface-300 dark:text-surface-600"
-				}), `Edit ${property.name}`.toUpperCase()]
-			})
-		})] }),
-		/* @__PURE__ */ jsx(FieldHelperText, {
-			includeDescription,
-			showError,
-			error,
-			disabled,
-			property
-		})
-	] });
-}
-//#endregion
 //#region src/form/field_bindings/ReferenceFieldBinding.tsx
 /**
 * Field that opens a reference selection dialog.
@@ -10815,7 +10690,7 @@ function ReferenceFieldBindingInternal({ propertyKey, value, setValue, error, sh
 	const onSingleEntitySelected = useCallback((e) => {
 		setValue(e ? getReferenceFrom(e) : null);
 	}, [setValue, propertyKey]);
-	const referenceDialogController = useEntitySelectionDialog({
+	const referenceDialogController = useSelectionDialog({
 		multiselect: false,
 		path: property.path,
 		collection,
@@ -11078,9 +10953,9 @@ var acceptDropClasses = "transition-colors duration-200 ease-[cubic-bezier(0,0,0
 var rejectDropClasses = "transition-colors duration-200 ease-[cubic-bezier(0,0,0.2,1)] border-2 border-solid border-red-500";
 function StorageUploadFieldBinding({ propertyKey, value, setValue, error, showError, autoFocus, minimalistView, property, includeDescription, context, isSubmitting }) {
 	useAuthController();
-	const storageSource = useStorageSource(context.collection);
+	const storageSource = useStorageSource();
 	const disabled = isReadOnly(property) || !!property.ui?.disabled || isSubmitting || context.disabled;
-	const { internalValue, setInternalValue, onFilesAdded, storage, onFileUploadComplete, storagePathBuilder, multipleFilesSupported } = useStorageUploadController({
+	const { internalValue, setInternalValue, onFilesAdded, storage, onFileUploadComplete, storagePathBuilder, multipleFilesSupported, resolvedStorageSource } = useStorageUploadController({
 		entityValues: context.values,
 		entityId: context.entityId,
 		path: context.path,
@@ -11104,19 +10979,22 @@ function StorageUploadFieldBinding({ propertyKey, value, setValue, error, showEr
 			title: property.name ?? propertyKey,
 			className: "h-8 text-text-secondary dark:text-text-secondary-dark ml-3.5"
 		}),
-		/* @__PURE__ */ jsx(StorageUpload, {
-			value: internalValue,
-			name: propertyKey,
-			disabled: disabled ?? false,
-			autoFocus: autoFocus ?? false,
-			property,
-			onChange: setValue,
-			setInternalValue,
-			onFilesAdded,
-			onFileUploadComplete,
-			storagePathBuilder,
-			storage,
-			multipleFilesSupported
+		/* @__PURE__ */ jsx(StorageSourceContext.Provider, {
+			value: resolvedStorageSource,
+			children: /* @__PURE__ */ jsx(StorageUpload, {
+				value: internalValue,
+				name: propertyKey,
+				disabled: disabled ?? false,
+				autoFocus: autoFocus ?? false,
+				property,
+				onChange: setValue,
+				setInternalValue,
+				onFilesAdded,
+				onFileUploadComplete,
+				storagePathBuilder,
+				storage,
+				multipleFilesSupported
+			})
 		}),
 		/* @__PURE__ */ jsx(FieldHelperText, {
 			includeDescription,
@@ -11623,7 +11501,7 @@ function MultipleRelationFieldBinding({ propertyKey, value: valueProp, error, sh
 	const { t } = useTranslation();
 	if (property.type !== "relation") throw Error("RelationFieldBinding expected a property containing a relation");
 	const parentCollection = context.collection;
-	const capabilities = parentCollection ? getDataSourceCapabilities(parentCollection.driver) : void 0;
+	const capabilities = parentCollection ? getDataSourceCapabilities(parentCollection.engine) : void 0;
 	if (!parentCollection || !capabilities?.supportsRelations || !("relations" in parentCollection) || !parentCollection.relations) throw Error("RelationFieldBinding expected a collection with relations support");
 	const relation = resolveRelationProperty(property, parentCollection.relations, propertyKey).relation;
 	if (!relation) throw Error("Property relation is required for MultipleRelationFieldBinding");
@@ -11632,9 +11510,9 @@ function MultipleRelationFieldBinding({ propertyKey, value: valueProp, error, sh
 	const onMultipleEntitiesSelected = useCallback((entities) => {
 		setValue(entities.map((e) => getRelationFrom(e)));
 	}, [setValue]);
-	const referenceDialogController = useEntitySelectionDialog({
+	const referenceDialogController = useSelectionDialog({
 		multiselect: true,
-		path: collection.slug,
+		path: getCollectionDataPath(collection),
 		collection,
 		onMultipleEntitiesSelected,
 		selectedEntityIds,
@@ -11720,7 +11598,7 @@ function RelationFieldBinding(props) {
 	const { property, propertyKey, context } = props;
 	if (property.type !== "relation") throw Error("RelationFieldBinding expected a property containing a relation");
 	const collection = context.collection;
-	const capabilities = collection ? getDataSourceCapabilities(collection.driver) : void 0;
+	const capabilities = collection ? getDataSourceCapabilities(collection.engine) : void 0;
 	if (!collection || !capabilities?.supportsRelations || !("relations" in collection) || !collection.relations) throw Error("RelationFieldBinding expected a collection with relations support");
 	const relation = resolveRelationProperty(property, collection.relations, propertyKey).relation;
 	const manyRelation = relation?.cardinality === "many";
@@ -11778,9 +11656,9 @@ function SingleRelationFieldBinding({ propertyKey, value, size, error, showError
 	const onSingleEntitySelected = useCallback((e) => {
 		setValue(e ? getRelationFrom(e) : null);
 	}, [setValue]);
-	const referenceDialogController = useEntitySelectionDialog({
+	const referenceDialogController = useSelectionDialog({
 		multiselect: false,
-		path: collection.slug,
+		path: getCollectionDataPath(collection),
 		collection,
 		onSingleEntitySelected,
 		selectedEntityIds: validValue && normalizedValue ? [normalizedValue.id] : void 0,
@@ -12052,17 +11930,6 @@ var DEFAULT_FIELD_CONFIGS = {
 			ui: { Field: StorageUploadFieldBinding }
 		}
 	},
-	reference_as_string: {
-		key: "reference_as_string",
-		name: "Reference (as string)",
-		description: "The value refers to a different collection (it is saved as a string)",
-		Icon: LinkIcon,
-		color: "#154fb3",
-		property: {
-			type: "string",
-			ui: { Field: ReferenceAsStringFieldBinding }
-		}
-	},
 	reference: {
 		key: "reference",
 		name: "Reference",
@@ -12208,7 +12075,6 @@ function getDefaultFieldId(property) {
 	else if (property.email) return "email";
 	else if (property.enum) return "select";
 	else if (property.userSelect) return "user_select";
-	else if (property.reference) return "reference_as_string";
 	else return "text_field";
 	else if (property.type === "number") {
 		if (property.enum) return "number_select";
@@ -13119,10 +12985,10 @@ function EditorCollectionAction({ path, parentCollectionSlugs, parentEntityIds,
 	}) });
 }
 //#endregion
-//#region src/components/EntityCollectionView/EntityCollectionViewActions.tsx
+//#region src/components/CollectionViewBinding/CollectionViewActions.tsx
 var ImportCollectionAction$1 = lazy(() => Promise.resolve().then(() => import_exports).then((m) => ({ default: m.ImportCollectionAction })));
 var ExportCollectionAction$1 = lazy(() => Promise.resolve().then(() => export_exports).then((m) => ({ default: m.ExportCollectionAction })));
-function EntityCollectionViewActions({ collection, relativePath, parentCollectionSlugs, parentEntityIds, onNewClick, onMultipleDeleteClick, selectionEnabled, path, selectionController, tableController, collectionEntitiesCount, compact, children, openNewDocument }) {
+function CollectionViewActions({ collection, relativePath, parentCollectionSlugs, parentEntityIds, onNewClick, onMultipleDeleteClick, selectionEnabled, path, selectionController, tableController, collectionEntitiesCount, compact, children, openNewDocument }) {
 	const context = useCMSContext();
 	const { canCreate, canDelete } = usePermissions();
 	const largeLayout = useLargeLayout();
@@ -13227,7 +13093,7 @@ function EntityCollectionViewActions({ collection, relativePath, parentCollectio
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionView/useEntityPreviewSlots.ts
+//#region src/components/CollectionViewBinding/usePreviewSlots.ts
 /**
 * Resolve which property key fills each slot for a given collection.
 * Pure function — call inside `useMemo`.
@@ -13293,8 +13159,8 @@ function resolveCollectionSlotKeys(collection, authController, propertyConfigs)
 	const sortedPreviewKeys = hasExplicitOrder ? previewKeys : [...previewKeys].sort((a, b) => {
 		const propA = collection.properties[a];
 		const propB = collection.properties[b];
-		const scoreA = propA?.type === "string" ? propA.multiline ? 2 : 1 : 0;
-		return (propB?.type === "string" ? propB.multiline ? 2 : 1 : 0) - scoreA;
+		const scoreA = propA?.type === "string" ? propA.ui?.multiline ? 2 : 1 : 0;
+		return (propB?.type === "string" ? propB.ui?.multiline ? 2 : 1 : 0) - scoreA;
 	});
 	return {
 		titleKey,
@@ -13487,7 +13353,7 @@ function resolveRelationDisplayName(relation, prop) {
 				return false;
 			};
 			const isDisplayCandidate = (p) => {
-				return p.type === "string" && !p.multiline && !p.markdown && !p.storage && !("isId" in p && p.isId) && !isHiddenProp(p);
+				return p.type === "string" && !p.ui?.multiline && !p.ui?.markdown && !p.storage && !("isId" in p && p.isId) && !isHiddenProp(p);
 			};
 			for (const pk of [
 				"name",
@@ -13522,12 +13388,12 @@ function resolveRelationDisplayName(relation, prop) {
 	return id !== void 0 ? String(id) : void 0;
 }
 //#endregion
-//#region src/components/EntityCollectionView/EntityCard.tsx
+//#region src/components/CollectionViewBinding/EntityCardBinding.tsx
 /**
-* Card component for displaying an entity in a grid view.
+* Card component for displaying a entity in a grid view.
 * Shows thumbnail, title, and preview properties via the shared slot system.
 */
-function EntityCard({ entity, collection, onClick, selected, highlighted, onSelectionChange, selectionEnabled, size = "m" }) {
+function EntityCardBinding({ entity, collection, onClick, selected, highlighted, onSelectionChange, selectionEnabled, size = "m" }) {
 	const authController = useAuthController();
 	const analyticsController = useAnalyticsController();
 	const slotKeys = useCollectionSlotKeys(collection, authController, useCustomizationController().propertyConfigs);
@@ -13646,13 +13512,13 @@ function EntityCard({ entity, collection, onClick, selected, highlighted, onSele
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionView/EntityCollectionCardView.tsx
+//#region src/components/CollectionViewBinding/CollectionCardViewBinding.tsx
 /**
 * Card grid view for displaying entities with infinite scroll.
-* Alternative to the EntityCollectionTable for visual browsing.
+* Alternative to the CollectionTableBinding for visual browsing.
 */
-function EntityCollectionCardView({ collection, tableController, onEntityClick, selectionController, selectionEnabled = true, highlightedEntities, emptyComponent, onScroll, initialScroll, size = "m" }) {
-	const ResolvedEntityCard = useComponentOverride("Collection.Card", EntityCard);
+function CollectionCardViewBinding({ collection, tableController, onEntityClick, selectionController, selectionEnabled = true, highlightedEntities, emptyComponent, onScroll, initialScroll, size = "m" }) {
+	const ResolvedEntityCard = useComponentOverride("Collection.Card", EntityCardBinding);
 	const { data, dataLoading, noMoreToLoad, dataLoadingError, itemCount, setItemCount, pageSize = 50, paginationEnabled } = tableController;
 	const handleEntityClick = useCallback((entity) => {
 		onEntityClick?.(entity);
@@ -13702,7 +13568,7 @@ function EntityCollectionCardView({ collection, tableController, onEntityClick,
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionView/EntityCollectionListView.tsx
+//#region src/components/CollectionViewBinding/CollectionListViewBinding.tsx
 /**
 * Get row padding/spacing classes based on size
 */
@@ -13823,7 +13689,7 @@ function formatDateValue(value) {
 * - Column-sortable headers
 * - Infinite scroll
 */
-function EntityCollectionListView({ collection, tableController, onEntityClick, selectionController, selectionEnabled = true, highlightedEntities, emptyComponent, size = "m", selectedEntityId, getActionsForEntity, path, openEntityMode }) {
+function CollectionListViewBinding({ collection, tableController, onEntityClick, selectionController, selectionEnabled = true, highlightedEntities, emptyComponent, size = "m", selectedEntityId, getActionsForEntity, path, openEntityMode }) {
 	const authController = useAuthController();
 	const customizationController = useCustomizationController();
 	const analyticsController = useAnalyticsController();
@@ -13903,7 +13769,17 @@ function EntityCollectionListView({ collection, tableController, onEntityClick,
 			subtitleKey,
 			"id"
 		]);
-		allKeys.filter((k) => !usedKeys.has(k) && resolvedCollection.properties[k]).forEach((key) => {
+		allKeys.filter((k) => {
+			if (usedKeys.has(k)) return false;
+			const prop = resolvedCollection.properties[k];
+			if (!prop) return false;
+			if (prop.type === "string" && (prop.storage || prop.ui?.url === "image")) return false;
+			if (prop.type === "array" && prop.of && !Array.isArray(prop.of)) {
+				const inner = prop.of;
+				if (inner.type === "string" && (inner.storage || inner.ui?.url === "image")) return false;
+			}
+			return true;
+		}).forEach((key) => {
 			const prop = resolvedCollection.properties[key];
 			cols.push({
 				key,
@@ -14256,7 +14132,7 @@ var ListRow = React.memo(function ListRow({ entity, collection, onClick, selecte
 								path,
 								collection,
 								context,
-								sideEntityController: context?.sideEntityController,
+								sidePanelController: context?.sidePanelController,
 								selectionController,
 								openEntityMode: openEntityMode ?? collection?.openEntityMode ?? "full_screen"
 							});
@@ -14269,7 +14145,7 @@ var ListRow = React.memo(function ListRow({ entity, collection, onClick, selecte
 	});
 });
 //#endregion
-//#region src/components/EntityCollectionView/SplitListView.tsx
+//#region src/components/CollectionViewBinding/SplitListView.tsx
 var PANEL_SIZE_KEY = "rebase_split_list_panel_size";
 function getSavedPanelSize(path) {
 	try {
@@ -14298,7 +14174,7 @@ function savePanelSize(path, size) {
 * State management:
 * - The selected entity is driven by the URL path (e.g. /c/authors/14).
 *   `selectedEntityId` comes from props via RebaseRoute, NOT from internal state.
-* - Clicking an entity navigates to /c/authors/{id} via the standard onEntityClick handler.
+* - Clicking a entity navigates to /c/authors/{id} via the standard onEntityClick handler.
 * - Closing the detail navigates back to /c/authors.
 */
 function SplitListView({ collection, tableController, onEntityClick: externalOnEntityClick, onNewClick: externalOnNewClick, selectionController, selectionEnabled = true, highlightedEntities, emptyComponent, onScroll, initialScroll, size = "m", path, parentCollectionSlugs, parentEntityIds, selectedEntityId, selectedTab, toolbar, children }) {
@@ -14428,7 +14304,7 @@ function SplitListView({ collection, tableController, onEntityClick: externalOnE
 	const detailPanel = renderedEntityId !== void 0 ? /* @__PURE__ */ jsx("div", {
 		className: cls("flex-1 flex flex-col min-w-0 h-full transition-all ease-out w-full", animationPhase === "entered" ? "opacity-100 translate-x-0" : largeLayout ? "opacity-0 translate-x-8" : "opacity-0 translate-x-1/3"),
 		style: { transitionDuration: `${TRANSITION_DURATION}ms` },
-		children: /* @__PURE__ */ jsx(ErrorBoundary, { children: collection.defaultEntityAction === "view" && !isEditMode ? /* @__PURE__ */ jsx(EntityDetailView, {
+		children: /* @__PURE__ */ jsx(ErrorBoundary, { children: collection.defaultEntityAction === "view" && !isEditMode ? /* @__PURE__ */ jsx(DetailViewBinding, {
 			path,
 			collection,
 			entityId: renderedEntityId,
@@ -14449,7 +14325,7 @@ function SplitListView({ collection, tableController, onEntityClick: externalOnE
 				if (currentViewParam) entityUrl += `${entityUrl.includes("?") ? "&" : "?"}__view=${currentViewParam}`;
 				navigate(entityUrl);
 			}
-		}, String(renderedEntityId)) : /* @__PURE__ */ jsx(EntityEditView, {
+		}, String(renderedEntityId)) : /* @__PURE__ */ jsx(EditViewBinding, {
 			path,
 			collection,
 			entityId: renderedEntityId,
@@ -14489,16 +14365,16 @@ function SplitListView({ collection, tableController, onEntityClick: externalOnE
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionView/EntityBoardCard.tsx
+//#region src/components/CollectionViewBinding/BoardCardBinding.tsx
 /**
-* Compact card component for displaying an entity in a Kanban board.
+* Compact card component for displaying a entity in a Kanban board.
 * Uses the shared slot system for consistent preview rendering.
 *
 * Selection UX: The checkbox overlays on top of the image/icon thumbnail area,
 * revealed on card hover or when the card is selected. This keeps the card
 * layout clean while providing intuitive selection affordance.
 */
-function EntityBoardCardInner({ item, isDragging, isGroupedOver, style, collection, onClick, selected, onSelectionChange, selectionEnabled = false }) {
+function BoardCardBindingInner({ item, isDragging, isGroupedOver, style, collection, onClick, selected, onSelectionChange, selectionEnabled = false }) {
 	const entity = item.data;
 	const slotKeys = useCollectionSlotKeys(collection, useAuthController(), useCustomizationController().propertyConfigs);
 	const slots = useMemo(() => resolveEntitySlots(entity, collection, slotKeys), [
@@ -14635,9 +14511,9 @@ function EntityBoardCardInner({ item, isDragging, isGroupedOver, style, collecti
 		})
 	});
 }
-var EntityBoardCard = memo(EntityBoardCardInner);
+var BoardCardBinding = memo(BoardCardBindingInner);
 //#endregion
-//#region src/components/EntityCollectionView/useBoardDataController.tsx
+//#region src/components/CollectionViewBinding/useBoardDataController.tsx
 var DEFAULT_PAGE_SIZE$1 = 20;
 /**
 * Shallow equality for entity value records.
@@ -14761,19 +14637,11 @@ function useBoardDataController({ fullPath, collection, columnProperty, columns,
 			}));
 			return;
 		}
-		const whereMap = {};
-		if (currentFilterValues) Object.entries(currentFilterValues).forEach(([key, value]) => {
-			if (value && Array.isArray(value)) {
-				const [op, val] = value;
-				const postgrestOp = op === "==" ? "eq" : op === "!=" ? "neq" : op === ">" ? "gt" : op === ">=" ? "gte" : op === "<" ? "lt" : op === "<=" ? "lte" : op === "in" ? "in" : op === "not-in" ? "nin" : op === "array-contains" ? "cs" : op === "array-contains-any" ? "csa" : "eq";
-				let stringVal;
-				if (Array.isArray(val)) stringVal = `(${val.join(",")})`;
-				else stringVal = String(val);
-				whereMap[key] = `${postgrestOp}.${stringVal}`;
-			}
-		});
-		whereMap[currentColumnProperty] = `eq.${column}`;
-		const orderByParam = currentOrderProperty ? `${currentOrderProperty}:asc` : void 0;
+		const whereFilter = {
+			...currentFilterValues ?? {},
+			[currentColumnProperty]: ["==", column]
+		};
+		const orderByParam = currentOrderProperty ? [currentOrderProperty, "asc"] : void 0;
 		setColumnData((prev) => ({
 			...prev,
 			[column]: {
@@ -14824,12 +14692,21 @@ function useBoardDataController({ fullPath, collection, columnProperty, columns,
 				return valA < valB ? -1 : valA > valB ? 1 : 0;
 			});
 			if (currentCollection.callbacks?.afterRead) try {
-				processed = await Promise.all(processed.map((entity) => currentCollection.callbacks.afterRead({
-					collection: currentCollection,
-					path: currentResolvedPath,
-					entity,
-					context: currentContext
-				})));
+				processed = await Promise.all(processed.map(async (entity) => {
+					const processedRow = await currentCollection.callbacks.afterRead({
+						collection: currentCollection,
+						path: currentResolvedPath,
+						row: {
+							id: entity.id,
+							...entity.values
+						},
+						context: currentContext
+					});
+					return {
+						...entity,
+						values: processedRow
+					};
+				}));
 			} catch (e) {
 				console.error("Error in afterRead callback:", e);
 			}
@@ -14881,13 +14758,13 @@ function useBoardDataController({ fullPath, collection, columnProperty, columns,
 		const accessor = currentDataClient.collection(currentResolvedPath);
 		if (accessor.listen) {
 			const unsubscribe = accessor.listen({
-				where: whereMap,
+				where: whereFilter,
 				limit: itemCount,
 				orderBy: orderByParam
 			}, (res) => onUpdate(res.data), onError);
 			unsubscribersRef.current[column] = unsubscribe;
 		} else accessor.find({
-			where: whereMap,
+			where: whereFilter,
 			limit: itemCount,
 			orderBy: orderByParam
 		}).then((res) => onUpdate(res.data)).catch(onError);
@@ -14916,19 +14793,11 @@ function useBoardDataController({ fullPath, collection, columnProperty, columns,
 				if (isColumnExcludedByFilter(column, currentFilterValues, currentColumnProperty)) return;
 				const accessor = currentDataClient.collection(currentResolvedPath);
 				if (accessor.count) {
-					const whereMap = {};
-					if (currentFilterValues) Object.entries(currentFilterValues).forEach(([key, value]) => {
-						if (value && Array.isArray(value)) {
-							const [op, val] = value;
-							const postgrestOp = op === "==" ? "eq" : op === "!=" ? "neq" : op === ">" ? "gt" : op === ">=" ? "gte" : op === "<" ? "lt" : op === "<=" ? "lte" : op === "in" ? "in" : op === "not-in" ? "nin" : op === "array-contains" ? "cs" : op === "array-contains-any" ? "csa" : "eq";
-							let stringVal;
-							if (Array.isArray(val)) stringVal = `(${val.join(",")})`;
-							else stringVal = String(val);
-							whereMap[key] = `${postgrestOp}.${stringVal}`;
-						}
-					});
-					whereMap[currentColumnProperty] = `eq.${column}`;
-					accessor.count({ where: whereMap }).then((count) => {
+					const whereFilter = {
+						...currentFilterValues ?? {},
+						[currentColumnProperty]: ["==", column]
+					};
+					accessor.count({ where: whereFilter }).then((count) => {
 						if (isCleaningUpRef.current) return;
 						setColumnData((prev) => ({
 							...prev,
@@ -15111,7 +14980,7 @@ function useBoardDataController({ fullPath, collection, columnProperty, columns,
 	]);
 }
 //#endregion
-//#region src/components/EntityCollectionView/hooks/useKanbanDragAndDrop.ts
+//#region src/components/CollectionViewBinding/hooks/useKanbanDragAndDrop.ts
 function useKanbanDragAndDrop({ collection, fullPath, columnProperty, orderProperty, dataClient, context, boardDataController, analyticsController }) {
 	const handleItemsReorder = useCallback(async (items, moveInfo) => {
 		const entity = items.find((item) => item.id === moveInfo?.itemId)?.data;
@@ -15184,15 +15053,15 @@ function useKanbanDragAndDrop({ collection, fullPath, columnProperty, orderPrope
 	return useMemo(() => ({ handleItemsReorder }), [handleItemsReorder]);
 }
 //#endregion
-//#region src/components/EntityCollectionView/EntityCollectionBoardView.tsx
+//#region src/components/CollectionViewBinding/CollectionBoardViewBinding.tsx
 /**
 * Kanban board view for displaying entities grouped by a string enum property.
 */
-function EntityCollectionBoardView({ collection, tableController, fullPath, parentCollectionSlugs = [], parentEntityIds = [], columnProperty, onEntityClick, selectionController, selectionEnabled = true, highlightedEntities, emptyComponent, deletedEntities }) {
+function CollectionBoardViewBinding({ collection, tableController, fullPath, parentCollectionSlugs = [], parentEntityIds = [], columnProperty, onEntityClick, selectionController, selectionEnabled = true, highlightedEntities, emptyComponent, deletedEntities }) {
 	const customizationController = useCustomizationController();
 	const context = useRebaseContext();
 	const dataClient = useData();
-	const sideEntityController = useSideEntityController();
+	const sidePanelController = useSidePanel();
 	const analyticsController = useAnalyticsController();
 	const { t } = useTranslation();
 	const plugins = customizationController.plugins ?? [];
@@ -15336,7 +15205,7 @@ function EntityCollectionBoardView({ collection, tableController, fullPath, pare
 			completed++;
 			if (completed === 2) setMissingOrderCount(Math.max(0, totalCount - orderedCount));
 		}).catch((e) => console.warn("Failed to get total count:", e));
-		accessor.count({ where: { [orderProperty]: "neq.null" } }).then((count) => {
+		accessor.count({ where: { [orderProperty]: ["!=", null] } }).then((count) => {
 			orderedCount = count;
 			completed++;
 			if (completed === 2) setMissingOrderCount(Math.max(0, totalCount - orderedCount));
@@ -15477,7 +15346,7 @@ function EntityCollectionBoardView({ collection, tableController, fullPath, pare
 		handleSelectionChangeRef.current(entity, sel);
 	}, []);
 	const ItemComponent = useMemo(() => {
-		const Comp = (props) => /* @__PURE__ */ jsx(EntityBoardCard, {
+		const Comp = (props) => /* @__PURE__ */ jsx(BoardCardBinding, {
 			...props,
 			collection: collectionRef.current,
 			onClick: stableOnClick,
@@ -15600,7 +15469,7 @@ function EntityCollectionBoardView({ collection, tableController, fullPath, pare
 							path: fullPath,
 							column
 						});
-						sideEntityController.open({
+						sidePanelController.open({
 							path: fullPath,
 							collection,
 							entityId: void 0,
@@ -15643,7 +15512,7 @@ function EntityCollectionBoardView({ collection, tableController, fullPath, pare
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionView/ViewModeToggle.tsx
+//#region src/components/CollectionViewBinding/ViewModeToggle.tsx
 var ALL_VIEW_MODES = [
 	"list",
 	"table",
@@ -15768,7 +15637,7 @@ function ViewModeToggle({ viewMode = "table", onViewModeChange, enabledViews = A
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionTable/internal/popup_field/useDraggable.tsx
+//#region src/components/CollectionTableBinding/internal/popup_field/useDraggable.tsx
 /** Tracks events originating inside the inner (non-draggable) area. */
 var innerClicked = /* @__PURE__ */ new WeakSet();
 function useDraggable({ containerRef, innerRef, x, y, onMove }) {
@@ -15832,7 +15701,7 @@ function useDraggable({ containerRef, innerRef, x, y, onMove }) {
 	]);
 }
 //#endregion
-//#region src/components/EntityCollectionTable/internal/popup_field/useWindowSize.tsx
+//#region src/components/CollectionTableBinding/internal/popup_field/useWindowSize.tsx
 function useWindowSize() {
 	const [size, setSize] = useState({
 		width: 0,
@@ -15852,7 +15721,7 @@ function useWindowSize() {
 	return size;
 }
 //#endregion
-//#region src/components/EntityCollectionTable/internal/popup_field/PopupFormField.tsx
+//#region src/components/CollectionTableBinding/internal/popup_field/PopupFormField.tsx
 function PopupFormField(props) {
 	if (!props.open) return null;
 	return /* @__PURE__ */ jsx(PopupFormFieldLoading, { ...props });
@@ -16132,13 +16001,14 @@ function ClearFilterSortButton({ tableController, enabled }) {
 	return null;
 }
 //#endregion
-//#region src/components/EntityCollectionView/FiltersDialog.tsx
+//#region src/components/CollectionViewBinding/FiltersDialog.tsx
 /**
 * Dialog that displays all filterable properties from a collection
 * and allows setting filter values for each.
 */
 function FiltersDialog({ open, onOpenChange, properties, filterValues, setFilterValues, fixedFilter }) {
 	const { t } = useTranslation();
+	const engine = useCollectionScope()?.engine;
 	const [localFilters, setLocalFilters] = useState(filterValues ?? {});
 	const [hiddenFields, setHiddenFields] = useState({});
 	React.useEffect(() => {
@@ -16148,17 +16018,22 @@ function FiltersDialog({ open, onOpenChange, properties, filterValues, setFilter
 		return Object.entries(properties).filter(([key, property]) => {
 			if (!property) return false;
 			if (fixedFilter && key in fixedFilter) return false;
-			const baseProperty = property.type === "array" ? property.of : property;
-			if (!baseProperty || Array.isArray(baseProperty)) return false;
-			return [
-				"string",
-				"number",
-				"boolean",
-				"date",
-				"reference"
-			].includes(baseProperty.type);
+			const isArray = property.type === "array";
+			const ofProp = isArray && "of" in property ? property.of : void 0;
+			const baseProperty = isArray ? Array.isArray(ofProp) ? ofProp[0] : ofProp : property;
+			if (!baseProperty) return false;
+			if (baseProperty.ui?.Filter) return true;
+			return resolveFilterOperators({
+				property: baseProperty,
+				isArray,
+				engine
+			}).length > 0;
 		});
-	}, [properties, fixedFilter]);
+	}, [
+		properties,
+		fixedFilter,
+		engine
+	]);
 	const handleFilterChange = useCallback((propertyKey, value) => {
 		setLocalFilters((prev) => {
 			const newFilters = { ...prev };
@@ -16191,55 +16066,23 @@ function FiltersDialog({ open, onOpenChange, properties, filterValues, setFilter
 	const isAnyFieldHidden = Object.values(hiddenFields).some((hidden) => hidden);
 	const activeFilterCount = Object.keys(localFilters).length;
 	const renderFilterField = useCallback((propertyKey, property) => {
-		const isArray = property.type === "array";
-		const ofProp = isArray && "of" in property ? property.of : void 0;
-		const baseProperty = isArray ? Array.isArray(ofProp) ? ofProp[0] : ofProp : property;
-		if (!baseProperty) return null;
 		const filterValue = localFilters[propertyKey];
 		const setValue = (value) => handleFilterChange(propertyKey, value);
-		if (baseProperty.type === "reference") return /* @__PURE__ */ jsx(ReferenceFilterField, {
+		return /* @__PURE__ */ jsx(FilterFieldBinding, {
+			propertyKey,
+			property,
+			engine,
 			value: filterValue,
 			setValue,
-			name: propertyKey,
-			isArray,
-			path: baseProperty.path,
-			title: property.name,
-			includeId: baseProperty.includeId,
-			previewProperties: baseProperty.ui?.previewProperties,
 			hidden: hiddenFields[propertyKey] ?? false,
 			setHidden: (hidden) => setHiddenForField(propertyKey, hidden)
 		});
-		else if (baseProperty.type === "number" || baseProperty.type === "string") {
-			const enumValues = baseProperty.enum ? enumToObjectEntries(baseProperty.enum) : void 0;
-			return /* @__PURE__ */ jsx(StringNumberFilterField, {
-				value: filterValue,
-				setValue,
-				name: propertyKey,
-				type: baseProperty.type,
-				isArray,
-				enumValues,
-				title: property.name
-			});
-		} else if (baseProperty.type === "boolean") return /* @__PURE__ */ jsx(BooleanFilterField, {
-			value: filterValue,
-			setValue,
-			name: propertyKey,
-			title: property.name
-		});
-		else if (baseProperty.type === "date") return /* @__PURE__ */ jsx(DateTimeFilterField, {
-			value: filterValue,
-			setValue,
-			name: propertyKey,
-			mode: baseProperty.mode,
-			isArray,
-			title: property.name
-		});
-		return null;
 	}, [
 		localFilters,
 		handleFilterChange,
 		hiddenFields,
-		setHiddenForField
+		setHiddenForField,
+		engine
 	]);
 	return /* @__PURE__ */ jsxs(Dialog, {
 		open,
@@ -16303,7 +16146,7 @@ function FiltersDialog({ open, onOpenChange, properties, filterValues, setFilter
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionView/FilterPresetsButton.tsx
+//#region src/components/CollectionViewBinding/FilterPresetsButton.tsx
 /**
 * Maximum number of presets shown as inline toggle chips before the
 * rest are collapsed into an overflow menu.
@@ -16496,8 +16339,8 @@ function FilterPresetsButton({ filterPresets, tableController, compact }) {
 	});
 }
 //#endregion
-//#region src/components/EntityCollectionView/EntityCollectionViewStartActions.tsx
-function EntityCollectionViewStartActions({ collection, relativePath, parentCollectionSlugs, parentEntityIds, path, selectionController, tableController, collectionEntitiesCount, resolvedProperties, compact, openNewDocument }) {
+//#region src/components/CollectionViewBinding/CollectionViewStartActions.tsx
+function CollectionViewStartActions({ collection, relativePath, parentCollectionSlugs, parentEntityIds, path, selectionController, tableController, collectionEntitiesCount, resolvedProperties, compact, openNewDocument }) {
 	const context = useCMSContext();
 	const largeLayout = useLargeLayout();
 	const { t } = useTranslation();
@@ -16586,7 +16429,7 @@ function EntityCollectionViewStartActions({ collection, relativePath, parentColl
 	] });
 }
 //#endregion
-//#region src/components/EntityCollectionView/EntityCollectionView.tsx
+//#region src/components/CollectionViewBinding/CollectionViewBinding.tsx
 var EMPTY_ARRAY = [];
 var DEFAULT_ENTITY_OPEN_MODE = "split";
 function getOpenEntityMode(viewMode, configuredMode) {
@@ -16596,20 +16439,20 @@ function getOpenEntityMode(viewMode, configuredMode) {
 	return "split";
 }
 /**
-* This component is in charge of binding a driver path with an {@link EntityCollection}
+* This component is in charge of binding a driver path with an {@link CollectionConfig}
 * where it's configuration is defined. It includes an infinite scrolling table
 * and a 'Add' new entities button,
 *
 * This component is the default one used for displaying entity collections
 * and is in charge of generating all the specific actions and customization
-* of the lower level {@link EntityCollectionTable}
+* of the lower level {@link CollectionTableBinding}
 *
 * Please **note** that you only need to use this component if you are building
 * a custom view. If you just need to create a default view you can do it
 * exclusively with config options.
 *
 * If you need a lower level implementation with more granular options, you
-* can use {@link EntityCollectionTable}.
+* can use {@link CollectionTableBinding}.
 *
 * If you need a generic table that is not bound to the driver or entities and
 * properties at all, you can check {@link VirtualTable}
@@ -16619,15 +16462,15 @@ function getOpenEntityMode(viewMode, configuredMode) {
 
 * @group Components
 */
-var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({ path: pathProp, parentCollectionSlugs, parentEntityIds, isSubCollection, className, updateUrl, selectedEntityId: selectedEntityIdProp, selectedTab: selectedTabProp, ...collectionProp }) {
+var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner({ path: pathProp, parentCollectionSlugs, parentEntityIds, isSubCollection, className, updateUrl, selectedEntityId: selectedEntityIdProp, selectedTab: selectedTabProp, ...collectionProp }) {
 	const { t } = useTranslation();
 	const context = useCMSContext();
 	const collectionRegistry = useCollectionRegistryController();
 	const urlController = useUrlController();
 	const breadcrumbs = useBreadcrumbsController();
-	const path = pathProp ?? collectionProp.slug;
+	const path = pathProp ?? getCollectionDataPath(collectionProp);
 	const dataClient = useData();
-	const sideEntityController = useSideEntityController();
+	const sidePanelController = useSidePanel();
 	useAuthController();
 	const userConfigPersistence = useUserConfigurationPersistence();
 	const analyticsController = useAnalyticsController();
@@ -16748,14 +16591,14 @@ var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({
 		navigateToEntity({
 			navigation: urlController,
 			path: path ?? clickedEntity.path,
-			sideEntityController,
+			sidePanelController,
 			openEntityMode,
 			collection,
 			entityId: clickedEntity.id,
 			replace: openEntityMode === "split" && selectedEntityIdProp !== void 0
 		});
 	}, [
-		sideEntityController,
+		sidePanelController,
 		openEntityMode,
 		selectedEntityIdProp,
 		path,
@@ -16770,11 +16613,11 @@ var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({
 			collection,
 			entityId: void 0,
 			path,
-			sideEntityController,
+			sidePanelController,
 			navigation: urlController,
 			onClose: unselectNavigatedEntity
 		});
-	}, [path, sideEntityController]);
+	}, [path, sidePanelController]);
 	const openNewDocument = useCallback((defaultValues) => {
 		const collection = collectionRef.current;
 		analyticsController.onAnalyticsEvent?.("new_entity_click", { path });
@@ -16784,13 +16627,13 @@ var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({
 			entityId: void 0,
 			defaultValues,
 			path,
-			sideEntityController,
+			sidePanelController,
 			navigation: urlController,
 			onClose: unselectNavigatedEntity
 		});
 	}, [
 		path,
-		sideEntityController,
+		sidePanelController,
 		openEntityMode,
 		urlController,
 		unselectNavigatedEntity
@@ -16989,7 +16832,7 @@ var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({
 							selectedTab: subcollection.slug,
 							path,
 							navigation: urlController,
-							sideEntityController
+							sidePanelController
 						});
 					},
 					children: subcollection.name
@@ -17000,7 +16843,7 @@ var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({
 	}, [
 		collection,
 		path,
-		sideEntityController
+		sidePanelController
 	]);
 	const updateLastDeleteTimestamp = useCallback(() => {
 		setLastDeleteTimestamp(Date.now());
@@ -17031,7 +16874,7 @@ var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({
 		return (largeLayout ? 80 + actionsWidth : 70 + actionsWidth) + (collapsedActions.length > 0 ? largeLayout ? 40 : 30 : 0);
 	}, [getActionsForEntity, largeLayout]);
 	const tableRowActionsBuilder = useCallback(({ entity, size, width, frozen }) => {
-		return /* @__PURE__ */ jsx(EntityCollectionRowActions, {
+		return /* @__PURE__ */ jsx(CollectionRowActions, {
 			entity,
 			width,
 			frozen,
@@ -17144,8 +16987,8 @@ var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({
 	const isSearching = !!tableController.searchString;
 	const isFilteredOrSorted = tableController.filterValues !== void 0 || tableController.sortBy !== void 0 || isSearching;
 	const ResolvedEmptyState = useComponentOverride("Collection.EmptyState", DefaultCollectionEmptyState);
-	const ResolvedCollectionActions = useComponentOverride("Collection.Actions", EntityCollectionViewActions);
-	const ResolvedCollectionTable = useComponentOverride("Collection.Table", EntityCollectionTable);
+	const ResolvedCollectionActions = useComponentOverride("Collection.Actions", CollectionViewActions);
+	const ResolvedCollectionTable = useComponentOverride("Collection.Table", CollectionTableBinding);
 	const emptyComponent = pluginEmptyStates.length > 0 ? /* @__PURE__ */ jsx(Fragment, { children: pluginEmptyStates }) : /* @__PURE__ */ jsx(ResolvedEmptyState, {
 		canCreate: canCreateEntities && !isFilteredOrSorted,
 		onNewClick,
@@ -17158,13 +17001,13 @@ var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({
 		onTextSearch: tableController.setSearchString,
 		initialSearchText: tableController.searchString,
 		viewModeToggle: viewModeToggleElement,
-		actionsStart: /* @__PURE__ */ jsx(EntityCollectionViewStartActions, {
+		actionsStart: /* @__PURE__ */ jsx(CollectionViewStartActions, {
 			parentCollectionSlugs: parentCollectionSlugs ?? EMPTY_ARRAY,
 			parentEntityIds: parentEntityIds ?? EMPTY_ARRAY,
 			collection,
 			tableController,
 			path,
-			relativePath: collection.slug,
+			relativePath: getCollectionDataPath(collection),
 			selectionController: usedSelectionController,
 			collectionEntitiesCount: docsCount ?? void 0,
 			resolvedProperties: resolvedCollection.properties,
@@ -17180,7 +17023,7 @@ var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({
 			onNewClick,
 			openNewDocument,
 			path,
-			relativePath: collection.slug,
+			relativePath: getCollectionDataPath(collection),
 			selectionController: usedSelectionController,
 			selectionEnabled: activeSelectionEnabled,
 			collectionEntitiesCount: docsCount ?? void 0,
@@ -17188,7 +17031,7 @@ var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({
 			children: pluginToolbarWidgets
 		})
 	});
-	const innerView = viewMode === "kanban" ? /* @__PURE__ */ jsx(EntityCollectionBoardView, {
+	const innerView = viewMode === "kanban" ? /* @__PURE__ */ jsx(CollectionBoardViewBinding, {
 		collection,
 		tableController,
 		fullPath: path,
@@ -17201,7 +17044,7 @@ var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({
 		highlightedEntities: highlightedEntity ? [highlightedEntity] : [],
 		deletedEntities,
 		emptyComponent
-	}, `kanban-view-${path}-${selectedKanbanProperty}`) : viewMode === "cards" ? /* @__PURE__ */ jsx(EntityCollectionCardView, {
+	}, `kanban-view-${path}-${selectedKanbanProperty}`) : viewMode === "cards" ? /* @__PURE__ */ jsx(CollectionCardViewBinding, {
 		collection,
 		tableController,
 		onEntityClick,
@@ -17212,7 +17055,7 @@ var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({
 		initialScroll: tableController.initialScroll,
 		size: cardSize,
 		emptyComponent
-	}, `cards-view-${path}`) : viewMode === "list" ? /* @__PURE__ */ jsx(EntityCollectionListView, {
+	}, `cards-view-${path}`) : viewMode === "list" ? /* @__PURE__ */ jsx(CollectionListViewBinding, {
 		collection,
 		tableController,
 		onEntityClick,
@@ -17315,7 +17158,7 @@ var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({
 								children: pluginInsights
 							})
 						}),
-						/* @__PURE__ */ jsx(EntityCollectionListView, {
+						/* @__PURE__ */ jsx(CollectionListViewBinding, {
 							collection,
 							tableController,
 							onEntityClick,
@@ -17388,13 +17231,13 @@ var EntityCollectionViewInner = React.memo(function EntityCollectionViewInner({
 }, (a, b) => {
 	return deepEqual(a.path, b.path) && deepEqual(a.parentCollectionSlugs, b.parentCollectionSlugs) && deepEqual(a.parentEntityIds, b.parentEntityIds) && deepEqual(a.isSubCollection, b.isSubCollection) && deepEqual(a.className, b.className) && deepEqual(a.properties, b.properties) && deepEqual(a.propertiesOrder, b.propertiesOrder) && deepEqual(a.hideIdFromCollection, b.hideIdFromCollection) && deepEqual(a.inlineEditing, b.inlineEditing) && deepEqual(a.selectionEnabled, b.selectionEnabled) && deepEqual(a.selectionController, b.selectionController) && deepEqual(a.Actions, b.Actions) && deepEqual(a.defaultSize, b.defaultSize) && deepEqual(a.includeJsonView, b.includeJsonView) && deepEqual(a.additionalFields, b.additionalFields) && deepEqual(a.sideDialogWidth, b.sideDialogWidth) && deepEqual(a.openEntityMode, b.openEntityMode) && deepEqual(a.exportable, b.exportable) && deepEqual(a.history, b.history) && deepEqual(a.fixedFilter, b.fixedFilter) && deepEqual(a.selectedEntityId, b.selectedEntityId) && deepEqual(a.selectedTab, b.selectedTab);
 });
-var EntityCollectionView = React.memo(function EntityCollectionView(props) {
+var CollectionViewBinding = React.memo(function CollectionViewBinding(props) {
 	const collectionRegistry = useCollectionRegistryController();
 	const path = props.path ?? props.slug;
 	const collection = collectionRegistry.getCollection(path) ?? props;
-	const content = /* @__PURE__ */ jsx(EntityCollectionViewInner, { ...props });
-	if (collection?.components) return /* @__PURE__ */ jsx(CollectionComponentOverrideProvider, {
-		overrides: collection.components,
+	const content = /* @__PURE__ */ jsx(CollectionViewBindingInner, { ...props });
+	if (collection) return /* @__PURE__ */ jsx(CollectionScopeProvider, {
+		collection,
 		children: content
 	});
 	return content;
@@ -17445,19 +17288,8 @@ function EntitiesCount({ path, collection, filter, sortBy, onCountChange }) {
 			return;
 		}
 		let cancelled = false;
-		const whereMap = {};
-		if (filter) Object.entries(filter).forEach(([key, value]) => {
-			if (value && Array.isArray(value)) {
-				const [op, val] = value;
-				const postgrestOp = op === "==" ? "eq" : op === "!=" ? "neq" : op === ">" ? "gt" : op === ">=" ? "gte" : op === "<" ? "lt" : op === "<=" ? "lte" : op === "in" ? "in" : op === "not-in" ? "nin" : op === "array-contains" ? "cs" : op === "array-contains-any" ? "csa" : "eq";
-				let stringVal;
-				if (Array.isArray(val)) stringVal = `(${val.join(",")})`;
-				else stringVal = String(val);
-				whereMap[key] = `${postgrestOp}.${stringVal}`;
-			}
-		});
-		const whereParams = Object.keys(whereMap).length > 0 ? whereMap : void 0;
-		const orderByParams = sortByProperty ? `${String(sortByProperty)}:${currentSort}` : void 0;
+		const whereParams = filter && Object.keys(filter).length > 0 ? filter : void 0;
+		const orderByParams = sortByProperty && currentSort ? [String(sortByProperty), currentSort] : void 0;
 		const cacheKey = `${path}|${filterKey}|${sortByProperty ?? ""}|${currentSort ?? ""}`;
 		let countPromise = inflightCountRequests.get(cacheKey);
 		if (!countPromise) {
@@ -17498,7 +17330,7 @@ function EntityIdHeaderWidget({ collection, path, idPath }) {
 	const [openPopup, setOpenPopup] = React.useState(false);
 	const [searchString, setSearchString] = React.useState("");
 	const [recentIds, setRecentIds] = React.useState(getRecentIds(collection.slug).map(String));
-	const sideEntityController = useSideEntityController();
+	const sidePanelController = useSidePanel();
 	const openEntityMode = collection?.openEntityMode ?? DEFAULT_ENTITY_OPEN_MODE;
 	return /* @__PURE__ */ jsx(Tooltip, {
 		title: !openPopup ? t("find_by_id") : void 0,
@@ -17528,7 +17360,7 @@ function EntityIdHeaderWidget({ collection, path, idPath }) {
 							collection,
 							entityId,
 							path,
-							sideEntityController,
+							sidePanelController,
 							navigation: urlController
 						});
 					},
@@ -17567,7 +17399,7 @@ function EntityIdHeaderWidget({ collection, path, idPath }) {
 								collection,
 								entityId: id,
 								path,
-								sideEntityController,
+								sidePanelController,
 								navigation: urlController
 							});
 						},
@@ -17606,7 +17438,7 @@ function ReferenceWidget({ name, multiselect = false, path, disabled, value, onR
 			entities
 		});
 	}, [disabled, onReferenceSelected]);
-	const referenceDialogController = useEntitySelectionDialog({
+	const referenceDialogController = useSelectionDialog({
 		multiselect,
 		path,
 		collection,
@@ -17750,15 +17582,15 @@ function useBuildSideDialogsController() {
 	]);
 }
 //#endregion
-//#region src/components/SideEntityProvider.tsx
+//#region src/components/SidePanelProvider.tsx
 /**
-* Provider that builds the SideEntityController and makes it available
-* via the SideEntityControllerContext from @rebasepro/core.
+* Provider that builds the SidePanelController and makes it available
+* via the SidePanelControllerContext from @rebasepro/core.
 *
-* After the CMS extraction refactor, `useBuildSideEntityController` lives
+* After the CMS extraction refactor, `useBuildSidePanel` lives
 * in the CMS package while the context it feeds into lives in core.
 * This provider bridges the two: place it inside the `<Rebase>` tree and
-* above any component that calls `useSideEntityController()`.
+* above any component that calls `useSidePanel()`.
 *
 * Also auto-registers the side entity controller and breadcrumbs into the
 * self-assembling Studio bridge (when a StudioBridgeRegistryProvider is
@@ -17768,28 +17600,28 @@ function useBuildSideDialogsController() {
 * ```tsx
 * <Rebase ...>
 *   {({ loading }) => (
-*     <SideEntityProvider>
+*     <SidePanelProvider>
 *       <RebaseRoutes>
 *         ...
 *       </RebaseRoutes>
-*     </SideEntityProvider>
+*     </SidePanelProvider>
 *   )}
 * </Rebase>
 * ```
 *
 * @group Components
 */
-function SideEntityProvider({ children }) {
+function SidePanelProvider({ children }) {
 	const collectionRegistryController = useCollectionRegistryController();
 	const urlController = useUrlController();
 	const navigationStateController = useNavigationStateController();
 	const sideDialogsController = useBuildSideDialogsController();
-	const sideEntityController = useBuildSideEntityController(collectionRegistryController, urlController, navigationStateController, sideDialogsController, useAuthController());
+	const sidePanelController = useBuildSidePanel(collectionRegistryController, urlController, navigationStateController, sideDialogsController, useAuthController());
 	return /* @__PURE__ */ jsx(BreadcrumbsProvider, { children: /* @__PURE__ */ jsx(SideDialogsControllerContext.Provider, {
 		value: sideDialogsController,
-		children: /* @__PURE__ */ jsxs(SideEntityControllerContext.Provider, {
-			value: sideEntityController,
-			children: [/* @__PURE__ */ jsx(BridgeAutoRegistrar$1, { sideEntityController }), children]
+		children: /* @__PURE__ */ jsxs(SidePanelControllerContext.Provider, {
+			value: sidePanelController,
+			children: [/* @__PURE__ */ jsx(BridgeAutoRegistrar$1, { sidePanelController }), children]
 		})
 	}) });
 }
@@ -17797,9 +17629,9 @@ function SideEntityProvider({ children }) {
 * Internal component that auto-registers side entity and breadcrumbs
 * into the Studio bridge. Must be a child of BreadcrumbsProvider.
 */
-function BridgeAutoRegistrar$1({ sideEntityController }) {
+function BridgeAutoRegistrar$1({ sidePanelController }) {
 	const breadcrumbs = useBreadcrumbsController();
-	useBridgeRegistration("sideEntityController", sideEntityController);
+	useBridgeRegistration("sidePanelController", sidePanelController);
 	useBridgeRegistration("breadcrumbs", breadcrumbs);
 	return null;
 }
@@ -18185,7 +18017,7 @@ function CMSNavigationContent() {
 		if (registry.studioConfig && registry.cmsConfig?.collectionEditor) slugs.add("schema");
 		return slugs;
 	}, [registry.studioConfig, registry.cmsConfig?.collectionEditor]);
-	const filteredEntries = adminModeController.mode === "studio" ? allNavigationEntries.filter((e) => e.type === "view" || e.type === "admin") : allNavigationEntries.filter((e) => e.type !== "view" || !studioViewSlugs.has(e.slug));
+	const filteredEntries = adminModeController.mode === "studio" ? allNavigationEntries.filter((e) => e.type === "view" && studioViewSlugs.has(e.slug) || e.type === "admin") : allNavigationEntries.filter((e) => e.type !== "view" || !studioViewSlugs.has(e.slug));
 	const entryGroups = new Set(filteredEntries.map((e) => e.group).filter(Boolean));
 	const orderedGroups = navigationState.topLevelNavigation?.groups ?? [];
 	const groupsToRender = [...orderedGroups.filter((g) => entryGroups.has(g)), ...[...entryGroups].filter((g) => !orderedGroups.includes(g))];
@@ -18623,7 +18455,7 @@ function DrawerWrapper(props) {
 * is auto-wired as a native feature (slots, provider, Studio view) without
 * needing any external plugin.
 */
-function RebaseCMS({ collections, views, homePage, entityViews, entityActions, plugins, collectionEditor, navigationGroupMappings }) {
+function RebaseCMS({ collections, views, homePage, entityViews, entityActions, collectionEditor, navigationGroupMappings, basePath }) {
 	const dispatch = useRebaseRegistryDispatch();
 	useLayoutEffect(() => {
 		dispatch.registerCMS({
@@ -18632,9 +18464,9 @@ function RebaseCMS({ collections, views, homePage, entityViews, entityActions, p
 			homePage,
 			entityViews,
 			entityActions,
-			plugins,
 			collectionEditor,
-			navigationGroupMappings
+			navigationGroupMappings,
+			basePath
 		});
 		return () => dispatch.unregisterCMS();
 	}, [
@@ -18644,9 +18476,9 @@ function RebaseCMS({ collections, views, homePage, entityViews, entityActions, p
 		homePage,
 		entityViews,
 		entityActions,
-		plugins,
 		collectionEditor,
-		navigationGroupMappings
+		navigationGroupMappings,
+		basePath
 	]);
 	return null;
 }
@@ -18780,7 +18612,7 @@ function useLocalCollectionsConfigController(clientOrUrl, baseCollections = [],
 //#region src/components/RebaseNavigation.tsx
 var EMPTY_PLUGINS = [];
 var EMPTY_COLLECTIONS = [];
-var CollectionsStudioView = lazy(() => import("./RouterCollectionsStudioView-Dqx27GD8.js").then((n) => n.n).then((m) => ({ default: m.RouterCollectionsStudioView })));
+var CollectionsStudioView = lazy(() => import("./RouterCollectionsStudioView-epqIbZrJ.js").then((n) => n.n).then((m) => ({ default: m.RouterCollectionsStudioView })));
 /**
 * Navigation layer — builds and provides all CMS navigation controllers:
 * collection registry, URL controller, navigation state, side entity,
@@ -18795,7 +18627,7 @@ var CollectionsStudioView = lazy(() => import("./RouterCollectionsStudioView-Dqx
 * ```tsx
 * <RebaseNavigation>
 *   <MyCustomLayout>
-*     <EntityCollectionView ... />
+*     <CollectionViewBinding ... />
 *   </MyCustomLayout>
 * </RebaseNavigation>
 * ```
@@ -18827,7 +18659,12 @@ function RebaseNavigation({ children }) {
 		resolveKey: (slugOrPath) => resolveDataSource(getCollectionRef.current(slugOrPath), dataSources.registry).key
 	}), [defaultData, dataSources]);
 	const urlController = useBuildUrlController({
-		basePath: "/",
+		basePath: useMemo(() => {
+			const raw = registry.cmsConfig?.basePath;
+			if (!raw || raw === "/") return "/";
+			const trimmed = raw.replace(/^\/+/, "").replace(/\/+$/, "");
+			return trimmed ? `/${trimmed}` : "/";
+		}, [registry.cmsConfig?.basePath]),
 		baseCollectionPath: "/c",
 		collectionRegistryController
 	});
@@ -18884,8 +18721,9 @@ function RebaseNavigation({ children }) {
 		};
 		return [...cmsViews, ...devViews];
 	}, [cmsViews, devViews]);
+	const parentCustomizationController = useCustomizationController();
 	const navigationStateController = useBuildNavigationStateController({
-		plugins: registry.cmsConfig?.plugins ?? EMPTY_PLUGINS,
+		plugins: parentCustomizationController.plugins ?? EMPTY_PLUGINS,
 		collections: collectionsBuilder,
 		views: mergedViews,
 		navigationGroupMappings: registry.cmsConfig?.navigationGroupMappings,
@@ -18895,7 +18733,6 @@ function RebaseNavigation({ children }) {
 		urlController,
 		adminMode: adminModeController?.mode
 	});
-	const parentCustomizationController = useCustomizationController();
 	const enrichedCustomizationController = useMemo(() => {
 		const cmsEntityViews = registry.cmsConfig?.entityViews ?? [];
 		const cmsEntityActions = registry.cmsConfig?.entityActions ?? [];
@@ -18920,7 +18757,7 @@ function RebaseNavigation({ children }) {
 					value: urlController,
 					children: /* @__PURE__ */ jsx(NavigationStateContext.Provider, {
 						value: navigationStateController,
-						children: /* @__PURE__ */ jsxs(SideEntityProvider, { children: [/* @__PURE__ */ jsx(BridgeAutoRegistrar, {
+						children: /* @__PURE__ */ jsxs(SidePanelProvider, { children: [/* @__PURE__ */ jsx(BridgeAutoRegistrar, {
 							collectionRegistryController,
 							urlController,
 							navigationStateController
@@ -19720,7 +19557,7 @@ function ContentHomePage({ additionalActions, additionalChildrenStart, additiona
 		return slugs;
 	}, [registry.studioConfig, registry.cmsConfig?.collectionEditor]);
 	const rawNavigationEntries = useMemo(() => {
-		if (adminModeController.mode === "studio") return unFilteredNavigationEntries.filter((e) => e.type === "view" || e.type === "admin");
+		if (adminModeController.mode === "studio") return unFilteredNavigationEntries.filter((e) => e.type === "view" && studioViewSlugs.has(e.slug) || e.type === "admin");
 		return unFilteredNavigationEntries.filter((e) => e.type !== "view" || !studioViewSlugs.has(e.slug));
 	}, [
 		unFilteredNavigationEntries,
@@ -20003,7 +19840,7 @@ function RebaseRoute() {
 	const urlController = useUrlController();
 	const breadcrumbs = useBreadcrumbsController();
 	const userConfigPersistence = useUserConfigurationPersistence();
-	const ResolvedCollectionView = useComponentOverride("Collection.View", EntityCollectionView);
+	const ResolvedCollectionView = useComponentOverride("Collection.View", CollectionViewBinding);
 	const hash = location.hash;
 	const isSidePanel = hash.includes("#side");
 	const isNew = hash.includes("#new") || hash.includes("#new_side");
@@ -20198,7 +20035,7 @@ function EntityFullScreenRoute({ pathname, navigationEntries, isNew, isCopy }) {
 	const fullIdPath = isNew ? lastCollectionEntry.slug : lastEntityEntry.slug;
 	const collectionPath = urlController.resolveDatabasePathsFrom(fullIdPath);
 	const isEditRoute = pathname.endsWith("/edit") || pathname.split("/").pop() === "edit";
-	if (collection.defaultEntityAction === "view" && !isNew && !isCopy && entityId && !isEditRoute) return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(EntityDetailView, {
+	if (collection.defaultEntityAction === "view" && !isNew && !isCopy && entityId && !isEditRoute) return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(DetailViewBinding, {
 		entityId,
 		collection,
 		layout: "full_screen",
@@ -20216,7 +20053,7 @@ function EntityFullScreenRoute({ pathname, navigationEntries, isNew, isCopy }) {
 		parentCollectionSlugs,
 		parentEntityIds
 	}, collection.slug + "_view_" + entityId) });
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(EntityEditView, {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(EditViewBinding, {
 		entityId: isNew ? void 0 : entityId,
 		collection,
 		layout: "full_screen",
@@ -20272,8 +20109,8 @@ function CustomViewRoute({ view }) {
 }
 //#endregion
 //#region src/components/CollectionEditorDialogs.tsx
-var CollectionEditorDialog = lazy(() => import("./CollectionEditorDialog-iGgS4rLX.js").then((n) => n.r).then((m) => ({ default: m.CollectionEditorDialog })));
-var PropertyFormDialog = lazy(() => import("./PropertyEditView-C9yhLyja.js").then((n) => n.t).then((m) => ({ default: m.PropertyFormDialog })));
+var CollectionEditorDialog = lazy(() => import("./CollectionEditorDialog-B-7uW3iJ.js").then((n) => n.r).then((m) => ({ default: m.CollectionEditorDialog })));
+var PropertyFormDialog = lazy(() => import("./PropertyEditView-7KMTcrqi.js").then((n) => n.t).then((m) => ({ default: m.PropertyFormDialog })));
 /**
 * Renders the CollectionEditorDialog and PropertyFormDialog inside
 * the RebaseShell tree where CMS-internal contexts
@@ -20467,7 +20304,7 @@ function RebaseShell(props) {
 * @group Components
 */
 function CollectionPanelInner({ mergedCollection, path, title, updateUrl, className }) {
-	const ResolvedCollectionView = useComponentOverride("Collection.View", EntityCollectionView);
+	const ResolvedCollectionView = useComponentOverride("Collection.View", CollectionViewBinding);
 	return /* @__PURE__ */ jsxs("div", {
 		className,
 		children: [title !== false && /* @__PURE__ */ jsx(Typography, {
@@ -20516,15 +20353,13 @@ function CollectionPanel(props) {
 			]
 		})
 	});
-	const content = /* @__PURE__ */ jsx(CollectionPanelInner, {
-		...props,
-		mergedCollection
-	});
-	if (mergedCollection.components) return /* @__PURE__ */ jsx(CollectionComponentOverrideProvider, {
-		overrides: mergedCollection.components,
-		children: content
+	return /* @__PURE__ */ jsx(CollectionScopeProvider, {
+		collection: mergedCollection,
+		children: /* @__PURE__ */ jsx(CollectionPanelInner, {
+			...props,
+			mergedCollection
+		})
 	});
-	return content;
 }
 //#endregion
 //#region src/preview/components/RelationPreview.tsx
@@ -20619,17 +20454,17 @@ function RelationPreviewInternal(props) {
 		...props,
 		collection
 	});
-	if (collection?.components) return /* @__PURE__ */ jsx(CollectionComponentOverrideProvider, {
-		overrides: collection.components,
+	if (collection) return /* @__PURE__ */ jsx(CollectionScopeProvider, {
+		collection,
 		children: content
 	});
 	return content;
 }
 function RelationPreviewExisting({ relation, collection, previewProperties, size, disabled, includeEntityLink, includeId, onClick, hover, textOnly }) {
 	const passedEntity = relation.data;
-	const ResolvedEntityPreview = useComponentOverride("Entity.Preview", EntityPreview);
+	const ResolvedEntityPreview = useComponentOverride("EntityPreview", EntityPreviewBinding);
 	const customizationController = useCustomizationController();
-	const { entity, dataLoading, dataLoadingError } = useEntityFetch({
+	const { entity, dataLoading, dataLoadingError } = useFetch({
 		path: relation.path,
 		entityId: passedEntity ? void 0 : relation.id,
 		collection,
@@ -21062,6 +20897,7 @@ var PropertyPreview = React.memo(function PropertyPreview(props) {
 			content = /* @__PURE__ */ jsx(StorageThumbnail, {
 				interactive,
 				storeUrl: property.storage?.storeUrl ?? false,
+				storageSourceKey: stringProperty.storage.storageSource,
 				size: props.size,
 				fill,
 				storagePathOrDownloadUrl: filePath
@@ -21089,19 +20925,6 @@ var PropertyPreview = React.memo(function PropertyPreview(props) {
 			propertyKey,
 			size: props.size
 		});
-		else if (stringProperty.reference) if (typeof stringProperty.reference.path === "string") content = /* @__PURE__ */ jsx(ReferencePreview, {
-			disabled: !stringProperty.reference.path,
-			previewProperties: stringProperty.reference?.ui?.previewProperties,
-			includeId: stringProperty.reference.includeId,
-			includeEntityLink: stringProperty.reference.includeEntityLink,
-			size: props.size,
-			reference: new EntityReference({
-				id: value,
-				path: stringProperty.reference.path
-			}),
-			textOnly: props.textOnly
-		});
-		else content = /* @__PURE__ */ jsx(EmptyValue, {});
 		else content = /* @__PURE__ */ jsx(StringPropertyPreview, {
 			...props,
 			property: stringProperty,
@@ -21691,7 +21514,7 @@ function zodToFormErrors(zodError) {
 /**
 * Headless entity form component.
 *
-* Renders a form for an entity collection without any CMS or backend dependencies.
+* Renders a form for a entity collection without any CMS or backend dependencies.
 * All backend concerns (save, caching, analytics, plugin slots) are provided via
 * callback props. For CMS-connected usage, use {@link EntityFormBinding} instead.
 *
@@ -22143,7 +21966,7 @@ function useOnAutoSave(autoSave, formex, lastSavedValues, save) {
 */
 function EntityFormBinding({ path, entityId: entityIdProp, collection, entity, initialStatus, onSaved, onValuesModified, onEntityChange, onStatusChange, openEntityMode = "full_screen", navigateBack: navigateBackProp, initialDirtyValues, ...restProps }) {
 	const { t } = useTranslation();
-	const sideEntityController = useSideEntityController();
+	const sidePanelController = useSidePanel();
 	const collectionRegistryController = useCollectionRegistryController();
 	const authController = useAuthController();
 	const dataClient = useData();
@@ -22197,12 +22020,12 @@ function EntityFormBinding({ path, entityId: entityIdProp, collection, entity, i
 			navigateBackProp();
 			return;
 		}
-		if (openEntityMode === "side_panel" || openEntityMode === "dialog") sideEntityController.close();
+		if (openEntityMode === "side_panel" || openEntityMode === "dialog") sidePanelController.close();
 		else window.history.back();
 	}, [
 		navigateBackProp,
 		openEntityMode,
-		sideEntityController
+		sidePanelController
 	]);
 	const clearDirtyCache = useCallback(() => {
 		if (status === "new" || status === "copy") {
@@ -22298,7 +22121,7 @@ function EntityFormBinding({ path, entityId: entityIdProp, collection, entity, i
 	const uniqueFieldValidator = useCallback(async ({ name, value }) => {
 		try {
 			const { data } = await dataClient.collection(path).find({
-				where: { [name]: `eq.${value}` },
+				where: { [name]: ["==", value] },
 				limit: 2
 			});
 			return (entityId ? data.filter((e) => e.id !== entityId) : data).length === 0;
@@ -22398,10 +22221,10 @@ function mapPropertyToConfig(property) {
 	};
 	if (property.type === "string") {
 		if (property.enum) base.enum = mapEnumValues(property.enum);
-		if (property.multiline) base.multiline = true;
+		if (property.ui?.multiline) base.multiline = true;
 		if (property.ui?.previewAsTag) base.previewAsTag = true;
-		if (property.url || property.ui?.url) base.url = property.url ?? property.ui?.url;
-		if (property.ui?.markdown || property.markdown) base.markdown = true;
+		if (property.ui?.url) base.url = property.ui.url;
+		if (property.ui?.markdown) base.markdown = true;
 		if (property.storage) base.storage = true;
 		if (property.email) base.email = true;
 	}
@@ -22453,22 +22276,16 @@ function normalizeEnumValueConfig(config) {
 * entity-aware data layer to the headless collection view.
 */
 /**
-* Flatten Entity<M> objects to plain row objects.
-* The headless view works with flat `Record<string, unknown>` rows,
-* while the entity system uses `{ id, path, values: M }`.
-*
-* The flattened row includes `id` and `path` at the top level,
-* plus all values spread.
+* Unwrap `Entity<M>` objects to flat rows for the headless view.
+* The entity system uses `{ id, path, values: M }`; `values` is already the
+* flat row `M` carrying its real primary key, so unwrapping is just `.values` —
+* no `id`/`path` merge (those are view-model metadata, not row columns).
 */
 function flattenEntities(entities) {
-	return entities.map((entity) => ({
-		id: entity.id,
-		path: entity.path,
-		...entity.values
-	}));
+	return entities.map((entity) => entity.values);
 }
 /**
-* React hook that adapts an EntityTableController to a CollectionDataController.
+* React hook that adapts a EntityTableController to a CollectionDataController.
 *
 * Usage:
 * ```tsx
@@ -22776,7 +22593,7 @@ function ImportDataPreview({ importConfig, properties, propertiesOrder }) {
 		importConfig.setEntities(mappedData);
 	}, []);
 	const selectionController = useSelectionController();
-	return /* @__PURE__ */ jsx(EntityCollectionTable, {
+	return /* @__PURE__ */ jsx(CollectionTableBinding, {
 		title: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
 			variant: "subtitle2",
 			children: "Imported data preview"
@@ -23372,6 +23189,7 @@ function toSerializableStorageConfig(storage) {
 	if (storage.includeBucketUrl !== void 0) result.includeBucketUrl = storage.includeBucketUrl;
 	if (storage.storeUrl !== void 0) result.storeUrl = storage.storeUrl;
 	if (storage.maxSize !== void 0) result.maxSize = storage.maxSize;
+	if (storage.storageSource !== void 0) result.storageSource = storage.storageSource;
 	return result;
 }
 /**
@@ -23384,7 +23202,7 @@ function serializeMatches(matches) {
 }
 /**
 * Resolve a relation target to a string slug.
-* Functions are called to extract the target; EntityCollection objects
+* Functions are called to extract the target; CollectionConfig objects
 * use their slug.
 */
 function resolveRelationTarget(target) {
@@ -23429,12 +23247,8 @@ function toSerializableProperty(property) {
 			if (sp.columnType) result.columnType = sp.columnType;
 			if (sp.isId !== void 0) result.isId = sp.isId;
 			if (sp.enum) result.enum = sp.enum;
-			if (sp.multiline) result.multiline = sp.multiline;
-			if (sp.markdown) result.markdown = sp.markdown;
 			if (sp.userSelect) result.userSelect = sp.userSelect;
-			if (sp.url) result.url = sp.url;
 			if (sp.email) result.email = sp.email;
-			if (sp.previewAsTag) result.previewAsTag = sp.previewAsTag;
 			if (sp.validation) {
 				const { matches, ...restValidation } = sp.validation;
 				const serializedValidation = { ...restValidation };
@@ -23444,7 +23258,6 @@ function toSerializableProperty(property) {
 			}
 			const storage = toSerializableStorageConfig(sp.storage);
 			if (storage) result.storage = storage;
-			if (sp.reference) result.reference = toSerializableProperty(sp.reference);
 			return result;
 		}
 		case "number": {
@@ -23478,7 +23291,6 @@ function toSerializableProperty(property) {
 			if (dp.mode) result.mode = dp.mode;
 			if (dp.timezone) result.timezone = dp.timezone;
 			if (dp.autoValue) result.autoValue = dp.autoValue;
-			if (dp.clearable) result.clearable = dp.clearable;
 			if (dp.validation) {
 				const serializedValidation = {};
 				if (dp.validation.required !== void 0) serializedValidation.required = dp.validation.required;
@@ -23605,14 +23417,14 @@ function toSerializableProperties(properties) {
 	return result;
 }
 /**
-* Convert an `EntityCollection` to its JSON-serializable form.
+* Convert an `CollectionConfig` to its JSON-serializable form.
 *
 * Strips all non-serializable fields (functions, React nodes, class instances)
 * while preserving the structural schema that the collection editor works with.
 *
 * The result is safe for `JSON.stringify()` and database storage.
 */
-function toSerializableCollection(collection) {
+function toSerializableCollectionConfig(collection) {
 	const result = {
 		slug: collection.slug,
 		name: collection.name,
@@ -23621,7 +23433,8 @@ function toSerializableCollection(collection) {
 	if (collection.singularName) result.singularName = collection.singularName;
 	if (collection.description) result.description = collection.description;
 	if (collection.group) result.group = collection.group;
-	if (collection.driver) result.driver = collection.driver;
+	if (collection.engine) result.engine = collection.engine;
+	if (collection.dataSource) result.dataSource = collection.dataSource;
 	if (collection.databaseId) result.databaseId = collection.databaseId;
 	if (collection.titleProperty) result.titleProperty = collection.titleProperty;
 	if (collection.ownerId) result.ownerId = collection.ownerId;
@@ -23703,12 +23516,7 @@ function fromSerializableProperty(serialized) {
 			if (sp.properties) result.properties = fromSerializableProperties(sp.properties);
 			return result;
 		}
-		case "string": {
-			const sp = serialized;
-			const result = { ...sp };
-			if (sp.reference) result.reference = fromSerializableProperty(sp.reference);
-			return result;
-		}
+		case "string": return { ...serialized };
 		default: return serialized;
 	}
 }
@@ -23721,13 +23529,13 @@ function fromSerializableProperties(serialized) {
 	return result;
 }
 /**
-* Convert a `SerializableCollection` back to an `EntityCollection`.
+* Convert a `SerializableCollectionConfig` back to an `CollectionConfig`.
 *
 * The result will NOT contain any of the non-serializable fields
 * (callbacks, entityActions, etc.) — those must be re-attached by the
 * consumer if needed.
 */
-function fromSerializableCollection(serialized) {
+function fromSerializableCollectionConfig(serialized) {
 	const { properties, ...rest } = serialized;
 	return {
 		...rest,
@@ -23768,7 +23576,7 @@ function useJsonCollectionsConfigController({ store, readOnly = false, autoLoad
 			try {
 				const [serialized, navEntries] = await Promise.all([storeRef.current.load(), storeRef.current.loadNavigationEntries?.() ?? Promise.resolve([])]);
 				if (cancelled) return;
-				setCollections(serialized.map(fromSerializableCollection));
+				setCollections(serialized.map(fromSerializableCollectionConfig));
 				setNavigationEntries(navEntries);
 			} catch (e) {
 				console.error("useJsonCollectionsConfigController: failed to load collections", e);
@@ -23784,7 +23592,7 @@ function useJsonCollectionsConfigController({ store, readOnly = false, autoLoad
 	* Update local state and persist a collection to the store.
 	*/
 	const persistCollection = useCallback(async (collection) => {
-		const serializable = toSerializableCollection(collection);
+		const serializable = toSerializableCollectionConfig(collection);
 		await storeRef.current.save(collection.slug, serializable);
 	}, []);
 	/**
@@ -24309,6 +24117,6 @@ function getFullIdPath(propertyKey, propertyNamespace) {
 	return idToPropertiesPath(propertyNamespace ? `${propertyNamespace}.${propertyKey}` : propertyKey);
 }
 //#endregion
-export { RelationPreview as $, SelectableTable as $n, DateTimeFieldBinding as $t, useCollectionDataController as A, getLastSegment$1 as An, renderSkeletonCaptionText as Ar, useImportConfig as At, ArrayOfMapsPreview as B, UrlContext as Bn, getFieldId as Bt, downloadEntitiesExport as C, deleteEntityAction as Cn, isRelationProperty as Cr, useCollectionEditorController as Ct, ImportDataPreview as D, addInitialSlash as Dn, StorageThumbnail as Dr, flattenEntry as Dt, ImportCollectionAction as E, CreationResultDialog as En, EnumValuesChip as Er, convertDataToEntity as Et, extractTouchedValues as F, useBuildCollectionRegistryController as Fn, sanitizeUrl as Fr, PropertyConfigBadge as Ft, DatePreview as G, useCollectionRegistryController as Gn, SelectFieldBinding as Gt, UserPreview as H, NavigationStateContext as Hn, TextFieldBinding as Ht, getChanges as I, useEntityHistory as In, ImagePreview as Ir, DEFAULT_FIELD_CONFIGS as It, ArrayOneOfPreview as J, getEntityViewWidth as Jn, ReferenceAsStringFieldBinding as Jt, KeyValuePreview as K, useSideDialogsController as Kn, RepeatFieldBinding as Kt, getInitialEntityValues as L, resolveNavigationFrom as Ln, EmptyValue as Lr, getDefaultFieldConfig as Lt, mapPropertyToConfig as M, removeInitialSlash as Mn, renderSkeletonImageThumbnail as Mr, ImportFileUpload as Mt, EntityFormBinding as N, removeTrailingSlash as Nn, renderSkeletonText as Nr, convertFileToJson as Nt, PropertySelectEntry as O, getCollectionBySlugWithin as On, StorageThumbnailInternal as Or, processValueMapping as Ot, EntityForm as P, resolveCollectionPathIds$1 as Pn, UrlComponentPreview as Pr, unflattenObject as Pt, ArrayOfStorageComponentsPreview as Q, EntityCollectionTable as Qn, KeyValueFieldBinding as Qt, removeEmptyContainers as R, useResolvedNavigationFrom as Rn, getDefaultFieldId as Rt, downloadDataAsCsv as S, copyEntityAction as Sn, isReferenceProperty as Sr, EntityCollectionViewActions as St, getEntityJsonExportableData as T, resetPasswordAction as Tn, StringPropertyPreview as Tr, DataNewPropertiesMapping as Tt, NumberPropertyPreview as U, useNavigationStateController as Un, SwitchFieldBinding as Ut, PropertyPreview as V, useUrlController as Vn, VectorFieldBinding as Vt, BooleanPreview as W, CollectionRegistryContext as Wn, StorageUploadFieldBinding as Wt, ArrayPropertyEnumPreview as X, mergeEntityActions as Xn, MarkdownEditorFieldBinding as Xt, ArrayOfStringsPreview as Y, useBuildSideEntityController as Yn, MultiSelectFieldBinding as Yt, ArrayEnumPreview as Z, useSelectionController as Zn, MapFieldBinding as Zt, toSerializableProperty as _, useBuildUrlController as _n, getIconForProperty as _r, SideEntityProvider as _t, namespaceToPropertiesPath as a, ReadOnlyFieldBinding as an, useEntitySelectionDialog as ar, RebaseLayout as at, BasicExportAction as b, useResolvedViews as bn, getPropertyInPath as br, EntityCollectionCardView as bt, DEFAULT_COLLECTION_GENERATION_ENDPOINT as c, LabelWithIconAndTooltip as cn, resolveEntityView as cr, RebaseAuthGate as ct, useJsonCollectionsConfigController as d, FieldHelperText as dn, ReferencePreview as dr, Drawer as dt, BlockFieldBinding as en, EntityCollectionRowActions as er, CollectionPanel as et, fromSerializableCollection as f, SearchIconsView as fn, EntityPreview as fr, DefaultDrawer as ft, toSerializableProperties as g, useBreadcrumbsController as gn, getDefaultPropertiesOrder as gr, AdminModeSyncer as gt, toSerializableCollection as h, SideDialogs as hn, getBracketNotation as hr, useApp as ht, namespaceToPropertiesOrderPath as i, PropertyFieldBinding as in, useSideEntityController as ir, RebaseRoute as it, mapPropertiesToConfigs as j, removeInitialAndTrailingSlashes$1 as jn, renderSkeletonIcon as jr, ImportSaveInProgress as jt, createStaticDataController as k, getCollectionPathsCombinations as kn, SkeletonPropertyComponent as kr, getInferenceType as kt, buildCollectionGenerationCallback as l, PropertyIdCopyTooltip as ln, EntityView as lr, RebaseCMS as lt, fromSerializableProperty as m, EntitySelectionTable as mn, getEntityTitlePropertyKey as mr, AppBar as mt, getFullIdPath as n, ArrayContainer as nn, SelectableTableContext as nr, RebaseRouteDefs as nt, MissingReferenceWidget as o, FormLayout as on, VirtualTableInput as or, RebaseNavigation as ot, fromSerializableProperties as p, FieldCaption as pn, getEntityPreviewKeys as pr, DrawerFooterActions as pt, MapPropertyPreview as q, buildSidePanelsFromUrl as qn, ReferenceFieldBinding as qt, idToPropertiesPath as r, ArrayCustomShapedFieldBinding as rn, SideEntityControllerContext as rr, CustomViewRoute as rt, CollectionGenerationApiError as s, FormEntry as sn, resolveEntityAction as sr, useLocalCollectionsConfigController as st, getFullId as t, ArrayOfReferencesFieldBinding as tn, useClearRestoreValue as tr, RebaseShell as tt, validateCollectionJson as u, LabelWithIcon as un, ArrayOfReferencesPreview as ur, Scaffold as ut, useCollectionsConfigController as v, useBuildNavigationStateController as vn, getIconForWidget as vr, ReferenceWidget as vt, getEntityCSVExportableData as w, editEntityAction as wn, ArrayPropertyPreview as wr, ImportNewPropertyFieldPreview as wt, downloadBlob as x, useResolvedCollections as xn, getResolvedPropertyInPath as xr, EntityCard as xt, ExportCollectionAction as y, useTopLevelNavigation as yn, getPropertiesWithPropertiesOrder as yr, EntityCollectionView as yt, zodToFormErrors as z, useCMSContext as zn, getFieldConfig as zt };
+export { RelationPreview as $, SelectableTable as $n, BlockFieldBinding as $t, useCollectionDataController as A, removeInitialAndTrailingSlashes$1 as An, renderSkeletonIcon as Ar, useImportConfig as At, ArrayOfMapsPreview as B, useUrlController as Bn, getFieldId as Bt, downloadEntitiesExport as C, editEntityAction as Cn, ArrayPropertyPreview as Cr, useCollectionEditorController as Ct, ImportDataPreview as D, getCollectionBySlugWithin as Dn, StorageThumbnailInternal as Dr, flattenEntry as Dt, ImportCollectionAction as E, addInitialSlash as En, StorageThumbnail as Er, convertDataToEntity as Et, extractTouchedValues as F, useHistory as Fn, ImagePreview as Fr, PropertyConfigBadge as Ft, DatePreview as G, useSideDialogsController as Gn, SelectFieldBinding as Gt, UserPreview as H, useNavigationStateController as Hn, TextFieldBinding as Ht, getChanges as I, resolveNavigationFrom as In, EmptyValue as Ir, DEFAULT_FIELD_CONFIGS as It, ArrayOneOfPreview as J, useBuildSidePanel as Jn, MultiSelectFieldBinding as Jt, KeyValuePreview as K, buildSidePanelsFromUrl as Kn, RepeatFieldBinding as Kt, getInitialEntityValues as L, useResolvedNavigationFrom as Ln, getDefaultFieldConfig as Lt, mapPropertyToConfig as M, removeTrailingSlash as Mn, renderSkeletonText as Mr, ImportFileUpload as Mt, EntityFormBinding as N, resolveCollectionPathIds$1 as Nn, UrlComponentPreview as Nr, convertFileToJson as Nt, PropertySelectEntry as O, getCollectionPathsCombinations as On, SkeletonPropertyComponent as Or, processValueMapping as Ot, EntityForm as P, useBuildCollectionRegistryController as Pn, sanitizeUrl as Pr, unflattenObject as Pt, ArrayOfStorageComponentsPreview as Q, CollectionTableBinding as Qn, DateTimeFieldBinding as Qt, removeEmptyContainers as R, useCMSContext as Rn, getDefaultFieldId as Rt, downloadDataAsCsv as S, deleteEntityAction as Sn, isRelationProperty as Sr, CollectionViewActions as St, getEntityJsonExportableData as T, CreationResultDialog as Tn, EnumValuesChip as Tr, DataNewPropertiesMapping as Tt, NumberPropertyPreview as U, CollectionRegistryContext as Un, SwitchFieldBinding as Ut, PropertyPreview as V, NavigationStateContext as Vn, VectorFieldBinding as Vt, BooleanPreview as W, useCollectionRegistryController as Wn, StorageUploadFieldBinding as Wt, ArrayPropertyEnumPreview as X, useSelectionController as Xn, MapFieldBinding as Xt, ArrayOfStringsPreview as Y, mergeEntityActions as Yn, MarkdownEditorFieldBinding as Yt, ArrayEnumPreview as Z, VirtualTableInput$1 as Zn, KeyValueFieldBinding as Zt, toSerializableProperty as _, useBuildNavigationStateController as _n, getIconForWidget as _r, SidePanelProvider as _t, namespaceToPropertiesPath as a, FormLayout as an, useSelectionDialog as ar, RebaseLayout as at, BasicExportAction as b, useResolvedCollections as bn, getResolvedPropertyInPath as br, CollectionCardViewBinding as bt, DEFAULT_COLLECTION_GENERATION_ENDPOINT as c, PropertyIdCopyTooltip as cn, EntityViewBinding as cr, RebaseAuthGate as ct, useJsonCollectionsConfigController as d, SearchIconsView as dn, EntityPreviewBinding as dr, Drawer as dt, ArrayOfReferencesFieldBinding as en, CollectionRowActions as er, CollectionPanel as et, fromSerializableCollectionConfig as f, FieldCaption as fn, getEntityPreviewKeys as fr, DefaultDrawer as ft, toSerializableProperties as g, useBuildUrlController as gn, getIconForProperty as gr, AdminModeSyncer as gt, toSerializableCollectionConfig as h, useBreadcrumbsController as hn, getDefaultPropertiesOrder as hr, useApp as ht, namespaceToPropertiesOrderPath as i, ReadOnlyFieldBinding as in, useSidePanel as ir, RebaseRoute as it, mapPropertiesToConfigs as j, removeInitialSlash as jn, renderSkeletonImageThumbnail as jr, ImportSaveInProgress as jt, createStaticDataController as k, getLastSegment$1 as kn, renderSkeletonCaptionText as kr, getInferenceType as kt, buildCollectionGenerationCallback as l, LabelWithIcon as ln, ArrayOfReferencesPreview as lr, RebaseCMS as lt, fromSerializableProperty as m, SideDialogs as mn, getBracketNotation as mr, AppBar as mt, getFullIdPath as n, ArrayCustomShapedFieldBinding as nn, SelectableTableContext as nr, RebaseRouteDefs as nt, MissingReferenceWidget as o, FormEntry as on, resolveEntityAction as or, RebaseNavigation as ot, fromSerializableProperties as p, SelectionTableBinding as pn, getEntityTitlePropertyKey as pr, DrawerFooterActions as pt, MapPropertyPreview as q, getEntityViewWidth as qn, ReferenceFieldBinding as qt, idToPropertiesPath as r, PropertyFieldBinding as rn, SidePanelControllerContext as rr, CustomViewRoute as rt, CollectionGenerationApiError as s, LabelWithIconAndTooltip as sn, resolveEntityView as sr, useLocalCollectionsConfigController as st, getFullId as t, ArrayContainer as tn, useClearRestoreValue as tr, RebaseShell as tt, validateCollectionJson as u, FieldHelperText as un, ReferencePreview as ur, Scaffold as ut, useCollectionsConfigController as v, useTopLevelNavigation as vn, getPropertiesWithPropertiesOrder as vr, ReferenceWidget as vt, getEntityCSVExportableData as w, resetPasswordAction as wn, StringPropertyPreview as wr, ImportNewPropertyFieldPreview as wt, downloadBlob as x, copyEntityAction as xn, isReferenceProperty as xr, EntityCardBinding as xt, ExportCollectionAction as y, useResolvedViews as yn, getPropertyInPath as yr, CollectionViewBinding as yt, zodToFormErrors as z, UrlContext as zn, getFieldConfig as zt };
 
-//# sourceMappingURL=src-DOX2nOyh.js.map
+//# sourceMappingURL=src-sUZfe29F.js.map