@burojs/ui-shadcn 0.6.0 → 0.8.0

package/dist/index.js

@@ -1,23 +1,24 @@
 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-CtiRzOAt.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 AppFlowButton, B as ExportDialog, C as ListControls, D as ListFlows, Dt as EnumSettlingRow, E as ListLive, Et as EnumBadge, F as ListColumns, Ft as toDisplayText, H as ScreenTree, I as ColumnsToggle, It as ShellProvider, L as DataTableViewOptions, Lt as defaultUserMapper, M as ExportButton, Mt as FieldDisplay, N as ListCreate, Nt as i18nPrefixToRef, O as ListFilters, Ot as unknownEnumValueLabel, P as CreateButton, Pt as FieldValueFrame, Q as ResourceList, R as ListBulkBar, Rt as usePaletteState, St as ActionOverflow, T as SavedViewsDropdown, Tt as downloadArtifact, V as DeclarativeForm, W as QuickScreenClaimContext, Y as useFormControl, Z as ListBody, _ as CopyId, _t as ShowPageHeader, a as peekFieldDefinition, at as DataTable, b as RecordTitle, bt as useDocumentTitle, c as peekRow, ct as TabsContent, d as resolveFrameView, et as ListErrorState, f as shadcnFrameViews, gt as PageHeader, ht as EditPageHeader, it as useBuroDataTable, j as ListExport, jt as Field, k as FilterRegion, l as useRelationPicker, lt as TabsList, 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 resolveResourceTitle, w as ListSavedViews, wt as useExportRunWatcher, xt as typography, y as RecordActions, yt as DocumentTitleProvider, z as BulkActionToolbar, zt as useShell } from "./place-node-BdxT-30h.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 TableHeader, B as DEFAULT_LANGUAGE_STORAGE_KEY, C as SelectTrigger, D as TableCaption, E as TableBody, F as ResolvedFieldDisplay, H as saveLocale, M as Badge, N as badgeVariants, O as TableCell, S as SelectSeparator, T as Table, V as loadLocale, _ as SelectGroup, a as PinnedFilterControls, b as SelectScrollDownButton, c as fromLocalDateTimeText, d as useFieldTimeZone, f as FilterBadges, g as SelectContent, h as Select, i as FacetedFilterPicker, j as TableRow, k as TableHead, l as toLocalDateTimeText, m as localeTag, n as PresetFilterControls, o as FilterPanel, p as formatNumber, r as DataTableFacetedFilter, s as FilterValueControl, t as FilterBuilder, u as dateDisplayParams, v as SelectItem, w as SelectValue, x as SelectScrollUpButton, y as SelectLabel, z as lowerLegacyField } from "./filter-builder-z3Axzf9Y.js";
+import { A as useLayoutResolver, C as useMatch, D as BUILTIN_LAYOUTS, E as useResourceVisible, F as canonicalResourceKey$1, M as TabsLayout, N as SecondarySidebarLayout, O as layoutSlot, P as canonicalNavKey, S as useHref, T as usePageAllowed, _ as RecordScreen, a as useRecordVisit, b as ResourceListPage, c as headerTrail, d as recordTrailRoute, f as useTrailContext, g as usePublishedRecordTrail, i as RecordPage, j as useReportUnresolvedLayouts, k as useLayout, l as originTrail, m as recordTrailKey, n as NavAreaPage, o as RECENT_LABEL_KEYS, p as isShowAvailable, r as ResourcePageRouter, s as readRecentRecords, u as recordTrail, v as useResourceDimensionOptions, w as useNavVisible, x as NavChromeMountedProvider, y as PlannedBody } from "./resource-page-router-BRpUnhay.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-DN4bvQfg.js";
+import { n as useRecordSubtitle, r as useRowSubtitle } from "./use-record-subtitle-gIaCGgbI.js";
+import { n as RelationPicker, r as RelationPickerInput } from "./relation-picker-x7P5HKie.js";
+import { t as useDialogFilterState } from "./use-dialog-filter-state-B_MqzHaT.js";
+import { useGlobalShortcut, webPlatform } from "@burojs/react/web";
+import { ENUM_CONTROLS, builtinFrames, canonicalInstant, columnName, compilePageScreen, compiledScreenFor, declaredField, declaredText, dtoFields, effectiveFlow, enumFallbackKey, enumFallbackText, enumNamespaceOf, enumValueText, epochMsToInstant, evaluateVisible, fieldOptionText, formatEntityRef, formatTimeValue, hasListPage, hasRecordPage, hrefFor, humanizeKey, isCalendarDate, 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, zoneShortName } from "@burojs/core";
+import { ComponentsContext, DispatcherProvider, I18nContext, NO_RECORD_SCOPE_FRAMES, QUICK_ANCHOR_ATTRIBUTE, QuickEntryContext, RecordScopeChain, RouteSourceContext, ScreenStateProvider, formatBytes, optionFieldName, recordRouteAvailable, resolveErrorText, resolveOptionLabel, retryRecordRead, useApp, useAppActions, useApplicationSnapshot, useAvailabilityGate, useAvailableEnumValues, useBoundEnum, useCapabilityResolver, useChangeLocale, useChromeT, useCommandPalette, useCurrentUserId, useDebouncedValue, useDispatcherEffects, useDocPanel, useDocScopes, useDocTopics, useDocTrailScopes, useDocsConfig, useDocumentedScopes, useEntryGate, useEnumValues, useFieldAccess, useFieldMetaSources, useFileField, useFileUrls, useFormController, useFrameImplementations, useFrameT, useI18nCaps, useIdentity, useLanguageStorageKey, useLinkKeys, useList, useListAccess, useLocale, useLogout, useNavigationGuardText, useNavigationOrigin, useOne, useOptionCaps, useOptionalApp, useOptionalAuthController, useOptionalDataRuntime, useOptionalFileStorage, useOptionalLocale, useOptionalRouterAdapter, useOptionalT, useOriginIntent, usePlatformStorage, usePresentBlock, useProjectedRecord, useProjectedTitle, usePublishOriginTitle, useQuick, useQuickEntry, useQuickEntryValue, useQuickOpener, useRecordTitle, useRefresh, useRegisterNavigationGuardDialog, useRelatedRecord, useRouteNavigate, useRouteRecordId, useRouterAdapter, useScope, useT, useTestIds, useTimeZone, useUIInstance, useUIPresentationRuntime, useVisibilityCtx } from "@burojs/react";
+import { IconAlertCircle, IconArrowDown, IconArrowLeft, IconArrowUp, IconArrowUpRight, IconBook2, IconCheck, IconChevronDown, IconChevronRight, IconDeviceDesktop, IconDots, IconExternalLink, IconHelp, IconHelpHexagon, IconLayoutSidebar, IconLoader2, IconLogin, IconLogout, IconMaximize, IconMinimize, IconMoon, IconPlus, IconRefresh, IconRotate, IconSearch, IconSelector, IconSun, IconTrash, 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 +30,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, enumParamsOf, narrowEntriesOf } 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 +491,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 +1113,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 +1136,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 +1696,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 +1712,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 +1772,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 +1782,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 +1792,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 +1812,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,
@@ -1926,6 +1975,10 @@ function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection,
 	const t = useT();
 	const RouterLink = useLinkComponent();
 	const navIcon = useNavIcon();
+	const intent = useOriginIntent();
+	const jump = (entry) => () => {
+		if (entry.href !== void 0) intent(entry.href, "jump");
+	};
 	const ownOr = (own, name) => own !== void 0 ? own : navIcon(name);
 	const groupAsSection = (key) => app.registry.sections.get(key) ?? app.registry.groups.get(key);
 	const sectionIcon = (key, name) => {
@@ -1952,6 +2005,7 @@ function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection,
 				href: entry.href ?? "",
 				"aria-current": entry.active ? "page" : void 0,
 				"data-testid": entryTestId(entry),
+				onClick: jump(entry),
 				children: [icon != null && jsx("span", {
 					className: "inline-flex h-4 w-4 items-center justify-center",
 					"aria-hidden": "true",
@@ -1967,11 +2021,12 @@ function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection,
 			href: entry.href ?? "",
 			"aria-current": entry.active ? "page" : void 0,
 			"data-testid": entryTestId(entry),
+			onClick: jump(entry),
 			children: jsx("span", { children: entry.label })
 		})
 	}) }, 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 +2070,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 +2108,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,19 +2125,27 @@ function Chevron() {
 		"aria-hidden": "true"
 	});
 }
-function Breadcrumbs(props) {
+function Breadcrumbs(input) {
+	const props = input;
 	const { leadingSegments, className, docScopes, "data-testid": testId } = props;
 	const app = 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();
 	const caps = useI18nCaps(def?.name);
+	const intent = useOriginIntent();
+	const onJump = (seg) => {
+		const href = seg.href;
+		return seg.jump === true && href !== void 0 ? () => intent(href, "jump") : void 0;
+	};
 	const trailScopes = useDocTrailScopes(def?.name);
 	const leading = (name) => leadingSegments?.map((seg, i) => jsxs("span", {
 		className: "flex min-w-0 items-center gap-1",
 		children: [seg.href ? jsx(RouterLink, {
 			href: seg.href,
+			onClick: onJump(seg),
 			"data-testid": `${tid.navBreadcrumb(name)}:lead:${i}`,
 			className: cn(LINK_CLASS, "truncate"),
 			title: seg.label,
@@ -2212,9 +2180,34 @@ function Breadcrumbs(props) {
 		]
 	});
 	if (!def) return null;
-	const { recordId, pageLabel, middleSegments } = props;
-	const resourceKey = canonicalResourceKey(def);
-	const listHref = hrefFor(app.registry, resourceKey);
+	const { recordId, pageLabel, middleSegments, rootSegments } = props;
+	const resourceKey = canonicalResourceKey$1(def);
+	if (rootSegments !== void 0 && rootSegments.length > 0) return jsxs("nav", {
+		className: navClass,
+		"aria-label": ariaLabel,
+		"data-testid": testId,
+		children: [
+			rootSegments.map((seg, i) => jsxs("span", {
+				className: "flex min-w-0 items-center gap-1",
+				children: [i > 0 && jsx(Chevron, {}), seg.href ? jsx(RouterLink, {
+					href: seg.href,
+					onClick: onJump(seg),
+					"data-testid": `${tid.navBreadcrumb(resourceKey)}:root:${i}`,
+					className: cn(LINK_CLASS, "truncate"),
+					title: seg.label,
+					children: seg.label
+				}) : jsx("span", {
+					"data-testid": `${tid.navBreadcrumb(resourceKey)}:root:${i}`,
+					className: "truncate",
+					title: seg.label,
+					children: seg.label
+				})]
+			}, `root:${i}:${seg.label}`)),
+			pageLabel && jsxs(Fragment$1, { children: [jsx(Chevron, {}), current(tid.navBreadcrumb(resourceKey, recordId), pageLabel)] }),
+			help
+		]
+	});
+	const listHref = props.resourceHref ?? hrefFor(app.registry, resourceKey);
 	const resourceLabel = resolveResourceLabel(caps, resourceKey, "plural", def);
 	const resourceIsCurrent = !pageLabel && !(middleSegments && middleSegments.length > 0);
 	return jsxs("nav", {
@@ -2223,7 +2216,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"),
@@ -2234,6 +2232,7 @@ function Breadcrumbs(props) {
 				className: "flex min-w-0 items-center gap-1",
 				children: [jsx(Chevron, {}), seg.href ? jsx(RouterLink, {
 					href: seg.href,
+					onClick: onJump(seg),
 					"data-testid": `${tid.navBreadcrumb(resourceKey)}:mid:${i}`,
 					className: cn(LINK_CLASS, "truncate"),
 					title: seg.label,
@@ -2251,6 +2250,12 @@ function Breadcrumbs(props) {
 }
 //#endregion
 //#region src/layout/record-breadcrumbs.tsx
+function viewOrigin(ctx, trail, resource) {
+	if (trail === void 0 || trail.resource === void 0 || trail.segments.length > 0) return void 0;
+	const target = ctx.registry.get(trail.resource)?.routesTo?.show;
+	if (target === void 0 || ctx.registry.get(target) !== ctx.registry.get(resource)) return void 0;
+	return trail.resource;
+}
 function RecordBreadcrumbs() {
 	const ctx = useTrailContext();
 	const match = useMatch();
@@ -2258,9 +2263,17 @@ function RecordBreadcrumbs() {
 	const route = recordTrailRoute(ctx.registry, match);
 	const published = usePublishedRecordTrail(route === null ? "" : recordTrailKey(route.resource, route.id, route.flow === void 0 ? route.action : `flow:${route.flow}`));
 	const idTitle = useRecordTitle(route?.resource, route?.id);
+	usePublishOriginTitle(published?.title || void 0);
+	const origin = useNavigationOrigin();
+	const rooted = origin === null ? void 0 : originTrail(ctx, origin);
+	const view = route === null ? void 0 : viewOrigin(ctx, rooted, route.resource);
+	const viewScopes = useDocTrailScopes(view);
+	const ownScopes = useDocTrailScopes(view === void 0 ? void 0 : route?.resource);
+	const docScopes = view === void 0 ? {} : { docScopes: [...new Set([...viewScopes, ...ownScopes])] };
 	if (route === null || match === null) return null;
 	const { resource, id, groupChain } = route;
 	const title = published?.title ?? idTitle;
+	const withOrigin = rooted === void 0 ? {} : { origin: rooted };
 	if (route.flow !== void 0) {
 		if (effectiveFlow(snapshot, match.ref, route.flow) === void 0) return null;
 		const flowLabel = published?.flowLabel;
@@ -2270,8 +2283,10 @@ function RecordBreadcrumbs() {
 				action: "show",
 				id,
 				title: idTitle,
-				groupChain
+				groupChain,
+				...withOrigin
 			}),
+			...docScopes,
 			"data-testid": "record-breadcrumbs"
 		});
 		return jsx(Breadcrumbs, {
@@ -2280,8 +2295,10 @@ function RecordBreadcrumbs() {
 				action: "edit",
 				id,
 				title,
-				groupChain
+				groupChain,
+				...withOrigin
 			}),
+			...docScopes,
 			pageLabel: flowLabel,
 			"data-testid": "record-breadcrumbs"
 		});
@@ -2292,22 +2309,24 @@ function RecordBreadcrumbs() {
 			action: route.action,
 			id,
 			title,
-			groupChain
+			groupChain,
+			...withOrigin
 		}),
+		...docScopes,
 		"data-testid": "record-breadcrumbs"
 	});
 }
 //#endregion
 //#region src/layout/default-nav-layouts.ts
-const defaultNavLayouts = {
-	[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 +2335,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 +2631,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(() => {
@@ -2547,15 +2657,15 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 	}, [app, visibilityCtx]);
 	const goTo = (href) => {
 		onSelect?.();
-		navigate(href);
+		navigate(href, { origin: "jump" });
 	};
-	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 +2714,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 +2766,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 +2805,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,34 +2822,46 @@ 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;
 	const goTo = (href, entry) => {
 		onSelect?.();
 		if (href === null) quick.show(entry.canonicalRef, entry.id);
-		else navigate(href);
+		else navigate(href, { origin: "jump" });
 	};
 	return jsxs(Fragment, { children: [jsx(CommandGroup, {
 		heading: resolvedHeading,
@@ -2797,23 +2919,24 @@ 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?.();
 		if (href === null) quick.show(resource, id);
-		else navigate(href);
+		else navigate(href, { origin: "jump" });
 	};
 	return jsx(CommandGroup, {
 		heading: resolvedHeading,
@@ -2827,12 +2950,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;
@@ -2851,28 +2974,40 @@ function PerResourceSearchHits({ def, displayField, query, pageSize, goTo, recor
 		enabled: shouldFetch
 	});
 	const report = useCommandPaletteResults(`records:${resource}`);
+	const rowSubtitle = useRowSubtitle(resource);
 	const rows = !shouldFetch || q.isLoading || q.isError ? [] : q.data?.data ?? [];
 	useEffect(() => {
 		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;
 		const labelText = typeof display === "string" && display.length > 0 ? display : id;
+		const subtitle = rowSubtitle(row) ?? null;
 		const href = recordHref ? recordHref(resource, id) : isShowAvailable(registry, resource) ? resourceShowHref(registry, def, resource, id) : null;
 		return jsxs(CommandItem, {
 			value: `record:${resource}:${id}:${labelText}`,
 			forceMount: true,
 			onSelect: () => goTo(href, resource, id),
 			"data-testid": getTestId?.("records-record", `${resource}:${id}`),
-			children: [jsxs("span", {
-				className: "text-muted-foreground group-data-[selected=true]:text-accent-foreground mr-2",
-				children: [resourceLabel, ":"]
-			}), labelText]
+			children: [
+				jsxs("span", {
+					className: "text-muted-foreground group-data-[selected=true]:text-accent-foreground mr-2",
+					children: [resourceLabel, ":"]
+				}),
+				labelText,
+				subtitle === null ? null : jsx("span", {
+					"data-buro-region": "record-subtitle",
+					className: "ml-auto truncate pl-2 text-xs text-muted-foreground group-data-[selected=true]:text-accent-foreground",
+					children: subtitle
+				})
+			]
 		}, `record:${resource}:${id}`);
 	}) });
 }
@@ -3003,7 +3138,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,16 +3146,16 @@ function CommandPaletteCreateGroup({ resourceFilter, onSelect, getTestId, headin
 	const resolvedHeading = heading ?? t("commandPalette.create", { defaultValue: "Create" });
 	const resolvedPrefix = prefix ?? t("commandPalette.createNew", { defaultValue: "Create new" });
 	const visibleResources = 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;
 	const goTo = (href) => {
-		navigate(href);
+		navigate(href, { origin: "jump" });
 		onSelect?.();
 	};
 	const createIn = (def, href) => {
@@ -3029,13 +3164,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 +3232,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 +3354,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 +3369,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,15 +3498,139 @@ function AuthPage({ children, brand, footer, className }) {
 	});
 }
 //#endregion
+//#region src/enum/enum-choice-group.tsx
+const NONE = "__none__";
+function isEmpty$1(value) {
+	return value === null || value === void 0 || value === "";
+}
+function EnumChoiceGroup({ control, options, current, settling, value, onChange, testid, name, id, required, disabled, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, className }) {
+	const t = useOptionalT();
+	const generatedName = React.useId();
+	const groupName = name ?? generatedName;
+	const empty = isEmpty$1(value);
+	const noneLabel = t("field.none", { defaultValue: "None" });
+	const pick = (next) => {
+		if (!disabled) onChange(next);
+	};
+	const ariaProps = {
+		"aria-invalid": ariaInvalid || void 0,
+		"aria-describedby": ariaDescribedBy,
+		...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {}
+	};
+	if (control === "segmented") {
+		const segmentLabel = (option) => 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] });
+		const segment = (key, label, active, select, currentItem = false) => jsx("button", {
+			type: "button",
+			"aria-pressed": active,
+			"data-state": active ? "active" : "inactive",
+			"data-testid": currentItem ? `${testid}:current` : `${testid}:option:${key}`,
+			...currentItem ? { "data-current": "" } : {},
+			disabled: disabled || currentItem,
+			onClick: select,
+			className: cn("inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all", "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-xs", "disabled:pointer-events-none disabled:opacity-50", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"),
+			children: label
+		}, currentItem ? `current:${key}` : key);
+		return 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: [
+				current === void 0 ? null : segment(current.value, segmentLabel(current), true, () => void 0, true),
+				required || settling !== void 0 ? null : segment(NONE, noneLabel, empty, () => pick(void 0)),
+				settling === void 0 ? null : jsx(EnumSettlingRow, {
+					status: settling,
+					testid
+				}),
+				options.map((option) => segment(option.value, segmentLabel(option), value === option.value, () => pick(option.value)))
+			]
+		});
+	}
+	const cards = control === "cards";
+	const choice = (key, option, label, checked, select, currentItem = false) => {
+		const inputId = `${id ?? groupName}:${currentItem ? "current:" : ""}${key}`;
+		const inert = disabled || currentItem;
+		return 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"), inert && "cursor-not-allowed opacity-60"),
+			children: [jsx("input", {
+				type: "radio",
+				id: inputId,
+				name: groupName,
+				value: key,
+				checked,
+				onChange: select,
+				disabled: inert,
+				...ariaProps,
+				"data-testid": currentItem ? `${testid}:current` : `${testid}:option:${key}`,
+				...currentItem ? { "data-current": "" } : {},
+				className: 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
+				})]
+			})]
+		}, currentItem ? `current:${key}` : 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: [
+			current === void 0 ? null : choice(current.value, current, current.label, true, () => void 0, true),
+			required || settling !== void 0 ? null : choice(NONE, void 0, noneLabel, empty, () => pick(void 0)),
+			settling === void 0 ? null : jsx(EnumSettlingRow, {
+				status: settling,
+				testid
+			}),
+			options.map((option) => choice(option.value, option, option.label, value === option.value, () => pick(option.value)))
+		]
+	});
+}
+//#endregion
 //#region src/enum/enum-picker.tsx
 const ENUM_PICKER_CLEAR_SENTINEL = "__buro_clear__";
-function EnumPicker({ enumName, value, onChange, renderAs = "select", name, id, testid, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, className, clearable = false, clearLabel = "All" }) {
+function withSummary(summary) {
+	return summary === void 0 ? {} : { summary };
+}
+function EnumPicker({ enumName: enumInput, value, onChange, control = "select", name, id, testid, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, className, clearable = false, clearLabel = "All", use }) {
+	const enumName = enumBindingKey(enumInput) ?? "";
 	const app = useApp();
 	const t = useOptionalT();
 	const def = app.registry.enums.get(enumName);
 	const caps = useI18nCaps();
 	const ns = def?.i18nNamespace ?? enumName;
 	const { values, isLoading, error } = useEnumValues(enumName);
+	const available = useAvailableEnumValues({
+		values: isLoading || values === void 0 ? "pending" : values,
+		...def === void 0 ? {} : { enum: def },
+		...use === void 0 ? {} : { use }
+	});
 	const tid = testid ?? `enum-picker:${enumName}`;
 	if (!def) return jsxs("span", {
 		"data-testid": `${tid}:unregistered`,
@@ -3393,63 +3655,56 @@ 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;
+	const settling = available.status === "ready" ? void 0 : available.status;
+	const offered = settling === void 0 ? available.values : [];
+	const known = value == null ? void 0 : values.find((entry) => entry.value === value);
+	const current = value == null || value === "" || offered.some((entry) => entry.value === value) ? void 0 : known === void 0 ? {
+		value,
+		label: unknownEnumValueLabel(caps, def, ns, value).label
+	} : {
+		value,
+		label: labelOf(known),
+		...known.icon === void 0 ? {} : { icon: known.icon }
+	};
+	if (control !== "select") return jsx(EnumChoiceGroup, {
+		control,
+		...current === void 0 ? {} : { current },
+		...settling === void 0 ? {} : { settling },
+		options: offered.map((entry) => ({
+			value: entry.value,
+			label: labelOf(entry),
+			...entry.icon === void 0 ? {} : { icon: entry.icon },
+			...withSummary(summaryOf(entry))
+		})),
+		value,
+		onChange,
+		testid: tid,
+		name,
+		id,
+		required,
+		disabled,
+		ariaInvalid,
+		ariaDescribedBy,
+		ariaErrorMessage,
+		ariaLabelledBy,
+		className
 	});
 	const selectValue = value == null ? clearable ? ENUM_PICKER_CLEAR_SENTINEL : "" : value;
 	const handleValueChange = (next) => {
@@ -3469,46 +3724,74 @@ function EnumPicker({ enumName, value, onChange, renderAs = "select", name, id,
 			name,
 			id,
 			"aria-required": required,
+			"aria-busy": settling === "pending" || void 0,
 			"aria-invalid": ariaInvalid || void 0,
 			"aria-describedby": ariaDescribedBy,
 			...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {},
 			className,
 			children: jsx(SelectValue, { placeholder: placeholder ?? t("field.select", { defaultValue: "Select…" }) })
-		}), jsxs(SelectContent, { children: [clearable && jsx(SelectItem, {
-			value: "__buro_clear__",
-			"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;
-			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",
+		}), jsxs(SelectContent, { children: [
+			clearable && jsx(SelectItem, {
+				value: "__buro_clear__",
+				"data-testid": `${tid}:option:__clear__`,
+				children: clearLabel
+			}),
+			current === void 0 ? null : jsx(SelectItem, {
+				value: current.value,
+				disabled: true,
+				"data-current": "",
+				"data-testid": `${tid}:current`,
+				children: current.label
+			}),
+			settling === void 0 ? null : jsx(EnumSettlingRow, {
+				status: settling,
+				testid: tid
+			}),
+			offered.map((entry) => {
+				const optionLabel = labelOf(entry);
+				const optionDoc = summaryOf(entry);
+				return jsx(SelectItem, {
+					value: entry.value,
+					"data-testid": `${tid}:option:${entry.value}`,
+					description: optionDoc === void 0 ? void 0 : jsx("span", {
 						"data-testid": `${tid}:option:${entry.value}:doc`,
 						children: optionDoc
-					})]
-				})
-			}, entry.value);
-		})] })]
+					}),
+					children: optionLabel
+				}, entry.value);
+			})
+		] })]
 	});
 }
 //#endregion
+//#region src/enum/resolve-enum-control.ts
+const warned = new Set();
+function resolveEnumControl(fieldControl, enumDef, where) {
+	if (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,34 +3810,113 @@ function BooleanInput({ name, id, value, onChange, testid, disabled, required, a
 }
 //#endregion
 //#region src/fields/date.tsx
-function DateDisplay({ value }) {
+function DateDisplay(props) {
+	return jsx(TemporalDisplay, {
+		kind: "date",
+		...props
+	});
+}
+function DateTimeDisplay(props) {
+	return jsx(TemporalDisplay, {
+		kind: "dateTime",
+		...props
+	});
+}
+function TimeDisplay(props) {
+	return jsx(TemporalDisplay, {
+		kind: "time",
+		...props
+	});
+}
+function storedText(value) {
+	return value instanceof Date && !Number.isNaN(value.getTime()) ? value.toISOString() : String(value);
+}
+function TemporalDisplay({ kind, value, text, field, record }) {
 	const locale = useOptionalLocale();
+	const zone = useFieldTimeZone(field?.zone, record);
+	const viewer = useTimeZone();
 	if (value == null || value === "") return jsx("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
-	const d = new Date(String(value));
-	if (Number.isNaN(d.getTime())) return jsx("span", { children: String(value) });
+	if (zone.status === "pending" || viewer.status === "pending") return jsx(Skeleton, {
+		className: "h-4 w-24",
+		"aria-busy": "true"
+	});
+	const raw = storedText(value);
+	const formatted = formatTimeValue(kind, raw, {
+		zone: zone.zone,
+		viewerZone: viewer.zone,
+		locale: localeTag(locale),
+		params: {
+			...kind === "time" && field?.ui?.seconds === true ? { timeStyle: "medium" } : {},
+			...dateDisplayParams(field?.ui)
+		}
+	});
+	if (text !== void 0) return jsx("span", {
+		title: formatted,
+		children: text
+	});
+	if (formatted === void 0) return jsx("span", { children: raw });
 	return jsx("span", {
 		className: "whitespace-nowrap",
-		children: formatDate(d, locale)
+		children: formatted
 	});
 }
 function toIsoDate(v) {
 	if (v == null || v === "") return "";
 	const s = String(v);
-	if (/^\d{4}-\d{2}-\d{2}/.test(s)) return s.slice(0, 10);
-	const d = new Date(s);
-	if (Number.isNaN(d.getTime())) return "";
-	return d.toISOString().slice(0, 10);
+	return isCalendarDate(s) ? s : "";
 }
-function DateInput({ name, id, value, onChange, testid, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage }) {
-	return jsx(Input, {
+function DateInput(props) {
+	return jsx(TemporalInput, {
+		...props,
+		type: "date",
+		toText: toIsoDate,
+		fromText: (text) => text || null
+	});
+}
+function DateTimeInput(props) {
+	const locale = useOptionalLocale();
+	const zone = useFieldTimeZone(props.field?.zone, props.values === void 0 ? props.record : {
+		...props.record,
+		...props.values
+	});
+	const viewer = useTimeZone();
+	const pending = zone.status === "pending";
+	const fieldZone = zone.status === "ready" ? zone.zone : void 0;
+	const named = fieldZone !== void 0 && viewer.status === "ready" && fieldZone !== viewer.zone ? zoneShortName(canonicalInstant(String(props.value ?? "")) ?? epochMsToInstant(Date.now()), fieldZone, localeTag(locale)) : void 0;
+	return jsx(TemporalInput, {
+		...props,
+		type: "datetime-local",
+		disabled: props.disabled || pending,
+		toText: (value) => fieldZone === void 0 ? "" : toLocalDateTimeText(value, fieldZone),
+		fromText: (text) => fieldZone === void 0 ? null : fromLocalDateTimeText(text, fieldZone) ?? null,
+		...named === void 0 ? {} : { zoneName: named }
+	});
+}
+function TimeInput(props) {
+	const seconds = props.field?.ui?.seconds === true;
+	return jsx(TemporalInput, {
+		...props,
+		type: "time",
+		step: seconds ? 1 : 60,
+		toText: (value) => value == null ? "" : String(value),
+		fromText: (text) => {
+			if (text === "") return null;
+			if (seconds) return text.length === 5 ? `${text}:00` : text;
+			return text.slice(0, 5);
+		}
+	});
+}
+function TemporalInput({ type, step, toText, fromText, name, id, value, onChange, testid, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, zoneName }) {
+	const input = jsx(Input, {
 		name,
 		id,
-		type: "date",
-		value: toIsoDate(value),
-		onChange: (e) => onChange(e.target.value || null),
+		type,
+		...step === void 0 ? {} : { step },
+		value: toText(value),
+		onChange: (e) => onChange(fromText(e.target.value)),
 		"data-testid": testid,
 		disabled,
 		required,
@@ -3563,25 +3925,18 @@ function DateInput({ name, id, value, onChange, testid, disabled, required, aria
 		"aria-describedby": ariaDescribedBy,
 		...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {}
 	});
+	if (zoneName === void 0) return input;
+	return jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [input, jsx("span", {
+			className: "whitespace-nowrap text-xs text-muted-foreground",
+			"data-testid": testid === void 0 ? void 0 : `${testid}:zone`,
+			children: zoneName
+		})]
+	});
 }
 //#endregion
 //#region src/fields/enum.tsx
-function optionLabel(caps, field, value, inline) {
-	const ns = 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 +3945,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 +3954,62 @@ function EnumDisplay({ value, options, field, resource }) {
 		}) : null, label]
 	});
 }
-function EnumInput({ name, id, value, onChange, testid, options, field, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, resource }) {
+function EnumInput({ name, id, value, onChange, testid, options, field, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, resource, record, values, metaSources, baseline }) {
 	const t = 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 sources = useFieldMetaSources({
+		record,
+		values,
+		extra: metaSources
+	});
+	const available = useAvailableEnumValues({
+		values: options ?? [],
+		use: {
+			narrow: narrowEntriesOf(field?.meta?.narrow),
+			sources,
+			mode: record === void 0 ? "create" : "edit",
+			baseline: baseline ?? record
+		}
+	});
+	const settling = available.status === "ready" ? void 0 : available.status;
+	const offered = settling === void 0 ? available.values : [];
+	const tid = testid ?? name;
+	const resolved = offered.map((o) => {
+		const summary = ns === void 0 ? void 0 : 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 }
+		};
+	});
+	const raw = value == null || value === "" ? void 0 : String(value);
+	const known = raw === void 0 ? void 0 : options?.find((o) => o.value === raw);
+	const current = raw === void 0 || resolved.some((o) => o.value === raw) ? void 0 : {
+		value: raw,
+		label: resolveOptionLabel(caps, field, raw, known, enumDef),
+		...known?.icon === void 0 ? {} : { icon: known.icon }
+	};
+	if (control !== "select") return jsx(EnumChoiceGroup, {
+		control,
+		options: resolved,
+		...current === void 0 ? {} : { current },
+		...settling === void 0 ? {} : { settling },
+		value,
+		onChange,
+		testid: tid,
+		name,
+		id,
+		required,
+		disabled,
+		ariaInvalid,
+		ariaDescribedBy,
+		ariaErrorMessage,
+		ariaLabelledBy
+	});
 	return jsxs(Select, {
 		value: value ?? "",
 		onValueChange: onChange,
@@ -3613,20 +4020,39 @@ function EnumInput({ name, id, value, onChange, testid, options, field, placehol
 			name,
 			id,
 			"aria-required": required,
+			"aria-busy": settling === "pending" || void 0,
 			"aria-invalid": ariaInvalid || void 0,
 			"aria-describedby": ariaDescribedBy,
 			...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {},
 			children: jsx(SelectValue, { placeholder: placeholder ?? t("field.select", { defaultValue: "Select…" }) })
-		}), jsx(SelectContent, { children: options?.map((o) => jsx(SelectItem, {
-			value: o.value,
-			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))]
-			})
-		}, o.value)) })]
+		}), jsxs(SelectContent, { children: [
+			current === void 0 ? null : jsx(SelectItem, {
+				value: current.value,
+				disabled: true,
+				"data-current": "",
+				"data-testid": `${tid}:current`,
+				children: current.label
+			}),
+			settling === void 0 ? null : jsx(EnumSettlingRow, {
+				status: settling,
+				testid: tid
+			}),
+			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, o.label]
+				})
+			}, o.value))
+		] })]
 	});
 }
 //#endregion
@@ -4047,7 +4473,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-BlrGRwMV.js").then((module) => ({ default: module.RelationManyPickerInput })));
 function LazyRelationManyInput(props) {
 	return jsx(Suspense, {
 		fallback: jsx(Skeleton, {
@@ -4060,8 +4486,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 +4544,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);
@@ -4158,12 +4585,149 @@ function NumberInput({ name, id, value, onChange, testid, placeholder, disabled,
 	});
 }
 //#endregion
+//#region src/fields/object-group.tsx
+const GROUP = "rounded-md border border-input p-3";
+function ObjectGroupInput(props) {
+	const { testIds, accessibility, children } = props;
+	return jsx("div", {
+		role: "group",
+		"data-buro-object-group": "input",
+		className: cn(GROUP, "space-y-3"),
+		"data-testid": testIds.input,
+		id: accessibility.input,
+		"aria-labelledby": accessibility.label,
+		"aria-describedby": accessibility.description,
+		"aria-invalid": props.issues.some((issue) => issue.severity === "error" && issue.path.length === 0) || void 0,
+		"aria-errormessage": accessibility.error,
+		children
+	});
+}
+function ObjectGroupDisplay(props) {
+	const { testIds, children } = props;
+	return jsx("div", {
+		role: "group",
+		"data-buro-object-group": "display",
+		className: cn(GROUP, "space-y-2"),
+		"data-testid": testIds.display,
+		children
+	});
+}
+//#endregion
+//#region src/fields/repeater.tsx
+function useRepeaterTexts() {
+	const t = useChromeT();
+	return {
+		add: t("field.repeater.add", { defaultValue: "Add" }),
+		empty: t("field.repeater.empty", { defaultValue: "No items yet" }),
+		remove: (position) => t("field.repeater.remove", {
+			params: { position },
+			defaultValue: "Remove item {{position}}"
+		}),
+		moveUp: (position) => t("field.repeater.moveUp", {
+			params: { position },
+			defaultValue: "Move item {{position}} up"
+		}),
+		moveDown: (position) => t("field.repeater.moveDown", {
+			params: { position },
+			defaultValue: "Move item {{position}} down"
+		})
+	};
+}
+function RepeaterInput(props) {
+	const texts = useRepeaterTexts();
+	const { value, renderElement, elementKeys, onAdd, onRemove, onMove, testIds, accessibility } = props;
+	const root = testIds.input;
+	const at = (suffix) => root === void 0 ? void 0 : `${root}:${suffix}`;
+	const editable = props.disabled !== true && props.readOnly !== true;
+	const canAdd = editable && onAdd !== void 0 && props.canAdd !== false;
+	const canRemove = editable && onRemove !== void 0 && props.canRemove !== false;
+	const last = value.length - 1;
+	return jsxs("div", {
+		role: "group",
+		className: "space-y-2",
+		"data-testid": root,
+		id: accessibility.input,
+		"aria-labelledby": accessibility.label,
+		"aria-describedby": accessibility.description,
+		"aria-errormessage": accessibility.error,
+		children: [value.length === 0 ? jsx("p", {
+			className: "text-sm text-muted-foreground",
+			"data-testid": at("empty"),
+			children: texts.empty
+		}) : jsx("ol", {
+			className: "space-y-2",
+			children: value.map((_, index) => jsxs("li", {
+				className: "flex items-start gap-2 rounded-md border border-input p-3",
+				"data-testid": at(`item:${index}`),
+				children: [jsx("div", {
+					className: "min-w-0 flex-1",
+					children: renderElement?.(index)
+				}), onMove === void 0 && onRemove === void 0 ? null : jsxs("div", {
+					className: "flex shrink-0 gap-1",
+					children: [onMove === void 0 ? null : jsxs(Fragment$1, { children: [jsx(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": texts.moveUp(index + 1),
+						disabled: !editable || index === 0,
+						"data-testid": at(`up:${index}`),
+						onClick: () => onMove(index, index - 1),
+						children: jsx(IconArrowUp, { "aria-hidden": "true" })
+					}), jsx(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": texts.moveDown(index + 1),
+						disabled: !editable || index === last,
+						"data-testid": at(`down:${index}`),
+						onClick: () => onMove(index, index + 1),
+						children: jsx(IconArrowDown, { "aria-hidden": "true" })
+					})] }), onRemove === void 0 ? null : jsx(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": texts.remove(index + 1),
+						disabled: !canRemove,
+						"data-testid": at(`remove:${index}`),
+						onClick: () => onRemove(index),
+						children: jsx(IconTrash, { "aria-hidden": "true" })
+					})]
+				})]
+			}, elementKeys?.[index] ?? index))
+		}), onAdd === void 0 ? null : jsxs(Button, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			disabled: !canAdd,
+			"data-testid": at("add"),
+			onClick: onAdd,
+			children: [jsx(IconPlus, { "aria-hidden": "true" }), texts.add]
+		})]
+	});
+}
+function RepeaterDisplay(props) {
+	const texts = useRepeaterTexts();
+	const { value, renderElement, testIds } = props;
+	if (value.length === 0) return jsx("span", {
+		className: "text-muted-foreground",
+		"data-testid": testIds.display,
+		children: texts.empty
+	});
+	return jsx("ol", {
+		className: "space-y-2",
+		"data-testid": testIds.display,
+		children: value.map((_, index) => jsx("li", {
+			className: "rounded-md border border-input p-3",
+			children: renderElement?.(index)
+		}, index))
+	});
+}
+//#endregion
 //#region src/fields/link-keys-display.tsx
 const isRecord$1 = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
-function qualify(name, owner) {
+function qualify(name) {
 	try {
-		const namespace = 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 +4752,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 +4760,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 +4784,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 +4814,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 +4836,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 +4924,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 +4945,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 +4988,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,14 +5051,14 @@ function TextareaInput({ name, id, value, onChange, testid, placeholder, disable
 //#endregion
 //#region src/fields/default-renderers.ts
 function legacyField(props) {
-	const name = typeof props.path.at(-1) === "string" ? props.path.at(-1) : "field";
-	const texts = props.field.texts;
+	const name = optionFieldName(props.path);
+	const { texts, zone } = props.field;
 	return Object.freeze({
 		name,
 		meta: props.meta,
 		ui: props.ui,
-		codec: props.field.codec,
-		...texts === void 0 ? {} : { texts }
+		...texts === void 0 ? {} : { texts },
+		...zone === void 0 ? {} : { zone }
 	});
 }
 function legacyOptions(options, field) {
@@ -4502,6 +5079,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 +5117,17 @@ function input(renderer) {
 			ariaInvalid: props.issues.some(isErrorIssue),
 			ariaDescribedBy: props.accessibility.description,
 			ariaErrorMessage: props.accessibility.error,
+			ariaLabelledBy: props.accessibility.label,
 			field: legacyField(props),
 			resource: props.resource.id,
 			record: props.record,
+			values: props.form,
 			relationSeeds: props.relationSeeds,
 			fixedFilters: props.fixedFilters,
-			metaSources: props.metaSources
+			optionSubtitle: props.optionSubtitle,
+			metaSources: props.metaSources,
+			...props.baseline === void 0 ? {} : { baseline: props.baseline },
+			link: props.link
 		});
 	};
 }
@@ -4592,9 +5175,40 @@ function scalarOrCollection(renderer, layout) {
 	});
 }
 function enumName(ui) {
-	const value = ui.enum;
-	if (typeof value === "string" && value.length > 0) return value;
-	if (value !== null && typeof value === "object" && typeof value.id === "string") return value.id;
+	return enumBindingKey(ui.enum);
+}
+function RegistryEnumInput(props) {
+	const app = useOptionalApp();
+	const meta = props.field.meta;
+	const sources = useFieldMetaSources({
+		record: props.record,
+		values: props.form,
+		extra: props.metaSources
+	});
+	const control = resolveEnumControl(props.ui.control, app?.registry.enums.get(props.enumName), `field ${typeof props.path.at(-1) === "string" ? String(props.path.at(-1)) : props.enumName}`);
+	return createElement(EnumPicker, {
+		enumName: props.enumName,
+		control,
+		value: props.value == null ? void 0 : String(props.value),
+		onChange: props.onChange ?? (() => void 0),
+		name: props.accessibility.input,
+		id: props.accessibility.input,
+		testid: props.testIds.input,
+		placeholder: typeof props.ui.placeholder === "string" ? props.ui.placeholder : void 0,
+		disabled: props.disabled,
+		required: props.field.required === true,
+		ariaInvalid: props.issues.some(isErrorIssue),
+		ariaDescribedBy: props.accessibility.description,
+		ariaErrorMessage: props.accessibility.error,
+		ariaLabelledBy: props.accessibility.label,
+		use: {
+			params: enumParamsOf(meta?.enumParams),
+			narrow: narrowEntriesOf(meta?.narrow),
+			sources,
+			mode: props.record === void 0 ? "create" : "edit",
+			baseline: props.baseline ?? props.record
+		}
+	});
 }
 function enumAware(renderer, layout) {
 	const FallbackInput = input(renderer.Input);
@@ -4604,19 +5218,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 +5255,14 @@ const date = {
 	Display: DateDisplay,
 	Input: DateInput
 };
+const dateTime = {
+	Display: DateTimeDisplay,
+	Input: DateTimeInput
+};
+const time = {
+	Display: TimeDisplay,
+	Input: TimeInput
+};
 const en = {
 	Display: EnumDisplay,
 	Input: EnumInput
@@ -4686,9 +5298,11 @@ const shadcnFieldImplementations = Object.freeze({
 	number: scalar(num),
 	boolean: scalar(bool),
 	date: scalar(date),
-	dateTime: scalar(date),
-	"date-time": scalar(date),
-	"default:date-time": scalar(date),
+	dateTime: scalar(dateTime),
+	"date-time": scalar(dateTime),
+	"default:date-time": scalar(dateTime),
+	time: scalar(time),
+	"default:time": scalar(time),
 	enum: enumAware(en),
 	json: scalar({
 		Display: JsonDisplay,
@@ -4702,316 +5316,19 @@ const shadcnFieldImplementations = Object.freeze({
 	richText: scalar(rich, { size: "full" }),
 	"rich-text": scalar(rich, { size: "full" }),
 	"default:rich-text": scalar(rich, { size: "full" }),
-	file: scalarOrCollection(file, { size: "full" })
+	file: scalarOrCollection(file, { size: "full" }),
+	object: Object.freeze({
+		Input: ObjectGroupInput,
+		Display: ObjectGroupDisplay,
+		chrome: true
+	}),
+	array: Object.freeze({
+		CollectionInput: RepeaterInput,
+		CollectionDisplay: RepeaterDisplay,
+		chrome: true
+	})
 });
 //#endregion
-//#region src/fields/use-relation-picker.tsx
-const noop = () => void 0;
-function safeKey(input) {
-	if (input === void 0 || input === null) return void 0;
-	try {
-		return 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 +5354,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 +5403,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() ?? "";
@@ -5391,14 +5556,15 @@ const OPERATOR_LABELS = {
 	has: "has",
 	hasAny: "has any of",
 	hasAll: "has all of",
-	hasNone: "has none of"
+	hasNone: "has none of",
+	some: "has an item where"
 };
-function formatOperatorLabel(op, t) {
-	return t ? t(`filters.operators.${op}`, { defaultValue: OPERATOR_LABELS[op] }) : OPERATOR_LABELS[op];
+function formatOperatorLabel(op, chromeT) {
+	return chromeT ? chromeT(`filters.operators.${op}`, { defaultValue: OPERATOR_LABELS[op] }) : OPERATOR_LABELS[op];
 }
 function useOperatorLabel() {
-	const t = 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 +5658,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 +5676,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 +5797,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 +5807,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 +5903,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 +5919,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 +5947,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", {
@@ -5916,6 +6091,7 @@ function PeekRecord({ target, testid, row }) {
 function DeclaredPeekBody({ target, testid, record, frameRecord, def, capabilityFor, fieldVisible, view: View, builtin, open, openable, t }) {
 	const host = useContext(PeekHostContext);
 	const title = recordDisplayName(record, def?.displayField);
+	const subtitle = useRecordSubtitle(target)(record) ?? void 0;
 	const setLabel = host?.setLabel;
 	useEffect(() => setLabel?.(title), [setLabel, title]);
 	const controller = useFormController({
@@ -5951,6 +6127,7 @@ function DeclaredPeekBody({ target, testid, record, frameRecord, def, capability
 		children: [builtin ? jsx(PeekTitle, {
 			testid,
 			title,
+			subtitle,
 			open: openable ? open : void 0
 		}) : null, jsx(Suspense, {
 			fallback: null,
@@ -5963,11 +6140,26 @@ function DeclaredPeekBody({ target, testid, record, frameRecord, def, capability
 		})]
 	});
 }
-function PeekTitle({ testid, title, open }) {
-	if (open === void 0) return jsx("p", {
+function PeekTitle({ testid, title, subtitle, open }) {
+	const heading = open === void 0 ? jsx("p", {
 		className: "text-sm font-semibold",
 		children: title
+	}) : jsx(PeekTitleButton, {
+		testid,
+		title,
+		open
+	});
+	if (subtitle === void 0) return heading;
+	return jsxs("div", {
+		className: "flex flex-col gap-0.5",
+		children: [heading, jsx("p", {
+			"data-testid": `${testid}:subtitle`,
+			className: "text-xs text-muted-foreground",
+			children: subtitle
+		})]
 	});
+}
+function PeekTitleButton({ testid, title, open }) {
 	return jsx("button", {
 		type: "button",
 		"data-testid": `${testid}:title`,
@@ -5995,12 +6187,14 @@ function DefaultPeekBody({ target, testid, row, open }) {
 	const projected = useProjectedRecord(target, dtoRow);
 	const record = projected.value ?? {};
 	const title = recordDisplayName(record, def?.displayField);
+	const subtitleOf = useRecordSubtitle(target);
+	const subtitle = projected.status === "ready" ? subtitleOf(record) ?? void 0 : void 0;
 	const setLabel = host?.setLabel;
 	useEffect(() => setLabel?.(title), [setLabel, title]);
 	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,
@@ -6026,6 +6220,7 @@ function DefaultPeekBody({ target, testid, row, open }) {
 		children: [jsx(PeekTitle, {
 			testid,
 			title,
+			subtitle,
 			open
 		}), columns.length === 0 ? null : jsx("dl", {
 			className: "grid gap-1.5",
@@ -6040,13 +6235,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 +6272,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 +6301,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 +6334,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 +6357,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 +6409,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 +6431,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 +6688,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 +6981,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 +7005,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 +7113,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