@declarion/react 0.32.0 → 0.35.1

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

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