@declarion/react 0.80.0 → 0.82.0

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

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