@declarion/react 0.65.1 → 0.66.0

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

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