@burojs/ui-shadcn 0.6.0 → 0.7.0

package/dist/index.js

@@ -1,23 +1,23 @@
 import { c as scrollToDocAnchor, l as cn, n as useTheme, s as readDocHash, t as THEME_CHOICES } from "./use-theme-dnE3Od3I.js";
-import { a as LinkComponentProvider, c as PopoverAnchor, d as PopoverTrigger, i as toFriendlyError, l as PopoverClose, n as toast, o as useLinkComponent, r as friendlyStringsFrom, s as Popover, t as Toaster, u as PopoverContent } from "./toaster-C02XbB9r.js";
-import { A as hasIcon, B as DropdownMenuRadioItem, F as DropdownMenuGroup, G as DropdownMenuSubTrigger, H as DropdownMenuShortcut, I as DropdownMenuItem, J as TooltipContent, K as DropdownMenuTrigger, L as DropdownMenuLabel, M as DropdownMenu, N as DropdownMenuCheckboxItem, O as useLoaded, P as DropdownMenuContent, R as DropdownMenuPortal, U as DropdownMenuSub, V as DropdownMenuSeparator, W as DropdownMenuSubContent, X as TooltipTrigger, Y as TooltipProvider, Z as DocInfo, _ as FlowBoundary, a as modeForSurface, c as useListSlot, f as FlowActionButton, j as registerIcons, k as Icon, l as isExternalHref, n as ActionButton, o as canonicalResourceName, q as Tooltip, r as DisabledAction, s as listSlot, t as CheckConfirmDialog, u as openExternal, v as FlowLoadFailed, w as loadFlowScreen, z as DropdownMenuRadioGroup } from "./check-confirm-dialog-bRT8lt0d.js";
+import { a as technicalText, c as LinkComponentProvider, d as PopoverAnchor, f as PopoverClose, l as useLinkComponent, m as PopoverTrigger, n as toast, p as PopoverContent, r as friendlyStringsFrom, s as toFriendlyError, t as Toaster, u as Popover } from "./toaster-Ct_YHGs6.js";
+import { $ as Tooltip, A as OwnTitleHeading, B as DropdownMenuContent, F as Icon, G as DropdownMenuRadioGroup, H as DropdownMenuItem, I as hasIcon, J as DropdownMenuShortcut, K as DropdownMenuRadioItem, L as registerIcons, M as DialogPresentationShell, N as OwnTitleContext, P as SheetPresentationShell, Q as DropdownMenuTrigger, R as DropdownMenu, T as loadFlowScreen, U as DropdownMenuLabel, V as DropdownMenuGroup, W as DropdownMenuPortal, X as DropdownMenuSubContent, Y as DropdownMenuSub, Z as DropdownMenuSubTrigger, _ as reasonText, a as modeForSurface, at as SheetContent, c as useListSlot, ct as SheetHeader, dt as DocInfo, et as TooltipContent, f as FlowActionButton, it as SheetClose, k as useLoaded, l as isExternalHref, lt as SheetTitle, n as ActionButton, nt as TooltipTrigger, o as canonicalResourceName, ot as SheetDescription, q as DropdownMenuSeparator, r as DisabledAction, rt as Sheet, s as listSlot, st as SheetFooter, t as CheckConfirmDialog, tt as TooltipProvider, u as openExternal, ut as SheetTrigger, v as FlowBoundary, y as FlowLoadFailed, z as DropdownMenuCheckboxItem } from "./check-confirm-dialog-2j0gOd7x.js";
 import { n as buttonVariants, t as Button } from "./button-MWVeZaqj.js";
 import { t as Input } from "./input-CUPStzZO.js";
-import { a as DialogFooter, c as DialogTrigger, i as DialogDescription, n as DialogClose, o as DialogHeader, r as DialogContent, s as DialogTitle, t as Dialog } from "./dialog-B_rt9S1c.js";
-import { C as CommandSeparator, S as CommandLoading, _ as CommandEmpty, b as CommandItem, c as peekAnchorOpener, f as recordDisplayName, g as CommandDialog, h as Command, i as RelationField, l as PeekContext, o as relationLinkClassName, r as RelationDisplay, s as focusWithoutPeek, u as PeekHostContext, v as CommandGroup, x as CommandList, y as CommandInput } from "./search-access-CPPmfuvy.js";
-import { a as SheetClose, c as SheetFooter, d as SheetTrigger, i as Sheet, l as SheetHeader, n as OwnTitleContext, o as SheetContent, r as SheetPresentationShell, s as SheetDescription, t as DialogPresentationShell, u as SheetTitle } from "./shell-BPlk8hEa.js";
+import { a as DialogFooter, c as DialogTrigger, i as DialogDescription, n as DialogClose, o as DialogHeader, r as DialogContent, s as DialogTitle, t as Dialog } from "./dialog-C123sVQ8.js";
+import { C as CommandEmpty, D as CommandList, E as CommandItem, O as CommandLoading, S as CommandDialog, T as CommandInput, b as RecordState, c as RelationField, d as peekAnchorOpener, f as PeekContext, h as recordDisplayName, k as CommandSeparator, l as relationLinkClassName, p as PeekHostContext, s as RelationDisplay, u as focusWithoutPeek, v as InvalidRouteId, w as CommandGroup, x as Command, y as LoadError } from "./relation-create-C43cdPQt.js";
 import { t as Skeleton } from "./skeleton-U2noefj5.js";
-import { $ as tanStackSortingToBuro, A as ListExport, At as i18nPrefixToRef, B as DeclarativeForm, C as ListSavedViews, Ct as useExportRunWatcher, D as ListFilters, Dt as AppFlowButton, E as ListFlows, F as ColumnsToggle, Ft as defaultUserMapper, I as DataTableViewOptions, It as usePaletteState, J as ResourceList, L as ListBulkBar, Lt as useShell, M as ListCreate, Mt as lowerLegacyField, N as CreateButton, Nt as toDisplayText, O as FilterRegion, Ot as Field, P as ListColumns, Pt as ShellProvider, Q as resolveUpdater, R as BulkActionToolbar, S as ListControls, T as ListLive, Tt as EnumBadge, U as QuickScreenClaimContext, V as ScreenTree, X as ListErrorState, Y as CursorLoadMore, Z as buroSortingToTanStack, _ as FormActions, a as peekFieldDefinition, at as TabsList, c as peekRow, d as shadcnFrameViews, dt as PageHeader, et as useBuroDataTable, ft as ShowPageHeader, g as CopyId, gt as isShowAvailable, ht as typography, it as TabsContent, j as ExportButton, jt as ResolvedFieldDisplay, k as ListSearchInput, kt as FieldDisplay, mt as useDocumentTitle, nt as Checkbox, o as peekLeafAllowed, ot as TabsTrigger, pt as DocumentTitleProvider, q as ListBody, r as shadcnBlockImplementations, rt as Tabs, s as peekRecord, tt as DataTable, u as resolveFrameView, ut as EditPageHeader, v as RecordActions, w as SavedViewsDropdown, wt as downloadArtifact, xt as ActionOverflow, y as RecordTitle, yt as recordRouteAvailable, z as ExportDialog } from "./place-node-NraNYKPx.js";
+import { $ as CursorLoadMore, A as ListSearchInput, At as EnumBadge, B as ExportDialog, Bt as usePaletteState, C as ListControls, D as ListFlows, E as ListLive, Et as ActionOverflow, F as ListColumns, Ft as i18nPrefixToRef, H as ScreenTree, I as ColumnsToggle, It as FieldValueFrame, L as DataTableViewOptions, Lt as toDisplayText, M as ExportButton, Mt as AppFlowButton, N as ListCreate, Nt as Field, O as ListFilters, Ot as useExportRunWatcher, P as CreateButton, Pt as FieldDisplay, Q as ResourceList, R as ListBulkBar, Rt as ShellProvider, T as SavedViewsDropdown, V as DeclarativeForm, Vt as useShell, W as QuickScreenClaimContext, Y as useFormControl, Z as ListBody, _ as CopyId, _t as resolveResourceTitle, a as peekFieldDefinition, at as DataTable, b as RecordTitle, bt as typography, c as peekRow, ct as TabsContent, d as resolveFrameView, et as ListErrorState, f as shadcnFrameViews, gt as ShowPageHeader, ht as PageHeader, it as useBuroDataTable, j as ListExport, k as FilterRegion, kt as downloadArtifact, l as useRelationPicker, lt as TabsList, mt as EditPageHeader, nt as resolveUpdater, o as peekLeafAllowed, ot as Checkbox, r as shadcnBlockImplementations, rt as tanStackSortingToBuro, s as peekRecord, st as Tabs, tt as buroSortingToTanStack, ut as TabsTrigger, v as FormActions, vt as DocumentTitleProvider, w as ListSavedViews, wt as recordRouteAvailable, xt as isShowAvailable, y as RecordActions, yt as useDocumentTitle, z as BulkActionToolbar, zt as defaultUserMapper } from "./place-node-CfzQvh4Y.js";
 import { THEME_STORAGE_KEY } from "./layout/theme-storage-key.js";
-import { C as TableHeader, D as DEFAULT_LANGUAGE_STORAGE_KEY, E as badgeVariants, O as loadLocale, S as TableHead, T as Badge, _ as SelectValue, a as FilterBadges, b as TableCaption, c as Select, d as SelectItem, f as SelectLabel, g as SelectTrigger, h as SelectSeparator, i as FilterValueControl, k as saveLocale, l as SelectContent, m as SelectScrollUpButton, n as PinnedFilterControls, o as formatDate, p as SelectScrollDownButton, r as FilterPanel, s as formatNumber, t as FilterBuilder, u as SelectGroup, v as Table, w as TableRow, x as TableCell, y as TableBody } from "./filter-builder-Bhn-dhZV.js";
-import { A as useLayoutResolver, C as useNavChromeBoundary, D as usePageAllowed, E as useNavVisible, M as canonicalNavKey, N as canonicalResourceKey, O as layoutSlot, S as NavChromeBoundaryProvider, T as useMatch, _ as useFormControl, a as recordErrorState, b as RecordState, c as readRecentRecords, d as recordTrailRoute, f as useTrailContext, g as RecordScreen, h as usePublishedRecordTrail, i as RecordPage, j as buildNavItems, k as useLayout, l as headerTrail, n as NavAreaPage, o as useRecordVisit, p as recordTrailKey, r as ResourcePageRouter, s as RECENT_LABEL_KEYS, u as recordTrail, v as PlannedBody, w as useHref, x as NavChrome, y as ResourceListPage } from "./resource-page-router-3RUf9d1j.js";
+import { A as TableRow, B as loadLocale, C as SelectValue, D as TableCell, E as TableCaption, M as badgeVariants, O as TableHead, P as ResolvedFieldDisplay, R as lowerLegacyField, S as SelectTrigger, T as TableBody, V as saveLocale, _ as SelectItem, a as PinnedFilterControls, b as SelectScrollUpButton, c as fromLocalDateTimeText, d as formatDate, f as formatDateTime, g as SelectGroup, h as SelectContent, i as FacetedFilterPicker, j as Badge, k as TableHeader, l as toLocalDateTimeText, m as Select, n as PresetFilterControls, o as FilterPanel, p as formatNumber, r as DataTableFacetedFilter, s as FilterValueControl, t as FilterBuilder, u as FilterBadges, v as SelectLabel, w as Table, x as SelectSeparator, y as SelectScrollDownButton, z as DEFAULT_LANGUAGE_STORAGE_KEY } from "./filter-builder-DaWHUZuV.js";
+import { A as TabsLayout, C as usePageAllowed, D as useLayout, E as layoutSlot, M as canonicalNavKey, N as canonicalResourceKey$1, O as useLayoutResolver, S as useNavVisible, T as BUILTIN_LAYOUTS, _ as PlannedBody, a as useRecordVisit, b as useHref, c as headerTrail, d as useTrailContext, f as recordTrailKey, g as useResourceDimensionOptions, h as RecordScreen, i as RecordPage, j as SecondarySidebarLayout, k as useReportUnresolvedLayouts, l as recordTrail, m as usePublishedRecordTrail, n as NavAreaPage, o as RECENT_LABEL_KEYS, r as ResourcePageRouter, s as readRecentRecords, u as recordTrailRoute, v as ResourceListPage, w as useResourceVisible, x as useMatch, y as NavChromeMountedProvider } from "./resource-page-router-Diw6S6TK.js";
 import { t as Label } from "./label-66W1qbke.js";
-import { i as useRelationSelect, n as RelationPicker, r as RelationPickerInput } from "./relation-picker-Z0ZJJ5uS.js";
-import { r as LazyRelationPickerDialog, t as useCandidateSelection } from "./candidates-gate-Bb70LPAy.js";
-import { t as useDialogFilterState } from "./use-dialog-filter-state-C--oMAZG.js";
-import { builtinFrames, compilePageScreen, compiledScreenFor, declaredField, declaredText, dtoFields, effectiveFlow, enumFallbackKey, enumFallbackText, enumNamespaceOf, enumValueText, evaluateVisible, fieldOptionText, formatEntityRef, groupChain, hasListPage, hasRecordPage, hrefFor, humanizeKey, isCustomPageDef, isRelationField, isScreenFailure, linkOf, navHrefFor, nodeKind, normalizeDataError, normalizeEntityRef, projectDto, recordEntries, relationAmbiguousError, resolveConceptLabel, resolveContentSlot, resolveDoc, resolveEnumLabel, resolveFieldLabel, resolveFieldOptionLabel, resolveNavLabel, resolveResourceLabel, resolveResourceNavLabel, resolveStaticAvailability, resourceCreateHref, resourceKey, resourceShowHref, snapshotAppFrames, snapshotBlockLookup, snapshotFrameLookup, taskRunFraction, taskRunOutcome } from "@burojs/core";
-import { ComponentsContext, DispatcherProvider, I18nContext, NO_RECORD_SCOPE_FRAMES, QUICK_ANCHOR_ATTRIBUTE, QuickEntryContext, RecordScopeChain, ResourceContext, RouteSourceContext, ScreenStateProvider, formatBytes, retryRecordRead, useApp, useAppActions, useApplicationSnapshot, useAvailabilityGate, useCapabilityResolver, useChangeLocale, useCommandPalette, useCurrentUserId, useDataRuntime, useDebouncedValue, useDispatcherEffects, useDocPanel, useDocScopes, useDocTopics, useDocTrailScopes, useDocsConfig, useDocumentedScopes, useEntryGate, useEnumValues, useFieldAccess, useFileField, useFileUrls, useFormController, useFrameImplementations, useFrameT, useI18nCaps, useIdentity, useLanguageStorageKey, useLinkKeys, useList, useListAccess, useLocale, useLogout, useNavigationGuardText, useOne, useOptionalApp, useOptionalAuthController, useOptionalDataRuntime, useOptionalFileStorage, useOptionalLocale, useOptionalRecordFrame, useOptionalRouterAdapter, useOptionalT, usePresentBlock, useProjectedRecord, useProjectedTitle, useQuick, useQuickEntry, useQuickEntryValue, useQuickOpener, useRecordScopeFrames, useRecordTitle, useRefresh, useRegisterNavigationGuardDialog, useRelatedRecord, useRouteNavigate, useRouterAdapter, useT, useTestIds, useUIInstance, useUIPresentationRuntime, useVisibilityCtx } from "@burojs/react";
-import { IconAlertCircle, IconArrowLeft, IconArrowUpRight, IconBook2, IconCheck, IconChevronDown, IconChevronRight, IconCirclePlus, IconDeviceDesktop, IconDots, IconExternalLink, IconHelp, IconHelpHexagon, IconLayoutSidebar, IconLoader2, IconLogin, IconLogout, IconMaximize, IconMinimize, IconMoon, IconRefresh, IconRotate, IconSearch, IconSelector, IconSun, IconUpload, IconUser, IconX } from "@tabler/icons-react";
+import { t as LazyRelationPickerDialog } from "./lazy-relation-picker-dialog-CAScLPb2.js";
+import { n as RelationPicker, r as RelationPickerInput } from "./relation-picker-D-tBBZW_.js";
+import { t as useDialogFilterState } from "./use-dialog-filter-state-B_MqzHaT.js";
+import { useGlobalShortcut, webPlatform } from "@burojs/react/web";
+import { ENUM_CONTROLS, builtinFrames, columnName, compilePageScreen, compiledScreenFor, declaredField, declaredText, dtoFields, effectiveFlow, enumFallbackKey, enumFallbackText, enumNamespaceOf, enumValueText, evaluateVisible, fieldOptionText, formatEntityRef, hasListPage, hasRecordPage, hrefFor, humanizeKey, isCustomPageDef, isEnumControl, isRelationField, isScreenFailure, linkOf, navHrefFor, nodeKind, normalizeDataError, normalizeEntityRef, projectDto, recordEntries, relationAmbiguousError, resolveConceptLabel, resolveContentSlot, resolveDoc, resolveEnumLabel, resolveFieldLabel, resolveNavLabel, resolveResourceLabel, resolveResourceNavLabel, resolveStaticAvailability, resourceCreateHref, resourceKey, resourceShowHref, routeResourceKey, snapshotAppFrames, snapshotBlockLookup, snapshotFrameLookup, taskRunFraction, taskRunOutcome } from "@burojs/core";
+import { ComponentsContext, DispatcherProvider, I18nContext, NO_RECORD_SCOPE_FRAMES, QUICK_ANCHOR_ATTRIBUTE, QuickEntryContext, RecordScopeChain, RouteSourceContext, ScreenStateProvider, formatBytes, optionFieldName, resolveErrorText, resolveOptionLabel, retryRecordRead, useApp, useAppActions, useApplicationSnapshot, useAvailabilityGate, useBoundEnum, useCapabilityResolver, useChangeLocale, useChromeT, useCommandPalette, useCurrentUserId, useDebouncedValue, useDispatcherEffects, useDocPanel, useDocScopes, useDocTopics, useDocTrailScopes, useDocsConfig, useDocumentedScopes, useEntryGate, useEnumValues, useFieldAccess, useFileField, useFileUrls, useFormController, useFrameImplementations, useFrameT, useI18nCaps, useIdentity, useLanguageStorageKey, useLinkKeys, useList, useListAccess, useLocale, useLogout, useNavigationGuardText, useOne, useOptionCaps, useOptionalApp, useOptionalAuthController, useOptionalDataRuntime, useOptionalFileStorage, useOptionalLocale, useOptionalRouterAdapter, useOptionalT, usePlatformStorage, usePresentBlock, useProjectedRecord, useProjectedTitle, useQuick, useQuickEntry, useQuickEntryValue, useQuickOpener, useRecordTitle, useRefresh, useRegisterNavigationGuardDialog, useRelatedRecord, useRouteNavigate, useRouteRecordId, useRouterAdapter, useScope, useT, useTestIds, useUIInstance, useUIPresentationRuntime, useVisibilityCtx } from "@burojs/react";
+import { IconAlertCircle, IconArrowLeft, IconArrowUpRight, IconBook2, IconCheck, IconChevronDown, IconChevronRight, IconDeviceDesktop, IconDots, IconExternalLink, IconHelp, IconHelpHexagon, IconLayoutSidebar, IconLoader2, IconLogin, IconLogout, IconMaximize, IconMinimize, IconMoon, IconRefresh, IconRotate, IconSearch, IconSelector, IconSun, IconUpload, IconUser, IconX } from "@tabler/icons-react";
 import * as React from "react";
 import { Children, Fragment, Suspense, cloneElement, createContext, createElement, isValidElement, lazy, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -29,6 +29,7 @@ import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { enumBindingKey } from "@burojs/core/internal";
 import { Controller, FormProvider, useForm, useFormContext } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
@@ -489,7 +490,7 @@ function ScopeSummary({ scope, summary }) {
 	const caps = useI18nCaps();
 	const t = useOptionalT();
 	const links = (scope !== void 0 ? 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 jsxs("div", {
 		className: "mt-2 flex flex-col items-start gap-3",
@@ -1111,7 +1112,7 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 function NavigationGuardDialog() {
 	const prompt = useRegisterNavigationGuardDialog();
 	const text = useNavigationGuardText();
-	const unsavedAction = useOptionalT()("navigation.unsavedAction");
+	const unsavedAction = useOptionalT()("navigation.unsavedAction", { defaultValue: "An action on this screen has unsaved input" });
 	const returnFocus = useRef(null);
 	const wasOpen = useRef(false);
 	const open = prompt !== null;
@@ -1134,7 +1135,7 @@ function NavigationGuardDialog() {
 				event.preventDefault();
 				element.focus();
 			},
-			children: [jsxs(AlertDialogHeader, { children: [jsx(AlertDialogTitle, { children: text.title }), 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] })] }), jsxs(AlertDialogFooter, { children: [jsx(AlertDialogCancel, {
+			children: [jsxs(AlertDialogHeader, { children: [jsx(AlertDialogTitle, { children: text.title }), jsxs(AlertDialogDescription, { children: [text.body, prompt !== null && prompt.labels.length > 0 ? ` ${unsavedAction}: ${prompt.labels.join(", ")}.` : null] })] }), jsxs(AlertDialogFooter, { children: [jsx(AlertDialogCancel, {
 				"data-testid": "nav-guard-stay",
 				children: text.stay
 			}), jsx(AlertDialogAction, {
@@ -1694,14 +1695,14 @@ const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
 const CollapsibleContent = CollapsiblePrimitive.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 jsx(slot, { className: "h-4 w-4" });
 	if (hasIcon(name)) return jsx(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}"`);
 	}
 }
@@ -1710,6 +1711,53 @@ function useNavIcon() {
 	return 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" ? canonicalNavKey({
+		name: qualifiedMatch.target ?? qualifiedMatch.name,
+		ref: qualifiedMatch.targetRef
+	}) : canonicalNavKey(qualifiedMatch);
+	const isEligible = (node) => isVisible(node) && (entryFilter ? entryFilter(node) : true);
+	const out = [];
+	for (const child of registry.groups.childrenOf(groupName)) {
+		if (!isEligible(child)) continue;
+		const kind = nodeKind(child);
+		const childKey = canonicalNavKey(child);
+		const href = navHrefFor(registry, childKey, { isVisible: isEligible });
+		if (kind === "group") {
+			const label = resolveNavLabel(caps, `groups.${childKey}`, declaredText("chrome", child, "label"));
+			const active = chain.some((g) => canonicalNavKey(g) === childKey);
+			out.push({
+				kind: "group",
+				name: childKey,
+				label,
+				href,
+				icon: icons?.group?.(childKey),
+				active
+			});
+		} else if (kind === "custom-page") out.push({
+			kind: "custom-page",
+			name: childKey,
+			label: resolveNavLabel(caps, `pages.${childKey}`, declaredText("chrome", child, "label")),
+			href,
+			icon: icons?.page?.(childKey),
+			active: activeLeaf === childKey
+		});
+		else out.push({
+			kind: "resource",
+			name: childKey,
+			label: resolveResourceNavLabel(caps, childKey, child),
+			href,
+			icon: icons?.resource?.(childKey),
+			active: activeLeaf === childKey
+		});
+	}
+	return out;
+}
+//#endregion
 //#region src/layout/use-nav-tree.ts
 function isActiveHref(href, currentPath) {
 	if (!currentPath) return false;
@@ -1723,8 +1771,7 @@ function useNavTree(opts = {}) {
 	const passesEntryFilter = (entry) => entryFilter ? entryFilter(entry) : true;
 	const app = useApp();
 	const caps = useI18nCaps();
-	const visibilityCtx = useVisibilityCtx();
-	const isResourceVisible = (r) => evaluateVisible(r.visible, visibilityCtx);
+	const isResourceVisible = useResourceVisible();
 	const resolveLayout = useLayoutResolver();
 	const match = useMatch();
 	const isVisible = useNavVisible();
@@ -1734,6 +1781,7 @@ function useNavTree(opts = {}) {
 	const allCustomPages = app.registry.customPages.list();
 	const sections = app.registry.sections.list();
 	const groups = app.registry.groups.rootNodes().filter((n) => nodeKind(n) === "group");
+	useReportUnresolvedLayouts(app.registry.groups.list(), resolveLayout);
 	const topLevelResources = allResources.filter((r) => hasListPage(r)).filter(isResourceVisible).filter(passesEntryFilter).filter((r) => !r.section && !r.group).map((r, idx) => ({
 		r,
 		idx
@@ -1743,8 +1791,8 @@ function useNavTree(opts = {}) {
 		return ao !== bo ? ao - bo : a.idx - b.idx;
 	}).map((x) => x.r);
 	const topLevelCustomPages = allCustomPages.filter((p) => !p.section && !p.group).filter(pageAllowed).filter(passesEntryFilter);
-	const resourceHref = (def) => hrefFor(app.registry, canonicalResourceKey(def));
-	const resourceLabel = (def) => resolveResourceNavLabel(caps, canonicalResourceKey(def), def);
+	const resourceHref = (def) => hrefFor(app.registry, canonicalResourceKey$1(def));
+	const resourceLabel = (def) => resolveResourceNavLabel(caps, canonicalResourceKey$1(def), def);
 	const pageLabel = (page) => resolveNavLabel(caps, `pages.${canonicalNavKey(page)}`, declaredText("chrome", page, "label"));
 	const sectionLabel = (section) => resolveNavLabel(caps, `sections.${canonicalNavKey(section)}`, declaredText("chrome", section, "label"));
 	const groupLabel = (group) => resolveNavLabel(caps, `groups.${canonicalNavKey(group)}`, declaredText("chrome", group, "label"));
@@ -1763,7 +1811,7 @@ function useNavTree(opts = {}) {
 		const href = resourceHref(def);
 		return {
 			kind: "resource",
-			key: canonicalResourceKey(def),
+			key: canonicalResourceKey$1(def),
 			label: resourceLabel(def),
 			href,
 			icon: def.icon,
@@ -1971,7 +2019,7 @@ function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection,
 		})
 	}) }, entry.key);
 	const [top, ...blocks] = tree;
-	return jsxs(Fragment$1, { children: [jsxs(SidebarGroup, { children: [topLabel !== null && jsx(SidebarGroupLabel, { children: topLabel ?? t("nav.resources") }), jsx(SidebarGroupContent, { children: jsx(SidebarMenu, { children: top?.entries.map(menuItem) }) })] }), blocks.map((block) => {
+	return jsxs(Fragment$1, { children: [top !== void 0 && top.entries.length > 0 && jsxs(SidebarGroup, { children: [topLabel !== null && jsx(SidebarGroupLabel, { children: topLabel ?? t("nav.resources") }), jsx(SidebarGroupContent, { children: jsx(SidebarMenu, { children: top.entries.map(menuItem) }) })] }), blocks.map((block) => {
 		const key = block.key ?? "";
 		if (block.label === null) return jsx(SidebarGroup, { children: jsx(SidebarGroupContent, { children: jsx(SidebarMenu, { children: block.entries.map(menuItem) }) }) }, key);
 		if (block.collapsible) return jsx(CollapsibleNavSection, {
@@ -2015,126 +2063,31 @@ function AppSidebar({ header, filters, nav, footer }) {
 	});
 }
 //#endregion
-//#region src/layout/layouts/secondary-sidebar-layout.tsx
-function Row({ it }) {
-	const RouterLink = useLinkComponent();
-	return jsx("li", { children: jsxs(RouterLink, {
-		href: it.href,
-		"data-testid": `nav-secondary-item:${it.name}`,
-		"aria-current": it.active ? "page" : void 0,
-		className: cn("flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium outline-hidden ring-offset-background transition-colors", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", it.active ? "bg-secondary text-secondary-foreground" : "text-muted-foreground hover:bg-secondary/50 hover:text-foreground"),
-		children: [it.icon != null && jsx("span", {
-			className: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
-			"aria-hidden": "true",
-			children: it.icon
-		}), jsx("span", {
-			className: "truncate",
-			title: it.label,
-			children: it.label
-		})]
-	}) });
-}
-function SecondarySidebarLayout({ group, groupKey, items, children }) {
-	const RouterLink = useLinkComponent();
-	const caps = useI18nCaps();
-	const id = groupKey ?? group.name;
-	const label = resolveNavLabel(caps, `groups.${id}`, declaredText("chrome", group, "label"));
-	return jsxs("div", {
-		className: "md:-m-6 md:flex md:min-h-[calc(100%+3rem)]",
-		"data-testid": `nav-secondary:${id}`,
-		children: [
-			jsx("aside", {
-				className: "hidden w-64 shrink-0 border-r bg-background text-foreground md:block",
-				children: jsxs("div", {
-					className: "space-y-4 p-4",
-					children: [jsx("p", {
-						className: "px-3 text-base font-semibold tracking-tight",
-						children: label
-					}), jsx("nav", {
-						"aria-label": label,
-						children: jsx("ul", {
-							className: "space-y-0.5",
-							children: items.map((it) => jsx(Row, { it }, it.name))
-						})
-					})]
-				})
-			}),
-			jsx("nav", {
-				"aria-label": label,
-				"data-testid": `nav-secondary-select:${id}`,
-				className: "-mx-1 mb-4 flex snap-x snap-proximity gap-1.5 overflow-x-auto scroll-smooth px-1 pb-1 [-ms-overflow-style:none] [mask-image:linear-gradient(to_right,transparent,black_8px,black_calc(100%-8px),transparent)] [scrollbar-width:none] md:hidden [&::-webkit-scrollbar]:hidden",
-				children: items.map((it) => jsx(RouterLink, {
-					href: it.href,
-					"aria-current": it.active ? "page" : void 0,
-					className: cn("snap-start whitespace-nowrap rounded-full border px-3 py-1.5 text-sm outline-hidden ring-offset-background transition-colors duration-150", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", it.active ? "border-primary/40 bg-primary/10 font-medium text-foreground" : "border-border text-muted-foreground hover:bg-accent/60 hover:text-accent-foreground"),
-					children: it.label
-				}, it.name))
-			}),
-			jsx("div", {
-				className: "min-w-0 flex-1 md:overflow-x-hidden md:p-6",
-				children
-			})
-		]
-	});
-}
-//#endregion
-//#region src/layout/layouts/tabs-layout.tsx
-function TabsLayout({ group, groupKey, items, children }) {
-	const RouterLink = useLinkComponent();
-	const caps = useI18nCaps();
-	const id = groupKey ?? group.name;
-	const label = resolveNavLabel(caps, `groups.${id}`, declaredText("chrome", group, "label"));
-	return jsxs("div", {
-		className: "flex flex-col gap-4",
-		"data-testid": `nav-tabs:${id}`,
-		children: [jsx("nav", {
-			"aria-label": label,
-			className: "flex gap-1 overflow-x-auto scroll-smooth border-b border-border [-ms-overflow-style:none] [mask-image:linear-gradient(to_right,transparent,black_8px,black_calc(100%-8px),transparent)] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
-			children: items.map((it) => jsxs(RouterLink, {
-				href: it.href,
-				"aria-current": it.active ? "page" : void 0,
-				"data-testid": `nav-tab:${it.name}`,
-				className: cn("group/tab relative flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-t-sm px-3 py-2.5 text-sm outline-hidden ring-offset-background transition-colors duration-150", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", it.active ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"),
-				children: [
-					it.icon != null && jsx("span", {
-						className: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
-						"aria-hidden": "true",
-						children: it.icon
-					}),
-					it.label,
-					jsx("span", {
-						"aria-hidden": "true",
-						className: cn("pointer-events-none absolute inset-x-2 -bottom-px h-0.5 origin-center scale-x-0 rounded-full bg-primary opacity-0 transition-all duration-300 ease-out", it.active ? "scale-x-100 opacity-100" : "group-hover/tab:scale-x-100 group-hover/tab:opacity-30")
-					})
-				]
-			}, it.name))
-		}), jsx("div", {
-			className: "min-w-0",
-			children
-		})]
-	});
-}
-//#endregion
-//#region src/layout/nav-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 = useApp();
 	const caps = useI18nCaps();
 	const isVisible = useNavVisible();
 	const match = useMatch();
 	const resolveLayout = useLayoutResolver();
-	const group = app.registry.groups.get(groupName);
-	if (!group) return jsx(Fragment$1, { children });
-	const groupKey = canonicalNavKey(group);
-	const claimed = [groupKey, ...groupChain(app.registry, group).map(canonicalNavKey)];
-	const collapse = group.chromeOn === "list" && match?.kind === "resource" && DETAIL_ACTIONS.has(match.action);
-	const Layout = resolveLayout(group.layout);
+	useReportUnresolvedLayouts(match?.groupChain ?? [], resolveLayout);
+	if (!match) return jsx(NavChromeMountedProvider, {
+		value: true,
+		children
+	});
 	let content = children;
-	if (Layout && !collapse) {
+	for (let i = match.groupChain.length - 1; i >= 0; i--) {
+		const group = match.groupChain[i];
+		if (!group) continue;
+		const groupKey = 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,
@@ -2148,11 +2101,11 @@ function NavAreaLayout({ groupName, children, entryFilter, icons }) {
 			group,
 			groupKey,
 			items,
-			children
+			children: content
 		});
 	}
-	return jsx(NavChromeBoundaryProvider, {
-		claim: claimed,
+	return jsx(NavChromeMountedProvider, {
+		value: true,
 		children: content
 	});
 }
@@ -2165,10 +2118,12 @@ function Chevron() {
 		"aria-hidden": "true"
 	});
 }
-function Breadcrumbs(props) {
+function Breadcrumbs(input) {
+	const props = input;
 	const { leadingSegments, className, docScopes, "data-testid": testId } = props;
 	const app = useApp();
-	const def = props.resource === void 0 ? void 0 : app.registry.get(props.resource);
+	const resource = props.resource === void 0 ? void 0 : routeResourceKey(props.resource);
+	const def = resource === void 0 ? void 0 : app.registry.get(resource);
 	const tid = useTestIds();
 	const t = useOptionalT();
 	const RouterLink = useLinkComponent();
@@ -2213,7 +2168,7 @@ function Breadcrumbs(props) {
 	});
 	if (!def) return null;
 	const { recordId, pageLabel, middleSegments } = props;
-	const resourceKey = canonicalResourceKey(def);
+	const resourceKey = canonicalResourceKey$1(def);
 	const listHref = hrefFor(app.registry, resourceKey);
 	const resourceLabel = resolveResourceLabel(caps, resourceKey, "plural", def);
 	const resourceIsCurrent = !pageLabel && !(middleSegments && middleSegments.length > 0);
@@ -2223,7 +2178,12 @@ function Breadcrumbs(props) {
 		"data-testid": testId,
 		children: [
 			leading(resourceKey),
-			resourceIsCurrent ? current(tid.navBreadcrumb(resourceKey), resourceLabel) : jsx(RouterLink, {
+			resourceIsCurrent ? current(tid.navBreadcrumb(resourceKey), resourceLabel) : !hasListPage(def) ? jsx("span", {
+				"data-testid": tid.navBreadcrumb(resourceKey),
+				className: "truncate",
+				title: resourceLabel,
+				children: resourceLabel
+			}) : jsx(RouterLink, {
 				href: listHref,
 				"data-testid": tid.navBreadcrumb(resourceKey),
 				className: cn(LINK_CLASS, "truncate"),
@@ -2299,15 +2259,15 @@ function RecordBreadcrumbs() {
 }
 //#endregion
 //#region src/layout/default-nav-layouts.ts
-const defaultNavLayouts = {
-	[layoutSlot("secondary-sidebar")]: SecondarySidebarLayout,
-	[layoutSlot("tabs")]: TabsLayout
-};
+const defaultNavLayouts = { ...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 = useTestIds();
 	const t = useOptionalT();
+	const chromeT = useChromeT();
+	const allLabel = typeof allOption === "string" ? allOption : chromeT("scope.all", { defaultValue: "All" });
 	const displayLabel = label ?? humanizeKey(sliceName);
 	return jsxs("div", {
 		className: cn("space-y-1", className),
@@ -2316,21 +2276,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
 		}), jsxs(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: [jsx(SelectTrigger, {
 				id: `context-picker:${sliceName}`,
 				"data-testid": tid.contextPicker(sliceName),
 				className: cn("w-full", hideLabel ? "h-8 text-xs" : void 0),
 				children: jsx(SelectValue, { placeholder: placeholder ?? t("field.select", { defaultValue: "Select…" }) })
-			}), jsx(SelectContent, { children: options.map((o) => jsx(SelectItem, {
+			}), jsxs(SelectContent, { children: [allOption === void 0 ? null : jsx(SelectItem, {
+				value: ALL,
+				"data-testid": tid.contextPickerOption(sliceName, "all"),
+				children: allLabel
+			}), options.map((o) => jsx(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 = 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 jsx(DimensionControl, {
+			...common,
+			options
+		});
+	}
+	const { resource, label } = source;
+	return jsx(ResourceDimension, {
+		...common,
+		resource,
+		...label ? { labelField: label } : {}
+	});
+}
+function ResourceDimension({ resource, labelField, ...rest }) {
+	const options = useResourceDimensionOptions(rest.dimension, resource, labelField);
+	return jsx(DimensionControl, {
+		...rest,
+		options
+	});
+}
+function DimensionControl({ dimension, label, hideLabel, className, multiple, all, selected, select, options }) {
+	const tid = useTestIds();
+	const chromeT = useChromeT();
+	const byText = useMemo(() => new Map(options.map((option) => [String(option.value), option.value])), [options]);
+	const textOptions = 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 ?? humanizeKey(dimension);
+	if (multiple) return jsxs("div", {
+		className: cn("space-y-1", className),
+		children: [jsx("span", {
+			className: hideLabel ? "sr-only" : "text-xs font-medium text-muted-foreground uppercase tracking-wide",
+			children: text
+		}), jsx(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 ? jsx(ContextPicker, {
+		...common,
+		allOption: true,
+		onChange: choose
+	}) : jsx(ContextPicker, {
+		...common,
+		onChange: choose
+	});
 }
 //#endregion
 //#region src/layout/language-switch.tsx
@@ -2521,7 +2572,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 	const navigate = useRouteNavigate();
 	const isVisible = useNavVisible();
 	const resolveLayout = useLayoutResolver();
-	const isResourceVisible = (r) => evaluateVisible(r.visible, visibilityCtx);
+	const isResourceVisible = useResourceVisible();
 	const pageAllowed = usePageAllowed();
 	const isPageVisible = (p) => evaluateVisible(p.visible, visibilityCtx) && pageAllowed(p);
 	const { topLevelResources, topLevelPages, sectionGroups } = useMemo(() => {
@@ -2549,13 +2600,13 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 		onSelect?.();
 		navigate(href);
 	};
-	const resourceLabel = (def) => resolveResourceLabel(caps, canonicalResourceKey(def), "plural", def);
+	const resourceLabel = (def) => resolveResourceLabel(caps, canonicalResourceKey$1(def), "plural", def);
 	const pageLabel = (def) => resolveNavLabel(caps, `pages.${canonicalNavKey(def)}`, declaredText("chrome", def, "label"));
 	const groups = [];
 	if (topLevelResources.length > 0) groups.push(jsx(CommandGroup, {
 		heading: t("commandPalette.resources", { defaultValue: "Resources" }),
 		children: topLevelResources.map((def) => {
-			const resource = canonicalResourceKey(def);
+			const resource = canonicalResourceKey$1(def);
 			const label = resourceLabel(def);
 			const href = hrefFor(app.registry, resource, { isVisible });
 			return jsx(CommandItem, {
@@ -2604,7 +2655,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 						children: label
 					}, `section:${sectionKey}:page:${pageKey}`);
 				}
-				const resource = canonicalResourceKey(child);
+				const resource = canonicalResourceKey$1(child);
 				const label = resourceLabel(child);
 				const href = hrefFor(app.registry, resource, { isVisible });
 				return jsx(CommandItem, {
@@ -2656,7 +2707,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 			const resource = child;
 			if (!hasListPage(resource)) continue;
 			if (!isResourceVisible(resource)) continue;
-			const resourceId = canonicalResourceKey(resource);
+			const resourceId = canonicalResourceKey$1(resource);
 			const label = resourceLabel(resource);
 			const href = hrefFor(app.registry, resourceId, { isVisible });
 			items.push(jsx(CommandItem, {
@@ -2695,10 +2746,10 @@ function opensInQuick(registry, resource, mode) {
 }
 //#endregion
 //#region src/layout/command-palette-recent-group.tsx
-function entryHref(registry, entry, visibilityCtx) {
+function entryHref(registry, entry, isResourceVisible) {
 	const def = registry.get(entry.canonicalRef);
 	if (def === void 0) return void 0;
-	if (!evaluateVisible(def.visible, visibilityCtx)) return void 0;
+	if (!isResourceVisible(def)) return void 0;
 	for (const action of ["show", "edit"]) if (recordRouteAvailable(registry, entry.canonicalRef, action)) return hrefFor(registry, entry.canonicalRef, {
 		action,
 		id: entry.id
@@ -2712,27 +2763,39 @@ function CommandPaletteRecentGroup({ onSelect, getTestId, heading, refreshKey, w
 	const navigate = useRouteNavigate();
 	const quick = useQuick();
 	const userId = useCurrentUserId();
-	const visibilityCtx = useVisibilityCtx();
+	const isResourceVisible = useResourceVisible();
 	const resolvedHeading = heading ?? t("commandPalette.recent", { defaultValue: "Recent" });
-	const [hydrated, setHydrated] = useState(false);
+	const store = usePlatformStorage().local;
+	const [stored, setStored] = useState([]);
 	useEffect(() => {
-		setHydrated(true);
-	}, []);
-	const recents = useMemo(() => {
-		if (!hydrated || userId === null) return [];
-		return 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 = 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 = useMemo(() => stored.flatMap((entry) => {
+		const href = entryHref(app.registry, entry, isResourceVisible);
+		return href === void 0 ? [] : [{
+			entry,
+			href
+		}];
+	}), [
+		stored,
 		app.registry,
-		visibilityCtx
+		isResourceVisible
 	]);
 	if ((useCommandState((state) => state.search) ?? "").length > 0) return null;
 	if (recents.length === 0) return null;
@@ -2797,18 +2860,19 @@ function CommandPaletteRecordsGroup({ enabled = true, pageSize = 5, minQueryLeng
 	const t = useOptionalT();
 	const navigate = useRouteNavigate();
 	const quick = useQuick();
+	const isResourceVisible = useResourceVisible();
 	const resolvedHeading = heading ?? t("commandPalette.records", { defaultValue: "Records" });
 	const liveQuery = useCommandState((state) => state.search) ?? "";
 	const debouncedQuery = useDebouncedValue(liveQuery, debounceMs);
 	const searchableResources = useMemo(() => {
-		return app.registry.list().filter((r) => isShowAvailable(app.registry, canonicalResourceKey(r)) || opensInQuick(app.registry, canonicalResourceKey(r), "show")).map((def) => {
+		return app.registry.list().filter((r) => isShowAvailable(app.registry, canonicalResourceKey$1(r)) || opensInQuick(app.registry, canonicalResourceKey$1(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?.();
@@ -2827,12 +2891,12 @@ function CommandPaletteRecordsGroup({ enabled = true, pageSize = 5, minQueryLeng
 			recordHref,
 			registry: app.registry,
 			getTestId
-		}, canonicalResourceKey(def)))
+		}, canonicalResourceKey$1(def)))
 	}, "records");
 }
 function PerResourceSearchHits({ def, displayField, query, pageSize, goTo, recordHref, registry, getTestId }) {
 	const caps = useI18nCaps();
-	const resource = canonicalResourceKey(def);
+	const resource = canonicalResourceKey$1(def);
 	const access = useListAccess(resource);
 	const titleVisible = access.status === "ready" && access.fieldVisible(displayField);
 	const shouldFetch = query.length > 0 && titleVisible;
@@ -2856,9 +2920,11 @@ function PerResourceSearchHits({ def, displayField, query, pageSize, goTo, recor
 		report(rows.length);
 	}, [report, rows.length]);
 	if (rows.length === 0) return null;
-	const resourceLabel = resolveResourceLabel(caps, canonicalResourceKey(def), "single", def);
+	const resourceLabel = resolveResourceLabel(caps, canonicalResourceKey$1(def), "single", def);
+	const declaredIdField = def.data?.idField;
+	const idField = typeof declaredIdField === "string" && declaredIdField.length > 0 ? declaredIdField : "id";
 	return jsx(Fragment$1, { 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;
@@ -3003,7 +3069,7 @@ function CommandPaletteActionsGroup({ actions, onSelect, getTestId, heading }) {
 function CommandPaletteCreateGroup({ resourceFilter, onSelect, getTestId, heading, createHref, prefix }) {
 	const caps = useI18nCaps();
 	const app = useApp();
-	const visibilityCtx = useVisibilityCtx();
+	const isResourceVisible = useResourceVisible();
 	const gate = useAvailabilityGate();
 	const t = useOptionalT();
 	const navigate = useRouteNavigate();
@@ -3011,11 +3077,11 @@ function CommandPaletteCreateGroup({ resourceFilter, onSelect, getTestId, headin
 	const resolvedHeading = heading ?? t("commandPalette.create", { defaultValue: "Create" });
 	const resolvedPrefix = prefix ?? t("commandPalette.createNew", { defaultValue: "Create new" });
 	const visibleResources = useMemo(() => {
-		return app.registry.list().filter((r) => hasListPage(r)).filter((r) => gate(canonicalResourceKey(r), "create").state === "available").filter((r) => hasRecordPage(r, "create") || opensInQuick(app.registry, canonicalResourceKey(r), "create")).filter((r) => evaluateVisible(r.visible, visibilityCtx)).filter((r) => resourceFilter ? resourceFilter(r) : true);
+		return app.registry.list().filter((r) => hasListPage(r)).filter((r) => gate(canonicalResourceKey$1(r), "create").state === "available").filter((r) => hasRecordPage(r, "create") || opensInQuick(app.registry, canonicalResourceKey$1(r), "create")).filter(isResourceVisible).filter((r) => resourceFilter ? resourceFilter(r) : true);
 	}, [
 		app,
 		gate,
-		visibilityCtx,
+		isResourceVisible,
 		resourceFilter
 	]);
 	if (visibleResources.length === 0) return null;
@@ -3029,13 +3095,13 @@ function CommandPaletteCreateGroup({ resourceFilter, onSelect, getTestId, headin
 			return;
 		}
 		onSelect?.();
-		quick.create(canonicalResourceKey(def));
+		quick.create(canonicalResourceKey$1(def));
 	};
-	const resourceLabel = (def) => resolveResourceLabel(caps, canonicalResourceKey(def), "single", def);
+	const resourceLabel = (def) => resolveResourceLabel(caps, canonicalResourceKey$1(def), "single", def);
 	return jsx(CommandGroup, {
 		heading: resolvedHeading,
 		children: visibleResources.map((def) => {
-			const resource = canonicalResourceKey(def);
+			const resource = canonicalResourceKey$1(def);
 			const label = resourceLabel(def);
 			const href = createHref?.(def) ?? resourceCreateHref(app.registry, def, resource);
 			const value = `create:${resource}:${resolvedPrefix}:${label}`;
@@ -3097,7 +3163,7 @@ function AppActions() {
 				variant: "outline",
 				size: "sm",
 				disabled: action.disabledReason !== void 0,
-				title: action.disabledReason,
+				title: action.disabledReason === void 0 ? void 0 : reasonText(caps, action.disabledReason),
 				"data-testid": `app-action:${action.name}`,
 				children: action.disabledReason === void 0 ? jsx(RouterLink, {
 					href,
@@ -3219,6 +3285,7 @@ function localizedSchema(t) {
 function LoginForm({ onSubmit, title, description, className }) {
 	const tid = useTestIds();
 	const t = useOptionalT();
+	const caps = useI18nCaps();
 	const resolvedTitle = title ?? t("auth.signIn", { defaultValue: "Sign in" });
 	const { register, handleSubmit, formState: { errors, isSubmitting } } = useForm({
 		resolver: zodResolver(localizedSchema(t)),
@@ -3233,9 +3300,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 : technicalText(e) ?? (dataCode === void 0 ? String(e) : "");
 			const friendly = toFriendlyError(raw, "", 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 ? resolveErrorText(e, caps) : credentials);
 		}
 	});
 	return jsxs(Card, {
@@ -3360,9 +3429,108 @@ function AuthPage({ children, brand, footer, className }) {
 	});
 }
 //#endregion
+//#region src/enum/enum-choice-group.tsx
+const NONE = "__none__";
+function isEmpty$1(value) {
+	return value === null || value === void 0 || value === "";
+}
+function EnumChoiceGroup({ control, options, value, onChange, testid, name, id, required, disabled, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, className }) {
+	const t = useOptionalT();
+	const generatedName = React.useId();
+	const groupName = name ?? generatedName;
+	const empty = isEmpty$1(value);
+	const noneLabel = t("field.none", { defaultValue: "None" });
+	const pick = (next) => {
+		if (!disabled) onChange(next);
+	};
+	const ariaProps = {
+		"aria-invalid": ariaInvalid || void 0,
+		"aria-describedby": ariaDescribedBy,
+		...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {}
+	};
+	if (control === "segmented") {
+		const segment = (key, label, active, select) => jsx("button", {
+			type: "button",
+			"aria-pressed": active,
+			"data-state": active ? "active" : "inactive",
+			"data-testid": `${testid}:option:${key}`,
+			disabled,
+			onClick: select,
+			className: cn("inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all", "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-xs", "disabled:pointer-events-none disabled:opacity-50", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"),
+			children: label
+		}, key);
+		return jsxs("div", {
+			role: "group",
+			id,
+			"aria-labelledby": ariaLabelledBy,
+			"data-testid": testid,
+			className: cn("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className),
+			...ariaProps,
+			children: [required ? null : segment(NONE, noneLabel, empty, () => pick(void 0)), options.map((option) => segment(option.value, jsxs(Fragment$1, { children: [option.icon ? jsx("span", {
+				"data-testid": `${testid}:option:${option.value}:icon`,
+				className: "contents",
+				children: jsx(Icon, {
+					name: option.icon,
+					className: "size-3.5 shrink-0"
+				})
+			}) : null, option.label] }), value === option.value, () => pick(option.value)))]
+		});
+	}
+	const cards = control === "cards";
+	const choice = (key, option, label, checked, select) => {
+		const inputId = `${id ?? groupName}:${key}`;
+		return jsxs("label", {
+			htmlFor: inputId,
+			className: cn("flex items-start gap-2.5", cards && "cursor-pointer rounded-lg border px-3 py-2.5 transition-colors hover:bg-accent/50 has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring", cards && (checked ? "border-primary" : "border-input"), disabled && "cursor-not-allowed opacity-60"),
+			children: [jsx("input", {
+				type: "radio",
+				id: inputId,
+				name: groupName,
+				value: key,
+				checked,
+				onChange: select,
+				disabled,
+				...ariaProps,
+				"data-testid": `${testid}:option:${key}`,
+				className: cn("h-4 w-4 shrink-0 accent-primary", cards ? "mt-0.5" : "mt-1")
+			}), jsxs("span", {
+				className: "flex min-w-0 flex-col gap-0.5",
+				children: [jsxs("span", {
+					className: cn("flex items-center gap-1.5", cards && "font-medium"),
+					children: [option?.icon ? jsx("span", {
+						"data-testid": `${testid}:option:${key}:icon`,
+						className: "contents",
+						children: jsx(Icon, {
+							name: option.icon,
+							className: "size-4 shrink-0"
+						})
+					}) : null, jsx("span", { children: label })]
+				}), option?.summary === void 0 || option.summary === "" ? null : jsx("span", {
+					"data-testid": `${testid}:option:${key}:doc`,
+					className: "text-sm text-muted-foreground",
+					children: option.summary
+				})]
+			})]
+		}, key);
+	};
+	return jsxs("div", {
+		role: "radiogroup",
+		id,
+		"aria-labelledby": ariaLabelledBy,
+		"data-testid": testid,
+		"aria-required": required,
+		className: cn("flex flex-col", cards ? "gap-2" : "gap-1.5", className),
+		children: [required ? null : choice(NONE, void 0, noneLabel, empty, () => pick(void 0)), options.map((option) => choice(option.value, option, option.label, value === option.value, () => pick(option.value)))]
+	});
+}
+//#endregion
 //#region src/enum/enum-picker.tsx
 const ENUM_PICKER_CLEAR_SENTINEL = "__buro_clear__";
-function EnumPicker({ enumName, value, onChange, renderAs = "select", name, id, testid, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, className, clearable = false, clearLabel = "All" }) {
+function withSummary(summary) {
+	return summary === void 0 ? {} : { summary };
+}
+function EnumPicker({ enumName: enumInput, value, onChange, control = "select", name, id, testid, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, className, clearable = false, clearLabel = "All" }) {
+	const enumName = enumBindingKey(enumInput) ?? "";
 	const app = useApp();
 	const t = useOptionalT();
 	const def = app.registry.enums.get(enumName);
@@ -3393,63 +3561,43 @@ function EnumPicker({ enumName, value, onChange, renderAs = "select", name, id,
 			children: jsx(SelectValue, { placeholder: t("field.loading", { defaultValue: "Loading…" }) })
 		}), jsx(SelectContent, {})]
 	});
-	if (error || !values) return jsxs("span", {
-		"data-testid": `${tid}:error`,
+	if (error || !values) return jsxs(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 jsx("div", {
-		role: "radiogroup",
-		"data-testid": tid,
-		className: cn("flex flex-col gap-2", className),
-		"aria-required": required,
-		children: values.map((entry) => {
-			const inputId = `${id ?? tid}:${entry.value}`;
-			return jsxs("label", {
-				htmlFor: inputId,
-				className: "flex items-center gap-2",
-				children: [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"
-				}), jsx("span", { children: resolveEnumLabel(caps, ns, entry.value, enumValueText(def, entry.value) ?? entry.label) })]
-			}, entry.value);
-		})
-	});
-	if (renderAs === "segmented") return jsx("div", {
-		role: "group",
-		"data-testid": tid,
-		className: 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 jsx("button", {
-				type: "button",
-				"aria-pressed": isActive,
-				"data-state": isActive ? "active" : "inactive",
-				"data-testid": `${tid}:option:${entry.value}`,
-				disabled,
-				onClick: () => onChange(entry.value),
-				className: 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: resolveEnumLabel(caps, ns, entry.value, enumValueText(def, entry.value) ?? entry.label)
-			}, entry.value);
-		})
+	const labelOf = (entry) => resolveEnumLabel(caps, ns, entry.value, enumValueText(def, entry.value) ?? entry.label);
+	const summaryOf = (entry) => resolveDoc(caps, `enum/${ns}/${entry.value}`)?.summary || void 0;
+	if (control !== "select") return jsx(EnumChoiceGroup, {
+		control,
+		options: values.map((entry) => ({
+			value: entry.value,
+			label: labelOf(entry),
+			...entry.icon === void 0 ? {} : { icon: entry.icon },
+			...withSummary(summaryOf(entry))
+		})),
+		value,
+		onChange,
+		testid: tid,
+		name,
+		id,
+		required,
+		disabled,
+		ariaInvalid,
+		ariaDescribedBy,
+		ariaErrorMessage,
+		ariaLabelledBy,
+		className
 	});
 	const selectValue = value == null ? clearable ? ENUM_PICKER_CLEAR_SENTINEL : "" : value;
 	const handleValueChange = (next) => {
@@ -3479,36 +3627,49 @@ function EnumPicker({ enumName, value, onChange, renderAs = "select", name, id,
 			"data-testid": `${tid}:option:__clear__`,
 			children: clearLabel
 		}), values.map((entry) => {
-			const optionLabel = resolveEnumLabel(caps, ns, entry.value, enumValueText(def, entry.value) ?? entry.label);
-			const optionDoc = resolveDoc(caps, `enum/${ns}/${entry.value}`)?.summary;
+			const optionLabel = labelOf(entry);
+			const optionDoc = summaryOf(entry);
 			return jsx(SelectItem, {
 				value: entry.value,
 				"data-testid": `${tid}:option:${entry.value}`,
-				children: optionDoc === void 0 ? optionLabel : jsxs("span", {
-					className: "flex flex-col gap-0.5",
-					children: [jsx("span", { children: optionLabel }), jsx("span", {
-						className: "text-xs leading-snug text-muted-foreground",
-						"data-testid": `${tid}:option:${entry.value}:doc`,
-						children: optionDoc
-					})]
-				})
+				description: optionDoc === void 0 ? void 0 : jsx("span", {
+					"data-testid": `${tid}:option:${entry.value}:doc`,
+					children: optionDoc
+				}),
+				children: optionLabel
 			}, entry.value);
 		})] })]
 	});
 }
 //#endregion
+//#region src/enum/resolve-enum-control.ts
+const warned = new Set();
+function resolveEnumControl(fieldControl, enumDef, where) {
+	if (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 ${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 = useOptionalT();
 	if (value == null) return jsx("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
+	if (text !== void 0) return jsx("span", { children: text });
 	return 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 }) {
@@ -3527,17 +3688,32 @@ function BooleanInput({ name, id, value, onChange, testid, disabled, required, a
 }
 //#endregion
 //#region src/fields/date.tsx
-function DateDisplay({ value }) {
+function DateDisplay({ value, text }) {
+	return jsx(TemporalDisplay, {
+		value,
+		text,
+		format: formatDate
+	});
+}
+function DateTimeDisplay({ value, text }) {
+	return jsx(TemporalDisplay, {
+		value,
+		text,
+		format: formatDateTime
+	});
+}
+function TemporalDisplay({ value, text, format }) {
 	const locale = useOptionalLocale();
 	if (value == null || value === "") return jsx("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
+	if (text !== void 0) return jsx("span", { children: text });
 	const d = new Date(String(value));
 	if (Number.isNaN(d.getTime())) return jsx("span", { children: String(value) });
 	return jsx("span", {
 		className: "whitespace-nowrap",
-		children: formatDate(d, locale)
+		children: format(d, locale)
 	});
 }
 function toIsoDate(v) {
@@ -3548,13 +3724,29 @@ function toIsoDate(v) {
 	if (Number.isNaN(d.getTime())) return "";
 	return d.toISOString().slice(0, 10);
 }
-function DateInput({ name, id, value, onChange, testid, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage }) {
+function DateInput(props) {
+	return jsx(TemporalInput, {
+		...props,
+		type: "date",
+		toText: toIsoDate,
+		fromText: (text) => text || null
+	});
+}
+function DateTimeInput(props) {
+	return jsx(TemporalInput, {
+		...props,
+		type: "datetime-local",
+		toText: toLocalDateTimeText,
+		fromText: (text) => fromLocalDateTimeText(text) ?? null
+	});
+}
+function TemporalInput({ type, toText, fromText, name, id, value, onChange, testid, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage }) {
 	return jsx(Input, {
 		name,
 		id,
-		type: "date",
-		value: toIsoDate(value),
-		onChange: (e) => onChange(e.target.value || null),
+		type,
+		value: toText(value),
+		onChange: (e) => onChange(fromText(e.target.value)),
 		"data-testid": testid,
 		disabled,
 		required,
@@ -3566,22 +3758,6 @@ function DateInput({ name, id, value, onChange, testid, disabled, required, aria
 }
 //#endregion
 //#region src/fields/enum.tsx
-function optionLabel(caps, field, value, inline) {
-	const ns = enumNamespaceOf(field);
-	if (ns) return resolveEnumLabel(caps, ns, value, inline);
-	return field ? resolveFieldOptionLabel(caps, field.name, value, inline) : inline;
-}
-function declaredOptionLabel(option, value, enumDef) {
-	return (enumDef === void 0 ? void 0 : enumValueText(enumDef, value)) ?? (typeof option?.label === "string" ? option.label : value);
-}
-function useBoundEnum(field) {
-	const app = useOptionalApp();
-	const namespace = enumNamespaceOf(field);
-	return namespace === void 0 ? void 0 : app?.registry.enums.get(namespace);
-}
-function useOptionCaps(resource) {
-	return useI18nCaps(useContext(ResourceContext).resource ?? resource);
-}
 function EnumDisplay({ value, options, field, resource }) {
 	const caps = useOptionCaps(resource);
 	const enumDef = useBoundEnum(field);
@@ -3590,7 +3766,7 @@ function EnumDisplay({ value, options, field, resource }) {
 		children: "—"
 	});
 	const opt = options?.find((o) => o.value === String(value));
-	const label = optionLabel(caps, field, String(value), declaredOptionLabel(opt, String(value), enumDef));
+	const label = resolveOptionLabel(caps, field, String(value), opt, enumDef);
 	return jsxs("span", {
 		className: "inline-flex items-center gap-1",
 		children: [opt?.icon ? jsx(Icon, {
@@ -3599,10 +3775,36 @@ function EnumDisplay({ value, options, field, resource }) {
 		}) : null, label]
 	});
 }
-function EnumInput({ name, id, value, onChange, testid, options, field, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, resource }) {
+function EnumInput({ name, id, value, onChange, testid, options, field, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, resource }) {
 	const t = useOptionalT();
 	const caps = useOptionCaps(resource);
 	const enumDef = useBoundEnum(field);
+	const ns = enumNamespaceOf(field);
+	const control = resolveEnumControl(field?.ui?.control, enumDef, `field ${field?.name ?? name}`);
+	const resolved = (options ?? []).map((o) => {
+		const summary = ns === void 0 ? void 0 : resolveDoc(caps, `enum/${ns}/${o.value}`)?.summary;
+		return {
+			value: o.value,
+			label: resolveOptionLabel(caps, field, o.value, o, enumDef),
+			...o.icon === void 0 ? {} : { icon: o.icon },
+			...summary === void 0 ? {} : { summary }
+		};
+	});
+	if (control !== "select") return jsx(EnumChoiceGroup, {
+		control,
+		options: resolved,
+		value,
+		onChange,
+		testid: testid ?? name,
+		name,
+		id,
+		required,
+		disabled,
+		ariaInvalid,
+		ariaDescribedBy,
+		ariaErrorMessage,
+		ariaLabelledBy
+	});
 	return jsxs(Select, {
 		value: value ?? "",
 		onValueChange: onChange,
@@ -3617,14 +3819,19 @@ function EnumInput({ name, id, value, onChange, testid, options, field, placehol
 			"aria-describedby": ariaDescribedBy,
 			...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {},
 			children: jsx(SelectValue, { placeholder: placeholder ?? t("field.select", { defaultValue: "Select…" }) })
-		}), jsx(SelectContent, { children: options?.map((o) => jsx(SelectItem, {
+		}), jsx(SelectContent, { children: resolved.map((o) => jsx(SelectItem, {
 			value: o.value,
+			"data-testid": testid === void 0 ? void 0 : `${testid}:option:${o.value}`,
+			description: o.summary === void 0 ? void 0 : jsx("span", {
+				"data-testid": testid === void 0 ? void 0 : `${testid}:option:${o.value}:doc`,
+				children: o.summary
+			}),
 			children: jsxs("span", {
 				className: "inline-flex items-center gap-1.5",
 				children: [o.icon ? jsx(Icon, {
 					name: o.icon,
 					className: "size-3.5 shrink-0 text-muted-foreground"
-				}) : null, optionLabel(caps, field, o.value, declaredOptionLabel(o, o.value, enumDef))]
+				}) : null, o.label]
 			})
 		}, o.value)) })]
 	});
@@ -4047,7 +4254,7 @@ function JsonInput({ name, id, value, onChange, testid, disabled, required, aria
 }
 //#endregion
 //#region src/fields/lazy-relation-many.tsx
-const RelationManyPickerInput = lazy(() => import("./relation-many-picker-bvkjkv-k.js").then((module) => ({ default: module.RelationManyPickerInput })));
+const RelationManyPickerInput = lazy(() => import("./relation-many-picker-BJhaEqxz.js").then((module) => ({ default: module.RelationManyPickerInput })));
 function LazyRelationManyInput(props) {
 	return jsx(Suspense, {
 		fallback: jsx(Skeleton, {
@@ -4060,8 +4267,8 @@ function LazyRelationManyInput(props) {
 }
 //#endregion
 //#region src/fields/lazy-rich-text.tsx
-const RichTextDisplay = lazy(() => import("./rich-text-DFerywgz.js").then((module) => ({ default: module.RichTextDisplay })));
-const RichTextInput = lazy(() => import("./rich-text-DFerywgz.js").then((module) => ({ default: module.RichTextInput })));
+const RichTextDisplay = lazy(() => import("./rich-text-RcPBf6hr.js").then((module) => ({ default: module.RichTextDisplay })));
+const RichTextInput = lazy(() => import("./rich-text-RcPBf6hr.js").then((module) => ({ default: module.RichTextInput })));
 function RichTextDisplayLoading() {
 	const t = useOptionalT();
 	return jsx("div", {
@@ -4118,12 +4325,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 = useOptionalLocale();
 	if (value == null || value === "") return jsx("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
+	if (text !== void 0) return jsx("span", { children: text });
 	let raw = value;
 	if (typeof raw === "string") raw = unquote(raw);
 	const n = typeof raw === "number" ? raw : Number(raw);
@@ -4160,10 +4368,9 @@ function NumberInput({ name, id, value, onChange, testid, placeholder, disabled,
 //#endregion
 //#region src/fields/link-keys-display.tsx
 const isRecord$1 = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
-function qualify(name, owner) {
+function qualify(name) {
 	try {
-		const namespace = normalizeEntityRef(owner).namespace;
-		const ref = normalizeEntityRef(name, { defaultNamespace: namespace });
+		const ref = normalizeEntityRef(name);
 		return ref.namespace === "default" ? ref.id : `${ref.namespace}:${ref.id}`;
 	} catch {
 		return;
@@ -4188,7 +4395,7 @@ function LinkKeysDisplay(props) {
 	const ownerDef = owner === "" ? void 0 : app.registry.get(owner);
 	const declaration = ownerDef === void 0 ? void 0 : declaredField(ownerDef, name);
 	const link = isRecord$1(declaration) ? 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 : declaredField(junctionDef, key);
 	const ownerField = link === void 0 ? idFieldOf(ownerDef) : byOf(junctionField(link.sourceKey)) ?? idFieldOf(ownerDef);
@@ -4196,11 +4403,11 @@ function LinkKeysDisplay(props) {
 	const ownerKey = record?.[ownerField];
 	const { keys, complete, isLoading, error } = useLinkKeys(owner, name, ownerKey);
 	const [missed, setMissed] = useState(() => new Set());
-	const onMiss = useCallback((key, miss) => {
+	const onMiss = 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;
 		});
@@ -4220,12 +4427,17 @@ function LinkKeysDisplay(props) {
 		targetBy
 	]);
 	const chipsId = tid.linkChips(owner, name);
-	if (error) return jsx("span", {
-		"data-testid": tid.linkError(owner, name),
-		role: "status",
+	if (error) return jsx(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 jsx("span", {
@@ -4245,7 +4457,7 @@ function LinkKeysDisplay(props) {
 		children: 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"
 			})
@@ -4267,7 +4479,7 @@ function LinkKeysDisplay(props) {
 		}, String(key))), hidden > 0 ? 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"
 			})
@@ -4355,7 +4567,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"]
@@ -4376,16 +4588,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 jsx("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
+	if (formatted !== void 0) return jsx("span", { children: formatted });
 	const { text, isStructured } = toDisplayText(value);
 	return isStructured ? jsx("span", {
 		className: "font-mono text-xs break-all",
@@ -4414,23 +4631,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 jsx("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
-	const { text, isStructured } = toDisplayText(value);
+	const { text, isStructured } = formatted === void 0 ? toDisplayText(value) : {
+		text: formatted,
+		isStructured: false
+	};
 	return 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 jsx("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
-	const { text } = toDisplayText(value);
+	const text = formatted ?? toDisplayText(value).text;
 	return 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",
@@ -4474,13 +4694,12 @@ function TextareaInput({ name, id, value, onChange, testid, placeholder, disable
 //#endregion
 //#region src/fields/default-renderers.ts
 function legacyField(props) {
-	const name = typeof props.path.at(-1) === "string" ? props.path.at(-1) : "field";
+	const name = optionFieldName(props.path);
 	const texts = props.field.texts;
 	return Object.freeze({
 		name,
 		meta: props.meta,
 		ui: props.ui,
-		codec: props.field.codec,
 		...texts === void 0 ? {} : { texts }
 	});
 }
@@ -4502,6 +4721,7 @@ function display(renderer) {
 	return function ShadcnDisplay(props) {
 		return createElement(renderer, {
 			value: props.value,
+			...props.text === void 0 ? {} : { text: props.text },
 			multiple: props.multiple,
 			field: legacyField(props),
 			options: legacyOptions(props.options, props.field),
@@ -4539,12 +4759,14 @@ function input(renderer) {
 			ariaInvalid: props.issues.some(isErrorIssue),
 			ariaDescribedBy: props.accessibility.description,
 			ariaErrorMessage: props.accessibility.error,
+			ariaLabelledBy: props.accessibility.label,
 			field: legacyField(props),
 			resource: props.resource.id,
 			record: props.record,
 			relationSeeds: props.relationSeeds,
 			fixedFilters: props.fixedFilters,
-			metaSources: props.metaSources
+			metaSources: props.metaSources,
+			link: props.link
 		});
 	};
 }
@@ -4592,9 +4814,27 @@ function scalarOrCollection(renderer, layout) {
 	});
 }
 function enumName(ui) {
-	const value = ui.enum;
-	if (typeof value === "string" && value.length > 0) return value;
-	if (value !== null && typeof value === "object" && typeof value.id === "string") return value.id;
+	return enumBindingKey(ui.enum);
+}
+function RegistryEnumInput(props) {
+	const app = useOptionalApp();
+	const control = resolveEnumControl(props.ui.control, app?.registry.enums.get(props.enumName), `field ${typeof props.path.at(-1) === "string" ? String(props.path.at(-1)) : props.enumName}`);
+	return createElement(EnumPicker, {
+		enumName: props.enumName,
+		control,
+		value: props.value == null ? void 0 : String(props.value),
+		onChange: props.onChange ?? (() => void 0),
+		name: props.accessibility.input,
+		id: props.accessibility.input,
+		testid: props.testIds.input,
+		placeholder: typeof props.ui.placeholder === "string" ? props.ui.placeholder : void 0,
+		disabled: props.disabled,
+		required: props.field.required === true,
+		ariaInvalid: props.issues.some(isErrorIssue),
+		ariaDescribedBy: props.accessibility.description,
+		ariaErrorMessage: props.accessibility.error,
+		ariaLabelledBy: props.accessibility.label
+	});
 }
 function enumAware(renderer, layout) {
 	const FallbackInput = input(renderer.Input);
@@ -4604,19 +4844,9 @@ function enumAware(renderer, layout) {
 	return Object.freeze({
 		Input: (props) => {
 			const name = enumName(props.ui);
-			if (name !== void 0) return 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 createElement(RegistryEnumInput, {
+				...props,
+				enumName: name
 			});
 			if (props.options.length > 0) return createElement(OptionedInput, props);
 			return createElement(FallbackInput, props);
@@ -4651,6 +4881,10 @@ const date = {
 	Display: DateDisplay,
 	Input: DateInput
 };
+const dateTime = {
+	Display: DateTimeDisplay,
+	Input: DateTimeInput
+};
 const en = {
 	Display: EnumDisplay,
 	Input: EnumInput
@@ -4686,9 +4920,9 @@ const shadcnFieldImplementations = Object.freeze({
 	number: scalar(num),
 	boolean: scalar(bool),
 	date: scalar(date),
-	dateTime: scalar(date),
-	"date-time": scalar(date),
-	"default:date-time": scalar(date),
+	dateTime: scalar(dateTime),
+	"date-time": scalar(dateTime),
+	"default:date-time": scalar(dateTime),
 	enum: enumAware(en),
 	json: scalar({
 		Display: JsonDisplay,
@@ -4705,313 +4939,6 @@ const shadcnFieldImplementations = Object.freeze({
 	file: scalarOrCollection(file, { size: "full" })
 });
 //#endregion
-//#region src/fields/use-relation-picker.tsx
-const noop = () => void 0;
-function safeKey(input) {
-	if (input === void 0 || input === null) return void 0;
-	try {
-		return 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 jsx(Fragment$1, { children: props.children });
-}
-function useRelationPicker(options) {
-	const app = useApp();
-	const runtime = useDataRuntime();
-	const frame = useOptionalRecordFrame();
-	const frames = 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 = 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 = 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: jsx(PickerHost, {
-			register,
-			children: active === null || held ? null : jsxs(RecordScopeChain, {
-				frames: active.frames,
-				children: [jsx(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 jsx(ScreenStateProvider, { children: jsx(DisplayBody, { ...props }) });
@@ -5037,7 +4964,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 = enumBindingKey(enumInput) ?? "";
 	const app = useApp();
 	const caps = useI18nCaps();
 	const def = app.registry.enums.get(enumName);
@@ -5085,159 +5013,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 = useOptionalT();
-	const filterValue = column.getFilterValue();
-	const selected = useMemo(() => {
-		if (Array.isArray(filterValue)) return new Set(filterValue.map(String));
-		return new Set();
-	}, [filterValue]);
-	const [search, setSearch] = useState("");
-	const [asyncOptions, setAsyncOptions] = useState([]);
-	const [loading, setLoading] = useState(false);
-	const debounceRef = useRef(null);
-	const loadOptionsRef = useRef(loadOptions);
-	useEffect(() => {
-		loadOptionsRef.current = loadOptions;
-	});
-	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 jsxs(Popover, { children: [jsx(PopoverTrigger, {
-		asChild: true,
-		children: jsxs(Button, {
-			type: "button",
-			variant: "outline",
-			size: "sm",
-			"data-testid": getTestId?.("trigger"),
-			className: cn("h-8 border-dashed", className),
-			children: [
-				jsx(IconCirclePlus, {
-					className: "mr-2 h-4 w-4",
-					"aria-hidden": "true"
-				}),
-				title,
-				selected.size > 0 && jsxs(Fragment$1, { children: [
-					jsx("span", {
-						className: "mx-2 h-4 w-px bg-border",
-						"aria-hidden": "true"
-					}),
-					jsx(Badge, {
-						variant: "secondary",
-						className: "rounded-sm px-1 font-normal lg:hidden",
-						children: selected.size
-					}),
-					jsx("div", {
-						className: "hidden gap-1 lg:flex",
-						children: selected.size > 2 ? jsx(Badge, {
-							variant: "secondary",
-							className: "rounded-sm px-1 font-normal",
-							children: t("table.selectedCount", {
-								count: selected.size,
-								defaultValue: "{{count}} selected"
-							})
-						}) : selectedValues.map((value) => jsx(Badge, {
-							variant: "secondary",
-							className: "rounded-sm px-1 font-normal",
-							children: labelFor(value)
-						}, value))
-					})
-				] })
-			]
-		})
-	}), jsx(PopoverContent, {
-		className: "w-[220px] p-0",
-		align: "start",
-		children: jsxs(Command, {
-			shouldFilter: !loadOptions,
-			children: [
-				jsx(CommandInput, {
-					placeholder: searchPlaceholder ?? title,
-					"data-testid": getTestId?.("search"),
-					...loadOptions ? {
-						value: search,
-						onValueChange: setSearch
-					} : {}
-				}),
-				jsxs(CommandList, { children: [
-					loading && jsx("div", {
-						className: "py-6 text-center text-sm text-muted-foreground",
-						children: t("list.loadingShort", { defaultValue: "Loading…" })
-					}),
-					jsx(CommandEmpty, { children: emptyText ?? t("relation.noResults", { defaultValue: "No results." }) }),
-					jsx(CommandGroup, { children: effectiveOptions.map((opt) => {
-						const isSelected = selected.has(opt.value);
-						const Icon = opt.icon;
-						return jsxs(CommandItem, {
-							value: opt.label,
-							"data-testid": getTestId?.("option", opt.value),
-							role: "option",
-							"aria-selected": isSelected,
-							"aria-checked": isSelected,
-							onSelect: () => toggle(opt.value),
-							children: [
-								jsx("span", {
-									className: 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 && jsx(IconCheck, { className: "h-3.5 w-3.5" })
-								}),
-								Icon && jsx(Icon, {
-									className: "mr-2 h-4 w-4 text-muted-foreground",
-									"aria-hidden": "true"
-								}),
-								jsx("span", {
-									className: "flex-1 text-left",
-									children: opt.label
-								})
-							]
-						}, opt.value);
-					}) })
-				] }),
-				selected.size > 0 && 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() ?? "";
@@ -5393,12 +5168,12 @@ const OPERATOR_LABELS = {
 	hasAll: "has all of",
 	hasNone: "has none of"
 };
-function formatOperatorLabel(op, t) {
-	return t ? t(`filters.operators.${op}`, { defaultValue: OPERATOR_LABELS[op] }) : OPERATOR_LABELS[op];
+function formatOperatorLabel(op, chromeT) {
+	return chromeT ? chromeT(`filters.operators.${op}`, { defaultValue: OPERATOR_LABELS[op] }) : OPERATOR_LABELS[op];
 }
 function useOperatorLabel() {
-	const t = useOptionalT();
-	return (op) => formatOperatorLabel(op, t);
+	const chromeT = useChromeT();
+	return (op) => formatOperatorLabel(op, chromeT);
 }
 function isEmpty(v) {
 	return v === void 0 || v === null || v === "";
@@ -5492,7 +5267,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] = useState(false);
-	const t = useOptionalT();
+	const chromeT = useChromeT();
 	if (actions.length === 0) return null;
 	return jsxs(Popover, {
 		open,
@@ -5510,7 +5285,7 @@ function DataTableRowActions({ row, actions, getTestId, className }) {
 					"aria-hidden": "true"
 				}), jsx("span", {
 					className: "sr-only",
-					children: t("actions.openMenu", { defaultValue: "Open row actions menu" })
+					children: chromeT("actions.openMenu", { defaultValue: "Open row actions menu" })
 				})]
 			})
 		}), jsx(PopoverContent, {
@@ -5631,7 +5406,8 @@ function BlockScreen({ block, props, resource, record, label }) {
 			children: jsx(PlannedBody, {
 				screen: compiled,
 				name: "modal",
-				label: label ?? ""
+				label: label ?? "",
+				...needsRow && row !== null ? { record: row } : {}
 			})
 		})
 	});
@@ -5640,13 +5416,20 @@ function relation(field) {
 	if (field === null || typeof field !== "object") return false;
 	return 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(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 (!peekLeafAllowed(def, name, capabilityFor, fieldVisible) || relation(peekFieldDefinition(def, name))) continue;
+		const field = peekFieldDefinition(def, name);
+		if (!peekLeafAllowed(def, name, capabilityFor, fieldVisible) || relation(field) && !lazyToOne(field)) continue;
 		out.push(name);
 	}
 	return Object.freeze(out);
@@ -5729,7 +5512,7 @@ function PeekByKey({ target, by }) {
 	} else if (query.error != null) read = failure(query.error, () => void query.refetch());
 	else read = { state: "pending" };
 	useEffect(() => {
-		if (read.state === "ambiguous" && process.env.NODE_ENV !== "production") console.error(`[burojs] ${relationAmbiguousError(target, by.field, by.key).message}`);
+		if (read.state === "ambiguous" && process.env.NODE_ENV !== "production") console.error(`[burojs] ${technicalText(relationAmbiguousError(target, by.field, by.key))}`);
 	}, [
 		read.state,
 		target,
@@ -5745,6 +5528,7 @@ function PeekByKey({ target, by }) {
 function PeekBody({ target, peekKey, read }) {
 	const tid = useTestIds();
 	const t = useOptionalT();
+	const chromeT = useChromeT();
 	const testid = tid.peek(target, peekKey);
 	if (read.state === "pending") return jsx("div", {
 		"data-testid": testid,
@@ -5772,7 +5556,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 jsx("p", {
@@ -6000,7 +5784,7 @@ function DefaultPeekBody({ target, testid, row, open }) {
 	const columns = 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(columnName) ?? Object.keys(def.fields), capabilityFor, (name) => access[name]?.view === "visible");
 	}, [
 		def,
 		capabilityFor,
@@ -6040,13 +5824,21 @@ function DefaultPeekBody({ target, testid, row, open }) {
 						children: resolveFieldLabel(caps, name, declaredText("field", field, "label"))
 					}), jsx("dd", {
 						className: "min-w-0 break-words",
-						children: jsx(ResolvedFieldDisplay, {
-							resource: ref,
-							name,
-							field,
+						children: jsx(FieldValueFrame, {
+							field: {
+								...field,
+								name
+							},
 							value,
-							record,
-							fallback: toDisplayText(value).text
+							surface: "display",
+							children: jsx(ResolvedFieldDisplay, {
+								resource: ref,
+								name,
+								field,
+								value,
+								record,
+								fallback: toDisplayText(value).text
+							})
 						})
 					})]
 				}, name);
@@ -6069,16 +5861,25 @@ function QuickBodyOf({ entry }) {
 		route: EMPTY_ROUTE
 	});
 	if (entry.recordId === void 0 || entry.recordId === "") return jsx(RecordState, { state: "not-found" });
-	return jsx(QuickRead, {
+	return jsx(QuickReadRoute, {
 		entry,
 		recordId: entry.recordId
 	});
 }
-function QuickRead({ entry, recordId }) {
+function QuickReadRoute({ entry, recordId }) {
+	const typed = useRouteRecordId(entry.resource, recordId);
+	if (typed === void 0) return jsx(InvalidRouteId, { resource: entry.resource });
+	return jsx(QuickRead, {
+		entry,
+		recordId,
+		typedId: typed
+	});
+}
+function QuickRead({ entry, recordId, typedId }) {
 	const def = useApp().registry.get(entry.resource);
 	const projection = useMemo(() => def === void 0 ? void 0 : dtoFields(def, "record"), [def]);
 	const query = useOne(entry.resource, {
-		id: recordId,
+		id: typedId,
 		retry: retryRecordRead,
 		...projection === void 0 ? {} : { projection }
 	});
@@ -6089,20 +5890,20 @@ function QuickRead({ entry, recordId }) {
 		return jsx(QuickLoaded, {
 			entry,
 			recordId,
+			typedId,
 			row,
 			isCurrentData: !query.isPlaceholderData
 		});
 	}
-	if (query.error != null) {
-		const state = recordErrorState(query.error);
-		return jsx(RecordState, {
-			state,
-			...state === "error" ? { onRetry: () => void query.refetch() } : {}
-		});
-	}
+	if (query.error != null) return jsx(LoadError, {
+		surface: "record",
+		resource: entry.resource,
+		error: query.error,
+		retry: () => void query.refetch()
+	});
 	return jsx(RecordState, { state: "loading" });
 }
-function QuickLoaded({ entry, recordId, row, isCurrentData }) {
+function QuickLoaded({ entry, recordId, typedId, row, isCurrentData }) {
 	const gate = useEntryGate();
 	const quick = useQuickEntry();
 	const answer = gate(entry.resource, entry.mode === "edit" ? "edit" : "show", row);
@@ -6122,16 +5923,16 @@ function QuickLoaded({ entry, recordId, row, isCurrentData }) {
 	if (!open) return jsx(RecordState, { state: "not-found" });
 	return jsx(QuickScreenOf, {
 		entry,
-		route
+		route,
+		recordId: typedId
 	});
 }
 function canonicalOrNull(name) {
-	if (typeof name !== "string") return null;
 	try {
-		return canonicalResourceName(name);
-	} catch {
-		return null;
-	}
+		if (typeof name === "string") return canonicalResourceName(name);
+		if (name !== null && typeof name === "object") return routeResourceKey(name);
+	} catch {}
+	return null;
 }
 function absorbedRedirect(to, entry) {
 	if (typeof to !== "object" || to === null) return null;
@@ -6145,7 +5946,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 = useQuickEntry();
 	const instance = useUIInstance();
 	const runtime = useUIPresentationRuntime();
@@ -6197,7 +5998,7 @@ function QuickScreenOf({ entry, route }) {
 				children: jsx(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
@@ -6219,7 +6020,7 @@ function useEntryTitle(entry) {
 	const caps = useI18nCaps(entry.resource);
 	const t = useOptionalT();
 	if (entry.mode !== "create") return entry.title ?? "";
-	return t("pageHeader.createTitle", { params: { label: resolveResourceLabel(caps, entry.resource, "single", app.registry.get(entry.resource)) } });
+	return resolveResourceTitle(caps, t, entry.resource, "createTitle", { label: 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 }) {
@@ -6476,11 +6277,25 @@ SheetPresentationHost.optionsSchema = Object.freeze({
 //#region src/ui-presentations/index.tsx
 function FlowScreen(props) {
 	const loaded = useLoaded(loadFlowScreen);
-	if (loaded.error !== void 0) return jsx(FlowLoadFailed, { onRetry: loaded.retry });
-	if (loaded.module === void 0) return null;
+	if (loaded.error !== void 0) return jsx(FlowLoadFailed, {
+		label: props.label,
+		onRetry: loaded.retry
+	});
+	if (loaded.module === void 0) return jsxs("div", {
+		"data-buro-flow-step": "loading",
+		"aria-busy": "true",
+		className: "flex flex-col gap-4",
+		children: [jsx(OwnTitleHeading, { label: props.label }), jsx(IconLoader2, {
+			className: "h-5 w-5 animate-spin self-center",
+			"aria-hidden": "true"
+		})]
+	});
 	const Screen = loaded.module.FlowScreen;
 	return jsx(FlowBoundary, {
-		fallback: (_error, reset) => jsx(FlowLoadFailed, { onRetry: reset }),
+		fallback: (_error, reset) => jsx(FlowLoadFailed, {
+			label: props.label,
+			onRetry: reset
+		}),
 		children: jsx(Screen, { ...props })
 	});
 }
@@ -6755,9 +6570,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 } = useCommandPalette({ disableShortcut: !enabled });
+	const { open, setOpen, toggle } = useCommandPalette();
+	useGlobalShortcut({
+		key: "k",
+		mod: true
+	}, toggle, { enabled });
 	const paletteState = useMemo(() => ({
 		open,
 		setOpen
@@ -6775,7 +6594,7 @@ function AppShell({ brand, user, loginPath, sidebar, header, palette, docPanel,
 			sidebar: fill(sidebar, () => jsx(AppSidebar, {})),
 			header: fill(header, () => jsx(AppHeader, {})),
 			...docPanel !== void 0 ? { docPanel } : {},
-			children
+			children: navChrome === false ? children : jsx(NavChrome, { children })
 		}), paletteNode]
 	});
 }
@@ -6883,6 +6702,6 @@ function ScopeSwitcher({ options, value, onChange, label, extra, placeholder })
 const PACKAGE_NAME = "@burojs/ui-shadcn";
 const PACKAGE_VERSION = "0.0.0";
 //#endregion
-export { ActionButton, ActionOverflow, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppActions, AppFlowButton, AppHeader, AppLayout, AppShell, AppSidebar, AuthPage, Avatar, AvatarFallback, AvatarImage, Badge, BooleanDisplay, BooleanInput, BrandMark, Breadcrumbs, BulkActionToolbar, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckConfirmDialog, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColumnsToggle, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandPalette, CommandPaletteActionsGroup, CommandPaletteCreateGroup, CommandPaletteDocsGroup, CommandPaletteNavigationGroups, CommandPaletteRecentGroup, CommandPaletteRecordsGroup, CommandPaletteTrigger, CommandSeparator, ContextPicker, CopyId, CreateButton, CursorLoadMore, DEFAULT_LANGUAGE_STORAGE_KEY, DataTable, DataTableDateRangeFilter, DataTableEnumFilter, DataTableFacetedFilter, DataTableNumRangeFilter, DataTableOperatorFilter, DataTableRowActions, DataTableTextFilter, DataTableToolbar, DataTableViewOptions, DateDisplay, DateInput, DeclarativeDisplay, DeclarativeForm, DefaultCommandPalette, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPresentationHost, DialogPresentationShell, DialogTitle, DialogTrigger, DisabledAction, DocBrowser, DocInfo, DocPanel, DocTrailHelp, DocumentTitleProvider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ENUM_PICKER_CLEAR_SENTINEL, EditPageHeader, EnumBadge, EnumDisplay, EnumInput, EnumPicker, EnumDisplay$1 as EnumValueDisplay, ExportButton, ExportDialog, Field, FieldDisplay, FileDisplay, FileField, FileInput, FilterBadges, FilterBuilder, FilterPanel, FilterRegion, FilterValueControl, FlowActionButton, Form, FormActions, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeaderBreadcrumbs, HelpButton, Icon, Input, Label, LanguageSubmenu, LanguageSwitch, LinkComponentProvider, LinkKeysDisplay, ListBody, ListBulkBar, ListColumns, ListControls, ListCreate, ListErrorState, ListExport, ListFilters, ListFlows, ListLive, ListSavedViews, ListSearchInput, LoginForm, NavAreaLayout, NavAreaPage, NavChrome, NavChromeBoundaryProvider, NavMain, NavigationGuardDialog, NumberDisplay, NumberInput, PACKAGE_NAME, PACKAGE_VERSION, PageHeader, PinnedFilterControls, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPresentationHost, PopoverTrigger, Progress, RecordActions, RecordBreadcrumbs, RecordPage, RecordScreen, RecordTitle, RefreshButton, RelationDisplay, RelationField, RelationManyDisplay, RelationPicker, LazyRelationPickerDialog as RelationPickerDialog, RelationPickerInput, ResourceList, ResourceListPage, ResourcePageRouter, SavedViewsDropdown, ScopeSwitcher, SecondarySidebarLayout, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetPresentationHost, SheetPresentationShell, SheetTitle, SheetTrigger, ShellProvider, ShowPageHeader, Sidebar, SidebarBrand, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, THEME_CHOICES, THEME_STORAGE_KEY, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsLayout, TabsList, TabsTrigger, TaskRunPanel, TextDisplay, TextInput, Textarea, TextareaDisplay, TextareaInput, ThemeSubmenu, ThemeToggle, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserMenu, badgeVariants, buildNavItems, buroSortingToTanStack, buttonVariants, cn, defaultNavLayouts, defaultUserMapper, downloadArtifact, formatOperatorLabel, hasIcon, i18nPrefixToRef, isImage, layoutSlot, listSlot, loadLocale, localeLabel, modeForSurface, recordDisplayName, registerIcons, relationLinkClassName, resolveNavIcon, resolveUpdater, saveLocale, shadcnBlockImplementations, shadcnFieldImplementations, shadcnPresentationHosts, spacing, tanStackSortingToBuro, toast, typography, useBuroDataTable, useCurrentUser, useDialogFilterState, useDocumentTitle, useExportRunWatcher, useFormControl, useFormField, useHref, useIsMobile, useLanguagePaletteActions, useLanguageSwitch, useLayout, useLayoutResolver, useLinkComponent, useListSlot, useMatch, useNavChromeBoundary, useNavIcon, useNavTree, useNavVisible, useOptionalSidebar, usePaletteState, usePresentationCopy, useRelationPicker, useShell, useSidebar, useTheme, useThemePaletteActions, wrapperEnabled };
+export { ActionButton, ActionOverflow, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppActions, AppFlowButton, AppHeader, AppLayout, AppShell, AppSidebar, AuthPage, Avatar, AvatarFallback, AvatarImage, Badge, BooleanDisplay, BooleanInput, BrandMark, Breadcrumbs, BulkActionToolbar, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckConfirmDialog, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColumnsToggle, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandPalette, CommandPaletteActionsGroup, CommandPaletteCreateGroup, CommandPaletteDocsGroup, CommandPaletteNavigationGroups, CommandPaletteRecentGroup, CommandPaletteRecordsGroup, CommandPaletteTrigger, CommandSeparator, ContextPicker, CopyId, CreateButton, CursorLoadMore, DEFAULT_LANGUAGE_STORAGE_KEY, DataTable, DataTableDateRangeFilter, DataTableEnumFilter, DataTableFacetedFilter, DataTableNumRangeFilter, DataTableOperatorFilter, DataTableRowActions, DataTableTextFilter, DataTableToolbar, DataTableViewOptions, DateDisplay, DateInput, DeclarativeDisplay, DeclarativeForm, DefaultCommandPalette, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPresentationHost, DialogPresentationShell, DialogTitle, DialogTrigger, DisabledAction, DocBrowser, DocInfo, DocPanel, DocTrailHelp, DocumentTitleProvider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ENUM_PICKER_CLEAR_SENTINEL, EditPageHeader, EnumBadge, EnumDisplay, EnumInput, EnumPicker, EnumDisplay$1 as EnumValueDisplay, ExportButton, ExportDialog, FacetedFilterPicker, Field, FieldDisplay, FileDisplay, FileField, FileInput, FilterBadges, FilterBuilder, FilterPanel, FilterRegion, FilterValueControl, FlowActionButton, Form, FormActions, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeaderBreadcrumbs, HelpButton, Icon, Input, Label, LanguageSubmenu, LanguageSwitch, LinkComponentProvider, LinkKeysDisplay, ListBody, ListBulkBar, ListColumns, ListControls, ListCreate, ListErrorState, ListExport, ListFilters, ListFlows, ListLive, ListSavedViews, ListSearchInput, LoginForm, NavAreaPage, NavChrome, NavMain, NavigationGuardDialog, NumberDisplay, NumberInput, PACKAGE_NAME, PACKAGE_VERSION, PageHeader, PinnedFilterControls, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPresentationHost, PopoverTrigger, PresetFilterControls, Progress, RecordActions, RecordBreadcrumbs, RecordPage, RecordScreen, RecordTitle, RefreshButton, RelationDisplay, RelationField, RelationManyDisplay, RelationPicker, LazyRelationPickerDialog as RelationPickerDialog, RelationPickerInput, ResourceList, ResourceListPage, ResourcePageRouter, SavedViewsDropdown, ScopeDimensionPicker, ScopeSwitcher, SecondarySidebarLayout, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetPresentationHost, SheetPresentationShell, SheetTitle, SheetTrigger, ShellProvider, ShowPageHeader, Sidebar, SidebarBrand, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, THEME_CHOICES, THEME_STORAGE_KEY, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsLayout, TabsList, TabsTrigger, TaskRunPanel, TextDisplay, TextInput, Textarea, TextareaDisplay, TextareaInput, ThemeSubmenu, ThemeToggle, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserMenu, badgeVariants, buildNavItems, buroSortingToTanStack, buttonVariants, cn, defaultNavLayouts, defaultUserMapper, downloadArtifact, formatOperatorLabel, hasIcon, i18nPrefixToRef, isImage, layoutSlot, listSlot, loadLocale, localeLabel, modeForSurface, recordDisplayName, registerIcons, relationLinkClassName, resolveNavIcon, resolveUpdater, saveLocale, shadcnBlockImplementations, shadcnFieldImplementations, shadcnPresentationHosts, spacing, tanStackSortingToBuro, toast, typography, useBuroDataTable, useCurrentUser, useDialogFilterState, useDocumentTitle, useExportRunWatcher, useFormControl, useFormField, useHref, useIsMobile, useLanguagePaletteActions, useLanguageSwitch, useLayout, useLayoutResolver, useLinkComponent, useListSlot, useMatch, useNavIcon, useNavTree, useNavVisible, useOptionalSidebar, usePaletteState, usePresentationCopy, useRelationPicker, useShell, useSidebar, useTheme, useThemePaletteActions, webPlatform, wrapperEnabled };
 
 //# sourceMappingURL=index.js.map