@declarion/react 0.38.1 → 0.39.0

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

@@ -1,17 +1,17 @@
 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-CcsD2NAk.js";
-import { E as M, J as N, K as ee, St as P, T as F, Y as I, d as L, dt as R, et as z, k as B, o as V, pt as te, q as ne, r as re, t as ie, tt as ae, u as oe, xt as se } from "./registry-B_AmhRdj.js";
-import { n as ce, r as le, t as ue } from "./dataTableStyles-vwD1mVOP.js";
-import { Suspense as de, createContext as fe, lazy as pe, useCallback as H, useContext as me, useEffect as U, useId as he, useLayoutEffect as ge, useMemo as W, useRef as G, useState as K } from "react";
-import { useInfiniteQuery as _e, useMutation as ve, useQueryClient as ye } from "@tanstack/react-query";
+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 { 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";
 import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
 //#region src/lib/size-value.ts
-var be = /^(\d+)px$/;
-function xe(e) {
+var Se = /^(\d+)px$/;
+function Ce(e) {
 	if (e == null || e === "") return null;
 	if (e === "auto") return { kind: "auto" };
 	if (e === "fill") return { kind: "fill" };
-	let t = be.exec(e);
+	let t = Se.exec(e);
 	if (t) {
 		let e = parseInt(t[1], 10);
 		return e > 0 ? {
@@ -27,7 +27,7 @@ function xe(e) {
 }
 //#endregion
 //#region src/components/detail-layout/LayoutRow.tsx
-function Se({ config: e, ctx: t }) {
+function we({ config: e, ctx: t }) {
 	let { items: n, gap: r = 0, resizable: i = !1, stack_below: a } = e, o = a === "never" ? 0 : a ?? 768, [s, c] = K(!1), l = G(null);
 	U(() => {
 		if (o === 0) return;
@@ -39,7 +39,7 @@ function Se({ config: e, ctx: t }) {
 		return t.observe(e), () => t.disconnect();
 	}, [o]);
 	let [u, d] = K(null), f = G(null), p = H(() => n.map((t) => {
-		let n = xe(t.width ?? t.column?.width ?? t.row?.width ?? e.width);
+		let n = Ce(t.width ?? t.column?.width ?? t.row?.width ?? e.width);
 		return n && n.kind === "weight" ? n.value : 1;
 	}), [n, e.width]), m = H((e, t) => {
 		t.preventDefault();
@@ -58,19 +58,19 @@ function Se({ config: e, ctx: t }) {
 			f.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
 		};
 		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
-	}, [u, p]), h = u ?? p(), g = e.height ? we(e.height) : void 0;
+	}, [u, p]), h = u ?? p(), g = e.height ? Ee(e.height) : void 0;
 	return /* @__PURE__ */ J("div", {
 		ref: l,
-		className: te("flex", s && "flex-col"),
+		className: le("flex", s && "flex-col"),
 		style: {
 			gap: r ? `${r}px` : void 0,
 			...g
 		},
 		children: n.map((r, a) => /* @__PURE__ */ Y("div", {
-			className: te("min-w-0 flex items-stretch", s && "w-full"),
-			style: s ? void 0 : Ce(r.width ?? r.column?.width ?? r.row?.width ?? e.width, h[a], r.min_width, r.max_width),
+			className: le("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: te("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
+				className: le("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
 				children: /* @__PURE__ */ J($, {
 					node: r,
 					ctx: t
@@ -82,17 +82,17 @@ function Se({ config: e, ctx: t }) {
 		}, a))
 	});
 }
-function Ce(e, t, n, r) {
-	let i = xe(e), a;
+function Te(e, t, n, r) {
+	let i = Ce(e), a;
 	return a = !i || i.kind === "weight" ? `${t} 1 0%` : i.kind === "px" ? `0 0 ${i.value}px` : i.kind === "fill" ? "1 1 0%" : "0 0 auto", {
 		flex: a,
 		minWidth: n,
 		maxWidth: r
 	};
 }
-function we(e) {
+function Ee(e) {
 	if (!e) return;
-	let t = xe(e);
+	let t = Ce(e);
 	if (t?.kind === "px") return {
 		height: `${t.value}px`,
 		overflow: "hidden"
@@ -104,7 +104,7 @@ function we(e) {
 }
 //#endregion
 //#region src/components/detail-layout/LayoutColumn.tsx
-function Te({ config: e, ctx: t }) {
+function De({ config: e, ctx: t }) {
 	let { items: n, gap: r = 12 } = e;
 	return /* @__PURE__ */ J("div", {
 		className: "flex flex-col h-full",
@@ -117,11 +117,11 @@ function Te({ config: e, ctx: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/blockMeta.ts
-function Ee(e) {
+function Oe(e) {
 	return e.children ?? e.associated;
 }
-function De(e, t) {
-	let n = Ee(e);
+function ke(e, t) {
+	let n = Oe(e);
 	if (n) {
 		if (e.label) return A(e.label);
 		let r = t.entity.children?.find((e) => e.entity === n);
@@ -131,9 +131,9 @@ function De(e, t) {
 	}
 	return e.section ? A(e.section.name) : "Tab";
 }
-function Oe(e, t) {
+function Ae(e, t) {
 	if (e.icon) return e.icon;
-	let n = Ee(e);
+	let n = Oe(e);
 	if (n) {
 		let e = t.entity.children?.find((e) => e.entity === n);
 		if (e?.display?.icon) return e.display.icon;
@@ -143,7 +143,7 @@ function Oe(e, t) {
 }
 //#endregion
 //#region src/components/detail-layout/LayoutTabs.tsx
-function ke({ config: e, ctx: n }) {
+function je({ config: e, ctx: n }) {
 	let { items: r } = e, [i, a] = K(0), o = j(), s = n.detailTabsPresentation ?? (o.isPhone ? "sections" : "scroll");
 	if (r.length === 0) return null;
 	if (s === "sections") {
@@ -165,7 +165,7 @@ function ke({ config: e, ctx: n }) {
 					WebkitOverflowScrolling: "touch"
 				},
 				children: r.map((r, i) => {
-					let a = De(r, n), o = Oe(r, n);
+					let a = ke(r, n), o = Ae(r, n);
 					return /* @__PURE__ */ Y("button", {
 						type: "button",
 						onClick: () => document.getElementById(e[i])?.scrollIntoView({
@@ -201,7 +201,7 @@ function ke({ config: e, ctx: n }) {
 					}, i);
 				})
 			}), r.map((r, i) => {
-				let a = De(r, n), o = Oe(r, n);
+				let a = ke(r, n), o = Ae(r, n);
 				return /* @__PURE__ */ Y("section", {
 					id: e[i],
 					style: {
@@ -268,7 +268,7 @@ function ke({ config: e, ctx: n }) {
 				overflowX: "auto"
 			},
 			children: r.map((e, r) => {
-				let o = De(e, n), s = Oe(e, n), c = r === i;
+				let o = ke(e, n), s = Ae(e, n), c = r === i;
 				return /* @__PURE__ */ Y("button", {
 					role: "tab",
 					"aria-selected": c,
@@ -330,7 +330,7 @@ function ke({ config: e, ctx: n }) {
 }
 //#endregion
 //#region src/components/detail-layout/SectionBlock.tsx
-function Ae({ config: e, ctx: n }) {
+function Me({ config: e, ctx: n }) {
 	let { name: r, items: i, collapsed: a = !1, columns: o, icon: s, badge: c, emphasis: l } = e, u = {
 		...n,
 		withinCard: !0,
@@ -343,14 +343,14 @@ function Ae({ config: e, ctx: n }) {
 		tone: c.tone,
 		dot: c.dot
 	} : void 0;
-	return /* @__PURE__ */ J(P, {
+	return /* @__PURE__ */ J(I, {
 		title: A(r),
 		defaultOpen: !a,
 		icon: d,
 		badge: f,
 		emphasis: l,
 		headingLevel: n.withinCard ? 3 : 2,
-		children: /* @__PURE__ */ J(nn, {
+		children: /* @__PURE__ */ J(ln, {
 			nodes: i,
 			ctx: u
 		})
@@ -358,22 +358,22 @@ function Ae({ config: e, ctx: n }) {
 }
 //#endregion
 //#region src/lib/child-config.ts
-function je(e, t, n) {
+function Ne(e, t, n) {
 	let r = e.display, i = X(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, Ne(t)),
+		name: X(n?.label, r?.name, Fe(t)),
 		icon: X(n?.icon, r?.icon, t.display.icon) ?? "",
 		mode: i,
-		columns: X(n?.columns, r?.columns, Fe(t, e.foreign_key)),
-		sort: X(n?.sort, r?.sort, Pe(t)),
+		columns: X(n?.columns, r?.columns, Le(t, e.foreign_key)),
+		sort: X(n?.sort, r?.sort, Ie(t)),
 		limit: X(n?.limit, r?.limit, a),
 		editable: X(n?.editable, r?.editable, !0),
-		interaction: X(n?.interaction, r?.interaction, Me(t))
+		interaction: X(n?.interaction, r?.interaction, Pe(t))
 	}, s = X(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 = Ie(c ?? {}, t) : c && (o.timeline = c);
+	o.mode === "timeline" ? o.timeline = Re(c ?? {}, t) : c && (o.timeline = c);
 	let l = n?.cards ?? r?.cards;
 	l && (o.cards = l);
 	let u = n?.quick_add ?? e.quick_add;
@@ -382,13 +382,13 @@ function je(e, t, n) {
 function X(e, t, n) {
 	return e ?? t ?? n;
 }
-function Me(e) {
+function Pe(e) {
 	return f(e, "update") ? "inline_edit" : "readonly";
 }
-function Ne(e) {
+function Fe(e) {
 	return e.display.name_plural && Object.keys(e.display.name_plural).length > 0 ? e.display.name_plural : e.display.name;
 }
-function Pe(e) {
+function Ie(e) {
 	if (e.fields.get("created_at")?.type === "timestamp") return "created_at:desc";
 	if (e.fields.get("updated_at")?.type === "timestamp") return "updated_at:desc";
 	for (let t of e.fields.names()) {
@@ -399,10 +399,10 @@ function Pe(e) {
 		let n = e.fields.get(t);
 		if (n && n.type === "date") return t + ":desc";
 	}
-	let t = He(e);
+	let t = We(e);
 	return t ? t + ":asc" : "";
 }
-function Fe(e, t) {
+function Le(e, t) {
 	let n = new Set(Array.isArray(t) ? t : [t]), r = [];
 	for (let t of e.fields.names()) {
 		if (r.length >= 6) break;
@@ -411,11 +411,11 @@ function Fe(e, t) {
 	}
 	return r;
 }
-function Ie(e, t) {
+function Re(e, t) {
 	let n = { ...e };
-	return n.time_field ||= ze(t), n.type_field ||= Be(t, "enum"), n.summary_field ||= Ve(t, "string", "text", "rich_text"), n.content_field ||= Ve(t, "rich_text", "text"), n.summary_field && n.content_field && n.summary_field === n.content_field && (n.summary_field = void 0), n.author_field || t.fields.get("created_by") && (n.author_field = "created_by"), n.direction_field ||= Le(t), n.intent_field ||= Re(t), n;
+	return n.time_field ||= Ve(t), n.type_field ||= He(t, "enum"), n.summary_field ||= Ue(t, "string", "text", "rich_text"), n.content_field ||= Ue(t, "rich_text", "text"), n.summary_field && n.content_field && n.summary_field === n.content_field && (n.summary_field = void 0), n.author_field || t.fields.get("created_by") && (n.author_field = "created_by"), n.direction_field ||= ze(t), n.intent_field ||= Be(t), n;
 }
-function Le(e) {
+function ze(e) {
 	let t = e.fields.get("direction");
 	if (t && t.type === "enum") return "direction";
 	for (let t of [
@@ -428,11 +428,11 @@ function Le(e) {
 		if (n && n.type === "bool") return t;
 	}
 }
-function Re(e) {
+function Be(e) {
 	let t = e.fields.get("intent");
 	if (t && t.type === "enum") return "intent";
 }
-function ze(e) {
+function Ve(e) {
 	for (let t of e.fields.names()) {
 		let n = e.fields.get(t);
 		if (n && n.type === "timestamp" && !n.auto) return t;
@@ -444,13 +444,13 @@ function ze(e) {
 		if (n && n.type === "timestamp") return t;
 	}
 }
-function Be(e, t) {
+function He(e, t) {
 	for (let n of e.fields.names()) {
 		let r = e.fields.get(n);
 		if (r && r.type === t) return n;
 	}
 }
-function Ve(e, ...t) {
+function Ue(e, ...t) {
 	for (let n of e.fields.names()) {
 		let r = e.fields.get(n);
 		if (r) {
@@ -458,16 +458,16 @@ function Ve(e, ...t) {
 		}
 	}
 }
-function He(e) {
+function We(e) {
 	let t = T(e);
 	return t.length > 0 ? t[0] : void 0;
 }
-function Ue(e, t) {
+function Ge(e, t) {
 	return e.children?.find((e) => e.entity === t);
 }
 //#endregion
 //#region src/lib/quick-add.ts
-function We(e, t, n, r) {
+function Ke(e, t, n, r) {
 	let i = {
 		...t ?? {},
 		...e
@@ -479,7 +479,7 @@ function We(e, t, n, r) {
 	} else i[n] = Array.isArray(r) ? r[0] : r;
 	return i;
 }
-function Ge(e, t) {
+function qe(e, t) {
 	for (let n of t) {
 		let t = e[n];
 		if (t == null || t === "") return !1;
@@ -488,16 +488,16 @@ function Ge(e, t) {
 }
 //#endregion
 //#region src/components/detail-layout/useQuickAdd.ts
-function Ke(e, t, n, r) {
+function Je(e, t, n, r) {
 	let [i, o] = K(() => {
 		let t = e.quick_add, n = r.entities[e.entity], i = {};
 		if (t?.fields) for (let e of t.fields) t.defaults?.[e] == null ? n?.fields.get(e)?.type === "timestamp" && (i[e] = a()) : i[e] = t.defaults[e];
 		return i;
-	}), s = ye(), { mutate: c, isPending: l, error: u, reset: d } = ve({
+	}), s = xe(), { mutate: c, isPending: l, error: u, reset: d } = be({
 		mutationFn: (t) => O(e.entity, t),
 		onMutate: async (r) => {
 			let i = [
-				N,
+				ee,
 				t,
 				Array.isArray(n) ? h(n.map(String)) : n,
 				e.entity
@@ -534,16 +534,16 @@ function Ke(e, t, n, r) {
 		onSettled: () => {
 			let r = Array.isArray(n) ? h(n.map(String)) : n;
 			s.invalidateQueries({ queryKey: [
-				N,
+				ee,
 				t,
 				r,
 				e.entity
 			] });
 		}
-	}), f = e.quick_add, p = r.entities[e.entity], m = Ge(i, f?.fields.filter((e) => p?.fields.get(e)?.required) ?? []);
+	}), f = e.quick_add, p = r.entities[e.entity], m = qe(i, f?.fields.filter((e) => p?.fields.get(e)?.required) ?? []);
 	function g(t) {
 		if (t.preventDefault(), !f) return;
-		let r = We(i, f.defaults, e.foreign_key, n);
+		let r = Ke(i, f.defaults, e.foreign_key, n);
 		c(r);
 	}
 	function _(e, t) {
@@ -565,8 +565,8 @@ function Ke(e, t, n, r) {
 }
 //#endregion
 //#region src/components/detail-layout/QuickAddForm.tsx
-function qe({ 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 } = Ke(t, n, r, a), m = b(), h = j(), g = he();
+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();
 	return !s || s.fields.length === 0 || !c ? null : /* @__PURE__ */ Y("form", {
 		onSubmit: f,
 		style: {
@@ -634,14 +634,104 @@ function qe({ config: t, parentEntity: n, parentId: r, schema: a }) {
 	});
 }
 //#endregion
+//#region src/components/detail-layout/useManualColumnResize.tsx
+function Xe(e, t, n) {
+	return `${e}::child::${t}.${n}`;
+}
+function Ze(e) {
+	return Math.min(L, Math.max(60, Math.round(e)));
+}
+function Qe(e) {
+	let { widths: t, setWidths: n, resetWidths: r } = ne(e), [i, a] = K({}), o = G(null);
+	U(() => {
+		let e = (e) => {
+			let t = o.current;
+			if (!t) return;
+			let n = Ze(t.startWidth + (e.clientX - t.startX));
+			t.current = n, a({ [t.colId]: n });
+		}, t = () => {
+			let e = o.current;
+			e && (o.current = null, n({ [e.colId]: e.current }), a({}));
+		};
+		return window.addEventListener("mousemove", e), window.addEventListener("mouseup", t), () => {
+			window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t);
+		};
+	}, [n]);
+	let s = H((e, n) => {
+		n.preventDefault(), n.stopPropagation();
+		let r = n.currentTarget.closest("th")?.getBoundingClientRect().width, i = t[e] ?? (r && r > 0 ? r : 150);
+		o.current = {
+			colId: e,
+			startX: n.clientX,
+			startWidth: Math.round(i),
+			current: Math.round(i)
+		};
+	}, [t]);
+	return {
+		headerStyle: H((e, n) => {
+			let r = i[e] ?? t[e];
+			return r == null ? {
+				...n,
+				position: "relative"
+			} : {
+				...n,
+				position: "relative",
+				width: r,
+				minWidth: r,
+				maxWidth: r
+			};
+		}, [i, t]),
+		cellStyle: H((e, n) => {
+			let r = i[e] ?? t[e];
+			return r == null ? n : {
+				...n,
+				width: r,
+				maxWidth: r,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			};
+		}, [i, t]),
+		onHandleMouseDown: s,
+		hasWidths: Object.keys(t).length > 0,
+		resetWidths: r
+	};
+}
+function $e({ colId: e, onMouseDown: t }) {
+	return /* @__PURE__ */ J("span", {
+		"data-testid": "col-resize-handle",
+		"aria-hidden": "true",
+		onMouseDown: (n) => t(e, n),
+		onClick: (e) => e.stopPropagation(),
+		style: {
+			position: "absolute",
+			top: 0,
+			right: 0,
+			height: "100%",
+			width: 9,
+			display: "flex",
+			justifyContent: "center",
+			cursor: "col-resize",
+			userSelect: "none"
+		},
+		children: /* @__PURE__ */ J("span", { style: {
+			width: 2,
+			height: "55%",
+			alignSelf: "center",
+			background: "var(--border)",
+			borderRadius: 1
+		} })
+	});
+}
+//#endregion
 //#region src/components/detail-layout/ChildrenTable.tsx
-function Je({ config: t, parentEntity: n, parentId: i, schema: a }) {
-	let s = a.entities[t.entity], c = b(), l = ne((e) => e.degradedEntities), { data: f, isLoading: p, isError: h, isFetching: g, refetch: _ } = I(n, i, t.entity, t.foreign_key, t.sort, t.limit), v = f?.data ?? [], x = f?.$refs, S = G(x);
-	S.current = x;
-	let C = t.columns, w = t.interaction === "navigate", T = C[0], E = w && s ? y(void 0, s, a.screens) : null, D = s ? He(s) : void 0, O = W(() => {
+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 e = /* @__PURE__ */ new Map();
 		if (!s) return e;
-		for (let t of C) {
+		for (let t of T) {
 			let n = s.fields.get(t);
 			n && e.set(t, d({
 				field: n,
@@ -650,17 +740,17 @@ function Je({ config: t, parentEntity: n, parentId: i, schema: a }) {
 				entity: s,
 				entities: a.entities,
 				screens: a.screens,
-				refs: () => S.current,
-				locale: c
+				refs: () => w.current,
+				locale: f
 			}));
 		}
 		return e;
 	}, [
 		s,
-		C,
+		T,
 		a.entities,
 		a.screens,
-		c
+		f
 	]);
 	if (!s) return /* @__PURE__ */ J("div", {
 		style: {
@@ -670,12 +760,12 @@ function Je({ config: t, parentEntity: n, parentId: i, schema: a }) {
 		},
 		children: "Entity not found."
 	});
-	let A = /* @__PURE__ */ J(qe, {
+	let M = /* @__PURE__ */ J(Ye, {
 		config: t,
 		parentEntity: n,
 		parentId: i,
 		schema: a
-	}), j = /* @__PURE__ */ Y("div", {
+	}), N = F(s.realtime, p, t.entity), P = /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -683,32 +773,41 @@ function Je({ config: t, parentEntity: n, parentId: i, schema: a }) {
 			padding: "4px 0",
 			justifyContent: "flex-end"
 		},
-		children: [ee(s.realtime, l, t.entity) && /* @__PURE__ */ J("span", {
-			"data-testid": "children-live-indicator",
-			title: "This table updates automatically in realtime.",
-			children: /* @__PURE__ */ J(u, {
-				tone: "emerald",
-				size: "xs",
-				dot: !0,
-				children: "Live"
+		children: [
+			l.hasWidths && /* @__PURE__ */ J(r, {
+				icon: /* @__PURE__ */ J(e.columns, { size: 13 }),
+				title: "Reset column widths (this device)",
+				size: 24,
+				onClick: l.resetWidths
+			}),
+			N && /* @__PURE__ */ J("span", {
+				"data-testid": "children-live-indicator",
+				title: "This table updates automatically in realtime.",
+				children: /* @__PURE__ */ J(u, {
+					tone: "emerald",
+					size: "xs",
+					dot: !0,
+					children: "Live"
+				})
+			}),
+			/* @__PURE__ */ J(r, {
+				icon: v ? /* @__PURE__ */ J("span", {
+					"data-testid": "children-refresh-spinner",
+					style: { display: "inline-flex" },
+					children: /* @__PURE__ */ J(o, { size: 13 })
+				}) : /* @__PURE__ */ J(e.refresh, { size: 13 }),
+				title: "Refresh",
+				size: 24,
+				disabled: v,
+				onClick: () => {
+					x();
+				}
 			})
-		}), /* @__PURE__ */ J(r, {
-			icon: g ? /* @__PURE__ */ J("span", {
-				"data-testid": "children-refresh-spinner",
-				style: { display: "inline-flex" },
-				children: /* @__PURE__ */ J(o, { size: 13 })
-			}) : /* @__PURE__ */ J(e.refresh, { size: 13 }),
-			title: "Refresh",
-			size: 24,
-			disabled: g,
-			onClick: () => {
-				_();
-			}
-		})]
+		]
 	});
-	return h ? /* @__PURE__ */ Y("div", { children: [
-		A,
-		j,
+	return _ ? /* @__PURE__ */ Y("div", { children: [
+		M,
+		P,
 		/* @__PURE__ */ J("div", {
 			style: {
 				fontSize: 12.5,
@@ -717,9 +816,9 @@ function Je({ config: t, parentEntity: n, parentId: i, schema: a }) {
 			},
 			children: "Failed to load. Try again."
 		})
-	] }) : p ? /* @__PURE__ */ Y("div", { children: [
-		A,
-		j,
+	] }) : g ? /* @__PURE__ */ Y("div", { children: [
+		M,
+		P,
 		/* @__PURE__ */ J("div", {
 			style: {
 				display: "flex",
@@ -737,9 +836,9 @@ function Je({ config: t, parentEntity: n, parentId: i, schema: a }) {
 				borderRadius: 4
 			} }, e))
 		})
-	] }) : v.length === 0 ? /* @__PURE__ */ Y("div", { children: [
-		A,
-		j,
+	] }) : S.length === 0 ? /* @__PURE__ */ Y("div", { children: [
+		M,
+		P,
 		/* @__PURE__ */ J("div", {
 			style: {
 				fontSize: 12.5,
@@ -749,25 +848,28 @@ function Je({ config: t, parentEntity: n, parentId: i, schema: a }) {
 			children: "No records yet."
 		})
 	] }) : /* @__PURE__ */ Y("div", { children: [
-		A,
-		j,
+		M,
+		P,
 		/* @__PURE__ */ J("div", {
 			style: { overflowX: "auto" },
 			children: /* @__PURE__ */ Y("table", {
-				style: le,
-				children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ J("tr", { children: C.map((e) => {
+				style: de,
+				children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ J("tr", { children: T.map((e) => {
 					let t = s.fields.get(e);
-					return /* @__PURE__ */ J("th", {
-						style: ce,
-						children: t ? k(t, e, a.entities) : e
+					return /* @__PURE__ */ Y("th", {
+						style: l.headerStyle(e, ue),
+						children: [t ? k(t, e, a.entities) : e, /* @__PURE__ */ J($e, {
+							colId: e,
+							onMouseDown: l.onHandleMouseDown
+						})]
 					}, e);
-				}) }) }), /* @__PURE__ */ J("tbody", { children: v.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 = O.get(t), a = i ? i(e[t], e) : m(e[t]);
+				}) }) }), /* @__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]);
 						return /* @__PURE__ */ J("td", {
 							title: typeof a == "string" ? a : void 0,
-							style: ue,
+							style: l.cellStyle(t, fe),
 							children: n && r ? /* @__PURE__ */ J("a", {
 								href: r,
 								style: {
@@ -788,8 +890,8 @@ function Je({ config: t, parentEntity: n, parentId: i, schema: a }) {
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenList.tsx
-function Ye({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let i = r.entities[e.entity], a = b(), { data: o, isLoading: s, isError: c } = I(t, n, e.entity, e.foreign_key, e.sort, e.limit), l = o?.data ?? [], u = o?.$refs, d = e.columns;
+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", {
 		style: {
 			fontSize: 12.5,
@@ -798,7 +900,7 @@ function Ye({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "Entity not found."
 	});
-	let f = /* @__PURE__ */ J(qe, {
+	let f = /* @__PURE__ */ J(Ye, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
@@ -908,8 +1010,8 @@ function Ye({ config: e, parentEntity: t, parentId: n, schema: r }) {
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenCards.tsx
-function Xe({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let i = r.entities[e.entity], a = b(), { data: o, isLoading: s, isError: c } = I(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;
+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", {
 		style: {
 			fontSize: 12.5,
@@ -922,7 +1024,7 @@ function Xe({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		display: "grid",
 		gridTemplateColumns: `repeat(auto-fill, minmax(${_ >= 4 ? 180 : 240}px, 1fr))`,
 		gap: 12
-	}, x = /* @__PURE__ */ J(qe, {
+	}, x = /* @__PURE__ */ J(Ye, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
@@ -1051,11 +1153,11 @@ function Xe({ config: e, parentEntity: t, parentId: n, schema: r }) {
 }
 //#endregion
 //#region src/hooks/useTimelineData.ts
-var Ze = 50;
-function Qe(e, t, n, r, i, a) {
-	let o = Array.isArray(r) ? r : [r], s = Array.isArray(r) ? _(t, o.length) : [t], c = a ?? Ze, l = _e({
+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({
 		queryKey: [
-			N,
+			ee,
 			e,
 			t,
 			n,
@@ -1089,15 +1191,15 @@ function Qe(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/components/detail-layout/TimelineComposer.tsx
-var $e = "quick_entry", et = 100, tt = 240, nt = 800, rt = 80;
-function it({ 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 } = Ke(t, n, r, a), m = b(), [h, g] = K(tt), _ = G(null), y = G(null), [x, S] = K(nt);
+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);
 	U(() => {
 		let e = y.current?.parentElement;
 		if (!e) return;
 		let t = () => {
-			let t = Math.max(et, e.clientHeight - rt);
-			S(Math.min(nt, t));
+			let t = Math.max(ot, e.clientHeight - lt);
+			S(Math.min(ct, t));
 		};
 		t();
 		let n = new ResizeObserver(t);
@@ -1119,7 +1221,7 @@ function it({ config: t, parentEntity: n, parentId: r, schema: a }) {
 			t && (t.querySelector("textarea, input, select, [contenteditable]") ?? t).focus();
 		}
 	}), []);
-	U(() => E($e, D), [D]);
+	U(() => E(at, D), [D]);
 	let O = H((e) => {
 		e.preventDefault(), _.current = {
 			startY: e.clientY,
@@ -1127,7 +1229,7 @@ function it({ 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(et, _.current.startHeight + t));
+			let t = _.current.startY - e.clientY, n = Math.min(x, Math.max(ot, _.current.startHeight + t));
 			g(n);
 		}, n = () => {
 			_.current = null, document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
@@ -1287,33 +1389,33 @@ function it({ config: t, parentEntity: n, parentId: r, schema: a }) {
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenTimeline.tsx
-var at = 80, ot = 200;
-function st(e, t) {
-	if (ct(t)) {
+var dt = 80, ft = 200;
+function pt(e, t) {
+	if (mt(t)) {
 		let e = t.id;
 		return e == null ? "" : m(e);
 	}
 	return p(D(e, t));
 }
-function ct(e) {
+function mt(e) {
 	return e.__optimistic === !0;
 }
-function lt({ 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 } = Qe(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);
+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);
 	U(() => {
 		x.current = !1, S.current = 0, C.current = null, w.current = null, T.current = !0, E.current = null;
-	}, [n]), ge(() => {
+	}, [n]), ve(() => {
 		!d || !y.current || (E.current = {
 			scrollHeight: y.current.scrollHeight,
 			scrollTop: y.current.scrollTop
 		});
-	}, [d]), ge(() => {
+	}, [d]), ve(() => {
 		let e = y.current;
 		if (!e || _.length === 0 || !a) {
 			S.current = _.length;
 			return;
 		}
-		let t = st(a, _[0]), n = st(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(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;
 		if (r) g && v === "bottom" && (e.scrollTop = e.scrollHeight), x.current = !0;
 		else if (o && E.current) {
 			let t = E.current;
@@ -1328,7 +1430,7 @@ function lt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 	]);
 	let D = H(() => {
 		let e = y.current;
-		e && (T.current = e.scrollHeight - e.scrollTop - e.clientHeight < at);
+		e && (T.current = e.scrollHeight - e.scrollTop - e.clientHeight < dt);
 	}, []);
 	U(() => {
 		let e = b.current;
@@ -1337,7 +1439,7 @@ function lt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			for (let t of e) t.isIntersecting && u && !d && l();
 		}, {
 			root: y.current ?? null,
-			rootMargin: `${ot}px 0px 0px 0px`,
+			rootMargin: `${ft}px 0px 0px 0px`,
 			threshold: 0
 		});
 		return t.observe(e), () => t.disconnect();
@@ -1368,12 +1470,12 @@ function lt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			icon: d ? /* @__PURE__ */ J(o, { size: 11 }) : void 0,
 			children: d ? "Loading…" : "Load older"
 		})
-	}) : null, ee = /* @__PURE__ */ J("div", {
+	}) : null, P = /* @__PURE__ */ J("div", {
 		ref: b,
 		"aria-hidden": "true",
 		style: { height: 1 }
-	}), P;
-	if (p) P = /* @__PURE__ */ J("div", {
+	}), F;
+	if (p) F = /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
@@ -1381,7 +1483,7 @@ function lt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		},
 		children: "Failed to load."
 	});
-	else if (f) P = /* @__PURE__ */ Y("div", {
+	else if (f) F = /* @__PURE__ */ Y("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -1398,7 +1500,7 @@ function lt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			borderRadius: 8
 		} })]
 	});
-	else if (_.length === 0) P = /* @__PURE__ */ Y(q, { children: [ee, /* @__PURE__ */ J("div", {
+	else if (_.length === 0) F = /* @__PURE__ */ Y(q, { children: [P, /* @__PURE__ */ J("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -1408,8 +1510,8 @@ function lt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 	})] });
 	else {
 		let i = (i, o) => {
-			let s = st(a, i) || String(o);
-			return /* @__PURE__ */ J(ut, {
+			let s = pt(a, i) || String(o);
+			return /* @__PURE__ */ J(gt, {
 				row: i,
 				rowId: s,
 				childEntity: a,
@@ -1424,16 +1526,16 @@ function lt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 				onCancelEdit: () => k(null),
 				onSaved: () => k(null),
 				schema: r,
-				optimistic: ct(i)
+				optimistic: mt(i)
 			}, s);
 		}, o = m?.time_field, s;
 		if (o) {
 			let e = [];
 			_.forEach((t, n) => {
-				let r = t[o], i = dt(r), a = e[e.length - 1];
+				let r = t[o], i = _t(r), a = e[e.length - 1];
 				!a || a.key !== i ? e.push({
 					key: i,
-					label: ft(r),
+					label: vt(r),
 					rows: [{
 						row: t,
 						idx: n
@@ -1448,14 +1550,14 @@ function lt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					flexDirection: "column",
 					gap: 8
 				},
-				children: [/* @__PURE__ */ J(pt, {
+				children: [/* @__PURE__ */ J(yt, {
 					label: e.label,
 					count: e.rows.length
 				}), e.rows.map(({ row: e, idx: t }) => i(e, t))]
 			}, `day-${e.key}`));
 		} else s = _.map((e, t) => i(e, t));
-		P = /* @__PURE__ */ Y(q, { children: [
-			ee,
+		F = /* @__PURE__ */ Y(q, { children: [
+			P,
 			N,
 			s
 		] });
@@ -1496,9 +1598,9 @@ function lt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					flexDirection: "column",
 					gap: 8
 				},
-				children: P
+				children: F
 			}),
-			/* @__PURE__ */ J(it, {
+			/* @__PURE__ */ J(ut, {
 				config: e,
 				parentEntity: t,
 				parentId: n,
@@ -1511,18 +1613,18 @@ function lt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			flexDirection: "column",
 			gap: 8
 		},
-		children: P
-	}), /* @__PURE__ */ J(it, {
+		children: F
+	}), /* @__PURE__ */ J(ut, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
 		schema: r
 	})] });
 }
-function ut({ 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 = ye(), E = b(), [D, O] = K({}), A = H(() => {
+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: [
-			N,
+			ee,
 			c,
 			d,
 			s
@@ -1532,7 +1634,7 @@ function ut({ row: t, rowId: n, childEntity: a, entityCode: s, parentEntity: c,
 		c,
 		d,
 		s
-	]), j = ve({
+	]), j = be({
 		mutationFn: (e) => {
 			let r = t.$row_version;
 			return S(s, n, typeof r == "string" && r !== "" ? {
@@ -1544,13 +1646,13 @@ function ut({ row: t, rowId: n, childEntity: a, entityCode: s, parentEntity: c,
 			A(), l.success("Updated"), y();
 		},
 		onError: (e) => l.error(e.message)
-	}), M = ve({
+	}), M = be({
 		mutationFn: () => C(s, n),
 		onSuccess: () => {
 			A(), l.success("Deleted");
 		},
 		onError: (e) => l.error(e.message)
-	}), ee = H(() => {
+	}), N = H(() => {
 		let e = {};
 		for (let n of p) e[n] = t[n] ?? "";
 		O(e), g();
@@ -1666,7 +1768,7 @@ function ut({ row: t, rowId: n, childEntity: a, entityCode: s, parentEntity: c,
 							locale: E
 						})
 					}),
-					B && t[B] != null && a.fields.get(B) && /* @__PURE__ */ J(mt, {
+					B && t[B] != null && a.fields.get(B) && /* @__PURE__ */ J(bt, {
 						value: t[B],
 						field: a.fields.get(B)
 					}),
@@ -1706,7 +1808,7 @@ function ut({ row: t, rowId: n, childEntity: a, entityCode: s, parentEntity: c,
 						children: [/* @__PURE__ */ J(r, {
 							size: 22,
 							icon: /* @__PURE__ */ J(e.edit, { size: 11 }),
-							onClick: ee,
+							onClick: N,
 							title: "Edit"
 						}), /* @__PURE__ */ J(r, {
 							size: 22,
@@ -1752,12 +1854,12 @@ function ut({ row: t, rowId: n, childEntity: a, entityCode: s, parentEntity: c,
 		]
 	});
 }
-function dt(e) {
+function _t(e) {
 	if (e == null) return "";
 	let t = new Date(m(e));
 	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`;
 }
-function ft(e) {
+function vt(e) {
 	if (e == null) return "—";
 	let t = new Date(m(e));
 	if (Number.isNaN(t.getTime())) return "—";
@@ -1770,7 +1872,7 @@ function ft(e) {
 		day: "numeric"
 	});
 }
-function pt({ label: e, count: t }) {
+function yt({ label: e, count: t }) {
 	return /* @__PURE__ */ Y("div", {
 		style: {
 			position: "sticky",
@@ -1807,8 +1909,8 @@ function pt({ label: e, count: t }) {
 		]
 	});
 }
-function mt({ value: t, field: n }) {
-	let r = ht(t, n);
+function bt({ value: t, field: n }) {
+	let r = xt(t, n);
 	return r === null ? null : /* @__PURE__ */ Y("span", {
 		style: {
 			display: "inline-flex",
@@ -1824,7 +1926,7 @@ function mt({ value: t, field: n }) {
 		children: [J(r ? e.arrowUp : e.arrowDown, { size: 10 }), r ? "Out" : "In"]
 	});
 }
-function ht(e, t) {
+function xt(e, t) {
 	if (t.type === "bool") return e === !0;
 	if (typeof e == "string") {
 		let t = e.toLowerCase();
@@ -1835,7 +1937,7 @@ function ht(e, t) {
 }
 //#endregion
 //#region src/components/detail-layout/EditableChildrenTable.tsx
-function gt({ config: t, childEntity: n, schema: a, rows: o, onChange: s, validationErrors: c, refs: l, forceTablePresentation: u = !1 }) {
+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) => {
 		if (_.has(e) || t.position_field && e === t.position_field) return !1;
 		let r = n.fields.get(e);
@@ -1928,7 +2030,7 @@ function gt({ config: t, childEntity: n, schema: a, rows: o, onChange: s, valida
 				}
 			});
 		} else e.key === "Escape" && t.blur?.();
-	}, [C]), O = ce;
+	}, [C]), O = ue;
 	return f.isPhone && !u ? /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("div", {
 		style: {
 			display: "flex",
@@ -2071,7 +2173,7 @@ function gt({ config: t, childEntity: n, schema: a, rows: o, onChange: s, valida
 		style: { overflowX: "auto" },
 		children: /* @__PURE__ */ Y("table", {
 			ref: p,
-			style: le,
+			style: de,
 			onKeyDown: D,
 			children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ Y("tr", { children: [h.map((e) => {
 				let t = n.fields.get(e);
@@ -2161,13 +2263,13 @@ function gt({ config: t, childEntity: n, schema: a, rows: o, onChange: s, valida
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenBlock.tsx
-var _t = pe(() => import("./DraggableChildrenTable-CI5a0Emm.js").then((e) => ({ default: e.DraggableChildrenTable })));
-function vt({ node: e, ctx: n }) {
+var Ct = he(() => import("./DraggableChildrenTable-DziCVhq6.js").then((e) => ({ default: e.DraggableChildrenTable })));
+function wt({ node: e, ctx: n }) {
 	let r = j(), i = e.children;
 	if (!i) return null;
 	let a = r.isPhone && n.relatedRecordsPresentation === "table";
 	if (n.isNew && n.mode !== "edit") return null;
-	let o = Ue(n.entity, i);
+	let o = Ge(n.entity, i);
 	if (!o) return /* @__PURE__ */ Y("div", {
 		className: "text-sm text-muted-foreground py-2",
 		children: ["Unknown child relation: ", i]
@@ -2177,7 +2279,7 @@ function vt({ node: e, ctx: n }) {
 		className: "text-sm text-muted-foreground py-2",
 		children: ["Entity not found: ", o.entity]
 	});
-	let c = je(o, s, e), l = De(e, n), u = Oe(e, n), d = (e) => c.mode === "timeline" || n.withinCard ? e : /* @__PURE__ */ J(P, {
+	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, {
 		title: l,
 		icon: u ? /* @__PURE__ */ J(t, {
 			name: u,
@@ -2186,9 +2288,9 @@ function vt({ node: e, ctx: n }) {
 		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) {
-		let e = n.pendingChildren[i] ?? [], t = n.childValidationErrors?.[i], o = c.position_field ? r.isPhone && !a ? gt : _t : gt;
-		return d(/* @__PURE__ */ J(de, {
-			fallback: /* @__PURE__ */ J(F, {}),
+		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, {}),
 			children: /* @__PURE__ */ J(o, {
 				config: c,
 				childEntity: s,
@@ -2209,33 +2311,33 @@ function vt({ node: e, ctx: n }) {
 		schema: n.schema
 	};
 	switch (c.mode) {
-		case "list": return d(/* @__PURE__ */ J(Ye, { ...p }));
-		case "cards": return d(/* @__PURE__ */ J(Xe, { ...p }));
-		case "timeline": return d(/* @__PURE__ */ J(lt, { ...p }));
-		default: return r.isPhone && !a ? d(/* @__PURE__ */ J(Xe, { ...p })) : d(/* @__PURE__ */ J(Je, { ...p }));
+		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 }));
 	}
 }
 //#endregion
 //#region src/components/detail-layout/FieldRow.tsx
-var yt = 150, bt = 560, xt = "20px", St = 4, Ct = /* @__PURE__ */ new Set([
+var Tt = 150, Et = 560, Dt = "20px", Ot = 4, kt = /* @__PURE__ */ new Set([
 	"text",
 	"rich_text",
 	"json",
 	"structure",
 	"multilang_text"
-]), wt = fe({ columns: 2 });
-function Tt({ columns: e = 2, children: t }) {
+]), At = me({ columns: 2 });
+function jt({ columns: e = 2, children: t }) {
 	let n = G(null), [r, i] = K(!1);
 	U(() => {
 		let t = n.current;
 		if (!t || e === 1 || typeof ResizeObserver > "u") return;
 		let r = new ResizeObserver(([e]) => {
-			i(e.contentRect.width < bt);
+			i(e.contentRect.width < Et);
 		});
 		return r.observe(t), () => r.disconnect();
 	}, [e]);
 	let a = e === 1 || r ? 1 : e;
-	return /* @__PURE__ */ J(wt.Provider, {
+	return /* @__PURE__ */ J(At.Provider, {
 		value: { columns: a },
 		children: /* @__PURE__ */ J("div", {
 			ref: n,
@@ -2249,8 +2351,8 @@ function Tt({ columns: e = 2, children: t }) {
 		})
 	});
 }
-function Et({ 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 = me(wt), g = r || h.columns === 1, _ = !!a;
+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;
 	return /* @__PURE__ */ Y("div", {
 		className: "detail-row",
 		"data-error": _ || void 0,
@@ -2265,11 +2367,11 @@ function Et({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 		},
 		children: [/* @__PURE__ */ Y("div", {
 			style: {
-				width: g ? "auto" : yt,
+				width: g ? "auto" : Tt,
 				flexShrink: 0,
-				paddingTop: g ? 0 : St,
+				paddingTop: g ? 0 : Ot,
 				fontSize: 12,
-				lineHeight: xt,
+				lineHeight: Dt,
 				fontWeight: 500,
 				color: "var(--text-3)",
 				display: "flex",
@@ -2313,10 +2415,10 @@ function Et({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 						flex: 1,
 						minWidth: 0,
 						fontSize: 13,
-						lineHeight: xt,
+						lineHeight: Dt,
 						color: "var(--text)",
 						overflowWrap: "anywhere",
-						paddingTop: u === "display" && !g ? St : 0
+						paddingTop: u === "display" && !g ? Ot : 0
 					},
 					children: _ && u === "edit" ? /* @__PURE__ */ J("div", {
 						style: {
@@ -2355,18 +2457,18 @@ function Et({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 }
 //#endregion
 //#region src/components/detail-layout/FieldsBlock.tsx
-function Dt({ fields: e, ctx: t }) {
+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;
-	return /* @__PURE__ */ J(Tt, {
+	return /* @__PURE__ */ J(jt, {
 		columns: l,
 		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 = L(n, l), _ = g?.read === "denied", v = g?.write === "denied", y = a === "display" ? _ : v || _, b = h || a === "edit" && v ? "display" : a, x = y ? /* @__PURE__ */ J(se, {
+			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: oe(s, n, l),
+				tierDef: ce(s, n, l),
 				requiredPermission: g?.required_permission,
 				locale: c,
 				variant: b === "edit" ? "input" : "value"
-			}) : z({
+			}) : ie({
 				entity: n,
 				entityCode: r,
 				fieldName: l,
@@ -2381,14 +2483,14 @@ function Dt({ fields: e, ctx: t }) {
 				labelId: f
 			});
 			if (!x) return null;
-			let S = a === "display" && e.actions && e.actions.length > 0 ? /* @__PURE__ */ J(q, { children: e.actions.map((e, t) => /* @__PURE__ */ J(B, {
+			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}]`,
 				action: e,
 				entityCode: r,
 				row: i,
 				variant: "ghost",
 				size: "icon"
-			}, t)) }) : void 0, C = !!p && Ct.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);
+			}, 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", {
 				style: { gridColumn: "1 / -1" },
 				children: [x, b === "edit" && E && /* @__PURE__ */ J("div", {
@@ -2400,8 +2502,8 @@ function Dt({ fields: e, ctx: t }) {
 					},
 					children: E
 				})]
-			}, l) : /* @__PURE__ */ J(Et, {
-				label: ae(n, l, s.entities),
+			}, l) : /* @__PURE__ */ J(Mt, {
+				label: oe(n, l, s.entities),
 				htmlFor: b === "edit" ? d : void 0,
 				labelId: f,
 				labelTitle: E || void 0,
@@ -2419,7 +2521,7 @@ function Dt({ fields: e, ctx: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/PropertiesBlock.tsx
-var Ot = /* @__PURE__ */ new Set([
+var Pt = /* @__PURE__ */ new Set([
 	"string",
 	"text",
 	"int",
@@ -2427,16 +2529,16 @@ var Ot = /* @__PURE__ */ new Set([
 	"decimal",
 	"email",
 	"url"
-]), kt = 500;
-function At({ node: e, ctx: t }) {
+]), 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(Tt, {
+	return u.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;
-			return /* @__PURE__ */ J(jt, {
+			return /* @__PURE__ */ J(Lt, {
 				propCode: e,
 				prop: a,
 				field: l,
@@ -2450,25 +2552,25 @@ function At({ node: e, ctx: t }) {
 		})
 	});
 }
-function jt({ propCode: e, prop: t, field: n, value: r, mode: i, onSetProperty: a, refs: o, entity: s, schema: c }) {
+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);
 	U(() => () => {
 		u.current && clearTimeout(u.current);
 	}, []);
 	let d = H((n) => {
-		a && (Ot.has(t.type) ? (u.current && clearTimeout(u.current), u.current = setTimeout(() => a(e, n), kt)) : a(e, n));
+		a && (Pt.has(t.type) ? (u.current && clearTimeout(u.current), u.current = setTimeout(() => a(e, n), Ft)) : a(e, n));
 	}, [
 		e,
 		t.type,
 		a
-	]), f = L(s, e), p = f?.read === "denied", m = f?.write === "denied", h = i === "display" ? p : m || p, g = i === "edit" && m ? "display" : i;
-	return /* @__PURE__ */ J(Et, {
+	]), f = te(s, e), p = f?.read === "denied", m = f?.write === "denied", h = i === "display" ? p : m || p, g = i === "edit" && m ? "display" : i;
+	return /* @__PURE__ */ J(Mt, {
 		label: A(t.display?.name ?? t.name),
 		mode: g,
-		span: Ct.has(t.type),
-		children: h ? /* @__PURE__ */ J(se, {
+		span: kt.has(t.type),
+		children: h ? /* @__PURE__ */ J(N, {
 			tier: f.classification,
-			tierDef: oe(c, s, e),
+			tierDef: ce(c, s, e),
 			requiredPermission: f?.required_permission,
 			locale: l,
 			variant: g === "edit" ? "input" : "value"
@@ -2485,7 +2587,7 @@ function jt({ propCode: e, prop: t, field: n, value: r, mode: i, onSetProperty:
 }
 //#endregion
 //#region src/components/shared/StatusStepper.tsx
-function Mt({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1 }) {
+function Rt({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1 }) {
 	let o = t.findIndex((e) => e.code === n);
 	return /* @__PURE__ */ J("div", {
 		role: "list",
@@ -2552,7 +2654,7 @@ function Mt({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1
 }
 //#endregion
 //#region src/components/shared/StatusGroupsDisplay.tsx
-function Nt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r, mode: i = "edit" }) {
+function zt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r, mode: i = "edit" }) {
 	return /* @__PURE__ */ J("div", {
 		style: {
 			display: "flex",
@@ -2584,7 +2686,7 @@ function Nt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 							opacity: r ? .6 : 1,
 							pointerEvents: r ? "none" : "auto"
 						},
-						children: /* @__PURE__ */ J(Mt, {
+						children: /* @__PURE__ */ J(Rt, {
 							stages: a.statuses.map((e) => ({
 								code: e.code,
 								label: A(e.name)
@@ -2669,31 +2771,31 @@ function Nt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 }
 //#endregion
 //#region src/components/detail-layout/StatusesBlock.tsx
-var Pt = () => {};
-function Ft({ node: e, ctx: t }) {
+var Bt = () => {};
+function Vt({ 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(Nt, {
+	return Object.keys(l).length === 0 ? null : /* @__PURE__ */ J(zt, {
 		statusGroups: l,
 		objectStatuses: r,
-		onSetStatus: i ?? Pt,
+		onSetStatus: i ?? Bt,
 		isPending: a ?? !1,
 		mode: t.mode
 	});
 }
 //#endregion
 //#region src/components/detail-layout/widgets/canonicalizeJson.ts
-function It(e) {
-	if (Array.isArray(e)) return e.map(It);
+function Ht(e) {
+	if (Array.isArray(e)) return e.map(Ht);
 	if (typeof e == "object" && e) {
 		let t = e, n = {};
-		for (let e of Object.keys(t).sort()) n[e] = It(t[e]);
+		for (let e of Object.keys(t).sort()) n[e] = Ht(t[e]);
 		return n;
 	}
 	return e;
 }
-function Lt(e) {
+function Ut(e) {
 	switch (typeof e) {
 		case "string": return e;
 		case "number":
@@ -2705,39 +2807,39 @@ function Lt(e) {
 		default: return "";
 	}
 }
-function Rt(e) {
+function Wt(e) {
 	if (e == null) return "";
 	try {
-		return JSON.stringify(It(e), null, 2) ?? Lt(e);
+		return JSON.stringify(Ht(e), null, 2) ?? Ut(e);
 	} catch {
-		return Lt(e);
+		return Ut(e);
 	}
 }
 //#endregion
 //#region src/components/detail-layout/widgets/JsonDiffWidget.tsx
-var zt = "Audit change diff", Bt = pe(() => import("./MonacoJson-BfpzZ1iT.js").then((e) => ({ default: e.MonacoJsonDiff }))), Vt = pe(() => import("./MonacoJson-BfpzZ1iT.js").then((e) => ({ default: e.MonacoJsonSource }))), Ht = pe(() => import("./JsonEditor-DoNmyrYd.js").then((e) => ({ default: e.JsonEditor })));
-function Ut() {
+var Gt = "Audit change diff", Kt = he(() => import("./MonacoJson-BfpzZ1iT.js").then((e) => ({ default: e.MonacoJsonDiff }))), qt = he(() => import("./MonacoJson-BfpzZ1iT.js").then((e) => ({ default: e.MonacoJsonSource }))), Jt = he(() => import("./JsonEditor-DoNmyrYd.js").then((e) => ({ default: e.JsonEditor })));
+function Yt() {
 	return /* @__PURE__ */ J("div", {
 		className: "flex h-full w-full items-center justify-center text-sm text-muted-foreground",
 		children: "Loading editor…"
 	});
 }
-function Wt({ before: e, after: t }) {
-	return /* @__PURE__ */ J(de, {
-		fallback: /* @__PURE__ */ J(Ut, {}),
+function Xt({ before: e, after: t }) {
+	return /* @__PURE__ */ J(pe, {
+		fallback: /* @__PURE__ */ J(Yt, {}),
 		children: /* @__PURE__ */ Y("div", {
 			className: "flex h-full w-full gap-2",
 			role: "group",
-			"aria-label": zt,
+			"aria-label": Gt,
 			children: [/* @__PURE__ */ J("div", {
 				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ J(Ht, {
+				children: /* @__PURE__ */ J(Jt, {
 					value: e,
 					readOnly: !0
 				})
 			}), /* @__PURE__ */ J("div", {
 				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ J(Ht, {
+				children: /* @__PURE__ */ J(Jt, {
 					value: t,
 					readOnly: !0
 				})
@@ -2745,7 +2847,7 @@ function Wt({ before: e, after: t }) {
 		})
 	});
 }
-function Gt({ mode: e, onChange: t }) {
+function Zt({ mode: e, onChange: t }) {
 	return /* @__PURE__ */ Y("div", {
 		className: "inline-flex gap-1",
 		role: "group",
@@ -2765,13 +2867,13 @@ function Gt({ mode: e, onChange: t }) {
 		})]
 	});
 }
-function Kt({ values: e, options: t }) {
-	let n = e.before, r = e.after, [i, a] = K(t?.default_mode === "source" ? "source" : "diff"), o = Rt(n), s = Rt(r);
+function Qt({ values: e, options: t }) {
+	let n = e.before, r = e.after, [i, a] = K(t?.default_mode === "source" ? "source" : "diff"), o = Wt(n), s = Wt(r);
 	return /* @__PURE__ */ Y("div", {
 		className: "flex flex-col gap-2",
 		children: [/* @__PURE__ */ Y("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ J(Gt, {
+			children: [/* @__PURE__ */ J(Zt, {
 				mode: i,
 				onChange: a
 			}), o === s && /* @__PURE__ */ J("span", {
@@ -2782,25 +2884,25 @@ function Kt({ values: e, options: t }) {
 		}), /* @__PURE__ */ J("div", {
 			className: "h-[480px] w-full overflow-hidden rounded border",
 			role: "group",
-			"aria-label": zt,
-			children: /* @__PURE__ */ J(V, {
-				fallback: /* @__PURE__ */ J(Wt, {
+			"aria-label": Gt,
+			children: /* @__PURE__ */ J(re, {
+				fallback: /* @__PURE__ */ J(Xt, {
 					before: n,
 					after: r
 				}),
-				children: /* @__PURE__ */ J(de, {
-					fallback: /* @__PURE__ */ J(Ut, {}),
-					children: i === "diff" ? /* @__PURE__ */ J(Bt, {
+				children: /* @__PURE__ */ J(pe, {
+					fallback: /* @__PURE__ */ J(Yt, {}),
+					children: i === "diff" ? /* @__PURE__ */ J(Kt, {
 						before: o,
 						after: s
 					}) : /* @__PURE__ */ Y("div", {
 						className: "flex h-full w-full gap-2",
 						children: [/* @__PURE__ */ J("div", {
 							className: "min-w-0 flex-1",
-							children: /* @__PURE__ */ J(Vt, { value: o })
+							children: /* @__PURE__ */ J(qt, { value: o })
 						}), /* @__PURE__ */ J("div", {
 							className: "min-w-0 flex-1",
-							children: /* @__PURE__ */ J(Vt, { value: s })
+							children: /* @__PURE__ */ J(qt, { value: s })
 						})]
 					})
 				})
@@ -2819,7 +2921,7 @@ function Q(e) {
 	let n = Object.entries(t).filter((e) => typeof e[1] == "string");
 	return n.length > 0 ? Object.fromEntries(n) : void 0;
 }
-function qt(e) {
+function $t(e) {
 	return Array.isArray(e) ? e.flatMap((e) => {
 		let t = Z(e);
 		return !t || typeof t.field != "string" ? [] : [{
@@ -2829,7 +2931,7 @@ function qt(e) {
 		}];
 	}) : [];
 }
-function Jt(e) {
+function en(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);
@@ -2864,7 +2966,7 @@ function Jt(e) {
 		filter_label: Q(r.filter_label),
 		all_label: Q(r.all_label),
 		empty_label: Q(r.empty_label),
-		columns: qt(r.columns),
+		columns: $t(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" ? {
@@ -2889,7 +2991,7 @@ function Jt(e) {
 		drillthrough: o
 	};
 }
-function Yt(e, t, n) {
+function tn(e, t, n) {
 	if (e == null || e === "") return "N/A";
 	if (t === "number") return new Intl.NumberFormat(n).format(Number(e));
 	if (t === "percent_ratio") return new Intl.NumberFormat(n, {
@@ -2907,14 +3009,14 @@ function Yt(e, t, n) {
 	}
 	return typeof e == "string" ? e : typeof e == "number" || typeof e == "bigint" || typeof e == "boolean" ? String(e) : "N/A";
 }
-function Xt(e, t) {
+function nn(e, t) {
 	return typeof e.id == "string" || typeof e.id == "number" ? String(e.id) : `row-${t}`;
 }
-function Zt(e, t) {
+function rn(e, t) {
 	return !t || Object.entries(t).every(([t, n]) => e[t] === n);
 }
-function Qt({ values: e, options: t }) {
-	let r = W(() => Jt(t), [t]), i = b(), a = R(), 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("");
+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("");
 	U(() => {
 		l(s);
 	}, [s]), U(() => {
@@ -2949,7 +3051,7 @@ function Qt({ values: e, options: t }) {
 		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 && Zt(t, e.filtered?.where))?.[e.filtered.field], C = (e) => {
+	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;
 		if (!t || !e.drillthrough_value) return;
 		let n = [{
@@ -3043,7 +3145,7 @@ function Qt({ values: e, options: t }) {
 						}),
 						/* @__PURE__ */ J("strong", {
 							className: `mt-2 block text-2xl font-semibold ${e.attention && Number(t) > 0 ? "text-destructive" : "text-foreground"}`,
-							children: Yt(t, e.format, i)
+							children: tn(t, e.format, i)
 						}),
 						e.help && /* @__PURE__ */ J("span", {
 							className: "mt-1 block text-xs text-muted-foreground",
@@ -3075,9 +3177,9 @@ function Qt({ values: e, options: t }) {
 						className: "border-b border-divider last:border-0",
 						children: m.columns.map((t) => /* @__PURE__ */ J("td", {
 							className: "px-3 py-2 text-foreground",
-							children: Yt(e[t.field], t.format, i)
+							children: tn(e[t.field], t.format, i)
 						}, t.field))
-					}, Xt(e, t))), !g.isLoading && x.length === 0 && /* @__PURE__ */ J("tr", { children: /* @__PURE__ */ J("td", {
+					}, nn(e, t))), !g.isLoading && x.length === 0 && /* @__PURE__ */ J("tr", { children: /* @__PURE__ */ J("td", {
 						colSpan: Math.max(1, m.columns.length),
 						className: "px-3 py-6 text-center text-muted-foreground",
 						children: A(m.empty_label, i) || "No breakdown rows."
@@ -3089,15 +3191,15 @@ function Qt({ values: e, options: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/widgets/builtins.ts
-var $t = !1;
-function en() {
-	$t ||= (re("json_diff", Kt), re("entity_scorecard", Qt), !0);
+var on = !1;
+function sn() {
+	on ||= (ae("json_diff", Qt), ae("entity_scorecard", an), !0);
 }
 //#endregion
 //#region src/components/detail-layout/widgets/WidgetHost.tsx
-en();
-function tn({ config: e, ctx: t }) {
-	let n = ie(e.type);
+sn();
+function cn({ config: e, ctx: t }) {
+	let n = se(e.type);
 	if (!n) return /* @__PURE__ */ J("span", {
 		className: "text-sm text-muted-foreground",
 		children: `unknown widget: ${e.type}`
@@ -3122,45 +3224,45 @@ function tn({ config: e, ctx: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/LayoutRenderer.tsx
-function nn({ nodes: e, ctx: t }) {
+function ln({ nodes: e, ctx: t }) {
 	return /* @__PURE__ */ J(q, { children: e.map((e, n) => /* @__PURE__ */ J($, {
 		node: e,
 		ctx: t
 	}, n)) });
 }
 function $({ node: e, ctx: t }) {
-	return e.row ? /* @__PURE__ */ J(Se, {
+	return e.row ? /* @__PURE__ */ J(we, {
 		config: e.row,
 		ctx: t
-	}) : e.column ? /* @__PURE__ */ J(Te, {
+	}) : e.column ? /* @__PURE__ */ J(De, {
 		config: e.column,
 		node: e,
 		ctx: t
-	}) : e.tabs ? /* @__PURE__ */ J(ke, {
+	}) : e.tabs ? /* @__PURE__ */ J(je, {
 		config: e.tabs,
 		ctx: t
-	}) : e.section ? /* @__PURE__ */ J(Ae, {
+	}) : e.section ? /* @__PURE__ */ J(Me, {
 		config: e.section,
 		ctx: t
-	}) : e.children ? /* @__PURE__ */ J(vt, {
+	}) : e.children ? /* @__PURE__ */ J(wt, {
 		node: e,
 		ctx: t
-	}) : e.associated ? /* @__PURE__ */ J(M, {
+	}) : e.associated ? /* @__PURE__ */ J(P, {
 		node: e,
 		ctx: t
-	}) : e.fields ? /* @__PURE__ */ J(Dt, {
+	}) : e.fields ? /* @__PURE__ */ J(Nt, {
 		fields: e.fields,
 		ctx: t
-	}) : e.properties == null ? e.statuses == null ? e.widget ? /* @__PURE__ */ J(tn, {
+	}) : e.properties == null ? e.statuses == null ? e.widget ? /* @__PURE__ */ J(cn, {
 		config: e.widget,
 		ctx: t
-	}) : null : /* @__PURE__ */ J(Ft, {
+	}) : null : /* @__PURE__ */ J(Vt, {
 		node: e,
 		ctx: t
-	}) : /* @__PURE__ */ J(At, {
+	}) : /* @__PURE__ */ J(It, {
 		node: e,
 		ctx: t
 	});
 }
 //#endregion
-export { Nt as n, nn as t };
+export { zt as n, ln as t };