@declarion/react 0.66.1 → 0.81.0

package/dist-lib/components/pages/SmartDetailPage.impl.js

@@ -5,78 +5,78 @@ import { entityAllowsCreateRoute as i, entityAllowsMutation as a, extractPkValue
 import { useEmbed as f } from "../../embed/EmbedContext.js";
 import { useFirstScreenSettled as p } from "../../lib/capabilityPrefetch.js";
 import { useAuthStore as m } from "../../stores/auth.js";
-import { useSchema as h } from "../../hooks/useSchema.js";
-import { Icon as g } from "../primitives/Icons.js";
-import { Btn as _ } from "../primitives/Btn.js";
-import { IconBtn as ee } from "../primitives/IconBtn.js";
-import { useText as v } from "../../hooks/useText.js";
-import { useResponsiveMode as te } from "../../hooks/useResponsiveMode.js";
-import { Spinner as ne } from "../primitives/Spinner.js";
-import { DynamicIcon as re } from "../shared/DynamicIcon.js";
-import { buildActionBody as y, executeAction as ie } from "../../api/data.js";
-import { useTabStore as ae } from "../../stores/tabs.js";
-import { useReportEmbedDirty as oe } from "../../embed/embed-dirty.js";
-import { useEmbedNavigate as se } from "../../embed/useEmbedNavigate.js";
-import { useTabNavigate as ce } from "../../hooks/useTabNavigate.js";
-import { usePageStateStore as le } from "../../stores/page-state.js";
-import { applyRowState as b, resolveActionLayoutForSlot as ue } from "../../lib/actions.js";
-import { useScreenIsLive as de } from "../../stores/realtime.js";
-import { useActionRunner as x } from "../actions/ActionRunner.js";
-import { canonicalUrl as fe } from "../../lib/canonical-url.js";
-import { useRegisterRetainedQuery as pe } from "../../hooks/usePageStateRuntime.js";
-import { useBrandingChrome as me } from "../../hooks/useBrandingChrome.js";
-import { objectQueryKey as he, useObject as ge } from "../../hooks/useObject.js";
-import { discardFile as _e } from "../file-widgets/upload.js";
-import { FileDraftScope as S, useFileDraftScope as ve } from "../file-widgets/draft-scope.js";
-import { getEntityFileField as ye, getSchemaFieldValue as C, serializeSchemaFieldValue as w } from "../file-widgets/host.js";
-import { buildFilesPayload as be, collectCommittedFileIds as T } from "../file-widgets/payload.js";
-import { useCreateObject as xe, useRestoreEntity as Se, useUpdateObject as Ce } from "../../hooks/useMutations.js";
-import { useScreenBack as we } from "../../hooks/useScreenBack.js";
-import { usePlainScrollRestoration as Te } from "../../lib/scroll-restoration.js";
-import { DetailSkeleton as Ee } from "../shared/LoadingSkeleton.js";
-import { dispatchAction as E } from "../../lib/action-dispatch.js";
-import { ResponsiveActionBar as D } from "../actions/ResponsiveActionBar.js";
-import { effectiveScreenForRecord as De, variantActionCodesForRecord as O } from "../../lib/variants.js";
-import { RefreshControl as Oe } from "../shared/RefreshControl.js";
-import { useUnsavedInput as ke } from "../../hooks/useUnsavedInput.js";
-import { AssociationTabs as Ae } from "../chrome/AssociationTabs.js";
-import { DocumentsMenu as je } from "./DocumentsMenu.js";
-import { canManageDocumentTemplates as Me } from "../../lib/document-templates.js";
-import { RecordPanels as Ne } from "./RecordPanels.js";
-import { StatusGroupsDisplay as Pe } from "../shared/StatusGroupsDisplay.js";
-import { LayoutRenderer as Fe } from "../detail-layout/LayoutRenderer.js";
-import { ErrorSummary as Ie } from "../detail-layout/ErrorSummary.js";
-import { DetailHighlights as Le } from "../detail-layout/DetailHighlights.js";
-import { DetailAuditStrip as Re } from "../detail-layout/DetailAuditStrip.js";
-import { EvidenceBlock as ze } from "../detail-layout/EvidenceBlock.js";
-import { RecordHeader as k } from "../chrome/RecordHeader.js";
-import { PageShell as Be } from "../chrome/PageShell.js";
-import { findInvalidEmailFields as Ve, findMissingRequiredFields as He, validatePendingChildren as Ue } from "../../lib/children-validation.js";
-import { takePeekDraft as We } from "../list/peekDraftStore.js";
-import { resolveCard as Ge } from "./list/cardProjection.js";
-import { useCallback as A, useEffect as j, useMemo as M, useRef as Ke, useState as N } from "react";
-import { Fragment as qe, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { useLocation as Je, useParams as Ye, useSearchParams as Xe } from "react-router";
+import { useSchema as ee } from "../../hooks/useSchema.js";
+import { Icon as h } from "../primitives/Icons.js";
+import { Btn as g } from "../primitives/Btn.js";
+import { IconBtn as te } from "../primitives/IconBtn.js";
+import { useText as ne } from "../../hooks/useText.js";
+import { useResponsiveMode as re } from "../../hooks/useResponsiveMode.js";
+import { Spinner as _ } from "../primitives/Spinner.js";
+import { DynamicIcon as ie } from "../shared/DynamicIcon.js";
+import { buildActionBody as v, executeAction as ae } from "../../api/data.js";
+import { useTabStore as oe } from "../../stores/tabs.js";
+import { useReportEmbedDirty as se } from "../../embed/embed-dirty.js";
+import { useEmbedNavigate as ce } from "../../embed/useEmbedNavigate.js";
+import { useTabNavigate as le } from "../../hooks/useTabNavigate.js";
+import { usePageStateStore as ue } from "../../stores/page-state.js";
+import { applyRowState as y, resolveActionLayoutForSlot as de } from "../../lib/actions.js";
+import { useScreenIsLive as fe } from "../../stores/realtime.js";
+import { useActionRunner as b } from "../actions/ActionRunner.js";
+import { canonicalUrl as pe } from "../../lib/canonical-url.js";
+import { useRegisterRetainedQuery as me } from "../../hooks/usePageStateRuntime.js";
+import { useBrandingChrome as he } from "../../hooks/useBrandingChrome.js";
+import { objectQueryKey as ge, useObject as _e } from "../../hooks/useObject.js";
+import { discardFile as ve } from "../file-widgets/upload.js";
+import { FileDraftScope as x, useFileDraftScope as ye } from "../file-widgets/draft-scope.js";
+import { getEntityFileField as S, getSchemaFieldValue as be, serializeSchemaFieldValue as C } from "../file-widgets/host.js";
+import { buildFilesPayload as w, collectCommittedFileIds as xe } from "../file-widgets/payload.js";
+import { useCreateObject as Se, useRestoreEntity as Ce, useUpdateObject as we } from "../../hooks/useMutations.js";
+import { useScreenBack as Te } from "../../hooks/useScreenBack.js";
+import { usePlainScrollRestoration as Ee } from "../../lib/scroll-restoration.js";
+import { DetailSkeleton as De } from "../shared/LoadingSkeleton.js";
+import { dispatchAction as T } from "../../lib/action-dispatch.js";
+import { ResponsiveActionBar as E } from "../actions/ResponsiveActionBar.js";
+import { effectiveScreenForRecord as Oe, variantActionCodesForRecord as D } from "../../lib/variants.js";
+import { RefreshControl as ke } from "../shared/RefreshControl.js";
+import { useUnsavedInput as Ae } from "../../hooks/useUnsavedInput.js";
+import { AssociationTabs as je } from "../chrome/AssociationTabs.js";
+import { DocumentsMenu as Me } from "./DocumentsMenu.js";
+import { canManageDocumentTemplates as Ne } from "../../lib/document-templates.js";
+import { RecordPanels as Pe } from "./RecordPanels.js";
+import { StatusGroupsDisplay as Fe } from "../shared/StatusGroupsDisplay.js";
+import { LayoutRenderer as Ie } from "../detail-layout/LayoutRenderer.js";
+import { ErrorSummary as Le } from "../detail-layout/ErrorSummary.js";
+import { DetailHighlights as Re, highlightedFieldCodes as ze } from "../detail-layout/DetailHighlights.js";
+import { DetailAuditStrip as Be } from "../detail-layout/DetailAuditStrip.js";
+import { EvidenceBlock as Ve } from "../detail-layout/EvidenceBlock.js";
+import { RecordHeader as O } from "../chrome/RecordHeader.js";
+import { PageShell as He } from "../chrome/PageShell.js";
+import { findInvalidEmailFields as Ue, findMissingRequiredFields as We, validatePendingChildren as Ge } from "../../lib/children-validation.js";
+import { takePeekDraft as Ke } from "../list/peekDraftStore.js";
+import { resolveCard as qe } from "./list/cardProjection.js";
+import { useCallback as k, useEffect as A, useMemo as j, useRef as Je, useState as M } from "react";
+import { Fragment as Ye, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { useLocation as Xe, useParams as Ze, useSearchParams as Qe } from "react-router";
 //#region src/components/pages/SmartDetailPage.impl.tsx
-var Ze = () => {}, Qe = { expand: ["evidence"] };
-function I(e, t) {
+var $e = () => {}, et = { expand: ["evidence"] };
+function F(e, t) {
 	return e.length === t.length && JSON.stringify(e) === JSON.stringify(t);
 }
-function $e({ entity: e, formData: t, record: n, isNew: r, pendingStatuses: i, pendingProperties: a, pendingChildren: o, childrenSnapshot: s }) {
-	let c = {}, l = be({
+function tt({ entity: e, formData: t, record: n, isNew: r, pendingStatuses: i, pendingProperties: a, pendingChildren: o, childrenSnapshot: s }) {
+	let c = {}, l = w({
 		entity: e,
 		formData: t,
 		record: n,
 		isNew: r
-	}), u = T(l);
+	}), u = xe(l);
 	if (r) for (let [n, r] of Object.entries(t)) {
 		if (e.files?.has(n)) continue;
-		let t = w(e, n, r);
+		let t = C(e, n, r);
 		t !== "" && t != null && (c[n] = t);
 	}
 	else for (let [r, i] of Object.entries(t)) {
 		if (e.files?.has(r)) continue;
-		let t = n ? C(e, n, r) : void 0, a = w(e, r, i), o = w(e, r, t);
+		let t = n ? be(e, n, r) : void 0, a = C(e, r, i), o = C(e, r, t);
 		(a === "" ? null : a) !== (o === "" || o === void 0 ? null : o) && (c[r] = a);
 	}
 	if (Object.keys(l).length > 0 && (c.$files = l), Object.keys(i).length > 0 && (c.$statuses = Object.entries(i).map(([e, t]) => ({
@@ -92,7 +92,7 @@ function $e({ entity: e, formData: t, record: n, isNew: r, pendingStatuses: i, p
 				let { _key: t, _deleted: n, _dirty: r, ...i } = e;
 				return i;
 			}), a = s?.[t] ?? [];
-			(r || !I(i, a)) && (e[t] = i);
+			(r || !F(i, a)) && (e[t] = i);
 		}
 		Object.keys(e).length > 0 && (c.$children = e);
 	}
@@ -101,52 +101,52 @@ function $e({ entity: e, formData: t, record: n, isNew: r, pendingStatuses: i, p
 		committedFileIds: u
 	};
 }
-function et(e, n) {
+function nt(e, n) {
 	if (e) {
 		let t = o(e, n), r = d(t);
 		if (r.replace(/^\|+|\|+$/g, "")) return r;
 	}
 	return n.id == null ? crypto.randomUUID() : t(n.id);
 }
-function L({ screenCode: e }) {
-	return /* @__PURE__ */ P(S, { children: /* @__PURE__ */ P(R, { screenCode: e }) });
+function I({ screenCode: e }) {
+	return /* @__PURE__ */ N(x, { children: /* @__PURE__ */ N(L, { screenCode: e }) });
 }
-function R({ screenCode: t }) {
-	let _ = v(), ne = v("errors"), { id: re } = Ye(), y = se(), [ie, ce] = Xe(), { data: b } = h(), ue = m((e) => e.user), x = ve(), me = te(), S = b?.screens[t], w = S?.entity ? b?.entities[S.entity] : void 0, E = S?.entity, D = a(w, "create"), O = a(w, "update"), Oe = a(w, "restore"), je = (() => {
-		if (!w || !w.singleton || !w.prefilter) return;
-		let e = l(w);
+function L({ screenCode: t }) {
+	let g = ne(), _ = ne("errors"), { id: ie } = Ze(), v = ce(), [ae, le] = Qe(), { data: y } = ee(), de = m((e) => e.user), b = ye(), he = re(), x = y?.screens[t], C = x?.entity ? y?.entities[x.entity] : void 0, T = x?.entity, E = a(C, "create"), D = a(C, "update"), ke = a(C, "restore"), Me = (() => {
+		if (!C || !C.singleton || !C.prefilter) return;
+		let e = l(C);
 		if (e.length !== 1) return;
-		let t = w.prefilter[e[0]];
-		if (t === "$caller.user_id") return ue?.id;
-		if (t === "$caller.tenant_id") return ue?.tenant?.id;
-	})(), k = je !== void 0, I = k ? je : re, L = !k && I === "new", R = M(() => {
-		if (!I || L) return;
-		if (!w) return I;
-		let e = l(w);
-		if (e.length === 1) return { [e[0]]: I };
-		let t = u(I, e.length);
+		let t = C.prefilter[e[0]];
+		if (t === "$caller.user_id") return de?.id;
+		if (t === "$caller.tenant_id") return de?.tenant?.id;
+	})(), O = Me !== void 0, F = O ? Me : ie, I = !O && F === "new", L = j(() => {
+		if (!F || I) return;
+		if (!C) return F;
+		let e = l(C);
+		if (e.length === 1) return { [e[0]]: F };
+		let t = u(F, e.length);
 		if (!t) return;
 		let n = {};
 		for (let r = 0; r < e.length; r++) n[e[r]] = t[r] ?? "";
 		return n;
 	}, [
+		F,
 		I,
-		L,
-		w
-	]), z = M(() => {
-		if (R) return typeof R == "string" ? R : d(R);
-	}, [R]), nt = ge(E, R, Qe), { data: it, isLoading: at, error: ot } = nt;
-	p(!at);
-	let st = de(w?.realtime, E ?? ""), ct = E ? st : !1;
-	pe(he(E, R, Qe), !L);
-	let lt = xe(E ?? ""), ut = Ce(E ?? ""), dt = Se(E ?? ""), ft = Object.keys(w?.status_groups ?? {}).length > 0, pt = it?.data, mt = pt?.$statuses, ht = pt?.$properties, gt = ie.get("edit") === "true", [_t, vt] = N(L || gt), [B, yt] = N({}), [V, bt] = N({}), [H, xt] = N({}), [U, W] = N(void 0), [St, Ct] = N(!1), [wt, G] = N(void 0), [Tt, Et] = N(!1), Dt = L ? D : O, K = _t && Dt, Ot = f();
-	oe(K && !L, Ot.enabled);
-	let [kt, At] = N(() => {
-		let e = parseInt(S?.sidebar_width || "380", 10);
+		C
+	]), R = j(() => {
+		if (L) return typeof L == "string" ? L : d(L);
+	}, [L]), z = _e(T, L, et), { data: at, isLoading: ot, error: st } = z;
+	p(!ot);
+	let ct = fe(C?.realtime, T ?? ""), lt = T ? ct : !1;
+	me(ge(T, L, et), !I);
+	let ut = Se(T ?? ""), dt = we(T ?? ""), ft = Ce(T ?? ""), pt = Object.keys(C?.status_groups ?? {}).length > 0, mt = at?.data, ht = mt?.$statuses, gt = mt?.$properties, _t = ae.get("edit") === "true", [vt, yt] = M(I || _t), [B, bt] = M({}), [V, xt] = M({}), [H, St] = M({}), [U, W] = M(void 0), [Ct, wt] = M(!1), [Tt, G] = M(void 0), [Et, Dt] = M(!1), Ot = I ? E : D, K = vt && Ot, kt = f();
+	se(K && !I, kt.enabled);
+	let [At, jt] = M(() => {
+		let e = parseInt(x?.sidebar_width || "380", 10);
 		return isNaN(e) ? 380 : e;
-	}), jt = Ke(null), q = Ke(null), Mt = A((e) => {
+	}), Mt = Je(null), q = Je(null), Nt = k((e) => {
 		e.preventDefault();
-		let t = jt.current;
+		let t = Mt.current;
 		if (!t) return;
 		let n = t.offsetWidth;
 		q.current = {
@@ -158,329 +158,330 @@ function R({ screenCode: t }) {
 			let n = q.current.startX - e.clientX, r = Math.max(280, Math.min(800, q.current.startW + n));
 			t.style.width = `${r}px`;
 		}, i = () => {
-			q.current && t && At(parseInt(t.style.width, 10) || q.current.startW), q.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
+			q.current && t && jt(parseInt(t.style.width, 10) || q.current.startW), q.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
 		};
 		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
-	}, []), J = it?.data, Y = De(w, S, J ?? {});
-	j(() => {
+	}, []), J = at?.data, Y = Oe(C, x, J ?? {});
+	A(() => {
 		let e = parseInt(Y?.sidebar_width || "380", 10);
-		At(Number.isNaN(e) ? 380 : e);
+		jt(Number.isNaN(e) ? 380 : e);
 	}, [Y?.sidebar_width]);
-	let X = typeof J?.$row_version == "string" ? J.$row_version : void 0, Nt = J?.$refs, Pt = Ke(X);
-	j(() => {
+	let X = typeof J?.$row_version == "string" ? J.$row_version : void 0, Pt = J?.$refs, Ft = Je(X);
+	A(() => {
 		if (!X) return;
-		let e = Pt.current;
-		Pt.current = X, e && e !== X && _t && Ct(!0);
-	}, [_t, X]);
-	let Ft = !!w?.soft_delete && J != null && J[w.soft_delete] != null, Z = Je(), It = Ke(null);
-	Te({ scrollElementRef: It });
-	let Lt = !L && ot instanceof e && ot.status === 404, Rt = L && !i(w), zt = Ke(null);
-	j(() => {
-		if (!Lt) return;
-		let e = fe(Z);
-		zt.current !== e && (zt.current = e, le.getState().kill(e));
-	}, [Lt, Z]);
-	let { openTab: Bt, updateTabTitle: Vt, findTabByPathname: Ht } = ae();
-	j(() => {
-		if (!w || k || Ot.enabled) return;
-		let e = Z.pathname, t = _(Y?.display?.name) || _(w.display.name), n = Y?.display?.icon || w.display.icon;
-		Bt({
+		let e = Ft.current;
+		Ft.current = X, e && e !== X && vt && wt(!0);
+	}, [vt, X]);
+	let It = !!C?.soft_delete && J != null && J[C.soft_delete] != null, Z = Xe(), Lt = Je(null);
+	Ee({ scrollElementRef: Lt });
+	let Rt = !I && st instanceof e && st.status === 404, zt = I && !i(C), Bt = Je(null);
+	A(() => {
+		if (!Rt) return;
+		let e = pe(Z);
+		Bt.current !== e && (Bt.current = e, ue.getState().kill(e));
+	}, [Rt, Z]);
+	let { openTab: Vt, updateTabTitle: Ht, findTabByPathname: Ut } = oe();
+	A(() => {
+		if (!C || O || kt.enabled) return;
+		let e = Z.pathname, t = g(Y?.display?.name) || g(C.display.name), n = Y?.display?.icon || C.display.icon;
+		Vt({
 			pathname: e,
 			search: "",
-			title: L ? _("record.new_title", "New {name}", { name: t }) : t,
-			derivedTitle: !L,
+			title: I ? g("record.new_title", "New {name}", { name: t }) : t,
+			derivedTitle: !I,
 			icon: n,
 			closable: !0
 		});
 	}, [
 		Z.pathname,
-		_,
+		g,
 		Y?.display?.icon,
-		w?.display.icon,
-		L,
-		k,
-		Ot.enabled
-	]), j(() => {
-		if (!J || !w || k || Ot.enabled) return;
-		let e = Ht(Z.pathname);
+		C?.display.icon,
+		I,
+		O,
+		kt.enabled
+	]), A(() => {
+		if (!J || !C || O || kt.enabled) return;
+		let e = Ut(Z.pathname);
 		if (e) {
-			let t = _(Y?.display?.name) || _(w.display.name), n = c(_, J, w), r = n && !String(n).startsWith("/") ? String(n) : t;
-			Vt(e.id, r, r === t);
+			let t = g(Y?.display?.name) || g(C.display.name), n = c(g, J, C), r = n && !String(n).startsWith("/") ? String(n) : t;
+			Ht(e.id, r, r === t);
 		}
 	}, [
 		J,
-		_,
-		w?.display.display_field,
+		g,
+		C?.display.display_field,
 		Z.pathname,
-		k,
-		Ot.enabled
+		O,
+		kt.enabled
 	]);
-	let Ut = M(() => {
-		if (!w || !Dt) return /* @__PURE__ */ new Set();
+	let Wt = j(() => {
+		if (!C || !Ot) return /* @__PURE__ */ new Set();
 		let e = /* @__PURE__ */ new Set();
-		for (let [t, n] of w.fields) !n.auto && !n.primary && e.add(t);
-		for (let [t] of w.files ?? []) e.add(t);
+		for (let [t, n] of C.fields) !n.auto && !n.primary && e.add(t);
+		for (let [t] of C.files ?? []) e.add(t);
 		return e;
-	}, [w, Dt]);
-	j(() => {
-		if (gt && J && w && O) {
-			if (_t || vt(!0), Object.keys(B).length === 0) {
-				let e = I ? We(I) : null;
+	}, [C, Ot]);
+	A(() => {
+		if (_t && J && C && D) {
+			if (vt || yt(!0), Object.keys(B).length === 0) {
+				let e = F ? Ke(F) : null;
 				if (e) {
-					let t = be({
-						entity: w,
+					let t = w({
+						entity: C,
 						formData: e,
 						record: void 0,
 						isNew: !0
 					});
-					T(t).forEach((e) => {
-						x.registerDraft({
+					xe(t).forEach((e) => {
+						b.registerDraft({
 							fileId: e,
-							discard: () => _e(e)
+							discard: () => ve(e)
 						});
 					});
 				}
 				let t = {};
-				Ut.forEach((n) => {
+				Wt.forEach((n) => {
 					let r = e ? e[n] : void 0;
 					if (r !== void 0) {
 						t[n] = r;
 						return;
 					}
-					let i = C(w, J, n);
-					t[n] = ye(w, n) ? i ?? null : i ?? "";
-				}), yt(t);
+					let i = be(C, J, n);
+					t[n] = S(C, n) ? i ?? null : i ?? "";
+				}), bt(t);
 			}
-			if (w.children !== void 0 && w.children.length > 0 && U === void 0) {
+			if (C.children !== void 0 && C.children.length > 0 && U === void 0) {
 				let e = J.$children;
 				if (e && Object.keys(e).length > 0) {
 					let t = {};
 					for (let [n, r] of Object.entries(e)) {
-						let e = b?.entities[n];
+						let e = y?.entities[n];
 						t[n] = r.map((t) => ({
 							...t,
-							_key: et(e, t)
+							_key: nt(e, t)
 						}));
 					}
 					W(t), G(e);
 				} else W({}), G({});
 			}
-			ce((e) => {
+			le((e) => {
 				let t = new URLSearchParams(e);
 				return t.delete("edit"), t;
 			}, { replace: !0 });
 		}
 	}, [
-		gt,
+		_t,
 		J,
-		Ut,
-		O,
-		w,
+		Wt,
+		D,
+		C,
 		U,
-		b
-	]), j(() => {
-		L && D && w?.children && w.children.length !== 0 && U === void 0 && (W({}), G({}));
+		y
+	]), A(() => {
+		I && E && C?.children && C.children.length !== 0 && U === void 0 && (W({}), G({}));
 	}, [
-		L,
-		D,
-		w?.children
+		I,
+		E,
+		C?.children
 	]);
-	let Wt = A(async () => {
-		if (await x.flushAllDrafts(), L) {
+	let Gt = k(async () => {
+		if (await b.flushAllDrafts(), I) {
 			let e = Y?.route?.replace("/:id", "") ?? "/";
-			y(e);
-		} else vt(!1), yt({}), bt({}), xt({}), W(void 0), G(void 0), Et(!1);
+			v(e);
+		} else yt(!1), bt({}), xt({}), St({}), W(void 0), G(void 0), Dt(!1);
 	}, [
-		x,
-		L,
+		b,
+		I,
 		Y,
-		y
-	]), Gt = A((e, t) => {
-		yt((n) => ({
+		v
+	]), Kt = k((e, t) => {
+		bt((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), Q = M(() => {
+	}, []), Q = j(() => {
 		if (!Y?.route) return "/";
 		let e = Y.route.split("/");
 		return e.pop(), e.join("/") || "/";
-	}, [Y]), Kt = M(() => !b?.screens || !Q || Q === "/" ? !1 : Object.values(b.screens).some((e) => e.route === Q), [b, Q]), qt = A(() => {
-		if (!Kt) {
-			y("/");
+	}, [Y]), qt = j(() => !y?.screens || !Q || Q === "/" ? !1 : Object.values(y.screens).some((e) => e.route === Q), [y, Q]), Jt = k(() => {
+		if (!qt) {
+			v("/");
 			return;
 		}
-		let e = Ht(Q)?.search ?? "";
-		y(e ? `${Q}?${e}` : Q);
+		let e = Ut(Q)?.search ?? "";
+		v(e ? `${Q}?${e}` : Q);
 	}, [
-		Kt,
+		qt,
 		Q,
-		Ht,
-		y
-	]), Jt = we({ fallback: qt }), Yt = !k && (Jt.hasOriginBack || Jt.allowFallbackBack && !!Kt), Xt = M(() => {
-		if (!w) return {};
+		Ut,
+		v
+	]), Yt = Te({ fallback: Jt }), Xt = !O && (Yt.hasOriginBack || Yt.allowFallbackBack && !!qt), Zt = j(() => {
+		if (!C) return {};
 		let e = {};
-		for (let t of He(w, B, L)) Ut.has(t) && (e[t] = _("record.field.required", "Required"));
-		for (let t of Ve(w, B)) Ut.has(t) && (e[t] = ne("record.email_invalid", "This is not a valid email address."));
+		for (let t of We(C, B, I)) Wt.has(t) && (e[t] = g("record.field.required", "Required"));
+		for (let t of Ue(C, B)) Wt.has(t) && (e[t] = _("record.email_invalid", "This is not a valid email address."));
 		return e;
 	}, [
+		g,
 		_,
-		ne,
-		w,
+		C,
 		B,
-		L,
-		Ut
-	]), Zt = Object.keys(Xt).length > 0, Qt = M(() => w ? $e({
-		entity: w,
+		I,
+		Wt
+	]), Qt = Object.keys(Zt).length > 0, $t = j(() => C ? tt({
+		entity: C,
 		formData: B,
 		record: J,
-		isNew: L,
+		isNew: I,
 		pendingStatuses: V,
 		pendingProperties: H,
 		pendingChildren: U,
-		childrenSnapshot: wt
+		childrenSnapshot: Tt
 	}) : {
 		payload: {},
 		committedFileIds: []
 	}, [
-		w,
+		C,
 		B,
 		J,
-		L,
+		I,
 		V,
 		H,
 		U,
-		wt
-	]), $t = Object.keys(Qt.payload).length > 0, en = K && (L || $t);
-	ke(en);
-	let tn = A(() => {
-		if (!E || !w || L && !D || !L && !O || (Et(!0), Zt)) return;
-		let t = { ...Qt.payload }, { committedFileIds: n } = Qt;
-		if (!L && !$t) {
-			vt(!1), bt({}), xt({}), W(void 0), G(void 0), Et(!1);
+		Tt
+	]), en = Object.keys($t.payload).length > 0, tn = K && (I || en);
+	Ae(tn);
+	let nn = k(() => {
+		if (!T || !C || I && !E || !I && !D || (Dt(!0), Qt)) return;
+		let t = { ...$t.payload }, { committedFileIds: n } = $t;
+		if (!I && !en) {
+			yt(!1), xt({}), St({}), W(void 0), G(void 0), Dt(!1);
 			return;
 		}
-		!L && X && (t.$row_version = X);
+		!I && X && (t.$row_version = X);
 		let r = () => {
-			vt(!1), Ct(!1), Et(!1), bt({}), xt({}), W(void 0), G(void 0);
+			yt(!1), wt(!1), Dt(!1), xt({}), St({}), W(void 0), G(void 0);
 		};
-		L ? lt.mutate(t, { onSuccess: (e) => {
-			n.forEach((e) => x.markCommitted(e));
-			let t = e.data, i = w ? o(w, t) : {}, a = d(i);
-			y(a ? `${Q}/${encodeURIComponent(a)}` : Q, { replace: !0 }), r();
-		} }) : R && ut.mutate({
-			pkValues: R,
+		I ? ut.mutate(t, { onSuccess: (e) => {
+			n.forEach((e) => b.markCommitted(e));
+			let t = e.data, i = C ? o(C, t) : {}, a = d(i);
+			v(a ? `${Q}/${encodeURIComponent(a)}` : Q, { replace: !0 }), r();
+		} }) : L && dt.mutate({
+			pkValues: L,
 			data: t
 		}, {
 			onSuccess: () => {
-				n.forEach((e) => x.markCommitted(e)), r();
+				n.forEach((e) => b.markCommitted(e)), r();
 			},
 			onError: (t) => {
-				t instanceof e && t.code === "entity.stale_object" && Ct(!0);
+				t instanceof e && t.code === "entity.stale_object" && wt(!0);
 			}
 		});
 	}, [
-		x,
-		L,
-		D,
-		O,
+		b,
+		I,
 		E,
-		Zt,
+		D,
+		T,
 		Qt,
 		$t,
-		lt,
+		en,
 		ut,
-		w,
-		y,
+		dt,
+		C,
+		v,
 		Q,
 		X,
-		R
-	]), nn = A((e, t) => {
+		L
+	]), rn = k((e, t) => {
 		W((n) => ({
 			...n ?? {},
 			[e]: t
 		}));
-	}, []), rn = A(() => {
-		R && !L && Oe && dt.mutate(R);
+	}, []), an = k(() => {
+		L && !I && ke && ft.mutate(L);
 	}, [
-		R,
 		L,
-		Oe,
-		dt
-	]), an = M(() => Ue(U, b), [U, b]), on = Object.keys(an).length > 0;
-	if (!Y || !w) return null;
-	if (!L && at) return /* @__PURE__ */ P(Ee, {});
-	if (Rt) return /* @__PURE__ */ F("div", {
+		I,
+		ke,
+		ft
+	]), on = j(() => Ge(U, y), [U, y]), sn = Object.keys(on).length > 0;
+	if (!Y || !C) return null;
+	if (!I && ot) return /* @__PURE__ */ N(De, {});
+	if (zt) return /* @__PURE__ */ P("div", {
 		style: { padding: 24 },
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ P("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: 8,
 				marginBottom: 8
 			},
-			children: [Yt && /* @__PURE__ */ P(ee, {
-				icon: /* @__PURE__ */ P(g.back, { size: 14 }),
-				onClick: Jt.goBack,
-				title: _("record.back", "Back")
-			}), /* @__PURE__ */ P("h1", {
+			children: [Xt && /* @__PURE__ */ N(te, {
+				icon: /* @__PURE__ */ N(h.back, { size: 14 }),
+				onClick: Yt.goBack,
+				title: g("record.back", "Back")
+			}), /* @__PURE__ */ N("h1", {
 				style: {
 					margin: 0,
 					fontSize: 18,
 					fontWeight: 600,
 					color: "var(--text)"
 				},
-				children: _("record.create_closed.title", "Not Available")
+				children: g("record.create_closed.title", "Not Available")
 			})]
-		}), /* @__PURE__ */ P("p", {
+		}), /* @__PURE__ */ N("p", {
 			style: { color: "var(--text-3)" },
-			children: _("record.create_closed.body", "This record type is not created from a form.")
+			children: g("record.create_closed.body", "This record type is not created from a form.")
 		})]
 	});
-	if (!L && !J || Lt) return /* @__PURE__ */ F("div", {
+	if (!I && !J || Rt) return /* @__PURE__ */ P("div", {
 		style: { padding: 24 },
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ P("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: 8,
 				marginBottom: 8
 			},
-			children: [Yt && /* @__PURE__ */ P(ee, {
-				icon: /* @__PURE__ */ P(g.back, { size: 14 }),
-				onClick: Jt.goBack,
-				title: _("record.back", "Back")
-			}), /* @__PURE__ */ P("h1", {
+			children: [Xt && /* @__PURE__ */ N(te, {
+				icon: /* @__PURE__ */ N(h.back, { size: 14 }),
+				onClick: Yt.goBack,
+				title: g("record.back", "Back")
+			}), /* @__PURE__ */ N("h1", {
 				style: {
 					margin: 0,
 					fontSize: 18,
 					fontWeight: 600,
 					color: "var(--text)"
 				},
-				children: _("record.missing.title", "Not Found")
+				children: g("record.missing.title", "Not Found")
 			})]
-		}), /* @__PURE__ */ P("p", {
+		}), /* @__PURE__ */ N("p", {
 			style: { color: "var(--text-3)" },
-			children: ne("entity.not_found", "This record does not exist.")
+			children: _("entity.not_found", "This record does not exist.")
 		})]
 	});
-	let sn = w.display, cn = _(Y.display?.name) || _(sn.name), ln = c(_, J, w), un = L ? _("record.new_title", "New {name}", { name: cn }) : ln ? String(ln) : cn, dn = lt.isPending || ut.isPending, fn = Y.responsive?.[me.category]?.layout, pn = fn?.tabs ?? (me.isPhone ? "sections" : void 0), mn = fn?.header_card === !0 ? Ge({
-		entity: w,
+	let cn = C.display, ln = g(Y.display?.name) || g(cn.name), un = c(g, J, C), dn = I ? g("record.new_title", "New {name}", { name: ln }) : un ? String(un) : ln, fn = ut.isPending || dt.isPending, pn = Y.responsive?.[he.category]?.layout, mn = pn?.tabs ?? (he.isPhone ? "sections" : void 0), hn = pn?.header_card === !0 ? qe({
+		entity: C,
 		screen: Y
 	}) : void 0, $ = {
-		schema: b,
-		entity: w,
-		entityCode: E,
-		recordId: z ?? I ?? "",
+		schema: y,
+		entity: C,
+		entityCode: T,
+		recordId: R ?? F ?? "",
 		record: K ? {
 			...J ?? {},
 			...B
 		} : J ?? {},
-		isNew: L,
+		isNew: I,
 		mode: K ? "edit" : "display",
-		onFieldChange: K ? Gt : void 0,
-		refs: Nt,
+		onFieldChange: K ? Kt : void 0,
+		refs: Pt,
+		headerFields: !I && J ? ze(Y, C) : void 0,
 		objectProperties: (() => {
-			let e = ht ?? [];
+			let e = gt ?? [];
 			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 : {
 				...e,
@@ -494,13 +495,13 @@ function R({ screenCode: t }) {
 			});
 			return t;
 		})(),
-		onSetProperty: L || !O ? void 0 : K ? (e, t) => xt((n) => ({
+		onSetProperty: I || !D ? void 0 : K ? (e, t) => St((n) => ({
 			...n,
 			[e]: t
 		})) : void 0,
 		isPropertyPending: !1,
 		objectStatuses: (() => {
-			let e = mt ?? [];
+			let e = ht ?? [];
 			if (!K || 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,
@@ -514,59 +515,58 @@ function R({ screenCode: t }) {
 			});
 			return t;
 		})(),
-		onSetStatus: L || !O ? void 0 : K ? (e, t) => bt((n) => ({
+		onSetStatus: I || !D ? void 0 : K ? (e, t) => xt((n) => ({
 			...n,
 			[e]: t
 		})) : void 0,
 		isStatusPending: !1,
 		pendingChildren: K ? U : void 0,
-		onChildrenChange: K ? nn : void 0,
-		childValidationErrors: K ? an : void 0,
-		fieldErrors: K && Tt ? Xt : void 0,
-		detailTabsPresentation: pn,
-		relatedRecordsPresentation: fn?.related_records
-	}, hn = !!Y.sidebar && Y.sidebar.length > 0, gn = fn?.sidebar === "hidden", _n = hn && !gn && !me.isDesktop, vn = hn && !gn && me.isDesktop, yn = !L && J ? /* @__PURE__ */ P(Le, {
+		onChildrenChange: K ? rn : void 0,
+		childValidationErrors: K ? on : void 0,
+		fieldErrors: K && Et ? Zt : void 0,
+		detailTabsPresentation: mn,
+		relatedRecordsPresentation: pn?.related_records
+	}, gn = !!Y.sidebar && Y.sidebar.length > 0, _n = pn?.sidebar === "hidden", vn = gn && !_n && !he.isDesktop, yn = gn && !_n && he.isDesktop, bn = !I && J ? /* @__PURE__ */ N(Re, {
 		screen: Y,
-		entity: w,
-		entityCode: E,
+		entity: C,
+		entityCode: T,
 		record: J,
-		refs: Nt,
-		objectStatuses: mt,
-		schema: b
-	}) : void 0, bn = /* @__PURE__ */ P(rt, {
-		title: un,
-		recordId: I,
+		refs: Pt,
+		objectStatuses: ht,
+		schema: y
+	}) : void 0, xn = /* @__PURE__ */ N(it, {
+		title: dn,
 		editing: K,
-		isNew: L,
-		isRecordDeleted: Ft,
-		dirty: en,
-		isSaving: dn,
-		hasChildErrors: on,
-		hasFieldErrors: Tt && Zt,
-		canRestore: Oe,
-		entity: w,
+		isNew: I,
+		isRecordDeleted: It,
+		dirty: tn,
+		isSaving: fn,
+		hasChildErrors: sn,
+		hasFieldErrors: Et && Qt,
+		canRestore: ke,
+		entity: C,
 		screen: Y,
-		globalActions: b?.actions,
-		entityCode: E,
+		globalActions: y?.actions,
+		entityCode: T,
 		record: J,
-		id: I,
+		id: F,
 		listRoute: Q,
-		listRouteExists: !!Kt,
-		highlights: yn,
-		showBack: Yt,
-		onBack: Jt.goBack,
-		onCancelEdit: Wt,
-		onSave: tn,
-		onRestore: rn,
-		isRestoring: dt.isPending,
+		listRouteExists: !!qt,
+		highlights: bn,
+		showBack: Xt,
+		onBack: Yt.goBack,
+		onCancelEdit: Gt,
+		onSave: nn,
+		onRestore: an,
+		isRestoring: ft.isPending,
 		refreshControl: {
-			refetch: nt.refetch,
-			isLoading: nt.isLoading,
-			isLive: ct
+			refetch: z.refetch,
+			isLoading: z.isLoading,
+			isLive: lt
 		},
-		isRealtimeEntity: w?.realtime === !0,
-		canManageTemplates: Me(b)
-	}), xn = Ft && /* @__PURE__ */ F("div", {
+		isRealtimeEntity: C?.realtime === !0,
+		canManageTemplates: Ne(y)
+	}), Sn = It && /* @__PURE__ */ P("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -579,8 +579,8 @@ function R({ screenCode: t }) {
 			color: "var(--danger)",
 			fontSize: 12.5
 		},
-		children: [/* @__PURE__ */ P(g.warning, { size: 14 }), /* @__PURE__ */ P("span", { children: _("record.deleted_banner", "This record was deleted on {date}", { date: n(String(J[w.soft_delete])) }) })]
-	}), Sn = St && /* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ N(h.warning, { size: 14 }), /* @__PURE__ */ N("span", { children: g("record.deleted_banner", "This record was deleted on {date}", { date: n(String(J[C.soft_delete])) }) })]
+	}), Cn = Ct && /* @__PURE__ */ P("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -593,79 +593,80 @@ function R({ screenCode: t }) {
 			color: "var(--warn)",
 			fontSize: 12.5
 		},
-		children: [/* @__PURE__ */ P(g.warning, { size: 14 }), /* @__PURE__ */ P("span", { children: _("record.changed_on_server", "This record changed on the server while you were viewing or editing it.") })]
-	}), Cn = K && Tt && Zt && /* @__PURE__ */ P(Ie, {
-		errors: Object.entries(Xt).map(([e, t]) => {
-			let n = w.fields.get(e);
+		children: [/* @__PURE__ */ N(h.warning, { size: 14 }), /* @__PURE__ */ N("span", { children: g("record.changed_on_server", "This record changed on the server while you were viewing or editing it.") })]
+	}), wn = K && Et && Qt && /* @__PURE__ */ N(Le, {
+		errors: Object.entries(Zt).map(([e, t]) => {
+			let n = C.fields.get(e);
 			return {
 				name: e,
-				label: n ? s(_, n, e, b?.entities) : e,
+				label: n ? s(g, n, e, y?.entities) : e,
 				message: t
 			};
 		}),
 		onJump: (e) => {
-			let t = document.getElementById(`${E}-${e}`);
+			let t = document.getElementById(`${T}-${e}`);
 			t && (t.scrollIntoView({
 				block: "center",
 				behavior: "smooth"
 			}), t.focus?.());
 		}
-	}), wn = ft && !L && !(Y.items && Y.items.length > 0) && /* @__PURE__ */ P("div", {
+	}), Tn = pt && !I && !(Y.items && Y.items.length > 0) && /* @__PURE__ */ N("div", {
 		className: "mb-4",
-		children: /* @__PURE__ */ P(Pe, {
-			statusGroups: w.status_groups ?? {},
+		children: /* @__PURE__ */ N(Fe, {
+			statusGroups: C.status_groups ?? {},
 			objectStatuses: $.objectStatuses,
-			onSetStatus: O && K ? (e, t) => bt((n) => ({
+			onSetStatus: D && K ? (e, t) => xt((n) => ({
 				...n,
 				[e]: t
-			})) : Ze,
+			})) : $e,
 			isPending: !1,
 			mode: K ? "edit" : "display"
 		})
-	}), Tn = w.evidence_covered && !L && J && /* @__PURE__ */ P("div", {
+	}), En = C.evidence_covered && !I && J && /* @__PURE__ */ N("div", {
 		className: "mb-4",
-		children: /* @__PURE__ */ P(ze, { evidence: J.$evidence })
-	}), En = /* @__PURE__ */ F(qe, { children: [
-		mn && (J || L) && /* @__PURE__ */ P(tt, {
-			card: mn,
-			entity: w,
+		children: /* @__PURE__ */ N(Ve, { evidence: J.$evidence })
+	}), Dn = /* @__PURE__ */ P(Ye, { children: [
+		hn && (J || I) && /* @__PURE__ */ N(rt, {
+			card: hn,
+			entity: C,
 			record: $.record,
 			objectStatuses: $.objectStatuses,
 			objectProperties: $.objectProperties
 		}),
-		Y.items && Y.items.length > 0 && (J || L) && b && /* @__PURE__ */ P(Fe, {
+		Y.items && Y.items.length > 0 && (J || I) && y && /* @__PURE__ */ N(Ie, {
 			nodes: Y.items,
 			ctx: $
 		}),
-		!L && I && E && w.associations && Object.keys(w.associations).length > 0 && b && /* @__PURE__ */ P(Ae, {
-			entityCode: E,
-			recordId: z ?? I ?? "",
-			associations: w.associations,
-			schema: b
+		!I && F && T && C.associations && Object.keys(C.associations).length > 0 && y && /* @__PURE__ */ N(je, {
+			entityCode: T,
+			recordId: R ?? F ?? "",
+			associations: C.associations,
+			schema: y
 		}),
-		!L && I && E && /* @__PURE__ */ P(Ne, {
-			entity: w,
-			entityCode: E,
-			objectId: z ?? I,
-			schema: b
+		!I && F && T && /* @__PURE__ */ N(Pe, {
+			entity: C,
+			entityCode: T,
+			objectId: R ?? F,
+			schema: y
 		}),
-		!L && J && b && /* @__PURE__ */ P(Re, {
+		!I && J && y && /* @__PURE__ */ N(Be, {
 			screen: Y,
-			entity: w,
-			entityCode: E,
+			entity: C,
+			entityCode: T,
 			record: J,
-			refs: Nt,
-			schema: b
+			recordId: R ?? F,
+			refs: Pt,
+			schema: y
 		})
-	] }), Dn = /* @__PURE__ */ F(qe, { children: [
-		bn,
-		Sn,
+	] }), On = /* @__PURE__ */ P(Ye, { children: [
 		xn,
 		Cn,
+		Sn,
 		wn,
-		Tn
+		Tn,
+		En
 	] });
-	return vn ? /* @__PURE__ */ F("div", {
+	return yn ? /* @__PURE__ */ P("div", {
 		style: {
 			height: "100%",
 			display: "flex",
@@ -673,23 +674,23 @@ function R({ screenCode: t }) {
 			background: "var(--background)"
 		},
 		children: [
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				style: {
 					flex: 1,
 					minWidth: 0,
 					height: "100%"
 				},
-				children: /* @__PURE__ */ P(Be, {
-					scrollRef: It,
-					header: Dn,
-					children: En
+				children: /* @__PURE__ */ N(He, {
+					scrollRef: Lt,
+					header: On,
+					children: Dn
 				})
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "detail-resize-handle",
-				onMouseDown: Mt,
-				title: _("record.layout.drag_to_resize", "Drag to resize"),
-				children: /* @__PURE__ */ P("div", { style: {
+				onMouseDown: Nt,
+				title: g("record.layout.drag_to_resize", "Drag to resize"),
+				children: /* @__PURE__ */ N("div", { style: {
 					position: "absolute",
 					top: 0,
 					bottom: 0,
@@ -699,23 +700,23 @@ function R({ screenCode: t }) {
 					background: "var(--border)"
 				} })
 			}),
-			/* @__PURE__ */ P("div", {
-				ref: jt,
+			/* @__PURE__ */ N("div", {
+				ref: Mt,
 				style: {
 					flexShrink: 0,
 					height: "100%",
-					width: `${kt}px`
+					width: `${At}px`
 				},
-				children: (J || L) && b && /* @__PURE__ */ P(Fe, {
+				children: (J || I) && y && /* @__PURE__ */ N(Ie, {
 					nodes: Y.sidebar,
 					ctx: $
 				})
 			})
 		]
-	}) : /* @__PURE__ */ F(Be, {
-		scrollRef: It,
-		header: Dn,
-		children: [En, _n && (J || L) && b && /* @__PURE__ */ P("div", {
+	}) : /* @__PURE__ */ P(He, {
+		scrollRef: Lt,
+		header: On,
+		children: [Dn, vn && (J || I) && y && /* @__PURE__ */ N("div", {
 			"data-testid": "detail-sidebar-inline",
 			style: {
 				display: "flex",
@@ -723,25 +724,25 @@ function R({ screenCode: t }) {
 				gap: 16,
 				minWidth: 0
 			},
-			children: /* @__PURE__ */ P(Fe, {
+			children: /* @__PURE__ */ N(Ie, {
 				nodes: Y.sidebar,
 				ctx: $
 			})
 		})]
 	});
 }
-function tt({ card: e, entity: n, record: r, objectStatuses: i, objectProperties: a }) {
-	let o = v(), s = (e) => {
-		let s = z(o, n, e, r, i, a);
+function rt({ card: e, entity: n, record: r, objectStatuses: i, objectProperties: a }) {
+	let o = ne(), s = (e) => {
+		let s = R(o, n, e, r, i, a);
 		return s != null && t(s) !== "";
 	}, l = (e) => {
-		let s = z(o, n, e, r, i, a);
-		return t(s) || /* @__PURE__ */ P("span", {
+		let s = R(o, n, e, r, i, a);
+		return t(s) || /* @__PURE__ */ N("span", {
 			style: { color: "var(--text-3)" },
 			children: "-"
 		});
-	}, u = e.titleUsesDisplay ? c(o, r, n) : e.titleField ? z(o, n, e.titleField, r, i, a) : void 0, d = t(u) || o(n.display?.name) || o("record.fallback_title", "Record"), f = e.badgeFields.filter((t) => !e.hideEmptyFields || s(t)), p = e.bodyFields.filter((t) => !e.hideEmptyFields || s(t)), m = e.metaFields.filter((t) => !e.hideEmptyFields || s(t));
-	return /* @__PURE__ */ F("section", {
+	}, u = e.titleUsesDisplay ? c(o, r, n) : e.titleField ? R(o, n, e.titleField, r, i, a) : void 0, d = t(u) || o(n.display?.name) || o("record.fallback_title", "Record"), f = e.badgeFields.filter((t) => !e.hideEmptyFields || s(t)), p = e.bodyFields.filter((t) => !e.hideEmptyFields || s(t)), m = e.metaFields.filter((t) => !e.hideEmptyFields || s(t));
+	return /* @__PURE__ */ P("section", {
 		"data-testid": "detail-header-card",
 		style: {
 			width: "100%",
@@ -754,9 +755,9 @@ function tt({ card: e, entity: n, record: r, objectStatuses: i, objectProperties
 			boxSizing: "border-box"
 		},
 		children: [
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ P("div", {
 				style: { minWidth: 0 },
-				children: [/* @__PURE__ */ P("div", {
+				children: [/* @__PURE__ */ N("div", {
 					style: {
 						fontSize: 15,
 						lineHeight: 1.25,
@@ -765,7 +766,7 @@ function tt({ card: e, entity: n, record: r, objectStatuses: i, objectProperties
 						overflowWrap: "anywhere"
 					},
 					children: d
-				}), e.subtitleField && /* @__PURE__ */ P("div", {
+				}), e.subtitleField && /* @__PURE__ */ N("div", {
 					style: {
 						marginTop: 4,
 						fontSize: 12.5,
@@ -776,14 +777,14 @@ function tt({ card: e, entity: n, record: r, objectStatuses: i, objectProperties
 					children: l(e.subtitleField)
 				})]
 			}),
-			f.length > 0 && /* @__PURE__ */ P("div", {
+			f.length > 0 && /* @__PURE__ */ N("div", {
 				style: {
 					display: "flex",
 					flexWrap: "wrap",
 					gap: 6,
 					marginTop: 10
 				},
-				children: f.map((e) => /* @__PURE__ */ P("span", {
+				children: f.map((e) => /* @__PURE__ */ N("span", {
 					style: {
 						minWidth: 0,
 						maxWidth: "100%",
@@ -798,7 +799,7 @@ function tt({ card: e, entity: n, record: r, objectStatuses: i, objectProperties
 					children: l(e)
 				}, e))
 			}),
-			p.length > 0 && /* @__PURE__ */ P("dl", {
+			p.length > 0 && /* @__PURE__ */ N("dl", {
 				style: {
 					display: "grid",
 					gridTemplateColumns: "minmax(84px, max-content) minmax(0, 1fr)",
@@ -807,12 +808,12 @@ function tt({ card: e, entity: n, record: r, objectStatuses: i, objectProperties
 					fontSize: 12.5,
 					lineHeight: 1.35
 				},
-				children: p.map((e) => /* @__PURE__ */ F("div", {
+				children: p.map((e) => /* @__PURE__ */ P("div", {
 					style: { display: "contents" },
-					children: [/* @__PURE__ */ P("dt", {
+					children: [/* @__PURE__ */ N("dt", {
 						style: { color: "var(--text-3)" },
-						children: nt(o, n, e)
-					}), /* @__PURE__ */ P("dd", {
+						children: z(o, n, e)
+					}), /* @__PURE__ */ N("dd", {
 						style: {
 							margin: 0,
 							color: "var(--text-2)",
@@ -823,7 +824,7 @@ function tt({ card: e, entity: n, record: r, objectStatuses: i, objectProperties
 					})]
 				}, e))
 			}),
-			m.length > 0 && /* @__PURE__ */ P("div", {
+			m.length > 0 && /* @__PURE__ */ N("div", {
 				style: {
 					display: "flex",
 					flexWrap: "wrap",
@@ -832,13 +833,13 @@ function tt({ card: e, entity: n, record: r, objectStatuses: i, objectProperties
 					color: "var(--text-3)",
 					fontSize: 11.5
 				},
-				children: m.map((e) => /* @__PURE__ */ F("span", {
+				children: m.map((e) => /* @__PURE__ */ P("span", {
 					style: {
 						minWidth: 0,
 						overflowWrap: "anywhere"
 					},
 					children: [
-						nt(o, n, e),
+						z(o, n, e),
 						": ",
 						l(e)
 					]
@@ -847,7 +848,7 @@ function tt({ card: e, entity: n, record: r, objectStatuses: i, objectProperties
 		]
 	});
 }
-function z(e, t, n, r, i, a) {
+function R(e, t, n, r, i, a) {
 	if (n.startsWith("$status.")) {
 		let t = n.slice(8), r = i?.find((e) => e.group_code === t);
 		return e(r?.status_name) || r?.status_code;
@@ -856,68 +857,68 @@ function z(e, t, n, r, i, a) {
 		let e = n.slice(10);
 		return a?.find((t) => t.property_code === e)?.value;
 	}
-	return C(t, r, n);
+	return be(t, r, n);
 }
-function nt(e, t, n) {
+function z(e, t, n) {
 	if (n.startsWith("$status.")) return n.slice(8);
 	if (n.startsWith("$property.")) return n.slice(10);
 	let r = t.fields.get(n);
 	return r ? s(e, r, n) : n;
 }
-function rt({ title: e, recordId: t, editing: n, isNew: r, isRecordDeleted: i, dirty: a, isSaving: o, hasChildErrors: s, hasFieldErrors: c, canRestore: l, entity: u, screen: d, globalActions: f, entityCode: p, record: m, id: h, listRoute: ee, listRouteExists: te, highlights: ae, showBack: oe, onBack: de, onCancelEdit: pe, onSave: he, onRestore: ge, isRestoring: _e, refreshControl: S, isRealtimeEntity: ve, canManageTemplates: ye }) {
-	let C = v(), w = v("errors"), { run: be } = x(), T = me("detail"), xe = ce(), Se = se(), Ce = ue(d?.action_layout, u?.action_layout, u?.actions, f, "detail_toolbar"), we = ue(d?.action_layout, u?.action_layout, u?.actions, f, "detail"), Te = b(C, we, u?.actions, f, m ?? {}, [], O(u, m ?? {})), Ee = b(C, Ce, u?.actions, f, m ?? {}, [], O(u, m ?? {})), De = M(() => {
-		if (!u) return;
-		let e = h ? [h] : [];
+function it({ title: e, editing: t, isNew: n, isRecordDeleted: r, dirty: i, isSaving: a, hasChildErrors: o, hasFieldErrors: s, canRestore: c, entity: l, screen: u, globalActions: d, entityCode: f, record: p, id: m, listRoute: ee, listRouteExists: te, highlights: re, showBack: oe, onBack: se, onCancelEdit: fe, onSave: me, onRestore: ge, isRestoring: _e, refreshControl: ve, isRealtimeEntity: x, canManageTemplates: ye }) {
+	let S = ne(), be = ne("errors"), { run: C } = b(), w = he("detail"), xe = le(), Se = ce(), Ce = de(u?.action_layout, l?.action_layout, l?.actions, d, "detail_toolbar"), we = de(u?.action_layout, l?.action_layout, l?.actions, d, "detail"), Te = y(S, we, l?.actions, d, p ?? {}, [], D(l, p ?? {})), Ee = y(S, Ce, l?.actions, d, p ?? {}, [], D(l, p ?? {})), De = j(() => {
+		if (!l) return;
+		let e = m ? [m] : [];
 		return {
-			entity: u,
-			entityCode: p ?? "",
-			screen: d,
-			screenRoute: d?.route ?? "",
-			selectedRows: m ? [m] : [],
+			entity: l,
+			entityCode: f ?? "",
+			screen: u,
+			screenRoute: u?.route ?? "",
+			selectedRows: p ? [p] : [],
 			selectedIds: e,
-			t: C,
+			t: S,
 			tabNavigate: (e, t) => xe(e, {
 				title: t?.title,
 				icon: t?.icon,
 				search: t?.search
 			}),
-			runActionApi: (e, t) => ie(e, t),
-			recordHref: (e) => e === h && d?.route ? d.route.replace(":id", encodeURIComponent(e)) : null
+			runActionApi: (e, t) => ae(e, t),
+			recordHref: (e) => e === m && u?.route ? u.route.replace(":id", encodeURIComponent(e)) : null
 		};
 	}, [
+		l,
+		f,
 		u,
-		p,
-		d,
-		h,
 		m,
-		C,
+		p,
+		S,
 		xe
-	]), ke = (e, t) => {
-		let n = E(w, e, t, { row: m ?? void 0 });
+	]), Oe = (e, t) => {
+		let n = T(be, e, t, { row: p ?? void 0 });
 		if (n === null) return;
-		let r = h ? [h] : [], i = e === "__delete" && te ? ee : null;
-		return be({
+		let r = m ? [m] : [], i = e === "__delete" && te ? ee : null;
+		return C({
 			action: t,
-			title: C(t.display?.name) || e,
-			row: m ?? void 0,
-			execute: (e) => ie(n, y(e, r)),
+			title: S(t.display?.name) || e,
+			row: p ?? void 0,
+			execute: (e) => ae(n, v(e, r)),
 			onSuccess: i ? () => {
-				le.getState().kill(fe(location)), Se(i, { replace: !0 });
+				ue.getState().kill(pe(location)), Se(i, { replace: !0 });
 			} : void 0
 		});
-	}, Ae = T.isVisible("show_actions") && !r && h && Te.length > 0 ? /* @__PURE__ */ P(D, {
+	}, Ae = w.isVisible("show_actions") && !n && m && Te.length > 0 ? /* @__PURE__ */ N(E, {
 		layout: Te,
-		row: m,
-		onRun: ke,
+		row: p,
+		onRun: Oe,
 		kind: "detail",
-		entityActions: u?.actions,
-		globalActions: f,
+		entityActions: l?.actions,
+		globalActions: d,
 		reservedRightWidth: 0,
 		widgetContext: De
-	}) : null, Me = !r && h ? /* @__PURE__ */ P(Oe, {
-		liveObject: S,
-		realtime: ve
-	}) : null, Ne = T.isVisible("show_actions") && !r && h && Ee.length > 0 ? /* @__PURE__ */ F("div", {
+	}) : null, je = !n && m ? /* @__PURE__ */ N(ke, {
+		liveObject: ve,
+		realtime: x
+	}) : null, Ne = w.isVisible("show_actions") && !n && m && Ee.length > 0 ? /* @__PURE__ */ P("div", {
 		style: {
 			display: "flex",
 			justifyContent: "flex-end",
@@ -925,62 +926,61 @@ function rt({ title: e, recordId: t, editing: n, isNew: r, isRecordDeleted: i, d
 			gap: 8,
 			marginTop: 10
 		},
-		children: [Ae ? null : Me, /* @__PURE__ */ P(D, {
+		children: [Ae ? null : je, /* @__PURE__ */ N(E, {
 			layout: Ee,
-			row: m,
-			onRun: ke,
+			row: p,
+			onRun: Oe,
 			kind: "detail",
-			entityActions: u?.actions,
-			globalActions: f,
+			entityActions: l?.actions,
+			globalActions: d,
 			reservedRightWidth: 0,
 			widgetContext: De,
-			ariaLabel: Ae ? C("record.toolbar_actions", "Detail toolbar actions") : C("record.page_actions", "Page actions")
+			ariaLabel: Ae ? S("record.toolbar_actions", "Detail toolbar actions") : S("record.page_actions", "Page actions")
 		})]
-	}) : null, Pe = T.isVisible("show_actions") && !r && h && p ? /* @__PURE__ */ P(je, {
-		entityCode: p,
+	}) : null, Pe = w.isVisible("show_actions") && !n && m && f ? /* @__PURE__ */ N(Me, {
+		entityCode: f,
 		scope: "detail",
-		objectIds: [h],
-		capability: u?.documents,
+		objectIds: [m],
+		capability: l?.documents,
 		canManageTemplates: ye
-	}) : null, Fe = i ? l ? /* @__PURE__ */ P(_, {
+	}) : null, Fe = r ? c ? /* @__PURE__ */ N(g, {
 		kind: "primary",
-		icon: P(_e ? ne : g.refresh, { size: 13 }),
+		icon: N(_e ? _ : h.refresh, { size: 13 }),
 		onClick: ge,
 		disabled: _e,
-		children: _e ? C("record.restoring", "Restoring…") : C("record.restore", "Restore")
-	}) : null : n ? /* @__PURE__ */ F(qe, { children: [/* @__PURE__ */ P(_, {
-		icon: /* @__PURE__ */ P(g.x, { size: 13 }),
-		onClick: pe,
-		disabled: o,
-		children: C("dialog.cancel", "Cancel")
-	}), /* @__PURE__ */ P(_, {
+		children: _e ? S("record.restoring", "Restoring…") : S("record.restore", "Restore")
+	}) : null : t ? /* @__PURE__ */ P(Ye, { children: [/* @__PURE__ */ N(g, {
+		icon: /* @__PURE__ */ N(h.x, { size: 13 }),
+		onClick: fe,
+		disabled: a,
+		children: S("dialog.cancel", "Cancel")
+	}), /* @__PURE__ */ N(g, {
 		kind: "primary",
-		icon: P(o ? ne : g.save, { size: 13 }),
-		onClick: he,
-		disabled: o || s || c,
-		title: s ? C("record.save.fix_child_rows", "Fix errors in child rows") : c ? C("record.save.fix_fields", "Fix the highlighted fields") : void 0,
-		children: o ? C("dialog.saving", "Saving…") : C("dialog.save", "Save")
-	})] }) : !r && h ? Ae ? /* @__PURE__ */ F("span", {
+		icon: N(a ? _ : h.save, { size: 13 }),
+		onClick: me,
+		disabled: a || o || s,
+		title: o ? S("record.save.fix_child_rows", "Fix errors in child rows") : s ? S("record.save.fix_fields", "Fix the highlighted fields") : void 0,
+		children: a ? S("dialog.saving", "Saving…") : S("dialog.save", "Save")
+	})] }) : !n && m ? Ae ? /* @__PURE__ */ P("span", {
 		style: { display: "contents" },
 		children: [Pe, Ae]
 	}) : Pe : null;
-	return /* @__PURE__ */ F(qe, { children: [/* @__PURE__ */ P(k, {
-		icon: u?.display.icon ? /* @__PURE__ */ P(re, {
-			name: u.display.icon,
+	return /* @__PURE__ */ P(Ye, { children: [/* @__PURE__ */ N(O, {
+		icon: l?.display.icon ? /* @__PURE__ */ N(ie, {
+			name: l.display.icon,
 			size: 16
 		}) : void 0,
 		title: e,
-		description: C(d?.display?.description) || C(u?.display?.description),
-		recordId: t,
-		highlights: ae,
-		identityControls: !i && !n && !r ? Me : null,
-		mode: r ? "create" : n ? "edit" : "display",
-		dirty: a,
+		description: S(u?.display?.description) || S(l?.display?.description),
+		highlights: re,
+		identityControls: !r && !t && !n ? je : null,
+		mode: n ? "create" : t ? "edit" : "display",
+		dirty: i,
 		showBack: oe,
-		onBack: de,
+		onBack: se,
 		right: Fe,
-		showTitle: T.isVisible("show_title")
+		showTitle: w.isVisible("show_title")
 	}), Ne] });
 }
 //#endregion
-export { L as SmartDetailPage };
+export { I as SmartDetailPage };