@declarion/react 0.31.1 → 0.32.0

package/dist-lib/{SmartDetailPage.impl--EO-9fos.js → SmartDetailPage.impl-USIxbl-8.js}

@@ -1,19 +1,19 @@
 import { s as e, t } from "./DynamicIcon-DCRdxxZ7.js";
-import { Bn as n, F as r, Fn as i, Hn as a, K as o, Kt as s, P as c, U as l, Vn as u, an as d, b as ee, cn as f, et as p, g as m, gn as h, in as g, kn as _, lt as te, m as v, mt as y, n as b, nn as ne, on as x, p as re, pt as ie, q as S, rn as ae, st as oe, tn as C, un as se, v as ce, z as w } from "./ActionRunner-BzaZQtiI.js";
-import { S as T, a as le, b as ue, m as de, r as fe, u as pe, x as E } from "./peekDraftStore-yyzMbaiI.js";
-import { $ as me, B as he, D as ge, F as _e, H as ve, J as ye, L as be, M as D, N as O, O as k, Q as A, V as xe, X as Se, Y as Ce, Z as we, _ as Te, _t as Ee, a as De, ct as Oe, ht as ke, i as Ae, lt as je, q as Me, s as Ne, w as Pe, z as Fe } from "./registry-2KliNTHB.js";
-import { n as Ie, r as Le, t as Re } from "./dataTableStyles-vwD1mVOP.js";
-import { n as ze, t as Be } from "./LayoutRenderer-3RvIsC9M.js";
-import { Fragment as Ve, useCallback as j, useEffect as M, useMemo as N, useRef as P, useState as F } from "react";
-import { useLocation as He, useParams as Ue, useSearchParams as We } from "react-router-dom";
-import { useQuery as I } from "@tanstack/react-query";
-import { Fragment as Ge, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { $ as n, Bn as r, F as i, Fn as a, Hn as o, J as s, K as c, Kt as l, P as u, Vn as ee, an as d, b as f, cn as p, g as m, gn as h, in as g, kn as te, m as _, mt as v, n as y, nn as ne, on as b, ot as x, p as re, pt as ie, rn as ae, rt as S, st as C, tn as w, un as oe, v as se, z as ce } from "./ActionRunner-CaSrGpBi.js";
+import { A as T, f as le, g as ue, i as de, k as E, l as fe, o as pe, t as me, v as he } from "./RefreshControl-CorluL6r.js";
+import { $ as ge, D as _e, G as ve, H as ye, K as be, L as D, M as O, O as k, Q as xe, U as Se, W as Ce, X as A, Z as we, _ as Te, a as Ee, bt as j, dt as De, et as M, ft as Oe, i as ke, nt as Ae, q as je, s as Me, tt as Ne, vt as Pe, w as Fe, z as Ie } from "./registry-KQyyL5Gt.js";
+import { n as Le, r as Re, t as ze } from "./dataTableStyles-vwD1mVOP.js";
+import { n as Be, t as Ve } from "./LayoutRenderer-CelsqsZ6.js";
+import { Fragment as He, useCallback as N, useEffect as P, useMemo as F, useRef as Ue, useState as I } from "react";
+import { useLocation as We, useParams as Ge, useSearchParams as Ke } from "react-router-dom";
+import { useQuery as qe } from "@tanstack/react-query";
+import { Fragment as Je, jsx as L, jsxs as R } from "react/jsx-runtime";
 //#region src/components/shared/AssociationTabs.tsx
-function Ke({ entityCode: e, recordId: n, associations: r, schema: i }) {
-	let a = N(() => Object.entries(r), [r]), [o, s] = F(0);
+function Ye({ entityCode: e, recordId: n, associations: r, schema: i }) {
+	let a = F(() => Object.entries(r), [r]), [o, s] = I(0);
 	if (a.length === 0) return null;
 	let [c, l] = a[o];
-	return /* @__PURE__ */ L(Ee, {
+	return /* @__PURE__ */ L(j, {
 		title: /* @__PURE__ */ L("div", {
 			style: {
 				display: "flex",
@@ -46,13 +46,13 @@ function Ke({ entityCode: e, recordId: n, associations: r, schema: i }) {
 					children: [n.display?.icon && /* @__PURE__ */ L(t, {
 						name: n.display.icon,
 						size: 13
-					}), x(n.display?.name) || e]
+					}), b(n.display?.name) || e]
 				}, e);
 			})
 		}),
 		collapsible: !1,
 		padding: "0",
-		children: /* @__PURE__ */ L(qe, {
+		children: /* @__PURE__ */ L(Xe, {
 			entityCode: e,
 			recordId: n,
 			assocKey: c,
@@ -61,108 +61,108 @@ function Ke({ entityCode: e, recordId: n, associations: r, schema: i }) {
 		})
 	});
 }
-function qe({ entityCode: t, recordId: n, assocKey: r, association: i, schema: s }) {
-	let c = Oe(), l = re(), u = `${t}.${r}`, { data: d, isLoading: ee } = I({
+function Xe({ entityCode: t, recordId: n, assocKey: r, association: i, schema: a }) {
+	let s = De(), c = re(), l = `${t}.${r}`, { data: u, isLoading: ee } = qe({
 		queryKey: [
 			"association",
-			u,
+			l,
 			n
 		],
-		queryFn: () => S(u, [n])
-	}), f = d?.target_entity ?? i.target, p = s.entities[f], m = N(() => d?.ids ?? [], [d?.ids]), h = N(() => p?.fields.names().find((e) => p.fields.get(e)?.primary) ?? "id", [p]), g = N(() => m.slice(0, 50), [m]), { data: _, isLoading: te } = I({
+		queryFn: () => C(l, [n])
+	}), d = u?.target_entity ?? i.target, f = a.entities[d], p = F(() => u?.ids ?? [], [u?.ids]), m = F(() => f?.fields.names().find((e) => f.fields.get(e)?.primary) ?? "id", [f]), h = F(() => p.slice(0, 50), [p]), { data: g, isLoading: te } = qe({
 		queryKey: [
 			"association-records",
-			f,
-			g
+			d,
+			h
 		],
-		queryFn: () => o(f, {
+		queryFn: () => x(d, {
 			per_page: 50,
 			filters: [{
-				field: h,
+				field: m,
 				op: "in",
-				value: g
+				value: h
 			}]
 		}),
-		enabled: g.length > 0 && !!p
-	}), y = _?.data ?? [], b = _?.$refs, ne = N(() => p ? p.fields.names().filter((e) => {
-		let t = p.fields.get(e);
+		enabled: h.length > 0 && !!f
+	}), v = g?.data ?? [], y = g?.$refs, ne = F(() => f ? f.fields.names().filter((e) => {
+		let t = f.fields.get(e);
 		return t && !t.primary && !t.auto && t.display?.is_listable !== !1;
-	}).slice(0, 6) : [], [p]), ie = () => {
-		let e = be(s, f);
+	}).slice(0, 6) : [], [f]), ie = () => {
+		let e = D(a, d);
 		if (!e) return;
-		let t = x(i.display?.name) || r, n = new URLSearchParams();
+		let t = b(i.display?.name) || r, n = new URLSearchParams();
 		n.set("filters", JSON.stringify([{
-			field: h,
+			field: m,
 			op: "in",
-			value: m
-		}])), c(e.route, {
+			value: p
+		}])), s(e.route, {
 			title: t,
 			icon: i.display?.icon || e.icon,
 			search: n.toString()
 		});
-	}, oe = {
+	}, S = {
 		fontSize: 12.5,
 		color: "var(--text-3)",
 		padding: "14px 16px"
 	};
 	if (ee || te) return /* @__PURE__ */ L("div", {
-		style: oe,
+		style: S,
 		children: "Loading…"
 	});
-	if (!p) return /* @__PURE__ */ L("div", {
-		style: oe,
+	if (!f) return /* @__PURE__ */ L("div", {
+		style: S,
 		children: "Entity not found."
 	});
-	if (m.length === 0) return /* @__PURE__ */ L("div", {
-		style: oe,
+	if (p.length === 0) return /* @__PURE__ */ L("div", {
+		style: S,
 		children: "No related records."
 	});
-	let C = be(s, f);
+	let w = D(a, d);
 	return /* @__PURE__ */ R("div", {
 		style: { padding: "8px 0" },
 		children: [
 			/* @__PURE__ */ R("table", {
-				style: Le,
+				style: Re,
 				children: [/* @__PURE__ */ L("thead", { children: /* @__PURE__ */ L("tr", { children: ne.map((e) => /* @__PURE__ */ L("th", {
-					style: Ie,
-					children: ae(p.fields.get(e), e, s.entities)
-				}, e)) }) }), /* @__PURE__ */ L("tbody", { children: y.map((e, t) => /* @__PURE__ */ L("tr", { children: ne.map((t) => {
-					let n = p.fields.get(t);
+					style: Le,
+					children: ae(f.fields.get(e), e, a.entities)
+				}, e)) }) }), /* @__PURE__ */ L("tbody", { children: v.map((e, t) => /* @__PURE__ */ L("tr", { children: ne.map((t) => {
+					let n = f.fields.get(t);
 					return n ? /* @__PURE__ */ L("td", {
-						style: Re,
-						children: v({
+						style: ze,
+						children: _({
 							field: n,
 							fieldName: t,
 							value: e[t],
 							mode: "display",
 							record: e,
-							refs: b,
-							locale: l
+							refs: y,
+							locale: c
 						})
 					}, t) : /* @__PURE__ */ L("td", {}, t);
 				}) }, t)) })]
 			}),
-			C && d && d.count > y.length && /* @__PURE__ */ L("div", {
+			w && u && u.count > v.length && /* @__PURE__ */ L("div", {
 				style: {
 					padding: "10px 16px",
 					textAlign: "center"
 				},
-				children: /* @__PURE__ */ R(a, {
+				children: /* @__PURE__ */ R(o, {
 					icon: /* @__PURE__ */ L(e.external, { size: 12 }),
 					onClick: ie,
 					children: [
 						"View all ",
-						d.count,
+						u.count,
 						" records"
 					]
 				})
 			}),
-			C && y.length > 0 && d && d.count <= y.length && /* @__PURE__ */ L("div", {
+			w && v.length > 0 && u && u.count <= v.length && /* @__PURE__ */ L("div", {
 				style: {
 					padding: "10px 16px",
 					textAlign: "center"
 				},
-				children: /* @__PURE__ */ L(a, {
+				children: /* @__PURE__ */ L(o, {
 					kind: "ghost",
 					icon: /* @__PURE__ */ L(e.external, { size: 12 }),
 					onClick: ie,
@@ -174,7 +174,7 @@ function qe({ entityCode: t, recordId: n, assocKey: r, association: i, schema: s
 }
 //#endregion
 //#region src/components/detail-layout/ErrorSummary.tsx
-function Je({ errors: t, onJump: n }) {
+function Ze({ errors: t, onJump: n }) {
 	if (t.length === 0) return null;
 	let r = t.length !== 1;
 	return /* @__PURE__ */ R("div", {
@@ -261,7 +261,7 @@ function Je({ errors: t, onJump: n }) {
 }
 //#endregion
 //#region src/components/shared/HighlightsStrip.tsx
-function Ye({ items: e }) {
+function Qe({ items: e }) {
 	return e.length === 0 ? null : /* @__PURE__ */ L("div", {
 		style: {
 			display: "flex",
@@ -270,7 +270,7 @@ function Ye({ items: e }) {
 			gap: "6px 0",
 			fontSize: 12
 		},
-		children: e.map((e, t) => /* @__PURE__ */ R(Ve, { children: [t > 0 && /* @__PURE__ */ L("span", { style: {
+		children: e.map((e, t) => /* @__PURE__ */ R(He, { children: [t > 0 && /* @__PURE__ */ L("span", { style: {
 			width: 1,
 			height: 12,
 			background: "var(--divider)",
@@ -297,20 +297,20 @@ function Ye({ items: e }) {
 }
 //#endregion
 //#region src/components/detail-layout/DetailHighlights.tsx
-function Xe({ screen: e, entity: t, entityCode: r, record: i, refs: a, objectStatuses: o, schema: s, locale: c }) {
+function $e({ screen: e, entity: t, entityCode: n, record: i, refs: a, objectStatuses: o, schema: s, locale: c }) {
 	let l = e.highlights;
 	if (!l || l.length === 0) return null;
 	let u = [];
 	for (let e of l) {
 		let l = t.status_groups?.[e];
 		if (l) {
-			let t = o?.find((t) => t.group_code === e), r = t ? l.statuses.find((e) => e.code === t.status_code) : void 0;
+			let t = o?.find((t) => t.group_code === e), n = t ? l.statuses.find((e) => e.code === t.status_code) : void 0;
 			u.push({
-				label: x(l.name),
-				value: r ? /* @__PURE__ */ L(n, {
-					tone: r.color ?? "slate",
+				label: b(l.name),
+				value: n ? /* @__PURE__ */ L(r, {
+					tone: n.color ?? "slate",
 					size: "xs",
-					children: x(r.name)
+					children: b(n.name)
 				}) : /* @__PURE__ */ L("span", {
 					style: { color: "var(--text-4)" },
 					children: "—"
@@ -319,9 +319,9 @@ function Xe({ screen: e, entity: t, entityCode: r, record: i, refs: a, objectSta
 			continue;
 		}
 		if (t.fields.get(e) || t.files?.get(e)) {
-			let n = we({
+			let r = M({
 				entity: t,
-				entityCode: r,
+				entityCode: n,
 				fieldName: e,
 				record: i,
 				mode: "display",
@@ -332,21 +332,21 @@ function Xe({ screen: e, entity: t, entityCode: r, record: i, refs: a, objectSta
 				locale: c
 			});
 			u.push({
-				label: A(t, e, s.entities),
-				value: n
+				label: Ne(t, e, s.entities),
+				value: r
 			});
 			continue;
 		}
 	}
-	return u.length === 0 ? null : /* @__PURE__ */ L(Ye, { items: u });
+	return u.length === 0 ? null : /* @__PURE__ */ L(Qe, { items: u });
 }
 //#endregion
 //#region src/components/shared/AuditMetaStrip.tsx
-function Ze(e) {
+function et(e) {
 	return e.by != null || e.at != null;
 }
-function Qe({ lines: e }) {
-	let t = e.filter(Ze);
+function tt({ lines: e }) {
+	let t = e.filter(et);
 	return t.length === 0 ? null : /* @__PURE__ */ L("div", {
 		style: {
 			display: "flex",
@@ -359,10 +359,10 @@ function Qe({ lines: e }) {
 			fontSize: 11.5,
 			color: "var(--text-3)"
 		},
-		children: t.map((e, t) => /* @__PURE__ */ L($e, { line: e }, t))
+		children: t.map((e, t) => /* @__PURE__ */ L(nt, { line: e }, t))
 	});
 }
-function $e({ line: e }) {
+function nt({ line: e }) {
 	return /* @__PURE__ */ R("div", {
 		style: {
 			display: "flex",
@@ -404,13 +404,13 @@ function $e({ line: e }) {
 }
 //#endregion
 //#region src/components/detail-layout/DetailAuditStrip.tsx
-function et({ screen: e, entity: t, entityCode: n, record: r, refs: i, schema: a, locale: o }) {
+function rt({ screen: e, entity: t, entityCode: n, record: r, refs: i, schema: a, locale: o }) {
 	let s = e.audit;
 	if (s?.enabled === !1) return null;
 	let c = (e) => {
 		if (!e || !t.fields.get(e)) return;
 		let s = r[e];
-		if (!(s == null || s === "")) return we({
+		if (!(s == null || s === "")) return M({
 			entity: t,
 			entityCode: n,
 			fieldName: e,
@@ -423,8 +423,8 @@ function et({ screen: e, entity: t, entityCode: n, record: r, refs: i, schema: a
 			locale: o
 		});
 	};
-	return /* @__PURE__ */ L(Qe, { lines: s?.lines && s.lines.length > 0 ? s.lines.map((e) => ({
-		label: x(e.label),
+	return /* @__PURE__ */ L(tt, { lines: s?.lines && s.lines.length > 0 ? s.lines.map((e) => ({
+		label: b(e.label),
 		at: c(e.at),
 		by: c(e.by)
 	})) : [{
@@ -439,36 +439,36 @@ function et({ screen: e, entity: t, entityCode: n, record: r, refs: i, schema: a
 }
 //#endregion
 //#region src/components/shared/RecordHeader.tsx
-function z({ icon: t, avatarName: r, title: a, recordId: o, highlights: s, mode: c, dirty: l = !1, showBack: d = !1, onBack: ee, right: f }) {
-	let p = i(), m = p.category === "phone" || p.width <= 520;
+function it({ icon: t, avatarName: n, title: i, recordId: o, highlights: s, mode: c, dirty: l = !1, showBack: u = !1, onBack: d, right: f, showTitle: p = !0 }) {
+	let m = a(), h = m.category === "phone" || m.width <= 520;
 	return /* @__PURE__ */ R("div", {
 		style: {
 			display: "flex",
 			alignItems: "flex-start",
 			gap: 10,
-			flexWrap: m ? "wrap" : "nowrap",
+			flexWrap: h ? "wrap" : "nowrap",
 			minWidth: 0
 		},
 		children: [
-			d && /* @__PURE__ */ L("div", {
+			p && u && /* @__PURE__ */ L("div", {
 				style: {
 					paddingTop: 4,
 					flexShrink: 0
 				},
-				children: /* @__PURE__ */ L(u, {
+				children: /* @__PURE__ */ L(ee, {
 					size: 26,
 					icon: /* @__PURE__ */ L(e.back, { size: 14 }),
 					title: "Back",
-					onClick: ee
+					onClick: d
 				})
 			}),
-			(r || t) && /* @__PURE__ */ L("div", {
+			p && (n || t) && /* @__PURE__ */ L("div", {
 				style: {
 					flexShrink: 0,
 					paddingTop: 2
 				},
-				children: r ? /* @__PURE__ */ L(T, {
-					name: r,
+				children: n ? /* @__PURE__ */ L(T, {
+					name: n,
 					size: 32
 				}) : /* @__PURE__ */ L("span", {
 					style: {
@@ -484,7 +484,7 @@ function z({ icon: t, avatarName: r, title: a, recordId: o, highlights: s, mode:
 					children: t
 				})
 			}),
-			/* @__PURE__ */ R("div", {
+			p && /* @__PURE__ */ R("div", {
 				style: {
 					flex: "1 1 0",
 					minWidth: 0
@@ -500,7 +500,7 @@ function z({ icon: t, avatarName: r, title: a, recordId: o, highlights: s, mode:
 						/* @__PURE__ */ L("h1", {
 							style: {
 								margin: 0,
-								fontSize: 19,
+								fontSize: "var(--font-size-page-title, 19px)",
 								fontWeight: 600,
 								letterSpacing: 0,
 								lineHeight: 1.2,
@@ -508,11 +508,11 @@ function z({ icon: t, avatarName: r, title: a, recordId: o, highlights: s, mode:
 								minWidth: 0,
 								overflow: "hidden",
 								textOverflow: "ellipsis",
-								whiteSpace: m ? "normal" : "nowrap",
+								whiteSpace: h ? "normal" : "nowrap",
 								overflowWrap: "anywhere",
 								maxWidth: "100%"
 							},
-							children: a
+							children: i
 						}),
 						o && /* @__PURE__ */ L(E, { value: o }),
 						c === "edit" && l && /* @__PURE__ */ R("span", {
@@ -530,7 +530,7 @@ function z({ icon: t, avatarName: r, title: a, recordId: o, highlights: s, mode:
 								background: "var(--warn)"
 							} }), "Unsaved"]
 						}),
-						c === "create" && /* @__PURE__ */ L(n, {
+						c === "create" && /* @__PURE__ */ L(r, {
 							tone: "violet",
 							size: "xs",
 							dot: !0,
@@ -549,9 +549,9 @@ function z({ icon: t, avatarName: r, title: a, recordId: o, highlights: s, mode:
 					display: "flex",
 					alignItems: "center",
 					gap: 6,
-					flex: m ? "1 1 100%" : "0 0 auto",
+					flex: h ? "1 1 100%" : "0 0 auto",
 					flexWrap: "wrap",
-					justifyContent: m ? "flex-start" : "flex-end",
+					justifyContent: h ? "flex-start" : "flex-end",
 					minWidth: 0
 				},
 				children: f
@@ -561,7 +561,7 @@ function z({ icon: t, avatarName: r, title: a, recordId: o, highlights: s, mode:
 }
 //#endregion
 //#region src/lib/children-validation.ts
-function tt(e, t, n) {
+function at(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;
@@ -570,17 +570,17 @@ function tt(e, t, n) {
 	}
 	return r;
 }
-var nt = /^[^@\s]+@[^@\s]+\.[^@\s]+$/;
-function rt(e, t) {
+var ot = /^[^@\s]+@[^@\s]+\.[^@\s]+$/;
+function st(e, t) {
 	let n = [];
 	for (let [r, i] of e.fields) {
 		if (i.type !== "email") continue;
 		let e = t[r];
-		typeof e == "string" && e !== "" && !nt.test(e) && n.push(r);
+		typeof e == "string" && e !== "" && !ot.test(e) && n.push(r);
 	}
 	return n;
 }
-function B(e, t) {
+function z(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) {
@@ -590,13 +590,13 @@ function B(e, t) {
 	}
 	return n;
 }
-function it(e, t) {
+function ct(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 = B(r, t), o = [];
+		let a = z(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;
@@ -612,34 +612,34 @@ function it(e, t) {
 }
 //#endregion
 //#region src/components/pages/SmartDetailPage.impl.tsx
-var at = () => {};
-function ot(e, t) {
+var lt = () => {};
+function ut(e, t) {
 	return e.length === t.length ? JSON.stringify(e) === JSON.stringify(t) : !1;
 }
-function st(e, t) {
+function dt(e, t) {
 	if (e) {
-		let n = se(ne(e, t));
+		let n = oe(ne(e, t));
 		if (n.replace(/^\|+|\|+$/g, "")) return n;
 	}
 	return t.id == null ? crypto.randomUUID() : h(t.id);
 }
-function ct({ screenCode: e }) {
-	return /* @__PURE__ */ L(m, { children: /* @__PURE__ */ L(V, { screenCode: e }) });
+function ft({ screenCode: e }) {
+	return /* @__PURE__ */ L(m, { children: /* @__PURE__ */ L(B, { screenCode: e }) });
 }
-function V({ screenCode: t }) {
-	let { id: n } = Ue(), a = p(), [o, l] = We(), { data: m } = ie(), h = y((e) => e.user), _ = ce(), v = i(), b = m?.screens[t], S = b?.entity ? m?.entities[b.entity] : void 0, w = b?.entity, T = C(S, "create"), E = C(S, "update"), ge = C(S, "delete"), _e = C(S, "restore"), be = (() => {
+function B({ screenCode: t }) {
+	let { id: n } = Ge(), r = ce(), [o, m] = Ke(), { data: h } = ie(), te = v((e) => e.user), _ = se(), y = a(), x = h?.screens[t], S = x?.entity ? h?.entities[x.entity] : void 0, C = x?.entity, T = w(S, "create"), E = w(S, "update"), fe = w(S, "delete"), me = w(S, "restore"), _e = (() => {
 		if (!S || !S.singleton || !S.prefilter) return;
 		let e = d(S);
 		if (e.length !== 1) return;
 		let t = S.prefilter[e[0]];
-		if (t === "$caller.user_id") return h?.id;
-		if (t === "$caller.tenant_id") return h?.tenant?.id;
-	})(), D = be !== void 0, O = D ? be : n, k = !D && O === "new", A = N(() => {
+		if (t === "$caller.user_id") return te?.id;
+		if (t === "$caller.tenant_id") return te?.tenant?.id;
+	})(), D = _e !== void 0, O = D ? _e : n, k = !D && O === "new", j = F(() => {
 		if (!O || k) return;
 		if (!S) return O;
 		let e = d(S);
 		if (e.length === 1) return { [e[0]]: O };
-		let t = f(O, e.length);
+		let t = p(O, e.length);
 		if (!t) return;
 		let n = {};
 		for (let r = 0; r < e.length; r++) n[e[r]] = t[r] ?? "";
@@ -648,18 +648,18 @@ function V({ screenCode: t }) {
 		O,
 		k,
 		S
-	]), we = N(() => {
-		if (A) return typeof A == "string" ? A : se(A);
-	}, [A]), { data: Ee, isLoading: Oe, error: Ie } = De(w, A);
-	pe(Ae(w, A), !k);
-	let Le = Fe(w ?? ""), Re = ve(w ?? ""), Ve = he(w ?? ""), I = xe(w ?? ""), qe = Object.keys(S?.status_groups ?? {}).length > 0, Ye = Ee?.data, Ze = Ye?.$statuses, Qe = Ye?.$properties, $e = o.get("edit") === "true", [z, nt] = F(k || $e), [B, ct] = F({}), [V, H] = F({}), [U, dt] = F({}), [W, G] = F(void 0), [ft, pt] = F(!1), [mt, K] = F(void 0), [ht, gt] = F({ show: !1 }), [_t, vt] = F(!1), yt = k ? T : E, q = z && yt, bt = te();
-	oe(q && !k, bt.enabled);
-	let [xt, St] = F(() => {
-		let e = parseInt(b?.sidebar_width || "380", 10);
+	]), De = F(() => {
+		if (j) return typeof j == "string" ? j : oe(j);
+	}, [j]), M = Ee(C, j), { data: Ne, isLoading: Ie, error: Le } = M, Re = je((e) => e.degradedEntities), ze = C ? be(S?.realtime, Re, C) : !1;
+	le(ke(C, j), !k);
+	let He = ye(C ?? ""), qe = ve(C ?? ""), Xe = Se(C ?? ""), Qe = Ce(C ?? ""), et = Object.keys(S?.status_groups ?? {}).length > 0, tt = Ne?.data, nt = tt?.$statuses, it = tt?.$properties, ot = o.get("edit") === "true", [z, ft] = I(k || ot), [B, V] = I({}), [H, ht] = I({}), [U, gt] = I({}), [W, G] = I(void 0), [_t, vt] = I(!1), [yt, K] = I(void 0), [bt, xt] = I({ show: !1 }), [St, Ct] = I(!1), wt = k ? T : E, q = z && wt, Tt = s();
+	c(q && !k, Tt.enabled);
+	let [Et, Dt] = I(() => {
+		let e = parseInt(x?.sidebar_width || "380", 10);
 		return isNaN(e) ? 380 : e;
-	}), Ct = P(null), J = P(null), wt = j((e) => {
+	}), Ot = Ue(null), J = Ue(null), kt = N((e) => {
 		e.preventDefault();
-		let t = Ct.current;
+		let t = Ot.current;
 		if (!t) return;
 		let n = t.offsetWidth;
 		J.current = {
@@ -671,28 +671,28 @@ function V({ screenCode: t }) {
 			let n = J.current.startX - e.clientX, r = Math.max(280, Math.min(800, J.current.startW + n));
 			t.style.width = `${r}px`;
 		}, i = () => {
-			J.current && t && St(parseInt(t.style.width, 10) || J.current.startW), J.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
+			J.current && t && Dt(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 = Ee?.data, X = typeof Y?.$row_version == "string" ? Y.$row_version : void 0, Tt = Y?.$refs, Et = P(X);
-	M(() => {
+	}, []), Y = Ne?.data, X = typeof Y?.$row_version == "string" ? Y.$row_version : void 0, At = Y?.$refs, jt = Ue(X);
+	P(() => {
 		if (!X) return;
-		let e = Et.current;
-		Et.current = X, e && e !== X && z && pt(!0);
+		let e = jt.current;
+		jt.current = X, e && e !== X && z && vt(!0);
 	}, [z, X]);
-	let Dt = !!S?.soft_delete, Ot = Dt && Y != null && Y[S.soft_delete] != null, Z = He(), kt = P(null);
-	le({ scrollElementRef: kt });
-	let At = !k && Ie instanceof s && Ie.status === 404, jt = P(null);
-	M(() => {
-		if (!At) return;
-		let e = de(Z);
-		jt.current !== e && (jt.current = e, ue.getState().kill(e));
-	}, [At, Z]);
-	let { openTab: Mt, updateTabTitle: Nt, findTabByPathname: Pt } = ke();
-	M(() => {
-		if (!S || D || bt.enabled) return;
-		let e = Z.pathname, t = x(b?.display?.name) || x(S.display.name), n = b?.display?.icon || S.display.icon;
-		Pt(e) || Mt({
+	let Mt = !!S?.soft_delete, Nt = Mt && Y != null && Y[S.soft_delete] != null, Z = We(), Pt = Ue(null);
+	pe({ scrollElementRef: Pt });
+	let Ft = !k && Le instanceof l && Le.status === 404, It = Ue(null);
+	P(() => {
+		if (!Ft) return;
+		let e = ue(Z);
+		It.current !== e && (It.current = e, he.getState().kill(e));
+	}, [Ft, Z]);
+	let { openTab: Lt, updateTabTitle: Rt, findTabByPathname: zt } = Pe();
+	P(() => {
+		if (!S || D || Tt.enabled) return;
+		let e = Z.pathname, t = b(x?.display?.name) || b(S.display.name), n = x?.display?.icon || S.display.icon;
+		zt(e) || Lt({
 			pathname: e,
 			search: "",
 			title: k ? `New ${t}` : t,
@@ -701,19 +701,19 @@ function V({ screenCode: t }) {
 		});
 	}, [
 		Z.pathname,
-		b?.display?.name?.en,
+		x?.display?.name?.en,
 		S?.display.name?.en,
-		b?.display?.icon,
+		x?.display?.icon,
 		S?.display.icon,
 		k,
 		D,
-		bt.enabled
-	]), M(() => {
-		if (!Y || !S || D || bt.enabled) return;
-		let e = Pt(Z.pathname);
+		Tt.enabled
+	]), P(() => {
+		if (!Y || !S || D || Tt.enabled) return;
+		let e = zt(Z.pathname);
 		if (e) {
-			let t = x(b?.display?.name) || x(S.display.name), n = g(Y, S), r = n && !String(n).startsWith("/") ? String(n) : t;
-			Nt(e.id, r);
+			let t = b(x?.display?.name) || b(S.display.name), n = g(Y, S), r = n && !String(n).startsWith("/") ? String(n) : t;
+			Rt(e.id, r);
 		}
 	}, [
 		Y,
@@ -721,20 +721,20 @@ function V({ screenCode: t }) {
 		S?.display.display_field,
 		Z.pathname,
 		D,
-		bt.enabled
+		Tt.enabled
 	]);
-	let Ft = N(() => {
-		if (!S || !yt) return /* @__PURE__ */ new Set();
+	let Bt = F(() => {
+		if (!S || !wt) 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, yt]);
-	M(() => {
-		if (!(!$e || !Y || !S || !E)) {
-			if (z || nt(!0), Object.keys(B).length === 0) {
-				let e = O ? fe(O) : null;
-				e && ye(Me({
+	}, [S, wt]);
+	P(() => {
+		if (!(!ot || !Y || !S || !E)) {
+			if (z || ft(!0), Object.keys(B).length === 0) {
+				let e = O ? de(O) : null;
+				e && we(A({
 					entity: S,
 					formData: e,
 					record: void 0,
@@ -742,115 +742,115 @@ function V({ screenCode: t }) {
 				})).forEach((e) => {
 					_.registerDraft({
 						fileId: e,
-						discard: () => ee(e)
+						discard: () => f(e)
 					});
 				});
 				let t = {};
-				Ft.forEach((n) => {
+				Bt.forEach((n) => {
 					let r = e ? e[n] : void 0;
 					if (r !== void 0) {
 						t[n] = r;
 						return;
 					}
-					let i = Se(S, Y, n);
-					t[n] = Ce(S, n) ? i ?? null : i ?? "";
-				}), ct(t);
+					let i = ge(S, Y, n);
+					t[n] = xe(S, n) ? i ?? null : i ?? "";
+				}), V(t);
 			}
 			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 = {};
 					for (let [n, r] of Object.entries(e)) {
-						let e = m?.entities[n];
+						let e = h?.entities[n];
 						t[n] = r.map((t) => ({
 							...t,
-							_key: st(e, t)
+							_key: dt(e, t)
 						}));
 					}
 					G(t), K(e);
 				} else G({}), K({});
 			}
-			l((e) => {
+			m((e) => {
 				let t = new URLSearchParams(e);
 				return t.delete("edit"), t;
 			}, { replace: !0 });
 		}
 	}, [
-		$e,
+		ot,
 		Y,
-		Ft,
+		Bt,
 		E,
 		S,
 		W,
-		m
-	]), M(() => {
+		h
+	]), P(() => {
 		!k || !T || !S?.children || S.children.length === 0 || W === void 0 && (G({}), K({}));
 	}, [
 		k,
 		T,
 		S?.children
 	]);
-	let It = j(async () => {
-		await _.flushAllDrafts(), k ? a(b?.route?.replace("/:id", "") ?? "/") : (nt(!1), ct({}), H({}), dt({}), G(void 0), K(void 0), vt(!1));
+	let Vt = N(async () => {
+		await _.flushAllDrafts(), k ? r(x?.route?.replace("/:id", "") ?? "/") : (ft(!1), V({}), ht({}), gt({}), G(void 0), K(void 0), Ct(!1));
 	}, [
 		_,
 		k,
-		b,
-		a
-	]), Lt = j((e, t) => {
-		ct((n) => ({
+		x,
+		r
+	]), Ht = N((e, t) => {
+		V((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), Q = N(() => {
-		if (!b?.route) return "/";
-		let e = b.route.split("/");
+	}, []), Q = F(() => {
+		if (!x?.route) return "/";
+		let e = x.route.split("/");
 		return e.pop(), e.join("/") || "/";
-	}, [b]), Rt = N(() => !m?.screens || !Q || Q === "/" ? !1 : Object.values(m.screens).some((e) => e.route === Q), [m, Q]), zt = Te({ fallback: j(() => {
-		if (!Rt) {
-			a("/");
+	}, [x]), Ut = F(() => !h?.screens || !Q || Q === "/" ? !1 : Object.values(h.screens).some((e) => e.route === Q), [h, Q]), Wt = Te({ fallback: N(() => {
+		if (!Ut) {
+			r("/");
 			return;
 		}
-		let e = Pt(Q)?.search ?? "";
-		a(e ? `${Q}?${e}` : Q);
+		let e = zt(Q)?.search ?? "";
+		r(e ? `${Q}?${e}` : Q);
 	}, [
-		Rt,
+		Ut,
 		Q,
-		Pt,
-		a
-	]) }), Bt = !D && (zt.hasOriginBack || zt.allowFallbackBack && !!Rt), Vt = re(), Ht = N(() => {
+		zt,
+		r
+	]) }), Gt = !D && (Wt.hasOriginBack || Wt.allowFallbackBack && !!Ut), Kt = re(), qt = F(() => {
 		if (!S) return {};
 		let e = {};
-		for (let t of tt(S, B, k)) Ft.has(t) && (e[t] = "Required");
-		for (let t of rt(S, B)) Ft.has(t) && (e[t] = "Invalid email address");
+		for (let t of at(S, B, k)) Bt.has(t) && (e[t] = "Required");
+		for (let t of st(S, B)) Bt.has(t) && (e[t] = "Invalid email address");
 		return e;
 	}, [
 		S,
 		B,
 		k,
-		Ft
-	]), Ut = Object.keys(Ht).length > 0, Wt = j(() => {
-		if (!w || !S || k && !T || !k && !E || (vt(!0), Ut)) return;
-		let e = {}, t = Me({
+		Bt
+	]), Jt = Object.keys(qt).length > 0, Yt = N(() => {
+		if (!C || !S || k && !T || !k && !E || (Ct(!0), Jt)) return;
+		let e = {}, t = A({
 			entity: S,
 			formData: B,
 			record: Y,
 			isNew: k
-		}), n = ye(t);
+		}), n = we(t);
 		if (k) for (let [t, n] of Object.entries(B)) {
 			if (S.files?.has(t)) continue;
-			let r = me(S, t, n);
+			let r = Ae(S, t, n);
 			r !== "" && r != null && (e[t] = r);
 		}
 		else {
 			for (let [t, n] of Object.entries(B)) {
 				if (S.files?.has(t)) continue;
-				let r = Y ? Se(S, Y, t) : void 0, i = me(S, t, n), a = me(S, t, r);
+				let r = Y ? ge(S, Y, t) : void 0, i = Ae(S, t, n), a = Ae(S, t, r);
 				(i === "" ? null : i) !== (a === "" || a === void 0 ? null : a) && (e[t] = i);
 			}
 			X && (e.$row_version = X);
 		}
-		if (Object.keys(t).length > 0 && (e.$files = t), Object.keys(V).length > 0 && (e.$statuses = Object.entries(V).map(([e, t]) => ({
+		if (Object.keys(t).length > 0 && (e.$files = t), Object.keys(H).length > 0 && (e.$statuses = Object.entries(H).map(([e, t]) => ({
 			status_group_code: e,
 			status_code: t
 		}))), Object.keys(U).length > 0 && (e.$properties = Object.entries(U).map(([e, t]) => ({
@@ -862,31 +862,31 @@ function V({ screenCode: t }) {
 				let r = n.filter((e) => !e._deleted).map((e) => {
 					let { _key: t, _deleted: n, _dirty: r, ...i } = e;
 					return i;
-				}), i = mt?.[e] ?? [];
-				(k || !ot(r, i)) && (t[e] = r);
+				}), i = yt?.[e] ?? [];
+				(k || !ut(r, i)) && (t[e] = r);
 			}
 			Object.keys(t).length > 0 && (e.$children = t);
 		}
 		if (!k && Object.keys(e).length === 0) {
-			nt(!1), H({}), dt({}), G(void 0), K(void 0), vt(!1);
+			ft(!1), ht({}), gt({}), G(void 0), K(void 0), Ct(!1);
 			return;
 		}
-		let r = () => {
-			nt(!1), pt(!1), vt(!1), H({}), dt({}), G(void 0), K(void 0);
+		let i = () => {
+			ft(!1), vt(!1), Ct(!1), ht({}), gt({}), G(void 0), K(void 0);
 		};
-		k ? Le.mutate(e, { onSuccess: (e) => {
+		k ? He.mutate(e, { onSuccess: (e) => {
 			n.forEach((e) => _.markCommitted(e));
-			let t = e.data, i = se(S ? ne(S, t) : {});
-			a(i ? `${Q}/${encodeURIComponent(i)}` : Q, { replace: !0 }), r();
-		} }) : A && Re.mutate({
-			pkValues: A,
+			let t = e.data, a = oe(S ? ne(S, t) : {});
+			r(a ? `${Q}/${encodeURIComponent(a)}` : Q, { replace: !0 }), i();
+		} }) : j && qe.mutate({
+			pkValues: j,
 			data: e
 		}, {
 			onSuccess: () => {
-				n.forEach((e) => _.markCommitted(e)), r();
+				n.forEach((e) => _.markCommitted(e)), i();
 			},
 			onError: (e) => {
-				e instanceof s && e.code === "STALE_OBJECT" && pt(!0);
+				e instanceof l && e.code === "STALE_OBJECT" && vt(!0);
 			}
 		});
 	}, [
@@ -894,49 +894,49 @@ function V({ screenCode: t }) {
 		k,
 		T,
 		E,
-		w,
+		C,
 		B,
-		Ut,
-		V,
+		Jt,
+		H,
 		U,
 		W,
-		mt,
-		Le,
-		Re,
+		yt,
+		He,
+		qe,
 		S,
-		a,
+		r,
 		Q,
 		Y,
 		X,
-		A
-	]), Gt = j((e, t) => {
+		j
+	]), Xt = N((e, t) => {
 		G((n) => ({
 			...n ?? {},
 			[e]: t
 		}));
-	}, []), Kt = j(() => {
-		!A || k || !ge || Ve.mutate(A, { onSuccess: () => {
-			ue.getState().kill(de(Z)), a(Q, { replace: !0 });
+	}, []), Zt = N(() => {
+		!j || k || !fe || Xe.mutate(j, { onSuccess: () => {
+			he.getState().kill(ue(Z)), r(Q, { replace: !0 });
 		} });
 	}, [
-		A,
+		j,
 		k,
-		ge,
-		Ve,
-		a,
+		fe,
+		Xe,
+		r,
 		Q,
 		Z
-	]), qt = j(() => {
-		!A || k || !_e || I.mutate(A);
+	]), Qt = N(() => {
+		!j || k || !me || Qe.mutate(j);
 	}, [
-		A,
+		j,
 		k,
-		_e,
-		I
-	]), Jt = N(() => it(W, m), [W, m]), Yt = Object.keys(Jt).length > 0;
-	if (!b || !S) return null;
-	if (!k && Oe) return /* @__PURE__ */ L(Pe, {});
-	if (!k && !Y || At) return /* @__PURE__ */ R("div", {
+		me,
+		Qe
+	]), $t = F(() => ct(W, h), [W, h]), en = Object.keys($t).length > 0;
+	if (!x || !S) return null;
+	if (!k && Ie) return /* @__PURE__ */ L(Fe, {});
+	if (!k && !Y || Ft) return /* @__PURE__ */ R("div", {
 		style: { padding: 24 },
 		children: [/* @__PURE__ */ R("div", {
 			style: {
@@ -945,9 +945,9 @@ function V({ screenCode: t }) {
 				gap: 8,
 				marginBottom: 8
 			},
-			children: [Bt && /* @__PURE__ */ L(u, {
+			children: [Gt && /* @__PURE__ */ L(ee, {
 				icon: /* @__PURE__ */ L(e.back, { size: 14 }),
-				onClick: zt.goBack,
+				onClick: Wt.goBack,
 				title: "Back"
 			}), /* @__PURE__ */ L("h1", {
 				style: {
@@ -963,24 +963,24 @@ function V({ screenCode: t }) {
 			children: "Record not found."
 		})]
 	});
-	let Xt = S.display, Zt = x(b.display?.name) || x(Xt.name), Qt = g(Y, S), $t = k ? `New ${Zt}` : Qt ? String(Qt) : Zt, en = Le.isPending || Re.isPending, tn = b.responsive?.[v.category]?.layout, nn = tn?.tabs ?? (v.isPhone ? "sections" : void 0), rn = tn?.header_card === !0 ? Ne({
+	let tn = S.display, nn = b(x.display?.name) || b(tn.name), rn = g(Y, S), an = k ? `New ${nn}` : rn ? String(rn) : nn, on = He.isPending || qe.isPending, sn = x.responsive?.[y.category]?.layout, cn = sn?.tabs ?? (y.isPhone ? "sections" : void 0), ln = sn?.header_card === !0 ? Me({
 		entity: S,
-		screen: b
+		screen: x
 	}) : void 0, $ = {
-		schema: m,
+		schema: h,
 		entity: S,
-		entityCode: w,
-		recordId: we ?? O ?? "",
+		entityCode: C,
+		recordId: De ?? O ?? "",
 		record: q ? {
 			...Y ?? {},
 			...B
 		} : Y ?? {},
 		isNew: k,
 		mode: q ? "edit" : "display",
-		onFieldChange: q ? Lt : void 0,
-		refs: Tt,
+		onFieldChange: q ? Ht : void 0,
+		refs: At,
 		objectProperties: (() => {
-			let e = Qe ?? [];
+			let e = it ?? [];
 			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,
@@ -994,73 +994,80 @@ function V({ screenCode: t }) {
 			});
 			return t;
 		})(),
-		onSetProperty: k || !E ? void 0 : q ? (e, t) => dt((n) => ({
+		onSetProperty: k || !E ? void 0 : q ? (e, t) => gt((n) => ({
 			...n,
 			[e]: t
 		})) : void 0,
 		isPropertyPending: !1,
 		objectStatuses: (() => {
-			let e = Ze ?? [];
-			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 : {
+			let e = nt ?? [];
+			if (!q || Object.keys(H).length === 0) return e.length > 0 ? e : void 0;
+			let t = e.map((e) => H[e.group_code] === void 0 ? e : {
 				...e,
-				status_code: V[e.group_code]
+				status_code: H[e.group_code]
 			});
-			for (let [n, i] of Object.entries(V)) e.some((e) => e.group_code === n) || t.push({
+			for (let [n, r] of Object.entries(H)) e.some((e) => e.group_code === n) || t.push({
 				group_code: n,
-				status_code: i,
+				status_code: r,
 				status_name: {},
-				set_at: r()
+				set_at: i()
 			});
 			return t;
 		})(),
-		onSetStatus: k || !E ? void 0 : q ? (e, t) => H((n) => ({
+		onSetStatus: k || !E ? void 0 : q ? (e, t) => ht((n) => ({
 			...n,
 			[e]: t
 		})) : void 0,
 		isStatusPending: !1,
 		pendingChildren: q ? W : void 0,
-		onChildrenChange: q ? Gt : void 0,
-		childValidationErrors: q ? Jt : void 0,
-		fieldErrors: q && _t ? Ht : void 0,
-		detailTabsPresentation: nn,
-		relatedRecordsPresentation: tn?.related_records
-	}, an = !!b.sidebar && b.sidebar.length > 0, on = tn?.sidebar === "hidden", sn = an && !on && !v.isDesktop, cn = an && !on && v.isDesktop, ln = !k && Y ? /* @__PURE__ */ L(Xe, {
-		screen: b,
+		onChildrenChange: q ? Xt : void 0,
+		childValidationErrors: q ? $t : void 0,
+		fieldErrors: q && St ? qt : 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__ */ L($e, {
+		screen: x,
 		entity: S,
-		entityCode: w,
+		entityCode: C,
 		record: Y,
-		refs: Tt,
-		objectStatuses: Ze,
-		schema: m,
-		locale: Vt
-	}) : void 0, un = /* @__PURE__ */ L(ut, {
-		title: $t,
+		refs: At,
+		objectStatuses: nt,
+		schema: h,
+		locale: Kt
+	}) : void 0, hn = /* @__PURE__ */ L(mt, {
+		title: an,
 		recordId: O,
 		editing: q,
 		isNew: k,
-		isRecordDeleted: Ot,
+		isRecordDeleted: Nt,
 		dirty: z,
-		isSaving: en,
-		hasChildErrors: Yt,
-		hasFieldErrors: _t && Ut,
-		canRestore: _e,
+		isSaving: on,
+		hasChildErrors: en,
+		hasFieldErrors: St && Jt,
+		canRestore: me,
 		entity: S,
-		screen: b,
-		globalActions: m?.actions,
-		entityCode: w,
+		screen: x,
+		globalActions: h?.actions,
+		entityCode: C,
 		record: Y,
 		id: O,
 		listRoute: Q,
-		listRouteExists: !!Rt,
-		highlights: ln,
-		showBack: Bt,
-		onBack: zt.goBack,
-		onCancelEdit: It,
-		onSave: Wt,
-		onRestore: qt,
-		isRestoring: I.isPending
-	}), dn = Ot && /* @__PURE__ */ R("div", {
+		listRouteExists: !!Ut,
+		highlights: mn,
+		showBack: Gt,
+		onBack: Wt.goBack,
+		onCancelEdit: Vt,
+		onSave: Yt,
+		onRestore: Qt,
+		isRestoring: Qe.isPending,
+		refreshControl: {
+			refetch: M.refetch,
+			isFetching: M.isFetching,
+			isLoading: M.isLoading,
+			isLive: ze
+		},
+		isRealtimeEntity: S?.realtime === !0
+	}), gn = Nt && /* @__PURE__ */ R("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -1073,8 +1080,8 @@ function V({ screenCode: t }) {
 			color: "var(--danger)",
 			fontSize: 12.5
 		},
-		children: [/* @__PURE__ */ L(e.warning, { size: 14 }), /* @__PURE__ */ R("span", { children: ["This record was deleted on ", c(String(Y[S.soft_delete]))] })]
-	}), fn = ft && /* @__PURE__ */ R("div", {
+		children: [/* @__PURE__ */ L(e.warning, { size: 14 }), /* @__PURE__ */ R("span", { children: ["This record was deleted on ", u(String(Y[S.soft_delete]))] })]
+	}), _n = _t && /* @__PURE__ */ R("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -1088,71 +1095,71 @@ function V({ screenCode: t }) {
 			fontSize: 12.5
 		},
 		children: [/* @__PURE__ */ L(e.warning, { size: 14 }), /* @__PURE__ */ L("span", { children: "This record changed on the server while you were viewing or editing it." })]
-	}), pn = q && _t && Ut && /* @__PURE__ */ L(Je, {
-		errors: Object.entries(Ht).map(([e, t]) => {
+	}), vn = q && St && Jt && /* @__PURE__ */ L(Ze, {
+		errors: Object.entries(qt).map(([e, t]) => {
 			let n = S.fields.get(e);
 			return {
 				name: e,
-				label: n ? ae(n, e, m?.entities) : e,
+				label: n ? ae(n, e, h?.entities) : e,
 				message: t
 			};
 		}),
 		onJump: (e) => {
-			let t = document.getElementById(`${w}-${e}`);
+			let t = document.getElementById(`${C}-${e}`);
 			t && (t.scrollIntoView({
 				block: "center",
 				behavior: "smooth"
 			}), t.focus?.());
 		}
-	}), mn = qe && !k && !(b.items && b.items.length > 0) && /* @__PURE__ */ L("div", {
+	}), yn = et && !k && !(x.items && x.items.length > 0) && /* @__PURE__ */ L("div", {
 		className: "mb-4",
-		children: /* @__PURE__ */ L(ze, {
+		children: /* @__PURE__ */ L(Be, {
 			statusGroups: S.status_groups ?? {},
 			objectStatuses: $.objectStatuses,
-			onSetStatus: E && q ? (e, t) => H((n) => ({
+			onSetStatus: E && q ? (e, t) => ht((n) => ({
 				...n,
 				[e]: t
-			})) : at,
+			})) : lt,
 			isPending: !1,
 			mode: q ? "edit" : "display"
 		})
-	}), hn = /* @__PURE__ */ R(Ge, { children: [
-		rn && (Y || k) && /* @__PURE__ */ L(lt, {
-			card: rn,
+	}), bn = /* @__PURE__ */ R(Je, { children: [
+		ln && (Y || k) && /* @__PURE__ */ L(pt, {
+			card: ln,
 			entity: S,
 			record: $.record,
 			objectStatuses: $.objectStatuses,
 			objectProperties: $.objectProperties
 		}),
-		b.items && b.items.length > 0 && (Y || k) && m && /* @__PURE__ */ L(Be, {
-			nodes: b.items,
+		x.items && x.items.length > 0 && (Y || k) && h && /* @__PURE__ */ L(Ve, {
+			nodes: x.items,
 			ctx: $
 		}),
-		!k && O && w && S.associations && Object.keys(S.associations).length > 0 && m && /* @__PURE__ */ L(Ke, {
-			entityCode: w,
-			recordId: we ?? O ?? "",
+		!k && O && C && S.associations && Object.keys(S.associations).length > 0 && h && /* @__PURE__ */ L(Ye, {
+			entityCode: C,
+			recordId: De ?? O ?? "",
 			associations: S.associations,
-			schema: m
+			schema: h
 		}),
-		!k && Y && m && /* @__PURE__ */ L(et, {
-			screen: b,
+		!k && Y && h && /* @__PURE__ */ L(rt, {
+			screen: x,
 			entity: S,
-			entityCode: w,
+			entityCode: C,
 			record: Y,
-			refs: Tt,
-			schema: m,
-			locale: Vt
+			refs: At,
+			schema: h,
+			locale: Kt
 		})
-	] }), gn = /* @__PURE__ */ L(je, {
-		open: ht.show,
-		onOpenChange: (e) => !e && gt({ show: !1 }),
-		title: `Delete ${Zt}`,
-		description: ht.confirmation ? ht.confirmation : Dt ? `Are you sure you want to delete this ${Zt.toLowerCase()}? It can be restored later by an admin.` : `Are you sure you want to delete this ${Zt.toLowerCase()}? This action cannot be undone.`,
+	] }), xn = /* @__PURE__ */ L(Oe, {
+		open: bt.show,
+		onOpenChange: (e) => !e && xt({ show: !1 }),
+		title: `Delete ${nn}`,
+		description: bt.confirmation ? bt.confirmation : Mt ? `Are you sure you want to delete this ${nn.toLowerCase()}? It can be restored later by an admin.` : `Are you sure you want to delete this ${nn.toLowerCase()}? This action cannot be undone.`,
 		confirmLabel: "Delete",
-		onConfirm: Kt,
+		onConfirm: Zt,
 		destructive: !0
 	});
-	if (cn) return /* @__PURE__ */ R("div", {
+	if (pn) return /* @__PURE__ */ R("div", {
 		style: {
 			height: "100%",
 			display: "flex",
@@ -1174,14 +1181,14 @@ function V({ screenCode: t }) {
 						padding: "14px 20px 8px"
 					},
 					children: [
-						un,
-						fn,
-						dn,
-						pn,
-						mn
+						hn,
+						_n,
+						gn,
+						vn,
+						yn
 					]
 				}), /* @__PURE__ */ L("div", {
-					ref: kt,
+					ref: Pt,
 					style: {
 						flex: 1,
 						minHeight: 0,
@@ -1191,12 +1198,12 @@ function V({ screenCode: t }) {
 						flexDirection: "column",
 						gap: 16
 					},
-					children: hn
+					children: bn
 				})]
 			}),
 			/* @__PURE__ */ L("div", {
 				className: "detail-resize-handle",
-				onMouseDown: wt,
+				onMouseDown: kt,
 				title: "Drag to resize",
 				children: /* @__PURE__ */ L("div", { style: {
 					position: "absolute",
@@ -1209,21 +1216,21 @@ function V({ screenCode: t }) {
 				} })
 			}),
 			/* @__PURE__ */ L("div", {
-				ref: Ct,
+				ref: Ot,
 				style: {
 					flexShrink: 0,
 					height: "100%",
-					width: `${xt}px`
+					width: `${Et}px`
 				},
-				children: (Y || k) && m && /* @__PURE__ */ L(Be, {
-					nodes: b.sidebar,
+				children: (Y || k) && h && /* @__PURE__ */ L(Ve, {
+					nodes: x.sidebar,
 					ctx: $
 				})
 			}),
-			gn
+			xn
 		]
 	});
-	let _n = v.isPhone ? 12 : 24;
+	let Sn = y.isPhone ? 12 : 24;
 	return /* @__PURE__ */ R("div", {
 		style: {
 			height: "100%",
@@ -1236,30 +1243,30 @@ function V({ screenCode: t }) {
 			/* @__PURE__ */ R("div", {
 				style: {
 					flexShrink: 0,
-					padding: v.isPhone ? "14px 12px 8px" : "24px 24px 8px"
+					padding: y.isPhone ? "14px 12px 8px" : "24px 24px 8px"
 				},
 				children: [
-					un,
-					fn,
-					dn,
-					pn,
-					mn
+					hn,
+					_n,
+					gn,
+					vn,
+					yn
 				]
 			}),
 			/* @__PURE__ */ R("div", {
-				ref: kt,
+				ref: Pt,
 				style: {
 					flex: 1,
 					minHeight: 0,
 					overflowY: "auto",
-					padding: `4px ${_n}px calc(24px + var(--safe-bottom))`,
+					padding: `4px ${Sn}px calc(24px + var(--safe-bottom))`,
 					display: "flex",
 					flexDirection: "column",
 					gap: 16,
 					minWidth: 0,
 					WebkitOverflowScrolling: "touch"
 				},
-				children: [hn, sn && (Y || k) && m && /* @__PURE__ */ L("div", {
+				children: [bn, fn && (Y || k) && h && /* @__PURE__ */ L("div", {
 					"data-testid": "detail-sidebar-inline",
 					style: {
 						display: "flex",
@@ -1267,24 +1274,24 @@ function V({ screenCode: t }) {
 						gap: 16,
 						minWidth: 0
 					},
-					children: /* @__PURE__ */ L(Be, {
-						nodes: b.sidebar,
+					children: /* @__PURE__ */ L(Ve, {
+						nodes: x.sidebar,
 						ctx: $
 					})
 				})]
 			}),
-			gn
+			xn
 		]
 	});
 }
-function lt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties: i }) {
+function pt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties: i }) {
 	let a = (e) => {
-		let a = H(t, e, n, r, i);
+		let a = V(t, e, n, r, i);
 		return a != null && h(a) !== "";
-	}, o = (e) => h(H(t, e, n, r, i)) || /* @__PURE__ */ L("span", {
+	}, o = (e) => h(V(t, e, n, r, i)) || /* @__PURE__ */ L("span", {
 		style: { color: "var(--text-3)" },
 		children: "-"
-	}), s = h(e.titleUsesDisplay ? g(n, t) : e.titleField ? H(t, e.titleField, n, r, i) : void 0) || x(t.display?.name) || "Record", c = e.badgeFields.filter((t) => !e.hideEmptyFields || a(t)), l = e.bodyFields.filter((t) => !e.hideEmptyFields || a(t)), u = e.metaFields.filter((t) => !e.hideEmptyFields || a(t));
+	}), s = h(e.titleUsesDisplay ? g(n, t) : e.titleField ? V(t, e.titleField, n, r, i) : void 0) || b(t.display?.name) || "Record", c = e.badgeFields.filter((t) => !e.hideEmptyFields || a(t)), l = e.bodyFields.filter((t) => !e.hideEmptyFields || a(t)), u = e.metaFields.filter((t) => !e.hideEmptyFields || a(t));
 	return /* @__PURE__ */ R("section", {
 		"data-testid": "detail-header-card",
 		style: {
@@ -1355,7 +1362,7 @@ function lt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties
 					style: { display: "contents" },
 					children: [/* @__PURE__ */ L("dt", {
 						style: { color: "var(--text-3)" },
-						children: U(t, e)
+						children: H(t, e)
 					}), /* @__PURE__ */ L("dd", {
 						style: {
 							margin: 0,
@@ -1382,7 +1389,7 @@ function lt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties
 						overflowWrap: "anywhere"
 					},
 					children: [
-						U(t, e),
+						H(t, e),
 						": ",
 						o(e)
 					]
@@ -1391,104 +1398,135 @@ function lt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties
 		]
 	});
 }
-function H(e, t, n, r, i) {
+function V(e, t, n, r, i) {
 	if (t.startsWith("$status.")) {
 		let e = t.slice(8), n = r?.find((t) => t.group_code === e);
-		return x(n?.status_name) || n?.status_code;
+		return b(n?.status_name) || n?.status_code;
 	}
 	if (t.startsWith("$property.")) {
 		let e = t.slice(10);
 		return i?.find((t) => t.property_code === e)?.value;
 	}
-	return Se(e, n, t);
+	return ge(e, n, t);
 }
-function U(e, t) {
+function H(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 ? ae(n, t) : t;
 }
-function ut({ title: n, recordId: r, editing: i, isNew: o, isRecordDeleted: s, dirty: c, isSaving: u, hasChildErrors: d, hasFieldErrors: ee, canRestore: f, entity: m, screen: h, globalActions: g, entityCode: te, record: v, id: y, listRoute: ne, listRouteExists: ie, highlights: S, showBack: ae, onBack: oe, onCancelEdit: C, onSave: se, onRestore: ce, isRestoring: T }) {
-	let { run: le } = b(), fe = Oe(), pe = p(), E = re(), me = h?.action_layout ?? null, he = m?.action_layout ?? null, ve = me ?? he, ye = D(ve ? _e(ve, m?.actions, g, "detail") : O(m?.actions, "detail"), m?.actions, g, v ?? {}, []), be = N(() => {
-		if (!m) return;
-		let e = y ? [y] : [];
+function mt({ title: r, recordId: i, editing: a, isNew: s, isRecordDeleted: c, dirty: l, isSaving: u, hasChildErrors: ee, hasFieldErrors: d, canRestore: f, entity: p, screen: m, globalActions: h, entityCode: g, record: _, id: v, listRoute: ne, listRouteExists: x, highlights: ie, showBack: ae, onBack: C, onCancelEdit: w, onSave: oe, onRestore: se, isRestoring: T, refreshControl: le, isRealtimeEntity: de }) {
+	let { run: E } = y(), pe = fe("detail"), ge = De(), ve = ce(), ye = re(), be = Ie(m?.action_layout, p?.action_layout, p?.actions, h, "detail_toolbar"), D = O(Ie(m?.action_layout, p?.action_layout, p?.actions, h, "detail"), p?.actions, h, _ ?? {}, []), xe = O(be, p?.actions, h, _ ?? {}, []), Se = F(() => {
+		if (!p) return;
+		let e = v ? [v] : [];
 		return {
-			entity: m,
-			entityCode: te ?? "",
-			screen: h,
-			screenRoute: h?.route ?? "",
-			selectedRows: v ? [v] : [],
+			entity: p,
+			entityCode: g ?? "",
+			screen: m,
+			screenRoute: m?.route ?? "",
+			selectedRows: _ ? [_] : [],
 			selectedIds: e,
-			locale: E,
-			tabNavigate: (e, t) => fe(e, {
+			locale: ye,
+			tabNavigate: (e, t) => ge(e, {
 				title: t?.title,
 				icon: t?.icon,
 				search: t?.search
 			}),
-			runActionApi: (e, t) => l(e, t)
+			runActionApi: (e, t) => S(e, t)
 		};
 	}, [
+		p,
+		g,
 		m,
-		te,
-		h,
-		y,
 		v,
-		E,
-		fe
-	]), A = s ? f ? /* @__PURE__ */ L(a, {
+		_,
+		ye,
+		ge
+	]), Ce = (e, t) => {
+		let r = _e(e, t, { row: _ ?? void 0 });
+		if (r === null) return;
+		let i = v ? [v] : [], a = e === "__delete" && x ? ne : null;
+		return E({
+			action: t,
+			title: b(t.display?.name) || e,
+			execute: (e) => S(r, n(e, i)),
+			onSuccess: a ? () => {
+				he.getState().kill(ue(location)), ve(a, { replace: !0 });
+			} : void 0
+		});
+	}, A = pe.isVisible("show_actions") && !s && v && D.length > 0 ? /* @__PURE__ */ L(k, {
+		layout: D,
+		row: _,
+		onRun: Ce,
+		kind: "detail",
+		entityActions: p?.actions,
+		globalActions: h,
+		reservedRightWidth: 0,
+		widgetContext: Se
+	}) : null, we = !s && v ? /* @__PURE__ */ L(me, {
+		liveObject: le,
+		realtime: de
+	}) : null, Te = pe.isVisible("show_actions") && !s && v && xe.length > 0 ? /* @__PURE__ */ R("div", {
+		style: {
+			display: "flex",
+			justifyContent: "flex-end",
+			alignItems: "center",
+			gap: 8,
+			marginTop: 10
+		},
+		children: [A ? null : we, /* @__PURE__ */ L(k, {
+			layout: xe,
+			row: _,
+			onRun: Ce,
+			kind: "detail",
+			entityActions: p?.actions,
+			globalActions: h,
+			reservedRightWidth: 0,
+			widgetContext: Se,
+			ariaLabel: A ? "Detail toolbar actions" : "Page actions"
+		})]
+	}) : null, Ee = c ? f ? /* @__PURE__ */ L(o, {
 		kind: "primary",
-		icon: L(T ? _ : e.refresh, { size: 13 }),
-		onClick: ce,
+		icon: L(T ? te : e.refresh, { size: 13 }),
+		onClick: se,
 		disabled: T,
 		children: T ? "Restoring…" : "Restore"
-	}) : null : i ? /* @__PURE__ */ R(Ge, { children: [/* @__PURE__ */ L(a, {
+	}) : null : a ? /* @__PURE__ */ R(Je, { children: [/* @__PURE__ */ L(o, {
 		icon: /* @__PURE__ */ L(e.x, { size: 13 }),
-		onClick: C,
+		onClick: w,
 		disabled: u,
 		children: "Cancel"
-	}), /* @__PURE__ */ L(a, {
+	}), /* @__PURE__ */ L(o, {
 		kind: "primary",
-		icon: L(u ? _ : e.save, { size: 13 }),
-		onClick: se,
-		disabled: u || d || ee,
-		title: d ? "Fix errors in child rows" : ee ? "Fix the highlighted fields" : void 0,
+		icon: L(u ? te : e.save, { size: 13 }),
+		onClick: oe,
+		disabled: u || ee || d,
+		title: ee ? "Fix errors in child rows" : d ? "Fix the highlighted fields" : void 0,
 		children: u ? "Saving…" : "Save"
-	})] }) : !o && y && ye.length > 0 ? /* @__PURE__ */ L(k, {
-		layout: ye,
-		row: v,
-		onRun: (e, t) => {
-			let n = ge(e, t, { row: v ?? void 0 });
-			if (n === null) return;
-			let r = y ? [y] : [], i = e === "__delete" && ie ? ne : null;
-			return le({
-				action: t,
-				title: x(t.display?.name) || e,
-				execute: (e) => l(n, w(e, r)),
-				onSuccess: i ? () => {
-					ue.getState().kill(de(location)), pe(i, { replace: !0 });
-				} : void 0
-			});
+	})] }) : !s && v && A ? /* @__PURE__ */ R("span", {
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 8,
+			flexWrap: "wrap"
 		},
-		kind: "detail",
-		entityActions: m?.actions,
-		globalActions: g,
-		reservedRightWidth: 0,
-		widgetContext: be
+		children: [we, A]
 	}) : null;
-	return /* @__PURE__ */ L(z, {
-		icon: m?.display.icon ? /* @__PURE__ */ L(t, {
-			name: m.display.icon,
+	return /* @__PURE__ */ R(Je, { children: [/* @__PURE__ */ L(it, {
+		icon: p?.display.icon ? /* @__PURE__ */ L(t, {
+			name: p.display.icon,
 			size: 16
 		}) : void 0,
-		title: n,
-		recordId: r,
-		highlights: S,
-		mode: o ? "create" : i ? "edit" : "display",
-		dirty: c,
+		title: r,
+		recordId: i,
+		highlights: ie,
+		mode: s ? "create" : a ? "edit" : "display",
+		dirty: l,
 		showBack: ae,
-		onBack: oe,
-		right: A
-	});
+		onBack: C,
+		right: Ee,
+		showTitle: pe.isVisible("show_title")
+	}), Te] });
 }
 //#endregion
-export { ct as SmartDetailPage };
+export { ft as SmartDetailPage };