@burojs/ui-shadcn 0.6.0 → 0.7.0

package/dist/index.cjs

@@ -1,21 +1,21 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_use_theme = require("./use-theme-DFlpXils.cjs");
-const require_toaster = require("./toaster-Cr51X7bz.cjs");
-const require_check_confirm_dialog = require("./check-confirm-dialog--gPFnEeg.cjs");
+const require_toaster = require("./toaster-BbByOytP.cjs");
+const require_check_confirm_dialog = require("./check-confirm-dialog-C-NHgMST.cjs");
 const require_button = require("./button-BxnnE28H.cjs");
 const require_input = require("./input-BI0czGyI.cjs");
-const require_dialog = require("./dialog-DRNUq9EA.cjs");
-const require_search_access = require("./search-access-Dugvttlg.cjs");
-const require_shell = require("./shell-DxhlsPwm.cjs");
+const require_dialog = require("./dialog-vmMdfUWs.cjs");
+const require_relation_create = require("./relation-create-DDEYcKfw.cjs");
 const require_skeleton = require("./skeleton-_1gP7wan.cjs");
-const require_place_node = require("./place-node-C5SmIAYU.cjs");
+const require_place_node = require("./place-node-CNb3w-c7.cjs");
 const require_layout_theme_storage_key = require("./layout/theme-storage-key.cjs");
-const require_filter_builder = require("./filter-builder-nXqtM_h4.cjs");
-const require_resource_page_router = require("./resource-page-router-PXfMW9nh.cjs");
+const require_filter_builder = require("./filter-builder-DFu0JP-1.cjs");
+const require_resource_page_router = require("./resource-page-router-C_kGW2o_.cjs");
 const require_label = require("./label-w6JYf2cF.cjs");
-const require_relation_picker = require("./relation-picker-gag0qSR5.cjs");
-const require_candidates_gate = require("./candidates-gate-D33jXLHO.cjs");
-const require_use_dialog_filter_state = require("./use-dialog-filter-state-Dhe8PcB5.cjs");
+const require_lazy_relation_picker_dialog = require("./lazy-relation-picker-dialog-Bt8lrEIu.cjs");
+const require_relation_picker = require("./relation-picker-DaIMzf2H.cjs");
+const require_use_dialog_filter_state = require("./use-dialog-filter-state-tNvqAAjh.cjs");
+let _burojs_react_web = require("@burojs/react/web");
 let _burojs_core = require("@burojs/core");
 let _burojs_react = require("@burojs/react");
 let _tabler_icons_react = require("@tabler/icons-react");
@@ -35,6 +35,7 @@ let _radix_ui_react_avatar = require("@radix-ui/react-avatar");
 _radix_ui_react_avatar = require_use_theme.__toESM(_radix_ui_react_avatar, 1);
 let _radix_ui_react_collapsible = require("@radix-ui/react-collapsible");
 _radix_ui_react_collapsible = require_use_theme.__toESM(_radix_ui_react_collapsible, 1);
+let _burojs_core_internal = require("@burojs/core/internal");
 let react_hook_form = require("react-hook-form");
 let _hookform_resolvers_zod = require("@hookform/resolvers/zod");
 let zod = require("zod");
@@ -496,7 +497,7 @@ function ScopeSummary({ scope, summary }) {
 	const caps = (0, _burojs_react.useI18nCaps)();
 	const t = (0, _burojs_react.useOptionalT)();
 	const links = (scope !== void 0 ? (0, _burojs_core.resolveDoc)(caps, scope) : void 0)?.links ?? [];
-	const newTabNote = t("docPanel.newTab", { defaultValue: "opens in a new tab" });
+	const newTabNote = t("docPanel.opensInNewTab", { defaultValue: "(opens in a new tab)" });
 	if (summary === void 0 && links.length === 0) return null;
 	return (0, react_jsx_runtime.jsxs)("div", {
 		className: "mt-2 flex flex-col items-start gap-3",
@@ -632,9 +633,9 @@ function CommandPaletteDocsGroup({ locale, onSelect, heading }) {
 		}];
 	}), [groups, contextOf]);
 	if (hits.length === 0) return null;
-	return (0, react_jsx_runtime.jsx)(require_search_access.CommandGroup, {
+	return (0, react_jsx_runtime.jsx)(require_relation_create.CommandGroup, {
 		heading: heading ?? t("docPanel.title", { defaultValue: "Help" }),
-		children: hits.map((hit) => (0, react_jsx_runtime.jsxs)(require_search_access.CommandItem, {
+		children: hits.map((hit) => (0, react_jsx_runtime.jsxs)(require_relation_create.CommandItem, {
 			value: `doc ${hit.scopeLabel} ${hit.title}`,
 			"data-testid": `command-doc:${hit.scope}${hit.topicId === void 0 ? "" : `:${hit.topicId}`}`,
 			onSelect: () => {
@@ -777,10 +778,10 @@ const Sidebar = react.forwardRef(({ side = "left", variant = "sidebar", collapsi
 		...props,
 		children
 	});
-	if (isMobile) return (0, react_jsx_runtime.jsx)(require_shell.Sheet, {
+	if (isMobile) return (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.Sheet, {
 		open: openMobile,
 		onOpenChange: setOpenMobile,
-		children: (0, react_jsx_runtime.jsxs)(require_shell.SheetContent, {
+		children: (0, react_jsx_runtime.jsxs)(require_check_confirm_dialog.SheetContent, {
 			"data-sidebar": "sidebar",
 			"data-mobile": "true",
 			className: "w-[var(--sidebar-width)] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
@@ -788,11 +789,11 @@ const Sidebar = react.forwardRef(({ side = "left", variant = "sidebar", collapsi
 			side: side === "left" ? "left" : "right",
 			...props,
 			children: [
-				(0, react_jsx_runtime.jsx)(require_shell.SheetTitle, {
+				(0, react_jsx_runtime.jsx)(require_check_confirm_dialog.SheetTitle, {
 					className: "sr-only",
 					children: t("nav.label", { defaultValue: "Navigation" })
 				}),
-				(0, react_jsx_runtime.jsx)(require_shell.SheetDescription, {
+				(0, react_jsx_runtime.jsx)(require_check_confirm_dialog.SheetDescription, {
 					className: "sr-only",
 					children: t("nav.main", { defaultValue: "Main navigation" })
 				}),
@@ -1118,7 +1119,7 @@ AlertDialogCancel.displayName = _radix_ui_react_alert_dialog.Cancel.displayName;
 function NavigationGuardDialog() {
 	const prompt = (0, _burojs_react.useRegisterNavigationGuardDialog)();
 	const text = (0, _burojs_react.useNavigationGuardText)();
-	const unsavedAction = (0, _burojs_react.useOptionalT)()("navigation.unsavedAction");
+	const unsavedAction = (0, _burojs_react.useOptionalT)()("navigation.unsavedAction", { defaultValue: "An action on this screen has unsaved input" });
 	const returnFocus = (0, react.useRef)(null);
 	const wasOpen = (0, react.useRef)(false);
 	const open = prompt !== null;
@@ -1141,7 +1142,7 @@ function NavigationGuardDialog() {
 				event.preventDefault();
 				element.focus();
 			},
-			children: [(0, react_jsx_runtime.jsxs)(AlertDialogHeader, { children: [(0, react_jsx_runtime.jsx)(AlertDialogTitle, { children: text.title }), (0, react_jsx_runtime.jsxs)(AlertDialogDescription, { children: [text.body, prompt !== null && prompt.labels.length > 0 ? ` ${unsavedAction === "navigation.unsavedAction" ? "An action on this screen has unsaved input" : unsavedAction}: ${prompt.labels.join(", ")}.` : null] })] }), (0, react_jsx_runtime.jsxs)(AlertDialogFooter, { children: [(0, react_jsx_runtime.jsx)(AlertDialogCancel, {
+			children: [(0, react_jsx_runtime.jsxs)(AlertDialogHeader, { children: [(0, react_jsx_runtime.jsx)(AlertDialogTitle, { children: text.title }), (0, react_jsx_runtime.jsxs)(AlertDialogDescription, { children: [text.body, prompt !== null && prompt.labels.length > 0 ? ` ${unsavedAction}: ${prompt.labels.join(", ")}.` : null] })] }), (0, react_jsx_runtime.jsxs)(AlertDialogFooter, { children: [(0, react_jsx_runtime.jsx)(AlertDialogCancel, {
 				"data-testid": "nav-guard-stay",
 				children: text.stay
 			}), (0, react_jsx_runtime.jsx)(AlertDialogAction, {
@@ -1701,14 +1702,14 @@ const CollapsibleTrigger = _radix_ui_react_collapsible.CollapsibleTrigger;
 const CollapsibleContent = _radix_ui_react_collapsible.CollapsibleContent;
 //#endregion
 //#region src/shell/use-nav-icon.tsx
-const warned = new Set();
+const warned$1 = new Set();
 function resolveNavIcon(name, components) {
 	if (name === void 0 || name === "") return void 0;
 	const slot = components(name);
 	if (typeof slot === "function" || typeof slot === "object" && slot !== null) return (0, react_jsx_runtime.jsx)(slot, { className: "h-4 w-4" });
 	if (require_check_confirm_dialog.hasIcon(name)) return (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.Icon, { name });
-	if (process.env.NODE_ENV !== "production" && !warned.has(name)) {
-		warned.add(name);
+	if (process.env.NODE_ENV !== "production" && !warned$1.has(name)) {
+		warned$1.add(name);
 		console.warn(`[buro] unknown nav icon "${name}"`);
 	}
 }
@@ -1717,6 +1718,53 @@ function useNavIcon() {
 	return (0, react.useCallback)((name) => resolveNavIcon(name, (key) => components[key]), [components]);
 }
 //#endregion
+//#region src/layout/build-nav-items.ts
+function buildNavItems(args) {
+	const { registry, caps, groupName, match, isVisible, entryFilter, icons } = args;
+	const chain = match?.groupChain ?? [];
+	const qualifiedMatch = match;
+	const activeLeaf = qualifiedMatch == null ? void 0 : qualifiedMatch.kind === "group-index" ? require_resource_page_router.canonicalNavKey({
+		name: qualifiedMatch.target ?? qualifiedMatch.name,
+		ref: qualifiedMatch.targetRef
+	}) : require_resource_page_router.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_resource_page_router.canonicalNavKey(child);
+		const href = (0, _burojs_core.navHrefFor)(registry, childKey, { isVisible: isEligible });
+		if (kind === "group") {
+			const label = (0, _burojs_core.resolveNavLabel)(caps, `groups.${childKey}`, (0, _burojs_core.declaredText)("chrome", child, "label"));
+			const active = chain.some((g) => require_resource_page_router.canonicalNavKey(g) === childKey);
+			out.push({
+				kind: "group",
+				name: childKey,
+				label,
+				href,
+				icon: icons?.group?.(childKey),
+				active
+			});
+		} else if (kind === "custom-page") out.push({
+			kind: "custom-page",
+			name: childKey,
+			label: (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/use-nav-tree.ts
 function isActiveHref(href, currentPath) {
 	if (!currentPath) return false;
@@ -1730,8 +1778,7 @@ function useNavTree(opts = {}) {
 	const passesEntryFilter = (entry) => entryFilter ? entryFilter(entry) : true;
 	const app = (0, _burojs_react.useApp)();
 	const caps = (0, _burojs_react.useI18nCaps)();
-	const visibilityCtx = (0, _burojs_react.useVisibilityCtx)();
-	const isResourceVisible = (r) => (0, _burojs_core.evaluateVisible)(r.visible, visibilityCtx);
+	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();
@@ -1741,6 +1788,7 @@ function useNavTree(opts = {}) {
 	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) => ({
 		r,
 		idx
@@ -1778,7 +1826,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,
@@ -1978,7 +2026,7 @@ function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection,
 		})
 	}) }, entry.key);
 	const [top, ...blocks] = tree;
-	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)(SidebarGroup, { children: [topLabel !== null && (0, react_jsx_runtime.jsx)(SidebarGroupLabel, { children: topLabel ?? t("nav.resources") }), (0, react_jsx_runtime.jsx)(SidebarGroupContent, { children: (0, react_jsx_runtime.jsx)(SidebarMenu, { children: top?.entries.map(menuItem) }) })] }), blocks.map((block) => {
+	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [top !== void 0 && top.entries.length > 0 && (0, react_jsx_runtime.jsxs)(SidebarGroup, { children: [topLabel !== null && (0, react_jsx_runtime.jsx)(SidebarGroupLabel, { children: topLabel ?? t("nav.resources") }), (0, react_jsx_runtime.jsx)(SidebarGroupContent, { children: (0, react_jsx_runtime.jsx)(SidebarMenu, { children: top.entries.map(menuItem) }) })] }), blocks.map((block) => {
 		const key = block.key ?? "";
 		if (block.label === null) return (0, react_jsx_runtime.jsx)(SidebarGroup, { children: (0, react_jsx_runtime.jsx)(SidebarGroupContent, { children: (0, react_jsx_runtime.jsx)(SidebarMenu, { children: block.entries.map(menuItem) }) }) }, key);
 		if (block.collapsible) return (0, react_jsx_runtime.jsx)(CollapsibleNavSection, {
@@ -2022,127 +2070,32 @@ function AppSidebar({ header, filters, nav, footer }) {
 	});
 }
 //#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-area-layout.tsx
+//#region src/layout/nav-chrome.tsx
 const DETAIL_ACTIONS = new Set([
 	"show",
 	"edit",
 	"create"
 ]);
-function NavAreaLayout({ groupName, children, entryFilter, icons }) {
+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();
-	const group = app.registry.groups.get(groupName);
-	if (!group) return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
-	const groupKey = require_resource_page_router.canonicalNavKey(group);
-	const claimed = [groupKey, ...(0, _burojs_core.groupChain)(app.registry, group).map(require_resource_page_router.canonicalNavKey)];
-	const collapse = group.chromeOn === "list" && match?.kind === "resource" && DETAIL_ACTIONS.has(match.action);
-	const Layout = resolveLayout(group.layout);
+	require_resource_page_router.useReportUnresolvedLayouts(match?.groupChain ?? [], resolveLayout);
+	if (!match) return (0, react_jsx_runtime.jsx)(require_resource_page_router.NavChromeMountedProvider, {
+		value: true,
+		children
+	});
 	let content = children;
-	if (Layout && !collapse) {
-		const items = require_resource_page_router.buildNavItems({
+	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);
+		if (group.chromeOn === "list" && match.kind === "resource" && DETAIL_ACTIONS.has(match.action)) continue;
+		const Layout = resolveLayout(group.layout);
+		if (!Layout) continue;
+		const items = buildNavItems({
 			registry: app.registry,
 			caps,
 			groupName: groupKey,
@@ -2155,11 +2108,11 @@ function NavAreaLayout({ groupName, children, entryFilter, icons }) {
 			group,
 			groupKey,
 			items,
-			children
+			children: content
 		});
 	}
-	return (0, react_jsx_runtime.jsx)(require_resource_page_router.NavChromeBoundaryProvider, {
-		claim: claimed,
+	return (0, react_jsx_runtime.jsx)(require_resource_page_router.NavChromeMountedProvider, {
+		value: true,
 		children: content
 	});
 }
@@ -2172,10 +2125,12 @@ function Chevron() {
 		"aria-hidden": "true"
 	});
 }
-function Breadcrumbs(props) {
+function Breadcrumbs(input) {
+	const props = input;
 	const { leadingSegments, className, docScopes, "data-testid": testId } = props;
 	const app = (0, _burojs_react.useApp)();
-	const def = props.resource === void 0 ? void 0 : app.registry.get(props.resource);
+	const resource = props.resource === void 0 ? void 0 : (0, _burojs_core.routeResourceKey)(props.resource);
+	const def = resource === void 0 ? void 0 : app.registry.get(resource);
 	const tid = (0, _burojs_react.useTestIds)();
 	const t = (0, _burojs_react.useOptionalT)();
 	const RouterLink = require_toaster.useLinkComponent();
@@ -2230,7 +2185,12 @@ function Breadcrumbs(props) {
 		"data-testid": testId,
 		children: [
 			leading(resourceKey),
-			resourceIsCurrent ? current(tid.navBreadcrumb(resourceKey), resourceLabel) : (0, react_jsx_runtime.jsx)(RouterLink, {
+			resourceIsCurrent ? current(tid.navBreadcrumb(resourceKey), resourceLabel) : !(0, _burojs_core.hasListPage)(def) ? (0, react_jsx_runtime.jsx)("span", {
+				"data-testid": tid.navBreadcrumb(resourceKey),
+				className: "truncate",
+				title: resourceLabel,
+				children: resourceLabel
+			}) : (0, react_jsx_runtime.jsx)(RouterLink, {
 				href: listHref,
 				"data-testid": tid.navBreadcrumb(resourceKey),
 				className: require_use_theme.cn(LINK_CLASS, "truncate"),
@@ -2306,15 +2266,15 @@ function RecordBreadcrumbs() {
 }
 //#endregion
 //#region src/layout/default-nav-layouts.ts
-const defaultNavLayouts = {
-	[require_resource_page_router.layoutSlot("secondary-sidebar")]: SecondarySidebarLayout,
-	[require_resource_page_router.layoutSlot("tabs")]: TabsLayout
-};
+const defaultNavLayouts = { ...require_resource_page_router.BUILTIN_LAYOUTS };
 //#endregion
 //#region src/layout/context-picker.tsx
-function ContextPicker({ sliceName, label, options, value, onChange, placeholder, disabled, className, hideLabel }) {
+const ALL = "\0all";
+function ContextPicker({ sliceName, label, options, value, onChange, placeholder, disabled, className, hideLabel, allOption }) {
 	const tid = (0, _burojs_react.useTestIds)();
 	const t = (0, _burojs_react.useOptionalT)();
+	const chromeT = (0, _burojs_react.useChromeT)();
+	const allLabel = typeof allOption === "string" ? allOption : chromeT("scope.all", { defaultValue: "All" });
 	const displayLabel = label ?? (0, _burojs_core.humanizeKey)(sliceName);
 	return (0, react_jsx_runtime.jsxs)("div", {
 		className: require_use_theme.cn("space-y-1", className),
@@ -2323,23 +2283,114 @@ function ContextPicker({ sliceName, label, options, value, onChange, placeholder
 			className: hideLabel ? "sr-only" : "text-xs font-medium text-muted-foreground uppercase tracking-wide",
 			children: displayLabel
 		}), (0, react_jsx_runtime.jsxs)(require_filter_builder.Select, {
-			value: value ?? "",
-			onValueChange: onChange,
+			value: value ?? (allOption === void 0 ? "" : ALL),
+			onValueChange: (next) => {
+				if (allOption === void 0) onChange(next);
+				else onChange(next === ALL ? null : next);
+			},
 			disabled,
 			children: [(0, react_jsx_runtime.jsx)(require_filter_builder.SelectTrigger, {
 				id: `context-picker:${sliceName}`,
 				"data-testid": tid.contextPicker(sliceName),
 				className: require_use_theme.cn("w-full", hideLabel ? "h-8 text-xs" : void 0),
 				children: (0, react_jsx_runtime.jsx)(require_filter_builder.SelectValue, { placeholder: placeholder ?? t("field.select", { defaultValue: "Select…" }) })
-			}), (0, react_jsx_runtime.jsx)(require_filter_builder.SelectContent, { children: options.map((o) => (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
+			}), (0, react_jsx_runtime.jsxs)(require_filter_builder.SelectContent, { children: [allOption === void 0 ? null : (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
+				value: ALL,
+				"data-testid": tid.contextPickerOption(sliceName, "all"),
+				children: allLabel
+			}), options.map((o) => (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
 				value: o.value,
 				"data-testid": tid.contextPickerOption(sliceName, o.value),
 				children: o.label
-			}, o.value)) })]
+			}, o.value))] })]
 		})]
 	});
 }
 //#endregion
+//#region src/layout/scope-dimension-picker.tsx
+function ScopeDimensionPicker(props) {
+	const scope = (0, _burojs_react.useScope)();
+	const definition = scope.definition?.dimensions[props.dimension];
+	if (definition === void 0) throw new Error(`ScopeDimensionPicker: '${props.dimension}' is not a dimension of the app's defineScope(...)`);
+	if (definition.select === "none") return null;
+	const source = definition.values;
+	if (source === void 0) throw new Error(`ScopeDimensionPicker: dimension '${props.dimension}' declares no values; add values: { resource } or a { value, label } list`);
+	const allowed = scope.access[props.dimension]?.allowed;
+	const permitted = Array.isArray(allowed) ? allowed : void 0;
+	const common = {
+		...props,
+		multiple: definition.select === "multiple",
+		all: definition.all,
+		selected: scope.selection[props.dimension] ?? null,
+		select: (value) => scope.select(props.dimension, value)
+	};
+	if (Array.isArray(source)) {
+		const options = source.filter((option) => permitted === void 0 || permitted.includes(option.value));
+		return (0, react_jsx_runtime.jsx)(DimensionControl, {
+			...common,
+			options
+		});
+	}
+	const { resource, label } = source;
+	return (0, react_jsx_runtime.jsx)(ResourceDimension, {
+		...common,
+		resource,
+		...label ? { labelField: label } : {}
+	});
+}
+function ResourceDimension({ resource, labelField, ...rest }) {
+	const options = require_resource_page_router.useResourceDimensionOptions(rest.dimension, resource, labelField);
+	return (0, react_jsx_runtime.jsx)(DimensionControl, {
+		...rest,
+		options
+	});
+}
+function DimensionControl({ dimension, label, hideLabel, className, multiple, all, selected, select, options }) {
+	const tid = (0, _burojs_react.useTestIds)();
+	const chromeT = (0, _burojs_react.useChromeT)();
+	const byText = (0, react.useMemo)(() => new Map(options.map((option) => [String(option.value), option.value])), [options]);
+	const textOptions = (0, react.useMemo)(() => options.map((option) => ({
+		value: String(option.value),
+		label: option.label
+	})), [options]);
+	const picked = (Array.isArray(selected) ? selected : selected === null ? [] : [selected]).map(String);
+	const text = label ?? (0, _burojs_core.humanizeKey)(dimension);
+	if (multiple) return (0, react_jsx_runtime.jsxs)("div", {
+		className: require_use_theme.cn("space-y-1", className),
+		children: [(0, react_jsx_runtime.jsx)("span", {
+			className: hideLabel ? "sr-only" : "text-xs font-medium text-muted-foreground uppercase tracking-wide",
+			children: text
+		}), (0, react_jsx_runtime.jsx)(require_filter_builder.FacetedFilterPicker, {
+			title: text,
+			options: textOptions,
+			selected: picked,
+			...all ? { emptyLabel: chromeT("scope.all", { defaultValue: "All" }) } : { clearable: false },
+			onChange: (next) => {
+				if (next.length === 0 && !all) return;
+				select(next.length === 0 ? null : next.map((value) => byText.get(value) ?? value));
+			},
+			getTestId: (role, value) => role === "trigger" ? tid.contextPicker(dimension) : role === "option" ? tid.contextPickerOption(dimension, value ?? "") : role === "clear" ? tid.contextPickerOption(dimension, "all") : void 0
+		})]
+	});
+	const common = {
+		sliceName: dimension,
+		...label === void 0 ? {} : { label },
+		options: textOptions,
+		value: picked[0] ?? null,
+		...hideLabel === void 0 ? {} : { hideLabel },
+		...className === void 0 ? {} : { className }
+	};
+	const choose = (value) => select(value === null ? null : byText.get(value) ?? value);
+	return all ? (0, react_jsx_runtime.jsx)(ContextPicker, {
+		...common,
+		allOption: true,
+		onChange: choose
+	}) : (0, react_jsx_runtime.jsx)(ContextPicker, {
+		...common,
+		onChange: choose
+	});
+}
+//#endregion
 //#region src/layout/language-switch.tsx
 function LanguageSwitch({ onChange, className }) {
 	const t = (0, _burojs_react.useOptionalT)();
@@ -2468,20 +2519,20 @@ function CommandPalette({ open, onOpenChange, children, placeholder, emptyState,
 		}
 		onOpenChange(next);
 	}, [onOpenChange]);
-	return (0, react_jsx_runtime.jsxs)(require_search_access.CommandDialog, {
+	return (0, react_jsx_runtime.jsxs)(require_relation_create.CommandDialog, {
 		open,
 		onOpenChange: handleOpenChange,
 		className,
 		title: t("commandPalette.title", { defaultValue: "Command Palette" }),
 		description: t("commandPalette.description", { defaultValue: "Search and run actions." }),
 		children: [
-			(0, react_jsx_runtime.jsx)(require_search_access.CommandInput, {
+			(0, react_jsx_runtime.jsx)(require_relation_create.CommandInput, {
 				placeholder: resolvedPlaceholder,
 				"data-testid": inputTestId
 			}),
-			(0, react_jsx_runtime.jsxs)(require_search_access.CommandList, {
+			(0, react_jsx_runtime.jsxs)(require_relation_create.CommandList, {
 				"data-testid": dialogTestId,
-				children: [resolvedEmpty !== null && !hasAsyncResults && (0, react_jsx_runtime.jsx)(require_search_access.CommandEmpty, {
+				children: [resolvedEmpty !== null && !hasAsyncResults && (0, react_jsx_runtime.jsx)(require_relation_create.CommandEmpty, {
 					"data-testid": emptyTestId,
 					children: resolvedEmpty
 				}), (0, react_jsx_runtime.jsx)(CommandPaletteResultsContext.Provider, {
@@ -2528,7 +2579,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 	const navigate = (0, _burojs_react.useRouteNavigate)();
 	const isVisible = require_resource_page_router.useNavVisible();
 	const resolveLayout = require_resource_page_router.useLayoutResolver();
-	const isResourceVisible = (r) => (0, _burojs_core.evaluateVisible)(r.visible, visibilityCtx);
+	const isResourceVisible = require_resource_page_router.useResourceVisible();
 	const pageAllowed = require_resource_page_router.usePageAllowed();
 	const isPageVisible = (p) => (0, _burojs_core.evaluateVisible)(p.visible, visibilityCtx) && pageAllowed(p);
 	const { topLevelResources, topLevelPages, sectionGroups } = (0, react.useMemo)(() => {
@@ -2559,13 +2610,13 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 	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 groups = [];
-	if (topLevelResources.length > 0) groups.push((0, react_jsx_runtime.jsx)(require_search_access.CommandGroup, {
+	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 label = resourceLabel(def);
 			const href = (0, _burojs_core.hrefFor)(app.registry, resource, { isVisible });
-			return (0, react_jsx_runtime.jsx)(require_search_access.CommandItem, {
+			return (0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
 				value: `resource:${resource}:${label}`,
 				onSelect: () => goTo(href),
 				"data-testid": getTestId?.("resource", resource),
@@ -2573,13 +2624,13 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 			}, `resource:${resource}`);
 		})
 	}, "resources"));
-	if (topLevelPages.length > 0) groups.push((0, react_jsx_runtime.jsx)(require_search_access.CommandGroup, {
+	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 label = pageLabel(page);
 			const href = page.path;
-			return (0, react_jsx_runtime.jsx)(require_search_access.CommandItem, {
+			return (0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
 				value: `page:${pageKey}:${page.path}:${label}`,
 				onSelect: () => goTo(href),
 				"data-testid": getTestId?.("page", pageKey),
@@ -2590,9 +2641,9 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 	for (const { section, children } of sectionGroups) {
 		const sectionKey = require_resource_page_router.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_search_access.CommandGroup, {
+		groups.push((0, react_jsx_runtime.jsxs)(require_relation_create.CommandGroup, {
 			heading: sectionLabel,
-			children: [(0, react_jsx_runtime.jsx)(require_search_access.CommandItem, {
+			children: [(0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
 				value: `section:${sectionKey}:${sectionLabel}`,
 				disabled: true,
 				className: "font-medium opacity-70",
@@ -2603,7 +2654,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 					const pageKey = require_resource_page_router.canonicalNavKey(child);
 					const href = child.path;
 					const label = pageLabel(child);
-					return (0, react_jsx_runtime.jsx)(require_search_access.CommandItem, {
+					return (0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
 						value: `section:${sectionKey}:page:${pageKey}:${child.path}:${label}`,
 						onSelect: () => goTo(href),
 						"data-testid": getTestId?.("page", `${sectionKey}:${pageKey}`),
@@ -2614,7 +2665,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 				const resource = require_resource_page_router.canonicalResourceKey(child);
 				const label = resourceLabel(child);
 				const href = (0, _burojs_core.hrefFor)(app.registry, resource, { isVisible });
-				return (0, react_jsx_runtime.jsx)(require_search_access.CommandItem, {
+				return (0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
 					value: `section:${sectionKey}:resource:${resource}:${label}`,
 					onSelect: () => goTo(href),
 					"data-testid": getTestId?.("resource", `${sectionKey}:${resource}`),
@@ -2630,7 +2681,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 			const groupKey = require_resource_page_router.canonicalNavKey(group);
 			const label = (0, _burojs_core.resolveNavLabel)(caps, `groups.${groupKey}`, (0, _burojs_core.declaredText)("chrome", group, "label"));
 			const href = (0, _burojs_core.navHrefFor)(app.registry, groupKey, { isVisible });
-			items.push((0, react_jsx_runtime.jsx)(require_search_access.CommandItem, {
+			items.push((0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
 				value: `group:${idPath}:${label}`,
 				onSelect: () => goTo(href),
 				"data-testid": getTestId?.("group", idPath),
@@ -2651,7 +2702,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 				const pageKey = require_resource_page_router.canonicalNavKey(page);
 				const label = pageLabel(page);
 				const href = page.path;
-				items.push((0, react_jsx_runtime.jsx)(require_search_access.CommandItem, {
+				items.push((0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
 					value: `page:${idPath}:${pageKey}:${label}`,
 					onSelect: () => goTo(href),
 					"data-testid": getTestId?.("page", `${idPath}:${pageKey}`),
@@ -2666,7 +2717,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 			const resourceId = require_resource_page_router.canonicalResourceKey(resource);
 			const label = resourceLabel(resource);
 			const href = (0, _burojs_core.hrefFor)(app.registry, resourceId, { isVisible });
-			items.push((0, react_jsx_runtime.jsx)(require_search_access.CommandItem, {
+			items.push((0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
 				value: `resource:${idPath}:${resourceId}:${label}`,
 				onSelect: () => goTo(href),
 				"data-testid": getTestId?.("resource", `${idPath}:${resourceId}`),
@@ -2683,13 +2734,13 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 		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"));
-		groups.push((0, react_jsx_runtime.jsx)(require_search_access.CommandGroup, {
+		groups.push((0, react_jsx_runtime.jsx)(require_relation_create.CommandGroup, {
 			heading,
 			children: items
 		}, `group:${groupKey}`));
 	}
 	if (groups.length === 0) return null;
-	return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: groups.map((group, idx) => (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [idx > 0 && (0, react_jsx_runtime.jsx)(require_search_access.CommandSeparator, {}), group] }, `navgrp-${idx}`)) });
+	return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: groups.map((group, idx) => (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [idx > 0 && (0, react_jsx_runtime.jsx)(require_relation_create.CommandSeparator, {}), group] }, `navgrp-${idx}`)) });
 }
 //#endregion
 //#region src/layout/quick-targets.ts
@@ -2702,10 +2753,10 @@ function opensInQuick(registry, resource, mode) {
 }
 //#endregion
 //#region src/layout/command-palette-recent-group.tsx
-function entryHref(registry, entry, visibilityCtx) {
+function entryHref(registry, entry, isResourceVisible) {
 	const def = registry.get(entry.canonicalRef);
 	if (def === void 0) return void 0;
-	if (!(0, _burojs_core.evaluateVisible)(def.visible, visibilityCtx)) return void 0;
+	if (!isResourceVisible(def)) return void 0;
 	for (const action of ["show", "edit"]) if (require_place_node.recordRouteAvailable(registry, entry.canonicalRef, action)) return (0, _burojs_core.hrefFor)(registry, entry.canonicalRef, {
 		action,
 		id: entry.id
@@ -2719,27 +2770,39 @@ 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 visibilityCtx = (0, _burojs_react.useVisibilityCtx)();
+	const isResourceVisible = require_resource_page_router.useResourceVisible();
 	const resolvedHeading = heading ?? t("commandPalette.recent", { defaultValue: "Recent" });
-	const [hydrated, setHydrated] = (0, react.useState)(false);
+	const store = (0, _burojs_react.usePlatformStorage)().local;
+	const [stored, setStored] = (0, react.useState)([]);
 	(0, react.useEffect)(() => {
-		setHydrated(true);
-	}, []);
-	const recents = (0, react.useMemo)(() => {
-		if (!hydrated || userId === null) return [];
-		return require_resource_page_router.readRecentRecords(userId).flatMap((entry) => {
-			const href = entryHref(app.registry, entry, visibilityCtx);
-			return href === void 0 ? [] : [{
-				entry,
-				href
-			}];
-		});
+		if (userId === null) {
+			setStored([]);
+			return;
+		}
+		let current = true;
+		const read = require_resource_page_router.readRecentRecords(store, userId);
+		if (Array.isArray(read)) setStored(read);
+		else read.then((entries) => {
+			if (current) setStored(entries);
+		}, () => void 0);
+		return () => {
+			current = false;
+		};
 	}, [
-		hydrated,
+		store,
 		userId,
-		refreshKey,
+		refreshKey
+	]);
+	const recents = (0, react.useMemo)(() => stored.flatMap((entry) => {
+		const href = entryHref(app.registry, entry, isResourceVisible);
+		return href === void 0 ? [] : [{
+			entry,
+			href
+		}];
+	}), [
+		stored,
 		app.registry,
-		visibilityCtx
+		isResourceVisible
 	]);
 	if (((0, cmdk.useCommandState)((state) => state.search) ?? "").length > 0) return null;
 	if (recents.length === 0) return null;
@@ -2748,7 +2811,7 @@ function CommandPaletteRecentGroup({ onSelect, getTestId, heading, refreshKey, w
 		if (href === null) quick.show(entry.canonicalRef, entry.id);
 		else navigate(href);
 	};
-	return (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [(0, react_jsx_runtime.jsx)(require_search_access.CommandGroup, {
+	return (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [(0, react_jsx_runtime.jsx)(require_relation_create.CommandGroup, {
 		heading: resolvedHeading,
 		children: recents.map(({ entry, href }) => (0, react_jsx_runtime.jsx)(RecentItem, {
 			entry,
@@ -2756,7 +2819,7 @@ function CommandPaletteRecentGroup({ onSelect, getTestId, heading, refreshKey, w
 			onGo: goTo,
 			...getTestId === void 0 ? {} : { getTestId }
 		}, `recent:${entry.canonicalRef}:${entry.id}`))
-	}, "recent"), withSeparator && (0, react_jsx_runtime.jsx)(require_search_access.CommandSeparator, {})] });
+	}, "recent"), withSeparator && (0, react_jsx_runtime.jsx)(require_relation_create.CommandSeparator, {})] });
 }
 function RecentItem({ entry, href, onGo, getTestId }) {
 	const app = (0, _burojs_react.useApp)();
@@ -2769,7 +2832,7 @@ function RecentItem({ entry, href, onGo, getTestId }) {
 	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 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_search_access.CommandItem, {
+	return (0, react_jsx_runtime.jsxs)(require_relation_create.CommandItem, {
 		value: `recent:${key}:${resourceLabel}:${shown}`,
 		onSelect: () => onGo(href, entry),
 		"data-testid": getTestId?.("recent", key),
@@ -2792,7 +2855,7 @@ function resolveDisplayField(def) {
 	const isSearchable = (fieldName) => {
 		const fieldDef = fields[fieldName];
 		if (!fieldDef) return false;
-		const canonical = require_place_node.lowerLegacyField(fieldDef);
+		const canonical = require_filter_builder.lowerLegacyField(fieldDef);
 		return canonical.type === "string" && canonical.format !== "enum";
 	};
 	if (def.displayField && isSearchable(def.displayField)) return def.displayField;
@@ -2804,25 +2867,26 @@ 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 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_place_node.isShowAvailable(app.registry, require_resource_page_router.canonicalResourceKey(r)) || opensInQuick(app.registry, require_resource_page_router.canonicalResourceKey(r), "show")).map((def) => {
+		return app.registry.list().filter((r) => require_place_node.isShowAvailable(app.registry, require_resource_page_router.canonicalResourceKey(r)) || opensInQuick(app.registry, require_resource_page_router.canonicalResourceKey(r), "show")).filter(isResourceVisible).map((def) => {
 			const displayField = resolveDisplayField(def);
 			return displayField ? {
 				def,
 				displayField
 			} : null;
 		}).filter((entry) => entry !== null);
-	}, [app.registry]);
+	}, [app.registry, isResourceVisible]);
 	if (!(enabled && debouncedQuery.length >= minQueryLength && searchableResources.length > 0)) return null;
 	const goTo = (href, resource, id) => {
 		onSelect?.();
 		if (href === null) quick.show(resource, id);
 		else navigate(href);
 	};
-	return (0, react_jsx_runtime.jsx)(require_search_access.CommandGroup, {
+	return (0, react_jsx_runtime.jsx)(require_relation_create.CommandGroup, {
 		heading: resolvedHeading,
 		forceMount: true,
 		children: searchableResources.map(({ def, displayField }) => (0, react_jsx_runtime.jsx)(PerResourceSearchHits, {
@@ -2864,14 +2928,16 @@ function PerResourceSearchHits({ def, displayField, query, pageSize, goTo, recor
 	}, [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 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) => {
-		const idVal = row.id ?? row.event_id ?? row.job_id;
+		const idVal = row[idField] ?? row.id ?? row.event_id ?? row.job_id;
 		const id = idVal == null ? "" : String(idVal);
 		if (!id) return null;
 		const display = titleVisible ? row[displayField] : void 0;
 		const labelText = typeof display === "string" && display.length > 0 ? display : id;
 		const href = recordHref ? recordHref(resource, id) : require_place_node.isShowAvailable(registry, resource) ? (0, _burojs_core.resourceShowHref)(registry, def, resource, id) : null;
-		return (0, react_jsx_runtime.jsxs)(require_search_access.CommandItem, {
+		return (0, react_jsx_runtime.jsxs)(require_relation_create.CommandItem, {
 			value: `record:${resource}:${id}:${labelText}`,
 			forceMount: true,
 			onSelect: () => goTo(href, resource, id),
@@ -2973,7 +3039,7 @@ function CommandPaletteActionsGroup({ actions, onSelect, getTestId, heading }) {
 			onSelect?.();
 		}
 	};
-	return (0, react_jsx_runtime.jsx)(require_search_access.CommandGroup, {
+	return (0, react_jsx_runtime.jsx)(require_relation_create.CommandGroup, {
 		heading: resolvedHeading,
 		children: items.map((item) => {
 			const value = [
@@ -2983,7 +3049,7 @@ function CommandPaletteActionsGroup({ actions, onSelect, getTestId, heading }) {
 				item.label,
 				item.keywords ?? ""
 			].filter((s) => s.length > 0).join(":");
-			return (0, react_jsx_runtime.jsxs)(require_search_access.CommandItem, {
+			return (0, react_jsx_runtime.jsxs)(require_relation_create.CommandItem, {
 				value,
 				className: require_use_theme.cn(item.disabled && "opacity-60"),
 				onSelect: () => {
@@ -3010,7 +3076,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 visibilityCtx = (0, _burojs_react.useVisibilityCtx)();
+	const isResourceVisible = require_resource_page_router.useResourceVisible();
 	const gate = (0, _burojs_react.useAvailabilityGate)();
 	const t = (0, _burojs_react.useOptionalT)();
 	const navigate = (0, _burojs_react.useRouteNavigate)();
@@ -3018,11 +3084,11 @@ 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((r) => (0, _burojs_core.evaluateVisible)(r.visible, visibilityCtx)).filter((r) => resourceFilter ? resourceFilter(r) : true);
+		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);
 	}, [
 		app,
 		gate,
-		visibilityCtx,
+		isResourceVisible,
 		resourceFilter
 	]);
 	if (visibleResources.length === 0) return null;
@@ -3039,14 +3105,14 @@ function CommandPaletteCreateGroup({ resourceFilter, onSelect, getTestId, headin
 		quick.create(require_resource_page_router.canonicalResourceKey(def));
 	};
 	const resourceLabel = (def) => (0, _burojs_core.resolveResourceLabel)(caps, require_resource_page_router.canonicalResourceKey(def), "single", def);
-	return (0, react_jsx_runtime.jsx)(require_search_access.CommandGroup, {
+	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 label = resourceLabel(def);
 			const href = createHref?.(def) ?? (0, _burojs_core.resourceCreateHref)(app.registry, def, resource);
 			const value = `create:${resource}:${resolvedPrefix}:${label}`;
-			return (0, react_jsx_runtime.jsxs)(require_search_access.CommandItem, {
+			return (0, react_jsx_runtime.jsxs)(require_relation_create.CommandItem, {
 				value,
 				onSelect: () => createIn(def, href),
 				"data-testid": getTestId?.("create", resource),
@@ -3104,7 +3170,7 @@ function AppActions() {
 				variant: "outline",
 				size: "sm",
 				disabled: action.disabledReason !== void 0,
-				title: action.disabledReason,
+				title: action.disabledReason === void 0 ? void 0 : require_check_confirm_dialog.reasonText(caps, action.disabledReason),
 				"data-testid": `app-action:${action.name}`,
 				children: action.disabledReason === void 0 ? (0, react_jsx_runtime.jsx)(RouterLink, {
 					href,
@@ -3226,6 +3292,7 @@ function localizedSchema(t) {
 function LoginForm({ onSubmit, title, description, className }) {
 	const tid = (0, _burojs_react.useTestIds)();
 	const t = (0, _burojs_react.useOptionalT)();
+	const caps = (0, _burojs_react.useI18nCaps)();
 	const resolvedTitle = title ?? t("auth.signIn", { defaultValue: "Sign in" });
 	const { register, handleSubmit, formState: { errors, isSubmitting } } = (0, react_hook_form.useForm)({
 		resolver: (0, _hookform_resolvers_zod.zodResolver)(localizedSchema(t)),
@@ -3240,9 +3307,11 @@ function LoginForm({ onSubmit, title, description, className }) {
 		try {
 			await onSubmit(values);
 		} catch (e) {
-			const raw = e instanceof Error ? e.message : String(e);
+			const dataCode = e !== null && typeof e === "object" && !(e instanceof Error) ? e.code : void 0;
+			const raw = e instanceof Error ? e.message : require_toaster.technicalText(e) ?? (dataCode === void 0 ? String(e) : "");
 			const friendly = require_toaster.toFriendlyError(raw, "", require_toaster.friendlyStringsFrom(t));
-			setSubmitError(friendly.replaced ? `${friendly.title}. ${friendly.detail}` : credentialsMessage(raw, t));
+			const credentials = credentialsMessage(raw, t);
+			setSubmitError(friendly.replaced ? `${friendly.title}. ${friendly.detail}` : typeof dataCode === "string" && credentials === raw ? (0, _burojs_react.resolveErrorText)(e, caps) : credentials);
 		}
 	});
 	return (0, react_jsx_runtime.jsxs)(Card, {
@@ -3367,9 +3436,108 @@ function AuthPage({ children, brand, footer, className }) {
 	});
 }
 //#endregion
+//#region src/enum/enum-choice-group.tsx
+const NONE = "__none__";
+function isEmpty$1(value) {
+	return value === null || value === void 0 || value === "";
+}
+function EnumChoiceGroup({ control, options, value, onChange, testid, name, id, required, disabled, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, className }) {
+	const t = (0, _burojs_react.useOptionalT)();
+	const generatedName = react.useId();
+	const groupName = name ?? generatedName;
+	const empty = isEmpty$1(value);
+	const noneLabel = t("field.none", { defaultValue: "None" });
+	const pick = (next) => {
+		if (!disabled) onChange(next);
+	};
+	const ariaProps = {
+		"aria-invalid": ariaInvalid || void 0,
+		"aria-describedby": ariaDescribedBy,
+		...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {}
+	};
+	if (control === "segmented") {
+		const segment = (key, label, active, select) => (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			"aria-pressed": active,
+			"data-state": active ? "active" : "inactive",
+			"data-testid": `${testid}:option:${key}`,
+			disabled,
+			onClick: select,
+			className: require_use_theme.cn("inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all", "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-xs", "disabled:pointer-events-none disabled:opacity-50", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"),
+			children: label
+		}, key);
+		return (0, react_jsx_runtime.jsxs)("div", {
+			role: "group",
+			id,
+			"aria-labelledby": ariaLabelledBy,
+			"data-testid": testid,
+			className: require_use_theme.cn("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className),
+			...ariaProps,
+			children: [required ? null : segment(NONE, noneLabel, empty, () => pick(void 0)), options.map((option) => segment(option.value, (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [option.icon ? (0, react_jsx_runtime.jsx)("span", {
+				"data-testid": `${testid}:option:${option.value}:icon`,
+				className: "contents",
+				children: (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.Icon, {
+					name: option.icon,
+					className: "size-3.5 shrink-0"
+				})
+			}) : null, option.label] }), value === option.value, () => pick(option.value)))]
+		});
+	}
+	const cards = control === "cards";
+	const choice = (key, option, label, checked, select) => {
+		const inputId = `${id ?? groupName}:${key}`;
+		return (0, react_jsx_runtime.jsxs)("label", {
+			htmlFor: inputId,
+			className: require_use_theme.cn("flex items-start gap-2.5", cards && "cursor-pointer rounded-lg border px-3 py-2.5 transition-colors hover:bg-accent/50 has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring", cards && (checked ? "border-primary" : "border-input"), disabled && "cursor-not-allowed opacity-60"),
+			children: [(0, react_jsx_runtime.jsx)("input", {
+				type: "radio",
+				id: inputId,
+				name: groupName,
+				value: key,
+				checked,
+				onChange: select,
+				disabled,
+				...ariaProps,
+				"data-testid": `${testid}:option:${key}`,
+				className: require_use_theme.cn("h-4 w-4 shrink-0 accent-primary", cards ? "mt-0.5" : "mt-1")
+			}), (0, react_jsx_runtime.jsxs)("span", {
+				className: "flex min-w-0 flex-col gap-0.5",
+				children: [(0, react_jsx_runtime.jsxs)("span", {
+					className: require_use_theme.cn("flex items-center gap-1.5", cards && "font-medium"),
+					children: [option?.icon ? (0, react_jsx_runtime.jsx)("span", {
+						"data-testid": `${testid}:option:${key}:icon`,
+						className: "contents",
+						children: (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.Icon, {
+							name: option.icon,
+							className: "size-4 shrink-0"
+						})
+					}) : null, (0, react_jsx_runtime.jsx)("span", { children: label })]
+				}), option?.summary === void 0 || option.summary === "" ? null : (0, react_jsx_runtime.jsx)("span", {
+					"data-testid": `${testid}:option:${key}:doc`,
+					className: "text-sm text-muted-foreground",
+					children: option.summary
+				})]
+			})]
+		}, key);
+	};
+	return (0, react_jsx_runtime.jsxs)("div", {
+		role: "radiogroup",
+		id,
+		"aria-labelledby": ariaLabelledBy,
+		"data-testid": testid,
+		"aria-required": required,
+		className: require_use_theme.cn("flex flex-col", cards ? "gap-2" : "gap-1.5", className),
+		children: [required ? null : choice(NONE, void 0, noneLabel, empty, () => pick(void 0)), options.map((option) => choice(option.value, option, option.label, value === option.value, () => pick(option.value)))]
+	});
+}
+//#endregion
 //#region src/enum/enum-picker.tsx
 const ENUM_PICKER_CLEAR_SENTINEL = "__buro_clear__";
-function EnumPicker({ enumName, value, onChange, renderAs = "select", name, id, testid, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, className, clearable = false, clearLabel = "All" }) {
+function withSummary(summary) {
+	return summary === void 0 ? {} : { summary };
+}
+function EnumPicker({ enumName: enumInput, value, onChange, control = "select", name, id, testid, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, className, clearable = false, clearLabel = "All" }) {
+	const enumName = (0, _burojs_core_internal.enumBindingKey)(enumInput) ?? "";
 	const app = (0, _burojs_react.useApp)();
 	const t = (0, _burojs_react.useOptionalT)();
 	const def = app.registry.enums.get(enumName);
@@ -3400,63 +3568,43 @@ function EnumPicker({ enumName, value, onChange, renderAs = "select", name, id,
 			children: (0, react_jsx_runtime.jsx)(require_filter_builder.SelectValue, { placeholder: t("field.loading", { defaultValue: "Loading…" }) })
 		}), (0, react_jsx_runtime.jsx)(require_filter_builder.SelectContent, {})]
 	});
-	if (error || !values) return (0, react_jsx_runtime.jsxs)("span", {
-		"data-testid": `${tid}:error`,
+	if (error || !values) return (0, react_jsx_runtime.jsxs)(require_relation_create.LoadError, {
+		surface: "picker",
+		error,
+		testId: `${tid}:error`,
 		className: "text-muted-foreground",
-		title: error?.message,
+		fallback: {
+			key: "relation.failed",
+			default: "Failed to load options."
+		},
 		children: [
 			"(failed to load enum ‘",
 			enumName,
 			"’)"
 		]
 	});
-	if (renderAs === "radio") return (0, react_jsx_runtime.jsx)("div", {
-		role: "radiogroup",
-		"data-testid": tid,
-		className: require_use_theme.cn("flex flex-col gap-2", className),
-		"aria-required": required,
-		children: values.map((entry) => {
-			const inputId = `${id ?? tid}:${entry.value}`;
-			return (0, react_jsx_runtime.jsxs)("label", {
-				htmlFor: inputId,
-				className: "flex items-center gap-2",
-				children: [(0, react_jsx_runtime.jsx)("input", {
-					type: "radio",
-					id: inputId,
-					name: name ?? tid,
-					value: entry.value,
-					checked: value === entry.value,
-					onChange: (e) => onChange(e.target.value),
-					disabled,
-					"aria-invalid": ariaInvalid || void 0,
-					"aria-describedby": ariaDescribedBy,
-					...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {},
-					"data-testid": `${tid}:option:${entry.value}`,
-					className: "h-4 w-4"
-				}), (0, react_jsx_runtime.jsx)("span", { children: (0, _burojs_core.resolveEnumLabel)(caps, ns, entry.value, (0, _burojs_core.enumValueText)(def, entry.value) ?? entry.label) })]
-			}, entry.value);
-		})
-	});
-	if (renderAs === "segmented") return (0, react_jsx_runtime.jsx)("div", {
-		role: "group",
-		"data-testid": tid,
-		className: require_use_theme.cn("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className),
-		"aria-invalid": ariaInvalid || void 0,
-		"aria-describedby": ariaDescribedBy,
-		...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {},
-		children: values.map((entry) => {
-			const isActive = value === entry.value;
-			return (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				"aria-pressed": isActive,
-				"data-state": isActive ? "active" : "inactive",
-				"data-testid": `${tid}:option:${entry.value}`,
-				disabled,
-				onClick: () => onChange(entry.value),
-				className: require_use_theme.cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all", "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-xs", "disabled:pointer-events-none disabled:opacity-50", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"),
-				children: (0, _burojs_core.resolveEnumLabel)(caps, ns, entry.value, (0, _burojs_core.enumValueText)(def, entry.value) ?? entry.label)
-			}, entry.value);
-		})
+	const labelOf = (entry) => (0, _burojs_core.resolveEnumLabel)(caps, ns, entry.value, (0, _burojs_core.enumValueText)(def, entry.value) ?? entry.label);
+	const summaryOf = (entry) => (0, _burojs_core.resolveDoc)(caps, `enum/${ns}/${entry.value}`)?.summary || void 0;
+	if (control !== "select") return (0, react_jsx_runtime.jsx)(EnumChoiceGroup, {
+		control,
+		options: values.map((entry) => ({
+			value: entry.value,
+			label: labelOf(entry),
+			...entry.icon === void 0 ? {} : { icon: entry.icon },
+			...withSummary(summaryOf(entry))
+		})),
+		value,
+		onChange,
+		testid: tid,
+		name,
+		id,
+		required,
+		disabled,
+		ariaInvalid,
+		ariaDescribedBy,
+		ariaErrorMessage,
+		ariaLabelledBy,
+		className
 	});
 	const selectValue = value == null ? clearable ? ENUM_PICKER_CLEAR_SENTINEL : "" : value;
 	const handleValueChange = (next) => {
@@ -3486,36 +3634,49 @@ function EnumPicker({ enumName, value, onChange, renderAs = "select", name, id,
 			"data-testid": `${tid}:option:__clear__`,
 			children: clearLabel
 		}), values.map((entry) => {
-			const optionLabel = (0, _burojs_core.resolveEnumLabel)(caps, ns, entry.value, (0, _burojs_core.enumValueText)(def, entry.value) ?? entry.label);
-			const optionDoc = (0, _burojs_core.resolveDoc)(caps, `enum/${ns}/${entry.value}`)?.summary;
+			const optionLabel = labelOf(entry);
+			const optionDoc = summaryOf(entry);
 			return (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
 				value: entry.value,
 				"data-testid": `${tid}:option:${entry.value}`,
-				children: optionDoc === void 0 ? optionLabel : (0, react_jsx_runtime.jsxs)("span", {
-					className: "flex flex-col gap-0.5",
-					children: [(0, react_jsx_runtime.jsx)("span", { children: optionLabel }), (0, react_jsx_runtime.jsx)("span", {
-						className: "text-xs leading-snug text-muted-foreground",
-						"data-testid": `${tid}:option:${entry.value}:doc`,
-						children: optionDoc
-					})]
-				})
+				description: optionDoc === void 0 ? void 0 : (0, react_jsx_runtime.jsx)("span", {
+					"data-testid": `${tid}:option:${entry.value}:doc`,
+					children: optionDoc
+				}),
+				children: optionLabel
 			}, entry.value);
 		})] })]
 	});
 }
 //#endregion
+//#region src/enum/resolve-enum-control.ts
+const warned = new Set();
+function resolveEnumControl(fieldControl, enumDef, where) {
+	if ((0, _burojs_core.isEnumControl)(fieldControl)) return fieldControl;
+	if (fieldControl !== void 0) {
+		const shown = typeof fieldControl === "string" ? `'${fieldControl}'` : String(fieldControl);
+		const key = `${where}\u0000${shown}`;
+		if (!warned.has(key)) {
+			warned.add(key);
+			console.warn(`[buro/ui-shadcn] ${where}: unknown enum control ${shown}; expected one of ${_burojs_core.ENUM_CONTROLS.map((control) => `'${control}'`).join(", ")}. Using the enum's control, else 'select'.`);
+		}
+	}
+	return enumDef?.control ?? "select";
+}
+//#endregion
 //#region src/forms/issue-severity.ts
 function isErrorIssue(issue) {
 	return issue.severity === "error";
 }
 //#endregion
 //#region src/fields/boolean.tsx
-function BooleanDisplay({ value }) {
+function BooleanDisplay({ value, text }) {
 	const t = (0, _burojs_react.useOptionalT)();
 	if (value == null) return (0, react_jsx_runtime.jsx)("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
+	if (text !== void 0) return (0, react_jsx_runtime.jsx)("span", { children: text });
 	return (0, react_jsx_runtime.jsx)("span", { children: value ? t("boolean.yes", { defaultValue: "Yes" }) : t("boolean.no", { defaultValue: "No" }) });
 }
 function BooleanInput({ name, id, value, onChange, testid, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage }) {
@@ -3534,17 +3695,32 @@ function BooleanInput({ name, id, value, onChange, testid, disabled, required, a
 }
 //#endregion
 //#region src/fields/date.tsx
-function DateDisplay({ value }) {
+function DateDisplay({ value, text }) {
+	return (0, react_jsx_runtime.jsx)(TemporalDisplay, {
+		value,
+		text,
+		format: require_filter_builder.formatDate
+	});
+}
+function DateTimeDisplay({ value, text }) {
+	return (0, react_jsx_runtime.jsx)(TemporalDisplay, {
+		value,
+		text,
+		format: require_filter_builder.formatDateTime
+	});
+}
+function TemporalDisplay({ value, text, format }) {
 	const locale = (0, _burojs_react.useOptionalLocale)();
 	if (value == null || value === "") return (0, react_jsx_runtime.jsx)("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
+	if (text !== void 0) return (0, react_jsx_runtime.jsx)("span", { children: text });
 	const d = new Date(String(value));
 	if (Number.isNaN(d.getTime())) return (0, react_jsx_runtime.jsx)("span", { children: String(value) });
 	return (0, react_jsx_runtime.jsx)("span", {
 		className: "whitespace-nowrap",
-		children: require_filter_builder.formatDate(d, locale)
+		children: format(d, locale)
 	});
 }
 function toIsoDate(v) {
@@ -3555,13 +3731,29 @@ function toIsoDate(v) {
 	if (Number.isNaN(d.getTime())) return "";
 	return d.toISOString().slice(0, 10);
 }
-function DateInput({ name, id, value, onChange, testid, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage }) {
+function DateInput(props) {
+	return (0, react_jsx_runtime.jsx)(TemporalInput, {
+		...props,
+		type: "date",
+		toText: toIsoDate,
+		fromText: (text) => text || null
+	});
+}
+function DateTimeInput(props) {
+	return (0, react_jsx_runtime.jsx)(TemporalInput, {
+		...props,
+		type: "datetime-local",
+		toText: require_filter_builder.toLocalDateTimeText,
+		fromText: (text) => require_filter_builder.fromLocalDateTimeText(text) ?? null
+	});
+}
+function TemporalInput({ type, toText, fromText, name, id, value, onChange, testid, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage }) {
 	return (0, react_jsx_runtime.jsx)(require_input.Input, {
 		name,
 		id,
-		type: "date",
-		value: toIsoDate(value),
-		onChange: (e) => onChange(e.target.value || null),
+		type,
+		value: toText(value),
+		onChange: (e) => onChange(fromText(e.target.value)),
 		"data-testid": testid,
 		disabled,
 		required,
@@ -3573,31 +3765,15 @@ function DateInput({ name, id, value, onChange, testid, disabled, required, aria
 }
 //#endregion
 //#region src/fields/enum.tsx
-function optionLabel(caps, field, value, inline) {
-	const ns = (0, _burojs_core.enumNamespaceOf)(field);
-	if (ns) return (0, _burojs_core.resolveEnumLabel)(caps, ns, value, inline);
-	return field ? (0, _burojs_core.resolveFieldOptionLabel)(caps, field.name, value, inline) : inline;
-}
-function declaredOptionLabel(option, value, enumDef) {
-	return (enumDef === void 0 ? void 0 : (0, _burojs_core.enumValueText)(enumDef, value)) ?? (typeof option?.label === "string" ? option.label : value);
-}
-function useBoundEnum(field) {
-	const app = (0, _burojs_react.useOptionalApp)();
-	const namespace = (0, _burojs_core.enumNamespaceOf)(field);
-	return namespace === void 0 ? void 0 : app?.registry.enums.get(namespace);
-}
-function useOptionCaps(resource) {
-	return (0, _burojs_react.useI18nCaps)((0, react.useContext)(_burojs_react.ResourceContext).resource ?? resource);
-}
 function EnumDisplay({ value, options, field, resource }) {
-	const caps = useOptionCaps(resource);
-	const enumDef = useBoundEnum(field);
+	const caps = (0, _burojs_react.useOptionCaps)(resource);
+	const enumDef = (0, _burojs_react.useBoundEnum)(field);
 	if (value == null || value === "") return (0, react_jsx_runtime.jsx)("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
 	const opt = options?.find((o) => o.value === String(value));
-	const label = optionLabel(caps, field, String(value), declaredOptionLabel(opt, String(value), enumDef));
+	const label = (0, _burojs_react.resolveOptionLabel)(caps, field, String(value), opt, enumDef);
 	return (0, react_jsx_runtime.jsxs)("span", {
 		className: "inline-flex items-center gap-1",
 		children: [opt?.icon ? (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.Icon, {
@@ -3606,10 +3782,36 @@ function EnumDisplay({ value, options, field, resource }) {
 		}) : null, label]
 	});
 }
-function EnumInput({ name, id, value, onChange, testid, options, field, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, resource }) {
+function EnumInput({ name, id, value, onChange, testid, options, field, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, resource }) {
 	const t = (0, _burojs_react.useOptionalT)();
-	const caps = useOptionCaps(resource);
-	const enumDef = useBoundEnum(field);
+	const caps = (0, _burojs_react.useOptionCaps)(resource);
+	const enumDef = (0, _burojs_react.useBoundEnum)(field);
+	const ns = (0, _burojs_core.enumNamespaceOf)(field);
+	const control = resolveEnumControl(field?.ui?.control, enumDef, `field ${field?.name ?? name}`);
+	const resolved = (options ?? []).map((o) => {
+		const summary = ns === void 0 ? void 0 : (0, _burojs_core.resolveDoc)(caps, `enum/${ns}/${o.value}`)?.summary;
+		return {
+			value: o.value,
+			label: (0, _burojs_react.resolveOptionLabel)(caps, field, o.value, o, enumDef),
+			...o.icon === void 0 ? {} : { icon: o.icon },
+			...summary === void 0 ? {} : { summary }
+		};
+	});
+	if (control !== "select") return (0, react_jsx_runtime.jsx)(EnumChoiceGroup, {
+		control,
+		options: resolved,
+		value,
+		onChange,
+		testid: testid ?? name,
+		name,
+		id,
+		required,
+		disabled,
+		ariaInvalid,
+		ariaDescribedBy,
+		ariaErrorMessage,
+		ariaLabelledBy
+	});
 	return (0, react_jsx_runtime.jsxs)(require_filter_builder.Select, {
 		value: value ?? "",
 		onValueChange: onChange,
@@ -3624,14 +3826,19 @@ function EnumInput({ name, id, value, onChange, testid, options, field, placehol
 			"aria-describedby": ariaDescribedBy,
 			...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {},
 			children: (0, react_jsx_runtime.jsx)(require_filter_builder.SelectValue, { placeholder: placeholder ?? t("field.select", { defaultValue: "Select…" }) })
-		}), (0, react_jsx_runtime.jsx)(require_filter_builder.SelectContent, { children: options?.map((o) => (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
+		}), (0, react_jsx_runtime.jsx)(require_filter_builder.SelectContent, { children: resolved.map((o) => (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
 			value: o.value,
+			"data-testid": testid === void 0 ? void 0 : `${testid}:option:${o.value}`,
+			description: o.summary === void 0 ? void 0 : (0, react_jsx_runtime.jsx)("span", {
+				"data-testid": testid === void 0 ? void 0 : `${testid}:option:${o.value}:doc`,
+				children: o.summary
+			}),
 			children: (0, react_jsx_runtime.jsxs)("span", {
 				className: "inline-flex items-center gap-1.5",
 				children: [o.icon ? (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.Icon, {
 					name: o.icon,
 					className: "size-3.5 shrink-0 text-muted-foreground"
-				}) : null, optionLabel(caps, field, o.value, declaredOptionLabel(o, o.value, enumDef))]
+				}) : null, o.label]
 			})
 		}, o.value)) })]
 	});
@@ -4054,7 +4261,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-C8zFEjwd.cjs")).then((module) => ({ default: module.RelationManyPickerInput })));
+const RelationManyPickerInput = (0, react.lazy)(() => Promise.resolve().then(() => require("./relation-many-picker-DzuGJpEl.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, {
@@ -4067,8 +4274,8 @@ function LazyRelationManyInput(props) {
 }
 //#endregion
 //#region src/fields/lazy-rich-text.tsx
-const RichTextDisplay = (0, react.lazy)(() => Promise.resolve().then(() => require("./rich-text-vTyVjDoa.cjs")).then((module) => ({ default: module.RichTextDisplay })));
-const RichTextInput = (0, react.lazy)(() => Promise.resolve().then(() => require("./rich-text-vTyVjDoa.cjs")).then((module) => ({ default: module.RichTextInput })));
+const RichTextDisplay = (0, react.lazy)(() => Promise.resolve().then(() => require("./rich-text-C_7JCvRo.cjs")).then((module) => ({ default: module.RichTextDisplay })));
+const RichTextInput = (0, react.lazy)(() => Promise.resolve().then(() => require("./rich-text-C_7JCvRo.cjs")).then((module) => ({ default: module.RichTextInput })));
 function RichTextDisplayLoading() {
 	const t = (0, _burojs_react.useOptionalT)();
 	return (0, react_jsx_runtime.jsx)("div", {
@@ -4125,12 +4332,13 @@ function isIdentifier(field) {
 	const n = field?.name;
 	return n === "id" || typeof n === "string" && n.endsWith("_id");
 }
-function NumberDisplay({ value, field }) {
+function NumberDisplay({ value, field, text }) {
 	const locale = (0, _burojs_react.useOptionalLocale)();
 	if (value == null || value === "") return (0, react_jsx_runtime.jsx)("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
+	if (text !== void 0) return (0, react_jsx_runtime.jsx)("span", { children: text });
 	let raw = value;
 	if (typeof raw === "string") raw = unquote(raw);
 	const n = typeof raw === "number" ? raw : Number(raw);
@@ -4167,10 +4375,9 @@ function NumberInput({ name, id, value, onChange, testid, placeholder, disabled,
 //#endregion
 //#region src/fields/link-keys-display.tsx
 const isRecord$1 = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
-function qualify(name, owner) {
+function qualify(name) {
 	try {
-		const namespace = (0, _burojs_core.normalizeEntityRef)(owner).namespace;
-		const ref = (0, _burojs_core.normalizeEntityRef)(name, { defaultNamespace: namespace });
+		const ref = (0, _burojs_core.normalizeEntityRef)(name);
 		return ref.namespace === "default" ? ref.id : `${ref.namespace}:${ref.id}`;
 	} catch {
 		return;
@@ -4195,7 +4402,7 @@ function LinkKeysDisplay(props) {
 	const ownerDef = owner === "" ? void 0 : app.registry.get(owner);
 	const declaration = ownerDef === void 0 ? void 0 : (0, _burojs_core.declaredField)(ownerDef, name);
 	const link = isRecord$1(declaration) ? (0, _burojs_core.linkOf)(declaration) : void 0;
-	const junctionName = link === void 0 ? void 0 : qualify(link.junction, owner);
+	const junctionName = link === void 0 ? void 0 : qualify(link.junction);
 	const junctionDef = junctionName === void 0 ? void 0 : app.registry.get(junctionName);
 	const junctionField = (key) => junctionDef === void 0 ? void 0 : (0, _burojs_core.declaredField)(junctionDef, key);
 	const ownerField = link === void 0 ? idFieldOf(ownerDef) : byOf(junctionField(link.sourceKey)) ?? idFieldOf(ownerDef);
@@ -4203,11 +4410,11 @@ function LinkKeysDisplay(props) {
 	const ownerKey = record?.[ownerField];
 	const { keys, complete, isLoading, error } = (0, _burojs_react.useLinkKeys)(owner, name, ownerKey);
 	const [missed, setMissed] = (0, react.useState)(() => new Set());
-	const onMiss = (0, react.useCallback)((key, miss) => {
+	const onMiss = (0, react.useCallback)((key, isMiss) => {
 		setMissed((current) => {
-			if (current.has(key) === miss) return current;
+			if (current.has(key) === isMiss) return current;
 			const next = new Set(current);
-			if (miss) next.add(key);
+			if (isMiss) next.add(key);
 			else next.delete(key);
 			return next;
 		});
@@ -4227,12 +4434,17 @@ function LinkKeysDisplay(props) {
 		targetBy
 	]);
 	const chipsId = tid.linkChips(owner, name);
-	if (error) return (0, react_jsx_runtime.jsx)("span", {
-		"data-testid": tid.linkError(owner, name),
-		role: "status",
+	if (error) return (0, react_jsx_runtime.jsx)(require_relation_create.LoadError, {
+		surface: "relation",
+		error,
+		...typeof target === "string" ? { resource: target } : {},
+		testId: tid.linkError(owner, name),
 		className: "text-destructive text-xs",
-		title: error.message,
-		children: t("fields.link.failed", { defaultValue: "Links could not be loaded" })
+		attributes: { role: "status" },
+		fallback: {
+			key: "field.link.failed",
+			default: "Links could not be loaded"
+		}
 	});
 	if (keys === void 0) {
 		if (!isLoading) return (0, react_jsx_runtime.jsx)("span", {
@@ -4252,7 +4464,7 @@ function LinkKeysDisplay(props) {
 		children: (0, react_jsx_runtime.jsx)("span", {
 			"data-testid": tid.linkIncomplete(owner, name),
 			className: "text-muted-foreground",
-			children: t("fields.link.incomplete", {
+			children: t("field.link.incomplete", {
 				count: keys.length,
 				defaultValue: "More than {{count}} links"
 			})
@@ -4274,7 +4486,7 @@ function LinkKeysDisplay(props) {
 		}, String(key))), hidden > 0 ? (0, react_jsx_runtime.jsx)("span", {
 			"data-testid": tid.linkHidden(owner, name),
 			className: `${chipClassName} text-muted-foreground`,
-			children: t("fields.link.hidden", {
+			children: t("field.link.hidden", {
 				count: hidden,
 				defaultValue: "{{count}} not visible"
 			})
@@ -4293,7 +4505,7 @@ function LinkChip({ value, field, onMiss }) {
 	const answer = to === void 0 ? void 0 : gate(to, "show");
 	if (!(to !== void 0 && answer !== void 0 && answer.state !== "undecided" && answer.state !== "hidden" && answer.state !== "disabled")) return (0, react_jsx_runtime.jsx)("span", {
 		className: chipClassName,
-		children: (0, react_jsx_runtime.jsx)(require_search_access.RelationDisplay, {
+		children: (0, react_jsx_runtime.jsx)(require_relation_create.RelationDisplay, {
 			value,
 			field
 		})
@@ -4322,7 +4534,7 @@ function ReadChip({ to, value, field, onMiss }) {
 	if (miss) return null;
 	return (0, react_jsx_runtime.jsx)("span", {
 		className: chipClassName,
-		children: (0, react_jsx_runtime.jsx)(require_search_access.RelationDisplay, {
+		children: (0, react_jsx_runtime.jsx)(require_relation_create.RelationDisplay, {
 			value,
 			field
 		})
@@ -4344,7 +4556,7 @@ function RelationManyDisplay(props) {
 	return (0, react_jsx_runtime.jsx)("span", {
 		className: "inline-flex flex-wrap gap-x-2",
 		"data-testid": "relation-many-display",
-		children: keys.map((key, index) => (0, react_jsx_runtime.jsx)(require_search_access.RelationDisplay, {
+		children: keys.map((key, index) => (0, react_jsx_runtime.jsx)(require_relation_create.RelationDisplay, {
 			value: key,
 			field
 		}, `${String(key)}:${index}`))
@@ -4362,7 +4574,7 @@ const relationMetaSchema = Object.freeze({ "~standard": Object.freeze({
 			path: []
 		}] };
 		const issues = [];
-		const { to, by, resolve, searchField, candidates } = value;
+		const { to, by, resolve, searchField, candidates, scope } = value;
 		if (to !== void 0 && !(typeof to === "string" && to.length > 0) && !(isRecord(to) && (typeof to.id === "string" || isRecord(to.ref)))) issues.push({
 			message: "must be a resource name or reference",
 			path: ["to"]
@@ -4383,16 +4595,21 @@ const relationMetaSchema = Object.freeze({ "~standard": Object.freeze({
 			message: "must be an array of conditions",
 			path: ["candidates"]
 		});
+		if (scope !== void 0 && scope !== "context" && scope !== "session" && scope !== "none") issues.push({
+			message: "must be 'context', 'session' or 'none'",
+			path: ["scope"]
+		});
 		return issues.length > 0 ? { issues } : { value };
 	}
 }) });
 //#endregion
 //#region src/fields/text.tsx
-function TextDisplay({ value }) {
+function TextDisplay({ value, text: formatted }) {
 	if (value == null || value === "") return (0, react_jsx_runtime.jsx)("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
+	if (formatted !== void 0) return (0, react_jsx_runtime.jsx)("span", { children: formatted });
 	const { text, isStructured } = require_place_node.toDisplayText(value);
 	return isStructured ? (0, react_jsx_runtime.jsx)("span", {
 		className: "font-mono text-xs break-all",
@@ -4421,23 +4638,26 @@ function TextInput({ name, id, value, onChange, testid, placeholder, disabled, r
 }
 //#endregion
 //#region src/fields/textarea.tsx
-function TextareaDisplay({ value }) {
+function TextareaDisplay({ value, text: formatted }) {
 	if (value == null || value === "") return (0, react_jsx_runtime.jsx)("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
-	const { text, isStructured } = require_place_node.toDisplayText(value);
+	const { text, isStructured } = formatted === void 0 ? require_place_node.toDisplayText(value) : {
+		text: formatted,
+		isStructured: false
+	};
 	return (0, react_jsx_runtime.jsx)("pre", {
 		className: isStructured ? "whitespace-pre-wrap break-all font-mono text-xs" : "whitespace-pre-wrap font-sans text-sm",
 		children: text
 	});
 }
-function CodeDisplay({ value, presentation, testid }) {
+function CodeDisplay({ value, text: formatted, presentation, testid }) {
 	if (value == null || value === "") return (0, react_jsx_runtime.jsx)("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
-	const { text } = require_place_node.toDisplayText(value);
+	const text = formatted ?? require_place_node.toDisplayText(value).text;
 	return (0, react_jsx_runtime.jsx)("pre", {
 		"data-testid": testid,
 		className: presentation === "plain" ? "overflow-x-auto whitespace-pre font-mono text-xs leading-relaxed" : "overflow-x-auto whitespace-pre rounded-md border bg-muted/40 p-3 font-mono text-xs leading-relaxed",
@@ -4481,13 +4701,12 @@ function TextareaInput({ name, id, value, onChange, testid, placeholder, disable
 //#endregion
 //#region src/fields/default-renderers.ts
 function legacyField(props) {
-	const name = typeof props.path.at(-1) === "string" ? props.path.at(-1) : "field";
+	const name = (0, _burojs_react.optionFieldName)(props.path);
 	const texts = props.field.texts;
 	return Object.freeze({
 		name,
 		meta: props.meta,
 		ui: props.ui,
-		codec: props.field.codec,
 		...texts === void 0 ? {} : { texts }
 	});
 }
@@ -4509,6 +4728,7 @@ function display(renderer) {
 	return function ShadcnDisplay(props) {
 		return (0, react.createElement)(renderer, {
 			value: props.value,
+			...props.text === void 0 ? {} : { text: props.text },
 			multiple: props.multiple,
 			field: legacyField(props),
 			options: legacyOptions(props.options, props.field),
@@ -4546,12 +4766,14 @@ function input(renderer) {
 			ariaInvalid: props.issues.some(isErrorIssue),
 			ariaDescribedBy: props.accessibility.description,
 			ariaErrorMessage: props.accessibility.error,
+			ariaLabelledBy: props.accessibility.label,
 			field: legacyField(props),
 			resource: props.resource.id,
 			record: props.record,
 			relationSeeds: props.relationSeeds,
 			fixedFilters: props.fixedFilters,
-			metaSources: props.metaSources
+			metaSources: props.metaSources,
+			link: props.link
 		});
 	};
 }
@@ -4599,9 +4821,27 @@ function scalarOrCollection(renderer, layout) {
 	});
 }
 function enumName(ui) {
-	const value = ui.enum;
-	if (typeof value === "string" && value.length > 0) return value;
-	if (value !== null && typeof value === "object" && typeof value.id === "string") return value.id;
+	return (0, _burojs_core_internal.enumBindingKey)(ui.enum);
+}
+function RegistryEnumInput(props) {
+	const app = (0, _burojs_react.useOptionalApp)();
+	const control = resolveEnumControl(props.ui.control, app?.registry.enums.get(props.enumName), `field ${typeof props.path.at(-1) === "string" ? String(props.path.at(-1)) : props.enumName}`);
+	return (0, react.createElement)(EnumPicker, {
+		enumName: props.enumName,
+		control,
+		value: props.value == null ? void 0 : String(props.value),
+		onChange: props.onChange ?? (() => void 0),
+		name: props.accessibility.input,
+		id: props.accessibility.input,
+		testid: props.testIds.input,
+		placeholder: typeof props.ui.placeholder === "string" ? props.ui.placeholder : void 0,
+		disabled: props.disabled,
+		required: props.field.required === true,
+		ariaInvalid: props.issues.some(isErrorIssue),
+		ariaDescribedBy: props.accessibility.description,
+		ariaErrorMessage: props.accessibility.error,
+		ariaLabelledBy: props.accessibility.label
+	});
 }
 function enumAware(renderer, layout) {
 	const FallbackInput = input(renderer.Input);
@@ -4611,19 +4851,9 @@ function enumAware(renderer, layout) {
 	return Object.freeze({
 		Input: (props) => {
 			const name = enumName(props.ui);
-			if (name !== void 0) return (0, react.createElement)(EnumPicker, {
-				enumName: name,
-				value: props.value == null ? void 0 : String(props.value),
-				onChange: props.onChange ?? (() => void 0),
-				name: props.accessibility.input,
-				id: props.accessibility.input,
-				testid: props.testIds.input,
-				placeholder: typeof props.ui.placeholder === "string" ? props.ui.placeholder : void 0,
-				disabled: props.disabled,
-				required: props.field.required === true,
-				ariaInvalid: props.issues.some(isErrorIssue),
-				ariaDescribedBy: props.accessibility.description,
-				ariaErrorMessage: props.accessibility.error
+			if (name !== void 0) return (0, react.createElement)(RegistryEnumInput, {
+				...props,
+				enumName: name
 			});
 			if (props.options.length > 0) return (0, react.createElement)(OptionedInput, props);
 			return (0, react.createElement)(FallbackInput, props);
@@ -4658,6 +4888,10 @@ const date = {
 	Display: DateDisplay,
 	Input: DateInput
 };
+const dateTime = {
+	Display: DateTimeDisplay,
+	Input: DateTimeInput
+};
 const en = {
 	Display: EnumDisplay,
 	Input: EnumInput
@@ -4667,7 +4901,7 @@ const ta = {
 	Input: TextareaInput
 };
 const rel = {
-	Display: require_search_access.RelationDisplay,
+	Display: require_relation_create.RelationDisplay,
 	Input: require_relation_picker.RelationPickerInput
 };
 const file = {
@@ -4693,9 +4927,9 @@ const shadcnFieldImplementations = Object.freeze({
 	number: scalar(num),
 	boolean: scalar(bool),
 	date: scalar(date),
-	dateTime: scalar(date),
-	"date-time": scalar(date),
-	"default:date-time": scalar(date),
+	dateTime: scalar(dateTime),
+	"date-time": scalar(dateTime),
+	"default:date-time": scalar(dateTime),
 	enum: enumAware(en),
 	json: scalar({
 		Display: JsonDisplay,
@@ -4712,313 +4946,6 @@ const shadcnFieldImplementations = Object.freeze({
 	file: scalarOrCollection(file, { size: "full" })
 });
 //#endregion
-//#region src/fields/use-relation-picker.tsx
-const noop = () => void 0;
-function safeKey(input) {
-	if (input === void 0 || input === null) return void 0;
-	try {
-		return (0, _burojs_core.resourceKey)(input);
-	} catch {
-		return;
-	}
-}
-function sessionIdentity(runtime) {
-	const state = runtime.dataSession.getState();
-	const snapshot = state.status === "ready" ? state.snapshot : state.target;
-	let scopeKey;
-	try {
-		scopeKey = JSON.stringify(snapshot.scopeKey) ?? "";
-	} catch {
-		scopeKey = String(snapshot.scopeKey);
-	}
-	return {
-		sessionKey: snapshot.sessionKey,
-		scopeKey
-	};
-}
-function PickerHost(props) {
-	const { register } = props;
-	react.useEffect(() => register(), [register]);
-	return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: props.children });
-}
-function useRelationPicker(options) {
-	const app = (0, _burojs_react.useApp)();
-	const runtime = (0, _burojs_react.useDataRuntime)();
-	const frame = (0, _burojs_react.useOptionalRecordFrame)();
-	const frames = (0, _burojs_react.useRecordScopeFrames)();
-	const multiple = options.multiple === true;
-	const fieldName = options.field;
-	let to;
-	let declaredBy;
-	let declaredCandidates;
-	if (fieldName !== void 0) {
-		const meta = ((frame === null ? void 0 : app.registry.get(frame.resource)?.fields)?.[fieldName])?.meta;
-		to = safeKey(meta?.to);
-		declaredBy = typeof meta?.by === "string" ? meta.by : void 0;
-		declaredCandidates = Array.isArray(meta?.candidates) ? meta.candidates : void 0;
-	} else to = safeKey(options.to);
-	const target = to ?? "";
-	const by = options.valueField ?? declaredBy;
-	const scope = options.scope ?? "context";
-	const selection = require_candidates_gate.useCandidateSelection({
-		to,
-		candidates: options.candidates ?? declaredCandidates,
-		sources: frame?.controller.sources,
-		resource: frame?.resource ?? "",
-		fieldName: fieldName ?? target,
-		fixedFilters: options.fixedFilters
-	});
-	const held = selection.gate !== void 0;
-	const pendingRef = react.useRef(null);
-	const [active, setActive] = react.useState(null);
-	const activeRef = react.useRef(null);
-	activeRef.current = active;
-	const rowsRef = react.useRef(new Map());
-	const createdRowRef = react.useRef(void 0);
-	const alive = react.useRef(true);
-	const mounts = react.useRef(0);
-	const sequence = react.useRef(0);
-	const latest = react.useRef({
-		multiple,
-		select: options.select,
-		idField: "id",
-		valueField: "id",
-		available: false,
-		frames
-	});
-	const project = react.useCallback((row) => {
-		const select = latest.current.select;
-		if (select === void 0) return { ...row };
-		const out = {};
-		const key = row.id !== void 0 ? row.id : row[latest.current.idField];
-		if (key !== void 0) out.id = key;
-		const { valueField } = latest.current;
-		if (Object.hasOwn(row, valueField)) out[valueField] = row[valueField];
-		for (const name of select) if (Object.hasOwn(row, name)) out[name] = row[name];
-		return out;
-	}, []);
-	const settle = react.useCallback((result) => {
-		const pending = pendingRef.current;
-		if (pending === null) return;
-		pendingRef.current = null;
-		pending.detach();
-		if (alive.current) setActive(null);
-		pending.resolve(result);
-	}, []);
-	const toggle = react.useCallback((key, row) => {
-		setActive((current) => {
-			if (current === null) return current;
-			const has = current.selected.some((k) => String(k) === String(key));
-			if (has) rowsRef.current.delete(String(key));
-			else if (row !== void 0) rowsRef.current.set(String(key), row);
-			const selected = has ? current.selected.filter((k) => String(k) !== String(key)) : [...current.selected, key];
-			const next = {
-				...current,
-				selected
-			};
-			activeRef.current = next;
-			return next;
-		});
-	}, []);
-	const onValue = react.useCallback((value) => {
-		const row = createdRowRef.current;
-		createdRowRef.current = void 0;
-		if (latest.current.multiple) {
-			const current = activeRef.current;
-			if (current !== null && !current.selected.some((k) => String(k) === String(value))) toggle(value, row);
-			return;
-		}
-		settle({
-			kind: "selected",
-			keys: [value],
-			rows: row === void 0 ? [] : [project(row)]
-		});
-	}, [
-		project,
-		settle,
-		toggle
-	]);
-	const wiring = require_relation_picker.useRelationSelect({
-		to: target,
-		by,
-		fixedFilters: selection.fixedFilters,
-		scope,
-		...fieldName === void 0 ? {} : { scopeField: fieldName },
-		held,
-		onValue
-	});
-	latest.current = {
-		multiple,
-		select: options.select,
-		idField: wiring.idField,
-		valueField: wiring.valueField,
-		available: to !== void 0 && wiring.targetDef !== void 0 && !held,
-		frames
-	};
-	const { create: shared } = wiring;
-	const create = react.useMemo(() => ({
-		...shared,
-		start: (openCreate) => shared.start(() => {
-			const opened = openCreate();
-			opened.then((row) => {
-				createdRowRef.current = row === null ? void 0 : { ...row };
-			}, noop);
-			return opened;
-		})
-	}), [shared]);
-	react.useEffect(() => runtime.dataSession.subscribe(() => {
-		const pending = pendingRef.current;
-		if (pending === null) return;
-		const now = sessionIdentity(runtime);
-		if (now.sessionKey !== pending.sessionKey || now.scopeKey !== pending.scopeKey) settle({
-			kind: "cancelled",
-			reason: "session-changed"
-		});
-	}), [runtime, settle]);
-	react.useEffect(() => {
-		alive.current = true;
-		return () => {
-			alive.current = false;
-			settle({
-				kind: "cancelled",
-				reason: "unmounted"
-			});
-		};
-	}, [settle]);
-	react.useEffect(() => {
-		if (held) settle({
-			kind: "cancelled",
-			reason: "unavailable"
-		});
-	}, [held, settle]);
-	const register = react.useCallback(() => {
-		mounts.current += 1;
-		return () => {
-			mounts.current -= 1;
-			if (mounts.current === 0) settle({
-				kind: "cancelled",
-				reason: "unmounted"
-			});
-		};
-	}, [settle]);
-	const open = react.useCallback((opts = {}) => new Promise((resolve) => {
-		settle({
-			kind: "cancelled",
-			reason: "superseded"
-		});
-		if (mounts.current === 0) {
-			if (process.env.NODE_ENV !== "production") console.error("[burojs] useRelationPicker: open() was called but its element is not rendered — render `handle.element` once in your tree.");
-			resolve({
-				kind: "cancelled",
-				reason: "not-mounted"
-			});
-			return;
-		}
-		const { signal } = opts;
-		if (signal?.aborted === true) {
-			resolve({
-				kind: "cancelled",
-				reason: "aborted"
-			});
-			return;
-		}
-		if (!latest.current.available) {
-			resolve({
-				kind: "cancelled",
-				reason: "unavailable"
-			});
-			return;
-		}
-		sequence.current += 1;
-		const id = sequence.current;
-		const onAbort = () => {
-			if (pendingRef.current?.id === id) settle({
-				kind: "cancelled",
-				reason: "aborted"
-			});
-		};
-		signal?.addEventListener("abort", onAbort, { once: true });
-		pendingRef.current = {
-			id,
-			...sessionIdentity(runtime),
-			resolve,
-			detach: () => signal?.removeEventListener("abort", onAbort)
-		};
-		rowsRef.current = new Map();
-		createdRowRef.current = void 0;
-		const next = {
-			id,
-			frames: latest.current.frames,
-			selected: opts.selected ?? []
-		};
-		activeRef.current = next;
-		setActive(next);
-	}), [runtime, settle]);
-	const onSelectRow = react.useCallback((row) => {
-		const field = wiring.valueField;
-		const value = field === "id" ? row.id : row[field];
-		if (typeof value !== "string" && typeof value !== "number") return;
-		settle({
-			kind: "selected",
-			keys: [value],
-			rows: [project(row)]
-		});
-	}, [
-		wiring.valueField,
-		settle,
-		project
-	]);
-	const onDone = react.useCallback(() => {
-		const keys = activeRef.current?.selected ?? [];
-		const rows = keys.flatMap((key) => {
-			const row = rowsRef.current.get(String(key));
-			return row === void 0 ? [] : [project(row)];
-		});
-		settle({
-			kind: "selected",
-			keys,
-			rows
-		});
-	}, [settle, project]);
-	const onOpenChange = react.useCallback((next) => {
-		if (!next) settle({
-			kind: "cancelled",
-			reason: "dismissed"
-		});
-	}, [settle]);
-	return {
-		open,
-		element: (0, react_jsx_runtime.jsx)(PickerHost, {
-			register,
-			children: active === null || held ? null : (0, react_jsx_runtime.jsxs)(_burojs_react.RecordScopeChain, {
-				frames: active.frames,
-				children: [(0, react_jsx_runtime.jsx)(require_candidates_gate.LazyRelationPickerDialog, {
-					to: target,
-					open: true,
-					onOpenChange,
-					onSelect: noop,
-					onSelectRow,
-					valueField: wiring.valueField,
-					...selection.fixedFilters === void 0 ? {} : { fixedFilters: selection.fixedFilters },
-					scope,
-					...fieldName === void 0 ? {} : { scopeField: fieldName },
-					...options.create === void 0 ? {} : {
-						create,
-						...options.create.seeds === void 0 ? {} : { createSeeds: options.create.seeds }
-					},
-					fieldName: fieldName ?? target,
-					...multiple ? {
-						multiple: true,
-						selected: active.selected,
-						onToggle: (value, row) => toggle(value, row),
-						onDone
-					} : {}
-				}), wiring.reader]
-			}, active.id)
-		})
-	};
-}
-//#endregion
 //#region src/forms/declarative-display.tsx
 function DeclarativeDisplay(props) {
 	return (0, react_jsx_runtime.jsx)(_burojs_react.ScreenStateProvider, { children: (0, react_jsx_runtime.jsx)(DisplayBody, { ...props }) });
@@ -5044,7 +4971,8 @@ function DisplayBody(props) {
 }
 //#endregion
 //#region src/enum/enum-display.tsx
-function EnumDisplay$1({ enumName, value, variant = "badge", testid, className }) {
+function EnumDisplay$1({ enumName: enumInput, value, variant = "badge", testid, className }) {
+	const enumName = (0, _burojs_core_internal.enumBindingKey)(enumInput) ?? "";
 	const app = (0, _burojs_react.useApp)();
 	const caps = (0, _burojs_react.useI18nCaps)();
 	const def = app.registry.enums.get(enumName);
@@ -5092,159 +5020,6 @@ function EnumDisplay$1({ enumName, value, variant = "badge", testid, className }
 	});
 }
 //#endregion
-//#region src/data-table/data-table-faceted-filter.tsx
-function DataTableFacetedFilter({ column, title, options = [], loadOptions, selectedLabelFor, searchPlaceholder, emptyText, getTestId, className }) {
-	const t = (0, _burojs_react.useOptionalT)();
-	const filterValue = column.getFilterValue();
-	const selected = (0, react.useMemo)(() => {
-		if (Array.isArray(filterValue)) return new Set(filterValue.map(String));
-		return new Set();
-	}, [filterValue]);
-	const [search, setSearch] = (0, react.useState)("");
-	const [asyncOptions, setAsyncOptions] = (0, react.useState)([]);
-	const [loading, setLoading] = (0, react.useState)(false);
-	const debounceRef = (0, react.useRef)(null);
-	const loadOptionsRef = (0, react.useRef)(loadOptions);
-	(0, react.useEffect)(() => {
-		loadOptionsRef.current = loadOptions;
-	});
-	(0, react.useEffect)(() => {
-		if (!loadOptionsRef.current) return;
-		setLoading(true);
-		if (debounceRef.current !== null) clearTimeout(debounceRef.current);
-		let cancelled = false;
-		debounceRef.current = setTimeout(() => {
-			const loader = loadOptionsRef.current;
-			if (!loader) return;
-			loader(search).then((results) => {
-				if (!cancelled) {
-					setAsyncOptions(results);
-					setLoading(false);
-				}
-			}).catch(() => {
-				if (!cancelled) setLoading(false);
-			});
-		}, 250);
-		return () => {
-			cancelled = true;
-			if (debounceRef.current !== null) clearTimeout(debounceRef.current);
-		};
-	}, [search]);
-	const effectiveOptions = loadOptions ? asyncOptions : options;
-	const labelFor = (value) => {
-		const opt = effectiveOptions.find((o) => o.value === value);
-		if (opt) return opt.label;
-		return selectedLabelFor?.(value) ?? value;
-	};
-	const toggle = (value) => {
-		const next = new Set(selected);
-		if (next.has(value)) next.delete(value);
-		else next.add(value);
-		column.setFilterValue(next.size === 0 ? void 0 : Array.from(next));
-	};
-	const selectedValues = Array.from(selected);
-	return (0, react_jsx_runtime.jsxs)(require_toaster.Popover, { children: [(0, react_jsx_runtime.jsx)(require_toaster.PopoverTrigger, {
-		asChild: true,
-		children: (0, react_jsx_runtime.jsxs)(require_button.Button, {
-			type: "button",
-			variant: "outline",
-			size: "sm",
-			"data-testid": getTestId?.("trigger"),
-			className: require_use_theme.cn("h-8 border-dashed", className),
-			children: [
-				(0, react_jsx_runtime.jsx)(_tabler_icons_react.IconCirclePlus, {
-					className: "mr-2 h-4 w-4",
-					"aria-hidden": "true"
-				}),
-				title,
-				selected.size > 0 && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					(0, react_jsx_runtime.jsx)("span", {
-						className: "mx-2 h-4 w-px bg-border",
-						"aria-hidden": "true"
-					}),
-					(0, react_jsx_runtime.jsx)(require_filter_builder.Badge, {
-						variant: "secondary",
-						className: "rounded-sm px-1 font-normal lg:hidden",
-						children: selected.size
-					}),
-					(0, react_jsx_runtime.jsx)("div", {
-						className: "hidden gap-1 lg:flex",
-						children: selected.size > 2 ? (0, react_jsx_runtime.jsx)(require_filter_builder.Badge, {
-							variant: "secondary",
-							className: "rounded-sm px-1 font-normal",
-							children: t("table.selectedCount", {
-								count: selected.size,
-								defaultValue: "{{count}} selected"
-							})
-						}) : selectedValues.map((value) => (0, react_jsx_runtime.jsx)(require_filter_builder.Badge, {
-							variant: "secondary",
-							className: "rounded-sm px-1 font-normal",
-							children: labelFor(value)
-						}, value))
-					})
-				] })
-			]
-		})
-	}), (0, react_jsx_runtime.jsx)(require_toaster.PopoverContent, {
-		className: "w-[220px] p-0",
-		align: "start",
-		children: (0, react_jsx_runtime.jsxs)(require_search_access.Command, {
-			shouldFilter: !loadOptions,
-			children: [
-				(0, react_jsx_runtime.jsx)(require_search_access.CommandInput, {
-					placeholder: searchPlaceholder ?? title,
-					"data-testid": getTestId?.("search"),
-					...loadOptions ? {
-						value: search,
-						onValueChange: setSearch
-					} : {}
-				}),
-				(0, react_jsx_runtime.jsxs)(require_search_access.CommandList, { children: [
-					loading && (0, react_jsx_runtime.jsx)("div", {
-						className: "py-6 text-center text-sm text-muted-foreground",
-						children: t("list.loadingShort", { defaultValue: "Loading…" })
-					}),
-					(0, react_jsx_runtime.jsx)(require_search_access.CommandEmpty, { children: emptyText ?? t("relation.noResults", { defaultValue: "No results." }) }),
-					(0, react_jsx_runtime.jsx)(require_search_access.CommandGroup, { children: effectiveOptions.map((opt) => {
-						const isSelected = selected.has(opt.value);
-						const Icon = opt.icon;
-						return (0, react_jsx_runtime.jsxs)(require_search_access.CommandItem, {
-							value: opt.label,
-							"data-testid": getTestId?.("option", opt.value),
-							role: "option",
-							"aria-selected": isSelected,
-							"aria-checked": isSelected,
-							onSelect: () => toggle(opt.value),
-							children: [
-								(0, react_jsx_runtime.jsx)("span", {
-									className: require_use_theme.cn("mr-2 flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border", isSelected ? "border-primary bg-primary text-primary-foreground" : "border-input opacity-50"),
-									"aria-hidden": "true",
-									children: isSelected && (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconCheck, { className: "h-3.5 w-3.5" })
-								}),
-								Icon && (0, react_jsx_runtime.jsx)(Icon, {
-									className: "mr-2 h-4 w-4 text-muted-foreground",
-									"aria-hidden": "true"
-								}),
-								(0, react_jsx_runtime.jsx)("span", {
-									className: "flex-1 text-left",
-									children: opt.label
-								})
-							]
-						}, opt.value);
-					}) })
-				] }),
-				selected.size > 0 && (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					"data-testid": getTestId?.("clear"),
-					onClick: () => column.setFilterValue(void 0),
-					className: "flex w-full items-center justify-center border-t px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground",
-					children: t("filters.clearAll", { defaultValue: "Clear filters" })
-				})
-			]
-		})
-	})] });
-}
-//#endregion
 //#region src/data-table/data-table-text-filter.tsx
 function DataTableTextFilter({ column, placeholder, testid, className }) {
 	const external = column.getFilterValue() ?? "";
@@ -5280,7 +5055,7 @@ function DataTableTextFilter({ column, placeholder, testid, className }) {
 //#endregion
 //#region src/data-table/data-table-enum-filter.tsx
 function DataTableEnumFilter({ column, title, options, getTestId, className }) {
-	return (0, react_jsx_runtime.jsx)(DataTableFacetedFilter, {
+	return (0, react_jsx_runtime.jsx)(require_filter_builder.DataTableFacetedFilter, {
 		column,
 		title,
 		options,
@@ -5400,12 +5175,12 @@ const OPERATOR_LABELS = {
 	hasAll: "has all of",
 	hasNone: "has none of"
 };
-function formatOperatorLabel(op, t) {
-	return t ? t(`filters.operators.${op}`, { defaultValue: OPERATOR_LABELS[op] }) : OPERATOR_LABELS[op];
+function formatOperatorLabel(op, chromeT) {
+	return chromeT ? chromeT(`filters.operators.${op}`, { defaultValue: OPERATOR_LABELS[op] }) : OPERATOR_LABELS[op];
 }
 function useOperatorLabel() {
-	const t = (0, _burojs_react.useOptionalT)();
-	return (op) => formatOperatorLabel(op, t);
+	const chromeT = (0, _burojs_react.useChromeT)();
+	return (op) => formatOperatorLabel(op, chromeT);
 }
 function isEmpty(v) {
 	return v === void 0 || v === null || v === "";
@@ -5499,7 +5274,7 @@ function DataTableOperatorFilter({ column, operators, defaultOperator, valueKind
 //#region src/data-table/data-table-row-actions.tsx
 function DataTableRowActions({ row, actions, getTestId, className }) {
 	const [open, setOpen] = (0, react.useState)(false);
-	const t = (0, _burojs_react.useOptionalT)();
+	const chromeT = (0, _burojs_react.useChromeT)();
 	if (actions.length === 0) return null;
 	return (0, react_jsx_runtime.jsxs)(require_toaster.Popover, {
 		open,
@@ -5517,7 +5292,7 @@ function DataTableRowActions({ row, actions, getTestId, className }) {
 					"aria-hidden": "true"
 				}), (0, react_jsx_runtime.jsx)("span", {
 					className: "sr-only",
-					children: t("actions.openMenu", { defaultValue: "Open row actions menu" })
+					children: chromeT("actions.openMenu", { defaultValue: "Open row actions menu" })
 				})]
 			})
 		}), (0, react_jsx_runtime.jsx)(require_toaster.PopoverContent, {
@@ -5629,7 +5404,7 @@ function BlockScreen({ block, props, resource, record, label }) {
 		snapshot
 	]);
 	if (compiled === void 0) return (0, react_jsx_runtime.jsx)(require_skeleton.Skeleton, { className: "h-24 w-full" });
-	if ((0, _burojs_core.isScreenFailure)(compiled)) return (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordState, { state: "error" });
+	if ((0, _burojs_core.isScreenFailure)(compiled)) return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "error" });
 	return (0, react_jsx_runtime.jsx)(_burojs_react.RouteSourceContext.Provider, {
 		value: null,
 		children: (0, react_jsx_runtime.jsx)("div", {
@@ -5638,7 +5413,8 @@ function BlockScreen({ block, props, resource, record, label }) {
 			children: (0, react_jsx_runtime.jsx)(require_resource_page_router.PlannedBody, {
 				screen: compiled,
 				name: "modal",
-				label: label ?? ""
+				label: label ?? "",
+				...needsRow && row !== null ? { record: row } : {}
 			})
 		})
 	});
@@ -5647,13 +5423,20 @@ function relation(field) {
 	if (field === null || typeof field !== "object") return false;
 	return (0, _burojs_core.isRelationField)(field);
 }
+const resolveOf = (bag) => bag !== null && typeof bag === "object" ? bag.resolve : void 0;
+function lazyToOne(field) {
+	const entry = field;
+	if (entry.kind === "relationMany" || entry.type === "array") return false;
+	return (resolveOf(entry.meta) ?? resolveOf(entry.opts)) === "lazy";
+}
 function peekFields(def, columns, capabilityFor, fieldVisible = () => true) {
 	const record = new Set((0, _burojs_core.dtoFields)(def, "record"));
 	const out = [];
 	for (const name of columns) {
 		if (out.length === 5) break;
 		if (name === def.displayField || out.includes(name) || !record.has(name)) continue;
-		if (!require_place_node.peekLeafAllowed(def, name, capabilityFor, fieldVisible) || relation(require_place_node.peekFieldDefinition(def, name))) continue;
+		const field = require_place_node.peekFieldDefinition(def, name);
+		if (!require_place_node.peekLeafAllowed(def, name, capabilityFor, fieldVisible) || relation(field) && !lazyToOne(field)) continue;
 		out.push(name);
 	}
 	return Object.freeze(out);
@@ -5669,7 +5452,7 @@ function failure(error, retry) {
 	};
 }
 function PeekScreen(props) {
-	return (0, react_jsx_runtime.jsx)(require_search_access.PeekContext.Provider, {
+	return (0, react_jsx_runtime.jsx)(require_relation_create.PeekContext.Provider, {
 		value: true,
 		children: props.by !== void 0 ? (0, react_jsx_runtime.jsx)(PeekByKey, {
 			target: props.target,
@@ -5736,7 +5519,7 @@ function PeekByKey({ target, by }) {
 	} else if (query.error != null) read = failure(query.error, () => void query.refetch());
 	else read = { state: "pending" };
 	(0, react.useEffect)(() => {
-		if (read.state === "ambiguous" && process.env.NODE_ENV !== "production") console.error(`[burojs] ${(0, _burojs_core.relationAmbiguousError)(target, by.field, by.key).message}`);
+		if (read.state === "ambiguous" && process.env.NODE_ENV !== "production") console.error(`[burojs] ${require_toaster.technicalText((0, _burojs_core.relationAmbiguousError)(target, by.field, by.key))}`);
 	}, [
 		read.state,
 		target,
@@ -5752,6 +5535,7 @@ function PeekByKey({ target, by }) {
 function PeekBody({ target, peekKey, read }) {
 	const tid = (0, _burojs_react.useTestIds)();
 	const t = (0, _burojs_react.useOptionalT)();
+	const chromeT = (0, _burojs_react.useChromeT)();
 	const testid = tid.peek(target, peekKey);
 	if (read.state === "pending") return (0, react_jsx_runtime.jsx)("div", {
 		"data-testid": testid,
@@ -5779,7 +5563,7 @@ function PeekBody({ target, peekKey, read }) {
 			variant: "outline",
 			"data-testid": `${testid}:retry`,
 			onClick: read.retry,
-			children: t("actions.retry", { defaultValue: "Retry" })
+			children: chromeT("actions.retry", { defaultValue: "Retry" })
 		})]
 	});
 	if (read.state === "unavailable") return (0, react_jsx_runtime.jsx)("p", {
@@ -5862,7 +5646,7 @@ function PeekRecord({ target, testid, row }) {
 		capabilityFor,
 		fieldVisible
 	]);
-	const host = (0, react.useContext)(require_search_access.PeekHostContext);
+	const host = (0, react.useContext)(require_relation_create.PeekHostContext);
 	const instance = (0, _burojs_react.useUIInstance)();
 	const quickOpen = (0, _burojs_react.useQuickOpener)();
 	const rowId = rowIdOf(def, row);
@@ -5870,9 +5654,9 @@ function PeekRecord({ target, testid, row }) {
 	const open = (0, react.useCallback)(() => {
 		if (!openable) return;
 		const anchor = host?.anchor ?? null;
-		const anchorOpen = require_search_access.peekAnchorOpener(anchor);
+		const anchorOpen = require_relation_create.peekAnchorOpener(anchor);
 		instance.dismiss();
-		if (anchor?.isConnected) require_search_access.focusWithoutPeek(anchor);
+		if (anchor?.isConnected) require_relation_create.focusWithoutPeek(anchor);
 		if (anchorOpen !== void 0) anchorOpen(target, String(rowId));
 		else quickOpen(target, String(rowId));
 	}, [
@@ -5921,8 +5705,8 @@ function PeekRecord({ target, testid, row }) {
 	});
 }
 function DeclaredPeekBody({ target, testid, record, frameRecord, def, capabilityFor, fieldVisible, view: View, builtin, open, openable, t }) {
-	const host = (0, react.useContext)(require_search_access.PeekHostContext);
-	const title = require_search_access.recordDisplayName(record, def?.displayField);
+	const host = (0, react.useContext)(require_relation_create.PeekHostContext);
+	const title = require_relation_create.recordDisplayName(record, def?.displayField);
 	const setLabel = host?.setLabel;
 	(0, react.useEffect)(() => setLabel?.(title), [setLabel, title]);
 	const controller = (0, _burojs_react.useFormController)({
@@ -5993,7 +5777,7 @@ function DefaultPeekBody({ target, testid, row, open }) {
 		namespace: "default",
 		id: target
 	};
-	const host = (0, react.useContext)(require_search_access.PeekHostContext);
+	const host = (0, react.useContext)(require_relation_create.PeekHostContext);
 	const caps = (0, _burojs_react.useI18nCaps)(target);
 	const capabilityFor = (0, _burojs_react.useCapabilityResolver)(target, row, "show");
 	const projection = useRecordProjection(target);
@@ -6001,13 +5785,13 @@ function DefaultPeekBody({ target, testid, row, open }) {
 	const access = (0, _burojs_react.useFieldAccess)(target, "record", dtoRow);
 	const projected = (0, _burojs_react.useProjectedRecord)(target, dtoRow);
 	const record = projected.value ?? {};
-	const title = require_search_access.recordDisplayName(record, def?.displayField);
+	const title = require_relation_create.recordDisplayName(record, def?.displayField);
 	const setLabel = host?.setLabel;
 	(0, react.useEffect)(() => setLabel?.(title), [setLabel, title]);
 	const columns = (0, react.useMemo)(() => {
 		if (def === void 0) return [];
 		const listed = def.views?.list?.columns;
-		return peekFields(def, listed ?? Object.keys(def.fields), capabilityFor, (name) => access[name]?.view === "visible");
+		return peekFields(def, listed?.map(_burojs_core.columnName) ?? Object.keys(def.fields), capabilityFor, (name) => access[name]?.view === "visible");
 	}, [
 		def,
 		capabilityFor,
@@ -6047,13 +5831,21 @@ function DefaultPeekBody({ target, testid, row, open }) {
 						children: (0, _burojs_core.resolveFieldLabel)(caps, name, (0, _burojs_core.declaredText)("field", field, "label"))
 					}), (0, react_jsx_runtime.jsx)("dd", {
 						className: "min-w-0 break-words",
-						children: (0, react_jsx_runtime.jsx)(require_place_node.ResolvedFieldDisplay, {
-							resource: ref,
-							name,
-							field,
+						children: (0, react_jsx_runtime.jsx)(require_place_node.FieldValueFrame, {
+							field: {
+								...field,
+								name
+							},
 							value,
-							record,
-							fallback: require_place_node.toDisplayText(value).text
+							surface: "display",
+							children: (0, react_jsx_runtime.jsx)(require_filter_builder.ResolvedFieldDisplay, {
+								resource: ref,
+								name,
+								field,
+								value,
+								record,
+								fallback: require_place_node.toDisplayText(value).text
+							})
 						})
 					})]
 				}, name);
@@ -6075,41 +5867,50 @@ function QuickBodyOf({ entry }) {
 		entry,
 		route: EMPTY_ROUTE
 	});
-	if (entry.recordId === void 0 || entry.recordId === "") return (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordState, { state: "not-found" });
-	return (0, react_jsx_runtime.jsx)(QuickRead, {
+	if (entry.recordId === void 0 || entry.recordId === "") return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "not-found" });
+	return (0, react_jsx_runtime.jsx)(QuickReadRoute, {
 		entry,
 		recordId: entry.recordId
 	});
 }
-function QuickRead({ entry, recordId }) {
+function QuickReadRoute({ entry, recordId }) {
+	const typed = (0, _burojs_react.useRouteRecordId)(entry.resource, recordId);
+	if (typed === void 0) return (0, react_jsx_runtime.jsx)(require_relation_create.InvalidRouteId, { resource: entry.resource });
+	return (0, react_jsx_runtime.jsx)(QuickRead, {
+		entry,
+		recordId,
+		typedId: typed
+	});
+}
+function QuickRead({ entry, recordId, typedId }) {
 	const def = (0, _burojs_react.useApp)().registry.get(entry.resource);
 	const projection = (0, react.useMemo)(() => def === void 0 ? void 0 : (0, _burojs_core.dtoFields)(def, "record"), [def]);
 	const query = (0, _burojs_react.useOne)(entry.resource, {
-		id: recordId,
+		id: typedId,
 		retry: _burojs_react.retryRecordRead,
 		...projection === void 0 ? {} : { projection }
 	});
 	const result = query.data;
 	if (result !== void 0) {
 		const row = result.data;
-		if (row === null || typeof row !== "object") return (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordState, { state: "not-found" });
+		if (row === null || typeof row !== "object") return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "not-found" });
 		return (0, react_jsx_runtime.jsx)(QuickLoaded, {
 			entry,
 			recordId,
+			typedId,
 			row,
 			isCurrentData: !query.isPlaceholderData
 		});
 	}
-	if (query.error != null) {
-		const state = require_resource_page_router.recordErrorState(query.error);
-		return (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordState, {
-			state,
-			...state === "error" ? { onRetry: () => void query.refetch() } : {}
-		});
-	}
-	return (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordState, { state: "loading" });
+	if (query.error != null) return (0, react_jsx_runtime.jsx)(require_relation_create.LoadError, {
+		surface: "record",
+		resource: entry.resource,
+		error: query.error,
+		retry: () => void query.refetch()
+	});
+	return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "loading" });
 }
-function QuickLoaded({ entry, recordId, row, isCurrentData }) {
+function QuickLoaded({ entry, recordId, typedId, row, isCurrentData }) {
 	const gate = (0, _burojs_react.useEntryGate)();
 	const quick = (0, _burojs_react.useQuickEntry)();
 	const answer = gate(entry.resource, entry.mode === "edit" ? "edit" : "show", row);
@@ -6125,20 +5926,20 @@ function QuickLoaded({ entry, recordId, row, isCurrentData }) {
 		title
 	]);
 	const route = (0, react.useMemo)(() => Object.freeze({ id: recordId }), [recordId]);
-	if (answer.state === "undecided") return (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordState, { state: "loading" });
-	if (!open) return (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordState, { state: "not-found" });
+	if (answer.state === "undecided") return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "loading" });
+	if (!open) return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "not-found" });
 	return (0, react_jsx_runtime.jsx)(QuickScreenOf, {
 		entry,
-		route
+		route,
+		recordId: typedId
 	});
 }
 function canonicalOrNull(name) {
-	if (typeof name !== "string") return null;
 	try {
-		return require_check_confirm_dialog.canonicalResourceName(name);
-	} catch {
-		return null;
-	}
+		if (typeof name === "string") return require_check_confirm_dialog.canonicalResourceName(name);
+		if (name !== null && typeof name === "object") return (0, _burojs_core.routeResourceKey)(name);
+	} catch {}
+	return null;
 }
 function absorbedRedirect(to, entry) {
 	if (typeof to !== "object" || to === null) return null;
@@ -6152,7 +5953,7 @@ function closeEntry(quick, dismiss) {
 	if (quick.stack.entries.length > 1) quick.stack.pop();
 	else dismiss(quick.presentationId);
 }
-function QuickScreenOf({ entry, route }) {
+function QuickScreenOf({ entry, route, recordId }) {
 	const quick = (0, _burojs_react.useQuickEntry)();
 	const instance = (0, _burojs_react.useUIInstance)();
 	const runtime = (0, _burojs_react.useUIPresentationRuntime)();
@@ -6204,7 +6005,7 @@ function QuickScreenOf({ entry, route }) {
 				children: (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordScreen, {
 					resource: entry.resource,
 					mode: entry.mode,
-					...entry.recordId === void 0 ? {} : { recordId: entry.recordId },
+					...recordId === void 0 ? {} : { recordId },
 					...entry.defaults === void 0 ? {} : { defaults: entry.defaults },
 					...entry.input === void 0 ? {} : { input: entry.input },
 					...callbacks
@@ -6226,7 +6027,7 @@ function useEntryTitle(entry) {
 	const caps = (0, _burojs_react.useI18nCaps)(entry.resource);
 	const t = (0, _burojs_react.useOptionalT)();
 	if (entry.mode !== "create") return entry.title ?? "";
-	return t("pageHeader.createTitle", { params: { label: (0, _burojs_core.resolveResourceLabel)(caps, entry.resource, "single", app.registry.get(entry.resource)) } });
+	return require_place_node.resolveResourceTitle(caps, t, entry.resource, "createTitle", { label: (0, _burojs_core.resolveResourceLabel)(caps, entry.resource, "single", app.registry.get(entry.resource)) });
 }
 const HEADING_CLASS = "min-w-0 flex-1 break-words text-lg font-semibold tracking-tight focus-visible:outline-hidden";
 function QuickHeader({ entries }) {
@@ -6236,7 +6037,7 @@ function QuickHeader({ entries }) {
 	const t = (0, _burojs_react.useOptionalT)();
 	const tid = (0, _burojs_react.useTestIds)();
 	const RouterLink = require_toaster.useLinkComponent();
-	const ownTitle = (0, react.useContext)(require_shell.OwnTitleContext);
+	const ownTitle = (0, react.useContext)(require_check_confirm_dialog.OwnTitleContext);
 	const top = entries[entries.length - 1];
 	const previous = entries.length > 1 ? entries[entries.length - 2] : void 0;
 	const title = useEntryTitle(top);
@@ -6372,7 +6173,7 @@ function wrapperEnabled(options) {
 //#region src/ui-presentations/dialog-host.tsx
 function DialogPresentationHost({ component: Component, props, options }) {
 	const instance = (0, _burojs_react.useUIInstance)();
-	return (0, react_jsx_runtime.jsx)(require_shell.DialogPresentationShell, {
+	return (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DialogPresentationShell, {
 		dismiss: instance.dismiss,
 		wrapper: wrapperEnabled(options),
 		ownTitle: options.ownTitle === true,
@@ -6453,7 +6254,7 @@ function PopoverPresentationHost({ component: Component, props, options, anchor
 			onCloseAutoFocus: (event) => event.preventDefault(),
 			onPointerEnter: hold,
 			onPointerLeave: release,
-			children: (0, react_jsx_runtime.jsx)(require_search_access.PeekHostContext.Provider, {
+			children: (0, react_jsx_runtime.jsx)(require_relation_create.PeekHostContext.Provider, {
 				value: host,
 				children: (0, react_jsx_runtime.jsx)(Component, { ...props })
 			})
@@ -6465,7 +6266,7 @@ PopoverPresentationHost.optionsSchema = Object.freeze({ title: "string" });
 //#region src/ui-presentations/sheet-host.tsx
 function SheetPresentationHost({ component: Component, props, options }) {
 	const instance = (0, _burojs_react.useUIInstance)();
-	return (0, react_jsx_runtime.jsx)(require_shell.SheetPresentationShell, {
+	return (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.SheetPresentationShell, {
 		dismiss: instance.dismiss,
 		wrapper: wrapperEnabled(options),
 		ownTitle: options.ownTitle === true,
@@ -6483,11 +6284,25 @@ SheetPresentationHost.optionsSchema = Object.freeze({
 //#region src/ui-presentations/index.tsx
 function FlowScreen(props) {
 	const loaded = require_check_confirm_dialog.useLoaded(require_check_confirm_dialog.loadFlowScreen);
-	if (loaded.error !== void 0) return (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.FlowLoadFailed, { onRetry: loaded.retry });
-	if (loaded.module === void 0) return null;
+	if (loaded.error !== void 0) return (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.FlowLoadFailed, {
+		label: props.label,
+		onRetry: loaded.retry
+	});
+	if (loaded.module === void 0) return (0, react_jsx_runtime.jsxs)("div", {
+		"data-buro-flow-step": "loading",
+		"aria-busy": "true",
+		className: "flex flex-col gap-4",
+		children: [(0, react_jsx_runtime.jsx)(require_check_confirm_dialog.OwnTitleHeading, { label: props.label }), (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconLoader2, {
+			className: "h-5 w-5 animate-spin self-center",
+			"aria-hidden": "true"
+		})]
+	});
 	const Screen = loaded.module.FlowScreen;
 	return (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.FlowBoundary, {
-		fallback: (_error, reset) => (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.FlowLoadFailed, { onRetry: reset }),
+		fallback: (_error, reset) => (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.FlowLoadFailed, {
+			label: props.label,
+			onRetry: reset
+		}),
 		children: (0, react_jsx_runtime.jsx)(Screen, { ...props })
 	});
 }
@@ -6762,9 +6577,13 @@ function DefaultCommandPalette({ open, onOpenChange, actions, children }) {
 }
 //#endregion
 //#region src/shell/app-shell.tsx
-function AppShell({ brand, user, loginPath, sidebar, header, palette, docPanel, children }) {
+function AppShell({ brand, user, loginPath, sidebar, header, palette, docPanel, navChrome, children }) {
 	const enabled = palette !== false;
-	const { open, setOpen } = (0, _burojs_react.useCommandPalette)({ disableShortcut: !enabled });
+	const { open, setOpen, toggle } = (0, _burojs_react.useCommandPalette)();
+	(0, _burojs_react_web.useGlobalShortcut)({
+		key: "k",
+		mod: true
+	}, toggle, { enabled });
 	const paletteState = (0, react.useMemo)(() => ({
 		open,
 		setOpen
@@ -6782,7 +6601,7 @@ function AppShell({ brand, user, loginPath, sidebar, header, palette, docPanel,
 			sidebar: fill(sidebar, () => (0, react_jsx_runtime.jsx)(AppSidebar, {})),
 			header: fill(header, () => (0, react_jsx_runtime.jsx)(AppHeader, {})),
 			...docPanel !== void 0 ? { docPanel } : {},
-			children
+			children: navChrome === false ? children : (0, react_jsx_runtime.jsx)(NavChrome, { children })
 		}), paletteNode]
 	});
 }
@@ -6932,14 +6751,14 @@ exports.Collapsible = Collapsible;
 exports.CollapsibleContent = CollapsibleContent;
 exports.CollapsibleTrigger = CollapsibleTrigger;
 exports.ColumnsToggle = require_place_node.ColumnsToggle;
-exports.Command = require_search_access.Command;
-exports.CommandDialog = require_search_access.CommandDialog;
-exports.CommandEmpty = require_search_access.CommandEmpty;
-exports.CommandGroup = require_search_access.CommandGroup;
-exports.CommandInput = require_search_access.CommandInput;
-exports.CommandItem = require_search_access.CommandItem;
-exports.CommandList = require_search_access.CommandList;
-exports.CommandLoading = require_search_access.CommandLoading;
+exports.Command = require_relation_create.Command;
+exports.CommandDialog = require_relation_create.CommandDialog;
+exports.CommandEmpty = require_relation_create.CommandEmpty;
+exports.CommandGroup = require_relation_create.CommandGroup;
+exports.CommandInput = require_relation_create.CommandInput;
+exports.CommandItem = require_relation_create.CommandItem;
+exports.CommandList = require_relation_create.CommandList;
+exports.CommandLoading = require_relation_create.CommandLoading;
 exports.CommandPalette = CommandPalette;
 exports.CommandPaletteActionsGroup = CommandPaletteActionsGroup;
 exports.CommandPaletteCreateGroup = CommandPaletteCreateGroup;
@@ -6948,7 +6767,7 @@ exports.CommandPaletteNavigationGroups = CommandPaletteNavigationGroups;
 exports.CommandPaletteRecentGroup = CommandPaletteRecentGroup;
 exports.CommandPaletteRecordsGroup = CommandPaletteRecordsGroup;
 exports.CommandPaletteTrigger = CommandPaletteTrigger;
-exports.CommandSeparator = require_search_access.CommandSeparator;
+exports.CommandSeparator = require_relation_create.CommandSeparator;
 exports.ContextPicker = ContextPicker;
 exports.CopyId = require_place_node.CopyId;
 exports.CreateButton = require_place_node.CreateButton;
@@ -6957,7 +6776,7 @@ exports.DEFAULT_LANGUAGE_STORAGE_KEY = _burojs_react.DEFAULT_LANGUAGE_STORAGE_KE
 exports.DataTable = require_place_node.DataTable;
 exports.DataTableDateRangeFilter = DataTableDateRangeFilter;
 exports.DataTableEnumFilter = DataTableEnumFilter;
-exports.DataTableFacetedFilter = DataTableFacetedFilter;
+exports.DataTableFacetedFilter = require_filter_builder.DataTableFacetedFilter;
 exports.DataTableNumRangeFilter = DataTableNumRangeFilter;
 exports.DataTableOperatorFilter = DataTableOperatorFilter;
 exports.DataTableRowActions = DataTableRowActions;
@@ -6976,7 +6795,7 @@ exports.DialogDescription = require_dialog.DialogDescription;
 exports.DialogFooter = require_dialog.DialogFooter;
 exports.DialogHeader = require_dialog.DialogHeader;
 exports.DialogPresentationHost = DialogPresentationHost;
-exports.DialogPresentationShell = require_shell.DialogPresentationShell;
+exports.DialogPresentationShell = require_check_confirm_dialog.DialogPresentationShell;
 exports.DialogTitle = require_dialog.DialogTitle;
 exports.DialogTrigger = require_dialog.DialogTrigger;
 exports.DisabledAction = require_check_confirm_dialog.DisabledAction;
@@ -7009,6 +6828,7 @@ exports.EnumPicker = EnumPicker;
 exports.EnumValueDisplay = EnumDisplay$1;
 exports.ExportButton = require_place_node.ExportButton;
 exports.ExportDialog = require_place_node.ExportDialog;
+exports.FacetedFilterPicker = require_filter_builder.FacetedFilterPicker;
 exports.Field = require_place_node.Field;
 exports.FieldDisplay = require_place_node.FieldDisplay;
 exports.FileDisplay = FileDisplay;
@@ -7050,10 +6870,8 @@ exports.ListLive = require_place_node.ListLive;
 exports.ListSavedViews = require_place_node.ListSavedViews;
 exports.ListSearchInput = require_place_node.ListSearchInput;
 exports.LoginForm = LoginForm;
-exports.NavAreaLayout = NavAreaLayout;
 exports.NavAreaPage = require_resource_page_router.NavAreaPage;
-exports.NavChrome = require_resource_page_router.NavChrome;
-exports.NavChromeBoundaryProvider = require_resource_page_router.NavChromeBoundaryProvider;
+exports.NavChrome = NavChrome;
 exports.NavMain = NavMain;
 exports.NavigationGuardDialog = NavigationGuardDialog;
 exports.NumberDisplay = NumberDisplay;
@@ -7068,6 +6886,7 @@ exports.PopoverClose = require_toaster.PopoverClose;
 exports.PopoverContent = require_toaster.PopoverContent;
 exports.PopoverPresentationHost = PopoverPresentationHost;
 exports.PopoverTrigger = require_toaster.PopoverTrigger;
+exports.PresetFilterControls = require_filter_builder.PresetFilterControls;
 exports.Progress = Progress;
 exports.RecordActions = require_place_node.RecordActions;
 exports.RecordBreadcrumbs = RecordBreadcrumbs;
@@ -7075,18 +6894,19 @@ exports.RecordPage = require_resource_page_router.RecordPage;
 exports.RecordScreen = require_resource_page_router.RecordScreen;
 exports.RecordTitle = require_place_node.RecordTitle;
 exports.RefreshButton = RefreshButton;
-exports.RelationDisplay = require_search_access.RelationDisplay;
-exports.RelationField = require_search_access.RelationField;
+exports.RelationDisplay = require_relation_create.RelationDisplay;
+exports.RelationField = require_relation_create.RelationField;
 exports.RelationManyDisplay = RelationManyDisplay;
 exports.RelationPicker = require_relation_picker.RelationPicker;
-exports.RelationPickerDialog = require_candidates_gate.LazyRelationPickerDialog;
+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.SavedViewsDropdown = require_place_node.SavedViewsDropdown;
+exports.ScopeDimensionPicker = ScopeDimensionPicker;
 exports.ScopeSwitcher = ScopeSwitcher;
-exports.SecondarySidebarLayout = SecondarySidebarLayout;
+exports.SecondarySidebarLayout = require_resource_page_router.SecondarySidebarLayout;
 exports.Select = require_filter_builder.Select;
 exports.SelectContent = require_filter_builder.SelectContent;
 exports.SelectGroup = require_filter_builder.SelectGroup;
@@ -7098,16 +6918,16 @@ exports.SelectSeparator = require_filter_builder.SelectSeparator;
 exports.SelectTrigger = require_filter_builder.SelectTrigger;
 exports.SelectValue = require_filter_builder.SelectValue;
 exports.Separator = Separator;
-exports.Sheet = require_shell.Sheet;
-exports.SheetClose = require_shell.SheetClose;
-exports.SheetContent = require_shell.SheetContent;
-exports.SheetDescription = require_shell.SheetDescription;
-exports.SheetFooter = require_shell.SheetFooter;
-exports.SheetHeader = require_shell.SheetHeader;
+exports.Sheet = require_check_confirm_dialog.Sheet;
+exports.SheetClose = require_check_confirm_dialog.SheetClose;
+exports.SheetContent = require_check_confirm_dialog.SheetContent;
+exports.SheetDescription = require_check_confirm_dialog.SheetDescription;
+exports.SheetFooter = require_check_confirm_dialog.SheetFooter;
+exports.SheetHeader = require_check_confirm_dialog.SheetHeader;
 exports.SheetPresentationHost = SheetPresentationHost;
-exports.SheetPresentationShell = require_shell.SheetPresentationShell;
-exports.SheetTitle = require_shell.SheetTitle;
-exports.SheetTrigger = require_shell.SheetTrigger;
+exports.SheetPresentationShell = require_check_confirm_dialog.SheetPresentationShell;
+exports.SheetTitle = require_check_confirm_dialog.SheetTitle;
+exports.SheetTrigger = require_check_confirm_dialog.SheetTrigger;
 exports.ShellProvider = require_place_node.ShellProvider;
 exports.ShowPageHeader = require_place_node.ShowPageHeader;
 exports.Sidebar = Sidebar;
@@ -7146,7 +6966,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 = TabsLayout;
+exports.TabsLayout = require_resource_page_router.TabsLayout;
 exports.TabsList = require_place_node.TabsList;
 exports.TabsTrigger = require_place_node.TabsTrigger;
 exports.TaskRunPanel = TaskRunPanel;
@@ -7164,7 +6984,7 @@ exports.TooltipProvider = require_check_confirm_dialog.TooltipProvider;
 exports.TooltipTrigger = require_check_confirm_dialog.TooltipTrigger;
 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;
@@ -7185,9 +7005,9 @@ Object.defineProperty(exports, "modeForSurface", {
 		return _burojs_react.modeForSurface;
 	}
 });
-exports.recordDisplayName = require_search_access.recordDisplayName;
+exports.recordDisplayName = require_relation_create.recordDisplayName;
 exports.registerIcons = require_check_confirm_dialog.registerIcons;
-exports.relationLinkClassName = require_search_access.relationLinkClassName;
+exports.relationLinkClassName = require_relation_create.relationLinkClassName;
 exports.resolveNavIcon = resolveNavIcon;
 exports.resolveUpdater = require_place_node.resolveUpdater;
 exports.saveLocale = require_filter_builder.saveLocale;
@@ -7203,7 +7023,7 @@ exports.useCurrentUser = useCurrentUser;
 exports.useDialogFilterState = require_use_dialog_filter_state.useDialogFilterState;
 exports.useDocumentTitle = require_place_node.useDocumentTitle;
 exports.useExportRunWatcher = require_place_node.useExportRunWatcher;
-exports.useFormControl = require_resource_page_router.useFormControl;
+exports.useFormControl = require_place_node.useFormControl;
 exports.useFormField = useFormField;
 exports.useHref = require_resource_page_router.useHref;
 exports.useIsMobile = useIsMobile;
@@ -7214,18 +7034,23 @@ exports.useLayoutResolver = require_resource_page_router.useLayoutResolver;
 exports.useLinkComponent = require_toaster.useLinkComponent;
 exports.useListSlot = require_check_confirm_dialog.useListSlot;
 exports.useMatch = require_resource_page_router.useMatch;
-exports.useNavChromeBoundary = require_resource_page_router.useNavChromeBoundary;
 exports.useNavIcon = useNavIcon;
 exports.useNavTree = useNavTree;
 exports.useNavVisible = require_resource_page_router.useNavVisible;
 exports.useOptionalSidebar = useOptionalSidebar;
 exports.usePaletteState = require_place_node.usePaletteState;
 exports.usePresentationCopy = usePresentationCopy;
-exports.useRelationPicker = useRelationPicker;
+exports.useRelationPicker = require_place_node.useRelationPicker;
 exports.useShell = require_place_node.useShell;
 exports.useSidebar = useSidebar;
 exports.useTheme = require_use_theme.useTheme;
 exports.useThemePaletteActions = useThemePaletteActions;
+Object.defineProperty(exports, "webPlatform", {
+	enumerable: true,
+	get: function() {
+		return _burojs_react_web.webPlatform;
+	}
+});
 exports.wrapperEnabled = wrapperEnabled;
 
 //# sourceMappingURL=index.cjs.map