@burojs/ui-shadcn 0.5.0 → 0.7.0

package/dist/{resource-page-router-T4vS5gbJ.js → resource-page-router-Diw6S6TK.js}

@@ -1,64 +1,121 @@
-import { C as loadFailedText, E as loadPageFlowRoute, O as useLoaded, _ as FlowBoundary, o as canonicalResourceName, t as CheckConfirmDialog } from "./check-confirm-dialog-CkaVTPT9.js";
+import { l as cn } from "./use-theme-dnE3Od3I.js";
+import { l as useLinkComponent } from "./toaster-Ct_YHGs6.js";
+import { D as loadPageFlowRoute, k as useLoaded, o as canonicalResourceName, t as CheckConfirmDialog, v as FlowBoundary, w as loadFailedText } from "./check-confirm-dialog-2j0gOd7x.js";
 import { t as Button } from "./button-MWVeZaqj.js";
+import { b as RecordState, m as useRowTitle, v as InvalidRouteId, y as LoadError } from "./relation-create-C43cdPQt.js";
 import { t as Skeleton } from "./skeleton-U2noefj5.js";
-import { B as RouteScreenClaimContext, H as useIsRouteScreen, L as ScreenTree, R as useTabsUrlState, St as DeepLinkScope, Tt as FieldDisplay, V as RouteScreenContext, _ as useFrameChrome, a as isBuiltinRecordView, c as ChangeTypeButton, d as UndeclaredTypeNotice, ft as isShowAvailable, g as FrameChromeContext, gt as showTarget, ht as recordRouteAvailable, i as RouteListContext, l as HeaderTypeNotice, mt as recordReturnTarget, n as viewOf, o as resolveFrameView, p as FormActions, pt as listTarget, st as PageHeader, t as selectImplementation, u as TypeChromeDrawnContext, vt as useShownItemActions, z as QuickScreenClaimContext } from "./place-node--GdsP688.js";
-import { FORM_SLOT, addressesCapability, builtinFrames, canonicalEntityNodeKey, compilePageScreen, dtoFields, evaluateVisible, fieldSensitivity, formatEntityRef, hasListPage, hrefFor, isCustomPageDef, isScreenFailure, matchPath, navHrefFor, nodeKind, normalizeDataError, normalizeEntityRef, pageParamNames, parsePageParams, resolveNavLabel, resolveResourceNavLabel, snapshotAppFrames, snapshotBlockLookup, snapshotFrameLookup } from "@burojs/core";
-import { ComponentsContext, FrameCheckContext, RecordFrameContext, ResourceContext, RouteSourceContext, ScreenStateProvider, pageAccessFor, policyRecordOf, resolveRoute, retryRecordRead, useApp, useApplicationSnapshot, useAvailabilityResolver, useComponent, useCtx, useCurrentUserId, useFieldAccess, useFormController, useFrameImplementations, useFrameT, useI18nCaps, useNavigationGuardText, useOne, useOptionalDataRuntime, useOptionalRouterAdapter, useOptionalT, usePageAccess, usePageScreen, usePermissions, useProjectedRecord, usePublishDocVariant, useQuickEntry, useRecordFrame, useRecordTitle, useRouteListImplementation, useRouteNavigate, useT, useTestIds, useTranslate, useVisibilityCtx } from "@burojs/react";
+import { Ct as recordReturnTarget, Dt as useShownItemActions, G as RouteScreenClaimContext, H as ScreenTree, J as FormControlProvider, K as RouteScreenContext, Pt as FieldDisplay, S as useFrameChrome, St as listTarget, Tt as showTarget, U as useTabsUrlState, W as QuickScreenClaimContext, X as useFormControlOf, d as resolveFrameView, g as UndeclaredTypeNotice, h as TypeChromeDrawnContext, ht as PageHeader, i as RouteListContext, jt as DeepLinkScope, m as HeaderTypeNotice, n as viewOf, p as ChangeTypeButton, q as useIsRouteScreen, t as selectImplementation, u as isBuiltinRecordView, v as FormActions, wt as recordRouteAvailable, x as FrameChromeContext, xt as isShowAvailable } from "./place-node-CfzQvh4Y.js";
+import { t as useNoticeSink } from "./success-notices-LDEgEkc4.js";
+import { FORM_SLOT, addressesCapability, builtinFrames, canonicalEntityNodeKey, compilePageScreen, declaredText, dtoFields, evaluateVisible, fieldSensitivity, formatEntityRef, hasListPage, hrefFor, humanizeKey, isCustomPageDef, isScreenFailure, issueOfInput, matchPath, navHrefFor, normalizeEntityRef, normalizeIssueInputs, pageParamNames, parsePageParams, resolveNavLabel, resourceKey, routeResourceKey, routeServerIssues, scopeColumnOf, snapshotAppFrames, snapshotBlockLookup, snapshotFrameLookup, successNoticesOf } from "@burojs/core";
+import { ActionRouteContext, ComponentsContext, FrameCheckContext, RecordFrameContext, RecordScopeProvider, ResourceContext, RouteSourceContext, ScreenStateProvider, maybeThen, pageAccessFor, policyRecordOf, recordKeyOf, resolveRoute, retryRecordRead, settle, useApp, useApplicationSnapshot, useAvailabilityResolver, useChromeT, useComponent, useCtx, useCurrentUserId, useFieldAccess, useFormController, useFrameImplementations, useFrameT, useI18nCaps, useList, useNavigationGuardText, useOne, useOptionalDataRuntime, useOptionalRouterAdapter, useOptionalT, usePageAccess, usePageScreen, usePermissions, usePlatformStorage, useProjectedRecord, usePublishDocVariant, useQuickEntry, useRecordFrame, useRecordTitle, useRouteListImplementation, useRouteNavigate, useRouteRecordId, useScope, useT, useTestIds, useTranslate, useVisibilityCtx } from "@burojs/react";
 import { Suspense, createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/resource-key.ts
 function canonicalNavKey(node) {
 	return canonicalEntityNodeKey(node);
 }
-function canonicalResourceKey(def) {
+function canonicalResourceKey$1(def) {
 	return canonicalNavKey(def);
 }
 //#endregion
-//#region src/layout/build-nav-items.ts
-function buildNavItems(args) {
-	const { registry, caps, groupName, match, isVisible, entryFilter, icons } = args;
-	const chain = match?.groupChain ?? [];
-	const qualifiedMatch = match;
-	const activeLeaf = qualifiedMatch == null ? void 0 : qualifiedMatch.kind === "group-index" ? canonicalNavKey({
-		name: qualifiedMatch.target ?? qualifiedMatch.name,
-		ref: qualifiedMatch.targetRef
-	}) : canonicalNavKey(qualifiedMatch);
-	const isEligible = (node) => isVisible(node) && (entryFilter ? entryFilter(node) : true);
-	const out = [];
-	for (const child of registry.groups.childrenOf(groupName)) {
-		if (!isEligible(child)) continue;
-		const kind = nodeKind(child);
-		const childKey = canonicalNavKey(child);
-		const href = navHrefFor(registry, childKey, { isVisible: isEligible });
-		if (kind === "group") {
-			const label = resolveNavLabel(caps, `groups.${childKey}`, child.label ?? child.name);
-			const active = chain.some((g) => canonicalNavKey(g) === childKey);
-			out.push({
-				kind: "group",
-				name: childKey,
-				label,
-				href,
-				icon: icons?.group?.(childKey),
-				active
-			});
-		} else if (kind === "custom-page") out.push({
-			kind: "custom-page",
-			name: childKey,
-			label: resolveNavLabel(caps, `pages.${childKey}`, child.label ?? child.name),
-			href,
-			icon: icons?.page?.(childKey),
-			active: activeLeaf === childKey
-		});
-		else out.push({
-			kind: "resource",
-			name: childKey,
-			label: resolveResourceNavLabel(caps, childKey, child),
-			href,
-			icon: icons?.resource?.(childKey),
-			active: activeLeaf === childKey
-		});
-	}
-	return out;
+//#region src/layout/layouts/secondary-sidebar-layout.tsx
+function Row({ it }) {
+	const RouterLink = useLinkComponent();
+	return jsx("li", { children: jsxs(RouterLink, {
+		href: it.href,
+		"data-testid": `nav-secondary-item:${it.name}`,
+		"aria-current": it.active ? "page" : void 0,
+		className: cn("flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium outline-hidden ring-offset-background transition-colors", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", it.active ? "bg-secondary text-secondary-foreground" : "text-muted-foreground hover:bg-secondary/50 hover:text-foreground"),
+		children: [it.icon != null && jsx("span", {
+			className: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
+			"aria-hidden": "true",
+			children: it.icon
+		}), jsx("span", {
+			className: "truncate",
+			title: it.label,
+			children: it.label
+		})]
+	}) });
+}
+function SecondarySidebarLayout({ group, groupKey, items, children }) {
+	const RouterLink = useLinkComponent();
+	const caps = useI18nCaps();
+	const id = groupKey ?? group.name;
+	const label = resolveNavLabel(caps, `groups.${id}`, declaredText("chrome", group, "label"));
+	return jsxs("div", {
+		className: "md:-m-6 md:flex md:min-h-[calc(100%+3rem)]",
+		"data-testid": `nav-secondary:${id}`,
+		children: [
+			jsx("aside", {
+				className: "hidden w-64 shrink-0 border-r bg-background text-foreground md:block",
+				children: jsxs("div", {
+					className: "space-y-4 p-4",
+					children: [jsx("p", {
+						className: "px-3 text-base font-semibold tracking-tight",
+						children: label
+					}), jsx("nav", {
+						"aria-label": label,
+						children: jsx("ul", {
+							className: "space-y-0.5",
+							children: items.map((it) => jsx(Row, { it }, it.name))
+						})
+					})]
+				})
+			}),
+			jsx("nav", {
+				"aria-label": label,
+				"data-testid": `nav-secondary-select:${id}`,
+				className: "-mx-1 mb-4 flex snap-x snap-proximity gap-1.5 overflow-x-auto scroll-smooth px-1 pb-1 [-ms-overflow-style:none] [mask-image:linear-gradient(to_right,transparent,black_8px,black_calc(100%-8px),transparent)] [scrollbar-width:none] md:hidden [&::-webkit-scrollbar]:hidden",
+				children: items.map((it) => jsx(RouterLink, {
+					href: it.href,
+					"aria-current": it.active ? "page" : void 0,
+					className: cn("snap-start whitespace-nowrap rounded-full border px-3 py-1.5 text-sm outline-hidden ring-offset-background transition-colors duration-150", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", it.active ? "border-primary/40 bg-primary/10 font-medium text-foreground" : "border-border text-muted-foreground hover:bg-accent/60 hover:text-accent-foreground"),
+					children: it.label
+				}, it.name))
+			}),
+			jsx("div", {
+				className: "min-w-0 flex-1 md:overflow-x-hidden md:p-6",
+				children
+			})
+		]
+	});
+}
+//#endregion
+//#region src/layout/layouts/tabs-layout.tsx
+function TabsLayout({ group, groupKey, items, children }) {
+	const RouterLink = useLinkComponent();
+	const caps = useI18nCaps();
+	const id = groupKey ?? group.name;
+	const label = resolveNavLabel(caps, `groups.${id}`, declaredText("chrome", group, "label"));
+	return jsxs("div", {
+		className: "flex flex-col gap-4",
+		"data-testid": `nav-tabs:${id}`,
+		children: [jsx("nav", {
+			"aria-label": label,
+			className: "flex gap-1 overflow-x-auto scroll-smooth border-b border-border [-ms-overflow-style:none] [mask-image:linear-gradient(to_right,transparent,black_8px,black_calc(100%-8px),transparent)] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+			children: items.map((it) => jsxs(RouterLink, {
+				href: it.href,
+				"aria-current": it.active ? "page" : void 0,
+				"data-testid": `nav-tab:${it.name}`,
+				className: cn("group/tab relative flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-t-sm px-3 py-2.5 text-sm outline-hidden ring-offset-background transition-colors duration-150", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", it.active ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"),
+				children: [
+					it.icon != null && jsx("span", {
+						className: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
+						"aria-hidden": "true",
+						children: it.icon
+					}),
+					it.label,
+					jsx("span", {
+						"aria-hidden": "true",
+						className: cn("pointer-events-none absolute inset-x-2 -bottom-px h-0.5 origin-center scale-x-0 rounded-full bg-primary opacity-0 transition-all duration-300 ease-out", it.active ? "scale-x-100 opacity-100" : "group-hover/tab:scale-x-100 group-hover/tab:opacity-30")
+					})
+				]
+			}, it.name))
+		}), jsx("div", {
+			className: "min-w-0",
+			children
+		})]
+	});
 }
 //#endregion
 //#region src/layout/nav-slots.ts
@@ -68,9 +125,33 @@ function layoutSlot(key) {
 function useLayout(key) {
 	return useComponent(layoutSlot(key));
 }
+const BUILTIN_LAYOUTS = {
+	[layoutSlot("secondary-sidebar")]: SecondarySidebarLayout,
+	[layoutSlot("tabs")]: TabsLayout
+};
 function useLayoutResolver() {
 	const components = useContext(ComponentsContext);
-	return (key) => components[layoutSlot(key)];
+	return (key) => components[layoutSlot(key)] ?? BUILTIN_LAYOUTS[layoutSlot(key)];
+}
+const unresolvedLayoutReported = new WeakMap();
+function useReportUnresolvedLayouts(groups, resolve) {
+	const app = useApp();
+	useEffect(() => {
+		if (process.env.NODE_ENV === "production") return;
+		for (const group of groups) {
+			const layout = group.layout;
+			if (layout === "flat" || layout === "collapsible" || resolve(layout)) continue;
+			const key = canonicalNavKey(group);
+			let seen = unresolvedLayoutReported.get(app);
+			if (!seen) {
+				seen = new Set();
+				unresolvedLayoutReported.set(app, seen);
+			}
+			if (seen.has(key)) continue;
+			seen.add(key);
+			console.error(`[burojs] Nav group "${key}" declares layout "${layout}", and no renderer is registered for it. Register one as components["layout.${layout}"] on <BuroProvider>, or use a built-in layout: "secondary-sidebar", "tabs", "flat", "collapsible".`);
+		}
+	});
 }
 //#endregion
 //#region src/layout/use-nav-routing.ts
@@ -79,6 +160,10 @@ function useNavVisible() {
 	const allowed = usePageAllowed();
 	return useCallback((node) => evaluateVisible(node.visible, ctx) && (!isCustomPageDef(node) || allowed(node)), [ctx, allowed]);
 }
+function useResourceVisible() {
+	const ctx = useVisibilityCtx();
+	return useCallback((def) => evaluateVisible(def.visible, ctx), [ctx]);
+}
 function usePageAllowed() {
 	const permissions = usePermissions();
 	return useCallback((page) => pageAccessFor(page, permissions) === "allowed", [permissions]);
@@ -98,99 +183,17 @@ function useMatch() {
 	return path === void 0 ? null : matchPath(app.registry, path, { isVisible });
 }
 //#endregion
-//#region src/layout/nav-chrome-boundary.tsx
-const NavChromeBoundaryContext = createContext(new Set());
-function useNavChromeBoundary() {
-	return useContext(NavChromeBoundaryContext);
-}
-function NavChromeBoundaryProvider({ claim, children }) {
-	const parent = useContext(NavChromeBoundaryContext);
-	const key = claim.join(" ");
-	const merged = useMemo(() => {
-		const s = new Set(parent);
-		for (const n of claim) s.add(n);
-		return s;
-	}, [parent, key]);
-	return jsx(NavChromeBoundaryContext.Provider, {
-		value: merged,
-		children
-	});
-}
-//#endregion
-//#region src/layout/nav-chrome.tsx
-const DETAIL_ACTIONS = new Set([
-	"show",
-	"edit",
-	"create"
-]);
-function NavChrome({ children, entryFilter, icons }) {
-	const app = useApp();
-	const caps = useI18nCaps();
-	const isVisible = useNavVisible();
-	const match = useMatch();
-	const resolveLayout = useLayoutResolver();
-	const boundary = useNavChromeBoundary();
-	if (!match) return jsx(Fragment$1, { children });
-	let content = children;
-	for (let i = match.groupChain.length - 1; i >= 0; i--) {
-		const group = match.groupChain[i];
-		if (!group) continue;
-		const groupKey = canonicalNavKey(group);
-		if (boundary.has(groupKey)) continue;
-		if (group.chromeOn === "list" && match.kind === "resource" && DETAIL_ACTIONS.has(match.action)) continue;
-		const Layout = resolveLayout(group.layout);
-		if (!Layout) continue;
-		const items = buildNavItems({
-			registry: app.registry,
-			caps,
-			groupName: groupKey,
-			match,
-			isVisible,
-			entryFilter,
-			icons
-		});
-		content = jsx(Layout, {
-			group,
-			groupKey,
-			items,
-			children: content
-		});
-	}
-	return jsx(Fragment$1, { children: content });
-}
-//#endregion
-//#region src/record/record-state.tsx
-function RecordState({ state, onRetry }) {
-	const t = useT();
-	if (state === "loading") return jsx("div", {
-		role: "status",
-		"aria-busy": "true",
-		"data-testid": "record-page:loading",
-		className: "p-6 text-sm text-muted-foreground",
-		children: t("router.recordLoading")
-	});
-	const message = state === "not-found" ? t("router.recordNotFound") : state === "session-expired" ? t("router.recordSessionExpired") : t("router.recordError");
-	return jsxs("div", {
-		role: "alert",
-		"data-testid": `record-page:${state}`,
-		className: "flex flex-col items-center justify-center gap-3 px-6 py-24 text-center",
-		children: [jsx("p", {
-			className: "max-w-sm text-sm text-muted-foreground",
-			children: message
-		}), onRetry ? jsx(Button, {
-			type: "button",
-			variant: "outline",
-			size: "sm",
-			"data-testid": "record-page:retry",
-			onClick: onRetry,
-			children: t("actions.retry")
-		}) : null]
-	});
+//#region src/layout/nav-chrome-mounted.ts
+const NavChromeMountedContext = createContext(false);
+const NavChromeMountedProvider = NavChromeMountedContext.Provider;
+function useNavChromeMounted() {
+	return useContext(NavChromeMountedContext);
 }
 //#endregion
 //#region src/flows/page-flow-loader.tsx
 function PageFlowRouteLoader({ match }) {
 	const t = useOptionalT();
+	const chromeT = useChromeT();
 	const loaded = useLoaded(loadPageFlowRoute);
 	const failed = (retry) => jsxs("div", {
 		role: "alert",
@@ -199,7 +202,7 @@ function PageFlowRouteLoader({ match }) {
 		children: [jsx("p", { children: loadFailedText(t) }), jsx("div", { children: jsx(Button, {
 			type: "button",
 			onClick: retry,
-			children: t("actions.retry") === "actions.retry" ? "Retry" : t("actions.retry")
+			children: chromeT("actions.retry", { defaultValue: "Retry" })
 		}) })]
 	});
 	if (loaded.error !== void 0) return failed(loaded.retry);
@@ -212,7 +215,8 @@ function PageFlowRouteLoader({ match }) {
 }
 //#endregion
 //#region src/list-kit/resource-list-page.tsx
-function ResourceListPage({ resource, meta, renderCell, emptyState }) {
+function ResourceListPage({ resource: resourceInput, meta, renderCell, emptyState }) {
+	const resource = routeResourceKey(resourceInput);
 	const app = useRouteListImplementation();
 	const implementation = selectImplementation("buro:related-list", app);
 	const View = implementation === void 0 ? void 0 : viewOf(implementation);
@@ -280,7 +284,7 @@ function PageBody({ page }) {
 	const screen = failure === null && !isScreenFailure(compiled) ? compiled : null;
 	const caps = useI18nCaps();
 	const name = canonicalNavKey(page);
-	const label = resolveNavLabel(caps, `pages.${name}`, page.label);
+	const label = resolveNavLabel(caps, `pages.${name}`, declaredText("chrome", page, "label"));
 	useEffect(() => {
 		if (failure === null || process.env.NODE_ENV === "production") return;
 		console.error(`[burojs] The page "${name}" cannot render its body: ${failure.code} at ${failure.path.join(".")}: ${failure.message}.`);
@@ -311,8 +315,9 @@ function PageRouteScreen({ children }) {
 		})
 	});
 }
-function PlannedBody({ screen, name, label }) {
-	const page = usePageScreen(screen);
+function PlannedBody({ screen, name, label, record }) {
+	const pageOptions = useMemo(() => record === void 0 ? {} : { record }, [record]);
+	const page = usePageScreen(screen, pageOptions);
 	const { PlacementScope } = page;
 	const route = useContext(RouteSourceContext);
 	const catalog = useFrameImplementations();
@@ -337,27 +342,23 @@ function PlannedBody({ screen, name, label }) {
 	};
 	return jsx(RouteSourceContext.Provider, {
 		value: null,
-		children: jsx(PlacementScope, { children: jsx(DeepLinkScope, {
-			plan: page.plan,
-			enabled: true,
-			children: jsx("div", {
-				"data-buro-region": "page-body",
-				children: jsx(Suspense, {
-					fallback: null,
-					children: jsx(View, { ...viewProps })
+		children: jsx(ActionRouteContext.Provider, {
+			value: route,
+			children: jsx(PlacementScope, { children: jsx(DeepLinkScope, {
+				plan: page.plan,
+				enabled: true,
+				children: jsx("div", {
+					"data-buro-region": "page-body",
+					children: jsx(Suspense, {
+						fallback: null,
+						children: jsx(View, { ...viewProps })
+					})
 				})
-			})
-		}) })
+			}) })
+		})
 	});
 }
 //#endregion
-//#region src/resource/form-context.tsx
-const FormControlContext = createContext(null);
-const FormControlProvider = FormControlContext.Provider;
-function useFormControl() {
-	return useContext(FormControlContext);
-}
-//#endregion
 //#region src/frames/obligations.tsx
 const SlotMountsContext = createContext(null);
 function useSlotOnce(slot) {
@@ -487,9 +488,9 @@ function timeAgo(savedAt, t) {
 	if (diff < 864e5) return t("draft.timeAgoHours", { count: Math.round(diff / 36e5) });
 	return t("draft.timeAgoDays", { count: Math.round(diff / 864e5) });
 }
-function frameRecordId(frame) {
+function frameRecordId(frame, def) {
 	if (frame.recordId !== void 0) return frame.recordId;
-	const id = frame.record?.id;
+	const id = recordKeyOf(def, frame.record);
 	return typeof id === "string" || typeof id === "number" ? String(id) : void 0;
 }
 function BodySlot() {
@@ -497,7 +498,7 @@ function BodySlot() {
 	const { resource, mode, controller } = frame;
 	const chrome = useFrameChrome();
 	const tid = useTestIds();
-	const id = frameRecordId(frame);
+	const id = frameRecordId(frame, useApp().registry.get(resource));
 	const tree = jsx("div", {
 		"data-buro-region": "record-body",
 		"data-buro-slot": FORM_SLOT,
@@ -646,7 +647,7 @@ function RecordFrameView({ frame: instance }) {
 		...policyRecord ?? {},
 		id: typeof rowId === "string" || typeof rowId === "number" ? String(rowId) : ""
 	}), [policyRecord, rowId]);
-	const showItemActions = useShownItemActions(resource, actionRow, "show");
+	const showItemActions = useShownItemActions(resource, actionRow, "show", void 0, controller.sources);
 	const showActions = mode === "show" && record !== void 0 && showItemActions.length > 0;
 	const View = resolved.view;
 	const builtin = isBuiltinRecordView(resolved);
@@ -664,6 +665,156 @@ function RecordFrameView({ frame: instance }) {
 		})
 	})] });
 }
+function useResourceDimensionOptions(dimension, resource, labelField) {
+	const def = useApp().registry.get(resource);
+	const rowTitle = useRowTitle(resource, labelField ?? def?.displayField);
+	const rows = useList(resource, {
+		pagination: {
+			kind: "offset",
+			page: 1,
+			pageSize: 100
+		},
+		total: false,
+		scope: {
+			default: "session",
+			dimensions: { [dimension]: "none" }
+		}
+	}).data?.data;
+	return useMemo(() => (rows ?? []).flatMap((row) => {
+		const key = recordKeyOf(def, row);
+		return key === null || key === void 0 ? [] : [{
+			value: key,
+			label: rowTitle(row)
+		}];
+	}), [
+		rows,
+		def,
+		rowTitle
+	]);
+}
+//#endregion
+//#region src/record/scope-mismatch-banner.tsx
+const asList = (value) => value === null ? [] : Array.isArray(value) ? value : [value];
+const isScalar = (value) => typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+function ScopeMismatchBanner(props) {
+	const app = useApp();
+	const mapping = app.registry.get(props.resource)?.data?.scope;
+	if (app.scope === void 0 || mapping === void 0 || props.record === void 0) return null;
+	return jsx(Banner, {
+		...props,
+		record: props.record,
+		mapping
+	});
+}
+function Banner({ record, mapping, kind = "record" }) {
+	const scope = useScope();
+	const chromeT = useChromeT();
+	const differences = useMemo(() => {
+		const out = [];
+		for (const [dimension, target] of Object.entries(mapping)) {
+			const definition = scope.definition?.dimensions[dimension];
+			if (definition === void 0 || definition.select === "none") continue;
+			const selected = asList(scope.selection[dimension] ?? null);
+			if (selected.length === 0) continue;
+			const column = scopeColumnOf(target);
+			if (!Object.hasOwn(record, column)) continue;
+			const held = record[column];
+			if (held === null || held === void 0 || held === "") {
+				if (kind === "created" || "field" in target && target.empty === "shared") continue;
+				out.push({
+					dimension,
+					value: null,
+					selected,
+					select: definition.select
+				});
+				continue;
+			}
+			if (!isScalar(held)) continue;
+			if (selected.some((value) => String(value) === String(held))) continue;
+			out.push({
+				dimension,
+				value: held,
+				selected,
+				select: definition.select
+			});
+		}
+		return out;
+	}, [
+		mapping,
+		record,
+		scope.definition,
+		scope.selection,
+		kind
+	]);
+	if (differences.length === 0) return null;
+	const apply = () => {
+		for (const difference of differences) scope.select(difference.dimension, difference.value === null ? null : difference.select === "multiple" ? [difference.value] : difference.value);
+	};
+	return jsxs("div", {
+		role: "status",
+		"data-testid": "scope-mismatch:banner",
+		className: "flex flex-wrap items-center justify-between gap-3 rounded-md border bg-muted/50 px-3 py-2 text-sm",
+		children: [jsxs("div", {
+			className: "space-y-1",
+			children: [jsx("p", {
+				className: "font-medium",
+				children: kind === "created" ? chromeT("scope.mismatch.createdOutside", { defaultValue: "Created outside the current scope" }) : chromeT("scope.mismatch.title", { defaultValue: "This record is outside the current scope" })
+			}), jsx("ul", {
+				className: "text-muted-foreground",
+				children: differences.map((difference) => jsx(DifferenceLine, {
+					difference,
+					definition: scope.definition.dimensions[difference.dimension]
+				}, difference.dimension))
+			})]
+		}), jsx(Button, {
+			type: "button",
+			size: "sm",
+			"data-testid": "scope-mismatch:switch",
+			onClick: apply,
+			children: chromeT("scope.mismatch.switch", { defaultValue: "Switch" })
+		})]
+	});
+}
+function DifferenceLine(props) {
+	const source = props.definition.values;
+	if (source !== void 0 && !Array.isArray(source)) {
+		const { resource, label } = source;
+		return jsx(ResourceLine, {
+			...props,
+			resource,
+			...label ? { labelField: label } : {}
+		});
+	}
+	return jsx(LineText, {
+		difference: props.difference,
+		options: source ?? []
+	});
+}
+function ResourceLine({ difference, resource, labelField }) {
+	const options = useResourceDimensionOptions(difference.dimension, resource, labelField);
+	return jsx(LineText, {
+		difference,
+		options
+	});
+}
+function LineText({ difference, options }) {
+	const chromeT = useChromeT();
+	const labelOf = (value) => options.find((option) => String(option.value) === String(value))?.label ?? String(value);
+	const field = humanizeKey(difference.dimension);
+	const item = difference.value === null ? chromeT("scope.mismatch.empty", { defaultValue: "not set" }) : labelOf(difference.value);
+	const items = difference.selected.map(labelOf).join(", ");
+	return jsx("li", {
+		"data-testid": `scope-mismatch:line:${difference.dimension}`,
+		children: chromeT("scope.mismatch.line", {
+			params: {
+				field,
+				item,
+				items
+			},
+			defaultValue: `${field}: ${item} (selected: ${items})`
+		})
+	});
+}
 //#endregion
 //#region src/record/type-offer.tsx
 function TypeOffer({ resource, offer, onChoose }) {
@@ -726,18 +877,41 @@ function isAbort(error) {
 		return false;
 	}
 }
-function canonicalName(resource) {
-	const ref = normalizeEntityRef(typeof resource === "string" ? resource : resource.ref);
-	return canonicalEntityNodeKey({
-		name: ref.id,
-		ref
-	});
+const NO_ISSUES = Object.freeze([]);
+const APPLIED_UNREADABLE = Object.freeze({
+	code: "applied-unreadable",
+	message: Object.freeze({
+		key: "errors.appliedUnreadable",
+		default: "Saved. The server's answer could not be read, so the screen may not show the latest values."
+	}),
+	path: Object.freeze([]),
+	source: "server",
+	severity: "info"
+});
+function issuesOf(error) {
+	if (error === null || typeof error !== "object") return void 0;
+	try {
+		const descriptor = Object.getOwnPropertyDescriptor(error, "issues");
+		return descriptor !== void 0 && "value" in descriptor ? descriptor.value : void 0;
+	} catch {
+		return;
+	}
 }
-function frameId(frame) {
-	return frameRecordId(frame);
+const NO_EDITED = new Set();
+function sameValue(a, b) {
+	if (Object.is(a, b)) return true;
+	try {
+		return JSON.stringify(a) === JSON.stringify(b);
+	} catch {
+		return false;
+	}
 }
 function RecordFrameHost(props) {
 	const { resource, mode } = props;
+	const [failed, setFailed] = useState(NO_ISSUES);
+	const named = useMemo(() => failed.length === 0 ? NO_ISSUES : routeServerIssues({ issues: failed }, (segment) => segment, (field) => field !== "_form").fields, [failed]);
+	const atFailure = useRef({});
+	const [edited, setEdited] = useState(NO_EDITED);
 	const controller = useFormController({
 		resource,
 		mode,
@@ -746,7 +920,8 @@ function RecordFrameHost(props) {
 		...props.record === void 0 ? {} : { record: props.record },
 		...props.defaults === void 0 ? {} : { defaults: props.defaults },
 		...props.onSubmit === void 0 ? {} : { onSubmit: props.onSubmit },
-		...props.hostTitle ? { entry: "quick" } : {}
+		...props.hostTitle ? { entry: "quick" } : {},
+		serverIssues: named
 	});
 	const inputApplied = useRef(false);
 	const { input } = props;
@@ -765,13 +940,26 @@ function RecordFrameHost(props) {
 	const formId = `record-form-${useId()}`;
 	const root = useRef(null);
 	const [submitError, setSubmitError] = useState(void 0);
+	const [submitApplied, setSubmitApplied] = useState(void 0);
+	useEffect(() => {
+		if (plan === null) return;
+		const now = Object.keys(atFailure.current).filter((name) => !edited.has(name) && plan.fields[name] === "active" && !sameValue(controller.field(name).value, atFailure.current[name]));
+		if (now.length > 0) setEdited((previous) => new Set([...previous, ...now]));
+	}, [
+		plan,
+		controller,
+		edited
+	]);
+	const notify = useNoticeSink(resource);
 	const latest = useRef({
 		controller,
-		onSuccess: props.onSuccess
+		onSuccess: props.onSuccess,
+		notify
 	});
 	latest.current = {
 		controller,
-		onSuccess: props.onSuccess
+		onSuccess: props.onSuccess,
+		notify
 	};
 	const mounted = useRef(true);
 	useEffect(() => {
@@ -782,21 +970,45 @@ function RecordFrameHost(props) {
 	}, []);
 	const submit = useCallback(async () => {
 		setSubmitError(void 0);
+		setSubmitApplied(void 0);
+		setFailed(NO_ISSUES);
+		setEdited(NO_EDITED);
+		atFailure.current = {};
 		const outcome = await latest.current.controller.submit();
 		if (!mounted.current) return;
-		if (outcome.status === "submitted") latest.current.onSuccess?.(outcome.result);
-		else if (outcome.status === "failed" && !isAbort(outcome.error)) setSubmitError(outcome.error ?? null);
+		if (outcome.status === "submitted") {
+			const notices = successNoticesOf(outcome.result);
+			if (notices.length > 0) latest.current.notify(notices);
+			latest.current.onSuccess?.(outcome.result);
+		} else if (outcome.status === "failed" && outcome.applied === "yes") {
+			latest.current.notify([APPLIED_UNREADABLE]);
+			latest.current.onSuccess?.(void 0);
+		} else if (outcome.status === "failed" && !isAbort(outcome.error)) {
+			setSubmitError(outcome.error ?? null);
+			setSubmitApplied(outcome.applied);
+			const issues = normalizeIssueInputs(issuesOf(outcome.error)).issues;
+			const next = issues.length === 0 ? NO_ISSUES : Object.freeze(issues.map(issueOfInput));
+			const held = {};
+			const now = latest.current.controller;
+			for (const issue of next) {
+				const head = issue.path[0];
+				if (typeof head === "string" && head !== "_form" && now.plan?.fields[head] === "active") held[head] = now.field(head).value;
+			}
+			atFailure.current = held;
+			setFailed(next);
+		}
 	}, []);
 	const record = controller.record;
+	const recordText = props.recordId === void 0 ? void 0 : String(props.recordId);
 	const frame = useMemo(() => ({
 		resource,
-		recordId: props.recordId,
+		recordId: recordText,
 		mode,
 		record,
 		controller
 	}), [
 		resource,
-		props.recordId,
+		recordText,
 		mode,
 		record,
 		controller
@@ -817,7 +1029,8 @@ function RecordFrameHost(props) {
 		guardText.title,
 		guardText.body
 	]);
-	const typesDecl = useApp().registry.get(resource)?.types;
+	const app = useApp();
+	const typesDecl = app.registry.get(resource)?.types;
 	const loaded = controller.record;
 	const unsupportedType = useMemo(() => {
 		if (mode === "create" || typesDecl === void 0 || loaded === void 0) return void 0;
@@ -829,6 +1042,10 @@ function RecordFrameHost(props) {
 		typesDecl,
 		loaded
 	]);
+	const shownFailed = useMemo(() => edited.size === 0 ? failed : Object.freeze(failed.filter((issue) => {
+		const head = issue.path[0];
+		return typeof head !== "string" || !edited.has(head);
+	})), [failed, edited]);
 	const chrome = useMemo(() => ({
 		...props.onCancel === void 0 ? {} : { onCancel: props.onCancel },
 		...props.submitLabel === void 0 ? {} : { submitLabel: props.submitLabel },
@@ -838,6 +1055,8 @@ function RecordFrameHost(props) {
 		...props.hostTitle ? { hostTitle: true } : {},
 		formId,
 		submitError,
+		...submitApplied === void 0 ? {} : { submitApplied },
+		serverIssues: shownFailed,
 		submit,
 		root
 	}), [
@@ -849,6 +1068,8 @@ function RecordFrameHost(props) {
 		props.hostTitle,
 		formId,
 		submitError,
+		submitApplied,
+		shownFailed,
 		submit
 	]);
 	usePublishDocVariant(mode === "show" ? resource : void 0, record);
@@ -863,40 +1084,52 @@ function RecordFrameHost(props) {
 		resource,
 		mode
 	]);
-	const setValues = useCallback((patch) => {
-		for (const [name, value] of Object.entries(patch)) latest.current.controller.setValue(name, value);
-	}, []);
-	const formControl = useMemo(() => ({ setValues }), [setValues]);
-	const id = frameId(frame);
+	const formControl = useFormControlOf(controller);
+	const id = frameRecordId(frame, app.registry.get(frame.resource));
 	const rootId = mode === "show" ? tid.pageShow(resource, id ?? "") : mode === "edit" ? tid.pageEdit(resource, id ?? "") : tid.pageCreate(resource);
-	return jsx(RouteSourceContext.Provider, {
-		value: null,
-		children: jsx(RecordFrameContext.Provider, {
-			value: frame,
-			children: jsx(FrameChromeContext.Provider, {
-				value: chrome,
-				children: jsxs(FormControlProvider, {
-					value: formControl,
-					children: [jsx(DeepLinkScope, {
-						plan: controller.plan,
-						enabled: routeScreen && mode !== "create",
-						children: jsx("div", {
-							ref: root,
-							"data-testid": rootId,
-							className: "flex flex-col gap-[var(--buro-section-gap)]",
-							children: offering && controller.typeOffer !== null ? jsx(TypeOffer, {
-								resource,
-								offer: controller.typeOffer,
-								onChoose: (type) => chooseType(type)
-							}) : failure !== null ? jsxs(Fragment$1, { children: [jsx(RecordState, { state: "error" }), jsx(FormActions, {})] }) : mode === "edit" && unsupportedType !== void 0 ? jsx(UndeclaredTypeNotice, {
-								resource,
-								typeValue: unsupportedType
-							}) : jsx(RecordFrameView, { ...props.frame === void 0 ? {} : { frame: props.frame } })
+	const claimedRoute = useContext(RouteSourceContext);
+	const scopeValues = mode === "show" ? controller.record : controller.values;
+	return jsx(RecordScopeProvider, {
+		resource,
+		...recordText === void 0 ? {} : { recordId: recordText },
+		values: scopeValues,
+		create: mode === "create",
+		children: jsx(RouteSourceContext.Provider, {
+			value: null,
+			children: jsx(ActionRouteContext.Provider, {
+				value: claimedRoute,
+				children: jsx(RecordFrameContext.Provider, {
+					value: frame,
+					children: jsx(FrameChromeContext.Provider, {
+						value: chrome,
+						children: jsxs(FormControlProvider, {
+							value: formControl,
+							children: [jsx(DeepLinkScope, {
+								plan: controller.plan,
+								enabled: routeScreen && mode !== "create",
+								children: jsx("div", {
+									ref: root,
+									"data-testid": rootId,
+									className: "flex flex-col gap-[var(--buro-section-gap)]",
+									children: offering && controller.typeOffer !== null ? jsx(TypeOffer, {
+										resource,
+										offer: controller.typeOffer,
+										onChoose: (type) => chooseType(type)
+									}) : failure !== null ? jsxs(Fragment$1, { children: [jsx(RecordState, { state: "error" }), jsx(FormActions, {})] }) : mode === "edit" && unsupportedType !== void 0 ? jsx(UndeclaredTypeNotice, {
+										resource,
+										typeValue: unsupportedType
+									}) : jsxs(Fragment$1, { children: [jsx(ScopeMismatchBanner, {
+										resource,
+										record: mode === "create" ? controller.trustedSeeds : controller.record,
+										kind: mode === "create" ? "created" : "record"
+									}), jsx(RecordFrameView, { ...props.frame === void 0 ? {} : { frame: props.frame } })] })
+								})
+							}), controller.checkGate === null ? null : jsx(CheckConfirmDialog, {
+								state: controller.checkGate,
+								testid: `${tid.form(resource, mode, id)}:checks`
+							})]
 						})
-					}), controller.checkGate === null ? null : jsx(CheckConfirmDialog, {
-						state: controller.checkGate,
-						testid: `${tid.form(resource, mode, id)}:checks`
-					})]
+					})
 				})
 			})
 		})
@@ -907,7 +1140,8 @@ function RecordScreen(props) {
 	const routeScreen = useContext(RouteScreenClaimContext);
 	const quickScreen = useContext(QuickScreenClaimContext);
 	const route = useContext(RouteSourceContext);
-	const resource = canonicalName(props.resource);
+	const resourceInput = props.resource;
+	const resource = resourceKey(resourceInput);
 	const tabs = useTabsUrlState(props.mode, routeScreen);
 	const adapter = useOptionalRouterAdapter();
 	const router = routeScreen ? adapter : null;
@@ -1049,7 +1283,7 @@ function groupCrumbs(ctx, chain) {
 	return chain.map((group) => {
 		const key = canonicalNavKey(group);
 		return {
-			label: resolveNavLabel(ctx.caps, `groups.${key}`, group.label),
+			label: resolveNavLabel(ctx.caps, `groups.${key}`, declaredText("chrome", group, "label")),
 			href: groupCrumbHref(ctx.registry, key, ctx.isVisible)
 		};
 	});
@@ -1131,7 +1365,7 @@ function headerTrail(ctx, match) {
 			if (page === void 0 || !ctx.isVisible(page)) return null;
 			return {
 				name: key,
-				pageLabel: resolveNavLabel(ctx.caps, `pages.${key}`, page?.label ?? match.name),
+				pageLabel: resolveNavLabel(ctx.caps, `pages.${key}`, declaredText("chrome", page, "label")),
 				leadingSegments: nonEmpty(groupCrumbs(ctx, match.groupChain))
 			};
 		}
@@ -1169,24 +1403,18 @@ function parse(raw) {
 		return [];
 	}
 }
-function readRecentRecords(userId) {
-	if (typeof window === "undefined") return [];
-	try {
-		return parse(window.localStorage.getItem(recentStorageKey(userId)));
-	} catch {
-		return [];
-	}
+function readRecentRecords(store, userId) {
+	return maybeThen(settle(() => store.get(recentStorageKey(userId)), null), parse);
 }
-function writeRecentRecord(userId, entry) {
-	if (typeof window === "undefined") return;
-	try {
-		const key = recentStorageKey(userId);
+function writeRecentRecord(store, userId, entry) {
+	const key = recentStorageKey(userId);
+	return maybeThen(settle(() => store.get(key), null), (raw) => {
 		const envelope = {
 			version: 2,
-			items: [entry, ...parse(window.localStorage.getItem(key)).filter((item) => !(item.canonicalRef === entry.canonicalRef && item.id === entry.id))].slice(0, 5)
+			items: [entry, ...parse(raw).filter((item) => !(item.canonicalRef === entry.canonicalRef && item.id === entry.id))].slice(0, 5)
 		};
-		window.localStorage.setItem(key, JSON.stringify(envelope));
-	} catch {}
+		return settle(() => store.set(key, JSON.stringify(envelope)), void 0);
+	});
 }
 function text(value) {
 	return typeof value === "string" && value.length > 0 ? value : void 0;
@@ -1212,10 +1440,12 @@ function recentLabel(record, id, isGuarded = () => false) {
 //#region src/layout/use-record-visit.ts
 function useRecordVisit(resource, record, opts) {
 	const userId = useCurrentUserId();
-	const raw = record?.id;
-	const id = typeof raw === "string" || typeof raw === "number" ? String(raw) : void 0;
+	const store = usePlatformStorage().local;
 	const app = useApp();
-	const fields = app.registry.get(resource)?.fields;
+	const def = app.registry.get(resource);
+	const raw = recordKeyOf(def, record);
+	const id = typeof raw === "string" || typeof raw === "number" ? String(raw) : void 0;
+	const fields = def?.fields;
 	const rules = app.ruleSource?.rules(resource) ?? [];
 	const isGuarded = (field) => fields !== void 0 && Object.hasOwn(fields, field) && fieldSensitivity(fields[field]) !== void 0 || addressesCapability(rules, "view", {
 		kind: "field",
@@ -1229,7 +1459,7 @@ function useRecordVisit(resource, record, opts) {
 	useEffect(() => {
 		if (userId === null || !isCurrentData || id === void 0 || id === "") return;
 		if (label === void 0) return;
-		writeRecentRecord(userId, {
+		writeRecentRecord(store, userId, {
 			canonicalRef,
 			id,
 			label,
@@ -1237,6 +1467,7 @@ function useRecordVisit(resource, record, opts) {
 			at: new Date().toISOString()
 		});
 	}, [
+		store,
 		userId,
 		isCurrentData,
 		canonicalRef,
@@ -1247,12 +1478,6 @@ function useRecordVisit(resource, record, opts) {
 }
 //#endregion
 //#region src/layout/record-page.tsx
-function recordErrorState(error) {
-	const { kind } = normalizeDataError(error);
-	if (kind === "not-found" || kind === "forbidden") return "not-found";
-	if (kind === "auth") return "session-expired";
-	return "error";
-}
 function useMountedRef() {
 	const mounted = useRef(true);
 	useEffect(() => {
@@ -1275,7 +1500,7 @@ function RecordRouteHeader({ resource, action, id, record }) {
 		...action === "create" ? {} : { recordName }
 	});
 }
-function RecordShow({ resource, id, record, shown }) {
+function RecordShow({ resource, id, recordId, record, shown }) {
 	return jsxs("div", { children: [jsx(RecordRouteHeader, {
 		resource,
 		action: "show",
@@ -1284,11 +1509,11 @@ function RecordShow({ resource, id, record, shown }) {
 	}), jsx(RecordScreen, {
 		resource,
 		mode: "show",
-		recordId: id,
+		recordId,
 		record
 	})] });
 }
-function RecordEdit({ resource, id, record, shown }) {
+function RecordEdit({ resource, id, recordId, record, shown }) {
 	const app = useApp();
 	const navigate = useRouteNavigate();
 	const mounted = useMountedRef();
@@ -1301,7 +1526,7 @@ function RecordEdit({ resource, id, record, shown }) {
 	}), jsx(RecordScreen, {
 		resource,
 		mode: "edit",
-		recordId: id,
+		recordId,
 		record,
 		onCancel: () => navigate(back),
 		onSuccess: () => {
@@ -1340,12 +1565,12 @@ function RecordCreate({ resource, defaults }) {
 		})
 	})] });
 }
-function RecordRead({ resource, action, id }) {
+function RecordRead({ resource, action, id, recordId }) {
 	const app = useApp();
 	const def = app.registry.get(resource);
 	const projection = useMemo(() => def === void 0 ? void 0 : dtoFields(def, "record"), [def]);
 	const query = useOne(resource, {
-		id,
+		id: recordId,
 		retry: retryRecordRead,
 		...projection === void 0 ? {} : { projection }
 	});
@@ -1385,30 +1610,39 @@ function RecordRead({ resource, action, id }) {
 				children: action === "edit" ? jsx(RecordEdit, {
 					resource,
 					id,
+					recordId,
 					record: loaded,
 					shown
 				}) : jsx(RecordShow, {
 					resource,
 					id,
+					recordId,
 					record: loaded,
 					shown
 				})
 			})
 		});
 	}
-	if (query.error != null) {
-		const state = recordErrorState(query.error);
-		return jsx(RecordState, {
-			state,
-			onRetry: state === "error" ? () => void query.refetch() : void 0
-		});
-	}
+	if (query.error != null) return jsx(LoadError, {
+		surface: "record",
+		resource,
+		error: query.error,
+		retry: () => void query.refetch()
+	});
 	return jsx(RecordState, { state: "loading" });
 }
 function RecordRouteBody(props) {
 	if (props.action === "create") return jsx(RecordCreate, { ...props });
 	if (props.id === "") return jsx(RecordState, { state: "not-found" });
-	return jsx(RecordRead, { ...props });
+	return jsx(RecordReadRoute, { ...props });
+}
+function RecordReadRoute(props) {
+	const recordId = useRouteRecordId(props.resource, props.id);
+	if (recordId === void 0) return jsx(InvalidRouteId, { resource: props.resource });
+	return jsx(RecordRead, {
+		...props,
+		recordId
+	});
 }
 function RecordRoute(props) {
 	const missingRuntime = useOptionalDataRuntime() === null;
@@ -1431,7 +1665,8 @@ function RecordPage(props) {
 	const app = useApp();
 	const match = useMatch();
 	const id = match === null ? null : match.id ?? "";
-	const { resource, action } = props;
+	const { action } = props;
+	const resource = props.resource === void 0 ? void 0 : routeResourceKey(props.resource);
 	const onRecordRoute = recordActionOf(match) !== void 0;
 	const problem = recordPageProblem({
 		props,
@@ -1561,10 +1796,24 @@ function NavAreaNotFound() {
 	});
 }
 const adapterNoticeGiven = new WeakSet();
+const chromeNoticeGiven = new WeakSet();
 function NavAreaPage() {
 	const match = useMatch();
 	const app = useApp();
 	const noAdapter = useOptionalRouterAdapter() === null;
+	const chromeMounted = useNavChromeMounted();
+	const resolveLayout = useLayoutResolver();
+	const chromeGroup = match?.groupChain.find((g) => resolveLayout(g.layout)) ?? null;
+	useEffect(() => {
+		if (process.env.NODE_ENV === "production") return;
+		if (chromeMounted || !chromeGroup || chromeNoticeGiven.has(app)) return;
+		chromeNoticeGiven.add(app);
+		console.error(`[burojs] <NavAreaPage> is inside the nav group "${canonicalNavKey(chromeGroup)}" whose layout "${chromeGroup.layout}" draws area chrome, and no <NavChrome> is mounted above it. <AppShell> mounts one by default; with your own frame, wrap your routes in <NavChrome>.`);
+	}, [
+		app,
+		chromeMounted,
+		chromeGroup
+	]);
 	useEffect(() => {
 		if (!noAdapter || process.env.NODE_ENV === "production") return;
 		if (adapterNoticeGiven.has(app)) return;
@@ -1573,10 +1822,10 @@ function NavAreaPage() {
 	}, [app, noAdapter]);
 	return jsx(Suspense, {
 		fallback: jsx(NavAreaPageSkeleton, {}),
-		children: match ? jsx(NavChrome, { children: jsx(ResourcePageRouter, { match }) }) : jsx(NavAreaNotFound, {})
+		children: match ? jsx(ResourcePageRouter, { match }) : jsx(NavAreaNotFound, {})
 	});
 }
 //#endregion
-export { useLayoutResolver as A, useNavChromeBoundary as C, usePageAllowed as D, useNavVisible as E, canonicalNavKey as M, canonicalResourceKey as N, layoutSlot as O, NavChromeBoundaryProvider as S, useMatch as T, useFormControl as _, recordErrorState as a, RecordState as b, readRecentRecords as c, recordTrailRoute as d, useTrailContext as f, RecordScreen as g, usePublishedRecordTrail as h, RecordPage as i, buildNavItems as j, useLayout as k, headerTrail as l, usePublishRecordTrail as m, NavAreaPage as n, useRecordVisit as o, recordTrailKey as p, ResourcePageRouter as r, RECENT_LABEL_KEYS as s, NavAreaNotFound as t, recordTrail as u, PlannedBody as v, useHref as w, NavChrome as x, ResourceListPage as y };
+export { TabsLayout as A, usePageAllowed as C, useLayout as D, layoutSlot as E, canonicalNavKey as M, canonicalResourceKey$1 as N, useLayoutResolver as O, useNavVisible as S, BUILTIN_LAYOUTS as T, PlannedBody as _, useRecordVisit as a, useHref as b, headerTrail as c, useTrailContext as d, recordTrailKey as f, useResourceDimensionOptions as g, RecordScreen as h, RecordPage as i, SecondarySidebarLayout as j, useReportUnresolvedLayouts as k, recordTrail as l, usePublishedRecordTrail as m, NavAreaPage as n, RECENT_LABEL_KEYS as o, usePublishRecordTrail as p, ResourcePageRouter as r, readRecentRecords as s, NavAreaNotFound as t, recordTrailRoute as u, ResourceListPage as v, useResourceVisible as w, useMatch as x, NavChromeMountedProvider as y };
 
-//# sourceMappingURL=resource-page-router-T4vS5gbJ.js.map
+//# sourceMappingURL=resource-page-router-Diw6S6TK.js.map