@burojs/ui-shadcn 0.8.0 → 0.10.0

package/dist/index.js

@@ -1,26 +1,27 @@
 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-CtiRzOAt.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, O as loadPageFlowRoute, P as OwnTitleContext, Q as DropdownMenuSubTrigger, R as registerIcons, T as loadFailedText, 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_u3YVHS.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, m as useRowTitle, p as PeekHostContext, s as RelationDisplay, u as focusWithoutPeek, w as CommandEmpty, x as RecordState, y as InvalidRouteId } from "./relation-create-CeCWyxIb.js";
 import { t as Skeleton } from "./skeleton-U2noefj5.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 { $ as ResourceList, A as FilterRegion, At as DeepLinkScope, B as BulkActionToolbar, Bt as useShell, C as useFrameChrome, Ct as ActionOverflow, D as ListLive, Dt as EnumBadge, E as SavedViewsDropdown, Et as downloadArtifact, F as CreateButton, Ft as FieldValueFrame, G as QuickScreenClaimContext, H as DeclarativeForm, I as ListColumns, It as toDisplayText, J as useIsRouteScreen, K as RouteScreenClaimContext, L as ColumnsToggle, Lt as ShellProvider, M as ListExport, Mt as Field, N as ExportButton, Nt as FieldDisplay, O as ListFlows, Ot as EnumSettlingRow, P as ListCreate, Pt as i18nPrefixToRef, Q as ListBody, R as DataTableViewOptions, Rt as defaultUserMapper, S as ItemActionsOffContext, St as typography, T as ListSavedViews, Tt as useExportRunWatcher, U as ScreenTree, V as ExportDialog, W as useTabsUrlState, X as useFormControl, Y as FormControlProvider, Z as useFormControlOf, _ as CopyId, _t as PageHeader, a as peekFieldDefinition, at as useBuroDataTable, b as RecordTitle, bt as DocumentTitleProvider, c as peekRow, ct as Tabs, d as resolveFrameView, dt as TabsTrigger, et as CursorLoadMore, f as shadcnFrameViews, g as UndeclaredTypeNotice, gt as EditPageHeader, h as TypeChromeDrawnContext, i as RouteListContext, it as tanStackSortingToBuro, j as ListSearchInput, jt as AppFlowButton, k as ListFilters, kt as unknownEnumValueLabel, l as useRelationPicker, lt as TabsContent, m as HeaderTypeNotice, n as viewOf, nt as buroSortingToTanStack, o as peekLeafAllowed, ot as DataTable, p as ChangeTypeButton, q as RouteScreenContext, r as shadcnBlockImplementations, rt as resolveUpdater, s as peekRecord, st as Checkbox, t as selectImplementation, tt as ListErrorState, u as isBuiltinRecordView, ut as TabsList, v as FormActions, vt as ShowPageHeader, w as ListControls, wt as useShownItemActions, x as FrameChromeContext, xt as useDocumentTitle, y as RecordActions, yt as resolveResourceTitle, z as ListBulkBar, zt as usePaletteState } from "./place-node-DwWAigv0.js";
 import { THEME_STORAGE_KEY } from "./layout/theme-storage-key.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 { 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-DX-xC3Yd.js";
+import { a as canonicalNavKey, i as NavAreaNotFound, n as usePublishRecordTrail, o as canonicalResourceKey$1, r as usePublishedRecordTrail, t as recordTrailKey } from "./record-trail-store-Dn6bVry4.js";
 import { t as Label } from "./label-66W1qbke.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 { t as LazyRelationPickerDialog } from "./lazy-relation-picker-dialog-BaIEWLbF.js";
+import { t as useNoticeSink } from "./success-notices-CrcWOGSo.js";
+import { n as useRecordSubtitle, r as useRowSubtitle } from "./use-record-subtitle-pWMBqQx9.js";
+import { n as RelationPicker, r as RelationPickerInput } from "./relation-picker-CCyuMeGq.js";
+import { t as useDialogFilterState } from "./use-dialog-filter-state-ZYxOp5WO.js";
 import { useGlobalShortcut, webPlatform } from "@burojs/react/web";
-import { ENUM_CONTROLS, builtinFrames, canonicalInstant, columnName, compilePageScreen, compiledScreenFor, declaredField, declaredText, dtoFields, effectiveFlow, enumFallbackKey, enumFallbackText, enumNamespaceOf, enumValueText, epochMsToInstant, evaluateVisible, fieldOptionText, formatEntityRef, formatTimeValue, hasListPage, hasRecordPage, hrefFor, humanizeKey, isCalendarDate, isCustomPageDef, isEnumControl, isRelationField, isScreenFailure, linkOf, navHrefFor, nodeKind, normalizeDataError, normalizeEntityRef, projectDto, recordEntries, relationAmbiguousError, resolveConceptLabel, resolveContentSlot, resolveDoc, resolveEnumLabel, resolveFieldLabel, resolveNavLabel, resolveResourceLabel, resolveResourceNavLabel, resolveStaticAvailability, resourceCreateHref, resourceKey, resourceShowHref, routeResourceKey, snapshotAppFrames, snapshotBlockLookup, snapshotFrameLookup, taskRunFraction, taskRunOutcome, zoneShortName } from "@burojs/core";
-import { ComponentsContext, DispatcherProvider, I18nContext, NO_RECORD_SCOPE_FRAMES, QUICK_ANCHOR_ATTRIBUTE, QuickEntryContext, RecordScopeChain, RouteSourceContext, ScreenStateProvider, formatBytes, optionFieldName, recordRouteAvailable, resolveErrorText, resolveOptionLabel, retryRecordRead, useApp, useAppActions, useApplicationSnapshot, useAvailabilityGate, useAvailableEnumValues, useBoundEnum, useCapabilityResolver, useChangeLocale, useChromeT, useCommandPalette, useCurrentUserId, useDebouncedValue, useDispatcherEffects, useDocPanel, useDocScopes, useDocTopics, useDocTrailScopes, useDocsConfig, useDocumentedScopes, useEntryGate, useEnumValues, useFieldAccess, useFieldMetaSources, useFileField, useFileUrls, useFormController, useFrameImplementations, useFrameT, useI18nCaps, useIdentity, useLanguageStorageKey, useLinkKeys, useList, useListAccess, useLocale, useLogout, useNavigationGuardText, useNavigationOrigin, useOne, useOptionCaps, useOptionalApp, useOptionalAuthController, useOptionalDataRuntime, useOptionalFileStorage, useOptionalLocale, useOptionalRouterAdapter, useOptionalT, useOriginIntent, usePlatformStorage, usePresentBlock, useProjectedRecord, useProjectedTitle, usePublishOriginTitle, useQuick, useQuickEntry, useQuickEntryValue, useQuickOpener, useRecordTitle, useRefresh, useRegisterNavigationGuardDialog, useRelatedRecord, useRouteNavigate, useRouteRecordId, useRouterAdapter, useScope, useT, useTestIds, useTimeZone, useUIInstance, useUIPresentationRuntime, useVisibilityCtx } from "@burojs/react";
+import { ENUM_CONTROLS, FORM_SLOT, addressesCapability, builtinFrames, canonicalInstant, collectionFactOf, columnName, compilePageScreen, compiledScreenFor, declaredField, declaredText, dtoFields, effectiveFlow, enumFallbackKey, enumFallbackText, enumNamespaceOf, enumValueText, epochMsToInstant, evaluateVisible, fieldOptionText, fieldSensitivity, formatEntityRef, formatTimeValue, hasListPage, hasMenuEntry, hasRecordPage, hrefFor, humanizeKey, isCalendarDate, isCustomPageDef, isEnumControl, isRelationField, isScreenFailure, issueOfInput, linkOf, matchPath, memberFactOf, navHrefFor, nodeKind, normalizeDataError, normalizeEntityRef, normalizeIssueInputs, pageParamNames, parsePageParams, permissionsUndecided, projectDto, recordEntries, relationAmbiguousError, resolveConceptLabel, resolveContentSlot, resolveDoc, resolveEnumLabel, resolveFieldLabel, resolveNavLabel, resolveResourceLabel, resolveResourceNavLabel, resolveStaticAvailability, resourceCreateHref, resourceKey, resourceShowHref, routeResourceKey, routeServerIssues, sameEntityRef, scopeColumnOf, snapshotAppFrames, snapshotBlockLookup, snapshotFrameLookup, successNoticesOf, taskRunFraction, taskRunOutcome, zoneShortName } from "@burojs/core";
+import { ActionRouteContext, ComponentsContext, DispatcherProvider, FrameCheckContext, I18nContext, NO_RECORD_SCOPE_FRAMES, ORIGIN_DEPTH, QUICK_ANCHOR_ATTRIBUTE, QuickEntryContext, RecordFrameContext, RecordScopeChain, RecordScopeProvider, ResourceContext, RouteSourceContext, ScreenStateProvider, formatBytes, maybeThen, optionFieldName, pageAccessFor, policyRecordOf, recordKeyOf, recordRouteAvailable, resolveErrorText, resolveOptionLabel, resolveRoute, retryRecordRead, settle, useApp, useAppActions, useApplicationSnapshot, useAvailabilityGate, useAvailabilityResolver, useAvailableEnumValues, useBoundEnum, useCapabilityResolver, useChangeLocale, useChromeT, useCollectionMember, useCommandPalette, useComponent, useCtx, 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, usePageAccess, usePageScreen, usePermissions, usePermissionsUndecided, usePlatformStorage, usePresentBlock, useProjectedRecord, useProjectedTitle, usePublishDocVariant, usePublishOriginTitle, useQuick, useQuickEntry, useQuickEntryValue, useQuickOpener, useRecordFrame, useRecordTitle, useRefresh, useRegisterNavigationGuardDialog, useRelatedRecord, useReturnTarget, useRouteListImplementation, useRouteNavigate, useRouteRecordId, useRouterAdapter, useScope, useT, useTestIds, useTimeZone, useTranslate, 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 { Children, Fragment, Suspense, cloneElement, createContext, createElement, isValidElement, lazy, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
@@ -30,7 +31,7 @@ import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { enumBindingKey, enumParamsOf, narrowEntriesOf } from "@burojs/core/internal";
+import { 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";
@@ -296,7 +297,7 @@ function DocBrowser({ className }) {
 			label,
 			summary: resolveDoc(caps, entry.scope)?.summary,
 			nested: entry.kind === "variant",
-			group: entry.kind === "concept" ? glossaryLabel : entry.kind === "resource" ? areasLabel : void 0
+			group: entry.kind === "concept" ? glossaryLabel : entry.kind === "resource" || entry.kind === "base" ? areasLabel : void 0
 		};
 	}), [
 		app,
@@ -1712,7 +1713,21 @@ function useNavIcon() {
 	return useCallback((name) => resolveNavIcon(name, (key) => components[key]), [components]);
 }
 //#endregion
+//#region src/shell/use-shell-waiting.ts
+function useShellWaiting() {
+	return usePermissionsUndecided();
+}
+//#endregion
 //#region src/layout/build-nav-items.ts
+function groupNavHref(registry, group, isVisible) {
+	let href;
+	try {
+		href = navHrefFor(registry, group, { isVisible });
+	} catch {
+		return;
+	}
+	return matchPath(registry, href, { isVisible }) === null ? void 0 : href;
+}
 function buildNavItems(args) {
 	const { registry, caps, groupName, match, isVisible, entryFilter, icons } = args;
 	const chain = match?.groupChain ?? [];
@@ -1727,8 +1742,9 @@ function buildNavItems(args) {
 		if (!isEligible(child)) continue;
 		const kind = nodeKind(child);
 		const childKey = canonicalNavKey(child);
-		const href = navHrefFor(registry, childKey, { isVisible: isEligible });
 		if (kind === "group") {
+			const href = groupNavHref(registry, childKey, isEligible);
+			if (href === void 0) continue;
 			const label = resolveNavLabel(caps, `groups.${childKey}`, declaredText("chrome", child, "label"));
 			const active = chain.some((g) => canonicalNavKey(g) === childKey);
 			out.push({
@@ -1739,7 +1755,10 @@ function buildNavItems(args) {
 				icon: icons?.group?.(childKey),
 				active
 			});
-		} else if (kind === "custom-page") out.push({
+			continue;
+		}
+		const href = navHrefFor(registry, childKey, { isVisible: isEligible });
+		if (kind === "custom-page") out.push({
 			kind: "custom-page",
 			name: childKey,
 			label: resolveNavLabel(caps, `pages.${childKey}`, declaredText("chrome", child, "label")),
@@ -1759,6 +1778,171 @@ function buildNavItems(args) {
 	return out;
 }
 //#endregion
+//#region src/layout/layouts/secondary-sidebar-layout.tsx
+function Row({ it }) {
+	const RouterLink = useLinkComponent();
+	return jsx("li", { children: jsxs(RouterLink, {
+		href: it.href,
+		"data-testid": `nav-secondary-item:${it.name}`,
+		"aria-current": it.active ? "page" : void 0,
+		className: cn("flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium outline-hidden ring-offset-background transition-colors", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", it.active ? "bg-secondary text-secondary-foreground" : "text-muted-foreground hover:bg-secondary/50 hover:text-foreground"),
+		children: [it.icon != null && jsx("span", {
+			className: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
+			"aria-hidden": "true",
+			children: it.icon
+		}), jsx("span", {
+			className: "truncate",
+			title: it.label,
+			children: it.label
+		})]
+	}) });
+}
+function SecondarySidebarLayout({ group, groupKey, items, children }) {
+	const RouterLink = useLinkComponent();
+	const caps = useI18nCaps();
+	const id = groupKey ?? group.name;
+	const label = resolveNavLabel(caps, `groups.${id}`, declaredText("chrome", group, "label"));
+	return jsxs("div", {
+		className: "md:-m-6 md:flex md:min-h-[calc(100%+3rem)]",
+		"data-testid": `nav-secondary:${id}`,
+		children: [
+			jsx("aside", {
+				className: "hidden w-64 shrink-0 border-r bg-background text-foreground md:block",
+				children: jsxs("div", {
+					className: "space-y-4 p-4",
+					children: [jsx("p", {
+						className: "px-3 text-base font-semibold tracking-tight",
+						children: label
+					}), jsx("nav", {
+						"aria-label": label,
+						children: jsx("ul", {
+							className: "space-y-0.5",
+							children: items.map((it) => jsx(Row, { it }, it.name))
+						})
+					})]
+				})
+			}),
+			jsx("nav", {
+				"aria-label": label,
+				"data-testid": `nav-secondary-select:${id}`,
+				className: "-mx-1 mb-4 flex snap-x snap-proximity gap-1.5 overflow-x-auto scroll-smooth px-1 pb-1 [-ms-overflow-style:none] [mask-image:linear-gradient(to_right,transparent,black_8px,black_calc(100%-8px),transparent)] [scrollbar-width:none] md:hidden [&::-webkit-scrollbar]:hidden",
+				children: items.map((it) => jsx(RouterLink, {
+					href: it.href,
+					"aria-current": it.active ? "page" : void 0,
+					className: cn("snap-start whitespace-nowrap rounded-full border px-3 py-1.5 text-sm outline-hidden ring-offset-background transition-colors duration-150", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", it.active ? "border-primary/40 bg-primary/10 font-medium text-foreground" : "border-border text-muted-foreground hover:bg-accent/60 hover:text-accent-foreground"),
+					children: it.label
+				}, it.name))
+			}),
+			jsx("div", {
+				className: "min-w-0 flex-1 md:overflow-x-hidden md:p-6",
+				children
+			})
+		]
+	});
+}
+//#endregion
+//#region src/layout/layouts/tabs-layout.tsx
+function TabsLayout({ group, groupKey, items, children }) {
+	const RouterLink = useLinkComponent();
+	const caps = useI18nCaps();
+	const id = groupKey ?? group.name;
+	const label = resolveNavLabel(caps, `groups.${id}`, declaredText("chrome", group, "label"));
+	return jsxs("div", {
+		className: "flex flex-col gap-4",
+		"data-testid": `nav-tabs:${id}`,
+		children: [jsx("nav", {
+			"aria-label": label,
+			className: "flex gap-1 overflow-x-auto scroll-smooth border-b border-border [-ms-overflow-style:none] [mask-image:linear-gradient(to_right,transparent,black_8px,black_calc(100%-8px),transparent)] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+			children: items.map((it) => jsxs(RouterLink, {
+				href: it.href,
+				"aria-current": it.active ? "page" : void 0,
+				"data-testid": `nav-tab:${it.name}`,
+				className: cn("group/tab relative flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-t-sm px-3 py-2.5 text-sm outline-hidden ring-offset-background transition-colors duration-150", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", it.active ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"),
+				children: [
+					it.icon != null && jsx("span", {
+						className: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
+						"aria-hidden": "true",
+						children: it.icon
+					}),
+					it.label,
+					jsx("span", {
+						"aria-hidden": "true",
+						className: cn("pointer-events-none absolute inset-x-2 -bottom-px h-0.5 origin-center scale-x-0 rounded-full bg-primary opacity-0 transition-all duration-300 ease-out", it.active ? "scale-x-100 opacity-100" : "group-hover/tab:scale-x-100 group-hover/tab:opacity-30")
+					})
+				]
+			}, it.name))
+		}), jsx("div", {
+			className: "min-w-0",
+			children
+		})]
+	});
+}
+//#endregion
+//#region src/layout/nav-slots.ts
+function layoutSlot(key) {
+	return `layout.${key}`;
+}
+function useLayout(key) {
+	return useComponent(layoutSlot(key));
+}
+const BUILTIN_LAYOUTS = {
+	[layoutSlot("secondary-sidebar")]: SecondarySidebarLayout,
+	[layoutSlot("tabs")]: TabsLayout
+};
+function useLayoutResolver() {
+	const components = useContext(ComponentsContext);
+	return (key) => components[layoutSlot(key)] ?? BUILTIN_LAYOUTS[layoutSlot(key)];
+}
+const unresolvedLayoutReported = new WeakMap();
+function useReportUnresolvedLayouts(groups, resolve) {
+	const app = useApp();
+	useEffect(() => {
+		if (process.env.NODE_ENV === "production") return;
+		for (const group of groups) {
+			const layout = group.layout;
+			if (layout === "flat" || layout === "collapsible" || resolve(layout)) continue;
+			const key = canonicalNavKey(group);
+			let seen = unresolvedLayoutReported.get(app);
+			if (!seen) {
+				seen = new Set();
+				unresolvedLayoutReported.set(app, seen);
+			}
+			if (seen.has(key)) continue;
+			seen.add(key);
+			console.error(`[burojs] Nav group "${key}" declares layout "${layout}", and no renderer is registered for it. Register one as components["layout.${layout}"] on <BuroProvider>, or use a built-in layout: "secondary-sidebar", "tabs", "flat", "collapsible".`);
+		}
+	});
+}
+//#endregion
+//#region src/layout/use-nav-routing.ts
+function useNavVisible() {
+	const ctx = useVisibilityCtx();
+	const allowed = usePageAllowed();
+	return useCallback((node) => evaluateVisible(node.visible, ctx) && (!isCustomPageDef(node) || allowed(node)), [ctx, allowed]);
+}
+function useResourceVisible() {
+	const ctx = useVisibilityCtx();
+	return useCallback((def) => evaluateVisible(def.visible, ctx), [ctx]);
+}
+function usePageAllowed() {
+	const permissions = usePermissions();
+	return useCallback((page) => pageAccessFor(page, permissions) === "allowed", [permissions]);
+}
+function useHref(name, opts) {
+	const app = useApp();
+	const isVisible = useNavVisible();
+	return hrefFor(app.registry, name, {
+		...opts,
+		isVisible
+	});
+}
+function useMatch() {
+	const app = useApp();
+	const isVisible = useNavVisible();
+	const path = useOptionalRouterAdapter()?.pathname;
+	return path === void 0 ? null : matchPath(app.registry, path, { isVisible });
+}
+//#endregion
 //#region src/layout/use-nav-tree.ts
 function isActiveHref(href, currentPath) {
 	if (!currentPath) return false;
@@ -1783,7 +1967,7 @@ function useNavTree(opts = {}) {
 	const sections = app.registry.sections.list();
 	const groups = app.registry.groups.rootNodes().filter((n) => nodeKind(n) === "group");
 	useReportUnresolvedLayouts(app.registry.groups.list(), resolveLayout);
-	const topLevelResources = allResources.filter((r) => hasListPage(r)).filter(isResourceVisible).filter(passesEntryFilter).filter((r) => !r.section && !r.group).map((r, idx) => ({
+	const topLevelResources = allResources.filter((r) => hasMenuEntry(r)).filter(isResourceVisible).filter(passesEntryFilter).filter((r) => !r.section && !r.group).map((r, idx) => ({
 		r,
 		idx
 	})).sort((a, b) => {
@@ -1868,7 +2052,7 @@ function useNavTree(opts = {}) {
 	}];
 	for (const section of sections) {
 		const sectionKey = canonicalNavKey(section);
-		const entries = app.registry.sections.childrenOf(sectionKey).filter((c) => !("parent" in c) || hasListPage(c)).filter((c) => isCustomPageDef(c) ? pageAllowed(c) : isResourceVisible(c)).filter(passesEntryFilter).map((c) => isCustomPageDef(c) ? pageEntry(c) : resourceEntry(c));
+		const entries = app.registry.sections.childrenOf(sectionKey).filter((c) => !("parent" in c) || hasMenuEntry(c)).filter((c) => isCustomPageDef(c) ? pageAllowed(c) : isResourceVisible(c)).filter(passesEntryFilter).map((c) => isCustomPageDef(c) ? pageEntry(c) : resourceEntry(c));
 		if (entries.length === 0) continue;
 		const active = entries.some((e) => e.active);
 		out.push({
@@ -1886,7 +2070,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,
@@ -1965,155 +2150,2008 @@ function CollapsibleNavSection({ name, label, icon, hasActiveChild, declaredOpen
 					})
 				}), jsx(CollapsibleContent, { children: jsx(SidebarMenuSub, { children }) })]
 			})
-		}) }) })
+		}) }) })
+	});
+}
+function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection, entryFilter }) {
+	const tree = useNavTree({ entryFilter });
+	const app = useApp();
+	const tid = useTestIds();
+	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) => {
+		const def = iconForSection ? groupAsSection(key) : void 0;
+		return ownOr(def ? iconForSection?.(def) : void 0, name);
+	};
+	const entryIcon = (entry) => {
+		if (entry.kind === "group") return sectionIcon(entry.key, entry.icon);
+		if (entry.kind === "page") {
+			const page = iconForCustomPage ? app.registry.customPages.get(entry.key) : void 0;
+			return ownOr(page ? iconForCustomPage?.(page) : void 0, entry.icon);
+		}
+		const def = iconForResource ? app.registry.get(entry.key) : void 0;
+		return ownOr(def ? iconForResource?.(def) : void 0, entry.icon);
+	};
+	const entryTestId = (entry) => entry.kind === "page" ? tid.sidebarCustomPage(entry.key) : entry.kind === "group" ? tid.navGroup(entry.key) : tid.navMenuItem(entry.key);
+	const menuItem = (entry) => {
+		const icon = entryIcon(entry);
+		return jsx(SidebarMenuItem, { children: jsx(SidebarMenuButton, {
+			asChild: true,
+			isActive: entry.active,
+			tooltip: entry.label,
+			children: jsxs(RouterLink, {
+				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",
+					children: icon
+				}), jsx("span", { children: entry.label })]
+			})
+		}) }, entry.key);
+	};
+	const subItem = (entry) => jsx(SidebarMenuSubItem, { children: jsx(SidebarMenuSubButton, {
+		asChild: true,
+		isActive: entry.active,
+		children: jsx(RouterLink, {
+			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 ?? "";
+		if (block.label === null) return jsx(SidebarGroup, { children: jsx(SidebarGroupContent, { children: jsx(SidebarMenu, { children: block.entries.map(menuItem) }) }) }, key);
+		if (block.collapsible) return jsx(CollapsibleNavSection, {
+			name: key,
+			label: block.label,
+			icon: sectionIcon(key, block.icon),
+			hasActiveChild: block.active,
+			declaredOpen: block.defaultOpen,
+			children: block.entries.map(subItem)
+		}, key);
+		return jsxs(SidebarGroup, {
+			"data-testid": `sidebar-section-group:${key}`,
+			children: [jsx(SidebarGroupLabel, {
+				"data-testid": `sidebar-section:${key}`,
+				children: block.label
+			}), jsx(SidebarGroupContent, { children: jsx(SidebarMenu, { children: block.entries.map(menuItem) }) })]
+		}, key);
+	})] });
+}
+//#endregion
+//#region src/layout/app-sidebar.tsx
+function AppSidebar({ header, filters, nav, footer }) {
+	const headerNode = fill(header, () => jsx(SidebarBrand, {}));
+	const filtersNode = fill(filters, () => null);
+	const navNode = fill(nav, () => jsx(NavMain, {}));
+	const footerNode = fill(footer, () => jsx(UserMenu, {}));
+	return jsxs(Sidebar, {
+		collapsible: "icon",
+		children: [
+			(headerNode != null || filtersNode != null) && jsxs(SidebarHeader, {
+				className: "empty:hidden",
+				children: [headerNode, filtersNode]
+			}),
+			jsx(SidebarContent, { children: navNode }),
+			footerNode != null && jsx(SidebarFooter, {
+				className: "empty:hidden",
+				children: footerNode
+			}),
+			jsx(SidebarRail, {})
+		]
+	});
+}
+//#endregion
+//#region src/layout/nav-chrome-mounted.ts
+const NavChromeMountedContext = createContext(false);
+const NavChromeMountedProvider = NavChromeMountedContext.Provider;
+function useNavChromeMounted() {
+	return useContext(NavChromeMountedContext);
+}
+//#endregion
+//#region src/layout/nav-chrome.tsx
+const DETAIL_ACTIONS = new Set([
+	"show",
+	"edit",
+	"create"
+]);
+function NavChrome({ children, entryFilter, icons }) {
+	const app = useApp();
+	const caps = useI18nCaps();
+	const isVisible = useNavVisible();
+	const match = useMatch();
+	const resolveLayout = useLayoutResolver();
+	useReportUnresolvedLayouts(match?.groupChain ?? [], resolveLayout);
+	if (!match) return jsx(NavChromeMountedProvider, {
+		value: true,
+		children
+	});
+	let content = children;
+	for (let i = match.groupChain.length - 1; i >= 0; i--) {
+		const group = match.groupChain[i];
+		if (!group) continue;
+		const groupKey = canonicalNavKey(group);
+		if (group.chromeOn === "list" && match.kind === "resource" && DETAIL_ACTIONS.has(match.action)) continue;
+		const Layout = resolveLayout(group.layout);
+		if (!Layout) continue;
+		const items = buildNavItems({
+			registry: app.registry,
+			caps,
+			groupName: groupKey,
+			match,
+			isVisible,
+			entryFilter,
+			icons
+		});
+		content = jsx(Layout, {
+			group,
+			groupKey,
+			items,
+			children: content
+		});
+	}
+	return jsx(NavChromeMountedProvider, {
+		value: true,
+		children: content
+	});
+}
+//#endregion
+//#region src/flows/page-flow-loader.tsx
+function PageFlowRouteLoader({ match }) {
+	const t = useOptionalT();
+	const chromeT = useChromeT();
+	const loaded = useLoaded(loadPageFlowRoute);
+	const failed = (retry) => jsxs("div", {
+		role: "alert",
+		"data-buro-flow-load": "failed",
+		className: "flex flex-col gap-3 p-6 text-sm",
+		children: [jsx("p", { children: loadFailedText(t) }), jsx("div", { children: jsx(Button, {
+			type: "button",
+			onClick: retry,
+			children: chromeT("actions.retry", { defaultValue: "Retry" })
+		}) })]
+	});
+	if (loaded.error !== void 0) return failed(loaded.retry);
+	if (loaded.module === void 0) return jsx(RecordState, { state: "loading" });
+	const Route = loaded.module.PageFlowRoute;
+	return jsx(FlowBoundary, {
+		fallback: (_error, reset) => failed(reset),
+		children: jsx(Route, { match })
+	});
+}
+//#endregion
+//#region src/list-kit/resource-list-page.tsx
+function ResourceListPage({ resource: resourceInput, meta, renderCell, emptyState }) {
+	const resource = routeResourceKey(resourceInput);
+	const app = useRouteListImplementation();
+	const implementation = selectImplementation("buro:related-list", app);
+	const View = implementation === void 0 ? void 0 : viewOf(implementation);
+	const translate = useTranslate();
+	const route = useMemo(() => ({
+		meta,
+		renderCell,
+		emptyState
+	}), [
+		meta,
+		renderCell,
+		emptyState
+	]);
+	const viewProps = useMemo(() => ({
+		props: { resource: normalizeEntityRef(resource) },
+		data: {},
+		t: (key, options) => translate(`blocks.buro:related-list.${key}`, options)
+	}), [resource, translate]);
+	return jsx("div", {
+		"data-buro-node": "place",
+		"data-buro-size": "full",
+		className: "min-w-0",
+		children: jsx(RouteListContext.Provider, {
+			value: route,
+			children: jsx(Suspense, {
+				fallback: null,
+				children: View === void 0 ? null : jsx(View, { ...viewProps })
+			})
+		})
+	});
+}
+//#endregion
+//#region src/resource/collection-create-picker.tsx
+function CollectionCreatePicker({ collection }) {
+	const app = useApp();
+	const t = useOptionalT();
+	const caps = useI18nCaps();
+	const gate = useAvailabilityGate("create");
+	const Link = useLinkComponent();
+	const key = routeResourceKey(collection);
+	const testid = `collection-create-picker:${key}`;
+	let undecided = false;
+	const members = (collectionFactOf(app.registry.get(key))?.members ?? []).flatMap((entry) => {
+		const def = app.registry.get(entry.ref);
+		if (def === void 0 || !hasRecordPage(def, "create")) return [];
+		const member = routeResourceKey(entry.ref);
+		const state = gate(member, "create").state;
+		if (state === "undecided") undecided = true;
+		if (state !== "available") return [];
+		return [{
+			member,
+			href: resourceCreateHref(app.registry, def, member),
+			label: resolveResourceLabel(caps, member, "single", def)
+		}];
+	});
+	return jsxs("div", {
+		"data-testid": testid,
+		className: "mx-auto flex max-w-md flex-col gap-3 px-6 py-12",
+		children: [jsx("h2", {
+			className: "text-base font-semibold tracking-tight",
+			children: t("collection.createTitle", { defaultValue: "What do you want to create?" })
+		}), members.length > 0 ? jsx("ul", {
+			className: "flex flex-col gap-2",
+			children: members.map((entry) => jsx("li", { children: jsx(Button, {
+				asChild: true,
+				variant: "outline",
+				className: "w-full justify-start",
+				"data-testid": `${testid}:${entry.member}`,
+				children: jsxs(Link, {
+					href: entry.href,
+					children: [jsx(Icon, {
+						name: "Plus",
+						className: "mr-1 h-4 w-4"
+					}), entry.label]
+				})
+			}) }, entry.member))
+		}) : undecided ? jsx("div", {
+			role: "status",
+			"aria-busy": "true",
+			className: "h-9 w-full animate-pulse rounded bg-muted/40"
+		}) : jsx("p", {
+			className: "text-sm text-muted-foreground",
+			children: t("collection.createNone", { defaultValue: "There is nothing here you can create." })
+		})]
+	});
+}
+//#endregion
+//#region src/frames/obligations.tsx
+const SlotMountsContext = createContext(null);
+function useSlotOnce(slot) {
+	const mounts = useContext(SlotMountsContext);
+	const token = useId();
+	const first = mounts === null || mounts.claim(slot, token);
+	useEffect(() => {
+		if (mounts === null) return;
+		mounts.claim(slot, token);
+		return () => mounts.release(slot, token);
+	}, [
+		mounts,
+		slot,
+		token
+	]);
+	useEffect(() => {
+		if (!first) mounts?.twice(slot);
+	}, [
+		first,
+		mounts,
+		slot
+	]);
+	return first;
+}
+function FrameObligations({ id, mode, showActions, root, children }) {
+	const told = useRef(new Set());
+	const counts = useRef(new Map());
+	const owners = useRef(new Map());
+	const tell = (key, write) => {
+		if (told.current.has(key) || process.env.NODE_ENV === "production") return;
+		told.current.add(key);
+		write();
+	};
+	const latestId = useRef(id);
+	latestId.current = id;
+	const slotMounts = useMemo(() => ({
+		claim(slot, token) {
+			const owner = owners.current.get(slot);
+			if (owner === void 0) {
+				owners.current.set(slot, token);
+				return true;
+			}
+			return owner === token;
+		},
+		release(slot, token) {
+			if (owners.current.get(slot) === token) owners.current.delete(slot);
+		},
+		twice(slot) {
+			tell(`slot-twice:${slot}`, () => console.error(`[burojs] frame.slot-twice: ${latestId.current} renders slots.${slot} twice; a slot renders at most once (body twice would mount every field twice under one form).`));
+		}
+	}), []);
+	const pieces = useMemo(() => ({
+		stub: false,
+		mount(piece) {
+			counts.current.set(piece, (counts.current.get(piece) ?? 0) + 1);
+			return () => counts.current.set(piece, (counts.current.get(piece) ?? 1) - 1);
+		}
+	}), []);
+	return jsx(SlotMountsContext.Provider, {
+		value: slotMounts,
+		children: jsxs(FrameCheckContext.Provider, {
+			value: pieces,
+			children: [children, jsx(ObligationCheck, { check: () => {
+				const mounted = (piece) => (counts.current.get(piece) ?? 0) > 0;
+				if (mode !== "show" && !mounted("FormActions")) tell("no-form-actions", () => console.error(`[burojs] frame.no-form-actions: ${id} renders no <FormActions/> in ${mode}; nothing can submit or cancel the form.`));
+				if (mode === "show" && showActions && !mounted("RecordActions")) tell("no-actions", () => console.warn(`[burojs] screen.no-actions: ${id} renders no <RecordActions/> in show, and the resource has item actions there.`));
+				if (root.current?.querySelector("h1") != null) tell("h1", () => console.error(`[burojs] ${id} renders an h1; the route draws the screen's one h1.`));
+			} })]
+		})
+	});
+}
+function ObligationCheck({ check }) {
+	useEffect(() => {
+		check();
+	});
+	return null;
+}
+//#endregion
+//#region src/frames/slot-wrapper.tsx
+function DraftBanner() {
+	const { resource, mode, controller } = useRecordFrame();
+	const t = useOptionalT();
+	const tid = useTestIds();
+	const { draft } = controller;
+	if (mode === "show" || draft.pending === null) return null;
+	return jsxs("div", {
+		"data-testid": tid.formDraftBanner(resource, mode),
+		role: "status",
+		"aria-live": "polite",
+		className: "flex flex-wrap items-center gap-2 rounded-md border border-warning/50 bg-warning/10 px-3 py-2 text-sm",
+		children: [
+			jsx("span", {
+				className: "font-medium",
+				children: draft.recordChanged ? t("draft.recordChanged") : t("draft.found", { params: { time: timeAgo(draft.pending.savedAt, t) } })
+			}),
+			draft.recordChanged ? null : jsx("span", {
+				className: "text-muted-foreground",
+				children: t("draft.restorePrompt")
+			}),
+			jsxs("div", {
+				className: "ml-auto flex gap-2",
+				children: [draft.recordChanged ? null : jsx(Button, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					"data-testid": tid.formDraftRestore(resource, mode),
+					onClick: draft.restore,
+					children: t("draft.restore")
+				}), jsx(Button, {
+					type: "button",
+					size: "sm",
+					variant: "ghost",
+					"data-testid": tid.formDraftDiscard(resource, mode),
+					onClick: draft.discard,
+					children: t("draft.discard")
+				})]
+			})
+		]
+	});
+}
+function timeAgo(savedAt, t) {
+	const then = new Date(savedAt).getTime();
+	if (!Number.isFinite(then)) return t("draft.timeAgoRecently");
+	const diff = Date.now() - then;
+	if (diff < 6e4) return t("draft.timeAgoMoment");
+	if (diff < 36e5) return t("draft.timeAgoMinutes", { count: Math.round(diff / 6e4) });
+	if (diff < 864e5) return t("draft.timeAgoHours", { count: Math.round(diff / 36e5) });
+	return t("draft.timeAgoDays", { count: Math.round(diff / 864e5) });
+}
+function frameRecordId(frame, def) {
+	if (frame.recordId !== void 0) return frame.recordId;
+	const id = recordKeyOf(def, frame.record);
+	return typeof id === "string" || typeof id === "number" ? String(id) : void 0;
+}
+function BodySlot() {
+	const frame = useRecordFrame();
+	const { resource, mode, controller } = frame;
+	const chrome = useFrameChrome();
+	const tid = useTestIds();
+	const id = frameRecordId(frame, useApp().registry.get(resource));
+	const tree = jsx("div", {
+		"data-buro-region": "record-body",
+		"data-buro-slot": FORM_SLOT,
+		children: jsx(ScreenTree, {
+			region: "record",
+			slot: FORM_SLOT,
+			resource,
+			mode,
+			compiled: controller.screen,
+			controller
+		})
+	});
+	if (mode === "show") return tree;
+	return jsxs("form", {
+		id: chrome.formId,
+		noValidate: true,
+		"data-testid": tid.form(resource, mode, id),
+		onSubmit: (event) => {
+			event.preventDefault();
+			const steps = controller.steps;
+			if (steps !== null && steps.current !== void 0 && steps.current !== steps.ids[steps.ids.length - 1]) steps.next();
+			else chrome.submit();
+		},
+		className: "flex flex-col gap-4",
+		children: [jsx(DraftBanner, {}), tree]
+	});
+}
+function DisplaySlot({ name }) {
+	const { resource, mode, controller } = useRecordFrame();
+	return jsx(ScreenTree, {
+		region: "record",
+		slot: name,
+		resource,
+		mode,
+		compiled: controller.screen,
+		controller
+	});
+}
+function SlotWrapper({ name }) {
+	if (!useSlotOnce(name)) return null;
+	return name === FORM_SLOT ? jsx(BodySlot, {}) : jsx(DisplaySlot, { name });
+}
+//#endregion
+//#region src/frames/record-frame-host.tsx
+const NO_ROOT = { current: null };
+function drawnFields(roots, compiled, out) {
+	for (const node of roots) {
+		if (node.state === "absent") continue;
+		const field = node.field ?? compiled.nodes[node.index]?.field;
+		if (node.kind === "field" && field !== void 0 && node.state === "ready") out.add(field);
+		drawnFields(node.children, compiled, out);
+	}
+}
+function frameRecord(record, compiled, slots, idField, visible = () => true) {
+	if (record === void 0 || compiled === null || slots === void 0) return void 0;
+	const drawn = new Set();
+	for (const roots of Object.values(slots)) drawnFields(roots, compiled, drawn);
+	const declarations = new Map(compiled.fields.map((entry) => [entry.name, entry.declaration]));
+	const out = {};
+	if (Object.hasOwn(record, idField)) out[idField] = record[idField];
+	for (const name of drawn) {
+		if (!Object.hasOwn(record, name) || !visible(name)) continue;
+		if (fieldSensitivity(declarations.get(name)) !== void 0) continue;
+		out[name] = record[name];
+	}
+	return Object.freeze(out);
+}
+function declaredSlots(compiled) {
+	if (compiled === null) return [];
+	return Object.entries(compiled.slots).filter(([, nodes]) => nodes.length > 0).map(([name]) => name);
+}
+function useEffectiveFrame(instance) {
+	const { resource, mode, controller } = useRecordFrame();
+	const compiled = controller.screen;
+	const missing = useMemo(() => {
+		if (instance === void 0 || instance.for !== "record") return void 0;
+		const own = new Set(Object.keys(instance.slots));
+		return declaredSlots(compiled).find((slot) => !own.has(slot));
+	}, [instance, compiled]);
+	const told = useRef(false);
+	const instanceId = instance === void 0 ? void 0 : formatEntityRef(instance.ref);
+	useEffect(() => {
+		if (missing === void 0 || told.current || process.env.NODE_ENV === "production") return;
+		told.current = true;
+		console.error(`[burojs] <RecordScreen frame={${instanceId}}> lacks the slot ${missing} that ${resource}'s ${mode} screen fills; the screen's own frame draws it.`);
+	}, [
+		missing,
+		instanceId,
+		resource,
+		mode
+	]);
+	if (instance !== void 0 && instance.for === "record" && missing === void 0 && compiled !== null) return {
+		ref: instance.ref,
+		slotNames: Object.keys(instance.slots)
+	};
+	return {
+		ref: compiled?.frame ?? builtinFrames.record.ref,
+		slotNames: compiled === null ? ["header", FORM_SLOT] : Object.keys(compiled.slots)
+	};
+}
+function RecordFrameView({ frame: instance }) {
+	const { resource, mode, controller, record } = useRecordFrame();
+	const chrome = useFrameChrome();
+	const quick = useQuickEntry();
+	const app = useApp();
+	const catalog = useFrameImplementations();
+	const { ref, slotNames } = useEffectiveFrame(instance);
+	const id = formatEntityRef(ref);
+	const resolved = useMemo(() => resolveFrameView(ref, catalog, "record"), [ref, catalog]);
+	const t = useFrameT(id);
+	const compiled = controller.screen;
+	const plan = controller.plan;
+	const slots = {};
+	for (const name of slotNames) {
+		if (name === FORM_SLOT) {
+			slots[name] = jsx(SlotWrapper, { name }, name);
+			continue;
+		}
+		slots[name] = (plan?.slots[name] ?? []).every((node) => node.state === "absent") ? null : jsx(SlotWrapper, { name }, name);
+	}
+	slots[FORM_SLOT] ??= jsx(SlotWrapper, { name: FORM_SLOT });
+	const idField = app.registry.get(resource)?.data?.idField ?? "id";
+	const access = useFieldAccess(resource, "record", record === void 0 ? void 0 : policyRecordOf(controller, record));
+	const projected = useMemo(() => frameRecord(record, compiled, plan?.slots, idField, (name) => access[name]?.view === "visible"), [
+		record,
+		compiled,
+		plan,
+		idField,
+		access
+	]);
+	const quickHost = chrome.hostTitle === true && quick !== null;
+	const props = {
+		slots,
+		host: quickHost ? quick.host : "page",
+		mode,
+		screen: {
+			resource,
+			entry: quickHost ? "quick" : "route"
+		},
+		record: mode === "create" ? void 0 : projected,
+		t
+	};
+	const policyRecord = policyRecordOf(controller, record);
+	const rowId = record?.[idField];
+	const actionRow = useMemo(() => ({
+		...policyRecord ?? {},
+		id: typeof rowId === "string" || typeof rowId === "number" ? String(rowId) : ""
+	}), [policyRecord, rowId]);
+	const showItemActions = useShownItemActions(resource, actionRow, "show", void 0, controller.sources);
+	const showActions = mode === "show" && record !== void 0 && showItemActions.length > 0;
+	const View = resolved.view;
+	const builtin = isBuiltinRecordView(resolved);
+	return jsxs(Fragment$1, { children: [builtin ? null : jsxs(Fragment$1, { children: [jsx(HeaderTypeNotice, { resource }), jsx(ChangeTypeButton, {})] }), jsx(TypeChromeDrawnContext.Provider, {
+		value: !builtin,
+		children: jsx(Suspense, {
+			fallback: jsx(RecordState, { state: "loading" }),
+			children: jsx(FrameObligations, {
+				id,
+				mode,
+				showActions,
+				root: chrome.root ?? NO_ROOT,
+				children: jsx(View, { ...props })
+			})
+		})
+	})] });
+}
+function useResourceDimensionOptions(dimension, resource, labelField) {
+	const def = useApp().registry.get(resource);
+	const rowTitle = useRowTitle(resource, labelField ?? def?.displayField);
+	const rows = useList(resource, {
+		pagination: {
+			kind: "offset",
+			page: 1,
+			pageSize: 100
+		},
+		total: false,
+		scope: {
+			default: "session",
+			dimensions: { [dimension]: "none" }
+		}
+	}).data?.data;
+	return useMemo(() => (rows ?? []).flatMap((row) => {
+		const key = recordKeyOf(def, row);
+		return key === null || key === void 0 ? [] : [{
+			value: key,
+			label: rowTitle(row)
+		}];
+	}), [
+		rows,
+		def,
+		rowTitle
+	]);
+}
+//#endregion
+//#region src/record/scope-mismatch-banner.tsx
+const asList = (value) => value === null ? [] : Array.isArray(value) ? value : [value];
+const isScalar = (value) => typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+function ScopeMismatchBanner(props) {
+	const app = useApp();
+	const mapping = app.registry.get(props.resource)?.data?.scope;
+	if (app.scope === void 0 || mapping === void 0 || props.record === void 0) return null;
+	return jsx(Banner, {
+		...props,
+		record: props.record,
+		mapping
+	});
+}
+function Banner({ record, mapping, kind = "record" }) {
+	const scope = useScope();
+	const chromeT = useChromeT();
+	const differences = useMemo(() => {
+		const out = [];
+		for (const [dimension, target] of Object.entries(mapping)) {
+			const definition = scope.definition?.dimensions[dimension];
+			if (definition === void 0 || definition.select === "none") continue;
+			const selected = asList(scope.selection[dimension] ?? null);
+			if (selected.length === 0) continue;
+			const column = scopeColumnOf(target);
+			if (!Object.hasOwn(record, column)) continue;
+			const held = record[column];
+			if (held === null || held === void 0 || held === "") {
+				if (kind === "created" || "field" in target && target.empty === "shared") continue;
+				out.push({
+					dimension,
+					value: null,
+					selected,
+					select: definition.select
+				});
+				continue;
+			}
+			if (!isScalar(held)) continue;
+			if (selected.some((value) => String(value) === String(held))) continue;
+			out.push({
+				dimension,
+				value: held,
+				selected,
+				select: definition.select
+			});
+		}
+		return out;
+	}, [
+		mapping,
+		record,
+		scope.definition,
+		scope.selection,
+		kind
+	]);
+	if (differences.length === 0) return null;
+	const apply = () => {
+		for (const difference of differences) scope.select(difference.dimension, difference.value === null ? null : difference.select === "multiple" ? [difference.value] : difference.value);
+	};
+	return jsxs("div", {
+		role: "status",
+		"data-testid": "scope-mismatch:banner",
+		className: "flex flex-wrap items-center justify-between gap-3 rounded-md border bg-muted/50 px-3 py-2 text-sm",
+		children: [jsxs("div", {
+			className: "space-y-1",
+			children: [jsx("p", {
+				className: "font-medium",
+				children: kind === "created" ? chromeT("scope.mismatch.createdOutside", { defaultValue: "Created outside the current scope" }) : chromeT("scope.mismatch.title", { defaultValue: "This record is outside the current scope" })
+			}), jsx("ul", {
+				className: "text-muted-foreground",
+				children: differences.map((difference) => jsx(DifferenceLine, {
+					difference,
+					definition: scope.definition.dimensions[difference.dimension]
+				}, difference.dimension))
+			})]
+		}), jsx(Button, {
+			type: "button",
+			size: "sm",
+			"data-testid": "scope-mismatch:switch",
+			onClick: apply,
+			children: chromeT("scope.mismatch.switch", { defaultValue: "Switch" })
+		})]
+	});
+}
+function DifferenceLine(props) {
+	const source = props.definition.values;
+	if (source !== void 0 && !Array.isArray(source)) {
+		const { resource, label } = source;
+		return jsx(ResourceLine, {
+			...props,
+			resource,
+			...label ? { labelField: label } : {}
+		});
+	}
+	return jsx(LineText, {
+		difference: props.difference,
+		options: source ?? []
+	});
+}
+function ResourceLine({ difference, resource, labelField }) {
+	const options = useResourceDimensionOptions(difference.dimension, resource, labelField);
+	return jsx(LineText, {
+		difference,
+		options
+	});
+}
+function LineText({ difference, options }) {
+	const chromeT = useChromeT();
+	const labelOf = (value) => options.find((option) => String(option.value) === String(value))?.label ?? String(value);
+	const field = humanizeKey(difference.dimension);
+	const item = difference.value === null ? chromeT("scope.mismatch.empty", { defaultValue: "not set" }) : labelOf(difference.value);
+	const items = difference.selected.map(labelOf).join(", ");
+	return jsx("li", {
+		"data-testid": `scope-mismatch:line:${difference.dimension}`,
+		children: chromeT("scope.mismatch.line", {
+			params: {
+				field,
+				item,
+				items
+			},
+			defaultValue: `${field}: ${item} (selected: ${items})`
+		})
+	});
+}
+//#endregion
+//#region src/record/type-offer.tsx
+function TypeOffer({ resource, offer, onChoose }) {
+	const app = useApp();
+	const t = useOptionalT();
+	const tid = useTestIds();
+	const def = app.registry.get(resource);
+	const by = def?.types?.by;
+	const field = by === void 0 ? void 0 : def?.fields[by];
+	const ref = def?.ref ?? {
+		namespace: "default",
+		id: resource
+	};
+	return jsxs("section", {
+		"aria-labelledby": "type-offer-title",
+		className: "flex flex-col gap-3",
+		children: [jsxs("div", {
+			className: "flex flex-col gap-1",
+			children: [jsx("h2", {
+				id: "type-offer-title",
+				className: "text-base font-semibold",
+				children: t("create.typeOffer.title", { defaultValue: "Choose a type" })
+			}), jsx("p", {
+				className: "text-sm text-muted-foreground",
+				children: t("create.typeOffer.hint", { defaultValue: "The type decides which fields the record has." })
+			})]
+		}), offer.status === "pending" ? jsxs("div", {
+			"aria-busy": "true",
+			className: "flex flex-col gap-2",
+			children: [jsx(Skeleton, { className: "h-10 w-full" }), jsx(Skeleton, { className: "h-10 w-full" })]
+		}) : offer.types.length === 0 ? jsx("p", {
+			role: "status",
+			className: "text-sm text-muted-foreground",
+			children: t("create.typeOffer.empty", { defaultValue: "No type can be created here." })
+		}) : jsx("ul", {
+			className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+			children: offer.types.map((type) => jsx("li", { children: jsx("button", {
+				type: "button",
+				"data-testid": tid.typeOffer(resource, type),
+				onClick: () => onChoose(type),
+				className: "flex w-full items-center gap-2 rounded-md border px-3 py-2 text-left text-sm hover:bg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+				children: by === void 0 || field === void 0 ? type : jsx(FieldDisplay, {
+					resource: ref,
+					name: by,
+					field,
+					value: type,
+					fallback: jsx("span", { children: type })
+				})
+			}) }, type))
+		})]
+	});
+}
+//#endregion
+//#region src/record/record-screen.tsx
+function isAbort(error) {
+	if (error === null || typeof error !== "object" && typeof error !== "function") return false;
+	try {
+		return error.name === "AbortError";
+	} catch {
+		return false;
+	}
+}
+const NO_ISSUES = Object.freeze([]);
+const APPLIED_UNREADABLE = Object.freeze({
+	code: "applied-unreadable",
+	message: Object.freeze({
+		key: "errors.appliedUnreadable",
+		default: "Saved. The server's answer could not be read, so the screen may not show the latest values."
+	}),
+	path: Object.freeze([]),
+	source: "server",
+	severity: "info"
+});
+function issuesOf(error) {
+	if (error === null || typeof error !== "object") return void 0;
+	try {
+		const descriptor = Object.getOwnPropertyDescriptor(error, "issues");
+		return descriptor !== void 0 && "value" in descriptor ? descriptor.value : void 0;
+	} catch {
+		return;
+	}
+}
+const NO_EDITED = new Set();
+function sameValue(a, b) {
+	if (Object.is(a, b)) return true;
+	try {
+		return JSON.stringify(a) === JSON.stringify(b);
+	} catch {
+		return false;
+	}
+}
+function RecordFrameHost(props) {
+	const { resource, mode } = props;
+	const [failed, setFailed] = useState(NO_ISSUES);
+	const named = useMemo(() => failed.length === 0 ? NO_ISSUES : routeServerIssues({ issues: failed }, (segment) => segment, (field) => field !== "_form").fields, [failed]);
+	const atFailure = useRef({});
+	const [edited, setEdited] = useState(NO_EDITED);
+	const controller = useFormController({
+		resource,
+		mode,
+		...props.recordId === void 0 ? {} : { recordId: props.recordId },
+		...props.type === void 0 ? {} : { type: props.type },
+		...props.record === void 0 ? {} : { record: props.record },
+		...props.defaults === void 0 ? {} : { defaults: props.defaults },
+		...props.onSubmit === void 0 ? {} : { onSubmit: props.onSubmit },
+		...props.hostTitle ? { entry: "quick" } : {},
+		serverIssues: named
+	});
+	const inputApplied = useRef(false);
+	const { input } = props;
+	const plan = controller.plan;
+	useEffect(() => {
+		if (inputApplied.current || input === void 0 || mode !== "create" || plan === null) return;
+		inputApplied.current = true;
+		for (const [key, value] of Object.entries(input)) if (plan.fields[key] === "active") controller.setValue(key, value);
+	}, [
+		input,
+		mode,
+		plan,
+		controller
+	]);
+	const tid = useTestIds();
+	const formId = `record-form-${useId()}`;
+	const root = useRef(null);
+	const [submitError, setSubmitError] = useState(void 0);
+	const [submitApplied, setSubmitApplied] = useState(void 0);
+	useEffect(() => {
+		if (plan === null) return;
+		const now = Object.keys(atFailure.current).filter((name) => !edited.has(name) && plan.fields[name] === "active" && !sameValue(controller.field(name).value, atFailure.current[name]));
+		if (now.length > 0) setEdited((previous) => new Set([...previous, ...now]));
+	}, [
+		plan,
+		controller,
+		edited
+	]);
+	const notify = useNoticeSink(resource);
+	const routeScreen = useIsRouteScreen();
+	const leavesOnCreate = mode === "create" && routeScreen;
+	const [created, setCreated] = useState(false);
+	const createdRef = useRef(false);
+	const latest = useRef({
+		controller,
+		onSuccess: props.onSuccess,
+		notify,
+		leavesOnCreate
+	});
+	latest.current = {
+		controller,
+		onSuccess: props.onSuccess,
+		notify,
+		leavesOnCreate
+	};
+	const mounted = useRef(true);
+	useEffect(() => {
+		mounted.current = true;
+		return () => {
+			mounted.current = false;
+		};
+	}, []);
+	const submit = useCallback(async () => {
+		if (createdRef.current) return;
+		setSubmitError(void 0);
+		setSubmitApplied(void 0);
+		setFailed(NO_ISSUES);
+		setEdited(NO_EDITED);
+		atFailure.current = {};
+		const outcome = await latest.current.controller.submit();
+		if (!mounted.current) return;
+		if (latest.current.leavesOnCreate && (outcome.status === "submitted" || outcome.status === "failed" && outcome.applied === "yes")) {
+			createdRef.current = true;
+			setCreated(true);
+		}
+		if (outcome.status === "submitted") {
+			const notices = successNoticesOf(outcome.result);
+			if (notices.length > 0) latest.current.notify(notices);
+			latest.current.onSuccess?.(outcome.result);
+		} else if (outcome.status === "failed" && outcome.applied === "yes") {
+			latest.current.notify([APPLIED_UNREADABLE]);
+			latest.current.onSuccess?.(void 0);
+		} else if (outcome.status === "failed" && !isAbort(outcome.error)) {
+			setSubmitError(outcome.error ?? null);
+			setSubmitApplied(outcome.applied);
+			const issues = normalizeIssueInputs(issuesOf(outcome.error)).issues;
+			const next = issues.length === 0 ? NO_ISSUES : Object.freeze(issues.map(issueOfInput));
+			const held = {};
+			const now = latest.current.controller;
+			for (const issue of next) {
+				const head = issue.path[0];
+				if (typeof head === "string" && head !== "_form" && now.plan?.fields[head] === "active") held[head] = now.field(head).value;
+			}
+			atFailure.current = held;
+			setFailed(next);
+		}
+	}, []);
+	const record = controller.record;
+	const recordText = props.recordId === void 0 ? void 0 : String(props.recordId);
+	const frame = useMemo(() => ({
+		resource,
+		recordId: recordText,
+		mode,
+		record,
+		controller
+	}), [
+		resource,
+		recordText,
+		mode,
+		record,
+		controller
+	]);
+	const { chooseType } = props;
+	const typedAndAccepted = mode === "create" && controller.typeOffer !== null && controller.failure === null;
+	const adapter = useOptionalRouterAdapter();
+	const hostRouter = routeScreen ? adapter : null;
+	const guardText = useNavigationGuardText();
+	const changeType = useMemo(() => typedAndAccepted ? () => {
+		if (hostRouter === null && latest.current.controller.isDirty && !window.confirm(`${guardText.title}\n\n${guardText.body}`)) return;
+		chooseType(void 0);
+	} : void 0, [
+		typedAndAccepted,
+		chooseType,
+		hostRouter,
+		guardText.title,
+		guardText.body
+	]);
+	const app = useApp();
+	const typesDecl = app.registry.get(resource)?.types;
+	const loaded = controller.record;
+	const unsupportedType = useMemo(() => {
+		if (mode === "create" || typesDecl === void 0 || loaded === void 0) return void 0;
+		const value = loaded[typesDecl.by];
+		const name = typeof value === "string" && value !== "" ? value : null;
+		return name !== null && typesDecl.items.some((item) => item.name === name) ? void 0 : name;
+	}, [
+		mode,
+		typesDecl,
+		loaded
+	]);
+	const shownFailed = useMemo(() => edited.size === 0 ? failed : Object.freeze(failed.filter((issue) => {
+		const head = issue.path[0];
+		return typeof head !== "string" || !edited.has(head);
+	})), [failed, edited]);
+	const chrome = useMemo(() => ({
+		...props.onCancel === void 0 ? {} : { onCancel: props.onCancel },
+		...props.submitLabel === void 0 ? {} : { submitLabel: props.submitLabel },
+		...props.extraActions === void 0 ? {} : { extraActions: props.extraActions },
+		...changeType === void 0 ? {} : { changeType },
+		...unsupportedType === void 0 ? {} : { unsupportedType },
+		...props.hostTitle ? { hostTitle: true } : {},
+		formId,
+		submitError,
+		...submitApplied === void 0 ? {} : { submitApplied },
+		serverIssues: shownFailed,
+		...created ? { created: true } : {},
+		submit,
+		root
+	}), [
+		props.onCancel,
+		props.submitLabel,
+		props.extraActions,
+		changeType,
+		unsupportedType,
+		props.hostTitle,
+		formId,
+		submitError,
+		submitApplied,
+		shownFailed,
+		created,
+		submit
+	]);
+	usePublishDocVariant(mode === "show" ? resource : void 0, record);
+	const failure = controller.failure;
+	const offering = failure?.kind === "type-required" && controller.typeOffer !== null;
+	useEffect(() => {
+		if (failure === null || offering || process.env.NODE_ENV === "production") return;
+		console.error(`[burojs] <RecordScreen resource="${resource}" mode="${mode}"> cannot render its screen: ${failure.kind === "screen" ? `${failure.failure.code} at ${failure.failure.path.join(".")}: ${failure.failure.message}` : "a typed create needs an accepted type"}.`);
+	}, [
+		failure,
+		offering,
+		resource,
+		mode
+	]);
+	const formControl = useFormControlOf(controller);
+	const id = frameRecordId(frame, app.registry.get(frame.resource));
+	const rootId = mode === "show" ? tid.pageShow(resource, id ?? "") : mode === "edit" ? tid.pageEdit(resource, id ?? "") : tid.pageCreate(resource);
+	const claimedRoute = useContext(RouteSourceContext);
+	const scopeValues = mode === "show" ? controller.record : controller.values;
+	return jsx(RecordScopeProvider, {
+		resource,
+		...recordText === void 0 ? {} : { recordId: recordText },
+		values: scopeValues,
+		create: mode === "create",
+		children: jsx(RouteSourceContext.Provider, {
+			value: null,
+			children: jsx(ActionRouteContext.Provider, {
+				value: claimedRoute,
+				children: jsx(RecordFrameContext.Provider, {
+					value: frame,
+					children: jsx(FrameChromeContext.Provider, {
+						value: chrome,
+						children: jsxs(FormControlProvider, {
+							value: formControl,
+							children: [jsx(DeepLinkScope, {
+								plan: controller.plan,
+								enabled: routeScreen && mode !== "create",
+								children: jsx("div", {
+									ref: root,
+									"data-testid": rootId,
+									className: "flex flex-col gap-[var(--buro-section-gap)]",
+									children: offering && controller.typeOffer !== null ? jsx(TypeOffer, {
+										resource,
+										offer: controller.typeOffer,
+										onChoose: (type) => chooseType(type)
+									}) : failure !== null ? jsxs(Fragment$1, { children: [jsx(RecordState, { state: "error" }), jsx(FormActions, {})] }) : mode === "edit" && unsupportedType !== void 0 ? jsx(UndeclaredTypeNotice, {
+										resource,
+										typeValue: unsupportedType
+									}) : jsxs(Fragment$1, { children: [jsx(ScopeMismatchBanner, {
+										resource,
+										record: mode === "create" ? controller.trustedSeeds : controller.record,
+										kind: mode === "create" ? "created" : "record"
+									}), jsx(RecordFrameView, { ...props.frame === void 0 ? {} : { frame: props.frame } })] })
+								})
+							}), controller.checkGate === null ? null : jsx(CheckConfirmDialog, {
+								state: controller.checkGate,
+								testid: `${tid.form(resource, mode, id)}:checks`
+							})]
+						})
+					})
+				})
+			})
+		})
+	});
+}
+function RecordScreen(props) {
+	const app = useApp();
+	const routeScreen = useContext(RouteScreenClaimContext);
+	const quickScreen = useContext(QuickScreenClaimContext);
+	const route = useContext(RouteSourceContext);
+	const resourceInput = props.resource;
+	const resource = resourceKey(resourceInput);
+	const tabs = useTabsUrlState(props.mode, routeScreen);
+	const adapter = useOptionalRouterAdapter();
+	const router = routeScreen ? adapter : null;
+	const navigate = useRouteNavigate();
+	const [local, setLocal] = useState(props.type);
+	const [typeProp, setTypeProp] = useState(props.type);
+	if (props.type !== typeProp) {
+		setTypeProp(props.type);
+		setLocal(props.type);
+	}
+	const [chose, setChose] = useState(false);
+	const fromUrl = router?.searchParams.get("type") ?? void 0;
+	const type = props.mode !== "create" ? props.type : router === null ? local : chose ? fromUrl : props.type ?? fromUrl;
+	const chooseType = useCallback((next) => {
+		if (router === null) {
+			setLocal(next);
+			return;
+		}
+		setChose(true);
+		const params = new URLSearchParams(router.searchParams);
+		if (next === void 0) params.delete("type");
+		else params.set("type", next);
+		const query = params.toString();
+		navigate(query === "" ? router.pathname : `${router.pathname}?${query}`);
+	}, [router, navigate]);
+	if (app.registry.get(resource) === void 0) return jsx(RecordState, { state: "not-found" });
+	const { type: _declared, ...rest } = props;
+	return jsx(RouteScreenClaimContext.Provider, {
+		value: false,
+		children: jsx(QuickScreenClaimContext.Provider, {
+			value: false,
+			children: jsx(RouteSourceContext.Provider, {
+				value: routeScreen || quickScreen ? route : null,
+				children: jsx(RouteScreenContext.Provider, {
+					value: routeScreen,
+					children: jsx(ResourceContext.Provider, {
+						value: { resource },
+						children: jsx(ScreenStateProvider, {
+							open: tabs.open,
+							onOpenChange: tabs.onOpenChange,
+							children: jsx(RecordFrameHost, {
+								...rest,
+								...type === void 0 ? {} : { type },
+								resource,
+								chooseType,
+								hostTitle: quickScreen
+							}, type ?? "")
+						})
+					})
+				})
+			})
+		})
+	});
+}
+//#endregion
+//#region src/layout/record-targets.ts
+function isShowAvailable(registry, resource) {
+	return recordRouteAvailable(registry, resource, "show");
+}
+function showTarget(resource, id) {
+	return {
+		resource,
+		action: "show",
+		params: { id }
+	};
+}
+function listTarget(resource) {
+	return {
+		resource,
+		action: "list"
+	};
+}
+//#endregion
+//#region src/layout/route-trail.ts
+function useTrailContext() {
+	const app = useApp();
+	const caps = useI18nCaps();
+	const isVisible = useNavVisible();
+	const t = useT();
+	return {
+		registry: app.registry,
+		caps,
+		isVisible,
+		t
+	};
+}
+function groupCrumbs(ctx, chain) {
+	return chain.map((group) => {
+		const key = canonicalNavKey(group);
+		return {
+			label: resolveNavLabel(ctx.caps, `groups.${key}`, declaredText("chrome", group, "label")),
+			href: groupNavHref(ctx.registry, key, ctx.isVisible),
+			jump: true
+		};
+	});
+}
+function nonEmpty(crumbs) {
+	return crumbs.length > 0 ? crumbs : void 0;
+}
+function recordActionOf(match) {
+	if (match === null || match.kind !== "resource") return void 0;
+	switch (match.action) {
+		case "show":
+		case "edit":
+		case "create": return match.action;
+		default: return;
+	}
+}
+function pathOf(href) {
+	const path = href.split(/[?#]/, 1)[0] ?? "";
+	return path.length > 1 && path.endsWith("/") ? path.slice(0, -1) : path;
+}
+function originTrail(ctx, origin, depth = ORIGIN_DEPTH) {
+	const match = matchPath(ctx.registry, pathOf(origin.href), { isVisible: ctx.isVisible });
+	if (match === null) return void 0;
+	switch (match.kind) {
+		case "resource": {
+			const key = canonicalNavKey(match);
+			if (match.action === "list") return {
+				leading: groupCrumbs(ctx, match.groupChain),
+				resource: key,
+				resourceHref: origin.href,
+				segments: []
+			};
+			const def = ctx.registry.get(key);
+			const crumb = {
+				label: match.action === "create" ? ctx.t("breadcrumbs.create") : origin.title || (match.id === void 0 ? "" : `#${match.id}`),
+				href: origin.href
+			};
+			const parent = depth > 1 && origin.origin !== void 0 ? originTrail(ctx, origin.origin, depth - 1) : void 0;
+			if (parent !== void 0) return {
+				...parent,
+				segments: [...parent.segments, crumb]
+			};
+			return {
+				leading: groupCrumbs(ctx, match.groupChain),
+				resource: key,
+				...def !== void 0 && hasListPage(def) ? { resourceHref: hrefFor(ctx.registry, key) } : {},
+				segments: [crumb]
+			};
+		}
+		case "custom-page": {
+			const trail = headerTrail(ctx, match);
+			if (trail === null || trail.pageLabel === void 0) return void 0;
+			return {
+				leading: trail.leadingSegments ?? [],
+				segments: [{
+					label: trail.pageLabel,
+					href: origin.href
+				}]
+			};
+		}
+		case "group-index": {
+			const crumbs = groupCrumbs(ctx, match.groupChain);
+			const own = crumbs[crumbs.length - 1];
+			if (own === void 0) return void 0;
+			return {
+				leading: crumbs.slice(0, -1),
+				segments: [{
+					label: own.label,
+					href: origin.href
+				}]
+			};
+		}
+		default: return;
+	}
+}
+function recordTrail(ctx, input) {
+	const { resource, action, id, origin } = input;
+	if (origin !== void 0 && (action === "create" || id !== "")) return originRooted(ctx, input, origin);
+	const leadingSegments = nonEmpty(groupCrumbs(ctx, input.groupChain));
+	if (action !== "create" && id === "") return {
+		resource,
+		leadingSegments
+	};
+	const recordLabel = input.title || id;
+	const middleSegments = action === "edit" ? [isShowAvailable(ctx.registry, resource) ? {
+		label: recordLabel,
+		href: resolveRoute(showTarget(resource, id), ctx.registry)
+	} : { label: recordLabel }] : void 0;
+	const pageLabel = action === "create" ? ctx.t("breadcrumbs.create") : action === "edit" ? ctx.t("breadcrumbs.edit") : recordLabel;
+	return {
+		resource,
+		recordId: action === "create" ? void 0 : id,
+		pageLabel,
+		leadingSegments,
+		middleSegments
+	};
+}
+function originRooted(ctx, input, origin) {
+	const { resource, action, id } = input;
+	const recordLabel = input.title || id;
+	const drawn = new Set(origin.segments.flatMap((crumb) => crumb.href === void 0 ? [] : [pathOf(crumb.href)]));
+	const own = action === "edit" ? [isShowAvailable(ctx.registry, resource) ? {
+		label: recordLabel,
+		href: resolveRoute(showTarget(resource, id), ctx.registry)
+	} : { label: recordLabel }].filter((crumb) => crumb.href === void 0 || !drawn.has(pathOf(crumb.href))) : [];
+	const pageLabel = action === "create" ? ctx.t("breadcrumbs.create") : action === "edit" ? ctx.t("breadcrumbs.edit") : recordLabel;
+	const recordId = action === "create" ? void 0 : id;
+	const middleSegments = nonEmpty([...origin.segments, ...own]);
+	if (origin.resource !== void 0 && ctx.registry.get(origin.resource) === ctx.registry.get(resource)) return {
+		resource,
+		recordId,
+		pageLabel,
+		leadingSegments: nonEmpty([...origin.leading]),
+		...origin.resourceHref === void 0 ? {} : { resourceHref: origin.resourceHref },
+		middleSegments
+	};
+	const def = origin.resource === void 0 ? void 0 : ctx.registry.get(origin.resource);
+	const resourceCrumb = origin.resource === void 0 ? [] : [{
+		label: resolveResourceLabel(ctx.caps, origin.resource, "plural", def),
+		...origin.resourceHref === void 0 ? {} : { href: origin.resourceHref }
+	}];
+	return {
+		resource,
+		recordId,
+		pageLabel,
+		rootSegments: [
+			...origin.leading,
+			...resourceCrumb,
+			...origin.segments,
+			...own
+		]
+	};
+}
+function recordTrailRoute(registry, match) {
+	if (match === null || match.kind !== "resource") return null;
+	const resource = canonicalNavKey(match);
+	const { groupChain } = match;
+	if (match.action === "flow") return {
+		resource,
+		action: "show",
+		id: match.id ?? "",
+		flow: match.flow ?? "",
+		groupChain
+	};
+	const action = recordActionOf(match);
+	if (action === void 0 || !recordRouteAvailable(registry, resource, action)) return null;
+	return {
+		resource,
+		action,
+		id: action === "create" ? "" : match.id ?? "",
+		groupChain
+	};
+}
+function headerTrail(ctx, match) {
+	if (match === null) return null;
+	const key = canonicalNavKey(match);
+	switch (match.kind) {
+		case "resource": {
+			const leadingSegments = nonEmpty(groupCrumbs(ctx, match.groupChain));
+			const action = recordActionOf(match);
+			if (recordTrailRoute(ctx.registry, match) !== null) return null;
+			if (action === void 0) return {
+				resource: key,
+				leadingSegments
+			};
+			return {
+				resource: key,
+				recordId: match.id,
+				pageLabel: ctx.t("router.notFoundTitle"),
+				leadingSegments
+			};
+		}
+		case "custom-page": {
+			const page = ctx.registry.customPages.get(match.name);
+			if (page === void 0 || !ctx.isVisible(page)) return null;
+			return {
+				name: key,
+				pageLabel: resolveNavLabel(ctx.caps, `pages.${key}`, declaredText("chrome", page, "label")),
+				leadingSegments: nonEmpty(groupCrumbs(ctx, match.groupChain))
+			};
+		}
+		case "group-index": {
+			const own = match.groupChain[match.groupChain.length - 1];
+			if (own === void 0) return null;
+			const crumbs = groupCrumbs(ctx, match.groupChain);
+			const current = crumbs[crumbs.length - 1];
+			return {
+				name: canonicalNavKey(own),
+				pageLabel: current.label,
+				leadingSegments: nonEmpty(crumbs.slice(0, -1))
+			};
+		}
+		default: return null;
+	}
+}
+function recentStorageKey(userId) {
+	return `buro:recent:v2:${userId}`;
+}
+function isRecent(value) {
+	if (typeof value !== "object" || value === null) return false;
+	const entry = value;
+	return typeof entry.canonicalRef === "string" && typeof entry.id === "string" && typeof entry.label === "string" && (entry.labelField === void 0 || typeof entry.labelField === "string") && typeof entry.at === "string";
+}
+function parse(raw) {
+	if (raw === null) return [];
+	try {
+		const parsed = JSON.parse(raw);
+		if (typeof parsed !== "object" || parsed === null) return [];
+		const envelope = parsed;
+		if (envelope.version !== 2 || !Array.isArray(envelope.items)) return [];
+		return envelope.items.filter(isRecent);
+	} catch {
+		return [];
+	}
+}
+function readRecentRecords(store, userId) {
+	return maybeThen(settle(() => store.get(recentStorageKey(userId)), null), parse);
+}
+function writeRecentRecord(store, userId, entry) {
+	const key = recentStorageKey(userId);
+	return maybeThen(settle(() => store.get(key), null), (raw) => {
+		const envelope = {
+			version: 2,
+			items: [entry, ...parse(raw).filter((item) => !(item.canonicalRef === entry.canonicalRef && item.id === entry.id))].slice(0, 5)
+		};
+		return settle(() => store.set(key, JSON.stringify(envelope)), void 0);
+	});
+}
+function text$1(value) {
+	return typeof value === "string" && value.length > 0 ? value : void 0;
+}
+const RECENT_LABEL_KEYS = [
+	"alias",
+	"name",
+	"title",
+	"label"
+];
+function recentLabel(record, id, isGuarded = () => false) {
+	for (const key of RECENT_LABEL_KEYS) {
+		if (isGuarded(key)) continue;
+		const value = text$1(record[key]);
+		if (value !== void 0) return {
+			label: value,
+			field: key
+		};
+	}
+	return { label: id };
+}
+//#endregion
+//#region src/layout/use-record-visit.ts
+function useRecordVisit(resource, record, opts) {
+	const userId = useCurrentUserId();
+	const store = usePlatformStorage().local;
+	const app = useApp();
+	const def = app.registry.get(resource);
+	const raw = recordKeyOf(def, record);
+	const id = typeof raw === "string" || typeof raw === "number" ? String(raw) : void 0;
+	const fields = def?.fields;
+	const rules = app.ruleSource?.rules(resource) ?? [];
+	const isGuarded = (field) => fields !== void 0 && Object.hasOwn(fields, field) && fieldSensitivity(fields[field]) !== void 0 || addressesCapability(rules, "view", {
+		kind: "field",
+		name: field
+	});
+	const picked = record != null && id !== void 0 ? recentLabel(record, id, isGuarded) : void 0;
+	const label = picked?.label;
+	const labelField = picked?.field;
+	const canonicalRef = canonicalResourceName(resource);
+	const { isCurrentData } = opts;
+	useEffect(() => {
+		if (userId === null || !isCurrentData || id === void 0 || id === "") return;
+		if (label === void 0) return;
+		writeRecentRecord(store, userId, {
+			canonicalRef,
+			id,
+			label,
+			...labelField === void 0 ? {} : { labelField },
+			at: new Date().toISOString()
+		});
+	}, [
+		store,
+		userId,
+		isCurrentData,
+		canonicalRef,
+		id,
+		label,
+		labelField
+	]);
+}
+//#endregion
+//#region src/layout/record-page.tsx
+function useMountedRef() {
+	const mounted = useRef(true);
+	useEffect(() => {
+		mounted.current = true;
+		return () => {
+			mounted.current = false;
+		};
+	}, []);
+	return mounted;
+}
+function RecordRouteHeader({ resource, action, id, record }) {
+	const recordName = useRecordTitle(resource, action === "create" ? void 0 : id, record);
+	usePublishRecordTrail(action === "create" ? null : {
+		key: recordTrailKey(resource, id, action),
+		title: recordName
+	});
+	return jsx(PageHeader, {
+		resource,
+		mode: action,
+		...action === "create" ? {} : { recordName }
+	});
+}
+function RecordShow({ resource, id, recordId, record, shown }) {
+	return jsxs("div", { children: [jsx(RecordRouteHeader, {
+		resource,
+		action: "show",
+		id,
+		record: shown
+	}), jsx(RecordScreen, {
+		resource,
+		mode: "show",
+		recordId,
+		record
+	})] });
+}
+function RecordEdit({ resource, id, recordId, record, shown }) {
+	const navigate = useRouteNavigate();
+	const mounted = useMountedRef();
+	const back = useReturnTarget(resource, "edit", id);
+	return jsxs("div", { children: [jsx(RecordRouteHeader, {
+		resource,
+		action: "edit",
+		id,
+		record: shown
+	}), jsx(RecordScreen, {
+		resource,
+		mode: "edit",
+		recordId,
+		record,
+		onCancel: () => navigate(back, { origin: "inherit" }),
+		onSuccess: () => {
+			if (mounted.current) navigate(back, { origin: "inherit" });
+		}
+	})] });
+}
+function createdId(result) {
+	const id = result?.id;
+	return typeof id === "string" || typeof id === "number" ? String(id) : void 0;
+}
+function RecordCreate({ resource, defaults }) {
+	const app = useApp();
+	const navigate = useRouteNavigate();
+	const mounted = useMountedRef();
+	const adapter = useOptionalRouterAdapter();
+	const list = listTarget(resource);
+	const back = useReturnTarget(resource, "create");
+	const type = adapter?.searchParams.get("type") ?? void 0;
+	return jsxs("div", { children: [jsx(RecordRouteHeader, {
+		resource,
+		action: "create",
+		id: ""
+	}), jsx(RouteScreenClaimContext.Provider, {
+		value: true,
+		children: jsx(RecordScreen, {
+			resource,
+			mode: "create",
+			...type === void 0 ? {} : { type },
+			...defaults === void 0 ? {} : { defaults },
+			onCancel: () => navigate(back, { origin: "inherit" }),
+			onSuccess: (result) => {
+				if (!mounted.current) return;
+				const id = createdId(result);
+				navigate(id !== void 0 && isShowAvailable(app.registry, resource) ? showTarget(resource, id) : list, { origin: "inherit" });
+			}
+		})
+	})] });
+}
+function RecordRead({ resource, action, id, recordId }) {
+	const app = useApp();
+	const def = app.registry.get(resource);
+	const projection = useMemo(() => def === void 0 ? void 0 : dtoFields(def, "record"), [def]);
+	const query = useOne(resource, {
+		id: recordId,
+		retry: retryRecordRead,
+		...projection === void 0 ? {} : { projection }
+	});
+	const result = query.data;
+	const read = result?.data;
+	const projected = useProjectedRecord(resource, read, { placeholder: query.isPlaceholderData });
+	const showAvailability = useAvailabilityResolver(resource, "show");
+	const permissions = useCtx((c) => c.permissions);
+	const showRuled = addressesCapability(app.ruleSource.rules(resource), "run", {
+		kind: "action",
+		name: "show"
+	});
+	const showHidden = showRuled && read !== null && typeof read === "object" && showAvailability("show", read).state !== "available";
+	const showSettled = !showRuled || !query.isPlaceholderData && !permissionsUndecided(permissions) && permissions?.status !== "error";
+	useRecordVisit(resource, projected.status === "ready" && showSettled && !showHidden ? projected.value : null, { isCurrentData: !query.isPlaceholderData });
+	const route = useMemo(() => Object.freeze({ id }), [id]);
+	const availability = useAvailabilityResolver(resource, "edit");
+	if (result !== void 0) {
+		const record = result.data;
+		if (record === null || typeof record !== "object") return jsx(RecordState, { state: "not-found" });
+		const loaded = record;
+		if (showRuled) {
+			if (query.isPlaceholderData || permissionsUndecided(permissions)) return jsx(RecordState, { state: "loading" });
+			if (permissions?.status === "error") return jsx(RecordState, { state: "not-found" });
+			if (showHidden) return jsx(RecordState, { state: "not-found" });
+		}
+		if (projected.status === "pending" || projected.value === null) return jsx(RecordState, { state: "loading" });
+		const shown = projected.value;
+		if (action === "edit") {
+			const edit = availability("edit", loaded).state;
+			if (edit === "hidden" || edit === "absent") return jsx(RecordState, { state: "not-found" });
+			if (edit === "undecided") return jsx(RecordState, { state: "loading" });
+		}
+		return jsx(RouteSourceContext.Provider, {
+			value: route,
+			children: jsx(RouteScreenClaimContext.Provider, {
+				value: true,
+				children: action === "edit" ? jsx(RecordEdit, {
+					resource,
+					id,
+					recordId,
+					record: loaded,
+					shown
+				}) : jsx(RecordShow, {
+					resource,
+					id,
+					recordId,
+					record: loaded,
+					shown
+				})
+			})
+		});
+	}
+	if (query.error != null) return jsx(LoadError, {
+		surface: "record",
+		resource,
+		error: query.error,
+		retry: () => void query.refetch()
 	});
+	return jsx(RecordState, { state: "loading" });
 }
-function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection, entryFilter }) {
-	const tree = useNavTree({ entryFilter });
+function RecordRouteBody(props) {
+	if (props.action === "create") return jsx(RecordCreate, { ...props });
+	if (props.id === "") return jsx(RecordState, { state: "not-found" });
+	return jsx(RecordReadRoute, { ...props });
+}
+function RecordReadRoute(props) {
+	const recordId = useRouteRecordId(props.resource, props.id);
+	if (recordId === void 0) return jsx(InvalidRouteId, { resource: props.resource });
+	return jsx(RecordRead, {
+		...props,
+		recordId
+	});
+}
+function RecordRoute(props) {
+	const missingRuntime = useOptionalDataRuntime() === null;
+	useEffect(() => {
+		if (!missingRuntime || process.env.NODE_ENV === "production") return;
+		console.error(`[burojs] The '${props.resource}' record page has no data runtime to read or write with: BuroProvider.dataRuntime is not set. Pass <BuroProvider dataRuntime={…}> (createDataRuntime from @burojs/react); until then record routes render the error state.`);
+	}, [missingRuntime, props.resource]);
+	if (missingRuntime) return jsx(RecordState, { state: "error" });
+	return jsx(RecordRouteBody, { ...props }, `${props.resource}:${props.id}`);
+}
+function recordPageProblem(input) {
+	const { props, resource, action } = input;
+	if (resource === void 0 || action === void 0) return "[burojs] <RecordPage> needs both `resource` and `action`. Pass them; until then it renders not-found.";
+	if (!input.onRecordRoute) return `[burojs] <RecordPage resource="${resource}" action="${action}"> is not on a record route (show, edit or create), so it has no record to read: render it on one, under a RouterAdapterProvider. Until then it renders not-found.`;
+	if (props.defaults !== void 0 && action !== "create") return `[burojs] <RecordPage defaults> applies to create only; on this '${action}' route it is ignored.`;
+	return null;
+}
+const recordPageProblemsLogged = new WeakMap();
+function RecordPage(props) {
 	const app = useApp();
-	const tid = useTestIds();
-	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) => {
-		const def = iconForSection ? groupAsSection(key) : void 0;
-		return ownOr(def ? iconForSection?.(def) : void 0, name);
-	};
-	const entryIcon = (entry) => {
-		if (entry.kind === "group") return sectionIcon(entry.key, entry.icon);
-		if (entry.kind === "page") {
-			const page = iconForCustomPage ? app.registry.customPages.get(entry.key) : void 0;
-			return ownOr(page ? iconForCustomPage?.(page) : void 0, entry.icon);
+	const match = useMatch();
+	const id = match === null ? null : match.id ?? "";
+	const { action } = props;
+	const resource = props.resource === void 0 ? void 0 : routeResourceKey(props.resource);
+	const onRecordRoute = recordActionOf(match) !== void 0;
+	const problem = recordPageProblem({
+		props,
+		resource,
+		action,
+		onRecordRoute
+	});
+	useEffect(() => {
+		if (problem === null || process.env.NODE_ENV === "production") return;
+		let logged = recordPageProblemsLogged.get(app);
+		if (logged === void 0) {
+			logged = new Set();
+			recordPageProblemsLogged.set(app, logged);
 		}
-		const def = iconForResource ? app.registry.get(entry.key) : void 0;
-		return ownOr(def ? iconForResource?.(def) : void 0, entry.icon);
-	};
-	const entryTestId = (entry) => entry.kind === "page" ? tid.sidebarCustomPage(entry.key) : entry.kind === "group" ? tid.navGroup(entry.key) : tid.navMenuItem(entry.key);
-	const menuItem = (entry) => {
-		const icon = entryIcon(entry);
-		return jsx(SidebarMenuItem, { children: jsx(SidebarMenuButton, {
-			asChild: true,
-			isActive: entry.active,
-			tooltip: entry.label,
-			children: jsxs(RouterLink, {
-				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",
-					children: icon
-				}), jsx("span", { children: entry.label })]
-			})
-		}) }, entry.key);
+		if (logged.has(problem)) return;
+		logged.add(problem);
+		console.error(problem);
+	}, [app, problem]);
+	if (resource === void 0 || action === void 0 || id === null || !onRecordRoute) return jsx(RecordState, { state: "not-found" });
+	const route = action === "create" ? {
+		resource,
+		action,
+		defaults: props.defaults
+	} : {
+		resource,
+		action
 	};
-	const subItem = (entry) => jsx(SidebarMenuSubItem, { children: jsx(SidebarMenuSubButton, {
-		asChild: true,
-		isActive: entry.active,
-		children: jsx(RouterLink, {
-			href: entry.href ?? "",
-			"aria-current": entry.active ? "page" : void 0,
-			"data-testid": entryTestId(entry),
-			onClick: jump(entry),
-			children: jsx("span", { children: entry.label })
-		})
-	}) }, entry.key);
-	const [top, ...blocks] = tree;
-	return jsxs(Fragment$1, { children: [top !== void 0 && top.entries.length > 0 && jsxs(SidebarGroup, { children: [topLabel !== null && jsx(SidebarGroupLabel, { children: topLabel ?? t("nav.resources") }), jsx(SidebarGroupContent, { children: jsx(SidebarMenu, { children: top.entries.map(menuItem) }) })] }), blocks.map((block) => {
-		const key = block.key ?? "";
-		if (block.label === null) return jsx(SidebarGroup, { children: jsx(SidebarGroupContent, { children: jsx(SidebarMenu, { children: block.entries.map(menuItem) }) }) }, key);
-		if (block.collapsible) return jsx(CollapsibleNavSection, {
-			name: key,
-			label: block.label,
-			icon: sectionIcon(key, block.icon),
-			hasActiveChild: block.active,
-			declaredOpen: block.defaultOpen,
-			children: block.entries.map(subItem)
-		}, key);
-		return jsxs(SidebarGroup, {
-			"data-testid": `sidebar-section-group:${key}`,
-			children: [jsx(SidebarGroupLabel, {
-				"data-testid": `sidebar-section:${key}`,
-				children: block.label
-			}), jsx(SidebarGroupContent, { children: jsx(SidebarMenu, { children: block.entries.map(menuItem) }) })]
-		}, key);
-	})] });
+	return jsx(RecordRoute, {
+		...route,
+		id
+	});
 }
 //#endregion
-//#region src/layout/app-sidebar.tsx
-function AppSidebar({ header, filters, nav, footer }) {
-	const headerNode = fill(header, () => jsx(SidebarBrand, {}));
-	const filtersNode = fill(filters, () => null);
-	const navNode = fill(nav, () => jsx(NavMain, {}));
-	const footerNode = fill(footer, () => jsx(UserMenu, {}));
-	return jsxs(Sidebar, {
-		collapsible: "icon",
+//#region src/layout/collection-record-route.tsx
+function addressTail(searchParams, routerHash) {
+	const query = searchParams?.toString() ?? "";
+	const hash = routerHash ?? (typeof window === "undefined" ? "" : window.location.hash);
+	return `${query === "" ? "" : `?${query}`}${hash === "#" ? "" : hash}`;
+}
+function CollectionRecordRoute(props) {
+	const { collection, action, id } = props;
+	const app = useApp();
+	const navigate = useRouteNavigate();
+	const adapter = useOptionalRouterAdapter();
+	const state = useCollectionMember(collection, id);
+	const flow = props.action === "flow" ? props.flow : void 0;
+	const target = state.status === "member" ? hrefFor(app.registry, state.member, {
+		action,
+		id,
+		...flow === void 0 ? {} : { flow }
+	}) : void 0;
+	const current = useRef(adapter);
+	current.current = adapter;
+	const sent = useRef(void 0);
+	useEffect(() => {
+		if (target === void 0 || sent.current === target) return;
+		sent.current = target;
+		navigate(`${target}${addressTail(current.current?.searchParams, current.current?.hash)}`, { replace: true });
+	}, [target, navigate]);
+	if (state.status === "unknown") return jsx(UnknownMemberCard, {
+		collection,
+		id,
+		value: state.value
+	});
+	if (state.status === "not-found") return jsx(NavAreaNotFound, {});
+	if (state.status === "error") return jsx(LoadError, {
+		surface: "record",
+		resource: routeResourceKey(collection),
+		error: state.error
+	});
+	return null;
+}
+function UnknownMemberCard({ collection, id, value }) {
+	const app = useApp();
+	const t = useOptionalT();
+	const key = routeResourceKey(collection);
+	const fact = memberFactOf(app.registry.get(key));
+	const shown = value === void 0 || value === null ? "" : String(value);
+	const known = (fact?.collection?.members ?? []).flatMap((member) => member.values).join(", ");
+	return jsxs("div", {
+		"data-testid": `unknown-member-card:${key}:${id}`,
+		className: "flex flex-col gap-2",
 		children: [
-			(headerNode != null || filtersNode != null) && jsxs(SidebarHeader, {
-				className: "empty:hidden",
-				children: [headerNode, filtersNode]
+			process.env.NODE_ENV === "production" ? null : jsx("div", {
+				role: "note",
+				"data-testid": "unknown-member-notice",
+				className: "mx-6 mt-4 rounded-md border border-dashed border-amber-500/60 bg-amber-500/10 px-3 py-2 text-sm",
+				children: t("collection.unknownMemberNotice", {
+					params: {
+						base: fact === void 0 ? key : formatEntityRef(fact.ref),
+						value: shown,
+						known
+					},
+					defaultValue: "No member of {{base}} claims the type “{{value}}”. Known types: {{known}}."
+				})
 			}),
-			jsx(SidebarContent, { children: navNode }),
-			footerNode != null && jsx(SidebarFooter, {
-				className: "empty:hidden",
-				children: footerNode
+			jsx("p", {
+				"data-testid": "unknown-member-type",
+				className: "mx-6 text-sm text-muted-foreground",
+				children: t("collection.unknownType", {
+					params: { value: shown },
+					defaultValue: "Unknown type: {{value}}"
+				})
 			}),
-			jsx(SidebarRail, {})
+			jsx(ItemActionsOffContext.Provider, {
+				value: true,
+				children: jsx(RecordRoute, {
+					resource: key,
+					action: "show",
+					id
+				})
+			})
 		]
 	});
 }
 //#endregion
-//#region src/layout/nav-chrome.tsx
-const DETAIL_ACTIONS = new Set([
-	"show",
-	"edit",
-	"create"
-]);
-function NavChrome({ children, entryFilter, icons }) {
-	const app = useApp();
-	const caps = useI18nCaps();
+//#region src/layout/page-host.tsx
+function PageHost({ page, match, notFound }) {
 	const isVisible = useNavVisible();
-	const match = useMatch();
-	const resolveLayout = useLayoutResolver();
-	useReportUnresolvedLayouts(match?.groupChain ?? [], resolveLayout);
-	if (!match) return jsx(NavChromeMountedProvider, {
-		value: true,
-		children
+	const ctx = useVisibilityCtx();
+	const access = usePageAccess(page);
+	if (!(evaluateVisible(page.visible, ctx) && match.groupChain.every((group) => isVisible(group)))) return notFound;
+	if (access === "pending") return jsx(RecordState, { state: "loading" });
+	if (access === "denied") return notFound;
+	return jsx(PageParams, {
+		page,
+		notFound
+	});
+}
+const NO_SEARCH = new URLSearchParams();
+function PageParams({ page, notFound }) {
+	const search = useOptionalRouterAdapter()?.searchParams ?? (typeof window === "undefined" ? NO_SEARCH : new URLSearchParams(window.location.search));
+	const raw = JSON.stringify(pageParamNames(page.params).map((name) => search.get(name)));
+	const parsed = useMemo(() => parsePageParams(page, search), [page, raw]);
+	if (!parsed.ok) return notFound;
+	return jsx(RouteSourceContext.Provider, {
+		value: parsed.route,
+		children: jsx(PageBody, { page })
 	});
-	let content = children;
-	for (let i = match.groupChain.length - 1; i >= 0; i--) {
-		const group = match.groupChain[i];
-		if (!group) continue;
-		const groupKey = canonicalNavKey(group);
-		if (group.chromeOn === "list" && match.kind === "resource" && DETAIL_ACTIONS.has(match.action)) continue;
-		const Layout = resolveLayout(group.layout);
-		if (!Layout) continue;
-		const items = buildNavItems({
-			registry: app.registry,
-			caps,
-			groupName: groupKey,
-			match,
-			isVisible,
-			entryFilter,
-			icons
-		});
-		content = jsx(Layout, {
-			group,
-			groupKey,
-			items,
-			children: content
-		});
+}
+function PageBody({ page }) {
+	const snapshot = useApplicationSnapshot();
+	const compiled = useMemo(() => compilePageScreen(page, {
+		blocks: snapshotBlockLookup(snapshot),
+		frames: snapshotFrameLookup(snapshot),
+		appFrames: snapshotAppFrames(snapshot)
+	}), [page, snapshot]);
+	const failure = isScreenFailure(compiled) ? compiled : null;
+	const screen = failure === null && !isScreenFailure(compiled) ? compiled : null;
+	const caps = useI18nCaps();
+	const name = canonicalNavKey(page);
+	const label = resolveNavLabel(caps, `pages.${name}`, declaredText("chrome", page, "label"));
+	useEffect(() => {
+		if (failure === null || process.env.NODE_ENV === "production") return;
+		console.error(`[burojs] The page "${name}" cannot render its body: ${failure.code} at ${failure.path.join(".")}: ${failure.message}.`);
+	}, [failure, name]);
+	return jsxs("div", {
+		className: "flex flex-col gap-4",
+		children: [jsx("h1", {
+			className: "text-2xl font-semibold tracking-tight",
+			children: label
+		}), screen === null ? jsx(RecordState, { state: "error" }) : jsx(PageRouteScreen, { children: jsx(PlannedBody, {
+			screen,
+			name,
+			label
+		}) })]
+	});
+}
+function PageRouteScreen({ children }) {
+	const tabs = useTabsUrlState("show", true);
+	return jsx(RouteScreenClaimContext.Provider, {
+		value: false,
+		children: jsx(RouteScreenContext.Provider, {
+			value: true,
+			children: jsx(ScreenStateProvider, {
+				open: tabs.open,
+				onOpenChange: tabs.onOpenChange,
+				children
+			})
+		})
+	});
+}
+function PlannedBody({ screen, name, label, record }) {
+	const pageOptions = useMemo(() => record === void 0 ? {} : { record }, [record]);
+	const page = usePageScreen(screen, pageOptions);
+	const { PlacementScope } = page;
+	const route = useContext(RouteSourceContext);
+	const catalog = useFrameImplementations();
+	const id = formatEntityRef(screen.frame);
+	const resolved = useMemo(() => resolveFrameView(screen.frame, catalog, "page"), [screen.frame, catalog]);
+	const t = useFrameT(id);
+	const slots = {};
+	for (const slot of Object.keys(screen.slots)) slots[slot] = (page.plan.slots[slot] ?? []).every((node) => node.state === "absent") ? null : jsx(ScreenTree, {
+		region: slot === "body" ? "page-body" : "record",
+		slot,
+		resource: name,
+		mode: "show",
+		compiled: screen,
+		page
+	}, slot);
+	const View = resolved.view;
+	const viewProps = {
+		slots,
+		label,
+		params: route ?? {},
+		t
+	};
+	return jsx(RouteSourceContext.Provider, {
+		value: null,
+		children: jsx(ActionRouteContext.Provider, {
+			value: route,
+			children: jsx(PlacementScope, { children: jsx(DeepLinkScope, {
+				plan: page.plan,
+				enabled: true,
+				children: jsx("div", {
+					"data-buro-region": "page-body",
+					children: jsx(Suspense, {
+						fallback: null,
+						children: jsx(View, { ...viewProps })
+					})
+				})
+			}) })
+		})
+	});
+}
+//#endregion
+//#region src/layout/resource-page-router.tsx
+function ResourcePageRouterEmpty() {
+	const t = useT();
+	return jsxs("div", {
+		"data-testid": "resource-page-router-empty",
+		className: "flex flex-col items-center justify-center gap-1 px-6 py-24 text-center",
+		children: [jsx("h2", {
+			className: "text-base font-semibold tracking-tight",
+			children: t("router.emptyTitle")
+		}), jsx("p", {
+			className: "max-w-sm text-sm text-muted-foreground",
+			children: t("router.emptyBody")
+		})]
+	});
+}
+function ResourcePageRouter({ match }) {
+	const app = useApp();
+	const qualifiedMatch = match;
+	const resource = canonicalNavKey(qualifiedMatch);
+	const target = canonicalNavKey({
+		name: match.target ?? match.name,
+		ref: qualifiedMatch.targetRef
+	});
+	const recordAction = recordActionOf(match);
+	switch (match.kind) {
+		case "resource": {
+			if (match.action === "list") {
+				const def = app.registry.get(resource);
+				return def !== void 0 && !hasListPage(def) ? jsx(NavAreaNotFound, {}) : jsx(ResourceListPage, { resource });
+			}
+			const collection = collectionFactOf(app.registry.get(resource)) !== void 0;
+			if (collection && match.id !== void 0 && (match.action === "show" || match.action === "edit" || match.action === "flow")) {
+				if (!recordRouteAvailable(app.registry, resource, "show")) return jsx(NavAreaNotFound, {});
+				return match.action === "flow" ? jsx(CollectionRecordRoute, {
+					collection: resource,
+					action: "flow",
+					id: match.id,
+					flow: match.flow ?? ""
+				}) : jsx(CollectionRecordRoute, {
+					collection: resource,
+					action: match.action,
+					id: match.id
+				});
+			}
+			if (match.action === "flow") return jsx(PageFlowRouteLoader, { match });
+			if (recordAction === void 0) return jsx(ResourcePageRouterEmpty, {});
+			if (!recordRouteAvailable(app.registry, resource, recordAction)) return jsx(NavAreaNotFound, {});
+			if (collection && recordAction === "create") return jsx(CollectionCreatePicker, { collection: resource });
+			return jsx(RecordRoute, {
+				resource,
+				action: recordAction,
+				id: match.id ?? ""
+			});
+		}
+		case "custom-page": {
+			const page = app.registry.customPages.get(resource);
+			if (page === void 0) return jsx(ResourcePageRouterEmpty, {});
+			if (!page.body?.length) return jsx(NavAreaNotFound, {});
+			return jsx(PageHost, {
+				page,
+				match,
+				notFound: jsx(NavAreaNotFound, {})
+			}, resource);
+		}
+		case "group-index": {
+			const indexPage = app.registry.customPages.get(target);
+			if (indexPage?.body?.length) return jsx(PageHost, {
+				page: indexPage,
+				match,
+				notFound: jsx(NavAreaNotFound, {})
+			}, target);
+			const targetDef = app.registry.get(target);
+			if (targetDef !== void 0) return hasListPage(targetDef) ? jsx(ResourceListPage, { resource: target }) : jsx(NavAreaNotFound, {});
+			return jsx(ResourcePageRouterEmpty, {});
+		}
+		default: return jsx(ResourcePageRouterEmpty, {});
 	}
-	return jsx(NavChromeMountedProvider, {
-		value: true,
-		children: content
+}
+function NavAreaPageSkeleton() {
+	return jsxs("div", {
+		className: "space-y-3 p-6",
+		role: "status",
+		"aria-busy": "true",
+		"aria-live": "polite",
+		"data-testid": "nav-area-skeleton",
+		children: [
+			jsx("span", {
+				className: "sr-only",
+				children: "Loading…"
+			}),
+			jsx("div", { className: "h-6 w-48 animate-pulse rounded bg-muted/60" }),
+			jsx("div", { className: "h-4 w-full animate-pulse rounded bg-muted/40" }),
+			jsx("div", { className: "h-4 w-5/6 animate-pulse rounded bg-muted/40" }),
+			jsx("div", { className: "h-4 w-2/3 animate-pulse rounded bg-muted/40" })
+		]
+	});
+}
+const adapterNoticeGiven = new WeakSet();
+const chromeNoticeGiven = new WeakSet();
+function NavAreaPage() {
+	const match = useMatch();
+	const app = useApp();
+	const noAdapter = useOptionalRouterAdapter() === null;
+	const chromeMounted = useNavChromeMounted();
+	const resolveLayout = useLayoutResolver();
+	const chromeGroup = match?.groupChain.find((g) => resolveLayout(g.layout)) ?? null;
+	useEffect(() => {
+		if (process.env.NODE_ENV === "production") return;
+		if (chromeMounted || !chromeGroup || chromeNoticeGiven.has(app)) return;
+		chromeNoticeGiven.add(app);
+		console.error(`[burojs] <NavAreaPage> is inside the nav group "${canonicalNavKey(chromeGroup)}" whose layout "${chromeGroup.layout}" draws area chrome, and no <NavChrome> is mounted above it. <AppShell> mounts one by default; with your own frame, wrap your routes in <NavChrome>.`);
+	}, [
+		app,
+		chromeMounted,
+		chromeGroup
+	]);
+	useEffect(() => {
+		if (!noAdapter || process.env.NODE_ENV === "production") return;
+		if (adapterNoticeGiven.has(app)) return;
+		adapterNoticeGiven.add(app);
+		console.error("[burojs] <NavAreaPage> has no location to match: no RouterAdapterProvider is mounted. Mount your router’s adapter (RouterAdapterProvider from @burojs/react) above <BuroProvider>; until then every route renders not-found.");
+	}, [app, noAdapter]);
+	return jsx(Suspense, {
+		fallback: jsx(NavAreaPageSkeleton, {}),
+		children: match ? jsx(ResourcePageRouter, { match }) : jsx(NavAreaNotFound, {})
 	});
 }
 //#endregion
@@ -2252,9 +4290,12 @@ function Breadcrumbs(input) {
 //#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;
+	const def = ctx.registry.get(trail.resource);
+	const target = def?.routesTo?.show;
+	if (target !== void 0 && ctx.registry.get(target) === ctx.registry.get(resource)) return trail.resource;
+	const collected = collectionFactOf(def) === void 0 ? void 0 : memberFactOf(def)?.ref;
+	const memberBase = memberFactOf(ctx.registry.get(resource))?.ref;
+	if (collected !== void 0 && memberBase !== void 0 && sameEntityRef(collected, memberBase)) return trail.resource;
 }
 function RecordBreadcrumbs() {
 	const ctx = useTrailContext();
@@ -2638,11 +4679,11 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 		const allResources = app.registry.list();
 		const allPages = app.registry.customPages.list();
 		const allSections = app.registry.sections.list();
-		const tlResources = allResources.filter((r) => hasListPage(r)).filter(isResourceVisible).filter((r) => !r.section && !r.group);
+		const tlResources = allResources.filter((r) => hasMenuEntry(r)).filter(isResourceVisible).filter((r) => !r.section && !r.group);
 		const tlPages = allPages.filter((p) => !p.section && !p.group).filter(isPageVisible);
 		const groups = [];
 		for (const section of allSections) {
-			const children = app.registry.sections.childrenOf(canonicalNavKey(section)).filter((c) => !c.group).filter((c) => !("parent" in c) || hasListPage(c)).filter((c) => isCustomPageDef(c) ? isPageVisible(c) : isResourceVisible(c));
+			const children = app.registry.sections.childrenOf(canonicalNavKey(section)).filter((c) => !c.group).filter((c) => !("parent" in c) || hasMenuEntry(c)).filter((c) => isCustomPageDef(c) ? isPageVisible(c) : isResourceVisible(c));
 			if (children.length === 0) continue;
 			groups.push({
 				section,
@@ -2729,10 +4770,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),
@@ -2751,6 +4792,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;
@@ -2990,7 +5032,7 @@ function PerResourceSearchHits({ def, displayField, query, pageSize, goTo, recor
 		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;
+		const href = recordHref ? recordHref(resource, id) : isShowAvailable(registry, resource) ? resourceShowHref(registry, def, resource, id, row) : null;
 		return jsxs(CommandItem, {
 			value: `record:${resource}:${id}:${labelText}`,
 			forceMount: true,
@@ -3069,7 +5111,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,
@@ -3146,7 +5188,7 @@ function CommandPaletteCreateGroup({ resourceFilter, onSelect, getTestId, headin
 	const resolvedHeading = heading ?? t("commandPalette.create", { defaultValue: "Create" });
 	const resolvedPrefix = prefix ?? t("commandPalette.createNew", { defaultValue: "Create new" });
 	const visibleResources = useMemo(() => {
-		return app.registry.list().filter((r) => hasListPage(r)).filter((r) => gate(canonicalResourceKey$1(r), "create").state === "available").filter((r) => hasRecordPage(r, "create") || opensInQuick(app.registry, canonicalResourceKey$1(r), "create")).filter(isResourceVisible).filter((r) => resourceFilter ? resourceFilter(r) : true);
+		return app.registry.list().filter((r) => hasListPage(r)).filter((r) => collectionFactOf(r) === void 0).filter((r) => gate(canonicalResourceKey$1(r), "create").state === "available").filter((r) => hasRecordPage(r, "create") || opensInQuick(app.registry, canonicalResourceKey$1(r), "create")).filter(isResourceVisible).filter((r) => resourceFilter ? resourceFilter(r) : true);
 	}, [
 		app,
 		gate,
@@ -3222,19 +5264,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 })
@@ -3615,6 +5659,7 @@ function EnumChoiceGroup({ control, options, current, settling, value, onChange,
 //#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 };
 }
@@ -3625,7 +5670,10 @@ function EnumPicker({ enumName: enumInput, value, onChange, control = "select",
 	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 },
@@ -4473,7 +6521,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-BlrGRwMV.js").then((module) => ({ default: module.RelationManyPickerInput })));
+const RelationManyPickerInput = lazy(() => import("./relation-many-picker-CT7nKfE2.js").then((module) => ({ default: module.RelationManyPickerInput })));
 function LazyRelationManyInput(props) {
 	return jsx(Suspense, {
 		fallback: jsx(Skeleton, {
@@ -6915,6 +8963,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);
@@ -6953,21 +9002,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
 			}),
@@ -6983,6 +9032,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",
@@ -7005,7 +9058,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]
 	});
 }
@@ -7113,6 +9166,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, CollectionCreatePicker, CollectionRecordRoute, 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, UnknownMemberCard, 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