@rebasepro/app 0.12.0 → 0.12.1-canary.g009ed95

package/dist/index.es.js

@@ -1,15 +1,16 @@
 import React, { createContext, lazy, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { Alert, AlertCircleIcon, AlertTriangleIcon, AppWindow, ArrowDownIcon, ArrowLeftIcon, ArrowRightLeftIcon, ArrowUpDownIcon, ArrowUpIcon, Avatar, BooleanSwitch, Button, CHIP_COLORS, CalendarIcon, Card, CenteredView, CheckCircle2Icon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, CircleDotIcon, CircleUserIcon, CircularProgress, ColumnsIcon, Container, Dialog, DialogActions, DialogContent, DialogTitle, DollarSignIcon, ErrorBoundary, FileIcon, FileTextIcon, FilterChip, FilterIcon, FolderIcon, FolderKanbanIcon, IconButton, KanbanIcon, KanbanView, LanguagesIcon, LayoutGridIcon, ListIcon, ListPlusIcon, ListTodoIcon, LoadingButton, LogOutIcon, MailIcon, Menu, MenuItem, MessageCircleIcon, MoonIcon, MultiSelect, MultiSelectItem, PanelLeftIcon, Paper, PenLineIcon, PencilIcon, PhoneIcon, PinIcon, PlusIcon, Popover, RefreshCwIcon, SearchBar, Select, SelectItem, Separator, SettingsIcon, Skeleton, StickyNoteIcon, SunIcon, SunMoonIcon, Tab, Table, TableBody, TableCell, TableHeader, TableRow, Tabs, TagIcon, TextField, ToggleButtonGroup, Tooltip, Trash2Icon, TrendingUpIcon, TypeIcon, Typography, UserIcon, UserPlus, UsersIcon, VideoIcon, Wand2Icon, WrenchIcon, XIcon, cls, colorClassesMapping, coolIconKeys, defaultBorderMixin, getColorSchemeForSeed, iconKeys, iconSize, lucideIcons } from "@rebasepro/ui";
+import { Alert, AlertCircleIcon, AlertTriangleIcon, AppWindow, ArrowDownIcon, ArrowLeftIcon, ArrowRightLeftIcon, ArrowUpDownIcon, ArrowUpIcon, Avatar, BooleanSwitch, Button, CalendarIcon, Card, CenteredView, CheckCircle2Icon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, CircleDotIcon, CircleUserIcon, CircularProgress, ColumnsIcon, Container, Dialog, DialogActions, DialogContent, DialogTitle, DollarSignIcon, ErrorBoundary, FileIcon, FileTextIcon, FilterChip, FilterIcon, FolderIcon, FolderKanbanIcon, IconButton, KanbanIcon, KanbanView, LanguagesIcon, LayoutGridIcon, ListIcon, ListPlusIcon, ListTodoIcon, LoadingButton, LogOutIcon, MailIcon, Menu, MenuItem, MessageCircleIcon, MoonIcon, MultiSelect, MultiSelectItem, PanelLeftIcon, Paper, PenLineIcon, PencilIcon, PhoneIcon, PinIcon, PlusIcon, Popover, RefreshCwIcon, SearchBar, Select, SelectItem, Separator, SettingsIcon, Skeleton, StickyNoteIcon, SunIcon, SunMoonIcon, Tab, Table, TableBody, TableCell, TableHeader, TableRow, Tabs, TagIcon, TextField, ToggleButtonGroup, Tooltip, Trash2Icon, TrendingUpIcon, TypeIcon, Typography, UserIcon, UserPlus, UsersIcon, VideoIcon, Wand2Icon, WrenchIcon, XIcon, cls, colorClassesMapping, coolIconKeys, defaultBorderMixin, getColorSchemeForKey, getColorSchemeForSeed, iconKeys, iconSize, lucideIcons } from "@rebasepro/ui";
 import { ALL_WHERE_FILTER_OPS, DEFAULT_DATA_SOURCE_KEY, DEFAULT_FILTERABLE_RELATION_KINDS, DEFAULT_STORAGE_SOURCE_KEY, EntityReference, EntityRelation, GeoPoint, RebaseApiError, Vector, getDataSourceCapabilities, isLazyComponentRef, isRelationalCollectionConfig } from "@rebasepro/types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { SnackbarProvider as SnackbarProvider$1, useSnackbar } from "notistack";
 import { buildRebaseData, canCreateEntity, canDeleteEntity, canEditEntity, canReadCollection, evaluateCondition, getEntityChildViews, getLabelOrConfigFrom, getPrimaryKeys, getSubcollections, isPropertyBuilder, resolveStorageFilenameString, resolveStoragePathString, resolveStorageSource, stripCollectionPath, wrapAsEntityData, wrapAsSdkData } from "@rebasepro/common";
 import { getTitlePropertyKey as getTitlePropertyKey$1, removeInitialAndTrailingSlashes as removeInitialAndTrailingSlashes$1 } from "@rebasepro/app";
-import { Link, RouterProvider, Routes, createBrowserRouter, useBlocker, useLocation } from "react-router-dom";
+import { Link, Routes, createBrowserRouter, useBlocker, useLocation } from "react-router";
 import { generateForeignKeyName, hashString, isObject, isPlainObject, mergeDeep, randomString, slugify } from "@rebasepro/utils";
 import { I18nextProvider, initReactI18next, useTranslation as useTranslation$1 } from "react-i18next";
 import { deepEqual } from "fast-equals";
 import i18next from "i18next";
+import { RouterProvider } from "react-router/dom";
 import Fuse from "fuse.js";
 import Compressor from "compressorjs";
 import { resolveAdminCollection } from "@rebasepro/admin-types";
@@ -162,12 +163,15 @@ var DialogsProvider = ({ children }) => {
 	};
 	const close = useCallback(() => {
 		if (dialogEntries.length === 0) return;
-		updateDialogEntries([...dialogEntriesRef.current.slice(0, -1)]);
+		const updatedPanels = [...dialogEntriesRef.current.slice(0, -1)];
+		updateDialogEntries(updatedPanels);
 	}, [dialogEntries]);
 	const open = useCallback((dialogEntry) => {
-		updateDialogEntries([...dialogEntriesRef.current, dialogEntry]);
+		const updatedPanels = [...dialogEntriesRef.current, dialogEntry];
+		updateDialogEntries(updatedPanels);
 		return { closeDialog: () => {
-			updateDialogEntries(dialogEntriesRef.current.filter((e) => e.key !== dialogEntry.key));
+			const updatedPanels = dialogEntriesRef.current.filter((e) => e.key !== dialogEntry.key);
+			updateDialogEntries(updatedPanels);
 		} };
 	}, [dialogEntries]);
 	const dialogsController = useMemo(() => ({
@@ -624,24 +628,37 @@ var useStorageSource = () => {
 var useSnackbarController = () => {
 	const { enqueueSnackbar, closeSnackbar } = useSnackbar();
 	const open = useCallback((props) => {
-		const { type, message, autoHideDuration } = props;
+		const { type, message, autoHideDuration, action } = props;
 		enqueueSnackbar({
 			message: props.title ? /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col",
 				children: [/* @__PURE__ */ jsx("strong", { children: props.title }), message]
 			}) : message,
 			variant: type,
-			autoHideDuration
+			autoHideDuration,
+			...action ? { key: nextActionKey() } : {},
+			action: action ? (key) => /* @__PURE__ */ jsx(Button, {
+				variant: "text",
+				size: "small",
+				className: "text-inherit",
+				onClick: () => {
+					action.onClick();
+					closeSnackbar(key);
+				},
+				children: action.label
+			}) : void 0
 		});
-	}, []);
+	}, [enqueueSnackbar, closeSnackbar]);
 	const close = useCallback(() => {
 		closeSnackbar();
-	}, []);
+	}, [closeSnackbar]);
 	return useMemo(() => ({
 		open,
 		close
 	}), [open, close]);
 };
+var actionKeySeq = 0;
+var nextActionKey = () => `rebase-snackbar-action-${actionKeySeq++}`;
 //#endregion
 //#region src/hooks/useUserConfigurationPersistence.tsx
 /**
@@ -908,7 +925,8 @@ function useRelationSelector({ path, collection, fixedFilter, pageSize = DEFAULT
 		setLoading(true);
 		const whereParams = fixedFilter && Object.keys(fixedFilter).length > 0 ? fixedFilter : void 0;
 		const onEntitiesUpdate = (res) => {
-			setItems(res.data.map((e) => entityToRelationItem(e)));
+			const newItems = res.data.map((e) => entityToRelationItem(e));
+			setItems(newItems);
 			setHasMore(res.meta.hasMore);
 			setLoading(false);
 		};
@@ -1201,14 +1219,38 @@ function useUnsavedChangesDialog(when, onOk) {
 function useAuthSubscription(authClient) {
 	const currentSession = authClient?.getSession();
 	const [user, setUser] = useState(currentSession?.user ?? null);
-	const [initialLoading, setInitialLoading] = useState(!currentSession);
 	const [authLoading, setAuthLoading] = useState(false);
 	const [authError, setAuthError] = useState();
 	const [loginSkipped, setLoginSkipped] = useState(false);
 	const [extra, setExtra] = useState();
+	/**
+	* Whether asking the server "who am I?" could possibly answer.
+	*
+	* A client configured with `persistSession: false` and JSON auth — the
+	* shape used when one client borrows another's credential, as the hosted
+	* Studio does — has no stored session and no auth cookie, so the probe
+	* below is guaranteed to 401. Sending it anyway put three failing
+	* `GET /auth/me` calls on the wire per mount, each one landing in the
+	* *customer's* request log as an authentication failure against their own
+	* backend.
+	*
+	* A client that does not implement the capability is treated as "might
+	* work" — the historical behaviour.
+	*/
+	const mayHaveRestorableSession = authClient?.canRestoreSession?.() ?? true;
+	/**
+	* `true` only while a probe is genuinely outstanding.
+	*
+	* It used to be seeded from `!currentSession` alone, which left a client
+	* that cannot restore a session — and therefore never runs the probe that
+	* clears the flag — reporting "still loading" forever. Anything gated on
+	* `initialLoading` (a spinner, a redirect to the login view) would never
+	* resolve.
+	*/
+	const [initialLoading, setInitialLoading] = useState(!currentSession && mayHaveRestorableSession);
 	useEffect(() => {
 		if (!authClient) return;
-		if (!currentSession) {
+		if (!currentSession && mayHaveRestorableSession) {
 			setInitialLoading(true);
 			authClient.getUser().then((user) => {
 				if (user) setUser(user);
@@ -1216,7 +1258,11 @@ function useAuthSubscription(authClient) {
 				setInitialLoading(false);
 			});
 		}
-	}, [authClient, currentSession]);
+	}, [
+		authClient,
+		currentSession,
+		mayHaveRestorableSession
+	]);
 	useEffect(() => {
 		if (!authClient) return;
 		return authClient.onAuthStateChange((event, session) => {
@@ -1751,6 +1797,60 @@ function useRebaseRegistryDispatch() {
 	return dispatch;
 }
 //#endregion
+//#region src/hooks/ApiConfigContext.tsx
+/** What the server uses when `basePath` is not configured. */
+var DEFAULT_API_PATH = "/api";
+var ApiConfigContext = React.createContext(void 0);
+/**
+* Read the API config from context. Returns `undefined` if no provider is present,
+* allowing hooks to fall back to their own props.
+*/
+function useApiConfig() {
+	return useContext(ApiConfigContext);
+}
+/**
+* `apiUrl` and `apiPath` joined, with no trailing slash — the prefix to build a
+* request URL from.
+*
+* Returns `undefined` when there is no provider, so a caller can keep its own
+* fallback rather than silently requesting a relative path.
+*/
+function useApiBase() {
+	const config = useApiConfig();
+	if (!config?.apiUrl) return void 0;
+	return config.apiUrl.replace(/\/+$/, "") + (config.apiPath || "/api");
+}
+/**
+* The same prefix, derived from a client rather than from context.
+*
+* For the code that holds a `RebaseClient` but sits outside (or above) an
+* `ApiConfigProvider`. Returns `undefined` when the client has no base URL,
+* which is the signal every caller already treats as "cannot build a request".
+*/
+function apiBaseOf(client) {
+	if (!client?.baseUrl) return void 0;
+	return client.baseUrl.replace(/\/+$/, "") + (client.apiPath || "/api");
+}
+/**
+* Provide API configuration (apiUrl, apiPath, getAuthToken) to the entire subtree.
+* Typically rendered inside `<Rebase>` or at the app root.
+*/
+function ApiConfigProvider({ apiUrl, apiPath = DEFAULT_API_PATH, getAuthToken, children }) {
+	const value = React.useMemo(() => ({
+		apiUrl,
+		apiPath,
+		getAuthToken
+	}), [
+		apiUrl,
+		apiPath,
+		getAuthToken
+	]);
+	return /* @__PURE__ */ jsx(ApiConfigContext.Provider, {
+		value,
+		children
+	});
+}
+//#endregion
 //#region src/hooks/useBackendStorageSource.ts
 /**
 * React hook for using backend storage API as a StorageSource
@@ -1770,8 +1870,8 @@ function useRebaseRegistryDispatch() {
 * <Rebase storageSource={storageSource} ... />
 * ```
 */
-function useBackendStorageSource({ apiUrl, getAuthToken }) {
-	const storageBasePath = `${apiUrl}/api/storage`;
+function useBackendStorageSource({ apiUrl, apiPath = DEFAULT_API_PATH, getAuthToken }) {
+	const storageBasePath = `${apiUrl.replace(/\/+$/, "")}${apiPath}/storage`;
 	const urlsCache = useMemo(() => /* @__PURE__ */ new Map(), []);
 	/**
 	* Make an authenticated request to the storage API
@@ -1933,30 +2033,6 @@ function usePermissions() {
 	]);
 }
 //#endregion
-//#region src/hooks/ApiConfigContext.tsx
-var ApiConfigContext = React.createContext(void 0);
-/**
-* Read the API config from context. Returns `undefined` if no provider is present,
-* allowing hooks to fall back to their own props.
-*/
-function useApiConfig() {
-	return useContext(ApiConfigContext);
-}
-/**
-* Provide API configuration (apiUrl, getAuthToken) to the entire subtree.
-* Typically rendered inside `<Rebase>` or at the app root.
-*/
-function ApiConfigProvider({ apiUrl, getAuthToken, children }) {
-	const value = React.useMemo(() => ({
-		apiUrl,
-		getAuthToken
-	}), [apiUrl, getAuthToken]);
-	return /* @__PURE__ */ jsx(ApiConfigContext.Provider, {
-		value,
-		children
-	});
-}
-//#endregion
 //#region src/hooks/useTranslation.ts
 var REBASE_NS$1 = "rebase_core";
 /**
@@ -6318,7 +6394,7 @@ function KanbanBoardDemo() {
 	const [columns, setColumns] = useState(STATUS_COLUMNS);
 	const assignColumn = useCallback((item) => item.data.status, []);
 	const handleItemsReorder = useCallback((items, moveInfo) => {
-		setBoardData(items.map((item) => {
+		const updatedItems = items.map((item) => {
 			if (moveInfo && item.id === moveInfo.itemId && moveInfo.sourceColumn !== moveInfo.targetColumn) return {
 				...item,
 				data: {
@@ -6328,7 +6404,8 @@ function KanbanBoardDemo() {
 				}
 			};
 			return item;
-		}));
+		});
+		setBoardData(updatedItems);
 	}, []);
 	const handleColumnReorder = useCallback((reordered) => setColumns(reordered), []);
 	const columnLoadingState = useMemo(() => {
@@ -7563,6 +7640,22 @@ function UIReferenceView() {
 											disabled: true,
 											value: "Read only",
 											onChange: () => {}
+										}),
+										/* @__PURE__ */ jsx(TextField, {
+											size: "medium",
+											label: "Medium",
+											placeholder: "Placeholder under the label"
+										}),
+										/* @__PURE__ */ jsx(TextField, {
+											size: "small",
+											label: "Small",
+											placeholder: "Placeholder under the label"
+										}),
+										/* @__PURE__ */ jsx(TextField, {
+											size: "smallest",
+											label: "Smallest",
+											value: "Filled value",
+											onChange: () => {}
 										})
 									]
 								})]
@@ -8012,7 +8105,7 @@ function UIReferenceView() {
 									/* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", {
 										className: "flex flex-wrap gap-2",
 										children: user.roles.map((role) => /* @__PURE__ */ jsx(Chip, {
-											colorScheme: role.isAdmin ? "purpleDark" : "blueDark",
+											colorScheme: role.isAdmin ? "purple" : "blue",
 											size: "small",
 											children: role.name
 										}, role.id))
@@ -8336,8 +8429,10 @@ function UserSettingsView() {
 		setLoadingSessions(true);
 		setSessionsError(null);
 		try {
-			if (authController.fetchSessions) setSessions((await authController.fetchSessions() || []).sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()));
-			else throw new Error("fetchSessions not implemented in this auth controller.");
+			if (authController.fetchSessions) {
+				const sortedSessions = (await authController.fetchSessions() || []).sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());
+				setSessions(sortedSessions);
+			} else throw new Error("fetchSessions not implemented in this auth controller.");
 		} catch (e) {
 			setSessionsError(e instanceof Error ? e.message : String(e));
 		} finally {
@@ -9723,6 +9818,7 @@ var en = {
 	log_out: "Log out",
 	column_cannot_be_edited: "This column can't be edited directly",
 	close: "Close",
+	hide_list: "Hide list",
 	unsaved_local_changes: "Unsaved Local changes",
 	unsaved_local_changes_description: "This document was edited locally and has unsaved changes. These local changes will be lost if you don't apply them.",
 	preview_changes: "Preview Changes",
@@ -10527,7 +10623,22 @@ var en = {
 	datetime_automatic_value: "Automatic value",
 	markdown_paste_behavior: "Paste behavior",
 	markdown_strip_html: "Strip HTML on paste",
-	markdown_convert_pasted: "Convert pasted text to markdown"
+	markdown_convert_pasted: "Convert pasted text to markdown",
+	entity_saved: "Saved",
+	more_actions: "More actions",
+	record_history: "History",
+	inspect_record: "Inspect record",
+	inspect: "Inspect",
+	close_inspector: "Close inspector",
+	history_revert: "Revert to this version",
+	history_revert_title: "Revert data to this version?",
+	history_reverted: "Reverted to selected version",
+	history_revert_error: "Error reverting entity",
+	history_revert_dirty: "Please save or discard your changes before reverting",
+	history_empty: "No history available",
+	history_empty_description: "When you save a record, a new version is created and stored in the history.",
+	history_new_entity: "History is only available for existing records",
+	history_no_more: "No more history"
 };
 //#endregion
 //#region src/locales/es.ts
@@ -10604,6 +10715,7 @@ var es = {
 	log_out: "Cerrar sesión",
 	column_cannot_be_edited: "Esta columna no se puede editar directamente",
 	close: "Cerrar",
+	hide_list: "Ocultar lista",
 	unsaved_local_changes: "Cambios locales sin guardar",
 	unsaved_local_changes_description: "Este documento ha sido editado localmente y tiene cambios sin guardar. Estos cambios locales se perderán si no los aplicas.",
 	preview_changes: "Previsualizar cambios",
@@ -11373,7 +11485,22 @@ var es = {
 	datetime_automatic_value: "Valor automático",
 	markdown_paste_behavior: "Comportamiento al pegar",
 	markdown_strip_html: "Eliminar HTML al pegar",
-	markdown_convert_pasted: "Convertir texto pegado a markdown"
+	markdown_convert_pasted: "Convertir texto pegado a markdown",
+	entity_saved: "Guardado",
+	more_actions: "Más acciones",
+	record_history: "Historial",
+	inspect_record: "Inspeccionar registro",
+	inspect: "Inspeccionar",
+	close_inspector: "Cerrar el inspector",
+	history_revert: "Volver a esta versión",
+	history_revert_title: "¿Volver a esta versión de los datos?",
+	history_reverted: "Se volvió a la versión seleccionada",
+	history_revert_error: "Error al revertir el registro",
+	history_revert_dirty: "Guarda o descarta tus cambios antes de revertir",
+	history_empty: "No hay historial disponible",
+	history_empty_description: "Al guardar un registro se crea una nueva versión y se almacena en el historial.",
+	history_new_entity: "El historial solo está disponible para registros existentes",
+	history_no_more: "No hay más historial"
 };
 //#endregion
 //#region src/locales/de.ts
@@ -11442,6 +11569,7 @@ var de = {
 	log_out: "Abmelden",
 	column_cannot_be_edited: "Diese Spalte kann nicht direkt bearbeitet werden",
 	close: "Schließen",
+	hide_list: "Liste ausblenden",
 	unsaved_local_changes: "Ungespeicherte lokale Änderungen",
 	unsaved_local_changes_description: "Dieses Dokument wurde lokal bearbeitet und weist ungespeicherte Änderungen auf. Diese lokalen Änderungen gehen verloren, wenn Sie sie nicht anwenden.",
 	preview_changes: "Änderungen in der Vorschau anzeigen",
@@ -12201,7 +12329,22 @@ var de = {
 	datetime_automatic_value: "Automatischer Wert",
 	markdown_paste_behavior: "Einfügeverhalten",
 	markdown_strip_html: "HTML beim Einfügen entfernen",
-	markdown_convert_pasted: "Eingefügten Text in Markdown umwandeln"
+	markdown_convert_pasted: "Eingefügten Text in Markdown umwandeln",
+	entity_saved: "Gespeichert",
+	more_actions: "Weitere Aktionen",
+	record_history: "Verlauf",
+	inspect_record: "Datensatz inspizieren",
+	inspect: "Inspizieren",
+	close_inspector: "Inspektor schließen",
+	history_revert: "Auf diese Version zurücksetzen",
+	history_revert_title: "Daten auf diese Version zurücksetzen?",
+	history_reverted: "Auf die gewählte Version zurückgesetzt",
+	history_revert_error: "Fehler beim Zurücksetzen des Datensatzes",
+	history_revert_dirty: "Bitte speichere oder verwirf deine Änderungen vor dem Zurücksetzen",
+	history_empty: "Kein Verlauf vorhanden",
+	history_empty_description: "Beim Speichern eines Datensatzes wird eine neue Version erstellt und im Verlauf abgelegt.",
+	history_new_entity: "Der Verlauf ist nur für vorhandene Datensätze verfügbar",
+	history_no_more: "Kein weiterer Verlauf"
 };
 //#endregion
 //#region src/locales/fr.ts
@@ -12270,6 +12413,7 @@ var fr = {
 	log_out: "Se déconnecter",
 	column_cannot_be_edited: "Cette colonne ne peut pas être modifiée directement",
 	close: "Fermer",
+	hide_list: "Masquer la liste",
 	unsaved_local_changes: "Modifications locales non enregistrées",
 	unsaved_local_changes_description: "Ce document a été modifié localement et contient des modifications non enregistrées. Ces modifications locales seront perdues si vous ne les appliquez pas.",
 	preview_changes: "Aperçu des modifications",
@@ -13029,7 +13173,22 @@ var fr = {
 	datetime_automatic_value: "Valeur automatique",
 	markdown_paste_behavior: "Comportement au collage",
 	markdown_strip_html: "Supprimer le HTML au collage",
-	markdown_convert_pasted: "Convertir le texte collé en markdown"
+	markdown_convert_pasted: "Convertir le texte collé en markdown",
+	entity_saved: "Enregistré",
+	more_actions: "Plus d'actions",
+	record_history: "Historique",
+	inspect_record: "Inspecter l'enregistrement",
+	inspect: "Inspecter",
+	close_inspector: "Fermer l'inspecteur",
+	history_revert: "Revenir à cette version",
+	history_revert_title: "Revenir à cette version des données ?",
+	history_reverted: "Retour à la version sélectionnée",
+	history_revert_error: "Erreur lors du retour en arrière",
+	history_revert_dirty: "Enregistrez ou annulez vos modifications avant de revenir en arrière",
+	history_empty: "Aucun historique disponible",
+	history_empty_description: "À chaque enregistrement, une nouvelle version est créée et conservée dans l'historique.",
+	history_new_entity: "L'historique n'est disponible que pour les enregistrements existants",
+	history_no_more: "Plus d'historique"
 };
 //#endregion
 //#region src/locales/it.ts
@@ -13098,6 +13257,7 @@ var it = {
 	log_out: "Esci",
 	column_cannot_be_edited: "Questa colonna non può essere modificata direttamente",
 	close: "Chiudi",
+	hide_list: "Nascondi elenco",
 	unsaved_local_changes: "Modifiche locali non salvate",
 	unsaved_local_changes_description: "Questo documento è stato modificato localmente e ha modifiche non salvate. Queste modifiche locali andranno perse se non le applichi.",
 	preview_changes: "Anteprima modifiche",
@@ -13857,7 +14017,22 @@ var it = {
 	datetime_automatic_value: "Valore automatico",
 	markdown_paste_behavior: "Comportamento incolla",
 	markdown_strip_html: "Rimuovi HTML all'incolla",
-	markdown_convert_pasted: "Converti testo incollato in markdown"
+	markdown_convert_pasted: "Converti testo incollato in markdown",
+	entity_saved: "Salvato",
+	more_actions: "Altre azioni",
+	record_history: "Cronologia",
+	inspect_record: "Ispeziona record",
+	inspect: "Ispeziona",
+	close_inspector: "Chiudi l'ispettore",
+	history_revert: "Torna a questa versione",
+	history_revert_title: "Ripristinare i dati a questa versione?",
+	history_reverted: "Ripristinata la versione selezionata",
+	history_revert_error: "Errore durante il ripristino del record",
+	history_revert_dirty: "Salva o annulla le modifiche prima di ripristinare",
+	history_empty: "Nessuna cronologia disponibile",
+	history_empty_description: "Quando salvi un record viene creata una nuova versione e conservata nella cronologia.",
+	history_new_entity: "La cronologia è disponibile solo per i record esistenti",
+	history_no_more: "Nessun'altra cronologia"
 };
 //#endregion
 //#region src/locales/hi.ts
@@ -13926,6 +14101,7 @@ var hi = {
 	log_out: "लॉग आउट",
 	column_cannot_be_edited: "इस कॉलम को सीधे संपादित नहीं किया जा सकता",
 	close: "बंद करें",
+	hide_list: "सूची छिपाएँ",
 	unsaved_local_changes: "सहेजे नहीं गए स्थानीय परिवर्तन",
 	unsaved_local_changes_description: "इस दस्तावेज़ को स्थानीय स्तर पर संपादित किया गया था और इसमें सहेजे नहीं गए परिवर्तन हैं। यदि आप इन्हें लागू नहीं करते हैं तो ये स्थानीय परिवर्तन खो जाएंगे।",
 	preview_changes: "परिवर्तनों का पूर्वावलोकन करें",
@@ -14685,7 +14861,22 @@ var hi = {
 	datetime_automatic_value: "स्वचालित मान",
 	markdown_paste_behavior: "पेस्ट व्यवहार",
 	markdown_strip_html: "पेस्ट करते समय HTML हटाएं",
-	markdown_convert_pasted: "पेस्ट किए गए टेक्स्ट को मार्कडाउन में बदलें"
+	markdown_convert_pasted: "पेस्ट किए गए टेक्स्ट को मार्कडाउन में बदलें",
+	entity_saved: "सहेजा गया",
+	more_actions: "अधिक क्रियाएँ",
+	record_history: "इतिहास",
+	inspect_record: "रिकॉर्ड जाँचें",
+	inspect: "जाँचें",
+	close_inspector: "इंस्पेक्टर बंद करें",
+	history_revert: "इस संस्करण पर लौटें",
+	history_revert_title: "डेटा को इस संस्करण पर लौटाएँ?",
+	history_reverted: "चयनित संस्करण पर लौटा दिया गया",
+	history_revert_error: "रिकॉर्ड लौटाने में त्रुटि",
+	history_revert_dirty: "लौटाने से पहले अपने बदलाव सहेजें या रद्द करें",
+	history_empty: "कोई इतिहास उपलब्ध नहीं",
+	history_empty_description: "रिकॉर्ड सहेजने पर एक नया संस्करण बनता है और इतिहास में रखा जाता है।",
+	history_new_entity: "इतिहास केवल मौजूदा रिकॉर्ड के लिए उपलब्ध है",
+	history_no_more: "और इतिहास नहीं"
 };
 //#endregion
 //#region src/locales/pt.ts
@@ -14759,6 +14950,7 @@ var pt = {
 	log_out: "Terminar sessão",
 	column_cannot_be_edited: "Esta coluna não pode ser editada diretamente",
 	close: "Fechar",
+	hide_list: "Ocultar lista",
 	unsaved_local_changes: "Alterações locais não guardadas",
 	unsaved_local_changes_description: "Este documento foi editado localmente e tem alterações não guardadas. Estas alterações locais serão perdidas se não as aplicar.",
 	preview_changes: "Pré-visualizar alterações",
@@ -15518,7 +15710,22 @@ var pt = {
 	datetime_automatic_value: "Valor automático",
 	markdown_paste_behavior: "Comportamento ao colar",
 	markdown_strip_html: "Remover HTML ao colar",
-	markdown_convert_pasted: "Converter texto colado para markdown"
+	markdown_convert_pasted: "Converter texto colado para markdown",
+	entity_saved: "Guardado",
+	more_actions: "Mais ações",
+	record_history: "Histórico",
+	inspect_record: "Inspecionar registo",
+	inspect: "Inspecionar",
+	close_inspector: "Fechar o inspetor",
+	history_revert: "Voltar a esta versão",
+	history_revert_title: "Reverter os dados para esta versão?",
+	history_reverted: "Revertido para a versão selecionada",
+	history_revert_error: "Erro ao reverter o registo",
+	history_revert_dirty: "Guarde ou descarte as suas alterações antes de reverter",
+	history_empty: "Nenhum histórico disponível",
+	history_empty_description: "Ao guardar um registo é criada uma nova versão, guardada no histórico.",
+	history_new_entity: "O histórico só está disponível para registos existentes",
+	history_no_more: "Sem mais histórico"
 };
 //#endregion
 //#region src/i18n/RebaseI18nProvider.tsx
@@ -15852,6 +16059,7 @@ function Rebase(props) {
 	const resolvedApiUrl = apiUrl || client?.baseUrl || (typeof window !== "undefined" ? window.location.origin : "");
 	if (resolvedApiUrl) return /* @__PURE__ */ jsx(ApiConfigProvider, {
 		apiUrl: resolvedApiUrl,
+		apiPath: client?.apiPath,
 		getAuthToken: authController.getAuthToken,
 		children: content
 	});
@@ -15998,7 +16206,8 @@ function useRebaseAuthController(props = {}) {
 		try {
 			await auth.signOut();
 		} catch (error) {
-			setAuthProviderError(error instanceof Error ? error : new Error(String(error)));
+			const err = error instanceof Error ? error : new Error(String(error));
+			setAuthProviderError(err);
 		} finally {
 			setAuthLoading(false);
 		}
@@ -16010,7 +16219,8 @@ function useRebaseAuthController(props = {}) {
 		try {
 			await auth.signInWithEmail(email, password);
 		} catch (error) {
-			setAuthProviderError(error instanceof Error ? error : new Error(String(error)));
+			const err = error instanceof Error ? error : new Error(String(error));
+			setAuthProviderError(err);
 			throw error;
 		} finally {
 			setAuthLoading(false);
@@ -16023,7 +16233,8 @@ function useRebaseAuthController(props = {}) {
 		try {
 			await auth.signUp(email, password, displayName);
 		} catch (error) {
-			setAuthProviderError(error instanceof Error ? error : new Error(String(error)));
+			const err = error instanceof Error ? error : new Error(String(error));
+			setAuthProviderError(err);
 			throw error;
 		} finally {
 			setAuthLoading(false);
@@ -16036,7 +16247,8 @@ function useRebaseAuthController(props = {}) {
 		try {
 			await auth.signInWithGoogle(payload);
 		} catch (error) {
-			setAuthProviderError(error instanceof Error ? error : new Error(String(error)));
+			const err = error instanceof Error ? error : new Error(String(error));
+			setAuthProviderError(err);
 			throw error;
 		} finally {
 			setAuthLoading(false);
@@ -16049,7 +16261,8 @@ function useRebaseAuthController(props = {}) {
 		try {
 			await auth.signInWithOAuth(providerId, payload);
 		} catch (error) {
-			setAuthProviderError(error instanceof Error ? error : new Error(String(error)));
+			const err = error instanceof Error ? error : new Error(String(error));
+			setAuthProviderError(err);
 			throw error;
 		} finally {
 			setAuthLoading(false);
@@ -16066,7 +16279,8 @@ function useRebaseAuthController(props = {}) {
 		try {
 			await auth.resetPasswordForEmail(email);
 		} catch (error) {
-			setAuthProviderError(error instanceof Error ? error : new Error(String(error)));
+			const err = error instanceof Error ? error : new Error(String(error));
+			setAuthProviderError(err);
 			throw error;
 		} finally {
 			setAuthLoading(false);
@@ -16079,7 +16293,8 @@ function useRebaseAuthController(props = {}) {
 		try {
 			await auth.resetPassword(token, password);
 		} catch (error) {
-			setAuthProviderError(error instanceof Error ? error : new Error(String(error)));
+			const err = error instanceof Error ? error : new Error(String(error));
+			setAuthProviderError(err);
 			throw error;
 		} finally {
 			setAuthLoading(false);
@@ -16093,7 +16308,8 @@ function useRebaseAuthController(props = {}) {
 			await auth.changePassword(oldPassword, newPassword);
 			await auth.signOut();
 		} catch (error) {
-			setAuthProviderError(error instanceof Error ? error : new Error(String(error)));
+			const err = error instanceof Error ? error : new Error(String(error));
+			setAuthProviderError(err);
 			throw error;
 		} finally {
 			setAuthLoading(false);
@@ -16109,7 +16325,8 @@ function useRebaseAuthController(props = {}) {
 				photoURL
 			});
 		} catch (error) {
-			setAuthProviderError(error instanceof Error ? error : new Error(String(error)));
+			const err = error instanceof Error ? error : new Error(String(error));
+			setAuthProviderError(err);
 			throw error;
 		} finally {
 			setAuthLoading(false);
@@ -16180,12 +16397,6 @@ function useRebaseAuthController(props = {}) {
 * here is the unauthenticated `/api/auth/config` probe used to detect
 * bootstrap mode and enabled providers before a session exists.
 */
-/**
-* @deprecated Use {@link RebaseApiError} (from `@rebasepro/types`, re-exported by
-* `@rebasepro/client`). Kept as an alias so `instanceof` / imports keep working;
-* errors thrown here now carry `.code` and `.status` on the unified type.
-*/
-var AuthApiError = RebaseApiError;
 async function handleResponse(response) {
 	let data;
 	try {
@@ -16238,11 +16449,11 @@ function createAuthConfigCache() {
 * Concurrent calls are deduplicated: only one network request is made
 * and all callers share the same promise.
 */
-async function fetchAuthConfig(apiUrl, cache) {
+async function fetchAuthConfig(apiUrl, cache, apiPath = DEFAULT_API_PATH) {
 	if (cache.cached) return cache.cached;
 	if (cache.inflight) return cache.inflight;
 	cache.inflight = (async () => {
-		return handleResponse(await fetchWithHandling(`${apiUrl}/api/auth/config`, {
+		return handleResponse(await fetchWithHandling(`${apiUrl.replace(/\/+$/, "")}${apiPath}/auth/config`, {
 			method: "GET",
 			headers: { "Content-Type": "application/json" }
 		}));
@@ -16568,7 +16779,7 @@ function useStorageUploadController({ entityId, entityValues, path, value, prope
 	if (!storage) throw Error("Storage meta must be specified");
 	const processFile = storage?.processFile;
 	const metadata = storage?.metadata;
-	const size = multipleFilesSupported ? "medium" : "large";
+	const size = "medium";
 	const imageResize = storage?.imageResize;
 	const internalInitialValue = getInternalInitialValue(multipleFilesSupported, value, metadata, size);
 	const [initialValue, setInitialValue] = useState(value);
@@ -16660,7 +16871,8 @@ function useStorageUploadController({ entityId, entityValues, path, value, prope
 		]),
 		onFileUploadError: useCallback((entry) => {
 			console.debug("onFileUploadError", entry);
-			setInternalValue(internalValue.filter((item) => item.id !== entry.id));
+			const newValue = internalValue.filter((item) => item.id !== entry.id);
+			setInternalValue(newValue);
 		}, [internalValue]),
 		onFilesAdded: useCallback(async (acceptedFiles) => {
 			if (!acceptedFiles.length || disabled) return;
@@ -16775,7 +16987,7 @@ function getColorScheme(enumValues, key) {
 	const labelOrConfig = getLabelOrConfigFrom(enumValues, key);
 	if (!labelOrConfig?.color) return getColorSchemeForSeed(key.toString());
 	if (typeof labelOrConfig === "object" && "color" in labelOrConfig) {
-		if (typeof labelOrConfig.color === "string") return CHIP_COLORS[labelOrConfig.color];
+		if (typeof labelOrConfig.color === "string") return getColorSchemeForKey(labelOrConfig.color);
 		if (typeof labelOrConfig.color === "object") return labelOrConfig.color;
 	}
 }
@@ -16809,9 +17021,21 @@ var STUDIO_NAVIGATION_GROUPS = [
 */
 var CONTAINER_FULL_WIDTH = "100vw";
 /** @internal See {@link CONTAINER_FULL_WIDTH}. */
-var ADDITIONAL_TAB_WIDTH = "55vw";
-/** @internal See {@link CONTAINER_FULL_WIDTH}. */
 var FORM_CONTAINER_WIDTH = "768px";
+/**
+* How wide the side panel opens when neither the caller nor the collection
+* says otherwise.
+*
+* Sized from what it has to hold rather than from a round number: the form's
+* content column plus its metadata rail plus gutters, which is also the width
+* at which the form stops being a single stack and picks up the same
+* two-column layout it has in full screen. Capped against the viewport so a
+* panel never becomes the whole window on a laptop — at that point you want
+* full screen, and there is a button for it.
+*
+* @internal See {@link CONTAINER_FULL_WIDTH}.
+*/
+var SIDE_PANEL_DEFAULT_WIDTH = "min(1160px, 88vw)";
 //#endregion
 //#region src/internal/useRestoreScroll.tsx
 var scrollsMap = {};
@@ -16935,7 +17159,8 @@ var NOOP_BRIDGE = {
 		breadcrumbs: [],
 		set: () => {},
 		updateCount: () => {}
-	}
+	},
+	capabilities: { codebase: true }
 };
 var StudioBridgeContext = createContext(NOOP_BRIDGE);
 /**
@@ -16959,7 +17184,14 @@ function StudioBridgeProvider({ value, children }) {
 	const merged = React.useMemo(() => ({
 		...NOOP_BRIDGE,
 		...value
-	}), [value]);
+	}), [
+		value.collectionRegistry,
+		value.sidePanelController,
+		value.urlController,
+		value.navigationState,
+		value.breadcrumbs,
+		value.capabilities
+	]);
 	return /* @__PURE__ */ jsx(StudioBridgeContext.Provider, {
 		value: merged,
 		children
@@ -16985,6 +17217,10 @@ function useStudioNavigationState() {
 function useStudioBreadcrumbs() {
 	return useContext(StudioBridgeContext).breadcrumbs;
 }
+/** What the host can do — see {@link StudioCapabilities}. */
+function useStudioCapabilities() {
+	return useContext(StudioBridgeContext).capabilities;
+}
 var StudioBridgeRegistryContext = createContext(null);
 /**
 * Provider that creates a self-assembling bridge.
@@ -17247,6 +17483,326 @@ function resolveFilterOperators({ property, isArray, engine }) {
 	return typeDefaults.filter((op) => engineOps.has(op) && (narrowingSet === void 0 || narrowingSet.has(op)));
 }
 //#endregion
+//#region src/collections/property_presentation.ts
+function isReadOnly(property) {
+	if (property.admin?.readOnly) return true;
+	if (property.type === "date") {
+		if (property.autoValue) return true;
+	}
+	if (property.type === "reference") return !property.path && !("Field" in (property.admin || {}) && property.admin?.Field);
+	return false;
+}
+function isHidden(property) {
+	return typeof property.admin?.disabled === "object" && Boolean(property.admin?.disabled.hidden);
+}
+function applyPropertyConditions(property, context) {
+	const { conditions } = property;
+	if (!conditions) return property;
+	const result = { ...property };
+	if (conditions.disabled) {
+		if (evaluateCondition(conditions.disabled, context)) {
+			result.admin = result.admin || {};
+			result.admin.disabled = {
+				clearOnDisabled: conditions.clearOnDisabled ?? false,
+				disabledMessage: conditions.disabledMessage,
+				hidden: false
+			};
+		}
+	}
+	if (conditions.hidden) {
+		if (evaluateCondition(conditions.hidden, context)) {
+			result.admin = result.admin || {};
+			result.admin.disabled = {
+				...typeof result.admin?.disabled === "object" ? result.admin.disabled : {},
+				hidden: true,
+				clearOnDisabled: conditions.clearOnDisabled ?? false
+			};
+		}
+	}
+	if (conditions.readOnly) {
+		if (evaluateCondition(conditions.readOnly, context)) {
+			result.admin = result.admin || {};
+			result.admin.readOnly = true;
+		}
+	}
+	if (conditions.required !== void 0) {
+		const isRequired = evaluateCondition(conditions.required, context);
+		result.validation = {
+			...result.validation,
+			required: isRequired,
+			requiredMessage: conditions.requiredMessage
+		};
+	}
+	if (context.isNew && conditions.defaultValue !== void 0) result.defaultValue = evaluateCondition(conditions.defaultValue, context);
+	if ("enum" in result && result.enum && (conditions.enumConditions || conditions.allowedEnumValues || conditions.excludedEnumValues)) result.enum = applyEnumConditions(result.enum, conditions, context);
+	if (result.type === "reference") {
+		if (conditions.referencePath) result.path = evaluateCondition(conditions.referencePath, context);
+		if (conditions.referenceFilter) {
+			result.admin = result.admin || {};
+			result.admin.fixedFilter = evaluateCondition(conditions.referenceFilter, context);
+		}
+	}
+	if (result.type === "array") {
+		if (conditions.canAddElements !== void 0) {
+			result.admin = result.admin || {};
+			result.admin.canAddElements = evaluateCondition(conditions.canAddElements, context);
+		}
+		if (conditions.sortable !== void 0) {
+			result.admin = result.admin || {};
+			result.admin.sortable = evaluateCondition(conditions.sortable, context);
+		}
+	}
+	return result;
+}
+/**
+* Convert an object with numeric keys back to an array.
+* Firestore stores arrays as {"0": "a", "1": "b"} to avoid nested arrays.
+*/
+function objectToArray(obj) {
+	if (Array.isArray(obj)) return obj.map(String);
+	if (obj && typeof obj === "object") {
+		const keys = Object.keys(obj);
+		if (keys.length > 0 && keys.every((k) => !isNaN(Number(k)))) return keys.sort((a, b) => Number(a) - Number(b)).map((k) => obj[k]).filter((v) => typeof v === "string" || typeof v === "number").map(String);
+	}
+	return [];
+}
+/**
+* Apply enum-specific conditions to filter and modify enum values.
+*/
+function applyEnumConditions(enumValues, conditions, context) {
+	let result = [...enumValues];
+	if (conditions.allowedEnumValues) {
+		const allowedArray = objectToArray(evaluateCondition(conditions.allowedEnumValues, context));
+		if (allowedArray.length > 0) result = result.filter((ev) => allowedArray.includes(String(ev.id)));
+	}
+	if (conditions.excludedEnumValues) {
+		const excludedArray = objectToArray(evaluateCondition(conditions.excludedEnumValues, context));
+		if (excludedArray.length > 0) result = result.filter((ev) => !excludedArray.includes(String(ev.id)));
+	}
+	if (conditions.enumConditions) result = result.map((ev) => {
+		const evConditions = conditions.enumConditions?.[ev.id];
+		if (!evConditions) return ev;
+		if (evConditions.hidden && evaluateCondition(evConditions.hidden, context)) return null;
+		if (evConditions.disabled && evaluateCondition(evConditions.disabled, context)) return {
+			...ev,
+			disabled: true
+		};
+		return ev;
+	}).filter((ev) => ev !== null);
+	return result;
+}
+//#endregion
+//#region src/collections/form-layout.ts
+/**
+* Columns in the form grid.
+*
+* A local literal rather than an import of `FORM_GRID_COLUMNS`: everything else
+* this module takes from `@rebasepro/admin-types` is a *type*, erased at build
+* time, and a runtime value would make this pure function depend on that
+* package's built output — which is exactly what broke the dev server, since
+* `@rebasepro/app` resolves that package to its dist. `satisfies PropertySpan`
+* keeps the two honest: a full-width field and the column count are the same
+* number by definition.
+*/
+var GRID_COLUMNS = 4;
+/** Does this property's editor need the full width of the column? */
+function needsFullWidth(property) {
+	switch (property.type) {
+		case "map":
+		case "binary":
+		case "vector": return true;
+		case "array": {
+			if (property.oneOf) return true;
+			const of = Array.isArray(property.of) ? void 0 : property.of;
+			if (!of) return true;
+			if (of.type !== "string" && of.type !== "number") return true;
+			if (of.type === "string" && (of.storage || of.admin?.markdown || of.admin?.multiline)) return true;
+			return false;
+		}
+		case "string": return Boolean(property.storage || property.admin?.markdown || property.admin?.multiline);
+		default: return false;
+	}
+}
+/**
+* The span a property gets when nothing is declared.
+*
+* Deliberately coarse: three buckets, chosen by how much room the *editor*
+* needs, not by how important the field is. Importance is what `admin.form`
+* sections are for.
+*/
+function deriveSpan(property, isTitleProperty) {
+	if (needsFullWidth(property)) return 4;
+	if (isTitleProperty) return 4;
+	switch (property.type) {
+		case "number":
+		case "boolean": return 1;
+		case "date":
+		case "geopoint":
+		case "reference":
+		case "relation": return 2;
+		case "array": return 2;
+		case "string": return 2;
+		default: return 2;
+	}
+}
+/**
+* Can the user still type this id?
+*
+* A `manual` id is a real field while creating and frozen once the row exists.
+* Every generated strategy (`uuid`, `cuid`, a raw SQL default) is never typed.
+* Getting this wrong in the "frozen" direction would make manual-id collections
+* uncreatable, so it fails towards showing the field.
+*/
+function isIdPropertyEditable(property, status) {
+	if (!("isId" in property) || !property.isId) return true;
+	if (status === "existing") return false;
+	return property.isId === "manual";
+}
+function isIdProperty(property) {
+	return Boolean(property && "isId" in property && property.isId);
+}
+/**
+* An audit timestamp the database maintains — `created_at`, `updated_at`.
+*
+* Not a guess from the name: `autoValue` says the column is written by the
+* system on create or update, so the field is never typed. Rendering it as an
+* input in the middle of the form promised an edit that cannot happen, and the
+* record block already shows both values — the same two dates twice on one
+* screen.
+*/
+function isAuditTimestamp(property) {
+	return Boolean(property && property.type === "date" && property.autoValue);
+}
+/**
+* Close the trailing gap in each row.
+*
+* Without this a section of half-width fields with an odd count leaves a hole —
+* `name | sku` then `brand | ␣␣` — a field stranded beside half a row of
+* nothing, which reads as a mistake rather than a layout. The remainder is
+* spread across the row's derived fields rather than dumped on the last one, so
+* a lone half-width field becomes full width and a pair grows evenly. Fields
+* with an explicit span are never resized.
+*/
+function fillRows(fields) {
+	const rows = [];
+	let row = [];
+	let used = 0;
+	for (const field of fields) {
+		if (used + field.span > GRID_COLUMNS && row.length) {
+			rows.push(row);
+			row = [];
+			used = 0;
+		}
+		row.push(field);
+		used += field.span;
+	}
+	if (row.length) rows.push(row);
+	return rows.flatMap((entries) => {
+		let gap = GRID_COLUMNS - entries.reduce((sum, f) => sum + f.span, 0);
+		if (gap <= 0) return entries;
+		const growable = entries.map((f, i) => [f, i]).filter(([f]) => !f.spanExplicit);
+		if (!growable.length) return entries;
+		const next = [...entries];
+		let cursor = 0;
+		while (gap > 0) {
+			const [, index] = growable[cursor % growable.length];
+			next[index] = {
+				...next[index],
+				span: next[index].span + 1
+			};
+			gap -= 1;
+			cursor += 1;
+		}
+		return next;
+	});
+}
+function buildField(key, collection, titlePropertyKey) {
+	const property = collection.properties?.[key];
+	if (!property) return collection.additionalFields?.some((f) => f.key === key) ? {
+		key,
+		span: 4,
+		additional: true
+	} : void 0;
+	if (isHidden(property)) return void 0;
+	const admin = property.admin;
+	const explicit = admin?.span !== void 0;
+	return {
+		key,
+		span: admin?.span ?? deriveSpan(property, key === titlePropertyKey),
+		additional: false,
+		spanExplicit: explicit
+	};
+}
+/**
+* Resolve the layout for a collection's generated form.
+*
+* Never drops a field: anything not named by a section lands in a trailing
+* group, so adding a column to the database cannot make it silently invisible
+* in the panel.
+*/
+function resolveFormLayout({ collection, fieldKeys, status }) {
+	const config = collection.form;
+	const titlePropertyKey = collection.titleProperty;
+	const available = /* @__PURE__ */ new Map();
+	for (const key of fieldKeys) {
+		const field = buildField(key, collection, titlePropertyKey);
+		if (field) available.set(key, field);
+	}
+	const idKeys = [...available.keys()].filter((key) => isIdProperty(collection.properties?.[key]));
+	if (idKeys.length === 1) {
+		const property = collection.properties?.[idKeys[0]];
+		if (!isIdPropertyEditable(property, status)) available.delete(idKeys[0]);
+	}
+	const showRecordMetaResolved = config?.showRecordMeta ?? !collection.hideIdFromForm;
+	if (showRecordMetaResolved) for (const key of [...available.keys()]) {
+		const property = collection.properties?.[key];
+		if (config?.sidebar?.includes(key)) continue;
+		if (isAuditTimestamp(property)) available.delete(key);
+	}
+	const sidebar = [];
+	if (config?.sidebar) for (const key of config.sidebar) {
+		const field = available.get(key);
+		if (!field) continue;
+		sidebar.push(field);
+		available.delete(key);
+	}
+	const showRecordMeta = showRecordMetaResolved;
+	const sections = [];
+	if (config?.sections?.length) for (const section of config.sections) {
+		const fields = [];
+		for (const key of section.properties) {
+			const field = available.get(key);
+			if (!field) continue;
+			fields.push(field);
+			available.delete(key);
+		}
+		const titled = Boolean(section.title);
+		sections.push({
+			key: section.key,
+			title: section.title,
+			collapsible: section.collapsible ?? titled,
+			collapsed: titled ? Boolean(section.collapsed) : false,
+			fields
+		});
+	}
+	const leftovers = fieldKeys.map((key) => available.get(key)).filter((f) => Boolean(f));
+	if (leftovers.length) sections.push({
+		key: sections.length ? "__other" : "__main",
+		collapsible: false,
+		collapsed: false,
+		fields: leftovers
+	});
+	return {
+		sections: sections.filter((s) => s.fields.length > 0).map((s) => ({
+			...s,
+			fields: fillRows(s.fields)
+		})),
+		sidebar,
+		showRecordMeta,
+		hasRail: sidebar.length > 0 || showRecordMeta
+	};
+}
+//#endregion
 //#region src/collections/navigation_utils.ts
 function removeInitialAndTrailingSlashes(s) {
 	return removeInitialSlash(removeTrailingSlash(s));
@@ -17458,115 +18014,6 @@ function getParentReferencesFromPath(props) {
 	return result;
 }
 //#endregion
-//#region src/collections/property_presentation.ts
-function isReadOnly(property) {
-	if (property.admin?.readOnly) return true;
-	if (property.type === "date") {
-		if (property.autoValue) return true;
-	}
-	if (property.type === "reference") return !property.path && !("Field" in (property.admin || {}) && property.admin?.Field);
-	return false;
-}
-function isHidden(property) {
-	return typeof property.admin?.disabled === "object" && Boolean(property.admin?.disabled.hidden);
-}
-function applyPropertyConditions(property, context) {
-	const { conditions } = property;
-	if (!conditions) return property;
-	const result = { ...property };
-	if (conditions.disabled) {
-		if (evaluateCondition(conditions.disabled, context)) {
-			result.admin = result.admin || {};
-			result.admin.disabled = {
-				clearOnDisabled: conditions.clearOnDisabled ?? false,
-				disabledMessage: conditions.disabledMessage,
-				hidden: false
-			};
-		}
-	}
-	if (conditions.hidden) {
-		if (evaluateCondition(conditions.hidden, context)) {
-			result.admin = result.admin || {};
-			result.admin.disabled = {
-				...typeof result.admin?.disabled === "object" ? result.admin.disabled : {},
-				hidden: true,
-				clearOnDisabled: conditions.clearOnDisabled ?? false
-			};
-		}
-	}
-	if (conditions.readOnly) {
-		if (evaluateCondition(conditions.readOnly, context)) {
-			result.admin = result.admin || {};
-			result.admin.readOnly = true;
-		}
-	}
-	if (conditions.required !== void 0) {
-		const isRequired = evaluateCondition(conditions.required, context);
-		result.validation = {
-			...result.validation,
-			required: isRequired,
-			requiredMessage: conditions.requiredMessage
-		};
-	}
-	if (context.isNew && conditions.defaultValue !== void 0) result.defaultValue = evaluateCondition(conditions.defaultValue, context);
-	if ("enum" in result && result.enum && (conditions.enumConditions || conditions.allowedEnumValues || conditions.excludedEnumValues)) result.enum = applyEnumConditions(result.enum, conditions, context);
-	if (result.type === "reference") {
-		if (conditions.referencePath) result.path = evaluateCondition(conditions.referencePath, context);
-		if (conditions.referenceFilter) {
-			result.admin = result.admin || {};
-			result.admin.fixedFilter = evaluateCondition(conditions.referenceFilter, context);
-		}
-	}
-	if (result.type === "array") {
-		if (conditions.canAddElements !== void 0) {
-			result.admin = result.admin || {};
-			result.admin.canAddElements = evaluateCondition(conditions.canAddElements, context);
-		}
-		if (conditions.sortable !== void 0) {
-			result.admin = result.admin || {};
-			result.admin.sortable = evaluateCondition(conditions.sortable, context);
-		}
-	}
-	return result;
-}
-/**
-* Convert an object with numeric keys back to an array.
-* Firestore stores arrays as {"0": "a", "1": "b"} to avoid nested arrays.
-*/
-function objectToArray(obj) {
-	if (Array.isArray(obj)) return obj.map(String);
-	if (obj && typeof obj === "object") {
-		const keys = Object.keys(obj);
-		if (keys.length > 0 && keys.every((k) => !isNaN(Number(k)))) return keys.sort((a, b) => Number(a) - Number(b)).map((k) => obj[k]).filter((v) => typeof v === "string" || typeof v === "number").map(String);
-	}
-	return [];
-}
-/**
-* Apply enum-specific conditions to filter and modify enum values.
-*/
-function applyEnumConditions(enumValues, conditions, context) {
-	let result = [...enumValues];
-	if (conditions.allowedEnumValues) {
-		const allowedArray = objectToArray(evaluateCondition(conditions.allowedEnumValues, context));
-		if (allowedArray.length > 0) result = result.filter((ev) => allowedArray.includes(String(ev.id)));
-	}
-	if (conditions.excludedEnumValues) {
-		const excludedArray = objectToArray(evaluateCondition(conditions.excludedEnumValues, context));
-		if (excludedArray.length > 0) result = result.filter((ev) => !excludedArray.includes(String(ev.id)));
-	}
-	if (conditions.enumConditions) result = result.map((ev) => {
-		const evConditions = conditions.enumConditions?.[ev.id];
-		if (!evConditions) return ev;
-		if (evConditions.hidden && evaluateCondition(evConditions.hidden, context)) return null;
-		if (evConditions.disabled && evaluateCondition(evConditions.disabled, context)) return {
-			...ev,
-			disabled: true
-		};
-		return ev;
-	}).filter((ev) => ev !== null);
-	return result;
-}
-//#endregion
 //#region src/collections/title-property.ts
 /**
 * How good a property is as the human-readable title of an entity.
@@ -17600,7 +18047,7 @@ var SCORE = {
 * This is a *bonus* on top of the structural rules — never a requirement, and
 * never the mechanism that keeps identifiers out of the title slot.
 */
-var TITLE_LIKE_KEYS = new Set([
+var TITLE_LIKE_KEYS = /* @__PURE__ */ new Set([
 	"name",
 	"fullname",
 	"displayname",
@@ -17730,6 +18177,40 @@ function getTitlePropertyCandidates(collection) {
 	return scored.map((candidate) => candidate.key);
 }
 /**
+* The relation a collection *leads* with, if it leads with one.
+*
+* A junction-shaped collection — a pipeline entry, a membership, a booking —
+* holds no label of its own: it is "this candidate, for that vacancy". The
+* general ranking puts relations last (they only read once the target
+* resolves), so the title slot would otherwise fall to whatever free text
+* happens to follow: a note, a comment. Preview surfaces that render one row
+* per entity (list, cards, board) prefer the leading relation instead.
+*
+* The decision is structural — the first property that could be a title, in the
+* order the developer declared (or ordered) them. Declaration order is a
+* statement about what the collection is about; property *names* are not
+* consulted here.
+*
+* Returns `undefined` when that first property is anything but a
+* single-cardinality relation, or when the collection states its own
+* `titleProperty`.
+*
+* @group Collections
+*/
+function getLeadingRelationTitleKey(collection) {
+	if (!collection.properties) return void 0;
+	if (collection.titleProperty) return void 0;
+	const idKeys = new Set(getPrimaryKeys(collection));
+	const foreignKeys = getForeignKeyColumns(collection);
+	const order = collection.propertiesOrder ?? Object.keys(collection.properties);
+	for (const key of order) {
+		const property = collection.properties[key];
+		if (!property || isPropertyBuilder(property)) continue;
+		if (scoreTitleCandidate(property, key, idKeys, foreignKeys) === SCORE.DISQUALIFIED) continue;
+		return property.type === "relation" ? key : void 0;
+	}
+}
+/**
 * The property that should fill the title slot for a collection, ignoring any
 * concrete values. Prefer {@link getTitlePropertyKeyForValues} when an entity
 * is at hand — it can skip candidates that happen to be empty or to hold an id.
@@ -17779,6 +18260,6 @@ function getTitlePropertyKeyForValues(collection, values, entityId) {
 	return candidates[0];
 }
 //#endregion
-export { ADDITIONAL_TAB_WIDTH, AIIcon, AIModifiedIndicator, AdminModeControllerContext, AdminModeControllerProvider, AnalyticsContext, ApiConfigProvider, AuthApiError, AuthControllerContext, CONTAINER_FULL_WIDTH, CollectionComponentOverrideProvider, CollectionResolverRegistrationContext, CollectionScopeContext, CollectionScopeProvider, ComponentOverrideContext, ConfirmationDialog, CrmDashboardDemo, CustomizationControllerContext, DEFAULT_PAGE_SIZE, DataDriverContext, DataSourcesContext, DialogsControllerContext, DialogsProvider, EffectiveRoleControllerContext, EffectiveRoleControllerProvider, ErrorTooltip, ErrorView, FORM_CONTAINER_WIDTH, GlobalComponentOverrideProvider, IconForView, LanguageToggle, LoginView, ModeControllerContext, ModeControllerProvider, NavigationBlockerProvider, NotFoundPage, PluginProviderStack, REBASE_LOCALE_STORAGE_KEY, Rebase, RebaseAuth, RebaseClientInstanceContext, RebaseDataContext, RebaseI18nProvider, RebaseLogo, RebaseRegistryProvider, RebaseRouter, RebaseRoutes, STUDIO_NAVIGATION_GROUPS, SchemaDriftBanner, SchemaDriftProvider, SnackbarProvider, StorageSourceContext, StorageSourcesContext, StudioBridgeContext, StudioBridgeProvider, StudioBridgeRegistryContext, StudioBridgeRegistryProvider, UIReferenceView, UIStyleGuide, UnsavedChangesDialog, UserConfigurationPersistenceContext, UserDisplay, UserSelectPopover, UserSettingsView, addInitialSlash, applyPropertyConditions, buildCollapsedDefaults, buildEnumLabel, clearAuthConfigCache, clearFetchCache, createAuthConfigCache, createFormexStub, deleteEntityWithCallbacks, en, es, fetchAuthConfig, flattenKeys, getAdminEntityChildViews, getAdminSubcollections, getCollectionBySlugWithin, getCollectionPathsCombinations, getColorScheme, getColumnKeysForProperty, getEntityFromCache, getEntityFromMemoryCache, getEntityImagePreviewPropertyKey, getEntityPreviewKeys, getEntityTitlePropertyKey, getFormFieldKeys, getIcon, getLastSegment, getLocalChangesBackup, getNavigationEntriesFromPath, getParentReferencesFromPath, getRelationIncludeParams, getRowHeight, getSubcollectionColumnId, getTitlePropertyCandidates, getTitlePropertyKey, getTitlePropertyKeyForValues, iconsSearch, isEnumValueDisabled, isFilterableRelation, isHidden, isReadOnly, isSchemaDriftError, looksLikeIdentifierValue, populateFetchCache, removeEntityFromCache, removeEntityFromMemoryCache, removeInitialAndTrailingSlashes, removeInitialSlash, removeTrailingSlash, resolveCollectionPathIds, resolveComponentRef, resolveDefaultSelectedView, resolveFilterOperators, saveEntityToCache, saveEntityToMemoryCache, saveEntityWithCallbacks, useAdminModeController, useAnalyticsController, useApiConfig, useAuthController, useAuthSubscription, useBackendStorageSource, useBridgeRegistration, useBrowserTitleAndIcon, useBuildAdminModeController, useBuildEffectiveRoleController, useBuildLocalConfigurationPersistence, useBuildModeController, useClipboard, useCollapsedGroups, useCollection, useCollectionScope, useColumnIds, useComponentOverride, useCustomizationController, useData, useDataSources, useDataTableController, useDebouncedData, useDialogsController, useEffectiveRoleController, useFetch, useLargeLayout, useModeController, useNavigationBlocker, usePermissions, useRebaseAuthController, useRebaseClient, useRebaseContext, useRebaseRegistry, useRebaseRegistryDispatch, useRelationSelector, useResolvedComponent, useRestoreScroll, useSchemaDriftContext, useScrollRestoration, useSlot, useSnackbarController, useStorageSource, useStorageSources, useStorageUploadController, useStudioBreadcrumbs, useStudioCollectionRegistry, useStudioNavigationState, useStudioSidePanelController, useStudioUrlController, useTranslation, useUnsavedChangesDialog, useUserConfigurationPersistence };
+export { AIIcon, AIModifiedIndicator, AdminModeControllerContext, AdminModeControllerProvider, AnalyticsContext, ApiConfigProvider, AuthControllerContext, CONTAINER_FULL_WIDTH, CollectionComponentOverrideProvider, CollectionResolverRegistrationContext, CollectionScopeContext, CollectionScopeProvider, ComponentOverrideContext, ConfirmationDialog, CrmDashboardDemo, CustomizationControllerContext, DEFAULT_API_PATH, DEFAULT_PAGE_SIZE, DataDriverContext, DataSourcesContext, DialogsControllerContext, DialogsProvider, EffectiveRoleControllerContext, EffectiveRoleControllerProvider, ErrorTooltip, ErrorView, FORM_CONTAINER_WIDTH, GlobalComponentOverrideProvider, IconForView, LanguageToggle, LoginView, ModeControllerContext, ModeControllerProvider, NavigationBlockerProvider, NotFoundPage, PluginProviderStack, REBASE_LOCALE_STORAGE_KEY, Rebase, RebaseAuth, RebaseClientInstanceContext, RebaseDataContext, RebaseI18nProvider, RebaseLogo, RebaseRegistryProvider, RebaseRouter, RebaseRoutes, SIDE_PANEL_DEFAULT_WIDTH, STUDIO_NAVIGATION_GROUPS, SchemaDriftBanner, SchemaDriftProvider, SnackbarProvider, StorageSourceContext, StorageSourcesContext, StudioBridgeContext, StudioBridgeProvider, StudioBridgeRegistryContext, StudioBridgeRegistryProvider, UIReferenceView, UIStyleGuide, UnsavedChangesDialog, UserConfigurationPersistenceContext, UserDisplay, UserSelectPopover, UserSettingsView, addInitialSlash, apiBaseOf, applyPropertyConditions, buildCollapsedDefaults, buildEnumLabel, clearAuthConfigCache, clearFetchCache, createAuthConfigCache, createFormexStub, deleteEntityWithCallbacks, deriveSpan, en, es, fetchAuthConfig, fillRows, flattenKeys, getAdminEntityChildViews, getAdminSubcollections, getCollectionBySlugWithin, getCollectionPathsCombinations, getColorScheme, getColumnKeysForProperty, getEntityFromCache, getEntityFromMemoryCache, getEntityImagePreviewPropertyKey, getEntityPreviewKeys, getEntityTitlePropertyKey, getFormFieldKeys, getIcon, getLastSegment, getLeadingRelationTitleKey, getLocalChangesBackup, getNavigationEntriesFromPath, getParentReferencesFromPath, getRelationIncludeParams, getRowHeight, getSubcollectionColumnId, getTitlePropertyCandidates, getTitlePropertyKey, getTitlePropertyKeyForValues, iconsSearch, isAuditTimestamp, isEnumValueDisabled, isFilterableRelation, isHidden, isIdPropertyEditable, isReadOnly, isSchemaDriftError, looksLikeIdentifierValue, populateFetchCache, removeEntityFromCache, removeEntityFromMemoryCache, removeInitialAndTrailingSlashes, removeInitialSlash, removeTrailingSlash, resolveCollectionPathIds, resolveComponentRef, resolveDefaultSelectedView, resolveFilterOperators, resolveFormLayout, saveEntityToCache, saveEntityToMemoryCache, saveEntityWithCallbacks, useAdminModeController, useAnalyticsController, useApiBase, useApiConfig, useAuthController, useAuthSubscription, useBackendStorageSource, useBridgeRegistration, useBrowserTitleAndIcon, useBuildAdminModeController, useBuildEffectiveRoleController, useBuildLocalConfigurationPersistence, useBuildModeController, useClipboard, useCollapsedGroups, useCollection, useCollectionScope, useColumnIds, useComponentOverride, useCustomizationController, useData, useDataSources, useDataTableController, useDebouncedData, useDialogsController, useEffectiveRoleController, useFetch, useLargeLayout, useModeController, useNavigationBlocker, usePermissions, useRebaseAuthController, useRebaseClient, useRebaseContext, useRebaseRegistry, useRebaseRegistryDispatch, useRelationSelector, useResolvedComponent, useRestoreScroll, useSchemaDriftContext, useScrollRestoration, useSlot, useSnackbarController, useStorageSource, useStorageSources, useStorageUploadController, useStudioBreadcrumbs, useStudioCapabilities, useStudioCollectionRegistry, useStudioNavigationState, useStudioSidePanelController, useStudioUrlController, useTranslation, useUnsavedChangesDialog, useUserConfigurationPersistence };
 
 //# sourceMappingURL=index.es.js.map