@declarion/react 0.39.0 → 0.40.0

package/dist-lib/{LayoutRenderer-CwMERoPJ.js → LayoutRenderer-D4oTfZhV.js}

@@ -1,6 +1,6 @@
 import { s as e, t } from "./DynamicIcon-DeRpAaXm.js";
-import { F as n, Gn as r, Kn as i, L as a, Nn as o, On as s, R as c, U as l, Wn as u, _ as d, an as f, at as p, bn as m, dn as h, en as g, fn as _, g as v, gn as y, h as b, hn as x, ht as S, it as C, jt as w, ln as T, m as E, on as D, rt as O, sn as k, un as A, zn as j } from "./useCurrentScreen-BA2lb-d7.js";
-import { A as M, Dt as N, E as P, J as F, Ot as I, Q as L, T as R, X as ee, Y as z, Z as B, _t as V, d as te, et as ne, o as re, ot as ie, r as ae, st as oe, t as se, u as ce, yt as le } from "./registry-DXNFRlbB.js";
+import { $ as n, A as r, An as i, At as a, Dn as o, En as s, Fn as c, Jn as l, Kt as u, M as d, Q as f, Sn as p, Tn as m, Un as h, X as g, ar as _, bn as v, bt as y, er as b, f as x, hn as S, it as C, j as w, jn as T, or as E, sr as D, vt as O, wn as k, xn as A, yt as j } from "./useCurrentScreen-mw8TfE8q.js";
+import { A as M, F as ee, I as N, J as P, L as F, P as I, R as L, T as R, V as z, at as B, d as V, it as te, mt as ne, o as re, pt as ie, q as ae, r as oe, t as se, u as ce, z as le } from "./registry-DFtAh6zc.js";
 import { n as ue, r as de, t as fe } from "./dataTableStyles-vwD1mVOP.js";
 import { Suspense as pe, createContext as me, lazy as he, useCallback as H, useContext as ge, useEffect as U, useId as _e, useLayoutEffect as ve, useMemo as W, useRef as G, useState as K } from "react";
 import { useInfiniteQuery as ye, useMutation as be, useQueryClient as xe } from "@tanstack/react-query";
@@ -61,16 +61,16 @@ function we({ config: e, ctx: t }) {
 	}, [u, p]), h = u ?? p(), g = e.height ? Ee(e.height) : void 0;
 	return /* @__PURE__ */ J("div", {
 		ref: l,
-		className: le("flex", s && "flex-col"),
+		className: B("flex", s && "flex-col"),
 		style: {
 			gap: r ? `${r}px` : void 0,
 			...g
 		},
 		children: n.map((r, a) => /* @__PURE__ */ Y("div", {
-			className: le("min-w-0 flex items-stretch", s && "w-full"),
+			className: B("min-w-0 flex items-stretch", s && "w-full"),
 			style: s ? void 0 : Te(r.width ?? r.column?.width ?? r.row?.width ?? e.width, h[a], r.min_width, r.max_width),
 			children: [/* @__PURE__ */ J("div", {
-				className: le("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
+				className: B("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
 				children: /* @__PURE__ */ J($, {
 					node: r,
 					ctx: t
@@ -123,13 +123,13 @@ function Oe(e) {
 function ke(e, t) {
 	let n = Oe(e);
 	if (n) {
-		if (e.label) return A(e.label);
+		if (e.label) return m(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 m(r.display.name);
 		let i = t.schema.entities[n];
-		return i && (A(i.display.name_plural) || A(i.display.name)) || n;
+		return i && (m(i.display.name_plural) || m(i.display.name)) || n;
 	}
-	return e.section ? A(e.section.name) : "Tab";
+	return e.section ? m(e.section.name) : "Tab";
 }
 function Ae(e, t) {
 	if (e.icon) return e.icon;
@@ -144,7 +144,7 @@ function Ae(e, t) {
 //#endregion
 //#region src/components/detail-layout/LayoutTabs.tsx
 function je({ config: e, ctx: n }) {
-	let { items: r } = e, [i, a] = K(0), o = j(), s = n.detailTabsPresentation ?? (o.isPhone ? "sections" : "scroll");
+	let { items: r } = e, [i, a] = K(0), o = b(), s = n.detailTabsPresentation ?? (o.isPhone ? "sections" : "scroll");
 	if (r.length === 0) return null;
 	if (s === "sections") {
 		let e = r.map((e, t) => `detail-tab-section-${t}`);
@@ -339,12 +339,12 @@ function Me({ config: e, ctx: n }) {
 		name: s,
 		size: 14
 	}) : void 0, f = c ? {
-		text: A(c.text),
+		text: m(c.text),
 		tone: c.tone,
 		dot: c.dot
 	} : void 0;
-	return /* @__PURE__ */ J(I, {
-		title: A(r),
+	return /* @__PURE__ */ J(ne, {
+		title: m(r),
 		defaultOpen: !a,
 		icon: d,
 		badge: f,
@@ -383,7 +383,7 @@ function X(e, t, n) {
 	return e ?? t ?? n;
 }
 function Pe(e) {
-	return f(e, "update") ? "inline_edit" : "readonly";
+	return v(e, "update") ? "inline_edit" : "readonly";
 }
 function Fe(e) {
 	return e.display.name_plural && Object.keys(e.display.name_plural).length > 0 ? e.display.name_plural : e.display.name;
@@ -459,7 +459,7 @@ function Ue(e, ...t) {
 	}
 }
 function We(e) {
-	let t = T(e);
+	let t = k(e);
 	return t.length > 0 ? t[0] : void 0;
 }
 function Ge(e, t) {
@@ -473,7 +473,7 @@ function Ke(e, t, n, r) {
 		...e
 	};
 	if (Array.isArray(n)) {
-		let e = Array.isArray(r) ? r.map(String) : _(String(r), n.length);
+		let e = Array.isArray(r) ? r.map(String) : o(String(r), n.length);
 		if (!e || e.length !== n.length) throw Error("invalid composite parent id");
 		for (let t = 0; t < n.length; t++) i[n[t]] = e[t];
 	} else i[n] = Array.isArray(r) ? r[0] : r;
@@ -489,26 +489,26 @@ function qe(e, t) {
 //#endregion
 //#region src/components/detail-layout/useQuickAdd.ts
 function Je(e, t, n, r) {
-	let [i, o] = K(() => {
+	let [i, a] = K(() => {
 		let t = e.quick_add, n = r.entities[e.entity], i = {};
-		if (t?.fields) for (let e of t.fields) t.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" && (i[e] = a()) : 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] = f()) : i[e] = t.defaults[e];
 		return i;
-	}), s = xe(), { mutate: c, isPending: l, error: u, reset: d } = be({
+	}), o = xe(), { mutate: c, isPending: l, error: u, reset: d } = be({
 		mutationFn: (t) => O(e.entity, t),
 		onMutate: async (r) => {
 			let i = [
-				ee,
+				F,
 				t,
-				Array.isArray(n) ? h(n.map(String)) : n,
+				Array.isArray(n) ? s(n.map(String)) : n,
 				e.entity
 			];
-			await s.cancelQueries({ queryKey: i });
-			let a = s.getQueriesData({ queryKey: i }), o = {
+			await o.cancelQueries({ queryKey: i });
+			let a = o.getQueriesData({ queryKey: i }), c = {
 				...r,
 				id: `__optimistic_${crypto.randomUUID()}`,
 				__optimistic: !0
 			};
-			return s.setQueriesData({ queryKey: i }, (e) => {
+			return o.setQueriesData({ queryKey: i }, (e) => {
 				if (!e || typeof e != "object") return e;
 				if ("pages" in e && Array.isArray(e.pages) && e.pages.length > 0) {
 					let t = e, [n, ...r] = t.pages;
@@ -516,7 +516,7 @@ function Je(e, t, n, r) {
 						...t,
 						pages: [{
 							...n,
-							data: [o, ...n.data]
+							data: [c, ...n.data]
 						}, ...r]
 					};
 				}
@@ -524,54 +524,54 @@ function Je(e, t, n, r) {
 			}), { snapshots: a };
 		},
 		onError: (e, t, n) => {
-			if (n?.snapshots) for (let [e, t] of n.snapshots) s.setQueryData(e, t);
+			if (n?.snapshots) for (let [e, t] of n.snapshots) o.setQueryData(e, t);
 		},
 		onSuccess: () => {
 			let t = e.quick_add, n = r.entities[e.entity], i = {};
-			if (t?.fields) for (let e of t.fields) t?.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" ? i[e] = a() : i[e] = "" : i[e] = t.defaults[e];
-			o(i);
+			if (t?.fields) for (let e of t.fields) t?.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" ? i[e] = f() : i[e] = "" : i[e] = t.defaults[e];
+			a(i);
 		},
 		onSettled: () => {
-			let r = Array.isArray(n) ? h(n.map(String)) : n;
-			s.invalidateQueries({ queryKey: [
-				ee,
+			let r = Array.isArray(n) ? s(n.map(String)) : n;
+			o.invalidateQueries({ queryKey: [
+				F,
 				t,
 				r,
 				e.entity
 			] });
 		}
-	}), f = e.quick_add, p = r.entities[e.entity], m = qe(i, f?.fields.filter((e) => p?.fields.get(e)?.required) ?? []);
+	}), p = e.quick_add, m = r.entities[e.entity], h = qe(i, p?.fields.filter((e) => m?.fields.get(e)?.required) ?? []);
 	function g(t) {
-		if (t.preventDefault(), !f) return;
-		let r = Ke(i, f.defaults, e.foreign_key, n);
+		if (t.preventDefault(), !p) return;
+		let r = Ke(i, p.defaults, e.foreign_key, n);
 		c(r);
 	}
 	function _(e, t) {
-		u && d(), o((n) => ({
+		u && d(), a((n) => ({
 			...n,
 			[e]: t
 		}));
 	}
 	return {
 		values: i,
-		quickAdd: f,
-		childEntity: p,
+		quickAdd: p,
+		childEntity: m,
 		isPending: l,
 		error: u,
-		isReady: m,
+		isReady: h,
 		handleSubmit: g,
 		handleFieldChange: _
 	};
 }
 //#endregion
 //#region src/components/detail-layout/QuickAddForm.tsx
-function Ye({ config: t, parentEntity: n, parentId: r, schema: a }) {
-	let { values: o, quickAdd: s, childEntity: c, isPending: l, error: u, isReady: d, handleSubmit: f, handleFieldChange: p } = Je(t, n, r, a), m = b(), h = j(), g = _e();
+function Ye({ config: t, parentEntity: n, parentId: i, schema: a }) {
+	let { values: o, quickAdd: s, childEntity: c, isPending: l, error: u, isReady: d, handleSubmit: f, handleFieldChange: m } = Je(t, n, i, a), h = r(), g = b(), _ = _e();
 	return !s || s.fields.length === 0 || !c ? null : /* @__PURE__ */ Y("form", {
 		onSubmit: f,
 		style: {
 			display: "flex",
-			flexDirection: h.isPhone ? "column" : "row",
+			flexDirection: g.isPhone ? "column" : "row",
 			alignItems: "flex-end",
 			gap: 8,
 			padding: "8px 0",
@@ -581,12 +581,12 @@ function Ye({ config: t, parentEntity: n, parentId: r, schema: a }) {
 			s.fields.map((e) => {
 				let n = c.fields.get(e);
 				if (!n) return null;
-				let r = `${g}-quick-add-${t.entity}-${e}`, i = `${r}-label`;
+				let r = `${_}-quick-add-${t.entity}-${e}`, i = `${r}-label`;
 				return /* @__PURE__ */ Y("div", {
 					style: {
 						flex: 1,
 						minWidth: 0,
-						width: h.isPhone ? "100%" : void 0
+						width: g.isPhone ? "100%" : void 0
 					},
 					children: [/* @__PURE__ */ J("label", {
 						id: i,
@@ -598,27 +598,27 @@ function Ye({ config: t, parentEntity: n, parentId: r, schema: a }) {
 							display: "block",
 							fontWeight: 500
 						},
-						children: k(n, e, a.entities)
-					}), v({
+						children: p(n, e, a.entities)
+					}), w({
 						field: n,
 						fieldName: e,
 						value: o[e] ?? "",
 						mode: "edit",
-						onChange: (t) => p(e, t),
+						onChange: (t) => m(e, t),
 						record: o,
 						fieldId: r,
 						labelId: i,
-						locale: m
+						locale: h
 					})]
 				}, e);
 			}),
-			/* @__PURE__ */ J(i, {
+			/* @__PURE__ */ J(D, {
 				type: "submit",
 				kind: "primary",
-				size: h.isPhone ? "md" : "sm",
+				size: g.isPhone ? "md" : "sm",
 				icon: /* @__PURE__ */ J(e.plus, { size: 12 }),
 				disabled: l || !d,
-				style: h.isPhone ? { alignSelf: "flex-end" } : void 0,
+				style: g.isPhone ? { alignSelf: "flex-end" } : void 0,
 				children: "Add"
 			}),
 			u != null && /* @__PURE__ */ J("span", {
@@ -639,10 +639,10 @@ function Xe(e, t, n) {
 	return `${e}::child::${t}.${n}`;
 }
 function Ze(e) {
-	return Math.min(L, Math.max(60, Math.round(e)));
+	return Math.min(le, Math.max(60, Math.round(e)));
 }
 function Qe(e) {
-	let { widths: t, setWidths: n, resetWidths: r } = ne(e), [i, a] = K({}), o = G(null);
+	let { widths: t, setWidths: n, resetWidths: r } = z(e), [i, a] = K({}), o = G(null);
 	U(() => {
 		let e = (e) => {
 			let t = o.current;
@@ -726,33 +726,33 @@ function $e({ colId: e, onMouseDown: t }) {
 //#endregion
 //#region src/components/detail-layout/ChildrenTable.tsx
 function et({ config: t, parentEntity: n, parentId: i, schema: a }) {
-	let s = a.entities[t.entity], c = Array.isArray(t.foreign_key) ? t.foreign_key.join(",") : t.foreign_key, l = Qe(Xe(n, t.entity, c)), f = b(), p = z((e) => e.degradedEntities), { data: h, isLoading: g, isError: _, isFetching: v, refetch: x } = B(n, i, t.entity, t.foreign_key, t.sort, t.limit), S = h?.data ?? [], C = h?.$refs, w = G(C);
-	w.current = C;
-	let T = t.columns, E = t.interaction === "navigate", D = T[0], O = E && s ? y(void 0, s, a.screens) : null, A = s ? We(s) : void 0, j = W(() => {
+	let o = a.entities[t.entity], s = Array.isArray(t.foreign_key) ? t.foreign_key.join(",") : t.foreign_key, u = Qe(Xe(n, t.entity, s)), f = r(), m = N((e) => e.degradedEntities), { data: h, isLoading: g, isError: v, isFetching: y, refetch: b } = L(n, i, t.entity, t.foreign_key, t.sort, t.limit), x = h?.data ?? [], S = h?.$refs, C = G(S);
+	C.current = S;
+	let w = t.columns, D = t.interaction === "navigate", O = w[0], k = D && o ? T(void 0, o, a.screens) : null, A = o ? We(o) : void 0, j = W(() => {
 		let e = /* @__PURE__ */ new Map();
-		if (!s) return e;
-		for (let t of T) {
-			let n = s.fields.get(t);
+		if (!o) return e;
+		for (let t of w) {
+			let n = o.fields.get(t);
 			n && e.set(t, d({
 				field: n,
 				fieldName: t,
 				surface: "list",
-				entity: s,
+				entity: o,
 				entities: a.entities,
 				screens: a.screens,
-				refs: () => w.current,
+				refs: () => C.current,
 				locale: f
 			}));
 		}
 		return e;
 	}, [
-		s,
-		T,
+		o,
+		w,
 		a.entities,
 		a.screens,
 		f
 	]);
-	if (!s) return /* @__PURE__ */ J("div", {
+	if (!o) return /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -765,7 +765,7 @@ function et({ config: t, parentEntity: n, parentId: i, schema: a }) {
 		parentEntity: n,
 		parentId: i,
 		schema: a
-	}), N = F(s.realtime, p, t.entity), P = /* @__PURE__ */ Y("div", {
+	}), P = ee(o.realtime, m, t.entity), F = /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -774,40 +774,40 @@ function et({ config: t, parentEntity: n, parentId: i, schema: a }) {
 			justifyContent: "flex-end"
 		},
 		children: [
-			l.hasWidths && /* @__PURE__ */ J(r, {
+			u.hasWidths && /* @__PURE__ */ J(E, {
 				icon: /* @__PURE__ */ J(e.columns, { size: 13 }),
 				title: "Reset column widths (this device)",
 				size: 24,
-				onClick: l.resetWidths
+				onClick: u.resetWidths
 			}),
-			N && /* @__PURE__ */ J("span", {
+			P && /* @__PURE__ */ J("span", {
 				"data-testid": "children-live-indicator",
 				title: "This table updates automatically in realtime.",
-				children: /* @__PURE__ */ J(u, {
+				children: /* @__PURE__ */ J(_, {
 					tone: "emerald",
 					size: "xs",
 					dot: !0,
 					children: "Live"
 				})
 			}),
-			/* @__PURE__ */ J(r, {
-				icon: v ? /* @__PURE__ */ J("span", {
+			/* @__PURE__ */ J(E, {
+				icon: y ? /* @__PURE__ */ J("span", {
 					"data-testid": "children-refresh-spinner",
 					style: { display: "inline-flex" },
-					children: /* @__PURE__ */ J(o, { size: 13 })
+					children: /* @__PURE__ */ J(l, { size: 13 })
 				}) : /* @__PURE__ */ J(e.refresh, { size: 13 }),
 				title: "Refresh",
 				size: 24,
-				disabled: v,
+				disabled: y,
 				onClick: () => {
-					x();
+					b();
 				}
 			})
 		]
 	});
-	return _ ? /* @__PURE__ */ Y("div", { children: [
+	return v ? /* @__PURE__ */ Y("div", { children: [
 		M,
-		P,
+		F,
 		/* @__PURE__ */ J("div", {
 			style: {
 				fontSize: 12.5,
@@ -818,7 +818,7 @@ function et({ config: t, parentEntity: n, parentId: i, schema: a }) {
 		})
 	] }) : g ? /* @__PURE__ */ Y("div", { children: [
 		M,
-		P,
+		F,
 		/* @__PURE__ */ J("div", {
 			style: {
 				display: "flex",
@@ -836,9 +836,9 @@ function et({ config: t, parentEntity: n, parentId: i, schema: a }) {
 				borderRadius: 4
 			} }, e))
 		})
-	] }) : S.length === 0 ? /* @__PURE__ */ Y("div", { children: [
+	] }) : x.length === 0 ? /* @__PURE__ */ Y("div", { children: [
 		M,
-		P,
+		F,
 		/* @__PURE__ */ J("div", {
 			style: {
 				fontSize: 12.5,
@@ -849,27 +849,27 @@ function et({ config: t, parentEntity: n, parentId: i, schema: a }) {
 		})
 	] }) : /* @__PURE__ */ Y("div", { children: [
 		M,
-		P,
+		F,
 		/* @__PURE__ */ J("div", {
 			style: { overflowX: "auto" },
 			children: /* @__PURE__ */ Y("table", {
 				style: de,
-				children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ J("tr", { children: T.map((e) => {
-					let t = s.fields.get(e);
+				children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ J("tr", { children: w.map((e) => {
+					let t = o.fields.get(e);
 					return /* @__PURE__ */ Y("th", {
-						style: l.headerStyle(e, ue),
-						children: [t ? k(t, e, a.entities) : e, /* @__PURE__ */ J($e, {
+						style: u.headerStyle(e, ue),
+						children: [t ? p(t, e, a.entities) : e, /* @__PURE__ */ J($e, {
 							colId: e,
-							onMouseDown: l.onHandleMouseDown
+							onMouseDown: u.onHandleMouseDown
 						})]
 					}, e);
-				}) }) }), /* @__PURE__ */ J("tbody", { children: S.map((e, t) => {
-					let n = A ? m(e[A]) : "", r = E && O && n ? O.replace(/:\w+/, n) : void 0;
-					return /* @__PURE__ */ J("tr", { children: T.map((t) => {
-						let n = t === D, i = j.get(t), a = i ? i(e[t], e) : m(e[t]);
+				}) }) }), /* @__PURE__ */ J("tbody", { children: x.map((e, t) => {
+					let n = A ? c(e[A]) : "", r = D && k && n ? k.replace(/:\w+/, n) : void 0;
+					return /* @__PURE__ */ J("tr", { children: w.map((t) => {
+						let n = t === O, i = j.get(t), a = i ? i(e[t], e) : c(e[t]);
 						return /* @__PURE__ */ J("td", {
 							title: typeof a == "string" ? a : void 0,
-							style: l.cellStyle(t, fe),
+							style: u.cellStyle(t, fe),
 							children: n && r ? /* @__PURE__ */ J("a", {
 								href: r,
 								style: {
@@ -882,7 +882,7 @@ function et({ config: t, parentEntity: n, parentId: i, schema: a }) {
 								children: a
 							}) : a
 						}, t);
-					}) }, m(e.id ?? t));
+					}) }, c(e.id ?? t));
 				}) })]
 			})
 		})
@@ -890,9 +890,9 @@ function et({ config: t, parentEntity: n, parentId: i, schema: a }) {
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenList.tsx
-function tt({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let i = r.entities[e.entity], a = b(), { data: o, isLoading: s, isError: c } = B(t, n, e.entity, e.foreign_key, e.sort, e.limit), l = o?.data ?? [], u = o?.$refs, d = e.columns;
-	if (!i) return /* @__PURE__ */ J("div", {
+function tt({ config: e, parentEntity: t, parentId: n, schema: i }) {
+	let a = i.entities[e.entity], o = r(), { data: s, isLoading: l, isError: u } = L(t, n, e.entity, e.foreign_key, e.sort, e.limit), d = s?.data ?? [], f = s?.$refs, p = e.columns;
+	if (!a) return /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -900,13 +900,13 @@ function tt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "Entity not found."
 	});
-	let f = /* @__PURE__ */ J(Ye, {
+	let m = /* @__PURE__ */ J(Ye, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
-		schema: r
+		schema: i
 	});
-	if (c) return /* @__PURE__ */ Y("div", { children: [f, /* @__PURE__ */ J("div", {
+	if (u) return /* @__PURE__ */ Y("div", { children: [m, /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
@@ -914,7 +914,7 @@ function tt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "Failed to load. Try again."
 	})] });
-	if (s) return /* @__PURE__ */ Y("div", { children: [f, /* @__PURE__ */ Y("div", {
+	if (l) return /* @__PURE__ */ Y("div", { children: [m, /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -940,7 +940,7 @@ function tt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			} })
 		]
 	})] });
-	if (l.length === 0) return /* @__PURE__ */ Y("div", { children: [f, /* @__PURE__ */ J("div", {
+	if (d.length === 0) return /* @__PURE__ */ Y("div", { children: [m, /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -948,13 +948,13 @@ function tt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "No records yet."
 	})] });
-	let p = d.length > 0 ? i.display.display_field ?? d[0] : i.display.display_field;
-	return /* @__PURE__ */ Y("div", { children: [f, /* @__PURE__ */ J("div", {
+	let h = p.length > 0 ? a.display.display_field ?? p[0] : a.display.display_field;
+	return /* @__PURE__ */ Y("div", { children: [m, /* @__PURE__ */ J("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column"
 		},
-		children: l.map((e, t) => /* @__PURE__ */ J("div", {
+		children: d.map((e, t) => /* @__PURE__ */ J("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
@@ -974,17 +974,17 @@ function tt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 						textOverflow: "ellipsis",
 						whiteSpace: "nowrap"
 					},
-					children: (typeof e.$display == "string" ? e[g] : "") || (p && i.fields.get(p) ? v({
-						field: i.fields.get(p),
-						fieldName: p,
-						value: e[p],
+					children: (typeof e.$display == "string" ? e[S] : "") || (h && a.fields.get(h) ? w({
+						field: a.fields.get(h),
+						fieldName: h,
+						value: e[h],
 						mode: "display",
 						record: e,
-						refs: u,
-						locale: a
-					}) : p && e[p] != null ? m(e[p]) : null)
-				}), d.length > 1 && (() => {
-					let t = d.slice(1, 3).filter((t) => e[t] != null);
+						refs: f,
+						locale: o
+					}) : h && e[h] != null ? c(e[h]) : null)
+				}), p.length > 1 && (() => {
+					let t = p.slice(1, 3).filter((t) => e[t] != null);
 					return t.length === 0 ? null : /* @__PURE__ */ J("div", {
 						style: {
 							fontSize: 11.5,
@@ -993,26 +993,26 @@ function tt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 							textOverflow: "ellipsis",
 							whiteSpace: "nowrap"
 						},
-						children: t.map((t, n) => /* @__PURE__ */ Y("span", { children: [n > 0 && " · ", i.fields.get(t) ? v({
-							field: i.fields.get(t),
+						children: t.map((t, n) => /* @__PURE__ */ Y("span", { children: [n > 0 && " · ", a.fields.get(t) ? w({
+							field: a.fields.get(t),
 							fieldName: t,
 							value: e[t],
 							mode: "display",
 							record: e,
-							refs: u,
-							locale: a
+							refs: f,
+							locale: o
 						}) : String(e[t])] }, t))
 					});
 				})()]
 			})
-		}, m(e.id ?? t)))
+		}, c(e.id ?? t)))
 	})] });
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenCards.tsx
-function nt({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let i = r.entities[e.entity], a = b(), { data: o, isLoading: s, isError: c } = B(t, n, e.entity, e.foreign_key, e.sort, e.limit), l = o?.data ?? [], d = o?.$refs, f = e.columns, p = e.cards, h = p?.header_field ?? f[0], g = p?.badge_field, _ = p?.columns_count ?? 3;
-	if (!i) return /* @__PURE__ */ J("div", {
+function nt({ config: e, parentEntity: t, parentId: n, schema: i }) {
+	let a = i.entities[e.entity], o = r(), { data: s, isLoading: l, isError: u } = L(t, n, e.entity, e.foreign_key, e.sort, e.limit), d = s?.data ?? [], f = s?.$refs, p = e.columns, m = e.cards, h = m?.header_field ?? p[0], g = m?.badge_field, v = m?.columns_count ?? 3;
+	if (!a) return /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1022,15 +1022,15 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 	});
 	let y = {
 		display: "grid",
-		gridTemplateColumns: `repeat(auto-fill, minmax(${_ >= 4 ? 180 : 240}px, 1fr))`,
+		gridTemplateColumns: `repeat(auto-fill, minmax(${v >= 4 ? 180 : 240}px, 1fr))`,
 		gap: 12
-	}, x = /* @__PURE__ */ J(Ye, {
+	}, b = /* @__PURE__ */ J(Ye, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
-		schema: r
+		schema: i
 	});
-	if (c) return /* @__PURE__ */ Y("div", { children: [x, /* @__PURE__ */ J("div", {
+	if (u) return /* @__PURE__ */ Y("div", { children: [b, /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
@@ -1038,7 +1038,7 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "Failed to load. Try again."
 	})] });
-	if (s) return /* @__PURE__ */ Y("div", { children: [x, /* @__PURE__ */ J("div", {
+	if (l) return /* @__PURE__ */ Y("div", { children: [b, /* @__PURE__ */ J("div", {
 		style: y,
 		children: [
 			0,
@@ -1050,7 +1050,7 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			borderRadius: 10
 		} }, e))
 	})] });
-	if (l.length === 0) return /* @__PURE__ */ Y("div", { children: [x, /* @__PURE__ */ J("div", {
+	if (d.length === 0) return /* @__PURE__ */ Y("div", { children: [b, /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1058,10 +1058,10 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "No records yet."
 	})] });
-	let S = f.filter((e) => e !== h && e !== g);
-	return /* @__PURE__ */ Y("div", { children: [x, /* @__PURE__ */ J("div", {
+	let x = p.filter((e) => e !== h && e !== g);
+	return /* @__PURE__ */ Y("div", { children: [b, /* @__PURE__ */ J("div", {
 		style: y,
-		children: l.map((t, n) => /* @__PURE__ */ Y("div", {
+		children: d.map((t, n) => /* @__PURE__ */ Y("div", {
 			style: {
 				background: "var(--surface)",
 				border: "1px solid var(--border)",
@@ -1075,7 +1075,7 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					alignItems: "center",
 					justifyContent: "space-between",
 					gap: 8,
-					borderBottom: S.length > 0 ? "1px solid var(--divider)" : "none"
+					borderBottom: x.length > 0 ? "1px solid var(--divider)" : "none"
 				},
 				children: [/* @__PURE__ */ J("div", {
 					style: {
@@ -1085,38 +1085,38 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 						textOverflow: "ellipsis",
 						whiteSpace: "nowrap"
 					},
-					children: h && i.fields.get(h) ? v({
-						field: i.fields.get(h),
+					children: h && a.fields.get(h) ? w({
+						field: a.fields.get(h),
 						fieldName: h,
 						value: t[h],
 						mode: "display",
 						record: t,
-						refs: d,
-						locale: a
+						refs: f,
+						locale: o
 					}) : `Record ${n + 1}`
-				}), g && t[g] != null && /* @__PURE__ */ J(u, {
+				}), g && t[g] != null && /* @__PURE__ */ J(_, {
 					tone: "slate",
 					size: "xs",
-					children: i.fields.get(g) ? v({
-						field: i.fields.get(g),
+					children: a.fields.get(g) ? w({
+						field: a.fields.get(g),
 						fieldName: g,
 						value: t[g],
 						mode: "display",
 						record: t,
-						refs: d,
-						locale: a
-					}) : m(t[g])
+						refs: f,
+						locale: o
+					}) : c(t[g])
 				})]
-			}), S.length > 0 && /* @__PURE__ */ J("div", {
+			}), x.length > 0 && /* @__PURE__ */ J("div", {
 				style: {
 					padding: "10px 14px",
 					display: "flex",
 					flexDirection: "column",
 					gap: 4
 				},
-				children: S.slice(0, 4).map((n) => {
-					let o = i.fields.get(n);
-					return o ? /* @__PURE__ */ Y("div", {
+				children: x.slice(0, 4).map((n) => {
+					let r = a.fields.get(n);
+					return r ? /* @__PURE__ */ Y("div", {
 						style: {
 							display: "flex",
 							alignItems: "baseline",
@@ -1128,100 +1128,100 @@ function nt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 								color: "var(--text-3)",
 								flexShrink: 0
 							},
-							children: [r.entities[e.entity]?.fields.get(n)?.display?.name ? Object.values(r.entities[e.entity].fields.get(n).display.name)[0] : n, ":"]
+							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", {
 							style: {
 								overflow: "hidden",
 								textOverflow: "ellipsis",
 								whiteSpace: "nowrap"
 							},
-							children: v({
-								field: o,
+							children: w({
+								field: r,
 								fieldName: n,
 								value: t[n],
 								mode: "display",
 								record: t,
-								refs: d,
-								locale: a
+								refs: f,
+								locale: o
 							})
 						})]
 					}, n) : null;
 				})
 			})]
-		}, m(t.id ?? n)))
+		}, c(t.id ?? n)))
 	})] });
 }
 //#endregion
 //#region src/hooks/useTimelineData.ts
 var rt = 50;
 function it(e, t, n, r, i, a) {
-	let o = Array.isArray(r) ? r : [r], s = Array.isArray(r) ? _(t, o.length) : [t], c = a ?? rt, l = ye({
+	let s = Array.isArray(r) ? r : [r], c = Array.isArray(r) ? o(t, s.length) : [t], l = a ?? rt, d = ye({
 		queryKey: [
-			ee,
+			F,
 			e,
 			t,
 			n,
 			"timeline",
 			i,
-			c
+			l
 		],
 		queryFn: ({ pageParam: e }) => {
 			let t = new URLSearchParams();
-			if (!s) throw Error("invalid composite parent id");
-			let r = o.map((e, t) => ({
+			if (!c) throw Error("invalid composite parent id");
+			let r = s.map((e, t) => ({
 				field: e,
 				op: "eq",
-				value: s[t]
+				value: c[t]
 			}));
-			return t.set("filters", JSON.stringify(r)), t.set("preview", "true"), i ? t.set("sort", `${i}:desc`) : typeof console < "u" && console.warn(`[useTimelineData] no time_field for ${n}; fetch order falls back to API default`), t.set("limit", String(c)), e && t.set("after", e), w(`/api/data/${n}?${t.toString()}`);
+			return t.set("filters", JSON.stringify(r)), t.set("preview", "true"), i ? t.set("sort", `${i}:desc`) : typeof console < "u" && console.warn(`[useTimelineData] no time_field for ${n}; fetch order falls back to API default`), t.set("limit", String(l)), e && t.set("after", e), u(`/api/data/${n}?${t.toString()}`);
 		},
 		getNextPageParam: (e) => e.meta?.has_more ? e.meta.cursor : void 0,
 		initialPageParam: void 0,
-		enabled: !!e && !!t && !!n && !!r && s !== null
+		enabled: !!e && !!t && !!n && !!r && c !== null
 	});
 	return {
-		rows: W(() => l.data?.pages.flatMap((e) => e.data) ?? [], [l.data?.pages]),
-		refs: l.data?.pages[0]?.$refs,
-		fetchNextPage: l.fetchNextPage,
-		hasOlder: !!l.hasNextPage,
-		isFetchingOlder: l.isFetchingNextPage,
-		isLoading: l.isLoading,
-		isError: l.isError
+		rows: W(() => d.data?.pages.flatMap((e) => e.data) ?? [], [d.data?.pages]),
+		refs: d.data?.pages[0]?.$refs,
+		fetchNextPage: d.fetchNextPage,
+		hasOlder: !!d.hasNextPage,
+		isFetchingOlder: d.isFetchingNextPage,
+		isLoading: d.isLoading,
+		isError: d.isError
 	};
 }
 //#endregion
 //#region src/components/detail-layout/TimelineComposer.tsx
 var at = "quick_entry", ot = 100, st = 240, ct = 800, lt = 80;
-function ut({ config: t, parentEntity: n, parentId: r, schema: a }) {
-	let { values: o, quickAdd: s, childEntity: c, isPending: l, error: u, isReady: d, handleSubmit: f, handleFieldChange: p } = Je(t, n, r, a), m = b(), [h, g] = K(st), _ = G(null), y = G(null), [x, S] = K(ct);
+function ut({ 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 } = Je(t, n, i, a), m = r(), [h, g] = K(st), _ = G(null), v = G(null), [y, b] = K(ct);
 	U(() => {
-		let e = y.current?.parentElement;
+		let e = v.current?.parentElement;
 		if (!e) return;
 		let t = () => {
 			let t = Math.max(ot, e.clientHeight - lt);
-			S(Math.min(ct, t));
+			b(Math.min(ct, t));
 		};
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
 	}, []), U(() => {
-		g((e) => Math.min(e, x));
-	}, [x]);
-	let C = G(o);
-	C.current = o;
-	let w = G(p);
-	w.current = p;
-	let T = G({}), D = W(() => ({
-		getField: (e) => C.current[e],
+		g((e) => Math.min(e, y));
+	}, [y]);
+	let S = G(o);
+	S.current = o;
+	let C = G(p);
+	C.current = p;
+	let T = G({}), E = W(() => ({
+		getField: (e) => S.current[e],
 		setField: (e, t) => {
-			w.current(e, t);
+			C.current(e, t);
 		},
 		focusField: (e) => {
 			let t = T.current[e];
 			t && (t.querySelector("textarea, input, select, [contenteditable]") ?? t).focus();
 		}
 	}), []);
-	U(() => E(at, D), [D]);
+	U(() => x(at, E), [E]);
 	let O = H((e) => {
 		e.preventDefault(), _.current = {
 			startY: e.clientY,
@@ -1229,13 +1229,13 @@ function ut({ config: t, parentEntity: n, parentId: r, schema: a }) {
 		};
 		let t = (e) => {
 			if (!_.current) return;
-			let t = _.current.startY - e.clientY, n = Math.min(x, Math.max(ot, _.current.startHeight + t));
+			let t = _.current.startY - e.clientY, n = Math.min(y, Math.max(ot, _.current.startHeight + t));
 			g(n);
 		}, n = () => {
 			_.current = null, document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
 		};
 		document.addEventListener("mousemove", t), document.addEventListener("mouseup", n);
-	}, [h, x]);
+	}, [h, y]);
 	if (!s || s.fields.length === 0 || !c) return null;
 	let k = s.fields.find((e) => {
 		let t = c.fields.get(e);
@@ -1252,7 +1252,7 @@ function ut({ config: t, parentEntity: n, parentId: r, schema: a }) {
 			ref: (t) => {
 				T.current[e] = t;
 			},
-			children: v({
+			children: w({
 				field: t,
 				fieldName: e,
 				value: o[e] ?? "",
@@ -1264,7 +1264,7 @@ function ut({ config: t, parentEntity: n, parentId: r, schema: a }) {
 		}, e) : null;
 	};
 	return /* @__PURE__ */ Y("div", {
-		ref: y,
+		ref: v,
 		style: {
 			flexShrink: 0,
 			borderTop: "1px solid var(--divider)",
@@ -1323,7 +1323,7 @@ function ut({ config: t, parentEntity: n, parentId: r, schema: a }) {
 					ref: (e) => {
 						T.current[k] = e;
 					},
-					children: v({
+					children: w({
 						field: c.fields.get(k),
 						fieldName: k,
 						value: o[k] ?? "",
@@ -1365,7 +1365,7 @@ function ut({ config: t, parentEntity: n, parentId: r, schema: a }) {
 								}),
 								" to add"
 							]
-						}), /* @__PURE__ */ J(i, {
+						}), /* @__PURE__ */ J(D, {
 							type: "submit",
 							kind: "primary",
 							icon: /* @__PURE__ */ J(e.plus, { size: 13 }),
@@ -1393,29 +1393,29 @@ var dt = 80, ft = 200;
 function pt(e, t) {
 	if (mt(t)) {
 		let e = t.id;
-		return e == null ? "" : m(e);
+		return e == null ? "" : c(e);
 	}
-	return p(D(e, t));
+	return y(A(e, t));
 }
 function mt(e) {
 	return e.__optimistic === !0;
 }
 function ht({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let a = r.entities[e.entity], { rows: s, refs: c, fetchNextPage: l, hasOlder: u, isFetchingOlder: d, isLoading: f, isError: p } = it(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"), _ = W(() => g ? [...s].reverse() : s, [s, g]), v = m?.auto_scroll ?? "none", y = G(null), b = G(null), x = G(!1), S = G(0), C = G(null), w = G(null), T = G(!0), E = G(null);
+	let i = r.entities[e.entity], { rows: a, refs: o, fetchNextPage: s, hasOlder: c, isFetchingOlder: u, isLoading: d, isError: f } = it(t, n, e.entity, e.foreign_key, e.timeline?.time_field, e.limit), p = e.timeline, h = p?.scroll ?? !1, g = (e.sort ?? "").endsWith(":asc"), _ = W(() => g ? [...a].reverse() : a, [a, g]), v = p?.auto_scroll ?? "none", y = G(null), b = G(null), x = G(!1), S = G(0), C = G(null), w = G(null), T = G(!0), E = G(null);
 	U(() => {
 		x.current = !1, S.current = 0, C.current = null, w.current = null, T.current = !0, E.current = null;
 	}, [n]), ve(() => {
-		!d || !y.current || (E.current = {
+		!u || !y.current || (E.current = {
 			scrollHeight: y.current.scrollHeight,
 			scrollTop: y.current.scrollTop
 		});
-	}, [d]), ve(() => {
+	}, [u]), ve(() => {
 		let e = y.current;
-		if (!e || _.length === 0 || !a) {
+		if (!e || _.length === 0 || !i) {
 			S.current = _.length;
 			return;
 		}
-		let t = pt(a, _[0]), n = pt(a, _[_.length - 1]), r = !x.current, i = _.length > S.current && S.current > 0, o = i && (g && t !== C.current && n === w.current || !g && n !== w.current && t === C.current), s = i && !o;
+		let t = pt(i, _[0]), n = pt(i, _[_.length - 1]), r = !x.current, a = _.length > S.current && S.current > 0, o = a && (g && t !== C.current && n === w.current || !g && n !== w.current && t === C.current), s = a && !o;
 		if (r) g && v === "bottom" && (e.scrollTop = e.scrollHeight), x.current = !0;
 		else if (o && E.current) {
 			let t = E.current;
@@ -1426,9 +1426,9 @@ function ht({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		_,
 		v,
 		g,
-		a
+		i
 	]);
-	let D = H(() => {
+	let O = H(() => {
 		let e = y.current;
 		e && (T.current = e.scrollHeight - e.scrollTop - e.clientHeight < dt);
 	}, []);
@@ -1436,7 +1436,7 @@ function ht({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		let e = b.current;
 		if (!e || typeof IntersectionObserver > "u") return;
 		let t = new IntersectionObserver((e) => {
-			for (let t of e) t.isIntersecting && u && !d && l();
+			for (let t of e) t.isIntersecting && c && !u && s();
 		}, {
 			root: y.current ?? null,
 			rootMargin: `${ft}px 0px 0px 0px`,
@@ -1444,12 +1444,12 @@ function ht({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [
+		c,
 		u,
-		d,
-		l
+		s
 	]);
-	let [O, k] = K(null);
-	if (!a) return /* @__PURE__ */ J("div", {
+	let [k, A] = K(null);
+	if (!i) return /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1457,25 +1457,25 @@ function ht({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "Entity not found."
 	});
-	let j = e.quick_add?.fields ?? [m?.content_field].filter(Boolean), M = A(a.display?.name_plural) || A(a.display?.name) || e.entity, N = u ? /* @__PURE__ */ J("div", {
+	let j = e.quick_add?.fields ?? [p?.content_field].filter(Boolean), M = m(i.display?.name_plural) || m(i.display?.name) || e.entity, ee = c ? /* @__PURE__ */ J("div", {
 		style: {
 			display: "flex",
 			justifyContent: "center",
 			padding: "6px 0"
 		},
-		children: /* @__PURE__ */ J(i, {
+		children: /* @__PURE__ */ J(D, {
 			size: "xs",
-			onClick: () => l(),
-			disabled: d,
-			icon: d ? /* @__PURE__ */ J(o, { size: 11 }) : void 0,
-			children: d ? "Loading…" : "Load older"
+			onClick: () => s(),
+			disabled: u,
+			icon: u ? /* @__PURE__ */ J(l, { size: 11 }) : void 0,
+			children: u ? "Loading…" : "Load older"
 		})
-	}) : null, P = /* @__PURE__ */ J("div", {
+	}) : null, N = /* @__PURE__ */ J("div", {
 		ref: b,
 		"aria-hidden": "true",
 		style: { height: 1 }
-	}), F;
-	if (p) F = /* @__PURE__ */ J("div", {
+	}), P;
+	if (f) P = /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
@@ -1483,7 +1483,7 @@ function ht({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "Failed to load."
 	});
-	else if (f) F = /* @__PURE__ */ Y("div", {
+	else if (d) P = /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -1500,7 +1500,7 @@ function ht({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			borderRadius: 8
 		} })]
 	});
-	else if (_.length === 0) F = /* @__PURE__ */ Y(q, { children: [P, /* @__PURE__ */ J("div", {
+	else if (_.length === 0) P = /* @__PURE__ */ Y(q, { children: [N, /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1509,30 +1509,30 @@ function ht({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		children: "No activity yet."
 	})] });
 	else {
-		let i = (i, o) => {
-			let s = pt(a, i) || String(o);
+		let a = (a, s) => {
+			let c = pt(i, a) || String(s);
 			return /* @__PURE__ */ J(gt, {
-				row: i,
-				rowId: s,
-				childEntity: a,
+				row: a,
+				rowId: c,
+				childEntity: i,
 				entityCode: e.entity,
 				parentEntity: t,
 				parentId: n,
-				timeline: m,
+				timeline: p,
 				editableFields: j,
-				refs: c,
-				isEditing: O === s,
-				onStartEdit: () => k(s),
-				onCancelEdit: () => k(null),
-				onSaved: () => k(null),
+				refs: o,
+				isEditing: k === c,
+				onStartEdit: () => A(c),
+				onCancelEdit: () => A(null),
+				onSaved: () => A(null),
 				schema: r,
-				optimistic: mt(i)
-			}, s);
-		}, o = m?.time_field, s;
-		if (o) {
+				optimistic: mt(a)
+			}, c);
+		}, s = p?.time_field, c;
+		if (s) {
 			let e = [];
 			_.forEach((t, n) => {
-				let r = t[o], i = _t(r), a = e[e.length - 1];
+				let r = t[s], i = _t(r), a = e[e.length - 1];
 				!a || a.key !== i ? e.push({
 					key: i,
 					label: vt(r),
@@ -1544,7 +1544,7 @@ function ht({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					row: t,
 					idx: n
 				});
-			}), s = e.map((e) => /* @__PURE__ */ Y("div", {
+			}), c = e.map((e) => /* @__PURE__ */ Y("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
@@ -1553,13 +1553,13 @@ function ht({ config: e, parentEntity: t, parentId: n, schema: r }) {
 				children: [/* @__PURE__ */ J(yt, {
 					label: e.label,
 					count: e.rows.length
-				}), e.rows.map(({ row: e, idx: t }) => i(e, t))]
+				}), e.rows.map(({ row: e, idx: t }) => a(e, t))]
 			}, `day-${e.key}`));
-		} else s = _.map((e, t) => i(e, t));
-		F = /* @__PURE__ */ Y(q, { children: [
-			P,
+		} else c = _.map((e, t) => a(e, t));
+		P = /* @__PURE__ */ Y(q, { children: [
 			N,
-			s
+			ee,
+			c
 		] });
 	}
 	return h ? /* @__PURE__ */ Y("div", {
@@ -1589,7 +1589,7 @@ function ht({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			}),
 			/* @__PURE__ */ J("div", {
 				ref: y,
-				onScroll: D,
+				onScroll: O,
 				style: {
 					flex: 1,
 					overflowY: "auto",
@@ -1598,7 +1598,7 @@ function ht({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					flexDirection: "column",
 					gap: 8
 				},
-				children: F
+				children: P
 			}),
 			/* @__PURE__ */ J(ut, {
 				config: e,
@@ -1613,7 +1613,7 @@ function ht({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			flexDirection: "column",
 			gap: 8
 		},
-		children: F
+		children: P
 	}), /* @__PURE__ */ J(ut, {
 		config: e,
 		parentEntity: t,
@@ -1621,52 +1621,52 @@ function ht({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		schema: r
 	})] });
 }
-function gt({ row: t, rowId: n, childEntity: a, entityCode: s, parentEntity: c, parentId: d, timeline: f, editableFields: p, refs: m, isEditing: h, onStartEdit: g, onCancelEdit: _, onSaved: y, schema: x, optimistic: w = !1 }) {
-	let T = xe(), E = b(), [D, O] = K({}), A = H(() => {
-		T.invalidateQueries({ queryKey: [
-			ee,
+function gt({ row: t, rowId: n, childEntity: i, entityCode: o, parentEntity: s, parentId: c, timeline: u, editableFields: d, refs: f, isEditing: m, onStartEdit: h, onCancelEdit: g, onSaved: v, schema: y, optimistic: b = !1 }) {
+	let x = xe(), S = r(), [T, O] = K({}), k = H(() => {
+		x.invalidateQueries({ queryKey: [
+			F,
+			s,
 			c,
-			d,
-			s
+			o
 		] });
 	}, [
-		T,
+		x,
+		s,
 		c,
-		d,
-		s
-	]), j = be({
+		o
+	]), A = be({
 		mutationFn: (e) => {
 			let r = t.$row_version;
-			return S(s, n, typeof r == "string" && r !== "" ? {
+			return a(o, n, typeof r == "string" && r !== "" ? {
 				...e,
 				$row_version: r
 			} : e);
 		},
 		onSuccess: () => {
-			A(), l.success("Updated"), y();
+			k(), C.success("Updated"), v();
 		},
-		onError: (e) => l.error(e.message)
+		onError: (e) => C.error(e.message)
 	}), M = be({
-		mutationFn: () => C(s, n),
+		mutationFn: () => j(o, n),
 		onSuccess: () => {
-			A(), l.success("Deleted");
+			k(), C.success("Deleted");
 		},
-		onError: (e) => l.error(e.message)
-	}), N = H(() => {
+		onError: (e) => C.error(e.message)
+	}), ee = H(() => {
 		let e = {};
-		for (let n of p) e[n] = t[n] ?? "";
-		O(e), g();
+		for (let n of d) e[n] = t[n] ?? "";
+		O(e), h();
 	}, [
 		t,
-		p,
-		g
-	]), P = H((e, t) => {
+		d,
+		h
+	]), N = H((e, t) => {
 		O((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), F = f?.time_field, I = f?.type_field, L = f?.summary_field, R = f?.content_field, z = f?.author_field, B = f?.direction_field, V = f?.intent_field;
-	return h ? /* @__PURE__ */ Y("div", {
+	}, []), P = u?.time_field, I = u?.type_field, L = u?.summary_field, R = u?.content_field, z = u?.author_field, B = u?.direction_field, V = u?.intent_field;
+	return m ? /* @__PURE__ */ Y("div", {
 		style: {
 			borderRadius: 10,
 			border: "1px solid var(--accent)",
@@ -1676,8 +1676,8 @@ function gt({ row: t, rowId: n, childEntity: a, entityCode: s, parentEntity: c,
 			flexDirection: "column",
 			gap: 8
 		},
-		children: [p.map((e) => {
-			let t = a.fields.get(e);
+		children: [d.map((e) => {
+			let t = i.fields.get(e);
 			return t ? /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 				style: {
 					fontSize: 11,
@@ -1685,15 +1685,15 @@ function gt({ row: t, rowId: n, childEntity: a, entityCode: s, parentEntity: c,
 					marginBottom: 4,
 					display: "block"
 				},
-				children: k(t, e, x.entities)
-			}), v({
+				children: p(t, e, y.entities)
+			}), w({
 				field: t,
 				fieldName: e,
-				value: D[e] ?? "",
+				value: T[e] ?? "",
 				mode: "edit",
-				onChange: (t) => P(e, t),
-				record: D,
-				locale: E
+				onChange: (t) => N(e, t),
+				record: T,
+				locale: S
 			})] }, e) : null;
 		}), /* @__PURE__ */ Y("div", {
 			style: {
@@ -1702,33 +1702,33 @@ function gt({ row: t, rowId: n, childEntity: a, entityCode: s, parentEntity: c,
 				gap: 6,
 				paddingTop: 4
 			},
-			children: [/* @__PURE__ */ J(i, {
+			children: [/* @__PURE__ */ J(D, {
 				kind: "primary",
 				size: "xs",
-				icon: j.isPending ? /* @__PURE__ */ J(o, { size: 12 }) : /* @__PURE__ */ J(e.check, { size: 12 }),
-				onClick: () => j.mutate(D),
-				disabled: j.isPending,
-				children: j.isPending ? "Saving…" : "Save"
-			}), /* @__PURE__ */ J(i, {
+				icon: A.isPending ? /* @__PURE__ */ J(l, { size: 12 }) : /* @__PURE__ */ J(e.check, { size: 12 }),
+				onClick: () => A.mutate(T),
+				disabled: A.isPending,
+				children: A.isPending ? "Saving…" : "Save"
+			}), /* @__PURE__ */ J(D, {
 				size: "xs",
 				icon: /* @__PURE__ */ J(e.x, { size: 12 }),
 				onClick: () => {
-					O({}), _();
+					O({}), g();
 				},
-				disabled: j.isPending,
+				disabled: A.isPending,
 				children: "Cancel"
 			})]
 		})]
 	}) : /* @__PURE__ */ Y("div", {
 		className: "group",
-		"data-optimistic": w || void 0,
+		"data-optimistic": b || void 0,
 		style: {
 			borderRadius: 10,
 			border: "1px solid var(--border)",
 			background: "var(--surface)",
 			padding: 12,
 			transition: "border-color .12s",
-			opacity: w ? .6 : 1
+			opacity: b ? .6 : 1
 		},
 		onMouseEnter: (e) => e.currentTarget.style.borderColor = "var(--border-strong)",
 		onMouseLeave: (e) => e.currentTarget.style.borderColor = "var(--border)",
@@ -1743,74 +1743,74 @@ function gt({ row: t, rowId: n, childEntity: a, entityCode: s, parentEntity: c,
 					color: "var(--text-3)"
 				},
 				children: [
-					F && t[F] != null && a.fields.get(F) && /* @__PURE__ */ J("span", {
+					P && t[P] != null && i.fields.get(P) && /* @__PURE__ */ J("span", {
 						style: { fontWeight: 500 },
-						children: v({
-							field: a.fields.get(F),
-							fieldName: F,
-							value: t[F],
+						children: w({
+							field: i.fields.get(P),
+							fieldName: P,
+							value: t[P],
 							mode: "display",
 							record: t,
-							refs: m,
-							locale: E
+							refs: f,
+							locale: S
 						})
 					}),
-					I && t[I] != null && a.fields.get(I) && /* @__PURE__ */ J(u, {
+					I && t[I] != null && i.fields.get(I) && /* @__PURE__ */ J(_, {
 						tone: "slate",
 						size: "xs",
-						children: v({
-							field: a.fields.get(I),
+						children: w({
+							field: i.fields.get(I),
 							fieldName: I,
 							value: t[I],
 							mode: "display",
 							record: t,
-							refs: m,
-							locale: E
+							refs: f,
+							locale: S
 						})
 					}),
-					B && t[B] != null && a.fields.get(B) && /* @__PURE__ */ J(bt, {
+					B && t[B] != null && i.fields.get(B) && /* @__PURE__ */ J(bt, {
 						value: t[B],
-						field: a.fields.get(B)
+						field: i.fields.get(B)
 					}),
-					V && t[V] != null && a.fields.get(V) && /* @__PURE__ */ J(u, {
+					V && t[V] != null && i.fields.get(V) && /* @__PURE__ */ J(_, {
 						tone: "slate",
 						size: "xs",
-						children: v({
-							field: a.fields.get(V),
+						children: w({
+							field: i.fields.get(V),
 							fieldName: V,
 							value: t[V],
 							mode: "display",
 							record: t,
-							refs: m,
-							locale: E
+							refs: f,
+							locale: S
 						})
 					}),
-					z && t[z] != null && a.fields.get(z) && /* @__PURE__ */ Y("span", { children: [
+					z && t[z] != null && i.fields.get(z) && /* @__PURE__ */ Y("span", { children: [
 						"by",
 						" ",
-						v({
-							field: a.fields.get(z),
+						w({
+							field: i.fields.get(z),
 							fieldName: z,
 							value: t[z],
 							mode: "display",
 							record: t,
-							refs: m,
-							locale: E
+							refs: f,
+							locale: S
 						})
 					] }),
-					!w && /* @__PURE__ */ Y("div", {
+					!b && /* @__PURE__ */ Y("div", {
 						style: {
 							marginLeft: "auto",
 							display: "flex",
 							alignItems: "center",
 							gap: 2
 						},
-						children: [/* @__PURE__ */ J(r, {
+						children: [/* @__PURE__ */ J(E, {
 							size: 22,
 							icon: /* @__PURE__ */ J(e.edit, { size: 11 }),
-							onClick: N,
+							onClick: ee,
 							title: "Edit"
-						}), /* @__PURE__ */ J(r, {
+						}), /* @__PURE__ */ J(E, {
 							size: 22,
 							icon: /* @__PURE__ */ J(e.trash, { size: 11 }),
 							onClick: () => M.mutate(),
@@ -1819,36 +1819,36 @@ function gt({ row: t, rowId: n, childEntity: a, entityCode: s, parentEntity: c,
 					})
 				]
 			}),
-			L && t[L] != null && a.fields.get(L) && /* @__PURE__ */ J("div", {
+			L && t[L] != null && i.fields.get(L) && /* @__PURE__ */ J("div", {
 				style: {
 					fontSize: 12.5,
 					fontWeight: 500,
 					marginTop: 6
 				},
-				children: v({
-					field: a.fields.get(L),
+				children: w({
+					field: i.fields.get(L),
 					fieldName: L,
 					value: t[L],
 					mode: "display",
 					record: t,
-					refs: m,
-					locale: E
+					refs: f,
+					locale: S
 				})
 			}),
-			R && t[R] != null && R !== L && a.fields.get(R) && /* @__PURE__ */ J("div", {
+			R && t[R] != null && R !== L && i.fields.get(R) && /* @__PURE__ */ J("div", {
 				style: {
 					fontSize: 12.5,
 					fontWeight: 400,
 					marginTop: 6
 				},
-				children: v({
-					field: a.fields.get(R),
+				children: w({
+					field: i.fields.get(R),
 					fieldName: R,
 					value: t[R],
 					mode: "display",
 					record: t,
-					refs: m,
-					locale: E
+					refs: f,
+					locale: S
 				})
 			})
 		]
@@ -1856,12 +1856,12 @@ function gt({ row: t, rowId: n, childEntity: a, entityCode: s, parentEntity: c,
 }
 function _t(e) {
 	if (e == null) return "";
-	let t = new Date(m(e));
+	let t = new Date(c(e));
 	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`;
 }
 function vt(e) {
 	if (e == null) return "—";
-	let t = new Date(m(e));
+	let t = new Date(c(e));
 	if (Number.isNaN(t.getTime())) return "—";
 	let n = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
 	r.setDate(n.getDate() - 1);
@@ -1937,68 +1937,68 @@ function xt(e, t) {
 }
 //#endregion
 //#region src/components/detail-layout/EditableChildrenTable.tsx
-function St({ config: t, childEntity: n, schema: a, rows: o, onChange: s, validationErrors: c, refs: l, forceTablePresentation: u = !1 }) {
-	let d = b(), f = j(), p = G(null), h = t.columns, g = t.position_field, _ = new Set(Array.isArray(t.foreign_key) ? t.foreign_key : [t.foreign_key]), y = h.filter((e) => {
+function St({ config: t, childEntity: n, schema: i, rows: a, onChange: o, validationErrors: s, refs: l, forceTablePresentation: u = !1 }) {
+	let d = r(), f = b(), m = G(null), h = t.columns, g = t.position_field, _ = new Set(Array.isArray(t.foreign_key) ? t.foreign_key : [t.foreign_key]), v = h.filter((e) => {
 		if (_.has(e) || t.position_field && e === t.position_field) return !1;
 		let r = n.fields.get(e);
 		return !(!r || r.auto || r.primary || r.source);
-	}), x = new Set(h.filter((e) => {
+	}), y = new Set(h.filter((e) => {
 		if (t.position_field && e === t.position_field) return !0;
 		let r = n.fields.get(e);
 		return r && (r.auto || r.primary || r.source);
-	})), S = H((e, t, n) => {
-		s(o.map((r) => r._key === e ? {
+	})), x = H((e, t, n) => {
+		o(a.map((r) => r._key === e ? {
 			...r,
 			[t]: n,
 			_dirty: !0
 		} : r));
-	}, [o, s]), C = H(() => {
+	}, [a, o]), S = H(() => {
 		let e = {
 			_key: crypto.randomUUID(),
 			_dirty: !0
 		};
-		g && (e[g] = o.filter((e) => !e._deleted).reduce((e, t) => {
+		g && (e[g] = a.filter((e) => !e._deleted).reduce((e, t) => {
 			let n = typeof t[g] == "number" ? t[g] : -1;
 			return Math.max(e, n);
 		}, -1) + 1);
 		let r = t.quick_add?.defaults ?? {};
-		for (let t of y) {
+		for (let t of v) {
 			let i = n.fields.get(t);
 			i && (r[t] === void 0 ? i.default === void 0 ? i.type === "bool" && (e[t] = !1) : e[t] = i.default : e[t] = r[t]);
 		}
-		s([...o, e]);
+		o([...a, e]);
 	}, [
+		a,
 		o,
-		s,
-		y,
+		v,
 		n,
 		t.quick_add?.defaults,
 		g
-	]), w = H((e) => {
-		s(o.map((t) => t._key === e ? {
+	]), C = H((e) => {
+		o(a.map((t) => t._key === e ? {
 			...t,
 			_deleted: !0
 		} : t));
-	}, [o, s]), T = H((e) => {
-		s(o.map((t) => t._key === e ? {
+	}, [a, o]), T = H((e) => {
+		o(a.map((t) => t._key === e ? {
 			...t,
 			_deleted: !1
 		} : t));
-	}, [o, s]), E = H((e, t) => {
+	}, [a, o]), O = H((e, t) => {
 		if (!g) return;
-		let n = o.filter((e) => !e._deleted), r = o.filter((e) => e._deleted), i = n.findIndex((t) => t._key === e), a = i + t;
-		if (i < 0 || a < 0 || a >= n.length) return;
+		let 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(a, 0, l), s([...c.map((e, t) => ({
+		c.splice(s, 0, l), o([...c.map((e, t) => ({
 			...e,
 			[g]: t,
 			_dirty: e[g] !== t || e._dirty
 		})), ...r]);
 	}, [
+		a,
 		o,
-		s,
 		g
-	]), D = H((e) => {
+	]), k = H((e) => {
 		let t = e.target, n = t.closest("td");
 		if (!n) return;
 		let r = n.closest("tr");
@@ -2022,7 +2022,7 @@ function St({ config: t, childEntity: n, schema: a, rows: o, onChange: s, valida
 			if (o < t.length - 1) {
 				let e = t[o + 1].cells[a]?.querySelector("input, select, textarea, [tabindex]");
 				e && e.focus();
-			} else C(), requestAnimationFrame(() => {
+			} else S(), requestAnimationFrame(() => {
 				let e = i.querySelectorAll("tr"), t = e[e.length - 1];
 				if (t) {
 					let e = t.querySelector("input, select, textarea, [tabindex]");
@@ -2030,21 +2030,21 @@ function St({ config: t, childEntity: n, schema: a, rows: o, onChange: s, valida
 				}
 			});
 		} else e.key === "Escape" && t.blur?.();
-	}, [C]), O = ue;
+	}, [S]), A = ue;
 	return f.isPhone && !u ? /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 10
 		},
-		children: o.map((t, i) => {
-			let s = !!t._deleted, u = c?.[t._key], f = g ? o.filter((e) => !e._deleted) : [], p = g ? f.findIndex((e) => e._key === t._key) : -1;
+		children: a.map((t, r) => {
+			let o = !!t._deleted, u = s?.[t._key], f = g ? a.filter((e) => !e._deleted) : [], m = g ? f.findIndex((e) => e._key === t._key) : -1;
 			return /* @__PURE__ */ Y("div", {
 				style: {
 					border: "1px solid var(--border)",
 					borderRadius: 8,
 					background: "var(--surface)",
-					opacity: s ? .58 : 1,
+					opacity: o ? .58 : 1,
 					overflow: "hidden"
 				},
 				children: [/* @__PURE__ */ Y("div", {
@@ -2063,34 +2063,34 @@ function St({ config: t, childEntity: n, schema: a, rows: o, onChange: s, valida
 							fontWeight: 600,
 							color: "var(--text-2)"
 						},
-						children: ["Row ", i + 1]
+						children: ["Row ", r + 1]
 					}), /* @__PURE__ */ Y("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							gap: 4
 						},
-						children: [g && !s && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(r, {
+						children: [g && !o && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(E, {
 							size: 32,
 							icon: /* @__PURE__ */ J(e.up, { size: 14 }),
-							onClick: () => E(t._key, -1),
-							disabled: p <= 0,
+							onClick: () => O(t._key, -1),
+							disabled: m <= 0,
 							title: "Move row up"
-						}), /* @__PURE__ */ J(r, {
+						}), /* @__PURE__ */ J(E, {
 							size: 32,
 							icon: /* @__PURE__ */ J(e.down, { size: 14 }),
-							onClick: () => E(t._key, 1),
-							disabled: p === -1 || p >= f.length - 1,
+							onClick: () => O(t._key, 1),
+							disabled: m === -1 || m >= f.length - 1,
 							title: "Move row down"
-						})] }), s ? /* @__PURE__ */ J(r, {
+						})] }), o ? /* @__PURE__ */ J(E, {
 							size: 32,
 							icon: /* @__PURE__ */ J(e.refresh, { size: 14 }),
 							onClick: () => T(t._key),
 							title: "Undo delete"
-						}) : /* @__PURE__ */ J(r, {
+						}) : /* @__PURE__ */ J(E, {
 							size: 32,
 							icon: /* @__PURE__ */ J(e.trash, { size: 14 }),
-							onClick: () => w(t._key),
+							onClick: () => C(t._key),
 							title: "Delete row"
 						})]
 					})]
@@ -2102,58 +2102,58 @@ function St({ config: t, childEntity: n, schema: a, rows: o, onChange: s, valida
 						gap: 12
 					},
 					children: h.map((e) => {
-						let r = n.fields.get(e), i = u?.includes(e), o = x.has(e), c = r ? k(r, e, a.entities) : e, f = `child-${t._key}-${e}`, p = `${f}-label`, h = {
-							outline: i ? "1px solid var(--danger)" : "none",
+						let r = n.fields.get(e), a = u?.includes(e), s = y.has(e), f = r ? p(r, e, i.entities) : e, m = `child-${t._key}-${e}`, h = `${m}-label`, g = {
+							outline: a ? "1px solid var(--danger)" : "none",
 							outlineOffset: 3,
-							borderRadius: i ? 5 : 0
-						}, g = {
+							borderRadius: a ? 5 : 0
+						}, _ = {
 							fontSize: 11.5,
 							fontWeight: 600,
 							color: "var(--text-3)"
-						}, _ = !s && !o && !!r;
+						}, v = !o && !s && !!r;
 						return /* @__PURE__ */ Y("div", {
 							style: {
 								display: "flex",
 								flexDirection: "column",
 								gap: 5,
 								minWidth: 0,
-								textDecoration: s ? "line-through" : "none"
+								textDecoration: o ? "line-through" : "none"
 							},
-							title: i ? `${e} is required` : void 0,
-							children: [_ ? /* @__PURE__ */ J("label", {
-								id: p,
-								htmlFor: f,
-								style: g,
-								children: c
+							title: a ? `${e} is required` : void 0,
+							children: [v ? /* @__PURE__ */ J("label", {
+								id: h,
+								htmlFor: m,
+								style: _,
+								children: f
 							}) : /* @__PURE__ */ J("div", {
-								id: p,
-								style: g,
-								children: c
+								id: h,
+								style: _,
+								children: f
 							}), /* @__PURE__ */ J("div", {
-								style: h,
-								children: s || o ? r ? v({
+								style: g,
+								children: o || s ? r ? w({
 									field: r,
 									fieldName: e,
 									value: t[e],
 									mode: "display",
 									record: t,
 									refs: l,
-									fieldId: f,
-									labelId: p,
+									fieldId: m,
+									labelId: h,
 									locale: d
-								}) : m(t[e]) : r ? v({
+								}) : c(t[e]) : r ? w({
 									field: r,
 									fieldName: e,
 									value: t[e],
 									mode: "edit",
-									onChange: (n) => S(t._key, e, n),
+									onChange: (n) => x(t._key, e, n),
 									record: t,
 									refs: l,
 									compact: !0,
-									fieldId: f,
-									labelId: p,
+									fieldId: m,
+									labelId: h,
 									locale: d
-								}) : m(t[e])
+								}) : c(t[e])
 							})]
 						}, e);
 					})
@@ -2162,51 +2162,51 @@ function St({ config: t, childEntity: n, schema: a, rows: o, onChange: s, valida
 		})
 	}), /* @__PURE__ */ J("div", {
 		style: { marginTop: 10 },
-		children: /* @__PURE__ */ J(i, {
+		children: /* @__PURE__ */ J(D, {
 			kind: "ghost",
 			size: "sm",
 			icon: /* @__PURE__ */ J(e.plus, { size: 14 }),
-			onClick: C,
+			onClick: S,
 			children: "Add row"
 		})
 	})] }) : /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("div", {
 		style: { overflowX: "auto" },
 		children: /* @__PURE__ */ Y("table", {
-			ref: p,
+			ref: m,
 			style: de,
-			onKeyDown: D,
+			onKeyDown: k,
 			children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ Y("tr", { children: [h.map((e) => {
 				let t = n.fields.get(e);
 				return /* @__PURE__ */ J("th", {
-					style: O,
-					children: t ? k(t, e, a.entities) : e
+					style: A,
+					children: t ? p(t, e, i.entities) : e
 				}, e);
 			}), /* @__PURE__ */ J("th", { style: {
-				...O,
+				...A,
 				width: 40
-			} })] }) }), /* @__PURE__ */ J("tbody", { children: o.map((t) => {
-				let i = !!t._deleted, a = c?.[t._key];
+			} })] }) }), /* @__PURE__ */ J("tbody", { children: a.map((t) => {
+				let r = !!t._deleted, i = s?.[t._key];
 				return /* @__PURE__ */ Y("tr", {
-					style: { opacity: i ? .5 : 1 },
+					style: { opacity: r ? .5 : 1 },
 					children: [h.map((e) => {
-						let r = n.fields.get(e), o = a?.includes(e), s = x.has(e);
-						return i || s ? /* @__PURE__ */ J("td", {
+						let a = n.fields.get(e), o = i?.includes(e), s = y.has(e);
+						return r || s ? /* @__PURE__ */ J("td", {
 							style: {
 								padding: "6px 12px",
 								borderBottom: "1px solid var(--divider)",
 								verticalAlign: "middle",
-								textDecoration: i ? "line-through" : "none",
+								textDecoration: r ? "line-through" : "none",
 								color: "var(--text-2)"
 							},
-							children: r ? v({
-								field: r,
+							children: a ? w({
+								field: a,
 								fieldName: e,
 								value: t[e],
 								mode: "display",
 								record: t,
 								refs: l,
 								locale: d
-							}) : m(t[e])
+							}) : c(t[e])
 						}, e) : /* @__PURE__ */ J("td", {
 							style: {
 								padding: "4px 4px",
@@ -2217,17 +2217,17 @@ function St({ config: t, childEntity: n, schema: a, rows: o, onChange: s, valida
 								borderRadius: o ? 4 : 0
 							},
 							title: o ? `${e} is required` : void 0,
-							children: r ? v({
-								field: r,
+							children: a ? w({
+								field: a,
 								fieldName: e,
 								value: t[e],
 								mode: "edit",
-								onChange: (n) => S(t._key, e, n),
+								onChange: (n) => x(t._key, e, n),
 								record: t,
 								refs: l,
 								compact: !0,
 								locale: d
-							}) : m(t[e])
+							}) : c(t[e])
 						}, e);
 					}), /* @__PURE__ */ J("td", {
 						style: {
@@ -2235,15 +2235,15 @@ function St({ config: t, childEntity: n, schema: a, rows: o, onChange: s, valida
 							borderBottom: "1px solid var(--divider)",
 							verticalAlign: "middle"
 						},
-						children: i ? /* @__PURE__ */ J(r, {
+						children: r ? /* @__PURE__ */ J(E, {
 							size: 24,
 							icon: /* @__PURE__ */ J(e.refresh, { size: 12 }),
 							onClick: () => T(t._key),
 							title: "Undo delete"
-						}) : /* @__PURE__ */ J(r, {
+						}) : /* @__PURE__ */ J(E, {
 							size: 24,
 							icon: /* @__PURE__ */ J(e.trash, { size: 12 }),
-							onClick: () => w(t._key),
+							onClick: () => C(t._key),
 							title: "Delete row"
 						})
 					})]
@@ -2252,20 +2252,20 @@ function St({ config: t, childEntity: n, schema: a, rows: o, onChange: s, valida
 		})
 	}), /* @__PURE__ */ J("div", {
 		style: { marginTop: 8 },
-		children: /* @__PURE__ */ J(i, {
+		children: /* @__PURE__ */ J(D, {
 			kind: "ghost",
 			size: "xs",
 			icon: /* @__PURE__ */ J(e.plus, { size: 12 }),
-			onClick: C,
+			onClick: S,
 			children: "Add row"
 		})
 	})] });
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenBlock.tsx
-var Ct = he(() => import("./DraggableChildrenTable-DziCVhq6.js").then((e) => ({ default: e.DraggableChildrenTable })));
+var Ct = he(() => import("./DraggableChildrenTable-Ctmn0liO.js").then((e) => ({ default: e.DraggableChildrenTable })));
 function wt({ node: e, ctx: n }) {
-	let r = j(), i = e.children;
+	let r = b(), i = e.children;
 	if (!i) return null;
 	let a = r.isPhone && n.relatedRecordsPresentation === "table";
 	if (n.isNew && n.mode !== "edit") return null;
@@ -2279,7 +2279,7 @@ function wt({ node: e, ctx: n }) {
 		className: "text-sm text-muted-foreground py-2",
 		children: ["Entity not found: ", o.entity]
 	});
-	let c = Ne(o, s, e), l = ke(e, n), u = Ae(e, n), d = (e) => c.mode === "timeline" || n.withinCard ? e : /* @__PURE__ */ J(I, {
+	let c = Ne(o, s, e), l = ke(e, n), u = Ae(e, n), d = (e) => c.mode === "timeline" || n.withinCard ? e : /* @__PURE__ */ J(ne, {
 		title: l,
 		icon: u ? /* @__PURE__ */ J(t, {
 			name: u,
@@ -2287,7 +2287,7 @@ function wt({ node: e, ctx: n }) {
 		}) : void 0,
 		children: e
 	});
-	if (n.mode === "edit" && c.editable && c.interaction !== "navigate" && c.interaction !== "readonly" && f(s, "update") && c.mode === "table" && n.pendingChildren !== void 0 && n.onChildrenChange) {
+	if (n.mode === "edit" && c.editable && c.interaction !== "navigate" && c.interaction !== "readonly" && v(s, "update") && c.mode === "table" && n.pendingChildren !== void 0 && n.onChildrenChange) {
 		let e = n.pendingChildren[i] ?? [], t = n.childValidationErrors?.[i], o = c.position_field ? r.isPhone && !a ? St : Ct : St;
 		return d(/* @__PURE__ */ J(pe, {
 			fallback: /* @__PURE__ */ J(R, {}),
@@ -2304,17 +2304,17 @@ function wt({ node: e, ctx: n }) {
 		}));
 	}
 	if (n.isNew) return null;
-	let p = {
+	let f = {
 		config: c,
 		parentEntity: n.entityCode,
 		parentId: n.recordId,
 		schema: n.schema
 	};
 	switch (c.mode) {
-		case "list": return d(/* @__PURE__ */ J(tt, { ...p }));
-		case "cards": return d(/* @__PURE__ */ J(nt, { ...p }));
-		case "timeline": return d(/* @__PURE__ */ J(ht, { ...p }));
-		default: return r.isPhone && !a ? d(/* @__PURE__ */ J(nt, { ...p })) : d(/* @__PURE__ */ J(et, { ...p }));
+		case "list": return d(/* @__PURE__ */ J(tt, { ...f }));
+		case "cards": return d(/* @__PURE__ */ J(nt, { ...f }));
+		case "timeline": return d(/* @__PURE__ */ J(ht, { ...f }));
+		default: return r.isPhone && !a ? d(/* @__PURE__ */ J(nt, { ...f })) : d(/* @__PURE__ */ J(et, { ...f }));
 	}
 }
 //#endregion
@@ -2351,8 +2351,8 @@ function jt({ columns: e = 2, children: t }) {
 		})
 	});
 }
-function Mt({ label: t, children: n, span: r = !1, required: i, error: a, hint: o, actions: s, copyValue: l, mode: u = "display", htmlFor: d, labelId: f, labelTitle: p, "data-testid": m }) {
-	let h = ge(At), g = r || h.columns === 1, _ = !!a;
+function Mt({ label: t, children: r, span: i = !1, required: a, error: o, hint: s, actions: c, copyValue: l, mode: u = "display", htmlFor: d, labelId: f, labelTitle: p, "data-testid": m }) {
+	let h = ge(At), g = i || h.columns === 1, _ = !!o;
 	return /* @__PURE__ */ Y("div", {
 		className: "detail-row",
 		"data-error": _ || void 0,
@@ -2363,7 +2363,7 @@ function Mt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 			gap: g ? 4 : 16,
 			alignItems: g ? "stretch" : "flex-start",
 			padding: "6px 0",
-			...r ? { gridColumn: "1 / -1" } : null
+			...i ? { gridColumn: "1 / -1" } : null
 		},
 		children: [/* @__PURE__ */ Y("div", {
 			style: {
@@ -2387,7 +2387,7 @@ function Mt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 				id: f,
 				title: p || void 0,
 				children: t
-			}), i && u === "edit" && /* @__PURE__ */ J("span", {
+			}), a && u === "edit" && /* @__PURE__ */ J("span", {
 				"aria-hidden": "true",
 				style: {
 					color: "var(--danger)",
@@ -2425,9 +2425,9 @@ function Mt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 							borderRadius: 6,
 							boxShadow: "0 0 0 1.5px var(--danger)"
 						},
-						children: n
-					}) : n
-				}), (l || s) && /* @__PURE__ */ Y("div", {
+						children: r
+					}) : r
+				}), (l || c) && /* @__PURE__ */ Y("div", {
 					className: "detail-row-action",
 					style: {
 						display: "flex",
@@ -2435,13 +2435,13 @@ function Mt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 						flexShrink: 0,
 						marginTop: -2
 					},
-					children: [l && /* @__PURE__ */ J(c, {
+					children: [l && /* @__PURE__ */ J(n, {
 						value: l,
 						size: "sm",
 						title: "Copy value"
-					}), s]
+					}), c]
 				})]
-			}), (_ || o != null) && /* @__PURE__ */ Y("div", {
+			}), (_ || s != null) && /* @__PURE__ */ Y("div", {
 				style: {
 					fontSize: 11.5,
 					lineHeight: 1.4,
@@ -2450,7 +2450,7 @@ function Mt({ 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__ */ J(e.warning, { size: 11 }), /* @__PURE__ */ J("span", { children: _ ? o : s })]
 			})]
 		})]
 	});
@@ -2458,64 +2458,64 @@ function Mt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 //#endregion
 //#region src/components/detail-layout/FieldsBlock.tsx
 function Nt({ fields: e, ctx: t }) {
-	let { entity: n, entityCode: r, record: i, mode: a, onFieldChange: o, schema: s } = t, c = b(), l = t.columns ?? 2, u = l === 1 && e.length === 1;
+	let { entity: n, entityCode: i, record: a, mode: o, onFieldChange: s, schema: l } = t, u = r(), d = t.columns ?? 2, f = d === 1 && e.length === 1;
 	return /* @__PURE__ */ J(jt, {
-		columns: l,
+		columns: d,
 		children: e.map((e) => {
-			let l = e.name, d = `${r ?? "field"}-${l}`, f = `${d}-label`, p = n.fields.get(l), h = !!(p?.auto || p?.readonly || p?.source), g = te(n, l), _ = g?.read === "denied", v = g?.write === "denied", y = a === "display" ? _ : v || _, b = h || a === "edit" && v ? "display" : a, x = y ? /* @__PURE__ */ J(N, {
-				tier: g.classification,
-				tierDef: ce(s, n, l),
-				requiredPermission: g?.required_permission,
-				locale: c,
-				variant: b === "edit" ? "input" : "value"
-			}) : ie({
+			let r = e.name, d = `${i ?? "field"}-${r}`, p = `${d}-label`, h = n.fields.get(r), g = !!(h?.auto || h?.readonly || h?.source), _ = V(n, r), v = _?.read === "denied", y = _?.write === "denied", b = o === "display" ? v : y || v, x = g || o === "edit" && y ? "display" : o, S = b ? /* @__PURE__ */ J(ie, {
+				tier: _.classification,
+				tierDef: ce(l, n, r),
+				requiredPermission: _?.required_permission,
+				locale: u,
+				variant: x === "edit" ? "input" : "value"
+			}) : ae({
 				entity: n,
-				entityCode: r,
-				fieldName: l,
-				record: i,
-				mode: b,
-				onChange: o && !h ? (e) => o(l, e) : void 0,
+				entityCode: i,
+				fieldName: r,
+				record: a,
+				mode: x,
+				onChange: s && !g ? (e) => s(r, e) : void 0,
 				refs: t.refs,
-				entities: s?.entities,
-				screens: s?.screens,
-				locale: c,
+				entities: l?.entities,
+				screens: l?.screens,
+				locale: u,
 				fieldId: d,
-				labelId: f
+				labelId: p
 			});
-			if (!x) return null;
-			let S = a === "display" && e.actions && e.actions.length > 0 ? /* @__PURE__ */ J(q, { children: e.actions.map((e, t) => /* @__PURE__ */ J(M, {
-				actionCode: `${l}.action[${t}]`,
+			if (!S) return null;
+			let C = o === "display" && e.actions && e.actions.length > 0 ? /* @__PURE__ */ J(q, { children: e.actions.map((e, t) => /* @__PURE__ */ J(I, {
+				actionCode: `${r}.action[${t}]`,
 				action: e,
-				entityCode: r,
-				row: i,
+				entityCode: i,
+				row: a,
 				variant: "ghost",
 				size: "icon"
-			}, t)) }) : void 0, C = !!p && kt.has(p.type), w = i?.[l], T = b === "display" && (p?.copyable || p?.type === "uuid") && w != null && w !== "" ? m(w) : void 0, E = A(p?.display?.description);
-			return u ? /* @__PURE__ */ Y("div", {
+			}, t)) }) : void 0, w = !!h && kt.has(h.type), T = a?.[r], E = x === "display" && (h?.copyable || h?.type === "uuid") && T != null && T !== "" ? c(T) : void 0, D = m(h?.display?.description);
+			return f ? /* @__PURE__ */ Y("div", {
 				style: { gridColumn: "1 / -1" },
-				children: [x, b === "edit" && E && /* @__PURE__ */ J("div", {
+				children: [S, x === "edit" && D && /* @__PURE__ */ J("div", {
 					style: {
 						fontSize: 11.5,
 						lineHeight: 1.4,
 						color: "var(--text-3)",
 						marginTop: 3
 					},
-					children: E
+					children: D
 				})]
-			}, l) : /* @__PURE__ */ J(Mt, {
-				label: oe(n, l, s.entities),
-				htmlFor: b === "edit" ? d : void 0,
-				labelId: f,
-				labelTitle: E || void 0,
-				required: p?.required ?? !1,
-				mode: b,
-				span: C,
-				error: t.fieldErrors?.[l],
-				hint: b === "edit" && E ? E : void 0,
-				actions: S,
-				copyValue: T,
-				children: x
-			}, l);
+			}, r) : /* @__PURE__ */ J(Mt, {
+				label: P(n, r, l.entities),
+				htmlFor: x === "edit" ? d : void 0,
+				labelId: p,
+				labelTitle: D || void 0,
+				required: h?.required ?? !1,
+				mode: x,
+				span: w,
+				error: t.fieldErrors?.[r],
+				hint: x === "edit" && D ? D : void 0,
+				actions: C,
+				copyValue: E,
+				children: S
+			}, r);
 		})
 	});
 }
@@ -2531,57 +2531,57 @@ var Pt = /* @__PURE__ */ new Set([
 	"url"
 ]), Ft = 500;
 function It({ node: e, ctx: t }) {
-	let { entity: n, objectProperties: r, onSetProperty: i, isNew: a, mode: o, refs: s } = t, c = n.properties ?? {};
-	if (a) return null;
-	let l = e.properties === !0 || e.properties, u = l === !0 ? Object.entries(c).sort(([e], [t]) => e.localeCompare(t)) : l.filter((e) => c[e] != null).map((e) => [e, c[e]]);
-	return u.length === 0 ? null : /* @__PURE__ */ J(jt, {
+	let { entity: n, objectProperties: r, onSetProperty: a, isNew: o, mode: s, refs: c } = t, l = n.properties ?? {};
+	if (o) return null;
+	let u = e.properties === !0 || e.properties, d = u === !0 ? Object.entries(l).sort(([e], [t]) => e.localeCompare(t)) : u.filter((e) => l[e] != null).map((e) => [e, l[e]]);
+	return d.length === 0 ? null : /* @__PURE__ */ J(jt, {
 		columns: 2,
-		children: u.map(([e, a]) => {
-			let c = r?.find((t) => t.property_code === e), l = x(a), u = a.readonly || !i ? "display" : o;
+		children: d.map(([e, o]) => {
+			let l = r?.find((t) => t.property_code === e), u = i(o), d = o.readonly || !a ? "display" : s;
 			return /* @__PURE__ */ J(Lt, {
 				propCode: e,
-				prop: a,
-				field: l,
-				value: c?.value,
-				mode: u,
-				onSetProperty: i,
-				refs: s,
+				prop: o,
+				field: u,
+				value: l?.value,
+				mode: d,
+				onSetProperty: a,
+				refs: c,
 				entity: n,
 				schema: t.schema
 			}, e);
 		})
 	});
 }
-function Lt({ propCode: e, prop: t, field: n, value: r, mode: i, onSetProperty: a, refs: o, entity: s, schema: c }) {
-	let l = b(), u = G(null);
+function Lt({ propCode: e, prop: t, field: n, value: i, mode: a, onSetProperty: o, refs: s, entity: c, schema: l }) {
+	let u = r(), d = G(null);
 	U(() => () => {
-		u.current && clearTimeout(u.current);
+		d.current && clearTimeout(d.current);
 	}, []);
-	let d = H((n) => {
-		a && (Pt.has(t.type) ? (u.current && clearTimeout(u.current), u.current = setTimeout(() => a(e, n), Ft)) : a(e, n));
+	let f = H((n) => {
+		o && (Pt.has(t.type) ? (d.current && clearTimeout(d.current), d.current = setTimeout(() => o(e, n), Ft)) : o(e, n));
 	}, [
 		e,
 		t.type,
-		a
-	]), f = te(s, e), p = f?.read === "denied", m = f?.write === "denied", h = i === "display" ? p : m || p, g = i === "edit" && m ? "display" : i;
+		o
+	]), p = V(c, e), h = p?.read === "denied", g = p?.write === "denied", _ = a === "display" ? h : g || h, v = a === "edit" && g ? "display" : a;
 	return /* @__PURE__ */ J(Mt, {
-		label: A(t.display?.name ?? t.name),
-		mode: g,
+		label: m(t.display?.name ?? t.name),
+		mode: v,
 		span: kt.has(t.type),
-		children: h ? /* @__PURE__ */ J(N, {
-			tier: f.classification,
-			tierDef: ce(c, s, e),
-			requiredPermission: f?.required_permission,
-			locale: l,
-			variant: g === "edit" ? "input" : "value"
-		}) : v({
+		children: _ ? /* @__PURE__ */ J(ie, {
+			tier: p.classification,
+			tierDef: ce(l, c, e),
+			requiredPermission: p?.required_permission,
+			locale: u,
+			variant: v === "edit" ? "input" : "value"
+		}) : w({
 			field: n,
 			fieldName: e,
-			value: r,
-			mode: g,
-			onChange: g === "edit" ? d : void 0,
-			refs: o,
-			locale: l
+			value: i,
+			mode: v,
+			onChange: v === "edit" ? f : void 0,
+			refs: s,
+			locale: u
 		})
 	});
 }
@@ -2663,7 +2663,7 @@ function zt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 			gap: 16
 		},
 		children: Object.entries(e).map(([e, a]) => {
-			let o = t?.find((t) => t.group_code === e)?.status_code, c = o ? a.statuses.find((e) => e.code === o) : void 0;
+			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__ */ Y("div", {
@@ -2679,7 +2679,7 @@ function zt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 							color: "var(--text-3)",
 							flexShrink: 0
 						},
-						children: [A(a.name), ":"]
+						children: [m(a.name), ":"]
 					}), /* @__PURE__ */ J("div", {
 						style: {
 							minWidth: 240,
@@ -2689,7 +2689,7 @@ function zt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 						children: /* @__PURE__ */ J(Rt, {
 							stages: a.statuses.map((e) => ({
 								code: e.code,
-								label: A(e.name)
+								label: m(e.name)
 							})),
 							current: o,
 							selectable: s,
@@ -2710,11 +2710,11 @@ function zt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 						fontSize: 12,
 						color: "var(--text-3)"
 					},
-					children: [A(a.name), ":"]
-				}), c ? /* @__PURE__ */ J(u, {
-					tone: c.color ?? "slate",
+					children: [m(a.name), ":"]
+				}), s ? /* @__PURE__ */ J(_, {
+					tone: s.color ?? "slate",
 					size: "xs",
-					children: A(c.name)
+					children: m(s.name)
 				}) : /* @__PURE__ */ J("span", {
 					style: {
 						fontSize: 12.5,
@@ -2723,7 +2723,7 @@ function zt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 					children: "—"
 				})]
 			}, e);
-			let l = (a.transitions && o ? a.statuses.filter((e) => e.code === o || (a.transitions[o]?.includes(e.code) ?? !1)) : a.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", {
 					style: {
@@ -2737,7 +2737,7 @@ function zt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 						borderRadius: 999,
 						background: `var(--pill-${e.color}, ${e.color})`,
 						display: "inline-block"
-					} }), A(e.name)]
+					} }), m(e.name)]
 				})
 			}));
 			return /* @__PURE__ */ Y("div", {
@@ -2751,16 +2751,16 @@ function zt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 						fontSize: 12,
 						color: "var(--text-3)"
 					},
-					children: [A(a.name), ":"]
+					children: [m(a.name), ":"]
 				}), /* @__PURE__ */ J("div", {
 					style: {
 						minWidth: 180,
 						opacity: r ? .6 : 1,
 						pointerEvents: r ? "none" : "auto"
 					},
-					children: /* @__PURE__ */ J(s, {
+					children: /* @__PURE__ */ J(h, {
 						value: o ?? "",
-						options: l,
+						options: c,
 						onChange: (t) => n(e, t),
 						placeholder: "Select…"
 					})
@@ -3016,45 +3016,45 @@ function rn(e, t) {
 	return !t || Object.entries(t).every(([t, n]) => e[t] === n);
 }
 function an({ values: e, options: t }) {
-	let r = W(() => en(t), [t]), i = b(), a = V(), o = e.scope, s = r?.windows.some((e) => e.code === r.default_window) ? r.default_window : r?.windows[0]?.code ?? "", [c, l] = K(s), [u, d] = K("");
+	let n = W(() => en(t), [t]), i = r(), a = te(), o = e.scope, s = n?.windows.some((e) => e.code === n.default_window) ? n.default_window : n?.windows[0]?.code ?? "", [c, l] = K(s), [u, d] = K("");
 	U(() => {
 		l(s);
 	}, [s]), U(() => {
 		d("");
 	}, [c]);
-	let f = r ? [{
-		field: r.scope_field,
+	let f = n ? [{
+		field: n.scope_field,
 		op: "eq",
 		value: o
 	}, {
-		field: r.window_field,
+		field: n.window_field,
 		op: "eq",
 		value: c
-	}] : [], p = n(r?.entity, {
+	}] : [], p = g(n?.entity, {
 		per_page: 1,
 		filters: f
-	}, !!(r && o && c)), m = r?.breakdown, h = m ? [{
-		field: m.scope_field,
+	}, !!(n && o && c)), h = n?.breakdown, _ = h ? [{
+		field: h.scope_field,
 		op: "eq",
 		value: o
 	}, {
-		field: m.window_field,
+		field: h.window_field,
 		op: "eq",
 		value: c
-	}] : [], g = n(m?.entity, {
-		per_page: m?.limit ?? 200,
-		sort: m?.sort,
-		filters: h
-	}, !!(m && o && c));
-	if (!r || !o) return /* @__PURE__ */ J("div", {
+	}] : [], v = g(h?.entity, {
+		per_page: h?.limit ?? 200,
+		sort: h?.sort,
+		filters: _
+	}, !!(h && o && c));
+	if (!n || !o) return /* @__PURE__ */ J("div", {
 		role: "alert",
 		className: "rounded border border-destructive p-3 text-sm text-destructive",
 		children: "Invalid entity_scorecard configuration."
 	});
-	let _ = p.data?.data?.[0], v = g.data?.data ?? [], y = m?.filter_field ? Array.from(new Set(v.map((e) => e[m.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], x = u && m?.filter_field ? v.filter((e) => e[m.filter_field] === u) : v, S = (e) => !u || !e.filtered || !m?.filter_field ? _?.[e.field] : v.find((t) => t[m.filter_field] === u && rn(t, e.filtered?.where))?.[e.filtered.field], C = (e) => {
-		let t = r.drillthrough;
+	let y = p.data?.data?.[0], b = v.data?.data ?? [], x = h?.filter_field ? Array.from(new Set(b.map((e) => e[h.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], S = u && h?.filter_field ? b.filter((e) => e[h.filter_field] === u) : b, C = (e) => !u || !e.filtered || !h?.filter_field ? y?.[e.field] : b.find((t) => t[h.filter_field] === u && rn(t, e.filtered?.where))?.[e.filtered.field], w = (e) => {
+		let t = n.drillthrough;
 		if (!t || !e.drillthrough_value) return;
-		let n = [{
+		let r = [{
 			field: t.scope_field,
 			op: "eq",
 			value: o
@@ -3063,36 +3063,36 @@ function an({ values: e, options: t }) {
 			op: "eq",
 			value: c
 		}];
-		t.filter_field && u && e.drillthrough_filter !== !1 && n.push({
+		t.filter_field && u && e.drillthrough_filter !== !1 && r.push({
 			field: t.filter_field,
 			op: "eq",
 			value: u
-		}), t.metric_field && n.push({
+		}), t.metric_field && r.push({
 			field: t.metric_field,
 			op: "eq",
 			value: e.drillthrough_value
-		}), a(t.route, { search: new URLSearchParams({ filters: JSON.stringify(n) }).toString() });
-	}, w = p.error ?? g.error;
+		}), a(t.route, { search: new URLSearchParams({ filters: JSON.stringify(r) }).toString() });
+	}, T = p.error ?? v.error;
 	return /* @__PURE__ */ Y("div", {
 		className: "flex min-w-0 flex-col gap-4",
-		"aria-label": A(r.title, i) || "Scorecard",
+		"aria-label": m(n.title, i) || "Scorecard",
 		children: [
 			/* @__PURE__ */ Y("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
 				children: [/* @__PURE__ */ Y("div", {
 					className: "min-w-0",
 					children: [
-						r.title && /* @__PURE__ */ J("h3", {
+						n.title && /* @__PURE__ */ J("h3", {
 							className: "text-base font-semibold text-foreground",
-							children: A(r.title, i)
+							children: m(n.title, i)
 						}),
-						r.description && /* @__PURE__ */ J("p", {
+						n.description && /* @__PURE__ */ J("p", {
 							className: "mt-1 text-sm text-muted-foreground",
-							children: A(r.description, i)
+							children: m(n.description, i)
 						}),
-						r.intended_note && /* @__PURE__ */ J("p", {
+						n.intended_note && /* @__PURE__ */ J("p", {
 							className: "mt-1 text-xs text-muted-foreground",
-							children: A(r.intended_note, i)
+							children: m(n.intended_note, i)
 						})
 					]
 				}), /* @__PURE__ */ Y("div", {
@@ -3101,24 +3101,24 @@ function an({ values: e, options: t }) {
 						role: "group",
 						"aria-label": "Scorecard window",
 						className: "inline-flex rounded border border-border p-1",
-						children: r.windows.map((e) => /* @__PURE__ */ J("button", {
+						children: n.windows.map((e) => /* @__PURE__ */ J("button", {
 							type: "button",
 							"aria-pressed": c === e.code,
 							onClick: () => l(e.code),
 							className: `rounded px-3 py-1.5 text-xs font-medium ${c === e.code ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
-							children: A(e.label, i) || e.code
+							children: m(e.label, i) || e.code
 						}, e.code))
-					}), m?.filter_field && /* @__PURE__ */ Y("label", {
+					}), h?.filter_field && /* @__PURE__ */ Y("label", {
 						className: "flex items-center gap-2 text-xs text-muted-foreground",
-						children: [A(m.filter_label, i) || "Filter", /* @__PURE__ */ Y("select", {
-							"aria-label": A(m.filter_label, i) || "Filter",
+						children: [m(h.filter_label, i) || "Filter", /* @__PURE__ */ Y("select", {
+							"aria-label": m(h.filter_label, i) || "Filter",
 							value: u,
 							onChange: (e) => d(e.target.value),
 							className: "rounded border border-border bg-background px-2 py-1.5 text-foreground",
 							children: [/* @__PURE__ */ J("option", {
 								value: "",
-								children: A(m.all_label, i) || "All"
-							}), y.map((e) => /* @__PURE__ */ J("option", {
+								children: m(h.all_label, i) || "All"
+							}), x.map((e) => /* @__PURE__ */ J("option", {
 								value: e,
 								children: e
 							}, e))]
@@ -3126,22 +3126,22 @@ function an({ values: e, options: t }) {
 					})]
 				})]
 			}),
-			w && /* @__PURE__ */ J("div", {
+			T && /* @__PURE__ */ J("div", {
 				role: "alert",
 				className: "rounded border border-destructive p-3 text-sm text-destructive",
-				children: w instanceof Error ? w.message : "Scorecard data could not be loaded."
+				children: T instanceof Error ? T.message : "Scorecard data could not be loaded."
 			}),
-			!w && !p.isLoading && !_ && /* @__PURE__ */ J("div", {
+			!T && !p.isLoading && !y && /* @__PURE__ */ J("div", {
 				className: "rounded border border-border p-6 text-center text-sm text-muted-foreground",
-				children: A(r.empty_label, i) || "No scorecard data."
+				children: m(n.empty_label, i) || "No scorecard data."
 			}),
-			_ && /* @__PURE__ */ J("div", {
+			y && /* @__PURE__ */ J("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
-				children: r.metrics.map((e) => {
-					let t = S(e), n = !!(r.drillthrough && e.drillthrough_value), a = /* @__PURE__ */ Y(q, { children: [
+				children: n.metrics.map((e) => {
+					let t = C(e), r = !!(n.drillthrough && e.drillthrough_value), a = /* @__PURE__ */ Y(q, { children: [
 						/* @__PURE__ */ J("span", {
 							className: "text-xs font-medium text-muted-foreground",
-							children: A(e.label, i) || e.field
+							children: m(e.label, i) || e.field
 						}),
 						/* @__PURE__ */ J("strong", {
 							className: `mt-2 block text-2xl font-semibold ${e.attention && Number(t) > 0 ? "text-destructive" : "text-foreground"}`,
@@ -3149,12 +3149,12 @@ function an({ values: e, options: t }) {
 						}),
 						e.help && /* @__PURE__ */ J("span", {
 							className: "mt-1 block text-xs text-muted-foreground",
-							children: A(e.help, i)
+							children: m(e.help, i)
 						})
 					] });
-					return n ? /* @__PURE__ */ J("button", {
+					return r ? /* @__PURE__ */ J("button", {
 						type: "button",
-						onClick: () => C(e),
+						onClick: () => w(e),
 						className: "rounded border border-border bg-card p-3 text-left hover:bg-surface",
 						children: a
 					}, e.field) : /* @__PURE__ */ J("article", {
@@ -3163,26 +3163,26 @@ function an({ values: e, options: t }) {
 					}, e.field);
 				})
 			}),
-			m && /* @__PURE__ */ J("div", {
+			h && /* @__PURE__ */ J("div", {
 				className: "min-w-0 overflow-x-auto rounded border border-border",
 				children: /* @__PURE__ */ Y("table", {
 					className: "w-full border-collapse text-sm",
 					children: [/* @__PURE__ */ J("thead", {
 						className: "bg-surface text-left text-xs text-muted-foreground",
-						children: /* @__PURE__ */ J("tr", { children: m.columns.map((e) => /* @__PURE__ */ J("th", {
+						children: /* @__PURE__ */ J("tr", { children: h.columns.map((e) => /* @__PURE__ */ J("th", {
 							className: "border-b border-divider px-3 py-2 font-medium",
-							children: A(e.label, i) || e.field
+							children: m(e.label, i) || e.field
 						}, e.field)) })
-					}), /* @__PURE__ */ Y("tbody", { children: [x.map((e, t) => /* @__PURE__ */ J("tr", {
+					}), /* @__PURE__ */ Y("tbody", { children: [S.map((e, t) => /* @__PURE__ */ J("tr", {
 						className: "border-b border-divider last:border-0",
-						children: m.columns.map((t) => /* @__PURE__ */ J("td", {
+						children: h.columns.map((t) => /* @__PURE__ */ J("td", {
 							className: "px-3 py-2 text-foreground",
 							children: tn(e[t.field], t.format, i)
 						}, t.field))
-					}, nn(e, t))), !g.isLoading && x.length === 0 && /* @__PURE__ */ J("tr", { children: /* @__PURE__ */ J("td", {
-						colSpan: Math.max(1, m.columns.length),
+					}, nn(e, t))), !v.isLoading && S.length === 0 && /* @__PURE__ */ J("tr", { children: /* @__PURE__ */ J("td", {
+						colSpan: Math.max(1, h.columns.length),
 						className: "px-3 py-6 text-center text-muted-foreground",
-						children: A(m.empty_label, i) || "No breakdown rows."
+						children: m(h.empty_label, i) || "No breakdown rows."
 					}) })] })]
 				})
 			})
@@ -3193,7 +3193,7 @@ function an({ values: e, options: t }) {
 //#region src/components/detail-layout/widgets/builtins.ts
 var on = !1;
 function sn() {
-	on ||= (ae("json_diff", Qt), ae("entity_scorecard", an), !0);
+	on ||= (oe("json_diff", Qt), oe("entity_scorecard", an), !0);
 }
 //#endregion
 //#region src/components/detail-layout/widgets/WidgetHost.tsx
@@ -3247,7 +3247,7 @@ function $({ node: e, ctx: t }) {
 	}) : e.children ? /* @__PURE__ */ J(wt, {
 		node: e,
 		ctx: t
-	}) : e.associated ? /* @__PURE__ */ J(P, {
+	}) : e.associated ? /* @__PURE__ */ J(M, {
 		node: e,
 		ctx: t
 	}) : e.fields ? /* @__PURE__ */ J(Nt, {