@rebasepro/admin 0.9.0 → 0.9.1-canary.0de22e0

package/dist/index.js

@@ -1,2 +1,3300 @@
-import { $ as RelationPreview, $n as SelectableTable, $t as BlockFieldBinding, A as useCollectionDataController, An as removeInitialAndTrailingSlashes, Ar as renderSkeletonIcon, At as useImportConfig, B as ArrayOfMapsPreview, Bn as useUrlController, Bt as getFieldId, C as downloadEntitiesExport, Cn as editEntityAction, Cr as ArrayPropertyPreview, Ct as useCollectionEditorController, D as ImportDataPreview, Dn as getCollectionBySlugWithin, Dr as StorageThumbnailInternal, Dt as flattenEntry, E as ImportCollectionAction, En as addInitialSlash, Er as StorageThumbnail, Et as convertDataToEntity, F as extractTouchedValues, Fn as useHistory, Fr as ImagePreview, Ft as PropertyConfigBadge, G as DatePreview, Gn as useSideDialogsController, Gt as SelectFieldBinding, H as UserPreview, Hn as useNavigationStateController, Ht as TextFieldBinding, I as getChanges, In as resolveNavigationFrom, Ir as EmptyValue, It as DEFAULT_FIELD_CONFIGS, J as ArrayOneOfPreview, Jn as useBuildSidePanel, Jt as MultiSelectFieldBinding, K as KeyValuePreview, Kn as buildSidePanelsFromUrl, Kt as RepeatFieldBinding, L as getInitialEntityValues, Ln as useResolvedNavigationFrom, Lt as getDefaultFieldConfig, M as mapPropertyToConfig, Mn as removeTrailingSlash, Mr as renderSkeletonText, Mt as ImportFileUpload, N as EntityFormBinding, Nn as resolveCollectionPathIds, Nr as UrlComponentPreview, Nt as convertFileToJson, O as PropertySelectEntry, On as getCollectionPathsCombinations, Or as SkeletonPropertyComponent, Ot as processValueMapping, P as EntityForm, Pn as useBuildCollectionRegistryController, Pr as sanitizeUrl, Pt as unflattenObject, Q as ArrayOfStorageComponentsPreview, Qn as CollectionTableBinding, Qt as DateTimeFieldBinding, R as removeEmptyContainers, Rn as useCMSContext, Rt as getDefaultFieldId, S as downloadDataAsCsv, Sn as deleteEntityAction, Sr as isRelationProperty, St as CollectionViewActions, T as getEntityJsonExportableData, Tn as CreationResultDialog, Tr as EnumValuesChip, Tt as DataNewPropertiesMapping, U as NumberPropertyPreview, Un as CollectionRegistryContext, Ut as SwitchFieldBinding, V as PropertyPreview, Vn as NavigationStateContext, Vt as VectorFieldBinding, W as BooleanPreview, Wn as useCollectionRegistryController, Wt as StorageUploadFieldBinding, X as ArrayPropertyEnumPreview, Xn as useSelectionController, Xt as MapFieldBinding, Y as ArrayOfStringsPreview, Yn as mergeEntityActions, Yt as MarkdownEditorFieldBinding, Z as ArrayEnumPreview, Zn as VirtualTableInput, Zt as KeyValueFieldBinding, _ as toSerializableProperty, _n as useBuildNavigationStateController, _r as getIconForWidget, _t as SidePanelProvider, a as namespaceToPropertiesPath, an as FormLayout, ar as useSelectionDialog, at as RebaseLayout, b as BasicExportAction, bn as useResolvedCollections, br as getResolvedPropertyInPath, bt as CollectionCardViewBinding, c as DEFAULT_COLLECTION_GENERATION_ENDPOINT, cn as PropertyIdCopyTooltip, cr as EntityViewBinding, ct as RebaseAuthGate, d as useJsonCollectionsConfigController, dn as SearchIconsView, dr as EntityPreviewBinding, dt as Drawer, en as ArrayOfReferencesFieldBinding, er as CollectionRowActions, et as CollectionPanel, f as fromSerializableCollectionConfig, fn as FieldCaption, fr as getEntityPreviewKeys, ft as DefaultDrawer, g as toSerializableProperties, gn as useBuildUrlController, gr as getIconForProperty, gt as AdminModeSyncer, h as toSerializableCollectionConfig, hn as useBreadcrumbsController, hr as getDefaultPropertiesOrder, ht as useApp, i as namespaceToPropertiesOrderPath, in as ReadOnlyFieldBinding, ir as useSidePanel, it as RebaseRoute, j as mapPropertiesToConfigs, jn as removeInitialSlash, jr as renderSkeletonImageThumbnail, jt as ImportSaveInProgress, k as createStaticDataController, kn as getLastSegment, kr as renderSkeletonCaptionText, kt as getInferenceType, l as buildCollectionGenerationCallback, ln as LabelWithIcon, lr as ArrayOfReferencesPreview, lt as RebaseCMS, m as fromSerializableProperty, mn as SideDialogs, mr as getBracketNotation, mt as AppBar, n as getFullIdPath, nn as ArrayCustomShapedFieldBinding, nr as SelectableTableContext, nt as RebaseRouteDefs, o as MissingReferenceWidget, on as FormEntry, or as resolveEntityAction, ot as RebaseNavigation, p as fromSerializableProperties, pn as SelectionTableBinding, pr as getEntityTitlePropertyKey, pt as DrawerFooterActions, q as MapPropertyPreview, qn as getEntityViewWidth, qt as ReferenceFieldBinding, r as idToPropertiesPath, rn as PropertyFieldBinding, rr as SidePanelControllerContext, rt as CustomViewRoute, s as CollectionGenerationApiError, sn as LabelWithIconAndTooltip, sr as resolveEntityView, st as useLocalCollectionsConfigController, t as getFullId, tn as ArrayContainer, tr as useClearRestoreValue, tt as RebaseShell, u as validateCollectionJson, un as FieldHelperText, ur as ReferencePreview, ut as Scaffold, v as useCollectionsConfigController, vn as useTopLevelNavigation, vr as getPropertiesWithPropertiesOrder, vt as ReferenceWidget, w as getEntityCSVExportableData, wn as resetPasswordAction, wr as StringPropertyPreview, wt as ImportNewPropertyFieldPreview, x as downloadBlob, xn as copyEntityAction, xr as isReferenceProperty, xt as EntityCardBinding, y as ExportCollectionAction, yn as useResolvedViews, yr as getPropertyInPath, yt as CollectionViewBinding, z as zodToFormErrors, zn as UrlContext, zt as getFieldConfig } from "./src-sUZfe29F.js";
-export { AdminModeSyncer, AppBar, ArrayContainer, ArrayCustomShapedFieldBinding, ArrayEnumPreview, ArrayOfMapsPreview, ArrayOfReferencesFieldBinding, ArrayOfReferencesPreview, ArrayOfStorageComponentsPreview, ArrayOfStringsPreview, ArrayOneOfPreview, ArrayPropertyEnumPreview, ArrayPropertyPreview, BasicExportAction, BlockFieldBinding, BooleanPreview, CollectionCardViewBinding, CollectionGenerationApiError, CollectionPanel, CollectionRegistryContext, CollectionRowActions, CollectionTableBinding, CollectionViewActions, CollectionViewBinding, CreationResultDialog, CustomViewRoute, DEFAULT_COLLECTION_GENERATION_ENDPOINT, DEFAULT_FIELD_CONFIGS, DataNewPropertiesMapping, DatePreview, DateTimeFieldBinding, DefaultDrawer, Drawer, DrawerFooterActions, EmptyValue, EntityCardBinding, EntityForm, EntityFormBinding, EntityPreviewBinding, EntityViewBinding, EnumValuesChip, ExportCollectionAction, FieldCaption, FieldHelperText, FormEntry, FormLayout, ImagePreview, ImportCollectionAction, ImportDataPreview, ImportFileUpload, ImportNewPropertyFieldPreview, ImportSaveInProgress, KeyValueFieldBinding, KeyValuePreview, LabelWithIcon, LabelWithIconAndTooltip, MapFieldBinding, MapPropertyPreview, MarkdownEditorFieldBinding, MissingReferenceWidget, MultiSelectFieldBinding, NavigationStateContext, NumberPropertyPreview, PropertyConfigBadge, PropertyFieldBinding, PropertyIdCopyTooltip, PropertyPreview, PropertySelectEntry, ReadOnlyFieldBinding, RebaseAuthGate, RebaseCMS, RebaseLayout, RebaseNavigation, RebaseRoute, RebaseRouteDefs, RebaseShell, ReferenceFieldBinding, ReferencePreview, ReferenceWidget, RelationPreview, RepeatFieldBinding, Scaffold, SearchIconsView, SelectFieldBinding, SelectableTable, SelectableTableContext, SelectionTableBinding, SideDialogs, SidePanelControllerContext, SidePanelProvider, SkeletonPropertyComponent, StorageThumbnail, StorageThumbnailInternal, StorageUploadFieldBinding, StringPropertyPreview, SwitchFieldBinding, TextFieldBinding, UrlComponentPreview, UrlContext, UserPreview, VectorFieldBinding, VirtualTableInput, addInitialSlash, buildCollectionGenerationCallback, buildSidePanelsFromUrl, convertDataToEntity, convertFileToJson, copyEntityAction, createStaticDataController, deleteEntityAction, downloadBlob, downloadDataAsCsv, downloadEntitiesExport, editEntityAction, extractTouchedValues, flattenEntry, fromSerializableCollectionConfig, fromSerializableProperties, fromSerializableProperty, getBracketNotation, getChanges, getCollectionBySlugWithin, getCollectionPathsCombinations, getDefaultFieldConfig, getDefaultFieldId, getDefaultPropertiesOrder, getEntityCSVExportableData, getEntityJsonExportableData, getEntityPreviewKeys, getEntityTitlePropertyKey, getEntityViewWidth, getFieldConfig, getFieldId, getFullId, getFullIdPath, getIconForProperty, getIconForWidget, getInferenceType, getInitialEntityValues, getLastSegment, getPropertiesWithPropertiesOrder, getPropertyInPath, getResolvedPropertyInPath, idToPropertiesPath, isReferenceProperty, isRelationProperty, mapPropertiesToConfigs, mapPropertyToConfig, mergeEntityActions, namespaceToPropertiesOrderPath, namespaceToPropertiesPath, processValueMapping, removeEmptyContainers, removeInitialAndTrailingSlashes, removeInitialSlash, removeTrailingSlash, renderSkeletonCaptionText, renderSkeletonIcon, renderSkeletonImageThumbnail, renderSkeletonText, resetPasswordAction, resolveCollectionPathIds, resolveEntityAction, resolveEntityView, resolveNavigationFrom, sanitizeUrl, toSerializableCollectionConfig, toSerializableProperties, toSerializableProperty, unflattenObject, useApp, useBreadcrumbsController, useBuildCollectionRegistryController, useBuildNavigationStateController, useBuildSidePanel, useBuildUrlController, useCMSContext, useClearRestoreValue, useCollectionDataController, useCollectionEditorController, useCollectionRegistryController, useCollectionsConfigController, useHistory, useImportConfig, useJsonCollectionsConfigController, useLocalCollectionsConfigController, useNavigationStateController, useResolvedCollections, useResolvedNavigationFrom, useResolvedViews, useSelectionController, useSelectionDialog, useSideDialogsController, useSidePanel, useTopLevelNavigation, useUrlController, validateCollectionJson, zodToFormErrors };
+import { $ as useHistory, $n as renderSkeletonImageThumbnail, $t as SelectableTable, A as VectorFieldBinding, An as SidePanelControllerContext, At as unflattenObject, B as KeyValueFieldBinding, Bn as getPropertiesWithPropertiesOrder, Bt as getCollectionPathsCombinations, C as zodToFormErrors, Cn as ArrayPropertyEnumPreview, Ct as flattenEntry, D as getDefaultFieldId, Dn as ArrayOfReferencesPreview, Dt as ImportSaveInProgress, E as getDefaultFieldConfig, En as RelationPreview, Et as useImportConfig, F as RepeatFieldBinding, Fn as getEntityTitlePropertyKey, Ft as useBreadcrumbsController, G as SelectionTableBinding, Gn as ArrayPropertyPreview, Gt as resolveCollectionPathIds, H as BlockFieldBinding, Hn as getResolvedPropertyInPath, Ht as removeInitialAndTrailingSlashes, I as ReferenceFieldBinding, In as getBracketNotation, It as BreadcrumbsProvider, J as useBuildNavigationStateController, Jn as StorageThumbnail, Jt as resolveEntityAction, K as SideDialogs, Kn as StringPropertyPreview, Kt as resolveOpenEntityMode, L as MultiSelectFieldBinding, Ln as getDefaultPropertiesOrder, Lt as mergeEntityActions, M as SwitchFieldBinding, Mn as CollectionRegistryContext, Mt as PropertyConfigBadge, N as StorageUploadFieldBinding, Nn as useCollectionRegistryController, Nt as SearchIconsView, O as getFieldConfig, On as ReferencePreview, Ot as ImportFileUpload, P as SelectFieldBinding, Pn as getEntityPreviewKeys, Pt as FieldCaption, Q as useBuildCollectionRegistryController, Qn as renderSkeletonIcon, Qt as CollectionTableBinding, R as MarkdownEditorFieldBinding, Rn as getIconForProperty, Rt as addInitialSlash, S as removeEmptyContainers, Sn as ArrayOfStringsPreview, St as convertDataToEntity, T as DEFAULT_FIELD_CONFIGS, Tn as ArrayOfStorageComponentsPreview, Tt as getInferenceType, U as ArrayOfReferencesFieldBinding, Un as isReferenceProperty, Ut as removeInitialSlash, V as DateTimeFieldBinding, Vn as getPropertyInPath, Vt as getLastSegment, W as useSelectionDialog, Wn as isRelationProperty, Wt as removeTrailingSlash, X as useResolvedViews, Xn as SkeletonPropertyComponent, Xt as useSelectionController, Y as useTopLevelNavigation, Yn as StorageThumbnailInternal, Yt as resolveEntityView, Z as useResolvedCollections, Zn as renderSkeletonCaptionText, Zt as VirtualTableInput, _ as EntityFormBinding, _n as BooleanPreview, _t as useCollectionEditorController, a as namespaceToPropertiesPath, an as useNavigationStateController, ar as LabelWithIconAndTooltip, at as EditViewBinding, b as getChanges, bn as MapPropertyPreview, bt as ImportNewPropertyFieldPreview, c as buildCollectionGenerationCallback, cn as SelectableTableContext, cr as FormLayout, ct as deleteEntityAction, d as fromSerializableProperties, dn as ReadOnlyFieldBinding, dt as CreationResultDialog, en as CollectionRowActions, er as renderSkeletonText, et as resolveNavigationFrom, f as fromSerializableProperty, fn as FieldHelperText, ft as DetailViewBinding, g as useCollectionsConfigController, gn as NumberPropertyPreview, gt as CollectionViewActions, h as toSerializableProperty, hn as UserPreview, ht as EntityCardBinding, i as namespaceToPropertiesOrderPath, in as NavigationStateContext, ir as EmptyValue, it as useBuildSidePanel, j as TextFieldBinding, jn as useSidePanel, jt as ArrayContainer, k as getFieldId, kn as EntityPreviewBinding, kt as convertFileToJson, l as validateCollectionJson, ln as ArrayCustomShapedFieldBinding, lr as FormEntry, lt as editEntityAction, m as toSerializableProperties, mn as PropertyPreview, mt as CollectionCardViewBinding, n as getFullIdPath, nn as UrlContext, nr as ImagePreview, nt as buildSidePanelsFromUrl, o as CollectionGenerationApiError, on as useSideDialogsController, or as PropertyIdCopyTooltip, ot as CollectionViewBinding, p as toSerializableCollectionConfig, pn as ArrayOfMapsPreview, pt as EntityViewBinding, q as useBuildUrlController, qn as EnumValuesChip, qt as resolveViewMode, r as idToPropertiesPath, rn as useUrlController, rr as sanitizeUrl, rt as getEntityViewWidth, s as DEFAULT_COLLECTION_GENERATION_ENDPOINT, sn as SideDialogsControllerContext, sr as LabelWithIcon, st as copyEntityAction, t as getFullId, tn as useCMSContext, tr as UrlComponentPreview, tt as useResolvedNavigationFrom, u as fromSerializableCollectionConfig, un as useClearRestoreValue, ut as resetPasswordAction, v as EntityForm, vn as DatePreview, vt as ConfigControllerProvider, w as PropertyFieldBinding, wn as ArrayEnumPreview, wt as processValueMapping, x as getInitialEntityValues, xn as ArrayOneOfPreview, xt as DataNewPropertiesMapping, y as extractTouchedValues, yn as KeyValuePreview, yt as useCollectionEditorDialogsState, z as MapFieldBinding, zn as getIconForWidget, zt as getCollectionBySlugWithin } from "./util-XFwQ9FEc.js";
+import { i as PropertySelectEntry, n as ImportCollectionAction, r as ImportDataPreview } from "./import-DzQnT03v.js";
+import { a as downloadDataAsCsv, c as getEntityJsonExportableData, i as downloadBlob, n as ExportCollectionAction, o as downloadEntitiesExport, r as BasicExportAction, s as getEntityCSVExportableData } from "./export-BM6HPujv.js";
+import React, { Suspense, lazy, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { deepEqual } from "fast-equals";
+import { Avatar, Button, Card, ChevronDownIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, CircularProgressCenter, Collapse, Container, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, ExpandablePanel, IconButton, LogOutIcon, Markdown, Menu, MenuIcon, MenuItem, MoonIcon, PencilIcon, SearchBar, SettingsIcon, Sheet, Skeleton, StarIcon, SunIcon, SunMoonIcon, TextField, Tooltip, Typography, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
+import { buildRoutedRebaseData, getLastSegment as getLastSegment$1, getNavigationEntriesFromPath, getReferenceFrom, resolveDataSource } from "@rebasepro/common";
+import { CollectionResolverRegistrationContext, CollectionScopeProvider, CustomizationControllerContext, ErrorView, IconForView, LanguageToggle, LoginView, NavigationBlockerProvider, NotFoundPage, RebaseDataContext, RebaseLogo, RebaseRoutes, SchemaDriftBanner, StudioBridgeRegistryProvider, UIReferenceView, UnsavedChangesDialog, UserSettingsView, buildCollapsedDefaults, useAdminModeController, useAnalyticsController, useAuthController, useBridgeRegistration, useBuildLocalConfigurationPersistence, useCollapsedGroups, useComponentOverride, useCustomizationController, useData, useDataSources, useLargeLayout, useModeController, useNavigationBlocker, useRebaseClient, useRebaseContext, useRebaseRegistry, useRebaseRegistryDispatch, useRestoreScroll, useSlot, useTranslation, useUserConfigurationPersistence } from "@rebasepro/app";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { prettifyIdentifier, toArray } from "@rebasepro/utils";
+import { Link, NavLink, Outlet, Route, useLocation, useNavigate } from "react-router-dom";
+import { DndContext, DragOverlay, KeyboardSensor, MeasuringStrategy, MouseSensor, TouchSensor, closestCenter, closestCorners, getFirstCollision, pointerWithin, rectIntersection, useDndMonitor, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
+import { restrictToVerticalAxis, restrictToWindowEdges } from "@dnd-kit/modifiers";
+import { SortableContext, arrayMove, defaultAnimateLayoutChanges, rectSortingStrategy, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import Fuse from "fuse.js";
+//#region src/routes/CustomViewRoute.tsx
+function CustomViewRoute({ view }) {
+	const breadcrumbs = useBreadcrumbsController();
+	const urlController = useUrlController();
+	const breadcrumbsRef = useRef(breadcrumbs);
+	breadcrumbsRef.current = breadcrumbs;
+	useEffect(() => {
+		breadcrumbsRef.current.set({ breadcrumbs: [{
+			title: view.name,
+			url: urlController.buildAppUrlPath(view.slug)
+		}] });
+	}, [view.slug, urlController]);
+	if (typeof view.view === "function") {
+		const ViewComponent = view.view;
+		return /* @__PURE__ */ jsx(ViewComponent, {});
+	}
+	return /* @__PURE__ */ jsx(Fragment, { children: view.view });
+}
+//#endregion
+//#region src/routes/RebaseRoute.tsx
+function RebaseRoute() {
+	const location = useLocation();
+	const collectionRegistry = useCollectionRegistryController();
+	const urlController = useUrlController();
+	const breadcrumbs = useBreadcrumbsController();
+	const userConfigPersistence = useUserConfigurationPersistence();
+	const ResolvedCollectionView = useComponentOverride("Collection.View", CollectionViewBinding);
+	const hash = location.hash;
+	const isSidePanel = hash.includes("#side");
+	const isNew = hash.includes("#new") || hash.includes("#new_side");
+	const isCopy = hash.includes("#copy");
+	const isFullScreen = hash.includes("#full");
+	const pathname = location.pathname;
+	const navigationEntries = getNavigationEntriesFromPath({
+		path: urlController.urlPathToDataPath(pathname),
+		collections: collectionRegistry.collections ?? []
+	});
+	useEffect(() => {
+		const isViewingCollection = navigationEntries[navigationEntries.length - 1]?.type === "collection";
+		breadcrumbs.set({ breadcrumbs: navigationEntries.map((entry, index) => {
+			const isLastEntry = index === navigationEntries.length - 1;
+			if (entry.type === "entity") return {
+				title: String(entry.entityId),
+				url: urlController.buildUrlCollectionPath(entry.path)
+			};
+			else if (entry.type === "custom_view") return {
+				title: String(entry.view.name ?? entry.view.key),
+				url: urlController.buildUrlCollectionPath(entry.path)
+			};
+			else if (entry.type === "collection") {
+				const showCount = isLastEntry && isViewingCollection;
+				return {
+					title: entry.collection.name,
+					url: urlController.buildUrlCollectionPath(entry.path),
+					id: entry.path,
+					...showCount ? { count: null } : {}
+				};
+			} else throw new Error("Unexpected navigation entry type");
+		}) });
+	}, [navigationEntries.map((entry) => entry.path).join(",")]);
+	if (isNew) return /* @__PURE__ */ jsx(EntityFullScreenRoute, {
+		pathname,
+		navigationEntries,
+		isNew: true,
+		isCopy: false
+	});
+	if (navigationEntries.length === 1 && navigationEntries[0].type === "collection") {
+		let collection;
+		collection = collectionRegistry.getCollection(navigationEntries[0].id);
+		if (!collection) collection = collectionRegistry.getCollection(navigationEntries[0].slug);
+		if (!collection) {
+			if (!collectionRegistry.initialised) return /* @__PURE__ */ jsx(CircularProgressCenter, {});
+			return null;
+		}
+		return /* @__PURE__ */ jsx(ResolvedCollectionView, {
+			...collection,
+			parentCollectionSlugs: [],
+			parentEntityIds: [],
+			path: collection.slug,
+			updateUrl: true,
+			Actions: toArray(collection.Actions)
+		}, `collection_view_${collection.slug}`);
+	}
+	if (isSidePanel) {
+		if ([...navigationEntries].reverse().find((entry) => entry.type === "collection")) {
+			let collection;
+			const firstEntry = navigationEntries[0];
+			collection = collectionRegistry.getCollection(firstEntry.id);
+			if (!collection) collection = collectionRegistry.getCollection(firstEntry.slug);
+			if (!collection) {
+				if (!collectionRegistry.initialised) return /* @__PURE__ */ jsx(CircularProgressCenter, {});
+				return null;
+			}
+			return /* @__PURE__ */ jsx(ResolvedCollectionView, {
+				...collection,
+				parentCollectionSlugs: [],
+				parentEntityIds: [],
+				path: collection.slug,
+				updateUrl: true,
+				Actions: toArray(collection.Actions)
+			}, `collection_view_${collection.slug}`);
+		}
+	}
+	const lastEntityEntry = navigationEntries.find((entry) => entry.type === "entity");
+	const firstCollectionEntry = navigationEntries[0];
+	if (!isFullScreen && !isCopy && firstCollectionEntry?.type === "collection" && lastEntityEntry?.type === "entity" && (navigationEntries.length === 2 || navigationEntries.length === 3)) {
+		let collection;
+		collection = collectionRegistry.getCollection(firstCollectionEntry.id);
+		if (!collection) collection = collectionRegistry.getCollection(firstCollectionEntry.slug);
+		const effectiveOpenMode = collection ? resolveOpenEntityMode({
+			collection,
+			viewMode: resolveViewMode({
+				collection,
+				search: location.search,
+				savedViewMode: userConfigPersistence?.getCollectionConfig(collection.slug)?.defaultViewMode
+			})
+		}) : void 0;
+		if (collection && effectiveOpenMode === "split") {
+			let selectedTab;
+			if (navigationEntries.length === 3) {
+				const thirdEntry = navigationEntries[2];
+				if (thirdEntry.type === "collection") selectedTab = thirdEntry.collection.slug;
+				else if (thirdEntry.type === "custom_view") selectedTab = thirdEntry.view.key;
+			}
+			if (!selectedTab && navigationEntries.length === 2 && lastEntityEntry) {
+				const entityIdStr = String(lastEntityEntry.entityId);
+				const entityIdIdx = pathname.lastIndexOf(`/${entityIdStr}`);
+				if (entityIdIdx >= 0) {
+					const afterEntity = pathname.substring(entityIdIdx + 1 + entityIdStr.length);
+					const trailingSegment = afterEntity.startsWith("/") ? afterEntity.substring(1) : afterEntity;
+					if (trailingSegment.length > 0) selectedTab = trailingSegment;
+				}
+			}
+			return /* @__PURE__ */ jsx(ResolvedCollectionView, {
+				...collection,
+				parentCollectionSlugs: [],
+				parentEntityIds: [],
+				path: collection.slug,
+				updateUrl: true,
+				selectedEntityId: lastEntityEntry.entityId,
+				selectedTab,
+				Actions: toArray(collection.Actions)
+			}, `collection_view_${collection.slug}`);
+		}
+	}
+	return /* @__PURE__ */ jsx(EntityFullScreenRoute, {
+		pathname,
+		navigationEntries,
+		isNew,
+		isCopy
+	});
+}
+function getSelectedTabFromUrl(isNew, lastCustomView) {
+	if (isNew) return;
+	else if (lastCustomView) {
+		if (lastCustomView.type === "custom_view") return lastCustomView.view.key;
+		else if (lastCustomView.type === "collection") return lastCustomView.id ?? lastCustomView.slug;
+	}
+}
+function EntityFullScreenRoute({ pathname, navigationEntries, isNew, isCopy }) {
+	const collectionRegistry = useCollectionRegistryController();
+	const urlController = useUrlController();
+	const navigate = useNavigate();
+	const location = useLocation();
+	const defaultValues = location.state?.defaultValues;
+	const hash = location.hash;
+	const navigationPath = urlController.urlPathToDataPath(pathname);
+	const blocked = useRef(false);
+	const lastEntityEntry = [...navigationEntries].reverse().find((entry) => entry.type === "entity");
+	const lastCustomView = [...lastEntityEntry ? navigationEntries.slice(navigationEntries.indexOf(lastEntityEntry) + 1) : []].reverse().find((entry) => entry.type === "custom_view" || entry.type === "collection");
+	const entityId = lastEntityEntry && "entityId" in lastEntityEntry ? lastEntityEntry.entityId : void 0;
+	let urlTab = getSelectedTabFromUrl(isNew, lastCustomView);
+	if (!urlTab && entityId && !isNew) {
+		const entityIdStr = String(entityId);
+		const entityIdIdx = pathname.lastIndexOf(`/${entityIdStr}`);
+		if (entityIdIdx >= 0) {
+			const afterEntity = pathname.substring(entityIdIdx + 1 + entityIdStr.length);
+			const trailingSegment = afterEntity.startsWith("/") ? afterEntity.substring(1) : afterEntity;
+			if (trailingSegment.length > 0 && trailingSegment !== "edit") urlTab = trailingSegment;
+		}
+	}
+	const [selectedTab, setSelectedTab] = useState(urlTab);
+	const parentCollectionSlugs = collectionRegistry.getParentCollectionSlugs(navigationPath);
+	const parentEntityIds = collectionRegistry.getParentEntityIds(navigationPath);
+	useEffect(() => {
+		if (urlTab !== selectedTab) setSelectedTab(urlTab);
+	}, [urlTab]);
+	const basePath = !entityId || isNew ? pathname : pathname.substring(0, pathname.lastIndexOf(`/${entityId}`));
+	const entityPath = basePath + `/${entityId}`;
+	const blocker = useNavigationBlocker(useCallback(({ currentLocation, nextLocation }) => {
+		if (nextLocation.pathname.startsWith(entityPath)) return false;
+		const nextHash = nextLocation.hash;
+		if (nextHash === "#side" || nextHash === "#new_side") return false;
+		const currentHash = currentLocation.hash;
+		if ((currentHash === "#side" || currentHash === "#new_side") && (nextLocation.pathname === basePath || nextLocation.pathname.startsWith(entityPath))) return false;
+		return blocked.current;
+	}, [entityPath, basePath]));
+	const lastCollectionEntry = [...navigationEntries].reverse().find((entry) => entry.type === "collection");
+	if (isNew && !lastCollectionEntry) {
+		if (!collectionRegistry.initialised) return /* @__PURE__ */ jsx(CircularProgressCenter, {});
+		throw new Error("INTERNAL: No collection found in the navigation");
+	}
+	if (!isNew && !lastEntityEntry) {
+		if (!collectionRegistry.initialised) return /* @__PURE__ */ jsx(CircularProgressCenter, {});
+		return /* @__PURE__ */ jsx(NotFoundPage, {});
+	}
+	const rawCollection = isNew ? lastCollectionEntry && "collection" in lastCollectionEntry ? lastCollectionEntry.collection : void 0 : lastEntityEntry && "parentCollection" in lastEntityEntry ? lastEntityEntry.parentCollection : void 0;
+	const collection = collectionRegistry.getCollection(rawCollection.slug) || rawCollection;
+	const fullIdPath = isNew ? lastCollectionEntry.slug : lastEntityEntry.slug;
+	const collectionPath = urlController.resolveDatabasePathsFrom(fullIdPath);
+	const isEditRoute = pathname.endsWith("/edit") || pathname.split("/").pop() === "edit";
+	if (collection.defaultEntityAction === "view" && !isNew && !isCopy && entityId && !isEditRoute) return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(DetailViewBinding, {
+		entityId,
+		collection,
+		layout: "full_screen",
+		path: collectionPath,
+		selectedTab: selectedTab ?? void 0,
+		onEditClick: () => {
+			navigate(urlController.buildUrlCollectionPath(`${collectionPath}/${entityId}`) + "/edit" + hash);
+		},
+		onTabChange: (params) => {
+			setSelectedTab(params.selectedTab);
+			const newSelectedTab = params.selectedTab;
+			if (newSelectedTab) navigate(`${basePath}/${entityId}/${newSelectedTab}${hash}`, { replace: true });
+			else navigate(`${basePath}/${entityId}${hash}`, { replace: true });
+		},
+		parentCollectionSlugs,
+		parentEntityIds
+	}, collection.slug + "_view_" + entityId) });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(EditViewBinding, {
+		entityId: isNew ? void 0 : entityId,
+		collection,
+		layout: "full_screen",
+		path: collectionPath,
+		copy: isCopy,
+		selectedTab: selectedTab ?? void 0,
+		defaultValues: isNew ? defaultValues : void 0,
+		onValuesModified: (modified) => blocked.current = modified,
+		navigateBack: () => {
+			navigate(urlController.buildUrlCollectionPath(`${collectionPath}/${entityId}`) + hash);
+		},
+		onSaved: (params) => {
+			const newSelectedTab = params.selectedTab;
+			const newEntityId = params.entityId;
+			const savedHash = isNew ? "" : hash;
+			if (newSelectedTab) navigate(`${basePath}/${newEntityId}/${newSelectedTab}${savedHash}`, { replace: true });
+			else navigate(`${basePath}/${newEntityId}${savedHash}`, { replace: true });
+		},
+		onTabChange: (params) => {
+			setSelectedTab(params.selectedTab);
+			if (isNew) return;
+			const newSelectedTab = params.selectedTab;
+			if (newSelectedTab) navigate(`${basePath}/${entityId}/${newSelectedTab}${hash}`, { replace: true });
+			else navigate(`${basePath}/${entityId}${hash}`, { replace: true });
+		},
+		parentCollectionSlugs,
+		parentEntityIds
+	}, collection.slug + "_" + (isNew ? "new" : isCopy ? entityId + "_copy" : entityId)), /* @__PURE__ */ jsx(UnsavedChangesDialog, {
+		open: blocker?.state === "blocked",
+		handleOk: () => blocker?.proceed?.(),
+		handleCancel: () => blocker?.reset?.(),
+		body: "You have unsaved changes in this entity."
+	})] });
+}
+//#endregion
+//#region src/components/ReferenceWidget.tsx
+/**
+* This field allows selecting reference/s.
+*/
+function ReferenceWidget({ name, multiselect = false, path, disabled, value, onReferenceSelected, onMultipleReferenceSelected, previewProperties, fixedFilter, size, className, includeId, includeEntityLink }) {
+	const collectionRegistryController = useCollectionRegistryController();
+	const collection = useMemo(() => {
+		return collectionRegistryController.getCollection(path);
+	}, [path, collectionRegistryController.getCollection]);
+	const onSingleEntitySelected = useCallback((entity) => {
+		if (disabled) return;
+		if (onReferenceSelected) {
+			const reference = entity ? getReferenceFrom(entity) : null;
+			onReferenceSelected?.({
+				reference,
+				entity
+			});
+		}
+	}, [disabled, onReferenceSelected]);
+	const onMultipleEntitiesSelected = useCallback((entities) => {
+		if (disabled) return;
+		if (onMultipleReferenceSelected) onMultipleReferenceSelected({
+			references: entities ? entities.map((e) => getReferenceFrom(e)) : null,
+			entities
+		});
+	}, [disabled, onReferenceSelected]);
+	const referenceDialogController = useSelectionDialog({
+		multiselect,
+		path,
+		collection,
+		onSingleEntitySelected,
+		onMultipleEntitiesSelected,
+		fixedFilter
+	});
+	useCallback((e) => {
+		e.stopPropagation();
+		if (multiselect) onMultipleEntitiesSelected([]);
+		else onSingleEntitySelected(null);
+	}, [onReferenceSelected]);
+	let child;
+	const onEntryClick = () => {
+		if (disabled) return;
+		referenceDialogController.open();
+	};
+	if (Array.isArray(value)) child = /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-4",
+		children: value.map((ref, index) => {
+			return /* @__PURE__ */ jsx(ReferencePreview, {
+				onClick: onEntryClick,
+				reference: ref,
+				disabled,
+				previewProperties,
+				size,
+				includeId,
+				includeEntityLink
+			}, `reference_preview_${index}`);
+		})
+	});
+	else if (value?.isEntityReference && value?.isEntityReference()) child = /* @__PURE__ */ jsx(ReferencePreview, {
+		reference: value,
+		onClick: onEntryClick,
+		disabled,
+		previewProperties,
+		size,
+		includeId,
+		includeEntityLink
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cls("text-sm font-medium", "min-w-80 flex flex-col gap-4", "relative transition-colors duration-200 ease-in rounded-xs font-medium", disabled ? "bg-opacity-50" : "hover:bg-opacity-75", "dark:text-white/50 text-text-primary/50 dark:text-text-primary-dark/50 dark:text-white/50", className),
+		children: [child, !value && /* @__PURE__ */ jsx("div", {
+			className: "justify-center text-left",
+			children: /* @__PURE__ */ jsxs(Button, {
+				disabled,
+				onClick: onEntryClick,
+				children: ["Edit ", name]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/hooks/useBuildSideDialogsController.tsx
+function useBuildSideDialogsController() {
+	const location = useLocation();
+	const navigate = useNavigate();
+	const locationRef = useRef(location);
+	locationRef.current = location;
+	const [sidePanels, setSidePanels] = useState([]);
+	const sidePanelsRef = useRef(sidePanels);
+	const routesStore = useRef({});
+	const routesCount = useRef(0);
+	const updateSidePanels = useCallback((newPanels) => {
+		sidePanelsRef.current = newPanels;
+		setSidePanels(newPanels);
+	}, []);
+	useEffect(() => {
+		const newPanels = (location.state?.panels ?? []).map((key) => routesStore.current[key]).filter((p) => Boolean(p));
+		if (!deepEqual(sidePanelsRef.current.map((p) => p.key), newPanels.map((p) => p.key))) {
+			updateSidePanels(newPanels);
+			if (newPanels.length === 0) routesCount.current = 0;
+		}
+	}, [location]);
+	const close = useCallback(() => {
+		const currentPanels = sidePanelsRef.current;
+		if (currentPanels.length === 0) return;
+		const lastSidePanel = currentPanels[currentPanels.length - 1];
+		const updatedPanels = [...currentPanels.slice(0, -1)];
+		updateSidePanels(updatedPanels);
+		if (routesCount.current > 0) {
+			if (lastSidePanel.urlPath) navigate(-1);
+			routesCount.current--;
+		} else if (lastSidePanel.parentUrlPath) {
+			const baseLocation = locationRef.current.state?.base_location ?? locationRef.current;
+			navigate(lastSidePanel.parentUrlPath, {
+				replace: true,
+				state: {
+					base_location: baseLocation,
+					panels: updatedPanels.map((p) => p.key)
+				}
+			});
+		}
+	}, [navigate]);
+	const open = useCallback((panelProps) => {
+		const newPanels = Array.isArray(panelProps) ? panelProps : [panelProps];
+		newPanels.forEach((panel) => {
+			routesStore.current[panel.key] = panel;
+		});
+		routesCount.current = routesCount.current + newPanels.length;
+		const baseLocation = locationRef.current.state?.base_location ?? locationRef.current;
+		const updatedPanels = [...sidePanelsRef.current, ...newPanels];
+		updateSidePanels(updatedPanels);
+		newPanels.forEach((panel) => {
+			if (panel.urlPath) navigate(panel.urlPath, { state: {
+				base_location: baseLocation,
+				panels: updatedPanels.map((p) => p.key)
+			} });
+		});
+	}, [navigate]);
+	const replace = useCallback((panelProps) => {
+		const newPanels = Array.isArray(panelProps) ? panelProps : [panelProps];
+		newPanels.forEach((panel) => {
+			routesStore.current[panel.key] = panel;
+		});
+		const baseLocation = locationRef.current.state?.base_location ?? locationRef.current;
+		const updatedPanels = [...sidePanelsRef.current.slice(0, -newPanels.length), ...newPanels];
+		updateSidePanels(updatedPanels);
+		newPanels.forEach((panel) => {
+			if (panel.urlPath) navigate(panel.urlPath, {
+				replace: true,
+				state: {
+					base_location: baseLocation,
+					panels: updatedPanels.map((p) => p.key)
+				}
+			});
+		});
+	}, [navigate]);
+	return useMemo(() => ({
+		sidePanels,
+		setSidePanels: updateSidePanels,
+		close,
+		open,
+		replace
+	}), [
+		sidePanels,
+		updateSidePanels,
+		close,
+		open,
+		replace
+	]);
+}
+//#endregion
+//#region src/components/SidePanelProvider.tsx
+/**
+* Provider that builds the SidePanelController and makes it available
+* via the SidePanelControllerContext from @rebasepro/app.
+*
+* After the CMS extraction refactor, `useBuildSidePanel` lives
+* in the CMS package while the context it feeds into lives in core.
+* This provider bridges the two: place it inside the `<Rebase>` tree and
+* above any component that calls `useSidePanel()`.
+*
+* Also auto-registers the side entity controller and breadcrumbs into the
+* self-assembling Studio bridge (when a StudioBridgeRegistryProvider is
+* mounted above in the tree).
+*
+* @example
+* ```tsx
+* <Rebase ...>
+*   {({ loading }) => (
+*     <SidePanelProvider>
+*       <RebaseRoutes>
+*         ...
+*       </RebaseRoutes>
+*     </SidePanelProvider>
+*   )}
+* </Rebase>
+* ```
+*
+* @group Components
+*/
+function SidePanelProvider({ children }) {
+	const collectionRegistryController = useCollectionRegistryController();
+	const urlController = useUrlController();
+	const navigationStateController = useNavigationStateController();
+	const sideDialogsController = useBuildSideDialogsController();
+	const sidePanelController = useBuildSidePanel(collectionRegistryController, urlController, navigationStateController, sideDialogsController, useAuthController());
+	return /* @__PURE__ */ jsx(NavigationBlockerProvider, { children: /* @__PURE__ */ jsx(BreadcrumbsProvider, { children: /* @__PURE__ */ jsx(SideDialogsControllerContext.Provider, {
+		value: sideDialogsController,
+		children: /* @__PURE__ */ jsxs(SidePanelControllerContext.Provider, {
+			value: sidePanelController,
+			children: [/* @__PURE__ */ jsx(BridgeAutoRegistrar$1, { sidePanelController }), children]
+		})
+	}) }) });
+}
+/**
+* Internal component that auto-registers side entity and breadcrumbs
+* into the Studio bridge. Must be a child of BreadcrumbsProvider.
+*/
+function BridgeAutoRegistrar$1({ sidePanelController }) {
+	const breadcrumbs = useBreadcrumbsController();
+	useBridgeRegistration("sidePanelController", sidePanelController);
+	useBridgeRegistration("breadcrumbs", breadcrumbs);
+	return null;
+}
+//#endregion
+//#region src/components/AdminModeSyncer.tsx
+/**
+* A highly customizable utility component that observes react-router routes and
+* actively shifts the internal Rebase `adminModeController` context to match
+* the user's active window segment (e.g., Content vs Studio mode).
+*
+* Placing this anywhere safely inside the Rebase layout automatically triggers
+* UI mode synchronization.
+*/
+function AdminModeSyncer({ devViews }) {
+	const location = useLocation();
+	const urlController = useUrlController();
+	const adminModeController = useAdminModeController();
+	const currentModeRef = React.useRef(adminModeController.mode);
+	currentModeRef.current = adminModeController.mode;
+	const setModeRef = React.useRef(adminModeController.setMode);
+	setModeRef.current = adminModeController.setMode;
+	useEffect(() => {
+		const path = location.pathname;
+		const isContentRoute = urlController.isUrlCollectionPath(path) || path === urlController.basePath;
+		const studioHomePath = urlController.basePath === "/" ? "/s" : `${urlController.basePath}/s`;
+		if ((path === studioHomePath || path.startsWith(studioHomePath + "/") || devViews?.some((view) => {
+			const viewPath = urlController.buildAppUrlPath(view.slug);
+			return path.startsWith(`${viewPath}/`) || path === viewPath;
+		})) && currentModeRef.current !== "studio") setModeRef.current("studio");
+		else if (isContentRoute && currentModeRef.current !== "content") setModeRef.current("content");
+	}, [
+		location.pathname,
+		urlController,
+		devViews
+	]);
+	return null;
+}
+//#endregion
+//#region src/components/app/useApp.tsx
+var AppContext = React.createContext({
+	hasDrawer: false,
+	drawerHovered: false,
+	drawerOpen: false,
+	openDrawer: () => {
+		throw new Error("openDrawer not implemented");
+	},
+	closeDrawer: () => {
+		throw new Error("closeDrawer not implemented");
+	},
+	closeHover: () => {
+		throw new Error("closeHover not implemented");
+	},
+	autoOpenDrawer: false
+});
+function useApp() {
+	return React.useContext(AppContext);
+}
+//#endregion
+//#region src/components/DefaultAppBar.tsx
+/**
+* This component renders the main app bar of Rebase.
+* You will likely not need to use this component directly.
+*
+
+*/
+var DefaultAppBar = function DefaultAppBar({ title, endAdornment, startAdornment, dropDownActions, includeModeToggle = true, includeLanguageToggle = true, includeUserMenu = true, className, style, user: userProp, logo: logoProp }) {
+	const { hasDrawer, drawerOpen, logo: appLogo } = useApp();
+	const logo = logoProp ?? appLogo;
+	const navigation = useUrlController();
+	const breadcrumbs = useBreadcrumbsController();
+	const authController = useAuthController();
+	useAdminModeController();
+	const { mode, setMode } = useModeController();
+	const navigate = useNavigate();
+	const largeLayout = useLargeLayout();
+	const user = userProp ?? authController.user;
+	const { t } = useTranslation();
+	let avatarComponent;
+	if (user) {
+		const initial = user?.displayName ? user.displayName[0].toUpperCase() : user?.email ? user.email[0].toUpperCase() : "A";
+		avatarComponent = /* @__PURE__ */ jsx(Avatar, {
+			src: user.photoURL ?? void 0,
+			children: initial
+		});
+	} else if (user === void 0 || authController.initialLoading) avatarComponent = /* @__PURE__ */ jsx("div", {
+		className: "p-1 flex justify-center",
+		children: /* @__PURE__ */ jsx(Skeleton, { className: "w-10 h-10 rounded-full" })
+	});
+	else avatarComponent = null;
+	return /* @__PURE__ */ jsxs("div", {
+		style,
+		role: "banner",
+		className: cls("w-full h-14 transition-all ease-in duration-75 absolute top-0 max-w-full overflow-x-auto no-scrollbar", "flex flex-row gap-2 px-4 items-center", "backdrop-blur-sm bg-surface-50/95 dark:bg-surface-900/80", {
+			"pl-[19rem]": drawerOpen && largeLayout,
+			"pl-24": hasDrawer && !(drawerOpen && largeLayout),
+			"z-10": largeLayout,
+			"duration-100": drawerOpen && largeLayout
+		}, className),
+		children: [
+			navigation && (!hasDrawer || title) && /* @__PURE__ */ jsx("div", {
+				className: "mr-2 hidden lg:block",
+				children: /* @__PURE__ */ jsx(Link, {
+					className: "visited:text-inherit dark:visited:text-inherit block",
+					to: navigation?.basePath ?? "/",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-row gap-4",
+						children: [!hasDrawer && (logo ? /* @__PURE__ */ jsx("img", {
+							src: logo,
+							alt: "Logo",
+							className: cls("w-[32px] h-[32px] object-contain")
+						}) : /* @__PURE__ */ jsx(RebaseLogo, {
+							width: "32px",
+							height: "32px"
+						})), typeof title === "string" ? /* @__PURE__ */ jsx(Typography, {
+							variant: "subtitle1",
+							noWrap: true,
+							children: title
+						}) : title]
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mr-8 hidden lg:block",
+				children: /* @__PURE__ */ jsx("nav", {
+					"aria-label": "Breadcrumb",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "flex flex-row gap-2 items-center",
+						children: breadcrumbs.breadcrumbs.map((breadcrumb, index) => {
+							return /* @__PURE__ */ jsxs(React.Fragment, { children: [index > 0 && /* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								color: "secondary",
+								children: "/"
+							}), /* @__PURE__ */ jsx(Link, {
+								className: "visited:text-inherit dark:visited:text-inherit block",
+								to: breadcrumb.url,
+								children: /* @__PURE__ */ jsxs("div", {
+									className: "flex flex-row items-center gap-2 whitespace-nowrap",
+									children: [/* @__PURE__ */ jsx(Typography, {
+										variant: "body2",
+										children: breadcrumb.title
+									}), breadcrumb.count !== void 0 && (breadcrumb.count !== null ? /* @__PURE__ */ jsx("span", {
+										className: "text-xs text-surface-accent-500 dark:text-surface-accent-400 bg-surface-100 dark:bg-surface-800 px-1 py-0 rounded",
+										children: breadcrumb.count
+									}) : /* @__PURE__ */ jsx(Skeleton, { className: "w-8 h-4 rounded-md" }))]
+								})
+							}, index)] }, breadcrumb.url + "_" + index);
+						})
+					})
+				})
+			}),
+			startAdornment,
+			/* @__PURE__ */ jsx("div", { className: "grow" }),
+			endAdornment && /* @__PURE__ */ jsx(ErrorBoundary, { children: endAdornment }),
+			includeLanguageToggle && /* @__PURE__ */ jsx(LanguageToggle, {}),
+			includeModeToggle && /* @__PURE__ */ jsxs(Menu, {
+				trigger: /* @__PURE__ */ jsx(IconButton, {
+					color: "inherit",
+					"aria-label": "Toggle theme",
+					children: mode === "dark" ? /* @__PURE__ */ jsx(MoonIcon, { size: iconSize.small }) : /* @__PURE__ */ jsx(SunIcon, { size: iconSize.small })
+				}),
+				children: [
+					/* @__PURE__ */ jsxs(MenuItem, {
+						onClick: () => setMode("dark"),
+						children: [
+							/* @__PURE__ */ jsx(MoonIcon, { size: iconSize.smallest }),
+							" ",
+							t("dark_mode")
+						]
+					}),
+					/* @__PURE__ */ jsxs(MenuItem, {
+						onClick: () => setMode("light"),
+						children: [
+							/* @__PURE__ */ jsx(SunIcon, { size: iconSize.smallest }),
+							" ",
+							t("light_mode"),
+							" "
+						]
+					}),
+					/* @__PURE__ */ jsxs(MenuItem, {
+						onClick: () => setMode("system"),
+						children: [
+							" ",
+							/* @__PURE__ */ jsx(SunMoonIcon, { size: iconSize.smallest }),
+							t("system_mode")
+						]
+					})
+				]
+			}),
+			includeUserMenu && /* @__PURE__ */ jsxs(Menu, {
+				trigger: /* @__PURE__ */ jsx("div", {
+					"aria-label": "User menu",
+					role: "button",
+					children: avatarComponent
+				}),
+				children: [
+					user && /* @__PURE__ */ jsxs("div", {
+						className: "px-4 py-2 mb-2",
+						children: [user.displayName && /* @__PURE__ */ jsx(Typography, {
+							variant: "body1",
+							color: "secondary",
+							children: user.displayName
+						}), user.email && /* @__PURE__ */ jsx(Typography, {
+							variant: "body2",
+							color: "secondary",
+							children: user.email
+						})]
+					}),
+					dropDownActions,
+					!dropDownActions && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(MenuItem, {
+						onClick: () => navigate("/settings"),
+						children: [/* @__PURE__ */ jsx(SettingsIcon, {}), t("account_settings")]
+					}), /* @__PURE__ */ jsxs(MenuItem, {
+						onClick: async () => {
+							await authController.signOut();
+							navigate("/");
+						},
+						children: [/* @__PURE__ */ jsx(LogOutIcon, {}), t("log_out")]
+					})] })
+				]
+			})
+		]
+	});
+};
+//#endregion
+//#region src/components/app/AppBar.tsx
+/**
+* This component renders the main app bar of Rebase.
+*/
+function AppBar({ children, ...props }) {
+	return /* @__PURE__ */ jsx(Fragment, { children: children ?? /* @__PURE__ */ jsx(DefaultAppBar, { ...props }) });
+}
+AppBar.componentType = "AppBar";
+//#endregion
+//#region src/components/DrawerNavigationItem.tsx
+function DrawerNavigationItem({ name, icon, drawerOpen, adminMenuOpen, tooltipsOpen, url, onClick }) {
+	const listItem = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(NavLink, {
+		onClick,
+		style: {
+			width: "100%",
+			transition: drawerOpen ? "width 150ms ease-in" : void 0
+		},
+		className: ({ isActive }) => cls("rounded-lg truncate group/nav", "hover:bg-primary/5 dark:hover:bg-primary/5 text-surface-700 dark:text-surface-300 hover:text-surface-900 dark:hover:text-white", "flex flex-row items-center", drawerOpen ? "pr-4 h-[30px]" : "h-[30px]", "font-medium text-[13px]", isActive ? "bg-primary/8 dark:bg-primary/10 text-primary dark:text-primary [&_div]:text-primary" : ""),
+		to: url,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "shrink-0 flex items-center justify-center w-[44px] h-[30px] text-surface-500 dark:text-text-secondary-dark [&>svg]:size-4 group-hover/nav:text-primary transition-colors duration-150",
+			children: icon
+		}), /* @__PURE__ */ jsx("div", {
+			className: cls("text-text-primary dark:text-surface-200", drawerOpen ? "opacity-100" : "opacity-0 hidden", "font-inherit truncate space-x-2"),
+			children: name
+		})]
+	}) });
+	return /* @__PURE__ */ jsx(Tooltip, {
+		open: drawerOpen || adminMenuOpen ? false : tooltipsOpen,
+		side: "right",
+		title: name,
+		children: listItem
+	});
+}
+//#endregion
+//#region src/components/DrawerNavigationGroup.tsx
+/**
+* Shared drawer navigation group component used by both DefaultDrawer and RebaseCloudDrawer.
+* Renders a collapsible group with header and navigation items.
+*/
+function DrawerNavigationGroup({ group, entries, collapsed, onToggleCollapsed, drawerOpen, tooltipsOpen, adminMenuOpen, headerActions, onItemClick, hideHeader }) {
+	const { t } = useTranslation();
+	const ResolvedDrawerNavigationItem = useComponentOverride("Shell.DrawerNavigationItem", DrawerNavigationItem);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "my-2 mx-2 flex flex-col",
+		children: [!hideHeader && /* @__PURE__ */ jsxs("div", {
+			className: cls("pl-3 pr-2 py-0.5 flex flex-row items-center transition-colors", drawerOpen ? "cursor-pointer hover:bg-surface-100 dark:hover:bg-surface-800/40 rounded-lg" : "opacity-0 invisible pointer-events-none"),
+			onClick: drawerOpen ? onToggleCollapsed : void 0,
+			children: [
+				/* @__PURE__ */ jsx(ChevronDownIcon, {
+					size: iconSize.small,
+					className: cls("text-surface-400 dark:text-surface-400 transition-transform duration-200 mr-1", collapsed ? "-rotate-90" : "rotate-0")
+				}),
+				/* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					color: "secondary",
+					className: "font-semibold text-[11px] uppercase tracking-wider flex-grow line-clamp-1 text-surface-400 dark:text-surface-400",
+					children: group || t("views_group")
+				}),
+				headerActions && /* @__PURE__ */ jsx("div", {
+					onClick: (e) => e.stopPropagation(),
+					children: headerActions
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: cls("transition-all duration-200 ease-in-out", "overflow-hidden", !hideHeader && "dark:bg-transparent", "rounded-lg", !hideHeader && collapsed ? "max-h-0 opacity-0" : "max-h-[2000px] opacity-100"),
+			children: entries.map((entry) => /* @__PURE__ */ jsx(ResolvedDrawerNavigationItem, {
+				icon: /* @__PURE__ */ jsx(IconForView, {
+					collectionOrView: entry.collection ?? entry.view,
+					size: "small"
+				}),
+				tooltipsOpen: !collapsed && tooltipsOpen,
+				adminMenuOpen,
+				drawerOpen,
+				onClick: () => onItemClick?.(entry),
+				url: entry.url,
+				name: entry.name
+			}, entry.id))
+		})]
+	}, `drawer_group_${group}`);
+}
+//#endregion
+//#region src/components/DefaultDrawer.tsx
+/**
+* Default drawer used in the CMS.
+*
+* When no `children` are provided, renders the full CMS navigation
+* (collection groups, mode switch, plugin slots).
+*
+* When `children` **are** provided, renders the shared drawer shell
+* (logo, scrollable area, footer actions, collapse toggle) with the
+* custom content injected in the scrollable area. This lets consumers
+* like the SaaS dashboard reuse the identical structural layout while
+* supplying their own navigation items.
+*
+* @group Core
+*/
+function DefaultDrawer({ title, logo, logoDestination, children, footerActions, className, style }) {
+	const { drawerHovered, drawerOpen, openDrawer, closeDrawer, logo: appLogo } = useApp();
+	const resolvedLogo = logo ?? appLogo;
+	const scrollRef = React.useRef(null);
+	const [scrolled, setScrolled] = React.useState(false);
+	const handleScroll = () => {
+		if (scrollRef.current) setScrolled(scrollRef.current.scrollTop > 0);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		role: "navigation",
+		"aria-label": "Main navigation",
+		className: cls("flex flex-col h-full relative grow w-full", className),
+		style,
+		children: [
+			/* @__PURE__ */ jsx(DrawerLogo, {
+				logo: resolvedLogo,
+				title,
+				logoDestination,
+				drawerOpen,
+				drawerHovered
+			}),
+			/* @__PURE__ */ jsx("div", {
+				ref: scrollRef,
+				onScroll: handleScroll,
+				className: "flex-grow min-h-0 overflow-y-auto overflow-x-hidden no-scrollbar px-2",
+				style: { maskImage: scrolled ? "linear-gradient(to bottom, transparent 0, black 20px, black calc(100% - 20px), transparent 100%)" : "linear-gradient(to bottom, black 0, black calc(100% - 20px), transparent 100%)" },
+				children: children ?? /* @__PURE__ */ jsx(CMSNavigationContent, {})
+			}),
+			footerActions !== null && (footerActions !== void 0 ? footerActions : /* @__PURE__ */ jsx(DrawerFooterActions, {
+				drawerOpen,
+				drawerHovered
+			})),
+			/* @__PURE__ */ jsx(DrawerToggle, {
+				drawerOpen,
+				drawerHovered,
+				openDrawer,
+				closeDrawer
+			})
+		]
+	});
+}
+/**
+* Default CMS navigation content — rendered inside DefaultDrawer when no
+* custom `children` are provided.  Contains the mode switch, navigation
+* groups, and header / footer plugin slots.
+*/
+function CMSNavigationContent() {
+	const { drawerHovered, drawerOpen, closeDrawer, closeHover } = useApp();
+	const [adminMenuOpen, setAdminMenuOpen] = React.useState(false);
+	const analyticsController = useAnalyticsController();
+	const navigationState = useNavigationStateController();
+	const context = useRebaseContext();
+	const tooltipsOpen = drawerHovered && !drawerOpen && !adminMenuOpen;
+	const largeLayout = useLargeLayout();
+	const adminModeController = useAdminModeController();
+	const registry = useRebaseRegistry();
+	const ResolvedDrawerNavigationGroup = useComponentOverride("Shell.DrawerNavigationGroup", DrawerNavigationGroup);
+	const allNavigationEntries = navigationState.topLevelNavigation?.navigationEntries ?? [];
+	const studioViewSlugs = useMemo(() => {
+		const slugs = /* @__PURE__ */ new Set();
+		(registry.studioConfig?.devViews ?? []).forEach((v) => slugs.add(v.slug));
+		if (registry.studioConfig && registry.cmsConfig?.collectionEditor) slugs.add("schema");
+		return slugs;
+	}, [registry.studioConfig, registry.cmsConfig?.collectionEditor]);
+	const filteredEntries = adminModeController.mode === "studio" ? allNavigationEntries.filter((e) => e.type === "view" && studioViewSlugs.has(e.slug) || e.type === "admin") : allNavigationEntries.filter((e) => e.type !== "view" || !studioViewSlugs.has(e.slug));
+	const entryGroups = new Set(filteredEntries.map((e) => e.group).filter(Boolean));
+	const orderedGroups = navigationState.topLevelNavigation?.groups ?? [];
+	const groupsToRender = [...orderedGroups.filter((g) => entryGroups.has(g)), ...[...entryGroups].filter((g) => !orderedGroups.includes(g))];
+	const { isGroupCollapsed, toggleGroupCollapsed } = useCollapsedGroups(groupsToRender, "drawer", useMemo(() => buildCollapsedDefaults(registry.cmsConfig?.navigationGroupMappings, "drawer"), [registry.cmsConfig?.navigationGroupMappings]));
+	const headerSlot = useSlot("navigation.header", {
+		drawerOpen,
+		drawerHovered,
+		context
+	});
+	const footerSlot = useSlot("navigation.footer", {
+		drawerOpen,
+		drawerHovered,
+		context
+	});
+	if (!navigationState.topLevelNavigation) return null;
+	const onItemClick = (view) => {
+		const eventName = view.type === "collection" ? "drawer_navigate_to_collection" : view.type === "view" ? "drawer_navigate_to_view" : "unmapped_event";
+		analyticsController.onAnalyticsEvent?.(eventName, { url: view.url });
+		if (!largeLayout) closeDrawer();
+		else if (!drawerOpen) closeHover();
+	};
+	const drawerVisuallyOpen = drawerOpen || drawerHovered;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		registry.studioConfig && /* @__PURE__ */ jsx(DrawerModeSwitch, {
+			drawerOpen,
+			drawerHovered
+		}),
+		headerSlot,
+		groupsToRender.map((group) => {
+			return /* @__PURE__ */ jsx(ResolvedDrawerNavigationGroup, {
+				group,
+				entries: filteredEntries.filter((e) => e.group === group),
+				collapsed: isGroupCollapsed(group),
+				onToggleCollapsed: () => toggleGroupCollapsed(group),
+				drawerOpen: drawerVisuallyOpen,
+				tooltipsOpen,
+				adminMenuOpen,
+				onItemClick
+			}, `drawer_group_${group}`);
+		}),
+		footerSlot
+	] });
+}
+function DrawerLogo({ logo, title, logoDestination = "/", drawerOpen, drawerHovered }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-row items-center shrink-0 pt-4 pb-0 px-2",
+		children: [/* @__PURE__ */ jsx(Link, {
+			className: "shrink-0 flex items-center justify-center w-[56px] h-[40px]",
+			to: logoDestination,
+			children: logo ? /* @__PURE__ */ jsx("img", {
+				src: logo,
+				alt: "Logo",
+				className: "w-[28px] h-[28px] object-contain"
+			}) : /* @__PURE__ */ jsx(RebaseLogo, {
+				width: "28px",
+				height: "28px"
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: cls("flex flex-row items-center overflow-hidden transition-all duration-200 ease-in-out", drawerOpen || drawerHovered && !drawerOpen ? "opacity-100 w-full ml-1" : "opacity-0 w-0 ml-0"),
+			children: title && /* @__PURE__ */ jsx(Link, {
+				className: "visited:text-inherit dark:visited:text-inherit block truncate",
+				to: logoDestination,
+				children: typeof title === "string" ? /* @__PURE__ */ jsx(Typography, {
+					variant: "subtitle1",
+					noWrap: true,
+					className: "truncate",
+					children: title
+				}) : title
+			})
+		})]
+	});
+}
+/**
+* Toggle button at the bottom of the drawer.
+* Uses double-chevron icons to indicate collapse/expand direction.
+*/
+function DrawerToggle({ drawerOpen, drawerHovered, openDrawer, closeDrawer }) {
+	const isExpanded = drawerOpen;
+	const isHovered = drawerHovered && !drawerOpen;
+	const isFloating = isHovered;
+	const showFullContent = isExpanded || isHovered;
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx("div", {
+		className: "shrink-0 mt-auto px-4 pt-0.5 pb-2",
+		children: /* @__PURE__ */ jsx(Tooltip, {
+			title: isExpanded ? t("collapse") : t("expand"),
+			side: "right",
+			sideOffset: 12,
+			asChild: true,
+			open: isFloating ? false : void 0,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: cls("flex flex-row items-center rounded-lg cursor-pointer", "hover:bg-surface-accent-100 dark:hover:bg-surface-800", "transition-colors duration-150", "py-2"),
+				role: "button",
+				tabIndex: 0,
+				"aria-expanded": isExpanded,
+				"aria-label": isExpanded ? t("collapse") : t("expand"),
+				onClick: () => isExpanded ? closeDrawer() : openDrawer(),
+				onKeyDown: (e) => {
+					if (e.key === "Enter" || e.key === " ") {
+						e.preventDefault();
+						if (isExpanded) closeDrawer();
+						else openDrawer();
+					}
+				},
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "shrink-0 flex items-center justify-center w-[44px] h-[24px] text-surface-500 dark:text-surface-400",
+					children: isExpanded ? /* @__PURE__ */ jsx(ChevronsLeftIcon, { size: iconSize.small }) : /* @__PURE__ */ jsx(ChevronsRightIcon, { size: iconSize.small })
+				}), /* @__PURE__ */ jsx("div", {
+					className: cls("overflow-hidden transition-all duration-200 ease-in-out", showFullContent ? "opacity-100 w-auto" : "opacity-0 w-0"),
+					children: /* @__PURE__ */ jsx(Typography, {
+						variant: "body2",
+						className: "text-surface-500 dark:text-surface-400 select-none whitespace-nowrap",
+						children: isExpanded ? t("collapse") : t("expand")
+					})
+				})]
+			})
+		})
+	});
+}
+/**
+* Segmented Content / Studio switch rendered inside the drawer.
+* Animates in/out with the drawer open state via opacity + max-height.
+*/
+function DrawerModeSwitch({ drawerOpen, drawerHovered }) {
+	const adminModeController = useAdminModeController();
+	const urlController = useUrlController();
+	const navigate = useNavigate();
+	return /* @__PURE__ */ jsx("div", {
+		className: cls("shrink-0 overflow-hidden transition-all duration-200 ease-in-out px-3", drawerOpen || drawerHovered ? "opacity-100 h-7 mt-2 mb-0" : "opacity-0 pointer-events-none h-7 mt-2 mb-0"),
+		children: /* @__PURE__ */ jsxs("div", {
+			role: "group",
+			"aria-label": "Content mode",
+			className: "flex bg-surface-100 dark:bg-surface-900 rounded-lg p-0.5 border border-surface-200 dark:border-surface-700/60",
+			children: [/* @__PURE__ */ jsx("button", {
+				onClick: () => {
+					adminModeController.setMode("content");
+					navigate(urlController.basePath ?? "/");
+				},
+				"aria-pressed": adminModeController.mode === "content",
+				className: cls("flex-1 px-3 py-0.5 text-xs font-semibold rounded-md transition-all text-center", adminModeController.mode === "content" ? "bg-white dark:bg-surface-800 shadow-sm text-primary dark:text-primary-400" : "text-surface-500 hover:text-surface-900 dark:hover:text-white"),
+				children: "Content"
+			}), /* @__PURE__ */ jsx("button", {
+				onClick: () => {
+					adminModeController.setMode("studio");
+					navigate(urlController.basePath === "/" ? "/s" : `${urlController.basePath ?? ""}/s`);
+				},
+				"aria-pressed": adminModeController.mode === "studio",
+				className: cls("flex-1 px-3 py-0.5 text-xs font-semibold rounded-md transition-all text-center", adminModeController.mode === "studio" ? "bg-white dark:bg-surface-800 shadow-sm text-primary dark:text-primary-400" : "text-surface-500 hover:text-surface-900 dark:hover:text-white"),
+				children: "Studio"
+			})]
+		})
+	});
+}
+/**
+* Footer actions rendered at the bottom of the drawer, above the collapse/expand toggle.
+* Replaces the app bar icons (language, theme, user avatar) with a drawer-native layout
+* that adapts between collapsed (icons only) and expanded (full labels + user bar) states.
+*
+* @group Core
+*/
+function DrawerFooterActions({ drawerOpen, drawerHovered, dropDownActions, user: userProp }) {
+	const authController = useAuthController();
+	const { mode, setMode } = useModeController();
+	const navigate = useNavigate();
+	const { t } = useTranslation();
+	const user = userProp ?? authController.user;
+	const showFullContent = drawerOpen || drawerHovered;
+	const portalRef = React.useRef(null);
+	let avatarComponent;
+	if (user) {
+		const initial = user?.displayName ? user.displayName[0].toUpperCase() : user?.email ? user.email[0].toUpperCase() : "A";
+		avatarComponent = /* @__PURE__ */ jsx(Avatar, {
+			src: user.photoURL ?? void 0,
+			className: "w-8 h-8 text-xs",
+			children: initial
+		});
+	} else if (user === void 0 || authController.initialLoading) avatarComponent = /* @__PURE__ */ jsx(Skeleton, { className: "w-8 h-8 rounded-full" });
+	else avatarComponent = null;
+	return /* @__PURE__ */ jsx("div", {
+		className: "shrink-0 pt-2 pb-0",
+		ref: portalRef,
+		children: avatarComponent && /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center px-[16px] py-1",
+			children: [/* @__PURE__ */ jsxs(Menu, {
+				trigger: /* @__PURE__ */ jsx("div", {
+					className: cls("shrink-0 flex items-center justify-center w-[44px] cursor-pointer", "rounded-md py-1", "hover:bg-surface-accent-100 dark:hover:bg-surface-800", "transition-colors duration-150"),
+					role: "button",
+					tabIndex: 0,
+					"aria-label": t("user_menu") || "User menu",
+					children: avatarComponent
+				}),
+				side: "top",
+				align: "start",
+				children: [
+					user && /* @__PURE__ */ jsxs("div", {
+						className: "px-4 py-2 mb-1",
+						children: [user.displayName && /* @__PURE__ */ jsx(Typography, {
+							variant: "body1",
+							color: "secondary",
+							children: user.displayName
+						}), user.email && /* @__PURE__ */ jsx(Typography, {
+							variant: "body2",
+							color: "secondary",
+							children: user.email
+						})]
+					}),
+					dropDownActions,
+					!dropDownActions && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(MenuItem, {
+						onClick: () => navigate("/settings"),
+						children: [/* @__PURE__ */ jsx(SettingsIcon, {}), t("account_settings")]
+					}), /* @__PURE__ */ jsxs(MenuItem, {
+						onClick: async () => {
+							await authController.signOut();
+							navigate("/");
+						},
+						children: [/* @__PURE__ */ jsx(LogOutIcon, {}), t("log_out")]
+					})] })
+				]
+			}), showFullContent && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-0",
+				children: [/* @__PURE__ */ jsx(LanguageToggle, {}), /* @__PURE__ */ jsxs(Menu, {
+					trigger: /* @__PURE__ */ jsx(IconButton, {
+						color: "inherit",
+						"aria-label": t("toggle_theme") || "Toggle theme",
+						className: "text-surface-500 dark:text-surface-400",
+						children: mode === "dark" ? /* @__PURE__ */ jsx(MoonIcon, { size: iconSize.small }) : mode === "light" ? /* @__PURE__ */ jsx(SunIcon, { size: iconSize.small }) : /* @__PURE__ */ jsx(SunMoonIcon, { size: iconSize.small })
+					}),
+					portalContainer: portalRef.current,
+					side: "top",
+					children: [
+						/* @__PURE__ */ jsxs(MenuItem, {
+							onClick: () => setMode("dark"),
+							children: [
+								/* @__PURE__ */ jsx(MoonIcon, { size: iconSize.smallest }),
+								" ",
+								t("dark_mode")
+							]
+						}),
+						/* @__PURE__ */ jsxs(MenuItem, {
+							onClick: () => setMode("light"),
+							children: [
+								/* @__PURE__ */ jsx(SunIcon, { size: iconSize.smallest }),
+								" ",
+								t("light_mode")
+							]
+						}),
+						/* @__PURE__ */ jsxs(MenuItem, {
+							onClick: () => setMode("system"),
+							children: [
+								/* @__PURE__ */ jsx(SunMoonIcon, { size: iconSize.smallest }),
+								" ",
+								t("system_mode")
+							]
+						})
+					]
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/app/Drawer.tsx
+/**
+* This component is in charge of rendering the drawer.
+* If you add this component under your {@link Scaffold}, it will be rendered
+* as a drawer, and the open and close functionality will be handled automatically.
+* If you want to customise the drawer, you can create your own component and pass it as a child.
+* For custom drawers, you can use the {@link useApp} to open and close the drawer.
+*
+*/
+function Drawer({ children, title, logo, logoDestination, footerActions, className, style }) {
+	return /* @__PURE__ */ jsx(Fragment, { children: children ?? /* @__PURE__ */ jsx(DefaultDrawer, {
+		title,
+		logo,
+		logoDestination,
+		footerActions,
+		className,
+		style
+	}) });
+}
+Drawer.componentType = "Drawer";
+/**
+* This view acts as a scaffold for Rebase.
+*
+* It is in charge of displaying the navigation drawer, top bar and main
+* collection views.
+* This component needs a parent {@link Rebase}
+*
+* @param props
+
+* @group Core
+*/
+var Scaffold = React.memo(function Scaffold(props) {
+	const { children, autoOpenDrawer, logo, className, style, padding = true } = props;
+	const drawerChildren = React.Children.toArray(children).filter((child) => child.type.componentType === "Drawer");
+	if (drawerChildren.length > 1) throw Error("Only one Drawer component is allowed in Scaffold");
+	const appBarChildren = React.Children.toArray(children).filter((child) => child.type.componentType === "AppBar");
+	if (appBarChildren.length > 1) throw Error("Only one AppBar component is allowed in Scaffold");
+	const otherChildren = React.Children.toArray(children).filter((child) => child.type.componentType !== "Drawer" && child.type.componentType !== "AppBar");
+	const includeDrawer = drawerChildren.length > 0;
+	const largeLayout = useLargeLayout();
+	const [drawerOpen, setDrawerOpen] = React.useState(false);
+	const [onHover, setOnHover] = React.useState(false);
+	const setOnHoverTrue = useCallback(() => setOnHover(true), []);
+	const setOnHoverFalse = useCallback(() => {
+		if (document.querySelector("[data-radix-popper-content-wrapper]")) return;
+		setOnHover(false);
+	}, []);
+	const handleDrawerOpen = useCallback(() => {
+		setDrawerOpen(true);
+	}, []);
+	const handleDrawerClose = useCallback(() => {
+		setDrawerOpen(false);
+	}, []);
+	const computedDrawerOpen = drawerOpen;
+	const computedDrawerHovered = Boolean(largeLayout && onHover);
+	const isStudioDark = useAdminModeController().mode === "studio";
+	const hasAppBar = Boolean(appBarChildren.length > 0);
+	const appContextValue = useMemo(() => ({
+		hasDrawer: Boolean(includeDrawer),
+		drawerOpen: computedDrawerOpen,
+		drawerHovered: computedDrawerHovered,
+		openDrawer: handleDrawerOpen,
+		closeDrawer: handleDrawerClose,
+		closeHover: setOnHoverFalse,
+		logo
+	}), [
+		includeDrawer,
+		computedDrawerOpen,
+		computedDrawerHovered,
+		handleDrawerOpen,
+		handleDrawerClose,
+		setOnHoverFalse,
+		logo
+	]);
+	return /* @__PURE__ */ jsx(AppContext.Provider, {
+		value: appContextValue,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cls("flex h-screen w-screen overflow-hidden", "bg-surface-50 dark:bg-surface-900", "text-surface-900 dark:text-white", className),
+			style: {
+				paddingTop: "env(safe-area-inset-top)",
+				paddingLeft: "env(safe-area-inset-left)",
+				paddingRight: "env(safe-area-inset-right)",
+				paddingBottom: "env(safe-area-inset-bottom)",
+				height: "100dvh",
+				...style
+			},
+			children: [
+				appBarChildren,
+				/* @__PURE__ */ jsx(DrawerWrapper, {
+					displayed: includeDrawer,
+					onMouseEnter: setOnHoverTrue,
+					onMouseMove: setOnHoverTrue,
+					onMouseLeave: setOnHoverFalse,
+					open: drawerOpen,
+					hovered: onHover,
+					isStudioDark,
+					setDrawerOpen,
+					children: includeDrawer && drawerChildren
+				}),
+				/* @__PURE__ */ jsxs("main", {
+					className: "flex flex-col grow overflow-auto",
+					children: [hasAppBar && /* @__PURE__ */ jsx(DrawerHeader, {}), /* @__PURE__ */ jsx("div", {
+						className: cls(defaultBorderMixin, "bg-surface-50 dark:bg-surface-800", "grow overflow-auto m-0", {
+							"mt-1 lg:m-0 lg:mx-2 lg:mb-2 lg:rounded-lg lg:border-t lg:border-x lg:border-solid": padding,
+							"lg:mt-2": !hasAppBar && padding,
+							"lg:mt-4": !hasAppBar && !padding,
+							"border-t": hasAppBar && !padding
+						}),
+						children: /* @__PURE__ */ jsx(ErrorBoundary, { children: otherChildren })
+					})]
+				})
+			]
+		})
+	});
+}, deepEqual);
+var DrawerHeader = () => {
+	return /* @__PURE__ */ jsx("div", { className: "flex flex-col min-h-14" });
+};
+function DrawerWrapper(props) {
+	const layoutWidth = !props.displayed ? 0 : props.open ? 280 : 72;
+	const visualWidth = !props.displayed ? 0 : props.open || props.hovered ? 280 : 72;
+	const isFloating = props.hovered && !props.open;
+	const darkBg = "dark:bg-surface-900";
+	const darkBgFloating = "dark:bg-surface-900";
+	const { t } = useTranslation();
+	const innerDrawer = /* @__PURE__ */ jsx("div", {
+		className: cls("h-full overflow-hidden", defaultBorderMixin, isFloating ? `absolute top-0 left-0 bottom-0 z-50 bg-surface-50 ${darkBgFloating} shadow-lg border-r` : `relative bg-surface-50 ${darkBg}`),
+		style: {
+			width: visualWidth,
+			transition: "left 75ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, opacity 75ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, width 75ms cubic-bezier(0.4, 0, 0.6, 1) 0ms"
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col h-full",
+			children: props.children
+		})
+	});
+	if (!useLargeLayout()) {
+		if (!props.displayed) return null;
+		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconButton, {
+			color: "inherit",
+			"aria-label": t("open_menu"),
+			onClick: () => props.setDrawerOpen(true),
+			className: "absolute sm:top-2 sm:left-4 top-1 left-2",
+			children: /* @__PURE__ */ jsx(MenuIcon, {})
+		}), /* @__PURE__ */ jsx(Sheet, {
+			side: "left",
+			transparent: true,
+			open: props.open,
+			onOpenChange: props.setDrawerOpen,
+			title: t("navigation_drawer"),
+			overlayClassName: "bg-white/80 dark:bg-surface-900/80",
+			children: innerDrawer
+		})] });
+	}
+	return /* @__PURE__ */ jsx("div", {
+		className: "z-20 relative flex-shrink-0 overflow-visible",
+		onMouseEnter: props.onMouseEnter,
+		onMouseMove: props.onMouseMove,
+		onMouseLeave: props.onMouseLeave,
+		style: {
+			width: layoutWidth,
+			minWidth: layoutWidth,
+			transition: "left 75ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, opacity 75ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, width 75ms cubic-bezier(0.4, 0, 0.6, 1) 0ms"
+		},
+		children: innerDrawer
+	});
+}
+//#endregion
+//#region src/components/RebaseAdmin.tsx
+/**
+* Declarative component to configure the CMS in Rebase.
+* Renders nothing — purely registers config into the RebaseRegistry.
+*
+* When `collectionEditor` is provided, the built-in visual schema editor
+* is auto-wired as a native feature (slots, provider, Studio view) without
+* needing any external plugin.
+*/
+function RebaseAdmin({ collections, views, homePage, entityViews, entityActions, collectionEditor, navigationGroupMappings, basePath }) {
+	const dispatch = useRebaseRegistryDispatch();
+	useLayoutEffect(() => {
+		dispatch.registerCMS({
+			collections,
+			views,
+			homePage,
+			entityViews,
+			entityActions,
+			collectionEditor,
+			navigationGroupMappings,
+			basePath
+		});
+		return () => dispatch.unregisterCMS();
+	}, [
+		dispatch,
+		collections,
+		views,
+		homePage,
+		entityViews,
+		entityActions,
+		collectionEditor,
+		navigationGroupMappings,
+		basePath
+	]);
+	return null;
+}
+//#endregion
+//#region src/components/RebaseAuthGate.tsx
+/**
+* Auth gate component that handles the authentication flow.
+*
+* - Shows a loading spinner while `authController.initialLoading` is true.
+* - Shows the login view when no user is authenticated.
+* - Renders `children` when a user is authenticated.
+*
+* **Independently usable**: Use this alone when you want auth gating
+* without the full CMS layout or navigation.
+*
+* @example
+* ```tsx
+* <RebaseAuthGate>
+*   <MyCustomApp />
+* </RebaseAuthGate>
+* ```
+*/
+function RebaseAuthGate({ children }) {
+	const registry = useRebaseRegistry();
+	const authController = useAuthController();
+	if (authController?.initialLoading) return /* @__PURE__ */ jsx(CircularProgressCenter, { size: "large" });
+	if (!authController?.user) return /* @__PURE__ */ jsx(Fragment, { children: registry.authConfig?.loginView ?? /* @__PURE__ */ jsx(LoginView, { authController }) });
+	return /* @__PURE__ */ jsx(Fragment, { children });
+}
+//#endregion
+//#region src/collection_editor/useLocalCollectionsConfigController.tsx
+function useLocalCollectionsConfigController(clientOrUrl, baseCollections = [], options) {
+	const parsedCollections = baseCollections;
+	const optionsRef = useRef(options);
+	optionsRef.current = options;
+	const request = async (endpoint, payload) => {
+		try {
+			let token = optionsRef.current?.getAuthToken ? await optionsRef.current.getAuthToken() : null;
+			let baseUrl = typeof clientOrUrl === "string" ? clientOrUrl : "";
+			if (typeof clientOrUrl === "object" && clientOrUrl !== null) {
+				baseUrl = clientOrUrl.baseUrl || baseUrl;
+				if (!token && clientOrUrl.resolveToken) token = await clientOrUrl.resolveToken();
+			}
+			const headers = { "Content-Type": "application/json" };
+			if (token) headers["Authorization"] = `Bearer ${token}`;
+			const response = await fetch(`${baseUrl.replace(/\/$/, "")}/api/schema-editor${endpoint}`, {
+				method: "POST",
+				headers,
+				body: JSON.stringify(payload)
+			});
+			if (!response.ok) {
+				const text = await response.text();
+				let err = {};
+				try {
+					err = JSON.parse(text);
+				} catch (e) {}
+				if (Object.keys(err).length === 0) err = { message: text };
+				console.error("dev server error payload:", err);
+				const errObj = err.error;
+				const errMessage = typeof errObj === "object" && errObj !== null ? errObj.message : typeof errObj === "string" ? errObj : err.message;
+				throw new Error(errMessage || "Error communicating with local dev server");
+			}
+		} catch (e) {
+			console.error("fetch request failed", e);
+			throw e;
+		}
+	};
+	return useMemo(() => ({
+		loading: false,
+		readOnly: options?.readOnly ?? false,
+		readOnlyReason: "Local collection editing is only available in development mode.",
+		collections: parsedCollections,
+		getCollection: (id) => {
+			const found = parsedCollections.find((c) => c.id === id || c.slug === id);
+			if (found) return found;
+			throw Error(`Collection ${id} not found in local mode`);
+		},
+		saveCollection: async ({ id, collectionData }) => {
+			await request("/collection/save", {
+				collectionId: id,
+				collectionData
+			});
+		},
+		updateCollection: async ({ id, collectionData }) => {
+			await request("/collection/save", {
+				collectionId: id,
+				collectionData
+			});
+		},
+		deleteCollection: async ({ id }) => {
+			await request("/collection/delete", { collectionId: id });
+		},
+		saveProperty: async ({ path, propertyKey, property, newPropertiesOrder }) => {
+			await request("/property/save", {
+				collectionId: path,
+				propertyKey,
+				propertyConfig: property
+			});
+			if (newPropertiesOrder) await request("/collection/save", {
+				collectionId: path,
+				collectionData: { propertiesOrder: newPropertiesOrder }
+			});
+		},
+		deleteProperty: async ({ path, propertyKey, newPropertiesOrder }) => {
+			await request("/property/delete", {
+				collectionId: path,
+				propertyKey
+			});
+			if (newPropertiesOrder) await request("/collection/save", {
+				collectionId: path,
+				collectionData: { propertiesOrder: newPropertiesOrder }
+			});
+		},
+		updatePropertiesOrder: async ({ collection, fullPath, newPropertiesOrder }) => {
+			await request("/collection/save", {
+				collectionId: collection.id || fullPath.split("/").pop(),
+				collectionData: { propertiesOrder: newPropertiesOrder }
+			});
+		},
+		updateKanbanColumnsOrder: async () => {},
+		navigationEntries: [],
+		saveNavigationEntries: async () => {}
+	}), [
+		clientOrUrl,
+		parsedCollections,
+		options?.readOnly,
+		options?.getAuthToken
+	]);
+}
+//#endregion
+//#region src/components/RebaseNavigation.tsx
+var EMPTY_PLUGINS = [];
+var EMPTY_COLLECTIONS = [];
+var CollectionsStudioView = lazy(() => import("./RouterCollectionsStudioView-B9AjTCjT.js").then((n) => n.n).then((m) => ({ default: m.RouterCollectionsStudioView })));
+/**
+* Navigation layer — builds and provides all CMS navigation controllers:
+* collection registry, URL controller, navigation state, side entity,
+* and the self-assembling Studio bridge.
+*
+* Also handles the collection editor config controller when enabled.
+*
+* **Independently usable**: Use this when you need CMS navigation
+* (entity tables, side panels) in a custom layout.
+*
+* @example
+* ```tsx
+* <RebaseNavigation>
+*   <MyCustomLayout>
+*     <CollectionViewBinding ... />
+*   </MyCustomLayout>
+* </RebaseNavigation>
+* ```
+*/
+function RebaseNavigation({ children }) {
+	const registry = useRebaseRegistry();
+	const context = useRebaseContext();
+	const adminModeController = useAdminModeController();
+	const userConfigPersistence = useBuildLocalConfigurationPersistence();
+	const collectionEditorConfig = registry.cmsConfig?.collectionEditor;
+	const collectionEditorEnabled = Boolean(collectionEditorConfig) || Boolean(registry.studioConfig);
+	const collectionEditorOptions = useMemo(() => {
+		if (collectionEditorConfig === true || !collectionEditorConfig) return {};
+		return collectionEditorConfig;
+	}, [collectionEditorConfig]);
+	const cmsCollections = registry.cmsConfig?.collections ?? EMPTY_COLLECTIONS;
+	const collectionsBuilder = useMemo(() => Array.isArray(cmsCollections) ? () => [...cmsCollections] : cmsCollections, [cmsCollections]);
+	const dataSources = useDataSources();
+	const collectionRegistryController = useBuildCollectionRegistryController({
+		userConfigPersistence,
+		dataSources: dataSources.registry
+	});
+	const defaultData = useData();
+	const getCollectionRef = useRef(collectionRegistryController.getCollection);
+	getCollectionRef.current = collectionRegistryController.getCollection;
+	useContext(CollectionResolverRegistrationContext)(useCallback((slug) => getCollectionRef.current(slug), []));
+	const routedData = useMemo(() => buildRoutedRebaseData({
+		defaultData,
+		sources: dataSources.sources,
+		resolveKey: (slugOrPath) => resolveDataSource(getCollectionRef.current(slugOrPath), dataSources.registry).key
+	}), [defaultData, dataSources]);
+	const urlController = useBuildUrlController({
+		basePath: useMemo(() => {
+			const raw = registry.cmsConfig?.basePath;
+			if (!raw || raw === "/") return "/";
+			const trimmed = raw.replace(/^\/+/, "").replace(/\/+$/, "");
+			return trimmed ? `/${trimmed}` : "/";
+		}, [registry.cmsConfig?.basePath]),
+		baseCollectionPath: "/c",
+		collectionRegistryController
+	});
+	const rebaseClient = useRebaseClient();
+	const authController = useAuthController();
+	const resolvedCollections = useMemo(() => Array.isArray(cmsCollections) ? cmsCollections : [], [cmsCollections]);
+	useEffect(() => {
+		if (process.env.NODE_ENV === "production") return;
+		const { registry, sources } = dataSources;
+		const missing = Object.values(registry).filter((d) => (d.transport === "direct" || d.transport === "custom") && !sources[d.key]).map((d) => d.key);
+		if (missing.length > 0) console.warn(`[Rebase] These data source(s) declare a direct/custom transport but have no client-side driver and will fall back to the default data source: ${missing.map((k) => `"${k}"`).join(", ")}. Provide a \`driver\` for them in \`dataSources\` on <Rebase>.`);
+	}, [dataSources]);
+	const internalConfigController = useLocalCollectionsConfigController(rebaseClient, resolvedCollections, collectionEditorEnabled ? {
+		readOnly: collectionEditorOptions?.readOnly ?? process.env.NODE_ENV === "production",
+		getAuthToken: collectionEditorOptions?.getAuthToken ?? authController?.getAuthToken
+	} : { readOnly: true });
+	const schemaView = useMemo(() => {
+		if (!collectionEditorEnabled) return void 0;
+		const studioTools = registry.studioConfig?.tools ?? [
+			"sql",
+			"js",
+			"rls",
+			"schema",
+			"storage"
+		];
+		if (!registry.studioConfig || !studioTools.includes("schema")) return void 0;
+		return {
+			slug: "schema",
+			name: "Edit collections",
+			group: "Database",
+			icon: "LayoutList",
+			nestedRoutes: true,
+			view: /* @__PURE__ */ jsx(Suspense, {
+				fallback: /* @__PURE__ */ jsx(CircularProgressCenter, {}),
+				children: /* @__PURE__ */ jsx(CollectionsStudioView, { configController: internalConfigController })
+			})
+		};
+	}, [
+		collectionEditorEnabled,
+		registry.studioConfig,
+		internalConfigController
+	]);
+	const devViews = useMemo(() => {
+		const base = registry.studioConfig?.devViews ?? [];
+		if (schemaView) return [...base, schemaView];
+		return base;
+	}, [registry.studioConfig?.devViews, schemaView]);
+	const cmsViews = registry.cmsConfig?.views;
+	const mergedViews = useMemo(() => {
+		if (!cmsViews) return devViews;
+		if (Array.isArray(cmsViews) && cmsViews.length === 0) return devViews;
+		if (typeof cmsViews === "function") return async (params) => {
+			return [...await cmsViews(params) ?? [], ...devViews];
+		};
+		return [...cmsViews, ...devViews];
+	}, [cmsViews, devViews]);
+	const parentCustomizationController = useCustomizationController();
+	const navigationStateController = useBuildNavigationStateController({
+		plugins: parentCustomizationController.plugins ?? EMPTY_PLUGINS,
+		collections: collectionsBuilder,
+		views: mergedViews,
+		navigationGroupMappings: registry.cmsConfig?.navigationGroupMappings,
+		authController: context.authController,
+		data: routedData,
+		collectionRegistryController,
+		urlController,
+		adminMode: adminModeController?.mode
+	});
+	const enrichedCustomizationController = useMemo(() => {
+		const cmsEntityViews = registry.cmsConfig?.entityViews ?? [];
+		const cmsEntityActions = registry.cmsConfig?.entityActions ?? [];
+		if (cmsEntityViews.length === 0 && cmsEntityActions.length === 0) return parentCustomizationController;
+		return {
+			...parentCustomizationController,
+			entityViews: [...parentCustomizationController.entityViews ?? [], ...cmsEntityViews.filter((v) => !(parentCustomizationController.entityViews ?? []).some((ev) => ev.key === v.key))],
+			entityActions: [...parentCustomizationController.entityActions ?? [], ...cmsEntityActions.filter((a) => !(parentCustomizationController.entityActions ?? []).some((ea) => ea.key === a.key))]
+		};
+	}, [
+		parentCustomizationController,
+		registry.cmsConfig?.entityViews,
+		registry.cmsConfig?.entityActions
+	]);
+	const navigationContent = /* @__PURE__ */ jsx(RebaseDataContext.Provider, {
+		value: routedData,
+		children: /* @__PURE__ */ jsx(CustomizationControllerContext.Provider, {
+			value: enrichedCustomizationController,
+			children: /* @__PURE__ */ jsx(StudioBridgeRegistryProvider, { children: /* @__PURE__ */ jsx(CollectionRegistryContext.Provider, {
+				value: collectionRegistryController,
+				children: /* @__PURE__ */ jsx(UrlContext.Provider, {
+					value: urlController,
+					children: /* @__PURE__ */ jsx(NavigationStateContext.Provider, {
+						value: navigationStateController,
+						children: /* @__PURE__ */ jsxs(SidePanelProvider, { children: [/* @__PURE__ */ jsx(BridgeAutoRegistrar, {
+							collectionRegistryController,
+							urlController,
+							navigationStateController
+						}), children] })
+					})
+				})
+			}) })
+		})
+	});
+	if (collectionEditorEnabled) return /* @__PURE__ */ jsx(ConfigControllerProvider, {
+		collectionConfigController: internalConfigController,
+		pathSuggestions: collectionEditorOptions?.pathSuggestions,
+		children: navigationContent
+	});
+	return navigationContent;
+}
+/**
+* Internal component that auto-registers CMS controllers into the
+* self-assembling Studio bridge. Must be rendered inside both the
+* navigation contexts and the StudioBridgeRegistryProvider.
+*/
+function BridgeAutoRegistrar({ collectionRegistryController, urlController, navigationStateController }) {
+	useBridgeRegistration("collectionRegistry", collectionRegistryController);
+	useBridgeRegistration("urlController", urlController);
+	useBridgeRegistration("navigationState", navigationStateController);
+	return null;
+}
+//#endregion
+//#region src/components/RebaseLayout.tsx
+/**
+* Layout layer — provides the Scaffold, Drawer, and SideDialogs.
+*
+* Wraps the route outlet with the standard Rebase admin layout.
+* Override the drawer via props; pass `appBar` to add a top bar (there is
+* none by default — the drawer owns navigation and user actions).
+*
+* **Independently usable**: Use this when you want the Rebase layout
+* without its default route definitions.
+*
+* @example
+* ```tsx
+* <RebaseLayout title="My Admin" appBar={<AppBar/>}>
+*   <Route path="/" element={<MyHomePage />} />
+*   <Route path="/custom" element={<CustomView />} />
+* </RebaseLayout>
+* ```
+*/
+function RebaseLayout(props) {
+	const { title = "Rebase", appBar, drawer, autoOpenDrawer = false, devViews = [] } = props;
+	const adminModeController = useAdminModeController();
+	const ResolvedDrawer = useComponentOverride("Shell.Drawer", Drawer);
+	const ActiveDrawer = drawer ?? /* @__PURE__ */ jsx(ResolvedDrawer, {
+		title,
+		logoDestination: adminModeController.mode === "studio" ? "/s" : "/"
+	});
+	return /* @__PURE__ */ jsxs(Scaffold, {
+		autoOpenDrawer,
+		children: [
+			/* @__PURE__ */ jsx(AdminModeSyncer, { devViews }),
+			appBar,
+			ActiveDrawer,
+			/* @__PURE__ */ jsx(Outlet, {}),
+			/* @__PURE__ */ jsx(SideDialogs, {})
+		]
+	});
+}
+//#endregion
+//#region src/components/HomePage/FavouritesView.tsx
+function NavigationChip({ entry }) {
+	const navigate = useNavigate();
+	const userConfigurationPersistence = useUserConfigurationPersistence();
+	if (!userConfigurationPersistence) return null;
+	const favourite = userConfigurationPersistence.favouritePaths.includes(entry.slug);
+	const onIconClick = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		if (favourite) userConfigurationPersistence.setFavouritePaths(userConfigurationPersistence.favouritePaths.filter((p) => p !== entry.slug));
+		else userConfigurationPersistence.setFavouritePaths([...userConfigurationPersistence.favouritePaths, entry.slug]);
+	};
+	return /* @__PURE__ */ jsx(Chip, {
+		onClick: () => navigate(entry.url),
+		icon: /* @__PURE__ */ jsx(StarIcon, {
+			onClick: onIconClick,
+			size: "small",
+			className: favourite ? "text-secondary" : "text-surface-400 dark:text-surface-500"
+		}),
+		children: entry.name
+	}, entry.slug);
+}
+function FavouritesView({ hidden }) {
+	const navigationStateController = useNavigationStateController();
+	const userConfigurationPersistence = useUserConfigurationPersistence();
+	if (!userConfigurationPersistence) return null;
+	const favouriteCollections = (userConfigurationPersistence?.favouritePaths ?? []).map((path) => navigationStateController.topLevelNavigation?.navigationEntries.find((entry) => entry.slug === path)).filter(Boolean);
+	return /* @__PURE__ */ jsx(Collapse, {
+		in: favouriteCollections.length > 0,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-row flex-wrap gap-2 pb-2 min-h-[32px]",
+			children: favouriteCollections.map((entry) => /* @__PURE__ */ jsx(NavigationChip, { entry }, entry.slug))
+		})
+	});
+}
+//#endregion
+//#region src/components/HomePage/NavigationGroup.tsx
+function NavigationGroup({ children, group, minimised, isPreview, isPotentialCardDropTarget, onEditGroup, dndDisabled, collapsed, onToggleCollapsed }) {
+	const { t } = useTranslation();
+	const [isHovered, setIsHovered] = useState(false);
+	const currentGroupName = group ?? t("views_group");
+	const showCaret = !isPreview && !!onToggleCollapsed;
+	const TitleContent = /* @__PURE__ */ jsxs("div", {
+		className: cls("flex items-center", isPreview ? "px-1 py-0.5" : ""),
+		children: [/* @__PURE__ */ jsx(Typography, {
+			variant: isPreview ? "body2" : "caption",
+			component: "h2",
+			color: "secondary",
+			className: cls("px-4 py-1 rounded", "font-medium text-[10px] uppercase tracking-[0.08em] text-primary/50 dark:text-primary/70"),
+			children: currentGroupName
+		}), !isPreview && onEditGroup && !dndDisabled && /* @__PURE__ */ jsx(IconButton, {
+			size: "smallest",
+			onClick: (e) => {
+				e.stopPropagation();
+				onEditGroup(currentGroupName);
+			},
+			className: cls("ml-2 ", isHovered ? "opacity-100" : "opacity-0", "transition-opacity duration-100"),
+			children: /* @__PURE__ */ jsx(PencilIcon, { size: iconSize.smallest })
+		})]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cls(!isPotentialCardDropTarget ? "my-10" : "my-6", "transition-all duration-200 ease-in-out"),
+		children: [
+			isPreview && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+				className: cls("flex items-center justify-between w-full", "p-4 py-2"),
+				onMouseEnter: () => setIsHovered(true),
+				onMouseLeave: () => setIsHovered(false),
+				children: TitleContent
+			}), children] }),
+			!isPreview && showCaret && /* @__PURE__ */ jsx(ExpandablePanel, {
+				invisible: true,
+				expanded: !collapsed,
+				onExpandedChange: (open) => {
+					if (open !== !collapsed) onToggleCollapsed?.();
+				},
+				className: cls("mt-6"),
+				titleClassName: cls("min-h-0 p-0 border-none", "rounded flex items-center justify-between w-full", "hover:bg-transparent", "cursor-pointer select-none", collapsed && "bg-surface-100 dark:bg-surface-900/50"),
+				innerClassName: cls("mt-4", !minimised ? "pt-0" : ""),
+				title: /* @__PURE__ */ jsx("div", {
+					onMouseEnter: () => setIsHovered(true),
+					onMouseLeave: () => setIsHovered(false),
+					className: "flex items-center",
+					children: TitleContent
+				}),
+				children: minimised ? /* @__PURE__ */ jsx("div", {
+					className: cls("mt-4 p-8 bg-surface-accent-200 dark:bg-surface-accent-800 rounded-lg"),
+					style: { minHeight: "50px" }
+				}) : /* @__PURE__ */ jsx("div", {
+					className: cls("mt-4", !minimised ? "pt-0" : ""),
+					children
+				})
+			}),
+			!isPreview && !showCaret && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+				className: cls("flex items-center justify-between w-full", "mt-6"),
+				onMouseEnter: () => setIsHovered(true),
+				onMouseLeave: () => setIsHovered(false),
+				children: TitleContent
+			}), !collapsed && (minimised ? /* @__PURE__ */ jsx("div", {
+				className: cls("mt-4 p-8 bg-surface-accent-200 dark:bg-surface-accent-800 rounded-lg"),
+				style: { minHeight: "50px" }
+			}) : /* @__PURE__ */ jsx("div", {
+				className: cls("mt-4", !minimised ? "pt-0" : ""),
+				children
+			}))] })
+		]
+	});
+}
+//#endregion
+//#region src/components/HomePage/NavigationCard.tsx
+var NavigationCard = React.memo(function NavigationCard({ name, description, icon, actions, additionalContent, onClick, shrink }) {
+	return /* @__PURE__ */ jsx(Card, {
+		className: cls("group h-full p-4 cursor-pointer transition-colors duration-150 ease-in-out", "hover:bg-primary/5 dark:hover:bg-primary/5", shrink && "w-full max-w-full min-h-0 scale-75"),
+		onClick: () => {
+			onClick?.();
+		},
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col h-full",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center w-full justify-between mb-1",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "flex items-center justify-center w-5 h-5 text-surface-400 dark:text-surface-500 transition-colors duration-150 group-hover:text-primary dark:group-hover:text-primary",
+							children: icon
+						}), /* @__PURE__ */ jsx(Typography, {
+							variant: "subtitle1",
+							component: "h2",
+							children: name
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "flex items-center gap-0.5",
+						onClick: (event) => {
+							event.preventDefault();
+							event.stopPropagation();
+						},
+						children: actions
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "pl-8",
+					children: description && /* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						color: "secondary",
+						component: "div",
+						children: /* @__PURE__ */ jsx(Markdown, {
+							source: description,
+							size: "small"
+						})
+					})
+				}),
+				additionalContent && /* @__PURE__ */ jsx("div", {
+					className: "pl-8 pointer-events-none",
+					children: additionalContent
+				}),
+				/* @__PURE__ */ jsx("div", { className: "grow" })
+			]
+		})
+	});
+});
+//#endregion
+//#region src/components/HomePage/NavigationCardBinding.tsx
+/**
+* This is the component used in the home page to render a card for each
+* collection or view.
+* @group Components
+* @param view
+* @param path
+* @param collection
+* @param url
+* @param name
+* @param description
+* @param onClick
+
+*/
+function NavigationCardBinding({ slug, collection, view, url, name, description, onClick, type, shrink }) {
+	const userConfigurationPersistence = useUserConfigurationPersistence();
+	const collectionIcon = /* @__PURE__ */ jsx(IconForView, {
+		collectionOrView: collection ?? view,
+		size: "small"
+	});
+	const navigate = useNavigate();
+	const context = useRebaseContext();
+	const favourite = (userConfigurationPersistence?.favouritePaths ?? []).includes(slug);
+	const actionsArray = userConfigurationPersistence ? [/* @__PURE__ */ jsx(IconButton, {
+		size: "small",
+		onClick: (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+			if (favourite) userConfigurationPersistence.setFavouritePaths(userConfigurationPersistence.favouritePaths.filter((p) => p !== slug));
+			else userConfigurationPersistence.setFavouritePaths([...userConfigurationPersistence.favouritePaths, slug]);
+		},
+		children: /* @__PURE__ */ jsx(StarIcon, { className: favourite ? "text-secondary" : "text-surface-400 dark:text-surface-500" })
+	}, "favourite")] : [];
+	const pluginCardActions = useSlot("home.collection.actions", {
+		slug,
+		collection,
+		context
+	});
+	const pluginCardInsights = useSlot("home.card.insight", {
+		slug,
+		collection,
+		context
+	});
+	return /* @__PURE__ */ jsx(NavigationCard, {
+		icon: collectionIcon,
+		name,
+		description,
+		actions: /* @__PURE__ */ jsxs(Fragment, { children: [actionsArray, pluginCardActions] }),
+		additionalContent: pluginCardInsights.length > 0 ? /* @__PURE__ */ jsx(Fragment, { children: pluginCardInsights }) : void 0,
+		onClick: () => {
+			onClick?.();
+			navigate(url);
+			if (userConfigurationPersistence) userConfigurationPersistence.setRecentlyVisitedPaths([slug, ...(userConfigurationPersistence.recentlyVisitedPaths ?? []).filter((p) => p !== slug)]);
+		},
+		shrink
+	});
+}
+//#endregion
+//#region src/components/HomePage/HomePageDnD.tsx
+var animateLayoutChanges = (args) => defaultAnimateLayoutChanges({
+	...args,
+	wasDragging: true
+});
+var dropAnimationConfig = {};
+var cloneSerializableNavigationEntry = (entry) => {
+	return {
+		id: entry.id,
+		slug: entry.slug,
+		url: entry.url,
+		name: entry.name,
+		type: entry.type,
+		collection: entry.collection ? { ...entry.collection } : void 0,
+		view: entry.view ? { ...entry.view } : void 0,
+		...entry.group && { group: entry.group },
+		...entry.description && { description: entry.description }
+	};
+};
+var cloneItemsForDnd = (items) => items.map((g) => ({
+	name: g.name,
+	entries: g.entries.map(cloneSerializableNavigationEntry)
+}));
+function SortableNavigationCard({ entry, onClick }) {
+	const { setNodeRef, listeners, attributes, transform, transition, isDragging } = useSortable({
+		id: entry.url,
+		animateLayoutChanges
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref: setNodeRef,
+		style: {
+			transform: transform ? CSS.Transform.toString(transform) : void 0,
+			transition,
+			opacity: isDragging ? 0 : 1
+		},
+		...attributes,
+		...listeners,
+		children: /* @__PURE__ */ jsx(NavigationCardBinding, {
+			...entry,
+			onClick
+		})
+	});
+}
+function NavigationGroupDroppable({ id, itemIds, children, isPotentialCardDropTarget = false }) {
+	const { setNodeRef } = useDroppable({ id });
+	return /* @__PURE__ */ jsx("div", {
+		ref: setNodeRef,
+		className: cls(isPotentialCardDropTarget ? "p-2 bg-surface-accent-200 dark:bg-surface-accent-800 rounded-lg" : void 0, "transition-all duration-200 ease-in-out"),
+		children: /* @__PURE__ */ jsx(SortableContext, {
+			items: itemIds,
+			strategy: rectSortingStrategy,
+			children
+		})
+	});
+}
+function SortableNavigationGroup({ groupName, children, disabled }) {
+	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
+		id: groupName,
+		animateLayoutChanges,
+		disabled
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref: setNodeRef,
+		style: {
+			transform: transform ? CSS.Transform.toString(transform) : void 0,
+			transition,
+			opacity: isDragging ? 0 : 1
+		},
+		...attributes,
+		...listeners,
+		children
+	});
+}
+function useHomePageDnd({ items, setItems, disabled, onCardMovedBetweenGroups, onGroupMoved, onNewGroupDrop, onPersist }) {
+	const dndItems = items;
+	const setDndItems = setItems;
+	const [activeId, setActiveId] = useState(null);
+	const [activeIsGroup, setActiveIsGroup] = useState(false);
+	const [currentDraggingGroupId, setCurrentDraggingGroupId] = useState(null);
+	const [dndKitActiveNode, setDndKitActiveNode] = useState(null);
+	const [isDraggingCardOnly, setIsDraggingCardOnly] = useState(false);
+	const [dialogOpenForGroup, setDialogOpenForGroup] = useState(null);
+	const [isHoveringNewGroupDropZone, setIsHoveringNewGroupDropZone] = useState(false);
+	const [pendingNewGroupName, setPendingNewGroupName] = useState(null);
+	const [stateBeforeNewGroup, setStateBeforeNewGroup] = useState(null);
+	const preDragItemsRef = useRef(null);
+	const interimItemsRef = useRef(null);
+	useEffect(() => {
+		interimItemsRef.current = dndItems;
+	}, [dndItems]);
+	const sensors = useSensors(useSensor(MouseSensor, { activationConstraint: { distance: 10 } }), useSensor(TouchSensor, { activationConstraint: {
+		delay: 150,
+		tolerance: 5
+	} }), useSensor(KeyboardSensor));
+	const dndContainers = dndItems.map((g) => g.name);
+	const findDndContainer = useCallback((id) => {
+		if (!id) return void 0;
+		const group = dndItems.find((g) => g.name === id);
+		if (group) return group.name;
+		for (const g of dndItems) if (g.entries.some((e) => e.url === id)) return g.name;
+	}, [dndItems]);
+	const lastOverId = useRef(null);
+	const recentlyMovedToNewContainer = useRef(false);
+	const collisionDetection = useCallback((args) => {
+		if (disabled || !activeId) return [];
+		if (activeIsGroup) {
+			const groups = args.droppableContainers.filter((c) => dndItems.some((g) => g.name === c.id));
+			if (!groups.length) return [];
+			return closestCenter({
+				...args,
+				droppableContainers: groups
+			});
+		}
+		const pointer = pointerWithin(args);
+		if (pointer.length) {
+			const zone = pointer.find((c) => c.id === "new-group-drop-zone");
+			if (zone) return [zone];
+			const container = pointer.find((c) => dndItems.some((g) => g.name === c.id));
+			if (container) {
+				const itemsIn = dndItems.find((g) => g.name === container.id)?.entries;
+				if (itemsIn?.length) {
+					const closest = closestCorners({
+						...args,
+						droppableContainers: args.droppableContainers.filter((c) => itemsIn.some((e) => e.url === c.id))
+					});
+					if (closest.length) return closest;
+				}
+				return [container];
+			}
+			const first = getFirstCollision(pointer, "id");
+			if (first) return [{ id: first }];
+		}
+		const rects = rectIntersection(args);
+		const zoneRect = rects.find((c) => c.id === "new-group-drop-zone");
+		if (zoneRect) return [zoneRect];
+		let overId = getFirstCollision(rects, "id");
+		if (overId != null) {
+			if (dndItems.some((g) => g.name === overId)) {
+				const itemsIn = dndItems.find((g) => g.name === overId)?.entries;
+				if (itemsIn?.length) {
+					const closestItem = closestCorners({
+						...args,
+						droppableContainers: args.droppableContainers.filter((c) => itemsIn.some((e) => e.url === c.id))
+					})[0]?.id;
+					if (closestItem) overId = closestItem;
+				}
+			}
+			lastOverId.current = overId;
+			return [{ id: overId }];
+		}
+		if (recentlyMovedToNewContainer.current && lastOverId.current && !activeIsGroup) return [{ id: lastOverId.current }];
+		return [];
+	}, [
+		activeId,
+		dndItems,
+		disabled,
+		activeIsGroup
+	]);
+	const handleDragStart = ({ active }) => {
+		setDndKitActiveNode(active);
+		if (disabled) return;
+		preDragItemsRef.current = cloneItemsForDnd(dndItems);
+		const isGroup = dndItems.some((g) => g.name === active.id);
+		if (!active.data.current) active.data.current = {};
+		active.data.current.type = isGroup ? "group" : "item";
+		setActiveId(active.id);
+		setActiveIsGroup(isGroup);
+		setIsDraggingCardOnly(!isGroup);
+		if (isGroup) setCurrentDraggingGroupId(active.id);
+		recentlyMovedToNewContainer.current = false;
+	};
+	const handleDragOver = ({ active, over }) => {
+		if (disabled || !over) return;
+		const activeIdNow = active.id;
+		const overIdNow = over.id;
+		if (activeIdNow === overIdNow) return;
+		if (activeIsGroup) return;
+		const activeCont = findDndContainer(activeIdNow);
+		const overCont = findDndContainer(overIdNow);
+		if (!activeCont) return;
+		if (overCont && activeCont !== overCont) {
+			recentlyMovedToNewContainer.current = true;
+			lastOverId.current = overIdNow;
+			setDndItems((current) => {
+				const newState = cloneItemsForDnd(current);
+				const srcIdx = newState.findIndex((g) => g.name === activeCont);
+				const tgtIdx = newState.findIndex((g) => g.name === overCont);
+				if (srcIdx === -1 || tgtIdx === -1) return current;
+				const src = newState[srcIdx];
+				const tgt = newState[tgtIdx];
+				const idxInSrc = src.entries.findIndex((e) => e.url === activeIdNow);
+				if (idxInSrc === -1) return current;
+				const [moved] = src.entries.splice(idxInSrc, 1);
+				if (overIdNow === overCont) tgt.entries.push(moved);
+				else {
+					const overIdx = tgt.entries.findIndex((e) => e.url === overIdNow);
+					if (overIdx !== -1) tgt.entries.splice(overIdx, 0, moved);
+					else tgt.entries.push(moved);
+				}
+				return newState;
+			});
+		} else if (activeCont === overCont) recentlyMovedToNewContainer.current = false;
+	};
+	const handleDragEnd = ({ active, over }) => {
+		if (disabled || !over) {
+			resetDragState();
+			return;
+		}
+		const activeIdNow = active.id;
+		const overIdNow = over.id;
+		if (activeIsGroup) {
+			if (activeIdNow !== overIdNow && dndItems.some((g) => g.name === overIdNow)) {
+				const from = dndItems.findIndex((g) => g.name === activeIdNow);
+				const to = dndItems.findIndex((g) => g.name === overIdNow);
+				if (from !== -1 && to !== -1) {
+					const newState = arrayMove(dndItems, from, to);
+					setDndItems(newState);
+					onPersist?.(newState);
+					onGroupMoved?.(activeIdNow, from, to);
+				}
+			}
+		} else {
+			const findContainerInState = (id, state) => {
+				const group = state.find((g) => g.name === id);
+				if (group) return group.name;
+				for (const g of state) if (g.entries.some((e) => e.url === id)) return g.name;
+			};
+			const sourceState = preDragItemsRef.current || dndItems;
+			const activeCont = findContainerInState(activeIdNow, sourceState);
+			findDndContainer(overIdNow);
+			if (overIdNow === "new-group-drop-zone") {
+				if (activeCont) {
+					setStateBeforeNewGroup(cloneItemsForDnd(dndItems));
+					const newState = cloneItemsForDnd(dndItems);
+					const srcIdx = newState.findIndex((g) => g.name === activeCont);
+					if (srcIdx !== -1) {
+						const src = newState[srcIdx];
+						const idxInSrc = src.entries.findIndex((e) => e.url === activeIdNow);
+						if (idxInSrc !== -1) {
+							const [dragged] = src.entries.splice(idxInSrc, 1);
+							if (src.entries.length === 0) newState.splice(srcIdx, 1);
+							let tentative = "New Group";
+							let counter = 1;
+							while (newState.some((g) => g.name === tentative)) tentative = `New Group ${counter++}`;
+							newState.push({
+								name: tentative,
+								entries: [dragged]
+							});
+							setDndItems(newState);
+							setPendingNewGroupName(tentative);
+							setDialogOpenForGroup(tentative);
+							onNewGroupDrop?.();
+						}
+					}
+				}
+			} else {
+				const overCont = findDndContainer(overIdNow);
+				if (activeCont === overCont) {
+					const grpIdx = dndItems.findIndex((g) => g.name === activeCont);
+					if (grpIdx !== -1) {
+						const group = dndItems[grpIdx];
+						const oldIdx = group.entries.findIndex((e) => e.url === activeIdNow);
+						let newIdx = group.entries.findIndex((e) => e.url === overIdNow);
+						if (newIdx === -1 && overIdNow === activeCont) newIdx = group.entries.length - 1;
+						if (oldIdx !== -1 && newIdx !== -1 && oldIdx !== newIdx) {
+							const reordered = arrayMove(group.entries, oldIdx, newIdx);
+							const newState = [...dndItems];
+							newState[grpIdx] = {
+								...group,
+								entries: reordered
+							};
+							setDndItems(newState);
+							onPersist?.(newState);
+						}
+					}
+				} else if (overCont && activeCont !== overCont) {
+					const finalState = cloneItemsForDnd(sourceState);
+					const finalOverId = lastOverId.current || overIdNow;
+					const cleanOverCont = findContainerInState(finalOverId, sourceState) || overCont;
+					const srcIdx = finalState.findIndex((g) => g.name === activeCont);
+					const tgtIdx = finalState.findIndex((g) => g.name === cleanOverCont);
+					if (srcIdx !== -1 && tgtIdx !== -1) {
+						const src = finalState[srcIdx];
+						const tgt = finalState[tgtIdx];
+						const idxInSrc = src.entries.findIndex((e) => e.url === activeIdNow);
+						if (idxInSrc !== -1) {
+							const [moved] = src.entries.splice(idxInSrc, 1);
+							if (finalOverId === cleanOverCont) tgt.entries.push(moved);
+							else {
+								const overIdx = tgt.entries.findIndex((e) => e.url === finalOverId);
+								if (overIdx !== -1) tgt.entries.splice(overIdx, 0, moved);
+								else tgt.entries.push(moved);
+							}
+							if (src.entries.length === 0) finalState.splice(srcIdx, 1);
+							setDndItems(finalState);
+							onPersist?.(finalState);
+							onCardMovedBetweenGroups?.(moved);
+						}
+					}
+				} else if (recentlyMovedToNewContainer.current) console.error("Move between containers detected but conditions not met", {
+					activeCont,
+					overCont,
+					activeIdNow,
+					overIdNow
+				});
+			}
+		}
+		resetDragState();
+	};
+	const resetDragState = () => {
+		setDndKitActiveNode(null);
+		setActiveId(null);
+		setActiveIsGroup(false);
+		setCurrentDraggingGroupId(null);
+		setIsDraggingCardOnly(false);
+		recentlyMovedToNewContainer.current = false;
+	};
+	const handleDragCancel = () => resetDragState();
+	const handleRenameGroup = (oldName, newName) => {
+		setDndItems((current) => {
+			const idx = current.findIndex((g) => g.name === oldName);
+			if (idx === -1) return current;
+			if (current.some((g) => g.name === newName && g.name !== oldName)) return current;
+			const updated = [...current];
+			updated[idx] = {
+				...updated[idx],
+				name: newName
+			};
+			onPersist?.(updated);
+			return updated;
+		});
+		setPendingNewGroupName(null);
+		setStateBeforeNewGroup(null);
+		setDialogOpenForGroup(null);
+	};
+	const handleDialogClose = () => {
+		if (pendingNewGroupName && dialogOpenForGroup === pendingNewGroupName && stateBeforeNewGroup) setDndItems(stateBeforeNewGroup);
+		setPendingNewGroupName(null);
+		setStateBeforeNewGroup(null);
+		setDialogOpenForGroup(null);
+	};
+	return {
+		sensors,
+		collisionDetection,
+		onDragStart: handleDragStart,
+		onDragOver: handleDragOver,
+		onDragEnd: handleDragEnd,
+		onDragCancel: handleDragCancel,
+		dropAnimation: dropAnimationConfig,
+		activeItemForOverlay: disabled || !activeId || activeIsGroup ? null : dndItems.flatMap((g) => g.entries).find((e) => e.url === activeId) || null,
+		activeGroupData: disabled || !activeId || !activeIsGroup ? null : dndItems.find((g) => g.name === activeId) || null,
+		draggingGroupId: currentDraggingGroupId,
+		containers: dndContainers,
+		dndKitActiveNode,
+		isDraggingCardOnly,
+		dialogOpenForGroup,
+		setDialogOpenForGroup,
+		handleRenameGroup,
+		handleDialogClose,
+		isHoveringNewGroupDropZone,
+		setIsHoveringNewGroupDropZone
+	};
+}
+function NewGroupDropZone({ disabled, setIsHovering }) {
+	const { setNodeRef, isOver } = useDroppable({
+		id: "new-group-drop-zone",
+		disabled
+	});
+	const [isVisible, setIsVisible] = useState(false);
+	useDndMonitor({
+		onDragStart({ active }) {
+			if (disabled) return;
+			const tp = active.data.current?.type;
+			setIsVisible(tp === "item");
+		},
+		onDragEnd() {
+			setIsVisible(false);
+		},
+		onDragCancel() {
+			setIsVisible(false);
+		}
+	});
+	useEffect(() => {
+		setIsHovering(isOver && isVisible);
+	}, [
+		isOver,
+		isVisible,
+		setIsHovering
+	]);
+	if (!isVisible || disabled) return null;
+	return /* @__PURE__ */ jsx("div", {
+		ref: setNodeRef,
+		className: cls("fixed right-8 top-1/2 -translate-y-1/2 w-[200px] h-[120px] border border-dashed rounded-lg flex items-center justify-center transition-all", isOver ? "bg-surface-accent-100 dark:bg-surface-accent-800 border-surface-300 dark:border-surface-600" : "bg-surface-50 dark:bg-surface-900 border-surface-200 dark:border-surface-700"),
+		children: /* @__PURE__ */ jsx("div", {
+			className: "text-center p-4",
+			children: /* @__PURE__ */ jsx("span", {
+				className: "block font-medium text-sm",
+				children: "Drop here to create a new group"
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/HomePage/RenameGroupDialog.tsx
+function RenameGroupDialog({ open, initialName, existingGroupNames, onClose, onRename }) {
+	const { t } = useTranslation();
+	const [name, setName] = useState(initialName);
+	const [error, setError] = useState(null);
+	const inputRef = useRef(null);
+	useEffect(() => {
+		if (open) {
+			setName(initialName);
+			setError(null);
+			setTimeout(() => {
+				if (inputRef.current) {
+					inputRef.current.focus();
+					inputRef.current.select();
+				}
+			}, 100);
+		}
+	}, [initialName, open]);
+	const handleNameChange = (event) => {
+		const newName = event.target.value;
+		setName(newName);
+		if (!newName.trim()) setError(t("group_name_empty_error"));
+		else if (existingGroupNames.includes(newName.trim())) setError(t("group_name_exists_error"));
+		else setError(null);
+	};
+	const handleSave = () => {
+		const trimmedName = name.trim();
+		if (!trimmedName) {
+			setError(t("group_name_empty_error"));
+			return;
+		}
+		if (existingGroupNames.includes(trimmedName)) {
+			setError(t("group_name_exists_error"));
+			return;
+		}
+		if (!error) {
+			onRename(trimmedName);
+			onClose();
+		}
+	};
+	const handleKeyDown = (event) => {
+		if (event.key === "Enter") {
+			event.preventDefault();
+			const trimmedName = name.trim();
+			let currentError = null;
+			if (!trimmedName) currentError = t("group_name_empty_error");
+			else if (existingGroupNames.includes(trimmedName)) currentError = t("group_name_exists_error");
+			if (!currentError && trimmedName) handleSave();
+			else if (currentError) setError(currentError);
+		}
+	};
+	if (!open) return null;
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open,
+		children: [
+			/* @__PURE__ */ jsx(DialogTitle, { children: t("rename_group") }),
+			/* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsx(TextField, {
+				inputRef,
+				label: t("group_name_label"),
+				value: name,
+				onChange: handleNameChange,
+				onKeyDown: handleKeyDown,
+				error: !!error,
+				"aria-describedby": error ? "group-name-error" : void 0
+			}), error && /* @__PURE__ */ jsx("p", {
+				id: "group-name-error",
+				style: { display: "none" },
+				children: error
+			})] }),
+			/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
+				onClick: onClose,
+				variant: "text",
+				children: t("cancel")
+			}), /* @__PURE__ */ jsx(Button, {
+				onClick: handleSave,
+				disabled: !!error || !name.trim(),
+				children: t("save")
+			})] })
+		]
+	});
+}
+//#endregion
+//#region src/components/HomePage/ContentHomePage.tsx
+var DEFAULT_GROUP_NAME = "Views";
+var ADMIN_GROUP_NAME = "Admin";
+function ContentHomePage({ additionalActions, additionalChildrenStart, additionalChildrenEnd, sections, hiddenGroups }) {
+	const context = useCMSContext();
+	const { navigationStateController } = context;
+	const customizationController = useCustomizationController();
+	const adminModeController = useAdminModeController();
+	const registry = useRebaseRegistry();
+	const { resolvedSlots } = customizationController;
+	const breadcrumbs = useBreadcrumbsController();
+	const { t } = useTranslation();
+	useEffect(() => {
+		breadcrumbs.set({ breadcrumbs: [] });
+	}, [breadcrumbs.set]);
+	const { allowDragAndDrop = false, navigationEntries: unFilteredNavigationEntries = [], groups: unFilteredGroupOrder = [], onNavigationEntriesUpdate = () => {} } = navigationStateController.topLevelNavigation || {};
+	const studioViewSlugs = useMemo(() => {
+		const slugs = /* @__PURE__ */ new Set();
+		(registry.studioConfig?.devViews ?? []).forEach((v) => slugs.add(v.slug));
+		if (registry.studioConfig && registry.cmsConfig?.collectionEditor) slugs.add("schema");
+		return slugs;
+	}, [registry.studioConfig, registry.cmsConfig?.collectionEditor]);
+	const rawNavigationEntries = useMemo(() => {
+		if (adminModeController.mode === "studio") return unFilteredNavigationEntries.filter((e) => e.type === "view" && studioViewSlugs.has(e.slug) || e.type === "admin");
+		return unFilteredNavigationEntries.filter((e) => e.type !== "view" || !studioViewSlugs.has(e.slug));
+	}, [
+		unFilteredNavigationEntries,
+		adminModeController.mode,
+		studioViewSlugs
+	]);
+	const groupOrderFromNavController = useMemo(() => {
+		const entryGroups = new Set(rawNavigationEntries.map((e) => e.group).filter(Boolean));
+		return unFilteredGroupOrder.filter((g) => entryGroups.has(g));
+	}, [unFilteredGroupOrder, rawNavigationEntries]);
+	const fuse = useRef(null);
+	const [filteredUrls, setFilteredUrls] = useState(null);
+	const performingSearch = Boolean(filteredUrls);
+	const filteredNavigationEntries = useMemo(() => {
+		return filteredUrls ? rawNavigationEntries.filter((e) => filteredUrls.includes(e.url)) : rawNavigationEntries;
+	}, [filteredUrls, rawNavigationEntries]);
+	useEffect(() => {
+		fuse.current = new Fuse(rawNavigationEntries, { keys: [
+			"name",
+			"description",
+			"group",
+			"path"
+		] });
+	}, [rawNavigationEntries]);
+	const updateSearch = useCallback((v) => {
+		if (!v?.trim()) {
+			setFilteredUrls(null);
+			return;
+		}
+		const results = fuse.current?.search(v.trim());
+		setFilteredUrls(results ? results.map((x) => x.item.url) : []);
+	}, []);
+	const [items, setItems] = useState([]);
+	const [adminGroupData, setAdminGroupData] = useState(null);
+	const isDndDirtyRef = useRef(false);
+	const dndDirtyTimeoutRef = useRef(null);
+	const processedGroups = useMemo(() => {
+		const src = filteredNavigationEntries;
+		const entriesByGroup = {};
+		src.forEach((e) => {
+			const g = e.type === "admin" ? ADMIN_GROUP_NAME : e.group ?? "Views";
+			(entriesByGroup[g] ??= []).push(e);
+		});
+		const hasPluginAdditionalCards = customizationController.resolvedSlots.some((s) => s.slot === "home.cards");
+		let allProcessed;
+		if (performingSearch) allProcessed = [...new Set(src.map((e) => e.group ?? "Views"))].map((name) => ({
+			name,
+			entries: entriesByGroup[name] || []
+		})).filter((g) => g.entries.length);
+		else {
+			allProcessed = groupOrderFromNavController.map((g) => ({
+				name: g,
+				entries: entriesByGroup[g] || []
+			}));
+			Object.keys(entriesByGroup).forEach((g) => {
+				if (!groupOrderFromNavController.includes(g)) allProcessed.push({
+					name: g,
+					entries: entriesByGroup[g]
+				});
+			});
+			if (hasPluginAdditionalCards && !allProcessed.some((g) => g.name === "Views")) allProcessed.push({
+				name: DEFAULT_GROUP_NAME,
+				entries: []
+			});
+			allProcessed = allProcessed.filter((g) => g.entries.length || g.name === "Views" && hasPluginAdditionalCards);
+		}
+		return {
+			adminGroupData: allProcessed.find((g) => g.name === "Admin") || null,
+			items: allProcessed.filter((g) => g.name !== "Admin" && !hiddenGroups?.includes(g.name))
+		};
+	}, [
+		filteredNavigationEntries,
+		performingSearch,
+		groupOrderFromNavController,
+		customizationController.resolvedSlots,
+		hiddenGroups
+	]);
+	useEffect(() => {
+		if (isDndDirtyRef.current) return;
+		setAdminGroupData(processedGroups.adminGroupData);
+		setItems(processedGroups.items);
+	}, [processedGroups]);
+	const updateItems = (updater) => {
+		setItems(updater);
+	};
+	const persistNavigationGroups = (latest) => {
+		isDndDirtyRef.current = true;
+		if (dndDirtyTimeoutRef.current) clearTimeout(dndDirtyTimeoutRef.current);
+		dndDirtyTimeoutRef.current = setTimeout(() => {
+			isDndDirtyRef.current = false;
+		}, 1e3);
+		const draggable = latest.map((g) => ({
+			name: g.name,
+			entries: g.entries.map((e) => e.slug)
+		}));
+		onNavigationEntriesUpdate(adminGroupData ? [...draggable, {
+			name: adminGroupData.name,
+			entries: adminGroupData.entries.map((e) => e.slug)
+		}] : draggable);
+	};
+	const { isGroupCollapsed, toggleGroupCollapsed } = useCollapsedGroups(useMemo(() => [...items.map((item) => item.name), ...adminGroupData ? [adminGroupData.name] : []], [items, adminGroupData]), "home", useMemo(() => buildCollapsedDefaults(registry.cmsConfig?.navigationGroupMappings, "home"), [registry.cmsConfig?.navigationGroupMappings]));
+	const { sensors, collisionDetection, onDragStart, onDragOver, onDragEnd, dropAnimation, activeItemForOverlay, activeGroupData, draggingGroupId, containers, dndKitActiveNode, onDragCancel, isDraggingCardOnly, dialogOpenForGroup, setDialogOpenForGroup, handleRenameGroup, handleDialogClose, isHoveringNewGroupDropZone, setIsHoveringNewGroupDropZone } = useHomePageDnd({
+		items,
+		setItems: updateItems,
+		disabled: !allowDragAndDrop || performingSearch,
+		onPersist: persistNavigationGroups,
+		onGroupMoved: (g) => context.analyticsController?.onAnalyticsEvent?.("home_move_group", { name: g }),
+		onCardMovedBetweenGroups: (card) => context.analyticsController?.onAnalyticsEvent?.("home_move_card", { id: card.id }),
+		onNewGroupDrop: () => context.analyticsController?.onAnalyticsEvent?.("home_drop_new_group")
+	});
+	const { containerRef, direction } = useRestoreScroll();
+	const dndDisabled = !allowDragAndDrop || performingSearch;
+	const dndModifiers = dndKitActiveNode?.data.current?.type === "group" ? [restrictToVerticalAxis, restrictToWindowEdges] : [restrictToWindowEdges];
+	const sectionProps = { context };
+	const additionalPluginChildrenStart = useSlot("home.children.start", sectionProps);
+	const additionalPluginChildrenEnd = useSlot("home.children.end", sectionProps);
+	const additionalPluginActions = useSlot("home.actions", sectionProps);
+	const homeCardContributions = useMemo(() => {
+		return resolvedSlots.filter((s) => s.slot === "home.cards").sort((a, b) => (a.order ?? 50) - (b.order ?? 50));
+	}, [resolvedSlots]);
+	return /* @__PURE__ */ jsxs("div", {
+		ref: containerRef,
+		className: "py-2 overflow-auto h-full w-full bg-surface-50 dark:bg-surface-800",
+		children: [/* @__PURE__ */ jsxs(Container, {
+			maxWidth: "6xl",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "mb-4 flex flex-col gap-2",
+					children: /* @__PURE__ */ jsx(SchemaDriftBanner, {})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "w-full sticky py-4 transition-all duration-400 ease-in-out top-0 z-10 flex flex-row gap-4",
+					style: { top: direction === "down" ? -84 : 0 },
+					children: [
+						/* @__PURE__ */ jsx(SearchBar, {
+							onTextSearch: updateSearch,
+							placeholder: t("search_collections"),
+							autoFocus: true,
+							size: "small",
+							innerClassName: "w-full",
+							className: "w-full grow"
+						}),
+						additionalActions,
+						additionalPluginActions
+					]
+				}),
+				/* @__PURE__ */ jsx(FavouritesView, { hidden: performingSearch }),
+				additionalChildrenStart,
+				additionalPluginChildrenStart,
+				/* @__PURE__ */ jsxs(DndContext, {
+					sensors,
+					collisionDetection,
+					measuring: { droppable: {
+						strategy: MeasuringStrategy.Always,
+						frequency: 500
+					} },
+					onDragStart,
+					onDragOver,
+					onDragEnd,
+					onDragCancel,
+					modifiers: dndModifiers,
+					children: [
+						/* @__PURE__ */ jsx(SortableContext, {
+							items: containers,
+							strategy: verticalListSortingStrategy,
+							children: items.map((groupData, groupIndex) => {
+								const groupKey = groupData.name;
+								const entriesInGroup = groupData.entries;
+								const homeCardsProps = {
+									group: groupKey === "Views" ? void 0 : groupKey,
+									context
+								};
+								const additionalCards = homeCardContributions.map((s, i) => /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(s.Component, {
+									...homeCardsProps,
+									...s.props ?? {}
+								}) }, `home_cards_${groupKey}_${i}`));
+								if (entriesInGroup.length === 0 && (additionalCards.length === 0 || performingSearch)) return null;
+								return /* @__PURE__ */ jsx(SortableNavigationGroup, {
+									groupName: groupKey,
+									disabled: dndDisabled,
+									children: /* @__PURE__ */ jsx(NavigationGroup, {
+										group: groupKey === "Views" ? void 0 : groupKey,
+										minimised: draggingGroupId === groupKey && !isDraggingCardOnly,
+										isPotentialCardDropTarget: isDraggingCardOnly,
+										dndDisabled,
+										onEditGroup: () => {
+											if (dndDisabled) return;
+											setDialogOpenForGroup(groupKey);
+										},
+										collapsed: isGroupCollapsed(groupKey),
+										onToggleCollapsed: () => toggleGroupCollapsed(groupKey),
+										children: /* @__PURE__ */ jsx(NavigationGroupDroppable, {
+											id: groupKey,
+											itemIds: entriesInGroup.map((e) => e.url),
+											isPotentialCardDropTarget: isDraggingCardOnly,
+											children: /* @__PURE__ */ jsxs("div", {
+												className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ",
+												children: [entriesInGroup.map((entry) => /* @__PURE__ */ jsx(SortableNavigationCard, {
+													entry,
+													onClick: () => {
+														let event = "unmapped_event";
+														if (entry.type === "collection") event = "home_navigate_to_collection";
+														else if (entry.type === "view") event = "home_navigate_to_view";
+														else if (entry.type === "admin") event = "home_navigate_to_admin_view";
+														context.analyticsController?.onAnalyticsEvent?.(event, { path: entry.slug });
+													}
+												}, entry.url)), !performingSearch && groupKey.toLowerCase() !== "Admin".toLowerCase() && additionalCards]
+											})
+										})
+									})
+								}, `group-${groupIndex}`);
+							})
+						}, containers.join(",")),
+						/* @__PURE__ */ jsx(NewGroupDropZone, {
+							disabled: dndDisabled,
+							setIsHovering: setIsHoveringNewGroupDropZone
+						}),
+						/* @__PURE__ */ jsx(DragOverlay, {
+							adjustScale: false,
+							dropAnimation,
+							children: activeGroupData && draggingGroupId === activeGroupData.name ? /* @__PURE__ */ jsx("div", {
+								className: "rounded-lg bg-transparent",
+								style: {
+									padding: 0,
+									margin: 0
+								},
+								children: /* @__PURE__ */ jsx(NavigationGroup, {
+									group: activeGroupData.name === "Views" ? void 0 : activeGroupData.name,
+									isPreview: false,
+									minimised: true
+								})
+							}) : activeItemForOverlay ? /* @__PURE__ */ jsx(NavigationCardBinding, {
+								...activeItemForOverlay,
+								shrink: isHoveringNewGroupDropZone
+							}) : null
+						})
+					]
+				}),
+				!performingSearch && adminGroupData && /* @__PURE__ */ jsx(NavigationGroup, {
+					group: adminGroupData.name,
+					collapsed: isGroupCollapsed(adminGroupData.name),
+					onToggleCollapsed: () => toggleGroupCollapsed(adminGroupData.name),
+					children: /* @__PURE__ */ jsx("div", {
+						className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ",
+						children: adminGroupData.entries.map((entry) => /* @__PURE__ */ jsx(NavigationCardBinding, {
+							...entry,
+							onClick: () => {
+								let event = "unmapped_event";
+								if (entry.type === "collection") event = "home_navigate_to_collection";
+								else if (entry.type === "view") event = "home_navigate_to_view";
+								else if (entry.type === "admin") event = "home_navigate_to_admin_view";
+								context.analyticsController?.onAnalyticsEvent?.(event, { path: entry.slug });
+							}
+						}, entry.url))
+					})
+				}),
+				sections && sections.map((section) => /* @__PURE__ */ jsx(NavigationGroup, {
+					group: section.title,
+					children: section.children
+				}, section.key)),
+				additionalPluginChildrenEnd,
+				additionalChildrenEnd
+			]
+		}), dialogOpenForGroup && /* @__PURE__ */ jsx(RenameGroupDialog, {
+			open: true,
+			initialName: dialogOpenForGroup,
+			existingGroupNames: items.map((g) => g.name).filter((n) => n !== dialogOpenForGroup),
+			onClose: handleDialogClose,
+			onRename: (newName) => {
+				handleRenameGroup(dialogOpenForGroup, newName);
+			}
+		})]
+	});
+}
+//#endregion
+//#region src/components/CollectionEditorDialogs.tsx
+var CollectionEditorDialog = lazy(() => import("./CollectionEditorDialog-D7odTn0N.js").then((n) => n.r).then((m) => ({ default: m.CollectionEditorDialog })));
+var PropertyFormDialog = lazy(() => import("./PropertyEditView-i51tFOfM.js").then((n) => n.t).then((m) => ({ default: m.PropertyFormDialog })));
+/**
+* Renders the CollectionEditorDialog and PropertyFormDialog inside
+* the RebaseShell tree where CMS-internal contexts
+* (CollectionRegistryContext, NavigationStateContext, UrlContext)
+* are available.
+*
+* Both dialog components are loaded dynamically via React.lazy so that
+* production CMS bundles that never open the collection editor don't pay
+* the download/parse cost up-front.
+*
+* The dialog state (open/close, props) is managed by ConfigControllerProvider
+* (a root-scope plugin provider that wraps the shell) and exposed via
+* CollectionEditorDialogsContext.
+*/
+function CollectionEditorDialogs() {
+	const state = useCollectionEditorDialogsState();
+	if (!state) return null;
+	const { collectionDialogProps, propertyDialogProps } = state;
+	if (!(collectionDialogProps?.open || propertyDialogProps?.open)) return null;
+	return /* @__PURE__ */ jsxs(Suspense, {
+		fallback: null,
+		children: [collectionDialogProps?.open && /* @__PURE__ */ jsx(CollectionEditorDialog, {
+			open: false,
+			isNewCollection: false,
+			configController: void 0,
+			handleClose: () => {},
+			...collectionDialogProps
+		}), propertyDialogProps?.open && /* @__PURE__ */ jsx(PropertyFormDialog, {
+			open: false,
+			existingProperty: false,
+			autoOpenTypeSelect: false,
+			inArray: false,
+			allowDataInference: false,
+			propertyConfigs: {},
+			...propertyDialogProps
+		})]
+	});
+}
+//#endregion
+//#region src/components/RebaseRouteDefs.tsx
+function SettingsView() {
+	const { t } = useTranslation();
+	const breadcrumbs = useBreadcrumbsController();
+	useEffect(() => {
+		breadcrumbs.set({ breadcrumbs: [{
+			title: t("account_settings"),
+			url: "/settings"
+		}] });
+	}, []);
+	return /* @__PURE__ */ jsx(UserSettingsView, {});
+}
+/**
+* Route definitions for the CMS.
+*
+* Defines all standard routes: home, studio home, collection view,
+* settings, debug, custom views, and a catch-all 404.
+*
+* **Independently usable**: Use this when you want Rebase routes
+* inside your own layout/navigation setup.
+*
+* @example
+* ```tsx
+* <RebaseNavigation>
+*   <RebaseRouteDefs layout={<MyCustomLayout />}>
+*     <Route path="/my-custom" element={<MyView />} />
+*   </RebaseRouteDefs>
+* </RebaseNavigation>
+* ```
+*/
+function RebaseRouteDefs({ children, layout }) {
+	const registry = useRebaseRegistry();
+	const navigationStateController = useNavigationStateController();
+	const ResolvedHomePage = useComponentOverride("HomePage", ContentHomePage);
+	const cmsHomePage = registry.cmsConfig?.homePage ?? /* @__PURE__ */ jsx(Suspense, {
+		fallback: /* @__PURE__ */ jsx(CircularProgressCenter, {}),
+		children: /* @__PURE__ */ jsx(ResolvedHomePage, {})
+	});
+	const studioHomePage = registry.studioConfig?.homePage;
+	const combinedViews = useMemo(() => [...navigationStateController.views ?? [], ...navigationStateController.adminViews ?? []], [navigationStateController.views, navigationStateController.adminViews]);
+	const routeContents = /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Route, {
+			path: "/",
+			element: cmsHomePage
+		}),
+		registry.studioConfig && /* @__PURE__ */ jsx(Route, {
+			path: "/s",
+			element: studioHomePage
+		}),
+		/* @__PURE__ */ jsx(Route, {
+			path: "/c/*",
+			element: /* @__PURE__ */ jsx(RebaseRoute, {})
+		}),
+		/* @__PURE__ */ jsx(Route, {
+			path: "/settings",
+			element: /* @__PURE__ */ jsx(SettingsView, {})
+		}),
+		/* @__PURE__ */ jsx(Route, {
+			path: "/debug/ui",
+			element: /* @__PURE__ */ jsx(UIReferenceView, {})
+		}),
+		combinedViews.map((view) => {
+			return (Array.isArray(view.slug) ? view.slug : [view.slug]).flatMap((slug) => {
+				const routes = [/* @__PURE__ */ jsx(Route, {
+					path: slug,
+					element: /* @__PURE__ */ jsx(CustomViewRoute, { view })
+				}, slug)];
+				if (view.nestedRoutes) routes.push(/* @__PURE__ */ jsx(Route, {
+					path: slug + "/*",
+					element: /* @__PURE__ */ jsx(CustomViewRoute, { view })
+				}, slug + "/*"));
+				return routes;
+			});
+		}),
+		children,
+		/* @__PURE__ */ jsx(Route, {
+			path: "*",
+			element: navigationStateController.loading ? /* @__PURE__ */ jsx(CircularProgressCenter, {}) : /* @__PURE__ */ jsx(NotFoundPage, {})
+		})
+	] });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RebaseRoutes, { children: layout ? /* @__PURE__ */ jsx(Route, {
+		element: layout,
+		children: routeContents
+	}) : /* @__PURE__ */ jsx(Route, {
+		element: /* @__PURE__ */ jsx(Fragment, { children: routeContents }),
+		children: routeContents
+	}) }), /* @__PURE__ */ jsx(CollectionEditorDialogs, {})] });
+}
+//#endregion
+//#region src/components/RebaseShell.tsx
+/**
+* Convenience component that composes all four CMS layers:
+*
+* ```
+* <RebaseAuthGate>
+*   <RebaseNavigation>
+*     <RebaseRouteDefs layout={<RebaseLayout>}>
+*       {children}
+*     </RebaseRouteDefs>
+*   </RebaseNavigation>
+* </RebaseAuthGate>
+* ```
+*
+* Each layer is independently usable — see their individual docs.
+* RebaseShell is sugar that composes them all with sensible defaults.
+*/
+function RebaseShell(props) {
+	const { title = "Rebase", appBar, drawer, autoOpenDrawer = false, children } = props;
+	const registry = useRebaseRegistry();
+	return /* @__PURE__ */ jsx(RebaseAuthGate, { children: /* @__PURE__ */ jsx(RebaseNavigation, { children: /* @__PURE__ */ jsx(ErrorBoundary, {
+		fullPage: true,
+		children: /* @__PURE__ */ jsx(RebaseRouteDefs, {
+			layout: /* @__PURE__ */ jsx(RebaseLayout, {
+				title,
+				appBar,
+				drawer,
+				autoOpenDrawer,
+				devViews: useMemo(() => {
+					return registry.studioConfig?.devViews ?? [];
+				}, [registry.studioConfig?.devViews])
+			}),
+			children
+		})
+	}) }) });
+}
+//#endregion
+//#region src/components/CollectionPanel.tsx
+/**
+* A high-level, reusable wrapper for embedding a Rebase collection view
+* inside custom pages (dashboards, home pages, entity detail views, etc.).
+*
+* Usage:
+* ```tsx
+* import { CollectionPanel } from "@rebasepro/admin";
+*
+* function MyDashboard() {
+*     return (
+*         <div>
+*             <CollectionPanel path="tasks" title="Pending Tasks" />
+*             <CollectionPanel
+*                 path="clients"
+*                 viewMode="table"
+*                 collectionOverrides={{
+*                     defaultFilter: { status: ["!=", "completed"] }
+*                 }}
+*             />
+*         </div>
+*     );
+* }
+* ```
+*
+* @group Components
+*/
+function CollectionPanelInner({ mergedCollection, path, title, updateUrl, className }) {
+	const ResolvedCollectionView = useComponentOverride("Collection.View", CollectionViewBinding);
+	return /* @__PURE__ */ jsxs("div", {
+		className,
+		children: [title !== false && /* @__PURE__ */ jsx(Typography, {
+			variant: "subtitle2",
+			className: "font-bold mb-2 text-surface-700 dark:text-surface-300",
+			children: title ?? mergedCollection.name
+		}), /* @__PURE__ */ jsx(ResolvedCollectionView, {
+			...mergedCollection,
+			path,
+			updateUrl
+		})]
+	});
+}
+function CollectionPanel(props) {
+	const { path, viewMode, sort, limit, openEntityMode, className, collectionOverrides } = props;
+	const registeredCollection = useCollectionRegistryController().getCollection(path);
+	const mergedCollection = useMemo(() => {
+		if (!registeredCollection) return void 0;
+		const propOverrides = {};
+		if (viewMode) propOverrides.defaultViewMode = viewMode;
+		if (sort) propOverrides.sort = sort;
+		if (limit) propOverrides.pagination = limit;
+		if (openEntityMode) propOverrides.openEntityMode = openEntityMode;
+		return {
+			...registeredCollection,
+			...collectionOverrides ?? {},
+			...propOverrides
+		};
+	}, [
+		registeredCollection,
+		collectionOverrides,
+		viewMode,
+		sort,
+		limit,
+		openEntityMode
+	]);
+	if (!mergedCollection) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: /* @__PURE__ */ jsxs(Typography, {
+			variant: "body2",
+			color: "secondary",
+			children: [
+				"Collection \"",
+				path,
+				"\" not found."
+			]
+		})
+	});
+	return /* @__PURE__ */ jsx(CollectionScopeProvider, {
+		collection: mergedCollection,
+		children: /* @__PURE__ */ jsx(CollectionPanelInner, {
+			...props,
+			mergedCollection
+		})
+	});
+}
+//#endregion
+//#region src/util/propertyConfigMapper.ts
+/**
+* Map Rebase property types to headless-supported types.
+* `vector` and `binary` are not directly renderable, so we fall back to `string`.
+*/
+var TYPE_MAP = {
+	string: "string",
+	number: "number",
+	boolean: "boolean",
+	date: "date",
+	geopoint: "geopoint",
+	reference: "reference",
+	relation: "relation",
+	array: "array",
+	map: "map",
+	vector: "string",
+	binary: "string"
+};
+/**
+* Convert a single Property to a CollectionPropertyConfig.
+*/
+function mapPropertyToConfig(property) {
+	const base = {
+		type: TYPE_MAP[property.type] ?? "string",
+		name: property.name,
+		description: property.description,
+		columnWidth: property.ui?.columnWidth,
+		hideFromCollection: property.ui?.hideFromCollection
+	};
+	if (property.type === "string") {
+		if (property.enum) base.enum = mapEnumValues(property.enum);
+		if (property.ui?.multiline) base.multiline = true;
+		if (property.ui?.previewAsTag) base.previewAsTag = true;
+		if (property.ui?.url) base.url = property.ui.url;
+		if (property.ui?.markdown) base.markdown = true;
+		if (property.storage) base.storage = true;
+		if (property.email) base.email = true;
+	}
+	if (property.type === "number" && property.enum) base.enum = mapEnumValues(property.enum);
+	if (property.type === "array" && property.of && !Array.isArray(property.of)) base.of = mapPropertyToConfig(property.of);
+	if (property.type === "map" && property.properties) {
+		base.properties = mapPropertiesToConfigs(property.properties);
+		if (property.propertiesOrder) base.propertiesOrder = property.propertiesOrder;
+	}
+	if (property.type === "date" && property.mode) base.mode = property.mode;
+	if (property.ui?.Preview) {}
+	return base;
+}
+/**
+* Convert a Properties record to a CollectionPropertyConfig record.
+*/
+function mapPropertiesToConfigs(properties) {
+	const result = {};
+	for (const [key, property] of Object.entries(properties)) result[key] = mapPropertyToConfig(property);
+	return result;
+}
+/**
+* Convert Rebase EnumValues to CollectionEnumValueConfig format.
+* Handles both array form (EnumValueConfig[]) and record form.
+*/
+function mapEnumValues(enumValues) {
+	if (!enumValues) return void 0;
+	if (Array.isArray(enumValues)) {
+		const result = {};
+		for (const item of enumValues) result[String(item.id)] = normalizeEnumValueConfig(item);
+		return result;
+	}
+	const result = {};
+	for (const [key, value] of Object.entries(enumValues)) result[key] = typeof value === "string" ? value : normalizeEnumValueConfig(value);
+	return result;
+}
+function normalizeEnumValueConfig(config) {
+	return {
+		label: config.label,
+		color: typeof config.color === "string" ? config.color : void 0,
+		disabled: config.disabled
+	};
+}
+//#endregion
+//#region src/util/dataControllerAdapter.ts
+/**
+* Adapts an `EntityTableController<M>` (from @rebasepro/types) to a
+* `CollectionDataController<T>` (from @rebasepro/ui), bridging the
+* entity-aware data layer to the headless collection view.
+*/
+/**
+* Unwrap `Entity<M>` objects to flat rows for the headless view.
+* The entity system uses `{ id, path, values: M }`; `values` is already the
+* flat row `M` carrying its real primary key, so unwrapping is just `.values` —
+* no `id`/`path` merge (those are view-model metadata, not row columns).
+*/
+function flattenEntities(entities) {
+	return entities.map((entity) => entity.values);
+}
+/**
+* React hook that adapts a EntityTableController to a CollectionDataController.
+*
+* Usage:
+* ```tsx
+* const tableController = useDataTableController({ path, collection });
+* const dataController = useCollectionDataController(tableController);
+*
+* <CollectionView dataController={dataController} ... />
+* ```
+*/
+function useCollectionDataController(tableController) {
+	const flatData = useMemo(() => flattenEntities(tableController.data), [tableController.data]);
+	return useMemo(() => ({
+		data: flatData,
+		loading: tableController.dataLoading,
+		noMoreToLoad: tableController.noMoreToLoad,
+		error: tableController.dataLoadingError,
+		filterValues: tableController.filterValues,
+		setFilterValues: tableController.setFilterValues,
+		sortBy: tableController.sortBy,
+		setSortBy: tableController.setSortBy,
+		searchString: tableController.searchString,
+		setSearchString: tableController.setSearchString,
+		clearFilter: tableController.clearFilter,
+		initialScroll: tableController.initialScroll,
+		onScroll: tableController.onScroll,
+		paginationEnabled: tableController.paginationEnabled,
+		pageSize: tableController.pageSize,
+		itemCount: tableController.itemCount,
+		setItemCount: tableController.setItemCount
+	}), [flatData, tableController]);
+}
+/**
+* Non-hook version for cases where you already have the data
+* and just need to build a static controller.
+*/
+function createStaticDataController(data, options) {
+	return {
+		data,
+		loading: options?.loading ?? false,
+		noMoreToLoad: true,
+		error: options?.error
+	};
+}
+//#endregion
+//#region src/collection_editor/useJsonCollectionsConfigController.tsx
+/**
+* A `CollectionsConfigController` implementation that persists collection
+* configurations as JSON via a pluggable `JsonCollectionStore` adapter.
+*
+* Use this when you want to store collection schemas in a database, API,
+* localStorage, or any other JSON-compatible backend — as opposed to the
+* default code-based persistence.
+*
+* @example
+* ```tsx
+* const store: JsonCollectionStore = {
+*     load: async () => { const res = await fetch('/api/schemas'); return res.json(); },
+*     save: async (slug, data) => { await fetch(`/api/schemas/${slug}`, { method: 'PUT', body: JSON.stringify(data) }); },
+*     delete: async (slug) => { await fetch(`/api/schemas/${slug}`, { method: 'DELETE' }); },
+* };
+*
+* const configController = useJsonCollectionsConfigController({ store });
+* ```
+*/
+function useJsonCollectionsConfigController({ store, readOnly = false, autoLoad = true }) {
+	const [collections, setCollections] = useState([]);
+	const [loading, setLoading] = useState(autoLoad);
+	const [navigationEntries, setNavigationEntries] = useState([]);
+	const storeRef = useRef(store);
+	storeRef.current = store;
+	useEffect(() => {
+		if (!autoLoad) return;
+		let cancelled = false;
+		(async () => {
+			try {
+				const [serialized, navEntries] = await Promise.all([storeRef.current.load(), storeRef.current.loadNavigationEntries?.() ?? Promise.resolve([])]);
+				if (cancelled) return;
+				setCollections(serialized.map(fromSerializableCollectionConfig));
+				setNavigationEntries(navEntries);
+			} catch (e) {
+				console.error("useJsonCollectionsConfigController: failed to load collections", e);
+			} finally {
+				if (!cancelled) setLoading(false);
+			}
+		})();
+		return () => {
+			cancelled = true;
+		};
+	}, [autoLoad]);
+	/**
+	* Update local state and persist a collection to the store.
+	*/
+	const persistCollection = useCallback(async (collection) => {
+		const serializable = toSerializableCollectionConfig(collection);
+		await storeRef.current.save(collection.slug, serializable);
+	}, []);
+	/**
+	* Find collection by id (slug).
+	*/
+	const getCollection = useCallback((id) => {
+		const found = collections.find((c) => c.slug === id);
+		if (found) return found;
+		throw new Error(`Collection "${id}" not found`);
+	}, [collections]);
+	const saveCollection = useCallback(async ({ id, collectionData }) => {
+		const collection = collectionData;
+		await persistCollection(collection);
+		setCollections((prev) => {
+			const idx = prev.findIndex((c) => c.slug === id);
+			if (idx >= 0) {
+				const next = [...prev];
+				next[idx] = collection;
+				return next;
+			}
+			return [...prev, collection];
+		});
+	}, [persistCollection]);
+	const updateCollection = useCallback(async ({ id, collectionData, previousId }) => {
+		setCollections((prev) => {
+			const lookupId = previousId ?? id;
+			const idx = prev.findIndex((c) => c.slug === lookupId);
+			if (idx < 0) return prev;
+			const merged = {
+				...prev[idx],
+				...collectionData
+			};
+			const next = [...prev];
+			next[idx] = merged;
+			persistCollection(merged).catch((e) => console.error("useJsonCollectionsConfigController: failed to update collection", e));
+			if (previousId && previousId !== id) storeRef.current.delete(previousId).catch((e) => console.error("useJsonCollectionsConfigController: failed to delete old slug", e));
+			return next;
+		});
+	}, [persistCollection]);
+	const deleteCollection = useCallback(async ({ id }) => {
+		await storeRef.current.delete(id);
+		setCollections((prev) => prev.filter((c) => c.slug !== id));
+	}, []);
+	const saveProperty = useCallback(async ({ path, propertyKey, property, newPropertiesOrder }) => {
+		setCollections((prev) => {
+			const idx = prev.findIndex((c) => c.slug === path);
+			if (idx < 0) return prev;
+			const collection = { ...prev[idx] };
+			collection.properties = {
+				...collection.properties,
+				[propertyKey]: property
+			};
+			if (newPropertiesOrder) collection.propertiesOrder = newPropertiesOrder;
+			const next = [...prev];
+			next[idx] = collection;
+			persistCollection(next[idx]).catch((e) => console.error("useJsonCollectionsConfigController: failed to save property", e));
+			return next;
+		});
+	}, [persistCollection]);
+	const deleteProperty = useCallback(async ({ path, propertyKey, newPropertiesOrder }) => {
+		setCollections((prev) => {
+			const idx = prev.findIndex((c) => c.slug === path);
+			if (idx < 0) return prev;
+			const collection = { ...prev[idx] };
+			const { [propertyKey]: _removed, ...remaining } = collection.properties;
+			collection.properties = remaining;
+			if (newPropertiesOrder) collection.propertiesOrder = newPropertiesOrder;
+			const next = [...prev];
+			next[idx] = collection;
+			persistCollection(next[idx]).catch((e) => console.error("useJsonCollectionsConfigController: failed to delete property", e));
+			return next;
+		});
+	}, [persistCollection]);
+	const updatePropertiesOrder = useCallback(async ({ collection, newPropertiesOrder }) => {
+		const updated = {
+			...collection,
+			propertiesOrder: newPropertiesOrder
+		};
+		setCollections((prev) => {
+			const idx = prev.findIndex((c) => c.slug === collection.slug);
+			if (idx < 0) return prev;
+			const next = [...prev];
+			next[idx] = updated;
+			return next;
+		});
+		await persistCollection(updated);
+	}, [persistCollection]);
+	const updateKanbanColumnsOrder = useCallback(async ({ collection, kanbanColumnProperty, newColumnsOrder }) => {}, []);
+	const saveNavigationEntriesHandler = useCallback(async (entries) => {
+		setNavigationEntries(entries);
+		if (storeRef.current.saveNavigationEntries) await storeRef.current.saveNavigationEntries(entries);
+	}, []);
+	return useMemo(() => ({
+		loading,
+		readOnly,
+		readOnlyReason: readOnly ? "Configuration is read-only." : void 0,
+		collections,
+		getCollection,
+		saveCollection,
+		updateCollection,
+		deleteCollection,
+		saveProperty,
+		deleteProperty,
+		updatePropertiesOrder,
+		updateKanbanColumnsOrder,
+		navigationEntries,
+		saveNavigationEntries: saveNavigationEntriesHandler
+	}), [
+		loading,
+		readOnly,
+		collections,
+		getCollection,
+		saveCollection,
+		updateCollection,
+		deleteCollection,
+		saveProperty,
+		deleteProperty,
+		updatePropertiesOrder,
+		updateKanbanColumnsOrder,
+		navigationEntries,
+		saveNavigationEntriesHandler
+	]);
+}
+//#endregion
+//#region src/collection_editor/ui/MissingReferenceWidget.tsx
+function MissingReferenceWidget({ path: pathProp }) {
+	const registry = useCollectionRegistryController();
+	const path = getLastSegment$1(pathProp);
+	const parentCollectionSlugs = registry.getParentCollectionSlugs(pathProp);
+	const parentEntityIds = registry.getParentEntityIds(pathProp);
+	const collectionEditor = useCollectionEditorController();
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "p-1 flex flex-col items-center",
+		children: [/* @__PURE__ */ jsx(ErrorView, { error: t("studio_missing_reference_error", { path }) }), /* @__PURE__ */ jsx(Button, {
+			className: "mx-2",
+			size: "small",
+			onClick: () => {
+				collectionEditor.createCollection({
+					initialValues: {
+						path,
+						name: prettifyIdentifier(path)
+					},
+					parentCollectionSlugs,
+					parentEntityIds,
+					redirect: false,
+					sourceClick: "missing_reference"
+				});
+			},
+			children: t("studio_missing_reference_create")
+		})]
+	});
+}
+//#endregion
+export { AdminModeSyncer, AppBar, ArrayContainer, ArrayCustomShapedFieldBinding, ArrayEnumPreview, ArrayOfMapsPreview, ArrayOfReferencesFieldBinding, ArrayOfReferencesPreview, ArrayOfStorageComponentsPreview, ArrayOfStringsPreview, ArrayOneOfPreview, ArrayPropertyEnumPreview, ArrayPropertyPreview, BasicExportAction, BlockFieldBinding, BooleanPreview, CollectionCardViewBinding, CollectionGenerationApiError, CollectionPanel, CollectionRegistryContext, CollectionRowActions, CollectionTableBinding, CollectionViewActions, CollectionViewBinding, CreationResultDialog, CustomViewRoute, DEFAULT_COLLECTION_GENERATION_ENDPOINT, DEFAULT_FIELD_CONFIGS, DataNewPropertiesMapping, DatePreview, DateTimeFieldBinding, DefaultDrawer, Drawer, DrawerFooterActions, EmptyValue, EntityCardBinding, EntityForm, EntityFormBinding, EntityPreviewBinding, EntityViewBinding, EnumValuesChip, ExportCollectionAction, FieldCaption, FieldHelperText, FormEntry, FormLayout, ImagePreview, ImportCollectionAction, ImportDataPreview, ImportFileUpload, ImportNewPropertyFieldPreview, ImportSaveInProgress, KeyValueFieldBinding, KeyValuePreview, LabelWithIcon, LabelWithIconAndTooltip, MapFieldBinding, MapPropertyPreview, MarkdownEditorFieldBinding, MissingReferenceWidget, MultiSelectFieldBinding, NavigationStateContext, NumberPropertyPreview, PropertyConfigBadge, PropertyFieldBinding, PropertyIdCopyTooltip, PropertyPreview, PropertySelectEntry, ReadOnlyFieldBinding, RebaseAdmin, RebaseAuthGate, RebaseLayout, RebaseNavigation, RebaseRoute, RebaseRouteDefs, RebaseShell, ReferenceFieldBinding, ReferencePreview, ReferenceWidget, RelationPreview, RepeatFieldBinding, Scaffold, SearchIconsView, SelectFieldBinding, SelectableTable, SelectableTableContext, SelectionTableBinding, SideDialogs, SidePanelControllerContext, SidePanelProvider, SkeletonPropertyComponent, StorageThumbnail, StorageThumbnailInternal, StorageUploadFieldBinding, StringPropertyPreview, SwitchFieldBinding, TextFieldBinding, UrlComponentPreview, UrlContext, UserPreview, VectorFieldBinding, VirtualTableInput, addInitialSlash, buildCollectionGenerationCallback, buildSidePanelsFromUrl, convertDataToEntity, convertFileToJson, copyEntityAction, createStaticDataController, deleteEntityAction, downloadBlob, downloadDataAsCsv, downloadEntitiesExport, editEntityAction, extractTouchedValues, flattenEntry, fromSerializableCollectionConfig, fromSerializableProperties, fromSerializableProperty, getBracketNotation, getChanges, getCollectionBySlugWithin, getCollectionPathsCombinations, getDefaultFieldConfig, getDefaultFieldId, getDefaultPropertiesOrder, getEntityCSVExportableData, getEntityJsonExportableData, getEntityPreviewKeys, getEntityTitlePropertyKey, getEntityViewWidth, getFieldConfig, getFieldId, getFullId, getFullIdPath, getIconForProperty, getIconForWidget, getInferenceType, getInitialEntityValues, getLastSegment, getPropertiesWithPropertiesOrder, getPropertyInPath, getResolvedPropertyInPath, idToPropertiesPath, isReferenceProperty, isRelationProperty, mapPropertiesToConfigs, mapPropertyToConfig, mergeEntityActions, namespaceToPropertiesOrderPath, namespaceToPropertiesPath, processValueMapping, removeEmptyContainers, removeInitialAndTrailingSlashes, removeInitialSlash, removeTrailingSlash, renderSkeletonCaptionText, renderSkeletonIcon, renderSkeletonImageThumbnail, renderSkeletonText, resetPasswordAction, resolveCollectionPathIds, resolveEntityAction, resolveEntityView, resolveNavigationFrom, sanitizeUrl, toSerializableCollectionConfig, toSerializableProperties, toSerializableProperty, unflattenObject, useApp, useBreadcrumbsController, useBuildCollectionRegistryController, useBuildNavigationStateController, useBuildSidePanel, useBuildUrlController, useCMSContext, useClearRestoreValue, useCollectionDataController, useCollectionEditorController, useCollectionRegistryController, useCollectionsConfigController, useHistory, useImportConfig, useJsonCollectionsConfigController, useLocalCollectionsConfigController, useNavigationStateController, useResolvedCollections, useResolvedNavigationFrom, useResolvedViews, useSelectionController, useSelectionDialog, useSideDialogsController, useSidePanel, useTopLevelNavigation, useUrlController, validateCollectionJson, zodToFormErrors };
+
+//# sourceMappingURL=index.js.map