@rebasepro/app 0.9.1-canary.fd3754b → 0.10.0

package/dist/auth/index.d.ts

@@ -1,11 +1,12 @@
 /**
- * @rebasepro/app
+ * Authentication controller for Rebase frontends.
  *
- * React authentication controller for Rebase frontends.
- * Provides the `useRebaseAuthController` hook and API utilities
- * for communicating with a Rebase backend's JWT auth endpoints.
+ * Provides the `useRebaseAuthController` hook and API utilities for
+ * communicating with a Rebase backend's JWT auth endpoints.
  *
- * For the generic LoginView and RebaseAuth components, see @rebasepro/app.
+ * The generic LoginView and RebaseAuth components that render on top of this
+ * controller are in `../components`. Both are re-exported from the package
+ * root, which is where applications should import them from.
  */
 export type { RebaseAuthController, RebaseAuthControllerProps, AuthTokens, DeviceSession, UserInfo, AuthResponse, RefreshResponse } from "./types";
 export { useRebaseAuthController } from "./useRebaseAuthController";

package/dist/contexts/AdminModeController.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { AdminModeController } from "../hooks";
+import type { AdminModeController } from "../hooks/useAdminModeController";
 export declare const AdminModeControllerContext: React.Context<AdminModeController>;
 export declare const AdminModeControllerProvider: React.Provider<AdminModeController>;

package/dist/contexts/CollectionResolverContext.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+/**
+ * Look up a collection's config by slug.
+ */
+export type CollectionResolver = (slug: string) => {
+    properties?: Record<string, unknown>;
+} | undefined;
+/**
+ * Lets the layer that owns the collections hand a resolver *up* to the data
+ * layer, which needs a collection's primary keys to give its rows an address.
+ *
+ * The inversion is forced by the composition: `<Rebase client>` builds the data
+ * layer, and `<RebaseAdmin collections>` sits inside it — so the collections are
+ * not in scope where the data is created, and `Rebase` cannot take them as a
+ * prop without giving every headless BaaS app a collections argument it has no
+ * use for.
+ *
+ * Registration is a ref write, so it is safe to call during render — and it has
+ * to be. The views that fetch rows are *below* the registrar, and child effects
+ * run before parent effects, so registering in an effect would bind after the
+ * first page of rows had already been converted.
+ */
+export declare const CollectionResolverRegistrationContext: React.Context<(resolver: CollectionResolver | undefined) => void>;

package/dist/contexts/ModeController.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { ModeController } from "../hooks";
+import type { ModeController } from "../hooks/useModeController";
 export declare const ModeControllerContext: React.Context<ModeController>;
 export declare const ModeControllerProvider: React.Provider<ModeController>;

package/dist/contexts/index.d.ts

@@ -15,3 +15,4 @@ export * from "./RebaseClientInstanceContext";
 export * from "./CustomizationControllerContext";
 export * from "./ComponentOverrideContext";
 export * from "./CollectionScopeContext";
+export * from "./CollectionResolverContext";

package/dist/hooks/useBuildAdminModeController.d.ts

@@ -1,4 +1,4 @@
-import { AdminModeController } from "./index";
+import type { AdminModeController } from "./useAdminModeController";
 /**
  * Use this hook to build an admin mode controller that determines
  * whether the UI shows Developer or Editor tools.

package/dist/hooks/useBuildModeController.d.ts

@@ -1,4 +1,4 @@
-import { ModeController } from "./index";
+import type { ModeController } from "./useModeController";
 /**
  * Use this hook to build a color mode controller that determines
  * the theme of the CMS

package/dist/hooks/useNavigationBlocker.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { Blocker, BlockerFunction } from "react-router-dom";
+/**
+ * Owns the single React Router blocker for the whole app.
+ *
+ * React Router only honours **one** blocker at a time: `shouldBlockNavigation`
+ * picks the last-registered blocker function and silently ignores every other
+ * one (it only logs a dev warning). Because blockers register in a `useEffect`,
+ * the winner is whichever surface mounted most recently — so an unsaved-changes
+ * guard could be disabled by an unrelated component mounting after it.
+ *
+ * This provider registers the only `useBlocker` in the tree and multiplexes it,
+ * so every surface that needs to guard navigation gets a say regardless of
+ * mount order. Surfaces register through {@link useNavigationBlocker}.
+ */
+export declare function NavigationBlockerProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+/**
+ * Guard navigation with `predicate`, sharing the app-wide blocker.
+ *
+ * Returns a {@link Blocker} that is only ever in the `blocked` state when *this*
+ * registration is what blocked the navigation — so several guards can coexist
+ * without each of them popping a dialog.
+ *
+ * Returns an idle blocker when no {@link NavigationBlockerProvider} is mounted
+ * above, rather than competing for React Router's single blocker slot.
+ */
+export declare function useNavigationBlocker(predicate: BlockerFunction): Blocker;

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from "./contexts";
 export { CONTAINER_FULL_WIDTH, ADDITIONAL_TAB_WIDTH, FORM_CONTAINER_WIDTH } from "./internal/common";
 export { useRestoreScroll } from "./internal/useRestoreScroll";
 export { useUnsavedChangesDialog } from "./hooks/useUnsavedChangesDialog";
+export { NavigationBlockerProvider, useNavigationBlocker } from "./hooks/useNavigationBlocker";
 export type { UnsavedChangesDialogProps } from "./components/UnsavedChangesDialog";
 export { UnsavedChangesDialog } from "./components/UnsavedChangesDialog";
 export * from "./i18n/RebaseI18nProvider";

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React, { createContext, lazy, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import React, { createContext, lazy, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Alert, AlertCircleIcon, AlertTriangleIcon, AppWindow, ArrowLeftIcon, Avatar, BooleanSwitch, Button, CHIP_COLORS, Card, CenteredView, CheckIcon, Checkbox, ChevronDownIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, CircleUserIcon, CircularProgress, ColumnsIcon, Container, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, FileIcon, FileTextIcon, FilterChip, FilterIcon, FolderIcon, IconButton, KanbanIcon, KanbanView, LanguagesIcon, LayoutGridIcon, ListIcon, LoadingButton, LogOutIcon, MailIcon, Menu, MenuItem, MoonIcon, MultiSelect, MultiSelectItem, PanelLeftIcon, Paper, PencilIcon, PlusIcon, Popover, SearchBar, Select, SelectItem, Separator, SettingsIcon, Skeleton, SunIcon, SunMoonIcon, Tab, Table, TableBody, TableCell, TableHeader, TableRow, Tabs, TagIcon, TextField, ToggleButtonGroup, Tooltip, Trash2Icon, TypeIcon, Typography, UserIcon, Wand2Icon, cls, colorClassesMapping, coolIconKeys, defaultBorderMixin, getColorSchemeForSeed, iconKeys, iconSize, lucideIcons } from "@rebasepro/ui";
 import { DEFAULT_DATA_SOURCE_KEY, DEFAULT_STORAGE_SOURCE_KEY, EntityReference, EntityRelation, GeoPoint, RebaseApiError, Vector, isLazyComponentRef } from "@rebasepro/types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -296,6 +296,24 @@ function CollectionScopeProvider({ collection, children }) {
 	});
 }
 //#endregion
+//#region src/contexts/CollectionResolverContext.tsx
+/**
+* Lets the layer that owns the collections hand a resolver *up* to the data
+* layer, which needs a collection's primary keys to give its rows an address.
+*
+* The inversion is forced by the composition: `<Rebase client>` builds the data
+* layer, and `<RebaseAdmin collections>` sits inside it — so the collections are
+* not in scope where the data is created, and `Rebase` cannot take them as a
+* prop without giving every headless BaaS app a collections argument it has no
+* use for.
+*
+* Registration is a ref write, so it is safe to call during render — and it has
+* to be. The views that fetch rows are *below* the registrar, and child effects
+* run before parent effects, so registering in an effect would bind after the
+* first page of rows had already been converted.
+*/
+var CollectionResolverRegistrationContext = React.createContext(() => void 0);
+//#endregion
 //#region src/hooks/data/useData.tsx
 /**
 * Use this hook to access the unified data API.
@@ -391,6 +409,94 @@ function SchemaDriftBanner({ className }) {
 	});
 }
 //#endregion
+//#region src/util/previews.ts
+function isReferenceProperty(property) {
+	if (!property) return null;
+	if (property.type === "reference") return true;
+	if (property.type === "array") if (Array.isArray(property.of)) return false;
+	else return property.of?.type === "reference";
+	return false;
+}
+function isRelationProperty(property) {
+	if (!property) return null;
+	if (property.type === "relation") return true;
+	if (property.type === "array") if (Array.isArray(property.of)) return false;
+	else return property.of?.type === "relation";
+	return false;
+}
+function isHiddenProperty(property) {
+	if (!property) return false;
+	return Boolean(property.ui?.hideFromCollection);
+}
+/**
+* Returns true when the property holds file-storage content (single image,
+* array of images, generic upload, …).  These properties are rendered by the
+* dedicated image-slot and should NOT appear as regular preview columns.
+*/
+function isStorageProperty(property) {
+	if (!property) return false;
+	if (property.type === "string" && property.storage) return true;
+	if (property.type === "string" && property.ui?.url === "image") return true;
+	if (property.type === "array" && property.of && !Array.isArray(property.of)) {
+		const inner = property.of;
+		if (inner.type === "string" && (inner.storage || inner.ui?.url === "image")) return true;
+	}
+	return false;
+}
+function getEntityPreviewKeys(authController, targetCollection, fields, previewProperties, limit = 3) {
+	const allProperties = Object.keys(targetCollection.properties);
+	let listProperties = previewProperties?.filter((p) => allProperties.includes(p));
+	if (!listProperties && targetCollection.previewProperties) listProperties = targetCollection.previewProperties?.filter((p) => allProperties.includes(p));
+	if (listProperties && listProperties.length > 0) return listProperties;
+	else {
+		listProperties = targetCollection.propertiesOrder || allProperties;
+		return listProperties.filter((key) => {
+			const prop = targetCollection.properties[key];
+			return !(prop && typeof prop === "object" && "isId" in prop && Boolean(prop.isId)) && key !== "id";
+		}).filter((key) => {
+			const property = targetCollection.properties[key];
+			return property && !isPropertyBuilder(property) && !isReferenceProperty(property) && !isRelationProperty(property) && !isHiddenProperty(property) && !isStorageProperty(property);
+		}).slice(0, limit);
+	}
+}
+var INCLUDE_ALL_RELATIONS = ["*"];
+/**
+* The `include` params that eager-load a collection's relations in the same
+* request as its rows, so previews never fetch once per relation cell.
+*
+* Only the REST transport reads `include`; the realtime transport embeds
+* relation data unconditionally and ignores it. Passing it either way keeps a
+* realtime-less deployment rendering the same cells as a realtime one.
+*/
+function getRelationIncludeParams(collection) {
+	if (!collection.properties) return void 0;
+	return Object.values(collection.properties).some((property) => property && !isPropertyBuilder(property) && (isRelationProperty(property) || isReferenceProperty(property))) ? INCLUDE_ALL_RELATIONS : void 0;
+}
+function getEntityTitlePropertyKey(collection, propertyConfigs) {
+	if (collection.titleProperty) return collection.titleProperty;
+	const orderToSearch = collection.propertiesOrder || Object.keys(collection.properties);
+	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;
+}
+//#endregion
 //#region src/hooks/data/useCollection.tsx
 /**
 * This hook is used to fetch collections using a given collection
@@ -435,7 +541,7 @@ function useCollection({ path, collection, filterValues, sortBy, itemCount, offs
 			if (isSchemaDriftError(error)) reportSchemaDrift(error.message);
 		};
 		const accessor = dataClient.collection(path);
-		const includeParams = collection.properties && Object.values(collection.properties).some((p) => p.type === "relation" || p.type === "reference") ? ["*"] : void 0;
+		const includeParams = getRelationIncludeParams(collection);
 		if (accessor.listen) return accessor.listen({
 			where: whereParams,
 			limit: itemCount,
@@ -810,6 +916,7 @@ function useRelationSelector({ path, collection, fixedFilter, pageSize = DEFAULT
 			unsubscribeRef.current = null;
 		}
 	}, []);
+	const includeParams = getRelationIncludeParams(collection);
 	const fetchData = useCallback(() => {
 		cleanupSubscription();
 		setError(void 0);
@@ -831,7 +938,8 @@ function useRelationSelector({ path, collection, fixedFilter, pageSize = DEFAULT
 			where: whereParams,
 			limit,
 			orderBy: void 0,
-			searchString: currentSearch
+			searchString: currentSearch,
+			include: includeParams
 		}, (res) => onEntitiesUpdate({
 			data: res.data,
 			meta: res.meta
@@ -842,7 +950,8 @@ function useRelationSelector({ path, collection, fixedFilter, pageSize = DEFAULT
 				limit,
 				offset: 0,
 				orderBy: void 0,
-				searchString: currentSearch
+				searchString: currentSearch,
+				include: includeParams
 			}).then((res) => onEntitiesUpdate({
 				data: res.data,
 				meta: res.meta
@@ -858,7 +967,8 @@ function useRelationSelector({ path, collection, fixedFilter, pageSize = DEFAULT
 		currentSearch,
 		entityToRelationItem,
 		cleanupSubscription,
-		setLoading
+		setLoading,
+		includeParams
 	]);
 	const search = useCallback((searchString) => {
 		if (searchTimeoutRef.current) clearTimeout(searchTimeoutRef.current);
@@ -970,6 +1080,91 @@ async function deleteEntityWithCallbacks({ data, entity, collection, callbacks,
 	});
 }
 //#endregion
+//#region src/hooks/useNavigationBlocker.tsx
+var IDLE_BLOCKER = {
+	state: "unblocked",
+	proceed: void 0,
+	reset: void 0,
+	location: void 0
+};
+var NavigationBlockerContext = createContext(null);
+/**
+* Owns the single React Router blocker for the whole app.
+*
+* React Router only honours **one** blocker at a time: `shouldBlockNavigation`
+* picks the last-registered blocker function and silently ignores every other
+* one (it only logs a dev warning). Because blockers register in a `useEffect`,
+* the winner is whichever surface mounted most recently — so an unsaved-changes
+* guard could be disabled by an unrelated component mounting after it.
+*
+* This provider registers the only `useBlocker` in the tree and multiplexes it,
+* so every surface that needs to guard navigation gets a say regardless of
+* mount order. Surfaces register through {@link useNavigationBlocker}.
+*/
+function NavigationBlockerProvider({ children }) {
+	const predicates = useRef(/* @__PURE__ */ new Map());
+	const [blockedBy, setBlockedBy] = useState(null);
+	const blocker = useBlocker(useCallback((args) => {
+		for (const [id, predicate] of predicates.current) if (predicate(args)) {
+			setBlockedBy(id);
+			return true;
+		}
+		setBlockedBy(null);
+		return false;
+	}, []));
+	const register = useCallback((id, predicate) => {
+		predicates.current.set(id, predicate);
+	}, []);
+	const unregister = useCallback((id) => {
+		predicates.current.delete(id);
+		setBlockedBy((current) => current === id ? null : current);
+	}, []);
+	const value = useMemo(() => ({
+		register,
+		unregister,
+		blocker,
+		blockedBy
+	}), [
+		register,
+		unregister,
+		blocker,
+		blockedBy
+	]);
+	return /* @__PURE__ */ jsx(NavigationBlockerContext.Provider, {
+		value,
+		children
+	});
+}
+/**
+* Guard navigation with `predicate`, sharing the app-wide blocker.
+*
+* Returns a {@link Blocker} that is only ever in the `blocked` state when *this*
+* registration is what blocked the navigation — so several guards can coexist
+* without each of them popping a dialog.
+*
+* Returns an idle blocker when no {@link NavigationBlockerProvider} is mounted
+* above, rather than competing for React Router's single blocker slot.
+*/
+function useNavigationBlocker(predicate) {
+	const context = useContext(NavigationBlockerContext);
+	const id = useId();
+	const predicateRef = useRef(predicate);
+	predicateRef.current = predicate;
+	const register = context?.register;
+	const unregister = context?.unregister;
+	useEffect(() => {
+		if (!register || !unregister) return;
+		register(id, (args) => predicateRef.current(args));
+		return () => unregister(id);
+	}, [
+		register,
+		unregister,
+		id
+	]);
+	if (!context) return IDLE_BLOCKER;
+	return context.blockedBy === id ? context.blocker : IDLE_BLOCKER;
+}
+//#endregion
 //#region src/hooks/useUnsavedChangesDialog.tsx
 /**
 * A single, unified hook to prevent navigation when there are unsaved changes.
@@ -980,7 +1175,7 @@ async function deleteEntityWithCallbacks({ data, entity, collection, callbacks,
 */
 function useUnsavedChangesDialog(when, onOk) {
 	const [manualDialogOpen, setManualDialogOpen] = useState(false);
-	const blocker = useBlocker(({ currentLocation, nextLocation }) => when && currentLocation.pathname !== nextLocation.pathname);
+	const blocker = useNavigationBlocker(useCallback(({ currentLocation, nextLocation }) => when && currentLocation.pathname !== nextLocation.pathname, [when]));
 	useEffect(() => {
 		if (!when) return;
 		const handleBeforeUnload = (e) => {
@@ -2347,18 +2542,21 @@ function useDataTableController({ path, collection, scrollRestoration, entitiesD
 		const whereParams = filterValues && Object.keys(filterValues).length > 0 ? filterValues : void 0;
 		const orderByParams = sortBy ? [String(sortBy[0]), sortBy[1]] : void 0;
 		let unsubscribe;
+		const includeParams = getRelationIncludeParams(collection);
 		if (accessor.listen) unsubscribe = accessor.listen({
 			where: whereParams,
 			limit: itemCount,
 			orderBy: orderByParams,
-			searchString
+			searchString,
+			include: includeParams
 		}, (res) => onEntitiesUpdate(res.data), onError);
 		else {
 			accessor.find({
 				where: whereParams,
 				limit: itemCount,
 				orderBy: orderByParams,
-				searchString
+				searchString,
+				include: includeParams
 			}).then((res) => onEntitiesUpdate(res.data)).catch(onError);
 			unsubscribe = () => void 0;
 		}
@@ -9080,10 +9278,10 @@ function LoginForm({ onClose, onForgotPassword, authController, registrationMode
 		};
 	}, [onClose]);
 	function handleEnterPassword() {
-		if (email && password && authController.emailPasswordLogin) authController.emailPasswordLogin(email, password);
+		if (email && password && authController.emailPasswordLogin) Promise.resolve(authController.emailPasswordLogin(email, password)).catch(() => void 0);
 	}
 	function handleRegistration() {
-		if (email && password && authController.register) authController.register(email, password, displayName);
+		if (email && password && authController.register) Promise.resolve(authController.register(email, password, displayName)).catch(() => void 0);
 	}
 	const handleSubmit = (event) => {
 		event.preventDefault();
@@ -15337,6 +15535,11 @@ function Rebase(props) {
 	const normalizedDataSources = useMemo(() => {
 		return dataSourcesProp ?? [];
 	}, [dataSourcesProp]);
+	const collectionResolverRef = useRef(void 0);
+	const registerCollectionResolver = React.useCallback((resolver) => {
+		collectionResolverRef.current = resolver;
+	}, []);
+	const entityDataOptions = useMemo(() => ({ resolveCollection: (slug) => collectionResolverRef.current?.(slug) }), []);
 	const dataSourcesRef = useRef(null);
 	const dataSourcesValue = useMemo(() => {
 		const sig = normalizedDataSources.map((d) => ({
@@ -15355,7 +15558,7 @@ function Rebase(props) {
 				...definition,
 				transport: ds.transport ?? (driver ? "direct" : "server")
 			};
-			if (driver) sources[ds.key] = buildRebaseData(driver);
+			if (driver) sources[ds.key] = buildRebaseData(driver, entityDataOptions);
 		}
 		const value = {
 			registry,
@@ -15366,16 +15569,20 @@ function Rebase(props) {
 			value
 		};
 		return value;
-	}, [normalizedDataSources]);
+	}, [normalizedDataSources, entityDataOptions]);
 	const resolvedData = useMemo(() => {
 		const registeredDefault = dataSourcesValue.sources[DEFAULT_DATA_SOURCE_KEY];
 		if (registeredDefault) return registeredDefault;
-		if (client?.data) return wrapAsEntityData(client.data);
+		if (client?.data) return wrapAsEntityData(client.data, entityDataOptions);
 		const built = Object.values(dataSourcesValue.sources);
 		if (built.length === 1) return built[0];
 		if (built.length > 1) throw new Error("[Rebase] Several data sources are registered but none is the default. Pass a `client`, or key one `dataSources` entry \"(default)\".");
 		throw new Error("Rebase requires either `client` or a `dataSources` entry with a driver to be provided");
-	}, [client, dataSourcesValue]);
+	}, [
+		client,
+		dataSourcesValue,
+		entityDataOptions
+	]);
 	const resolvedStorage = storageSourceProp ?? client?.storage;
 	const [remoteStorageSources, setRemoteStorageSources] = useState([]);
 	const authUser = authController.user;
@@ -15448,6 +15655,7 @@ function Rebase(props) {
 				executeSql: wsAdmin.executeSql.bind(wsAdmin),
 				fetchAvailableDatabases: wsAdmin.fetchAvailableDatabases?.bind(wsAdmin),
 				fetchAvailableRoles: wsAdmin.fetchAvailableRoles?.bind(wsAdmin),
+				fetchApplicationRoles: wsAdmin.fetchApplicationRoles?.bind(wsAdmin),
 				fetchCurrentDatabase: wsAdmin.fetchCurrentDatabase?.bind(wsAdmin),
 				fetchUnmappedTables: wsAdmin.fetchUnmappedTables?.bind(wsAdmin),
 				fetchTableMetadata: wsAdmin.fetchTableMetadata?.bind(wsAdmin),
@@ -15520,20 +15728,23 @@ function Rebase(props) {
 										value: storageSourcesValue,
 										children: /* @__PURE__ */ jsx(StorageSourceContext.Provider, {
 											value: resolvedStorage,
-											children: /* @__PURE__ */ jsx(DataSourcesContext.Provider, {
-												value: dataSourcesValue,
-												children: /* @__PURE__ */ jsx(RebaseDataContext.Provider, {
-													value: resolvedData,
-													children: /* @__PURE__ */ jsx(DatabaseAdminContext.Provider, {
-														value: resolvedDatabaseAdmin,
-														children: /* @__PURE__ */ jsx(AuthControllerContext.Provider, {
-															value: authController,
-															children: /* @__PURE__ */ jsx(EffectiveRoleControllerContext.Provider, {
-																value: activeEffectiveRoleController,
-																children: /* @__PURE__ */ jsx(DialogsProvider, { children: /* @__PURE__ */ jsx(SchemaDriftProvider, { children: /* @__PURE__ */ jsx(RebaseRegistryProvider, { children: /* @__PURE__ */ jsx(RebaseInternal, {
-																	loading,
-																	children
-																}) }) }) })
+											children: /* @__PURE__ */ jsx(CollectionResolverRegistrationContext.Provider, {
+												value: registerCollectionResolver,
+												children: /* @__PURE__ */ jsx(DataSourcesContext.Provider, {
+													value: dataSourcesValue,
+													children: /* @__PURE__ */ jsx(RebaseDataContext.Provider, {
+														value: resolvedData,
+														children: /* @__PURE__ */ jsx(DatabaseAdminContext.Provider, {
+															value: resolvedDatabaseAdmin,
+															children: /* @__PURE__ */ jsx(AuthControllerContext.Provider, {
+																value: authController,
+																children: /* @__PURE__ */ jsx(EffectiveRoleControllerContext.Provider, {
+																	value: activeEffectiveRoleController,
+																	children: /* @__PURE__ */ jsx(DialogsProvider, { children: /* @__PURE__ */ jsx(SchemaDriftProvider, { children: /* @__PURE__ */ jsx(RebaseRegistryProvider, { children: /* @__PURE__ */ jsx(RebaseInternal, {
+																		loading,
+																		children
+																	}) }) }) })
+																})
 															})
 														})
 													})
@@ -16470,81 +16681,6 @@ async function resizeImage(file, imageResize) {
 	});
 }
 //#endregion
-//#region src/util/previews.ts
-function isReferenceProperty(property) {
-	if (!property) return null;
-	if (property.type === "reference") return true;
-	if (property.type === "array") if (Array.isArray(property.of)) return false;
-	else return property.of?.type === "reference";
-	return false;
-}
-function isRelationProperty(property) {
-	if (!property) return null;
-	if (property.type === "relation") return true;
-	if (property.type === "array") if (Array.isArray(property.of)) return false;
-	else return property.of?.type === "relation";
-	return false;
-}
-function isHiddenProperty(property) {
-	if (!property) return false;
-	return Boolean(property.ui?.hideFromCollection);
-}
-/**
-* Returns true when the property holds file-storage content (single image,
-* array of images, generic upload, …).  These properties are rendered by the
-* dedicated image-slot and should NOT appear as regular preview columns.
-*/
-function isStorageProperty(property) {
-	if (!property) return false;
-	if (property.type === "string" && property.storage) return true;
-	if (property.type === "string" && property.ui?.url === "image") return true;
-	if (property.type === "array" && property.of && !Array.isArray(property.of)) {
-		const inner = property.of;
-		if (inner.type === "string" && (inner.storage || inner.ui?.url === "image")) return true;
-	}
-	return false;
-}
-function getEntityPreviewKeys(authController, targetCollection, fields, previewProperties, limit = 3) {
-	const allProperties = Object.keys(targetCollection.properties);
-	let listProperties = previewProperties?.filter((p) => allProperties.includes(p));
-	if (!listProperties && targetCollection.previewProperties) listProperties = targetCollection.previewProperties?.filter((p) => allProperties.includes(p));
-	if (listProperties && listProperties.length > 0) return listProperties;
-	else {
-		listProperties = targetCollection.propertiesOrder || allProperties;
-		return listProperties.filter((key) => {
-			const prop = targetCollection.properties[key];
-			return !(prop && typeof prop === "object" && "isId" in prop && Boolean(prop.isId)) && key !== "id";
-		}).filter((key) => {
-			const property = targetCollection.properties[key];
-			return property && !isPropertyBuilder(property) && !isReferenceProperty(property) && !isRelationProperty(property) && !isHiddenProperty(property) && !isStorageProperty(property);
-		}).slice(0, limit);
-	}
-}
-function getEntityTitlePropertyKey(collection, propertyConfigs) {
-	if (collection.titleProperty) return collection.titleProperty;
-	const orderToSearch = collection.propertiesOrder || Object.keys(collection.properties);
-	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;
-}
-//#endregion
 //#region src/util/enums.ts
 function getColorScheme(enumValues, key) {
 	const labelOrConfig = getLabelOrConfigFrom(enumValues, key);
@@ -16838,6 +16974,6 @@ function useBridgeRegistration(key, value) {
 	]);
 }
 //#endregion
-export { ADDITIONAL_TAB_WIDTH, AIIcon, AIModifiedIndicator, AdminModeControllerContext, AdminModeControllerProvider, AnalyticsContext, ApiConfigProvider, AuthApiError, AuthControllerContext, CONTAINER_FULL_WIDTH, CollectionComponentOverrideProvider, 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, 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, buildCollapsedDefaults, buildEnumLabel, clearAuthConfigCache, clearFetchCache, createAuthConfigCache, createFormexStub, deleteEntityWithCallbacks, en, es, fetchAuthConfig, flattenKeys, getColorScheme, getColumnKeysForProperty, getEntityFromCache, getEntityFromMemoryCache, getEntityPreviewKeys, getEntityTitlePropertyKey, getFormFieldKeys, getIcon, getRowHeight, getSubcollectionColumnId, iconsSearch, isEnumValueDisabled, isSchemaDriftError, populateFetchCache, removeEntityFromCache, removeEntityFromMemoryCache, resolveComponentRef, 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, 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 { 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, buildCollapsedDefaults, buildEnumLabel, clearAuthConfigCache, clearFetchCache, createAuthConfigCache, createFormexStub, deleteEntityWithCallbacks, en, es, fetchAuthConfig, flattenKeys, getColorScheme, getColumnKeysForProperty, getEntityFromCache, getEntityFromMemoryCache, getEntityPreviewKeys, getEntityTitlePropertyKey, getFormFieldKeys, getIcon, getRelationIncludeParams, getRowHeight, getSubcollectionColumnId, iconsSearch, isEnumValueDisabled, isSchemaDriftError, populateFetchCache, removeEntityFromCache, removeEntityFromMemoryCache, resolveComponentRef, 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 };
 
 //# sourceMappingURL=index.es.js.map