@burojs/ui-shadcn 0.5.0 → 0.7.0

package/dist/{place-node--GdsP688.js → place-node-CfzQvh4Y.js}

@@ -1,20 +1,22 @@
 import { l as cn } from "./use-theme-dnE3Od3I.js";
-import { d as useLinkComponent, f as Popover, g as PopoverTrigger, h as PopoverContent, n as toast, r as toFriendlyError } from "./toaster-CfCRLgR-.js";
-import { C as loadFailedText, D as preloadFlowRuntime, F as DropdownMenuGroup, I as DropdownMenuItem, K as DropdownMenuTrigger, L as DropdownMenuLabel, M as DropdownMenu, O as useLoaded, P as DropdownMenuContent, S as loadBulkSummary, T as loadInlineFlowHost, V as DropdownMenuSeparator, Z as DocInfo, _ as FlowBoundary, b as RuntimeBulkFlowRunner, c as useListSlot, d as useToBrowserHref, f as FlowActionButton, g as ActionInner, h as useFlowChrome, k as Icon, m as text, n as ActionButton, o as canonicalResourceName, p as FlowMenuItem, r as DisabledAction, t as CheckConfirmDialog, x as RuntimeFlowRunner, y as RuntimeAppFlowRunner } from "./check-confirm-dialog-CkaVTPT9.js";
+import { i as isNetworkFailure, l as useLinkComponent, m as PopoverTrigger, n as toast, o as technicalTexts, p as PopoverContent, r as friendlyStringsFrom, s as toFriendlyError, u as Popover } from "./toaster-Ct_YHGs6.js";
+import { B as DropdownMenuContent, C as loadBulkSummary, E as loadInlineFlowHost, F as Icon, H as DropdownMenuItem, O as preloadFlowRuntime, Q as DropdownMenuTrigger, R as DropdownMenu, S as RuntimeFlowRunner, U as DropdownMenuLabel, V as DropdownMenuGroup, _ as reasonText, b as RuntimeAppFlowRunner, c as useListSlot, d as useToBrowserHref, dt as DocInfo, f as FlowActionButton, g as ActionInner, k as useLoaded, m as useFlowChrome, n as ActionButton, o as canonicalResourceName, p as FlowMenuItem, q as DropdownMenuSeparator, r as DisabledAction, t as CheckConfirmDialog, v as FlowBoundary, w as loadFailedText, x as RuntimeBulkFlowRunner } from "./check-confirm-dialog-2j0gOd7x.js";
 import { t as Button } from "./button-MWVeZaqj.js";
 import { t as Input } from "./input-CUPStzZO.js";
-import { a as DialogFooter, i as DialogDescription, o as DialogHeader, r as DialogContent, s as DialogTitle, t as Dialog } from "./dialog-B_rt9S1c.js";
-import { m as ClaimedQuickLink, s as relationLinkClassName } from "./search-access-CURsWn-U.js";
+import { a as DialogFooter, i as DialogDescription, o as DialogHeader, r as DialogContent, s as DialogTitle, t as Dialog } from "./dialog-C123sVQ8.js";
+import { g as ClaimedQuickLink, l as relationLinkClassName, y as LoadError } from "./relation-create-C43cdPQt.js";
 import { t as Skeleton } from "./skeleton-U2noefj5.js";
+import { A as TableRow, C as SelectValue, D as TableCell, F as ResolvedFieldInput, I as useFieldMetaDiagnostic, L as fieldDescription, N as MetaPlaceholder, O as TableHead, P as ResolvedFieldDisplay, R as lowerLegacyField, S as SelectTrigger, T as TableBody, _ as SelectItem, h as SelectContent, j as Badge, k as TableHeader, m as Select, t as FilterBuilder, w as Table$1 } from "./filter-builder-DaWHUZuV.js";
 import { t as Label } from "./label-66W1qbke.js";
-import { C as TableHeader, S as TableHead, T as Badge, _ as SelectValue, c as Select, d as SelectItem, g as SelectTrigger, l as SelectContent, t as FilterBuilder, v as Table$1, w as TableRow, x as TableCell, y as TableBody } from "./filter-builder-DOnaXNfP.js";
-import { BULK_EACH_LIMIT, FORM_SLOT, LAYOUT_SIZES, builtinFrames, canonicalEntityNodeKey, compileFlow, compiledScreenFor, composeListFilter, dtoFields, enumFallbackKey, enumNamespaceOf, facts, fieldOptionKey, fieldSensitivity, formatEntityRef, grantedPlacementKeys, hasRecordPage, humanizeKey, i18nPrefixToRef, i18nPrefixToRef as i18nPrefixToRef$1, inlineFlow, isBuiltinItemAction, isDataError, isScreenFailure, planItemActions, projectDto, recordEntries, relatedList, relatedRecord, resolveActionDensity, resolveActionSurfaceMode, resolveContentSlot, resolveEnumLabel, resolveFieldLabel, resolveFieldSlot, resolveNavLabel, resolveResourceLabel, resolveStaticAvailability, resourceKey, validatePlacementProps } from "@burojs/core";
-import { DismissGuardScope, FlowRowBatchContext, LOCAL_USER_SCOPE_ID, QUICK_ANCHOR_ATTRIBUTE, ResourceListProvider, RouteSourceContext, ScreenStateProvider, implementFrame, policyRecordOf, policyRowsOf, resolveRoute, resolveValidationMessage, resourceFlowsOn, useApp, useApplicationSnapshot, useAvailability, useCapability, useCapabilityResolver, useComponent, useCtx, useCurrentUserId, useCustomQuery, useDataRuntime, useDismissGuard, useEntryGate, useEnumValues, useExportRuns, useFieldAccess, useFieldImplementation, useFieldMeta, useFieldMetaSources, useFlowRowBatch, useFlowRowResolver, useFormController, useFrameImplementations, useFramePiece, useFrameT, useI18nCaps, useItemActions, useListAccess, useLocale, useNavigationBlocker, useOne, useOptionalDataRuntime, useOptionalRecordFrame, useOptionalRouterAdapter, useOptionalT, usePageFlowGate, usePageScreen, usePlacement, useProjectedRecord, useProjectedTitle, usePublishDocVariant, useQuick, useQuickEntry, useQuickOpener, useRecordFrame, useRecordTitle, useResource, useResourceExport, useResourceList, useResourceListContext, useRouteNavigate, useScreenState, useSearchParamsWriter, useT, useTestIds, useViewRow } from "@burojs/react";
-import { IconAlertCircle, IconAlertTriangle, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconBookmark, IconCheck, IconChevronLeft, IconChevronRight, IconChevronsLeft, IconChevronsRight, IconColumns3, IconCopy, IconDots, IconDownload, IconEyeOff, IconFilterX, IconInbox, IconLoader2, IconLock, IconMinus, IconPencil, IconPinned, IconPinnedOff, IconPlus, IconRefresh, IconSelector, IconSettings2, IconTrash, IconX } from "@tabler/icons-react";
+import { n as useCandidateSelection, t as LazyRelationPickerDialog } from "./lazy-relation-picker-dialog-CAScLPb2.js";
+import { t as useRelationSelect } from "./relation-select-B8Fq4o-t.js";
+import { BULK_EACH_LIMIT, FORM_SLOT, LAYOUT_SIZES, builtinFrames, canonicalEntityNodeKey, columnName, compileFlow, compiledScreenFor, declaredField, declaredText, displayClassOf, dtoFields, enumFallbackKey, enumFallbackText, enumNamespaceOf, enumValueText, exportFormatFieldKey, exportFormatLabelKey, exportFormatOptionKey, facts, fieldOptionText, fieldSensitivity, flowRecordOf, formatEntityRef, grantedPlacementKeys, hasRecordPage, humanizeKey, i18nPrefixToRef, i18nPrefixToRef as i18nPrefixToRef$1, inlineFlow, isBuiltinItemAction, isColumnSortable, isRelationField, isScreenFailure, linkOf, normalizeDataError, normalizeEntityRef, planItemActions, projectDto, recordEntries, relatedList, relatedRecord, resolveActionDensity, resolveActionSurfaceMode, resolveColumnUi, resolveContentSlot, resolveEnumLabel, resolveFieldLabel, resolveFieldOptionLabel, resolveFieldSlot, resolveNavLabel, resolveResourceLabel, resolveStaticAvailability, resolveSurfaceUi, resolveTextSlot, resourceKey, resourceShowHref, reverseLinkOf, routeResourceKey, routeServerIssues, savedViewKey, validatePlacementProps, whereEntryToFilter } from "@burojs/core";
+import { ActionRouteContext, DismissGuardScope, FlowRowBatchContext, LOCAL_USER_SCOPE_ID, QUICK_ANCHOR_ATTRIBUTE, RECORD_KIND_KEYS, RecordScopeChain, ResourceListProvider, RouteSourceContext, ScreenStateProvider, columnTypeWidth, implementFrame, kindErrorText, linkCapabilitiesOf, policyRecordOf, policyRowsOf, recordKeyOf, resolveColumnField, resolveErrorText, resolveRoute, resolveValidationMessage, resourceFlowsOn, specificErrorText, tableLayoutSetting, useApp, useApplicationSnapshot, useAvailability, useAvailabilityResolver, useCapability, useCapabilityResolver, useChromeT, useClipboard, useComponent, useCtx, useCurrentUserId, useCustomQuery, useDataRuntime, useDismissGuard, useEntryGate, useEnumValues, useExportRuns, useFieldAccess, useFieldImplementation, useFieldMeta, useFieldMetaSources, useFlowRowBatch, useFlowRowResolver, useFormController, useFrameImplementations, useFramePiece, useFrameT, useI18nCaps, useItemActions, useLinkRights, useLinkWriter, useLinkedKeys, useListAccess, useLocale, useNavigationBlocker, useOne, useOptionalDataRuntime, useOptionalRecordFrame, useOptionalRouterAdapter, useOptionalT, useOptionalUiSettings, usePageFlowGate, usePageScreen, usePathAccess, usePlacement, useProjectedRecord, useProjectedTitle, usePublishDocVariant, useQuick, useQuickEntry, useQuickOpener, useRecordFrame, useRecordScopeFrames, useRecordTitle, useResource, useResourceExport, useResourceList, useResourceListContext, useRouteNavigate, useScreenState, useSearchParamsWriter, useT, useTestIds, useViewRow } from "@burojs/react";
+import { IconAlertCircle, IconAlertTriangle, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconBookmark, IconCheck, IconChevronLeft, IconChevronRight, IconChevronsLeft, IconChevronsRight, IconColumns3, IconCopy, IconDots, IconDownload, IconEyeOff, IconFilterX, IconInbox, IconLink, IconLoader2, IconLock, IconMinus, IconPencil, IconPinned, IconPinnedOff, IconPlus, IconRefresh, IconSelector, IconSettings2, IconTrash, IconUnlink, IconX } from "@tabler/icons-react";
 import * as React from "react";
 import { Component, Fragment, Suspense, createContext, createElement, lazy, memo, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { isFlowAction } from "@burojs/core/internal";
+import { actionWhenHolds, enumBindingKey, hasNullRef, isFlowAction, whereToFilter } from "@burojs/core/internal";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { flexRender, getCoreRowModel, getFacetedRowModel, getFacetedUniqueValues, useReactTable } from "@tanstack/react-table";
@@ -117,432 +119,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",
-	"label",
-	"description",
-	"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 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 } : {},
-		...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 source = field;
-	for (const value of [
-		source?.declaration?.description,
-		source?.description,
-		source?.opts?.description,
-		source?.meta?.description
-	]) if (typeof value === "string" && value !== "") return value;
+//#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 = useCtx(readScope);
-	const locale = useLocale();
-	const caps = useI18nCaps(formatEntityRef(resource));
-	const metaSourcesOut = useFieldMetaSources({
-		record,
-		values,
-		extra: metaSources
-	});
-	return 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 = useRef(void 0);
-	const reason = state.status === "failed" ? state.reason : void 0;
-	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: ${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 = useOptionalT();
-	if (state.status === "pending") return jsx(Skeleton, {
-		"data-buro-skeleton": "",
-		"data-buro-field-meta": "pending",
-		className: "h-9 w-full"
-	});
-	return 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 = useRef(void 0);
+	const clipboard = useClipboard();
+	const [copied, setCopied] = useState(false);
 	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 = useFieldImplementation({
-		field,
-		surface: "display"
-	});
-	const runtimeContext = useFieldRuntimeContext(resource, record, record, metaSources);
-	const metaState = useFieldMeta(field, resolved.implementation, runtimeContext.metaSources);
-	useFieldMetaDiagnostic(metaState, resource, name, field, "display");
-	useFieldImplementationDiagnostic(resolved.diagnostic);
-	if (resolved.Component === void 0) return jsx(Fragment$1, { children: fallback });
-	if (metaState.status !== "ready") return 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 = useMemo(() => asksCopy ? displayClassOf({
+		...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 createElement(Component, {
-		...context,
-		multiple: true,
-		value: Array.isArray(value) ? value : []
-	});
-	return 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 = useFieldImplementation({
-		field: {
-			...field,
-			ui
-		},
-		surface: "input"
+		ui
+	]);
+	const { overflow: declared } = 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 jsx(Fragment$1, { children });
+	const body = (declared ?? (surface === "column" ? "truncate" : "wrap")) === "wrap" ? jsx("span", {
+		className: "min-w-0 whitespace-normal [overflow-wrap:anywhere]",
+		"data-buro-overflow": "wrap",
+		children
+	}) : 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 = useFieldMeta(field, resolved.implementation, runtimeContext.metaSources);
-	useFieldMetaDiagnostic(metaState, resource, name, field, "input");
-	useFieldImplementationDiagnostic(resolved.diagnostic);
-	if (resolved.Component === void 0) return jsx(Fragment$1, { children: fallback });
-	if (metaState.status !== "ready") return 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 jsx(Fragment$1, { 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 createElement(Component, {
-		...context,
-		multiple: true,
-		value: Array.isArray(value) ? value : [],
-		onChange,
-		onBlur,
-		disabled,
-		relationSeeds,
-		fixedFilters,
-		metaSources: runtimeContext.metaSources
-	});
-	return createElement(Component, {
-		...context,
-		multiple: false,
-		value,
-		onChange,
-		onBlur,
-		disabled,
-		relationSeeds,
-		fixedFilters,
-		metaSources: runtimeContext.metaSources
+	return jsxs("span", {
+		className: "inline-flex min-w-0 max-w-full items-center gap-1 align-bottom",
+		children: [
+			body,
+			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 ? jsx(IconCheck, {
+					"aria-hidden": "true",
+					className: "size-3.5"
+				}) : jsx(IconCopy, {
+					"aria-hidden": "true",
+					className: "size-3.5"
+				})
+			}),
+			jsx("span", {
+				"aria-live": "polite",
+				className: "sr-only",
+				children: copied ? t("field.copied", { defaultValue: "Copied" }) : ""
+			})
+		]
 	});
 }
 //#endregion
@@ -582,16 +243,26 @@ function Field({ resource, i18nPrefix, fallback, fixedFilters, field, doc, ...re
 	});
 }
 function FieldDisplay({ resource, i18nPrefix, fallback, value, ...rest }) {
-	return jsx(ResolvedFieldDisplay, {
-		...rest,
+	const frameField = useMemo(() => ({
+		...rest.field,
+		name: rest.name
+	}), [rest.field, rest.name]);
+	return jsx(FieldValueFrame, {
+		field: frameField,
 		value,
-		resource: resolveRef(resource, i18nPrefix),
-		fallback: fallback ?? jsx("span", { children: value == null || value === "" ? "—" : String(value) })
+		surface: "display",
+		children: jsx(ResolvedFieldDisplay, {
+			...rest,
+			value,
+			resource: resolveRef(resource, i18nPrefix),
+			fallback: fallback ?? jsx("span", { children: value == null || value === "" ? "—" : String(value) })
+		})
 	});
 }
 //#endregion
 //#region src/screen/field-leaf.tsx
 const SIZES = new Set(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 = useFieldImplementation({
@@ -637,9 +308,9 @@ function MisconfiguredLeaf({ node }) {
 		values: controller.values,
 		extra: controller.sources
 	});
-	const state = useFieldMeta(field, resolved.implementation, sources);
+	const state = useFieldMeta(field, resolved.implementation, sources, resolved.params);
 	useFieldMetaDiagnostic(state, binding.resource, name, field, surface);
-	const label = resolveFieldLabel(caps, name, typeof binding.field.label === "string" ? binding.field.label : void 0);
+	const label = resolveFieldLabel(caps, name, declaredText("field", binding.field, "label"));
 	const testId = leafIds === "record" ? tid.formField(resource, mode, name) : `${leafIds.prefix}:field:${name}`;
 	return jsxs("div", {
 		...leafAttributes("md", void 0),
@@ -664,16 +335,12 @@ function RecordLeaf({ node }) {
 	const weight = compiled.nodes[node.index]?.options.weight;
 	const caps = useI18nCaps(resource);
 	const tid = useTestIds();
-	const declared = binding.field;
-	const label = resolveFieldLabel(caps, name, typeof declared.label === "string" ? declared.label : void 0);
+	const label = resolveFieldLabel(caps, name, declaredText("field", binding.field, "label"));
 	const attributes = leafAttributes(size, weight);
 	const t = useOptionalT();
 	if (node.restricted === true) {
 		const rawReason = node.restrictedReason;
-		const reason = rawReason === void 0 || rawReason === "" ? void 0 : resolveContentSlot(caps, [rawReason], {
-			resource,
-			default: rawReason
-		});
+		const reason = rawReason === void 0 || rawReason === "" ? void 0 : reasonText(caps, rawReason, resource);
 		const restrictedId = tid.formFieldRestricted(resource, mode, name);
 		return jsxs("div", {
 			...attributes,
@@ -736,10 +403,7 @@ function RecordLeaf({ node }) {
 	});
 	if (node.editable !== true) {
 		const rawReason = node.lockReason;
-		const reason = rawReason === void 0 ? void 0 : resolveContentSlot(caps, [rawReason], {
-			resource,
-			default: rawReason
-		});
+		const reason = rawReason === void 0 ? void 0 : reasonText(caps, rawReason, resource);
 		const locked = tid.formFieldLocked(resource, mode, name);
 		return jsxs("div", {
 			...attributes,
@@ -791,7 +455,6 @@ function RecordLeaf({ node }) {
 function ActiveLeaf({ node, binding, label, attributes, inputId }) {
 	const { resource, mode, controller, disabled: locked } = useScreenTree();
 	const caps = useI18nCaps(resource);
-	const t = useOptionalT();
 	const tid = useTestIds();
 	const name = binding.name;
 	const record = controller.record;
@@ -807,24 +470,21 @@ function ActiveLeaf({ node, binding, label, attributes, inputId }) {
 	const messageId = `${mode}-${name}-msg`;
 	const placeholder = resolveFieldSlot(caps, name, "placeholder");
 	const hint = resolveFieldSlot(caps, name, "description", fieldDescription(binding.field));
+	const chromeT = useChromeT();
 	const fieldKey = `resources.${resource}.fields.${name}`;
-	const errorText = binding.error === void 0 ? null : 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 : resolveValidationMessage({
-		code: warning.code ?? "",
-		message: warning.message,
-		...warning.params === void 0 ? {} : { params: warning.params }
+	const text = (issue) => 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;
@@ -838,6 +498,7 @@ function ActiveLeaf({ node, binding, label, attributes, inputId }) {
 			"data-buro-region": "field-label",
 			className: "flex items-center gap-2",
 			children: [jsx(Label, {
+				id: `${inputId}-label`,
 				htmlFor: inputId,
 				required: binding.required,
 				children: label
@@ -853,6 +514,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,
@@ -866,8 +528,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: jsx(Input, {
 					id: inputId,
 					name: inputId,
@@ -882,18 +546,23 @@ function ActiveLeaf({ node, binding, label, attributes, inputId }) {
 					...errorMessageId === void 0 ? {} : { "aria-errormessage": errorMessageId },
 					onChange: (event) => binding.onChange(event.target.value)
 				})
-			}), errorText !== null ? jsx("p", {
-				id: messageId,
-				"aria-live": "polite",
-				className: "text-sm text-destructive",
-				"data-testid": tid.formFieldError(resource, mode, name),
-				children: errorText
-			}) : warningText !== null ? jsx("p", {
+			}), shown.length > 0 ? jsxs("div", {
 				id: messageId,
 				"aria-live": "polite",
-				className: "text-sm text-warning-emphasis",
-				"data-testid": `form-field-warning:${resource}:${mode}:${name}`,
-				children: warningText
+				className: 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) => jsx("p", {
+					"data-buro-severity": issue.severity,
+					className: issue.severity === "error" ? "text-destructive" : "text-warning-emphasis",
+					children: text(issue)
+				}, index)), more > 0 ? 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 ? jsx("p", {
 				id: messageId,
 				"data-testid": tid.formFieldHelp(resource, mode, name),
@@ -913,7 +582,7 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 	const docRef = i18nPrefixToRef(prefix);
 	const docScope = docRef.namespace === "default" ? docRef.id : formatEntityRef(docRef);
 	const caps = useI18nCaps(docScope);
-	const t = useOptionalT();
+	const issueCaps = useI18nCaps();
 	const uid = useId();
 	const root = useRef(null);
 	const inputId = `${inputIds ?? uid}-${name}`;
@@ -925,7 +594,7 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 		if (byId !== null && element.ownerDocument.activeElement === byId) return;
 		element.querySelector(FOCUSABLE)?.focus();
 	});
-	const label = resolveFieldLabel(caps, name, binding.field.label);
+	const label = resolveFieldLabel(caps, name, declaredText("field", binding.field, "label"));
 	const hint = resolveFieldSlot(caps, name, "description", fieldDescription(binding.field));
 	const info = jsx(DocInfo, {
 		address: `${docScope}/fields/${name}`,
@@ -967,9 +636,10 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 	const text = (issue) => 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 = jsx(Field, {
@@ -977,6 +647,7 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 		field: binding.field,
 		metaSources: controller.sources,
 		inputId,
+		labelId: `${inputId}-label`,
 		i18nPrefix: prefix,
 		disabled: disabled === true || binding.disabled
 	});
@@ -992,6 +663,7 @@ function DeclarativeLeaf({ node, prefix, inputIds }) {
 				"data-buro-region": "field-label",
 				className: "flex items-center gap-2",
 				children: [jsx(Label, {
+					id: `${inputId}-label`,
 					htmlFor: inputId,
 					required: binding.required,
 					children: label
@@ -1032,9 +704,10 @@ function Notice({ children }) {
 		children
 	});
 }
-function FactsView({ props }) {
+function FactsView({ props, empty }) {
 	const own = props;
 	const t = useOptionalT();
+	const chromeT = useChromeT();
 	const snapshot = useApplicationSnapshot();
 	const queryId = formatEntityRef(own.query);
 	const caps = useI18nCaps();
@@ -1051,7 +724,10 @@ function FactsView({ props }) {
 		kind: "custom-query",
 		ref: own.query
 	}), [own.query]);
-	const result = useCustomQuery(handle, blocked ? {} : input, { enabled: !blocked });
+	const result = useCustomQuery(handle, blocked ? {} : input, {
+		enabled: !blocked,
+		...own.refetchInterval === void 0 ? {} : { refetchInterval: own.refetchInterval }
+	});
 	const shown = useMemo(() => {
 		const byName = new Map(fields.map((field) => [field.name, field]));
 		return (own.rows ?? fields.map((field) => field.name)).flatMap((name) => {
@@ -1059,7 +735,7 @@ function FactsView({ props }) {
 			return field === void 0 ? [] : [field];
 		});
 	}, [fields, own.rows]);
-	if (blocked) return jsx(Notice, { children: own.missing ?? t("facts.empty", { defaultValue: "No data" }) });
+	if (blocked) return jsx(Notice, { children: own.missing ?? empty ?? t("facts.empty", { defaultValue: "No data" }) });
 	if (result.isError) return 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",
@@ -1068,7 +744,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" ? jsx(Skeleton, {
@@ -1082,23 +758,28 @@ function FactsView({ props }) {
 		}, field.name))
 	});
 	const data = result.data;
-	if (data === null || typeof data !== "object" || shown.length === 0) return jsx(Notice, { children: own.missing ?? t("facts.empty", { defaultValue: "No data" }) });
+	if (data === null || typeof data !== "object" || shown.length === 0) return jsx(Notice, { children: own.missing ?? empty ?? t("facts.empty", { defaultValue: "No data" }) });
 	const pairs = shown.map((field) => {
 		const value = data[field.name];
 		const label = resolveContentSlot(caps, [`queries.${queryId}.fields.${field.name}.label`, `queries.${queryId}.fields.${field.name}`], {
-			...typeof field.label === "string" ? { default: field.label } : {},
+			...declaredText("field", field, "label") === void 0 ? {} : { default: declaredText("field", field, "label") },
 			humanize: () => humanizeKey(field.name)
 		});
 		const body = value === null || value === void 0 ? jsx("span", {
 			className: "text-muted-foreground",
 			children: "—"
-		}) : jsx(ResolvedFieldDisplay, {
-			resource: own.query,
-			name: field.name,
+		}) : jsx(FieldValueFrame, {
 			field,
 			value,
-			record: data,
-			fallback: toDisplayText(value).text
+			surface: "display",
+			children: jsx(ResolvedFieldDisplay, {
+				resource: own.query,
+				name: field.name,
+				field,
+				value,
+				record: data,
+				fallback: toDisplayText(value).text
+			})
 		});
 		return {
 			name: field.name,
@@ -1152,6 +833,9 @@ const PlacementFrameContext = createContext(null);
 function usePlacementFrame() {
 	return 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 }) {
@@ -1271,7 +955,7 @@ function RecordInlineFlow({ name }) {
 			return jsx(InlineHostLoader, {
 				resource,
 				name: flowName,
-				record: row,
+				...hostRecord(flowRecordOf(compiled, row)),
 				placementKey: key,
 				lease: kept,
 				stale: true,
@@ -1287,7 +971,7 @@ function RecordInlineFlow({ name }) {
 	if (control.state === "disabled" && kept !== void 0 && kept.dirty) return jsx(InlineHostLoader, {
 		resource,
 		name: flowName,
-		record: row,
+		...hostRecord(flowRecordOf(compiled, row)),
 		placementKey: key,
 		lease: kept,
 		stale: true,
@@ -1299,11 +983,12 @@ function RecordInlineFlow({ name }) {
 	return jsx(InlineHostLoader, {
 		resource,
 		name: flowName,
-		record: control.record ?? row,
+		...hostRecord(flowRecordOf(compiled, control.record ?? row)),
 		placementKey: key,
 		...lease === void 0 ? {} : { lease }
 	});
 }
+const hostRecord = (record) => record === void 0 ? {} : { record };
 function InlineHostLoader(props) {
 	const loaded = useLoaded(loadInlineFlowHost);
 	if (loaded.error !== void 0) return jsx("p", {
@@ -1357,11 +1042,11 @@ function PageInlineFlow({ flow }) {
 		"data-buro-flow-state": "pending"
 	});
 	const appAction = "appAction" in target ? app.registry.appActions.get(target.appAction) : void 0;
-	const label = appAction === void 0 ? void 0 : resolveNavLabel(caps, `appActions.${"appAction" in target ? target.appAction : ""}`, appAction.label);
+	const label = appAction === void 0 ? void 0 : resolveNavLabel(caps, `appActions.${"appAction" in target ? target.appAction : ""}`, declaredText("flow", appAction, "label"));
 	const button = "appAction" in target ? jsx(AppFlowButton, {
 		action: {
 			name: target.appAction,
-			label: appAction?.label ?? target.appAction,
+			label: declaredText("flow", appAction, "label") ?? target.appAction,
 			...appAction?.icon === void 0 ? {} : { icon: appAction.icon },
 			...answer.state === "disabled" ? { disabledReason: answer.reason ?? "" } : {}
 		},
@@ -1519,6 +1204,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;
@@ -1536,7 +1222,8 @@ function BadgeBody({ icon, label }) {
 		}) : null, label]
 	});
 }
-function EnumBadge({ enumName, value, testid, className, presentation }) {
+function EnumBadge({ enumName: enumInput, value, testid, className, presentation }) {
+	const enumName = enumBindingKey(enumInput) ?? "";
 	const app = useApp();
 	const caps = useI18nCaps();
 	const def = app.registry.enums.get(enumName);
@@ -1579,7 +1266,7 @@ function EnumBadge({ enumName, value, testid, className, presentation }) {
 	if (entry) {
 		const body = jsx(BadgeBody, {
 			icon: entry.icon,
-			label: resolveEnumLabel(caps, ns, value, entry.label)
+			label: resolveEnumLabel(caps, ns, value, enumValueText(def, value) ?? entry.label)
 		});
 		if (presentation === "plain") return jsx("span", {
 			"data-testid": id,
@@ -1595,15 +1282,16 @@ function EnumBadge({ enumName, value, testid, className, presentation }) {
 			children: body
 		});
 	}
-	if (def.fallback) {
-		const fallbackLabel = resolveContentSlot(caps, [enumFallbackKey(ns)], { default: def.fallback.label }) ?? value;
+	const declaredFallback = enumFallbackText(def);
+	if (def?.fallback !== void 0 || declaredFallback !== void 0) {
+		const fallbackLabel = resolveContentSlot(caps, [enumFallbackKey(ns)], { default: declaredFallback }) ?? value;
 		if (presentation === "plain") return jsx("span", {
 			"data-testid": `${id}:fallback`,
 			className,
 			children: fallbackLabel
 		});
 		return jsx(Badge, {
-			variant: def.fallback.color ?? "outline",
+			variant: def?.fallback?.color ?? "outline",
 			className,
 			"data-testid": `${id}:fallback`,
 			children: fallbackLabel
@@ -1681,6 +1369,7 @@ function useExportRunWatcher() {
 	const runtime = useDataRuntime();
 	const runs = useExportRuns();
 	const t = useOptionalT();
+	const caps = useI18nCaps();
 	React.useEffect(() => {
 		const announced = announcedRunsFor(runtime);
 		const unsubscribes = runs.map((run) => {
@@ -1699,7 +1388,7 @@ function useExportRunWatcher() {
 						label: t("export.toast.download"),
 						onClick: () => downloadArtifact(artifact)
 					} });
-				} else if (state.status === "failed") toast.error(t("export.toast.failed", { params: { message: state.error.message } }));
+				} else if (state.status === "failed") toast.error(t("export.toast.failed", { params: { message: resolveErrorText(state.error, caps) } }));
 			};
 			check();
 			return run.handle.subscribe(check);
@@ -1710,24 +1399,27 @@ function useExportRunWatcher() {
 	}, [
 		runs,
 		runtime,
-		t
+		t,
+		caps
 	]);
 }
 //#endregion
 //#region src/actions/action-overflow.tsx
 const RowActionsCollapseContext = createContext(false);
-function ActionOverflow({ resource, record, surface, className, hideFlows, collapse }) {
-	const t = useOptionalT();
+function ActionOverflow({ resource: resourceInput, record, surface, className, hideFlows, collapse, sources }) {
+	const resource = routeResourceKey(resourceInput);
+	const chromeT = useChromeT();
 	const tid = useTestIds();
+	const recordKey = String(recordKeyOf(useApp().registry.get(resource), record) ?? "");
 	const collapsedRows = useContext(RowActionsCollapseContext);
 	const [flowFor, setFlowFor] = 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 = jsx(Fragment$1, { children: flowFor != null ? jsx(RuntimeFlowRunner, {
 		resource,
@@ -1741,6 +1433,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 jsxs("div", {
@@ -1764,7 +1457,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: jsx(IconDots, {
 							className: "h-4 w-4",
 							"aria-hidden": "true"
@@ -1778,15 +1471,16 @@ function ActionOverflow({ resource, record, surface, className, hideFlows, colla
 						children: [jsx(IconDots, {
 							className: "h-4 w-4",
 							"aria-hidden": "true"
-						}), t("actions.more", { defaultValue: "More" })]
+						}), chromeT("actions.more", { defaultValue: "More" })]
 					})
 				}), jsx(DropdownMenuContent, {
 					align: "end",
-					children: menu.map((a, index) => jsxs(Fragment, { children: [index === firstDestructive && index > 0 && jsx(DropdownMenuSeparator, { "data-testid": isRow ? `list-row-actions-separator:${resource}:${record.id}` : `form-actions-separator:${resource}:${surface}` }), a.flow === void 0 ? jsx(ActionButton, {
+					children: menu.map((a, index) => jsxs(Fragment, { children: [index === firstDestructive && index > 0 && jsx(DropdownMenuSeparator, { "data-testid": isRow ? `list-row-actions-separator:${resource}:${recordKey}` : `form-actions-separator:${resource}:${surface}` }), a.flow === void 0 ? jsx(ActionButton, {
 						resource,
 						actionName: a.name,
 						record,
 						scope: surface,
+						...sources === void 0 ? {} : { sources },
 						asMenuItem: true
 					}) : jsx(FlowMenuItem, {
 						resource,
@@ -1806,11 +1500,12 @@ function ActionOverflow({ resource, record, surface, className, hideFlows, colla
 		]
 	});
 }
-function useShownItemActions(resource, record, surface, hideFlows) {
+function useShownItemActions(resource, record, surface, hideFlows, sources) {
 	const resolved = useItemActions({
 		resource,
 		record,
-		surface
+		surface,
+		...sources === void 0 ? {} : { sources }
 	});
 	const def = useApp().registry.get(resource);
 	const shown = def !== void 0 && isBuiltinItemAction((def.actions?.item)?.find((action) => action.name === "edit"), "edit") && !recordEntries(def).page.edit && recordEntries(def).quick.edit === null ? resolved.filter((a) => a.name !== "edit") : resolved;
@@ -1903,8 +1598,14 @@ function DocumentTitleProvider({ routeKey, children }) {
 	});
 }
 //#endregion
+//#region src/resource/resource-title.ts
+function resolveResourceTitle(caps, t, resource, slot, params) {
+	return 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 = routeResourceKey(resourceInput);
 	const app = useApp();
 	const t = useT();
 	const def = app.registry.get(resource);
@@ -1913,10 +1614,10 @@ function PageHeader({ resource, mode, recordName, backHref, backLabel, actions,
 	const resourceSingle = resolveResourceLabel(caps, resource, "single", def);
 	const labelSingle = labelOverride ?? resourceSingle;
 	const labelPlural = 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}`;
@@ -1947,9 +1648,10 @@ function PageHeader({ resource, mode, recordName, backHref, backLabel, actions,
 		]
 	});
 }
-function ShowPageHeader({ resource, record, extraActions, breadcrumbs }) {
+function ShowPageHeader({ resource: resourceInput, record, extraActions, breadcrumbs }) {
+	const resource = routeResourceKey(resourceInput);
 	const def = useApp().registry.get(resource);
-	const recordName = useProjectedTitle(resource, record?.id, record);
+	const recordName = useProjectedTitle(resource, recordKeyOf(def, record), record);
 	usePublishDocVariant(resource, record);
 	if (!def) return null;
 	return jsx(PageHeader, {
@@ -1964,16 +1666,18 @@ function ShowPageHeader({ resource, record, extraActions, breadcrumbs }) {
 		}), extraActions] })
 	});
 }
-function EditPageHeader({ resource, record, backHref, breadcrumbs }) {
+function EditPageHeader({ resource: resourceInput, record, backHref, breadcrumbs }) {
+	const resource = routeResourceKey(resourceInput);
 	const app = useApp();
 	const def = app.registry.get(resource);
 	const caps = useI18nCaps(resource);
-	const recordName = useProjectedTitle(resource, record?.id, record);
+	const recordKey = recordKeyOf(def, record);
+	const recordName = useProjectedTitle(resource, recordKey, record);
 	return 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 ? `${resolveResourceLabel(caps, resource, "single", def)}: ${recordName}` : void 0,
 		actions: jsx(ActionOverflow, {
@@ -2173,7 +1877,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 jsx(View, { ...viewProps });
 }
@@ -2210,15 +1915,7 @@ function nodeAttributes(node, kind = node.kind, tone) {
 }
 function useNodeText() {
 	const caps = useI18nCaps();
-	return (slot) => {
-		if (slot === void 0) return void 0;
-		if (caps.has(slot.key)) return caps.t(slot.key);
-		if (slot.entry !== void 0 && caps.has(slot.entry)) {
-			const entry = caps.t(slot.entry);
-			if (typeof entry === "string" && entry !== slot.entry) return entry;
-		}
-		return slot.default;
-	};
+	return (slot) => slot === void 0 ? void 0 : resolveTextSlot(caps, slot);
 }
 function NodeInfo({ node, name }) {
 	const { resource } = useScreenTree();
@@ -2263,6 +1960,7 @@ function BuroPanelFrame({ body, title, description, collapsible, open, onToggle,
 	const t = useOptionalT();
 	return jsxs("section", {
 		...nodeAttributes,
+		...title === void 0 ? {} : { "aria-labelledby": titleId },
 		children: [
 			title === void 0 && info === null && !collapsible ? null : jsxs("div", {
 				"data-buro-region": "panel-title",
@@ -2322,7 +2020,6 @@ function BuroTabsFrame({ tabs, active, onSelect, info, nodeAttributes }) {
 			}), info]
 		}), tabs.map((tab) => jsx(TabsContent, {
 			value: tab.key,
-			forceMount: true,
 			"data-buro-region": "tab-panel",
 			"data-buro-key": tab.key,
 			children: tab.panel
@@ -2410,17 +2107,17 @@ function BuroStepsFrame({ wizard, steps, goTo, back, next, headingRef, info, nod
 //#region src/primitives/checkbox.tsx
 const Checkbox = React.forwardRef(({ className, checked, ...props }, ref) => jsx(CheckboxPrimitive.Root, {
 	ref,
-	className: 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: 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: jsx(CheckboxPrimitive.Indicator, {
 		className: cn("flex items-center justify-center text-current"),
 		children: checked === "indeterminate" ? jsx(IconMinus, {
 			"data-icon": "minus",
-			className: "h-4 w-4"
+			className: "size-3.5"
 		}) : jsx(IconCheck, {
 			"data-icon": "check",
-			className: "h-4 w-4"
+			className: "size-3.5"
 		})
 	})
 }));
@@ -2445,6 +2142,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";
@@ -2456,7 +2164,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;
@@ -2481,21 +2190,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 jsx(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: cn(resizable && !pinEdge && !noClip && "overflow-hidden", pinEdge && "relative", pinEdge, columnMetaClassName(cell.column.columnDef.meta), onCellClick && "cursor-pointer"),
 		children: resizable && !noClip ? jsx("div", {
 			className: "truncate",
@@ -2507,7 +2230,7 @@ function renderCellMarkup({ cell, resizable, overflowing, testId, onCellClick, n
 function MemoCellInner(props) {
 	return renderCellMarkup(props);
 }
-const MemoCell = 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 = 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) => {
@@ -2521,7 +2244,7 @@ function SelectionCellInner(props) {
 	});
 }
 const SelectionCell = 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 jsx(TableRow, {
 		"data-state": isSelected ? "selected" : void 0,
@@ -2534,6 +2257,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) : jsx(MemoCell, {
@@ -2541,13 +2265,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 = 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 = 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 jsx(TableBody, { children: isLoading ? Array.from({ length: loadingRowCount }).map((_, i) => jsx(TableRow, {
 		"aria-busy": "true",
 		children: Array.from({ length: Math.max(1, visibleColumnCount) }).map((__, j) => jsx(TableCell, { children: jsx("div", { className: "h-4 w-3/4 animate-pulse rounded bg-muted" }) }, `skeleton-${i}-${j}`))
@@ -2564,6 +2289,7 @@ function DataTableBodyInner({ rows, isLoading, loadingRowCount, visibleColumnCou
 		resizable,
 		overflowing,
 		columnLayoutKey,
+		fillColumnId,
 		selectionColumnId,
 		getCellTestId,
 		getRowTestId,
@@ -2575,7 +2301,7 @@ function DataTableBodyInner({ rows, isLoading, loadingRowCount, visibleColumnCou
 }
 const DataTableBody = 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 = useOptionalT();
@@ -2605,8 +2331,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;
@@ -2698,7 +2426,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: [jsx(TableHeader, { children: headerGroups.map((hg) => jsx(TableRow, { children: hg.headers.map((header) => {
@@ -2709,7 +2437,7 @@ function DataTable({ table, tableTestId, getRowTestId, getCellTestId, isLoading
 			return jsxs(TableHead, {
 				colSpan: header.colSpan,
 				"aria-sort": ariaSort,
-				style: getPinStyles(header.column, overflowing),
+				style: getPinStyles(header.column, overflowing, header.column.id === fillId),
 				className: 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) => {
@@ -2768,6 +2496,7 @@ function DataTable({ table, tableTestId, getRowTestId, getCellTestId, isLoading
 			resizable,
 			overflowing,
 			columnLayoutKey,
+			fillColumnId: fillId,
 			selectionColumnId,
 			isResizing: Boolean(sizingInfo.isResizingColumn),
 			getCellTestId,
@@ -2820,69 +2549,103 @@ function ColumnHeaderMenu({ label, sortDirection, sortable, onSort, pinned, onPi
 				sortable && onSort && jsxs(DropdownMenuGroup, { children: [
 					jsx(DropdownMenuLabel, {
 						className: "text-xs font-medium text-muted-foreground",
-						children: tr("columnMenu.sortSection", "Сортировка")
+						children: tr("columnMenu.sortSection", "Sort")
 					}),
 					jsxs(DropdownMenuItem, {
 						onClick: () => onSort("asc"),
 						"data-testid": testid ? `${testid}:sort-asc` : void 0,
-						children: [jsx(IconArrowUp, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.sortAsc", "По возрастанию")]
+						children: [jsx(IconArrowUp, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.sortAsc", "Ascending")]
 					}),
 					jsxs(DropdownMenuItem, {
 						onClick: () => onSort("desc"),
 						"data-testid": testid ? `${testid}:sort-desc` : void 0,
-						children: [jsx(IconArrowDown, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.sortDesc", "По убыванию")]
+						children: [jsx(IconArrowDown, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.sortDesc", "Descending")]
 					}),
 					sortDirection && jsxs(DropdownMenuItem, {
 						onClick: () => onSort(null),
-						children: [jsx(IconX, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.clearSort", "Сбросить")]
+						children: [jsx(IconX, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.clearSort", "Clear")]
 					})
 				] }),
 				onPin && jsxs(Fragment$1, { children: [sortable && onSort && jsx(DropdownMenuSeparator, {}), jsxs(DropdownMenuGroup, { children: [
 					jsx(DropdownMenuLabel, {
 						className: "text-xs font-medium text-muted-foreground",
-						children: tr("columnMenu.pinSection", "Закрепление")
+						children: tr("columnMenu.pinSection", "Pin")
 					}),
 					pinned !== "left" && jsxs(DropdownMenuItem, {
 						onClick: () => onPin("left"),
 						"data-testid": testid ? `${testid}:pin-left` : void 0,
-						children: [jsx(IconPinned, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.pinLeft", "Слева")]
+						children: [jsx(IconPinned, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.pinLeft", "Left")]
 					}),
 					pinned !== "right" && jsxs(DropdownMenuItem, {
 						onClick: () => onPin("right"),
-						children: [jsx(IconPinned, { className: "mr-2 size-4 -scale-x-100 text-muted-foreground" }), tr("columnMenu.pinRight", "Справа")]
+						children: [jsx(IconPinned, { className: "mr-2 size-4 -scale-x-100 text-muted-foreground" }), tr("columnMenu.pinRight", "Right")]
 					}),
 					pinned !== false && jsxs(DropdownMenuItem, {
 						onClick: () => onPin(false),
 						"data-testid": testid ? `${testid}:unpin` : void 0,
-						children: [jsx(IconPinnedOff, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.unpin", "Открепить")]
+						children: [jsx(IconPinnedOff, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.unpin", "Unpin")]
 					})
 				] })] }),
 				canMove && jsxs(Fragment$1, { children: [jsx(DropdownMenuSeparator, {}), jsxs(DropdownMenuGroup, { children: [
 					jsx(DropdownMenuLabel, {
 						className: "text-xs font-medium text-muted-foreground",
-						children: tr("columnMenu.moveSection", "Перемещение")
+						children: tr("columnMenu.moveSection", "Move")
 					}),
 					canMoveLeft && jsxs(DropdownMenuItem, {
 						onClick: () => onMove?.("left"),
 						"data-testid": testid ? `${testid}:move-left` : void 0,
-						children: [jsx(IconArrowLeft, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.moveLeft", "Влево")]
+						children: [jsx(IconArrowLeft, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.moveLeft", "Left")]
 					}),
 					canMoveRight && jsxs(DropdownMenuItem, {
 						onClick: () => onMove?.("right"),
 						"data-testid": testid ? `${testid}:move-right` : void 0,
-						children: [jsx(IconArrowRight, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.moveRight", "Вправо")]
+						children: [jsx(IconArrowRight, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.moveRight", "Right")]
 					})
 				] })] }),
 				canHide && onHide && jsxs(Fragment$1, { children: [jsx(DropdownMenuSeparator, {}), jsxs(DropdownMenuItem, {
 					onClick: onHide,
 					"data-testid": testid ? `${testid}:hide` : void 0,
-					children: [jsx(IconEyeOff, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.hide", "Скрыть колонку")]
+					children: [jsx(IconEyeOff, { className: "mr-2 size-4 text-muted-foreground" }), tr("columnMenu.hide", "Hide column")]
 				})] })
 			]
 		})]
 	});
 }
 //#endregion
+//#region src/resource/column-accessor.ts
+function columnAccessor(column) {
+	return column.includes(".") ? { accessorFn: (row) => row[column] } : { accessorKey: column };
+}
+//#endregion
+//#region src/resource/column-target.ts
+function columnTarget(registry, resource, column) {
+	if (!column.includes(".")) return void 0;
+	const resolved = resolveColumnField(registry, resource, column);
+	if (resolved === void 0) return void 0;
+	const ref = registry.get(resolved.resource)?.ref ?? {
+		namespace: "default",
+		id: resolved.resource
+	};
+	return {
+		field: resolved.field,
+		name: column.slice(column.lastIndexOf(".") + 1),
+		resource: resolved.resource,
+		ref
+	};
+}
+function capsOf(caps, resource) {
+	return {
+		has: (key, options) => caps.has(key, {
+			...options,
+			resource: options?.resource ?? resource
+		}),
+		t: (key, options) => caps.t(key, {
+			...options,
+			resource: options?.resource ?? resource
+		})
+	};
+}
+//#endregion
 //#region src/data-table/use-buro-data-table.ts
 function useBuroDataTable(opts) {
 	const { data, columns, total, getRowId, pagination, onPaginationChange, sorting, onSortingChange, columnFilters, onColumnFiltersChange, columnVisibility, onColumnVisibilityChange, rowSelection, onRowSelectionChange, enableRowSelection, columnPinning, onColumnPinningChange, columnSizing, onColumnSizingChange, columnOrder, onColumnOrderChange, enableColumnResizing } = opts;
@@ -2957,64 +2720,247 @@ function resolveUpdater(updater, prev) {
 }
 //#endregion
 //#region src/resource/list-error-state.tsx
-function ListErrorState({ error, onRetry, resource, title, className }) {
-	const t = useT();
-	const locale = useLocale();
-	const raw = error.message ?? "";
-	const friendly = toFriendlyError(raw, "", locale);
-	const friendlyError = friendly.replaced ? friendly.detail : raw;
-	return jsxs("div", {
-		role: "alert",
-		className: 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: [
-			jsx("div", {
-				className: "rounded-full bg-destructive/10 p-3 text-destructive",
-				children: jsx(IconAlertCircle, {
-					className: "size-6",
-					"aria-hidden": "true"
-				})
-			}),
-			jsxs("div", {
-				className: "space-y-1",
-				children: [jsx("h3", {
-					className: "text-base font-semibold tracking-tight text-destructive",
-					children: title ?? t("list.errorTitle")
-				}), jsx("p", {
-					className: "max-w-md text-sm text-muted-foreground",
-					children: friendlyError || t("list.errorBody")
-				})]
-			}),
-			raw && raw !== friendlyError ? jsxs("details", {
-				className: "max-w-md text-left",
-				children: [jsx("summary", {
-					className: "cursor-pointer text-xs text-muted-foreground hover:text-foreground",
-					children: t("list.errorDetails")
-				}), jsx("p", {
-					className: "mt-1.5 break-all font-mono text-xs text-muted-foreground",
-					"data-testid": "list-error-detail",
-					children: raw
-				})]
-			}) : null,
-			onRetry && jsx("div", {
-				className: "flex justify-center pt-2",
-				children: jsxs(Button, {
-					type: "button",
-					variant: "outline",
-					size: "sm",
-					"data-testid": resource ? `list-error-retry:${resource}` : "list-error-retry",
-					onClick: onRetry,
-					className: "gap-1.5",
-					children: [jsx(IconRefresh, {
-						className: "size-3.5",
-						"aria-hidden": "true"
-					}), t("actions.retry")]
-				})
-			})
-		]
+function ListErrorState(props) {
+	const { error, onRetry, resource, title, className } = props;
+	return jsx(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 = useMemo(() => layoutId === void 0 ? null : {
+		resource,
+		list: layoutId
+	}, [resource, layoutId]);
+	const settings = useOptionalUiSettings(tableLayoutSetting, params);
+	const settingsRef = useRef(settings);
+	settingsRef.current = settings;
+	const key = layoutId === void 0 ? void 0 : `${resource}\u0000${layoutId}`;
+	const fallback = useMemo(() => ({
+		sizes: {},
+		order: [],
+		pinning: defaultPinning
+	}), [defaultPinning]);
+	const [local, setLocal] = useState();
+	const stored = settings?.snapshot.entries[0]?.value;
+	const settled = settings === void 0 || !settings.snapshot.pending;
+	const held = useRef(null);
+	const layout = (local !== void 0 && local.key === key ? local.value : void 0) ?? stored ?? fallback;
+	const latest = useRef(layout);
+	latest.current = layout;
+	const sizing = useMemo(() => readSizes(layout.sizes, rule), [layout.sizes, rule]);
+	const sizingRef = useRef(sizing);
+	sizingRef.current = sizing;
+	const generation = useRef(0);
+	const timer = useRef(null);
+	const pending = useRef(null);
+	const confirm = useCallback((sent) => {
+		if (generation.current === sent && pending.current === null) setLocal(void 0);
+	}, []);
+	const write = 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 = 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 = 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 = 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]);
+	useEffect(() => flush, [key]);
+	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 = useRef(resetToken);
+	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 = 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 = useCallback((updater) => {
+		const order = resolve(updater, latest.current.order);
+		change({
+			...latest.current,
+			order
+		}, false, (edits) => {
+			edits.order = order;
+		});
+	}, [change]);
+	const setColumnPinning = 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 = useT();
@@ -3056,6 +3002,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;
@@ -3067,29 +3017,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 ALIGN_CLASS = {
+	start: "text-start",
+	center: "text-center",
+	end: "text-end"
 };
-const COLUMN_SIZE_BY_FORMAT = {
-	date: 132,
-	"date-time": 132
-};
-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, 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 = routeResourceKey(resourceInput);
 	const app = useApp();
 	const tid = useTestIds();
 	const t = useOptionalT();
+	const chromeT = useChromeT();
 	const locale = useLocale();
 	const nf = useMemo(() => new Intl.NumberFormat(locale), [locale]);
 	const i18nCaps = useI18nCaps(resource);
@@ -3111,38 +3062,25 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 	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;
-	useEffect(() => {
-		if (!resetToken) return;
-		setColumnSizing({});
-		if (resetLayout?.mode === "all") {
-			setColumnOrder([]);
-			setColumnPinning(DEFAULT_PINNING);
-		}
-	}, [resetToken]);
 	useEffect(() => {
 		if (controlled) return;
 		setOwnSelection({});
 	}, [data]);
 	const listAccess = useListAccess(resource);
-	const accessPending = listAccess.status === "pending";
+	const pathAccess = usePathAccess(resource);
+	const accessPending = listAccess.status === "pending" || pathAccess.pending;
 	const declaredColumnKeys = useMemo(() => {
 		if (!def) return [];
-		return [...columnsOverride ?? def.views?.list?.columns ?? Object.keys(def.fields)];
+		return [...columnsOverride ?? def.views?.list?.columns?.map(columnName) ?? Object.keys(def.fields)];
 	}, [def, columnsOverride]);
-	const visibleColumnKeys = useMemo(() => accessPending ? [] : declaredColumnKeys.filter((col) => listAccess.columnVisible(col)), [
+	const visibleColumnKeys = useMemo(() => accessPending ? [] : declaredColumnKeys.filter((col) => listAccess.columnVisible(col) && (columnTarget(app.registry, resource, col) === void 0 || listAccess.columnVisible(col.split(".")[0]) && pathAccess.visible(col))), [
 		accessPending,
 		declaredColumnKeys,
-		listAccess
-	]);
+		listAccess,
+		pathAccess,
+		app,
+		resource
+	]);
 	const skeletonColumnKeys = accessPending ? declaredColumnKeys : visibleColumnKeys;
 	const rows = useMemo(() => data ?? [], [data]);
 	const rowFlows = useMemo(() => {
@@ -3183,10 +3121,11 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 	const resourceLabel = resolveResourceLabel(i18nCaps, resource, "plural", def);
 	const recordSingular = resolveResourceLabel(i18nCaps, resource, "single", def);
 	const ariaLabel = resourceLabel;
-	const actionsHeader = t("actions.column", { defaultValue: "Actions" });
+	const actionsHeader = chromeT("actions.column", { defaultValue: "Actions" });
 	const viewRow = useViewRow(resource);
 	const volatileRef = useRef({
 		onSort,
+		sortable,
 		onHideColumn,
 		requiredColumns,
 		renderCell,
@@ -3198,6 +3137,7 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 	});
 	volatileRef.current = {
 		onSort,
+		sortable,
 		onHideColumn,
 		requiredColumns,
 		renderCell,
@@ -3221,6 +3161,45 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 	}, [rowLinkKey]);
 	const stableRowClassName = 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 = useMemo(() => {
+		const entries = new Map();
+		for (const entry of [...def?.views?.list?.columns ?? [], ...def?.views?.list?.optionalColumns ?? []]) {
+			const name = columnName(entry);
+			if (!entries.has(name)) entries.set(name, entry);
+		}
+		return (col) => columnUi?.[col] ?? (def === void 0 ? STANDALONE_COLUMN_UI : resolveColumnUi(def, entries.get(col) ?? col, app.registry, columnTypeWidth));
+	}, [
+		app,
+		def,
+		columnUi
+	]);
+	const { columnSizing, setColumnSizing, columnOrder, setColumnOrder, columnPinning, setColumnPinning } = useTableLayout({
+		resource,
+		layoutId,
+		rule: useMemo(() => {
+			const known = new Set([
+				...declaredColumnKeys,
+				...(def?.views?.list?.columns ?? []).map(columnName),
+				...(def?.views?.list?.optionalColumns ?? []).map(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 = useMemo(() => {
 		const cols = [];
 		if (selectable) cols.push({
@@ -3242,16 +3221,33 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 			})
 		});
 		for (const col of visibleColumnKeys) {
-			const field = def?.fields?.[col];
-			const headerLabel = resolveFieldLabel(volatileRef.current.i18nCaps, col, field?.label);
-			const kindSize = columnSize(field);
+			const target = columnTarget(app.registry, resource, col);
+			const field = target !== void 0 ? target.field : def === void 0 ? void 0 : declaredField(def, col);
+			const declaredLabel = declaredText("field", field, "label");
+			const headerLabel = target === void 0 ? resolveFieldLabel(volatileRef.current.i18nCaps, col, declaredLabel) : resolveFieldLabel(capsOf(volatileRef.current.i18nCaps, target.resource), target.name, declaredLabel);
+			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 && isColumnSortable(def, col, app, app.registry));
 			cols.push({
 				id: col,
-				accessorKey: col,
-				...kindSize !== void 0 ? { size: kindSize } : {},
-				enableSorting: Boolean(volatileRef.current.onSort),
+				...columnAccessor(col),
+				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();
@@ -3282,9 +3278,9 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 					};
 					return jsx(ColumnHeaderMenu, {
 						label: headerLabel,
-						sortable: Boolean(v.onSort),
+						sortable: columnSortable && Boolean(v.onSort),
 						sortDirection: v.sort?.[0]?.field === col ? v.sort[0].direction : null,
-						onSort: 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),
@@ -3301,17 +3297,26 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 					const value = record[col];
 					const customCell = volatileRef.current.renderCell?.(col, value, record);
 					const cellInner = customCell !== void 0 ? customCell : jsx(ResolvedFieldDisplay, {
-						resource: resourceRef,
-						name: col,
+						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: jsx("span", { children: String(value ?? "") })
 					});
+					const framed = (node) => customCell !== void 0 ? node : 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 ? jsx(ClaimedQuickLink, {
+					if (quick !== null) return framed(href ? jsx(ClaimedQuickLink, {
 						href,
 						className: relationLinkClassName,
 						onOpen: quick,
@@ -3325,21 +3330,22 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 							quick();
 						},
 						children: cellInner
-					});
-					return isFirstContentCell && href ? jsx(RouterLink, {
+					}));
+					return framed(isFirstContentCell && href ? jsx(RouterLink, {
 						href,
 						className: relationLinkClassName,
 						onClick: (e) => e.stopPropagation(),
 						children: cellInner
-					}) : cellInner;
+					}) : cellInner);
 				}
 			});
 		}
+		if (!rowActions) return cols;
 		cols.push({
 			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: () => jsx("span", {
 				className: "sr-only",
@@ -3350,7 +3356,7 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 				noRowNav: true,
 				noClip: true
 			},
-			cell: ({ row }) => jsx(ActionOverflow, {
+			cell: ({ row }) => typeof rowActions === "function" ? rowActions(row.original) : jsx(ActionOverflow, {
 				resource,
 				record: row.original,
 				surface: "row"
@@ -3358,7 +3364,9 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 		});
 		return cols;
 	}, [
+		app,
 		selectable,
+		rowActions,
 		resourceRef,
 		visibleColumnKeys,
 		def,
@@ -3368,7 +3376,8 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 		actionsHeader,
 		i18nCaps,
 		rowLinkKey,
-		narrow
+		narrow,
+		columnUiOf
 	]);
 	const handleSelectionChange = (updater) => {
 		if (controlled) {
@@ -3471,8 +3480,23 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 		const isWrongPage = page > 1;
 		const EmptyIcon = isFiltered ? IconFilterX : 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 } });
+		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 jsxs(Fragment$1, { children: [jsxs("div", {
 			className: 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),
@@ -3497,7 +3521,7 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 				jsxs("div", {
 					className: "flex justify-center gap-2 pt-2",
 					children: [
-						isFiltered && onClearFilter && jsx(Button, {
+						onClearFilter && jsx(Button, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
@@ -3685,43 +3709,46 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 		})
 	});
 }
-function usePersistedState(key, initial, debounceMs = 0) {
-	const [state, setState] = 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 = useOptionalT();
+	return jsxs("div", {
+		className: "flex flex-col gap-2",
+		"data-testid": `list-unbound:${props.resource}`,
+		children: [props.title === void 0 ? null : jsx("h3", {
+			className: "text-sm font-semibold",
+			children: props.title
+		}), jsx("p", {
+			className: "text-sm text-muted-foreground",
+			children: props.empty ?? t("table.empty", { defaultValue: "No records" })
+		})]
 	});
-	useEffect(() => {
-		try {
-			if (window.localStorage.getItem(key) == null) window.localStorage.setItem(key, JSON.stringify(initial));
-		} catch {}
-	}, [key]);
-	const writeTimer = 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 = useApp();
+	const control = useFlowRowResolver(resource);
+	return (app.registry.get(resource)?.actions.bulk ?? []).some((action) => isFlowAction(action) && control(action.name, void 0).state !== "absent");
+}
+function ExportReach(props) {
+	const { available } = useResourceExport(props.resource);
+	const capability = useCapability("run", {
+		resource: props.resource,
+		target: {
+			kind: "action",
+			name: "export"
+		},
+		mode: "list"
+	});
+	return props.children(available && capability.allowed);
+}
+function BulkExportReach(props) {
+	return useOptionalDataRuntime() !== null ? jsx(ExportReach, { ...props }) : props.children(false);
 }
 //#endregion
 //#region src/list-kit/pieces/piece.tsx
@@ -3789,15 +3816,47 @@ function ForceTableView(props) {
 }
 //#endregion
 //#region src/list-kit/pieces/list-body.tsx
+function LinkDetachRowButton(props) {
+	const { resource, linkEditing } = useListSurface();
+	const t = useOptionalT();
+	const [busy, setBusy] = useState(false);
+	const detach = linkEditing?.detach;
+	if (detach === void 0) return null;
+	const label = t("field.link.detach", { defaultValue: "Detach" });
+	return jsx(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: jsx(IconUnlink, {
+			className: "size-4",
+			"aria-hidden": "true"
+		})
+	});
+}
+const linkDetachRow = (row) => jsx(LinkDetachRowButton, { row });
 function ListBodyView() {
 	usePieceMount("body");
 	const list = useResourceListContext();
-	const { resource, route, tableView, createAvailable, createPage, rowProps, rowsViewFor, emptyState, renderCell } = 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 = useContext(ListItemContext);
 	const rowsView = useMemo(() => rowsViewFor?.(item), [rowsViewFor, item]);
 	const { query, pagination, cursor, count, columns, selection, filters, sorting, routing } = list;
 	const rows = policyRowsOf(list, list.rows);
-	return jsx(ResourceList, {
+	if (query.unbound) return jsx(UnboundRelatedList, { resource });
+	const view = (exportReachable) => jsx(ResourceList, {
 		resource,
 		data: rows,
 		total: pagination.total,
@@ -3814,28 +3873,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,
+		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 jsx(BulkExportReach, {
+		resource,
+		children: view
+	});
 }
 const ListBody = listPiece("ListBody", ListBodyView);
 //#endregion
+//#region src/resource/form-context.tsx
+const FormControlContext = createContext(null);
+const FormControlProvider = FormControlContext.Provider;
+function useFormControlOf(controller) {
+	const latest = useRef(controller);
+	latest.current = controller;
+	return useMemo(() => ({ setValues: (patch) => {
+		for (const [name, value] of Object.entries(patch)) latest.current.setValue(name, value);
+	} }), []);
+}
+function useFormControl() {
+	return useContext(FormControlContext);
+}
+//#endregion
 //#region src/record/route-screen-context.ts
 const RouteScreenClaimContext = createContext(false);
 const RouteScreenContext = createContext(false);
@@ -3931,7 +4012,10 @@ function PanelHost({ node, region = "panel-body", renderChildren }) {
 	const state = useScreenState();
 	const text = useNodeText();
 	const options = compiled.nodes[node.index].options;
-	const title = text(options.title);
+	const title = options.title?.humanized === true ? text({
+		...options.title,
+		default: ""
+	}) || void 0 : text(options.title);
 	const description = text(options.description);
 	const collapsible = options.collapse !== void 0;
 	const open = !collapsible || node.open !== false;
@@ -3956,7 +4040,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 },
@@ -3991,22 +4075,24 @@ function TabsHost({ node, renderChildren }) {
 	const state = 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) => {
 		const panel = panels.find((candidate) => panelValue(candidate) === key);
 		if (panel !== void 0) select(panel, false);
 	};
-	const titleOf = (panel) => text(compiled.nodes[panel.index].options.title) ?? panel.key ?? panel.id;
+	const titleOf = (panel) => text(compiled.nodes[panel.index].options.title) ?? panel.id;
 	const tabs = panels.map((panel) => ({
 		key: panelValue(panel),
 		title: titleOf(panel),
 		errorCount: panel.key === void 0 ? 0 : controller.errorsIn(panel.key),
-		panel: panels.length === 1 || panel.open === true ? jsx(Fragment$1, { children: renderChildren(panel.children) }) : null
+		panel: panels.length === 1 || panel.open === true ? jsx(Fragment$1, { children: renderChildren(panel.children, panel) }) : null
 	}));
 	const { view: View, id } = useNodeView(node, "tabs");
 	const t = useFrameT(id);
@@ -4044,7 +4130,7 @@ function StackedStepsHost({ node, renderChildren }) {
 	const t = useFrameT(id);
 	const steps = node.children.filter((child) => child.state !== "absent").map((panel) => {
 		const options = compiled.nodes[panel.index].options;
-		const title = text(options.title) ?? panel.key ?? panel.id;
+		const title = text(options.title) ?? panel.id;
 		const description = text(options.description);
 		return {
 			key: panel.key ?? panel.id,
@@ -4092,7 +4178,7 @@ function WizardHost({ node, renderChildren }) {
 	const current = panels.find((child) => child.open === true) ?? panels[0];
 	const index = current === void 0 ? -1 : panels.indexOf(current);
 	const idOf = (panel) => panel.key ?? panel.id;
-	const titleOf = (panel) => text(compiled.nodes[panel.index].options.title) ?? panel.key ?? panel.id;
+	const titleOf = (panel) => text(compiled.nodes[panel.index].options.title) ?? panel.id;
 	const headingRef = useRef(null);
 	const shown = useRef(void 0);
 	const currentId = current === void 0 ? void 0 : idOf(current);
@@ -4117,7 +4203,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,
@@ -4163,18 +4249,23 @@ function WizardHost({ node, renderChildren }) {
 //#region src/screen/nodes.tsx
 function FailedNode({ node }) {
 	const { controller } = useScreenTree();
-	const t = useOptionalT();
-	return 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: [jsx("span", { children: t("screen.failed", { defaultValue: "This section could not be loaded." }) }), jsx(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 jsx(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) {
@@ -4187,8 +4278,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 : jsx("p", {
+			"data-buro-region": "empty",
+			className: "text-sm text-muted-foreground",
+			children: empty
+		});
+	}
 	const out = [];
 	let run = [];
 	const flush = () => {
@@ -4210,8 +4310,11 @@ function SectionChildren({ nodes }) {
 	flush();
 	return out;
 }
-function renderSection(nodes) {
-	return jsx(SectionChildren, { nodes });
+function renderSection(nodes, owner) {
+	return jsx(SectionChildren, {
+		nodes,
+		owner
+	});
 }
 function Layout({ node }) {
 	return jsx("div", {
@@ -4333,17 +4436,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 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}` }
 	});
 }
@@ -4410,7 +4510,9 @@ function DeclarativeFormBody(props) {
 		...props.surface === void 0 ? {} : { surface: props.surface },
 		...props.onSubmit === void 0 ? {} : { onSubmit: props.onSubmit }
 	});
-	const t = useOptionalT();
+	const formControl = useFormControlOf(form);
+	const chromeT = useChromeT();
+	const caps = useI18nCaps();
 	const disabled = props.disabled === true;
 	const uid = useId();
 	const leafIds = useMemo(() => ({
@@ -4420,8 +4522,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");
@@ -4434,7 +4536,7 @@ function DeclarativeFormBody(props) {
 			formErrors.length > 0 && 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) => jsx("p", { children: issueText(issue, t, prefix) }, index))
+				children: formErrors.map((issue, index) => jsx("p", { children: issueText(issue, caps, prefix) }, index))
 			}),
 			retryableChecks.length > 0 && jsx("div", {
 				className: "mb-4 flex flex-wrap gap-2",
@@ -4444,25 +4546,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 && 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) => jsx("p", { children: issueText(issue, t, prefix) }, index))
+				children: formWarnings.map((issue, index) => jsx("p", { children: issueText(issue, caps, prefix) }, index))
 			}),
-			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 }
+			jsx(FormControlProvider, {
+				value: formControl,
+				children: 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 ? jsx("div", {
 				className: "mt-4 flex justify-end",
@@ -4470,7 +4575,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
 		]
@@ -4484,28 +4589,39 @@ function DeclarativeFormBody(props) {
 }
 //#endregion
 //#region src/export/format-option-labels.ts
-function exportFormatOptionKey(formatId, field, value) {
-	return value === void 0 ? `export.format.${formatId}.${field}.label` : `export.format.${formatId}.${field}.option.${value}`;
-}
 function localizeFormatOptions(caps, format) {
 	const fields = format.options;
 	if (fields === void 0) return void 0;
 	const out = {};
 	for (const [name, field] of Object.entries(fields)) {
 		const declared = field;
+		const label = resolveContentSlot(caps, [exportFormatFieldKey(format.id, name)], {
+			default: declaredText("field", field, "label"),
+			humanize: () => humanizeKey(name)
+		});
+		const options = declared.options?.map((option) => ({
+			value: String(option.value),
+			label: resolveContentSlot(caps, [exportFormatOptionKey(format.id, name, String(option.value))], {
+				default: fieldOptionText(field, String(option.value)),
+				humanize: () => String(option.value)
+			})
+		}));
+		const declaredTexts = typeof declared.texts === "object" && declared.texts !== null ? declared.texts : {};
+		const declaredOptions = declaredTexts.options ?? {};
+		const texts = {
+			...declaredTexts,
+			label,
+			...options === void 0 ? {} : { options: Object.fromEntries(options.map(({ value, label: optionLabel }) => {
+				const entry = declaredOptions[value];
+				return [value, typeof entry === "object" && entry !== null ? {
+					...entry,
+					label: optionLabel
+				} : optionLabel];
+			})) }
+		};
 		out[name] = {
 			...field,
-			label: resolveContentSlot(caps, [exportFormatOptionKey(format.id, name)], {
-				default: typeof declared.label === "string" ? declared.label : void 0,
-				humanize: () => humanizeKey(name)
-			}),
-			...declared.options === void 0 ? {} : { options: declared.options.map((option) => ({
-				...option,
-				label: resolveContentSlot(caps, [exportFormatOptionKey(format.id, name, String(option.value))], {
-					default: option.label,
-					humanize: () => String(option.value)
-				})
-			})) }
+			texts
 		};
 	}
 	return out;
@@ -4544,10 +4660,14 @@ function ExportOptionsDirty({ dirty }) {
 	return null;
 }
 function getNoRunState() {}
-function ExportDialog({ open, onOpenChange, resource, target, visibleColumns, estimatedCount }) {
+function ExportDialog({ open, onOpenChange, resource: resourceInput, target, visibleColumns, estimatedCount, scope }) {
+	const resource = routeResourceKey(resourceInput);
 	const t = useOptionalT();
 	const dialogTestId = useTestIds().exportDialog(resource);
-	const { formats, start, exporter, available, error, loading } = useResourceExport(resource, { load: open });
+	const { formats, start, exporter, available, error, loading } = useResourceExport(resource, {
+		load: open,
+		...scope === void 0 ? {} : { scope }
+	});
 	const [mode, setMode] = React.useState("form");
 	const [formatIdOverride, setFormatIdOverride] = React.useState(void 0);
 	const [columnsMode, setColumnsMode] = React.useState("visible");
@@ -4569,6 +4689,15 @@ function ExportDialog({ open, onOpenChange, resource, target, visibleColumns, es
 	]);
 	const requestColumns = columnsMode === "visible" && visibleColumns.length > 0 ? exportableVisible : allowedListColumns;
 	const selectedFormat = formats.find((f) => f.id === formatIdOverride) ?? formats[0];
+	const reportedLabels = React.useRef(new Set());
+	React.useEffect(() => {
+		if (process.env.NODE_ENV === "production") return;
+		for (const format of formats) {
+			if ((Object.hasOwn(format, "label") ? format.label : void 0) === void 0 || reportedLabels.current.has(format.id)) continue;
+			reportedLabels.current.add(format.id);
+			console.error(`[ExportDialog] export format '${format.id}' declares label, which was removed: write texts — the text the bundle holds at common.${exportFormatLabelKey(format.id)} (see docs/i18n-guide.md).`);
+		}
+	}, [formats]);
 	const caps = useI18nCaps();
 	const localizedOptions = React.useMemo(() => selectedFormat === void 0 ? void 0 : localizeFormatOptions(caps, selectedFormat), [caps, selectedFormat]);
 	const wasOpenRef = React.useRef(open);
@@ -4654,14 +4783,15 @@ function ExportDialog({ open, onOpenChange, resource, target, visibleColumns, es
 				})] }), jsx(ExportProgressView, {
 					state: runState,
 					dialogTestId,
-					t
+					t,
+					caps
 				})] }) : jsxs(Fragment$1, { children: [jsxs(DialogHeader, { children: [jsx(DialogTitle, { children: titleText }), jsx(DialogDescription, {
 					className: "sr-only",
 					children: titleText
 				})] }), !available ? 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") : resolveErrorText(error, caps)
 				}) : jsxs(Fragment$1, { children: [
 					loading ? jsx("p", {
 						role: "status",
@@ -4682,7 +4812,10 @@ function ExportDialog({ open, onOpenChange, resource, target, visibleColumns, es
 							}), jsx(SelectContent, { children: formats.map((format) => jsx(SelectItem, {
 								value: format.id,
 								"data-testid": `${dialogTestId}:format:option:${format.id}`,
-								children: typeof format.label === "string" ? format.label : format.id
+								children: resolveContentSlot(caps, [exportFormatLabelKey(format.id)], {
+									default: declaredText("export-format", format, "label"),
+									humanize: () => format.id
+								})
 							}, format.id)) })]
 						})]
 					}),
@@ -4737,7 +4870,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;
@@ -4758,7 +4891,7 @@ function ExportProgressView({ state, dialogTestId, t }) {
 	if (state.status === "failed") return jsx("p", {
 		role: "alert",
 		"data-testid": `${dialogTestId}:error`,
-		children: `${t("export.dialog.failed")}: ${state.error.message}`
+		children: `${t("export.dialog.failed")}: ${resolveErrorText(state.error, caps)}`
 	});
 	if (state.status === "canceled") return jsx("p", {
 		"data-testid": `${dialogTestId}:canceled`,
@@ -4771,6 +4904,7 @@ function ExportProgressView({ state, dialogTestId, t }) {
 function BulkSummary(props) {
 	const loaded = useLoaded(loadBulkSummary);
 	const t = useOptionalT();
+	const chromeT = useChromeT();
 	const failed = (retry) => jsxs("div", {
 		role: "alert",
 		className: "flex items-center gap-2 text-sm",
@@ -4779,7 +4913,7 @@ function BulkSummary(props) {
 			size: "sm",
 			variant: "outline",
 			onClick: retry,
-			children: text(t, "actions.retry", "Retry")
+			children: chromeT("actions.retry", { defaultValue: "Retry" })
 		})]
 	});
 	if (loaded.error !== void 0) return failed(loaded.retry);
@@ -4797,13 +4931,14 @@ function BulkFlowButton({ resource, actionName, ids, onSelectionChange }) {
 	const control = useFlowRowResolver(resource)(actionName, void 0);
 	const chrome = useFlowChrome(resource, actionName);
 	const def = app.registry.get(resource);
-	const each = useMemo(() => {
+	const compiled = useMemo(() => {
 		try {
-			return def === void 0 ? false : compileFlow(def, actionName).each;
+			return def === void 0 ? void 0 : compileFlow(def, actionName);
 		} catch {
-			return false;
+			return;
 		}
 	}, [def, actionName]);
+	const each = compiled?.each ?? false;
 	const [running, setRunning] = useState(false);
 	const [summary, setSummary] = useState(null);
 	const testid = tid.bulkAction(resource, actionName);
@@ -4811,7 +4946,10 @@ function BulkFlowButton({ resource, actionName, ids, onSelectionChange }) {
 	const variant = chrome.destructive ? "destructive" : "outline";
 	const overLimit = each && ids.length > BULK_EACH_LIMIT;
 	if (overLimit || control.state === "disabled") return jsx(DisabledAction, {
-		reason: overLimit ? text(t, "flow.bulkLimit", `Select at most ${BULK_EACH_LIMIT}.`, { count: BULK_EACH_LIMIT }) : control.reason,
+		reason: overLimit ? t("flow.bulkLimit", {
+			defaultValue: `Select at most ${BULK_EACH_LIMIT}.`,
+			count: BULK_EACH_LIMIT
+		}) : control.reason,
 		label: chrome.label,
 		icon: chrome.icon,
 		testid,
@@ -4873,14 +5011,15 @@ function BulkFlowButton({ resource, actionName, ids, onSelectionChange }) {
 						actionName,
 						label: chrome.labelText,
 						total: summary.total,
-						progress: summary.progress
+						progress: summary.progress,
+						texts: compiled?.flow.texts
 					}),
 					jsx(DialogFooter, { children: jsx(Button, {
 						type: "button",
 						variant: "outline",
 						"data-testid": `${tid.bulkSummary(resource, actionName)}:close`,
 						onClick: () => setSummary(null),
-						children: text(t, "flow.close", "Close")
+						children: t("flow.close", { defaultValue: "Close" })
 					}) })
 				]
 			})
@@ -4896,10 +5035,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 }) {
+function BulkActionToolbar({ resource: resourceInput, table, selectedRecords, selectedIds, onClearSelection, onSelectionChange, className, visibleColumns, scope, actions }) {
+	const resource = routeResourceKey(resourceInput);
 	const app = useApp();
 	const tid = useTestIds();
 	const t = useOptionalT();
+	const chromeT = 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);
@@ -4932,7 +5073,8 @@ function BulkActionToolbar({ resource, table, selectedRecords, selectedIds, onCl
 					className: "mx-0.5 h-6 w-px bg-border",
 					"aria-hidden": "true"
 				}),
-				bulkActions.map((action) => jsx(BulkFlowButton, {
+				actions !== void 0 ? actions : null,
+				actions === void 0 && bulkActions.map((action) => jsx(BulkFlowButton, {
 					resource,
 					actionName: action.name,
 					ids,
@@ -4941,10 +5083,11 @@ function BulkActionToolbar({ resource, table, selectedRecords, selectedIds, onCl
 						else if (next.length === 0) handleClear();
 					}
 				}, action.name)),
-				jsx(BulkExportButton, {
+				actions === void 0 && jsx(BulkExportButton, {
 					resource,
 					ids,
-					visibleColumns: visibleColumns ?? []
+					visibleColumns: visibleColumns ?? [],
+					...scope === void 0 ? {} : { scope }
 				}),
 				jsxs(Button, {
 					type: "button",
@@ -4957,7 +5100,7 @@ function BulkActionToolbar({ resource, table, selectedRecords, selectedIds, onCl
 						"aria-hidden": "true"
 					}), jsx("span", {
 						className: "hidden sm:inline",
-						children: t("actions.clearSelection", { defaultValue: "Clear" })
+						children: chromeT("actions.clearSelection", { defaultValue: "Clear" })
 					})]
 				})
 			]
@@ -4967,15 +5110,16 @@ function BulkActionToolbar({ resource, table, selectedRecords, selectedIds, onCl
 		className: "h-20 sm:h-24"
 	})] });
 }
-function BulkExportButton({ resource, ids, visibleColumns }) {
+function BulkExportButton({ resource, ids, visibleColumns, scope }) {
 	if (!(useOptionalDataRuntime() !== null)) return null;
 	return jsx(BulkExportButtonActive, {
 		resource,
 		ids,
-		visibleColumns
+		visibleColumns,
+		...scope === void 0 ? {} : { scope }
 	});
 }
-function BulkExportButtonActive({ resource, ids, visibleColumns }) {
+function BulkExportButtonActive({ resource, ids, visibleColumns, scope }) {
 	const tid = useTestIds();
 	const t = useOptionalT();
 	const { available, prefetch } = useResourceExport(resource);
@@ -5010,23 +5154,49 @@ function BulkExportButtonActive({ resource, ids, visibleColumns }) {
 		onOpenChange: setOpen,
 		resource,
 		target,
-		visibleColumns
+		visibleColumns,
+		...scope === void 0 ? {} : { scope }
 	})] });
 }
 //#endregion
 //#region src/list-kit/pieces/list-bulk-bar.tsx
+function LinkDetachBulkButton(props) {
+	const { selection } = useResourceListContext();
+	const { resource } = useListSurface();
+	const t = useOptionalT();
+	const [busy, setBusy] = useState(false);
+	return jsxs(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: [jsx(IconUnlink, {
+			className: "size-4",
+			"aria-hidden": "true"
+		}), t("field.link.detach", { defaultValue: "Detach" })]
+	});
+}
 function ListBulkBarView() {
 	usePieceMount("bulk-bar");
-	const { selection, columns } = useResourceListContext();
-	const { resource, tableView } = useListSurface();
-	if (!tableView || selection.ids.length === 0) return null;
+	const { selection, columns, scope } = useResourceListContext();
+	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 jsx(BulkActionToolbar, {
+		...detach === void 0 ? {} : { actions: jsx(LinkDetachBulkButton, { onDetach: detach.onDetach }) },
 		resource,
 		selectedRecords: selection.records,
 		selectedIds: selection.ids,
 		onClearSelection: selection.clear,
 		onSelectionChange: selection.set,
-		visibleColumns: columns.visible
+		visibleColumns: columns.visible,
+		scope
 	});
 }
 const ListBulkBar = listPiece("ListBulkBar", ListBulkBarView);
@@ -5108,9 +5278,11 @@ 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 = routeResourceKey(resourceInput);
 	const t = useT();
 	const columnsCaps = useI18nCaps(resource);
+	const app = useApp();
 	const visibleSet = useMemo(() => new Set(visibleColumns), [visibleColumns]);
 	const requiredSet = useMemo(() => new Set(required), [required]);
 	const defaultSet = useMemo(() => new Set(defaultVisible), [defaultVisible]);
@@ -5175,8 +5347,9 @@ function ColumnsToggle({ resource, def, allAvailable, required, visibleColumns,
 			testid: `list-columns-restore-defaults:${resource}`
 		}] : []],
 		getColumnLabel: (column) => {
-			const fieldDef = def.fields?.[column.id];
-			return resolveFieldLabel(columnsCaps, column.id, fieldDef?.label);
+			const target = columnTarget(app.registry, resource, column.id);
+			if (target !== void 0) return resolveFieldLabel(capsOf(columnsCaps, target.resource), target.name, declaredText("field", target.field, "label"));
+			return resolveFieldLabel(columnsCaps, column.id, declaredText("field", def.fields?.[column.id], "label"));
 		},
 		isColumnRequired: (column) => requiredSet.has(column.id),
 		getTestId: (role, columnId) => {
@@ -5213,12 +5386,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 = routeResourceKey(resourceInput);
 	const t = useOptionalT();
 	const Link = useLinkComponent();
 	const availability = useAvailability(resource, "create");
 	const gate = 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 jsx(DisabledAction, {
@@ -5289,7 +5466,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 = routeResourceKey(resourceInput);
 	if (!(useOptionalDataRuntime() !== null)) return null;
 	return jsx(ExportButtonActive, {
 		resource,
@@ -5310,36 +5488,19 @@ function ExportButtonActive({ resource, className }) {
 	const tid = useTestIds();
 	const t = 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 = 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;
@@ -5353,7 +5514,9 @@ function ExportButtonActive({ resource, className }) {
 		resource
 	]);
 	if (!available || !capability.allowed || list.isForbidden) return null;
-	return jsxs(Fragment$1, { children: [jsx(Button, {
+	if (target === null && !open) return null;
+	if (dialogTarget === null) return null;
+	return jsxs(Fragment$1, { children: [target === null ? null : jsx(Button, {
 		type: "button",
 		variant: "outline",
 		size: "icon",
@@ -5372,9 +5535,10 @@ function ExportButtonActive({ resource, className }) {
 		open,
 		onOpenChange: setOpen,
 		resource,
-		target,
+		target: dialogTarget,
 		visibleColumns: list.columns.visible,
-		estimatedCount: list.pagination.total
+		estimatedCount: list.pagination.total,
+		scope: list.scope
 	})] });
 }
 //#endregion
@@ -5382,15 +5546,16 @@ function ExportButtonActive({ resource, className }) {
 function ListExportView() {
 	usePieceMount("export");
 	const { def } = useResourceListContext();
-	const { resource } = useListSurface();
-	if (!def) return null;
+	const { resource, exportable } = useListSurface();
+	if (!def || !exportable) return null;
 	return jsx(ExportButton, { resource });
 }
 const ListExport = listPiece("ListExport", ListExportView);
 //#endregion
 //#region src/list-kit/list-search-input.tsx
-function ListSearchInput({ resource, label, value, onCommit, placeholder }) {
-	const t = useT();
+function ListSearchInput({ resource: resourceInput, value, onCommit, placeholder }) {
+	const resource = routeResourceKey(resourceInput);
+	const caps = useI18nCaps(resource);
 	const [text, setText] = useState(value);
 	const lastPushedRef = useRef(value);
 	const timerRef = useRef(null);
@@ -5405,7 +5570,7 @@ function ListSearchInput({ resource, label, value, onCommit, placeholder }) {
 	}, []);
 	return jsx(Input, {
 		type: "search",
-		placeholder: placeholder ?? t("toolbar.searchBy", { params: { name: label } }),
+		placeholder: placeholder ?? resolveContentSlot(caps, ["list.search"]) ?? "Search",
 		value: text,
 		"data-testid": `list-search:${resource}`,
 		className: "h-8 w-full min-[420px]:w-72",
@@ -5423,24 +5588,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 } = useResourceListContext();
-	const t = useT();
-	const listCaps = useI18nCaps(resource);
+	const { resource, def, filters, pagination } = useResourceListContext();
+	const chromeT = useChromeT();
 	const testIdBase = `list-filter:${resource}`;
+	const caps = useI18nCaps(resource);
+	const placeholder = search === void 0 ? 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 = resolveContentSlot(listCaps, ["list.search"]) ?? "Search";
-	const searchLabel = searchField ? resolveFieldLabel(listCaps, searchField, (def?.fields[searchField])?.label) : searchGenericLabel;
-	const searchPlaceholder = searchField ? t("toolbar.searchBy", { params: { name: searchLabel } }) : searchGenericLabel;
 	return jsxs("div", {
 		className: "flex flex-wrap items-center gap-2",
 		children: [
 			searchDecl !== void 0 && filters.searchEnabled && jsx(ListSearchInput, {
 				resource,
-				label: searchLabel,
-				placeholder: searchPlaceholder,
+				...placeholder === void 0 ? {} : { placeholder },
 				value: filters.search,
 				onCommit: (v) => {
 					pagination.setPage(1);
@@ -5452,19 +5611,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 && jsx(Button, {
+			filters.canReset && jsx(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")
 			})
 		]
 	});
@@ -5578,16 +5739,23 @@ function ListLiveView() {
 const ListLive = listPiece("ListLive", ListLiveView);
 //#endregion
 //#region src/saved-views/saved-views-dropdown.tsx
-function ViewItem({ view, onClick, testid }) {
+function ViewItem({ view, caps, resource, onClick, testid }) {
+	const own = resource === void 0 ? void 0 : `resources.${resource}.${savedViewKey(view.id)}`;
+	const declared = declaredText("saved-view", view, "label");
+	const label = own === void 0 ? declared ?? humanizeKey(view.id) : resolveContentSlot(caps, [[`${own}.label`, own]], {
+		default: declared,
+		humanize: () => humanizeKey(view.id)
+	});
 	return jsx("button", {
 		type: "button",
 		onClick,
 		"data-testid": testid,
 		className: "w-full text-left rounded-sm px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
-		children: view.label
+		children: label
 	});
 }
 function EntryRow({ entry, onApply, onRename, onFork, onDelete, forkAvailable, applyTestId, renameTestId, forkTestId, deleteTestId, tr }) {
+	const chromeT = 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;
@@ -5633,8 +5801,8 @@ function EntryRow({ entry, onApply, onRename, onFork, onDelete, forkAvailable, a
 			canDelete && 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: jsx(IconTrash, {
@@ -5674,8 +5842,10 @@ function groupByScope(entries) {
 	}
 	return order.map((id) => byId.get(id));
 }
-function SavedViewsDropdown({ 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 : routeResourceKey(resourceInput);
 	const t = useOptionalT();
+	const caps = useI18nCaps(resource);
 	const tr = (key, fallback) => t?.(key, { defaultValue: fallback }) ?? fallback;
 	const [open, setOpen] = useState(false);
 	const hasAdopter = adopterViews.length > 0;
@@ -5729,6 +5899,8 @@ function SavedViewsDropdown({ adopterViews, entries, issues = [], onApply, onSav
 					className: "max-h-[200px] overflow-auto",
 					children: adopterViews.map((v) => jsx(ViewItem, {
 						view: v,
+						caps,
+						resource,
 						testid: getTestId?.("view-item", v.id),
 						onClick: closeAfter(() => onApply(v))
 					}, v.id))
@@ -5785,6 +5957,7 @@ function ListSavedViewsView() {
 	const { resource, route, savedViewsUi } = useListSurface();
 	if (!def || !route) return null;
 	return jsx(SavedViewsDropdown, {
+		resource,
 		adopterViews: savedViews.adopter,
 		entries: savedViews.entries,
 		issues: savedViews.issues,
@@ -5884,9 +6057,10 @@ function useOptionalFrameChrome() {
 //#endregion
 //#region src/record/frame-pieces.tsx
 function useFrameId() {
-	const { recordId, record } = useRecordFrame();
+	const { resource, recordId, record } = useRecordFrame();
+	const def = useApp().registry.get(resource);
 	if (recordId !== void 0) return recordId;
-	const id = record?.id;
+	const id = recordKeyOf(def, record);
 	return typeof id === "string" || typeof id === "number" ? String(id) : void 0;
 }
 function RecordTitleView() {
@@ -5897,7 +6071,7 @@ function RecordTitleView() {
 	const t = useOptionalT();
 	const title = useRecordTitle(resource, mode === "create" ? void 0 : id, record);
 	if (useFrameChrome().hostTitle === true) return null;
-	const text = mode === "create" ? t("pageHeader.createTitle", { params: { label: resolveResourceLabel(caps, resource, "single", app.registry.get(resource)) } }) : title;
+	const text = mode === "create" ? resolveResourceTitle(caps, t, resource, "createTitle", { label: resolveResourceLabel(caps, resource, "single", app.registry.get(resource)) }) : title;
 	if (text === "") return null;
 	return jsx("h2", {
 		className: "min-w-0 break-words text-xl font-semibold tracking-tight",
@@ -5921,6 +6095,7 @@ function RecordActionsView() {
 			resource,
 			record: row,
 			surface: mode,
+			sources: controller.sources,
 			...holder === void 0 ? {} : { hideFlows: (name) => holder.suppressed(name) }
 		}), mode === "show" ? extraActions : null]
 	});
@@ -5950,9 +6125,15 @@ function FormActionsView() {
 	const app = useApp();
 	const navigate = useRouteNavigate();
 	const t = useOptionalT();
+	const chromeT = useChromeT();
+	const caps = useI18nCaps();
+	const labelCaps = useI18nCaps(resource);
 	const tid = useTestIds();
-	const locale = useLocale();
 	const id = useFrameId();
+	const failedIssues = chrome.serverIssues;
+	const livePlan = controller.plan;
+	const alertIssues = useMemo(() => failedIssues === void 0 || failedIssues.length === 0 ? NO_ALERT_ISSUES : 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 = () => {
@@ -5976,21 +6157,43 @@ function FormActionsView() {
 	const text = (issue) => 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, locale);
+	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 = 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 : resolveFieldLabel(labelCaps, name, 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 jsxs("div", {
 		className: "flex flex-col gap-3",
 		children: [
-			failure === void 0 && formErrors.length === 0 ? null : jsxs("div", {
+			failure === void 0 && formErrors.length === 0 && serverIssues.length === 0 ? null : 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: [
@@ -6000,10 +6203,22 @@ function FormActionsView() {
 					}),
 					jsxs("div", {
 						className: "leading-snug",
-						children: [failure === void 0 ? null : jsx("p", {
-							className: "font-medium",
-							children: failure
-						}), formErrors.map((issue) => jsx("p", { children: text(issue) }, issueKey(issue)))]
+						children: [
+							failure === void 0 ? null : jsx("p", {
+								className: "font-medium",
+								children: failure
+							}),
+							serverIssues.map((issue, index) => 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 : jsxs("span", {
+									className: "font-medium",
+									children: [issue.label, ": "]
+								}), issue.message]
+							}, index)),
+							formErrors.map((issue) => jsx("p", { children: text(issue) }, issueKey(issue)))
+						]
 					}),
 					failure !== void 0 && steps !== null ? jsx(Button, {
 						type: "button",
@@ -6012,7 +6227,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
 				]
 			}),
@@ -6024,7 +6239,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 : jsxs("div", {
@@ -6050,7 +6265,7 @@ function FormActionsView() {
 						children: [jsx(IconLoader2, {
 							className: "h-3.5 w-3.5 animate-spin",
 							"aria-hidden": "true"
-						}), jsx("span", { children: t("actions.validating", { defaultValue: "Validating…" }) })]
+						}), jsx("span", { children: chromeT("actions.validating", { defaultValue: "Validating…" }) })]
 					}) : null,
 					jsx(Button, {
 						type: "button",
@@ -6058,7 +6273,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 : jsxs(Button, {
 						type: "submit",
@@ -6075,37 +6290,71 @@ function FormActionsView() {
 						children: [busy ? jsx(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, locale) {
-	const friendly = toFriendlyError(safeMessage(error), void 0, locale);
-	return friendly.replaced ? friendly.title : t("errors.failed", { defaultValue: "Failed" });
+function failureText(error, settled, t, caps) {
+	const texts = technicalTexts(error).filter((text) => text.length <= 1024);
+	const strings = friendlyStringsFrom(t);
+	const friendly = texts.map((text) => toFriendlyError(text, void 0, strings)).find((f) => f.replaced) ?? 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(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(RECORD_KIND_KEYS, kind);
+	const message = ownDataProperty(error, "message");
+	if (friendly.replaced && !hasOwnSentence) return (typeof code === "string" ? 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 specificErrorText(reference, caps, { record: true }) ?? (typeof kind === "string" ? 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 = [];
@@ -6378,31 +6627,35 @@ function PlannedFrame(props) {
 		})
 	}, name);
 	const { PlacementScope } = page;
+	const claimedRoute = useContext(RouteSourceContext);
 	const itemNode = page.plan.slots.item?.[0];
 	const item = useMemo(() => itemNode === void 0 ? void 0 : itemHandle(itemNode), [itemNode]);
 	return jsx(RouteSourceContext.Provider, {
 		value: null,
-		children: jsx(PlacementScope, { children: jsx(ScreenTreeScope, {
-			resource,
-			mode: "show",
-			compiled,
-			page,
-			children: jsx(ListItemContext.Provider, {
-				value: item,
-				children: jsx(FrameView, {
-					resource,
-					compiled,
-					slots
+		children: jsx(ActionRouteContext.Provider, {
+			value: claimedRoute,
+			children: jsx(PlacementScope, { children: jsx(ScreenTreeScope, {
+				resource,
+				mode: "show",
+				compiled,
+				page,
+				children: jsx(ListItemContext.Provider, {
+					value: item,
+					children: jsx(FrameView, {
+						resource,
+						compiled,
+						slots
+					})
 				})
-			})
-		}) })
+			}) })
+		})
 	});
 }
 function ListFrameHost({ resource }) {
 	const compiled = useCompiledListScreen(resource);
 	const hasDataRuntime = useOptionalDataRuntime() !== null;
 	const { def } = useResourceListContext();
-	const rowsView = (def?.views?.list)?.view ?? "table";
+	const rowsView = def?.views?.list?.initial?.view ?? "table";
 	if (compiled === null) return jsx(Arrangement, {});
 	if (compiled.nodes.length === 0 && rowsView === "table") {
 		const empty = {};
@@ -6421,17 +6674,30 @@ function ListFrameHost({ resource }) {
 }
 //#endregion
 //#region src/list-kit/resource-list-surface.tsx
-const RelatedCards = lazy(async () => ({ default: (await import("./related-list-cards-B6x9HQQp.js")).RelatedCards }));
-const RelatedTimeline = lazy(async () => ({ default: (await import("./related-list-timeline-DEdfd-rr.js")).RelatedTimeline }));
+function declaresDisplay(field) {
+	return field !== void 0 && resolveSurfaceUi(field, "column").use !== void 0;
+}
+const NO_INITIAL_FILTERS = Object.freeze({});
+const RelatedCards = lazy(async () => ({ default: (await import("./related-list-cards-BIqqY69Y.js")).RelatedCards }));
+const RelatedTimeline = lazy(async () => ({ default: (await import("./related-list-timeline-CRh7xwLD.js")).RelatedTimeline }));
 function discriminatorOptionLabel(field, value) {
+	const text = fieldOptionText(field, value);
+	if (text !== void 0) return text;
 	const declared = field;
 	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, view, item, placementKey, onCreate, 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 = useT();
 	const optionalT = useOptionalT();
+	const chromeT = useChromeT();
 	const tid = useTestIds();
 	const listCaps = useI18nCaps(resource);
 	const RouteFiltersSlot = useListSlot("filters", resource);
@@ -6446,15 +6712,45 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 		console.error(`[burojs] list.body-removed: list.body.${canonicalResourceName(resource)} is no longer rendered; a whole-body override is a list frame (views.list.frame).`);
 	}, [removedBody, resource]);
 	const searchDecl = useMemo(() => searchField === void 0 ? void 0 : { fields: [searchField] }, [searchField]);
-	const list = useResourceList(resource, route ? { meta } : {
+	const appRegistry = useApp().registry;
+	const effectiveView = route ? declaredRouteView(appRegistry.get(resource)) ?? "table" : view ?? "table";
+	const timeline = effectiveView === "timeline";
+	const initialKey = JSON.stringify(initial ?? null);
+	const placementInitial = 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 = useMemo(() => columnEntries?.map(columnName), [columnEntries]);
+	const list = 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;
 	policyRowsOf(list, list.rows);
+	const selectionRef = useRef(selection);
+	selectionRef.current = selection;
+	const onDetach = linkEditing?.detach?.onDetach;
+	const surfaceLinkEditing = 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 = useOptionalDataRuntime() !== null;
 	const scopeLabel = (scope) => scope.id === LOCAL_USER_SCOPE_ID ? t("toolbar.viewsMyScope") : scope.label;
 	const createAvailable = useAvailability(resource, "create").state === "available";
@@ -6464,7 +6760,7 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 	const gate = useEntryGate();
 	const openQuick = useQuickOpener();
 	const effectiveOpen = open ?? (route ? def !== void 0 && !hasRecordPage(def, "show") ? "quick" : "page" : "quick");
-	const quickRows = effectiveOpen === "quick";
+	const quickRows = effectiveOpen === "quick" && rowTarget === void 0;
 	useDeepLinkOpen(resource, resource, route && quickRows);
 	const rowQuick = useMemo(() => quickRows ? (row) => gate(resource, "show", row).state === "open" ? () => void openQuick(resource, String(row.id), { row }) : null : void 0, [
 		quickRows,
@@ -6472,14 +6768,36 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 		openQuick,
 		resource
 	]);
-	const rowHref = useMemo(() => effectiveOpen === "none" ? void 0 : quickRows ? (row) => gate(resource, "show", row).state === "undecided" ? void 0 : routing.rowHref(row) : routing.rowHref, [
+	const registry = useApp().registry;
+	const targetName = rowTarget?.resource;
+	const targetField = rowTarget?.field;
+	const targetGate = useAvailabilityResolver(targetName ?? resource);
+	const targetHref = useMemo(() => {
+		if (targetName === void 0 || targetField === void 0) return void 0;
+		const targetDef = registry.get(targetName);
+		const delegate = targetDef?.routesTo?.show;
+		const showDef = delegate === void 0 ? targetDef : registry.get(delegate);
+		const showPage = targetDef !== void 0 && showDef !== void 0 && hasRecordPage(showDef, "show");
+		return (row) => {
+			const key = row[targetField];
+			if (!showPage || key === null || key === void 0 || key === "") return void 0;
+			if (targetGate("show").state !== "available") return void 0;
+			return resourceShowHref(registry, targetDef, targetName, String(key));
+		};
+	}, [
+		registry,
+		targetName,
+		targetField,
+		targetGate
+	]);
+	const rowHref = useMemo(() => effectiveOpen === "none" ? void 0 : targetHref !== void 0 ? targetHref : quickRows ? (row) => gate(resource, "show", row).state === "undecided" ? void 0 : routing.rowHref(row) : routing.rowHref, [
 		effectiveOpen,
+		targetHref,
 		quickRows,
 		gate,
 		resource,
 		routing.rowHref
 	]);
-	const effectiveView = route ? (def?.views?.list)?.view ?? "table" : view ?? "table";
 	const tableView = effectiveView === "table";
 	const rowsViewFor = useMemo(() => tableView ? void 0 : (planned) => ({
 		skeleton: effectiveView === "cards" ? jsx(RelatedCardsSkeleton, {}) : jsx(RelatedTimelineSkeleton, {}),
@@ -6491,11 +6809,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 jsx(Suspense, {
 				fallback: effectiveView === "cards" ? jsx(RelatedCardsSkeleton, {}) : jsx(RelatedTimelineSkeleton, {}),
-				children: effectiveView === "cards" ? jsx(RelatedCards, { ...common }) : jsx(RelatedTimeline, { ...common })
+				children: effectiveView === "cards" ? jsx(RelatedCards, { ...common }) : jsx(RelatedTimeline, {
+					...common,
+					axis: timelineAxis
+				})
 			});
 		}
 	}), [
@@ -6508,7 +6830,9 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 		columns.visible,
 		columnNames,
 		rowQuick,
-		rowHref
+		rowHref,
+		empty,
+		timelineAxis
 	]);
 	const pageTitle = resolveResourceLabel(listCaps, resource, "plural", def);
 	const [saveOpen, setSaveOpen] = useState(false);
@@ -6590,6 +6914,10 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 			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 : "";
@@ -6601,20 +6929,21 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 			const fieldDef = def.fields[col];
 			const inline = discriminatorOptionLabel(fieldDef, raw);
 			const namespace = enumNamespaceOf(fieldDef);
-			const label = namespace === void 0 ? resolveContentSlot(listCaps, [fieldOptionKey(col, raw)], { default: inline }) : resolveEnumLabel(listCaps, namespace, raw, inline);
+			const label = namespace === void 0 ? resolveFieldOptionLabel(listCaps, col, raw, inline) : resolveEnumLabel(listCaps, namespace, raw, inline);
 			return jsx(Badge, {
 				variant: "secondary",
 				"data-testid": `list-cell-type:${resource}:${raw}`,
 				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 jsx(EnumBadge, {
+		const enumName = enumBindingKey(fieldDef?.opts?.enum ?? fieldDef?.ui?.enum);
+		if (enumName && typeof value === "string" && !columnNamesDisplay(col, fieldDef)) return jsx(EnumBadge, {
 			enumName,
 			value
 		});
-		return (renderCell ?? CellSlot)?.(col, value, row);
 	};
 	const surface = {
 		resource,
@@ -6642,8 +6971,16 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 			}
 		},
 		rowsViewFor,
-		emptyState,
-		renderCell: renderCellLadder
+		emptyState: empty !== void 0 && !list.filters.isFiltered && list.pagination.page <= 1 && (list.cursor === null || list.cursor.next === null) ? jsx("p", {
+			"data-buro-region": "empty",
+			className: "text-sm text-muted-foreground",
+			children: empty
+		}) : emptyState,
+		renderCell: renderCellLadder,
+		readOnly: readOnly === true,
+		exportable: exportable !== false,
+		...layoutId === void 0 ? {} : { layoutId },
+		...surfaceLinkEditing === void 0 ? {} : { linkEditing: surfaceLinkEditing }
 	};
 	return jsx(ResourceListProvider, {
 		value: list,
@@ -6656,22 +6993,44 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 						resource,
 						mode: "list",
 						title: pageTitle
-					}) : title === void 0 && onCreate === void 0 ? null : jsxs("div", {
+					}) : title === void 0 && onCreate === void 0 && onAttach === void 0 ? null : jsxs("div", {
 						className: "flex items-center justify-between gap-2",
-						children: [title === void 0 ? jsx("span", {}) : jsx("h3", {
-							className: "text-sm font-semibold",
-							children: title
-						}), onCreate === void 0 ? null : jsxs(Button, {
-							type: "button",
-							size: "sm",
-							variant: "outline",
-							"data-testid": `list-create:${resource}`,
-							onClick: onCreate,
-							children: [jsx(IconPlus, {
-								className: "mr-1 h-4 w-4",
-								"aria-hidden": "true"
-							}), optionalT("actions.create", { defaultValue: "Create" })]
-						})]
+						children: [
+							title === void 0 ? jsx("span", {}) : jsx("h3", {
+								className: "text-sm font-semibold",
+								children: title
+							}),
+							onAttach === void 0 ? null : jsxs(Button, {
+								type: "button",
+								size: "sm",
+								variant: "outline",
+								"data-testid": `list-link-attach:${resource}`,
+								onClick: onAttach,
+								disabled: attachBusy,
+								"aria-busy": attachBusy,
+								children: [attachBusy ? jsx(IconLoader2, {
+									className: "mr-1 h-4 w-4 animate-spin",
+									"aria-hidden": "true"
+								}) : jsx(IconLink, {
+									className: "mr-1 h-4 w-4",
+									"aria-hidden": "true"
+								}), optionalT("field.link.attach", { defaultValue: "Attach" })]
+							}),
+							onCreate === void 0 ? null : jsxs(Button, {
+								type: "button",
+								size: "sm",
+								variant: "outline",
+								"data-testid": `list-create:${resource}`,
+								onClick: onCreate,
+								children: [jsx(IconPlus, {
+									className: "mr-1 h-4 w-4",
+									"aria-hidden": "true"
+								}), optionalT("actions.create", {
+									resource,
+									defaultValue: "Create"
+								})]
+							})
+						]
 					}),
 					hasDataRuntime && jsx(ExportRunWatcherMount, {}),
 					droppedPredicates > 0 && jsx("p", {
@@ -6720,13 +7079,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")
 									}), jsx(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")
 									})] })
 								]
 							})
@@ -6763,7 +7122,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")
 											}) : jsx("span", {
 												className: "shrink-0 text-xs text-muted-foreground",
 												children: t("toolbar.viewsReadOnly")
@@ -6775,7 +7134,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")
 									}) })
 								]
 							})
@@ -6808,13 +7167,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")
 									}), jsx(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")
 									})] })
 								]
 							})
@@ -6849,7 +7208,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")
 									}), jsx(Button, {
 										type: "button",
 										onClick: handleForkConfirm,
@@ -6872,6 +7231,797 @@ 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 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 jsx(Fragment$1, { children: props.children });
+}
+function useRelationPicker(options) {
+	const app = useApp();
+	const runtime = useDataRuntime();
+	const frame = useOptionalRecordFrame();
+	const frames = 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 = 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 = 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: jsx(PickerHost, {
+			register,
+			children: active === null || held ? null : jsxs(RecordScopeChain, {
+				frames: active.frames,
+				children: [jsx(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 = useOptionalT();
+	const caps = useI18nCaps();
+	const chromeT = useChromeT();
+	const heading = t("field.link.partial", { defaultValue: "Some links were not changed" });
+	return jsx(Dialog, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open) onClose();
+		},
+		children: jsxs(DialogContent, {
+			"data-testid": testid,
+			className: "flex max-h-[85vh] flex-col overflow-hidden",
+			children: [
+				jsxs(DialogHeader, { children: [jsx(DialogTitle, { children: heading }), jsx(DialogDescription, {
+					className: "sr-only",
+					children: heading
+				})] }),
+				jsx("ul", {
+					className: "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overscroll-contain",
+					children: report.failed.map(({ id, error }) => jsxs("li", {
+						"data-testid": `${testid}:item:${id}`,
+						className: "text-sm",
+						children: [jsx("span", {
+							className: "font-medium",
+							children: titles[id] ?? id
+						}), jsx("span", {
+							className: "text-destructive",
+							children: `: ${resolveErrorText(error, caps)}`
+						})]
+					}, id))
+				}),
+				jsx(DialogFooter, { children: jsx(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 = useApp();
+	const runtime = useDataRuntime();
+	const t = useOptionalT();
+	const rights = useLinkRights(owner, link, {
+		surface: "panel",
+		record,
+		...placement === void 0 ? {} : { placement }
+	});
+	const writer = useLinkWriter(owner, link);
+	const linkedKeys = useLinkedKeys(owner, link);
+	const reverse = useMemo(() => 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 && linkCapabilitiesOf(runtime, providerId)?.links?.filter.none !== false;
+	} catch {
+		liveHides = false;
+	}
+	const liveHidesRef = useRef(liveHides);
+	liveHidesRef.current = liveHides;
+	const [frozenHides, setFrozenHides] = useState(null);
+	const hides = frozenHides ?? liveHides;
+	const ownerKeyId = JSON.stringify(ownerKey ?? null);
+	const hidden = useMemo(() => hides && reverse !== void 0 ? [{
+		field: reverse,
+		op: "hasNone",
+		value: [ownerKey]
+	}] : void 0, [
+		hides,
+		reverse,
+		ownerKeyId
+	]);
+	const disabledKeys = useCallback((keys, signal) => linkedKeys(record, keys, signal), [linkedKeys, record]);
+	const disabledLabel = 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] = useState(null);
+	const finish = useCallback((report, titles, done) => {
+		if (report.outcome !== "success") {
+			setSummary({
+				report,
+				titles
+			});
+			return;
+		}
+		const count = report.succeeded.length;
+		if (count === 0) return;
+		toast.success(t(`field.link.${done}`, {
+			count,
+			defaultValue: `${count} ${count === 1 ? "link" : "links"} ${done}`
+		}));
+	}, [t]);
+	const attaching = useRef(false);
+	const [attachWriting, setAttachWriting] = useState(false);
+	const onAttach = 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 = useRef(null);
+	const [confirming, setConfirming] = useState(null);
+	const detaching = useRef(false);
+	const [busy, setBusy] = useState(false);
+	const onDetach = useCallback((rows) => new Promise((resolve) => {
+		pending.current?.resolve([]);
+		pending.current = {
+			rows,
+			resolve
+		};
+		setConfirming(rows.length);
+	}), []);
+	useEffect(() => () => {
+		pending.current?.resolve([]);
+		pending.current = null;
+	}, []);
+	const cancel = useCallback(() => {
+		if (detaching.current) return;
+		pending.current?.resolve([]);
+		pending.current = null;
+		setConfirming(null);
+	}, []);
+	const proceed = 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: useMemo(() => !attachAllowed && !detachAllowed ? void 0 : {
+			...attachAllowed ? { attach: {
+				onAttach,
+				busy: attachWriting
+			} } : {},
+			...detachAllowed ? { detach: { onDetach } } : {}
+		}, [
+			attachAllowed,
+			attachWriting,
+			detachAllowed,
+			onAttach,
+			onDetach
+		]),
+		element: jsxs(Fragment$1, { children: [
+			picker.element,
+			jsx(CheckConfirmDialog, {
+				state: gate,
+				testid: `link-detach-confirm:${junction}`,
+				title: detachLabel,
+				proceedLabel: detachLabel,
+				tone: "destructive"
+			}),
+			summary === null ? null : 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 declaredField(def, name);
+}
+function peekLeafAllowed(def, name, capabilityFor, fieldVisible) {
+	const field = peekFieldDefinition(def, name);
+	if (field === void 0 || fieldSensitivity(field) !== void 0) return false;
+	if (capabilityFor("view", {
+		kind: "column",
+		name
+	}).allowed === false) return false;
+	return fieldVisible(name);
+}
+function peekRow(def, row, idField, capabilityFor, fieldVisible, drawn) {
+	const out = {};
+	for (const [name, value] of Object.entries(row)) out[name] = name === idField || (drawn === void 0 || drawn.has(name)) && peekLeafAllowed(def, name, capabilityFor, fieldVisible) ? value : null;
+	return Object.freeze(out);
+}
+function peekRecord(def, row, idField, capabilityFor, fieldVisible) {
+	if (def === void 0) return Object.freeze({ [idField]: row[idField] });
+	return peekRow(def, row, idField, capabilityFor, fieldVisible);
+}
+//#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) {
+	try {
+		return resourceKey(normalizeEntityRef(isResourceHandle(ref) ? ref.ref : ref));
+	} catch {
+		return;
+	}
+}
+function linkField(registry, owner, link) {
+	if (owner === void 0) return void 0;
+	const def = registry.get(owner);
+	const field = def === void 0 ? void 0 : peekFieldDefinition(def, link);
+	if (!isRecord(field)) return void 0;
+	const declaration = linkOf(field);
+	return declaration === void 0 ? void 0 : {
+		field,
+		declaration
+	};
+}
+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);
+}
+function idFieldOf(def) {
+	const declared = isRecord(def) && isRecord(def.data) ? def.data.idField : void 0;
+	return typeof declared === "string" && declared.length > 0 ? declared : "id";
+}
+function byOf(field) {
+	const by = isRecord(field) && isRecord(field.meta) ? field.meta.by : void 0;
+	return typeof by === "string" && by.length > 0 ? by : void 0;
+}
+const MAX_TARGET_HOPS = 2;
+function targetColumns(registry, target, def) {
+	if (!isRecord(def) || !isRecord(def.fields)) return [];
+	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.flatMap((entry) => {
+		const name = isRecord(entry) ? entry.field : entry;
+		return typeof name === "string" ? [name] : [];
+	}) : dtoFields(source, "list")).filter((name) => {
+		if (name.includes(".")) return name.split(".").length - 1 <= MAX_TARGET_HOPS && resolveColumnField(registry, target, name) !== void 0;
+		const field = peekFieldDefinition(source, name);
+		return isRecord(field) && !isRelationField(field) && fieldSensitivity(field) === void 0;
+	});
+}
+function LinkPanel(props) {
+	const { link, owner, own, empty } = props;
+	const app = useApp();
+	const frame = usePlacementFrame();
+	const routeScreen = useIsRouteScreen();
+	const record = useOptionalRecordFrame()?.record;
+	const runtime = useOptionalDataRuntime();
+	const storage = useMemo(() => {
+		const found = linkField(app.registry, owner, link);
+		if (found === void 0) return void 0;
+		const { declaration } = found;
+		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: targetBy !== void 0,
+			targetValueField: targetBy ?? idFieldOf(targetDef),
+			junctionIdField: idFieldOf(junctionDef),
+			where: declaration.where,
+			targetDef,
+			pickerScope: declaredScope === "context" || declaredScope === "session" || declaredScope === "none" ? declaredScope : void 0
+		};
+	}, [
+		app.registry,
+		owner,
+		link
+	]);
+	const ownerKey = storage === void 0 ? void 0 : record?.[storage.ownerField];
+	const whereKey = JSON.stringify(own.where ?? []);
+	const fixedFilters = useMemo(() => {
+		if (storage === void 0 || ownerKey === null || ownerKey === void 0) return void 0;
+		const { sourceKey, targetKey } = storage;
+		const placed = whereToFilter(own.where ?? [], (field) => `${targetKey}.${field}`);
+		return [
+			whereEntryToFilter(sourceKey, "eq", ownerKey),
+			...storage.where.map((entry) => whereEntryToFilter(entry.field, entry.op, entry.value)),
+			...placed === void 0 ? [] : [placed]
+		];
+	}, [
+		storage,
+		ownerKey,
+		whereKey
+	]);
+	const columnsKey = JSON.stringify([own.columns ?? null, own.linkColumns ?? null]);
+	const columns = useMemo(() => {
+		if (storage === void 0) return void 0;
+		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,
+		app.registry
+	]);
+	const rowTarget = useMemo(() => storage === void 0 || storage.targetKeyedBy ? void 0 : {
+		resource: storage.target,
+		field: storage.targetKey
+	}, [storage]);
+	const unbound = fixedFilters === void 0 || own.where !== void 0 && hasNullRef(own.where);
+	if (storage === void 0 || unbound) return jsx(UnboundRelatedList, {
+		resource: storage?.target ?? "",
+		title: own.title,
+		...empty === void 0 ? {} : { empty }
+	});
+	const state = frame?.state === "url" && routeScreen && !frame.nested ? { url: frame.key } : "memory";
+	let providerCounts;
+	if (runtime !== null) try {
+		providerCounts = 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.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 jsx(ResourceListSurface, { ...surface });
+	return 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 jsxs(Fragment$1, { children: [jsx(ResourceListSurface, {
+		...surface,
+		...linkEditing === void 0 ? {} : { linkEditing }
+	}), element] });
+}
+//#endregion
 //#region src/blocks/route-list-context.ts
 const RouteListContext = createContext(null);
 function useRouteList() {
@@ -6879,36 +8029,43 @@ 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();
-	const resource = resourceKey(own.resource);
+	const app = useApp();
+	const linked = own.link !== void 0;
+	const resource = linked ? linkTarget(app.registry, frame?.owner, own.link) ?? "" : resourceKey(own.resource);
 	const whereKey = JSON.stringify(own.where ?? []);
-	const fixedFilters = useMemo(() => own.where === void 0 ? void 0 : own.where.map(({ field, op, value }) => ({
-		field,
-		op,
-		value
-	})), [whereKey]);
+	const fixedFilters = useMemo(() => own.where === void 0 || own.where.length === 0 ? void 0 : [whereToFilter(own.where)], [whereKey]);
 	const columnsKey = JSON.stringify(own.columns ?? null);
 	const columns = useMemo(() => own.columns, [columnsKey]);
 	const routeScreen = useIsRouteScreen();
 	const inQuick = useQuickEntry() !== null;
 	useMemoryNotice(frame, routeScreen || inQuick, route !== null);
-	const t = useOptionalT();
 	const permissions = useCtx((c) => c.permissions);
-	const app = useApp();
 	const gate = useEntryGate();
 	const quick = useQuick();
 	const ownerDef = frame?.owner === void 0 ? void 0 : app.registry.get(frame.owner);
 	const granted = ownerDef === void 0 ? "unknown" : grantedPlacementKeys(ownerDef);
 	const trusted = frame !== null && !frame.nested && granted !== "unknown" && !granted.has(frame.key);
-	const onCreate = route === null && trusted && gate(resource, "create").state === "open" && frame !== null ? () => void quick.create(resource, { defaults: placementSeeds(frame.where ?? [], own.where ?? [], frame.closure ?? {}) }) : void 0;
-	useDeepLinkOpen(frame?.key ?? null, resource, route === null && frame !== null && !frame.nested && routeScreen && (own.open ?? "quick") === "quick");
-	const unbound = own.where?.some((entry) => entry.value === null || entry.value === void 0) === true;
+	const onCreate = route === null && !linked && trusted && gate(resource, "create").state === "open" && own.create !== false && (own.create === void 0 || 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 !== void 0 && hasNullRef(own.where);
+	if (linked) return frame?.owner === void 0 ? jsx(UnboundRelatedList, {
+		resource,
+		title: own.title,
+		...empty === void 0 ? {} : { empty }
+	}) : jsx(LinkPanel, {
+		link: own.link,
+		owner: frame.owner,
+		own,
+		...empty === void 0 ? {} : { empty }
+	});
 	if (route !== null) return 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 }
@@ -6919,31 +8076,32 @@ function RelatedListView({ props }) {
 		"data-testid": `list-undecided:${resource}`,
 		children: own.view === "cards" ? jsx(RelatedCardsSkeleton, {}) : jsx(RelatedTimelineSkeleton, {})
 	});
-	if (unbound) return jsxs("div", {
-		className: "flex flex-col gap-2",
-		"data-testid": `list-unbound:${resource}`,
-		children: [own.title === void 0 ? null : jsx("h3", {
-			className: "text-sm font-semibold",
-			children: own.title
-		}), jsx("p", {
-			className: "text-sm text-muted-foreground",
-			children: t("table.empty", { defaultValue: "No records" })
-		})]
+	if (unbound) return jsx(UnboundRelatedList, {
+		resource,
+		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 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 }
 	});
 }
@@ -6976,7 +8134,7 @@ function Missing({ text }) {
 		children: text ?? t("table.empty", { defaultValue: "No records" })
 	});
 }
-function RelatedRecordView({ props }) {
+function RelatedRecordView({ props, empty }) {
 	const own = props;
 	const app = useApp();
 	const resource = resourceKey(own.resource);
@@ -7010,15 +8168,15 @@ function RelatedRecordView({ props }) {
 		capabilityFor,
 		access
 	]);
-	if (id === null) return jsx(Missing, { text: own.missing });
+	if (id === null) return jsx(Missing, { text: own.missing ?? empty });
 	if (result === void 0) {
-		if (query.error != null) return jsx(Missing, { text: own.missing });
+		if (query.error != null) return jsx(Missing, { text: own.missing ?? empty });
 		return jsx(Skeleton, {
 			"data-buro-skeleton": "",
 			className: "h-9 w-full"
 		});
 	}
-	if (dtoRow === void 0) return jsx(Missing, { text: own.missing });
+	if (dtoRow === void 0) return jsx(Missing, { text: own.missing ?? empty });
 	if (projected.status === "pending" || projected.value === null) return jsx(Skeleton, {
 		"data-buro-skeleton": "",
 		className: "h-9 w-full"
@@ -7048,16 +8206,24 @@ function RelatedRecordView({ props }) {
 					className: "flex min-w-0 flex-col gap-0.5",
 					children: [jsx("dt", {
 						className: FIELD_LABEL_SHOW,
-						children: resolveFieldLabel(caps, name, field?.label)
+						children: resolveFieldLabel(caps, name, declaredText("field", field, "label"))
 					}), jsx("dd", {
 						className: "min-w-0 break-words text-sm",
-						children: jsx(ResolvedFieldDisplay, {
-							resource: own.resource,
-							name,
-							field,
+						children: jsx(FieldValueFrame, {
+							field: {
+								...field ?? {},
+								name
+							},
 							value,
-							record: row,
-							fallback: toDisplayText(value).text
+							surface: "display",
+							children: jsx(ResolvedFieldDisplay, {
+								resource: own.resource,
+								name,
+								field,
+								value,
+								record: row,
+								fallback: toDisplayText(value).text
+							})
 						})
 					})]
 				}, name);
@@ -7128,28 +8294,39 @@ function Chrome({ node, size, state, children }) {
 	});
 }
 function isAuthError(error) {
-	return isDataError(error) && error.kind === "auth";
+	return 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 = useOptionalT();
+	const chromeT = useChromeT();
+	const fallback = {
+		key: `block.${message}`,
+		default: PLACE_NODE_MESSAGES[message]
+	};
 	return jsx(Chrome, {
 		node,
 		size,
 		state: "failed",
-		children: jsxs("div", {
+		children: message === "notImplemented" ? 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: [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 : jsx(Button, {
+			children: [jsx("span", { children: t(fallback.key, { defaultValue: fallback.default }) }), retry === void 0 ? null : jsx(Button, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
 				onClick: retry,
-				children: t("actions.retry", { defaultValue: "Retry" })
+				children: chromeT("actions.retry", { defaultValue: "Retry" })
 			})]
+		}) : jsx(LoadError, {
+			surface: "block",
+			error,
+			...retry === void 0 ? {} : { retry },
+			fallback
 		})
 	});
 }
@@ -7229,7 +8406,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,
@@ -7237,7 +8415,8 @@ function ReadyPlacement({ node, size, placement, implementation }) {
 		nested,
 		declaredWhere,
 		compiled.sourceClosure,
-		owner
+		owner,
+		controller.sources
 	]);
 	return jsx(PlacementBoundary, {
 		node,
@@ -7295,6 +8474,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 jsx(FailedPlacement, {
@@ -7310,6 +8490,6 @@ function PlaceNode({ node }) {
 	});
 }
 //#endregion
-export { Tabs as $, ListColumns as A, ShellProvider as At, RouteScreenClaimContext as B, ListFilters as C, AppFlowButton as Ct, ExportButton as D, ResolvedFieldDisplay as Dt, ListExport as E, i18nPrefixToRef$1 as Et, ExportDialog as F, CursorLoadMore as G, useIsRouteScreen as H, DeclarativeForm as I, resolveUpdater as J, ListErrorState as K, ScreenTree as L, DataTableViewOptions as M, usePaletteState as Mt, ListBulkBar as N, useShell as Nt, ListCreate as O, lowerLegacyField as Ot, BulkActionToolbar as P, Checkbox as Q, useTabsUrlState as R, ListFlows as S, DeepLinkScope as St, ListSearchInput as T, FieldDisplay as Tt, ListBody as U, RouteScreenContext as V, ResourceList as W, useBuroDataTable as X, tanStackSortingToBuro as Y, DataTable as Z, useFrameChrome as _, ActionOverflow as _t, isBuiltinRecordView as a, RELATED_GRID_CLASS as at, SavedViewsDropdown as b, downloadArtifact as bt, ChangeTypeButton as c, ShowPageHeader as ct, UndeclaredTypeNotice as d, typography as dt, TabsContent as et, CopyId as f, isShowAvailable as ft, FrameChromeContext as g, showTarget as gt, RecordTitle as h, recordRouteAvailable as ht, RouteListContext as i, useItemDrawn as it, ColumnsToggle as j, defaultUserMapper as jt, CreateButton as k, toDisplayText as kt, HeaderTypeNotice as l, DocumentTitleProvider as lt, RecordActions as m, recordReturnTarget as mt, viewOf as n, TabsTrigger as nt, resolveFrameView as o, EditPageHeader as ot, FormActions as p, listTarget as pt, buroSortingToTanStack as q, shadcnBlockImplementations as r, RelatedItem as rt, shadcnFrameViews as s, PageHeader as st, selectImplementation as t, TabsList as tt, TypeChromeDrawnContext as u, useDocumentTitle as ut, ListControls as v, useShownItemActions as vt, FilterRegion as w, Field as wt, ListLive as x, EnumBadge as xt, ListSavedViews as y, useExportRunWatcher as yt, QuickScreenClaimContext as z };
+export { CursorLoadMore as $, ListSearchInput as A, EnumBadge as At, ExportDialog as B, usePaletteState as Bt, ListControls as C, recordReturnTarget as Ct, ListFlows as D, useShownItemActions as Dt, ListLive as E, ActionOverflow as Et, ListColumns as F, i18nPrefixToRef$1 as Ft, RouteScreenClaimContext as G, ScreenTree as H, ColumnsToggle as I, FieldValueFrame as It, FormControlProvider as J, RouteScreenContext as K, DataTableViewOptions as L, toDisplayText as Lt, ExportButton as M, AppFlowButton as Mt, ListCreate as N, Field as Nt, ListFilters as O, useExportRunWatcher as Ot, CreateButton as P, FieldDisplay as Pt, ResourceList as Q, ListBulkBar as R, ShellProvider as Rt, useFrameChrome as S, listTarget as St, SavedViewsDropdown as T, showTarget as Tt, useTabsUrlState as U, DeclarativeForm as V, useShell as Vt, QuickScreenClaimContext as W, useFormControlOf as X, useFormControl as Y, ListBody as Z, CopyId as _, resolveResourceTitle as _t, peekFieldDefinition as a, DataTable as at, RecordTitle as b, typography as bt, peekRow as c, TabsContent as ct, resolveFrameView as d, RelatedItem as dt, ListErrorState as et, shadcnFrameViews as f, useItemDrawn as ft, UndeclaredTypeNotice as g, ShowPageHeader as gt, TypeChromeDrawnContext as h, PageHeader as ht, RouteListContext as i, useBuroDataTable as it, ListExport as j, DeepLinkScope as jt, FilterRegion as k, downloadArtifact as kt, useRelationPicker as l, TabsList as lt, HeaderTypeNotice as m, EditPageHeader as mt, viewOf as n, resolveUpdater as nt, peekLeafAllowed as o, Checkbox as ot, ChangeTypeButton as p, RELATED_GRID_CLASS as pt, useIsRouteScreen as q, shadcnBlockImplementations as r, tanStackSortingToBuro as rt, peekRecord as s, Tabs as st, selectImplementation as t, buroSortingToTanStack as tt, isBuiltinRecordView as u, TabsTrigger as ut, FormActions as v, DocumentTitleProvider as vt, ListSavedViews as w, recordRouteAvailable as wt, FrameChromeContext as x, isShowAvailable as xt, RecordActions as y, useDocumentTitle as yt, BulkActionToolbar as z, defaultUserMapper as zt };
 
-//# sourceMappingURL=place-node--GdsP688.js.map
+//# sourceMappingURL=place-node-CfzQvh4Y.js.map