@burojs/ui-shadcn 0.7.0 → 0.9.0

package/dist/index.cjs

@@ -1,20 +1,21 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_use_theme = require("./use-theme-DFlpXils.cjs");
 const require_toaster = require("./toaster-BbByOytP.cjs");
-const require_check_confirm_dialog = require("./check-confirm-dialog-C-NHgMST.cjs");
+const require_check_confirm_dialog = require("./check-confirm-dialog-W-8WOmGh.cjs");
 const require_button = require("./button-BxnnE28H.cjs");
 const require_input = require("./input-BI0czGyI.cjs");
 const require_dialog = require("./dialog-vmMdfUWs.cjs");
-const require_relation_create = require("./relation-create-DDEYcKfw.cjs");
+const require_relation_create = require("./relation-create-_SFuPQGM.cjs");
 const require_skeleton = require("./skeleton-_1gP7wan.cjs");
-const require_place_node = require("./place-node-CNb3w-c7.cjs");
+const require_place_node = require("./place-node-BZF5Af6x.cjs");
 const require_layout_theme_storage_key = require("./layout/theme-storage-key.cjs");
-const require_filter_builder = require("./filter-builder-DFu0JP-1.cjs");
-const require_resource_page_router = require("./resource-page-router-C_kGW2o_.cjs");
+const require_filter_builder = require("./filter-builder-DQX-TMFh.cjs");
+const require_resource_page_router = require("./resource-page-router-dmVIeu5s.cjs");
 const require_label = require("./label-w6JYf2cF.cjs");
-const require_lazy_relation_picker_dialog = require("./lazy-relation-picker-dialog-Bt8lrEIu.cjs");
-const require_relation_picker = require("./relation-picker-DaIMzf2H.cjs");
-const require_use_dialog_filter_state = require("./use-dialog-filter-state-tNvqAAjh.cjs");
+const require_lazy_relation_picker_dialog = require("./lazy-relation-picker-dialog-C_VlGlDz.cjs");
+const require_use_record_subtitle = require("./use-record-subtitle-BJ9rnj6F.cjs");
+const require_relation_picker = require("./relation-picker-jk9D_uwn.cjs");
+const require_use_dialog_filter_state = require("./use-dialog-filter-state-lsTJxrB4.cjs");
 let _burojs_react_web = require("@burojs/react/web");
 let _burojs_core = require("@burojs/core");
 let _burojs_react = require("@burojs/react");
@@ -1718,51 +1719,9 @@ function useNavIcon() {
 	return (0, react.useCallback)((name) => resolveNavIcon(name, (key) => components[key]), [components]);
 }
 //#endregion
-//#region src/layout/build-nav-items.ts
-function buildNavItems(args) {
-	const { registry, caps, groupName, match, isVisible, entryFilter, icons } = args;
-	const chain = match?.groupChain ?? [];
-	const qualifiedMatch = match;
-	const activeLeaf = qualifiedMatch == null ? void 0 : qualifiedMatch.kind === "group-index" ? require_resource_page_router.canonicalNavKey({
-		name: qualifiedMatch.target ?? qualifiedMatch.name,
-		ref: qualifiedMatch.targetRef
-	}) : require_resource_page_router.canonicalNavKey(qualifiedMatch);
-	const isEligible = (node) => isVisible(node) && (entryFilter ? entryFilter(node) : true);
-	const out = [];
-	for (const child of registry.groups.childrenOf(groupName)) {
-		if (!isEligible(child)) continue;
-		const kind = (0, _burojs_core.nodeKind)(child);
-		const childKey = require_resource_page_router.canonicalNavKey(child);
-		const href = (0, _burojs_core.navHrefFor)(registry, childKey, { isVisible: isEligible });
-		if (kind === "group") {
-			const label = (0, _burojs_core.resolveNavLabel)(caps, `groups.${childKey}`, (0, _burojs_core.declaredText)("chrome", child, "label"));
-			const active = chain.some((g) => require_resource_page_router.canonicalNavKey(g) === childKey);
-			out.push({
-				kind: "group",
-				name: childKey,
-				label,
-				href,
-				icon: icons?.group?.(childKey),
-				active
-			});
-		} else if (kind === "custom-page") out.push({
-			kind: "custom-page",
-			name: childKey,
-			label: (0, _burojs_core.resolveNavLabel)(caps, `pages.${childKey}`, (0, _burojs_core.declaredText)("chrome", child, "label")),
-			href,
-			icon: icons?.page?.(childKey),
-			active: activeLeaf === childKey
-		});
-		else out.push({
-			kind: "resource",
-			name: childKey,
-			label: (0, _burojs_core.resolveResourceNavLabel)(caps, childKey, child),
-			href,
-			icon: icons?.resource?.(childKey),
-			active: activeLeaf === childKey
-		});
-	}
-	return out;
+//#region src/shell/use-shell-waiting.ts
+function useShellWaiting() {
+	return (0, _burojs_react.usePermissionsUndecided)();
 }
 //#endregion
 //#region src/layout/use-nav-tree.ts
@@ -1826,7 +1785,7 @@ function useNavTree(opts = {}) {
 		};
 	};
 	const layoutOf = (group) => resolveLayout(group.layout) ? group.layout : group.collapsible ? "collapsible" : "flat";
-	const groupChildren = (groupKey) => buildNavItems({
+	const groupChildren = (groupKey) => require_resource_page_router.buildNavItems({
 		registry: app.registry,
 		caps,
 		groupName: groupKey,
@@ -1892,7 +1851,8 @@ function useNavTree(opts = {}) {
 		if (!isNavEligible(group)) continue;
 		const gLabel = groupLabel(group);
 		if (resolveLayout(group.layout)) {
-			const href = (0, _burojs_core.navHrefFor)(app.registry, groupKey, { isVisible: isNavEligible });
+			const href = require_resource_page_router.groupNavHref(app.registry, groupKey, isNavEligible);
+			if (href === void 0) continue;
 			const entry = groupEntry(group, gLabel, href, isActiveHref(href, currentPath));
 			out.push({
 				key: groupKey,
@@ -1981,6 +1941,11 @@ function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection,
 	const t = (0, _burojs_react.useT)();
 	const RouterLink = require_toaster.useLinkComponent();
 	const navIcon = useNavIcon();
+	const waiting = useShellWaiting();
+	const intent = (0, _burojs_react.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) => {
@@ -2007,6 +1972,7 @@ function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection,
 				href: entry.href ?? "",
 				"aria-current": entry.active ? "page" : void 0,
 				"data-testid": entryTestId(entry),
+				onClick: jump(entry),
 				children: [icon != null && (0, react_jsx_runtime.jsx)("span", {
 					className: "inline-flex h-4 w-4 items-center justify-center",
 					"aria-hidden": "true",
@@ -2022,9 +1988,20 @@ function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection,
 			href: entry.href ?? "",
 			"aria-current": entry.active ? "page" : void 0,
 			"data-testid": entryTestId(entry),
+			onClick: jump(entry),
 			children: (0, react_jsx_runtime.jsx)("span", { children: entry.label })
 		})
 	}) }, entry.key);
+	if (waiting) return (0, react_jsx_runtime.jsx)(SidebarGroup, {
+		"data-testid": "sidebar-nav-loading",
+		"aria-busy": "true",
+		children: (0, react_jsx_runtime.jsx)(SidebarGroupContent, { children: (0, react_jsx_runtime.jsx)(SidebarMenu, { children: [
+			0,
+			1,
+			2,
+			3
+		].map((i) => (0, react_jsx_runtime.jsx)(SidebarMenuItem, { children: (0, react_jsx_runtime.jsx)(SidebarMenuSkeleton, { showIcon: true }) }, i)) }) })
+	});
 	const [top, ...blocks] = tree;
 	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [top !== void 0 && top.entries.length > 0 && (0, react_jsx_runtime.jsxs)(SidebarGroup, { children: [topLabel !== null && (0, react_jsx_runtime.jsx)(SidebarGroupLabel, { children: topLabel ?? t("nav.resources") }), (0, react_jsx_runtime.jsx)(SidebarGroupContent, { children: (0, react_jsx_runtime.jsx)(SidebarMenu, { children: top.entries.map(menuItem) }) })] }), blocks.map((block) => {
 		const key = block.key ?? "";
@@ -2095,7 +2072,7 @@ function NavChrome({ children, entryFilter, icons }) {
 		if (group.chromeOn === "list" && match.kind === "resource" && DETAIL_ACTIONS.has(match.action)) continue;
 		const Layout = resolveLayout(group.layout);
 		if (!Layout) continue;
-		const items = buildNavItems({
+		const items = require_resource_page_router.buildNavItems({
 			registry: app.registry,
 			caps,
 			groupName: groupKey,
@@ -2135,11 +2112,17 @@ function Breadcrumbs(input) {
 	const t = (0, _burojs_react.useOptionalT)();
 	const RouterLink = require_toaster.useLinkComponent();
 	const caps = (0, _burojs_react.useI18nCaps)(def?.name);
+	const intent = (0, _burojs_react.useOriginIntent)();
+	const onJump = (seg) => {
+		const href = seg.href;
+		return seg.jump === true && href !== void 0 ? () => intent(href, "jump") : void 0;
+	};
 	const trailScopes = (0, _burojs_react.useDocTrailScopes)(def?.name);
 	const leading = (name) => leadingSegments?.map((seg, i) => (0, react_jsx_runtime.jsxs)("span", {
 		className: "flex min-w-0 items-center gap-1",
 		children: [seg.href ? (0, react_jsx_runtime.jsx)(RouterLink, {
 			href: seg.href,
+			onClick: onJump(seg),
 			"data-testid": `${tid.navBreadcrumb(name)}:lead:${i}`,
 			className: require_use_theme.cn(LINK_CLASS, "truncate"),
 			title: seg.label,
@@ -2174,9 +2157,34 @@ function Breadcrumbs(input) {
 		]
 	});
 	if (!def) return null;
-	const { recordId, pageLabel, middleSegments } = props;
+	const { recordId, pageLabel, middleSegments, rootSegments } = props;
 	const resourceKey = require_resource_page_router.canonicalResourceKey(def);
-	const listHref = (0, _burojs_core.hrefFor)(app.registry, resourceKey);
+	if (rootSegments !== void 0 && rootSegments.length > 0) return (0, react_jsx_runtime.jsxs)("nav", {
+		className: navClass,
+		"aria-label": ariaLabel,
+		"data-testid": testId,
+		children: [
+			rootSegments.map((seg, i) => (0, react_jsx_runtime.jsxs)("span", {
+				className: "flex min-w-0 items-center gap-1",
+				children: [i > 0 && (0, react_jsx_runtime.jsx)(Chevron, {}), seg.href ? (0, react_jsx_runtime.jsx)(RouterLink, {
+					href: seg.href,
+					onClick: onJump(seg),
+					"data-testid": `${tid.navBreadcrumb(resourceKey)}:root:${i}`,
+					className: require_use_theme.cn(LINK_CLASS, "truncate"),
+					title: seg.label,
+					children: seg.label
+				}) : (0, react_jsx_runtime.jsx)("span", {
+					"data-testid": `${tid.navBreadcrumb(resourceKey)}:root:${i}`,
+					className: "truncate",
+					title: seg.label,
+					children: seg.label
+				})]
+			}, `root:${i}:${seg.label}`)),
+			pageLabel && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(Chevron, {}), current(tid.navBreadcrumb(resourceKey, recordId), pageLabel)] }),
+			help
+		]
+	});
+	const listHref = props.resourceHref ?? (0, _burojs_core.hrefFor)(app.registry, resourceKey);
 	const resourceLabel = (0, _burojs_core.resolveResourceLabel)(caps, resourceKey, "plural", def);
 	const resourceIsCurrent = !pageLabel && !(middleSegments && middleSegments.length > 0);
 	return (0, react_jsx_runtime.jsxs)("nav", {
@@ -2201,6 +2209,7 @@ function Breadcrumbs(input) {
 				className: "flex min-w-0 items-center gap-1",
 				children: [(0, react_jsx_runtime.jsx)(Chevron, {}), seg.href ? (0, react_jsx_runtime.jsx)(RouterLink, {
 					href: seg.href,
+					onClick: onJump(seg),
 					"data-testid": `${tid.navBreadcrumb(resourceKey)}:mid:${i}`,
 					className: require_use_theme.cn(LINK_CLASS, "truncate"),
 					title: seg.label,
@@ -2218,6 +2227,12 @@ function Breadcrumbs(input) {
 }
 //#endregion
 //#region src/layout/record-breadcrumbs.tsx
+function viewOrigin(ctx, trail, resource) {
+	if (trail === void 0 || trail.resource === void 0 || trail.segments.length > 0) return void 0;
+	const target = ctx.registry.get(trail.resource)?.routesTo?.show;
+	if (target === void 0 || ctx.registry.get(target) !== ctx.registry.get(resource)) return void 0;
+	return trail.resource;
+}
 function RecordBreadcrumbs() {
 	const ctx = require_resource_page_router.useTrailContext();
 	const match = require_resource_page_router.useMatch();
@@ -2225,9 +2240,17 @@ function RecordBreadcrumbs() {
 	const route = require_resource_page_router.recordTrailRoute(ctx.registry, match);
 	const published = require_resource_page_router.usePublishedRecordTrail(route === null ? "" : require_resource_page_router.recordTrailKey(route.resource, route.id, route.flow === void 0 ? route.action : `flow:${route.flow}`));
 	const idTitle = (0, _burojs_react.useRecordTitle)(route?.resource, route?.id);
+	(0, _burojs_react.usePublishOriginTitle)(published?.title || void 0);
+	const origin = (0, _burojs_react.useNavigationOrigin)();
+	const rooted = origin === null ? void 0 : require_resource_page_router.originTrail(ctx, origin);
+	const view = route === null ? void 0 : viewOrigin(ctx, rooted, route.resource);
+	const viewScopes = (0, _burojs_react.useDocTrailScopes)(view);
+	const ownScopes = (0, _burojs_react.useDocTrailScopes)(view === void 0 ? void 0 : route?.resource);
+	const docScopes = view === void 0 ? {} : { docScopes: [...new Set([...viewScopes, ...ownScopes])] };
 	if (route === null || match === null) return null;
 	const { resource, id, groupChain } = route;
 	const title = published?.title ?? idTitle;
+	const withOrigin = rooted === void 0 ? {} : { origin: rooted };
 	if (route.flow !== void 0) {
 		if ((0, _burojs_core.effectiveFlow)(snapshot, match.ref, route.flow) === void 0) return null;
 		const flowLabel = published?.flowLabel;
@@ -2237,8 +2260,10 @@ function RecordBreadcrumbs() {
 				action: "show",
 				id,
 				title: idTitle,
-				groupChain
+				groupChain,
+				...withOrigin
 			}),
+			...docScopes,
 			"data-testid": "record-breadcrumbs"
 		});
 		return (0, react_jsx_runtime.jsx)(Breadcrumbs, {
@@ -2247,8 +2272,10 @@ function RecordBreadcrumbs() {
 				action: "edit",
 				id,
 				title,
-				groupChain
+				groupChain,
+				...withOrigin
 			}),
+			...docScopes,
 			pageLabel: flowLabel,
 			"data-testid": "record-breadcrumbs"
 		});
@@ -2259,8 +2286,10 @@ function RecordBreadcrumbs() {
 			action: route.action,
 			id,
 			title,
-			groupChain
+			groupChain,
+			...withOrigin
 		}),
+		...docScopes,
 		"data-testid": "record-breadcrumbs"
 	});
 }
@@ -2605,7 +2634,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 	}, [app, visibilityCtx]);
 	const goTo = (href) => {
 		onSelect?.();
-		navigate(href);
+		navigate(href, { origin: "jump" });
 	};
 	const resourceLabel = (def) => (0, _burojs_core.resolveResourceLabel)(caps, require_resource_page_router.canonicalResourceKey(def), "plural", def);
 	const pageLabel = (def) => (0, _burojs_core.resolveNavLabel)(caps, `pages.${require_resource_page_router.canonicalNavKey(def)}`, (0, _burojs_core.declaredText)("chrome", def, "label"));
@@ -2677,10 +2706,10 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 	}
 	const collectGroupItems = (group, idPath, depth) => {
 		const items = [];
-		if (!!resolveLayout(group.layout)) {
+		const href = !!resolveLayout(group.layout) ? require_resource_page_router.groupNavHref(app.registry, require_resource_page_router.canonicalNavKey(group), isVisible) : void 0;
+		if (href !== void 0) {
 			const groupKey = require_resource_page_router.canonicalNavKey(group);
 			const label = (0, _burojs_core.resolveNavLabel)(caps, `groups.${groupKey}`, (0, _burojs_core.declaredText)("chrome", group, "label"));
-			const href = (0, _burojs_core.navHrefFor)(app.registry, groupKey, { isVisible });
 			items.push((0, react_jsx_runtime.jsx)(require_relation_create.CommandItem, {
 				value: `group:${idPath}:${label}`,
 				onSelect: () => goTo(href),
@@ -2699,6 +2728,7 @@ function CommandPaletteNavigationGroups({ onSelect, getTestId }) {
 			}
 			if (kind === "custom-page") {
 				const page = child;
+				if (!isPageVisible(page)) continue;
 				const pageKey = require_resource_page_router.canonicalNavKey(page);
 				const label = pageLabel(page);
 				const href = page.path;
@@ -2757,7 +2787,7 @@ function entryHref(registry, entry, isResourceVisible) {
 	const def = registry.get(entry.canonicalRef);
 	if (def === void 0) return void 0;
 	if (!isResourceVisible(def)) return void 0;
-	for (const action of ["show", "edit"]) if (require_place_node.recordRouteAvailable(registry, entry.canonicalRef, action)) return (0, _burojs_core.hrefFor)(registry, entry.canonicalRef, {
+	for (const action of ["show", "edit"]) if ((0, _burojs_react.recordRouteAvailable)(registry, entry.canonicalRef, action)) return (0, _burojs_core.hrefFor)(registry, entry.canonicalRef, {
 		action,
 		id: entry.id
 	});
@@ -2809,7 +2839,7 @@ function CommandPaletteRecentGroup({ onSelect, getTestId, heading, refreshKey, w
 	const goTo = (href, entry) => {
 		onSelect?.();
 		if (href === null) quick.show(entry.canonicalRef, entry.id);
-		else navigate(href);
+		else navigate(href, { origin: "jump" });
 	};
 	return (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [(0, react_jsx_runtime.jsx)(require_relation_create.CommandGroup, {
 		heading: resolvedHeading,
@@ -2872,7 +2902,7 @@ function CommandPaletteRecordsGroup({ enabled = true, pageSize = 5, minQueryLeng
 	const liveQuery = (0, cmdk.useCommandState)((state) => state.search) ?? "";
 	const debouncedQuery = (0, _burojs_react.useDebouncedValue)(liveQuery, debounceMs);
 	const searchableResources = (0, react.useMemo)(() => {
-		return app.registry.list().filter((r) => require_place_node.isShowAvailable(app.registry, require_resource_page_router.canonicalResourceKey(r)) || opensInQuick(app.registry, require_resource_page_router.canonicalResourceKey(r), "show")).filter(isResourceVisible).map((def) => {
+		return app.registry.list().filter((r) => require_resource_page_router.isShowAvailable(app.registry, require_resource_page_router.canonicalResourceKey(r)) || opensInQuick(app.registry, require_resource_page_router.canonicalResourceKey(r), "show")).filter(isResourceVisible).map((def) => {
 			const displayField = resolveDisplayField(def);
 			return displayField ? {
 				def,
@@ -2884,7 +2914,7 @@ function CommandPaletteRecordsGroup({ enabled = true, pageSize = 5, minQueryLeng
 	const goTo = (href, resource, id) => {
 		onSelect?.();
 		if (href === null) quick.show(resource, id);
-		else navigate(href);
+		else navigate(href, { origin: "jump" });
 	};
 	return (0, react_jsx_runtime.jsx)(require_relation_create.CommandGroup, {
 		heading: resolvedHeading,
@@ -2922,6 +2952,7 @@ function PerResourceSearchHits({ def, displayField, query, pageSize, goTo, recor
 		enabled: shouldFetch
 	});
 	const report = useCommandPaletteResults(`records:${resource}`);
+	const rowSubtitle = require_use_record_subtitle.useRowSubtitle(resource);
 	const rows = !shouldFetch || q.isLoading || q.isError ? [] : q.data?.data ?? [];
 	(0, react.useEffect)(() => {
 		report(rows.length);
@@ -2936,16 +2967,25 @@ function PerResourceSearchHits({ def, displayField, query, pageSize, goTo, recor
 		if (!id) return null;
 		const display = titleVisible ? row[displayField] : void 0;
 		const labelText = typeof display === "string" && display.length > 0 ? display : id;
-		const href = recordHref ? recordHref(resource, id) : require_place_node.isShowAvailable(registry, resource) ? (0, _burojs_core.resourceShowHref)(registry, def, resource, id) : null;
+		const subtitle = rowSubtitle(row) ?? null;
+		const href = recordHref ? recordHref(resource, id) : require_resource_page_router.isShowAvailable(registry, resource) ? (0, _burojs_core.resourceShowHref)(registry, def, resource, id) : null;
 		return (0, react_jsx_runtime.jsxs)(require_relation_create.CommandItem, {
 			value: `record:${resource}:${id}:${labelText}`,
 			forceMount: true,
 			onSelect: () => goTo(href, resource, id),
 			"data-testid": getTestId?.("records-record", `${resource}:${id}`),
-			children: [(0, react_jsx_runtime.jsxs)("span", {
-				className: "text-muted-foreground group-data-[selected=true]:text-accent-foreground mr-2",
-				children: [resourceLabel, ":"]
-			}), labelText]
+			children: [
+				(0, react_jsx_runtime.jsxs)("span", {
+					className: "text-muted-foreground group-data-[selected=true]:text-accent-foreground mr-2",
+					children: [resourceLabel, ":"]
+				}),
+				labelText,
+				subtitle === null ? null : (0, react_jsx_runtime.jsx)("span", {
+					"data-buro-region": "record-subtitle",
+					className: "ml-auto truncate pl-2 text-xs text-muted-foreground group-data-[selected=true]:text-accent-foreground",
+					children: subtitle
+				})
+			]
 		}, `record:${resource}:${id}`);
 	}) });
 }
@@ -3007,7 +3047,7 @@ function CommandPaletteActionsGroup({ actions, onSelect, getTestId, heading }) {
 	const propActions = actions ?? EMPTY_ACTIONS;
 	const resolvedHeading = heading ?? t("commandPalette.actions", { defaultValue: "Actions" });
 	const { items, collidingIds } = (0, react.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,
@@ -3093,7 +3133,7 @@ function CommandPaletteCreateGroup({ resourceFilter, onSelect, getTestId, headin
 	]);
 	if (visibleResources.length === 0) return null;
 	const goTo = (href) => {
-		navigate(href);
+		navigate(href, { origin: "jump" });
 		onSelect?.();
 	};
 	const createIn = (def, href) => {
@@ -3160,19 +3200,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 = (0, _burojs_core.resolveNavLabel)(caps, `appActions.${action.name}`, action.label);
 			const content = action.icon === void 0 ? label : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(require_check_confirm_dialog.Icon, { name: action.icon }), (0, react_jsx_runtime.jsx)("span", {
 				className: "max-md:sr-only",
 				children: label
 			})] });
 			return (0, react_jsx_runtime.jsx)(require_button.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 : require_check_confirm_dialog.reasonText(caps, action.disabledReason),
 				"data-testid": `app-action:${action.name}`,
-				children: action.disabledReason === void 0 ? (0, react_jsx_runtime.jsx)(RouterLink, {
+				children: !inert ? (0, react_jsx_runtime.jsx)(RouterLink, {
 					href,
 					children: content
 				}) : (0, react_jsx_runtime.jsx)("span", { children: content })
@@ -3441,7 +3483,7 @@ const NONE = "__none__";
 function isEmpty$1(value) {
 	return value === null || value === void 0 || value === "";
 }
-function EnumChoiceGroup({ control, options, value, onChange, testid, name, id, required, disabled, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, className }) {
+function EnumChoiceGroup({ control, options, current, settling, value, onChange, testid, name, id, required, disabled, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, className }) {
 	const t = (0, _burojs_react.useOptionalT)();
 	const generatedName = react.useId();
 	const groupName = name ?? generatedName;
@@ -3456,16 +3498,25 @@ function EnumChoiceGroup({ control, options, value, onChange, testid, name, id,
 		...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {}
 	};
 	if (control === "segmented") {
-		const segment = (key, label, active, select) => (0, react_jsx_runtime.jsx)("button", {
+		const segmentLabel = (option) => (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [option.icon ? (0, react_jsx_runtime.jsx)("span", {
+			"data-testid": `${testid}:option:${option.value}:icon`,
+			className: "contents",
+			children: (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.Icon, {
+				name: option.icon,
+				className: "size-3.5 shrink-0"
+			})
+		}) : null, option.label] });
+		const segment = (key, label, active, select, currentItem = false) => (0, react_jsx_runtime.jsx)("button", {
 			type: "button",
 			"aria-pressed": active,
 			"data-state": active ? "active" : "inactive",
-			"data-testid": `${testid}:option:${key}`,
-			disabled,
+			"data-testid": currentItem ? `${testid}:current` : `${testid}:option:${key}`,
+			...currentItem ? { "data-current": "" } : {},
+			disabled: disabled || currentItem,
 			onClick: select,
 			className: require_use_theme.cn("inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all", "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-xs", "disabled:pointer-events-none disabled:opacity-50", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"),
 			children: label
-		}, key);
+		}, currentItem ? `current:${key}` : key);
 		return (0, react_jsx_runtime.jsxs)("div", {
 			role: "group",
 			id,
@@ -3473,22 +3524,24 @@ function EnumChoiceGroup({ control, options, value, onChange, testid, name, id,
 			"data-testid": testid,
 			className: require_use_theme.cn("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className),
 			...ariaProps,
-			children: [required ? null : segment(NONE, noneLabel, empty, () => pick(void 0)), options.map((option) => segment(option.value, (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [option.icon ? (0, react_jsx_runtime.jsx)("span", {
-				"data-testid": `${testid}:option:${option.value}:icon`,
-				className: "contents",
-				children: (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.Icon, {
-					name: option.icon,
-					className: "size-3.5 shrink-0"
-				})
-			}) : null, option.label] }), value === option.value, () => pick(option.value)))]
+			children: [
+				current === void 0 ? null : segment(current.value, segmentLabel(current), true, () => void 0, true),
+				required || settling !== void 0 ? null : segment(NONE, noneLabel, empty, () => pick(void 0)),
+				settling === void 0 ? null : (0, react_jsx_runtime.jsx)(require_place_node.EnumSettlingRow, {
+					status: settling,
+					testid
+				}),
+				options.map((option) => segment(option.value, segmentLabel(option), value === option.value, () => pick(option.value)))
+			]
 		});
 	}
 	const cards = control === "cards";
-	const choice = (key, option, label, checked, select) => {
-		const inputId = `${id ?? groupName}:${key}`;
+	const choice = (key, option, label, checked, select, currentItem = false) => {
+		const inputId = `${id ?? groupName}:${currentItem ? "current:" : ""}${key}`;
+		const inert = disabled || currentItem;
 		return (0, react_jsx_runtime.jsxs)("label", {
 			htmlFor: inputId,
-			className: require_use_theme.cn("flex items-start gap-2.5", cards && "cursor-pointer rounded-lg border px-3 py-2.5 transition-colors hover:bg-accent/50 has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring", cards && (checked ? "border-primary" : "border-input"), disabled && "cursor-not-allowed opacity-60"),
+			className: require_use_theme.cn("flex items-start gap-2.5", cards && "cursor-pointer rounded-lg border px-3 py-2.5 transition-colors hover:bg-accent/50 has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring", cards && (checked ? "border-primary" : "border-input"), inert && "cursor-not-allowed opacity-60"),
 			children: [(0, react_jsx_runtime.jsx)("input", {
 				type: "radio",
 				id: inputId,
@@ -3496,9 +3549,10 @@ function EnumChoiceGroup({ control, options, value, onChange, testid, name, id,
 				value: key,
 				checked,
 				onChange: select,
-				disabled,
+				disabled: inert,
 				...ariaProps,
-				"data-testid": `${testid}:option:${key}`,
+				"data-testid": currentItem ? `${testid}:current` : `${testid}:option:${key}`,
+				...currentItem ? { "data-current": "" } : {},
 				className: require_use_theme.cn("h-4 w-4 shrink-0 accent-primary", cards ? "mt-0.5" : "mt-1")
 			}), (0, react_jsx_runtime.jsxs)("span", {
 				className: "flex min-w-0 flex-col gap-0.5",
@@ -3518,7 +3572,7 @@ function EnumChoiceGroup({ control, options, value, onChange, testid, name, id,
 					children: option.summary
 				})]
 			})]
-		}, key);
+		}, currentItem ? `current:${key}` : key);
 	};
 	return (0, react_jsx_runtime.jsxs)("div", {
 		role: "radiogroup",
@@ -3527,23 +3581,40 @@ function EnumChoiceGroup({ control, options, value, onChange, testid, name, id,
 		"data-testid": testid,
 		"aria-required": required,
 		className: require_use_theme.cn("flex flex-col", cards ? "gap-2" : "gap-1.5", className),
-		children: [required ? null : choice(NONE, void 0, noneLabel, empty, () => pick(void 0)), options.map((option) => choice(option.value, option, option.label, value === option.value, () => pick(option.value)))]
+		children: [
+			current === void 0 ? null : choice(current.value, current, current.label, true, () => void 0, true),
+			required || settling !== void 0 ? null : choice(NONE, void 0, noneLabel, empty, () => pick(void 0)),
+			settling === void 0 ? null : (0, react_jsx_runtime.jsx)(require_place_node.EnumSettlingRow, {
+				status: settling,
+				testid
+			}),
+			options.map((option) => choice(option.value, option, option.label, value === option.value, () => pick(option.value)))
+		]
 	});
 }
 //#endregion
 //#region src/enum/enum-picker.tsx
 const ENUM_PICKER_CLEAR_SENTINEL = "__buro_clear__";
+const NO_VALUES = Object.freeze([]);
 function withSummary(summary) {
 	return summary === void 0 ? {} : { summary };
 }
-function EnumPicker({ enumName: enumInput, value, onChange, control = "select", name, id, testid, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, className, clearable = false, clearLabel = "All" }) {
+function EnumPicker({ enumName: enumInput, value, onChange, control = "select", name, id, testid, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, className, clearable = false, clearLabel = "All", use }) {
 	const enumName = (0, _burojs_core_internal.enumBindingKey)(enumInput) ?? "";
 	const app = (0, _burojs_react.useApp)();
 	const t = (0, _burojs_react.useOptionalT)();
 	const def = app.registry.enums.get(enumName);
 	const caps = (0, _burojs_react.useI18nCaps)();
 	const ns = def?.i18nNamespace ?? enumName;
-	const { values, isLoading, error } = (0, _burojs_react.useEnumValues)(enumName);
+	const loaderParams = def !== void 0 && def.values === void 0 && use !== void 0 ? (0, _burojs_core_internal.resolveEnumParams)(def.params, use.params, use.sources) : void 0;
+	const unsettledParams = loaderParams !== void 0 && loaderParams.status !== "ready";
+	const { values: loadedValues, isLoading, error } = (0, _burojs_react.useEnumValues)(enumName, loaderParams?.status === "ready" ? loaderParams.params : void 0, { enabled: !unsettledParams });
+	const values = unsettledParams ? NO_VALUES : loadedValues;
+	const available = (0, _burojs_react.useAvailableEnumValues)({
+		values: isLoading || values === void 0 ? "pending" : values,
+		...def === void 0 ? {} : { enum: def },
+		...use === void 0 ? {} : { use }
+	});
 	const tid = testid ?? `enum-picker:${enumName}`;
 	if (!def) return (0, react_jsx_runtime.jsxs)("span", {
 		"data-testid": `${tid}:unregistered`,
@@ -3585,9 +3656,22 @@ function EnumPicker({ enumName: enumInput, value, onChange, control = "select",
 	});
 	const labelOf = (entry) => (0, _burojs_core.resolveEnumLabel)(caps, ns, entry.value, (0, _burojs_core.enumValueText)(def, entry.value) ?? entry.label);
 	const summaryOf = (entry) => (0, _burojs_core.resolveDoc)(caps, `enum/${ns}/${entry.value}`)?.summary || void 0;
+	const settling = available.status === "ready" ? void 0 : available.status;
+	const offered = settling === void 0 ? available.values : [];
+	const known = value == null ? void 0 : values.find((entry) => entry.value === value);
+	const current = value == null || value === "" || offered.some((entry) => entry.value === value) ? void 0 : known === void 0 ? {
+		value,
+		label: require_place_node.unknownEnumValueLabel(caps, def, ns, value).label
+	} : {
+		value,
+		label: labelOf(known),
+		...known.icon === void 0 ? {} : { icon: known.icon }
+	};
 	if (control !== "select") return (0, react_jsx_runtime.jsx)(EnumChoiceGroup, {
 		control,
-		options: values.map((entry) => ({
+		...current === void 0 ? {} : { current },
+		...settling === void 0 ? {} : { settling },
+		options: offered.map((entry) => ({
 			value: entry.value,
 			label: labelOf(entry),
 			...entry.icon === void 0 ? {} : { icon: entry.icon },
@@ -3624,28 +3708,43 @@ function EnumPicker({ enumName: enumInput, value, onChange, control = "select",
 			name,
 			id,
 			"aria-required": required,
+			"aria-busy": settling === "pending" || void 0,
 			"aria-invalid": ariaInvalid || void 0,
 			"aria-describedby": ariaDescribedBy,
 			...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {},
 			className,
 			children: (0, react_jsx_runtime.jsx)(require_filter_builder.SelectValue, { placeholder: placeholder ?? t("field.select", { defaultValue: "Select…" }) })
-		}), (0, react_jsx_runtime.jsxs)(require_filter_builder.SelectContent, { children: [clearable && (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
-			value: "__buro_clear__",
-			"data-testid": `${tid}:option:__clear__`,
-			children: clearLabel
-		}), values.map((entry) => {
-			const optionLabel = labelOf(entry);
-			const optionDoc = summaryOf(entry);
-			return (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
-				value: entry.value,
-				"data-testid": `${tid}:option:${entry.value}`,
-				description: optionDoc === void 0 ? void 0 : (0, react_jsx_runtime.jsx)("span", {
-					"data-testid": `${tid}:option:${entry.value}:doc`,
-					children: optionDoc
-				}),
-				children: optionLabel
-			}, entry.value);
-		})] })]
+		}), (0, react_jsx_runtime.jsxs)(require_filter_builder.SelectContent, { children: [
+			clearable && (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
+				value: "__buro_clear__",
+				"data-testid": `${tid}:option:__clear__`,
+				children: clearLabel
+			}),
+			current === void 0 ? null : (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
+				value: current.value,
+				disabled: true,
+				"data-current": "",
+				"data-testid": `${tid}:current`,
+				children: current.label
+			}),
+			settling === void 0 ? null : (0, react_jsx_runtime.jsx)(require_place_node.EnumSettlingRow, {
+				status: settling,
+				testid: tid
+			}),
+			offered.map((entry) => {
+				const optionLabel = labelOf(entry);
+				const optionDoc = summaryOf(entry);
+				return (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
+					value: entry.value,
+					"data-testid": `${tid}:option:${entry.value}`,
+					description: optionDoc === void 0 ? void 0 : (0, react_jsx_runtime.jsx)("span", {
+						"data-testid": `${tid}:option:${entry.value}:doc`,
+						children: optionDoc
+					}),
+					children: optionLabel
+				}, entry.value);
+			})
+		] })]
 	});
 }
 //#endregion
@@ -3695,41 +3794,63 @@ function BooleanInput({ name, id, value, onChange, testid, disabled, required, a
 }
 //#endregion
 //#region src/fields/date.tsx
-function DateDisplay({ value, text }) {
+function DateDisplay(props) {
 	return (0, react_jsx_runtime.jsx)(TemporalDisplay, {
-		value,
-		text,
-		format: require_filter_builder.formatDate
+		kind: "date",
+		...props
 	});
 }
-function DateTimeDisplay({ value, text }) {
+function DateTimeDisplay(props) {
 	return (0, react_jsx_runtime.jsx)(TemporalDisplay, {
-		value,
-		text,
-		format: require_filter_builder.formatDateTime
+		kind: "dateTime",
+		...props
+	});
+}
+function TimeDisplay(props) {
+	return (0, react_jsx_runtime.jsx)(TemporalDisplay, {
+		kind: "time",
+		...props
 	});
 }
-function TemporalDisplay({ value, text, format }) {
+function storedText(value) {
+	return value instanceof Date && !Number.isNaN(value.getTime()) ? value.toISOString() : String(value);
+}
+function TemporalDisplay({ kind, value, text, field, record }) {
 	const locale = (0, _burojs_react.useOptionalLocale)();
+	const zone = require_filter_builder.useFieldTimeZone(field?.zone, record);
+	const viewer = (0, _burojs_react.useTimeZone)();
 	if (value == null || value === "") return (0, react_jsx_runtime.jsx)("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
-	if (text !== void 0) return (0, react_jsx_runtime.jsx)("span", { children: text });
-	const d = new Date(String(value));
-	if (Number.isNaN(d.getTime())) return (0, react_jsx_runtime.jsx)("span", { children: String(value) });
+	if (zone.status === "pending" || viewer.status === "pending") return (0, react_jsx_runtime.jsx)(require_skeleton.Skeleton, {
+		className: "h-4 w-24",
+		"aria-busy": "true"
+	});
+	const raw = storedText(value);
+	const formatted = (0, _burojs_core.formatTimeValue)(kind, raw, {
+		zone: zone.zone,
+		viewerZone: viewer.zone,
+		locale: require_filter_builder.localeTag(locale),
+		params: {
+			...kind === "time" && field?.ui?.seconds === true ? { timeStyle: "medium" } : {},
+			...require_filter_builder.dateDisplayParams(field?.ui)
+		}
+	});
+	if (text !== void 0) return (0, react_jsx_runtime.jsx)("span", {
+		title: formatted,
+		children: text
+	});
+	if (formatted === void 0) return (0, react_jsx_runtime.jsx)("span", { children: raw });
 	return (0, react_jsx_runtime.jsx)("span", {
 		className: "whitespace-nowrap",
-		children: format(d, locale)
+		children: formatted
 	});
 }
 function toIsoDate(v) {
 	if (v == null || v === "") return "";
 	const s = String(v);
-	if (/^\d{4}-\d{2}-\d{2}/.test(s)) return s.slice(0, 10);
-	const d = new Date(s);
-	if (Number.isNaN(d.getTime())) return "";
-	return d.toISOString().slice(0, 10);
+	return (0, _burojs_core.isCalendarDate)(s) ? s : "";
 }
 function DateInput(props) {
 	return (0, react_jsx_runtime.jsx)(TemporalInput, {
@@ -3740,18 +3861,44 @@ function DateInput(props) {
 	});
 }
 function DateTimeInput(props) {
+	const locale = (0, _burojs_react.useOptionalLocale)();
+	const zone = require_filter_builder.useFieldTimeZone(props.field?.zone, props.values === void 0 ? props.record : {
+		...props.record,
+		...props.values
+	});
+	const viewer = (0, _burojs_react.useTimeZone)();
+	const pending = zone.status === "pending";
+	const fieldZone = zone.status === "ready" ? zone.zone : void 0;
+	const named = fieldZone !== void 0 && viewer.status === "ready" && fieldZone !== viewer.zone ? (0, _burojs_core.zoneShortName)((0, _burojs_core.canonicalInstant)(String(props.value ?? "")) ?? (0, _burojs_core.epochMsToInstant)(Date.now()), fieldZone, require_filter_builder.localeTag(locale)) : void 0;
 	return (0, react_jsx_runtime.jsx)(TemporalInput, {
 		...props,
 		type: "datetime-local",
-		toText: require_filter_builder.toLocalDateTimeText,
-		fromText: (text) => require_filter_builder.fromLocalDateTimeText(text) ?? null
+		disabled: props.disabled || pending,
+		toText: (value) => fieldZone === void 0 ? "" : require_filter_builder.toLocalDateTimeText(value, fieldZone),
+		fromText: (text) => fieldZone === void 0 ? null : require_filter_builder.fromLocalDateTimeText(text, fieldZone) ?? null,
+		...named === void 0 ? {} : { zoneName: named }
 	});
 }
-function TemporalInput({ type, toText, fromText, name, id, value, onChange, testid, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage }) {
-	return (0, react_jsx_runtime.jsx)(require_input.Input, {
+function TimeInput(props) {
+	const seconds = props.field?.ui?.seconds === true;
+	return (0, react_jsx_runtime.jsx)(TemporalInput, {
+		...props,
+		type: "time",
+		step: seconds ? 1 : 60,
+		toText: (value) => value == null ? "" : String(value),
+		fromText: (text) => {
+			if (text === "") return null;
+			if (seconds) return text.length === 5 ? `${text}:00` : text;
+			return text.slice(0, 5);
+		}
+	});
+}
+function TemporalInput({ type, step, toText, fromText, name, id, value, onChange, testid, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, zoneName }) {
+	const input = (0, react_jsx_runtime.jsx)(require_input.Input, {
 		name,
 		id,
 		type,
+		...step === void 0 ? {} : { step },
 		value: toText(value),
 		onChange: (e) => onChange(fromText(e.target.value)),
 		"data-testid": testid,
@@ -3762,6 +3909,15 @@ function TemporalInput({ type, toText, fromText, name, id, value, onChange, test
 		"aria-describedby": ariaDescribedBy,
 		...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {}
 	});
+	if (zoneName === void 0) return input;
+	return (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [input, (0, react_jsx_runtime.jsx)("span", {
+			className: "whitespace-nowrap text-xs text-muted-foreground",
+			"data-testid": testid === void 0 ? void 0 : `${testid}:zone`,
+			children: zoneName
+		})]
+	});
 }
 //#endregion
 //#region src/fields/enum.tsx
@@ -3782,13 +3938,30 @@ function EnumDisplay({ value, options, field, resource }) {
 		}) : null, label]
 	});
 }
-function EnumInput({ name, id, value, onChange, testid, options, field, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, resource }) {
+function EnumInput({ name, id, value, onChange, testid, options, field, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, resource, record, values, metaSources, baseline }) {
 	const t = (0, _burojs_react.useOptionalT)();
 	const caps = (0, _burojs_react.useOptionCaps)(resource);
 	const enumDef = (0, _burojs_react.useBoundEnum)(field);
 	const ns = (0, _burojs_core.enumNamespaceOf)(field);
 	const control = resolveEnumControl(field?.ui?.control, enumDef, `field ${field?.name ?? name}`);
-	const resolved = (options ?? []).map((o) => {
+	const sources = (0, _burojs_react.useFieldMetaSources)({
+		record,
+		values,
+		extra: metaSources
+	});
+	const available = (0, _burojs_react.useAvailableEnumValues)({
+		values: options ?? [],
+		use: {
+			narrow: (0, _burojs_core_internal.narrowEntriesOf)(field?.meta?.narrow),
+			sources,
+			mode: record === void 0 ? "create" : "edit",
+			baseline: baseline ?? record
+		}
+	});
+	const settling = available.status === "ready" ? void 0 : available.status;
+	const offered = settling === void 0 ? available.values : [];
+	const tid = testid ?? name;
+	const resolved = offered.map((o) => {
 		const summary = ns === void 0 ? void 0 : (0, _burojs_core.resolveDoc)(caps, `enum/${ns}/${o.value}`)?.summary;
 		return {
 			value: o.value,
@@ -3797,12 +3970,21 @@ function EnumInput({ name, id, value, onChange, testid, options, field, placehol
 			...summary === void 0 ? {} : { summary }
 		};
 	});
+	const raw = value == null || value === "" ? void 0 : String(value);
+	const known = raw === void 0 ? void 0 : options?.find((o) => o.value === raw);
+	const current = raw === void 0 || resolved.some((o) => o.value === raw) ? void 0 : {
+		value: raw,
+		label: (0, _burojs_react.resolveOptionLabel)(caps, field, raw, known, enumDef),
+		...known?.icon === void 0 ? {} : { icon: known.icon }
+	};
 	if (control !== "select") return (0, react_jsx_runtime.jsx)(EnumChoiceGroup, {
 		control,
 		options: resolved,
+		...current === void 0 ? {} : { current },
+		...settling === void 0 ? {} : { settling },
 		value,
 		onChange,
-		testid: testid ?? name,
+		testid: tid,
 		name,
 		id,
 		required,
@@ -3822,25 +4004,39 @@ function EnumInput({ name, id, value, onChange, testid, options, field, placehol
 			name,
 			id,
 			"aria-required": required,
+			"aria-busy": settling === "pending" || void 0,
 			"aria-invalid": ariaInvalid || void 0,
 			"aria-describedby": ariaDescribedBy,
 			...ariaErrorMessage ? { "aria-errormessage": ariaErrorMessage } : {},
 			children: (0, react_jsx_runtime.jsx)(require_filter_builder.SelectValue, { placeholder: placeholder ?? t("field.select", { defaultValue: "Select…" }) })
-		}), (0, react_jsx_runtime.jsx)(require_filter_builder.SelectContent, { children: resolved.map((o) => (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
-			value: o.value,
-			"data-testid": testid === void 0 ? void 0 : `${testid}:option:${o.value}`,
-			description: o.summary === void 0 ? void 0 : (0, react_jsx_runtime.jsx)("span", {
-				"data-testid": testid === void 0 ? void 0 : `${testid}:option:${o.value}:doc`,
-				children: o.summary
+		}), (0, react_jsx_runtime.jsxs)(require_filter_builder.SelectContent, { children: [
+			current === void 0 ? null : (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
+				value: current.value,
+				disabled: true,
+				"data-current": "",
+				"data-testid": `${tid}:current`,
+				children: current.label
 			}),
-			children: (0, react_jsx_runtime.jsxs)("span", {
-				className: "inline-flex items-center gap-1.5",
-				children: [o.icon ? (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.Icon, {
-					name: o.icon,
-					className: "size-3.5 shrink-0 text-muted-foreground"
-				}) : null, o.label]
-			})
-		}, o.value)) })]
+			settling === void 0 ? null : (0, react_jsx_runtime.jsx)(require_place_node.EnumSettlingRow, {
+				status: settling,
+				testid: tid
+			}),
+			resolved.map((o) => (0, react_jsx_runtime.jsx)(require_filter_builder.SelectItem, {
+				value: o.value,
+				"data-testid": testid === void 0 ? void 0 : `${testid}:option:${o.value}`,
+				description: o.summary === void 0 ? void 0 : (0, react_jsx_runtime.jsx)("span", {
+					"data-testid": testid === void 0 ? void 0 : `${testid}:option:${o.value}:doc`,
+					children: o.summary
+				}),
+				children: (0, react_jsx_runtime.jsxs)("span", {
+					className: "inline-flex items-center gap-1.5",
+					children: [o.icon ? (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.Icon, {
+						name: o.icon,
+						className: "size-3.5 shrink-0 text-muted-foreground"
+					}) : null, o.label]
+				})
+			}, o.value))
+		] })]
 	});
 }
 //#endregion
@@ -4261,7 +4457,7 @@ function JsonInput({ name, id, value, onChange, testid, disabled, required, aria
 }
 //#endregion
 //#region src/fields/lazy-relation-many.tsx
-const RelationManyPickerInput = (0, react.lazy)(() => Promise.resolve().then(() => require("./relation-many-picker-DzuGJpEl.cjs")).then((module) => ({ default: module.RelationManyPickerInput })));
+const RelationManyPickerInput = (0, react.lazy)(() => Promise.resolve().then(() => require("./relation-many-picker-BBNsmkaX.cjs")).then((module) => ({ default: module.RelationManyPickerInput })));
 function LazyRelationManyInput(props) {
 	return (0, react_jsx_runtime.jsx)(react.Suspense, {
 		fallback: (0, react_jsx_runtime.jsx)(require_skeleton.Skeleton, {
@@ -4373,6 +4569,144 @@ function NumberInput({ name, id, value, onChange, testid, placeholder, disabled,
 	});
 }
 //#endregion
+//#region src/fields/object-group.tsx
+const GROUP = "rounded-md border border-input p-3";
+function ObjectGroupInput(props) {
+	const { testIds, accessibility, children } = props;
+	return (0, react_jsx_runtime.jsx)("div", {
+		role: "group",
+		"data-buro-object-group": "input",
+		className: require_use_theme.cn(GROUP, "space-y-3"),
+		"data-testid": testIds.input,
+		id: accessibility.input,
+		"aria-labelledby": accessibility.label,
+		"aria-describedby": accessibility.description,
+		"aria-invalid": props.issues.some((issue) => issue.severity === "error" && issue.path.length === 0) || void 0,
+		"aria-errormessage": accessibility.error,
+		children
+	});
+}
+function ObjectGroupDisplay(props) {
+	const { testIds, children } = props;
+	return (0, react_jsx_runtime.jsx)("div", {
+		role: "group",
+		"data-buro-object-group": "display",
+		className: require_use_theme.cn(GROUP, "space-y-2"),
+		"data-testid": testIds.display,
+		children
+	});
+}
+//#endregion
+//#region src/fields/repeater.tsx
+function useRepeaterTexts() {
+	const t = (0, _burojs_react.useChromeT)();
+	return {
+		add: t("field.repeater.add", { defaultValue: "Add" }),
+		empty: t("field.repeater.empty", { defaultValue: "No items yet" }),
+		remove: (position) => t("field.repeater.remove", {
+			params: { position },
+			defaultValue: "Remove item {{position}}"
+		}),
+		moveUp: (position) => t("field.repeater.moveUp", {
+			params: { position },
+			defaultValue: "Move item {{position}} up"
+		}),
+		moveDown: (position) => t("field.repeater.moveDown", {
+			params: { position },
+			defaultValue: "Move item {{position}} down"
+		})
+	};
+}
+function RepeaterInput(props) {
+	const texts = useRepeaterTexts();
+	const { value, renderElement, elementKeys, onAdd, onRemove, onMove, testIds, accessibility } = props;
+	const root = testIds.input;
+	const at = (suffix) => root === void 0 ? void 0 : `${root}:${suffix}`;
+	const editable = props.disabled !== true && props.readOnly !== true;
+	const canAdd = editable && onAdd !== void 0 && props.canAdd !== false;
+	const canRemove = editable && onRemove !== void 0 && props.canRemove !== false;
+	const last = value.length - 1;
+	return (0, react_jsx_runtime.jsxs)("div", {
+		role: "group",
+		className: "space-y-2",
+		"data-testid": root,
+		id: accessibility.input,
+		"aria-labelledby": accessibility.label,
+		"aria-describedby": accessibility.description,
+		"aria-errormessage": accessibility.error,
+		children: [value.length === 0 ? (0, react_jsx_runtime.jsx)("p", {
+			className: "text-sm text-muted-foreground",
+			"data-testid": at("empty"),
+			children: texts.empty
+		}) : (0, react_jsx_runtime.jsx)("ol", {
+			className: "space-y-2",
+			children: value.map((_, index) => (0, react_jsx_runtime.jsxs)("li", {
+				className: "flex items-start gap-2 rounded-md border border-input p-3",
+				"data-testid": at(`item:${index}`),
+				children: [(0, react_jsx_runtime.jsx)("div", {
+					className: "min-w-0 flex-1",
+					children: renderElement?.(index)
+				}), onMove === void 0 && onRemove === void 0 ? null : (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex shrink-0 gap-1",
+					children: [onMove === void 0 ? null : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(require_button.Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": texts.moveUp(index + 1),
+						disabled: !editable || index === 0,
+						"data-testid": at(`up:${index}`),
+						onClick: () => onMove(index, index - 1),
+						children: (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconArrowUp, { "aria-hidden": "true" })
+					}), (0, react_jsx_runtime.jsx)(require_button.Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": texts.moveDown(index + 1),
+						disabled: !editable || index === last,
+						"data-testid": at(`down:${index}`),
+						onClick: () => onMove(index, index + 1),
+						children: (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconArrowDown, { "aria-hidden": "true" })
+					})] }), onRemove === void 0 ? null : (0, react_jsx_runtime.jsx)(require_button.Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": texts.remove(index + 1),
+						disabled: !canRemove,
+						"data-testid": at(`remove:${index}`),
+						onClick: () => onRemove(index),
+						children: (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconTrash, { "aria-hidden": "true" })
+					})]
+				})]
+			}, elementKeys?.[index] ?? index))
+		}), onAdd === void 0 ? null : (0, react_jsx_runtime.jsxs)(require_button.Button, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			disabled: !canAdd,
+			"data-testid": at("add"),
+			onClick: onAdd,
+			children: [(0, react_jsx_runtime.jsx)(_tabler_icons_react.IconPlus, { "aria-hidden": "true" }), texts.add]
+		})]
+	});
+}
+function RepeaterDisplay(props) {
+	const texts = useRepeaterTexts();
+	const { value, renderElement, testIds } = props;
+	if (value.length === 0) return (0, react_jsx_runtime.jsx)("span", {
+		className: "text-muted-foreground",
+		"data-testid": testIds.display,
+		children: texts.empty
+	});
+	return (0, react_jsx_runtime.jsx)("ol", {
+		className: "space-y-2",
+		"data-testid": testIds.display,
+		children: value.map((_, index) => (0, react_jsx_runtime.jsx)("li", {
+			className: "rounded-md border border-input p-3",
+			children: renderElement?.(index)
+		}, index))
+	});
+}
+//#endregion
 //#region src/fields/link-keys-display.tsx
 const isRecord$1 = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
 function qualify(name) {
@@ -4702,12 +5036,13 @@ function TextareaInput({ name, id, value, onChange, testid, placeholder, disable
 //#region src/fields/default-renderers.ts
 function legacyField(props) {
 	const name = (0, _burojs_react.optionFieldName)(props.path);
-	const texts = props.field.texts;
+	const { texts, zone } = props.field;
 	return Object.freeze({
 		name,
 		meta: props.meta,
 		ui: props.ui,
-		...texts === void 0 ? {} : { texts }
+		...texts === void 0 ? {} : { texts },
+		...zone === void 0 ? {} : { zone }
 	});
 }
 function legacyOptions(options, field) {
@@ -4770,9 +5105,12 @@ function input(renderer) {
 			field: legacyField(props),
 			resource: props.resource.id,
 			record: props.record,
+			values: props.form,
 			relationSeeds: props.relationSeeds,
 			fixedFilters: props.fixedFilters,
+			optionSubtitle: props.optionSubtitle,
 			metaSources: props.metaSources,
+			...props.baseline === void 0 ? {} : { baseline: props.baseline },
 			link: props.link
 		});
 	};
@@ -4825,6 +5163,12 @@ function enumName(ui) {
 }
 function RegistryEnumInput(props) {
 	const app = (0, _burojs_react.useOptionalApp)();
+	const meta = props.field.meta;
+	const sources = (0, _burojs_react.useFieldMetaSources)({
+		record: props.record,
+		values: props.form,
+		extra: props.metaSources
+	});
 	const control = resolveEnumControl(props.ui.control, app?.registry.enums.get(props.enumName), `field ${typeof props.path.at(-1) === "string" ? String(props.path.at(-1)) : props.enumName}`);
 	return (0, react.createElement)(EnumPicker, {
 		enumName: props.enumName,
@@ -4840,7 +5184,14 @@ function RegistryEnumInput(props) {
 		ariaInvalid: props.issues.some(isErrorIssue),
 		ariaDescribedBy: props.accessibility.description,
 		ariaErrorMessage: props.accessibility.error,
-		ariaLabelledBy: props.accessibility.label
+		ariaLabelledBy: props.accessibility.label,
+		use: {
+			params: (0, _burojs_core_internal.enumParamsOf)(meta?.enumParams),
+			narrow: (0, _burojs_core_internal.narrowEntriesOf)(meta?.narrow),
+			sources,
+			mode: props.record === void 0 ? "create" : "edit",
+			baseline: props.baseline ?? props.record
+		}
 	});
 }
 function enumAware(renderer, layout) {
@@ -4892,6 +5243,10 @@ const dateTime = {
 	Display: DateTimeDisplay,
 	Input: DateTimeInput
 };
+const time = {
+	Display: TimeDisplay,
+	Input: TimeInput
+};
 const en = {
 	Display: EnumDisplay,
 	Input: EnumInput
@@ -4930,6 +5285,8 @@ const shadcnFieldImplementations = Object.freeze({
 	dateTime: scalar(dateTime),
 	"date-time": scalar(dateTime),
 	"default:date-time": scalar(dateTime),
+	time: scalar(time),
+	"default:time": scalar(time),
 	enum: enumAware(en),
 	json: scalar({
 		Display: JsonDisplay,
@@ -4943,7 +5300,17 @@ const shadcnFieldImplementations = Object.freeze({
 	richText: scalar(rich, { size: "full" }),
 	"rich-text": scalar(rich, { size: "full" }),
 	"default:rich-text": scalar(rich, { size: "full" }),
-	file: scalarOrCollection(file, { size: "full" })
+	file: scalarOrCollection(file, { size: "full" }),
+	object: Object.freeze({
+		Input: ObjectGroupInput,
+		Display: ObjectGroupDisplay,
+		chrome: true
+	}),
+	array: Object.freeze({
+		CollectionInput: RepeaterInput,
+		CollectionDisplay: RepeaterDisplay,
+		chrome: true
+	})
 });
 //#endregion
 //#region src/forms/declarative-display.tsx
@@ -5173,7 +5540,8 @@ const OPERATOR_LABELS = {
 	has: "has",
 	hasAny: "has any of",
 	hasAll: "has all of",
-	hasNone: "has none of"
+	hasNone: "has none of",
+	some: "has an item where"
 };
 function formatOperatorLabel(op, chromeT) {
 	return chromeT ? chromeT(`filters.operators.${op}`, { defaultValue: OPERATOR_LABELS[op] }) : OPERATOR_LABELS[op];
@@ -5707,6 +6075,7 @@ function PeekRecord({ target, testid, row }) {
 function DeclaredPeekBody({ target, testid, record, frameRecord, def, capabilityFor, fieldVisible, view: View, builtin, open, openable, t }) {
 	const host = (0, react.useContext)(require_relation_create.PeekHostContext);
 	const title = require_relation_create.recordDisplayName(record, def?.displayField);
+	const subtitle = require_use_record_subtitle.useRecordSubtitle(target)(record) ?? void 0;
 	const setLabel = host?.setLabel;
 	(0, react.useEffect)(() => setLabel?.(title), [setLabel, title]);
 	const controller = (0, _burojs_react.useFormController)({
@@ -5742,6 +6111,7 @@ function DeclaredPeekBody({ target, testid, record, frameRecord, def, capability
 		children: [builtin ? (0, react_jsx_runtime.jsx)(PeekTitle, {
 			testid,
 			title,
+			subtitle,
 			open: openable ? open : void 0
 		}) : null, (0, react_jsx_runtime.jsx)(react.Suspense, {
 			fallback: null,
@@ -5754,11 +6124,26 @@ function DeclaredPeekBody({ target, testid, record, frameRecord, def, capability
 		})]
 	});
 }
-function PeekTitle({ testid, title, open }) {
-	if (open === void 0) return (0, react_jsx_runtime.jsx)("p", {
+function PeekTitle({ testid, title, subtitle, open }) {
+	const heading = open === void 0 ? (0, react_jsx_runtime.jsx)("p", {
 		className: "text-sm font-semibold",
 		children: title
+	}) : (0, react_jsx_runtime.jsx)(PeekTitleButton, {
+		testid,
+		title,
+		open
 	});
+	if (subtitle === void 0) return heading;
+	return (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-0.5",
+		children: [heading, (0, react_jsx_runtime.jsx)("p", {
+			"data-testid": `${testid}:subtitle`,
+			className: "text-xs text-muted-foreground",
+			children: subtitle
+		})]
+	});
+}
+function PeekTitleButton({ testid, title, open }) {
 	return (0, react_jsx_runtime.jsx)("button", {
 		type: "button",
 		"data-testid": `${testid}:title`,
@@ -5786,6 +6171,8 @@ function DefaultPeekBody({ target, testid, row, open }) {
 	const projected = (0, _burojs_react.useProjectedRecord)(target, dtoRow);
 	const record = projected.value ?? {};
 	const title = require_relation_create.recordDisplayName(record, def?.displayField);
+	const subtitleOf = require_use_record_subtitle.useRecordSubtitle(target);
+	const subtitle = projected.status === "ready" ? subtitleOf(record) ?? void 0 : void 0;
 	const setLabel = host?.setLabel;
 	(0, react.useEffect)(() => setLabel?.(title), [setLabel, title]);
 	const columns = (0, react.useMemo)(() => {
@@ -5817,6 +6204,7 @@ function DefaultPeekBody({ target, testid, row, open }) {
 		children: [(0, react_jsx_runtime.jsx)(PeekTitle, {
 			testid,
 			title,
+			subtitle,
 			open
 		}), columns.length === 0 ? null : (0, react_jsx_runtime.jsx)("dl", {
 			className: "grid gap-1.5",
@@ -6511,6 +6899,7 @@ const spacing = {
 const groupTestId = (role, id) => `command-palette:${role}:${id}`;
 function DefaultCommandPalette({ open, onOpenChange, actions, children }) {
 	const t = (0, _burojs_react.useOptionalT)();
+	const waiting = useShellWaiting();
 	const locale = (0, _burojs_react.useLocale)();
 	const canSearchRecords = (0, _burojs_react.useOptionalDataRuntime)() !== null;
 	const close = () => onOpenChange(false);
@@ -6549,21 +6938,21 @@ function DefaultCommandPalette({ open, onOpenChange, actions, children }) {
 				locale,
 				onSelect: close
 			}),
-			(0, react_jsx_runtime.jsx)(CommandPaletteRecentGroup, {
+			waiting ? null : (0, react_jsx_runtime.jsx)(CommandPaletteRecentGroup, {
 				onSelect: close,
 				refreshKey: open,
 				getTestId: groupTestId
 			}),
-			canSearchRecords ? (0, react_jsx_runtime.jsx)(CommandPaletteRecordsGroup, {
+			canSearchRecords && !waiting ? (0, react_jsx_runtime.jsx)(CommandPaletteRecordsGroup, {
 				enabled: open,
 				onSelect: close,
 				getTestId: groupTestId
 			}) : null,
-			(0, react_jsx_runtime.jsx)(CommandPaletteNavigationGroups, {
+			waiting ? null : (0, react_jsx_runtime.jsx)(CommandPaletteNavigationGroups, {
 				onSelect: close,
 				getTestId: (role, id) => `command-palette:nav:${role}:${id}`
 			}),
-			(0, react_jsx_runtime.jsx)(CommandPaletteCreateGroup, {
+			waiting ? null : (0, react_jsx_runtime.jsx)(CommandPaletteCreateGroup, {
 				onSelect: close,
 				getTestId: groupTestId
 			}),
@@ -6579,6 +6968,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 = (0, react.useRef)(false);
+	if (!waiting) decidedOnce.current = true;
+	const holding = waiting && !decidedOnce.current;
 	const { open, setOpen, toggle } = (0, _burojs_react.useCommandPalette)();
 	(0, _burojs_react_web.useGlobalShortcut)({
 		key: "k",
@@ -6601,7 +6994,7 @@ function AppShell({ brand, user, loginPath, sidebar, header, palette, docPanel,
 			sidebar: fill(sidebar, () => (0, react_jsx_runtime.jsx)(AppSidebar, {})),
 			header: fill(header, () => (0, react_jsx_runtime.jsx)(AppHeader, {})),
 			...docPanel !== void 0 ? { docPanel } : {},
-			children: navChrome === false ? children : (0, react_jsx_runtime.jsx)(NavChrome, { children })
+			children: holding ? (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "loading" }) : navChrome === false ? children : (0, react_jsx_runtime.jsx)(NavChrome, { children })
 		}), paletteNode]
 	});
 }
@@ -6870,6 +7263,7 @@ exports.ListLive = require_place_node.ListLive;
 exports.ListSavedViews = require_place_node.ListSavedViews;
 exports.ListSearchInput = require_place_node.ListSearchInput;
 exports.LoginForm = LoginForm;
+exports.NavAreaNotFound = require_resource_page_router.NavAreaNotFound;
 exports.NavAreaPage = require_resource_page_router.NavAreaPage;
 exports.NavChrome = NavChrome;
 exports.NavMain = NavMain;
@@ -6984,7 +7378,7 @@ exports.TooltipProvider = require_check_confirm_dialog.TooltipProvider;
 exports.TooltipTrigger = require_check_confirm_dialog.TooltipTrigger;
 exports.UserMenu = UserMenu;
 exports.badgeVariants = require_filter_builder.badgeVariants;
-exports.buildNavItems = buildNavItems;
+exports.buildNavItems = require_resource_page_router.buildNavItems;
 exports.buroSortingToTanStack = require_place_node.buroSortingToTanStack;
 exports.buttonVariants = require_button.buttonVariants;
 exports.cn = require_use_theme.cn;