@burojs/ui-shadcn 0.7.0 → 0.8.0

package/dist/index.cjs

@@ -1,19 +1,20 @@
 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-BT04Mieo.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_skeleton = require("./skeleton-_1gP7wan.cjs");
-const require_place_node = require("./place-node-CNb3w-c7.cjs");
+const require_place_node = require("./place-node-Bhl8B3fF.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-ByGhxLf_.cjs");
+const require_resource_page_router = require("./resource-page-router-qEd2xb55.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_lazy_relation_picker_dialog = require("./lazy-relation-picker-dialog-BAKBRn3V.cjs");
+const require_use_record_subtitle = require("./use-record-subtitle-bfwIoUme.cjs");
+const require_relation_picker = require("./relation-picker-ADjxI_TI.cjs");
 const require_use_dialog_filter_state = require("./use-dialog-filter-state-tNvqAAjh.cjs");
 let _burojs_react_web = require("@burojs/react/web");
 let _burojs_core = require("@burojs/core");
@@ -1981,6 +1982,10 @@ function NavMain({ topLabel, iconForResource, iconForCustomPage, iconForSection,
 	const t = (0, _burojs_react.useT)();
 	const RouterLink = require_toaster.useLinkComponent();
 	const navIcon = useNavIcon();
+	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 +2012,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,6 +2028,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: (0, react_jsx_runtime.jsx)("span", { children: entry.label })
 		})
 	}) }, entry.key);
@@ -2135,11 +2142,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 +2187,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 +2239,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 +2257,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 +2270,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 +2290,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 +2302,10 @@ function RecordBreadcrumbs() {
 				action: "edit",
 				id,
 				title,
-				groupChain
+				groupChain,
+				...withOrigin
 			}),
+			...docScopes,
 			pageLabel: flowLabel,
 			"data-testid": "record-breadcrumbs"
 		});
@@ -2259,8 +2316,10 @@ function RecordBreadcrumbs() {
 			action: route.action,
 			id,
 			title,
-			groupChain
+			groupChain,
+			...withOrigin
 		}),
+		...docScopes,
 		"data-testid": "record-breadcrumbs"
 	});
 }
@@ -2605,7 +2664,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"));
@@ -2757,7 +2816,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 +2868,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 +2931,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 +2943,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 +2981,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 +2996,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}`);
 	}) });
 }
@@ -3093,7 +3162,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) => {
@@ -3441,7 +3510,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 +3525,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 +3551,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 +3576,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 +3599,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,7 +3608,15 @@ 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
@@ -3536,7 +3625,7 @@ const ENUM_PICKER_CLEAR_SENTINEL = "__buro_clear__";
 function withSummary(summary) {
 	return summary === void 0 ? {} : { summary };
 }
-function EnumPicker({ enumName: enumInput, value, onChange, control = "select", name, id, testid, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, className, clearable = false, clearLabel = "All" }) {
+function EnumPicker({ enumName: enumInput, value, onChange, control = "select", name, id, testid, placeholder, disabled, required, ariaInvalid, ariaDescribedBy, ariaErrorMessage, ariaLabelledBy, className, clearable = false, clearLabel = "All", use }) {
 	const enumName = (0, _burojs_core_internal.enumBindingKey)(enumInput) ?? "";
 	const app = (0, _burojs_react.useApp)();
 	const t = (0, _burojs_react.useOptionalT)();
@@ -3544,6 +3633,11 @@ function EnumPicker({ enumName: enumInput, value, onChange, control = "select",
 	const caps = (0, _burojs_react.useI18nCaps)();
 	const ns = def?.i18nNamespace ?? enumName;
 	const { values, isLoading, error } = (0, _burojs_react.useEnumValues)(enumName);
+	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 +3679,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 +3731,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 +3817,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 +3884,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 +3932,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 +3961,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 +3993,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 +4027,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 +4480,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-Br-zBHxT.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 +4592,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 +5059,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 +5128,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 +5186,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 +5207,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 +5266,10 @@ const dateTime = {
 	Display: DateTimeDisplay,
 	Input: DateTimeInput
 };
+const time = {
+	Display: TimeDisplay,
+	Input: TimeInput
+};
 const en = {
 	Display: EnumDisplay,
 	Input: EnumInput
@@ -4930,6 +5308,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 +5323,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 +5563,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 +6098,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 +6134,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 +6147,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 +6194,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 +6227,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",