@declarion/react 0.47.0 → 0.48.0

package/dist-lib/{SmartDetailPage.impl-DdSu3kmW.js → SmartDetailPage.impl-bb0UNOII.js}

@@ -1,20 +1,20 @@
 import { s as e, t } from "./DynamicIcon-Dc2j-rg_.js";
-import { $ as n, A as r, At as i, C as a, Cn as o, Ct as s, D as c, Dn as l, F as u, Fn as d, In as f, L as p, Ln as m, N as h, Q as g, Sn as _, Tn as v, Zn as y, _ as b, bn as x, bt as S, cr as C, dt as ee, gt as w, i as T, it as te, j as ne, jt as re, kn as ie, lr as ae, pt as oe, rr as se, un as ce, ur as E, wn as le, wt as D, xn as ue, yn as de } from "./useCurrentScreen-ow4r-nWa.js";
-import { E as fe, L as O, R as k, V as A, _ as j, b as pe, c as me, d as he, f as ge, m as _e, n as ve, o as ye, r as be, t as xe, w as Se } from "./RefreshControl-F9Ib9asP.js";
-import { $ as Ce, A as we, D as Te, H as Ee, L as De, M as Oe, P as ke, Q as Ae, T as je, U as Me, X as Ne, Z as Pe, _t as Fe, a as Ie, dt as Le, et as Re, i as ze, k as Be, nt as Ve, s as He, tt as Ue, v as We, xt as Ge, z as Ke } from "./registry-C2VD-5MD.js";
-import { n as qe, r as Je, t as M } from "./dataTableStyles-vwD1mVOP.js";
-import { n as Ye, t as Xe } from "./LayoutRenderer-CzAdhjNT.js";
-import { Fragment as Ze, useCallback as N, useEffect as P, useMemo as F, useRef as Qe, useState as I } from "react";
+import { $ as n, A as r, At as i, C as a, Cn as o, Ct as s, D as c, Dn as l, F as u, Fn as d, In as f, L as p, Ln as m, N as h, Q as g, Sn as _, Tn as v, Zn as y, _ as b, bn as x, bt as S, cr as C, dt as ee, gt as w, i as T, it as te, j as ne, jt as re, kn as ie, lr as ae, pt as oe, tr as se, un as ce, ur as E, wn as le, wt as D, xn as ue, yn as de } from "./useCurrentScreen-BshVTPVq.js";
+import { D as fe, H as O, R as k, T as pe, c as me, d as he, f as A, h as ge, n as j, o as _e, r as ve, t as ye, v as M, x as be, z as xe } from "./RefreshControl-Cnl9nE0x.js";
+import { $ as Se, A as Ce, D as we, H as Te, L as Ee, M as De, P as Oe, Q as ke, St as Ae, T as je, U as Me, X as Ne, Z as Pe, a as Fe, dt as Ie, et as Le, ft as Re, i as ze, k as Be, nt as Ve, s as He, tt as Ue, v as We, vt as Ge, z as Ke } from "./registry-CWDnxiLJ.js";
+import { n as qe, r as Je, t as N } from "./dataTableStyles-vwD1mVOP.js";
+import { n as Ye, t as Xe } from "./LayoutRenderer-X3p4yfo_.js";
+import { Fragment as Ze, useCallback as P, useEffect as F, useMemo as I, useRef as Qe, useState as L } from "react";
 import { useLocation as $e, useParams as et, useSearchParams as tt } from "react-router";
-import { useQuery as L, useQueryClient as nt } from "@tanstack/react-query";
-import { Fragment as rt, jsx as R, jsxs as z } from "react/jsx-runtime";
+import { useQuery as R, useQueryClient as nt } from "@tanstack/react-query";
+import { Fragment as rt, jsx as z, jsxs as B } from "react/jsx-runtime";
 //#region src/components/shared/AssociationTabs.tsx
 function it({ entityCode: e, recordId: n, associations: r, schema: i }) {
-	let a = F(() => Object.entries(r), [r]), [o, s] = I(0);
+	let a = I(() => Object.entries(r), [r]), [o, s] = L(0);
 	if (a.length === 0) return null;
 	let [c, l] = a[o];
-	return /* @__PURE__ */ R(Ge, {
-		title: /* @__PURE__ */ R("div", {
+	return /* @__PURE__ */ z(Ae, {
+		title: /* @__PURE__ */ z("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
@@ -25,7 +25,7 @@ function it({ entityCode: e, recordId: n, associations: r, schema: i }) {
 			},
 			children: a.map(([e, n], r) => {
 				let i = r === o;
-				return /* @__PURE__ */ z("button", {
+				return /* @__PURE__ */ B("button", {
 					onClick: (e) => {
 						e.stopPropagation(), s(r);
 					},
@@ -43,7 +43,7 @@ function it({ entityCode: e, recordId: n, associations: r, schema: i }) {
 						cursor: "pointer",
 						fontWeight: i ? 600 : 500
 					},
-					children: [n.display?.icon && /* @__PURE__ */ R(t, {
+					children: [n.display?.icon && /* @__PURE__ */ z(t, {
 						name: n.display.icon,
 						size: 13
 					}), v(n.display?.name) || e]
@@ -52,7 +52,7 @@ function it({ entityCode: e, recordId: n, associations: r, schema: i }) {
 		}),
 		collapsible: !1,
 		padding: "0",
-		children: /* @__PURE__ */ R(B, {
+		children: /* @__PURE__ */ z(V, {
 			entityCode: e,
 			recordId: n,
 			assocKey: c,
@@ -61,15 +61,15 @@ function it({ entityCode: e, recordId: n, associations: r, schema: i }) {
 		})
 	});
 }
-function B({ entityCode: t, recordId: n, assocKey: i, association: o, schema: c }) {
-	let l = Le(), u = r(), d = `${t}.${i}`, { data: f, isLoading: p } = L({
+function V({ entityCode: t, recordId: n, assocKey: i, association: o, schema: c }) {
+	let l = Re(), u = r(), d = `${t}.${i}`, { data: f, isLoading: p } = R({
 		queryKey: [
 			"association",
 			d,
 			n
 		],
 		queryFn: () => D(d, [n])
-	}), m = f?.target_entity ?? o.target, h = c.entities[m], g = F(() => f?.ids ?? [], [f?.ids]), y = F(() => h?.fields.names().find((e) => h.fields.get(e)?.primary) ?? "id", [h]), b = F(() => g.slice(0, 50), [g]), { data: x, isLoading: S } = L({
+	}), m = f?.target_entity ?? o.target, h = c.entities[m], g = I(() => f?.ids ?? [], [f?.ids]), y = I(() => h?.fields.names().find((e) => h.fields.get(e)?.primary) ?? "id", [h]), b = I(() => g.slice(0, 50), [g]), { data: x, isLoading: S } = R({
 		queryKey: [
 			"association-records",
 			m,
@@ -84,7 +84,7 @@ function B({ entityCode: t, recordId: n, assocKey: i, association: o, schema: c
 			}]
 		}),
 		enabled: b.length > 0 && !!h
-	}), C = x?.data ?? [], ee = x?.$refs, w = F(() => h ? h.fields.names().filter((e) => {
+	}), C = x?.data ?? [], ee = x?.$refs, w = I(() => h ? h.fields.names().filter((e) => {
 		let t = h.fields.get(e);
 		return t && !t.primary && !t.auto && t.display?.is_listable !== !1;
 	}).slice(0, 6) : [], [h]), T = () => {
@@ -105,31 +105,31 @@ function B({ entityCode: t, recordId: n, assocKey: i, association: o, schema: c
 		color: "var(--text-3)",
 		padding: "14px 16px"
 	};
-	if (p || S) return /* @__PURE__ */ R("div", {
+	if (p || S) return /* @__PURE__ */ z("div", {
 		style: te,
 		children: "Loading…"
 	});
-	if (!h) return /* @__PURE__ */ R("div", {
+	if (!h) return /* @__PURE__ */ z("div", {
 		style: te,
 		children: "Entity not found."
 	});
-	if (g.length === 0) return /* @__PURE__ */ R("div", {
+	if (g.length === 0) return /* @__PURE__ */ z("div", {
 		style: te,
 		children: "No related records."
 	});
 	let re = a(c, m);
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ B("div", {
 		style: { padding: "8px 0" },
 		children: [
-			/* @__PURE__ */ z("table", {
+			/* @__PURE__ */ B("table", {
 				style: Je,
-				children: [/* @__PURE__ */ R("thead", { children: /* @__PURE__ */ R("tr", { children: w.map((e) => /* @__PURE__ */ R("th", {
+				children: [/* @__PURE__ */ z("thead", { children: /* @__PURE__ */ z("tr", { children: w.map((e) => /* @__PURE__ */ z("th", {
 					style: qe,
 					children: _(h.fields.get(e), e, c.entities)
-				}, e)) }) }), /* @__PURE__ */ R("tbody", { children: C.map((e, t) => /* @__PURE__ */ R("tr", { children: w.map((t) => {
+				}, e)) }) }), /* @__PURE__ */ z("tbody", { children: C.map((e, t) => /* @__PURE__ */ z("tr", { children: w.map((t) => {
 					let n = h.fields.get(t);
-					return n ? /* @__PURE__ */ R("td", {
-						style: M,
+					return n ? /* @__PURE__ */ z("td", {
+						style: N,
 						children: ne({
 							field: n,
 							fieldName: t,
@@ -139,16 +139,16 @@ function B({ entityCode: t, recordId: n, assocKey: i, association: o, schema: c
 							refs: ee,
 							locale: u
 						})
-					}, t) : /* @__PURE__ */ R("td", {}, t);
+					}, t) : /* @__PURE__ */ z("td", {}, t);
 				}) }, t)) })]
 			}),
-			re && f && f.count > C.length && /* @__PURE__ */ R("div", {
+			re && f && f.count > C.length && /* @__PURE__ */ z("div", {
 				style: {
 					padding: "10px 16px",
 					textAlign: "center"
 				},
-				children: /* @__PURE__ */ z(E, {
-					icon: /* @__PURE__ */ R(e.external, { size: 12 }),
+				children: /* @__PURE__ */ B(E, {
+					icon: /* @__PURE__ */ z(e.external, { size: 12 }),
 					onClick: T,
 					children: [
 						"View all ",
@@ -157,14 +157,14 @@ function B({ entityCode: t, recordId: n, assocKey: i, association: o, schema: c
 					]
 				})
 			}),
-			re && C.length > 0 && f && f.count <= C.length && /* @__PURE__ */ R("div", {
+			re && C.length > 0 && f && f.count <= C.length && /* @__PURE__ */ z("div", {
 				style: {
 					padding: "10px 16px",
 					textAlign: "center"
 				},
-				children: /* @__PURE__ */ R(E, {
+				children: /* @__PURE__ */ z(E, {
 					kind: "ghost",
-					icon: /* @__PURE__ */ R(e.external, { size: 12 }),
+					icon: /* @__PURE__ */ z(e.external, { size: 12 }),
 					onClick: T,
 					children: "Open in list view"
 				})
@@ -174,14 +174,14 @@ function B({ entityCode: t, recordId: n, assocKey: i, association: o, schema: c
 }
 //#endregion
 //#region src/components/pages/RecordDocumentsPanel.tsx
-var V = 4e3;
-function H(e) {
-	return e?.some((e) => e.status === "pending") ? V : !1;
+var H = 4e3;
+function U(e) {
+	return e?.some((e) => e.status === "pending") ? H : !1;
 }
 function at({ entityCode: t, objectId: n, canGenerateOne: r, canManageTemplates: i }) {
-	let { data: a, isLoading: o, error: s } = L({
+	let { data: a, isLoading: o, error: s } = R({
 		queryKey: [
-			j,
+			M,
 			t,
 			n
 		],
@@ -190,31 +190,31 @@ function at({ entityCode: t, objectId: n, canGenerateOne: r, canManageTemplates:
 			object_id: n
 		})).result?.documents ?? [],
 		enabled: !!(t && n) && (!!r || !!i),
-		refetchInterval: (e) => H(e.state.data)
+		refetchInterval: (e) => U(e.state.data)
 	}), c = (a?.length ?? 0) > 0;
-	return !r && !c ? null : /* @__PURE__ */ z(Ge, {
-		title: /* @__PURE__ */ R(ot, {}),
+	return !r && !c ? null : /* @__PURE__ */ B(Ae, {
+		title: /* @__PURE__ */ z(ot, {}),
 		collapsible: !1,
 		padding: "0",
 		children: [
-			o && /* @__PURE__ */ R(W, {
-				icon: /* @__PURE__ */ R(e.loader, { size: 14 }),
+			o && /* @__PURE__ */ z(G, {
+				icon: /* @__PURE__ */ z(e.loader, { size: 14 }),
 				text: "Loading documents..."
 			}),
-			s && /* @__PURE__ */ R(W, {
-				icon: /* @__PURE__ */ R(e.warning, { size: 14 }),
+			s && /* @__PURE__ */ z(G, {
+				icon: /* @__PURE__ */ z(e.warning, { size: 14 }),
 				text: s instanceof Error ? s.message : String(s)
 			}),
-			!o && !s && (a?.length ?? 0) === 0 && /* @__PURE__ */ R(W, {
-				icon: /* @__PURE__ */ R(e.file, { size: 14 }),
+			!o && !s && (a?.length ?? 0) === 0 && /* @__PURE__ */ z(G, {
+				icon: /* @__PURE__ */ z(e.file, { size: 14 }),
 				text: "No generated documents"
 			}),
-			!o && !s && a && a.length > 0 && /* @__PURE__ */ R("div", {
+			!o && !s && a && a.length > 0 && /* @__PURE__ */ z("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column"
 				},
-				children: a.map((e) => /* @__PURE__ */ R(U, {
+				children: a.map((e) => /* @__PURE__ */ z(W, {
 					entityCode: t,
 					objectId: n,
 					doc: e
@@ -224,7 +224,7 @@ function at({ entityCode: t, objectId: n, canGenerateOne: r, canManageTemplates:
 	});
 }
 function ot() {
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ B("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -235,11 +235,11 @@ function ot() {
 			fontWeight: 600,
 			color: "var(--text)"
 		},
-		children: [/* @__PURE__ */ R(e.file, { size: 13 }), "Documents"]
+		children: [/* @__PURE__ */ z(e.file, { size: 13 }), "Documents"]
 	});
 }
-function U({ entityCode: t, objectId: r, doc: i }) {
-	let a = nt(), [o, s] = I(!1), [c, l] = I(!1), [u, d] = I(!1), [f, p] = I(!1), [m, h] = I(null), _ = v(i.title) || i.filename || i.template_code, y = i.status === "ready" && i.download_url && !f;
+function W({ entityCode: t, objectId: r, doc: i }) {
+	let a = nt(), [o, s] = L(!1), [c, l] = L(!1), [u, d] = L(!1), [f, p] = L(!1), [m, h] = L(null), _ = v(i.title) || i.filename || i.template_code, y = i.status === "ready" && i.download_url && !f;
 	async function b() {
 		s(!0), h(null);
 		try {
@@ -275,7 +275,7 @@ function U({ entityCode: t, objectId: r, doc: i }) {
 				template_source: i.template_source,
 				output_format: i.output_format
 			}), await a.invalidateQueries({ queryKey: [
-				j,
+				M,
 				t,
 				r
 			] });
@@ -285,7 +285,7 @@ function U({ entityCode: t, objectId: r, doc: i }) {
 			d(!1);
 		}
 	}
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ B("div", {
 		style: {
 			display: "grid",
 			gridTemplateColumns: "minmax(0, 1fr) auto",
@@ -294,10 +294,10 @@ function U({ entityCode: t, objectId: r, doc: i }) {
 			padding: "11px 14px",
 			borderTop: "1px solid var(--divider)"
 		},
-		children: [/* @__PURE__ */ z("div", {
+		children: [/* @__PURE__ */ B("div", {
 			style: { minWidth: 0 },
 			children: [
-				/* @__PURE__ */ R("div", {
+				/* @__PURE__ */ z("div", {
 					style: {
 						fontSize: 13,
 						fontWeight: 600,
@@ -308,7 +308,7 @@ function U({ entityCode: t, objectId: r, doc: i }) {
 					},
 					children: _
 				}),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					style: {
 						marginTop: 3,
 						display: "flex",
@@ -318,12 +318,12 @@ function U({ entityCode: t, objectId: r, doc: i }) {
 						fontSize: 11.5
 					},
 					children: [
-						/* @__PURE__ */ R("span", { children: i.output_format.toUpperCase() }),
-						/* @__PURE__ */ R("span", { children: f ? "artifact unavailable" : i.status }),
-						/* @__PURE__ */ R("span", { children: i.ready_at || i.created_at })
+						/* @__PURE__ */ z("span", { children: i.output_format.toUpperCase() }),
+						/* @__PURE__ */ z("span", { children: f ? "artifact unavailable" : i.status }),
+						/* @__PURE__ */ z("span", { children: i.ready_at || i.created_at })
 					]
 				}),
-				i.status === "failed" && i.error_text && /* @__PURE__ */ R("div", {
+				i.status === "failed" && i.error_text && /* @__PURE__ */ z("div", {
 					style: {
 						marginTop: 5,
 						color: "var(--danger)",
@@ -331,7 +331,7 @@ function U({ entityCode: t, objectId: r, doc: i }) {
 					},
 					children: i.error_text
 				}),
-				m && /* @__PURE__ */ R("div", {
+				m && /* @__PURE__ */ z("div", {
 					style: {
 						marginTop: 5,
 						color: "var(--danger)",
@@ -340,34 +340,34 @@ function U({ entityCode: t, objectId: r, doc: i }) {
 					children: m
 				})
 			]
-		}), y ? /* @__PURE__ */ z("div", {
+		}), y ? /* @__PURE__ */ B("div", {
 			style: {
 				display: "flex",
 				gap: 6
 			},
-			children: [/* @__PURE__ */ R(E, {
+			children: [/* @__PURE__ */ z(E, {
 				kind: "ghost",
 				size: "sm",
-				icon: R(o ? e.loader : e.file, { size: 12 }),
+				icon: z(o ? e.loader : e.file, { size: 12 }),
 				onClick: b,
 				disabled: o,
 				children: "PDF"
-			}), /* @__PURE__ */ R(E, {
+			}), /* @__PURE__ */ z(E, {
 				kind: "default",
 				size: "sm",
-				icon: R(c ? e.loader : e.download, { size: 12 }),
+				icon: z(c ? e.loader : e.download, { size: 12 }),
 				onClick: x,
 				disabled: c,
 				children: "Download"
 			})]
-		}) : f ? /* @__PURE__ */ R(E, {
+		}) : f ? /* @__PURE__ */ z(E, {
 			kind: "ghost",
 			size: "sm",
-			icon: R(u ? e.loader : e.file, { size: 12 }),
+			icon: z(u ? e.loader : e.file, { size: 12 }),
 			onClick: C,
 			disabled: u,
 			children: "Regenerate"
-		}) : /* @__PURE__ */ R(E, {
+		}) : /* @__PURE__ */ z(E, {
 			kind: "ghost",
 			size: "sm",
 			disabled: !0,
@@ -375,8 +375,8 @@ function U({ entityCode: t, objectId: r, doc: i }) {
 		})]
 	});
 }
-function W({ icon: e, text: t }) {
-	return /* @__PURE__ */ z("div", {
+function G({ icon: e, text: t }) {
+	return /* @__PURE__ */ B("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -393,7 +393,7 @@ function W({ icon: e, text: t }) {
 function st({ errors: t, onJump: n }) {
 	if (t.length === 0) return null;
 	let r = t.length !== 1;
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ B("div", {
 		role: "alert",
 		style: {
 			display: "flex",
@@ -405,19 +405,19 @@ function st({ errors: t, onJump: n }) {
 			border: "1px solid var(--danger-border)",
 			color: "var(--text)"
 		},
-		children: [/* @__PURE__ */ R("span", {
+		children: [/* @__PURE__ */ z("span", {
 			style: {
 				color: "var(--danger)",
 				marginTop: 1,
 				display: "flex"
 			},
-			children: /* @__PURE__ */ R(e.warning, { size: 14 })
-		}), /* @__PURE__ */ z("div", {
+			children: /* @__PURE__ */ z(e.warning, { size: 14 })
+		}), /* @__PURE__ */ B("div", {
 			style: {
 				flex: 1,
 				minWidth: 0
 			},
-			children: [/* @__PURE__ */ z("div", {
+			children: [/* @__PURE__ */ B("div", {
 				style: {
 					fontSize: 12.5,
 					fontWeight: 600,
@@ -429,7 +429,7 @@ function st({ errors: t, onJump: n }) {
 					r ? "fields need" : "field needs",
 					" attention"
 				]
-			}), /* @__PURE__ */ R("ul", {
+			}), /* @__PURE__ */ z("ul", {
 				style: {
 					margin: 0,
 					padding: 0,
@@ -438,7 +438,7 @@ function st({ errors: t, onJump: n }) {
 					flexDirection: "column",
 					gap: 2
 				},
-				children: t.map((e) => /* @__PURE__ */ R("li", { children: /* @__PURE__ */ z("button", {
+				children: t.map((e) => /* @__PURE__ */ z("li", { children: /* @__PURE__ */ B("button", {
 					type: "button",
 					onClick: n ? () => n(e.name) : void 0,
 					style: {
@@ -451,21 +451,21 @@ function st({ errors: t, onJump: n }) {
 						fontFamily: "inherit"
 					},
 					children: [
-						/* @__PURE__ */ R("span", {
+						/* @__PURE__ */ z("span", {
 							style: {
 								color: "var(--danger)",
 								marginRight: 6
 							},
 							children: "•"
 						}),
-						/* @__PURE__ */ R("span", {
+						/* @__PURE__ */ z("span", {
 							style: {
 								fontWeight: 500,
 								color: "var(--text-2)"
 							},
 							children: e.label
 						}),
-						/* @__PURE__ */ z("span", {
+						/* @__PURE__ */ B("span", {
 							style: { color: "var(--text-3)" },
 							children: [" - ", e.message]
 						})
@@ -478,7 +478,7 @@ function st({ errors: t, onJump: n }) {
 //#endregion
 //#region src/components/shared/HighlightsStrip.tsx
 function ct({ items: e }) {
-	return e.length === 0 ? null : /* @__PURE__ */ R("div", {
+	return e.length === 0 ? null : /* @__PURE__ */ z("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -486,25 +486,25 @@ function ct({ items: e }) {
 			gap: "6px 0",
 			fontSize: 12
 		},
-		children: e.map((e, t) => /* @__PURE__ */ z(Ze, { children: [t > 0 && /* @__PURE__ */ R("span", { style: {
+		children: e.map((e, t) => /* @__PURE__ */ B(Ze, { children: [t > 0 && /* @__PURE__ */ z("span", { style: {
 			width: 1,
 			height: 12,
 			background: "var(--divider)",
 			marginInline: 12
-		} }), /* @__PURE__ */ z("span", {
+		} }), /* @__PURE__ */ B("span", {
 			style: {
 				display: "inline-flex",
 				alignItems: "center",
 				gap: 6,
 				lineHeight: 1.3
 			},
-			children: [/* @__PURE__ */ R("span", {
+			children: [/* @__PURE__ */ z("span", {
 				style: {
 					color: "var(--text-3)",
 					fontSize: 11.5
 				},
 				children: e.label
-			}), /* @__PURE__ */ R("span", {
+			}), /* @__PURE__ */ z("span", {
 				style: { color: "var(--text)" },
 				children: e.value
 			})]
@@ -523,11 +523,11 @@ function lt({ screen: e, entity: t, entityCode: n, record: r, refs: i, objectSta
 			let t = a?.find((t) => t.group_code === e), n = t ? c.statuses.find((e) => e.code === t.status_code) : void 0;
 			l.push({
 				label: v(c.name),
-				value: n ? /* @__PURE__ */ R(C, {
+				value: n ? /* @__PURE__ */ z(C, {
 					tone: n.color ?? "slate",
 					size: "xs",
 					children: v(n.name)
-				}) : /* @__PURE__ */ R("span", {
+				}) : /* @__PURE__ */ z("span", {
 					style: { color: "var(--text-4)" },
 					children: "—"
 				})
@@ -535,7 +535,7 @@ function lt({ screen: e, entity: t, entityCode: n, record: r, refs: i, objectSta
 			continue;
 		}
 		if (t.fields.get(e) || t.files?.get(e)) {
-			let a = Re({
+			let a = Le({
 				entity: t,
 				entityCode: n,
 				fieldName: e,
@@ -554,7 +554,7 @@ function lt({ screen: e, entity: t, entityCode: n, record: r, refs: i, objectSta
 			continue;
 		}
 	}
-	return l.length === 0 ? null : /* @__PURE__ */ R(ct, { items: l });
+	return l.length === 0 ? null : /* @__PURE__ */ z(ct, { items: l });
 }
 //#endregion
 //#region src/components/shared/AuditMetaStrip.tsx
@@ -563,7 +563,7 @@ function ut(e) {
 }
 function dt({ lines: e }) {
 	let t = e.filter(ut);
-	return t.length === 0 ? null : /* @__PURE__ */ R("div", {
+	return t.length === 0 ? null : /* @__PURE__ */ z("div", {
 		style: {
 			display: "flex",
 			flexWrap: "wrap",
@@ -575,18 +575,18 @@ function dt({ lines: e }) {
 			fontSize: 11.5,
 			color: "var(--text-3)"
 		},
-		children: t.map((e, t) => /* @__PURE__ */ R(G, { line: e }, t))
+		children: t.map((e, t) => /* @__PURE__ */ z(K, { line: e }, t))
 	});
 }
-function G({ line: e }) {
-	return /* @__PURE__ */ z("div", {
+function K({ line: e }) {
+	return /* @__PURE__ */ B("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
 			gap: 8,
 			minWidth: 0
 		},
-		children: [/* @__PURE__ */ R("span", {
+		children: [/* @__PURE__ */ z("span", {
 			style: {
 				fontSize: 11,
 				fontWeight: 600,
@@ -594,7 +594,7 @@ function G({ line: e }) {
 				flexShrink: 0
 			},
 			children: e.label
-		}), /* @__PURE__ */ z("span", {
+		}), /* @__PURE__ */ B("span", {
 			style: {
 				display: "inline-flex",
 				alignItems: "center",
@@ -602,15 +602,15 @@ function G({ line: e }) {
 				minWidth: 0
 			},
 			children: [
-				e.by != null && /* @__PURE__ */ R("span", {
+				e.by != null && /* @__PURE__ */ z("span", {
 					style: { color: "var(--text-2)" },
 					children: e.by
 				}),
-				e.by != null && e.at != null && /* @__PURE__ */ R("span", {
+				e.by != null && e.at != null && /* @__PURE__ */ z("span", {
 					style: { color: "var(--text-4)" },
 					children: "·"
 				}),
-				e.at != null && /* @__PURE__ */ R("span", {
+				e.at != null && /* @__PURE__ */ z("span", {
 					className: "num",
 					children: e.at
 				})
@@ -626,7 +626,7 @@ function ft({ screen: e, entity: t, entityCode: n, record: r, refs: i, schema: a
 	let c = (e) => {
 		if (!e || !t.fields.get(e)) return;
 		let s = r[e];
-		if (s != null && s !== "") return Re({
+		if (s != null && s !== "") return Le({
 			entity: t,
 			entityCode: n,
 			fieldName: e,
@@ -651,7 +651,7 @@ function ft({ screen: e, entity: t, entityCode: n, record: r, refs: i, schema: a
 		at: c("updated_at"),
 		by: c("updated_by")
 	}];
-	return /* @__PURE__ */ R(dt, { lines: l });
+	return /* @__PURE__ */ z(dt, { lines: l });
 }
 //#endregion
 //#region src/components/detail-layout/EvidenceBlock.tsx
@@ -662,13 +662,13 @@ function pt(e) {
 }
 function mt({ evidence: e }) {
 	let t = e?.verdict ?? "unverified", n = pt(e?.verified_at), r = [];
-	return n && r.push(`Verified ${n}`), e?.seq && r.push(`chain #${e.seq}`), e?.checkpoint_number && r.push(`checkpoint ${e.checkpoint_number}`), e?.generation && r.push(`generation ${e.generation}`), /* @__PURE__ */ z("div", {
+	return n && r.push(`Verified ${n}`), e?.seq && r.push(`chain #${e.seq}`), e?.checkpoint_number && r.push(`checkpoint ${e.checkpoint_number}`), e?.generation && r.push(`generation ${e.generation}`), /* @__PURE__ */ B("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 6
 		},
-		children: [/* @__PURE__ */ z("div", {
+		children: [/* @__PURE__ */ B("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
@@ -676,7 +676,7 @@ function mt({ evidence: e }) {
 				flexWrap: "wrap"
 			},
 			children: [
-				/* @__PURE__ */ R("span", {
+				/* @__PURE__ */ z("span", {
 					style: {
 						fontSize: 12,
 						fontWeight: 600,
@@ -684,13 +684,13 @@ function mt({ evidence: e }) {
 					},
 					children: "Evidence"
 				}),
-				/* @__PURE__ */ R(C, {
-					tone: be(t),
+				/* @__PURE__ */ z(C, {
+					tone: ve(t),
 					size: "sm",
 					dot: !0,
-					children: ve(t)
+					children: j(t)
 				}),
-				r.length > 0 && /* @__PURE__ */ R("span", {
+				r.length > 0 && /* @__PURE__ */ z("span", {
 					style: {
 						fontSize: 12,
 						color: "var(--muted-foreground)"
@@ -698,7 +698,7 @@ function mt({ evidence: e }) {
 					children: r.join(" · ")
 				})
 			]
-		}), e?.reason && /* @__PURE__ */ R("span", {
+		}), e?.reason && /* @__PURE__ */ z("span", {
 			style: {
 				fontSize: 12,
 				color: "var(--destructive)"
@@ -709,38 +709,38 @@ function mt({ evidence: e }) {
 }
 //#endregion
 //#region src/components/shared/RecordHeader.tsx
-function ht({ icon: t, avatarName: n, title: r, recordId: i, description: a, highlights: o, mode: s, dirty: c = !1, showBack: l = !1, onBack: u, right: d, identityControls: f, showTitle: p = !0 }) {
-	let m = se(), h = m.category === "phone" || m.width <= 520;
-	return /* @__PURE__ */ z("div", {
+var ht = 180, gt = 160;
+function q({ icon: t, avatarName: n, title: r, recordId: i, description: a, highlights: o, mode: s, dirty: c = !1, showBack: l = !1, onBack: u, right: d, identityControls: f, showTitle: p = !0 }) {
+	return /* @__PURE__ */ B("div", {
 		style: {
 			display: "flex",
 			alignItems: "flex-start",
 			gap: 10,
-			flexWrap: h ? "wrap" : "nowrap",
+			flexWrap: "wrap",
 			minWidth: 0
 		},
 		children: [
-			p && l && /* @__PURE__ */ R("div", {
+			p && l && /* @__PURE__ */ z("div", {
 				style: {
 					paddingTop: 4,
 					flexShrink: 0
 				},
-				children: /* @__PURE__ */ R(ae, {
+				children: /* @__PURE__ */ z(ae, {
 					size: 26,
-					icon: /* @__PURE__ */ R(e.back, { size: 14 }),
+					icon: /* @__PURE__ */ z(e.back, { size: 14 }),
 					title: "Back",
 					onClick: u
 				})
 			}),
-			p && (n || t) && /* @__PURE__ */ R("div", {
+			p && (n || t) && /* @__PURE__ */ z("div", {
 				style: {
 					flexShrink: 0,
 					paddingTop: 2
 				},
-				children: n ? /* @__PURE__ */ R(A, {
+				children: n ? /* @__PURE__ */ z(O, {
 					name: n,
 					size: 32
-				}) : /* @__PURE__ */ R("span", {
+				}) : /* @__PURE__ */ z("span", {
 					style: {
 						width: 32,
 						height: 32,
@@ -754,89 +754,85 @@ function ht({ icon: t, avatarName: n, title: r, recordId: i, description: a, hig
 					children: t
 				})
 			}),
-			p && /* @__PURE__ */ z("div", {
-				style: {
-					flex: "1 1 0",
-					minWidth: 0
-				},
-				children: [/* @__PURE__ */ z("div", {
+			p && /* @__PURE__ */ B(rt, { children: [
+				/* @__PURE__ */ z("h1", {
 					style: {
-						display: "flex",
+						margin: 0,
+						fontSize: "var(--page-title-size, var(--page-title-size-detail))",
+						fontWeight: 600,
+						letterSpacing: 0,
+						lineHeight: "var(--page-title-line-height, var(--page-title-line-height-detail))",
+						color: "var(--text)",
+						minWidth: gt,
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap",
+						overflowWrap: "anywhere",
+						maxWidth: "100%",
+						flexGrow: 0,
+						flexShrink: 1,
+						flexBasis: "auto"
+					},
+					children: r
+				}),
+				i && /* @__PURE__ */ z(k, { value: i }),
+				a && /* @__PURE__ */ z(xe, {
+					label: a,
+					"data-testid": "detail-description-info"
+				}),
+				f,
+				s === "edit" && c && /* @__PURE__ */ B("span", {
+					style: {
+						display: "inline-flex",
 						alignItems: "center",
-						gap: 8,
-						flexWrap: "wrap"
+						gap: 5,
+						fontSize: 11,
+						color: "var(--warn)"
 					},
-					children: [
-						/* @__PURE__ */ R("h1", {
-							style: {
-								margin: 0,
-								fontSize: "var(--page-title-size, var(--page-title-size-detail))",
-								fontWeight: 600,
-								letterSpacing: 0,
-								lineHeight: "var(--page-title-line-height, var(--page-title-line-height-detail))",
-								color: "var(--text)",
-								minWidth: 0,
-								overflow: "hidden",
-								textOverflow: "ellipsis",
-								whiteSpace: h ? "normal" : "nowrap",
-								overflowWrap: "anywhere",
-								maxWidth: "100%"
-							},
-							children: r
-						}),
-						i && /* @__PURE__ */ R(O, { value: i }),
-						a && /* @__PURE__ */ R(k, {
-							label: a,
-							"data-testid": "detail-description-info"
-						}),
-						f,
-						s === "edit" && c && /* @__PURE__ */ z("span", {
-							style: {
-								display: "inline-flex",
-								alignItems: "center",
-								gap: 5,
-								fontSize: 11,
-								color: "var(--warn)"
-							},
-							children: [/* @__PURE__ */ R("span", { style: {
-								width: 6,
-								height: 6,
-								borderRadius: 999,
-								background: "var(--warn)"
-							} }), "Unsaved"]
-						}),
-						s === "create" && /* @__PURE__ */ R(C, {
-							tone: "violet",
-							size: "xs",
-							dot: !0,
-							children: "New record"
-						})
-					]
-				}), o && s === "display" && /* @__PURE__ */ R("div", {
-					style: { marginTop: 8 },
-					children: o
-				})]
-			}),
-			d && /* @__PURE__ */ R("div", {
+					children: [/* @__PURE__ */ z("span", { style: {
+						width: 6,
+						height: 6,
+						borderRadius: 999,
+						background: "var(--warn)"
+					} }), "Unsaved"]
+				}),
+				s === "create" && /* @__PURE__ */ z(C, {
+					tone: "violet",
+					size: "xs",
+					dot: !0,
+					children: "New record"
+				})
+			] }),
+			d && /* @__PURE__ */ z("div", {
 				role: "toolbar",
 				"aria-label": "Page actions",
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: 6,
-					flex: h ? "1 1 100%" : "0 1 auto",
+					flexGrow: 1,
+					flexShrink: 1,
+					flexBasis: "auto",
+					marginLeft: "auto",
+					minWidth: ht,
 					flexWrap: "wrap",
-					justifyContent: h ? "flex-start" : "flex-end",
-					minWidth: 0
+					justifyContent: "flex-end"
 				},
 				children: d
+			}),
+			o && s === "display" && /* @__PURE__ */ z("div", {
+				style: {
+					flexBasis: "100%",
+					minWidth: 0
+				},
+				children: o
 			})
 		]
 	});
 }
 //#endregion
 //#region src/lib/children-validation.ts
-function gt(e, t, n) {
+function _t(e, t, n) {
 	let r = [];
 	for (let [i, a] of e.fields) {
 		if (!a.required || a.auto || n && a.primary || e.tenant_key && i === e.tenant_key || a.default !== void 0 && a.default !== null) continue;
@@ -845,17 +841,17 @@ function gt(e, t, n) {
 	}
 	return r;
 }
-var _t = /^[^@\s]+@[^@\s]+\.[^@\s]+$/;
-function vt(e, t) {
+var vt = /^[^@\s]+@[^@\s]+\.[^@\s]+$/;
+function yt(e, t) {
 	let n = [];
 	for (let [r, i] of e.fields) {
 		if (i.type !== "email") continue;
 		let e = t[r];
-		typeof e == "string" && e !== "" && !_t.test(e) && n.push(r);
+		typeof e == "string" && e !== "" && !vt.test(e) && n.push(r);
 	}
 	return n;
 }
-function K(e, t) {
+function bt(e, t) {
 	let n = /* @__PURE__ */ new Set();
 	for (let r of Object.values(t.entities)) if (r.children) {
 		for (let t of r.children) if (t.entity === e && t.foreign_key) {
@@ -865,13 +861,13 @@ function K(e, t) {
 	}
 	return n;
 }
-function yt(e, t) {
+function xt(e, t) {
 	if (!e || !t) return {};
 	let n = {};
 	for (let [r, i] of Object.entries(e)) {
 		let e = t.entities[r];
 		if (!e) continue;
-		let a = K(r, t), o = [];
+		let a = bt(r, t), o = [];
 		for (let [t, n] of e.fields) e.tenant_key && t === e.tenant_key || n.required && !n.auto && !n.primary && !a.has(t) && o.push(t);
 		if (o.length !== 0) for (let e of i) {
 			if (e._deleted) continue;
@@ -887,21 +883,21 @@ function yt(e, t) {
 }
 //#endregion
 //#region src/components/pages/SmartDetailPage.impl.tsx
-var bt = () => {};
-function xt(e, t) {
+var St = () => {};
+function Ct(e, t) {
 	return e.length === t.length && JSON.stringify(e) === JSON.stringify(t);
 }
-function St(e, t) {
+function wt(e, t) {
 	if (e) {
 		let n = ue(e, t), r = ie(n);
 		if (r.replace(/^\|+|\|+$/g, "")) return r;
 	}
 	return t.id == null ? crypto.randomUUID() : m(t.id);
 }
-function q({ screenCode: e }) {
-	return /* @__PURE__ */ R(h, { children: /* @__PURE__ */ R(Ct, { screenCode: e }) });
+function Tt({ screenCode: e }) {
+	return /* @__PURE__ */ z(h, { children: /* @__PURE__ */ z(Et, { screenCode: e }) });
 }
-function Ct({ screenCode: t }) {
+function Et({ screenCode: t }) {
 	let { id: n } = et(), a = te(), [s, c] = tt(), { data: m } = i(), h = re((e) => e.user), g = u(), y = se(), b = m?.screens[t], S = b?.entity ? m?.entities[b.entity] : void 0, C = b?.entity, w = x(S, "create"), T = x(S, "update"), ne = x(S, "restore"), E = (() => {
 		if (!S || !S.singleton || !S.prefilter) return;
 		let e = le(S);
@@ -909,7 +905,7 @@ function Ct({ screenCode: t }) {
 		let t = S.prefilter[e[0]];
 		if (t === "$caller.user_id") return h?.id;
 		if (t === "$caller.tenant_id") return h?.tenant?.id;
-	})(), D = E !== void 0, O = D ? E : n, k = !D && O === "new", A = F(() => {
+	})(), D = E !== void 0, O = D ? E : n, k = !D && O === "new", A = I(() => {
 		if (!O || k) return;
 		if (!S) return O;
 		let e = le(S);
@@ -923,16 +919,16 @@ function Ct({ screenCode: t }) {
 		O,
 		k,
 		S
-	]), j = F(() => {
+	]), ge = I(() => {
 		if (A) return typeof A == "string" ? A : ie(A);
-	}, [A]), ge = Ie(C, A), { data: _e, isLoading: ve, error: be } = ge, xe = Me((e) => e.degradedEntities), De = C ? Ee(S?.realtime, xe, C) : !1;
-	pe(ze(C, A), !k);
-	let Oe = Te(C ?? ""), Le = we(C ?? ""), Re = Be(C ?? ""), Ue = Object.keys(S?.status_groups ?? {}).length > 0, Ge = _e?.data, Ke = Ge?.$statuses, qe = Ge?.$properties, Je = s.get("edit") === "true", [M, Ze] = I(k || Je), [L, nt] = I({}), [B, V] = I({}), [H, ot] = I({}), [U, W] = I(void 0), [ct, ut] = I(!1), [dt, G] = I(void 0), [pt, ht] = I(!1), _t = k ? w : T, K = M && _t, q = oe();
-	ee(K && !k, q.enabled);
-	let [Ct, Tt] = I(() => {
+	}, [A]), j = Fe(C, A), { data: ve, isLoading: ye, error: M } = j, xe = Me((e) => e.degradedEntities), Ee = C ? Te(S?.realtime, xe, C) : !1;
+	be(ze(C, A), !k);
+	let De = we(C ?? ""), Ae = Ce(C ?? ""), Le = Be(C ?? ""), Re = Object.keys(S?.status_groups ?? {}).length > 0, Ue = ve?.data, Ke = Ue?.$statuses, qe = Ue?.$properties, Je = s.get("edit") === "true", [N, Ze] = L(k || Je), [R, nt] = L({}), [V, H] = L({}), [U, ot] = L({}), [W, G] = L(void 0), [ct, ut] = L(!1), [dt, K] = L(void 0), [pt, ht] = L(!1), gt = k ? w : T, q = N && gt, vt = oe();
+	ee(q && !k, vt.enabled);
+	let [bt, Tt] = L(() => {
 		let e = parseInt(b?.sidebar_width || "380", 10);
 		return isNaN(e) ? 380 : e;
-	}), Et = Qe(null), J = Qe(null), Ot = N((e) => {
+	}), Et = Qe(null), J = Qe(null), Ot = P((e) => {
 		e.preventDefault();
 		let t = Et.current;
 		if (!t) return;
@@ -949,30 +945,30 @@ function Ct({ screenCode: t }) {
 			J.current && t && Tt(parseInt(t.style.width, 10) || J.current.startW), J.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
 		};
 		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
-	}, []), Y = _e?.data, X = ke(S, b, Y ?? {});
-	P(() => {
+	}, []), Y = ve?.data, X = Oe(S, b, Y ?? {});
+	F(() => {
 		let e = parseInt(X?.sidebar_width || "380", 10);
 		Tt(Number.isNaN(e) ? 380 : e);
 	}, [X?.sidebar_width]);
-	let Z = typeof Y?.$row_version == "string" ? Y.$row_version : void 0, kt = Y?.$refs, At = Qe(Z);
-	P(() => {
+	let Z = typeof Y?.$row_version == "string" ? Y.$row_version : void 0, At = Y?.$refs, jt = Qe(Z);
+	F(() => {
 		if (!Z) return;
-		let e = At.current;
-		At.current = Z, e && e !== Z && M && ut(!0);
-	}, [M, Z]);
-	let jt = !!S?.soft_delete && Y != null && Y[S.soft_delete] != null, Mt = $e(), Nt = Qe(null);
-	me({ scrollElementRef: Nt });
-	let Pt = !k && be instanceof ce && be.status === 404, Ft = k && !de(S), It = Qe(null);
-	P(() => {
-		if (!Pt) return;
-		let e = Se(Mt);
-		It.current !== e && (It.current = e, fe.getState().kill(e));
-	}, [Pt, Mt]);
-	let { openTab: Lt, updateTabTitle: Rt, findTabByPathname: zt } = Fe();
-	P(() => {
-		if (!S || D || q.enabled) return;
-		let e = Mt.pathname, t = v(X?.display?.name) || v(S.display.name), n = X?.display?.icon || S.display.icon;
-		zt(e) || Lt({
+		let e = jt.current;
+		jt.current = Z, e && e !== Z && N && ut(!0);
+	}, [N, Z]);
+	let Mt = !!S?.soft_delete && Y != null && Y[S.soft_delete] != null, Nt = $e(), Pt = Qe(null);
+	me({ scrollElementRef: Pt });
+	let Ft = !k && M instanceof ce && M.status === 404, It = k && !de(S), Lt = Qe(null);
+	F(() => {
+		if (!Ft) return;
+		let e = pe(Nt);
+		Lt.current !== e && (Lt.current = e, fe.getState().kill(e));
+	}, [Ft, Nt]);
+	let { openTab: Rt, updateTabTitle: zt, findTabByPathname: Bt } = Ge();
+	F(() => {
+		if (!S || D || vt.enabled) return;
+		let e = Nt.pathname, t = v(X?.display?.name) || v(S.display.name), n = X?.display?.icon || S.display.icon;
+		Bt(e) || Rt({
 			pathname: e,
 			search: "",
 			title: k ? `New ${t}` : t,
@@ -980,40 +976,40 @@ function Ct({ screenCode: t }) {
 			closable: !0
 		});
 	}, [
-		Mt.pathname,
+		Nt.pathname,
 		X?.display?.name?.en,
 		S?.display.name?.en,
 		X?.display?.icon,
 		S?.display.icon,
 		k,
 		D,
-		q.enabled
-	]), P(() => {
-		if (!Y || !S || D || q.enabled) return;
-		let e = zt(Mt.pathname);
+		vt.enabled
+	]), F(() => {
+		if (!Y || !S || D || vt.enabled) return;
+		let e = Bt(Nt.pathname);
 		if (e) {
 			let t = v(X?.display?.name) || v(S.display.name), n = o(Y, S), r = n && !String(n).startsWith("/") ? String(n) : t;
-			Rt(e.id, r);
+			zt(e.id, r);
 		}
 	}, [
 		Y,
 		S?.display.name?.en,
 		S?.display.display_field,
-		Mt.pathname,
+		Nt.pathname,
 		D,
-		q.enabled
+		vt.enabled
 	]);
-	let Bt = F(() => {
-		if (!S || !_t) return /* @__PURE__ */ new Set();
+	let Vt = I(() => {
+		if (!S || !gt) return /* @__PURE__ */ new Set();
 		let e = /* @__PURE__ */ new Set();
 		for (let [t, n] of S.fields) !n.auto && !n.primary && e.add(t);
 		for (let [t] of S.files ?? []) e.add(t);
 		return e;
-	}, [S, _t]);
-	P(() => {
+	}, [S, gt]);
+	F(() => {
 		if (!(!Je || !Y || !S || !T)) {
-			if (M || Ze(!0), Object.keys(L).length === 0) {
-				let e = O ? ye(O) : null;
+			if (N || Ze(!0), Object.keys(R).length === 0) {
+				let e = O ? _e(O) : null;
 				if (e) {
 					let t = Ne({
 						entity: S,
@@ -1029,17 +1025,17 @@ function Ct({ screenCode: t }) {
 					});
 				}
 				let t = {};
-				Bt.forEach((n) => {
+				Vt.forEach((n) => {
 					let r = e ? e[n] : void 0;
 					if (r !== void 0) {
 						t[n] = r;
 						return;
 					}
-					let i = Ce(S, Y, n);
-					t[n] = Ae(S, n) ? i ?? null : i ?? "";
+					let i = Se(S, Y, n);
+					t[n] = ke(S, n) ? i ?? null : i ?? "";
 				}), nt(t);
 			}
-			if (S.children !== void 0 && S.children.length > 0 && U === void 0) {
+			if (S.children !== void 0 && S.children.length > 0 && W === void 0) {
 				let e = Y.$children;
 				if (e && Object.keys(e).length > 0) {
 					let t = {};
@@ -1047,11 +1043,11 @@ function Ct({ screenCode: t }) {
 						let e = m?.entities[n];
 						t[n] = r.map((t) => ({
 							...t,
-							_key: St(e, t)
+							_key: wt(e, t)
 						}));
 					}
-					W(t), G(e);
-				} else W({}), G({});
+					G(t), K(e);
+				} else G({}), K({});
 			}
 			c((e) => {
 				let t = new URLSearchParams(e);
@@ -1061,110 +1057,110 @@ function Ct({ screenCode: t }) {
 	}, [
 		Je,
 		Y,
-		Bt,
+		Vt,
 		T,
 		S,
-		U,
+		W,
 		m
-	]), P(() => {
-		!k || !w || !S?.children || S.children.length === 0 || U === void 0 && (W({}), G({}));
+	]), F(() => {
+		!k || !w || !S?.children || S.children.length === 0 || W === void 0 && (G({}), K({}));
 	}, [
 		k,
 		w,
 		S?.children
 	]);
-	let Vt = N(async () => {
+	let Ht = P(async () => {
 		if (await g.flushAllDrafts(), k) {
 			let e = X?.route?.replace("/:id", "") ?? "/";
 			a(e);
-		} else Ze(!1), nt({}), V({}), ot({}), W(void 0), G(void 0), ht(!1);
+		} else Ze(!1), nt({}), H({}), ot({}), G(void 0), K(void 0), ht(!1);
 	}, [
 		g,
 		k,
 		X,
 		a
-	]), Ht = N((e, t) => {
+	]), Ut = P((e, t) => {
 		nt((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), Q = F(() => {
+	}, []), Q = I(() => {
 		if (!X?.route) return "/";
 		let e = X.route.split("/");
 		return e.pop(), e.join("/") || "/";
-	}, [X]), Ut = F(() => !m?.screens || !Q || Q === "/" ? !1 : Object.values(m.screens).some((e) => e.route === Q), [m, Q]), Wt = N(() => {
-		if (!Ut) {
+	}, [X]), Wt = I(() => !m?.screens || !Q || Q === "/" ? !1 : Object.values(m.screens).some((e) => e.route === Q), [m, Q]), Gt = P(() => {
+		if (!Wt) {
 			a("/");
 			return;
 		}
-		let e = zt(Q)?.search ?? "";
+		let e = Bt(Q)?.search ?? "";
 		a(e ? `${Q}?${e}` : Q);
 	}, [
-		Ut,
+		Wt,
 		Q,
-		zt,
+		Bt,
 		a
-	]), Gt = We({ fallback: Wt }), Kt = !D && (Gt.hasOriginBack || Gt.allowFallbackBack && !!Ut), qt = r(), Jt = F(() => {
+	]), Kt = We({ fallback: Gt }), qt = !D && (Kt.hasOriginBack || Kt.allowFallbackBack && !!Wt), Jt = r(), Yt = I(() => {
 		if (!S) return {};
 		let e = {};
-		for (let t of gt(S, L, k)) Bt.has(t) && (e[t] = "Required");
-		for (let t of vt(S, L)) Bt.has(t) && (e[t] = "Invalid email address");
+		for (let t of _t(S, R, k)) Vt.has(t) && (e[t] = "Required");
+		for (let t of yt(S, R)) Vt.has(t) && (e[t] = "Invalid email address");
 		return e;
 	}, [
 		S,
-		L,
+		R,
 		k,
-		Bt
-	]), Yt = Object.keys(Jt).length > 0, Xt = N(() => {
-		if (!C || !S || k && !w || !k && !T || (ht(!0), Yt)) return;
+		Vt
+	]), Xt = Object.keys(Yt).length > 0, Zt = P(() => {
+		if (!C || !S || k && !w || !k && !T || (ht(!0), Xt)) return;
 		let e = {}, t = Ne({
 			entity: S,
-			formData: L,
+			formData: R,
 			record: Y,
 			isNew: k
 		}), n = Pe(t);
-		if (k) for (let [t, n] of Object.entries(L)) {
+		if (k) for (let [t, n] of Object.entries(R)) {
 			if (S.files?.has(t)) continue;
 			let r = Ve(S, t, n);
 			r !== "" && r != null && (e[t] = r);
 		}
 		else {
-			for (let [t, n] of Object.entries(L)) {
+			for (let [t, n] of Object.entries(R)) {
 				if (S.files?.has(t)) continue;
-				let r = Y ? Ce(S, Y, t) : void 0, i = Ve(S, t, n), a = Ve(S, t, r);
+				let r = Y ? Se(S, Y, t) : void 0, i = Ve(S, t, n), a = Ve(S, t, r);
 				(i === "" ? null : i) !== (a === "" || a === void 0 ? null : a) && (e[t] = i);
 			}
 			Z && (e.$row_version = Z);
 		}
-		if (Object.keys(t).length > 0 && (e.$files = t), Object.keys(B).length > 0 && (e.$statuses = Object.entries(B).map(([e, t]) => ({
+		if (Object.keys(t).length > 0 && (e.$files = t), Object.keys(V).length > 0 && (e.$statuses = Object.entries(V).map(([e, t]) => ({
 			status_group_code: e,
 			status_code: t
-		}))), Object.keys(H).length > 0 && (e.$properties = Object.entries(H).map(([e, t]) => ({
+		}))), Object.keys(U).length > 0 && (e.$properties = Object.entries(U).map(([e, t]) => ({
 			property_code: e,
 			value: t
-		}))), U) {
+		}))), W) {
 			let t = {};
-			for (let [e, n] of Object.entries(U)) {
+			for (let [e, n] of Object.entries(W)) {
 				let r = n.filter((e) => !e._deleted).map((e) => {
 					let { _key: t, _deleted: n, _dirty: r, ...i } = e;
 					return i;
 				}), i = dt?.[e] ?? [];
-				(k || !xt(r, i)) && (t[e] = r);
+				(k || !Ct(r, i)) && (t[e] = r);
 			}
 			Object.keys(t).length > 0 && (e.$children = t);
 		}
 		if (!k && Object.keys(e).length === 0) {
-			Ze(!1), V({}), ot({}), W(void 0), G(void 0), ht(!1);
+			Ze(!1), H({}), ot({}), G(void 0), K(void 0), ht(!1);
 			return;
 		}
 		let r = () => {
-			Ze(!1), ut(!1), ht(!1), V({}), ot({}), W(void 0), G(void 0);
+			Ze(!1), ut(!1), ht(!1), H({}), ot({}), G(void 0), K(void 0);
 		};
-		k ? Oe.mutate(e, { onSuccess: (e) => {
+		k ? De.mutate(e, { onSuccess: (e) => {
 			n.forEach((e) => g.markCommitted(e));
 			let t = e.data, i = S ? ue(S, t) : {}, o = ie(i);
 			a(o ? `${Q}/${encodeURIComponent(o)}` : Q, { replace: !0 }), r();
-		} }) : A && Le.mutate({
+		} }) : A && Ae.mutate({
 			pkValues: A,
 			data: e
 		}, {
@@ -1181,49 +1177,49 @@ function Ct({ screenCode: t }) {
 		w,
 		T,
 		C,
-		L,
-		Yt,
-		B,
-		H,
+		R,
+		Xt,
+		V,
 		U,
+		W,
 		dt,
-		Oe,
-		Le,
+		De,
+		Ae,
 		S,
 		a,
 		Q,
 		Y,
 		Z,
 		A
-	]), Zt = N((e, t) => {
-		W((n) => ({
+	]), Qt = P((e, t) => {
+		G((n) => ({
 			...n ?? {},
 			[e]: t
 		}));
-	}, []), Qt = N(() => {
-		!A || k || !ne || Re.mutate(A);
+	}, []), $t = P(() => {
+		!A || k || !ne || Le.mutate(A);
 	}, [
 		A,
 		k,
 		ne,
-		Re
-	]), $t = F(() => yt(U, m), [U, m]), en = Object.keys($t).length > 0;
+		Le
+	]), en = I(() => xt(W, m), [W, m]), tn = Object.keys(en).length > 0;
 	if (!X || !S) return null;
-	if (!k && ve) return /* @__PURE__ */ R(je, {});
-	if (Ft) return /* @__PURE__ */ z("div", {
+	if (!k && ye) return /* @__PURE__ */ z(je, {});
+	if (It) return /* @__PURE__ */ B("div", {
 		style: { padding: 24 },
-		children: [/* @__PURE__ */ z("div", {
+		children: [/* @__PURE__ */ B("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: 8,
 				marginBottom: 8
 			},
-			children: [Kt && /* @__PURE__ */ R(ae, {
-				icon: /* @__PURE__ */ R(e.back, { size: 14 }),
-				onClick: Gt.goBack,
+			children: [qt && /* @__PURE__ */ z(ae, {
+				icon: /* @__PURE__ */ z(e.back, { size: 14 }),
+				onClick: Kt.goBack,
 				title: "Back"
-			}), /* @__PURE__ */ R("h1", {
+			}), /* @__PURE__ */ z("h1", {
 				style: {
 					margin: 0,
 					fontSize: 18,
@@ -1232,25 +1228,25 @@ function Ct({ screenCode: t }) {
 				},
 				children: "Not Available"
 			})]
-		}), /* @__PURE__ */ R("p", {
+		}), /* @__PURE__ */ z("p", {
 			style: { color: "var(--text-3)" },
 			children: "This record type is not created from a form."
 		})]
 	});
-	if (!k && !Y || Pt) return /* @__PURE__ */ z("div", {
+	if (!k && !Y || Ft) return /* @__PURE__ */ B("div", {
 		style: { padding: 24 },
-		children: [/* @__PURE__ */ z("div", {
+		children: [/* @__PURE__ */ B("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: 8,
 				marginBottom: 8
 			},
-			children: [Kt && /* @__PURE__ */ R(ae, {
-				icon: /* @__PURE__ */ R(e.back, { size: 14 }),
-				onClick: Gt.goBack,
+			children: [qt && /* @__PURE__ */ z(ae, {
+				icon: /* @__PURE__ */ z(e.back, { size: 14 }),
+				onClick: Kt.goBack,
 				title: "Back"
-			}), /* @__PURE__ */ R("h1", {
+			}), /* @__PURE__ */ z("h1", {
 				style: {
 					margin: 0,
 					fontSize: 18,
@@ -1259,35 +1255,35 @@ function Ct({ screenCode: t }) {
 				},
 				children: "Not Found"
 			})]
-		}), /* @__PURE__ */ R("p", {
+		}), /* @__PURE__ */ z("p", {
 			style: { color: "var(--text-3)" },
 			children: "Record not found."
 		})]
 	});
-	let tn = S.display, nn = v(X.display?.name) || v(tn.name), rn = o(Y, S), an = k ? `New ${nn}` : rn ? String(rn) : nn, on = Oe.isPending || Le.isPending, sn = X.responsive?.[y.category]?.layout, cn = sn?.tabs ?? (y.isPhone ? "sections" : void 0), ln = sn?.header_card === !0 ? He({
+	let nn = S.display, rn = v(X.display?.name) || v(nn.name), an = o(Y, S), on = k ? `New ${rn}` : an ? String(an) : rn, sn = De.isPending || Ae.isPending, cn = X.responsive?.[y.category]?.layout, ln = cn?.tabs ?? (y.isPhone ? "sections" : void 0), un = cn?.header_card === !0 ? He({
 		entity: S,
 		screen: X
 	}) : void 0, $ = {
 		schema: m,
 		entity: S,
 		entityCode: C,
-		recordId: j ?? O ?? "",
-		record: K ? {
+		recordId: ge ?? O ?? "",
+		record: q ? {
 			...Y ?? {},
-			...L
+			...R
 		} : Y ?? {},
 		isNew: k,
-		mode: K ? "edit" : "display",
-		onFieldChange: K ? Ht : void 0,
-		refs: kt,
+		mode: q ? "edit" : "display",
+		onFieldChange: q ? Ut : void 0,
+		refs: At,
 		objectProperties: (() => {
 			let e = qe ?? [];
-			if (!K || Object.keys(H).length === 0) return e.length > 0 ? e : void 0;
-			let t = e.map((e) => H[e.property_code] === void 0 ? e : {
+			if (!q || Object.keys(U).length === 0) return e.length > 0 ? e : void 0;
+			let t = e.map((e) => U[e.property_code] === void 0 ? e : {
 				...e,
-				value: H[e.property_code]
+				value: U[e.property_code]
 			});
-			for (let [n, r] of Object.entries(H)) e.some((e) => e.property_code === n) || t.push({
+			for (let [n, r] of Object.entries(U)) e.some((e) => e.property_code === n) || t.push({
 				property_code: n,
 				name: {},
 				type: "string",
@@ -1295,19 +1291,19 @@ function Ct({ screenCode: t }) {
 			});
 			return t;
 		})(),
-		onSetProperty: k || !T ? void 0 : K ? (e, t) => ot((n) => ({
+		onSetProperty: k || !T ? void 0 : q ? (e, t) => ot((n) => ({
 			...n,
 			[e]: t
 		})) : void 0,
 		isPropertyPending: !1,
 		objectStatuses: (() => {
 			let e = Ke ?? [];
-			if (!K || Object.keys(B).length === 0) return e.length > 0 ? e : void 0;
-			let t = e.map((e) => B[e.group_code] === void 0 ? e : {
+			if (!q || Object.keys(V).length === 0) return e.length > 0 ? e : void 0;
+			let t = e.map((e) => V[e.group_code] === void 0 ? e : {
 				...e,
-				status_code: B[e.group_code]
+				status_code: V[e.group_code]
 			});
-			for (let [n, r] of Object.entries(B)) e.some((e) => e.group_code === n) || t.push({
+			for (let [n, r] of Object.entries(V)) e.some((e) => e.group_code === n) || t.push({
 				group_code: n,
 				status_code: r,
 				status_name: {},
@@ -1315,36 +1311,36 @@ function Ct({ screenCode: t }) {
 			});
 			return t;
 		})(),
-		onSetStatus: k || !T ? void 0 : K ? (e, t) => V((n) => ({
+		onSetStatus: k || !T ? void 0 : q ? (e, t) => H((n) => ({
 			...n,
 			[e]: t
 		})) : void 0,
 		isStatusPending: !1,
-		pendingChildren: K ? U : void 0,
-		onChildrenChange: K ? Zt : void 0,
-		childValidationErrors: K ? $t : void 0,
-		fieldErrors: K && pt ? Jt : void 0,
-		detailTabsPresentation: cn,
-		relatedRecordsPresentation: sn?.related_records
-	}, un = !!X.sidebar && X.sidebar.length > 0, dn = sn?.sidebar === "hidden", fn = un && !dn && !y.isDesktop, pn = un && !dn && y.isDesktop, mn = !k && Y ? /* @__PURE__ */ R(lt, {
+		pendingChildren: q ? W : void 0,
+		onChildrenChange: q ? Qt : void 0,
+		childValidationErrors: q ? en : void 0,
+		fieldErrors: q && pt ? Yt : void 0,
+		detailTabsPresentation: ln,
+		relatedRecordsPresentation: cn?.related_records
+	}, dn = !!X.sidebar && X.sidebar.length > 0, fn = cn?.sidebar === "hidden", pn = dn && !fn && !y.isDesktop, mn = dn && !fn && y.isDesktop, hn = !k && Y ? /* @__PURE__ */ z(lt, {
 		screen: X,
 		entity: S,
 		entityCode: C,
 		record: Y,
-		refs: kt,
+		refs: At,
 		objectStatuses: Ke,
 		schema: m,
-		locale: qt
-	}) : void 0, hn = /* @__PURE__ */ R(Dt, {
-		title: an,
+		locale: Jt
+	}) : void 0, gn = /* @__PURE__ */ z(kt, {
+		title: on,
 		recordId: O,
-		editing: K,
+		editing: q,
 		isNew: k,
-		isRecordDeleted: jt,
-		dirty: M,
-		isSaving: on,
-		hasChildErrors: en,
-		hasFieldErrors: pt && Yt,
+		isRecordDeleted: Mt,
+		dirty: N,
+		isSaving: sn,
+		hasChildErrors: tn,
+		hasFieldErrors: pt && Xt,
 		canRestore: ne,
 		entity: S,
 		screen: X,
@@ -1353,23 +1349,23 @@ function Ct({ screenCode: t }) {
 		record: Y,
 		id: O,
 		listRoute: Q,
-		listRouteExists: !!Ut,
-		highlights: mn,
-		showBack: Kt,
-		onBack: Gt.goBack,
-		onCancelEdit: Vt,
-		onSave: Xt,
-		onRestore: Qt,
-		isRestoring: Re.isPending,
+		listRouteExists: !!Wt,
+		highlights: hn,
+		showBack: qt,
+		onBack: Kt.goBack,
+		onCancelEdit: Ht,
+		onSave: Zt,
+		onRestore: $t,
+		isRestoring: Le.isPending,
 		refreshControl: {
-			refetch: ge.refetch,
-			isFetching: ge.isFetching,
-			isLoading: ge.isLoading,
-			isLive: De
+			refetch: j.refetch,
+			isFetching: j.isFetching,
+			isLoading: j.isLoading,
+			isLive: Ee
 		},
 		isRealtimeEntity: S?.realtime === !0,
 		canManageTemplates: he(m)
-	}), gn = jt && /* @__PURE__ */ z("div", {
+	}), _n = Mt && /* @__PURE__ */ B("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -1382,8 +1378,8 @@ function Ct({ screenCode: t }) {
 			color: "var(--danger)",
 			fontSize: 12.5
 		},
-		children: [/* @__PURE__ */ R(e.warning, { size: 14 }), /* @__PURE__ */ z("span", { children: ["This record was deleted on ", d(String(Y[S.soft_delete]))] })]
-	}), _n = ct && /* @__PURE__ */ z("div", {
+		children: [/* @__PURE__ */ z(e.warning, { size: 14 }), /* @__PURE__ */ B("span", { children: ["This record was deleted on ", d(String(Y[S.soft_delete]))] })]
+	}), vn = ct && /* @__PURE__ */ B("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -1396,9 +1392,9 @@ function Ct({ screenCode: t }) {
 			color: "var(--warn)",
 			fontSize: 12.5
 		},
-		children: [/* @__PURE__ */ R(e.warning, { size: 14 }), /* @__PURE__ */ R("span", { children: "This record changed on the server while you were viewing or editing it." })]
-	}), vn = K && pt && Yt && /* @__PURE__ */ R(st, {
-		errors: Object.entries(Jt).map(([e, t]) => {
+		children: [/* @__PURE__ */ z(e.warning, { size: 14 }), /* @__PURE__ */ z("span", { children: "This record changed on the server while you were viewing or editing it." })]
+	}), yn = q && pt && Xt && /* @__PURE__ */ z(st, {
+		errors: Object.entries(Yt).map(([e, t]) => {
 			let n = S.fields.get(e);
 			return {
 				name: e,
@@ -1413,56 +1409,56 @@ function Ct({ screenCode: t }) {
 				behavior: "smooth"
 			}), t.focus?.());
 		}
-	}), yn = Ue && !k && !(X.items && X.items.length > 0) && /* @__PURE__ */ R("div", {
+	}), bn = Re && !k && !(X.items && X.items.length > 0) && /* @__PURE__ */ z("div", {
 		className: "mb-4",
-		children: /* @__PURE__ */ R(Ye, {
+		children: /* @__PURE__ */ z(Ye, {
 			statusGroups: S.status_groups ?? {},
 			objectStatuses: $.objectStatuses,
-			onSetStatus: T && K ? (e, t) => V((n) => ({
+			onSetStatus: T && q ? (e, t) => H((n) => ({
 				...n,
 				[e]: t
-			})) : bt,
+			})) : St,
 			isPending: !1,
-			mode: K ? "edit" : "display"
+			mode: q ? "edit" : "display"
 		})
-	}), bn = S.evidence_covered && !k && Y && /* @__PURE__ */ R("div", {
+	}), xn = S.evidence_covered && !k && Y && /* @__PURE__ */ z("div", {
 		className: "mb-4",
-		children: /* @__PURE__ */ R(mt, { evidence: Y.$evidence })
-	}), xn = /* @__PURE__ */ z(rt, { children: [
-		ln && (Y || k) && /* @__PURE__ */ R(wt, {
-			card: ln,
+		children: /* @__PURE__ */ z(mt, { evidence: Y.$evidence })
+	}), Sn = /* @__PURE__ */ B(rt, { children: [
+		un && (Y || k) && /* @__PURE__ */ z(Dt, {
+			card: un,
 			entity: S,
 			record: $.record,
 			objectStatuses: $.objectStatuses,
 			objectProperties: $.objectProperties
 		}),
-		X.items && X.items.length > 0 && (Y || k) && m && /* @__PURE__ */ R(Xe, {
+		X.items && X.items.length > 0 && (Y || k) && m && /* @__PURE__ */ z(Xe, {
 			nodes: X.items,
 			ctx: $
 		}),
-		!k && O && C && S.associations && Object.keys(S.associations).length > 0 && m && /* @__PURE__ */ R(it, {
+		!k && O && C && S.associations && Object.keys(S.associations).length > 0 && m && /* @__PURE__ */ z(it, {
 			entityCode: C,
-			recordId: j ?? O ?? "",
+			recordId: ge ?? O ?? "",
 			associations: S.associations,
 			schema: m
 		}),
-		!k && O && C && /* @__PURE__ */ R(at, {
+		!k && O && C && /* @__PURE__ */ z(at, {
 			entityCode: C,
-			objectId: j ?? O,
+			objectId: ge ?? O,
 			canGenerateOne: !!S?.documents?.generate_one,
 			canManageTemplates: he(m)
 		}),
-		!k && Y && m && /* @__PURE__ */ R(ft, {
+		!k && Y && m && /* @__PURE__ */ z(ft, {
 			screen: X,
 			entity: S,
 			entityCode: C,
 			record: Y,
-			refs: kt,
+			refs: At,
 			schema: m,
-			locale: qt
+			locale: Jt
 		})
 	] });
-	if (pn) return /* @__PURE__ */ z("div", {
+	if (mn) return /* @__PURE__ */ B("div", {
 		style: {
 			height: "100%",
 			display: "flex",
@@ -1470,7 +1466,7 @@ function Ct({ screenCode: t }) {
 			background: "var(--background)"
 		},
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				style: {
 					flex: 1,
 					minWidth: 0,
@@ -1478,21 +1474,21 @@ function Ct({ screenCode: t }) {
 					flexDirection: "column",
 					height: "100%"
 				},
-				children: [/* @__PURE__ */ z("div", {
+				children: [/* @__PURE__ */ B("div", {
 					style: {
 						flexShrink: 0,
 						padding: "14px 20px 8px"
 					},
 					children: [
-						hn,
-						_n,
 						gn,
 						vn,
+						_n,
 						yn,
-						bn
+						bn,
+						xn
 					]
-				}), /* @__PURE__ */ R("div", {
-					ref: Nt,
+				}), /* @__PURE__ */ z("div", {
+					ref: Pt,
 					style: {
 						flex: 1,
 						minHeight: 0,
@@ -1502,14 +1498,14 @@ function Ct({ screenCode: t }) {
 						flexDirection: "column",
 						gap: 16
 					},
-					children: xn
+					children: Sn
 				})]
 			}),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ z("div", {
 				className: "detail-resize-handle",
 				onMouseDown: Ot,
 				title: "Drag to resize",
-				children: /* @__PURE__ */ R("div", { style: {
+				children: /* @__PURE__ */ z("div", { style: {
 					position: "absolute",
 					top: 0,
 					bottom: 0,
@@ -1519,22 +1515,25 @@ function Ct({ screenCode: t }) {
 					background: "var(--border)"
 				} })
 			}),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ z("div", {
 				ref: Et,
 				style: {
 					flexShrink: 0,
 					height: "100%",
-					width: `${Ct}px`
+					width: `${bt}px`
 				},
-				children: (Y || k) && m && /* @__PURE__ */ R(Xe, {
+				children: (Y || k) && m && /* @__PURE__ */ z(Xe, {
 					nodes: X.sidebar,
 					ctx: $
 				})
 			})
 		]
 	});
-	let Sn = y.isPhone ? 12 : 24;
-	return /* @__PURE__ */ z("div", {
+	let Cn = y.isPhone ? Ie(12) : {
+		paddingLeft: "24px",
+		paddingRight: "24px"
+	};
+	return /* @__PURE__ */ B("div", {
 		style: {
 			height: "100%",
 			display: "flex",
@@ -1542,33 +1541,37 @@ function Ct({ screenCode: t }) {
 			overflow: "hidden",
 			background: "var(--background)"
 		},
-		children: [/* @__PURE__ */ z("div", {
+		children: [/* @__PURE__ */ B("div", {
 			style: {
 				flexShrink: 0,
-				padding: y.isPhone ? "14px 12px 8px" : "24px 24px 8px"
+				paddingTop: y.isPhone ? 14 : 24,
+				paddingBottom: 8,
+				...Cn
 			},
 			children: [
-				hn,
-				_n,
 				gn,
 				vn,
+				_n,
 				yn,
-				bn
+				bn,
+				xn
 			]
-		}), /* @__PURE__ */ z("div", {
-			ref: Nt,
+		}), /* @__PURE__ */ B("div", {
+			ref: Pt,
 			style: {
 				flex: 1,
 				minHeight: 0,
 				overflowY: "auto",
-				padding: `4px ${Sn}px calc(24px + var(--safe-area-bottom, 0px))`,
+				paddingTop: 4,
+				paddingBottom: "calc(24px + var(--safe-area-bottom))",
+				...Cn,
 				display: "flex",
 				flexDirection: "column",
 				gap: 16,
 				minWidth: 0,
 				WebkitOverflowScrolling: "touch"
 			},
-			children: [xn, fn && (Y || k) && m && /* @__PURE__ */ R("div", {
+			children: [Sn, pn && (Y || k) && m && /* @__PURE__ */ z("div", {
 				"data-testid": "detail-sidebar-inline",
 				style: {
 					display: "flex",
@@ -1576,7 +1579,7 @@ function Ct({ screenCode: t }) {
 					gap: 16,
 					minWidth: 0
 				},
-				children: /* @__PURE__ */ R(Xe, {
+				children: /* @__PURE__ */ z(Xe, {
 					nodes: X.sidebar,
 					ctx: $
 				})
@@ -1584,18 +1587,18 @@ function Ct({ screenCode: t }) {
 		})]
 	});
 }
-function wt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties: i }) {
+function Dt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties: i }) {
 	let a = (e) => {
-		let a = Tt(t, e, n, r, i);
+		let a = J(t, e, n, r, i);
 		return a != null && m(a) !== "";
 	}, s = (e) => {
-		let a = Tt(t, e, n, r, i);
-		return m(a) || /* @__PURE__ */ R("span", {
+		let a = J(t, e, n, r, i);
+		return m(a) || /* @__PURE__ */ z("span", {
 			style: { color: "var(--text-3)" },
 			children: "-"
 		});
-	}, c = e.titleUsesDisplay ? o(n, t) : e.titleField ? Tt(t, e.titleField, n, r, i) : void 0, l = m(c) || v(t.display?.name) || "Record", u = e.badgeFields.filter((t) => !e.hideEmptyFields || a(t)), d = e.bodyFields.filter((t) => !e.hideEmptyFields || a(t)), f = e.metaFields.filter((t) => !e.hideEmptyFields || a(t));
-	return /* @__PURE__ */ z("section", {
+	}, c = e.titleUsesDisplay ? o(n, t) : e.titleField ? J(t, e.titleField, n, r, i) : void 0, l = m(c) || v(t.display?.name) || "Record", u = e.badgeFields.filter((t) => !e.hideEmptyFields || a(t)), d = e.bodyFields.filter((t) => !e.hideEmptyFields || a(t)), f = e.metaFields.filter((t) => !e.hideEmptyFields || a(t));
+	return /* @__PURE__ */ B("section", {
 		"data-testid": "detail-header-card",
 		style: {
 			width: "100%",
@@ -1608,9 +1611,9 @@ function wt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties
 			boxSizing: "border-box"
 		},
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				style: { minWidth: 0 },
-				children: [/* @__PURE__ */ R("div", {
+				children: [/* @__PURE__ */ z("div", {
 					style: {
 						fontSize: 15,
 						lineHeight: 1.25,
@@ -1619,7 +1622,7 @@ function wt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties
 						overflowWrap: "anywhere"
 					},
 					children: l
-				}), e.subtitleField && /* @__PURE__ */ R("div", {
+				}), e.subtitleField && /* @__PURE__ */ z("div", {
 					style: {
 						marginTop: 4,
 						fontSize: 12.5,
@@ -1630,14 +1633,14 @@ function wt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties
 					children: s(e.subtitleField)
 				})]
 			}),
-			u.length > 0 && /* @__PURE__ */ R("div", {
+			u.length > 0 && /* @__PURE__ */ z("div", {
 				style: {
 					display: "flex",
 					flexWrap: "wrap",
 					gap: 6,
 					marginTop: 10
 				},
-				children: u.map((e) => /* @__PURE__ */ R("span", {
+				children: u.map((e) => /* @__PURE__ */ z("span", {
 					style: {
 						minWidth: 0,
 						maxWidth: "100%",
@@ -1652,7 +1655,7 @@ function wt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties
 					children: s(e)
 				}, e))
 			}),
-			d.length > 0 && /* @__PURE__ */ R("dl", {
+			d.length > 0 && /* @__PURE__ */ z("dl", {
 				style: {
 					display: "grid",
 					gridTemplateColumns: "minmax(84px, max-content) minmax(0, 1fr)",
@@ -1661,12 +1664,12 @@ function wt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties
 					fontSize: 12.5,
 					lineHeight: 1.35
 				},
-				children: d.map((e) => /* @__PURE__ */ z("div", {
+				children: d.map((e) => /* @__PURE__ */ B("div", {
 					style: { display: "contents" },
-					children: [/* @__PURE__ */ R("dt", {
+					children: [/* @__PURE__ */ z("dt", {
 						style: { color: "var(--text-3)" },
-						children: Et(t, e)
-					}), /* @__PURE__ */ R("dd", {
+						children: Ot(t, e)
+					}), /* @__PURE__ */ z("dd", {
 						style: {
 							margin: 0,
 							color: "var(--text-2)",
@@ -1677,7 +1680,7 @@ function wt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties
 					})]
 				}, e))
 			}),
-			f.length > 0 && /* @__PURE__ */ R("div", {
+			f.length > 0 && /* @__PURE__ */ z("div", {
 				style: {
 					display: "flex",
 					flexWrap: "wrap",
@@ -1686,13 +1689,13 @@ function wt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties
 					color: "var(--text-3)",
 					fontSize: 11.5
 				},
-				children: f.map((e) => /* @__PURE__ */ z("span", {
+				children: f.map((e) => /* @__PURE__ */ B("span", {
 					style: {
 						minWidth: 0,
 						overflowWrap: "anywhere"
 					},
 					children: [
-						Et(t, e),
+						Ot(t, e),
 						": ",
 						s(e)
 					]
@@ -1701,7 +1704,7 @@ function wt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties
 		]
 	});
 }
-function Tt(e, t, n, r, i) {
+function J(e, t, n, r, i) {
 	if (t.startsWith("$status.")) {
 		let e = t.slice(8), n = r?.find((t) => t.group_code === e);
 		return v(n?.status_name) || n?.status_code;
@@ -1710,16 +1713,16 @@ function Tt(e, t, n, r, i) {
 		let e = t.slice(10);
 		return i?.find((t) => t.property_code === e)?.value;
 	}
-	return Ce(e, n, t);
+	return Se(e, n, t);
 }
-function Et(e, t) {
+function Ot(e, t) {
 	if (t.startsWith("$status.")) return t.slice(8);
 	if (t.startsWith("$property.")) return t.slice(10);
 	let n = e.fields.get(t);
 	return n ? _(n, t) : t;
 }
-function Dt({ title: n, recordId: i, editing: a, isNew: o, isRecordDeleted: s, dirty: l, isSaving: u, hasChildErrors: d, hasFieldErrors: f, canRestore: p, entity: m, screen: h, globalActions: g, entityCode: _, record: x, id: C, listRoute: ee, listRouteExists: ne, highlights: re, showBack: ie, onBack: ae, onCancelEdit: oe, onSave: se, onRestore: ce, isRestoring: le, refreshControl: D, isRealtimeEntity: ue, canManageTemplates: de }) {
-	let { run: O } = T(), k = _e("detail"), A = Le(), j = te(), pe = r(), me = c(h?.action_layout, m?.action_layout, m?.actions, g, "detail_toolbar"), he = c(h?.action_layout, m?.action_layout, m?.actions, g, "detail"), ve = b(he, m?.actions, g, x ?? {}, [], De(m, x ?? {})), ye = b(me, m?.actions, g, x ?? {}, [], De(m, x ?? {})), be = F(() => {
+function kt({ title: n, recordId: i, editing: a, isNew: o, isRecordDeleted: s, dirty: l, isSaving: u, hasChildErrors: d, hasFieldErrors: f, canRestore: p, entity: m, screen: h, globalActions: g, entityCode: _, record: x, id: C, listRoute: ee, listRouteExists: ne, highlights: re, showBack: ie, onBack: ae, onCancelEdit: oe, onSave: se, onRestore: ce, isRestoring: le, refreshControl: D, isRealtimeEntity: ue, canManageTemplates: de }) {
+	let { run: O } = T(), k = ge("detail"), me = Re(), he = te(), j = r(), _e = c(h?.action_layout, m?.action_layout, m?.actions, g, "detail_toolbar"), ve = c(h?.action_layout, m?.action_layout, m?.actions, g, "detail"), M = b(ve, m?.actions, g, x ?? {}, [], Ee(m, x ?? {})), be = b(_e, m?.actions, g, x ?? {}, [], Ee(m, x ?? {})), xe = I(() => {
 		if (!m) return;
 		let e = C ? [C] : [];
 		return {
@@ -1729,8 +1732,8 @@ function Dt({ title: n, recordId: i, editing: a, isNew: o, isRecordDeleted: s, d
 			screenRoute: h?.route ?? "",
 			selectedRows: x ? [x] : [],
 			selectedIds: e,
-			locale: pe,
-			tabNavigate: (e, t) => A(e, {
+			locale: j,
+			tabNavigate: (e, t) => me(e, {
 				title: t?.title,
 				icon: t?.icon,
 				search: t?.search
@@ -1743,10 +1746,10 @@ function Dt({ title: n, recordId: i, editing: a, isNew: o, isRecordDeleted: s, d
 		h,
 		C,
 		x,
-		pe,
-		A
-	]), Ce = (e, t) => {
-		let n = Oe(e, t, { row: x ?? void 0 });
+		j,
+		me
+	]), Se = (e, t) => {
+		let n = De(e, t, { row: x ?? void 0 });
 		if (n === null) return;
 		let r = C ? [C] : [], i = e === "__delete" && ne ? ee : null;
 		return O({
@@ -1755,23 +1758,22 @@ function Dt({ title: n, recordId: i, editing: a, isNew: o, isRecordDeleted: s, d
 			row: x ?? void 0,
 			execute: (e) => S(n, w(e, r)),
 			onSuccess: i ? () => {
-				fe.getState().kill(Se(location)), j(i, { replace: !0 });
+				fe.getState().kill(pe(location)), he(i, { replace: !0 });
 			} : void 0
 		});
-	}, we = k.isVisible("show_actions") && !o && C && ve.length > 0 ? /* @__PURE__ */ R(Ke, {
-		layout: ve,
+	}, Ce = k.isVisible("show_actions") && !o && C && M.length > 0 ? /* @__PURE__ */ z(Ke, {
+		layout: M,
 		row: x,
-		onRun: Ce,
+		onRun: Se,
 		kind: "detail",
 		entityActions: m?.actions,
 		globalActions: g,
 		reservedRightWidth: 0,
-		widgetContext: be,
-		constrain: !1
-	}) : null, Te = !o && C ? /* @__PURE__ */ R(xe, {
+		widgetContext: xe
+	}) : null, we = !o && C ? /* @__PURE__ */ z(ye, {
 		liveObject: D,
 		realtime: ue
-	}) : null, Ee = k.isVisible("show_actions") && !o && C && ye.length > 0 ? /* @__PURE__ */ z("div", {
+	}) : null, Te = k.isVisible("show_actions") && !o && C && be.length > 0 ? /* @__PURE__ */ B("div", {
 		style: {
 			display: "flex",
 			justifyContent: "flex-end",
@@ -1779,47 +1781,47 @@ function Dt({ title: n, recordId: i, editing: a, isNew: o, isRecordDeleted: s, d
 			gap: 8,
 			marginTop: 10
 		},
-		children: [we ? null : Te, /* @__PURE__ */ R(Ke, {
-			layout: ye,
+		children: [Ce ? null : we, /* @__PURE__ */ z(Ke, {
+			layout: be,
 			row: x,
-			onRun: Ce,
+			onRun: Se,
 			kind: "detail",
 			entityActions: m?.actions,
 			globalActions: g,
 			reservedRightWidth: 0,
-			widgetContext: be,
-			ariaLabel: we ? "Detail toolbar actions" : "Page actions"
+			widgetContext: xe,
+			ariaLabel: Ce ? "Detail toolbar actions" : "Page actions"
 		})]
-	}) : null, ke = k.isVisible("show_actions") && !o && C && _ ? /* @__PURE__ */ R(ge, {
+	}) : null, Oe = k.isVisible("show_actions") && !o && C && _ ? /* @__PURE__ */ z(A, {
 		entityCode: _,
 		scope: "detail",
 		objectIds: [C],
 		capability: m?.documents,
 		canManageTemplates: de
-	}) : null, Ae = s ? p ? /* @__PURE__ */ R(E, {
+	}) : null, ke = s ? p ? /* @__PURE__ */ z(E, {
 		kind: "primary",
-		icon: R(le ? y : e.refresh, { size: 13 }),
+		icon: z(le ? y : e.refresh, { size: 13 }),
 		onClick: ce,
 		disabled: le,
 		children: le ? "Restoring…" : "Restore"
-	}) : null : a ? /* @__PURE__ */ z(rt, { children: [/* @__PURE__ */ R(E, {
-		icon: /* @__PURE__ */ R(e.x, { size: 13 }),
+	}) : null : a ? /* @__PURE__ */ B(rt, { children: [/* @__PURE__ */ z(E, {
+		icon: /* @__PURE__ */ z(e.x, { size: 13 }),
 		onClick: oe,
 		disabled: u,
 		children: "Cancel"
-	}), /* @__PURE__ */ R(E, {
+	}), /* @__PURE__ */ z(E, {
 		kind: "primary",
-		icon: R(u ? y : e.save, { size: 13 }),
+		icon: z(u ? y : e.save, { size: 13 }),
 		onClick: se,
 		disabled: u || d || f,
 		title: d ? "Fix errors in child rows" : f ? "Fix the highlighted fields" : void 0,
 		children: u ? "Saving…" : "Save"
-	})] }) : !o && C ? we ? /* @__PURE__ */ z("span", {
+	})] }) : !o && C ? Ce ? /* @__PURE__ */ B("span", {
 		style: { display: "contents" },
-		children: [ke, we]
-	}) : ke : null;
-	return /* @__PURE__ */ z(rt, { children: [/* @__PURE__ */ R(ht, {
-		icon: m?.display.icon ? /* @__PURE__ */ R(t, {
+		children: [Oe, Ce]
+	}) : Oe : null;
+	return /* @__PURE__ */ B(rt, { children: [/* @__PURE__ */ z(q, {
+		icon: m?.display.icon ? /* @__PURE__ */ z(t, {
 			name: m.display.icon,
 			size: 16
 		}) : void 0,
@@ -1827,14 +1829,14 @@ function Dt({ title: n, recordId: i, editing: a, isNew: o, isRecordDeleted: s, d
 		description: v(h?.display?.description) || v(m?.display?.description),
 		recordId: i,
 		highlights: re,
-		identityControls: !s && !a && !o ? Te : null,
+		identityControls: !s && !a && !o ? we : null,
 		mode: o ? "create" : a ? "edit" : "display",
 		dirty: l,
 		showBack: ie,
 		onBack: ae,
-		right: Ae,
+		right: ke,
 		showTitle: k.isVisible("show_title")
-	}), Ee] });
+	}), Te] });
 }
 //#endregion
-export { q as SmartDetailPage };
+export { Tt as SmartDetailPage };