@declarion/react 0.45.0 → 0.48.0

package/dist-lib/{LayoutRenderer-BReuhVdX.js → LayoutRenderer-X3p4yfo_.js}

@@ -1,17 +1,17 @@
-import { s as e, t } from "./DynamicIcon-DeRpAaXm.js";
-import { A as n, An as r, Dn as i, En as a, Gt as o, In as s, Kn as c, Ln as l, M as u, Sn as d, Tn as f, X as p, Z as m, Zn as h, _t as g, ar as _, bn as v, cr as y, f as b, j as x, jn as S, kt as C, lr as w, mn as T, rr as E, rt as D, ur as O, vt as k, wn as A, xn as j, yt as M } from "./useCurrentScreen-A3xZDs7U.js";
-import { A as ee, F as te, I as N, J as P, L as ne, P as F, R as I, T as L, V as R, at as z, d as B, it as re, mt as ie, o as ae, pt as oe, q as se, r as ce, t as le, u as ue, z as de } from "./registry-DJKp0yaV.js";
-import { n as fe, r as pe, t as me } from "./dataTableStyles-vwD1mVOP.js";
-import { Suspense as he, createContext as ge, lazy as _e, useCallback as V, useContext as ve, useEffect as H, useId as ye, useLayoutEffect as be, useMemo as U, useRef as W, useState as G } from "react";
-import { useInfiniteQuery as xe, useMutation as Se, useQueryClient as Ce } from "@tanstack/react-query";
-import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { s as e, t } from "./DynamicIcon-Dc2j-rg_.js";
+import { A as n, An as r, Dn as i, En as a, Gt as o, In as s, Kn as c, Ln as l, M as u, Sn as d, Tn as f, X as p, Z as m, Zn as h, _t as g, ar as _, bn as v, cr as y, f as b, j as x, jn as S, kt as C, lr as w, mn as T, rt as E, tr as D, ur as O, vt as k, wn as A, xn as j, yt as M } from "./useCurrentScreen-BshVTPVq.js";
+import { E as ee, G as N, H as P, J as F, K as I, St as L, U as R, V as z, W as te, d as B, et as V, f as ne, ft as re, j as ie, o as ae, pt as oe, r as se, t as ce, tt as le, xt as ue } from "./registry-CWDnxiLJ.js";
+import { n as de, r as fe, t as pe } from "./dataTableStyles-vwD1mVOP.js";
+import { Suspense as me, createContext as he, lazy as ge, useCallback as H, useContext as _e, useEffect as U, useId as ve, useLayoutEffect as ye, useMemo as W, useRef as G, useState as K } from "react";
+import { useInfiniteQuery as be, useMutation as xe, useQueryClient as Se } 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 we = /^(\d+)px$/;
-function Te(e) {
+var Ce = /^(\d+)px$/;
+function we(e) {
 	if (e == null || e === "") return null;
 	if (e === "auto") return { kind: "auto" };
 	if (e === "fill") return { kind: "fill" };
-	let t = we.exec(e);
+	let t = Ce.exec(e);
 	if (t) {
 		let e = parseInt(t[1], 10);
 		return e > 0 ? {
@@ -27,9 +27,9 @@ function Te(e) {
 }
 //#endregion
 //#region src/components/detail-layout/LayoutRow.tsx
-function Ee({ 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] = G(!1), l = W(null);
-	H(() => {
+function Te({ 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;
@@ -38,10 +38,10 @@ function Ee({ config: e, ctx: t }) {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [o]);
-	let [u, d] = G(null), f = W(null), p = V(() => n.map((t) => {
-		let n = Te(t.width ?? t.column?.width ?? t.row?.width ?? e.width);
+	let [u, d] = K(null), f = G(null), p = H(() => n.map((t) => {
+		let n = we(t.width ?? t.column?.width ?? t.row?.width ?? e.width);
 		return n && n.kind === "weight" ? n.value : 1;
-	}), [n, e.width]), m = V((e, t) => {
+	}), [n, e.width]), m = H((e, t) => {
 		t.preventDefault();
 		let n = u ?? p();
 		f.current = {
@@ -58,41 +58,41 @@ function Ee({ config: e, ctx: t }) {
 			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 ? Oe(e.height) : void 0;
-	return /* @__PURE__ */ q("div", {
+	}, [u, p]), h = u ?? p(), g = e.height ? De(e.height) : void 0;
+	return /* @__PURE__ */ J("div", {
 		ref: l,
-		className: z("flex", s && "flex-col"),
+		className: oe("flex", s && "flex-col"),
 		style: {
 			gap: r ? `${r}px` : void 0,
 			...g
 		},
-		children: n.map((r, a) => /* @__PURE__ */ J("div", {
-			className: z("min-w-0 flex items-stretch", s && "w-full"),
-			style: s ? void 0 : De(r.width ?? r.column?.width ?? r.row?.width ?? e.width, h[a], r.min_width, r.max_width),
-			children: [/* @__PURE__ */ q("div", {
-				className: z("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
-				children: /* @__PURE__ */ q($, {
+		children: n.map((r, a) => /* @__PURE__ */ Y("div", {
+			className: oe("min-w-0 flex items-stretch", s && "w-full"),
+			style: s ? void 0 : Ee(r.width ?? r.column?.width ?? r.row?.width ?? e.width, h[a], r.min_width, r.max_width),
+			children: [/* @__PURE__ */ J("div", {
+				className: oe("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__ */ q("div", {
+			}), i && !s && a < n.length - 1 && /* @__PURE__ */ J("div", {
 				className: "detail-resize-handle",
 				onMouseDown: (e) => m(a, e)
 			})]
 		}, a))
 	});
 }
-function De(e, t, n, r) {
-	let i = Te(e), a;
+function Ee(e, t, n, r) {
+	let i = we(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 Oe(e) {
+function De(e) {
 	if (!e) return;
-	let t = Te(e);
+	let t = we(e);
 	if (t?.kind === "px") return {
 		height: `${t.value}px`,
 		overflow: "hidden"
@@ -104,12 +104,12 @@ function Oe(e) {
 }
 //#endregion
 //#region src/components/detail-layout/LayoutColumn.tsx
-function ke({ config: e, ctx: t }) {
+function Oe({ config: e, ctx: t }) {
 	let { items: n, gap: r = 12 } = e;
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "flex flex-col h-full",
 		style: { gap: r ? `${r}px` : void 0 },
-		children: n.map((e, n) => /* @__PURE__ */ q($, {
+		children: n.map((e, n) => /* @__PURE__ */ J($, {
 			node: e,
 			ctx: t
 		}, n))
@@ -117,11 +117,11 @@ function ke({ config: e, ctx: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/blockMeta.ts
-function Ae(e) {
+function ke(e) {
 	return e.children ?? e.associated;
 }
-function je(e, t) {
-	let n = Ae(e);
+function Ae(e, t) {
+	let n = ke(e);
 	if (n) {
 		if (e.label) return f(e.label);
 		let r = t.entity.children?.find((e) => e.entity === n);
@@ -131,9 +131,9 @@ function je(e, t) {
 	}
 	return e.section ? f(e.section.name) : "Tab";
 }
-function Y(e, t) {
+function je(e, t) {
 	if (e.icon) return e.icon;
-	let n = Ae(e);
+	let n = ke(e);
 	if (n) {
 		let e = t.entity.children?.find((e) => e.entity === n);
 		if (e?.display?.icon) return e.display.icon;
@@ -144,18 +144,18 @@ function Y(e, t) {
 //#endregion
 //#region src/components/detail-layout/LayoutTabs.tsx
 function Me({ config: e, ctx: n }) {
-	let { items: r } = e, [i, a] = G(0), o = E(), s = n.detailTabsPresentation ?? (o.isPhone ? "sections" : "scroll");
+	let { items: r } = e, [i, a] = K(0), o = D(), s = n.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__ */ J("div", {
+		return /* @__PURE__ */ Y("div", {
 			style: {
 				display: "flex",
 				flexDirection: "column",
 				gap: 10,
 				minWidth: 0
 			},
-			children: [r.length > 1 && /* @__PURE__ */ q("nav", {
+			children: [r.length > 1 && /* @__PURE__ */ J("nav", {
 				"aria-label": "Detail sections",
 				style: {
 					display: "flex",
@@ -165,8 +165,8 @@ function Me({ config: e, ctx: n }) {
 					WebkitOverflowScrolling: "touch"
 				},
 				children: r.map((r, i) => {
-					let a = je(r, n), o = Y(r, n);
-					return /* @__PURE__ */ J("button", {
+					let a = Ae(r, n), o = je(r, n);
+					return /* @__PURE__ */ Y("button", {
 						type: "button",
 						onClick: () => document.getElementById(e[i])?.scrollIntoView({
 							block: "start",
@@ -188,10 +188,10 @@ function Me({ config: e, ctx: n }) {
 							whiteSpace: "nowrap",
 							cursor: "pointer"
 						},
-						children: [o && /* @__PURE__ */ q(t, {
+						children: [o && /* @__PURE__ */ J(t, {
 							name: o,
 							size: 13
-						}), /* @__PURE__ */ q("span", {
+						}), /* @__PURE__ */ J("span", {
 							style: {
 								overflow: "hidden",
 								textOverflow: "ellipsis"
@@ -201,8 +201,8 @@ function Me({ config: e, ctx: n }) {
 					}, i);
 				})
 			}), r.map((r, i) => {
-				let a = je(r, n), o = Y(r, n);
-				return /* @__PURE__ */ J("section", {
+				let a = Ae(r, n), o = je(r, n);
+				return /* @__PURE__ */ Y("section", {
 					id: e[i],
 					style: {
 						background: "var(--surface)",
@@ -213,7 +213,7 @@ function Me({ config: e, ctx: n }) {
 						minWidth: 0,
 						scrollMarginTop: 12
 					},
-					children: [/* @__PURE__ */ J("div", {
+					children: [/* @__PURE__ */ Y("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -224,19 +224,19 @@ function Me({ config: e, ctx: n }) {
 							fontSize: 13,
 							fontWeight: 700
 						},
-						children: [o && /* @__PURE__ */ q(t, {
+						children: [o && /* @__PURE__ */ J(t, {
 							name: o,
 							size: 14
-						}), /* @__PURE__ */ q("span", {
+						}), /* @__PURE__ */ J("span", {
 							style: { overflowWrap: "anywhere" },
 							children: a
 						})]
-					}), /* @__PURE__ */ q("div", {
+					}), /* @__PURE__ */ J("div", {
 						style: {
 							padding: 14,
 							minWidth: 0
 						},
-						children: /* @__PURE__ */ q($, {
+						children: /* @__PURE__ */ J($, {
 							node: r,
 							ctx: {
 								...n,
@@ -248,7 +248,7 @@ function Me({ config: e, ctx: n }) {
 			})]
 		});
 	}
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		style: {
 			background: "var(--surface)",
 			border: "1px solid var(--border)",
@@ -257,7 +257,7 @@ function Me({ config: e, ctx: n }) {
 			boxShadow: "var(--shadow-xs)",
 			flexShrink: 0
 		},
-		children: [/* @__PURE__ */ q("div", {
+		children: [/* @__PURE__ */ J("div", {
 			role: "tablist",
 			style: {
 				display: "flex",
@@ -268,8 +268,8 @@ function Me({ config: e, ctx: n }) {
 				overflowX: "auto"
 			},
 			children: r.map((e, r) => {
-				let o = je(e, n), s = Y(e, n), c = r === i;
-				return /* @__PURE__ */ J("button", {
+				let o = Ae(e, n), s = je(e, n), c = r === i;
+				return /* @__PURE__ */ Y("button", {
 					role: "tab",
 					"aria-selected": c,
 					onClick: (e) => {
@@ -298,12 +298,12 @@ function Me({ config: e, ctx: n }) {
 						c || (e.currentTarget.style.color = "var(--text-3)");
 					},
 					children: [
-						s && /* @__PURE__ */ q(t, {
+						s && /* @__PURE__ */ J(t, {
 							name: s,
 							size: 13
 						}),
 						o,
-						c && /* @__PURE__ */ q("span", { style: {
+						c && /* @__PURE__ */ J("span", { style: {
 							position: "absolute",
 							left: 4,
 							right: 4,
@@ -315,10 +315,10 @@ function Me({ config: e, ctx: n }) {
 					]
 				}, r);
 			})
-		}), /* @__PURE__ */ q("div", {
+		}), /* @__PURE__ */ J("div", {
 			role: "tabpanel",
 			style: { padding: 14 },
-			children: /* @__PURE__ */ q($, {
+			children: /* @__PURE__ */ J($, {
 				node: r[i],
 				ctx: {
 					...n,
@@ -335,7 +335,7 @@ function Ne({ config: e, ctx: n }) {
 		...n,
 		withinCard: !0,
 		...o ? { columns: o } : null
-	}, d = s ? /* @__PURE__ */ q(t, {
+	}, d = s ? /* @__PURE__ */ J(t, {
 		name: s,
 		size: 14
 	}) : void 0, p = c ? {
@@ -343,14 +343,14 @@ function Ne({ config: e, ctx: n }) {
 		tone: c.tone,
 		dot: c.dot
 	} : void 0;
-	return /* @__PURE__ */ q(ie, {
+	return /* @__PURE__ */ J(L, {
 		title: f(r),
 		defaultOpen: !a,
 		icon: d,
 		badge: p,
 		emphasis: l,
 		headingLevel: n.withinCard ? 3 : 2,
-		children: /* @__PURE__ */ q(hn, {
+		children: /* @__PURE__ */ J(gn, {
 			nodes: i,
 			ctx: u
 		})
@@ -489,26 +489,26 @@ function Je(e, t) {
 //#endregion
 //#region src/components/detail-layout/useQuickAdd.ts
 function Ye(e, t, n, r) {
-	let [i, o] = G(() => {
+	let [i, o] = K(() => {
 		let t = e.quick_add, n = r.entities[e.entity], i = {};
 		if (t?.fields) for (let e of t.fields) t.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" && (i[e] = s()) : i[e] = t.defaults[e];
 		return i;
-	}), c = Ce(), { mutate: l, isPending: u, error: d, reset: f } = Se({
+	}), c = Se(), { mutate: l, isPending: u, error: d, reset: f } = xe({
 		mutationFn: (t) => g(e.entity, t),
 		onMutate: async (r) => {
-			let i = [
-				ne,
+			let i = Array.isArray(n) ? a(n.map(String)) : n, o = [
+				te,
 				t,
-				Array.isArray(n) ? a(n.map(String)) : n,
+				i,
 				e.entity
 			];
-			await c.cancelQueries({ queryKey: i });
-			let o = c.getQueriesData({ queryKey: i }), s = {
+			await c.cancelQueries({ queryKey: o });
+			let s = c.getQueriesData({ queryKey: o }), l = {
 				...r,
 				id: `__optimistic_${crypto.randomUUID()}`,
 				__optimistic: !0
 			};
-			return c.setQueriesData({ queryKey: i }, (e) => {
+			return c.setQueriesData({ queryKey: o }, (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;
@@ -516,25 +516,25 @@ function Ye(e, t, n, r) {
 						...t,
 						pages: [{
 							...n,
-							data: [s, ...n.data]
+							data: [l, ...n.data]
 						}, ...r]
 					};
 				}
 				return e;
-			}), { snapshots: o };
+			}), { snapshots: s };
 		},
 		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 = r.entities[e.entity], i = {};
-			if (t?.fields) for (let e of t.fields) t?.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" ? i[e] = s() : i[e] = "" : i[e] = t.defaults[e];
+			if (t?.fields) for (let e of t.fields) i[e] = t?.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" ? s() : "" : t.defaults[e];
 			o(i);
 		},
 		onSettled: () => {
 			let r = Array.isArray(n) ? a(n.map(String)) : n;
 			c.invalidateQueries({ queryKey: [
-				ne,
+				te,
 				t,
 				r,
 				e.entity
@@ -566,8 +566,8 @@ function Ye(e, t, n, r) {
 //#endregion
 //#region src/components/detail-layout/QuickAddForm.tsx
 function Xe({ config: t, parentEntity: r, parentId: i, schema: a }) {
-	let { values: o, quickAdd: s, childEntity: c, isPending: l, error: u, isReady: f, handleSubmit: p, handleFieldChange: m } = Ye(t, r, i, a), h = n(), g = E(), _ = ye();
-	return !s || s.fields.length === 0 || !c ? null : /* @__PURE__ */ J("form", {
+	let { values: o, quickAdd: s, childEntity: c, isPending: l, error: u, isReady: f, handleSubmit: p, handleFieldChange: m } = Ye(t, r, i, a), h = n(), g = D(), _ = ve();
+	return !s || s.fields.length === 0 || !c ? null : /* @__PURE__ */ Y("form", {
 		onSubmit: p,
 		style: {
 			display: "flex",
@@ -582,13 +582,13 @@ function Xe({ config: t, parentEntity: r, parentId: i, schema: a }) {
 				let n = c.fields.get(e);
 				if (!n) return null;
 				let r = `${_}-quick-add-${t.entity}-${e}`, i = `${r}-label`;
-				return /* @__PURE__ */ J("div", {
+				return /* @__PURE__ */ Y("div", {
 					style: {
 						flex: 1,
 						minWidth: 0,
 						width: g.isPhone ? "100%" : void 0
 					},
-					children: [/* @__PURE__ */ q("label", {
+					children: [/* @__PURE__ */ J("label", {
 						id: i,
 						htmlFor: r,
 						style: {
@@ -612,16 +612,16 @@ function Xe({ config: t, parentEntity: r, parentId: i, schema: a }) {
 					})]
 				}, e);
 			}),
-			/* @__PURE__ */ q(O, {
+			/* @__PURE__ */ J(O, {
 				type: "submit",
 				kind: "primary",
 				size: g.isPhone ? "md" : "sm",
-				icon: /* @__PURE__ */ q(e.plus, { size: 12 }),
+				icon: /* @__PURE__ */ J(e.plus, { size: 12 }),
 				disabled: l || !f,
 				style: g.isPhone ? { alignSelf: "flex-end" } : void 0,
 				children: "Add"
 			}),
-			u != null && /* @__PURE__ */ q("span", {
+			u != null && /* @__PURE__ */ J("span", {
 				style: {
 					fontSize: 11,
 					color: "var(--danger)",
@@ -639,11 +639,11 @@ function Ze(e, t, n) {
 	return `${e}::child::${t}.${n}`;
 }
 function Qe(e) {
-	return Math.min(de, Math.max(60, Math.round(e)));
+	return Math.min(I, Math.max(60, Math.round(e)));
 }
 function $e(e) {
-	let { widths: t, setWidths: n, resetWidths: r } = R(e), [i, a] = G({}), o = W(null);
-	H(() => {
+	let { widths: t, setWidths: n, resetWidths: r } = F(e), [i, a] = K({}), o = G(null);
+	U(() => {
 		let e = (e) => {
 			let t = o.current;
 			if (!t) return;
@@ -657,7 +657,7 @@ function $e(e) {
 			window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t);
 		};
 	}, [n]);
-	let s = V((e, n) => {
+	let s = H((e, n) => {
 		n.preventDefault(), n.stopPropagation();
 		let r = n.currentTarget.closest("th")?.getBoundingClientRect().width, i = t[e] ?? (r && r > 0 ? r : 150);
 		o.current = {
@@ -668,7 +668,7 @@ function $e(e) {
 		};
 	}, [t]);
 	return {
-		headerStyle: V((e, n) => {
+		headerStyle: H((e, n) => {
 			let r = i[e] ?? t[e];
 			return r == null ? {
 				...n,
@@ -681,7 +681,7 @@ function $e(e) {
 				maxWidth: r
 			};
 		}, [i, t]),
-		cellStyle: V((e, n) => {
+		cellStyle: H((e, n) => {
 			let r = i[e] ?? t[e];
 			return r == null ? n : {
 				...n,
@@ -698,7 +698,7 @@ function $e(e) {
 	};
 }
 function et({ colId: e, onMouseDown: t }) {
-	return /* @__PURE__ */ q("span", {
+	return /* @__PURE__ */ J("span", {
 		"data-testid": "col-resize-handle",
 		"aria-hidden": "true",
 		onMouseDown: (n) => t(e, n),
@@ -714,7 +714,7 @@ function et({ colId: e, onMouseDown: t }) {
 			cursor: "col-resize",
 			userSelect: "none"
 		},
-		children: /* @__PURE__ */ q("span", { style: {
+		children: /* @__PURE__ */ J("span", { style: {
 			width: 2,
 			height: "55%",
 			alignSelf: "center",
@@ -726,9 +726,9 @@ function et({ colId: e, onMouseDown: t }) {
 //#endregion
 //#region src/components/detail-layout/ChildrenTable.tsx
 function tt({ config: t, parentEntity: r, parentId: i, schema: a }) {
-	let o = a.entities[t.entity], s = Array.isArray(t.foreign_key) ? t.foreign_key.join(",") : t.foreign_key, c = $e(Ze(r, t.entity, s)), f = n(), p = N((e) => e.degradedEntities), { data: m, isLoading: g, isError: _, isFetching: v, refetch: b } = I(r, i, t.entity, t.foreign_key, t.sort, t.limit), x = m?.data ?? [], C = m?.$refs, T = W(C);
+	let o = a.entities[t.entity], s = Array.isArray(t.foreign_key) ? t.foreign_key.join(",") : t.foreign_key, c = $e(Ze(r, t.entity, s)), f = n(), p = R((e) => e.degradedEntities), { data: m, isLoading: g, isError: _, isFetching: v, refetch: b } = N(r, i, t.entity, t.foreign_key, t.sort, t.limit), x = m?.data ?? [], C = m?.$refs, T = G(C);
 	T.current = C;
-	let E = t.columns, D = t.interaction === "navigate", O = E[0], k = D && o ? S(void 0, o, a.screens) : null, A = o ? Ge(o) : void 0, j = U(() => {
+	let E = t.columns, D = t.interaction === "navigate", O = E[0], k = D && o ? S(void 0, o, a.screens) : null, A = o ? Ge(o) : void 0, j = W(() => {
 		let e = /* @__PURE__ */ new Map();
 		if (!o) return e;
 		for (let t of E) {
@@ -752,7 +752,7 @@ function tt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 		a.screens,
 		f
 	]);
-	if (!o) return /* @__PURE__ */ q("div", {
+	if (!o) return /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -760,12 +760,12 @@ function tt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 		},
 		children: "Entity not found."
 	});
-	let M = /* @__PURE__ */ q(Xe, {
+	let M = /* @__PURE__ */ J(Xe, {
 		config: t,
 		parentEntity: r,
 		parentId: i,
 		schema: a
-	}), ee = te(o.realtime, p, t.entity), P = /* @__PURE__ */ J("div", {
+	}), ee = P(o.realtime, p, t.entity), F = /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -774,28 +774,28 @@ function tt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 			justifyContent: "flex-end"
 		},
 		children: [
-			c.hasWidths && /* @__PURE__ */ q(w, {
-				icon: /* @__PURE__ */ q(e.columns, { size: 13 }),
+			c.hasWidths && /* @__PURE__ */ J(w, {
+				icon: /* @__PURE__ */ J(e.columns, { size: 13 }),
 				title: "Reset column widths (this device)",
 				size: 24,
 				onClick: c.resetWidths
 			}),
-			ee && /* @__PURE__ */ q("span", {
+			ee && /* @__PURE__ */ J("span", {
 				"data-testid": "children-live-indicator",
 				title: "This table updates automatically in realtime.",
-				children: /* @__PURE__ */ q(y, {
+				children: /* @__PURE__ */ J(y, {
 					tone: "emerald",
 					size: "xs",
 					dot: !0,
 					children: "Live"
 				})
 			}),
-			/* @__PURE__ */ q(w, {
-				icon: v ? /* @__PURE__ */ q("span", {
+			/* @__PURE__ */ J(w, {
+				icon: v ? /* @__PURE__ */ J("span", {
 					"data-testid": "children-refresh-spinner",
 					style: { display: "inline-flex" },
-					children: /* @__PURE__ */ q(h, { size: 13 })
-				}) : /* @__PURE__ */ q(e.refresh, { size: 13 }),
+					children: /* @__PURE__ */ J(h, { size: 13 })
+				}) : /* @__PURE__ */ J(e.refresh, { size: 13 }),
 				title: "Refresh",
 				size: 24,
 				disabled: v,
@@ -805,10 +805,10 @@ function tt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 			})
 		]
 	});
-	return _ ? /* @__PURE__ */ J("div", { children: [
+	return _ ? /* @__PURE__ */ Y("div", { children: [
 		M,
-		P,
-		/* @__PURE__ */ q("div", {
+		F,
+		/* @__PURE__ */ J("div", {
 			style: {
 				fontSize: 12.5,
 				color: "var(--danger)",
@@ -816,10 +816,10 @@ function tt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 			},
 			children: "Failed to load. Try again."
 		})
-	] }) : g ? /* @__PURE__ */ J("div", { children: [
+	] }) : g ? /* @__PURE__ */ Y("div", { children: [
 		M,
-		P,
-		/* @__PURE__ */ q("div", {
+		F,
+		/* @__PURE__ */ J("div", {
 			style: {
 				display: "flex",
 				flexDirection: "column",
@@ -830,16 +830,16 @@ function tt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 				0,
 				1,
 				2
-			].map((e) => /* @__PURE__ */ q("div", { style: {
+			].map((e) => /* @__PURE__ */ J("div", { style: {
 				height: 32,
 				background: "var(--surface-3)",
 				borderRadius: 4
 			} }, e))
 		})
-	] }) : x.length === 0 ? /* @__PURE__ */ J("div", { children: [
+	] }) : x.length === 0 ? /* @__PURE__ */ Y("div", { children: [
 		M,
-		P,
-		/* @__PURE__ */ q("div", {
+		F,
+		/* @__PURE__ */ J("div", {
 			style: {
 				fontSize: 12.5,
 				color: "var(--text-3)",
@@ -847,30 +847,30 @@ function tt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 			},
 			children: "No records yet."
 		})
-	] }) : /* @__PURE__ */ J("div", { children: [
+	] }) : /* @__PURE__ */ Y("div", { children: [
 		M,
-		P,
-		/* @__PURE__ */ q("div", {
+		F,
+		/* @__PURE__ */ J("div", {
 			style: { overflowX: "auto" },
-			children: /* @__PURE__ */ J("table", {
-				style: pe,
-				children: [/* @__PURE__ */ q("thead", { children: /* @__PURE__ */ q("tr", { children: E.map((e) => {
+			children: /* @__PURE__ */ Y("table", {
+				style: fe,
+				children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ J("tr", { children: E.map((e) => {
 					let t = o.fields.get(e);
-					return /* @__PURE__ */ J("th", {
-						style: c.headerStyle(e, fe),
-						children: [t ? d(t, e, a.entities) : e, /* @__PURE__ */ q(et, {
+					return /* @__PURE__ */ Y("th", {
+						style: c.headerStyle(e, de),
+						children: [t ? d(t, e, a.entities) : e, /* @__PURE__ */ J(et, {
 							colId: e,
 							onMouseDown: c.onHandleMouseDown
 						})]
 					}, e);
-				}) }) }), /* @__PURE__ */ q("tbody", { children: x.map((e, t) => {
+				}) }) }), /* @__PURE__ */ J("tbody", { children: x.map((e, t) => {
 					let n = A ? l(e[A]) : "", r = D && k && n ? k.replace(/:\w+/, n) : void 0;
-					return /* @__PURE__ */ q("tr", { children: E.map((t) => {
+					return /* @__PURE__ */ J("tr", { children: E.map((t) => {
 						let n = t === O, i = j.get(t), a = i ? i(e[t], e) : l(e[t]);
-						return /* @__PURE__ */ q("td", {
+						return /* @__PURE__ */ J("td", {
 							title: typeof a == "string" ? a : void 0,
-							style: c.cellStyle(t, me),
-							children: n && r ? /* @__PURE__ */ q("a", {
+							style: c.cellStyle(t, pe),
+							children: n && r ? /* @__PURE__ */ J("a", {
 								href: r,
 								style: {
 									color: "var(--accent)",
@@ -891,8 +891,8 @@ function tt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 //#endregion
 //#region src/components/detail-layout/ChildrenList.tsx
 function nt({ config: e, parentEntity: t, parentId: r, schema: i }) {
-	let a = i.entities[e.entity], o = n(), { data: s, isLoading: c, isError: u } = I(t, r, e.entity, e.foreign_key, e.sort, e.limit), d = s?.data ?? [], f = s?.$refs, p = e.columns;
-	if (!a) return /* @__PURE__ */ q("div", {
+	let a = i.entities[e.entity], o = n(), { data: s, isLoading: c, isError: u } = N(t, r, e.entity, e.foreign_key, e.sort, e.limit), d = s?.data ?? [], f = s?.$refs, p = e.columns;
+	if (!a) return /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -900,13 +900,13 @@ function nt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 		},
 		children: "Entity not found."
 	});
-	let m = /* @__PURE__ */ q(Xe, {
+	let m = /* @__PURE__ */ J(Xe, {
 		config: e,
 		parentEntity: t,
 		parentId: r,
 		schema: i
 	});
-	if (u) return /* @__PURE__ */ J("div", { children: [m, /* @__PURE__ */ q("div", {
+	if (u) return /* @__PURE__ */ Y("div", { children: [m, /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
@@ -914,7 +914,7 @@ function nt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 		},
 		children: "Failed to load. Try again."
 	})] });
-	if (c) return /* @__PURE__ */ J("div", { children: [m, /* @__PURE__ */ J("div", {
+	if (c) return /* @__PURE__ */ Y("div", { children: [m, /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -922,17 +922,17 @@ function nt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 			padding: "8px 0"
 		},
 		children: [
-			/* @__PURE__ */ q("div", { style: {
+			/* @__PURE__ */ J("div", { style: {
 				height: 22,
 				background: "var(--surface-3)",
 				borderRadius: 4
 			} }),
-			/* @__PURE__ */ q("div", { style: {
+			/* @__PURE__ */ J("div", { style: {
 				height: 22,
 				background: "var(--surface-3)",
 				borderRadius: 4
 			} }),
-			/* @__PURE__ */ q("div", { style: {
+			/* @__PURE__ */ J("div", { style: {
 				height: 22,
 				background: "var(--surface-3)",
 				borderRadius: 4,
@@ -940,7 +940,7 @@ function nt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 			} })
 		]
 	})] });
-	if (d.length === 0) return /* @__PURE__ */ J("div", { children: [m, /* @__PURE__ */ q("div", {
+	if (d.length === 0) return /* @__PURE__ */ Y("div", { children: [m, /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -949,70 +949,73 @@ function nt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 		children: "No records yet."
 	})] });
 	let h = p.length > 0 ? a.display.display_field ?? p[0] : a.display.display_field;
-	return /* @__PURE__ */ J("div", { children: [m, /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ Y("div", { children: [m, /* @__PURE__ */ J("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column"
 		},
-		children: d.map((e, t) => /* @__PURE__ */ q("div", {
-			style: {
-				display: "flex",
-				alignItems: "center",
-				gap: 12,
-				padding: "8px 4px",
-				borderBottom: "1px solid var(--divider)"
-			},
-			children: /* @__PURE__ */ J("div", {
+		children: d.map((e, t) => {
+			let n = typeof e.$display == "string" ? e[T] : "";
+			return /* @__PURE__ */ J("div", {
 				style: {
-					flex: 1,
-					minWidth: 0
+					display: "flex",
+					alignItems: "center",
+					gap: 12,
+					padding: "8px 4px",
+					borderBottom: "1px solid var(--divider)"
 				},
-				children: [/* @__PURE__ */ q("div", {
+				children: /* @__PURE__ */ Y("div", {
 					style: {
-						fontSize: 12.5,
-						overflow: "hidden",
-						textOverflow: "ellipsis",
-						whiteSpace: "nowrap"
+						flex: 1,
+						minWidth: 0
 					},
-					children: (typeof e.$display == "string" ? e[T] : "") || (h && a.fields.get(h) ? x({
-						field: a.fields.get(h),
-						fieldName: h,
-						value: e[h],
-						mode: "display",
-						record: e,
-						refs: f,
-						locale: o
-					}) : h && e[h] != null ? l(e[h]) : null)
-				}), p.length > 1 && (() => {
-					let t = p.slice(1, 3).filter((t) => e[t] != null);
-					return t.length === 0 ? null : /* @__PURE__ */ q("div", {
+					children: [/* @__PURE__ */ J("div", {
 						style: {
-							fontSize: 11.5,
-							color: "var(--text-3)",
+							fontSize: 12.5,
 							overflow: "hidden",
 							textOverflow: "ellipsis",
 							whiteSpace: "nowrap"
 						},
-						children: t.map((t, n) => /* @__PURE__ */ J("span", { children: [n > 0 && " · ", a.fields.get(t) ? x({
-							field: a.fields.get(t),
-							fieldName: t,
-							value: e[t],
+						children: n || (h && a.fields.get(h) ? x({
+							field: a.fields.get(h),
+							fieldName: h,
+							value: e[h],
 							mode: "display",
 							record: e,
 							refs: f,
 							locale: o
-						}) : String(e[t])] }, t))
-					});
-				})()]
-			})
-		}, l(e.id ?? t)))
+						}) : h && e[h] != null ? l(e[h]) : null)
+					}), p.length > 1 && (() => {
+						let t = p.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 && " · ", a.fields.get(t) ? x({
+								field: a.fields.get(t),
+								fieldName: t,
+								value: e[t],
+								mode: "display",
+								record: e,
+								refs: f,
+								locale: o
+							}) : String(e[t])] }, t))
+						});
+					})()]
+				})
+			}, l(e.id ?? t));
+		})
 	})] });
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenCards.tsx
 function rt({ config: e, parentEntity: t, parentId: r, schema: i }) {
-	let a = i.entities[e.entity], o = n(), { data: s, isLoading: c, isError: u } = I(t, r, e.entity, e.foreign_key, e.sort, e.limit), d = s?.data ?? [], f = s?.$refs, p = e.columns, m = e.cards, h = m?.header_field ?? p[0], g = m?.badge_field, _ = m?.columns_count ?? 3;
-	if (!a) return /* @__PURE__ */ q("div", {
+	let a = i.entities[e.entity], o = n(), { data: s, isLoading: c, isError: u } = N(t, r, e.entity, e.foreign_key, e.sort, e.limit), d = s?.data ?? [], f = s?.$refs, p = e.columns, m = e.cards, h = m?.header_field ?? p[0], g = m?.badge_field, _ = m?.columns_count ?? 3;
+	if (!a) return /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1024,13 +1027,13 @@ function rt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 		display: "grid",
 		gridTemplateColumns: `repeat(auto-fill, minmax(${_ >= 4 ? 180 : 240}px, 1fr))`,
 		gap: 12
-	}, b = /* @__PURE__ */ q(Xe, {
+	}, b = /* @__PURE__ */ J(Xe, {
 		config: e,
 		parentEntity: t,
 		parentId: r,
 		schema: i
 	});
-	if (u) return /* @__PURE__ */ J("div", { children: [b, /* @__PURE__ */ q("div", {
+	if (u) return /* @__PURE__ */ Y("div", { children: [b, /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
@@ -1038,19 +1041,19 @@ function rt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 		},
 		children: "Failed to load. Try again."
 	})] });
-	if (c) return /* @__PURE__ */ J("div", { children: [b, /* @__PURE__ */ q("div", {
+	if (c) return /* @__PURE__ */ Y("div", { children: [b, /* @__PURE__ */ J("div", {
 		style: v,
 		children: [
 			0,
 			1,
 			2
-		].map((e) => /* @__PURE__ */ q("div", { style: {
+		].map((e) => /* @__PURE__ */ J("div", { style: {
 			height: 96,
 			background: "var(--surface-3)",
 			borderRadius: 10
 		} }, e))
 	})] });
-	if (d.length === 0) return /* @__PURE__ */ J("div", { children: [b, /* @__PURE__ */ q("div", {
+	if (d.length === 0) return /* @__PURE__ */ Y("div", { children: [b, /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1059,16 +1062,16 @@ function rt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 		children: "No records yet."
 	})] });
 	let S = p.filter((e) => e !== h && e !== g);
-	return /* @__PURE__ */ J("div", { children: [b, /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ Y("div", { children: [b, /* @__PURE__ */ J("div", {
 		style: v,
-		children: d.map((t, n) => /* @__PURE__ */ J("div", {
+		children: d.map((t, n) => /* @__PURE__ */ Y("div", {
 			style: {
 				background: "var(--surface)",
 				border: "1px solid var(--border)",
 				borderRadius: 10,
 				overflow: "hidden"
 			},
-			children: [/* @__PURE__ */ J("div", {
+			children: [/* @__PURE__ */ Y("div", {
 				style: {
 					padding: "10px 14px",
 					display: "flex",
@@ -1077,7 +1080,7 @@ function rt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 					gap: 8,
 					borderBottom: S.length > 0 ? "1px solid var(--divider)" : "none"
 				},
-				children: [/* @__PURE__ */ q("div", {
+				children: [/* @__PURE__ */ J("div", {
 					style: {
 						fontSize: 12.5,
 						fontWeight: 600,
@@ -1094,7 +1097,7 @@ function rt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 						refs: f,
 						locale: o
 					}) : `Record ${n + 1}`
-				}), g && t[g] != null && /* @__PURE__ */ q(y, {
+				}), g && t[g] != null && /* @__PURE__ */ J(y, {
 					tone: "slate",
 					size: "xs",
 					children: a.fields.get(g) ? x({
@@ -1107,7 +1110,7 @@ function rt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 						locale: o
 					}) : l(t[g])
 				})]
-			}), S.length > 0 && /* @__PURE__ */ q("div", {
+			}), S.length > 0 && /* @__PURE__ */ J("div", {
 				style: {
 					padding: "10px 14px",
 					display: "flex",
@@ -1116,20 +1119,20 @@ function rt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 				},
 				children: S.slice(0, 4).map((n) => {
 					let r = a.fields.get(n);
-					return r ? /* @__PURE__ */ J("div", {
+					return r ? /* @__PURE__ */ Y("div", {
 						style: {
 							display: "flex",
 							alignItems: "baseline",
 							gap: 8,
 							fontSize: 11.5
 						},
-						children: [/* @__PURE__ */ J("span", {
+						children: [/* @__PURE__ */ Y("span", {
 							style: {
 								color: "var(--text-3)",
 								flexShrink: 0
 							},
 							children: [i.entities[e.entity]?.fields.get(n)?.display?.name ? Object.values(i.entities[e.entity].fields.get(n).display.name)[0] : n, ":"]
-						}), /* @__PURE__ */ q("span", {
+						}), /* @__PURE__ */ J("span", {
 							style: {
 								overflow: "hidden",
 								textOverflow: "ellipsis",
@@ -1155,9 +1158,9 @@ function rt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 //#region src/hooks/useTimelineData.ts
 var it = 50;
 function at(e, t, n, r, a, s) {
-	let c = Array.isArray(r) ? r : [r], l = Array.isArray(r) ? i(t, c.length) : [t], u = s ?? it, d = xe({
+	let c = Array.isArray(r) ? r : [r], l = Array.isArray(r) ? i(t, c.length) : [t], u = s ?? it, d = be({
 		queryKey: [
-			ne,
+			te,
 			e,
 			t,
 			n,
@@ -1180,7 +1183,7 @@ function at(e, t, n, r, a, s) {
 		enabled: !!e && !!t && !!n && !!r && l !== null
 	});
 	return {
-		rows: U(() => d.data?.pages.flatMap((e) => e.data) ?? [], [d.data?.pages]),
+		rows: W(() => d.data?.pages.flatMap((e) => e.data) ?? [], [d.data?.pages]),
 		refs: d.data?.pages[0]?.$refs,
 		fetchNextPage: d.fetchNextPage,
 		hasOlder: !!d.hasNextPage,
@@ -1193,8 +1196,8 @@ function at(e, t, n, r, a, s) {
 //#region src/components/detail-layout/TimelineComposer.tsx
 var ot = "quick_entry", st = 100, ct = 240, lt = 800, ut = 80;
 function dt({ config: t, parentEntity: r, parentId: i, schema: a }) {
-	let { values: o, quickAdd: s, childEntity: c, isPending: l, error: u, isReady: d, handleSubmit: f, handleFieldChange: p } = Ye(t, r, i, a), m = n(), [h, g] = G(ct), _ = W(null), v = W(null), [y, S] = G(lt);
-	H(() => {
+	let { values: o, quickAdd: s, childEntity: c, isPending: l, error: u, isReady: d, handleSubmit: f, handleFieldChange: p } = Ye(t, r, i, a), m = n(), [h, g] = K(ct), _ = G(null), v = G(null), [y, S] = K(lt);
+	U(() => {
 		let e = v.current?.parentElement;
 		if (!e) return;
 		let t = () => {
@@ -1204,14 +1207,14 @@ function dt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, []), H(() => {
+	}, []), U(() => {
 		g((e) => Math.min(e, y));
 	}, [y]);
-	let C = W(o);
+	let C = G(o);
 	C.current = o;
-	let w = W(p);
+	let w = G(p);
 	w.current = p;
-	let T = W({}), E = U(() => ({
+	let T = G({}), E = W(() => ({
 		getField: (e) => C.current[e],
 		setField: (e, t) => {
 			w.current(e, t);
@@ -1221,8 +1224,8 @@ function dt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 			t && (t.querySelector("textarea, input, select, [contenteditable]") ?? t).focus();
 		}
 	}), []);
-	H(() => b(ot, E), [E]);
-	let D = V((e) => {
+	U(() => b(ot, E), [E]);
+	let D = H((e) => {
 		e.preventDefault(), _.current = {
 			startY: e.clientY,
 			startHeight: h
@@ -1248,7 +1251,7 @@ function dt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 	}
 	let M = (e) => {
 		let t = c.fields.get(e);
-		return t ? /* @__PURE__ */ q("div", {
+		return t ? /* @__PURE__ */ J("div", {
 			ref: (t) => {
 				T.current[e] = t;
 			},
@@ -1263,7 +1266,7 @@ function dt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 			})
 		}, e) : null;
 	};
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		ref: v,
 		style: {
 			flexShrink: 0,
@@ -1273,7 +1276,7 @@ function dt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 			flexDirection: "column",
 			height: `${h}px`
 		},
-		children: [/* @__PURE__ */ q("div", {
+		children: [/* @__PURE__ */ J("div", {
 			onMouseDown: D,
 			title: "Drag to resize",
 			style: {
@@ -1284,13 +1287,13 @@ function dt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 				justifyContent: "center",
 				flexShrink: 0
 			},
-			children: /* @__PURE__ */ q("div", { style: {
+			children: /* @__PURE__ */ J("div", { style: {
 				width: 56,
 				height: 3,
 				borderRadius: 999,
 				background: "var(--border)"
 			} })
-		}), /* @__PURE__ */ J("form", {
+		}), /* @__PURE__ */ Y("form", {
 			onSubmit: f,
 			onKeyDown: (e) => {
 				(e.metaKey || e.ctrlKey) && e.key === "Enter" && (e.preventDefault(), e.currentTarget.requestSubmit());
@@ -1304,7 +1307,7 @@ function dt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 				padding: "0 12px 8px"
 			},
 			children: [
-				A.length > 0 && /* @__PURE__ */ q("div", {
+				A.length > 0 && /* @__PURE__ */ J("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
@@ -1314,7 +1317,7 @@ function dt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 					},
 					children: A.map(M)
 				}),
-				k && c.fields.get(k) && /* @__PURE__ */ q("div", {
+				k && c.fields.get(k) && /* @__PURE__ */ J("div", {
 					style: {
 						flex: 1,
 						minHeight: 0,
@@ -1334,7 +1337,7 @@ function dt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 						locale: m
 					})
 				}),
-				/* @__PURE__ */ J("div", {
+				/* @__PURE__ */ Y("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
@@ -1342,39 +1345,39 @@ function dt({ config: t, parentEntity: r, parentId: i, schema: a }) {
 						gap: 6,
 						flexShrink: 0
 					},
-					children: [j.map(M), /* @__PURE__ */ J("div", {
+					children: [j.map(M), /* @__PURE__ */ Y("div", {
 						style: {
 							marginLeft: "auto",
 							display: "flex",
 							alignItems: "center",
 							gap: 8
 						},
-						children: [/* @__PURE__ */ J("span", {
+						children: [/* @__PURE__ */ Y("span", {
 							style: {
 								fontSize: 10.5,
 								color: "var(--text-4)"
 							},
 							children: [
-								/* @__PURE__ */ q("span", {
+								/* @__PURE__ */ J("span", {
 									className: "mono",
 									children: "⌘"
 								}),
-								/* @__PURE__ */ q("span", {
+								/* @__PURE__ */ J("span", {
 									className: "mono",
 									children: "↵"
 								}),
 								" to add"
 							]
-						}), /* @__PURE__ */ q(O, {
+						}), /* @__PURE__ */ J(O, {
 							type: "submit",
 							kind: "primary",
-							icon: /* @__PURE__ */ q(e.plus, { size: 13 }),
+							icon: /* @__PURE__ */ J(e.plus, { size: 13 }),
 							disabled: l || !d,
 							children: "Add"
 						})]
 					})]
 				}),
-				u != null && /* @__PURE__ */ q("p", {
+				u != null && /* @__PURE__ */ J("p", {
 					style: {
 						fontSize: 11,
 						color: "var(--danger)",
@@ -1407,15 +1410,15 @@ function yt(e) {
 	return e.__optimistic === !0;
 }
 function bt({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let i = r.entities[e.entity], { rows: a, refs: o, fetchNextPage: s, hasOlder: c, isFetchingOlder: l, isLoading: u, isError: d } = at(t, n, e.entity, e.foreign_key, e.timeline?.time_field, e.limit), p = e.timeline, m = p?.scroll ?? !1, g = (e.sort ?? "").endsWith(":asc"), _ = U(() => g ? [...a].reverse() : a, [a, g]), v = p?.auto_scroll ?? "none", y = W(null), b = W(null), x = W(!1), S = W(0), C = W(null), w = W(null), T = W(!0), E = W(null);
-	H(() => {
+	let i = r.entities[e.entity], { rows: a, refs: o, fetchNextPage: s, hasOlder: c, isFetchingOlder: l, isLoading: u, isError: d } = at(t, n, e.entity, e.foreign_key, e.timeline?.time_field, e.limit), p = e.timeline, m = p?.scroll ?? !1, g = (e.sort ?? "").endsWith(":asc"), _ = W(() => g ? [...a].reverse() : a, [a, g]), v = p?.auto_scroll ?? "none", y = G(null), b = G(null), x = G(!1), S = G(0), C = G(null), w = G(null), T = G(!0), E = G(null);
+	U(() => {
 		x.current = !1, S.current = 0, C.current = null, w.current = null, T.current = !0, E.current = null;
-	}, [n]), be(() => {
+	}, [n]), ye(() => {
 		!l || !y.current || (E.current = {
 			scrollHeight: y.current.scrollHeight,
 			scrollTop: y.current.scrollTop
 		});
-	}, [l]), be(() => {
+	}, [l]), ye(() => {
 		let e = y.current;
 		if (!e || _.length === 0 || !i) {
 			S.current = _.length;
@@ -1434,11 +1437,11 @@ function bt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		g,
 		i
 	]);
-	let D = V(() => {
+	let D = H(() => {
 		let e = y.current;
 		e && (T.current = e.scrollHeight - e.scrollTop - e.clientHeight < ft);
 	}, []);
-	H(() => {
+	U(() => {
 		let e = b.current;
 		if (!e || typeof IntersectionObserver > "u") return;
 		let t = new IntersectionObserver((e) => {
@@ -1454,8 +1457,8 @@ function bt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		l,
 		s
 	]);
-	let [k, A] = G(null);
-	if (!i) return /* @__PURE__ */ q("div", {
+	let [k, A] = K(null);
+	if (!i) return /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1463,25 +1466,25 @@ function bt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "Entity not found."
 	});
-	let j = e.quick_add?.fields ?? [p?.content_field].filter(Boolean), M = f(i.display?.name_plural) || f(i.display?.name) || e.entity, ee = c ? /* @__PURE__ */ q("div", {
+	let j = e.quick_add?.fields ?? [p?.content_field].filter(Boolean), M = f(i.display?.name_plural) || f(i.display?.name) || e.entity, ee = c ? /* @__PURE__ */ J("div", {
 		style: {
 			display: "flex",
 			justifyContent: "center",
 			padding: "6px 0"
 		},
-		children: /* @__PURE__ */ q(O, {
+		children: /* @__PURE__ */ J(O, {
 			size: "xs",
 			onClick: () => s(),
 			disabled: l,
-			icon: l ? /* @__PURE__ */ q(h, { size: 11 }) : void 0,
+			icon: l ? /* @__PURE__ */ J(h, { size: 11 }) : void 0,
 			children: l ? "Loading…" : "Load older"
 		})
-	}) : null, te = /* @__PURE__ */ q("div", {
+	}) : null, N = /* @__PURE__ */ J("div", {
 		ref: b,
 		"aria-hidden": "true",
 		style: { height: 1 }
-	}), N;
-	if (d) N = /* @__PURE__ */ q("div", {
+	}), P;
+	if (d) P = /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
@@ -1489,24 +1492,24 @@ function bt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "Failed to load."
 	});
-	else if (u) N = /* @__PURE__ */ J("div", {
+	else if (u) P = /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 8,
 			padding: 12
 		},
-		children: [/* @__PURE__ */ q("div", { style: {
+		children: [/* @__PURE__ */ J("div", { style: {
 			height: 64,
 			background: "var(--surface-3)",
 			borderRadius: 8
-		} }), /* @__PURE__ */ q("div", { style: {
+		} }), /* @__PURE__ */ J("div", { style: {
 			height: 64,
 			background: "var(--surface-3)",
 			borderRadius: 8
 		} })]
 	});
-	else if (_.length === 0) N = /* @__PURE__ */ J(K, { children: [te, /* @__PURE__ */ q("div", {
+	else if (_.length === 0) P = /* @__PURE__ */ Y(q, { children: [N, /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1517,7 +1520,7 @@ function bt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 	else {
 		let a = (a, s) => {
 			let c = vt(i, a) || String(s);
-			return /* @__PURE__ */ q(xt, {
+			return /* @__PURE__ */ J(xt, {
 				row: a,
 				rowId: c,
 				childEntity: i,
@@ -1550,25 +1553,25 @@ function bt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					row: t,
 					idx: n
 				});
-			}), c = e.map((e) => /* @__PURE__ */ J("div", {
+			}), c = e.map((e) => /* @__PURE__ */ Y("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 8
 				},
-				children: [/* @__PURE__ */ q(Tt, {
+				children: [/* @__PURE__ */ J(Tt, {
 					label: e.label,
 					count: e.rows.length
 				}), e.rows.map(({ row: e, idx: t }) => a(e, t))]
 			}, `day-${e.key}`));
 		} else c = _.map((e, t) => a(e, t));
-		N = /* @__PURE__ */ J(K, { children: [
-			te,
+		P = /* @__PURE__ */ Y(q, { children: [
+			N,
 			ee,
 			c
 		] });
 	}
-	return m ? /* @__PURE__ */ J("div", {
+	return m ? /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -1578,13 +1581,13 @@ function bt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			color: "var(--text)"
 		},
 		children: [
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ J("div", {
 				style: {
 					padding: "10px 16px",
 					borderBottom: "1px solid var(--divider)",
 					background: "var(--surface)"
 				},
-				children: /* @__PURE__ */ q("h3", {
+				children: /* @__PURE__ */ J("h3", {
 					style: {
 						margin: 0,
 						fontSize: 12.5,
@@ -1593,7 +1596,7 @@ function bt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					children: M
 				})
 			}),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ J("div", {
 				ref: y,
 				onScroll: D,
 				style: {
@@ -1604,23 +1607,23 @@ function bt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					flexDirection: "column",
 					gap: 8
 				},
-				children: N
+				children: P
 			}),
-			/* @__PURE__ */ q(dt, {
+			/* @__PURE__ */ J(dt, {
 				config: e,
 				parentEntity: t,
 				parentId: n,
 				schema: r
 			})
 		]
-	}) : /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("div", {
+	}) : /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 8
 		},
-		children: N
-	}), /* @__PURE__ */ q(dt, {
+		children: P
+	}), /* @__PURE__ */ J(dt, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
@@ -1628,9 +1631,9 @@ function bt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 	})] });
 }
 function xt({ row: t, rowId: r, childEntity: i, entityCode: a, parentEntity: o, parentId: s, timeline: c, editableFields: u, refs: f, isEditing: p, onStartEdit: m, onCancelEdit: g, onSaved: _, schema: v, optimistic: b = !1 }) {
-	let S = Ce(), T = n(), [E, A] = G({}), j = V(() => {
+	let S = Se(), T = n(), [D, A] = K({}), j = H(() => {
 		S.invalidateQueries({ queryKey: [
-			ne,
+			te,
 			o,
 			s,
 			a
@@ -1640,25 +1643,25 @@ function xt({ row: t, rowId: r, childEntity: i, entityCode: a, parentEntity: o,
 		o,
 		s,
 		a
-	]), M = Se({
+	]), M = xe({
 		mutationFn: (e) => {
-			let n = t.$row_version;
-			return C(a, r, typeof n == "string" && n !== "" ? {
+			let n = t.$row_version, i = typeof n == "string" && n !== "" ? {
 				...e,
 				$row_version: n
-			} : e);
+			} : e;
+			return C(a, r, i);
 		},
 		onSuccess: () => {
-			j(), D.success("Updated"), _();
+			j(), E.success("Updated"), _();
 		},
-		onError: (e) => D.error(e.message)
-	}), ee = Se({
+		onError: (e) => E.error(e.message)
+	}), ee = xe({
 		mutationFn: () => k(a, r),
 		onSuccess: () => {
-			j(), D.success("Deleted");
+			j(), E.success("Deleted");
 		},
-		onError: (e) => D.error(e.message)
-	}), te = V(() => {
+		onError: (e) => E.error(e.message)
+	}), N = H(() => {
 		let e = {};
 		for (let n of u) e[n] = t[n] ?? "";
 		A(e), m();
@@ -1666,13 +1669,13 @@ function xt({ row: t, rowId: r, childEntity: i, entityCode: a, parentEntity: o,
 		t,
 		u,
 		m
-	]), N = V((e, t) => {
+	]), P = H((e, t) => {
 		A((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), P = c?.time_field, F = c?.type_field, I = c?.summary_field, L = c?.content_field, R = c?.author_field, z = c?.direction_field, B = c?.intent_field;
-	return p ? /* @__PURE__ */ J("div", {
+	}, []), F = c?.time_field, I = c?.type_field, L = c?.summary_field, R = c?.content_field, z = c?.author_field, B = c?.direction_field, V = c?.intent_field;
+	return p ? /* @__PURE__ */ Y("div", {
 		style: {
 			borderRadius: 10,
 			border: "1px solid var(--accent)",
@@ -1684,7 +1687,7 @@ function xt({ row: t, rowId: r, childEntity: i, entityCode: a, parentEntity: o,
 		},
 		children: [u.map((e) => {
 			let t = i.fields.get(e);
-			return t ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("label", {
+			return t ? /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 				style: {
 					fontSize: 11,
 					color: "var(--text-3)",
@@ -1695,29 +1698,29 @@ function xt({ row: t, rowId: r, childEntity: i, entityCode: a, parentEntity: o,
 			}), x({
 				field: t,
 				fieldName: e,
-				value: E[e] ?? "",
+				value: D[e] ?? "",
 				mode: "edit",
-				onChange: (t) => N(e, t),
-				record: E,
+				onChange: (t) => P(e, t),
+				record: D,
 				locale: T
 			})] }, e) : null;
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ Y("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: 6,
 				paddingTop: 4
 			},
-			children: [/* @__PURE__ */ q(O, {
+			children: [/* @__PURE__ */ J(O, {
 				kind: "primary",
 				size: "xs",
-				icon: M.isPending ? /* @__PURE__ */ q(h, { size: 12 }) : /* @__PURE__ */ q(e.check, { size: 12 }),
-				onClick: () => M.mutate(E),
+				icon: M.isPending ? /* @__PURE__ */ J(h, { size: 12 }) : /* @__PURE__ */ J(e.check, { size: 12 }),
+				onClick: () => M.mutate(D),
 				disabled: M.isPending,
 				children: M.isPending ? "Saving…" : "Save"
-			}), /* @__PURE__ */ q(O, {
+			}), /* @__PURE__ */ J(O, {
 				size: "xs",
-				icon: /* @__PURE__ */ q(e.x, { size: 12 }),
+				icon: /* @__PURE__ */ J(e.x, { size: 12 }),
 				onClick: () => {
 					A({}), g();
 				},
@@ -1725,7 +1728,7 @@ function xt({ row: t, rowId: r, childEntity: i, entityCode: a, parentEntity: o,
 				children: "Cancel"
 			})]
 		})]
-	}) : /* @__PURE__ */ J("div", {
+	}) : /* @__PURE__ */ Y("div", {
 		className: "group",
 		"data-optimistic": b || void 0,
 		style: {
@@ -1739,7 +1742,7 @@ function xt({ row: t, rowId: r, childEntity: i, entityCode: a, parentEntity: o,
 		onMouseEnter: (e) => e.currentTarget.style.borderColor = "var(--border-strong)",
 		onMouseLeave: (e) => e.currentTarget.style.borderColor = "var(--border)",
 		children: [
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -1749,109 +1752,109 @@ function xt({ row: t, rowId: r, childEntity: i, entityCode: a, parentEntity: o,
 					color: "var(--text-3)"
 				},
 				children: [
-					P && t[P] != null && i.fields.get(P) && /* @__PURE__ */ q("span", {
+					F && t[F] != null && i.fields.get(F) && /* @__PURE__ */ J("span", {
 						style: { fontWeight: 500 },
 						children: x({
-							field: i.fields.get(P),
-							fieldName: P,
-							value: t[P],
+							field: i.fields.get(F),
+							fieldName: F,
+							value: t[F],
 							mode: "display",
 							record: t,
 							refs: f,
 							locale: T
 						})
 					}),
-					F && t[F] != null && i.fields.get(F) && /* @__PURE__ */ q(y, {
+					I && t[I] != null && i.fields.get(I) && /* @__PURE__ */ J(y, {
 						tone: "slate",
 						size: "xs",
 						children: x({
-							field: i.fields.get(F),
-							fieldName: F,
-							value: t[F],
+							field: i.fields.get(I),
+							fieldName: I,
+							value: t[I],
 							mode: "display",
 							record: t,
 							refs: f,
 							locale: T
 						})
 					}),
-					z && t[z] != null && i.fields.get(z) && /* @__PURE__ */ q(Et, {
-						value: t[z],
-						field: i.fields.get(z)
+					B && t[B] != null && i.fields.get(B) && /* @__PURE__ */ J(Et, {
+						value: t[B],
+						field: i.fields.get(B)
 					}),
-					B && t[B] != null && i.fields.get(B) && /* @__PURE__ */ q(y, {
+					V && t[V] != null && i.fields.get(V) && /* @__PURE__ */ J(y, {
 						tone: "slate",
 						size: "xs",
 						children: x({
-							field: i.fields.get(B),
-							fieldName: B,
-							value: t[B],
+							field: i.fields.get(V),
+							fieldName: V,
+							value: t[V],
 							mode: "display",
 							record: t,
 							refs: f,
 							locale: T
 						})
 					}),
-					R && t[R] != null && i.fields.get(R) && /* @__PURE__ */ J("span", { children: [
+					z && t[z] != null && i.fields.get(z) && /* @__PURE__ */ Y("span", { children: [
 						"by",
 						" ",
 						x({
-							field: i.fields.get(R),
-							fieldName: R,
-							value: t[R],
+							field: i.fields.get(z),
+							fieldName: z,
+							value: t[z],
 							mode: "display",
 							record: t,
 							refs: f,
 							locale: T
 						})
 					] }),
-					!b && /* @__PURE__ */ J("div", {
+					!b && /* @__PURE__ */ Y("div", {
 						style: {
 							marginLeft: "auto",
 							display: "flex",
 							alignItems: "center",
 							gap: 2
 						},
-						children: [/* @__PURE__ */ q(w, {
+						children: [/* @__PURE__ */ J(w, {
 							size: 22,
-							icon: /* @__PURE__ */ q(e.edit, { size: 11 }),
-							onClick: te,
+							icon: /* @__PURE__ */ J(e.edit, { size: 11 }),
+							onClick: N,
 							title: "Edit"
-						}), /* @__PURE__ */ q(w, {
+						}), /* @__PURE__ */ J(w, {
 							size: 22,
-							icon: /* @__PURE__ */ q(e.trash, { size: 11 }),
+							icon: /* @__PURE__ */ J(e.trash, { size: 11 }),
 							onClick: () => ee.mutate(),
 							title: "Delete"
 						})]
 					})
 				]
 			}),
-			I && t[I] != null && i.fields.get(I) && /* @__PURE__ */ q("div", {
+			L && t[L] != null && i.fields.get(L) && /* @__PURE__ */ J("div", {
 				style: {
 					fontSize: 12.5,
 					fontWeight: 500,
 					marginTop: 6
 				},
 				children: x({
-					field: i.fields.get(I),
-					fieldName: I,
-					value: t[I],
+					field: i.fields.get(L),
+					fieldName: L,
+					value: t[L],
 					mode: "display",
 					record: t,
 					refs: f,
 					locale: T
 				})
 			}),
-			L && t[L] != null && L !== I && i.fields.get(L) && /* @__PURE__ */ q(St, {
+			R && t[R] != null && R !== L && i.fields.get(R) && /* @__PURE__ */ J(St, {
 				rendered: x({
-					field: i.fields.get(L),
-					fieldName: L,
-					value: t[L],
+					field: i.fields.get(R),
+					fieldName: R,
+					value: t[R],
 					mode: "display",
 					record: t,
 					refs: f,
 					locale: T
 				}),
-				text: l(t[L])
+				text: l(t[R])
 			})
 		]
 	});
@@ -1862,12 +1865,12 @@ function St({ rendered: e, text: t }) {
 		fontWeight: 400,
 		marginTop: 6
 	};
-	if (!_t(t)) return /* @__PURE__ */ q("div", {
+	if (!_t(t)) return /* @__PURE__ */ J("div", {
 		style: n,
 		children: e
 	});
 	let r = t.length > ht, i = r ? t.slice(0, ht) : t;
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ J("div", {
 		style: {
 			...n,
 			display: "-webkit-box",
@@ -1877,15 +1880,15 @@ function St({ rendered: e, text: t }) {
 			whiteSpace: "pre-wrap",
 			overflowWrap: "anywhere"
 		},
-		children: /* @__PURE__ */ q(_, {
+		children: /* @__PURE__ */ J(_, {
 			width: 380,
-			content: /* @__PURE__ */ J("div", {
+			content: /* @__PURE__ */ Y("div", {
 				style: {
 					fontSize: 12.5,
 					whiteSpace: "pre-wrap",
 					overflowWrap: "anywhere"
 				},
-				children: [i, r && /* @__PURE__ */ q("div", {
+				children: [i, r && /* @__PURE__ */ J("div", {
 					style: {
 						marginTop: 8,
 						fontSize: 11,
@@ -1917,7 +1920,7 @@ function wt(e) {
 	});
 }
 function Tt({ label: e, count: t }) {
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		style: {
 			position: "sticky",
 			top: -4,
@@ -1929,7 +1932,7 @@ function Tt({ label: e, count: t }) {
 			background: "linear-gradient(180deg, var(--surface-2) 0%, var(--surface-2) 65%, transparent 100%)"
 		},
 		children: [
-			/* @__PURE__ */ q("span", {
+			/* @__PURE__ */ J("span", {
 				style: {
 					fontSize: 11,
 					fontWeight: 600,
@@ -1937,12 +1940,12 @@ function Tt({ label: e, count: t }) {
 				},
 				children: e
 			}),
-			/* @__PURE__ */ q("span", { style: {
+			/* @__PURE__ */ J("span", { style: {
 				flex: 1,
 				height: 1,
 				background: "var(--divider)"
 			} }),
-			/* @__PURE__ */ q("span", {
+			/* @__PURE__ */ J("span", {
 				className: "num",
 				style: {
 					fontSize: 10.5,
@@ -1955,7 +1958,7 @@ function Tt({ label: e, count: t }) {
 }
 function Et({ value: t, field: n }) {
 	let r = Dt(t, n);
-	return r === null ? null : /* @__PURE__ */ J("span", {
+	return r === null ? null : /* @__PURE__ */ Y("span", {
 		style: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -1967,7 +1970,7 @@ function Et({ value: t, field: n }) {
 			background: r ? "var(--accent-soft)" : "var(--info-soft)",
 			color: r ? "var(--accent)" : "var(--info)"
 		},
-		children: [q(r ? e.arrowUp : e.arrowDown, { size: 10 }), r ? "Out" : "In"]
+		children: [J(r ? e.arrowUp : e.arrowDown, { size: 10 }), r ? "Out" : "In"]
 	});
 }
 function Dt(e, t) {
@@ -1982,7 +1985,7 @@ function Dt(e, t) {
 //#endregion
 //#region src/components/detail-layout/EditableChildrenTable.tsx
 function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, validationErrors: s, refs: c, forceTablePresentation: u = !1 }) {
-	let f = n(), p = E(), m = W(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) => {
+	let f = n(), p = D(), 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 n = r.fields.get(e);
 		return !(!n || n.auto || n.primary || n.source);
@@ -1990,21 +1993,24 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 		if (t.position_field && e === t.position_field) return !0;
 		let n = r.fields.get(e);
 		return n && (n.auto || n.primary || n.source);
-	})), b = V((e, t, n) => {
+	})), b = H((e, t, n) => {
 		o(a.map((r) => r._key === e ? {
 			...r,
 			[t]: n,
 			_dirty: !0
 		} : r));
-	}, [a, o]), S = V(() => {
+	}, [a, o]), S = H(() => {
 		let e = {
 			_key: crypto.randomUUID(),
 			_dirty: !0
 		};
-		g && (e[g] = a.filter((e) => !e._deleted).reduce((e, t) => {
-			let n = typeof t[g] == "number" ? t[g] : -1;
-			return Math.max(e, n);
-		}, -1) + 1);
+		if (g) {
+			let t = a.filter((e) => !e._deleted).reduce((e, t) => {
+				let n = typeof t[g] == "number" ? t[g] : -1;
+				return Math.max(e, n);
+			}, -1);
+			e[g] = t + 1;
+		}
 		let n = t.quick_add?.defaults ?? {};
 		for (let t of v) {
 			let i = r.fields.get(t);
@@ -2018,17 +2024,17 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 		r,
 		t.quick_add?.defaults,
 		g
-	]), C = V((e) => {
+	]), C = H((e) => {
 		o(a.map((t) => t._key === e ? {
 			...t,
 			_deleted: !0
 		} : t));
-	}, [a, o]), T = V((e) => {
+	}, [a, o]), T = H((e) => {
 		o(a.map((t) => t._key === e ? {
 			...t,
 			_deleted: !1
 		} : t));
-	}, [a, o]), D = V((e, t) => {
+	}, [a, o]), E = H((e, t) => {
 		if (!g) return;
 		let n = a.filter((e) => !e._deleted), r = a.filter((e) => e._deleted), i = n.findIndex((t) => t._key === e), s = i + t;
 		if (i < 0 || s < 0 || s >= n.length) return;
@@ -2042,7 +2048,7 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 		a,
 		o,
 		g
-	]), k = V((e) => {
+	]), k = H((e) => {
 		let t = e.target, n = t.closest("td");
 		if (!n) return;
 		let r = n.closest("tr");
@@ -2074,8 +2080,8 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 				}
 			});
 		} else e.key === "Escape" && t.blur?.();
-	}, [S]), A = fe;
-	return p.isPhone && !u ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("div", {
+	}, [S]), A = de;
+	return p.isPhone && !u ? /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -2083,7 +2089,7 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 		},
 		children: a.map((t, n) => {
 			let o = !!t._deleted, u = s?.[t._key], p = g ? a.filter((e) => !e._deleted) : [], m = g ? p.findIndex((e) => e._key === t._key) : -1;
-			return /* @__PURE__ */ J("div", {
+			return /* @__PURE__ */ Y("div", {
 				style: {
 					border: "1px solid var(--border)",
 					borderRadius: 8,
@@ -2091,7 +2097,7 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 					opacity: o ? .58 : 1,
 					overflow: "hidden"
 				},
-				children: [/* @__PURE__ */ J("div", {
+				children: [/* @__PURE__ */ Y("div", {
 					style: {
 						minHeight: 38,
 						padding: "8px 10px",
@@ -2101,44 +2107,44 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 						justifyContent: "space-between",
 						gap: 8
 					},
-					children: [/* @__PURE__ */ J("div", {
+					children: [/* @__PURE__ */ Y("div", {
 						style: {
 							fontSize: 12,
 							fontWeight: 600,
 							color: "var(--text-2)"
 						},
 						children: ["Row ", n + 1]
-					}), /* @__PURE__ */ J("div", {
+					}), /* @__PURE__ */ Y("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							gap: 4
 						},
-						children: [g && !o && /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(w, {
+						children: [g && !o && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(w, {
 							size: 32,
-							icon: /* @__PURE__ */ q(e.up, { size: 14 }),
-							onClick: () => D(t._key, -1),
+							icon: /* @__PURE__ */ J(e.up, { size: 14 }),
+							onClick: () => E(t._key, -1),
 							disabled: m <= 0,
 							title: "Move row up"
-						}), /* @__PURE__ */ q(w, {
+						}), /* @__PURE__ */ J(w, {
 							size: 32,
-							icon: /* @__PURE__ */ q(e.down, { size: 14 }),
-							onClick: () => D(t._key, 1),
+							icon: /* @__PURE__ */ J(e.down, { size: 14 }),
+							onClick: () => E(t._key, 1),
 							disabled: m === -1 || m >= p.length - 1,
 							title: "Move row down"
-						})] }), o ? /* @__PURE__ */ q(w, {
+						})] }), o ? /* @__PURE__ */ J(w, {
 							size: 32,
-							icon: /* @__PURE__ */ q(e.refresh, { size: 14 }),
+							icon: /* @__PURE__ */ J(e.refresh, { size: 14 }),
 							onClick: () => T(t._key),
 							title: "Undo delete"
-						}) : /* @__PURE__ */ q(w, {
+						}) : /* @__PURE__ */ J(w, {
 							size: 32,
-							icon: /* @__PURE__ */ q(e.trash, { size: 14 }),
+							icon: /* @__PURE__ */ J(e.trash, { size: 14 }),
 							onClick: () => C(t._key),
 							title: "Delete row"
 						})]
 					})]
-				}), /* @__PURE__ */ q("div", {
+				}), /* @__PURE__ */ J("div", {
 					style: {
 						padding: 10,
 						display: "flex",
@@ -2155,7 +2161,7 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 							fontWeight: 600,
 							color: "var(--text-3)"
 						}, v = !o && !s && !!n;
-						return /* @__PURE__ */ J("div", {
+						return /* @__PURE__ */ Y("div", {
 							style: {
 								display: "flex",
 								flexDirection: "column",
@@ -2164,16 +2170,16 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 								textDecoration: o ? "line-through" : "none"
 							},
 							title: a ? `${e} is required` : void 0,
-							children: [v ? /* @__PURE__ */ q("label", {
+							children: [v ? /* @__PURE__ */ J("label", {
 								id: h,
 								htmlFor: m,
 								style: _,
 								children: p
-							}) : /* @__PURE__ */ q("div", {
+							}) : /* @__PURE__ */ J("div", {
 								id: h,
 								style: _,
 								children: p
-							}), /* @__PURE__ */ q("div", {
+							}), /* @__PURE__ */ J("div", {
 								style: g,
 								children: o || s ? n ? x({
 									field: n,
@@ -2204,37 +2210,37 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 				})]
 			}, t._key);
 		})
-	}), /* @__PURE__ */ q("div", {
+	}), /* @__PURE__ */ J("div", {
 		style: { marginTop: 10 },
-		children: /* @__PURE__ */ q(O, {
+		children: /* @__PURE__ */ J(O, {
 			kind: "ghost",
 			size: "sm",
-			icon: /* @__PURE__ */ q(e.plus, { size: 14 }),
+			icon: /* @__PURE__ */ J(e.plus, { size: 14 }),
 			onClick: S,
 			children: "Add row"
 		})
-	})] }) : /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("div", {
+	})] }) : /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("div", {
 		style: { overflowX: "auto" },
-		children: /* @__PURE__ */ J("table", {
+		children: /* @__PURE__ */ Y("table", {
 			ref: m,
-			style: pe,
+			style: fe,
 			onKeyDown: k,
-			children: [/* @__PURE__ */ q("thead", { children: /* @__PURE__ */ J("tr", { children: [h.map((e) => {
+			children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ Y("tr", { children: [h.map((e) => {
 				let t = r.fields.get(e);
-				return /* @__PURE__ */ q("th", {
+				return /* @__PURE__ */ J("th", {
 					style: A,
 					children: t ? d(t, e, i.entities) : e
 				}, e);
-			}), /* @__PURE__ */ q("th", { style: {
+			}), /* @__PURE__ */ J("th", { style: {
 				...A,
 				width: 40
-			} })] }) }), /* @__PURE__ */ q("tbody", { children: a.map((t) => {
+			} })] }) }), /* @__PURE__ */ J("tbody", { children: a.map((t) => {
 				let n = !!t._deleted, i = s?.[t._key];
-				return /* @__PURE__ */ J("tr", {
+				return /* @__PURE__ */ Y("tr", {
 					style: { opacity: n ? .5 : 1 },
 					children: [h.map((e) => {
 						let a = r.fields.get(e), o = i?.includes(e), s = y.has(e);
-						return n || s ? /* @__PURE__ */ q("td", {
+						return n || s ? /* @__PURE__ */ J("td", {
 							style: {
 								padding: "6px 12px",
 								borderBottom: "1px solid var(--divider)",
@@ -2251,7 +2257,7 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 								refs: c,
 								locale: f
 							}) : l(t[e])
-						}, e) : /* @__PURE__ */ q("td", {
+						}, e) : /* @__PURE__ */ J("td", {
 							style: {
 								padding: "4px 4px",
 								borderBottom: "1px solid var(--divider)",
@@ -2273,20 +2279,20 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 								locale: f
 							}) : l(t[e])
 						}, e);
-					}), /* @__PURE__ */ q("td", {
+					}), /* @__PURE__ */ J("td", {
 						style: {
 							padding: "4px 8px",
 							borderBottom: "1px solid var(--divider)",
 							verticalAlign: "middle"
 						},
-						children: n ? /* @__PURE__ */ q(w, {
+						children: n ? /* @__PURE__ */ J(w, {
 							size: 24,
-							icon: /* @__PURE__ */ q(e.refresh, { size: 12 }),
+							icon: /* @__PURE__ */ J(e.refresh, { size: 12 }),
 							onClick: () => T(t._key),
 							title: "Undo delete"
-						}) : /* @__PURE__ */ q(w, {
+						}) : /* @__PURE__ */ J(w, {
 							size: 24,
-							icon: /* @__PURE__ */ q(e.trash, { size: 12 }),
+							icon: /* @__PURE__ */ J(e.trash, { size: 12 }),
 							onClick: () => C(t._key),
 							title: "Delete row"
 						})
@@ -2294,12 +2300,12 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 				}, t._key);
 			}) })]
 		})
-	}), /* @__PURE__ */ q("div", {
+	}), /* @__PURE__ */ J("div", {
 		style: { marginTop: 8 },
-		children: /* @__PURE__ */ q(O, {
+		children: /* @__PURE__ */ J(O, {
 			kind: "ghost",
 			size: "xs",
-			icon: /* @__PURE__ */ q(e.plus, { size: 12 }),
+			icon: /* @__PURE__ */ J(e.plus, { size: 12 }),
 			onClick: S,
 			children: "Add row"
 		})
@@ -2307,25 +2313,25 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenBlock.tsx
-var kt = _e(() => import("./DraggableChildrenTable-BDnJK0AU.js").then((e) => ({ default: e.DraggableChildrenTable })));
+var kt = ge(() => import("./DraggableChildrenTable-p2ZSdwzj.js").then((e) => ({ default: e.DraggableChildrenTable })));
 function At({ node: e, ctx: n }) {
-	let r = E(), i = e.children;
+	let r = D(), i = e.children;
 	if (!i) return null;
 	let a = r.isPhone && n.relatedRecordsPresentation === "table";
 	if (n.isNew && n.mode !== "edit") return null;
 	let o = Ke(n.entity, i);
-	if (!o) return /* @__PURE__ */ J("div", {
+	if (!o) return /* @__PURE__ */ Y("div", {
 		className: "text-sm text-muted-foreground py-2",
 		children: ["Unknown child relation: ", i]
 	});
 	let s = n.schema.entities[o.entity];
-	if (!s) return /* @__PURE__ */ J("div", {
+	if (!s) return /* @__PURE__ */ Y("div", {
 		className: "text-sm text-muted-foreground py-2",
 		children: ["Entity not found: ", o.entity]
 	});
-	let c = Pe(o, s, e), l = je(e, n), u = Y(e, n), d = (e) => c.mode === "timeline" || n.withinCard ? e : /* @__PURE__ */ q(ie, {
+	let c = Pe(o, s, e), l = Ae(e, n), u = je(e, n), d = (e) => c.mode === "timeline" || n.withinCard ? e : /* @__PURE__ */ J(L, {
 		title: l,
-		icon: u ? /* @__PURE__ */ q(t, {
+		icon: u ? /* @__PURE__ */ J(t, {
 			name: u,
 			size: 14
 		}) : void 0,
@@ -2333,9 +2339,9 @@ function At({ node: e, ctx: n }) {
 	});
 	if (n.mode === "edit" && c.editable && c.interaction !== "navigate" && c.interaction !== "readonly" && v(s, "update") && c.mode === "table" && n.pendingChildren !== void 0 && n.onChildrenChange) {
 		let e = n.pendingChildren[i] ?? [], t = n.childValidationErrors?.[i], o = c.position_field ? r.isPhone && !a ? Ot : kt : Ot;
-		return d(/* @__PURE__ */ q(he, {
-			fallback: /* @__PURE__ */ q(L, {}),
-			children: /* @__PURE__ */ q(o, {
+		return d(/* @__PURE__ */ J(me, {
+			fallback: /* @__PURE__ */ J(ee, {}),
+			children: /* @__PURE__ */ J(o, {
 				config: c,
 				childEntity: s,
 				schema: n.schema,
@@ -2355,35 +2361,41 @@ function At({ node: e, ctx: n }) {
 		schema: n.schema
 	};
 	switch (c.mode) {
-		case "list": return d(/* @__PURE__ */ q(nt, { ...f }));
-		case "cards": return d(/* @__PURE__ */ q(rt, { ...f }));
-		case "timeline": return d(/* @__PURE__ */ q(bt, { ...f }));
-		default: return r.isPhone && !a ? d(/* @__PURE__ */ q(rt, { ...f })) : d(/* @__PURE__ */ q(tt, { ...f }));
+		case "list": return d(/* @__PURE__ */ J(nt, { ...f }));
+		case "cards": return d(/* @__PURE__ */ J(rt, { ...f }));
+		case "timeline": return d(/* @__PURE__ */ J(bt, { ...f }));
+		default: return r.isPhone && !a ? d(/* @__PURE__ */ J(rt, { ...f })) : d(/* @__PURE__ */ J(tt, { ...f }));
 	}
 }
 //#endregion
 //#region src/components/detail-layout/FieldRow.tsx
-var jt = 150, Mt = 560, Nt = "20px", Pt = 4, Ft = /* @__PURE__ */ new Set([
+var jt = 150, Mt = 560, Nt = 270, Pt = "20px", Ft = 4, It = /* @__PURE__ */ new Set([
 	"text",
 	"rich_text",
 	"json",
 	"structure",
 	"multilang_text"
-]), It = ge({ columns: 2 });
-function Lt({ columns: e = 2, children: t }) {
-	let n = W(null), [r, i] = G(!1);
-	H(() => {
-		let t = n.current;
-		if (!t || e === 1 || typeof ResizeObserver > "u") return;
-		let r = new ResizeObserver(([e]) => {
-			i(e.contentRect.width < Mt);
+]), Lt = he({
+	columns: 2,
+	stackPairs: !1
+});
+function Rt({ columns: e = 2, children: t }) {
+	let n = G(null), [r, i] = K(null);
+	U(() => {
+		let e = n.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(([e]) => {
+			i(e.contentRect.width);
 		});
-		return r.observe(t), () => r.disconnect();
-	}, [e]);
-	let a = e === 1 || r ? 1 : e;
-	return /* @__PURE__ */ q(It.Provider, {
-		value: { columns: a },
-		children: /* @__PURE__ */ q("div", {
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let a = e === 1 || r !== null && r < Mt ? 1 : e, o = r === null ? null : (r - (a - 1) * 24) / a, s = o !== null && o < Nt;
+	return /* @__PURE__ */ J(Lt.Provider, {
+		value: {
+			columns: a,
+			stackPairs: s
+		},
+		children: /* @__PURE__ */ J("div", {
 			ref: n,
 			style: {
 				display: "grid",
@@ -2395,9 +2407,9 @@ function Lt({ columns: e = 2, children: t }) {
 		})
 	});
 }
-function Rt({ label: t, children: n, span: r = !1, required: i, error: a, hint: o, actions: s, copyValue: c, mode: l = "display", htmlFor: u, labelId: d, labelTitle: f, "data-testid": p }) {
-	let h = ve(It), g = r || h.columns === 1, _ = !!a;
-	return /* @__PURE__ */ J("div", {
+function zt({ label: t, children: n, span: r = !1, required: i, error: a, hint: o, actions: s, copyValue: c, mode: l = "display", htmlFor: u, labelId: d, labelTitle: f, "data-testid": p }) {
+	let h = _e(Lt), g = r || h.stackPairs, _ = !!a;
+	return /* @__PURE__ */ Y("div", {
 		className: "detail-row",
 		"data-error": _ || void 0,
 		"data-testid": p,
@@ -2409,29 +2421,29 @@ function Rt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 			padding: "6px 0",
 			...r ? { gridColumn: "1 / -1" } : null
 		},
-		children: [/* @__PURE__ */ J("div", {
+		children: [/* @__PURE__ */ Y("div", {
 			style: {
 				width: g ? "auto" : jt,
 				flexShrink: 0,
-				paddingTop: g ? 0 : Pt,
+				paddingTop: g ? 0 : Ft,
 				fontSize: 12,
-				lineHeight: Nt,
+				lineHeight: Pt,
 				fontWeight: 500,
 				color: "var(--text-3)",
 				display: "flex",
 				alignItems: "flex-start",
 				gap: 2
 			},
-			children: [u ? /* @__PURE__ */ q("label", {
+			children: [u ? /* @__PURE__ */ J("label", {
 				id: d,
 				htmlFor: u,
 				title: f || void 0,
 				children: t
-			}) : /* @__PURE__ */ q("span", {
+			}) : /* @__PURE__ */ J("span", {
 				id: d,
 				title: f || void 0,
 				children: t
-			}), i && l === "edit" && /* @__PURE__ */ q("span", {
+			}), i && l === "edit" && /* @__PURE__ */ J("span", {
 				"aria-hidden": "true",
 				style: {
 					color: "var(--danger)",
@@ -2439,7 +2451,7 @@ function Rt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 				},
 				children: "*"
 			})]
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ Y("div", {
 			style: {
 				flex: 1,
 				minWidth: 0,
@@ -2447,31 +2459,31 @@ function Rt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 				flexDirection: "column",
 				gap: 3
 			},
-			children: [/* @__PURE__ */ J("div", {
+			children: [/* @__PURE__ */ Y("div", {
 				style: {
 					display: "flex",
 					alignItems: "flex-start",
 					gap: 6,
 					minHeight: 24
 				},
-				children: [/* @__PURE__ */ q("div", {
+				children: [/* @__PURE__ */ J("div", {
 					style: {
 						flex: 1,
 						minWidth: 0,
 						fontSize: 13,
-						lineHeight: Nt,
+						lineHeight: Pt,
 						color: "var(--text)",
 						overflowWrap: "anywhere",
-						paddingTop: l === "display" && !g ? Pt : 0
+						paddingTop: l === "display" && !g ? Ft : 0
 					},
-					children: _ && l === "edit" ? /* @__PURE__ */ q("div", {
+					children: _ && l === "edit" ? /* @__PURE__ */ J("div", {
 						style: {
 							borderRadius: 6,
 							boxShadow: "0 0 0 1.5px var(--danger)"
 						},
 						children: n
 					}) : n
-				}), (c || s) && /* @__PURE__ */ J("div", {
+				}), (c || s) && /* @__PURE__ */ Y("div", {
 					className: "detail-row-action",
 					style: {
 						display: "flex",
@@ -2479,13 +2491,13 @@ function Rt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 						flexShrink: 0,
 						marginTop: -2
 					},
-					children: [c && /* @__PURE__ */ q(m, {
+					children: [c && /* @__PURE__ */ J(m, {
 						value: c,
 						size: "sm",
 						title: "Copy value"
 					}), s]
 				})]
-			}), (_ || o != null) && /* @__PURE__ */ J("div", {
+			}), (_ || o != null) && /* @__PURE__ */ Y("div", {
 				style: {
 					fontSize: 11.5,
 					lineHeight: 1.4,
@@ -2494,25 +2506,25 @@ function Rt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 					alignItems: "center",
 					gap: 4
 				},
-				children: [_ && /* @__PURE__ */ q(e.warning, { size: 11 }), /* @__PURE__ */ q("span", { children: _ ? a : o })]
+				children: [_ && /* @__PURE__ */ J(e.warning, { size: 11 }), /* @__PURE__ */ J("span", { children: _ ? a : o })]
 			})]
 		})]
 	});
 }
 //#endregion
 //#region src/components/detail-layout/FieldsBlock.tsx
-function zt({ fields: e, ctx: t }) {
+function Bt({ fields: e, ctx: t }) {
 	let { entity: r, entityCode: i, record: a, mode: o, onFieldChange: s, schema: c } = t, u = n(), d = t.columns ?? 2, p = d === 1 && e.length === 1;
-	return /* @__PURE__ */ q(Lt, {
+	return /* @__PURE__ */ J(Rt, {
 		columns: d,
 		children: e.map((e) => {
-			let n = e.name, d = `${i ?? "field"}-${n}`, m = `${d}-label`, h = r.fields.get(n), g = !!(h?.auto || h?.readonly || h?.source), _ = B(r, n), v = _?.read === "denied", y = _?.write === "denied", b = o === "display" ? v : y || v, x = g || o === "edit" && y ? "display" : o, S = b ? /* @__PURE__ */ q(oe, {
+			let n = e.name, d = `${i ?? "field"}-${n}`, m = `${d}-label`, h = r.fields.get(n), g = !!(h?.auto || h?.readonly || h?.source), _ = ne(r, n), v = _?.read === "denied", y = _?.write === "denied", b = o === "display" ? v : y || v, x = g || o === "edit" && y ? "display" : o, S = b ? /* @__PURE__ */ J(ue, {
 				tier: _.classification,
-				tierDef: ue(c, r, n),
+				tierDef: B(c, r, n),
 				requiredPermission: _?.required_permission,
 				locale: u,
 				variant: x === "edit" ? "input" : "value"
-			}) : se({
+			}) : V({
 				entity: r,
 				entityCode: i,
 				fieldName: n,
@@ -2524,20 +2536,21 @@ function zt({ fields: e, ctx: t }) {
 				screens: c?.screens,
 				locale: u,
 				fieldId: d,
-				labelId: m
+				labelId: m,
+				structure: e.structure
 			});
 			if (!S) return null;
-			let C = o === "display" && e.actions && e.actions.length > 0 ? /* @__PURE__ */ q(K, { children: e.actions.map((e, t) => /* @__PURE__ */ q(F, {
+			let C = o === "display" && e.actions && e.actions.length > 0 ? /* @__PURE__ */ J(q, { children: e.actions.map((e, t) => /* @__PURE__ */ J(z, {
 				actionCode: `${n}.action[${t}]`,
 				action: e,
 				entityCode: i,
 				row: a,
 				variant: "ghost",
 				size: "icon"
-			}, t)) }) : void 0, w = !!h && Ft.has(h.type), T = a?.[n], E = x === "display" && (h?.copyable || h?.type === "uuid") && T != null && T !== "" ? l(T) : void 0, D = f(h?.display?.description);
-			return p ? /* @__PURE__ */ J("div", {
+			}, t)) }) : void 0, w = !!h && It.has(h.type), T = a?.[n], E = x === "display" && (h?.copyable || h?.type === "uuid") && T != null && T !== "" ? l(T) : void 0, D = f(h?.display?.description);
+			return p ? /* @__PURE__ */ Y("div", {
 				style: { gridColumn: "1 / -1" },
-				children: [S, x === "edit" && D && /* @__PURE__ */ q("div", {
+				children: [S, x === "edit" && D && /* @__PURE__ */ J("div", {
 					style: {
 						fontSize: 11.5,
 						lineHeight: 1.4,
@@ -2546,9 +2559,9 @@ function zt({ fields: e, ctx: t }) {
 					},
 					children: D
 				})]
-			}, n) : /* @__PURE__ */ q(Rt, {
+			}, n) : /* @__PURE__ */ J(zt, {
 				"data-testid": `field-${n}`,
-				label: P(r, n, c.entities),
+				label: le(r, n, c.entities),
 				htmlFor: x === "edit" ? d : void 0,
 				labelId: m,
 				labelTitle: D || void 0,
@@ -2566,7 +2579,7 @@ function zt({ fields: e, ctx: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/PropertiesBlock.tsx
-var Bt = /* @__PURE__ */ new Set([
+var Vt = /* @__PURE__ */ new Set([
 	"string",
 	"text",
 	"int",
@@ -2574,16 +2587,16 @@ var Bt = /* @__PURE__ */ new Set([
 	"decimal",
 	"email",
 	"url"
-]), Vt = 500;
-function Ht({ node: e, ctx: t }) {
+]), Ht = 500;
+function Ut({ node: e, ctx: t }) {
 	let { entity: n, objectProperties: i, onSetProperty: a, isNew: o, mode: s, refs: c } = t, l = n.properties ?? {};
 	if (o) return null;
 	let u = e.properties === !0 || e.properties, d = u === !0 ? Object.entries(l).sort(([e], [t]) => e.localeCompare(t)) : u.filter((e) => l[e] != null).map((e) => [e, l[e]]);
-	return d.length === 0 ? null : /* @__PURE__ */ q(Lt, {
+	return d.length === 0 ? null : /* @__PURE__ */ J(Rt, {
 		columns: 2,
 		children: d.map(([e, o]) => {
 			let l = i?.find((t) => t.property_code === e), u = r(o), d = o.readonly || !a ? "display" : s;
-			return /* @__PURE__ */ q(Ut, {
+			return /* @__PURE__ */ J(Wt, {
 				propCode: e,
 				prop: o,
 				field: u,
@@ -2597,25 +2610,25 @@ function Ht({ node: e, ctx: t }) {
 		})
 	});
 }
-function Ut({ propCode: e, prop: t, field: r, value: i, mode: a, onSetProperty: o, refs: s, entity: c, schema: l }) {
-	let u = n(), d = W(null);
-	H(() => () => {
+function Wt({ propCode: e, prop: t, field: r, value: i, mode: a, onSetProperty: o, refs: s, entity: c, schema: l }) {
+	let u = n(), d = G(null);
+	U(() => () => {
 		d.current && clearTimeout(d.current);
 	}, []);
-	let p = V((n) => {
-		o && (Bt.has(t.type) ? (d.current && clearTimeout(d.current), d.current = setTimeout(() => o(e, n), Vt)) : o(e, n));
+	let p = H((n) => {
+		o && (Vt.has(t.type) ? (d.current && clearTimeout(d.current), d.current = setTimeout(() => o(e, n), Ht)) : o(e, n));
 	}, [
 		e,
 		t.type,
 		o
-	]), m = B(c, e), h = m?.read === "denied", g = m?.write === "denied", _ = a === "display" ? h : g || h, v = a === "edit" && g ? "display" : a;
-	return /* @__PURE__ */ q(Rt, {
+	]), m = ne(c, e), h = m?.read === "denied", g = m?.write === "denied", _ = a === "display" ? h : g || h, v = a === "edit" && g ? "display" : a;
+	return /* @__PURE__ */ J(zt, {
 		label: f(t.display?.name ?? t.name),
 		mode: v,
-		span: Ft.has(t.type),
-		children: _ ? /* @__PURE__ */ q(oe, {
+		span: It.has(t.type),
+		children: _ ? /* @__PURE__ */ J(ue, {
 			tier: m.classification,
-			tierDef: ue(l, c, e),
+			tierDef: B(l, c, e),
 			requiredPermission: m?.required_permission,
 			locale: u,
 			variant: v === "edit" ? "input" : "value"
@@ -2632,9 +2645,9 @@ function Ut({ propCode: e, prop: t, field: r, value: i, mode: a, onSetProperty:
 }
 //#endregion
 //#region src/components/shared/StatusStepper.tsx
-function Wt({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1 }) {
+function Gt({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1 }) {
 	let o = t.findIndex((e) => e.code === n);
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ J("div", {
 		role: "list",
 		style: {
 			display: "flex",
@@ -2646,7 +2659,7 @@ function Wt({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1
 		},
 		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__ */ J("button", {
+			return /* @__PURE__ */ Y("button", {
 				role: "listitem",
 				type: "button",
 				disabled: !d,
@@ -2670,7 +2683,7 @@ function Wt({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1
 					clipPath: g,
 					whiteSpace: "nowrap"
 				},
-				children: [/* @__PURE__ */ q("span", {
+				children: [/* @__PURE__ */ J("span", {
 					style: {
 						width: 16,
 						height: 16,
@@ -2685,8 +2698,8 @@ function Wt({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1
 						fontSize: 9.5,
 						fontWeight: 700
 					},
-					children: c ? /* @__PURE__ */ q(e.check, { size: 10 }) : s + 1
-				}), /* @__PURE__ */ q("span", {
+					children: c ? /* @__PURE__ */ J(e.check, { size: 10 }) : s + 1
+				}), /* @__PURE__ */ J("span", {
 					style: {
 						overflow: "hidden",
 						textOverflow: "ellipsis"
@@ -2699,8 +2712,8 @@ function Wt({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1
 }
 //#endregion
 //#region src/components/shared/StatusGroupsDisplay.tsx
-function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r, mode: i = "edit" }) {
-	return /* @__PURE__ */ q("div", {
+function Kt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r, mode: i = "edit" }) {
+	return /* @__PURE__ */ J("div", {
 		style: {
 			display: "flex",
 			flexWrap: "wrap",
@@ -2711,27 +2724,27 @@ function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 			let o = t?.find((t) => t.group_code === e)?.status_code, s = o ? a.statuses.find((e) => e.code === o) : void 0;
 			if (a.display_mode === "stepper") {
 				let t = i === "edit", s = t ? a.transitions && o ? /* @__PURE__ */ new Set([o, ...a.transitions[o] ?? []]) : new Set(a.statuses.map((e) => e.code)) : void 0;
-				return /* @__PURE__ */ J("div", {
+				return /* @__PURE__ */ Y("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
 						gap: 8,
 						minWidth: 0
 					},
-					children: [/* @__PURE__ */ J("span", {
+					children: [/* @__PURE__ */ Y("span", {
 						style: {
 							fontSize: 12,
 							color: "var(--text-3)",
 							flexShrink: 0
 						},
 						children: [f(a.name), ":"]
-					}), /* @__PURE__ */ q("div", {
+					}), /* @__PURE__ */ J("div", {
 						style: {
 							minWidth: 240,
 							opacity: r ? .6 : 1,
 							pointerEvents: r ? "none" : "auto"
 						},
-						children: /* @__PURE__ */ q(Wt, {
+						children: /* @__PURE__ */ J(Gt, {
 							stages: a.statuses.map((e) => ({
 								code: e.code,
 								label: f(e.name)
@@ -2744,23 +2757,23 @@ function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 					})]
 				}, e);
 			}
-			if (i === "display") return /* @__PURE__ */ J("div", {
+			if (i === "display") return /* @__PURE__ */ Y("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: 8
 				},
-				children: [/* @__PURE__ */ J("span", {
+				children: [/* @__PURE__ */ Y("span", {
 					style: {
 						fontSize: 12,
 						color: "var(--text-3)"
 					},
 					children: [f(a.name), ":"]
-				}), s ? /* @__PURE__ */ q(y, {
+				}), s ? /* @__PURE__ */ J(y, {
 					tone: s.color ?? "slate",
 					size: "xs",
 					children: f(s.name)
-				}) : /* @__PURE__ */ q("span", {
+				}) : /* @__PURE__ */ J("span", {
 					style: {
 						fontSize: 12.5,
 						color: "var(--text-4)"
@@ -2770,13 +2783,13 @@ function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 			}, e);
 			let l = (a.transitions && o ? a.statuses.filter((e) => e.code === o || (a.transitions[o]?.includes(e.code) ?? !1)) : a.statuses).map((e) => ({
 				value: e.code,
-				label: /* @__PURE__ */ J("span", {
+				label: /* @__PURE__ */ Y("span", {
 					style: {
 						display: "inline-flex",
 						alignItems: "center",
 						gap: 6
 					},
-					children: [e.color && /* @__PURE__ */ q("span", { style: {
+					children: [e.color && /* @__PURE__ */ J("span", { style: {
 						width: 8,
 						height: 8,
 						borderRadius: 999,
@@ -2785,25 +2798,25 @@ function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 					} }), f(e.name)]
 				})
 			}));
-			return /* @__PURE__ */ J("div", {
+			return /* @__PURE__ */ Y("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: 8
 				},
-				children: [/* @__PURE__ */ J("span", {
+				children: [/* @__PURE__ */ Y("span", {
 					style: {
 						fontSize: 12,
 						color: "var(--text-3)"
 					},
 					children: [f(a.name), ":"]
-				}), /* @__PURE__ */ q("div", {
+				}), /* @__PURE__ */ J("div", {
 					style: {
 						minWidth: 180,
 						opacity: r ? .6 : 1,
 						pointerEvents: r ? "none" : "auto"
 					},
-					children: /* @__PURE__ */ q(c, {
+					children: /* @__PURE__ */ J(c, {
 						value: o ?? "",
 						options: l,
 						onChange: (t) => n(e, t),
@@ -2816,31 +2829,31 @@ function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 }
 //#endregion
 //#region src/components/detail-layout/StatusesBlock.tsx
-var Kt = () => {};
-function qt({ node: e, ctx: t }) {
+var qt = () => {};
+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 || e.statuses, l = Object.fromEntries(Object.entries(s).filter(([e]) => c === !0 || c.includes(e)));
-	return Object.keys(l).length === 0 ? null : /* @__PURE__ */ q(Gt, {
+	return Object.keys(l).length === 0 ? null : /* @__PURE__ */ J(Kt, {
 		statusGroups: l,
 		objectStatuses: r,
-		onSetStatus: i ?? Kt,
+		onSetStatus: i ?? qt,
 		isPending: a ?? !1,
 		mode: t.mode
 	});
 }
 //#endregion
 //#region src/components/detail-layout/widgets/canonicalizeJson.ts
-function Jt(e) {
-	if (Array.isArray(e)) return e.map(Jt);
+function Yt(e) {
+	if (Array.isArray(e)) return e.map(Yt);
 	if (typeof e == "object" && e) {
 		let t = e, n = {};
-		for (let e of Object.keys(t).sort()) n[e] = Jt(t[e]);
+		for (let e of Object.keys(t).sort()) n[e] = Yt(t[e]);
 		return n;
 	}
 	return e;
 }
-function Yt(e) {
+function Xt(e) {
 	switch (typeof e) {
 		case "string": return e;
 		case "number":
@@ -2852,39 +2865,39 @@ function Yt(e) {
 		default: return "";
 	}
 }
-function Xt(e) {
+function Zt(e) {
 	if (e == null) return "";
 	try {
-		return JSON.stringify(Jt(e), null, 2) ?? Yt(e);
+		return JSON.stringify(Yt(e), null, 2) ?? Xt(e);
 	} catch {
-		return Yt(e);
+		return Xt(e);
 	}
 }
 //#endregion
 //#region src/components/detail-layout/widgets/JsonDiffWidget.tsx
-var Zt = "Audit change diff", Qt = _e(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonDiff }))), $t = _e(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonSource }))), en = _e(() => import("./JsonEditor-DoNmyrYd.js").then((e) => ({ default: e.JsonEditor })));
-function tn() {
-	return /* @__PURE__ */ q("div", {
+var Qt = "Audit change diff", $t = ge(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonDiff }))), en = ge(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonSource }))), tn = ge(() => import("./JsonEditor-DoNmyrYd.js").then((e) => ({ default: e.JsonEditor })));
+function nn() {
+	return /* @__PURE__ */ J("div", {
 		className: "flex h-full w-full items-center justify-center text-sm text-muted-foreground",
 		children: "Loading editor…"
 	});
 }
-function nn({ before: e, after: t }) {
-	return /* @__PURE__ */ q(he, {
-		fallback: /* @__PURE__ */ q(tn, {}),
-		children: /* @__PURE__ */ J("div", {
+function rn({ before: e, after: t }) {
+	return /* @__PURE__ */ J(me, {
+		fallback: /* @__PURE__ */ J(nn, {}),
+		children: /* @__PURE__ */ Y("div", {
 			className: "flex h-full w-full gap-2",
 			role: "group",
-			"aria-label": Zt,
-			children: [/* @__PURE__ */ q("div", {
+			"aria-label": Qt,
+			children: [/* @__PURE__ */ J("div", {
 				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ q(en, {
+				children: /* @__PURE__ */ J(tn, {
 					value: e,
 					readOnly: !0
 				})
-			}), /* @__PURE__ */ q("div", {
+			}), /* @__PURE__ */ J("div", {
 				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ q(en, {
+				children: /* @__PURE__ */ J(tn, {
 					value: t,
 					readOnly: !0
 				})
@@ -2892,18 +2905,18 @@ function nn({ before: e, after: t }) {
 		})
 	});
 }
-function rn({ mode: e, onChange: t }) {
-	return /* @__PURE__ */ J("div", {
+function an({ mode: e, onChange: t }) {
+	return /* @__PURE__ */ Y("div", {
 		className: "inline-flex gap-1",
 		role: "group",
 		"aria-label": "Diff view mode",
-		children: [/* @__PURE__ */ q("button", {
+		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__ */ q("button", {
+		}), /* @__PURE__ */ J("button", {
 			type: "button",
 			"aria-pressed": e === "source",
 			onClick: () => t("source"),
@@ -2912,42 +2925,42 @@ function rn({ mode: e, onChange: t }) {
 		})]
 	});
 }
-function an({ values: e, options: t }) {
-	let n = e.before, r = e.after, [i, a] = G(t?.default_mode === "source" ? "source" : "diff"), o = Xt(n), s = Xt(r);
-	return /* @__PURE__ */ J("div", {
+function on({ values: e, options: t }) {
+	let n = e.before, r = e.after, i = t?.default_mode === "source" ? "source" : "diff", [a, o] = K(i), s = Zt(n), c = Zt(r);
+	return /* @__PURE__ */ Y("div", {
 		className: "flex flex-col gap-2",
-		children: [/* @__PURE__ */ J("div", {
+		children: [/* @__PURE__ */ Y("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ q(rn, {
-				mode: i,
-				onChange: a
-			}), o === s && /* @__PURE__ */ q("span", {
+			children: [/* @__PURE__ */ J(an, {
+				mode: a,
+				onChange: o
+			}), s === c && /* @__PURE__ */ J("span", {
 				className: "text-xs text-muted-foreground",
 				role: "status",
 				children: "No field changes"
 			})]
-		}), /* @__PURE__ */ q("div", {
+		}), /* @__PURE__ */ J("div", {
 			className: "h-[480px] w-full overflow-hidden rounded border",
 			role: "group",
-			"aria-label": Zt,
-			children: /* @__PURE__ */ q(ae, {
-				fallback: /* @__PURE__ */ q(nn, {
+			"aria-label": Qt,
+			children: /* @__PURE__ */ J(ae, {
+				fallback: /* @__PURE__ */ J(rn, {
 					before: n,
 					after: r
 				}),
-				children: /* @__PURE__ */ q(he, {
-					fallback: /* @__PURE__ */ q(tn, {}),
-					children: i === "diff" ? /* @__PURE__ */ q(Qt, {
-						before: o,
-						after: s
-					}) : /* @__PURE__ */ J("div", {
+				children: /* @__PURE__ */ J(me, {
+					fallback: /* @__PURE__ */ J(nn, {}),
+					children: a === "diff" ? /* @__PURE__ */ J($t, {
+						before: s,
+						after: c
+					}) : /* @__PURE__ */ Y("div", {
 						className: "flex h-full w-full gap-2",
-						children: [/* @__PURE__ */ q("div", {
+						children: [/* @__PURE__ */ J("div", {
 							className: "min-w-0 flex-1",
-							children: /* @__PURE__ */ q($t, { value: o })
-						}), /* @__PURE__ */ q("div", {
+							children: /* @__PURE__ */ J(en, { value: s })
+						}), /* @__PURE__ */ J("div", {
 							className: "min-w-0 flex-1",
-							children: /* @__PURE__ */ q($t, { value: s })
+							children: /* @__PURE__ */ J(en, { value: c })
 						})]
 					})
 				})
@@ -2966,7 +2979,7 @@ function Q(e) {
 	let n = Object.entries(t).filter((e) => typeof e[1] == "string");
 	return n.length > 0 ? Object.fromEntries(n) : void 0;
 }
-function on(e) {
+function sn(e) {
 	return Array.isArray(e) ? e.flatMap((e) => {
 		let t = Z(e);
 		return !t || typeof t.field != "string" ? [] : [{
@@ -2976,7 +2989,7 @@ function on(e) {
 		}];
 	}) : [];
 }
-function sn(e) {
+function cn(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 = Z(e);
@@ -3011,7 +3024,7 @@ function sn(e) {
 		filter_label: Q(r.filter_label),
 		all_label: Q(r.all_label),
 		empty_label: Q(r.empty_label),
-		columns: on(r.columns),
+		columns: sn(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 = Z(e.drillthrough), o = a && typeof a.route == "string" && typeof a.scope_field == "string" && typeof a.window_field == "string" ? {
@@ -3036,7 +3049,7 @@ function sn(e) {
 		drillthrough: o
 	};
 }
-function cn(e, t, n) {
+function ln(e, t, n) {
 	if (e == null || e === "") return "N/A";
 	if (t === "number") return new Intl.NumberFormat(n).format(Number(e));
 	if (t === "percent_ratio") return new Intl.NumberFormat(n, {
@@ -3054,17 +3067,17 @@ function cn(e, t, n) {
 	}
 	return typeof e == "string" ? e : typeof e == "number" || typeof e == "bigint" || typeof e == "boolean" ? String(e) : "N/A";
 }
-function ln(e, t) {
+function un(e, t) {
 	return typeof e.id == "string" || typeof e.id == "number" ? String(e.id) : `row-${t}`;
 }
-function un(e, t) {
+function dn(e, t) {
 	return !t || Object.entries(t).every(([t, n]) => e[t] === n);
 }
-function dn({ values: e, options: t }) {
-	let r = U(() => sn(t), [t]), i = n(), a = re(), o = e.scope, s = r?.windows.some((e) => e.code === r.default_window) ? r.default_window : r?.windows[0]?.code ?? "", [c, l] = G(s), [u, d] = G("");
-	H(() => {
+function fn({ values: e, options: t }) {
+	let r = W(() => cn(t), [t]), i = n(), a = re(), o = e.scope, s = r?.windows.some((e) => e.code === r.default_window) ? r.default_window : r?.windows[0]?.code ?? "", [c, l] = K(s), [u, d] = K("");
+	U(() => {
 		l(s);
-	}, [s]), H(() => {
+	}, [s]), U(() => {
 		d("");
 	}, [c]);
 	let m = r ? [{
@@ -3091,12 +3104,12 @@ function dn({ values: e, options: t }) {
 		sort: g?.sort,
 		filters: _
 	}, !!(g && o && c));
-	if (!r || !o) return /* @__PURE__ */ q("div", {
+	if (!r || !o) return /* @__PURE__ */ J("div", {
 		role: "alert",
 		className: "rounded border border-destructive p-3 text-sm text-destructive",
 		children: "Invalid entity_scorecard configuration."
 	});
-	let y = h.data?.data?.[0], b = v.data?.data ?? [], x = g?.filter_field ? Array.from(new Set(b.map((e) => e[g.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], S = u && g?.filter_field ? b.filter((e) => e[g.filter_field] === u) : b, C = (e) => !u || !e.filtered || !g?.filter_field ? y?.[e.field] : b.find((t) => t[g.filter_field] === u && un(t, e.filtered?.where))?.[e.filtered.field], w = (e) => {
+	let y = h.data?.data?.[0], b = v.data?.data ?? [], x = g?.filter_field ? Array.from(new Set(b.map((e) => e[g.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], S = u && g?.filter_field ? b.filter((e) => e[g.filter_field] === u) : b, C = (e) => !u || !e.filtered || !g?.filter_field ? y?.[e.field] : b.find((t) => t[g.filter_field] === u && dn(t, e.filtered?.where))?.[e.filtered.field], w = (e) => {
 		let t = r.drillthrough;
 		if (!t || !e.drillthrough_value) return;
 		let n = [{
@@ -3118,52 +3131,52 @@ function dn({ values: e, options: t }) {
 			value: e.drillthrough_value
 		}), a(t.route, { search: new URLSearchParams({ filters: JSON.stringify(n) }).toString() });
 	}, T = h.error ?? v.error;
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "flex min-w-0 flex-col gap-4",
 		"aria-label": f(r.title, i) || "Scorecard",
 		children: [
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ J("div", {
+				children: [/* @__PURE__ */ Y("div", {
 					className: "min-w-0",
 					children: [
-						r.title && /* @__PURE__ */ q("h3", {
+						r.title && /* @__PURE__ */ J("h3", {
 							className: "text-base font-semibold text-foreground",
 							children: f(r.title, i)
 						}),
-						r.description && /* @__PURE__ */ q("p", {
+						r.description && /* @__PURE__ */ J("p", {
 							className: "mt-1 text-sm text-muted-foreground",
 							children: f(r.description, i)
 						}),
-						r.intended_note && /* @__PURE__ */ q("p", {
+						r.intended_note && /* @__PURE__ */ J("p", {
 							className: "mt-1 text-xs text-muted-foreground",
 							children: f(r.intended_note, i)
 						})
 					]
-				}), /* @__PURE__ */ J("div", {
+				}), /* @__PURE__ */ Y("div", {
 					className: "flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ q("div", {
+					children: [/* @__PURE__ */ J("div", {
 						role: "group",
 						"aria-label": "Scorecard window",
 						className: "inline-flex rounded border border-border p-1",
-						children: r.windows.map((e) => /* @__PURE__ */ q("button", {
+						children: r.windows.map((e) => /* @__PURE__ */ J("button", {
 							type: "button",
 							"aria-pressed": c === e.code,
 							onClick: () => l(e.code),
 							className: `rounded px-3 py-1.5 text-xs font-medium ${c === e.code ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
 							children: f(e.label, i) || e.code
 						}, e.code))
-					}), g?.filter_field && /* @__PURE__ */ J("label", {
+					}), g?.filter_field && /* @__PURE__ */ Y("label", {
 						className: "flex items-center gap-2 text-xs text-muted-foreground",
-						children: [f(g.filter_label, i) || "Filter", /* @__PURE__ */ J("select", {
+						children: [f(g.filter_label, i) || "Filter", /* @__PURE__ */ Y("select", {
 							"aria-label": f(g.filter_label, i) || "Filter",
 							value: u,
 							onChange: (e) => d(e.target.value),
 							className: "rounded border border-border bg-background px-2 py-1.5 text-foreground",
-							children: [/* @__PURE__ */ q("option", {
+							children: [/* @__PURE__ */ J("option", {
 								value: "",
 								children: f(g.all_label, i) || "All"
-							}), x.map((e) => /* @__PURE__ */ q("option", {
+							}), x.map((e) => /* @__PURE__ */ J("option", {
 								value: e,
 								children: e
 							}, e))]
@@ -3171,60 +3184,60 @@ function dn({ values: e, options: t }) {
 					})]
 				})]
 			}),
-			T && /* @__PURE__ */ q("div", {
+			T && /* @__PURE__ */ J("div", {
 				role: "alert",
 				className: "rounded border border-destructive p-3 text-sm text-destructive",
 				children: T instanceof Error ? T.message : "Scorecard data could not be loaded."
 			}),
-			!T && !h.isLoading && !y && /* @__PURE__ */ q("div", {
+			!T && !h.isLoading && !y && /* @__PURE__ */ J("div", {
 				className: "rounded border border-border p-6 text-center text-sm text-muted-foreground",
 				children: f(r.empty_label, i) || "No scorecard data."
 			}),
-			y && /* @__PURE__ */ q("div", {
+			y && /* @__PURE__ */ J("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
 				children: r.metrics.map((e) => {
-					let t = C(e), n = !!(r.drillthrough && e.drillthrough_value), a = /* @__PURE__ */ J(K, { children: [
-						/* @__PURE__ */ q("span", {
+					let t = C(e), n = !!(r.drillthrough && e.drillthrough_value), a = /* @__PURE__ */ Y(q, { children: [
+						/* @__PURE__ */ J("span", {
 							className: "text-xs font-medium text-muted-foreground",
 							children: f(e.label, i) || e.field
 						}),
-						/* @__PURE__ */ q("strong", {
+						/* @__PURE__ */ J("strong", {
 							className: `mt-2 block text-2xl font-semibold ${e.attention && Number(t) > 0 ? "text-destructive" : "text-foreground"}`,
-							children: cn(t, e.format, i)
+							children: ln(t, e.format, i)
 						}),
-						e.help && /* @__PURE__ */ q("span", {
+						e.help && /* @__PURE__ */ J("span", {
 							className: "mt-1 block text-xs text-muted-foreground",
 							children: f(e.help, i)
 						})
 					] });
-					return n ? /* @__PURE__ */ q("button", {
+					return n ? /* @__PURE__ */ J("button", {
 						type: "button",
 						onClick: () => w(e),
 						className: "rounded border border-border bg-card p-3 text-left hover:bg-surface",
 						children: a
-					}, e.field) : /* @__PURE__ */ q("article", {
+					}, e.field) : /* @__PURE__ */ J("article", {
 						className: "rounded border border-border bg-card p-3",
 						children: a
 					}, e.field);
 				})
 			}),
-			g && /* @__PURE__ */ q("div", {
+			g && /* @__PURE__ */ J("div", {
 				className: "min-w-0 overflow-x-auto rounded border border-border",
-				children: /* @__PURE__ */ J("table", {
+				children: /* @__PURE__ */ Y("table", {
 					className: "w-full border-collapse text-sm",
-					children: [/* @__PURE__ */ q("thead", {
+					children: [/* @__PURE__ */ J("thead", {
 						className: "bg-surface text-left text-xs text-muted-foreground",
-						children: /* @__PURE__ */ q("tr", { children: g.columns.map((e) => /* @__PURE__ */ q("th", {
+						children: /* @__PURE__ */ J("tr", { children: g.columns.map((e) => /* @__PURE__ */ J("th", {
 							className: "border-b border-divider px-3 py-2 font-medium",
 							children: f(e.label, i) || e.field
 						}, e.field)) })
-					}), /* @__PURE__ */ J("tbody", { children: [S.map((e, t) => /* @__PURE__ */ q("tr", {
+					}), /* @__PURE__ */ Y("tbody", { children: [S.map((e, t) => /* @__PURE__ */ J("tr", {
 						className: "border-b border-divider last:border-0",
-						children: g.columns.map((t) => /* @__PURE__ */ q("td", {
+						children: g.columns.map((t) => /* @__PURE__ */ J("td", {
 							className: "px-3 py-2 text-foreground",
-							children: cn(e[t.field], t.format, i)
+							children: ln(e[t.field], t.format, i)
 						}, t.field))
-					}, ln(e, t))), !v.isLoading && S.length === 0 && /* @__PURE__ */ q("tr", { children: /* @__PURE__ */ q("td", {
+					}, un(e, t))), !v.isLoading && S.length === 0 && /* @__PURE__ */ J("tr", { children: /* @__PURE__ */ J("td", {
 						colSpan: Math.max(1, g.columns.length),
 						className: "px-3 py-6 text-center text-muted-foreground",
 						children: f(g.empty_label, i) || "No breakdown rows."
@@ -3236,29 +3249,29 @@ function dn({ values: e, options: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/widgets/builtins.ts
-var fn = !1;
-function pn() {
-	fn ||= (ce("json_diff", an), ce("entity_scorecard", dn), !0);
+var pn = !1;
+function mn() {
+	pn ||= (se("json_diff", on), se("entity_scorecard", fn), !0);
 }
 //#endregion
 //#region src/components/detail-layout/widgets/WidgetHost.tsx
-pn();
-function mn({ config: e, ctx: t }) {
-	let n = le(e.type);
-	if (!n) return /* @__PURE__ */ q("span", {
+mn();
+function hn({ config: e, ctx: t }) {
+	let n = ce(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__ */ q("div", {
+	return /* @__PURE__ */ J("div", {
 		style: {
 			minWidth: 0,
 			maxWidth: "100%",
 			overflowX: "auto",
 			WebkitOverflowScrolling: "touch"
 		},
-		children: /* @__PURE__ */ q(n, {
+		children: /* @__PURE__ */ J(n, {
 			inputs: r,
 			values: a,
 			record: i,
@@ -3269,45 +3282,45 @@ function mn({ config: e, ctx: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/LayoutRenderer.tsx
-function hn({ nodes: e, ctx: t }) {
-	return /* @__PURE__ */ q(K, { children: e.map((e, n) => /* @__PURE__ */ q($, {
+function gn({ 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__ */ q(Ee, {
+	return e.row ? /* @__PURE__ */ J(Te, {
 		config: e.row,
 		ctx: t
-	}) : e.column ? /* @__PURE__ */ q(ke, {
+	}) : e.column ? /* @__PURE__ */ J(Oe, {
 		config: e.column,
 		node: e,
 		ctx: t
-	}) : e.tabs ? /* @__PURE__ */ q(Me, {
+	}) : e.tabs ? /* @__PURE__ */ J(Me, {
 		config: e.tabs,
 		ctx: t
-	}) : e.section ? /* @__PURE__ */ q(Ne, {
+	}) : e.section ? /* @__PURE__ */ J(Ne, {
 		config: e.section,
 		ctx: t
-	}) : e.children ? /* @__PURE__ */ q(At, {
+	}) : e.children ? /* @__PURE__ */ J(At, {
 		node: e,
 		ctx: t
-	}) : e.associated ? /* @__PURE__ */ q(ee, {
+	}) : e.associated ? /* @__PURE__ */ J(ie, {
 		node: e,
 		ctx: t
-	}) : e.fields ? /* @__PURE__ */ q(zt, {
+	}) : e.fields ? /* @__PURE__ */ J(Bt, {
 		fields: e.fields,
 		ctx: t
-	}) : e.properties == null ? e.statuses == null ? e.widget ? /* @__PURE__ */ q(mn, {
+	}) : e.properties == null ? e.statuses == null ? e.widget ? /* @__PURE__ */ J(hn, {
 		config: e.widget,
 		ctx: t
-	}) : null : /* @__PURE__ */ q(qt, {
+	}) : null : /* @__PURE__ */ J(Jt, {
 		node: e,
 		ctx: t
-	}) : /* @__PURE__ */ q(Ht, {
+	}) : /* @__PURE__ */ J(Ut, {
 		node: e,
 		ctx: t
 	});
 }
 //#endregion
-export { Gt as n, hn as t };
+export { Kt as n, gn as t };