@declarion/react 0.32.0 → 0.35.1

package/dist-lib/{LayoutRenderer-CelsqsZ6.js → LayoutRenderer-CMuVgKev.js}

@@ -1,17 +1,17 @@
-import { s as e, t } from "./DynamicIcon-DCRdxxZ7.js";
-import { Bn as n, F as r, Fn as i, Hn as a, I as o, Ot as s, R as c, Vn as l, Xt as u, an as d, cn as f, dn as p, et as m, f as h, fn as g, ft as _, gn as v, h as y, kn as b, m as x, nn as S, nt as C, on as w, p as T, rn as E, sn as D, tn as O, tt as k, wn as A } from "./ActionRunner-CaSrGpBi.js";
-import { E as j, J as M, K as ee, T as te, Y as N, bt as P, d as F, et as I, k as L, o as R, pt as z, q as B, r as ne, t as re, tt as ie, u as ae, yt as oe } from "./registry-KQyyL5Gt.js";
-import { n as se, r as ce, t as le } from "./dataTableStyles-vwD1mVOP.js";
-import { Suspense as ue, createContext as de, lazy as V, useCallback as H, useContext as fe, useEffect as U, useId as pe, useLayoutEffect as me, useMemo as W, useRef as G, useState as K } from "react";
-import { useInfiniteQuery as he, useMutation as ge, useQueryClient as _e } from "@tanstack/react-query";
-import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
+import { s as e, t } from "./DynamicIcon-BWO6QtNF.js";
+import { En as n, F as r, Hn as i, I as a, Ln as o, Qt as s, Un as c, V as l, Wn as u, an as d, cn as f, f as p, h as m, in as h, jn as g, kt as _, ln as v, m as y, mn as b, nt as x, p as S, pn as C, pt as w, rn as T, rt as E, sn as D, tt as O, un as k, vn as A } from "./ActionRunner-Bkkb_YMa.js";
+import { E as j, J as M, K as ee, St as N, T as P, Y as F, d as I, et as L, k as R, o as z, pt as B, q as V, r as te, t as ne, tt as re, u as ie, xt as ae } from "./registry-GTwsJEYp.js";
+import { n as oe, r as se, t as ce } from "./dataTableStyles-vwD1mVOP.js";
+import { Suspense as le, createContext as ue, lazy as H, useCallback as U, useContext as de, useEffect as W, useId as fe, useLayoutEffect as pe, useMemo as G, useRef as K, useState as q } from "react";
+import { useInfiniteQuery as me, useMutation as he, useQueryClient as ge } from "@tanstack/react-query";
+import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
 //#region src/lib/size-value.ts
-var ve = /^(\d+)px$/;
-function ye(e) {
+var _e = /^(\d+)px$/;
+function ve(e) {
 	if (e == null || e === "") return null;
 	if (e === "auto") return { kind: "auto" };
 	if (e === "fill") return { kind: "fill" };
-	let t = ve.exec(e);
+	let t = _e.exec(e);
 	if (t) {
 		let e = parseInt(t[1], 10);
 		return e > 0 ? {
@@ -27,9 +27,9 @@ function ye(e) {
 }
 //#endregion
 //#region src/components/detail-layout/LayoutRow.tsx
-function be({ config: e, ctx: t }) {
-	let { items: n, gap: r = 0, resizable: i = !1, stack_below: a } = e, o = a === "never" ? 0 : a ?? 768, [s, c] = K(!1), l = G(null);
-	U(() => {
+function ye({ config: e, ctx: t }) {
+	let { items: n, gap: r = 0, resizable: i = !1, stack_below: a } = e, o = a === "never" ? 0 : a ?? 768, [s, c] = q(!1), l = K(null);
+	W(() => {
 		if (o === 0) return;
 		let e = l.current;
 		if (!e) return;
@@ -38,10 +38,10 @@ function be({ config: e, ctx: t }) {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [o]);
-	let [u, d] = K(null), f = G(null), p = H(() => n.map((t) => {
-		let n = ye(t.width ?? t.column?.width ?? t.row?.width ?? e.width);
+	let [u, d] = q(null), f = K(null), p = U(() => n.map((t) => {
+		let n = ve(t.width ?? t.column?.width ?? t.row?.width ?? e.width);
 		return n && n.kind === "weight" ? n.value : 1;
-	}), [n, e.width]), m = H((e, t) => {
+	}), [n, e.width]), m = U((e, t) => {
 		t.preventDefault();
 		let n = u ?? p();
 		f.current = {
@@ -58,41 +58,41 @@ function be({ 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 ? Se(e.height) : void 0;
-	return /* @__PURE__ */ J("div", {
+	}, [u, p]), h = u ?? p(), g = e.height ? xe(e.height) : void 0;
+	return /* @__PURE__ */ Y("div", {
 		ref: l,
-		className: z("flex", s && "flex-col"),
+		className: B("flex", s && "flex-col"),
 		style: {
 			gap: r ? `${r}px` : void 0,
 			...g
 		},
-		children: n.map((r, a) => /* @__PURE__ */ Y("div", {
-			className: z("min-w-0 flex items-stretch", s && "w-full"),
-			style: s ? void 0 : xe(r.width ?? r.column?.width ?? r.row?.width ?? e.width, h[a], r.min_width, r.max_width),
-			children: [/* @__PURE__ */ J("div", {
-				className: z("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
-				children: /* @__PURE__ */ J($, {
+		children: n.map((r, a) => /* @__PURE__ */ X("div", {
+			className: B("min-w-0 flex items-stretch", s && "w-full"),
+			style: s ? void 0 : be(r.width ?? r.column?.width ?? r.row?.width ?? e.width, h[a], r.min_width, r.max_width),
+			children: [/* @__PURE__ */ Y("div", {
+				className: B("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
+				children: /* @__PURE__ */ Y($, {
 					node: r,
 					ctx: t
 				})
-			}), i && !s && a < n.length - 1 && /* @__PURE__ */ J("div", {
+			}), i && !s && a < n.length - 1 && /* @__PURE__ */ Y("div", {
 				className: "detail-resize-handle",
 				onMouseDown: (e) => m(a, e)
 			})]
 		}, a))
 	});
 }
-function xe(e, t, n, r) {
-	let i = ye(e), a;
+function be(e, t, n, r) {
+	let i = ve(e), a;
 	return a = !i || i.kind === "weight" ? `${t} 1 0%` : i.kind === "px" ? `0 0 ${i.value}px` : i.kind === "fill" ? "1 1 0%" : "0 0 auto", {
 		flex: a,
 		minWidth: n,
 		maxWidth: r
 	};
 }
-function Se(e) {
+function xe(e) {
 	if (!e) return;
-	let t = ye(e);
+	let t = ve(e);
 	if (t?.kind === "px") return {
 		height: `${t.value}px`,
 		overflow: "hidden"
@@ -104,12 +104,12 @@ function Se(e) {
 }
 //#endregion
 //#region src/components/detail-layout/LayoutColumn.tsx
-function Ce({ config: e, ctx: t }) {
+function Se({ config: e, ctx: t }) {
 	let { items: n, gap: r = 12 } = e;
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "flex flex-col h-full",
 		style: { gap: r ? `${r}px` : void 0 },
-		children: n.map((e, n) => /* @__PURE__ */ J($, {
+		children: n.map((e, n) => /* @__PURE__ */ Y($, {
 			node: e,
 			ctx: t
 		}, n))
@@ -117,23 +117,23 @@ function Ce({ config: e, ctx: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/blockMeta.ts
-function we(e) {
+function Ce(e) {
 	return e.children ?? e.associated;
 }
-function X(e, t) {
-	let n = we(e);
+function Z(e, t) {
+	let n = Ce(e);
 	if (n) {
-		if (e.label) return w(e.label);
+		if (e.label) return f(e.label);
 		let r = t.entity.children?.find((e) => e.entity === n);
-		if (r?.display?.name) return w(r.display.name);
+		if (r?.display?.name) return f(r.display.name);
 		let i = t.schema.entities[n];
-		return i && (w(i.display.name_plural) || w(i.display.name)) || n;
+		return i && (f(i.display.name_plural) || f(i.display.name)) || n;
 	}
-	return e.section ? w(e.section.name) : "Tab";
+	return e.section ? f(e.section.name) : "Tab";
 }
-function Z(e, t) {
+function we(e, t) {
 	if (e.icon) return e.icon;
-	let n = we(e);
+	let n = Ce(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 Z(e, t) {
 //#endregion
 //#region src/components/detail-layout/LayoutTabs.tsx
 function Te({ config: e, ctx: n }) {
-	let { items: r } = e, [a, o] = K(0), s = i(), c = n.detailTabsPresentation ?? (s.isPhone ? "sections" : "scroll");
+	let { items: r } = e, [i, a] = q(0), s = o(), c = n.detailTabsPresentation ?? (s.isPhone ? "sections" : "scroll");
 	if (r.length === 0) return null;
 	if (c === "sections") {
 		let e = r.map((e, t) => `detail-tab-section-${t}`);
-		return /* @__PURE__ */ Y("div", {
+		return /* @__PURE__ */ X("div", {
 			style: {
 				display: "flex",
 				flexDirection: "column",
 				gap: 10,
 				minWidth: 0
 			},
-			children: [r.length > 1 && /* @__PURE__ */ J("nav", {
+			children: [r.length > 1 && /* @__PURE__ */ Y("nav", {
 				"aria-label": "Detail sections",
 				style: {
 					display: "flex",
@@ -165,8 +165,8 @@ function Te({ config: e, ctx: n }) {
 					WebkitOverflowScrolling: "touch"
 				},
 				children: r.map((r, i) => {
-					let a = X(r, n), o = Z(r, n);
-					return /* @__PURE__ */ Y("button", {
+					let a = Z(r, n), o = we(r, n);
+					return /* @__PURE__ */ X("button", {
 						type: "button",
 						onClick: () => document.getElementById(e[i])?.scrollIntoView({
 							block: "start",
@@ -188,10 +188,10 @@ function Te({ config: e, ctx: n }) {
 							whiteSpace: "nowrap",
 							cursor: "pointer"
 						},
-						children: [o && /* @__PURE__ */ J(t, {
+						children: [o && /* @__PURE__ */ Y(t, {
 							name: o,
 							size: 13
-						}), /* @__PURE__ */ J("span", {
+						}), /* @__PURE__ */ Y("span", {
 							style: {
 								overflow: "hidden",
 								textOverflow: "ellipsis"
@@ -201,8 +201,8 @@ function Te({ config: e, ctx: n }) {
 					}, i);
 				})
 			}), r.map((r, i) => {
-				let a = X(r, n), o = Z(r, n);
-				return /* @__PURE__ */ Y("section", {
+				let a = Z(r, n), o = we(r, n);
+				return /* @__PURE__ */ X("section", {
 					id: e[i],
 					style: {
 						background: "var(--surface)",
@@ -213,7 +213,7 @@ function Te({ config: e, ctx: n }) {
 						minWidth: 0,
 						scrollMarginTop: 12
 					},
-					children: [/* @__PURE__ */ Y("div", {
+					children: [/* @__PURE__ */ X("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -224,19 +224,19 @@ function Te({ config: e, ctx: n }) {
 							fontSize: 13,
 							fontWeight: 700
 						},
-						children: [o && /* @__PURE__ */ J(t, {
+						children: [o && /* @__PURE__ */ Y(t, {
 							name: o,
 							size: 14
-						}), /* @__PURE__ */ J("span", {
+						}), /* @__PURE__ */ Y("span", {
 							style: { overflowWrap: "anywhere" },
 							children: a
 						})]
-					}), /* @__PURE__ */ J("div", {
+					}), /* @__PURE__ */ Y("div", {
 						style: {
 							padding: 14,
 							minWidth: 0
 						},
-						children: /* @__PURE__ */ J($, {
+						children: /* @__PURE__ */ Y($, {
 							node: r,
 							ctx: {
 								...n,
@@ -248,7 +248,7 @@ function Te({ config: e, ctx: n }) {
 			})]
 		});
 	}
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ X("div", {
 		style: {
 			background: "var(--surface)",
 			border: "1px solid var(--border)",
@@ -257,7 +257,7 @@ function Te({ config: e, ctx: n }) {
 			boxShadow: "var(--shadow-xs)",
 			flexShrink: 0
 		},
-		children: [/* @__PURE__ */ J("div", {
+		children: [/* @__PURE__ */ Y("div", {
 			role: "tablist",
 			style: {
 				display: "flex",
@@ -268,12 +268,12 @@ function Te({ config: e, ctx: n }) {
 				overflowX: "auto"
 			},
 			children: r.map((e, r) => {
-				let i = X(e, n), s = Z(e, n), c = r === a;
-				return /* @__PURE__ */ Y("button", {
+				let o = Z(e, n), s = we(e, n), c = r === i;
+				return /* @__PURE__ */ X("button", {
 					role: "tab",
 					"aria-selected": c,
 					onClick: (e) => {
-						e.stopPropagation(), o(r);
+						e.stopPropagation(), a(r);
 					},
 					style: {
 						position: "relative",
@@ -298,12 +298,12 @@ function Te({ config: e, ctx: n }) {
 						c || (e.currentTarget.style.color = "var(--text-3)");
 					},
 					children: [
-						s && /* @__PURE__ */ J(t, {
+						s && /* @__PURE__ */ Y(t, {
 							name: s,
 							size: 13
 						}),
-						i,
-						c && /* @__PURE__ */ J("span", { style: {
+						o,
+						c && /* @__PURE__ */ Y("span", { style: {
 							position: "absolute",
 							left: 4,
 							right: 4,
@@ -315,16 +315,16 @@ function Te({ config: e, ctx: n }) {
 					]
 				}, r);
 			})
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ Y("div", {
 			role: "tabpanel",
 			style: { padding: 14 },
-			children: /* @__PURE__ */ J($, {
-				node: r[a],
+			children: /* @__PURE__ */ Y($, {
+				node: r[i],
 				ctx: {
 					...n,
 					withinCard: !0
 				}
-			}, a)
+			}, i)
 		})]
 	});
 }
@@ -335,22 +335,22 @@ function Ee({ config: e, ctx: n }) {
 		...n,
 		withinCard: !0,
 		...o ? { columns: o } : null
-	}, d = s ? /* @__PURE__ */ J(t, {
+	}, d = s ? /* @__PURE__ */ Y(t, {
 		name: s,
 		size: 14
-	}) : void 0, f = c ? {
-		text: w(c.text),
+	}) : void 0, p = c ? {
+		text: f(c.text),
 		tone: c.tone,
 		dot: c.dot
 	} : void 0;
-	return /* @__PURE__ */ J(P, {
-		title: w(r),
+	return /* @__PURE__ */ Y(N, {
+		title: f(r),
 		defaultOpen: !a,
 		icon: d,
-		badge: f,
+		badge: p,
 		emphasis: l,
 		headingLevel: n.withinCard ? 3 : 2,
-		children: /* @__PURE__ */ J(Kt, {
+		children: /* @__PURE__ */ Y(Kt, {
 			nodes: i,
 			ctx: u
 		})
@@ -383,7 +383,7 @@ function Q(e, t, n) {
 	return e ?? t ?? n;
 }
 function Oe(e) {
-	return O(e, "update") ? "inline_edit" : "readonly";
+	return T(e, "update") ? "inline_edit" : "readonly";
 }
 function ke(e) {
 	return e.display.name_plural && Object.keys(e.display.name_plural).length > 0 ? e.display.name_plural : e.display.name;
@@ -459,7 +459,7 @@ function Le(e, ...t) {
 	}
 }
 function Re(e) {
-	let t = d(e);
+	let t = D(e);
 	return t.length > 0 ? t[0] : void 0;
 }
 function ze(e, t) {
@@ -473,7 +473,7 @@ function Be(e, t, n, r) {
 		...e
 	};
 	if (Array.isArray(n)) {
-		let e = Array.isArray(r) ? r.map(String) : f(String(r), n.length);
+		let e = Array.isArray(r) ? r.map(String) : k(String(r), n.length);
 		if (!e || e.length !== n.length) throw Error("invalid composite parent id");
 		for (let t = 0; t < n.length; t++) i[n[t]] = e[t];
 	} else i[n] = Array.isArray(r) ? r[0] : r;
@@ -489,17 +489,17 @@ function Ve(e, t) {
 //#endregion
 //#region src/components/detail-layout/useQuickAdd.ts
 function He(e, t, n, i) {
-	let [a, o] = K(() => {
+	let [a, o] = q(() => {
 		let t = e.quick_add, n = i.entities[e.entity], a = {};
 		if (t?.fields) for (let e of t.fields) t.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" && (a[e] = r()) : a[e] = t.defaults[e];
 		return a;
-	}), s = _e(), { mutate: c, isPending: l, error: u, reset: d } = ge({
-		mutationFn: (t) => m(e.entity, t),
+	}), s = ge(), { mutate: c, isPending: l, error: u, reset: d } = he({
+		mutationFn: (t) => O(e.entity, t),
 		onMutate: async (r) => {
 			let i = [
 				M,
 				t,
-				Array.isArray(n) ? D(n.map(String)) : n,
+				Array.isArray(n) ? v(n.map(String)) : n,
 				e.entity
 			];
 			await s.cancelQueries({ queryKey: i });
@@ -532,7 +532,7 @@ function He(e, t, n, i) {
 			o(a);
 		},
 		onSettled: () => {
-			let r = Array.isArray(n) ? D(n.map(String)) : n;
+			let r = Array.isArray(n) ? v(n.map(String)) : n;
 			s.invalidateQueries({ queryKey: [
 				M,
 				t,
@@ -540,11 +540,13 @@ function He(e, t, n, i) {
 				e.entity
 			] });
 		}
-	}), f = e.quick_add, p = i.entities[e.entity], h = Ve(a, f?.fields.filter((e) => p?.fields.get(e)?.required) ?? []);
-	function g(t) {
-		t.preventDefault(), f && c(Be(a, f.defaults, e.foreign_key, n));
+	}), f = e.quick_add, p = i.entities[e.entity], m = Ve(a, f?.fields.filter((e) => p?.fields.get(e)?.required) ?? []);
+	function h(t) {
+		if (t.preventDefault(), !f) return;
+		let r = Be(a, f.defaults, e.foreign_key, n);
+		c(r);
 	}
-	function _(e, t) {
+	function g(e, t) {
 		u && d(), o((n) => ({
 			...n,
 			[e]: t
@@ -556,38 +558,38 @@ function He(e, t, n, i) {
 		childEntity: p,
 		isPending: l,
 		error: u,
-		isReady: h,
-		handleSubmit: g,
-		handleFieldChange: _
+		isReady: m,
+		handleSubmit: h,
+		handleFieldChange: g
 	};
 }
 //#endregion
 //#region src/components/detail-layout/QuickAddForm.tsx
-function Ue({ config: t, parentEntity: n, parentId: r, schema: o }) {
-	let { values: s, quickAdd: c, childEntity: l, isPending: u, error: d, isReady: f, handleSubmit: p, handleFieldChange: m } = He(t, n, r, o), h = T(), g = i(), _ = pe();
-	return !c || c.fields.length === 0 || !l ? null : /* @__PURE__ */ Y("form", {
-		onSubmit: p,
+function Ue({ config: t, parentEntity: n, parentId: r, schema: i }) {
+	let { values: a, quickAdd: s, childEntity: c, isPending: l, error: f, isReady: p, handleSubmit: m, handleFieldChange: h } = He(t, n, r, i), g = S(), _ = o(), v = fe();
+	return !s || s.fields.length === 0 || !c ? null : /* @__PURE__ */ X("form", {
+		onSubmit: m,
 		style: {
 			display: "flex",
-			flexDirection: g.isPhone ? "column" : "row",
+			flexDirection: _.isPhone ? "column" : "row",
 			alignItems: "flex-end",
 			gap: 8,
 			padding: "8px 0",
 			borderBottom: "1px solid var(--divider)"
 		},
 		children: [
-			c.fields.map((e) => {
-				let n = l.fields.get(e);
+			s.fields.map((e) => {
+				let n = c.fields.get(e);
 				if (!n) return null;
-				let r = `${_}-quick-add-${t.entity}-${e}`, i = `${r}-label`;
-				return /* @__PURE__ */ Y("div", {
+				let r = `${v}-quick-add-${t.entity}-${e}`, o = `${r}-label`;
+				return /* @__PURE__ */ X("div", {
 					style: {
 						flex: 1,
 						minWidth: 0,
-						width: g.isPhone ? "100%" : void 0
+						width: _.isPhone ? "100%" : void 0
 					},
-					children: [/* @__PURE__ */ J("label", {
-						id: i,
+					children: [/* @__PURE__ */ Y("label", {
+						id: o,
 						htmlFor: r,
 						style: {
 							fontSize: 11,
@@ -596,52 +598,52 @@ function Ue({ config: t, parentEntity: n, parentId: r, schema: o }) {
 							display: "block",
 							fontWeight: 500
 						},
-						children: E(n, e, o.entities)
-					}), x({
+						children: d(n, e, i.entities)
+					}), y({
 						field: n,
 						fieldName: e,
-						value: s[e] ?? "",
+						value: a[e] ?? "",
 						mode: "edit",
-						onChange: (t) => m(e, t),
-						record: s,
+						onChange: (t) => h(e, t),
+						record: a,
 						fieldId: r,
-						labelId: i,
-						locale: h
+						labelId: o,
+						locale: g
 					})]
 				}, e);
 			}),
-			/* @__PURE__ */ J(a, {
+			/* @__PURE__ */ Y(u, {
 				type: "submit",
 				kind: "primary",
-				size: g.isPhone ? "md" : "sm",
-				icon: /* @__PURE__ */ J(e.plus, { size: 12 }),
-				disabled: u || !f,
-				style: g.isPhone ? { alignSelf: "flex-end" } : void 0,
+				size: _.isPhone ? "md" : "sm",
+				icon: /* @__PURE__ */ Y(e.plus, { size: 12 }),
+				disabled: l || !p,
+				style: _.isPhone ? { alignSelf: "flex-end" } : void 0,
 				children: "Add"
 			}),
-			d != null && /* @__PURE__ */ J("span", {
+			f != null && /* @__PURE__ */ Y("span", {
 				style: {
 					fontSize: 11,
 					color: "var(--danger)",
 					alignSelf: "flex-end",
 					marginBottom: 4
 				},
-				children: d.message
+				children: f.message
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenTable.tsx
-function We({ config: t, parentEntity: r, parentId: i, schema: a }) {
-	let o = a.entities[t.entity], s = T(), c = B((e) => e.degradedEntities), { data: u, isLoading: d, isError: f, isFetching: p, refetch: m } = N(r, i, t.entity, t.foreign_key, t.sort, t.limit), h = u?.data ?? [], _ = u?.$refs, x = G(_);
-	x.current = _;
-	let S = t.columns, C = t.interaction === "navigate", w = S[0], D = C && o ? g(void 0, o, a.screens) : null, O = o ? Re(o) : void 0, k = W(() => {
+function We({ config: t, parentEntity: n, parentId: r, schema: a }) {
+	let o = a.entities[t.entity], s = S(), l = V((e) => e.degradedEntities), { data: u, isLoading: f, isError: p, isFetching: h, refetch: _ } = F(n, r, t.entity, t.foreign_key, t.sort, t.limit), v = u?.data ?? [], y = u?.$refs, x = K(y);
+	x.current = y;
+	let C = t.columns, w = t.interaction === "navigate", T = C[0], E = w && o ? b(void 0, o, a.screens) : null, D = o ? Re(o) : void 0, O = G(() => {
 		let e = /* @__PURE__ */ new Map();
 		if (!o) return e;
-		for (let t of S) {
+		for (let t of C) {
 			let n = o.fields.get(t);
-			n && e.set(t, y({
+			n && e.set(t, m({
 				field: n,
 				fieldName: t,
 				surface: "list",
@@ -655,12 +657,12 @@ function We({ config: t, parentEntity: r, parentId: i, schema: a }) {
 		return e;
 	}, [
 		o,
-		S,
+		C,
 		a.entities,
 		a.screens,
 		s
 	]);
-	if (!o) return /* @__PURE__ */ J("div", {
+	if (!o) return /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -668,12 +670,12 @@ function We({ config: t, parentEntity: r, parentId: i, schema: a }) {
 		},
 		children: "Entity not found."
 	});
-	let A = /* @__PURE__ */ J(Ue, {
+	let k = /* @__PURE__ */ Y(Ue, {
 		config: t,
-		parentEntity: r,
-		parentId: i,
+		parentEntity: n,
+		parentId: r,
 		schema: a
-	}), j = /* @__PURE__ */ Y("div", {
+	}), j = /* @__PURE__ */ X("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -681,33 +683,33 @@ function We({ config: t, parentEntity: r, parentId: i, schema: a }) {
 			padding: "4px 0",
 			justifyContent: "flex-end"
 		},
-		children: [ee(o.realtime, c, t.entity) && /* @__PURE__ */ J("span", {
+		children: [ee(o.realtime, l, t.entity) && /* @__PURE__ */ Y("span", {
 			"data-testid": "children-live-indicator",
 			title: "This table updates automatically in realtime.",
-			children: /* @__PURE__ */ J(n, {
+			children: /* @__PURE__ */ Y(i, {
 				tone: "emerald",
 				size: "xs",
 				dot: !0,
 				children: "Live"
 			})
-		}), /* @__PURE__ */ J(l, {
-			icon: p ? /* @__PURE__ */ J("span", {
+		}), /* @__PURE__ */ Y(c, {
+			icon: h ? /* @__PURE__ */ Y("span", {
 				"data-testid": "children-refresh-spinner",
 				style: { display: "inline-flex" },
-				children: /* @__PURE__ */ J(b, { size: 13 })
-			}) : /* @__PURE__ */ J(e.refresh, { size: 13 }),
+				children: /* @__PURE__ */ Y(g, { size: 13 })
+			}) : /* @__PURE__ */ Y(e.refresh, { size: 13 }),
 			title: "Refresh",
 			size: 24,
-			disabled: p,
+			disabled: h,
 			onClick: () => {
-				m();
+				_();
 			}
 		})]
 	});
-	return f ? /* @__PURE__ */ Y("div", { children: [
-		A,
+	return p ? /* @__PURE__ */ X("div", { children: [
+		k,
 		j,
-		/* @__PURE__ */ J("div", {
+		/* @__PURE__ */ Y("div", {
 			style: {
 				fontSize: 12.5,
 				color: "var(--danger)",
@@ -715,10 +717,10 @@ function We({ config: t, parentEntity: r, parentId: i, schema: a }) {
 			},
 			children: "Failed to load. Try again."
 		})
-	] }) : d ? /* @__PURE__ */ Y("div", { children: [
-		A,
+	] }) : f ? /* @__PURE__ */ X("div", { children: [
+		k,
 		j,
-		/* @__PURE__ */ J("div", {
+		/* @__PURE__ */ Y("div", {
 			style: {
 				display: "flex",
 				flexDirection: "column",
@@ -729,16 +731,16 @@ function We({ config: t, parentEntity: r, parentId: i, schema: a }) {
 				0,
 				1,
 				2
-			].map((e) => /* @__PURE__ */ J("div", { style: {
+			].map((e) => /* @__PURE__ */ Y("div", { style: {
 				height: 32,
 				background: "var(--surface-3)",
 				borderRadius: 4
 			} }, e))
 		})
-	] }) : h.length === 0 ? /* @__PURE__ */ Y("div", { children: [
-		A,
+	] }) : v.length === 0 ? /* @__PURE__ */ X("div", { children: [
+		k,
 		j,
-		/* @__PURE__ */ J("div", {
+		/* @__PURE__ */ Y("div", {
 			style: {
 				fontSize: 12.5,
 				color: "var(--text-3)",
@@ -746,27 +748,27 @@ function We({ config: t, parentEntity: r, parentId: i, schema: a }) {
 			},
 			children: "No records yet."
 		})
-	] }) : /* @__PURE__ */ Y("div", { children: [
-		A,
+	] }) : /* @__PURE__ */ X("div", { children: [
+		k,
 		j,
-		/* @__PURE__ */ J("div", {
+		/* @__PURE__ */ Y("div", {
 			style: { overflowX: "auto" },
-			children: /* @__PURE__ */ Y("table", {
-				style: ce,
-				children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ J("tr", { children: S.map((e) => {
+			children: /* @__PURE__ */ X("table", {
+				style: se,
+				children: [/* @__PURE__ */ Y("thead", { children: /* @__PURE__ */ Y("tr", { children: C.map((e) => {
 					let t = o.fields.get(e);
-					return /* @__PURE__ */ J("th", {
-						style: se,
-						children: t ? E(t, e, a.entities) : e
+					return /* @__PURE__ */ Y("th", {
+						style: oe,
+						children: t ? d(t, e, a.entities) : e
 					}, e);
-				}) }) }), /* @__PURE__ */ J("tbody", { children: h.map((e, t) => {
-					let n = O ? v(e[O]) : "", r = C && D && n ? D.replace(/:\w+/, n) : void 0;
-					return /* @__PURE__ */ J("tr", { children: S.map((t) => {
-						let n = t === w, i = k.get(t), a = i ? i(e[t], e) : v(e[t]);
-						return /* @__PURE__ */ J("td", {
+				}) }) }), /* @__PURE__ */ Y("tbody", { children: v.map((e, t) => {
+					let n = D ? A(e[D]) : "", r = w && E && n ? E.replace(/:\w+/, n) : void 0;
+					return /* @__PURE__ */ Y("tr", { children: C.map((t) => {
+						let n = t === T, i = O.get(t), a = i ? i(e[t], e) : A(e[t]);
+						return /* @__PURE__ */ Y("td", {
 							title: typeof a == "string" ? a : void 0,
-							style: le,
-							children: n && r ? /* @__PURE__ */ J("a", {
+							style: ce,
+							children: n && r ? /* @__PURE__ */ Y("a", {
 								href: r,
 								style: {
 									color: "var(--accent)",
@@ -778,7 +780,7 @@ function We({ config: t, parentEntity: r, parentId: i, schema: a }) {
 								children: a
 							}) : a
 						}, t);
-					}) }, v(e.id ?? t));
+					}) }, A(e.id ?? t));
 				}) })]
 			})
 		})
@@ -787,8 +789,8 @@ function We({ config: t, parentEntity: r, parentId: i, schema: a }) {
 //#endregion
 //#region src/components/detail-layout/ChildrenList.tsx
 function Ge({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let i = r.entities[e.entity], a = T(), { data: o, isLoading: s, isError: c } = N(t, n, e.entity, e.foreign_key, e.sort, e.limit), l = o?.data ?? [], d = o?.$refs, f = e.columns;
-	if (!i) return /* @__PURE__ */ J("div", {
+	let i = r.entities[e.entity], a = S(), { data: o, isLoading: c, isError: l } = F(t, n, e.entity, e.foreign_key, e.sort, e.limit), u = o?.data ?? [], d = o?.$refs, f = e.columns;
+	if (!i) return /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -796,13 +798,13 @@ function Ge({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "Entity not found."
 	});
-	let p = /* @__PURE__ */ J(Ue, {
+	let p = /* @__PURE__ */ Y(Ue, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
 		schema: r
 	});
-	if (c) return /* @__PURE__ */ Y("div", { children: [p, /* @__PURE__ */ J("div", {
+	if (l) return /* @__PURE__ */ X("div", { children: [p, /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
@@ -810,7 +812,7 @@ function Ge({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "Failed to load. Try again."
 	})] });
-	if (s) return /* @__PURE__ */ Y("div", { children: [p, /* @__PURE__ */ Y("div", {
+	if (c) return /* @__PURE__ */ X("div", { children: [p, /* @__PURE__ */ X("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -818,17 +820,17 @@ function Ge({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			padding: "8px 0"
 		},
 		children: [
-			/* @__PURE__ */ J("div", { style: {
+			/* @__PURE__ */ Y("div", { style: {
 				height: 22,
 				background: "var(--surface-3)",
 				borderRadius: 4
 			} }),
-			/* @__PURE__ */ J("div", { style: {
+			/* @__PURE__ */ Y("div", { style: {
 				height: 22,
 				background: "var(--surface-3)",
 				borderRadius: 4
 			} }),
-			/* @__PURE__ */ J("div", { style: {
+			/* @__PURE__ */ Y("div", { style: {
 				height: 22,
 				background: "var(--surface-3)",
 				borderRadius: 4,
@@ -836,7 +838,7 @@ function Ge({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			} })
 		]
 	})] });
-	if (l.length === 0) return /* @__PURE__ */ Y("div", { children: [p, /* @__PURE__ */ J("div", {
+	if (u.length === 0) return /* @__PURE__ */ X("div", { children: [p, /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -845,12 +847,12 @@ function Ge({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		children: "No records yet."
 	})] });
 	let m = f.length > 0 ? i.display.display_field ?? f[0] : i.display.display_field;
-	return /* @__PURE__ */ Y("div", { children: [p, /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ X("div", { children: [p, /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column"
 		},
-		children: l.map((e, t) => /* @__PURE__ */ J("div", {
+		children: u.map((e, t) => /* @__PURE__ */ Y("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
@@ -858,19 +860,19 @@ function Ge({ config: e, parentEntity: t, parentId: n, schema: r }) {
 				padding: "8px 4px",
 				borderBottom: "1px solid var(--divider)"
 			},
-			children: /* @__PURE__ */ Y("div", {
+			children: /* @__PURE__ */ X("div", {
 				style: {
 					flex: 1,
 					minWidth: 0
 				},
-				children: [/* @__PURE__ */ J("div", {
+				children: [/* @__PURE__ */ Y("div", {
 					style: {
 						fontSize: 12.5,
 						overflow: "hidden",
 						textOverflow: "ellipsis",
 						whiteSpace: "nowrap"
 					},
-					children: (typeof e.$display == "string" ? e[u] : "") || (m && i.fields.get(m) ? x({
+					children: (typeof e.$display == "string" ? e[s] : "") || (m && i.fields.get(m) ? y({
 						field: i.fields.get(m),
 						fieldName: m,
 						value: e[m],
@@ -878,10 +880,10 @@ function Ge({ config: e, parentEntity: t, parentId: n, schema: r }) {
 						record: e,
 						refs: d,
 						locale: a
-					}) : m && e[m] != null ? v(e[m]) : null)
+					}) : m && e[m] != null ? A(e[m]) : null)
 				}), f.length > 1 && (() => {
 					let t = f.slice(1, 3).filter((t) => e[t] != null);
-					return t.length === 0 ? null : /* @__PURE__ */ J("div", {
+					return t.length === 0 ? null : /* @__PURE__ */ Y("div", {
 						style: {
 							fontSize: 11.5,
 							color: "var(--text-3)",
@@ -889,7 +891,7 @@ function Ge({ config: e, parentEntity: t, parentId: n, schema: r }) {
 							textOverflow: "ellipsis",
 							whiteSpace: "nowrap"
 						},
-						children: t.map((t, n) => /* @__PURE__ */ Y("span", { children: [n > 0 && " · ", i.fields.get(t) ? x({
+						children: t.map((t, n) => /* @__PURE__ */ X("span", { children: [n > 0 && " · ", i.fields.get(t) ? y({
 							field: i.fields.get(t),
 							fieldName: t,
 							value: e[t],
@@ -901,14 +903,14 @@ function Ge({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					});
 				})()]
 			})
-		}, v(e.id ?? t)))
+		}, A(e.id ?? t)))
 	})] });
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenCards.tsx
-function Ke({ config: e, parentEntity: t, parentId: r, schema: i }) {
-	let a = i.entities[e.entity], o = T(), { data: s, isLoading: c, isError: l } = N(t, r, e.entity, e.foreign_key, e.sort, e.limit), u = s?.data ?? [], d = s?.$refs, f = e.columns, p = e.cards, m = p?.header_field ?? f[0], h = p?.badge_field, g = p?.columns_count ?? 3;
-	if (!a) return /* @__PURE__ */ J("div", {
+function Ke({ config: e, parentEntity: t, parentId: n, schema: r }) {
+	let a = r.entities[e.entity], o = S(), { data: s, isLoading: c, isError: l } = F(t, n, e.entity, e.foreign_key, e.sort, e.limit), u = s?.data ?? [], d = s?.$refs, f = e.columns, p = e.cards, m = p?.header_field ?? f[0], h = p?.badge_field, g = p?.columns_count ?? 3;
+	if (!a) return /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -920,13 +922,13 @@ function Ke({ config: e, parentEntity: t, parentId: r, schema: i }) {
 		display: "grid",
 		gridTemplateColumns: `repeat(auto-fill, minmax(${g >= 4 ? 180 : 240}px, 1fr))`,
 		gap: 12
-	}, y = /* @__PURE__ */ J(Ue, {
+	}, v = /* @__PURE__ */ Y(Ue, {
 		config: e,
 		parentEntity: t,
-		parentId: r,
-		schema: i
+		parentId: n,
+		schema: r
 	});
-	if (l) return /* @__PURE__ */ Y("div", { children: [y, /* @__PURE__ */ J("div", {
+	if (l) return /* @__PURE__ */ X("div", { children: [v, /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
@@ -934,19 +936,19 @@ function Ke({ config: e, parentEntity: t, parentId: r, schema: i }) {
 		},
 		children: "Failed to load. Try again."
 	})] });
-	if (c) return /* @__PURE__ */ Y("div", { children: [y, /* @__PURE__ */ J("div", {
+	if (c) return /* @__PURE__ */ X("div", { children: [v, /* @__PURE__ */ Y("div", {
 		style: _,
 		children: [
 			0,
 			1,
 			2
-		].map((e) => /* @__PURE__ */ J("div", { style: {
+		].map((e) => /* @__PURE__ */ Y("div", { style: {
 			height: 96,
 			background: "var(--surface-3)",
 			borderRadius: 10
 		} }, e))
 	})] });
-	if (u.length === 0) return /* @__PURE__ */ Y("div", { children: [y, /* @__PURE__ */ J("div", {
+	if (u.length === 0) return /* @__PURE__ */ X("div", { children: [v, /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -955,16 +957,16 @@ function Ke({ config: e, parentEntity: t, parentId: r, schema: i }) {
 		children: "No records yet."
 	})] });
 	let b = f.filter((e) => e !== m && e !== h);
-	return /* @__PURE__ */ Y("div", { children: [y, /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ X("div", { children: [v, /* @__PURE__ */ Y("div", {
 		style: _,
-		children: u.map((t, r) => /* @__PURE__ */ Y("div", {
+		children: u.map((t, n) => /* @__PURE__ */ X("div", {
 			style: {
 				background: "var(--surface)",
 				border: "1px solid var(--border)",
 				borderRadius: 10,
 				overflow: "hidden"
 			},
-			children: [/* @__PURE__ */ Y("div", {
+			children: [/* @__PURE__ */ X("div", {
 				style: {
 					padding: "10px 14px",
 					display: "flex",
@@ -973,7 +975,7 @@ function Ke({ config: e, parentEntity: t, parentId: r, schema: i }) {
 					gap: 8,
 					borderBottom: b.length > 0 ? "1px solid var(--divider)" : "none"
 				},
-				children: [/* @__PURE__ */ J("div", {
+				children: [/* @__PURE__ */ Y("div", {
 					style: {
 						fontSize: 12.5,
 						fontWeight: 600,
@@ -981,7 +983,7 @@ function Ke({ config: e, parentEntity: t, parentId: r, schema: i }) {
 						textOverflow: "ellipsis",
 						whiteSpace: "nowrap"
 					},
-					children: m && a.fields.get(m) ? x({
+					children: m && a.fields.get(m) ? y({
 						field: a.fields.get(m),
 						fieldName: m,
 						value: t[m],
@@ -989,11 +991,11 @@ function Ke({ config: e, parentEntity: t, parentId: r, schema: i }) {
 						record: t,
 						refs: d,
 						locale: o
-					}) : `Record ${r + 1}`
-				}), h && t[h] != null && /* @__PURE__ */ J(n, {
+					}) : `Record ${n + 1}`
+				}), h && t[h] != null && /* @__PURE__ */ Y(i, {
 					tone: "slate",
 					size: "xs",
-					children: a.fields.get(h) ? x({
+					children: a.fields.get(h) ? y({
 						field: a.fields.get(h),
 						fieldName: h,
 						value: t[h],
@@ -1001,9 +1003,9 @@ function Ke({ config: e, parentEntity: t, parentId: r, schema: i }) {
 						record: t,
 						refs: d,
 						locale: o
-					}) : v(t[h])
+					}) : A(t[h])
 				})]
-			}), b.length > 0 && /* @__PURE__ */ J("div", {
+			}), b.length > 0 && /* @__PURE__ */ Y("div", {
 				style: {
 					padding: "10px 14px",
 					display: "flex",
@@ -1011,28 +1013,28 @@ function Ke({ config: e, parentEntity: t, parentId: r, schema: i }) {
 					gap: 4
 				},
 				children: b.slice(0, 4).map((n) => {
-					let r = a.fields.get(n);
-					return r ? /* @__PURE__ */ Y("div", {
+					let i = a.fields.get(n);
+					return i ? /* @__PURE__ */ X("div", {
 						style: {
 							display: "flex",
 							alignItems: "baseline",
 							gap: 8,
 							fontSize: 11.5
 						},
-						children: [/* @__PURE__ */ Y("span", {
+						children: [/* @__PURE__ */ X("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__ */ J("span", {
+							children: [r.entities[e.entity]?.fields.get(n)?.display?.name ? Object.values(r.entities[e.entity].fields.get(n).display.name)[0] : n, ":"]
+						}), /* @__PURE__ */ Y("span", {
 							style: {
 								overflow: "hidden",
 								textOverflow: "ellipsis",
 								whiteSpace: "nowrap"
 							},
-							children: x({
-								field: r,
+							children: y({
+								field: i,
 								fieldName: n,
 								value: t[n],
 								mode: "display",
@@ -1044,14 +1046,14 @@ function Ke({ config: e, parentEntity: t, parentId: r, schema: i }) {
 					}, n) : null;
 				})
 			})]
-		}, v(t.id ?? r)))
+		}, A(t.id ?? n)))
 	})] });
 }
 //#endregion
 //#region src/hooks/useTimelineData.ts
 var qe = 50;
 function Je(e, t, n, r, i, a) {
-	let o = Array.isArray(r) ? r : [r], c = Array.isArray(r) ? f(t, o.length) : [t], l = a ?? qe, u = he({
+	let o = Array.isArray(r) ? r : [r], s = Array.isArray(r) ? k(t, o.length) : [t], c = a ?? qe, l = me({
 		queryKey: [
 			M,
 			e,
@@ -1059,108 +1061,108 @@ function Je(e, t, n, r, i, a) {
 			n,
 			"timeline",
 			i,
-			l
+			c
 		],
 		queryFn: ({ pageParam: e }) => {
 			let t = new URLSearchParams();
-			if (!c) throw Error("invalid composite parent id");
+			if (!s) throw Error("invalid composite parent id");
 			let r = o.map((e, t) => ({
 				field: e,
 				op: "eq",
-				value: c[t]
+				value: s[t]
 			}));
-			return t.set("filters", JSON.stringify(r)), t.set("preview", "true"), i ? t.set("sort", `${i}:desc`) : typeof console < "u" && console.warn(`[useTimelineData] no time_field for ${n}; fetch order falls back to API default`), t.set("limit", String(l)), e && t.set("after", e), s(`/api/data/${n}?${t.toString()}`);
+			return t.set("filters", JSON.stringify(r)), t.set("preview", "true"), i ? t.set("sort", `${i}:desc`) : typeof console < "u" && console.warn(`[useTimelineData] no time_field for ${n}; fetch order falls back to API default`), t.set("limit", String(c)), e && t.set("after", e), _(`/api/data/${n}?${t.toString()}`);
 		},
 		getNextPageParam: (e) => e.meta?.has_more ? e.meta.cursor : void 0,
 		initialPageParam: void 0,
-		enabled: !!e && !!t && !!n && !!r && c !== null
+		enabled: !!e && !!t && !!n && !!r && s !== null
 	});
 	return {
-		rows: W(() => u.data?.pages.flatMap((e) => e.data) ?? [], [u.data?.pages]),
-		refs: u.data?.pages[0]?.$refs,
-		fetchNextPage: u.fetchNextPage,
-		hasOlder: !!u.hasNextPage,
-		isFetchingOlder: u.isFetchingNextPage,
-		isLoading: u.isLoading,
-		isError: u.isError
+		rows: G(() => l.data?.pages.flatMap((e) => e.data) ?? [], [l.data?.pages]),
+		refs: l.data?.pages[0]?.$refs,
+		fetchNextPage: l.fetchNextPage,
+		hasOlder: !!l.hasNextPage,
+		isFetchingOlder: l.isFetchingNextPage,
+		isLoading: l.isLoading,
+		isError: l.isError
 	};
 }
 //#endregion
 //#region src/components/detail-layout/TimelineComposer.tsx
 var Ye = "quick_entry", Xe = 100, Ze = 240, Qe = 800, $e = 80;
 function et({ config: t, parentEntity: n, parentId: r, schema: i }) {
-	let { values: o, quickAdd: s, childEntity: c, isPending: l, error: u, isReady: d, handleSubmit: f, handleFieldChange: p } = He(t, n, r, i), m = T(), [g, _] = K(Ze), v = G(null), y = G(null), [b, S] = K(Qe);
-	U(() => {
-		let e = y.current?.parentElement;
+	let { values: a, quickAdd: o, childEntity: s, isPending: c, error: l, isReady: d, handleSubmit: f, handleFieldChange: m } = He(t, n, r, i), h = S(), [g, _] = q(Ze), v = K(null), b = K(null), [x, C] = q(Qe);
+	W(() => {
+		let e = b.current?.parentElement;
 		if (!e) return;
 		let t = () => {
 			let t = Math.max(Xe, e.clientHeight - $e);
-			S(Math.min(Qe, t));
+			C(Math.min(Qe, t));
 		};
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, []), U(() => {
-		_((e) => Math.min(e, b));
-	}, [b]);
-	let C = G(o);
-	C.current = o;
-	let w = G(p);
-	w.current = p;
-	let E = G({}), D = W(() => ({
-		getField: (e) => C.current[e],
+	}, []), W(() => {
+		_((e) => Math.min(e, x));
+	}, [x]);
+	let w = K(a);
+	w.current = a;
+	let T = K(m);
+	T.current = m;
+	let E = K({}), D = G(() => ({
+		getField: (e) => w.current[e],
 		setField: (e, t) => {
-			w.current(e, t);
+			T.current(e, t);
 		},
 		focusField: (e) => {
 			let t = E.current[e];
 			t && (t.querySelector("textarea, input, select, [contenteditable]") ?? t).focus();
 		}
 	}), []);
-	U(() => h(Ye, D), [D]);
-	let O = H((e) => {
+	W(() => p(Ye, D), [D]);
+	let O = U((e) => {
 		e.preventDefault(), v.current = {
 			startY: e.clientY,
 			startHeight: g
 		};
 		let t = (e) => {
 			if (!v.current) return;
-			let t = v.current.startY - e.clientY;
-			_(Math.min(b, Math.max(Xe, v.current.startHeight + t)));
+			let t = v.current.startY - e.clientY, n = Math.min(x, Math.max(Xe, v.current.startHeight + t));
+			_(n);
 		}, n = () => {
 			v.current = null, document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
 		};
 		document.addEventListener("mousemove", t), document.addEventListener("mouseup", n);
-	}, [g, b]);
-	if (!s || s.fields.length === 0 || !c) return null;
-	let k = s.fields.find((e) => {
-		let t = c.fields.get(e);
+	}, [g, x]);
+	if (!o || o.fields.length === 0 || !s) return null;
+	let k = o.fields.find((e) => {
+		let t = s.fields.get(e);
 		return t && (t.type === "text" || t.type === "string");
 	}), A = [], j = [];
-	for (let e of s.fields) {
+	for (let e of o.fields) {
 		if (e === k) continue;
-		let t = c.fields.get(e);
+		let t = s.fields.get(e);
 		t && (t.type === "enum" ? A.push(e) : j.push(e));
 	}
 	let M = (e) => {
-		let t = c.fields.get(e);
-		return t ? /* @__PURE__ */ J("div", {
+		let t = s.fields.get(e);
+		return t ? /* @__PURE__ */ Y("div", {
 			ref: (t) => {
 				E.current[e] = t;
 			},
-			children: x({
+			children: y({
 				field: t,
 				fieldName: e,
-				value: o[e] ?? "",
+				value: a[e] ?? "",
 				mode: "edit",
-				onChange: (t) => p(e, t),
-				record: o,
-				locale: m
+				onChange: (t) => m(e, t),
+				record: a,
+				locale: h
 			})
 		}, e) : null;
 	};
-	return /* @__PURE__ */ Y("div", {
-		ref: y,
+	return /* @__PURE__ */ X("div", {
+		ref: b,
 		style: {
 			flexShrink: 0,
 			borderTop: "1px solid var(--divider)",
@@ -1169,7 +1171,7 @@ function et({ config: t, parentEntity: n, parentId: r, schema: i }) {
 			flexDirection: "column",
 			height: `${g}px`
 		},
-		children: [/* @__PURE__ */ J("div", {
+		children: [/* @__PURE__ */ Y("div", {
 			onMouseDown: O,
 			title: "Drag to resize",
 			style: {
@@ -1180,13 +1182,13 @@ function et({ config: t, parentEntity: n, parentId: r, schema: i }) {
 				justifyContent: "center",
 				flexShrink: 0
 			},
-			children: /* @__PURE__ */ J("div", { style: {
+			children: /* @__PURE__ */ Y("div", { style: {
 				width: 56,
 				height: 3,
 				borderRadius: 999,
 				background: "var(--border)"
 			} })
-		}), /* @__PURE__ */ Y("form", {
+		}), /* @__PURE__ */ X("form", {
 			onSubmit: f,
 			onKeyDown: (e) => {
 				(e.metaKey || e.ctrlKey) && e.key === "Enter" && (e.preventDefault(), e.currentTarget.requestSubmit());
@@ -1200,7 +1202,7 @@ function et({ config: t, parentEntity: n, parentId: r, schema: i }) {
 				padding: "0 12px 8px"
 			},
 			children: [
-				A.length > 0 && /* @__PURE__ */ J("div", {
+				A.length > 0 && /* @__PURE__ */ Y("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
@@ -1210,7 +1212,7 @@ function et({ config: t, parentEntity: n, parentId: r, schema: i }) {
 					},
 					children: A.map(M)
 				}),
-				k && c.fields.get(k) && /* @__PURE__ */ J("div", {
+				k && s.fields.get(k) && /* @__PURE__ */ Y("div", {
 					style: {
 						flex: 1,
 						minHeight: 0,
@@ -1219,18 +1221,18 @@ function et({ config: t, parentEntity: n, parentId: r, schema: i }) {
 					ref: (e) => {
 						E.current[k] = e;
 					},
-					children: x({
-						field: c.fields.get(k),
+					children: y({
+						field: s.fields.get(k),
 						fieldName: k,
-						value: o[k] ?? "",
+						value: a[k] ?? "",
 						mode: "edit",
-						onChange: (e) => p(k, e),
-						record: o,
+						onChange: (e) => m(k, e),
+						record: a,
 						fill: !0,
-						locale: m
+						locale: h
 					})
 				}),
-				/* @__PURE__ */ Y("div", {
+				/* @__PURE__ */ X("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
@@ -1238,46 +1240,46 @@ function et({ config: t, parentEntity: n, parentId: r, schema: i }) {
 						gap: 6,
 						flexShrink: 0
 					},
-					children: [j.map(M), /* @__PURE__ */ Y("div", {
+					children: [j.map(M), /* @__PURE__ */ X("div", {
 						style: {
 							marginLeft: "auto",
 							display: "flex",
 							alignItems: "center",
 							gap: 8
 						},
-						children: [/* @__PURE__ */ Y("span", {
+						children: [/* @__PURE__ */ X("span", {
 							style: {
 								fontSize: 10.5,
 								color: "var(--text-4)"
 							},
 							children: [
-								/* @__PURE__ */ J("span", {
+								/* @__PURE__ */ Y("span", {
 									className: "mono",
 									children: "⌘"
 								}),
-								/* @__PURE__ */ J("span", {
+								/* @__PURE__ */ Y("span", {
 									className: "mono",
 									children: "↵"
 								}),
 								" to add"
 							]
-						}), /* @__PURE__ */ J(a, {
+						}), /* @__PURE__ */ Y(u, {
 							type: "submit",
 							kind: "primary",
-							icon: /* @__PURE__ */ J(e.plus, { size: 13 }),
-							disabled: l || !d,
+							icon: /* @__PURE__ */ Y(e.plus, { size: 13 }),
+							disabled: c || !d,
 							children: "Add"
 						})]
 					})]
 				}),
-				u != null && /* @__PURE__ */ J("p", {
+				l != null && /* @__PURE__ */ Y("p", {
 					style: {
 						fontSize: 11,
 						color: "var(--danger)",
 						margin: 0,
 						flexShrink: 0
 					},
-					children: u.message
+					children: l.message
 				})
 			]
 		})]
@@ -1289,63 +1291,63 @@ var tt = 80, nt = 200;
 function rt(e, t) {
 	if (it(t)) {
 		let e = t.id;
-		return e == null ? "" : v(e);
+		return e == null ? "" : A(e);
 	}
-	return C(S(e, t));
+	return E(h(e, t));
 }
 function it(e) {
 	return e.__optimistic === !0;
 }
 function at({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let i = r.entities[e.entity], { rows: o, refs: s, fetchNextPage: c, hasOlder: l, isFetchingOlder: u, isLoading: d, isError: f } = Je(t, n, e.entity, e.foreign_key, e.timeline?.time_field, e.limit), p = e.timeline, m = p?.scroll ?? !1, h = (e.sort ?? "").endsWith(":asc"), g = W(() => h ? [...o].reverse() : o, [o, h]), _ = p?.auto_scroll ?? "none", v = G(null), y = G(null), x = G(!1), S = G(0), C = G(null), T = G(null), E = G(!0), D = G(null);
-	U(() => {
-		x.current = !1, S.current = 0, C.current = null, T.current = null, E.current = !0, D.current = null;
-	}, [n]), me(() => {
-		!u || !v.current || (D.current = {
-			scrollHeight: v.current.scrollHeight,
-			scrollTop: v.current.scrollTop
+	let i = r.entities[e.entity], { rows: a, refs: o, fetchNextPage: s, hasOlder: c, isFetchingOlder: l, isLoading: d, isError: p } = Je(t, n, e.entity, e.foreign_key, e.timeline?.time_field, e.limit), m = e.timeline, h = m?.scroll ?? !1, _ = (e.sort ?? "").endsWith(":asc"), v = G(() => _ ? [...a].reverse() : a, [a, _]), y = m?.auto_scroll ?? "none", b = K(null), x = K(null), S = K(!1), C = K(0), w = K(null), T = K(null), E = K(!0), D = K(null);
+	W(() => {
+		S.current = !1, C.current = 0, w.current = null, T.current = null, E.current = !0, D.current = null;
+	}, [n]), pe(() => {
+		!l || !b.current || (D.current = {
+			scrollHeight: b.current.scrollHeight,
+			scrollTop: b.current.scrollTop
 		});
-	}, [u]), me(() => {
-		let e = v.current;
-		if (!e || g.length === 0 || !i) {
-			S.current = g.length;
+	}, [l]), pe(() => {
+		let e = b.current;
+		if (!e || v.length === 0 || !i) {
+			C.current = v.length;
 			return;
 		}
-		let t = rt(i, g[0]), n = rt(i, g[g.length - 1]), r = !x.current, a = g.length > S.current && S.current > 0, o = a && (h && t !== C.current && n === T.current || !h && n !== T.current && t === C.current), s = a && !o;
-		if (r) h && _ === "bottom" && (e.scrollTop = e.scrollHeight), x.current = !0;
+		let t = rt(i, v[0]), n = rt(i, v[v.length - 1]), r = !S.current, a = v.length > C.current && C.current > 0, o = a && (_ && t !== w.current && n === T.current || !_ && n !== T.current && t === w.current), s = a && !o;
+		if (r) _ && y === "bottom" && (e.scrollTop = e.scrollHeight), S.current = !0;
 		else if (o && D.current) {
 			let t = D.current;
-			h && (e.scrollTop = t.scrollTop + (e.scrollHeight - t.scrollHeight)), D.current = null;
-		} else s && h && E.current && (e.scrollTop = e.scrollHeight);
-		S.current = g.length, C.current = t, T.current = n;
+			_ && (e.scrollTop = t.scrollTop + (e.scrollHeight - t.scrollHeight)), D.current = null;
+		} else s && _ && E.current && (e.scrollTop = e.scrollHeight);
+		C.current = v.length, w.current = t, T.current = n;
 	}, [
-		g,
+		v,
+		y,
 		_,
-		h,
 		i
 	]);
-	let O = H(() => {
-		let e = v.current;
+	let O = U(() => {
+		let e = b.current;
 		e && (E.current = e.scrollHeight - e.scrollTop - e.clientHeight < tt);
 	}, []);
-	U(() => {
-		let e = y.current;
+	W(() => {
+		let e = x.current;
 		if (!e || typeof IntersectionObserver > "u") return;
 		let t = new IntersectionObserver((e) => {
-			for (let t of e) t.isIntersecting && l && !u && c();
+			for (let t of e) t.isIntersecting && c && !l && s();
 		}, {
-			root: v.current ?? null,
+			root: b.current ?? null,
 			rootMargin: `${nt}px 0px 0px 0px`,
 			threshold: 0
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [
+		c,
 		l,
-		u,
-		c
+		s
 	]);
-	let [k, A] = K(null);
-	if (!i) return /* @__PURE__ */ J("div", {
+	let [k, A] = q(null);
+	if (!i) return /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1353,25 +1355,25 @@ function at({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "Entity not found."
 	});
-	let j = e.quick_add?.fields ?? [p?.content_field].filter(Boolean), M = w(i.display?.name_plural) || w(i.display?.name) || e.entity, ee = l ? /* @__PURE__ */ J("div", {
+	let j = e.quick_add?.fields ?? [m?.content_field].filter(Boolean), M = f(i.display?.name_plural) || f(i.display?.name) || e.entity, ee = c ? /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			justifyContent: "center",
 			padding: "6px 0"
 		},
-		children: /* @__PURE__ */ J(a, {
+		children: /* @__PURE__ */ Y(u, {
 			size: "xs",
-			onClick: () => c(),
-			disabled: u,
-			icon: u ? /* @__PURE__ */ J(b, { size: 11 }) : void 0,
-			children: u ? "Loading…" : "Load older"
+			onClick: () => s(),
+			disabled: l,
+			icon: l ? /* @__PURE__ */ Y(g, { size: 11 }) : void 0,
+			children: l ? "Loading…" : "Load older"
 		})
-	}) : null, te = /* @__PURE__ */ J("div", {
-		ref: y,
+	}) : null, N = /* @__PURE__ */ Y("div", {
+		ref: x,
 		"aria-hidden": "true",
 		style: { height: 1 }
-	}), N;
-	if (f) N = /* @__PURE__ */ J("div", {
+	}), P;
+	if (p) P = /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
@@ -1379,24 +1381,24 @@ function at({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "Failed to load."
 	});
-	else if (d) N = /* @__PURE__ */ Y("div", {
+	else if (d) P = /* @__PURE__ */ X("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 8,
 			padding: 12
 		},
-		children: [/* @__PURE__ */ J("div", { style: {
+		children: [/* @__PURE__ */ Y("div", { style: {
 			height: 64,
 			background: "var(--surface-3)",
 			borderRadius: 8
-		} }), /* @__PURE__ */ J("div", { style: {
+		} }), /* @__PURE__ */ Y("div", { style: {
 			height: 64,
 			background: "var(--surface-3)",
 			borderRadius: 8
 		} })]
 	});
-	else if (g.length === 0) N = /* @__PURE__ */ Y(q, { children: [te, /* @__PURE__ */ J("div", {
+	else if (v.length === 0) P = /* @__PURE__ */ X(J, { children: [N, /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1405,18 +1407,18 @@ function at({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		children: "No activity yet."
 	})] });
 	else {
-		let a = (a, o) => {
-			let c = rt(i, a) || String(o);
-			return /* @__PURE__ */ J(ot, {
+		let a = (a, s) => {
+			let c = rt(i, a) || String(s);
+			return /* @__PURE__ */ Y(ot, {
 				row: a,
 				rowId: c,
 				childEntity: i,
 				entityCode: e.entity,
 				parentEntity: t,
 				parentId: n,
-				timeline: p,
+				timeline: m,
 				editableFields: j,
-				refs: s,
+				refs: o,
 				isEditing: k === c,
 				onStartEdit: () => A(c),
 				onCancelEdit: () => A(null),
@@ -1424,11 +1426,11 @@ function at({ config: e, parentEntity: t, parentId: n, schema: r }) {
 				schema: r,
 				optimistic: it(a)
 			}, c);
-		}, o = p?.time_field, c;
-		if (o) {
+		}, s = m?.time_field, c;
+		if (s) {
 			let e = [];
-			g.forEach((t, n) => {
-				let r = t[o], i = st(r), a = e[e.length - 1];
+			v.forEach((t, n) => {
+				let r = t[s], i = st(r), a = e[e.length - 1];
 				!a || a.key !== i ? e.push({
 					key: i,
 					label: ct(r),
@@ -1440,25 +1442,25 @@ function at({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					row: t,
 					idx: n
 				});
-			}), c = e.map((e) => /* @__PURE__ */ Y("div", {
+			}), c = e.map((e) => /* @__PURE__ */ X("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 8
 				},
-				children: [/* @__PURE__ */ J(lt, {
+				children: [/* @__PURE__ */ Y(lt, {
 					label: e.label,
 					count: e.rows.length
 				}), e.rows.map(({ row: e, idx: t }) => a(e, t))]
 			}, `day-${e.key}`));
-		} else c = g.map((e, t) => a(e, t));
-		N = /* @__PURE__ */ Y(q, { children: [
-			te,
+		} else c = v.map((e, t) => a(e, t));
+		P = /* @__PURE__ */ X(J, { children: [
+			N,
 			ee,
 			c
 		] });
 	}
-	return m ? /* @__PURE__ */ Y("div", {
+	return h ? /* @__PURE__ */ X("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -1468,13 +1470,13 @@ function at({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			color: "var(--text)"
 		},
 		children: [
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				style: {
 					padding: "10px 16px",
 					borderBottom: "1px solid var(--divider)",
 					background: "var(--surface)"
 				},
-				children: /* @__PURE__ */ J("h3", {
+				children: /* @__PURE__ */ Y("h3", {
 					style: {
 						margin: 0,
 						fontSize: 12.5,
@@ -1483,8 +1485,8 @@ function at({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					children: M
 				})
 			}),
-			/* @__PURE__ */ J("div", {
-				ref: v,
+			/* @__PURE__ */ Y("div", {
+				ref: b,
 				onScroll: O,
 				style: {
 					flex: 1,
@@ -1494,75 +1496,75 @@ function at({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					flexDirection: "column",
 					gap: 8
 				},
-				children: N
+				children: P
 			}),
-			/* @__PURE__ */ J(et, {
+			/* @__PURE__ */ Y(et, {
 				config: e,
 				parentEntity: t,
 				parentId: n,
 				schema: r
 			})
 		]
-	}) : /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("div", {
+	}) : /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 8
 		},
-		children: N
-	}), /* @__PURE__ */ J(et, {
+		children: P
+	}), /* @__PURE__ */ Y(et, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
 		schema: r
 	})] });
 }
-function ot({ row: t, rowId: r, childEntity: i, entityCode: o, parentEntity: s, parentId: u, timeline: d, editableFields: f, refs: p, isEditing: m, onStartEdit: h, onCancelEdit: g, onSaved: v, schema: y, optimistic: S = !1 }) {
-	let C = _e(), w = T(), [D, O] = K({}), A = H(() => {
-		C.invalidateQueries({ queryKey: [
+function ot({ row: t, rowId: n, childEntity: r, entityCode: a, parentEntity: o, parentId: s, timeline: f, editableFields: p, refs: m, isEditing: h, onStartEdit: _, onCancelEdit: v, onSaved: b, schema: C, optimistic: T = !1 }) {
+	let E = ge(), D = S(), [O, k] = q({}), A = U(() => {
+		E.invalidateQueries({ queryKey: [
 			M,
+			o,
 			s,
-			u,
-			o
+			a
 		] });
 	}, [
-		C,
+		E,
+		o,
 		s,
-		u,
-		o
-	]), j = ge({
+		a
+	]), j = he({
 		mutationFn: (e) => {
-			let n = t.$row_version;
-			return _(o, r, typeof n == "string" && n !== "" ? {
+			let r = t.$row_version;
+			return w(a, n, typeof r == "string" && r !== "" ? {
 				...e,
-				$row_version: n
+				$row_version: r
 			} : e);
 		},
 		onSuccess: () => {
-			A(), c.success("Updated"), v();
+			A(), l.success("Updated"), b();
 		},
-		onError: (e) => c.error(e.message)
-	}), ee = ge({
-		mutationFn: () => k(o, r),
+		onError: (e) => l.error(e.message)
+	}), ee = he({
+		mutationFn: () => x(a, n),
 		onSuccess: () => {
-			A(), c.success("Deleted");
+			A(), l.success("Deleted");
 		},
-		onError: (e) => c.error(e.message)
-	}), te = H(() => {
+		onError: (e) => l.error(e.message)
+	}), N = U(() => {
 		let e = {};
-		for (let n of f) e[n] = t[n] ?? "";
-		O(e), h();
+		for (let n of p) e[n] = t[n] ?? "";
+		k(e), _();
 	}, [
 		t,
-		f,
-		h
-	]), N = H((e, t) => {
-		O((n) => ({
+		p,
+		_
+	]), P = U((e, t) => {
+		k((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), P = d?.time_field, F = d?.type_field, I = d?.summary_field, L = d?.content_field, R = d?.author_field, z = d?.direction_field, B = d?.intent_field;
-	return m ? /* @__PURE__ */ Y("div", {
+	}, []), F = f?.time_field, I = f?.type_field, L = f?.summary_field, R = f?.content_field, z = f?.author_field, B = f?.direction_field, V = f?.intent_field;
+	return h ? /* @__PURE__ */ X("div", {
 		style: {
 			borderRadius: 10,
 			border: "1px solid var(--accent)",
@@ -1572,64 +1574,64 @@ function ot({ row: t, rowId: r, childEntity: i, entityCode: o, parentEntity: s,
 			flexDirection: "column",
 			gap: 8
 		},
-		children: [f.map((e) => {
-			let t = i.fields.get(e);
-			return t ? /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
+		children: [p.map((e) => {
+			let t = r.fields.get(e);
+			return t ? /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("label", {
 				style: {
 					fontSize: 11,
 					color: "var(--text-3)",
 					marginBottom: 4,
 					display: "block"
 				},
-				children: E(t, e, y.entities)
-			}), x({
+				children: d(t, e, C.entities)
+			}), y({
 				field: t,
 				fieldName: e,
-				value: D[e] ?? "",
+				value: O[e] ?? "",
 				mode: "edit",
-				onChange: (t) => N(e, t),
-				record: D,
-				locale: w
+				onChange: (t) => P(e, t),
+				record: O,
+				locale: D
 			})] }, e) : null;
-		}), /* @__PURE__ */ Y("div", {
+		}), /* @__PURE__ */ X("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: 6,
 				paddingTop: 4
 			},
-			children: [/* @__PURE__ */ J(a, {
+			children: [/* @__PURE__ */ Y(u, {
 				kind: "primary",
 				size: "xs",
-				icon: j.isPending ? /* @__PURE__ */ J(b, { size: 12 }) : /* @__PURE__ */ J(e.check, { size: 12 }),
-				onClick: () => j.mutate(D),
+				icon: j.isPending ? /* @__PURE__ */ Y(g, { size: 12 }) : /* @__PURE__ */ Y(e.check, { size: 12 }),
+				onClick: () => j.mutate(O),
 				disabled: j.isPending,
 				children: j.isPending ? "Saving…" : "Save"
-			}), /* @__PURE__ */ J(a, {
+			}), /* @__PURE__ */ Y(u, {
 				size: "xs",
-				icon: /* @__PURE__ */ J(e.x, { size: 12 }),
+				icon: /* @__PURE__ */ Y(e.x, { size: 12 }),
 				onClick: () => {
-					O({}), g();
+					k({}), v();
 				},
 				disabled: j.isPending,
 				children: "Cancel"
 			})]
 		})]
-	}) : /* @__PURE__ */ Y("div", {
+	}) : /* @__PURE__ */ X("div", {
 		className: "group",
-		"data-optimistic": S || void 0,
+		"data-optimistic": T || void 0,
 		style: {
 			borderRadius: 10,
 			border: "1px solid var(--border)",
 			background: "var(--surface)",
 			padding: 12,
 			transition: "border-color .12s",
-			opacity: S ? .6 : 1
+			opacity: T ? .6 : 1
 		},
 		onMouseEnter: (e) => e.currentTarget.style.borderColor = "var(--border-strong)",
 		onMouseLeave: (e) => e.currentTarget.style.borderColor = "var(--border)",
 		children: [
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ X("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -1639,112 +1641,112 @@ function ot({ row: t, rowId: r, childEntity: i, entityCode: o, parentEntity: s,
 					color: "var(--text-3)"
 				},
 				children: [
-					P && t[P] != null && i.fields.get(P) && /* @__PURE__ */ J("span", {
+					F && t[F] != null && r.fields.get(F) && /* @__PURE__ */ Y("span", {
 						style: { fontWeight: 500 },
-						children: x({
-							field: i.fields.get(P),
-							fieldName: P,
-							value: t[P],
+						children: y({
+							field: r.fields.get(F),
+							fieldName: F,
+							value: t[F],
 							mode: "display",
 							record: t,
-							refs: p,
-							locale: w
+							refs: m,
+							locale: D
 						})
 					}),
-					F && t[F] != null && i.fields.get(F) && /* @__PURE__ */ J(n, {
+					I && t[I] != null && r.fields.get(I) && /* @__PURE__ */ Y(i, {
 						tone: "slate",
 						size: "xs",
-						children: x({
-							field: i.fields.get(F),
-							fieldName: F,
-							value: t[F],
+						children: y({
+							field: r.fields.get(I),
+							fieldName: I,
+							value: t[I],
 							mode: "display",
 							record: t,
-							refs: p,
-							locale: w
+							refs: m,
+							locale: D
 						})
 					}),
-					z && t[z] != null && i.fields.get(z) && /* @__PURE__ */ J(ut, {
-						value: t[z],
-						field: i.fields.get(z)
+					B && t[B] != null && r.fields.get(B) && /* @__PURE__ */ Y(ut, {
+						value: t[B],
+						field: r.fields.get(B)
 					}),
-					B && t[B] != null && i.fields.get(B) && /* @__PURE__ */ J(n, {
+					V && t[V] != null && r.fields.get(V) && /* @__PURE__ */ Y(i, {
 						tone: "slate",
 						size: "xs",
-						children: x({
-							field: i.fields.get(B),
-							fieldName: B,
-							value: t[B],
+						children: y({
+							field: r.fields.get(V),
+							fieldName: V,
+							value: t[V],
 							mode: "display",
 							record: t,
-							refs: p,
-							locale: w
+							refs: m,
+							locale: D
 						})
 					}),
-					R && t[R] != null && i.fields.get(R) && /* @__PURE__ */ Y("span", { children: [
+					z && t[z] != null && r.fields.get(z) && /* @__PURE__ */ X("span", { children: [
 						"by",
 						" ",
-						x({
-							field: i.fields.get(R),
-							fieldName: R,
-							value: t[R],
+						y({
+							field: r.fields.get(z),
+							fieldName: z,
+							value: t[z],
 							mode: "display",
 							record: t,
-							refs: p,
-							locale: w
+							refs: m,
+							locale: D
 						})
 					] }),
-					!S && /* @__PURE__ */ Y("div", {
+					!T && /* @__PURE__ */ X("div", {
 						style: {
 							marginLeft: "auto",
 							display: "flex",
 							alignItems: "center",
 							gap: 2
 						},
-						children: [/* @__PURE__ */ J(l, {
+						children: [/* @__PURE__ */ Y(c, {
 							size: 22,
-							icon: /* @__PURE__ */ J(e.edit, { size: 11 }),
-							onClick: te,
+							icon: /* @__PURE__ */ Y(e.edit, { size: 11 }),
+							onClick: N,
 							title: "Edit"
-						}), /* @__PURE__ */ J(l, {
+						}), /* @__PURE__ */ Y(c, {
 							size: 22,
-							icon: /* @__PURE__ */ J(e.trash, { size: 11 }),
+							icon: /* @__PURE__ */ Y(e.trash, { size: 11 }),
 							onClick: () => ee.mutate(),
 							title: "Delete"
 						})]
 					})
 				]
 			}),
-			I && t[I] != null && i.fields.get(I) && /* @__PURE__ */ J("div", {
+			L && t[L] != null && r.fields.get(L) && /* @__PURE__ */ Y("div", {
 				style: {
 					fontSize: 12.5,
 					fontWeight: 500,
 					marginTop: 6
 				},
-				children: x({
-					field: i.fields.get(I),
-					fieldName: I,
-					value: t[I],
+				children: y({
+					field: r.fields.get(L),
+					fieldName: L,
+					value: t[L],
 					mode: "display",
 					record: t,
-					refs: p,
-					locale: w
+					refs: m,
+					locale: D
 				})
 			}),
-			L && t[L] != null && L !== I && i.fields.get(L) && /* @__PURE__ */ J("div", {
+			R && t[R] != null && R !== L && r.fields.get(R) && /* @__PURE__ */ Y("div", {
 				style: {
 					fontSize: 12.5,
 					fontWeight: 400,
 					marginTop: 6
 				},
-				children: x({
-					field: i.fields.get(L),
-					fieldName: L,
-					value: t[L],
+				children: y({
+					field: r.fields.get(R),
+					fieldName: R,
+					value: t[R],
 					mode: "display",
 					record: t,
-					refs: p,
-					locale: w
+					refs: m,
+					locale: D
 				})
 			})
 		]
@@ -1752,12 +1754,12 @@ function ot({ row: t, rowId: r, childEntity: i, entityCode: o, parentEntity: s,
 }
 function st(e) {
 	if (e == null) return "";
-	let t = new Date(v(e));
+	let t = new Date(A(e));
 	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`;
 }
 function ct(e) {
 	if (e == null) return "—";
-	let t = new Date(v(e));
+	let t = new Date(A(e));
 	if (Number.isNaN(t.getTime())) return "—";
 	let n = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
 	r.setDate(n.getDate() - 1);
@@ -1769,7 +1771,7 @@ function ct(e) {
 	});
 }
 function lt({ label: e, count: t }) {
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ X("div", {
 		style: {
 			position: "sticky",
 			top: -4,
@@ -1781,7 +1783,7 @@ function lt({ label: e, count: t }) {
 			background: "linear-gradient(180deg, var(--surface-2) 0%, var(--surface-2) 65%, transparent 100%)"
 		},
 		children: [
-			/* @__PURE__ */ J("span", {
+			/* @__PURE__ */ Y("span", {
 				style: {
 					fontSize: 11,
 					fontWeight: 600,
@@ -1789,12 +1791,12 @@ function lt({ label: e, count: t }) {
 				},
 				children: e
 			}),
-			/* @__PURE__ */ J("span", { style: {
+			/* @__PURE__ */ Y("span", { style: {
 				flex: 1,
 				height: 1,
 				background: "var(--divider)"
 			} }),
-			/* @__PURE__ */ J("span", {
+			/* @__PURE__ */ Y("span", {
 				className: "num",
 				style: {
 					fontSize: 10.5,
@@ -1807,7 +1809,7 @@ function lt({ label: e, count: t }) {
 }
 function ut({ value: t, field: n }) {
 	let r = dt(t, n);
-	return r === null ? null : /* @__PURE__ */ Y("span", {
+	return r === null ? null : /* @__PURE__ */ X("span", {
 		style: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -1819,7 +1821,7 @@ function ut({ value: t, field: n }) {
 			background: r ? "var(--accent-soft)" : "var(--info-soft)",
 			color: r ? "var(--accent)" : "var(--info)"
 		},
-		children: [J(r ? e.arrowUp : e.arrowDown, { size: 10 }), r ? "Out" : "In"]
+		children: [Y(r ? e.arrowUp : e.arrowDown, { size: 10 }), r ? "Out" : "In"]
 	});
 }
 function dt(e, t) {
@@ -1833,68 +1835,68 @@ function dt(e, t) {
 }
 //#endregion
 //#region src/components/detail-layout/EditableChildrenTable.tsx
-function ft({ config: t, childEntity: n, schema: r, rows: o, onChange: s, validationErrors: c, refs: u, forceTablePresentation: d = !1 }) {
-	let f = T(), p = i(), m = G(null), h = t.columns, g = t.position_field, _ = new Set(Array.isArray(t.foreign_key) ? t.foreign_key : [t.foreign_key]), y = h.filter((e) => {
-		if (_.has(e) || t.position_field && e === t.position_field) return !1;
+function ft({ config: t, childEntity: n, schema: r, rows: i, onChange: a, validationErrors: s, refs: l, forceTablePresentation: f = !1 }) {
+	let p = S(), m = o(), h = K(null), g = t.columns, _ = t.position_field, v = new Set(Array.isArray(t.foreign_key) ? t.foreign_key : [t.foreign_key]), b = g.filter((e) => {
+		if (v.has(e) || t.position_field && e === t.position_field) return !1;
 		let r = n.fields.get(e);
 		return !(!r || r.auto || r.primary || r.source);
-	}), b = new Set(h.filter((e) => {
+	}), x = new Set(g.filter((e) => {
 		if (t.position_field && e === t.position_field) return !0;
 		let r = n.fields.get(e);
 		return r && (r.auto || r.primary || r.source);
-	})), S = H((e, t, n) => {
-		s(o.map((r) => r._key === e ? {
+	})), C = U((e, t, n) => {
+		a(i.map((r) => r._key === e ? {
 			...r,
 			[t]: n,
 			_dirty: !0
 		} : r));
-	}, [o, s]), C = H(() => {
+	}, [i, a]), w = U(() => {
 		let e = {
 			_key: crypto.randomUUID(),
 			_dirty: !0
 		};
-		g && (e[g] = o.filter((e) => !e._deleted).reduce((e, t) => {
-			let n = typeof t[g] == "number" ? t[g] : -1;
+		_ && (e[_] = i.filter((e) => !e._deleted).reduce((e, t) => {
+			let n = typeof t[_] == "number" ? t[_] : -1;
 			return Math.max(e, n);
 		}, -1) + 1);
 		let r = t.quick_add?.defaults ?? {};
-		for (let t of y) {
+		for (let t of b) {
 			let i = n.fields.get(t);
 			i && (r[t] === void 0 ? i.default === void 0 ? i.type === "bool" && (e[t] = !1) : e[t] = i.default : e[t] = r[t]);
 		}
-		s([...o, e]);
+		a([...i, e]);
 	}, [
-		o,
-		s,
-		y,
+		i,
+		a,
+		b,
 		n,
 		t.quick_add?.defaults,
-		g
-	]), w = H((e) => {
-		s(o.map((t) => t._key === e ? {
+		_
+	]), T = U((e) => {
+		a(i.map((t) => t._key === e ? {
 			...t,
 			_deleted: !0
 		} : t));
-	}, [o, s]), D = H((e) => {
-		s(o.map((t) => t._key === e ? {
+	}, [i, a]), E = U((e) => {
+		a(i.map((t) => t._key === e ? {
 			...t,
 			_deleted: !1
 		} : t));
-	}, [o, s]), O = H((e, t) => {
-		if (!g) return;
-		let n = o.filter((e) => !e._deleted), r = o.filter((e) => e._deleted), i = n.findIndex((t) => t._key === e), a = i + t;
-		if (i < 0 || a < 0 || a >= n.length) return;
-		let c = [...n], [l] = c.splice(i, 1);
-		c.splice(a, 0, l), s([...c.map((e, t) => ({
+	}, [i, a]), D = U((e, t) => {
+		if (!_) return;
+		let n = i.filter((e) => !e._deleted), r = i.filter((e) => e._deleted), o = n.findIndex((t) => t._key === e), s = o + t;
+		if (o < 0 || s < 0 || s >= n.length) return;
+		let c = [...n], [l] = c.splice(o, 1);
+		c.splice(s, 0, l), a([...c.map((e, t) => ({
 			...e,
-			[g]: t,
-			_dirty: e[g] === t ? e._dirty : !0
+			[_]: t,
+			_dirty: e[_] === t ? e._dirty : !0
 		})), ...r]);
 	}, [
-		o,
-		s,
-		g
-	]), k = H((e) => {
+		i,
+		a,
+		_
+	]), O = U((e) => {
 		let t = e.target, n = t.closest("td");
 		if (!n) return;
 		let r = n.closest("tr");
@@ -1918,7 +1920,7 @@ function ft({ config: t, childEntity: n, schema: r, rows: o, onChange: s, valida
 			if (o < t.length - 1) {
 				let e = t[o + 1].cells[a]?.querySelector("input, select, textarea, [tabindex]");
 				e && e.focus();
-			} else C(), requestAnimationFrame(() => {
+			} else w(), requestAnimationFrame(() => {
 				let e = i.querySelectorAll("tr"), t = e[e.length - 1];
 				if (t) {
 					let e = t.querySelector("input, select, textarea, [tabindex]");
@@ -1926,24 +1928,24 @@ function ft({ config: t, childEntity: n, schema: r, rows: o, onChange: s, valida
 				}
 			});
 		} else e.key === "Escape" && t.blur?.();
-	}, [C]), A = se;
-	return p.isPhone && !d ? /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("div", {
+	}, [w]), k = oe;
+	return m.isPhone && !f ? /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 10
 		},
-		children: o.map((t, i) => {
-			let a = !!t._deleted, s = c?.[t._key], d = g ? o.filter((e) => !e._deleted) : [], p = g ? d.findIndex((e) => e._key === t._key) : -1;
-			return /* @__PURE__ */ Y("div", {
+		children: i.map((t, a) => {
+			let o = !!t._deleted, u = s?.[t._key], f = _ ? i.filter((e) => !e._deleted) : [], m = _ ? f.findIndex((e) => e._key === t._key) : -1;
+			return /* @__PURE__ */ X("div", {
 				style: {
 					border: "1px solid var(--border)",
 					borderRadius: 8,
 					background: "var(--surface)",
-					opacity: a ? .58 : 1,
+					opacity: o ? .58 : 1,
 					overflow: "hidden"
 				},
-				children: [/* @__PURE__ */ Y("div", {
+				children: [/* @__PURE__ */ X("div", {
 					style: {
 						minHeight: 38,
 						padding: "8px 10px",
@@ -1953,140 +1955,140 @@ function ft({ config: t, childEntity: n, schema: r, rows: o, onChange: s, valida
 						justifyContent: "space-between",
 						gap: 8
 					},
-					children: [/* @__PURE__ */ Y("div", {
+					children: [/* @__PURE__ */ X("div", {
 						style: {
 							fontSize: 12,
 							fontWeight: 600,
 							color: "var(--text-2)"
 						},
-						children: ["Row ", i + 1]
-					}), /* @__PURE__ */ Y("div", {
+						children: ["Row ", a + 1]
+					}), /* @__PURE__ */ X("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							gap: 4
 						},
-						children: [g && !a && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(l, {
+						children: [_ && !o && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(c, {
 							size: 32,
-							icon: /* @__PURE__ */ J(e.up, { size: 14 }),
-							onClick: () => O(t._key, -1),
-							disabled: p <= 0,
+							icon: /* @__PURE__ */ Y(e.up, { size: 14 }),
+							onClick: () => D(t._key, -1),
+							disabled: m <= 0,
 							title: "Move row up"
-						}), /* @__PURE__ */ J(l, {
+						}), /* @__PURE__ */ Y(c, {
 							size: 32,
-							icon: /* @__PURE__ */ J(e.down, { size: 14 }),
-							onClick: () => O(t._key, 1),
-							disabled: p === -1 || p >= d.length - 1,
+							icon: /* @__PURE__ */ Y(e.down, { size: 14 }),
+							onClick: () => D(t._key, 1),
+							disabled: m === -1 || m >= f.length - 1,
 							title: "Move row down"
-						})] }), a ? /* @__PURE__ */ J(l, {
+						})] }), o ? /* @__PURE__ */ Y(c, {
 							size: 32,
-							icon: /* @__PURE__ */ J(e.refresh, { size: 14 }),
-							onClick: () => D(t._key),
+							icon: /* @__PURE__ */ Y(e.refresh, { size: 14 }),
+							onClick: () => E(t._key),
 							title: "Undo delete"
-						}) : /* @__PURE__ */ J(l, {
+						}) : /* @__PURE__ */ Y(c, {
 							size: 32,
-							icon: /* @__PURE__ */ J(e.trash, { size: 14 }),
-							onClick: () => w(t._key),
+							icon: /* @__PURE__ */ Y(e.trash, { size: 14 }),
+							onClick: () => T(t._key),
 							title: "Delete row"
 						})]
 					})]
-				}), /* @__PURE__ */ J("div", {
+				}), /* @__PURE__ */ Y("div", {
 					style: {
 						padding: 10,
 						display: "flex",
 						flexDirection: "column",
 						gap: 12
 					},
-					children: h.map((e) => {
-						let i = n.fields.get(e), o = s?.includes(e), c = b.has(e), l = i ? E(i, e, r.entities) : e, d = `child-${t._key}-${e}`, p = `${d}-label`, m = {
-							outline: o ? "1px solid var(--danger)" : "none",
+					children: g.map((e) => {
+						let i = n.fields.get(e), a = u?.includes(e), s = x.has(e), c = i ? d(i, e, r.entities) : e, f = `child-${t._key}-${e}`, m = `${f}-label`, h = {
+							outline: a ? "1px solid var(--danger)" : "none",
 							outlineOffset: 3,
-							borderRadius: o ? 5 : 0
-						}, h = {
+							borderRadius: a ? 5 : 0
+						}, g = {
 							fontSize: 11.5,
 							fontWeight: 600,
 							color: "var(--text-3)"
-						}, g = !a && !c && !!i;
-						return /* @__PURE__ */ Y("div", {
+						}, _ = !o && !s && !!i;
+						return /* @__PURE__ */ X("div", {
 							style: {
 								display: "flex",
 								flexDirection: "column",
 								gap: 5,
 								minWidth: 0,
-								textDecoration: a ? "line-through" : "none"
+								textDecoration: o ? "line-through" : "none"
 							},
-							title: o ? `${e} is required` : void 0,
-							children: [g ? /* @__PURE__ */ J("label", {
-								id: p,
-								htmlFor: d,
+							title: a ? `${e} is required` : void 0,
+							children: [_ ? /* @__PURE__ */ Y("label", {
+								id: m,
+								htmlFor: f,
+								style: g,
+								children: c
+							}) : /* @__PURE__ */ Y("div", {
+								id: m,
+								style: g,
+								children: c
+							}), /* @__PURE__ */ Y("div", {
 								style: h,
-								children: l
-							}) : /* @__PURE__ */ J("div", {
-								id: p,
-								style: h,
-								children: l
-							}), /* @__PURE__ */ J("div", {
-								style: m,
-								children: a || c ? i ? x({
+								children: o || s ? i ? y({
 									field: i,
 									fieldName: e,
 									value: t[e],
 									mode: "display",
 									record: t,
-									refs: u,
-									fieldId: d,
-									labelId: p,
-									locale: f
-								}) : v(t[e]) : i ? x({
+									refs: l,
+									fieldId: f,
+									labelId: m,
+									locale: p
+								}) : A(t[e]) : i ? y({
 									field: i,
 									fieldName: e,
 									value: t[e],
 									mode: "edit",
-									onChange: (n) => S(t._key, e, n),
+									onChange: (n) => C(t._key, e, n),
 									record: t,
-									refs: u,
+									refs: l,
 									compact: !0,
-									fieldId: d,
-									labelId: p,
-									locale: f
-								}) : v(t[e])
+									fieldId: f,
+									labelId: m,
+									locale: p
+								}) : A(t[e])
 							})]
 						}, e);
 					})
 				})]
 			}, t._key);
 		})
-	}), /* @__PURE__ */ J("div", {
+	}), /* @__PURE__ */ Y("div", {
 		style: { marginTop: 10 },
-		children: /* @__PURE__ */ J(a, {
+		children: /* @__PURE__ */ Y(u, {
 			kind: "ghost",
 			size: "sm",
-			icon: /* @__PURE__ */ J(e.plus, { size: 14 }),
-			onClick: C,
+			icon: /* @__PURE__ */ Y(e.plus, { size: 14 }),
+			onClick: w,
 			children: "Add row"
 		})
-	})] }) : /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("div", {
+	})] }) : /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("div", {
 		style: { overflowX: "auto" },
-		children: /* @__PURE__ */ Y("table", {
-			ref: m,
-			style: ce,
-			onKeyDown: k,
-			children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ Y("tr", { children: [h.map((e) => {
+		children: /* @__PURE__ */ X("table", {
+			ref: h,
+			style: se,
+			onKeyDown: O,
+			children: [/* @__PURE__ */ Y("thead", { children: /* @__PURE__ */ X("tr", { children: [g.map((e) => {
 				let t = n.fields.get(e);
-				return /* @__PURE__ */ J("th", {
-					style: A,
-					children: t ? E(t, e, r.entities) : e
+				return /* @__PURE__ */ Y("th", {
+					style: k,
+					children: t ? d(t, e, r.entities) : e
 				}, e);
-			}), /* @__PURE__ */ J("th", { style: {
-				...A,
+			}), /* @__PURE__ */ Y("th", { style: {
+				...k,
 				width: 40
-			} })] }) }), /* @__PURE__ */ J("tbody", { children: o.map((t) => {
-				let r = !!t._deleted, i = c?.[t._key];
-				return /* @__PURE__ */ Y("tr", {
+			} })] }) }), /* @__PURE__ */ Y("tbody", { children: i.map((t) => {
+				let r = !!t._deleted, i = s?.[t._key];
+				return /* @__PURE__ */ X("tr", {
 					style: { opacity: r ? .5 : 1 },
-					children: [h.map((e) => {
-						let a = n.fields.get(e), o = i?.includes(e), s = b.has(e);
-						return r || s ? /* @__PURE__ */ J("td", {
+					children: [g.map((e) => {
+						let a = n.fields.get(e), o = i?.includes(e), s = x.has(e);
+						return r || s ? /* @__PURE__ */ Y("td", {
 							style: {
 								padding: "6px 12px",
 								borderBottom: "1px solid var(--divider)",
@@ -2094,16 +2096,16 @@ function ft({ config: t, childEntity: n, schema: r, rows: o, onChange: s, valida
 								textDecoration: r ? "line-through" : "none",
 								color: "var(--text-2)"
 							},
-							children: a ? x({
+							children: a ? y({
 								field: a,
 								fieldName: e,
 								value: t[e],
 								mode: "display",
 								record: t,
-								refs: u,
-								locale: f
-							}) : v(t[e])
-						}, e) : /* @__PURE__ */ J("td", {
+								refs: l,
+								locale: p
+							}) : A(t[e])
+						}, e) : /* @__PURE__ */ Y("td", {
 							style: {
 								padding: "4px 4px",
 								borderBottom: "1px solid var(--divider)",
@@ -2113,89 +2115,89 @@ function ft({ config: t, childEntity: n, schema: r, rows: o, onChange: s, valida
 								borderRadius: o ? 4 : 0
 							},
 							title: o ? `${e} is required` : void 0,
-							children: a ? x({
+							children: a ? y({
 								field: a,
 								fieldName: e,
 								value: t[e],
 								mode: "edit",
-								onChange: (n) => S(t._key, e, n),
+								onChange: (n) => C(t._key, e, n),
 								record: t,
-								refs: u,
+								refs: l,
 								compact: !0,
-								locale: f
-							}) : v(t[e])
+								locale: p
+							}) : A(t[e])
 						}, e);
-					}), /* @__PURE__ */ J("td", {
+					}), /* @__PURE__ */ Y("td", {
 						style: {
 							padding: "4px 8px",
 							borderBottom: "1px solid var(--divider)",
 							verticalAlign: "middle"
 						},
-						children: r ? /* @__PURE__ */ J(l, {
+						children: r ? /* @__PURE__ */ Y(c, {
 							size: 24,
-							icon: /* @__PURE__ */ J(e.refresh, { size: 12 }),
-							onClick: () => D(t._key),
+							icon: /* @__PURE__ */ Y(e.refresh, { size: 12 }),
+							onClick: () => E(t._key),
 							title: "Undo delete"
-						}) : /* @__PURE__ */ J(l, {
+						}) : /* @__PURE__ */ Y(c, {
 							size: 24,
-							icon: /* @__PURE__ */ J(e.trash, { size: 12 }),
-							onClick: () => w(t._key),
+							icon: /* @__PURE__ */ Y(e.trash, { size: 12 }),
+							onClick: () => T(t._key),
 							title: "Delete row"
 						})
 					})]
 				}, t._key);
 			}) })]
 		})
-	}), /* @__PURE__ */ J("div", {
+	}), /* @__PURE__ */ Y("div", {
 		style: { marginTop: 8 },
-		children: /* @__PURE__ */ J(a, {
+		children: /* @__PURE__ */ Y(u, {
 			kind: "ghost",
 			size: "xs",
-			icon: /* @__PURE__ */ J(e.plus, { size: 12 }),
-			onClick: C,
+			icon: /* @__PURE__ */ Y(e.plus, { size: 12 }),
+			onClick: w,
 			children: "Add row"
 		})
 	})] });
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenBlock.tsx
-var pt = V(() => import("./DraggableChildrenTable-CAHg7paQ.js").then((e) => ({ default: e.DraggableChildrenTable })));
+var pt = H(() => import("./DraggableChildrenTable-TNni9y0Q.js").then((e) => ({ default: e.DraggableChildrenTable })));
 function mt({ node: e, ctx: n }) {
-	let r = i(), a = e.children;
-	if (!a) return null;
-	let o = r.isPhone && n.relatedRecordsPresentation === "table";
+	let r = o(), i = e.children;
+	if (!i) return null;
+	let a = r.isPhone && n.relatedRecordsPresentation === "table";
 	if (n.isNew && n.mode !== "edit") return null;
-	let s = ze(n.entity, a);
-	if (!s) return /* @__PURE__ */ Y("div", {
+	let s = ze(n.entity, i);
+	if (!s) return /* @__PURE__ */ X("div", {
 		className: "text-sm text-muted-foreground py-2",
-		children: ["Unknown child relation: ", a]
+		children: ["Unknown child relation: ", i]
 	});
 	let c = n.schema.entities[s.entity];
-	if (!c) return /* @__PURE__ */ Y("div", {
+	if (!c) return /* @__PURE__ */ X("div", {
 		className: "text-sm text-muted-foreground py-2",
 		children: ["Entity not found: ", s.entity]
 	});
-	let l = De(s, c, e), u = X(e, n), d = Z(e, n), f = (e) => l.mode === "timeline" || n.withinCard ? e : /* @__PURE__ */ J(P, {
+	let l = De(s, c, e), u = Z(e, n), d = we(e, n), f = (e) => l.mode === "timeline" || n.withinCard ? e : /* @__PURE__ */ Y(N, {
 		title: u,
-		icon: d ? /* @__PURE__ */ J(t, {
+		icon: d ? /* @__PURE__ */ Y(t, {
 			name: d,
 			size: 14
 		}) : void 0,
 		children: e
 	});
-	if (n.mode === "edit" && l.editable && l.interaction !== "navigate" && l.interaction !== "readonly" && O(c, "update") && l.mode === "table" && n.pendingChildren !== void 0 && n.onChildrenChange) {
-		let e = n.pendingChildren[a] ?? [], t = n.childValidationErrors?.[a], i = l.position_field ? r.isPhone && !o ? ft : pt : ft;
-		return f(/* @__PURE__ */ J(ue, {
-			fallback: /* @__PURE__ */ J(te, {}),
-			children: /* @__PURE__ */ J(i, {
+	if (n.mode === "edit" && l.editable && l.interaction !== "navigate" && l.interaction !== "readonly" && T(c, "update") && l.mode === "table" && n.pendingChildren !== void 0 && n.onChildrenChange) {
+		let e = n.pendingChildren[i] ?? [], t = n.childValidationErrors?.[i], o = l.position_field ? r.isPhone && !a ? ft : pt : ft;
+		return f(/* @__PURE__ */ Y(le, {
+			fallback: /* @__PURE__ */ Y(P, {}),
+			children: /* @__PURE__ */ Y(o, {
 				config: l,
 				childEntity: c,
 				schema: n.schema,
 				rows: e,
-				onChange: (e) => n.onChildrenChange(a, e),
+				onChange: (e) => n.onChildrenChange(i, e),
 				validationErrors: t,
 				refs: n.refs,
-				forceTablePresentation: o
+				forceTablePresentation: a
 			})
 		}));
 	}
@@ -2207,10 +2209,10 @@ function mt({ node: e, ctx: n }) {
 		schema: n.schema
 	};
 	switch (l.mode) {
-		case "list": return f(/* @__PURE__ */ J(Ge, { ...p }));
-		case "cards": return f(/* @__PURE__ */ J(Ke, { ...p }));
-		case "timeline": return f(/* @__PURE__ */ J(at, { ...p }));
-		default: return r.isPhone && !o ? f(/* @__PURE__ */ J(Ke, { ...p })) : f(/* @__PURE__ */ J(We, { ...p }));
+		case "list": return f(/* @__PURE__ */ Y(Ge, { ...p }));
+		case "cards": return f(/* @__PURE__ */ Y(Ke, { ...p }));
+		case "timeline": return f(/* @__PURE__ */ Y(at, { ...p }));
+		default: return r.isPhone && !a ? f(/* @__PURE__ */ Y(Ke, { ...p })) : f(/* @__PURE__ */ Y(We, { ...p }));
 	}
 }
 //#endregion
@@ -2221,10 +2223,10 @@ var ht = 150, gt = 560, _t = "20px", vt = 4, yt = /* @__PURE__ */ new Set([
 	"json",
 	"structure",
 	"multilang_text"
-]), bt = de({ columns: 2 });
+]), bt = ue({ columns: 2 });
 function xt({ columns: e = 2, children: t }) {
-	let n = G(null), [r, i] = K(!1);
-	U(() => {
+	let n = K(null), [r, i] = q(!1);
+	W(() => {
 		let t = n.current;
 		if (!t || e === 1 || typeof ResizeObserver > "u") return;
 		let r = new ResizeObserver(([e]) => {
@@ -2233,9 +2235,9 @@ function xt({ columns: e = 2, children: t }) {
 		return r.observe(t), () => r.disconnect();
 	}, [e]);
 	let a = e === 1 || r ? 1 : e;
-	return /* @__PURE__ */ J(bt.Provider, {
+	return /* @__PURE__ */ Y(bt.Provider, {
 		value: { columns: a },
-		children: /* @__PURE__ */ J("div", {
+		children: /* @__PURE__ */ Y("div", {
 			ref: n,
 			style: {
 				display: "grid",
@@ -2247,9 +2249,9 @@ function xt({ columns: e = 2, children: t }) {
 		})
 	});
 }
-function St({ label: t, children: n, span: r = !1, required: i, error: a, hint: s, actions: c, copyValue: l, mode: u = "display", htmlFor: d, labelId: f, labelTitle: p, "data-testid": m }) {
-	let h = fe(bt), g = r || h.columns === 1, _ = !!a;
-	return /* @__PURE__ */ Y("div", {
+function St({ label: t, children: n, span: r = !1, required: i, error: o, hint: s, actions: c, copyValue: l, mode: u = "display", htmlFor: d, labelId: f, labelTitle: p, "data-testid": m }) {
+	let h = de(bt), g = r || h.columns === 1, _ = !!o;
+	return /* @__PURE__ */ X("div", {
 		className: "detail-row",
 		"data-error": _ || void 0,
 		"data-testid": m,
@@ -2261,7 +2263,7 @@ function St({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 			padding: "6px 0",
 			...r ? { gridColumn: "1 / -1" } : null
 		},
-		children: [/* @__PURE__ */ Y("div", {
+		children: [/* @__PURE__ */ X("div", {
 			style: {
 				width: g ? "auto" : ht,
 				flexShrink: 0,
@@ -2274,16 +2276,16 @@ function St({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 				alignItems: "flex-start",
 				gap: 2
 			},
-			children: [d ? /* @__PURE__ */ J("label", {
+			children: [d ? /* @__PURE__ */ Y("label", {
 				id: f,
 				htmlFor: d,
 				title: p || void 0,
 				children: t
-			}) : /* @__PURE__ */ J("span", {
+			}) : /* @__PURE__ */ Y("span", {
 				id: f,
 				title: p || void 0,
 				children: t
-			}), i && u === "edit" && /* @__PURE__ */ J("span", {
+			}), i && u === "edit" && /* @__PURE__ */ Y("span", {
 				"aria-hidden": "true",
 				style: {
 					color: "var(--danger)",
@@ -2291,7 +2293,7 @@ function St({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 				},
 				children: "*"
 			})]
-		}), /* @__PURE__ */ Y("div", {
+		}), /* @__PURE__ */ X("div", {
 			style: {
 				flex: 1,
 				minWidth: 0,
@@ -2299,14 +2301,14 @@ function St({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 				flexDirection: "column",
 				gap: 3
 			},
-			children: [/* @__PURE__ */ Y("div", {
+			children: [/* @__PURE__ */ X("div", {
 				style: {
 					display: "flex",
 					alignItems: "flex-start",
 					gap: 6,
 					minHeight: 24
 				},
-				children: [/* @__PURE__ */ J("div", {
+				children: [/* @__PURE__ */ Y("div", {
 					style: {
 						flex: 1,
 						minWidth: 0,
@@ -2316,14 +2318,14 @@ function St({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 						overflowWrap: "anywhere",
 						paddingTop: u === "display" && !g ? vt : 0
 					},
-					children: _ && u === "edit" ? /* @__PURE__ */ J("div", {
+					children: _ && u === "edit" ? /* @__PURE__ */ Y("div", {
 						style: {
 							borderRadius: 6,
 							boxShadow: "0 0 0 1.5px var(--danger)"
 						},
 						children: n
 					}) : n
-				}), (l || c) && /* @__PURE__ */ Y("div", {
+				}), (l || c) && /* @__PURE__ */ X("div", {
 					className: "detail-row-action",
 					style: {
 						display: "flex",
@@ -2331,13 +2333,13 @@ function St({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 						flexShrink: 0,
 						marginTop: -2
 					},
-					children: [l && /* @__PURE__ */ J(o, {
+					children: [l && /* @__PURE__ */ Y(a, {
 						value: l,
 						size: "sm",
 						title: "Copy value"
 					}), c]
 				})]
-			}), (_ || s != null) && /* @__PURE__ */ Y("div", {
+			}), (_ || s != null) && /* @__PURE__ */ X("div", {
 				style: {
 					fontSize: 11.5,
 					lineHeight: 1.4,
@@ -2346,7 +2348,7 @@ function St({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 					alignItems: "center",
 					gap: 4
 				},
-				children: [_ && /* @__PURE__ */ J(e.warning, { size: 11 }), /* @__PURE__ */ J("span", { children: _ ? a : s })]
+				children: [_ && /* @__PURE__ */ Y(e.warning, { size: 11 }), /* @__PURE__ */ Y("span", { children: _ ? o : s })]
 			})]
 		})]
 	});
@@ -2354,62 +2356,62 @@ function St({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 //#endregion
 //#region src/components/detail-layout/FieldsBlock.tsx
 function Ct({ fields: e, ctx: t }) {
-	let { entity: n, entityCode: r, record: i, mode: a, onFieldChange: o, schema: s } = t, c = T(), l = t.columns ?? 2, u = l === 1 && e.length === 1;
-	return /* @__PURE__ */ J(xt, {
+	let { entity: n, entityCode: r, record: i, mode: a, onFieldChange: o, schema: s } = t, c = S(), l = t.columns ?? 2, u = l === 1 && e.length === 1;
+	return /* @__PURE__ */ Y(xt, {
 		columns: l,
 		children: e.map((e) => {
-			let l = e.name, d = `${r ?? "field"}-${l}`, f = `${d}-label`, p = n.fields.get(l), m = !!(p?.auto || p?.readonly || p?.source), h = F(n, l), g = h?.read === "denied", _ = h?.write === "denied", y = a === "display" ? g : _ || g, b = m || a === "edit" && _ ? "display" : a, x = y ? /* @__PURE__ */ J(oe, {
-				tier: h.classification,
-				tierDef: ae(s, n, l),
-				requiredPermission: h?.required_permission,
+			let l = e.name, d = `${r ?? "field"}-${l}`, p = `${d}-label`, m = n.fields.get(l), h = !!(m?.auto || m?.readonly || m?.source), g = I(n, l), _ = g?.read === "denied", v = g?.write === "denied", y = a === "display" ? _ : v || _, b = h || a === "edit" && v ? "display" : a, x = y ? /* @__PURE__ */ Y(ae, {
+				tier: g.classification,
+				tierDef: ie(s, n, l),
+				requiredPermission: g?.required_permission,
 				locale: c,
 				variant: b === "edit" ? "input" : "value"
-			}) : I({
+			}) : L({
 				entity: n,
 				entityCode: r,
 				fieldName: l,
 				record: i,
 				mode: b,
-				onChange: o && !m ? (e) => o(l, e) : void 0,
+				onChange: o && !h ? (e) => o(l, e) : void 0,
 				refs: t.refs,
 				entities: s?.entities,
 				screens: s?.screens,
 				locale: c,
 				fieldId: d,
-				labelId: f
+				labelId: p
 			});
 			if (!x) return null;
-			let S = a === "display" && e.actions && e.actions.length > 0 ? /* @__PURE__ */ J(q, { children: e.actions.map((e, t) => /* @__PURE__ */ J(L, {
+			let S = a === "display" && e.actions && e.actions.length > 0 ? /* @__PURE__ */ Y(J, { children: e.actions.map((e, t) => /* @__PURE__ */ Y(R, {
 				actionCode: `${l}.action[${t}]`,
 				action: e,
 				entityCode: r,
 				row: i,
 				variant: "ghost",
 				size: "icon"
-			}, t)) }) : void 0, C = !!p && yt.has(p.type), T = i?.[l], E = b === "display" && (p?.copyable || p?.type === "uuid") && T != null && T !== "" ? v(T) : void 0, D = w(p?.display?.description);
-			return u ? /* @__PURE__ */ Y("div", {
+			}, t)) }) : void 0, C = !!m && yt.has(m.type), w = i?.[l], T = b === "display" && (m?.copyable || m?.type === "uuid") && w != null && w !== "" ? A(w) : void 0, E = f(m?.display?.description);
+			return u ? /* @__PURE__ */ X("div", {
 				style: { gridColumn: "1 / -1" },
-				children: [x, b === "edit" && D && /* @__PURE__ */ J("div", {
+				children: [x, b === "edit" && E && /* @__PURE__ */ Y("div", {
 					style: {
 						fontSize: 11.5,
 						lineHeight: 1.4,
 						color: "var(--text-3)",
 						marginTop: 3
 					},
-					children: D
+					children: E
 				})]
-			}, l) : /* @__PURE__ */ J(St, {
-				label: ie(n, l, s.entities),
+			}, l) : /* @__PURE__ */ Y(St, {
+				label: re(n, l, s.entities),
 				htmlFor: b === "edit" ? d : void 0,
-				labelId: f,
-				labelTitle: D || void 0,
-				required: p?.required ?? !1,
+				labelId: p,
+				labelTitle: E || void 0,
+				required: m?.required ?? !1,
 				mode: b,
 				span: C,
 				error: t.fieldErrors?.[l],
-				hint: b === "edit" && D ? D : void 0,
+				hint: b === "edit" && E ? E : void 0,
 				actions: S,
-				copyValue: E,
+				copyValue: T,
 				children: x
 			}, l);
 		})
@@ -2430,11 +2432,11 @@ function Et({ node: e, ctx: t }) {
 	let { entity: n, objectProperties: r, onSetProperty: i, isNew: a, mode: o, refs: s } = t, c = n.properties ?? {};
 	if (a) return null;
 	let l = e.properties === !0 ? !0 : e.properties, u = l === !0 ? Object.entries(c).sort(([e], [t]) => e.localeCompare(t)) : l.filter((e) => c[e] != null).map((e) => [e, c[e]]);
-	return u.length === 0 ? null : /* @__PURE__ */ J(xt, {
+	return u.length === 0 ? null : /* @__PURE__ */ Y(xt, {
 		columns: 2,
 		children: u.map(([e, a]) => {
-			let c = r?.find((t) => t.property_code === e), l = p(a), u = a.readonly || !i ? "display" : o;
-			return /* @__PURE__ */ J(Dt, {
+			let c = r?.find((t) => t.property_code === e), l = C(a), u = a.readonly || !i ? "display" : o;
+			return /* @__PURE__ */ Y(Dt, {
 				propCode: e,
 				prop: a,
 				field: l,
@@ -2449,33 +2451,33 @@ function Et({ node: e, ctx: t }) {
 	});
 }
 function Dt({ propCode: e, prop: t, field: n, value: r, mode: i, onSetProperty: a, refs: o, entity: s, schema: c }) {
-	let l = T(), u = G(null);
-	U(() => () => {
+	let l = S(), u = K(null);
+	W(() => () => {
 		u.current && clearTimeout(u.current);
 	}, []);
-	let d = H((n) => {
+	let d = U((n) => {
 		a && (wt.has(t.type) ? (u.current && clearTimeout(u.current), u.current = setTimeout(() => a(e, n), Tt)) : a(e, n));
 	}, [
 		e,
 		t.type,
 		a
-	]), f = F(s, e), p = f?.read === "denied", m = f?.write === "denied", h = i === "display" ? p : m || p, g = i === "edit" && m ? "display" : i;
-	return /* @__PURE__ */ J(St, {
-		label: w(t.display?.name ?? t.name),
-		mode: g,
+	]), p = I(s, e), m = p?.read === "denied", h = p?.write === "denied", g = i === "display" ? m : h || m, _ = i === "edit" && h ? "display" : i;
+	return /* @__PURE__ */ Y(St, {
+		label: f(t.display?.name ?? t.name),
+		mode: _,
 		span: yt.has(t.type),
-		children: h ? /* @__PURE__ */ J(oe, {
-			tier: f.classification,
-			tierDef: ae(c, s, e),
-			requiredPermission: f?.required_permission,
+		children: g ? /* @__PURE__ */ Y(ae, {
+			tier: p.classification,
+			tierDef: ie(c, s, e),
+			requiredPermission: p?.required_permission,
 			locale: l,
-			variant: g === "edit" ? "input" : "value"
-		}) : x({
+			variant: _ === "edit" ? "input" : "value"
+		}) : y({
 			field: n,
 			fieldName: e,
 			value: r,
-			mode: g,
-			onChange: g === "edit" ? d : void 0,
+			mode: _,
+			onChange: _ === "edit" ? d : void 0,
 			refs: o,
 			locale: l
 		})
@@ -2485,7 +2487,7 @@ function Dt({ propCode: e, prop: t, field: n, value: r, mode: i, onSetProperty:
 //#region src/components/shared/StatusStepper.tsx
 function Ot({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1 }) {
 	let o = t.findIndex((e) => e.code === n);
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		role: "list",
 		style: {
 			display: "flex",
@@ -2497,7 +2499,7 @@ function Ot({ 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__ */ Y("button", {
+			return /* @__PURE__ */ X("button", {
 				role: "listitem",
 				type: "button",
 				disabled: !d,
@@ -2521,7 +2523,7 @@ function Ot({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1
 					clipPath: g,
 					whiteSpace: "nowrap"
 				},
-				children: [/* @__PURE__ */ J("span", {
+				children: [/* @__PURE__ */ Y("span", {
 					style: {
 						width: 16,
 						height: 16,
@@ -2536,8 +2538,8 @@ function Ot({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1
 						fontSize: 9.5,
 						fontWeight: 700
 					},
-					children: c ? /* @__PURE__ */ J(e.check, { size: 10 }) : s + 1
-				}), /* @__PURE__ */ J("span", {
+					children: c ? /* @__PURE__ */ Y(e.check, { size: 10 }) : s + 1
+				}), /* @__PURE__ */ Y("span", {
 					style: {
 						overflow: "hidden",
 						textOverflow: "ellipsis"
@@ -2550,44 +2552,44 @@ function Ot({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1
 }
 //#endregion
 //#region src/components/shared/StatusGroupsDisplay.tsx
-function kt({ statusGroups: e, objectStatuses: t, onSetStatus: r, isPending: i, mode: a = "edit" }) {
-	return /* @__PURE__ */ J("div", {
+function kt({ statusGroups: e, objectStatuses: t, onSetStatus: r, isPending: a, mode: o = "edit" }) {
+	return /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			flexWrap: "wrap",
 			alignItems: "center",
 			gap: 16
 		},
-		children: Object.entries(e).map(([e, o]) => {
-			let s = t?.find((t) => t.group_code === e)?.status_code, c = s ? o.statuses.find((e) => e.code === s) : void 0;
-			if (o.display_mode === "stepper") {
-				let t = a === "edit", n = t ? o.transitions && s ? /* @__PURE__ */ new Set([s, ...o.transitions[s] ?? []]) : new Set(o.statuses.map((e) => e.code)) : void 0;
-				return /* @__PURE__ */ Y("div", {
+		children: Object.entries(e).map(([e, s]) => {
+			let c = t?.find((t) => t.group_code === e)?.status_code, l = c ? s.statuses.find((e) => e.code === c) : void 0;
+			if (s.display_mode === "stepper") {
+				let t = o === "edit", n = t ? s.transitions && c ? /* @__PURE__ */ new Set([c, ...s.transitions[c] ?? []]) : new Set(s.statuses.map((e) => e.code)) : void 0;
+				return /* @__PURE__ */ X("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
 						gap: 8,
 						minWidth: 0
 					},
-					children: [/* @__PURE__ */ Y("span", {
+					children: [/* @__PURE__ */ X("span", {
 						style: {
 							fontSize: 12,
 							color: "var(--text-3)",
 							flexShrink: 0
 						},
-						children: [w(o.name), ":"]
-					}), /* @__PURE__ */ J("div", {
+						children: [f(s.name), ":"]
+					}), /* @__PURE__ */ Y("div", {
 						style: {
 							minWidth: 240,
-							opacity: i ? .6 : 1,
-							pointerEvents: i ? "none" : "auto"
+							opacity: a ? .6 : 1,
+							pointerEvents: a ? "none" : "auto"
 						},
-						children: /* @__PURE__ */ J(Ot, {
-							stages: o.statuses.map((e) => ({
+						children: /* @__PURE__ */ Y(Ot, {
+							stages: s.statuses.map((e) => ({
 								code: e.code,
-								label: w(e.name)
+								label: f(e.name)
 							})),
-							current: s,
+							current: c,
 							selectable: n,
 							onSelect: t ? (t) => r(e, t) : void 0,
 							compact: !0
@@ -2595,23 +2597,23 @@ function kt({ statusGroups: e, objectStatuses: t, onSetStatus: r, isPending: i,
 					})]
 				}, e);
 			}
-			if (a === "display") return /* @__PURE__ */ Y("div", {
+			if (o === "display") return /* @__PURE__ */ X("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: 8
 				},
-				children: [/* @__PURE__ */ Y("span", {
+				children: [/* @__PURE__ */ X("span", {
 					style: {
 						fontSize: 12,
 						color: "var(--text-3)"
 					},
-					children: [w(o.name), ":"]
-				}), c ? /* @__PURE__ */ J(n, {
-					tone: c.color ?? "slate",
+					children: [f(s.name), ":"]
+				}), l ? /* @__PURE__ */ Y(i, {
+					tone: l.color ?? "slate",
 					size: "xs",
-					children: w(c.name)
-				}) : /* @__PURE__ */ J("span", {
+					children: f(l.name)
+				}) : /* @__PURE__ */ Y("span", {
 					style: {
 						fontSize: 12.5,
 						color: "var(--text-4)"
@@ -2619,44 +2621,44 @@ function kt({ statusGroups: e, objectStatuses: t, onSetStatus: r, isPending: i,
 					children: "—"
 				})]
 			}, e);
-			let l = (o.transitions && s ? o.statuses.filter((e) => e.code === s || (o.transitions[s]?.includes(e.code) ?? !1)) : o.statuses).map((e) => ({
+			let u = (s.transitions && c ? s.statuses.filter((e) => e.code === c || (s.transitions[c]?.includes(e.code) ?? !1)) : s.statuses).map((e) => ({
 				value: e.code,
-				label: /* @__PURE__ */ Y("span", {
+				label: /* @__PURE__ */ X("span", {
 					style: {
 						display: "inline-flex",
 						alignItems: "center",
 						gap: 6
 					},
-					children: [e.color && /* @__PURE__ */ J("span", { style: {
+					children: [e.color && /* @__PURE__ */ Y("span", { style: {
 						width: 8,
 						height: 8,
 						borderRadius: 999,
 						background: `var(--pill-${e.color}, ${e.color})`,
 						display: "inline-block"
-					} }), w(e.name)]
+					} }), f(e.name)]
 				})
 			}));
-			return /* @__PURE__ */ Y("div", {
+			return /* @__PURE__ */ X("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: 8
 				},
-				children: [/* @__PURE__ */ Y("span", {
+				children: [/* @__PURE__ */ X("span", {
 					style: {
 						fontSize: 12,
 						color: "var(--text-3)"
 					},
-					children: [w(o.name), ":"]
-				}), /* @__PURE__ */ J("div", {
+					children: [f(s.name), ":"]
+				}), /* @__PURE__ */ Y("div", {
 					style: {
 						minWidth: 180,
-						opacity: i ? .6 : 1,
-						pointerEvents: i ? "none" : "auto"
+						opacity: a ? .6 : 1,
+						pointerEvents: a ? "none" : "auto"
 					},
-					children: /* @__PURE__ */ J(A, {
-						value: s ?? "",
-						options: l,
+					children: /* @__PURE__ */ Y(n, {
+						value: c ?? "",
+						options: u,
 						onChange: (t) => r(e, t),
 						placeholder: "Select…"
 					})
@@ -2672,7 +2674,7 @@ function jt({ node: e, ctx: t }) {
 	let { entity: n, objectStatuses: r, onSetStatus: i, isStatusPending: a, isNew: o } = t, s = n.status_groups ?? {};
 	if (o) return null;
 	let c = e.statuses === !0 ? !0 : e.statuses, l = Object.fromEntries(Object.entries(s).filter(([e]) => c === !0 || c.includes(e)));
-	return Object.keys(l).length === 0 ? null : /* @__PURE__ */ J(kt, {
+	return Object.keys(l).length === 0 ? null : /* @__PURE__ */ Y(kt, {
 		statusGroups: l,
 		objectStatuses: r,
 		onSetStatus: i ?? At,
@@ -2713,29 +2715,29 @@ function Pt(e) {
 }
 //#endregion
 //#region src/components/detail-layout/widgets/JsonDiffWidget.tsx
-var Ft = "Audit change diff", It = V(() => import("./MonacoJson-DVjwsaBK.js").then((e) => ({ default: e.MonacoJsonDiff }))), Lt = V(() => import("./MonacoJson-DVjwsaBK.js").then((e) => ({ default: e.MonacoJsonSource }))), Rt = V(() => import("./JsonEditor-KelPV-OQ.js").then((e) => ({ default: e.JsonEditor })));
+var Ft = "Audit change diff", It = H(() => import("./MonacoJson-BfpzZ1iT.js").then((e) => ({ default: e.MonacoJsonDiff }))), Lt = H(() => import("./MonacoJson-BfpzZ1iT.js").then((e) => ({ default: e.MonacoJsonSource }))), Rt = H(() => import("./JsonEditor-DoNmyrYd.js").then((e) => ({ default: e.JsonEditor })));
 function zt() {
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "flex h-full w-full items-center justify-center text-sm text-muted-foreground",
 		children: "Loading editor…"
 	});
 }
 function Bt({ before: e, after: t }) {
-	return /* @__PURE__ */ J(ue, {
-		fallback: /* @__PURE__ */ J(zt, {}),
-		children: /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ Y(le, {
+		fallback: /* @__PURE__ */ Y(zt, {}),
+		children: /* @__PURE__ */ X("div", {
 			className: "flex h-full w-full gap-2",
 			role: "group",
 			"aria-label": Ft,
-			children: [/* @__PURE__ */ J("div", {
+			children: [/* @__PURE__ */ Y("div", {
 				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ J(Rt, {
+				children: /* @__PURE__ */ Y(Rt, {
 					value: e,
 					readOnly: !0
 				})
-			}), /* @__PURE__ */ J("div", {
+			}), /* @__PURE__ */ Y("div", {
 				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ J(Rt, {
+				children: /* @__PURE__ */ Y(Rt, {
 					value: t,
 					readOnly: !0
 				})
@@ -2744,17 +2746,17 @@ function Bt({ before: e, after: t }) {
 	});
 }
 function Vt({ mode: e, onChange: t }) {
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ X("div", {
 		className: "inline-flex gap-1",
 		role: "group",
 		"aria-label": "Diff view mode",
-		children: [/* @__PURE__ */ J("button", {
+		children: [/* @__PURE__ */ Y("button", {
 			type: "button",
 			"aria-pressed": e === "diff",
 			onClick: () => t("diff"),
 			className: `rounded px-2 py-0.5 text-xs ${e === "diff" ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
 			children: "Diff"
-		}), /* @__PURE__ */ J("button", {
+		}), /* @__PURE__ */ Y("button", {
 			type: "button",
 			"aria-pressed": e === "source",
 			onClick: () => t("source"),
@@ -2764,41 +2766,41 @@ function Vt({ mode: e, onChange: t }) {
 	});
 }
 function Ht({ values: e, options: t }) {
-	let n = e.before, r = e.after, [i, a] = K(t?.default_mode === "source" ? "source" : "diff"), o = Pt(n), s = Pt(r);
-	return /* @__PURE__ */ Y("div", {
+	let n = e.before, r = e.after, [i, a] = q(t?.default_mode === "source" ? "source" : "diff"), o = Pt(n), s = Pt(r);
+	return /* @__PURE__ */ X("div", {
 		className: "flex flex-col gap-2",
-		children: [/* @__PURE__ */ Y("div", {
+		children: [/* @__PURE__ */ X("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ J(Vt, {
+			children: [/* @__PURE__ */ Y(Vt, {
 				mode: i,
 				onChange: a
-			}), o === s && /* @__PURE__ */ J("span", {
+			}), o === s && /* @__PURE__ */ Y("span", {
 				className: "text-xs text-muted-foreground",
 				role: "status",
 				children: "No field changes"
 			})]
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ Y("div", {
 			className: "h-[480px] w-full overflow-hidden rounded border",
 			role: "group",
 			"aria-label": Ft,
-			children: /* @__PURE__ */ J(R, {
-				fallback: /* @__PURE__ */ J(Bt, {
+			children: /* @__PURE__ */ Y(z, {
+				fallback: /* @__PURE__ */ Y(Bt, {
 					before: n,
 					after: r
 				}),
-				children: /* @__PURE__ */ J(ue, {
-					fallback: /* @__PURE__ */ J(zt, {}),
-					children: i === "diff" ? /* @__PURE__ */ J(It, {
+				children: /* @__PURE__ */ Y(le, {
+					fallback: /* @__PURE__ */ Y(zt, {}),
+					children: i === "diff" ? /* @__PURE__ */ Y(It, {
 						before: o,
 						after: s
-					}) : /* @__PURE__ */ Y("div", {
+					}) : /* @__PURE__ */ X("div", {
 						className: "flex h-full w-full gap-2",
-						children: [/* @__PURE__ */ J("div", {
+						children: [/* @__PURE__ */ Y("div", {
 							className: "min-w-0 flex-1",
-							children: /* @__PURE__ */ J(Lt, { value: o })
-						}), /* @__PURE__ */ J("div", {
+							children: /* @__PURE__ */ Y(Lt, { value: o })
+						}), /* @__PURE__ */ Y("div", {
 							className: "min-w-0 flex-1",
-							children: /* @__PURE__ */ J(Lt, { value: s })
+							children: /* @__PURE__ */ Y(Lt, { value: s })
 						})]
 					})
 				})
@@ -2810,27 +2812,27 @@ function Ht({ values: e, options: t }) {
 //#region src/components/detail-layout/widgets/builtins.ts
 var Ut = !1;
 function Wt() {
-	Ut ||= (ne("json_diff", Ht), !0);
+	Ut ||= (te("json_diff", Ht), !0);
 }
 //#endregion
 //#region src/components/detail-layout/widgets/WidgetHost.tsx
 Wt();
 function Gt({ config: e, ctx: t }) {
-	let n = re(e.type);
-	if (!n) return /* @__PURE__ */ J("span", {
+	let n = ne(e.type);
+	if (!n) return /* @__PURE__ */ Y("span", {
 		className: "text-sm text-muted-foreground",
 		children: `unknown widget: ${e.type}`
 	});
 	let r = e.inputs ?? {}, i = t.record, a = {};
 	for (let [e, t] of Object.entries(r)) a[e] = i[t];
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		style: {
 			minWidth: 0,
 			maxWidth: "100%",
 			overflowX: "auto",
 			WebkitOverflowScrolling: "touch"
 		},
-		children: /* @__PURE__ */ J(n, {
+		children: /* @__PURE__ */ Y(n, {
 			inputs: r,
 			values: a,
 			record: i,
@@ -2842,41 +2844,41 @@ function Gt({ config: e, ctx: t }) {
 //#endregion
 //#region src/components/detail-layout/LayoutRenderer.tsx
 function Kt({ nodes: e, ctx: t }) {
-	return /* @__PURE__ */ J(q, { children: e.map((e, n) => /* @__PURE__ */ J($, {
+	return /* @__PURE__ */ Y(J, { children: e.map((e, n) => /* @__PURE__ */ Y($, {
 		node: e,
 		ctx: t
 	}, n)) });
 }
 function $({ node: e, ctx: t }) {
-	return e.row ? /* @__PURE__ */ J(be, {
+	return e.row ? /* @__PURE__ */ Y(ye, {
 		config: e.row,
 		ctx: t
-	}) : e.column ? /* @__PURE__ */ J(Ce, {
+	}) : e.column ? /* @__PURE__ */ Y(Se, {
 		config: e.column,
 		node: e,
 		ctx: t
-	}) : e.tabs ? /* @__PURE__ */ J(Te, {
+	}) : e.tabs ? /* @__PURE__ */ Y(Te, {
 		config: e.tabs,
 		ctx: t
-	}) : e.section ? /* @__PURE__ */ J(Ee, {
+	}) : e.section ? /* @__PURE__ */ Y(Ee, {
 		config: e.section,
 		ctx: t
-	}) : e.children ? /* @__PURE__ */ J(mt, {
+	}) : e.children ? /* @__PURE__ */ Y(mt, {
 		node: e,
 		ctx: t
-	}) : e.associated ? /* @__PURE__ */ J(j, {
+	}) : e.associated ? /* @__PURE__ */ Y(j, {
 		node: e,
 		ctx: t
-	}) : e.fields ? /* @__PURE__ */ J(Ct, {
+	}) : e.fields ? /* @__PURE__ */ Y(Ct, {
 		fields: e.fields,
 		ctx: t
-	}) : e.properties == null ? e.statuses == null ? e.widget ? /* @__PURE__ */ J(Gt, {
+	}) : e.properties == null ? e.statuses == null ? e.widget ? /* @__PURE__ */ Y(Gt, {
 		config: e.widget,
 		ctx: t
-	}) : null : /* @__PURE__ */ J(jt, {
+	}) : null : /* @__PURE__ */ Y(jt, {
 		node: e,
 		ctx: t
-	}) : /* @__PURE__ */ J(Et, {
+	}) : /* @__PURE__ */ Y(Et, {
 		node: e,
 		ctx: t
 	});