@declarion/react 0.56.0 → 0.59.0

package/dist-lib/{SmartRecordListPage.impl-Bkl9aZJ8.js → SmartRecordListPage.impl-C1FJLr80.js}

@@ -1,176 +1,178 @@
 import { s as e } from "./DynamicIcon-DW5krHuX.js";
-import { $n as t, Br as n, Cr as r, Er as i, Mr as a, Or as o, Vr as s, Zn as c, _t as l, at as u, dr as d, er as f, et as p, jt as m, mr as ee, nr as h, rt as g, un as _, v as te } from "./useCurrentScreen-CzwzQpoW.js";
-import { a as v } from "./registry-CjgUaF7C.js";
-import { T as ne, l as re, p as y } from "./field-classification-D6xQYn-h.js";
-import { f as b, h as x, p as S, u as ie } from "./action-dispatch-CR4ajBtT.js";
-import { a as C, c as w, n as T, s as E, t as D } from "./cardProjection-CW5RIMko.js";
-import { n as ae, r as O } from "./useProperties-CqtCzFCr.js";
-import { c as k, f as A, h as j, m as M, n as oe, t as se } from "./useTabSearchMirror-C39U85cg.js";
-import { t as N } from "./LayoutRenderer-C9AH9cXf.js";
-import { t as P } from "./useListQuery-D7Hr5WM1.js";
-import { useCallback as F, useEffect as I, useMemo as L, useRef as R, useState as z } from "react";
-import { useSearchParams as ce } from "react-router";
+import { Ln as t, On as n, Rn as r, St as i, Zt as a, _n as o, ct as s, en as c, hn as l, jn as u, nn as d, on as f, ot as p, v as ee, vn as m } from "./useCurrentScreen-BL5NZFCw.js";
+import { d as h, f as g, t as _ } from "./useText-BFDCTUSo.js";
+import { c as v } from "./registry-Cb3W-czW.js";
+import { A as te, O as y, g as b, h as ne, k as x, l as re } from "./field-classification-C28XE-_P.js";
+import { f as S, h as C, p as w, u as ie } from "./action-dispatch-DY0c8U81.js";
+import { n as T, r as E } from "./useProperties-4Lg3odrt.js";
+import { c as ae, f as D, h as O, m as k, n as A, t as j } from "./useTabSearchMirror-ZVLlINBX.js";
+import { t as M } from "./LayoutRenderer-DGKWZKpW.js";
+import { n as N, t as P } from "./cardProjection-Bkl2SSYz.js";
+import { t as F } from "./useListQuery-BG1GyKtJ.js";
+import { useCallback as I, useEffect as L, useMemo as R, useRef as z, useState as oe } from "react";
+import { useSearchParams as se } from "react-router";
 import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
 //#region src/components/pages/SmartRecordListPage.impl.tsx
-var le = 200;
-function U({ screenCode: o }) {
-	let [s, c] = ce(), { data: u } = _(), d = a(), f = u?.screens[o], p = f?.entity ? u?.entities[f.entity] : void 0, m = f?.entity;
-	oe(f, p, s.toString()), se(f?.route);
-	let g = re(), v = s.get("selected") ?? null, y = s.get("search") ?? "", b = l(y, 300), x = s.get("sort") ?? f?.sort_default ?? "", S = L(() => A(s), [s]), ie = S.filters.length > 0 ? S.filters : void 0, C = L(() => f?.columns ?? p?.fields.names().filter((e) => !p.fields.get(e)?.primary && !p.fields.get(e)?.auto && p.fields.get(e)?.display?.is_listable !== !1).slice(0, 4) ?? [], [f?.columns, p]), w = L(() => {
-		let e = f?.responsive?.[d.category]?.presentation;
-		return d.category === "phone" ? "drilldown" : e === "split" || e === "drilldown" || e === "stacked" ? e : "split";
-	}, [f?.responsive, d.category]), E = L(() => {
-		let e = f?.responsive?.[d.category];
-		return e?.list?.presentation === "table" || e?.list?.presentation === "cards" ? e.list.presentation : e?.presentation === "table" || e?.presentation === "cards" ? e.presentation : d.category === "phone" ? "cards" : "table";
-	}, [f?.responsive, d.category]), ae = f?.responsive?.[d.category]?.layout?.related_records, O = L(() => D({
-		entity: p,
-		screen: f
-	}), [p, f]), N = L(() => T({
-		entity: p,
-		screen: f,
-		presentation: E,
-		visibleColumns: C,
-		card: O,
-		sort: x
+var ce = 200, le = "items:";
+function U({ screenCode: n }) {
+	let r = _(), s = _("errors"), [l, d] = se(), { data: p } = g(), m = f(), h = p?.screens[n], v = h?.entity ? p?.entities[h.entity] : void 0, y = h?.entity;
+	A(h, v, l.toString()), j(h?.route);
+	let ne = b(), x = l.get("selected") ?? null, re = l.get("search") ?? "", S = i(re, 300), C = l.get("sort") ?? h?.sort_default ?? "", w = R(() => D(l), [l]), ie = w.filters.length > 0 ? w.filters : void 0, T = R(() => h?.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) ?? [], [h?.columns, v]), E = R(() => {
+		let e = h?.responsive?.[m.category]?.presentation;
+		return m.category === "phone" ? "drilldown" : e === "split" || e === "drilldown" || e === "stacked" ? e : "split";
+	}, [h?.responsive, m.category]), M = R(() => {
+		let e = h?.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";
+	}, [h?.responsive, m.category]), le = h?.responsive?.[m.category]?.layout?.related_records, U = R(() => P({
+		entity: v,
+		screen: h
+	}), [v, h]), W = R(() => N({
+		entity: v,
+		screen: h,
+		presentation: M,
+		visibleColumns: T,
+		card: U,
+		sort: C
 	}), [
-		p,
-		f,
-		E,
-		C,
-		O,
-		x
-	]), U = P({
-		entity: p,
-		entityCode: m,
-		screen: f,
-		screenCode: o,
+		v,
+		h,
+		M,
+		T,
+		U,
+		C
+	]), G = F({
+		entity: v,
+		entityCode: y,
+		screen: h,
+		screenCode: n,
 		page: 1,
-		perPage: le,
-		sortForRequest: te(x),
-		debouncedSearch: b,
-		filters: S.filters,
-		filterError: !!S.error,
+		perPage: ce,
+		sortForRequest: ee(C),
+		debouncedSearch: S,
+		filters: w.filters,
 		includeDeleted: !1,
-		expand: N.expandFields,
-		select: N.selectFields,
+		expand: W.expandFields,
+		select: W.selectFields,
+		isHeld: !1,
+		retryHeld: () => void 0,
 		runCountQuery: !1,
-		urlKey: `${m ?? ""}|${s.toString()}`
-	}), W = U.rows, G = U.refs, K = U.isLoading, q = L(() => p?.fields.names().find((e) => p.fields.get(e)?.primary) ?? "id", [p]), J = F((e, t) => {
-		c((t) => {
+		urlKey: `${y ?? ""}|${l.toString()}`
+	}), K = G.rows, q = G.refs, J = G.isLoading, fe = R(() => v?.fields.names().find((e) => v.fields.get(e)?.primary) ?? "id", [v]), pe = I((e, t) => {
+		d((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("selected", e) : n.delete("selected"), n;
 		}, { replace: t?.replace ?? !0 });
-	}, [c]), fe = F((e) => {
-		c((t) => {
+	}, [d]), me = I((e) => {
+		d((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("search", e) : n.delete("search"), n;
 		}, { replace: !0 });
-	}, [c]), pe = F((e, t) => {
-		c((n) => {
-			let r = new URLSearchParams(n), i = A(n).filters, a;
-			return a = t && t !== "__all__" ? [...M(i, e), k(e, t)] : M(i, e), j(a, r), r;
+	}, [d]), he = I((e, t) => {
+		d((n) => {
+			let r = new URLSearchParams(n), i = D(n).filters, a;
+			return a = t && t !== "__all__" ? [...k(i, e), ae(e, t)] : k(i, e), O(a, r), r;
 		}, { replace: !0 });
-	}, [c]), Y = (f?.list_resizable ?? !1) && w === "split" && d.category !== "phone" && !d.touch, X = R(null), [Z, Q] = z(null), me = R(!1), $ = f?.list_width;
-	I(() => {
-		Y && $?.endsWith("%") && Q(null);
+	}, [d]), Y = (h?.list_resizable ?? !1) && E === "split" && m.category !== "phone" && !m.touch, ge = z(null), [X, Z] = oe(null), _e = z(!1), Q = h?.list_width;
+	L(() => {
+		Y && Q?.endsWith("%") && Z(null);
 	}, [
 		Y,
-		$,
-		d.width,
-		d.height
-	]), I(() => {
-		if (!Y || Z !== null) return;
-		let e = X.current;
+		Q,
+		m.width,
+		m.height
+	]), L(() => {
+		if (!Y || X !== null) return;
+		let e = ge.current;
 		if (e) {
-			if ($ && $.endsWith("%")) {
-				let t = parseFloat($) / 100;
-				Q(Math.round(e.getBoundingClientRect().width * t));
-			} else Q($ && parseInt($, 10) || 320);
+			if (Q && Q.endsWith("%")) {
+				let t = parseFloat(Q) / 100;
+				Z(Math.round(e.getBoundingClientRect().width * t));
+			} else Z(Q && parseInt(Q, 10) || 320);
 		}
 	}, [
 		Y,
-		$,
-		Z,
-		p
+		Q,
+		X,
+		v
 	]);
-	let he = R(null);
-	I(() => () => {
-		he.current?.();
+	let $ = z(null);
+	L(() => () => {
+		$.current?.();
 	}, []);
-	let ge = F((e) => {
-		e.preventDefault(), me.current = !0;
-		let t = e.clientX, n = Z ?? 320, r = (e) => {
-			if (!me.current) return;
-			let r = (X.current?.getBoundingClientRect().width ?? window.innerWidth) - 300, i = Math.max(200, Math.min(r, n + e.clientX - t));
-			Q(i);
+	let ve = I((e) => {
+		e.preventDefault(), _e.current = !0;
+		let t = e.clientX, n = X ?? 320, r = (e) => {
+			if (!_e.current) return;
+			let r = (ge.current?.getBoundingClientRect().width ?? window.innerWidth) - 300, i = Math.max(200, Math.min(r, n + e.clientX - t));
+			Z(i);
 		}, i = () => {
-			me.current = !1, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", he.current = null;
+			_e.current = !1, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", $.current = null;
 		};
-		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), he.current = i;
-	}, [Z]);
-	if (!u || !f || !p) return null;
-	let _e = ie?.length ?? 0, ve = w === "split" || w === "stacked" || !v, ye = w === "split" || w === "stacked" || !!v, be = w !== "split" && v ? () => J(null, { replace: !0 }) : void 0, xe = w === "split" ? Y && Z !== null ? Z : f.list_width ?? "320px" : "100%";
+		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), $.current = i;
+	}, [X]);
+	if (!p || !h || !v) return null;
+	let ye = ie?.length ?? 0, be = E === "split" || E === "stacked" || !x, xe = E === "split" || E === "stacked" || !!x, Se = E !== "split" && x ? () => pe(null, { replace: !0 }) : void 0, Ce = E === "split" ? Y && X !== null ? X : h.list_width ?? "320px" : "100%";
 	return /* @__PURE__ */ H("div", {
-		ref: X,
-		"data-record-list-presentation": w,
+		ref: ge,
+		"data-record-list-presentation": E,
 		style: {
 			display: "flex",
-			flexDirection: w === "stacked" ? "column" : "row",
+			flexDirection: E === "stacked" ? "column" : "row",
 			height: "100%",
 			minWidth: 0,
 			overflow: "hidden"
 		},
 		children: [
-			ve && /* @__PURE__ */ H("div", {
+			be && /* @__PURE__ */ H("div", {
 				"data-testid": "record-list-panel",
 				style: {
-					flex: w === "split" ? "none" : "1 1 auto",
+					flex: E === "split" ? "none" : "1 1 auto",
 					display: "flex",
 					flexDirection: "column",
 					overflow: "hidden",
-					borderRight: w === "split" && !Y ? "1px solid var(--divider)" : "none",
-					borderBottom: w === "stacked" ? "1px solid var(--divider)" : "none",
-					width: xe,
+					borderRight: E === "split" && !Y ? "1px solid var(--divider)" : "none",
+					borderBottom: E === "stacked" ? "1px solid var(--divider)" : "none",
+					width: Ce,
 					minWidth: 0,
-					height: w === "stacked" ? "50%" : "100%"
+					height: E === "stacked" ? "50%" : "100%"
 				},
 				children: [/* @__PURE__ */ H("div", {
 					style: {
 						paddingTop: 12,
 						paddingBottom: 12,
-						...ne(12),
+						...te(12),
 						display: "flex",
 						flexDirection: "column",
 						gap: 8,
 						borderBottom: "1px solid var(--divider)"
 					},
 					children: [
-						g.hasOriginBack && /* @__PURE__ */ H("div", {
+						ne.hasOriginBack && /* @__PURE__ */ H("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: 8
 							},
-							children: [/* @__PURE__ */ V(n, {
+							children: [/* @__PURE__ */ V(t, {
 								icon: /* @__PURE__ */ V(e.back, { size: 14 }),
-								title: "Back",
-								onClick: g.goBack
+								title: r("list.header.back", "Back"),
+								onClick: ne.goBack
 							}), /* @__PURE__ */ V("span", {
 								style: {
 									fontSize: 12.5,
 									fontWeight: 600,
 									color: "var(--text)"
 								},
-								children: h(f.display?.name) || h(p.display.name_plural)
+								children: r(h.display?.name) || r(v.display.name_plural)
 							})]
 						}),
-						/* @__PURE__ */ V(i, {
-							value: y,
-							onChange: fe,
-							placeholder: `Search ${h(p.display.name_plural)}…`,
+						/* @__PURE__ */ V(c, {
+							value: re,
+							onChange: me,
+							placeholder: r("list.toolbar.search_placeholder", "Search {name}…", { name: r(v.display.name_plural) }),
 							prefix: /* @__PURE__ */ V(e.search, { size: 13 })
 						}),
-						S.error && /* @__PURE__ */ H("div", {
+						w.error && /* @__PURE__ */ H("div", {
 							role: "alert",
 							"data-testid": "record-list-filter-url-error",
 							style: {
@@ -180,31 +182,35 @@ function U({ screenCode: o }) {
 								color: "var(--danger)",
 								fontSize: 11.5
 							},
-							children: [S.error, " Showing this list without URL filters."]
+							children: [
+								s(w.errorCode ?? "", w.error),
+								" ",
+								r("list.filters.invalid_suffix", "Showing this list without URL filters.")
+							]
 						}),
-						f.filters && f.filters.length > 0 && /* @__PURE__ */ V("div", {
+						h.filters && h.filters.length > 0 && /* @__PURE__ */ V("div", {
 							style: {
 								display: "flex",
 								flexWrap: "wrap",
 								gap: 6
 							},
-							children: f.filters.map((e) => {
-								let n = p.fields.get(e);
-								if (!n?.values) return null;
-								let i = ie?.find((t) => t.field === e && t.op === "eq")?.value ?? "__all__", a = t(n, e, u.entities), o = [{
+							children: h.filters.map((e) => {
+								let t = v.fields.get(e);
+								if (!t?.values) return null;
+								let n = ie?.find((t) => t.field === e && t.op === "eq")?.value ?? "__all__", i = o(r, t, e, p.entities), s = [{
 									value: "__all__",
-									label: `All ${a}`
-								}, ...n.values.map((e) => ({
+									label: r("list.filters.all_values", "All {field}", { field: i })
+								}, ...t.values.map((e) => ({
 									value: e.code,
-									label: h(e.name) || e.code
+									label: r(e.name) || e.code
 								}))];
 								return /* @__PURE__ */ V("div", {
 									style: { minWidth: 120 },
-									children: /* @__PURE__ */ V(r, {
-										value: i,
-										options: o,
-										onChange: (t) => pe(e, t),
-										placeholder: a
+									children: /* @__PURE__ */ V(a, {
+										value: n,
+										options: s,
+										onChange: (t) => he(e, t),
+										placeholder: i
 									})
 								}, e);
 							})
@@ -217,8 +223,11 @@ function U({ screenCode: o }) {
 								fontSize: 11,
 								color: "var(--text-3)"
 							},
-							children: [/* @__PURE__ */ V("span", { children: K ? "Loading…" : `${W.length} ${h(p.display.name_plural)}` }), _e > 0 && /* @__PURE__ */ V("button", {
-								onClick: () => c((e) => {
+							children: [/* @__PURE__ */ V("span", { children: J ? r("list.records.loading", "Loading…") : r("list.records.count", "{count} {name}", {
+								count: K.length,
+								name: r(v.display.name_plural)
+							}) }), ye > 0 && /* @__PURE__ */ V("button", {
+								onClick: () => d((e) => {
 									let t = new URLSearchParams(e);
 									return t.delete("filters"), t;
 								}, { replace: !0 }),
@@ -231,7 +240,7 @@ function U({ screenCode: o }) {
 									textDecoration: "underline",
 									padding: 0
 								},
-								children: "Clear filters"
+								children: r("list.filters.clear", "Clear filters")
 							})]
 						})
 					]
@@ -239,12 +248,12 @@ function U({ screenCode: o }) {
 					style: {
 						flex: 1,
 						overflowY: "auto",
-						padding: E === "cards" ? 10 : 0,
-						display: E === "cards" ? "flex" : "block",
+						padding: M === "cards" ? 10 : 0,
+						display: M === "cards" ? "flex" : "block",
 						flexDirection: "column",
-						gap: E === "cards" ? 10 : void 0
+						gap: M === "cards" ? 10 : void 0
 					},
-					children: K ? /* @__PURE__ */ V("div", {
+					children: J ? /* @__PURE__ */ V("div", {
 						style: {
 							padding: 12,
 							display: "flex",
@@ -256,31 +265,31 @@ function U({ screenCode: o }) {
 							borderRadius: 6,
 							background: "var(--surface-3)"
 						} }, t))
-					}) : W.length === 0 ? /* @__PURE__ */ V("div", {
+					}) : K.length === 0 ? /* @__PURE__ */ V("div", {
 						style: {
 							padding: 28,
 							textAlign: "center",
 							fontSize: 12.5,
 							color: "var(--text-3)"
 						},
-						children: "No records found"
-					}) : /* @__PURE__ */ H(B, { children: [W.map((e) => {
-						let t = ee(e[q]);
+						children: r("list.records.none", "No records found")
+					}) : /* @__PURE__ */ H(B, { children: [K.map((e) => {
+						let t = u(e[fe]);
 						return /* @__PURE__ */ V(ue, {
 							record: e,
-							entity: p,
-							columns: C,
-							card: O,
-							presentation: E,
-							refs: G,
-							isSelected: t === v,
-							onClick: () => J(t, { replace: w === "split" })
+							entity: v,
+							columns: T,
+							card: U,
+							presentation: M,
+							refs: q,
+							isSelected: t === x,
+							onClick: () => pe(t, { replace: E === "split" })
 						}, t);
-					}), U.isCursor && U.hasMorePages && /* @__PURE__ */ V("button", {
+					}), G.isCursor && G.hasMorePages && /* @__PURE__ */ V("button", {
 						type: "button",
 						"data-testid": "record-list-load-more",
-						onClick: U.fetchNextPage,
-						disabled: U.isFetchingNextPage,
+						onClick: G.fetchNextPage,
+						disabled: G.isFetchingNextPage,
 						style: {
 							width: "100%",
 							padding: "8px 12px",
@@ -289,15 +298,15 @@ function U({ screenCode: o }) {
 							border: "none",
 							borderTop: "1px solid var(--divider)",
 							color: "var(--text-2)",
-							cursor: U.isFetchingNextPage ? "default" : "pointer"
+							cursor: G.isFetchingNextPage ? "default" : "pointer"
 						},
-						children: U.isFetchingNextPage ? "Loading…" : "Load more"
+						children: G.isFetchingNextPage ? r("list.records.loading", "Loading…") : r("list.footer.load_more", "Load more")
 					})] })
 				})]
 			}),
 			Y && /* @__PURE__ */ V("div", {
 				"data-testid": "record-list-resize-handle",
-				onMouseDown: ge,
+				onMouseDown: ve,
 				style: {
 					flex: "none",
 					width: 1,
@@ -308,23 +317,23 @@ function U({ screenCode: o }) {
 				onMouseEnter: (e) => e.currentTarget.style.background = "var(--border-strong)",
 				onMouseLeave: (e) => e.currentTarget.style.background = "var(--divider)"
 			}),
-			ye && /* @__PURE__ */ V("div", {
+			xe && /* @__PURE__ */ V("div", {
 				"data-testid": "record-detail-panel",
 				style: {
 					flex: 1,
 					minWidth: 0,
 					overflow: "hidden",
-					height: w === "stacked" ? "50%" : "100%"
+					height: E === "stacked" ? "50%" : "100%"
 				},
-				children: v ? /* @__PURE__ */ V(de, {
-					entityCode: m,
-					recordId: v,
-					items: f.items,
-					schema: u,
-					entity: p,
-					onBackToList: be,
-					relatedRecordsPresentation: ae
-				}, v) : /* @__PURE__ */ V("div", {
+				children: x ? /* @__PURE__ */ V(de, {
+					entityCode: y,
+					recordId: x,
+					items: h.items,
+					schema: p,
+					entity: v,
+					onBackToList: Se,
+					relatedRecordsPresentation: le
+				}, x) : /* @__PURE__ */ V("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
@@ -332,13 +341,9 @@ function U({ screenCode: o }) {
 						height: "100%",
 						color: "var(--text-3)"
 					},
-					children: /* @__PURE__ */ H("p", {
+					children: /* @__PURE__ */ V("p", {
 						style: { fontSize: 12.5 },
-						children: [
-							"Select a ",
-							h(p.display.name),
-							" to view details"
-						]
+						children: r("list.detail.select_prompt", "Select a {name} to view details", { name: r(v.display.name) })
 					})
 				})
 			})
@@ -346,7 +351,7 @@ function U({ screenCode: o }) {
 	});
 }
 function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs: a, isSelected: o, onClick: s }) {
-	let c = p();
+	let c = _();
 	if (i === "cards") {
 		let n = r.badgeFields.filter((n) => W(t, e, n)), i = r.bodyFields.filter((n) => W(t, e, n)), l = r.metaFields.filter((n) => W(t, e, n));
 		return /* @__PURE__ */ H("button", {
@@ -381,13 +386,13 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 						color: "var(--text-3)",
 						overflowWrap: "anywhere"
 					},
-					children: S({
+					children: w({
 						entity: t,
 						fieldName: r.subtitleField,
 						record: e,
 						mode: "display",
 						refs: a,
-						locale: c
+						t: c
 					})
 				}),
 				n.length > 0 && /* @__PURE__ */ V("div", {
@@ -406,13 +411,13 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 							maxWidth: "100%",
 							overflowWrap: "anywhere"
 						},
-						children: S({
+						children: w({
 							entity: t,
 							fieldName: n,
 							record: e,
 							mode: "display",
 							refs: a,
-							locale: c
+							t: c
 						})
 					}, n))
 				}),
@@ -427,8 +432,7 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 						entity: t,
 						record: e,
 						fieldName: n,
-						refs: a,
-						locale: c
+						refs: a
 					}, n))
 				}),
 				l.length > 0 && /* @__PURE__ */ V("div", {
@@ -444,13 +448,13 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 							minWidth: 0,
 							overflowWrap: "anywhere"
 						},
-						children: S({
+						children: w({
 							entity: t,
 							fieldName: n,
 							record: e,
 							mode: "display",
 							refs: a,
-							locale: c
+							t: c
 						})
 					}, n))
 				})
@@ -490,13 +494,13 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 				whiteSpace: "nowrap",
 				color: "var(--text)"
 			},
-			children: S({
+			children: w({
 				entity: t,
 				fieldName: l,
 				record: e,
 				mode: "display",
 				refs: a,
-				locale: c
+				t: c
 			})
 		}), /* @__PURE__ */ H("div", {
 			style: {
@@ -513,13 +517,13 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 					textOverflow: "ellipsis",
 					whiteSpace: "nowrap"
 				},
-				children: S({
+				children: w({
 					entity: t,
 					fieldName: u,
 					record: e,
 					mode: "display",
 					refs: a,
-					locale: c
+					t: c
 				})
 			}), /* @__PURE__ */ V("div", {
 				style: {
@@ -528,15 +532,15 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 					gap: 4,
 					flexShrink: 0
 				},
-				children: d.map((n) => b(t, e, n) == null ? null : /* @__PURE__ */ V("div", {
+				children: d.map((n) => S(t, e, n) == null ? null : /* @__PURE__ */ V("div", {
 					style: { fontSize: 11 },
-					children: S({
+					children: w({
 						entity: t,
 						fieldName: n,
 						record: e,
 						mode: "display",
 						refs: a,
-						locale: c
+						t: c
 					})
 				}, n))
 			})]
@@ -544,17 +548,17 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 	});
 }
 function W(e, t, n) {
-	let r = b(e, t, n);
+	let r = S(e, t, n);
 	return !(r == null || r === "" || Array.isArray(r) && r.length === 0);
 }
 function G({ entity: e, record: t, field: n, refs: r }) {
-	let i = p(), a = f(t, e), o = n ? S({
+	let i = _(), a = m(i, t, e), o = n ? w({
 		entity: e,
 		fieldName: n,
 		record: t,
 		mode: "display",
 		refs: r,
-		locale: i
+		t: i
 	}) : a;
 	return /* @__PURE__ */ V("div", {
 		style: {
@@ -563,13 +567,13 @@ function G({ entity: e, record: t, field: n, refs: r }) {
 			color: "var(--text)",
 			overflowWrap: "anywhere"
 		},
-		children: o || h(e.display.name)
+		children: o || i(e.display.name)
 	});
 }
-function K({ entity: e, record: n, fieldName: r, refs: i, locale: a }) {
-	let o = b(e, n, r);
-	if (o == null || o === "") return null;
-	let s = e.fields.get(r);
+function K({ entity: e, record: t, fieldName: n, refs: r }) {
+	let i = _(), a = S(e, t, n);
+	if (a == null || a === "") return null;
+	let s = e.fields.get(n);
 	return s ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("dt", {
 		style: {
 			color: "var(--text-3)",
@@ -577,7 +581,7 @@ function K({ entity: e, record: n, fieldName: r, refs: i, locale: a }) {
 			minWidth: 0,
 			overflowWrap: "anywhere"
 		},
-		children: t(s, r)
+		children: o(i, s, n)
 	}), /* @__PURE__ */ V("dd", {
 		style: {
 			margin: 0,
@@ -586,18 +590,18 @@ function K({ entity: e, record: n, fieldName: r, refs: i, locale: a }) {
 			minWidth: 0,
 			overflowWrap: "anywhere"
 		},
-		children: S({
+		children: w({
 			entity: e,
-			fieldName: r,
-			record: n,
+			fieldName: n,
+			record: t,
 			mode: "display",
-			refs: i,
-			locale: a
+			refs: r,
+			t: i
 		})
 	})] }) : null;
 }
 function de({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackToList: a, relatedRecordsPresentation: o }) {
-	return /* @__PURE__ */ V(g, { children: /* @__PURE__ */ V(q, {
+	return /* @__PURE__ */ V(p, { children: /* @__PURE__ */ V(q, {
 		entityCode: e,
 		recordId: t,
 		items: n,
@@ -607,89 +611,86 @@ function de({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBack
 		relatedRecordsPresentation: o
 	}) });
 }
-function q({ entityCode: t, recordId: r, items: i, schema: a, entity: l, onBackToList: p, relatedRecordsPresentation: g }) {
-	let _ = c(l, "update"), te = L(() => r ? d(l, r) : void 0, [r, l]), { data: ne, isLoading: re } = v(t, te), S = y(t), T = u(), [D, k] = z(!1), [A, j] = z({}), M = ne?.data, oe = M?.$statuses, se = M?.$properties, P = O(t, r), I = ae(t, r), R = L(() => {
+function q({ entityCode: i, recordId: a, items: o, schema: c, entity: f, onBackToList: p, relatedRecordsPresentation: ee }) {
+	let g = _(), b = l(f, "update"), w = R(() => a ? n(f, a) : void 0, [a, f]), { data: ae, isLoading: D } = v(i, w), O = ne(i), k = s(), [A, j] = oe(!1), [N, P] = oe({}), F = ae?.data, L = F?.$statuses, z = F?.$properties, se = E(i, a), ce = T(i, a), U = R(() => {
 		let e = /* @__PURE__ */ new Set();
-		for (let [t, n] of l.fields) !n.auto && !n.primary && e.add(t);
-		for (let [t] of l.files ?? []) e.add(t);
+		for (let [t, n] of f.fields) !n.auto && !n.primary && e.add(t);
+		for (let [t] of f.files ?? []) e.add(t);
 		return e;
-	}, [l]), ce = F(() => {
-		if (M) {
+	}, [f]), ue = I(() => {
+		if (F) {
 			let e = {};
-			R.forEach((t) => {
-				let n = b(l, M, t);
-				e[t] = ie(l, t) ? n ?? null : n ?? "";
-			}), j(e);
+			U.forEach((t) => {
+				let n = S(f, F, t);
+				e[t] = ie(f, t) ? n ?? null : n ?? "";
+			}), P(e);
 		}
-		k(!0);
+		j(!0);
 	}, [
-		M,
-		R,
-		l
-	]), le = F(async () => {
-		await T.flushAllDrafts(), k(!1), j({});
-	}, [T]), U = F(() => {
-		let e = {}, t = E({
-			entity: l,
-			formData: A,
-			record: M,
+		F,
+		U,
+		f
+	]), W = I(async () => {
+		await k.flushAllDrafts(), j(!1), P({});
+	}, [k]), G = I(() => {
+		let e = {}, t = y({
+			entity: f,
+			formData: N,
+			record: F,
 			isNew: !1
-		}), n = w(t);
-		for (let [t, n] of Object.entries(A)) l.files?.has(t) || (e[t] = x(l, t, n));
+		}), n = x(t);
+		for (let [t, n] of Object.entries(N)) f.files?.has(t) || (e[t] = C(f, t, n));
 		if (Object.keys(t).length > 0 && (e.$files = t), Object.keys(e).length === 0) {
-			k(!1), j({});
+			j(!1), P({});
 			return;
 		}
-		S.mutate({
-			pkValues: r,
+		O.mutate({
+			pkValues: a,
 			data: e
-		}, {
-			onSuccess: () => {
-				n.forEach((e) => T.markCommitted(e)), k(!1), j({}), m.success("Saved");
-			},
-			onError: () => m.error("Failed to save")
-		});
+		}, { onSuccess: () => {
+			n.forEach((e) => k.markCommitted(e)), j(!1), P({});
+		} });
 	}, [
-		T,
-		S,
-		r,
-		l,
-		A,
-		M
-	]), ue = F((e, t) => {
-		j((n) => ({
+		k,
+		O,
+		a,
+		f,
+		N,
+		F
+	]), K = I((e, t) => {
+		P((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, []);
-	if (re) return /* @__PURE__ */ V(C, {});
-	if (!M) return null;
-	let W = f(M, l), G = l.display?.display_field, K = W ? void 0 : G ? M[G] : M[l.fields.names()[0]], de = W || (K != null && typeof K != "object" ? ee(K) : h(l.display.name)), q = M?.$refs, J = {
-		schema: a,
-		entity: l,
-		entityCode: t,
-		recordId: r,
-		record: D ? {
-			...M,
-			...A
-		} : M,
+	if (D) return /* @__PURE__ */ V(re, {});
+	if (!F) return null;
+	let de = m(g, F, f), q = f.display?.display_field, J = de ? void 0 : q ? F[q] : F[f.fields.names()[0]], fe = de || (J != null && typeof J != "object" ? u(J) : g(f.display.name)), pe = F?.$refs, me = {
+		schema: c,
+		entity: f,
+		entityCode: i,
+		recordId: a,
+		record: A ? {
+			...F,
+			...N
+		} : F,
 		isNew: !1,
-		mode: D ? "edit" : "display",
-		onFieldChange: D ? ue : void 0,
-		refs: q,
-		objectProperties: se ?? void 0,
-		onSetProperty: _ ? (e, t) => I.mutate({
+		mode: A ? "edit" : "display",
+		onFieldChange: A ? K : void 0,
+		refs: pe,
+		objectProperties: z ?? void 0,
+		onSetProperty: b ? (e, t) => ce.mutate({
 			propertyCode: e,
 			value: t
 		}) : void 0,
-		isPropertyPending: I.isPending,
-		objectStatuses: oe ?? void 0,
-		onSetStatus: _ ? (e, t) => P.mutate({
+		isPropertyPending: ce.isPending,
+		objectStatuses: L ?? void 0,
+		onSetStatus: b ? (e, t) => se.mutate({
 			groupCode: e,
 			statusCode: t
 		}) : void 0,
-		isStatusPending: P.isPending,
-		relatedRecordsPresentation: g
+		isStatusPending: se.isPending,
+		relatedRecordsPresentation: ee
 	};
 	return /* @__PURE__ */ H("div", {
 		style: {
@@ -702,7 +703,9 @@ function q({ entityCode: t, recordId: r, items: i, schema: a, entity: l, onBackT
 				display: "flex",
 				alignItems: "center",
 				justifyContent: "space-between",
-				padding: "10px 16px",
+				paddingTop: 10,
+				paddingBottom: 10,
+				...te(16),
 				borderBottom: "1px solid var(--divider)",
 				position: "sticky",
 				top: 0,
@@ -719,58 +722,56 @@ function q({ entityCode: t, recordId: r, items: i, schema: a, entity: l, onBackT
 					whiteSpace: "nowrap",
 					color: "var(--text)"
 				},
-				children: de
+				children: fe
 			}), /* @__PURE__ */ H("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: 6
 				},
-				children: [p && /* @__PURE__ */ V(n, {
+				children: [p && /* @__PURE__ */ V(t, {
 					icon: /* @__PURE__ */ V(e.back, { size: 14 }),
-					title: "Back to list",
+					title: g("list.detail.back_to_list", "Back to list"),
 					onClick: p
-				}), _ && (D ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(s, {
+				}), b && (A ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(r, {
 					size: "xs",
 					icon: /* @__PURE__ */ V(e.x, { size: 12 }),
-					onClick: le,
-					children: "Cancel"
-				}), /* @__PURE__ */ V(s, {
+					onClick: W,
+					children: g("dialog.cancel", "Cancel")
+				}), /* @__PURE__ */ V(r, {
 					kind: "primary",
 					size: "xs",
-					icon: S.isPending ? /* @__PURE__ */ V(o, { size: 12 }) : /* @__PURE__ */ V(e.save, { size: 12 }),
-					onClick: U,
-					disabled: S.isPending,
-					children: S.isPending ? "Saving…" : "Save"
-				})] }) : /* @__PURE__ */ V(s, {
+					icon: O.isPending ? /* @__PURE__ */ V(d, { size: 12 }) : /* @__PURE__ */ V(e.save, { size: 12 }),
+					onClick: G,
+					disabled: O.isPending,
+					children: O.isPending ? g("dialog.saving", "Saving…") : g("dialog.save", "Save")
+				})] }) : /* @__PURE__ */ V(r, {
 					size: "xs",
 					icon: /* @__PURE__ */ V(e.edit, { size: 12 }),
-					onClick: ce,
-					children: "Edit"
+					onClick: ue,
+					children: g("list.record.edit", "Edit")
 				}))]
 			})]
 		}), /* @__PURE__ */ V("div", {
 			style: {
 				flex: 1,
 				overflowY: "auto",
-				padding: 16,
+				paddingTop: 16,
+				paddingBottom: 16,
+				...te(16),
 				display: "flex",
 				flexDirection: "column",
 				gap: 12
 			},
-			children: i && i.length > 0 ? /* @__PURE__ */ V(N, {
-				nodes: i,
-				ctx: J
-			}) : /* @__PURE__ */ H("p", {
+			children: o && o.length > 0 ? /* @__PURE__ */ V(M, {
+				nodes: o,
+				ctx: me
+			}) : /* @__PURE__ */ V("p", {
 				style: {
 					fontSize: 12.5,
 					color: "var(--text-3)"
 				},
-				children: [
-					"No layout configured. Add ",
-					/* @__PURE__ */ V("code", { children: "items:" }),
-					" to the screen definition."
-				]
+				children: h(g("list.detail.no_layout", "No layout configured. Add {key} to the screen definition."), { key: /* @__PURE__ */ V("code", { children: le }) })
 			})
 		})]
 	});