@burojs/ui-shadcn 0.7.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 technicalText, c as LinkComponentProvider, d as PopoverAnchor, f as PopoverClose, l as useLinkComponent, m as PopoverTrigger, n as toast, p as PopoverContent, r as friendlyStringsFrom, s as toFriendlyError, t as Toaster, u as Popover } from "./toaster-Ct_YHGs6.js";
-import { $ as Tooltip, A as OwnTitleHeading, B as DropdownMenuContent, F as Icon, G as DropdownMenuRadioGroup, H as DropdownMenuItem, I as hasIcon, J as DropdownMenuShortcut, K as DropdownMenuRadioItem, L as registerIcons, M as DialogPresentationShell, N as OwnTitleContext, P as SheetPresentationShell, Q as DropdownMenuTrigger, R as DropdownMenu, T as loadFlowScreen, U as DropdownMenuLabel, V as DropdownMenuGroup, W as DropdownMenuPortal, X as DropdownMenuSubContent, Y as DropdownMenuSub, Z as DropdownMenuSubTrigger, _ as reasonText, a as modeForSurface, at as SheetContent, c as useListSlot, ct as SheetHeader, dt as DocInfo, et as TooltipContent, f as FlowActionButton, it as SheetClose, k as useLoaded, l as isExternalHref, lt as SheetTitle, n as ActionButton, nt as TooltipTrigger, o as canonicalResourceName, ot as SheetDescription, q as DropdownMenuSeparator, r as DisabledAction, rt as Sheet, s as listSlot, st as SheetFooter, t as CheckConfirmDialog, tt as TooltipProvider, u as openExternal, ut as SheetTrigger, v as FlowBoundary, y as FlowLoadFailed, z as DropdownMenuCheckboxItem } from "./check-confirm-dialog-2j0gOd7x.js";
+import { $ 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-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 CursorLoadMore, A as ListSearchInput, At as EnumBadge, B as ExportDialog, Bt as usePaletteState, C as ListControls, D as ListFlows, E as ListLive, Et as ActionOverflow, F as ListColumns, Ft as i18nPrefixToRef, H as ScreenTree, I as ColumnsToggle, It as FieldValueFrame, L as DataTableViewOptions, Lt as toDisplayText, M as ExportButton, Mt as AppFlowButton, N as ListCreate, Nt as Field, O as ListFilters, Ot as useExportRunWatcher, P as CreateButton, Pt as FieldDisplay, Q as ResourceList, R as ListBulkBar, Rt as ShellProvider, T as SavedViewsDropdown, V as DeclarativeForm, Vt as useShell, W as QuickScreenClaimContext, Y as useFormControl, Z as ListBody, _ as CopyId, _t as resolveResourceTitle, a as peekFieldDefinition, at as DataTable, b as RecordTitle, bt as typography, c as peekRow, ct as TabsContent, d as resolveFrameView, et as ListErrorState, f as shadcnFrameViews, gt as ShowPageHeader, ht as PageHeader, it as useBuroDataTable, j as ListExport, k as FilterRegion, kt as downloadArtifact, l as useRelationPicker, lt as TabsList, mt as EditPageHeader, nt as resolveUpdater, o as peekLeafAllowed, ot as Checkbox, r as shadcnBlockImplementations, rt as tanStackSortingToBuro, s as peekRecord, st as Tabs, tt as buroSortingToTanStack, ut as TabsTrigger, v as FormActions, vt as DocumentTitleProvider, w as ListSavedViews, wt as recordRouteAvailable, xt as isShowAvailable, y as RecordActions, yt as useDocumentTitle, z as BulkActionToolbar, zt as defaultUserMapper } from "./place-node-CfzQvh4Y.js";
+import { $ 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 { A as TableRow, B as loadLocale, C as SelectValue, D as TableCell, E as TableCaption, M as badgeVariants, O as TableHead, P as ResolvedFieldDisplay, R as lowerLegacyField, S as SelectTrigger, T as TableBody, V as saveLocale, _ as SelectItem, a as PinnedFilterControls, b as SelectScrollUpButton, c as fromLocalDateTimeText, d as formatDate, f as formatDateTime, g as SelectGroup, h as SelectContent, i as FacetedFilterPicker, j as Badge, k as TableHeader, l as toLocalDateTimeText, m as Select, n as PresetFilterControls, o as FilterPanel, p as formatNumber, r as DataTableFacetedFilter, s as FilterValueControl, t as FilterBuilder, u as FilterBadges, v as SelectLabel, w as Table, x as SelectSeparator, y as SelectScrollDownButton, z as DEFAULT_LANGUAGE_STORAGE_KEY } from "./filter-builder-DaWHUZuV.js";
-import { A as TabsLayout, C as usePageAllowed, D as useLayout, E as layoutSlot, M as canonicalNavKey, N as canonicalResourceKey$1, O as useLayoutResolver, S as useNavVisible, T as BUILTIN_LAYOUTS, _ as PlannedBody, a as useRecordVisit, b as useHref, c as headerTrail, d as useTrailContext, f as recordTrailKey, g as useResourceDimensionOptions, h as RecordScreen, i as RecordPage, j as SecondarySidebarLayout, k as useReportUnresolvedLayouts, l as recordTrail, m as usePublishedRecordTrail, n as NavAreaPage, o as RECENT_LABEL_KEYS, r as ResourcePageRouter, s as readRecentRecords, u as recordTrailRoute, v as ResourceListPage, w as useResourceVisible, x as useMatch, y as NavChromeMountedProvider } from "./resource-page-router-Diw6S6TK.js";
+import { 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 { t as LazyRelationPickerDialog } from "./lazy-relation-picker-dialog-CAScLPb2.js";
-import { n as RelationPicker, r as RelationPickerInput } from "./relation-picker-D-tBBZW_.js";
+import { t as 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, columnName, compilePageScreen, compiledScreenFor, declaredField, declaredText, dtoFields, effectiveFlow, enumFallbackKey, enumFallbackText, enumNamespaceOf, enumValueText, evaluateVisible, fieldOptionText, formatEntityRef, hasListPage, hasRecordPage, hrefFor, humanizeKey, isCustomPageDef, isEnumControl, isRelationField, isScreenFailure, linkOf, navHrefFor, nodeKind, normalizeDataError, normalizeEntityRef, projectDto, recordEntries, relationAmbiguousError, resolveConceptLabel, resolveContentSlot, resolveDoc, resolveEnumLabel, resolveFieldLabel, resolveNavLabel, resolveResourceLabel, resolveResourceNavLabel, resolveStaticAvailability, resourceCreateHref, resourceKey, resourceShowHref, routeResourceKey, snapshotAppFrames, snapshotBlockLookup, snapshotFrameLookup, taskRunFraction, taskRunOutcome } from "@burojs/core";
-import { ComponentsContext, DispatcherProvider, I18nContext, NO_RECORD_SCOPE_FRAMES, QUICK_ANCHOR_ATTRIBUTE, QuickEntryContext, RecordScopeChain, RouteSourceContext, ScreenStateProvider, formatBytes, optionFieldName, resolveErrorText, resolveOptionLabel, retryRecordRead, useApp, useAppActions, useApplicationSnapshot, useAvailabilityGate, useBoundEnum, useCapabilityResolver, useChangeLocale, useChromeT, useCommandPalette, useCurrentUserId, useDebouncedValue, useDispatcherEffects, useDocPanel, useDocScopes, useDocTopics, useDocTrailScopes, useDocsConfig, useDocumentedScopes, useEntryGate, useEnumValues, useFieldAccess, useFileField, useFileUrls, useFormController, useFrameImplementations, useFrameT, useI18nCaps, useIdentity, useLanguageStorageKey, useLinkKeys, useList, useListAccess, useLocale, useLogout, useNavigationGuardText, useOne, useOptionCaps, useOptionalApp, useOptionalAuthController, useOptionalDataRuntime, useOptionalFileStorage, useOptionalLocale, useOptionalRouterAdapter, useOptionalT, usePlatformStorage, usePresentBlock, useProjectedRecord, useProjectedTitle, useQuick, useQuickEntry, useQuickEntryValue, useQuickOpener, useRecordTitle, useRefresh, useRegisterNavigationGuardDialog, useRelatedRecord, useRouteNavigate, useRouteRecordId, useRouterAdapter, useScope, useT, useTestIds, useUIInstance, useUIPresentationRuntime, useVisibilityCtx } from "@burojs/react";
-import { IconAlertCircle, IconArrowLeft, IconArrowUpRight, IconBook2, IconCheck, IconChevronDown, IconChevronRight, IconDeviceDesktop, IconDots, IconExternalLink, IconHelp, IconHelpHexagon, IconLayoutSidebar, IconLoader2, IconLogin, IconLogout, IconMaximize, IconMinimize, IconMoon, IconRefresh, IconRotate, IconSearch, IconSelector, IconSun, IconUpload, IconUser, IconX } from "@tabler/icons-react";
+import { 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,7 +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 } from "@burojs/core/internal";
+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";
@@ -1974,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) => {
@@ -2000,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",
@@ -2015,6 +2021,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: jsx("span", { children: entry.label })
 		})
 	}) }, entry.key);
@@ -2128,11 +2135,17 @@ function Breadcrumbs(input) {
 	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,
@@ -2167,9 +2180,34 @@ function Breadcrumbs(input) {
 		]
 	});
 	if (!def) return null;
-	const { recordId, pageLabel, middleSegments } = props;
+	const { recordId, pageLabel, middleSegments, rootSegments } = props;
 	const resourceKey = canonicalResourceKey$1(def);
-	const listHref = hrefFor(app.registry, resourceKey);
+	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", {
@@ -2194,6 +2232,7 @@ function Breadcrumbs(input) {
 				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,
@@ -2211,6 +2250,12 @@ function Breadcrumbs(input) {
 }
 //#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();
@@ -2218,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;
@@ -2230,8 +2283,10 @@ function RecordBreadcrumbs() {
 				action: "show",
 				id,
 				title: idTitle,
-				groupChain
+				groupChain,
+				...withOrigin
 			}),
+			...docScopes,
 			"data-testid": "record-breadcrumbs"
 		});
 		return jsx(Breadcrumbs, {
@@ -2240,8 +2295,10 @@ function RecordBreadcrumbs() {
 				action: "edit",
 				id,
 				title,
-				groupChain
+				groupChain,
+				...withOrigin
 			}),
+			...docScopes,
 			pageLabel: flowLabel,
 			"data-testid": "record-breadcrumbs"
 		});
@@ -2252,8 +2309,10 @@ function RecordBreadcrumbs() {
 			action: route.action,
 			id,
 			title,
-			groupChain
+			groupChain,
+			...withOrigin
 		}),
+		...docScopes,
 		"data-testid": "record-breadcrumbs"
 	});
 }
@@ -2598,7 +2657,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 	}, [app, visibilityCtx]);
 	const goTo = (href) => {
 		onSelect?.();
-		navigate(href);
+		navigate(href, { origin: "jump" });
 	};
 	const resourceLabel = (def) => resolveResourceLabel(caps, canonicalResourceKey$1(def), "plural", def);
 	const pageLabel = (def) => resolveNavLabel(caps, `pages.${canonicalNavKey(def)}`, declaredText("chrome", def, "label"));
@@ -2802,7 +2861,7 @@ function CommandPaletteRecentGroup({ onSelect, getTestId, heading, refreshKey, w
 	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,
@@ -2877,7 +2936,7 @@ function CommandPaletteRecordsGroup({ enabled = true, pageSize = 5, minQueryLeng
 	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,
@@ -2915,6 +2974,7 @@ 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);
@@ -2929,16 +2989,25 @@ function PerResourceSearchHits({ def, displayField, query, pageSize, goTo, recor
 		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}`);
 	}) });
 }
@@ -3086,7 +3155,7 @@ function CommandPaletteCreateGroup({ resourceFilter, onSelect, getTestId, headin
 	]);
 	if (visibleResources.length === 0) return null;
 	const goTo = (href) => {
-		navigate(href);
+		navigate(href, { origin: "jump" });
 		onSelect?.();
 	};
 	const createIn = (def, href) => {
@@ -3434,7 +3503,7 @@ const NONE = "__none__";
 function isEmpty$1(value) {
 	return value === null || value === void 0 || value === "";
 }
-function EnumChoiceGroup({ control, options, value, onChange, testid, name, id, required, disabled, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, className }) {
+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;
@@ -3449,16 +3518,25 @@ function EnumChoiceGroup({ control, options, value, onChange, testid, name, id,
 		...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {}
 	};
 	if (control === "segmented") {
-		const segment = (key, label, active, select) => jsx("button", {
+		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": `${testid}:option:${key}`,
-			disabled,
+			"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
-		}, key);
+		}, currentItem ? `current:${key}` : key);
 		return jsxs("div", {
 			role: "group",
 			id,
@@ -3466,22 +3544,24 @@ function EnumChoiceGroup({ control, options, value, onChange, testid, name, id,
 			"data-testid": testid,
 			className: cn("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className),
 			...ariaProps,
-			children: [required ? null : segment(NONE, noneLabel, empty, () => pick(void 0)), options.map((option) => segment(option.value, jsxs(Fragment$1, { children: [option.icon ? jsx("span", {
-				"data-testid": `${testid}:option:${option.value}:icon`,
-				className: "contents",
-				children: jsx(Icon, {
-					name: option.icon,
-					className: "size-3.5 shrink-0"
-				})
-			}) : null, option.label] }), value === option.value, () => pick(option.value)))]
+			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) => {
-		const inputId = `${id ?? groupName}:${key}`;
+	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"), disabled && "cursor-not-allowed opacity-60"),
+			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,
@@ -3489,9 +3569,10 @@ function EnumChoiceGroup({ control, options, value, onChange, testid, name, id,
 				value: key,
 				checked,
 				onChange: select,
-				disabled,
+				disabled: inert,
 				...ariaProps,
-				"data-testid": `${testid}:option:${key}`,
+				"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",
@@ -3511,7 +3592,7 @@ function EnumChoiceGroup({ control, options, value, onChange, testid, name, id,
 					children: option.summary
 				})]
 			})]
-		}, key);
+		}, currentItem ? `current:${key}` : key);
 	};
 	return jsxs("div", {
 		role: "radiogroup",
@@ -3520,7 +3601,15 @@ function EnumChoiceGroup({ control, options, value, onChange, testid, name, id,
 		"data-testid": testid,
 		"aria-required": required,
 		className: cn("flex flex-col", cards ? "gap-2" : "gap-1.5", className),
-		children: [required ? null : choice(NONE, void 0, noneLabel, empty, () => pick(void 0)), options.map((option) => choice(option.value, option, option.label, value === option.value, () => pick(option.value)))]
+		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
@@ -3529,7 +3618,7 @@ const ENUM_PICKER_CLEAR_SENTINEL = "__buro_clear__";
 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" }) {
+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();
@@ -3537,6 +3626,11 @@ function EnumPicker({ enumName: enumInput, value, onChange, control = "select",
 	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`,
@@ -3578,9 +3672,22 @@ function EnumPicker({ enumName: enumInput, value, onChange, control = "select",
 	});
 	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,
-		options: values.map((entry) => ({
+		...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 },
@@ -3617,28 +3724,43 @@ function EnumPicker({ enumName: enumInput, value, onChange, control = "select",
 			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 = 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
-				}),
-				children: optionLabel
-			}, entry.value);
-		})] })]
+		}), 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
+					}),
+					children: optionLabel
+				}, entry.value);
+			})
+		] })]
 	});
 }
 //#endregion
@@ -3688,41 +3810,63 @@ function BooleanInput({ name, id, value, onChange, testid, disabled, required, a
 }
 //#endregion
 //#region src/fields/date.tsx
-function DateDisplay({ value, text }) {
+function DateDisplay(props) {
 	return jsx(TemporalDisplay, {
-		value,
-		text,
-		format: formatDate
+		kind: "date",
+		...props
 	});
 }
-function DateTimeDisplay({ value, text }) {
+function DateTimeDisplay(props) {
 	return jsx(TemporalDisplay, {
-		value,
-		text,
-		format: formatDateTime
+		kind: "dateTime",
+		...props
+	});
+}
+function TimeDisplay(props) {
+	return jsx(TemporalDisplay, {
+		kind: "time",
+		...props
 	});
 }
-function TemporalDisplay({ value, text, format }) {
+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: "—"
 	});
-	if (text !== void 0) return jsx("span", { children: text });
-	const d = new Date(String(value));
-	if (Number.isNaN(d.getTime())) return jsx("span", { children: String(value) });
+	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: format(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(props) {
 	return jsx(TemporalInput, {
@@ -3733,18 +3877,44 @@ function DateInput(props) {
 	});
 }
 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",
-		toText: toLocalDateTimeText,
-		fromText: (text) => fromLocalDateTimeText(text) ?? null
+		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 TemporalInput({ type, toText, fromText, name, id, value, onChange, testid, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage }) {
-	return jsx(Input, {
+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,
+		...step === void 0 ? {} : { step },
 		value: toText(value),
 		onChange: (e) => onChange(fromText(e.target.value)),
 		"data-testid": testid,
@@ -3755,6 +3925,15 @@ function TemporalInput({ type, toText, fromText, name, id, value, onChange, test
 		"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
@@ -3775,13 +3954,30 @@ function EnumDisplay({ value, options, field, resource }) {
 		}) : null, label]
 	});
 }
-function EnumInput({ name, id, value, onChange, testid, options, field, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, 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 resolved = (options ?? []).map((o) => {
+	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,
@@ -3790,12 +3986,21 @@ function EnumInput({ name, id, value, onChange, testid, options, field, placehol
 			...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: testid ?? name,
+		testid: tid,
 		name,
 		id,
 		required,
@@ -3815,25 +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: 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
+		}), jsxs(SelectContent, { children: [
+			current === void 0 ? null : jsx(SelectItem, {
+				value: current.value,
+				disabled: true,
+				"data-current": "",
+				"data-testid": `${tid}:current`,
+				children: current.label
 			}),
-			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)) })]
+			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
@@ -4254,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-BJhaEqxz.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, {
@@ -4366,6 +4585,144 @@ 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) {
@@ -4695,12 +5052,13 @@ function TextareaInput({ name, id, value, onChange, testid, placeholder, disable
 //#region src/fields/default-renderers.ts
 function legacyField(props) {
 	const name = optionFieldName(props.path);
-	const texts = props.field.texts;
+	const { texts, zone } = props.field;
 	return Object.freeze({
 		name,
 		meta: props.meta,
 		ui: props.ui,
-		...texts === void 0 ? {} : { texts }
+		...texts === void 0 ? {} : { texts },
+		...zone === void 0 ? {} : { zone }
 	});
 }
 function legacyOptions(options, field) {
@@ -4763,9 +5121,12 @@ function input(renderer) {
 			field: legacyField(props),
 			resource: props.resource.id,
 			record: props.record,
+			values: props.form,
 			relationSeeds: props.relationSeeds,
 			fixedFilters: props.fixedFilters,
+			optionSubtitle: props.optionSubtitle,
 			metaSources: props.metaSources,
+			...props.baseline === void 0 ? {} : { baseline: props.baseline },
 			link: props.link
 		});
 	};
@@ -4818,6 +5179,12 @@ function enumName(ui) {
 }
 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,
@@ -4833,7 +5200,14 @@ function RegistryEnumInput(props) {
 		ariaInvalid: props.issues.some(isErrorIssue),
 		ariaDescribedBy: props.accessibility.description,
 		ariaErrorMessage: props.accessibility.error,
-		ariaLabelledBy: props.accessibility.label
+		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) {
@@ -4885,6 +5259,10 @@ const dateTime = {
 	Display: DateTimeDisplay,
 	Input: DateTimeInput
 };
+const time = {
+	Display: TimeDisplay,
+	Input: TimeInput
+};
 const en = {
 	Display: EnumDisplay,
 	Input: EnumInput
@@ -4923,6 +5301,8 @@ const shadcnFieldImplementations = Object.freeze({
 	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,
@@ -4936,7 +5316,17 @@ 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/forms/declarative-display.tsx
@@ -5166,7 +5556,8 @@ 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, chromeT) {
 	return chromeT ? chromeT(`filters.operators.${op}`, { defaultValue: OPERATOR_LABELS[op] }) : OPERATOR_LABELS[op];
@@ -5700,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({
@@ -5735,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,
@@ -5747,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`,
@@ -5779,6 +6187,8 @@ 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(() => {
@@ -5810,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",