@burojs/ui-shadcn 0.9.0 → 0.10.0

package/dist/index.cjs

@@ -1,21 +1,22 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_use_theme = require("./use-theme-DFlpXils.cjs");
 const require_toaster = require("./toaster-BbByOytP.cjs");
-const require_check_confirm_dialog = require("./check-confirm-dialog-W-8WOmGh.cjs");
+const require_check_confirm_dialog = require("./check-confirm-dialog-BMSb7wFv.cjs");
 const require_button = require("./button-BxnnE28H.cjs");
 const require_input = require("./input-BI0czGyI.cjs");
 const require_dialog = require("./dialog-vmMdfUWs.cjs");
-const require_relation_create = require("./relation-create-_SFuPQGM.cjs");
+const require_relation_create = require("./relation-create-B8zngAcA.cjs");
 const require_skeleton = require("./skeleton-_1gP7wan.cjs");
-const require_place_node = require("./place-node-BZF5Af6x.cjs");
+const require_place_node = require("./place-node-C5ZmuHaN.cjs");
 const require_layout_theme_storage_key = require("./layout/theme-storage-key.cjs");
-const require_filter_builder = require("./filter-builder-DQX-TMFh.cjs");
-const require_resource_page_router = require("./resource-page-router-dmVIeu5s.cjs");
+const require_filter_builder = require("./filter-builder-Dt5E8PSX.cjs");
+const require_record_trail_store = require("./record-trail-store-Cjo9vtod.cjs");
 const require_label = require("./label-w6JYf2cF.cjs");
-const require_lazy_relation_picker_dialog = require("./lazy-relation-picker-dialog-C_VlGlDz.cjs");
-const require_use_record_subtitle = require("./use-record-subtitle-BJ9rnj6F.cjs");
-const require_relation_picker = require("./relation-picker-jk9D_uwn.cjs");
-const require_use_dialog_filter_state = require("./use-dialog-filter-state-lsTJxrB4.cjs");
+const require_lazy_relation_picker_dialog = require("./lazy-relation-picker-dialog-CeRzOAi0.cjs");
+const require_success_notices = require("./success-notices-Cl4b6MLQ.cjs");
+const require_use_record_subtitle = require("./use-record-subtitle-B4lTR7pf.cjs");
+const require_relation_picker = require("./relation-picker-DmwTzgsd.cjs");
+const require_use_dialog_filter_state = require("./use-dialog-filter-state-CpWblz3C.cjs");
 let _burojs_react_web = require("@burojs/react/web");
 let _burojs_core = require("@burojs/core");
 let _burojs_react = require("@burojs/react");
@@ -303,7 +304,7 @@ function DocBrowser({ className }) {
 			label,
 			summary: (0, _burojs_core.resolveDoc)(caps, entry.scope)?.summary,
 			nested: entry.kind === "variant",
-			group: entry.kind === "concept" ? glossaryLabel : entry.kind === "resource" ? areasLabel : void 0
+			group: entry.kind === "concept" ? glossaryLabel : entry.kind === "resource" || entry.kind === "base" ? areasLabel : void 0
 		};
 	}), [
 		app,
@@ -1724,6 +1725,231 @@ function useShellWaiting() {
 	return (0, _burojs_react.usePermissionsUndecided)();
 }
 //#endregion
+//#region src/layout/build-nav-items.ts
+function groupNavHref(registry, group, isVisible) {
+	let href;
+	try {
+		href = (0, _burojs_core.navHrefFor)(registry, group, { isVisible });
+	} catch {
+		return;
+	}
+	return (0, _burojs_core.matchPath)(registry, href, { isVisible }) === null ? void 0 : href;
+}
+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" ? require_record_trail_store.canonicalNavKey({
+		name: qualifiedMatch.target ?? qualifiedMatch.name,
+		ref: qualifiedMatch.targetRef
+	}) : require_record_trail_store.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 = (0, _burojs_core.nodeKind)(child);
+		const childKey = require_record_trail_store.canonicalNavKey(child);
+		if (kind === "group") {
+			const href = groupNavHref(registry, childKey, isEligible);
+			if (href === void 0) continue;
+			const label = (0, _burojs_core.resolveNavLabel)(caps, `groups.${childKey}`, (0, _burojs_core.declaredText)("chrome", child, "label"));
+			const active = chain.some((g) => require_record_trail_store.canonicalNavKey(g) === childKey);
+			out.push({
+				kind: "group",
+				name: childKey,
+				label,
+				href,
+				icon: icons?.group?.(childKey),
+				active
+			});
+			continue;
+		}
+		const href = (0, _burojs_core.navHrefFor)(registry, childKey, { isVisible: isEligible });
+		if (kind === "custom-page") out.push({
+			kind: "custom-page",
+			name: childKey,
+			label: (0, _burojs_core.resolveNavLabel)(caps, `pages.${childKey}`, (0, _burojs_core.declaredText)("chrome", child, "label")),
+			href,
+			icon: icons?.page?.(childKey),
+			active: activeLeaf === childKey
+		});
+		else out.push({
+			kind: "resource",
+			name: childKey,
+			label: (0, _burojs_core.resolveResourceNavLabel)(caps, childKey, child),
+			href,
+			icon: icons?.resource?.(childKey),
+			active: activeLeaf === childKey
+		});
+	}
+	return out;
+}
+//#endregion
+//#region src/layout/layouts/secondary-sidebar-layout.tsx
+function Row({ it }) {
+	const RouterLink = require_toaster.useLinkComponent();
+	return (0, react_jsx_runtime.jsx)("li", { children: (0, react_jsx_runtime.jsxs)(RouterLink, {
+		href: it.href,
+		"data-testid": `nav-secondary-item:${it.name}`,
+		"aria-current": it.active ? "page" : void 0,
+		className: require_use_theme.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 && (0, react_jsx_runtime.jsx)("span", {
+			className: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
+			"aria-hidden": "true",
+			children: it.icon
+		}), (0, react_jsx_runtime.jsx)("span", {
+			className: "truncate",
+			title: it.label,
+			children: it.label
+		})]
+	}) });
+}
+function SecondarySidebarLayout({ group, groupKey, items, children }) {
+	const RouterLink = require_toaster.useLinkComponent();
+	const caps = (0, _burojs_react.useI18nCaps)();
+	const id = groupKey ?? group.name;
+	const label = (0, _burojs_core.resolveNavLabel)(caps, `groups.${id}`, (0, _burojs_core.declaredText)("chrome", group, "label"));
+	return (0, react_jsx_runtime.jsxs)("div", {
+		className: "md:-m-6 md:flex md:min-h-[calc(100%+3rem)]",
+		"data-testid": `nav-secondary:${id}`,
+		children: [
+			(0, react_jsx_runtime.jsx)("aside", {
+				className: "hidden w-64 shrink-0 border-r bg-background text-foreground md:block",
+				children: (0, react_jsx_runtime.jsxs)("div", {
+					className: "space-y-4 p-4",
+					children: [(0, react_jsx_runtime.jsx)("p", {
+						className: "px-3 text-base font-semibold tracking-tight",
+						children: label
+					}), (0, react_jsx_runtime.jsx)("nav", {
+						"aria-label": label,
+						children: (0, react_jsx_runtime.jsx)("ul", {
+							className: "space-y-0.5",
+							children: items.map((it) => (0, react_jsx_runtime.jsx)(Row, { it }, it.name))
+						})
+					})]
+				})
+			}),
+			(0, react_jsx_runtime.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) => (0, react_jsx_runtime.jsx)(RouterLink, {
+					href: it.href,
+					"aria-current": it.active ? "page" : void 0,
+					className: require_use_theme.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))
+			}),
+			(0, react_jsx_runtime.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 = require_toaster.useLinkComponent();
+	const caps = (0, _burojs_react.useI18nCaps)();
+	const id = groupKey ?? group.name;
+	const label = (0, _burojs_core.resolveNavLabel)(caps, `groups.${id}`, (0, _burojs_core.declaredText)("chrome", group, "label"));
+	return (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-4",
+		"data-testid": `nav-tabs:${id}`,
+		children: [(0, react_jsx_runtime.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) => (0, react_jsx_runtime.jsxs)(RouterLink, {
+				href: it.href,
+				"aria-current": it.active ? "page" : void 0,
+				"data-testid": `nav-tab:${it.name}`,
+				className: require_use_theme.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 && (0, react_jsx_runtime.jsx)("span", {
+						className: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
+						"aria-hidden": "true",
+						children: it.icon
+					}),
+					it.label,
+					(0, react_jsx_runtime.jsx)("span", {
+						"aria-hidden": "true",
+						className: require_use_theme.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))
+		}), (0, react_jsx_runtime.jsx)("div", {
+			className: "min-w-0",
+			children
+		})]
+	});
+}
+//#endregion
+//#region src/layout/nav-slots.ts
+function layoutSlot(key) {
+	return `layout.${key}`;
+}
+function useLayout(key) {
+	return (0, _burojs_react.useComponent)(layoutSlot(key));
+}
+const BUILTIN_LAYOUTS = {
+	[layoutSlot("secondary-sidebar")]: SecondarySidebarLayout,
+	[layoutSlot("tabs")]: TabsLayout
+};
+function useLayoutResolver() {
+	const components = (0, react.useContext)(_burojs_react.ComponentsContext);
+	return (key) => components[layoutSlot(key)] ?? BUILTIN_LAYOUTS[layoutSlot(key)];
+}
+const unresolvedLayoutReported = new WeakMap();
+function useReportUnresolvedLayouts(groups, resolve) {
+	const app = (0, _burojs_react.useApp)();
+	(0, react.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 = require_record_trail_store.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
+function useNavVisible() {
+	const ctx = (0, _burojs_react.useVisibilityCtx)();
+	const allowed = usePageAllowed();
+	return (0, react.useCallback)((node) => (0, _burojs_core.evaluateVisible)(node.visible, ctx) && (!(0, _burojs_core.isCustomPageDef)(node) || allowed(node)), [ctx, allowed]);
+}
+function useResourceVisible() {
+	const ctx = (0, _burojs_react.useVisibilityCtx)();
+	return (0, react.useCallback)((def) => (0, _burojs_core.evaluateVisible)(def.visible, ctx), [ctx]);
+}
+function usePageAllowed() {
+	const permissions = (0, _burojs_react.usePermissions)();
+	return (0, react.useCallback)((page) => (0, _burojs_react.pageAccessFor)(page, permissions) === "allowed", [permissions]);
+}
+function useHref(name, opts) {
+	const app = (0, _burojs_react.useApp)();
+	const isVisible = useNavVisible();
+	return (0, _burojs_core.hrefFor)(app.registry, name, {
+		...opts,
+		isVisible
+	});
+}
+function useMatch() {
+	const app = (0, _burojs_react.useApp)();
+	const isVisible = useNavVisible();
+	const path = (0, _burojs_react.useOptionalRouterAdapter)()?.pathname;
+	return path === void 0 ? null : (0, _burojs_core.matchPath)(app.registry, path, { isVisible });
+}
+//#endregion
 //#region src/layout/use-nav-tree.ts
 function isActiveHref(href, currentPath) {
 	if (!currentPath) return false;
@@ -1737,18 +1963,18 @@ function useNavTree(opts = {}) {
 	const passesEntryFilter = (entry) => entryFilter ? entryFilter(entry) : true;
 	const app = (0, _burojs_react.useApp)();
 	const caps = (0, _burojs_react.useI18nCaps)();
-	const isResourceVisible = require_resource_page_router.useResourceVisible();
-	const resolveLayout = require_resource_page_router.useLayoutResolver();
-	const match = require_resource_page_router.useMatch();
-	const isVisible = require_resource_page_router.useNavVisible();
-	const pageAllowed = require_resource_page_router.usePageAllowed();
+	const isResourceVisible = useResourceVisible();
+	const resolveLayout = useLayoutResolver();
+	const match = useMatch();
+	const isVisible = useNavVisible();
+	const pageAllowed = usePageAllowed();
 	const isNavEligible = (node) => isVisible(node) && passesEntryFilter(node);
 	const allResources = app.registry.list();
 	const allCustomPages = app.registry.customPages.list();
 	const sections = app.registry.sections.list();
 	const groups = app.registry.groups.rootNodes().filter((n) => (0, _burojs_core.nodeKind)(n) === "group");
-	require_resource_page_router.useReportUnresolvedLayouts(app.registry.groups.list(), resolveLayout);
-	const topLevelResources = allResources.filter((r) => (0, _burojs_core.hasListPage)(r)).filter(isResourceVisible).filter(passesEntryFilter).filter((r) => !r.section && !r.group).map((r, idx) => ({
+	useReportUnresolvedLayouts(app.registry.groups.list(), resolveLayout);
+	const topLevelResources = allResources.filter((r) => (0, _burojs_core.hasMenuEntry)(r)).filter(isResourceVisible).filter(passesEntryFilter).filter((r) => !r.section && !r.group).map((r, idx) => ({
 		r,
 		idx
 	})).sort((a, b) => {
@@ -1757,16 +1983,16 @@ function useNavTree(opts = {}) {
 		return ao !== bo ? ao - bo : a.idx - b.idx;
 	}).map((x) => x.r);
 	const topLevelCustomPages = allCustomPages.filter((p) => !p.section && !p.group).filter(pageAllowed).filter(passesEntryFilter);
-	const resourceHref = (def) => (0, _burojs_core.hrefFor)(app.registry, require_resource_page_router.canonicalResourceKey(def));
-	const resourceLabel = (def) => (0, _burojs_core.resolveResourceNavLabel)(caps, require_resource_page_router.canonicalResourceKey(def), def);
-	const pageLabel = (page) => (0, _burojs_core.resolveNavLabel)(caps, `pages.${require_resource_page_router.canonicalNavKey(page)}`, (0, _burojs_core.declaredText)("chrome", page, "label"));
-	const sectionLabel = (section) => (0, _burojs_core.resolveNavLabel)(caps, `sections.${require_resource_page_router.canonicalNavKey(section)}`, (0, _burojs_core.declaredText)("chrome", section, "label"));
-	const groupLabel = (group) => (0, _burojs_core.resolveNavLabel)(caps, `groups.${require_resource_page_router.canonicalNavKey(group)}`, (0, _burojs_core.declaredText)("chrome", group, "label"));
+	const resourceHref = (def) => (0, _burojs_core.hrefFor)(app.registry, require_record_trail_store.canonicalResourceKey(def));
+	const resourceLabel = (def) => (0, _burojs_core.resolveResourceNavLabel)(caps, require_record_trail_store.canonicalResourceKey(def), def);
+	const pageLabel = (page) => (0, _burojs_core.resolveNavLabel)(caps, `pages.${require_record_trail_store.canonicalNavKey(page)}`, (0, _burojs_core.declaredText)("chrome", page, "label"));
+	const sectionLabel = (section) => (0, _burojs_core.resolveNavLabel)(caps, `sections.${require_record_trail_store.canonicalNavKey(section)}`, (0, _burojs_core.declaredText)("chrome", section, "label"));
+	const groupLabel = (group) => (0, _burojs_core.resolveNavLabel)(caps, `groups.${require_record_trail_store.canonicalNavKey(group)}`, (0, _burojs_core.declaredText)("chrome", group, "label"));
 	const pageEntry = (page) => {
 		const href = page.path;
 		return {
 			kind: "page",
-			key: require_resource_page_router.canonicalNavKey(page),
+			key: require_record_trail_store.canonicalNavKey(page),
 			label: pageLabel(page),
 			href,
 			icon: page.icon,
@@ -1777,7 +2003,7 @@ function useNavTree(opts = {}) {
 		const href = resourceHref(def);
 		return {
 			kind: "resource",
-			key: require_resource_page_router.canonicalResourceKey(def),
+			key: require_record_trail_store.canonicalResourceKey(def),
 			label: resourceLabel(def),
 			href,
 			icon: def.icon,
@@ -1785,7 +2011,7 @@ function useNavTree(opts = {}) {
 		};
 	};
 	const layoutOf = (group) => resolveLayout(group.layout) ? group.layout : group.collapsible ? "collapsible" : "flat";
-	const groupChildren = (groupKey) => require_resource_page_router.buildNavItems({
+	const groupChildren = (groupKey) => buildNavItems({
 		registry: app.registry,
 		caps,
 		groupName: groupKey,
@@ -1794,7 +2020,7 @@ function useNavTree(opts = {}) {
 		entryFilter
 	}).map(itemEntry);
 	const groupEntry = (group, label, href, active) => {
-		const key = require_resource_page_router.canonicalNavKey(group);
+		const key = require_record_trail_store.canonicalNavKey(group);
 		return {
 			kind: "group",
 			key,
@@ -1832,8 +2058,8 @@ function useNavTree(opts = {}) {
 		entries: topEntries
 	}];
 	for (const section of sections) {
-		const sectionKey = require_resource_page_router.canonicalNavKey(section);
-		const entries = app.registry.sections.childrenOf(sectionKey).filter((c) => !("parent" in c) || (0, _burojs_core.hasListPage)(c)).filter((c) => (0, _burojs_core.isCustomPageDef)(c) ? pageAllowed(c) : isResourceVisible(c)).filter(passesEntryFilter).map((c) => (0, _burojs_core.isCustomPageDef)(c) ? pageEntry(c) : resourceEntry(c));
+		const sectionKey = require_record_trail_store.canonicalNavKey(section);
+		const entries = app.registry.sections.childrenOf(sectionKey).filter((c) => !("parent" in c) || (0, _burojs_core.hasMenuEntry)(c)).filter((c) => (0, _burojs_core.isCustomPageDef)(c) ? pageAllowed(c) : isResourceVisible(c)).filter(passesEntryFilter).map((c) => (0, _burojs_core.isCustomPageDef)(c) ? pageEntry(c) : resourceEntry(c));
 		if (entries.length === 0) continue;
 		const active = entries.some((e) => e.active);
 		out.push({
@@ -1847,11 +2073,11 @@ function useNavTree(opts = {}) {
 		});
 	}
 	for (const group of groups) {
-		const groupKey = require_resource_page_router.canonicalNavKey(group);
+		const groupKey = require_record_trail_store.canonicalNavKey(group);
 		if (!isNavEligible(group)) continue;
 		const gLabel = groupLabel(group);
 		if (resolveLayout(group.layout)) {
-			const href = require_resource_page_router.groupNavHref(app.registry, groupKey, isNavEligible);
+			const href = groupNavHref(app.registry, groupKey, isNavEligible);
 			if (href === void 0) continue;
 			const entry = groupEntry(group, gLabel, href, isActiveHref(href, currentPath));
 			out.push({
@@ -2047,6 +2273,13 @@ function AppSidebar({ header, filters, nav, footer }) {
 	});
 }
 //#endregion
+//#region src/layout/nav-chrome-mounted.ts
+const NavChromeMountedContext = (0, react.createContext)(false);
+const NavChromeMountedProvider = NavChromeMountedContext.Provider;
+function useNavChromeMounted() {
+	return (0, react.useContext)(NavChromeMountedContext);
+}
+//#endregion
 //#region src/layout/nav-chrome.tsx
 const DETAIL_ACTIONS = new Set([
 	"show",
@@ -2056,11 +2289,11 @@ const DETAIL_ACTIONS = new Set([
 function NavChrome({ children, entryFilter, icons }) {
 	const app = (0, _burojs_react.useApp)();
 	const caps = (0, _burojs_react.useI18nCaps)();
-	const isVisible = require_resource_page_router.useNavVisible();
-	const match = require_resource_page_router.useMatch();
-	const resolveLayout = require_resource_page_router.useLayoutResolver();
-	require_resource_page_router.useReportUnresolvedLayouts(match?.groupChain ?? [], resolveLayout);
-	if (!match) return (0, react_jsx_runtime.jsx)(require_resource_page_router.NavChromeMountedProvider, {
+	const isVisible = useNavVisible();
+	const match = useMatch();
+	const resolveLayout = useLayoutResolver();
+	useReportUnresolvedLayouts(match?.groupChain ?? [], resolveLayout);
+	if (!match) return (0, react_jsx_runtime.jsx)(NavChromeMountedProvider, {
 		value: true,
 		children
 	});
@@ -2068,11 +2301,11 @@ function NavChrome({ children, entryFilter, icons }) {
 	for (let i = match.groupChain.length - 1; i >= 0; i--) {
 		const group = match.groupChain[i];
 		if (!group) continue;
-		const groupKey = require_resource_page_router.canonicalNavKey(group);
+		const groupKey = require_record_trail_store.canonicalNavKey(group);
 		if (group.chromeOn === "list" && match.kind === "resource" && DETAIL_ACTIONS.has(match.action)) continue;
 		const Layout = resolveLayout(group.layout);
 		if (!Layout) continue;
-		const items = require_resource_page_router.buildNavItems({
+		const items = buildNavItems({
 			registry: app.registry,
 			caps,
 			groupName: groupKey,
@@ -2088,12 +2321,1847 @@ function NavChrome({ children, entryFilter, icons }) {
 			children: content
 		});
 	}
-	return (0, react_jsx_runtime.jsx)(require_resource_page_router.NavChromeMountedProvider, {
+	return (0, react_jsx_runtime.jsx)(NavChromeMountedProvider, {
 		value: true,
 		children: content
 	});
 }
 //#endregion
+//#region src/flows/page-flow-loader.tsx
+function PageFlowRouteLoader({ match }) {
+	const t = (0, _burojs_react.useOptionalT)();
+	const chromeT = (0, _burojs_react.useChromeT)();
+	const loaded = require_check_confirm_dialog.useLoaded(require_check_confirm_dialog.loadPageFlowRoute);
+	const failed = (retry) => (0, react_jsx_runtime.jsxs)("div", {
+		role: "alert",
+		"data-buro-flow-load": "failed",
+		className: "flex flex-col gap-3 p-6 text-sm",
+		children: [(0, react_jsx_runtime.jsx)("p", { children: require_check_confirm_dialog.loadFailedText(t) }), (0, react_jsx_runtime.jsx)("div", { children: (0, react_jsx_runtime.jsx)(require_button.Button, {
+			type: "button",
+			onClick: retry,
+			children: chromeT("actions.retry", { defaultValue: "Retry" })
+		}) })]
+	});
+	if (loaded.error !== void 0) return failed(loaded.retry);
+	if (loaded.module === void 0) return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "loading" });
+	const Route = loaded.module.PageFlowRoute;
+	return (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.FlowBoundary, {
+		fallback: (_error, reset) => failed(reset),
+		children: (0, react_jsx_runtime.jsx)(Route, { match })
+	});
+}
+//#endregion
+//#region src/list-kit/resource-list-page.tsx
+function ResourceListPage({ resource: resourceInput, meta, renderCell, emptyState }) {
+	const resource = (0, _burojs_core.routeResourceKey)(resourceInput);
+	const app = (0, _burojs_react.useRouteListImplementation)();
+	const implementation = require_place_node.selectImplementation("buro:related-list", app);
+	const View = implementation === void 0 ? void 0 : require_place_node.viewOf(implementation);
+	const translate = (0, _burojs_react.useTranslate)();
+	const route = (0, react.useMemo)(() => ({
+		meta,
+		renderCell,
+		emptyState
+	}), [
+		meta,
+		renderCell,
+		emptyState
+	]);
+	const viewProps = (0, react.useMemo)(() => ({
+		props: { resource: (0, _burojs_core.normalizeEntityRef)(resource) },
+		data: {},
+		t: (key, options) => translate(`blocks.buro:related-list.${key}`, options)
+	}), [resource, translate]);
+	return (0, react_jsx_runtime.jsx)("div", {
+		"data-buro-node": "place",
+		"data-buro-size": "full",
+		className: "min-w-0",
+		children: (0, react_jsx_runtime.jsx)(require_place_node.RouteListContext.Provider, {
+			value: route,
+			children: (0, react_jsx_runtime.jsx)(react.Suspense, {
+				fallback: null,
+				children: View === void 0 ? null : (0, react_jsx_runtime.jsx)(View, { ...viewProps })
+			})
+		})
+	});
+}
+//#endregion
+//#region src/resource/collection-create-picker.tsx
+function CollectionCreatePicker({ collection }) {
+	const app = (0, _burojs_react.useApp)();
+	const t = (0, _burojs_react.useOptionalT)();
+	const caps = (0, _burojs_react.useI18nCaps)();
+	const gate = (0, _burojs_react.useAvailabilityGate)("create");
+	const Link = require_toaster.useLinkComponent();
+	const key = (0, _burojs_core.routeResourceKey)(collection);
+	const testid = `collection-create-picker:${key}`;
+	let undecided = false;
+	const members = ((0, _burojs_core.collectionFactOf)(app.registry.get(key))?.members ?? []).flatMap((entry) => {
+		const def = app.registry.get(entry.ref);
+		if (def === void 0 || !(0, _burojs_core.hasRecordPage)(def, "create")) return [];
+		const member = (0, _burojs_core.routeResourceKey)(entry.ref);
+		const state = gate(member, "create").state;
+		if (state === "undecided") undecided = true;
+		if (state !== "available") return [];
+		return [{
+			member,
+			href: (0, _burojs_core.resourceCreateHref)(app.registry, def, member),
+			label: (0, _burojs_core.resolveResourceLabel)(caps, member, "single", def)
+		}];
+	});
+	return (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": testid,
+		className: "mx-auto flex max-w-md flex-col gap-3 px-6 py-12",
+		children: [(0, react_jsx_runtime.jsx)("h2", {
+			className: "text-base font-semibold tracking-tight",
+			children: t("collection.createTitle", { defaultValue: "What do you want to create?" })
+		}), members.length > 0 ? (0, react_jsx_runtime.jsx)("ul", {
+			className: "flex flex-col gap-2",
+			children: members.map((entry) => (0, react_jsx_runtime.jsx)("li", { children: (0, react_jsx_runtime.jsx)(require_button.Button, {
+				asChild: true,
+				variant: "outline",
+				className: "w-full justify-start",
+				"data-testid": `${testid}:${entry.member}`,
+				children: (0, react_jsx_runtime.jsxs)(Link, {
+					href: entry.href,
+					children: [(0, react_jsx_runtime.jsx)(require_check_confirm_dialog.Icon, {
+						name: "Plus",
+						className: "mr-1 h-4 w-4"
+					}), entry.label]
+				})
+			}) }, entry.member))
+		}) : undecided ? (0, react_jsx_runtime.jsx)("div", {
+			role: "status",
+			"aria-busy": "true",
+			className: "h-9 w-full animate-pulse rounded bg-muted/40"
+		}) : (0, react_jsx_runtime.jsx)("p", {
+			className: "text-sm text-muted-foreground",
+			children: t("collection.createNone", { defaultValue: "There is nothing here you can create." })
+		})]
+	});
+}
+//#endregion
+//#region src/frames/obligations.tsx
+const SlotMountsContext = (0, react.createContext)(null);
+function useSlotOnce(slot) {
+	const mounts = (0, react.useContext)(SlotMountsContext);
+	const token = (0, react.useId)();
+	const first = mounts === null || mounts.claim(slot, token);
+	(0, react.useEffect)(() => {
+		if (mounts === null) return;
+		mounts.claim(slot, token);
+		return () => mounts.release(slot, token);
+	}, [
+		mounts,
+		slot,
+		token
+	]);
+	(0, react.useEffect)(() => {
+		if (!first) mounts?.twice(slot);
+	}, [
+		first,
+		mounts,
+		slot
+	]);
+	return first;
+}
+function FrameObligations({ id, mode, showActions, root, children }) {
+	const told = (0, react.useRef)(new Set());
+	const counts = (0, react.useRef)(new Map());
+	const owners = (0, react.useRef)(new Map());
+	const tell = (key, write) => {
+		if (told.current.has(key) || process.env.NODE_ENV === "production") return;
+		told.current.add(key);
+		write();
+	};
+	const latestId = (0, react.useRef)(id);
+	latestId.current = id;
+	const slotMounts = (0, react.useMemo)(() => ({
+		claim(slot, token) {
+			const owner = owners.current.get(slot);
+			if (owner === void 0) {
+				owners.current.set(slot, token);
+				return true;
+			}
+			return owner === token;
+		},
+		release(slot, token) {
+			if (owners.current.get(slot) === token) owners.current.delete(slot);
+		},
+		twice(slot) {
+			tell(`slot-twice:${slot}`, () => console.error(`[burojs] frame.slot-twice: ${latestId.current} renders slots.${slot} twice; a slot renders at most once (body twice would mount every field twice under one form).`));
+		}
+	}), []);
+	const pieces = (0, react.useMemo)(() => ({
+		stub: false,
+		mount(piece) {
+			counts.current.set(piece, (counts.current.get(piece) ?? 0) + 1);
+			return () => counts.current.set(piece, (counts.current.get(piece) ?? 1) - 1);
+		}
+	}), []);
+	return (0, react_jsx_runtime.jsx)(SlotMountsContext.Provider, {
+		value: slotMounts,
+		children: (0, react_jsx_runtime.jsxs)(_burojs_react.FrameCheckContext.Provider, {
+			value: pieces,
+			children: [children, (0, react_jsx_runtime.jsx)(ObligationCheck, { check: () => {
+				const mounted = (piece) => (counts.current.get(piece) ?? 0) > 0;
+				if (mode !== "show" && !mounted("FormActions")) tell("no-form-actions", () => console.error(`[burojs] frame.no-form-actions: ${id} renders no <FormActions/> in ${mode}; nothing can submit or cancel the form.`));
+				if (mode === "show" && showActions && !mounted("RecordActions")) tell("no-actions", () => console.warn(`[burojs] screen.no-actions: ${id} renders no <RecordActions/> in show, and the resource has item actions there.`));
+				if (root.current?.querySelector("h1") != null) tell("h1", () => console.error(`[burojs] ${id} renders an h1; the route draws the screen's one h1.`));
+			} })]
+		})
+	});
+}
+function ObligationCheck({ check }) {
+	(0, react.useEffect)(() => {
+		check();
+	});
+	return null;
+}
+//#endregion
+//#region src/frames/slot-wrapper.tsx
+function DraftBanner() {
+	const { resource, mode, controller } = (0, _burojs_react.useRecordFrame)();
+	const t = (0, _burojs_react.useOptionalT)();
+	const tid = (0, _burojs_react.useTestIds)();
+	const { draft } = controller;
+	if (mode === "show" || draft.pending === null) return null;
+	return (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": tid.formDraftBanner(resource, mode),
+		role: "status",
+		"aria-live": "polite",
+		className: "flex flex-wrap items-center gap-2 rounded-md border border-warning/50 bg-warning/10 px-3 py-2 text-sm",
+		children: [
+			(0, react_jsx_runtime.jsx)("span", {
+				className: "font-medium",
+				children: draft.recordChanged ? t("draft.recordChanged") : t("draft.found", { params: { time: timeAgo(draft.pending.savedAt, t) } })
+			}),
+			draft.recordChanged ? null : (0, react_jsx_runtime.jsx)("span", {
+				className: "text-muted-foreground",
+				children: t("draft.restorePrompt")
+			}),
+			(0, react_jsx_runtime.jsxs)("div", {
+				className: "ml-auto flex gap-2",
+				children: [draft.recordChanged ? null : (0, react_jsx_runtime.jsx)(require_button.Button, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					"data-testid": tid.formDraftRestore(resource, mode),
+					onClick: draft.restore,
+					children: t("draft.restore")
+				}), (0, react_jsx_runtime.jsx)(require_button.Button, {
+					type: "button",
+					size: "sm",
+					variant: "ghost",
+					"data-testid": tid.formDraftDiscard(resource, mode),
+					onClick: draft.discard,
+					children: t("draft.discard")
+				})]
+			})
+		]
+	});
+}
+function timeAgo(savedAt, t) {
+	const then = new Date(savedAt).getTime();
+	if (!Number.isFinite(then)) return t("draft.timeAgoRecently");
+	const diff = Date.now() - then;
+	if (diff < 6e4) return t("draft.timeAgoMoment");
+	if (diff < 36e5) return t("draft.timeAgoMinutes", { count: Math.round(diff / 6e4) });
+	if (diff < 864e5) return t("draft.timeAgoHours", { count: Math.round(diff / 36e5) });
+	return t("draft.timeAgoDays", { count: Math.round(diff / 864e5) });
+}
+function frameRecordId(frame, def) {
+	if (frame.recordId !== void 0) return frame.recordId;
+	const id = (0, _burojs_react.recordKeyOf)(def, frame.record);
+	return typeof id === "string" || typeof id === "number" ? String(id) : void 0;
+}
+function BodySlot() {
+	const frame = (0, _burojs_react.useRecordFrame)();
+	const { resource, mode, controller } = frame;
+	const chrome = require_place_node.useFrameChrome();
+	const tid = (0, _burojs_react.useTestIds)();
+	const id = frameRecordId(frame, (0, _burojs_react.useApp)().registry.get(resource));
+	const tree = (0, react_jsx_runtime.jsx)("div", {
+		"data-buro-region": "record-body",
+		"data-buro-slot": _burojs_core.FORM_SLOT,
+		children: (0, react_jsx_runtime.jsx)(require_place_node.ScreenTree, {
+			region: "record",
+			slot: _burojs_core.FORM_SLOT,
+			resource,
+			mode,
+			compiled: controller.screen,
+			controller
+		})
+	});
+	if (mode === "show") return tree;
+	return (0, react_jsx_runtime.jsxs)("form", {
+		id: chrome.formId,
+		noValidate: true,
+		"data-testid": tid.form(resource, mode, id),
+		onSubmit: (event) => {
+			event.preventDefault();
+			const steps = controller.steps;
+			if (steps !== null && steps.current !== void 0 && steps.current !== steps.ids[steps.ids.length - 1]) steps.next();
+			else chrome.submit();
+		},
+		className: "flex flex-col gap-4",
+		children: [(0, react_jsx_runtime.jsx)(DraftBanner, {}), tree]
+	});
+}
+function DisplaySlot({ name }) {
+	const { resource, mode, controller } = (0, _burojs_react.useRecordFrame)();
+	return (0, react_jsx_runtime.jsx)(require_place_node.ScreenTree, {
+		region: "record",
+		slot: name,
+		resource,
+		mode,
+		compiled: controller.screen,
+		controller
+	});
+}
+function SlotWrapper({ name }) {
+	if (!useSlotOnce(name)) return null;
+	return name === _burojs_core.FORM_SLOT ? (0, react_jsx_runtime.jsx)(BodySlot, {}) : (0, react_jsx_runtime.jsx)(DisplaySlot, { name });
+}
+//#endregion
+//#region src/frames/record-frame-host.tsx
+const NO_ROOT = { current: null };
+function drawnFields(roots, compiled, out) {
+	for (const node of roots) {
+		if (node.state === "absent") continue;
+		const field = node.field ?? compiled.nodes[node.index]?.field;
+		if (node.kind === "field" && field !== void 0 && node.state === "ready") out.add(field);
+		drawnFields(node.children, compiled, out);
+	}
+}
+function frameRecord(record, compiled, slots, idField, visible = () => true) {
+	if (record === void 0 || compiled === null || slots === void 0) return void 0;
+	const drawn = new Set();
+	for (const roots of Object.values(slots)) drawnFields(roots, compiled, drawn);
+	const declarations = new Map(compiled.fields.map((entry) => [entry.name, entry.declaration]));
+	const out = {};
+	if (Object.hasOwn(record, idField)) out[idField] = record[idField];
+	for (const name of drawn) {
+		if (!Object.hasOwn(record, name) || !visible(name)) continue;
+		if ((0, _burojs_core.fieldSensitivity)(declarations.get(name)) !== void 0) continue;
+		out[name] = record[name];
+	}
+	return Object.freeze(out);
+}
+function declaredSlots(compiled) {
+	if (compiled === null) return [];
+	return Object.entries(compiled.slots).filter(([, nodes]) => nodes.length > 0).map(([name]) => name);
+}
+function useEffectiveFrame(instance) {
+	const { resource, mode, controller } = (0, _burojs_react.useRecordFrame)();
+	const compiled = controller.screen;
+	const missing = (0, react.useMemo)(() => {
+		if (instance === void 0 || instance.for !== "record") return void 0;
+		const own = new Set(Object.keys(instance.slots));
+		return declaredSlots(compiled).find((slot) => !own.has(slot));
+	}, [instance, compiled]);
+	const told = (0, react.useRef)(false);
+	const instanceId = instance === void 0 ? void 0 : (0, _burojs_core.formatEntityRef)(instance.ref);
+	(0, react.useEffect)(() => {
+		if (missing === void 0 || told.current || process.env.NODE_ENV === "production") return;
+		told.current = true;
+		console.error(`[burojs] <RecordScreen frame={${instanceId}}> lacks the slot ${missing} that ${resource}'s ${mode} screen fills; the screen's own frame draws it.`);
+	}, [
+		missing,
+		instanceId,
+		resource,
+		mode
+	]);
+	if (instance !== void 0 && instance.for === "record" && missing === void 0 && compiled !== null) return {
+		ref: instance.ref,
+		slotNames: Object.keys(instance.slots)
+	};
+	return {
+		ref: compiled?.frame ?? _burojs_core.builtinFrames.record.ref,
+		slotNames: compiled === null ? ["header", _burojs_core.FORM_SLOT] : Object.keys(compiled.slots)
+	};
+}
+function RecordFrameView({ frame: instance }) {
+	const { resource, mode, controller, record } = (0, _burojs_react.useRecordFrame)();
+	const chrome = require_place_node.useFrameChrome();
+	const quick = (0, _burojs_react.useQuickEntry)();
+	const app = (0, _burojs_react.useApp)();
+	const catalog = (0, _burojs_react.useFrameImplementations)();
+	const { ref, slotNames } = useEffectiveFrame(instance);
+	const id = (0, _burojs_core.formatEntityRef)(ref);
+	const resolved = (0, react.useMemo)(() => require_place_node.resolveFrameView(ref, catalog, "record"), [ref, catalog]);
+	const t = (0, _burojs_react.useFrameT)(id);
+	const compiled = controller.screen;
+	const plan = controller.plan;
+	const slots = {};
+	for (const name of slotNames) {
+		if (name === _burojs_core.FORM_SLOT) {
+			slots[name] = (0, react_jsx_runtime.jsx)(SlotWrapper, { name }, name);
+			continue;
+		}
+		slots[name] = (plan?.slots[name] ?? []).every((node) => node.state === "absent") ? null : (0, react_jsx_runtime.jsx)(SlotWrapper, { name }, name);
+	}
+	slots[_burojs_core.FORM_SLOT] ??= (0, react_jsx_runtime.jsx)(SlotWrapper, { name: _burojs_core.FORM_SLOT });
+	const idField = app.registry.get(resource)?.data?.idField ?? "id";
+	const access = (0, _burojs_react.useFieldAccess)(resource, "record", record === void 0 ? void 0 : (0, _burojs_react.policyRecordOf)(controller, record));
+	const projected = (0, react.useMemo)(() => frameRecord(record, compiled, plan?.slots, idField, (name) => access[name]?.view === "visible"), [
+		record,
+		compiled,
+		plan,
+		idField,
+		access
+	]);
+	const quickHost = chrome.hostTitle === true && quick !== null;
+	const props = {
+		slots,
+		host: quickHost ? quick.host : "page",
+		mode,
+		screen: {
+			resource,
+			entry: quickHost ? "quick" : "route"
+		},
+		record: mode === "create" ? void 0 : projected,
+		t
+	};
+	const policyRecord = (0, _burojs_react.policyRecordOf)(controller, record);
+	const rowId = record?.[idField];
+	const actionRow = (0, react.useMemo)(() => ({
+		...policyRecord ?? {},
+		id: typeof rowId === "string" || typeof rowId === "number" ? String(rowId) : ""
+	}), [policyRecord, rowId]);
+	const showItemActions = require_place_node.useShownItemActions(resource, actionRow, "show", void 0, controller.sources);
+	const showActions = mode === "show" && record !== void 0 && showItemActions.length > 0;
+	const View = resolved.view;
+	const builtin = require_place_node.isBuiltinRecordView(resolved);
+	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [builtin ? null : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(require_place_node.HeaderTypeNotice, { resource }), (0, react_jsx_runtime.jsx)(require_place_node.ChangeTypeButton, {})] }), (0, react_jsx_runtime.jsx)(require_place_node.TypeChromeDrawnContext.Provider, {
+		value: !builtin,
+		children: (0, react_jsx_runtime.jsx)(react.Suspense, {
+			fallback: (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "loading" }),
+			children: (0, react_jsx_runtime.jsx)(FrameObligations, {
+				id,
+				mode,
+				showActions,
+				root: chrome.root ?? NO_ROOT,
+				children: (0, react_jsx_runtime.jsx)(View, { ...props })
+			})
+		})
+	})] });
+}
+function useResourceDimensionOptions(dimension, resource, labelField) {
+	const def = (0, _burojs_react.useApp)().registry.get(resource);
+	const rowTitle = require_relation_create.useRowTitle(resource, labelField ?? def?.displayField);
+	const rows = (0, _burojs_react.useList)(resource, {
+		pagination: {
+			kind: "offset",
+			page: 1,
+			pageSize: 100
+		},
+		total: false,
+		scope: {
+			default: "session",
+			dimensions: { [dimension]: "none" }
+		}
+	}).data?.data;
+	return (0, react.useMemo)(() => (rows ?? []).flatMap((row) => {
+		const key = (0, _burojs_react.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 = (0, _burojs_react.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 (0, react_jsx_runtime.jsx)(Banner, {
+		...props,
+		record: props.record,
+		mapping
+	});
+}
+function Banner({ record, mapping, kind = "record" }) {
+	const scope = (0, _burojs_react.useScope)();
+	const chromeT = (0, _burojs_react.useChromeT)();
+	const differences = (0, react.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 = (0, _burojs_core.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 (0, react_jsx_runtime.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: [(0, react_jsx_runtime.jsxs)("div", {
+			className: "space-y-1",
+			children: [(0, react_jsx_runtime.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" })
+			}), (0, react_jsx_runtime.jsx)("ul", {
+				className: "text-muted-foreground",
+				children: differences.map((difference) => (0, react_jsx_runtime.jsx)(DifferenceLine, {
+					difference,
+					definition: scope.definition.dimensions[difference.dimension]
+				}, difference.dimension))
+			})]
+		}), (0, react_jsx_runtime.jsx)(require_button.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 (0, react_jsx_runtime.jsx)(ResourceLine, {
+			...props,
+			resource,
+			...label ? { labelField: label } : {}
+		});
+	}
+	return (0, react_jsx_runtime.jsx)(LineText, {
+		difference: props.difference,
+		options: source ?? []
+	});
+}
+function ResourceLine({ difference, resource, labelField }) {
+	const options = useResourceDimensionOptions(difference.dimension, resource, labelField);
+	return (0, react_jsx_runtime.jsx)(LineText, {
+		difference,
+		options
+	});
+}
+function LineText({ difference, options }) {
+	const chromeT = (0, _burojs_react.useChromeT)();
+	const labelOf = (value) => options.find((option) => String(option.value) === String(value))?.label ?? String(value);
+	const field = (0, _burojs_core.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 (0, react_jsx_runtime.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 }) {
+	const app = (0, _burojs_react.useApp)();
+	const t = (0, _burojs_react.useOptionalT)();
+	const tid = (0, _burojs_react.useTestIds)();
+	const def = app.registry.get(resource);
+	const by = def?.types?.by;
+	const field = by === void 0 ? void 0 : def?.fields[by];
+	const ref = def?.ref ?? {
+		namespace: "default",
+		id: resource
+	};
+	return (0, react_jsx_runtime.jsxs)("section", {
+		"aria-labelledby": "type-offer-title",
+		className: "flex flex-col gap-3",
+		children: [(0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-1",
+			children: [(0, react_jsx_runtime.jsx)("h2", {
+				id: "type-offer-title",
+				className: "text-base font-semibold",
+				children: t("create.typeOffer.title", { defaultValue: "Choose a type" })
+			}), (0, react_jsx_runtime.jsx)("p", {
+				className: "text-sm text-muted-foreground",
+				children: t("create.typeOffer.hint", { defaultValue: "The type decides which fields the record has." })
+			})]
+		}), offer.status === "pending" ? (0, react_jsx_runtime.jsxs)("div", {
+			"aria-busy": "true",
+			className: "flex flex-col gap-2",
+			children: [(0, react_jsx_runtime.jsx)(require_skeleton.Skeleton, { className: "h-10 w-full" }), (0, react_jsx_runtime.jsx)(require_skeleton.Skeleton, { className: "h-10 w-full" })]
+		}) : offer.types.length === 0 ? (0, react_jsx_runtime.jsx)("p", {
+			role: "status",
+			className: "text-sm text-muted-foreground",
+			children: t("create.typeOffer.empty", { defaultValue: "No type can be created here." })
+		}) : (0, react_jsx_runtime.jsx)("ul", {
+			className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+			children: offer.types.map((type) => (0, react_jsx_runtime.jsx)("li", { children: (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				"data-testid": tid.typeOffer(resource, type),
+				onClick: () => onChoose(type),
+				className: "flex w-full items-center gap-2 rounded-md border px-3 py-2 text-left text-sm hover:bg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+				children: by === void 0 || field === void 0 ? type : (0, react_jsx_runtime.jsx)(require_place_node.FieldDisplay, {
+					resource: ref,
+					name: by,
+					field,
+					value: type,
+					fallback: (0, react_jsx_runtime.jsx)("span", { children: type })
+				})
+			}) }, type))
+		})]
+	});
+}
+//#endregion
+//#region src/record/record-screen.tsx
+function isAbort(error) {
+	if (error === null || typeof error !== "object" && typeof error !== "function") return false;
+	try {
+		return error.name === "AbortError";
+	} catch {
+		return false;
+	}
+}
+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;
+	}
+}
+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] = (0, react.useState)(NO_ISSUES);
+	const named = (0, react.useMemo)(() => failed.length === 0 ? NO_ISSUES : (0, _burojs_core.routeServerIssues)({ issues: failed }, (segment) => segment, (field) => field !== "_form").fields, [failed]);
+	const atFailure = (0, react.useRef)({});
+	const [edited, setEdited] = (0, react.useState)(NO_EDITED);
+	const controller = (0, _burojs_react.useFormController)({
+		resource,
+		mode,
+		...props.recordId === void 0 ? {} : { recordId: props.recordId },
+		...props.type === void 0 ? {} : { type: props.type },
+		...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" } : {},
+		serverIssues: named
+	});
+	const inputApplied = (0, react.useRef)(false);
+	const { input } = props;
+	const plan = controller.plan;
+	(0, react.useEffect)(() => {
+		if (inputApplied.current || input === void 0 || mode !== "create" || plan === null) return;
+		inputApplied.current = true;
+		for (const [key, value] of Object.entries(input)) if (plan.fields[key] === "active") controller.setValue(key, value);
+	}, [
+		input,
+		mode,
+		plan,
+		controller
+	]);
+	const tid = (0, _burojs_react.useTestIds)();
+	const formId = `record-form-${(0, react.useId)()}`;
+	const root = (0, react.useRef)(null);
+	const [submitError, setSubmitError] = (0, react.useState)(void 0);
+	const [submitApplied, setSubmitApplied] = (0, react.useState)(void 0);
+	(0, react.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 = require_success_notices.useNoticeSink(resource);
+	const routeScreen = require_place_node.useIsRouteScreen();
+	const leavesOnCreate = mode === "create" && routeScreen;
+	const [created, setCreated] = (0, react.useState)(false);
+	const createdRef = (0, react.useRef)(false);
+	const latest = (0, react.useRef)({
+		controller,
+		onSuccess: props.onSuccess,
+		notify,
+		leavesOnCreate
+	});
+	latest.current = {
+		controller,
+		onSuccess: props.onSuccess,
+		notify,
+		leavesOnCreate
+	};
+	const mounted = (0, react.useRef)(true);
+	(0, react.useEffect)(() => {
+		mounted.current = true;
+		return () => {
+			mounted.current = false;
+		};
+	}, []);
+	const submit = (0, react.useCallback)(async () => {
+		if (createdRef.current) return;
+		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 (latest.current.leavesOnCreate && (outcome.status === "submitted" || outcome.status === "failed" && outcome.applied === "yes")) {
+			createdRef.current = true;
+			setCreated(true);
+		}
+		if (outcome.status === "submitted") {
+			const notices = (0, _burojs_core.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 = (0, _burojs_core.normalizeIssueInputs)(issuesOf(outcome.error)).issues;
+			const next = issues.length === 0 ? NO_ISSUES : Object.freeze(issues.map(_burojs_core.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 = (0, react.useMemo)(() => ({
+		resource,
+		recordId: recordText,
+		mode,
+		record,
+		controller
+	}), [
+		resource,
+		recordText,
+		mode,
+		record,
+		controller
+	]);
+	const { chooseType } = props;
+	const typedAndAccepted = mode === "create" && controller.typeOffer !== null && controller.failure === null;
+	const adapter = (0, _burojs_react.useOptionalRouterAdapter)();
+	const hostRouter = routeScreen ? adapter : null;
+	const guardText = (0, _burojs_react.useNavigationGuardText)();
+	const changeType = (0, react.useMemo)(() => typedAndAccepted ? () => {
+		if (hostRouter === null && latest.current.controller.isDirty && !window.confirm(`${guardText.title}\n\n${guardText.body}`)) return;
+		chooseType(void 0);
+	} : void 0, [
+		typedAndAccepted,
+		chooseType,
+		hostRouter,
+		guardText.title,
+		guardText.body
+	]);
+	const app = (0, _burojs_react.useApp)();
+	const typesDecl = app.registry.get(resource)?.types;
+	const loaded = controller.record;
+	const unsupportedType = (0, react.useMemo)(() => {
+		if (mode === "create" || typesDecl === void 0 || loaded === void 0) return void 0;
+		const value = loaded[typesDecl.by];
+		const name = typeof value === "string" && value !== "" ? value : null;
+		return name !== null && typesDecl.items.some((item) => item.name === name) ? void 0 : name;
+	}, [
+		mode,
+		typesDecl,
+		loaded
+	]);
+	const shownFailed = (0, react.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 = (0, react.useMemo)(() => ({
+		...props.onCancel === void 0 ? {} : { onCancel: props.onCancel },
+		...props.submitLabel === void 0 ? {} : { submitLabel: props.submitLabel },
+		...props.extraActions === void 0 ? {} : { extraActions: props.extraActions },
+		...changeType === void 0 ? {} : { changeType },
+		...unsupportedType === void 0 ? {} : { unsupportedType },
+		...props.hostTitle ? { hostTitle: true } : {},
+		formId,
+		submitError,
+		...submitApplied === void 0 ? {} : { submitApplied },
+		serverIssues: shownFailed,
+		...created ? { created: true } : {},
+		submit,
+		root
+	}), [
+		props.onCancel,
+		props.submitLabel,
+		props.extraActions,
+		changeType,
+		unsupportedType,
+		props.hostTitle,
+		formId,
+		submitError,
+		submitApplied,
+		shownFailed,
+		created,
+		submit
+	]);
+	(0, _burojs_react.usePublishDocVariant)(mode === "show" ? resource : void 0, record);
+	const failure = controller.failure;
+	const offering = failure?.kind === "type-required" && controller.typeOffer !== null;
+	(0, react.useEffect)(() => {
+		if (failure === null || offering || process.env.NODE_ENV === "production") return;
+		console.error(`[burojs] <RecordScreen resource="${resource}" mode="${mode}"> cannot render its screen: ${failure.kind === "screen" ? `${failure.failure.code} at ${failure.failure.path.join(".")}: ${failure.failure.message}` : "a typed create needs an accepted type"}.`);
+	}, [
+		failure,
+		offering,
+		resource,
+		mode
+	]);
+	const formControl = require_place_node.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);
+	const claimedRoute = (0, react.useContext)(_burojs_react.RouteSourceContext);
+	const scopeValues = mode === "show" ? controller.record : controller.values;
+	return (0, react_jsx_runtime.jsx)(_burojs_react.RecordScopeProvider, {
+		resource,
+		...recordText === void 0 ? {} : { recordId: recordText },
+		values: scopeValues,
+		create: mode === "create",
+		children: (0, react_jsx_runtime.jsx)(_burojs_react.RouteSourceContext.Provider, {
+			value: null,
+			children: (0, react_jsx_runtime.jsx)(_burojs_react.ActionRouteContext.Provider, {
+				value: claimedRoute,
+				children: (0, react_jsx_runtime.jsx)(_burojs_react.RecordFrameContext.Provider, {
+					value: frame,
+					children: (0, react_jsx_runtime.jsx)(require_place_node.FrameChromeContext.Provider, {
+						value: chrome,
+						children: (0, react_jsx_runtime.jsxs)(require_place_node.FormControlProvider, {
+							value: formControl,
+							children: [(0, react_jsx_runtime.jsx)(require_place_node.DeepLinkScope, {
+								plan: controller.plan,
+								enabled: routeScreen && mode !== "create",
+								children: (0, react_jsx_runtime.jsx)("div", {
+									ref: root,
+									"data-testid": rootId,
+									className: "flex flex-col gap-[var(--buro-section-gap)]",
+									children: offering && controller.typeOffer !== null ? (0, react_jsx_runtime.jsx)(TypeOffer, {
+										resource,
+										offer: controller.typeOffer,
+										onChoose: (type) => chooseType(type)
+									}) : failure !== null ? (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "error" }), (0, react_jsx_runtime.jsx)(require_place_node.FormActions, {})] }) : mode === "edit" && unsupportedType !== void 0 ? (0, react_jsx_runtime.jsx)(require_place_node.UndeclaredTypeNotice, {
+										resource,
+										typeValue: unsupportedType
+									}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(ScopeMismatchBanner, {
+										resource,
+										record: mode === "create" ? controller.trustedSeeds : controller.record,
+										kind: mode === "create" ? "created" : "record"
+									}), (0, react_jsx_runtime.jsx)(RecordFrameView, { ...props.frame === void 0 ? {} : { frame: props.frame } })] })
+								})
+							}), controller.checkGate === null ? null : (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.CheckConfirmDialog, {
+								state: controller.checkGate,
+								testid: `${tid.form(resource, mode, id)}:checks`
+							})]
+						})
+					})
+				})
+			})
+		})
+	});
+}
+function RecordScreen(props) {
+	const app = (0, _burojs_react.useApp)();
+	const routeScreen = (0, react.useContext)(require_place_node.RouteScreenClaimContext);
+	const quickScreen = (0, react.useContext)(require_place_node.QuickScreenClaimContext);
+	const route = (0, react.useContext)(_burojs_react.RouteSourceContext);
+	const resourceInput = props.resource;
+	const resource = (0, _burojs_core.resourceKey)(resourceInput);
+	const tabs = require_place_node.useTabsUrlState(props.mode, routeScreen);
+	const adapter = (0, _burojs_react.useOptionalRouterAdapter)();
+	const router = routeScreen ? adapter : null;
+	const navigate = (0, _burojs_react.useRouteNavigate)();
+	const [local, setLocal] = (0, react.useState)(props.type);
+	const [typeProp, setTypeProp] = (0, react.useState)(props.type);
+	if (props.type !== typeProp) {
+		setTypeProp(props.type);
+		setLocal(props.type);
+	}
+	const [chose, setChose] = (0, react.useState)(false);
+	const fromUrl = router?.searchParams.get("type") ?? void 0;
+	const type = props.mode !== "create" ? props.type : router === null ? local : chose ? fromUrl : props.type ?? fromUrl;
+	const chooseType = (0, react.useCallback)((next) => {
+		if (router === null) {
+			setLocal(next);
+			return;
+		}
+		setChose(true);
+		const params = new URLSearchParams(router.searchParams);
+		if (next === void 0) params.delete("type");
+		else params.set("type", next);
+		const query = params.toString();
+		navigate(query === "" ? router.pathname : `${router.pathname}?${query}`);
+	}, [router, navigate]);
+	if (app.registry.get(resource) === void 0) return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "not-found" });
+	const { type: _declared, ...rest } = props;
+	return (0, react_jsx_runtime.jsx)(require_place_node.RouteScreenClaimContext.Provider, {
+		value: false,
+		children: (0, react_jsx_runtime.jsx)(require_place_node.QuickScreenClaimContext.Provider, {
+			value: false,
+			children: (0, react_jsx_runtime.jsx)(_burojs_react.RouteSourceContext.Provider, {
+				value: routeScreen || quickScreen ? route : null,
+				children: (0, react_jsx_runtime.jsx)(require_place_node.RouteScreenContext.Provider, {
+					value: routeScreen,
+					children: (0, react_jsx_runtime.jsx)(_burojs_react.ResourceContext.Provider, {
+						value: { resource },
+						children: (0, react_jsx_runtime.jsx)(_burojs_react.ScreenStateProvider, {
+							open: tabs.open,
+							onOpenChange: tabs.onOpenChange,
+							children: (0, react_jsx_runtime.jsx)(RecordFrameHost, {
+								...rest,
+								...type === void 0 ? {} : { type },
+								resource,
+								chooseType,
+								hostTitle: quickScreen
+							}, type ?? "")
+						})
+					})
+				})
+			})
+		})
+	});
+}
+//#endregion
+//#region src/layout/record-targets.ts
+function isShowAvailable(registry, resource) {
+	return (0, _burojs_react.recordRouteAvailable)(registry, resource, "show");
+}
+function showTarget(resource, id) {
+	return {
+		resource,
+		action: "show",
+		params: { id }
+	};
+}
+function listTarget(resource) {
+	return {
+		resource,
+		action: "list"
+	};
+}
+//#endregion
+//#region src/layout/route-trail.ts
+function useTrailContext() {
+	const app = (0, _burojs_react.useApp)();
+	const caps = (0, _burojs_react.useI18nCaps)();
+	const isVisible = useNavVisible();
+	const t = (0, _burojs_react.useT)();
+	return {
+		registry: app.registry,
+		caps,
+		isVisible,
+		t
+	};
+}
+function groupCrumbs(ctx, chain) {
+	return chain.map((group) => {
+		const key = require_record_trail_store.canonicalNavKey(group);
+		return {
+			label: (0, _burojs_core.resolveNavLabel)(ctx.caps, `groups.${key}`, (0, _burojs_core.declaredText)("chrome", group, "label")),
+			href: groupNavHref(ctx.registry, key, ctx.isVisible),
+			jump: true
+		};
+	});
+}
+function nonEmpty(crumbs) {
+	return crumbs.length > 0 ? crumbs : void 0;
+}
+function recordActionOf(match) {
+	if (match === null || match.kind !== "resource") return void 0;
+	switch (match.action) {
+		case "show":
+		case "edit":
+		case "create": return match.action;
+		default: return;
+	}
+}
+function pathOf(href) {
+	const path = href.split(/[?#]/, 1)[0] ?? "";
+	return path.length > 1 && path.endsWith("/") ? path.slice(0, -1) : path;
+}
+function originTrail(ctx, origin, depth = _burojs_react.ORIGIN_DEPTH) {
+	const match = (0, _burojs_core.matchPath)(ctx.registry, pathOf(origin.href), { isVisible: ctx.isVisible });
+	if (match === null) return void 0;
+	switch (match.kind) {
+		case "resource": {
+			const key = require_record_trail_store.canonicalNavKey(match);
+			if (match.action === "list") return {
+				leading: groupCrumbs(ctx, match.groupChain),
+				resource: key,
+				resourceHref: origin.href,
+				segments: []
+			};
+			const def = ctx.registry.get(key);
+			const crumb = {
+				label: match.action === "create" ? ctx.t("breadcrumbs.create") : origin.title || (match.id === void 0 ? "" : `#${match.id}`),
+				href: origin.href
+			};
+			const parent = depth > 1 && origin.origin !== void 0 ? originTrail(ctx, origin.origin, depth - 1) : void 0;
+			if (parent !== void 0) return {
+				...parent,
+				segments: [...parent.segments, crumb]
+			};
+			return {
+				leading: groupCrumbs(ctx, match.groupChain),
+				resource: key,
+				...def !== void 0 && (0, _burojs_core.hasListPage)(def) ? { resourceHref: (0, _burojs_core.hrefFor)(ctx.registry, key) } : {},
+				segments: [crumb]
+			};
+		}
+		case "custom-page": {
+			const trail = headerTrail(ctx, match);
+			if (trail === null || trail.pageLabel === void 0) return void 0;
+			return {
+				leading: trail.leadingSegments ?? [],
+				segments: [{
+					label: trail.pageLabel,
+					href: origin.href
+				}]
+			};
+		}
+		case "group-index": {
+			const crumbs = groupCrumbs(ctx, match.groupChain);
+			const own = crumbs[crumbs.length - 1];
+			if (own === void 0) return void 0;
+			return {
+				leading: crumbs.slice(0, -1),
+				segments: [{
+					label: own.label,
+					href: origin.href
+				}]
+			};
+		}
+		default: return;
+	}
+}
+function recordTrail(ctx, input) {
+	const { resource, action, id, origin } = input;
+	if (origin !== void 0 && (action === "create" || id !== "")) return originRooted(ctx, input, origin);
+	const leadingSegments = nonEmpty(groupCrumbs(ctx, input.groupChain));
+	if (action !== "create" && id === "") return {
+		resource,
+		leadingSegments
+	};
+	const recordLabel = input.title || id;
+	const middleSegments = action === "edit" ? [isShowAvailable(ctx.registry, resource) ? {
+		label: recordLabel,
+		href: (0, _burojs_react.resolveRoute)(showTarget(resource, id), ctx.registry)
+	} : { label: recordLabel }] : void 0;
+	const pageLabel = action === "create" ? ctx.t("breadcrumbs.create") : action === "edit" ? ctx.t("breadcrumbs.edit") : recordLabel;
+	return {
+		resource,
+		recordId: action === "create" ? void 0 : id,
+		pageLabel,
+		leadingSegments,
+		middleSegments
+	};
+}
+function originRooted(ctx, input, origin) {
+	const { resource, action, id } = input;
+	const recordLabel = input.title || id;
+	const drawn = new Set(origin.segments.flatMap((crumb) => crumb.href === void 0 ? [] : [pathOf(crumb.href)]));
+	const own = action === "edit" ? [isShowAvailable(ctx.registry, resource) ? {
+		label: recordLabel,
+		href: (0, _burojs_react.resolveRoute)(showTarget(resource, id), ctx.registry)
+	} : { label: recordLabel }].filter((crumb) => crumb.href === void 0 || !drawn.has(pathOf(crumb.href))) : [];
+	const pageLabel = action === "create" ? ctx.t("breadcrumbs.create") : action === "edit" ? ctx.t("breadcrumbs.edit") : recordLabel;
+	const recordId = action === "create" ? void 0 : id;
+	const middleSegments = nonEmpty([...origin.segments, ...own]);
+	if (origin.resource !== void 0 && ctx.registry.get(origin.resource) === ctx.registry.get(resource)) return {
+		resource,
+		recordId,
+		pageLabel,
+		leadingSegments: nonEmpty([...origin.leading]),
+		...origin.resourceHref === void 0 ? {} : { resourceHref: origin.resourceHref },
+		middleSegments
+	};
+	const def = origin.resource === void 0 ? void 0 : ctx.registry.get(origin.resource);
+	const resourceCrumb = origin.resource === void 0 ? [] : [{
+		label: (0, _burojs_core.resolveResourceLabel)(ctx.caps, origin.resource, "plural", def),
+		...origin.resourceHref === void 0 ? {} : { href: origin.resourceHref }
+	}];
+	return {
+		resource,
+		recordId,
+		pageLabel,
+		rootSegments: [
+			...origin.leading,
+			...resourceCrumb,
+			...origin.segments,
+			...own
+		]
+	};
+}
+function recordTrailRoute(registry, match) {
+	if (match === null || match.kind !== "resource") return null;
+	const resource = require_record_trail_store.canonicalNavKey(match);
+	const { groupChain } = match;
+	if (match.action === "flow") return {
+		resource,
+		action: "show",
+		id: match.id ?? "",
+		flow: match.flow ?? "",
+		groupChain
+	};
+	const action = recordActionOf(match);
+	if (action === void 0 || !(0, _burojs_react.recordRouteAvailable)(registry, resource, action)) return null;
+	return {
+		resource,
+		action,
+		id: action === "create" ? "" : match.id ?? "",
+		groupChain
+	};
+}
+function headerTrail(ctx, match) {
+	if (match === null) return null;
+	const key = require_record_trail_store.canonicalNavKey(match);
+	switch (match.kind) {
+		case "resource": {
+			const leadingSegments = nonEmpty(groupCrumbs(ctx, match.groupChain));
+			const action = recordActionOf(match);
+			if (recordTrailRoute(ctx.registry, match) !== null) return null;
+			if (action === void 0) return {
+				resource: key,
+				leadingSegments
+			};
+			return {
+				resource: key,
+				recordId: match.id,
+				pageLabel: ctx.t("router.notFoundTitle"),
+				leadingSegments
+			};
+		}
+		case "custom-page": {
+			const page = ctx.registry.customPages.get(match.name);
+			if (page === void 0 || !ctx.isVisible(page)) return null;
+			return {
+				name: key,
+				pageLabel: (0, _burojs_core.resolveNavLabel)(ctx.caps, `pages.${key}`, (0, _burojs_core.declaredText)("chrome", page, "label")),
+				leadingSegments: nonEmpty(groupCrumbs(ctx, match.groupChain))
+			};
+		}
+		case "group-index": {
+			const own = match.groupChain[match.groupChain.length - 1];
+			if (own === void 0) return null;
+			const crumbs = groupCrumbs(ctx, match.groupChain);
+			const current = crumbs[crumbs.length - 1];
+			return {
+				name: require_record_trail_store.canonicalNavKey(own),
+				pageLabel: current.label,
+				leadingSegments: nonEmpty(crumbs.slice(0, -1))
+			};
+		}
+		default: return null;
+	}
+}
+function recentStorageKey(userId) {
+	return `buro:recent:v2:${userId}`;
+}
+function isRecent(value) {
+	if (typeof value !== "object" || value === null) return false;
+	const entry = value;
+	return typeof entry.canonicalRef === "string" && typeof entry.id === "string" && typeof entry.label === "string" && (entry.labelField === void 0 || typeof entry.labelField === "string") && typeof entry.at === "string";
+}
+function parse(raw) {
+	if (raw === null) return [];
+	try {
+		const parsed = JSON.parse(raw);
+		if (typeof parsed !== "object" || parsed === null) return [];
+		const envelope = parsed;
+		if (envelope.version !== 2 || !Array.isArray(envelope.items)) return [];
+		return envelope.items.filter(isRecent);
+	} catch {
+		return [];
+	}
+}
+function readRecentRecords(store, userId) {
+	return (0, _burojs_react.maybeThen)((0, _burojs_react.settle)(() => store.get(recentStorageKey(userId)), null), parse);
+}
+function writeRecentRecord(store, userId, entry) {
+	const key = recentStorageKey(userId);
+	return (0, _burojs_react.maybeThen)((0, _burojs_react.settle)(() => store.get(key), null), (raw) => {
+		const envelope = {
+			version: 2,
+			items: [entry, ...parse(raw).filter((item) => !(item.canonicalRef === entry.canonicalRef && item.id === entry.id))].slice(0, 5)
+		};
+		return (0, _burojs_react.settle)(() => store.set(key, JSON.stringify(envelope)), void 0);
+	});
+}
+function text$1(value) {
+	return typeof value === "string" && value.length > 0 ? value : void 0;
+}
+const RECENT_LABEL_KEYS = [
+	"alias",
+	"name",
+	"title",
+	"label"
+];
+function recentLabel(record, id, isGuarded = () => false) {
+	for (const key of RECENT_LABEL_KEYS) {
+		if (isGuarded(key)) continue;
+		const value = text$1(record[key]);
+		if (value !== void 0) return {
+			label: value,
+			field: key
+		};
+	}
+	return { label: id };
+}
+//#endregion
+//#region src/layout/use-record-visit.ts
+function useRecordVisit(resource, record, opts) {
+	const userId = (0, _burojs_react.useCurrentUserId)();
+	const store = (0, _burojs_react.usePlatformStorage)().local;
+	const app = (0, _burojs_react.useApp)();
+	const def = app.registry.get(resource);
+	const raw = (0, _burojs_react.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) && (0, _burojs_core.fieldSensitivity)(fields[field]) !== void 0 || (0, _burojs_core.addressesCapability)(rules, "view", {
+		kind: "field",
+		name: field
+	});
+	const picked = record != null && id !== void 0 ? recentLabel(record, id, isGuarded) : void 0;
+	const label = picked?.label;
+	const labelField = picked?.field;
+	const canonicalRef = require_check_confirm_dialog.canonicalResourceName(resource);
+	const { isCurrentData } = opts;
+	(0, react.useEffect)(() => {
+		if (userId === null || !isCurrentData || id === void 0 || id === "") return;
+		if (label === void 0) return;
+		writeRecentRecord(store, userId, {
+			canonicalRef,
+			id,
+			label,
+			...labelField === void 0 ? {} : { labelField },
+			at: new Date().toISOString()
+		});
+	}, [
+		store,
+		userId,
+		isCurrentData,
+		canonicalRef,
+		id,
+		label,
+		labelField
+	]);
+}
+//#endregion
+//#region src/layout/record-page.tsx
+function useMountedRef() {
+	const mounted = (0, react.useRef)(true);
+	(0, react.useEffect)(() => {
+		mounted.current = true;
+		return () => {
+			mounted.current = false;
+		};
+	}, []);
+	return mounted;
+}
+function RecordRouteHeader({ resource, action, id, record }) {
+	const recordName = (0, _burojs_react.useRecordTitle)(resource, action === "create" ? void 0 : id, record);
+	require_record_trail_store.usePublishRecordTrail(action === "create" ? null : {
+		key: require_record_trail_store.recordTrailKey(resource, id, action),
+		title: recordName
+	});
+	return (0, react_jsx_runtime.jsx)(require_place_node.PageHeader, {
+		resource,
+		mode: action,
+		...action === "create" ? {} : { recordName }
+	});
+}
+function RecordShow({ resource, id, recordId, record, shown }) {
+	return (0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)(RecordRouteHeader, {
+		resource,
+		action: "show",
+		id,
+		record: shown
+	}), (0, react_jsx_runtime.jsx)(RecordScreen, {
+		resource,
+		mode: "show",
+		recordId,
+		record
+	})] });
+}
+function RecordEdit({ resource, id, recordId, record, shown }) {
+	const navigate = (0, _burojs_react.useRouteNavigate)();
+	const mounted = useMountedRef();
+	const back = (0, _burojs_react.useReturnTarget)(resource, "edit", id);
+	return (0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)(RecordRouteHeader, {
+		resource,
+		action: "edit",
+		id,
+		record: shown
+	}), (0, react_jsx_runtime.jsx)(RecordScreen, {
+		resource,
+		mode: "edit",
+		recordId,
+		record,
+		onCancel: () => navigate(back, { origin: "inherit" }),
+		onSuccess: () => {
+			if (mounted.current) navigate(back, { origin: "inherit" });
+		}
+	})] });
+}
+function createdId(result) {
+	const id = result?.id;
+	return typeof id === "string" || typeof id === "number" ? String(id) : void 0;
+}
+function RecordCreate({ resource, defaults }) {
+	const app = (0, _burojs_react.useApp)();
+	const navigate = (0, _burojs_react.useRouteNavigate)();
+	const mounted = useMountedRef();
+	const adapter = (0, _burojs_react.useOptionalRouterAdapter)();
+	const list = listTarget(resource);
+	const back = (0, _burojs_react.useReturnTarget)(resource, "create");
+	const type = adapter?.searchParams.get("type") ?? void 0;
+	return (0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)(RecordRouteHeader, {
+		resource,
+		action: "create",
+		id: ""
+	}), (0, react_jsx_runtime.jsx)(require_place_node.RouteScreenClaimContext.Provider, {
+		value: true,
+		children: (0, react_jsx_runtime.jsx)(RecordScreen, {
+			resource,
+			mode: "create",
+			...type === void 0 ? {} : { type },
+			...defaults === void 0 ? {} : { defaults },
+			onCancel: () => navigate(back, { origin: "inherit" }),
+			onSuccess: (result) => {
+				if (!mounted.current) return;
+				const id = createdId(result);
+				navigate(id !== void 0 && isShowAvailable(app.registry, resource) ? showTarget(resource, id) : list, { origin: "inherit" });
+			}
+		})
+	})] });
+}
+function RecordRead({ resource, action, id, recordId }) {
+	const app = (0, _burojs_react.useApp)();
+	const def = app.registry.get(resource);
+	const projection = (0, react.useMemo)(() => def === void 0 ? void 0 : (0, _burojs_core.dtoFields)(def, "record"), [def]);
+	const query = (0, _burojs_react.useOne)(resource, {
+		id: recordId,
+		retry: _burojs_react.retryRecordRead,
+		...projection === void 0 ? {} : { projection }
+	});
+	const result = query.data;
+	const read = result?.data;
+	const projected = (0, _burojs_react.useProjectedRecord)(resource, read, { placeholder: query.isPlaceholderData });
+	const showAvailability = (0, _burojs_react.useAvailabilityResolver)(resource, "show");
+	const permissions = (0, _burojs_react.useCtx)((c) => c.permissions);
+	const showRuled = (0, _burojs_core.addressesCapability)(app.ruleSource.rules(resource), "run", {
+		kind: "action",
+		name: "show"
+	});
+	const showHidden = showRuled && read !== null && typeof read === "object" && showAvailability("show", read).state !== "available";
+	const showSettled = !showRuled || !query.isPlaceholderData && !(0, _burojs_core.permissionsUndecided)(permissions) && permissions?.status !== "error";
+	useRecordVisit(resource, projected.status === "ready" && showSettled && !showHidden ? projected.value : null, { isCurrentData: !query.isPlaceholderData });
+	const route = (0, react.useMemo)(() => Object.freeze({ id }), [id]);
+	const availability = (0, _burojs_react.useAvailabilityResolver)(resource, "edit");
+	if (result !== void 0) {
+		const record = result.data;
+		if (record === null || typeof record !== "object") return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "not-found" });
+		const loaded = record;
+		if (showRuled) {
+			if (query.isPlaceholderData || (0, _burojs_core.permissionsUndecided)(permissions)) return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "loading" });
+			if (permissions?.status === "error") return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "not-found" });
+			if (showHidden) return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "not-found" });
+		}
+		if (projected.status === "pending" || projected.value === null) return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "loading" });
+		const shown = projected.value;
+		if (action === "edit") {
+			const edit = availability("edit", loaded).state;
+			if (edit === "hidden" || edit === "absent") return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "not-found" });
+			if (edit === "undecided") return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "loading" });
+		}
+		return (0, react_jsx_runtime.jsx)(_burojs_react.RouteSourceContext.Provider, {
+			value: route,
+			children: (0, react_jsx_runtime.jsx)(require_place_node.RouteScreenClaimContext.Provider, {
+				value: true,
+				children: action === "edit" ? (0, react_jsx_runtime.jsx)(RecordEdit, {
+					resource,
+					id,
+					recordId,
+					record: loaded,
+					shown
+				}) : (0, react_jsx_runtime.jsx)(RecordShow, {
+					resource,
+					id,
+					recordId,
+					record: loaded,
+					shown
+				})
+			})
+		});
+	}
+	if (query.error != null) return (0, react_jsx_runtime.jsx)(require_relation_create.LoadError, {
+		surface: "record",
+		resource,
+		error: query.error,
+		retry: () => void query.refetch()
+	});
+	return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "loading" });
+}
+function RecordRouteBody(props) {
+	if (props.action === "create") return (0, react_jsx_runtime.jsx)(RecordCreate, { ...props });
+	if (props.id === "") return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "not-found" });
+	return (0, react_jsx_runtime.jsx)(RecordReadRoute, { ...props });
+}
+function RecordReadRoute(props) {
+	const recordId = (0, _burojs_react.useRouteRecordId)(props.resource, props.id);
+	if (recordId === void 0) return (0, react_jsx_runtime.jsx)(require_relation_create.InvalidRouteId, { resource: props.resource });
+	return (0, react_jsx_runtime.jsx)(RecordRead, {
+		...props,
+		recordId
+	});
+}
+function RecordRoute(props) {
+	const missingRuntime = (0, _burojs_react.useOptionalDataRuntime)() === null;
+	(0, react.useEffect)(() => {
+		if (!missingRuntime || process.env.NODE_ENV === "production") return;
+		console.error(`[burojs] The '${props.resource}' record page has no data runtime to read or write with: BuroProvider.dataRuntime is not set. Pass <BuroProvider dataRuntime={…}> (createDataRuntime from @burojs/react); until then record routes render the error state.`);
+	}, [missingRuntime, props.resource]);
+	if (missingRuntime) return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "error" });
+	return (0, react_jsx_runtime.jsx)(RecordRouteBody, { ...props }, `${props.resource}:${props.id}`);
+}
+function recordPageProblem(input) {
+	const { props, resource, action } = input;
+	if (resource === void 0 || action === void 0) return "[burojs] <RecordPage> needs both `resource` and `action`. Pass them; until then it renders not-found.";
+	if (!input.onRecordRoute) return `[burojs] <RecordPage resource="${resource}" action="${action}"> is not on a record route (show, edit or create), so it has no record to read: render it on one, under a RouterAdapterProvider. Until then it renders not-found.`;
+	if (props.defaults !== void 0 && action !== "create") return `[burojs] <RecordPage defaults> applies to create only; on this '${action}' route it is ignored.`;
+	return null;
+}
+const recordPageProblemsLogged = new WeakMap();
+function RecordPage(props) {
+	const app = (0, _burojs_react.useApp)();
+	const match = useMatch();
+	const id = match === null ? null : match.id ?? "";
+	const { action } = props;
+	const resource = props.resource === void 0 ? void 0 : (0, _burojs_core.routeResourceKey)(props.resource);
+	const onRecordRoute = recordActionOf(match) !== void 0;
+	const problem = recordPageProblem({
+		props,
+		resource,
+		action,
+		onRecordRoute
+	});
+	(0, react.useEffect)(() => {
+		if (problem === null || process.env.NODE_ENV === "production") return;
+		let logged = recordPageProblemsLogged.get(app);
+		if (logged === void 0) {
+			logged = new Set();
+			recordPageProblemsLogged.set(app, logged);
+		}
+		if (logged.has(problem)) return;
+		logged.add(problem);
+		console.error(problem);
+	}, [app, problem]);
+	if (resource === void 0 || action === void 0 || id === null || !onRecordRoute) return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "not-found" });
+	const route = action === "create" ? {
+		resource,
+		action,
+		defaults: props.defaults
+	} : {
+		resource,
+		action
+	};
+	return (0, react_jsx_runtime.jsx)(RecordRoute, {
+		...route,
+		id
+	});
+}
+//#endregion
+//#region src/layout/collection-record-route.tsx
+function addressTail(searchParams, routerHash) {
+	const query = searchParams?.toString() ?? "";
+	const hash = routerHash ?? (typeof window === "undefined" ? "" : window.location.hash);
+	return `${query === "" ? "" : `?${query}`}${hash === "#" ? "" : hash}`;
+}
+function CollectionRecordRoute(props) {
+	const { collection, action, id } = props;
+	const app = (0, _burojs_react.useApp)();
+	const navigate = (0, _burojs_react.useRouteNavigate)();
+	const adapter = (0, _burojs_react.useOptionalRouterAdapter)();
+	const state = (0, _burojs_react.useCollectionMember)(collection, id);
+	const flow = props.action === "flow" ? props.flow : void 0;
+	const target = state.status === "member" ? (0, _burojs_core.hrefFor)(app.registry, state.member, {
+		action,
+		id,
+		...flow === void 0 ? {} : { flow }
+	}) : void 0;
+	const current = (0, react.useRef)(adapter);
+	current.current = adapter;
+	const sent = (0, react.useRef)(void 0);
+	(0, react.useEffect)(() => {
+		if (target === void 0 || sent.current === target) return;
+		sent.current = target;
+		navigate(`${target}${addressTail(current.current?.searchParams, current.current?.hash)}`, { replace: true });
+	}, [target, navigate]);
+	if (state.status === "unknown") return (0, react_jsx_runtime.jsx)(UnknownMemberCard, {
+		collection,
+		id,
+		value: state.value
+	});
+	if (state.status === "not-found") return (0, react_jsx_runtime.jsx)(require_record_trail_store.NavAreaNotFound, {});
+	if (state.status === "error") return (0, react_jsx_runtime.jsx)(require_relation_create.LoadError, {
+		surface: "record",
+		resource: (0, _burojs_core.routeResourceKey)(collection),
+		error: state.error
+	});
+	return null;
+}
+function UnknownMemberCard({ collection, id, value }) {
+	const app = (0, _burojs_react.useApp)();
+	const t = (0, _burojs_react.useOptionalT)();
+	const key = (0, _burojs_core.routeResourceKey)(collection);
+	const fact = (0, _burojs_core.memberFactOf)(app.registry.get(key));
+	const shown = value === void 0 || value === null ? "" : String(value);
+	const known = (fact?.collection?.members ?? []).flatMap((member) => member.values).join(", ");
+	return (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": `unknown-member-card:${key}:${id}`,
+		className: "flex flex-col gap-2",
+		children: [
+			process.env.NODE_ENV === "production" ? null : (0, react_jsx_runtime.jsx)("div", {
+				role: "note",
+				"data-testid": "unknown-member-notice",
+				className: "mx-6 mt-4 rounded-md border border-dashed border-amber-500/60 bg-amber-500/10 px-3 py-2 text-sm",
+				children: t("collection.unknownMemberNotice", {
+					params: {
+						base: fact === void 0 ? key : (0, _burojs_core.formatEntityRef)(fact.ref),
+						value: shown,
+						known
+					},
+					defaultValue: "No member of {{base}} claims the type “{{value}}”. Known types: {{known}}."
+				})
+			}),
+			(0, react_jsx_runtime.jsx)("p", {
+				"data-testid": "unknown-member-type",
+				className: "mx-6 text-sm text-muted-foreground",
+				children: t("collection.unknownType", {
+					params: { value: shown },
+					defaultValue: "Unknown type: {{value}}"
+				})
+			}),
+			(0, react_jsx_runtime.jsx)(require_place_node.ItemActionsOffContext.Provider, {
+				value: true,
+				children: (0, react_jsx_runtime.jsx)(RecordRoute, {
+					resource: key,
+					action: "show",
+					id
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/layout/page-host.tsx
+function PageHost({ page, match, notFound }) {
+	const isVisible = useNavVisible();
+	const ctx = (0, _burojs_react.useVisibilityCtx)();
+	const access = (0, _burojs_react.usePageAccess)(page);
+	if (!((0, _burojs_core.evaluateVisible)(page.visible, ctx) && match.groupChain.every((group) => isVisible(group)))) return notFound;
+	if (access === "pending") return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "loading" });
+	if (access === "denied") return notFound;
+	return (0, react_jsx_runtime.jsx)(PageParams, {
+		page,
+		notFound
+	});
+}
+const NO_SEARCH = new URLSearchParams();
+function PageParams({ page, notFound }) {
+	const search = (0, _burojs_react.useOptionalRouterAdapter)()?.searchParams ?? (typeof window === "undefined" ? NO_SEARCH : new URLSearchParams(window.location.search));
+	const raw = JSON.stringify((0, _burojs_core.pageParamNames)(page.params).map((name) => search.get(name)));
+	const parsed = (0, react.useMemo)(() => (0, _burojs_core.parsePageParams)(page, search), [page, raw]);
+	if (!parsed.ok) return notFound;
+	return (0, react_jsx_runtime.jsx)(_burojs_react.RouteSourceContext.Provider, {
+		value: parsed.route,
+		children: (0, react_jsx_runtime.jsx)(PageBody, { page })
+	});
+}
+function PageBody({ page }) {
+	const snapshot = (0, _burojs_react.useApplicationSnapshot)();
+	const compiled = (0, react.useMemo)(() => (0, _burojs_core.compilePageScreen)(page, {
+		blocks: (0, _burojs_core.snapshotBlockLookup)(snapshot),
+		frames: (0, _burojs_core.snapshotFrameLookup)(snapshot),
+		appFrames: (0, _burojs_core.snapshotAppFrames)(snapshot)
+	}), [page, snapshot]);
+	const failure = (0, _burojs_core.isScreenFailure)(compiled) ? compiled : null;
+	const screen = failure === null && !(0, _burojs_core.isScreenFailure)(compiled) ? compiled : null;
+	const caps = (0, _burojs_react.useI18nCaps)();
+	const name = require_record_trail_store.canonicalNavKey(page);
+	const label = (0, _burojs_core.resolveNavLabel)(caps, `pages.${name}`, (0, _burojs_core.declaredText)("chrome", page, "label"));
+	(0, react.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}.`);
+	}, [failure, name]);
+	return (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-4",
+		children: [(0, react_jsx_runtime.jsx)("h1", {
+			className: "text-2xl font-semibold tracking-tight",
+			children: label
+		}), screen === null ? (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "error" }) : (0, react_jsx_runtime.jsx)(PageRouteScreen, { children: (0, react_jsx_runtime.jsx)(PlannedBody, {
+			screen,
+			name,
+			label
+		}) })]
+	});
+}
+function PageRouteScreen({ children }) {
+	const tabs = require_place_node.useTabsUrlState("show", true);
+	return (0, react_jsx_runtime.jsx)(require_place_node.RouteScreenClaimContext.Provider, {
+		value: false,
+		children: (0, react_jsx_runtime.jsx)(require_place_node.RouteScreenContext.Provider, {
+			value: true,
+			children: (0, react_jsx_runtime.jsx)(_burojs_react.ScreenStateProvider, {
+				open: tabs.open,
+				onOpenChange: tabs.onOpenChange,
+				children
+			})
+		})
+	});
+}
+function PlannedBody({ screen, name, label, record }) {
+	const pageOptions = (0, react.useMemo)(() => record === void 0 ? {} : { record }, [record]);
+	const page = (0, _burojs_react.usePageScreen)(screen, pageOptions);
+	const { PlacementScope } = page;
+	const route = (0, react.useContext)(_burojs_react.RouteSourceContext);
+	const catalog = (0, _burojs_react.useFrameImplementations)();
+	const id = (0, _burojs_core.formatEntityRef)(screen.frame);
+	const resolved = (0, react.useMemo)(() => require_place_node.resolveFrameView(screen.frame, catalog, "page"), [screen.frame, catalog]);
+	const t = (0, _burojs_react.useFrameT)(id);
+	const slots = {};
+	for (const slot of Object.keys(screen.slots)) slots[slot] = (page.plan.slots[slot] ?? []).every((node) => node.state === "absent") ? null : (0, react_jsx_runtime.jsx)(require_place_node.ScreenTree, {
+		region: slot === "body" ? "page-body" : "record",
+		slot,
+		resource: name,
+		mode: "show",
+		compiled: screen,
+		page
+	}, slot);
+	const View = resolved.view;
+	const viewProps = {
+		slots,
+		label,
+		params: route ?? {},
+		t
+	};
+	return (0, react_jsx_runtime.jsx)(_burojs_react.RouteSourceContext.Provider, {
+		value: null,
+		children: (0, react_jsx_runtime.jsx)(_burojs_react.ActionRouteContext.Provider, {
+			value: route,
+			children: (0, react_jsx_runtime.jsx)(PlacementScope, { children: (0, react_jsx_runtime.jsx)(require_place_node.DeepLinkScope, {
+				plan: page.plan,
+				enabled: true,
+				children: (0, react_jsx_runtime.jsx)("div", {
+					"data-buro-region": "page-body",
+					children: (0, react_jsx_runtime.jsx)(react.Suspense, {
+						fallback: null,
+						children: (0, react_jsx_runtime.jsx)(View, { ...viewProps })
+					})
+				})
+			}) })
+		})
+	});
+}
+//#endregion
+//#region src/layout/resource-page-router.tsx
+function ResourcePageRouterEmpty() {
+	const t = (0, _burojs_react.useT)();
+	return (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": "resource-page-router-empty",
+		className: "flex flex-col items-center justify-center gap-1 px-6 py-24 text-center",
+		children: [(0, react_jsx_runtime.jsx)("h2", {
+			className: "text-base font-semibold tracking-tight",
+			children: t("router.emptyTitle")
+		}), (0, react_jsx_runtime.jsx)("p", {
+			className: "max-w-sm text-sm text-muted-foreground",
+			children: t("router.emptyBody")
+		})]
+	});
+}
+function ResourcePageRouter({ match }) {
+	const app = (0, _burojs_react.useApp)();
+	const qualifiedMatch = match;
+	const resource = require_record_trail_store.canonicalNavKey(qualifiedMatch);
+	const target = require_record_trail_store.canonicalNavKey({
+		name: match.target ?? match.name,
+		ref: qualifiedMatch.targetRef
+	});
+	const recordAction = recordActionOf(match);
+	switch (match.kind) {
+		case "resource": {
+			if (match.action === "list") {
+				const def = app.registry.get(resource);
+				return def !== void 0 && !(0, _burojs_core.hasListPage)(def) ? (0, react_jsx_runtime.jsx)(require_record_trail_store.NavAreaNotFound, {}) : (0, react_jsx_runtime.jsx)(ResourceListPage, { resource });
+			}
+			const collection = (0, _burojs_core.collectionFactOf)(app.registry.get(resource)) !== void 0;
+			if (collection && match.id !== void 0 && (match.action === "show" || match.action === "edit" || match.action === "flow")) {
+				if (!(0, _burojs_react.recordRouteAvailable)(app.registry, resource, "show")) return (0, react_jsx_runtime.jsx)(require_record_trail_store.NavAreaNotFound, {});
+				return match.action === "flow" ? (0, react_jsx_runtime.jsx)(CollectionRecordRoute, {
+					collection: resource,
+					action: "flow",
+					id: match.id,
+					flow: match.flow ?? ""
+				}) : (0, react_jsx_runtime.jsx)(CollectionRecordRoute, {
+					collection: resource,
+					action: match.action,
+					id: match.id
+				});
+			}
+			if (match.action === "flow") return (0, react_jsx_runtime.jsx)(PageFlowRouteLoader, { match });
+			if (recordAction === void 0) return (0, react_jsx_runtime.jsx)(ResourcePageRouterEmpty, {});
+			if (!(0, _burojs_react.recordRouteAvailable)(app.registry, resource, recordAction)) return (0, react_jsx_runtime.jsx)(require_record_trail_store.NavAreaNotFound, {});
+			if (collection && recordAction === "create") return (0, react_jsx_runtime.jsx)(CollectionCreatePicker, { collection: resource });
+			return (0, react_jsx_runtime.jsx)(RecordRoute, {
+				resource,
+				action: recordAction,
+				id: match.id ?? ""
+			});
+		}
+		case "custom-page": {
+			const page = app.registry.customPages.get(resource);
+			if (page === void 0) return (0, react_jsx_runtime.jsx)(ResourcePageRouterEmpty, {});
+			if (!page.body?.length) return (0, react_jsx_runtime.jsx)(require_record_trail_store.NavAreaNotFound, {});
+			return (0, react_jsx_runtime.jsx)(PageHost, {
+				page,
+				match,
+				notFound: (0, react_jsx_runtime.jsx)(require_record_trail_store.NavAreaNotFound, {})
+			}, resource);
+		}
+		case "group-index": {
+			const indexPage = app.registry.customPages.get(target);
+			if (indexPage?.body?.length) return (0, react_jsx_runtime.jsx)(PageHost, {
+				page: indexPage,
+				match,
+				notFound: (0, react_jsx_runtime.jsx)(require_record_trail_store.NavAreaNotFound, {})
+			}, target);
+			const targetDef = app.registry.get(target);
+			if (targetDef !== void 0) return (0, _burojs_core.hasListPage)(targetDef) ? (0, react_jsx_runtime.jsx)(ResourceListPage, { resource: target }) : (0, react_jsx_runtime.jsx)(require_record_trail_store.NavAreaNotFound, {});
+			return (0, react_jsx_runtime.jsx)(ResourcePageRouterEmpty, {});
+		}
+		default: return (0, react_jsx_runtime.jsx)(ResourcePageRouterEmpty, {});
+	}
+}
+function NavAreaPageSkeleton() {
+	return (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-3 p-6",
+		role: "status",
+		"aria-busy": "true",
+		"aria-live": "polite",
+		"data-testid": "nav-area-skeleton",
+		children: [
+			(0, react_jsx_runtime.jsx)("span", {
+				className: "sr-only",
+				children: "Loading…"
+			}),
+			(0, react_jsx_runtime.jsx)("div", { className: "h-6 w-48 animate-pulse rounded bg-muted/60" }),
+			(0, react_jsx_runtime.jsx)("div", { className: "h-4 w-full animate-pulse rounded bg-muted/40" }),
+			(0, react_jsx_runtime.jsx)("div", { className: "h-4 w-5/6 animate-pulse rounded bg-muted/40" }),
+			(0, react_jsx_runtime.jsx)("div", { className: "h-4 w-2/3 animate-pulse rounded bg-muted/40" })
+		]
+	});
+}
+const adapterNoticeGiven = new WeakSet();
+const chromeNoticeGiven = new WeakSet();
+function NavAreaPage() {
+	const match = useMatch();
+	const app = (0, _burojs_react.useApp)();
+	const noAdapter = (0, _burojs_react.useOptionalRouterAdapter)() === null;
+	const chromeMounted = useNavChromeMounted();
+	const resolveLayout = useLayoutResolver();
+	const chromeGroup = match?.groupChain.find((g) => resolveLayout(g.layout)) ?? null;
+	(0, react.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 "${require_record_trail_store.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
+	]);
+	(0, react.useEffect)(() => {
+		if (!noAdapter || process.env.NODE_ENV === "production") return;
+		if (adapterNoticeGiven.has(app)) return;
+		adapterNoticeGiven.add(app);
+		console.error("[burojs] <NavAreaPage> has no location to match: no RouterAdapterProvider is mounted. Mount your router’s adapter (RouterAdapterProvider from @burojs/react) above <BuroProvider>; until then every route renders not-found.");
+	}, [app, noAdapter]);
+	return (0, react_jsx_runtime.jsx)(react.Suspense, {
+		fallback: (0, react_jsx_runtime.jsx)(NavAreaPageSkeleton, {}),
+		children: match ? (0, react_jsx_runtime.jsx)(ResourcePageRouter, { match }) : (0, react_jsx_runtime.jsx)(require_record_trail_store.NavAreaNotFound, {})
+	});
+}
+//#endregion
 //#region src/layout/breadcrumbs.tsx
 const LINK_CLASS = "rounded hover:text-foreground transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
 function Chevron() {
@@ -2158,7 +4226,7 @@ function Breadcrumbs(input) {
 	});
 	if (!def) return null;
 	const { recordId, pageLabel, middleSegments, rootSegments } = props;
-	const resourceKey = require_resource_page_router.canonicalResourceKey(def);
+	const resourceKey = require_record_trail_store.canonicalResourceKey(def);
 	if (rootSegments !== void 0 && rootSegments.length > 0) return (0, react_jsx_runtime.jsxs)("nav", {
 		className: navClass,
 		"aria-label": ariaLabel,
@@ -2229,20 +4297,23 @@ function Breadcrumbs(input) {
 //#region src/layout/record-breadcrumbs.tsx
 function viewOrigin(ctx, trail, resource) {
 	if (trail === void 0 || trail.resource === void 0 || trail.segments.length > 0) return void 0;
-	const target = ctx.registry.get(trail.resource)?.routesTo?.show;
-	if (target === void 0 || ctx.registry.get(target) !== ctx.registry.get(resource)) return void 0;
-	return trail.resource;
+	const def = ctx.registry.get(trail.resource);
+	const target = def?.routesTo?.show;
+	if (target !== void 0 && ctx.registry.get(target) === ctx.registry.get(resource)) return trail.resource;
+	const collected = (0, _burojs_core.collectionFactOf)(def) === void 0 ? void 0 : (0, _burojs_core.memberFactOf)(def)?.ref;
+	const memberBase = (0, _burojs_core.memberFactOf)(ctx.registry.get(resource))?.ref;
+	if (collected !== void 0 && memberBase !== void 0 && (0, _burojs_core.sameEntityRef)(collected, memberBase)) return trail.resource;
 }
 function RecordBreadcrumbs() {
-	const ctx = require_resource_page_router.useTrailContext();
-	const match = require_resource_page_router.useMatch();
+	const ctx = useTrailContext();
+	const match = useMatch();
 	const snapshot = (0, _burojs_react.useApplicationSnapshot)();
-	const route = require_resource_page_router.recordTrailRoute(ctx.registry, match);
-	const published = require_resource_page_router.usePublishedRecordTrail(route === null ? "" : require_resource_page_router.recordTrailKey(route.resource, route.id, route.flow === void 0 ? route.action : `flow:${route.flow}`));
+	const route = recordTrailRoute(ctx.registry, match);
+	const published = require_record_trail_store.usePublishedRecordTrail(route === null ? "" : require_record_trail_store.recordTrailKey(route.resource, route.id, route.flow === void 0 ? route.action : `flow:${route.flow}`));
 	const idTitle = (0, _burojs_react.useRecordTitle)(route?.resource, route?.id);
 	(0, _burojs_react.usePublishOriginTitle)(published?.title || void 0);
 	const origin = (0, _burojs_react.useNavigationOrigin)();
-	const rooted = origin === null ? void 0 : require_resource_page_router.originTrail(ctx, origin);
+	const rooted = origin === null ? void 0 : originTrail(ctx, origin);
 	const view = route === null ? void 0 : viewOrigin(ctx, rooted, route.resource);
 	const viewScopes = (0, _burojs_react.useDocTrailScopes)(view);
 	const ownScopes = (0, _burojs_react.useDocTrailScopes)(view === void 0 ? void 0 : route?.resource);
@@ -2255,7 +4326,7 @@ function RecordBreadcrumbs() {
 		if ((0, _burojs_core.effectiveFlow)(snapshot, match.ref, route.flow) === void 0) return null;
 		const flowLabel = published?.flowLabel;
 		if (flowLabel === void 0) return (0, react_jsx_runtime.jsx)(Breadcrumbs, {
-			...require_resource_page_router.recordTrail(ctx, {
+			...recordTrail(ctx, {
 				resource,
 				action: "show",
 				id,
@@ -2267,7 +4338,7 @@ function RecordBreadcrumbs() {
 			"data-testid": "record-breadcrumbs"
 		});
 		return (0, react_jsx_runtime.jsx)(Breadcrumbs, {
-			...require_resource_page_router.recordTrail(ctx, {
+			...recordTrail(ctx, {
 				resource,
 				action: "edit",
 				id,
@@ -2281,7 +4352,7 @@ function RecordBreadcrumbs() {
 		});
 	}
 	return (0, react_jsx_runtime.jsx)(Breadcrumbs, {
-		...require_resource_page_router.recordTrail(ctx, {
+		...recordTrail(ctx, {
 			resource,
 			action: route.action,
 			id,
@@ -2295,7 +4366,7 @@ function RecordBreadcrumbs() {
 }
 //#endregion
 //#region src/layout/default-nav-layouts.ts
-const defaultNavLayouts = { ...require_resource_page_router.BUILTIN_LAYOUTS };
+const defaultNavLayouts = { ...BUILTIN_LAYOUTS };
 //#endregion
 //#region src/layout/context-picker.tsx
 const ALL = "\0all";
@@ -2368,7 +4439,7 @@ function ScopeDimensionPicker(props) {
 	});
 }
 function ResourceDimension({ resource, labelField, ...rest }) {
-	const options = require_resource_page_router.useResourceDimensionOptions(rest.dimension, resource, labelField);
+	const options = useResourceDimensionOptions(rest.dimension, resource, labelField);
 	return (0, react_jsx_runtime.jsx)(DimensionControl, {
 		...rest,
 		options
@@ -2455,10 +4526,10 @@ function LanguageSwitch({ onChange, className }) {
 //#endregion
 //#region src/layout/header-breadcrumbs.tsx
 function HeaderBreadcrumbs() {
-	const ctx = require_resource_page_router.useTrailContext();
-	const match = require_resource_page_router.useMatch();
-	if (require_resource_page_router.recordTrailRoute(ctx.registry, match) !== null) return (0, react_jsx_runtime.jsx)(RecordBreadcrumbs, {});
-	const trail = require_resource_page_router.headerTrail(ctx, match);
+	const ctx = useTrailContext();
+	const match = useMatch();
+	if (recordTrailRoute(ctx.registry, match) !== null) return (0, react_jsx_runtime.jsx)(RecordBreadcrumbs, {});
+	const trail = headerTrail(ctx, match);
 	if (trail === null) return null;
 	return (0, react_jsx_runtime.jsx)(Breadcrumbs, {
 		...trail,
@@ -2606,20 +4677,20 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 	const visibilityCtx = (0, _burojs_react.useVisibilityCtx)();
 	const t = (0, _burojs_react.useOptionalT)();
 	const navigate = (0, _burojs_react.useRouteNavigate)();
-	const isVisible = require_resource_page_router.useNavVisible();
-	const resolveLayout = require_resource_page_router.useLayoutResolver();
-	const isResourceVisible = require_resource_page_router.useResourceVisible();
-	const pageAllowed = require_resource_page_router.usePageAllowed();
+	const isVisible = useNavVisible();
+	const resolveLayout = useLayoutResolver();
+	const isResourceVisible = useResourceVisible();
+	const pageAllowed = usePageAllowed();
 	const isPageVisible = (p) => (0, _burojs_core.evaluateVisible)(p.visible, visibilityCtx) && pageAllowed(p);
 	const { topLevelResources, topLevelPages, sectionGroups } = (0, react.useMemo)(() => {
 		const allResources = app.registry.list();
 		const allPages = app.registry.customPages.list();
 		const allSections = app.registry.sections.list();
-		const tlResources = allResources.filter((r) => (0, _burojs_core.hasListPage)(r)).filter(isResourceVisible).filter((r) => !r.section && !r.group);
+		const tlResources = allResources.filter((r) => (0, _burojs_core.hasMenuEntry)(r)).filter(isResourceVisible).filter((r) => !r.section && !r.group);
 		const tlPages = allPages.filter((p) => !p.section && !p.group).filter(isPageVisible);
 		const groups = [];
 		for (const section of allSections) {
-			const children = app.registry.sections.childrenOf(require_resource_page_router.canonicalNavKey(section)).filter((c) => !c.group).filter((c) => !("parent" in c) || (0, _burojs_core.hasListPage)(c)).filter((c) => (0, _burojs_core.isCustomPageDef)(c) ? isPageVisible(c) : isResourceVisible(c));
+			const children = app.registry.sections.childrenOf(require_record_trail_store.canonicalNavKey(section)).filter((c) => !c.group).filter((c) => !("parent" in c) || (0, _burojs_core.hasMenuEntry)(c)).filter((c) => (0, _burojs_core.isCustomPageDef)(c) ? isPageVisible(c) : isResourceVisible(c));
 			if (children.length === 0) continue;
 			groups.push({
 				section,
@@ -2636,13 +4707,13 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 		onSelect?.();
 		navigate(href, { origin: "jump" });
 	};
-	const resourceLabel = (def) => (0, _burojs_core.resolveResourceLabel)(caps, require_resource_page_router.canonicalResourceKey(def), "plural", def);
-	const pageLabel = (def) => (0, _burojs_core.resolveNavLabel)(caps, `pages.${require_resource_page_router.canonicalNavKey(def)}`, (0, _burojs_core.declaredText)("chrome", def, "label"));
+	const resourceLabel = (def) => (0, _burojs_core.resolveResourceLabel)(caps, require_record_trail_store.canonicalResourceKey(def), "plural", def);
+	const pageLabel = (def) => (0, _burojs_core.resolveNavLabel)(caps, `pages.${require_record_trail_store.canonicalNavKey(def)}`, (0, _burojs_core.declaredText)("chrome", def, "label"));
 	const groups = [];
 	if (topLevelResources.length > 0) groups.push((0, react_jsx_runtime.jsx)(require_relation_create.CommandGroup, {
 		heading: t("commandPalette.resources", { defaultValue: "Resources" }),
 		children: topLevelResources.map((def) => {
-			const resource = require_resource_page_router.canonicalResourceKey(def);
+			const resource = require_record_trail_store.canonicalResourceKey(def);
 			const label = resourceLabel(def);
 			const href = (0, _burojs_core.hrefFor)(app.registry, resource, { isVisible });
 			return (0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
@@ -2656,7 +4727,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 	if (topLevelPages.length > 0) groups.push((0, react_jsx_runtime.jsx)(require_relation_create.CommandGroup, {
 		heading: t("commandPalette.pages", { defaultValue: "Pages" }),
 		children: topLevelPages.map((page) => {
-			const pageKey = require_resource_page_router.canonicalNavKey(page);
+			const pageKey = require_record_trail_store.canonicalNavKey(page);
 			const label = pageLabel(page);
 			const href = page.path;
 			return (0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
@@ -2668,7 +4739,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 		})
 	}, "pages"));
 	for (const { section, children } of sectionGroups) {
-		const sectionKey = require_resource_page_router.canonicalNavKey(section);
+		const sectionKey = require_record_trail_store.canonicalNavKey(section);
 		const sectionLabel = (0, _burojs_core.resolveNavLabel)(caps, `sections.${sectionKey}`, (0, _burojs_core.declaredText)("chrome", section, "label"));
 		groups.push((0, react_jsx_runtime.jsxs)(require_relation_create.CommandGroup, {
 			heading: sectionLabel,
@@ -2680,7 +4751,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 				children: sectionLabel
 			}, `__section_header_${sectionKey}`), children.map((child) => {
 				if ((0, _burojs_core.isCustomPageDef)(child)) {
-					const pageKey = require_resource_page_router.canonicalNavKey(child);
+					const pageKey = require_record_trail_store.canonicalNavKey(child);
 					const href = child.path;
 					const label = pageLabel(child);
 					return (0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
@@ -2691,7 +4762,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 						children: label
 					}, `section:${sectionKey}:page:${pageKey}`);
 				}
-				const resource = require_resource_page_router.canonicalResourceKey(child);
+				const resource = require_record_trail_store.canonicalResourceKey(child);
 				const label = resourceLabel(child);
 				const href = (0, _burojs_core.hrefFor)(app.registry, resource, { isVisible });
 				return (0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
@@ -2706,9 +4777,9 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 	}
 	const collectGroupItems = (group, idPath, depth) => {
 		const items = [];
-		const href = !!resolveLayout(group.layout) ? require_resource_page_router.groupNavHref(app.registry, require_resource_page_router.canonicalNavKey(group), isVisible) : void 0;
+		const href = !!resolveLayout(group.layout) ? groupNavHref(app.registry, require_record_trail_store.canonicalNavKey(group), isVisible) : void 0;
 		if (href !== void 0) {
-			const groupKey = require_resource_page_router.canonicalNavKey(group);
+			const groupKey = require_record_trail_store.canonicalNavKey(group);
 			const label = (0, _burojs_core.resolveNavLabel)(caps, `groups.${groupKey}`, (0, _burojs_core.declaredText)("chrome", group, "label"));
 			items.push((0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
 				value: `group:${idPath}:${label}`,
@@ -2718,18 +4789,18 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 				children: label
 			}, `group:${idPath}`));
 		}
-		for (const child of app.registry.groups.childrenOf(require_resource_page_router.canonicalNavKey(group))) {
+		for (const child of app.registry.groups.childrenOf(require_record_trail_store.canonicalNavKey(group))) {
 			const kind = (0, _burojs_core.nodeKind)(child);
 			if (kind === "group") {
 				const sub = child;
 				if (!isVisible(sub)) continue;
-				items.push(...collectGroupItems(sub, `${idPath}:${require_resource_page_router.canonicalNavKey(sub)}`, depth + 1));
+				items.push(...collectGroupItems(sub, `${idPath}:${require_record_trail_store.canonicalNavKey(sub)}`, depth + 1));
 				continue;
 			}
 			if (kind === "custom-page") {
 				const page = child;
 				if (!isPageVisible(page)) continue;
-				const pageKey = require_resource_page_router.canonicalNavKey(page);
+				const pageKey = require_record_trail_store.canonicalNavKey(page);
 				const label = pageLabel(page);
 				const href = page.path;
 				items.push((0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
@@ -2744,7 +4815,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 			const resource = child;
 			if (!(0, _burojs_core.hasListPage)(resource)) continue;
 			if (!isResourceVisible(resource)) continue;
-			const resourceId = require_resource_page_router.canonicalResourceKey(resource);
+			const resourceId = require_record_trail_store.canonicalResourceKey(resource);
 			const label = resourceLabel(resource);
 			const href = (0, _burojs_core.hrefFor)(app.registry, resourceId, { isVisible });
 			items.push((0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
@@ -2760,7 +4831,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 	const rootGroups = app.registry.groups.rootNodes().filter((n) => (0, _burojs_core.nodeKind)(n) === "group");
 	for (const group of rootGroups) {
 		if (!isVisible(group)) continue;
-		const groupKey = require_resource_page_router.canonicalNavKey(group);
+		const groupKey = require_record_trail_store.canonicalNavKey(group);
 		const items = collectGroupItems(group, groupKey, 0);
 		if (items.length === 0) continue;
 		const heading = (0, _burojs_core.resolveNavLabel)(caps, `groups.${groupKey}`, (0, _burojs_core.declaredText)("chrome", group, "label"));
@@ -2800,7 +4871,7 @@ function CommandPaletteRecentGroup({ onSelect, getTestId, heading, refreshKey, w
 	const navigate = (0, _burojs_react.useRouteNavigate)();
 	const quick = (0, _burojs_react.useQuick)();
 	const userId = (0, _burojs_react.useCurrentUserId)();
-	const isResourceVisible = require_resource_page_router.useResourceVisible();
+	const isResourceVisible = useResourceVisible();
 	const resolvedHeading = heading ?? t("commandPalette.recent", { defaultValue: "Recent" });
 	const store = (0, _burojs_react.usePlatformStorage)().local;
 	const [stored, setStored] = (0, react.useState)([]);
@@ -2810,7 +4881,7 @@ function CommandPaletteRecentGroup({ onSelect, getTestId, heading, refreshKey, w
 			return;
 		}
 		let current = true;
-		const read = require_resource_page_router.readRecentRecords(store, userId);
+		const read = readRecentRecords(store, userId);
 		if (Array.isArray(read)) setStored(read);
 		else read.then((entries) => {
 			if (current) setStored(entries);
@@ -2859,7 +4930,7 @@ function RecentItem({ entry, href, onGo, getTestId }) {
 	const resourceLabel = (0, _burojs_core.resolveResourceLabel)(caps, entry.canonicalRef, "single", def);
 	const key = `${entry.canonicalRef}:${entry.id}`;
 	const declared = Object.keys(def?.fields ?? {});
-	const candidates = def?.recordTitle === void 0 ? [...declared.filter((name) => require_resource_page_router.RECENT_LABEL_KEYS.includes(name)), ...def?.displayField === void 0 ? [] : [def.displayField]] : declared;
+	const candidates = def?.recordTitle === void 0 ? [...declared.filter((name) => RECENT_LABEL_KEYS.includes(name)), ...def?.displayField === void 0 ? [] : [def.displayField]] : declared;
 	const legacyTrusted = entry.label === entry.id || access.status === "ready" && candidates.every((name) => access.fieldVisible(name));
 	const shown = entry.labelField === void 0 ? legacyTrusted ? entry.label : entry.id : access.status === "ready" && access.fieldVisible(entry.labelField) ? entry.label : entry.id;
 	return (0, react_jsx_runtime.jsxs)(require_relation_create.CommandItem, {
@@ -2897,12 +4968,12 @@ function CommandPaletteRecordsGroup({ enabled = true, pageSize = 5, minQueryLeng
 	const t = (0, _burojs_react.useOptionalT)();
 	const navigate = (0, _burojs_react.useRouteNavigate)();
 	const quick = (0, _burojs_react.useQuick)();
-	const isResourceVisible = require_resource_page_router.useResourceVisible();
+	const isResourceVisible = useResourceVisible();
 	const resolvedHeading = heading ?? t("commandPalette.records", { defaultValue: "Records" });
 	const liveQuery = (0, cmdk.useCommandState)((state) => state.search) ?? "";
 	const debouncedQuery = (0, _burojs_react.useDebouncedValue)(liveQuery, debounceMs);
 	const searchableResources = (0, react.useMemo)(() => {
-		return app.registry.list().filter((r) => require_resource_page_router.isShowAvailable(app.registry, require_resource_page_router.canonicalResourceKey(r)) || opensInQuick(app.registry, require_resource_page_router.canonicalResourceKey(r), "show")).filter(isResourceVisible).map((def) => {
+		return app.registry.list().filter((r) => isShowAvailable(app.registry, require_record_trail_store.canonicalResourceKey(r)) || opensInQuick(app.registry, require_record_trail_store.canonicalResourceKey(r), "show")).filter(isResourceVisible).map((def) => {
 			const displayField = resolveDisplayField(def);
 			return displayField ? {
 				def,
@@ -2928,12 +4999,12 @@ function CommandPaletteRecordsGroup({ enabled = true, pageSize = 5, minQueryLeng
 			recordHref,
 			registry: app.registry,
 			getTestId
-		}, require_resource_page_router.canonicalResourceKey(def)))
+		}, require_record_trail_store.canonicalResourceKey(def)))
 	}, "records");
 }
 function PerResourceSearchHits({ def, displayField, query, pageSize, goTo, recordHref, registry, getTestId }) {
 	const caps = (0, _burojs_react.useI18nCaps)();
-	const resource = require_resource_page_router.canonicalResourceKey(def);
+	const resource = require_record_trail_store.canonicalResourceKey(def);
 	const access = (0, _burojs_react.useListAccess)(resource);
 	const titleVisible = access.status === "ready" && access.fieldVisible(displayField);
 	const shouldFetch = query.length > 0 && titleVisible;
@@ -2958,7 +5029,7 @@ function PerResourceSearchHits({ def, displayField, query, pageSize, goTo, recor
 		report(rows.length);
 	}, [report, rows.length]);
 	if (rows.length === 0) return null;
-	const resourceLabel = (0, _burojs_core.resolveResourceLabel)(caps, require_resource_page_router.canonicalResourceKey(def), "single", def);
+	const resourceLabel = (0, _burojs_core.resolveResourceLabel)(caps, require_record_trail_store.canonicalResourceKey(def), "single", def);
 	const declaredIdField = def.data?.idField;
 	const idField = typeof declaredIdField === "string" && declaredIdField.length > 0 ? declaredIdField : "id";
 	return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: rows.map((row) => {
@@ -2968,7 +5039,7 @@ function PerResourceSearchHits({ def, displayField, query, pageSize, goTo, recor
 		const display = titleVisible ? row[displayField] : void 0;
 		const labelText = typeof display === "string" && display.length > 0 ? display : id;
 		const subtitle = rowSubtitle(row) ?? null;
-		const href = recordHref ? recordHref(resource, id) : require_resource_page_router.isShowAvailable(registry, resource) ? (0, _burojs_core.resourceShowHref)(registry, def, resource, id) : null;
+		const href = recordHref ? recordHref(resource, id) : isShowAvailable(registry, resource) ? (0, _burojs_core.resourceShowHref)(registry, def, resource, id, row) : null;
 		return (0, react_jsx_runtime.jsxs)(require_relation_create.CommandItem, {
 			value: `record:${resource}:${id}:${labelText}`,
 			forceMount: true,
@@ -3116,7 +5187,7 @@ function CommandPaletteActionsGroup({ actions, onSelect, getTestId, heading }) {
 function CommandPaletteCreateGroup({ resourceFilter, onSelect, getTestId, heading, createHref, prefix }) {
 	const caps = (0, _burojs_react.useI18nCaps)();
 	const app = (0, _burojs_react.useApp)();
-	const isResourceVisible = require_resource_page_router.useResourceVisible();
+	const isResourceVisible = useResourceVisible();
 	const gate = (0, _burojs_react.useAvailabilityGate)();
 	const t = (0, _burojs_react.useOptionalT)();
 	const navigate = (0, _burojs_react.useRouteNavigate)();
@@ -3124,7 +5195,7 @@ function CommandPaletteCreateGroup({ resourceFilter, onSelect, getTestId, headin
 	const resolvedHeading = heading ?? t("commandPalette.create", { defaultValue: "Create" });
 	const resolvedPrefix = prefix ?? t("commandPalette.createNew", { defaultValue: "Create new" });
 	const visibleResources = (0, react.useMemo)(() => {
-		return app.registry.list().filter((r) => (0, _burojs_core.hasListPage)(r)).filter((r) => gate(require_resource_page_router.canonicalResourceKey(r), "create").state === "available").filter((r) => (0, _burojs_core.hasRecordPage)(r, "create") || opensInQuick(app.registry, require_resource_page_router.canonicalResourceKey(r), "create")).filter(isResourceVisible).filter((r) => resourceFilter ? resourceFilter(r) : true);
+		return app.registry.list().filter((r) => (0, _burojs_core.hasListPage)(r)).filter((r) => (0, _burojs_core.collectionFactOf)(r) === void 0).filter((r) => gate(require_record_trail_store.canonicalResourceKey(r), "create").state === "available").filter((r) => (0, _burojs_core.hasRecordPage)(r, "create") || opensInQuick(app.registry, require_record_trail_store.canonicalResourceKey(r), "create")).filter(isResourceVisible).filter((r) => resourceFilter ? resourceFilter(r) : true);
 	}, [
 		app,
 		gate,
@@ -3142,13 +5213,13 @@ function CommandPaletteCreateGroup({ resourceFilter, onSelect, getTestId, headin
 			return;
 		}
 		onSelect?.();
-		quick.create(require_resource_page_router.canonicalResourceKey(def));
+		quick.create(require_record_trail_store.canonicalResourceKey(def));
 	};
-	const resourceLabel = (def) => (0, _burojs_core.resolveResourceLabel)(caps, require_resource_page_router.canonicalResourceKey(def), "single", def);
+	const resourceLabel = (def) => (0, _burojs_core.resolveResourceLabel)(caps, require_record_trail_store.canonicalResourceKey(def), "single", def);
 	return (0, react_jsx_runtime.jsx)(require_relation_create.CommandGroup, {
 		heading: resolvedHeading,
 		children: visibleResources.map((def) => {
-			const resource = require_resource_page_router.canonicalResourceKey(def);
+			const resource = require_record_trail_store.canonicalResourceKey(def);
 			const label = resourceLabel(def);
 			const href = createHref?.(def) ?? (0, _burojs_core.resourceCreateHref)(app.registry, def, resource);
 			const value = `create:${resource}:${resolvedPrefix}:${label}`;
@@ -4457,7 +6528,7 @@ function JsonInput({ name, id, value, onChange, testid, disabled, required, aria
 }
 //#endregion
 //#region src/fields/lazy-relation-many.tsx
-const RelationManyPickerInput = (0, react.lazy)(() => Promise.resolve().then(() => require("./relation-many-picker-BBNsmkaX.cjs")).then((module) => ({ default: module.RelationManyPickerInput })));
+const RelationManyPickerInput = (0, react.lazy)(() => Promise.resolve().then(() => require("./relation-many-picker-Cq0EHY5I.cjs")).then((module) => ({ default: module.RelationManyPickerInput })));
 function LazyRelationManyInput(props) {
 	return (0, react_jsx_runtime.jsx)(react.Suspense, {
 		fallback: (0, react_jsx_runtime.jsx)(require_skeleton.Skeleton, {
@@ -5778,7 +7849,7 @@ function BlockScreen({ block, props, resource, record, label }) {
 		children: (0, react_jsx_runtime.jsx)("div", {
 			"data-testid": "modal-block",
 			className: "min-w-0",
-			children: (0, react_jsx_runtime.jsx)(require_resource_page_router.PlannedBody, {
+			children: (0, react_jsx_runtime.jsx)(PlannedBody, {
 				screen: compiled,
 				name: "modal",
 				label: label ?? "",
@@ -6304,7 +8375,7 @@ function QuickLoaded({ entry, recordId, typedId, row, isCurrentData }) {
 	const answer = gate(entry.resource, entry.mode === "edit" ? "edit" : "show", row);
 	const open = answer.state === "open";
 	const title = (0, _burojs_react.useProjectedTitle)(entry.resource, recordId, row, { placeholder: !isCurrentData });
-	require_resource_page_router.useRecordVisit(entry.resource, open && entry.mode === "show" ? row : null, { isCurrentData });
+	useRecordVisit(entry.resource, open && entry.mode === "show" ? row : null, { isCurrentData });
 	const stack = quick?.stack;
 	(0, react.useEffect)(() => {
 		if (open && stack !== void 0) stack.nameTop(title);
@@ -6390,7 +8461,7 @@ function QuickScreenOf({ entry, route, recordId }) {
 			value: route,
 			children: (0, react_jsx_runtime.jsx)(require_place_node.QuickScreenClaimContext.Provider, {
 				value: true,
-				children: (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordScreen, {
+				children: (0, react_jsx_runtime.jsx)(RecordScreen, {
 					resource: entry.resource,
 					mode: entry.mode,
 					...recordId === void 0 ? {} : { recordId },
@@ -7143,6 +9214,8 @@ exports.Checkbox = require_place_node.Checkbox;
 exports.Collapsible = Collapsible;
 exports.CollapsibleContent = CollapsibleContent;
 exports.CollapsibleTrigger = CollapsibleTrigger;
+exports.CollectionCreatePicker = CollectionCreatePicker;
+exports.CollectionRecordRoute = CollectionRecordRoute;
 exports.ColumnsToggle = require_place_node.ColumnsToggle;
 exports.Command = require_relation_create.Command;
 exports.CommandDialog = require_relation_create.CommandDialog;
@@ -7263,8 +9336,8 @@ exports.ListLive = require_place_node.ListLive;
 exports.ListSavedViews = require_place_node.ListSavedViews;
 exports.ListSearchInput = require_place_node.ListSearchInput;
 exports.LoginForm = LoginForm;
-exports.NavAreaNotFound = require_resource_page_router.NavAreaNotFound;
-exports.NavAreaPage = require_resource_page_router.NavAreaPage;
+exports.NavAreaNotFound = require_record_trail_store.NavAreaNotFound;
+exports.NavAreaPage = NavAreaPage;
 exports.NavChrome = NavChrome;
 exports.NavMain = NavMain;
 exports.NavigationGuardDialog = NavigationGuardDialog;
@@ -7284,8 +9357,8 @@ exports.PresetFilterControls = require_filter_builder.PresetFilterControls;
 exports.Progress = Progress;
 exports.RecordActions = require_place_node.RecordActions;
 exports.RecordBreadcrumbs = RecordBreadcrumbs;
-exports.RecordPage = require_resource_page_router.RecordPage;
-exports.RecordScreen = require_resource_page_router.RecordScreen;
+exports.RecordPage = RecordPage;
+exports.RecordScreen = RecordScreen;
 exports.RecordTitle = require_place_node.RecordTitle;
 exports.RefreshButton = RefreshButton;
 exports.RelationDisplay = require_relation_create.RelationDisplay;
@@ -7295,12 +9368,12 @@ exports.RelationPicker = require_relation_picker.RelationPicker;
 exports.RelationPickerDialog = require_lazy_relation_picker_dialog.LazyRelationPickerDialog;
 exports.RelationPickerInput = require_relation_picker.RelationPickerInput;
 exports.ResourceList = require_place_node.ResourceList;
-exports.ResourceListPage = require_resource_page_router.ResourceListPage;
-exports.ResourcePageRouter = require_resource_page_router.ResourcePageRouter;
+exports.ResourceListPage = ResourceListPage;
+exports.ResourcePageRouter = ResourcePageRouter;
 exports.SavedViewsDropdown = require_place_node.SavedViewsDropdown;
 exports.ScopeDimensionPicker = ScopeDimensionPicker;
 exports.ScopeSwitcher = ScopeSwitcher;
-exports.SecondarySidebarLayout = require_resource_page_router.SecondarySidebarLayout;
+exports.SecondarySidebarLayout = SecondarySidebarLayout;
 exports.Select = require_filter_builder.Select;
 exports.SelectContent = require_filter_builder.SelectContent;
 exports.SelectGroup = require_filter_builder.SelectGroup;
@@ -7360,7 +9433,7 @@ exports.TableHeader = require_filter_builder.TableHeader;
 exports.TableRow = require_filter_builder.TableRow;
 exports.Tabs = require_place_node.Tabs;
 exports.TabsContent = require_place_node.TabsContent;
-exports.TabsLayout = require_resource_page_router.TabsLayout;
+exports.TabsLayout = TabsLayout;
 exports.TabsList = require_place_node.TabsList;
 exports.TabsTrigger = require_place_node.TabsTrigger;
 exports.TaskRunPanel = TaskRunPanel;
@@ -7376,9 +9449,10 @@ exports.Tooltip = require_check_confirm_dialog.Tooltip;
 exports.TooltipContent = require_check_confirm_dialog.TooltipContent;
 exports.TooltipProvider = require_check_confirm_dialog.TooltipProvider;
 exports.TooltipTrigger = require_check_confirm_dialog.TooltipTrigger;
+exports.UnknownMemberCard = UnknownMemberCard;
 exports.UserMenu = UserMenu;
 exports.badgeVariants = require_filter_builder.badgeVariants;
-exports.buildNavItems = require_resource_page_router.buildNavItems;
+exports.buildNavItems = buildNavItems;
 exports.buroSortingToTanStack = require_place_node.buroSortingToTanStack;
 exports.buttonVariants = require_button.buttonVariants;
 exports.cn = require_use_theme.cn;
@@ -7389,7 +9463,7 @@ exports.formatOperatorLabel = formatOperatorLabel;
 exports.hasIcon = require_check_confirm_dialog.hasIcon;
 exports.i18nPrefixToRef = _burojs_core.i18nPrefixToRef;
 exports.isImage = _burojs_file_storage.isImage;
-exports.layoutSlot = require_resource_page_router.layoutSlot;
+exports.layoutSlot = layoutSlot;
 exports.listSlot = require_check_confirm_dialog.listSlot;
 exports.loadLocale = require_filter_builder.loadLocale;
 exports.localeLabel = localeLabel;
@@ -7419,18 +9493,18 @@ exports.useDocumentTitle = require_place_node.useDocumentTitle;
 exports.useExportRunWatcher = require_place_node.useExportRunWatcher;
 exports.useFormControl = require_place_node.useFormControl;
 exports.useFormField = useFormField;
-exports.useHref = require_resource_page_router.useHref;
+exports.useHref = useHref;
 exports.useIsMobile = useIsMobile;
 exports.useLanguagePaletteActions = useLanguagePaletteActions;
 exports.useLanguageSwitch = useLanguageSwitch;
-exports.useLayout = require_resource_page_router.useLayout;
-exports.useLayoutResolver = require_resource_page_router.useLayoutResolver;
+exports.useLayout = useLayout;
+exports.useLayoutResolver = useLayoutResolver;
 exports.useLinkComponent = require_toaster.useLinkComponent;
 exports.useListSlot = require_check_confirm_dialog.useListSlot;
-exports.useMatch = require_resource_page_router.useMatch;
+exports.useMatch = useMatch;
 exports.useNavIcon = useNavIcon;
 exports.useNavTree = useNavTree;
-exports.useNavVisible = require_resource_page_router.useNavVisible;
+exports.useNavVisible = useNavVisible;
 exports.useOptionalSidebar = useOptionalSidebar;
 exports.usePaletteState = require_place_node.usePaletteState;
 exports.usePresentationCopy = usePresentationCopy;