@burojs/ui-shadcn 0.7.0 → 0.9.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 DropdownMenuTrigger, A as useLoaded, B as DropdownMenuCheckboxItem, E as loadFlowScreen, F as SheetPresentationShell, G as DropdownMenuPortal, H as DropdownMenuGroup, I as Icon, J as DropdownMenuSeparator, K as DropdownMenuRadioGroup, L as hasIcon, N as DialogPresentationShell, P as OwnTitleContext, Q as DropdownMenuSubTrigger, R as registerIcons, U as DropdownMenuItem, V as DropdownMenuContent, W as DropdownMenuLabel, X as DropdownMenuSub, Y as DropdownMenuShortcut, Z as DropdownMenuSubContent, at as SheetClose, b as FlowLoadFailed, c as listSlot, ct as SheetFooter, d as openExternal, dt as SheetTrigger, et as Tooltip, ft as DocInfo, it as Sheet, j as OwnTitleHeading, l as useListSlot, lt as SheetHeader, n as ActionButton, nt as TooltipProvider, o as modeForSurface, ot as SheetContent, p as FlowActionButton, q as DropdownMenuRadioItem, r as DisabledAction, rt as TooltipTrigger, s as canonicalResourceName, st as SheetDescription, t as CheckConfirmDialog, tt as TooltipContent, u as isExternalHref, ut as SheetTitle, v as reasonText, y as FlowBoundary, z as DropdownMenu } from "./check-confirm-dialog-B-CbJTln.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 { A as CommandSeparator, C as CommandDialog, D as CommandItem, E as CommandInput, O as CommandList, S as Command, T as CommandGroup, b as LoadError, c as RelationField, d as peekAnchorOpener, f as PeekContext, g as recordDisplayName, k as CommandLoading, l as relationLinkClassName, p as PeekHostContext, s as RelationDisplay, u as focusWithoutPeek, w as CommandEmpty, x as RecordState, y as InvalidRouteId } from "./relation-create-6WicROWA.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-DRjmJGQ_.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-04nas3eq.js";
+import { A as useLayoutResolver, C as useMatch, D as BUILTIN_LAYOUTS, E as useResourceVisible, F as groupNavHref, I as canonicalNavKey, L as canonicalResourceKey$1, M as TabsLayout, N as SecondarySidebarLayout, O as layoutSlot, P as buildNavItems, 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, t as NavAreaNotFound, u as recordTrail, v as useResourceDimensionOptions, w as useNavVisible, x as NavChromeMountedProvider, y as PlannedBody } from "./resource-page-router-CzaNATSp.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 useDialogFilterState } from "./use-dialog-filter-state-B_MqzHaT.js";
+import { t as LazyRelationPickerDialog } from "./lazy-relation-picker-dialog-BaORufxQ.js";
+import { n as useRecordSubtitle, r as useRowSubtitle } from "./use-record-subtitle-w3ZhXNlf.js";
+import { n as RelationPicker, r as RelationPickerInput } from "./relation-picker-BbO41cFV.js";
+import { t as useDialogFilterState } from "./use-dialog-filter-state-CJoeY-1j.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, 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, usePermissionsUndecided, 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, resolveEnumParams } from "@burojs/core/internal";
 import { Controller, FormProvider, useForm, useFormContext } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
@@ -1711,51 +1712,9 @@ 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;
+//#region src/shell/use-shell-waiting.ts
+function useShellWaiting() {
+	return usePermissionsUndecided();
 }
 //#endregion
 //#region src/layout/use-nav-tree.ts
@@ -1885,7 +1844,8 @@ function useNavTree(opts = {}) {
 		if (!isNavEligible(group)) continue;
 		const gLabel = groupLabel(group);
 		if (resolveLayout(group.layout)) {
-			const href = navHrefFor(app.registry, groupKey, { isVisible: isNavEligible });
+			const href = groupNavHref(app.registry, groupKey, isNavEligible);
+			if (href === void 0) continue;
 			const entry = groupEntry(group, gLabel, href, isActiveHref(href, currentPath));
 			out.push({
 				key: groupKey,
@@ -1974,6 +1934,11 @@ function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection,
 	const t = useT();
 	const RouterLink = useLinkComponent();
 	const navIcon = useNavIcon();
+	const waiting = useShellWaiting();
+	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 +1965,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,9 +1981,20 @@ 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);
+	if (waiting) return jsx(SidebarGroup, {
+		"data-testid": "sidebar-nav-loading",
+		"aria-busy": "true",
+		children: jsx(SidebarGroupContent, { children: jsx(SidebarMenu, { children: [
+			0,
+			1,
+			2,
+			3
+		].map((i) => jsx(SidebarMenuItem, { children: jsx(SidebarMenuSkeleton, { showIcon: true }) }, i)) }) })
+	});
 	const [top, ...blocks] = tree;
 	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 ?? "";
@@ -2128,11 +2105,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 +2150,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 +2202,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 +2220,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 +2233,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 +2253,10 @@ function RecordBreadcrumbs() {
 				action: "show",
 				id,
 				title: idTitle,
-				groupChain
+				groupChain,
+				...withOrigin
 			}),
+			...docScopes,
 			"data-testid": "record-breadcrumbs"
 		});
 		return jsx(Breadcrumbs, {
@@ -2240,8 +2265,10 @@ function RecordBreadcrumbs() {
 				action: "edit",
 				id,
 				title,
-				groupChain
+				groupChain,
+				...withOrigin
 			}),
+			...docScopes,
 			pageLabel: flowLabel,
 			"data-testid": "record-breadcrumbs"
 		});
@@ -2252,8 +2279,10 @@ function RecordBreadcrumbs() {
 			action: route.action,
 			id,
 			title,
-			groupChain
+			groupChain,
+			...withOrigin
 		}),
+		...docScopes,
 		"data-testid": "record-breadcrumbs"
 	});
 }
@@ -2598,7 +2627,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"));
@@ -2670,10 +2699,10 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 	}
 	const collectGroupItems = (group, idPath, depth) => {
 		const items = [];
-		if (!!resolveLayout(group.layout)) {
+		const href = !!resolveLayout(group.layout) ? groupNavHref(app.registry, canonicalNavKey(group), isVisible) : void 0;
+		if (href !== void 0) {
 			const groupKey = canonicalNavKey(group);
 			const label = resolveNavLabel(caps, `groups.${groupKey}`, declaredText("chrome", group, "label"));
-			const href = navHrefFor(app.registry, groupKey, { isVisible });
 			items.push(jsx(CommandItem, {
 				value: `group:${idPath}:${label}`,
 				onSelect: () => goTo(href),
@@ -2692,6 +2721,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 			}
 			if (kind === "custom-page") {
 				const page = child;
+				if (!isPageVisible(page)) continue;
 				const pageKey = canonicalNavKey(page);
 				const label = pageLabel(page);
 				const href = page.path;
@@ -2802,7 +2832,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 +2907,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 +2945,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 +2960,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}`);
 	}) });
 }
@@ -3000,7 +3040,7 @@ function CommandPaletteActionsGroup({ actions, onSelect, getTestId, heading }) {
 	const propActions = actions ?? EMPTY_ACTIONS;
 	const resolvedHeading = heading ?? t("commandPalette.actions", { defaultValue: "Actions" });
 	const { items, collidingIds } = useMemo(() => {
-		return mergeActions(registryEntries.map((entry) => appActionToItem(entry, present, caps)), propActions);
+		return mergeActions(registryEntries.filter((entry) => entry.undecided !== true).map((entry) => appActionToItem(entry, present, caps)), propActions);
 	}, [
 		registryEntries,
 		propActions,
@@ -3086,7 +3126,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) => {
@@ -3153,19 +3193,21 @@ function AppActions() {
 		className: "flex items-center gap-1",
 		"data-testid": "app-actions",
 		children: links.map(({ action, href }) => {
+			const inert = action.disabledReason !== void 0 || action.undecided === true;
 			const label = resolveNavLabel(caps, `appActions.${action.name}`, action.label);
 			const content = action.icon === void 0 ? label : jsxs(Fragment$1, { children: [jsx(Icon, { name: action.icon }), jsx("span", {
 				className: "max-md:sr-only",
 				children: label
 			})] });
 			return jsx(Button, {
-				asChild: action.disabledReason === void 0,
+				asChild: !inert,
 				variant: "outline",
 				size: "sm",
-				disabled: action.disabledReason !== void 0,
+				disabled: inert,
+				"aria-busy": action.undecided === true ? "true" : void 0,
 				title: action.disabledReason === void 0 ? void 0 : reasonText(caps, action.disabledReason),
 				"data-testid": `app-action:${action.name}`,
-				children: action.disabledReason === void 0 ? jsx(RouterLink, {
+				children: !inert ? jsx(RouterLink, {
 					href,
 					children: content
 				}) : jsx("span", { children: content })
@@ -3434,7 +3476,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 +3491,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 +3517,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 +3542,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 +3565,7 @@ function EnumChoiceGroup({ control, options, value, onChange, testid, name, id,
 					children: option.summary
 				})]
 			})]
-		}, key);
+		}, currentItem ? `current:${key}` : key);
 	};
 	return jsxs("div", {
 		role: "radiogroup",
@@ -3520,23 +3574,40 @@ 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
 //#region src/enum/enum-picker.tsx
 const ENUM_PICKER_CLEAR_SENTINEL = "__buro_clear__";
+const NO_VALUES = Object.freeze([]);
 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();
 	const def = app.registry.enums.get(enumName);
 	const caps = useI18nCaps();
 	const ns = def?.i18nNamespace ?? enumName;
-	const { values, isLoading, error } = useEnumValues(enumName);
+	const loaderParams = def !== void 0 && def.values === void 0 && use !== void 0 ? resolveEnumParams(def.params, use.params, use.sources) : void 0;
+	const unsettledParams = loaderParams !== void 0 && loaderParams.status !== "ready";
+	const { values: loadedValues, isLoading, error } = useEnumValues(enumName, loaderParams?.status === "ready" ? loaderParams.params : void 0, { enabled: !unsettledParams });
+	const values = unsettledParams ? NO_VALUES : loadedValues;
+	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 +3649,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 +3701,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 +3787,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 +3854,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 +3902,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 +3931,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 +3963,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 +3997,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 +4450,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-mGEQDWo2.js").then((module) => ({ default: module.RelationManyPickerInput })));
 function LazyRelationManyInput(props) {
 	return jsx(Suspense, {
 		fallback: jsx(Skeleton, {
@@ -4366,6 +4562,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 +5029,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 +5098,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 +5156,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 +5177,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 +5236,10 @@ const dateTime = {
 	Display: DateTimeDisplay,
 	Input: DateTimeInput
 };
+const time = {
+	Display: TimeDisplay,
+	Input: TimeInput
+};
 const en = {
 	Display: EnumDisplay,
 	Input: EnumInput
@@ -4923,6 +5278,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 +5293,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 +5533,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 +6068,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 +6104,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 +6117,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 +6164,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 +6197,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",
@@ -6504,6 +6892,7 @@ const spacing = {
 const groupTestId = (role, id) => `command-palette:${role}:${id}`;
 function DefaultCommandPalette({ open, onOpenChange, actions, children }) {
 	const t = useOptionalT();
+	const waiting = useShellWaiting();
 	const locale = useLocale();
 	const canSearchRecords = useOptionalDataRuntime() !== null;
 	const close = () => onOpenChange(false);
@@ -6542,21 +6931,21 @@ function DefaultCommandPalette({ open, onOpenChange, actions, children }) {
 				locale,
 				onSelect: close
 			}),
-			jsx(CommandPaletteRecentGroup, {
+			waiting ? null : jsx(CommandPaletteRecentGroup, {
 				onSelect: close,
 				refreshKey: open,
 				getTestId: groupTestId
 			}),
-			canSearchRecords ? jsx(CommandPaletteRecordsGroup, {
+			canSearchRecords && !waiting ? jsx(CommandPaletteRecordsGroup, {
 				enabled: open,
 				onSelect: close,
 				getTestId: groupTestId
 			}) : null,
-			jsx(CommandPaletteNavigationGroups, {
+			waiting ? null : jsx(CommandPaletteNavigationGroups, {
 				onSelect: close,
 				getTestId: (role, id) => `command-palette:nav:${role}:${id}`
 			}),
-			jsx(CommandPaletteCreateGroup, {
+			waiting ? null : jsx(CommandPaletteCreateGroup, {
 				onSelect: close,
 				getTestId: groupTestId
 			}),
@@ -6572,6 +6961,10 @@ function DefaultCommandPalette({ open, onOpenChange, actions, children }) {
 //#region src/shell/app-shell.tsx
 function AppShell({ brand, user, loginPath, sidebar, header, palette, docPanel, navChrome, children }) {
 	const enabled = palette !== false;
+	const waiting = useShellWaiting();
+	const decidedOnce = useRef(false);
+	if (!waiting) decidedOnce.current = true;
+	const holding = waiting && !decidedOnce.current;
 	const { open, setOpen, toggle } = useCommandPalette();
 	useGlobalShortcut({
 		key: "k",
@@ -6594,7 +6987,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: navChrome === false ? children : jsx(NavChrome, { children })
+			children: holding ? jsx(RecordState, { state: "loading" }) : navChrome === false ? children : jsx(NavChrome, { children })
 		}), paletteNode]
 	});
 }
@@ -6702,6 +7095,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, 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 };
+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, NavAreaNotFound, 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