@rebasepro/cms 0.20.0 → 0.21.0

package/dist/{util-4oPxPkbp.js → util-h6jhiiBE.js}

@@ -1,10 +1,10 @@
 import { n as getThumbnailMeasure, r as sanitizeUrl, t as getPreviewSizeFrom } from "./util-DB31IoJE.js";
 import * as React$1 from "react";
 import React, { Suspense, createContext, createElement, forwardRef, memo, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { deepEqual } from "fast-equals";
+import { deepEqual, shallowEqual } from "fast-equals";
 import { Alert, AlertCircleIcon, AlertTriangleIcon, AlignLeftIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightToLineIcon, ArrowUpDownIcon, ArrowUpIcon, Badge, BooleanSwitchWithLabel, Button, CHIP_COLORS, CHIP_SEED_KEYS, CalendarIcon, Card, CardView, CenteredView, CheckCircleIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, Chip, CircleIcon, CircularProgress, CircularProgressCenter, CodeIcon, Collapse, ColumnsIcon, CopyIcon, DateTimeField, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, ExpandablePanel, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FilterXIcon, FlagIcon, FolderUpIcon, FunctionSquareIcon, GlobeIcon, HandleIcon, HashIcon, HistoryIcon, IconButton, ImageOffIcon, KanbanIcon, KanbanView, KeyRoundIcon, Label, LayoutGridIcon, Link2Icon, LinkIcon, ListIcon, ListOrderedIcon, ListView, LoadingButton, LucideIconByName, MailIcon, Markdown, Maximize2Icon, Menu, MenuItem, MinusIcon, MoreVerticalIcon, MultiSelect, MultiSelectItem, PanelLeftCloseIcon, PanelLeftOpenIcon, PencilIcon, PlusIcon, Popover, PopoverPrimitive, Portal, QuoteIcon, RadioGroup, RadioGroupItem, RefreshCwIcon, RepeatIcon, ResizablePanels, Rows3Icon, SearchBar, SearchIcon, Select, SelectItem, Separator, SettingsIcon, Sheet, Skeleton, Tab, Table, TableBody, TableCell, TableHeader, TableIcon, TableRow, Tabs, TextField, TextIcon, TextareaAutosize, ToggleButtonGroup, Tooltip, Trash2Icon, Typography, Unlink2Icon, UploadIcon, UserIcon, VirtualTable, VirtualTableDateField, VirtualTableInput, VirtualTableInput as VirtualTableInput$1, VirtualTableNumberInput, VirtualTableSwitch, VoteIcon, XCircleIcon, XIcon, cls, coolIconKeys, createVirtualTableSelectionStore, debounce, defaultBorderMixin, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, fieldBackgroundInvisibleMixin, fieldBackgroundMixin, focusedDisabled, getColorSchemeForSeed, iconSize, lazyChunk, paperMixin, useDebouncedCallback, useOutsideAlerter, usePortalContainer } from "@rebasepro/ui";
 import { CollectionRegistry, DEFAULT_ONE_OF_TYPE, DEFAULT_ONE_OF_VALUE, canReadCollection, enumToObjectEntries, getArrayResolvedProperties, getDefaultValueFor, getDefaultValueFortype, getDefaultValuesFor, getEntityChildViews, getLabelOrConfigFrom, getReferenceFrom, getRelationFrom, getRelationTargetPath, getSubcollections, getTableName, isPropertyBuilder, normalizeOrderBy, normalizeToEntityRelation, resolveArrayProperties, resolveEnumValues, resolveProperty, resolveRelationProperty, resolveStorageFilenameString, resolveStoragePathString, resolveStorageSource, serializeOrderBy } from "@rebasepro/common";
-import { CONTAINER_FULL_WIDTH, CollectionScopeProvider, DEFAULT_PAGE_SIZE, EntityDisplayCache, ErrorTooltip, ErrorView, IconForView, PluginProviderStack, SIDE_PANEL_DEFAULT_WIDTH, StorageSourceContext, UnsavedChangesDialog, UserDisplay, addInitialSlash, apiBaseOf, buildEnumLabel, createFormexStub, deleteEntityWithCallbacks, entityDisplayKey, flattenKeys, getAdminEntityChildViews, getCollectionBySlugWithin, getCollectionPathsCombinations, getColorScheme, getColumnKeysForProperty, getDisplayPropertyKey, getDisplayResolver, getEntityFromCache, getEntityFromMemoryCache, getEntityImagePreviewPropertyKey, getEntityPreviewKeys, getFormFieldKeys, getIcon, getLastSegment as getLastSegment$1, getLeadingRelationTitleKey, getLocalChangesBackup, getNavigationEntriesFromPath, getParentReferencesFromPath, getPropertyInPath, getRedundantChildViewColumnIds, getRelationIncludeParams, getRowHeight, getTitlePropertyCandidates, getTitlePropertyKey, getTitlePropertyKeyForValues, hasDeclaredDisplay, iconsSearch, isDisabled, isFilterableRelation, isHidden, isReadOnly, looksLikeIdentifierValue, removeEntityFromCache, removeEntityFromMemoryCache, removeInitialAndTrailingSlashes, removeInitialAndTrailingSlashes as removeInitialAndTrailingSlashes$1, removeInitialSlash, removeTrailingSlash, removeTrailingSlash as removeTrailingSlash$1, resolveCollectionPathIds, resolveCollectionPathIds as resolveCollectionPathIds$1, resolveComponentRef, resolveDefaultSelectedView, resolveFilterOperators, resolveFormLayout, saveEntityToCache, saveEntityToMemoryCache, saveEntityWithCallbacks, useAnalyticsController, useApiBase, useApiConfig, useAuthController, useBridgeRegistration, useCollectionScope, useColumnIds, useComponentOverride, useCustomizationController, useData, useDataTableController, useFetch, useLargeLayout, useModeController, useNavigationBlocker, usePermissions, useRebaseClient, useRebaseContext, useRelationSelector, useResolvedComponent, useScrollRestoration, useSlot, useSnackbarController, useStorageSource, useStorageSources, useStorageUploadController, useTranslation, useUnsavedChangesDialog, useUserConfigurationPersistence } from "@rebasepro/app";
+import { CONTAINER_FULL_WIDTH, CollectionScopeProvider, DEFAULT_PAGE_SIZE, EntityDisplayCache, ErrorTooltip, ErrorView, IconForView, PluginProviderStack, SIDE_PANEL_DEFAULT_WIDTH, StorageSourceContext, UnsavedChangesDialog, UserDisplay, addInitialSlash, apiBaseOf, buildEnumLabel, createFormexStub, deleteEntityWithCallbacks, entityDisplayKey, flattenKeys, getAdminEntityChildViews, getCollectionBySlugWithin, getCollectionPathsCombinations, getColorScheme, getColumnKeysForProperty, getDisplayPropertyKey, getDisplayResolver, getEntityFromCache, getEntityFromMemoryCache, getEntityImagePreviewPropertyKey, getEntityPreviewKeys, getFormFieldKeys, getIcon, getLastSegment as getLastSegment$1, getLeadingRelationTitleKey, getLocalChangesBackup, getNavigationEntriesFromPath, getParentReferencesFromPath, getPropertyInPath, getRedundantChildViewColumnIds, getRelationIncludeParams, getRowHeight, getTitlePropertyCandidates, getTitlePropertyKey, getTitlePropertyKeyForValues, hasDeclaredDisplay, iconsSearch, isDisabled, isFilterableRelation, isHidden, isReadOnly, looksLikeIdentifierValue, removeEntityFromCache, removeEntityFromMemoryCache, removeInitialAndTrailingSlashes, removeInitialAndTrailingSlashes as removeInitialAndTrailingSlashes$1, removeInitialSlash, removeTrailingSlash, removeTrailingSlash as removeTrailingSlash$1, resolveCollectionPathIds, resolveCollectionPathIds as resolveCollectionPathIds$1, resolveComponentRef, resolveDefaultSelectedView, resolveFilterOperators, resolveFormLayout, saveEntityToCache, saveEntityToMemoryCache, saveEntityWithCallbacks, useAnalyticsController, useApiBase, useApiConfig, useAuthController, useBridgeRegistration, useCollectionScope, useColumnIds, useComponentOverride, useCustomizationController, useData, useDataTableController, useFetch, useLargeLayout, useNavigationBlocker, usePermissions, useRebaseClient, useRebaseContext, useRelationSelector, useResolvedComponent, useScrollRestoration, useSlot, useSnackbarController, useStorageSource, useStorageSources, useStorageUploadController, useTranslation, useUnsavedChangesDialog, useUserConfigurationPersistence } from "@rebasepro/app";
 import { Field, Formex, getIn, setIn, useCreateFormex, useFormex } from "@rebasepro/forms";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { EntityReference, EntityRelation, GeoPoint, MAX_LIST_LIMIT, Vector, getCollectionDataPath, getDataSourceCapabilities, isRelationalCollectionConfig, resourceKeyOf } from "@rebasepro/types";
@@ -21,7 +21,6 @@ import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
 import { SortableContext, horizontalListSortingStrategy, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { inferTypeFromValue } from "@rebasepro/inference";
-import { Highlight, themes } from "prism-react-renderer";
 import { generateKeyBetween, generateNKeysBetween } from "fractional-indexing";
 //#region src/util/property_utils.tsx
 /**
@@ -962,7 +961,11 @@ function StorageThumbnailInternal({ storeUrl, interactive, storagePathOrDownload
 	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";
-	if (downloadConfig?.fileNotFound) return /* @__PURE__ */ jsx(ErrorView, { error: t("file_not_found") });
+	if (downloadConfig?.fileNotFound) return /* @__PURE__ */ jsx(FileNotFoundThumbnail, {
+		message: t("file_not_found"),
+		size,
+		fill
+	});
 	return downloadConfig?.url ? /* @__PURE__ */ jsx(UrlComponentPreview, {
 		previewType,
 		url: downloadConfig.url,
@@ -972,6 +975,46 @@ function StorageThumbnailInternal({ storeUrl, interactive, storagePathOrDownload
 		hint: storagePathOrDownloadUrl
 	}) : fill ? /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full" }) : renderSkeletonImageThumbnail(size);
 }
+/**
+* The placeholder for a path the storage source answered 404 for.
+*
+* It occupies the box the image would have — the card's whole 4:3 thumbnail
+* when `fill`, otherwise the same measure as the skeleton it replaces — and
+* centres its contents in it. This was `ErrorView`, which is a
+* left-aligned block with a red triangle and `m-2` around it: laid over a card
+* thumbnail it sat in the top-left corner with the icon colliding with the
+* text, and a grid of them read as a page of errors rather than as missing
+* pictures. A file that is not there is the same absence `ImagePreview`
+* already draws for an image that fails to load, so it is drawn the same way.
+*
+* At `small` the box is 40px and no label fits, so the message becomes the
+* tooltip instead of being clipped.
+*/
+function FileNotFoundThumbnail({ message, size, fill }) {
+	const measure = fill ? void 0 : getThumbnailMeasure(size);
+	const labelled = fill || size !== "small";
+	const body = /* @__PURE__ */ jsxs("div", {
+		className: cls("flex flex-col items-center justify-center gap-1 text-center overflow-hidden", "bg-surface-raised rounded-md p-2", fill ? "w-full h-full" : ""),
+		style: measure === void 0 ? void 0 : {
+			width: measure,
+			height: measure,
+			maxHeight: "100%"
+		},
+		children: [/* @__PURE__ */ jsx(ImageOffIcon, {
+			size: labelled ? iconSize.small : iconSize.smallest,
+			className: "shrink-0 text-surface-400 dark:text-surface-500"
+		}), labelled && /* @__PURE__ */ jsx(Typography, {
+			variant: "caption",
+			color: "secondary",
+			className: "max-w-full line-clamp-2 leading-tight",
+			children: message
+		})]
+	});
+	return labelled ? body : /* @__PURE__ */ jsx(Tooltip, {
+		title: message,
+		children: body
+	});
+}
 function getFiletype(input) {
 	if (input.startsWith("image")) return "image/*";
 	else if (input.startsWith("video")) return "video/*";
@@ -1065,7 +1108,7 @@ function StringPropertyPreview({ propertyKey, value, property, size, textOnly, c
 		size,
 		children: strValue
 	}) });
-	else if (property.admin?.urlPreview) return /* @__PURE__ */ jsx(UrlComponentPreview, {
+	else if (property.admin?.urlPreview || property.url) return /* @__PURE__ */ jsx(UrlComponentPreview, {
 		size,
 		url: strValue,
 		previewType: typeof property.admin?.urlPreview === "string" ? property.admin?.urlPreview : void 0
@@ -4183,7 +4226,7 @@ function EntityTableCellActions({ showError, disabled, showExpandIcon, selected,
 }
 //#endregion
 //#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 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";
 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";
 var rejectDropClasses$1 = "transition-colors duration-200 ease-[cubic-bezier(0,0,0.2,1)] border-2 border-solid border-red-500 bg-red-50 dark:bg-red-900";
@@ -7375,7 +7418,7 @@ var SelectableTable = function SelectableTable({ onValueChange, cellRenderer, on
 			children: /* @__PURE__ */ jsx(VirtualTable, {
 				data,
 				columns,
-				cellRenderer: (props) => cellRenderer(props),
+				cellRenderer,
 				onRowClick: inlineEditing ? void 0 : onEntityClick ? onRowClick : void 0,
 				onEndReached: loadNextPage,
 				onResetPagination: resetPagination,
@@ -7434,9 +7477,19 @@ var SelectableTable = function SelectableTable({ onValueChange, cellRenderer, on
 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(() => {
-		return (selectionController?.selectedEntities?.length > 0 ? selectionController?.selectedEntities : highlightedEntities)?.filter(Boolean);
-	}, [selectionController?.selectedEntities, highlightedEntities]);
+	const hasSelection = Boolean(selectionController?.hasSelection);
+	const isRowHighlighted = useCallback((entity) => {
+		if (hasSelection) return selectionController.isEntitySelected(entity);
+		return Boolean(highlightedEntities?.some((e) => e && e.id === entity.id && e.path === entity.path));
+	}, [
+		hasSelection,
+		selectionController,
+		highlightedEntities
+	]);
+	const cellExtraData = useMemo(() => ({
+		selection: selectionController?.selection,
+		highlightedEntityIds: highlightedEntities?.map((e) => e?.id)
+	}), [selectionController?.selection, highlightedEntities]);
 	const context = useRebaseContext();
 	const [size, setSize] = React.useState(defaultSize ?? "m");
 	React.useEffect(() => {
@@ -7646,7 +7699,7 @@ var CollectionTableBinding = function CollectionTableBinding({ className, style,
 			inlineEditing,
 			cellRenderer,
 			onEntityClick,
-			highlightedRow: useCallback((entity) => Boolean(selectedEntities?.find((e) => e.id === entity.id && e.path === entity.path)), [selectedEntities]),
+			highlightedRow: isRowHighlighted,
 			tableController,
 			onValueChange,
 			initialScroll,
@@ -7658,46 +7711,290 @@ var CollectionTableBinding = function CollectionTableBinding({ className, style,
 			endAdornment,
 			AddColumnComponent,
 			onColumnsOrderChange,
-			extraData: useMemo(() => ({ selectedEntityIds: selectedEntities?.map((e) => e.id) }), [selectedEntities])
+			extraData: cellExtraData
 		})]
 	});
 };
 //#endregion
 //#region src/components/CollectionViewBinding/useSelectionController.tsx
+/** Same row: id alone is not unique across a junction-backed tab's two paths. */
+function sameEntity(a, b) {
+	return a.id === b.id && a.path === b.path;
+}
+var EMPTY_SELECTION = {
+	type: "entities",
+	entities: []
+};
 function useSelectionController(onSelectionChange) {
-	const [selectedEntities, setSelectedEntities] = useState([]);
+	const [selection, setSelection] = useState(EMPTY_SELECTION);
 	const onSelectionChangeRef = useRef(onSelectionChange);
 	onSelectionChangeRef.current = onSelectionChange;
 	const toggleEntitySelection = useCallback((entity, newSelectedState) => {
-		setSelectedEntities((prev) => {
-			const isSelected = Boolean(prev.find((e) => e.id === entity.id && e.path === entity.path));
-			const shouldSelect = newSelectedState ?? !isSelected;
-			if (shouldSelect && !isSelected) {
-				onSelectionChangeRef.current?.(entity, true);
-				return [...prev, entity];
-			} else if (!shouldSelect && isSelected) {
-				onSelectionChangeRef.current?.(entity, false);
-				return prev.filter((item) => !(item.id === entity.id && item.path === entity.path));
+		setSelection((prev) => {
+			if (prev.type === "query") {
+				const isExcluded = prev.excluded.some((e) => sameEntity(e, entity));
+				const shouldSelect = newSelectedState ?? isExcluded;
+				if (shouldSelect === !isExcluded) return prev;
+				onSelectionChangeRef.current?.(entity, shouldSelect);
+				return {
+					...prev,
+					excluded: shouldSelect ? prev.excluded.filter((e) => !sameEntity(e, entity)) : [...prev.excluded, entity]
+				};
 			}
-			return prev;
+			const isSelected = prev.entities.some((e) => sameEntity(e, entity));
+			const shouldSelect = newSelectedState ?? !isSelected;
+			if (shouldSelect === isSelected) return prev;
+			onSelectionChangeRef.current?.(entity, shouldSelect);
+			return {
+				type: "entities",
+				entities: shouldSelect ? [...prev.entities, entity] : prev.entities.filter((e) => !sameEntity(e, entity))
+			};
 		});
 	}, []);
 	const isEntitySelected = useCallback((entity) => {
-		return Boolean(selectedEntities.find((e) => e.id === entity.id && e.path === entity.path));
-	}, [selectedEntities]);
+		if (selection.type === "query") return !selection.excluded.some((e) => sameEntity(e, entity));
+		return selection.entities.some((e) => sameEntity(e, entity));
+	}, [selection]);
+	const setSelectedEntities = useCallback((entities) => {
+		setSelection({
+			type: "entities",
+			entities
+		});
+	}, []);
+	const selectAllMatching = useCallback((query, count) => {
+		setSelection({
+			type: "query",
+			query,
+			excluded: [],
+			count
+		});
+	}, []);
+	const clearSelection = useCallback(() => {
+		setSelection(EMPTY_SELECTION);
+	}, []);
+	const selectedCount = useMemo(() => {
+		if (selection.type === "entities") return selection.entities.length;
+		if (selection.count === void 0) return void 0;
+		return Math.max(0, selection.count - selection.excluded.length);
+	}, [selection]);
+	const hasSelection = selection.type === "query" ? selectedCount === void 0 || selectedCount > 0 : selection.entities.length > 0;
 	return useMemo(() => ({
-		selectedEntities,
+		selection,
+		setSelection,
+		selectedCount,
+		hasSelection,
 		setSelectedEntities,
+		selectAllMatching,
+		clearSelection,
 		isEntitySelected,
 		toggleEntitySelection
 	}), [
-		selectedEntities,
+		selection,
+		selectedCount,
+		hasSelection,
 		setSelectedEntities,
+		selectAllMatching,
+		clearSelection,
 		isEntitySelected,
 		toggleEntitySelection
 	]);
 }
 //#endregion
+//#region src/util/entity_pages.ts
+/**
+* Read **every** row matching a query, one page at a time.
+*
+* `find({})` sends no `limit`, and an absent limit is resolved server-side to
+* `DEFAULT_LIST_LIMIT` — 50 rows. Anything that means "all of them" and asks
+* once gets 50 back, with nothing to say that is what happened.
+*
+* Termination is driven by the server's `meta.hasMore` where it is reported and
+* by an empty page otherwise — never by comparing a page's length against the
+* requested limit, since a final page that happens to be exactly full is
+* indistinguishable that way and a walk that stops there drops rows.
+*
+* @throws When more than `maxRows` rows match. A truncated answer is worse than
+* no answer: it is indistinguishable from a complete one.
+*/
+async function walkEntityPages({ accessor, params, pageSize, maxRows, onCeiling, onProgress, signal }) {
+	const rows = [];
+	let offset = 0;
+	for (;;) {
+		if (signal?.aborted) break;
+		const res = await accessor.find({
+			...params,
+			limit: pageSize,
+			offset
+		});
+		const page = res?.data ?? [];
+		rows.push(...page);
+		onProgress?.(rows.length, res?.meta?.total);
+		if (rows.length > maxRows) throw new Error(onCeiling(maxRows));
+		if (page.length === 0) break;
+		if (res?.meta && !res.meta.hasMore) break;
+		offset += page.length;
+	}
+	return rows;
+}
+//#endregion
+//#region src/selection/resolve_selection.ts
+/**
+* Rows asked for per request while resolving a query selection.
+*
+* Same ceiling as the export walk, and for the same reason: the server refuses
+* a `limit` above its `MAX_LIST_LIMIT` rather than clamping it.
+*/
+var SELECTION_PAGE_SIZE = 500;
+/**
+* Most rows one query selection will resolve to ids for.
+*
+* The write path is per-row — `deleteMany` loops the single-row delete server
+* side so hooks and row-level security still run for each — so this is a
+* genuine ceiling on the work, not just on memory. Going over it **throws**
+* rather than acting on a prefix, which is the failure that cannot be seen:
+* "deleted 12,480 rows" reads identically whether it was all of them or the
+* first page.
+*/
+var MAX_SELECTION_ROWS = 2e4;
+/**
+* A stable string for a selection query, for comparing the query a selection
+* was made against with the one the view is showing now.
+*
+* Filter keys are sorted: `filterValues` is rebuilt on most renders and its key
+* order follows whatever order the user touched the columns in, so a plain
+* `JSON.stringify` would report the same filter as a different one and drop a
+* selection the moment anything re-rendered.
+*/
+function serializeSelectionQuery(query) {
+	const filter = query.filterValues ? Object.keys(query.filterValues).sort().map((k) => `${k}=${JSON.stringify(query.filterValues[k])}`).join("&") : "";
+	const order = query.sortBy?.map(([field, direction]) => `${String(field)}:${direction}`).join(",") ?? "";
+	return `${query.path}|${filter}|${order}|${query.searchString ?? ""}`;
+}
+/** Turn a captured selection query into the `find` params that reproduce it. */
+function selectionQueryToFindParams(query) {
+	return {
+		where: query.filterValues && Object.keys(query.filterValues).length > 0 ? query.filterValues : void 0,
+		orderBy: query.sortBy && query.sortBy.length > 0 ? query.sortBy.map(([field, direction]) => [String(field), direction]) : void 0,
+		searchString: query.searchString
+	};
+}
+/**
+* The rows a selection covers.
+*
+* This is the *only* way to get rows out of a query selection, and it is why
+* {@link EntitySelection} is a union: a bulk action has to call it, which means
+* it has to deal with the wait, the ceiling and the failure. The array this
+* replaced let the same code path read whatever the view had scrolled — 50 rows
+* of 12,480 — and report success.
+*
+* @throws When the query matches more than `maxRows` rows.
+*/
+async function resolveSelection({ selection, accessor, pageSize = 500, maxRows = MAX_SELECTION_ROWS, onProgress, signal }) {
+	if (selection.type === "entities") {
+		onProgress?.(selection.entities.length, selection.entities.length);
+		return selection.entities;
+	}
+	if (selection.count !== void 0 && selection.count - selection.excluded.length > maxRows) throw new Error(selectionCeilingMessage(maxRows));
+	const rows = await walkEntityPages({
+		accessor,
+		params: selectionQueryToFindParams(selection.query),
+		pageSize,
+		maxRows,
+		onProgress,
+		signal,
+		onCeiling: selectionCeilingMessage
+	});
+	if (selection.excluded.length === 0) return rows;
+	const excluded = new Set(selection.excluded.map((e) => `${e.path}/${e.id}`));
+	return rows.filter((e) => !excluded.has(`${e.path}/${e.id}`));
+}
+function selectionCeilingMessage(maxRows) {
+	return `This selection covers more than ${maxRows.toLocaleString()} rows, which is more than can be acted on from the browser in one go. Filter the collection down first.`;
+}
+//#endregion
+//#region src/selection/SelectionMenu.tsx
+/**
+* The whole of selecting rows, in one control: a checkbox for the common case
+* and a caret for everything else.
+*
+* The escalation from "the rows on screen" to "every row that matches" lived in
+* a strip under the toolbar, which was wrong in a way that only shows up in
+* use: it appears the moment you tick a single checkbox, and the list you were
+* reading jumps down by its height. A control that punishes the first click is
+* not worth whatever the strip was explaining.
+*
+* So the escalation is a menu item — clicked deliberately, costing no layout,
+* and in the place you already go to select everything.
+*/
+function SelectionMenu({ selectionController, loadedEntities, query, collectionEntitiesCount, collectionName }) {
+	const { t } = useTranslation();
+	const { selection, selectedCount, hasSelection, isEntitySelected, setSelectedEntities, selectAllMatching, clearSelection } = selectionController;
+	const selectedLoaded = useMemo(() => loadedEntities.filter((e) => isEntitySelected(e)).length, [loadedEntities, isEntitySelected]);
+	const allLoadedSelected = loadedEntities.length > 0 && selectedLoaded === loadedEntities.length;
+	const someSelected = selectedLoaded > 0 && !allLoadedSelected;
+	const isQuery = selection.type === "query";
+	const moreThanLoaded = collectionEntitiesCount !== void 0 && collectionEntitiesCount > loadedEntities.length;
+	const label = hasSelection ? t("selection_deselect_all") ?? "Deselect all" : t("selection_select_all_loaded") ?? "Select all loaded rows";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cls("flex items-center rounded-md", hasSelection && "bg-surface-hover"),
+		children: [
+			/* @__PURE__ */ jsx(Tooltip, {
+				title: label,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "pl-1.5 pr-0.5 py-1 flex items-center",
+					children: /* @__PURE__ */ jsx(Checkbox, {
+						size: "small",
+						padding: false,
+						"aria-label": label,
+						disabled: loadedEntities.length === 0 && !isQuery,
+						checked: allLoadedSelected || isQuery,
+						indeterminate: someSelected,
+						onCheckedChange: (checked) => {
+							if (checked) setSelectedEntities(loadedEntities);
+							else clearSelection();
+						}
+					})
+				})
+			}),
+			/* @__PURE__ */ jsxs(Menu, {
+				align: "start",
+				trigger: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": t("selection_options") ?? "Selection options",
+					className: cls("pr-1 pl-0 py-1 flex items-center rounded-r-md", "hover:bg-surface-hover focus:outline-none", "text-surface-accent-500 dark:text-surface-accent-300"),
+					children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: iconSize.smallest })
+				}),
+				children: [
+					/* @__PURE__ */ jsx(MenuItem, {
+						dense: true,
+						onClick: () => setSelectedEntities(loadedEntities),
+						children: t("selection_menu_all_loaded") ?? "All on this page"
+					}),
+					moreThanLoaded && /* @__PURE__ */ jsx(MenuItem, {
+						dense: true,
+						onClick: () => selectAllMatching(query, collectionEntitiesCount),
+						children: t("selection_menu_all_matching", {
+							total: collectionEntitiesCount.toLocaleString(),
+							collection: collectionName
+						}) ?? `All ${collectionEntitiesCount.toLocaleString()} ${collectionName}`
+					}),
+					/* @__PURE__ */ jsx(MenuItem, {
+						dense: true,
+						disabled: !hasSelection,
+						onClick: clearSelection,
+						children: t("selection_menu_none") ?? "None"
+					})
+				]
+			}),
+			hasSelection && /* @__PURE__ */ jsx("span", {
+				"data-testid": "selection-count",
+				className: "pl-1 pr-2 text-xs font-mono tabular-nums text-text-secondary dark:text-text-secondary-dark",
+				children: selectedCount === void 0 ? "…" : selectedCount.toLocaleString()
+			})
+		]
+	});
+}
+//#endregion
 //#region src/components/CollectionViewBinding/hooks/useCollectionInlineEditor.ts
 function useCollectionInlineEditor({ path, collection, dataClient, context }) {
 	const uniqueFieldValidator = useCallback(async ({ name, value, property, entityId }) => {
@@ -9594,8 +9891,8 @@ function EditorCollectionAction({ path, parentCollectionSlugs, parentEntityIds,
 }
 //#endregion
 //#region src/components/CollectionViewBinding/CollectionViewActions.tsx
-var ImportCollectionAction = lazyChunk(() => import("./import-C4VQ0rwO.js").then((n) => n.t).then((m) => ({ default: m.ImportCollectionAction })));
-var ExportCollectionAction = lazyChunk(() => import("./export-DJoGYb89.js").then((n) => n.t).then((m) => ({ default: m.ExportCollectionAction })));
+var ImportCollectionAction = lazyChunk(() => import("./import-BciQBH5t.js").then((n) => n.t).then((m) => ({ default: m.ImportCollectionAction })));
+var ExportCollectionAction = lazyChunk(() => import("./export-DtSmLT6u.js").then((n) => n.t).then((m) => ({ default: m.ExportCollectionAction })));
 function CollectionViewActions({ collection, relativePath, parentCollectionSlugs, parentEntityIds, onNewClick, onAddExistingClick, onMultipleDeleteClick, selectionEnabled, path, selectionController, tableController, collectionEntitiesCount, compact, children, openNewDocument }) {
 	const context = useAdminContext();
 	const { canCreate, canDelete } = usePermissions();
@@ -9603,7 +9900,7 @@ function CollectionViewActions({ collection, relativePath, parentCollectionSlugs
 	const { t } = useTranslation();
 	const collectionEditorController = useCollectionEditorController();
 	const hasCollectionEditor = Boolean(collectionEditorController?.editCollection);
-	const selectedEntities = selectionController.selectedEntities;
+	const { selectedCount, hasSelection } = selectionController;
 	const addButton = canCreate(collection, path) && onNewClick && (largeLayout && !compact ? /* @__PURE__ */ jsx(Button, {
 		id: `add_entity_${path}`,
 		onClick: onNewClick,
@@ -9641,25 +9938,28 @@ function CollectionViewActions({ collection, relativePath, parentCollectionSlugs
 		})
 	}));
 	const multipleDeleteEnabled = canDelete(collection, path, null);
-	const hasSelection = Boolean(selectedEntities?.length);
+	const countLabel = selectedCount === void 0 ? "…" : selectedCount.toLocaleString();
 	let multipleDeleteButton;
 	if (hasSelection) {
 		const button = largeLayout && !compact ? /* @__PURE__ */ jsxs(Button, {
 			variant: "text",
-			disabled: !selectedEntities?.length || !multipleDeleteEnabled,
-			startIcon: /* @__PURE__ */ jsx(Trash2Icon, { size: iconSize.small }),
+			disabled: !multipleDeleteEnabled,
+			startIcon: /* @__PURE__ */ jsx(Trash2Icon, {
+				size: iconSize.small,
+				className: "shrink-0"
+			}),
 			onClick: onMultipleDeleteClick,
 			color: "primary",
-			className: "lg:w-20",
+			className: "lg:min-w-20",
 			children: [
 				"(",
-				selectedEntities?.length,
+				countLabel,
 				")"
 			]
 		}) : /* @__PURE__ */ jsx(IconButton, {
 			size: "small",
 			color: "primary",
-			disabled: !selectedEntities?.length || !multipleDeleteEnabled,
+			disabled: !multipleDeleteEnabled,
 			onClick: onMultipleDeleteClick,
 			children: /* @__PURE__ */ jsx(Trash2Icon, { size: iconSize.small })
 		});
@@ -10190,7 +10490,7 @@ function EntityCardBinding({ entity, collection, onClick, selected, highlighted,
 				path: entity.path,
 				entityId: entity.id
 			});
-			onClick(entity);
+			onClick(entity, e);
 		}
 	};
 	const handleCheckboxClick = (e) => {
@@ -10302,7 +10602,7 @@ function CollectionCardViewBinding({ collection, tableController, onEntityClick,
 	const handleSelectionChange = useCallback((entity, selected) => {
 		selectionController?.toggleEntitySelection(entity, selected);
 	}, [selectionController]);
-	const selectedIds = useMemo(() => new Set(selectionController?.selectedEntities.map((e) => e.id)), [selectionController?.selectedEntities]);
+	const selectedIds = useMemo(() => new Set(data.filter((e) => selectionController?.isEntitySelected(e)).map((e) => e.id)), [data, selectionController]);
 	const highlightedIds = useMemo(() => new Set(highlightedEntities?.map((e) => e.id)), [highlightedEntities]);
 	const handleRowSelectionChange = useCallback((entity, selected) => {
 		handleSelectionChange(entity, selected);
@@ -10329,7 +10629,7 @@ function CollectionCardViewBinding({ collection, tableController, onEntityClick,
 			entity,
 			collection,
 			searchString: tableController.searchString,
-			onClick,
+			onClick: (_entity, event) => onClick(event),
 			selected,
 			highlighted,
 			onSelectionChange: handleRowSelectionChange,
@@ -10837,7 +11137,7 @@ function CollectionListViewBinding({ collection, tableController, onEntityClick,
 		return highlightedEntities?.some((e) => e.id === entity.id && e.path === entity.path) ?? false;
 	}, [highlightedEntities]);
 	const rowClasses = getRowClasses(size);
-	const selectedIds = useMemo(() => new Set(selectionController?.selectedEntities.map((e) => e.id)), [selectionController?.selectedEntities]);
+	const selectedIds = useMemo(() => new Set(data.filter((e) => selectionController?.isEntitySelected(e)).map((e) => e.id)), [data, selectionController]);
 	const highlightedIds = useMemo(() => new Set(highlightedEntities?.map((e) => e.id)), [highlightedEntities]);
 	const handleRowSelectionChange = useCallback((entity, selected) => {
 		handleSelectionChange(entity, selected);
@@ -11070,7 +11370,7 @@ var ListRow = React.memo(function ListRow({ entity, collection, onClick, selecte
 						children: slots.title?.value !== void 0 ? /* @__PURE__ */ jsx(Typography, {
 							component: "div",
 							variant: "body2",
-							className: "font-semibold text-surface-900 dark:text-surface-50 truncate transition-colors group-hover:text-primary-600 dark:group-hover:text-primary-400",
+							className: "font-semibold text-surface-900 dark:text-surface-50 truncate transition-colors group-hover:text-primary dark:group-hover:text-primary-light",
 							children: terms.length > 0 && typeof slots.title?.value === "string" ? /* @__PURE__ */ jsx(Highlighted, {
 								text: slots.title.value,
 								terms
@@ -11081,7 +11381,7 @@ var ListRow = React.memo(function ListRow({ entity, collection, onClick, selecte
 						}) : /* @__PURE__ */ jsx(Typography, {
 							component: "div",
 							variant: "body2",
-							className: "font-semibold text-surface-500 dark:text-surface-400 font-mono text-xs transition-colors group-hover:text-primary-600 dark:group-hover:text-primary-400",
+							className: "font-semibold text-surface-500 dark:text-surface-400 font-mono text-xs transition-colors group-hover:text-primary dark:group-hover:text-primary-light",
 							children: entity.id
 						})
 					}),
@@ -11527,21 +11827,21 @@ function EntityViewBinding({ entity, collection, className, asPage = false, open
 			return next;
 		});
 	}, []);
+	const rebaseContext = useRebaseContext();
 	const renderField = useCallback((field) => {
 		if (field.additional) {
 			const additionalField = collection.additionalFields?.find((f) => f.key === field.key);
 			if (!additionalField || !formContext) return null;
 			const AdditionalFieldBuilder = additionalField.Builder;
-			const additionalFieldContext = formContext;
 			const child = AdditionalFieldBuilder ? /* @__PURE__ */ jsx(AdditionalFieldBuilder, {
 				entity,
-				context: additionalFieldContext
+				context: rebaseContext
 			}) : /* @__PURE__ */ jsx("div", {
 				className: "w-full",
 				children: /* @__PURE__ */ jsx(AdditionalFieldValue, {
 					field: additionalField,
 					entity,
-					context: additionalFieldContext
+					context: rebaseContext
 				})
 			});
 			return /* @__PURE__ */ jsx("div", {
@@ -11583,7 +11883,8 @@ function EntityViewBinding({ entity, collection, className, asPage = false, open
 	}, [
 		collection,
 		entity,
-		formContext
+		formContext,
+		rebaseContext
 	]);
 	/**
 	* One field of a `readVariant: "summary"` section: a label/value row rather
@@ -11926,36 +12227,18 @@ function SplitListShowButton({ onClick }) {
 	});
 }
 //#endregion
-//#region src/components/JsonPreviewBinding.tsx
-function JsonPreviewBinding({ values }) {
-	const code = JSON.stringify(values, null, "	");
-	const { mode } = useModeController();
-	const preRef = useRef(null);
-	return /* @__PURE__ */ jsx(Highlight, {
-		theme: mode === "dark" ? themes.vsDark : themes.github,
-		code,
-		language: "json",
-		children: ({ style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ jsx("pre", {
-			ref: preRef,
-			style: {
-				...style,
-				backgroundColor: "inherit"
-			},
-			className: "max-w-6xl mx-auto p-8 rounded-xs text-sm",
-			children: tokens.map((line, i) => /* @__PURE__ */ jsx("div", {
-				...getLineProps({ line }),
-				className: "text-wrap",
-				children: line.map((token, key) => /* @__PURE__ */ jsx("span", {
-					...getTokenProps({ token }),
-					className: "word-break"
-				}, key))
-			}, i))
-		})
-	});
-}
-//#endregion
 //#region src/components/EntityInspector.tsx
-var EntityHistoryView = lazyChunk(() => import("./history-BBpsdTrJ.js").then((m) => ({ default: m.EntityHistoryView })));
+var EntityHistoryView = lazyChunk(() => import("./history-C6kUDQ3f.js").then((m) => ({ default: m.EntityHistoryView })));
+/**
+* The JSON tab pulls `prism-react-renderer` — 85 kB, and it was EAGER.
+*
+* A static import here put the syntax highlighter in the set a browser
+* downloads before the login screen paints, for a preview that cannot appear
+* until somebody has signed in, opened a record, and chosen this tab. Its
+* neighbour `EntityHistoryView` is already loaded this way, behind the same
+* `Suspense`, for the same reason.
+*/
+var JsonPreviewBinding = lazyChunk(() => import("./JsonPreviewBinding-v0w3H0fp.js").then((m) => ({ default: m.JsonPreviewBinding })));
 /**
 * Raw values and revision history, as an inspector rather than as tabs.
 *
@@ -12017,7 +12300,10 @@ function EntityInspector({ tab, onTabChange, onClose, collection, entity, formCo
 			]
 		}), /* @__PURE__ */ jsx("div", {
 			className: "flex-1 min-h-0 overflow-auto",
-			children: /* @__PURE__ */ jsxs(ErrorBoundary, { children: [tab === "json" && /* @__PURE__ */ jsx(JsonPreviewBinding, { values: values ?? entity?.values ?? {} }), tab === "history" && includeHistory && formContext && /* @__PURE__ */ jsx(Suspense, {
+			children: /* @__PURE__ */ jsxs(ErrorBoundary, { children: [tab === "json" && /* @__PURE__ */ jsx(Suspense, {
+				fallback: /* @__PURE__ */ jsx(CircularProgressCenter, {}),
+				children: /* @__PURE__ */ jsx(JsonPreviewBinding, { values: values ?? entity?.values ?? {} })
+			}), tab === "history" && includeHistory && formContext && /* @__PURE__ */ jsx(Suspense, {
 				fallback: /* @__PURE__ */ jsx(CircularProgressCenter, {}),
 				children: /* @__PURE__ */ jsx(EntityHistoryView, {
 					collection,
@@ -14189,18 +14475,91 @@ function ViewModeToggle({ viewMode = "table", onViewModeChange, enabledViews = A
 	});
 }
 //#endregion
+//#region src/util/map_with_concurrency.ts
+/**
+* Run `task` over every item, at most `concurrency` at a time, and return the
+* results in the order the items were given.
+*
+* The bulk delete used to be `Promise.all(entities.map(performDelete))`. That is
+* fine for the handful of rows anyone could tick by hand, and it is the reason
+* a "select all matching" over a real collection could not simply be poured
+* into the existing dialog: twelve thousand entries in that array is twelve
+* thousand simultaneous requests, which the browser queues and the server takes
+* as a burst.
+*
+* Rejections are not swallowed and do not cancel: every task is run, and the
+* first rejection is thrown once they have all settled, so a bulk action cannot
+* half-apply and then report the failure as if nothing had happened.
+*/
+async function mapWithConcurrency(items, concurrency, task, onSettled) {
+	const results = new Array(items.length);
+	const limit = Math.max(1, Math.floor(concurrency));
+	let next = 0;
+	let completed = 0;
+	let firstError;
+	let failed = false;
+	async function worker() {
+		for (;;) {
+			const index = next++;
+			if (index >= items.length) return;
+			try {
+				results[index] = await task(items[index], index);
+			} catch (e) {
+				if (!failed) {
+					failed = true;
+					firstError = e;
+				}
+			}
+			onSettled?.(++completed, items.length);
+		}
+	}
+	await Promise.all(Array.from({ length: Math.min(limit, items.length) }, worker));
+	if (failed) throw firstError;
+	return results;
+}
+//#endregion
 //#region src/components/DeleteEntityDialog.tsx
-function DeleteEntityDialog({ entityOrEntitiesToDelete, collection, onClose, open, onEntityDelete, onMultipleEntitiesDelete, path, variant = "delete" }) {
-	useAuthController();
+/**
+* Deletes in flight at once.
+*
+* The bulk delete used to be `Promise.all(entities.map(performDelete))`, which
+* is unremarkable for the handful of rows anyone could tick by hand and
+* untenable the moment "select all 12,480 matching" can reach it.
+*/
+var DELETE_CONCURRENCY = 8;
+function isSelection(target) {
+	return target.type === "entities" || target.type === "query";
+}
+function DeleteEntityDialog({ target, collection, onClose, open, onEntityDelete, onMultipleEntitiesDelete, path, variant = "delete" }) {
 	const dataClient = useData();
-	useCustomizationController();
 	const snackbarController = useSnackbarController();
 	const { t } = useTranslation();
 	const [loading, setLoading] = useState(false);
+	const [progress, setProgress] = useState(void 0);
+	const cancelledRef = useRef({ aborted: false });
 	const context = useAdminContext();
-	const entityOrEntities = Array.isArray(entityOrEntitiesToDelete) && entityOrEntitiesToDelete.length === 1 ? entityOrEntitiesToDelete[0] : entityOrEntitiesToDelete;
-	const multipleEntities = Array.isArray(entityOrEntities);
+	const { singleEntity, selection } = useMemo(() => {
+		if (!target) return {
+			singleEntity: void 0,
+			selection: void 0
+		};
+		if (!isSelection(target)) return {
+			singleEntity: target,
+			selection: void 0
+		};
+		if (target.type === "entities" && target.entities.length === 1) return {
+			singleEntity: target.entities[0],
+			selection: void 0
+		};
+		return {
+			singleEntity: void 0,
+			selection: target
+		};
+	}, [target]);
+	/** How many rows this will delete; `undefined` when only the server knows. */
+	const selectionCount = selection === void 0 ? 1 : selection.type === "entities" ? selection.entities.length : selection.count === void 0 ? void 0 : Math.max(0, selection.count - selection.excluded.length);
 	const handleCancel = useCallback(() => {
+		cancelledRef.current.aborted = true;
 		onClose();
 	}, [onClose]);
 	const onDeleteSuccess = useCallback((entity) => {
@@ -14230,70 +14589,104 @@ function DeleteEntityDialog({ entityOrEntitiesToDelete, collection, onClose, ope
 		context
 	]);
 	const handleOk = useCallback(async () => {
-		if (entityOrEntities) {
+		if (singleEntity) {
 			setLoading(true);
-			if (multipleEntities) Promise.all(entityOrEntities.map(performDelete)).then((results) => {
-				setLoading(false);
-				if (onMultipleEntitiesDelete && entityOrEntities) onMultipleEntitiesDelete(path, entityOrEntities);
-				if (results.every(Boolean)) snackbarController.open({
+			const success = await performDelete(singleEntity);
+			setLoading(false);
+			if (success) {
+				onEntityDelete?.(path, singleEntity);
+				snackbarController.open({
 					type: "success",
-					message: t("multiple_deleted", { collection: collection.name })
-				});
-				else if (results.some(Boolean)) snackbarController.open({
-					type: "warning",
-					message: t("some_entities_deleted", { collection: collection.name })
-				});
-				else snackbarController.open({
-					type: "error",
-					message: t("error_deleting_entities", { collection: collection.name })
+					message: t("deleted", { name: collection.singularName ?? collection.name })
 				});
 				onClose();
+			}
+			return;
+		}
+		if (!selection) return;
+		setLoading(true);
+		cancelledRef.current = { aborted: false };
+		let entities;
+		try {
+			entities = await resolveSelection({
+				selection,
+				accessor: dataClient.collection(path),
+				signal: cancelledRef.current,
+				onProgress: (loaded, total) => setProgress(total === void 0 ? t("selection_reading_rows_unknown", { loaded: loaded.toLocaleString() }) ?? `Reading rows… ${loaded}` : t("selection_reading_rows", {
+					loaded: loaded.toLocaleString(),
+					total: total.toLocaleString()
+				}) ?? `Reading rows… ${loaded} of ${total}`)
 			});
-			else performDelete(entityOrEntities).then((success) => {
-				setLoading(false);
-				if (success) {
-					if (onEntityDelete && entityOrEntities) onEntityDelete(path, entityOrEntities);
-					snackbarController.open({
-						type: "success",
-						message: t("deleted", { name: collection.singularName ?? collection.name })
-					});
-					onClose();
-				}
+		} catch (e) {
+			setLoading(false);
+			setProgress(void 0);
+			snackbarController.open({
+				type: "error",
+				title: t("error_deleting_entities", { collection: collection.name }),
+				message: e?.message
 			});
+			return;
 		}
+		if (cancelledRef.current.aborted) {
+			setLoading(false);
+			setProgress(void 0);
+			return;
+		}
+		let results = [];
+		try {
+			results = await mapWithConcurrency(entities, DELETE_CONCURRENCY, (entity) => cancelledRef.current.aborted ? Promise.resolve(false) : performDelete(entity), (completed, total) => setProgress(t("selection_deleting_progress", {
+				completed: completed.toLocaleString(),
+				total: total.toLocaleString()
+			}) ?? `Deleted ${completed} of ${total}`));
+		} catch (e) {
+			console.error("Error deleting entities", e);
+		}
+		setLoading(false);
+		setProgress(void 0);
+		onMultipleEntitiesDelete?.(path, entities.filter((_, i) => results[i]));
+		const deleted = results.filter(Boolean).length;
+		if (deleted === entities.length && entities.length > 0) snackbarController.open({
+			type: "success",
+			message: t("multiple_deleted", { collection: collection.name })
+		});
+		else if (deleted > 0) snackbarController.open({
+			type: "warning",
+			message: t("some_entities_deleted", { collection: collection.name })
+		});
+		else snackbarController.open({
+			type: "error",
+			message: t("error_deleting_entities", { collection: collection.name })
+		});
+		onClose();
 	}, [
-		entityOrEntities,
-		multipleEntities,
+		singleEntity,
+		selection,
 		performDelete,
-		onMultipleEntitiesDelete,
+		dataClient,
 		path,
+		onEntityDelete,
+		onMultipleEntitiesDelete,
 		onClose,
 		snackbarController,
 		collection.name,
-		onEntityDelete
+		collection.singularName,
+		t
 	]);
-	let content;
-	if (entityOrEntities && multipleEntities) content = /* @__PURE__ */ jsx(Fragment, { children: t("multiple_entities") });
-	else {
-		const entity = entityOrEntities;
-		content = entity ? /* @__PURE__ */ jsx(EntityViewBinding, {
-			entity,
-			collection,
-			path
-		}) : /* @__PURE__ */ jsx(Fragment, {});
-	}
 	const entityName = collection.singularName ?? collection.name;
-	const dialogTitle = variant === "unlink" ? multipleEntities ? /* @__PURE__ */ jsxs(Fragment, { children: [
+	let dialogTitle;
+	if (singleEntity) dialogTitle = variant === "unlink" ? t("unlink_entity_confirm_title", { entityName }) ?? `Remove this ${entityName} from this record?` : t("delete_entity_confirm_title", { entityName });
+	else if (variant === "unlink") dialogTitle = /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx("b", { children: collection.name }),
 		": ",
 		t("confirm_multiple_unlink") ?? "Remove these from this record?"
-	] }) : t("unlink_entity_confirm_title", { entityName }) ?? `Remove this ${entityName} from this record?` : multipleEntities ? /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx("b", { children: collection.name }),
-		": ",
-		t("confirm_multiple_delete")
-	] }) : t("delete_entity_confirm_title", { entityName });
+	] });
+	else if (selectionCount === void 0) dialogTitle = t("confirm_delete_selection_unknown") ?? "Delete every row matching the current filter?";
+	else dialogTitle = t("confirm_delete_selection", {
+		total: selectionCount.toLocaleString(),
+		collection: collection.name
+	}) ?? `Delete ${selectionCount.toLocaleString()} ${collection.name}?`;
 	return /* @__PURE__ */ jsxs(Dialog, {
-		maxWidth: multipleEntities ? "lg" : "2xl",
+		maxWidth: singleEntity ? "2xl" : "lg",
 		"aria-labelledby": "delete-dialog",
 		open,
 		onOpenChange: (open) => !open ? onClose() : void 0,
@@ -14304,23 +14697,42 @@ function DeleteEntityDialog({ entityOrEntitiesToDelete, collection, onClose, ope
 			}),
 			/* @__PURE__ */ jsxs(DialogContent, {
 				fullHeight: true,
-				children: [variant === "unlink" && /* @__PURE__ */ jsx("div", {
-					className: "px-4 pt-4",
-					children: /* @__PURE__ */ jsx(Typography, {
-						variant: "body2",
-						color: "secondary",
-						children: t("unlink_entity_confirm_body", { collectionName: collection.name }) ?? `It stays in ${collection.name} and remains available to other records.`
+				children: [
+					variant === "unlink" && /* @__PURE__ */ jsx("div", {
+						className: "px-4 pt-4",
+						children: /* @__PURE__ */ jsx(Typography, {
+							variant: "body2",
+							color: "secondary",
+							children: t("unlink_entity_confirm_body", { collectionName: collection.name }) ?? `It stays in ${collection.name} and remains available to other records.`
+						})
+					}),
+					singleEntity && /* @__PURE__ */ jsx("div", {
+						className: "p-4",
+						children: /* @__PURE__ */ jsx(EntityViewBinding, {
+							entity: singleEntity,
+							collection,
+							path
+						})
+					}),
+					!singleEntity && variant === "delete" && /* @__PURE__ */ jsx("div", {
+						className: "px-4 pt-4",
+						children: /* @__PURE__ */ jsx(Typography, {
+							variant: "body2",
+							color: "secondary",
+							children: t("confirm_delete_selection_body") ?? "This cannot be undone. Each row is deleted individually, so this may take a while."
+						})
 					})
-				}), !multipleEntities && /* @__PURE__ */ jsx("div", {
-					className: "p-4",
-					children: content
-				})]
+				]
 			}),
 			/* @__PURE__ */ jsxs(DialogActions, { children: [
 				loading && /* @__PURE__ */ jsx(CircularProgress, { size: "smallest" }),
+				progress && /* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					color: "secondary",
+					children: progress
+				}),
 				/* @__PURE__ */ jsx(Button, {
 					onClick: handleCancel,
-					disabled: loading,
 					variant: "text",
 					children: t("cancel")
 				}),
@@ -14549,14 +14961,14 @@ function buildRemoveEntityAction({ key, name, icon, variant }) {
 				Component: ({ open }) => {
 					if (!collection || !path) throw new Error(`${key}EntityAction: Collection is undefined`);
 					return /* @__PURE__ */ jsx(DeleteEntityDialog, {
-						entityOrEntitiesToDelete: entity,
+						target: entity,
 						path,
 						collection,
 						variant,
 						open,
 						onEntityDelete: () => {
 							context?.analyticsController?.onAnalyticsEvent?.("single_entity_deleted", { path });
-							selectionController?.setSelectedEntities(selectionController.selectedEntities.filter((e) => e.id !== entity.id));
+							selectionController?.toggleEntitySelection(entity, false);
 							onCollectionChange?.();
 							if (openEntityMode === "full_screen" && context?.urlController) {
 								const collectionUrl = context.urlController.buildUrlCollectionPath(path);
@@ -15683,7 +16095,7 @@ function SortButton({ tableController, properties, compact }) {
 }
 //#endregion
 //#region src/components/CollectionViewBinding/CollectionViewStartActions.tsx
-function CollectionViewStartActions({ collection, relativePath, parentCollectionSlugs, parentEntityIds, path, selectionController, tableController, collectionEntitiesCount, entitiesCount, resolvedProperties, viewMode, compact, openNewDocument }) {
+function CollectionViewStartActions({ collection, relativePath, parentCollectionSlugs, parentEntityIds, path, selectionController, tableController, collectionEntitiesCount, entitiesCount, resolvedProperties, viewMode, selectionEnabled, selectionQuery, compact, openNewDocument }) {
 	const context = useAdminContext();
 	const largeLayout = useLargeLayout();
 	const { t } = useTranslation();
@@ -15764,6 +16176,16 @@ function CollectionViewStartActions({ collection, relativePath, parentCollection
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		[
 			backButton,
+			selectionEnabled && selectionQuery ? /* @__PURE__ */ jsx("div", {
+				className: "mr-1 flex items-center",
+				children: /* @__PURE__ */ jsx(SelectionMenu, {
+					selectionController,
+					loadedEntities: tableController.data,
+					query: selectionQuery,
+					collectionEntitiesCount,
+					collectionName: collection.name
+				})
+			}, "select_all") : null,
 			filtersButton,
 			sortButton,
 			/* @__PURE__ */ jsx(ClearFilterSortButton, {
@@ -15869,12 +16291,15 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 	const linkedTargetSlug = isLinkedChildView && childViewSource.kind === "relation" ? childViewSource.targetSlug : void 0;
 	const containerRef = React.useRef(null);
 	const scrollRestoration = useScrollRestoration();
+	const collectionPropRef = React.useRef(collectionProp);
+	if (!shallowEqual(collectionPropRef.current, collectionProp)) collectionPropRef.current = collectionProp;
+	const stableCollectionProp = collectionPropRef.current;
 	const collection = useMemo(() => {
-		const registryCollection = collectionRegistry.getCollection(path) || collectionProp;
+		const registryCollection = collectionRegistry.getCollection(path) || stableCollectionProp;
 		const userOverride = userConfigPersistence?.getCollectionConfig(path);
 		return userOverride ? mergeDeep(registryCollection, userOverride) : registryCollection;
 	}, [
-		collectionProp,
+		stableCollectionProp,
 		path,
 		userConfigPersistence,
 		collectionRegistry
@@ -15891,7 +16316,7 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 	const [docsCount, setDocsCount] = useState(null);
 	const [localPropertiesOrder, setLocalPropertiesOrder] = useState(collection.propertiesOrder);
 	useEffect(() => {
-		setLocalPropertiesOrder(collection.propertiesOrder);
+		setLocalPropertiesOrder((previous) => deepEqual(previous, collection.propertiesOrder) ? previous : collection.propertiesOrder);
 	}, [collection.propertiesOrder]);
 	const unselectNavigatedEntity = useCallback(() => {
 		const currentSelection = highlightedEntity;
@@ -15968,7 +16393,7 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 	const [customViewSize, setCustomViewSize] = useState(collection.defaultSize ?? "m");
 	const selectionController = useSelectionController();
 	const usedSelectionController = collection.selectionController ?? selectionController;
-	const { selectedEntities, setSelectedEntities } = usedSelectionController;
+	const { selection, clearSelection, toggleEntitySelection } = usedSelectionController;
 	const tableController = useDataTableController({
 		path,
 		collection,
@@ -16083,17 +16508,17 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 	]);
 	const onMultipleDeleteClick = () => {
 		analyticsController.onAnalyticsEvent?.("multiple_delete_dialog_open", { path });
-		setDeleteEntityClicked(selectedEntities);
+		setDeleteEntityClicked(selection);
 	};
 	const internalOnEntityDelete = (_path, entity) => {
 		analyticsController.onAnalyticsEvent?.("single_entity_deleted", { path });
-		setSelectedEntities((selectedEntities) => selectedEntities.filter((e) => e.id !== entity.id));
+		toggleEntitySelection(entity, false);
 		setDeletedEntities((prev) => [...prev, entity]);
 		setLastDeleteTimestamp(Date.now());
 	};
 	const internalOnMultipleEntitiesDelete = (_path, entities) => {
 		analyticsController.onAnalyticsEvent?.("multiple_entities_deleted", { path });
-		setSelectedEntities([]);
+		clearSelection();
 		setDeleteEntityClicked(void 0);
 		setDeletedEntities((prev) => [...prev, ...entities]);
 		setLastDeleteTimestamp(Date.now());
@@ -16321,7 +16746,7 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 		return (largeLayout ? 80 + actionsWidth : 70 + actionsWidth) + (collapsedActions.length > 0 ? largeLayout ? 40 : 30 : 0);
 	}, [getActionsForEntity, largeLayout]);
 	const tableRowActionsBuilder = useCallback(({ entity, size, width, frozen }) => {
-		const isSelected = Boolean(usedSelectionController.selectedEntities.find((e) => e.id == entity.id && e.path == entity.path));
+		const isSelected = usedSelectionController.isEntitySelected(entity);
 		const customEntityActions = (collection.entityActions ?? EMPTY_ARRAY).map((action) => resolveEntityAction(action, customizationController.entityActions)).filter(Boolean);
 		const actions = getActionsForEntity({
 			entity,
@@ -16353,6 +16778,26 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 		searchString: tableController.searchString,
 		onCountChange: setDocsCount
 	});
+	const liveSelectionQuery = useMemo(() => ({
+		path,
+		filterValues: tableController.filterValues,
+		searchString: tableController.searchString,
+		sortBy: tableController.sortBy
+	}), [
+		path,
+		tableController.filterValues,
+		tableController.searchString,
+		tableController.sortBy
+	]);
+	const selectionQueryKey = selection.type === "query" ? serializeSelectionQuery(selection.query) : void 0;
+	const liveQueryKey = serializeSelectionQuery(liveSelectionQuery);
+	useEffect(() => {
+		if (selectionQueryKey !== void 0 && selectionQueryKey !== liveQueryKey) clearSelection();
+	}, [
+		selectionQueryKey,
+		liveQueryKey,
+		clearSelection
+	]);
 	const { resolvedSlots } = customizationController;
 	const headerActionContributions = useMemo(() => resolvedSlots.filter((s) => s.slot === "collection.header.action").sort((a, b) => (a.order ?? 50) - (b.order ?? 50)), [resolvedSlots]);
 	const buildAdditionalHeaderWidget = useCallback(({ property, propertyKey, onHover }) => {
@@ -16460,6 +16905,8 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 			collectionEntitiesCount: docsCount ?? void 0,
 			resolvedProperties: resolvedCollection.properties,
 			viewMode,
+			selectionEnabled: activeSelectionEnabled,
+			selectionQuery: liveSelectionQuery,
 			entitiesCount: docsCount,
 			openNewDocument,
 			compact: isCompact
@@ -16654,7 +17101,7 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 				container: containerRef.current
 			}, `popup_form_${popupCell?.propertyKey}_${popupCell?.entityId}`),
 			deleteEntityClicked && /* @__PURE__ */ jsx(DeleteEntityDialog, {
-				entityOrEntitiesToDelete: deleteEntityClicked,
+				target: deleteEntityClicked,
 				path,
 				collection,
 				open: Boolean(deleteEntityClicked),
@@ -17404,13 +17851,26 @@ function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, co
 	const mainViewVisible = activeTab === "__main_##Q$SC^#S6" || Boolean(selectedSecondaryForm);
 	const mountedTabsRef = useRef(/* @__PURE__ */ new Set());
 	if (activeTab) mountedTabsRef.current.add(activeTab);
+	/**
+	* The record as a context with no form behind it: what a view is handed
+	* where nothing can edit the record — the read-only rendering for a user
+	* without permission, and the entity-view tabs until the form has mounted
+	* and published its own. Its writes throw, so it says `disabled`: that is
+	* the flag every control already honours, and a stand-in reporting
+	* `disabled: false` invited the very write it was about to refuse.
+	*
+	* Not dropped once the form's context arrives. The form mounts even where
+	* it is hidden — for a user who cannot edit, the read-only view is shown
+	* beside a hidden form — so its context always arrives, and the read-only
+	* view lost its context the moment it did: a `formView` flipped to the
+	* default rendering, and `additionalFields` vanished from the default one.
+	*/
 	const readOnlyFormContext = useMemo(() => {
-		if (formContext) return void 0;
 		if (!entityId) return void 0;
 		const formexStub = createFormexStub(usedEntity?.values ?? {});
 		return {
 			entityId,
-			disabled: false,
+			disabled: true,
 			readOnly: true,
 			openEntityMode: layout,
 			status,
@@ -17431,7 +17891,6 @@ function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, co
 			formex: formexStub
 		};
 	}, [
-		formContext,
 		entityId,
 		layout,
 		status,
@@ -17594,8 +18053,32 @@ function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, co
 		collection
 	]);
 	const formViewConfig = collection.formView;
-	const FormViewBuilder = formViewConfig?.Builder ? resolveComponentRef(formViewConfig.Builder) : null;
-	formViewConfig?.includeActions;
+	const FormViewBuilder = resolveComponentRef(formViewConfig?.Builder);
+	const formViewIncludeActions = formViewConfig?.includeActions !== false;
+	/**
+	* What the record form renders in place of its generated fields.
+	*
+	* A `formView` Builder is rendered *by the form*, never instead of it. It
+	* used to be drawn here in the form's place, and the form is the only
+	* thing that can hand it a working context — the real one arrives through
+	* `onFormContextReady`, and with no form mounted it never did. Every
+	* Builder got the read-only stand-in above: each keystroke threw inside
+	* `setFieldValue`, and Save and Discard, which wait on that same context,
+	* never appeared. A new record was worse: with no id there is not even a
+	* stand-in, and the screen stayed blank.
+	*
+	* An entity view declared with `includeActions` is a second form over the
+	* same record, and takes the place while its tab is open.
+	*/
+	const FormBuilder = selectedSecondaryForm ? resolveComponentRef(selectedSecondaryForm.Builder) : FormViewBuilder;
+	/**
+	* `formView.includeActions: false` leaves saving to the Builder — it holds
+	* `formContext.submit` and `save` — so the bar offers no Save or Discard of
+	* its own. Only for the collection's form: an entity view that declared
+	* `includeActions` is on screen because it asked for them. Delete is a
+	* record action, in the bar's overflow menu, and is not affected.
+	*/
+	const formActionsContext = canEdit && formContext && (!FormViewBuilder || formViewIncludeActions || selectedSecondaryForm) ? formContext : void 0;
 	const entityReadOnlyView = !canEdit && entity ? FormViewBuilder && readOnlyFormContext ? /* @__PURE__ */ jsx("div", {
 		className: cls("@container/form flex-1 flex flex-row w-full overflow-y-auto justify-center", canEdit || !mainViewVisible || selectedSecondaryForm ? "hidden" : ""),
 		children: /* @__PURE__ */ jsx("div", {
@@ -17621,20 +18104,7 @@ function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, co
 		openEntityMode: layout,
 		formContext: readOnlyFormContext
 	}) : null;
-	const entityView = FormViewBuilder ? /* @__PURE__ */ jsx("div", {
-		className: cls("relative flex-1 w-full h-full overflow-auto", (!mainViewVisible || !canEdit) && !selectedSecondaryForm ? "hidden" : ""),
-		children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Suspense, {
-			fallback: /* @__PURE__ */ jsx(CircularProgressCenter, {}),
-			children: (formContext ?? readOnlyFormContext) && /* @__PURE__ */ jsx(FormViewBuilder, {
-				collection,
-				parentCollectionSlugs,
-				parentEntityIds,
-				entity: usedEntity,
-				modifiedValues: (formContext ?? readOnlyFormContext)?.formex?.values ?? usedEntity?.values,
-				formContext: formContext ?? readOnlyFormContext
-			})
-		}) })
-	}) : /* @__PURE__ */ jsx(ResolvedEntityForm, {
+	const entityView = /* @__PURE__ */ jsx(ResolvedEntityForm, {
 		collection,
 		path,
 		entityId: entityId ?? usedEntity?.id,
@@ -17674,7 +18144,9 @@ function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, co
 				setTimeout(() => onCloseRequest?.(), 0);
 			}
 		},
-		Builder: resolveComponentRef(selectedSecondaryForm?.Builder)
+		Builder: FormBuilder,
+		parentCollectionSlugs,
+		parentEntityIds
 	});
 	const subcollectionTabs = subcollections && subcollections.map((subcollection) => {
 		const icon = getIcon(subcollection.icon, void 0, void 0, "smallest");
@@ -17736,25 +18208,25 @@ function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, co
 				hasErrors: hasFormErrors,
 				saveDisabled: !canEdit || saveDisabled,
 				onBack: layout === "full_screen" && !onShowList ? () => navigate(withListState(urlController.buildUrlCollectionPath(path))) : void 0,
-				onSave: canEdit && formContext ? () => {
+				onSave: formActionsContext ? () => {
 					sideDialogContext.setPendingClose?.(false);
 					pendingCloseRef.current = false;
-					formContext.submit();
+					formActionsContext.submit();
 				} : void 0,
-				onSaveAndClose: canEdit && formContext && canCloseAfterSave ? () => {
+				onSaveAndClose: formActionsContext && canCloseAfterSave ? () => {
 					if (layout === "split") {
 						pendingCloseRef.current = true;
-						Promise.resolve(formContext.submit()).finally(() => {
+						Promise.resolve(formActionsContext.submit()).finally(() => {
 							pendingCloseRef.current = false;
 						});
 						return;
 					}
 					sideDialogContext.setPendingClose?.(true);
-					Promise.resolve(formContext.submit()).finally(() => sideDialogContext.setPendingClose?.(false));
+					Promise.resolve(formActionsContext.submit()).finally(() => sideDialogContext.setPendingClose?.(false));
 				} : void 0,
 				saveAndClosePlacement: layout === "split" ? "menu" : "button",
 				onClose: onCloseRequest,
-				onDiscard: canEdit && formContext ? () => discard(formContext.formex, status) : void 0,
+				onDiscard: formActionsContext ? () => discard(formActionsContext.formex, status) : void 0,
 				onInspect: includeJsonView ? () => setInspectorTab("json") : void 0,
 				onViewHistory: includeHistoryView ? () => setInspectorTab("history") : void 0,
 				externalLink: usedEntity ? customizationController?.entityLinkBuilder?.({ entity: usedEntity }) : void 0,
@@ -19611,6 +20083,8 @@ function SideDialogView({ offsetPosition, panel, panelIndex, isTopPanel }) {
 }
 //#endregion
 //#region src/components/ReferenceTable/SelectionTableBinding.tsx
+/** Stable identity, so the effect that propagates the picks does not re-fire. */
+var EMPTY_ENTITIES = [];
 /**
 * This component allows to select entities from a given collection.
 * You probably want to open this dialog as a side view using {@link useSelectionTableBinding}
@@ -19632,11 +20106,12 @@ function SelectionTableBindingInternal({ onSingleEntitySelected, onMultipleEntit
 	const dataClient = useData();
 	const [entitiesDisplayedFirst, setEntitiesDisplayedFirst] = useState([]);
 	const selectionController = useSelectionController();
+	const selectedEntities = selectionController.selection.type === "entities" ? selectionController.selection.entities : EMPTY_ENTITIES;
 	const selectionInitializedRef = useRef(false);
 	useEffect(() => {
 		if (!selectionInitializedRef.current) return;
-		if (onMultipleEntitiesSelected) onMultipleEntitiesSelected(selectionController.selectedEntities);
-	}, [selectionController.selectedEntities]);
+		if (onMultipleEntitiesSelected) onMultipleEntitiesSelected(selectedEntities);
+	}, [selectedEntities]);
 	/**
 	* Fetch initially selected ids
 	*/
@@ -19684,7 +20159,6 @@ function SelectionTableBindingInternal({ onSingleEntitySelected, onMultipleEntit
 				path,
 				entityId: entity.id
 			});
-			const selectedEntities = selectionController.selectedEntities;
 			if (selectedEntities.map((e) => e.id).indexOf(entity.id) > -1) selectionController.setSelectedEntities(selectedEntities.filter((item) => item.id !== entity.id));
 			else {
 				if (maxSelection && selectedEntities.length >= maxSelection) return;
@@ -19698,6 +20172,7 @@ function SelectionTableBindingInternal({ onSingleEntitySelected, onMultipleEntit
 		path,
 		sideDialogContext,
 		selectionController,
+		selectedEntities,
 		maxSelection
 	]);
 	const onNewClick = () => {
@@ -19714,13 +20189,12 @@ function SelectionTableBindingInternal({ onSingleEntitySelected, onMultipleEntit
 		});
 	};
 	const tableRowActionsBuilder = ({ entity, size, width, frozen }) => {
-		const selectedEntities = selectionController.selectedEntities;
 		return /* @__PURE__ */ jsx(CollectionRowActions, {
 			width,
 			frozen,
 			entity,
 			size,
-			isSelected: selectedEntities && selectedEntities.map((e) => e.id).indexOf(entity.id) > -1,
+			isSelected: selectionController.isEntitySelected(entity),
 			selectionEnabled: multiselect,
 			hideId: collection?.hideIdFromCollection,
 			path,
@@ -21222,7 +21696,7 @@ function StorageItemPreview({ name, property, value, onRemove, disabled, size, p
 }
 //#endregion
 //#region src/form/field_bindings/StorageUploadFieldBinding.tsx
-var dropZoneClasses = "box-border relative pt-[2px] h-[172px] items-center border border-transparent outline-none rounded-md duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] focus:border-primary-solid";
+var dropZoneClasses = "box-border relative pt-[2px] h-[172px] items-center border border-transparent outline-none rounded-md duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] focus:border-primary";
 var disabledClasses = fieldBackgroundDisabledMixin;
 var nonActiveDropClasses = fieldBackgroundHoverMixin;
 var activeDropClasses = "pt-0 border-2 border-solid";
@@ -21526,7 +22000,7 @@ function TextFieldBinding({ propertyKey, value, setValue, error, showError, disa
 	let url;
 	if (property.type === "string") {
 		multiline = property.admin?.multiline;
-		url = property.admin?.urlPreview;
+		url = property.admin?.urlPreview ?? property.url;
 	}
 	useClearRestoreValue({
 		property,
@@ -21552,7 +22026,7 @@ function TextFieldBinding({ propertyKey, value, setValue, error, showError, disa
 	if (property.type === "number") inputType = "number";
 	else if (property.type === "string") {
 		if (property.email) inputType = "email";
-		else if (property.admin?.urlPreview) inputType = "url";
+		else if (property.admin?.urlPreview || property.url) inputType = "url";
 	}
 	const label = hideLabel ? void 0 : /* @__PURE__ */ jsx(LabelWithIcon, {
 		icon: getIconForProperty(property, "small"),
@@ -21721,7 +22195,7 @@ function VectorFieldBinding({ propertyKey, value, setValue, error, showError, di
 								]
 							})]
 						}), showValues && isPopulated && /* @__PURE__ */ jsx("div", {
-							className: "mt-1 p-3 rounded-lg bg-surface-well border border-hairline max-h-36 overflow-y-auto font-mono text-[11px] leading-relaxed text-text-secondary dark:text-text-secondary-dark break-all selection:bg-primary-100 dark:selection:bg-primary-900/40",
+							className: "mt-1 p-3 rounded-lg bg-surface-well border border-hairline max-h-36 overflow-y-auto font-mono text-[11px] leading-relaxed text-text-secondary dark:text-text-secondary-dark break-all selection:bg-primary/20",
 							children: arrayValue.join(", ")
 						})]
 					}) : /* @__PURE__ */ jsxs("div", {
@@ -23399,7 +23873,7 @@ function LocalChangesMenu({ cachedData, formex, onClearLocalChanges, cacheKey, p
 *
 * @group Components
 */
-function EntityForm({ path, entityId: entityIdProp, collection, onValuesModified, onIdChange, onSaved, entity, initialDirtyValues, onFormContextReady, initialStatus, className, onStatusChange, onEntityChange, openEntityMode = "full_screen", formex: formexProp, disabled: disabledProp, Builder, EntityFormActionsComponent = EntityFormActions, showDefaultActions = true, navigateBack: navigateBackProp, children, onSubmit: onSubmitProp, onValuesChangeDeferred: onValuesChangeDeferredProp, onReset: onResetProp, uniqueFieldValidator: uniqueFieldValidatorProp, beforeFields, afterFields, pluginActions: pluginActionsProp, computedInitialValues, hasLocalChanges: hasLocalChangesProp, localChangesData, manualApplyLocalChanges, localChangesCacheKey, onClearLocalChanges }) {
+function EntityForm({ path, entityId: entityIdProp, collection, onValuesModified, onIdChange, onSaved, entity, initialDirtyValues, onFormContextReady, initialStatus, className, onStatusChange, onEntityChange, openEntityMode = "full_screen", formex: formexProp, disabled: disabledProp, Builder, parentCollectionSlugs, parentEntityIds, EntityFormActionsComponent = EntityFormActions, showDefaultActions = true, navigateBack: navigateBackProp, children, onSubmit: onSubmitProp, onValuesChangeDeferred: onValuesChangeDeferredProp, onReset: onResetProp, uniqueFieldValidator: uniqueFieldValidatorProp, beforeFields, afterFields, pluginActions: pluginActionsProp, computedInitialValues, hasLocalChanges: hasLocalChangesProp, localChangesData, manualApplyLocalChanges, localChangesCacheKey, onClearLocalChanges }) {
 	const navigateBack = useCallback(() => {
 		if (navigateBackProp) navigateBackProp();
 	}, [navigateBackProp]);
@@ -23547,6 +24021,7 @@ function EntityForm({ path, entityId: entityIdProp, collection, onValuesModified
 		});
 	};
 	const disabled = formex.isSubmitting || Boolean(disabledProp);
+	const rebaseContext = useRebaseContext();
 	const formContext = {
 		setFieldValue: useCallback((key, value) => formex.setFieldValue(key, value), []),
 		values: formex.values,
@@ -23654,16 +24129,15 @@ function EntityForm({ path, entityId: entityIdProp, collection, onValuesModified
 			if (!additionalField || !entity) return null;
 			const AdditionalFieldBuilder = additionalField.Builder;
 			if (!AdditionalFieldBuilder && !additionalField.value) throw new Error("When using additional fields you need to provide a Builder or a value");
-			const additionalFieldContext = formContext;
 			const child = AdditionalFieldBuilder ? /* @__PURE__ */ jsx(AdditionalFieldBuilder, {
 				entity,
-				context: additionalFieldContext
+				context: rebaseContext
 			}) : /* @__PURE__ */ jsx("div", {
 				className: "w-full",
 				children: /* @__PURE__ */ jsx(AdditionalFieldValue, {
 					field: additionalField,
 					entity,
-					context: additionalFieldContext
+					context: rebaseContext
 				})
 			});
 			return /* @__PURE__ */ jsx("div", {
@@ -23712,11 +24186,16 @@ function EntityForm({ path, entityId: entityIdProp, collection, onValuesModified
 		}, `field_${field.key}`);
 	};
 	const formFields = () => {
-		if (Builder) return /* @__PURE__ */ jsx(Builder, {
-			collection,
-			entity,
-			modifiedValues: formex.values,
-			formContext
+		if (Builder) return /* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx(CircularProgressCenter, {}),
+			children: /* @__PURE__ */ jsx(Builder, {
+				collection,
+				parentCollectionSlugs,
+				parentEntityIds,
+				entity,
+				modifiedValues: formex.values,
+				formContext
+			})
 		});
 		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FormSections, {
 			sections: showRail || !layout.sidebar.length ? layout.sections : [...layout.sections, {
@@ -25090,6 +25569,6 @@ function getFullIdPath(propertyKey, propertyNamespace) {
 	return idToPropertiesPath(propertyNamespace ? `${propertyNamespace}.${propertyKey}` : propertyKey);
 }
 //#endregion
-export { NAVIGATION_DEFAULT_GROUP_NAME as $, getEntityTitlePropertyKeyForEntity as $n, getCollectionBySlugWithin as $t, getFieldId as A, NumberPropertyPreview as An, convertDataToEntity as At, MapFieldBinding as B, RelationPreview as Bn, detectCsvDelimiter as Bt, EntityFormBinding as C, ReadOnlyFieldBinding as Cn, getIconForProperty as Cr, EntityCardBinding as Ct, getDefaultFieldConfig as D, ArrayOfMapsPreview as Dn, getResolvedPropertyInPath as Dr, useCollectionEditorDialogsState as Dt, DEFAULT_FIELD_CONFIGS as E, FieldHelperText as En, getPropertyInPath$1 as Er, ConfigControllerProvider as Et, SelectFieldBinding as F, ArrayOneOfPreview as Fn, ImportSaveInProgress as Ft, useSelectionDialog as G, SidePanelControllerContext as Gn, SearchIconsView as Gt, DateTimeFieldBinding as H, InlineEntityListPreview as Hn, parseCsvToObjects as Ht, RepeatFieldBinding as I, ArrayOfStringsPreview as In, IMPORT_BATCH_SIZE as It, useBuildUrlController as J, useCollectionRegistryController as Jn, BreadcrumbsProvider as Jt, SelectionTableBinding as K, useSidePanel as Kn, FieldCaption as Kt, ReferenceFieldBinding as L, ArrayPropertyEnumPreview as Ln, saveImportedEntities as Lt, TextFieldBinding as M, DatePreview as Mn, processValueMapping as Mt, SwitchFieldBinding as N, KeyValuePreview as Nn, getInferenceType as Nt, getDefaultFieldId as O, PropertyPreview as On, isReferenceProperty as Or, ImportNewPropertyFieldPreview as Ot, StorageUploadFieldBinding as P, MapPropertyPreview as Pn, useImportConfig as Pt, useResolvedCollections as Q, getEntityTitlePropertyKey as Qn, addInitialSlash as Qt, MultiSelectFieldBinding as R, ArrayEnumPreview as Rn, ImportFileUpload as Rt, isSchemaChangeCancelled as S, useClearRestoreValue as Sn, getDefaultPropertiesOrder as Sr, CollectionCardViewBinding as St, PropertyFieldBinding as T, LabelWithIcon as Tn, getPropertiesWithPropertiesOrder as Tr, useCollectionEditorController as Tt, BlockFieldBinding as U, ReferencePreview as Un, ArrayContainer as Ut, KeyValueFieldBinding as V, ArrayOfReferencesPreview as Vn, parseCsvRows as Vt, ArrayOfReferencesFieldBinding as W, EntityPreviewBinding as Wn, PropertyConfigBadge as Wt, useTopLevelNavigation as X, useResolvedUser as Xn, resolveEntityView as Xt, useBuildNavigationStateController as Y, getUserLabel as Yn, resolveEntityAction as Yt, useResolvedViews as Z, getEntityPreviewKeys as Zn, mergeEntityActions as Zt, useCollectionsConfigController as _, useNavigationStateController as _n, LABEL_ICON_SIZE as _r, editEntityAction as _t, namespaceToPropertiesPath as a, resolveCollectionPathIds$1 as an, SkeletonPropertyComponent as ar, getEntityViewWidth as at, asUnavailable as b, SelectableTableContext as bn, PropertyIdCopyTooltip as br, DetailViewBinding as bt, buildCollectionGenerationCallback as c, useSelectionController as cn, renderSkeletonImageThumbnail as cr, useSafeSnackbarController as ct, fromSerializableCollectionConfigs as d, SelectableTable as dn, ImagePreview as dr, getInitialEntityValues as dt, getCollectionPathsCombinations as en, ArrayPropertyPreview as er, useBuildCollectionRegistryController as et, fromSerializableProperties as f, CollectionRowActions as fn, EmptyValue as fr, removeEmptyContainers as ft, toSerializableProperty as g, NavigationStateContext as gn, FieldBlock as gr, deleteEntityAction as gt, toSerializableProperties as h, useUrlController as hn, RecordMeta as hr, copyEntityAction as ht, namespaceToPropertiesOrderPath as i, removeTrailingSlash$1 as in, StorageThumbnailInternal as ir, buildSidePanelsFromUrl as it, VectorFieldBinding as j, BooleanPreview as jn, flattenEntry as jt, getFieldConfig as k, UserPreview as kn, isRelationProperty as kr, DataNewPropertiesMapping as kt, validateCollectionJson as l, VirtualTableInput$1 as ln, renderSkeletonText as lr, extractTouchedValues as lt, toSerializableCollectionConfig as m, UrlContext as mn, FormRail as mr, CollectionViewBinding as mt, getFullIdPath as n, removeInitialAndTrailingSlashes$1 as nn, EnumValuesChip as nr, resolveNavigationFrom as nt, CollectionGenerationApiError as o, resolveOpenEntityMode as on, renderSkeletonCaptionText as or, useBuildSidePanel as ot, fromSerializableProperty as p, useAdminContext as pn, FormSections as pr, zodToFormErrors as pt, SideDialogs as q, CollectionRegistryContext as qn, useBreadcrumbsController as qt, idToPropertiesPath as r, removeInitialSlash as rn, StorageThumbnail as rr, useResolvedNavigationFrom as rt, DEFAULT_COLLECTION_GENERATION_ENDPOINT as s, resolveViewMode as sn, renderSkeletonIcon as sr, EditViewBinding as st, getFullId as t, getLastSegment$1 as tn, StringPropertyPreview as tr, useHistory as tt, fromSerializableCollectionConfig as u, CollectionTableBinding as un, UrlComponentPreview as ur, getChanges as ut, LiveSchemaError as v, useSideDialogsController as vn, isSelfLabellingProperty as vr, resetPasswordAction as vt, EntityForm as w, LabelWithIconAndTooltip as wn, getIconForWidget as wr, CollectionViewActions as wt, createLiveSchemaClient as x, ArrayCustomShapedFieldBinding as xn, getBracketNotation as xr, EntityViewBinding as xt, SchemaChangeCancelled as y, SideDialogsControllerContext as yn, spanClass as yr, CreationResultDialog as yt, MarkdownEditorFieldBinding as z, ArrayOfStorageComponentsPreview as zn, convertFileToJson as zt };
+export { NAVIGATION_DEFAULT_GROUP_NAME as $, useSidePanel as $n, getCollectionBySlugWithin as $t, getFieldId as A, ReadOnlyFieldBinding as An, getIconForProperty as Ar, convertDataToEntity as At, MapFieldBinding as B, KeyValuePreview as Bn, detectCsvDelimiter as Bt, EntityFormBinding as C, NavigationStateContext as Cn, FieldBlock as Cr, EntityCardBinding as Ct, getDefaultFieldConfig as D, SelectableTableContext as Dn, PropertyIdCopyTooltip as Dr, useCollectionEditorDialogsState as Dt, DEFAULT_FIELD_CONFIGS as E, SideDialogsControllerContext as En, spanClass as Er, ConfigControllerProvider as Et, SelectFieldBinding as F, PropertyPreview as Fn, isReferenceProperty as Fr, ImportSaveInProgress as Ft, useSelectionDialog as G, ArrayEnumPreview as Gn, SearchIconsView as Gt, DateTimeFieldBinding as H, ArrayOneOfPreview as Hn, parseCsvToObjects as Ht, RepeatFieldBinding as I, UserPreview as In, isRelationProperty as Ir, IMPORT_BATCH_SIZE as It, useBuildUrlController as J, ArrayOfReferencesPreview as Jn, BreadcrumbsProvider as Jt, SelectionTableBinding as K, ArrayOfStorageComponentsPreview as Kn, FieldCaption as Kt, ReferenceFieldBinding as L, NumberPropertyPreview as Ln, saveImportedEntities as Lt, TextFieldBinding as M, LabelWithIcon as Mn, getPropertiesWithPropertiesOrder as Mr, processValueMapping as Mt, SwitchFieldBinding as N, FieldHelperText as Nn, getPropertyInPath$1 as Nr, getInferenceType as Nt, getDefaultFieldId as O, ArrayCustomShapedFieldBinding as On, getBracketNotation as Or, ImportNewPropertyFieldPreview as Ot, StorageUploadFieldBinding as P, ArrayOfMapsPreview as Pn, getResolvedPropertyInPath as Pr, useImportConfig as Pt, useResolvedCollections as Q, SidePanelControllerContext as Qn, addInitialSlash as Qt, MultiSelectFieldBinding as R, BooleanPreview as Rn, ImportFileUpload as Rt, isSchemaChangeCancelled as S, useUrlController as Sn, RecordMeta as Sr, CollectionCardViewBinding as St, PropertyFieldBinding as T, useSideDialogsController as Tn, isSelfLabellingProperty as Tr, useCollectionEditorController as Tt, BlockFieldBinding as U, ArrayOfStringsPreview as Un, ArrayContainer as Ut, KeyValueFieldBinding as V, MapPropertyPreview as Vn, parseCsvRows as Vt, ArrayOfReferencesFieldBinding as W, ArrayPropertyEnumPreview as Wn, PropertyConfigBadge as Wt, useTopLevelNavigation as X, ReferencePreview as Xn, resolveEntityView as Xt, useBuildNavigationStateController as Y, InlineEntityListPreview as Yn, resolveEntityAction as Yt, useResolvedViews as Z, EntityPreviewBinding as Zn, mergeEntityActions as Zt, useCollectionsConfigController as _, CollectionTableBinding as _n, UrlComponentPreview as _r, editEntityAction as _t, namespaceToPropertiesPath as a, resolveCollectionPathIds$1 as an, getEntityTitlePropertyKey as ar, getEntityViewWidth as at, asUnavailable as b, useAdminContext as bn, FormSections as br, DetailViewBinding as bt, buildCollectionGenerationCallback as c, SelectionMenu as cn, StringPropertyPreview as cr, useSafeSnackbarController as ct, fromSerializableCollectionConfigs as d, resolveSelection as dn, StorageThumbnailInternal as dr, getInitialEntityValues as dt, getCollectionPathsCombinations as en, CollectionRegistryContext as er, useBuildCollectionRegistryController as et, fromSerializableProperties as f, selectionQueryToFindParams as fn, SkeletonPropertyComponent as fr, removeEmptyContainers as ft, toSerializableProperty as g, VirtualTableInput$1 as gn, renderSkeletonText as gr, deleteEntityAction as gt, toSerializableProperties as h, useSelectionController as hn, renderSkeletonImageThumbnail as hr, copyEntityAction as ht, namespaceToPropertiesOrderPath as i, removeTrailingSlash$1 as in, getEntityPreviewKeys as ir, buildSidePanelsFromUrl as it, VectorFieldBinding as j, LabelWithIconAndTooltip as jn, getIconForWidget as jr, flattenEntry as jt, getFieldConfig as k, useClearRestoreValue as kn, getDefaultPropertiesOrder as kr, DataNewPropertiesMapping as kt, validateCollectionJson as l, MAX_SELECTION_ROWS as ln, EnumValuesChip as lr, extractTouchedValues as lt, toSerializableCollectionConfig as m, walkEntityPages as mn, renderSkeletonIcon as mr, CollectionViewBinding as mt, getFullIdPath as n, removeInitialAndTrailingSlashes$1 as nn, getUserLabel as nr, resolveNavigationFrom as nt, CollectionGenerationApiError as o, resolveOpenEntityMode as on, getEntityTitlePropertyKeyForEntity as or, useBuildSidePanel as ot, fromSerializableProperty as p, serializeSelectionQuery as pn, renderSkeletonCaptionText as pr, zodToFormErrors as pt, SideDialogs as q, RelationPreview as qn, useBreadcrumbsController as qt, idToPropertiesPath as r, removeInitialSlash as rn, useResolvedUser as rr, useResolvedNavigationFrom as rt, DEFAULT_COLLECTION_GENERATION_ENDPOINT as s, resolveViewMode as sn, ArrayPropertyPreview as sr, EditViewBinding as st, getFullId as t, getLastSegment$1 as tn, useCollectionRegistryController as tr, useHistory as tt, fromSerializableCollectionConfig as u, SELECTION_PAGE_SIZE as un, StorageThumbnail as ur, getChanges as ut, LiveSchemaError as v, SelectableTable as vn, ImagePreview as vr, resetPasswordAction as vt, EntityForm as w, useNavigationStateController as wn, LABEL_ICON_SIZE as wr, CollectionViewActions as wt, createLiveSchemaClient as x, UrlContext as xn, FormRail as xr, EntityViewBinding as xt, SchemaChangeCancelled as y, CollectionRowActions as yn, EmptyValue as yr, CreationResultDialog as yt, MarkdownEditorFieldBinding as z, DatePreview as zn, convertFileToJson as zt };
 
-//# sourceMappingURL=util-4oPxPkbp.js.map
+//# sourceMappingURL=util-h6jhiiBE.js.map