@burojs/ui-shadcn 0.7.0 → 0.9.0

package/dist/{place-node-CNb3w-c7.cjs → place-node-BZF5Af6x.cjs}

@@ -1,15 +1,15 @@
 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_filter_builder = require("./filter-builder-DFu0JP-1.cjs");
+const require_filter_builder = require("./filter-builder-DQX-TMFh.cjs");
 const require_label = require("./label-w6JYf2cF.cjs");
-const require_lazy_relation_picker_dialog = require("./lazy-relation-picker-dialog-Bt8lrEIu.cjs");
-const require_relation_select = require("./relation-select-Cr3CfNLy.cjs");
+const require_lazy_relation_picker_dialog = require("./lazy-relation-picker-dialog-C_VlGlDz.cjs");
+const require_relation_select = require("./relation-select-C3aV18kT.cjs");
 let _burojs_core = require("@burojs/core");
 let _burojs_react = require("@burojs/react");
 let _tabler_icons_react = require("@tabler/icons-react");
@@ -146,10 +146,10 @@ function copyText(value) {
 function FieldValueFrame({ field, value, surface, entry, children }) {
 	const t = (0, _burojs_react.useOptionalT)();
 	const clipboard = (0, _burojs_react.useClipboard)();
-	const [copied, setCopied] = (0, react.useState)(false);
+	const [copied, setCopied] = (0, react.useState)(null);
 	(0, react.useEffect)(() => {
-		if (!copied) return;
-		const timer = setTimeout(() => setCopied(false), COPIED_MS);
+		if (copied === null) return;
+		const timer = setTimeout(() => setCopied(null), COPIED_MS);
 		return () => clearTimeout(timer);
 	}, [copied]);
 	const ui = isRecord$1(field.ui) ? field.ui : void 0;
@@ -180,7 +180,7 @@ function FieldValueFrame({ field, value, surface, entry, children }) {
 	const copy = (event) => {
 		event.preventDefault();
 		event.stopPropagation();
-		clipboard(copyText(value)).then(() => setCopied(true), () => void 0);
+		clipboard(copyText(value)).then(() => setCopied("copied"), () => setCopied("failed"));
 	};
 	return (0, react_jsx_runtime.jsxs)("span", {
 		className: "inline-flex min-w-0 max-w-full items-center gap-1 align-bottom",
@@ -193,7 +193,7 @@ function FieldValueFrame({ field, value, surface, entry, children }) {
 				title: label,
 				onClick: copy,
 				className: "inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-				children: copied ? (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconCheck, {
+				children: copied === "copied" ? (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconCheck, {
 					"aria-hidden": "true",
 					className: "size-3.5"
 				}) : (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconCopy, {
@@ -204,7 +204,7 @@ function FieldValueFrame({ field, value, surface, entry, children }) {
 			(0, react_jsx_runtime.jsx)("span", {
 				"aria-live": "polite",
 				className: "sr-only",
-				children: copied ? t("field.copied", { defaultValue: "Copied" }) : ""
+				children: copied === "copied" ? t("field.copied", { defaultValue: "Copied" }) : copied === "failed" ? t("field.copyFailed", { defaultValue: "Could not copy" }) : ""
 			})
 		]
 	});
@@ -284,6 +284,10 @@ function leafAttributes(size, weight) {
 		...weight === void 0 ? {} : { "data-buro-weight": String(weight) }
 	};
 }
+function labelHiddenOf(compiled, node) {
+	return compiled.nodes[node.index]?.options.label === "hidden";
+}
+const labelRegion = (hidden, visible) => hidden ? "sr-only" : visible;
 function FieldLeaf({ node }) {
 	const { leafIds } = useScreenTree();
 	if (node.state === "failed" && node.failedOn.length > 0 && node.failedOn.every((name) => name.startsWith("meta:"))) return (0, react_jsx_runtime.jsx)(MisconfiguredLeaf, { node });
@@ -295,7 +299,8 @@ function FieldLeaf({ node }) {
 	return (0, react_jsx_runtime.jsx)(RecordLeaf, { node });
 }
 function MisconfiguredLeaf({ node }) {
-	const { leafIds, resource, mode, controller } = useScreenTree();
+	const { leafIds, resource, mode, compiled, controller } = useScreenTree();
+	const hidden = labelHiddenOf(compiled, node);
 	const name = node.field;
 	const binding = controller.field(name);
 	const caps = (0, _burojs_react.useI18nCaps)(resource);
@@ -322,7 +327,7 @@ function MisconfiguredLeaf({ node }) {
 		"data-buro-field-meta": "failed",
 		children: [(0, react_jsx_runtime.jsx)("div", {
 			"data-buro-region": "field-label",
-			className: "text-sm font-medium leading-none",
+			className: labelRegion(hidden, "text-sm font-medium leading-none"),
 			children: label
 		}), (0, react_jsx_runtime.jsx)("div", {
 			"data-buro-region": "field-control",
@@ -330,12 +335,22 @@ function MisconfiguredLeaf({ node }) {
 		})]
 	});
 }
+function valueAt(record, path) {
+	let at = record;
+	for (const segment of path.split(".")) {
+		if (at === null || typeof at !== "object") return void 0;
+		at = at[segment];
+	}
+	return at;
+}
 function RecordLeaf({ node }) {
 	const { resource, mode, compiled, controller } = useScreenTree();
-	const name = node.field;
+	const head = node.field;
+	const name = node.fieldPath ?? head;
 	const binding = controller.field(name);
 	const size = useLeafSize(binding.field);
 	const weight = compiled.nodes[node.index]?.options.weight;
+	const hidden = labelHiddenOf(compiled, node);
 	const caps = (0, _burojs_react.useI18nCaps)(resource);
 	const tid = (0, _burojs_react.useTestIds)();
 	const label = (0, _burojs_core.resolveFieldLabel)(caps, name, (0, _burojs_core.declaredText)("field", binding.field, "label"));
@@ -352,7 +367,7 @@ function RecordLeaf({ node }) {
 			"data-buro-restricted": "true",
 			children: [(0, react_jsx_runtime.jsx)("div", {
 				"data-buro-region": "field-label",
-				className: "text-sm font-medium leading-none",
+				className: labelRegion(hidden, "text-sm font-medium leading-none"),
 				children: label
 			}), (0, react_jsx_runtime.jsx)("div", {
 				"data-buro-region": "field-control",
@@ -372,7 +387,7 @@ function RecordLeaf({ node }) {
 		});
 	}
 	const record = controller.record;
-	const value = mode === "show" ? record?.[name] ?? controller.values[name] : mode === "edit" && controller.plan?.fields[name] !== "active" ? record?.[name] ?? controller.values[name] : controller.values[name];
+	const value = mode === "show" ? valueAt(record, name) ?? binding.value : mode === "edit" && controller.plan?.fields[head] !== "active" ? valueAt(record, name) ?? binding.value : binding.value;
 	const display = (0, react_jsx_runtime.jsx)(FieldDisplay, {
 		resource: binding.resource,
 		name,
@@ -380,6 +395,8 @@ function RecordLeaf({ node }) {
 		value,
 		metaSources: controller.sources,
 		...record === void 0 ? {} : { record },
+		...binding.absentPaths === void 0 ? {} : { absentPaths: binding.absentPaths },
+		...binding.pathStatus === void 0 ? {} : { pathStatus: binding.pathStatus },
 		fallback: value == null || value === "" ? (0, react_jsx_runtime.jsx)("span", {
 			className: "text-muted-foreground",
 			children: "—"
@@ -390,11 +407,11 @@ function RecordLeaf({ node }) {
 		"data-testid": `show-field:${resource}:${name}`,
 		children: [(0, react_jsx_runtime.jsxs)("dt", {
 			"data-buro-region": "field-label",
-			className: require_use_theme.cn("flex items-center gap-0.5", FIELD_LABEL_SHOW),
+			className: labelRegion(hidden, require_use_theme.cn("flex items-center gap-0.5", FIELD_LABEL_SHOW)),
 			children: [(0, react_jsx_runtime.jsx)("span", {
 				className: "min-w-0",
 				children: label
-			}), (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DocInfo, {
+			}), hidden ? null : (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DocInfo, {
 				address: `${resource}/fields/${name}`,
 				name: label
 			})]
@@ -414,8 +431,8 @@ function RecordLeaf({ node }) {
 			"data-testid": tid.formField(resource, mode, name),
 			children: [(0, react_jsx_runtime.jsxs)("div", {
 				"data-buro-region": "field-label",
-				className: "flex items-center gap-2",
-				children: [(0, react_jsx_runtime.jsx)(require_label.Label, { children: label }), (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DocInfo, {
+				className: labelRegion(hidden, "flex items-center gap-2"),
+				children: [(0, react_jsx_runtime.jsx)(require_label.Label, { children: label }), hidden ? null : (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DocInfo, {
 					address: `${resource}/fields/${name}`,
 					name: label,
 					testId: `${tid.formField(resource, mode, name)}:info`
@@ -451,11 +468,12 @@ function RecordLeaf({ node }) {
 		node,
 		binding,
 		label,
+		labelHidden: hidden,
 		attributes,
 		inputId
 	});
 }
-function ActiveLeaf({ node, binding, label, attributes, inputId }) {
+function ActiveLeaf({ node, binding, label, labelHidden, attributes, inputId }) {
 	const { resource, mode, controller, disabled: locked } = useScreenTree();
 	const caps = (0, _burojs_react.useI18nCaps)(resource);
 	const tid = (0, _burojs_react.useTestIds)();
@@ -499,13 +517,13 @@ function ActiveLeaf({ node, binding, label, attributes, inputId }) {
 		onBlur: binding.onBlur,
 		children: [(0, react_jsx_runtime.jsxs)("div", {
 			"data-buro-region": "field-label",
-			className: "flex items-center gap-2",
+			className: labelRegion(labelHidden, "flex items-center gap-2"),
 			children: [(0, react_jsx_runtime.jsx)(require_label.Label, {
 				id: `${inputId}-label`,
 				htmlFor: inputId,
 				required: binding.required,
 				children: label
-			}), (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DocInfo, {
+			}), labelHidden ? null : (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DocInfo, {
 				address: `${resource}/fields/${name}`,
 				name: label,
 				testId: `${tid.formField(resource, mode, name)}:info`
@@ -528,13 +546,17 @@ function ActiveLeaf({ node, binding, label, attributes, inputId }) {
 				...mode === "create" || record === void 0 ? {} : { record },
 				form: controller.values,
 				metaSources: controller.sources,
+				...controller.baseline === void 0 ? {} : { baseline: controller.baseline },
 				...describedBy === void 0 ? {} : { descriptionId: describedBy },
 				...errorMessageId === void 0 ? {} : { errorId: errorMessageId },
 				errorMessage: errorText,
 				issues: binding.issues,
 				...binding.fixedFilters === void 0 ? {} : { fixedFilters: binding.fixedFilters },
+				...binding.optionSubtitle === void 0 ? {} : { optionSubtitle: binding.optionSubtitle },
 				...binding.relationSeeds === void 0 ? {} : { relationSeeds: binding.relationSeeds },
 				...binding.link === void 0 ? {} : { link: binding.link },
+				...binding.absentPaths === void 0 ? {} : { absentPaths: binding.absentPaths },
+				...binding.pathStatus === void 0 ? {} : { pathStatus: binding.pathStatus },
 				fallback: (0, react_jsx_runtime.jsx)(require_input.Input, {
 					id: inputId,
 					name: inputId,
@@ -581,6 +603,7 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 	const binding = controller.field(name);
 	const size = useLeafSize(binding.field);
 	const weight = compiled.nodes[node.index]?.options.weight;
+	const hidden = labelHiddenOf(compiled, node);
 	const attributes = leafAttributes(size, weight);
 	const docRef = (0, _burojs_core.i18nPrefixToRef)(prefix);
 	const docScope = docRef.namespace === "default" ? docRef.id : (0, _burojs_core.formatEntityRef)(docRef);
@@ -599,7 +622,7 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 	});
 	const label = (0, _burojs_core.resolveFieldLabel)(caps, name, (0, _burojs_core.declaredText)("field", binding.field, "label"));
 	const hint = (0, _burojs_core.resolveFieldSlot)(caps, name, "description", require_filter_builder.fieldDescription(binding.field));
-	const info = (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DocInfo, {
+	const info = hidden ? null : (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DocInfo, {
 		address: `${docScope}/fields/${name}`,
 		name: label,
 		testId: `${prefix}:field:${name}:info`
@@ -616,7 +639,7 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 		children: [
 			(0, react_jsx_runtime.jsxs)("div", {
 				"data-buro-region": "field-label",
-				className: "flex items-center gap-2",
+				className: labelRegion(hidden, "flex items-center gap-2"),
 				children: [(0, react_jsx_runtime.jsx)("span", {
 					className: FIELD_LABEL_SHOW,
 					children: label
@@ -649,6 +672,7 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 		...binding,
 		field: binding.field,
 		metaSources: controller.sources,
+		...controller.baseline === void 0 ? {} : { baseline: controller.baseline },
 		inputId,
 		labelId: `${inputId}-label`,
 		i18nPrefix: prefix,
@@ -664,7 +688,7 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 		children: [
 			(0, react_jsx_runtime.jsxs)("div", {
 				"data-buro-region": "field-label",
-				className: "flex items-center gap-2",
+				className: labelRegion(hidden, "flex items-center gap-2"),
 				children: [(0, react_jsx_runtime.jsx)(require_label.Label, {
 					id: `${inputId}-label`,
 					htmlFor: inputId,
@@ -858,6 +882,20 @@ function AppFlowButton({ action, variant = "ghost", size = "sm", className }) {
 		actionName: action.name,
 		surface: "app"
 	});
+	if (action.undecided === true) return (0, react_jsx_runtime.jsx)(require_button.Button, {
+		type: "button",
+		variant,
+		size,
+		className,
+		"data-testid": testid,
+		"data-buro-flow-state": "undecided",
+		disabled: true,
+		"aria-busy": "true",
+		children: (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.ActionInner, {
+			icon: action.icon,
+			label
+		})
+	});
 	if (action.hostHref !== void 0) return (0, react_jsx_runtime.jsx)(require_button.Button, {
 		asChild: true,
 		variant,
@@ -926,10 +964,7 @@ function RecordInlineFlow({ name }) {
 	const id = frame?.recordId;
 	const asRead = frame === null ? void 0 : (0, _burojs_react.policyRecordOf)(frame.controller, frame.record);
 	const key = placement?.key ?? flowName;
-	const state = frame === null || id === void 0 || asRead === void 0 ? null : resolve(flowName, {
-		...asRead,
-		id
-	});
+	const state = frame === null || id === void 0 || asRead === void 0 ? null : resolve(flowName, (0, _burojs_react.withRecordKeys)(asRead, { id }));
 	const kept = holder?.get(key);
 	const stale = state?.state === "absent" && state.cause === "when" && kept !== void 0 && kept.dirty;
 	const gone = state?.state === "absent" && !stale;
@@ -941,10 +976,7 @@ function RecordInlineFlow({ name }) {
 		key
 	]);
 	if (frame === null || asRead === void 0 || id === void 0 || compiled === null) return null;
-	const row = {
-		...asRead,
-		id
-	};
+	const row = (0, _burojs_react.withRecordKeys)(asRead, { id });
 	const control = resolve(flowName, row);
 	switch (control.state) {
 		case "undecided":
@@ -1215,6 +1247,28 @@ function placementSeeds(where, resolved, closure) {
 	return Object.freeze(seeds);
 }
 //#endregion
+//#region src/enum/enum-settling.tsx
+function unknownEnumValueLabel(caps, def, ns, value) {
+	const declared = (0, _burojs_core.enumFallbackText)(def);
+	if (def.fallback === void 0 && declared === void 0) return {
+		label: value,
+		fallback: false
+	};
+	return {
+		label: (0, _burojs_core.resolveContentSlot)(caps, [(0, _burojs_core.enumFallbackKey)(ns)], { default: declared }) ?? value,
+		fallback: true
+	};
+}
+function EnumSettlingRow({ status, testid }) {
+	const t = (0, _burojs_react.useOptionalT)();
+	return (0, react_jsx_runtime.jsx)("div", {
+		role: "status",
+		"data-testid": testid === void 0 ? void 0 : `${testid}:${status}`,
+		className: "px-2 py-1.5 text-sm text-muted-foreground",
+		children: status === "pending" ? t("field.loading", { defaultValue: "Loading…" }) : t("relation.failed", { defaultValue: "Failed to load options." })
+	});
+}
+//#endregion
 //#region src/enum/enum-badge.tsx
 function BadgeBody({ icon, label }) {
 	return (0, react_jsx_runtime.jsxs)("span", {
@@ -1285,9 +1339,9 @@ function EnumBadge({ enumName: enumInput, value, testid, className, presentation
 			children: body
 		});
 	}
-	const declaredFallback = (0, _burojs_core.enumFallbackText)(def);
-	if (def?.fallback !== void 0 || declaredFallback !== void 0) {
-		const fallbackLabel = (0, _burojs_core.resolveContentSlot)(caps, [(0, _burojs_core.enumFallbackKey)(ns)], { default: declaredFallback }) ?? value;
+	const unknown = unknownEnumValueLabel(caps, def, ns, value);
+	if (unknown.fallback) {
+		const fallbackLabel = unknown.label;
 		if (presentation === "plain") return (0, react_jsx_runtime.jsx)("span", {
 			"data-testid": `${id}:fallback`,
 			className,
@@ -1515,35 +1569,6 @@ function useShownItemActions(resource, record, surface, hideFlows, sources) {
 	return hideFlows === void 0 ? shown : shown.filter((a) => a.flow === void 0 || !hideFlows(a.name));
 }
 //#endregion
-//#region src/layout/record-targets.ts
-function recordRouteAvailable(registry, resource, action) {
-	if ((0, _burojs_core.resolveStaticAvailability)(registry, resource, action).state !== "available") return false;
-	const def = registry.get(resource);
-	return def !== void 0 && (0, _burojs_core.hasRecordPage)(def, action);
-}
-function isShowAvailable(registry, resource) {
-	return recordRouteAvailable(registry, resource, "show");
-}
-function showTarget(resource, id) {
-	return {
-		resource,
-		action: "show",
-		params: { id }
-	};
-}
-function listTarget(resource) {
-	return {
-		resource,
-		action: "list"
-	};
-}
-function recordReturnTarget(registry, resource, id) {
-	return isShowAvailable(registry, resource) ? showTarget(resource, id) : listTarget(resource);
-}
-function editBackHref(registry, resource, id, backHref) {
-	return backHref ?? (0, _burojs_react.resolveRoute)(recordReturnTarget(registry, resource, id), registry);
-}
-//#endregion
 //#region src/lib/typography.ts
 const typography = {
 	h1: "text-2xl font-semibold tracking-tight",
@@ -1671,16 +1696,16 @@ function ShowPageHeader({ resource: resourceInput, record, extraActions, breadcr
 }
 function EditPageHeader({ resource: resourceInput, record, backHref, breadcrumbs }) {
 	const resource = (0, _burojs_core.routeResourceKey)(resourceInput);
-	const app = (0, _burojs_react.useApp)();
-	const def = app.registry.get(resource);
+	const def = (0, _burojs_react.useApp)().registry.get(resource);
 	const caps = (0, _burojs_react.useI18nCaps)(resource);
 	const recordKey = (0, _burojs_react.recordKeyOf)(def, record);
 	const recordName = (0, _burojs_react.useProjectedTitle)(resource, recordKey, record);
+	const back = (0, _burojs_react.useReturnTarget)(resource, "edit", String(recordKey ?? ""));
 	return (0, react_jsx_runtime.jsx)(PageHeader, {
 		resource,
 		mode: "edit",
 		recordName,
-		backHref: editBackHref(app.registry, resource, String(recordKey ?? ""), backHref),
+		backHref: backHref ?? back,
 		breadcrumbs,
 		backLabel: recordName ? `${(0, _burojs_core.resolveResourceLabel)(caps, resource, "single", def)}: ${recordName}` : void 0,
 		actions: (0, react_jsx_runtime.jsx)(ActionOverflow, {
@@ -1969,19 +1994,26 @@ function BuroPanelFrame({ body, title, description, collapsible, open, onToggle,
 				"data-buro-region": "panel-title",
 				className: "flex items-center gap-1",
 				children: [
-					collapsible ? (0, react_jsx_runtime.jsx)("button", {
+					collapsible && title !== void 0 ? (0, react_jsx_runtime.jsx)("h3", {
+						id: titleId,
+						className: "min-w-0 flex-1 text-sm font-semibold",
+						children: (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							"aria-expanded": open,
+							"aria-controls": bodyId,
+							onClick: () => onToggle(!open),
+							className: "-mx-1 flex w-full items-center gap-1 rounded px-1 text-left hover:bg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+							children: [(0, react_jsx_runtime.jsx)(Chevron, { open }), title]
+						})
+					}) : collapsible ? (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						"aria-expanded": open,
 						"aria-controls": bodyId,
 						"aria-label": open ? t("screen.collapse", { defaultValue: "Collapse" }) : t("screen.expand", { defaultValue: "Expand" }),
 						onClick: () => onToggle(!open),
 						className: "inline-flex size-6 items-center justify-center rounded text-muted-foreground hover:bg-muted",
-						children: (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconChevronRight, {
-							className: open ? "h-4 w-4 rotate-90 transition-transform" : "h-4 w-4 transition-transform",
-							"aria-hidden": "true"
-						})
-					}) : null,
-					title === void 0 ? null : (0, react_jsx_runtime.jsx)("h3", {
+						children: (0, react_jsx_runtime.jsx)(Chevron, { open })
+					}) : title === void 0 ? null : (0, react_jsx_runtime.jsx)("h3", {
 						id: titleId,
 						className: "text-sm font-semibold",
 						children: title
@@ -1999,6 +2031,12 @@ function BuroPanelFrame({ body, title, description, collapsible, open, onToggle,
 		]
 	});
 }
+function Chevron({ open }) {
+	return (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconChevronRight, {
+		className: open ? "h-4 w-4 shrink-0 rotate-90 text-muted-foreground transition-transform" : "h-4 w-4 shrink-0 text-muted-foreground transition-transform",
+		"aria-hidden": "true"
+	});
+}
 function BuroTabsFrame({ tabs, active, onSelect, info, nodeAttributes }) {
 	if (tabs.length === 1) return (0, react_jsx_runtime.jsx)("div", {
 		...nodeAttributes,
@@ -2616,7 +2654,8 @@ function ColumnHeaderMenu({ label, sortDirection, sortable, onSort, pinned, onPi
 }
 //#endregion
 //#region src/resource/column-accessor.ts
-function columnAccessor(column) {
+function columnAccessor(column, objectPath = false) {
+	if (objectPath) return { accessorFn: (row) => (0, _burojs_react.readColumnValue)(row, column, true) };
 	return column.includes(".") ? { accessorFn: (row) => row[column] } : { accessorKey: column };
 }
 //#endregion
@@ -3225,7 +3264,8 @@ function ResourceList({ resource: resourceInput, data, total, page = 1, pageSize
 		});
 		for (const col of visibleColumnKeys) {
 			const target = columnTarget(app.registry, resource, col);
-			const field = target !== void 0 ? target.field : def === void 0 ? void 0 : (0, _burojs_core.declaredField)(def, col);
+			const objectPath = (0, _burojs_react.isObjectColumn)(app.registry, resource, col);
+			const field = target !== void 0 ? target.field : objectPath ? (0, _burojs_react.resolveObjectColumn)(app.registry, resource, col)?.field : def === void 0 ? void 0 : (0, _burojs_core.declaredField)(def, col);
 			const declaredLabel = (0, _burojs_core.declaredText)("field", field, "label");
 			const headerLabel = target === void 0 ? (0, _burojs_core.resolveFieldLabel)(volatileRef.current.i18nCaps, col, declaredLabel) : (0, _burojs_core.resolveFieldLabel)(capsOf(volatileRef.current.i18nCaps, target.resource), target.name, declaredLabel);
 			const ui = columnUiOf(col);
@@ -3233,12 +3273,15 @@ function ResourceList({ resource: resourceInput, data, total, page = 1, pageSize
 				...field ?? { type: "unknown" },
 				name: target === void 0 ? col : target.name
 			};
-			const cellEntry = { display: ui.display };
+			const cellEntry = { display: {
+				...ui.display,
+				...ui.display.dateDisplay
+			} };
 			const wraps = ui.display.overflow === "wrap";
 			const columnSortable = volatileRef.current.sortable?.(col) ?? (def !== void 0 && (0, _burojs_core.isColumnSortable)(def, col, app, app.registry));
 			cols.push({
 				id: col,
-				...columnAccessor(col),
+				...columnAccessor(col, objectPath),
 				size: ui.default,
 				minSize: ui.min,
 				maxSize: ui.max ?? Number.MAX_SAFE_INTEGER,
@@ -3297,7 +3340,7 @@ function ResourceList({ resource: resourceInput, data, total, page = 1, pageSize
 				cell: ({ row }) => {
 					const raw = row.original;
 					const record = volatileRef.current.viewRow(raw);
-					const value = record[col];
+					const value = (0, _burojs_react.readColumnValue)(record, col, objectPath);
 					const customCell = volatileRef.current.renderCell?.(col, value, record);
 					const cellInner = customCell !== void 0 ? customCell : (0, react_jsx_runtime.jsx)(require_filter_builder.ResolvedFieldDisplay, {
 						resource: target === void 0 ? resourceRef : target.ref,
@@ -4447,7 +4490,7 @@ function issueText(issue, caps, i18nPrefix) {
 	}, {
 		has: caps.has,
 		t: caps.t,
-		...issue.field === "_form" ? {} : { fieldKey: `resources.${i18nPrefix}.fields.${issue.field}` }
+		...issue.field === "_form" ? {} : { fieldKey: `resources.${i18nPrefix}.${(0, _burojs_core.propertyTextKey)([...issue.field.split("."), ...issue.path])}` }
 	});
 }
 const EMPTY_ISSUES = Object.freeze([]);
@@ -4496,9 +4539,10 @@ function DeclarativeForm(props) {
 function DeclarativeFormBody(props) {
 	const gate = useDeclarativeCheckGate();
 	const prefix = props.i18nPrefix ?? "form";
+	const mode = props.mode ?? "create";
 	const form = (0, _burojs_react.useFormController)({
 		fields: props.fields,
-		mode: "create",
+		mode,
 		onConfirmChecks: gate.confirmChecks,
 		...props.body === void 0 ? {} : { body: props.body },
 		...props.formId === void 0 ? {} : { formId: props.formId },
@@ -4563,7 +4607,7 @@ function DeclarativeFormBody(props) {
 				children: (0, react_jsx_runtime.jsx)(ScreenTree, {
 					region: "form-body",
 					resource: prefix,
-					mode: "create",
+					mode,
 					compiled: form.screen,
 					controller: form,
 					leafIds,
@@ -4944,6 +4988,7 @@ function BulkFlowButton({ resource, actionName, ids, onSelectionChange }) {
 	const each = compiled?.each ?? false;
 	const [running, setRunning] = (0, react.useState)(false);
 	const [summary, setSummary] = (0, react.useState)(null);
+	const afterSummary = (0, react.useRef)(null);
 	const testid = tid.bulkAction(resource, actionName);
 	if (control.state === "absent") return null;
 	const variant = chrome.destructive ? "destructive" : "outline";
@@ -4966,11 +5011,20 @@ function BulkFlowButton({ resource, actionName, ids, onSelectionChange }) {
 	const finish = (result, progress) => {
 		setRunning(false);
 		if (progress === void 0) return;
-		if (result.outcome !== "success") setSummary({
+		const summarize = result.outcome !== "success" || progress.rereadSkipped.some((entry) => entry.policy === "warn");
+		if (summarize) setSummary({
 			progress,
 			total: ids.length
 		});
-		onSelectionChange?.(ids.filter((id) => !progress.success.includes(id)));
+		const remaining = ids.filter((id) => !progress.success.includes(id));
+		if (summarize && remaining.length === 0) afterSummary.current = () => onSelectionChange?.([]);
+		else onSelectionChange?.(remaining);
+	};
+	const closeSummary = () => {
+		setSummary(null);
+		const pending = afterSummary.current;
+		afterSummary.current = null;
+		pending?.();
 	};
 	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		(0, react_jsx_runtime.jsx)(require_button.Button, {
@@ -5000,7 +5054,7 @@ function BulkFlowButton({ resource, actionName, ids, onSelectionChange }) {
 		(0, react_jsx_runtime.jsx)(require_dialog.Dialog, {
 			open: summary !== null,
 			onOpenChange: (open) => {
-				if (!open) setSummary(null);
+				if (!open) closeSummary();
 			},
 			children: (0, react_jsx_runtime.jsxs)(require_dialog.DialogContent, {
 				"data-testid": `${tid.bulkSummary(resource, actionName)}:dialog`,
@@ -5021,7 +5075,7 @@ function BulkFlowButton({ resource, actionName, ids, onSelectionChange }) {
 						type: "button",
 						variant: "outline",
 						"data-testid": `${tid.bulkSummary(resource, actionName)}:close`,
-						onClick: () => setSummary(null),
+						onClick: closeSummary,
 						children: t("flow.close", { defaultValue: "Close" })
 					}) })
 				]
@@ -5399,6 +5453,14 @@ function CreateButton({ resource: resourceInput, href, testid, size = "sm", vari
 		resource,
 		defaultValue: "Create"
 	});
+	const undecided = (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.UndecidedAction, {
+		label: text,
+		icon: "Plus",
+		testid,
+		size,
+		variant,
+		className
+	});
 	if (onOpen !== void 0) {
 		const answer = gate(resource, "create");
 		if (answer.state === "disabled") return (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DisabledAction, {
@@ -5411,6 +5473,7 @@ function CreateButton({ resource: resourceInput, href, testid, size = "sm", vari
 			className,
 			resource
 		});
+		if (answer.state === "undecided") return undecided;
 		if (answer.state !== "open") return null;
 		return (0, react_jsx_runtime.jsxs)(require_button.Button, {
 			type: "button",
@@ -5426,6 +5489,7 @@ function CreateButton({ resource: resourceInput, href, testid, size = "sm", vari
 		});
 	}
 	if (availability.state === "absent" || availability.state === "hidden") return null;
+	if (availability.state === "undecided") return undecided;
 	if (availability.state === "disabled") return (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DisabledAction, {
 		reason: availability.reason,
 		label: text,
@@ -5469,6 +5533,10 @@ const ListCreate = listPiece("ListCreate", ListCreateView);
 //#endregion
 //#region src/export/export-button.tsx
 const warnedProviderQueryResources = new Set();
+const EXPORT_TARGET = {
+	kind: "action",
+	name: "export"
+};
 function ExportButton({ resource: resourceInput, className }) {
 	const resource = (0, _burojs_core.routeResourceKey)(resourceInput);
 	if (!((0, _burojs_react.useOptionalDataRuntime)() !== null)) return null;
@@ -5482,12 +5550,11 @@ function ExportButtonActive({ resource, className }) {
 	const { available, prefetch } = (0, _burojs_react.useResourceExport)(resource);
 	const capability = (0, _burojs_react.useCapability)("run", {
 		resource,
-		target: {
-			kind: "action",
-			name: "export"
-		},
+		target: EXPORT_TARGET,
 		mode: "list"
 	});
+	const app = (0, _burojs_react.useApp)();
+	const undecided = (0, _burojs_react.usePermissionsUndecided)() && (0, _burojs_core.addressesCapability)(app.ruleSource.rules(resource), "run", EXPORT_TARGET);
 	const tid = (0, _burojs_react.useTestIds)();
 	const t = (0, _burojs_react.useOptionalT)();
 	const [open, setOpen] = react.useState(false);
@@ -5505,18 +5572,35 @@ function ExportButtonActive({ resource, className }) {
 	if (target !== null) lastTarget.current = target;
 	const dialogTarget = target ?? lastTarget.current;
 	react.useEffect(() => {
-		if (!available || !capability.allowed) return;
+		if (!available || undecided || !capability.allowed) return;
 		if (list.providerQuery.value === void 0) return;
 		if (warnedProviderQueryResources.has(resource)) return;
 		warnedProviderQueryResources.add(resource);
 		console.warn(`[buro] ExportButton('${resource}'): this list is narrowed by \`providerQuery\` (a raw provider blob), which an export target cannot carry — the exported file will NOT be narrowed by it. See docs/adopters/data-export.md.`);
 	}, [
 		available,
+		undecided,
 		capability.allowed,
 		list.providerQuery.value,
 		resource
 	]);
-	if (!available || !capability.allowed || list.isForbidden) return null;
+	if (!available || list.isForbidden) return null;
+	if (undecided) return (0, react_jsx_runtime.jsx)(require_button.Button, {
+		type: "button",
+		variant: "outline",
+		size: "icon",
+		"aria-label": t("export.button.label"),
+		title: t("export.button.label"),
+		className: require_use_theme.cn("h-8 w-8", className),
+		"data-testid": tid.exportButton(resource),
+		disabled: true,
+		"aria-busy": "true",
+		children: (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconDownload, {
+			className: "size-4",
+			"aria-hidden": "true"
+		})
+	});
+	if (!capability.allowed) return null;
 	if (target === null && !open) return null;
 	if (dialogTarget === null) return null;
 	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [target === null ? null : (0, react_jsx_runtime.jsx)(require_button.Button, {
@@ -6087,10 +6171,7 @@ function RecordActionsView() {
 	const id = useFrameId();
 	const holder = (0, _burojs_react.useScreenState)()?.inline;
 	if (mode === "create" || record === void 0 || id === void 0) return null;
-	const row = {
-		...(0, _burojs_react.policyRecordOf)(controller, record),
-		id
-	};
+	const row = (0, _burojs_react.withRecordKeys)((0, _burojs_react.policyRecordOf)(controller) ?? record, { id });
 	holder?.declare(inlineFlowNames(controller.screen, controller.plan));
 	return (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex flex-wrap items-center gap-2",
@@ -6133,26 +6214,33 @@ function FormActionsView() {
 	const labelCaps = (0, _burojs_react.useI18nCaps)(resource);
 	const tid = (0, _burojs_react.useTestIds)();
 	const id = useFrameId();
+	const back = (0, _burojs_react.useReturnTarget)(resource, mode === "create" ? "create" : "edit", mode === "edit" ? id : void 0);
 	const failedIssues = chrome.serverIssues;
 	const livePlan = controller.plan;
-	const alertIssues = (0, react.useMemo)(() => failedIssues === void 0 || failedIssues.length === 0 ? NO_ALERT_ISSUES : (0, _burojs_core.routeServerIssues)({ issues: failedIssues }, (segment) => segment, (field) => field !== "_form" && (livePlan === null || livePlan.fields[field] === "active")).form, [failedIssues, livePlan]);
+	const placed = (0, react.useMemo)(() => new Set(livePlan?.placedPaths ?? []), [livePlan]);
+	const alertIssues = (0, react.useMemo)(() => failedIssues === void 0 || failedIssues.length === 0 ? NO_ALERT_ISSUES : (0, _burojs_core.routeServerIssues)({ issues: failedIssues }, (segment) => segment, (field, path) => field !== "_form" && (livePlan === null || livePlan.fields[field] === "active" && (0, _burojs_core_internal.deepestPlacedPath)(path, placed) !== void 0)).form, [
+		failedIssues,
+		livePlan,
+		placed
+	]);
 	const fieldDefs = app.registry.get(resource)?.fields;
 	if (mode === "show") return null;
-	const busy = controller.isSubmitting;
+	const busy = controller.isSubmitting || chrome.created === true;
 	const cancel = () => {
 		if (chrome.onCancel !== void 0) chrome.onCancel();
-		else navigate(mode === "edit" && id !== void 0 ? recordReturnTarget(app.registry, resource, id) : listTarget(resource));
+		else navigate(back, { origin: "inherit" });
 	};
 	const plan = controller.plan;
 	const undrawn = (field) => plan === null || plan.fields[field] === void 0 || plan.fields[field] === "inactive";
-	const recordLevel = (issue) => issue.field === "_form" || undrawn(issue.field);
+	const recordLevel = (issue) => issue.field === "_form" || undrawn((0, _burojs_core_internal.pathHead)(issue.field)) || !placed.has(issue.field);
 	const undrawnBlockers = (controller.checkOutcome?.blockers ?? []).flatMap((issue) => {
 		const field = typeof issue.path?.[0] === "string" ? issue.path[0] : "_form";
-		if (field !== "_form" && !undrawn(field)) return [];
+		if (field !== "_form" && !undrawn(field) && (0, _burojs_core_internal.deepestPlacedPath)(issue.path, placed) !== void 0) return [];
 		if (controller.errors.some((own) => own.code === issue.code && own.field === field)) return [];
 		return [{
 			...issue,
-			field
+			field,
+			path: field === "_form" ? [] : issue.path.slice(1)
 		}];
 	});
 	const formErrors = firstPreferred([...controller.errors.filter(recordLevel), ...undrawnBlockers]);
@@ -6172,7 +6260,7 @@ function FormActionsView() {
 		if (!retryable.includes(checkId)) retryable.push(checkId);
 	}
 	const failure = chrome.submitError === void 0 ? void 0 : failureText(chrome.submitError, chrome.submitApplied, t, caps);
-	const serverIssues = bySeverity(alertIssues).map((issue) => {
+	const serverIssues = bySeverity(alertIssues).flatMap((issue) => {
 		const head = issue.path[0];
 		const name = typeof head === "string" ? head : void 0;
 		const declared = name === void 0 ? void 0 : fieldDefs?.[name];
@@ -6183,13 +6271,14 @@ function FormActionsView() {
 		}, {
 			has: caps.has,
 			t: caps.t,
-			...declared === void 0 ? {} : { fieldKey: `resources.${resource}.fields.${name}` }
+			...declared === void 0 ? {} : { fieldKey: `resources.${resource}.${(0, _burojs_core.propertyTextKey)(issue.path)}` }
 		});
-		return {
+		if (issue.path.length === 0 && message === failure) return [];
+		return [{
 			label: declared === void 0 || name === void 0 ? void 0 : (0, _burojs_core.resolveFieldLabel)(labelCaps, name, (0, _burojs_core.declaredText)("field", declared, "label")),
 			message,
 			severity: issue.severity
-		};
+		}];
 	});
 	const steps = controller.steps;
 	const midSteps = steps !== null && steps.ids.length > 1 && steps.current !== void 0 && steps.current !== steps.ids[steps.ids.length - 1];
@@ -6681,8 +6770,8 @@ function declaresDisplay(field) {
 	return field !== void 0 && (0, _burojs_core.resolveSurfaceUi)(field, "column").use !== void 0;
 }
 const NO_INITIAL_FILTERS = Object.freeze({});
-const RelatedCards = (0, react.lazy)(async () => ({ default: (await Promise.resolve().then(() => require("./related-list-cards-CelMxl4q.cjs"))).RelatedCards }));
-const RelatedTimeline = (0, react.lazy)(async () => ({ default: (await Promise.resolve().then(() => require("./related-list-timeline-DsLdi8sv.cjs"))).RelatedTimeline }));
+const RelatedCards = (0, react.lazy)(async () => ({ default: (await Promise.resolve().then(() => require("./related-list-cards-xVvgSlu-.cjs"))).RelatedCards }));
+const RelatedTimeline = (0, react.lazy)(async () => ({ default: (await Promise.resolve().then(() => require("./related-list-timeline-Dsf5WewG.cjs"))).RelatedTimeline }));
 function discriminatorOptionLabel(field, value) {
 	const text = (0, _burojs_core.fieldOptionText)(field, value);
 	if (text !== void 0) return text;
@@ -7869,16 +7958,15 @@ function byOf(field) {
 }
 const MAX_TARGET_HOPS = 2;
 function targetColumns(registry, target, def) {
-	if (!isRecord(def) || !isRecord(def.fields)) return [];
-	const source = def;
+	if (def === void 0) return [];
 	const views = isRecord(def.views) ? def.views : void 0;
 	const list = views !== void 0 && isRecord(views.list) ? views.list : void 0;
 	return (list !== void 0 && Array.isArray(list.columns) ? list.columns.flatMap((entry) => {
 		const name = isRecord(entry) ? entry.field : entry;
 		return typeof name === "string" ? [name] : [];
-	}) : (0, _burojs_core.dtoFields)(source, "list")).filter((name) => {
+	}) : (0, _burojs_core.dtoFields)(def, "list")).filter((name) => {
 		if (name.includes(".")) return name.split(".").length - 1 <= MAX_TARGET_HOPS && (0, _burojs_react.resolveColumnField)(registry, target, name) !== void 0;
-		const field = peekFieldDefinition(source, name);
+		const field = peekFieldDefinition(def, name);
 		return isRecord(field) && !(0, _burojs_core.isRelationField)(field) && (0, _burojs_core.fieldSensitivity)(field) === void 0;
 	});
 }
@@ -8073,7 +8161,7 @@ function RelatedListView({ props, empty }) {
 		...route.renderCell === void 0 ? {} : { renderCell: route.renderCell },
 		...route.emptyState === void 0 ? {} : { emptyState: route.emptyState }
 	});
-	if (own.view !== void 0 && own.view !== "table" && permissions?.status === "loading") return (0, react_jsx_runtime.jsx)("div", {
+	if (own.view !== void 0 && own.view !== "table" && (0, _burojs_core.permissionsUndecided)(permissions)) return (0, react_jsx_runtime.jsx)("div", {
 		role: "status",
 		"aria-busy": "true",
 		"data-testid": `list-undecided:${resource}`,
@@ -8153,7 +8241,7 @@ function RelatedRecordView({ props, empty }) {
 	});
 	const result = query.data;
 	const raw = result?.data;
-	const dtoRow = (0, react.useMemo)(() => raw !== null && typeof raw === "object" && projection !== void 0 ? (0, _burojs_core.projectDto)(raw, projection) : void 0, [raw, projection]);
+	const dtoRow = (0, react.useMemo)(() => raw !== null && typeof raw === "object" && projection !== void 0 ? (0, _burojs_react.deriveRecord)(raw, (record) => (0, _burojs_core.projectDto)(record, projection)) : void 0, [raw, projection]);
 	const access = (0, _burojs_react.useFieldAccess)(resource, "record", dtoRow);
 	const projected = (0, _burojs_react.useProjectedRecord)(resource, dtoRow, { placeholder: query.isPlaceholderData === true });
 	const fieldsKey = JSON.stringify(own.fields ?? null);
@@ -8194,10 +8282,7 @@ function RelatedRecordView({ props, empty }) {
 				children: own.title
 			}), own.toolbar === "item" ? (0, react_jsx_runtime.jsx)(ActionOverflow, {
 				resource,
-				record: {
-					...dtoRow,
-					id
-				},
+				record: (0, _burojs_react.withRecordKeys)(dtoRow, { id }),
 				surface: "show"
 			}) : null]
 		}), (0, react_jsx_runtime.jsx)("dl", {
@@ -8589,6 +8674,12 @@ Object.defineProperty(exports, "EnumBadge", {
 		return EnumBadge;
 	}
 });
+Object.defineProperty(exports, "EnumSettlingRow", {
+	enumerable: true,
+	get: function() {
+		return EnumSettlingRow;
+	}
+});
 Object.defineProperty(exports, "ExportButton", {
 	enumerable: true,
 	get: function() {
@@ -8757,6 +8848,12 @@ Object.defineProperty(exports, "RelatedItem", {
 		return RelatedItem;
 	}
 });
+Object.defineProperty(exports, "RelatedTimelineSkeleton", {
+	enumerable: true,
+	get: function() {
+		return RelatedTimelineSkeleton;
+	}
+});
 Object.defineProperty(exports, "ResourceList", {
 	enumerable: true,
 	get: function() {
@@ -8865,18 +8962,6 @@ Object.defineProperty(exports, "isBuiltinRecordView", {
 		return isBuiltinRecordView;
 	}
 });
-Object.defineProperty(exports, "isShowAvailable", {
-	enumerable: true,
-	get: function() {
-		return isShowAvailable;
-	}
-});
-Object.defineProperty(exports, "listTarget", {
-	enumerable: true,
-	get: function() {
-		return listTarget;
-	}
-});
 Object.defineProperty(exports, "peekFieldDefinition", {
 	enumerable: true,
 	get: function() {
@@ -8901,18 +8986,6 @@ Object.defineProperty(exports, "peekRow", {
 		return peekRow;
 	}
 });
-Object.defineProperty(exports, "recordReturnTarget", {
-	enumerable: true,
-	get: function() {
-		return recordReturnTarget;
-	}
-});
-Object.defineProperty(exports, "recordRouteAvailable", {
-	enumerable: true,
-	get: function() {
-		return recordRouteAvailable;
-	}
-});
 Object.defineProperty(exports, "resolveFrameView", {
 	enumerable: true,
 	get: function() {
@@ -8949,12 +9022,6 @@ Object.defineProperty(exports, "shadcnFrameViews", {
 		return shadcnFrameViews;
 	}
 });
-Object.defineProperty(exports, "showTarget", {
-	enumerable: true,
-	get: function() {
-		return showTarget;
-	}
-});
 Object.defineProperty(exports, "tanStackSortingToBuro", {
 	enumerable: true,
 	get: function() {
@@ -8973,6 +9040,12 @@ Object.defineProperty(exports, "typography", {
 		return typography;
 	}
 });
+Object.defineProperty(exports, "unknownEnumValueLabel", {
+	enumerable: true,
+	get: function() {
+		return unknownEnumValueLabel;
+	}
+});
 Object.defineProperty(exports, "useBuroDataTable", {
 	enumerable: true,
 	get: function() {
@@ -9058,4 +9131,4 @@ Object.defineProperty(exports, "viewOf", {
 	}
 });
 
-//# sourceMappingURL=place-node-CNb3w-c7.cjs.map
+//# sourceMappingURL=place-node-BZF5Af6x.cjs.map