@rebasepro/admin 0.13.0 → 0.13.1-canary.gcd6689e

package/dist/{util-GiwPgxnL.js → util-pQ3YwBve.js}

@@ -1,11 +1,12 @@
 import * as React$1 from "react";
 import React, { Suspense, createContext, createElement, forwardRef, lazy, memo, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { deepEqual } 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, MailIcon, Markdown, Maximize2Icon, Menu, MenuItem, MinusIcon, MoreVerticalIcon, MultiSelect, MultiSelectItem, 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, lucideIcons, paperMixin, useDebouncedCallback, useInjectStyles, useOutsideAlerter } from "@rebasepro/ui";
+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, ChevronsLeftIcon, ChevronsRightIcon, 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, MailIcon, Markdown, Maximize2Icon, Menu, MenuItem, MinusIcon, MoreVerticalIcon, MultiSelect, MultiSelectItem, 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, lucideIcons, paperMixin, useDebouncedCallback, useInjectStyles, useOutsideAlerter } from "@rebasepro/ui";
 import { CollectionRegistry, DEFAULT_ONE_OF_TYPE, DEFAULT_ONE_OF_VALUE, canReadCollection, enumToObjectEntries, getArrayResolvedProperties, getDefaultValueFor, getDefaultValueFortype, getDefaultValuesFor, getEntityChildViews, getLabelOrConfigFrom, getReferenceFrom, getRelationFrom, getSubcollections, getTableName, isPropertyBuilder, normalizeToEntityRelation, resolveArrayProperties, resolveEnumValues, resolveProperty, resolveRelationProperty, resolveStorageFilenameString, resolveStoragePathString, resolveStorageSource } from "@rebasepro/common";
-import { CONTAINER_FULL_WIDTH, CollectionScopeProvider, DEFAULT_PAGE_SIZE, ErrorTooltip, ErrorView, IconForView, PluginProviderStack, SIDE_PANEL_DEFAULT_WIDTH, StorageSourceContext, UnsavedChangesDialog, UserDisplay, addInitialSlash, apiBaseOf, buildEnumLabel, createFormexStub, deleteEntityWithCallbacks, flattenKeys, getAdminEntityChildViews, getCollectionBySlugWithin, getCollectionPathsCombinations, getColorScheme, getColumnKeysForProperty, getEntityFromCache, getEntityFromMemoryCache, getEntityImagePreviewPropertyKey, getFormFieldKeys, getIcon, getLastSegment as getLastSegment$1, getLeadingRelationTitleKey, getLocalChangesBackup, getNavigationEntriesFromPath, getParentReferencesFromPath, getRelationIncludeParams, getRowHeight, getTitlePropertyCandidates, getTitlePropertyKey, getTitlePropertyKeyForValues, iconsSearch, 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, 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, getFormFieldKeys, getIcon, getLastSegment as getLastSegment$1, getLeadingRelationTitleKey, getLocalChangesBackup, getNavigationEntriesFromPath, getParentReferencesFromPath, getPropertyInPath, getRelationIncludeParams, getRowHeight, getTitlePropertyCandidates, getTitlePropertyKey, getTitlePropertyKeyForValues, iconsSearch, 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, 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 { Field, Formex, getIn, setIn, useCreateFormex, useFormex } from "@rebasepro/forms";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { resolveAdminCollection } from "@rebasepro/admin-types";
 import { defaultDateFormat, getHashValue, getValueInPath, hydrateRegExp, isObject, mergeDeep, randomString, toArray } from "@rebasepro/utils";
 import { format } from "date-fns";
 import * as locales from "date-fns/locale";
@@ -14,7 +15,7 @@ import { useDropzone } from "react-dropzone";
 import { EntityReference, EntityRelation, GeoPoint, Vector, getCollectionDataPath, getDataSourceCapabilities, isRelationalCollectionConfig } from "@rebasepro/types";
 import { z } from "zod";
 import useMeasure from "react-use-measure";
-import { useLocation, useNavigate, useSearchParams } from "react-router";
+import { Link, useLocation, useNavigate, useSearchParams } from "react-router";
 import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
 import { SortableContext, horizontalListSortingStrategy, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
@@ -23,7 +24,6 @@ import ExcelJS from "exceljs";
 import { inferTypeFromValue } from "@rebasepro/inference";
 import { Highlight, themes } from "prism-react-renderer";
 import { generateKeyBetween, generateNKeysBetween } from "fractional-indexing";
-import { resolveAdminCollection } from "@rebasepro/admin-types";
 //#region src/util/property_utils.tsx
 /**
 * Resolve a size value (string token or number) to a numeric pixel value
@@ -95,13 +95,13 @@ function getIconForProperty(property, size = "small", fields = {}) {
 * @param properties
 * @param path
 */
-function getPropertyInPath(properties, path) {
+function getPropertyInPath$1(properties, path) {
 	if (typeof properties === "object") {
 		if (path in properties) return properties[path];
 		if (path.includes(".")) {
 			const pathSegments = path.split(".");
 			const childProperty = properties[pathSegments[0]];
-			if (typeof childProperty === "object" && childProperty.type === "map" && childProperty.properties) return getPropertyInPath(childProperty.properties, pathSegments.slice(1).join("."));
+			if (typeof childProperty === "object" && childProperty.type === "map" && childProperty.properties) return getPropertyInPath$1(childProperty.properties, pathSegments.slice(1).join("."));
 		}
 	}
 }
@@ -199,6 +199,28 @@ function PropertyIdCopyTooltipContent({ propertyKey }) {
 //#endregion
 //#region src/form/components/FieldBlock.tsx
 /**
+* Grid placement for a span.
+*
+* Written out as literal class strings rather than composed, because Tailwind
+* scans source text: a template literal would produce classes that exist at
+* runtime and were never generated into the stylesheet.
+*
+* Below the column breakpoint every field takes the single available column, so
+* the side panel, the dialog and mobile all get a plain stack.
+*
+* Lives here rather than in the form, because the read-only rendering of a
+* record places its fields on the same grid — a record that changes shape when
+* you press Edit is the bug this whole layout exists to avoid.
+*/
+function spanClass(span) {
+	switch (span) {
+		case 1: return "@2xl/col:col-span-1";
+		case 2: return "@2xl/col:col-span-2";
+		case 3: return "@2xl/col:col-span-3";
+		case 4: return "@2xl/col:col-span-4";
+	}
+}
+/**
 * Does this property's editor supply its own heading?
 *
 * Arrays, maps, `oneOf` blocks and key-value editors render as a collapsible
@@ -273,6 +295,61 @@ function FieldBlock({ propertyKey, property, showLabel, children }) {
 	});
 }
 //#endregion
+//#region src/components/AdditionalFieldValue.tsx
+/**
+* Renders an `additionalFields` entry that supplies a `value` rather than a
+* `Builder`.
+*
+* `value` is typed `string | number | Promise<string | number>`, and the promise
+* arm has been part of that type from the start — the CSV export awaits it
+* correctly. Every *renderer* called `.toString()` on the result instead, so an
+* async value drew the literal text `[object Promise]` in the cell: a shape the
+* type promised, that worked in one of its two consumers, and failed silently in
+* the other. That is what made the obvious port of a FireCMS column — one that
+* fetches a title from a subcollection — look supported and not be.
+*
+* Three call sites had the same three lines copied between them (the table cell,
+* the form and the read-only record), which is why the bug reached all three.
+* Now there is one.
+*/
+function AdditionalFieldValue({ field, entity, context }) {
+	const [resolved, setResolved] = useState(() => {
+		const value = field.value?.({
+			entity,
+			context
+		});
+		return isPromise(value) ? void 0 : value;
+	});
+	useEffect(() => {
+		const value = field.value?.({
+			entity,
+			context
+		});
+		if (!isPromise(value)) {
+			setResolved(value);
+			return;
+		}
+		let live = true;
+		value.then((result) => {
+			if (live) setResolved(result);
+		}, (error) => {
+			if (live) setResolved(void 0);
+			console.warn(`[rebase] Additional field "${field.key}" failed to resolve:`, error);
+		});
+		return () => {
+			live = false;
+		};
+	}, [
+		field,
+		entity,
+		context
+	]);
+	return /* @__PURE__ */ jsx(Fragment, { children: resolved === void 0 || resolved === null ? null : String(resolved) });
+}
+function isPromise(value) {
+	return typeof value?.then === "function";
+}
+//#endregion
 //#region src/form/components/FormRail.tsx
 /**
 * The metadata column beside the form.
@@ -1096,6 +1173,219 @@ function resolveTitleToString(title) {
 	}
 }
 //#endregion
+//#region src/hooks/useResolvedUsers.ts
+var caches = /* @__PURE__ */ new Map();
+function getCache(baseUrl) {
+	let cache = caches.get(baseUrl);
+	if (!cache) {
+		cache = {
+			users: /* @__PURE__ */ new Map(),
+			pending: /* @__PURE__ */ new Map(),
+			queue: /* @__PURE__ */ new Set()
+		};
+		caches.set(baseUrl, cache);
+	}
+	return cache;
+}
+async function fetchUsers(apiBase, ids, token) {
+	const resolved = /* @__PURE__ */ new Map();
+	for (const id of ids) resolved.set(id, null);
+	const params = new URLSearchParams({ ids: ids.join(",") });
+	const response = await fetch(`${apiBase}/admin/users?${params}`, { headers: token ? { Authorization: `Bearer ${token}` } : {} });
+	if (!response.ok) return resolved;
+	const data = await response.json();
+	const rows = data.users ?? data.data ?? [];
+	for (const row of rows) {
+		const uid = row.uid ?? row.id;
+		if (!uid) continue;
+		resolved.set(uid, {
+			uid,
+			email: row.email ?? "",
+			displayName: row.displayName ?? row.display_name ?? null,
+			photoURL: row.photoURL ?? row.photo_url ?? null,
+			providerId: "custom",
+			isAnonymous: false,
+			roles: row.roles ?? []
+		});
+	}
+	return resolved;
+}
+function requestUser(baseUrl, uid, getAuthToken) {
+	const cache = getCache(baseUrl);
+	const existing = cache.pending.get(uid);
+	if (existing) return existing;
+	cache.queue.add(uid);
+	const promise = new Promise((resolve, reject) => {
+		if (cache.flush) clearTimeout(cache.flush);
+		cache.flush = setTimeout(async () => {
+			const ids = [...cache.queue];
+			cache.queue.clear();
+			cache.flush = void 0;
+			try {
+				const resolved = await fetchUsers(baseUrl, ids, await getAuthToken?.());
+				for (const id of ids) {
+					cache.users.set(id, resolved.get(id) ?? null);
+					cache.pending.delete(id);
+				}
+				resolve();
+			} catch (error) {
+				for (const id of ids) cache.pending.delete(id);
+				reject(error);
+			}
+		}, 0);
+	});
+	cache.pending.set(uid, promise);
+	return promise;
+}
+/**
+* The auth user behind a `userSelect` value, or `null` while it is loading or
+* when it cannot be resolved.
+*/
+function useResolvedUser(uid) {
+	const client = useRebaseClient();
+	const { getAuthToken } = useAuthController();
+	const baseUrl = apiBaseOf(client);
+	const [user, setUser] = useState(() => baseUrl && uid ? getCache(baseUrl).users.get(uid) ?? null : null);
+	useEffect(() => {
+		if (!baseUrl || !uid) {
+			setUser(null);
+			return;
+		}
+		const cache = getCache(baseUrl);
+		if (cache.users.has(uid)) {
+			setUser(cache.users.get(uid) ?? null);
+			return;
+		}
+		let active = true;
+		requestUser(baseUrl, uid, getAuthToken).then(() => {
+			if (active) setUser(getCache(baseUrl).users.get(uid) ?? null);
+		}).catch(() => {
+			if (active) setUser(null);
+		});
+		return () => {
+			active = false;
+		};
+	}, [
+		baseUrl,
+		uid,
+		getAuthToken
+	]);
+	return user;
+}
+/** Human-readable label for a resolved user. */
+function getUserLabel(user) {
+	return user.displayName || user.email || user.uid;
+}
+//#endregion
+//#region src/hooks/useEntityDisplay.tsx
+/**
+* One shared store, so every surface agrees on a record and resolves it once.
+*
+* Module-level rather than a provider: two app instances on one page share a
+* cache keyed by collection path and record id, which *is* the same record.
+* Nothing here is user-specific — a resolver that reads per-user data must
+* invalidate on sign-out, which {@link useEntityDisplayCache} exposes.
+*/
+var sharedCache;
+/**
+* The store behind {@link useEntityDisplay}, for invalidating after a write.
+*
+* Built on first use rather than at module scope. Importing a module should not
+* construct anything: it runs during SSR where there is nothing to cache, and it
+* made this module unimportable from any test that stubs `@rebasepro/app` —
+* which several do, and which is a legitimate thing for them to do.
+*/
+function useEntityDisplayCache() {
+	if (!sharedCache) sharedCache = new EntityDisplayCache();
+	return sharedCache;
+}
+/**
+* What fills one display role of one record.
+*
+* This is the only implementation. Before it there were seven for the title
+* alone — the identity bar, the detail header, inline previews, reference cards,
+* list slots, relation chips and the headless view — each re-deriving it from
+* `collection.properties` and disagreeing about the answer.
+*
+* Resolution order, per role:
+*
+* 1. `admin.display[role]` as a **resolver** — awaited, cached per record and
+*    role, with the derived value showing meanwhile so nothing flickers empty.
+* 2. `admin.display[role]` as a **property path** (or, for the title, the
+*    deprecated `titleProperty`).
+* 3. The **derived** answer: for the title, the best-ranked property carrying a
+*    readable value; for the rest, today's per-role heuristics.
+*
+* A user-picker title resolves to the person behind the id, as it always did —
+* that path is now here rather than in two of the seven.
+*/
+function useEntityDisplay(role, { collection, entity, values: valuesProp, enabled = true }) {
+	const context = useRebaseContext();
+	const cache = useEntityDisplayCache();
+	const values = valuesProp ?? entity?.values;
+	const declaredKey = collection ? getDisplayPropertyKey(collection, role) : void 0;
+	const propertyKey = collection && role === "title" && !declaredKey ? getEntityTitlePropertyKeyForEntity(collection, values, entity?.id) : declaredKey;
+	const rawValue = values && propertyKey ? getValueInPath(values, propertyKey) : void 0;
+	const titleUser = useResolvedUser(collection && role === "title" && isUserSelectProperty(collection, propertyKey) && typeof rawValue === "string" ? rawValue : void 0);
+	const derived = useMemo(() => {
+		if (titleUser) return getUserLabel(titleUser);
+		if (rawValue === void 0 || rawValue === null) return void 0;
+		if (role === "title" || role === "subtitle" || role === "status") return resolveTitleToString(rawValue) || void 0;
+		return rawValue;
+	}, [
+		titleUser,
+		rawValue,
+		role
+	]);
+	const resolver = collection ? getDisplayResolver(collection, role) : void 0;
+	const canResolve = Boolean(enabled && resolver && entity);
+	const key = entity ? entityDisplayKey(entity.path, entity.id, role) : void 0;
+	const resolved = useSyncExternalStore((cb) => cache.subscribe(cb), () => canResolve && key ? cache.peek(key) : void 0, () => void 0);
+	const loading = Boolean(canResolve && key && resolved === void 0);
+	useEffect(() => {
+		if (!canResolve || !key || !resolver || !entity) return;
+		if (cache.peek(key) !== void 0) return;
+		cache.resolve(key, () => resolver({
+			entity,
+			context
+		})).catch((error) => {
+			console.warn(`[rebase] Could not resolve ${role} for ${key}:`, error);
+		});
+	}, [
+		cache,
+		canResolve,
+		key,
+		resolver,
+		entity,
+		context,
+		role
+	]);
+	const value = (canResolve && resolved !== null ? resolved : void 0) ?? derived;
+	return useMemo(() => ({
+		value,
+		loading,
+		source: collection && propertyKey && value === derived && derived !== void 0 ? {
+			key: propertyKey,
+			property: getPropertyInPath(collection.properties, propertyKey),
+			value: rawValue
+		} : void 0
+	}), [
+		value,
+		loading,
+		propertyKey,
+		derived,
+		collection,
+		rawValue
+	]);
+}
+/**
+* What the record is called — the one role asked for often enough on its own to
+* deserve a name.
+*/
+function useEntityTitle(params) {
+	return useEntityDisplay("title", params);
+}
+//#endregion
 //#region src/hooks/navigation/contexts/CollectionRegistryContext.tsx
 var CollectionRegistryContext = createContext({
 	getCollection: () => void 0,
@@ -1172,6 +1462,10 @@ function EntityPreviewBindingData({ actions, collection: collectionProp, preview
 	const customizationController = useCustomizationController();
 	const collectionRegistryController = useCollectionRegistryController();
 	const collection = collectionProp ?? collectionRegistryController.getCollection(entity.path);
+	const title = useEntityTitle({
+		collection,
+		entity
+	});
 	const listProperties = useMemo(() => {
 		if (!collection) return [];
 		return previewKeys ?? getEntityPreviewKeys(authController, collection, customizationController.propertyConfigs, previewKeys, size === "medium" || size === "large" ? 3 : 2);
@@ -1183,7 +1477,7 @@ function EntityPreviewBindingData({ actions, collection: collectionProp, preview
 		customizationController.propertyConfigs
 	]);
 	if (!collection) return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ErrorView, { error: `Collection not found: ${entity.path}` }) });
-	const titleProperty = includeTitle ? getEntityTitlePropertyKeyForEntity(collection, entity.values, entity.id) : void 0;
+	const titleProperty = includeTitle ? title.source?.key : void 0;
 	const imagePropertyKey = includeImage ? getEntityImagePreviewPropertyKey(collection) : void 0;
 	const imageProperty = imagePropertyKey ? collection.properties[imagePropertyKey] : void 0;
 	const ofProp = imageProperty && "of" in imageProperty ? imageProperty.of : void 0;
@@ -1222,20 +1516,20 @@ function EntityPreviewBindingData({ actions, collection: collectionProp, preview
 						children: entity.id
 					})
 				}) : /* @__PURE__ */ jsx(Skeleton, {})),
-				titleProperty && /* @__PURE__ */ jsx("div", {
+				includeTitle && (titleProperty || title.value) && /* @__PURE__ */ jsx("div", {
 					className: "truncate my-0.5 text-sm font-medium text-text-primary dark:text-text-primary-dark",
-					children: entity ? /* @__PURE__ */ jsx(PropertyPreview, {
-						propertyKey: titleProperty,
-						value: getValueInPath(entity.values, titleProperty),
-						property: collection.properties[titleProperty],
+					children: !entity && titleProperty ? /* @__PURE__ */ jsx(SkeletonPropertyComponent, {
+						property: getPropertyInPath$1(collection.properties, titleProperty),
 						size: "medium"
-					}) : /* @__PURE__ */ jsx(SkeletonPropertyComponent, {
-						property: collection.properties[titleProperty],
+					}) : titleProperty ? /* @__PURE__ */ jsx(PropertyPreview, {
+						propertyKey: titleProperty,
+						value: title.source?.value,
+						property: getPropertyInPath$1(collection.properties, titleProperty),
 						size: "medium"
-					})
+					}) : title.value
 				}),
 				restProperties && restProperties.map((key) => {
-					const childProperty = getPropertyInPath(collection.properties, key);
+					const childProperty = getPropertyInPath$1(collection.properties, key);
 					if (!childProperty) return null;
 					const valueInPath = getValueInPath(entity.values, key);
 					return /* @__PURE__ */ jsx("div", {
@@ -1355,9 +1649,12 @@ function InlineEntityPreview({ entity, collection: collectionProp, label, disabl
 	const analyticsController = useAnalyticsController();
 	const sidePanelController = useSidePanel();
 	const collection = collectionProp ?? collectionRegistryController.getCollection(entity.path);
-	const titlePropertyKey = collection ? getEntityTitlePropertyKeyForEntity(collection, entity.values, entity.id) : void 0;
-	const titleValue = titlePropertyKey ? getValueInPath(entity.values, titlePropertyKey) : void 0;
-	const resolvedLabel = label ?? (titleValue !== void 0 && titleValue !== null && String(titleValue).trim().length > 0 ? String(titleValue) : String(entity.id));
+	const { value: title } = useEntityTitle({
+		collection,
+		entity,
+		enabled: Boolean(collection)
+	});
+	const resolvedLabel = label ?? title ?? String(entity.id);
 	const interactive = !disabled && (onClick !== void 0 || includeEntityLink && collection !== void 0);
 	const handleClick = (event) => {
 		if (!interactive) return;
@@ -2106,147 +2403,43 @@ function DatePreview({ date, mode = "date_time", timezone }) {
 /**
 * @group Preview components
 */
-function BooleanPreview({ value, size, property }) {
+function BooleanPreview({ value, size, property, hideLabel }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-row gap-2 items-center",
 		children: [/* @__PURE__ */ jsx(Checkbox, {
 			checked: value,
 			padding: false,
-			size,
-			color: "secondary"
-		}), property.name && /* @__PURE__ */ jsx("span", {
-			className: cls("text-text-secondary dark:text-text-secondary-dark", size === "small" ? "text-sm" : ""),
-			children: property.name
-		})]
-	});
-}
-//#endregion
-//#region src/preview/property_previews/NumberPropertyPreview.tsx
-/**
-* @group Preview components
-*/
-function NumberPropertyPreview({ value, property, size }) {
-	const numValue = value;
-	if (property.enum) {
-		const enumKey = numValue;
-		const enumValues = enumToObjectEntries(property.enum);
-		if (!enumValues) return /* @__PURE__ */ jsx("span", {
-			className: size === "small" ? "text-sm" : "",
-			children: numValue
-		});
-		return /* @__PURE__ */ jsx(EnumValuesChip, {
-			enumKey,
-			enumValues,
-			size: size !== "medium" ? "small" : "medium"
-		});
-	} else return /* @__PURE__ */ jsx("span", {
-		className: size === "small" ? "text-sm" : "",
-		children: numValue
-	});
-}
-//#endregion
-//#region src/hooks/useResolvedUsers.ts
-var caches = /* @__PURE__ */ new Map();
-function getCache(baseUrl) {
-	let cache = caches.get(baseUrl);
-	if (!cache) {
-		cache = {
-			users: /* @__PURE__ */ new Map(),
-			pending: /* @__PURE__ */ new Map(),
-			queue: /* @__PURE__ */ new Set()
-		};
-		caches.set(baseUrl, cache);
-	}
-	return cache;
-}
-async function fetchUsers(apiBase, ids, token) {
-	const resolved = /* @__PURE__ */ new Map();
-	for (const id of ids) resolved.set(id, null);
-	const params = new URLSearchParams({ ids: ids.join(",") });
-	const response = await fetch(`${apiBase}/admin/users?${params}`, { headers: token ? { Authorization: `Bearer ${token}` } : {} });
-	if (!response.ok) return resolved;
-	const data = await response.json();
-	const rows = data.users ?? data.data ?? [];
-	for (const row of rows) {
-		const uid = row.uid ?? row.id;
-		if (!uid) continue;
-		resolved.set(uid, {
-			uid,
-			email: row.email ?? "",
-			displayName: row.displayName ?? row.display_name ?? null,
-			photoURL: row.photoURL ?? row.photo_url ?? null,
-			providerId: "custom",
-			isAnonymous: false,
-			roles: row.roles ?? []
-		});
-	}
-	return resolved;
-}
-function requestUser(baseUrl, uid, getAuthToken) {
-	const cache = getCache(baseUrl);
-	const existing = cache.pending.get(uid);
-	if (existing) return existing;
-	cache.queue.add(uid);
-	const promise = new Promise((resolve, reject) => {
-		if (cache.flush) clearTimeout(cache.flush);
-		cache.flush = setTimeout(async () => {
-			const ids = [...cache.queue];
-			cache.queue.clear();
-			cache.flush = void 0;
-			try {
-				const resolved = await fetchUsers(baseUrl, ids, await getAuthToken?.());
-				for (const id of ids) {
-					cache.users.set(id, resolved.get(id) ?? null);
-					cache.pending.delete(id);
-				}
-				resolve();
-			} catch (error) {
-				for (const id of ids) cache.pending.delete(id);
-				reject(error);
-			}
-		}, 0);
-	});
-	cache.pending.set(uid, promise);
-	return promise;
-}
-/**
-* The auth user behind a `userSelect` value, or `null` while it is loading or
-* when it cannot be resolved.
-*/
-function useResolvedUser(uid) {
-	const client = useRebaseClient();
-	const { getAuthToken } = useAuthController();
-	const baseUrl = apiBaseOf(client);
-	const [user, setUser] = useState(() => baseUrl && uid ? getCache(baseUrl).users.get(uid) ?? null : null);
-	useEffect(() => {
-		if (!baseUrl || !uid) {
-			setUser(null);
-			return;
-		}
-		const cache = getCache(baseUrl);
-		if (cache.users.has(uid)) {
-			setUser(cache.users.get(uid) ?? null);
-			return;
-		}
-		let active = true;
-		requestUser(baseUrl, uid, getAuthToken).then(() => {
-			if (active) setUser(getCache(baseUrl).users.get(uid) ?? null);
-		}).catch(() => {
-			if (active) setUser(null);
-		});
-		return () => {
-			active = false;
-		};
-	}, [
-		baseUrl,
-		uid,
-		getAuthToken
-	]);
-	return user;
+			size,
+			color: "secondary"
+		}), !hideLabel && property.name && /* @__PURE__ */ jsx("span", {
+			className: cls("text-text-secondary dark:text-text-secondary-dark", size === "small" ? "text-sm" : ""),
+			children: property.name
+		})]
+	});
 }
-/** Human-readable label for a resolved user. */
-function getUserLabel(user) {
-	return user.displayName || user.email || user.uid;
+//#endregion
+//#region src/preview/property_previews/NumberPropertyPreview.tsx
+/**
+* @group Preview components
+*/
+function NumberPropertyPreview({ value, property, size }) {
+	const numValue = value;
+	if (property.enum) {
+		const enumKey = numValue;
+		const enumValues = enumToObjectEntries(property.enum);
+		if (!enumValues) return /* @__PURE__ */ jsx("span", {
+			className: size === "small" ? "text-sm" : "",
+			children: numValue
+		});
+		return /* @__PURE__ */ jsx(EnumValuesChip, {
+			enumKey,
+			enumValues,
+			size: size !== "medium" ? "small" : "medium"
+		});
+	} else return /* @__PURE__ */ jsx("span", {
+		className: size === "small" ? "text-sm" : "",
+		children: numValue
+	});
 }
 //#endregion
 //#region src/preview/components/UserPreview.tsx
@@ -2455,7 +2648,8 @@ var PropertyPreview = React.memo(function PropertyPreview(props) {
 	else if (property.type === "boolean") if (typeof value === "boolean") content = /* @__PURE__ */ jsx(BooleanPreview, {
 		value,
 		size,
-		property
+		property,
+		hideLabel: props.hideLabel
 	});
 	else content = buildWrongValueType(propertyKey, property.type, value);
 	else if (property.type === "number") if (typeof value === "number") content = /* @__PURE__ */ jsx(NumberPropertyPreview, {
@@ -6369,13 +6563,6 @@ var CollectionTableBinding = function CollectionTableBinding({ className, style,
 		}), {}) : entity;
 		const Builder = additionalField.Builder;
 		if (!Builder && !additionalField.value) throw new Error("When using additional fields you need to provide a Builder or a value");
-		const child = Builder ? /* @__PURE__ */ jsx(Builder, {
-			entity,
-			context
-		}) : /* @__PURE__ */ jsx(Fragment, { children: additionalField.value?.({
-			entity,
-			context
-		})?.toString() });
 		return /* @__PURE__ */ jsx(EntityTableCell, {
 			width,
 			size,
@@ -6392,7 +6579,14 @@ var CollectionTableBinding = function CollectionTableBinding({ className, style,
 			isDragging,
 			isDraggable,
 			frozen,
-			children: /* @__PURE__ */ jsx(ErrorBoundary, { children: child })
+			children: /* @__PURE__ */ jsx(ErrorBoundary, { children: Builder ? /* @__PURE__ */ jsx(Builder, {
+				entity,
+				context
+			}) : /* @__PURE__ */ jsx(AdditionalFieldValue, {
+				field: additionalField,
+				entity,
+				context
+			}) })
 		}, `additional_table_cell_${entity.id}_${column.key}`);
 	}, [size]);
 	const engine = useCollectionScope()?.engine;
@@ -7471,7 +7665,7 @@ function convertDataToEntity(authController, navigation, data, idColumn, headers
 	if (idColumn) delete flatObject[idColumn];
 	const mappedKeysObject = Object.entries(flatObject).map(([key, value]) => {
 		const mappedKey = getIn(headersMapping, key) ?? key;
-		const mappedProperty = getPropertyInPath(properties, mappedKey);
+		const mappedProperty = getPropertyInPath$1(properties, mappedKey);
 		if (!mappedProperty) return {};
 		const processedValue = processValueMapping(authController, value, navigation, mappedProperty);
 		return { [mappedKey]: processedValue };
@@ -7592,8 +7786,8 @@ function DataNewPropertiesMapping({ importConfig, destinationProperties, buildPr
 			] }), /* @__PURE__ */ jsx(TableBody, { children: destinationProperties && headingsOrder.map((importKey) => {
 				const mappedKey = headersMapping[importKey];
 				const propertyKey = headersMapping[importKey];
-				const property = mappedKey ? getPropertyInPath(destinationProperties, mappedKey) : null;
-				const originProperty = getPropertyInPath(originProperties, importKey);
+				const property = mappedKey ? getPropertyInPath$1(destinationProperties, mappedKey) : null;
+				const originProperty = getPropertyInPath$1(originProperties, importKey);
 				const origintype = originProperty ? originProperty.type === "array" && typeof originProperty.of === "object" ? `${originProperty.type} - ${originProperty.of.type}` : originProperty.type : void 0;
 				return /* @__PURE__ */ jsxs(TableRow, {
 					style: { height: "90px" },
@@ -7646,7 +7840,7 @@ function DataNewPropertiesMapping({ importConfig, destinationProperties, buildPr
 						children: "Default value"
 					})
 				] }), /* @__PURE__ */ jsx(TableBody, { children: destinationProperties && getAllPropertyKeys(destinationProperties).map((key) => {
-					const property = getPropertyInPath(destinationProperties, key);
+					const property = getPropertyInPath$1(destinationProperties, key);
 					if (typeof property !== "object" || property === null) return null;
 					if (![
 						"number",
@@ -8072,8 +8266,8 @@ function EditorCollectionAction({ path, parentCollectionSlugs, parentEntityIds,
 }
 //#endregion
 //#region src/components/CollectionViewBinding/CollectionViewActions.tsx
-var ImportCollectionAction = lazy(() => import("./import-BvYl--U4.js").then((n) => n.t).then((m) => ({ default: m.ImportCollectionAction })));
-var ExportCollectionAction = lazy(() => import("./export-J79rMoNj.js").then((n) => n.t).then((m) => ({ default: m.ExportCollectionAction })));
+var ImportCollectionAction = lazy(() => import("./import-DNrKrFQV.js").then((n) => n.t).then((m) => ({ default: m.ImportCollectionAction })));
+var ExportCollectionAction = lazy(() => import("./export-l19WevKo.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();
@@ -8219,7 +8413,7 @@ function resolveCollectionSlotKeys(collection, authController, propertyConfigs)
 	const titleKeyCandidates = leadingRelationKey ? [leadingRelationKey, ...rankedCandidates.filter((key) => key !== leadingRelationKey)] : rankedCandidates;
 	const titleKey = titleKeyCandidates[0];
 	const imageKey = getEntityImagePreviewPropertyKey(collection);
-	let statusKey;
+	let statusKey = getDisplayPropertyKey(collection, "status");
 	if (!statusKey && collection.previewProperties) for (const key of collection.previewProperties) {
 		const p = collection.properties[key];
 		if (p?.type === "string" && "enum" in p && p.enum && key !== titleKey) {
@@ -8243,17 +8437,20 @@ function resolveCollectionSlotKeys(collection, authController, propertyConfigs)
 			break;
 		}
 	}
-	let dateKey;
-	for (const candidate of [
+	let dateKey = getDisplayPropertyKey(collection, "date");
+	const dateCandidates = [
 		"updated_at",
 		"updatedAt",
 		"modified_at",
 		"modifiedAt",
 		"created_at",
 		"createdAt"
-	]) if (collection.properties[candidate]) {
-		dateKey = candidate;
-		break;
+	];
+	if (!dateKey) {
+		for (const candidate of dateCandidates) if (collection.properties[candidate]) {
+			dateKey = candidate;
+			break;
+		}
 	}
 	if (!dateKey) {
 		for (const [key, prop] of Object.entries(collection.properties)) if (prop.type === "date") {
@@ -8284,7 +8481,7 @@ function resolveCollectionSlotKeys(collection, authController, propertyConfigs)
 		titleKey,
 		titleKeyCandidates,
 		imageKey,
-		subtitleKey: sortedPreviewKeys.length > 0 ? sortedPreviewKeys[0] : void 0,
+		subtitleKey: getDisplayPropertyKey(collection, "subtitle") ?? (sortedPreviewKeys.length > 0 ? sortedPreviewKeys[0] : void 0),
 		relationKeys,
 		statusKey,
 		dateKey
@@ -8480,29 +8677,11 @@ function resolveRelationDisplayName(relation, prop) {
 		if (resolved && typeof resolved === "object") targetCollection = resolved;
 	} catch {}
 	const extractDisplayName = (values) => {
-		if (targetCollection) {
-			const targetTitleKey = targetCollection.titleProperty;
-			if (targetTitleKey && values[targetTitleKey] !== void 0) return String(values[targetTitleKey]);
-			const isHiddenProp = (p) => {
-				if (p.admin?.hideFromCollection) return true;
-				if (typeof p.admin?.disabled === "object" && p.admin.disabled.hidden) return true;
-				return false;
-			};
-			const isDisplayCandidate = (p) => {
-				return p.type === "string" && !p.admin?.multiline && !p.admin?.markdown && !p.storage && !("isId" in p && p.isId) && !isHiddenProp(p);
-			};
-			for (const pk of [
-				"name",
-				"title",
-				"label",
-				"displayName"
-			]) {
-				const p = targetCollection.properties[pk];
-				if (p && isDisplayCandidate(p) && values[pk] !== void 0 && values[pk] !== null) return String(values[pk]);
-			}
-			for (const [k, p] of Object.entries(targetCollection.properties)) if (isDisplayCandidate(p)) {
-				if (values[k] !== void 0 && values[k] !== null) return String(values[k]);
-			}
+		if (targetCollection) for (const key of getTitlePropertyCandidates(targetCollection)) {
+			const value = getValueInPath(values, key);
+			if (value === void 0 || value === null || value === "") continue;
+			if (typeof value === "string" && looksLikeIdentifierValue(value)) continue;
+			return String(value);
 		}
 		for (const [, v] of Object.entries(values)) if (typeof v === "string" && v.length > 0 && v.length < 200) return v;
 	};
@@ -8523,6 +8702,93 @@ function resolveRelationDisplayName(relation, prop) {
 	} catch {}
 	return id !== void 0 ? String(id) : void 0;
 }
+/**
+* The slots for one record, with `admin.display` resolvers applied.
+*
+* {@link resolveEntitySlots} answers the question from values already in hand —
+* which is everything a slot filled by a property needs, and nothing a slot
+* filled by a *resolver* can use. A computed title may have to be fetched, so it
+* arrives after the first render; this hook is where the two meet.
+*
+* Until a resolver lands, the derived slot shows. That is deliberate: a list of
+* fifty rows must not blank its titles for a beat while fifty promises settle,
+* and the derived answer — the best-ranked property carrying a readable value —
+* is a reasonable thing to be looking at meanwhile. When the resolved value
+* arrives it replaces the slot outright, property and all, because there is no
+* property behind a computed value (see {@link PreviewSlot}).
+*
+* Every role is hooked unconditionally, so the hook order is fixed regardless of
+* what a given collection declares.
+*/
+function useEntitySlots(entity, collection, slotKeys) {
+	const derived = useMemo(() => resolveEntitySlots(entity, collection, slotKeys), [
+		entity,
+		collection,
+		slotKeys
+	]);
+	const params = {
+		collection,
+		entity
+	};
+	const title = useEntityDisplay("title", params);
+	const subtitle = useEntityDisplay("subtitle", params);
+	const image = useEntityDisplay("image", params);
+	const status = useEntityDisplay("status", params);
+	const date = useEntityDisplay("date", params);
+	return useMemo(() => {
+		const computed = (resolved) => resolved.value !== void 0 && resolved.source === void 0 ? { value: resolved.value } : void 0;
+		const computedDate = computed(date);
+		return {
+			...derived,
+			title: computed(title) ?? derived.title,
+			subtitle: computed(subtitle) ?? derived.subtitle,
+			image: computed(image) ?? derived.image,
+			status: computed(status) ?? derived.status,
+			date: computedDate ? {
+				...computedDate,
+				formatted: formatDateValue$1(computedDate.value)
+			} : derived.date
+		};
+	}, [
+		derived,
+		title,
+		subtitle,
+		image,
+		status,
+		date
+	]);
+}
+//#endregion
+//#region src/components/CollectionViewBinding/SlotValue.tsx
+/**
+* One display slot, rendered.
+*
+* A slot's value arrives one of two ways and they cannot be rendered the same:
+*
+* - **From a property** — render it with that property's own preview, so an
+*   enum status keeps its colour, a date keeps its format and a storage path
+*   becomes a thumbnail. This is why a declared path beats a resolver whenever
+*   the value is actually on the record.
+* - **From a resolver** — there is no property, because the value was computed
+*   or fetched. All that can be said about it is that it is text.
+*
+* The branch lives here, once, rather than at each of the fourteen places the
+* list row, the card and the board card render a slot. That count is the reason:
+* the last time a rule like this was inlined per call site, it drifted into
+* seven versions.
+*/
+function SlotValue({ slot, size, textOnly, fill }) {
+	if (!slot || slot.value === void 0 || slot.value === null) return null;
+	if (!slot.property || !slot.propertyKey) return /* @__PURE__ */ jsx(Fragment, { children: Array.isArray(slot.value) ? slot.value.map((item) => String(item)).join(", ") : String(slot.value) });
+	return /* @__PURE__ */ jsx(PropertyPreview, {
+		propertyKey: slot.propertyKey,
+		value: slot.value,
+		property: slot.property,
+		size,
+		textOnly,
+		fill
+	});
+}
 //#endregion
 //#region src/components/CollectionViewBinding/EntityCardBinding.tsx
 /**
@@ -8532,12 +8798,7 @@ function resolveRelationDisplayName(relation, prop) {
 function EntityCardBinding({ entity, collection, onClick, selected, highlighted, onSelectionChange, selectionEnabled, size = "m" }) {
 	const authController = useAuthController();
 	const analyticsController = useAnalyticsController();
-	const slotKeys = useCollectionSlotKeys(collection, authController, useCustomizationController().propertyConfigs);
-	const slots = useMemo(() => resolveEntitySlots(entity, collection, slotKeys), [
-		entity,
-		collection,
-		slotKeys
-	]);
+	const slots = useEntitySlots(entity, collection, useCollectionSlotKeys(collection, authController, useCustomizationController().propertyConfigs));
 	const handleClick = (e) => {
 		if (e && (e.metaKey || e.ctrlKey) && selectionEnabled) {
 			e.preventDefault();
@@ -8566,11 +8827,9 @@ function EntityCardBinding({ entity, collection, onClick, selected, highlighted,
 			children: [
 				slots.image ? /* @__PURE__ */ jsx("div", {
 					className: "w-full h-full",
-					children: /* @__PURE__ */ jsx(PropertyPreview, {
-						property: slots.image.property,
-						propertyKey: slots.image.propertyKey,
+					children: /* @__PURE__ */ jsx(SlotValue, {
+						slot: slots.image,
 						size: "medium",
-						value: slots.image.value,
 						fill: true
 					})
 				}) : /* @__PURE__ */ jsx("div", {
@@ -8602,10 +8861,8 @@ function EntityCardBinding({ entity, collection, onClick, selected, highlighted,
 				}),
 				/* @__PURE__ */ jsx("div", {
 					className: "truncate my-1 text-sm font-medium min-h-[20px]",
-					children: slots.title ? /* @__PURE__ */ jsx(PropertyPreview, {
-						propertyKey: slots.title.propertyKey,
-						value: slots.title.value,
-						property: slots.title.property,
+					children: slots.title ? /* @__PURE__ */ jsx(SlotValue, {
+						slot: slots.title,
 						size: "small"
 					}) : /* @__PURE__ */ jsx(Typography, {
 						variant: "body2",
@@ -8615,10 +8872,8 @@ function EntityCardBinding({ entity, collection, onClick, selected, highlighted,
 				}),
 				slots.subtitle && /* @__PURE__ */ jsx("div", {
 					className: "line-clamp-3 [&_div]:line-clamp-3 text-xs text-surface-600 dark:text-surface-400 [&_p]:!my-1 [&_p:first-child]:!mt-0 [&_p:last-child]:!mb-0",
-					children: /* @__PURE__ */ jsx(PropertyPreview, {
-						propertyKey: slots.subtitle.propertyKey,
-						value: slots.subtitle.value,
-						property: slots.subtitle.property,
+					children: /* @__PURE__ */ jsx(SlotValue, {
+						slot: slots.subtitle,
 						size: "small"
 					})
 				}),
@@ -8636,10 +8891,8 @@ function EntityCardBinding({ entity, collection, onClick, selected, highlighted,
 				}),
 				slots.status && /* @__PURE__ */ jsx("div", {
 					className: "mt-1",
-					children: /* @__PURE__ */ jsx(PropertyPreview, {
-						propertyKey: slots.status.propertyKey,
-						value: slots.status.value,
-						property: slots.status.property,
+					children: /* @__PURE__ */ jsx(SlotValue, {
+						slot: slots.status,
 						size: "small"
 					})
 				})
@@ -9077,7 +9330,7 @@ function CollectionListViewBinding({ collection, tableController, onEntityClick,
 * the column system for developer-defined table layouts.
 */
 var ListRow = React.memo(function ListRow({ entity, collection, onClick, selected, highlighted, onSelectionChange, selectionEnabled, columns, slotKeys, rowClasses, showImage, size, isLast, isActive = false, listViewActions = [], context, path, selectionController, openEntityMode }) {
-	const slots = resolveEntitySlots(entity, collection, slotKeys);
+	const slots = useEntitySlots(entity, collection, slotKeys);
 	const handleClick = useCallback((e) => {
 		if ((e.metaKey || e.ctrlKey) && selectionEnabled) {
 			e.preventDefault();
@@ -9118,10 +9371,8 @@ var ListRow = React.memo(function ListRow({ entity, collection, onClick, selecte
 				className: "flex-shrink-0",
 				children: slots.image ? /* @__PURE__ */ jsx("div", {
 					className: cls("w-10 h-10 rounded-lg border relative overflow-hidden bg-surface-100 dark:bg-surface-900", defaultBorderMixin),
-					children: /* @__PURE__ */ jsx(PropertyPreview, {
-						propertyKey: slots.image.propertyKey,
-						value: slots.image.value,
-						property: slots.image.property,
+					children: /* @__PURE__ */ jsx(SlotValue, {
+						slot: slots.image,
 						size: "small",
 						fill: true
 					})
@@ -9143,10 +9394,8 @@ var ListRow = React.memo(function ListRow({ entity, collection, onClick, selecte
 							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",
-							children: /* @__PURE__ */ jsx(PropertyPreview, {
-								propertyKey: slots.title.propertyKey,
-								value: slots.title.value,
-								property: slots.title.property,
+							children: /* @__PURE__ */ jsx(SlotValue, {
+								slot: slots.title,
 								size: "small",
 								textOnly: true
 							})
@@ -9163,10 +9412,8 @@ var ListRow = React.memo(function ListRow({ entity, collection, onClick, selecte
 							variant: "caption",
 							component: "div",
 							className: "text-surface-500 dark:text-surface-400 truncate",
-							children: /* @__PURE__ */ jsx(PropertyPreview, {
-								propertyKey: slots.subtitle.propertyKey,
-								value: slots.subtitle.value,
-								property: slots.subtitle.property,
+							children: /* @__PURE__ */ jsx(SlotValue, {
+								slot: slots.subtitle,
 								size: "small",
 								textOnly: true
 							})
@@ -9237,10 +9484,8 @@ var ListRow = React.memo(function ListRow({ entity, collection, onClick, selecte
 				className: "flex items-center gap-4 flex-shrink-0 ml-auto",
 				children: [slots.status && /* @__PURE__ */ jsx("div", {
 					className: "flex-shrink-0 @max-[400px]:hidden",
-					children: /* @__PURE__ */ jsx(PropertyPreview, {
-						propertyKey: slots.status.propertyKey,
-						value: slots.status.value,
-						property: slots.status.property,
+					children: /* @__PURE__ */ jsx(SlotValue, {
+						slot: slots.status,
 						size: "small"
 					})
 				}), slots.date && /* @__PURE__ */ jsx("div", {
@@ -9273,260 +9518,174 @@ var ListRow = React.memo(function ListRow({ entity, collection, onClick, selecte
 								openEntityMode: openEntityMode ?? collection?.openEntityMode ?? "full_screen"
 							});
 						},
-						children: getIcon(action.icon, void 0, void 0, "smallest")
-					})
-				}, action.key ?? index))
-			})
-		]
-	});
-});
-//#endregion
-//#region src/components/PropertyCollectionView.tsx
-/**
-* Build a readable label for a path and resolve the property
-* Supports map and array (including arrays of maps)
-*/
-function buildPropertyLabelAndGetProperty(properties, key) {
-	if (!key) return {
-		label: "",
-		property: void 0
-	};
-	const segments = [];
-	const re = /([^[.\]]+)|\[(\d+)\]/g;
-	let m;
-	while ((m = re.exec(key)) !== null) if (m[1] !== void 0) segments.push(m[1]);
-	else if (m[2] !== void 0) segments.push(Number(m[2]));
-	let currentProps = properties;
-	let currentProp;
-	let lastLabel = "";
-	const getArrayOfProp = (p) => {
-		if (!p || p.type !== "array") return void 0;
-		return Array.isArray(p.of) ? p.of[0] : p.of;
-	};
-	for (const seg of segments) {
-		if (typeof seg === "number") {
-			lastLabel = `[${seg}]`;
-			if (currentProp?.type === "array") {
-				currentProp = getArrayOfProp(currentProp);
-				if (currentProp?.type === "map" && currentProp.properties) currentProps = currentProp.properties;
-				else currentProps = void 0;
-			} else {
-				currentProp = void 0;
-				currentProps = void 0;
-			}
-			continue;
-		}
-		if (currentProps && currentProps[seg]) {
-			const nextProp = currentProps[seg];
-			currentProp = nextProp;
-			lastLabel = nextProp.name || String(seg);
-			if (nextProp.type === "map" && nextProp.properties) currentProps = nextProp.properties;
-			else if (nextProp.type === "array") currentProps = void 0;
-			else currentProps = void 0;
-		} else {
-			currentProp = void 0;
-			currentProps = void 0;
-			lastLabel = String(seg);
-		}
-	}
-	return {
-		label: lastLabel,
-		property: currentProp
-	};
-}
-var pathEndsWithIndex = (p) => /\[\d+\]$/.test(p);
-/**
-* Improved simple layout for nested changes:
-* - Map or Array-of-Map -> section header + indented rows
-* - Leaf or Array-of-Primitives -> single row with label and value
-*/
-var PropertyCollectionView = ({ data, properties, baseKey = "", suppressHeader = false, size = "small" }) => {
-	const isTopLevel = !!baseKey && !baseKey.includes(".") && !baseKey.includes("[");
-	if (Array.isArray(data)) {
-		const { label: arrayLabel, property } = baseKey ? buildPropertyLabelAndGetProperty(properties, baseKey) : {
-			label: "",
-			property: void 0
-		};
-		const ofProp = property?.type === "array" ? Array.isArray(property.of) ? property.of[0] : property.of : void 0;
-		const isArrayOfMaps = ofProp?.type === "map";
-		const isArrayOfPrimitives = property?.type === "array" && ofProp && ofProp.type !== "map";
-		const isRelationArray = property?.type === "relation";
-		if (baseKey && property && (isArrayOfPrimitives || isRelationArray)) return /* @__PURE__ */ jsxs("div", {
-			className: `grid grid-cols-12 gap-x-4 ${isTopLevel ? "py-4" : "py-2"} items-start ${isTopLevel ? `border-b ${defaultBorderMixin} last:border-b-0` : ""}`,
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "col-span-4 pr-2",
-				children: /* @__PURE__ */ jsx(Typography, {
-					variant: "caption",
-					color: "secondary",
-					component: "span",
-					className: "break-words",
-					children: arrayLabel
-				})
-			}), /* @__PURE__ */ jsx("div", {
-				className: "col-span-8",
-				children: /* @__PURE__ */ jsx(PropertyPreview, {
-					propertyKey: baseKey,
-					value: data,
-					property,
-					size
-				})
-			})]
-		});
-		return /* @__PURE__ */ jsxs("div", {
-			className: `${isTopLevel ? "py-4" : "py-1"} ${isTopLevel ? `border-b ${defaultBorderMixin} last:border-b-0` : ""}`,
-			children: [baseKey && arrayLabel && !suppressHeader && /* @__PURE__ */ jsx(Typography, {
-				variant: "caption",
-				color: "secondary",
-				component: "span",
-				children: arrayLabel
-			}), /* @__PURE__ */ jsx("div", {
-				className: baseKey ? `pl-4 mt-1 border-l ${defaultBorderMixin}` : "",
-				children: data.map((item, index) => {
-					if (item === null || item === void 0) return null;
-					const currentKey = baseKey ? `${baseKey}[${index}]` : `[${index}]`;
-					return /* @__PURE__ */ jsxs("div", {
-						className: "py-1",
-						children: [/* @__PURE__ */ jsx(Typography, {
-							variant: "caption",
-							color: "secondary",
-							component: "span",
-							children: isArrayOfMaps && ofProp?.name ? `${ofProp.name} [${index}]` : `[${index}]`
-						}), /* @__PURE__ */ jsx("div", {
-							className: `pl-4 mt-1 border-l ${defaultBorderMixin}`,
-							children: /* @__PURE__ */ jsx(PropertyCollectionView, {
-								data: item,
-								properties,
-								baseKey: currentKey,
-								suppressHeader: true,
-								size
-							})
-						})]
-					}, currentKey);
-				})
-			})]
-		});
-	}
-	if (typeof data === "object" && data !== null) {
-		const { label, property } = baseKey ? buildPropertyLabelAndGetProperty(properties, baseKey) : {
-			label: "",
-			property: void 0
-		};
-		if (baseKey && (!property || property.type !== "map" || !property.properties)) {
-			if (!property) return null;
-			return /* @__PURE__ */ jsxs("div", {
-				className: `grid grid-cols-12 gap-x-4 ${isTopLevel ? "py-4" : "py-2"} items-start ${isTopLevel ? `border-b ${defaultBorderMixin} last:border-b-0` : ""}`,
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "col-span-4 pr-2",
-					children: /* @__PURE__ */ jsx(Typography, {
-						variant: "caption",
-						color: "secondary",
-						component: "span",
-						className: "break-words",
-						children: label
-					})
-				}), /* @__PURE__ */ jsx("div", {
-					className: "col-span-8",
-					children: /* @__PURE__ */ jsx(PropertyPreview, {
-						propertyKey: baseKey,
-						value: data,
-						property,
-						size
+						children: getIcon(action.icon, void 0, void 0, "smallest")
 					})
-				})]
-			});
-		}
-		const showMapHeader = baseKey && !suppressHeader && property?.type === "map" && (property.name || !pathEndsWithIndex(baseKey));
-		const headerText = property?.name || label;
-		return /* @__PURE__ */ jsxs("div", {
-			className: `${isTopLevel ? "py-4" : "py-1"} ${isTopLevel ? `border-b ${defaultBorderMixin} last:border-b-0` : ""}`,
-			children: [showMapHeader && /* @__PURE__ */ jsx(Typography, {
-				variant: "caption",
-				color: "secondary",
-				component: "span",
-				children: headerText
-			}), /* @__PURE__ */ jsx("div", {
-				className: baseKey ? `pl-4 mt-1 border-l ${defaultBorderMixin}` : "",
-				children: Object.entries(data).map(([key, value]) => {
-					if (value === null || value === void 0) return null;
-					if (baseKey === "" && !properties[key]) return null;
-					const currentKey = baseKey ? `${baseKey}.${key}` : key;
-					return /* @__PURE__ */ jsx(PropertyCollectionView, {
-						data: value,
-						properties,
-						baseKey: currentKey,
-						size
-					}, currentKey);
-				})
-			})]
-		});
-	}
-	if (baseKey) {
-		const { label, property } = buildPropertyLabelAndGetProperty(properties, baseKey);
-		if (!property) return null;
-		return /* @__PURE__ */ jsxs("div", {
-			className: `grid grid-cols-12 gap-x-4 ${isTopLevel ? "py-4" : "py-2"} items-start ${isTopLevel ? `border-b ${defaultBorderMixin} last:border-b-0` : ""}`,
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "col-span-4 pr-2",
-				children: /* @__PURE__ */ jsx(Typography, {
-					variant: "caption",
-					color: "secondary",
-					component: "span",
-					className: "break-words",
-					children: label
-				})
-			}), /* @__PURE__ */ jsx("div", {
-				className: "col-span-8",
-				children: /* @__PURE__ */ jsx(PropertyPreview, {
-					propertyKey: baseKey,
-					value: data,
-					property,
-					size
-				})
-			})]
-		});
-	}
-	return null;
-};
+				}, action.key ?? index))
+			})
+		]
+	});
+});
 //#endregion
 //#region src/components/EntityViewBinding.tsx
+/** Nothing can be in error in a view that cannot be submitted. */
+var NO_ERRORS = /* @__PURE__ */ new Set();
+/**
+* The fields the read-only view lays out, in render order.
+*
+* The same set the form uses, minus the `additionalFields` when there is no
+* form context to hand them: those entries are arbitrary components, not
+* values, and one rendered against no context is nothing at all. They are
+* dropped *before* the layout resolves rather than skipped while rendering,
+* because the resolver has by then given each of them a full row — skipping
+* later leaves that row as a hole in the grid.
+*/
+function readOnlyFieldKeys(collection, hasFormContext) {
+	const keys = getFormFieldKeys(collection);
+	if (hasFormContext) return keys;
+	const additional = new Set((collection.additionalFields ?? []).map((field) => field.key));
+	return keys.filter((key) => !additional.has(key));
+}
 /**
 * The read-only rendering of a record's values.
 *
-* This used to prepend a synthetic `Id` row of its own. Between that row, the
-* collection's own id property, and the `path/id` chip above it, the same UUID
-* appeared three times — and in the ~340px split pane each copy wrapped over
-* four lines, so most of the first screen was one id repeated. The id is now a
-* copyable chip in the identity bar, once.
+* This is the same layout as {@link EntityForm}: the sections, the grid spans,
+* the labels and the rail all come from the one resolver, so the record does
+* not rearrange itself when you press Edit. Only the controls differ — each
+* field renders its {@link PropertyPreview} instead of an input.
+*
+* It used to be a flat two-column table of every value in the record: no
+* grouping, no widths, a label column sized for short names and a value column
+* that wrapped emails over two lines while the pane beside it stayed empty. A
+* boolean and a markdown body were given the same room.
+*
+* The synthetic `Id` row it used to prepend is gone with the same reasoning the
+* form applies: between that row, the collection's own id property and the
+* `path/id` chip above them, one UUID appeared three times. The id is a
+* copyable chip in the identity bar, and the rail's record block, once each.
 */
-function EntityViewBinding({ entity, collection, path, className }) {
-	const customizationController = useCustomizationController();
-	const properties = React.useMemo(() => {
-		const entries = Object.entries(collection.properties ?? {});
-		const idKeys = entries.filter(([, p]) => p && "isId" in p && p.isId);
-		if (idKeys.length !== 1) return collection.properties;
-		return Object.fromEntries(entries.filter(([key]) => key !== idKeys[0][0]));
-	}, [collection.properties]);
-	const externalLink = customizationController?.entityLinkBuilder?.({ entity });
-	return /* @__PURE__ */ jsxs("div", {
-		className: "w-full " + (className ?? ""),
-		children: [externalLink && /* @__PURE__ */ jsx("div", {
-			className: "flex justify-end mb-2",
-			children: /* @__PURE__ */ jsx(Tooltip, {
-				title: "Open in the live site",
-				children: /* @__PURE__ */ jsx("a", {
-					href: externalLink,
-					rel: "noopener noreferrer",
-					target: "_blank",
-					children: /* @__PURE__ */ jsx(IconButton, {
-						size: "small",
-						children: /* @__PURE__ */ jsx(ExternalLinkIcon, {})
+function EntityViewBinding({ entity, collection, className, asPage = false, openEntityMode = "full_screen", formContext }) {
+	const externalLink = useCustomizationController()?.entityLinkBuilder?.({ entity });
+	const hasFormContext = Boolean(formContext);
+	const fieldKeys = useMemo(() => readOnlyFieldKeys(collection, hasFormContext), [collection, hasFormContext]);
+	const layout = useMemo(() => resolveFormLayout({
+		collection,
+		fieldKeys,
+		status: "existing"
+	}), [collection, fieldKeys]);
+	const containerRef = useRef(null);
+	const railVisible = useRailVisible(containerRef);
+	const showRail = asPage && layout.hasRail && railVisible;
+	const [collapsedSections, setCollapsedSections] = useState(() => new Set(layout.sections.filter((section) => section.collapsed).map((section) => section.key)));
+	const toggleSection = useCallback((key) => {
+		setCollapsedSections((prev) => {
+			const next = new Set(prev);
+			if (next.has(key)) next.delete(key);
+			else next.add(key);
+			return next;
+		});
+	}, []);
+	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
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "w-full",
+				children: /* @__PURE__ */ jsx(AdditionalFieldValue, {
+					field: additionalField,
+					entity,
+					context: additionalFieldContext
+				})
+			});
+			return /* @__PURE__ */ jsxs("div", {
+				className: spanClass(field.span),
+				children: [/* @__PURE__ */ jsx(LabelWithIconAndTooltip, {
+					propertyKey: field.key,
+					icon: /* @__PURE__ */ jsx(AlignLeftIcon, { size: iconSize.small }),
+					title: additionalField.name,
+					className: "text-text-secondary dark:text-text-secondary-dark"
+				}), /* @__PURE__ */ jsx("div", {
+					className: cls(paperMixin, "w-full min-h-14 p-4 md:p-6 overflow-x-auto no-scrollbar"),
+					children: /* @__PURE__ */ jsx(ErrorBoundary, { children: child })
+				})]
+			}, `additional_${field.key}`);
+		}
+		const property = collection.properties?.[field.key];
+		if (!property) return null;
+		return /* @__PURE__ */ jsx("div", {
+			className: spanClass(field.span),
+			children: /* @__PURE__ */ jsx(FieldBlock, {
+				propertyKey: field.key,
+				property,
+				showLabel: true,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "min-h-8 flex flex-col justify-center min-w-0 text-text-primary dark:text-text-primary-dark",
+					children: /* @__PURE__ */ jsx(PropertyPreview, {
+						propertyKey: field.key,
+						value: getValueInPath(entity.values, field.key),
+						property,
+						hideLabel: true,
+						size: "medium"
 					})
 				})
 			})
-		}), /* @__PURE__ */ jsx(PropertyCollectionView, {
-			data: entity.values,
-			properties,
-			size: "medium"
+		}, `field_${field.key}`);
+	}, [
+		collection,
+		entity,
+		formContext
+	]);
+	const sections = showRail || !layout.sidebar.length ? layout.sections : [...layout.sections, {
+		key: "__rail",
+		title: "Settings",
+		collapsible: false,
+		collapsed: false,
+		fields: layout.sidebar
+	}];
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [externalLink && /* @__PURE__ */ jsx("div", {
+		className: "flex justify-end mb-2",
+		children: /* @__PURE__ */ jsx(Tooltip, {
+			title: "Open in the live site",
+			children: /* @__PURE__ */ jsx("a", {
+				href: externalLink,
+				rel: "noopener noreferrer",
+				target: "_blank",
+				children: /* @__PURE__ */ jsx(IconButton, {
+					size: "small",
+					children: /* @__PURE__ */ jsx(ExternalLinkIcon, {})
+				})
+			})
+		})
+	}), /* @__PURE__ */ jsx(FormSections, {
+		sections,
+		collapsed: collapsedSections,
+		onToggle: toggleSection,
+		errorKeys: NO_ERRORS,
+		renderField
+	})] });
+	if (!asPage) return /* @__PURE__ */ jsx("div", {
+		ref: containerRef,
+		className: cls("@container/col w-full min-w-0", className),
+		children: content
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		ref: containerRef,
+		className: cls("flex-1 flex flex-row w-full min-h-0", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "flex-1 min-w-0 overflow-y-auto flex justify-center items-start",
+			children: /* @__PURE__ */ jsx("div", {
+				className: cls("@container/col w-full max-w-3xl 2xl:max-w-4xl flex flex-col", openEntityMode === "dialog" ? "pt-5 pb-8 px-6 sm:px-8" : "pt-6 pb-12 px-5 sm:px-8"),
+				children: content
+			})
+		}), showRail && /* @__PURE__ */ jsx(FormRail, {
+			fields: layout.sidebar,
+			showRecordMeta: layout.showRecordMeta,
+			entity,
+			renderField
 		})]
 	});
 }
@@ -9542,7 +9701,7 @@ function EntityViewBinding({ entity, collection, path, className }) {
 * editing. They live here instead, and the left half of a bar that was
 * previously empty now does the work.
 */
-function EntityIdentityBar({ collection, title, entityId, status, dirty, saving, onSave, onDiscard, saveDisabled, hasErrors, onSaveAndClose, onBack, onInspect, onViewHistory, recordActions, pluginActions, trailing, leading }) {
+function EntityIdentityBar({ collection, collectionUrl, title, entityId, status, dirty, saving, onSave, onDiscard, saveDisabled, hasErrors, onSaveAndClose, onBack, onInspect, onViewHistory, recordActions, pluginActions, trailing, leading }) {
 	const { t } = useTranslation();
 	const saveLabel = status === "existing" ? t("save") : status === "copy" ? t("create_copy") : t("create");
 	const closeLabel = status === "existing" ? t("save_and_close") : status === "copy" ? t("create_copy_and_close") : t("create_and_close");
@@ -9560,7 +9719,15 @@ function EntityIdentityBar({ collection, title, entityId, status, dirty, saving,
 					children: /* @__PURE__ */ jsx(ArrowLeftIcon, { size: iconSize.smallest })
 				})
 			}),
-			/* @__PURE__ */ jsxs(Typography, {
+			collectionUrl ? /* @__PURE__ */ jsx(Link, {
+				to: collectionUrl,
+				className: "visited:text-inherit dark:visited:text-inherit hidden sm:block",
+				children: /* @__PURE__ */ jsxs(Typography, {
+					variant: "caption",
+					className: cls("text-text-disabled dark:text-text-disabled-dark whitespace-nowrap", "hover:text-text-primary dark:hover:text-text-primary-dark transition-colors"),
+					children: [collection.name, "\xA0/"]
+				})
+			}) : /* @__PURE__ */ jsxs(Typography, {
 				variant: "caption",
 				className: "text-text-disabled dark:text-text-disabled-dark whitespace-nowrap hidden sm:block",
 				children: [collection.name, "\xA0/"]
@@ -9696,9 +9863,11 @@ function SplitViewProvider({ value, children }) {
 * Closes the list of a split view, leaving the open record on its own.
 *
 * It leads the record's own app bar, where the breadcrumb starts — this is the
-* entity pane's old "Open full screen" button, moved to that edge and wearing an
-* X: closing the list and opening the record full screen are the same thing, so
-* there is one control and one route (`#full`) rather than two.
+* entity pane's old "Open full screen" button, moved to that edge and wearing a
+* double chevron pointing at the list it folds away: closing the list and
+* opening the record full screen are the same thing, so there is one control
+* and one route (`#full`) rather than two. Full screen carries the mirrored
+* chevron to bring the list back.
 */
 function SplitListCloseButton() {
 	const { t } = useTranslation();
@@ -9710,7 +9879,29 @@ function SplitListCloseButton() {
 			size: "small",
 			onClick: splitView.openFullScreen,
 			"aria-label": t("hide_list"),
-			children: /* @__PURE__ */ jsx(XIcon, { size: iconSize.smallest })
+			children: /* @__PURE__ */ jsx(ChevronsLeftIcon, { size: iconSize.smallest })
+		})
+	});
+}
+//#endregion
+//#region src/components/CollectionViewBinding/SplitListShowButton.tsx
+/**
+* Brings the list back beside a record that was opened full screen.
+*
+* The mirror of {@link SplitListCloseButton}: the same edge of the same bar,
+* the same double chevron pointing the other way, and the same single route —
+* showing the list is dropping the `#full` hash. It replaces the back arrow
+* where it applies, because the list it unfolds already holds the record.
+*/
+function SplitListShowButton({ onClick }) {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(Tooltip, {
+		title: t("show_list"),
+		children: /* @__PURE__ */ jsx(IconButton, {
+			size: "small",
+			onClick,
+			"aria-label": t("show_list"),
+			children: /* @__PURE__ */ jsx(ChevronsRightIcon, { size: iconSize.smallest })
 		})
 	});
 }
@@ -9744,7 +9935,7 @@ function JsonPreviewBinding({ values }) {
 }
 //#endregion
 //#region src/components/EntityInspector.tsx
-var EntityHistoryView = lazy(() => import("./history-D7L_JlLO.js").then((m) => ({ default: m.EntityHistoryView })));
+var EntityHistoryView = lazy(() => import("./history-JL1ZmSKD.js").then((m) => ({ default: m.EntityHistoryView })));
 /**
 * Raw values and revision history, as an inspector rather than as tabs.
 *
@@ -9820,6 +10011,36 @@ function EntityInspector({ tab, onTabChange, onClose, collection, entity, formCo
 	});
 }
 //#endregion
+//#region src/hooks/useEntityDisplayTitle.tsx
+/**
+* The heading for a record: the identity bar and the breadcrumb.
+*
+* Everything about *what a record is called* lives in {@link useEntityTitle}.
+* What is left here is the heading's own two rules, which are presentation, not
+* identity:
+*
+* The guard on `status` is the first. The title resolver returns the first
+* candidate carrying a value, and on a brand new entity the only values are the
+* property defaults — so creating a blog post opened a page headed **draft**,
+* the default of its `status` enum. A record that does not exist yet has no
+* name; it has an intent.
+*
+* The fallback is the second. A page needs a heading even when the record has
+* nothing readable in it, and the honest one is what kind of thing it is.
+*/
+function useEntityDisplayTitle({ collection, entity, values, status }) {
+	const isNew = status === "new";
+	const singular = collection.singularName ?? collection.name;
+	const { value: title } = useEntityTitle({
+		collection,
+		entity,
+		values,
+		enabled: !isNew
+	});
+	if (isNew) return `New ${singular.toLowerCase()}`;
+	return title ?? singular;
+}
+//#endregion
 //#region src/util/view_constants.ts
 /**
 * Shared tab value constants used by EditViewBinding and DetailViewBinding.
@@ -9850,7 +10071,7 @@ function DetailViewBinding({ entityId, ...props }) {
 		children: content
 	});
 }
-function DetailViewBindingInner({ path, entityId, selectedTab: selectedTabProp, collection, parentCollectionSlugs, parentEntityIds, onTabChange, onEditClick, entity, dataLoading, layout = "full_screen", barActions, barActionsStart }) {
+function DetailViewBindingInner({ path, entityId, selectedTab: selectedTabProp, collection, parentCollectionSlugs, parentEntityIds, onTabChange, onEditClick, entity, dataLoading, layout = "full_screen", barActions, barActionsStart, onShowList }) {
 	const ResolvedCollectionView = useComponentOverride("Collection.View", CollectionViewBinding);
 	const { t } = useTranslation();
 	const context = useRebaseContext();
@@ -9966,10 +10187,11 @@ function DetailViewBindingInner({ path, entityId, selectedTab: selectedTabProp,
 	]));
 	const formViewConfig = collection.formView;
 	const FormViewBuilder = formViewConfig?.Builder ? resolveComponentRef(formViewConfig.Builder) : null;
-	const titlePropertyKey = getEntityTitlePropertyKeyForEntity(collection, usedEntity?.values, usedEntity?.id);
-	const rawTitle = usedEntity?.values && titlePropertyKey ? getValueInPath(usedEntity.values, titlePropertyKey) : void 0;
-	const titleUser = useResolvedUser(isUserSelectProperty(collection, titlePropertyKey) && typeof rawTitle === "string" ? rawTitle : void 0);
-	const title = titleUser ? getUserLabel(titleUser) : rawTitle !== void 0 && rawTitle !== null ? resolveTitleToString(rawTitle) : collection.singularName ?? collection.name;
+	const title = useEntityDisplayTitle({
+		collection,
+		entity: usedEntity,
+		status: "existing"
+	});
 	const nonActionCustomViews = useMemo(() => resolvedEntityViews.filter((e) => !e.includeActions), [resolvedEntityViews]);
 	const customViewsView = customViews && nonActionCustomViews.map((customView) => {
 		if (!customView) return null;
@@ -10035,21 +10257,30 @@ function DetailViewBindingInner({ path, entityId, selectedTab: selectedTabProp,
 		collection
 	]);
 	const propertyDetailView = () => {
-		if (FormViewBuilder && usedEntity) return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Suspense, {
-			fallback: /* @__PURE__ */ jsx(CircularProgressCenter, {}),
-			children: /* @__PURE__ */ jsx(FormViewBuilder, {
-				collection,
-				parentCollectionSlugs,
-				parentEntityIds,
-				entity: usedEntity,
-				modifiedValues: usedEntity?.values,
-				formContext: readOnlyFormContext
+		if (FormViewBuilder && usedEntity) return /* @__PURE__ */ jsx("div", {
+			className: "flex-1 min-w-0 overflow-y-auto flex justify-center items-start",
+			children: /* @__PURE__ */ jsx("div", {
+				className: cls("w-full max-w-3xl 2xl:max-w-4xl flex flex-col", layout === "dialog" ? "pt-5 pb-12 px-6 sm:px-8" : "pt-6 pb-16 px-5 sm:px-8"),
+				children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Suspense, {
+					fallback: /* @__PURE__ */ jsx(CircularProgressCenter, {}),
+					children: /* @__PURE__ */ jsx(FormViewBuilder, {
+						collection,
+						parentCollectionSlugs,
+						parentEntityIds,
+						entity: usedEntity,
+						modifiedValues: usedEntity?.values,
+						formContext: readOnlyFormContext
+					})
+				}) })
 			})
-		}) });
+		});
 		return /* @__PURE__ */ jsx(Fragment, { children: usedEntity && /* @__PURE__ */ jsx(EntityViewBinding, {
 			entity: usedEntity,
 			collection,
-			path
+			path,
+			asPage: true,
+			openEntityMode: layout,
+			formContext: readOnlyFormContext
 		}) });
 	};
 	const subcollectionTabs = subcollections && subcollections.map((subcollection) => {
@@ -10085,15 +10316,8 @@ function DetailViewBindingInner({ path, entityId, selectedTab: selectedTabProp,
 			})
 		}, `entity_detail_collection_tab_${view.name}`);
 	});
-	const backToCollectionButton = layout === "full_screen" ? /* @__PURE__ */ jsx(Tooltip, {
-		title: t("back"),
-		children: /* @__PURE__ */ jsx(IconButton, {
-			size: "small",
-			"aria-label": t("back"),
-			onClick: () => navigate(urlController.buildUrlCollectionPath(path)),
-			children: /* @__PURE__ */ jsx(ArrowLeftIcon, { size: iconSize.smallest })
-		})
-	}) : null;
+	const collectionUrl = withViewMode(urlController.buildUrlCollectionPath(path));
+	const backToCollection = layout === "full_screen" && !onShowList ? () => navigate(collectionUrl) : void 0;
 	const fullScreenButton = !barActions && (layout === "side_panel" || layout === "dialog") && entityId ? /* @__PURE__ */ jsx(Tooltip, {
 		title: "Open full screen",
 		children: /* @__PURE__ */ jsx(IconButton, {
@@ -10114,29 +10338,31 @@ function DetailViewBindingInner({ path, entityId, selectedTab: selectedTabProp,
 		children: t("edit_entity")
 	}) : null;
 	const mainView = /* @__PURE__ */ jsx("div", {
-		className: cls("flex-1 flex flex-row w-full overflow-y-auto justify-center", !mainViewVisible ? "hidden" : ""),
-		children: /* @__PURE__ */ jsx("div", {
-			className: cls("w-full max-w-3xl 2xl:max-w-4xl flex flex-col", layout === "dialog" ? "pt-5 pb-12 px-6 sm:px-8" : "pt-6 pb-16 px-5 sm:px-8"),
-			children: propertyDetailView()
-		})
+		className: cls("flex-1 flex flex-row w-full min-h-0", !mainViewVisible ? "hidden" : ""),
+		children: propertyDetailView()
 	});
 	let result = /* @__PURE__ */ jsxs("div", {
 		className: "relative flex flex-col h-full w-full bg-white dark:bg-surface-800",
 		children: [
 			/* @__PURE__ */ jsx(EntityIdentityBar, {
 				collection,
+				collectionUrl: layout === "full_screen" || layout === "split" ? collectionUrl : void 0,
 				title,
 				entityId,
 				status: "existing",
 				dirty: false,
 				saving: false,
+				onBack: backToCollection,
 				onInspect: includeJsonView ? () => setInspectorTab("json") : void 0,
 				onViewHistory: includeHistoryView ? () => setInspectorTab("history") : void 0,
-				leading: /* @__PURE__ */ jsxs(Fragment, { children: [barActionsStart, layout === "split" && /* @__PURE__ */ jsx(SplitListCloseButton, {})] }),
+				leading: /* @__PURE__ */ jsxs(Fragment, { children: [
+					barActionsStart,
+					layout === "split" && /* @__PURE__ */ jsx(SplitListCloseButton, {}),
+					layout === "full_screen" && onShowList && /* @__PURE__ */ jsx(SplitListShowButton, { onClick: onShowList })
+				] }),
 				trailing: /* @__PURE__ */ jsxs(Fragment, { children: [
 					editButton,
 					pluginActionsTop,
-					backToCollectionButton,
 					fullScreenButton,
 					barActions?.({
 						path,
@@ -10552,12 +10778,7 @@ function SplitListView({ collection, tableController, onEntityClick: externalOnE
 */
 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), [
-		entity,
-		collection,
-		slotKeys
-	]);
+	const slots = useEntitySlots(entity, collection, useCollectionSlotKeys(collection, useAuthController(), useCustomizationController().propertyConfigs));
 	const handleClick = useCallback((e) => {
 		if ((e.metaKey || e.ctrlKey) && selectionEnabled) {
 			e.preventDefault();
@@ -10614,11 +10835,9 @@ function BoardCardBindingInner({ item, isDragging, isGroupedOver, style, collect
 				onClick: handleThumbnailClick,
 				children: [slots.image ? /* @__PURE__ */ jsx("div", {
 					className: cls("w-10 h-10 rounded-md overflow-hidden transition-opacity duration-200", selectionEnabled && "group-hover/card:opacity-30", selected && "opacity-0"),
-					children: /* @__PURE__ */ jsx(PropertyPreview, {
-						property: slots.image.property,
-						propertyKey: slots.image.propertyKey,
+					children: /* @__PURE__ */ jsx(SlotValue, {
+						slot: slots.image,
 						size: "small",
-						value: slots.image.value,
 						fill: true
 					})
 				}) : /* @__PURE__ */ jsx("div", {
@@ -10645,10 +10864,8 @@ function BoardCardBindingInner({ item, isDragging, isGroupedOver, style, collect
 				children: [
 					/* @__PURE__ */ jsx("div", {
 						className: "line-clamp-2 text-sm font-medium",
-						children: slots.title ? /* @__PURE__ */ jsx(PropertyPreview, {
-							propertyKey: slots.title.propertyKey,
-							value: slots.title.value,
-							property: slots.title.property,
+						children: slots.title ? /* @__PURE__ */ jsx(SlotValue, {
+							slot: slots.title,
 							size: "small"
 						}) : /* @__PURE__ */ jsx("span", {
 							className: "text-surface-500",
@@ -10660,10 +10877,8 @@ function BoardCardBindingInner({ item, isDragging, isGroupedOver, style, collect
 						children: typeof slots.subtitle.value === "string" ? /* @__PURE__ */ jsx(Markdown, {
 							source: slots.subtitle.value,
 							size: "small"
-						}) : /* @__PURE__ */ jsx(PropertyPreview, {
-							propertyKey: slots.subtitle.propertyKey,
-							value: slots.subtitle.value,
-							property: slots.subtitle.property,
+						}) : /* @__PURE__ */ jsx(SlotValue, {
+							slot: slots.subtitle,
 							size: "small"
 						})
 					}) : /* @__PURE__ */ jsx("div", {
@@ -11324,14 +11539,14 @@ function CollectionBoardViewBinding({ collection, tableController, fullPath, par
 	const rawOrderProperty = collection.orderProperty;
 	const orderProperty = useMemo(() => {
 		if (!rawOrderProperty) return void 0;
-		if (!getPropertyInPath(collection.properties, rawOrderProperty)) {
+		if (!getPropertyInPath$1(collection.properties, rawOrderProperty)) {
 			console.warn(`orderProperty "${rawOrderProperty}" is defined but does not exist in the collection properties. Treating as unconfigured.`);
 			return;
 		}
 		return rawOrderProperty;
 	}, [rawOrderProperty, collection.properties]);
 	const { enumColumns, columnLabels, columnColors } = useMemo(() => {
-		const property = getPropertyInPath(collection.properties, columnProperty);
+		const property = getPropertyInPath$1(collection.properties, columnProperty);
 		if (!property || !("type" in property) || property.type !== "string") return {
 			enumColumns: [],
 			columnLabels: {}
@@ -12722,7 +12937,7 @@ function PopupFormFieldInternal({ tableKey, entityId, customFieldValidator, prop
 		openEntityMode: "side_panel",
 		disabled: false
 	};
-	const property = propertyKey && getPropertyInPath(collection?.properties ?? {}, propertyKey);
+	const property = propertyKey && getPropertyInPath$1(collection?.properties ?? {}, propertyKey);
 	const fieldProps = propertyKey && property ? {
 		propertyKey,
 		disabled: isSubmitting || isReadOnly(property) || !!property.admin?.disabled,
@@ -13716,7 +13931,7 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 	}, [userConfigPersistence]);
 	const onColumnResize = useCallback(({ width, key }) => {
 		const collection = collectionRef.current;
-		if (!getPropertyInPath(collection.properties, key)) return;
+		if (!getPropertyInPath$1(collection.properties, key)) return;
 		const localCollection = buildPropertyWidthOverwrite(key, width);
 		onCollectionModifiedForUser(path, localCollection);
 	}, [onCollectionModifiedForUser, path]);
@@ -13762,7 +13977,7 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 	const resolvedCollection = collection;
 	useMemo(() => {
 		if (!collection.kanban?.columnProperty) return false;
-		const property = getPropertyInPath(resolvedCollection.properties, collection.kanban.columnProperty);
+		const property = getPropertyInPath$1(resolvedCollection.properties, collection.kanban.columnProperty);
 		if (!property || property.type !== "string") return false;
 		return Boolean("enum" in property && property.enum);
 	}, [collection.kanban?.columnProperty, resolvedCollection.properties]);
@@ -13827,8 +14042,8 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 		analyticsController
 	]);
 	const getPropertyFor = useCallback(({ propertyKey, entity }) => {
-		let property = getPropertyInPath(collection.properties, propertyKey);
-		if (!property) property = getPropertyInPath(resolvedCollection.properties, propertyKey);
+		let property = getPropertyInPath$1(collection.properties, propertyKey);
+		if (!property) property = getPropertyInPath$1(resolvedCollection.properties, propertyKey);
 		return property ?? null;
 	}, [collection.properties, resolvedCollection.properties]);
 	const displayedColumnIds = useColumnIds(useMemo(() => {
@@ -13967,7 +14182,7 @@ var CollectionViewBindingInner = React.memo(function CollectionViewBindingInner(
 	} : void 0;
 	const onColumnsOrderChange = useCallback((newColumns) => {
 		const seenKeys = /* @__PURE__ */ new Set();
-		const newPropertiesOrder = newColumns.filter((col) => !col.frozen && getPropertyInPath(collection.properties, col.key)).map((col) => col.key).filter((key) => {
+		const newPropertiesOrder = newColumns.filter((col) => !col.frozen && getPropertyInPath$1(collection.properties, col.key)).map((col) => col.key).filter((key) => {
 			if (seenKeys.has(key)) return false;
 			seenKeys.add(key);
 			return true;
@@ -14641,31 +14856,6 @@ function useRecordActions({ collection, path, entity }) {
 	]);
 }
 //#endregion
-//#region src/hooks/useEntityDisplayTitle.tsx
-/**
-* The human name for a record, for the identity bar and the breadcrumb.
-*
-* The guard on `status` is the point. The title resolver walks candidate
-* properties and returns the first non-empty one, and on a brand new entity the
-* only populated values are the property defaults — so creating a blog post
-* opened a page headed **draft**, the default of its `status` enum. A record
-* that does not exist yet has no name; it has an intent.
-*/
-function useEntityDisplayTitle({ collection, values, entityId, status }) {
-	const isNew = status === "new";
-	const titlePropertyKey = getEntityTitlePropertyKeyForEntity(collection, values, entityId);
-	const rawTitle = !isNew && values && titlePropertyKey ? getValueInPath(values, titlePropertyKey) : void 0;
-	const titleUser = useResolvedUser(isUserSelectProperty(collection, titlePropertyKey) && typeof rawTitle === "string" ? rawTitle : void 0);
-	const singular = collection.singularName ?? collection.name;
-	if (isNew) return `New ${singular.toLowerCase()}`;
-	if (titleUser) return getUserLabel(titleUser);
-	if (rawTitle !== void 0 && rawTitle !== null) {
-		const resolved = resolveTitleToString(rawTitle);
-		if (resolved) return resolved;
-	}
-	return singular;
-}
-//#endregion
 //#region src/components/EditViewBinding.tsx
 /**
 * This is the default view that is used as the content of a side panel when
@@ -14715,7 +14905,7 @@ function EditViewBinding({ entityId, ...props }) {
 		children: content
 	});
 }
-function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, collection, parentCollectionSlugs, parentEntityIds, onValuesModified, onSaved, onTabChange, navigateBack, entity, initialDirtyValues, dataLoading, layout = "side_panel", barActions, barActionsStart, status, setStatus, formProps, canEdit }) {
+function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, collection, parentCollectionSlugs, parentEntityIds, onValuesModified, onSaved, onTabChange, navigateBack, entity, initialDirtyValues, dataLoading, layout = "side_panel", barActions, barActionsStart, onShowList, status, setStatus, formProps, canEdit }) {
 	const ResolvedFormActions = useComponentOverride("EditView.FormActions", EditFormActions);
 	const ResolvedEntityForm = useComponentOverride("Entity.Form", EntityFormBinding);
 	const ResolvedCollectionView = useComponentOverride("Collection.View", CollectionViewBinding);
@@ -14860,8 +15050,8 @@ function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, co
 	const globalLoading = dataLoading && !usedEntity || canEdit === void 0 && (status === "existing" || status === "copy");
 	const displayTitle = useEntityDisplayTitle({
 		collection,
+		entity: usedEntity,
 		values: formContext?.values ?? usedEntity?.values,
-		entityId,
 		status
 	});
 	const formex = formContext?.formex;
@@ -14927,48 +15117,43 @@ function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, co
 		if (status === "existing") onTabChange?.({
 			path,
 			entityId,
-			selectedTab: value === "__main_##Q$SC^#S6" ? void 0 : value,
-			collection
-		});
-	}, [
-		status,
-		onTabChange,
-		path,
-		entityId,
-		collection
-	]);
-	const formViewConfig = collection.formView;
-	const FormViewBuilder = formViewConfig?.Builder ? resolveComponentRef(formViewConfig.Builder) : null;
-	formViewConfig?.includeActions;
-	const entityReadOnlyView = !canEdit && entity ? /* @__PURE__ */ jsx("div", {
-		className: cls("flex-1 flex flex-row w-full overflow-y-auto justify-center", canEdit || !mainViewVisible || selectedSecondaryForm ? "hidden" : ""),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: cls("relative flex flex-col max-w-4xl lg:max-w-3xl xl:max-w-4xl 2xl:max-w-6xl w-full h-fit"),
-			children: [
-				/* @__PURE__ */ jsx(Typography, {
-					className: "mt-16 mb-8 mx-8",
-					variant: "h4",
-					children: collection.singularName ?? collection.name
-				}),
-				FormViewBuilder && readOnlyFormContext ? /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Suspense, {
-					fallback: /* @__PURE__ */ jsx(CircularProgressCenter, {}),
-					children: /* @__PURE__ */ jsx(FormViewBuilder, {
-						collection,
-						parentCollectionSlugs,
-						parentEntityIds,
-						entity: usedEntity,
-						modifiedValues: usedEntity?.values,
-						formContext: readOnlyFormContext
-					})
-				}) }) : /* @__PURE__ */ jsx(EntityViewBinding, {
-					className: "px-8 h-full overflow-auto",
-					entity,
-					path,
-					collection
-				}),
-				/* @__PURE__ */ jsx("div", { className: "h-16" })
-			]
+			selectedTab: value === "__main_##Q$SC^#S6" ? void 0 : value,
+			collection
+		});
+	}, [
+		status,
+		onTabChange,
+		path,
+		entityId,
+		collection
+	]);
+	const formViewConfig = collection.formView;
+	const FormViewBuilder = formViewConfig?.Builder ? resolveComponentRef(formViewConfig.Builder) : null;
+	formViewConfig?.includeActions;
+	const entityReadOnlyView = !canEdit && entity ? FormViewBuilder && readOnlyFormContext ? /* @__PURE__ */ jsx("div", {
+		className: cls("flex-1 flex flex-row w-full overflow-y-auto justify-center", canEdit || !mainViewVisible || selectedSecondaryForm ? "hidden" : ""),
+		children: /* @__PURE__ */ jsx("div", {
+			className: "w-full max-w-3xl 2xl:max-w-4xl flex flex-col pt-6 pb-16 px-5 sm:px-8",
+			children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Suspense, {
+				fallback: /* @__PURE__ */ jsx(CircularProgressCenter, {}),
+				children: /* @__PURE__ */ jsx(FormViewBuilder, {
+					collection,
+					parentCollectionSlugs,
+					parentEntityIds,
+					entity: usedEntity,
+					modifiedValues: usedEntity?.values,
+					formContext: readOnlyFormContext
+				})
+			}) })
 		})
+	}) : /* @__PURE__ */ jsx(EntityViewBinding, {
+		className: cls(canEdit || !mainViewVisible || selectedSecondaryForm ? "hidden" : ""),
+		entity,
+		path,
+		collection,
+		asPage: true,
+		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" : ""),
@@ -15071,6 +15256,7 @@ function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, co
 		children: [
 			/* @__PURE__ */ jsx(EntityIdentityBar, {
 				collection,
+				collectionUrl: layout === "full_screen" || layout === "split" ? withViewMode(urlController.buildUrlCollectionPath(path)) : void 0,
 				title: displayTitle,
 				entityId: status === "existing" ? entityId : void 0,
 				status,
@@ -15078,7 +15264,7 @@ function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, co
 				saving: Boolean(formContext?.isSaving),
 				hasErrors: hasFormErrors,
 				saveDisabled: !canEdit || saveDisabled,
-				onBack: layout === "full_screen" ? () => navigate(withViewMode(urlController.buildUrlCollectionPath(path))) : void 0,
+				onBack: layout === "full_screen" && !onShowList ? () => navigate(withViewMode(urlController.buildUrlCollectionPath(path))) : void 0,
 				onSave: canEdit && formContext ? () => {
 					sideDialogContext.setPendingClose?.(false);
 					formContext.submit();
@@ -15092,7 +15278,11 @@ function EditViewBindingInner({ path, entityId, selectedTab: selectedTabProp, co
 				onViewHistory: includeHistoryView ? () => setInspectorTab("history") : void 0,
 				recordActions: recordActionItems,
 				pluginActions: formPluginActions,
-				leading: /* @__PURE__ */ jsxs(Fragment, { children: [barActionsStart, layout === "split" && /* @__PURE__ */ jsx(SplitListCloseButton, {})] }),
+				leading: /* @__PURE__ */ jsxs(Fragment, { children: [
+					barActionsStart,
+					layout === "split" && /* @__PURE__ */ jsx(SplitListCloseButton, {}),
+					layout === "full_screen" && onShowList && /* @__PURE__ */ jsx(SplitListShowButton, { onClick: onShowList })
+				] }),
 				trailing: /* @__PURE__ */ jsxs(Fragment, { children: [
 					pluginActionsTop,
 					fullScreenButton,
@@ -15877,10 +16067,11 @@ function useBuildCollectionRegistryController(props) {
 		if (pathSegments.length > 0 && pathSegments.length % 2 === 0) collectionPath = pathSegments.slice(0, -1).join("/");
 		if (!collectionPath) return void 0;
 		let collection;
-		try {
+		collection = registry.get(collectionPath);
+		if (!collection) try {
 			collection = registry.resolvePathToCollections(collectionPath).finalCollection;
 		} catch (e) {
-			console.debug(`Could not resolve path to collection: ${collectionPath}`, e);
+			console.warn(`[rebase] Could not resolve a collection for "${collectionPath}"`, e);
 			return;
 		}
 		if (!collection) return;
@@ -20310,6 +20501,213 @@ function buildBottomActions({ savingError, entity, path, formActions, collection
 	});
 }
 //#endregion
+//#region src/components/PropertyCollectionView.tsx
+/**
+* Build a readable label for a path and resolve the property
+* Supports map and array (including arrays of maps)
+*/
+function buildPropertyLabelAndGetProperty(properties, key) {
+	if (!key) return {
+		label: "",
+		property: void 0
+	};
+	const segments = [];
+	const re = /([^[.\]]+)|\[(\d+)\]/g;
+	let m;
+	while ((m = re.exec(key)) !== null) if (m[1] !== void 0) segments.push(m[1]);
+	else if (m[2] !== void 0) segments.push(Number(m[2]));
+	let currentProps = properties;
+	let currentProp;
+	let lastLabel = "";
+	const getArrayOfProp = (p) => {
+		if (!p || p.type !== "array") return void 0;
+		return Array.isArray(p.of) ? p.of[0] : p.of;
+	};
+	for (const seg of segments) {
+		if (typeof seg === "number") {
+			lastLabel = `[${seg}]`;
+			if (currentProp?.type === "array") {
+				currentProp = getArrayOfProp(currentProp);
+				if (currentProp?.type === "map" && currentProp.properties) currentProps = currentProp.properties;
+				else currentProps = void 0;
+			} else {
+				currentProp = void 0;
+				currentProps = void 0;
+			}
+			continue;
+		}
+		if (currentProps && currentProps[seg]) {
+			const nextProp = currentProps[seg];
+			currentProp = nextProp;
+			lastLabel = nextProp.name || String(seg);
+			if (nextProp.type === "map" && nextProp.properties) currentProps = nextProp.properties;
+			else if (nextProp.type === "array") currentProps = void 0;
+			else currentProps = void 0;
+		} else {
+			currentProp = void 0;
+			currentProps = void 0;
+			lastLabel = String(seg);
+		}
+	}
+	return {
+		label: lastLabel,
+		property: currentProp
+	};
+}
+var pathEndsWithIndex = (p) => /\[\d+\]$/.test(p);
+/**
+* Improved simple layout for nested changes:
+* - Map or Array-of-Map -> section header + indented rows
+* - Leaf or Array-of-Primitives -> single row with label and value
+*/
+var PropertyCollectionView = ({ data, properties, baseKey = "", suppressHeader = false, size = "small" }) => {
+	const isTopLevel = !!baseKey && !baseKey.includes(".") && !baseKey.includes("[");
+	if (Array.isArray(data)) {
+		const { label: arrayLabel, property } = baseKey ? buildPropertyLabelAndGetProperty(properties, baseKey) : {
+			label: "",
+			property: void 0
+		};
+		const ofProp = property?.type === "array" ? Array.isArray(property.of) ? property.of[0] : property.of : void 0;
+		const isArrayOfMaps = ofProp?.type === "map";
+		const isArrayOfPrimitives = property?.type === "array" && ofProp && ofProp.type !== "map";
+		const isRelationArray = property?.type === "relation";
+		if (baseKey && property && (isArrayOfPrimitives || isRelationArray)) return /* @__PURE__ */ jsxs("div", {
+			className: `grid grid-cols-12 gap-x-4 ${isTopLevel ? "py-4" : "py-2"} items-start ${isTopLevel ? `border-b ${defaultBorderMixin} last:border-b-0` : ""}`,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "col-span-4 pr-2",
+				children: /* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					color: "secondary",
+					component: "span",
+					className: "break-words",
+					children: arrayLabel
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				className: "col-span-8",
+				children: /* @__PURE__ */ jsx(PropertyPreview, {
+					propertyKey: baseKey,
+					value: data,
+					property,
+					size
+				})
+			})]
+		});
+		return /* @__PURE__ */ jsxs("div", {
+			className: `${isTopLevel ? "py-4" : "py-1"} ${isTopLevel ? `border-b ${defaultBorderMixin} last:border-b-0` : ""}`,
+			children: [baseKey && arrayLabel && !suppressHeader && /* @__PURE__ */ jsx(Typography, {
+				variant: "caption",
+				color: "secondary",
+				component: "span",
+				children: arrayLabel
+			}), /* @__PURE__ */ jsx("div", {
+				className: baseKey ? `pl-4 mt-1 border-l ${defaultBorderMixin}` : "",
+				children: data.map((item, index) => {
+					if (item === null || item === void 0) return null;
+					const currentKey = baseKey ? `${baseKey}[${index}]` : `[${index}]`;
+					return /* @__PURE__ */ jsxs("div", {
+						className: "py-1",
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							color: "secondary",
+							component: "span",
+							children: isArrayOfMaps && ofProp?.name ? `${ofProp.name} [${index}]` : `[${index}]`
+						}), /* @__PURE__ */ jsx("div", {
+							className: `pl-4 mt-1 border-l ${defaultBorderMixin}`,
+							children: /* @__PURE__ */ jsx(PropertyCollectionView, {
+								data: item,
+								properties,
+								baseKey: currentKey,
+								suppressHeader: true,
+								size
+							})
+						})]
+					}, currentKey);
+				})
+			})]
+		});
+	}
+	if (typeof data === "object" && data !== null) {
+		const { label, property } = baseKey ? buildPropertyLabelAndGetProperty(properties, baseKey) : {
+			label: "",
+			property: void 0
+		};
+		if (baseKey && (!property || property.type !== "map" || !property.properties)) {
+			if (!property) return null;
+			return /* @__PURE__ */ jsxs("div", {
+				className: `grid grid-cols-12 gap-x-4 ${isTopLevel ? "py-4" : "py-2"} items-start ${isTopLevel ? `border-b ${defaultBorderMixin} last:border-b-0` : ""}`,
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "col-span-4 pr-2",
+					children: /* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						color: "secondary",
+						component: "span",
+						className: "break-words",
+						children: label
+					})
+				}), /* @__PURE__ */ jsx("div", {
+					className: "col-span-8",
+					children: /* @__PURE__ */ jsx(PropertyPreview, {
+						propertyKey: baseKey,
+						value: data,
+						property,
+						size
+					})
+				})]
+			});
+		}
+		const showMapHeader = baseKey && !suppressHeader && property?.type === "map" && (property.name || !pathEndsWithIndex(baseKey));
+		const headerText = property?.name || label;
+		return /* @__PURE__ */ jsxs("div", {
+			className: `${isTopLevel ? "py-4" : "py-1"} ${isTopLevel ? `border-b ${defaultBorderMixin} last:border-b-0` : ""}`,
+			children: [showMapHeader && /* @__PURE__ */ jsx(Typography, {
+				variant: "caption",
+				color: "secondary",
+				component: "span",
+				children: headerText
+			}), /* @__PURE__ */ jsx("div", {
+				className: baseKey ? `pl-4 mt-1 border-l ${defaultBorderMixin}` : "",
+				children: Object.entries(data).map(([key, value]) => {
+					if (value === null || value === void 0) return null;
+					if (baseKey === "" && !properties[key]) return null;
+					const currentKey = baseKey ? `${baseKey}.${key}` : key;
+					return /* @__PURE__ */ jsx(PropertyCollectionView, {
+						data: value,
+						properties,
+						baseKey: currentKey,
+						size
+					}, currentKey);
+				})
+			})]
+		});
+	}
+	if (baseKey) {
+		const { label, property } = buildPropertyLabelAndGetProperty(properties, baseKey);
+		if (!property) return null;
+		return /* @__PURE__ */ jsxs("div", {
+			className: `grid grid-cols-12 gap-x-4 ${isTopLevel ? "py-4" : "py-2"} items-start ${isTopLevel ? `border-b ${defaultBorderMixin} last:border-b-0` : ""}`,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "col-span-4 pr-2",
+				children: /* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					color: "secondary",
+					component: "span",
+					className: "break-words",
+					children: label
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				className: "col-span-8",
+				children: /* @__PURE__ */ jsx(PropertyPreview, {
+					propertyKey: baseKey,
+					value: data,
+					property,
+					size
+				})
+			})]
+		});
+	}
+	return null;
+};
+//#endregion
 //#region src/form/components/LocalChangesMenu.tsx
 function LocalChangesMenu({ cachedData, formex, onClearLocalChanges, cacheKey, properties }) {
 	const snackbarController = useSnackbarController();
@@ -20775,10 +21173,11 @@ function EntityForm({ path, entityId: entityIdProp, collection, onValuesModified
 				context: additionalFieldContext
 			}) : /* @__PURE__ */ jsx("div", {
 				className: "w-full",
-				children: additionalField.value?.({
+				children: /* @__PURE__ */ jsx(AdditionalFieldValue, {
+					field: additionalField,
 					entity,
 					context: additionalFieldContext
-				})?.toString()
+				})
 			});
 			return /* @__PURE__ */ jsxs("div", {
 				className: spanClass(field.span),
@@ -20956,24 +21355,6 @@ function EntityForm({ path, entityId: entityIdProp, collection, onValuesModified
 		})
 	});
 }
-/**
-* Grid placement for a span.
-*
-* Written out as literal class strings rather than composed, because Tailwind
-* scans source text: a template literal would produce classes that exist at
-* runtime and were never generated into the stylesheet.
-*
-* Below the column breakpoint every field takes the single available column, so
-* the side panel, the dialog and mobile all get a plain stack.
-*/
-function spanClass(span) {
-	switch (span) {
-		case 1: return "@2xl/col:col-span-1";
-		case 2: return "@2xl/col:col-span-2";
-		case 3: return "@2xl/col:col-span-3";
-		case 4: return "@2xl/col:col-span-4";
-	}
-}
 function useOnAutoSave(autoSave, formex, lastSavedValues, save) {
 	useEffect(() => {
 		if (!autoSave) return;
@@ -22087,6 +22468,6 @@ function getFullIdPath(propertyKey, propertyNamespace) {
 	return idToPropertiesPath(propertyNamespace ? `${propertyNamespace}.${propertyKey}` : propertyKey);
 }
 //#endregion
-export { useBuildCollectionRegistryController as $, sanitizeUrl as $n, CollectionTableBinding as $t, getFieldId as A, ArrayOfReferencesPreview as An, convertFileToJson as At, MapFieldBinding as B, getEntityTitlePropertyKeyForEntity as Bn, mergeEntityActions as Bt, removeEmptyContainers as C, MapPropertyPreview as Cn, convertDataToEntity as Ct, getDefaultFieldConfig as D, ArrayEnumPreview as Dn, useImportConfig as Dt, DEFAULT_FIELD_CONFIGS as E, ArrayPropertyEnumPreview as En, getInferenceType as Et, SelectFieldBinding as F, useSidePanel as Fn, FieldCaption as Ft, useSelectionDialog as G, StorageThumbnailInternal as Gn, removeInitialAndTrailingSlashes$1 as Gt, DateTimeFieldBinding as H, StringPropertyPreview as Hn, getCollectionBySlugWithin as Ht, RepeatFieldBinding as I, CollectionRegistryContext as In, useBreadcrumbsController as It, useBuildUrlController as J, renderSkeletonIcon as Jn, resolveCollectionPathIds$1 as Jt, SelectionTableBinding as K, SkeletonPropertyComponent as Kn, removeInitialSlash as Kt, ReferenceFieldBinding as L, useCollectionRegistryController as Ln, BreadcrumbsProvider as Lt, TextFieldBinding as M, ReferencePreview as Mn, ArrayContainer as Mt, SwitchFieldBinding as N, EntityPreviewBinding as Nn, PropertyConfigBadge as Nt, getDefaultFieldId as O, ArrayOfStorageComponentsPreview as On, ImportSaveInProgress as Ot, StorageUploadFieldBinding as P, SidePanelControllerContext as Pn, SearchIconsView as Pt, useResolvedCollections as Q, ImagePreview as Qn, VirtualTableInput$1 as Qt, MultiSelectFieldBinding as R, getEntityPreviewKeys as Rn, resolveEntityAction as Rt, getInitialEntityValues as S, KeyValuePreview as Sn, DataNewPropertiesMapping as St, PropertyFieldBinding as T, ArrayOfStringsPreview as Tn, processValueMapping as Tt, BlockFieldBinding as U, EnumValuesChip as Un, getCollectionPathsCombinations as Ut, KeyValueFieldBinding as V, ArrayPropertyPreview as Vn, addInitialSlash as Vt, ArrayOfReferencesFieldBinding as W, StorageThumbnail as Wn, getLastSegment$1 as Wt, useTopLevelNavigation as X, renderSkeletonText as Xn, resolveViewMode as Xt, useBuildNavigationStateController as Y, renderSkeletonImageThumbnail as Yn, resolveOpenEntityMode as Yt, useResolvedViews as Z, UrlComponentPreview as Zn, useSelectionController as Zt, useCollectionsConfigController as _, getUserLabel as _n, CollectionViewActions as _t, namespaceToPropertiesPath as a, NavigationStateContext as an, FieldBlock as ar, useBuildSidePanel as at, extractTouchedValues as b, BooleanPreview as bn, useCollectionEditorDialogsState as bt, buildCollectionGenerationCallback as c, SideDialogsControllerContext as cn, getBracketNotation as cr, copyEntityAction as ct, fromSerializableCollectionConfigs as d, useClearRestoreValue as dn, getIconForWidget as dr, resetPasswordAction as dt, SelectableTable as en, EmptyValue as er, useHistory as et, fromSerializableProperties as f, ReadOnlyFieldBinding as fn, getPropertiesWithPropertiesOrder as fr, CreationResultDialog as ft, toSerializableProperty as g, UserPreview as gn, isRelationProperty as gr, EntityCardBinding as gt, toSerializableProperties as h, PropertyPreview as hn, isReferenceProperty as hr, CollectionCardViewBinding as ht, namespaceToPropertiesOrderPath as i, useUrlController as in, FormRail as ir, getEntityViewWidth as it, VectorFieldBinding as j, InlineEntityListPreview as jn, unflattenObject as jt, getFieldConfig as k, RelationPreview as kn, ImportFileUpload as kt, validateCollectionJson as l, SelectableTableContext as ln, getDefaultPropertiesOrder as lr, deleteEntityAction as lt, toSerializableCollectionConfig as m, ArrayOfMapsPreview as mn, getResolvedPropertyInPath as mr, EntityViewBinding as mt, getFullIdPath as n, useAdminContext as nn, LabelWithIcon as nr, useResolvedNavigationFrom as nt, CollectionGenerationApiError as o, useNavigationStateController as on, isSelfLabellingProperty as or, EditViewBinding as ot, fromSerializableProperty as p, FieldHelperText as pn, getPropertyInPath as pr, DetailViewBinding as pt, SideDialogs as q, renderSkeletonCaptionText as qn, removeTrailingSlash$1 as qt, idToPropertiesPath as r, UrlContext as rn, FormSections as rr, buildSidePanelsFromUrl as rt, DEFAULT_COLLECTION_GENERATION_ENDPOINT as s, useSideDialogsController as sn, PropertyIdCopyTooltip as sr, CollectionViewBinding as st, getFullId as t, CollectionRowActions as tn, LabelWithIconAndTooltip as tr, resolveNavigationFrom as tt, fromSerializableCollectionConfig as u, ArrayCustomShapedFieldBinding as un, getIconForProperty as ur, editEntityAction as ut, EntityFormBinding as v, useResolvedUser as vn, useCollectionEditorController as vt, zodToFormErrors as w, ArrayOneOfPreview as wn, flattenEntry as wt, getChanges as x, DatePreview as xn, ImportNewPropertyFieldPreview as xt, EntityForm as y, NumberPropertyPreview as yn, ConfigControllerProvider as yt, MarkdownEditorFieldBinding as z, getEntityTitlePropertyKey as zn, resolveEntityView as zt };
+export { useBuildCollectionRegistryController as $, sanitizeUrl as $n, CollectionTableBinding as $t, getFieldId as A, ReferencePreview as An, convertFileToJson as At, MapFieldBinding as B, getEntityTitlePropertyKeyForEntity as Bn, mergeEntityActions as Bt, removeEmptyContainers as C, ArrayOfStringsPreview as Cn, convertDataToEntity as Ct, getDefaultFieldConfig as D, RelationPreview as Dn, useImportConfig as Dt, DEFAULT_FIELD_CONFIGS as E, ArrayOfStorageComponentsPreview as En, getInferenceType as Et, SelectFieldBinding as F, useCollectionRegistryController as Fn, FieldCaption as Ft, useSelectionDialog as G, StorageThumbnailInternal as Gn, removeInitialAndTrailingSlashes$1 as Gt, DateTimeFieldBinding as H, StringPropertyPreview as Hn, getCollectionBySlugWithin as Ht, RepeatFieldBinding as I, getUserLabel as In, useBreadcrumbsController as It, useBuildUrlController as J, renderSkeletonIcon as Jn, resolveCollectionPathIds$1 as Jt, SelectionTableBinding as K, SkeletonPropertyComponent as Kn, removeInitialSlash as Kt, ReferenceFieldBinding as L, useResolvedUser as Ln, BreadcrumbsProvider as Lt, TextFieldBinding as M, SidePanelControllerContext as Mn, ArrayContainer as Mt, SwitchFieldBinding as N, useSidePanel as Nn, PropertyConfigBadge as Nt, getDefaultFieldId as O, ArrayOfReferencesPreview as On, ImportSaveInProgress as Ot, StorageUploadFieldBinding as P, CollectionRegistryContext as Pn, SearchIconsView as Pt, useResolvedCollections as Q, ImagePreview as Qn, VirtualTableInput$1 as Qt, MultiSelectFieldBinding as R, getEntityPreviewKeys as Rn, resolveEntityAction as Rt, getInitialEntityValues as S, ArrayOneOfPreview as Sn, DataNewPropertiesMapping as St, PropertyFieldBinding as T, ArrayEnumPreview as Tn, processValueMapping as Tt, BlockFieldBinding as U, EnumValuesChip as Un, getCollectionPathsCombinations as Ut, KeyValueFieldBinding as V, ArrayPropertyPreview as Vn, addInitialSlash as Vt, ArrayOfReferencesFieldBinding as W, StorageThumbnail as Wn, getLastSegment$1 as Wt, useTopLevelNavigation as X, renderSkeletonText as Xn, resolveViewMode as Xt, useBuildNavigationStateController as Y, renderSkeletonImageThumbnail as Yn, resolveOpenEntityMode as Yt, useResolvedViews as Z, UrlComponentPreview as Zn, useSelectionController as Zt, useCollectionsConfigController as _, NumberPropertyPreview as _n, isRelationProperty as _r, CollectionViewActions as _t, namespaceToPropertiesPath as a, NavigationStateContext as an, FieldBlock as ar, useBuildSidePanel as at, extractTouchedValues as b, KeyValuePreview as bn, useCollectionEditorDialogsState as bt, buildCollectionGenerationCallback as c, SideDialogsControllerContext as cn, PropertyIdCopyTooltip as cr, copyEntityAction as ct, fromSerializableCollectionConfigs as d, useClearRestoreValue as dn, getIconForProperty as dr, resetPasswordAction as dt, SelectableTable as en, EmptyValue as er, useHistory as et, fromSerializableProperties as f, ReadOnlyFieldBinding as fn, getIconForWidget as fr, CreationResultDialog as ft, toSerializableProperty as g, UserPreview as gn, isReferenceProperty as gr, EntityCardBinding as gt, toSerializableProperties as h, PropertyPreview as hn, getResolvedPropertyInPath as hr, CollectionCardViewBinding as ht, namespaceToPropertiesOrderPath as i, useUrlController as in, FormRail as ir, getEntityViewWidth as it, VectorFieldBinding as j, EntityPreviewBinding as jn, unflattenObject as jt, getFieldConfig as k, InlineEntityListPreview as kn, ImportFileUpload as kt, validateCollectionJson as l, SelectableTableContext as ln, getBracketNotation as lr, deleteEntityAction as lt, toSerializableCollectionConfig as m, ArrayOfMapsPreview as mn, getPropertyInPath$1 as mr, EntityViewBinding as mt, getFullIdPath as n, useAdminContext as nn, LabelWithIcon as nr, useResolvedNavigationFrom as nt, CollectionGenerationApiError as o, useNavigationStateController as on, isSelfLabellingProperty as or, EditViewBinding as ot, fromSerializableProperty as p, FieldHelperText as pn, getPropertiesWithPropertiesOrder as pr, DetailViewBinding as pt, SideDialogs as q, renderSkeletonCaptionText as qn, removeTrailingSlash$1 as qt, idToPropertiesPath as r, UrlContext as rn, FormSections as rr, buildSidePanelsFromUrl as rt, DEFAULT_COLLECTION_GENERATION_ENDPOINT as s, useSideDialogsController as sn, spanClass as sr, CollectionViewBinding as st, getFullId as t, CollectionRowActions as tn, LabelWithIconAndTooltip as tr, resolveNavigationFrom as tt, fromSerializableCollectionConfig as u, ArrayCustomShapedFieldBinding as un, getDefaultPropertiesOrder as ur, editEntityAction as ut, EntityFormBinding as v, BooleanPreview as vn, useCollectionEditorController as vt, zodToFormErrors as w, ArrayPropertyEnumPreview as wn, flattenEntry as wt, getChanges as x, MapPropertyPreview as xn, ImportNewPropertyFieldPreview as xt, EntityForm as y, DatePreview as yn, ConfigControllerProvider as yt, MarkdownEditorFieldBinding as z, getEntityTitlePropertyKey as zn, resolveEntityView as zt };
 
-//# sourceMappingURL=util-GiwPgxnL.js.map
+//# sourceMappingURL=util-pQ3YwBve.js.map