@declarion/react 0.47.0 → 0.48.0

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

@@ -1,6 +1,6 @@
 import { s as e, t } from "./DynamicIcon-Dc2j-rg_.js";
-import { A as n, An as r, Dn as i, En as a, Gt as o, In as s, Kn as c, Ln as l, M as u, Sn as d, Tn as f, X as p, Z as m, Zn as h, _t as g, ar as _, bn as v, cr as y, f as b, j as x, jn as S, kt as C, lr as w, mn as T, rr as E, rt as D, ur as O, vt as k, wn as A, xn as j, yt as M } from "./useCurrentScreen-ow4r-nWa.js";
-import { E as ee, G as N, H as P, J as F, K as I, U as L, V as R, W as te, bt as z, d as B, dt as V, et as ne, f as re, ft as ie, j as ae, o as oe, r as se, t as ce, tt as le, xt as ue } from "./registry-C2VD-5MD.js";
+import { A as n, An as r, Dn as i, En as a, Gt as o, In as s, Kn as c, Ln as l, M as u, Sn as d, Tn as f, X as p, Z as m, Zn as h, _t as g, ar as _, bn as v, cr as y, f as b, j as x, jn as S, kt as C, lr as w, mn as T, rt as E, tr as D, ur as O, vt as k, wn as A, xn as j, yt as M } from "./useCurrentScreen-BshVTPVq.js";
+import { E as ee, G as N, H as P, J as F, K as I, St as L, U as R, V as z, W as te, d as B, et as V, f as ne, ft as re, j as ie, o as ae, pt as oe, r as se, t as ce, tt as le, xt as ue } from "./registry-CWDnxiLJ.js";
 import { n as de, r as fe, t as pe } from "./dataTableStyles-vwD1mVOP.js";
 import { Suspense as me, createContext as he, lazy as ge, useCallback as H, useContext as _e, useEffect as U, useId as ve, useLayoutEffect as ye, useMemo as W, useRef as G, useState as K } from "react";
 import { useInfiniteQuery as be, useMutation as xe, useQueryClient as Se } from "@tanstack/react-query";
@@ -61,16 +61,16 @@ function Te({ config: e, ctx: t }) {
 	}, [u, p]), h = u ?? p(), g = e.height ? De(e.height) : void 0;
 	return /* @__PURE__ */ J("div", {
 		ref: l,
-		className: ie("flex", s && "flex-col"),
+		className: oe("flex", s && "flex-col"),
 		style: {
 			gap: r ? `${r}px` : void 0,
 			...g
 		},
 		children: n.map((r, a) => /* @__PURE__ */ Y("div", {
-			className: ie("min-w-0 flex items-stretch", s && "w-full"),
+			className: oe("min-w-0 flex items-stretch", s && "w-full"),
 			style: s ? void 0 : Ee(r.width ?? r.column?.width ?? r.row?.width ?? e.width, h[a], r.min_width, r.max_width),
 			children: [/* @__PURE__ */ J("div", {
-				className: ie("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
+				className: oe("flex-1 min-w-0 flex flex-col", g && "overflow-y-auto overflow-x-hidden"),
 				children: /* @__PURE__ */ J($, {
 					node: r,
 					ctx: t
@@ -144,7 +144,7 @@ function je(e, t) {
 //#endregion
 //#region src/components/detail-layout/LayoutTabs.tsx
 function Me({ config: e, ctx: n }) {
-	let { items: r } = e, [i, a] = K(0), o = E(), s = n.detailTabsPresentation ?? (o.isPhone ? "sections" : "scroll");
+	let { items: r } = e, [i, a] = K(0), o = D(), s = n.detailTabsPresentation ?? (o.isPhone ? "sections" : "scroll");
 	if (r.length === 0) return null;
 	if (s === "sections") {
 		let e = r.map((e, t) => `detail-tab-section-${t}`);
@@ -343,14 +343,14 @@ function Ne({ config: e, ctx: n }) {
 		tone: c.tone,
 		dot: c.dot
 	} : void 0;
-	return /* @__PURE__ */ J(ue, {
+	return /* @__PURE__ */ J(L, {
 		title: f(r),
 		defaultOpen: !a,
 		icon: d,
 		badge: p,
 		emphasis: l,
 		headingLevel: n.withinCard ? 3 : 2,
-		children: /* @__PURE__ */ J(hn, {
+		children: /* @__PURE__ */ J(gn, {
 			nodes: i,
 			ctx: u
 		})
@@ -566,7 +566,7 @@ function Ye(e, t, n, r) {
 //#endregion
 //#region src/components/detail-layout/QuickAddForm.tsx
 function Xe({ config: t, parentEntity: r, parentId: i, schema: a }) {
-	let { values: o, quickAdd: s, childEntity: c, isPending: l, error: u, isReady: f, handleSubmit: p, handleFieldChange: m } = Ye(t, r, i, a), h = n(), g = E(), _ = ve();
+	let { values: o, quickAdd: s, childEntity: c, isPending: l, error: u, isReady: f, handleSubmit: p, handleFieldChange: m } = Ye(t, r, i, a), h = n(), g = D(), _ = ve();
 	return !s || s.fields.length === 0 || !c ? null : /* @__PURE__ */ Y("form", {
 		onSubmit: p,
 		style: {
@@ -726,7 +726,7 @@ function et({ colId: e, onMouseDown: t }) {
 //#endregion
 //#region src/components/detail-layout/ChildrenTable.tsx
 function tt({ config: t, parentEntity: r, parentId: i, schema: a }) {
-	let o = a.entities[t.entity], s = Array.isArray(t.foreign_key) ? t.foreign_key.join(",") : t.foreign_key, c = $e(Ze(r, t.entity, s)), f = n(), p = L((e) => e.degradedEntities), { data: m, isLoading: g, isError: _, isFetching: v, refetch: b } = N(r, i, t.entity, t.foreign_key, t.sort, t.limit), x = m?.data ?? [], C = m?.$refs, T = G(C);
+	let o = a.entities[t.entity], s = Array.isArray(t.foreign_key) ? t.foreign_key.join(",") : t.foreign_key, c = $e(Ze(r, t.entity, s)), f = n(), p = R((e) => e.degradedEntities), { data: m, isLoading: g, isError: _, isFetching: v, refetch: b } = N(r, i, t.entity, t.foreign_key, t.sort, t.limit), x = m?.data ?? [], C = m?.$refs, T = G(C);
 	T.current = C;
 	let E = t.columns, D = t.interaction === "navigate", O = E[0], k = D && o ? S(void 0, o, a.screens) : null, A = o ? Ge(o) : void 0, j = W(() => {
 		let e = /* @__PURE__ */ new Map();
@@ -1631,7 +1631,7 @@ function bt({ config: e, parentEntity: t, parentId: n, schema: r }) {
 	})] });
 }
 function xt({ row: t, rowId: r, childEntity: i, entityCode: a, parentEntity: o, parentId: s, timeline: c, editableFields: u, refs: f, isEditing: p, onStartEdit: m, onCancelEdit: g, onSaved: _, schema: v, optimistic: b = !1 }) {
-	let S = Se(), T = n(), [E, A] = K({}), j = H(() => {
+	let S = Se(), T = n(), [D, A] = K({}), j = H(() => {
 		S.invalidateQueries({ queryKey: [
 			te,
 			o,
@@ -1652,15 +1652,15 @@ function xt({ row: t, rowId: r, childEntity: i, entityCode: a, parentEntity: o,
 			return C(a, r, i);
 		},
 		onSuccess: () => {
-			j(), D.success("Updated"), _();
+			j(), E.success("Updated"), _();
 		},
-		onError: (e) => D.error(e.message)
+		onError: (e) => E.error(e.message)
 	}), ee = xe({
 		mutationFn: () => k(a, r),
 		onSuccess: () => {
-			j(), D.success("Deleted");
+			j(), E.success("Deleted");
 		},
-		onError: (e) => D.error(e.message)
+		onError: (e) => E.error(e.message)
 	}), N = H(() => {
 		let e = {};
 		for (let n of u) e[n] = t[n] ?? "";
@@ -1698,10 +1698,10 @@ function xt({ row: t, rowId: r, childEntity: i, entityCode: a, parentEntity: o,
 			}), x({
 				field: t,
 				fieldName: e,
-				value: E[e] ?? "",
+				value: D[e] ?? "",
 				mode: "edit",
 				onChange: (t) => P(e, t),
-				record: E,
+				record: D,
 				locale: T
 			})] }, e) : null;
 		}), /* @__PURE__ */ Y("div", {
@@ -1715,7 +1715,7 @@ function xt({ row: t, rowId: r, childEntity: i, entityCode: a, parentEntity: o,
 				kind: "primary",
 				size: "xs",
 				icon: M.isPending ? /* @__PURE__ */ J(h, { size: 12 }) : /* @__PURE__ */ J(e.check, { size: 12 }),
-				onClick: () => M.mutate(E),
+				onClick: () => M.mutate(D),
 				disabled: M.isPending,
 				children: M.isPending ? "Saving…" : "Save"
 			}), /* @__PURE__ */ J(O, {
@@ -1985,7 +1985,7 @@ function Dt(e, t) {
 //#endregion
 //#region src/components/detail-layout/EditableChildrenTable.tsx
 function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, validationErrors: s, refs: c, forceTablePresentation: u = !1 }) {
-	let f = n(), p = E(), m = 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) => {
+	let f = n(), p = D(), m = G(null), h = t.columns, g = t.position_field, _ = new Set(Array.isArray(t.foreign_key) ? t.foreign_key : [t.foreign_key]), v = h.filter((e) => {
 		if (_.has(e) || t.position_field && e === t.position_field) return !1;
 		let n = r.fields.get(e);
 		return !(!n || n.auto || n.primary || n.source);
@@ -2034,7 +2034,7 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 			...t,
 			_deleted: !1
 		} : t));
-	}, [a, o]), D = H((e, t) => {
+	}, [a, o]), E = H((e, t) => {
 		if (!g) return;
 		let n = a.filter((e) => !e._deleted), r = a.filter((e) => e._deleted), i = n.findIndex((t) => t._key === e), s = i + t;
 		if (i < 0 || s < 0 || s >= n.length) return;
@@ -2123,13 +2123,13 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 						children: [g && !o && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(w, {
 							size: 32,
 							icon: /* @__PURE__ */ J(e.up, { size: 14 }),
-							onClick: () => D(t._key, -1),
+							onClick: () => E(t._key, -1),
 							disabled: m <= 0,
 							title: "Move row up"
 						}), /* @__PURE__ */ J(w, {
 							size: 32,
 							icon: /* @__PURE__ */ J(e.down, { size: 14 }),
-							onClick: () => D(t._key, 1),
+							onClick: () => E(t._key, 1),
 							disabled: m === -1 || m >= p.length - 1,
 							title: "Move row down"
 						})] }), o ? /* @__PURE__ */ J(w, {
@@ -2313,9 +2313,9 @@ function Ot({ config: t, childEntity: r, schema: i, rows: a, onChange: o, valida
 }
 //#endregion
 //#region src/components/detail-layout/ChildrenBlock.tsx
-var kt = ge(() => import("./DraggableChildrenTable-B6KjWkwD.js").then((e) => ({ default: e.DraggableChildrenTable })));
+var kt = ge(() => import("./DraggableChildrenTable-p2ZSdwzj.js").then((e) => ({ default: e.DraggableChildrenTable })));
 function At({ node: e, ctx: n }) {
-	let r = E(), i = e.children;
+	let r = D(), i = e.children;
 	if (!i) return null;
 	let a = r.isPhone && n.relatedRecordsPresentation === "table";
 	if (n.isNew && n.mode !== "edit") return null;
@@ -2329,7 +2329,7 @@ function At({ node: e, ctx: n }) {
 		className: "text-sm text-muted-foreground py-2",
 		children: ["Entity not found: ", o.entity]
 	});
-	let c = Pe(o, s, e), l = Ae(e, n), u = je(e, n), d = (e) => c.mode === "timeline" || n.withinCard ? e : /* @__PURE__ */ J(ue, {
+	let c = Pe(o, s, e), l = Ae(e, n), u = je(e, n), d = (e) => c.mode === "timeline" || n.withinCard ? e : /* @__PURE__ */ J(L, {
 		title: l,
 		icon: u ? /* @__PURE__ */ J(t, {
 			name: u,
@@ -2369,26 +2369,32 @@ function At({ node: e, ctx: n }) {
 }
 //#endregion
 //#region src/components/detail-layout/FieldRow.tsx
-var jt = 150, Mt = 560, Nt = "20px", Pt = 4, Ft = /* @__PURE__ */ new Set([
+var jt = 150, Mt = 560, Nt = 270, Pt = "20px", Ft = 4, It = /* @__PURE__ */ new Set([
 	"text",
 	"rich_text",
 	"json",
 	"structure",
 	"multilang_text"
-]), It = he({ columns: 2 });
-function Lt({ columns: e = 2, children: t }) {
-	let n = G(null), [r, i] = K(!1);
+]), Lt = he({
+	columns: 2,
+	stackPairs: !1
+});
+function Rt({ columns: e = 2, children: t }) {
+	let n = G(null), [r, i] = K(null);
 	U(() => {
-		let t = n.current;
-		if (!t || e === 1 || typeof ResizeObserver > "u") return;
-		let r = new ResizeObserver(([e]) => {
-			i(e.contentRect.width < Mt);
+		let e = n.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(([e]) => {
+			i(e.contentRect.width);
 		});
-		return r.observe(t), () => r.disconnect();
-	}, [e]);
-	let a = e === 1 || r ? 1 : e;
-	return /* @__PURE__ */ J(It.Provider, {
-		value: { columns: a },
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let a = e === 1 || r !== null && r < Mt ? 1 : e, o = r === null ? null : (r - (a - 1) * 24) / a, s = o !== null && o < Nt;
+	return /* @__PURE__ */ J(Lt.Provider, {
+		value: {
+			columns: a,
+			stackPairs: s
+		},
 		children: /* @__PURE__ */ J("div", {
 			ref: n,
 			style: {
@@ -2401,8 +2407,8 @@ function Lt({ columns: e = 2, children: t }) {
 		})
 	});
 }
-function Rt({ label: t, children: n, span: r = !1, required: i, error: a, hint: o, actions: s, copyValue: c, mode: l = "display", htmlFor: u, labelId: d, labelTitle: f, "data-testid": p }) {
-	let h = _e(It), g = r || h.columns === 1, _ = !!a;
+function zt({ label: t, children: n, span: r = !1, required: i, error: a, hint: o, actions: s, copyValue: c, mode: l = "display", htmlFor: u, labelId: d, labelTitle: f, "data-testid": p }) {
+	let h = _e(Lt), g = r || h.stackPairs, _ = !!a;
 	return /* @__PURE__ */ Y("div", {
 		className: "detail-row",
 		"data-error": _ || void 0,
@@ -2419,9 +2425,9 @@ function Rt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 			style: {
 				width: g ? "auto" : jt,
 				flexShrink: 0,
-				paddingTop: g ? 0 : Pt,
+				paddingTop: g ? 0 : Ft,
 				fontSize: 12,
-				lineHeight: Nt,
+				lineHeight: Pt,
 				fontWeight: 500,
 				color: "var(--text-3)",
 				display: "flex",
@@ -2465,10 +2471,10 @@ function Rt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 						flex: 1,
 						minWidth: 0,
 						fontSize: 13,
-						lineHeight: Nt,
+						lineHeight: Pt,
 						color: "var(--text)",
 						overflowWrap: "anywhere",
-						paddingTop: l === "display" && !g ? Pt : 0
+						paddingTop: l === "display" && !g ? Ft : 0
 					},
 					children: _ && l === "edit" ? /* @__PURE__ */ J("div", {
 						style: {
@@ -2507,18 +2513,18 @@ function Rt({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 }
 //#endregion
 //#region src/components/detail-layout/FieldsBlock.tsx
-function zt({ fields: e, ctx: t }) {
+function Bt({ fields: e, ctx: t }) {
 	let { entity: r, entityCode: i, record: a, mode: o, onFieldChange: s, schema: c } = t, u = n(), d = t.columns ?? 2, p = d === 1 && e.length === 1;
-	return /* @__PURE__ */ J(Lt, {
+	return /* @__PURE__ */ J(Rt, {
 		columns: d,
 		children: e.map((e) => {
-			let n = e.name, d = `${i ?? "field"}-${n}`, m = `${d}-label`, h = r.fields.get(n), g = !!(h?.auto || h?.readonly || h?.source), _ = re(r, n), v = _?.read === "denied", y = _?.write === "denied", b = o === "display" ? v : y || v, x = g || o === "edit" && y ? "display" : o, S = b ? /* @__PURE__ */ J(z, {
+			let n = e.name, d = `${i ?? "field"}-${n}`, m = `${d}-label`, h = r.fields.get(n), g = !!(h?.auto || h?.readonly || h?.source), _ = ne(r, n), v = _?.read === "denied", y = _?.write === "denied", b = o === "display" ? v : y || v, x = g || o === "edit" && y ? "display" : o, S = b ? /* @__PURE__ */ J(ue, {
 				tier: _.classification,
 				tierDef: B(c, r, n),
 				requiredPermission: _?.required_permission,
 				locale: u,
 				variant: x === "edit" ? "input" : "value"
-			}) : ne({
+			}) : V({
 				entity: r,
 				entityCode: i,
 				fieldName: n,
@@ -2534,14 +2540,14 @@ function zt({ fields: e, ctx: t }) {
 				structure: e.structure
 			});
 			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(R, {
+			let C = o === "display" && e.actions && e.actions.length > 0 ? /* @__PURE__ */ J(q, { children: e.actions.map((e, t) => /* @__PURE__ */ J(z, {
 				actionCode: `${n}.action[${t}]`,
 				action: e,
 				entityCode: i,
 				row: a,
 				variant: "ghost",
 				size: "icon"
-			}, t)) }) : void 0, w = !!h && Ft.has(h.type), T = a?.[n], E = x === "display" && (h?.copyable || h?.type === "uuid") && T != null && T !== "" ? l(T) : void 0, D = f(h?.display?.description);
+			}, t)) }) : void 0, w = !!h && It.has(h.type), T = a?.[n], E = x === "display" && (h?.copyable || h?.type === "uuid") && T != null && T !== "" ? l(T) : void 0, D = f(h?.display?.description);
 			return p ? /* @__PURE__ */ Y("div", {
 				style: { gridColumn: "1 / -1" },
 				children: [S, x === "edit" && D && /* @__PURE__ */ J("div", {
@@ -2553,7 +2559,7 @@ function zt({ fields: e, ctx: t }) {
 					},
 					children: D
 				})]
-			}, n) : /* @__PURE__ */ J(Rt, {
+			}, n) : /* @__PURE__ */ J(zt, {
 				"data-testid": `field-${n}`,
 				label: le(r, n, c.entities),
 				htmlFor: x === "edit" ? d : void 0,
@@ -2573,7 +2579,7 @@ function zt({ fields: e, ctx: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/PropertiesBlock.tsx
-var Bt = /* @__PURE__ */ new Set([
+var Vt = /* @__PURE__ */ new Set([
 	"string",
 	"text",
 	"int",
@@ -2581,16 +2587,16 @@ var Bt = /* @__PURE__ */ new Set([
 	"decimal",
 	"email",
 	"url"
-]), Vt = 500;
-function Ht({ node: e, ctx: t }) {
+]), Ht = 500;
+function Ut({ node: e, ctx: t }) {
 	let { entity: n, objectProperties: i, onSetProperty: a, isNew: o, mode: s, refs: c } = t, l = n.properties ?? {};
 	if (o) return null;
 	let u = e.properties === !0 || e.properties, d = u === !0 ? Object.entries(l).sort(([e], [t]) => e.localeCompare(t)) : u.filter((e) => l[e] != null).map((e) => [e, l[e]]);
-	return d.length === 0 ? null : /* @__PURE__ */ J(Lt, {
+	return d.length === 0 ? null : /* @__PURE__ */ J(Rt, {
 		columns: 2,
 		children: d.map(([e, o]) => {
 			let l = i?.find((t) => t.property_code === e), u = r(o), d = o.readonly || !a ? "display" : s;
-			return /* @__PURE__ */ J(Ut, {
+			return /* @__PURE__ */ J(Wt, {
 				propCode: e,
 				prop: o,
 				field: u,
@@ -2604,23 +2610,23 @@ function Ht({ node: e, ctx: t }) {
 		})
 	});
 }
-function Ut({ propCode: e, prop: t, field: r, value: i, mode: a, onSetProperty: o, refs: s, entity: c, schema: l }) {
+function Wt({ propCode: e, prop: t, field: r, value: i, mode: a, onSetProperty: o, refs: s, entity: c, schema: l }) {
 	let u = n(), d = G(null);
 	U(() => () => {
 		d.current && clearTimeout(d.current);
 	}, []);
 	let p = H((n) => {
-		o && (Bt.has(t.type) ? (d.current && clearTimeout(d.current), d.current = setTimeout(() => o(e, n), Vt)) : o(e, n));
+		o && (Vt.has(t.type) ? (d.current && clearTimeout(d.current), d.current = setTimeout(() => o(e, n), Ht)) : o(e, n));
 	}, [
 		e,
 		t.type,
 		o
-	]), m = re(c, e), h = m?.read === "denied", g = m?.write === "denied", _ = a === "display" ? h : g || h, v = a === "edit" && g ? "display" : a;
-	return /* @__PURE__ */ J(Rt, {
+	]), m = ne(c, e), h = m?.read === "denied", g = m?.write === "denied", _ = a === "display" ? h : g || h, v = a === "edit" && g ? "display" : a;
+	return /* @__PURE__ */ J(zt, {
 		label: f(t.display?.name ?? t.name),
 		mode: v,
-		span: Ft.has(t.type),
-		children: _ ? /* @__PURE__ */ J(z, {
+		span: It.has(t.type),
+		children: _ ? /* @__PURE__ */ J(ue, {
 			tier: m.classification,
 			tierDef: B(l, c, e),
 			requiredPermission: m?.required_permission,
@@ -2639,7 +2645,7 @@ function Ut({ propCode: e, prop: t, field: r, value: i, mode: a, onSetProperty:
 }
 //#endregion
 //#region src/components/shared/StatusStepper.tsx
-function Wt({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1 }) {
+function Gt({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1 }) {
 	let o = t.findIndex((e) => e.code === n);
 	return /* @__PURE__ */ J("div", {
 		role: "list",
@@ -2706,7 +2712,7 @@ function Wt({ stages: t, current: n, selectable: r, onSelect: i, compact: a = !1
 }
 //#endregion
 //#region src/components/shared/StatusGroupsDisplay.tsx
-function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r, mode: i = "edit" }) {
+function Kt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r, mode: i = "edit" }) {
 	return /* @__PURE__ */ J("div", {
 		style: {
 			display: "flex",
@@ -2738,7 +2744,7 @@ function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 							opacity: r ? .6 : 1,
 							pointerEvents: r ? "none" : "auto"
 						},
-						children: /* @__PURE__ */ J(Wt, {
+						children: /* @__PURE__ */ J(Gt, {
 							stages: a.statuses.map((e) => ({
 								code: e.code,
 								label: f(e.name)
@@ -2823,31 +2829,31 @@ function Gt({ statusGroups: e, objectStatuses: t, onSetStatus: n, isPending: r,
 }
 //#endregion
 //#region src/components/detail-layout/StatusesBlock.tsx
-var Kt = () => {};
-function qt({ node: e, ctx: t }) {
+var qt = () => {};
+function Jt({ node: e, ctx: t }) {
 	let { entity: n, objectStatuses: r, onSetStatus: i, isStatusPending: a, isNew: o } = t, s = n.status_groups ?? {};
 	if (o) return null;
 	let c = e.statuses === !0 || e.statuses, l = Object.fromEntries(Object.entries(s).filter(([e]) => c === !0 || c.includes(e)));
-	return Object.keys(l).length === 0 ? null : /* @__PURE__ */ J(Gt, {
+	return Object.keys(l).length === 0 ? null : /* @__PURE__ */ J(Kt, {
 		statusGroups: l,
 		objectStatuses: r,
-		onSetStatus: i ?? Kt,
+		onSetStatus: i ?? qt,
 		isPending: a ?? !1,
 		mode: t.mode
 	});
 }
 //#endregion
 //#region src/components/detail-layout/widgets/canonicalizeJson.ts
-function Jt(e) {
-	if (Array.isArray(e)) return e.map(Jt);
+function Yt(e) {
+	if (Array.isArray(e)) return e.map(Yt);
 	if (typeof e == "object" && e) {
 		let t = e, n = {};
-		for (let e of Object.keys(t).sort()) n[e] = Jt(t[e]);
+		for (let e of Object.keys(t).sort()) n[e] = Yt(t[e]);
 		return n;
 	}
 	return e;
 }
-function Yt(e) {
+function Xt(e) {
 	switch (typeof e) {
 		case "string": return e;
 		case "number":
@@ -2859,39 +2865,39 @@ function Yt(e) {
 		default: return "";
 	}
 }
-function Xt(e) {
+function Zt(e) {
 	if (e == null) return "";
 	try {
-		return JSON.stringify(Jt(e), null, 2) ?? Yt(e);
+		return JSON.stringify(Yt(e), null, 2) ?? Xt(e);
 	} catch {
-		return Yt(e);
+		return Xt(e);
 	}
 }
 //#endregion
 //#region src/components/detail-layout/widgets/JsonDiffWidget.tsx
-var Zt = "Audit change diff", Qt = ge(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonDiff }))), $t = ge(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonSource }))), en = ge(() => import("./JsonEditor-DoNmyrYd.js").then((e) => ({ default: e.JsonEditor })));
-function tn() {
+var Qt = "Audit change diff", $t = ge(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonDiff }))), en = ge(() => import("./MonacoJson-BG3S3GHX.js").then((e) => ({ default: e.MonacoJsonSource }))), tn = ge(() => import("./JsonEditor-DoNmyrYd.js").then((e) => ({ default: e.JsonEditor })));
+function nn() {
 	return /* @__PURE__ */ J("div", {
 		className: "flex h-full w-full items-center justify-center text-sm text-muted-foreground",
 		children: "Loading editor…"
 	});
 }
-function nn({ before: e, after: t }) {
+function rn({ before: e, after: t }) {
 	return /* @__PURE__ */ J(me, {
-		fallback: /* @__PURE__ */ J(tn, {}),
+		fallback: /* @__PURE__ */ J(nn, {}),
 		children: /* @__PURE__ */ Y("div", {
 			className: "flex h-full w-full gap-2",
 			role: "group",
-			"aria-label": Zt,
+			"aria-label": Qt,
 			children: [/* @__PURE__ */ J("div", {
 				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ J(en, {
+				children: /* @__PURE__ */ J(tn, {
 					value: e,
 					readOnly: !0
 				})
 			}), /* @__PURE__ */ J("div", {
 				className: "min-w-0 flex-1",
-				children: /* @__PURE__ */ J(en, {
+				children: /* @__PURE__ */ J(tn, {
 					value: t,
 					readOnly: !0
 				})
@@ -2899,7 +2905,7 @@ function nn({ before: e, after: t }) {
 		})
 	});
 }
-function rn({ mode: e, onChange: t }) {
+function an({ mode: e, onChange: t }) {
 	return /* @__PURE__ */ Y("div", {
 		className: "inline-flex gap-1",
 		role: "group",
@@ -2919,13 +2925,13 @@ function rn({ mode: e, onChange: t }) {
 		})]
 	});
 }
-function an({ values: e, options: t }) {
-	let n = e.before, r = e.after, i = t?.default_mode === "source" ? "source" : "diff", [a, o] = K(i), s = Xt(n), c = Xt(r);
+function on({ values: e, options: t }) {
+	let n = e.before, r = e.after, i = t?.default_mode === "source" ? "source" : "diff", [a, o] = K(i), s = Zt(n), c = Zt(r);
 	return /* @__PURE__ */ Y("div", {
 		className: "flex flex-col gap-2",
 		children: [/* @__PURE__ */ Y("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ J(rn, {
+			children: [/* @__PURE__ */ J(an, {
 				mode: a,
 				onChange: o
 			}), s === c && /* @__PURE__ */ J("span", {
@@ -2936,25 +2942,25 @@ function an({ values: e, options: t }) {
 		}), /* @__PURE__ */ J("div", {
 			className: "h-[480px] w-full overflow-hidden rounded border",
 			role: "group",
-			"aria-label": Zt,
-			children: /* @__PURE__ */ J(oe, {
-				fallback: /* @__PURE__ */ J(nn, {
+			"aria-label": Qt,
+			children: /* @__PURE__ */ J(ae, {
+				fallback: /* @__PURE__ */ J(rn, {
 					before: n,
 					after: r
 				}),
 				children: /* @__PURE__ */ J(me, {
-					fallback: /* @__PURE__ */ J(tn, {}),
-					children: a === "diff" ? /* @__PURE__ */ J(Qt, {
+					fallback: /* @__PURE__ */ J(nn, {}),
+					children: a === "diff" ? /* @__PURE__ */ J($t, {
 						before: s,
 						after: c
 					}) : /* @__PURE__ */ Y("div", {
 						className: "flex h-full w-full gap-2",
 						children: [/* @__PURE__ */ J("div", {
 							className: "min-w-0 flex-1",
-							children: /* @__PURE__ */ J($t, { value: s })
+							children: /* @__PURE__ */ J(en, { value: s })
 						}), /* @__PURE__ */ J("div", {
 							className: "min-w-0 flex-1",
-							children: /* @__PURE__ */ J($t, { value: c })
+							children: /* @__PURE__ */ J(en, { value: c })
 						})]
 					})
 				})
@@ -2973,7 +2979,7 @@ function Q(e) {
 	let n = Object.entries(t).filter((e) => typeof e[1] == "string");
 	return n.length > 0 ? Object.fromEntries(n) : void 0;
 }
-function on(e) {
+function sn(e) {
 	return Array.isArray(e) ? e.flatMap((e) => {
 		let t = Z(e);
 		return !t || typeof t.field != "string" ? [] : [{
@@ -2983,7 +2989,7 @@ function on(e) {
 		}];
 	}) : [];
 }
-function sn(e) {
+function cn(e) {
 	if (!e || typeof e.entity != "string" || typeof e.scope_field != "string" || typeof e.window_field != "string") return;
 	let t = Array.isArray(e.windows) ? e.windows.flatMap((e) => {
 		let t = Z(e);
@@ -3018,7 +3024,7 @@ function sn(e) {
 		filter_label: Q(r.filter_label),
 		all_label: Q(r.all_label),
 		empty_label: Q(r.empty_label),
-		columns: on(r.columns),
+		columns: sn(r.columns),
 		sort: typeof r.sort == "string" ? r.sort : void 0,
 		limit: typeof r.limit == "number" ? Math.min(500, Math.max(1, r.limit)) : 200
 	} : void 0, a = Z(e.drillthrough), o = a && typeof a.route == "string" && typeof a.scope_field == "string" && typeof a.window_field == "string" ? {
@@ -3043,7 +3049,7 @@ function sn(e) {
 		drillthrough: o
 	};
 }
-function cn(e, t, n) {
+function ln(e, t, n) {
 	if (e == null || e === "") return "N/A";
 	if (t === "number") return new Intl.NumberFormat(n).format(Number(e));
 	if (t === "percent_ratio") return new Intl.NumberFormat(n, {
@@ -3061,14 +3067,14 @@ function cn(e, t, n) {
 	}
 	return typeof e == "string" ? e : typeof e == "number" || typeof e == "bigint" || typeof e == "boolean" ? String(e) : "N/A";
 }
-function ln(e, t) {
+function un(e, t) {
 	return typeof e.id == "string" || typeof e.id == "number" ? String(e.id) : `row-${t}`;
 }
-function un(e, t) {
+function dn(e, t) {
 	return !t || Object.entries(t).every(([t, n]) => e[t] === n);
 }
-function dn({ values: e, options: t }) {
-	let r = W(() => sn(t), [t]), i = n(), 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("");
+function fn({ values: e, options: t }) {
+	let r = W(() => cn(t), [t]), i = n(), a = re(), o = e.scope, s = r?.windows.some((e) => e.code === r.default_window) ? r.default_window : r?.windows[0]?.code ?? "", [c, l] = K(s), [u, d] = K("");
 	U(() => {
 		l(s);
 	}, [s]), U(() => {
@@ -3103,7 +3109,7 @@ function dn({ values: e, options: t }) {
 		className: "rounded border border-destructive p-3 text-sm text-destructive",
 		children: "Invalid entity_scorecard configuration."
 	});
-	let y = h.data?.data?.[0], b = v.data?.data ?? [], x = g?.filter_field ? Array.from(new Set(b.map((e) => e[g.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], S = u && g?.filter_field ? b.filter((e) => e[g.filter_field] === u) : b, C = (e) => !u || !e.filtered || !g?.filter_field ? y?.[e.field] : b.find((t) => t[g.filter_field] === u && un(t, e.filtered?.where))?.[e.filtered.field], w = (e) => {
+	let y = h.data?.data?.[0], b = v.data?.data ?? [], x = g?.filter_field ? Array.from(new Set(b.map((e) => e[g.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], S = u && g?.filter_field ? b.filter((e) => e[g.filter_field] === u) : b, C = (e) => !u || !e.filtered || !g?.filter_field ? y?.[e.field] : b.find((t) => t[g.filter_field] === u && dn(t, e.filtered?.where))?.[e.filtered.field], w = (e) => {
 		let t = r.drillthrough;
 		if (!t || !e.drillthrough_value) return;
 		let n = [{
@@ -3197,7 +3203,7 @@ function dn({ 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: cn(t, e.format, i)
+							children: ln(t, e.format, i)
 						}),
 						e.help && /* @__PURE__ */ J("span", {
 							className: "mt-1 block text-xs text-muted-foreground",
@@ -3229,9 +3235,9 @@ function dn({ values: e, options: t }) {
 						className: "border-b border-divider last:border-0",
 						children: g.columns.map((t) => /* @__PURE__ */ J("td", {
 							className: "px-3 py-2 text-foreground",
-							children: cn(e[t.field], t.format, i)
+							children: ln(e[t.field], t.format, i)
 						}, t.field))
-					}, ln(e, t))), !v.isLoading && S.length === 0 && /* @__PURE__ */ J("tr", { children: /* @__PURE__ */ J("td", {
+					}, un(e, t))), !v.isLoading && S.length === 0 && /* @__PURE__ */ J("tr", { children: /* @__PURE__ */ J("td", {
 						colSpan: Math.max(1, g.columns.length),
 						className: "px-3 py-6 text-center text-muted-foreground",
 						children: f(g.empty_label, i) || "No breakdown rows."
@@ -3243,14 +3249,14 @@ function dn({ values: e, options: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/widgets/builtins.ts
-var fn = !1;
-function pn() {
-	fn ||= (se("json_diff", an), se("entity_scorecard", dn), !0);
+var pn = !1;
+function mn() {
+	pn ||= (se("json_diff", on), se("entity_scorecard", fn), !0);
 }
 //#endregion
 //#region src/components/detail-layout/widgets/WidgetHost.tsx
-pn();
-function mn({ config: e, ctx: t }) {
+mn();
+function hn({ config: e, ctx: t }) {
 	let n = ce(e.type);
 	if (!n) return /* @__PURE__ */ J("span", {
 		className: "text-sm text-muted-foreground",
@@ -3276,7 +3282,7 @@ function mn({ config: e, ctx: t }) {
 }
 //#endregion
 //#region src/components/detail-layout/LayoutRenderer.tsx
-function hn({ nodes: e, ctx: t }) {
+function gn({ nodes: e, ctx: t }) {
 	return /* @__PURE__ */ J(q, { children: e.map((e, n) => /* @__PURE__ */ J($, {
 		node: e,
 		ctx: t
@@ -3299,22 +3305,22 @@ function $({ node: e, ctx: t }) {
 	}) : e.children ? /* @__PURE__ */ J(At, {
 		node: e,
 		ctx: t
-	}) : e.associated ? /* @__PURE__ */ J(ae, {
+	}) : e.associated ? /* @__PURE__ */ J(ie, {
 		node: e,
 		ctx: t
-	}) : e.fields ? /* @__PURE__ */ J(zt, {
+	}) : e.fields ? /* @__PURE__ */ J(Bt, {
 		fields: e.fields,
 		ctx: t
-	}) : e.properties == null ? e.statuses == null ? e.widget ? /* @__PURE__ */ J(mn, {
+	}) : e.properties == null ? e.statuses == null ? e.widget ? /* @__PURE__ */ J(hn, {
 		config: e.widget,
 		ctx: t
-	}) : null : /* @__PURE__ */ J(qt, {
+	}) : null : /* @__PURE__ */ J(Jt, {
 		node: e,
 		ctx: t
-	}) : /* @__PURE__ */ J(Ht, {
+	}) : /* @__PURE__ */ J(Ut, {
 		node: e,
 		ctx: t
 	});
 }
 //#endregion
-export { Gt as n, hn as t };
+export { Kt as n, gn as t };