@declarion/react 0.52.0 → 0.53.0

package/dist-lib/{LayoutRenderer-DbdxC-Bq.js → LayoutRenderer-D_v9OD_A.js}

@@ -1,13 +1,13 @@
 import { s as e, t } from "./DynamicIcon-DW5krHuX.js";
-import { $n as n, A as r, Cn as i, Dn as a, En as o, Gt as s, Jn as c, M as l, Mn as u, Nn as d, On as f, Rn as p, Sn as m, X as h, Z as g, _t as _, dr as v, f as y, fr as b, gn as x, j as S, kn as C, kt as w, rr as T, rt as E, sr as D, ur as O, vt as k, wn as A, yt as j, zn as M } from "./useCurrentScreen-74x5yJNb.js";
-import { c as ee, d as N, f as P, l as F, o as I, r as L, s as R, t as z } from "./registry-p6CejATt.js";
-import { E as B, g as V, h as te, j as ne, m as re, n as ie, p as ae, t as oe, w as se } from "./field-classification-CeYJlsNq.js";
-import { m as ce, p as le } from "./action-dispatch-C28UhXXA.js";
-import { f as ue } from "./cardProjection-Bp_ZPLUE.js";
+import { $n as n, A as r, Bn as i, Cr as a, Ct as o, Dr as s, Fr as c, Ir as l, Jn as u, Jt as d, Kn as f, Kt as p, Mt as m, Pr as h, Qn as g, R as _, St as v, Xn as y, Zn as b, c as x, cr as S, in as C, it as w, jr as T, k as E, lr as D, nr as O, nt as k, qn as A, qt as j, rr as M, rt as N, s as ee, vr as P, yn as F } from "./useCurrentScreen-BdnZq8vZ.js";
+import { c as I, d as L, f as R, l as z, o as B, r as V, s as H, t as te } from "./registry-C5ug25M8.js";
+import { C as ne, O as re, c as ie, n as ae, t as oe, x as se } from "./field-classification-EY8CFF3P.js";
+import { m as ce, p as le } from "./action-dispatch-DlHTYag7.js";
+import { o as ue } from "./cardProjection-C7Orz841.js";
 import { n as de, r as fe, t as pe } from "./dataTableStyles-vwD1mVOP.js";
-import { Suspense as me, createContext as he, lazy as ge, useCallback as H, useContext as _e, useEffect as U, useId as ve, useLayoutEffect as ye, useMemo as W, useRef as G, useState as K } from "react";
+import { Suspense as me, createContext as he, lazy as ge, useCallback as U, useContext as _e, useEffect as W, useId as ve, useLayoutEffect as ye, useMemo as G, useRef as K, useState as q } from "react";
 import { useInfiniteQuery as be, useMutation as xe, useQueryClient as Se } from "@tanstack/react-query";
-import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
+import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
 //#region src/lib/size-value.ts
 var Ce = /^(\d+)px$/;
 function we(e) {
@@ -31,8 +31,8 @@ function we(e) {
 //#endregion
 //#region src/components/detail-layout/LayoutRow.tsx
 function Te({ config: e, ctx: t }) {
-	let { items: n, gap: r = 0, resizable: i = !1, stack_below: a } = e, o = a === "never" ? 0 : a ?? 768, [s, c] = K(!1), l = G(null);
-	U(() => {
+	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;
@@ -41,10 +41,10 @@ function Te({ 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 [u, d] = q(null), f = K(null), p = U(() => n.map((t) => {
 		let n = we(t.width ?? t.column?.width ?? t.row?.width ?? e.width);
 		return n && n.kind === "weight" ? n.value : 1;
-	}), [n, e.width]), m = H((e, t) => {
+	}), [n, e.width]), m = U((e, t) => {
 		t.preventDefault();
 		let n = u ?? p();
 		f.current = {
@@ -62,23 +62,23 @@ function Te({ config: e, ctx: t }) {
 		};
 		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
 	}, [u, p]), h = u ?? p(), g = e.height ? De(e.height) : void 0;
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		ref: l,
-		className: F("flex", s && "flex-col"),
+		className: z("flex", s && "flex-col"),
 		style: {
 			gap: r ? `${r}px` : void 0,
 			...g
 		},
-		children: n.map((r, a) => /* @__PURE__ */ Y("div", {
-			className: F("min-w-0 flex items-stretch", s && "w-full"),
+		children: n.map((r, a) => /* @__PURE__ */ X("div", {
+			className: z("min-w-0 flex items-stretch", s && "w-full"),
 			style: s ? void 0 : Ee(r.width ?? r.column?.width ?? r.row?.width ?? e.width, h[a], r.min_width, r.max_width),
-			children: [/* @__PURE__ */ J("div", {
-				className: F("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
-				children: /* @__PURE__ */ J($, {
+			children: [/* @__PURE__ */ Y("div", {
+				className: z("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
+				children: /* @__PURE__ */ Y(_n, {
 					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)
 			})]
@@ -109,10 +109,10 @@ function De(e) {
 //#region src/components/detail-layout/LayoutColumn.tsx
 function Oe({ 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(_n, {
 			node: e,
 			ctx: t
 		}, n))
@@ -126,13 +126,13 @@ function ke(e) {
 function Ae(e, t) {
 	let n = ke(e);
 	if (n) {
-		if (e.label) return a(e.label);
+		if (e.label) return b(e.label);
 		let r = t.entity.children?.find((e) => e.entity === n);
-		if (r?.display?.name) return a(r.display.name);
+		if (r?.display?.name) return b(r.display.name);
 		let i = t.schema.entities[n];
-		return i && (a(i.display.name_plural) || a(i.display.name)) || n;
+		return i && (b(i.display.name_plural) || b(i.display.name)) || n;
 	}
-	return e.section ? a(e.section.name) : "Tab";
+	return e.section ? b(e.section.name) : "Tab";
 }
 function je(e, t) {
 	if (e.icon) return e.icon;
@@ -147,18 +147,18 @@ function je(e, t) {
 //#endregion
 //#region src/components/detail-layout/LayoutTabs.tsx
 function Me({ config: e, ctx: n }) {
-	let { items: r } = e, [i, a] = K(0), o = T(), s = n.detailTabsPresentation ?? (o.isPhone ? "sections" : "scroll");
+	let { items: r } = e, [i, a] = q(0), o = s(), c = n.detailTabsPresentation ?? (o.isPhone ? "sections" : "scroll");
 	if (r.length === 0) return null;
-	if (s === "sections") {
+	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",
@@ -169,7 +169,7 @@ function Me({ config: e, ctx: n }) {
 				},
 				children: r.map((r, i) => {
 					let a = Ae(r, n), o = je(r, n);
-					return /* @__PURE__ */ Y("button", {
+					return /* @__PURE__ */ X("button", {
 						type: "button",
 						onClick: () => document.getElementById(e[i])?.scrollIntoView({
 							block: "start",
@@ -191,10 +191,10 @@ function Me({ 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"
@@ -205,7 +205,7 @@ function Me({ config: e, ctx: n }) {
 				})
 			}), r.map((r, i) => {
 				let a = Ae(r, n), o = je(r, n);
-				return /* @__PURE__ */ Y("section", {
+				return /* @__PURE__ */ X("section", {
 					id: e[i],
 					style: {
 						background: "var(--surface)",
@@ -216,7 +216,7 @@ function Me({ config: e, ctx: n }) {
 						minWidth: 0,
 						scrollMarginTop: 12
 					},
-					children: [/* @__PURE__ */ Y("div", {
+					children: [/* @__PURE__ */ X("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -227,19 +227,19 @@ function Me({ 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(_n, {
 							node: r,
 							ctx: {
 								...n,
@@ -251,7 +251,7 @@ function Me({ config: e, ctx: n }) {
 			})]
 		});
 	}
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ X("div", {
 		style: {
 			background: "var(--surface)",
 			border: "1px solid var(--border)",
@@ -260,7 +260,7 @@ function Me({ config: e, ctx: n }) {
 			boxShadow: "var(--shadow-xs)",
 			flexShrink: 0
 		},
-		children: [/* @__PURE__ */ J("div", {
+		children: [/* @__PURE__ */ Y("div", {
 			role: "tablist",
 			style: {
 				display: "flex",
@@ -272,7 +272,7 @@ function Me({ config: e, ctx: n }) {
 			},
 			children: r.map((e, r) => {
 				let o = Ae(e, n), s = je(e, n), c = r === i;
-				return /* @__PURE__ */ Y("button", {
+				return /* @__PURE__ */ X("button", {
 					role: "tab",
 					"aria-selected": c,
 					onClick: (e) => {
@@ -301,12 +301,12 @@ function Me({ 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
 						}),
 						o,
-						c && /* @__PURE__ */ J("span", { style: {
+						c && /* @__PURE__ */ Y("span", { style: {
 							position: "absolute",
 							left: 4,
 							right: 4,
@@ -318,10 +318,10 @@ function Me({ config: e, ctx: n }) {
 					]
 				}, r);
 			})
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ Y("div", {
 			role: "tabpanel",
 			style: { padding: 14 },
-			children: /* @__PURE__ */ J($, {
+			children: /* @__PURE__ */ Y(_n, {
 				node: r[i],
 				ctx: {
 					...n,
@@ -334,46 +334,46 @@ function Me({ config: e, ctx: n }) {
 //#endregion
 //#region src/components/detail-layout/SectionBlock.tsx
 function Ne({ config: e, ctx: n }) {
-	let { name: r, items: i, collapsed: o = !1, columns: s, icon: c, badge: l, emphasis: u } = e, d = {
+	let { name: r, items: i, collapsed: a = !1, columns: o, icon: s, badge: c, emphasis: l } = e, u = {
 		...n,
 		withinCard: !0,
-		...s ? { columns: s } : null
-	}, f = c ? /* @__PURE__ */ J(t, {
-		name: c,
+		...o ? { columns: o } : null
+	}, d = s ? /* @__PURE__ */ Y(t, {
+		name: s,
 		size: 14
-	}) : void 0, p = l ? {
-		text: a(l.text),
-		tone: l.tone,
-		dot: l.dot
+	}) : void 0, f = c ? {
+		text: b(c.text),
+		tone: c.tone,
+		dot: c.dot
 	} : void 0;
-	return /* @__PURE__ */ J(P, {
-		title: a(r),
-		defaultOpen: !o,
-		icon: f,
-		badge: p,
-		emphasis: u,
+	return /* @__PURE__ */ Y(R, {
+		title: b(r),
+		defaultOpen: !a,
+		icon: d,
+		badge: f,
+		emphasis: l,
 		headingLevel: n.withinCard ? 3 : 2,
-		children: /* @__PURE__ */ J(gn, {
+		children: /* @__PURE__ */ Y(gn, {
 			nodes: i,
-			ctx: d
+			ctx: u
 		})
 	});
 }
 //#endregion
 //#region src/lib/child-config.ts
 function Pe(e, t, n) {
-	let r = e.display, i = X(n?.mode, r?.mode, "table"), a = i === "timeline" ? 50 : 20, o = {
+	let r = e.display, i = Z(n?.mode, r?.mode, "table"), a = i === "timeline" ? 50 : 20, o = {
 		entity: e.entity,
 		foreign_key: e.foreign_key,
-		name: X(n?.label, r?.name, Ie(t)),
-		icon: X(n?.icon, r?.icon, t.display.icon) ?? "",
+		name: Z(n?.label, r?.name, Ie(t)),
+		icon: Z(n?.icon, r?.icon, t.display.icon) ?? "",
 		mode: i,
-		columns: X(n?.columns, r?.columns, Re(t, e.foreign_key)),
-		sort: X(n?.sort, r?.sort, Le(t)),
-		limit: X(n?.limit, r?.limit, a),
-		editable: X(n?.editable, r?.editable, !0),
-		interaction: X(n?.interaction, r?.interaction, Fe(t))
-	}, s = X(n?.position_field, r?.position_field, void 0);
+		columns: Z(n?.columns, r?.columns, Re(t, e.foreign_key)),
+		sort: Z(n?.sort, r?.sort, Le(t)),
+		limit: Z(n?.limit, r?.limit, a),
+		editable: Z(n?.editable, r?.editable, !0),
+		interaction: Z(n?.interaction, r?.interaction, Fe(t))
+	}, s = Z(n?.position_field, r?.position_field, void 0);
 	s && (o.position_field = s, o.sort = s + ":asc");
 	let c = n?.timeline ?? r?.timeline;
 	o.mode === "timeline" ? o.timeline = ze(c ?? {}, t) : c && (o.timeline = c);
@@ -382,11 +382,11 @@ function Pe(e, t, n) {
 	let u = n?.quick_add ?? e.quick_add;
 	return u && (o.quick_add = u), o;
 }
-function X(e, t, n) {
+function Z(e, t, n) {
 	return e ?? t ?? n;
 }
 function Fe(e) {
-	return m(e, "update") ? "inline_edit" : "readonly";
+	return f(e, "update") ? "inline_edit" : "readonly";
 }
 function Ie(e) {
 	return e.display.name_plural && Object.keys(e.display.name_plural).length > 0 ? e.display.name_plural : e.display.name;
@@ -462,7 +462,7 @@ function We(e, ...t) {
 	}
 }
 function Ge(e) {
-	let t = o(e);
+	let t = y(e);
 	return t.length > 0 ? t[0] : void 0;
 }
 function Ke(e, t) {
@@ -470,17 +470,17 @@ function Ke(e, t) {
 }
 //#endregion
 //#region src/lib/quick-add.ts
-function qe(e, t, n, r) {
-	let i = {
+function qe(e, t, r, i) {
+	let a = {
 		...t ?? {},
 		...e
 	};
-	if (Array.isArray(n)) {
-		let e = Array.isArray(r) ? r.map(String) : C(String(r), n.length);
-		if (!e || e.length !== n.length) throw Error("invalid composite parent id");
-		for (let t = 0; t < n.length; t++) i[n[t]] = e[t];
-	} else i[n] = Array.isArray(r) ? r[0] : r;
-	return i;
+	if (Array.isArray(r)) {
+		let e = Array.isArray(i) ? i.map(String) : n(String(i), r.length);
+		if (!e || e.length !== r.length) throw Error("invalid composite parent id");
+		for (let t = 0; t < r.length; t++) a[r[t]] = e[t];
+	} else a[r] = Array.isArray(i) ? i[0] : i;
+	return a;
 }
 function Je(e, t) {
 	for (let n of t) {
@@ -492,15 +492,15 @@ function Je(e, t) {
 //#endregion
 //#region src/components/detail-layout/useQuickAdd.ts
 function Ye(e, t, n, r) {
-	let [i, a] = K(() => {
+	let [i, a] = q(() => {
 		let t = e.quick_add, n = r.entities[e.entity], i = {};
-		if (t?.fields) for (let e of t.fields) t.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" && (i[e] = p()) : i[e] = t.defaults[e];
+		if (t?.fields) for (let e of t.fields) t.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" && (i[e] = S()) : i[e] = t.defaults[e];
 		return i;
 	}), o = Se(), { mutate: s, isPending: c, error: l, reset: u } = xe({
-		mutationFn: (t) => _(e.entity, t),
+		mutationFn: (t) => p(e.entity, t),
 		onMutate: async (r) => {
-			let i = Array.isArray(n) ? f(n.map(String)) : n, a = [
-				te,
+			let i = Array.isArray(n) ? g(n.map(String)) : n, a = [
+				E,
 				t,
 				i,
 				e.entity
@@ -531,25 +531,25 @@ function Ye(e, t, n, r) {
 		},
 		onSuccess: () => {
 			let t = e.quick_add, n = r.entities[e.entity], i = {};
-			if (t?.fields) for (let e of t.fields) i[e] = t?.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" ? p() : "" : t.defaults[e];
+			if (t?.fields) for (let e of t.fields) i[e] = t?.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" ? S() : "" : t.defaults[e];
 			a(i);
 		},
 		onSettled: () => {
-			let r = Array.isArray(n) ? f(n.map(String)) : n;
+			let r = Array.isArray(n) ? g(n.map(String)) : n;
 			o.invalidateQueries({ queryKey: [
-				te,
+				E,
 				t,
 				r,
 				e.entity
 			] });
 		}
-	}), d = e.quick_add, m = r.entities[e.entity], h = Je(i, d?.fields.filter((e) => m?.fields.get(e)?.required) ?? []);
-	function g(t) {
+	}), d = e.quick_add, f = r.entities[e.entity], m = Je(i, d?.fields.filter((e) => f?.fields.get(e)?.required) ?? []);
+	function h(t) {
 		if (t.preventDefault(), !d) return;
 		let r = qe(i, d.defaults, e.foreign_key, n);
 		s(r);
 	}
-	function v(e, t) {
+	function _(e, t) {
 		l && u(), a((n) => ({
 			...n,
 			[e]: t
@@ -558,41 +558,41 @@ function Ye(e, t, n, r) {
 	return {
 		values: i,
 		quickAdd: d,
-		childEntity: m,
+		childEntity: f,
 		isPending: c,
 		error: l,
-		isReady: h,
-		handleSubmit: g,
-		handleFieldChange: v
+		isReady: m,
+		handleSubmit: h,
+		handleFieldChange: _
 	};
 }
 //#endregion
 //#region src/components/detail-layout/QuickAddForm.tsx
-function Xe({ config: t, parentEntity: n, parentId: i, schema: a }) {
-	let { values: o, quickAdd: s, childEntity: c, isPending: l, error: u, isReady: d, handleSubmit: f, handleFieldChange: p } = Ye(t, n, i, a), m = r(), h = T(), g = ve();
-	return !s || s.fields.length === 0 || !c ? null : /* @__PURE__ */ Y("form", {
-		onSubmit: f,
+function Xe({ config: t, parentEntity: n, parentId: r, schema: i }) {
+	let { values: a, quickAdd: o, childEntity: c, isPending: d, error: f, isReady: p, handleSubmit: m, handleFieldChange: h } = Ye(t, n, r, i), g = k(), _ = s(), v = ve();
+	return !o || o.fields.length === 0 || !c ? null : /* @__PURE__ */ X("form", {
+		onSubmit: m,
 		style: {
 			display: "flex",
-			flexDirection: h.isPhone ? "column" : "row",
+			flexDirection: _.isPhone ? "column" : "row",
 			alignItems: "flex-end",
 			gap: 8,
 			padding: "8px 0",
 			borderBottom: "1px solid var(--divider)"
 		},
 		children: [
-			s.fields.map((e) => {
+			o.fields.map((e) => {
 				let n = c.fields.get(e);
 				if (!n) return null;
-				let r = `${g}-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: h.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,
@@ -601,37 +601,37 @@ function Xe({ config: t, parentEntity: n, parentId: i, schema: a }) {
 							display: "block",
 							fontWeight: 500
 						},
-						children: A(n, e, a.entities)
-					}), S({
+						children: u(n, e, i.entities)
+					}), N({
 						field: n,
 						fieldName: e,
-						value: o[e] ?? "",
+						value: a[e] ?? "",
 						mode: "edit",
-						onChange: (t) => p(e, t),
-						record: o,
+						onChange: (t) => h(e, t),
+						record: a,
 						fieldId: r,
-						labelId: i,
-						locale: m
+						labelId: o,
+						locale: g
 					})]
 				}, e);
 			}),
-			/* @__PURE__ */ J(b, {
+			/* @__PURE__ */ Y(l, {
 				type: "submit",
 				kind: "primary",
-				size: h.isPhone ? "md" : "sm",
-				icon: /* @__PURE__ */ J(e.plus, { size: 12 }),
-				disabled: l || !d,
-				style: h.isPhone ? { alignSelf: "flex-end" } : void 0,
+				size: _.isPhone ? "md" : "sm",
+				icon: /* @__PURE__ */ Y(e.plus, { size: 12 }),
+				disabled: d || !p,
+				style: _.isPhone ? { alignSelf: "flex-end" } : void 0,
 				children: "Add"
 			}),
-			u != null && /* @__PURE__ */ J("span", {
+			f != null && /* @__PURE__ */ Y("span", {
 				style: {
 					fontSize: 11,
 					color: "var(--danger)",
 					alignSelf: "flex-end",
 					marginBottom: 4
 				},
-				children: u.message
+				children: f.message
 			})
 		]
 	});
@@ -645,8 +645,8 @@ function Qe(e) {
 	return Math.min(se, Math.max(60, Math.round(e)));
 }
 function $e(e) {
-	let { widths: t, setWidths: n, resetWidths: r } = B(e), [i, a] = K({}), o = G(null);
-	U(() => {
+	let { widths: t, setWidths: n, resetWidths: r } = ne(e), [i, a] = q({}), o = K(null);
+	W(() => {
 		let e = (e) => {
 			let t = o.current;
 			if (!t) return;
@@ -660,7 +660,7 @@ function $e(e) {
 			window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t);
 		};
 	}, [n]);
-	let s = H((e, n) => {
+	let s = U((e, n) => {
 		n.preventDefault(), n.stopPropagation();
 		let r = n.currentTarget.closest("th")?.getBoundingClientRect().width, i = t[e] ?? (r && r > 0 ? r : 150);
 		o.current = {
@@ -671,7 +671,7 @@ function $e(e) {
 		};
 	}, [t]);
 	return {
-		headerStyle: H((e, n) => {
+		headerStyle: U((e, n) => {
 			let r = i[e] ?? t[e];
 			return r == null ? {
 				...n,
@@ -684,7 +684,7 @@ function $e(e) {
 				maxWidth: r
 			};
 		}, [i, t]),
-		cellStyle: H((e, n) => {
+		cellStyle: U((e, n) => {
 			let r = i[e] ?? t[e];
 			return r == null ? n : {
 				...n,
@@ -701,7 +701,7 @@ function $e(e) {
 	};
 }
 function et({ colId: e, onMouseDown: t }) {
-	return /* @__PURE__ */ J("span", {
+	return /* @__PURE__ */ Y("span", {
 		"data-testid": "col-resize-handle",
 		"aria-hidden": "true",
 		onMouseDown: (n) => t(e, n),
@@ -717,7 +717,7 @@ function et({ colId: e, onMouseDown: t }) {
 			cursor: "col-resize",
 			userSelect: "none"
 		},
-		children: /* @__PURE__ */ J("span", { style: {
+		children: /* @__PURE__ */ Y("span", { style: {
 			width: 2,
 			height: "55%",
 			alignSelf: "center",
@@ -728,34 +728,34 @@ function et({ colId: e, onMouseDown: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenTable.tsx
-function tt({ config: t, parentEntity: i, parentId: a, schema: o }) {
-	let s = o.entities[t.entity], c = Array.isArray(t.foreign_key) ? t.foreign_key.join(",") : t.foreign_key, u = $e(Ze(i, t.entity, c)), f = r(), p = re((e) => e.degradedEntities), { data: m, isLoading: h, isError: g, isFetching: _, refetch: y } = V(i, a, t.entity, t.foreign_key, t.sort, t.limit), b = m?.data ?? [], x = m?.$refs, S = G(x);
-	S.current = x;
-	let C = t.columns, w = t.interaction === "navigate", T = C[0], E = w && s ? d(void 0, s, o.screens) : null, D = s ? Ge(s) : void 0, k = W(() => {
+function tt({ config: t, parentEntity: n, parentId: i, schema: o }) {
+	let s = o.entities[t.entity], l = Array.isArray(t.foreign_key) ? t.foreign_key.join(",") : t.foreign_key, d = $e(Ze(n, t.entity, l)), f = k(), p = x((e) => e.degradedEntities), { data: m, isLoading: g, isError: _, refetch: v } = r(n, i, t.entity, t.foreign_key, t.sort, t.limit), { refreshing: y, refresh: b } = ie(v), S = m?.data ?? [], C = m?.$refs, T = K(C);
+	T.current = C;
+	let E = t.columns, O = t.interaction === "navigate", A = E[0], j = O && s ? M(void 0, s, o.screens) : null, N = s ? Ge(s) : void 0, P = G(() => {
 		let e = /* @__PURE__ */ new Map();
 		if (!s) return e;
-		for (let t of C) {
+		for (let t of E) {
 			let n = s.fields.get(t);
-			n && e.set(t, l({
+			n && e.set(t, w({
 				field: n,
 				fieldName: t,
 				surface: "list",
 				entity: s,
 				entities: o.entities,
 				screens: o.screens,
-				refs: () => S.current,
+				refs: () => T.current,
 				locale: f
 			}));
 		}
 		return e;
 	}, [
 		s,
-		C,
+		E,
 		o.entities,
 		o.screens,
 		f
 	]);
-	if (!s) return /* @__PURE__ */ J("div", {
+	if (!s) return /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -763,12 +763,12 @@ function tt({ config: t, parentEntity: i, parentId: a, schema: o }) {
 		},
 		children: "Entity not found."
 	});
-	let j = /* @__PURE__ */ J(Xe, {
+	let F = /* @__PURE__ */ Y(Xe, {
 		config: t,
-		parentEntity: i,
-		parentId: a,
+		parentEntity: n,
+		parentId: i,
 		schema: o
-	}), ee = ae(s.realtime, p, t.entity), N = /* @__PURE__ */ Y("div", {
+	}), I = ee(s.realtime, p, t.entity), L = /* @__PURE__ */ X("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -777,41 +777,39 @@ function tt({ config: t, parentEntity: i, parentId: a, schema: o }) {
 			justifyContent: "flex-end"
 		},
 		children: [
-			u.hasWidths && /* @__PURE__ */ J(v, {
-				icon: /* @__PURE__ */ J(e.columns, { size: 13 }),
+			d.hasWidths && /* @__PURE__ */ Y(c, {
+				icon: /* @__PURE__ */ Y(e.columns, { size: 13 }),
 				title: "Reset column widths (this device)",
 				size: 24,
-				onClick: u.resetWidths
+				onClick: d.resetWidths
 			}),
-			ee && /* @__PURE__ */ J("span", {
+			I && /* @__PURE__ */ Y("span", {
 				"data-testid": "children-live-indicator",
 				title: "This table updates automatically in realtime.",
-				children: /* @__PURE__ */ J(O, {
+				children: /* @__PURE__ */ Y(h, {
 					tone: "emerald",
 					size: "xs",
 					dot: !0,
 					children: "Live"
 				})
 			}),
-			/* @__PURE__ */ J(v, {
-				icon: _ ? /* @__PURE__ */ J("span", {
+			/* @__PURE__ */ Y(c, {
+				icon: y ? /* @__PURE__ */ Y("span", {
 					"data-testid": "children-refresh-spinner",
 					style: { display: "inline-flex" },
-					children: /* @__PURE__ */ J(n, { size: 13 })
-				}) : /* @__PURE__ */ J(e.refresh, { size: 13 }),
+					children: /* @__PURE__ */ Y(a, { size: 13 })
+				}) : /* @__PURE__ */ Y(e.refresh, { size: 13 }),
 				title: "Refresh",
 				size: 24,
-				disabled: _,
-				onClick: () => {
-					y();
-				}
+				disabled: y,
+				onClick: b
 			})
 		]
 	});
-	return g ? /* @__PURE__ */ Y("div", { children: [
-		j,
-		N,
-		/* @__PURE__ */ J("div", {
+	return _ ? /* @__PURE__ */ X("div", { children: [
+		F,
+		L,
+		/* @__PURE__ */ Y("div", {
 			style: {
 				fontSize: 12.5,
 				color: "var(--danger)",
@@ -819,10 +817,10 @@ function tt({ config: t, parentEntity: i, parentId: a, schema: o }) {
 			},
 			children: "Failed to load. Try again."
 		})
-	] }) : h ? /* @__PURE__ */ Y("div", { children: [
-		j,
-		N,
-		/* @__PURE__ */ J("div", {
+	] }) : g ? /* @__PURE__ */ X("div", { children: [
+		F,
+		L,
+		/* @__PURE__ */ Y("div", {
 			style: {
 				display: "flex",
 				flexDirection: "column",
@@ -833,16 +831,16 @@ function tt({ config: t, parentEntity: i, parentId: a, schema: o }) {
 				0,
 				1,
 				2
-			].map((e) => /* @__PURE__ */ J("div", { style: {
+			].map((e) => /* @__PURE__ */ Y("div", { style: {
 				height: 32,
 				background: "var(--surface-3)",
 				borderRadius: 4
 			} }, e))
 		})
-	] }) : b.length === 0 ? /* @__PURE__ */ Y("div", { children: [
-		j,
-		N,
-		/* @__PURE__ */ J("div", {
+	] }) : S.length === 0 ? /* @__PURE__ */ X("div", { children: [
+		F,
+		L,
+		/* @__PURE__ */ Y("div", {
 			style: {
 				fontSize: 12.5,
 				color: "var(--text-3)",
@@ -850,30 +848,30 @@ function tt({ config: t, parentEntity: i, parentId: a, schema: o }) {
 			},
 			children: "No records yet."
 		})
-	] }) : /* @__PURE__ */ Y("div", { children: [
-		j,
-		N,
-		/* @__PURE__ */ J("div", {
+	] }) : /* @__PURE__ */ X("div", { children: [
+		F,
+		L,
+		/* @__PURE__ */ Y("div", {
 			style: { overflowX: "auto" },
-			children: /* @__PURE__ */ Y("table", {
+			children: /* @__PURE__ */ X("table", {
 				style: fe,
-				children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ J("tr", { children: C.map((e) => {
+				children: [/* @__PURE__ */ Y("thead", { children: /* @__PURE__ */ Y("tr", { children: E.map((e) => {
 					let t = s.fields.get(e);
-					return /* @__PURE__ */ Y("th", {
-						style: u.headerStyle(e, de),
-						children: [t ? A(t, e, o.entities) : e, /* @__PURE__ */ J(et, {
+					return /* @__PURE__ */ X("th", {
+						style: d.headerStyle(e, de),
+						children: [t ? u(t, e, o.entities) : e, /* @__PURE__ */ Y(et, {
 							colId: e,
-							onMouseDown: u.onHandleMouseDown
+							onMouseDown: d.onHandleMouseDown
 						})]
 					}, e);
-				}) }) }), /* @__PURE__ */ J("tbody", { children: b.map((e, t) => {
-					let n = D ? M(e[D]) : "", r = w && E && n ? E.replace(/:\w+/, n) : void 0;
-					return /* @__PURE__ */ J("tr", { children: C.map((t) => {
-						let n = t === T, i = k.get(t), a = i ? i(e[t], e) : M(e[t]);
-						return /* @__PURE__ */ J("td", {
+				}) }) }), /* @__PURE__ */ Y("tbody", { children: S.map((e, t) => {
+					let n = N ? D(e[N]) : "", r = O && j && n ? j.replace(/:\w+/, n) : void 0;
+					return /* @__PURE__ */ Y("tr", { children: E.map((t) => {
+						let n = t === A, i = P.get(t), a = i ? i(e[t], e) : D(e[t]);
+						return /* @__PURE__ */ Y("td", {
 							title: typeof a == "string" ? a : void 0,
-							style: u.cellStyle(t, pe),
-							children: n && r ? /* @__PURE__ */ J("a", {
+							style: d.cellStyle(t, pe),
+							children: n && r ? /* @__PURE__ */ Y("a", {
 								href: r,
 								style: {
 									color: "var(--accent)",
@@ -885,7 +883,7 @@ function tt({ config: t, parentEntity: i, parentId: a, schema: o }) {
 								children: a
 							}) : a
 						}, t);
-					}) }, M(e.id ?? t));
+					}) }, D(e.id ?? t));
 				}) })]
 			})
 		})
@@ -893,9 +891,9 @@ function tt({ config: t, parentEntity: i, parentId: a, schema: o }) {
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenList.tsx
-function nt({ config: e, parentEntity: t, parentId: n, schema: i }) {
-	let a = i.entities[e.entity], o = r(), { data: s, isLoading: c, isError: l } = V(t, n, e.entity, e.foreign_key, e.sort, e.limit), u = s?.data ?? [], d = s?.$refs, f = e.columns;
-	if (!a) return /* @__PURE__ */ J("div", {
+function nt({ config: e, parentEntity: t, parentId: n, schema: a }) {
+	let o = a.entities[e.entity], s = k(), { data: c, isLoading: l, isError: u } = r(t, n, e.entity, e.foreign_key, e.sort, e.limit), d = c?.data ?? [], f = c?.$refs, p = e.columns;
+	if (!o) return /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -903,13 +901,13 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: i }) {
 		},
 		children: "Entity not found."
 	});
-	let p = /* @__PURE__ */ J(Xe, {
+	let m = /* @__PURE__ */ Y(Xe, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
-		schema: i
+		schema: a
 	});
-	if (l) return /* @__PURE__ */ Y("div", { children: [p, /* @__PURE__ */ J("div", {
+	if (u) return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
@@ -917,7 +915,7 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: i }) {
 		},
 		children: "Failed to load. Try again."
 	})] });
-	if (c) return /* @__PURE__ */ Y("div", { children: [p, /* @__PURE__ */ Y("div", {
+	if (l) return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ X("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -925,17 +923,17 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: i }) {
 			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,
@@ -943,7 +941,7 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: i }) {
 			} })
 		]
 	})] });
-	if (u.length === 0) return /* @__PURE__ */ Y("div", { children: [p, /* @__PURE__ */ J("div", {
+	if (d.length === 0) return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -951,15 +949,15 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: i }) {
 		},
 		children: "No records yet."
 	})] });
-	let m = f.length > 0 ? a.display.display_field ?? f[0] : a.display.display_field;
-	return /* @__PURE__ */ Y("div", { children: [p, /* @__PURE__ */ J("div", {
+	let h = p.length > 0 ? o.display.display_field ?? p[0] : o.display.display_field;
+	return /* @__PURE__ */ X("div", { children: [m, /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column"
 		},
-		children: u.map((e, t) => {
-			let n = typeof e.$display == "string" ? e[x] : "";
-			return /* @__PURE__ */ J("div", {
+		children: d.map((e, t) => {
+			let n = typeof e.$display == "string" ? e[i] : "";
+			return /* @__PURE__ */ Y("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -967,30 +965,30 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: i }) {
 					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: n || (m && a.fields.get(m) ? S({
-							field: a.fields.get(m),
-							fieldName: m,
-							value: e[m],
+						children: n || (h && o.fields.get(h) ? N({
+							field: o.fields.get(h),
+							fieldName: h,
+							value: e[h],
 							mode: "display",
 							record: e,
-							refs: d,
-							locale: o
-						}) : m && e[m] != null ? M(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", {
+							refs: f,
+							locale: s
+						}) : h && e[h] != null ? D(e[h]) : null)
+					}), p.length > 1 && (() => {
+						let t = p.slice(1, 3).filter((t) => e[t] != null);
+						return t.length === 0 ? null : /* @__PURE__ */ Y("div", {
 							style: {
 								fontSize: 11.5,
 								color: "var(--text-3)",
@@ -998,27 +996,27 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: i }) {
 								textOverflow: "ellipsis",
 								whiteSpace: "nowrap"
 							},
-							children: t.map((t, n) => /* @__PURE__ */ Y("span", { children: [n > 0 && " · ", a.fields.get(t) ? S({
-								field: a.fields.get(t),
+							children: t.map((t, n) => /* @__PURE__ */ X("span", { children: [n > 0 && " · ", o.fields.get(t) ? N({
+								field: o.fields.get(t),
 								fieldName: t,
 								value: e[t],
 								mode: "display",
 								record: e,
-								refs: d,
-								locale: o
+								refs: f,
+								locale: s
 							}) : String(e[t])] }, t))
 						});
 					})()]
 				})
-			}, M(e.id ?? t));
+			}, D(e.id ?? t));
 		})
 	})] });
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenCards.tsx
 function rt({ config: e, parentEntity: t, parentId: n, schema: i }) {
-	let a = i.entities[e.entity], o = r(), { data: s, isLoading: c, isError: l } = V(t, n, e.entity, e.foreign_key, e.sort, e.limit), u = s?.data ?? [], d = s?.$refs, f = e.columns, p = e.cards, m = p?.header_field ?? f[0], h = p?.badge_field, g = p?.columns_count ?? 3;
-	if (!a) return /* @__PURE__ */ J("div", {
+	let a = i.entities[e.entity], o = k(), { data: s, isLoading: c, isError: l } = r(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], g = p?.badge_field, _ = p?.columns_count ?? 3;
+	if (!a) return /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1026,17 +1024,17 @@ function rt({ config: e, parentEntity: t, parentId: n, schema: i }) {
 		},
 		children: "Entity not found."
 	});
-	let _ = {
+	let v = {
 		display: "grid",
-		gridTemplateColumns: `repeat(auto-fill, minmax(${g >= 4 ? 180 : 240}px, 1fr))`,
+		gridTemplateColumns: `repeat(auto-fill, minmax(${_ >= 4 ? 180 : 240}px, 1fr))`,
 		gap: 12
-	}, v = /* @__PURE__ */ J(Xe, {
+	}, y = /* @__PURE__ */ Y(Xe, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
 		schema: i
 	});
-	if (l) return /* @__PURE__ */ Y("div", { children: [v, /* @__PURE__ */ J("div", {
+	if (l) return /* @__PURE__ */ X("div", { children: [y, /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
@@ -1044,19 +1042,19 @@ function rt({ config: e, parentEntity: t, parentId: n, schema: i }) {
 		},
 		children: "Failed to load. Try again."
 	})] });
-	if (c) return /* @__PURE__ */ Y("div", { children: [v, /* @__PURE__ */ J("div", {
-		style: _,
+	if (c) return /* @__PURE__ */ X("div", { children: [y, /* @__PURE__ */ Y("div", {
+		style: v,
 		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: [v, /* @__PURE__ */ J("div", {
+	if (u.length === 0) return /* @__PURE__ */ X("div", { children: [y, /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1064,26 +1062,26 @@ function rt({ config: e, parentEntity: t, parentId: n, schema: i }) {
 		},
 		children: "No records yet."
 	})] });
-	let y = f.filter((e) => e !== m && e !== h);
-	return /* @__PURE__ */ Y("div", { children: [v, /* @__PURE__ */ J("div", {
-		style: _,
-		children: u.map((t, n) => /* @__PURE__ */ Y("div", {
+	let b = f.filter((e) => e !== m && e !== g);
+	return /* @__PURE__ */ X("div", { children: [y, /* @__PURE__ */ Y("div", {
+		style: v,
+		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",
 					alignItems: "center",
 					justifyContent: "space-between",
 					gap: 8,
-					borderBottom: y.length > 0 ? "1px solid var(--divider)" : "none"
+					borderBottom: b.length > 0 ? "1px solid var(--divider)" : "none"
 				},
-				children: [/* @__PURE__ */ J("div", {
+				children: [/* @__PURE__ */ Y("div", {
 					style: {
 						fontSize: 12.5,
 						fontWeight: 600,
@@ -1091,7 +1089,7 @@ function rt({ config: e, parentEntity: t, parentId: n, schema: i }) {
 						textOverflow: "ellipsis",
 						whiteSpace: "nowrap"
 					},
-					children: m && a.fields.get(m) ? S({
+					children: m && a.fields.get(m) ? N({
 						field: a.fields.get(m),
 						fieldName: m,
 						value: t[m],
@@ -1100,48 +1098,48 @@ function rt({ config: e, parentEntity: t, parentId: n, schema: i }) {
 						refs: d,
 						locale: o
 					}) : `Record ${n + 1}`
-				}), h && t[h] != null && /* @__PURE__ */ J(O, {
+				}), g && t[g] != null && /* @__PURE__ */ Y(h, {
 					tone: "slate",
 					size: "xs",
-					children: a.fields.get(h) ? S({
-						field: a.fields.get(h),
-						fieldName: h,
-						value: t[h],
+					children: a.fields.get(g) ? N({
+						field: a.fields.get(g),
+						fieldName: g,
+						value: t[g],
 						mode: "display",
 						record: t,
 						refs: d,
 						locale: o
-					}) : M(t[h])
+					}) : D(t[g])
 				})]
-			}), y.length > 0 && /* @__PURE__ */ J("div", {
+			}), b.length > 0 && /* @__PURE__ */ Y("div", {
 				style: {
 					padding: "10px 14px",
 					display: "flex",
 					flexDirection: "column",
 					gap: 4
 				},
-				children: y.slice(0, 4).map((n) => {
+				children: b.slice(0, 4).map((n) => {
 					let r = a.fields.get(n);
-					return r ? /* @__PURE__ */ Y("div", {
+					return r ? /* @__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", {
+						}), /* @__PURE__ */ Y("span", {
 							style: {
 								overflow: "hidden",
 								textOverflow: "ellipsis",
 								whiteSpace: "nowrap"
 							},
-							children: S({
+							children: N({
 								field: r,
 								fieldName: n,
 								value: t[n],
@@ -1154,39 +1152,39 @@ function rt({ config: e, parentEntity: t, parentId: n, schema: i }) {
 					}, n) : null;
 				})
 			})]
-		}, M(t.id ?? n)))
+		}, D(t.id ?? n)))
 	})] });
 }
 //#endregion
 //#region src/hooks/useTimelineData.ts
 var it = 50;
-function at(e, t, n, r, i, a) {
-	let o = Array.isArray(r) ? r : [r], c = Array.isArray(r) ? C(t, o.length) : [t], l = a ?? it, u = be({
+function at(e, t, r, i, a, o) {
+	let s = Array.isArray(i) ? i : [i], c = Array.isArray(i) ? n(t, s.length) : [t], l = o ?? it, u = be({
 		queryKey: [
-			te,
+			E,
 			e,
 			t,
-			n,
+			r,
 			"timeline",
-			i,
+			a,
 			l
 		],
 		queryFn: ({ pageParam: e }) => {
 			let t = new URLSearchParams();
 			if (!c) throw Error("invalid composite parent id");
-			let r = o.map((e, t) => ({
+			let n = s.map((e, t) => ({
 				field: e,
 				op: "eq",
 				value: c[t]
 			}));
-			return t.set("filters", JSON.stringify(r)), 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(n)), a ? t.set("sort", `${a}:desc`) : typeof console < "u" && console.warn(`[useTimelineData] no time_field for ${r}; fetch order falls back to API default`), t.set("limit", String(l)), e && t.set("after", e), F(`/api/data/${r}?${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 && !!r && !!i && c !== null
 	});
 	return {
-		rows: W(() => u.data?.pages.flatMap((e) => e.data) ?? [], [u.data?.pages]),
+		rows: G(() => u.data?.pages.flatMap((e) => e.data) ?? [], [u.data?.pages]),
 		refs: u.data?.pages[0]?.$refs,
 		fetchNextPage: u.fetchNextPage,
 		hasOlder: !!u.hasNextPage,
@@ -1198,79 +1196,79 @@ function at(e, t, n, r, i, a) {
 //#endregion
 //#region src/components/detail-layout/TimelineComposer.tsx
 var ot = "quick_entry", st = 100, ct = 240, lt = 800, ut = 80;
-function dt({ config: t, parentEntity: n, parentId: i, schema: a }) {
-	let { values: o, quickAdd: s, childEntity: c, isPending: l, error: u, isReady: d, handleSubmit: f, handleFieldChange: p } = Ye(t, n, i, a), m = r(), [h, g] = K(ct), _ = G(null), v = G(null), [x, C] = K(lt);
-	U(() => {
-		let e = v.current?.parentElement;
+function dt({ config: t, parentEntity: n, parentId: r, schema: i }) {
+	let { values: a, quickAdd: o, childEntity: s, isPending: c, error: u, isReady: d, handleSubmit: f, handleFieldChange: p } = Ye(t, n, r, i), m = k(), [h, g] = q(ct), v = K(null), y = K(null), [b, x] = q(lt);
+	W(() => {
+		let e = y.current?.parentElement;
 		if (!e) return;
 		let t = () => {
 			let t = Math.max(st, e.clientHeight - ut);
-			C(Math.min(lt, t));
+			x(Math.min(lt, t));
 		};
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, []), U(() => {
-		g((e) => Math.min(e, x));
-	}, [x]);
-	let w = G(o);
-	w.current = o;
-	let T = G(p);
-	T.current = p;
-	let E = G({}), D = W(() => ({
-		getField: (e) => w.current[e],
+	}, []), W(() => {
+		g((e) => Math.min(e, b));
+	}, [b]);
+	let S = K(a);
+	S.current = a;
+	let C = K(p);
+	C.current = p;
+	let w = K({}), T = G(() => ({
+		getField: (e) => S.current[e],
 		setField: (e, t) => {
-			T.current(e, t);
+			C.current(e, t);
 		},
 		focusField: (e) => {
-			let t = E.current[e];
+			let t = w.current[e];
 			t && (t.querySelector("textarea, input, select, [contenteditable]") ?? t).focus();
 		}
 	}), []);
-	U(() => y(ot, D), [D]);
-	let O = H((e) => {
-		e.preventDefault(), _.current = {
+	W(() => _(ot, T), [T]);
+	let E = U((e) => {
+		e.preventDefault(), v.current = {
 			startY: e.clientY,
 			startHeight: h
 		};
 		let t = (e) => {
-			if (!_.current) return;
-			let t = _.current.startY - e.clientY, n = Math.min(x, Math.max(st, _.current.startHeight + t));
+			if (!v.current) return;
+			let t = v.current.startY - e.clientY, n = Math.min(b, Math.max(st, v.current.startHeight + t));
 			g(n);
 		}, n = () => {
-			_.current = null, document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
+			v.current = null, document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
 		};
 		document.addEventListener("mousemove", t), document.addEventListener("mouseup", n);
-	}, [h, x]);
-	if (!s || s.fields.length === 0 || !c) return null;
-	let k = s.fields.find((e) => {
-		let t = c.fields.get(e);
+	}, [h, b]);
+	if (!o || o.fields.length === 0 || !s) return null;
+	let D = 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) {
-		if (e === k) continue;
-		let t = c.fields.get(e);
-		t && (t.type === "enum" ? A.push(e) : j.push(e));
+	}), O = [], A = [];
+	for (let e of o.fields) {
+		if (e === D) continue;
+		let t = s.fields.get(e);
+		t && (t.type === "enum" ? O.push(e) : A.push(e));
 	}
-	let M = (e) => {
-		let t = c.fields.get(e);
-		return t ? /* @__PURE__ */ J("div", {
+	let j = (e) => {
+		let t = s.fields.get(e);
+		return t ? /* @__PURE__ */ Y("div", {
 			ref: (t) => {
-				E.current[e] = t;
+				w.current[e] = t;
 			},
-			children: S({
+			children: N({
 				field: t,
 				fieldName: e,
-				value: o[e] ?? "",
+				value: a[e] ?? "",
 				mode: "edit",
 				onChange: (t) => p(e, t),
-				record: o,
+				record: a,
 				locale: m
 			})
 		}, e) : null;
 	};
-	return /* @__PURE__ */ Y("div", {
-		ref: v,
+	return /* @__PURE__ */ X("div", {
+		ref: y,
 		style: {
 			flexShrink: 0,
 			borderTop: "1px solid var(--divider)",
@@ -1279,8 +1277,8 @@ function dt({ config: t, parentEntity: n, parentId: i, schema: a }) {
 			flexDirection: "column",
 			height: `${h}px`
 		},
-		children: [/* @__PURE__ */ J("div", {
-			onMouseDown: O,
+		children: [/* @__PURE__ */ Y("div", {
+			onMouseDown: E,
 			title: "Drag to resize",
 			style: {
 				height: 12,
@@ -1290,13 +1288,13 @@ function dt({ config: t, parentEntity: n, parentId: i, schema: a }) {
 				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());
@@ -1310,7 +1308,7 @@ function dt({ config: t, parentEntity: n, parentId: i, schema: a }) {
 				padding: "0 12px 8px"
 			},
 			children: [
-				A.length > 0 && /* @__PURE__ */ J("div", {
+				O.length > 0 && /* @__PURE__ */ Y("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
@@ -1318,29 +1316,29 @@ function dt({ config: t, parentEntity: n, parentId: i, schema: a }) {
 						gap: 6,
 						flexShrink: 0
 					},
-					children: A.map(M)
+					children: O.map(j)
 				}),
-				k && c.fields.get(k) && /* @__PURE__ */ J("div", {
+				D && s.fields.get(D) && /* @__PURE__ */ Y("div", {
 					style: {
 						flex: 1,
 						minHeight: 0,
 						display: "flex"
 					},
 					ref: (e) => {
-						E.current[k] = e;
+						w.current[D] = e;
 					},
-					children: S({
-						field: c.fields.get(k),
-						fieldName: k,
-						value: o[k] ?? "",
+					children: N({
+						field: s.fields.get(D),
+						fieldName: D,
+						value: a[D] ?? "",
 						mode: "edit",
-						onChange: (e) => p(k, e),
-						record: o,
+						onChange: (e) => p(D, e),
+						record: a,
 						fill: !0,
 						locale: m
 					})
 				}),
-				/* @__PURE__ */ Y("div", {
+				/* @__PURE__ */ X("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
@@ -1348,39 +1346,39 @@ function dt({ config: t, parentEntity: n, parentId: i, schema: a }) {
 						gap: 6,
 						flexShrink: 0
 					},
-					children: [j.map(M), /* @__PURE__ */ Y("div", {
+					children: [A.map(j), /* @__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(b, {
+						}), /* @__PURE__ */ Y(l, {
 							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", {
+				u != null && /* @__PURE__ */ Y("p", {
 					style: {
 						fontSize: 11,
 						color: "var(--danger)",
@@ -1405,31 +1403,31 @@ function _t(e) {
 function vt(e, t) {
 	if (yt(t)) {
 		let e = t.id;
-		return e == null ? "" : M(e);
+		return e == null ? "" : D(e);
 	}
-	return j(i(e, t));
+	return d(A(e, t));
 }
 function yt(e) {
 	return e.__optimistic === !0;
 }
-function bt({ config: e, parentEntity: t, parentId: r, schema: i }) {
-	let o = i.entities[e.entity], { rows: s, refs: c, fetchNextPage: l, hasOlder: u, isFetchingOlder: d, isLoading: f, isError: p } = at(t, r, e.entity, e.foreign_key, e.timeline?.time_field, e.limit), m = e.timeline, h = m?.scroll ?? !1, g = (e.sort ?? "").endsWith(":asc"), _ = W(() => g ? [...s].reverse() : s, [s, g]), v = m?.auto_scroll ?? "none", y = G(null), x = G(null), S = G(!1), C = G(0), w = G(null), T = G(null), E = G(!0), D = G(null);
-	U(() => {
+function bt({ config: e, parentEntity: t, parentId: n, schema: r }) {
+	let i = r.entities[e.entity], { rows: o, refs: s, fetchNextPage: c, hasOlder: u, isFetchingOlder: d, isLoading: f, isError: p } = at(t, n, e.entity, e.foreign_key, e.timeline?.time_field, e.limit), m = e.timeline, h = m?.scroll ?? !1, g = (e.sort ?? "").endsWith(":asc"), _ = G(() => g ? [...o].reverse() : o, [o, g]), v = m?.auto_scroll ?? "none", y = 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;
-	}, [r]), ye(() => {
+	}, [n]), ye(() => {
 		!d || !y.current || (D.current = {
 			scrollHeight: y.current.scrollHeight,
 			scrollTop: y.current.scrollTop
 		});
 	}, [d]), ye(() => {
 		let e = y.current;
-		if (!e || _.length === 0 || !o) {
+		if (!e || _.length === 0 || !i) {
 			C.current = _.length;
 			return;
 		}
-		let t = vt(o, _[0]), n = vt(o, _[_.length - 1]), r = !S.current, i = _.length > C.current && C.current > 0, a = i && (g && t !== w.current && n === T.current || !g && n !== T.current && t === w.current), s = i && !a;
+		let t = vt(i, _[0]), n = vt(i, _[_.length - 1]), r = !S.current, a = _.length > C.current && C.current > 0, o = a && (g && t !== w.current && n === T.current || !g && n !== T.current && t === w.current), s = a && !o;
 		if (r) g && v === "bottom" && (e.scrollTop = e.scrollHeight), S.current = !0;
-		else if (a && D.current) {
+		else if (o && D.current) {
 			let t = D.current;
 			g && (e.scrollTop = t.scrollTop + (e.scrollHeight - t.scrollHeight)), D.current = null;
 		} else s && g && E.current && (e.scrollTop = e.scrollHeight);
@@ -1438,17 +1436,17 @@ function bt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 		_,
 		v,
 		g,
-		o
+		i
 	]);
-	let O = H(() => {
+	let O = U(() => {
 		let e = y.current;
 		e && (E.current = e.scrollHeight - e.scrollTop - e.clientHeight < ft);
 	}, []);
-	U(() => {
+	W(() => {
 		let e = x.current;
 		if (!e || typeof IntersectionObserver > "u") return;
 		let t = new IntersectionObserver((e) => {
-			for (let t of e) t.isIntersecting && u && !d && l();
+			for (let t of e) t.isIntersecting && u && !d && c();
 		}, {
 			root: y.current ?? null,
 			rootMargin: `${pt}px 0px 0px 0px`,
@@ -1458,10 +1456,10 @@ function bt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 	}, [
 		u,
 		d,
-		l
+		c
 	]);
-	let [k, A] = K(null);
-	if (!o) return /* @__PURE__ */ J("div", {
+	let [k, A] = q(null);
+	if (!i) return /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1469,25 +1467,25 @@ function bt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 		},
 		children: "Entity not found."
 	});
-	let j = e.quick_add?.fields ?? [m?.content_field].filter(Boolean), M = a(o.display?.name_plural) || a(o.display?.name) || e.entity, ee = u ? /* @__PURE__ */ J("div", {
+	let j = e.quick_add?.fields ?? [m?.content_field].filter(Boolean), M = b(i.display?.name_plural) || b(i.display?.name) || e.entity, N = u ? /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			justifyContent: "center",
 			padding: "6px 0"
 		},
-		children: /* @__PURE__ */ J(b, {
+		children: /* @__PURE__ */ Y(l, {
 			size: "xs",
-			onClick: () => l(),
+			onClick: () => c(),
 			disabled: d,
-			icon: d ? /* @__PURE__ */ J(n, { size: 11 }) : void 0,
+			icon: d ? /* @__PURE__ */ Y(a, { size: 11 }) : void 0,
 			children: d ? "Loading…" : "Load older"
 		})
-	}) : null, N = /* @__PURE__ */ J("div", {
+	}) : null, ee = /* @__PURE__ */ Y("div", {
 		ref: x,
 		"aria-hidden": "true",
 		style: { height: 1 }
 	}), P;
-	if (p) P = /* @__PURE__ */ J("div", {
+	if (p) P = /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
@@ -1495,24 +1493,24 @@ function bt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 		},
 		children: "Failed to load."
 	});
-	else if (f) P = /* @__PURE__ */ Y("div", {
+	else if (f) 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 (_.length === 0) P = /* @__PURE__ */ Y(q, { children: [N, /* @__PURE__ */ J("div", {
+	else if (_.length === 0) P = /* @__PURE__ */ X(J, { children: [ee, /* @__PURE__ */ Y("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1521,60 +1519,60 @@ function bt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 		children: "No activity yet."
 	})] });
 	else {
-		let n = (n, a) => {
-			let s = vt(o, n) || String(a);
-			return /* @__PURE__ */ J(xt, {
-				row: n,
-				rowId: s,
-				childEntity: o,
+		let a = (a, o) => {
+			let c = vt(i, a) || String(o);
+			return /* @__PURE__ */ Y(xt, {
+				row: a,
+				rowId: c,
+				childEntity: i,
 				entityCode: e.entity,
 				parentEntity: t,
-				parentId: r,
+				parentId: n,
 				timeline: m,
 				editableFields: j,
-				refs: c,
-				isEditing: k === s,
-				onStartEdit: () => A(s),
+				refs: s,
+				isEditing: k === c,
+				onStartEdit: () => A(c),
 				onCancelEdit: () => A(null),
 				onSaved: () => A(null),
-				schema: i,
-				optimistic: yt(n)
-			}, s);
-		}, a = m?.time_field, s;
-		if (a) {
+				schema: r,
+				optimistic: yt(a)
+			}, c);
+		}, o = m?.time_field, c;
+		if (o) {
 			let e = [];
 			_.forEach((t, n) => {
-				let r = t[a], i = Ct(r), o = e[e.length - 1];
-				!o || o.key !== i ? e.push({
+				let r = t[o], i = Ct(r), a = e[e.length - 1];
+				!a || a.key !== i ? e.push({
 					key: i,
 					label: wt(r),
 					rows: [{
 						row: t,
 						idx: n
 					}]
-				}) : o.rows.push({
+				}) : a.rows.push({
 					row: t,
 					idx: n
 				});
-			}), s = e.map((e) => /* @__PURE__ */ Y("div", {
+			}), c = e.map((e) => /* @__PURE__ */ X("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 8
 				},
-				children: [/* @__PURE__ */ J(Tt, {
+				children: [/* @__PURE__ */ Y(Tt, {
 					label: e.label,
 					count: e.rows.length
-				}), e.rows.map(({ row: e, idx: t }) => n(e, t))]
+				}), e.rows.map(({ row: e, idx: t }) => a(e, t))]
 			}, `day-${e.key}`));
-		} else s = _.map((e, t) => n(e, t));
-		P = /* @__PURE__ */ Y(q, { children: [
-			N,
+		} else c = _.map((e, t) => a(e, t));
+		P = /* @__PURE__ */ X(J, { children: [
 			ee,
-			s
+			N,
+			c
 		] });
 	}
-	return h ? /* @__PURE__ */ Y("div", {
+	return h ? /* @__PURE__ */ X("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -1584,13 +1582,13 @@ function bt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 			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,
@@ -1599,7 +1597,7 @@ function bt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 					children: M
 				})
 			}),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				ref: y,
 				onScroll: O,
 				style: {
@@ -1612,73 +1610,73 @@ function bt({ config: e, parentEntity: t, parentId: r, schema: i }) {
 				},
 				children: P
 			}),
-			/* @__PURE__ */ J(dt, {
+			/* @__PURE__ */ Y(dt, {
 				config: e,
 				parentEntity: t,
-				parentId: r,
-				schema: i
+				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: P
-	}), /* @__PURE__ */ J(dt, {
+	}), /* @__PURE__ */ Y(dt, {
 		config: e,
 		parentEntity: t,
-		parentId: r,
-		schema: i
+		parentId: n,
+		schema: r
 	})] });
 }
-function xt({ row: t, rowId: i, childEntity: a, entityCode: o, parentEntity: s, parentId: c, timeline: l, editableFields: u, refs: d, isEditing: f, onStartEdit: p, onCancelEdit: m, onSaved: h, schema: g, optimistic: _ = !1 }) {
-	let y = Se(), x = r(), [C, T] = K({}), D = H(() => {
-		y.invalidateQueries({ queryKey: [
-			te,
+function xt({ row: t, rowId: n, childEntity: r, entityCode: i, parentEntity: o, parentId: s, timeline: d, editableFields: f, refs: p, isEditing: g, onStartEdit: _, onCancelEdit: v, onSaved: y, schema: b, optimistic: x = !1 }) {
+	let S = Se(), w = k(), [T, O] = q({}), A = U(() => {
+		S.invalidateQueries({ queryKey: [
+			E,
+			o,
 			s,
-			c,
-			o
+			i
 		] });
 	}, [
-		y,
+		S,
+		o,
 		s,
-		c,
-		o
-	]), j = xe({
+		i
+	]), M = xe({
 		mutationFn: (e) => {
-			let n = t.$row_version, r = typeof n == "string" && n !== "" ? {
+			let r = t.$row_version, a = typeof r == "string" && r !== "" ? {
 				...e,
-				$row_version: n
+				$row_version: r
 			} : e;
-			return w(o, i, r);
+			return C(i, n, a);
 		},
 		onSuccess: () => {
-			D(), E.success("Updated"), h();
+			A(), m.success("Updated"), y();
 		},
-		onError: (e) => E.error(e.message)
+		onError: (e) => m.error(e.message)
 	}), ee = xe({
-		mutationFn: () => k(o, i),
+		mutationFn: () => j(i, n),
 		onSuccess: () => {
-			D(), E.success("Deleted");
+			A(), m.success("Deleted");
 		},
-		onError: (e) => E.error(e.message)
-	}), N = H(() => {
+		onError: (e) => m.error(e.message)
+	}), P = U(() => {
 		let e = {};
-		for (let n of u) e[n] = t[n] ?? "";
-		T(e), p();
+		for (let n of f) e[n] = t[n] ?? "";
+		O(e), _();
 	}, [
 		t,
-		u,
-		p
-	]), P = H((e, t) => {
-		T((n) => ({
+		f,
+		_
+	]), F = U((e, t) => {
+		O((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), F = l?.time_field, I = l?.type_field, L = l?.summary_field, R = l?.content_field, z = l?.author_field, B = l?.direction_field, V = l?.intent_field;
-	return f ? /* @__PURE__ */ Y("div", {
+	}, []), I = d?.time_field, L = d?.type_field, R = d?.summary_field, z = d?.content_field, B = d?.author_field, V = d?.direction_field, H = d?.intent_field;
+	return g ? /* @__PURE__ */ X("div", {
 		style: {
 			borderRadius: 10,
 			border: "1px solid var(--accent)",
@@ -1688,64 +1686,64 @@ function xt({ row: t, rowId: i, childEntity: a, entityCode: o, parentEntity: s,
 			flexDirection: "column",
 			gap: 8
 		},
-		children: [u.map((e) => {
-			let t = a.fields.get(e);
-			return t ? /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
+		children: [f.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: A(t, e, g.entities)
-			}), S({
+				children: u(t, e, b.entities)
+			}), N({
 				field: t,
 				fieldName: e,
-				value: C[e] ?? "",
+				value: T[e] ?? "",
 				mode: "edit",
-				onChange: (t) => P(e, t),
-				record: C,
-				locale: x
+				onChange: (t) => F(e, t),
+				record: T,
+				locale: w
 			})] }, e) : null;
-		}), /* @__PURE__ */ Y("div", {
+		}), /* @__PURE__ */ X("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: 6,
 				paddingTop: 4
 			},
-			children: [/* @__PURE__ */ J(b, {
+			children: [/* @__PURE__ */ Y(l, {
 				kind: "primary",
 				size: "xs",
-				icon: j.isPending ? /* @__PURE__ */ J(n, { size: 12 }) : /* @__PURE__ */ J(e.check, { size: 12 }),
-				onClick: () => j.mutate(C),
-				disabled: j.isPending,
-				children: j.isPending ? "Saving…" : "Save"
-			}), /* @__PURE__ */ J(b, {
+				icon: M.isPending ? /* @__PURE__ */ Y(a, { size: 12 }) : /* @__PURE__ */ Y(e.check, { size: 12 }),
+				onClick: () => M.mutate(T),
+				disabled: M.isPending,
+				children: M.isPending ? "Saving…" : "Save"
+			}), /* @__PURE__ */ Y(l, {
 				size: "xs",
-				icon: /* @__PURE__ */ J(e.x, { size: 12 }),
+				icon: /* @__PURE__ */ Y(e.x, { size: 12 }),
 				onClick: () => {
-					T({}), m();
+					O({}), v();
 				},
-				disabled: j.isPending,
+				disabled: M.isPending,
 				children: "Cancel"
 			})]
 		})]
-	}) : /* @__PURE__ */ Y("div", {
+	}) : /* @__PURE__ */ X("div", {
 		className: "group",
-		"data-optimistic": _ || void 0,
+		"data-optimistic": x || void 0,
 		style: {
 			borderRadius: 10,
 			border: "1px solid var(--border)",
 			background: "var(--surface)",
 			padding: 12,
 			transition: "border-color .12s",
-			opacity: _ ? .6 : 1
+			opacity: x ? .6 : 1
 		},
 		onMouseEnter: (e) => e.currentTarget.style.borderColor = "var(--border-strong)",
 		onMouseLeave: (e) => e.currentTarget.style.borderColor = "var(--border)",
 		children: [
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ X("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -1755,109 +1753,109 @@ function xt({ row: t, rowId: i, childEntity: a, entityCode: o, parentEntity: s,
 					color: "var(--text-3)"
 				},
 				children: [
-					F && t[F] != null && a.fields.get(F) && /* @__PURE__ */ J("span", {
+					I && t[I] != null && r.fields.get(I) && /* @__PURE__ */ Y("span", {
 						style: { fontWeight: 500 },
-						children: S({
-							field: a.fields.get(F),
-							fieldName: F,
-							value: t[F],
+						children: N({
+							field: r.fields.get(I),
+							fieldName: I,
+							value: t[I],
 							mode: "display",
 							record: t,
-							refs: d,
-							locale: x
+							refs: p,
+							locale: w
 						})
 					}),
-					I && t[I] != null && a.fields.get(I) && /* @__PURE__ */ J(O, {
+					L && t[L] != null && r.fields.get(L) && /* @__PURE__ */ Y(h, {
 						tone: "slate",
 						size: "xs",
-						children: S({
-							field: a.fields.get(I),
-							fieldName: I,
-							value: t[I],
+						children: N({
+							field: r.fields.get(L),
+							fieldName: L,
+							value: t[L],
 							mode: "display",
 							record: t,
-							refs: d,
-							locale: x
+							refs: p,
+							locale: w
 						})
 					}),
-					B && t[B] != null && a.fields.get(B) && /* @__PURE__ */ J(Et, {
-						value: t[B],
-						field: a.fields.get(B)
+					V && t[V] != null && r.fields.get(V) && /* @__PURE__ */ Y(Et, {
+						value: t[V],
+						field: r.fields.get(V)
 					}),
-					V && t[V] != null && a.fields.get(V) && /* @__PURE__ */ J(O, {
+					H && t[H] != null && r.fields.get(H) && /* @__PURE__ */ Y(h, {
 						tone: "slate",
 						size: "xs",
-						children: S({
-							field: a.fields.get(V),
-							fieldName: V,
-							value: t[V],
+						children: N({
+							field: r.fields.get(H),
+							fieldName: H,
+							value: t[H],
 							mode: "display",
 							record: t,
-							refs: d,
-							locale: x
+							refs: p,
+							locale: w
 						})
 					}),
-					z && t[z] != null && a.fields.get(z) && /* @__PURE__ */ Y("span", { children: [
+					B && t[B] != null && r.fields.get(B) && /* @__PURE__ */ X("span", { children: [
 						"by",
 						" ",
-						S({
-							field: a.fields.get(z),
-							fieldName: z,
-							value: t[z],
+						N({
+							field: r.fields.get(B),
+							fieldName: B,
+							value: t[B],
 							mode: "display",
 							record: t,
-							refs: d,
-							locale: x
+							refs: p,
+							locale: w
 						})
 					] }),
-					!_ && /* @__PURE__ */ Y("div", {
+					!x && /* @__PURE__ */ X("div", {
 						style: {
 							marginLeft: "auto",
 							display: "flex",
 							alignItems: "center",
 							gap: 2
 						},
-						children: [/* @__PURE__ */ J(v, {
+						children: [/* @__PURE__ */ Y(c, {
 							size: 22,
-							icon: /* @__PURE__ */ J(e.edit, { size: 11 }),
-							onClick: N,
+							icon: /* @__PURE__ */ Y(e.edit, { size: 11 }),
+							onClick: P,
 							title: "Edit"
-						}), /* @__PURE__ */ J(v, {
+						}), /* @__PURE__ */ Y(c, {
 							size: 22,
-							icon: /* @__PURE__ */ J(e.trash, { size: 11 }),
+							icon: /* @__PURE__ */ Y(e.trash, { size: 11 }),
 							onClick: () => ee.mutate(),
 							title: "Delete"
 						})]
 					})
 				]
 			}),
-			L && t[L] != null && a.fields.get(L) && /* @__PURE__ */ J("div", {
+			R && t[R] != null && r.fields.get(R) && /* @__PURE__ */ Y("div", {
 				style: {
 					fontSize: 12.5,
 					fontWeight: 500,
 					marginTop: 6
 				},
-				children: S({
-					field: a.fields.get(L),
-					fieldName: L,
-					value: t[L],
+				children: N({
+					field: r.fields.get(R),
+					fieldName: R,
+					value: t[R],
 					mode: "display",
 					record: t,
-					refs: d,
-					locale: x
+					refs: p,
+					locale: w
 				})
 			}),
-			R && t[R] != null && R !== L && a.fields.get(R) && /* @__PURE__ */ J(St, {
-				rendered: S({
-					field: a.fields.get(R),
-					fieldName: R,
-					value: t[R],
+			z && t[z] != null && z !== R && r.fields.get(z) && /* @__PURE__ */ Y(St, {
+				rendered: N({
+					field: r.fields.get(z),
+					fieldName: z,
+					value: t[z],
 					mode: "display",
 					record: t,
-					refs: d,
-					locale: x
+					refs: p,
+					locale: w
 				}),
-				text: M(t[R])
+				text: D(t[z])
 			})
 		]
 	});
@@ -1868,12 +1866,12 @@ function St({ rendered: e, text: t }) {
 		fontWeight: 400,
 		marginTop: 6
 	};
-	if (!_t(t)) return /* @__PURE__ */ J("div", {
+	if (!_t(t)) return /* @__PURE__ */ Y("div", {
 		style: n,
 		children: e
 	});
 	let r = t.length > ht, i = r ? t.slice(0, ht) : t;
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		style: {
 			...n,
 			display: "-webkit-box",
@@ -1883,15 +1881,15 @@ function St({ rendered: e, text: t }) {
 			whiteSpace: "pre-wrap",
 			overflowWrap: "anywhere"
 		},
-		children: /* @__PURE__ */ J(D, {
+		children: /* @__PURE__ */ Y(T, {
 			width: 380,
-			content: /* @__PURE__ */ Y("div", {
+			content: /* @__PURE__ */ X("div", {
 				style: {
 					fontSize: 12.5,
 					whiteSpace: "pre-wrap",
 					overflowWrap: "anywhere"
 				},
-				children: [i, r && /* @__PURE__ */ J("div", {
+				children: [i, r && /* @__PURE__ */ Y("div", {
 					style: {
 						marginTop: 8,
 						fontSize: 11,
@@ -1906,12 +1904,12 @@ function St({ rendered: e, text: t }) {
 }
 function Ct(e) {
 	if (e == null) return "";
-	let t = new Date(M(e));
+	let t = new Date(D(e));
 	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`;
 }
 function wt(e) {
 	if (e == null) return "—";
-	let t = new Date(M(e));
+	let t = new Date(D(e));
 	if (Number.isNaN(t.getTime())) return "—";
 	let n = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
 	r.setDate(n.getDate() - 1);
@@ -1923,7 +1921,7 @@ function wt(e) {
 	});
 }
 function Tt({ label: e, count: t }) {
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ X("div", {
 		style: {
 			position: "sticky",
 			top: -4,
@@ -1935,7 +1933,7 @@ function Tt({ 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,
@@ -1943,12 +1941,12 @@ function Tt({ 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,
@@ -1961,7 +1959,7 @@ function Tt({ label: e, count: t }) {
 }
 function Et({ 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",
@@ -1973,7 +1971,7 @@ function Et({ 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) {
@@ -1987,71 +1985,71 @@ function Dt(e, t) {
 }
 //#endregion
 //#region src/components/detail-layout/EditableChildrenTable.tsx
-function Ot({ config: t, childEntity: n, schema: i, rows: a, onChange: o, validationErrors: s, refs: c, forceTablePresentation: l = !1 }) {
-	let u = r(), d = T(), f = G(null), p = t.columns, m = t.position_field, h = new Set(Array.isArray(t.foreign_key) ? t.foreign_key : [t.foreign_key]), g = p.filter((e) => {
-		if (h.has(e) || t.position_field && e === t.position_field) return !1;
+function Ot({ config: t, childEntity: n, schema: r, rows: i, onChange: a, validationErrors: o, refs: d, forceTablePresentation: f = !1 }) {
+	let p = k(), m = s(), h = K(null), g = t.columns, _ = t.position_field, v = new Set(Array.isArray(t.foreign_key) ? t.foreign_key : [t.foreign_key]), y = 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);
-	}), _ = new Set(p.filter((e) => {
+	}), b = 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);
-	})), y = H((e, t, n) => {
-		o(a.map((r) => r._key === e ? {
+	})), x = U((e, t, n) => {
+		a(i.map((r) => r._key === e ? {
 			...r,
 			[t]: n,
 			_dirty: !0
 		} : r));
-	}, [a, o]), x = H(() => {
+	}, [i, a]), S = U(() => {
 		let e = {
 			_key: crypto.randomUUID(),
 			_dirty: !0
 		};
-		if (m) {
-			let t = a.filter((e) => !e._deleted).reduce((e, t) => {
-				let n = typeof t[m] == "number" ? t[m] : -1;
+		if (_) {
+			let t = i.filter((e) => !e._deleted).reduce((e, t) => {
+				let n = typeof t[_] == "number" ? t[_] : -1;
 				return Math.max(e, n);
 			}, -1);
-			e[m] = t + 1;
+			e[_] = t + 1;
 		}
 		let r = t.quick_add?.defaults ?? {};
-		for (let t of g) {
+		for (let t of y) {
 			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]);
 		}
-		o([...a, e]);
+		a([...i, e]);
 	}, [
+		i,
 		a,
-		o,
-		g,
+		y,
 		n,
 		t.quick_add?.defaults,
-		m
-	]), C = H((e) => {
-		o(a.map((t) => t._key === e ? {
+		_
+	]), C = U((e) => {
+		a(i.map((t) => t._key === e ? {
 			...t,
 			_deleted: !0
 		} : t));
-	}, [a, o]), w = H((e) => {
-		o(a.map((t) => t._key === e ? {
+	}, [i, a]), w = U((e) => {
+		a(i.map((t) => t._key === e ? {
 			...t,
 			_deleted: !1
 		} : t));
-	}, [a, o]), E = H((e, t) => {
-		if (!m) return;
-		let n = a.filter((e) => !e._deleted), r = a.filter((e) => e._deleted), i = n.findIndex((t) => t._key === e), s = i + t;
-		if (i < 0 || s < 0 || s >= n.length) return;
-		let c = [...n], [l] = c.splice(i, 1);
-		c.splice(s, 0, l), o([...c.map((e, t) => ({
+	}, [i, a]), T = 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,
-			[m]: t,
-			_dirty: e[m] !== t || e._dirty
+			[_]: t,
+			_dirty: e[_] !== t || e._dirty
 		})), ...r]);
 	}, [
+		i,
 		a,
-		o,
-		m
-	]), D = H((e) => {
+		_
+	]), E = U((e) => {
 		let t = e.target, n = t.closest("td");
 		if (!n) return;
 		let r = n.closest("tr");
@@ -2075,7 +2073,7 @@ function Ot({ config: t, childEntity: n, schema: i, rows: a, onChange: o, valida
 			if (o < t.length - 1) {
 				let e = t[o + 1].cells[a]?.querySelector("input, select, textarea, [tabindex]");
 				e && e.focus();
-			} else x(), requestAnimationFrame(() => {
+			} else S(), requestAnimationFrame(() => {
 				let e = i.querySelectorAll("tr"), t = e[e.length - 1];
 				if (t) {
 					let e = t.querySelector("input, select, textarea, [tabindex]");
@@ -2083,24 +2081,24 @@ function Ot({ config: t, childEntity: n, schema: i, rows: a, onChange: o, valida
 				}
 			});
 		} else e.key === "Escape" && t.blur?.();
-	}, [x]), O = de;
-	return d.isPhone && !l ? /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("div", {
+	}, [S]), O = de;
+	return m.isPhone && !f ? /* @__PURE__ */ X("div", { children: [/* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 10
 		},
-		children: a.map((t, r) => {
-			let o = !!t._deleted, l = s?.[t._key], d = m ? a.filter((e) => !e._deleted) : [], f = m ? d.findIndex((e) => e._key === t._key) : -1;
-			return /* @__PURE__ */ Y("div", {
+		children: i.map((t, a) => {
+			let s = !!t._deleted, l = o?.[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: o ? .58 : 1,
+					opacity: s ? .58 : 1,
 					overflow: "hidden"
 				},
-				children: [/* @__PURE__ */ Y("div", {
+				children: [/* @__PURE__ */ X("div", {
 					style: {
 						minHeight: 38,
 						padding: "8px 10px",
@@ -2110,140 +2108,140 @@ function Ot({ config: t, childEntity: n, schema: i, rows: a, onChange: o, 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 ", r + 1]
-					}), /* @__PURE__ */ Y("div", {
+						children: ["Row ", a + 1]
+					}), /* @__PURE__ */ X("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							gap: 4
 						},
-						children: [m && !o && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(v, {
+						children: [_ && !s && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(c, {
 							size: 32,
-							icon: /* @__PURE__ */ J(e.up, { size: 14 }),
-							onClick: () => E(t._key, -1),
-							disabled: f <= 0,
+							icon: /* @__PURE__ */ Y(e.up, { size: 14 }),
+							onClick: () => T(t._key, -1),
+							disabled: m <= 0,
 							title: "Move row up"
-						}), /* @__PURE__ */ J(v, {
+						}), /* @__PURE__ */ Y(c, {
 							size: 32,
-							icon: /* @__PURE__ */ J(e.down, { size: 14 }),
-							onClick: () => E(t._key, 1),
-							disabled: f === -1 || f >= d.length - 1,
+							icon: /* @__PURE__ */ Y(e.down, { size: 14 }),
+							onClick: () => T(t._key, 1),
+							disabled: m === -1 || m >= f.length - 1,
 							title: "Move row down"
-						})] }), o ? /* @__PURE__ */ J(v, {
+						})] }), s ? /* @__PURE__ */ Y(c, {
 							size: 32,
-							icon: /* @__PURE__ */ J(e.refresh, { size: 14 }),
+							icon: /* @__PURE__ */ Y(e.refresh, { size: 14 }),
 							onClick: () => w(t._key),
 							title: "Undo delete"
-						}) : /* @__PURE__ */ J(v, {
+						}) : /* @__PURE__ */ Y(c, {
 							size: 32,
-							icon: /* @__PURE__ */ J(e.trash, { size: 14 }),
+							icon: /* @__PURE__ */ Y(e.trash, { size: 14 }),
 							onClick: () => C(t._key),
 							title: "Delete row"
 						})]
 					})]
-				}), /* @__PURE__ */ J("div", {
+				}), /* @__PURE__ */ Y("div", {
 					style: {
 						padding: 10,
 						display: "flex",
 						flexDirection: "column",
 						gap: 12
 					},
-					children: p.map((e) => {
-						let r = n.fields.get(e), a = l?.includes(e), s = _.has(e), d = r ? A(r, e, i.entities) : e, f = `child-${t._key}-${e}`, p = `${f}-label`, m = {
+					children: g.map((e) => {
+						let i = n.fields.get(e), a = l?.includes(e), o = b.has(e), c = i ? u(i, e, r.entities) : e, f = `child-${t._key}-${e}`, m = `${f}-label`, h = {
 							outline: a ? "1px solid var(--danger)" : "none",
 							outlineOffset: 3,
 							borderRadius: a ? 5 : 0
-						}, h = {
+						}, g = {
 							fontSize: 11.5,
 							fontWeight: 600,
 							color: "var(--text-3)"
-						}, g = !o && !s && !!r;
-						return /* @__PURE__ */ Y("div", {
+						}, _ = !s && !o && !!i;
+						return /* @__PURE__ */ X("div", {
 							style: {
 								display: "flex",
 								flexDirection: "column",
 								gap: 5,
 								minWidth: 0,
-								textDecoration: o ? "line-through" : "none"
+								textDecoration: s ? "line-through" : "none"
 							},
 							title: a ? `${e} is required` : void 0,
-							children: [g ? /* @__PURE__ */ J("label", {
-								id: p,
+							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: d
-							}) : /* @__PURE__ */ J("div", {
-								id: p,
-								style: h,
-								children: d
-							}), /* @__PURE__ */ J("div", {
-								style: m,
-								children: o || s ? r ? S({
-									field: r,
+								children: s || o ? i ? N({
+									field: i,
 									fieldName: e,
 									value: t[e],
 									mode: "display",
 									record: t,
-									refs: c,
+									refs: d,
 									fieldId: f,
-									labelId: p,
-									locale: u
-								}) : M(t[e]) : r ? S({
-									field: r,
+									labelId: m,
+									locale: p
+								}) : D(t[e]) : i ? N({
+									field: i,
 									fieldName: e,
 									value: t[e],
 									mode: "edit",
-									onChange: (n) => y(t._key, e, n),
+									onChange: (n) => x(t._key, e, n),
 									record: t,
-									refs: c,
+									refs: d,
 									compact: !0,
 									fieldId: f,
-									labelId: p,
-									locale: u
-								}) : M(t[e])
+									labelId: m,
+									locale: p
+								}) : D(t[e])
 							})]
 						}, e);
 					})
 				})]
 			}, t._key);
 		})
-	}), /* @__PURE__ */ J("div", {
+	}), /* @__PURE__ */ Y("div", {
 		style: { marginTop: 10 },
-		children: /* @__PURE__ */ J(b, {
+		children: /* @__PURE__ */ Y(l, {
 			kind: "ghost",
 			size: "sm",
-			icon: /* @__PURE__ */ J(e.plus, { size: 14 }),
-			onClick: x,
+			icon: /* @__PURE__ */ Y(e.plus, { size: 14 }),
+			onClick: S,
 			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: f,
+		children: /* @__PURE__ */ X("table", {
+			ref: h,
 			style: fe,
-			onKeyDown: D,
-			children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ Y("tr", { children: [p.map((e) => {
+			onKeyDown: E,
+			children: [/* @__PURE__ */ Y("thead", { children: /* @__PURE__ */ X("tr", { children: [g.map((e) => {
 				let t = n.fields.get(e);
-				return /* @__PURE__ */ J("th", {
+				return /* @__PURE__ */ Y("th", {
 					style: O,
-					children: t ? A(t, e, i.entities) : e
+					children: t ? u(t, e, r.entities) : e
 				}, e);
-			}), /* @__PURE__ */ J("th", { style: {
+			}), /* @__PURE__ */ Y("th", { style: {
 				...O,
 				width: 40
-			} })] }) }), /* @__PURE__ */ J("tbody", { children: a.map((t) => {
-				let r = !!t._deleted, i = s?.[t._key];
-				return /* @__PURE__ */ Y("tr", {
+			} })] }) }), /* @__PURE__ */ Y("tbody", { children: i.map((t) => {
+				let r = !!t._deleted, i = o?.[t._key];
+				return /* @__PURE__ */ X("tr", {
 					style: { opacity: r ? .5 : 1 },
-					children: [p.map((e) => {
-						let a = n.fields.get(e), o = i?.includes(e), s = _.has(e);
-						return r || s ? /* @__PURE__ */ J("td", {
+					children: [g.map((e) => {
+						let a = n.fields.get(e), o = i?.includes(e), s = b.has(e);
+						return r || s ? /* @__PURE__ */ Y("td", {
 							style: {
 								padding: "6px 12px",
 								borderBottom: "1px solid var(--divider)",
@@ -2251,16 +2249,16 @@ function Ot({ config: t, childEntity: n, schema: i, rows: a, onChange: o, valida
 								textDecoration: r ? "line-through" : "none",
 								color: "var(--text-2)"
 							},
-							children: a ? S({
+							children: a ? N({
 								field: a,
 								fieldName: e,
 								value: t[e],
 								mode: "display",
 								record: t,
-								refs: c,
-								locale: u
-							}) : M(t[e])
-						}, e) : /* @__PURE__ */ J("td", {
+								refs: d,
+								locale: p
+							}) : D(t[e])
+						}, e) : /* @__PURE__ */ Y("td", {
 							style: {
 								padding: "4px 4px",
 								borderBottom: "1px solid var(--divider)",
@@ -2270,32 +2268,32 @@ function Ot({ config: t, childEntity: n, schema: i, rows: a, onChange: o, valida
 								borderRadius: o ? 4 : 0
 							},
 							title: o ? `${e} is required` : void 0,
-							children: a ? S({
+							children: a ? N({
 								field: a,
 								fieldName: e,
 								value: t[e],
 								mode: "edit",
-								onChange: (n) => y(t._key, e, n),
+								onChange: (n) => x(t._key, e, n),
 								record: t,
-								refs: c,
+								refs: d,
 								compact: !0,
-								locale: u
-							}) : M(t[e])
+								locale: p
+							}) : D(t[e])
 						}, e);
-					}), /* @__PURE__ */ J("td", {
+					}), /* @__PURE__ */ Y("td", {
 						style: {
 							padding: "4px 8px",
 							borderBottom: "1px solid var(--divider)",
 							verticalAlign: "middle"
 						},
-						children: r ? /* @__PURE__ */ J(v, {
+						children: r ? /* @__PURE__ */ Y(c, {
 							size: 24,
-							icon: /* @__PURE__ */ J(e.refresh, { size: 12 }),
+							icon: /* @__PURE__ */ Y(e.refresh, { size: 12 }),
 							onClick: () => w(t._key),
 							title: "Undo delete"
-						}) : /* @__PURE__ */ J(v, {
+						}) : /* @__PURE__ */ Y(c, {
 							size: 24,
-							icon: /* @__PURE__ */ J(e.trash, { size: 12 }),
+							icon: /* @__PURE__ */ Y(e.trash, { size: 12 }),
 							onClick: () => C(t._key),
 							title: "Delete row"
 						})
@@ -2303,50 +2301,50 @@ function Ot({ config: t, childEntity: n, schema: i, rows: a, onChange: o, valida
 				}, t._key);
 			}) })]
 		})
-	}), /* @__PURE__ */ J("div", {
+	}), /* @__PURE__ */ Y("div", {
 		style: { marginTop: 8 },
-		children: /* @__PURE__ */ J(b, {
+		children: /* @__PURE__ */ Y(l, {
 			kind: "ghost",
 			size: "xs",
-			icon: /* @__PURE__ */ J(e.plus, { size: 12 }),
-			onClick: x,
+			icon: /* @__PURE__ */ Y(e.plus, { size: 12 }),
+			onClick: S,
 			children: "Add row"
 		})
 	})] });
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenBlock.tsx
-var kt = ge(() => import("./DraggableChildrenTable-CJCjc_cd.js").then((e) => ({ default: e.DraggableChildrenTable })));
+var kt = ge(() => import("./DraggableChildrenTable-BQZTvZaU.js").then((e) => ({ default: e.DraggableChildrenTable })));
 function At({ node: e, ctx: n }) {
-	let r = T(), i = e.children;
+	let r = s(), i = e.children;
 	if (!i) return null;
 	let a = r.isPhone && n.relatedRecordsPresentation === "table";
 	if (n.isNew && n.mode !== "edit") return null;
 	let o = Ke(n.entity, i);
-	if (!o) return /* @__PURE__ */ Y("div", {
+	if (!o) return /* @__PURE__ */ X("div", {
 		className: "text-sm text-muted-foreground py-2",
 		children: ["Unknown child relation: ", i]
 	});
-	let s = n.schema.entities[o.entity];
-	if (!s) return /* @__PURE__ */ Y("div", {
+	let c = n.schema.entities[o.entity];
+	if (!c) return /* @__PURE__ */ X("div", {
 		className: "text-sm text-muted-foreground py-2",
 		children: ["Entity not found: ", o.entity]
 	});
-	let c = Pe(o, s, e), l = Ae(e, n), u = je(e, n), d = (e) => c.mode === "timeline" || n.withinCard ? e : /* @__PURE__ */ J(P, {
-		title: l,
-		icon: u ? /* @__PURE__ */ J(t, {
-			name: u,
+	let l = Pe(o, c, e), u = Ae(e, n), d = je(e, n), p = (e) => l.mode === "timeline" || n.withinCard ? e : /* @__PURE__ */ Y(R, {
+		title: u,
+		icon: d ? /* @__PURE__ */ Y(t, {
+			name: d,
 			size: 14
 		}) : void 0,
 		children: e
 	});
-	if (n.mode === "edit" && c.editable && c.interaction !== "navigate" && c.interaction !== "readonly" && m(s, "update") && c.mode === "table" && n.pendingChildren !== void 0 && n.onChildrenChange) {
-		let e = n.pendingChildren[i] ?? [], t = n.childValidationErrors?.[i], o = c.position_field ? r.isPhone && !a ? Ot : kt : Ot;
-		return d(/* @__PURE__ */ J(me, {
-			fallback: /* @__PURE__ */ J(ue, {}),
-			children: /* @__PURE__ */ J(o, {
-				config: c,
-				childEntity: s,
+	if (n.mode === "edit" && l.editable && l.interaction !== "navigate" && l.interaction !== "readonly" && f(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 ? Ot : kt : Ot;
+		return p(/* @__PURE__ */ Y(me, {
+			fallback: /* @__PURE__ */ Y(ue, {}),
+			children: /* @__PURE__ */ Y(o, {
+				config: l,
+				childEntity: c,
 				schema: n.schema,
 				rows: e,
 				onChange: (e) => n.onChildrenChange(i, e),
@@ -2357,17 +2355,17 @@ function At({ node: e, ctx: n }) {
 		}));
 	}
 	if (n.isNew) return null;
-	let f = {
-		config: c,
+	let m = {
+		config: l,
 		parentEntity: n.entityCode,
 		parentId: n.recordId,
 		schema: n.schema
 	};
-	switch (c.mode) {
-		case "list": return d(/* @__PURE__ */ J(nt, { ...f }));
-		case "cards": return d(/* @__PURE__ */ J(rt, { ...f }));
-		case "timeline": return d(/* @__PURE__ */ J(bt, { ...f }));
-		default: return r.isPhone && !a ? d(/* @__PURE__ */ J(rt, { ...f })) : d(/* @__PURE__ */ J(tt, { ...f }));
+	switch (l.mode) {
+		case "list": return p(/* @__PURE__ */ Y(nt, { ...m }));
+		case "cards": return p(/* @__PURE__ */ Y(rt, { ...m }));
+		case "timeline": return p(/* @__PURE__ */ Y(bt, { ...m }));
+		default: return r.isPhone && !a ? p(/* @__PURE__ */ Y(rt, { ...m })) : p(/* @__PURE__ */ Y(tt, { ...m }));
 	}
 }
 //#endregion
@@ -2383,8 +2381,8 @@ var jt = 150, Mt = 560, Nt = 270, Pt = "20px", Ft = 4, It = /* @__PURE__ */ new
 	stackPairs: !1
 });
 function Rt({ columns: e = 2, children: t }) {
-	let n = G(null), [r, i] = K(null);
-	U(() => {
+	let n = K(null), [r, i] = q(null);
+	W(() => {
 		let e = n.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(([e]) => {
@@ -2393,12 +2391,12 @@ function Rt({ columns: e = 2, children: t }) {
 		return t.observe(e), () => t.disconnect();
 	}, []);
 	let a = e === 1 || r !== null && r < Mt ? 1 : e, o = r === null ? null : (r - (a - 1) * 24) / a, s = o !== null && o < Nt;
-	return /* @__PURE__ */ J(Lt.Provider, {
+	return /* @__PURE__ */ Y(Lt.Provider, {
 		value: {
 			columns: a,
 			stackPairs: s
 		},
-		children: /* @__PURE__ */ J("div", {
+		children: /* @__PURE__ */ Y("div", {
 			ref: n,
 			style: {
 				display: "grid",
@@ -2410,25 +2408,25 @@ function Rt({ columns: e = 2, children: t }) {
 		})
 	});
 }
-function zt({ label: t, children: n, span: r = !1, required: i, error: a, hint: o, actions: s, copyValue: c, mode: l = "display", htmlFor: u, labelId: d, labelTitle: f, "data-testid": p }) {
-	let m = _e(Lt), h = r || m.stackPairs, _ = !!a;
-	return /* @__PURE__ */ Y("div", {
+function zt({ 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 = _e(Lt), g = r || h.stackPairs, _ = !!a;
+	return /* @__PURE__ */ X("div", {
 		className: "detail-row",
 		"data-error": _ || void 0,
-		"data-testid": p,
+		"data-testid": m,
 		style: {
 			display: "flex",
-			flexDirection: h ? "column" : "row",
-			gap: h ? 4 : 16,
-			alignItems: h ? "stretch" : "flex-start",
+			flexDirection: g ? "column" : "row",
+			gap: g ? 4 : 16,
+			alignItems: g ? "stretch" : "flex-start",
 			padding: "6px 0",
 			...r ? { gridColumn: "1 / -1" } : null
 		},
-		children: [/* @__PURE__ */ Y("div", {
+		children: [/* @__PURE__ */ X("div", {
 			style: {
-				width: h ? "auto" : jt,
+				width: g ? "auto" : jt,
 				flexShrink: 0,
-				paddingTop: h ? 0 : Ft,
+				paddingTop: g ? 0 : Ft,
 				fontSize: 12,
 				lineHeight: Pt,
 				fontWeight: 500,
@@ -2437,16 +2435,16 @@ function zt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 				alignItems: "flex-start",
 				gap: 2
 			},
-			children: [u ? /* @__PURE__ */ J("label", {
-				id: d,
-				htmlFor: u,
-				title: f || void 0,
+			children: [d ? /* @__PURE__ */ Y("label", {
+				id: f,
+				htmlFor: d,
+				title: p || void 0,
 				children: t
-			}) : /* @__PURE__ */ J("span", {
-				id: d,
-				title: f || void 0,
+			}) : /* @__PURE__ */ Y("span", {
+				id: f,
+				title: p || void 0,
 				children: t
-			}), i && l === "edit" && /* @__PURE__ */ J("span", {
+			}), i && u === "edit" && /* @__PURE__ */ Y("span", {
 				"aria-hidden": "true",
 				style: {
 					color: "var(--danger)",
@@ -2454,7 +2452,7 @@ function zt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 				},
 				children: "*"
 			})]
-		}), /* @__PURE__ */ Y("div", {
+		}), /* @__PURE__ */ X("div", {
 			style: {
 				flex: 1,
 				minWidth: 0,
@@ -2462,14 +2460,14 @@ function zt({ 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,
@@ -2477,16 +2475,16 @@ function zt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 						lineHeight: Pt,
 						color: "var(--text)",
 						overflowWrap: "anywhere",
-						paddingTop: l === "display" && !h ? Ft : 0
+						paddingTop: u === "display" && !g ? Ft : 0
 					},
-					children: _ && l === "edit" ? /* @__PURE__ */ J("div", {
+					children: _ && u === "edit" ? /* @__PURE__ */ Y("div", {
 						style: {
 							borderRadius: 6,
 							boxShadow: "0 0 0 1.5px var(--danger)"
 						},
 						children: n
 					}) : n
-				}), (c || s) && /* @__PURE__ */ Y("div", {
+				}), (l || c) && /* @__PURE__ */ X("div", {
 					className: "detail-row-action",
 					style: {
 						display: "flex",
@@ -2494,13 +2492,13 @@ function zt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 						flexShrink: 0,
 						marginTop: -2
 					},
-					children: [c && /* @__PURE__ */ J(g, {
-						value: c,
+					children: [l && /* @__PURE__ */ Y(o, {
+						value: l,
 						size: "sm",
 						title: "Copy value"
-					}), s]
+					}), c]
 				})]
-			}), (_ || o != null) && /* @__PURE__ */ Y("div", {
+			}), (_ || s != null) && /* @__PURE__ */ X("div", {
 				style: {
 					fontSize: 11.5,
 					lineHeight: 1.4,
@@ -2509,7 +2507,7 @@ function zt({ 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 : o })]
+				children: [_ && /* @__PURE__ */ Y(e.warning, { size: 11 }), /* @__PURE__ */ Y("span", { children: _ ? a : s })]
 			})]
 		})]
 	});
@@ -2517,44 +2515,44 @@ function zt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 //#endregion
 //#region src/components/detail-layout/FieldsBlock.tsx
 function Bt({ fields: e, ctx: t }) {
-	let { entity: n, entityCode: i, record: o, mode: s, onFieldChange: c, schema: l } = t, u = r(), d = t.columns ?? 2, f = d === 1 && e.length === 1;
-	return /* @__PURE__ */ J(Rt, {
-		columns: d,
+	let { entity: n, entityCode: r, record: i, mode: a, onFieldChange: o, schema: s } = t, c = k(), l = t.columns ?? 2, u = l === 1 && e.length === 1;
+	return /* @__PURE__ */ Y(Rt, {
+		columns: l,
 		children: e.map((e) => {
-			let r = e.code, d = `${i ?? "field"}-${r}`, p = `${d}-label`, m = n.fields.get(r), h = !!(m?.auto || m?.readonly || m?.source), g = ie(n, r), _ = g?.read === "denied", v = g?.write === "denied", y = s === "display" ? _ : v || _, b = h || s === "edit" && v ? "display" : s, x = y ? /* @__PURE__ */ J(N, {
-				tier: g.classification,
-				tierDef: oe(l, n, r),
-				requiredPermission: g?.required_permission,
-				locale: u,
-				variant: b === "edit" ? "input" : "value"
+			let l = e.code, d = `${r ?? "field"}-${l}`, f = `${d}-label`, p = n.fields.get(l), m = !!(p?.auto || p?.readonly || p?.source), h = ae(n, l), g = h?.read === "denied", _ = h?.write === "denied", v = a === "display" ? g : _ || g, y = m || a === "edit" && _ ? "display" : a, x = v ? /* @__PURE__ */ Y(L, {
+				tier: h.classification,
+				tierDef: oe(s, n, l),
+				requiredPermission: h?.required_permission,
+				locale: c,
+				variant: y === "edit" ? "input" : "value"
 			}) : le({
 				entity: n,
-				entityCode: i,
-				fieldName: r,
-				record: o,
-				mode: b,
-				onChange: c && !h ? (e) => c(r, e) : void 0,
+				entityCode: r,
+				fieldName: l,
+				record: i,
+				mode: y,
+				onChange: o && !m ? (e) => o(l, e) : void 0,
 				refs: t.refs,
-				entities: l?.entities,
-				screens: l?.screens,
-				locale: u,
+				entities: s?.entities,
+				screens: s?.screens,
+				locale: c,
 				fieldId: d,
-				labelId: p,
+				labelId: f,
 				structure: e.structure,
 				detailScreen: e.detail_screen
 			});
 			if (!x) return null;
-			let S = s === "display" && e.actions && e.actions.length > 0 ? /* @__PURE__ */ J(q, { children: e.actions.map((e, t) => /* @__PURE__ */ J(ee, {
-				actionCode: `${r}.action[${t}]`,
+			let S = a === "display" && e.actions && e.actions.length > 0 ? /* @__PURE__ */ Y(J, { children: e.actions.map((e, t) => /* @__PURE__ */ Y(I, {
+				actionCode: `${l}.action[${t}]`,
 				action: e,
-				entityCode: i,
-				row: o,
+				entityCode: r,
+				row: i,
 				variant: "ghost",
 				size: "icon"
-			}, t)) }) : void 0, C = !!m && It.has(m.type), w = o?.[r], T = b === "display" && (m?.copyable || m?.type === "uuid") && w != null && w !== "" ? M(w) : void 0, E = a(m?.display?.description);
-			return f ? /* @__PURE__ */ Y("div", {
+			}, t)) }) : void 0, C = !!p && It.has(p.type), w = i?.[l], T = y === "display" && (p?.copyable || p?.type === "uuid") && w != null && w !== "" ? D(w) : void 0, E = b(p?.display?.description);
+			return u ? /* @__PURE__ */ X("div", {
 				style: { gridColumn: "1 / -1" },
-				children: [x, b === "edit" && E && /* @__PURE__ */ J("div", {
+				children: [x, y === "edit" && E && /* @__PURE__ */ Y("div", {
 					style: {
 						fontSize: 11.5,
 						lineHeight: 1.4,
@@ -2563,21 +2561,21 @@ function Bt({ fields: e, ctx: t }) {
 					},
 					children: E
 				})]
-			}, r) : /* @__PURE__ */ J(zt, {
-				"data-testid": `field-${r}`,
-				label: ce(n, r, l.entities),
-				htmlFor: b === "edit" ? d : void 0,
-				labelId: p,
+			}, l) : /* @__PURE__ */ Y(zt, {
+				"data-testid": `field-${l}`,
+				label: ce(n, l, s.entities),
+				htmlFor: y === "edit" ? d : void 0,
+				labelId: f,
 				labelTitle: E || void 0,
-				required: m?.required ?? !1,
-				mode: b,
+				required: p?.required ?? !1,
+				mode: y,
 				span: C,
-				error: t.fieldErrors?.[r],
-				hint: b === "edit" && E ? E : void 0,
+				error: t.fieldErrors?.[l],
+				hint: y === "edit" && E ? E : void 0,
 				actions: S,
 				copyValue: T,
 				children: x
-			}, r);
+			}, l);
 		})
 	});
 }
@@ -2595,17 +2593,17 @@ var Vt = /* @__PURE__ */ new Set([
 function Ut({ node: e, ctx: t }) {
 	let { entity: n, objectProperties: r, onSetProperty: i, isNew: a, mode: o, refs: s } = t, c = n.properties ?? {};
 	if (a) return null;
-	let l = e.properties === !0 || e.properties, d = l === !0 ? Object.entries(c).sort(([e], [t]) => e.localeCompare(t)) : l.filter((e) => c[e] != null).map((e) => [e, c[e]]);
-	return d.length === 0 ? null : /* @__PURE__ */ J(Rt, {
+	let l = e.properties === !0 || e.properties, u = l === !0 ? Object.entries(c).sort(([e], [t]) => e.localeCompare(t)) : l.filter((e) => c[e] != null).map((e) => [e, c[e]]);
+	return u.length === 0 ? null : /* @__PURE__ */ Y(Rt, {
 		columns: 2,
-		children: d.map(([e, a]) => {
-			let c = r?.find((t) => t.property_code === e), l = u(a), d = a.readonly || !i ? "display" : o;
-			return /* @__PURE__ */ J(Wt, {
+		children: u.map(([e, a]) => {
+			let c = r?.find((t) => t.property_code === e), l = O(a), u = a.readonly || !i ? "display" : o;
+			return /* @__PURE__ */ Y(Wt, {
 				propCode: e,
 				prop: a,
 				field: l,
 				value: c?.value,
-				mode: d,
+				mode: u,
 				onSetProperty: i,
 				refs: s,
 				entity: n,
@@ -2614,36 +2612,36 @@ function Ut({ node: e, ctx: t }) {
 		})
 	});
 }
-function Wt({ propCode: e, prop: t, field: n, value: i, mode: o, onSetProperty: s, refs: c, entity: l, schema: u }) {
-	let d = r(), f = G(null);
-	U(() => () => {
-		f.current && clearTimeout(f.current);
+function Wt({ propCode: e, prop: t, field: n, value: r, mode: i, onSetProperty: a, refs: o, entity: s, schema: c }) {
+	let l = k(), u = K(null);
+	W(() => () => {
+		u.current && clearTimeout(u.current);
 	}, []);
-	let p = H((n) => {
-		s && (Vt.has(t.type) ? (f.current && clearTimeout(f.current), f.current = setTimeout(() => s(e, n), Ht)) : s(e, n));
+	let d = U((n) => {
+		a && (Vt.has(t.type) ? (u.current && clearTimeout(u.current), u.current = setTimeout(() => a(e, n), Ht)) : a(e, n));
 	}, [
 		e,
 		t.type,
-		s
-	]), m = ie(l, e), h = m?.read === "denied", g = m?.write === "denied", _ = o === "display" ? h : g || h, v = o === "edit" && g ? "display" : o;
-	return /* @__PURE__ */ J(zt, {
-		label: a(t.display?.name ?? t.name),
-		mode: v,
+		a
+	]), f = ae(s, e), p = f?.read === "denied", m = f?.write === "denied", h = i === "display" ? p : m || p, g = i === "edit" && m ? "display" : i;
+	return /* @__PURE__ */ Y(zt, {
+		label: b(t.display?.name ?? t.name),
+		mode: g,
 		span: It.has(t.type),
-		children: _ ? /* @__PURE__ */ J(N, {
-			tier: m.classification,
-			tierDef: oe(u, l, e),
-			requiredPermission: m?.required_permission,
-			locale: d,
-			variant: v === "edit" ? "input" : "value"
-		}) : S({
+		children: h ? /* @__PURE__ */ Y(L, {
+			tier: f.classification,
+			tierDef: oe(c, s, e),
+			requiredPermission: f?.required_permission,
+			locale: l,
+			variant: g === "edit" ? "input" : "value"
+		}) : N({
 			field: n,
 			fieldName: e,
-			value: i,
-			mode: v,
-			onChange: v === "edit" ? p : void 0,
-			refs: c,
-			locale: d
+			value: r,
+			mode: g,
+			onChange: g === "edit" ? d : void 0,
+			refs: o,
+			locale: l
 		})
 	});
 }
@@ -2651,7 +2649,7 @@ function Wt({ propCode: e, prop: t, field: n, value: i, mode: o, onSetProperty:
 //#region src/components/shared/StatusStepper.tsx
 function Gt({ 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",
@@ -2663,7 +2661,7 @@ function Gt({ 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,
@@ -2687,7 +2685,7 @@ function Gt({ 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,
@@ -2702,8 +2700,8 @@ function Gt({ 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"
@@ -2717,67 +2715,67 @@ function Gt({ 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: n, isPending: r, mode: i = "edit" }) {
-	return /* @__PURE__ */ J("div", {
+	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, l = s ? o.statuses.find((e) => e.code === s) : void 0;
-			if (o.display_mode === "stepper") {
-				let t = i === "edit", c = t ? o.transitions && s ? /* @__PURE__ */ new Set([s, ...o.transitions[s] ?? []]) : new Set(o.statuses.map((e) => e.code)) : void 0;
-				return /* @__PURE__ */ Y("div", {
+		children: Object.entries(e).map(([e, a]) => {
+			let o = t?.find((t) => t.group_code === e)?.status_code, s = o ? a.statuses.find((e) => e.code === o) : void 0;
+			if (a.display_mode === "stepper") {
+				let t = i === "edit", s = t ? a.transitions && o ? /* @__PURE__ */ new Set([o, ...a.transitions[o] ?? []]) : new Set(a.statuses.map((e) => e.code)) : void 0;
+				return /* @__PURE__ */ 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: [a(o.name), ":"]
-					}), /* @__PURE__ */ J("div", {
+						children: [b(a.name), ":"]
+					}), /* @__PURE__ */ Y("div", {
 						style: {
 							minWidth: 240,
 							opacity: r ? .6 : 1,
 							pointerEvents: r ? "none" : "auto"
 						},
-						children: /* @__PURE__ */ J(Gt, {
-							stages: o.statuses.map((e) => ({
+						children: /* @__PURE__ */ Y(Gt, {
+							stages: a.statuses.map((e) => ({
 								code: e.code,
-								label: a(e.name)
+								label: b(e.name)
 							})),
-							current: s,
-							selectable: c,
+							current: o,
+							selectable: s,
 							onSelect: t ? (t) => n(e, t) : void 0,
 							compact: !0
 						})
 					})]
 				}, e);
 			}
-			if (i === "display") return /* @__PURE__ */ Y("div", {
+			if (i === "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: [a(o.name), ":"]
-				}), l ? /* @__PURE__ */ J(O, {
-					tone: l.color ?? "slate",
+					children: [b(a.name), ":"]
+				}), s ? /* @__PURE__ */ Y(h, {
+					tone: s.color ?? "slate",
 					size: "xs",
-					children: a(l.name)
-				}) : /* @__PURE__ */ J("span", {
+					children: b(s.name)
+				}) : /* @__PURE__ */ Y("span", {
 					style: {
 						fontSize: 12.5,
 						color: "var(--text-4)"
@@ -2785,44 +2783,44 @@ function Kt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 					children: "—"
 				})]
 			}, e);
-			let u = (o.transitions && s ? o.statuses.filter((e) => e.code === s || (o.transitions[s]?.includes(e.code) ?? !1)) : o.statuses).map((e) => ({
+			let c = (a.transitions && o ? a.statuses.filter((e) => e.code === o || (a.transitions[o]?.includes(e.code) ?? !1)) : a.statuses).map((e) => ({
 				value: e.code,
-				label: /* @__PURE__ */ 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"
-					} }), a(e.name)]
+					} }), b(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: [a(o.name), ":"]
-				}), /* @__PURE__ */ J("div", {
+					children: [b(a.name), ":"]
+				}), /* @__PURE__ */ Y("div", {
 					style: {
 						minWidth: 180,
 						opacity: r ? .6 : 1,
 						pointerEvents: r ? "none" : "auto"
 					},
-					children: /* @__PURE__ */ J(c, {
-						value: s ?? "",
-						options: u,
+					children: /* @__PURE__ */ Y(P, {
+						value: o ?? "",
+						options: c,
 						onChange: (t) => n(e, t),
 						placeholder: "Select…"
 					})
@@ -2838,7 +2836,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 || 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 ?? qt,
@@ -2881,27 +2879,27 @@ function Zt(e) {
 //#region src/components/detail-layout/widgets/JsonDiffWidget.tsx
 var Qt = "Audit change diff", $t = ge(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonDiff }))), en = ge(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonSource }))), tn = ge(() => import("./JsonEditor-DoNmyrYd.js").then((e) => ({ default: e.JsonEditor })));
 function nn() {
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "flex h-full w-full items-center justify-center text-sm text-muted-foreground",
 		children: "Loading editor…"
 	});
 }
 function rn({ before: e, after: t }) {
-	return /* @__PURE__ */ J(me, {
-		fallback: /* @__PURE__ */ J(nn, {}),
-		children: /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ Y(me, {
+		fallback: /* @__PURE__ */ Y(nn, {}),
+		children: /* @__PURE__ */ X("div", {
 			className: "flex h-full w-full gap-2",
 			role: "group",
 			"aria-label": Qt,
-			children: [/* @__PURE__ */ J("div", {
+			children: [/* @__PURE__ */ Y("div", {
 				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ J(tn, {
+				children: /* @__PURE__ */ Y(tn, {
 					value: e,
 					readOnly: !0
 				})
-			}), /* @__PURE__ */ J("div", {
+			}), /* @__PURE__ */ Y("div", {
 				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ J(tn, {
+				children: /* @__PURE__ */ Y(tn, {
 					value: t,
 					readOnly: !0
 				})
@@ -2910,17 +2908,17 @@ function rn({ before: e, after: t }) {
 	});
 }
 function an({ 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"),
@@ -2930,41 +2928,41 @@ function an({ mode: e, onChange: t }) {
 	});
 }
 function on({ values: e, options: t }) {
-	let n = e.before, r = e.after, i = t?.default_mode === "source" ? "source" : "diff", [a, o] = K(i), s = Zt(n), c = Zt(r);
-	return /* @__PURE__ */ Y("div", {
+	let n = e.before, r = e.after, i = t?.default_mode === "source" ? "source" : "diff", [a, o] = q(i), s = Zt(n), c = Zt(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(an, {
+			children: [/* @__PURE__ */ Y(an, {
 				mode: a,
 				onChange: o
-			}), s === c && /* @__PURE__ */ J("span", {
+			}), s === c && /* @__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": Qt,
-			children: /* @__PURE__ */ J(I, {
-				fallback: /* @__PURE__ */ J(rn, {
+			children: /* @__PURE__ */ Y(B, {
+				fallback: /* @__PURE__ */ Y(rn, {
 					before: n,
 					after: r
 				}),
-				children: /* @__PURE__ */ J(me, {
-					fallback: /* @__PURE__ */ J(nn, {}),
-					children: a === "diff" ? /* @__PURE__ */ J($t, {
+				children: /* @__PURE__ */ Y(me, {
+					fallback: /* @__PURE__ */ Y(nn, {}),
+					children: a === "diff" ? /* @__PURE__ */ Y($t, {
 						before: s,
 						after: c
-					}) : /* @__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(en, { value: s })
-						}), /* @__PURE__ */ J("div", {
+							children: /* @__PURE__ */ Y(en, { value: s })
+						}), /* @__PURE__ */ Y("div", {
 							className: "min-w-0 flex-1",
-							children: /* @__PURE__ */ J(en, { value: c })
+							children: /* @__PURE__ */ Y(en, { value: c })
 						})]
 					})
 				})
@@ -2974,21 +2972,21 @@ function on({ values: e, options: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/widgets/EntityScorecardWidget.tsx
-function Z(e) {
+function Q(e) {
 	return e && typeof e == "object" && !Array.isArray(e) ? e : void 0;
 }
-function Q(e) {
-	let t = Z(e);
+function $(e) {
+	let t = Q(e);
 	if (!t) return;
 	let n = Object.entries(t).filter((e) => typeof e[1] == "string");
 	return n.length > 0 ? Object.fromEntries(n) : void 0;
 }
 function sn(e) {
 	return Array.isArray(e) ? e.flatMap((e) => {
-		let t = Z(e);
+		let t = Q(e);
 		return !t || typeof t.field != "string" ? [] : [{
 			field: t.field,
-			label: Q(t.label),
+			label: $(t.label),
 			format: t.format
 		}];
 	}) : [];
@@ -2996,42 +2994,42 @@ function sn(e) {
 function cn(e) {
 	if (!e || typeof e.entity != "string" || typeof e.scope_field != "string" || typeof e.window_field != "string") return;
 	let t = Array.isArray(e.windows) ? e.windows.flatMap((e) => {
-		let t = Z(e);
+		let t = Q(e);
 		return t && typeof t.code == "string" ? [{
 			code: t.code,
-			label: Q(t.label)
+			label: $(t.label)
 		}] : [];
 	}) : [], n = Array.isArray(e.metrics) ? e.metrics.flatMap((e) => {
-		let t = Z(e);
+		let t = Q(e);
 		if (!t || typeof t.field != "string") return [];
-		let n = Z(t.filtered);
+		let n = Q(t.filtered);
 		return [{
 			field: t.field,
-			label: Q(t.label),
-			help: Q(t.help),
+			label: $(t.label),
+			help: $(t.help),
 			format: t.format,
 			attention: t.attention === !0,
 			drillthrough_value: typeof t.drillthrough_value == "string" ? t.drillthrough_value : void 0,
 			drillthrough_filter: t.drillthrough_filter !== !1,
 			filtered: n && typeof n.field == "string" ? {
 				field: n.field,
-				where: Z(n.where)
+				where: Q(n.where)
 			} : void 0
 		}];
 	}) : [];
 	if (t.length === 0 || n.length === 0) return;
-	let r = Z(e.breakdown), i = r && typeof r.entity == "string" && typeof r.scope_field == "string" && typeof r.window_field == "string" ? {
+	let r = Q(e.breakdown), i = r && typeof r.entity == "string" && typeof r.scope_field == "string" && typeof r.window_field == "string" ? {
 		entity: r.entity,
 		scope_field: r.scope_field,
 		window_field: r.window_field,
 		filter_field: typeof r.filter_field == "string" ? r.filter_field : void 0,
-		filter_label: Q(r.filter_label),
-		all_label: Q(r.all_label),
-		empty_label: Q(r.empty_label),
+		filter_label: $(r.filter_label),
+		all_label: $(r.all_label),
+		empty_label: $(r.empty_label),
 		columns: sn(r.columns),
 		sort: typeof r.sort == "string" ? r.sort : void 0,
 		limit: typeof r.limit == "number" ? Math.min(500, Math.max(1, r.limit)) : 200
-	} : void 0, a = Z(e.drillthrough), o = a && typeof a.route == "string" && typeof a.scope_field == "string" && typeof a.window_field == "string" ? {
+	} : void 0, a = Q(e.drillthrough), o = a && typeof a.route == "string" && typeof a.scope_field == "string" && typeof a.window_field == "string" ? {
 		route: a.route,
 		scope_field: a.scope_field,
 		window_field: a.window_field,
@@ -3045,10 +3043,10 @@ function cn(e) {
 		windows: t,
 		default_window: typeof e.default_window == "string" ? e.default_window : void 0,
 		metrics: n,
-		title: Q(e.title),
-		description: Q(e.description),
-		intended_note: Q(e.intended_note),
-		empty_label: Q(e.empty_label),
+		title: $(e.title),
+		description: $(e.description),
+		intended_note: $(e.intended_note),
+		empty_label: $(e.empty_label),
 		breakdown: i,
 		drillthrough: o
 	};
@@ -3078,109 +3076,109 @@ function dn(e, t) {
 	return !t || Object.entries(t).every(([t, n]) => e[t] === n);
 }
 function fn({ values: e, options: t }) {
-	let n = W(() => cn(t), [t]), i = r(), o = ne(), s = e.scope, c = n?.windows.some((e) => e.code === n.default_window) ? n.default_window : n?.windows[0]?.code ?? "", [l, u] = K(c), [d, f] = K("");
-	U(() => {
-		u(c);
-	}, [c]), U(() => {
-		f("");
-	}, [l]);
-	let p = n ? [{
+	let n = G(() => cn(t), [t]), r = k(), i = re(), a = e.scope, o = n?.windows.some((e) => e.code === n.default_window) ? n.default_window : n?.windows[0]?.code ?? "", [s, c] = q(o), [l, u] = q("");
+	W(() => {
+		c(o);
+	}, [o]), W(() => {
+		u("");
+	}, [s]);
+	let d = n ? [{
 		field: n.scope_field,
 		op: "eq",
-		value: s
+		value: a
 	}, {
 		field: n.window_field,
 		op: "eq",
-		value: l
-	}] : [], m = h(n?.entity, {
+		value: s
+	}] : [], f = v(n?.entity, {
 		per_page: 1,
-		filters: p
-	}, !!(n && s && l)), g = n?.breakdown, _ = g ? [{
-		field: g.scope_field,
+		filters: d
+	}, !!(n && a && s)), p = n?.breakdown, m = p ? [{
+		field: p.scope_field,
 		op: "eq",
-		value: s
+		value: a
 	}, {
-		field: g.window_field,
+		field: p.window_field,
 		op: "eq",
-		value: l
-	}] : [], v = h(g?.entity, {
-		per_page: g?.limit ?? 200,
-		sort: g?.sort,
-		filters: _
-	}, !!(g && s && l));
-	if (!n || !s) return /* @__PURE__ */ J("div", {
+		value: s
+	}] : [], h = v(p?.entity, {
+		per_page: p?.limit ?? 200,
+		sort: p?.sort,
+		filters: m
+	}, !!(p && a && s));
+	if (!n || !a) return /* @__PURE__ */ Y("div", {
 		role: "alert",
 		className: "rounded border border-destructive p-3 text-sm text-destructive",
 		children: "Invalid entity_scorecard configuration."
 	});
-	let y = m.data?.data?.[0], b = v.data?.data ?? [], x = g?.filter_field ? Array.from(new Set(b.map((e) => e[g.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], S = d && g?.filter_field ? b.filter((e) => e[g.filter_field] === d) : b, C = (e) => !d || !e.filtered || !g?.filter_field ? y?.[e.field] : b.find((t) => t[g.filter_field] === d && dn(t, e.filtered?.where))?.[e.filtered.field], w = (e) => {
+	let g = f.data?.data?.[0], _ = h.data?.data ?? [], y = p?.filter_field ? Array.from(new Set(_.map((e) => e[p.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], x = l && p?.filter_field ? _.filter((e) => e[p.filter_field] === l) : _, S = (e) => !l || !e.filtered || !p?.filter_field ? g?.[e.field] : _.find((t) => t[p.filter_field] === l && dn(t, e.filtered?.where))?.[e.filtered.field], C = (e) => {
 		let t = n.drillthrough;
 		if (!t || !e.drillthrough_value) return;
 		let r = [{
 			field: t.scope_field,
 			op: "eq",
-			value: s
+			value: a
 		}, {
 			field: t.window_field,
 			op: "eq",
-			value: l
+			value: s
 		}];
-		t.filter_field && d && e.drillthrough_filter !== !1 && r.push({
+		t.filter_field && l && e.drillthrough_filter !== !1 && r.push({
 			field: t.filter_field,
 			op: "eq",
-			value: d
+			value: l
 		}), t.metric_field && r.push({
 			field: t.metric_field,
 			op: "eq",
 			value: e.drillthrough_value
-		}), o(t.route, { search: new URLSearchParams({ filters: JSON.stringify(r) }).toString() });
-	}, T = m.error ?? v.error;
-	return /* @__PURE__ */ Y("div", {
+		}), i(t.route, { search: new URLSearchParams({ filters: JSON.stringify(r) }).toString() });
+	}, w = f.error ?? h.error;
+	return /* @__PURE__ */ X("div", {
 		className: "flex min-w-0 flex-col gap-4",
-		"aria-label": a(n.title, i) || "Scorecard",
+		"aria-label": b(n.title, r) || "Scorecard",
 		children: [
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ X("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ Y("div", {
+				children: [/* @__PURE__ */ X("div", {
 					className: "min-w-0",
 					children: [
-						n.title && /* @__PURE__ */ J("h3", {
+						n.title && /* @__PURE__ */ Y("h3", {
 							className: "text-base font-semibold text-foreground",
-							children: a(n.title, i)
+							children: b(n.title, r)
 						}),
-						n.description && /* @__PURE__ */ J("p", {
+						n.description && /* @__PURE__ */ Y("p", {
 							className: "mt-1 text-sm text-muted-foreground",
-							children: a(n.description, i)
+							children: b(n.description, r)
 						}),
-						n.intended_note && /* @__PURE__ */ J("p", {
+						n.intended_note && /* @__PURE__ */ Y("p", {
 							className: "mt-1 text-xs text-muted-foreground",
-							children: a(n.intended_note, i)
+							children: b(n.intended_note, r)
 						})
 					]
-				}), /* @__PURE__ */ Y("div", {
+				}), /* @__PURE__ */ X("div", {
 					className: "flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ J("div", {
+					children: [/* @__PURE__ */ Y("div", {
 						role: "group",
 						"aria-label": "Scorecard window",
 						className: "inline-flex rounded border border-border p-1",
-						children: n.windows.map((e) => /* @__PURE__ */ J("button", {
+						children: n.windows.map((e) => /* @__PURE__ */ Y("button", {
 							type: "button",
-							"aria-pressed": l === e.code,
-							onClick: () => u(e.code),
-							className: `rounded px-3 py-1.5 text-xs font-medium ${l === e.code ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
-							children: a(e.label, i) || e.code
+							"aria-pressed": s === e.code,
+							onClick: () => c(e.code),
+							className: `rounded px-3 py-1.5 text-xs font-medium ${s === e.code ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
+							children: b(e.label, r) || e.code
 						}, e.code))
-					}), g?.filter_field && /* @__PURE__ */ Y("label", {
+					}), p?.filter_field && /* @__PURE__ */ X("label", {
 						className: "flex items-center gap-2 text-xs text-muted-foreground",
-						children: [a(g.filter_label, i) || "Filter", /* @__PURE__ */ Y("select", {
-							"aria-label": a(g.filter_label, i) || "Filter",
-							value: d,
-							onChange: (e) => f(e.target.value),
+						children: [b(p.filter_label, r) || "Filter", /* @__PURE__ */ X("select", {
+							"aria-label": b(p.filter_label, r) || "Filter",
+							value: l,
+							onChange: (e) => u(e.target.value),
 							className: "rounded border border-border bg-background px-2 py-1.5 text-foreground",
-							children: [/* @__PURE__ */ J("option", {
+							children: [/* @__PURE__ */ Y("option", {
 								value: "",
-								children: a(g.all_label, i) || "All"
-							}), x.map((e) => /* @__PURE__ */ J("option", {
+								children: b(p.all_label, r) || "All"
+							}), y.map((e) => /* @__PURE__ */ Y("option", {
 								value: e,
 								children: e
 							}, e))]
@@ -3188,63 +3186,63 @@ function fn({ values: e, options: t }) {
 					})]
 				})]
 			}),
-			T && /* @__PURE__ */ J("div", {
+			w && /* @__PURE__ */ Y("div", {
 				role: "alert",
 				className: "rounded border border-destructive p-3 text-sm text-destructive",
-				children: T instanceof Error ? T.message : "Scorecard data could not be loaded."
+				children: w instanceof Error ? w.message : "Scorecard data could not be loaded."
 			}),
-			!T && !m.isLoading && !y && /* @__PURE__ */ J("div", {
+			!w && !f.isLoading && !g && /* @__PURE__ */ Y("div", {
 				className: "rounded border border-border p-6 text-center text-sm text-muted-foreground",
-				children: a(n.empty_label, i) || "No scorecard data."
+				children: b(n.empty_label, r) || "No scorecard data."
 			}),
-			y && /* @__PURE__ */ J("div", {
+			g && /* @__PURE__ */ Y("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
 				children: n.metrics.map((e) => {
-					let t = C(e), r = !!(n.drillthrough && e.drillthrough_value), o = /* @__PURE__ */ Y(q, { children: [
-						/* @__PURE__ */ J("span", {
+					let t = S(e), i = !!(n.drillthrough && e.drillthrough_value), a = /* @__PURE__ */ X(J, { children: [
+						/* @__PURE__ */ Y("span", {
 							className: "text-xs font-medium text-muted-foreground",
-							children: a(e.label, i) || e.field
+							children: b(e.label, r) || e.field
 						}),
-						/* @__PURE__ */ J("strong", {
+						/* @__PURE__ */ Y("strong", {
 							className: `mt-2 block text-2xl font-semibold ${e.attention && Number(t) > 0 ? "text-destructive" : "text-foreground"}`,
-							children: ln(t, e.format, i)
+							children: ln(t, e.format, r)
 						}),
-						e.help && /* @__PURE__ */ J("span", {
+						e.help && /* @__PURE__ */ Y("span", {
 							className: "mt-1 block text-xs text-muted-foreground",
-							children: a(e.help, i)
+							children: b(e.help, r)
 						})
 					] });
-					return r ? /* @__PURE__ */ J("button", {
+					return i ? /* @__PURE__ */ Y("button", {
 						type: "button",
-						onClick: () => w(e),
+						onClick: () => C(e),
 						className: "rounded border border-border bg-card p-3 text-left hover:bg-surface",
-						children: o
-					}, e.field) : /* @__PURE__ */ J("article", {
+						children: a
+					}, e.field) : /* @__PURE__ */ Y("article", {
 						className: "rounded border border-border bg-card p-3",
-						children: o
+						children: a
 					}, e.field);
 				})
 			}),
-			g && /* @__PURE__ */ J("div", {
+			p && /* @__PURE__ */ Y("div", {
 				className: "min-w-0 overflow-x-auto rounded border border-border",
-				children: /* @__PURE__ */ Y("table", {
+				children: /* @__PURE__ */ X("table", {
 					className: "w-full border-collapse text-sm",
-					children: [/* @__PURE__ */ J("thead", {
+					children: [/* @__PURE__ */ Y("thead", {
 						className: "bg-surface text-left text-xs text-muted-foreground",
-						children: /* @__PURE__ */ J("tr", { children: g.columns.map((e) => /* @__PURE__ */ J("th", {
+						children: /* @__PURE__ */ Y("tr", { children: p.columns.map((e) => /* @__PURE__ */ Y("th", {
 							className: "border-b border-divider px-3 py-2 font-medium",
-							children: a(e.label, i) || e.field
+							children: b(e.label, r) || e.field
 						}, e.field)) })
-					}), /* @__PURE__ */ Y("tbody", { children: [S.map((e, t) => /* @__PURE__ */ J("tr", {
+					}), /* @__PURE__ */ X("tbody", { children: [x.map((e, t) => /* @__PURE__ */ Y("tr", {
 						className: "border-b border-divider last:border-0",
-						children: g.columns.map((t) => /* @__PURE__ */ J("td", {
+						children: p.columns.map((t) => /* @__PURE__ */ Y("td", {
 							className: "px-3 py-2 text-foreground",
-							children: ln(e[t.field], t.format, i)
+							children: ln(e[t.field], t.format, r)
 						}, t.field))
-					}, un(e, t))), !v.isLoading && S.length === 0 && /* @__PURE__ */ J("tr", { children: /* @__PURE__ */ J("td", {
-						colSpan: Math.max(1, g.columns.length),
+					}, un(e, t))), !h.isLoading && x.length === 0 && /* @__PURE__ */ Y("tr", { children: /* @__PURE__ */ Y("td", {
+						colSpan: Math.max(1, p.columns.length),
 						className: "px-3 py-6 text-center text-muted-foreground",
-						children: a(g.empty_label, i) || "No breakdown rows."
+						children: b(p.empty_label, r) || "No breakdown rows."
 					}) })] })]
 				})
 			})
@@ -3255,27 +3253,27 @@ function fn({ values: e, options: t }) {
 //#region src/components/detail-layout/widgets/builtins.ts
 var pn = !1;
 function mn() {
-	pn ||= (L("json_diff", on), L("entity_scorecard", fn), !0);
+	pn ||= (V("json_diff", on), V("entity_scorecard", fn), !0);
 }
 //#endregion
 //#region src/components/detail-layout/widgets/WidgetHost.tsx
 mn();
 function hn({ config: e, ctx: t }) {
-	let n = z(e.type);
-	if (!n) return /* @__PURE__ */ J("span", {
+	let n = te(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,
@@ -3287,41 +3285,41 @@ function hn({ config: e, ctx: t }) {
 //#endregion
 //#region src/components/detail-layout/LayoutRenderer.tsx
 function gn({ 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(_n, {
 		node: e,
 		ctx: t
 	}, n)) });
 }
-function $({ node: e, ctx: t }) {
-	return e.row ? /* @__PURE__ */ J(Te, {
+function _n({ node: e, ctx: t }) {
+	return e.row ? /* @__PURE__ */ Y(Te, {
 		config: e.row,
 		ctx: t
-	}) : e.column ? /* @__PURE__ */ J(Oe, {
+	}) : e.column ? /* @__PURE__ */ Y(Oe, {
 		config: e.column,
 		node: e,
 		ctx: t
-	}) : e.tabs ? /* @__PURE__ */ J(Me, {
+	}) : e.tabs ? /* @__PURE__ */ Y(Me, {
 		config: e.tabs,
 		ctx: t
-	}) : e.section ? /* @__PURE__ */ J(Ne, {
+	}) : e.section ? /* @__PURE__ */ Y(Ne, {
 		config: e.section,
 		ctx: t
-	}) : e.children ? /* @__PURE__ */ J(At, {
+	}) : e.children ? /* @__PURE__ */ Y(At, {
 		node: e,
 		ctx: t
-	}) : e.associated ? /* @__PURE__ */ J(R, {
+	}) : e.associated ? /* @__PURE__ */ Y(H, {
 		node: e,
 		ctx: t
-	}) : e.fields ? /* @__PURE__ */ J(Bt, {
+	}) : e.fields ? /* @__PURE__ */ Y(Bt, {
 		fields: e.fields,
 		ctx: t
-	}) : e.properties == null ? e.statuses == null ? e.widget ? /* @__PURE__ */ J(hn, {
+	}) : e.properties == null ? e.statuses == null ? e.widget ? /* @__PURE__ */ Y(hn, {
 		config: e.widget,
 		ctx: t
-	}) : null : /* @__PURE__ */ J(Jt, {
+	}) : null : /* @__PURE__ */ Y(Jt, {
 		node: e,
 		ctx: t
-	}) : /* @__PURE__ */ J(Ut, {
+	}) : /* @__PURE__ */ Y(Ut, {
 		node: e,
 		ctx: t
 	});