@burojs/ui-shadcn 0.6.0 → 0.8.0

package/dist/index.cjs

@@ -1,21 +1,22 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_use_theme = require("./use-theme-DFlpXils.cjs");
-const require_toaster = require("./toaster-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-BT04Mieo.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-Bhl8B3fF.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-ByGhxLf_.cjs");
+const require_resource_page_router = require("./resource-page-router-qEd2xb55.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-BAKBRn3V.cjs");
+const require_use_record_subtitle = require("./use-record-subtitle-bfwIoUme.cjs");
+const require_relation_picker = require("./relation-picker-ADjxI_TI.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 +36,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 +498,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 +634,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 +779,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 +790,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 +1120,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 +1143,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 +1703,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 +1719,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 +1779,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 +1789,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 +1827,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,
@@ -1933,6 +1982,10 @@ function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection,
 	const t = (0, _burojs_react.useT)();
 	const RouterLink = require_toaster.useLinkComponent();
 	const navIcon = useNavIcon();
+	const intent = (0, _burojs_react.useOriginIntent)();
+	const jump = (entry) => () => {
+		if (entry.href !== void 0) intent(entry.href, "jump");
+	};
 	const ownOr = (own, name) => own !== void 0 ? own : navIcon(name);
 	const groupAsSection = (key) => app.registry.sections.get(key) ?? app.registry.groups.get(key);
 	const sectionIcon = (key, name) => {
@@ -1959,6 +2012,7 @@ function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection,
 				href: entry.href ?? "",
 				"aria-current": entry.active ? "page" : void 0,
 				"data-testid": entryTestId(entry),
+				onClick: jump(entry),
 				children: [icon != null && (0, react_jsx_runtime.jsx)("span", {
 					className: "inline-flex h-4 w-4 items-center justify-center",
 					"aria-hidden": "true",
@@ -1974,11 +2028,12 @@ function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection,
 			href: entry.href ?? "",
 			"aria-current": entry.active ? "page" : void 0,
 			"data-testid": entryTestId(entry),
+			onClick: jump(entry),
 			children: (0, react_jsx_runtime.jsx)("span", { children: entry.label })
 		})
 	}) }, 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 +2077,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 +2115,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,19 +2132,27 @@ 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();
 	const caps = (0, _burojs_react.useI18nCaps)(def?.name);
+	const intent = (0, _burojs_react.useOriginIntent)();
+	const onJump = (seg) => {
+		const href = seg.href;
+		return seg.jump === true && href !== void 0 ? () => intent(href, "jump") : void 0;
+	};
 	const trailScopes = (0, _burojs_react.useDocTrailScopes)(def?.name);
 	const leading = (name) => leadingSegments?.map((seg, i) => (0, react_jsx_runtime.jsxs)("span", {
 		className: "flex min-w-0 items-center gap-1",
 		children: [seg.href ? (0, react_jsx_runtime.jsx)(RouterLink, {
 			href: seg.href,
+			onClick: onJump(seg),
 			"data-testid": `${tid.navBreadcrumb(name)}:lead:${i}`,
 			className: require_use_theme.cn(LINK_CLASS, "truncate"),
 			title: seg.label,
@@ -2219,9 +2187,34 @@ function Breadcrumbs(props) {
 		]
 	});
 	if (!def) return null;
-	const { recordId, pageLabel, middleSegments } = props;
+	const { recordId, pageLabel, middleSegments, rootSegments } = props;
 	const resourceKey = require_resource_page_router.canonicalResourceKey(def);
-	const listHref = (0, _burojs_core.hrefFor)(app.registry, resourceKey);
+	if (rootSegments !== void 0 && rootSegments.length > 0) return (0, react_jsx_runtime.jsxs)("nav", {
+		className: navClass,
+		"aria-label": ariaLabel,
+		"data-testid": testId,
+		children: [
+			rootSegments.map((seg, i) => (0, react_jsx_runtime.jsxs)("span", {
+				className: "flex min-w-0 items-center gap-1",
+				children: [i > 0 && (0, react_jsx_runtime.jsx)(Chevron, {}), seg.href ? (0, react_jsx_runtime.jsx)(RouterLink, {
+					href: seg.href,
+					onClick: onJump(seg),
+					"data-testid": `${tid.navBreadcrumb(resourceKey)}:root:${i}`,
+					className: require_use_theme.cn(LINK_CLASS, "truncate"),
+					title: seg.label,
+					children: seg.label
+				}) : (0, react_jsx_runtime.jsx)("span", {
+					"data-testid": `${tid.navBreadcrumb(resourceKey)}:root:${i}`,
+					className: "truncate",
+					title: seg.label,
+					children: seg.label
+				})]
+			}, `root:${i}:${seg.label}`)),
+			pageLabel && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(Chevron, {}), current(tid.navBreadcrumb(resourceKey, recordId), pageLabel)] }),
+			help
+		]
+	});
+	const listHref = props.resourceHref ?? (0, _burojs_core.hrefFor)(app.registry, resourceKey);
 	const resourceLabel = (0, _burojs_core.resolveResourceLabel)(caps, resourceKey, "plural", def);
 	const resourceIsCurrent = !pageLabel && !(middleSegments && middleSegments.length > 0);
 	return (0, react_jsx_runtime.jsxs)("nav", {
@@ -2230,7 +2223,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"),
@@ -2241,6 +2239,7 @@ function Breadcrumbs(props) {
 				className: "flex min-w-0 items-center gap-1",
 				children: [(0, react_jsx_runtime.jsx)(Chevron, {}), seg.href ? (0, react_jsx_runtime.jsx)(RouterLink, {
 					href: seg.href,
+					onClick: onJump(seg),
 					"data-testid": `${tid.navBreadcrumb(resourceKey)}:mid:${i}`,
 					className: require_use_theme.cn(LINK_CLASS, "truncate"),
 					title: seg.label,
@@ -2258,6 +2257,12 @@ function Breadcrumbs(props) {
 }
 //#endregion
 //#region src/layout/record-breadcrumbs.tsx
+function viewOrigin(ctx, trail, resource) {
+	if (trail === void 0 || trail.resource === void 0 || trail.segments.length > 0) return void 0;
+	const target = ctx.registry.get(trail.resource)?.routesTo?.show;
+	if (target === void 0 || ctx.registry.get(target) !== ctx.registry.get(resource)) return void 0;
+	return trail.resource;
+}
 function RecordBreadcrumbs() {
 	const ctx = require_resource_page_router.useTrailContext();
 	const match = require_resource_page_router.useMatch();
@@ -2265,9 +2270,17 @@ function RecordBreadcrumbs() {
 	const route = require_resource_page_router.recordTrailRoute(ctx.registry, match);
 	const published = require_resource_page_router.usePublishedRecordTrail(route === null ? "" : require_resource_page_router.recordTrailKey(route.resource, route.id, route.flow === void 0 ? route.action : `flow:${route.flow}`));
 	const idTitle = (0, _burojs_react.useRecordTitle)(route?.resource, route?.id);
+	(0, _burojs_react.usePublishOriginTitle)(published?.title || void 0);
+	const origin = (0, _burojs_react.useNavigationOrigin)();
+	const rooted = origin === null ? void 0 : require_resource_page_router.originTrail(ctx, origin);
+	const view = route === null ? void 0 : viewOrigin(ctx, rooted, route.resource);
+	const viewScopes = (0, _burojs_react.useDocTrailScopes)(view);
+	const ownScopes = (0, _burojs_react.useDocTrailScopes)(view === void 0 ? void 0 : route?.resource);
+	const docScopes = view === void 0 ? {} : { docScopes: [...new Set([...viewScopes, ...ownScopes])] };
 	if (route === null || match === null) return null;
 	const { resource, id, groupChain } = route;
 	const title = published?.title ?? idTitle;
+	const withOrigin = rooted === void 0 ? {} : { origin: rooted };
 	if (route.flow !== void 0) {
 		if ((0, _burojs_core.effectiveFlow)(snapshot, match.ref, route.flow) === void 0) return null;
 		const flowLabel = published?.flowLabel;
@@ -2277,8 +2290,10 @@ function RecordBreadcrumbs() {
 				action: "show",
 				id,
 				title: idTitle,
-				groupChain
+				groupChain,
+				...withOrigin
 			}),
+			...docScopes,
 			"data-testid": "record-breadcrumbs"
 		});
 		return (0, react_jsx_runtime.jsx)(Breadcrumbs, {
@@ -2287,8 +2302,10 @@ function RecordBreadcrumbs() {
 				action: "edit",
 				id,
 				title,
-				groupChain
+				groupChain,
+				...withOrigin
 			}),
+			...docScopes,
 			pageLabel: flowLabel,
 			"data-testid": "record-breadcrumbs"
 		});
@@ -2299,22 +2316,24 @@ function RecordBreadcrumbs() {
 			action: route.action,
 			id,
 			title,
-			groupChain
+			groupChain,
+			...withOrigin
 		}),
+		...docScopes,
 		"data-testid": "record-breadcrumbs"
 	});
 }
 //#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,21 +2342,112 @@ 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
@@ -2468,20 +2578,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 +2638,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)(() => {
@@ -2554,18 +2664,18 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 	}, [app, visibilityCtx]);
 	const goTo = (href) => {
 		onSelect?.();
-		navigate(href);
+		navigate(href, { origin: "jump" });
 	};
 	const resourceLabel = (def) => (0, _burojs_core.resolveResourceLabel)(caps, require_resource_page_router.canonicalResourceKey(def), "plural", def);
 	const pageLabel = (def) => (0, _burojs_core.resolveNavLabel)(caps, `pages.${require_resource_page_router.canonicalNavKey(def)}`, (0, _burojs_core.declaredText)("chrome", def, "label"));
 	const 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 +2683,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 +2700,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 +2713,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 +2724,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 +2740,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 +2761,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 +2776,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 +2793,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,11 +2812,11 @@ 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;
-	for (const action of ["show", "edit"]) if (require_place_node.recordRouteAvailable(registry, entry.canonicalRef, action)) return (0, _burojs_core.hrefFor)(registry, entry.canonicalRef, {
+	if (!isResourceVisible(def)) return void 0;
+	for (const action of ["show", "edit"]) if ((0, _burojs_react.recordRouteAvailable)(registry, entry.canonicalRef, action)) return (0, _burojs_core.hrefFor)(registry, entry.canonicalRef, {
 		action,
 		id: entry.id
 	});
@@ -2719,36 +2829,48 @@ 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;
 	const goTo = (href, entry) => {
 		onSelect?.();
 		if (href === null) quick.show(entry.canonicalRef, entry.id);
-		else navigate(href);
+		else navigate(href, { origin: "jump" });
 	};
-	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 +2878,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 +2891,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 +2914,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 +2926,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_resource_page_router.isShowAvailable(app.registry, require_resource_page_router.canonicalResourceKey(r)) || opensInQuick(app.registry, require_resource_page_router.canonicalResourceKey(r), "show")).filter(isResourceVisible).map((def) => {
 			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);
+		else navigate(href, { origin: "jump" });
 	};
-	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, {
@@ -2858,28 +2981,40 @@ function PerResourceSearchHits({ def, displayField, query, pageSize, goTo, recor
 		enabled: shouldFetch
 	});
 	const report = useCommandPaletteResults(`records:${resource}`);
+	const rowSubtitle = require_use_record_subtitle.useRowSubtitle(resource);
 	const rows = !shouldFetch || q.isLoading || q.isError ? [] : q.data?.data ?? [];
 	(0, react.useEffect)(() => {
 		report(rows.length);
 	}, [report, rows.length]);
 	if (rows.length === 0) return null;
 	const resourceLabel = (0, _burojs_core.resolveResourceLabel)(caps, require_resource_page_router.canonicalResourceKey(def), "single", def);
+	const 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, {
+		const subtitle = rowSubtitle(row) ?? null;
+		const href = recordHref ? recordHref(resource, id) : require_resource_page_router.isShowAvailable(registry, resource) ? (0, _burojs_core.resourceShowHref)(registry, def, resource, id) : null;
+		return (0, react_jsx_runtime.jsxs)(require_relation_create.CommandItem, {
 			value: `record:${resource}:${id}:${labelText}`,
 			forceMount: true,
 			onSelect: () => goTo(href, resource, id),
 			"data-testid": getTestId?.("records-record", `${resource}:${id}`),
-			children: [(0, react_jsx_runtime.jsxs)("span", {
-				className: "text-muted-foreground group-data-[selected=true]:text-accent-foreground mr-2",
-				children: [resourceLabel, ":"]
-			}), labelText]
+			children: [
+				(0, react_jsx_runtime.jsxs)("span", {
+					className: "text-muted-foreground group-data-[selected=true]:text-accent-foreground mr-2",
+					children: [resourceLabel, ":"]
+				}),
+				labelText,
+				subtitle === null ? null : (0, react_jsx_runtime.jsx)("span", {
+					"data-buro-region": "record-subtitle",
+					className: "ml-auto truncate pl-2 text-xs text-muted-foreground group-data-[selected=true]:text-accent-foreground",
+					children: subtitle
+				})
+			]
 		}, `record:${resource}:${id}`);
 	}) });
 }
@@ -2973,7 +3108,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 +3118,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 +3145,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,16 +3153,16 @@ 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;
 	const goTo = (href) => {
-		navigate(href);
+		navigate(href, { origin: "jump" });
 		onSelect?.();
 	};
 	const createIn = (def, href) => {
@@ -3039,14 +3174,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 +3239,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 +3361,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 +3376,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,15 +3505,139 @@ 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, current, settling, 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 segmentLabel = (option) => (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] });
+		const segment = (key, label, active, select, currentItem = false) => (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			"aria-pressed": active,
+			"data-state": active ? "active" : "inactive",
+			"data-testid": currentItem ? `${testid}:current` : `${testid}:option:${key}`,
+			...currentItem ? { "data-current": "" } : {},
+			disabled: disabled || currentItem,
+			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
+		}, currentItem ? `current:${key}` : 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: [
+				current === void 0 ? null : segment(current.value, segmentLabel(current), true, () => void 0, true),
+				required || settling !== void 0 ? null : segment(NONE, noneLabel, empty, () => pick(void 0)),
+				settling === void 0 ? null : (0, react_jsx_runtime.jsx)(require_place_node.EnumSettlingRow, {
+					status: settling,
+					testid
+				}),
+				options.map((option) => segment(option.value, segmentLabel(option), value === option.value, () => pick(option.value)))
+			]
+		});
+	}
+	const cards = control === "cards";
+	const choice = (key, option, label, checked, select, currentItem = false) => {
+		const inputId = `${id ?? groupName}:${currentItem ? "current:" : ""}${key}`;
+		const inert = disabled || currentItem;
+		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"), inert && "cursor-not-allowed opacity-60"),
+			children: [(0, react_jsx_runtime.jsx)("input", {
+				type: "radio",
+				id: inputId,
+				name: groupName,
+				value: key,
+				checked,
+				onChange: select,
+				disabled: inert,
+				...ariaProps,
+				"data-testid": currentItem ? `${testid}:current` : `${testid}:option:${key}`,
+				...currentItem ? { "data-current": "" } : {},
+				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
+				})]
+			})]
+		}, currentItem ? `current:${key}` : 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: [
+			current === void 0 ? null : choice(current.value, current, current.label, true, () => void 0, true),
+			required || settling !== void 0 ? null : choice(NONE, void 0, noneLabel, empty, () => pick(void 0)),
+			settling === void 0 ? null : (0, react_jsx_runtime.jsx)(require_place_node.EnumSettlingRow, {
+				status: settling,
+				testid
+			}),
+			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", use }) {
+	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);
 	const caps = (0, _burojs_react.useI18nCaps)();
 	const ns = def?.i18nNamespace ?? enumName;
 	const { values, isLoading, error } = (0, _burojs_react.useEnumValues)(enumName);
+	const available = (0, _burojs_react.useAvailableEnumValues)({
+		values: isLoading || values === void 0 ? "pending" : values,
+		...def === void 0 ? {} : { enum: def },
+		...use === void 0 ? {} : { use }
+	});
 	const tid = testid ?? `enum-picker:${enumName}`;
 	if (!def) return (0, react_jsx_runtime.jsxs)("span", {
 		"data-testid": `${tid}:unregistered`,
@@ -3400,63 +3662,56 @@ 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;
+	const settling = available.status === "ready" ? void 0 : available.status;
+	const offered = settling === void 0 ? available.values : [];
+	const known = value == null ? void 0 : values.find((entry) => entry.value === value);
+	const current = value == null || value === "" || offered.some((entry) => entry.value === value) ? void 0 : known === void 0 ? {
+		value,
+		label: require_place_node.unknownEnumValueLabel(caps, def, ns, value).label
+	} : {
+		value,
+		label: labelOf(known),
+		...known.icon === void 0 ? {} : { icon: known.icon }
+	};
+	if (control !== "select") return (0, react_jsx_runtime.jsx)(EnumChoiceGroup, {
+		control,
+		...current === void 0 ? {} : { current },
+		...settling === void 0 ? {} : { settling },
+		options: offered.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) => {
@@ -3476,46 +3731,74 @@ function EnumPicker({ enumName, value, onChange, renderAs = "select", name, id,
 			name,
 			id,
 			"aria-required": required,
+			"aria-busy": settling === "pending" || void 0,
 			"aria-invalid": ariaInvalid || void 0,
 			"aria-describedby": ariaDescribedBy,
 			...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {},
 			className,
 			children: (0, react_jsx_runtime.jsx)(require_filter_builder.SelectValue, { placeholder: placeholder ?? t("field.select", { defaultValue: "Select…" }) })
-		}), (0, react_jsx_runtime.jsxs)(require_filter_builder.SelectContent, { children: [clearable && (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
-			value: "__buro_clear__",
-			"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;
-			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",
+		}), (0, react_jsx_runtime.jsxs)(require_filter_builder.SelectContent, { children: [
+			clearable && (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
+				value: "__buro_clear__",
+				"data-testid": `${tid}:option:__clear__`,
+				children: clearLabel
+			}),
+			current === void 0 ? null : (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
+				value: current.value,
+				disabled: true,
+				"data-current": "",
+				"data-testid": `${tid}:current`,
+				children: current.label
+			}),
+			settling === void 0 ? null : (0, react_jsx_runtime.jsx)(require_place_node.EnumSettlingRow, {
+				status: settling,
+				testid: tid
+			}),
+			offered.map((entry) => {
+				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}`,
+					description: optionDoc === void 0 ? void 0 : (0, react_jsx_runtime.jsx)("span", {
 						"data-testid": `${tid}:option:${entry.value}:doc`,
 						children: optionDoc
-					})]
-				})
-			}, entry.value);
-		})] })]
+					}),
+					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,34 +3817,113 @@ function BooleanInput({ name, id, value, onChange, testid, disabled, required, a
 }
 //#endregion
 //#region src/fields/date.tsx
-function DateDisplay({ value }) {
+function DateDisplay(props) {
+	return (0, react_jsx_runtime.jsx)(TemporalDisplay, {
+		kind: "date",
+		...props
+	});
+}
+function DateTimeDisplay(props) {
+	return (0, react_jsx_runtime.jsx)(TemporalDisplay, {
+		kind: "dateTime",
+		...props
+	});
+}
+function TimeDisplay(props) {
+	return (0, react_jsx_runtime.jsx)(TemporalDisplay, {
+		kind: "time",
+		...props
+	});
+}
+function storedText(value) {
+	return value instanceof Date && !Number.isNaN(value.getTime()) ? value.toISOString() : String(value);
+}
+function TemporalDisplay({ kind, value, text, field, record }) {
 	const locale = (0, _burojs_react.useOptionalLocale)();
+	const zone = require_filter_builder.useFieldTimeZone(field?.zone, record);
+	const viewer = (0, _burojs_react.useTimeZone)();
 	if (value == null || value === "") return (0, react_jsx_runtime.jsx)("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
-	const d = new Date(String(value));
-	if (Number.isNaN(d.getTime())) return (0, react_jsx_runtime.jsx)("span", { children: String(value) });
+	if (zone.status === "pending" || viewer.status === "pending") return (0, react_jsx_runtime.jsx)(require_skeleton.Skeleton, {
+		className: "h-4 w-24",
+		"aria-busy": "true"
+	});
+	const raw = storedText(value);
+	const formatted = (0, _burojs_core.formatTimeValue)(kind, raw, {
+		zone: zone.zone,
+		viewerZone: viewer.zone,
+		locale: require_filter_builder.localeTag(locale),
+		params: {
+			...kind === "time" && field?.ui?.seconds === true ? { timeStyle: "medium" } : {},
+			...require_filter_builder.dateDisplayParams(field?.ui)
+		}
+	});
+	if (text !== void 0) return (0, react_jsx_runtime.jsx)("span", {
+		title: formatted,
+		children: text
+	});
+	if (formatted === void 0) return (0, react_jsx_runtime.jsx)("span", { children: raw });
 	return (0, react_jsx_runtime.jsx)("span", {
 		className: "whitespace-nowrap",
-		children: require_filter_builder.formatDate(d, locale)
+		children: formatted
 	});
 }
 function toIsoDate(v) {
 	if (v == null || v === "") return "";
 	const s = String(v);
-	if (/^\d{4}-\d{2}-\d{2}/.test(s)) return s.slice(0, 10);
-	const d = new Date(s);
-	if (Number.isNaN(d.getTime())) return "";
-	return d.toISOString().slice(0, 10);
+	return (0, _burojs_core.isCalendarDate)(s) ? s : "";
 }
-function DateInput({ name, id, value, onChange, testid, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage }) {
-	return (0, react_jsx_runtime.jsx)(require_input.Input, {
+function DateInput(props) {
+	return (0, react_jsx_runtime.jsx)(TemporalInput, {
+		...props,
+		type: "date",
+		toText: toIsoDate,
+		fromText: (text) => text || null
+	});
+}
+function DateTimeInput(props) {
+	const locale = (0, _burojs_react.useOptionalLocale)();
+	const zone = require_filter_builder.useFieldTimeZone(props.field?.zone, props.values === void 0 ? props.record : {
+		...props.record,
+		...props.values
+	});
+	const viewer = (0, _burojs_react.useTimeZone)();
+	const pending = zone.status === "pending";
+	const fieldZone = zone.status === "ready" ? zone.zone : void 0;
+	const named = fieldZone !== void 0 && viewer.status === "ready" && fieldZone !== viewer.zone ? (0, _burojs_core.zoneShortName)((0, _burojs_core.canonicalInstant)(String(props.value ?? "")) ?? (0, _burojs_core.epochMsToInstant)(Date.now()), fieldZone, require_filter_builder.localeTag(locale)) : void 0;
+	return (0, react_jsx_runtime.jsx)(TemporalInput, {
+		...props,
+		type: "datetime-local",
+		disabled: props.disabled || pending,
+		toText: (value) => fieldZone === void 0 ? "" : require_filter_builder.toLocalDateTimeText(value, fieldZone),
+		fromText: (text) => fieldZone === void 0 ? null : require_filter_builder.fromLocalDateTimeText(text, fieldZone) ?? null,
+		...named === void 0 ? {} : { zoneName: named }
+	});
+}
+function TimeInput(props) {
+	const seconds = props.field?.ui?.seconds === true;
+	return (0, react_jsx_runtime.jsx)(TemporalInput, {
+		...props,
+		type: "time",
+		step: seconds ? 1 : 60,
+		toText: (value) => value == null ? "" : String(value),
+		fromText: (text) => {
+			if (text === "") return null;
+			if (seconds) return text.length === 5 ? `${text}:00` : text;
+			return text.slice(0, 5);
+		}
+	});
+}
+function TemporalInput({ type, step, toText, fromText, name, id, value, onChange, testid, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, zoneName }) {
+	const input = (0, react_jsx_runtime.jsx)(require_input.Input, {
 		name,
 		id,
-		type: "date",
-		value: toIsoDate(value),
-		onChange: (e) => onChange(e.target.value || null),
+		type,
+		...step === void 0 ? {} : { step },
+		value: toText(value),
+		onChange: (e) => onChange(fromText(e.target.value)),
 		"data-testid": testid,
 		disabled,
 		required,
@@ -3570,34 +3932,27 @@ function DateInput({ name, id, value, onChange, testid, disabled, required, aria
 		"aria-describedby": ariaDescribedBy,
 		...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {}
 	});
+	if (zoneName === void 0) return input;
+	return (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [input, (0, react_jsx_runtime.jsx)("span", {
+			className: "whitespace-nowrap text-xs text-muted-foreground",
+			"data-testid": testid === void 0 ? void 0 : `${testid}:zone`,
+			children: zoneName
+		})]
+	});
 }
 //#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 +3961,62 @@ 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, record, values, metaSources, baseline }) {
 	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 sources = (0, _burojs_react.useFieldMetaSources)({
+		record,
+		values,
+		extra: metaSources
+	});
+	const available = (0, _burojs_react.useAvailableEnumValues)({
+		values: options ?? [],
+		use: {
+			narrow: (0, _burojs_core_internal.narrowEntriesOf)(field?.meta?.narrow),
+			sources,
+			mode: record === void 0 ? "create" : "edit",
+			baseline: baseline ?? record
+		}
+	});
+	const settling = available.status === "ready" ? void 0 : available.status;
+	const offered = settling === void 0 ? available.values : [];
+	const tid = testid ?? name;
+	const resolved = offered.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 }
+		};
+	});
+	const raw = value == null || value === "" ? void 0 : String(value);
+	const known = raw === void 0 ? void 0 : options?.find((o) => o.value === raw);
+	const current = raw === void 0 || resolved.some((o) => o.value === raw) ? void 0 : {
+		value: raw,
+		label: (0, _burojs_react.resolveOptionLabel)(caps, field, raw, known, enumDef),
+		...known?.icon === void 0 ? {} : { icon: known.icon }
+	};
+	if (control !== "select") return (0, react_jsx_runtime.jsx)(EnumChoiceGroup, {
+		control,
+		options: resolved,
+		...current === void 0 ? {} : { current },
+		...settling === void 0 ? {} : { settling },
+		value,
+		onChange,
+		testid: tid,
+		name,
+		id,
+		required,
+		disabled,
+		ariaInvalid,
+		ariaDescribedBy,
+		ariaErrorMessage,
+		ariaLabelledBy
+	});
 	return (0, react_jsx_runtime.jsxs)(require_filter_builder.Select, {
 		value: value ?? "",
 		onValueChange: onChange,
@@ -3620,20 +4027,39 @@ function EnumInput({ name, id, value, onChange, testid, options, field, placehol
 			name,
 			id,
 			"aria-required": required,
+			"aria-busy": settling === "pending" || void 0,
 			"aria-invalid": ariaInvalid || void 0,
 			"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, {
-			value: o.value,
-			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))]
-			})
-		}, o.value)) })]
+		}), (0, react_jsx_runtime.jsxs)(require_filter_builder.SelectContent, { children: [
+			current === void 0 ? null : (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
+				value: current.value,
+				disabled: true,
+				"data-current": "",
+				"data-testid": `${tid}:current`,
+				children: current.label
+			}),
+			settling === void 0 ? null : (0, react_jsx_runtime.jsx)(require_place_node.EnumSettlingRow, {
+				status: settling,
+				testid: tid
+			}),
+			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, o.label]
+				})
+			}, o.value))
+		] })]
 	});
 }
 //#endregion
@@ -4054,7 +4480,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-Br-zBHxT.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 +4493,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 +4551,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);
@@ -4165,12 +4592,149 @@ function NumberInput({ name, id, value, onChange, testid, placeholder, disabled,
 	});
 }
 //#endregion
+//#region src/fields/object-group.tsx
+const GROUP = "rounded-md border border-input p-3";
+function ObjectGroupInput(props) {
+	const { testIds, accessibility, children } = props;
+	return (0, react_jsx_runtime.jsx)("div", {
+		role: "group",
+		"data-buro-object-group": "input",
+		className: require_use_theme.cn(GROUP, "space-y-3"),
+		"data-testid": testIds.input,
+		id: accessibility.input,
+		"aria-labelledby": accessibility.label,
+		"aria-describedby": accessibility.description,
+		"aria-invalid": props.issues.some((issue) => issue.severity === "error" && issue.path.length === 0) || void 0,
+		"aria-errormessage": accessibility.error,
+		children
+	});
+}
+function ObjectGroupDisplay(props) {
+	const { testIds, children } = props;
+	return (0, react_jsx_runtime.jsx)("div", {
+		role: "group",
+		"data-buro-object-group": "display",
+		className: require_use_theme.cn(GROUP, "space-y-2"),
+		"data-testid": testIds.display,
+		children
+	});
+}
+//#endregion
+//#region src/fields/repeater.tsx
+function useRepeaterTexts() {
+	const t = (0, _burojs_react.useChromeT)();
+	return {
+		add: t("field.repeater.add", { defaultValue: "Add" }),
+		empty: t("field.repeater.empty", { defaultValue: "No items yet" }),
+		remove: (position) => t("field.repeater.remove", {
+			params: { position },
+			defaultValue: "Remove item {{position}}"
+		}),
+		moveUp: (position) => t("field.repeater.moveUp", {
+			params: { position },
+			defaultValue: "Move item {{position}} up"
+		}),
+		moveDown: (position) => t("field.repeater.moveDown", {
+			params: { position },
+			defaultValue: "Move item {{position}} down"
+		})
+	};
+}
+function RepeaterInput(props) {
+	const texts = useRepeaterTexts();
+	const { value, renderElement, elementKeys, onAdd, onRemove, onMove, testIds, accessibility } = props;
+	const root = testIds.input;
+	const at = (suffix) => root === void 0 ? void 0 : `${root}:${suffix}`;
+	const editable = props.disabled !== true && props.readOnly !== true;
+	const canAdd = editable && onAdd !== void 0 && props.canAdd !== false;
+	const canRemove = editable && onRemove !== void 0 && props.canRemove !== false;
+	const last = value.length - 1;
+	return (0, react_jsx_runtime.jsxs)("div", {
+		role: "group",
+		className: "space-y-2",
+		"data-testid": root,
+		id: accessibility.input,
+		"aria-labelledby": accessibility.label,
+		"aria-describedby": accessibility.description,
+		"aria-errormessage": accessibility.error,
+		children: [value.length === 0 ? (0, react_jsx_runtime.jsx)("p", {
+			className: "text-sm text-muted-foreground",
+			"data-testid": at("empty"),
+			children: texts.empty
+		}) : (0, react_jsx_runtime.jsx)("ol", {
+			className: "space-y-2",
+			children: value.map((_, index) => (0, react_jsx_runtime.jsxs)("li", {
+				className: "flex items-start gap-2 rounded-md border border-input p-3",
+				"data-testid": at(`item:${index}`),
+				children: [(0, react_jsx_runtime.jsx)("div", {
+					className: "min-w-0 flex-1",
+					children: renderElement?.(index)
+				}), onMove === void 0 && onRemove === void 0 ? null : (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex shrink-0 gap-1",
+					children: [onMove === void 0 ? null : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(require_button.Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": texts.moveUp(index + 1),
+						disabled: !editable || index === 0,
+						"data-testid": at(`up:${index}`),
+						onClick: () => onMove(index, index - 1),
+						children: (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconArrowUp, { "aria-hidden": "true" })
+					}), (0, react_jsx_runtime.jsx)(require_button.Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": texts.moveDown(index + 1),
+						disabled: !editable || index === last,
+						"data-testid": at(`down:${index}`),
+						onClick: () => onMove(index, index + 1),
+						children: (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconArrowDown, { "aria-hidden": "true" })
+					})] }), onRemove === void 0 ? null : (0, react_jsx_runtime.jsx)(require_button.Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": texts.remove(index + 1),
+						disabled: !canRemove,
+						"data-testid": at(`remove:${index}`),
+						onClick: () => onRemove(index),
+						children: (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconTrash, { "aria-hidden": "true" })
+					})]
+				})]
+			}, elementKeys?.[index] ?? index))
+		}), onAdd === void 0 ? null : (0, react_jsx_runtime.jsxs)(require_button.Button, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			disabled: !canAdd,
+			"data-testid": at("add"),
+			onClick: onAdd,
+			children: [(0, react_jsx_runtime.jsx)(_tabler_icons_react.IconPlus, { "aria-hidden": "true" }), texts.add]
+		})]
+	});
+}
+function RepeaterDisplay(props) {
+	const texts = useRepeaterTexts();
+	const { value, renderElement, testIds } = props;
+	if (value.length === 0) return (0, react_jsx_runtime.jsx)("span", {
+		className: "text-muted-foreground",
+		"data-testid": testIds.display,
+		children: texts.empty
+	});
+	return (0, react_jsx_runtime.jsx)("ol", {
+		className: "space-y-2",
+		"data-testid": testIds.display,
+		children: value.map((_, index) => (0, react_jsx_runtime.jsx)("li", {
+			className: "rounded-md border border-input p-3",
+			children: renderElement?.(index)
+		}, index))
+	});
+}
+//#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 +4759,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 +4767,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 +4791,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 +4821,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 +4843,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 +4862,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 +4891,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 +4913,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 +4931,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 +4952,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 +4995,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,14 +5058,14 @@ 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 texts = props.field.texts;
+	const name = (0, _burojs_react.optionFieldName)(props.path);
+	const { texts, zone } = props.field;
 	return Object.freeze({
 		name,
 		meta: props.meta,
 		ui: props.ui,
-		codec: props.field.codec,
-		...texts === void 0 ? {} : { texts }
+		...texts === void 0 ? {} : { texts },
+		...zone === void 0 ? {} : { zone }
 	});
 }
 function legacyOptions(options, field) {
@@ -4509,6 +5086,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 +5124,17 @@ 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,
+			values: props.form,
 			relationSeeds: props.relationSeeds,
 			fixedFilters: props.fixedFilters,
-			metaSources: props.metaSources
+			optionSubtitle: props.optionSubtitle,
+			metaSources: props.metaSources,
+			...props.baseline === void 0 ? {} : { baseline: props.baseline },
+			link: props.link
 		});
 	};
 }
@@ -4599,9 +5182,40 @@ 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 meta = props.field.meta;
+	const sources = (0, _burojs_react.useFieldMetaSources)({
+		record: props.record,
+		values: props.form,
+		extra: props.metaSources
+	});
+	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,
+		use: {
+			params: (0, _burojs_core_internal.enumParamsOf)(meta?.enumParams),
+			narrow: (0, _burojs_core_internal.narrowEntriesOf)(meta?.narrow),
+			sources,
+			mode: props.record === void 0 ? "create" : "edit",
+			baseline: props.baseline ?? props.record
+		}
+	});
 }
 function enumAware(renderer, layout) {
 	const FallbackInput = input(renderer.Input);
@@ -4611,19 +5225,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 +5262,14 @@ const date = {
 	Display: DateDisplay,
 	Input: DateInput
 };
+const dateTime = {
+	Display: DateTimeDisplay,
+	Input: DateTimeInput
+};
+const time = {
+	Display: TimeDisplay,
+	Input: TimeInput
+};
 const en = {
 	Display: EnumDisplay,
 	Input: EnumInput
@@ -4667,7 +5279,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 +5305,11 @@ 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),
+	time: scalar(time),
+	"default:time": scalar(time),
 	enum: enumAware(en),
 	json: scalar({
 		Display: JsonDisplay,
@@ -4709,316 +5323,19 @@ const shadcnFieldImplementations = Object.freeze({
 	richText: scalar(rich, { size: "full" }),
 	"rich-text": scalar(rich, { size: "full" }),
 	"default:rich-text": scalar(rich, { size: "full" }),
-	file: scalarOrCollection(file, { size: "full" })
+	file: scalarOrCollection(file, { size: "full" }),
+	object: Object.freeze({
+		Input: ObjectGroupInput,
+		Display: ObjectGroupDisplay,
+		chrome: true
+	}),
+	array: Object.freeze({
+		CollectionInput: RepeaterInput,
+		CollectionDisplay: RepeaterDisplay,
+		chrome: true
+	})
 });
 //#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 +5361,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 +5410,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 +5445,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,
@@ -5398,14 +5563,15 @@ const OPERATOR_LABELS = {
 	has: "has",
 	hasAny: "has any of",
 	hasAll: "has all of",
-	hasNone: "has none of"
+	hasNone: "has none of",
+	some: "has an item where"
 };
-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 +5665,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 +5683,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 +5795,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 +5804,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 +5814,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 +5843,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 +5910,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 +5926,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 +5954,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 +6037,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 +6045,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 +6096,9 @@ 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 subtitle = require_use_record_subtitle.useRecordSubtitle(target)(record) ?? void 0;
 	const setLabel = host?.setLabel;
 	(0, react.useEffect)(() => setLabel?.(title), [setLabel, title]);
 	const controller = (0, _burojs_react.useFormController)({
@@ -5958,6 +6134,7 @@ function DeclaredPeekBody({ target, testid, record, frameRecord, def, capability
 		children: [builtin ? (0, react_jsx_runtime.jsx)(PeekTitle, {
 			testid,
 			title,
+			subtitle,
 			open: openable ? open : void 0
 		}) : null, (0, react_jsx_runtime.jsx)(react.Suspense, {
 			fallback: null,
@@ -5970,11 +6147,26 @@ function DeclaredPeekBody({ target, testid, record, frameRecord, def, capability
 		})]
 	});
 }
-function PeekTitle({ testid, title, open }) {
-	if (open === void 0) return (0, react_jsx_runtime.jsx)("p", {
+function PeekTitle({ testid, title, subtitle, open }) {
+	const heading = open === void 0 ? (0, react_jsx_runtime.jsx)("p", {
 		className: "text-sm font-semibold",
 		children: title
+	}) : (0, react_jsx_runtime.jsx)(PeekTitleButton, {
+		testid,
+		title,
+		open
 	});
+	if (subtitle === void 0) return heading;
+	return (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-0.5",
+		children: [heading, (0, react_jsx_runtime.jsx)("p", {
+			"data-testid": `${testid}:subtitle`,
+			className: "text-xs text-muted-foreground",
+			children: subtitle
+		})]
+	});
+}
+function PeekTitleButton({ testid, title, open }) {
 	return (0, react_jsx_runtime.jsx)("button", {
 		type: "button",
 		"data-testid": `${testid}:title`,
@@ -5993,7 +6185,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 +6193,15 @@ 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 subtitleOf = require_use_record_subtitle.useRecordSubtitle(target);
+	const subtitle = projected.status === "ready" ? subtitleOf(record) ?? void 0 : void 0;
 	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,
@@ -6033,6 +6227,7 @@ function DefaultPeekBody({ target, testid, row, open }) {
 		children: [(0, react_jsx_runtime.jsx)(PeekTitle, {
 			testid,
 			title,
+			subtitle,
 			open
 		}), columns.length === 0 ? null : (0, react_jsx_runtime.jsx)("dl", {
 			className: "grid gap-1.5",
@@ -6047,13 +6242,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 +6278,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 +6337,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 +6364,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 +6416,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 +6438,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 +6448,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 +6584,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 +6665,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 +6677,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 +6695,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 +6988,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 +7012,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 +7162,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 +7178,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 +7187,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 +7206,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 +7239,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 +7281,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 +7297,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 +7305,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 +7329,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 +7377,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 +7395,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 +7416,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 +7434,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 +7445,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