@declarion/react 0.30.0 → 0.31.1

package/dist-lib/LayoutRenderer-3RvIsC9M.js

@@ -0,0 +1,2885 @@
+import { s as e, t } from "./DynamicIcon-DCRdxxZ7.js";
+import { $ as n, B as r, Bn as i, F as a, Fn as o, H as s, Hn as c, I as l, Ot as u, Q as d, V as f, Vn as p, Xt as m, an as h, cn as g, dn as _, f as v, fn as y, gn as b, h as x, kn as S, m as C, nn as w, on as T, p as E, rn as D, sn as O, tn as k, wn as A } from "./ActionRunner-BzaZQtiI.js";
+import { E as j, G as M, K as N, Q as ee, T as P, U as F, W as I, Z as L, _t as R, d as z, gt as B, k as V, o as te, r as ne, t as re, u as ie, ut as ae } from "./registry-2KliNTHB.js";
+import { n as oe, r as se, t as ce } from "./dataTableStyles-vwD1mVOP.js";
+import { Suspense as le, createContext as ue, lazy as de, useCallback as H, useContext as fe, useEffect as U, useId as pe, useLayoutEffect as me, useMemo as W, useRef as G, useState as K } from "react";
+import { useInfiniteQuery as he, useMutation as ge, useQueryClient as _e } from "@tanstack/react-query";
+import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
+//#region src/lib/size-value.ts
+var ve = /^(\d+)px$/;
+function ye(e) {
+	if (e == null || e === "") return null;
+	if (e === "auto") return { kind: "auto" };
+	if (e === "fill") return { kind: "fill" };
+	let t = ve.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 be({ 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] = K(!1), l = G(null);
+	U(() => {
+		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] = K(null), f = G(null), p = H(() => n.map((t) => {
+		let n = ye(t.width ?? t.column?.width ?? t.row?.width ?? e.width);
+		return n && n.kind === "weight" ? n.value : 1;
+	}), [n, e.width]), m = H((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 ? Se(e.height) : void 0;
+	return /* @__PURE__ */ J("div", {
+		ref: l,
+		className: ae("flex", s && "flex-col"),
+		style: {
+			gap: r ? `${r}px` : void 0,
+			...g
+		},
+		children: n.map((r, a) => /* @__PURE__ */ Y("div", {
+			className: ae("min-w-0 flex items-stretch", s && "w-full"),
+			style: s ? void 0 : xe(r.width ?? r.column?.width ?? r.row?.width ?? e.width, h[a], r.min_width, r.max_width),
+			children: [/* @__PURE__ */ J("div", {
+				className: ae("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
+				children: /* @__PURE__ */ J($, {
+					node: r,
+					ctx: t
+				})
+			}), i && !s && a < n.length - 1 && /* @__PURE__ */ J("div", {
+				className: "detail-resize-handle",
+				onMouseDown: (e) => m(a, e)
+			})]
+		}, a))
+	});
+}
+function xe(e, t, n, r) {
+	let i = ye(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 Se(e) {
+	if (!e) return;
+	let t = ye(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 Ce({ config: e, ctx: t }) {
+	let { items: n, gap: r = 12 } = e;
+	return /* @__PURE__ */ J("div", {
+		className: "flex flex-col h-full",
+		style: { gap: r ? `${r}px` : void 0 },
+		children: n.map((e, n) => /* @__PURE__ */ J($, {
+			node: e,
+			ctx: t
+		}, n))
+	});
+}
+//#endregion
+//#region src/components/detail-layout/blockMeta.ts
+function we(e) {
+	return e.children ?? e.associated;
+}
+function X(e, t) {
+	let n = we(e);
+	if (n) {
+		if (e.label) return T(e.label);
+		let r = t.entity.children?.find((e) => e.entity === n);
+		if (r?.display?.name) return T(r.display.name);
+		let i = t.schema.entities[n];
+		return i && (T(i.display.name_plural) || T(i.display.name)) || n;
+	}
+	return e.section ? T(e.section.name) : "Tab";
+}
+function Z(e, t) {
+	if (e.icon) return e.icon;
+	let n = we(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 Te({ config: e, ctx: n }) {
+	let { items: r } = e, [i, a] = K(0), s = o(), c = n.detailTabsPresentation ?? (s.isPhone ? "sections" : "scroll");
+	if (r.length === 0) return null;
+	if (c === "sections") {
+		let e = r.map((e, t) => `detail-tab-section-${t}`);
+		return /* @__PURE__ */ Y("div", {
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 10,
+				minWidth: 0
+			},
+			children: [r.length > 1 && /* @__PURE__ */ J("nav", {
+				"aria-label": "Detail sections",
+				style: {
+					display: "flex",
+					gap: 6,
+					overflowX: "auto",
+					padding: "0 2px 2px",
+					WebkitOverflowScrolling: "touch"
+				},
+				children: r.map((r, i) => {
+					let a = X(r, n), o = Z(r, n);
+					return /* @__PURE__ */ Y("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__ */ J(t, {
+							name: o,
+							size: 13
+						}), /* @__PURE__ */ J("span", {
+							style: {
+								overflow: "hidden",
+								textOverflow: "ellipsis"
+							},
+							children: a
+						})]
+					}, i);
+				})
+			}), r.map((r, i) => {
+				let a = X(r, n), o = Z(r, n);
+				return /* @__PURE__ */ Y("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__ */ Y("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__ */ J(t, {
+							name: o,
+							size: 14
+						}), /* @__PURE__ */ J("span", {
+							style: { overflowWrap: "anywhere" },
+							children: a
+						})]
+					}), /* @__PURE__ */ J("div", {
+						style: {
+							padding: 14,
+							minWidth: 0
+						},
+						children: /* @__PURE__ */ J($, {
+							node: r,
+							ctx: {
+								...n,
+								withinCard: !0
+							}
+						})
+					})]
+				}, i);
+			})]
+		});
+	}
+	return /* @__PURE__ */ Y("div", {
+		style: {
+			background: "var(--surface)",
+			border: "1px solid var(--border)",
+			borderRadius: 10,
+			overflow: "hidden",
+			boxShadow: "var(--shadow-xs)",
+			flexShrink: 0
+		},
+		children: [/* @__PURE__ */ J("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 = X(e, n), s = Z(e, n), c = r === i;
+				return /* @__PURE__ */ Y("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__ */ J(t, {
+							name: s,
+							size: 13
+						}),
+						o,
+						c && /* @__PURE__ */ J("span", { style: {
+							position: "absolute",
+							left: 4,
+							right: 4,
+							bottom: -1,
+							height: 2,
+							background: "var(--accent)",
+							borderRadius: 2
+						} })
+					]
+				}, r);
+			})
+		}), /* @__PURE__ */ J("div", {
+			role: "tabpanel",
+			style: { padding: 14 },
+			children: /* @__PURE__ */ J($, {
+				node: r[i],
+				ctx: {
+					...n,
+					withinCard: !0
+				}
+			}, i)
+		})]
+	});
+}
+//#endregion
+//#region src/components/detail-layout/SectionBlock.tsx
+function Ee({ config: e, ctx: n }) {
+	let { name: r, items: i, collapsed: a = !1, columns: o, icon: s, badge: c, emphasis: l } = e, u = {
+		...n,
+		withinCard: !0,
+		...o ? { columns: o } : null
+	}, d = s ? /* @__PURE__ */ J(t, {
+		name: s,
+		size: 14
+	}) : void 0, f = c ? {
+		text: T(c.text),
+		tone: c.tone,
+		dot: c.dot
+	} : void 0;
+	return /* @__PURE__ */ J(R, {
+		title: T(r),
+		defaultOpen: !a,
+		icon: d,
+		badge: f,
+		emphasis: l,
+		headingLevel: n.withinCard ? 3 : 2,
+		children: /* @__PURE__ */ J(Kt, {
+			nodes: i,
+			ctx: u
+		})
+	});
+}
+//#endregion
+//#region src/lib/child-config.ts
+function De(e, t, n) {
+	let r = e.display, i = Q(n?.mode, r?.mode, "table"), a = i === "timeline" ? 50 : 20, o = {
+		entity: e.entity,
+		foreign_key: e.foreign_key,
+		name: Q(n?.label, r?.name, ke(t)),
+		icon: Q(n?.icon, r?.icon, t.display.icon) ?? "",
+		mode: i,
+		columns: Q(n?.columns, r?.columns, je(t, e.foreign_key)),
+		sort: Q(n?.sort, r?.sort, Ae(t)),
+		limit: Q(n?.limit, r?.limit, a),
+		editable: Q(n?.editable, r?.editable, !0),
+		interaction: Q(n?.interaction, r?.interaction, Oe(t))
+	}, s = Q(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 = Me(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 Q(e, t, n) {
+	return e ?? t ?? n;
+}
+function Oe(e) {
+	return k(e, "update") ? "inline_edit" : "readonly";
+}
+function ke(e) {
+	return e.display.name_plural && Object.keys(e.display.name_plural).length > 0 ? e.display.name_plural : e.display.name;
+}
+function Ae(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 = Re(e);
+	return t ? t + ":asc" : "";
+}
+function je(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 Me(e, t) {
+	let n = { ...e };
+	return n.time_field ||= Fe(t), n.type_field ||= Ie(t, "enum"), n.summary_field ||= Le(t, "string", "text", "rich_text"), n.content_field ||= Le(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 ||= Ne(t), n.intent_field ||= Pe(t), n;
+}
+function Ne(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 Pe(e) {
+	let t = e.fields.get("intent");
+	if (t && t.type === "enum") return "intent";
+}
+function Fe(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 Ie(e, t) {
+	for (let n of e.fields.names()) {
+		let r = e.fields.get(n);
+		if (r && r.type === t) return n;
+	}
+}
+function Le(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 Re(e) {
+	let t = h(e);
+	return t.length > 0 ? t[0] : void 0;
+}
+function ze(e, t) {
+	return e.children?.find((e) => e.entity === t);
+}
+//#endregion
+//#region src/lib/quick-add.ts
+function Be(e, t, n, r) {
+	let i = {
+		...t ?? {},
+		...e
+	};
+	if (Array.isArray(n)) {
+		let e = Array.isArray(r) ? r.map(String) : g(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 Ve(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 He(e, t, n, i) {
+	let [o, s] = K(() => {
+		let t = e.quick_add, n = i.entities[e.entity], r = {};
+		if (t?.fields) for (let e of t.fields) t.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" && (r[e] = a()) : r[e] = t.defaults[e];
+		return r;
+	}), c = _e(), { mutate: l, isPending: u, error: d, reset: f } = ge({
+		mutationFn: (t) => r(e.entity, t),
+		onMutate: async (r) => {
+			let i = [
+				M,
+				t,
+				Array.isArray(n) ? O(n.map(String)) : n,
+				e.entity
+			];
+			await c.cancelQueries({ queryKey: i });
+			let a = c.getQueriesData({ queryKey: i }), o = {
+				...r,
+				id: `__optimistic_${crypto.randomUUID()}`,
+				__optimistic: !0
+			};
+			return c.setQueriesData({ queryKey: i }, (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: [o, ...n.data]
+						}, ...r]
+					};
+				}
+				return e;
+			}), { snapshots: a };
+		},
+		onError: (e, t, n) => {
+			if (n?.snapshots) for (let [e, t] of n.snapshots) c.setQueryData(e, t);
+		},
+		onSuccess: () => {
+			let t = e.quick_add, n = i.entities[e.entity], r = {};
+			if (t?.fields) for (let e of t.fields) t?.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" ? r[e] = a() : r[e] = "" : r[e] = t.defaults[e];
+			s(r);
+		},
+		onSettled: () => {
+			let r = Array.isArray(n) ? O(n.map(String)) : n;
+			c.invalidateQueries({ queryKey: [
+				M,
+				t,
+				r,
+				e.entity
+			] });
+		}
+	}), p = e.quick_add, m = i.entities[e.entity], h = Ve(o, p?.fields.filter((e) => m?.fields.get(e)?.required) ?? []);
+	function g(t) {
+		t.preventDefault(), p && l(Be(o, p.defaults, e.foreign_key, n));
+	}
+	function _(e, t) {
+		d && f(), s((n) => ({
+			...n,
+			[e]: t
+		}));
+	}
+	return {
+		values: o,
+		quickAdd: p,
+		childEntity: m,
+		isPending: u,
+		error: d,
+		isReady: h,
+		handleSubmit: g,
+		handleFieldChange: _
+	};
+}
+//#endregion
+//#region src/components/detail-layout/QuickAddForm.tsx
+function Ue({ config: t, parentEntity: n, parentId: r, schema: i }) {
+	let { values: a, quickAdd: s, childEntity: l, isPending: u, error: d, isReady: f, handleSubmit: p, handleFieldChange: m } = He(t, n, r, i), h = E(), g = o(), _ = pe();
+	return !s || s.fields.length === 0 || !l ? null : /* @__PURE__ */ Y("form", {
+		onSubmit: p,
+		style: {
+			display: "flex",
+			flexDirection: g.isPhone ? "column" : "row",
+			alignItems: "flex-end",
+			gap: 8,
+			padding: "8px 0",
+			borderBottom: "1px solid var(--divider)"
+		},
+		children: [
+			s.fields.map((e) => {
+				let n = l.fields.get(e);
+				if (!n) return null;
+				let r = `${_}-quick-add-${t.entity}-${e}`, o = `${r}-label`;
+				return /* @__PURE__ */ Y("div", {
+					style: {
+						flex: 1,
+						minWidth: 0,
+						width: g.isPhone ? "100%" : void 0
+					},
+					children: [/* @__PURE__ */ J("label", {
+						id: o,
+						htmlFor: r,
+						style: {
+							fontSize: 11,
+							color: "var(--text-3)",
+							marginBottom: 4,
+							display: "block",
+							fontWeight: 500
+						},
+						children: D(n, e, i.entities)
+					}), C({
+						field: n,
+						fieldName: e,
+						value: a[e] ?? "",
+						mode: "edit",
+						onChange: (t) => m(e, t),
+						record: a,
+						fieldId: r,
+						labelId: o,
+						locale: h
+					})]
+				}, e);
+			}),
+			/* @__PURE__ */ J(c, {
+				type: "submit",
+				kind: "primary",
+				size: g.isPhone ? "md" : "sm",
+				icon: /* @__PURE__ */ J(e.plus, { size: 12 }),
+				disabled: u || !f,
+				style: g.isPhone ? { alignSelf: "flex-end" } : void 0,
+				children: "Add"
+			}),
+			d != null && /* @__PURE__ */ J("span", {
+				style: {
+					fontSize: 11,
+					color: "var(--danger)",
+					alignSelf: "flex-end",
+					marginBottom: 4
+				},
+				children: d.message
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/detail-layout/ChildrenTable.tsx
+function We({ config: t, parentEntity: n, parentId: r, schema: a }) {
+	let o = a.entities[t.entity], s = E(), c = I((e) => e.degradedEntities), { data: l, isLoading: u, isError: d, isFetching: f, refetch: m } = N(n, r, t.entity, t.foreign_key, t.sort, t.limit), h = l?.data ?? [], g = l?.$refs, _ = G(g);
+	_.current = g;
+	let v = t.columns, C = t.interaction === "navigate", w = v[0], T = C && o ? y(void 0, o, a.screens) : null, O = o ? Re(o) : void 0, k = W(() => {
+		let e = /* @__PURE__ */ new Map();
+		if (!o) return e;
+		for (let t of v) {
+			let n = o.fields.get(t);
+			n && e.set(t, x({
+				field: n,
+				fieldName: t,
+				surface: "list",
+				entity: o,
+				entities: a.entities,
+				screens: a.screens,
+				refs: () => _.current,
+				locale: s
+			}));
+		}
+		return e;
+	}, [
+		o,
+		v,
+		a.entities,
+		a.screens,
+		s
+	]);
+	if (!o) return /* @__PURE__ */ J("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "8px 0"
+		},
+		children: "Entity not found."
+	});
+	let A = /* @__PURE__ */ J(Ue, {
+		config: t,
+		parentEntity: n,
+		parentId: r,
+		schema: a
+	}), j = /* @__PURE__ */ Y("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			padding: "4px 0",
+			justifyContent: "flex-end"
+		},
+		children: [F(o.realtime, c, t.entity) && /* @__PURE__ */ J("span", {
+			"data-testid": "children-live-indicator",
+			title: "This table updates automatically in realtime.",
+			children: /* @__PURE__ */ J(i, {
+				tone: "emerald",
+				size: "xs",
+				dot: !0,
+				children: "Live"
+			})
+		}), /* @__PURE__ */ J(p, {
+			icon: f ? /* @__PURE__ */ J("span", {
+				"data-testid": "children-refresh-spinner",
+				style: { display: "inline-flex" },
+				children: /* @__PURE__ */ J(S, { size: 13 })
+			}) : /* @__PURE__ */ J(e.refresh, { size: 13 }),
+			title: "Refresh",
+			size: 24,
+			disabled: f,
+			onClick: () => {
+				m();
+			}
+		})]
+	});
+	return d ? /* @__PURE__ */ Y("div", { children: [
+		A,
+		j,
+		/* @__PURE__ */ J("div", {
+			style: {
+				fontSize: 12.5,
+				color: "var(--danger)",
+				padding: "8px 0"
+			},
+			children: "Failed to load. Try again."
+		})
+	] }) : u ? /* @__PURE__ */ Y("div", { children: [
+		A,
+		j,
+		/* @__PURE__ */ J("div", {
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 6,
+				padding: "8px 0"
+			},
+			children: [
+				0,
+				1,
+				2
+			].map((e) => /* @__PURE__ */ J("div", { style: {
+				height: 32,
+				background: "var(--surface-3)",
+				borderRadius: 4
+			} }, e))
+		})
+	] }) : h.length === 0 ? /* @__PURE__ */ Y("div", { children: [
+		A,
+		j,
+		/* @__PURE__ */ J("div", {
+			style: {
+				fontSize: 12.5,
+				color: "var(--text-3)",
+				padding: "12px 0"
+			},
+			children: "No records yet."
+		})
+	] }) : /* @__PURE__ */ Y("div", { children: [
+		A,
+		j,
+		/* @__PURE__ */ J("div", {
+			style: { overflowX: "auto" },
+			children: /* @__PURE__ */ Y("table", {
+				style: se,
+				children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ J("tr", { children: v.map((e) => {
+					let t = o.fields.get(e);
+					return /* @__PURE__ */ J("th", {
+						style: oe,
+						children: t ? D(t, e, a.entities) : e
+					}, e);
+				}) }) }), /* @__PURE__ */ J("tbody", { children: h.map((e, t) => {
+					let n = O ? b(e[O]) : "", r = C && T && n ? T.replace(/:\w+/, n) : void 0;
+					return /* @__PURE__ */ J("tr", { children: v.map((t) => {
+						let n = t === w, i = k.get(t), a = i ? i(e[t], e) : b(e[t]);
+						return /* @__PURE__ */ J("td", {
+							title: typeof a == "string" ? a : void 0,
+							style: ce,
+							children: n && r ? /* @__PURE__ */ J("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 Ge({ config: e, parentEntity: t, parentId: n, schema: r }) {
+	let i = r.entities[e.entity], a = E(), { data: o, isLoading: s, isError: c } = N(t, n, e.entity, e.foreign_key, e.sort, e.limit), l = o?.data ?? [], u = o?.$refs, d = e.columns;
+	if (!i) return /* @__PURE__ */ J("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "8px 0"
+		},
+		children: "Entity not found."
+	});
+	let f = /* @__PURE__ */ J(Ue, {
+		config: e,
+		parentEntity: t,
+		parentId: n,
+		schema: r
+	});
+	if (c) return /* @__PURE__ */ Y("div", { children: [f, /* @__PURE__ */ J("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--danger)",
+			padding: "8px 0"
+		},
+		children: "Failed to load. Try again."
+	})] });
+	if (s) return /* @__PURE__ */ Y("div", { children: [f, /* @__PURE__ */ Y("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 6,
+			padding: "8px 0"
+		},
+		children: [
+			/* @__PURE__ */ J("div", { style: {
+				height: 22,
+				background: "var(--surface-3)",
+				borderRadius: 4
+			} }),
+			/* @__PURE__ */ J("div", { style: {
+				height: 22,
+				background: "var(--surface-3)",
+				borderRadius: 4
+			} }),
+			/* @__PURE__ */ J("div", { style: {
+				height: 22,
+				background: "var(--surface-3)",
+				borderRadius: 4,
+				width: "75%"
+			} })
+		]
+	})] });
+	if (l.length === 0) return /* @__PURE__ */ Y("div", { children: [f, /* @__PURE__ */ J("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "12px 0"
+		},
+		children: "No records yet."
+	})] });
+	let p = d.length > 0 ? i.display.display_field ?? d[0] : i.display.display_field;
+	return /* @__PURE__ */ Y("div", { children: [f, /* @__PURE__ */ J("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column"
+		},
+		children: l.map((e, t) => /* @__PURE__ */ J("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 12,
+				padding: "8px 4px",
+				borderBottom: "1px solid var(--divider)"
+			},
+			children: /* @__PURE__ */ Y("div", {
+				style: {
+					flex: 1,
+					minWidth: 0
+				},
+				children: [/* @__PURE__ */ J("div", {
+					style: {
+						fontSize: 12.5,
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap"
+					},
+					children: (typeof e.$display == "string" ? e[m] : "") || (p && i.fields.get(p) ? C({
+						field: i.fields.get(p),
+						fieldName: p,
+						value: e[p],
+						mode: "display",
+						record: e,
+						refs: u,
+						locale: a
+					}) : p && e[p] != null ? b(e[p]) : null)
+				}), d.length > 1 && (() => {
+					let t = d.slice(1, 3).filter((t) => e[t] != null);
+					return t.length === 0 ? null : /* @__PURE__ */ J("div", {
+						style: {
+							fontSize: 11.5,
+							color: "var(--text-3)",
+							overflow: "hidden",
+							textOverflow: "ellipsis",
+							whiteSpace: "nowrap"
+						},
+						children: t.map((t, n) => /* @__PURE__ */ Y("span", { children: [n > 0 && " · ", i.fields.get(t) ? C({
+							field: i.fields.get(t),
+							fieldName: t,
+							value: e[t],
+							mode: "display",
+							record: e,
+							refs: u,
+							locale: a
+						}) : String(e[t])] }, t))
+					});
+				})()]
+			})
+		}, b(e.id ?? t)))
+	})] });
+}
+//#endregion
+//#region src/components/detail-layout/ChildrenCards.tsx
+function Ke({ config: e, parentEntity: t, parentId: n, schema: r }) {
+	let a = r.entities[e.entity], o = E(), { data: s, isLoading: c, isError: l } = N(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 (!a) return /* @__PURE__ */ J("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "8px 0"
+		},
+		children: "Entity not found."
+	});
+	let _ = {
+		display: "grid",
+		gridTemplateColumns: `repeat(auto-fill, minmax(${g >= 4 ? 180 : 240}px, 1fr))`,
+		gap: 12
+	}, v = /* @__PURE__ */ J(Ue, {
+		config: e,
+		parentEntity: t,
+		parentId: n,
+		schema: r
+	});
+	if (l) return /* @__PURE__ */ Y("div", { children: [v, /* @__PURE__ */ J("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--danger)",
+			padding: "8px 0"
+		},
+		children: "Failed to load. Try again."
+	})] });
+	if (c) return /* @__PURE__ */ Y("div", { children: [v, /* @__PURE__ */ J("div", {
+		style: _,
+		children: [
+			0,
+			1,
+			2
+		].map((e) => /* @__PURE__ */ J("div", { style: {
+			height: 96,
+			background: "var(--surface-3)",
+			borderRadius: 10
+		} }, e))
+	})] });
+	if (u.length === 0) return /* @__PURE__ */ Y("div", { children: [v, /* @__PURE__ */ J("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "12px 0"
+		},
+		children: "No records yet."
+	})] });
+	let y = f.filter((e) => e !== m && e !== h);
+	return /* @__PURE__ */ Y("div", { children: [v, /* @__PURE__ */ J("div", {
+		style: _,
+		children: u.map((t, n) => /* @__PURE__ */ Y("div", {
+			style: {
+				background: "var(--surface)",
+				border: "1px solid var(--border)",
+				borderRadius: 10,
+				overflow: "hidden"
+			},
+			children: [/* @__PURE__ */ Y("div", {
+				style: {
+					padding: "10px 14px",
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					gap: 8,
+					borderBottom: y.length > 0 ? "1px solid var(--divider)" : "none"
+				},
+				children: [/* @__PURE__ */ J("div", {
+					style: {
+						fontSize: 12.5,
+						fontWeight: 600,
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap"
+					},
+					children: m && a.fields.get(m) ? C({
+						field: a.fields.get(m),
+						fieldName: m,
+						value: t[m],
+						mode: "display",
+						record: t,
+						refs: d,
+						locale: o
+					}) : `Record ${n + 1}`
+				}), h && t[h] != null && /* @__PURE__ */ J(i, {
+					tone: "slate",
+					size: "xs",
+					children: a.fields.get(h) ? C({
+						field: a.fields.get(h),
+						fieldName: h,
+						value: t[h],
+						mode: "display",
+						record: t,
+						refs: d,
+						locale: o
+					}) : b(t[h])
+				})]
+			}), y.length > 0 && /* @__PURE__ */ J("div", {
+				style: {
+					padding: "10px 14px",
+					display: "flex",
+					flexDirection: "column",
+					gap: 4
+				},
+				children: y.slice(0, 4).map((n) => {
+					let i = a.fields.get(n);
+					return i ? /* @__PURE__ */ Y("div", {
+						style: {
+							display: "flex",
+							alignItems: "baseline",
+							gap: 8,
+							fontSize: 11.5
+						},
+						children: [/* @__PURE__ */ Y("span", {
+							style: {
+								color: "var(--text-3)",
+								flexShrink: 0
+							},
+							children: [r.entities[e.entity]?.fields.get(n)?.display?.name ? Object.values(r.entities[e.entity].fields.get(n).display.name)[0] : n, ":"]
+						}), /* @__PURE__ */ J("span", {
+							style: {
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								whiteSpace: "nowrap"
+							},
+							children: C({
+								field: i,
+								fieldName: n,
+								value: t[n],
+								mode: "display",
+								record: t,
+								refs: d,
+								locale: o
+							})
+						})]
+					}, n) : null;
+				})
+			})]
+		}, b(t.id ?? n)))
+	})] });
+}
+//#endregion
+//#region src/hooks/useTimelineData.ts
+var qe = 50;
+function Je(e, t, n, r, i, a) {
+	let o = Array.isArray(r) ? r : [r], s = Array.isArray(r) ? g(t, o.length) : [t], c = a ?? qe, l = he({
+		queryKey: [
+			M,
+			e,
+			t,
+			n,
+			"timeline",
+			i,
+			c
+		],
+		queryFn: ({ pageParam: e }) => {
+			let t = new URLSearchParams();
+			if (!s) throw Error("invalid composite parent id");
+			let r = o.map((e, t) => ({
+				field: e,
+				op: "eq",
+				value: s[t]
+			}));
+			return t.set("filters", JSON.stringify(r)), t.set("preview", "true"), i ? t.set("sort", `${i}:desc`) : typeof console < "u" && console.warn(`[useTimelineData] no time_field for ${n}; fetch order falls back to API default`), t.set("limit", String(c)), e && t.set("after", e), u(`/api/data/${n}?${t.toString()}`);
+		},
+		getNextPageParam: (e) => e.meta?.has_more ? e.meta.cursor : void 0,
+		initialPageParam: void 0,
+		enabled: !!e && !!t && !!n && !!r && s !== null
+	});
+	return {
+		rows: W(() => l.data?.pages.flatMap((e) => e.data) ?? [], [l.data?.pages]),
+		refs: l.data?.pages[0]?.$refs,
+		fetchNextPage: l.fetchNextPage,
+		hasOlder: !!l.hasNextPage,
+		isFetchingOlder: l.isFetchingNextPage,
+		isLoading: l.isLoading,
+		isError: l.isError
+	};
+}
+//#endregion
+//#region src/components/detail-layout/TimelineComposer.tsx
+var Ye = "quick_entry", Xe = 100, Ze = 240, Qe = 800, $e = 80;
+function et({ config: t, parentEntity: n, parentId: r, schema: i }) {
+	let { values: a, quickAdd: o, childEntity: s, isPending: l, error: u, isReady: d, handleSubmit: f, handleFieldChange: p } = He(t, n, r, i), m = E(), [h, g] = K(Ze), _ = G(null), y = G(null), [b, x] = K(Qe);
+	U(() => {
+		let e = y.current?.parentElement;
+		if (!e) return;
+		let t = () => {
+			let t = Math.max(Xe, e.clientHeight - $e);
+			x(Math.min(Qe, t));
+		};
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, []), U(() => {
+		g((e) => Math.min(e, b));
+	}, [b]);
+	let S = G(a);
+	S.current = a;
+	let w = G(p);
+	w.current = p;
+	let T = G({}), D = W(() => ({
+		getField: (e) => S.current[e],
+		setField: (e, t) => {
+			w.current(e, t);
+		},
+		focusField: (e) => {
+			let t = T.current[e];
+			t && (t.querySelector("textarea, input, select, [contenteditable]") ?? t).focus();
+		}
+	}), []);
+	U(() => v(Ye, D), [D]);
+	let O = H((e) => {
+		e.preventDefault(), _.current = {
+			startY: e.clientY,
+			startHeight: h
+		};
+		let t = (e) => {
+			if (!_.current) return;
+			let t = _.current.startY - e.clientY;
+			g(Math.min(b, Math.max(Xe, _.current.startHeight + t)));
+		}, n = () => {
+			_.current = null, document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
+		};
+		document.addEventListener("mousemove", t), document.addEventListener("mouseup", n);
+	}, [h, b]);
+	if (!o || o.fields.length === 0 || !s) return null;
+	let k = o.fields.find((e) => {
+		let t = s.fields.get(e);
+		return t && (t.type === "text" || t.type === "string");
+	}), A = [], j = [];
+	for (let e of o.fields) {
+		if (e === k) continue;
+		let t = s.fields.get(e);
+		t && (t.type === "enum" ? A.push(e) : j.push(e));
+	}
+	let M = (e) => {
+		let t = s.fields.get(e);
+		return t ? /* @__PURE__ */ J("div", {
+			ref: (t) => {
+				T.current[e] = t;
+			},
+			children: C({
+				field: t,
+				fieldName: e,
+				value: a[e] ?? "",
+				mode: "edit",
+				onChange: (t) => p(e, t),
+				record: a,
+				locale: m
+			})
+		}, e) : null;
+	};
+	return /* @__PURE__ */ Y("div", {
+		ref: y,
+		style: {
+			flexShrink: 0,
+			borderTop: "1px solid var(--divider)",
+			background: "var(--surface)",
+			display: "flex",
+			flexDirection: "column",
+			height: `${h}px`
+		},
+		children: [/* @__PURE__ */ J("div", {
+			onMouseDown: O,
+			title: "Drag to resize",
+			style: {
+				height: 12,
+				cursor: "row-resize",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				flexShrink: 0
+			},
+			children: /* @__PURE__ */ J("div", { style: {
+				width: 56,
+				height: 3,
+				borderRadius: 999,
+				background: "var(--border)"
+			} })
+		}), /* @__PURE__ */ Y("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: [
+				A.length > 0 && /* @__PURE__ */ J("div", {
+					style: {
+						display: "flex",
+						flexWrap: "wrap",
+						alignItems: "center",
+						gap: 6,
+						flexShrink: 0
+					},
+					children: A.map(M)
+				}),
+				k && s.fields.get(k) && /* @__PURE__ */ J("div", {
+					style: {
+						flex: 1,
+						minHeight: 0,
+						display: "flex"
+					},
+					ref: (e) => {
+						T.current[k] = e;
+					},
+					children: C({
+						field: s.fields.get(k),
+						fieldName: k,
+						value: a[k] ?? "",
+						mode: "edit",
+						onChange: (e) => p(k, e),
+						record: a,
+						fill: !0,
+						locale: m
+					})
+				}),
+				/* @__PURE__ */ Y("div", {
+					style: {
+						display: "flex",
+						flexWrap: "wrap",
+						alignItems: "center",
+						gap: 6,
+						flexShrink: 0
+					},
+					children: [j.map(M), /* @__PURE__ */ Y("div", {
+						style: {
+							marginLeft: "auto",
+							display: "flex",
+							alignItems: "center",
+							gap: 8
+						},
+						children: [/* @__PURE__ */ Y("span", {
+							style: {
+								fontSize: 10.5,
+								color: "var(--text-4)"
+							},
+							children: [
+								/* @__PURE__ */ J("span", {
+									className: "mono",
+									children: "⌘"
+								}),
+								/* @__PURE__ */ J("span", {
+									className: "mono",
+									children: "↵"
+								}),
+								" to add"
+							]
+						}), /* @__PURE__ */ J(c, {
+							type: "submit",
+							kind: "primary",
+							icon: /* @__PURE__ */ J(e.plus, { size: 13 }),
+							disabled: l || !d,
+							children: "Add"
+						})]
+					})]
+				}),
+				u != null && /* @__PURE__ */ J("p", {
+					style: {
+						fontSize: 11,
+						color: "var(--danger)",
+						margin: 0,
+						flexShrink: 0
+					},
+					children: u.message
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/detail-layout/ChildrenTimeline.tsx
+var tt = 80, nt = 200;
+function rt(e, t) {
+	if (it(t)) {
+		let e = t.id;
+		return e == null ? "" : b(e);
+	}
+	return s(w(e, t));
+}
+function it(e) {
+	return e.__optimistic === !0;
+}
+function at({ config: e, parentEntity: t, parentId: n, schema: r }) {
+	let i = r.entities[e.entity], { rows: a, refs: o, fetchNextPage: s, hasOlder: l, isFetchingOlder: u, isLoading: d, isError: f } = Je(t, n, e.entity, e.foreign_key, e.timeline?.time_field, e.limit), p = e.timeline, m = p?.scroll ?? !1, h = (e.sort ?? "").endsWith(":asc"), g = W(() => h ? [...a].reverse() : a, [a, h]), _ = p?.auto_scroll ?? "none", v = G(null), y = G(null), b = G(!1), x = G(0), C = G(null), w = G(null), E = G(!0), D = G(null);
+	U(() => {
+		b.current = !1, x.current = 0, C.current = null, w.current = null, E.current = !0, D.current = null;
+	}, [n]), me(() => {
+		!u || !v.current || (D.current = {
+			scrollHeight: v.current.scrollHeight,
+			scrollTop: v.current.scrollTop
+		});
+	}, [u]), me(() => {
+		let e = v.current;
+		if (!e || g.length === 0 || !i) {
+			x.current = g.length;
+			return;
+		}
+		let t = rt(i, g[0]), n = rt(i, g[g.length - 1]), r = !b.current, a = g.length > x.current && x.current > 0, o = a && (h && t !== C.current && n === w.current || !h && n !== w.current && t === C.current), s = a && !o;
+		if (r) h && _ === "bottom" && (e.scrollTop = e.scrollHeight), b.current = !0;
+		else if (o && D.current) {
+			let t = D.current;
+			h && (e.scrollTop = t.scrollTop + (e.scrollHeight - t.scrollHeight)), D.current = null;
+		} else s && h && E.current && (e.scrollTop = e.scrollHeight);
+		x.current = g.length, C.current = t, w.current = n;
+	}, [
+		g,
+		_,
+		h,
+		i
+	]);
+	let O = H(() => {
+		let e = v.current;
+		e && (E.current = e.scrollHeight - e.scrollTop - e.clientHeight < tt);
+	}, []);
+	U(() => {
+		let e = y.current;
+		if (!e || typeof IntersectionObserver > "u") return;
+		let t = new IntersectionObserver((e) => {
+			for (let t of e) t.isIntersecting && l && !u && s();
+		}, {
+			root: v.current ?? null,
+			rootMargin: `${nt}px 0px 0px 0px`,
+			threshold: 0
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [
+		l,
+		u,
+		s
+	]);
+	let [k, A] = K(null);
+	if (!i) return /* @__PURE__ */ J("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "8px 0"
+		},
+		children: "Entity not found."
+	});
+	let j = e.quick_add?.fields ?? [p?.content_field].filter(Boolean), M = T(i.display?.name_plural) || T(i.display?.name) || e.entity, N = l ? /* @__PURE__ */ J("div", {
+		style: {
+			display: "flex",
+			justifyContent: "center",
+			padding: "6px 0"
+		},
+		children: /* @__PURE__ */ J(c, {
+			size: "xs",
+			onClick: () => s(),
+			disabled: u,
+			icon: u ? /* @__PURE__ */ J(S, { size: 11 }) : void 0,
+			children: u ? "Loading…" : "Load older"
+		})
+	}) : null, ee = /* @__PURE__ */ J("div", {
+		ref: y,
+		"aria-hidden": "true",
+		style: { height: 1 }
+	}), P;
+	if (f) P = /* @__PURE__ */ J("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--danger)",
+			padding: 12
+		},
+		children: "Failed to load."
+	});
+	else if (d) P = /* @__PURE__ */ Y("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 8,
+			padding: 12
+		},
+		children: [/* @__PURE__ */ J("div", { style: {
+			height: 64,
+			background: "var(--surface-3)",
+			borderRadius: 8
+		} }), /* @__PURE__ */ J("div", { style: {
+			height: 64,
+			background: "var(--surface-3)",
+			borderRadius: 8
+		} })]
+	});
+	else if (g.length === 0) P = /* @__PURE__ */ Y(q, { children: [ee, /* @__PURE__ */ J("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: 12
+		},
+		children: "No activity yet."
+	})] });
+	else {
+		let a = (a, s) => {
+			let c = rt(i, a) || String(s);
+			return /* @__PURE__ */ J(ot, {
+				row: a,
+				rowId: c,
+				childEntity: i,
+				entityCode: e.entity,
+				parentEntity: t,
+				parentId: n,
+				timeline: p,
+				editableFields: j,
+				refs: o,
+				isEditing: k === c,
+				onStartEdit: () => A(c),
+				onCancelEdit: () => A(null),
+				onSaved: () => A(null),
+				schema: r,
+				optimistic: it(a)
+			}, c);
+		}, s = p?.time_field, c;
+		if (s) {
+			let e = [];
+			g.forEach((t, n) => {
+				let r = t[s], i = st(r), a = e[e.length - 1];
+				!a || a.key !== i ? e.push({
+					key: i,
+					label: ct(r),
+					rows: [{
+						row: t,
+						idx: n
+					}]
+				}) : a.rows.push({
+					row: t,
+					idx: n
+				});
+			}), c = e.map((e) => /* @__PURE__ */ Y("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 8
+				},
+				children: [/* @__PURE__ */ J(lt, {
+					label: e.label,
+					count: e.rows.length
+				}), e.rows.map(({ row: e, idx: t }) => a(e, t))]
+			}, `day-${e.key}`));
+		} else c = g.map((e, t) => a(e, t));
+		P = /* @__PURE__ */ Y(q, { children: [
+			ee,
+			N,
+			c
+		] });
+	}
+	return m ? /* @__PURE__ */ Y("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			height: "100%",
+			borderLeft: "1px solid var(--border)",
+			background: "var(--surface-2)",
+			color: "var(--text)"
+		},
+		children: [
+			/* @__PURE__ */ J("div", {
+				style: {
+					padding: "10px 16px",
+					borderBottom: "1px solid var(--divider)",
+					background: "var(--surface)"
+				},
+				children: /* @__PURE__ */ J("h3", {
+					style: {
+						margin: 0,
+						fontSize: 12.5,
+						fontWeight: 600
+					},
+					children: M
+				})
+			}),
+			/* @__PURE__ */ J("div", {
+				ref: v,
+				onScroll: O,
+				style: {
+					flex: 1,
+					overflowY: "auto",
+					padding: 12,
+					display: "flex",
+					flexDirection: "column",
+					gap: 8
+				},
+				children: P
+			}),
+			/* @__PURE__ */ J(et, {
+				config: e,
+				parentEntity: t,
+				parentId: n,
+				schema: r
+			})
+		]
+	}) : /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 8
+		},
+		children: P
+	}), /* @__PURE__ */ J(et, {
+		config: e,
+		parentEntity: t,
+		parentId: n,
+		schema: r
+	})] });
+}
+function ot({ row: t, rowId: r, childEntity: a, entityCode: o, parentEntity: s, parentId: l, timeline: u, editableFields: m, refs: h, isEditing: g, onStartEdit: _, onCancelEdit: v, onSaved: y, schema: b, optimistic: x = !1 }) {
+	let w = _e(), T = E(), [O, k] = K({}), A = H(() => {
+		w.invalidateQueries({ queryKey: [
+			M,
+			s,
+			l,
+			o
+		] });
+	}, [
+		w,
+		s,
+		l,
+		o
+	]), j = ge({
+		mutationFn: (e) => {
+			let n = t.$row_version;
+			return d(o, r, typeof n == "string" && n !== "" ? {
+				...e,
+				$row_version: n
+			} : e);
+		},
+		onSuccess: () => {
+			A(), n.success("Updated"), y();
+		},
+		onError: (e) => n.error(e.message)
+	}), N = ge({
+		mutationFn: () => f(o, r),
+		onSuccess: () => {
+			A(), n.success("Deleted");
+		},
+		onError: (e) => n.error(e.message)
+	}), ee = H(() => {
+		let e = {};
+		for (let n of m) e[n] = t[n] ?? "";
+		k(e), _();
+	}, [
+		t,
+		m,
+		_
+	]), P = H((e, t) => {
+		k((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, []), F = u?.time_field, I = u?.type_field, L = u?.summary_field, R = u?.content_field, z = u?.author_field, B = u?.direction_field, V = u?.intent_field;
+	return g ? /* @__PURE__ */ Y("div", {
+		style: {
+			borderRadius: 10,
+			border: "1px solid var(--accent)",
+			background: "var(--surface)",
+			padding: 12,
+			display: "flex",
+			flexDirection: "column",
+			gap: 8
+		},
+		children: [m.map((e) => {
+			let t = a.fields.get(e);
+			return t ? /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
+				style: {
+					fontSize: 11,
+					color: "var(--text-3)",
+					marginBottom: 4,
+					display: "block"
+				},
+				children: D(t, e, b.entities)
+			}), C({
+				field: t,
+				fieldName: e,
+				value: O[e] ?? "",
+				mode: "edit",
+				onChange: (t) => P(e, t),
+				record: O,
+				locale: T
+			})] }, e) : null;
+		}), /* @__PURE__ */ Y("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 6,
+				paddingTop: 4
+			},
+			children: [/* @__PURE__ */ J(c, {
+				kind: "primary",
+				size: "xs",
+				icon: j.isPending ? /* @__PURE__ */ J(S, { size: 12 }) : /* @__PURE__ */ J(e.check, { size: 12 }),
+				onClick: () => j.mutate(O),
+				disabled: j.isPending,
+				children: j.isPending ? "Saving…" : "Save"
+			}), /* @__PURE__ */ J(c, {
+				size: "xs",
+				icon: /* @__PURE__ */ J(e.x, { size: 12 }),
+				onClick: () => {
+					k({}), v();
+				},
+				disabled: j.isPending,
+				children: "Cancel"
+			})]
+		})]
+	}) : /* @__PURE__ */ Y("div", {
+		className: "group",
+		"data-optimistic": x || void 0,
+		style: {
+			borderRadius: 10,
+			border: "1px solid var(--border)",
+			background: "var(--surface)",
+			padding: 12,
+			transition: "border-color .12s",
+			opacity: x ? .6 : 1
+		},
+		onMouseEnter: (e) => e.currentTarget.style.borderColor = "var(--border-strong)",
+		onMouseLeave: (e) => e.currentTarget.style.borderColor = "var(--border)",
+		children: [
+			/* @__PURE__ */ Y("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 6,
+					flexWrap: "wrap",
+					fontSize: 11.5,
+					color: "var(--text-3)"
+				},
+				children: [
+					F && t[F] != null && a.fields.get(F) && /* @__PURE__ */ J("span", {
+						style: { fontWeight: 500 },
+						children: C({
+							field: a.fields.get(F),
+							fieldName: F,
+							value: t[F],
+							mode: "display",
+							record: t,
+							refs: h,
+							locale: T
+						})
+					}),
+					I && t[I] != null && a.fields.get(I) && /* @__PURE__ */ J(i, {
+						tone: "slate",
+						size: "xs",
+						children: C({
+							field: a.fields.get(I),
+							fieldName: I,
+							value: t[I],
+							mode: "display",
+							record: t,
+							refs: h,
+							locale: T
+						})
+					}),
+					B && t[B] != null && a.fields.get(B) && /* @__PURE__ */ J(ut, {
+						value: t[B],
+						field: a.fields.get(B)
+					}),
+					V && t[V] != null && a.fields.get(V) && /* @__PURE__ */ J(i, {
+						tone: "slate",
+						size: "xs",
+						children: C({
+							field: a.fields.get(V),
+							fieldName: V,
+							value: t[V],
+							mode: "display",
+							record: t,
+							refs: h,
+							locale: T
+						})
+					}),
+					z && t[z] != null && a.fields.get(z) && /* @__PURE__ */ Y("span", { children: [
+						"by",
+						" ",
+						C({
+							field: a.fields.get(z),
+							fieldName: z,
+							value: t[z],
+							mode: "display",
+							record: t,
+							refs: h,
+							locale: T
+						})
+					] }),
+					!x && /* @__PURE__ */ Y("div", {
+						style: {
+							marginLeft: "auto",
+							display: "flex",
+							alignItems: "center",
+							gap: 2
+						},
+						children: [/* @__PURE__ */ J(p, {
+							size: 22,
+							icon: /* @__PURE__ */ J(e.edit, { size: 11 }),
+							onClick: ee,
+							title: "Edit"
+						}), /* @__PURE__ */ J(p, {
+							size: 22,
+							icon: /* @__PURE__ */ J(e.trash, { size: 11 }),
+							onClick: () => N.mutate(),
+							title: "Delete"
+						})]
+					})
+				]
+			}),
+			L && t[L] != null && a.fields.get(L) && /* @__PURE__ */ J("div", {
+				style: {
+					fontSize: 12.5,
+					fontWeight: 500,
+					marginTop: 6
+				},
+				children: C({
+					field: a.fields.get(L),
+					fieldName: L,
+					value: t[L],
+					mode: "display",
+					record: t,
+					refs: h,
+					locale: T
+				})
+			}),
+			R && t[R] != null && R !== L && a.fields.get(R) && /* @__PURE__ */ J("div", {
+				style: {
+					fontSize: 12.5,
+					fontWeight: 400,
+					marginTop: 6
+				},
+				children: C({
+					field: a.fields.get(R),
+					fieldName: R,
+					value: t[R],
+					mode: "display",
+					record: t,
+					refs: h,
+					locale: T
+				})
+			})
+		]
+	});
+}
+function st(e) {
+	if (e == null) return "";
+	let t = new Date(b(e));
+	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`;
+}
+function ct(e) {
+	if (e == null) return "—";
+	let t = new Date(b(e));
+	if (Number.isNaN(t.getTime())) return "—";
+	let n = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
+	r.setDate(n.getDate() - 1);
+	let i = (e, t) => e.toDateString() === t.toDateString();
+	return i(t, n) ? "Today" : i(t, r) ? "Yesterday" : t.toLocaleDateString(void 0, {
+		weekday: "short",
+		month: "short",
+		day: "numeric"
+	});
+}
+function lt({ label: e, count: t }) {
+	return /* @__PURE__ */ Y("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__ */ J("span", {
+				style: {
+					fontSize: 11,
+					fontWeight: 600,
+					color: "var(--text-3)"
+				},
+				children: e
+			}),
+			/* @__PURE__ */ J("span", { style: {
+				flex: 1,
+				height: 1,
+				background: "var(--divider)"
+			} }),
+			/* @__PURE__ */ J("span", {
+				className: "num",
+				style: {
+					fontSize: 10.5,
+					color: "var(--text-4)"
+				},
+				children: t
+			})
+		]
+	});
+}
+function ut({ value: t, field: n }) {
+	let r = dt(t, n);
+	return r === null ? null : /* @__PURE__ */ Y("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: [J(r ? e.arrowUp : e.arrowDown, { size: 10 }), r ? "Out" : "In"]
+	});
+}
+function dt(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 ft({ config: t, childEntity: n, schema: r, rows: i, onChange: a, validationErrors: s, refs: l, forceTablePresentation: u = !1 }) {
+	let d = E(), f = o(), m = G(null), h = t.columns, g = t.position_field, _ = new Set(Array.isArray(t.foreign_key) ? t.foreign_key : [t.foreign_key]), v = h.filter((e) => {
+		if (_.has(e) || t.position_field && e === t.position_field) return !1;
+		let r = n.fields.get(e);
+		return !(!r || r.auto || r.primary || r.source);
+	}), y = new Set(h.filter((e) => {
+		if (t.position_field && e === t.position_field) return !0;
+		let r = n.fields.get(e);
+		return r && (r.auto || r.primary || r.source);
+	})), x = H((e, t, n) => {
+		a(i.map((r) => r._key === e ? {
+			...r,
+			[t]: n,
+			_dirty: !0
+		} : r));
+	}, [i, a]), S = H(() => {
+		let e = {
+			_key: crypto.randomUUID(),
+			_dirty: !0
+		};
+		g && (e[g] = i.filter((e) => !e._deleted).reduce((e, t) => {
+			let n = typeof t[g] == "number" ? t[g] : -1;
+			return Math.max(e, n);
+		}, -1) + 1);
+		let r = t.quick_add?.defaults ?? {};
+		for (let t of v) {
+			let i = n.fields.get(t);
+			i && (r[t] === void 0 ? i.default === void 0 ? i.type === "bool" && (e[t] = !1) : e[t] = i.default : e[t] = r[t]);
+		}
+		a([...i, e]);
+	}, [
+		i,
+		a,
+		v,
+		n,
+		t.quick_add?.defaults,
+		g
+	]), w = H((e) => {
+		a(i.map((t) => t._key === e ? {
+			...t,
+			_deleted: !0
+		} : t));
+	}, [i, a]), T = H((e) => {
+		a(i.map((t) => t._key === e ? {
+			...t,
+			_deleted: !1
+		} : t));
+	}, [i, a]), O = H((e, t) => {
+		if (!g) return;
+		let n = i.filter((e) => !e._deleted), r = i.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), a([...c.map((e, t) => ({
+			...e,
+			[g]: t,
+			_dirty: e[g] === t ? e._dirty : !0
+		})), ...r]);
+	}, [
+		i,
+		a,
+		g
+	]), k = H((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 S(), 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?.();
+	}, [S]), A = oe;
+	return f.isPhone && !u ? /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 10
+		},
+		children: i.map((t, a) => {
+			let o = !!t._deleted, c = s?.[t._key], u = g ? i.filter((e) => !e._deleted) : [], f = g ? u.findIndex((e) => e._key === t._key) : -1;
+			return /* @__PURE__ */ Y("div", {
+				style: {
+					border: "1px solid var(--border)",
+					borderRadius: 8,
+					background: "var(--surface)",
+					opacity: o ? .58 : 1,
+					overflow: "hidden"
+				},
+				children: [/* @__PURE__ */ Y("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: ["Row ", a + 1]
+					}), /* @__PURE__ */ Y("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: 4
+						},
+						children: [g && !o && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(p, {
+							size: 32,
+							icon: /* @__PURE__ */ J(e.up, { size: 14 }),
+							onClick: () => O(t._key, -1),
+							disabled: f <= 0,
+							title: "Move row up"
+						}), /* @__PURE__ */ J(p, {
+							size: 32,
+							icon: /* @__PURE__ */ J(e.down, { size: 14 }),
+							onClick: () => O(t._key, 1),
+							disabled: f === -1 || f >= u.length - 1,
+							title: "Move row down"
+						})] }), o ? /* @__PURE__ */ J(p, {
+							size: 32,
+							icon: /* @__PURE__ */ J(e.refresh, { size: 14 }),
+							onClick: () => T(t._key),
+							title: "Undo delete"
+						}) : /* @__PURE__ */ J(p, {
+							size: 32,
+							icon: /* @__PURE__ */ J(e.trash, { size: 14 }),
+							onClick: () => w(t._key),
+							title: "Delete row"
+						})]
+					})]
+				}), /* @__PURE__ */ J("div", {
+					style: {
+						padding: 10,
+						display: "flex",
+						flexDirection: "column",
+						gap: 12
+					},
+					children: h.map((e) => {
+						let i = n.fields.get(e), a = c?.includes(e), s = y.has(e), u = i ? D(i, e, r.entities) : e, f = `child-${t._key}-${e}`, p = `${f}-label`, m = {
+							outline: a ? "1px solid var(--danger)" : "none",
+							outlineOffset: 3,
+							borderRadius: a ? 5 : 0
+						}, h = {
+							fontSize: 11.5,
+							fontWeight: 600,
+							color: "var(--text-3)"
+						}, g = !o && !s && !!i;
+						return /* @__PURE__ */ Y("div", {
+							style: {
+								display: "flex",
+								flexDirection: "column",
+								gap: 5,
+								minWidth: 0,
+								textDecoration: o ? "line-through" : "none"
+							},
+							title: a ? `${e} is required` : void 0,
+							children: [g ? /* @__PURE__ */ J("label", {
+								id: p,
+								htmlFor: f,
+								style: h,
+								children: u
+							}) : /* @__PURE__ */ J("div", {
+								id: p,
+								style: h,
+								children: u
+							}), /* @__PURE__ */ J("div", {
+								style: m,
+								children: o || s ? i ? C({
+									field: i,
+									fieldName: e,
+									value: t[e],
+									mode: "display",
+									record: t,
+									refs: l,
+									fieldId: f,
+									labelId: p,
+									locale: d
+								}) : b(t[e]) : i ? C({
+									field: i,
+									fieldName: e,
+									value: t[e],
+									mode: "edit",
+									onChange: (n) => x(t._key, e, n),
+									record: t,
+									refs: l,
+									compact: !0,
+									fieldId: f,
+									labelId: p,
+									locale: d
+								}) : b(t[e])
+							})]
+						}, e);
+					})
+				})]
+			}, t._key);
+		})
+	}), /* @__PURE__ */ J("div", {
+		style: { marginTop: 10 },
+		children: /* @__PURE__ */ J(c, {
+			kind: "ghost",
+			size: "sm",
+			icon: /* @__PURE__ */ J(e.plus, { size: 14 }),
+			onClick: S,
+			children: "Add row"
+		})
+	})] }) : /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("div", {
+		style: { overflowX: "auto" },
+		children: /* @__PURE__ */ Y("table", {
+			ref: m,
+			style: se,
+			onKeyDown: k,
+			children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ Y("tr", { children: [h.map((e) => {
+				let t = n.fields.get(e);
+				return /* @__PURE__ */ J("th", {
+					style: A,
+					children: t ? D(t, e, r.entities) : e
+				}, e);
+			}), /* @__PURE__ */ J("th", { style: {
+				...A,
+				width: 40
+			} })] }) }), /* @__PURE__ */ J("tbody", { children: i.map((t) => {
+				let r = !!t._deleted, i = s?.[t._key];
+				return /* @__PURE__ */ Y("tr", {
+					style: { opacity: r ? .5 : 1 },
+					children: [h.map((e) => {
+						let a = n.fields.get(e), o = i?.includes(e), s = y.has(e);
+						return r || s ? /* @__PURE__ */ J("td", {
+							style: {
+								padding: "6px 12px",
+								borderBottom: "1px solid var(--divider)",
+								verticalAlign: "middle",
+								textDecoration: r ? "line-through" : "none",
+								color: "var(--text-2)"
+							},
+							children: a ? C({
+								field: a,
+								fieldName: e,
+								value: t[e],
+								mode: "display",
+								record: t,
+								refs: l,
+								locale: d
+							}) : b(t[e])
+						}, e) : /* @__PURE__ */ J("td", {
+							style: {
+								padding: "4px 4px",
+								borderBottom: "1px solid var(--divider)",
+								verticalAlign: "middle",
+								outline: o ? "1px solid var(--danger)" : "none",
+								outlineOffset: -1,
+								borderRadius: o ? 4 : 0
+							},
+							title: o ? `${e} is required` : void 0,
+							children: a ? C({
+								field: a,
+								fieldName: e,
+								value: t[e],
+								mode: "edit",
+								onChange: (n) => x(t._key, e, n),
+								record: t,
+								refs: l,
+								compact: !0,
+								locale: d
+							}) : b(t[e])
+						}, e);
+					}), /* @__PURE__ */ J("td", {
+						style: {
+							padding: "4px 8px",
+							borderBottom: "1px solid var(--divider)",
+							verticalAlign: "middle"
+						},
+						children: r ? /* @__PURE__ */ J(p, {
+							size: 24,
+							icon: /* @__PURE__ */ J(e.refresh, { size: 12 }),
+							onClick: () => T(t._key),
+							title: "Undo delete"
+						}) : /* @__PURE__ */ J(p, {
+							size: 24,
+							icon: /* @__PURE__ */ J(e.trash, { size: 12 }),
+							onClick: () => w(t._key),
+							title: "Delete row"
+						})
+					})]
+				}, t._key);
+			}) })]
+		})
+	}), /* @__PURE__ */ J("div", {
+		style: { marginTop: 8 },
+		children: /* @__PURE__ */ J(c, {
+			kind: "ghost",
+			size: "xs",
+			icon: /* @__PURE__ */ J(e.plus, { size: 12 }),
+			onClick: S,
+			children: "Add row"
+		})
+	})] });
+}
+//#endregion
+//#region src/components/detail-layout/ChildrenBlock.tsx
+var pt = de(() => import("./DraggableChildrenTable-DILqStHQ.js").then((e) => ({ default: e.DraggableChildrenTable })));
+function mt({ node: e, ctx: n }) {
+	let r = o(), i = e.children;
+	if (!i) return null;
+	let a = r.isPhone && n.relatedRecordsPresentation === "table";
+	if (n.isNew && n.mode !== "edit") return null;
+	let s = ze(n.entity, i);
+	if (!s) return /* @__PURE__ */ Y("div", {
+		className: "text-sm text-muted-foreground py-2",
+		children: ["Unknown child relation: ", i]
+	});
+	let c = n.schema.entities[s.entity];
+	if (!c) return /* @__PURE__ */ Y("div", {
+		className: "text-sm text-muted-foreground py-2",
+		children: ["Entity not found: ", s.entity]
+	});
+	let l = De(s, c, e), u = X(e, n), d = Z(e, n), f = (e) => l.mode === "timeline" || n.withinCard ? e : /* @__PURE__ */ J(R, {
+		title: u,
+		icon: d ? /* @__PURE__ */ J(t, {
+			name: d,
+			size: 14
+		}) : void 0,
+		children: e
+	});
+	if (n.mode === "edit" && l.editable && l.interaction !== "navigate" && l.interaction !== "readonly" && k(c, "update") && l.mode === "table" && n.pendingChildren !== void 0 && n.onChildrenChange) {
+		let e = n.pendingChildren[i] ?? [], t = n.childValidationErrors?.[i], o = l.position_field ? r.isPhone && !a ? ft : pt : ft;
+		return f(/* @__PURE__ */ J(le, {
+			fallback: /* @__PURE__ */ J(P, {}),
+			children: /* @__PURE__ */ J(o, {
+				config: l,
+				childEntity: c,
+				schema: n.schema,
+				rows: e,
+				onChange: (e) => n.onChildrenChange(i, e),
+				validationErrors: t,
+				refs: n.refs,
+				forceTablePresentation: a
+			})
+		}));
+	}
+	if (n.isNew) return null;
+	let p = {
+		config: l,
+		parentEntity: n.entityCode,
+		parentId: n.recordId,
+		schema: n.schema
+	};
+	switch (l.mode) {
+		case "list": return f(/* @__PURE__ */ J(Ge, { ...p }));
+		case "cards": return f(/* @__PURE__ */ J(Ke, { ...p }));
+		case "timeline": return f(/* @__PURE__ */ J(at, { ...p }));
+		default: return r.isPhone && !a ? f(/* @__PURE__ */ J(Ke, { ...p })) : f(/* @__PURE__ */ J(We, { ...p }));
+	}
+}
+//#endregion
+//#region src/components/detail-layout/FieldRow.tsx
+var ht = 150, gt = 560, _t = "20px", vt = 4, yt = /* @__PURE__ */ new Set([
+	"text",
+	"rich_text",
+	"json",
+	"structure",
+	"multilang_text"
+]), bt = ue({ columns: 2 });
+function xt({ columns: e = 2, children: t }) {
+	let n = G(null), [r, i] = K(!1);
+	U(() => {
+		let t = n.current;
+		if (!t || e === 1 || typeof ResizeObserver > "u") return;
+		let r = new ResizeObserver(([e]) => {
+			i(e.contentRect.width < gt);
+		});
+		return r.observe(t), () => r.disconnect();
+	}, [e]);
+	let a = e === 1 || r ? 1 : e;
+	return /* @__PURE__ */ J(bt.Provider, {
+		value: { columns: a },
+		children: /* @__PURE__ */ J("div", {
+			ref: n,
+			style: {
+				display: "grid",
+				gridTemplateColumns: `repeat(${a}, minmax(0, 1fr))`,
+				columnGap: 24,
+				rowGap: 2
+			},
+			children: t
+		})
+	});
+}
+function St({ label: t, children: n, span: r = !1, required: i, error: a, hint: o, actions: s, copyValue: c, mode: u = "display", htmlFor: d, labelId: f, labelTitle: p, "data-testid": m }) {
+	let h = fe(bt), g = r || h.columns === 1, _ = !!a;
+	return /* @__PURE__ */ Y("div", {
+		className: "detail-row",
+		"data-error": _ || void 0,
+		"data-testid": m,
+		style: {
+			display: "flex",
+			flexDirection: g ? "column" : "row",
+			gap: g ? 4 : 16,
+			alignItems: g ? "stretch" : "flex-start",
+			padding: "6px 0",
+			...r ? { gridColumn: "1 / -1" } : null
+		},
+		children: [/* @__PURE__ */ Y("div", {
+			style: {
+				width: g ? "auto" : ht,
+				flexShrink: 0,
+				paddingTop: g ? 0 : vt,
+				fontSize: 12,
+				lineHeight: _t,
+				fontWeight: 500,
+				color: "var(--text-3)",
+				display: "flex",
+				alignItems: "flex-start",
+				gap: 2
+			},
+			children: [d ? /* @__PURE__ */ J("label", {
+				id: f,
+				htmlFor: d,
+				title: p || void 0,
+				children: t
+			}) : /* @__PURE__ */ J("span", {
+				id: f,
+				title: p || void 0,
+				children: t
+			}), i && u === "edit" && /* @__PURE__ */ J("span", {
+				"aria-hidden": "true",
+				style: {
+					color: "var(--danger)",
+					marginLeft: 2
+				},
+				children: "*"
+			})]
+		}), /* @__PURE__ */ Y("div", {
+			style: {
+				flex: 1,
+				minWidth: 0,
+				display: "flex",
+				flexDirection: "column",
+				gap: 3
+			},
+			children: [/* @__PURE__ */ Y("div", {
+				style: {
+					display: "flex",
+					alignItems: "flex-start",
+					gap: 6,
+					minHeight: 24
+				},
+				children: [/* @__PURE__ */ J("div", {
+					style: {
+						flex: 1,
+						minWidth: 0,
+						fontSize: 13,
+						lineHeight: _t,
+						color: "var(--text)",
+						overflowWrap: "anywhere",
+						paddingTop: u === "display" && !g ? vt : 0
+					},
+					children: _ && u === "edit" ? /* @__PURE__ */ J("div", {
+						style: {
+							borderRadius: 6,
+							boxShadow: "0 0 0 1.5px var(--danger)"
+						},
+						children: n
+					}) : n
+				}), (c || s) && /* @__PURE__ */ Y("div", {
+					className: "detail-row-action",
+					style: {
+						display: "flex",
+						gap: 2,
+						flexShrink: 0,
+						marginTop: -2
+					},
+					children: [c && /* @__PURE__ */ J(l, {
+						value: c,
+						size: "sm",
+						title: "Copy value"
+					}), s]
+				})]
+			}), (_ || o != null) && /* @__PURE__ */ Y("div", {
+				style: {
+					fontSize: 11.5,
+					lineHeight: 1.4,
+					color: _ ? "var(--danger)" : "var(--text-3)",
+					display: "flex",
+					alignItems: "center",
+					gap: 4
+				},
+				children: [_ && /* @__PURE__ */ J(e.warning, { size: 11 }), /* @__PURE__ */ J("span", { children: _ ? a : o })]
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/detail-layout/FieldsBlock.tsx
+function Ct({ fields: e, ctx: t }) {
+	let { entity: n, entityCode: r, record: i, mode: a, onFieldChange: o, schema: s } = t, c = E(), l = t.columns ?? 2, u = l === 1 && e.length === 1;
+	return /* @__PURE__ */ J(xt, {
+		columns: l,
+		children: e.map((e) => {
+			let l = e.name, d = `${r ?? "field"}-${l}`, f = `${d}-label`, p = n.fields.get(l), m = !!(p?.auto || p?.readonly || p?.source), h = z(n, l), g = h?.read === "denied", _ = h?.write === "denied", v = a === "display" ? g : _ || g, y = m || a === "edit" && _ ? "display" : a, x = v ? /* @__PURE__ */ J(B, {
+				tier: h.classification,
+				tierDef: ie(s, n, l),
+				requiredPermission: h?.required_permission,
+				locale: c,
+				variant: y === "edit" ? "input" : "value"
+			}) : L({
+				entity: n,
+				entityCode: r,
+				fieldName: l,
+				record: i,
+				mode: y,
+				onChange: o && !m ? (e) => o(l, e) : void 0,
+				refs: t.refs,
+				entities: s?.entities,
+				screens: s?.screens,
+				locale: c,
+				fieldId: d,
+				labelId: f
+			});
+			if (!x) return null;
+			let S = a === "display" && e.actions && e.actions.length > 0 ? /* @__PURE__ */ J(q, { children: e.actions.map((e, t) => /* @__PURE__ */ J(V, {
+				actionCode: `${l}.action[${t}]`,
+				action: e,
+				entityCode: r,
+				row: i,
+				variant: "ghost",
+				size: "icon"
+			}, t)) }) : void 0, C = !!p && yt.has(p.type), w = i?.[l], E = y === "display" && (p?.copyable || p?.type === "uuid") && w != null && w !== "" ? b(w) : void 0, D = T(p?.display?.description);
+			return u ? /* @__PURE__ */ Y("div", {
+				style: { gridColumn: "1 / -1" },
+				children: [x, y === "edit" && D && /* @__PURE__ */ J("div", {
+					style: {
+						fontSize: 11.5,
+						lineHeight: 1.4,
+						color: "var(--text-3)",
+						marginTop: 3
+					},
+					children: D
+				})]
+			}, l) : /* @__PURE__ */ J(St, {
+				label: ee(n, l, s.entities),
+				htmlFor: y === "edit" ? d : void 0,
+				labelId: f,
+				labelTitle: D || void 0,
+				required: p?.required ?? !1,
+				mode: y,
+				span: C,
+				error: t.fieldErrors?.[l],
+				hint: y === "edit" && D ? D : void 0,
+				actions: S,
+				copyValue: E,
+				children: x
+			}, l);
+		})
+	});
+}
+//#endregion
+//#region src/components/detail-layout/PropertiesBlock.tsx
+var wt = /* @__PURE__ */ new Set([
+	"string",
+	"text",
+	"int",
+	"float",
+	"decimal",
+	"email",
+	"url"
+]), Tt = 500;
+function Et({ 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 ? !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__ */ J(xt, {
+		columns: 2,
+		children: u.map(([e, a]) => {
+			let c = r?.find((t) => t.property_code === e), l = _(a), u = a.readonly || !i ? "display" : o;
+			return /* @__PURE__ */ J(Dt, {
+				propCode: e,
+				prop: a,
+				field: l,
+				value: c?.value,
+				mode: u,
+				onSetProperty: i,
+				refs: s,
+				entity: n,
+				schema: t.schema
+			}, e);
+		})
+	});
+}
+function Dt({ propCode: e, prop: t, field: n, value: r, mode: i, onSetProperty: a, refs: o, entity: s, schema: c }) {
+	let l = E(), u = G(null);
+	U(() => () => {
+		u.current && clearTimeout(u.current);
+	}, []);
+	let d = H((n) => {
+		a && (wt.has(t.type) ? (u.current && clearTimeout(u.current), u.current = setTimeout(() => a(e, n), Tt)) : a(e, n));
+	}, [
+		e,
+		t.type,
+		a
+	]), f = z(s, e), p = f?.read === "denied", m = f?.write === "denied", h = i === "display" ? p : m || p, g = i === "edit" && m ? "display" : i;
+	return /* @__PURE__ */ J(St, {
+		label: T(t.display?.name ?? t.name),
+		mode: g,
+		span: yt.has(t.type),
+		children: h ? /* @__PURE__ */ J(B, {
+			tier: f.classification,
+			tierDef: ie(c, s, e),
+			requiredPermission: f?.required_permission,
+			locale: l,
+			variant: g === "edit" ? "input" : "value"
+		}) : C({
+			field: n,
+			fieldName: e,
+			value: r,
+			mode: g,
+			onChange: g === "edit" ? d : void 0,
+			refs: o,
+			locale: l
+		})
+	});
+}
+//#endregion
+//#region src/components/shared/StatusStepper.tsx
+function Ot({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1 }) {
+	let o = t.findIndex((e) => e.code === n);
+	return /* @__PURE__ */ J("div", {
+		role: "list",
+		style: {
+			display: "flex",
+			alignItems: "stretch",
+			borderRadius: 6,
+			overflow: "hidden",
+			border: "1px solid var(--border)",
+			background: "var(--surface)"
+		},
+		children: t.map((n, s) => {
+			let c = o >= 0 && s < o, l = s === o, u = o < 0 || s > o, d = !!i && (r?.has(n.code) ?? !1), f = s === 0, p = s === t.length - 1, m = l ? "var(--accent-soft)" : c ? "var(--success-soft)" : "transparent", h = l ? "var(--accent)" : c ? "var(--success)" : "var(--text-3)", g = f && p ? void 0 : f ? "polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%)" : p ? "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__ */ Y("button", {
+				role: "listitem",
+				type: "button",
+				disabled: !d,
+				onClick: d ? () => i(n.code) : void 0,
+				title: n.label,
+				style: {
+					flex: 1,
+					minWidth: 0,
+					display: "flex",
+					alignItems: "center",
+					gap: 6,
+					padding: a ? `6px 8px 6px ${f ? 10 : 20}px` : `8px 10px 8px ${f ? 12 : 24}px`,
+					border: 0,
+					borderLeft: s > 0 ? "1px solid var(--divider)" : "none",
+					background: m,
+					color: h,
+					fontSize: a ? 11.5 : 12.5,
+					fontFamily: "inherit",
+					fontWeight: l ? 600 : 500,
+					cursor: d ? "pointer" : "default",
+					clipPath: g,
+					whiteSpace: "nowrap"
+				},
+				children: [/* @__PURE__ */ J("span", {
+					style: {
+						width: 16,
+						height: 16,
+						borderRadius: 999,
+						flexShrink: 0,
+						background: u ? "transparent" : h,
+						border: u ? "1px solid var(--border-strong)" : "none",
+						color: u ? "var(--text-4)" : l ? "var(--accent-soft)" : "var(--success-soft)",
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center",
+						fontSize: 9.5,
+						fontWeight: 700
+					},
+					children: c ? /* @__PURE__ */ J(e.check, { size: 10 }) : s + 1
+				}), /* @__PURE__ */ J("span", {
+					style: {
+						overflow: "hidden",
+						textOverflow: "ellipsis"
+					},
+					children: n.label
+				})]
+			}, n.code);
+		})
+	});
+}
+//#endregion
+//#region src/components/shared/StatusGroupsDisplay.tsx
+function kt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r, mode: a = "edit" }) {
+	return /* @__PURE__ */ J("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 = a === "edit", i = t ? o.transitions && s ? /* @__PURE__ */ new Set([s, ...o.transitions[s] ?? []]) : new Set(o.statuses.map((e) => e.code)) : void 0;
+				return /* @__PURE__ */ Y("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 8,
+						minWidth: 0
+					},
+					children: [/* @__PURE__ */ Y("span", {
+						style: {
+							fontSize: 12,
+							color: "var(--text-3)",
+							flexShrink: 0
+						},
+						children: [T(o.name), ":"]
+					}), /* @__PURE__ */ J("div", {
+						style: {
+							minWidth: 240,
+							opacity: r ? .6 : 1,
+							pointerEvents: r ? "none" : "auto"
+						},
+						children: /* @__PURE__ */ J(Ot, {
+							stages: o.statuses.map((e) => ({
+								code: e.code,
+								label: T(e.name)
+							})),
+							current: s,
+							selectable: i,
+							onSelect: t ? (t) => n(e, t) : void 0,
+							compact: !0
+						})
+					})]
+				}, e);
+			}
+			if (a === "display") return /* @__PURE__ */ Y("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 8
+				},
+				children: [/* @__PURE__ */ Y("span", {
+					style: {
+						fontSize: 12,
+						color: "var(--text-3)"
+					},
+					children: [T(o.name), ":"]
+				}), c ? /* @__PURE__ */ J(i, {
+					tone: c.color ?? "slate",
+					size: "xs",
+					children: T(c.name)
+				}) : /* @__PURE__ */ J("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__ */ Y("span", {
+					style: {
+						display: "inline-flex",
+						alignItems: "center",
+						gap: 6
+					},
+					children: [e.color && /* @__PURE__ */ J("span", { style: {
+						width: 8,
+						height: 8,
+						borderRadius: 999,
+						background: `var(--pill-${e.color}, ${e.color})`,
+						display: "inline-block"
+					} }), T(e.name)]
+				})
+			}));
+			return /* @__PURE__ */ Y("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 8
+				},
+				children: [/* @__PURE__ */ Y("span", {
+					style: {
+						fontSize: 12,
+						color: "var(--text-3)"
+					},
+					children: [T(o.name), ":"]
+				}), /* @__PURE__ */ J("div", {
+					style: {
+						minWidth: 180,
+						opacity: r ? .6 : 1,
+						pointerEvents: r ? "none" : "auto"
+					},
+					children: /* @__PURE__ */ J(A, {
+						value: s ?? "",
+						options: l,
+						onChange: (t) => n(e, t),
+						placeholder: "Select…"
+					})
+				})]
+			}, e);
+		})
+	});
+}
+//#endregion
+//#region src/components/detail-layout/StatusesBlock.tsx
+var At = () => {};
+function jt({ 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 ? !0 : e.statuses, l = Object.fromEntries(Object.entries(s).filter(([e]) => c === !0 || c.includes(e)));
+	return Object.keys(l).length === 0 ? null : /* @__PURE__ */ J(kt, {
+		statusGroups: l,
+		objectStatuses: r,
+		onSetStatus: i ?? At,
+		isPending: a ?? !1,
+		mode: t.mode
+	});
+}
+//#endregion
+//#region src/components/detail-layout/widgets/canonicalizeJson.ts
+function Mt(e) {
+	if (Array.isArray(e)) return e.map(Mt);
+	if (typeof e == "object" && e) {
+		let t = e, n = {};
+		for (let e of Object.keys(t).sort()) n[e] = Mt(t[e]);
+		return n;
+	}
+	return e;
+}
+function Nt(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 Pt(e) {
+	if (e == null) return "";
+	try {
+		return JSON.stringify(Mt(e), null, 2) ?? Nt(e);
+	} catch {
+		return Nt(e);
+	}
+}
+//#endregion
+//#region src/components/detail-layout/widgets/JsonDiffWidget.tsx
+var Ft = "Audit change diff", It = de(() => import("./MonacoJson-DVjwsaBK.js").then((e) => ({ default: e.MonacoJsonDiff }))), Lt = de(() => import("./MonacoJson-DVjwsaBK.js").then((e) => ({ default: e.MonacoJsonSource }))), Rt = de(() => import("./JsonEditor-KelPV-OQ.js").then((e) => ({ default: e.JsonEditor })));
+function zt() {
+	return /* @__PURE__ */ J("div", {
+		className: "flex h-full w-full items-center justify-center text-sm text-muted-foreground",
+		children: "Loading editor…"
+	});
+}
+function Bt({ before: e, after: t }) {
+	return /* @__PURE__ */ J(le, {
+		fallback: /* @__PURE__ */ J(zt, {}),
+		children: /* @__PURE__ */ Y("div", {
+			className: "flex h-full w-full gap-2",
+			role: "group",
+			"aria-label": Ft,
+			children: [/* @__PURE__ */ J("div", {
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ J(Rt, {
+					value: e,
+					readOnly: !0
+				})
+			}), /* @__PURE__ */ J("div", {
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ J(Rt, {
+					value: t,
+					readOnly: !0
+				})
+			})]
+		})
+	});
+}
+function Vt({ mode: e, onChange: t }) {
+	return /* @__PURE__ */ Y("div", {
+		className: "inline-flex gap-1",
+		role: "group",
+		"aria-label": "Diff view mode",
+		children: [/* @__PURE__ */ J("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: "Diff"
+		}), /* @__PURE__ */ J("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: "Source"
+		})]
+	});
+}
+function Ht({ values: e, options: t }) {
+	let n = e.before, r = e.after, [i, a] = K(t?.default_mode === "source" ? "source" : "diff"), o = Pt(n), s = Pt(r);
+	return /* @__PURE__ */ Y("div", {
+		className: "flex flex-col gap-2",
+		children: [/* @__PURE__ */ Y("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ J(Vt, {
+				mode: i,
+				onChange: a
+			}), o === s && /* @__PURE__ */ J("span", {
+				className: "text-xs text-muted-foreground",
+				role: "status",
+				children: "No field changes"
+			})]
+		}), /* @__PURE__ */ J("div", {
+			className: "h-[480px] w-full overflow-hidden rounded border",
+			role: "group",
+			"aria-label": Ft,
+			children: /* @__PURE__ */ J(te, {
+				fallback: /* @__PURE__ */ J(Bt, {
+					before: n,
+					after: r
+				}),
+				children: /* @__PURE__ */ J(le, {
+					fallback: /* @__PURE__ */ J(zt, {}),
+					children: i === "diff" ? /* @__PURE__ */ J(It, {
+						before: o,
+						after: s
+					}) : /* @__PURE__ */ Y("div", {
+						className: "flex h-full w-full gap-2",
+						children: [/* @__PURE__ */ J("div", {
+							className: "min-w-0 flex-1",
+							children: /* @__PURE__ */ J(Lt, { value: o })
+						}), /* @__PURE__ */ J("div", {
+							className: "min-w-0 flex-1",
+							children: /* @__PURE__ */ J(Lt, { value: s })
+						})]
+					})
+				})
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/detail-layout/widgets/builtins.ts
+var Ut = !1;
+function Wt() {
+	Ut ||= (ne("json_diff", Ht), !0);
+}
+//#endregion
+//#region src/components/detail-layout/widgets/WidgetHost.tsx
+Wt();
+function Gt({ config: e, ctx: t }) {
+	let n = re(e.type);
+	if (!n) return /* @__PURE__ */ J("span", {
+		className: "text-sm text-muted-foreground",
+		children: `unknown widget: ${e.type}`
+	});
+	let r = e.inputs ?? {}, i = t.record, a = {};
+	for (let [e, t] of Object.entries(r)) a[e] = i[t];
+	return /* @__PURE__ */ J("div", {
+		style: {
+			minWidth: 0,
+			maxWidth: "100%",
+			overflowX: "auto",
+			WebkitOverflowScrolling: "touch"
+		},
+		children: /* @__PURE__ */ J(n, {
+			inputs: r,
+			values: a,
+			record: i,
+			options: e.options,
+			ctx: t
+		})
+	});
+}
+//#endregion
+//#region src/components/detail-layout/LayoutRenderer.tsx
+function Kt({ nodes: e, ctx: t }) {
+	return /* @__PURE__ */ J(q, { children: e.map((e, n) => /* @__PURE__ */ J($, {
+		node: e,
+		ctx: t
+	}, n)) });
+}
+function $({ node: e, ctx: t }) {
+	return e.row ? /* @__PURE__ */ J(be, {
+		config: e.row,
+		ctx: t
+	}) : e.column ? /* @__PURE__ */ J(Ce, {
+		config: e.column,
+		node: e,
+		ctx: t
+	}) : e.tabs ? /* @__PURE__ */ J(Te, {
+		config: e.tabs,
+		ctx: t
+	}) : e.section ? /* @__PURE__ */ J(Ee, {
+		config: e.section,
+		ctx: t
+	}) : e.children ? /* @__PURE__ */ J(mt, {
+		node: e,
+		ctx: t
+	}) : e.associated ? /* @__PURE__ */ J(j, {
+		node: e,
+		ctx: t
+	}) : e.fields ? /* @__PURE__ */ J(Ct, {
+		fields: e.fields,
+		ctx: t
+	}) : e.properties == null ? e.statuses == null ? e.widget ? /* @__PURE__ */ J(Gt, {
+		config: e.widget,
+		ctx: t
+	}) : null : /* @__PURE__ */ J(jt, {
+		node: e,
+		ctx: t
+	}) : /* @__PURE__ */ J(Et, {
+		node: e,
+		ctx: t
+	});
+}
+//#endregion
+export { kt as n, Kt as t };