@declarion/react 0.65.0 → 0.66.0

package/dist-lib/LayoutRenderer-d-tXYPze.js

@@ -1,3239 +0,0 @@
-import { Cn as e, Dn as t, Pt as n, Q as r, Qt as i, U as a, an as o, c as s, cn as c, ct as l, dn as u, fn as d, gn as f, hn as p, in as m, l as h, o as g, on as _, ot as v, st as y, wn as b, wt as x, xt as S, yt as C } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t as w } from "./Icons-lt-7lhYR.js";
-import { n as T, r as E } from "./CopyButton-DRIT_f0k.js";
-import { t as D } from "./Pill-D-wsfRhx.js";
-import { Q as O, f as k, p as A, q as j, tt as M, u as N } from "./PropertyGridEditor-XrP6TZ5s.js";
-import { t as P } from "./SectionCard-BYHoHWJc.js";
-import { a as F, i as I, r as L, t as ee } from "./registry-CGe5kCXN.js";
-import { t as R } from "./DynamicIcon-DuBSz6TZ.js";
-import { t as z } from "./utils-D_QDpB8_.js";
-import { n as B } from "./useTabNavigate-CUqOmcMj.js";
-import { E as V, T as te, v as H } from "./ActionRunner-DdBFhqGe.js";
-import { g as ne, i as U, t as re, v as ie } from "./useOwnRefresh-DJjaje52.js";
-import { h as ae, m as oe, p as se } from "./variants-vUtfBbE6.js";
-import { n as ce, r as le, t as ue } from "./dataTableStyles-vwD1mVOP.js";
-import { n as de, t as fe } from "./AssociatedBlock-BOoPLOjw.js";
-import { i as pe, n as me, r as he, t as ge } from "./FieldRow-DedGIY9R.js";
-import { Suspense as _e, lazy as ve, useCallback as W, useEffect as G, useId as ye, useLayoutEffect as be, useMemo as xe, useRef as K, useState as q } from "react";
-import { useInfiniteQuery as Se, useMutation as Ce, useQueryClient as we } from "@tanstack/react-query";
-import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
-//#region src/lib/size-value.ts
-var Te = /^(\d+)px$/;
-function Ee(e) {
-	if (e == null || e === "") return null;
-	if (e === "auto") return { kind: "auto" };
-	if (e === "fill") return { kind: "fill" };
-	let t = Te.exec(e);
-	if (t) {
-		let e = parseInt(t[1], 10);
-		return e > 0 ? {
-			kind: "px",
-			value: e
-		} : null;
-	}
-	let n = parseInt(e, 10);
-	return !isNaN(n) && String(n) === e && n > 0 ? {
-		kind: "weight",
-		value: n
-	} : null;
-}
-//#endregion
-//#region src/components/detail-layout/LayoutRow.tsx
-function De({ config: e, ctx: t }) {
-	let { items: n, gap: r = 0, resizable: i = !1, stack_below: a } = e, o = a === "never" ? 0 : a ?? 768, [s, c] = q(!1), l = K(null);
-	G(() => {
-		if (o === 0) return;
-		let e = l.current;
-		if (!e) return;
-		let t = new ResizeObserver((e) => {
-			for (let t of e) c(t.contentRect.width < o);
-		});
-		return t.observe(e), () => t.disconnect();
-	}, [o]);
-	let [u, d] = q(null), f = K(null), p = W(() => n.map((t) => {
-		let n = Ee(t.width ?? t.column?.width ?? t.row?.width ?? e.width);
-		return n && n.kind === "weight" ? n.value : 1;
-	}), [n, e.width]), m = W((e, t) => {
-		t.preventDefault();
-		let n = u ?? p();
-		f.current = {
-			index: e,
-			startX: t.clientX,
-			startSizes: [...n]
-		};
-		let r = (e) => {
-			let t = f.current;
-			if (!t || !l.current) return;
-			let n = l.current.getBoundingClientRect().width, r = e.clientX - t.startX, i = t.startSizes.reduce((e, t) => e + t, 0), a = r / n * i, o = [...t.startSizes];
-			o[t.index] = Math.max(.1, t.startSizes[t.index] + a), o[t.index + 1] = Math.max(.1, t.startSizes[t.index + 1] - a), d(o);
-		}, i = () => {
-			f.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
-		};
-		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
-	}, [u, p]), h = u ?? p(), g = e.height ? ke(e.height) : void 0;
-	return /* @__PURE__ */ Y("div", {
-		ref: l,
-		className: z("flex", s && "flex-col"),
-		style: {
-			gap: r ? `${r}px` : void 0,
-			...g
-		},
-		children: n.map((r, a) => /* @__PURE__ */ X("div", {
-			className: z("min-w-0 flex items-stretch", s && "w-full"),
-			style: s ? void 0 : Oe(r.width ?? r.column?.width ?? r.row?.width ?? e.width, h[a], r.min_width, r.max_width),
-			children: [/* @__PURE__ */ Y("div", {
-				className: z("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
-				children: /* @__PURE__ */ Y(fn, {
-					node: r,
-					ctx: t
-				})
-			}), i && !s && a < n.length - 1 && /* @__PURE__ */ Y("div", {
-				className: "detail-resize-handle",
-				onMouseDown: (e) => m(a, e)
-			})]
-		}, a))
-	});
-}
-function Oe(e, t, n, r) {
-	let i = Ee(e), a;
-	return a = !i || i.kind === "weight" ? `${t} 1 0%` : i.kind === "px" ? `0 0 ${i.value}px` : i.kind === "fill" ? "1 1 0%" : "0 0 auto", {
-		flex: a,
-		minWidth: n,
-		maxWidth: r
-	};
-}
-function ke(e) {
-	if (!e) return;
-	let t = Ee(e);
-	if (t?.kind === "px") return {
-		height: `${t.value}px`,
-		overflow: "hidden"
-	};
-	if (typeof e == "string" && (e.includes("vh") || e.includes("calc") || e.includes("%"))) return {
-		height: e,
-		overflow: "hidden"
-	};
-}
-//#endregion
-//#region src/components/detail-layout/LayoutColumn.tsx
-function Ae({ config: e, ctx: t }) {
-	let { items: n, gap: r = 12 } = e;
-	return /* @__PURE__ */ Y("div", {
-		className: "flex flex-col h-full",
-		style: { gap: r ? `${r}px` : void 0 },
-		children: n.map((e, n) => /* @__PURE__ */ Y(fn, {
-			node: e,
-			ctx: t
-		}, n))
-	});
-}
-//#endregion
-//#region src/components/detail-layout/blockMeta.ts
-function je(e) {
-	return e.children ?? e.associated;
-}
-function Me(e, t, n) {
-	let r = je(e);
-	if (r) {
-		if (e.label) return n(e.label);
-		let i = t.entity.children?.find((e) => e.entity === r);
-		if (i?.display?.name) return n(i.display.name);
-		let a = t.schema.entities[r];
-		return a && (n(a.display.name_plural) || n(a.display.name)) || r;
-	}
-	return e.section ? n(e.section.name) : n("record.tabs.fallback", "Tab");
-}
-function Ne(e, t) {
-	if (e.icon) return e.icon;
-	let n = je(e);
-	if (n) {
-		let e = t.entity.children?.find((e) => e.entity === n);
-		if (e?.display?.icon) return e.display.icon;
-		let r = t.schema.entities[n];
-		if (r) return r.display.icon;
-	}
-}
-//#endregion
-//#region src/components/detail-layout/LayoutTabs.tsx
-function Pe({ config: e, ctx: t }) {
-	let n = x(), { items: r } = e, [i, a] = q(0), o = S(), s = t.detailTabsPresentation ?? (o.isPhone ? "sections" : "scroll");
-	if (r.length === 0) return null;
-	if (s === "sections") {
-		let e = r.map((e, t) => `detail-tab-section-${t}`);
-		return /* @__PURE__ */ X("div", {
-			style: {
-				display: "flex",
-				flexDirection: "column",
-				gap: 10,
-				minWidth: 0
-			},
-			children: [r.length > 1 && /* @__PURE__ */ Y("nav", {
-				"aria-label": n("record.tabs.sections", "Detail sections"),
-				style: {
-					display: "flex",
-					gap: 6,
-					overflowX: "auto",
-					padding: "0 2px 2px",
-					WebkitOverflowScrolling: "touch"
-				},
-				children: r.map((r, i) => {
-					let a = Me(r, t, n), o = Ne(r, t);
-					return /* @__PURE__ */ X("button", {
-						type: "button",
-						onClick: () => document.getElementById(e[i])?.scrollIntoView({
-							block: "start",
-							behavior: "smooth"
-						}),
-						style: {
-							display: "inline-flex",
-							alignItems: "center",
-							gap: 6,
-							minHeight: 36,
-							maxWidth: 220,
-							padding: "7px 10px",
-							border: "1px solid var(--border)",
-							borderRadius: 8,
-							background: "var(--surface)",
-							color: "var(--text-2)",
-							fontSize: 12.5,
-							fontWeight: 600,
-							whiteSpace: "nowrap",
-							cursor: "pointer"
-						},
-						children: [o && /* @__PURE__ */ Y(R, {
-							name: o,
-							size: 13
-						}), /* @__PURE__ */ Y("span", {
-							style: {
-								overflow: "hidden",
-								textOverflow: "ellipsis"
-							},
-							children: a
-						})]
-					}, i);
-				})
-			}), r.map((r, i) => {
-				let a = Me(r, t, n), o = Ne(r, t);
-				return /* @__PURE__ */ X("section", {
-					id: e[i],
-					style: {
-						background: "var(--surface)",
-						border: "1px solid var(--border)",
-						borderRadius: 10,
-						boxShadow: "var(--shadow-xs)",
-						overflow: "hidden",
-						minWidth: 0,
-						scrollMarginTop: 12
-					},
-					children: [/* @__PURE__ */ X("div", {
-						style: {
-							display: "flex",
-							alignItems: "center",
-							gap: 8,
-							padding: "12px 14px",
-							borderBottom: "1px solid var(--divider)",
-							color: "var(--text)",
-							fontSize: 13,
-							fontWeight: 700
-						},
-						children: [o && /* @__PURE__ */ Y(R, {
-							name: o,
-							size: 14
-						}), /* @__PURE__ */ Y("span", {
-							style: { overflowWrap: "anywhere" },
-							children: a
-						})]
-					}), /* @__PURE__ */ Y("div", {
-						style: {
-							padding: 14,
-							minWidth: 0
-						},
-						children: /* @__PURE__ */ Y(fn, {
-							node: r,
-							ctx: {
-								...t,
-								withinCard: !0
-							}
-						})
-					})]
-				}, i);
-			})]
-		});
-	}
-	return /* @__PURE__ */ X("div", {
-		style: {
-			background: "var(--surface)",
-			border: "1px solid var(--border)",
-			borderRadius: 10,
-			overflow: "hidden",
-			boxShadow: "var(--shadow-xs)",
-			flexShrink: 0
-		},
-		children: [/* @__PURE__ */ Y("div", {
-			role: "tablist",
-			style: {
-				display: "flex",
-				alignItems: "stretch",
-				gap: 4,
-				borderBottom: "1px solid var(--divider)",
-				padding: "6px 10px 0 10px",
-				overflowX: "auto"
-			},
-			children: r.map((e, r) => {
-				let o = Me(e, t, n), s = Ne(e, t), c = r === i;
-				return /* @__PURE__ */ X("button", {
-					role: "tab",
-					"aria-selected": c,
-					onClick: (e) => {
-						e.stopPropagation(), a(r);
-					},
-					style: {
-						position: "relative",
-						display: "inline-flex",
-						alignItems: "center",
-						gap: 6,
-						padding: "8px 12px",
-						background: "transparent",
-						border: 0,
-						cursor: "pointer",
-						fontSize: 12.5,
-						fontWeight: 500,
-						fontFamily: "inherit",
-						color: c ? "var(--text)" : "var(--text-3)",
-						whiteSpace: "nowrap",
-						transition: "color .12s"
-					},
-					onMouseEnter: (e) => {
-						c || (e.currentTarget.style.color = "var(--text-2)");
-					},
-					onMouseLeave: (e) => {
-						c || (e.currentTarget.style.color = "var(--text-3)");
-					},
-					children: [
-						s && /* @__PURE__ */ Y(R, {
-							name: s,
-							size: 13
-						}),
-						o,
-						c && /* @__PURE__ */ Y("span", { style: {
-							position: "absolute",
-							left: 4,
-							right: 4,
-							bottom: -1,
-							height: 2,
-							background: "var(--accent)",
-							borderRadius: 2
-						} })
-					]
-				}, r);
-			})
-		}), /* @__PURE__ */ Y("div", {
-			role: "tabpanel",
-			style: { padding: 14 },
-			children: /* @__PURE__ */ Y(fn, {
-				node: r[i],
-				ctx: {
-					...t,
-					withinCard: !0
-				}
-			}, i)
-		})]
-	});
-}
-//#endregion
-//#region src/components/detail-layout/SectionBlock.tsx
-function Fe({ config: e, ctx: t }) {
-	let n = x(), { name: r, items: i, collapsed: a = !1, columns: o, icon: s, badge: c, emphasis: l } = e, u = e.hide_empty_fields === !0 && t.mode === "display";
-	if (u && !Ie(i, t)) return null;
-	let d = {
-		...t,
-		withinCard: !0,
-		...o ? { columns: o } : null,
-		...u ? { hideEmptyFields: u } : null
-	}, f = s ? /* @__PURE__ */ Y(R, {
-		name: s,
-		size: 14
-	}) : void 0, p = c ? {
-		text: n(c.text),
-		tone: c.tone,
-		dot: c.dot
-	} : void 0;
-	return /* @__PURE__ */ Y(P, {
-		title: n(r),
-		defaultOpen: !a,
-		icon: f,
-		badge: p,
-		emphasis: l,
-		headingLevel: t.withinCard ? 3 : 2,
-		children: /* @__PURE__ */ Y("div", {
-			style: {
-				display: "flex",
-				flexDirection: "column",
-				gap: 12
-			},
-			children: /* @__PURE__ */ Y(dn, {
-				nodes: i,
-				ctx: d
-			})
-		})
-	});
-}
-function Ie(e, t) {
-	return e.some((e) => !e.fields || e.fields.some((e) => ae(t.entity, t.record, e.code)));
-}
-//#endregion
-//#region src/lib/child-config.ts
-function Le(e, t, n) {
-	let r = e.display, i = Z(n?.mode, r?.mode, "table"), a = i === "timeline" ? 50 : 20, o = {
-		entity: e.entity,
-		foreign_key: e.foreign_key,
-		name: Z(n?.label, r?.name, ze(t)),
-		icon: Z(n?.icon, r?.icon, t.display.icon) ?? "",
-		mode: i,
-		columns: Z(n?.columns, r?.columns, Ve(t, e.foreign_key)),
-		sort: Z(n?.sort, r?.sort, Be(t)),
-		limit: Z(n?.limit, r?.limit, a),
-		editable: Z(n?.editable, r?.editable, !0),
-		interaction: Z(n?.interaction, r?.interaction, Re(t))
-	}, s = Z(n?.position_field, r?.position_field, void 0);
-	s && (o.position_field = s, o.sort = s + ":asc");
-	let c = n?.timeline ?? r?.timeline;
-	o.mode === "timeline" ? o.timeline = He(c ?? {}, t) : c && (o.timeline = c);
-	let l = n?.cards ?? r?.cards;
-	l && (o.cards = l);
-	let u = n?.quick_add ?? e.quick_add;
-	return u && (o.quick_add = u), o;
-}
-function Z(e, t, n) {
-	return e ?? t ?? n;
-}
-function Re(e) {
-	return m(e, "update") ? "inline_edit" : "readonly";
-}
-function ze(e) {
-	return e.display.name_plural && Object.keys(e.display.name_plural).length > 0 ? e.display.name_plural : e.display.name;
-}
-function Be(e) {
-	if (e.fields.get("created_at")?.type === "timestamp") return "created_at:desc";
-	if (e.fields.get("updated_at")?.type === "timestamp") return "updated_at:desc";
-	for (let t of e.fields.names()) {
-		let n = e.fields.get(t);
-		if (n && n.type === "timestamp") return t + ":desc";
-	}
-	for (let t of e.fields.names()) {
-		let n = e.fields.get(t);
-		if (n && n.type === "date") return t + ":desc";
-	}
-	let t = Je(e);
-	return t ? t + ":asc" : "";
-}
-function Ve(e, t) {
-	let n = new Set(Array.isArray(t) ? t : [t]), r = [];
-	for (let t of e.fields.names()) {
-		if (r.length >= 6) break;
-		let i = e.fields.get(t);
-		i && (i.primary || i.auto || i.display?.is_listable !== !1 && (n.has(t) || r.push(t)));
-	}
-	return r;
-}
-function He(e, t) {
-	let n = { ...e };
-	return n.time_field ||= Ge(t), n.type_field ||= Ke(t, "enum"), n.summary_field ||= qe(t, "string", "text", "rich_text"), n.content_field ||= qe(t, "rich_text", "text"), n.summary_field && n.content_field && n.summary_field === n.content_field && (n.summary_field = void 0), n.author_field || t.fields.get("created_by") && (n.author_field = "created_by"), n.direction_field ||= Ue(t), n.intent_field ||= We(t), n;
-}
-function Ue(e) {
-	let t = e.fields.get("direction");
-	if (t && t.type === "enum") return "direction";
-	for (let t of [
-		"is_outbound",
-		"outbound",
-		"is_inbound",
-		"inbound"
-	]) {
-		let n = e.fields.get(t);
-		if (n && n.type === "bool") return t;
-	}
-}
-function We(e) {
-	let t = e.fields.get("intent");
-	if (t && t.type === "enum") return "intent";
-}
-function Ge(e) {
-	for (let t of e.fields.names()) {
-		let n = e.fields.get(t);
-		if (n && n.type === "timestamp" && !n.auto) return t;
-	}
-	if (e.fields.get("created_at")?.type === "timestamp") return "created_at";
-	if (e.fields.get("updated_at")?.type === "timestamp") return "updated_at";
-	for (let t of e.fields.names()) {
-		let n = e.fields.get(t);
-		if (n && n.type === "timestamp") return t;
-	}
-}
-function Ke(e, t) {
-	for (let n of e.fields.names()) {
-		let r = e.fields.get(n);
-		if (r && r.type === t) return n;
-	}
-}
-function qe(e, ...t) {
-	for (let n of e.fields.names()) {
-		let r = e.fields.get(n);
-		if (r) {
-			for (let e of t) if (r.type === e) return n;
-		}
-	}
-}
-function Je(e) {
-	let t = c(e);
-	return t.length > 0 ? t[0] : void 0;
-}
-function Ye(e, t) {
-	return e.children?.find((e) => e.entity === t);
-}
-//#endregion
-//#region src/lib/quick-add.ts
-function Xe(e, t, n, r) {
-	let i = {
-		...t ?? {},
-		...e
-	};
-	if (Array.isArray(n)) {
-		let e = Array.isArray(r) ? r.map(String) : d(String(r), n.length);
-		if (!e || e.length !== n.length) throw Error("invalid composite parent id");
-		for (let t = 0; t < n.length; t++) i[n[t]] = e[t];
-	} else i[n] = Array.isArray(r) ? r[0] : r;
-	return i;
-}
-function Ze(e, t) {
-	for (let n of t) {
-		let t = e[n];
-		if (t == null || t === "") return !1;
-	}
-	return !0;
-}
-//#endregion
-//#region src/components/detail-layout/useQuickAdd.ts
-function Qe(t, n, r, i) {
-	let [a, o] = q(() => {
-		let n = t.quick_add, r = i.entities[t.entity], a = {};
-		if (n?.fields) for (let t of n.fields) n.defaults?.[t] == null ? r?.fields.get(t)?.type === "timestamp" && (a[t] = e()) : a[t] = n.defaults[t];
-		return a;
-	}), s = we(), { mutate: c, isPending: l, error: d, reset: f } = Ce({
-		mutationFn: (e) => v(t.entity, e),
-		onMutate: async (e) => {
-			let i = Array.isArray(r) ? u(r.map(String)) : r, a = [
-				te,
-				n,
-				i,
-				t.entity
-			];
-			await s.cancelQueries({ queryKey: a });
-			let o = s.getQueriesData({ queryKey: a }), c = {
-				...e,
-				id: `__optimistic_${crypto.randomUUID()}`,
-				__optimistic: !0
-			};
-			return s.setQueriesData({ queryKey: a }, (e) => {
-				if (!e || typeof e != "object") return e;
-				if ("pages" in e && Array.isArray(e.pages) && e.pages.length > 0) {
-					let t = e, [n, ...r] = t.pages;
-					return {
-						...t,
-						pages: [{
-							...n,
-							data: [c, ...n.data]
-						}, ...r]
-					};
-				}
-				return e;
-			}), { snapshots: o };
-		},
-		onError: (e, t, n) => {
-			if (n?.snapshots) for (let [e, t] of n.snapshots) s.setQueryData(e, t);
-		},
-		onSuccess: () => {
-			let n = t.quick_add, r = i.entities[t.entity], a = {};
-			if (n?.fields) for (let t of n.fields) a[t] = n?.defaults?.[t] == null ? r?.fields.get(t)?.type === "timestamp" ? e() : "" : n.defaults[t];
-			o(a);
-		},
-		onSettled: () => {
-			let e = Array.isArray(r) ? u(r.map(String)) : r;
-			s.invalidateQueries({ queryKey: [
-				te,
-				n,
-				e,
-				t.entity
-			] });
-		}
-	}), p = t.quick_add, m = i.entities[t.entity], h = Ze(a, p?.fields.filter((e) => m?.fields.get(e)?.required) ?? []);
-	function g(e) {
-		if (e.preventDefault(), !p) return;
-		let n = Xe(a, p.defaults, t.foreign_key, r);
-		c(n);
-	}
-	function _(e, t) {
-		d && f(), o((n) => ({
-			...n,
-			[e]: t
-		}));
-	}
-	return {
-		values: a,
-		quickAdd: p,
-		childEntity: m,
-		isPending: l,
-		error: d,
-		isReady: h,
-		handleSubmit: g,
-		handleFieldChange: _
-	};
-}
-//#endregion
-//#region src/components/detail-layout/QuickAddForm.tsx
-function $e({ config: e, parentEntity: t, parentId: n, schema: i }) {
-	let a = x(), o = x("errors"), { values: s, quickAdd: c, childEntity: l, isPending: u, error: d, isReady: f, handleSubmit: p, handleFieldChange: m } = Qe(e, t, n, i), h = S(), g = ye();
-	return !c || c.fields.length === 0 || !l ? null : /* @__PURE__ */ X("form", {
-		onSubmit: p,
-		style: {
-			display: "flex",
-			flexDirection: h.isPhone ? "column" : "row",
-			alignItems: "flex-end",
-			gap: 8,
-			padding: "8px 0",
-			borderBottom: "1px solid var(--divider)"
-		},
-		children: [
-			c.fields.map((t) => {
-				let n = l.fields.get(t);
-				if (!n) return null;
-				let r = `${g}-quick-add-${e.entity}-${t}`, o = `${r}-label`;
-				return /* @__PURE__ */ X("div", {
-					style: {
-						flex: 1,
-						minWidth: 0,
-						width: h.isPhone ? "100%" : void 0
-					},
-					children: [/* @__PURE__ */ Y("label", {
-						id: o,
-						htmlFor: r,
-						style: {
-							fontSize: 11,
-							color: "var(--text-3)",
-							marginBottom: 4,
-							display: "block",
-							fontWeight: 500
-						},
-						children: _(a, n, t, i.entities)
-					}), k({
-						field: n,
-						fieldName: t,
-						value: s[t] ?? "",
-						mode: "edit",
-						onChange: (e) => m(t, e),
-						record: s,
-						fieldId: r,
-						labelId: o,
-						t: a
-					})]
-				}, t);
-			}),
-			/* @__PURE__ */ Y(E, {
-				type: "submit",
-				kind: "primary",
-				size: h.isPhone ? "md" : "sm",
-				icon: /* @__PURE__ */ Y(w.plus, { size: 12 }),
-				disabled: u || !f,
-				style: h.isPhone ? { alignSelf: "flex-end" } : void 0,
-				children: a("record.related.add", "Add")
-			}),
-			d != null && /* @__PURE__ */ Y("span", {
-				style: {
-					fontSize: 11,
-					color: "var(--danger)",
-					alignSelf: "flex-end",
-					marginBottom: 4
-				},
-				children: r(o, d)
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/detail-layout/useManualColumnResize.tsx
-function et(e, t, n) {
-	return `${e}::child::${t}.${n}`;
-}
-function tt(e) {
-	return Math.min(ne, Math.max(60, Math.round(e)));
-}
-function nt(e) {
-	let { widths: t, setWidths: n, resetWidths: r } = ie(e), [i, a] = q({}), o = K(null);
-	G(() => {
-		let e = (e) => {
-			let t = o.current;
-			if (!t) return;
-			let n = tt(t.startWidth + (e.clientX - t.startX));
-			t.current = n, a({ [t.colId]: n });
-		}, t = () => {
-			let e = o.current;
-			e && (o.current = null, n({ [e.colId]: e.current }), a({}));
-		};
-		return window.addEventListener("mousemove", e), window.addEventListener("mouseup", t), () => {
-			window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t);
-		};
-	}, [n]);
-	let s = W((e, n) => {
-		n.preventDefault(), n.stopPropagation();
-		let r = n.currentTarget.closest("th")?.getBoundingClientRect().width, i = t[e] ?? (r && r > 0 ? r : 150);
-		o.current = {
-			colId: e,
-			startX: n.clientX,
-			startWidth: Math.round(i),
-			current: Math.round(i)
-		};
-	}, [t]);
-	return {
-		headerStyle: W((e, n) => {
-			let r = i[e] ?? t[e];
-			return r == null ? {
-				...n,
-				position: "relative"
-			} : {
-				...n,
-				position: "relative",
-				width: r,
-				minWidth: r,
-				maxWidth: r
-			};
-		}, [i, t]),
-		cellStyle: W((e, n) => {
-			let r = i[e] ?? t[e];
-			return r == null ? n : {
-				...n,
-				width: r,
-				maxWidth: r,
-				overflow: "hidden",
-				textOverflow: "ellipsis",
-				whiteSpace: "nowrap"
-			};
-		}, [i, t]),
-		onHandleMouseDown: s,
-		hasWidths: Object.keys(t).length > 0,
-		resetWidths: r
-	};
-}
-function rt({ colId: e, onMouseDown: t }) {
-	return /* @__PURE__ */ Y("span", {
-		"data-testid": "col-resize-handle",
-		"aria-hidden": "true",
-		onMouseDown: (n) => t(e, n),
-		onClick: (e) => e.stopPropagation(),
-		style: {
-			position: "absolute",
-			top: 0,
-			right: 0,
-			height: "100%",
-			width: 9,
-			display: "flex",
-			justifyContent: "center",
-			cursor: "col-resize",
-			userSelect: "none"
-		},
-		children: /* @__PURE__ */ Y("span", { style: {
-			width: 2,
-			height: "55%",
-			alignSelf: "center",
-			background: "var(--border)",
-			borderRadius: 1
-		} })
-	});
-}
-//#endregion
-//#region src/components/detail-layout/ChildrenTable.tsx
-function it({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let i = x(), a = x("errors"), o = r.entities[e.entity], s = Array.isArray(e.foreign_key) ? e.foreign_key.join(",") : e.foreign_key, c = nt(et(t, e.entity, s)), l = H(o?.realtime, e.entity), { data: u, isLoading: d, isError: p, refetch: m } = V(t, n, e.entity, e.foreign_key, e.sort, e.limit), { refreshing: h, refresh: g } = re(m), v = u?.data ?? [], y = u?.$refs, S = K(y);
-	S.current = y;
-	let C = e.columns, E = e.interaction === "navigate", k = C[0], j = E && o ? f(void 0, o, r.screens) : null, M = o ? Je(o) : void 0, N = xe(() => {
-		let t = /* @__PURE__ */ new Map();
-		if (!o) return t;
-		for (let n of C) {
-			let a = o.fields.get(n);
-			a && t.set(n, A({
-				field: a,
-				fieldName: n,
-				surface: "list",
-				entity: o,
-				entityCode: e.entity,
-				entities: r.entities,
-				screens: r.screens,
-				refs: () => S.current,
-				t: i
-			}));
-		}
-		return t;
-	}, [
-		o,
-		e.entity,
-		C,
-		r.entities,
-		r.screens,
-		i
-	]);
-	if (!o) return /* @__PURE__ */ Y("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--text-3)",
-			padding: "8px 0"
-		},
-		children: a("record.related_entity_not_found", "The related record type is not declared in this deployment.")
-	});
-	let P = /* @__PURE__ */ Y($e, {
-		config: e,
-		parentEntity: t,
-		parentId: n,
-		schema: r
-	}), F = l ? i("record.related.live", "Live") : i("record.related.paused", "Updates paused"), I = /* @__PURE__ */ X("div", {
-		style: {
-			display: "flex",
-			alignItems: "center",
-			gap: 6,
-			padding: "4px 0",
-			justifyContent: "flex-end"
-		},
-		children: [
-			c.hasWidths && /* @__PURE__ */ Y(T, {
-				icon: /* @__PURE__ */ Y(w.columns, { size: 13 }),
-				title: i("record.related.reset_widths", "Reset column widths (this device)"),
-				size: 24,
-				onClick: c.resetWidths
-			}),
-			o.realtime === !0 && /* @__PURE__ */ Y("span", {
-				"data-testid": "children-live-indicator",
-				role: "status",
-				"aria-label": F,
-				title: l ? i("record.related.live_hint", "This table updates automatically in realtime.") : i("record.related.paused_hint", "Realtime updates are paused. Refresh manually to load the latest data."),
-				children: /* @__PURE__ */ Y(D, {
-					tone: l ? "emerald" : "amber",
-					size: "xs",
-					dot: !0,
-					children: F
-				})
-			}),
-			/* @__PURE__ */ Y(T, {
-				icon: h ? /* @__PURE__ */ Y("span", {
-					"data-testid": "children-refresh-spinner",
-					style: { display: "inline-flex" },
-					children: /* @__PURE__ */ Y(O, { size: 13 })
-				}) : /* @__PURE__ */ Y(w.refresh, { size: 13 }),
-				title: i("record.related.refresh", "Refresh"),
-				size: 24,
-				disabled: h,
-				onClick: g
-			})
-		]
-	});
-	return p ? /* @__PURE__ */ X("div", { children: [
-		P,
-		I,
-		/* @__PURE__ */ X("div", {
-			style: {
-				fontSize: 12.5,
-				color: "var(--danger)",
-				padding: "8px 0"
-			},
-			children: [
-				a("record.related_rows_unreadable", "The related records could not be loaded."),
-				" ",
-				i("record.related.try_again", "Try again.")
-			]
-		})
-	] }) : d ? /* @__PURE__ */ X("div", { children: [
-		P,
-		I,
-		/* @__PURE__ */ Y("div", {
-			style: {
-				display: "flex",
-				flexDirection: "column",
-				gap: 6,
-				padding: "8px 0"
-			},
-			children: [
-				0,
-				1,
-				2
-			].map((e) => /* @__PURE__ */ Y("div", { style: {
-				height: 32,
-				background: "var(--surface-3)",
-				borderRadius: 4
-			} }, e))
-		})
-	] }) : v.length === 0 ? /* @__PURE__ */ X("div", { children: [
-		P,
-		I,
-		/* @__PURE__ */ Y("div", {
-			style: {
-				fontSize: 12.5,
-				color: "var(--text-3)",
-				padding: "12px 0"
-			},
-			children: i("record.related.empty", "No records yet.")
-		})
-	] }) : /* @__PURE__ */ X("div", { children: [
-		P,
-		I,
-		/* @__PURE__ */ Y("div", {
-			style: { overflowX: "auto" },
-			children: /* @__PURE__ */ X("table", {
-				style: le,
-				children: [/* @__PURE__ */ Y("thead", { children: /* @__PURE__ */ Y("tr", { children: C.map((e) => {
-					let t = o.fields.get(e);
-					return /* @__PURE__ */ X("th", {
-						style: c.headerStyle(e, ce),
-						children: [t ? _(i, t, e, r.entities) : e, /* @__PURE__ */ Y(rt, {
-							colId: e,
-							onMouseDown: c.onHandleMouseDown
-						})]
-					}, e);
-				}) }) }), /* @__PURE__ */ Y("tbody", { children: v.map((e, t) => {
-					let n = M ? b(e[M]) : "", r = E && j && n ? j.replace(/:\w+/, n) : void 0;
-					return /* @__PURE__ */ Y("tr", { children: C.map((t) => {
-						let n = t === k, i = N.get(t), a = i ? i(e[t], e) : b(e[t]);
-						return /* @__PURE__ */ Y("td", {
-							title: typeof a == "string" ? a : void 0,
-							style: c.cellStyle(t, ue),
-							children: n && r ? /* @__PURE__ */ Y("a", {
-								href: r,
-								style: {
-									color: "var(--accent)",
-									textDecoration: "none",
-									fontWeight: 500
-								},
-								onMouseEnter: (e) => e.currentTarget.style.textDecoration = "underline",
-								onMouseLeave: (e) => e.currentTarget.style.textDecoration = "none",
-								children: a
-							}) : a
-						}, t);
-					}) }, b(e.id ?? t));
-				}) })]
-			})
-		})
-	] });
-}
-//#endregion
-//#region src/components/detail-layout/ChildrenList.tsx
-function at({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let a = r.entities[e.entity], o = x(), s = x("errors"), { data: c, isLoading: l, isError: u } = V(t, n, e.entity, e.foreign_key, e.sort, e.limit), d = c?.data ?? [], f = c?.$refs, p = e.columns;
-	if (!a) return /* @__PURE__ */ Y("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--text-3)",
-			padding: "8px 0"
-		},
-		children: s("record.related_entity_not_found", "The related record type is not declared in this deployment.")
-	});
-	let m = /* @__PURE__ */ Y($e, {
-		config: e,
-		parentEntity: t,
-		parentId: n,
-		schema: r
-	});
-	if (u) return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ X("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--danger)",
-			padding: "8px 0"
-		},
-		children: [
-			s("record.related_rows_unreadable", "The related records could not be loaded."),
-			" ",
-			o("record.related.try_again", "Try again.")
-		]
-	})] });
-	if (l) return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ X("div", {
-		style: {
-			display: "flex",
-			flexDirection: "column",
-			gap: 6,
-			padding: "8px 0"
-		},
-		children: [
-			/* @__PURE__ */ Y("div", { style: {
-				height: 22,
-				background: "var(--surface-3)",
-				borderRadius: 4
-			} }),
-			/* @__PURE__ */ Y("div", { style: {
-				height: 22,
-				background: "var(--surface-3)",
-				borderRadius: 4
-			} }),
-			/* @__PURE__ */ Y("div", { style: {
-				height: 22,
-				background: "var(--surface-3)",
-				borderRadius: 4,
-				width: "75%"
-			} })
-		]
-	})] });
-	if (d.length === 0) return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ Y("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--text-3)",
-			padding: "12px 0"
-		},
-		children: o("record.related.empty", "No records yet.")
-	})] });
-	let h = p.length > 0 ? a.display.display_field ?? p[0] : a.display.display_field;
-	return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ Y("div", {
-		style: {
-			display: "flex",
-			flexDirection: "column"
-		},
-		children: d.map((e, t) => {
-			let n = typeof e.$display == "string" ? e[i] : "";
-			return /* @__PURE__ */ Y("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					gap: 12,
-					padding: "8px 4px",
-					borderBottom: "1px solid var(--divider)"
-				},
-				children: /* @__PURE__ */ X("div", {
-					style: {
-						flex: 1,
-						minWidth: 0
-					},
-					children: [/* @__PURE__ */ Y("div", {
-						style: {
-							fontSize: 12.5,
-							overflow: "hidden",
-							textOverflow: "ellipsis",
-							whiteSpace: "nowrap"
-						},
-						children: n || (h && a.fields.get(h) ? k({
-							field: a.fields.get(h),
-							fieldName: h,
-							value: e[h],
-							mode: "display",
-							record: e,
-							refs: f,
-							t: o
-						}) : h && e[h] != null ? b(e[h]) : null)
-					}), p.length > 1 && (() => {
-						let t = p.slice(1, 3).filter((t) => e[t] != null);
-						return t.length === 0 ? null : /* @__PURE__ */ Y("div", {
-							style: {
-								fontSize: 11.5,
-								color: "var(--text-3)",
-								overflow: "hidden",
-								textOverflow: "ellipsis",
-								whiteSpace: "nowrap"
-							},
-							children: t.map((t, n) => /* @__PURE__ */ X("span", { children: [n > 0 && " · ", a.fields.get(t) ? k({
-								field: a.fields.get(t),
-								fieldName: t,
-								value: e[t],
-								mode: "display",
-								record: e,
-								refs: f,
-								t: o
-							}) : String(e[t])] }, t))
-						});
-					})()]
-				})
-			}, b(e.id ?? t));
-		})
-	})] });
-}
-//#endregion
-//#region src/components/detail-layout/ChildrenCards.tsx
-function ot({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let i = r.entities[e.entity], a = x(), o = x("errors"), { data: s, isLoading: c, isError: l } = V(t, n, e.entity, e.foreign_key, e.sort, e.limit), u = s?.data ?? [], d = s?.$refs, f = e.columns, p = e.cards, m = p?.header_field ?? f[0], h = p?.badge_field, g = p?.columns_count ?? 3;
-	if (!i) return /* @__PURE__ */ Y("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--text-3)",
-			padding: "8px 0"
-		},
-		children: o("record.related_entity_not_found", "The related record type is not declared in this deployment.")
-	});
-	let v = {
-		display: "grid",
-		gridTemplateColumns: `repeat(auto-fill, minmax(${g >= 4 ? 180 : 240}px, 1fr))`,
-		gap: 12
-	}, y = /* @__PURE__ */ Y($e, {
-		config: e,
-		parentEntity: t,
-		parentId: n,
-		schema: r
-	});
-	if (l) return /* @__PURE__ */ X("div", { children: [y, /* @__PURE__ */ X("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--danger)",
-			padding: "8px 0"
-		},
-		children: [
-			o("record.related_rows_unreadable", "The related records could not be loaded."),
-			" ",
-			a("record.related.try_again", "Try again.")
-		]
-	})] });
-	if (c) return /* @__PURE__ */ X("div", { children: [y, /* @__PURE__ */ Y("div", {
-		style: v,
-		children: [
-			0,
-			1,
-			2
-		].map((e) => /* @__PURE__ */ Y("div", { style: {
-			height: 96,
-			background: "var(--surface-3)",
-			borderRadius: 10
-		} }, e))
-	})] });
-	if (u.length === 0) return /* @__PURE__ */ X("div", { children: [y, /* @__PURE__ */ Y("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--text-3)",
-			padding: "12px 0"
-		},
-		children: a("record.related.empty", "No records yet.")
-	})] });
-	let S = f.filter((e) => e !== m && e !== h);
-	return /* @__PURE__ */ X("div", { children: [y, /* @__PURE__ */ Y("div", {
-		style: v,
-		children: u.map((e, t) => /* @__PURE__ */ X("div", {
-			style: {
-				background: "var(--surface)",
-				border: "1px solid var(--border)",
-				borderRadius: 10,
-				overflow: "hidden"
-			},
-			children: [/* @__PURE__ */ X("div", {
-				style: {
-					padding: "10px 14px",
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "space-between",
-					gap: 8,
-					borderBottom: S.length > 0 ? "1px solid var(--divider)" : "none"
-				},
-				children: [/* @__PURE__ */ Y("div", {
-					style: {
-						fontSize: 12.5,
-						fontWeight: 600,
-						overflow: "hidden",
-						textOverflow: "ellipsis",
-						whiteSpace: "nowrap"
-					},
-					children: m && i.fields.get(m) ? k({
-						field: i.fields.get(m),
-						fieldName: m,
-						value: e[m],
-						mode: "display",
-						record: e,
-						refs: d,
-						t: a
-					}) : a("record.related.card_title", "Record {number}", { number: t + 1 })
-				}), h && e[h] != null && /* @__PURE__ */ Y(D, {
-					tone: "slate",
-					size: "xs",
-					children: i.fields.get(h) ? k({
-						field: i.fields.get(h),
-						fieldName: h,
-						value: e[h],
-						mode: "display",
-						record: e,
-						refs: d,
-						t: a
-					}) : b(e[h])
-				})]
-			}), S.length > 0 && /* @__PURE__ */ Y("div", {
-				style: {
-					padding: "10px 14px",
-					display: "flex",
-					flexDirection: "column",
-					gap: 4
-				},
-				children: S.slice(0, 4).map((t) => {
-					let n = i.fields.get(t);
-					return n ? /* @__PURE__ */ X("div", {
-						style: {
-							display: "flex",
-							alignItems: "baseline",
-							gap: 8,
-							fontSize: 11.5
-						},
-						children: [/* @__PURE__ */ X("span", {
-							style: {
-								color: "var(--text-3)",
-								flexShrink: 0
-							},
-							children: [_(a, n, t, r.entities), ":"]
-						}), /* @__PURE__ */ Y("span", {
-							style: {
-								overflow: "hidden",
-								textOverflow: "ellipsis",
-								whiteSpace: "nowrap"
-							},
-							children: k({
-								field: n,
-								fieldName: t,
-								value: e[t],
-								mode: "display",
-								record: e,
-								refs: d,
-								t: a
-							})
-						})]
-					}, t) : null;
-				})
-			})]
-		}, b(e.id ?? t)))
-	})] });
-}
-//#endregion
-//#region src/hooks/useTimelineData.ts
-var st = 50;
-function ct(e, n, r, i, a, o) {
-	let s = Array.isArray(i) ? i : [i], c = Array.isArray(i) ? d(n, s.length) : [n], l = o ?? st, u = Se({
-		queryKey: [
-			te,
-			e,
-			n,
-			r,
-			"timeline",
-			a,
-			l
-		],
-		queryFn: ({ pageParam: e }) => {
-			let n = new URLSearchParams();
-			if (!c) throw Error("invalid composite parent id");
-			let i = s.map((e, t) => ({
-				field: e,
-				op: "eq",
-				value: c[t]
-			}));
-			return n.set("filters", JSON.stringify(i)), a ? n.set("sort", `${a}:desc`) : typeof console < "u" && console.warn(`[useTimelineData] no time_field for ${r}; fetch order falls back to API default`), n.set("limit", String(l)), e && n.set("after", e), t(`/api/data/${r}?${n.toString()}`);
-		},
-		getNextPageParam: (e) => e.meta?.has_more ? e.meta.cursor : void 0,
-		initialPageParam: void 0,
-		enabled: !!e && !!n && !!r && !!i && c !== null
-	});
-	return {
-		rows: xe(() => u.data?.pages.flatMap((e) => e.data) ?? [], [u.data?.pages]),
-		refs: u.data?.pages[0]?.$refs,
-		fetchNextPage: u.fetchNextPage,
-		hasOlder: !!u.hasNextPage,
-		isFetchingOlder: u.isFetchingNextPage,
-		isLoading: u.isLoading,
-		isError: u.isError
-	};
-}
-//#endregion
-//#region src/components/detail-layout/TimelineComposer.tsx
-var lt = "quick_entry", ut = 100, dt = 240, ft = 800, pt = 80;
-function mt({ config: e, parentEntity: t, parentId: i, schema: a }) {
-	let { values: o, quickAdd: s, childEntity: c, isPending: l, error: u, isReady: d, handleSubmit: f, handleFieldChange: p } = Qe(e, t, i, a), m = x(), h = x("errors"), [g, _] = q(dt), v = K(null), y = K(null), [b, S] = q(ft);
-	G(() => {
-		let e = y.current?.parentElement;
-		if (!e) return;
-		let t = () => {
-			let t = Math.max(ut, e.clientHeight - pt);
-			S(Math.min(ft, t));
-		};
-		t();
-		let n = new ResizeObserver(t);
-		return n.observe(e), () => n.disconnect();
-	}, []), G(() => {
-		_((e) => Math.min(e, b));
-	}, [b]);
-	let C = K(o);
-	C.current = o;
-	let T = K(p);
-	T.current = p;
-	let D = K({}), O = xe(() => ({
-		getField: (e) => C.current[e],
-		setField: (e, t) => {
-			T.current(e, t);
-		},
-		focusField: (e) => {
-			let t = D.current[e];
-			t && (t.querySelector("textarea, input, select, [contenteditable]") ?? t).focus();
-		}
-	}), []);
-	G(() => N(lt, O), [O]);
-	let A = W((e) => {
-		e.preventDefault(), v.current = {
-			startY: e.clientY,
-			startHeight: g
-		};
-		let t = (e) => {
-			if (!v.current) return;
-			let t = v.current.startY - e.clientY, n = Math.min(b, Math.max(ut, v.current.startHeight + t));
-			_(n);
-		}, n = () => {
-			v.current = null, document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
-		};
-		document.addEventListener("mousemove", t), document.addEventListener("mouseup", n);
-	}, [g, b]);
-	if (!s || s.fields.length === 0 || !c) return null;
-	let j = s.fields.find((e) => {
-		let t = c.fields.get(e);
-		return t && (t.type === "text" || t.type === "string");
-	}), M = [], P = [];
-	for (let e of s.fields) {
-		if (e === j) continue;
-		let t = c.fields.get(e);
-		t && (t.type === "enum" ? M.push(e) : P.push(e));
-	}
-	let F = (e) => {
-		let t = c.fields.get(e);
-		return t ? /* @__PURE__ */ Y("div", {
-			ref: (t) => {
-				D.current[e] = t;
-			},
-			children: k({
-				field: t,
-				fieldName: e,
-				value: o[e] ?? "",
-				mode: "edit",
-				onChange: (t) => p(e, t),
-				record: o,
-				t: m
-			})
-		}, e) : null;
-	};
-	return /* @__PURE__ */ X("div", {
-		ref: y,
-		style: {
-			flexShrink: 0,
-			borderTop: "1px solid var(--divider)",
-			background: "var(--surface)",
-			display: "flex",
-			flexDirection: "column",
-			height: `${g}px`
-		},
-		children: [/* @__PURE__ */ Y("div", {
-			onMouseDown: A,
-			title: m("record.layout.drag_to_resize", "Drag to resize"),
-			style: {
-				height: 12,
-				cursor: "row-resize",
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "center",
-				flexShrink: 0
-			},
-			children: /* @__PURE__ */ Y("div", { style: {
-				width: 56,
-				height: 3,
-				borderRadius: 999,
-				background: "var(--border)"
-			} })
-		}), /* @__PURE__ */ X("form", {
-			onSubmit: f,
-			onKeyDown: (e) => {
-				(e.metaKey || e.ctrlKey) && e.key === "Enter" && (e.preventDefault(), e.currentTarget.requestSubmit());
-			},
-			style: {
-				flex: 1,
-				minHeight: 0,
-				display: "flex",
-				flexDirection: "column",
-				gap: 6,
-				padding: "0 12px 8px"
-			},
-			children: [
-				M.length > 0 && /* @__PURE__ */ Y("div", {
-					style: {
-						display: "flex",
-						flexWrap: "wrap",
-						alignItems: "center",
-						gap: 6,
-						flexShrink: 0
-					},
-					children: M.map(F)
-				}),
-				j && c.fields.get(j) && /* @__PURE__ */ Y("div", {
-					style: {
-						flex: 1,
-						minHeight: 0,
-						display: "flex"
-					},
-					ref: (e) => {
-						D.current[j] = e;
-					},
-					children: k({
-						field: c.fields.get(j),
-						fieldName: j,
-						value: o[j] ?? "",
-						mode: "edit",
-						onChange: (e) => p(j, e),
-						record: o,
-						fill: !0,
-						t: m
-					})
-				}),
-				/* @__PURE__ */ X("div", {
-					style: {
-						display: "flex",
-						flexWrap: "wrap",
-						alignItems: "center",
-						gap: 6,
-						flexShrink: 0
-					},
-					children: [P.map(F), /* @__PURE__ */ X("div", {
-						style: {
-							marginLeft: "auto",
-							display: "flex",
-							alignItems: "center",
-							gap: 8
-						},
-						children: [/* @__PURE__ */ Y("span", {
-							style: {
-								fontSize: 10.5,
-								color: "var(--text-4)"
-							},
-							children: n(m("record.related.shortcut_to_add", "{keys} to add"), { keys: /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("span", {
-								className: "mono",
-								children: "⌘"
-							}), /* @__PURE__ */ Y("span", {
-								className: "mono",
-								children: "↵"
-							})] }) })
-						}), /* @__PURE__ */ Y(E, {
-							type: "submit",
-							kind: "primary",
-							icon: /* @__PURE__ */ Y(w.plus, { size: 13 }),
-							disabled: l || !d,
-							children: m("record.related.add", "Add")
-						})]
-					})]
-				}),
-				u != null && /* @__PURE__ */ Y("p", {
-					style: {
-						fontSize: 11,
-						color: "var(--danger)",
-						margin: 0,
-						flexShrink: 0
-					},
-					children: r(h, u)
-				})
-			]
-		})]
-	});
-}
-//#endregion
-//#region src/components/detail-layout/ChildrenTimeline.tsx
-var ht = 80, gt = 200, _t = 6, vt = 2e4, yt = 280;
-function bt(e) {
-	if (e.length > yt) return !0;
-	let t = 0;
-	for (let n of e) if (n === "\n" && ++t >= _t) return !0;
-	return !1;
-}
-function xt(e, t) {
-	if (St(t)) {
-		let e = t.id;
-		return e == null ? "" : b(e);
-	}
-	return l(o(e, t));
-}
-function St(e) {
-	return e.__optimistic === !0;
-}
-function Ct({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let i = x(), a = x("errors"), o = r.entities[e.entity], { rows: s, refs: c, fetchNextPage: l, hasOlder: u, isFetchingOlder: d, isLoading: f, isError: p } = ct(t, n, e.entity, e.foreign_key, e.timeline?.time_field, e.limit), m = e.timeline, h = m?.scroll ?? !1, g = (e.sort ?? "").endsWith(":asc"), _ = xe(() => g ? [...s].reverse() : s, [s, g]), v = m?.auto_scroll ?? "none", y = K(null), b = K(null), S = K(!1), C = K(0), w = K(null), T = K(null), D = K(!0), k = K(null);
-	G(() => {
-		S.current = !1, C.current = 0, w.current = null, T.current = null, D.current = !0, k.current = null;
-	}, [n]), be(() => {
-		d && y.current && (k.current = {
-			scrollHeight: y.current.scrollHeight,
-			scrollTop: y.current.scrollTop
-		});
-	}, [d]), be(() => {
-		let e = y.current;
-		if (!e || _.length === 0 || !o) {
-			C.current = _.length;
-			return;
-		}
-		let t = xt(o, _[0]), n = xt(o, _[_.length - 1]), r = !S.current, i = _.length > C.current && C.current > 0, a = i && (g && t !== w.current && n === T.current || !g && n !== T.current && t === w.current), s = i && !a;
-		if (r) g && v === "bottom" && (e.scrollTop = e.scrollHeight), S.current = !0;
-		else if (a && k.current) {
-			let t = k.current;
-			g && (e.scrollTop = t.scrollTop + (e.scrollHeight - t.scrollHeight)), k.current = null;
-		} else s && g && D.current && (e.scrollTop = e.scrollHeight);
-		C.current = _.length, w.current = t, T.current = n;
-	}, [
-		_,
-		v,
-		g,
-		o
-	]);
-	let A = W(() => {
-		let e = y.current;
-		e && (D.current = e.scrollHeight - e.scrollTop - e.clientHeight < ht);
-	}, []);
-	G(() => {
-		let e = b.current;
-		if (!e || typeof IntersectionObserver > "u") return;
-		let t = new IntersectionObserver((e) => {
-			for (let t of e) t.isIntersecting && u && !d && l();
-		}, {
-			root: y.current ?? null,
-			rootMargin: `${gt}px 0px 0px 0px`,
-			threshold: 0
-		});
-		return t.observe(e), () => t.disconnect();
-	}, [
-		u,
-		d,
-		l
-	]);
-	let [j, M] = q(null);
-	if (!o) return /* @__PURE__ */ Y("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--text-3)",
-			padding: "8px 0"
-		},
-		children: a("record.related_entity_not_found", "The related record type is not declared in this deployment.")
-	});
-	let N = e.quick_add?.fields ?? [m?.content_field].filter(Boolean), P = i(o.display?.name_plural) || i(o.display?.name) || e.entity, F = u ? /* @__PURE__ */ Y("div", {
-		style: {
-			display: "flex",
-			justifyContent: "center",
-			padding: "6px 0"
-		},
-		children: /* @__PURE__ */ Y(E, {
-			size: "xs",
-			onClick: () => l(),
-			disabled: d,
-			icon: d ? /* @__PURE__ */ Y(O, { size: 11 }) : void 0,
-			children: d ? i("record.loading", "Loading…") : i("record.timeline.load_older", "Load older")
-		})
-	}) : null, I = /* @__PURE__ */ Y("div", {
-		ref: b,
-		"aria-hidden": "true",
-		style: { height: 1 }
-	}), L;
-	if (p) L = /* @__PURE__ */ Y("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--danger)",
-			padding: 12
-		},
-		children: a("record.related_rows_unreadable", "The related records could not be loaded.")
-	});
-	else if (f) L = /* @__PURE__ */ X("div", {
-		style: {
-			display: "flex",
-			flexDirection: "column",
-			gap: 8,
-			padding: 12
-		},
-		children: [/* @__PURE__ */ Y("div", { style: {
-			height: 64,
-			background: "var(--surface-3)",
-			borderRadius: 8
-		} }), /* @__PURE__ */ Y("div", { style: {
-			height: 64,
-			background: "var(--surface-3)",
-			borderRadius: 8
-		} })]
-	});
-	else if (_.length === 0) L = /* @__PURE__ */ X(J, { children: [I, /* @__PURE__ */ Y("div", {
-		style: {
-			fontSize: 12.5,
-			color: "var(--text-3)",
-			padding: 12
-		},
-		children: i("record.timeline.empty", "No activity yet.")
-	})] });
-	else {
-		let a = (i, a) => {
-			let s = xt(o, i) || String(a);
-			return /* @__PURE__ */ Y(wt, {
-				row: i,
-				rowId: s,
-				childEntity: o,
-				entityCode: e.entity,
-				parentEntity: t,
-				parentId: n,
-				timeline: m,
-				editableFields: N,
-				refs: c,
-				isEditing: j === s,
-				onStartEdit: () => M(s),
-				onCancelEdit: () => M(null),
-				onSaved: () => M(null),
-				schema: r,
-				optimistic: St(i)
-			}, s);
-		}, s = m?.time_field, l;
-		if (s) {
-			let e = [];
-			_.forEach((t, n) => {
-				let r = t[s], a = Et(r), o = e[e.length - 1];
-				!o || o.key !== a ? e.push({
-					key: a,
-					label: Dt(i, r),
-					rows: [{
-						row: t,
-						idx: n
-					}]
-				}) : o.rows.push({
-					row: t,
-					idx: n
-				});
-			}), l = e.map((e) => /* @__PURE__ */ X("div", {
-				style: {
-					display: "flex",
-					flexDirection: "column",
-					gap: 8
-				},
-				children: [/* @__PURE__ */ Y(Ot, {
-					label: e.label,
-					count: e.rows.length
-				}), e.rows.map(({ row: e, idx: t }) => a(e, t))]
-			}, `day-${e.key}`));
-		} else l = _.map((e, t) => a(e, t));
-		L = /* @__PURE__ */ X(J, { children: [
-			I,
-			F,
-			l
-		] });
-	}
-	return h ? /* @__PURE__ */ X("div", {
-		style: {
-			display: "flex",
-			flexDirection: "column",
-			height: "100%",
-			borderLeft: "1px solid var(--border)",
-			background: "var(--surface-2)",
-			color: "var(--text)"
-		},
-		children: [
-			/* @__PURE__ */ Y("div", {
-				style: {
-					padding: "10px 16px",
-					borderBottom: "1px solid var(--divider)",
-					background: "var(--surface)"
-				},
-				children: /* @__PURE__ */ Y("h3", {
-					style: {
-						margin: 0,
-						fontSize: 12.5,
-						fontWeight: 600
-					},
-					children: P
-				})
-			}),
-			/* @__PURE__ */ Y("div", {
-				ref: y,
-				onScroll: A,
-				style: {
-					flex: 1,
-					overflowY: "auto",
-					padding: 12,
-					display: "flex",
-					flexDirection: "column",
-					gap: 8
-				},
-				children: L
-			}),
-			/* @__PURE__ */ Y(mt, {
-				config: e,
-				parentEntity: t,
-				parentId: n,
-				schema: r
-			})
-		]
-	}) : /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("div", {
-		style: {
-			display: "flex",
-			flexDirection: "column",
-			gap: 8
-		},
-		children: L
-	}), /* @__PURE__ */ Y(mt, {
-		config: e,
-		parentEntity: t,
-		parentId: n,
-		schema: r
-	})] });
-}
-function wt({ row: e, rowId: t, childEntity: i, entityCode: o, parentEntity: s, parentId: c, timeline: l, editableFields: u, refs: d, isEditing: f, onStartEdit: p, onCancelEdit: m, onSaved: h, schema: g, optimistic: v = !1 }) {
-	let S = x(), A = x("errors"), j = we(), [M, N] = q({}), P = W(() => {
-		j.invalidateQueries({ queryKey: [
-			te,
-			s,
-			c,
-			o
-		] });
-	}, [
-		j,
-		s,
-		c,
-		o
-	]), F = Ce({
-		mutationFn: (n) => {
-			let r = e.$row_version, i = typeof r == "string" && r !== "" ? {
-				...n,
-				$row_version: r
-			} : n;
-			return C(o, t, i);
-		},
-		onSuccess: () => {
-			P(), a.success(S("record.timeline.updated", "Updated")), h();
-		},
-		onError: (e) => a.error(r(A, e))
-	}), I = Ce({
-		mutationFn: () => y(o, t),
-		onSuccess: () => {
-			P(), a.success(S("record.timeline.deleted", "Deleted"));
-		},
-		onError: (e) => a.error(r(A, e))
-	}), L = W(() => {
-		let t = {};
-		for (let n of u) t[n] = e[n] ?? "";
-		N(t), p();
-	}, [
-		e,
-		u,
-		p
-	]), ee = W((e, t) => {
-		N((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, []), R = l?.time_field, z = l?.type_field, B = l?.summary_field, V = l?.content_field, H = l?.author_field, ne = l?.direction_field, U = l?.intent_field;
-	return f ? /* @__PURE__ */ X("div", {
-		style: {
-			borderRadius: 10,
-			border: "1px solid var(--accent)",
-			background: "var(--surface)",
-			padding: 12,
-			display: "flex",
-			flexDirection: "column",
-			gap: 8
-		},
-		children: [u.map((e) => {
-			let t = i.fields.get(e);
-			return t ? /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("label", {
-				style: {
-					fontSize: 11,
-					color: "var(--text-3)",
-					marginBottom: 4,
-					display: "block"
-				},
-				children: _(S, t, e, g.entities)
-			}), k({
-				field: t,
-				fieldName: e,
-				value: M[e] ?? "",
-				mode: "edit",
-				onChange: (t) => ee(e, t),
-				record: M,
-				t: S
-			})] }, e) : null;
-		}), /* @__PURE__ */ X("div", {
-			style: {
-				display: "flex",
-				alignItems: "center",
-				gap: 6,
-				paddingTop: 4
-			},
-			children: [/* @__PURE__ */ Y(E, {
-				kind: "primary",
-				size: "xs",
-				icon: F.isPending ? /* @__PURE__ */ Y(O, { size: 12 }) : /* @__PURE__ */ Y(w.check, { size: 12 }),
-				onClick: () => F.mutate(M),
-				disabled: F.isPending,
-				children: F.isPending ? S("dialog.saving", "Saving…") : S("dialog.save", "Save")
-			}), /* @__PURE__ */ Y(E, {
-				size: "xs",
-				icon: /* @__PURE__ */ Y(w.x, { size: 12 }),
-				onClick: () => {
-					N({}), m();
-				},
-				disabled: F.isPending,
-				children: S("dialog.cancel", "Cancel")
-			})]
-		})]
-	}) : /* @__PURE__ */ X("div", {
-		className: "group",
-		"data-optimistic": v || void 0,
-		style: {
-			borderRadius: 10,
-			border: "1px solid var(--border)",
-			background: "var(--surface)",
-			padding: 12,
-			transition: "border-color .12s",
-			opacity: v ? .6 : 1
-		},
-		onMouseEnter: (e) => e.currentTarget.style.borderColor = "var(--border-strong)",
-		onMouseLeave: (e) => e.currentTarget.style.borderColor = "var(--border)",
-		children: [
-			/* @__PURE__ */ X("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					gap: 6,
-					flexWrap: "wrap",
-					fontSize: 11.5,
-					color: "var(--text-3)"
-				},
-				children: [
-					R && e[R] != null && i.fields.get(R) && /* @__PURE__ */ Y("span", {
-						style: { fontWeight: 500 },
-						children: k({
-							field: i.fields.get(R),
-							fieldName: R,
-							value: e[R],
-							mode: "display",
-							record: e,
-							refs: d,
-							t: S
-						})
-					}),
-					z && e[z] != null && i.fields.get(z) && /* @__PURE__ */ Y(D, {
-						tone: "slate",
-						size: "xs",
-						children: k({
-							field: i.fields.get(z),
-							fieldName: z,
-							value: e[z],
-							mode: "display",
-							record: e,
-							refs: d,
-							t: S
-						})
-					}),
-					ne && e[ne] != null && i.fields.get(ne) && /* @__PURE__ */ Y(kt, {
-						value: e[ne],
-						field: i.fields.get(ne)
-					}),
-					U && e[U] != null && i.fields.get(U) && /* @__PURE__ */ Y(D, {
-						tone: "slate",
-						size: "xs",
-						children: k({
-							field: i.fields.get(U),
-							fieldName: U,
-							value: e[U],
-							mode: "display",
-							record: e,
-							refs: d,
-							t: S
-						})
-					}),
-					H && e[H] != null && i.fields.get(H) && /* @__PURE__ */ Y("span", { children: n(S("record.timeline.by_author", "by {author}"), { author: k({
-						field: i.fields.get(H),
-						fieldName: H,
-						value: e[H],
-						mode: "display",
-						record: e,
-						refs: d,
-						t: S
-					}) }) }),
-					!v && /* @__PURE__ */ X("div", {
-						style: {
-							marginLeft: "auto",
-							display: "flex",
-							alignItems: "center",
-							gap: 2
-						},
-						children: [/* @__PURE__ */ Y(T, {
-							size: 22,
-							icon: /* @__PURE__ */ Y(w.edit, { size: 11 }),
-							onClick: L,
-							title: S("record.action.edit", "Edit")
-						}), /* @__PURE__ */ Y(T, {
-							size: 22,
-							icon: /* @__PURE__ */ Y(w.trash, { size: 11 }),
-							onClick: () => I.mutate(),
-							title: S("record.action.delete", "Delete")
-						})]
-					})
-				]
-			}),
-			B && e[B] != null && i.fields.get(B) && /* @__PURE__ */ Y("div", {
-				style: {
-					fontSize: 12.5,
-					fontWeight: 500,
-					marginTop: 6
-				},
-				children: k({
-					field: i.fields.get(B),
-					fieldName: B,
-					value: e[B],
-					mode: "display",
-					record: e,
-					refs: d,
-					t: S
-				})
-			}),
-			V && e[V] != null && V !== B && i.fields.get(V) && /* @__PURE__ */ Y(Tt, {
-				rendered: k({
-					field: i.fields.get(V),
-					fieldName: V,
-					value: e[V],
-					mode: "display",
-					record: e,
-					refs: d,
-					t: S
-				}),
-				text: b(e[V])
-			})
-		]
-	});
-}
-function Tt({ rendered: e, text: t }) {
-	let n = x(), r = {
-		fontSize: 12.5,
-		fontWeight: 400,
-		marginTop: 6
-	};
-	if (!bt(t)) return /* @__PURE__ */ Y("div", {
-		style: r,
-		children: e
-	});
-	let i = t.length > vt, a = i ? t.slice(0, vt) : t;
-	return /* @__PURE__ */ Y("div", {
-		style: {
-			...r,
-			display: "-webkit-box",
-			WebkitBoxOrient: "vertical",
-			WebkitLineClamp: _t,
-			overflow: "hidden",
-			whiteSpace: "pre-wrap",
-			overflowWrap: "anywhere"
-		},
-		children: /* @__PURE__ */ Y(M, {
-			width: 380,
-			content: /* @__PURE__ */ X("div", {
-				style: {
-					fontSize: 12.5,
-					whiteSpace: "pre-wrap",
-					overflowWrap: "anywhere"
-				},
-				children: [a, i && /* @__PURE__ */ Y("div", {
-					style: {
-						marginTop: 8,
-						fontSize: 11,
-						color: "var(--text-3)"
-					},
-					children: n("record.timeline.truncated", "Truncated for display - open the record for the full text.")
-				})]
-			}),
-			children: e
-		})
-	});
-}
-function Et(e) {
-	if (e == null) return "";
-	let t = new Date(b(e));
-	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`;
-}
-function Dt(e, t) {
-	if (t == null) return "—";
-	let n = new Date(b(t));
-	if (Number.isNaN(n.getTime())) return "—";
-	let r = /* @__PURE__ */ new Date(), i = /* @__PURE__ */ new Date();
-	i.setDate(r.getDate() - 1);
-	let a = (e, t) => e.toDateString() === t.toDateString();
-	return a(n, r) ? e("record.timeline.today", "Today") : a(n, i) ? e("record.timeline.yesterday", "Yesterday") : n.toLocaleDateString(e.language, {
-		weekday: "short",
-		month: "short",
-		day: "numeric"
-	});
-}
-function Ot({ label: e, count: t }) {
-	return /* @__PURE__ */ X("div", {
-		style: {
-			position: "sticky",
-			top: -4,
-			zIndex: 1,
-			display: "flex",
-			alignItems: "center",
-			gap: 8,
-			padding: "4px 2px",
-			background: "linear-gradient(180deg, var(--surface-2) 0%, var(--surface-2) 65%, transparent 100%)"
-		},
-		children: [
-			/* @__PURE__ */ Y("span", {
-				style: {
-					fontSize: 11,
-					fontWeight: 600,
-					color: "var(--text-3)"
-				},
-				children: e
-			}),
-			/* @__PURE__ */ Y("span", { style: {
-				flex: 1,
-				height: 1,
-				background: "var(--divider)"
-			} }),
-			/* @__PURE__ */ Y("span", {
-				className: "num",
-				style: {
-					fontSize: 10.5,
-					color: "var(--text-4)"
-				},
-				children: t
-			})
-		]
-	});
-}
-function kt({ value: e, field: t }) {
-	let n = x(), r = At(e, t);
-	return r === null ? null : /* @__PURE__ */ X("span", {
-		style: {
-			display: "inline-flex",
-			alignItems: "center",
-			gap: 3,
-			padding: "1px 6px 1px 4px",
-			borderRadius: 999,
-			fontSize: 10.5,
-			fontWeight: 600,
-			background: r ? "var(--accent-soft)" : "var(--info-soft)",
-			color: r ? "var(--accent)" : "var(--info)"
-		},
-		children: [Y(r ? w.arrowUp : w.arrowDown, { size: 10 }), r ? n("record.timeline.outbound", "Out") : n("record.timeline.inbound", "In")]
-	});
-}
-function At(e, t) {
-	if (t.type === "bool") return e === !0;
-	if (typeof e == "string") {
-		let t = e.toLowerCase();
-		if (t === "outbound" || t === "out") return !0;
-		if (t === "inbound" || t === "in") return !1;
-	}
-	return null;
-}
-//#endregion
-//#region src/components/detail-layout/EditableChildrenTable.tsx
-function jt({ config: e, childEntity: t, schema: n, rows: r, onChange: i, validationErrors: a, refs: o, forceTablePresentation: s = !1 }) {
-	let c = x(), l = S(), u = K(null), d = e.columns, f = e.position_field, p = new Set(Array.isArray(e.foreign_key) ? e.foreign_key : [e.foreign_key]), m = d.filter((n) => {
-		if (p.has(n) || e.position_field && n === e.position_field) return !1;
-		let r = t.fields.get(n);
-		return !(!r || r.auto || r.primary || r.source);
-	}), h = new Set(d.filter((n) => {
-		if (e.position_field && n === e.position_field) return !0;
-		let r = t.fields.get(n);
-		return r && (r.auto || r.primary || r.source);
-	})), g = W((e, t, n) => {
-		i(r.map((r) => r._key === e ? {
-			...r,
-			[t]: n,
-			_dirty: !0
-		} : r));
-	}, [r, i]), v = W(() => {
-		let n = {
-			_key: crypto.randomUUID(),
-			_dirty: !0
-		};
-		if (f) {
-			let e = r.filter((e) => !e._deleted).reduce((e, t) => {
-				let n = typeof t[f] == "number" ? t[f] : -1;
-				return Math.max(e, n);
-			}, -1);
-			n[f] = e + 1;
-		}
-		let a = e.quick_add?.defaults ?? {};
-		for (let e of m) {
-			let r = t.fields.get(e);
-			r && (a[e] === void 0 ? r.default === void 0 ? r.type === "bool" && (n[e] = !1) : n[e] = r.default : n[e] = a[e]);
-		}
-		i([...r, n]);
-	}, [
-		r,
-		i,
-		m,
-		t,
-		e.quick_add?.defaults,
-		f
-	]), y = W((e) => {
-		i(r.map((t) => t._key === e ? {
-			...t,
-			_deleted: !0
-		} : t));
-	}, [r, i]), C = W((e) => {
-		i(r.map((t) => t._key === e ? {
-			...t,
-			_deleted: !1
-		} : t));
-	}, [r, i]), D = W((e, t) => {
-		if (!f) return;
-		let n = r.filter((e) => !e._deleted), a = r.filter((e) => e._deleted), o = n.findIndex((t) => t._key === e), s = o + t;
-		if (o < 0 || s < 0 || s >= n.length) return;
-		let c = [...n], [l] = c.splice(o, 1);
-		c.splice(s, 0, l), i([...c.map((e, t) => ({
-			...e,
-			[f]: t,
-			_dirty: e[f] !== t || e._dirty
-		})), ...a]);
-	}, [
-		r,
-		i,
-		f
-	]), O = W((e) => {
-		let t = e.target, n = t.closest("td");
-		if (!n) return;
-		let r = n.closest("tr");
-		if (!r) return;
-		let i = r.closest("tbody");
-		if (!i) return;
-		let a = Array.from(r.cells).indexOf(n), o = Array.from(i.rows).indexOf(r);
-		if (e.key === "Tab") {
-			let t = e.shiftKey ? -1 : 1, n = Array.from(i.rows), r = o, s = a + t;
-			for (; r >= 0 && r < n.length;) if (s >= 0 && s < n[r].cells.length) {
-				let i = n[r].cells[s].querySelector("input, select, textarea, [tabindex]");
-				if (i) {
-					e.preventDefault(), i.focus();
-					return;
-				}
-				s += t;
-			} else r += t, s = t > 0 ? 0 : (n[r]?.cells.length ?? 1) - 1;
-		} else if (e.key === "Enter") {
-			e.preventDefault();
-			let t = Array.from(i.rows);
-			if (o < t.length - 1) {
-				let e = t[o + 1].cells[a]?.querySelector("input, select, textarea, [tabindex]");
-				e && e.focus();
-			} else v(), requestAnimationFrame(() => {
-				let e = i.querySelectorAll("tr"), t = e[e.length - 1];
-				if (t) {
-					let e = t.querySelector("input, select, textarea, [tabindex]");
-					e && e.focus();
-				}
-			});
-		} else e.key === "Escape" && t.blur?.();
-	}, [v]), A = ce;
-	return l.isPhone && !s ? /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("div", {
-		style: {
-			display: "flex",
-			flexDirection: "column",
-			gap: 10
-		},
-		children: r.map((e, i) => {
-			let s = !!e._deleted, l = a?.[e._key], u = f ? r.filter((e) => !e._deleted) : [], p = f ? u.findIndex((t) => t._key === e._key) : -1;
-			return /* @__PURE__ */ X("div", {
-				style: {
-					border: "1px solid var(--border)",
-					borderRadius: 8,
-					background: "var(--surface)",
-					opacity: s ? .58 : 1,
-					overflow: "hidden"
-				},
-				children: [/* @__PURE__ */ X("div", {
-					style: {
-						minHeight: 38,
-						padding: "8px 10px",
-						borderBottom: "1px solid var(--divider)",
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "space-between",
-						gap: 8
-					},
-					children: [/* @__PURE__ */ Y("div", {
-						style: {
-							fontSize: 12,
-							fontWeight: 600,
-							color: "var(--text-2)"
-						},
-						children: c("record.row.number", "Row {number}", { number: i + 1 })
-					}), /* @__PURE__ */ X("div", {
-						style: {
-							display: "flex",
-							alignItems: "center",
-							gap: 4
-						},
-						children: [f && !s && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(T, {
-							size: 32,
-							icon: /* @__PURE__ */ Y(w.up, { size: 14 }),
-							onClick: () => D(e._key, -1),
-							disabled: p <= 0,
-							title: c("record.row.move_up", "Move row up")
-						}), /* @__PURE__ */ Y(T, {
-							size: 32,
-							icon: /* @__PURE__ */ Y(w.down, { size: 14 }),
-							onClick: () => D(e._key, 1),
-							disabled: p === -1 || p >= u.length - 1,
-							title: c("record.row.move_down", "Move row down")
-						})] }), s ? /* @__PURE__ */ Y(T, {
-							size: 32,
-							icon: /* @__PURE__ */ Y(w.refresh, { size: 14 }),
-							onClick: () => C(e._key),
-							title: c("record.row.undo_delete", "Undo delete")
-						}) : /* @__PURE__ */ Y(T, {
-							size: 32,
-							icon: /* @__PURE__ */ Y(w.trash, { size: 14 }),
-							onClick: () => y(e._key),
-							title: c("record.row.delete", "Delete row")
-						})]
-					})]
-				}), /* @__PURE__ */ Y("div", {
-					style: {
-						padding: 10,
-						display: "flex",
-						flexDirection: "column",
-						gap: 12
-					},
-					children: d.map((r) => {
-						let i = t.fields.get(r), a = l?.includes(r), u = h.has(r), d = i ? _(c, i, r, n.entities) : r, f = `child-${e._key}-${r}`, p = `${f}-label`, m = {
-							outline: a ? "1px solid var(--danger)" : "none",
-							outlineOffset: 3,
-							borderRadius: a ? 5 : 0
-						}, v = {
-							fontSize: 11.5,
-							fontWeight: 600,
-							color: "var(--text-3)"
-						}, y = !s && !u && !!i;
-						return /* @__PURE__ */ X("div", {
-							style: {
-								display: "flex",
-								flexDirection: "column",
-								gap: 5,
-								minWidth: 0,
-								textDecoration: s ? "line-through" : "none"
-							},
-							title: a ? c("record.row.field_required", "{field} is required", { field: r }) : void 0,
-							children: [y ? /* @__PURE__ */ Y("label", {
-								id: p,
-								htmlFor: f,
-								style: v,
-								children: d
-							}) : /* @__PURE__ */ Y("div", {
-								id: p,
-								style: v,
-								children: d
-							}), /* @__PURE__ */ Y("div", {
-								style: m,
-								children: s || u ? i ? k({
-									field: i,
-									fieldName: r,
-									value: e[r],
-									mode: "display",
-									record: e,
-									refs: o,
-									fieldId: f,
-									labelId: p,
-									t: c
-								}) : b(e[r]) : i ? k({
-									field: i,
-									fieldName: r,
-									value: e[r],
-									mode: "edit",
-									onChange: (t) => g(e._key, r, t),
-									record: e,
-									refs: o,
-									compact: !0,
-									fieldId: f,
-									labelId: p,
-									t: c
-								}) : b(e[r])
-							})]
-						}, r);
-					})
-				})]
-			}, e._key);
-		})
-	}), /* @__PURE__ */ Y("div", {
-		style: { marginTop: 10 },
-		children: /* @__PURE__ */ Y(E, {
-			kind: "ghost",
-			size: "sm",
-			icon: /* @__PURE__ */ Y(w.plus, { size: 14 }),
-			onClick: v,
-			children: c("record.row.add", "Add row")
-		})
-	})] }) : /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("div", {
-		style: { overflowX: "auto" },
-		children: /* @__PURE__ */ X("table", {
-			ref: u,
-			style: le,
-			onKeyDown: O,
-			children: [/* @__PURE__ */ Y("thead", { children: /* @__PURE__ */ X("tr", { children: [d.map((e) => {
-				let r = t.fields.get(e);
-				return /* @__PURE__ */ Y("th", {
-					style: A,
-					children: r ? _(c, r, e, n.entities) : e
-				}, e);
-			}), /* @__PURE__ */ Y("th", { style: {
-				...A,
-				width: 40
-			} })] }) }), /* @__PURE__ */ Y("tbody", { children: r.map((e) => {
-				let n = !!e._deleted, r = a?.[e._key];
-				return /* @__PURE__ */ X("tr", {
-					style: { opacity: n ? .5 : 1 },
-					children: [d.map((i) => {
-						let a = t.fields.get(i), s = r?.includes(i), l = h.has(i);
-						return n || l ? /* @__PURE__ */ Y("td", {
-							style: {
-								padding: "6px 12px",
-								borderBottom: "1px solid var(--divider)",
-								verticalAlign: "middle",
-								textDecoration: n ? "line-through" : "none",
-								color: "var(--text-2)"
-							},
-							children: a ? k({
-								field: a,
-								fieldName: i,
-								value: e[i],
-								mode: "display",
-								record: e,
-								refs: o,
-								t: c
-							}) : b(e[i])
-						}, i) : /* @__PURE__ */ Y("td", {
-							style: {
-								padding: "4px 4px",
-								borderBottom: "1px solid var(--divider)",
-								verticalAlign: "middle",
-								outline: s ? "1px solid var(--danger)" : "none",
-								outlineOffset: -1,
-								borderRadius: s ? 4 : 0
-							},
-							title: s ? c("record.row.field_required", "{field} is required", { field: i }) : void 0,
-							children: a ? k({
-								field: a,
-								fieldName: i,
-								value: e[i],
-								mode: "edit",
-								onChange: (t) => g(e._key, i, t),
-								record: e,
-								refs: o,
-								compact: !0,
-								t: c
-							}) : b(e[i])
-						}, i);
-					}), /* @__PURE__ */ Y("td", {
-						style: {
-							padding: "4px 8px",
-							borderBottom: "1px solid var(--divider)",
-							verticalAlign: "middle"
-						},
-						children: n ? /* @__PURE__ */ Y(T, {
-							size: 24,
-							icon: /* @__PURE__ */ Y(w.refresh, { size: 12 }),
-							onClick: () => C(e._key),
-							title: c("record.row.undo_delete", "Undo delete")
-						}) : /* @__PURE__ */ Y(T, {
-							size: 24,
-							icon: /* @__PURE__ */ Y(w.trash, { size: 12 }),
-							onClick: () => y(e._key),
-							title: c("record.row.delete", "Delete row")
-						})
-					})]
-				}, e._key);
-			}) })]
-		})
-	}), /* @__PURE__ */ Y("div", {
-		style: { marginTop: 8 },
-		children: /* @__PURE__ */ Y(E, {
-			kind: "ghost",
-			size: "xs",
-			icon: /* @__PURE__ */ Y(w.plus, { size: 12 }),
-			onClick: v,
-			children: c("record.row.add", "Add row")
-		})
-	})] });
-}
-//#endregion
-//#region src/components/detail-layout/ChildrenBlock.tsx
-var Mt = ve(() => import("./DraggableChildrenTable-Dd5SeuF6.js").then((e) => ({ default: e.DraggableChildrenTable })));
-function Nt({ node: e, ctx: t }) {
-	let n = x(), r = x("errors"), i = S(), a = e.children;
-	if (!a) return null;
-	let o = i.isPhone && t.relatedRecordsPresentation === "table";
-	if (t.isNew && t.mode !== "edit") return null;
-	let s = Ye(t.entity, a);
-	if (!s) return /* @__PURE__ */ X("div", {
-		className: "text-sm text-muted-foreground py-2",
-		children: [
-			r("record.child_relation_unknown", "This record type has no child relation by that name."),
-			" ",
-			/* @__PURE__ */ Y("code", { children: a })
-		]
-	});
-	let c = t.schema.entities[s.entity];
-	if (!c) return /* @__PURE__ */ X("div", {
-		className: "text-sm text-muted-foreground py-2",
-		children: [
-			r("record.related_entity_not_found", "The related record type is not declared in this deployment."),
-			" ",
-			/* @__PURE__ */ Y("code", { children: s.entity })
-		]
-	});
-	let l = Le(s, c, e), u = Me(e, t, n), d = Ne(e, t), f = (e) => l.mode === "timeline" || t.withinCard ? e : /* @__PURE__ */ Y(P, {
-		title: u,
-		icon: d ? /* @__PURE__ */ Y(R, {
-			name: d,
-			size: 14
-		}) : void 0,
-		children: e
-	});
-	if (t.mode === "edit" && l.editable && l.interaction !== "navigate" && l.interaction !== "readonly" && m(c, "update") && l.mode === "table" && t.pendingChildren !== void 0 && t.onChildrenChange) {
-		let e = t.pendingChildren[a] ?? [], n = t.childValidationErrors?.[a], r = l.position_field ? i.isPhone && !o ? jt : Mt : jt;
-		return f(/* @__PURE__ */ Y(_e, {
-			fallback: /* @__PURE__ */ Y(U, {}),
-			children: /* @__PURE__ */ Y(r, {
-				config: l,
-				childEntity: c,
-				schema: t.schema,
-				rows: e,
-				onChange: (e) => t.onChildrenChange(a, e),
-				validationErrors: n,
-				refs: t.refs,
-				forceTablePresentation: o
-			})
-		}));
-	}
-	if (t.isNew) return null;
-	let p = {
-		config: l,
-		parentEntity: t.entityCode,
-		parentId: t.recordId,
-		schema: t.schema
-	};
-	switch (l.mode) {
-		case "list": return f(/* @__PURE__ */ Y(at, { ...p }));
-		case "cards": return f(/* @__PURE__ */ Y(ot, { ...p }));
-		case "timeline": return f(/* @__PURE__ */ Y(Ct, { ...p }));
-		default: return i.isPhone && !o ? f(/* @__PURE__ */ Y(ot, { ...p })) : f(/* @__PURE__ */ Y(it, { ...p }));
-	}
-}
-//#endregion
-//#region src/components/detail-layout/FieldsBlock.tsx
-function Pt({ fields: e, ctx: t }) {
-	let n = x(), { entity: r, entityCode: i, record: a, mode: o, onFieldChange: c, schema: l } = t, u = t.columns ?? 2, d = t.hideEmptyFields && o === "display" ? e.filter((e) => ae(r, a, e.code)) : e, f = u === 1 && e.length === 1;
-	return d.length === 0 ? null : /* @__PURE__ */ Y(me, {
-		columns: u,
-		children: d.map((e) => {
-			let u = e.code, d = `${i ?? "field"}-${u}`, p = `${d}-label`, m = r.fields.get(u), g = !!(m?.auto || m?.readonly || m?.source), _ = h(r, u), v = _?.read === "denied", y = _?.write === "denied", b = o === "display" ? v : y || v, x = g || o === "edit" && y ? "display" : o, S = b ? /* @__PURE__ */ Y(F, {
-				tier: _.classification,
-				tierDef: s(l, r, u),
-				requiredPermission: _?.required_permission,
-				variant: x === "edit" ? "input" : "value"
-			}) : se({
-				entity: r,
-				entityCode: i,
-				fieldName: u,
-				record: a,
-				mode: x,
-				onChange: c && !g ? (e) => c(u, e) : void 0,
-				refs: t.refs,
-				entities: l?.entities,
-				screens: l?.screens,
-				t: n,
-				fieldId: d,
-				labelId: p,
-				structure: e.structure,
-				detailScreen: e.detail_screen
-			});
-			if (!S) return null;
-			let C = o === "display" && e.actions && e.actions.length > 0 ? /* @__PURE__ */ Y(J, { children: e.actions.map((e, t) => /* @__PURE__ */ Y(de, {
-				actionCode: `${u}.action[${t}]`,
-				action: e,
-				entityCode: i,
-				row: a,
-				variant: "ghost",
-				size: "icon"
-			}, t)) }) : void 0, w = !!m && he.has(m.type), T = x === "display" ? pe(m, a?.[u]) : void 0, E = n(m?.display?.description);
-			return f && (w || e.structure) ? /* @__PURE__ */ X("div", {
-				style: { gridColumn: "1 / -1" },
-				children: [S, x === "edit" && E && /* @__PURE__ */ Y("div", {
-					style: {
-						fontSize: 11.5,
-						lineHeight: 1.4,
-						color: "var(--text-3)",
-						marginTop: 3
-					},
-					children: E
-				})]
-			}, u) : /* @__PURE__ */ Y(ge, {
-				"data-testid": `field-${u}`,
-				label: oe(n, r, u, l.entities),
-				htmlFor: x === "edit" ? d : void 0,
-				labelId: p,
-				labelTitle: E || void 0,
-				required: m?.required ?? !1,
-				mode: x,
-				span: w,
-				error: t.fieldErrors?.[u],
-				hint: x === "edit" && E ? E : void 0,
-				actions: C,
-				copyValue: T,
-				children: S
-			}, u);
-		})
-	});
-}
-//#endregion
-//#region src/components/detail-layout/PropertiesBlock.tsx
-var Ft = /* @__PURE__ */ new Set([
-	"string",
-	"text",
-	"int",
-	"float",
-	"decimal",
-	"email",
-	"url"
-]), It = 500;
-function Lt({ node: e, ctx: t }) {
-	let { entity: n, objectProperties: r, onSetProperty: i, isNew: a, mode: o, refs: s } = t, c = n.properties ?? {};
-	if (a) return null;
-	let l = e.properties === !0 || e.properties, u = l === !0 ? Object.entries(c).sort(([e], [t]) => e.localeCompare(t)) : l.filter((e) => c[e] != null).map((e) => [e, c[e]]);
-	return u.length === 0 ? null : /* @__PURE__ */ Y(me, {
-		columns: 2,
-		children: u.map(([e, a]) => {
-			let c = r?.find((t) => t.property_code === e), l = p(a), u = a.readonly || !i ? "display" : o;
-			return /* @__PURE__ */ Y(Rt, {
-				propCode: e,
-				prop: a,
-				field: l,
-				value: c?.value,
-				mode: u,
-				onSetProperty: i,
-				refs: s,
-				entity: n,
-				schema: t.schema
-			}, e);
-		})
-	});
-}
-function Rt({ propCode: e, prop: t, field: n, value: r, mode: i, onSetProperty: a, refs: o, entity: c, schema: l }) {
-	let u = x(), d = K(null);
-	G(() => () => {
-		d.current && clearTimeout(d.current);
-	}, []);
-	let f = W((n) => {
-		a && (Ft.has(t.type) ? (d.current && clearTimeout(d.current), d.current = setTimeout(() => a(e, n), It)) : a(e, n));
-	}, [
-		e,
-		t.type,
-		a
-	]), p = h(c, e), m = p?.read === "denied", g = p?.write === "denied", _ = i === "display" ? m : g || m, v = i === "edit" && g ? "display" : i;
-	return /* @__PURE__ */ Y(ge, {
-		label: u(t.display?.name ?? t.name),
-		mode: v,
-		span: he.has(t.type),
-		children: _ ? /* @__PURE__ */ Y(F, {
-			tier: p.classification,
-			tierDef: s(l, c, e),
-			requiredPermission: p?.required_permission,
-			variant: v === "edit" ? "input" : "value"
-		}) : k({
-			field: n,
-			fieldName: e,
-			value: r,
-			mode: v,
-			onChange: v === "edit" ? f : void 0,
-			refs: o,
-			t: u
-		})
-	});
-}
-//#endregion
-//#region src/components/shared/StatusStepper.tsx
-function zt({ stages: e, current: t, selectable: n, onSelect: r, compact: i = !1 }) {
-	let a = e.findIndex((e) => e.code === t);
-	return /* @__PURE__ */ Y("div", {
-		role: "list",
-		style: {
-			display: "flex",
-			alignItems: "stretch",
-			borderRadius: 6,
-			overflow: "hidden",
-			border: "1px solid var(--border)",
-			background: "var(--surface)"
-		},
-		children: e.map((t, o) => {
-			let s = a >= 0 && o < a, c = o === a, l = a < 0 || o > a, u = !!r && (n?.has(t.code) ?? !1), d = o === 0, f = o === e.length - 1, p = c ? "var(--accent-soft)" : s ? "var(--success-soft)" : "transparent", m = c ? "var(--accent)" : s ? "var(--success)" : "var(--text-3)", h = d && f ? void 0 : d ? "polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%)" : f ? "polygon(0 0, 100% 0, 100% 100%, 0 100%, 10px 50%)" : "polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 10px 50%)";
-			return /* @__PURE__ */ X("button", {
-				role: "listitem",
-				type: "button",
-				disabled: !u,
-				onClick: u ? () => r(t.code) : void 0,
-				title: t.label,
-				style: {
-					flex: 1,
-					minWidth: 0,
-					display: "flex",
-					alignItems: "center",
-					gap: 6,
-					padding: i ? `6px 8px 6px ${d ? 10 : 20}px` : `8px 10px 8px ${d ? 12 : 24}px`,
-					border: 0,
-					borderLeft: o > 0 ? "1px solid var(--divider)" : "none",
-					background: p,
-					color: m,
-					fontSize: i ? 11.5 : 12.5,
-					fontFamily: "inherit",
-					fontWeight: c ? 600 : 500,
-					cursor: u ? "pointer" : "default",
-					clipPath: h,
-					whiteSpace: "nowrap"
-				},
-				children: [/* @__PURE__ */ Y("span", {
-					style: {
-						width: 16,
-						height: 16,
-						borderRadius: 999,
-						flexShrink: 0,
-						background: l ? "transparent" : m,
-						border: l ? "1px solid var(--border-strong)" : "none",
-						color: l ? "var(--text-4)" : c ? "var(--accent-soft)" : "var(--success-soft)",
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "center",
-						fontSize: 9.5,
-						fontWeight: 700
-					},
-					children: s ? /* @__PURE__ */ Y(w.check, { size: 10 }) : o + 1
-				}), /* @__PURE__ */ Y("span", {
-					style: {
-						overflow: "hidden",
-						textOverflow: "ellipsis"
-					},
-					children: t.label
-				})]
-			}, t.code);
-		})
-	});
-}
-//#endregion
-//#region src/components/shared/StatusGroupsDisplay.tsx
-function Bt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r, mode: i = "edit" }) {
-	let a = x();
-	return /* @__PURE__ */ Y("div", {
-		style: {
-			display: "flex",
-			flexWrap: "wrap",
-			alignItems: "center",
-			gap: 16
-		},
-		children: Object.entries(e).map(([e, o]) => {
-			let s = t?.find((t) => t.group_code === e)?.status_code, c = s ? o.statuses.find((e) => e.code === s) : void 0;
-			if (o.display_mode === "stepper") {
-				let t = i === "edit", c = t ? o.transitions && s ? /* @__PURE__ */ new Set([s, ...o.transitions[s] ?? []]) : new Set(o.statuses.map((e) => e.code)) : void 0;
-				return /* @__PURE__ */ X("div", {
-					style: {
-						display: "flex",
-						alignItems: "center",
-						gap: 8,
-						minWidth: 0
-					},
-					children: [/* @__PURE__ */ X("span", {
-						style: {
-							fontSize: 12,
-							color: "var(--text-3)",
-							flexShrink: 0
-						},
-						children: [a(o.name), ":"]
-					}), /* @__PURE__ */ Y("div", {
-						style: {
-							minWidth: 240,
-							opacity: r ? .6 : 1,
-							pointerEvents: r ? "none" : "auto"
-						},
-						children: /* @__PURE__ */ Y(zt, {
-							stages: o.statuses.map((e) => ({
-								code: e.code,
-								label: a(e.name)
-							})),
-							current: s,
-							selectable: c,
-							onSelect: t ? (t) => n(e, t) : void 0,
-							compact: !0
-						})
-					})]
-				}, e);
-			}
-			if (i === "display") return /* @__PURE__ */ X("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					gap: 8
-				},
-				children: [/* @__PURE__ */ X("span", {
-					style: {
-						fontSize: 12,
-						color: "var(--text-3)"
-					},
-					children: [a(o.name), ":"]
-				}), c ? /* @__PURE__ */ Y(D, {
-					tone: c.color ?? "slate",
-					size: "xs",
-					children: a(c.name)
-				}) : /* @__PURE__ */ Y("span", {
-					style: {
-						fontSize: 12.5,
-						color: "var(--text-4)"
-					},
-					children: "—"
-				})]
-			}, e);
-			let l = (o.transitions && s ? o.statuses.filter((e) => e.code === s || (o.transitions[s]?.includes(e.code) ?? !1)) : o.statuses).map((e) => ({
-				value: e.code,
-				label: /* @__PURE__ */ X("span", {
-					style: {
-						display: "inline-flex",
-						alignItems: "center",
-						gap: 6
-					},
-					children: [e.color && /* @__PURE__ */ Y("span", { style: {
-						width: 8,
-						height: 8,
-						borderRadius: 999,
-						background: `var(--pill-${e.color}, ${e.color})`,
-						display: "inline-block"
-					} }), a(e.name)]
-				})
-			}));
-			return /* @__PURE__ */ X("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					gap: 8
-				},
-				children: [/* @__PURE__ */ X("span", {
-					style: {
-						fontSize: 12,
-						color: "var(--text-3)"
-					},
-					children: [a(o.name), ":"]
-				}), /* @__PURE__ */ Y("div", {
-					style: {
-						minWidth: 180,
-						opacity: r ? .6 : 1,
-						pointerEvents: r ? "none" : "auto"
-					},
-					children: /* @__PURE__ */ Y(j, {
-						value: s ?? "",
-						options: l,
-						onChange: (t) => n(e, t)
-					})
-				})]
-			}, e);
-		})
-	});
-}
-//#endregion
-//#region src/components/detail-layout/StatusesBlock.tsx
-var Vt = () => {};
-function Ht({ node: e, ctx: t }) {
-	let { entity: n, objectStatuses: r, onSetStatus: i, isStatusPending: a, isNew: o } = t, s = n.status_groups ?? {};
-	if (o) return null;
-	let c = e.statuses === !0 || e.statuses, l = Object.fromEntries(Object.entries(s).filter(([e]) => c === !0 || c.includes(e)));
-	return Object.keys(l).length === 0 ? null : /* @__PURE__ */ Y(Bt, {
-		statusGroups: l,
-		objectStatuses: r,
-		onSetStatus: i ?? Vt,
-		isPending: a ?? !1,
-		mode: t.mode
-	});
-}
-//#endregion
-//#region src/components/detail-layout/widgets/canonicalizeJson.ts
-function Ut(e) {
-	if (Array.isArray(e)) return e.map(Ut);
-	if (typeof e == "object" && e) {
-		let t = e, n = {};
-		for (let e of Object.keys(t).sort()) n[e] = Ut(t[e]);
-		return n;
-	}
-	return e;
-}
-function Wt(e) {
-	switch (typeof e) {
-		case "string": return e;
-		case "number":
-		case "boolean":
-		case "bigint":
-		case "symbol": return String(e);
-		case "function": return "[function]";
-		case "object": return "[unserializable]";
-		default: return "";
-	}
-}
-function Gt(e) {
-	if (e == null) return "";
-	try {
-		return JSON.stringify(Ut(e), null, 2) ?? Wt(e);
-	} catch {
-		return Wt(e);
-	}
-}
-//#endregion
-//#region src/components/detail-layout/widgets/JsonDiffWidget.tsx
-function Kt(e) {
-	return e("record.diff.editor", "Audit change diff");
-}
-var qt = ve(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonDiff }))), Jt = ve(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonSource }))), Yt = ve(() => import("./JsonEditor-Dz1PQHC8.js").then((e) => ({ default: e.JsonEditor })));
-function Xt() {
-	let e = x();
-	return /* @__PURE__ */ Y("div", {
-		className: "flex h-full w-full items-center justify-center text-sm text-muted-foreground",
-		children: e("record.diff.loading_editor", "Loading editor…")
-	});
-}
-function Zt({ before: e, after: t }) {
-	let n = x();
-	return /* @__PURE__ */ Y(_e, {
-		fallback: /* @__PURE__ */ Y(Xt, {}),
-		children: /* @__PURE__ */ X("div", {
-			className: "flex h-full w-full gap-2",
-			role: "group",
-			"aria-label": Kt(n),
-			children: [/* @__PURE__ */ Y("div", {
-				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ Y(Yt, {
-					value: e,
-					readOnly: !0
-				})
-			}), /* @__PURE__ */ Y("div", {
-				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ Y(Yt, {
-					value: t,
-					readOnly: !0
-				})
-			})]
-		})
-	});
-}
-function Qt({ mode: e, onChange: t }) {
-	let n = x();
-	return /* @__PURE__ */ X("div", {
-		className: "inline-flex gap-1",
-		role: "group",
-		"aria-label": n("record.diff.view_mode", "Diff view mode"),
-		children: [/* @__PURE__ */ Y("button", {
-			type: "button",
-			"aria-pressed": e === "diff",
-			onClick: () => t("diff"),
-			className: `rounded px-2 py-0.5 text-xs ${e === "diff" ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
-			children: n("record.diff.diff", "Diff")
-		}), /* @__PURE__ */ Y("button", {
-			type: "button",
-			"aria-pressed": e === "source",
-			onClick: () => t("source"),
-			className: `rounded px-2 py-0.5 text-xs ${e === "source" ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
-			children: n("record.diff.source", "Source")
-		})]
-	});
-}
-function $t({ values: e, options: t }) {
-	let n = x(), r = e.before, i = e.after, a = t?.default_mode === "source" ? "source" : "diff", [o, s] = q(a), c = Gt(r), l = Gt(i);
-	return /* @__PURE__ */ X("div", {
-		className: "flex flex-col gap-2",
-		children: [/* @__PURE__ */ X("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ Y(Qt, {
-				mode: o,
-				onChange: s
-			}), c === l && /* @__PURE__ */ Y("span", {
-				className: "text-xs text-muted-foreground",
-				role: "status",
-				children: n("record.diff.no_changes", "No field changes")
-			})]
-		}), /* @__PURE__ */ Y("div", {
-			className: "h-[480px] w-full overflow-hidden rounded border",
-			role: "group",
-			"aria-label": Kt(n),
-			children: /* @__PURE__ */ Y(I, {
-				fallback: /* @__PURE__ */ Y(Zt, {
-					before: r,
-					after: i
-				}),
-				children: /* @__PURE__ */ Y(_e, {
-					fallback: /* @__PURE__ */ Y(Xt, {}),
-					children: o === "diff" ? /* @__PURE__ */ Y(qt, {
-						before: c,
-						after: l
-					}) : /* @__PURE__ */ X("div", {
-						className: "flex h-full w-full gap-2",
-						children: [/* @__PURE__ */ Y("div", {
-							className: "min-w-0 flex-1",
-							children: /* @__PURE__ */ Y(Jt, { value: c })
-						}), /* @__PURE__ */ Y("div", {
-							className: "min-w-0 flex-1",
-							children: /* @__PURE__ */ Y(Jt, { value: l })
-						})]
-					})
-				})
-			})
-		})]
-	});
-}
-//#endregion
-//#region src/components/detail-layout/widgets/EntityScorecardWidget.tsx
-function Q(e) {
-	return e && typeof e == "object" && !Array.isArray(e) ? e : void 0;
-}
-function $(e) {
-	let t = Q(e);
-	if (!t) return;
-	let n = Object.entries(t).filter((e) => typeof e[1] == "string");
-	return n.length > 0 ? Object.fromEntries(n) : void 0;
-}
-function en(e) {
-	return Array.isArray(e) ? e.flatMap((e) => {
-		let t = Q(e);
-		return !t || typeof t.field != "string" ? [] : [{
-			field: t.field,
-			label: $(t.label),
-			format: t.format
-		}];
-	}) : [];
-}
-function tn(e) {
-	if (!e || typeof e.entity != "string" || typeof e.scope_field != "string" || typeof e.window_field != "string") return;
-	let t = Array.isArray(e.windows) ? e.windows.flatMap((e) => {
-		let t = Q(e);
-		return t && typeof t.code == "string" ? [{
-			code: t.code,
-			label: $(t.label)
-		}] : [];
-	}) : [], n = Array.isArray(e.metrics) ? e.metrics.flatMap((e) => {
-		let t = Q(e);
-		if (!t || typeof t.field != "string") return [];
-		let n = Q(t.filtered);
-		return [{
-			field: t.field,
-			label: $(t.label),
-			help: $(t.help),
-			format: t.format,
-			attention: t.attention === !0,
-			drillthrough_value: typeof t.drillthrough_value == "string" ? t.drillthrough_value : void 0,
-			drillthrough_filter: t.drillthrough_filter !== !1,
-			filtered: n && typeof n.field == "string" ? {
-				field: n.field,
-				where: Q(n.where)
-			} : void 0
-		}];
-	}) : [];
-	if (t.length === 0 || n.length === 0) return;
-	let r = Q(e.breakdown), i = r && typeof r.entity == "string" && typeof r.scope_field == "string" && typeof r.window_field == "string" ? {
-		entity: r.entity,
-		scope_field: r.scope_field,
-		window_field: r.window_field,
-		filter_field: typeof r.filter_field == "string" ? r.filter_field : void 0,
-		filter_label: $(r.filter_label),
-		all_label: $(r.all_label),
-		empty_label: $(r.empty_label),
-		columns: en(r.columns),
-		sort: typeof r.sort == "string" ? r.sort : void 0,
-		limit: typeof r.limit == "number" ? Math.min(500, Math.max(1, r.limit)) : 200
-	} : void 0, a = Q(e.drillthrough), o = a && typeof a.route == "string" && typeof a.scope_field == "string" && typeof a.window_field == "string" ? {
-		route: a.route,
-		scope_field: a.scope_field,
-		window_field: a.window_field,
-		filter_field: typeof a.filter_field == "string" ? a.filter_field : void 0,
-		metric_field: typeof a.metric_field == "string" ? a.metric_field : void 0
-	} : void 0;
-	return {
-		entity: e.entity,
-		scope_field: e.scope_field,
-		window_field: e.window_field,
-		windows: t,
-		default_window: typeof e.default_window == "string" ? e.default_window : void 0,
-		metrics: n,
-		title: $(e.title),
-		description: $(e.description),
-		intended_note: $(e.intended_note),
-		empty_label: $(e.empty_label),
-		breakdown: i,
-		drillthrough: o
-	};
-}
-function nn(e, t) {
-	let n = (e, n) => new Intl.NumberFormat(t, {
-		style: "unit",
-		unit: e,
-		unitDisplay: "narrow"
-	}).format(n);
-	return e >= 86400 ? n("day", Math.floor(e / 86400)) : e >= 3600 ? n("hour", Math.floor(e / 3600)) : e >= 60 ? n("minute", Math.floor(e / 60)) : n("second", Math.max(0, Math.floor(e)));
-}
-function rn(e, t, n) {
-	let r = e("record.scorecard.not_available", "N/A"), i = e.language;
-	if (t == null || t === "") return r;
-	if (n === "number") return new Intl.NumberFormat(i).format(Number(t));
-	if (n === "percent_ratio") return new Intl.NumberFormat(i, {
-		style: "percent",
-		maximumFractionDigits: 2
-	}).format(Number(t));
-	if (n === "duration_seconds") {
-		let e = Number(t);
-		return Number.isFinite(e) ? nn(e, i) : r;
-	}
-	if (n === "timestamp") {
-		if (typeof t != "string" && typeof t != "number" && !(t instanceof Date)) return r;
-		let e = new Date(t);
-		return Number.isNaN(e.getTime()) ? r : e.toLocaleString(i, { timeZoneName: "short" });
-	}
-	return typeof t == "string" ? t : typeof t == "number" || typeof t == "bigint" || typeof t == "boolean" ? String(t) : r;
-}
-function an(e, t) {
-	return typeof e.id == "string" || typeof e.id == "number" ? String(e.id) : `row-${t}`;
-}
-function on(e, t) {
-	return !t || Object.entries(t).every(([t, n]) => e[t] === n);
-}
-function sn({ values: e, options: t }) {
-	let n = x(), i = x("errors"), a = xe(() => tn(t), [t]), o = B(), s = e.scope, c = a?.windows.some((e) => e.code === a.default_window) ? a.default_window : a?.windows[0]?.code ?? "", [l, u] = q(c), [d, f] = q("");
-	G(() => {
-		u(c);
-	}, [c]), G(() => {
-		f("");
-	}, [l]);
-	let p = a ? [{
-		field: a.scope_field,
-		op: "eq",
-		value: s
-	}, {
-		field: a.window_field,
-		op: "eq",
-		value: l
-	}] : [], m = g(a?.entity, {
-		per_page: 1,
-		filters: p
-	}, !!(a && s && l)), h = a?.breakdown, _ = h ? [{
-		field: h.scope_field,
-		op: "eq",
-		value: s
-	}, {
-		field: h.window_field,
-		op: "eq",
-		value: l
-	}] : [], v = g(h?.entity, {
-		per_page: h?.limit ?? 200,
-		sort: h?.sort,
-		filters: _
-	}, !!(h && s && l));
-	if (!a || !s) return /* @__PURE__ */ Y("div", {
-		role: "alert",
-		className: "rounded border border-destructive p-3 text-sm text-destructive",
-		children: i("record.scorecard_config_invalid", "Invalid entity_scorecard configuration.")
-	});
-	let y = m.data?.data?.[0], b = v.data?.data ?? [], S = h?.filter_field ? Array.from(new Set(b.map((e) => e[h.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], C = d && h?.filter_field ? b.filter((e) => e[h.filter_field] === d) : b, w = (e) => !d || !e.filtered || !h?.filter_field ? y?.[e.field] : b.find((t) => t[h.filter_field] === d && on(t, e.filtered?.where))?.[e.filtered.field], T = (e) => {
-		let t = a.drillthrough;
-		if (!t || !e.drillthrough_value) return;
-		let n = [{
-			field: t.scope_field,
-			op: "eq",
-			value: s
-		}, {
-			field: t.window_field,
-			op: "eq",
-			value: l
-		}];
-		t.filter_field && d && e.drillthrough_filter !== !1 && n.push({
-			field: t.filter_field,
-			op: "eq",
-			value: d
-		}), t.metric_field && n.push({
-			field: t.metric_field,
-			op: "eq",
-			value: e.drillthrough_value
-		}), o(t.route, { search: new URLSearchParams({ filters: JSON.stringify(n) }).toString() });
-	}, E = m.error ?? v.error, D = n(h?.filter_label) || n("record.scorecard.filter", "Filter");
-	return /* @__PURE__ */ X("div", {
-		className: "flex min-w-0 flex-col gap-4",
-		"aria-label": n(a.title) || n("record.scorecard.title", "Scorecard"),
-		children: [
-			/* @__PURE__ */ X("div", {
-				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ X("div", {
-					className: "min-w-0",
-					children: [
-						a.title && /* @__PURE__ */ Y("h3", {
-							className: "text-base font-semibold text-foreground",
-							children: n(a.title)
-						}),
-						a.description && /* @__PURE__ */ Y("p", {
-							className: "mt-1 text-sm text-muted-foreground",
-							children: n(a.description)
-						}),
-						a.intended_note && /* @__PURE__ */ Y("p", {
-							className: "mt-1 text-xs text-muted-foreground",
-							children: n(a.intended_note)
-						})
-					]
-				}), /* @__PURE__ */ X("div", {
-					className: "flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ Y("div", {
-						role: "group",
-						"aria-label": n("record.scorecard.window", "Scorecard window"),
-						className: "inline-flex rounded border border-border p-1",
-						children: a.windows.map((e) => /* @__PURE__ */ Y("button", {
-							type: "button",
-							"aria-pressed": l === e.code,
-							onClick: () => u(e.code),
-							className: `rounded px-3 py-1.5 text-xs font-medium ${l === e.code ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
-							children: n(e.label) || e.code
-						}, e.code))
-					}), h?.filter_field && /* @__PURE__ */ X("label", {
-						className: "flex items-center gap-2 text-xs text-muted-foreground",
-						children: [D, /* @__PURE__ */ X("select", {
-							"aria-label": D,
-							value: d,
-							onChange: (e) => f(e.target.value),
-							className: "rounded border border-border bg-background px-2 py-1.5 text-foreground",
-							children: [/* @__PURE__ */ Y("option", {
-								value: "",
-								children: n(h.all_label) || n("record.scorecard.all", "All")
-							}), S.map((e) => /* @__PURE__ */ Y("option", {
-								value: e,
-								children: e
-							}, e))]
-						})]
-					})]
-				})]
-			}),
-			E && /* @__PURE__ */ Y("div", {
-				role: "alert",
-				className: "rounded border border-destructive p-3 text-sm text-destructive",
-				children: r(i, E)
-			}),
-			!E && !m.isLoading && !y && /* @__PURE__ */ Y("div", {
-				className: "rounded border border-border p-6 text-center text-sm text-muted-foreground",
-				children: n(a.empty_label) || n("record.scorecard.empty", "No scorecard data.")
-			}),
-			y && /* @__PURE__ */ Y("div", {
-				className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
-				children: a.metrics.map((e) => {
-					let t = w(e), r = !!(a.drillthrough && e.drillthrough_value), i = /* @__PURE__ */ X(J, { children: [
-						/* @__PURE__ */ Y("span", {
-							className: "text-xs font-medium text-muted-foreground",
-							children: n(e.label) || e.field
-						}),
-						/* @__PURE__ */ Y("strong", {
-							className: `mt-2 block text-2xl font-semibold ${e.attention && Number(t) > 0 ? "text-destructive" : "text-foreground"}`,
-							children: rn(n, t, e.format)
-						}),
-						e.help && /* @__PURE__ */ Y("span", {
-							className: "mt-1 block text-xs text-muted-foreground",
-							children: n(e.help)
-						})
-					] });
-					return r ? /* @__PURE__ */ Y("button", {
-						type: "button",
-						onClick: () => T(e),
-						className: "rounded border border-border bg-card p-3 text-left hover:bg-surface",
-						children: i
-					}, e.field) : /* @__PURE__ */ Y("article", {
-						className: "rounded border border-border bg-card p-3",
-						children: i
-					}, e.field);
-				})
-			}),
-			h && /* @__PURE__ */ Y("div", {
-				className: "min-w-0 overflow-x-auto rounded border border-border",
-				children: /* @__PURE__ */ X("table", {
-					className: "w-full border-collapse text-sm",
-					children: [/* @__PURE__ */ Y("thead", {
-						className: "bg-surface text-left text-xs text-muted-foreground",
-						children: /* @__PURE__ */ Y("tr", { children: h.columns.map((e) => /* @__PURE__ */ Y("th", {
-							className: "border-b border-divider px-3 py-2 font-medium",
-							children: n(e.label) || e.field
-						}, e.field)) })
-					}), /* @__PURE__ */ X("tbody", { children: [C.map((e, t) => /* @__PURE__ */ Y("tr", {
-						className: "border-b border-divider last:border-0",
-						children: h.columns.map((t) => /* @__PURE__ */ Y("td", {
-							className: "px-3 py-2 text-foreground",
-							children: rn(n, e[t.field], t.format)
-						}, t.field))
-					}, an(e, t))), !v.isLoading && C.length === 0 && /* @__PURE__ */ Y("tr", { children: /* @__PURE__ */ Y("td", {
-						colSpan: Math.max(1, h.columns.length),
-						className: "px-3 py-6 text-center text-muted-foreground",
-						children: n(h.empty_label) || n("record.scorecard.breakdown_empty", "No breakdown rows.")
-					}) })] })]
-				})
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/detail-layout/widgets/builtins.ts
-var cn = !1;
-function ln() {
-	cn ||= (L("json_diff", $t), L("entity_scorecard", sn), !0);
-}
-//#endregion
-//#region src/components/detail-layout/widgets/WidgetHost.tsx
-ln();
-function un({ config: e, ctx: t }) {
-	let n = x("errors"), r = ee(e.type);
-	if (!r) return /* @__PURE__ */ X("span", {
-		className: "text-sm text-muted-foreground",
-		children: [
-			n("record.widget_unknown", "This page names a widget this deployment does not have."),
-			" ",
-			/* @__PURE__ */ Y("code", { children: e.type })
-		]
-	});
-	let i = e.inputs ?? {}, a = t.record, o = {};
-	for (let [e, t] of Object.entries(i)) o[e] = a[t];
-	return /* @__PURE__ */ Y("div", {
-		style: {
-			minWidth: 0,
-			maxWidth: "100%",
-			overflowX: "auto",
-			WebkitOverflowScrolling: "touch"
-		},
-		children: /* @__PURE__ */ Y(r, {
-			inputs: i,
-			values: o,
-			record: a,
-			options: e.options,
-			ctx: t
-		})
-	});
-}
-//#endregion
-//#region src/components/detail-layout/LayoutRenderer.tsx
-function dn({ nodes: e, ctx: t }) {
-	return /* @__PURE__ */ Y(J, { children: e.map((e, n) => /* @__PURE__ */ Y(fn, {
-		node: e,
-		ctx: t
-	}, n)) });
-}
-function fn({ node: e, ctx: t }) {
-	return e.row ? /* @__PURE__ */ Y(De, {
-		config: e.row,
-		ctx: t
-	}) : e.column ? /* @__PURE__ */ Y(Ae, {
-		config: e.column,
-		node: e,
-		ctx: t
-	}) : e.tabs ? /* @__PURE__ */ Y(Pe, {
-		config: e.tabs,
-		ctx: t
-	}) : e.section ? /* @__PURE__ */ Y(Fe, {
-		config: e.section,
-		ctx: t
-	}) : e.children ? /* @__PURE__ */ Y(Nt, {
-		node: e,
-		ctx: t
-	}) : e.associated ? /* @__PURE__ */ Y(fe, {
-		node: e,
-		ctx: t
-	}) : e.fields ? /* @__PURE__ */ Y(Pt, {
-		fields: e.fields,
-		ctx: t
-	}) : e.properties == null ? e.statuses == null ? e.widget ? /* @__PURE__ */ Y(un, {
-		config: e.widget,
-		ctx: t
-	}) : null : /* @__PURE__ */ Y(Ht, {
-		node: e,
-		ctx: t
-	}) : /* @__PURE__ */ Y(Lt, {
-		node: e,
-		ctx: t
-	});
-}
-//#endregion
-export { Bt as n, dn as t };