@declarion/react 0.104.0 → 0.109.0

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

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