@declarion/react 0.39.0 → 0.40.0

package/dist-lib/{SmartRecordListPage.impl-CZXzVhPC.js → SmartRecordListPage.impl-Cxm7qvlZ.js}

@@ -1,84 +1,84 @@
 import { s as e } from "./DynamicIcon-DeRpAaXm.js";
-import { F as t, Gn as n, Kn as r, M as i, Nn as a, On as o, U as s, an as c, b as l, bn as u, cn as d, gt as ee, h as f, jn as p, sn as m, un as h, v as g, yn as te, zn as ne } from "./useCurrentScreen-BA2lb-d7.js";
-import { _ as re, a as _, at as v, c as y, ct as ie, it as b, nt as x, ot as S, q as C, rt as w, s as T, w as ae } from "./registry-DXNFRlbB.js";
-import { b as E, d as D, f as O, g as k, m as oe, n as A, p as se, r as j, s as M } from "./useProperties-Br2DeOQh.js";
-import { t as N } from "./LayoutRenderer-CwMERoPJ.js";
-import { useCallback as P, useEffect as F, useMemo as I, useRef as L, useState as ce } from "react";
-import { useSearchParams as le } from "react-router-dom";
-import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { A as t, Cn as n, F as r, Fn as i, Jn as a, Kn as o, N as s, Pn as c, Sn as l, Tn as u, Un as d, X as f, bn as p, er as ee, it as m, jt as h, or as te, q as ne, sr as g } from "./useCurrentScreen-mw8TfE8q.js";
+import { G as _, K as v, U as y, W as b, Y as x, _ as re, a as S, c as C, k as w, q as T, s as E, w as ie } from "./registry-DFtAh6zc.js";
+import { b as D, d as O, f as k, g as A, m as ae, n as j, p as oe, r as M, s as N } from "./useProperties-gMdnhdhO.js";
+import { t as P } from "./LayoutRenderer-D4oTfZhV.js";
+import { useCallback as F, useEffect as I, useMemo as L, useRef as R, useState as se } from "react";
+import { useSearchParams as ce } from "react-router-dom";
+import { Fragment as le, jsx as z, jsxs as B } from "react/jsx-runtime";
 //#region src/components/pages/SmartRecordListPage.impl.tsx
-function V({ screenCode: r }) {
-	let [a, s] = le(), { data: c } = ee(), l = ne(), d = c?.screens[r], f = d?.entity ? c?.entities[d.entity] : void 0, g = d?.entity;
-	oe(d, f, a.toString()), k(d?.route);
-	let te = re(), _ = a.get("selected") ?? null, v = a.get("search") ?? "", ie = i(v, 300), b = a.get("sort") ?? d?.sort_default ?? "", x = I(() => {
-		let e = D(a);
+function V({ screenCode: t }) {
+	let [n, r] = ce(), { data: a } = h(), s = ee(), c = a?.screens[t], p = c?.entity ? a?.entities[c.entity] : void 0, m = c?.entity;
+	ae(c, p, n.toString()), A(c?.route);
+	let g = re(), _ = n.get("selected") ?? null, v = n.get("search") ?? "", y = ne(v, 300), b = n.get("sort") ?? c?.sort_default ?? "", x = L(() => {
+		let e = O(n);
 		return e.length > 0 ? e : void 0;
-	}, [a]), S = I(() => d?.columns ?? f?.fields.names().filter((e) => !f.fields.get(e)?.primary && !f.fields.get(e)?.auto && f.fields.get(e)?.display?.is_listable !== !1).slice(0, 4) ?? [], [d?.columns, f]), C = I(() => {
-		let e = d?.responsive?.[l.category]?.presentation;
-		return l.category === "phone" ? "drilldown" : e === "split" || e === "drilldown" || e === "stacked" ? e : "split";
-	}, [d?.responsive, l.category]), w = I(() => {
-		let e = d?.responsive?.[l.category];
-		return e?.list?.presentation === "table" || e?.list?.presentation === "cards" ? e.list.presentation : e?.presentation === "table" || e?.presentation === "cards" ? e.presentation : l.category === "phone" ? "cards" : "table";
-	}, [d?.responsive, l.category]), ae = d?.responsive?.[l.category]?.layout?.related_records, A = I(() => T({
-		entity: f,
-		screen: d
-	}), [f, d]), j = I(() => y({
-		entity: f,
-		screen: d,
-		presentation: w,
+	}, [n]), S = L(() => c?.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) ?? [], [c?.columns, p]), w = L(() => {
+		let e = c?.responsive?.[s.category]?.presentation;
+		return s.category === "phone" ? "drilldown" : e === "split" || e === "drilldown" || e === "stacked" ? e : "split";
+	}, [c?.responsive, s.category]), T = L(() => {
+		let e = c?.responsive?.[s.category];
+		return e?.list?.presentation === "table" || e?.list?.presentation === "cards" ? e.list.presentation : e?.presentation === "table" || e?.presentation === "cards" ? e.presentation : s.category === "phone" ? "cards" : "table";
+	}, [c?.responsive, s.category]), ie = c?.responsive?.[s.category]?.layout?.related_records, j = L(() => E({
+		entity: p,
+		screen: c
+	}), [p, c]), M = L(() => C({
+		entity: p,
+		screen: c,
+		presentation: T,
 		visibleColumns: S,
-		card: A,
+		card: j,
 		sort: b
 	}), [
-		f,
-		d,
-		w,
+		p,
+		c,
+		T,
 		S,
-		A,
+		j,
 		b
-	]), N = f?.list_pagination === "cursor", { data: V, isLoading: H } = t(g, {
+	]), P = p?.list_pagination === "cursor", { data: V, isLoading: H } = f(m, {
 		page: 1,
 		per_page: 200,
 		sort: b || void 0,
-		search: ie || void 0,
+		search: y || void 0,
 		filters: x,
-		select: j.selectFields,
-		expand: j.expandFields,
+		select: M.selectFields,
+		expand: M.expandFields,
 		preview: !0,
-		screen: d?.fixed_filters ? r : void 0
-	}, !N), U = E(g, {
+		screen: c?.fixed_filters ? t : void 0
+	}, !P), U = D(m, {
 		sort: b || void 0,
-		search: ie || void 0,
+		search: y || void 0,
 		filters: x,
-		select: j.selectFields,
-		expand: j.expandFields,
+		select: M.selectFields,
+		expand: M.expandFields,
 		preview: !0,
-		screen: d?.fixed_filters ? r : void 0,
+		screen: c?.fixed_filters ? t : void 0,
 		limit: 200
-	}, N), W = N ? U.rows : V?.data ?? [], K = N ? U.refs : V?.$refs, q = N ? U.isLoading : H, de = I(() => f?.fields.names().find((e) => f.fields.get(e)?.primary) ?? "id", [f]), fe = P((e, t) => {
-		s((t) => {
+	}, P), W = P ? U.rows : V?.data ?? [], K = P ? U.refs : V?.$refs, q = P ? U.isLoading : H, de = L(() => p?.fields.names().find((e) => p.fields.get(e)?.primary) ?? "id", [p]), fe = F((e, t) => {
+		r((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("selected", e) : n.delete("selected"), n;
 		}, { replace: t?.replace ?? !0 });
-	}, [s]), pe = P((e) => {
-		s((t) => {
+	}, [r]), pe = F((e) => {
+		r((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("search", e) : n.delete("search"), n;
 		}, { replace: !0 });
-	}, [s]), me = P((e, t) => {
-		s((n) => {
-			let r = new URLSearchParams(n), i = D(n), a;
-			return a = t && t !== "__all__" ? [...O(i, e), M(e, t)] : O(i, e), se(a, r), r;
+	}, [r]), me = F((e, t) => {
+		r((n) => {
+			let r = new URLSearchParams(n), i = O(n), a;
+			return a = t && t !== "__all__" ? [...k(i, e), N(e, t)] : k(i, e), oe(a, r), r;
 		}, { replace: !0 });
-	}, [s]), J = (d?.list_resizable ?? !1) && C === "split" && l.category !== "phone" && !l.touch, Y = L(null), [X, Z] = ce(null), Q = L(!1), $ = d?.list_width;
-	F(() => {
+	}, [r]), J = (c?.list_resizable ?? !1) && w === "split" && s.category !== "phone" && !s.touch, Y = R(null), [X, Z] = se(null), Q = R(!1), $ = c?.list_width;
+	I(() => {
 		!J || !$?.endsWith("%") || Z(null);
 	}, [
 		J,
 		$,
-		l.width,
-		l.height
-	]), F(() => {
+		s.width,
+		s.height
+	]), I(() => {
 		if (!J || X !== null) return;
 		let e = Y.current;
 		if (e) if ($ && $.endsWith("%")) {
@@ -89,13 +89,13 @@ function V({ screenCode: r }) {
 		J,
 		$,
 		X,
-		f
+		p
 	]);
-	let he = L(null);
-	F(() => () => {
+	let he = R(null);
+	I(() => () => {
 		he.current?.();
 	}, []);
-	let ge = P((e) => {
+	let ge = F((e) => {
 		e.preventDefault(), Q.current = !0;
 		let t = e.clientX, n = X ?? 320, r = (e) => {
 			if (!Q.current) return;
@@ -106,14 +106,14 @@ function V({ screenCode: r }) {
 		};
 		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), he.current = i;
 	}, [X]);
-	if (!c || !d || !f) return null;
-	let _e = x?.length ?? 0, ve = C === "split" || C === "stacked" || !_, ye = C === "split" || C === "stacked" || !!_, be = C !== "split" && _ ? () => fe(null, { replace: !0 }) : void 0, xe = C === "split" ? J && X !== null ? X : d.list_width ?? "320px" : "100%";
+	if (!a || !c || !p) return null;
+	let _e = x?.length ?? 0, ve = w === "split" || w === "stacked" || !_, ye = w === "split" || w === "stacked" || !!_, be = w !== "split" && _ ? () => fe(null, { replace: !0 }) : void 0, xe = w === "split" ? J && X !== null ? X : c.list_width ?? "320px" : "100%";
 	return /* @__PURE__ */ B("div", {
 		ref: Y,
-		"data-record-list-presentation": C,
+		"data-record-list-presentation": w,
 		style: {
 			display: "flex",
-			flexDirection: C === "stacked" ? "column" : "row",
+			flexDirection: w === "stacked" ? "column" : "row",
 			height: "100%",
 			minWidth: 0,
 			overflow: "hidden"
@@ -122,15 +122,15 @@ function V({ screenCode: r }) {
 			ve && /* @__PURE__ */ B("div", {
 				"data-testid": "record-list-panel",
 				style: {
-					flex: C === "split" ? "none" : "1 1 auto",
+					flex: w === "split" ? "none" : "1 1 auto",
 					display: "flex",
 					flexDirection: "column",
 					overflow: "hidden",
-					borderRight: C === "split" && !J ? "1px solid var(--divider)" : "none",
-					borderBottom: C === "stacked" ? "1px solid var(--divider)" : "none",
+					borderRight: w === "split" && !J ? "1px solid var(--divider)" : "none",
+					borderBottom: w === "stacked" ? "1px solid var(--divider)" : "none",
 					width: xe,
 					minWidth: 0,
-					height: C === "stacked" ? "50%" : "100%"
+					height: w === "stacked" ? "50%" : "100%"
 				},
 				children: [/* @__PURE__ */ B("div", {
 					style: {
@@ -141,51 +141,51 @@ function V({ screenCode: r }) {
 						borderBottom: "1px solid var(--divider)"
 					},
 					children: [
-						te.hasOriginBack && /* @__PURE__ */ B("div", {
+						g.hasOriginBack && /* @__PURE__ */ B("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: 8
 							},
-							children: [/* @__PURE__ */ z(n, {
+							children: [/* @__PURE__ */ z(te, {
 								icon: /* @__PURE__ */ z(e.back, { size: 14 }),
 								title: "Back",
-								onClick: te.goBack
+								onClick: g.goBack
 							}), /* @__PURE__ */ z("span", {
 								style: {
 									fontSize: 12.5,
 									fontWeight: 600,
 									color: "var(--text)"
 								},
-								children: h(d.display?.name) || h(f.display.name_plural)
+								children: u(c.display?.name) || u(p.display.name_plural)
 							})]
 						}),
-						/* @__PURE__ */ z(p, {
+						/* @__PURE__ */ z(o, {
 							value: v,
 							onChange: pe,
-							placeholder: `Search ${h(f.display.name_plural)}…`,
+							placeholder: `Search ${u(p.display.name_plural)}…`,
 							prefix: /* @__PURE__ */ z(e.search, { size: 13 })
 						}),
-						d.filters && d.filters.length > 0 && /* @__PURE__ */ z("div", {
+						c.filters && c.filters.length > 0 && /* @__PURE__ */ z("div", {
 							style: {
 								display: "flex",
 								flexWrap: "wrap",
 								gap: 6
 							},
-							children: d.filters.map((e) => {
-								let t = f.fields.get(e);
+							children: c.filters.map((e) => {
+								let t = p.fields.get(e);
 								if (!t?.values) return null;
-								let n = x?.find((t) => t.field === e && t.op === "eq")?.value ?? "__all__", r = m(t, e, c.entities);
+								let n = x?.find((t) => t.field === e && t.op === "eq")?.value ?? "__all__", r = l(t, e, a.entities);
 								return /* @__PURE__ */ z("div", {
 									style: { minWidth: 120 },
-									children: /* @__PURE__ */ z(o, {
+									children: /* @__PURE__ */ z(d, {
 										value: n,
 										options: [{
 											value: "__all__",
 											label: `All ${r}`
 										}, ...t.values.map((e) => ({
 											value: e.code,
-											label: h(e.name) || e.code
+											label: u(e.name) || e.code
 										}))],
 										onChange: (t) => me(e, t),
 										placeholder: r
@@ -201,8 +201,8 @@ function V({ screenCode: r }) {
 								fontSize: 11,
 								color: "var(--text-3)"
 							},
-							children: [/* @__PURE__ */ z("span", { children: q ? "Loading…" : `${W.length} ${h(f.display.name_plural)}` }), _e > 0 && /* @__PURE__ */ z("button", {
-								onClick: () => s((e) => {
+							children: [/* @__PURE__ */ z("span", { children: q ? "Loading…" : `${W.length} ${u(p.display.name_plural)}` }), _e > 0 && /* @__PURE__ */ z("button", {
+								onClick: () => r((e) => {
 									let t = new URLSearchParams(e);
 									return t.delete("filters"), t;
 								}, { replace: !0 }),
@@ -223,10 +223,10 @@ function V({ screenCode: r }) {
 					style: {
 						flex: 1,
 						overflowY: "auto",
-						padding: w === "cards" ? 10 : 0,
-						display: w === "cards" ? "flex" : "block",
+						padding: T === "cards" ? 10 : 0,
+						display: T === "cards" ? "flex" : "block",
 						flexDirection: "column",
-						gap: w === "cards" ? 10 : void 0
+						gap: T === "cards" ? 10 : void 0
 					},
 					children: q ? /* @__PURE__ */ z("div", {
 						style: {
@@ -248,19 +248,19 @@ function V({ screenCode: r }) {
 							color: "var(--text-3)"
 						},
 						children: "No records found"
-					}) : /* @__PURE__ */ B(R, { children: [W.map((e) => {
-						let t = u(e[de]);
+					}) : /* @__PURE__ */ B(le, { children: [W.map((e) => {
+						let t = i(e[de]);
 						return /* @__PURE__ */ z(ue, {
 							record: e,
-							entity: f,
+							entity: p,
 							columns: S,
-							card: A,
-							presentation: w,
+							card: j,
+							presentation: T,
 							refs: K,
 							isSelected: t === _,
-							onClick: () => fe(t, { replace: C === "split" })
+							onClick: () => fe(t, { replace: w === "split" })
 						}, t);
-					}), N && U.hasMore && /* @__PURE__ */ z("button", {
+					}), P && U.hasMore && /* @__PURE__ */ z("button", {
 						type: "button",
 						"data-testid": "record-list-load-more",
 						onClick: () => void U.fetchNextPage(),
@@ -298,16 +298,16 @@ function V({ screenCode: r }) {
 					flex: 1,
 					minWidth: 0,
 					overflow: "hidden",
-					height: C === "stacked" ? "50%" : "100%"
+					height: w === "stacked" ? "50%" : "100%"
 				},
 				children: _ ? /* @__PURE__ */ z(G, {
-					entityCode: g,
+					entityCode: m,
 					recordId: _,
-					items: d.items,
-					schema: c,
-					entity: f,
+					items: c.items,
+					schema: a,
+					entity: p,
 					onBackToList: be,
-					relatedRecordsPresentation: ae
+					relatedRecordsPresentation: ie
 				}, _) : /* @__PURE__ */ z("div", {
 					style: {
 						display: "flex",
@@ -320,7 +320,7 @@ function V({ screenCode: r }) {
 						style: { fontSize: 12.5 },
 						children: [
 							"Select a ",
-							h(f.display.name),
+							u(p.display.name),
 							" to view details"
 						]
 					})
@@ -329,58 +329,58 @@ function V({ screenCode: r }) {
 		]
 	});
 }
-function ue({ 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) => H(t, e, n)), i = r.bodyFields.filter((n) => H(t, e, n)), l = r.metaFields.filter((n) => H(t, e, n));
+function ue({ record: e, entity: n, columns: r, card: i, presentation: a, refs: o, isSelected: s, onClick: c }) {
+	let l = t();
+	if (a === "cards") {
+		let t = i.badgeFields.filter((t) => H(n, e, t)), r = i.bodyFields.filter((t) => H(n, e, t)), a = i.metaFields.filter((t) => H(n, e, t));
 		return /* @__PURE__ */ B("button", {
 			type: "button",
 			"data-testid": "record-list-card",
-			"aria-current": o ? "true" : void 0,
-			onClick: s,
+			"aria-current": s ? "true" : void 0,
+			onClick: c,
 			style: {
 				width: "100%",
 				textAlign: "left",
 				padding: 12,
 				border: "1px solid var(--border)",
 				borderRadius: 8,
-				background: o ? "var(--row-selected-bg)" : "var(--surface)",
+				background: s ? "var(--row-selected-bg)" : "var(--surface)",
 				color: "var(--text)",
 				cursor: "pointer",
 				display: "flex",
 				flexDirection: "column",
 				gap: 8,
-				boxShadow: o ? "inset 3px 0 0 var(--accent)" : "none"
+				boxShadow: s ? "inset 3px 0 0 var(--accent)" : "none"
 			},
 			children: [
 				/* @__PURE__ */ z(U, {
-					entity: t,
+					entity: n,
 					record: e,
-					field: r.titleField,
-					refs: a
+					field: i.titleField,
+					refs: o
 				}),
-				r.subtitleField && /* @__PURE__ */ z("div", {
+				i.subtitleField && /* @__PURE__ */ z("div", {
 					style: {
 						fontSize: 12,
 						color: "var(--text-3)",
 						overflowWrap: "anywhere"
 					},
-					children: S({
-						entity: t,
-						fieldName: r.subtitleField,
+					children: T({
+						entity: n,
+						fieldName: i.subtitleField,
 						record: e,
 						mode: "display",
-						refs: a,
-						locale: c
+						refs: o,
+						locale: l
 					})
 				}),
-				n.length > 0 && /* @__PURE__ */ z("div", {
+				t.length > 0 && /* @__PURE__ */ z("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
 						gap: 6
 					},
-					children: n.map((n) => /* @__PURE__ */ z("span", {
+					children: t.map((t) => /* @__PURE__ */ z("span", {
 						style: {
 							border: "1px solid var(--border)",
 							borderRadius: 999,
@@ -390,32 +390,32 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 							maxWidth: "100%",
 							overflowWrap: "anywhere"
 						},
-						children: S({
-							entity: t,
-							fieldName: n,
+						children: T({
+							entity: n,
+							fieldName: t,
 							record: e,
 							mode: "display",
-							refs: a,
-							locale: c
+							refs: o,
+							locale: l
 						})
-					}, n))
+					}, t))
 				}),
-				i.length > 0 && /* @__PURE__ */ z("dl", {
+				r.length > 0 && /* @__PURE__ */ z("dl", {
 					style: {
 						display: "grid",
 						gridTemplateColumns: "minmax(72px, max-content) minmax(0, 1fr)",
 						gap: "5px 10px",
 						margin: 0
 					},
-					children: i.map((n) => /* @__PURE__ */ z(W, {
-						entity: t,
+					children: r.map((t) => /* @__PURE__ */ z(W, {
+						entity: n,
 						record: e,
-						fieldName: n,
-						refs: a,
-						locale: c
-					}, n))
+						fieldName: t,
+						refs: o,
+						locale: l
+					}, t))
 				}),
-				l.length > 0 && /* @__PURE__ */ z("div", {
+				a.length > 0 && /* @__PURE__ */ z("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
@@ -423,34 +423,34 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 						fontSize: 11,
 						color: "var(--text-3)"
 					},
-					children: l.map((n) => /* @__PURE__ */ z("span", {
+					children: a.map((t) => /* @__PURE__ */ z("span", {
 						style: {
 							minWidth: 0,
 							overflowWrap: "anywhere"
 						},
-						children: S({
-							entity: t,
-							fieldName: n,
+						children: T({
+							entity: n,
+							fieldName: t,
 							record: e,
 							mode: "display",
-							refs: a,
-							locale: c
+							refs: o,
+							locale: l
 						})
-					}, n))
+					}, t))
 				})
 			]
 		});
 	}
-	let l = n[0], u = n[1], d = n.slice(2, 4);
+	let u = r[0], d = r[1], f = r.slice(2, 4);
 	return /* @__PURE__ */ B("button", {
-		onClick: s,
+		onClick: c,
 		style: {
 			width: "100%",
 			textAlign: "left",
 			padding: "10px 12px",
 			borderBottom: "1px solid var(--divider)",
-			background: o ? "var(--row-selected-bg)" : "transparent",
-			borderLeft: o ? "2px solid var(--accent)" : "2px solid transparent",
+			background: s ? "var(--row-selected-bg)" : "transparent",
+			borderLeft: s ? "2px solid var(--accent)" : "2px solid transparent",
 			cursor: "pointer",
 			transition: "background-color .12s",
 			display: "flex",
@@ -460,12 +460,12 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 			borderBottomColor: "var(--divider)"
 		},
 		onMouseEnter: (e) => {
-			o || (e.currentTarget.style.background = "var(--surface-3)");
+			s || (e.currentTarget.style.background = "var(--surface-3)");
 		},
 		onMouseLeave: (e) => {
-			o || (e.currentTarget.style.background = "transparent");
+			s || (e.currentTarget.style.background = "transparent");
 		},
-		children: [l && /* @__PURE__ */ z("div", {
+		children: [u && /* @__PURE__ */ z("div", {
 			style: {
 				fontSize: 12.5,
 				fontWeight: 500,
@@ -474,13 +474,13 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 				whiteSpace: "nowrap",
 				color: "var(--text)"
 			},
-			children: S({
-				entity: t,
-				fieldName: l,
+			children: T({
+				entity: n,
+				fieldName: u,
 				record: e,
 				mode: "display",
-				refs: a,
-				locale: c
+				refs: o,
+				locale: l
 			})
 		}), /* @__PURE__ */ B("div", {
 			style: {
@@ -488,7 +488,7 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 				alignItems: "center",
 				gap: 6
 			},
-			children: [u && /* @__PURE__ */ z("div", {
+			children: [d && /* @__PURE__ */ z("div", {
 				style: {
 					fontSize: 11,
 					color: "var(--text-3)",
@@ -497,13 +497,13 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 					textOverflow: "ellipsis",
 					whiteSpace: "nowrap"
 				},
-				children: S({
-					entity: t,
-					fieldName: u,
+				children: T({
+					entity: n,
+					fieldName: d,
 					record: e,
 					mode: "display",
-					refs: a,
-					locale: c
+					refs: o,
+					locale: l
 				})
 			}), /* @__PURE__ */ z("div", {
 				style: {
@@ -512,17 +512,17 @@ function ue({ record: e, entity: t, columns: n, card: r, presentation: i, refs:
 					gap: 4,
 					flexShrink: 0
 				},
-				children: d.map((n) => v(t, e, n) == null ? null : /* @__PURE__ */ z("div", {
+				children: f.map((t) => v(n, e, t) == null ? null : /* @__PURE__ */ z("div", {
 					style: { fontSize: 11 },
-					children: S({
-						entity: t,
-						fieldName: n,
+					children: T({
+						entity: n,
+						fieldName: t,
 						record: e,
 						mode: "display",
-						refs: a,
-						locale: c
+						refs: o,
+						locale: l
 					})
-				}, n))
+				}, t))
 			})]
 		})]
 	});
@@ -531,8 +531,8 @@ function H(e, t, n) {
 	let r = v(e, t, n);
 	return !(r == null || r === "" || Array.isArray(r) && r.length === 0);
 }
-function U({ entity: e, record: t, field: n, refs: r }) {
-	let i = f(), a = d(t, e);
+function U({ entity: e, record: r, field: i, refs: a }) {
+	let o = t(), s = n(r, e);
 	return /* @__PURE__ */ z("div", {
 		style: {
 			fontSize: 13.5,
@@ -540,28 +540,28 @@ function U({ entity: e, record: t, field: n, refs: r }) {
 			color: "var(--text)",
 			overflowWrap: "anywhere"
 		},
-		children: (n ? S({
+		children: (i ? T({
 			entity: e,
-			fieldName: n,
-			record: t,
+			fieldName: i,
+			record: r,
 			mode: "display",
-			refs: r,
-			locale: i
-		}) : a) || h(e.display.name)
+			refs: a,
+			locale: o
+		}) : s) || u(e.display.name)
 	});
 }
 function W({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
 	let a = v(e, t, n);
 	if (a == null || a === "") return null;
 	let o = e.fields.get(n);
-	return o ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("dt", {
+	return o ? /* @__PURE__ */ B(le, { children: [/* @__PURE__ */ z("dt", {
 		style: {
 			color: "var(--text-3)",
 			fontSize: 11.5,
 			minWidth: 0,
 			overflowWrap: "anywhere"
 		},
-		children: m(o, n)
+		children: l(o, n)
 	}), /* @__PURE__ */ z("dd", {
 		style: {
 			margin: 0,
@@ -570,7 +570,7 @@ function W({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
 			minWidth: 0,
 			overflowWrap: "anywhere"
 		},
-		children: S({
+		children: T({
 			entity: e,
 			fieldName: n,
 			record: t,
@@ -581,7 +581,7 @@ function W({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
 	})] }) : null;
 }
 function G({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackToList: a, relatedRecordsPresentation: o }) {
-	return /* @__PURE__ */ z(g, { children: /* @__PURE__ */ z(K, {
+	return /* @__PURE__ */ z(s, { children: /* @__PURE__ */ z(K, {
 		entityCode: e,
 		recordId: t,
 		items: n,
@@ -591,89 +591,89 @@ function G({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackT
 		relatedRecordsPresentation: o
 	}) });
 }
-function K({ entityCode: t, recordId: i, items: o, schema: ee, entity: f, onBackToList: p, relatedRecordsPresentation: m }) {
-	let g = c(f, "update"), { data: ne, isLoading: re } = _(t, I(() => i ? te(f, i) : void 0, [i, f])), y = C(t), S = l(), [T, E] = ce(!1), [D, O] = ce({}), k = ne?.data, oe = k?.$statuses, se = k?.$properties, M = j(t, i), F = A(t, i), L = I(() => {
+function K({ entityCode: t, recordId: o, items: s, schema: l, entity: d, onBackToList: f, relatedRecordsPresentation: ee }) {
+	let h = p(d, "update"), { data: ne, isLoading: re } = S(t, L(() => o ? c(d, o) : void 0, [o, d])), C = w(t), T = r(), [E, D] = se(!1), [O, k] = se({}), A = ne?.data, ae = A?.$statuses, oe = A?.$properties, N = M(t, o), I = j(t, o), R = L(() => {
 		let e = /* @__PURE__ */ new Set();
-		for (let [t, n] of f.fields) !n.auto && !n.primary && e.add(t);
-		for (let [t] of f.files ?? []) e.add(t);
+		for (let [t, n] of d.fields) !n.auto && !n.primary && e.add(t);
+		for (let [t] of d.files ?? []) e.add(t);
 		return e;
-	}, [f]), le = P(() => {
-		if (k) {
+	}, [d]), ce = F(() => {
+		if (A) {
 			let e = {};
-			L.forEach((t) => {
-				let n = v(f, k, t);
-				e[t] = b(f, t) ? n ?? null : n ?? "";
-			}), O(e);
+			R.forEach((t) => {
+				let n = v(d, A, t);
+				e[t] = _(d, t) ? n ?? null : n ?? "";
+			}), k(e);
 		}
-		E(!0);
+		D(!0);
 	}, [
-		k,
-		L,
-		f
-	]), V = P(async () => {
-		await S.flushAllDrafts(), E(!1), O({});
-	}, [S]), ue = P(() => {
-		let e = {}, t = x({
-			entity: f,
-			formData: D,
-			record: k,
+		A,
+		R,
+		d
+	]), V = F(async () => {
+		await T.flushAllDrafts(), D(!1), k({});
+	}, [T]), ue = F(() => {
+		let e = {}, t = y({
+			entity: d,
+			formData: O,
+			record: A,
 			isNew: !1
-		}), n = w(t);
-		for (let [t, n] of Object.entries(D)) f.files?.has(t) || (e[t] = ie(f, t, n));
+		}), n = b(t);
+		for (let [t, n] of Object.entries(O)) d.files?.has(t) || (e[t] = x(d, t, n));
 		if (Object.keys(t).length > 0 && (e.$files = t), Object.keys(e).length === 0) {
-			E(!1), O({});
+			D(!1), k({});
 			return;
 		}
-		y.mutate({
-			pkValues: i,
+		C.mutate({
+			pkValues: o,
 			data: e
 		}, {
 			onSuccess: () => {
-				n.forEach((e) => S.markCommitted(e)), E(!1), O({}), s.success("Saved");
+				n.forEach((e) => T.markCommitted(e)), D(!1), k({}), m.success("Saved");
 			},
-			onError: () => s.error("Failed to save")
+			onError: () => m.error("Failed to save")
 		});
 	}, [
-		S,
-		y,
-		i,
-		f,
-		D,
-		k
-	]), H = P((e, t) => {
-		O((n) => ({
+		T,
+		C,
+		o,
+		d,
+		O,
+		A
+	]), H = F((e, t) => {
+		k((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, []);
-	if (re) return /* @__PURE__ */ z(ae, {});
-	if (!k) return null;
-	let U = d(k, f), W = f.display?.display_field, G = U ? void 0 : W ? k[W] : k[f.fields.names()[0]], K = U || (G != null && typeof G != "object" ? u(G) : h(f.display.name)), q = k?.$refs, de = {
-		schema: ee,
-		entity: f,
+	if (re) return /* @__PURE__ */ z(ie, {});
+	if (!A) return null;
+	let U = n(A, d), W = d.display?.display_field, G = U ? void 0 : W ? A[W] : A[d.fields.names()[0]], K = U || (G != null && typeof G != "object" ? i(G) : u(d.display.name)), q = A?.$refs, de = {
+		schema: l,
+		entity: d,
 		entityCode: t,
-		recordId: i,
-		record: T ? {
-			...k,
-			...D
-		} : k,
+		recordId: o,
+		record: E ? {
+			...A,
+			...O
+		} : A,
 		isNew: !1,
-		mode: T ? "edit" : "display",
-		onFieldChange: T ? H : void 0,
+		mode: E ? "edit" : "display",
+		onFieldChange: E ? H : void 0,
 		refs: q,
-		objectProperties: se ?? void 0,
-		onSetProperty: g ? (e, t) => F.mutate({
+		objectProperties: oe ?? void 0,
+		onSetProperty: h ? (e, t) => I.mutate({
 			propertyCode: e,
 			value: t
 		}) : void 0,
-		isPropertyPending: F.isPending,
-		objectStatuses: oe ?? void 0,
-		onSetStatus: g ? (e, t) => M.mutate({
+		isPropertyPending: I.isPending,
+		objectStatuses: ae ?? void 0,
+		onSetStatus: h ? (e, t) => N.mutate({
 			groupCode: e,
 			statusCode: t
 		}) : void 0,
-		isStatusPending: M.isPending,
-		relatedRecordsPresentation: m
+		isStatusPending: N.isPending,
+		relatedRecordsPresentation: ee
 	};
 	return /* @__PURE__ */ B("div", {
 		style: {
@@ -710,26 +710,26 @@ function K({ entityCode: t, recordId: i, items: o, schema: ee, entity: f, onBack
 					alignItems: "center",
 					gap: 6
 				},
-				children: [p && /* @__PURE__ */ z(n, {
+				children: [f && /* @__PURE__ */ z(te, {
 					icon: /* @__PURE__ */ z(e.back, { size: 14 }),
 					title: "Back to list",
-					onClick: p
-				}), g && (T ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(r, {
+					onClick: f
+				}), h && (E ? /* @__PURE__ */ B(le, { children: [/* @__PURE__ */ z(g, {
 					size: "xs",
 					icon: /* @__PURE__ */ z(e.x, { size: 12 }),
 					onClick: V,
 					children: "Cancel"
-				}), /* @__PURE__ */ z(r, {
+				}), /* @__PURE__ */ z(g, {
 					kind: "primary",
 					size: "xs",
-					icon: y.isPending ? /* @__PURE__ */ z(a, { size: 12 }) : /* @__PURE__ */ z(e.save, { size: 12 }),
+					icon: C.isPending ? /* @__PURE__ */ z(a, { size: 12 }) : /* @__PURE__ */ z(e.save, { size: 12 }),
 					onClick: ue,
-					disabled: y.isPending,
-					children: y.isPending ? "Saving…" : "Save"
-				})] }) : /* @__PURE__ */ z(r, {
+					disabled: C.isPending,
+					children: C.isPending ? "Saving…" : "Save"
+				})] }) : /* @__PURE__ */ z(g, {
 					size: "xs",
 					icon: /* @__PURE__ */ z(e.edit, { size: 12 }),
-					onClick: le,
+					onClick: ce,
 					children: "Edit"
 				}))]
 			})]
@@ -742,8 +742,8 @@ function K({ entityCode: t, recordId: i, items: o, schema: ee, entity: f, onBack
 				flexDirection: "column",
 				gap: 12
 			},
-			children: o && o.length > 0 ? /* @__PURE__ */ z(N, {
-				nodes: o,
+			children: s && s.length > 0 ? /* @__PURE__ */ z(P, {
+				nodes: s,
 				ctx: de
 			}) : /* @__PURE__ */ B("p", {
 				style: {