@declarion/react 0.87.0 → 0.88.0

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

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