@declarion/react 0.61.1 → 0.63.0

package/dist-lib/SmartDetailPage.impl-8iOAMYQh.js

@@ -0,0 +1,1609 @@
+import { $ as e, A as t, B as n, Cn as r, Ft as i, I as a, It as o, Nt as s, Q as c, W as l, Xt as u, Z as d, an as f, at as p, cn as m, et as h, fn as g, in as _, mn as v, mt as y, on as ee, pt as b, qn as x, rn as te, sn as S, ut as C, wn as w, wt as T, xn as ne, xt as re } from "./useCurrentScreen--UovgvRj.js";
+import { t as E } from "./Icons-lt-7lhYR.js";
+import { n as ie, r as D, t as O } from "./CopyButton-C0iEvaT1.js";
+import { t as k } from "./Pill-D-wsfRhx.js";
+import { L as ae, Q as A, _ as j, f as oe, h as se, o as ce, y as le } from "./PropertyGridEditor-BTjscqfz.js";
+import { n as M } from "./useBrandingChrome-bKTXXDLy.js";
+import { t as N } from "./SectionCard-VonaiLrx.js";
+import { t as P } from "./DynamicIcon-DuBSz6TZ.js";
+import { t as ue } from "./useScreenBack-J861tbwn.js";
+import { n as F } from "./useTabNavigate-BZiW4q3M.js";
+import { r as de } from "./page-state-eA6J_KIR.js";
+import { _ as fe, n as pe, v as me } from "./ActionRunner-DAxgnKB3.js";
+import { a as he, c as ge, d as _e, h as ve, n as ye, s as be } from "./useOwnRefresh-DkOuM4yo.js";
+import { n as xe, t as Se } from "./useObject-1OCeV34A.js";
+import { a as Ce, f as we, g as Te, l as Ee, m as De, n as Oe, p as ke, s as Ae, u as je } from "./variants-CbAwl3Mn.js";
+import { n as Me, t as Ne } from "./payload-B2wODLAX.js";
+import { r as Pe, t as Fe } from "./RefreshControl-Ce-T_wSQ.js";
+import { n as Ie, r as Le, t as Re } from "./dataTableStyles-vwD1mVOP.js";
+import { a as ze, i as Be, o as Ve, r as He, s as Ue } from "./peekDraftStore-D4GRsRKW.js";
+import { n as We, t as Ge } from "./LayoutRenderer-DEHtYtzV.js";
+import { i as Ke } from "./FieldRow-BXBBFOZh.js";
+import { n as qe, t as Je } from "./RecordHeader-Bv9nJXnG.js";
+import { t as Ye } from "./PageShell-tI-mm0C5.js";
+import { t as Xe } from "./cardProjection-Cr7fG6wJ.js";
+import { Fragment as I, useCallback as L, useEffect as R, useMemo as z, useRef as Ze, useState as B } from "react";
+import { useQuery as Qe, useQueryClient as V } from "@tanstack/react-query";
+import { Fragment as $e, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { useLocation as et, useParams as tt, useSearchParams as nt } from "react-router";
+//#region src/components/chrome/AssociationTabs.tsx
+function rt({ entityCode: e, recordId: t, associations: n, schema: r }) {
+	let i = T(), a = z(() => Object.entries(n), [n]), [o, s] = B(0);
+	if (a.length === 0) return null;
+	let [c, l] = a[o];
+	return /* @__PURE__ */ H(N, {
+		title: /* @__PURE__ */ H("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 4,
+				borderBottom: "1px solid var(--divider)",
+				margin: "-10px -14px 0 -14px",
+				padding: "0 14px"
+			},
+			children: a.map(([e, t], n) => {
+				let r = n === o;
+				return /* @__PURE__ */ U("button", {
+					onClick: (e) => {
+						e.stopPropagation(), s(n);
+					},
+					style: {
+						display: "inline-flex",
+						alignItems: "center",
+						gap: 6,
+						padding: "10px 12px",
+						fontSize: 12.5,
+						background: "transparent",
+						border: 0,
+						borderBottom: `2px solid ${r ? "var(--accent)" : "transparent"}`,
+						marginBottom: -1,
+						color: r ? "var(--text)" : "var(--text-3)",
+						cursor: "pointer",
+						fontWeight: r ? 600 : 500
+					},
+					children: [t.display?.icon && /* @__PURE__ */ H(P, {
+						name: t.display.icon,
+						size: 13
+					}), i(t.display?.name) || e]
+				}, e);
+			})
+		}),
+		collapsible: !1,
+		padding: "0",
+		children: /* @__PURE__ */ H(it, {
+			entityCode: e,
+			recordId: t,
+			assocKey: c,
+			association: l,
+			schema: r
+		})
+	});
+}
+function it({ entityCode: e, recordId: t, assocKey: n, association: r, schema: i }) {
+	let o = T(), s = T("errors"), c = F(), l = `${e}.${n}`, { data: u, isLoading: d } = Qe({
+		queryKey: [
+			"association",
+			l,
+			t
+		],
+		queryFn: () => y(l, [t])
+	}), f = u?.target_entity ?? r.target, p = i.entities[f], m = z(() => u?.ids ?? [], [u?.ids]), h = z(() => p?.fields.names().find((e) => p.fields.get(e)?.primary) ?? "id", [p]), g = z(() => m.slice(0, 50), [m]), { data: _, isLoading: v } = Qe({
+		queryKey: [
+			"association-records",
+			f,
+			g
+		],
+		queryFn: () => b(f, {
+			per_page: 50,
+			filters: [{
+				field: h,
+				op: "in",
+				value: g
+			}]
+		}),
+		enabled: g.length > 0 && !!p
+	}), x = _?.data ?? [], te = _?.$refs, S = z(() => p ? p.fields.names().filter((e) => {
+		let t = p.fields.get(e);
+		return t && !t.primary && !t.auto && t.display?.is_listable !== !1;
+	}).slice(0, 6) : [], [p]), C = () => {
+		let e = a(i, f);
+		if (!e) return;
+		let t = o(r.display?.name) || n, s = new URLSearchParams();
+		s.set("filters", JSON.stringify([{
+			field: h,
+			op: "in",
+			value: m
+		}])), c(e.route, {
+			title: t,
+			icon: r.display?.icon || e.icon,
+			search: s.toString()
+		});
+	}, w = {
+		fontSize: 12.5,
+		color: "var(--text-3)",
+		padding: "14px 16px"
+	};
+	if (d || v) return /* @__PURE__ */ H("div", {
+		style: w,
+		children: o("shell.loading", "Loading…")
+	});
+	if (!p) return /* @__PURE__ */ H("div", {
+		style: w,
+		children: s("record.related_entity_not_found", "The related record type is not declared in this deployment.")
+	});
+	if (m.length === 0) return /* @__PURE__ */ H("div", {
+		style: w,
+		children: o("shell.association.empty", "No related records.")
+	});
+	let ne = a(i, f);
+	return /* @__PURE__ */ U("div", {
+		style: { padding: "8px 0" },
+		children: [
+			/* @__PURE__ */ U("table", {
+				style: Le,
+				children: [/* @__PURE__ */ H("thead", { children: /* @__PURE__ */ H("tr", { children: S.map((e) => /* @__PURE__ */ H("th", {
+					style: Ie,
+					children: ee(o, p.fields.get(e), e, i.entities)
+				}, e)) }) }), /* @__PURE__ */ H("tbody", { children: x.map((e, t) => /* @__PURE__ */ H("tr", { children: S.map((t) => {
+					let n = p.fields.get(t);
+					return n ? /* @__PURE__ */ H("td", {
+						style: Re,
+						children: oe({
+							field: n,
+							fieldName: t,
+							value: e[t],
+							mode: "display",
+							record: e,
+							refs: te,
+							t: o
+						})
+					}, t) : /* @__PURE__ */ H("td", {}, t);
+				}) }, t)) })]
+			}),
+			ne && u && u.count > x.length && /* @__PURE__ */ H("div", {
+				style: {
+					padding: "10px 16px",
+					textAlign: "center"
+				},
+				children: /* @__PURE__ */ H(D, {
+					icon: /* @__PURE__ */ H(E.external, { size: 12 }),
+					onClick: C,
+					children: o("shell.association.view_all", "View all {count} records", { count: u.count })
+				})
+			}),
+			ne && x.length > 0 && u && u.count <= x.length && /* @__PURE__ */ H("div", {
+				style: {
+					padding: "10px 16px",
+					textAlign: "center"
+				},
+				children: /* @__PURE__ */ H(D, {
+					kind: "ghost",
+					icon: /* @__PURE__ */ H(E.external, { size: 12 }),
+					onClick: C,
+					children: o("shell.association.open_list", "Open in list view")
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/pages/RecordDocumentsPanel.tsx
+var W = 4e3, at = "pdf";
+function G(e) {
+	return e?.some((e) => e.status === "pending") ? W : !1;
+}
+function ot({ entityCode: e, objectId: t, canGenerateOne: n, canManageTemplates: r }) {
+	let i = T(), a = T("errors"), { data: o, isLoading: s, error: l } = Qe({
+		queryKey: [
+			fe,
+			e,
+			t
+		],
+		queryFn: async () => (await C("document.object_links", {
+			entity: e,
+			object_id: t
+		})).result?.documents ?? [],
+		enabled: !!(e && t) && (!!n || !!r),
+		refetchInterval: (e) => G(e.state.data)
+	}), u = (o?.length ?? 0) > 0;
+	return !n && !u ? null : /* @__PURE__ */ U(N, {
+		title: /* @__PURE__ */ H(K, {}),
+		collapsible: !1,
+		padding: "0",
+		children: [
+			s && /* @__PURE__ */ H(ct, {
+				icon: /* @__PURE__ */ H(E.loader, { size: 14 }),
+				text: i("document.panel.loading", "Loading documents...")
+			}),
+			l && /* @__PURE__ */ H(ct, {
+				icon: /* @__PURE__ */ H(E.warning, { size: 14 }),
+				text: c(a, l)
+			}),
+			!s && !l && (o?.length ?? 0) === 0 && /* @__PURE__ */ H(ct, {
+				icon: /* @__PURE__ */ H(E.file, { size: 14 }),
+				text: i("document.panel.empty", "No generated documents")
+			}),
+			!s && !l && o && o.length > 0 && /* @__PURE__ */ H("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column"
+				},
+				children: o.map((n) => /* @__PURE__ */ H(st, {
+					entityCode: e,
+					objectId: t,
+					doc: n
+				}, n.generated_document_id))
+			})
+		]
+	});
+}
+function K() {
+	let e = T();
+	return /* @__PURE__ */ U("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			margin: "-10px -14px 0 -14px",
+			padding: "10px 14px",
+			fontSize: 12.5,
+			fontWeight: 600,
+			color: "var(--text)"
+		},
+		children: [/* @__PURE__ */ H(E.file, { size: 13 }), e("document.panel.title", "Documents")]
+	});
+}
+function st({ entityCode: t, objectId: n, doc: r }) {
+	let a = T(), { data: o } = i(), s = a(o?.entities?.generated_document?.fields.get("status")?.values?.find((e) => e.code === r.status)?.name) || r.status, l = T("errors"), u = V(), [d, f] = B(!1), [p, m] = B(!1), [g, _] = B(!1), [v, y] = B(!1), [ee, b] = B(null), x = a(r.title) || r.filename || r.template_code, te = r.status === "ready" && r.download_url && !v;
+	async function S() {
+		f(!0), b(null);
+		try {
+			let t = (await C("document.download_format", {
+				generated_document_id: r.generated_document_id,
+				format: at
+			})).result;
+			t?.download_url && await e(l, t.download_url, t.filename);
+		} catch (e) {
+			h(e) ? (y(!0), b(l("document.artifact_unavailable", "This generated file is not available."))) : b(c(l, e));
+		} finally {
+			f(!1);
+		}
+	}
+	async function w() {
+		if (r.download_url) {
+			m(!0), b(null);
+			try {
+				await e(l, r.download_url, r.filename);
+			} catch (e) {
+				h(e) ? (y(!0), b(l("document.artifact_unavailable", "This generated file is not available."))) : b(c(l, e));
+			} finally {
+				m(!1);
+			}
+		}
+	}
+	async function ne() {
+		_(!0), b(null);
+		try {
+			await C("document.generate", {
+				...r.input ?? {},
+				template_code: r.template_code,
+				template_source: r.template_source,
+				output_format: r.output_format
+			}), await u.invalidateQueries({ queryKey: [
+				fe,
+				t,
+				n
+			] });
+		} catch (e) {
+			b(c(l, e));
+		} finally {
+			_(!1);
+		}
+	}
+	return /* @__PURE__ */ U("div", {
+		style: {
+			display: "grid",
+			gridTemplateColumns: "minmax(0, 1fr) auto",
+			gap: 12,
+			alignItems: "center",
+			padding: "11px 14px",
+			borderTop: "1px solid var(--divider)"
+		},
+		children: [/* @__PURE__ */ U("div", {
+			style: { minWidth: 0 },
+			children: [
+				/* @__PURE__ */ H("div", {
+					style: {
+						fontSize: 13,
+						fontWeight: 600,
+						color: "var(--text)",
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap"
+					},
+					children: x
+				}),
+				/* @__PURE__ */ U("div", {
+					style: {
+						marginTop: 3,
+						display: "flex",
+						gap: 8,
+						alignItems: "center",
+						color: "var(--text-3)",
+						fontSize: 11.5
+					},
+					children: [
+						/* @__PURE__ */ H("span", { children: r.output_format.toUpperCase() }),
+						/* @__PURE__ */ H("span", { children: v ? a("document.row.artifact_missing", "artifact unavailable") : s }),
+						/* @__PURE__ */ H("span", { children: r.ready_at || r.created_at })
+					]
+				}),
+				r.status === "failed" && r.error_text && /* @__PURE__ */ H("div", {
+					style: {
+						marginTop: 5,
+						color: "var(--danger)",
+						fontSize: 12
+					},
+					children: r.error_text
+				}),
+				ee && /* @__PURE__ */ H("div", {
+					style: {
+						marginTop: 5,
+						color: "var(--danger)",
+						fontSize: 12
+					},
+					children: ee
+				})
+			]
+		}), te ? /* @__PURE__ */ U("div", {
+			style: {
+				display: "flex",
+				gap: 6
+			},
+			children: [/* @__PURE__ */ H(D, {
+				kind: "ghost",
+				size: "sm",
+				icon: H(d ? E.loader : E.file, { size: 12 }),
+				onClick: S,
+				disabled: d,
+				children: at.toUpperCase()
+			}), /* @__PURE__ */ H(D, {
+				kind: "default",
+				size: "sm",
+				icon: H(p ? E.loader : E.download, { size: 12 }),
+				onClick: w,
+				disabled: p,
+				children: a("document.result.download", "Download")
+			})]
+		}) : v ? /* @__PURE__ */ H(D, {
+			kind: "ghost",
+			size: "sm",
+			icon: H(g ? E.loader : E.file, { size: 12 }),
+			onClick: ne,
+			disabled: g,
+			children: a("document.row.regenerate", "Regenerate")
+		}) : /* @__PURE__ */ H(D, {
+			kind: "ghost",
+			size: "sm",
+			disabled: !0,
+			children: r.status === "pending" ? a("document.row.pending", "Pending") : a("document.not_available", "Unavailable")
+		})]
+	});
+}
+function ct({ icon: e, text: t }) {
+	return /* @__PURE__ */ U("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			padding: "14px",
+			color: "var(--text-3)",
+			fontSize: 12.5
+		},
+		children: [e, t]
+	});
+}
+//#endregion
+//#region src/components/detail-layout/ErrorSummary.tsx
+function lt({ errors: e, onJump: t }) {
+	let n = T();
+	return e.length === 0 ? null : /* @__PURE__ */ U("div", {
+		role: "alert",
+		style: {
+			display: "flex",
+			gap: 10,
+			padding: "10px 12px",
+			marginBottom: 12,
+			borderRadius: 8,
+			background: "var(--danger-soft)",
+			border: "1px solid var(--danger-border)",
+			color: "var(--text)"
+		},
+		children: [/* @__PURE__ */ H("span", {
+			style: {
+				color: "var(--danger)",
+				marginTop: 1,
+				display: "flex"
+			},
+			children: /* @__PURE__ */ H(E.warning, { size: 14 })
+		}), /* @__PURE__ */ U("div", {
+			style: {
+				flex: 1,
+				minWidth: 0
+			},
+			children: [/* @__PURE__ */ H("div", {
+				style: {
+					fontSize: 12.5,
+					fontWeight: 600,
+					marginBottom: 4
+				},
+				children: s(n, "record.errors.summary", e.length, {
+					one: "{count} field needs attention",
+					other: "{count} fields need attention"
+				})
+			}), /* @__PURE__ */ H("ul", {
+				style: {
+					margin: 0,
+					padding: 0,
+					listStyle: "none",
+					display: "flex",
+					flexDirection: "column",
+					gap: 2
+				},
+				children: e.map((e) => /* @__PURE__ */ H("li", { children: /* @__PURE__ */ U("button", {
+					type: "button",
+					onClick: t ? () => t(e.name) : void 0,
+					style: {
+						background: "transparent",
+						border: 0,
+						padding: 0,
+						cursor: t ? "pointer" : "default",
+						fontSize: 12,
+						textAlign: "left",
+						fontFamily: "inherit"
+					},
+					children: [
+						/* @__PURE__ */ H("span", {
+							style: {
+								color: "var(--danger)",
+								marginRight: 6
+							},
+							children: "•"
+						}),
+						/* @__PURE__ */ H("span", {
+							style: {
+								fontWeight: 500,
+								color: "var(--text-2)"
+							},
+							children: e.label
+						}),
+						/* @__PURE__ */ U("span", {
+							style: { color: "var(--text-3)" },
+							children: [" - ", e.message]
+						})
+					]
+				}) }, e.name))
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/chrome/HighlightsStrip.tsx
+function ut({ items: e }) {
+	return e.length === 0 ? null : /* @__PURE__ */ H("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			flexWrap: "wrap",
+			gap: "6px 0",
+			fontSize: 12
+		},
+		children: e.map((e, t) => /* @__PURE__ */ U(I, { children: [t > 0 && /* @__PURE__ */ H("span", { style: {
+			width: 1,
+			height: 12,
+			background: "var(--divider)",
+			marginInline: 12
+		} }), /* @__PURE__ */ U("span", {
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				gap: 6,
+				lineHeight: 1.3
+			},
+			children: [/* @__PURE__ */ H("span", {
+				style: {
+					color: "var(--text-3)",
+					fontSize: 11.5
+				},
+				children: e.label
+			}), /* @__PURE__ */ H("span", {
+				style: { color: "var(--text)" },
+				children: e.value
+			})]
+		})] }, t))
+	});
+}
+//#endregion
+//#region src/components/detail-layout/DetailHighlights.tsx
+function dt({ screen: e, entity: t, entityCode: n, record: r, refs: i, objectStatuses: a, schema: o }) {
+	let s = T(), c = e.highlights;
+	if (!c || c.length === 0) return null;
+	let l = [];
+	for (let e of c) {
+		let c = t.status_groups?.[e];
+		if (c) {
+			let t = a?.find((t) => t.group_code === e), n = t ? c.statuses.find((e) => e.code === t.status_code) : void 0;
+			l.push({
+				label: s(c.name),
+				value: n ? /* @__PURE__ */ H(k, {
+					tone: n.color ?? "slate",
+					size: "xs",
+					children: s(n.name)
+				}) : /* @__PURE__ */ H("span", {
+					style: { color: "var(--text-4)" },
+					children: "—"
+				})
+			});
+		} else if (t.fields.get(e) || t.files?.get(e)) {
+			let a = ke({
+				entity: t,
+				entityCode: n,
+				fieldName: e,
+				record: r,
+				mode: "display",
+				refs: i,
+				entities: o.entities,
+				screens: o.screens,
+				surface: "list",
+				t: s
+			}), c = Ke(t.fields.get(e), r[e]);
+			l.push({
+				label: De(s, t, e, o.entities),
+				value: c ? /* @__PURE__ */ U($e, { children: [a, /* @__PURE__ */ H(O, {
+					value: c,
+					size: "sm",
+					title: s("record.field.copy_value", "Copy value")
+				})] }) : a
+			});
+		}
+	}
+	return l.length === 0 ? null : /* @__PURE__ */ H(ut, { items: l });
+}
+//#endregion
+//#region src/components/detail-layout/EvidenceBlock.tsx
+function q(e, t) {
+	if (!e) return;
+	let n = new Date(e);
+	if (!Number.isNaN(n.getTime())) return n.toLocaleString(t);
+}
+function ft({ evidence: e }) {
+	let t = T(), n = e?.verdict ?? "unverified", r = q(e?.verified_at, t.language), i = [];
+	return e?.seq && i.push(t("record.evidence.chain", "chain #{seq}", { seq: e.seq })), e?.generation && i.push(t("record.evidence.generation", "generation {number}", { number: e.generation })), /* @__PURE__ */ U("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 6
+		},
+		children: [/* @__PURE__ */ U("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 10,
+				flexWrap: "wrap"
+			},
+			children: [
+				/* @__PURE__ */ H("span", {
+					style: {
+						fontSize: 12,
+						fontWeight: 600,
+						color: "var(--muted-foreground)"
+					},
+					children: t("record.evidence.title", "Evidence")
+				}),
+				i.length > 0 && /* @__PURE__ */ H("span", {
+					style: {
+						fontSize: 12,
+						color: "var(--muted-foreground)"
+					},
+					children: i.join(" · ")
+				}),
+				/* @__PURE__ */ H(k, {
+					tone: ze(n),
+					size: "sm",
+					dot: !0,
+					children: Be(t, n)
+				}),
+				r && /* @__PURE__ */ H("span", {
+					style: {
+						fontSize: 12,
+						color: "var(--muted-foreground)"
+					},
+					children: t("record.evidence.verified", "Verified {when}", { when: r })
+				})
+			]
+		}), e?.reason && /* @__PURE__ */ H("span", {
+			style: {
+				fontSize: 12,
+				color: "var(--destructive)"
+			},
+			children: e.reason
+		})]
+	});
+}
+//#endregion
+//#region src/lib/children-validation.ts
+function pt(e, t, n) {
+	let r = [];
+	for (let [i, a] of e.fields) {
+		if (!a.required || a.auto || n && a.primary || e.tenant_key && i === e.tenant_key || a.default !== void 0 && a.default !== null) continue;
+		let o = t[i];
+		(o == null || o === "") && r.push(i);
+	}
+	return r;
+}
+var mt = /^[^@\s]+@[^@\s]+\.[^@\s]+$/;
+function ht(e, t) {
+	let n = [];
+	for (let [r, i] of e.fields) {
+		if (i.type !== "email") continue;
+		let e = t[r];
+		typeof e == "string" && e !== "" && !mt.test(e) && n.push(r);
+	}
+	return n;
+}
+function gt(e, t) {
+	let n = /* @__PURE__ */ new Set();
+	for (let r of Object.values(t.entities)) if (r.children) {
+		for (let t of r.children) if (t.entity === e && t.foreign_key) {
+			let e = Array.isArray(t.foreign_key) ? t.foreign_key : [t.foreign_key];
+			for (let t of e) n.add(t);
+		}
+	}
+	return n;
+}
+function _t(e, t) {
+	if (!e || !t) return {};
+	let n = {};
+	for (let [r, i] of Object.entries(e)) {
+		let e = t.entities[r];
+		if (!e) continue;
+		let a = gt(r, t), o = [];
+		for (let [t, n] of e.fields) e.tenant_key && t === e.tenant_key || n.required && !n.auto && !n.primary && !a.has(t) && o.push(t);
+		if (o.length !== 0) for (let e of i) {
+			if (e._deleted) continue;
+			let t = [];
+			for (let n of o) {
+				let r = e[n];
+				(r == null || r === "") && t.push(n);
+			}
+			t.length > 0 && (n[r] || (n[r] = {}), n[r][e._key] = t);
+		}
+	}
+	return n;
+}
+//#endregion
+//#region src/components/pages/SmartDetailPage.impl.tsx
+var vt = () => {}, yt = { expand: ["evidence"] };
+function bt(e, t) {
+	return e.length === t.length && JSON.stringify(e) === JSON.stringify(t);
+}
+function xt({ entity: e, formData: t, record: n, isNew: r, pendingStatuses: i, pendingProperties: a, pendingChildren: o, childrenSnapshot: s }) {
+	let c = {}, l = Ne({
+		entity: e,
+		formData: t,
+		record: n,
+		isNew: r
+	}), u = Me(l);
+	if (r) for (let [n, r] of Object.entries(t)) {
+		if (e.files?.has(n)) continue;
+		let t = Te(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 ? we(e, n, r) : void 0, a = Te(e, r, i), o = Te(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 || !bt(i, a)) && (e[t] = i);
+		}
+		Object.keys(e).length > 0 && (c.$children = e);
+	}
+	return {
+		payload: c,
+		committedFileIds: u
+	};
+}
+function St(e, t) {
+	if (e) {
+		let n = f(e, t), r = v(n);
+		if (r.replace(/^\|+|\|+$/g, "")) return r;
+	}
+	return t.id == null ? crypto.randomUUID() : w(t.id);
+}
+function J({ screenCode: e }) {
+	return /* @__PURE__ */ H(se, { children: /* @__PURE__ */ H(Ct, { screenCode: e }) });
+}
+function Ct({ screenCode: e }) {
+	let t = T(), n = T("errors"), { id: a } = tt(), s = l(), [c, p] = nt(), { data: h } = i(), y = o((e) => e.user), b = j(), C = re(), w = h?.screens[e], D = w?.entity ? h?.entities[w.entity] : void 0, O = w?.entity, k = _(D, "create"), A = _(D, "update"), oe = _(D, "restore"), se = (() => {
+		if (!D || !D.singleton || !D.prefilter) return;
+		let e = m(D);
+		if (e.length !== 1) return;
+		let t = D.prefilter[e[0]];
+		if (t === "$caller.user_id") return y?.id;
+		if (t === "$caller.tenant_id") return y?.tenant?.id;
+	})(), M = se !== void 0, N = M ? se : a, P = !M && N === "new", F = z(() => {
+		if (!N || P) return;
+		if (!D) return N;
+		let e = m(D);
+		if (e.length === 1) return { [e[0]]: N };
+		let t = g(N, e.length);
+		if (!t) return;
+		let n = {};
+		for (let r = 0; r < e.length; r++) n[e[r]] = t[r] ?? "";
+		return n;
+	}, [
+		N,
+		P,
+		D
+	]), fe = z(() => {
+		if (F) return typeof F == "string" ? F : v(F);
+	}, [F]), pe = xe(O, F, yt), { data: Ce, isLoading: Te, error: Ee } = pe, De = me(D?.realtime, O ?? ""), ke = O ? De : !1;
+	_e(Se(O, F, yt), !P);
+	let Ae = he(O ?? ""), Fe = ge(O ?? ""), Ie = be(O ?? ""), Le = Object.keys(D?.status_groups ?? {}).length > 0, Re = Ce?.data, ze = Re?.$statuses, Be = Re?.$properties, Ue = c.get("edit") === "true", [Ke, Je] = B(P || Ue), [I, Qe] = B({}), [V, it] = B({}), [W, at] = B({}), [G, K] = B(void 0), [st, ct] = B(!1), [ut, q] = B(void 0), [mt, gt] = B(!1), bt = P ? k : A, J = Ke && bt, Ct = u();
+	d(J && !P, Ct.enabled);
+	let [Tt, Et] = B(() => {
+		let e = parseInt(w?.sidebar_width || "380", 10);
+		return isNaN(e) ? 380 : e;
+	}), Ot = Ze(null), Y = Ze(null), kt = L((e) => {
+		e.preventDefault();
+		let t = Ot.current;
+		if (!t) return;
+		let n = t.offsetWidth;
+		Y.current = {
+			startX: e.clientX,
+			startW: n
+		};
+		let r = (e) => {
+			if (!Y.current) return;
+			let n = Y.current.startX - e.clientX, r = Math.max(280, Math.min(800, Y.current.startW + n));
+			t.style.width = `${r}px`;
+		}, i = () => {
+			Y.current && t && Et(parseInt(t.style.width, 10) || Y.current.startW), Y.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
+		};
+		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
+	}, []), X = Ce?.data, Z = Oe(D, w, X ?? {});
+	R(() => {
+		let e = parseInt(Z?.sidebar_width || "380", 10);
+		Et(Number.isNaN(e) ? 380 : e);
+	}, [Z?.sidebar_width]);
+	let Q = typeof X?.$row_version == "string" ? X.$row_version : void 0, At = X?.$refs, jt = Ze(Q);
+	R(() => {
+		if (!Q) return;
+		let e = jt.current;
+		jt.current = Q, e && e !== Q && Ke && ct(!0);
+	}, [Ke, Q]);
+	let Mt = !!D?.soft_delete && X != null && X[D.soft_delete] != null, Nt = et(), Pt = Ze(null);
+	Pe({ scrollElementRef: Pt });
+	let Ft = !P && Ee instanceof x && Ee.status === 404, It = P && !te(D), Lt = Ze(null);
+	R(() => {
+		if (!Ft) return;
+		let e = ve(Nt);
+		Lt.current !== e && (Lt.current = e, de.getState().kill(e));
+	}, [Ft, Nt]);
+	let { openTab: Rt, updateTabTitle: zt, findTabByPathname: Bt } = ae();
+	R(() => {
+		if (!D || M || Ct.enabled) return;
+		let e = Nt.pathname, n = t(Z?.display?.name) || t(D.display.name), r = Z?.display?.icon || D.display.icon;
+		Rt({
+			pathname: e,
+			search: "",
+			title: P ? t("record.new_title", "New {name}", { name: n }) : n,
+			derivedTitle: !P,
+			icon: r,
+			closable: !0
+		});
+	}, [
+		Nt.pathname,
+		t,
+		Z?.display?.icon,
+		D?.display.icon,
+		P,
+		M,
+		Ct.enabled
+	]), R(() => {
+		if (!X || !D || M || Ct.enabled) return;
+		let e = Bt(Nt.pathname);
+		if (e) {
+			let n = t(Z?.display?.name) || t(D.display.name), r = S(t, X, D), i = r && !String(r).startsWith("/") ? String(r) : n;
+			zt(e.id, i, i === n);
+		}
+	}, [
+		X,
+		t,
+		D?.display.display_field,
+		Nt.pathname,
+		M,
+		Ct.enabled
+	]);
+	let Vt = z(() => {
+		if (!D || !bt) return /* @__PURE__ */ new Set();
+		let e = /* @__PURE__ */ new Set();
+		for (let [t, n] of D.fields) !n.auto && !n.primary && e.add(t);
+		for (let [t] of D.files ?? []) e.add(t);
+		return e;
+	}, [D, bt]);
+	R(() => {
+		if (Ue && X && D && A) {
+			if (Ke || Je(!0), Object.keys(I).length === 0) {
+				let e = N ? He(N) : null;
+				if (e) {
+					let t = Ne({
+						entity: D,
+						formData: e,
+						record: void 0,
+						isNew: !0
+					});
+					Me(t).forEach((e) => {
+						b.registerDraft({
+							fileId: e,
+							discard: () => le(e)
+						});
+					});
+				}
+				let t = {};
+				Vt.forEach((n) => {
+					let r = e ? e[n] : void 0;
+					if (r !== void 0) {
+						t[n] = r;
+						return;
+					}
+					let i = we(D, X, n);
+					t[n] = je(D, n) ? i ?? null : i ?? "";
+				}), Qe(t);
+			}
+			if (D.children !== void 0 && D.children.length > 0 && G === void 0) {
+				let e = X.$children;
+				if (e && Object.keys(e).length > 0) {
+					let t = {};
+					for (let [n, r] of Object.entries(e)) {
+						let e = h?.entities[n];
+						t[n] = r.map((t) => ({
+							...t,
+							_key: St(e, t)
+						}));
+					}
+					K(t), q(e);
+				} else K({}), q({});
+			}
+			p((e) => {
+				let t = new URLSearchParams(e);
+				return t.delete("edit"), t;
+			}, { replace: !0 });
+		}
+	}, [
+		Ue,
+		X,
+		Vt,
+		A,
+		D,
+		G,
+		h
+	]), R(() => {
+		P && k && D?.children && D.children.length !== 0 && G === void 0 && (K({}), q({}));
+	}, [
+		P,
+		k,
+		D?.children
+	]);
+	let Ht = L(async () => {
+		if (await b.flushAllDrafts(), P) {
+			let e = Z?.route?.replace("/:id", "") ?? "/";
+			s(e);
+		} else Je(!1), Qe({}), it({}), at({}), K(void 0), q(void 0), gt(!1);
+	}, [
+		b,
+		P,
+		Z,
+		s
+	]), Ut = L((e, t) => {
+		Qe((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, []), $ = z(() => {
+		if (!Z?.route) return "/";
+		let e = Z.route.split("/");
+		return e.pop(), e.join("/") || "/";
+	}, [Z]), Wt = z(() => !h?.screens || !$ || $ === "/" ? !1 : Object.values(h.screens).some((e) => e.route === $), [h, $]), Gt = L(() => {
+		if (!Wt) {
+			s("/");
+			return;
+		}
+		let e = Bt($)?.search ?? "";
+		s(e ? `${$}?${e}` : $);
+	}, [
+		Wt,
+		$,
+		Bt,
+		s
+	]), Kt = ue({ fallback: Gt }), qt = !M && (Kt.hasOriginBack || Kt.allowFallbackBack && !!Wt), Jt = z(() => {
+		if (!D) return {};
+		let e = {};
+		for (let n of pt(D, I, P)) Vt.has(n) && (e[n] = t("record.field.required", "Required"));
+		for (let t of ht(D, I)) Vt.has(t) && (e[t] = n("record.email_invalid", "This is not a valid email address."));
+		return e;
+	}, [
+		t,
+		n,
+		D,
+		I,
+		P,
+		Vt
+	]), Yt = Object.keys(Jt).length > 0, Xt = z(() => D ? xt({
+		entity: D,
+		formData: I,
+		record: X,
+		isNew: P,
+		pendingStatuses: V,
+		pendingProperties: W,
+		pendingChildren: G,
+		childrenSnapshot: ut
+	}) : {
+		payload: {},
+		committedFileIds: []
+	}, [
+		D,
+		I,
+		X,
+		P,
+		V,
+		W,
+		G,
+		ut
+	]), Zt = Object.keys(Xt.payload).length > 0, Qt = J && (P || Zt);
+	ce(Qt);
+	let $t = L(() => {
+		if (!O || !D || P && !k || !P && !A || (gt(!0), Yt)) return;
+		let e = { ...Xt.payload }, { committedFileIds: t } = Xt;
+		if (!P && !Zt) {
+			Je(!1), it({}), at({}), K(void 0), q(void 0), gt(!1);
+			return;
+		}
+		!P && Q && (e.$row_version = Q);
+		let n = () => {
+			Je(!1), ct(!1), gt(!1), it({}), at({}), K(void 0), q(void 0);
+		};
+		P ? Ae.mutate(e, { onSuccess: (e) => {
+			t.forEach((e) => b.markCommitted(e));
+			let r = e.data, i = D ? f(D, r) : {}, a = v(i);
+			s(a ? `${$}/${encodeURIComponent(a)}` : $, { replace: !0 }), n();
+		} }) : F && Fe.mutate({
+			pkValues: F,
+			data: e
+		}, {
+			onSuccess: () => {
+				t.forEach((e) => b.markCommitted(e)), n();
+			},
+			onError: (e) => {
+				e instanceof x && e.code === "entity.stale_object" && ct(!0);
+			}
+		});
+	}, [
+		b,
+		P,
+		k,
+		A,
+		O,
+		Yt,
+		Xt,
+		Zt,
+		Ae,
+		Fe,
+		D,
+		s,
+		$,
+		Q,
+		F
+	]), en = L((e, t) => {
+		K((n) => ({
+			...n ?? {},
+			[e]: t
+		}));
+	}, []), tn = L(() => {
+		F && !P && oe && Ie.mutate(F);
+	}, [
+		F,
+		P,
+		oe,
+		Ie
+	]), nn = z(() => _t(G, h), [G, h]), rn = Object.keys(nn).length > 0;
+	if (!Z || !D) return null;
+	if (!P && Te) return /* @__PURE__ */ H(ye, {});
+	if (It) return /* @__PURE__ */ U("div", {
+		style: { padding: 24 },
+		children: [/* @__PURE__ */ U("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				marginBottom: 8
+			},
+			children: [qt && /* @__PURE__ */ H(ie, {
+				icon: /* @__PURE__ */ H(E.back, { size: 14 }),
+				onClick: Kt.goBack,
+				title: t("record.back", "Back")
+			}), /* @__PURE__ */ H("h1", {
+				style: {
+					margin: 0,
+					fontSize: 18,
+					fontWeight: 600,
+					color: "var(--text)"
+				},
+				children: t("record.create_closed.title", "Not Available")
+			})]
+		}), /* @__PURE__ */ H("p", {
+			style: { color: "var(--text-3)" },
+			children: t("record.create_closed.body", "This record type is not created from a form.")
+		})]
+	});
+	if (!P && !X || Ft) return /* @__PURE__ */ U("div", {
+		style: { padding: 24 },
+		children: [/* @__PURE__ */ U("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				marginBottom: 8
+			},
+			children: [qt && /* @__PURE__ */ H(ie, {
+				icon: /* @__PURE__ */ H(E.back, { size: 14 }),
+				onClick: Kt.goBack,
+				title: t("record.back", "Back")
+			}), /* @__PURE__ */ H("h1", {
+				style: {
+					margin: 0,
+					fontSize: 18,
+					fontWeight: 600,
+					color: "var(--text)"
+				},
+				children: t("record.missing.title", "Not Found")
+			})]
+		}), /* @__PURE__ */ H("p", {
+			style: { color: "var(--text-3)" },
+			children: n("entity.not_found", "This record does not exist.")
+		})]
+	});
+	let an = D.display, on = t(Z.display?.name) || t(an.name), sn = S(t, X, D), cn = P ? t("record.new_title", "New {name}", { name: on }) : sn ? String(sn) : on, ln = Ae.isPending || Fe.isPending, un = Z.responsive?.[C.category]?.layout, dn = un?.tabs ?? (C.isPhone ? "sections" : void 0), fn = un?.header_card === !0 ? Xe({
+		entity: D,
+		screen: Z
+	}) : void 0, pn = {
+		schema: h,
+		entity: D,
+		entityCode: O,
+		recordId: fe ?? N ?? "",
+		record: J ? {
+			...X ?? {},
+			...I
+		} : X ?? {},
+		isNew: P,
+		mode: J ? "edit" : "display",
+		onFieldChange: J ? Ut : void 0,
+		refs: At,
+		objectProperties: (() => {
+			let e = Be ?? [];
+			if (!J || Object.keys(W).length === 0) return e.length > 0 ? e : void 0;
+			let t = e.map((e) => W[e.property_code] === void 0 ? e : {
+				...e,
+				value: W[e.property_code]
+			});
+			for (let [n, r] of Object.entries(W)) e.some((e) => e.property_code === n) || t.push({
+				property_code: n,
+				name: {},
+				type: "string",
+				value: r
+			});
+			return t;
+		})(),
+		onSetProperty: P || !A ? void 0 : J ? (e, t) => at((n) => ({
+			...n,
+			[e]: t
+		})) : void 0,
+		isPropertyPending: !1,
+		objectStatuses: (() => {
+			let e = ze ?? [];
+			if (!J || 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: P || !A ? void 0 : J ? (e, t) => it((n) => ({
+			...n,
+			[e]: t
+		})) : void 0,
+		isStatusPending: !1,
+		pendingChildren: J ? G : void 0,
+		onChildrenChange: J ? en : void 0,
+		childValidationErrors: J ? nn : void 0,
+		fieldErrors: J && mt ? Jt : void 0,
+		detailTabsPresentation: dn,
+		relatedRecordsPresentation: un?.related_records
+	}, mn = !!Z.sidebar && Z.sidebar.length > 0, hn = un?.sidebar === "hidden", gn = mn && !hn && !C.isDesktop, _n = mn && !hn && C.isDesktop, vn = !P && X ? /* @__PURE__ */ H(dt, {
+		screen: Z,
+		entity: D,
+		entityCode: O,
+		record: X,
+		refs: At,
+		objectStatuses: ze,
+		schema: h
+	}) : void 0, yn = /* @__PURE__ */ H(Dt, {
+		title: cn,
+		recordId: N,
+		editing: J,
+		isNew: P,
+		isRecordDeleted: Mt,
+		dirty: Qt,
+		isSaving: ln,
+		hasChildErrors: rn,
+		hasFieldErrors: mt && Yt,
+		canRestore: oe,
+		entity: D,
+		screen: Z,
+		globalActions: h?.actions,
+		entityCode: O,
+		record: X,
+		id: N,
+		listRoute: $,
+		listRouteExists: !!Wt,
+		highlights: vn,
+		showBack: qt,
+		onBack: Kt.goBack,
+		onCancelEdit: Ht,
+		onSave: $t,
+		onRestore: tn,
+		isRestoring: Ie.isPending,
+		refreshControl: {
+			refetch: pe.refetch,
+			isLoading: pe.isLoading,
+			isLive: ke
+		},
+		isRealtimeEntity: D?.realtime === !0,
+		canManageTemplates: Ve(h)
+	}), bn = Mt && /* @__PURE__ */ U("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			padding: "10px 14px",
+			marginBottom: 12,
+			borderRadius: 8,
+			border: "1px solid var(--danger)",
+			background: "var(--danger-soft)",
+			color: "var(--danger)",
+			fontSize: 12.5
+		},
+		children: [/* @__PURE__ */ H(E.warning, { size: 14 }), /* @__PURE__ */ H("span", { children: t("record.deleted_banner", "This record was deleted on {date}", { date: ne(String(X[D.soft_delete])) }) })]
+	}), xn = st && /* @__PURE__ */ U("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			padding: "10px 14px",
+			marginBottom: 12,
+			borderRadius: 8,
+			border: "1px solid var(--warn)",
+			background: "var(--warn-soft)",
+			color: "var(--warn)",
+			fontSize: 12.5
+		},
+		children: [/* @__PURE__ */ H(E.warning, { size: 14 }), /* @__PURE__ */ H("span", { children: t("record.changed_on_server", "This record changed on the server while you were viewing or editing it.") })]
+	}), Sn = J && mt && Yt && /* @__PURE__ */ H(lt, {
+		errors: Object.entries(Jt).map(([e, n]) => {
+			let r = D.fields.get(e);
+			return {
+				name: e,
+				label: r ? ee(t, r, e, h?.entities) : e,
+				message: n
+			};
+		}),
+		onJump: (e) => {
+			let t = document.getElementById(`${O}-${e}`);
+			t && (t.scrollIntoView({
+				block: "center",
+				behavior: "smooth"
+			}), t.focus?.());
+		}
+	}), Cn = Le && !P && !(Z.items && Z.items.length > 0) && /* @__PURE__ */ H("div", {
+		className: "mb-4",
+		children: /* @__PURE__ */ H(We, {
+			statusGroups: D.status_groups ?? {},
+			objectStatuses: pn.objectStatuses,
+			onSetStatus: A && J ? (e, t) => it((n) => ({
+				...n,
+				[e]: t
+			})) : vt,
+			isPending: !1,
+			mode: J ? "edit" : "display"
+		})
+	}), wn = D.evidence_covered && !P && X && /* @__PURE__ */ H("div", {
+		className: "mb-4",
+		children: /* @__PURE__ */ H(ft, { evidence: X.$evidence })
+	}), Tn = /* @__PURE__ */ U($e, { children: [
+		fn && (X || P) && /* @__PURE__ */ H(wt, {
+			card: fn,
+			entity: D,
+			record: pn.record,
+			objectStatuses: pn.objectStatuses,
+			objectProperties: pn.objectProperties
+		}),
+		Z.items && Z.items.length > 0 && (X || P) && h && /* @__PURE__ */ H(Ge, {
+			nodes: Z.items,
+			ctx: pn
+		}),
+		!P && N && O && D.associations && Object.keys(D.associations).length > 0 && h && /* @__PURE__ */ H(rt, {
+			entityCode: O,
+			recordId: fe ?? N ?? "",
+			associations: D.associations,
+			schema: h
+		}),
+		!P && N && O && /* @__PURE__ */ H(ot, {
+			entityCode: O,
+			objectId: fe ?? N,
+			canGenerateOne: !!D?.documents?.generate_one,
+			canManageTemplates: Ve(h)
+		}),
+		!P && X && h && /* @__PURE__ */ H(qe, {
+			screen: Z,
+			entity: D,
+			entityCode: O,
+			record: X,
+			refs: At,
+			schema: h
+		})
+	] }), En = /* @__PURE__ */ U($e, { children: [
+		yn,
+		xn,
+		bn,
+		Sn,
+		Cn,
+		wn
+	] });
+	return _n ? /* @__PURE__ */ U("div", {
+		style: {
+			height: "100%",
+			display: "flex",
+			overflow: "hidden",
+			background: "var(--background)"
+		},
+		children: [
+			/* @__PURE__ */ H("div", {
+				style: {
+					flex: 1,
+					minWidth: 0,
+					height: "100%"
+				},
+				children: /* @__PURE__ */ H(Ye, {
+					scrollRef: Pt,
+					header: En,
+					children: Tn
+				})
+			}),
+			/* @__PURE__ */ H("div", {
+				className: "detail-resize-handle",
+				onMouseDown: kt,
+				title: t("record.layout.drag_to_resize", "Drag to resize"),
+				children: /* @__PURE__ */ H("div", { style: {
+					position: "absolute",
+					top: 0,
+					bottom: 0,
+					left: "50%",
+					transform: "translateX(-50%)",
+					width: 1,
+					background: "var(--border)"
+				} })
+			}),
+			/* @__PURE__ */ H("div", {
+				ref: Ot,
+				style: {
+					flexShrink: 0,
+					height: "100%",
+					width: `${Tt}px`
+				},
+				children: (X || P) && h && /* @__PURE__ */ H(Ge, {
+					nodes: Z.sidebar,
+					ctx: pn
+				})
+			})
+		]
+	}) : /* @__PURE__ */ U(Ye, {
+		scrollRef: Pt,
+		header: En,
+		children: [Tn, gn && (X || P) && h && /* @__PURE__ */ H("div", {
+			"data-testid": "detail-sidebar-inline",
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 16,
+				minWidth: 0
+			},
+			children: /* @__PURE__ */ H(Ge, {
+				nodes: Z.sidebar,
+				ctx: pn
+			})
+		})]
+	});
+}
+function wt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties: i }) {
+	let a = T(), o = (e) => {
+		let o = Tt(a, t, e, n, r, i);
+		return o != null && w(o) !== "";
+	}, s = (e) => {
+		let o = Tt(a, t, e, n, r, i);
+		return w(o) || /* @__PURE__ */ H("span", {
+			style: { color: "var(--text-3)" },
+			children: "-"
+		});
+	}, c = e.titleUsesDisplay ? S(a, n, t) : e.titleField ? Tt(a, t, e.titleField, n, r, i) : void 0, l = w(c) || a(t.display?.name) || a("record.fallback_title", "Record"), u = e.badgeFields.filter((t) => !e.hideEmptyFields || o(t)), d = e.bodyFields.filter((t) => !e.hideEmptyFields || o(t)), f = e.metaFields.filter((t) => !e.hideEmptyFields || o(t));
+	return /* @__PURE__ */ U("section", {
+		"data-testid": "detail-header-card",
+		style: {
+			width: "100%",
+			minWidth: 0,
+			border: "1px solid var(--border)",
+			borderRadius: 8,
+			background: "var(--surface)",
+			boxShadow: "var(--shadow-xs)",
+			padding: 14,
+			boxSizing: "border-box"
+		},
+		children: [
+			/* @__PURE__ */ U("div", {
+				style: { minWidth: 0 },
+				children: [/* @__PURE__ */ H("div", {
+					style: {
+						fontSize: 15,
+						lineHeight: 1.25,
+						fontWeight: 700,
+						color: "var(--text)",
+						overflowWrap: "anywhere"
+					},
+					children: l
+				}), e.subtitleField && /* @__PURE__ */ H("div", {
+					style: {
+						marginTop: 4,
+						fontSize: 12.5,
+						lineHeight: 1.35,
+						color: "var(--text-3)",
+						overflowWrap: "anywhere"
+					},
+					children: s(e.subtitleField)
+				})]
+			}),
+			u.length > 0 && /* @__PURE__ */ H("div", {
+				style: {
+					display: "flex",
+					flexWrap: "wrap",
+					gap: 6,
+					marginTop: 10
+				},
+				children: u.map((e) => /* @__PURE__ */ H("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: s(e)
+				}, e))
+			}),
+			d.length > 0 && /* @__PURE__ */ H("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: d.map((e) => /* @__PURE__ */ U("div", {
+					style: { display: "contents" },
+					children: [/* @__PURE__ */ H("dt", {
+						style: { color: "var(--text-3)" },
+						children: Et(a, t, e)
+					}), /* @__PURE__ */ H("dd", {
+						style: {
+							margin: 0,
+							color: "var(--text-2)",
+							minWidth: 0,
+							overflowWrap: "anywhere"
+						},
+						children: s(e)
+					})]
+				}, e))
+			}),
+			f.length > 0 && /* @__PURE__ */ H("div", {
+				style: {
+					display: "flex",
+					flexWrap: "wrap",
+					gap: 10,
+					marginTop: 10,
+					color: "var(--text-3)",
+					fontSize: 11.5
+				},
+				children: f.map((e) => /* @__PURE__ */ U("span", {
+					style: {
+						minWidth: 0,
+						overflowWrap: "anywhere"
+					},
+					children: [
+						Et(a, t, e),
+						": ",
+						s(e)
+					]
+				}, e))
+			})
+		]
+	});
+}
+function Tt(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 we(t, r, n);
+}
+function Et(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 ? ee(e, r, n) : n;
+}
+function Dt({ title: e, recordId: r, editing: i, isNew: a, isRecordDeleted: o, dirty: s, isSaving: c, hasChildErrors: u, hasFieldErrors: d, canRestore: f, entity: m, screen: h, globalActions: g, entityCode: _, record: v, id: y, listRoute: ee, listRouteExists: b, highlights: x, showBack: te, onBack: S, onCancelEdit: w, onSave: ne, onRestore: re, isRestoring: ie, refreshControl: O, isRealtimeEntity: k, canManageTemplates: ae }) {
+	let j = T(), oe = T("errors"), { run: se } = pe(), ce = M("detail"), le = F(), N = l(), ue = n(h?.action_layout, m?.action_layout, m?.actions, g, "detail_toolbar"), fe = n(h?.action_layout, m?.action_layout, m?.actions, g, "detail"), me = t(j, fe, m?.actions, g, v ?? {}, [], Ce(m, v ?? {})), he = t(j, ue, m?.actions, g, v ?? {}, [], Ce(m, v ?? {})), ge = z(() => {
+		if (!m) return;
+		let e = y ? [y] : [];
+		return {
+			entity: m,
+			entityCode: _ ?? "",
+			screen: h,
+			screenRoute: h?.route ?? "",
+			selectedRows: v ? [v] : [],
+			selectedIds: e,
+			t: j,
+			tabNavigate: (e, t) => le(e, {
+				title: t?.title,
+				icon: t?.icon,
+				search: t?.search
+			}),
+			runActionApi: (e, t) => C(e, t),
+			recordHref: (e) => e === y && h?.route ? h.route.replace(":id", encodeURIComponent(e)) : null
+		};
+	}, [
+		m,
+		_,
+		h,
+		y,
+		v,
+		j,
+		le
+	]), _e = (e, t) => {
+		let n = Ee(oe, e, t, { row: v ?? void 0 });
+		if (n === null) return;
+		let r = y ? [y] : [], i = e === "__delete" && b ? ee : null;
+		return se({
+			action: t,
+			title: j(t.display?.name) || e,
+			row: v ?? void 0,
+			execute: (e) => C(n, p(e, r)),
+			onSuccess: i ? () => {
+				de.getState().kill(ve(location)), N(i, { replace: !0 });
+			} : void 0
+		});
+	}, ye = ce.isVisible("show_actions") && !a && y && me.length > 0 ? /* @__PURE__ */ H(Ae, {
+		layout: me,
+		row: v,
+		onRun: _e,
+		kind: "detail",
+		entityActions: m?.actions,
+		globalActions: g,
+		reservedRightWidth: 0,
+		widgetContext: ge
+	}) : null, be = !a && y ? /* @__PURE__ */ H(Fe, {
+		liveObject: O,
+		realtime: k
+	}) : null, xe = ce.isVisible("show_actions") && !a && y && he.length > 0 ? /* @__PURE__ */ U("div", {
+		style: {
+			display: "flex",
+			justifyContent: "flex-end",
+			alignItems: "center",
+			gap: 8,
+			marginTop: 10
+		},
+		children: [ye ? null : be, /* @__PURE__ */ H(Ae, {
+			layout: he,
+			row: v,
+			onRun: _e,
+			kind: "detail",
+			entityActions: m?.actions,
+			globalActions: g,
+			reservedRightWidth: 0,
+			widgetContext: ge,
+			ariaLabel: ye ? j("record.toolbar_actions", "Detail toolbar actions") : j("record.page_actions", "Page actions")
+		})]
+	}) : null, Se = ce.isVisible("show_actions") && !a && y && _ ? /* @__PURE__ */ H(Ue, {
+		entityCode: _,
+		scope: "detail",
+		objectIds: [y],
+		capability: m?.documents,
+		canManageTemplates: ae
+	}) : null, we = o ? f ? /* @__PURE__ */ H(D, {
+		kind: "primary",
+		icon: H(ie ? A : E.refresh, { size: 13 }),
+		onClick: re,
+		disabled: ie,
+		children: ie ? j("record.restoring", "Restoring…") : j("record.restore", "Restore")
+	}) : null : i ? /* @__PURE__ */ U($e, { children: [/* @__PURE__ */ H(D, {
+		icon: /* @__PURE__ */ H(E.x, { size: 13 }),
+		onClick: w,
+		disabled: c,
+		children: j("dialog.cancel", "Cancel")
+	}), /* @__PURE__ */ H(D, {
+		kind: "primary",
+		icon: H(c ? A : E.save, { size: 13 }),
+		onClick: ne,
+		disabled: c || u || d,
+		title: u ? j("record.save.fix_child_rows", "Fix errors in child rows") : d ? j("record.save.fix_fields", "Fix the highlighted fields") : void 0,
+		children: c ? j("dialog.saving", "Saving…") : j("dialog.save", "Save")
+	})] }) : !a && y ? ye ? /* @__PURE__ */ U("span", {
+		style: { display: "contents" },
+		children: [Se, ye]
+	}) : Se : null;
+	return /* @__PURE__ */ U($e, { children: [/* @__PURE__ */ H(Je, {
+		icon: m?.display.icon ? /* @__PURE__ */ H(P, {
+			name: m.display.icon,
+			size: 16
+		}) : void 0,
+		title: e,
+		description: j(h?.display?.description) || j(m?.display?.description),
+		recordId: r,
+		highlights: x,
+		identityControls: !o && !i && !a ? be : null,
+		mode: a ? "create" : i ? "edit" : "display",
+		dirty: s,
+		showBack: te,
+		onBack: S,
+		right: we,
+		showTitle: ce.isVisible("show_title")
+	}), xe] });
+}
+//#endregion
+export { J as SmartDetailPage };