@declarion/react 0.104.0 → 0.109.0

package/dist-lib/components/pages/SmartRecordListPage.impl.js

@@ -3,207 +3,210 @@ import { fieldDisplayName as t, getDisplayValue as n, isUserEditableField as r,
 import { useFirstScreenSettled as o } from "../../lib/capabilityPrefetch.js";
 import { useSchema as s } from "../../hooks/useSchema.js";
 import { textWithNodes as c } from "../../lib/language.js";
-import { Icon as l } from "../primitives/Icons.js";
-import { Btn as u } from "../primitives/Btn.js";
-import { IconBtn as d } from "../primitives/IconBtn.js";
+import { failureTitle as l } from "../../lib/failure.js";
+import { Icon as u } from "../primitives/Icons.js";
+import { Btn as d } from "../primitives/Btn.js";
+import { IconBtn as ee } from "../primitives/IconBtn.js";
 import { useText as f } from "../../hooks/useText.js";
-import { useResponsiveMode as ee } from "../../hooks/useResponsiveMode.js";
-import { Spinner as te } from "../primitives/Spinner.js";
-import { TextInput as p } from "../primitives/Fields.js";
-import { pageInsetX as ne } from "../../lib/page-inset.js";
-import { readableSort as re } from "../../lib/field-classification.js";
-import { stripUnsupportedSortSegments as ie } from "../../lib/sort.js";
-import { useObject as m } from "../../hooks/useObject.js";
-import { useDebounce as ae } from "../../hooks/useDebounce.js";
-import { FileDraftScope as h, useFileDraftScope as g } from "../file-widgets/draft-scope.js";
-import { getEntityFileField as _, getSchemaFieldValue as v, renderSchemaField as y, schemaFieldHasValue as b, serializeSchemaFieldValue as x } from "../file-widgets/host.js";
-import { buildFilesPayload as oe, collectCommittedFileIds as se } from "../file-widgets/payload.js";
-import { useUpdateObject as S } from "../../hooks/useMutations.js";
-import { useSetStatus as C } from "../../hooks/useObjectStatus.js";
-import { useSetProperty as w } from "../../hooks/useProperties.js";
-import { countActiveFilters as ce, parseFilterURLState as le, removeFilterAtPath as T, setFiltersInURL as E } from "../../lib/filters.js";
-import { useScreenBack as D } from "../../hooks/useScreenBack.js";
-import { useRegisterScreenTab as O } from "../../hooks/useRegisterScreenTab.js";
-import { useTabSearchMirror as k } from "../../hooks/useTabSearchMirror.js";
-import { DetailSkeleton as ue } from "../shared/LoadingSkeleton.js";
-import { FilterDrawer as A } from "../filters/FilterDrawer.js";
-import { FilterChips as j } from "../filters/FilterChips.js";
-import { useRowTenant as M } from "../../hooks/useRowTenant.js";
-import { LayoutRenderer as de } from "../detail-layout/LayoutRenderer.js";
-import { resolveCard as N, resolveListProjection as fe } from "./list/cardProjection.js";
-import { useListFilterPresentation as pe } from "./list/useListFilterPresentation.js";
-import { FilterOmittedNotice as P } from "../filters/FilterOmittedNotice.js";
-import { useListQuery as me } from "./list/useListQuery.js";
-import { listLoadErrorDescription as he } from "./list/ListNoRows.js";
-import { useFilterValueLabels as ge } from "./list/use-filter-value-labels.js";
-import { useCallback as F, useEffect as I, useMemo as L, useRef as R, useState as z } from "react";
-import { Fragment as _e, jsx as B, jsxs as V } from "react/jsx-runtime";
-import { useSearchParams as ve } from "react-router";
+import { RetryButton as p } from "../primitives/RetryButton.js";
+import { useResponsiveMode as te } from "../../hooks/useResponsiveMode.js";
+import { Spinner as ne } from "../primitives/Spinner.js";
+import { TextInput as m } from "../primitives/Fields.js";
+import { readDisplayState as h } from "../../lib/read-display-state.js";
+import { pageInsetX as re } from "../../lib/page-inset.js";
+import { readableSort as ie } from "../../lib/field-classification.js";
+import { stripUnsupportedSortSegments as ae } from "../../lib/sort.js";
+import { useObject as g } from "../../hooks/useObject.js";
+import { useDebounce as oe } from "../../hooks/useDebounce.js";
+import { FileDraftScope as _, useFileDraftScope as v } from "../file-widgets/draft-scope.js";
+import { getEntityFileField as se, getSchemaFieldValue as y, renderSchemaField as b, schemaFieldHasValue as x, serializeSchemaFieldValue as S } from "../file-widgets/host.js";
+import { buildFilesPayload as C, collectCommittedFileIds as ce } from "../file-widgets/payload.js";
+import { useUpdateObject as le } from "../../hooks/useMutations.js";
+import { useSetStatus as ue } from "../../hooks/useObjectStatus.js";
+import { useSetProperty as de } from "../../hooks/useProperties.js";
+import { countActiveFilters as fe, parseFilterURLState as pe, removeFilterAtPath as me, setFiltersInURL as w } from "../../lib/filters.js";
+import { useScreenBack as T } from "../../hooks/useScreenBack.js";
+import { useRegisterScreenTab as E } from "../../hooks/useRegisterScreenTab.js";
+import { useTabSearchMirror as D } from "../../hooks/useTabSearchMirror.js";
+import { DetailSkeleton as O } from "../shared/LoadingSkeleton.js";
+import { FilterDrawer as k } from "../filters/FilterDrawer.js";
+import { FilterChips as A } from "../filters/FilterChips.js";
+import { useRowTenant as j } from "../../hooks/useRowTenant.js";
+import { LayoutRenderer as M } from "../detail-layout/LayoutRenderer.js";
+import { resolveCard as N, resolveListProjection as P } from "./list/cardProjection.js";
+import { useListFilterPresentation as F } from "./list/useListFilterPresentation.js";
+import { FilterOmittedNotice as he } from "../filters/FilterOmittedNotice.js";
+import { useListQuery as ge } from "./list/useListQuery.js";
+import { listLoadErrorDescription as _e } from "./list/ListNoRows.js";
+import { useFilterValueLabels as ve } from "./list/use-filter-value-labels.js";
+import { useCallback as I, useEffect as L, useMemo as R, useRef as z, useState as B } from "react";
+import { Fragment as ye, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { useSearchParams as be } from "react-router";
 //#region src/components/pages/SmartRecordListPage.impl.tsx
-var ye = 200, H = "items:";
-function U({ screenCode: t }) {
-	let n = f(), r = f("errors"), [i, a] = ve(), { data: c, refetch: te } = s(), m = ee(), [h, g] = z(!1), _ = c?.screens[t], v = _?.entity ? c?.entities[_.entity] : void 0, y = _?.entity;
-	O(_, v, i.toString()), k(_?.route);
-	let b = D(), x = i.get("selected") ?? null, oe = i.get("search") ?? "", se = ae(oe, 300), S = i.get("sort") ?? re(v, _?.sort_default) ?? "", C = L(() => le(i), [i]), { visibleFilterState: w, filterFieldMeta: ue, allFilterFieldMeta: M, filterFieldName: de } = pe(_, v, c?.entities, C.filters), H = w.filters, U = F((e) => {
+var xe = 200, U = "items:";
+function W({ screenCode: t }) {
+	let n = f(), r = f("errors"), [i, a] = be(), { data: c, refetch: l } = s(), p = te(), [ne, h] = B(!1), g = c?.screens[t], _ = g?.entity ? c?.entities[g.entity] : void 0, v = g?.entity;
+	E(g, _, i.toString()), D(g?.route);
+	let se = T(), y = i.get("selected") ?? null, b = i.get("search") ?? "", x = oe(b, 300), S = i.get("sort") ?? ie(_, g?.sort_default) ?? "", C = R(() => pe(i), [i]), { visibleFilterState: ce, filterFieldMeta: le, allFilterFieldMeta: ue, filterFieldName: de } = F(g, _, c?.entities, C.filters), O = ce.filters, j = I((e) => {
 		a((t) => {
 			let n = new URLSearchParams(t);
-			return E(e, n), n;
+			return w(e, n), n;
 		}, { replace: !0 });
-	}, [a]), G = L(() => _?.columns ?? v?.fields.names().filter((e) => !v.fields.get(e)?.primary && !v.fields.get(e)?.auto && v.fields.get(e)?.display?.is_listable !== !1).slice(0, 4) ?? [], [_?.columns, v]), K = L(() => {
-		let e = _?.responsive?.[m.category]?.presentation;
-		return m.category === "phone" ? "drilldown" : e === "split" || e === "drilldown" || e === "stacked" ? e : "split";
-	}, [_?.responsive, m.category]), q = L(() => {
-		let e = _?.responsive?.[m.category];
-		return e?.list?.presentation === "table" || e?.list?.presentation === "cards" ? e.list.presentation : e?.presentation === "table" || e?.presentation === "cards" ? e.presentation : m.category === "phone" ? "cards" : "table";
-	}, [_?.responsive, m.category]), xe = _?.responsive?.[m.category]?.layout?.related_records, Se = L(() => N({
-		entity: v,
-		screen: _
-	}), [v, _]), Ce = L(() => fe({
-		entity: v,
-		screen: _,
-		presentation: q,
-		visibleColumns: G,
-		card: Se,
+	}, [a]), M = R(() => g?.columns ?? _?.fields.names().filter((e) => !_.fields.get(e)?.primary && !_.fields.get(e)?.auto && _.fields.get(e)?.display?.is_listable !== !1).slice(0, 4) ?? [], [g?.columns, _]), U = R(() => {
+		let e = g?.responsive?.[p.category]?.presentation;
+		return p.category === "phone" ? "drilldown" : e === "split" || e === "drilldown" || e === "stacked" ? e : "split";
+	}, [g?.responsive, p.category]), W = R(() => {
+		let e = g?.responsive?.[p.category];
+		return e?.list?.presentation === "table" || e?.list?.presentation === "cards" ? e.list.presentation : e?.presentation === "table" || e?.presentation === "cards" ? e.presentation : p.category === "phone" ? "cards" : "table";
+	}, [g?.responsive, p.category]), G = g?.responsive?.[p.category]?.layout?.related_records, K = R(() => N({
+		entity: _,
+		screen: g
+	}), [_, g]), q = R(() => P({
+		entity: _,
+		screen: g,
+		presentation: W,
+		visibleColumns: M,
+		card: K,
 		sort: S
 	}), [
-		v,
 		_,
-		q,
-		G,
-		Se,
+		g,
+		W,
+		M,
+		K,
 		S
-	]), J = me({
-		entity: v,
-		entityCode: y,
-		screen: _,
+	]), J = ge({
+		entity: _,
+		entityCode: v,
+		screen: g,
 		screenCode: t,
 		page: 1,
-		perPage: ye,
-		sortForRequest: ie(S),
-		debouncedSearch: se,
-		filters: H,
+		perPage: xe,
+		sortForRequest: ae(S),
+		debouncedSearch: x,
+		filters: O,
 		includeDeleted: !1,
-		expand: Ce.expandFields,
-		select: Ce.selectFields,
-		isHeld: !v,
+		expand: q.expandFields,
+		select: q.selectFields,
+		isHeld: !_,
 		retryHeld: () => {
-			te();
+			l();
 		},
 		runCountQuery: !1,
-		urlKey: `${y ?? ""}|${i.toString()}`
-	}), we = J.rows, Te = J.refs, Ee = J.isLoading;
-	o(!Ee);
-	let { labelFor: De, refs: Oe } = ge(M, H, Te, c?.entities), ke = L(() => v?.fields.names().find((e) => v.fields.get(e)?.primary) ?? "id", [v]), Ae = F((e, t) => {
+		urlKey: `${v ?? ""}|${i.toString()}`
+	}), we = J.rows, Te = J.refs, Y = J.isLoading;
+	o(!Y);
+	let { labelFor: Ee, refs: De } = ve(ue, O, Te, c?.entities), Oe = R(() => _?.fields.names().find((e) => _.fields.get(e)?.primary) ?? "id", [_]), ke = I((e, t) => {
 		a((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("selected", e) : n.delete("selected"), n;
 		}, { replace: t?.replace ?? !0 });
-	}, [a]), je = F((e) => {
+	}, [a]), Ae = I((e) => {
 		a((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("search", e) : n.delete("search"), n;
 		}, { replace: !0 });
-	}, [a]), Y = (_?.list_resizable ?? !1) && K === "split" && m.category !== "phone" && !m.touch, Me = R(null), [X, Z] = z(null), Ne = R(!1), Q = _?.list_width;
-	I(() => {
-		Y && Q?.endsWith("%") && Z(null);
+	}, [a]), X = (g?.list_resizable ?? !1) && U === "split" && p.category !== "phone" && !p.touch, je = z(null), [Z, Q] = B(null), Me = z(!1), $ = g?.list_width;
+	L(() => {
+		X && $?.endsWith("%") && Q(null);
 	}, [
-		Y,
-		Q,
-		m.width,
-		m.height
-	]), I(() => {
-		if (!Y || X !== null) return;
-		let e = Me.current;
+		X,
+		$,
+		p.width,
+		p.height
+	]), L(() => {
+		if (!X || Z !== null) return;
+		let e = je.current;
 		if (e) {
-			if (Q && Q.endsWith("%")) {
-				let t = parseFloat(Q) / 100;
-				Z(Math.round(e.getBoundingClientRect().width * t));
-			} else Z(Q && parseInt(Q, 10) || 320);
+			if ($ && $.endsWith("%")) {
+				let t = parseFloat($) / 100;
+				Q(Math.round(e.getBoundingClientRect().width * t));
+			} else Q($ && parseInt($, 10) || 320);
 		}
 	}, [
-		Y,
-		Q,
 		X,
-		v
+		$,
+		Z,
+		_
 	]);
-	let Pe = R(null);
-	I(() => () => {
-		Pe.current?.();
+	let Ne = z(null);
+	L(() => () => {
+		Ne.current?.();
 	}, []);
-	let Fe = F((e) => {
-		e.preventDefault(), Ne.current = !0;
-		let t = e.clientX, n = X ?? 320, r = (e) => {
-			if (!Ne.current) return;
-			let r = (Me.current?.getBoundingClientRect().width ?? window.innerWidth) - 300, i = Math.max(200, Math.min(r, n + e.clientX - t));
-			Z(i);
+	let Pe = I((e) => {
+		e.preventDefault(), Me.current = !0;
+		let t = e.clientX, n = Z ?? 320, r = (e) => {
+			if (!Me.current) return;
+			let r = (je.current?.getBoundingClientRect().width ?? window.innerWidth) - 300, i = Math.max(200, Math.min(r, n + e.clientX - t));
+			Q(i);
 		}, i = () => {
-			Ne.current = !1, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", Pe.current = null;
+			Me.current = !1, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", Ne.current = null;
 		};
-		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), Pe.current = i;
-	}, [X]);
-	if (!c || !_ || !v) return null;
-	let Ie = ce(H), $ = K === "split" || K === "stacked" || !x, Le = K === "split" || K === "stacked" || !!x, Re = K !== "split" && x ? () => Ae(null, { replace: !0 }) : void 0, ze = K === "split" ? Y && X !== null ? X : _.list_width ?? "320px" : "100%";
-	return /* @__PURE__ */ V("div", {
-		ref: Me,
-		"data-record-list-presentation": K,
+		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), Ne.current = i;
+	}, [Z]);
+	if (!c || !g || !_) return null;
+	let Fe = fe(O), Ie = U === "split" || U === "stacked" || !y, Le = U === "split" || U === "stacked" || !!y, Re = U !== "split" && y ? () => ke(null, { replace: !0 }) : void 0, ze = U === "split" ? X && Z !== null ? Z : g.list_width ?? "320px" : "100%";
+	return /* @__PURE__ */ H("div", {
+		ref: je,
+		"data-record-list-presentation": U,
 		style: {
 			display: "flex",
-			flexDirection: K === "stacked" ? "column" : "row",
+			flexDirection: U === "stacked" ? "column" : "row",
 			height: "100%",
 			minWidth: 0,
 			overflow: "hidden"
 		},
 		children: [
-			$ && /* @__PURE__ */ V("div", {
+			Ie && /* @__PURE__ */ H("div", {
 				"data-testid": "record-list-panel",
 				style: {
-					flex: K === "split" ? "none" : "1 1 auto",
+					flex: U === "split" ? "none" : "1 1 auto",
 					display: "flex",
 					flexDirection: "column",
 					overflow: "hidden",
-					borderRight: K === "split" && !Y ? "1px solid var(--divider)" : "none",
-					borderBottom: K === "stacked" ? "1px solid var(--divider)" : "none",
+					borderRight: U === "split" && !X ? "1px solid var(--divider)" : "none",
+					borderBottom: U === "stacked" ? "1px solid var(--divider)" : "none",
 					width: ze,
 					minWidth: 0,
-					height: K === "stacked" ? "50%" : "100%"
+					height: U === "stacked" ? "50%" : "100%"
 				},
-				children: [/* @__PURE__ */ V("div", {
+				children: [/* @__PURE__ */ H("div", {
 					style: {
 						paddingTop: 12,
 						paddingBottom: 12,
-						...ne(12),
+						...re(12),
 						display: "flex",
 						flexDirection: "column",
 						gap: 8,
 						borderBottom: "1px solid var(--divider)"
 					},
 					children: [
-						b.hasOriginBack && /* @__PURE__ */ V("div", {
+						se.hasOriginBack && /* @__PURE__ */ H("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: 8
 							},
-							children: [/* @__PURE__ */ B(d, {
-								icon: /* @__PURE__ */ B(l.back, { size: 14 }),
+							children: [/* @__PURE__ */ V(ee, {
+								icon: /* @__PURE__ */ V(u.back, { size: 14 }),
 								title: n("list.header.back", "Back"),
-								onClick: b.goBack
-							}), /* @__PURE__ */ B("span", {
+								onClick: se.goBack
+							}), /* @__PURE__ */ V("span", {
 								style: {
 									fontSize: 12.5,
 									fontWeight: 600,
 									color: "var(--text)"
 								},
-								children: n(_.display?.name) || n(v.display.name_plural)
+								children: n(g.display?.name) || n(_.display.name_plural)
 							})]
 						}),
-						/* @__PURE__ */ B(p, {
-							value: oe,
-							onChange: je,
-							placeholder: n("list.toolbar.search_placeholder", "Search {name}…", { name: n(v.display.name_plural) }),
-							prefix: /* @__PURE__ */ B(l.search, { size: 13 })
+						/* @__PURE__ */ V(m, {
+							value: b,
+							onChange: Ae,
+							placeholder: n("list.toolbar.search_placeholder", "Search {name}…", { name: n(_.display.name_plural) }),
+							prefix: /* @__PURE__ */ V(u.search, { size: 13 })
 						}),
-						C.error && /* @__PURE__ */ V("div", {
+						C.error && /* @__PURE__ */ H("div", {
 							role: "alert",
 							"data-testid": "record-list-filter-url-error",
 							style: {
@@ -219,22 +222,22 @@ function U({ screenCode: t }) {
 								n("list.filters.invalid_suffix", "Showing this list without URL filters.")
 							]
 						}),
-						/* @__PURE__ */ V(u, {
+						/* @__PURE__ */ H(d, {
 							size: "xs",
-							icon: /* @__PURE__ */ B(l.filter, { size: 12 }),
-							onClick: () => g(!0),
-							children: [n("filter.drawer.title", "Filters"), Ie > 0 ? ` (${Ie})` : ""]
+							icon: /* @__PURE__ */ V(u.filter, { size: 12 }),
+							onClick: () => h(!0),
+							children: [n("filter.drawer.title", "Filters"), Fe > 0 ? ` (${Fe})` : ""]
 						}),
-						w.omitted && /* @__PURE__ */ B(P, {}),
-						/* @__PURE__ */ B(j, {
-							filters: H,
-							resolveValue: De,
+						ce.omitted && /* @__PURE__ */ V(he, {}),
+						/* @__PURE__ */ V(A, {
+							filters: O,
+							resolveValue: Ee,
 							fieldLabel: de,
-							onRemoveAtPath: (e) => U(T(H, e)),
-							onClearAll: () => U([]),
-							onChipClick: () => g(!0)
+							onRemoveAtPath: (e) => j(me(O, e)),
+							onClearAll: () => j([]),
+							onChipClick: () => h(!0)
 						}),
-						/* @__PURE__ */ B("div", {
+						/* @__PURE__ */ V("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -242,47 +245,64 @@ function U({ screenCode: t }) {
 								fontSize: 11,
 								color: "var(--text-3)"
 							},
-							children: /* @__PURE__ */ B("span", { children: Ee ? n("list.records.loading", "Loading…") : J.isError ? r("list.rows_unreadable", "The records could not be loaded.") : n("list.records.count", "{count} {name}", {
+							children: /* @__PURE__ */ V("span", { children: Y ? n("list.records.loading", "Loading…") : J.isError ? r("list.rows_unreadable", "The records could not be loaded.") : n("list.records.count", "{count} {name}", {
 								count: we.length,
-								name: n(v.display.name_plural)
+								name: n(_.display.name_plural)
 							}) })
 						})
 					]
-				}), /* @__PURE__ */ B("div", {
+				}), /* @__PURE__ */ V("div", {
 					style: {
 						flex: 1,
 						overflowY: "auto",
-						padding: q === "cards" ? 10 : 0,
-						display: q === "cards" ? "flex" : "block",
+						padding: W === "cards" ? 10 : 0,
+						display: W === "cards" ? "flex" : "block",
 						flexDirection: "column",
-						gap: q === "cards" ? 10 : void 0
+						gap: W === "cards" ? 10 : void 0
 					},
-					children: Ee ? /* @__PURE__ */ B("div", {
+					children: Y && J.isLoadingStale ? /* @__PURE__ */ H("div", {
+						role: "alert",
+						style: {
+							padding: 16,
+							color: "var(--text-2)"
+						},
+						children: [
+							n("list.rows.loading_slow_title", "Still loading data"),
+							" ",
+							/* @__PURE__ */ V(d, {
+								size: "xs",
+								onClick: () => {
+									J.retry();
+								},
+								children: n("list.rows.retry", "Retry")
+							})
+						]
+					}) : Y ? /* @__PURE__ */ V("div", {
 						style: {
 							padding: 12,
 							display: "flex",
 							flexDirection: "column",
 							gap: 6
 						},
-						children: Array.from({ length: 8 }).map((e, t) => /* @__PURE__ */ B("div", { style: {
+						children: Array.from({ length: 8 }).map((e, t) => /* @__PURE__ */ V("div", { style: {
 							height: 48,
 							borderRadius: "var(--radius-md)",
 							background: "var(--surface-3)"
 						} }, t))
-					}) : J.isError ? /* @__PURE__ */ V("div", {
+					}) : J.isError ? /* @__PURE__ */ H("div", {
 						role: "alert",
 						style: {
 							padding: 16,
 							color: "var(--text-2)"
 						},
-						children: [he(n, r, v, J.error), /* @__PURE__ */ B(u, {
+						children: [_e(n, r, _, J.error), /* @__PURE__ */ V(d, {
 							size: "xs",
 							onClick: () => {
 								J.retry();
 							},
 							children: n("list.rows.retry", "Retry")
 						})]
-					}) : we.length === 0 ? /* @__PURE__ */ B("div", {
+					}) : we.length === 0 ? /* @__PURE__ */ V("div", {
 						style: {
 							padding: 28,
 							textAlign: "center",
@@ -290,19 +310,19 @@ function U({ screenCode: t }) {
 							color: "var(--text-3)"
 						},
 						children: n("list.records.none", "No records found")
-					}) : /* @__PURE__ */ V(_e, { children: [we.map((t) => {
-						let n = e(t[ke]);
-						return /* @__PURE__ */ B(W, {
+					}) : /* @__PURE__ */ H(ye, { children: [we.map((t) => {
+						let n = e(t[Oe]);
+						return /* @__PURE__ */ V(Se, {
 							record: t,
-							entity: v,
-							columns: G,
-							card: Se,
-							presentation: q,
+							entity: _,
+							columns: M,
+							card: K,
+							presentation: W,
 							refs: Te,
-							isSelected: n === x,
-							onClick: () => Ae(n, { replace: K === "split" })
+							isSelected: n === y,
+							onClick: () => ke(n, { replace: U === "split" })
 						}, n);
-					}), J.isCursor && J.hasMorePages && /* @__PURE__ */ B("button", {
+					}), J.isCursor && J.hasMorePages && /* @__PURE__ */ V("button", {
 						type: "button",
 						"data-testid": "record-list-load-more",
 						onClick: J.fetchNextPage,
@@ -321,9 +341,9 @@ function U({ screenCode: t }) {
 					})] })
 				})]
 			}),
-			Y && /* @__PURE__ */ B("div", {
+			X && /* @__PURE__ */ V("div", {
 				"data-testid": "record-list-resize-handle",
-				onMouseDown: Fe,
+				onMouseDown: Pe,
 				style: {
 					flex: "none",
 					width: 1,
@@ -334,7 +354,7 @@ function U({ screenCode: t }) {
 				onMouseEnter: (e) => e.currentTarget.style.background = "var(--border-strong)",
 				onMouseLeave: (e) => e.currentTarget.style.background = "var(--divider)"
 			}),
-			Le && /* @__PURE__ */ V("div", {
+			Le && /* @__PURE__ */ H("div", {
 				"data-testid": "record-detail-panel",
 				style: {
 					flex: 1,
@@ -342,23 +362,23 @@ function U({ screenCode: t }) {
 					flexDirection: "column",
 					minWidth: 0,
 					overflow: "hidden",
-					height: K === "stacked" ? "50%" : "100%"
+					height: U === "stacked" ? "50%" : "100%"
 				},
-				children: [!$ && w.omitted && /* @__PURE__ */ B(P, { className: "p-4" }), /* @__PURE__ */ B("div", {
+				children: [!Ie && ce.omitted && /* @__PURE__ */ V(he, { className: "p-4" }), /* @__PURE__ */ V("div", {
 					style: {
 						flex: 1,
 						minHeight: 0
 					},
-					children: x ? /* @__PURE__ */ B(be, {
-						entityCode: y,
-						recordId: x,
-						items: _.items,
+					children: y ? /* @__PURE__ */ V(Ce, {
+						entityCode: v,
+						recordId: y,
+						items: g.items,
 						schema: c,
-						entity: v,
+						entity: _,
 						onBackToList: Re,
-						onOpenFilters: $ ? void 0 : () => g(!0),
-						relatedRecordsPresentation: xe
-					}, x) : /* @__PURE__ */ B("div", {
+						onOpenFilters: Ie ? void 0 : () => h(!0),
+						relatedRecordsPresentation: G
+					}, y) : /* @__PURE__ */ V("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -366,33 +386,33 @@ function U({ screenCode: t }) {
 							height: "100%",
 							color: "var(--text-3)"
 						},
-						children: /* @__PURE__ */ B("p", {
+						children: /* @__PURE__ */ V("p", {
 							style: { fontSize: 12.5 },
-							children: n("list.detail.select_prompt", "Select a {name} to view details", { name: n(v.display.name) })
+							children: n("list.detail.select_prompt", "Select a {name} to view details", { name: n(_.display.name) })
 						})
 					})
 				})]
 			}),
-			/* @__PURE__ */ B(A, {
-				open: h,
-				onClose: () => g(!1),
-				filters: H,
-				onApply: U,
-				availableFields: ue,
-				allFields: M,
+			/* @__PURE__ */ V(k, {
+				open: ne,
+				onClose: () => h(!1),
+				filters: O,
+				onApply: j,
+				availableFields: le,
+				allFields: ue,
 				fieldLabel: de,
-				resolveValue: De,
-				defaultFilters: _.default_filters,
-				refs: Oe
+				resolveValue: Ee,
+				defaultFilters: g.default_filters,
+				refs: De
 			})
 		]
 	});
 }
-function W({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a, isSelected: o, onClick: s }) {
+function Se({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a, isSelected: o, onClick: s }) {
 	let c = f();
 	if (i === "cards") {
-		let n = r.badgeFields.filter((n) => b(t, e, n)), i = r.bodyFields.filter((n) => b(t, e, n)), l = r.metaFields.filter((n) => b(t, e, n));
-		return /* @__PURE__ */ V("button", {
+		let n = r.badgeFields.filter((n) => x(t, e, n)), i = r.bodyFields.filter((n) => x(t, e, n)), l = r.metaFields.filter((n) => x(t, e, n));
+		return /* @__PURE__ */ H("button", {
 			type: "button",
 			"data-testid": "record-list-card",
 			"aria-current": o ? "true" : void 0,
@@ -412,19 +432,19 @@ function W({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a
 				boxShadow: o ? "inset 3px 0 0 var(--accent)" : "none"
 			},
 			children: [
-				/* @__PURE__ */ B(G, {
+				/* @__PURE__ */ V(G, {
 					entity: t,
 					record: e,
 					field: r.titleField,
 					refs: a
 				}),
-				r.subtitleField && /* @__PURE__ */ B("div", {
+				r.subtitleField && /* @__PURE__ */ V("div", {
 					style: {
 						fontSize: 12,
 						color: "var(--text-3)",
 						overflowWrap: "anywhere"
 					},
-					children: y({
+					children: b({
 						entity: t,
 						fieldName: r.subtitleField,
 						record: e,
@@ -433,13 +453,13 @@ function W({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a
 						t: c
 					})
 				}),
-				n.length > 0 && /* @__PURE__ */ B("div", {
+				n.length > 0 && /* @__PURE__ */ V("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
 						gap: 6
 					},
-					children: n.map((n) => /* @__PURE__ */ B("span", {
+					children: n.map((n) => /* @__PURE__ */ V("span", {
 						style: {
 							border: "1px solid var(--border)",
 							borderRadius: 999,
@@ -449,7 +469,7 @@ function W({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a
 							maxWidth: "100%",
 							overflowWrap: "anywhere"
 						},
-						children: y({
+						children: b({
 							entity: t,
 							fieldName: n,
 							record: e,
@@ -459,21 +479,21 @@ function W({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a
 						})
 					}, n))
 				}),
-				i.length > 0 && /* @__PURE__ */ B("dl", {
+				i.length > 0 && /* @__PURE__ */ V("dl", {
 					style: {
 						display: "grid",
 						gridTemplateColumns: "minmax(72px, max-content) minmax(0, 1fr)",
 						gap: "5px 10px",
 						margin: 0
 					},
-					children: i.map((n) => /* @__PURE__ */ B(K, {
+					children: i.map((n) => /* @__PURE__ */ V(K, {
 						entity: t,
 						record: e,
 						fieldName: n,
 						refs: a
 					}, n))
 				}),
-				l.length > 0 && /* @__PURE__ */ B("div", {
+				l.length > 0 && /* @__PURE__ */ V("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
@@ -481,12 +501,12 @@ function W({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a
 						fontSize: 11,
 						color: "var(--text-3)"
 					},
-					children: l.map((n) => /* @__PURE__ */ B("span", {
+					children: l.map((n) => /* @__PURE__ */ V("span", {
 						style: {
 							minWidth: 0,
 							overflowWrap: "anywhere"
 						},
-						children: y({
+						children: b({
 							entity: t,
 							fieldName: n,
 							record: e,
@@ -500,7 +520,7 @@ function W({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a
 		});
 	}
 	let l = n[0], u = n[1], d = n.slice(2, 4);
-	return /* @__PURE__ */ V("button", {
+	return /* @__PURE__ */ H("button", {
 		onClick: s,
 		style: {
 			width: "100%",
@@ -523,7 +543,7 @@ function W({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a
 		onMouseLeave: (e) => {
 			o || (e.currentTarget.style.background = "transparent");
 		},
-		children: [l && /* @__PURE__ */ B("div", {
+		children: [l && /* @__PURE__ */ V("div", {
 			style: {
 				fontSize: 12.5,
 				fontWeight: 500,
@@ -532,7 +552,7 @@ function W({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a
 				whiteSpace: "nowrap",
 				color: "var(--text)"
 			},
-			children: y({
+			children: b({
 				entity: t,
 				fieldName: l,
 				record: e,
@@ -540,13 +560,13 @@ function W({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a
 				refs: a,
 				t: c
 			})
-		}), /* @__PURE__ */ V("div", {
+		}), /* @__PURE__ */ H("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: 6
 			},
-			children: [u && /* @__PURE__ */ B("div", {
+			children: [u && /* @__PURE__ */ V("div", {
 				style: {
 					fontSize: 11,
 					color: "var(--text-3)",
@@ -555,7 +575,7 @@ function W({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a
 					textOverflow: "ellipsis",
 					whiteSpace: "nowrap"
 				},
-				children: y({
+				children: b({
 					entity: t,
 					fieldName: u,
 					record: e,
@@ -563,16 +583,16 @@ function W({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a
 					refs: a,
 					t: c
 				})
-			}), /* @__PURE__ */ B("div", {
+			}), /* @__PURE__ */ V("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: 4,
 					flexShrink: 0
 				},
-				children: d.map((n) => v(t, e, n) == null ? null : /* @__PURE__ */ B("div", {
+				children: d.map((n) => y(t, e, n) == null ? null : /* @__PURE__ */ V("div", {
 					style: { fontSize: 11 },
-					children: y({
+					children: b({
 						entity: t,
 						fieldName: n,
 						record: e,
@@ -586,7 +606,7 @@ function W({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a
 	});
 }
 function G({ entity: e, record: t, field: r, refs: i }) {
-	let a = f(), o = n(a, t, e), s = r ? y({
+	let a = f(), o = n(a, t, e), s = r ? b({
 		entity: e,
 		fieldName: r,
 		record: t,
@@ -594,7 +614,7 @@ function G({ entity: e, record: t, field: r, refs: i }) {
 		refs: i,
 		t: a
 	}) : o;
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ V("div", {
 		style: {
 			fontSize: 13.5,
 			fontWeight: 600,
@@ -605,10 +625,10 @@ function G({ entity: e, record: t, field: r, refs: i }) {
 	});
 }
 function K({ entity: e, record: n, fieldName: r, refs: i }) {
-	let a = f(), o = v(e, n, r);
+	let a = f(), o = y(e, n, r);
 	if (o == null || o === "") return null;
 	let s = e.fields.get(r);
-	return s ? /* @__PURE__ */ V(_e, { children: [/* @__PURE__ */ B("dt", {
+	return s ? /* @__PURE__ */ H(ye, { children: [/* @__PURE__ */ V("dt", {
 		style: {
 			color: "var(--text-3)",
 			fontSize: 11.5,
@@ -616,7 +636,7 @@ function K({ entity: e, record: n, fieldName: r, refs: i }) {
 			overflowWrap: "anywhere"
 		},
 		children: t(a, s, r)
-	}), /* @__PURE__ */ B("dd", {
+	}), /* @__PURE__ */ V("dd", {
 		style: {
 			margin: 0,
 			color: "var(--text)",
@@ -624,7 +644,7 @@ function K({ entity: e, record: n, fieldName: r, refs: i }) {
 			minWidth: 0,
 			overflowWrap: "anywhere"
 		},
-		children: y({
+		children: b({
 			entity: e,
 			fieldName: r,
 			record: n,
@@ -634,8 +654,8 @@ function K({ entity: e, record: n, fieldName: r, refs: i }) {
 		})
 	})] }) : null;
 }
-function be({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackToList: a, onOpenFilters: o, relatedRecordsPresentation: s }) {
-	return /* @__PURE__ */ B(h, { children: /* @__PURE__ */ B(q, {
+function Ce({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackToList: a, onOpenFilters: o, relatedRecordsPresentation: s }) {
+	return /* @__PURE__ */ V(_, { children: /* @__PURE__ */ V(q, {
 		entityCode: e,
 		recordId: t,
 		items: n,
@@ -646,104 +666,119 @@ function be({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBack
 		relatedRecordsPresentation: s
 	}) });
 }
-function q({ entityCode: t, recordId: o, items: s, schema: ee, entity: p, onBackToList: re, onOpenFilters: ie, relatedRecordsPresentation: ae }) {
-	let h = f(), y = M(p), b = L(() => o ? a(p, o) : void 0, [o, p]), { data: ce, isLoading: le } = m(t, b), T = S(t), E = g(), [D, O] = z(!1), [k, A] = z({}), j = ce?.data, N = i(p, "update", j, y.tenantId), fe = j?.$statuses, pe = j?.$properties, P = C(t, o), me = w(t, o), he = L(() => {
+function q({ entityCode: t, recordId: o, items: s, schema: te, entity: m, onBackToList: ie, onOpenFilters: ae, relatedRecordsPresentation: oe }) {
+	let _ = f(), b = f("errors"), x = j(m), fe = R(() => o ? a(m, o) : void 0, [o, m]), pe = g(t, fe), me = pe.data, w = h(pe), T = le(t), E = v(), [D, k] = B(!1), [A, N] = B({}), P = me?.data, F = i(m, "update", P, x.tenantId), he = P?.$statuses, ge = P?.$properties, _e = ue(t, o), ve = de(t, o), L = R(() => {
 		let e = /* @__PURE__ */ new Set();
-		for (let [t, n] of p.fields) r(n) && e.add(t);
-		for (let [t] of p.files ?? []) e.add(t);
+		for (let [t, n] of m.fields) r(n) && e.add(t);
+		for (let [t] of m.files ?? []) e.add(t);
 		return e;
-	}, [p]), ge = F(() => {
-		if (j) {
+	}, [m]), z = I(() => {
+		if (P) {
 			let e = {};
-			he.forEach((t) => {
-				let n = v(p, j, t);
-				e[t] = _(p, t) ? n ?? null : n ?? "";
-			}), A(e);
+			L.forEach((t) => {
+				let n = y(m, P, t);
+				e[t] = se(m, t) ? n ?? null : n ?? "";
+			}), N(e);
 		}
-		O(!0);
+		k(!0);
 	}, [
-		j,
-		he,
-		p
-	]), I = F(async () => {
-		await E.flushAllDrafts(), O(!1), A({});
-	}, [E]), R = F(() => {
-		let e = {}, t = oe({
-			entity: p,
-			formData: k,
-			record: j,
+		P,
+		L,
+		m
+	]), be = I(async () => {
+		await E.flushAllDrafts(), k(!1), N({});
+	}, [E]), xe = I(() => {
+		let e = {}, t = C({
+			entity: m,
+			formData: A,
+			record: P,
 			isNew: !1
-		}), n = se(t);
-		for (let [t, n] of Object.entries(k)) p.files?.has(t) || (e[t] = x(p, t, n));
-		Object.keys(t).length > 0 && (e.$files = t), Object.keys(e).length === 0 ? (O(!1), A({})) : T.mutate({
+		}), n = ce(t);
+		for (let [t, n] of Object.entries(A)) m.files?.has(t) || (e[t] = S(m, t, n));
+		Object.keys(t).length > 0 && (e.$files = t), Object.keys(e).length === 0 ? (k(!1), N({})) : T.mutate({
 			pkValues: o,
 			data: e
 		}, { onSuccess: () => {
-			n.forEach((e) => E.markCommitted(e)), O(!1), A({});
+			n.forEach((e) => E.markCommitted(e)), k(!1), N({});
 		} });
 	}, [
 		E,
 		T,
 		o,
-		p,
-		k,
-		j
-	]), ve = F((e, t) => {
-		A((n) => ({
+		m,
+		A,
+		P
+	]), W = I((e, t) => {
+		N((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, []);
-	if (le) return /* @__PURE__ */ B(ue, {});
-	if (!j) return null;
-	let ye = n(h, j, p), U = p.display?.display_field, W = ye ? void 0 : U ? j[U] : j[p.fields.names()[0]], G = ye || (W != null && typeof W != "object" ? e(W) : h(p.display.name)), K = j?.$refs, be = {
-		schema: ee,
-		entity: p,
+	if (w.loading) return /* @__PURE__ */ V(O, {});
+	if (!P && w.error !== null) return /* @__PURE__ */ H("p", {
+		role: "alert",
+		style: {
+			padding: 16,
+			color: "var(--danger)",
+			display: "flex",
+			alignItems: "center",
+			gap: 8
+		},
+		children: [
+			l(b, w.error),
+			" ",
+			/* @__PURE__ */ V(p, { onRetry: w.retry })
+		]
+	});
+	if (!P) return null;
+	let Se = n(_, P, m), G = m.display?.display_field, K = Se ? void 0 : G ? P[G] : P[m.fields.names()[0]], Ce = Se || (K != null && typeof K != "object" ? e(K) : _(m.display.name)), q = P?.$refs, J = {
+		schema: te,
+		entity: m,
 		entityCode: t,
 		recordId: o,
 		record: D ? {
-			...j,
-			...k
-		} : j,
+			...P,
+			...A
+		} : P,
 		isNew: !1,
 		mode: D ? "edit" : "display",
-		onFieldChange: D ? ve : void 0,
-		refs: K,
-		objectProperties: pe ?? void 0,
-		onSetProperty: N ? (e, t) => me.mutate({
+		onFieldChange: D ? W : void 0,
+		refs: q,
+		objectProperties: ge ?? void 0,
+		onSetProperty: F ? (e, t) => ve.mutate({
 			propertyCode: e,
 			value: t
 		}) : void 0,
-		isPropertyPending: me.isPending,
-		objectStatuses: fe ?? void 0,
-		onSetStatus: N ? (e, t) => P.mutate({
+		isPropertyPending: ve.isPending,
+		objectStatuses: he ?? void 0,
+		onSetStatus: F ? (e, t) => _e.mutate({
 			groupCode: e,
 			statusCode: t
 		}) : void 0,
-		isStatusPending: P.isPending,
-		relatedRecordsPresentation: ae
+		isStatusPending: _e.isPending,
+		relatedRecordsPresentation: oe
 	};
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ H("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			height: "100%"
 		},
-		children: [/* @__PURE__ */ V("div", {
+		children: [/* @__PURE__ */ H("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				justifyContent: "space-between",
 				paddingTop: 10,
 				paddingBottom: 10,
-				...ne(16),
+				...re(16),
 				borderBottom: "1px solid var(--divider)",
 				position: "sticky",
 				top: 0,
 				background: "var(--surface)",
 				zIndex: 10
 			},
-			children: [/* @__PURE__ */ B("h2", {
+			children: [/* @__PURE__ */ V("h2", {
 				style: {
 					margin: 0,
 					fontSize: 13,
@@ -753,67 +788,67 @@ function q({ entityCode: t, recordId: o, items: s, schema: ee, entity: p, onBack
 					whiteSpace: "nowrap",
 					color: "var(--text)"
 				},
-				children: G
-			}), /* @__PURE__ */ V("div", {
+				children: Ce
+			}), /* @__PURE__ */ H("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: 6
 				},
 				children: [
-					re && /* @__PURE__ */ B(d, {
-						icon: /* @__PURE__ */ B(l.back, { size: 14 }),
-						title: h("list.detail.back_to_list", "Back to list"),
-						onClick: re
-					}),
-					ie && /* @__PURE__ */ B(d, {
-						icon: /* @__PURE__ */ B(l.filter, { size: 14 }),
-						title: h("filter.drawer.title", "Filters"),
+					ie && /* @__PURE__ */ V(ee, {
+						icon: /* @__PURE__ */ V(u.back, { size: 14 }),
+						title: _("list.detail.back_to_list", "Back to list"),
 						onClick: ie
 					}),
-					N && (D ? /* @__PURE__ */ V(_e, { children: [/* @__PURE__ */ B(u, {
+					ae && /* @__PURE__ */ V(ee, {
+						icon: /* @__PURE__ */ V(u.filter, { size: 14 }),
+						title: _("filter.drawer.title", "Filters"),
+						onClick: ae
+					}),
+					F && (D ? /* @__PURE__ */ H(ye, { children: [/* @__PURE__ */ V(d, {
 						size: "xs",
-						icon: /* @__PURE__ */ B(l.x, { size: 12 }),
-						onClick: I,
-						children: h("dialog.cancel", "Cancel")
-					}), /* @__PURE__ */ B(u, {
+						icon: /* @__PURE__ */ V(u.x, { size: 12 }),
+						onClick: be,
+						children: _("dialog.cancel", "Cancel")
+					}), /* @__PURE__ */ V(d, {
 						kind: "primary",
 						size: "xs",
-						icon: T.isPending ? /* @__PURE__ */ B(te, { size: 12 }) : /* @__PURE__ */ B(l.save, { size: 12 }),
-						onClick: R,
+						icon: T.isPending ? /* @__PURE__ */ V(ne, { size: 12 }) : /* @__PURE__ */ V(u.save, { size: 12 }),
+						onClick: xe,
 						disabled: T.isPending,
-						children: T.isPending ? h("dialog.saving", "Saving…") : h("dialog.save", "Save")
-					})] }) : /* @__PURE__ */ B(u, {
+						children: T.isPending ? _("dialog.saving", "Saving…") : _("dialog.save", "Save")
+					})] }) : /* @__PURE__ */ V(d, {
 						size: "xs",
-						icon: /* @__PURE__ */ B(l.edit, { size: 12 }),
-						onClick: ge,
-						children: h("list.record.edit", "Edit")
+						icon: /* @__PURE__ */ V(u.edit, { size: 12 }),
+						onClick: z,
+						children: _("list.record.edit", "Edit")
 					}))
 				]
 			})]
-		}), /* @__PURE__ */ B("div", {
+		}), /* @__PURE__ */ V("div", {
 			style: {
 				flex: 1,
 				overflowY: "auto",
 				paddingTop: 16,
 				paddingBottom: 16,
-				...ne(16),
+				...re(16),
 				display: "flex",
 				flexDirection: "column",
 				gap: 12
 			},
-			children: s && s.length > 0 ? /* @__PURE__ */ B(de, {
+			children: s && s.length > 0 ? /* @__PURE__ */ V(M, {
 				nodes: s,
-				ctx: be
-			}) : /* @__PURE__ */ B("p", {
+				ctx: J
+			}) : /* @__PURE__ */ V("p", {
 				style: {
 					fontSize: 12.5,
 					color: "var(--text-3)"
 				},
-				children: c(h("list.detail.no_layout", "No layout configured. Add {key} to the screen definition."), { key: /* @__PURE__ */ B("code", { children: H }) })
+				children: c(_("list.detail.no_layout", "No layout configured. Add {key} to the screen definition."), { key: /* @__PURE__ */ V("code", { children: U }) })
 			})
 		})]
 	});
 }
 //#endregion
-export { U as SmartRecordListPage };
+export { W as SmartRecordListPage };