@declarion/react 0.54.0 → 0.56.0

package/dist-lib/{registry-D0RhCnEL.js → registry-CjgUaF7C.js}

@@ -1,10 +1,10 @@
 import { s as e, t } from "./DynamicIcon-DW5krHuX.js";
-import { $t as n, A as r, Bn as i, Cr as a, Dr as o, Fr as s, Gt as c, I as l, Ir as u, Jn as d, Jt as f, K as p, Kn as m, Kt as h, L as g, Mr as _, Mt as v, Pr as y, Q as b, St as x, U as S, W as C, Xn as w, Y as T, Yt as E, Z as D, Zn as O, Zt as k, an as A, et as j, i as M, in as N, k as P, lr as F, nt as I, qn as L, qt as ee, rr as R, rt as z, ur as B, vr as V, vt as H, wr as U, xr as te, yn as W } from "./useCurrentScreen-DVTXCj_K.js";
-import { O as ne } from "./field-classification-sMkkAEg9.js";
-import { c as re, l as ie, o as ae, t as oe } from "./action-dispatch-DsuUS7ae.js";
-import { n as se, r as ce, t as G } from "./dataTableStyles-vwD1mVOP.js";
-import { Component as le, useCallback as K, useEffect as ue, useId as de, useMemo as q, useRef as J, useState as Y } from "react";
-import { useInfiniteQuery as fe, useQuery as pe, useQueryClient as X } from "@tanstack/react-query";
+import { $n as n, $t as r, Br as i, Cr as a, D as o, Er as s, F as c, Gn as l, H as u, Lr as d, Mr as f, O as p, Or as m, P as h, Q as g, Qn as _, Qt as v, V as y, Vr as b, W as x, X as S, Xt as C, Y as w, Zn as T, Zt as E, cr as D, en as O, et as k, gt as A, hr as j, i as M, in as N, jt as P, kr as F, ln as I, mr as L, nn as R, nr as z, q as B, tr as V, tt as H, un as U, wn as W, xt as ee, zr as G } from "./useCurrentScreen-CzwzQpoW.js";
+import { O as te } from "./field-classification-D6xQYn-h.js";
+import { c as ne, l as re, o as ie, t as ae } from "./action-dispatch-CR4ajBtT.js";
+import { n as oe, r as se, t as K } from "./dataTableStyles-vwD1mVOP.js";
+import { Component as ce, useCallback as q, useEffect as le, useId as ue, useMemo as J, useRef as Y, useState as X } from "react";
+import { useInfiniteQuery as de, useQuery as fe, useQueryClient as pe } from "@tanstack/react-query";
 import { Fragment as me, jsx as Z, jsxs as Q } from "react/jsx-runtime";
 import { clsx as he } from "clsx";
 import { twMerge as ge } from "tailwind-merge";
@@ -19,8 +19,8 @@ var $ = {
 		shadow: "none"
 	}
 };
-function _e({ title: t, subtitle: n, right: r, badge: i, count: a, children: o, footer: c, collapsible: l = !0, defaultOpen: u = !0, icon: d, emphasis: f = "primary", headingLevel: p = 2, padding: m = "16px" }) {
-	let [h, g] = Y(u), _ = $[f] ?? $.primary;
+function _e({ title: t, subtitle: n, right: r, badge: a, count: o, children: s, footer: c, collapsible: l = !0, defaultOpen: u = !0, icon: d, emphasis: f = "primary", headingLevel: p = 2, padding: m = "16px" }) {
+	let [h, g] = X(u), _ = $[f] ?? $.primary;
 	return /* @__PURE__ */ Q("div", {
 		"data-emphasis": f,
 		style: {
@@ -89,7 +89,7 @@ function _e({ title: t, subtitle: n, right: r, badge: i, count: a, children: o,
 									},
 									children: t
 								}),
-								a !== void 0 && /* @__PURE__ */ Z("span", {
+								o !== void 0 && /* @__PURE__ */ Z("span", {
 									className: "num",
 									style: {
 										fontSize: 11,
@@ -102,7 +102,7 @@ function _e({ title: t, subtitle: n, right: r, badge: i, count: a, children: o,
 										textAlign: "center",
 										flexShrink: 0
 									},
-									children: a
+									children: o
 								}),
 								n && /* @__PURE__ */ Z("div", {
 									style: {
@@ -118,14 +118,14 @@ function _e({ title: t, subtitle: n, right: r, badge: i, count: a, children: o,
 							]
 						})
 					}),
-					i && /* @__PURE__ */ Z(y, {
-						tone: i.tone ?? "violet",
+					a && /* @__PURE__ */ Z(G, {
+						tone: a.tone ?? "violet",
 						size: "xs",
-						dot: i.dot,
-						children: i.text
+						dot: a.dot,
+						children: a.text
 					}),
 					r,
-					l && /* @__PURE__ */ Z(s, {
+					l && /* @__PURE__ */ Z(i, {
 						size: 24,
 						icon: Z(h ? e.up : e.down, { size: 14 }),
 						onClick: () => g((e) => !e),
@@ -135,7 +135,7 @@ function _e({ title: t, subtitle: n, right: r, badge: i, count: a, children: o,
 			}),
 			h && /* @__PURE__ */ Z("div", {
 				style: { padding: m },
-				children: o
+				children: s
 			}),
 			c && h && /* @__PURE__ */ Z("div", {
 				style: {
@@ -171,31 +171,31 @@ function be(e) {
 }
 //#endregion
 //#region src/hooks/useAssociatedData.ts
-function xe(e, t, n, r, i, a, o, s) {
-	let c = s ? JSON.stringify(Object.entries(s).sort()) : void 0;
-	return fe({
+function xe(e, t, n, r, i, a, s, c) {
+	let l = c ? JSON.stringify(Object.entries(c).sort()) : void 0;
+	return de({
 		queryKey: [
-			P,
+			o,
 			e,
 			t,
 			n,
 			i,
 			a,
-			o,
-			c
+			s,
+			l
 		],
 		queryFn: ({ pageParam: e }) => {
-			let c = new URLSearchParams(), l = [{
+			let o = new URLSearchParams(), l = [{
 				field: r,
 				op: "eq",
 				value: t
 			}];
-			if (s) for (let [e, t] of Object.entries(s)) t && t !== "__all__" && l.push({
+			if (c) for (let [e, t] of Object.entries(c)) t && t !== "__all__" && l.push({
 				field: e,
 				op: "eq",
 				value: t
 			});
-			return c.set("filters", JSON.stringify(l)), i && c.set("sort", i), a && c.set("limit", String(a)), o && c.set("search", o), e && c.set("after", e), W(`/api/data/${n}?${c.toString()}`);
+			return o.set("filters", JSON.stringify(l)), i && o.set("sort", i), a && o.set("limit", String(a)), s && o.set("search", s), e && o.set("after", e), W(`/api/data/${n}?${o.toString()}`);
 		},
 		getNextPageParam: (e) => e.meta?.has_more ? e.meta.cursor : void 0,
 		initialPageParam: void 0,
@@ -204,146 +204,146 @@ function xe(e, t, n, r, i, a, o, s) {
 }
 //#endregion
 //#region src/components/actions/ActionButton.tsx
-function Se({ actionCode: r, action: i, entityCode: a, objectIds: o = [], row: d, variant: f = "outline", size: m = "default", onSuccess: h }) {
-	let [_, y] = Y(!1), [b, x] = Y(!1), { data: S } = A(), C = ne(), { run: w } = M(), k = D(i), N = !d || p(i.conditions, d), P = K(async () => {
-		if (!(!i.association || o.length === 0)) {
-			y(!0);
+function Se({ actionCode: n, action: r, entityCode: a, objectIds: o = [], row: s, variant: l = "outline", size: u = "default", onSuccess: d }) {
+	let [f, p] = X(!1), [m, _] = X(!1), { data: v } = U(), y = te(), { run: S } = M(), T = w(r), E = !s || x(r.conditions, s), D = q(async () => {
+		if (r.association && o.length !== 0) {
+			p(!0);
 			try {
-				let e = a ? `${a}.${i.association}` : i.association, t = await n(e, o), r = T(S, t.target_entity);
-				if (!r) {
-					v.error(`No list screen found for ${t.target_entity}`);
+				let e = a ? `${a}.${r.association}` : r.association, t = await N(e, o), n = B(v, t.target_entity);
+				if (!n) {
+					P.error(`No list screen found for ${t.target_entity}`);
 					return;
 				}
-				let s = S?.entities[t.target_entity], c = O(i.display?.name) || t.target_entity;
+				let i = v?.entities[t.target_entity], s = z(r.display?.name) || t.target_entity;
 				if (t.ids.length === 0) {
-					v.info(`No related ${c} found`);
+					P.info(`No related ${s} found`);
 					return;
 				}
-				let l = s?.fields.names().find((e) => s.fields.get(e)?.primary) ?? "id", u = new URLSearchParams();
-				u.set(`filter_${l}`, t.ids.join(",")), C(r.route, {
-					title: c,
-					icon: i.display?.icon || r.icon,
-					search: u.toString()
-				}), h?.();
+				let c = i?.fields.names().find((e) => i.fields.get(e)?.primary) ?? "id", l = new URLSearchParams();
+				l.set(`filter_${c}`, t.ids.join(",")), y(n.route, {
+					title: s,
+					icon: r.display?.icon || n.icon,
+					search: l.toString()
+				}), d?.();
 			} catch (e) {
-				v.error(e instanceof Error ? e.message : "Failed to resolve association");
+				P.error(e instanceof Error ? e.message : "Failed to resolve association");
 			} finally {
-				y(!1);
+				p(!1);
 			}
 		}
 	}, [
-		i,
+		r,
 		a,
 		o,
-		S,
-		C,
-		h
-	]), F = i.entity ? `${i.entity}.${r}` : r, I = o.length > 0 ? o : void 0, L = K(() => {
-		x(!0), w({
-			action: i,
-			title: O(i.display?.name) || r,
-			row: d,
+		v,
+		y,
+		d
+	]), k = r.entity ? `${r.entity}.${n}` : n, A = o.length > 0 ? o : void 0, j = q(() => {
+		_(!0), S({
+			action: r,
+			title: z(r.display?.name) || n,
+			row: s,
 			entity: a,
-			execute: (e) => E(F, c(e, I)),
-			onSuccess: () => h?.()
-		}).finally(() => x(!1));
+			execute: (e) => O(k, C(e, A)),
+			onSuccess: () => d?.()
+		}).finally(() => _(!1));
 	}, [
-		w,
-		i,
+		S,
 		r,
-		d,
+		n,
+		s,
 		a,
-		F,
-		I,
-		h
-	]), ee = K(() => {
-		if (g(i)) {
-			l(i.ui_steps, { row: d }).then(() => h?.());
+		k,
+		A,
+		d
+	]), F = q(() => {
+		if (c(r)) {
+			h(r.ui_steps, { row: s }).then(() => d?.());
 			return;
 		}
-		if (k) {
-			P();
+		if (T) {
+			D();
 			return;
 		}
-		if (i.href && !i.handler && !i.association) {
-			let e = a ? S?.entities[a] : void 0, t = j(d, e), n = i.href;
-			a && (n = n.replaceAll("${entity}", a)), t && (n = n.replaceAll("${id}", encodeURIComponent(t))), C(n, {
-				title: O(i.display?.name) || r,
-				icon: i.display?.icon
-			}), h?.();
+		if (r.href && !r.handler && !r.association) {
+			let e = a ? v?.entities[a] : void 0, t = g(s, e), i = r.href;
+			a && (i = i.replaceAll("${entity}", a)), t && (i = i.replaceAll("${id}", encodeURIComponent(t))), y(i, {
+				title: z(r.display?.name) || n,
+				icon: r.display?.icon
+			}), d?.();
 			return;
 		}
-		L();
+		j();
 	}, [
-		i,
-		d,
-		a,
-		S?.entities,
 		r,
-		C,
-		k,
-		P,
-		L,
-		h
-	]), R = O(i.display?.name), z = i.display?.icon, B = z && e[z], V = B ? /* @__PURE__ */ Z(B, { size: 13 }) : z ? /* @__PURE__ */ Z(t, {
-		name: z,
+		s,
+		a,
+		v?.entities,
+		n,
+		y,
+		T,
+		D,
+		j,
+		d
+	]), I = z(r.display?.name), L = r.display?.icon, R = L && e[L], V = R ? /* @__PURE__ */ Z(R, { size: 13 }) : L ? /* @__PURE__ */ Z(t, {
+		name: L,
 		size: 13
-	}) : null, H = !N || b || _;
-	return m === "icon" ? /* @__PURE__ */ Z(s, {
+	}) : null, H = !E || m || f;
+	return u === "icon" ? /* @__PURE__ */ Z(i, {
 		icon: V ?? /* @__PURE__ */ Z(e.bolt, { size: 13 }),
-		onClick: ee,
-		title: R
-	}) : /* @__PURE__ */ Z(u, {
-		kind: f === "default" ? "primary" : f === "ghost" ? "ghost" : "default",
+		onClick: F,
+		title: I
+	}) : /* @__PURE__ */ Z(b, {
+		kind: l === "default" ? "primary" : l === "ghost" ? "ghost" : "default",
 		size: "sm",
 		icon: V,
-		danger: i.destructive,
-		onClick: ee,
+		danger: r.destructive,
+		onClick: F,
 		disabled: H,
-		title: R,
-		"aria-label": R,
-		children: R
+		title: I,
+		"aria-label": I,
+		children: I
 	});
 }
 //#endregion
 //#region src/components/actions/RowActionsKebab.tsx
-function Ce({ actions: t, objectIds: n, row: r, entity: i, onSuccess: a, preMenu: o, divider: l, size: u = 22, align: d = "end" }) {
-	let f = J(null), [p, m] = Y(!1), [h, g] = Y(null), { run: v } = M(), y = q(() => {
+function Ce({ actions: t, objectIds: n, row: r, entity: a, onSuccess: o, preMenu: s, divider: c, size: l = 22, align: u = "end" }) {
+	let f = Y(null), [p, m] = X(!1), [h, g] = X(null), { run: _ } = M(), v = J(() => {
 		let e = {};
 		for (let { code: n, action: r } of t) e[n] = r;
 		return e;
-	}, [t]), b = q(() => {
+	}, [t]), b = J(() => {
 		let e = t.map(({ code: e }) => ({
 			kind: "action",
 			code: e,
 			enabled: !0,
 			reason: null
 		}));
-		return r ? S(e, y, void 0, r, [], ae(i, r)) : e;
+		return r ? y(e, v, void 0, r, [], ie(a, r)) : e;
 	}, [
 		t,
-		y,
+		v,
 		r,
-		i
-	]), x = K((e, t) => {
+		a
+	]), x = q((e, t) => {
 		m(!1);
 		let i = t.entity ? `${t.entity}.${e}` : e;
-		return v({
+		return _({
 			action: t,
-			title: O(t.display?.name) || e,
+			title: z(t.display?.name) || e,
 			row: r,
 			execute: async (e) => {
-				let t = await E(i, c(e, n));
-				return a?.(), t;
+				let t = await O(i, C(e, n));
+				return o?.(), t;
 			}
 		});
 	}, [
-		v,
+		_,
 		r,
 		n,
-		a
+		o
 	]);
-	return !o && b.length === 0 ? null : /* @__PURE__ */ Q("div", {
+	return !s && b.length === 0 ? null : /* @__PURE__ */ Q("div", {
 		className: "sl-row-actions",
 		"data-open": p ? "true" : void 0,
 		style: {
@@ -351,24 +351,24 @@ function Ce({ actions: t, objectIds: n, row: r, entity: i, onSuccess: a, preMenu
 			alignItems: "center",
 			justifyContent: "flex-end"
 		},
-		children: [/* @__PURE__ */ Z(s, {
+		children: [/* @__PURE__ */ Z(i, {
 			ref: f,
-			size: u,
-			icon: /* @__PURE__ */ Z(e.more, { size: Math.round(u * .55) }),
+			size: l,
+			icon: /* @__PURE__ */ Z(e.more, { size: Math.round(l * .55) }),
 			onClick: () => m((e) => !e),
 			title: "Actions"
-		}), /* @__PURE__ */ Q(_, {
+		}), /* @__PURE__ */ Q(d, {
 			open: p,
 			anchor: f.current,
 			onClose: () => m(!1),
 			width: 200,
-			align: d,
+			align: u,
 			children: [
-				o,
-				o && l && b.length > 0 && /* @__PURE__ */ Z(U, { divider: !0 }),
-				/* @__PURE__ */ Z(ie, {
+				s,
+				s && c && b.length > 0 && /* @__PURE__ */ Z(F, { divider: !0 }),
+				/* @__PURE__ */ Z(re, {
 					layout: b,
-					entityActions: y,
+					entityActions: v,
 					onRun: x,
 					loading: h,
 					onLoadingChange: g,
@@ -380,82 +380,82 @@ function Ce({ actions: t, objectIds: n, row: r, entity: i, onSuccess: a, preMenu
 }
 //#endregion
 //#region src/components/detail-layout/AssociatedToolbar.tsx
-function we({ entity: t, searchable: n, filterFields: r, searchValue: i, onSearchChange: a, filters: o, onFilterChange: s, allEntities: c }) {
-	let l = n === !0, u = r && r.length > 0;
-	return !l && !u ? null : /* @__PURE__ */ Q("div", {
+function we({ entity: t, searchable: r, filterFields: i, searchValue: o, onSearchChange: c, filters: l, onFilterChange: u, allEntities: d }) {
+	let f = r === !0, p = i && i.length > 0;
+	return !f && !p ? null : /* @__PURE__ */ Q("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
 			gap: 6,
 			marginBottom: 8
 		},
-		children: [l && /* @__PURE__ */ Z("div", {
+		children: [f && /* @__PURE__ */ Z("div", {
 			style: {
 				flex: 1,
 				maxWidth: 220
 			},
-			children: /* @__PURE__ */ Z(te, {
-				value: i,
-				onChange: a,
+			children: /* @__PURE__ */ Z(s, {
+				value: o,
+				onChange: c,
 				placeholder: "Search…",
 				prefix: /* @__PURE__ */ Z(e.search, { size: 12 })
 			})
-		}), u && r.map((e) => {
-			let n = t.fields.get(e);
-			if (!n) return null;
-			let r = o[e] ?? "__all__", i = d(n, e, c);
-			if (n.type === "ref" && n.ref?.entity) return /* @__PURE__ */ Z(Te, {
-				field: n,
-				label: i,
-				value: r,
-				onChange: (t) => s(e, t)
+		}), p && i.map((e) => {
+			let r = t.fields.get(e);
+			if (!r) return null;
+			let i = l[e] ?? "__all__", o = n(r, e, d);
+			if (r.type === "ref" && r.ref?.entity) return /* @__PURE__ */ Z(Te, {
+				field: r,
+				label: o,
+				value: i,
+				onChange: (t) => u(e, t)
 			}, e);
-			if (!n.values) return null;
-			let a = [{
+			if (!r.values) return null;
+			let s = [{
 				value: "__all__",
-				label: `All ${i}`
-			}, ...n.values.map((e) => ({
+				label: `All ${o}`
+			}, ...r.values.map((e) => ({
 				value: e.code,
-				label: O(e.name) || e.code
+				label: z(e.name) || e.code
 			}))];
 			return /* @__PURE__ */ Z("div", {
 				style: { width: 160 },
-				children: /* @__PURE__ */ Z(V, {
-					value: r,
-					options: a,
-					onChange: (t) => s(e, t),
-					placeholder: i
+				children: /* @__PURE__ */ Z(a, {
+					value: i,
+					options: s,
+					onChange: (t) => u(e, t),
+					placeholder: o
 				})
 			}, e);
 		})]
 	});
 }
 function Te({ field: e, label: t, value: n, onChange: r }) {
-	let a = H(e.ref?.entity), o = e.display?.ref_display_field ?? a?.display?.display_field, s = q(() => a ? [...a.fields].find(([, e]) => e.primary)?.[0] ?? "id" : "id", [a]), { data: c } = x(e.ref?.entity, {
+	let i = A(e.ref?.entity), o = e.display?.ref_display_field ?? i?.display?.display_field, s = J(() => i ? [...i.fields].find(([, e]) => e.primary)?.[0] ?? "id" : "id", [i]), { data: c } = ee(e.ref?.entity, {
 		per_page: 200,
 		sort: o ? `${o}:asc` : void 0
-	}), l = c?.data ?? [], u = (e) => {
+	}), u = c?.data ?? [], d = (e) => {
 		if (e == null) return "—";
 		if (typeof e == "object" && !Array.isArray(e)) {
 			let t = Object.values(e)[0];
-			return t == null ? "—" : F(t);
+			return t == null ? "—" : L(t);
 		}
-		return F(e);
-	}, d = [{
+		return L(e);
+	}, f = [{
 		value: "__all__",
 		label: `All ${t}`
-	}, ...l.map((e) => {
-		let t = String(e[s]), n = e[i];
+	}, ...u.map((e) => {
+		let t = String(e[s]), n = e[l];
 		return {
 			value: t,
-			label: typeof n == "string" && n !== "" ? n : o ? u(e[o] ?? t) : t
+			label: typeof n == "string" && n !== "" ? n : o ? d(e[o] ?? t) : t
 		};
 	})];
 	return /* @__PURE__ */ Z("div", {
 		style: { width: 160 },
-		children: /* @__PURE__ */ Z(V, {
+		children: /* @__PURE__ */ Z(a, {
 			value: n,
-			options: d,
+			options: f,
 			onChange: r,
 			placeholder: t
 		})
@@ -466,7 +466,7 @@ function Te({ field: e, label: t, value: n, onChange: r }) {
 function Ee(e) {
 	if (!e) return [];
 	let t = [];
-	for (let [n, r] of Object.entries(e)) (r.visibility ?? []).includes("list_row") && (r.association || b(n) || t.push({
+	for (let [n, r] of Object.entries(e)) (r.visibility ?? []).includes("list_row") && (r.association || S(n) || t.push({
 		code: n,
 		action: r
 	}));
@@ -488,7 +488,7 @@ function De(e, t, n) {
 			let n = a.resolved_params.items().filter((e) => e.name !== t);
 			e = {
 				...e,
-				resolved_params: new B(n)
+				resolved_params: new j(n)
 			};
 		}
 		r.push({
@@ -521,7 +521,7 @@ function Oe(e, t, n) {
 	return null;
 }
 function ke(e, t, n) {
-	let r = new Set(w(e));
+	let r = new Set(V(e));
 	return new Set(t.filter((t) => {
 		if (t === n || r.has(t)) return !1;
 		let i = e.fields.get(t);
@@ -583,55 +583,55 @@ function Ne({ node: n, ctx: r, assocCode: i, assocEntity: a, fkField: o }) {
 		if (e === o) return !1;
 		let t = a.fields.get(e);
 		return !(!t || t.primary || t.display?.is_listable === !1);
-	}), l = m(a, "update"), d = n.interaction ?? (l ? "navigate" : "readonly"), f = (d === "inline_edit" || d === "row_edit") && l && n.editable !== !1, p = O(a.display?.name_plural) || O(a.display?.name) || i, h = n.searchable === !0 || n.filters && n.filters.length > 0, g = q(() => De(a.actions, o, r.recordId), [
+	}), c = T(a, "update"), l = n.interaction ?? (c ? "navigate" : "readonly"), d = (l === "inline_edit" || l === "row_edit") && c && n.editable !== !1, f = z(a.display?.name_plural) || z(a.display?.name) || i, p = n.searchable === !0 || n.filters && n.filters.length > 0, m = J(() => De(a.actions, o, r.recordId), [
 		a.actions,
 		o,
 		r.recordId
-	]), _ = q(() => {
+	]), h = J(() => {
 		let e = {};
-		for (let { code: t, action: n } of g) e[t] = n;
+		for (let { code: t, action: n } of m) e[t] = n;
 		return e;
-	}, [g]), v = q(() => {
+	}, [m]), g = J(() => {
 		let e = a.action_layout ?? null;
-		return S(e ?? C(_, "list_toolbar"), _, void 0, {}, []);
-	}, [a.action_layout, _]), { run: y } = M(), b = ne(), x = I(), w = q(() => ({
+		return y(e ?? u(h, "list_toolbar"), h, void 0, {}, []);
+	}, [a.action_layout, h]), { run: _ } = M(), v = te(), x = k(), S = J(() => ({
 		entity: a,
 		entityCode: i,
 		screenRoute: typeof window < "u" ? window.location.pathname : "",
 		selectedRows: [],
 		selectedIds: [],
 		locale: x,
-		tabNavigate: (e, t) => b(e, {
+		tabNavigate: (e, t) => v(e, {
 			title: t?.title,
 			icon: t?.icon,
 			search: t?.search
 		}),
-		runActionApi: (e, t) => E(e, t)
+		runActionApi: (e, t) => O(e, t)
 	}), [
 		a,
 		i,
 		x,
-		b
-	]), T = X(), D = K(() => {
-		T.invalidateQueries({ predicate: (e) => {
+		v
+	]), w = pe(), E = q(() => {
+		w.invalidateQueries({ predicate: (e) => {
 			let t = e.queryKey;
 			return t[0] === "entity-children" && t[3] === i;
 		} });
-	}, [T, i]), k = K((e, t) => {
-		let n = oe(e, t, {}, i);
-		if (n !== null) return y({
+	}, [w, i]), D = q((e, t) => {
+		let n = ae(e, t, {}, i);
+		if (n !== null) return _({
 			action: t,
-			title: O(t.display?.name) || e,
+			title: z(t.display?.name) || e,
 			execute: async (e) => {
-				let t = await E(n, c(e, void 0));
-				return D(), t;
+				let t = await O(n, C(e, void 0));
+				return E(), t;
 			}
 		});
 	}, [
-		y,
+		_,
 		i,
-		D
-	]), [A, j] = Y(0), N = /* @__PURE__ */ Q("div", {
+		E
+	]), [A, j] = X(0), N = /* @__PURE__ */ Q("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -640,36 +640,36 @@ function Ne({ node: n, ctx: r, assocCode: i, assocEntity: a, fkField: o }) {
 			minWidth: 0,
 			justifyContent: "flex-end"
 		},
-		children: [a.action_layout ? v.length > 0 && /* @__PURE__ */ Z(re, {
+		children: [a.action_layout ? g.length > 0 && /* @__PURE__ */ Z(ne, {
 			kind: "toolbar",
-			layout: v,
-			entityActions: _,
-			onRun: k,
-			widgetContext: w,
-			ariaLabel: `${p} toolbar actions`
-		}) : g.map(({ code: e, action: t }) => /* @__PURE__ */ Z(Se, {
+			layout: g,
+			entityActions: h,
+			onRun: D,
+			widgetContext: S,
+			ariaLabel: `${f} toolbar actions`
+		}) : m.map(({ code: e, action: t }) => /* @__PURE__ */ Z(Se, {
 			actionCode: e,
 			action: t,
 			entityCode: i,
 			variant: "ghost",
 			size: "sm",
-			onSuccess: D
-		}, e)), f && /* @__PURE__ */ Z(u, {
+			onSuccess: E
+		}, e)), d && /* @__PURE__ */ Z(b, {
 			kind: "ghost",
 			size: "xs",
 			icon: /* @__PURE__ */ Z(e.plus, { size: 12 }),
 			onClick: () => j((e) => e + 1),
 			children: "Add row"
 		})]
-	}), P = h ? /* @__PURE__ */ Z(Fe, {
+	}), P = p ? /* @__PURE__ */ Z(Fe, {
 		entityCode: i,
 		entity: a,
 		parentEntity: r.entityCode,
 		parentId: r.recordId,
 		foreignKey: o,
 		columns: s,
-		editable: f,
-		interaction: d,
+		editable: d,
+		interaction: l,
 		ctx: r,
 		searchable: n.searchable,
 		filterFields: n.filters,
@@ -682,8 +682,8 @@ function Ne({ node: n, ctx: r, assocCode: i, assocEntity: a, fkField: o }) {
 		parentId: r.recordId,
 		foreignKey: o,
 		columns: s,
-		editable: f,
-		interaction: d,
+		editable: d,
+		interaction: l,
 		ctx: r,
 		sort: n.sort,
 		startDraftSignal: A
@@ -696,7 +696,7 @@ function Ne({ node: n, ctx: r, assocCode: i, assocEntity: a, fkField: o }) {
 		},
 		children: N
 	}), P] }) : /* @__PURE__ */ Z(_e, {
-		title: p,
+		title: f,
 		icon: a.display?.icon ? /* @__PURE__ */ Z(t, {
 			name: a.display.icon,
 			size: 14
@@ -705,45 +705,45 @@ function Ne({ node: n, ctx: r, assocCode: i, assocEntity: a, fkField: o }) {
 		children: P
 	});
 }
-function Pe({ entityCode: e, entity: t, parentEntity: n, parentId: i, foreignKey: a, columns: o, editable: s, interaction: c, ctx: l, sort: u, startDraftSignal: d }) {
-	let f = X(), { data: p, isLoading: m, isError: h } = r(n, i, e, a, u), g = p?.data ?? [], _ = p?.$refs, v = K(() => {
+function Pe({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey: i, columns: a, editable: s, interaction: c, ctx: l, sort: u, startDraftSignal: d }) {
+	let f = pe(), { data: m, isLoading: h, isError: g } = p(n, r, e, i, u), _ = m?.data ?? [], v = m?.$refs, y = q(() => {
 		f.invalidateQueries({ queryKey: [
-			P,
+			o,
 			n,
-			i,
+			r,
 			e
 		] });
 	}, [
 		f,
 		n,
-		i,
+		r,
 		e
 	]);
 	return /* @__PURE__ */ Z(Ie, {
 		entityCode: e,
 		entity: t,
-		parentId: i,
-		foreignKey: a,
-		columns: o,
+		parentId: r,
+		foreignKey: i,
+		columns: a,
 		editable: s,
 		interaction: c,
 		ctx: l,
-		rows: g,
-		refs: _,
-		isLoading: m,
-		isError: h,
-		invalidateQuery: v,
+		rows: _,
+		refs: v,
+		isLoading: h,
+		isError: g,
+		invalidateQuery: y,
 		startDraftSignal: d
 	});
 }
-function Fe({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey: i, columns: o, editable: s, interaction: c, ctx: l, searchable: d, filterFields: f, sort: p, startDraftSignal: m }) {
-	let h = X(), [g, _] = Y(""), [v, y] = Y(""), [b, x] = Y({}), S = J(void 0);
-	ue(() => (S.current && clearTimeout(S.current), S.current = setTimeout(() => {
-		y(g);
+function Fe({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey: i, columns: a, editable: o, interaction: s, ctx: c, searchable: l, filterFields: u, sort: d, startDraftSignal: f }) {
+	let p = pe(), [h, g] = X(""), [_, v] = X(""), [y, x] = X({}), S = Y(void 0);
+	le(() => (S.current && clearTimeout(S.current), S.current = setTimeout(() => {
+		v(h);
 	}, 300), () => {
 		S.current && clearTimeout(S.current);
-	}), [g]);
-	let C = K((e, t) => {
+	}), [h]);
+	let C = q((e, t) => {
 		x((n) => {
 			if (t === "__all__") {
 				let { [e]: t, ...r } = n;
@@ -754,7 +754,7 @@ function Fe({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey
 				[e]: t
 			};
 		});
-	}, []), w = q(() => Object.keys(b).length > 0 ? b : void 0, [b]), { data: T, isLoading: E, isError: D, hasNextPage: O, fetchNextPage: k, isFetchingNextPage: A } = xe(n, r, e, i, p, void 0, v || void 0, w), { rows: j, refs: M } = q(() => {
+	}, []), w = J(() => Object.keys(y).length > 0 ? y : void 0, [y]), { data: T, isLoading: E, isError: D, hasNextPage: O, fetchNextPage: k, isFetchingNextPage: A } = xe(n, r, e, i, d, void 0, _ || void 0, w), { rows: j, refs: M } = J(() => {
 		if (!T?.pages) return {
 			rows: [],
 			refs: void 0
@@ -771,45 +771,45 @@ function Fe({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey
 			rows: e,
 			refs: t
 		};
-	}, [T]), N = K(() => {
-		h.invalidateQueries({ predicate: (t) => {
+	}, [T]), N = q(() => {
+		p.invalidateQueries({ predicate: (t) => {
 			let n = t.queryKey;
 			return n[0] === "entity-children" && n[3] === e;
 		} });
-	}, [h, e]);
+	}, [p, e]);
 	return /* @__PURE__ */ Q("div", { children: [
 		/* @__PURE__ */ Z(we, {
 			entity: t,
-			searchable: d,
-			filterFields: f,
-			searchValue: g,
-			onSearchChange: _,
-			filters: b,
+			searchable: l,
+			filterFields: u,
+			searchValue: h,
+			onSearchChange: g,
+			filters: y,
 			onFilterChange: C,
-			allEntities: l.schema.entities
+			allEntities: c.schema.entities
 		}),
 		/* @__PURE__ */ Z(Ie, {
 			entityCode: e,
 			entity: t,
 			parentId: r,
 			foreignKey: i,
-			columns: o,
-			editable: s,
-			interaction: c,
-			ctx: l,
+			columns: a,
+			editable: o,
+			interaction: s,
+			ctx: c,
 			rows: j,
 			refs: M,
 			isLoading: E,
 			isError: D,
 			invalidateQuery: N,
-			startDraftSignal: m
+			startDraftSignal: f
 		}),
 		O && /* @__PURE__ */ Z("div", {
 			style: { marginTop: 4 },
-			children: /* @__PURE__ */ Z(u, {
+			children: /* @__PURE__ */ Z(b, {
 				kind: "ghost",
 				size: "xs",
-				icon: A ? /* @__PURE__ */ Z(a, { size: 12 }) : void 0,
+				icon: A ? /* @__PURE__ */ Z(m, { size: 12 }) : void 0,
 				onClick: () => k(),
 				disabled: A,
 				children: "Load more"
@@ -817,45 +817,45 @@ function Fe({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey
 		})
 	] });
 }
-function Ie({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i, editable: a, interaction: s, ctx: c, rows: l, refs: u, isLoading: p, isError: m, invalidateQuery: g, startDraftSignal: _ }) {
-	let v = o(), y = v.isPhone && c.relatedRecordsPresentation === "table", b = i.find((e) => e !== r), x = q(() => s === "navigate" ? R(void 0, t, c.schema.screens) : null, [
-		s,
+function Ie({ entityCode: e, entity: t, parentId: i, foreignKey: a, columns: o, editable: s, interaction: c, ctx: l, rows: u, refs: d, isLoading: p, isError: m, invalidateQuery: h, startDraftSignal: g }) {
+	let y = f(), b = y.isPhone && l.relatedRecordsPresentation === "table", x = o.find((e) => e !== a), S = J(() => c === "navigate" ? D(void 0, t, l.schema.screens) : null, [
+		c,
 		t,
-		c.schema.screens
-	]), S = q(() => a ? ke(t, i, r) : /* @__PURE__ */ new Set(), [
-		i,
-		r,
+		l.schema.screens
+	]), C = J(() => s ? ke(t, o, a) : /* @__PURE__ */ new Set(), [
+		o,
+		a,
 		t,
-		a
-	]), C = q(() => Ae(t, i, r), [
-		i,
-		r,
+		s
+	]), w = J(() => Ae(t, o, a), [
+		o,
+		a,
 		t
-	]), w = q(() => {
+	]), T = J(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let n of l) {
-			let r = L(t, n);
-			e.set(f(r), r);
+		for (let n of u) {
+			let i = _(t, n);
+			e.set(r(i), i);
 		}
 		return e;
-	}, [l, t]), T = q(() => {
+	}, [u, t]), O = J(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let n of l) {
-			let r = n.$row_version;
-			typeof r == "string" && r !== "" && e.set(f(L(t, n)), r);
+		for (let n of u) {
+			let i = n.$row_version;
+			typeof i == "string" && i !== "" && e.set(r(_(t, n)), i);
 		}
 		return e;
-	}, [l, t]), E = q(() => Ee(t.actions), [t.actions]), [D, k] = Y(null), [A, j] = Y(null), [P, F] = Y([]), [I, z] = Y({}), B = J(I);
-	B.current = I;
-	let V = J({});
-	ue(() => {
-		let e = V.current;
+	}, [u, t]), k = J(() => Ee(t.actions), [t.actions]), [A, j] = X(null), [N, P] = X(null), [F, L] = X([]), [R, B] = X({}), V = Y(R);
+	V.current = R;
+	let H = Y({});
+	le(() => {
+		let e = H.current;
 		return () => {
 			for (let t of Object.values(e)) clearTimeout(t);
 		};
 	}, []);
-	let [H, U] = Y(null), [te, W] = Y([]), [ne, re] = Y(!1), { run: ie } = M(), [ae, oe] = Y(/* @__PURE__ */ new Set()), G = K(async (t, n, r) => {
-		z((e) => ({
+	let [U, W] = X(null), [ee, G] = X([]), [te, ne] = X(!1), { run: re } = M(), [ie, ae] = X(/* @__PURE__ */ new Set()), K = q(async (t, n, r) => {
+		B((e) => ({
 			...e,
 			[t]: {
 				...e[t],
@@ -864,11 +864,11 @@ function Ie({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 			}
 		}));
 		try {
-			let i = T.get(t), a = i ? {
+			let i = O.get(t), a = i ? {
 				...n,
 				$row_version: i
 			} : n;
-			return await N(e, w.get(t) ?? t, a), z((e) => {
+			return await I(e, T.get(t) ?? t, a), B((e) => {
 				let n = e[t];
 				if (!n) return e;
 				if (n.ver > r) return {
@@ -880,10 +880,10 @@ function Ie({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 				};
 				let { [t]: i, ...a } = e;
 				return a;
-			}), g(), !0;
+			}), h(), !0;
 		} catch (e) {
 			let n = e instanceof Error ? e.message : "Save failed";
-			return z((e) => ({
+			return B((e) => ({
 				...e,
 				[t]: {
 					...e[t],
@@ -894,11 +894,11 @@ function Ie({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 		}
 	}, [
 		e,
-		g,
-		w,
-		T
-	]), le = K((e, t, n) => {
-		z((r) => {
+		h,
+		T,
+		O
+	]), ce = q((e, t, n) => {
+		B((r) => {
 			let i = r[e] ?? {
 				buffer: {},
 				ver: 0,
@@ -915,110 +915,110 @@ function Ie({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 					ver: a
 				}
 			};
-		}), s === "inline_edit" && (V.current[e] && clearTimeout(V.current[e]), V.current[e] = setTimeout(() => {
-			let t = B.current[e];
-			t && Object.keys(t.buffer).length > 0 && G(e, { ...t.buffer }, t.ver);
+		}), c === "inline_edit" && (H.current[e] && clearTimeout(H.current[e]), H.current[e] = setTimeout(() => {
+			let t = V.current[e];
+			t && Object.keys(t.buffer).length > 0 && K(e, { ...t.buffer }, t.ver);
 		}, 500));
-	}, [G, s]), de = K(() => {
+	}, [K, c]), ue = q(() => {
 		let e = {};
-		e[r] = n;
-		for (let n of i) {
+		e[a] = i;
+		for (let n of o) {
 			let r = t.fields.get(n);
 			r && (r.default === void 0 ? r.type === "bool" && (e[n] = !1) : e[n] = r.default);
 		}
-		U(e), W([]);
+		W(e), G([]);
 	}, [
-		r,
-		n,
+		a,
 		i,
+		o,
 		t.fields
-	]), fe = J(_);
-	ue(() => {
-		_ !== void 0 && _ !== fe.current && (fe.current = _, !H && de());
+	]), de = Y(g);
+	le(() => {
+		g !== void 0 && g !== de.current && (de.current = g, !U && ue());
 	}, [
-		_,
-		H,
-		de
+		g,
+		U,
+		ue
 	]);
-	let pe = K(async () => {
-		if (!H) return;
-		let n = je(H, i, t, r);
+	let fe = q(async () => {
+		if (!U) return;
+		let n = je(U, o, t, a);
 		if (n.length > 0) {
-			W(n);
+			G(n);
 			return;
 		}
-		re(!0);
+		ne(!0);
 		try {
-			await h(e, H), U(null), W([]), g();
+			await E(e, U), W(null), G([]), h();
 		} catch (e) {
 			let t = e instanceof Error ? e.message : "Create failed";
-			W([`_error:${t}`]);
+			G([`_error:${t}`]);
 		} finally {
-			re(!1);
+			ne(!1);
 		}
 	}, [
-		H,
-		i,
+		U,
+		o,
 		t,
-		r,
+		a,
 		e,
-		g
-	]), X = K((e) => {
-		z({}), F([]), j(e);
-	}, []), me = K(async (e) => {
-		let n = B.current[e], a = n?.buffer ?? {};
-		if (Object.keys(a).length === 0) {
-			j(null), F([]);
+		h
+	]), pe = q((e) => {
+		B({}), L([]), P(e);
+	}, []), me = q(async (e) => {
+		let n = V.current[e], i = n?.buffer ?? {};
+		if (Object.keys(i).length === 0) {
+			P(null), L([]);
 			return;
 		}
-		let o = je({
-			...l.find((n) => f(L(t, n)) === e) ?? {},
-			...a
-		}, i, t, r);
-		if (o.length > 0) {
-			F(o);
+		let s = je({
+			...u.find((n) => r(_(t, n)) === e) ?? {},
+			...i
+		}, o, t, a);
+		if (s.length > 0) {
+			L(s);
 			return;
 		}
-		await G(e, { ...a }, n?.ver ?? 0) && (j(null), F([]));
+		await K(e, { ...i }, n?.ver ?? 0) && (P(null), L([]));
 	}, [
-		l,
+		u,
 		t,
-		i,
-		r,
-		G
-	]), he = K((e) => {
-		z((t) => {
+		o,
+		a,
+		K
+	]), he = q((e) => {
+		B((t) => {
 			if (!t[e]) return t;
 			let { [e]: n, ...r } = t;
 			return r;
-		}), F([]), j(null);
-	}, []), ge = K((n, r) => {
-		let i = w.get(n) ?? n;
-		return ie({
+		}), L([]), P(null);
+	}, []), ge = q((n, r) => {
+		let i = T.get(n) ?? n;
+		return re({
 			action: t.actions?.__delete,
 			destructive: !0,
-			title: O(t.display?.name) || "Delete",
+			title: z(t.display?.name) || "Delete",
 			row: r,
 			entity: e,
 			execute: async () => {
-				oe((e) => new Set(e).add(n));
+				ae((e) => new Set(e).add(n));
 				try {
-					return await ee(e, i);
+					return await v(e, i);
 				} finally {
-					oe((e) => {
+					ae((e) => {
 						let t = new Set(e);
 						return t.delete(n), t;
 					});
 				}
 			},
-			onSuccess: () => g()
+			onSuccess: () => h()
 		});
 	}, [
-		ie,
+		re,
 		t,
 		e,
-		g,
-		w
+		h,
+		T
 	]);
 	if (m) return /* @__PURE__ */ Z("div", {
 		style: {
@@ -1045,156 +1045,156 @@ function Ie({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 			borderRadius: 6
 		} })]
 	});
-	let $ = l.length === 0 && !H;
-	return v.isPhone && !y ? /* @__PURE__ */ Q("div", { children: [$ && !a && /* @__PURE__ */ Z("div", {
+	let $ = u.length === 0 && !U;
+	return y.isPhone && !b ? /* @__PURE__ */ Q("div", { children: [$ && !s && /* @__PURE__ */ Z("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: "12px 0"
 		},
 		children: "No records yet."
-	}), (!$ || a) && /* @__PURE__ */ Q("div", {
+	}), (!$ || s) && /* @__PURE__ */ Q("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 10
 		},
-		children: [l.map((n) => {
-			let r = f(L(t, n)), o = ae.has(r), l = I[r], d = x && r ? x.replace(/:\w+/, r) : void 0;
+		children: [u.map((n) => {
+			let i = r(_(t, n)), a = ie.has(i), u = R[i], f = S && i ? S.replace(/:\w+/, i) : void 0;
 			return /* @__PURE__ */ Z(Le, {
-				rowId: r,
+				rowId: i,
 				row: n,
 				entity: t,
-				entities: c.schema.entities,
-				screens: c.schema.screens,
-				columns: i,
-				editableColumns: S,
-				editable: a,
-				interaction: s,
-				isEditing: A === r,
-				editErrors: P,
-				isDeleting: o,
-				activeCell: D,
-				setActiveCell: k,
-				rowState: l,
-				onCellChange: le,
+				entities: l.schema.entities,
+				screens: l.schema.screens,
+				columns: o,
+				editableColumns: C,
+				editable: s,
+				interaction: c,
+				isEditing: N === i,
+				editErrors: F,
+				isDeleting: a,
+				activeCell: A,
+				setActiveCell: j,
+				rowState: u,
+				onCellChange: ce,
 				onDeleteClick: (e) => void ge(e, n),
-				onStartEdit: X,
+				onStartEdit: pe,
 				onConfirmEdit: me,
 				onCancelEdit: he,
-				refs: u,
-				identityCol: b,
-				href: d,
-				rowActions: E,
+				refs: d,
+				identityCol: x,
+				href: f,
+				rowActions: k,
 				entityCode: e,
-				onRowActionSuccess: g
-			}, r);
-		}), H && /* @__PURE__ */ Z(He, {
-			draftRow: H,
+				onRowActionSuccess: h
+			}, i);
+		}), U && /* @__PURE__ */ Z(He, {
+			draftRow: U,
 			entity: t,
-			columns: i,
-			editableColumns: C,
-			foreignKey: r,
-			draftErrors: te,
-			draftSaving: ne,
-			onChange: (e, t) => U((n) => n && {
+			columns: o,
+			editableColumns: w,
+			foreignKey: a,
+			draftErrors: ee,
+			draftSaving: te,
+			onChange: (e, t) => W((n) => n && {
 				...n,
 				[e]: t
 			}),
-			onConfirm: pe,
+			onConfirm: fe,
 			onCancel: () => {
-				U(null), W([]);
+				W(null), G([]);
 			},
-			refs: u
+			refs: d
 		})]
-	})] }) : /* @__PURE__ */ Q("div", { children: [$ && !a && /* @__PURE__ */ Z("div", {
+	})] }) : /* @__PURE__ */ Q("div", { children: [$ && !s && /* @__PURE__ */ Z("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: "12px 0"
 		},
 		children: "No records yet."
-	}), (!$ || a) && /* @__PURE__ */ Z("div", {
+	}), (!$ || s) && /* @__PURE__ */ Z("div", {
 		style: { overflowX: "auto" },
 		children: /* @__PURE__ */ Q("table", {
-			style: ce,
+			style: se,
 			children: [/* @__PURE__ */ Z("thead", { children: /* @__PURE__ */ Q("tr", { children: [
-				i.map((e) => {
-					let n = t.fields.get(e);
+				o.map((e) => {
+					let r = t.fields.get(e);
 					return /* @__PURE__ */ Z("th", {
-						style: se,
-						children: n ? d(n, e, c.schema.entities) : e
+						style: oe,
+						children: r ? n(r, e, l.schema.entities) : e
 					}, e);
 				}),
-				a && /* @__PURE__ */ Z("th", { style: {
+				s && /* @__PURE__ */ Z("th", { style: {
 					height: 30,
 					width: 72
 				} }),
-				!a && E.length > 0 && /* @__PURE__ */ Z("th", { style: {
+				!s && k.length > 0 && /* @__PURE__ */ Z("th", { style: {
 					height: 30,
 					width: 40
 				} })
-			] }) }), /* @__PURE__ */ Q("tbody", { children: [l.map((n) => {
-				let r = f(L(t, n)), o = ae.has(r), l = I[r], d = x && r ? x.replace(/:\w+/, r) : void 0;
+			] }) }), /* @__PURE__ */ Q("tbody", { children: [u.map((n) => {
+				let i = r(_(t, n)), a = ie.has(i), u = R[i], f = S && i ? S.replace(/:\w+/, i) : void 0;
 				return /* @__PURE__ */ Z(Re, {
-					rowId: r,
+					rowId: i,
 					row: n,
 					entity: t,
-					entities: c.schema.entities,
-					screens: c.schema.screens,
-					columns: i,
-					editableColumns: S,
-					editable: a,
-					interaction: s,
-					isEditing: A === r,
-					editErrors: P,
-					isDeleting: o,
-					activeCell: D,
-					setActiveCell: k,
-					rowState: l,
-					onCellChange: le,
+					entities: l.schema.entities,
+					screens: l.schema.screens,
+					columns: o,
+					editableColumns: C,
+					editable: s,
+					interaction: c,
+					isEditing: N === i,
+					editErrors: F,
+					isDeleting: a,
+					activeCell: A,
+					setActiveCell: j,
+					rowState: u,
+					onCellChange: ce,
 					onDeleteClick: (e) => void ge(e, n),
-					onStartEdit: X,
+					onStartEdit: pe,
 					onConfirmEdit: me,
 					onCancelEdit: he,
-					refs: u,
-					identityCol: b,
-					href: d,
-					rowActions: E,
+					refs: d,
+					identityCol: x,
+					href: f,
+					rowActions: k,
 					entityCode: e,
-					onRowActionSuccess: g
-				}, r);
-			}), H && /* @__PURE__ */ Z(Ve, {
-				draftRow: H,
+					onRowActionSuccess: h
+				}, i);
+			}), U && /* @__PURE__ */ Z(Ve, {
+				draftRow: U,
 				entity: t,
-				columns: i,
-				editableColumns: C,
-				foreignKey: r,
-				draftErrors: te,
-				draftSaving: ne,
-				onChange: (e, t) => U((n) => n && {
+				columns: o,
+				editableColumns: w,
+				foreignKey: a,
+				draftErrors: ee,
+				draftSaving: te,
+				onChange: (e, t) => W((n) => n && {
 					...n,
 					[e]: t
 				}),
-				onConfirm: pe,
+				onConfirm: fe,
 				onCancel: () => {
-					U(null), W([]);
+					W(null), G([]);
 				},
-				refs: u
+				refs: d
 			})] })]
 		})
 	})] });
 }
-function Le({ rowId: t, row: n, entity: r, entities: i, screens: o, columns: c, editableColumns: l, editable: u, interaction: f, isEditing: p, editErrors: m, isDeleting: h, rowState: g, onCellChange: _, onDeleteClick: v, onStartEdit: y, onConfirmEdit: b, onCancelEdit: x, refs: S, identityCol: C, href: w, rowActions: T, onRowActionSuccess: E }) {
-	let D = I(), O = de(), k = q(() => !g || Object.keys(g.buffer).length === 0 ? n : {
-		...n,
+function Le({ rowId: t, row: r, entity: a, entities: o, screens: s, columns: c, editableColumns: l, editable: u, interaction: d, isEditing: f, editErrors: p, isDeleting: h, rowState: g, onCellChange: _, onDeleteClick: v, onStartEdit: y, onConfirmEdit: b, onCancelEdit: x, refs: S, identityCol: C, href: w, rowActions: T, onRowActionSuccess: E }) {
+	let D = k(), O = ue(), A = J(() => !g || Object.keys(g.buffer).length === 0 ? r : {
+		...r,
 		...g.buffer
-	}, [n, g]);
-	if (f === "row_edit" && p) {
-		let e = g?.error ? [...m, `_error:${g.error}`] : m;
+	}, [r, g]);
+	if (d === "row_edit" && f) {
+		let e = g?.error ? [...p, `_error:${g.error}`] : p;
 		return /* @__PURE__ */ Z(Be, {
-			values: k,
-			entity: r,
+			values: A,
+			entity: a,
 			columns: c,
 			editableColumns: l,
 			errors: e,
@@ -1221,26 +1221,26 @@ function Le({ rowId: t, row: n, entity: r, entities: i, screens: o, columns: c,
 				gap: 12
 			},
 			children: c.map((e) => {
-				let n = r.fields.get(e), a = u && f === "inline_edit" && l.has(e), s = w && e === C, c = n ? d(n, e, i) : e, p = `${O}-${t}-${e}`, m = `${p}-label`, h = {
+				let r = a.fields.get(e), i = u && d === "inline_edit" && l.has(e), c = w && e === C, f = r ? n(r, e, o) : e, p = `${O}-${t}-${e}`, m = `${p}-label`, h = {
 					fontSize: 11.5,
 					fontWeight: 600,
 					color: "var(--text-3)"
-				}, g = n ? z({
-					field: n,
+				}, g = r ? H({
+					field: r,
 					fieldName: e,
-					value: k[e],
-					mode: a ? "edit" : "display",
-					onChange: a ? (n) => _(t, e, n) : void 0,
-					record: k,
+					value: A[e],
+					mode: i ? "edit" : "display",
+					onChange: i ? (n) => _(t, e, n) : void 0,
+					record: A,
 					refs: S,
-					compact: a,
-					entity: r,
-					entities: i,
-					screens: s ? void 0 : o,
+					compact: i,
+					entity: a,
+					entities: o,
+					screens: c ? void 0 : s,
 					fieldId: p,
 					labelId: m,
 					locale: D
-				}) : F(k[e]);
+				}) : L(A[e]);
 				return /* @__PURE__ */ Q("div", {
 					style: {
 						display: "flex",
@@ -1248,18 +1248,18 @@ function Le({ rowId: t, row: n, entity: r, entities: i, screens: o, columns: c,
 						gap: 5,
 						minWidth: 0
 					},
-					children: [a && n ? /* @__PURE__ */ Z("label", {
+					children: [i && r ? /* @__PURE__ */ Z("label", {
 						id: m,
 						htmlFor: p,
 						style: h,
-						children: c
+						children: f
 					}) : /* @__PURE__ */ Z("div", {
 						id: m,
 						style: h,
-						children: c
+						children: f
 					}), /* @__PURE__ */ Z("div", {
 						style: { minWidth: 0 },
-						children: s && !a ? /* @__PURE__ */ Z("a", {
+						children: c && !i ? /* @__PURE__ */ Z("a", {
 							href: w,
 							style: {
 								color: "var(--accent)",
@@ -1282,7 +1282,7 @@ function Le({ rowId: t, row: n, entity: r, entities: i, screens: o, columns: c,
 				gap: 6
 			},
 			children: [u && /* @__PURE__ */ Q(me, { children: [
-				g?.saving && /* @__PURE__ */ Z(a, { size: 12 }),
+				g?.saving && /* @__PURE__ */ Z(m, { size: 12 }),
 				g?.error && /* @__PURE__ */ Z("span", {
 					style: {
 						fontSize: 11,
@@ -1291,40 +1291,40 @@ function Le({ rowId: t, row: n, entity: r, entities: i, screens: o, columns: c,
 					title: g.error,
 					children: "!"
 				}),
-				f === "row_edit" && /* @__PURE__ */ Z(s, {
+				d === "row_edit" && /* @__PURE__ */ Z(i, {
 					size: 32,
 					icon: /* @__PURE__ */ Z(e.edit, { size: 14 }),
 					onClick: () => y(t),
 					title: "Edit row"
 				}),
-				/* @__PURE__ */ Z(s, {
+				/* @__PURE__ */ Z(i, {
 					size: 32,
 					icon: /* @__PURE__ */ Z(e.trash, { size: 14 }),
 					onClick: () => v(t),
 					title: "Delete row"
 				})
 			] }), !u && T && T.length > 0 && /* @__PURE__ */ Z(Ce, {
-				entity: r,
+				entity: a,
 				actions: T,
 				objectIds: [t],
-				row: k,
+				row: A,
 				onSuccess: E
 			})]
 		})]
 	});
 }
-function Re({ rowId: t, row: n, entity: r, entities: i, screens: o, columns: c, editableColumns: l, editable: u, interaction: d, isEditing: f, editErrors: p, isDeleting: m, activeCell: h, setActiveCell: g, rowState: _, onCellChange: v, onDeleteClick: y, onStartEdit: b, onConfirmEdit: x, onCancelEdit: S, refs: C, identityCol: w, href: T, rowActions: E, onRowActionSuccess: D }) {
-	let O = I(), k = q(() => !_ || Object.keys(_.buffer).length === 0 ? n : {
+function Re({ rowId: t, row: n, entity: r, entities: a, screens: o, columns: s, editableColumns: c, editable: l, interaction: u, isEditing: d, editErrors: f, isDeleting: p, activeCell: h, setActiveCell: g, rowState: _, onCellChange: v, onDeleteClick: y, onStartEdit: b, onConfirmEdit: x, onCancelEdit: S, refs: C, identityCol: w, href: T, rowActions: E, onRowActionSuccess: D }) {
+	let O = k(), A = J(() => !_ || Object.keys(_.buffer).length === 0 ? n : {
 		...n,
 		..._.buffer
 	}, [n, _]);
-	if (d === "row_edit" && f) {
-		let e = _?.error ? [...p, `_error:${_.error}`] : p;
+	if (u === "row_edit" && d) {
+		let e = _?.error ? [...f, `_error:${_.error}`] : f;
 		return /* @__PURE__ */ Z(ze, {
-			values: k,
+			values: A,
 			entity: r,
-			columns: c,
-			editableColumns: l,
+			columns: s,
+			editableColumns: c,
 			errors: e,
 			saving: _?.saving ?? !1,
 			onChange: (e, n) => v(t, e, n),
@@ -1333,45 +1333,45 @@ function Re({ rowId: t, row: n, entity: r, entities: i, screens: o, columns: c,
 			refs: C
 		});
 	}
-	let A = G, j = {
+	let j = K, M = {
 		padding: "4px 4px",
 		borderBottom: "1px solid var(--divider)",
 		verticalAlign: "middle"
-	}, M = d === "inline_edit";
+	}, N = u === "inline_edit";
 	return /* @__PURE__ */ Q("tr", {
-		style: { opacity: m ? .5 : 1 },
+		style: { opacity: p ? .5 : 1 },
 		children: [
-			c.map((e) => {
-				let n = r.fields.get(e), a = l.has(e);
-				if (M && h?.rowId === t && h?.col === e && a) return /* @__PURE__ */ Z("td", {
-					style: j,
-					children: n ? z({
+			s.map((e) => {
+				let n = r.fields.get(e), i = c.has(e);
+				if (N && h?.rowId === t && h?.col === e && i) return /* @__PURE__ */ Z("td", {
+					style: M,
+					children: n ? H({
 						field: n,
 						fieldName: e,
-						value: k[e],
+						value: A[e],
 						mode: "edit",
 						onChange: (n) => v(t, e, n),
-						record: k,
+						record: A,
 						refs: C,
 						compact: !0,
 						locale: O
-					}) : F(k[e])
+					}) : L(A[e])
 				}, e);
-				let s = T && e === w, c = n ? z({
+				let s = T && e === w, l = n ? H({
 					field: n,
 					fieldName: e,
-					value: k[e],
+					value: A[e],
 					mode: "display",
-					record: k,
+					record: A,
 					refs: C,
 					entity: r,
-					entities: i,
+					entities: a,
 					screens: s ? void 0 : o,
 					locale: O
-				}) : F(k[e]), u = M && a && !m;
+				}) : L(A[e]), u = N && i && !p;
 				return /* @__PURE__ */ Z("td", {
 					style: {
-						...A,
+						...j,
 						cursor: u ? "pointer" : "default"
 					},
 					onClick: u ? () => g({
@@ -1387,11 +1387,11 @@ function Re({ rowId: t, row: n, entity: r, entities: i, screens: o, columns: c,
 						},
 						onMouseEnter: (e) => e.currentTarget.style.textDecoration = "underline",
 						onMouseLeave: (e) => e.currentTarget.style.textDecoration = "none",
-						children: c
-					}) : c
+						children: l
+					}) : l
 				}, e);
 			}),
-			u && /* @__PURE__ */ Z("td", {
+			l && /* @__PURE__ */ Z("td", {
 				style: {
 					padding: "4px 8px",
 					borderBottom: "1px solid var(--divider)",
@@ -1404,7 +1404,7 @@ function Re({ rowId: t, row: n, entity: r, entities: i, screens: o, columns: c,
 						gap: 4
 					},
 					children: [
-						_?.saving && /* @__PURE__ */ Z(a, { size: 12 }),
+						_?.saving && /* @__PURE__ */ Z(m, { size: 12 }),
 						_?.error && /* @__PURE__ */ Z("span", {
 							style: {
 								fontSize: 11,
@@ -1413,13 +1413,13 @@ function Re({ rowId: t, row: n, entity: r, entities: i, screens: o, columns: c,
 							title: _.error,
 							children: "!"
 						}),
-						d === "row_edit" && /* @__PURE__ */ Z(s, {
+						u === "row_edit" && /* @__PURE__ */ Z(i, {
 							size: 24,
 							icon: /* @__PURE__ */ Z(e.edit, { size: 12 }),
 							onClick: () => b(t),
 							title: "Edit row"
 						}),
-						/* @__PURE__ */ Z(s, {
+						/* @__PURE__ */ Z(i, {
 							size: 24,
 							icon: /* @__PURE__ */ Z(e.trash, { size: 12 }),
 							onClick: () => y(t),
@@ -1428,7 +1428,7 @@ function Re({ rowId: t, row: n, entity: r, entities: i, screens: o, columns: c,
 					]
 				})
 			}),
-			!u && E && E.length > 0 && /* @__PURE__ */ Z("td", {
+			!l && E && E.length > 0 && /* @__PURE__ */ Z("td", {
 				style: {
 					padding: "4px 8px",
 					borderBottom: "1px solid var(--divider)",
@@ -1438,15 +1438,15 @@ function Re({ rowId: t, row: n, entity: r, entities: i, screens: o, columns: c,
 					entity: r,
 					actions: E,
 					objectIds: [t],
-					row: k,
+					row: A,
 					onSuccess: D
 				})
 			})
 		]
 	});
 }
-function ze({ values: t, entity: n, columns: r, editableColumns: i, errors: o, saving: c, onChange: l, onConfirm: u, onCancel: d, refs: f, accent: p }) {
-	let m = I(), h = o.find((e) => e.startsWith("_error:")), g = new Set(o.filter((e) => !e.startsWith("_error:"))), _ = {
+function ze({ values: t, entity: n, columns: r, editableColumns: a, errors: o, saving: s, onChange: c, onConfirm: l, onCancel: u, refs: d, accent: f }) {
+	let p = k(), h = o.find((e) => e.startsWith("_error:")), g = new Set(o.filter((e) => !e.startsWith("_error:"))), _ = {
 		padding: "6px 12px",
 		borderBottom: "1px solid var(--divider)",
 		verticalAlign: "middle",
@@ -1459,13 +1459,13 @@ function ze({ values: t, entity: n, columns: r, editableColumns: i, errors: o, s
 		minWidth: 0
 	};
 	return /* @__PURE__ */ Q("tr", {
-		style: p ? { boxShadow: "inset 3px 0 0 var(--accent)" } : void 0,
+		style: f ? { boxShadow: "inset 3px 0 0 var(--accent)" } : void 0,
 		onKeyDown: (e) => {
-			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), u()) : e.key === "Escape" && (e.preventDefault(), d());
+			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), l()) : e.key === "Escape" && (e.preventDefault(), u());
 		},
 		children: [r.map((e) => {
-			let r = n.fields.get(e), a = i.has(e), o = g.has(e);
-			return a ? /* @__PURE__ */ Z("td", {
+			let r = n.fields.get(e), i = a.has(e), o = g.has(e);
+			return i ? /* @__PURE__ */ Z("td", {
 				style: {
 					..._,
 					outline: o ? "1px solid var(--danger)" : "none",
@@ -1474,24 +1474,24 @@ function ze({ values: t, entity: n, columns: r, editableColumns: i, errors: o, s
 				title: o ? `${e} is required` : void 0,
 				children: /* @__PURE__ */ Z("div", {
 					style: v,
-					children: r ? z({
+					children: r ? H({
 						field: r,
 						fieldName: e,
 						value: t[e],
 						mode: "edit",
-						onChange: (t) => l(e, t),
+						onChange: (t) => c(e, t),
 						record: t,
-						refs: f,
+						refs: d,
 						compact: !0,
-						locale: m
-					}) : F(t[e])
+						locale: p
+					}) : L(t[e])
 				})
 			}, e) : /* @__PURE__ */ Z("td", {
 				style: {
 					..._,
 					color: "var(--text-3)"
 				},
-				children: r?.auto ? "—" : F(t[e])
+				children: r?.auto ? "—" : L(t[e])
 			}, e);
 		}), /* @__PURE__ */ Z("td", {
 			style: _,
@@ -1511,16 +1511,16 @@ function ze({ values: t, entity: n, columns: r, editableColumns: i, errors: o, s
 						title: h.slice(7),
 						children: "!"
 					}),
-					/* @__PURE__ */ Z(s, {
+					/* @__PURE__ */ Z(i, {
 						size: 24,
-						icon: Z(c ? a : e.check, { size: 12 }),
-						onClick: u,
+						icon: Z(s ? m : e.check, { size: 12 }),
+						onClick: l,
 						title: "Confirm (Enter)"
 					}),
-					/* @__PURE__ */ Z(s, {
+					/* @__PURE__ */ Z(i, {
 						size: 24,
 						icon: /* @__PURE__ */ Z(e.x, { size: 12 }),
-						onClick: d,
+						onClick: u,
 						title: "Cancel (Esc)"
 					})
 				]
@@ -1528,18 +1528,18 @@ function ze({ values: t, entity: n, columns: r, editableColumns: i, errors: o, s
 		})]
 	});
 }
-function Be({ values: t, entity: n, columns: r, editableColumns: i, errors: o, saving: c, onChange: l, onConfirm: u, onCancel: f, refs: p, accent: m }) {
-	let h = I(), g = de(), _ = o.find((e) => e.startsWith("_error:")), v = new Set(o.filter((e) => !e.startsWith("_error:")));
+function Be({ values: t, entity: r, columns: a, editableColumns: o, errors: s, saving: c, onChange: l, onConfirm: u, onCancel: d, refs: f, accent: p }) {
+	let h = k(), g = ue(), _ = s.find((e) => e.startsWith("_error:")), v = new Set(s.filter((e) => !e.startsWith("_error:")));
 	return /* @__PURE__ */ Q("div", {
 		style: {
 			border: "1px solid var(--border)",
 			borderRadius: 8,
 			background: "var(--surface)",
 			overflow: "hidden",
-			boxShadow: m ? "inset 3px 0 0 var(--accent)" : void 0
+			boxShadow: p ? "inset 3px 0 0 var(--accent)" : void 0
 		},
 		onKeyDown: (e) => {
-			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), u()) : e.key === "Escape" && (e.preventDefault(), f());
+			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), u()) : e.key === "Escape" && (e.preventDefault(), d());
 		},
 		children: [/* @__PURE__ */ Z("div", {
 			style: {
@@ -1548,8 +1548,8 @@ function Be({ values: t, entity: n, columns: r, editableColumns: i, errors: o, s
 				flexDirection: "column",
 				gap: 12
 			},
-			children: r.map((e) => {
-				let r = n.fields.get(e), a = i.has(e), o = v.has(e), s = r ? d(r, e) : e, c = `${g}-${e}`, u = `${c}-label`, f = {
+			children: a.map((e) => {
+				let i = r.fields.get(e), a = o.has(e), s = v.has(e), c = i ? n(i, e) : e, u = `${g}-${e}`, d = `${u}-label`, p = {
 					fontSize: 11.5,
 					fontWeight: 600,
 					color: "var(--text-3)"
@@ -1561,36 +1561,36 @@ function Be({ values: t, entity: n, columns: r, editableColumns: i, errors: o, s
 						gap: 5,
 						minWidth: 0
 					},
-					children: [a && r ? /* @__PURE__ */ Z("label", {
-						id: u,
-						htmlFor: c,
-						style: f,
-						children: s
+					children: [a && i ? /* @__PURE__ */ Z("label", {
+						id: d,
+						htmlFor: u,
+						style: p,
+						children: c
 					}) : /* @__PURE__ */ Z("div", {
-						id: u,
-						style: f,
-						children: s
+						id: d,
+						style: p,
+						children: c
 					}), /* @__PURE__ */ Z("div", {
 						style: {
 							minWidth: 0,
-							outline: o ? "1px solid var(--danger)" : "none",
+							outline: s ? "1px solid var(--danger)" : "none",
 							outlineOffset: 3,
-							borderRadius: o ? 5 : 0
+							borderRadius: s ? 5 : 0
 						},
-						title: o ? `${e} is required` : void 0,
-						children: a ? r ? z({
-							field: r,
+						title: s ? `${e} is required` : void 0,
+						children: a ? i ? H({
+							field: i,
 							fieldName: e,
 							value: t[e],
 							mode: "edit",
 							onChange: (t) => l(e, t),
 							record: t,
-							refs: p,
+							refs: f,
 							compact: !0,
-							fieldId: c,
-							labelId: u,
+							fieldId: u,
+							labelId: d,
 							locale: h
-						}) : F(t[e]) : r?.auto ? "—" : F(t[e])
+						}) : L(t[e]) : i?.auto ? "—" : L(t[e])
 					})]
 				}, e);
 			})
@@ -1613,16 +1613,16 @@ function Be({ values: t, entity: n, columns: r, editableColumns: i, errors: o, s
 					title: _.slice(7),
 					children: "!"
 				}),
-				/* @__PURE__ */ Z(s, {
+				/* @__PURE__ */ Z(i, {
 					size: 32,
-					icon: Z(c ? a : e.check, { size: 14 }),
+					icon: Z(c ? m : e.check, { size: 14 }),
 					onClick: u,
 					title: "Confirm (Enter)"
 				}),
-				/* @__PURE__ */ Z(s, {
+				/* @__PURE__ */ Z(i, {
 					size: 32,
 					icon: /* @__PURE__ */ Z(e.x, { size: 14 }),
-					onClick: f,
+					onClick: d,
 					title: "Cancel (Esc)"
 				})
 			]
@@ -1630,7 +1630,7 @@ function Be({ values: t, entity: n, columns: r, editableColumns: i, errors: o, s
 	});
 }
 function Ve({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey: i, draftErrors: a, draftSaving: o, onChange: s, onConfirm: c, onCancel: l, refs: u }) {
-	let d = q(() => {
+	let d = J(() => {
 		let e = new Set(r);
 		return e.delete(i), e;
 	}, [r, i]);
@@ -1649,7 +1649,7 @@ function Ve({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey
 	});
 }
 function He({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey: i, draftErrors: a, draftSaving: o, onChange: s, onConfirm: c, onCancel: l, refs: u }) {
-	let d = q(() => {
+	let d = J(() => {
 		let e = new Set(r);
 		return e.delete(i), e;
 	}, [r, i]);
@@ -1669,7 +1669,7 @@ function He({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey
 }
 //#endregion
 //#region src/components/shared/ErrorBoundary.tsx
-var Ue = class extends le {
+var Ue = class extends ce {
 	constructor(e) {
 		super(e), this.state = {
 			hasError: !1,
@@ -1726,7 +1726,7 @@ var Ue = class extends le {
 						},
 						children: this.state.error?.message || "An unexpected error occurred."
 					}),
-					/* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(u, {
+					/* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(b, {
 						onClick: this.handleRetry,
 						children: "Try again"
 					}) })
@@ -1746,9 +1746,9 @@ function We(e, t) {
 }
 function Ge(e, t) {
 	let n = We(e, t), r = n[2];
-	return pe({
+	return fe({
 		queryKey: n,
-		queryFn: () => k(e, t),
+		queryFn: () => R(e, t),
 		enabled: !!e && !!t && t !== "new" && r !== void 0
 	});
 }