@declarion/react 0.39.0 → 0.40.0

package/dist-lib/SmartDetailPage.impl-HMaLVDlV.js

@@ -0,0 +1,1802 @@
+import { s as e, t } from "./DynamicIcon-DeRpAaXm.js";
+import { A as n, C as r, Cn as i, D as a, Dn as o, F as s, Fn as c, Jn as l, L as u, Mt as d, N as f, Q as p, Sn as m, Tn as h, Tt as g, Z as _, _ as v, _t as y, ar as b, at as ee, bn as x, dn as S, er as C, et as w, ft as te, i as T, j as E, jt as ne, kn as re, mt as ie, or as ae, sr as D, tt as oe, wn as se, wt as ce, xn as le, xt as O } from "./useCurrentScreen-mw8TfE8q.js";
+import { E as ue, L as k, R as A, V as j, _ as M, b as de, c as fe, d as pe, f as me, m as he, n as ge, o as _e, r as ve, t as ye, w as be } from "./RefreshControl-VQf34HKZ.js";
+import { E as xe, F as Se, G as Ce, I as we, J as Te, K as Ee, M as De, O as Oe, U as ke, W as Ae, Y as je, _ as Me, a as Ne, i as Pe, it as Fe, j as Ie, k as Le, mt as Re, q as ze, s as Be, ut as Ve, w as He } from "./registry-DFtAh6zc.js";
+import { n as Ue, r as We, t as Ge } from "./dataTableStyles-vwD1mVOP.js";
+import { n as Ke, t as qe } from "./LayoutRenderer-D4oTfZhV.js";
+import { Fragment as N, useCallback as P, useEffect as F, useMemo as I, useRef as Je, useState as L } from "react";
+import { useLocation as Ye, useParams as Xe, useSearchParams as Ze } from "react-router-dom";
+import { useQuery as R, useQueryClient as z } from "@tanstack/react-query";
+import { Fragment as Qe, jsx as B, jsxs as V } from "react/jsx-runtime";
+//#region src/components/shared/AssociationTabs.tsx
+function $e({ entityCode: e, recordId: n, associations: r, schema: i }) {
+	let a = I(() => Object.entries(r), [r]), [o, s] = L(0);
+	if (a.length === 0) return null;
+	let [c, l] = a[o];
+	return /* @__PURE__ */ B(Re, {
+		title: /* @__PURE__ */ B("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, n], r) => {
+				let i = r === o;
+				return /* @__PURE__ */ V("button", {
+					onClick: (e) => {
+						e.stopPropagation(), s(r);
+					},
+					style: {
+						display: "inline-flex",
+						alignItems: "center",
+						gap: 6,
+						padding: "10px 12px",
+						fontSize: 12.5,
+						background: "transparent",
+						border: 0,
+						borderBottom: `2px solid ${i ? "var(--accent)" : "transparent"}`,
+						marginBottom: -1,
+						color: i ? "var(--text)" : "var(--text-3)",
+						cursor: "pointer",
+						fontWeight: i ? 600 : 500
+					},
+					children: [n.display?.icon && /* @__PURE__ */ B(t, {
+						name: n.display.icon,
+						size: 13
+					}), h(n.display?.name) || e]
+				}, e);
+			})
+		}),
+		collapsible: !1,
+		padding: "0",
+		children: /* @__PURE__ */ B(et, {
+			entityCode: e,
+			recordId: n,
+			assocKey: c,
+			association: l,
+			schema: i
+		})
+	});
+}
+function et({ entityCode: t, recordId: i, assocKey: a, association: o, schema: s }) {
+	let c = Fe(), l = n(), u = `${t}.${a}`, { data: d, isLoading: f } = R({
+		queryKey: [
+			"association",
+			u,
+			i
+		],
+		queryFn: () => g(u, [i])
+	}), p = d?.target_entity ?? o.target, _ = s.entities[p], v = I(() => d?.ids ?? [], [d?.ids]), y = I(() => _?.fields.names().find((e) => _.fields.get(e)?.primary) ?? "id", [_]), b = I(() => v.slice(0, 50), [v]), { data: ee, isLoading: x } = R({
+		queryKey: [
+			"association-records",
+			p,
+			b
+		],
+		queryFn: () => ce(p, {
+			per_page: 50,
+			filters: [{
+				field: y,
+				op: "in",
+				value: b
+			}]
+		}),
+		enabled: b.length > 0 && !!_
+	}), S = ee?.data ?? [], C = ee?.$refs, w = I(() => _ ? _.fields.names().filter((e) => {
+		let t = _.fields.get(e);
+		return t && !t.primary && !t.auto && t.display?.is_listable !== !1;
+	}).slice(0, 6) : [], [_]), te = () => {
+		let e = r(s, p);
+		if (!e) return;
+		let t = h(o.display?.name) || a, n = new URLSearchParams();
+		n.set("filters", JSON.stringify([{
+			field: y,
+			op: "in",
+			value: v
+		}])), c(e.route, {
+			title: t,
+			icon: o.display?.icon || e.icon,
+			search: n.toString()
+		});
+	}, T = {
+		fontSize: 12.5,
+		color: "var(--text-3)",
+		padding: "14px 16px"
+	};
+	if (f || x) return /* @__PURE__ */ B("div", {
+		style: T,
+		children: "Loading…"
+	});
+	if (!_) return /* @__PURE__ */ B("div", {
+		style: T,
+		children: "Entity not found."
+	});
+	if (v.length === 0) return /* @__PURE__ */ B("div", {
+		style: T,
+		children: "No related records."
+	});
+	let ne = r(s, p);
+	return /* @__PURE__ */ V("div", {
+		style: { padding: "8px 0" },
+		children: [
+			/* @__PURE__ */ V("table", {
+				style: We,
+				children: [/* @__PURE__ */ B("thead", { children: /* @__PURE__ */ B("tr", { children: w.map((e) => /* @__PURE__ */ B("th", {
+					style: Ue,
+					children: m(_.fields.get(e), e, s.entities)
+				}, e)) }) }), /* @__PURE__ */ B("tbody", { children: S.map((e, t) => /* @__PURE__ */ B("tr", { children: w.map((t) => {
+					let n = _.fields.get(t);
+					return n ? /* @__PURE__ */ B("td", {
+						style: Ge,
+						children: E({
+							field: n,
+							fieldName: t,
+							value: e[t],
+							mode: "display",
+							record: e,
+							refs: C,
+							locale: l
+						})
+					}, t) : /* @__PURE__ */ B("td", {}, t);
+				}) }, t)) })]
+			}),
+			ne && d && d.count > S.length && /* @__PURE__ */ B("div", {
+				style: {
+					padding: "10px 16px",
+					textAlign: "center"
+				},
+				children: /* @__PURE__ */ V(D, {
+					icon: /* @__PURE__ */ B(e.external, { size: 12 }),
+					onClick: te,
+					children: [
+						"View all ",
+						d.count,
+						" records"
+					]
+				})
+			}),
+			ne && S.length > 0 && d && d.count <= S.length && /* @__PURE__ */ B("div", {
+				style: {
+					padding: "10px 16px",
+					textAlign: "center"
+				},
+				children: /* @__PURE__ */ B(D, {
+					kind: "ghost",
+					icon: /* @__PURE__ */ B(e.external, { size: 12 }),
+					onClick: te,
+					children: "Open in list view"
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/pages/RecordDocumentsPanel.tsx
+var H = 4e3;
+function U(e) {
+	return e?.some((e) => e.status === "pending") ? H : !1;
+}
+function tt({ entityCode: t, objectId: n, canGenerateOne: r, canManageTemplates: i }) {
+	let { data: a, isLoading: o, error: s } = R({
+		queryKey: [
+			M,
+			t,
+			n
+		],
+		queryFn: async () => (await O("document.object_links", {
+			entity: t,
+			object_id: n
+		})).result?.documents ?? [],
+		enabled: !!(t && n) && (!!r || !!i),
+		refetchInterval: (e) => U(e.state.data)
+	}), c = (a?.length ?? 0) > 0;
+	return !r && !c ? null : /* @__PURE__ */ V(Re, {
+		title: /* @__PURE__ */ B(W, {}),
+		collapsible: !1,
+		padding: "0",
+		children: [
+			o && /* @__PURE__ */ B(G, {
+				icon: /* @__PURE__ */ B(e.loader, { size: 14 }),
+				text: "Loading documents..."
+			}),
+			s && /* @__PURE__ */ B(G, {
+				icon: /* @__PURE__ */ B(e.warning, { size: 14 }),
+				text: s instanceof Error ? s.message : String(s)
+			}),
+			!o && !s && (a?.length ?? 0) === 0 && /* @__PURE__ */ B(G, {
+				icon: /* @__PURE__ */ B(e.file, { size: 14 }),
+				text: "No generated documents"
+			}),
+			!o && !s && a && a.length > 0 && /* @__PURE__ */ B("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column"
+				},
+				children: a.map((e) => /* @__PURE__ */ B(nt, {
+					entityCode: t,
+					objectId: n,
+					doc: e
+				}, e.generated_document_id))
+			})
+		]
+	});
+}
+function W() {
+	return /* @__PURE__ */ V("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__ */ B(e.file, { size: 13 }), "Documents"]
+	});
+}
+function nt({ entityCode: t, objectId: n, doc: r }) {
+	let i = z(), [a, o] = L(!1), [s, c] = L(!1), [l, u] = L(!1), [d, f] = L(!1), [p, m] = L(null), g = h(r.title) || r.filename || r.template_code, _ = r.status === "ready" && r.download_url && !d;
+	async function v() {
+		o(!0), m(null);
+		try {
+			let e = (await O("document.download_format", {
+				generated_document_id: r.generated_document_id,
+				format: "pdf"
+			})).result;
+			e?.download_url && await w(e.download_url, e.filename);
+		} catch (e) {
+			oe(e) ? (f(!0), m("Artifact unavailable")) : m(e instanceof Error ? e.message : String(e));
+		} finally {
+			o(!1);
+		}
+	}
+	async function y() {
+		if (r.download_url) {
+			c(!0), m(null);
+			try {
+				await w(r.download_url, r.filename);
+			} catch (e) {
+				oe(e) ? (f(!0), m("Artifact unavailable")) : m(e instanceof Error ? e.message : String(e));
+			} finally {
+				c(!1);
+			}
+		}
+	}
+	async function b() {
+		u(!0), m(null);
+		try {
+			await O("document.generate", {
+				...r.input ?? {},
+				template_code: r.template_code,
+				template_source: r.template_source,
+				output_format: r.output_format
+			}), await i.invalidateQueries({ queryKey: [
+				M,
+				t,
+				n
+			] });
+		} catch (e) {
+			m(e instanceof Error ? e.message : String(e));
+		} finally {
+			u(!1);
+		}
+	}
+	return /* @__PURE__ */ V("div", {
+		style: {
+			display: "grid",
+			gridTemplateColumns: "minmax(0, 1fr) auto",
+			gap: 12,
+			alignItems: "center",
+			padding: "11px 14px",
+			borderTop: "1px solid var(--divider)"
+		},
+		children: [/* @__PURE__ */ V("div", {
+			style: { minWidth: 0 },
+			children: [
+				/* @__PURE__ */ B("div", {
+					style: {
+						fontSize: 13,
+						fontWeight: 600,
+						color: "var(--text)",
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap"
+					},
+					children: g
+				}),
+				/* @__PURE__ */ V("div", {
+					style: {
+						marginTop: 3,
+						display: "flex",
+						gap: 8,
+						alignItems: "center",
+						color: "var(--text-3)",
+						fontSize: 11.5
+					},
+					children: [
+						/* @__PURE__ */ B("span", { children: r.output_format.toUpperCase() }),
+						/* @__PURE__ */ B("span", { children: d ? "artifact unavailable" : r.status }),
+						/* @__PURE__ */ B("span", { children: r.ready_at || r.created_at })
+					]
+				}),
+				r.status === "failed" && r.error_text && /* @__PURE__ */ B("div", {
+					style: {
+						marginTop: 5,
+						color: "var(--danger)",
+						fontSize: 12
+					},
+					children: r.error_text
+				}),
+				p && /* @__PURE__ */ B("div", {
+					style: {
+						marginTop: 5,
+						color: "var(--danger)",
+						fontSize: 12
+					},
+					children: p
+				})
+			]
+		}), _ ? /* @__PURE__ */ V("div", {
+			style: {
+				display: "flex",
+				gap: 6
+			},
+			children: [/* @__PURE__ */ B(D, {
+				kind: "ghost",
+				size: "sm",
+				icon: B(a ? e.loader : e.file, { size: 12 }),
+				onClick: v,
+				disabled: a,
+				children: "PDF"
+			}), /* @__PURE__ */ B(D, {
+				kind: "default",
+				size: "sm",
+				icon: B(s ? e.loader : e.download, { size: 12 }),
+				onClick: y,
+				disabled: s,
+				children: "Download"
+			})]
+		}) : d ? /* @__PURE__ */ B(D, {
+			kind: "ghost",
+			size: "sm",
+			icon: B(l ? e.loader : e.file, { size: 12 }),
+			onClick: b,
+			disabled: l,
+			children: "Regenerate"
+		}) : /* @__PURE__ */ B(D, {
+			kind: "ghost",
+			size: "sm",
+			disabled: !0,
+			children: r.status === "pending" ? "Pending" : "Unavailable"
+		})]
+	});
+}
+function G({ icon: e, text: t }) {
+	return /* @__PURE__ */ V("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 rt({ errors: t, onJump: n }) {
+	if (t.length === 0) return null;
+	let r = t.length !== 1;
+	return /* @__PURE__ */ V("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__ */ B("span", {
+			style: {
+				color: "var(--danger)",
+				marginTop: 1,
+				display: "flex"
+			},
+			children: /* @__PURE__ */ B(e.warning, { size: 14 })
+		}), /* @__PURE__ */ V("div", {
+			style: {
+				flex: 1,
+				minWidth: 0
+			},
+			children: [/* @__PURE__ */ V("div", {
+				style: {
+					fontSize: 12.5,
+					fontWeight: 600,
+					marginBottom: 4
+				},
+				children: [
+					t.length,
+					" ",
+					r ? "fields need" : "field needs",
+					" attention"
+				]
+			}), /* @__PURE__ */ B("ul", {
+				style: {
+					margin: 0,
+					padding: 0,
+					listStyle: "none",
+					display: "flex",
+					flexDirection: "column",
+					gap: 2
+				},
+				children: t.map((e) => /* @__PURE__ */ B("li", { children: /* @__PURE__ */ V("button", {
+					type: "button",
+					onClick: n ? () => n(e.name) : void 0,
+					style: {
+						background: "transparent",
+						border: 0,
+						padding: 0,
+						cursor: n ? "pointer" : "default",
+						fontSize: 12,
+						textAlign: "left",
+						fontFamily: "inherit"
+					},
+					children: [
+						/* @__PURE__ */ B("span", {
+							style: {
+								color: "var(--danger)",
+								marginRight: 6
+							},
+							children: "•"
+						}),
+						/* @__PURE__ */ B("span", {
+							style: {
+								fontWeight: 500,
+								color: "var(--text-2)"
+							},
+							children: e.label
+						}),
+						/* @__PURE__ */ V("span", {
+							style: { color: "var(--text-3)" },
+							children: [" - ", e.message]
+						})
+					]
+				}) }, e.name))
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/shared/HighlightsStrip.tsx
+function K({ items: e }) {
+	return e.length === 0 ? null : /* @__PURE__ */ B("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			flexWrap: "wrap",
+			gap: "6px 0",
+			fontSize: 12
+		},
+		children: e.map((e, t) => /* @__PURE__ */ V(N, { children: [t > 0 && /* @__PURE__ */ B("span", { style: {
+			width: 1,
+			height: 12,
+			background: "var(--divider)",
+			marginInline: 12
+		} }), /* @__PURE__ */ V("span", {
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				gap: 6,
+				lineHeight: 1.3
+			},
+			children: [/* @__PURE__ */ B("span", {
+				style: {
+					color: "var(--text-3)",
+					fontSize: 11.5
+				},
+				children: e.label
+			}), /* @__PURE__ */ B("span", {
+				style: { color: "var(--text)" },
+				children: e.value
+			})]
+		})] }, t))
+	});
+}
+//#endregion
+//#region src/components/detail-layout/DetailHighlights.tsx
+function it({ screen: e, entity: t, entityCode: n, record: r, refs: i, objectStatuses: a, schema: o, locale: s }) {
+	let 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: h(c.name),
+				value: n ? /* @__PURE__ */ B(b, {
+					tone: n.color ?? "slate",
+					size: "xs",
+					children: h(n.name)
+				}) : /* @__PURE__ */ B("span", {
+					style: { color: "var(--text-4)" },
+					children: "—"
+				})
+			});
+			continue;
+		}
+		if (t.fields.get(e) || t.files?.get(e)) {
+			let a = ze({
+				entity: t,
+				entityCode: n,
+				fieldName: e,
+				record: r,
+				mode: "display",
+				refs: i,
+				entities: o.entities,
+				screens: o.screens,
+				surface: "list",
+				locale: s
+			});
+			l.push({
+				label: Te(t, e, o.entities),
+				value: a
+			});
+			continue;
+		}
+	}
+	return l.length === 0 ? null : /* @__PURE__ */ B(K, { items: l });
+}
+//#endregion
+//#region src/components/shared/AuditMetaStrip.tsx
+function at(e) {
+	return e.by != null || e.at != null;
+}
+function ot({ lines: e }) {
+	let t = e.filter(at);
+	return t.length === 0 ? null : /* @__PURE__ */ B("div", {
+		style: {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: "8px 24px",
+			padding: "10px 14px",
+			background: "var(--surface-2)",
+			border: "1px solid var(--border)",
+			borderRadius: 8,
+			fontSize: 11.5,
+			color: "var(--text-3)"
+		},
+		children: t.map((e, t) => /* @__PURE__ */ B(st, { line: e }, t))
+	});
+}
+function st({ line: e }) {
+	return /* @__PURE__ */ V("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			minWidth: 0
+		},
+		children: [/* @__PURE__ */ B("span", {
+			style: {
+				fontSize: 11,
+				fontWeight: 600,
+				color: "var(--text-4)",
+				flexShrink: 0
+			},
+			children: e.label
+		}), /* @__PURE__ */ V("span", {
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				gap: 6,
+				minWidth: 0
+			},
+			children: [
+				e.by != null && /* @__PURE__ */ B("span", {
+					style: { color: "var(--text-2)" },
+					children: e.by
+				}),
+				e.by != null && e.at != null && /* @__PURE__ */ B("span", {
+					style: { color: "var(--text-4)" },
+					children: "·"
+				}),
+				e.at != null && /* @__PURE__ */ B("span", {
+					className: "num",
+					children: e.at
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/detail-layout/DetailAuditStrip.tsx
+function ct({ screen: e, entity: t, entityCode: n, record: r, refs: i, schema: a, locale: o }) {
+	let s = e.audit;
+	if (s?.enabled === !1) return null;
+	let c = (e) => {
+		if (!e || !t.fields.get(e)) return;
+		let s = r[e];
+		if (!(s == null || s === "")) return ze({
+			entity: t,
+			entityCode: n,
+			fieldName: e,
+			record: r,
+			mode: "display",
+			refs: i,
+			entities: a.entities,
+			screens: a.screens,
+			surface: "list",
+			locale: o
+		});
+	};
+	return /* @__PURE__ */ B(ot, { lines: s?.lines && s.lines.length > 0 ? s.lines.map((e) => ({
+		label: h(e.label),
+		at: c(e.at),
+		by: c(e.by)
+	})) : [{
+		label: "Created",
+		at: c("created_at"),
+		by: c("created_by")
+	}, {
+		label: "Updated",
+		at: c("updated_at"),
+		by: c("updated_by")
+	}] });
+}
+//#endregion
+//#region src/components/detail-layout/EvidenceBlock.tsx
+function q(e) {
+	if (!e) return;
+	let t = new Date(e);
+	if (!Number.isNaN(t.getTime())) return t.toLocaleString();
+}
+function lt({ evidence: e }) {
+	let t = e?.verdict ?? "unverified", n = q(e?.verified_at), r = [];
+	return n && r.push(`Verified ${n}`), e?.seq && r.push(`chain #${e.seq}`), e?.checkpoint_number && r.push(`checkpoint ${e.checkpoint_number}`), e?.generation && r.push(`generation ${e.generation}`), /* @__PURE__ */ V("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 6
+		},
+		children: [/* @__PURE__ */ V("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 10,
+				flexWrap: "wrap"
+			},
+			children: [
+				/* @__PURE__ */ B("span", {
+					style: {
+						fontSize: 12,
+						fontWeight: 600,
+						color: "var(--muted-foreground)"
+					},
+					children: "Evidence"
+				}),
+				/* @__PURE__ */ B(b, {
+					tone: ve(t),
+					size: "sm",
+					dot: !0,
+					children: ge(t)
+				}),
+				r.length > 0 && /* @__PURE__ */ B("span", {
+					style: {
+						fontSize: 12,
+						color: "var(--muted-foreground)"
+					},
+					children: r.join(" · ")
+				})
+			]
+		}), e?.reason && /* @__PURE__ */ B("span", {
+			style: {
+				fontSize: 12,
+				color: "var(--destructive)"
+			},
+			children: e.reason
+		})]
+	});
+}
+//#endregion
+//#region src/components/shared/RecordHeader.tsx
+function ut({ icon: t, avatarName: n, title: r, recordId: i, description: a, highlights: o, mode: s, dirty: c = !1, showBack: l = !1, onBack: u, right: d, identityControls: f, showTitle: p = !0 }) {
+	let m = C(), h = m.category === "phone" || m.width <= 520;
+	return /* @__PURE__ */ V("div", {
+		style: {
+			display: "flex",
+			alignItems: "flex-start",
+			gap: 10,
+			flexWrap: h ? "wrap" : "nowrap",
+			minWidth: 0
+		},
+		children: [
+			p && l && /* @__PURE__ */ B("div", {
+				style: {
+					paddingTop: 4,
+					flexShrink: 0
+				},
+				children: /* @__PURE__ */ B(ae, {
+					size: 26,
+					icon: /* @__PURE__ */ B(e.back, { size: 14 }),
+					title: "Back",
+					onClick: u
+				})
+			}),
+			p && (n || t) && /* @__PURE__ */ B("div", {
+				style: {
+					flexShrink: 0,
+					paddingTop: 2
+				},
+				children: n ? /* @__PURE__ */ B(j, {
+					name: n,
+					size: 32
+				}) : /* @__PURE__ */ B("span", {
+					style: {
+						width: 32,
+						height: 32,
+						borderRadius: 8,
+						background: "var(--accent-soft)",
+						color: "var(--accent)",
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center"
+					},
+					children: t
+				})
+			}),
+			p && /* @__PURE__ */ V("div", {
+				style: {
+					flex: "1 1 0",
+					minWidth: 0
+				},
+				children: [/* @__PURE__ */ V("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 8,
+						flexWrap: "wrap"
+					},
+					children: [
+						/* @__PURE__ */ B("h1", {
+							style: {
+								margin: 0,
+								fontSize: "var(--page-title-size, var(--page-title-size-detail))",
+								fontWeight: 600,
+								letterSpacing: 0,
+								lineHeight: "var(--page-title-line-height, var(--page-title-line-height-detail))",
+								color: "var(--text)",
+								minWidth: 0,
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								whiteSpace: h ? "normal" : "nowrap",
+								overflowWrap: "anywhere",
+								maxWidth: "100%"
+							},
+							children: r
+						}),
+						i && /* @__PURE__ */ B(k, { value: i }),
+						a && /* @__PURE__ */ B(A, {
+							label: a,
+							"data-testid": "detail-description-info"
+						}),
+						f,
+						s === "edit" && c && /* @__PURE__ */ V("span", {
+							style: {
+								display: "inline-flex",
+								alignItems: "center",
+								gap: 5,
+								fontSize: 11,
+								color: "var(--warn)"
+							},
+							children: [/* @__PURE__ */ B("span", { style: {
+								width: 6,
+								height: 6,
+								borderRadius: 999,
+								background: "var(--warn)"
+							} }), "Unsaved"]
+						}),
+						s === "create" && /* @__PURE__ */ B(b, {
+							tone: "violet",
+							size: "xs",
+							dot: !0,
+							children: "New record"
+						})
+					]
+				}), o && s === "display" && /* @__PURE__ */ B("div", {
+					style: { marginTop: 8 },
+					children: o
+				})]
+			}),
+			d && /* @__PURE__ */ B("div", {
+				role: "toolbar",
+				"aria-label": "Page actions",
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 6,
+					flex: h ? "1 1 100%" : "0 1 auto",
+					flexWrap: "wrap",
+					justifyContent: h ? "flex-start" : "flex-end",
+					minWidth: 0
+				},
+				children: d
+			})
+		]
+	});
+}
+//#endregion
+//#region src/lib/children-validation.ts
+function dt(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 ft = /^[^@\s]+@[^@\s]+\.[^@\s]+$/;
+function pt(e, t) {
+	let n = [];
+	for (let [r, i] of e.fields) {
+		if (i.type !== "email") continue;
+		let e = t[r];
+		typeof e == "string" && e !== "" && !ft.test(e) && n.push(r);
+	}
+	return n;
+}
+function mt(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 ht(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 = mt(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 gt = () => {};
+function _t(e, t) {
+	return e.length === t.length && JSON.stringify(e) === JSON.stringify(t);
+}
+function vt(e, t) {
+	if (e) {
+		let n = re(le(e, t));
+		if (n.replace(/^\|+|\|+$/g, "")) return n;
+	}
+	return t.id == null ? crypto.randomUUID() : c(t.id);
+}
+function J({ screenCode: e }) {
+	return /* @__PURE__ */ B(f, { children: /* @__PURE__ */ B(yt, { screenCode: e }) });
+}
+function yt({ screenCode: t }) {
+	let { id: r } = Xe(), a = ee(), [c, l] = Ze(), { data: f } = ne(), g = d((e) => e.user), v = s(), y = C(), b = f?.screens[t], w = b?.entity ? f?.entities[b.entity] : void 0, T = b?.entity, E = x(w, "create"), D = x(w, "update"), oe = x(w, "restore"), ce = (() => {
+		if (!w || !w.singleton || !w.prefilter) return;
+		let e = se(w);
+		if (e.length !== 1) return;
+		let t = w.prefilter[e[0]];
+		if (t === "$caller.user_id") return g?.id;
+		if (t === "$caller.tenant_id") return g?.tenant?.id;
+	})(), O = ce !== void 0, k = O ? ce : r, A = !O && k === "new", j = I(() => {
+		if (!k || A) return;
+		if (!w) return k;
+		let e = se(w);
+		if (e.length === 1) return { [e[0]]: k };
+		let t = o(k, e.length);
+		if (!t) return;
+		let n = {};
+		for (let r = 0; r < e.length; r++) n[e[r]] = t[r] ?? "";
+		return n;
+	}, [
+		k,
+		A,
+		w
+	]), M = I(() => {
+		if (j) return typeof j == "string" ? j : re(j);
+	}, [j]), me = Ne(T, j), { data: he, isLoading: ge, error: ve } = me, ye = we((e) => e.degradedEntities), Te = T ? Se(w?.realtime, ye, T) : !1;
+	de(Pe(T, j), !A);
+	let De = xe(T ?? ""), Fe = Le(T ?? ""), Ie = Oe(T ?? ""), Re = Object.keys(w?.status_groups ?? {}).length > 0, ze = he?.data, Ue = ze?.$statuses, We = ze?.$properties, Ge = c.get("edit") === "true", [N, R] = L(A || Ge), [z, et] = L({}), [H, U] = L({}), [W, nt] = L({}), [G, K] = L(void 0), [at, ot] = L(!1), [st, q] = L(void 0), [ut, ft] = L(!1), mt = A ? E : D, J = N && mt, yt = ie();
+	te(J && !A, yt.enabled);
+	let [xt, St] = L(() => {
+		let e = parseInt(b?.sidebar_width || "380", 10);
+		return isNaN(e) ? 380 : e;
+	}), wt = Je(null), Y = Je(null), Tt = P((e) => {
+		e.preventDefault();
+		let t = wt.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 && St(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 = he?.data, Z = typeof X?.$row_version == "string" ? X.$row_version : void 0, Et = X?.$refs, Dt = Je(Z);
+	F(() => {
+		if (!Z) return;
+		let e = Dt.current;
+		Dt.current = Z, e && e !== Z && N && ot(!0);
+	}, [N, Z]);
+	let Ot = !!w?.soft_delete && X != null && X[w.soft_delete] != null, kt = Ye(), At = Je(null);
+	fe({ scrollElementRef: At });
+	let jt = !A && ve instanceof S && ve.status === 404, Mt = Je(null);
+	F(() => {
+		if (!jt) return;
+		let e = be(kt);
+		Mt.current !== e && (Mt.current = e, ue.getState().kill(e));
+	}, [jt, kt]);
+	let { openTab: Nt, updateTabTitle: Pt, findTabByPathname: Ft } = Ve();
+	F(() => {
+		if (!w || O || yt.enabled) return;
+		let e = kt.pathname, t = h(b?.display?.name) || h(w.display.name), n = b?.display?.icon || w.display.icon;
+		Ft(e) || Nt({
+			pathname: e,
+			search: "",
+			title: A ? `New ${t}` : t,
+			icon: n,
+			closable: !0
+		});
+	}, [
+		kt.pathname,
+		b?.display?.name?.en,
+		w?.display.name?.en,
+		b?.display?.icon,
+		w?.display.icon,
+		A,
+		O,
+		yt.enabled
+	]), F(() => {
+		if (!X || !w || O || yt.enabled) return;
+		let e = Ft(kt.pathname);
+		if (e) {
+			let t = h(b?.display?.name) || h(w.display.name), n = i(X, w), r = n && !String(n).startsWith("/") ? String(n) : t;
+			Pt(e.id, r);
+		}
+	}, [
+		X,
+		w?.display.name?.en,
+		w?.display.display_field,
+		kt.pathname,
+		O,
+		yt.enabled
+	]);
+	let It = I(() => {
+		if (!w || !mt) 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, mt]);
+	F(() => {
+		if (!(!Ge || !X || !w || !D)) {
+			if (N || R(!0), Object.keys(z).length === 0) {
+				let e = k ? _e(k) : null;
+				e && Ae(ke({
+					entity: w,
+					formData: e,
+					record: void 0,
+					isNew: !0
+				})).forEach((e) => {
+					v.registerDraft({
+						fileId: e,
+						discard: () => u(e)
+					});
+				});
+				let t = {};
+				It.forEach((n) => {
+					let r = e ? e[n] : void 0;
+					if (r !== void 0) {
+						t[n] = r;
+						return;
+					}
+					let i = Ee(w, X, n);
+					t[n] = Ce(w, n) ? i ?? null : i ?? "";
+				}), et(t);
+			}
+			if (w.children !== void 0 && w.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 = f?.entities[n];
+						t[n] = r.map((t) => ({
+							...t,
+							_key: vt(e, t)
+						}));
+					}
+					K(t), q(e);
+				} else K({}), q({});
+			}
+			l((e) => {
+				let t = new URLSearchParams(e);
+				return t.delete("edit"), t;
+			}, { replace: !0 });
+		}
+	}, [
+		Ge,
+		X,
+		It,
+		D,
+		w,
+		G,
+		f
+	]), F(() => {
+		!A || !E || !w?.children || w.children.length === 0 || G === void 0 && (K({}), q({}));
+	}, [
+		A,
+		E,
+		w?.children
+	]);
+	let Lt = P(async () => {
+		if (await v.flushAllDrafts(), A) {
+			let e = b?.route?.replace("/:id", "") ?? "/";
+			a(e);
+		} else R(!1), et({}), U({}), nt({}), K(void 0), q(void 0), ft(!1);
+	}, [
+		v,
+		A,
+		b,
+		a
+	]), Rt = P((e, t) => {
+		et((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, []), Q = I(() => {
+		if (!b?.route) return "/";
+		let e = b.route.split("/");
+		return e.pop(), e.join("/") || "/";
+	}, [b]), zt = I(() => !f?.screens || !Q || Q === "/" ? !1 : Object.values(f.screens).some((e) => e.route === Q), [f, Q]), Bt = Me({ fallback: P(() => {
+		if (!zt) {
+			a("/");
+			return;
+		}
+		let e = Ft(Q)?.search ?? "";
+		a(e ? `${Q}?${e}` : Q);
+	}, [
+		zt,
+		Q,
+		Ft,
+		a
+	]) }), Vt = !O && (Bt.hasOriginBack || Bt.allowFallbackBack && !!zt), Ht = n(), Ut = I(() => {
+		if (!w) return {};
+		let e = {};
+		for (let t of dt(w, z, A)) It.has(t) && (e[t] = "Required");
+		for (let t of pt(w, z)) It.has(t) && (e[t] = "Invalid email address");
+		return e;
+	}, [
+		w,
+		z,
+		A,
+		It
+	]), Wt = Object.keys(Ut).length > 0, Gt = P(() => {
+		if (!T || !w || A && !E || !A && !D || (ft(!0), Wt)) return;
+		let e = {}, t = ke({
+			entity: w,
+			formData: z,
+			record: X,
+			isNew: A
+		}), n = Ae(t);
+		if (A) for (let [t, n] of Object.entries(z)) {
+			if (w.files?.has(t)) continue;
+			let r = je(w, t, n);
+			r !== "" && r != null && (e[t] = r);
+		}
+		else {
+			for (let [t, n] of Object.entries(z)) {
+				if (w.files?.has(t)) continue;
+				let r = X ? Ee(w, X, t) : void 0, i = je(w, t, n), a = je(w, t, r);
+				(i === "" ? null : i) !== (a === "" || a === void 0 ? null : a) && (e[t] = i);
+			}
+			Z && (e.$row_version = Z);
+		}
+		if (Object.keys(t).length > 0 && (e.$files = t), Object.keys(H).length > 0 && (e.$statuses = Object.entries(H).map(([e, t]) => ({
+			status_group_code: e,
+			status_code: t
+		}))), Object.keys(W).length > 0 && (e.$properties = Object.entries(W).map(([e, t]) => ({
+			property_code: e,
+			value: t
+		}))), G) {
+			let t = {};
+			for (let [e, n] of Object.entries(G)) {
+				let r = n.filter((e) => !e._deleted).map((e) => {
+					let { _key: t, _deleted: n, _dirty: r, ...i } = e;
+					return i;
+				}), i = st?.[e] ?? [];
+				(A || !_t(r, i)) && (t[e] = r);
+			}
+			Object.keys(t).length > 0 && (e.$children = t);
+		}
+		if (!A && Object.keys(e).length === 0) {
+			R(!1), U({}), nt({}), K(void 0), q(void 0), ft(!1);
+			return;
+		}
+		let r = () => {
+			R(!1), ot(!1), ft(!1), U({}), nt({}), K(void 0), q(void 0);
+		};
+		A ? De.mutate(e, { onSuccess: (e) => {
+			n.forEach((e) => v.markCommitted(e));
+			let t = e.data, i = re(w ? le(w, t) : {});
+			a(i ? `${Q}/${encodeURIComponent(i)}` : Q, { replace: !0 }), r();
+		} }) : j && Fe.mutate({
+			pkValues: j,
+			data: e
+		}, {
+			onSuccess: () => {
+				n.forEach((e) => v.markCommitted(e)), r();
+			},
+			onError: (e) => {
+				e instanceof S && e.code === "STALE_OBJECT" && ot(!0);
+			}
+		});
+	}, [
+		v,
+		A,
+		E,
+		D,
+		T,
+		z,
+		Wt,
+		H,
+		W,
+		G,
+		st,
+		De,
+		Fe,
+		w,
+		a,
+		Q,
+		X,
+		Z,
+		j
+	]), Kt = P((e, t) => {
+		K((n) => ({
+			...n ?? {},
+			[e]: t
+		}));
+	}, []), qt = P(() => {
+		!j || A || !oe || Ie.mutate(j);
+	}, [
+		j,
+		A,
+		oe,
+		Ie
+	]), Jt = I(() => ht(G, f), [G, f]), Yt = Object.keys(Jt).length > 0;
+	if (!b || !w) return null;
+	if (!A && ge) return /* @__PURE__ */ B(He, {});
+	if (!A && !X || jt) return /* @__PURE__ */ V("div", {
+		style: { padding: 24 },
+		children: [/* @__PURE__ */ V("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				marginBottom: 8
+			},
+			children: [Vt && /* @__PURE__ */ B(ae, {
+				icon: /* @__PURE__ */ B(e.back, { size: 14 }),
+				onClick: Bt.goBack,
+				title: "Back"
+			}), /* @__PURE__ */ B("h1", {
+				style: {
+					margin: 0,
+					fontSize: 18,
+					fontWeight: 600,
+					color: "var(--text)"
+				},
+				children: "Not Found"
+			})]
+		}), /* @__PURE__ */ B("p", {
+			style: { color: "var(--text-3)" },
+			children: "Record not found."
+		})]
+	});
+	let Xt = w.display, Zt = h(b.display?.name) || h(Xt.name), Qt = i(X, w), $t = A ? `New ${Zt}` : Qt ? String(Qt) : Zt, en = De.isPending || Fe.isPending, tn = b.responsive?.[y.category]?.layout, nn = tn?.tabs ?? (y.isPhone ? "sections" : void 0), rn = tn?.header_card === !0 ? Be({
+		entity: w,
+		screen: b
+	}) : void 0, $ = {
+		schema: f,
+		entity: w,
+		entityCode: T,
+		recordId: M ?? k ?? "",
+		record: J ? {
+			...X ?? {},
+			...z
+		} : X ?? {},
+		isNew: A,
+		mode: J ? "edit" : "display",
+		onFieldChange: J ? Rt : void 0,
+		refs: Et,
+		objectProperties: (() => {
+			let e = We ?? [];
+			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: A || !D ? void 0 : J ? (e, t) => nt((n) => ({
+			...n,
+			[e]: t
+		})) : void 0,
+		isPropertyPending: !1,
+		objectStatuses: (() => {
+			let e = Ue ?? [];
+			if (!J || Object.keys(H).length === 0) return e.length > 0 ? e : void 0;
+			let t = e.map((e) => H[e.group_code] === void 0 ? e : {
+				...e,
+				status_code: H[e.group_code]
+			});
+			for (let [n, r] of Object.entries(H)) e.some((e) => e.group_code === n) || t.push({
+				group_code: n,
+				status_code: r,
+				status_name: {},
+				set_at: p()
+			});
+			return t;
+		})(),
+		onSetStatus: A || !D ? void 0 : J ? (e, t) => U((n) => ({
+			...n,
+			[e]: t
+		})) : void 0,
+		isStatusPending: !1,
+		pendingChildren: J ? G : void 0,
+		onChildrenChange: J ? Kt : void 0,
+		childValidationErrors: J ? Jt : void 0,
+		fieldErrors: J && ut ? Ut : void 0,
+		detailTabsPresentation: nn,
+		relatedRecordsPresentation: tn?.related_records
+	}, an = !!b.sidebar && b.sidebar.length > 0, on = tn?.sidebar === "hidden", sn = an && !on && !y.isDesktop, cn = an && !on && y.isDesktop, ln = !A && X ? /* @__PURE__ */ B(it, {
+		screen: b,
+		entity: w,
+		entityCode: T,
+		record: X,
+		refs: Et,
+		objectStatuses: Ue,
+		schema: f,
+		locale: Ht
+	}) : void 0, un = /* @__PURE__ */ B(Ct, {
+		title: $t,
+		recordId: k,
+		editing: J,
+		isNew: A,
+		isRecordDeleted: Ot,
+		dirty: N,
+		isSaving: en,
+		hasChildErrors: Yt,
+		hasFieldErrors: ut && Wt,
+		canRestore: oe,
+		entity: w,
+		screen: b,
+		globalActions: f?.actions,
+		entityCode: T,
+		record: X,
+		id: k,
+		listRoute: Q,
+		listRouteExists: !!zt,
+		highlights: ln,
+		showBack: Vt,
+		onBack: Bt.goBack,
+		onCancelEdit: Lt,
+		onSave: Gt,
+		onRestore: qt,
+		isRestoring: Ie.isPending,
+		refreshControl: {
+			refetch: me.refetch,
+			isFetching: me.isFetching,
+			isLoading: me.isLoading,
+			isLive: Te
+		},
+		isRealtimeEntity: w?.realtime === !0,
+		canManageTemplates: pe(f)
+	}), dn = Ot && /* @__PURE__ */ V("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__ */ B(e.warning, { size: 14 }), /* @__PURE__ */ V("span", { children: ["This record was deleted on ", _(String(X[w.soft_delete]))] })]
+	}), fn = at && /* @__PURE__ */ V("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__ */ B(e.warning, { size: 14 }), /* @__PURE__ */ B("span", { children: "This record changed on the server while you were viewing or editing it." })]
+	}), pn = J && ut && Wt && /* @__PURE__ */ B(rt, {
+		errors: Object.entries(Ut).map(([e, t]) => {
+			let n = w.fields.get(e);
+			return {
+				name: e,
+				label: n ? m(n, e, f?.entities) : e,
+				message: t
+			};
+		}),
+		onJump: (e) => {
+			let t = document.getElementById(`${T}-${e}`);
+			t && (t.scrollIntoView({
+				block: "center",
+				behavior: "smooth"
+			}), t.focus?.());
+		}
+	}), mn = Re && !A && !(b.items && b.items.length > 0) && /* @__PURE__ */ B("div", {
+		className: "mb-4",
+		children: /* @__PURE__ */ B(Ke, {
+			statusGroups: w.status_groups ?? {},
+			objectStatuses: $.objectStatuses,
+			onSetStatus: D && J ? (e, t) => U((n) => ({
+				...n,
+				[e]: t
+			})) : gt,
+			isPending: !1,
+			mode: J ? "edit" : "display"
+		})
+	}), hn = w.evidence_covered && !A && X && /* @__PURE__ */ B("div", {
+		className: "mb-4",
+		children: /* @__PURE__ */ B(lt, { evidence: X.$evidence })
+	}), gn = /* @__PURE__ */ V(Qe, { children: [
+		rn && (X || A) && /* @__PURE__ */ B(bt, {
+			card: rn,
+			entity: w,
+			record: $.record,
+			objectStatuses: $.objectStatuses,
+			objectProperties: $.objectProperties
+		}),
+		b.items && b.items.length > 0 && (X || A) && f && /* @__PURE__ */ B(qe, {
+			nodes: b.items,
+			ctx: $
+		}),
+		!A && k && T && w.associations && Object.keys(w.associations).length > 0 && f && /* @__PURE__ */ B($e, {
+			entityCode: T,
+			recordId: M ?? k ?? "",
+			associations: w.associations,
+			schema: f
+		}),
+		!A && k && T && /* @__PURE__ */ B(tt, {
+			entityCode: T,
+			objectId: M ?? k,
+			canGenerateOne: !!w?.documents?.generate_one,
+			canManageTemplates: pe(f)
+		}),
+		!A && X && f && /* @__PURE__ */ B(ct, {
+			screen: b,
+			entity: w,
+			entityCode: T,
+			record: X,
+			refs: Et,
+			schema: f,
+			locale: Ht
+		})
+	] });
+	if (cn) return /* @__PURE__ */ V("div", {
+		style: {
+			height: "100%",
+			display: "flex",
+			overflow: "hidden",
+			background: "var(--background)"
+		},
+		children: [
+			/* @__PURE__ */ V("div", {
+				style: {
+					flex: 1,
+					minWidth: 0,
+					display: "flex",
+					flexDirection: "column",
+					height: "100%"
+				},
+				children: [/* @__PURE__ */ V("div", {
+					style: {
+						flexShrink: 0,
+						padding: "14px 20px 8px"
+					},
+					children: [
+						un,
+						fn,
+						dn,
+						pn,
+						mn,
+						hn
+					]
+				}), /* @__PURE__ */ B("div", {
+					ref: At,
+					style: {
+						flex: 1,
+						minHeight: 0,
+						overflowY: "auto",
+						padding: "4px 20px 24px",
+						display: "flex",
+						flexDirection: "column",
+						gap: 16
+					},
+					children: gn
+				})]
+			}),
+			/* @__PURE__ */ B("div", {
+				className: "detail-resize-handle",
+				onMouseDown: Tt,
+				title: "Drag to resize",
+				children: /* @__PURE__ */ B("div", { style: {
+					position: "absolute",
+					top: 0,
+					bottom: 0,
+					left: "50%",
+					transform: "translateX(-50%)",
+					width: 1,
+					background: "var(--border)"
+				} })
+			}),
+			/* @__PURE__ */ B("div", {
+				ref: wt,
+				style: {
+					flexShrink: 0,
+					height: "100%",
+					width: `${xt}px`
+				},
+				children: (X || A) && f && /* @__PURE__ */ B(qe, {
+					nodes: b.sidebar,
+					ctx: $
+				})
+			})
+		]
+	});
+	let _n = y.isPhone ? 12 : 24;
+	return /* @__PURE__ */ V("div", {
+		style: {
+			height: "100%",
+			display: "flex",
+			flexDirection: "column",
+			overflow: "hidden",
+			background: "var(--background)"
+		},
+		children: [/* @__PURE__ */ V("div", {
+			style: {
+				flexShrink: 0,
+				padding: y.isPhone ? "14px 12px 8px" : "24px 24px 8px"
+			},
+			children: [
+				un,
+				fn,
+				dn,
+				pn,
+				mn,
+				hn
+			]
+		}), /* @__PURE__ */ V("div", {
+			ref: At,
+			style: {
+				flex: 1,
+				minHeight: 0,
+				overflowY: "auto",
+				padding: `4px ${_n}px calc(24px + var(--safe-area-bottom, 0px))`,
+				display: "flex",
+				flexDirection: "column",
+				gap: 16,
+				minWidth: 0,
+				WebkitOverflowScrolling: "touch"
+			},
+			children: [gn, sn && (X || A) && f && /* @__PURE__ */ B("div", {
+				"data-testid": "detail-sidebar-inline",
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 16,
+					minWidth: 0
+				},
+				children: /* @__PURE__ */ B(qe, {
+					nodes: b.sidebar,
+					ctx: $
+				})
+			})]
+		})]
+	});
+}
+function bt({ card: e, entity: t, record: n, objectStatuses: r, objectProperties: a }) {
+	let o = (e) => {
+		let i = xt(t, e, n, r, a);
+		return i != null && c(i) !== "";
+	}, s = (e) => c(xt(t, e, n, r, a)) || /* @__PURE__ */ B("span", {
+		style: { color: "var(--text-3)" },
+		children: "-"
+	}), l = c(e.titleUsesDisplay ? i(n, t) : e.titleField ? xt(t, e.titleField, n, r, a) : void 0) || h(t.display?.name) || "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__ */ V("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__ */ V("div", {
+				style: { minWidth: 0 },
+				children: [/* @__PURE__ */ B("div", {
+					style: {
+						fontSize: 15,
+						lineHeight: 1.25,
+						fontWeight: 700,
+						color: "var(--text)",
+						overflowWrap: "anywhere"
+					},
+					children: l
+				}), e.subtitleField && /* @__PURE__ */ B("div", {
+					style: {
+						marginTop: 4,
+						fontSize: 12.5,
+						lineHeight: 1.35,
+						color: "var(--text-3)",
+						overflowWrap: "anywhere"
+					},
+					children: s(e.subtitleField)
+				})]
+			}),
+			u.length > 0 && /* @__PURE__ */ B("div", {
+				style: {
+					display: "flex",
+					flexWrap: "wrap",
+					gap: 6,
+					marginTop: 10
+				},
+				children: u.map((e) => /* @__PURE__ */ B("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__ */ B("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__ */ V("div", {
+					style: { display: "contents" },
+					children: [/* @__PURE__ */ B("dt", {
+						style: { color: "var(--text-3)" },
+						children: St(t, e)
+					}), /* @__PURE__ */ B("dd", {
+						style: {
+							margin: 0,
+							color: "var(--text-2)",
+							minWidth: 0,
+							overflowWrap: "anywhere"
+						},
+						children: s(e)
+					})]
+				}, e))
+			}),
+			f.length > 0 && /* @__PURE__ */ B("div", {
+				style: {
+					display: "flex",
+					flexWrap: "wrap",
+					gap: 10,
+					marginTop: 10,
+					color: "var(--text-3)",
+					fontSize: 11.5
+				},
+				children: f.map((e) => /* @__PURE__ */ V("span", {
+					style: {
+						minWidth: 0,
+						overflowWrap: "anywhere"
+					},
+					children: [
+						St(t, e),
+						": ",
+						s(e)
+					]
+				}, e))
+			})
+		]
+	});
+}
+function xt(e, t, n, r, i) {
+	if (t.startsWith("$status.")) {
+		let e = t.slice(8), n = r?.find((t) => t.group_code === e);
+		return h(n?.status_name) || n?.status_code;
+	}
+	if (t.startsWith("$property.")) {
+		let e = t.slice(10);
+		return i?.find((t) => t.property_code === e)?.value;
+	}
+	return Ee(e, n, t);
+}
+function St(e, t) {
+	if (t.startsWith("$status.")) return t.slice(8);
+	if (t.startsWith("$property.")) return t.slice(10);
+	let n = e.fields.get(t);
+	return n ? m(n, t) : t;
+}
+function Ct({ title: r, recordId: i, editing: o, isNew: s, isRecordDeleted: c, dirty: u, isSaving: d, hasChildErrors: f, hasFieldErrors: p, canRestore: m, entity: g, screen: _, globalActions: b, entityCode: x, record: S, id: C, listRoute: w, listRouteExists: te, highlights: E, showBack: ne, onBack: re, onCancelEdit: ie, onSave: ae, onRestore: oe, isRestoring: se, refreshControl: ce, isRealtimeEntity: le, canManageTemplates: k }) {
+	let { run: A } = T(), j = he("detail"), M = Fe(), de = ee(), fe = n(), pe = a(_?.action_layout, g?.action_layout, g?.actions, b, "detail_toolbar"), ge = v(a(_?.action_layout, g?.action_layout, g?.actions, b, "detail"), g?.actions, b, S ?? {}, []), _e = v(pe, g?.actions, b, S ?? {}, []), ve = I(() => {
+		if (!g) return;
+		let e = C ? [C] : [];
+		return {
+			entity: g,
+			entityCode: x ?? "",
+			screen: _,
+			screenRoute: _?.route ?? "",
+			selectedRows: S ? [S] : [],
+			selectedIds: e,
+			locale: fe,
+			tabNavigate: (e, t) => M(e, {
+				title: t?.title,
+				icon: t?.icon,
+				search: t?.search
+			}),
+			runActionApi: (e, t) => O(e, t)
+		};
+	}, [
+		g,
+		x,
+		_,
+		C,
+		S,
+		fe,
+		M
+	]), xe = (e, t) => {
+		let n = Ie(e, t, { row: S ?? void 0 });
+		if (n === null) return;
+		let r = C ? [C] : [], i = e === "__delete" && te ? w : null;
+		return A({
+			action: t,
+			title: h(t.display?.name) || e,
+			row: S ?? void 0,
+			execute: (e) => O(n, y(e, r)),
+			onSuccess: i ? () => {
+				ue.getState().kill(be(location)), de(i, { replace: !0 });
+			} : void 0
+		});
+	}, Se = j.isVisible("show_actions") && !s && C && ge.length > 0 ? /* @__PURE__ */ B(De, {
+		layout: ge,
+		row: S,
+		onRun: xe,
+		kind: "detail",
+		entityActions: g?.actions,
+		globalActions: b,
+		reservedRightWidth: 0,
+		widgetContext: ve,
+		constrain: !1
+	}) : null, Ce = !s && C ? /* @__PURE__ */ B(ye, {
+		liveObject: ce,
+		realtime: le
+	}) : null, we = j.isVisible("show_actions") && !s && C && _e.length > 0 ? /* @__PURE__ */ V("div", {
+		style: {
+			display: "flex",
+			justifyContent: "flex-end",
+			alignItems: "center",
+			gap: 8,
+			marginTop: 10
+		},
+		children: [Se ? null : Ce, /* @__PURE__ */ B(De, {
+			layout: _e,
+			row: S,
+			onRun: xe,
+			kind: "detail",
+			entityActions: g?.actions,
+			globalActions: b,
+			reservedRightWidth: 0,
+			widgetContext: ve,
+			ariaLabel: Se ? "Detail toolbar actions" : "Page actions"
+		})]
+	}) : null, Te = j.isVisible("show_actions") && !s && C && x ? /* @__PURE__ */ B(me, {
+		entityCode: x,
+		scope: "detail",
+		objectIds: [C],
+		capability: g?.documents,
+		canManageTemplates: k
+	}) : null, Ee = c ? m ? /* @__PURE__ */ B(D, {
+		kind: "primary",
+		icon: B(se ? l : e.refresh, { size: 13 }),
+		onClick: oe,
+		disabled: se,
+		children: se ? "Restoring…" : "Restore"
+	}) : null : o ? /* @__PURE__ */ V(Qe, { children: [/* @__PURE__ */ B(D, {
+		icon: /* @__PURE__ */ B(e.x, { size: 13 }),
+		onClick: ie,
+		disabled: d,
+		children: "Cancel"
+	}), /* @__PURE__ */ B(D, {
+		kind: "primary",
+		icon: B(d ? l : e.save, { size: 13 }),
+		onClick: ae,
+		disabled: d || f || p,
+		title: f ? "Fix errors in child rows" : p ? "Fix the highlighted fields" : void 0,
+		children: d ? "Saving…" : "Save"
+	})] }) : !s && C ? Se ? /* @__PURE__ */ V("span", {
+		style: { display: "contents" },
+		children: [Te, Se]
+	}) : Te : null;
+	return /* @__PURE__ */ V(Qe, { children: [/* @__PURE__ */ B(ut, {
+		icon: g?.display.icon ? /* @__PURE__ */ B(t, {
+			name: g.display.icon,
+			size: 16
+		}) : void 0,
+		title: r,
+		description: h(_?.display?.description) || h(g?.display?.description),
+		recordId: i,
+		highlights: E,
+		identityControls: !c && !o && !s ? Ce : null,
+		mode: s ? "create" : o ? "edit" : "display",
+		dirty: u,
+		showBack: ne,
+		onBack: re,
+		right: Ee,
+		showTitle: j.isVisible("show_title")
+	}), we] });
+}
+//#endregion
+export { J as SmartDetailPage };