@rebasepro/admin 0.13.0 → 0.13.1-canary.g18cfeb7

package/dist/index.js

@@ -1,9 +1,9 @@
-import { $ as useBuildCollectionRegistryController, $n as sanitizeUrl, $t as CollectionTableBinding, A as getFieldId, An as ArrayOfReferencesPreview, At as convertFileToJson, B as MapFieldBinding, Bn as getEntityTitlePropertyKeyForEntity, Bt as mergeEntityActions, C as removeEmptyContainers, Cn as MapPropertyPreview, Ct as convertDataToEntity, D as getDefaultFieldConfig, Dn as ArrayEnumPreview, Dt as useImportConfig, E as DEFAULT_FIELD_CONFIGS, En as ArrayPropertyEnumPreview, Et as getInferenceType, F as SelectFieldBinding, Fn as useSidePanel, Ft as FieldCaption, G as useSelectionDialog, Gn as StorageThumbnailInternal, Gt as removeInitialAndTrailingSlashes, H as DateTimeFieldBinding, Hn as StringPropertyPreview, Ht as getCollectionBySlugWithin, I as RepeatFieldBinding, In as CollectionRegistryContext, It as useBreadcrumbsController, J as useBuildUrlController, Jn as renderSkeletonIcon, Jt as resolveCollectionPathIds, K as SelectionTableBinding, Kn as SkeletonPropertyComponent, Kt as removeInitialSlash, L as ReferenceFieldBinding, Ln as useCollectionRegistryController, Lt as BreadcrumbsProvider, M as TextFieldBinding, Mn as ReferencePreview, Mt as ArrayContainer, N as SwitchFieldBinding, Nn as EntityPreviewBinding, Nt as PropertyConfigBadge, O as getDefaultFieldId, On as ArrayOfStorageComponentsPreview, Ot as ImportSaveInProgress, P as StorageUploadFieldBinding, Pn as SidePanelControllerContext, Pt as SearchIconsView, Q as useResolvedCollections, Qn as ImagePreview, Qt as VirtualTableInput, R as MultiSelectFieldBinding, Rn as getEntityPreviewKeys, Rt as resolveEntityAction, S as getInitialEntityValues, Sn as KeyValuePreview, St as DataNewPropertiesMapping, T as PropertyFieldBinding, Tn as ArrayOfStringsPreview, Tt as processValueMapping, U as BlockFieldBinding, Un as EnumValuesChip, Ut as getCollectionPathsCombinations, V as KeyValueFieldBinding, Vn as ArrayPropertyPreview, Vt as addInitialSlash, W as ArrayOfReferencesFieldBinding, Wn as StorageThumbnail, Wt as getLastSegment, X as useTopLevelNavigation, Xn as renderSkeletonText, Xt as resolveViewMode, Y as useBuildNavigationStateController, Yn as renderSkeletonImageThumbnail, Yt as resolveOpenEntityMode, Z as useResolvedViews, Zn as UrlComponentPreview, Zt as useSelectionController, _ as useCollectionsConfigController, _n as getUserLabel, _t as CollectionViewActions, a as namespaceToPropertiesPath, an as NavigationStateContext, ar as FieldBlock, at as useBuildSidePanel, b as extractTouchedValues, bn as BooleanPreview, bt as useCollectionEditorDialogsState, c as buildCollectionGenerationCallback, cn as SideDialogsControllerContext, cr as getBracketNotation, ct as copyEntityAction, d as fromSerializableCollectionConfigs, dn as useClearRestoreValue, dr as getIconForWidget, dt as resetPasswordAction, en as SelectableTable, er as EmptyValue, et as useHistory, f as fromSerializableProperties, fn as ReadOnlyFieldBinding, fr as getPropertiesWithPropertiesOrder, ft as CreationResultDialog, g as toSerializableProperty, gn as UserPreview, gr as isRelationProperty, gt as EntityCardBinding, h as toSerializableProperties, hn as PropertyPreview, hr as isReferenceProperty, ht as CollectionCardViewBinding, i as namespaceToPropertiesOrderPath, in as useUrlController, ir as FormRail, it as getEntityViewWidth, j as VectorFieldBinding, jn as InlineEntityListPreview, jt as unflattenObject, k as getFieldConfig, kn as RelationPreview, kt as ImportFileUpload, l as validateCollectionJson, ln as SelectableTableContext, lr as getDefaultPropertiesOrder, lt as deleteEntityAction, m as toSerializableCollectionConfig, mn as ArrayOfMapsPreview, mr as getResolvedPropertyInPath, mt as EntityViewBinding, n as getFullIdPath, nn as useAdminContext, nr as LabelWithIcon, nt as useResolvedNavigationFrom, o as CollectionGenerationApiError, on as useNavigationStateController, or as isSelfLabellingProperty, ot as EditViewBinding, p as fromSerializableProperty, pn as FieldHelperText, pr as getPropertyInPath, pt as DetailViewBinding, q as SideDialogs, qn as renderSkeletonCaptionText, qt as removeTrailingSlash, r as idToPropertiesPath, rn as UrlContext, rr as FormSections, rt as buildSidePanelsFromUrl, s as DEFAULT_COLLECTION_GENERATION_ENDPOINT, sn as useSideDialogsController, sr as PropertyIdCopyTooltip, st as CollectionViewBinding, t as getFullId, tn as CollectionRowActions, tr as LabelWithIconAndTooltip, tt as resolveNavigationFrom, u as fromSerializableCollectionConfig, un as ArrayCustomShapedFieldBinding, ur as getIconForProperty, ut as editEntityAction, v as EntityFormBinding, vn as useResolvedUser, vt as useCollectionEditorController, w as zodToFormErrors, wn as ArrayOneOfPreview, wt as flattenEntry, x as getChanges, xn as DatePreview, xt as ImportNewPropertyFieldPreview, y as EntityForm, yn as NumberPropertyPreview, yt as ConfigControllerProvider, z as MarkdownEditorFieldBinding, zn as getEntityTitlePropertyKey, zt as resolveEntityView } from "./util-GiwPgxnL.js";
-import { i as PropertySelectEntry, n as ImportCollectionAction, r as ImportDataPreview } from "./import-BvYl--U4.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-J79rMoNj.js";
+import { $ as getEntityViewWidth, $n as UrlComponentPreview, $t as CollectionTableBinding, A as SelectFieldBinding, An as ArrayOfReferencesPreview, At as convertFileToJson, B as useSelectionDialog, Bn as getEntityPreviewKeys, Bt as mergeEntityActions, C as getDefaultFieldId, Cn as MapPropertyPreview, Ct as convertDataToEntity, D as TextFieldBinding, Dn as ArrayEnumPreview, Dt as useImportConfig, E as VectorFieldBinding, En as ArrayPropertyEnumPreview, Et as getInferenceType, F as MapFieldBinding, Fn as useSidePanel, Ft as FieldCaption, G as useTopLevelNavigation, Gn as EnumValuesChip, Gt as removeInitialAndTrailingSlashes, H as SideDialogs, Hn as getEntityTitlePropertyKeyForEntity, Ht as getCollectionBySlugWithin, I as KeyValueFieldBinding, In as CollectionRegistryContext, It as useBreadcrumbsController, J as useBuildCollectionRegistryController, Jn as SkeletonPropertyComponent, Jt as resolveCollectionPathIds, K as useResolvedViews, Kn as StorageThumbnail, Kt as removeInitialSlash, L as DateTimeFieldBinding, Ln as useCollectionRegistryController, Lt as BreadcrumbsProvider, M as ReferenceFieldBinding, Mn as ReferencePreview, Mt as ArrayContainer, N as MultiSelectFieldBinding, Nn as EntityPreviewBinding, Nt as PropertyConfigBadge, O as SwitchFieldBinding, On as ArrayOfStorageComponentsPreview, Ot as ImportSaveInProgress, P as MarkdownEditorFieldBinding, Pn as SidePanelControllerContext, Pt as SearchIconsView, Q as buildSidePanelsFromUrl, Qn as renderSkeletonText, Qt as VirtualTableInput, R as BlockFieldBinding, Rn as getUserLabel, Rt as resolveEntityAction, S as getDefaultFieldConfig, Sn as KeyValuePreview, St as DataNewPropertiesMapping, T as getFieldId, Tn as ArrayOfStringsPreview, Tt as processValueMapping, U as useBuildUrlController, Un as ArrayPropertyPreview, Ut as getCollectionPathsCombinations, V as SelectionTableBinding, Vn as getEntityTitlePropertyKey, Vt as addInitialSlash, W as useBuildNavigationStateController, Wn as StringPropertyPreview, Wt as getLastSegment, X as resolveNavigationFrom, Xn as renderSkeletonIcon, Xt as resolveViewMode, Y as useHistory, Yn as renderSkeletonCaptionText, Yt as resolveOpenEntityMode, Z as useResolvedNavigationFrom, Zn as renderSkeletonImageThumbnail, Zt as useSelectionController, _ as useCollectionsConfigController, _n as PropertyPreview, _r as getResolvedPropertyInPath, _t as CollectionViewActions, a as namespaceToPropertiesPath, an as NavigationStateContext, ar as RecordMeta, at as removeEmptyContainers, b as PropertyFieldBinding, bn as BooleanPreview, bt as useCollectionEditorDialogsState, c as buildCollectionGenerationCallback, cn as SideDialogsControllerContext, cr as isSelfLabellingProperty, ct as copyEntityAction, d as fromSerializableCollectionConfigs, dn as useClearRestoreValue, dr as getBracketNotation, dt as resetPasswordAction, en as SelectableTable, er as ImagePreview, et as useBuildSidePanel, f as fromSerializableProperties, fn as ReadOnlyFieldBinding, fr as getDefaultPropertiesOrder, ft as CreationResultDialog, g as toSerializableProperty, gn as ArrayOfMapsPreview, gr as getPropertyInPath, gt as EntityCardBinding, h as toSerializableProperties, hn as FieldHelperText, hr as getPropertiesWithPropertiesOrder, ht as CollectionCardViewBinding, i as namespaceToPropertiesOrderPath, in as useUrlController, ir as FormRail, it as getInitialEntityValues, j as RepeatFieldBinding, jn as InlineEntityListPreview, jt as unflattenObject, k as StorageUploadFieldBinding, kn as RelationPreview, kt as ImportFileUpload, l as validateCollectionJson, ln as SelectableTableContext, lr as spanClass, lt as deleteEntityAction, m as toSerializableCollectionConfig, mn as LabelWithIcon, mr as getIconForWidget, mt as EntityViewBinding, n as getFullIdPath, nn as useAdminContext, nr as EmptyValue, nt as extractTouchedValues, o as CollectionGenerationApiError, on as useNavigationStateController, or as FieldBlock, ot as zodToFormErrors, p as fromSerializableProperty, pn as LabelWithIconAndTooltip, pr as getIconForProperty, pt as DetailViewBinding, q as useResolvedCollections, qn as StorageThumbnailInternal, qt as removeTrailingSlash, r as idToPropertiesPath, rn as UrlContext, rr as FormSections, rt as getChanges, s as DEFAULT_COLLECTION_GENERATION_ENDPOINT, sn as useSideDialogsController, sr as LABEL_ICON_SIZE, st as CollectionViewBinding, t as getFullId, tn as CollectionRowActions, tr as sanitizeUrl, tt as EditViewBinding, u as fromSerializableCollectionConfig, un as ArrayCustomShapedFieldBinding, ur as PropertyIdCopyTooltip, ut as editEntityAction, v as EntityFormBinding, vn as UserPreview, vr as isReferenceProperty, vt as useCollectionEditorController, w as getFieldConfig, wn as ArrayOneOfPreview, wt as flattenEntry, x as DEFAULT_FIELD_CONFIGS, xn as DatePreview, xt as ImportNewPropertyFieldPreview, y as EntityForm, yn as NumberPropertyPreview, yr as isRelationProperty, yt as ConfigControllerProvider, z as ArrayOfReferencesFieldBinding, zn as useResolvedUser, zt as resolveEntityView } from "./util-DNG7iK0w.js";
+import { i as PropertySelectEntry, n as ImportCollectionAction, r as ImportDataPreview } from "./import-BhdWs34H.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-5bl2EoSs.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 { Avatar, Button, Card, CenteredView, 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, getReferenceFrom, resolveDataSource } from "@rebasepro/common";
 import { CollectionResolverRegistrationContext, CollectionScopeProvider, CustomizationControllerContext, DEFAULT_API_PATH, ErrorView, IconForView, LanguageToggle, LoginView, NavigationBlockerProvider, NotFoundPage, RebaseDataContext, RebaseLogo, RebaseRoutes, SchemaDriftBanner, StudioBridgeRegistryProvider, UIReferenceView, UnsavedChangesDialog, UserSettingsView, buildCollapsedDefaults, getIcon, getLastSegment as getLastSegment$1, getNavigationEntriesFromPath, 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";
@@ -86,7 +86,7 @@ function RebaseRoute() {
 		if (!collection) collection = collectionRegistry.getCollection(navigationEntries[0].slug);
 		if (!collection) {
 			if (!collectionRegistry.initialised) return /* @__PURE__ */ jsx(CircularProgressCenter, {});
-			return null;
+			return /* @__PURE__ */ jsx(UnresolvedCollectionView, { path: navigationEntries[0].slug });
 		}
 		return /* @__PURE__ */ jsx(ResolvedCollectionView, {
 			...collection,
@@ -105,7 +105,7 @@ function RebaseRoute() {
 			if (!collection) collection = collectionRegistry.getCollection(firstEntry.slug);
 			if (!collection) {
 				if (!collectionRegistry.initialised) return /* @__PURE__ */ jsx(CircularProgressCenter, {});
-				return null;
+				return /* @__PURE__ */ jsx(UnresolvedCollectionView, { path: firstEntry.slug });
 			}
 			return /* @__PURE__ */ jsx(ResolvedCollectionView, {
 				...collection,
@@ -178,6 +178,7 @@ function EntityFullScreenRoute({ pathname, navigationEntries, isNew, isCopy }) {
 	const urlController = useUrlController();
 	const navigate = useNavigate();
 	const location = useLocation();
+	const userConfigPersistence = useUserConfigurationPersistence();
 	const defaultValues = location.state?.defaultValues;
 	const hash = location.hash;
 	const navigationPath = urlController.urlPathToDataPath(pathname);
@@ -225,12 +226,26 @@ function EntityFullScreenRoute({ pathname, navigationEntries, isNew, isCopy }) {
 	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, {
+	const isDetailMode = collection.defaultEntityAction === "view" && !isNew && !isCopy && entityId && !isEditRoute;
+	const showList = !isNew && !isCopy && entityId !== void 0 && navigationEntries[0]?.type === "collection" && (navigationEntries.length === 2 || navigationEntries.length === 3) && resolveOpenEntityMode({
+		collection,
+		viewMode: resolveViewMode({
+			collection,
+			search: location.search,
+			savedViewMode: userConfigPersistence?.getCollectionConfig(collection.slug)?.defaultViewMode
+		})
+	}) === "split" ? () => navigate({
+		pathname,
+		search: location.search,
+		hash: ""
+	}) : void 0;
+	if (isDetailMode) return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(DetailViewBinding, {
 		entityId,
 		collection,
 		layout: "full_screen",
 		path: collectionPath,
 		selectedTab: selectedTab ?? void 0,
+		onShowList: showList,
 		onEditClick: () => {
 			const editUrl = urlController.buildUrlCollectionPath(`${collectionPath}/${entityId}`) + "/edit";
 			navigate(editUrl + hash);
@@ -251,6 +266,7 @@ function EntityFullScreenRoute({ pathname, navigationEntries, isNew, isCopy }) {
 		path: collectionPath,
 		copy: isCopy,
 		selectedTab: selectedTab ?? void 0,
+		onShowList: showList,
 		defaultValues: isNew ? defaultValues : void 0,
 		onValuesModified: (modified) => blocked.current = modified,
 		navigateBack: () => {
@@ -280,6 +296,29 @@ function EntityFullScreenRoute({ pathname, navigationEntries, isNew, isCopy }) {
 		body: "You have unsaved changes in this entity."
 	})] });
 }
+/**
+* Shown when a URL names a collection the registry cannot resolve.
+*
+* This used to be `return null`, which renders an empty pane inside the app
+* chrome: the sidebar, the nav highlight and the breadcrumb all still work,
+* because those read the collections array directly, while the view itself is
+* blank. Nothing is thrown, and the only trace is a `console.debug` — so the
+* panel looks like it lost its data rather than like it failed to find the
+* collection, and there is no string to search for.
+*
+* A slug containing slashes went unresolvable this way and cost an afternoon to
+* find. The lookup is fixed; this is the part that made it expensive.
+*/
+function UnresolvedCollectionView({ path }) {
+	useEffect(() => {
+		console.warn(`[rebase] No collection is registered for "${path}", so this route has nothing to render. Check that the collection is in the collections array and that its slug matches the URL.`);
+	}, [path]);
+	return /* @__PURE__ */ jsx(CenteredView, { children: /* @__PURE__ */ jsx(ErrorView, {
+		title: "Collection not found",
+		error: `Nothing is registered for "${path}".`,
+		tooltip: "The URL names a collection the panel does not know about. It may have been renamed or removed from the collections array, or the slug may not match the path."
+	}) });
+}
 //#endregion
 //#region src/components/ReferenceWidget.tsx
 /**
@@ -735,7 +774,16 @@ function AppBar({ children, ...props }) {
 AppBar.componentType = "AppBar";
 //#endregion
 //#region src/components/DrawerNavigationItem.tsx
-function DrawerNavigationItem({ name, icon, drawerOpen, adminMenuOpen, tooltipsOpen, url, onClick, indented = false }) {
+function DrawerNavigationItem({ name, icon, drawerOpen, url, onClick, indented = false }) {
+	const iconWrap = indented ? /* @__PURE__ */ jsx("div", {
+		className: "shrink-0 w-[44px] h-[30px]",
+		"aria-hidden": true
+	}) : /* @__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
+	});
+	const [wantsTooltip, setWantsTooltip] = React.useState(false);
+	if (drawerOpen && wantsTooltip) setWantsTooltip(false);
 	const listItem = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(NavLink, {
 		onClick,
 		style: {
@@ -744,19 +792,14 @@ function DrawerNavigationItem({ name, icon, drawerOpen, adminMenuOpen, tooltipsO
 		},
 		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: [indented ? /* @__PURE__ */ jsx("div", {
-			className: "shrink-0 w-[44px] h-[30px]",
-			"aria-hidden": true
-		}) : /* @__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", {
+		children: [iconWrap, /* @__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,
+		open: !drawerOpen && wantsTooltip,
+		onOpenChange: setWantsTooltip,
 		side: "right",
 		title: name,
 		children: listItem
@@ -768,12 +811,10 @@ function DrawerNavigationItem({ name, icon, drawerOpen, adminMenuOpen, tooltipsO
 * 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, icon }) {
+function DrawerNavigationGroup({ group, entries, collapsed, onToggleCollapsed, drawerOpen, headerActions, onItemClick, hideHeader, icon }) {
 	const { t } = useTranslation();
 	const ResolvedDrawerNavigationItem = useComponentOverride("Shell.DrawerNavigationItem", DrawerNavigationItem);
 	const groupIcon = !hideHeader && drawerOpen ? getIcon(icon, void 0, void 0, "small") : void 0;
-	const categorised = Boolean(groupIcon);
-	const indentEntries = categorised;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "my-2 mx-2 flex flex-col",
 		children: [!hideHeader && /* @__PURE__ */ jsxs("div", {
@@ -782,7 +823,7 @@ function DrawerNavigationGroup({ group, entries, collapsed, onToggleCollapsed, d
 			children: [
 				/* @__PURE__ */ jsx(ChevronDownIcon, {
 					size: iconSize.small,
-					className: cls(categorised ? "text-surface-500 dark:text-surface-400" : "text-surface-400 dark:text-surface-400", "transition-transform duration-200 mr-1", collapsed ? "-rotate-90" : "rotate-0")
+					className: cls("text-surface-400 dark:text-surface-400 transition-transform duration-200 mr-1", collapsed ? "-rotate-90" : "rotate-0")
 				}),
 				groupIcon && /* @__PURE__ */ jsx("span", {
 					className: "shrink-0 mr-2 flex items-center text-surface-600 dark:text-surface-300 [&>svg]:size-4",
@@ -791,7 +832,7 @@ function DrawerNavigationGroup({ group, entries, collapsed, onToggleCollapsed, d
 				/* @__PURE__ */ jsx(Typography, {
 					variant: "caption",
 					color: "secondary",
-					className: cls("font-semibold uppercase flex-grow line-clamp-1", categorised ? "text-[12px] tracking-wide text-surface-600 dark:text-surface-300" : "text-[11px] tracking-wider text-surface-400 dark:text-surface-400"),
+					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", {
@@ -806,13 +847,10 @@ function DrawerNavigationGroup({ group, entries, collapsed, onToggleCollapsed, d
 					collectionOrView: entry.collection ?? entry.view,
 					size: "small"
 				}),
-				tooltipsOpen: !collapsed && tooltipsOpen,
-				adminMenuOpen,
 				drawerOpen,
 				onClick: () => onItemClick?.(entry),
 				url: entry.url,
-				name: entry.name,
-				indented: indentEntries
+				name: entry.name
 			}, entry.id))
 		})]
 	}, `drawer_group_${group}`);
@@ -881,11 +919,9 @@ function DefaultDrawer({ title, logo, logoDestination, children, footerActions,
 */
 function AdminNavigationContent() {
 	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();
@@ -941,8 +977,6 @@ function AdminNavigationContent() {
 				collapsed: isGroupCollapsed(group),
 				onToggleCollapsed: () => toggleGroupCollapsed(group),
 				drawerOpen: drawerVisuallyOpen,
-				tooltipsOpen,
-				adminMenuOpen,
 				onItemClick,
 				icon: groupIcons.get(group)
 			}, `drawer_group_${group}`);
@@ -965,7 +999,7 @@ function DrawerLogo({ logo, title, logoDestination = "/", drawerOpen, drawerHove
 				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"),
+			className: cls("flex flex-row items-center overflow-hidden transition-all duration-200 ease-in-out", drawerOpen || drawerHovered ? "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,
@@ -985,32 +1019,25 @@ function DrawerLogo({ logo, title, logoDestination = "/", drawerOpen, drawerHove
 */
 function DrawerToggle({ drawerOpen, drawerHovered, openDrawer, closeDrawer }) {
 	const isExpanded = drawerOpen;
-	const isHovered = drawerHovered && !drawerOpen;
-	const isFloating = isHovered;
-	const showFullContent = isExpanded || isHovered;
+	const showFullContent = isExpanded || drawerHovered && !drawerOpen;
+	const [wantsTooltip, setWantsTooltip] = React.useState(false);
+	if (showFullContent && wantsTooltip) setWantsTooltip(false);
 	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"),
+			open: !showFullContent && wantsTooltip,
+			onOpenChange: setWantsTooltip,
 			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,
+			children: /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				className: cls("flex flex-row items-center rounded-lg cursor-pointer w-full", "hover:bg-surface-accent-100 dark:hover:bg-surface-800", "transition-colors duration-150", "py-2"),
 				"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 })
@@ -1189,6 +1216,29 @@ function Drawer({ children, title, logo, logoDestination, footerActions, classNa
 }
 Drawer.componentType = "Drawer";
 /**
+* Namespaced by base path: two admins served from one origin are two different
+* navigations, and a single key would have them overwrite each other's drawer.
+*/
+function drawerOpenStorageKey(basePath) {
+	return `rebase-drawer-open:${basePath || "/"}`;
+}
+/** `null` when the user has never toggled the drawer, or storage is unavailable. */
+function readStoredDrawerOpen(key) {
+	if (typeof window === "undefined") return null;
+	try {
+		const stored = window.localStorage.getItem(key);
+		return stored === null ? null : stored === "true";
+	} catch (e) {
+		return null;
+	}
+}
+function writeStoredDrawerOpen(key, open) {
+	if (typeof window === "undefined") return;
+	try {
+		window.localStorage.setItem(key, String(open));
+	} catch (e) {}
+}
+/**
 * This view acts as a scaffold for Rebase.
 *
 * It is in charge of displaying the navigation drawer, top bar and main
@@ -1200,7 +1250,7 @@ Drawer.componentType = "Drawer";
 * @group Core
 */
 var Scaffold = React.memo(function Scaffold(props) {
-	const { children, autoOpenDrawer, defaultDrawerOpen = false, logo, className, style, padding = true } = props;
+	const { children, autoOpenDrawer = true, defaultDrawerOpen = false, 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");
@@ -1208,19 +1258,64 @@ var Scaffold = React.memo(function Scaffold(props) {
 	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(defaultDrawerOpen && largeLayout);
+	const storageKey = drawerOpenStorageKey(useUrlController().basePath);
+	const [drawerOpen, setDrawerOpenState] = React.useState(defaultDrawerOpen && largeLayout);
 	const [onHover, setOnHover] = React.useState(false);
-	const setOnHoverTrue = useCallback(() => setOnHover(true), []);
+	React.useLayoutEffect(() => {
+		const stored = readStoredDrawerOpen(storageKey);
+		if (stored === null) return;
+		setDrawerOpenState(stored && largeLayout);
+	}, [storageKey]);
+	const wasLargeLayout = React.useRef(largeLayout);
+	React.useEffect(() => {
+		if (wasLargeLayout.current === largeLayout) return;
+		wasLargeLayout.current = largeLayout;
+		setDrawerOpenState(largeLayout ? readStoredDrawerOpen(storageKey) ?? defaultDrawerOpen : false);
+	}, [
+		largeLayout,
+		defaultDrawerOpen,
+		storageKey
+	]);
+	const setDrawerOpen = useCallback((open) => {
+		setDrawerOpenState(open);
+		if (!largeLayout) return;
+		writeStoredDrawerOpen(storageKey, open);
+	}, [largeLayout, storageKey]);
+	const collapseWhenPopoverCloses = React.useRef(false);
+	const setOnHoverTrue = useCallback(() => {
+		if (!autoOpenDrawer) return;
+		collapseWhenPopoverCloses.current = false;
+		setOnHover(true);
+	}, [autoOpenDrawer]);
 	const setOnHoverFalse = useCallback(() => {
-		if (document.querySelector("[data-radix-popper-content-wrapper]")) return;
+		if (document.querySelector("[data-radix-popper-content-wrapper]")) {
+			collapseWhenPopoverCloses.current = true;
+			return;
+		}
+		collapseWhenPopoverCloses.current = false;
 		setOnHover(false);
 	}, []);
+	React.useEffect(() => {
+		if (!onHover) return;
+		const collapseIfOwed = () => {
+			if (!collapseWhenPopoverCloses.current) return;
+			if (document.querySelector("[data-radix-popper-content-wrapper]")) return;
+			collapseWhenPopoverCloses.current = false;
+			setOnHover(false);
+		};
+		const observer = new MutationObserver(collapseIfOwed);
+		observer.observe(document.body, {
+			childList: true,
+			subtree: true
+		});
+		return () => observer.disconnect();
+	}, [onHover]);
 	const handleDrawerOpen = useCallback(() => {
 		setDrawerOpen(true);
-	}, []);
+	}, [setDrawerOpen]);
 	const handleDrawerClose = useCallback(() => {
 		setDrawerOpen(false);
-	}, []);
+	}, [setDrawerOpen]);
 	const computedDrawerOpen = drawerOpen;
 	const computedDrawerHovered = Boolean(largeLayout && onHover);
 	const isStudioDark = useAdminModeController().mode === "studio";
@@ -1561,7 +1656,7 @@ function useLocalCollectionsConfigController(clientOrUrl, baseCollections = [],
 //#region src/components/RebaseNavigation.tsx
 var EMPTY_PLUGINS = [];
 var EMPTY_COLLECTIONS = [];
-var CollectionsStudioView = lazy(() => import("./RouterCollectionsStudioView-BsLTNoqX.js").then((n) => n.n).then((m) => ({ default: m.RouterCollectionsStudioView })));
+var CollectionsStudioView = lazy(() => import("./RouterCollectionsStudioView-vzS848Gf.js").then((n) => n.n).then((m) => ({ default: m.RouterCollectionsStudioView })));
 /**
 * Navigation layer — builds and provides all admin navigation controllers:
 * collection registry, URL controller, navigation state, side entity,
@@ -1764,7 +1859,7 @@ function BridgeAutoRegistrar({ collectionRegistryController, urlController, navi
 * ```
 */
 function RebaseLayout(props) {
-	const { title = "Rebase", appBar, drawer, autoOpenDrawer = false, defaultDrawerOpen = false, logo, devViews = [] } = props;
+	const { title = "Rebase", appBar, drawer, autoOpenDrawer = true, defaultDrawerOpen = false, logo, devViews = [] } = props;
 	const adminModeController = useAdminModeController();
 	const ResolvedDrawer = useComponentOverride("Shell.Drawer", Drawer);
 	const ActiveDrawer = drawer ?? /* @__PURE__ */ jsx(ResolvedDrawer, {
@@ -2790,8 +2885,8 @@ function ContentHomePage({ additionalActions, additionalChildrenStart, additiona
 }
 //#endregion
 //#region src/components/CollectionEditorDialogs.tsx
-var CollectionEditorDialog = lazy(() => import("./CollectionEditorDialog-CjXkWZ64.js").then((n) => n.r).then((m) => ({ default: m.CollectionEditorDialog })));
-var PropertyFormDialog = lazy(() => import("./PropertyEditView-W8I3YV89.js").then((n) => n.t).then((m) => ({ default: m.PropertyFormDialog })));
+var CollectionEditorDialog = lazy(() => import("./CollectionEditorDialog-CUFXevVg.js").then((n) => n.r).then((m) => ({ default: m.CollectionEditorDialog })));
+var PropertyFormDialog = lazy(() => import("./PropertyEditView-DDUC7giL.js").then((n) => n.t).then((m) => ({ default: m.PropertyFormDialog })));
 /**
 * Renders the CollectionEditorDialog and PropertyFormDialog inside
 * the RebaseShell tree where admin-internal contexts
@@ -2938,7 +3033,7 @@ function RebaseRouteDefs({ children, layout }) {
 * RebaseShell is sugar that composes them all with sensible defaults.
 */
 function RebaseShell(props) {
-	const { title = "Rebase", appBar, drawer, autoOpenDrawer = false, defaultDrawerOpen = false, logo, children } = props;
+	const { title = "Rebase", appBar, drawer, autoOpenDrawer = true, defaultDrawerOpen = false, logo, children } = props;
 	const registry = useRebaseRegistry();
 	return /* @__PURE__ */ jsx(RebaseAuthGate, { children: /* @__PURE__ */ jsx(RebaseNavigation, { children: /* @__PURE__ */ jsx(ErrorBoundary, {
 		fullPage: true,
@@ -3389,6 +3484,6 @@ function MissingReferenceWidget({ path: pathProp }) {
 	});
 }
 //#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, FieldBlock, FieldCaption, FieldHelperText, FormRail, FormSections, ImagePreview, ImportCollectionAction, ImportDataPreview, ImportFileUpload, ImportNewPropertyFieldPreview, ImportSaveInProgress, InlineEntityListPreview, 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, fromSerializableCollectionConfigs, fromSerializableProperties, fromSerializableProperty, getBracketNotation, getChanges, getCollectionBySlugWithin, getCollectionPathsCombinations, getDefaultFieldConfig, getDefaultFieldId, getDefaultPropertiesOrder, getEntityCSVExportableData, getEntityJsonExportableData, getEntityPreviewKeys, getEntityTitlePropertyKey, getEntityTitlePropertyKeyForEntity, getEntityViewWidth, getFieldConfig, getFieldId, getFullId, getFullIdPath, getIconForProperty, getIconForWidget, getInferenceType, getInitialEntityValues, getLastSegment, getPropertiesWithPropertiesOrder, getPropertyInPath, getResolvedPropertyInPath, getUserLabel, idToPropertiesPath, isReferenceProperty, isRelationProperty, isSelfLabellingProperty, mapPropertiesToConfigs, mapPropertyToConfig, mergeEntityActions, namespaceToPropertiesOrderPath, namespaceToPropertiesPath, processValueMapping, removeEmptyContainers, removeInitialAndTrailingSlashes, removeInitialSlash, removeTrailingSlash, renderSkeletonCaptionText, renderSkeletonIcon, renderSkeletonImageThumbnail, renderSkeletonText, resetPasswordAction, resolveCollectionPathIds, resolveEntityAction, resolveEntityView, resolveNavigationFrom, sanitizeUrl, toSerializableCollectionConfig, toSerializableProperties, toSerializableProperty, unflattenObject, useAdminContext, useApp, useBreadcrumbsController, useBuildCollectionRegistryController, useBuildNavigationStateController, useBuildSidePanel, useBuildUrlController, useClearRestoreValue, useCollectionDataController, useCollectionEditorController, useCollectionRegistryController, useCollectionsConfigController, useHistory, useImportConfig, useJsonCollectionsConfigController, useLocalCollectionsConfigController, useNavigationStateController, useResolvedCollections, useResolvedNavigationFrom, useResolvedUser, useResolvedViews, useSelectionController, useSelectionDialog, useSideDialogsController, useSidePanel, useTopLevelNavigation, useUrlController, validateCollectionJson, zodToFormErrors };
+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, DrawerNavigationGroup, DrawerNavigationItem, EmptyValue, EntityCardBinding, EntityForm, EntityFormBinding, EntityPreviewBinding, EntityViewBinding, EnumValuesChip, ExportCollectionAction, FieldBlock, FieldCaption, FieldHelperText, FormRail, FormSections, ImagePreview, ImportCollectionAction, ImportDataPreview, ImportFileUpload, ImportNewPropertyFieldPreview, ImportSaveInProgress, InlineEntityListPreview, KeyValueFieldBinding, KeyValuePreview, LABEL_ICON_SIZE, LabelWithIcon, LabelWithIconAndTooltip, MapFieldBinding, MapPropertyPreview, MarkdownEditorFieldBinding, MissingReferenceWidget, MultiSelectFieldBinding, NavigationStateContext, NumberPropertyPreview, PropertyConfigBadge, PropertyFieldBinding, PropertyIdCopyTooltip, PropertyPreview, PropertySelectEntry, ReadOnlyFieldBinding, RebaseAdmin, RebaseAuthGate, RebaseLayout, RebaseNavigation, RebaseRoute, RebaseRouteDefs, RebaseShell, RecordMeta, 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, fromSerializableCollectionConfigs, fromSerializableProperties, fromSerializableProperty, getBracketNotation, getChanges, getCollectionBySlugWithin, getCollectionPathsCombinations, getDefaultFieldConfig, getDefaultFieldId, getDefaultPropertiesOrder, getEntityCSVExportableData, getEntityJsonExportableData, getEntityPreviewKeys, getEntityTitlePropertyKey, getEntityTitlePropertyKeyForEntity, getEntityViewWidth, getFieldConfig, getFieldId, getFullId, getFullIdPath, getIconForProperty, getIconForWidget, getInferenceType, getInitialEntityValues, getLastSegment, getPropertiesWithPropertiesOrder, getPropertyInPath, getResolvedPropertyInPath, getUserLabel, idToPropertiesPath, isReferenceProperty, isRelationProperty, isSelfLabellingProperty, mapPropertiesToConfigs, mapPropertyToConfig, mergeEntityActions, namespaceToPropertiesOrderPath, namespaceToPropertiesPath, processValueMapping, removeEmptyContainers, removeInitialAndTrailingSlashes, removeInitialSlash, removeTrailingSlash, renderSkeletonCaptionText, renderSkeletonIcon, renderSkeletonImageThumbnail, renderSkeletonText, resetPasswordAction, resolveCollectionPathIds, resolveEntityAction, resolveEntityView, resolveNavigationFrom, sanitizeUrl, spanClass, toSerializableCollectionConfig, toSerializableProperties, toSerializableProperty, unflattenObject, useAdminContext, useApp, useBreadcrumbsController, useBuildCollectionRegistryController, useBuildNavigationStateController, useBuildSidePanel, useBuildUrlController, useClearRestoreValue, useCollectionDataController, useCollectionEditorController, useCollectionRegistryController, useCollectionsConfigController, useHistory, useImportConfig, useJsonCollectionsConfigController, useLocalCollectionsConfigController, useNavigationStateController, useResolvedCollections, useResolvedNavigationFrom, useResolvedUser, useResolvedViews, useSelectionController, useSelectionDialog, useSideDialogsController, useSidePanel, useTopLevelNavigation, useUrlController, validateCollectionJson, zodToFormErrors };
 
 //# sourceMappingURL=index.js.map