@rebasepro/admin 0.10.0 → 0.10.1-canary.14e53ae

package/dist/{util-XFwQ9FEc.js → util-aJuPuy_1.js}

@@ -2,7 +2,7 @@ import * as React$1 from "react";
 import React, { Suspense, createContext, createElement, forwardRef, lazy, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { deepEqual } from "fast-equals";
 import { Alert, AlertCircleIcon, AlertTriangleIcon, AlignLeftIcon, ArrowLeftIcon, ArrowRightToLineIcon, Badge, BooleanSwitchWithLabel, Button, CHIP_COLORS, 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, LinkIcon, ListIcon, ListOrderedIcon, ListView, LoaderIcon, 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, TableView, Tabs, TextField, TextIcon, TextareaAutosize, ToggleButtonGroup, Tooltip, Trash2Icon, Typography, UploadIcon, UserIcon, VirtualTableDateField, VirtualTableInput, VirtualTableInput as VirtualTableInput$1, VirtualTableNumberInput, VirtualTableSwitch, VoteIcon, XCircleIcon, XIcon, cls, coolIconKeys, createVirtualTableSelectionStore, debounce, defaultBorderMixin, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, fieldBackgroundInvisibleMixin, fieldBackgroundMixin, focusedDisabled, getColorSchemeForSeed, iconSize, lucideIcons, paperMixin, useDebouncedCallback, useInjectStyles, useOutsideAlerter } from "@rebasepro/ui";
-import { CollectionRegistry, DEFAULT_ONE_OF_TYPE, DEFAULT_ONE_OF_VALUE, addInitialSlash, canReadCollection, enumToObjectEntries, getArrayResolvedProperties, getCollectionBySlugWithin, getCollectionPathsCombinations, getDefaultValueFor, getDefaultValueFortype, getDefaultValuesFor, getEntityImagePreviewPropertyKey, getLabelOrConfigFrom, getLastSegment as getLastSegment$1, getLocalChangesBackup, getNavigationEntriesFromPath, getParentReferencesFromPath, getReferenceFrom, getRelationFrom, getSubcollections, getTableName, isHidden, isPropertyBuilder, isReadOnly, normalizeToEntityRelation, removeInitialAndTrailingSlashes, removeInitialAndTrailingSlashes as removeInitialAndTrailingSlashes$1, removeInitialSlash, removeTrailingSlash, removeTrailingSlash as removeTrailingSlash$1, resolveArrayProperties, resolveCollectionPathIds, resolveCollectionPathIds as resolveCollectionPathIds$1, resolveDefaultSelectedView, resolveEnumValues, resolveFilterOperators, resolveProperty, resolveRelationProperty, resolveStorageFilenameString, resolveStoragePathString, resolveStorageSource } from "@rebasepro/common";
+import { CollectionRegistry, DEFAULT_ONE_OF_TYPE, DEFAULT_ONE_OF_VALUE, addInitialSlash, canReadCollection, enumToObjectEntries, getArrayResolvedProperties, getCollectionBySlugWithin, getCollectionPathsCombinations, getDefaultValueFor, getDefaultValueFortype, getDefaultValuesFor, getEntityImagePreviewPropertyKey, getLabelOrConfigFrom, getLastSegment as getLastSegment$1, getLocalChangesBackup, getNavigationEntriesFromPath, getParentReferencesFromPath, getReferenceFrom, getRelationFrom, getSubcollections, getTableName, getTitlePropertyCandidates, getTitlePropertyKey, getTitlePropertyKeyForValues, isHidden, isPropertyBuilder, isReadOnly, looksLikeIdentifierValue, normalizeToEntityRelation, removeInitialAndTrailingSlashes, removeInitialAndTrailingSlashes as removeInitialAndTrailingSlashes$1, removeInitialSlash, removeTrailingSlash, removeTrailingSlash as removeTrailingSlash$1, resolveArrayProperties, resolveCollectionPathIds, resolveCollectionPathIds as resolveCollectionPathIds$1, resolveDefaultSelectedView, resolveEnumValues, resolveFilterOperators, resolveProperty, resolveRelationProperty, resolveStorageFilenameString, resolveStoragePathString, resolveStorageSource } from "@rebasepro/common";
 import { ADDITIONAL_TAB_WIDTH, CONTAINER_FULL_WIDTH, CollectionScopeProvider, DEFAULT_PAGE_SIZE, ErrorTooltip, ErrorView, FORM_CONTAINER_WIDTH, IconForView, PluginProviderStack, StorageSourceContext, UnsavedChangesDialog, UserDisplay, buildEnumLabel, createFormexStub, deleteEntityWithCallbacks, flattenKeys, getColorScheme, getColumnKeysForProperty, getEntityFromCache, getEntityFromMemoryCache, getFormFieldKeys, getIcon, getRelationIncludeParams, getRowHeight, iconsSearch, removeEntityFromCache, removeEntityFromMemoryCache, resolveComponentRef, saveEntityToCache, saveEntityToMemoryCache, saveEntityWithCallbacks, useAnalyticsController, 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";
@@ -540,7 +540,7 @@ function EnumValuesChip({ enumValues, enumKey, size, className, children }) {
 /**
 * @group Preview components
 */
-function StringPropertyPreview({ propertyKey, value, property, size }) {
+function StringPropertyPreview({ propertyKey, value, property, size, textOnly }) {
 	const strValue = value;
 	if (property.enum) return /* @__PURE__ */ jsx(EnumValuesChip, {
 		enumKey: strValue,
@@ -559,10 +559,16 @@ function StringPropertyPreview({ propertyKey, value, property, size }) {
 	});
 	else {
 		if (!strValue) return /* @__PURE__ */ jsx(Fragment, {});
-		const lines = strValue.split("\n");
-		return strValue && strValue.includes("\n") ? /* @__PURE__ */ jsx("div", {
-			className: cls("overflow-x-scroll overflow-hidden", size === "small" ? "text-sm" : ""),
-			children: lines.map((str, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx("span", { children: str }), index !== lines.length - 1 && /* @__PURE__ */ jsx("br", {})] }, `string_preview_${index}`))
+		if (textOnly) {
+			const singleLine = strValue.replace(/\s*\n\s*/g, " ");
+			return size === "small" ? /* @__PURE__ */ jsx("span", {
+				className: "text-sm",
+				children: singleLine
+			}) : /* @__PURE__ */ jsx(Fragment, { children: singleLine });
+		}
+		return strValue.includes("\n") ? /* @__PURE__ */ jsx("div", {
+			className: cls("whitespace-pre-line line-clamp-3 overflow-hidden", size === "small" ? "text-sm" : ""),
+			children: strValue
 		}) : size === "small" ? /* @__PURE__ */ jsx("span", {
 			className: "text-sm",
 			children: strValue
@@ -776,38 +782,34 @@ function getEntityPreviewKeys(authController, targetCollection, fields, previewP
 		}).slice(0, limit);
 	}
 }
+/**
+* The property that fills the title slot for a collection.
+*
+* Ranking lives in `@rebasepro/common` so every surface (list rows, cards,
+* board cards, detail header, relation chips) agrees on what an entity is
+* called. Identifiers are excluded from the property *schema* — primary keys,
+* foreign keys, UUID columns — not from the key name.
+*/
 function getEntityTitlePropertyKey(collection, propertyConfigs) {
-	if (collection.titleProperty) return collection.titleProperty;
-	const hasExplicitOrder = !!collection.propertiesOrder;
-	const orderToSearch = collection.propertiesOrder || Object.keys(collection.properties);
-	if (hasExplicitOrder) for (const key of orderToSearch) {
-		const property = collection.properties[key];
-		if (property && !isPropertyBuilder(property)) {
-			const prop = property;
-			if (prop && typeof prop === "object" && "isId" in prop && Boolean(prop.isId) || key === "id" || isHiddenProperty(prop)) continue;
-			if (prop.type === "relation" || prop.type === "string" && !isStorageProperty$1(prop)) return key;
-		}
-	}
-	let firstStringCandidate;
-	for (const key of orderToSearch) {
-		const property = collection.properties[key];
-		if (property && !isPropertyBuilder(property)) {
-			const prop = property;
-			if (isHiddenProperty(prop)) continue;
-			if (prop.type === "string" && !prop.ui?.multiline && !prop.ui?.markdown && !prop.storage && !prop.isId) {
-				if (!firstStringCandidate) firstStringCandidate = key;
-				const lowerKey = key.toLowerCase();
-				if ([
-					"name",
-					"title",
-					"label",
-					"displayname",
-					"username"
-				].includes(lowerKey)) return key;
-			}
-		}
-	}
-	return firstStringCandidate;
+	return getTitlePropertyKey(collection);
+}
+/**
+* Same as {@link getEntityTitlePropertyKey}, but skips candidates that carry
+* no readable value for this particular entity (empty, or an opaque id).
+*/
+function getEntityTitlePropertyKeyForEntity(collection, values, entityId) {
+	return getTitlePropertyKeyForValues(collection, values, entityId);
+}
+/**
+* True when a property key points at a user picker, whose stored value is an
+* auth user id that has to be resolved before it can be displayed.
+*/
+function isUserSelectProperty(collection, propertyKey) {
+	if (!propertyKey) return false;
+	const property = collection.properties[propertyKey];
+	if (!property || isPropertyBuilder(property)) return false;
+	const prop = property;
+	return prop.type === "string" && Boolean(prop.userSelect);
 }
 /**
 * Attempt to turn a title value (which might be a relation, reference, date, array, or other complex object)
@@ -895,7 +897,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 ? getEntityTitlePropertyKey(collection, customizationController.propertyConfigs) : void 0;
+	const titleProperty = includeTitle ? getEntityTitlePropertyKeyForEntity(collection, entity.values, entity.id) : 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;
@@ -1109,7 +1111,7 @@ function ReferencePreviewInternal(props) {
 }
 function ReferencePreviewExisting({ reference, collection, previewProperties, size, disabled, includeEntityLink, includeId, onClick, hover, textOnly }) {
 	const ResolvedEntityPreview = useComponentOverride("EntityPreview", EntityPreviewBinding);
-	const customizationController = useCustomizationController();
+	useCustomizationController();
 	const { entity, dataLoading, dataLoadingError } = useFetch({
 		path: reference.path,
 		entityId: reference.id,
@@ -1152,7 +1154,7 @@ function ReferencePreviewExisting({ reference, collection, previewProperties, si
 		});
 	}
 	if (textOnly) {
-		const titleProperty = getEntityTitlePropertyKey(collection, customizationController.propertyConfigs);
+		const titleProperty = getEntityTitlePropertyKeyForEntity(collection, usedEntity.values, usedEntity.id);
 		const titleValue = titleProperty ? getValueInPath(usedEntity.values, titleProperty) : void 0;
 		return /* @__PURE__ */ jsx("span", {
 			className: "truncate",
@@ -1301,7 +1303,7 @@ function RelationPreviewInternal(props) {
 function RelationPreviewExisting({ relation, collection, previewProperties, size, disabled, includeEntityLink, includeId, onClick, hover, textOnly }) {
 	const passedEntity = relation.data;
 	const ResolvedEntityPreview = useComponentOverride("EntityPreview", EntityPreviewBinding);
-	const customizationController = useCustomizationController();
+	useCustomizationController();
 	const { entity, dataLoading, dataLoadingError } = useFetch({
 		path: relation.path,
 		entityId: passedEntity ? void 0 : relation.id,
@@ -1344,7 +1346,7 @@ function RelationPreviewExisting({ relation, collection, previewProperties, size
 		});
 	}
 	if (textOnly) {
-		const titleProperty = getEntityTitlePropertyKey(collection, customizationController.propertyConfigs);
+		const titleProperty = getEntityTitlePropertyKeyForEntity(collection, usedEntity.values, usedEntity.id);
 		const titleValue = titleProperty ? getValueInPath(usedEntity.values, titleProperty) : void 0;
 		return /* @__PURE__ */ jsx("span", {
 			className: "truncate",
@@ -1679,21 +1681,129 @@ function NumberPropertyPreview({ value, property, size }) {
 	});
 }
 //#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(baseUrl, 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(`${baseUrl}/api/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 = client?.baseUrl;
+	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/preview/components/UserPreview.tsx
 /**
 * Preview component for displaying a user reference value.
 *
-* Shows the raw user ID. Collection-based user management means
-* user records are fetched through the standard data layer.
+* Resolves the stored auth user id to a name (or email) the same way a
+* relation resolves its target, and falls back to the raw id only while the
+* lookup is in flight or when the user cannot be resolved.
 *
 * @group Preview components
 */
 function UserPreview({ value }) {
-	if (typeof value !== "string" || !value) return /* @__PURE__ */ jsx(EmptyValue, {});
+	const uid = typeof value === "string" && value ? value : void 0;
+	const user = useResolvedUser(uid);
+	if (!uid) return /* @__PURE__ */ jsx(EmptyValue, {});
 	return /* @__PURE__ */ jsx(Typography, {
 		variant: "caption",
 		color: "secondary",
-		children: value
+		className: "truncate",
+		children: user ? getUserLabel(user) : uid
 	});
 }
 //#endregion
@@ -7295,8 +7405,8 @@ function EditorCollectionAction({ path, parentCollectionSlugs, parentEntityIds,
 }
 //#endregion
 //#region src/components/CollectionViewBinding/CollectionViewActions.tsx
-var ImportCollectionAction = lazy(() => import("./import-DzQnT03v.js").then((n) => n.t).then((m) => ({ default: m.ImportCollectionAction })));
-var ExportCollectionAction = lazy(() => import("./export-BM6HPujv.js").then((n) => n.t).then((m) => ({ default: m.ExportCollectionAction })));
+var ImportCollectionAction = lazy(() => import("./import-SVoKfekq.js").then((n) => n.t).then((m) => ({ default: m.ImportCollectionAction })));
+var ExportCollectionAction = lazy(() => import("./export-CIi-Zrsn.js").then((n) => n.t).then((m) => ({ default: m.ExportCollectionAction })));
 function CollectionViewActions({ collection, relativePath, parentCollectionSlugs, parentEntityIds, onNewClick, onMultipleDeleteClick, selectionEnabled, path, selectionController, tableController, collectionEntitiesCount, compact, children, openNewDocument }) {
 	const context = useCMSContext();
 	const { canCreate, canDelete } = usePermissions();
@@ -7408,7 +7518,8 @@ function CollectionViewActions({ collection, relativePath, parentCollectionSlugs
 * Pure function — call inside `useMemo`.
 */
 function resolveCollectionSlotKeys(collection, authController, propertyConfigs) {
-	const titleKey = getEntityTitlePropertyKey(collection, propertyConfigs);
+	const titleKeyCandidates = getTitlePropertyCandidates(collection);
+	const titleKey = titleKeyCandidates[0];
 	const imageKey = getEntityImagePreviewPropertyKey(collection);
 	let statusKey;
 	if (!statusKey && collection.previewProperties) for (const key of collection.previewProperties) {
@@ -7473,6 +7584,7 @@ function resolveCollectionSlotKeys(collection, authController, propertyConfigs)
 	});
 	return {
 		titleKey,
+		titleKeyCandidates,
 		imageKey,
 		subtitleKey: sortedPreviewKeys.length > 0 ? sortedPreviewKeys[0] : void 0,
 		relationKeys,
@@ -7499,6 +7611,24 @@ function resolveImageSlot(collection, imageKey, entity) {
 		value: resolvedValue
 	};
 }
+/**
+* Walk the collection's ranked title candidates and return the first one that
+* holds something a person can read for this entity. Candidates are already
+* ordered and free of identifier properties; this only rejects values —
+* empties, and strings that turn out to be an id at runtime.
+*/
+function resolveEntityTitleKey(entity, candidates) {
+	for (const key of candidates) {
+		const value = getValueInPath(entity.values, key);
+		if (value === void 0 || value === null || value === "") continue;
+		if (typeof value === "string") {
+			if (looksLikeIdentifierValue(value)) continue;
+			if (value === String(entity.id)) continue;
+		}
+		return key;
+	}
+	return candidates[0];
+}
 function formatDateValue$1(value) {
 	if (!value) return "";
 	const date = value instanceof Date ? value : new Date(value);
@@ -7538,20 +7668,21 @@ function useCollectionSlotKeys(collection, authController, propertyConfigs) {
 * `React.memo` render functions or loops without violating hook rules.
 */
 function resolveEntitySlots(entity, collection, slotKeys) {
-	const { titleKey, imageKey, subtitleKey, relationKeys, statusKey, dateKey } = slotKeys;
+	const { titleKey, titleKeyCandidates, imageKey, subtitleKey, relationKeys, statusKey, dateKey } = slotKeys;
 	const image = imageKey ? resolveImageSlot(collection, imageKey, entity) : void 0;
+	const resolvedTitleKey = resolveEntityTitleKey(entity, titleKeyCandidates ?? (titleKey ? [titleKey] : []));
 	let title;
-	if (titleKey) {
-		const prop = collection.properties[titleKey];
-		const val = getValueInPath(entity.values, titleKey);
+	if (resolvedTitleKey) {
+		const prop = collection.properties[resolvedTitleKey];
+		const val = getValueInPath(entity.values, resolvedTitleKey);
 		if (prop) title = {
 			property: prop,
-			propertyKey: titleKey,
+			propertyKey: resolvedTitleKey,
 			value: val
 		};
 	}
 	let subtitle;
-	if (subtitleKey) {
+	if (subtitleKey && subtitleKey !== resolvedTitleKey) {
 		const prop = collection.properties[subtitleKey];
 		const val = getValueInPath(entity.values, subtitleKey);
 		if (prop && val !== void 0 && val !== null && val !== "") subtitle = {
@@ -8740,7 +8871,7 @@ var MAIN_TAB_VALUE = "__main_##Q$SC^#S6";
 var JSON_TAB_VALUE = "__json";
 //#endregion
 //#region src/components/DetailViewBinding.tsx
-var EntityHistoryView$1 = lazy(() => import("./history-CtIPJxvQ.js").then((m) => ({ default: m.EntityHistoryView })));
+var EntityHistoryView$1 = lazy(() => import("./history-BojXI3uS.js").then((m) => ({ default: m.EntityHistoryView })));
 function DetailViewBinding({ entityId, ...props }) {
 	const { entity, dataLoading, dataLoadingError } = useFetch({
 		path: props.path,
@@ -8881,9 +9012,10 @@ function DetailViewBindingInner({ path, entityId, selectedTab: selectedTabProp,
 	]));
 	const formViewConfig = collection.formView;
 	const FormViewBuilder = formViewConfig?.Builder ? resolveComponentRef(formViewConfig.Builder) : null;
-	const titlePropertyKey = getEntityTitlePropertyKey(collection, customizationController.propertyConfigs);
+	const titlePropertyKey = getEntityTitlePropertyKeyForEntity(collection, usedEntity?.values, usedEntity?.id);
 	const rawTitle = usedEntity?.values && titlePropertyKey ? getValueInPath(usedEntity.values, titlePropertyKey) : void 0;
-	const title = rawTitle !== void 0 && rawTitle !== null ? resolveTitleToString(rawTitle) : collection.singularName ?? collection.name;
+	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 nonActionCustomViews = useMemo(() => resolvedEntityViews.filter((e) => !e.includeActions), [resolvedEntityViews]);
 	const customViewsView = customViews && nonActionCustomViews.map((customView) => {
 		if (!customView) return null;
@@ -13303,7 +13435,7 @@ function EntityActionButton({ action, enabled, props }) {
 }
 //#endregion
 //#region src/components/EditViewBinding.tsx
-var EntityHistoryView = lazy(() => import("./history-CtIPJxvQ.js").then((m) => ({ default: m.EntityHistoryView })));
+var EntityHistoryView = lazy(() => import("./history-BojXI3uS.js").then((m) => ({ default: m.EntityHistoryView })));
 /**
 * This is the default view that is used as the content of a side panel when
 * a record is opened.
@@ -15410,7 +15542,7 @@ function SideDialogView({ offsetPosition, panel, panelIndex, isTopPanel }) {
 			maxWidth: "4xl",
 			scrollable: false,
 			children: panel && /* @__PURE__ */ jsx("div", {
-				className: "flex flex-col h-[75vh] min-h-[500px] min-w-[55vw] max-w-full overflow-hidden",
+				className: "flex flex-col h-[75vh] min-h-[500px] w-full min-w-0 max-w-full overflow-hidden",
 				children: /* @__PURE__ */ jsx(ErrorBoundary, { children: panel.component })
 			})
 		}) : /* @__PURE__ */ jsxs(Sheet, {
@@ -18852,7 +18984,7 @@ function zodToFormErrors(zodError) {
 * @group Components
 */
 function EntityForm({ path, entityId: entityIdProp, collection, onValuesModified, onIdChange, onSaved, entity, initialDirtyValues, onFormContextReady, forceActionsAtTheBottom, initialStatus, className, onStatusChange, onEntityChange, openEntityMode = "full_screen", formex: formexProp, disabled: disabledProp, Builder, EntityFormActionsComponent = EntityFormActions, showDefaultActions = true, showEntityPath = true, navigateBack: navigateBackProp, children, onSubmit: onSubmitProp, onValuesChangeDeferred: onValuesChangeDeferredProp, onReset: onResetProp, uniqueFieldValidator: uniqueFieldValidatorProp, beforeFields, afterFields, pluginActions: pluginActionsProp, computedInitialValues, hasLocalChanges: hasLocalChangesProp, localChangesData, manualApplyLocalChanges, localChangesCacheKey, onClearLocalChanges }) {
-	const customizationController = useCustomizationController();
+	useCustomizationController();
 	const navigateBack = useCallback(() => {
 		if (navigateBackProp) navigateBackProp();
 	}, [navigateBackProp]);
@@ -19012,9 +19144,10 @@ function EntityForm({ path, entityId: entityIdProp, collection, onValuesModified
 		path
 	]);
 	const actionsDisabled = disabled || formex.isSubmitting || status === "existing" && !formex.dirty || Boolean(disabledProp);
-	const titlePropertyKey = getEntityTitlePropertyKey(collection, customizationController.propertyConfigs);
+	const titlePropertyKey = getEntityTitlePropertyKeyForEntity(collection, formex.values, entityId);
 	const rawTitle = formex.values && titlePropertyKey ? getValueInPath(formex.values, titlePropertyKey) : void 0;
-	const title = rawTitle !== void 0 && rawTitle !== null ? resolveTitleToString(rawTitle) : collection.singularName ?? collection.name;
+	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 modified = formex.dirty;
 	useEffect(() => {
 		if (!autoSave) onValuesModified?.(modified, formex.values);
@@ -20280,6 +20413,6 @@ function getFullIdPath(propertyKey, propertyNamespace) {
 	return idToPropertiesPath(propertyNamespace ? `${propertyNamespace}.${propertyKey}` : propertyKey);
 }
 //#endregion
-export { useHistory as $, renderSkeletonImageThumbnail as $n, SelectableTable as $t, VectorFieldBinding as A, SidePanelControllerContext as An, unflattenObject as At, KeyValueFieldBinding as B, getPropertiesWithPropertiesOrder as Bn, getCollectionPathsCombinations as Bt, zodToFormErrors as C, ArrayPropertyEnumPreview as Cn, flattenEntry as Ct, getDefaultFieldId as D, ArrayOfReferencesPreview as Dn, ImportSaveInProgress as Dt, getDefaultFieldConfig as E, RelationPreview as En, useImportConfig as Et, RepeatFieldBinding as F, getEntityTitlePropertyKey as Fn, useBreadcrumbsController as Ft, SelectionTableBinding as G, ArrayPropertyPreview as Gn, resolveCollectionPathIds$1 as Gt, BlockFieldBinding as H, getResolvedPropertyInPath as Hn, removeInitialAndTrailingSlashes$1 as Ht, ReferenceFieldBinding as I, getBracketNotation as In, BreadcrumbsProvider as It, useBuildNavigationStateController as J, StorageThumbnail as Jn, resolveEntityAction as Jt, SideDialogs as K, StringPropertyPreview as Kn, resolveOpenEntityMode as Kt, MultiSelectFieldBinding as L, getDefaultPropertiesOrder as Ln, mergeEntityActions as Lt, SwitchFieldBinding as M, CollectionRegistryContext as Mn, PropertyConfigBadge as Mt, StorageUploadFieldBinding as N, useCollectionRegistryController as Nn, SearchIconsView as Nt, getFieldConfig as O, ReferencePreview as On, ImportFileUpload as Ot, SelectFieldBinding as P, getEntityPreviewKeys as Pn, FieldCaption as Pt, useBuildCollectionRegistryController as Q, renderSkeletonIcon as Qn, CollectionTableBinding as Qt, MarkdownEditorFieldBinding as R, getIconForProperty as Rn, addInitialSlash as Rt, removeEmptyContainers as S, ArrayOfStringsPreview as Sn, convertDataToEntity as St, DEFAULT_FIELD_CONFIGS as T, ArrayOfStorageComponentsPreview as Tn, getInferenceType as Tt, ArrayOfReferencesFieldBinding as U, isReferenceProperty as Un, removeInitialSlash as Ut, DateTimeFieldBinding as V, getPropertyInPath as Vn, getLastSegment$1 as Vt, useSelectionDialog as W, isRelationProperty as Wn, removeTrailingSlash$1 as Wt, useResolvedViews as X, SkeletonPropertyComponent as Xn, useSelectionController as Xt, useTopLevelNavigation as Y, StorageThumbnailInternal as Yn, resolveEntityView as Yt, useResolvedCollections as Z, renderSkeletonCaptionText as Zn, VirtualTableInput$1 as Zt, EntityFormBinding as _, BooleanPreview as _n, useCollectionEditorController as _t, namespaceToPropertiesPath as a, useNavigationStateController as an, LabelWithIconAndTooltip as ar, EditViewBinding as at, getChanges as b, MapPropertyPreview as bn, ImportNewPropertyFieldPreview as bt, buildCollectionGenerationCallback as c, SelectableTableContext as cn, FormLayout as cr, deleteEntityAction as ct, fromSerializableProperties as d, ReadOnlyFieldBinding as dn, CreationResultDialog as dt, CollectionRowActions as en, renderSkeletonText as er, resolveNavigationFrom as et, fromSerializableProperty as f, FieldHelperText as fn, DetailViewBinding as ft, useCollectionsConfigController as g, NumberPropertyPreview as gn, CollectionViewActions as gt, toSerializableProperty as h, UserPreview as hn, EntityCardBinding as ht, namespaceToPropertiesOrderPath as i, NavigationStateContext as in, EmptyValue as ir, useBuildSidePanel as it, TextFieldBinding as j, useSidePanel as jn, ArrayContainer as jt, getFieldId as k, EntityPreviewBinding as kn, convertFileToJson as kt, validateCollectionJson as l, ArrayCustomShapedFieldBinding as ln, FormEntry as lr, editEntityAction as lt, toSerializableProperties as m, PropertyPreview as mn, CollectionCardViewBinding as mt, getFullIdPath as n, UrlContext as nn, ImagePreview as nr, buildSidePanelsFromUrl as nt, CollectionGenerationApiError as o, useSideDialogsController as on, PropertyIdCopyTooltip as or, CollectionViewBinding as ot, toSerializableCollectionConfig as p, ArrayOfMapsPreview as pn, EntityViewBinding as pt, useBuildUrlController as q, EnumValuesChip as qn, resolveViewMode as qt, idToPropertiesPath as r, useUrlController as rn, sanitizeUrl as rr, getEntityViewWidth as rt, DEFAULT_COLLECTION_GENERATION_ENDPOINT as s, SideDialogsControllerContext as sn, LabelWithIcon as sr, copyEntityAction as st, getFullId as t, useCMSContext as tn, UrlComponentPreview as tr, useResolvedNavigationFrom as tt, fromSerializableCollectionConfig as u, useClearRestoreValue as un, resetPasswordAction as ut, EntityForm as v, DatePreview as vn, ConfigControllerProvider as vt, PropertyFieldBinding as w, ArrayEnumPreview as wn, processValueMapping as wt, getInitialEntityValues as x, ArrayOneOfPreview as xn, DataNewPropertiesMapping as xt, extractTouchedValues as y, KeyValuePreview as yn, useCollectionEditorDialogsState as yt, MapFieldBinding as z, getIconForWidget as zn, getCollectionBySlugWithin as zt };
+export { useHistory as $, SkeletonPropertyComponent as $n, SelectableTable as $t, VectorFieldBinding as A, ReferencePreview as An, unflattenObject as At, KeyValueFieldBinding as B, getDefaultPropertiesOrder as Bn, getCollectionPathsCombinations as Bt, zodToFormErrors as C, ArrayOneOfPreview as Cn, flattenEntry as Ct, getDefaultFieldId as D, ArrayOfStorageComponentsPreview as Dn, ImportSaveInProgress as Dt, getDefaultFieldConfig as E, ArrayEnumPreview as En, useImportConfig as Et, RepeatFieldBinding as F, useCollectionRegistryController as Fn, useBreadcrumbsController as Ft, SelectionTableBinding as G, getResolvedPropertyInPath as Gn, resolveCollectionPathIds$1 as Gt, BlockFieldBinding as H, getIconForWidget as Hn, removeInitialAndTrailingSlashes$1 as Ht, ReferenceFieldBinding as I, getEntityPreviewKeys as In, BreadcrumbsProvider as It, useBuildNavigationStateController as J, ArrayPropertyPreview as Jn, resolveEntityAction as Jt, SideDialogs as K, isReferenceProperty as Kn, resolveOpenEntityMode as Kt, MultiSelectFieldBinding as L, getEntityTitlePropertyKey as Ln, mergeEntityActions as Lt, SwitchFieldBinding as M, SidePanelControllerContext as Mn, PropertyConfigBadge as Mt, StorageUploadFieldBinding as N, useSidePanel as Nn, SearchIconsView as Nt, getFieldConfig as O, RelationPreview as On, ImportFileUpload as Ot, SelectFieldBinding as P, CollectionRegistryContext as Pn, FieldCaption as Pt, useBuildCollectionRegistryController as Q, StorageThumbnailInternal as Qn, CollectionTableBinding as Qt, MarkdownEditorFieldBinding as R, getEntityTitlePropertyKeyForEntity as Rn, addInitialSlash as Rt, removeEmptyContainers as S, MapPropertyPreview as Sn, convertDataToEntity as St, DEFAULT_FIELD_CONFIGS as T, ArrayPropertyEnumPreview as Tn, getInferenceType as Tt, ArrayOfReferencesFieldBinding as U, getPropertiesWithPropertiesOrder as Un, removeInitialSlash as Ut, DateTimeFieldBinding as V, getIconForProperty as Vn, getLastSegment$1 as Vt, useSelectionDialog as W, getPropertyInPath as Wn, removeTrailingSlash$1 as Wt, useResolvedViews as X, EnumValuesChip as Xn, useSelectionController as Xt, useTopLevelNavigation as Y, StringPropertyPreview as Yn, resolveEntityView as Yt, useResolvedCollections as Z, StorageThumbnail as Zn, VirtualTableInput$1 as Zt, EntityFormBinding as _, useResolvedUser as _n, useCollectionEditorController as _t, namespaceToPropertiesPath as a, useNavigationStateController as an, ImagePreview as ar, EditViewBinding as at, getChanges as b, DatePreview as bn, ImportNewPropertyFieldPreview as bt, buildCollectionGenerationCallback as c, SelectableTableContext as cn, LabelWithIconAndTooltip as cr, deleteEntityAction as ct, fromSerializableProperties as d, ReadOnlyFieldBinding as dn, FormLayout as dr, CreationResultDialog as dt, CollectionRowActions as en, renderSkeletonCaptionText as er, resolveNavigationFrom as et, fromSerializableProperty as f, FieldHelperText as fn, FormEntry as fr, DetailViewBinding as ft, useCollectionsConfigController as g, getUserLabel as gn, CollectionViewActions as gt, toSerializableProperty as h, UserPreview as hn, EntityCardBinding as ht, namespaceToPropertiesOrderPath as i, NavigationStateContext as in, UrlComponentPreview as ir, useBuildSidePanel as it, TextFieldBinding as j, EntityPreviewBinding as jn, ArrayContainer as jt, getFieldId as k, ArrayOfReferencesPreview as kn, convertFileToJson as kt, validateCollectionJson as l, ArrayCustomShapedFieldBinding as ln, PropertyIdCopyTooltip as lr, editEntityAction as lt, toSerializableProperties as m, PropertyPreview as mn, CollectionCardViewBinding as mt, getFullIdPath as n, UrlContext as nn, renderSkeletonImageThumbnail as nr, buildSidePanelsFromUrl as nt, CollectionGenerationApiError as o, useSideDialogsController as on, sanitizeUrl as or, CollectionViewBinding as ot, toSerializableCollectionConfig as p, ArrayOfMapsPreview as pn, EntityViewBinding as pt, useBuildUrlController as q, isRelationProperty as qn, resolveViewMode as qt, idToPropertiesPath as r, useUrlController as rn, renderSkeletonText as rr, getEntityViewWidth as rt, DEFAULT_COLLECTION_GENERATION_ENDPOINT as s, SideDialogsControllerContext as sn, EmptyValue as sr, copyEntityAction as st, getFullId as t, useCMSContext as tn, renderSkeletonIcon as tr, useResolvedNavigationFrom as tt, fromSerializableCollectionConfig as u, useClearRestoreValue as un, LabelWithIcon as ur, resetPasswordAction as ut, EntityForm as v, NumberPropertyPreview as vn, ConfigControllerProvider as vt, PropertyFieldBinding as w, ArrayOfStringsPreview as wn, processValueMapping as wt, getInitialEntityValues as x, KeyValuePreview as xn, DataNewPropertiesMapping as xt, extractTouchedValues as y, BooleanPreview as yn, useCollectionEditorDialogsState as yt, MapFieldBinding as z, getBracketNotation as zn, getCollectionBySlugWithin as zt };
 
-//# sourceMappingURL=util-XFwQ9FEc.js.map
+//# sourceMappingURL=util-aJuPuy_1.js.map