@declarion/react 0.48.2 → 0.49.0

package/dist-lib/{SmartRecordListPage.impl-DtSSlGrI.js → SmartRecordListPage.impl-CF0UKgUj.js}

@@ -1,114 +1,117 @@
 import { s as e } from "./DynamicIcon-Dc2j-rg_.js";
-import { A as t, At as n, Cn as r, F as i, Kn as a, Ln as o, N as s, Pn as c, Sn as l, Tn as u, X as d, Yn as f, Zn as p, bn as m, lr as ee, q as h, rt as g, tr as te, ur as _ } from "./useCurrentScreen-BshVTPVq.js";
-import { $ as v, A as ne, Q as y, T as b, X as x, Z as S, a as C, c as re, dt as ie, et as w, nt as T, s as E, v as D } from "./registry-CCxnZW2b.js";
-import { S as O, c as k, f as A, g as j, h as ae, m as M, n as oe, r as N, v as P } from "./useProperties-DrHFr0A1.js";
-import { t as F } from "./LayoutRenderer-DCscqXsv.js";
-import { useCallback as I, useEffect as L, useMemo as R, useRef as z, useState as se } from "react";
+import { $n as t, A as n, At as r, Dn as i, F as a, In as o, Jn as s, N as c, Sn as l, Tn as u, Zn as d, dr as f, fr as p, q as m, rr as ee, rt as h, wn as g, zn as te } from "./useCurrentScreen-C5Oio-1G.js";
+import { a as _ } from "./registry-WypUQQ7t.js";
+import { O as ne, c as re, f as v } from "./field-classification-DTgUnbzd.js";
+import { f as y, h as b, p as x, u as S } from "./action-dispatch-CYOw7nkP.js";
+import { d as C, m as w, n as T, p as E, t as D, u as O } from "./cardProjection-D-AufCh-.js";
+import { c as k, f as A, h as j, m as M, n as ie, t as ae } from "./useTabSearchMirror-sIuYEFaq.js";
+import { n as oe, r as N } from "./useProperties-C36ENFdY.js";
+import { t as P } from "./LayoutRenderer-oVU3nEb5.js";
+import { t as se } from "./useListQuery-Dc2vbxqs.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 { 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: t }) {
-	let [r, i] = ce(), { data: s } = n(), c = te(), p = s?.screens[t], m = p?.entity ? s?.entities[p.entity] : void 0, g = p?.entity;
-	j(p, m, r.toString()), P(p?.route);
-	let _ = D(), v = r.get("selected") ?? null, ne = r.get("search") ?? "", y = h(ne, 300), b = r.get("sort") ?? p?.sort_default ?? "", x = R(() => A(r), [r]), S = x.filters.length > 0 ? x.filters : void 0, C = R(() => p?.columns ?? m?.fields.names().filter((e) => !m.fields.get(e)?.primary && !m.fields.get(e)?.auto && m.fields.get(e)?.display?.is_listable !== !1).slice(0, 4) ?? [], [p?.columns, m]), w = R(() => {
-		let e = p?.responsive?.[c.category]?.presentation;
+	let [n, a] = ce(), { data: o } = r(), c = ee(), l = o?.screens[t], u = l?.entity ? o?.entities[l.entity] : void 0, p = l?.entity;
+	ie(l, u, n.toString()), ae(l?.route);
+	let h = re(), _ = n.get("selected") ?? null, v = n.get("search") ?? "", y = m(v, 300), b = n.get("sort") ?? l?.sort_default ?? "", x = L(() => A(n), [n]), S = x.filters.length > 0 ? x.filters : void 0, C = L(() => l?.columns ?? u?.fields.names().filter((e) => !u.fields.get(e)?.primary && !u.fields.get(e)?.auto && u.fields.get(e)?.display?.is_listable !== !1).slice(0, 4) ?? [], [l?.columns, u]), w = L(() => {
+		let e = l?.responsive?.[c.category]?.presentation;
 		return c.category === "phone" ? "drilldown" : e === "split" || e === "drilldown" || e === "stacked" ? e : "split";
-	}, [p?.responsive, c.category]), T = R(() => {
-		let e = p?.responsive?.[c.category];
+	}, [l?.responsive, c.category]), E = L(() => {
+		let e = l?.responsive?.[c.category];
 		return e?.list?.presentation === "table" || e?.list?.presentation === "cards" ? e.list.presentation : e?.presentation === "table" || e?.presentation === "cards" ? e.presentation : c.category === "phone" ? "cards" : "table";
-	}, [p?.responsive, c.category]), oe = p?.responsive?.[c.category]?.layout?.related_records, N = R(() => E({
-		entity: m,
-		screen: p
-	}), [m, p]), F = R(() => re({
-		entity: m,
-		screen: p,
-		presentation: T,
+	}, [l?.responsive, c.category]), oe = l?.responsive?.[c.category]?.layout?.related_records, N = L(() => D({
+		entity: u,
+		screen: l
+	}), [u, l]), P = L(() => T({
+		entity: u,
+		screen: l,
+		presentation: E,
 		visibleColumns: C,
 		card: N,
 		sort: b
 	}), [
-		m,
-		p,
-		T,
+		u,
+		l,
+		E,
 		C,
 		N,
 		b
-	]), U = m?.list_pagination === "cursor", { data: W, isLoading: G } = d(g, {
+	]), U = se({
+		entity: u,
+		entityCode: p,
+		screen: l,
+		screenCode: t,
 		page: 1,
-		per_page: 200,
-		sort: b || void 0,
-		search: y || void 0,
-		filters: x.error ? void 0 : S,
-		select: F.selectFields,
-		expand: F.expandFields,
-		preview: !0,
-		screen: p?.fixed_filters ? t : void 0
-	}, !U), K = O(g, {
-		sort: b || void 0,
-		search: y || void 0,
-		filters: x.error ? void 0 : S,
-		select: F.selectFields,
-		expand: F.expandFields,
-		preview: !0,
-		screen: p?.fixed_filters ? t : void 0,
-		limit: 200
-	}, U), J = U ? K.rows : W?.data ?? [], ue = U ? K.refs : W?.$refs, Y = U ? K.isLoading : G, de = R(() => m?.fields.names().find((e) => m.fields.get(e)?.primary) ?? "id", [m]), fe = I((e, t) => {
-		i((t) => {
+		perPage: le,
+		sortForRequest: O(b),
+		debouncedSearch: y,
+		filters: x.filters,
+		filterError: !!x.error,
+		includeDeleted: !1,
+		expand: P.expandFields,
+		select: P.selectFields,
+		runCountQuery: !1,
+		urlKey: `${p ?? ""}|${n.toString()}`
+	}), W = U.rows, G = U.refs, K = U.isLoading, q = L(() => u?.fields.names().find((e) => u.fields.get(e)?.primary) ?? "id", [u]), J = F((e, t) => {
+		a((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("selected", e) : n.delete("selected"), n;
 		}, { replace: t?.replace ?? !0 });
-	}, [i]), pe = I((e) => {
-		i((t) => {
+	}, [a]), fe = F((e) => {
+		a((t) => {
 			let n = new URLSearchParams(t);
 			return e ? n.set("search", e) : n.delete("search"), n;
 		}, { replace: !0 });
-	}, [i]), me = I((e, t) => {
-		i((n) => {
+	}, [a]), pe = F((e, t) => {
+		a((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), ae(a, r), r;
+			return a = t && t !== "__all__" ? [...M(i, e), k(e, t)] : M(i, e), j(a, r), r;
 		}, { replace: !0 });
-	}, [i]), X = (p?.list_resizable ?? !1) && w === "split" && c.category !== "phone" && !c.touch, he = z(null), [Z, Q] = se(null), ge = z(!1), $ = p?.list_width;
-	L(() => {
-		!X || !$?.endsWith("%") || Q(null);
+	}, [a]), Y = (l?.list_resizable ?? !1) && w === "split" && c.category !== "phone" && !c.touch, me = R(null), [X, Z] = z(null), he = R(!1), Q = l?.list_width;
+	I(() => {
+		!Y || !Q?.endsWith("%") || Z(null);
 	}, [
-		X,
-		$,
+		Y,
+		Q,
 		c.width,
 		c.height
-	]), L(() => {
-		if (!X || Z !== null) return;
-		let e = he.current;
+	]), I(() => {
+		if (!Y || X !== null) return;
+		let e = me.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,
+		Q,
 		X,
-		$,
-		Z,
-		m
+		u
 	]);
-	let _e = z(null);
-	L(() => () => {
-		_e.current?.();
+	let $ = R(null);
+	I(() => () => {
+		$.current?.();
 	}, []);
-	let ve = I((e) => {
-		e.preventDefault(), ge.current = !0;
-		let t = e.clientX, n = Z ?? 320, r = (e) => {
-			if (!ge.current) return;
-			let r = (he.current?.getBoundingClientRect().width ?? window.innerWidth) - 300, i = Math.max(200, Math.min(r, n + e.clientX - t));
-			Q(i);
+	let ge = F((e) => {
+		e.preventDefault(), he.current = !0;
+		let t = e.clientX, n = X ?? 320, r = (e) => {
+			if (!he.current) return;
+			let r = (me.current?.getBoundingClientRect().width ?? window.innerWidth) - 300, i = Math.max(200, Math.min(r, n + e.clientX - t));
+			Z(i);
 		}, i = () => {
-			ge.current = !1, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", _e.current = null;
+			he.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), _e.current = i;
-	}, [Z]);
-	if (!s || !p || !m) return null;
-	let ye = S?.length ?? 0, be = w === "split" || w === "stacked" || !v, xe = w === "split" || w === "stacked" || !!v, Se = w !== "split" && v ? () => fe(null, { replace: !0 }) : void 0, Ce = w === "split" ? X && Z !== null ? Z : p.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 (!o || !l || !u) return null;
+	let _e = S?.length ?? 0, ve = w === "split" || w === "stacked" || !_, ye = w === "split" || w === "stacked" || !!_, be = w !== "split" && _ ? () => J(null, { replace: !0 }) : void 0, xe = w === "split" ? Y && X !== null ? X : l.list_width ?? "320px" : "100%";
 	return /* @__PURE__ */ H("div", {
-		ref: he,
+		ref: me,
 		"data-record-list-presentation": w,
 		style: {
 			display: "flex",
@@ -118,16 +121,16 @@ function U({ screenCode: t }) {
 			overflow: "hidden"
 		},
 		children: [
-			be && /* @__PURE__ */ H("div", {
+			ve && /* @__PURE__ */ H("div", {
 				"data-testid": "record-list-panel",
 				style: {
 					flex: w === "split" ? "none" : "1 1 auto",
 					display: "flex",
 					flexDirection: "column",
 					overflow: "hidden",
-					borderRight: w === "split" && !X ? "1px solid var(--divider)" : "none",
+					borderRight: w === "split" && !Y ? "1px solid var(--divider)" : "none",
 					borderBottom: w === "stacked" ? "1px solid var(--divider)" : "none",
-					width: Ce,
+					width: xe,
 					minWidth: 0,
 					height: w === "stacked" ? "50%" : "100%"
 				},
@@ -135,36 +138,36 @@ function U({ screenCode: t }) {
 					style: {
 						paddingTop: 12,
 						paddingBottom: 12,
-						...ie(12),
+						...ne(12),
 						display: "flex",
 						flexDirection: "column",
 						gap: 8,
 						borderBottom: "1px solid var(--divider)"
 					},
 					children: [
-						_.hasOriginBack && /* @__PURE__ */ H("div", {
+						h.hasOriginBack && /* @__PURE__ */ H("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: 8
 							},
-							children: [/* @__PURE__ */ V(ee, {
+							children: [/* @__PURE__ */ V(f, {
 								icon: /* @__PURE__ */ V(e.back, { size: 14 }),
 								title: "Back",
-								onClick: _.goBack
+								onClick: h.goBack
 							}), /* @__PURE__ */ V("span", {
 								style: {
 									fontSize: 12.5,
 									fontWeight: 600,
 									color: "var(--text)"
 								},
-								children: u(p.display?.name) || u(m.display.name_plural)
+								children: i(l.display?.name) || i(u.display.name_plural)
 							})]
 						}),
-						/* @__PURE__ */ V(f, {
-							value: ne,
-							onChange: pe,
-							placeholder: `Search ${u(m.display.name_plural)}…`,
+						/* @__PURE__ */ V(d, {
+							value: v,
+							onChange: fe,
+							placeholder: `Search ${i(u.display.name_plural)}…`,
 							prefix: /* @__PURE__ */ V(e.search, { size: 13 })
 						}),
 						x.error && /* @__PURE__ */ H("div", {
@@ -179,28 +182,28 @@ function U({ screenCode: t }) {
 							},
 							children: [x.error, " Showing this list without URL filters."]
 						}),
-						p.filters && p.filters.length > 0 && /* @__PURE__ */ V("div", {
+						l.filters && l.filters.length > 0 && /* @__PURE__ */ V("div", {
 							style: {
 								display: "flex",
 								flexWrap: "wrap",
 								gap: 6
 							},
-							children: p.filters.map((e) => {
-								let t = m.fields.get(e);
+							children: l.filters.map((e) => {
+								let t = u.fields.get(e);
 								if (!t?.values) return null;
-								let n = S?.find((t) => t.field === e && t.op === "eq")?.value ?? "__all__", r = l(t, e, s.entities), i = [{
+								let n = S?.find((t) => t.field === e && t.op === "eq")?.value ?? "__all__", r = g(t, e, o.entities), a = [{
 									value: "__all__",
 									label: `All ${r}`
 								}, ...t.values.map((e) => ({
 									value: e.code,
-									label: u(e.name) || e.code
+									label: i(e.name) || e.code
 								}))];
 								return /* @__PURE__ */ V("div", {
 									style: { minWidth: 120 },
-									children: /* @__PURE__ */ V(a, {
+									children: /* @__PURE__ */ V(s, {
 										value: n,
-										options: i,
-										onChange: (t) => me(e, t),
+										options: a,
+										onChange: (t) => pe(e, t),
 										placeholder: r
 									})
 								}, e);
@@ -214,8 +217,8 @@ function U({ screenCode: t }) {
 								fontSize: 11,
 								color: "var(--text-3)"
 							},
-							children: [/* @__PURE__ */ V("span", { children: Y ? "Loading…" : `${J.length} ${u(m.display.name_plural)}` }), ye > 0 && /* @__PURE__ */ V("button", {
-								onClick: () => i((e) => {
+							children: [/* @__PURE__ */ V("span", { children: K ? "Loading…" : `${W.length} ${i(u.display.name_plural)}` }), _e > 0 && /* @__PURE__ */ V("button", {
+								onClick: () => a((e) => {
 									let t = new URLSearchParams(e);
 									return t.delete("filters"), t;
 								}, { replace: !0 }),
@@ -236,12 +239,12 @@ function U({ screenCode: t }) {
 					style: {
 						flex: 1,
 						overflowY: "auto",
-						padding: T === "cards" ? 10 : 0,
-						display: T === "cards" ? "flex" : "block",
+						padding: E === "cards" ? 10 : 0,
+						display: E === "cards" ? "flex" : "block",
 						flexDirection: "column",
-						gap: T === "cards" ? 10 : void 0
+						gap: E === "cards" ? 10 : void 0
 					},
-					children: Y ? /* @__PURE__ */ V("div", {
+					children: K ? /* @__PURE__ */ V("div", {
 						style: {
 							padding: 12,
 							display: "flex",
@@ -253,7 +256,7 @@ function U({ screenCode: t }) {
 							borderRadius: 6,
 							background: "var(--surface-3)"
 						} }, t))
-					}) : J.length === 0 ? /* @__PURE__ */ V("div", {
+					}) : W.length === 0 ? /* @__PURE__ */ V("div", {
 						style: {
 							padding: 28,
 							textAlign: "center",
@@ -261,23 +264,23 @@ function U({ screenCode: t }) {
 							color: "var(--text-3)"
 						},
 						children: "No records found"
-					}) : /* @__PURE__ */ H(B, { children: [J.map((e) => {
-						let t = o(e[de]);
-						return /* @__PURE__ */ V(le, {
+					}) : /* @__PURE__ */ H(B, { children: [W.map((e) => {
+						let t = te(e[q]);
+						return /* @__PURE__ */ V(ue, {
 							record: e,
-							entity: m,
+							entity: u,
 							columns: C,
 							card: N,
-							presentation: T,
-							refs: ue,
-							isSelected: t === v,
-							onClick: () => fe(t, { replace: w === "split" })
+							presentation: E,
+							refs: G,
+							isSelected: t === _,
+							onClick: () => J(t, { replace: w === "split" })
 						}, t);
-					}), U && K.hasMore && /* @__PURE__ */ V("button", {
+					}), U.isCursor && U.hasMorePages && /* @__PURE__ */ V("button", {
 						type: "button",
 						"data-testid": "record-list-load-more",
-						onClick: () => void K.fetchNextPage(),
-						disabled: K.isFetchingNextPage,
+						onClick: U.fetchNextPage,
+						disabled: U.isFetchingNextPage,
 						style: {
 							width: "100%",
 							padding: "8px 12px",
@@ -286,15 +289,15 @@ function U({ screenCode: t }) {
 							border: "none",
 							borderTop: "1px solid var(--divider)",
 							color: "var(--text-2)",
-							cursor: K.isFetchingNextPage ? "default" : "pointer"
+							cursor: U.isFetchingNextPage ? "default" : "pointer"
 						},
-						children: K.isFetchingNextPage ? "Loading…" : "Load more"
+						children: U.isFetchingNextPage ? "Loading…" : "Load more"
 					})] })
 				})]
 			}),
-			X && /* @__PURE__ */ V("div", {
+			Y && /* @__PURE__ */ V("div", {
 				"data-testid": "record-list-resize-handle",
-				onMouseDown: ve,
+				onMouseDown: ge,
 				style: {
 					flex: "none",
 					width: 1,
@@ -305,7 +308,7 @@ function U({ screenCode: t }) {
 				onMouseEnter: (e) => e.currentTarget.style.background = "var(--border-strong)",
 				onMouseLeave: (e) => e.currentTarget.style.background = "var(--divider)"
 			}),
-			xe && /* @__PURE__ */ V("div", {
+			ye && /* @__PURE__ */ V("div", {
 				"data-testid": "record-detail-panel",
 				style: {
 					flex: 1,
@@ -313,15 +316,15 @@ function U({ screenCode: t }) {
 					overflow: "hidden",
 					height: w === "stacked" ? "50%" : "100%"
 				},
-				children: v ? /* @__PURE__ */ V(q, {
-					entityCode: g,
-					recordId: v,
-					items: p.items,
-					schema: s,
-					entity: m,
-					onBackToList: Se,
+				children: _ ? /* @__PURE__ */ V(de, {
+					entityCode: p,
+					recordId: _,
+					items: l.items,
+					schema: o,
+					entity: u,
+					onBackToList: be,
 					relatedRecordsPresentation: oe
-				}, v) : /* @__PURE__ */ V("div", {
+				}, _) : /* @__PURE__ */ V("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
@@ -333,7 +336,7 @@ function U({ screenCode: t }) {
 						style: { fontSize: 12.5 },
 						children: [
 							"Select a ",
-							u(m.display.name),
+							i(u.display.name),
 							" to view details"
 						]
 					})
@@ -342,10 +345,10 @@ function U({ screenCode: t }) {
 		]
 	});
 }
-function le({ record: e, entity: n, columns: r, card: i, presentation: a, refs: o, isSelected: s, onClick: c }) {
-	let l = t();
+function ue({ record: e, entity: t, columns: r, card: i, presentation: a, refs: o, isSelected: s, onClick: c }) {
+	let l = n();
 	if (a === "cards") {
-		let t = i.badgeFields.filter((t) => W(n, e, t)), r = i.bodyFields.filter((t) => W(n, e, t)), a = i.metaFields.filter((t) => W(n, e, t));
+		let n = i.badgeFields.filter((n) => W(t, e, n)), r = i.bodyFields.filter((n) => W(t, e, n)), a = i.metaFields.filter((n) => W(t, e, n));
 		return /* @__PURE__ */ H("button", {
 			type: "button",
 			"data-testid": "record-list-card",
@@ -367,7 +370,7 @@ function le({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 			},
 			children: [
 				/* @__PURE__ */ V(G, {
-					entity: n,
+					entity: t,
 					record: e,
 					field: i.titleField,
 					refs: o
@@ -378,8 +381,8 @@ function le({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 						color: "var(--text-3)",
 						overflowWrap: "anywhere"
 					},
-					children: w({
-						entity: n,
+					children: x({
+						entity: t,
 						fieldName: i.subtitleField,
 						record: e,
 						mode: "display",
@@ -387,13 +390,13 @@ function le({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 						locale: l
 					})
 				}),
-				t.length > 0 && /* @__PURE__ */ V("div", {
+				n.length > 0 && /* @__PURE__ */ V("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
 						gap: 6
 					},
-					children: t.map((t) => /* @__PURE__ */ V("span", {
+					children: n.map((n) => /* @__PURE__ */ V("span", {
 						style: {
 							border: "1px solid var(--border)",
 							borderRadius: 999,
@@ -403,15 +406,15 @@ function le({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 							maxWidth: "100%",
 							overflowWrap: "anywhere"
 						},
-						children: w({
-							entity: n,
-							fieldName: t,
+						children: x({
+							entity: t,
+							fieldName: n,
 							record: e,
 							mode: "display",
 							refs: o,
 							locale: l
 						})
-					}, t))
+					}, n))
 				}),
 				r.length > 0 && /* @__PURE__ */ V("dl", {
 					style: {
@@ -420,13 +423,13 @@ function le({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 						gap: "5px 10px",
 						margin: 0
 					},
-					children: r.map((t) => /* @__PURE__ */ V(K, {
-						entity: n,
+					children: r.map((n) => /* @__PURE__ */ V(K, {
+						entity: t,
 						record: e,
-						fieldName: t,
+						fieldName: n,
 						refs: o,
 						locale: l
-					}, t))
+					}, n))
 				}),
 				a.length > 0 && /* @__PURE__ */ V("div", {
 					style: {
@@ -436,20 +439,20 @@ function le({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 						fontSize: 11,
 						color: "var(--text-3)"
 					},
-					children: a.map((t) => /* @__PURE__ */ V("span", {
+					children: a.map((n) => /* @__PURE__ */ V("span", {
 						style: {
 							minWidth: 0,
 							overflowWrap: "anywhere"
 						},
-						children: w({
-							entity: n,
-							fieldName: t,
+						children: x({
+							entity: t,
+							fieldName: n,
 							record: e,
 							mode: "display",
 							refs: o,
 							locale: l
 						})
-					}, t))
+					}, n))
 				})
 			]
 		});
@@ -487,8 +490,8 @@ function le({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 				whiteSpace: "nowrap",
 				color: "var(--text)"
 			},
-			children: w({
-				entity: n,
+			children: x({
+				entity: t,
 				fieldName: u,
 				record: e,
 				mode: "display",
@@ -510,8 +513,8 @@ function le({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 					textOverflow: "ellipsis",
 					whiteSpace: "nowrap"
 				},
-				children: w({
-					entity: n,
+				children: x({
+					entity: t,
 					fieldName: d,
 					record: e,
 					mode: "display",
@@ -525,30 +528,30 @@ function le({ record: e, entity: n, columns: r, card: i, presentation: a, refs:
 					gap: 4,
 					flexShrink: 0
 				},
-				children: f.map((t) => v(n, e, t) == null ? null : /* @__PURE__ */ V("div", {
+				children: f.map((n) => y(t, e, n) == null ? null : /* @__PURE__ */ V("div", {
 					style: { fontSize: 11 },
-					children: w({
-						entity: n,
-						fieldName: t,
+					children: x({
+						entity: t,
+						fieldName: n,
 						record: e,
 						mode: "display",
 						refs: o,
 						locale: l
 					})
-				}, t))
+				}, n))
 			})]
 		})]
 	});
 }
 function W(e, t, n) {
-	let r = v(e, t, n);
+	let r = y(e, t, n);
 	return !(r == null || r === "" || Array.isArray(r) && r.length === 0);
 }
-function G({ entity: e, record: n, field: i, refs: a }) {
-	let o = t(), s = r(n, e), c = i ? w({
+function G({ entity: e, record: t, field: r, refs: a }) {
+	let o = n(), s = u(t, e), c = r ? x({
 		entity: e,
-		fieldName: i,
-		record: n,
+		fieldName: r,
+		record: t,
 		mode: "display",
 		refs: a,
 		locale: o
@@ -560,11 +563,11 @@ function G({ entity: e, record: n, field: i, refs: a }) {
 			color: "var(--text)",
 			overflowWrap: "anywhere"
 		},
-		children: c || u(e.display.name)
+		children: c || i(e.display.name)
 	});
 }
 function K({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
-	let a = v(e, t, n);
+	let a = y(e, t, n);
 	if (a == null || a === "") return null;
 	let o = e.fields.get(n);
 	return o ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("dt", {
@@ -574,7 +577,7 @@ function K({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
 			minWidth: 0,
 			overflowWrap: "anywhere"
 		},
-		children: l(o, n)
+		children: g(o, n)
 	}), /* @__PURE__ */ V("dd", {
 		style: {
 			margin: 0,
@@ -583,7 +586,7 @@ function K({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
 			minWidth: 0,
 			overflowWrap: "anywhere"
 		},
-		children: w({
+		children: x({
 			entity: e,
 			fieldName: n,
 			record: t,
@@ -593,8 +596,8 @@ function K({ entity: e, record: t, fieldName: n, refs: r, locale: i }) {
 		})
 	})] }) : null;
 }
-function q({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackToList: a, relatedRecordsPresentation: o }) {
-	return /* @__PURE__ */ V(s, { children: /* @__PURE__ */ V(J, {
+function de({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackToList: a, relatedRecordsPresentation: o }) {
+	return /* @__PURE__ */ V(c, { children: /* @__PURE__ */ V(q, {
 		entityCode: e,
 		recordId: t,
 		items: n,
@@ -604,89 +607,89 @@ function q({ entityCode: e, recordId: t, items: n, schema: r, entity: i, onBackT
 		relatedRecordsPresentation: o
 	}) });
 }
-function J({ entityCode: t, recordId: n, items: a, schema: s, entity: l, onBackToList: d, relatedRecordsPresentation: f }) {
-	let h = m(l, "update"), te = R(() => n ? c(l, n) : void 0, [n, l]), { data: re, isLoading: ie } = C(t, te), w = ne(t), E = i(), [D, O] = se(!1), [k, A] = se({}), j = re?.data, ae = j?.$statuses, M = j?.$properties, P = N(t, n), L = oe(t, n), z = R(() => {
+function q({ entityCode: n, recordId: r, items: s, schema: c, entity: d, onBackToList: m, relatedRecordsPresentation: ee }) {
+	let g = l(d, "update"), ne = L(() => r ? o(d, r) : void 0, [r, d]), { data: re, isLoading: x } = _(n, ne), T = v(n), D = a(), [O, k] = z(!1), [A, j] = z({}), M = re?.data, ie = M?.$statuses, ae = M?.$properties, se = N(n, r), I = oe(n, r), R = L(() => {
 		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 d.fields) !n.auto && !n.primary && e.add(t);
+		for (let [t] of d.files ?? []) e.add(t);
 		return e;
-	}, [l]), ce = I(() => {
-		if (j) {
+	}, [d]), ce = F(() => {
+		if (M) {
 			let e = {};
-			z.forEach((t) => {
-				let n = v(l, j, t);
-				e[t] = y(l, t) ? n ?? null : n ?? "";
-			}), A(e);
+			R.forEach((t) => {
+				let n = y(d, M, t);
+				e[t] = S(d, t) ? n ?? null : n ?? "";
+			}), j(e);
 		}
-		O(!0);
+		k(!0);
 	}, [
-		j,
-		z,
-		l
-	]), U = I(async () => {
-		await E.flushAllDrafts(), O(!1), A({});
-	}, [E]), le = I(() => {
-		let e = {}, t = x({
-			entity: l,
-			formData: k,
-			record: j,
+		M,
+		R,
+		d
+	]), le = F(async () => {
+		await D.flushAllDrafts(), k(!1), j({});
+	}, [D]), U = F(() => {
+		let e = {}, t = E({
+			entity: d,
+			formData: A,
+			record: M,
 			isNew: !1
-		}), r = S(t);
-		for (let [t, n] of Object.entries(k)) l.files?.has(t) || (e[t] = T(l, t, n));
+		}), n = w(t);
+		for (let [t, n] of Object.entries(A)) d.files?.has(t) || (e[t] = b(d, t, n));
 		if (Object.keys(t).length > 0 && (e.$files = t), Object.keys(e).length === 0) {
-			O(!1), A({});
+			k(!1), j({});
 			return;
 		}
-		w.mutate({
-			pkValues: n,
+		T.mutate({
+			pkValues: r,
 			data: e
 		}, {
 			onSuccess: () => {
-				r.forEach((e) => E.markCommitted(e)), O(!1), A({}), g.success("Saved");
+				n.forEach((e) => D.markCommitted(e)), k(!1), j({}), h.success("Saved");
 			},
-			onError: () => g.error("Failed to save")
+			onError: () => h.error("Failed to save")
 		});
 	}, [
-		E,
-		w,
-		n,
-		l,
-		k,
-		j
-	]), W = I((e, t) => {
-		A((n) => ({
+		D,
+		T,
+		r,
+		d,
+		A,
+		M
+	]), ue = F((e, t) => {
+		j((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, []);
-	if (ie) return /* @__PURE__ */ V(b, {});
-	if (!j) return null;
-	let G = r(j, l), K = l.display?.display_field, q = G ? void 0 : K ? j[K] : j[l.fields.names()[0]], J = G || (q != null && typeof q != "object" ? o(q) : u(l.display.name)), ue = j?.$refs, Y = {
-		schema: s,
-		entity: l,
-		entityCode: t,
-		recordId: n,
-		record: D ? {
-			...j,
-			...k
-		} : j,
+	if (x) return /* @__PURE__ */ V(C, {});
+	if (!M) return null;
+	let W = u(M, d), G = d.display?.display_field, K = W ? void 0 : G ? M[G] : M[d.fields.names()[0]], de = W || (K != null && typeof K != "object" ? te(K) : i(d.display.name)), q = M?.$refs, J = {
+		schema: c,
+		entity: d,
+		entityCode: n,
+		recordId: r,
+		record: O ? {
+			...M,
+			...A
+		} : M,
 		isNew: !1,
-		mode: D ? "edit" : "display",
-		onFieldChange: D ? W : void 0,
-		refs: ue,
-		objectProperties: M ?? void 0,
-		onSetProperty: h ? (e, t) => L.mutate({
+		mode: O ? "edit" : "display",
+		onFieldChange: O ? ue : void 0,
+		refs: q,
+		objectProperties: ae ?? void 0,
+		onSetProperty: g ? (e, t) => I.mutate({
 			propertyCode: e,
 			value: t
 		}) : void 0,
-		isPropertyPending: L.isPending,
-		objectStatuses: ae ?? void 0,
-		onSetStatus: h ? (e, t) => P.mutate({
+		isPropertyPending: I.isPending,
+		objectStatuses: ie ?? void 0,
+		onSetStatus: g ? (e, t) => se.mutate({
 			groupCode: e,
 			statusCode: t
 		}) : void 0,
-		isStatusPending: P.isPending,
-		relatedRecordsPresentation: f
+		isStatusPending: se.isPending,
+		relatedRecordsPresentation: ee
 	};
 	return /* @__PURE__ */ H("div", {
 		style: {
@@ -716,30 +719,30 @@ function J({ entityCode: t, recordId: n, items: a, schema: s, entity: l, onBackT
 					whiteSpace: "nowrap",
 					color: "var(--text)"
 				},
-				children: J
+				children: de
 			}), /* @__PURE__ */ H("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: 6
 				},
-				children: [d && /* @__PURE__ */ V(ee, {
+				children: [m && /* @__PURE__ */ V(f, {
 					icon: /* @__PURE__ */ V(e.back, { size: 14 }),
 					title: "Back to list",
-					onClick: d
-				}), h && (D ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(_, {
+					onClick: m
+				}), g && (O ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(p, {
 					size: "xs",
 					icon: /* @__PURE__ */ V(e.x, { size: 12 }),
-					onClick: U,
+					onClick: le,
 					children: "Cancel"
-				}), /* @__PURE__ */ V(_, {
+				}), /* @__PURE__ */ V(p, {
 					kind: "primary",
 					size: "xs",
-					icon: w.isPending ? /* @__PURE__ */ V(p, { size: 12 }) : /* @__PURE__ */ V(e.save, { size: 12 }),
-					onClick: le,
-					disabled: w.isPending,
-					children: w.isPending ? "Saving…" : "Save"
-				})] }) : /* @__PURE__ */ V(_, {
+					icon: T.isPending ? /* @__PURE__ */ V(t, { size: 12 }) : /* @__PURE__ */ V(e.save, { size: 12 }),
+					onClick: U,
+					disabled: T.isPending,
+					children: T.isPending ? "Saving…" : "Save"
+				})] }) : /* @__PURE__ */ V(p, {
 					size: "xs",
 					icon: /* @__PURE__ */ V(e.edit, { size: 12 }),
 					onClick: ce,
@@ -755,9 +758,9 @@ function J({ entityCode: t, recordId: n, items: a, schema: s, entity: l, onBackT
 				flexDirection: "column",
 				gap: 12
 			},
-			children: a && a.length > 0 ? /* @__PURE__ */ V(F, {
-				nodes: a,
-				ctx: Y
+			children: s && s.length > 0 ? /* @__PURE__ */ V(P, {
+				nodes: s,
+				ctx: J
 			}) : /* @__PURE__ */ H("p", {
 				style: {
 					fontSize: 12.5,