@burojs/ui-shadcn 0.6.0 → 0.7.0

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

@@ -1,13 +1,15 @@
 const require_use_theme = require("./use-theme-DFlpXils.cjs");
-const require_toaster = require("./toaster-Cr51X7bz.cjs");
-const require_check_confirm_dialog = require("./check-confirm-dialog--gPFnEeg.cjs");
+const require_toaster = require("./toaster-BbByOytP.cjs");
+const require_check_confirm_dialog = require("./check-confirm-dialog-C-NHgMST.cjs");
 const require_button = require("./button-BxnnE28H.cjs");
 const require_input = require("./input-BI0czGyI.cjs");
-const require_dialog = require("./dialog-DRNUq9EA.cjs");
-const require_search_access = require("./search-access-Dugvttlg.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_filter_builder = require("./filter-builder-nXqtM_h4.cjs");
+const require_filter_builder = require("./filter-builder-DFu0JP-1.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");
 let _burojs_core = require("@burojs/core");
 let _burojs_react = require("@burojs/react");
 let _tabler_icons_react = require("@tabler/icons-react");
@@ -120,428 +122,91 @@ function toDisplayText(value) {
 	}
 }
 //#endregion
-//#region src/fields/legacy-field.ts
-const STRING_ITEM = Object.freeze({ type: "string" });
-const LEGACY_KIND_DECLARATIONS = Object.freeze({
-	string: { type: "string" },
-	text: {
-		type: "string",
-		format: "text"
-	},
-	textarea: {
-		type: "string",
-		format: "textarea"
-	},
-	code: {
-		type: "string",
-		format: "code"
-	},
-	email: {
-		type: "string",
-		format: "email"
-	},
-	url: {
-		type: "string",
-		format: "url"
-	},
-	uuid: {
-		type: "string",
-		format: "uuid"
-	},
-	number: { type: "number" },
-	boolean: { type: "boolean" },
-	date: {
-		type: "string",
-		format: "date"
-	},
-	dateTime: {
-		type: "string",
-		format: "date-time"
-	},
-	enum: {
-		type: "string",
-		format: "enum"
-	},
-	json: {
-		type: "object",
-		format: "json"
-	},
-	richText: {
-		type: "string",
-		format: "rich-text"
-	},
-	file: {
-		type: "array",
-		format: "file",
-		items: STRING_ITEM
-	},
-	relation: { type: "relation" },
-	relationMany: {
-		type: "array",
-		format: "relation",
-		items: STRING_ITEM
-	}
-});
-const SEMANTIC_KEYS = Object.freeze([
-	"type",
-	"format",
-	"meta",
-	"required",
-	"nullable",
-	"empty",
-	"default",
-	"constraints",
-	"texts",
-	"options",
-	"items",
-	"properties",
-	"additionalProperties",
-	"variants"
-]);
-function ownData(value, key) {
-	if (value === null || typeof value !== "object" && typeof value !== "function") return { present: false };
-	const descriptor = Object.getOwnPropertyDescriptor(value, key);
-	if (descriptor === void 0 || !Object.prototype.propertyIsEnumerable.call(value, key) || !("value" in descriptor)) return { present: false };
-	return {
-		present: true,
-		value: descriptor.value
-	};
-}
-function ownString(value, key) {
-	const candidate = ownData(value, key).value;
-	return typeof candidate === "string" && candidate.length > 0 ? candidate : void 0;
-}
-function projectUiSelection(input) {
-	const selection = {};
-	const inputId = ownString(input, "input");
-	const displayId = ownString(input, "display");
-	if (inputId !== void 0) selection.input = inputId;
-	if (displayId !== void 0) selection.display = displayId;
-	return inputId === void 0 && displayId === void 0 ? void 0 : Object.freeze(selection);
-}
-function projectFieldDeclaration(input) {
-	const type = ownString(input, "type");
-	if (type === void 0) return void 0;
-	const projected = { type };
-	for (const key of SEMANTIC_KEYS) {
-		if (key === "type" || key === "items" || key === "properties" || key === "variants") continue;
-		const candidate = ownData(input, key);
-		if (candidate.present && candidate.value !== void 0) projected[key] = candidate.value;
-	}
-	const ui = projectUiSelection(ownData(input, "ui").value);
-	if (ui !== void 0) projected.ui = ui;
-	if (type === "array") {
-		const item = projectFieldDeclaration(ownData(input, "items").value);
-		if (item !== void 0) projected.items = item;
-	}
-	if (type === "object") {
-		const properties = ownData(input, "properties").value;
-		if (properties !== null && typeof properties === "object" && !Array.isArray(properties)) {
-			const output = {};
-			for (const key of Object.keys(properties)) {
-				const child = projectFieldDeclaration(ownData(properties, key).value);
-				if (child !== void 0) output[key] = child;
-			}
-			projected.properties = Object.freeze(output);
-		}
-	}
-	if (type === "union") {
-		const variants = ownData(input, "variants").value;
-		if (Array.isArray(variants)) {
-			const output = [];
-			for (let index = 0; index < variants.length; index += 1) {
-				const child = projectFieldDeclaration(ownData(variants, index).value);
-				if (child !== void 0) output.push(child);
-			}
-			projected.variants = Object.freeze(output);
-		}
-	}
-	return Object.freeze(projected);
-}
-function projectUiHints(input) {
-	if (input === null || typeof input !== "object" || Array.isArray(input)) return void 0;
-	const projected = {};
-	for (const key of Object.keys(input)) {
-		const candidate = ownData(input, key);
-		if (candidate.present) projected[key] = candidate.value;
-	}
-	return Object.freeze(projected);
-}
-function lowerLegacyField(field) {
-	const declaration = projectFieldDeclaration(ownData(field, "declaration").value);
-	if (declaration !== void 0) return declaration;
-	const direct = projectFieldDeclaration(field);
-	const kind = ownString(field, "kind");
-	const mapping = kind === void 0 ? void 0 : LEGACY_KIND_DECLARATIONS[kind];
-	if (direct !== void 0) {
-		const format = direct.format ?? mapping?.format ?? kind;
-		return format === void 0 ? direct : Object.freeze({
-			...direct,
-			format
-		});
-	}
-	const ui = projectUiHints(ownData(field, "ui").value);
-	const type = kind === "file" && ui?.multiple !== true ? "unknown" : mapping?.type ?? "unknown";
-	const format = ownString(field, "format") ?? mapping?.format ?? kind;
-	const items = type === "array" ? projectFieldDeclaration(ownData(field, "items").value) ?? mapping?.items ?? STRING_ITEM : void 0;
-	const meta = ownData(field, "meta");
-	const texts = ownData(field, "texts");
-	const required = ownData(field, "required");
-	const nullable = ownData(field, "nullable");
-	const opts = ownData(field, "opts").value;
-	const optionRequired = ownData(opts, "required");
-	const optionNullable = ownData(opts, "nullable");
-	const requiredValue = required.present ? required.value : optionRequired.value;
-	const nullableValue = nullable.present ? nullable.value : optionNullable.value;
-	return Object.freeze({
-		type,
-		...format === void 0 ? {} : { format },
-		...items === void 0 ? {} : { items },
-		...meta.present && meta.value !== void 0 ? { meta: meta.value } : {},
-		...texts.present && texts.value !== void 0 ? { texts: texts.value } : {},
-		...requiredValue === true ? { required: true } : {},
-		...nullableValue === true ? { nullable: true } : {}
-	});
-}
-function lowerLegacyFieldSource(field) {
-	const declaration = lowerLegacyField(field);
-	const ui = projectUiHints(ownData(field, "ui").value);
-	if (ui === void 0) return declaration;
-	return Object.freeze({
-		...declaration,
-		ui
-	});
-}
-function fieldDescription(field) {
-	const declaration = field?.declaration;
-	return (0, _burojs_core.declaredText)("field", declaration, "description") ?? (0, _burojs_core.declaredText)("field", field, "description");
+//#region src/data-table/annotate-if-clipped.ts
+function annotateIfClipped(e) {
+	const el = e.currentTarget;
+	const text = el.scrollWidth > el.clientWidth || Array.from(el.querySelectorAll("*")).some((c) => c.scrollWidth > c.clientWidth) ? (el.textContent ?? "").trim() : "";
+	if (text) el.setAttribute("title", text);
+	else el.removeAttribute("title");
 }
 //#endregion
-//#region src/fields/resolved-field.tsx
-const EMPTY = Object.freeze({});
-const EMPTY_ISSUES$1 = Object.freeze([]);
-const EMPTY_OPTIONS = Object.freeze([]);
-function canonical(field) {
-	return lowerLegacyField(field);
-}
-const warnedObjectLabels = new Set();
-function optionsFor(field, name) {
-	if (Array.isArray(field.options)) return field.options;
-	const candidate = field.meta?.options;
-	if (!Array.isArray(candidate)) return EMPTY_OPTIONS;
-	const output = [];
-	for (const item of candidate) {
-		if (item === null || typeof item !== "object" || Array.isArray(item)) continue;
-		const raw = item;
-		if (typeof raw.value !== "string" && typeof raw.value !== "number" && typeof raw.value !== "boolean" && raw.value !== null) continue;
-		const { value, label, description, ...legacyMeta } = raw;
-		if (typeof label !== "string" && process.env.NODE_ENV !== "production" && !warnedObjectLabels.has(`${name}:${value}`)) {
-			warnedObjectLabels.add(`${name}:${value}`);
-			console.warn(`[buro/ui-shadcn] field '${name}': option '${value}' has a non-string label, so it renders its raw value. Declare a plain string label and put the translations under fields.${name}.options.${value} (see docs/i18n-guide.md).`);
-		}
-		output.push(Object.freeze({
-			value,
-			label: typeof label === "string" ? label : String(value),
-			...typeof description === "string" ? { description } : {},
-			...Object.keys(legacyMeta).length === 0 ? {} : { meta: Object.freeze(legacyMeta) }
-		}));
-	}
-	return Object.freeze(output);
-}
-const readScope = (ctx) => ctx.scope;
-function useFieldRuntimeContext(resource, record, values, metaSources) {
-	const scope = (0, _burojs_react.useCtx)(readScope);
-	const locale = (0, _burojs_react.useLocale)();
-	const caps = (0, _burojs_react.useI18nCaps)((0, _burojs_core.formatEntityRef)(resource));
-	const metaSourcesOut = (0, _burojs_react.useFieldMetaSources)({
-		record,
-		values,
-		extra: metaSources
-	});
-	return (0, react.useMemo)(() => Object.freeze({
-		i18n: Object.freeze({
-			locale,
-			has: caps.has,
-			t: caps.t
-		}),
-		sources: Object.freeze({
-			record: record ?? EMPTY,
-			values: values ?? EMPTY,
-			scope: scope ?? EMPTY
-		}),
-		metaSources: metaSourcesOut
-	}), [
-		caps,
-		locale,
-		record,
-		scope,
-		values,
-		metaSourcesOut
-	]);
-}
-function useFieldMetaDiagnostic(state, resource, name, field, surface) {
-	const reported = (0, react.useRef)(void 0);
-	const reason = state.status === "failed" ? state.reason : void 0;
-	(0, react.useEffect)(() => {
-		if (reason === void 0 || reported.current === reason || process.env.NODE_ENV === "production") return;
-		reported.current = reason;
-		const named = field.ui?.[surface];
-		const implementation = typeof named === "string" ? named : field.format ?? field.type;
-		console.error(`[burojs] field.meta-invalid: ${(0, _burojs_core.formatEntityRef)(resource)}.${name} (${implementation}): ${reason}`);
-	}, [
-		reason,
-		resource,
-		name,
-		field,
-		surface
-	]);
-}
-function MetaPlaceholder({ state }) {
+//#region src/fields/field-value-frame.tsx
+const COPY_CLASSES = [
+	"string",
+	"number",
+	"date"
+];
+const COPIED_MS = 2e3;
+const isRecord$1 = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
+const isEmpty = (value) => value === null || value === void 0 || value === "";
+function copyText(value) {
+	if (value instanceof Date) return value.toISOString();
+	return typeof value === "string" ? value : String(value);
+}
+function FieldValueFrame({ field, value, surface, entry, children }) {
 	const t = (0, _burojs_react.useOptionalT)();
-	if (state.status === "pending") return (0, react_jsx_runtime.jsx)(require_skeleton.Skeleton, {
-		"data-buro-skeleton": "",
-		"data-buro-field-meta": "pending",
-		className: "h-9 w-full"
-	});
-	return (0, react_jsx_runtime.jsx)("div", {
-		role: "alert",
-		"data-buro-field-meta": "failed",
-		className: "rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground",
-		children: t("field.misconfigured", { defaultValue: "This field is misconfigured" })
-	});
-}
-function useFieldImplementationDiagnostic(diagnostic) {
-	const reported = (0, react.useRef)(void 0);
+	const clipboard = (0, _burojs_react.useClipboard)();
+	const [copied, setCopied] = (0, react.useState)(false);
 	(0, react.useEffect)(() => {
-		if (diagnostic === void 0 || reported.current === diagnostic || process.env.NODE_ENV === "production") return;
-		reported.current = diagnostic;
-		console.warn("[buro/ui-shadcn] missing-field-implementation; rendering fallback.", diagnostic);
-	}, [diagnostic]);
-}
-function ResolvedFieldDisplay({ resource, name, field: source, value, record, testId, fallback, presentation, metaSources }) {
-	const sourceAtEdge = lowerLegacyFieldSource(source);
-	const field = canonical(sourceAtEdge);
-	const resolved = (0, _burojs_react.useFieldImplementation)({
-		field,
-		surface: "display"
-	});
-	const runtimeContext = useFieldRuntimeContext(resource, record, record, metaSources);
-	const metaState = (0, _burojs_react.useFieldMeta)(field, resolved.implementation, runtimeContext.metaSources);
-	useFieldMetaDiagnostic(metaState, resource, name, field, "display");
-	useFieldImplementationDiagnostic(resolved.diagnostic);
-	if (resolved.Component === void 0) return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fallback });
-	if (metaState.status !== "ready") return (0, react_jsx_runtime.jsx)(MetaPlaceholder, { state: metaState });
-	const Component = resolved.Component;
-	const context = {
-		owner: resource,
-		resource,
+		if (!copied) return;
+		const timer = setTimeout(() => setCopied(false), COPIED_MS);
+		return () => clearTimeout(timer);
+	}, [copied]);
+	const ui = isRecord$1(field.ui) ? field.ui : void 0;
+	const asksCopy = ui?.copy === true;
+	const valueClass = (0, react.useMemo)(() => asksCopy ? (0, _burojs_core.displayClassOf)({
+		...require_filter_builder.lowerLegacyField(field),
+		...ui === void 0 ? {} : { ui }
+	}) : void 0, [
+		asksCopy,
 		field,
-		path: Object.freeze([name]),
-		surface: "display",
-		presentation: presentation ?? "default",
-		record,
-		meta: metaState.meta,
-		ui: sourceAtEdge.ui ?? EMPTY,
-		options: optionsFor(field, name),
-		i18n: runtimeContext.i18n,
-		sources: runtimeContext.sources,
-		pending: false,
-		touched: false,
-		issues: EMPTY_ISSUES$1,
-		accessibility: EMPTY,
-		testIds: testId === void 0 ? EMPTY : Object.freeze({ display: testId })
-	};
-	if (resolved.multiple) return (0, react.createElement)(Component, {
-		...context,
-		multiple: true,
-		value: Array.isArray(value) ? value : []
-	});
-	return (0, react.createElement)(Component, {
-		...context,
-		multiple: false,
-		value
-	});
-}
-function ResolvedFieldInput({ resource, name, field: source, value, record, form, testId, inputId, onChange, onBlur, disabled, required, placeholder, descriptionId, errorId, errorMessage, pending = false, touched = errorMessage != null, issues: suppliedIssues, relationSeeds, fixedFilters, metaSources, fallback }) {
-	const sourceAtEdge = lowerLegacyFieldSource(source);
-	const base = canonical(sourceAtEdge);
-	const field = required === void 0 || required === base.required ? base : Object.freeze({
-		...base,
-		required
-	});
-	const ui = Object.freeze({
-		...sourceAtEdge.ui ?? EMPTY,
-		...placeholder === void 0 ? {} : { placeholder }
-	});
-	const resolved = (0, _burojs_react.useFieldImplementation)({
-		field: {
-			...field,
-			ui
-		},
-		surface: "input"
+		ui
+	]);
+	const { overflow: declared } = (0, _burojs_core.resolveSurfaceUi)(field, surface, entry);
+	const copyable = asksCopy && clipboard !== void 0 && !isEmpty(value) && valueClass !== void 0 && COPY_CLASSES.includes(valueClass);
+	if (!copyable && declared === void 0) return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
+	const body = (declared ?? (surface === "column" ? "truncate" : "wrap")) === "wrap" ? (0, react_jsx_runtime.jsx)("span", {
+		className: "min-w-0 whitespace-normal [overflow-wrap:anywhere]",
+		"data-buro-overflow": "wrap",
+		children
+	}) : (0, react_jsx_runtime.jsx)("span", {
+		className: "inline-block min-w-0 max-w-full truncate align-bottom",
+		"data-buro-overflow": "truncate",
+		onPointerEnter: annotateIfClipped,
+		children
 	});
-	const runtimeContext = useFieldRuntimeContext(resource, record, form, metaSources);
-	const metaState = (0, _burojs_react.useFieldMeta)(field, resolved.implementation, runtimeContext.metaSources);
-	useFieldMetaDiagnostic(metaState, resource, name, field, "input");
-	useFieldImplementationDiagnostic(resolved.diagnostic);
-	if (resolved.Component === void 0) return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fallback });
-	if (metaState.status !== "ready") return (0, react_jsx_runtime.jsx)(MetaPlaceholder, { state: metaState });
-	const Component = resolved.Component;
-	const issues = suppliedIssues ?? (errorMessage == null ? EMPTY_ISSUES$1 : Object.freeze([Object.freeze({
-		code: "ui.field-error",
-		message: {
-			key: "ui.field-error",
-			default: errorMessage
-		},
-		path: Object.freeze([]),
-		source: "field",
-		severity: "error"
-	})]));
-	const context = {
-		owner: resource,
-		resource,
-		field,
-		path: Object.freeze([name]),
-		surface: "input",
-		presentation: "default",
-		record,
-		form,
-		meta: metaState.meta,
-		ui,
-		options: optionsFor(field, name),
-		i18n: runtimeContext.i18n,
-		sources: runtimeContext.sources,
-		pending,
-		touched,
-		issues,
-		accessibility: Object.freeze({
-			input: inputId ?? name,
-			description: descriptionId,
-			error: errorId
-		}),
-		testIds: testId === void 0 ? EMPTY : Object.freeze({ input: testId })
+	if (!copyable) return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: body });
+	const label = t("field.copy", { defaultValue: "Copy" });
+	const copy = (event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		clipboard(copyText(value)).then(() => setCopied(true), () => void 0);
 	};
-	if (resolved.multiple) return (0, react.createElement)(Component, {
-		...context,
-		multiple: true,
-		value: Array.isArray(value) ? value : [],
-		onChange,
-		onBlur,
-		disabled,
-		relationSeeds,
-		fixedFilters,
-		metaSources: runtimeContext.metaSources
-	});
-	return (0, react.createElement)(Component, {
-		...context,
-		multiple: false,
-		value,
-		onChange,
-		onBlur,
-		disabled,
-		relationSeeds,
-		fixedFilters,
-		metaSources: runtimeContext.metaSources
+	return (0, react_jsx_runtime.jsxs)("span", {
+		className: "inline-flex min-w-0 max-w-full items-center gap-1 align-bottom",
+		children: [
+			body,
+			(0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				"data-testid": `field-copy:${field.name}`,
+				"aria-label": label,
+				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, {
+					"aria-hidden": "true",
+					className: "size-3.5"
+				}) : (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconCopy, {
+					"aria-hidden": "true",
+					className: "size-3.5"
+				})
+			}),
+			(0, react_jsx_runtime.jsx)("span", {
+				"aria-live": "polite",
+				className: "sr-only",
+				children: copied ? t("field.copied", { defaultValue: "Copied" }) : ""
+			})
+		]
 	});
 }
 //#endregion
@@ -555,7 +220,7 @@ function resolveRef(resource, i18nPrefix) {
 	};
 }
 function Field({ resource, i18nPrefix, fallback, fixedFilters, field, doc, ...rest }) {
-	const input = (0, react_jsx_runtime.jsx)(ResolvedFieldInput, {
+	const input = (0, react_jsx_runtime.jsx)(require_filter_builder.ResolvedFieldInput, {
 		...rest,
 		field,
 		...fixedFilters === void 0 ? {} : { fixedFilters },
@@ -581,20 +246,30 @@ function Field({ resource, i18nPrefix, fallback, fixedFilters, field, doc, ...re
 	});
 }
 function FieldDisplay({ resource, i18nPrefix, fallback, value, ...rest }) {
-	return (0, react_jsx_runtime.jsx)(ResolvedFieldDisplay, {
-		...rest,
+	const frameField = (0, react.useMemo)(() => ({
+		...rest.field,
+		name: rest.name
+	}), [rest.field, rest.name]);
+	return (0, react_jsx_runtime.jsx)(FieldValueFrame, {
+		field: frameField,
 		value,
-		resource: resolveRef(resource, i18nPrefix),
-		fallback: fallback ?? (0, react_jsx_runtime.jsx)("span", { children: value == null || value === "" ? "—" : String(value) })
+		surface: "display",
+		children: (0, react_jsx_runtime.jsx)(require_filter_builder.ResolvedFieldDisplay, {
+			...rest,
+			value,
+			resource: resolveRef(resource, i18nPrefix),
+			fallback: fallback ?? (0, react_jsx_runtime.jsx)("span", { children: value == null || value === "" ? "—" : String(value) })
+		})
 	});
 }
 //#endregion
 //#region src/screen/field-leaf.tsx
 const SIZES = new Set(_burojs_core.LAYOUT_SIZES);
+const SHOWN_ISSUES = 3;
 const FOCUSABLE = "input:not([type=\"hidden\"]):not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), [contenteditable=\"true\"], [tabindex]:not([tabindex=\"-1\"])";
 function useLeafSize(field) {
 	const implementation = (0, _burojs_react.useFieldImplementation)({
-		field: lowerLegacyField(field),
+		field: require_filter_builder.lowerLegacyField(field),
 		surface: "input"
 	});
 	const declared = field.ui?.size;
@@ -625,7 +300,7 @@ function MisconfiguredLeaf({ node }) {
 	const binding = controller.field(name);
 	const caps = (0, _burojs_react.useI18nCaps)(resource);
 	const tid = (0, _burojs_react.useTestIds)();
-	const field = lowerLegacyField(binding.field);
+	const field = require_filter_builder.lowerLegacyField(binding.field);
 	const surface = mode === "show" ? "display" : "input";
 	const resolved = (0, _burojs_react.useFieldImplementation)({
 		field,
@@ -636,8 +311,8 @@ function MisconfiguredLeaf({ node }) {
 		values: controller.values,
 		extra: controller.sources
 	});
-	const state = (0, _burojs_react.useFieldMeta)(field, resolved.implementation, sources);
-	useFieldMetaDiagnostic(state, binding.resource, name, field, surface);
+	const state = (0, _burojs_react.useFieldMeta)(field, resolved.implementation, sources, resolved.params);
+	require_filter_builder.useFieldMetaDiagnostic(state, binding.resource, name, field, surface);
 	const label = (0, _burojs_core.resolveFieldLabel)(caps, name, (0, _burojs_core.declaredText)("field", binding.field, "label"));
 	const testId = leafIds === "record" ? tid.formField(resource, mode, name) : `${leafIds.prefix}:field:${name}`;
 	return (0, react_jsx_runtime.jsxs)("div", {
@@ -651,7 +326,7 @@ function MisconfiguredLeaf({ node }) {
 			children: label
 		}), (0, react_jsx_runtime.jsx)("div", {
 			"data-buro-region": "field-control",
-			children: (0, react_jsx_runtime.jsx)(MetaPlaceholder, { state })
+			children: (0, react_jsx_runtime.jsx)(require_filter_builder.MetaPlaceholder, { state })
 		})]
 	});
 }
@@ -668,10 +343,7 @@ function RecordLeaf({ node }) {
 	const t = (0, _burojs_react.useOptionalT)();
 	if (node.restricted === true) {
 		const rawReason = node.restrictedReason;
-		const reason = rawReason === void 0 || rawReason === "" ? void 0 : (0, _burojs_core.resolveContentSlot)(caps, [rawReason], {
-			resource,
-			default: rawReason
-		});
+		const reason = rawReason === void 0 || rawReason === "" ? void 0 : require_check_confirm_dialog.reasonText(caps, rawReason, resource);
 		const restrictedId = tid.formFieldRestricted(resource, mode, name);
 		return (0, react_jsx_runtime.jsxs)("div", {
 			...attributes,
@@ -734,10 +406,7 @@ function RecordLeaf({ node }) {
 	});
 	if (node.editable !== true) {
 		const rawReason = node.lockReason;
-		const reason = rawReason === void 0 ? void 0 : (0, _burojs_core.resolveContentSlot)(caps, [rawReason], {
-			resource,
-			default: rawReason
-		});
+		const reason = rawReason === void 0 ? void 0 : require_check_confirm_dialog.reasonText(caps, rawReason, resource);
 		const locked = tid.formFieldLocked(resource, mode, name);
 		return (0, react_jsx_runtime.jsxs)("div", {
 			...attributes,
@@ -789,7 +458,6 @@ function RecordLeaf({ node }) {
 function ActiveLeaf({ node, binding, label, attributes, inputId }) {
 	const { resource, mode, controller, disabled: locked } = useScreenTree();
 	const caps = (0, _burojs_react.useI18nCaps)(resource);
-	const t = (0, _burojs_react.useOptionalT)();
 	const tid = (0, _burojs_react.useTestIds)();
 	const name = binding.name;
 	const record = controller.record;
@@ -804,25 +472,22 @@ function ActiveLeaf({ node, binding, label, attributes, inputId }) {
 	});
 	const messageId = `${mode}-${name}-msg`;
 	const placeholder = (0, _burojs_core.resolveFieldSlot)(caps, name, "placeholder");
-	const hint = (0, _burojs_core.resolveFieldSlot)(caps, name, "description", fieldDescription(binding.field));
+	const hint = (0, _burojs_core.resolveFieldSlot)(caps, name, "description", require_filter_builder.fieldDescription(binding.field));
+	const chromeT = (0, _burojs_react.useChromeT)();
 	const fieldKey = `resources.${resource}.fields.${name}`;
-	const errorText = binding.error === void 0 ? null : (0, _burojs_react.resolveValidationMessage)({
-		code: binding.error.code ?? "",
-		message: binding.error.message,
-		...binding.error.params === void 0 ? {} : { params: binding.error.params }
-	}, {
-		t,
-		fieldKey
-	});
-	const warning = errorText === null ? binding.warnings[0] : void 0;
-	const warningText = warning === void 0 ? null : (0, _burojs_react.resolveValidationMessage)({
-		code: warning.code ?? "",
-		message: warning.message,
-		...warning.params === void 0 ? {} : { params: warning.params }
+	const text = (issue) => (0, _burojs_react.resolveValidationMessage)({
+		code: issue.code ?? "",
+		message: issue.message,
+		...issue.check === void 0 ? {} : { check: issue.check }
 	}, {
-		t,
+		has: caps.has,
+		t: caps.t,
 		fieldKey
 	});
+	const shown = binding.issues.slice(0, SHOWN_ISSUES);
+	const more = binding.issues.length - shown.length;
+	const firstError = shown.find((issue) => issue.severity === "error");
+	const errorText = firstError === void 0 ? null : text(firstError);
 	const disabled = binding.disabled || controller.isSubmitting || locked === true;
 	const describedBy = errorText === null && hint ? messageId : void 0;
 	const errorMessageId = errorText === null ? void 0 : messageId;
@@ -836,6 +501,7 @@ function ActiveLeaf({ node, binding, label, attributes, inputId }) {
 			"data-buro-region": "field-label",
 			className: "flex items-center gap-2",
 			children: [(0, react_jsx_runtime.jsx)(require_label.Label, {
+				id: `${inputId}-label`,
 				htmlFor: inputId,
 				required: binding.required,
 				children: label
@@ -851,6 +517,7 @@ function ActiveLeaf({ node, binding, label, attributes, inputId }) {
 				resource: binding.resource,
 				name,
 				inputId,
+				labelId: `${inputId}-label`,
 				field: binding.field,
 				value: binding.value,
 				onChange: binding.onChange,
@@ -864,8 +531,10 @@ function ActiveLeaf({ node, binding, label, attributes, inputId }) {
 				...describedBy === void 0 ? {} : { descriptionId: describedBy },
 				...errorMessageId === void 0 ? {} : { errorId: errorMessageId },
 				errorMessage: errorText,
+				issues: binding.issues,
 				...binding.fixedFilters === void 0 ? {} : { fixedFilters: binding.fixedFilters },
 				...binding.relationSeeds === void 0 ? {} : { relationSeeds: binding.relationSeeds },
+				...binding.link === void 0 ? {} : { link: binding.link },
 				fallback: (0, react_jsx_runtime.jsx)(require_input.Input, {
 					id: inputId,
 					name: inputId,
@@ -880,18 +549,23 @@ function ActiveLeaf({ node, binding, label, attributes, inputId }) {
 					...errorMessageId === void 0 ? {} : { "aria-errormessage": errorMessageId },
 					onChange: (event) => binding.onChange(event.target.value)
 				})
-			}), errorText !== null ? (0, react_jsx_runtime.jsx)("p", {
+			}), shown.length > 0 ? (0, react_jsx_runtime.jsxs)("div", {
 				id: messageId,
 				"aria-live": "polite",
-				className: "text-sm text-destructive",
-				"data-testid": tid.formFieldError(resource, mode, name),
-				children: errorText
-			}) : warningText !== null ? (0, react_jsx_runtime.jsx)("p", {
-				id: messageId,
-				"aria-live": "polite",
-				className: "text-sm text-warning-emphasis",
-				"data-testid": `form-field-warning:${resource}:${mode}:${name}`,
-				children: warningText
+				className: require_use_theme.cn("space-y-0.5 text-sm", errorText === null ? "text-warning-emphasis" : "text-destructive"),
+				"data-testid": errorText === null ? `form-field-warning:${resource}:${mode}:${name}` : tid.formFieldError(resource, mode, name),
+				children: [shown.map((issue, index) => (0, react_jsx_runtime.jsx)("p", {
+					"data-buro-severity": issue.severity,
+					className: issue.severity === "error" ? "text-destructive" : "text-warning-emphasis",
+					children: text(issue)
+				}, index)), more > 0 ? (0, react_jsx_runtime.jsx)("p", {
+					className: "text-muted-foreground",
+					"data-testid": `form-field-more:${resource}:${mode}:${name}`,
+					children: chromeT("validation.moreIssues", {
+						count: more,
+						defaultValue: "+{{count}} more"
+					})
+				}) : null]
 			}) : hint ? (0, react_jsx_runtime.jsx)("p", {
 				id: messageId,
 				"data-testid": tid.formFieldHelp(resource, mode, name),
@@ -911,7 +585,7 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 	const docRef = (0, _burojs_core.i18nPrefixToRef)(prefix);
 	const docScope = docRef.namespace === "default" ? docRef.id : (0, _burojs_core.formatEntityRef)(docRef);
 	const caps = (0, _burojs_react.useI18nCaps)(docScope);
-	const t = (0, _burojs_react.useOptionalT)();
+	const issueCaps = (0, _burojs_react.useI18nCaps)();
 	const uid = (0, react.useId)();
 	const root = (0, react.useRef)(null);
 	const inputId = `${inputIds ?? uid}-${name}`;
@@ -924,7 +598,7 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 		element.querySelector(FOCUSABLE)?.focus();
 	});
 	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", fieldDescription(binding.field));
+	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, {
 		address: `${docScope}/fields/${name}`,
 		name: label,
@@ -965,9 +639,10 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 	const text = (issue) => (0, _burojs_react.resolveValidationMessage)({
 		code: issue.code ?? "",
 		message: issue.message,
-		...issue.params === void 0 ? {} : { params: issue.params }
+		...issue.check === void 0 ? {} : { check: issue.check }
 	}, {
-		t,
+		has: issueCaps.has,
+		t: issueCaps.t,
 		fieldKey
 	});
 	const defaultNode = (0, react_jsx_runtime.jsx)(Field, {
@@ -975,6 +650,7 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 		field: binding.field,
 		metaSources: controller.sources,
 		inputId,
+		labelId: `${inputId}-label`,
 		i18nPrefix: prefix,
 		disabled: disabled === true || binding.disabled
 	});
@@ -990,6 +666,7 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 				"data-buro-region": "field-label",
 				className: "flex items-center gap-2",
 				children: [(0, react_jsx_runtime.jsx)(require_label.Label, {
+					id: `${inputId}-label`,
 					htmlFor: inputId,
 					required: binding.required,
 					children: label
@@ -1030,9 +707,10 @@ function Notice({ children }) {
 		children
 	});
 }
-function FactsView({ props }) {
+function FactsView({ props, empty }) {
 	const own = props;
 	const t = (0, _burojs_react.useOptionalT)();
+	const chromeT = (0, _burojs_react.useChromeT)();
 	const snapshot = (0, _burojs_react.useApplicationSnapshot)();
 	const queryId = (0, _burojs_core.formatEntityRef)(own.query);
 	const caps = (0, _burojs_react.useI18nCaps)();
@@ -1049,7 +727,10 @@ function FactsView({ props }) {
 		kind: "custom-query",
 		ref: own.query
 	}), [own.query]);
-	const result = (0, _burojs_react.useCustomQuery)(handle, blocked ? {} : input, { enabled: !blocked });
+	const result = (0, _burojs_react.useCustomQuery)(handle, blocked ? {} : input, {
+		enabled: !blocked,
+		...own.refetchInterval === void 0 ? {} : { refetchInterval: own.refetchInterval }
+	});
 	const shown = (0, react.useMemo)(() => {
 		const byName = new Map(fields.map((field) => [field.name, field]));
 		return (own.rows ?? fields.map((field) => field.name)).flatMap((name) => {
@@ -1057,7 +738,7 @@ function FactsView({ props }) {
 			return field === void 0 ? [] : [field];
 		});
 	}, [fields, own.rows]);
-	if (blocked) return (0, react_jsx_runtime.jsx)(Notice, { children: own.missing ?? t("facts.empty", { defaultValue: "No data" }) });
+	if (blocked) return (0, react_jsx_runtime.jsx)(Notice, { children: own.missing ?? empty ?? t("facts.empty", { defaultValue: "No data" }) });
 	if (result.isError) return (0, react_jsx_runtime.jsxs)("div", {
 		role: "alert",
 		className: "flex flex-wrap items-center gap-2 rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground",
@@ -1066,7 +747,7 @@ function FactsView({ props }) {
 			variant: "outline",
 			size: "sm",
 			onClick: () => void result.refetch(),
-			children: t("actions.retry", { defaultValue: "Retry" })
+			children: chromeT("actions.retry", { defaultValue: "Retry" })
 		})]
 	});
 	if (result.data === void 0) return own.view === "list" ? (0, react_jsx_runtime.jsx)(require_skeleton.Skeleton, {
@@ -1080,7 +761,7 @@ function FactsView({ props }) {
 		}, field.name))
 	});
 	const data = result.data;
-	if (data === null || typeof data !== "object" || shown.length === 0) return (0, react_jsx_runtime.jsx)(Notice, { children: own.missing ?? t("facts.empty", { defaultValue: "No data" }) });
+	if (data === null || typeof data !== "object" || shown.length === 0) return (0, react_jsx_runtime.jsx)(Notice, { children: own.missing ?? empty ?? t("facts.empty", { defaultValue: "No data" }) });
 	const pairs = shown.map((field) => {
 		const value = data[field.name];
 		const label = (0, _burojs_core.resolveContentSlot)(caps, [`queries.${queryId}.fields.${field.name}.label`, `queries.${queryId}.fields.${field.name}`], {
@@ -1090,13 +771,18 @@ function FactsView({ props }) {
 		const body = value === null || value === void 0 ? (0, react_jsx_runtime.jsx)("span", {
 			className: "text-muted-foreground",
 			children: "—"
-		}) : (0, react_jsx_runtime.jsx)(ResolvedFieldDisplay, {
-			resource: own.query,
-			name: field.name,
+		}) : (0, react_jsx_runtime.jsx)(FieldValueFrame, {
 			field,
 			value,
-			record: data,
-			fallback: toDisplayText(value).text
+			surface: "display",
+			children: (0, react_jsx_runtime.jsx)(require_filter_builder.ResolvedFieldDisplay, {
+				resource: own.query,
+				name: field.name,
+				field,
+				value,
+				record: data,
+				fallback: toDisplayText(value).text
+			})
 		});
 		return {
 			name: field.name,
@@ -1150,6 +836,9 @@ const PlacementFrameContext = (0, react.createContext)(null);
 function usePlacementFrame() {
 	return (0, react.useContext)(PlacementFrameContext);
 }
+function placementLayoutId(frame) {
+	return frame?.owner === void 0 ? void 0 : `${frame.owner}/${frame.key.split(".").join("/")}`;
+}
 //#endregion
 //#region src/flows/app-flow-button.tsx
 function AppFlowButton({ action, variant = "ghost", size = "sm", className }) {
@@ -1269,7 +958,7 @@ function RecordInlineFlow({ name }) {
 			return (0, react_jsx_runtime.jsx)(InlineHostLoader, {
 				resource,
 				name: flowName,
-				record: row,
+				...hostRecord((0, _burojs_core.flowRecordOf)(compiled, row)),
 				placementKey: key,
 				lease: kept,
 				stale: true,
@@ -1285,7 +974,7 @@ function RecordInlineFlow({ name }) {
 	if (control.state === "disabled" && kept !== void 0 && kept.dirty) return (0, react_jsx_runtime.jsx)(InlineHostLoader, {
 		resource,
 		name: flowName,
-		record: row,
+		...hostRecord((0, _burojs_core.flowRecordOf)(compiled, row)),
 		placementKey: key,
 		lease: kept,
 		stale: true,
@@ -1297,11 +986,12 @@ function RecordInlineFlow({ name }) {
 	return (0, react_jsx_runtime.jsx)(InlineHostLoader, {
 		resource,
 		name: flowName,
-		record: control.record ?? row,
+		...hostRecord((0, _burojs_core.flowRecordOf)(compiled, control.record ?? row)),
 		placementKey: key,
 		...lease === void 0 ? {} : { lease }
 	});
 }
+const hostRecord = (record) => record === void 0 ? {} : { record };
 function InlineHostLoader(props) {
 	const loaded = require_check_confirm_dialog.useLoaded(require_check_confirm_dialog.loadInlineFlowHost);
 	if (loaded.error !== void 0) return (0, react_jsx_runtime.jsx)("p", {
@@ -1517,6 +1207,7 @@ function placementSeeds(where, resolved, closure) {
 	where.forEach((entry, index) => {
 		const value = resolved[index]?.value;
 		if (entry.op !== "eq" || value === null || value === void 0) return;
+		if (typeof entry.field !== "string" || entry.field.includes(".")) return;
 		if (resolved[index]?.field !== entry.field) return;
 		const source = refSource(entry.value);
 		if (source === null ? isLiteral(entry.value) : source === "record" || source === "user" || !UNTRUSTED.includes(source) && Object.hasOwn(closure, source) && !(closure[source] ?? []).some((input) => UNTRUSTED.includes(input))) seeds[entry.field] = value;
@@ -1534,7 +1225,8 @@ function BadgeBody({ icon, label }) {
 		}) : null, label]
 	});
 }
-function EnumBadge({ enumName, value, testid, className, presentation }) {
+function EnumBadge({ enumName: enumInput, value, testid, className, presentation }) {
+	const enumName = (0, _burojs_core_internal.enumBindingKey)(enumInput) ?? "";
 	const app = (0, _burojs_react.useApp)();
 	const caps = (0, _burojs_react.useI18nCaps)();
 	const def = app.registry.enums.get(enumName);
@@ -1680,6 +1372,7 @@ function useExportRunWatcher() {
 	const runtime = (0, _burojs_react.useDataRuntime)();
 	const runs = (0, _burojs_react.useExportRuns)();
 	const t = (0, _burojs_react.useOptionalT)();
+	const caps = (0, _burojs_react.useI18nCaps)();
 	react.useEffect(() => {
 		const announced = announcedRunsFor(runtime);
 		const unsubscribes = runs.map((run) => {
@@ -1698,7 +1391,7 @@ function useExportRunWatcher() {
 						label: t("export.toast.download"),
 						onClick: () => downloadArtifact(artifact)
 					} });
-				} else if (state.status === "failed") sonner.toast.error(t("export.toast.failed", { params: { message: state.error.message } }));
+				} else if (state.status === "failed") sonner.toast.error(t("export.toast.failed", { params: { message: (0, _burojs_react.resolveErrorText)(state.error, caps) } }));
 			};
 			check();
 			return run.handle.subscribe(check);
@@ -1709,24 +1402,27 @@ function useExportRunWatcher() {
 	}, [
 		runs,
 		runtime,
-		t
+		t,
+		caps
 	]);
 }
 //#endregion
 //#region src/actions/action-overflow.tsx
 const RowActionsCollapseContext = (0, react.createContext)(false);
-function ActionOverflow({ resource, record, surface, className, hideFlows, collapse }) {
-	const t = (0, _burojs_react.useOptionalT)();
+function ActionOverflow({ resource: resourceInput, record, surface, className, hideFlows, collapse, sources }) {
+	const resource = (0, _burojs_core.routeResourceKey)(resourceInput);
+	const chromeT = (0, _burojs_react.useChromeT)();
 	const tid = (0, _burojs_react.useTestIds)();
+	const recordKey = String((0, _burojs_react.recordKeyOf)((0, _burojs_react.useApp)().registry.get(resource), record) ?? "");
 	const collapsedRows = (0, react.useContext)(RowActionsCollapseContext);
 	const [flowFor, setFlowFor] = (0, react.useState)(null);
-	const actions = useShownItemActions(resource, record, surface, hideFlows);
+	const actions = useShownItemActions(resource, record, surface, hideFlows, sources);
 	if (actions.length === 0) return null;
 	const isRow = surface === "row";
 	const folded = isRow && (collapse ?? collapsedRows);
 	const standalone = folded ? [] : actions.filter((a) => a.placement === "standalone");
 	const menu = folded ? actions : actions.filter((a) => a.placement === "menu");
-	const menuTestId = isRow ? tid.listRowActionsMenu(resource, record.id) : tid.formActionsMenu(resource, surface);
+	const menuTestId = isRow ? tid.listRowActionsMenu(resource, recordKey) : tid.formActionsMenu(resource, surface);
 	const firstDestructive = menu.findIndex((a) => a.variant === "destructive");
 	const overlays = (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: flowFor != null ? (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.RuntimeFlowRunner, {
 		resource,
@@ -1740,6 +1436,7 @@ function ActionOverflow({ resource, record, surface, className, hideFlows, colla
 		actionName: a.name,
 		record,
 		scope: surface,
+		...sources === void 0 ? {} : { sources },
 		density: a.density
 	}, a.name));
 	return (0, react_jsx_runtime.jsxs)("div", {
@@ -1763,7 +1460,7 @@ function ActionOverflow({ resource, record, surface, className, hideFlows, colla
 						size: "icon",
 						className: "size-7",
 						"data-testid": menuTestId,
-						"aria-label": t("actions.more", { defaultValue: "More" }),
+						"aria-label": chromeT("actions.more", { defaultValue: "More" }),
 						children: (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconDots, {
 							className: "h-4 w-4",
 							"aria-hidden": "true"
@@ -1777,15 +1474,16 @@ function ActionOverflow({ resource, record, surface, className, hideFlows, colla
 						children: [(0, react_jsx_runtime.jsx)(_tabler_icons_react.IconDots, {
 							className: "h-4 w-4",
 							"aria-hidden": "true"
-						}), t("actions.more", { defaultValue: "More" })]
+						}), chromeT("actions.more", { defaultValue: "More" })]
 					})
 				}), (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DropdownMenuContent, {
 					align: "end",
-					children: menu.map((a, index) => (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [index === firstDestructive && index > 0 && (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DropdownMenuSeparator, { "data-testid": isRow ? `list-row-actions-separator:${resource}:${record.id}` : `form-actions-separator:${resource}:${surface}` }), a.flow === void 0 ? (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.ActionButton, {
+					children: menu.map((a, index) => (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [index === firstDestructive && index > 0 && (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DropdownMenuSeparator, { "data-testid": isRow ? `list-row-actions-separator:${resource}:${recordKey}` : `form-actions-separator:${resource}:${surface}` }), a.flow === void 0 ? (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.ActionButton, {
 						resource,
 						actionName: a.name,
 						record,
 						scope: surface,
+						...sources === void 0 ? {} : { sources },
 						asMenuItem: true
 					}) : (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.FlowMenuItem, {
 						resource,
@@ -1805,11 +1503,12 @@ function ActionOverflow({ resource, record, surface, className, hideFlows, colla
 		]
 	});
 }
-function useShownItemActions(resource, record, surface, hideFlows) {
+function useShownItemActions(resource, record, surface, hideFlows, sources) {
 	const resolved = (0, _burojs_react.useItemActions)({
 		resource,
 		record,
-		surface
+		surface,
+		...sources === void 0 ? {} : { sources }
 	});
 	const def = (0, _burojs_react.useApp)().registry.get(resource);
 	const shown = def !== void 0 && (0, _burojs_core.isBuiltinItemAction)((def.actions?.item)?.find((action) => action.name === "edit"), "edit") && !(0, _burojs_core.recordEntries)(def).page.edit && (0, _burojs_core.recordEntries)(def).quick.edit === null ? resolved.filter((a) => a.name !== "edit") : resolved;
@@ -1902,8 +1601,14 @@ function DocumentTitleProvider({ routeKey, children }) {
 	});
 }
 //#endregion
+//#region src/resource/resource-title.ts
+function resolveResourceTitle(caps, t, resource, slot, params) {
+	return (0, _burojs_core.resolveContentSlot)(caps, [`resources.${resource}.${slot}`], { params: { ...params } }) ?? t(`pageHeader.${slot}`, { params: { ...params } });
+}
+//#endregion
 //#region src/resource/page-header.tsx
-function PageHeader({ resource, mode, recordName, backHref, backLabel, actions, title, breadcrumbs, backLink = false, visibleTitle = false, labelOverride, className }) {
+function PageHeader({ resource: resourceInput, mode, recordName, backHref, backLabel, actions, title, breadcrumbs, backLink = false, visibleTitle = false, labelOverride, className }) {
+	const resource = (0, _burojs_core.routeResourceKey)(resourceInput);
 	const app = (0, _burojs_react.useApp)();
 	const t = (0, _burojs_react.useT)();
 	const def = app.registry.get(resource);
@@ -1912,10 +1617,10 @@ function PageHeader({ resource, mode, recordName, backHref, backLabel, actions,
 	const resourceSingle = (0, _burojs_core.resolveResourceLabel)(caps, resource, "single", def);
 	const labelSingle = labelOverride ?? resourceSingle;
 	const labelPlural = (0, _burojs_core.resolveResourceLabel)(caps, resource, "plural", def);
-	const computedTitle = title ?? (mode === "list" ? labelPlural : mode === "show" ? recordName ?? labelSingle : mode === "edit" ? recordName ? t("pageHeader.editTitleNamed", { params: {
+	const computedTitle = title ?? (mode === "list" ? labelPlural : mode === "show" ? recordName ?? labelSingle : mode === "edit" ? recordName ? resolveResourceTitle(caps, t, resource, "editTitleNamed", {
 		label: labelSingle,
 		name: recordName
-	} }) : t("pageHeader.editTitle", { params: { label: labelSingle } }) : t("pageHeader.createTitle", { params: { label: labelSingle } }));
+	}) : resolveResourceTitle(caps, t, resource, "editTitle", { label: labelSingle }) : resolveResourceTitle(caps, t, resource, "createTitle", { label: labelSingle }));
 	useDocumentTitle(app?.name ? `${computedTitle} · ${app.name}` : computedTitle);
 	const showBack = backLink && mode !== "list" && !breadcrumbs;
 	const computedBackHref = backHref ?? def?.basePath ?? `/${resource}`;
@@ -1946,9 +1651,10 @@ function PageHeader({ resource, mode, recordName, backHref, backLabel, actions,
 		]
 	});
 }
-function ShowPageHeader({ resource, record, extraActions, breadcrumbs }) {
+function ShowPageHeader({ resource: resourceInput, record, extraActions, breadcrumbs }) {
+	const resource = (0, _burojs_core.routeResourceKey)(resourceInput);
 	const def = (0, _burojs_react.useApp)().registry.get(resource);
-	const recordName = (0, _burojs_react.useProjectedTitle)(resource, record?.id, record);
+	const recordName = (0, _burojs_react.useProjectedTitle)(resource, (0, _burojs_react.recordKeyOf)(def, record), record);
 	(0, _burojs_react.usePublishDocVariant)(resource, record);
 	if (!def) return null;
 	return (0, react_jsx_runtime.jsx)(PageHeader, {
@@ -1963,16 +1669,18 @@ function ShowPageHeader({ resource, record, extraActions, breadcrumbs }) {
 		}), extraActions] })
 	});
 }
-function EditPageHeader({ resource, record, backHref, breadcrumbs }) {
+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 caps = (0, _burojs_react.useI18nCaps)(resource);
-	const recordName = (0, _burojs_react.useProjectedTitle)(resource, record?.id, record);
+	const recordKey = (0, _burojs_react.recordKeyOf)(def, record);
+	const recordName = (0, _burojs_react.useProjectedTitle)(resource, recordKey, record);
 	return (0, react_jsx_runtime.jsx)(PageHeader, {
 		resource,
 		mode: "edit",
 		recordName,
-		backHref: editBackHref(app.registry, resource, String(record.id), backHref),
+		backHref: editBackHref(app.registry, resource, String(recordKey ?? ""), backHref),
 		breadcrumbs,
 		backLabel: recordName ? `${(0, _burojs_core.resolveResourceLabel)(caps, resource, "single", def)}: ${recordName}` : void 0,
 		actions: (0, react_jsx_runtime.jsx)(ActionOverflow, {
@@ -2172,7 +1880,8 @@ function ItemNode({ node, row, fallback }) {
 	const viewProps = {
 		props,
 		data: {},
-		t: placement.viewProps?.t ?? ((name) => name)
+		t: placement.viewProps?.t ?? ((name) => name),
+		...placement.viewProps?.empty === void 0 ? {} : { empty: placement.viewProps.empty }
 	};
 	return (0, react_jsx_runtime.jsx)(View, { ...viewProps });
 }
@@ -2254,6 +1963,7 @@ function BuroPanelFrame({ body, title, description, collapsible, open, onToggle,
 	const t = (0, _burojs_react.useOptionalT)();
 	return (0, react_jsx_runtime.jsxs)("section", {
 		...nodeAttributes,
+		...title === void 0 ? {} : { "aria-labelledby": titleId },
 		children: [
 			title === void 0 && info === null && !collapsible ? null : (0, react_jsx_runtime.jsxs)("div", {
 				"data-buro-region": "panel-title",
@@ -2313,7 +2023,6 @@ function BuroTabsFrame({ tabs, active, onSelect, info, nodeAttributes }) {
 			}), info]
 		}), tabs.map((tab) => (0, react_jsx_runtime.jsx)(TabsContent, {
 			value: tab.key,
-			forceMount: true,
 			"data-buro-region": "tab-panel",
 			"data-buro-key": tab.key,
 			children: tab.panel
@@ -2401,17 +2110,17 @@ function BuroStepsFrame({ wizard, steps, goTo, back, next, headingRef, info, nod
 //#region src/primitives/checkbox.tsx
 const Checkbox = react.forwardRef(({ className, checked, ...props }, ref) => (0, react_jsx_runtime.jsx)(_radix_ui_react_checkbox.Root, {
 	ref,
-	className: require_use_theme.cn("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground", className),
+	className: require_use_theme.cn("peer inline-flex h-4 w-4 shrink-0 items-center justify-center align-middle rounded-[4px] border border-primary ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground", className),
 	checked,
 	...props,
 	children: (0, react_jsx_runtime.jsx)(_radix_ui_react_checkbox.Indicator, {
 		className: require_use_theme.cn("flex items-center justify-center text-current"),
 		children: checked === "indeterminate" ? (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconMinus, {
 			"data-icon": "minus",
-			className: "h-4 w-4"
+			className: "size-3.5"
 		}) : (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconCheck, {
 			"data-icon": "check",
-			className: "h-4 w-4"
+			className: "size-3.5"
 		})
 	})
 }));
@@ -2436,6 +2145,17 @@ function useContainerNarrow(maxRem = 40) {
 	return [setElement, narrow];
 }
 //#endregion
+//#region src/data-table/fill-column.ts
+function fillColumnId(columns) {
+	const eligible = columns.filter((c) => !c.pinned && !c.service);
+	const declared = eligible.find((c) => c.fill);
+	if (declared !== void 0) return declared.id;
+	for (let i = eligible.length - 1; i >= 0; i--) {
+		const c = eligible[i];
+		if (c.resize && c.max === void 0) return c.id;
+	}
+}
+//#endregion
 //#region src/data-table/data-table.tsx
 function pinEdgeClass(isLastLeft, isFirstRight) {
 	if (isLastLeft) return "after:pointer-events-none after:absolute after:inset-y-0 after:left-full after:z-10 after:w-1.5 after:bg-gradient-to-r after:from-overlay/[0.07] after:to-transparent dark:after:from-overlay/30";
@@ -2447,7 +2167,8 @@ function pinEdgeClassFor(column, overflowing) {
 	if (!pinned || !overflowing) return "";
 	return pinEdgeClass(pinned === "left" && column.getIsLastColumn("left"), pinned === "right" && column.getIsFirstColumn("right"));
 }
-function getPinStyles(column, overflowing) {
+function getPinStyles(column, overflowing, fill = false) {
+	if (fill) return {};
 	const explicitWidth = { width: `calc(var(--col-${column.id}-size) * 1px)` };
 	const pinned = column.getIsPinned();
 	if (!pinned || !overflowing) return explicitWidth;
@@ -2472,21 +2193,35 @@ function columnMetaNoRowNav(meta) {
 function columnMetaNoClip(meta) {
 	return meta?.noClip === true;
 }
-function annotateIfClipped(e) {
-	const el = e.currentTarget;
-	const text = el.scrollWidth > el.clientWidth || Array.from(el.querySelectorAll("*")).some((c) => c.scrollWidth > c.clientWidth) ? (el.textContent ?? "").trim() : "";
-	if (text) el.setAttribute("title", text);
-	else el.removeAttribute("title");
+function columnMetaWrap(meta) {
+	return meta?.wrap === true;
+}
+function columnMetaFill(meta) {
+	return meta?.fill === true;
+}
+function tableFillColumnId(table) {
+	if (table.options.enableColumnResizing !== true) return void 0;
+	return fillColumnId(table.getVisibleLeafColumns().map((c) => {
+		const max = c.columnDef.maxSize;
+		return {
+			id: c.id,
+			fill: columnMetaFill(c.columnDef.meta),
+			resize: c.getCanResize(),
+			...max !== void 0 && max < Number.MAX_SAFE_INTEGER ? { max } : {},
+			pinned: c.getIsPinned() !== false,
+			service: c.id.startsWith("__")
+		};
+	}));
 }
-function renderCellMarkup({ cell, resizable, overflowing, testId, onCellClick, noRowNav }) {
+function renderCellMarkup({ cell, resizable, overflowing, fill, testId, onCellClick, noRowNav }) {
 	const liveColumn = cell.getContext().table.getColumn(cell.column.id) ?? cell.column;
 	const pinEdge = pinEdgeClassFor(liveColumn, overflowing);
-	const noClip = columnMetaNoClip(cell.column.columnDef.meta);
+	const noClip = columnMetaNoClip(cell.column.columnDef.meta) || columnMetaWrap(cell.column.columnDef.meta);
 	return (0, react_jsx_runtime.jsx)(require_filter_builder.TableCell, {
 		"data-testid": testId,
 		"data-no-row-nav": columnMetaNoRowNav(cell.column.columnDef.meta) || noRowNav ? "" : void 0,
 		onClick: onCellClick,
-		style: getPinStyles(liveColumn, overflowing),
+		style: getPinStyles(liveColumn, overflowing, fill),
 		className: require_use_theme.cn(resizable && !pinEdge && !noClip && "overflow-hidden", pinEdge && "relative", pinEdge, columnMetaClassName(cell.column.columnDef.meta), onCellClick && "cursor-pointer"),
 		children: resizable && !noClip ? (0, react_jsx_runtime.jsx)("div", {
 			className: "truncate",
@@ -2498,7 +2233,7 @@ function renderCellMarkup({ cell, resizable, overflowing, testId, onCellClick, n
 function MemoCellInner(props) {
 	return renderCellMarkup(props);
 }
-const MemoCell = (0, react.memo)(MemoCellInner, (prev, next) => prev.rowOriginal === next.rowOriginal && prev.cell.column.id === next.cell.column.id && prev.resizable === next.resizable && (!prev.pinned && !next.pinned || prev.overflowing === next.overflowing) && prev.pinned === next.pinned && prev.testId === next.testId);
+const MemoCell = (0, react.memo)(MemoCellInner, (prev, next) => prev.rowOriginal === next.rowOriginal && prev.cell.column.id === next.cell.column.id && prev.resizable === next.resizable && (!prev.pinned && !next.pinned || prev.overflowing === next.overflowing) && prev.pinned === next.pinned && prev.fill === next.fill && prev.testId === next.testId);
 function SelectionCellInner(props) {
 	const row = props.cell.row;
 	const toggle = (e) => {
@@ -2512,7 +2247,7 @@ function SelectionCellInner(props) {
 	});
 }
 const SelectionCell = (0, react.memo)(SelectionCellInner);
-function DataRowInner({ row, isSelected, resizable, overflowing, selectionColumnId, getCellTestId, getRowTestId, rowHref, onRowOpen, activateRow, rowClassName }) {
+function DataRowInner({ row, isSelected, resizable, overflowing, fillColumnId, selectionColumnId, getCellTestId, getRowTestId, rowHref, onRowOpen, activateRow, rowClassName }) {
 	const clickable = rowHref !== void 0 || onRowOpen !== void 0;
 	return (0, react_jsx_runtime.jsx)(require_filter_builder.TableRow, {
 		"data-state": isSelected ? "selected" : void 0,
@@ -2525,6 +2260,7 @@ function DataRowInner({ row, isSelected, resizable, overflowing, selectionColumn
 			isSelected,
 			resizable,
 			overflowing,
+			fill: cell.column.id === fillColumnId,
 			pinned: cell.getContext().table.getColumn(cell.column.id)?.getIsPinned() ?? false,
 			testId: getCellTestId?.(row.original, cell.column.id)
 		}, cell.id) : (0, react_jsx_runtime.jsx)(MemoCell, {
@@ -2532,13 +2268,14 @@ function DataRowInner({ row, isSelected, resizable, overflowing, selectionColumn
 			rowOriginal: row.original,
 			resizable,
 			overflowing,
+			fill: cell.column.id === fillColumnId,
 			pinned: cell.getContext().table.getColumn(cell.column.id)?.getIsPinned() ?? false,
 			testId: getCellTestId?.(row.original, cell.column.id)
 		}, cell.id))
 	});
 }
-const MemoRow = (0, react.memo)(DataRowInner, (prev, next) => prev.row.original === next.row.original && prev.row.id === next.row.id && prev.isSelected === next.isSelected && prev.resizable === next.resizable && prev.overflowing === next.overflowing && prev.columnLayoutKey === next.columnLayoutKey && prev.selectionColumnId === next.selectionColumnId && prev.getCellTestId === next.getCellTestId && prev.getRowTestId === next.getRowTestId && prev.rowHref === next.rowHref && prev.onRowOpen === next.onRowOpen && prev.activateRow === next.activateRow && prev.rowClassName === next.rowClassName);
-function DataTableBodyInner({ rows, isLoading, loadingRowCount, visibleColumnCount, emptyState, emptyText, resizable, overflowing, columnLayoutKey, selectionColumnId, getCellTestId, getRowTestId, rowHref, onRowOpen, activateRow, rowClassName }) {
+const MemoRow = (0, react.memo)(DataRowInner, (prev, next) => prev.row.original === next.row.original && prev.row.id === next.row.id && prev.isSelected === next.isSelected && prev.resizable === next.resizable && prev.overflowing === next.overflowing && prev.columnLayoutKey === next.columnLayoutKey && prev.fillColumnId === next.fillColumnId && prev.selectionColumnId === next.selectionColumnId && prev.getCellTestId === next.getCellTestId && prev.getRowTestId === next.getRowTestId && prev.rowHref === next.rowHref && prev.onRowOpen === next.onRowOpen && prev.activateRow === next.activateRow && prev.rowClassName === next.rowClassName);
+function DataTableBodyInner({ rows, isLoading, loadingRowCount, visibleColumnCount, emptyState, emptyText, resizable, overflowing, columnLayoutKey, fillColumnId, selectionColumnId, getCellTestId, getRowTestId, rowHref, onRowOpen, activateRow, rowClassName }) {
 	return (0, react_jsx_runtime.jsx)(require_filter_builder.TableBody, { children: isLoading ? Array.from({ length: loadingRowCount }).map((_, i) => (0, react_jsx_runtime.jsx)(require_filter_builder.TableRow, {
 		"aria-busy": "true",
 		children: Array.from({ length: Math.max(1, visibleColumnCount) }).map((__, j) => (0, react_jsx_runtime.jsx)(require_filter_builder.TableCell, { children: (0, react_jsx_runtime.jsx)("div", { className: "h-4 w-3/4 animate-pulse rounded bg-muted" }) }, `skeleton-${i}-${j}`))
@@ -2555,6 +2292,7 @@ function DataTableBodyInner({ rows, isLoading, loadingRowCount, visibleColumnCou
 		resizable,
 		overflowing,
 		columnLayoutKey,
+		fillColumnId,
 		selectionColumnId,
 		getCellTestId,
 		getRowTestId,
@@ -2566,7 +2304,7 @@ function DataTableBodyInner({ rows, isLoading, loadingRowCount, visibleColumnCou
 }
 const DataTableBody = (0, react.memo)(DataTableBodyInner, (prev, next) => {
 	if (!next.isResizing) return false;
-	return prev.rows === next.rows && prev.overflowing === next.overflowing && prev.isLoading === next.isLoading && prev.columnLayoutKey === next.columnLayoutKey && prev.selectionColumnId === next.selectionColumnId;
+	return prev.rows === next.rows && prev.overflowing === next.overflowing && prev.isLoading === next.isLoading && prev.columnLayoutKey === next.columnLayoutKey && prev.fillColumnId === next.fillColumnId && prev.selectionColumnId === next.selectionColumnId;
 });
 function DataTable({ table, tableTestId, getRowTestId, getCellTestId, isLoading = false, loadingRowCount = 5, emptyState, errorState, rowClassName, ariaLabel, onColumnReorder, rowHref, onRowOpen, selectionColumnId, className }) {
 	const t = (0, _burojs_react.useOptionalT)();
@@ -2596,8 +2334,10 @@ function DataTable({ table, tableTestId, getRowTestId, getCellTestId, isLoading
 	const rows = table.getRowModel().rows;
 	const headerGroups = table.getHeaderGroups();
 	const visibleColumnCount = table.getVisibleLeafColumns().length;
+	const fillId = tableFillColumnId(table);
 	const columnLayoutKey = table.getVisibleLeafColumns().map((c) => `${c.id}:${c.getIsPinned() || ""}`).join("|");
 	const resizable = table.options.enableColumnResizing === true;
+	const widthSum = resizable ? table.getVisibleLeafColumns().reduce((sum, c) => sum + c.getSize(), 0) : 0;
 	const hasPinned = table.getState().columnPinning != null && (table.getState().columnPinning.left?.length || table.getState().columnPinning.right?.length);
 	const sizingState = table.getState().columnSizing;
 	const sizingInfo = table.getState().columnSizingInfo;
@@ -2689,7 +2429,7 @@ function DataTable({ table, tableTestId, getRowTestId, getCellTestId, isLoading
 		className,
 		style: resizable ? {
 			...columnSizeVars,
-			minWidth: "100%",
+			width: fillId !== void 0 ? `max(100%, ${widthSum}px)` : `${widthSum}px`,
 			tableLayout: "fixed"
 		} : void 0,
 		children: [(0, react_jsx_runtime.jsx)(require_filter_builder.TableHeader, { children: headerGroups.map((hg) => (0, react_jsx_runtime.jsx)(require_filter_builder.TableRow, { children: hg.headers.map((header) => {
@@ -2700,7 +2440,7 @@ function DataTable({ table, tableTestId, getRowTestId, getCellTestId, isLoading
 			return (0, react_jsx_runtime.jsxs)(require_filter_builder.TableHead, {
 				colSpan: header.colSpan,
 				"aria-sort": ariaSort,
-				style: getPinStyles(header.column, overflowing),
+				style: getPinStyles(header.column, overflowing, header.column.id === fillId),
 				className: require_use_theme.cn("relative", resizable && !columnMetaNoClip(header.column.columnDef.meta) && (pinEdgeClassFor(header.column, overflowing) ? "[&>*:not([data-testid^=col-resize])]:truncate" : "overflow-hidden [&>*:not([data-testid^=col-resize])]:truncate"), canReorder && "cursor-grab", pinEdgeClassFor(header.column, overflowing), columnMetaClassName(header.column.columnDef.meta)),
 				draggable: canReorder || void 0,
 				onDragStart: canReorder ? (e) => {
@@ -2759,6 +2499,7 @@ function DataTable({ table, tableTestId, getRowTestId, getCellTestId, isLoading
 			resizable,
 			overflowing,
 			columnLayoutKey,
+			fillColumnId: fillId,
 			selectionColumnId,
 			isResizing: Boolean(sizingInfo.isResizingColumn),
 			getCellTestId,
@@ -2982,63 +2723,247 @@ function resolveUpdater(updater, prev) {
 }
 //#endregion
 //#region src/resource/list-error-state.tsx
-function ListErrorState({ error, onRetry, resource, title, className }) {
-	const t = (0, _burojs_react.useT)();
-	const raw = error.message ?? "";
-	const friendly = require_toaster.toFriendlyError(raw, "", require_toaster.friendlyStringsFrom(t));
-	const friendlyError = friendly.replaced ? friendly.detail : raw;
-	return (0, react_jsx_runtime.jsxs)("div", {
-		role: "alert",
-		className: require_use_theme.cn("flex flex-col items-center justify-center gap-3 px-6 py-16 rounded-lg border border-destructive/40 bg-destructive/5 text-center", className),
-		"data-testid": "error",
-		children: [
-			(0, react_jsx_runtime.jsx)("div", {
-				className: "rounded-full bg-destructive/10 p-3 text-destructive",
-				children: (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconAlertCircle, {
-					className: "size-6",
-					"aria-hidden": "true"
-				})
-			}),
-			(0, react_jsx_runtime.jsxs)("div", {
-				className: "space-y-1",
-				children: [(0, react_jsx_runtime.jsx)("h3", {
-					className: "text-base font-semibold tracking-tight text-destructive",
-					children: title ?? t("list.errorTitle")
-				}), (0, react_jsx_runtime.jsx)("p", {
-					className: "max-w-md text-sm text-muted-foreground",
-					children: friendlyError || t("list.errorBody")
-				})]
-			}),
-			raw && raw !== friendlyError ? (0, react_jsx_runtime.jsxs)("details", {
-				className: "max-w-md text-left",
-				children: [(0, react_jsx_runtime.jsx)("summary", {
-					className: "cursor-pointer text-xs text-muted-foreground hover:text-foreground",
-					children: t("list.errorDetails")
-				}), (0, react_jsx_runtime.jsx)("p", {
-					className: "mt-1.5 break-all font-mono text-xs text-muted-foreground",
-					"data-testid": "list-error-detail",
-					children: raw
-				})]
-			}) : null,
-			onRetry && (0, react_jsx_runtime.jsx)("div", {
-				className: "flex justify-center pt-2",
-				children: (0, react_jsx_runtime.jsxs)(require_button.Button, {
-					type: "button",
-					variant: "outline",
-					size: "sm",
-					"data-testid": resource ? `list-error-retry:${resource}` : "list-error-retry",
-					onClick: onRetry,
-					className: "gap-1.5",
-					children: [(0, react_jsx_runtime.jsx)(_tabler_icons_react.IconRefresh, {
-						className: "size-3.5",
-						"aria-hidden": "true"
-					}), t("actions.retry")]
-				})
-			})
-		]
+function ListErrorState(props) {
+	const { error, onRetry, resource, title, className } = props;
+	return (0, react_jsx_runtime.jsx)(require_relation_create.LoadError, {
+		surface: "list",
+		error,
+		...onRetry === void 0 ? {} : { retry: onRetry },
+		...resource === void 0 ? {} : { resource },
+		...title === void 0 ? {} : { title },
+		...className === void 0 ? {} : { className }
 	});
 }
 //#endregion
+//#region src/resource/use-table-layout.ts
+const WRITE_DEBOUNCE_MS = 200;
+function mutate(run, ok, then) {
+	try {
+		run().then((result) => {
+			if (ok(result.status)) then();
+		}, () => void 0);
+	} catch {}
+}
+function resolve(updater, current) {
+	return typeof updater === "function" ? updater(current) : updater;
+}
+function sameNames(a, b) {
+	return a.length === b.length && a.every((name, index) => name === b[index]);
+}
+function readSizes(sizes, rule) {
+	const out = {};
+	for (const [column, size] of Object.entries(sizes)) {
+		const of = rule(column);
+		if (of === void 0 || !of.resize) continue;
+		out[column] = Math.min(Math.max(size, of.min), of.max ?? Number.POSITIVE_INFINITY);
+	}
+	return out;
+}
+function useTableLayout({ resource, layoutId, rule, defaultPinning, resetLayout }) {
+	const params = (0, react.useMemo)(() => layoutId === void 0 ? null : {
+		resource,
+		list: layoutId
+	}, [resource, layoutId]);
+	const settings = (0, _burojs_react.useOptionalUiSettings)(_burojs_react.tableLayoutSetting, params);
+	const settingsRef = (0, react.useRef)(settings);
+	settingsRef.current = settings;
+	const key = layoutId === void 0 ? void 0 : `${resource}\u0000${layoutId}`;
+	const fallback = (0, react.useMemo)(() => ({
+		sizes: {},
+		order: [],
+		pinning: defaultPinning
+	}), [defaultPinning]);
+	const [local, setLocal] = (0, react.useState)();
+	const stored = settings?.snapshot.entries[0]?.value;
+	const settled = settings === void 0 || !settings.snapshot.pending;
+	const held = (0, react.useRef)(null);
+	const layout = (local !== void 0 && local.key === key ? local.value : void 0) ?? stored ?? fallback;
+	const latest = (0, react.useRef)(layout);
+	latest.current = layout;
+	const sizing = (0, react.useMemo)(() => readSizes(layout.sizes, rule), [layout.sizes, rule]);
+	const sizingRef = (0, react.useRef)(sizing);
+	sizingRef.current = sizing;
+	const generation = (0, react.useRef)(0);
+	const timer = (0, react.useRef)(null);
+	const pending = (0, react.useRef)(null);
+	const confirm = (0, react.useCallback)((sent) => {
+		if (generation.current === sent && pending.current === null) setLocal(void 0);
+	}, []);
+	const write = (0, react.useCallback)((target, value) => {
+		const scopeId = target.snapshot.entries[0]?.scope.id ?? target.snapshot.writeScopes[0]?.id;
+		if (scopeId === void 0) return;
+		const sent = generation.current;
+		mutate(() => target.set({
+			scopeId,
+			value
+		}), (status) => status === "created" || status === "updated", () => confirm(sent));
+	}, [confirm]);
+	const store = (0, react.useCallback)((target, next) => {
+		if (!(Object.keys(next.sizes).length === 0 && next.order.length === 0 && sameNames(next.pinning.left, defaultPinning.left) && sameNames(next.pinning.right, defaultPinning.right))) {
+			write(target, next);
+			return;
+		}
+		const entry = target.snapshot.entries[0];
+		if (entry === void 0) {
+			setLocal(void 0);
+			return;
+		}
+		const sent = generation.current;
+		mutate(() => target.remove({ id: entry.id }), (status) => status === "removed", () => confirm(sent));
+	}, [
+		defaultPinning,
+		write,
+		confirm
+	]);
+	const flush = (0, react.useCallback)(() => {
+		if (timer.current !== null) clearTimeout(timer.current);
+		timer.current = null;
+		const due = pending.current;
+		pending.current = null;
+		if (due !== null) write(due.target, due.value);
+	}, [write]);
+	const change = (0, react.useCallback)((next, debounced, touch) => {
+		latest.current = next;
+		generation.current += 1;
+		setLocal({
+			key,
+			value: next
+		});
+		const target = settingsRef.current;
+		if (target === void 0) return;
+		if (target.snapshot.pending || held.current !== null && held.current.key === key) {
+			const edits = held.current !== null && held.current.key === key ? held.current : {
+				key,
+				resetAll: false,
+				resetSizes: false,
+				sizes: new Map()
+			};
+			held.current = edits;
+			touch(edits);
+			return;
+		}
+		pending.current = {
+			target,
+			value: next
+		};
+		if (!debounced) {
+			flush();
+			return;
+		}
+		if (timer.current !== null) clearTimeout(timer.current);
+		timer.current = setTimeout(flush, WRITE_DEBOUNCE_MS);
+	}, [key, flush]);
+	(0, react.useEffect)(() => flush, [key]);
+	(0, react.useEffect)(() => {
+		const edits = held.current;
+		if (edits === null) return;
+		if (edits.key !== key) {
+			held.current = null;
+			return;
+		}
+		const target = settingsRef.current;
+		if (!settled || target === void 0) return;
+		held.current = null;
+		const base = edits.resetAll ? fallback : stored ?? fallback;
+		const sizes = edits.resetAll || edits.resetSizes ? {} : { ...readSizes(base.sizes, rule) };
+		for (const [column, size] of edits.sizes) if (size === void 0) delete sizes[column];
+		else sizes[column] = size;
+		const next = {
+			sizes,
+			order: edits.order ?? base.order,
+			pinning: edits.pinning ?? base.pinning
+		};
+		latest.current = next;
+		generation.current += 1;
+		setLocal({
+			key,
+			value: next
+		});
+		store(target, next);
+	}, [settled, key]);
+	const resetToken = resetLayout?.token ?? 0;
+	const seenToken = (0, react.useRef)(resetToken);
+	(0, react.useEffect)(() => {
+		if (resetToken === seenToken.current) return;
+		seenToken.current = resetToken;
+		const all = resetLayout?.mode === "all";
+		const next = all ? fallback : {
+			...latest.current,
+			sizes: {}
+		};
+		if (timer.current !== null) clearTimeout(timer.current);
+		timer.current = null;
+		pending.current = null;
+		latest.current = next;
+		generation.current += 1;
+		setLocal({
+			key,
+			value: next
+		});
+		const target = settingsRef.current;
+		if (target === void 0) return;
+		if (target.snapshot.pending || held.current !== null && held.current.key === key) {
+			const prior = held.current !== null && held.current.key === key ? held.current : void 0;
+			held.current = all ? {
+				key,
+				resetAll: true,
+				resetSizes: false,
+				sizes: new Map()
+			} : {
+				key,
+				resetAll: prior?.resetAll ?? false,
+				resetSizes: true,
+				sizes: new Map(),
+				...prior?.order === void 0 ? {} : { order: prior.order },
+				...prior?.pinning === void 0 ? {} : { pinning: prior.pinning }
+			};
+			return;
+		}
+		store(target, next);
+	}, [resetToken]);
+	const setColumnSizing = (0, react.useCallback)((updater) => {
+		const before = sizingRef.current;
+		const sizes = resolve(updater, before);
+		sizingRef.current = sizes;
+		change({
+			...latest.current,
+			sizes
+		}, true, (edits) => {
+			for (const column of new Set([...Object.keys(before), ...Object.keys(sizes)])) if (before[column] !== sizes[column]) edits.sizes.set(column, sizes[column]);
+		});
+	}, [change]);
+	const setColumnOrder = (0, react.useCallback)((updater) => {
+		const order = resolve(updater, latest.current.order);
+		change({
+			...latest.current,
+			order
+		}, false, (edits) => {
+			edits.order = order;
+		});
+	}, [change]);
+	const setColumnPinning = (0, react.useCallback)((updater) => {
+		const resolved = resolve(updater, latest.current.pinning);
+		const pinning = {
+			left: resolved.left ?? [],
+			right: resolved.right ?? []
+		};
+		change({
+			...latest.current,
+			pinning
+		}, false, (edits) => {
+			edits.pinning = pinning;
+		});
+	}, [change]);
+	return {
+		columnSizing: sizing,
+		setColumnSizing,
+		columnOrder: layout.order,
+		setColumnOrder,
+		columnPinning: layout.pinning,
+		setColumnPinning
+	};
+}
+//#endregion
 //#region src/list-kit/cursor-load-more.tsx
 function CursorLoadMore({ hasMore, loading, onMore }) {
 	const t = (0, _burojs_react.useT)();
@@ -3080,6 +3005,10 @@ function CountRowsTrigger({ label, loading, onClick, testid, variant, className
 }
 const SELECT_COL_ID = "__select__";
 const ACTIONS_COL_ID = "__actions__";
+const DEFAULT_PINNING = Object.freeze({
+	left: Object.freeze([SELECT_COL_ID, "id"]),
+	right: Object.freeze([ACTIONS_COL_ID])
+});
 const ROW_ACTION_CONTROL_PX = 28;
 const ROW_ACTION_GAP_PX = 4;
 const ACTIONS_CELL_PADDING_PX = 16;
@@ -3091,29 +3020,30 @@ function actionsColumnSize(items) {
 	const strip = controls * ROW_ACTION_CONTROL_PX + (controls - 1) * ROW_ACTION_GAP_PX + ACTIONS_CELL_PADDING_PX;
 	return Math.max(ACTIONS_COL_MIN_PX, strip);
 }
-const COLUMN_SIZE_BY_TYPE = {
-	boolean: 96,
-	number: 112
-};
-const COLUMN_SIZE_BY_FORMAT = {
-	date: 132,
-	"date-time": 132
+const ALIGN_CLASS = {
+	start: "text-start",
+	center: "text-center",
+	end: "text-end"
 };
-function columnSize(field) {
-	if (field?.format !== void 0 && COLUMN_SIZE_BY_FORMAT[field.format] !== void 0) return COLUMN_SIZE_BY_FORMAT[field.format];
-	if (field?.type !== void 0 && COLUMN_SIZE_BY_TYPE[field.type] !== void 0) return COLUMN_SIZE_BY_TYPE[field.type];
-	if (field?.kind === "date" || field?.kind === "dateTime") return COLUMN_SIZE_BY_FORMAT[field.kind === "dateTime" ? "date-time" : "date"];
-	return field?.kind === void 0 ? void 0 : COLUMN_SIZE_BY_TYPE[field.kind];
-}
-function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSize, onRequestCount, isCountingRows = false, pageSizeOptions = [
+const STANDALONE_COLUMN_UI = Object.freeze({
+	default: 160,
+	min: 90,
+	align: "start",
+	resize: true,
+	fill: false,
+	display: Object.freeze({ params: Object.freeze({}) })
+});
+function ResourceList({ resource: resourceInput, data, total, page = 1, pageSize = 10, onPageSize, onRequestCount, isCountingRows = false, pageSizeOptions = [
 	10,
 	25,
 	50,
 	100
-], onPage, loadMore, selectable = false, rowActions = true, selectedIds, onSelectionChange, className, isLoading = false, error = null, onRetry, createHref, isFiltered = false, onClearFilter, emptyState, rowsView, rowHref, rowQuick, rowLinkKey, renderCell, sort, onSort, onHideColumn, requiredColumns, resetLayout, columns: columnsOverride, tableRef }) {
+], onPage, loadMore, selectable = false, rowActions = true, selectedIds, onSelectionChange, className, isLoading = false, error = null, onRetry, createHref, isFiltered = false, onClearFilter, emptyState, rowsView, rowHref, rowQuick, rowLinkKey, renderCell, sort, onSort, sortable, onHideColumn, requiredColumns, resetLayout, columns: columnsOverride, columnUi, layoutId, tableRef }) {
+	const resource = (0, _burojs_core.routeResourceKey)(resourceInput);
 	const app = (0, _burojs_react.useApp)();
 	const tid = (0, _burojs_react.useTestIds)();
 	const t = (0, _burojs_react.useOptionalT)();
+	const chromeT = (0, _burojs_react.useChromeT)();
 	const locale = (0, _burojs_react.useLocale)();
 	const nf = (0, react.useMemo)(() => new Intl.NumberFormat(locale), [locale]);
 	const i18nCaps = (0, _burojs_react.useI18nCaps)(resource);
@@ -3135,23 +3065,6 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 	(0, react.useEffect)(() => {
 		emittedRef.current = null;
 	}, [controlledSelection]);
-	const layoutKey = `buro:table-layout:${resource}`;
-	const [columnSizing, setColumnSizing] = usePersistedState(`${layoutKey}:sizing`, {}, 200);
-	const [columnOrder, setColumnOrder] = usePersistedState(`${layoutKey}:order`, []);
-	const DEFAULT_PINNING = {
-		left: [SELECT_COL_ID, "id"],
-		right: [ACTIONS_COL_ID]
-	};
-	const [columnPinning, setColumnPinning] = usePersistedState(`${layoutKey}:pinning`, DEFAULT_PINNING);
-	const resetToken = resetLayout?.token ?? 0;
-	(0, react.useEffect)(() => {
-		if (!resetToken) return;
-		setColumnSizing({});
-		if (resetLayout?.mode === "all") {
-			setColumnOrder([]);
-			setColumnPinning(DEFAULT_PINNING);
-		}
-	}, [resetToken]);
 	(0, react.useEffect)(() => {
 		if (controlled) return;
 		setOwnSelection({});
@@ -3161,7 +3074,7 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 	const accessPending = listAccess.status === "pending" || pathAccess.pending;
 	const declaredColumnKeys = (0, react.useMemo)(() => {
 		if (!def) return [];
-		return [...columnsOverride ?? def.views?.list?.columns ?? Object.keys(def.fields)];
+		return [...columnsOverride ?? def.views?.list?.columns?.map(_burojs_core.columnName) ?? Object.keys(def.fields)];
 	}, [def, columnsOverride]);
 	const visibleColumnKeys = (0, react.useMemo)(() => accessPending ? [] : declaredColumnKeys.filter((col) => listAccess.columnVisible(col) && (columnTarget(app.registry, resource, col) === void 0 || listAccess.columnVisible(col.split(".")[0]) && pathAccess.visible(col))), [
 		accessPending,
@@ -3211,10 +3124,11 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 	const resourceLabel = (0, _burojs_core.resolveResourceLabel)(i18nCaps, resource, "plural", def);
 	const recordSingular = (0, _burojs_core.resolveResourceLabel)(i18nCaps, resource, "single", def);
 	const ariaLabel = resourceLabel;
-	const actionsHeader = t("actions.column", { defaultValue: "Actions" });
+	const actionsHeader = chromeT("actions.column", { defaultValue: "Actions" });
 	const viewRow = (0, _burojs_react.useViewRow)(resource);
 	const volatileRef = (0, react.useRef)({
 		onSort,
+		sortable,
 		onHideColumn,
 		requiredColumns,
 		renderCell,
@@ -3226,6 +3140,7 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 	});
 	volatileRef.current = {
 		onSort,
+		sortable,
 		onHideColumn,
 		requiredColumns,
 		renderCell,
@@ -3249,6 +3164,45 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 	}, [rowLinkKey]);
 	const stableRowClassName = (0, react.useCallback)((row) => volatileRef.current.rowHref?.(volatileRef.current.viewRow(row.original)) || (volatileRef.current.rowQuick?.(row.original) ?? null) !== null ? "cursor-pointer" : void 0, [rowLinkKey]);
 	const [listRoot, narrow] = useContainerNarrow();
+	const columnUiOf = (0, react.useMemo)(() => {
+		const entries = new Map();
+		for (const entry of [...def?.views?.list?.columns ?? [], ...def?.views?.list?.optionalColumns ?? []]) {
+			const name = (0, _burojs_core.columnName)(entry);
+			if (!entries.has(name)) entries.set(name, entry);
+		}
+		return (col) => columnUi?.[col] ?? (def === void 0 ? STANDALONE_COLUMN_UI : (0, _burojs_core.resolveColumnUi)(def, entries.get(col) ?? col, app.registry, _burojs_react.columnTypeWidth));
+	}, [
+		app,
+		def,
+		columnUi
+	]);
+	const { columnSizing, setColumnSizing, columnOrder, setColumnOrder, columnPinning, setColumnPinning } = useTableLayout({
+		resource,
+		layoutId,
+		rule: (0, react.useMemo)(() => {
+			const known = new Set([
+				...declaredColumnKeys,
+				...(def?.views?.list?.columns ?? []).map(_burojs_core.columnName),
+				...(def?.views?.list?.optionalColumns ?? []).map(_burojs_core.columnName),
+				...Object.keys(def?.fields ?? {})
+			]);
+			return (col) => {
+				if (!known.has(col)) return void 0;
+				const ui = columnUiOf(col);
+				return {
+					min: ui.min,
+					max: ui.max,
+					resize: ui.resize
+				};
+			};
+		}, [
+			declaredColumnKeys,
+			def,
+			columnUiOf
+		]),
+		defaultPinning: DEFAULT_PINNING,
+		resetLayout
+	});
 	const tableColumns = (0, react.useMemo)(() => {
 		const cols = [];
 		if (selectable) cols.push({
@@ -3271,19 +3225,32 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 		});
 		for (const col of visibleColumnKeys) {
 			const target = columnTarget(app.registry, resource, col);
-			const field = target === void 0 ? def?.fields?.[col] : target.field;
+			const field = target !== void 0 ? target.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 kindSize = columnSize(field);
-			const declared = target === void 0 && def !== void 0 ? (0, _burojs_core.declaredField)(def, col) : void 0;
-			const linkColumn = declared !== null && typeof declared === "object" && (0, _burojs_core.isLinkField)(declared);
+			const ui = columnUiOf(col);
+			const frameField = {
+				...field ?? { type: "unknown" },
+				name: target === void 0 ? col : target.name
+			};
+			const cellEntry = { display: ui.display };
+			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),
-				...kindSize !== void 0 ? { size: kindSize } : {},
-				enableSorting: !linkColumn && Boolean(volatileRef.current.onSort),
+				size: ui.default,
+				minSize: ui.min,
+				maxSize: ui.max ?? Number.MAX_SAFE_INTEGER,
+				enableResizing: ui.resize,
+				enableSorting: columnSortable && Boolean(volatileRef.current.onSort),
 				enableHiding: true,
-				meta: { testid: col },
+				meta: {
+					testid: col,
+					className: ALIGN_CLASS[ui.align],
+					...wraps ? { wrap: true } : {},
+					...ui.fill ? { fill: true } : {}
+				},
 				header: ({ column, table }) => {
 					const v = volatileRef.current;
 					const pinSide = column.getIsPinned();
@@ -3314,9 +3281,9 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 					};
 					return (0, react_jsx_runtime.jsx)(ColumnHeaderMenu, {
 						label: headerLabel,
-						sortable: !linkColumn && Boolean(v.onSort),
+						sortable: columnSortable && Boolean(v.onSort),
 						sortDirection: v.sort?.[0]?.field === col ? v.sort[0].direction : null,
-						onSort: !linkColumn && v.onSort ? (dir) => v.onSort?.(col, dir) : void 0,
+						onSort: columnSortable && v.onSort ? (dir) => v.onSort?.(col, dir) : void 0,
 						pinned: column.getIsPinned(),
 						onPin: (side) => column.pin(side),
 						canHide: Boolean(v.onHideColumn) && !v.requiredColumns?.includes(col),
@@ -3332,38 +3299,47 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 					const record = volatileRef.current.viewRow(raw);
 					const value = record[col];
 					const customCell = volatileRef.current.renderCell?.(col, value, record);
-					const cellInner = customCell !== void 0 ? customCell : (0, react_jsx_runtime.jsx)(ResolvedFieldDisplay, {
+					const cellInner = customCell !== void 0 ? customCell : (0, react_jsx_runtime.jsx)(require_filter_builder.ResolvedFieldDisplay, {
 						resource: target === void 0 ? resourceRef : target.ref,
 						name: target === void 0 ? col : target.name,
 						field: field ?? { type: "unknown" },
 						value,
 						record,
+						uiSurface: "column",
+						columnEntry: cellEntry,
 						fallback: (0, react_jsx_runtime.jsx)("span", { children: String(value ?? "") })
 					});
+					const framed = (node) => customCell !== void 0 ? node : (0, react_jsx_runtime.jsx)(FieldValueFrame, {
+						field: frameField,
+						value,
+						surface: "column",
+						entry: cellEntry,
+						children: node
+					});
 					const href = volatileRef.current.rowHref?.(record);
 					const isFirstContentCell = visibleColumnKeys.indexOf(col) === 0;
 					const quick = isFirstContentCell ? volatileRef.current.rowQuick?.(raw) ?? null : null;
-					if (quick !== null) return href ? (0, react_jsx_runtime.jsx)(require_search_access.ClaimedQuickLink, {
+					if (quick !== null) return framed(href ? (0, react_jsx_runtime.jsx)(require_relation_create.ClaimedQuickLink, {
 						href,
-						className: require_search_access.relationLinkClassName,
+						className: require_relation_create.relationLinkClassName,
 						onOpen: quick,
 						children: cellInner
 					}) : (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						[_burojs_react.QUICK_ANCHOR_ATTRIBUTE]: "",
-						className: `${require_search_access.relationLinkClassName} text-left`,
+						className: `${require_relation_create.relationLinkClassName} text-left`,
 						onClick: (e) => {
 							e.stopPropagation();
 							quick();
 						},
 						children: cellInner
-					});
-					return isFirstContentCell && href ? (0, react_jsx_runtime.jsx)(RouterLink, {
+					}));
+					return framed(isFirstContentCell && href ? (0, react_jsx_runtime.jsx)(RouterLink, {
 						href,
-						className: require_search_access.relationLinkClassName,
+						className: require_relation_create.relationLinkClassName,
 						onClick: (e) => e.stopPropagation(),
 						children: cellInner
-					}) : cellInner;
+					}) : cellInner);
 				}
 			});
 		}
@@ -3372,7 +3348,7 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 			id: ACTIONS_COL_ID,
 			enableSorting: false,
 			enableResizing: false,
-			size: narrow ? 44 : actionsColumnSize(def?.actions?.item),
+			size: narrow || typeof rowActions === "function" ? 44 : actionsColumnSize(def?.actions?.item),
 			enableHiding: false,
 			header: () => (0, react_jsx_runtime.jsx)("span", {
 				className: "sr-only",
@@ -3383,7 +3359,7 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 				noRowNav: true,
 				noClip: true
 			},
-			cell: ({ row }) => (0, react_jsx_runtime.jsx)(ActionOverflow, {
+			cell: ({ row }) => typeof rowActions === "function" ? rowActions(row.original) : (0, react_jsx_runtime.jsx)(ActionOverflow, {
 				resource,
 				record: row.original,
 				surface: "row"
@@ -3403,7 +3379,8 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 		actionsHeader,
 		i18nCaps,
 		rowLinkKey,
-		narrow
+		narrow,
+		columnUiOf
 	]);
 	const handleSelectionChange = (updater) => {
 		if (controlled) {
@@ -3506,13 +3483,28 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 		const isWrongPage = page > 1;
 		const EmptyIcon = isFiltered ? _tabler_icons_react.IconFilterX : _tabler_icons_react.IconInbox;
 		const items = resourceLabel.toLowerCase();
-		const heading = isWrongPage ? t("pagination.emptyPage") : isFiltered ? t("list.emptyFilteredTitle", { params: { items } }) : t("list.emptyTitle", { params: { items } });
-		const body = isWrongPage ? null : isFiltered ? t("list.emptyFilteredBody", { params: { items } }) : createHref ? t("list.emptyBody", { params: { item: recordSingular.toLowerCase() } }) : t("list.emptyBodyReadOnly", { params: { items } });
-		return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
-			className: require_use_theme.cn("flex flex-col items-center justify-center gap-3 px-6 py-16 rounded-lg border border-dashed text-center", className),
-			"data-testid": tid.listEmpty(resource),
-			children: [
-				(0, react_jsx_runtime.jsx)("div", {
+		const heading = isWrongPage ? t("pagination.emptyPage") : isFiltered ? t("list.emptyFilteredTitle", {
+			resource,
+			params: { items }
+		}) : t("list.emptyTitle", {
+			resource,
+			params: { items }
+		});
+		const body = isWrongPage ? null : isFiltered ? t("list.emptyFilteredBody", {
+			resource,
+			params: { items }
+		}) : createHref ? t("list.emptyBody", {
+			resource,
+			params: { item: recordSingular.toLowerCase() }
+		}) : t("list.emptyBodyReadOnly", {
+			resource,
+			params: { items }
+		});
+		return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
+			className: require_use_theme.cn("flex flex-col items-center justify-center gap-3 px-6 py-16 rounded-lg border border-dashed text-center", className),
+			"data-testid": tid.listEmpty(resource),
+			children: [
+				(0, react_jsx_runtime.jsx)("div", {
 					className: "rounded-full bg-muted p-3 text-muted-foreground",
 					children: (0, react_jsx_runtime.jsx)(EmptyIcon, {
 						className: "size-6",
@@ -3532,7 +3524,7 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 				(0, react_jsx_runtime.jsxs)("div", {
 					className: "flex justify-center gap-2 pt-2",
 					children: [
-						isFiltered && onClearFilter && (0, react_jsx_runtime.jsx)(require_button.Button, {
+						onClearFilter && (0, react_jsx_runtime.jsx)(require_button.Button, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
@@ -3720,43 +3712,46 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 		})
 	});
 }
-function usePersistedState(key, initial, debounceMs = 0) {
-	const [state, setState] = (0, react.useState)(() => {
-		if (typeof window === "undefined") return initial;
-		try {
-			const raw = window.localStorage.getItem(key);
-			return raw ? JSON.parse(raw) : initial;
-		} catch {
-			return initial;
-		}
+//#endregion
+//#region src/blocks/related-list-unbound.tsx
+function UnboundRelatedList(props) {
+	const t = (0, _burojs_react.useOptionalT)();
+	return (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-2",
+		"data-testid": `list-unbound:${props.resource}`,
+		children: [props.title === void 0 ? null : (0, react_jsx_runtime.jsx)("h3", {
+			className: "text-sm font-semibold",
+			children: props.title
+		}), (0, react_jsx_runtime.jsx)("p", {
+			className: "text-sm text-muted-foreground",
+			children: props.empty ?? t("table.empty", { defaultValue: "No records" })
+		})]
 	});
-	(0, react.useEffect)(() => {
-		try {
-			if (window.localStorage.getItem(key) == null) window.localStorage.setItem(key, JSON.stringify(initial));
-		} catch {}
-	}, [key]);
-	const writeTimer = (0, react.useRef)(null);
-	const write = (value) => {
-		const doWrite = () => {
-			try {
-				window.localStorage.setItem(key, JSON.stringify(value));
-			} catch {}
-		};
-		if (debounceMs <= 0) {
-			doWrite();
-			return;
-		}
-		if (writeTimer.current) clearTimeout(writeTimer.current);
-		writeTimer.current = setTimeout(doWrite, debounceMs);
-	};
-	const set = (updater) => {
-		setState((prev) => {
-			const next = typeof updater === "function" ? updater(prev) : updater;
-			write(next);
-			return next;
-		});
-	};
-	return [state, set];
+}
+function placementScope(scope, owner) {
+	return scope ?? (owner === void 0 ? "session" : "none");
+}
+//#endregion
+//#region src/list-kit/pieces/bulk-reach.tsx
+function useBulkFlowReachable(resource) {
+	const app = (0, _burojs_react.useApp)();
+	const control = (0, _burojs_react.useFlowRowResolver)(resource);
+	return (app.registry.get(resource)?.actions.bulk ?? []).some((action) => (0, _burojs_core_internal.isFlowAction)(action) && control(action.name, void 0).state !== "absent");
+}
+function ExportReach(props) {
+	const { available } = (0, _burojs_react.useResourceExport)(props.resource);
+	const capability = (0, _burojs_react.useCapability)("run", {
+		resource: props.resource,
+		target: {
+			kind: "action",
+			name: "export"
+		},
+		mode: "list"
+	});
+	return props.children(available && capability.allowed);
+}
+function BulkExportReach(props) {
+	return (0, _burojs_react.useOptionalDataRuntime)() !== null ? (0, react_jsx_runtime.jsx)(ExportReach, { ...props }) : props.children(false);
 }
 //#endregion
 //#region src/list-kit/pieces/piece.tsx
@@ -3824,15 +3819,47 @@ function ForceTableView(props) {
 }
 //#endregion
 //#region src/list-kit/pieces/list-body.tsx
+function LinkDetachRowButton(props) {
+	const { resource, linkEditing } = useListSurface();
+	const t = (0, _burojs_react.useOptionalT)();
+	const [busy, setBusy] = (0, react.useState)(false);
+	const detach = linkEditing?.detach;
+	if (detach === void 0) return null;
+	const label = t("field.link.detach", { defaultValue: "Detach" });
+	return (0, react_jsx_runtime.jsx)(require_button.Button, {
+		type: "button",
+		size: "icon",
+		variant: "ghost",
+		className: "size-7",
+		"aria-label": label,
+		title: label,
+		disabled: busy,
+		"data-testid": `list-link-detach:${resource}:${props.row.id}`,
+		onClick: (event) => {
+			event.stopPropagation();
+			setBusy(true);
+			detach.onDetach([props.row]).finally(() => setBusy(false));
+		},
+		children: (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconUnlink, {
+			className: "size-4",
+			"aria-hidden": "true"
+		})
+	});
+}
+const linkDetachRow = (row) => (0, react_jsx_runtime.jsx)(LinkDetachRowButton, { row });
 function ListBodyView() {
 	usePieceMount("body");
 	const list = (0, _burojs_react.useResourceListContext)();
-	const { resource, route, tableView, createAvailable, createPage, rowProps, rowsViewFor, emptyState, renderCell, readOnly } = useListSurface();
+	const { resource, route, tableView, createAvailable, createPage, rowProps, rowsViewFor, emptyState, renderCell, readOnly, linkEditing, layoutId } = useListSurface();
+	const detachable = readOnly && linkEditing?.detach !== void 0;
+	const flowReachable = useBulkFlowReachable(resource);
+	const selectable = (exportReachable) => tableView && (detachable || !readOnly && (flowReachable || exportReachable));
 	const item = (0, react.useContext)(ListItemContext);
 	const rowsView = (0, react.useMemo)(() => rowsViewFor?.(item), [rowsViewFor, item]);
 	const { query, pagination, cursor, count, columns, selection, filters, sorting, routing } = list;
 	const rows = (0, _burojs_react.policyRowsOf)(list, list.rows);
-	return (0, react_jsx_runtime.jsx)(ResourceList, {
+	if (query.unbound) return (0, react_jsx_runtime.jsx)(UnboundRelatedList, { resource });
+	const view = (exportReachable) => (0, react_jsx_runtime.jsx)(ResourceList, {
 		resource,
 		data: rows,
 		total: pagination.total,
@@ -3849,29 +3876,50 @@ function ListBodyView() {
 		onRequestCount: count.available ? count.request : void 0,
 		isCountingRows: count.isLoading,
 		columns: columns.visible,
+		columnUi: columns.ui,
 		isLoading: query.isLoading,
 		error: query.error,
 		onRetry: query.refetch,
 		createHref: route && createAvailable && createPage ? routing.createHref : void 0,
 		...rowProps,
 		...rowsView === void 0 ? {} : { rowsView },
-		selectable: tableView && !readOnly,
-		rowActions: !readOnly,
+		selectable: selectable(exportReachable),
+		rowActions: detachable ? linkDetachRow : !readOnly,
 		selectedIds: selection.ids,
 		onSelectionChange: selection.set,
 		isFiltered: filters.isFiltered,
-		onClearFilter: filters.clearAll,
+		onClearFilter: filters.canReset ? filters.reset : void 0,
 		emptyState,
 		sort: sorting.value ?? [],
 		requiredColumns: columns.required,
 		resetLayout: columns.resetLayout,
+		layoutId,
 		onHideColumn: columns.hide,
 		onSort: sorting.toggle,
+		sortable: sorting.sortable,
 		renderCell
 	});
+	return (0, react_jsx_runtime.jsx)(BulkExportReach, {
+		resource,
+		children: view
+	});
 }
 const ListBody = listPiece("ListBody", ListBodyView);
 //#endregion
+//#region src/resource/form-context.tsx
+const FormControlContext = (0, react.createContext)(null);
+const FormControlProvider = FormControlContext.Provider;
+function useFormControlOf(controller) {
+	const latest = (0, react.useRef)(controller);
+	latest.current = controller;
+	return (0, react.useMemo)(() => ({ setValues: (patch) => {
+		for (const [name, value] of Object.entries(patch)) latest.current.setValue(name, value);
+	} }), []);
+}
+function useFormControl() {
+	return (0, react.useContext)(FormControlContext);
+}
+//#endregion
 //#region src/record/route-screen-context.ts
 const RouteScreenClaimContext = (0, react.createContext)(false);
 const RouteScreenContext = (0, react.createContext)(false);
@@ -3995,7 +4043,7 @@ function PanelHost({ node, region = "panel-body", renderChildren }) {
 			region,
 			form,
 			labelledBy: title === void 0 ? void 0 : titleId,
-			children: renderChildren(node.children)
+			children: renderChildren(node.children, node)
 		}) : null,
 		...title === void 0 ? {} : { title },
 		...description === void 0 ? {} : { description },
@@ -4030,10 +4078,12 @@ function TabsHost({ node, renderChildren }) {
 	const state = (0, _burojs_react.useScreenState)();
 	const text = useNodeText();
 	const panels = node.children.filter((child) => child.state !== "absent");
-	const open = panels.find((child) => child.open === true) ?? panels[0];
+	const declared = compiled.nodes[node.index].options.default;
+	const effectiveDefault = (declared === void 0 ? void 0 : panels.find((child) => child.key === declared)) ?? panels[0];
+	const open = panels.find((child) => child.open === true) ?? effectiveDefault;
 	const urlSelect = useTabsUrlSelect();
 	const select = (panel, reveal) => {
-		if (urlSelect !== null && node.key !== void 0 && panel.key !== void 0) urlSelect(node.key, panel.key, panel === panels[0], reveal);
+		if (urlSelect !== null && node.key !== void 0 && panel.key !== void 0) urlSelect(node.key, panel.key, panel === effectiveDefault, reveal);
 		else state?.openPanel(node.id, panelValue(panel));
 	};
 	const onSelect = (key) => {
@@ -4045,7 +4095,7 @@ function TabsHost({ node, renderChildren }) {
 		key: panelValue(panel),
 		title: titleOf(panel),
 		errorCount: panel.key === void 0 ? 0 : controller.errorsIn(panel.key),
-		panel: panels.length === 1 || panel.open === true ? (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: renderChildren(panel.children) }) : null
+		panel: panels.length === 1 || panel.open === true ? (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: renderChildren(panel.children, panel) }) : null
 	}));
 	const { view: View, id } = useNodeView(node, "tabs");
 	const t = (0, _burojs_react.useFrameT)(id);
@@ -4156,7 +4206,7 @@ function WizardHost({ node, renderChildren }) {
 				region: "step-panel",
 				form,
 				labelledBy: titleId,
-				children: renderChildren(panel.children)
+				children: renderChildren(panel.children, panel)
 			}),
 			...description === void 0 ? {} : { description },
 			titleId,
@@ -4202,18 +4252,23 @@ function WizardHost({ node, renderChildren }) {
 //#region src/screen/nodes.tsx
 function FailedNode({ node }) {
 	const { controller } = useScreenTree();
-	const t = (0, _burojs_react.useOptionalT)();
-	return (0, react_jsx_runtime.jsxs)("div", {
-		...nodeAttributes(node),
-		role: "alert",
-		className: "flex flex-wrap items-center gap-2 rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground",
-		children: [(0, react_jsx_runtime.jsx)("span", { children: t("screen.failed", { defaultValue: "This section could not be loaded." }) }), (0, react_jsx_runtime.jsx)(require_button.Button, {
-			type: "button",
-			variant: "outline",
-			size: "sm",
-			onClick: () => controller.retry(node.failedOn),
-			children: t("actions.retry", { defaultValue: "Retry" })
-		})]
+	let error;
+	for (const name of node.failedOn) {
+		const source = controller.sources[name];
+		if (source?.status === "failed") {
+			error = source.error;
+			break;
+		}
+	}
+	return (0, react_jsx_runtime.jsx)(require_relation_create.LoadError, {
+		surface: "tab",
+		error,
+		retry: () => controller.retry(node.failedOn),
+		fallback: {
+			key: "screen.failed",
+			default: "This section could not be loaded."
+		},
+		attributes: nodeAttributes(node)
 	});
 }
 function failedOnlyOnMeta(node) {
@@ -4226,8 +4281,17 @@ function drawn(node, hiddenFields) {
 	if (node.state === "absent") return false;
 	return !(node.kind === "field" && node.field !== void 0 && hiddenFields?.has(node.field));
 }
-function SectionChildren({ nodes }) {
-	const { hiddenFields } = useScreenTree();
+function SectionChildren({ nodes, owner }) {
+	const { compiled, hiddenFields } = useScreenTree();
+	const text = useNodeText();
+	if (owner !== void 0 && !nodes.some((node) => drawn(node, hiddenFields))) {
+		const empty = text(compiled.nodes[owner.index]?.options.empty);
+		return empty === void 0 || empty === "" ? null : (0, react_jsx_runtime.jsx)("p", {
+			"data-buro-region": "empty",
+			className: "text-sm text-muted-foreground",
+			children: empty
+		});
+	}
 	const out = [];
 	let run = [];
 	const flush = () => {
@@ -4249,8 +4313,11 @@ function SectionChildren({ nodes }) {
 	flush();
 	return out;
 }
-function renderSection(nodes) {
-	return (0, react_jsx_runtime.jsx)(SectionChildren, { nodes });
+function renderSection(nodes, owner) {
+	return (0, react_jsx_runtime.jsx)(SectionChildren, {
+		nodes,
+		owner
+	});
 }
 function Layout({ node }) {
 	return (0, react_jsx_runtime.jsx)("div", {
@@ -4372,17 +4439,14 @@ function pageHost(page) {
 }
 //#endregion
 //#region src/forms/declarative-form.tsx
-function translateOrFallback(t, key, fallback) {
-	const translated = t(key);
-	return translated === key ? fallback : translated;
-}
-function issueText(issue, t, i18nPrefix) {
+function issueText(issue, caps, i18nPrefix) {
 	return (0, _burojs_react.resolveValidationMessage)({
 		code: issue.code ?? "",
 		message: issue.message,
-		...issue.params === void 0 ? {} : { params: issue.params }
+		...issue.check === void 0 ? {} : { check: issue.check }
 	}, {
-		t,
+		has: caps.has,
+		t: caps.t,
 		...issue.field === "_form" ? {} : { fieldKey: `resources.${i18nPrefix}.fields.${issue.field}` }
 	});
 }
@@ -4449,7 +4513,9 @@ function DeclarativeFormBody(props) {
 		...props.surface === void 0 ? {} : { surface: props.surface },
 		...props.onSubmit === void 0 ? {} : { onSubmit: props.onSubmit }
 	});
-	const t = (0, _burojs_react.useOptionalT)();
+	const formControl = useFormControlOf(form);
+	const chromeT = (0, _burojs_react.useChromeT)();
+	const caps = (0, _burojs_react.useI18nCaps)();
 	const disabled = props.disabled === true;
 	const uid = (0, react.useId)();
 	const leafIds = (0, react.useMemo)(() => ({
@@ -4459,8 +4525,8 @@ function DeclarativeFormBody(props) {
 	const formErrors = form.errors.filter((issue) => issue.field === "_form");
 	const retryableChecks = [];
 	for (const issue of form.checkOutcome?.blockers ?? []) {
-		const checkId = issue.params?.checkId;
-		if (issue.params?.cause === void 0 || typeof checkId !== "string") continue;
+		const checkId = issue.check?.id;
+		if (issue.check?.cause === void 0 || typeof checkId !== "string") continue;
 		if (!retryableChecks.includes(checkId)) retryableChecks.push(checkId);
 	}
 	const formWarnings = form.warnings.filter((issue) => issue.field === "_form");
@@ -4473,7 +4539,7 @@ function DeclarativeFormBody(props) {
 			formErrors.length > 0 && (0, react_jsx_runtime.jsx)("div", {
 				role: "alert",
 				className: "mb-4 flex flex-col gap-1 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive",
-				children: formErrors.map((issue, index) => (0, react_jsx_runtime.jsx)("p", { children: issueText(issue, t, prefix) }, index))
+				children: formErrors.map((issue, index) => (0, react_jsx_runtime.jsx)("p", { children: issueText(issue, caps, prefix) }, index))
 			}),
 			retryableChecks.length > 0 && (0, react_jsx_runtime.jsx)("div", {
 				className: "mb-4 flex flex-wrap gap-2",
@@ -4483,25 +4549,28 @@ function DeclarativeFormBody(props) {
 					size: "sm",
 					"data-testid": `form-check-retry:${checkId}`,
 					onClick: () => void form.revalidate(),
-					children: translateOrFallback(t, "actions.retry", "Retry")
+					children: chromeT("actions.retry", { defaultValue: "Retry" })
 				}, checkId))
 			}),
 			formWarnings.length > 0 && (0, react_jsx_runtime.jsx)("div", {
 				role: "status",
 				"aria-live": "polite",
 				className: "mb-4 flex flex-col gap-1 rounded-md border border-warning/50 bg-warning/10 px-3 py-2 text-sm text-warning-emphasis",
-				children: formWarnings.map((issue, index) => (0, react_jsx_runtime.jsx)("p", { children: issueText(issue, t, prefix) }, index))
+				children: formWarnings.map((issue, index) => (0, react_jsx_runtime.jsx)("p", { children: issueText(issue, caps, prefix) }, index))
 			}),
-			(0, react_jsx_runtime.jsx)(ScreenTree, {
-				region: "form-body",
-				resource: prefix,
-				mode: "create",
-				compiled: form.screen,
-				controller: form,
-				leafIds,
-				...props.renderField === void 0 ? {} : { renderField: props.renderField },
-				disabled,
-				...props.bodyClassName === void 0 ? {} : { className: props.bodyClassName }
+			(0, react_jsx_runtime.jsx)(FormControlProvider, {
+				value: formControl,
+				children: (0, react_jsx_runtime.jsx)(ScreenTree, {
+					region: "form-body",
+					resource: prefix,
+					mode: "create",
+					compiled: form.screen,
+					controller: form,
+					leafIds,
+					...props.renderField === void 0 ? {} : { renderField: props.renderField },
+					disabled,
+					...props.bodyClassName === void 0 ? {} : { className: props.bodyClassName }
+				})
 			}),
 			props.slots?.footer === void 0 ? (0, react_jsx_runtime.jsx)("div", {
 				className: "mt-4 flex justify-end",
@@ -4509,7 +4578,7 @@ function DeclarativeFormBody(props) {
 					type: "submit",
 					disabled: !form.canSubmit || disabled,
 					onMouseDown: (event) => event.preventDefault(),
-					children: props.submitLabel ?? translateOrFallback(t, "actions.save", "Save")
+					children: props.submitLabel ?? chromeT("actions.save", { defaultValue: "Save" })
 				})
 			}) : typeof props.slots.footer === "function" ? props.slots.footer({ canSubmit: form.canSubmit && !disabled }) : props.slots.footer
 		]
@@ -4594,7 +4663,8 @@ function ExportOptionsDirty({ dirty }) {
 	return null;
 }
 function getNoRunState() {}
-function ExportDialog({ open, onOpenChange, resource, target, visibleColumns, estimatedCount, scope }) {
+function ExportDialog({ open, onOpenChange, resource: resourceInput, target, visibleColumns, estimatedCount, scope }) {
+	const resource = (0, _burojs_core.routeResourceKey)(resourceInput);
 	const t = (0, _burojs_react.useOptionalT)();
 	const dialogTestId = (0, _burojs_react.useTestIds)().exportDialog(resource);
 	const { formats, start, exporter, available, error, loading } = (0, _burojs_react.useResourceExport)(resource, {
@@ -4716,14 +4786,15 @@ function ExportDialog({ open, onOpenChange, resource, target, visibleColumns, es
 				})] }), (0, react_jsx_runtime.jsx)(ExportProgressView, {
 					state: runState,
 					dialogTestId,
-					t
+					t,
+					caps
 				})] }) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)(require_dialog.DialogHeader, { children: [(0, react_jsx_runtime.jsx)(require_dialog.DialogTitle, { children: titleText }), (0, react_jsx_runtime.jsx)(require_dialog.DialogDescription, {
 					className: "sr-only",
 					children: titleText
 				})] }), !available ? (0, react_jsx_runtime.jsx)("p", {
 					role: "alert",
 					"data-testid": `${dialogTestId}:unavailable`,
-					children: error?.message ?? t("export.dialog.unavailable")
+					children: error === void 0 || error === null ? t("export.dialog.unavailable") : (0, _burojs_react.resolveErrorText)(error, caps)
 				}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 					loading ? (0, react_jsx_runtime.jsx)("p", {
 						role: "status",
@@ -4802,7 +4873,7 @@ function ExportDialog({ open, onOpenChange, resource, target, visibleColumns, es
 		})
 	});
 }
-function ExportProgressView({ state, dialogTestId, t }) {
+function ExportProgressView({ state, dialogTestId, t, caps }) {
 	if (state === void 0) return null;
 	if (state.status === "running") {
 		const total = state.progress?.total;
@@ -4823,7 +4894,7 @@ function ExportProgressView({ state, dialogTestId, t }) {
 	if (state.status === "failed") return (0, react_jsx_runtime.jsx)("p", {
 		role: "alert",
 		"data-testid": `${dialogTestId}:error`,
-		children: `${t("export.dialog.failed")}: ${state.error.message}`
+		children: `${t("export.dialog.failed")}: ${(0, _burojs_react.resolveErrorText)(state.error, caps)}`
 	});
 	if (state.status === "canceled") return (0, react_jsx_runtime.jsx)("p", {
 		"data-testid": `${dialogTestId}:canceled`,
@@ -4836,6 +4907,7 @@ function ExportProgressView({ state, dialogTestId, t }) {
 function BulkSummary(props) {
 	const loaded = require_check_confirm_dialog.useLoaded(require_check_confirm_dialog.loadBulkSummary);
 	const t = (0, _burojs_react.useOptionalT)();
+	const chromeT = (0, _burojs_react.useChromeT)();
 	const failed = (retry) => (0, react_jsx_runtime.jsxs)("div", {
 		role: "alert",
 		className: "flex items-center gap-2 text-sm",
@@ -4844,7 +4916,7 @@ function BulkSummary(props) {
 			size: "sm",
 			variant: "outline",
 			onClick: retry,
-			children: require_check_confirm_dialog.text(t, "actions.retry", "Retry")
+			children: chromeT("actions.retry", { defaultValue: "Retry" })
 		})]
 	});
 	if (loaded.error !== void 0) return failed(loaded.retry);
@@ -4862,13 +4934,14 @@ function BulkFlowButton({ resource, actionName, ids, onSelectionChange }) {
 	const control = (0, _burojs_react.useFlowRowResolver)(resource)(actionName, void 0);
 	const chrome = require_check_confirm_dialog.useFlowChrome(resource, actionName);
 	const def = app.registry.get(resource);
-	const each = (0, react.useMemo)(() => {
+	const compiled = (0, react.useMemo)(() => {
 		try {
-			return def === void 0 ? false : (0, _burojs_core.compileFlow)(def, actionName).each;
+			return def === void 0 ? void 0 : (0, _burojs_core.compileFlow)(def, actionName);
 		} catch {
-			return false;
+			return;
 		}
 	}, [def, actionName]);
+	const each = compiled?.each ?? false;
 	const [running, setRunning] = (0, react.useState)(false);
 	const [summary, setSummary] = (0, react.useState)(null);
 	const testid = tid.bulkAction(resource, actionName);
@@ -4876,7 +4949,10 @@ function BulkFlowButton({ resource, actionName, ids, onSelectionChange }) {
 	const variant = chrome.destructive ? "destructive" : "outline";
 	const overLimit = each && ids.length > _burojs_core.BULK_EACH_LIMIT;
 	if (overLimit || control.state === "disabled") return (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DisabledAction, {
-		reason: overLimit ? require_check_confirm_dialog.text(t, "flow.bulkLimit", `Select at most ${_burojs_core.BULK_EACH_LIMIT}.`, { count: _burojs_core.BULK_EACH_LIMIT }) : control.reason,
+		reason: overLimit ? t("flow.bulkLimit", {
+			defaultValue: `Select at most ${_burojs_core.BULK_EACH_LIMIT}.`,
+			count: _burojs_core.BULK_EACH_LIMIT
+		}) : control.reason,
 		label: chrome.label,
 		icon: chrome.icon,
 		testid,
@@ -4938,14 +5014,15 @@ function BulkFlowButton({ resource, actionName, ids, onSelectionChange }) {
 						actionName,
 						label: chrome.labelText,
 						total: summary.total,
-						progress: summary.progress
+						progress: summary.progress,
+						texts: compiled?.flow.texts
 					}),
 					(0, react_jsx_runtime.jsx)(require_dialog.DialogFooter, { children: (0, react_jsx_runtime.jsx)(require_button.Button, {
 						type: "button",
 						variant: "outline",
 						"data-testid": `${tid.bulkSummary(resource, actionName)}:close`,
 						onClick: () => setSummary(null),
-						children: require_check_confirm_dialog.text(t, "flow.close", "Close")
+						children: t("flow.close", { defaultValue: "Close" })
 					}) })
 				]
 			})
@@ -4961,10 +5038,12 @@ function orderBulkActions(actions) {
 		seq: index
 	})).sort((a, b) => a.weight - b.weight || a.seq - b.seq).map(({ action }) => action);
 }
-function BulkActionToolbar({ resource, table, selectedRecords, selectedIds, onClearSelection, onSelectionChange, className, visibleColumns, scope }) {
+function BulkActionToolbar({ resource: resourceInput, table, selectedRecords, selectedIds, onClearSelection, onSelectionChange, className, visibleColumns, scope, actions }) {
+	const resource = (0, _burojs_core.routeResourceKey)(resourceInput);
 	const app = (0, _burojs_react.useApp)();
 	const tid = (0, _burojs_react.useTestIds)();
 	const t = (0, _burojs_react.useOptionalT)();
+	const chromeT = (0, _burojs_react.useChromeT)();
 	const def = app.registry.get(resource);
 	const records = selectedRecords ?? (table ? table.getFilteredSelectedRowModel().rows.map((r) => r.original) : []);
 	const ids = selectedIds ?? records.map((record) => record.id);
@@ -4997,7 +5076,8 @@ function BulkActionToolbar({ resource, table, selectedRecords, selectedIds, onCl
 					className: "mx-0.5 h-6 w-px bg-border",
 					"aria-hidden": "true"
 				}),
-				bulkActions.map((action) => (0, react_jsx_runtime.jsx)(BulkFlowButton, {
+				actions !== void 0 ? actions : null,
+				actions === void 0 && bulkActions.map((action) => (0, react_jsx_runtime.jsx)(BulkFlowButton, {
 					resource,
 					actionName: action.name,
 					ids,
@@ -5006,7 +5086,7 @@ function BulkActionToolbar({ resource, table, selectedRecords, selectedIds, onCl
 						else if (next.length === 0) handleClear();
 					}
 				}, action.name)),
-				(0, react_jsx_runtime.jsx)(BulkExportButton, {
+				actions === void 0 && (0, react_jsx_runtime.jsx)(BulkExportButton, {
 					resource,
 					ids,
 					visibleColumns: visibleColumns ?? [],
@@ -5023,7 +5103,7 @@ function BulkActionToolbar({ resource, table, selectedRecords, selectedIds, onCl
 						"aria-hidden": "true"
 					}), (0, react_jsx_runtime.jsx)("span", {
 						className: "hidden sm:inline",
-						children: t("actions.clearSelection", { defaultValue: "Clear" })
+						children: chromeT("actions.clearSelection", { defaultValue: "Clear" })
 					})]
 				})
 			]
@@ -5083,12 +5163,36 @@ function BulkExportButtonActive({ resource, ids, visibleColumns, scope }) {
 }
 //#endregion
 //#region src/list-kit/pieces/list-bulk-bar.tsx
+function LinkDetachBulkButton(props) {
+	const { selection } = (0, _burojs_react.useResourceListContext)();
+	const { resource } = useListSurface();
+	const t = (0, _burojs_react.useOptionalT)();
+	const [busy, setBusy] = (0, react.useState)(false);
+	return (0, react_jsx_runtime.jsxs)(require_button.Button, {
+		type: "button",
+		size: "sm",
+		variant: "ghost",
+		className: "h-8 gap-1.5 rounded-full px-2.5 text-destructive",
+		disabled: busy,
+		"data-testid": `list-link-detach-bulk:${resource}`,
+		onClick: () => {
+			setBusy(true);
+			props.onDetach(selection.records).finally(() => setBusy(false));
+		},
+		children: [(0, react_jsx_runtime.jsx)(_tabler_icons_react.IconUnlink, {
+			className: "size-4",
+			"aria-hidden": "true"
+		}), t("field.link.detach", { defaultValue: "Detach" })]
+	});
+}
 function ListBulkBarView() {
 	usePieceMount("bulk-bar");
 	const { selection, columns, scope } = (0, _burojs_react.useResourceListContext)();
-	const { resource, tableView, readOnly } = useListSurface();
-	if (!tableView || readOnly || selection.ids.length === 0) return null;
+	const { resource, tableView, readOnly, linkEditing } = useListSurface();
+	const detach = readOnly ? linkEditing?.detach : void 0;
+	if (!tableView || readOnly && detach === void 0 || selection.ids.length === 0) return null;
 	return (0, react_jsx_runtime.jsx)(BulkActionToolbar, {
+		...detach === void 0 ? {} : { actions: (0, react_jsx_runtime.jsx)(LinkDetachBulkButton, { onDetach: detach.onDetach }) },
 		resource,
 		selectedRecords: selection.records,
 		selectedIds: selection.ids,
@@ -5177,7 +5281,8 @@ function DataTableViewOptions({ table, getColumnLabel, isColumnRequired, getTest
 }
 //#endregion
 //#region src/list-kit/columns-toggle.tsx
-function ColumnsToggle({ resource, def, allAvailable, required, visibleColumns, defaultVisible, onChange, onResetSizes, onRestoreDefaults }) {
+function ColumnsToggle({ resource: resourceInput, def, allAvailable, required, visibleColumns, defaultVisible, onChange, onResetSizes, onRestoreDefaults }) {
+	const resource = (0, _burojs_core.routeResourceKey)(resourceInput);
 	const t = (0, _burojs_react.useT)();
 	const columnsCaps = (0, _burojs_react.useI18nCaps)(resource);
 	const app = (0, _burojs_react.useApp)();
@@ -5284,12 +5389,16 @@ function ListColumnsView() {
 const ListColumns = listPiece("ListColumns", ListColumnsView);
 //#endregion
 //#region src/resource/create-button.tsx
-function CreateButton({ resource, href, testid, size = "sm", variant, label, className, onOpen }) {
+function CreateButton({ resource: resourceInput, href, testid, size = "sm", variant, label, className, onOpen }) {
+	const resource = (0, _burojs_core.routeResourceKey)(resourceInput);
 	const t = (0, _burojs_react.useOptionalT)();
 	const Link = require_toaster.useLinkComponent();
 	const availability = (0, _burojs_react.useAvailability)(resource, "create");
 	const gate = (0, _burojs_react.useEntryGate)();
-	const text = label ?? t("actions.create", { defaultValue: "Create" });
+	const text = label ?? t("actions.create", {
+		resource,
+		defaultValue: "Create"
+	});
 	if (onOpen !== void 0) {
 		const answer = gate(resource, "create");
 		if (answer.state === "disabled") return (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DisabledAction, {
@@ -5360,7 +5469,8 @@ const ListCreate = listPiece("ListCreate", ListCreateView);
 //#endregion
 //#region src/export/export-button.tsx
 const warnedProviderQueryResources = new Set();
-function ExportButton({ resource, className }) {
+function ExportButton({ resource: resourceInput, className }) {
+	const resource = (0, _burojs_core.routeResourceKey)(resourceInput);
 	if (!((0, _burojs_react.useOptionalDataRuntime)() !== null)) return null;
 	return (0, react_jsx_runtime.jsx)(ExportButtonActive, {
 		resource,
@@ -5381,36 +5491,19 @@ function ExportButtonActive({ resource, className }) {
 	const tid = (0, _burojs_react.useTestIds)();
 	const t = (0, _burojs_react.useOptionalT)();
 	const [open, setOpen] = react.useState(false);
-	const searchContext = react.useMemo(() => ({
-		resource,
-		def: list.def
-	}), [resource, list.def]);
+	const sent = list.query.sent;
 	const target = react.useMemo(() => {
-		const filter = (0, _burojs_core.composeListFilter)({
-			fixed: list.filters.fixed,
-			pinned: list.filters.value,
-			group: list.filters.group,
-			search: list.filters.search,
-			searchDecl: list.filters.searchEnabled ? list.filters.searchDecl ?? list.def?.views?.list?.search : void 0,
-			searchContext
-		});
-		const sort = list.sorting.value;
+		if (sent === null) return null;
+		const { filter, sort } = sent;
 		return {
 			kind: "filter",
 			...filter === void 0 ? {} : { filter },
 			...sort.length > 0 ? { sort } : {}
 		};
-	}, [
-		list.filters.fixed,
-		list.filters.value,
-		list.filters.group,
-		list.filters.search,
-		list.filters.searchDecl,
-		list.filters.searchEnabled,
-		list.def,
-		searchContext,
-		list.sorting.value
-	]);
+	}, [sent]);
+	const lastTarget = react.useRef(target);
+	if (target !== null) lastTarget.current = target;
+	const dialogTarget = target ?? lastTarget.current;
 	react.useEffect(() => {
 		if (!available || !capability.allowed) return;
 		if (list.providerQuery.value === void 0) return;
@@ -5424,7 +5517,9 @@ function ExportButtonActive({ resource, className }) {
 		resource
 	]);
 	if (!available || !capability.allowed || list.isForbidden) return null;
-	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(require_button.Button, {
+	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, {
 		type: "button",
 		variant: "outline",
 		size: "icon",
@@ -5443,7 +5538,7 @@ function ExportButtonActive({ resource, className }) {
 		open,
 		onOpenChange: setOpen,
 		resource,
-		target,
+		target: dialogTarget,
 		visibleColumns: list.columns.visible,
 		estimatedCount: list.pagination.total,
 		scope: list.scope
@@ -5461,8 +5556,9 @@ function ListExportView() {
 const ListExport = listPiece("ListExport", ListExportView);
 //#endregion
 //#region src/list-kit/list-search-input.tsx
-function ListSearchInput({ resource, label, value, onCommit, placeholder }) {
-	const t = (0, _burojs_react.useT)();
+function ListSearchInput({ resource: resourceInput, value, onCommit, placeholder }) {
+	const resource = (0, _burojs_core.routeResourceKey)(resourceInput);
+	const caps = (0, _burojs_react.useI18nCaps)(resource);
 	const [text, setText] = (0, react.useState)(value);
 	const lastPushedRef = (0, react.useRef)(value);
 	const timerRef = (0, react.useRef)(null);
@@ -5477,7 +5573,7 @@ function ListSearchInput({ resource, label, value, onCommit, placeholder }) {
 	}, []);
 	return (0, react_jsx_runtime.jsx)(require_input.Input, {
 		type: "search",
-		placeholder: placeholder ?? t("toolbar.searchBy", { params: { name: label } }),
+		placeholder: placeholder ?? (0, _burojs_core.resolveContentSlot)(caps, ["list.search"]) ?? "Search",
 		value: text,
 		"data-testid": `list-search:${resource}`,
 		className: "h-8 w-full min-[420px]:w-72",
@@ -5495,24 +5591,18 @@ function ListSearchInput({ resource, label, value, onCommit, placeholder }) {
 //#endregion
 //#region src/list-kit/filter-builder/filter-region.tsx
 function FilterRegion({ search } = {}) {
-	const { resource, def, filters, pagination, access } = (0, _burojs_react.useResourceListContext)();
-	const t = (0, _burojs_react.useT)();
-	const listCaps = (0, _burojs_react.useI18nCaps)(resource);
+	const { resource, def, filters, pagination } = (0, _burojs_react.useResourceListContext)();
+	const chromeT = (0, _burojs_react.useChromeT)();
 	const testIdBase = `list-filter:${resource}`;
+	const caps = (0, _burojs_react.useI18nCaps)(resource);
+	const placeholder = search === void 0 ? (0, _burojs_core.resolveContentSlot)(caps, ["list.searchPlaceholder", "list.search"]) ?? "Search" : void 0;
 	const searchDecl = search === void 0 ? def?.views?.list?.search : search ?? void 0;
-	const searchField = searchDecl !== void 0 && typeof searchDecl !== "function" ? (() => {
-		return searchDecl.fields.map((entry) => typeof entry === "string" ? entry : entry.field).find((name) => access.fieldVisible(name));
-	})() : void 0;
-	const searchGenericLabel = (0, _burojs_core.resolveContentSlot)(listCaps, ["list.search"]) ?? "Search";
-	const searchLabel = searchField ? (0, _burojs_core.resolveFieldLabel)(listCaps, searchField, (0, _burojs_core.declaredText)("field", def?.fields[searchField], "label")) : searchGenericLabel;
-	const searchPlaceholder = searchField ? t("toolbar.searchBy", { params: { name: searchLabel } }) : searchGenericLabel;
 	return (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex flex-wrap items-center gap-2",
 		children: [
 			searchDecl !== void 0 && filters.searchEnabled && (0, react_jsx_runtime.jsx)(ListSearchInput, {
 				resource,
-				label: searchLabel,
-				placeholder: searchPlaceholder,
+				...placeholder === void 0 ? {} : { placeholder },
 				value: filters.search,
 				onCommit: (v) => {
 					pagination.setPage(1);
@@ -5524,19 +5614,21 @@ function FilterRegion({ search } = {}) {
 				setGroup: filters.setGroup,
 				available: filters.available,
 				fixed: filters.fixed,
+				presets: filters.presets,
+				setPreset: filters.setPreset,
 				pinnedFields: filters.pinnedFields,
 				pinnedValue: filters.value,
 				setPinnedValue: filters.set,
 				setPage: pagination.setPage,
 				testIdBase
 			}),
-			filters.isFiltered && (0, react_jsx_runtime.jsx)(require_button.Button, {
+			filters.canReset && (0, react_jsx_runtime.jsx)(require_button.Button, {
 				type: "button",
 				variant: "ghost",
 				size: "sm",
 				"data-testid": `${testIdBase}:clear-all`,
-				onClick: filters.clearAll,
-				children: t("filters.clearAll")
+				onClick: filters.reset,
+				children: chromeT("filters.clearAll")
 			})
 		]
 	});
@@ -5666,6 +5758,7 @@ function ViewItem({ view, caps, resource, onClick, testid }) {
 	});
 }
 function EntryRow({ entry, onApply, onRename, onFork, onDelete, forkAvailable, applyTestId, renameTestId, forkTestId, deleteTestId, tr }) {
+	const chromeT = (0, _burojs_react.useChromeT)();
 	const canRename = entry.permissions.update && onRename !== void 0;
 	const canFork = forkAvailable && entry.permissions.fork && onFork !== void 0;
 	const canDelete = entry.permissions.remove && onDelete !== void 0;
@@ -5711,8 +5804,8 @@ function EntryRow({ entry, onApply, onRename, onFork, onDelete, forkAvailable, a
 			canDelete && (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
 				onClick: onDelete,
-				"aria-label": tr("actions.delete", "Delete"),
-				title: tr("actions.delete", "Delete"),
+				"aria-label": chromeT("actions.delete", { defaultValue: "Delete" }),
+				title: chromeT("actions.delete", { defaultValue: "Delete" }),
 				"data-testid": deleteTestId,
 				className: "shrink-0 rounded-sm p-1 text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
 				children: (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconTrash, {
@@ -5752,7 +5845,8 @@ function groupByScope(entries) {
 	}
 	return order.map((id) => byId.get(id));
 }
-function SavedViewsDropdown({ resource, adopterViews, entries, issues = [], onApply, onSaveCurrent, canSaveCurrent = true, onManage, onRenameEntry, onDeleteEntry, onForkEntry, canFork = true, getTestId, triggerLabel = "Views", iconOnly = false, triggerClassName = "h-9", popoverContentClassName = "w-64 p-1", popoverAlign = "start" }) {
+function SavedViewsDropdown({ resource: resourceInput, adopterViews, entries, issues = [], onApply, onSaveCurrent, canSaveCurrent = true, onManage, onRenameEntry, onDeleteEntry, onForkEntry, canFork = true, getTestId, triggerLabel = "Views", iconOnly = false, triggerClassName = "h-9", popoverContentClassName = "w-64 p-1", popoverAlign = "start" }) {
+	const resource = resourceInput === void 0 ? void 0 : (0, _burojs_core.routeResourceKey)(resourceInput);
 	const t = (0, _burojs_react.useOptionalT)();
 	const caps = (0, _burojs_react.useI18nCaps)(resource);
 	const tr = (key, fallback) => t?.(key, { defaultValue: fallback }) ?? fallback;
@@ -5966,9 +6060,10 @@ function useOptionalFrameChrome() {
 //#endregion
 //#region src/record/frame-pieces.tsx
 function useFrameId() {
-	const { recordId, record } = (0, _burojs_react.useRecordFrame)();
+	const { resource, recordId, record } = (0, _burojs_react.useRecordFrame)();
+	const def = (0, _burojs_react.useApp)().registry.get(resource);
 	if (recordId !== void 0) return recordId;
-	const id = record?.id;
+	const id = (0, _burojs_react.recordKeyOf)(def, record);
 	return typeof id === "string" || typeof id === "number" ? String(id) : void 0;
 }
 function RecordTitleView() {
@@ -5979,7 +6074,7 @@ function RecordTitleView() {
 	const t = (0, _burojs_react.useOptionalT)();
 	const title = (0, _burojs_react.useRecordTitle)(resource, mode === "create" ? void 0 : id, record);
 	if (useFrameChrome().hostTitle === true) return null;
-	const text = mode === "create" ? t("pageHeader.createTitle", { params: { label: (0, _burojs_core.resolveResourceLabel)(caps, resource, "single", app.registry.get(resource)) } }) : title;
+	const text = mode === "create" ? resolveResourceTitle(caps, t, resource, "createTitle", { label: (0, _burojs_core.resolveResourceLabel)(caps, resource, "single", app.registry.get(resource)) }) : title;
 	if (text === "") return null;
 	return (0, react_jsx_runtime.jsx)("h2", {
 		className: "min-w-0 break-words text-xl font-semibold tracking-tight",
@@ -6003,6 +6098,7 @@ function RecordActionsView() {
 			resource,
 			record: row,
 			surface: mode,
+			sources: controller.sources,
 			...holder === void 0 ? {} : { hideFlows: (name) => holder.suppressed(name) }
 		}), mode === "show" ? extraActions : null]
 	});
@@ -6032,8 +6128,15 @@ function FormActionsView() {
 	const app = (0, _burojs_react.useApp)();
 	const navigate = (0, _burojs_react.useRouteNavigate)();
 	const t = (0, _burojs_react.useOptionalT)();
+	const chromeT = (0, _burojs_react.useChromeT)();
+	const caps = (0, _burojs_react.useI18nCaps)();
+	const labelCaps = (0, _burojs_react.useI18nCaps)(resource);
 	const tid = (0, _burojs_react.useTestIds)();
 	const id = useFrameId();
+	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 fieldDefs = app.registry.get(resource)?.fields;
 	if (mode === "show") return null;
 	const busy = controller.isSubmitting;
 	const cancel = () => {
@@ -6057,21 +6160,43 @@ function FormActionsView() {
 	const text = (issue) => (0, _burojs_react.resolveValidationMessage)({
 		code: issue.code ?? "",
 		message: issue.message,
-		...issue.params === void 0 ? {} : { params: issue.params }
-	}, { t });
+		...issue.check === void 0 ? {} : { check: issue.check }
+	}, {
+		has: caps.has,
+		t: caps.t
+	});
 	const retryable = [];
 	for (const issue of controller.checkOutcome?.blockers ?? []) {
-		const checkId = issue.params?.checkId;
-		if (issue.params?.cause === void 0 || typeof checkId !== "string") continue;
+		const checkId = issue.check?.id;
+		if (issue.check?.cause === void 0 || typeof checkId !== "string") continue;
 		if (!retryable.includes(checkId)) retryable.push(checkId);
 	}
-	const failure = chrome.submitError === void 0 ? void 0 : failureText(chrome.submitError, t);
+	const failure = chrome.submitError === void 0 ? void 0 : failureText(chrome.submitError, chrome.submitApplied, t, caps);
+	const serverIssues = bySeverity(alertIssues).map((issue) => {
+		const head = issue.path[0];
+		const name = typeof head === "string" ? head : void 0;
+		const declared = name === void 0 ? void 0 : fieldDefs?.[name];
+		const message = (0, _burojs_react.resolveValidationMessage)({
+			code: issue.code,
+			message: issue.message,
+			...issue.check === void 0 ? {} : { check: issue.check }
+		}, {
+			has: caps.has,
+			t: caps.t,
+			...declared === void 0 ? {} : { fieldKey: `resources.${resource}.fields.${name}` }
+		});
+		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];
 	return (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex flex-col gap-3",
 		children: [
-			failure === void 0 && formErrors.length === 0 ? null : (0, react_jsx_runtime.jsxs)("div", {
+			failure === void 0 && formErrors.length === 0 && serverIssues.length === 0 ? null : (0, react_jsx_runtime.jsxs)("div", {
 				role: "alert",
 				className: "flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive",
 				children: [
@@ -6081,10 +6206,22 @@ function FormActionsView() {
 					}),
 					(0, react_jsx_runtime.jsxs)("div", {
 						className: "leading-snug",
-						children: [failure === void 0 ? null : (0, react_jsx_runtime.jsx)("p", {
-							className: "font-medium",
-							children: failure
-						}), formErrors.map((issue) => (0, react_jsx_runtime.jsx)("p", { children: text(issue) }, issueKey(issue)))]
+						children: [
+							failure === void 0 ? null : (0, react_jsx_runtime.jsx)("p", {
+								className: "font-medium",
+								children: failure
+							}),
+							serverIssues.map((issue, index) => (0, react_jsx_runtime.jsxs)("p", {
+								"data-testid": `form-server-issue:${resource}:${mode}:${index}`,
+								"data-buro-severity": issue.severity,
+								className: issue.severity === "error" ? void 0 : "text-warning-emphasis",
+								children: [issue.label === void 0 ? null : (0, react_jsx_runtime.jsxs)("span", {
+									className: "font-medium",
+									children: [issue.label, ": "]
+								}), issue.message]
+							}, index)),
+							formErrors.map((issue) => (0, react_jsx_runtime.jsx)("p", { children: text(issue) }, issueKey(issue)))
+						]
 					}),
 					failure !== void 0 && steps !== null ? (0, react_jsx_runtime.jsx)(require_button.Button, {
 						type: "button",
@@ -6093,7 +6230,7 @@ function FormActionsView() {
 						className: "ml-auto",
 						onMouseDown: (event) => event.preventDefault(),
 						onClick: () => void chrome.submit(),
-						children: t("actions.retry", { defaultValue: "Retry" })
+						children: chromeT("actions.retry", { defaultValue: "Retry" })
 					}) : null
 				]
 			}),
@@ -6105,7 +6242,7 @@ function FormActionsView() {
 					size: "sm",
 					"data-testid": `form-check-retry:${checkId}`,
 					onClick: () => void controller.revalidate(),
-					children: t("actions.retry", { defaultValue: "Retry" })
+					children: chromeT("actions.retry", { defaultValue: "Retry" })
 				}, checkId))
 			}),
 			formWarnings.length === 0 ? null : (0, react_jsx_runtime.jsxs)("div", {
@@ -6131,7 +6268,7 @@ function FormActionsView() {
 						children: [(0, react_jsx_runtime.jsx)(_tabler_icons_react.IconLoader2, {
 							className: "h-3.5 w-3.5 animate-spin",
 							"aria-hidden": "true"
-						}), (0, react_jsx_runtime.jsx)("span", { children: t("actions.validating", { defaultValue: "Validating…" }) })]
+						}), (0, react_jsx_runtime.jsx)("span", { children: chromeT("actions.validating", { defaultValue: "Validating…" }) })]
 					}) : null,
 					(0, react_jsx_runtime.jsx)(require_button.Button, {
 						type: "button",
@@ -6139,7 +6276,7 @@ function FormActionsView() {
 						onClick: cancel,
 						onMouseDown: (event) => event.preventDefault(),
 						"data-testid": tid.formCancel(resource, mode),
-						children: t("actions.cancel", { defaultValue: "Cancel" })
+						children: chromeT("actions.cancel", { defaultValue: "Cancel" })
 					}),
 					midSteps ? null : (0, react_jsx_runtime.jsxs)(require_button.Button, {
 						type: "submit",
@@ -6156,37 +6293,71 @@ function FormActionsView() {
 						children: [busy ? (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconLoader2, {
 							className: "mr-2 h-4 w-4 animate-spin",
 							"aria-hidden": "true"
-						}) : null, busy ? mode === "edit" ? t("actions.saving", { defaultValue: "Saving…" }) : t("actions.creating", { defaultValue: "Creating…" }) : chrome.submitLabel ?? (mode === "edit" ? t("actions.save", { defaultValue: "Save" }) : t("actions.create", { defaultValue: "Create" }))]
+						}) : null, busy ? mode === "edit" ? chromeT("actions.saving", { defaultValue: "Saving…" }) : chromeT("actions.creating", { defaultValue: "Creating…" }) : chrome.submitLabel ?? (mode === "edit" ? chromeT("actions.save", { defaultValue: "Save" }) : chromeT("actions.create", { defaultValue: "Create" }))]
 					})
 				]
 			})
 		]
 	});
 }
+const NO_ALERT_ISSUES = Object.freeze([]);
+const SEVERITY_RANK = {
+	error: 0,
+	warning: 1,
+	info: 2
+};
+function bySeverity(issues) {
+	return [...issues].sort((a, b) => (SEVERITY_RANK[a.severity] ?? 3) - (SEVERITY_RANK[b.severity] ?? 3));
+}
 function firstPreferred(issues) {
-	const first = issues.find((issue) => issue.params?.checkId === void 0) ?? issues[0];
+	const first = issues.find((issue) => issue.check?.id === void 0) ?? issues[0];
 	return first === void 0 ? [] : [first];
 }
 function issueKey(issue) {
 	return JSON.stringify([
 		issue.code ?? "",
 		issue.message.key,
-		issue.params ?? null
+		issue.check?.id ?? null
 	]);
 }
-function failureText(error, t) {
-	const friendly = require_toaster.toFriendlyError(safeMessage(error), void 0, require_toaster.friendlyStringsFrom(t));
-	return friendly.replaced ? friendly.title : t("errors.failed", { defaultValue: "Failed" });
+function failureText(error, settled, t, caps) {
+	const texts = require_toaster.technicalTexts(error).filter((text) => text.length <= 1024);
+	const strings = require_toaster.friendlyStringsFrom(t);
+	const friendly = texts.map((text) => require_toaster.toFriendlyError(text, void 0, strings)).find((f) => f.replaced) ?? require_toaster.toFriendlyError(texts[0], void 0, strings);
+	const applied = settled ?? ownDataProperty(error, "applied");
+	if (applied === "partial" || applied === "unknown") {
+		const key = applied === "partial" ? "errors.partlyApplied" : "errors.mayHaveBeenApplied";
+		const sentence = caps.has(key) ? caps.t(key) : applied === "partial" ? "Part of this may have been saved. Check the record before trying again." : "It may have been saved. Check the record before trying again.";
+		const lead = texts.some(require_toaster.isNetworkFailure) ? strings.offline : "";
+		return lead === "" ? sentence : `${lead} ${sentence}`;
+	}
+	const code = ownDataProperty(error, "code");
+	const kind = ownDataProperty(error, "kind");
+	const hasOwnSentence = typeof code === "string" && typeof kind === "string" && kind !== "transport" && Object.hasOwn(_burojs_react.RECORD_KIND_KEYS, kind);
+	const message = ownDataProperty(error, "message");
+	if (friendly.replaced && !hasOwnSentence) return (typeof code === "string" ? (0, _burojs_react.specificErrorText)({
+		code,
+		...isMessageReference(message) ? { message } : {}
+	}, caps, { record: true }) : void 0) ?? friendly.title;
+	if (typeof code !== "string") return strings.title;
+	const reference = {
+		code,
+		...isMessageReference(message) ? { message } : {}
+	};
+	return (0, _burojs_react.specificErrorText)(reference, caps, { record: true }) ?? (typeof kind === "string" ? (0, _burojs_react.kindErrorText)(kind, caps, { record: true }) : void 0) ?? strings.title;
 }
-function safeMessage(error) {
+function ownDataProperty(error, name) {
 	if (error === null || typeof error !== "object") return void 0;
 	try {
-		const descriptor = Object.getOwnPropertyDescriptor(error, "message");
-		return descriptor !== void 0 && "value" in descriptor && typeof descriptor.value === "string" && descriptor.value.length <= 1024 ? descriptor.value : void 0;
+		const descriptor = Object.getOwnPropertyDescriptor(error, name);
+		return descriptor !== void 0 && "value" in descriptor ? descriptor.value : void 0;
 	} catch {
 		return;
 	}
 }
+function isMessageReference(value) {
+	return value !== null && typeof value === "object" && typeof value.key === "string";
+}
 function inlineFlowNames(screen, plan) {
 	if (screen === null) return [];
 	const names = [];
@@ -6459,31 +6630,35 @@ function PlannedFrame(props) {
 		})
 	}, name);
 	const { PlacementScope } = page;
+	const claimedRoute = (0, react.useContext)(_burojs_react.RouteSourceContext);
 	const itemNode = page.plan.slots.item?.[0];
 	const item = (0, react.useMemo)(() => itemNode === void 0 ? void 0 : itemHandle(itemNode), [itemNode]);
 	return (0, react_jsx_runtime.jsx)(_burojs_react.RouteSourceContext.Provider, {
 		value: null,
-		children: (0, react_jsx_runtime.jsx)(PlacementScope, { children: (0, react_jsx_runtime.jsx)(ScreenTreeScope, {
-			resource,
-			mode: "show",
-			compiled,
-			page,
-			children: (0, react_jsx_runtime.jsx)(ListItemContext.Provider, {
-				value: item,
-				children: (0, react_jsx_runtime.jsx)(FrameView, {
-					resource,
-					compiled,
-					slots
+		children: (0, react_jsx_runtime.jsx)(_burojs_react.ActionRouteContext.Provider, {
+			value: claimedRoute,
+			children: (0, react_jsx_runtime.jsx)(PlacementScope, { children: (0, react_jsx_runtime.jsx)(ScreenTreeScope, {
+				resource,
+				mode: "show",
+				compiled,
+				page,
+				children: (0, react_jsx_runtime.jsx)(ListItemContext.Provider, {
+					value: item,
+					children: (0, react_jsx_runtime.jsx)(FrameView, {
+						resource,
+						compiled,
+						slots
+					})
 				})
-			})
-		}) })
+			}) })
+		})
 	});
 }
 function ListFrameHost({ resource }) {
 	const compiled = useCompiledListScreen(resource);
 	const hasDataRuntime = (0, _burojs_react.useOptionalDataRuntime)() !== null;
 	const { def } = (0, _burojs_react.useResourceListContext)();
-	const rowsView = (def?.views?.list)?.view ?? "table";
+	const rowsView = def?.views?.list?.initial?.view ?? "table";
 	if (compiled === null) return (0, react_jsx_runtime.jsx)(Arrangement, {});
 	if (compiled.nodes.length === 0 && rowsView === "table") {
 		const empty = {};
@@ -6502,8 +6677,12 @@ function ListFrameHost({ resource }) {
 }
 //#endregion
 //#region src/list-kit/resource-list-surface.tsx
-const RelatedCards = (0, react.lazy)(async () => ({ default: (await Promise.resolve().then(() => require("./related-list-cards-CFq3meUn.cjs"))).RelatedCards }));
-const RelatedTimeline = (0, react.lazy)(async () => ({ default: (await Promise.resolve().then(() => require("./related-list-timeline-CCzl71aA.cjs"))).RelatedTimeline }));
+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 }));
 function discriminatorOptionLabel(field, value) {
 	const text = (0, _burojs_core.fieldOptionText)(field, value);
 	if (text !== void 0) return text;
@@ -6511,10 +6690,17 @@ function discriminatorOptionLabel(field, value) {
 	const label = (Array.isArray(declared?.options) ? declared.options : Array.isArray(declared?.meta?.options) ? declared.meta.options : []).find((option) => option?.value === value)?.label;
 	return typeof label === "string" ? label : value;
 }
-function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize, search: searchField, columns: columnNames, open, title, scope, view, item, placementKey, onCreate, count: countPolicy, rowTarget, readOnly, exportable, meta, renderCell, emptyState }) {
+function declaredInitialSort(def) {
+	return def?.views?.list?.initial?.sort;
+}
+function declaredRouteView(def) {
+	return def?.views?.list?.initial?.view;
+}
+function ResourceListSurface({ resource, variant, state, fixedFilters, initial, search: searchField, columns: columnEntries, open, title, empty, scope, view, item, placementKey, onCreate, count: countPolicy, rowTarget, readOnly, linkEditing, exportable, layoutId, meta, renderCell, emptyState }) {
 	const route = variant === "route";
 	const t = (0, _burojs_react.useT)();
 	const optionalT = (0, _burojs_react.useOptionalT)();
+	const chromeT = (0, _burojs_react.useChromeT)();
 	const tid = (0, _burojs_react.useTestIds)();
 	const listCaps = (0, _burojs_react.useI18nCaps)(resource);
 	const RouteFiltersSlot = require_check_confirm_dialog.useListSlot("filters", resource);
@@ -6529,17 +6715,45 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 		console.error(`[burojs] list.body-removed: list.body.${require_check_confirm_dialog.canonicalResourceName(resource)} is no longer rendered; a whole-body override is a list frame (views.list.frame).`);
 	}, [removedBody, resource]);
 	const searchDecl = (0, react.useMemo)(() => searchField === void 0 ? void 0 : { fields: [searchField] }, [searchField]);
-	const list = (0, _burojs_react.useResourceList)(resource, route ? { meta } : {
+	const appRegistry = (0, _burojs_react.useApp)().registry;
+	const effectiveView = route ? declaredRouteView(appRegistry.get(resource)) ?? "table" : view ?? "table";
+	const timeline = effectiveView === "timeline";
+	const initialKey = JSON.stringify(initial ?? null);
+	const placementInitial = (0, react.useMemo)(() => route ? void 0 : {
+		...initial,
+		filters: initial?.filters ?? NO_INITIAL_FILTERS
+	}, [route, initialKey]);
+	const timelineAxis = (placementInitial?.sort ?? declaredInitialSort(appRegistry.get(resource)))?.[0]?.field;
+	const columnNames = (0, react.useMemo)(() => columnEntries?.map(_burojs_core.columnName), [columnEntries]);
+	const list = (0, _burojs_react.useResourceList)(resource, route ? {
+		meta,
+		...timeline ? { timeline } : {}
+	} : {
+		...timeline ? { timeline } : {},
 		...state === void 0 ? {} : { state },
 		...fixedFilters === void 0 ? {} : { fixedFilters },
-		...pageSize === void 0 ? {} : { pageSize },
+		...placementInitial === void 0 ? {} : { initial: placementInitial },
 		...searchDecl === void 0 ? {} : { search: searchDecl },
-		...columnNames === void 0 ? {} : { columns: columnNames },
+		...columnEntries === void 0 ? {} : { columns: columnEntries },
 		...scope === void 0 ? {} : { scope },
 		...countPolicy === void 0 ? {} : { countPolicy }
 	});
 	const { def, query, pagination, cursor, count, filters, sorting, columns, selection, savedViews, routing, live, droppedPredicates } = list;
 	(0, _burojs_react.policyRowsOf)(list, list.rows);
+	const selectionRef = (0, react.useRef)(selection);
+	selectionRef.current = selection;
+	const onDetach = linkEditing?.detach?.onDetach;
+	const surfaceLinkEditing = (0, react.useMemo)(() => onDetach === void 0 ? void 0 : { detach: { onDetach: async (detached) => {
+		const left = await onDetach(detached);
+		if (left.length > 0) {
+			const gone = new Set(left);
+			const current = selectionRef.current;
+			if (current.ids.some((id) => gone.has(id))) current.set(current.ids.filter((id) => !gone.has(id)));
+		}
+		return left;
+	} } }, [onDetach]);
+	const onAttach = linkEditing?.attach?.onAttach;
+	const attachBusy = linkEditing?.attach?.busy === true;
 	const hasDataRuntime = (0, _burojs_react.useOptionalDataRuntime)() !== null;
 	const scopeLabel = (scope) => scope.id === _burojs_react.LOCAL_USER_SCOPE_ID ? t("toolbar.viewsMyScope") : scope.label;
 	const createAvailable = (0, _burojs_react.useAvailability)(resource, "create").state === "available";
@@ -6587,7 +6801,6 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 		resource,
 		routing.rowHref
 	]);
-	const effectiveView = route ? (def?.views?.list)?.view ?? "table" : view ?? "table";
 	const tableView = effectiveView === "table";
 	const rowsViewFor = (0, react.useMemo)(() => tableView ? void 0 : (planned) => ({
 		skeleton: effectiveView === "cards" ? (0, react_jsx_runtime.jsx)(RelatedCardsSkeleton, {}) : (0, react_jsx_runtime.jsx)(RelatedTimelineSkeleton, {}),
@@ -6599,11 +6812,15 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 				item: route ? planned : item,
 				columns: route ? columns.visible : columnNames,
 				rowQuick,
-				rowHref
+				rowHref,
+				...empty === void 0 ? {} : { empty }
 			};
 			return (0, react_jsx_runtime.jsx)(react.Suspense, {
 				fallback: effectiveView === "cards" ? (0, react_jsx_runtime.jsx)(RelatedCardsSkeleton, {}) : (0, react_jsx_runtime.jsx)(RelatedTimelineSkeleton, {}),
-				children: effectiveView === "cards" ? (0, react_jsx_runtime.jsx)(RelatedCards, { ...common }) : (0, react_jsx_runtime.jsx)(RelatedTimeline, { ...common })
+				children: effectiveView === "cards" ? (0, react_jsx_runtime.jsx)(RelatedCards, { ...common }) : (0, react_jsx_runtime.jsx)(RelatedTimeline, {
+					...common,
+					axis: timelineAxis
+				})
 			});
 		}
 	}), [
@@ -6616,7 +6833,9 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 		columns.visible,
 		columnNames,
 		rowQuick,
-		rowHref
+		rowHref,
+		empty,
+		timelineAxis
 	]);
 	const pageTitle = (0, _burojs_core.resolveResourceLabel)(listCaps, resource, "plural", def);
 	const [saveOpen, setSaveOpen] = (0, react.useState)(false);
@@ -6698,6 +6917,10 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 			sonner.toast.error(t("toolbar.viewsForkFailed"));
 		}
 	};
+	const columnNamesDisplay = (col, field) => {
+		const resolved = list.columns.ui[col];
+		return resolved === void 0 ? declaresDisplay(field) : resolved.display.use !== void 0;
+	};
 	const renderCellLadder = (col, value, row) => {
 		if (def?.types && col === def.types.by) {
 			const raw = typeof value === "string" ? value : "";
@@ -6716,13 +6939,14 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 				children: label
 			});
 		}
+		const custom = (renderCell ?? CellSlot)?.(col, value, row);
+		if (custom !== void 0) return custom;
 		const fieldDef = def?.fields[col];
-		const enumName = fieldDef?.opts?.enum ?? fieldDef?.ui?.enum;
-		if (enumName && typeof value === "string") return (0, react_jsx_runtime.jsx)(EnumBadge, {
+		const enumName = (0, _burojs_core_internal.enumBindingKey)(fieldDef?.opts?.enum ?? fieldDef?.ui?.enum);
+		if (enumName && typeof value === "string" && !columnNamesDisplay(col, fieldDef)) return (0, react_jsx_runtime.jsx)(EnumBadge, {
 			enumName,
 			value
 		});
-		return (renderCell ?? CellSlot)?.(col, value, row);
 	};
 	const surface = {
 		resource,
@@ -6750,10 +6974,16 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 			}
 		},
 		rowsViewFor,
-		emptyState,
+		emptyState: empty !== void 0 && !list.filters.isFiltered && list.pagination.page <= 1 && (list.cursor === null || list.cursor.next === null) ? (0, react_jsx_runtime.jsx)("p", {
+			"data-buro-region": "empty",
+			className: "text-sm text-muted-foreground",
+			children: empty
+		}) : emptyState,
 		renderCell: renderCellLadder,
 		readOnly: readOnly === true,
-		exportable: exportable !== false
+		exportable: exportable !== false,
+		...layoutId === void 0 ? {} : { layoutId },
+		...surfaceLinkEditing === void 0 ? {} : { linkEditing: surfaceLinkEditing }
 	};
 	return (0, react_jsx_runtime.jsx)(_burojs_react.ResourceListProvider, {
 		value: list,
@@ -6766,22 +6996,44 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 						resource,
 						mode: "list",
 						title: pageTitle
-					}) : title === void 0 && onCreate === void 0 ? null : (0, react_jsx_runtime.jsxs)("div", {
+					}) : title === void 0 && onCreate === void 0 && onAttach === void 0 ? null : (0, react_jsx_runtime.jsxs)("div", {
 						className: "flex items-center justify-between gap-2",
-						children: [title === void 0 ? (0, react_jsx_runtime.jsx)("span", {}) : (0, react_jsx_runtime.jsx)("h3", {
-							className: "text-sm font-semibold",
-							children: title
-						}), onCreate === void 0 ? null : (0, react_jsx_runtime.jsxs)(require_button.Button, {
-							type: "button",
-							size: "sm",
-							variant: "outline",
-							"data-testid": `list-create:${resource}`,
-							onClick: onCreate,
-							children: [(0, react_jsx_runtime.jsx)(_tabler_icons_react.IconPlus, {
-								className: "mr-1 h-4 w-4",
-								"aria-hidden": "true"
-							}), optionalT("actions.create", { defaultValue: "Create" })]
-						})]
+						children: [
+							title === void 0 ? (0, react_jsx_runtime.jsx)("span", {}) : (0, react_jsx_runtime.jsx)("h3", {
+								className: "text-sm font-semibold",
+								children: title
+							}),
+							onAttach === void 0 ? null : (0, react_jsx_runtime.jsxs)(require_button.Button, {
+								type: "button",
+								size: "sm",
+								variant: "outline",
+								"data-testid": `list-link-attach:${resource}`,
+								onClick: onAttach,
+								disabled: attachBusy,
+								"aria-busy": attachBusy,
+								children: [attachBusy ? (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconLoader2, {
+									className: "mr-1 h-4 w-4 animate-spin",
+									"aria-hidden": "true"
+								}) : (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconLink, {
+									className: "mr-1 h-4 w-4",
+									"aria-hidden": "true"
+								}), optionalT("field.link.attach", { defaultValue: "Attach" })]
+							}),
+							onCreate === void 0 ? null : (0, react_jsx_runtime.jsxs)(require_button.Button, {
+								type: "button",
+								size: "sm",
+								variant: "outline",
+								"data-testid": `list-create:${resource}`,
+								onClick: onCreate,
+								children: [(0, react_jsx_runtime.jsx)(_tabler_icons_react.IconPlus, {
+									className: "mr-1 h-4 w-4",
+									"aria-hidden": "true"
+								}), optionalT("actions.create", {
+									resource,
+									defaultValue: "Create"
+								})]
+							})
+						]
 					}),
 					hasDataRuntime && (0, react_jsx_runtime.jsx)(ExportRunWatcherMount, {}),
 					droppedPredicates > 0 && (0, react_jsx_runtime.jsx)("p", {
@@ -6830,13 +7082,13 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 										variant: "outline",
 										onClick: () => setSaveOpen(false),
 										"data-testid": `list-saved-view-save-cancel:${resource}`,
-										children: t("actions.cancel")
+										children: chromeT("actions.cancel")
 									}), (0, react_jsx_runtime.jsx)(require_button.Button, {
 										type: "button",
 										onClick: handleSaveConfirm,
 										disabled: saveLabel.trim().length === 0,
 										"data-testid": `list-saved-view-save-confirm:${resource}`,
-										children: t("actions.save")
+										children: chromeT("actions.save")
 									})] })
 								]
 							})
@@ -6873,7 +7125,7 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 												variant: "outline",
 												onClick: () => handleDeleteUserView(entry.id),
 												"data-testid": `list-saved-view-manage-delete:${resource}:${entry.id}`,
-												children: t("actions.delete")
+												children: chromeT("actions.delete")
 											}) : (0, react_jsx_runtime.jsx)("span", {
 												className: "shrink-0 text-xs text-muted-foreground",
 												children: t("toolbar.viewsReadOnly")
@@ -6885,7 +7137,7 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 										variant: "outline",
 										onClick: () => setManageOpen(false),
 										"data-testid": `list-saved-view-manage-close:${resource}`,
-										children: t("actions.close")
+										children: chromeT("actions.close")
 									}) })
 								]
 							})
@@ -6918,13 +7170,13 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 											setRenameTarget(null);
 										},
 										"data-testid": `list-saved-view-rename-cancel:${resource}`,
-										children: t("actions.cancel")
+										children: chromeT("actions.cancel")
 									}), (0, react_jsx_runtime.jsx)(require_button.Button, {
 										type: "button",
 										onClick: handleRenameConfirm,
 										disabled: renameLabel.trim().length === 0,
 										"data-testid": `list-saved-view-rename-confirm:${resource}`,
-										children: t("actions.save")
+										children: chromeT("actions.save")
 									})] })
 								]
 							})
@@ -6959,7 +7211,7 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 											setForkTarget(null);
 										},
 										"data-testid": `list-saved-view-fork-cancel:${resource}`,
-										children: t("actions.cancel")
+										children: chromeT("actions.cancel")
 									}), (0, react_jsx_runtime.jsx)(require_button.Button, {
 										type: "button",
 										onClick: handleForkConfirm,
@@ -6982,6 +7234,582 @@ function ExportRunWatcherMount() {
 	return null;
 }
 //#endregion
+//#region src/fields/use-relation-picker.tsx
+const noop = () => void 0;
+function safeKey(input) {
+	if (input === void 0 || input === null) return void 0;
+	try {
+		return (0, _burojs_core.resourceKey)(input);
+	} catch {
+		return;
+	}
+}
+function sessionIdentity(runtime) {
+	const state = runtime.dataSession.getState();
+	const snapshot = state.status === "ready" ? state.snapshot : state.target;
+	const selection = snapshot.scope?.selection;
+	const partition = selection === void 0 ? snapshot.scopeKey : [snapshot.scopeKey, selection];
+	let scopeKey;
+	try {
+		scopeKey = JSON.stringify(partition) ?? "";
+	} catch {
+		scopeKey = String(snapshot.scopeKey);
+	}
+	return {
+		sessionKey: snapshot.sessionKey,
+		scopeKey
+	};
+}
+function PickerHost(props) {
+	const { register } = props;
+	react.useEffect(() => register(), [register]);
+	return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: props.children });
+}
+function useRelationPicker(options) {
+	const app = (0, _burojs_react.useApp)();
+	const runtime = (0, _burojs_react.useDataRuntime)();
+	const frame = (0, _burojs_react.useOptionalRecordFrame)();
+	const frames = (0, _burojs_react.useRecordScopeFrames)();
+	const multiple = options.multiple === true;
+	const fieldName = options.field;
+	let to;
+	let declaredBy;
+	let declaredCandidates;
+	if (fieldName !== void 0) {
+		const meta = ((frame === null ? void 0 : app.registry.get(frame.resource)?.fields)?.[fieldName])?.meta;
+		to = safeKey(meta?.to);
+		declaredBy = typeof meta?.by === "string" ? meta.by : void 0;
+		declaredCandidates = Array.isArray(meta?.candidates) ? meta.candidates : void 0;
+	} else to = safeKey(options.to);
+	const target = to ?? "";
+	const by = options.valueField ?? declaredBy;
+	const scope = options.scope ?? "context";
+	const selection = require_lazy_relation_picker_dialog.useCandidateSelection({
+		to,
+		candidates: options.candidates ?? declaredCandidates,
+		sources: frame?.controller.sources,
+		resource: frame?.resource ?? "",
+		fieldName: fieldName ?? target,
+		fixedFilters: options.fixedFilters
+	});
+	const held = selection.gate !== void 0;
+	const pendingRef = react.useRef(null);
+	const [active, setActive] = react.useState(null);
+	const activeRef = react.useRef(null);
+	activeRef.current = active;
+	const rowsRef = react.useRef(new Map());
+	const createdRowRef = react.useRef(void 0);
+	const alive = react.useRef(true);
+	const mounts = react.useRef(0);
+	const sequence = react.useRef(0);
+	const latest = react.useRef({
+		multiple,
+		select: options.select,
+		idField: "id",
+		valueField: "id",
+		available: false,
+		frames
+	});
+	const project = react.useCallback((row) => {
+		const select = latest.current.select;
+		if (select === void 0) return { ...row };
+		const out = {};
+		const key = row[latest.current.idField] !== void 0 ? row[latest.current.idField] : row.id;
+		if (key !== void 0) out.id = key;
+		const { valueField } = latest.current;
+		if (Object.hasOwn(row, valueField)) out[valueField] = row[valueField];
+		for (const name of select) if (Object.hasOwn(row, name)) out[name] = row[name];
+		return out;
+	}, []);
+	const settle = react.useCallback((result) => {
+		const pending = pendingRef.current;
+		if (pending === null) return;
+		pendingRef.current = null;
+		pending.detach();
+		if (alive.current) setActive(null);
+		pending.resolve(result);
+	}, []);
+	const toggle = react.useCallback((key, row) => {
+		setActive((current) => {
+			if (current === null) return current;
+			const has = current.selected.some((k) => String(k) === String(key));
+			if (has) rowsRef.current.delete(String(key));
+			else if (row !== void 0) rowsRef.current.set(String(key), row);
+			const selected = has ? current.selected.filter((k) => String(k) !== String(key)) : [...current.selected, key];
+			const next = {
+				...current,
+				selected
+			};
+			activeRef.current = next;
+			return next;
+		});
+	}, []);
+	const onValue = react.useCallback((value) => {
+		const row = createdRowRef.current;
+		createdRowRef.current = void 0;
+		if (latest.current.multiple) {
+			const current = activeRef.current;
+			if (current !== null && !current.selected.some((k) => String(k) === String(value))) toggle(value, row);
+			return;
+		}
+		settle({
+			kind: "selected",
+			keys: [value],
+			rows: row === void 0 ? [] : [project(row)]
+		});
+	}, [
+		project,
+		settle,
+		toggle
+	]);
+	const wiring = require_relation_select.useRelationSelect({
+		to: target,
+		by,
+		fixedFilters: selection.fixedFilters,
+		scope,
+		...fieldName === void 0 ? {} : { scopeField: fieldName },
+		held,
+		onValue
+	});
+	latest.current = {
+		multiple,
+		select: options.select,
+		idField: wiring.idField,
+		valueField: wiring.valueField,
+		available: to !== void 0 && wiring.targetDef !== void 0 && !held,
+		frames
+	};
+	const { create: shared } = wiring;
+	const create = react.useMemo(() => ({
+		...shared,
+		start: (openCreate) => shared.start(() => {
+			const opened = openCreate();
+			opened.then((row) => {
+				createdRowRef.current = row === null ? void 0 : { ...row };
+			}, noop);
+			return opened;
+		})
+	}), [shared]);
+	react.useEffect(() => runtime.dataSession.subscribe(() => {
+		const pending = pendingRef.current;
+		if (pending === null) return;
+		const now = sessionIdentity(runtime);
+		if (now.sessionKey !== pending.sessionKey || now.scopeKey !== pending.scopeKey) settle({
+			kind: "cancelled",
+			reason: "session-changed"
+		});
+	}), [runtime, settle]);
+	react.useEffect(() => {
+		alive.current = true;
+		return () => {
+			alive.current = false;
+			settle({
+				kind: "cancelled",
+				reason: "unmounted"
+			});
+		};
+	}, [settle]);
+	react.useEffect(() => {
+		if (held) settle({
+			kind: "cancelled",
+			reason: "unavailable"
+		});
+	}, [held, settle]);
+	const register = react.useCallback(() => {
+		mounts.current += 1;
+		return () => {
+			mounts.current -= 1;
+			if (mounts.current === 0) settle({
+				kind: "cancelled",
+				reason: "unmounted"
+			});
+		};
+	}, [settle]);
+	const open = react.useCallback((opts = {}) => new Promise((resolve) => {
+		settle({
+			kind: "cancelled",
+			reason: "superseded"
+		});
+		if (mounts.current === 0) {
+			if (process.env.NODE_ENV !== "production") console.error("[burojs] useRelationPicker: open() was called but its element is not rendered — render `handle.element` once in your tree.");
+			resolve({
+				kind: "cancelled",
+				reason: "not-mounted"
+			});
+			return;
+		}
+		const { signal } = opts;
+		if (signal?.aborted === true) {
+			resolve({
+				kind: "cancelled",
+				reason: "aborted"
+			});
+			return;
+		}
+		if (!latest.current.available) {
+			resolve({
+				kind: "cancelled",
+				reason: "unavailable"
+			});
+			return;
+		}
+		sequence.current += 1;
+		const id = sequence.current;
+		const onAbort = () => {
+			if (pendingRef.current?.id === id) settle({
+				kind: "cancelled",
+				reason: "aborted"
+			});
+		};
+		signal?.addEventListener("abort", onAbort, { once: true });
+		pendingRef.current = {
+			id,
+			...sessionIdentity(runtime),
+			resolve,
+			detach: () => signal?.removeEventListener("abort", onAbort)
+		};
+		rowsRef.current = new Map();
+		createdRowRef.current = void 0;
+		const next = {
+			id,
+			frames: latest.current.frames,
+			selected: opts.selected ?? []
+		};
+		activeRef.current = next;
+		setActive(next);
+	}), [runtime, settle]);
+	const onSelectRow = react.useCallback((row) => {
+		const field = wiring.valueField;
+		const value = field === "id" ? row.id : row[field];
+		if (typeof value !== "string" && typeof value !== "number") return;
+		settle({
+			kind: "selected",
+			keys: [value],
+			rows: [project(row)]
+		});
+	}, [
+		wiring.valueField,
+		settle,
+		project
+	]);
+	const onDone = react.useCallback(() => {
+		const keys = activeRef.current?.selected ?? [];
+		const rows = keys.flatMap((key) => {
+			const row = rowsRef.current.get(String(key));
+			return row === void 0 ? [] : [project(row)];
+		});
+		settle({
+			kind: "selected",
+			keys,
+			rows
+		});
+	}, [settle, project]);
+	const onOpenChange = react.useCallback((next) => {
+		if (!next) settle({
+			kind: "cancelled",
+			reason: "dismissed"
+		});
+	}, [settle]);
+	return {
+		open,
+		element: (0, react_jsx_runtime.jsx)(PickerHost, {
+			register,
+			children: active === null || held ? null : (0, react_jsx_runtime.jsxs)(_burojs_react.RecordScopeChain, {
+				frames: active.frames,
+				children: [(0, react_jsx_runtime.jsx)(require_lazy_relation_picker_dialog.LazyRelationPickerDialog, {
+					to: target,
+					open: true,
+					onOpenChange,
+					onSelect: noop,
+					onSelectRow,
+					valueField: wiring.valueField,
+					...selection.fixedFilters === void 0 ? {} : { fixedFilters: selection.fixedFilters },
+					scope,
+					...fieldName === void 0 ? {} : { scopeField: fieldName },
+					...options.create === void 0 ? {} : {
+						create,
+						...options.create.seeds === void 0 ? {} : { createSeeds: options.create.seeds }
+					},
+					fieldName: fieldName ?? target,
+					...options.disabledKeys === void 0 ? {} : { disabledKeys: options.disabledKeys },
+					...options.disabledLabel === void 0 ? {} : { disabledLabel: options.disabledLabel },
+					...multiple ? {
+						multiple: true,
+						selected: active.selected,
+						onToggle: (value, row) => toggle(value, row),
+						onDone
+					} : {}
+				}), wiring.reader]
+			}, active.id)
+		})
+	};
+}
+//#endregion
+//#region src/blocks/link-write-summary.tsx
+function LinkWriteSummary(props) {
+	const { report, titles, onClose } = props;
+	const testid = props.testid ?? "link-write-summary";
+	const t = (0, _burojs_react.useOptionalT)();
+	const caps = (0, _burojs_react.useI18nCaps)();
+	const chromeT = (0, _burojs_react.useChromeT)();
+	const heading = t("field.link.partial", { defaultValue: "Some links were not changed" });
+	return (0, react_jsx_runtime.jsx)(require_dialog.Dialog, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open) onClose();
+		},
+		children: (0, react_jsx_runtime.jsxs)(require_dialog.DialogContent, {
+			"data-testid": testid,
+			className: "flex max-h-[85vh] flex-col overflow-hidden",
+			children: [
+				(0, react_jsx_runtime.jsxs)(require_dialog.DialogHeader, { children: [(0, react_jsx_runtime.jsx)(require_dialog.DialogTitle, { children: heading }), (0, react_jsx_runtime.jsx)(require_dialog.DialogDescription, {
+					className: "sr-only",
+					children: heading
+				})] }),
+				(0, react_jsx_runtime.jsx)("ul", {
+					className: "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overscroll-contain",
+					children: report.failed.map(({ id, error }) => (0, react_jsx_runtime.jsxs)("li", {
+						"data-testid": `${testid}:item:${id}`,
+						className: "text-sm",
+						children: [(0, react_jsx_runtime.jsx)("span", {
+							className: "font-medium",
+							children: titles[id] ?? id
+						}), (0, react_jsx_runtime.jsx)("span", {
+							className: "text-destructive",
+							children: `: ${(0, _burojs_react.resolveErrorText)(error, caps)}`
+						})]
+					}, id))
+				}),
+				(0, react_jsx_runtime.jsx)(require_dialog.DialogFooter, { children: (0, react_jsx_runtime.jsx)(require_button.Button, {
+					type: "button",
+					onClick: onClose,
+					"data-testid": `${testid}:close`,
+					children: chromeT("actions.close", { defaultValue: "Close" })
+				}) })
+			]
+		})
+	});
+}
+//#endregion
+//#region src/blocks/link-attach.tsx
+const NO_ISSUES = Object.freeze([]);
+function useLinkPanelWrites(options) {
+	const { owner, junction, target, link, targetKey, valueField, junctionIdField, displayField, scope, record, ownerKey, placement } = options;
+	const app = (0, _burojs_react.useApp)();
+	const runtime = (0, _burojs_react.useDataRuntime)();
+	const t = (0, _burojs_react.useOptionalT)();
+	const rights = (0, _burojs_react.useLinkRights)(owner, link, {
+		surface: "panel",
+		record,
+		...placement === void 0 ? {} : { placement }
+	});
+	const writer = (0, _burojs_react.useLinkWriter)(owner, link);
+	const linkedKeys = (0, _burojs_react.useLinkedKeys)(owner, link);
+	const reverse = (0, react.useMemo)(() => (0, _burojs_core.reverseLinkOf)((name) => app.registry.get(name)?.fields, owner, link), [
+		app.registry,
+		owner,
+		link
+	]);
+	let liveHides = false;
+	if (reverse !== void 0) try {
+		const { providerId } = runtime.app.resolveDataBinding(target);
+		liveHides = runtime.providers.resolve(providerId).provider.readRelations?.links === true && (0, _burojs_react.linkCapabilitiesOf)(runtime, providerId)?.links?.filter.none !== false;
+	} catch {
+		liveHides = false;
+	}
+	const liveHidesRef = (0, react.useRef)(liveHides);
+	liveHidesRef.current = liveHides;
+	const [frozenHides, setFrozenHides] = (0, react.useState)(null);
+	const hides = frozenHides ?? liveHides;
+	const ownerKeyId = JSON.stringify(ownerKey ?? null);
+	const hidden = (0, react.useMemo)(() => hides && reverse !== void 0 ? [{
+		field: reverse,
+		op: "hasNone",
+		value: [ownerKey]
+	}] : void 0, [
+		hides,
+		reverse,
+		ownerKeyId
+	]);
+	const disabledKeys = (0, react.useCallback)((keys, signal) => linkedKeys(record, keys, signal), [linkedKeys, record]);
+	const disabledLabel = (0, react.useCallback)((count) => t("field.link.alreadyLinked", {
+		count,
+		defaultValue: `${count} already linked`
+	}), [t]);
+	const picker = useRelationPicker({
+		to: target,
+		multiple: true,
+		valueField,
+		scope,
+		...hidden === void 0 ? {
+			disabledKeys,
+			disabledLabel
+		} : { fixedFilters: hidden }
+	});
+	const openPicker = picker.open;
+	const [summary, setSummary] = (0, react.useState)(null);
+	const finish = (0, react.useCallback)((report, titles, done) => {
+		if (report.outcome !== "success") {
+			setSummary({
+				report,
+				titles
+			});
+			return;
+		}
+		const count = report.succeeded.length;
+		if (count === 0) return;
+		sonner.toast.success(t(`field.link.${done}`, {
+			count,
+			defaultValue: `${count} ${count === 1 ? "link" : "links"} ${done}`
+		}));
+	}, [t]);
+	const attaching = (0, react.useRef)(false);
+	const [attachWriting, setAttachWriting] = (0, react.useState)(false);
+	const onAttach = (0, react.useCallback)(() => {
+		if (attaching.current) return;
+		attaching.current = true;
+		(async () => {
+			try {
+				setFrozenHides(liveHidesRef.current);
+				let result;
+				try {
+					result = await openPicker();
+				} finally {
+					setFrozenHides(null);
+				}
+				if (result.kind !== "selected" || result.keys.length === 0) return;
+				const titles = {};
+				for (const row of result.rows) {
+					const key = valueField === "id" ? row.id : row[valueField];
+					const title = row[displayField];
+					if (key !== void 0 && key !== null && title !== void 0 && title !== null) titles[String(key)] = String(title);
+				}
+				setAttachWriting(true);
+				try {
+					finish(await writer.attach(result.keys, record), titles, "attached");
+				} finally {
+					setAttachWriting(false);
+				}
+			} finally {
+				attaching.current = false;
+			}
+		})();
+	}, [
+		displayField,
+		finish,
+		openPicker,
+		record,
+		valueField,
+		writer
+	]);
+	const pending = (0, react.useRef)(null);
+	const [confirming, setConfirming] = (0, react.useState)(null);
+	const detaching = (0, react.useRef)(false);
+	const [busy, setBusy] = (0, react.useState)(false);
+	const onDetach = (0, react.useCallback)((rows) => new Promise((resolve) => {
+		pending.current?.resolve([]);
+		pending.current = {
+			rows,
+			resolve
+		};
+		setConfirming(rows.length);
+	}), []);
+	(0, react.useEffect)(() => () => {
+		pending.current?.resolve([]);
+		pending.current = null;
+	}, []);
+	const cancel = (0, react.useCallback)(() => {
+		if (detaching.current) return;
+		pending.current?.resolve([]);
+		pending.current = null;
+		setConfirming(null);
+	}, []);
+	const proceed = (0, react.useCallback)(() => {
+		const current = pending.current;
+		if (current === null || detaching.current) return;
+		detaching.current = true;
+		setBusy(true);
+		(async () => {
+			try {
+				const titles = {};
+				for (const row of current.rows) {
+					const id = row[junctionIdField];
+					if (id === void 0 || id === null) continue;
+					const title = row[`${targetKey}.${displayField}`] ?? row[targetKey];
+					if (title !== void 0 && title !== null) titles[String(id)] = String(title);
+				}
+				const report = await writer.detach(current.rows, record);
+				pending.current = null;
+				setConfirming(null);
+				finish(report, titles, "detached");
+				const left = new Set(report.succeeded);
+				current.resolve(current.rows.filter((row) => {
+					const id = row[junctionIdField];
+					return id !== void 0 && id !== null && left.has(String(id));
+				}).map((row) => String(row.id)));
+			} finally {
+				detaching.current = false;
+				setBusy(false);
+			}
+		})();
+	}, [
+		displayField,
+		finish,
+		junctionIdField,
+		record,
+		targetKey,
+		writer
+	]);
+	const detachLabel = t("field.link.detach", { defaultValue: "Detach" });
+	const count = confirming ?? 0;
+	const gate = {
+		resource: junction,
+		open: confirming !== null,
+		busy,
+		header: t("field.link.confirmDetach", {
+			count,
+			defaultValue: `Detach ${count} ${count === 1 ? "link" : "links"}? The linked records themselves are not deleted.`
+		}),
+		blockers: NO_ISSUES,
+		confirmable: NO_ISSUES,
+		proceed,
+		cancel
+	};
+	const attachAllowed = rights.attach.allowed;
+	const detachAllowed = rights.detach.allowed;
+	return {
+		linkEditing: (0, react.useMemo)(() => !attachAllowed && !detachAllowed ? void 0 : {
+			...attachAllowed ? { attach: {
+				onAttach,
+				busy: attachWriting
+			} } : {},
+			...detachAllowed ? { detach: { onDetach } } : {}
+		}, [
+			attachAllowed,
+			attachWriting,
+			detachAllowed,
+			onAttach,
+			onDetach
+		]),
+		element: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			picker.element,
+			(0, react_jsx_runtime.jsx)(require_check_confirm_dialog.CheckConfirmDialog, {
+				state: gate,
+				testid: `link-detach-confirm:${junction}`,
+				title: detachLabel,
+				proceedLabel: detachLabel,
+				tone: "destructive"
+			}),
+			summary === null ? null : (0, react_jsx_runtime.jsx)(LinkWriteSummary, {
+				report: summary.report,
+				titles: summary.titles,
+				onClose: () => setSummary(null),
+				testid: `link-write-summary:${junction}`
+			})
+		] })
+	};
+}
+//#endregion
 //#region src/quick/peek-filter.ts
 function peekFieldDefinition(def, name) {
 	return (0, _burojs_core.declaredField)(def, name);
@@ -7005,32 +7833,12 @@ function peekRecord(def, row, idField, capabilityFor, fieldVisible) {
 	return peekRow(def, row, idField, capabilityFor, fieldVisible);
 }
 //#endregion
-//#region src/blocks/related-list-unbound.tsx
-function UnboundRelatedList(props) {
-	const t = (0, _burojs_react.useOptionalT)();
-	return (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex flex-col gap-2",
-		"data-testid": `list-unbound:${props.resource}`,
-		children: [props.title === void 0 ? null : (0, react_jsx_runtime.jsx)("h3", {
-			className: "text-sm font-semibold",
-			children: props.title
-		}), (0, react_jsx_runtime.jsx)("p", {
-			className: "text-sm text-muted-foreground",
-			children: t("table.empty", { defaultValue: "No records" })
-		})]
-	});
-}
-function placementScope(scope, owner) {
-	return scope ?? (owner === void 0 ? "session" : "none");
-}
-//#endregion
 //#region src/blocks/link-panel.tsx
 const isRecord = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
 const isResourceHandle = (value) => isRecord(value) && value.kind === "resource";
-function qualify(ref, owner) {
+function qualify(ref) {
 	try {
-		const namespace = (0, _burojs_core.normalizeEntityRef)(owner).namespace;
-		return (0, _burojs_core.resourceKey)((0, _burojs_core.normalizeEntityRef)(isResourceHandle(ref) ? ref.ref : ref, { defaultNamespace: namespace }));
+		return (0, _burojs_core.resourceKey)((0, _burojs_core.normalizeEntityRef)(isResourceHandle(ref) ? ref.ref : ref));
 	} catch {
 		return;
 	}
@@ -7049,7 +7857,7 @@ function linkField(registry, owner, link) {
 function linkTarget(registry, owner, link) {
 	const found = linkField(registry, owner, link);
 	if (found === void 0 || owner === void 0) return void 0;
-	return qualify(found.field.meta?.to, owner);
+	return qualify(found.field.meta?.to);
 }
 function idFieldOf(def) {
 	const declared = isRecord(def) && isRecord(def.data) ? def.data.idField : void 0;
@@ -7065,37 +7873,47 @@ function targetColumns(registry, target, def) {
 	const source = def;
 	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.filter((name) => typeof name === "string") : (0, _burojs_core.dtoFields)(source, "list")).filter((name) => {
+	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) => {
 		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);
 		return isRecord(field) && !(0, _burojs_core.isRelationField)(field) && (0, _burojs_core.fieldSensitivity)(field) === void 0;
 	});
 }
 function LinkPanel(props) {
-	const { link, owner, own } = props;
+	const { link, owner, own, empty } = props;
 	const app = (0, _burojs_react.useApp)();
 	const frame = usePlacementFrame();
 	const routeScreen = useIsRouteScreen();
 	const record = (0, _burojs_react.useOptionalRecordFrame)()?.record;
+	const runtime = (0, _burojs_react.useOptionalDataRuntime)();
 	const storage = (0, react.useMemo)(() => {
 		const found = linkField(app.registry, owner, link);
 		if (found === void 0) return void 0;
 		const { declaration } = found;
-		const junction = qualify(declaration.junction, owner);
-		const target = qualify(found.field.meta?.to, owner);
+		const junction = qualify(declaration.junction);
+		const target = qualify(found.field.meta?.to);
 		if (junction === void 0 || target === void 0) return void 0;
 		const junctionDef = app.registry.get(junction);
 		if (junctionDef === void 0) return void 0;
 		const junctionFields = junctionDef.fields;
+		const targetDef = app.registry.get(target);
+		const targetBy = byOf(junctionFields[declaration.targetKey]);
+		const declaredScope = found.field.meta?.scope;
 		return {
 			junction,
 			target,
 			sourceKey: declaration.sourceKey,
 			targetKey: declaration.targetKey,
 			ownerField: byOf(junctionFields[declaration.sourceKey]) ?? idFieldOf(app.registry.get(owner)),
-			targetKeyedBy: byOf(junctionFields[declaration.targetKey]) !== void 0,
+			targetKeyedBy: targetBy !== void 0,
+			targetValueField: targetBy ?? idFieldOf(targetDef),
+			junctionIdField: idFieldOf(junctionDef),
 			where: declaration.where,
-			targetDef: app.registry.get(target)
+			targetDef,
+			pickerScope: declaredScope === "context" || declaredScope === "session" || declaredScope === "none" ? declaredScope : void 0
 		};
 	}, [
 		app.registry,
@@ -7107,10 +7925,11 @@ function LinkPanel(props) {
 	const fixedFilters = (0, react.useMemo)(() => {
 		if (storage === void 0 || ownerKey === null || ownerKey === void 0) return void 0;
 		const { sourceKey, targetKey } = storage;
+		const placed = (0, _burojs_core_internal.whereToFilter)(own.where ?? [], (field) => `${targetKey}.${field}`);
 		return [
 			(0, _burojs_core.whereEntryToFilter)(sourceKey, "eq", ownerKey),
 			...storage.where.map((entry) => (0, _burojs_core.whereEntryToFilter)(entry.field, entry.op, entry.value)),
-			...(own.where ?? []).map((entry) => (0, _burojs_core.whereEntryToFilter)(`${targetKey}.${entry.field}`, entry.op, entry.value))
+			...placed === void 0 ? [] : [placed]
 		];
 	}, [
 		storage,
@@ -7120,7 +7939,12 @@ function LinkPanel(props) {
 	const columnsKey = JSON.stringify([own.columns ?? null, own.linkColumns ?? null]);
 	const columns = (0, react.useMemo)(() => {
 		if (storage === void 0) return void 0;
-		return [...(own.columns ?? targetColumns(app.registry, storage.target, storage.targetDef)).map((name) => `${storage.targetKey}.${name}`), ...own.linkColumns ?? []];
+		const shown = own.columns ?? targetColumns(app.registry, storage.target, storage.targetDef);
+		const across = (entry) => typeof entry === "string" ? `${storage.targetKey}.${entry}` : {
+			...entry,
+			field: `${storage.targetKey}.${entry.field}`
+		};
+		return [...shown.map(across), ...own.linkColumns ?? []];
 	}, [
 		storage,
 		columnsKey,
@@ -7130,30 +7954,75 @@ function LinkPanel(props) {
 		resource: storage.target,
 		field: storage.targetKey
 	}, [storage]);
-	const unbound = fixedFilters === void 0 || own.where?.some((entry) => entry.value === null || entry.value === void 0) === true;
+	const unbound = fixedFilters === void 0 || own.where !== void 0 && (0, _burojs_core_internal.hasNullRef)(own.where);
 	if (storage === void 0 || unbound) return (0, react_jsx_runtime.jsx)(UnboundRelatedList, {
 		resource: storage?.target ?? "",
-		title: own.title
+		title: own.title,
+		...empty === void 0 ? {} : { empty }
 	});
 	const state = frame?.state === "url" && routeScreen && !frame.nested ? { url: frame.key } : "memory";
-	const count = own.count === false ? "off" : own.count;
-	return (0, react_jsx_runtime.jsx)(ResourceListSurface, {
+	let providerCounts;
+	if (runtime !== null) try {
+		providerCounts = (0, _burojs_react.linkCapabilitiesOf)(runtime, runtime.app.resolveDataBinding(storage.junction).providerId)?.links?.count;
+	} catch {
+		providerCounts = void 0;
+	}
+	const count = own.count === false ? "off" : own.count ?? (providerCounts === false ? "off" : void 0);
+	const layoutId = frame === null ? void 0 : placementLayoutId({
+		owner,
+		key: frame.key
+	});
+	const surface = {
 		resource: storage.junction,
 		variant: "placement",
 		state,
 		fixedFilters,
-		...own.pageSize === void 0 ? {} : { pageSize: own.pageSize },
+		...own.initial?.pageSize === void 0 ? {} : { initial: { pageSize: own.initial.pageSize } },
 		...own.search === void 0 ? {} : { search: `${storage.targetKey}.${own.search}` },
 		...columns === void 0 ? {} : { columns },
 		open: rowTarget === void 0 || own.open === "none" ? "none" : "page",
 		...rowTarget === void 0 ? {} : { rowTarget },
 		...frame === null ? {} : { placementKey: frame.key },
+		...layoutId === void 0 ? {} : { layoutId },
 		...own.title === void 0 ? {} : { title: own.title },
+		...empty === void 0 ? {} : { empty },
 		scope: placementScope(own.scope, owner),
 		...count === void 0 ? {} : { count },
 		readOnly: true,
 		exportable: false
+	};
+	if (runtime === null || record === void 0) return (0, react_jsx_runtime.jsx)(ResourceListSurface, { ...surface });
+	return (0, react_jsx_runtime.jsx)(WritableLinkPanel, {
+		surface,
+		owner,
+		link,
+		storage,
+		record,
+		ownerKey,
+		placement: own.linkActions
+	});
+}
+function WritableLinkPanel(props) {
+	const { surface, owner, link, storage, record, ownerKey, placement } = props;
+	const displayField = isRecord(storage.targetDef) && typeof storage.targetDef.displayField === "string" ? storage.targetDef.displayField : storage.targetValueField;
+	const { linkEditing, element } = useLinkPanelWrites({
+		owner,
+		junction: storage.junction,
+		target: storage.target,
+		link,
+		targetKey: storage.targetKey,
+		valueField: storage.targetValueField,
+		junctionIdField: storage.junctionIdField,
+		displayField,
+		scope: storage.pickerScope ?? "context",
+		record,
+		ownerKey,
+		placement
 	});
+	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(ResourceListSurface, {
+		...surface,
+		...linkEditing === void 0 ? {} : { linkEditing }
+	}), element] });
 }
 //#endregion
 //#region src/blocks/route-list-context.ts
@@ -7163,7 +8032,7 @@ function useRouteList() {
 }
 //#endregion
 //#region src/blocks/related-list-view.tsx
-function RelatedListView({ props }) {
+function RelatedListView({ props, empty }) {
 	const own = props;
 	const route = useRouteList();
 	const frame = usePlacementFrame();
@@ -7171,7 +8040,7 @@ function RelatedListView({ props }) {
 	const linked = own.link !== void 0;
 	const resource = linked ? linkTarget(app.registry, frame?.owner, own.link) ?? "" : (0, _burojs_core.resourceKey)(own.resource);
 	const whereKey = JSON.stringify(own.where ?? []);
-	const fixedFilters = (0, react.useMemo)(() => own.where === void 0 ? void 0 : own.where.map(({ field, op, value }) => (0, _burojs_core.whereEntryToFilter)(field, op, value)), [whereKey]);
+	const fixedFilters = (0, react.useMemo)(() => own.where === void 0 || own.where.length === 0 ? void 0 : [(0, _burojs_core_internal.whereToFilter)(own.where)], [whereKey]);
 	const columnsKey = JSON.stringify(own.columns ?? null);
 	const columns = (0, react.useMemo)(() => own.columns, [columnsKey]);
 	const routeScreen = useIsRouteScreen();
@@ -7183,20 +8052,23 @@ function RelatedListView({ props }) {
 	const ownerDef = frame?.owner === void 0 ? void 0 : app.registry.get(frame.owner);
 	const granted = ownerDef === void 0 ? "unknown" : (0, _burojs_core.grantedPlacementKeys)(ownerDef);
 	const trusted = frame !== null && !frame.nested && granted !== "unknown" && !granted.has(frame.key);
-	const onCreate = route === null && !linked && trusted && gate(resource, "create").state === "open" && frame !== null ? () => void quick.create(resource, { defaults: placementSeeds(frame.where ?? [], own.where ?? [], frame.closure ?? {}) }) : void 0;
+	const onCreate = route === null && !linked && trusted && gate(resource, "create").state === "open" && own.create !== false && (own.create === void 0 || (0, _burojs_core_internal.actionWhenHolds)(own.create, frame?.sources ?? {})) && frame !== null ? () => void quick.create(resource, { defaults: placementSeeds(frame.where ?? [], own.where ?? [], frame.closure ?? {}) }) : void 0;
 	useDeepLinkOpen(frame?.key ?? null, resource, route === null && !linked && frame !== null && !frame.nested && routeScreen && (own.open ?? "quick") === "quick");
-	const unbound = own.where?.some((entry) => entry.value === null || entry.value === void 0) === true;
+	const unbound = own.where !== void 0 && (0, _burojs_core_internal.hasNullRef)(own.where);
 	if (linked) return frame?.owner === void 0 ? (0, react_jsx_runtime.jsx)(UnboundRelatedList, {
 		resource,
-		title: own.title
+		title: own.title,
+		...empty === void 0 ? {} : { empty }
 	}) : (0, react_jsx_runtime.jsx)(LinkPanel, {
 		link: own.link,
 		owner: frame.owner,
-		own
+		own,
+		...empty === void 0 ? {} : { empty }
 	});
 	if (route !== null) return (0, react_jsx_runtime.jsx)(ResourceListSurface, {
 		resource,
 		variant: "route",
+		layoutId: "route",
 		...route.meta === void 0 ? {} : { meta: route.meta },
 		...route.renderCell === void 0 ? {} : { renderCell: route.renderCell },
 		...route.emptyState === void 0 ? {} : { emptyState: route.emptyState }
@@ -7209,24 +8081,28 @@ function RelatedListView({ props }) {
 	});
 	if (unbound) return (0, react_jsx_runtime.jsx)(UnboundRelatedList, {
 		resource,
-		title: own.title
+		title: own.title,
+		...empty === void 0 ? {} : { empty }
 	});
 	const state = frame?.state === "url" && routeScreen && !frame.nested ? { url: frame.key } : "memory";
 	const scope = placementScope(own.scope, frame?.owner);
 	const count = own.count === false ? "off" : own.count;
+	const layoutId = placementLayoutId(frame);
 	return (0, react_jsx_runtime.jsx)(ResourceListSurface, {
 		resource,
 		variant: "placement",
 		state,
 		...fixedFilters === void 0 ? {} : { fixedFilters },
-		...own.pageSize === void 0 ? {} : { pageSize: own.pageSize },
+		...own.initial === void 0 ? {} : { initial: own.initial },
 		...own.search === void 0 ? {} : { search: own.search },
 		...columns === void 0 ? {} : { columns },
 		open: own.open ?? "quick",
 		...own.view === void 0 ? {} : { view: own.view },
 		...isItemHandle(own.item) ? { item: own.item } : {},
 		...frame === null ? {} : { placementKey: frame.key },
+		...layoutId === void 0 ? {} : { layoutId },
 		...own.title === void 0 ? {} : { title: own.title },
+		...empty === void 0 ? {} : { empty },
 		scope,
 		...count === void 0 ? {} : { count },
 		...onCreate === void 0 ? {} : { onCreate }
@@ -7261,7 +8137,7 @@ function Missing({ text }) {
 		children: text ?? t("table.empty", { defaultValue: "No records" })
 	});
 }
-function RelatedRecordView({ props }) {
+function RelatedRecordView({ props, empty }) {
 	const own = props;
 	const app = (0, _burojs_react.useApp)();
 	const resource = (0, _burojs_core.resourceKey)(own.resource);
@@ -7295,15 +8171,15 @@ function RelatedRecordView({ props }) {
 		capabilityFor,
 		access
 	]);
-	if (id === null) return (0, react_jsx_runtime.jsx)(Missing, { text: own.missing });
+	if (id === null) return (0, react_jsx_runtime.jsx)(Missing, { text: own.missing ?? empty });
 	if (result === void 0) {
-		if (query.error != null) return (0, react_jsx_runtime.jsx)(Missing, { text: own.missing });
+		if (query.error != null) return (0, react_jsx_runtime.jsx)(Missing, { text: own.missing ?? empty });
 		return (0, react_jsx_runtime.jsx)(require_skeleton.Skeleton, {
 			"data-buro-skeleton": "",
 			className: "h-9 w-full"
 		});
 	}
-	if (dtoRow === void 0) return (0, react_jsx_runtime.jsx)(Missing, { text: own.missing });
+	if (dtoRow === void 0) return (0, react_jsx_runtime.jsx)(Missing, { text: own.missing ?? empty });
 	if (projected.status === "pending" || projected.value === null) return (0, react_jsx_runtime.jsx)(require_skeleton.Skeleton, {
 		"data-buro-skeleton": "",
 		className: "h-9 w-full"
@@ -7336,13 +8212,21 @@ function RelatedRecordView({ props }) {
 						children: (0, _burojs_core.resolveFieldLabel)(caps, name, (0, _burojs_core.declaredText)("field", field, "label"))
 					}), (0, react_jsx_runtime.jsx)("dd", {
 						className: "min-w-0 break-words text-sm",
-						children: (0, react_jsx_runtime.jsx)(ResolvedFieldDisplay, {
-							resource: own.resource,
-							name,
-							field,
+						children: (0, react_jsx_runtime.jsx)(FieldValueFrame, {
+							field: {
+								...field ?? {},
+								name
+							},
 							value,
-							record: row,
-							fallback: toDisplayText(value).text
+							surface: "display",
+							children: (0, react_jsx_runtime.jsx)(require_filter_builder.ResolvedFieldDisplay, {
+								resource: own.resource,
+								name,
+								field,
+								value,
+								record: row,
+								fallback: toDisplayText(value).text
+							})
 						})
 					})]
 				}, name);
@@ -7413,28 +8297,39 @@ function Chrome({ node, size, state, children }) {
 	});
 }
 function isAuthError(error) {
-	return (0, _burojs_core.isDataError)(error) && error.kind === "auth";
+	return (0, _burojs_core.normalizeDataError)(error).kind === "auth";
 }
-function FailedPlacement({ node, size, message, retry }) {
+const PLACE_NODE_MESSAGES = {
+	failed: "This section could not be loaded.",
+	sessionExpired: "Your session has expired. Sign in again to continue.",
+	notImplemented: "This section is not available."
+};
+function FailedPlacement({ node, size, message, retry, error }) {
 	const t = (0, _burojs_react.useOptionalT)();
+	const chromeT = (0, _burojs_react.useChromeT)();
+	const fallback = {
+		key: `block.${message}`,
+		default: PLACE_NODE_MESSAGES[message]
+	};
 	return (0, react_jsx_runtime.jsx)(Chrome, {
 		node,
 		size,
 		state: "failed",
-		children: (0, react_jsx_runtime.jsxs)("div", {
+		children: message === "notImplemented" ? (0, react_jsx_runtime.jsxs)("div", {
 			role: "alert",
 			className: "flex flex-wrap items-center gap-2 rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground",
-			children: [(0, react_jsx_runtime.jsx)("span", { children: t(`block.${message}`, { defaultValue: {
-				failed: "This section could not be loaded.",
-				sessionExpired: "Your session has expired. Sign in again to continue.",
-				notImplemented: "This section is not available."
-			}[message] }) }), retry === void 0 ? null : (0, react_jsx_runtime.jsx)(require_button.Button, {
+			children: [(0, react_jsx_runtime.jsx)("span", { children: t(fallback.key, { defaultValue: fallback.default }) }), retry === void 0 ? null : (0, react_jsx_runtime.jsx)(require_button.Button, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				onClick: retry,
-				children: t("actions.retry", { defaultValue: "Retry" })
+				children: chromeT("actions.retry", { defaultValue: "Retry" })
 			})]
+		}) : (0, react_jsx_runtime.jsx)(require_relation_create.LoadError, {
+			surface: "block",
+			error,
+			...retry === void 0 ? {} : { retry },
+			fallback
 		})
 	});
 }
@@ -7514,7 +8409,8 @@ function ReadyPlacement({ node, size, placement, implementation }) {
 		nested,
 		...Array.isArray(declaredWhere) ? { where: declaredWhere } : {},
 		closure: compiled.sourceClosure,
-		...owner === void 0 ? {} : { owner }
+		...owner === void 0 ? {} : { owner },
+		sources: controller.sources
 	}), [
 		node.key,
 		node.id,
@@ -7522,7 +8418,8 @@ function ReadyPlacement({ node, size, placement, implementation }) {
 		nested,
 		declaredWhere,
 		compiled.sourceClosure,
-		owner
+		owner,
+		controller.sources
 	]);
 	return (0, react_jsx_runtime.jsx)(PlacementBoundary, {
 		node,
@@ -7580,6 +8477,7 @@ function PlaceNode({ node }) {
 		node,
 		size,
 		message: isAuthError(placement.error) ? "sessionExpired" : "failed",
+		error: placement.error,
 		...placement.retry === void 0 ? {} : { retry: placement.retry }
 	});
 	if (implementation === void 0) return (0, react_jsx_runtime.jsx)(FailedPlacement, {
@@ -7715,6 +8613,12 @@ Object.defineProperty(exports, "FieldDisplay", {
 		return FieldDisplay;
 	}
 });
+Object.defineProperty(exports, "FieldValueFrame", {
+	enumerable: true,
+	get: function() {
+		return FieldValueFrame;
+	}
+});
 Object.defineProperty(exports, "FilterRegion", {
 	enumerable: true,
 	get: function() {
@@ -7727,6 +8631,12 @@ Object.defineProperty(exports, "FormActions", {
 		return FormActions;
 	}
 });
+Object.defineProperty(exports, "FormControlProvider", {
+	enumerable: true,
+	get: function() {
+		return FormControlProvider;
+	}
+});
 Object.defineProperty(exports, "FrameChromeContext", {
 	enumerable: true,
 	get: function() {
@@ -7847,12 +8757,6 @@ Object.defineProperty(exports, "RelatedItem", {
 		return RelatedItem;
 	}
 });
-Object.defineProperty(exports, "ResolvedFieldDisplay", {
-	enumerable: true,
-	get: function() {
-		return ResolvedFieldDisplay;
-	}
-});
 Object.defineProperty(exports, "ResourceList", {
 	enumerable: true,
 	get: function() {
@@ -7973,12 +8877,6 @@ Object.defineProperty(exports, "listTarget", {
 		return listTarget;
 	}
 });
-Object.defineProperty(exports, "lowerLegacyField", {
-	enumerable: true,
-	get: function() {
-		return lowerLegacyField;
-	}
-});
 Object.defineProperty(exports, "peekFieldDefinition", {
 	enumerable: true,
 	get: function() {
@@ -8021,6 +8919,12 @@ Object.defineProperty(exports, "resolveFrameView", {
 		return resolveFrameView;
 	}
 });
+Object.defineProperty(exports, "resolveResourceTitle", {
+	enumerable: true,
+	get: function() {
+		return resolveResourceTitle;
+	}
+});
 Object.defineProperty(exports, "resolveUpdater", {
 	enumerable: true,
 	get: function() {
@@ -8087,6 +8991,18 @@ Object.defineProperty(exports, "useExportRunWatcher", {
 		return useExportRunWatcher;
 	}
 });
+Object.defineProperty(exports, "useFormControl", {
+	enumerable: true,
+	get: function() {
+		return useFormControl;
+	}
+});
+Object.defineProperty(exports, "useFormControlOf", {
+	enumerable: true,
+	get: function() {
+		return useFormControlOf;
+	}
+});
 Object.defineProperty(exports, "useFrameChrome", {
 	enumerable: true,
 	get: function() {
@@ -8111,6 +9027,12 @@ Object.defineProperty(exports, "usePaletteState", {
 		return usePaletteState;
 	}
 });
+Object.defineProperty(exports, "useRelationPicker", {
+	enumerable: true,
+	get: function() {
+		return useRelationPicker;
+	}
+});
 Object.defineProperty(exports, "useShell", {
 	enumerable: true,
 	get: function() {
@@ -8136,4 +9058,4 @@ Object.defineProperty(exports, "viewOf", {
 	}
 });
 
-//# sourceMappingURL=place-node-C5SmIAYU.cjs.map
+//# sourceMappingURL=place-node-CNb3w-c7.cjs.map