@burojs/ui-shadcn 0.6.0 → 0.7.0

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

@@ -1,20 +1,22 @@
 import { l as cn } from "./use-theme-dnE3Od3I.js";
-import { d as PopoverTrigger, i as toFriendlyError, n as toast, o as useLinkComponent, r as friendlyStringsFrom, s as Popover, u as PopoverContent } from "./toaster-C02XbB9r.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-bRT8lt0d.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 { o as relationLinkClassName, p as ClaimedQuickLink } from "./search-access-CPPmfuvy.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 { 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-Bhn-dhZV.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 { BULK_EACH_LIMIT, FORM_SLOT, LAYOUT_SIZES, builtinFrames, canonicalEntityNodeKey, compileFlow, compiledScreenFor, composeListFilter, declaredField, declaredText, dtoFields, enumFallbackKey, enumFallbackText, enumNamespaceOf, enumValueText, exportFormatFieldKey, exportFormatLabelKey, exportFormatOptionKey, facts, fieldOptionText, fieldSensitivity, formatEntityRef, grantedPlacementKeys, hasRecordPage, humanizeKey, i18nPrefixToRef, i18nPrefixToRef as i18nPrefixToRef$1, inlineFlow, isBuiltinItemAction, isDataError, isLinkField, isRelationField, isScreenFailure, linkOf, normalizeEntityRef, planItemActions, projectDto, recordEntries, relatedList, relatedRecord, resolveActionDensity, resolveActionSurfaceMode, resolveContentSlot, resolveEnumLabel, resolveFieldLabel, resolveFieldOptionLabel, resolveFieldSlot, resolveNavLabel, resolveResourceLabel, resolveStaticAvailability, resolveTextSlot, resourceKey, resourceShowHref, savedViewKey, validatePlacementProps, whereEntryToFilter } from "@burojs/core";
-import { DismissGuardScope, FlowRowBatchContext, LOCAL_USER_SCOPE_ID, QUICK_ANCHOR_ATTRIBUTE, ResourceListProvider, RouteSourceContext, ScreenStateProvider, implementFrame, policyRecordOf, policyRowsOf, resolveColumnField, resolveRoute, resolveValidationMessage, resourceFlowsOn, useApp, useApplicationSnapshot, useAvailability, useAvailabilityResolver, 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, usePathAccess, 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,428 +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",
-	"texts",
-	"options",
-	"items",
-	"properties",
-	"additionalProperties",
-	"variants"
-]);
-function ownData(value, key) {
-	if (value === null || typeof value !== "object" && typeof value !== "function") return { present: false };
-	const descriptor = Object.getOwnPropertyDescriptor(value, key);
-	if (descriptor === void 0 || !Object.prototype.propertyIsEnumerable.call(value, key) || !("value" in descriptor)) return { present: false };
-	return {
-		present: true,
-		value: descriptor.value
-	};
-}
-function ownString(value, key) {
-	const candidate = ownData(value, key).value;
-	return typeof candidate === "string" && candidate.length > 0 ? candidate : void 0;
-}
-function projectUiSelection(input) {
-	const selection = {};
-	const inputId = ownString(input, "input");
-	const displayId = ownString(input, "display");
-	if (inputId !== void 0) selection.input = inputId;
-	if (displayId !== void 0) selection.display = displayId;
-	return inputId === void 0 && displayId === void 0 ? void 0 : Object.freeze(selection);
-}
-function projectFieldDeclaration(input) {
-	const type = ownString(input, "type");
-	if (type === void 0) return void 0;
-	const projected = { type };
-	for (const key of SEMANTIC_KEYS) {
-		if (key === "type" || key === "items" || key === "properties" || key === "variants") continue;
-		const candidate = ownData(input, key);
-		if (candidate.present && candidate.value !== void 0) projected[key] = candidate.value;
-	}
-	const ui = projectUiSelection(ownData(input, "ui").value);
-	if (ui !== void 0) projected.ui = ui;
-	if (type === "array") {
-		const item = projectFieldDeclaration(ownData(input, "items").value);
-		if (item !== void 0) projected.items = item;
-	}
-	if (type === "object") {
-		const properties = ownData(input, "properties").value;
-		if (properties !== null && typeof properties === "object" && !Array.isArray(properties)) {
-			const output = {};
-			for (const key of Object.keys(properties)) {
-				const child = projectFieldDeclaration(ownData(properties, key).value);
-				if (child !== void 0) output[key] = child;
-			}
-			projected.properties = Object.freeze(output);
-		}
-	}
-	if (type === "union") {
-		const variants = ownData(input, "variants").value;
-		if (Array.isArray(variants)) {
-			const output = [];
-			for (let index = 0; index < variants.length; index += 1) {
-				const child = projectFieldDeclaration(ownData(variants, index).value);
-				if (child !== void 0) output.push(child);
-			}
-			projected.variants = Object.freeze(output);
-		}
-	}
-	return Object.freeze(projected);
-}
-function projectUiHints(input) {
-	if (input === null || typeof input !== "object" || Array.isArray(input)) return void 0;
-	const projected = {};
-	for (const key of Object.keys(input)) {
-		const candidate = ownData(input, key);
-		if (candidate.present) projected[key] = candidate.value;
-	}
-	return Object.freeze(projected);
-}
-function lowerLegacyField(field) {
-	const declaration = projectFieldDeclaration(ownData(field, "declaration").value);
-	if (declaration !== void 0) return declaration;
-	const direct = projectFieldDeclaration(field);
-	const kind = ownString(field, "kind");
-	const mapping = kind === void 0 ? void 0 : LEGACY_KIND_DECLARATIONS[kind];
-	if (direct !== void 0) {
-		const format = direct.format ?? mapping?.format ?? kind;
-		return format === void 0 ? direct : Object.freeze({
-			...direct,
-			format
-		});
-	}
-	const ui = projectUiHints(ownData(field, "ui").value);
-	const type = kind === "file" && ui?.multiple !== true ? "unknown" : mapping?.type ?? "unknown";
-	const format = ownString(field, "format") ?? mapping?.format ?? kind;
-	const items = type === "array" ? projectFieldDeclaration(ownData(field, "items").value) ?? mapping?.items ?? STRING_ITEM : void 0;
-	const meta = ownData(field, "meta");
-	const texts = ownData(field, "texts");
-	const required = ownData(field, "required");
-	const nullable = ownData(field, "nullable");
-	const opts = ownData(field, "opts").value;
-	const optionRequired = ownData(opts, "required");
-	const optionNullable = ownData(opts, "nullable");
-	const requiredValue = required.present ? required.value : optionRequired.value;
-	const nullableValue = nullable.present ? nullable.value : optionNullable.value;
-	return Object.freeze({
-		type,
-		...format === void 0 ? {} : { format },
-		...items === void 0 ? {} : { items },
-		...meta.present && meta.value !== void 0 ? { meta: meta.value } : {},
-		...texts.present && texts.value !== void 0 ? { texts: texts.value } : {},
-		...requiredValue === true ? { required: true } : {},
-		...nullableValue === true ? { nullable: true } : {}
-	});
-}
-function lowerLegacyFieldSource(field) {
-	const declaration = lowerLegacyField(field);
-	const ui = projectUiHints(ownData(field, "ui").value);
-	if (ui === void 0) return declaration;
-	return Object.freeze({
-		...declaration,
-		ui
-	});
-}
-function fieldDescription(field) {
-	const declaration = field?.declaration;
-	return declaredText("field", declaration, "description") ?? declaredText("field", field, "description");
+//#region src/data-table/annotate-if-clipped.ts
+function annotateIfClipped(e) {
+	const el = e.currentTarget;
+	const text = el.scrollWidth > el.clientWidth || Array.from(el.querySelectorAll("*")).some((c) => c.scrollWidth > c.clientWidth) ? (el.textContent ?? "").trim() : "";
+	if (text) el.setAttribute("title", text);
+	else el.removeAttribute("title");
 }
 //#endregion
-//#region src/fields/resolved-field.tsx
-const EMPTY = Object.freeze({});
-const EMPTY_ISSUES$1 = Object.freeze([]);
-const EMPTY_OPTIONS = Object.freeze([]);
-function canonical(field) {
-	return lowerLegacyField(field);
-}
-const warnedObjectLabels = new Set();
-function optionsFor(field, name) {
-	if (Array.isArray(field.options)) return field.options;
-	const candidate = field.meta?.options;
-	if (!Array.isArray(candidate)) return EMPTY_OPTIONS;
-	const output = [];
-	for (const item of candidate) {
-		if (item === null || typeof item !== "object" || Array.isArray(item)) continue;
-		const raw = item;
-		if (typeof raw.value !== "string" && typeof raw.value !== "number" && typeof raw.value !== "boolean" && raw.value !== null) continue;
-		const { value, label, description, ...legacyMeta } = raw;
-		if (typeof label !== "string" && process.env.NODE_ENV !== "production" && !warnedObjectLabels.has(`${name}:${value}`)) {
-			warnedObjectLabels.add(`${name}:${value}`);
-			console.warn(`[buro/ui-shadcn] field '${name}': option '${value}' has a non-string label, so it renders its raw value. Declare a plain string label and put the translations under fields.${name}.options.${value} (see docs/i18n-guide.md).`);
-		}
-		output.push(Object.freeze({
-			value,
-			label: typeof label === "string" ? label : String(value),
-			...typeof description === "string" ? { description } : {},
-			...Object.keys(legacyMeta).length === 0 ? {} : { meta: Object.freeze(legacyMeta) }
-		}));
-	}
-	return Object.freeze(output);
-}
-const readScope = (ctx) => ctx.scope;
-function useFieldRuntimeContext(resource, record, values, metaSources) {
-	const scope = 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
@@ -578,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({
@@ -633,7 +308,7 @@ 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, declaredText("field", binding.field, "label"));
 	const testId = leafIds === "record" ? tid.formField(resource, mode, name) : `${leafIds.prefix}:field:${name}`;
@@ -665,10 +340,7 @@ function RecordLeaf({ node }) {
 	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,
@@ -731,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,
@@ -786,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;
@@ -802,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;
@@ -833,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
@@ -848,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,
@@ -861,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,
@@ -877,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),
@@ -908,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}`;
@@ -962,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, {
@@ -972,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
 	});
@@ -987,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
@@ -1027,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();
@@ -1046,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) => {
@@ -1054,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",
@@ -1063,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, {
@@ -1077,7 +758,7 @@ 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}`], {
@@ -1087,13 +768,18 @@ function FactsView({ props }) {
 		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,
@@ -1147,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 }) {
@@ -1266,7 +955,7 @@ function RecordInlineFlow({ name }) {
 			return jsx(InlineHostLoader, {
 				resource,
 				name: flowName,
-				record: row,
+				...hostRecord(flowRecordOf(compiled, row)),
 				placementKey: key,
 				lease: kept,
 				stale: true,
@@ -1282,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,
@@ -1294,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", {
@@ -1514,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;
@@ -1531,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);
@@ -1677,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) => {
@@ -1695,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);
@@ -1706,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,
@@ -1737,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", {
@@ -1760,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"
@@ -1774,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,
@@ -1802,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;
@@ -1899,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);
@@ -1909,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}`;
@@ -1943,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, {
@@ -1960,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, {
@@ -2169,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 });
 }
@@ -2251,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",
@@ -2310,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
@@ -2398,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"
 		})
 	})
 }));
@@ -2433,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";
@@ -2444,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;
@@ -2469,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 renderCellMarkup({ cell, resizable, overflowing, testId, onCellClick, noRowNav }) {
+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, 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",
@@ -2495,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) => {
@@ -2509,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,
@@ -2522,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, {
@@ -2529,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}`))
@@ -2552,6 +2289,7 @@ function DataTableBodyInner({ rows, isLoading, loadingRowCount, visibleColumnCou
 		resizable,
 		overflowing,
 		columnLayoutKey,
+		fillColumnId,
 		selectionColumnId,
 		getCellTestId,
 		getRowTestId,
@@ -2563,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();
@@ -2593,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;
@@ -2686,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) => {
@@ -2697,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) => {
@@ -2756,6 +2496,7 @@ function DataTable({ table, tableTestId, getRowTestId, getCellTestId, isLoading
 			resizable,
 			overflowing,
 			columnLayoutKey,
+			fillColumnId: fillId,
 			selectionColumnId,
 			isResizing: Boolean(sizingInfo.isResizingColumn),
 			getCellTestId,
@@ -2979,63 +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 raw = error.message ?? "";
-	const friendly = toFriendlyError(raw, "", friendlyStringsFrom(t));
-	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();
@@ -3077,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;
@@ -3088,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, rowActions = true, selectedIds, onSelectionChange, className, isLoading = false, error = null, onRetry, createHref, isFiltered = false, onClearFilter, emptyState, rowsView, rowHref, rowQuick, rowLinkKey, renderCell, sort, onSort, onHideColumn, requiredColumns, resetLayout, columns: columnsOverride, tableRef }) {
+], onPage, loadMore, selectable = false, rowActions = true, selectedIds, onSelectionChange, className, isLoading = false, error = null, onRetry, createHref, isFiltered = false, onClearFilter, emptyState, rowsView, rowHref, rowQuick, rowLinkKey, renderCell, sort, onSort, sortable, onHideColumn, requiredColumns, resetLayout, columns: columnsOverride, columnUi, layoutId, tableRef }) {
+	const resource = 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);
@@ -3132,23 +3062,6 @@ 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({});
@@ -3158,7 +3071,7 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 	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) && (columnTarget(app.registry, resource, col) === void 0 || listAccess.columnVisible(col.split(".")[0]) && pathAccess.visible(col))), [
 		accessPending,
@@ -3208,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,
@@ -3223,6 +3137,7 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 	});
 	volatileRef.current = {
 		onSort,
+		sortable,
 		onHideColumn,
 		requiredColumns,
 		renderCell,
@@ -3246,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({
@@ -3268,19 +3222,32 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 		});
 		for (const col of visibleColumnKeys) {
 			const target = columnTarget(app.registry, resource, col);
-			const field = target === void 0 ? def?.fields?.[col] : target.field;
+			const field = target !== void 0 ? target.field : def === void 0 ? void 0 : 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 kindSize = columnSize(field);
-			const declared = target === void 0 && def !== void 0 ? declaredField(def, col) : void 0;
-			const linkColumn = declared !== null && typeof declared === "object" && isLinkField(declared);
+			const ui = columnUiOf(col);
+			const frameField = {
+				...field ?? { type: "unknown" },
+				name: target === void 0 ? col : target.name
+			};
+			const cellEntry = { display: ui.display };
+			const wraps = ui.display.overflow === "wrap";
+			const columnSortable = volatileRef.current.sortable?.(col) ?? (def !== void 0 && isColumnSortable(def, col, app, app.registry));
 			cols.push({
 				id: col,
 				...columnAccessor(col),
-				...kindSize !== void 0 ? { size: kindSize } : {},
-				enableSorting: !linkColumn && Boolean(volatileRef.current.onSort),
+				size: ui.default,
+				minSize: ui.min,
+				maxSize: ui.max ?? Number.MAX_SAFE_INTEGER,
+				enableResizing: ui.resize,
+				enableSorting: columnSortable && Boolean(volatileRef.current.onSort),
 				enableHiding: true,
-				meta: { testid: col },
+				meta: {
+					testid: col,
+					className: ALIGN_CLASS[ui.align],
+					...wraps ? { wrap: true } : {},
+					...ui.fill ? { fill: true } : {}
+				},
 				header: ({ column, table }) => {
 					const v = volatileRef.current;
 					const pinSide = column.getIsPinned();
@@ -3311,9 +3278,9 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 					};
 					return jsx(ColumnHeaderMenu, {
 						label: headerLabel,
-						sortable: !linkColumn && Boolean(v.onSort),
+						sortable: columnSortable && Boolean(v.onSort),
 						sortDirection: v.sort?.[0]?.field === col ? v.sort[0].direction : null,
-						onSort: !linkColumn && v.onSort ? (dir) => v.onSort?.(col, dir) : void 0,
+						onSort: columnSortable && v.onSort ? (dir) => v.onSort?.(col, dir) : void 0,
 						pinned: column.getIsPinned(),
 						onPin: (side) => column.pin(side),
 						canHide: Boolean(v.onHideColumn) && !v.requiredColumns?.includes(col),
@@ -3335,12 +3302,21 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 						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,
@@ -3354,13 +3330,13 @@ 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);
 				}
 			});
 		}
@@ -3369,7 +3345,7 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 			id: ACTIONS_COL_ID,
 			enableSorting: false,
 			enableResizing: false,
-			size: narrow ? 44 : actionsColumnSize(def?.actions?.item),
+			size: narrow || typeof rowActions === "function" ? 44 : actionsColumnSize(def?.actions?.item),
 			enableHiding: false,
 			header: () => jsx("span", {
 				className: "sr-only",
@@ -3380,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"
@@ -3400,7 +3376,8 @@ function ResourceList({ resource, data, total, page = 1, pageSize = 10, onPageSi
 		actionsHeader,
 		i18nCaps,
 		rowLinkKey,
-		narrow
+		narrow,
+		columnUiOf
 	]);
 	const handleSelectionChange = (updater) => {
 		if (controlled) {
@@ -3503,10 +3480,25 @@ 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 } });
-		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),
+		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),
 			children: [
 				jsx("div", {
@@ -3529,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",
@@ -3717,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
@@ -3821,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, readOnly } = useListSurface();
+	const { resource, route, tableView, createAvailable, createPage, rowProps, rowsViewFor, emptyState, renderCell, readOnly, linkEditing, layoutId } = useListSurface();
+	const detachable = readOnly && linkEditing?.detach !== void 0;
+	const flowReachable = useBulkFlowReachable(resource);
+	const selectable = (exportReachable) => tableView && (detachable || !readOnly && (flowReachable || exportReachable));
 	const item = 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,
@@ -3846,29 +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 && !readOnly,
-		rowActions: !readOnly,
+		selectable: selectable(exportReachable),
+		rowActions: detachable ? linkDetachRow : !readOnly,
 		selectedIds: selection.ids,
 		onSelectionChange: selection.set,
 		isFiltered: filters.isFiltered,
-		onClearFilter: filters.clearAll,
+		onClearFilter: filters.canReset ? filters.reset : void 0,
 		emptyState,
 		sort: sorting.value ?? [],
 		requiredColumns: columns.required,
 		resetLayout: columns.resetLayout,
+		layoutId,
 		onHideColumn: columns.hide,
 		onSort: sorting.toggle,
+		sortable: sorting.sortable,
 		renderCell
 	});
+	return 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);
@@ -3992,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 },
@@ -4027,10 +4075,12 @@ 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) => {
@@ -4042,7 +4092,7 @@ function TabsHost({ node, renderChildren }) {
 		key: panelValue(panel),
 		title: titleOf(panel),
 		errorCount: panel.key === void 0 ? 0 : controller.errorsIn(panel.key),
-		panel: panels.length === 1 || panel.open === true ? 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);
@@ -4153,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,
@@ -4199,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) {
@@ -4223,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 = () => {
@@ -4246,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", {
@@ -4369,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}` }
 	});
 }
@@ -4446,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(() => ({
@@ -4456,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");
@@ -4470,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",
@@ -4480,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",
@@ -4506,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
 		]
@@ -4591,7 +4660,8 @@ function ExportOptionsDirty({ dirty }) {
 	return null;
 }
 function getNoRunState() {}
-function ExportDialog({ open, onOpenChange, resource, target, visibleColumns, estimatedCount, scope }) {
+function ExportDialog({ open, onOpenChange, resource: resourceInput, target, visibleColumns, estimatedCount, scope }) {
+	const resource = routeResourceKey(resourceInput);
 	const t = useOptionalT();
 	const dialogTestId = useTestIds().exportDialog(resource);
 	const { formats, start, exporter, available, error, loading } = useResourceExport(resource, {
@@ -4713,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",
@@ -4799,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;
@@ -4820,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`,
@@ -4833,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",
@@ -4841,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);
@@ -4859,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);
@@ -4873,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,
@@ -4935,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" })
 					}) })
 				]
 			})
@@ -4958,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, scope }) {
+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);
@@ -4994,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,
@@ -5003,7 +5083,7 @@ 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 ?? [],
@@ -5020,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" })
 					})]
 				})
 			]
@@ -5080,12 +5160,36 @@ function BulkExportButtonActive({ resource, ids, visibleColumns, 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, scope } = useResourceListContext();
-	const { resource, tableView, readOnly } = useListSurface();
-	if (!tableView || readOnly || selection.ids.length === 0) return null;
+	const { resource, tableView, readOnly, linkEditing } = useListSurface();
+	const detach = readOnly ? linkEditing?.detach : void 0;
+	if (!tableView || readOnly && detach === void 0 || selection.ids.length === 0) return null;
 	return jsx(BulkActionToolbar, {
+		...detach === void 0 ? {} : { actions: jsx(LinkDetachBulkButton, { onDetach: detach.onDetach }) },
 		resource,
 		selectedRecords: selection.records,
 		selectedIds: selection.ids,
@@ -5174,7 +5278,8 @@ function DataTableViewOptions({ table, getColumnLabel, isColumnRequired, getTest
 }
 //#endregion
 //#region src/list-kit/columns-toggle.tsx
-function ColumnsToggle({ resource, def, allAvailable, required, visibleColumns, defaultVisible, onChange, onResetSizes, onRestoreDefaults }) {
+function ColumnsToggle({ resource: resourceInput, def, allAvailable, required, visibleColumns, defaultVisible, onChange, onResetSizes, onRestoreDefaults }) {
+	const resource = routeResourceKey(resourceInput);
 	const t = useT();
 	const columnsCaps = useI18nCaps(resource);
 	const app = useApp();
@@ -5281,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, {
@@ -5357,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,
@@ -5378,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;
@@ -5421,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",
@@ -5440,7 +5535,7 @@ function ExportButtonActive({ resource, className }) {
 		open,
 		onOpenChange: setOpen,
 		resource,
-		target,
+		target: dialogTarget,
 		visibleColumns: list.columns.visible,
 		estimatedCount: list.pagination.total,
 		scope: list.scope
@@ -5458,8 +5553,9 @@ function ListExportView() {
 const ListExport = listPiece("ListExport", ListExportView);
 //#endregion
 //#region src/list-kit/list-search-input.tsx
-function ListSearchInput({ resource, label, value, onCommit, placeholder }) {
-	const t = 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);
@@ -5474,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",
@@ -5492,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, declaredText("field", 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);
@@ -5521,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")
 			})
 		]
 	});
@@ -5663,6 +5755,7 @@ function ViewItem({ view, caps, resource, onClick, testid }) {
 	});
 }
 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;
@@ -5708,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, {
@@ -5749,7 +5842,8 @@ function groupByScope(entries) {
 	}
 	return order.map((id) => byId.get(id));
 }
-function SavedViewsDropdown({ resource, adopterViews, entries, issues = [], onApply, onSaveCurrent, canSaveCurrent = true, onManage, onRenameEntry, onDeleteEntry, onForkEntry, canFork = true, getTestId, triggerLabel = "Views", iconOnly = false, triggerClassName = "h-9", popoverContentClassName = "w-64 p-1", popoverAlign = "start" }) {
+function SavedViewsDropdown({ resource: resourceInput, adopterViews, entries, issues = [], onApply, onSaveCurrent, canSaveCurrent = true, onManage, onRenameEntry, onDeleteEntry, onForkEntry, canFork = true, getTestId, triggerLabel = "Views", iconOnly = false, triggerClassName = "h-9", popoverContentClassName = "w-64 p-1", popoverAlign = "start" }) {
+	const resource = resourceInput === void 0 ? void 0 : routeResourceKey(resourceInput);
 	const t = useOptionalT();
 	const caps = useI18nCaps(resource);
 	const tr = (key, fallback) => t?.(key, { defaultValue: fallback }) ?? fallback;
@@ -5963,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() {
@@ -5976,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",
@@ -6000,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]
 	});
@@ -6029,8 +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 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 = () => {
@@ -6054,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);
+	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: [
@@ -6078,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",
@@ -6090,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
 				]
 			}),
@@ -6102,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", {
@@ -6128,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",
@@ -6136,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",
@@ -6153,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) {
-	const friendly = toFriendlyError(safeMessage(error), void 0, friendlyStringsFrom(t));
-	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 = [];
@@ -6456,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 = {};
@@ -6499,8 +6674,12 @@ function ListFrameHost({ resource }) {
 }
 //#endregion
 //#region src/list-kit/resource-list-surface.tsx
-const RelatedCards = lazy(async () => ({ default: (await import("./related-list-cards-BWZ9GfOG.js")).RelatedCards }));
-const RelatedTimeline = lazy(async () => ({ default: (await import("./related-list-timeline-yrPsjA3F.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;
@@ -6508,10 +6687,17 @@ function discriminatorOptionLabel(field, value) {
 	const label = (Array.isArray(declared?.options) ? declared.options : Array.isArray(declared?.meta?.options) ? declared.meta.options : []).find((option) => option?.value === value)?.label;
 	return typeof label === "string" ? label : value;
 }
-function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize, search: searchField, columns: columnNames, open, title, scope, view, item, placementKey, onCreate, count: countPolicy, rowTarget, readOnly, exportable, meta, renderCell, emptyState }) {
+function declaredInitialSort(def) {
+	return def?.views?.list?.initial?.sort;
+}
+function declaredRouteView(def) {
+	return def?.views?.list?.initial?.view;
+}
+function ResourceListSurface({ resource, variant, state, fixedFilters, initial, search: searchField, columns: columnEntries, open, title, empty, scope, view, item, placementKey, onCreate, count: countPolicy, rowTarget, readOnly, linkEditing, exportable, layoutId, meta, renderCell, emptyState }) {
 	const route = variant === "route";
 	const t = useT();
 	const optionalT = useOptionalT();
+	const chromeT = useChromeT();
 	const tid = useTestIds();
 	const listCaps = useI18nCaps(resource);
 	const RouteFiltersSlot = useListSlot("filters", resource);
@@ -6526,17 +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";
@@ -6584,7 +6798,6 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 		resource,
 		routing.rowHref
 	]);
-	const effectiveView = route ? (def?.views?.list)?.view ?? "table" : view ?? "table";
 	const tableView = effectiveView === "table";
 	const rowsViewFor = useMemo(() => tableView ? void 0 : (planned) => ({
 		skeleton: effectiveView === "cards" ? jsx(RelatedCardsSkeleton, {}) : jsx(RelatedTimelineSkeleton, {}),
@@ -6596,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
+				})
 			});
 		}
 	}), [
@@ -6613,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);
@@ -6695,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 : "";
@@ -6713,13 +6936,14 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 				children: label
 			});
 		}
+		const custom = (renderCell ?? CellSlot)?.(col, value, row);
+		if (custom !== void 0) return custom;
 		const fieldDef = def?.fields[col];
-		const enumName = fieldDef?.opts?.enum ?? fieldDef?.ui?.enum;
-		if (enumName && typeof value === "string") return 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,
@@ -6747,10 +6971,16 @@ function ResourceListSurface({ resource, variant, state, fixedFilters, pageSize,
 			}
 		},
 		rowsViewFor,
-		emptyState,
+		emptyState: empty !== void 0 && !list.filters.isFiltered && list.pagination.page <= 1 && (list.cursor === null || list.cursor.next === null) ? jsx("p", {
+			"data-buro-region": "empty",
+			className: "text-sm text-muted-foreground",
+			children: empty
+		}) : emptyState,
 		renderCell: renderCellLadder,
 		readOnly: readOnly === true,
-		exportable: exportable !== false
+		exportable: exportable !== false,
+		...layoutId === void 0 ? {} : { layoutId },
+		...surfaceLinkEditing === void 0 ? {} : { linkEditing: surfaceLinkEditing }
 	};
 	return jsx(ResourceListProvider, {
 		value: list,
@@ -6763,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", {
@@ -6827,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")
 									})] })
 								]
 							})
@@ -6870,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")
@@ -6882,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")
 									}) })
 								]
 							})
@@ -6915,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")
 									})] })
 								]
 							})
@@ -6956,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,
@@ -6979,6 +7231,582 @@ function ExportRunWatcherMount() {
 	return null;
 }
 //#endregion
+//#region src/fields/use-relation-picker.tsx
+const noop = () => void 0;
+function safeKey(input) {
+	if (input === void 0 || input === null) return void 0;
+	try {
+		return 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);
@@ -7002,32 +7830,12 @@ function peekRecord(def, row, idField, capabilityFor, fieldVisible) {
 	return peekRow(def, row, idField, capabilityFor, fieldVisible);
 }
 //#endregion
-//#region src/blocks/related-list-unbound.tsx
-function UnboundRelatedList(props) {
-	const t = 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: t("table.empty", { defaultValue: "No records" })
-		})]
-	});
-}
-function placementScope(scope, owner) {
-	return scope ?? (owner === void 0 ? "session" : "none");
-}
-//#endregion
 //#region src/blocks/link-panel.tsx
 const isRecord = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
 const isResourceHandle = (value) => isRecord(value) && value.kind === "resource";
-function qualify(ref, owner) {
+function qualify(ref) {
 	try {
-		const namespace = normalizeEntityRef(owner).namespace;
-		return resourceKey(normalizeEntityRef(isResourceHandle(ref) ? ref.ref : ref, { defaultNamespace: namespace }));
+		return resourceKey(normalizeEntityRef(isResourceHandle(ref) ? ref.ref : ref));
 	} catch {
 		return;
 	}
@@ -7046,7 +7854,7 @@ function linkField(registry, owner, link) {
 function linkTarget(registry, owner, link) {
 	const found = linkField(registry, owner, link);
 	if (found === void 0 || owner === void 0) return void 0;
-	return qualify(found.field.meta?.to, owner);
+	return qualify(found.field.meta?.to);
 }
 function idFieldOf(def) {
 	const declared = isRecord(def) && isRecord(def.data) ? def.data.idField : void 0;
@@ -7062,37 +7870,47 @@ function targetColumns(registry, target, def) {
 	const source = def;
 	const views = isRecord(def.views) ? def.views : void 0;
 	const list = views !== void 0 && isRecord(views.list) ? views.list : void 0;
-	return (list !== void 0 && Array.isArray(list.columns) ? list.columns.filter((name) => typeof name === "string") : dtoFields(source, "list")).filter((name) => {
+	return (list !== void 0 && Array.isArray(list.columns) ? list.columns.flatMap((entry) => {
+		const name = isRecord(entry) ? entry.field : entry;
+		return typeof name === "string" ? [name] : [];
+	}) : 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 } = 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, owner);
-		const target = qualify(found.field.meta?.to, owner);
+		const junction = qualify(declaration.junction);
+		const target = qualify(found.field.meta?.to);
 		if (junction === void 0 || target === void 0) return void 0;
 		const junctionDef = app.registry.get(junction);
 		if (junctionDef === void 0) return void 0;
 		const junctionFields = junctionDef.fields;
+		const targetDef = app.registry.get(target);
+		const targetBy = byOf(junctionFields[declaration.targetKey]);
+		const declaredScope = found.field.meta?.scope;
 		return {
 			junction,
 			target,
 			sourceKey: declaration.sourceKey,
 			targetKey: declaration.targetKey,
 			ownerField: byOf(junctionFields[declaration.sourceKey]) ?? idFieldOf(app.registry.get(owner)),
-			targetKeyedBy: byOf(junctionFields[declaration.targetKey]) !== void 0,
+			targetKeyedBy: targetBy !== void 0,
+			targetValueField: targetBy ?? idFieldOf(targetDef),
+			junctionIdField: idFieldOf(junctionDef),
 			where: declaration.where,
-			targetDef: app.registry.get(target)
+			targetDef,
+			pickerScope: declaredScope === "context" || declaredScope === "session" || declaredScope === "none" ? declaredScope : void 0
 		};
 	}, [
 		app.registry,
@@ -7104,10 +7922,11 @@ function LinkPanel(props) {
 	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)),
-			...(own.where ?? []).map((entry) => whereEntryToFilter(`${targetKey}.${entry.field}`, entry.op, entry.value))
+			...placed === void 0 ? [] : [placed]
 		];
 	}, [
 		storage,
@@ -7117,7 +7936,12 @@ function LinkPanel(props) {
 	const columnsKey = JSON.stringify([own.columns ?? null, own.linkColumns ?? null]);
 	const columns = useMemo(() => {
 		if (storage === void 0) return void 0;
-		return [...(own.columns ?? targetColumns(app.registry, storage.target, storage.targetDef)).map((name) => `${storage.targetKey}.${name}`), ...own.linkColumns ?? []];
+		const shown = own.columns ?? targetColumns(app.registry, storage.target, storage.targetDef);
+		const across = (entry) => typeof entry === "string" ? `${storage.targetKey}.${entry}` : {
+			...entry,
+			field: `${storage.targetKey}.${entry.field}`
+		};
+		return [...shown.map(across), ...own.linkColumns ?? []];
 	}, [
 		storage,
 		columnsKey,
@@ -7127,30 +7951,75 @@ function LinkPanel(props) {
 		resource: storage.target,
 		field: storage.targetKey
 	}, [storage]);
-	const unbound = fixedFilters === void 0 || own.where?.some((entry) => entry.value === null || entry.value === void 0) === true;
+	const unbound = fixedFilters === void 0 || own.where !== void 0 && hasNullRef(own.where);
 	if (storage === void 0 || unbound) return jsx(UnboundRelatedList, {
 		resource: storage?.target ?? "",
-		title: own.title
+		title: own.title,
+		...empty === void 0 ? {} : { empty }
 	});
 	const state = frame?.state === "url" && routeScreen && !frame.nested ? { url: frame.key } : "memory";
-	const count = own.count === false ? "off" : own.count;
-	return jsx(ResourceListSurface, {
+	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.pageSize === void 0 ? {} : { pageSize: own.pageSize },
+		...own.initial?.pageSize === void 0 ? {} : { initial: { pageSize: own.initial.pageSize } },
 		...own.search === void 0 ? {} : { search: `${storage.targetKey}.${own.search}` },
 		...columns === void 0 ? {} : { columns },
 		open: rowTarget === void 0 || own.open === "none" ? "none" : "page",
 		...rowTarget === void 0 ? {} : { rowTarget },
 		...frame === null ? {} : { placementKey: frame.key },
+		...layoutId === void 0 ? {} : { layoutId },
 		...own.title === void 0 ? {} : { title: own.title },
+		...empty === void 0 ? {} : { empty },
 		scope: placementScope(own.scope, owner),
 		...count === void 0 ? {} : { count },
 		readOnly: true,
 		exportable: false
+	};
+	if (runtime === null || record === void 0) return 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
@@ -7160,7 +8029,7 @@ function useRouteList() {
 }
 //#endregion
 //#region src/blocks/related-list-view.tsx
-function RelatedListView({ props }) {
+function RelatedListView({ props, empty }) {
 	const own = props;
 	const route = useRouteList();
 	const frame = usePlacementFrame();
@@ -7168,7 +8037,7 @@ function RelatedListView({ props }) {
 	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 }) => whereEntryToFilter(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();
@@ -7180,20 +8049,23 @@ function RelatedListView({ props }) {
 	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 && !linked && trusted && gate(resource, "create").state === "open" && frame !== null ? () => void quick.create(resource, { defaults: placementSeeds(frame.where ?? [], own.where ?? [], frame.closure ?? {}) }) : void 0;
+	const onCreate = route === null && !linked && trusted && gate(resource, "create").state === "open" && own.create !== false && (own.create === void 0 || actionWhenHolds(own.create, frame?.sources ?? {})) && frame !== null ? () => void quick.create(resource, { defaults: placementSeeds(frame.where ?? [], own.where ?? [], frame.closure ?? {}) }) : void 0;
 	useDeepLinkOpen(frame?.key ?? null, resource, route === null && !linked && frame !== null && !frame.nested && routeScreen && (own.open ?? "quick") === "quick");
-	const unbound = own.where?.some((entry) => entry.value === null || entry.value === void 0) === true;
+	const unbound = own.where !== void 0 && hasNullRef(own.where);
 	if (linked) return frame?.owner === void 0 ? jsx(UnboundRelatedList, {
 		resource,
-		title: own.title
+		title: own.title,
+		...empty === void 0 ? {} : { empty }
 	}) : jsx(LinkPanel, {
 		link: own.link,
 		owner: frame.owner,
-		own
+		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 }
@@ -7206,24 +8078,28 @@ function RelatedListView({ props }) {
 	});
 	if (unbound) return jsx(UnboundRelatedList, {
 		resource,
-		title: own.title
+		title: own.title,
+		...empty === void 0 ? {} : { empty }
 	});
 	const state = frame?.state === "url" && routeScreen && !frame.nested ? { url: frame.key } : "memory";
 	const scope = placementScope(own.scope, frame?.owner);
 	const count = own.count === false ? "off" : own.count;
+	const layoutId = placementLayoutId(frame);
 	return 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 }
@@ -7258,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);
@@ -7292,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"
@@ -7333,13 +8209,21 @@ function RelatedRecordView({ props }) {
 						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);
@@ -7410,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
 		})
 	});
 }
@@ -7511,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,
@@ -7519,7 +8415,8 @@ function ReadyPlacement({ node, size, placement, implementation }) {
 		nested,
 		declaredWhere,
 		compiled.sourceClosure,
-		owner
+		owner,
+		controller.sources
 	]);
 	return jsx(PlacementBoundary, {
 		node,
@@ -7577,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, {
@@ -7592,6 +8490,6 @@ function PlaceNode({ node }) {
 	});
 }
 //#endregion
-export { tanStackSortingToBuro as $, ListExport as A, i18nPrefixToRef$1 as At, DeclarativeForm as B, ListSavedViews as C, useExportRunWatcher as Ct, ListFilters as D, AppFlowButton as Dt, ListFlows as E, DeepLinkScope as Et, ColumnsToggle as F, defaultUserMapper as Ft, RouteScreenContext as G, useTabsUrlState as H, DataTableViewOptions as I, usePaletteState as It, ResourceList as J, useIsRouteScreen as K, ListBulkBar as L, useShell as Lt, ListCreate as M, lowerLegacyField as Mt, CreateButton as N, toDisplayText as Nt, FilterRegion as O, Field as Ot, ListColumns as P, ShellProvider as Pt, resolveUpdater as Q, BulkActionToolbar as R, ListControls as S, useShownItemActions as St, ListLive as T, EnumBadge as Tt, QuickScreenClaimContext as U, ScreenTree as V, RouteScreenClaimContext as W, ListErrorState as X, CursorLoadMore as Y, buroSortingToTanStack as Z, FormActions as _, listTarget as _t, peekFieldDefinition as a, TabsList as at, FrameChromeContext as b, showTarget as bt, peekRow as c, useItemDrawn as ct, shadcnFrameViews as d, PageHeader as dt, useBuroDataTable as et, ChangeTypeButton as f, ShowPageHeader as ft, CopyId as g, isShowAvailable as gt, UndeclaredTypeNotice as h, typography as ht, RouteListContext as i, TabsContent as it, ExportButton as j, ResolvedFieldDisplay as jt, ListSearchInput as k, FieldDisplay as kt, isBuiltinRecordView as l, RELATED_GRID_CLASS as lt, TypeChromeDrawnContext as m, useDocumentTitle as mt, viewOf as n, Checkbox as nt, peekLeafAllowed as o, TabsTrigger as ot, HeaderTypeNotice as p, DocumentTitleProvider as pt, ListBody as q, shadcnBlockImplementations as r, Tabs as rt, peekRecord as s, RelatedItem as st, selectImplementation as t, DataTable as tt, resolveFrameView as u, EditPageHeader as ut, RecordActions as v, recordReturnTarget as vt, SavedViewsDropdown as w, downloadArtifact as wt, useFrameChrome as x, ActionOverflow as xt, RecordTitle as y, recordRouteAvailable as yt, ExportDialog 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-NraNYKPx.js.map
+//# sourceMappingURL=place-node-CfzQvh4Y.js.map