@declarion/react 0.39.0 → 0.40.0

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

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