@declarion/react 0.59.2 → 0.61.1

package/dist-lib/{registry-Cb3W-czW.js → registry-nSeHd5si.js}

@@ -1,9 +1,9 @@
 import { s as e, t } from "./DynamicIcon-DW5krHuX.js";
-import { $ as n, D as r, Et as i, G as a, In as o, L as s, Ln as c, O as l, Ot as u, Pn as d, Q as f, R as p, Rn as m, Tn as h, W as g, X as _, Zt as v, _n as y, en as b, gn as x, hn as S, i as C, jn as w, kt as T, ln as E, nn as D, on as O, q as k, rn as A, rt as j, tt as M, xt as N, yn as P } from "./useCurrentScreen-BL5NZFCw.js";
-import { A as F, M as I, f as L, s as R, t as z } from "./useText-BFDCTUSo.js";
-import { a as B, c as V, f as H, m as U, o as ee, s as te, t as ne, u as W, y as re } from "./failure-v-uGSpbX.js";
-import { N as G } from "./field-classification-C28XE-_P.js";
-import { c as ie, l as ae, o as oe, t as se } from "./action-dispatch-DY0c8U81.js";
+import { $ as n, D as r, Dn as i, En as a, Fn as o, G as s, It as c, Jn as l, Kn as u, L as d, O as f, Q as p, R as m, Rt as h, Tn as g, Vn as _, W as v, Wn as y, X as b, fn as x, gn as S, i as C, jt as w, kn as T, pn as E, q as D, qn as O, rt as k, sn as A, tt as j, un as M, yn as N, zt as P } from "./useCurrentScreen-0WBj7wT6.js";
+import { A as F, M as I, f as L, s as R, t as z } from "./useText-BsedsJ-J.js";
+import { a as B, c as V, f as H, m as U, o as ee, s as te, t as ne, u as W, y as re } from "./failure-BUxXuP4c.js";
+import { E as G } from "./useOwnRefresh-q80kCMMh.js";
+import { c as ie, l as ae, o as oe, t as se } from "./action-dispatch-gWmOYjOP.js";
 import { n as ce, r as le, t as ue } from "./dataTableStyles-vwD1mVOP.js";
 import { Component as K, createContext as de, useCallback as q, useContext as fe, useEffect as pe, useId as me, useMemo as J, useRef as Y, useState as X } from "react";
 import { QueryClientContext as he, useInfiniteQuery as ge, useQuery as _e, useQueryClient as Z } from "@tanstack/react-query";
@@ -21,16 +21,16 @@ var xe = {
 		shadow: "none"
 	}
 };
-function Se({ title: t, subtitle: n, right: r, badge: i, count: a, children: s, footer: l, collapsible: u = !0, defaultOpen: d = !0, icon: f, emphasis: p = "primary", headingLevel: m = 2, padding: h = "16px" }) {
-	let g = z(), [_, v] = X(d), y = xe[p] ?? xe.primary;
+function Se({ title: t, subtitle: n, right: r, badge: i, count: a, children: o, footer: s, collapsible: c = !0, defaultOpen: l = !0, icon: d, emphasis: f = "primary", headingLevel: p = 2, padding: m = "16px" }) {
+	let h = z(), [g, _] = X(l), v = xe[f] ?? xe.primary;
 	return /* @__PURE__ */ $("div", {
-		"data-emphasis": p,
+		"data-emphasis": f,
 		style: {
-			background: y.surface,
+			background: v.surface,
 			border: "1px solid var(--border)",
 			borderRadius: 10,
 			overflow: "hidden",
-			boxShadow: y.shadow,
+			boxShadow: v.shadow,
 			flexShrink: 0
 		},
 		children: [
@@ -40,25 +40,25 @@ function Se({ title: t, subtitle: n, right: r, badge: i, count: a, children: s,
 					alignItems: "center",
 					gap: 10,
 					padding: "10px 14px",
-					borderBottom: _ ? "1px solid var(--divider)" : "none",
+					borderBottom: g ? "1px solid var(--divider)" : "none",
 					minHeight: 40
 				},
 				children: [
 					/* @__PURE__ */ Q("div", {
 						role: "heading",
-						"aria-level": m,
+						"aria-level": p,
 						style: {
 							display: "flex",
 							flex: 1,
 							minWidth: 0
 						},
 						children: /* @__PURE__ */ $("div", {
-							role: u ? "button" : void 0,
-							tabIndex: u ? 0 : void 0,
-							"aria-expanded": u ? _ : void 0,
-							onClick: u ? () => v((e) => !e) : void 0,
-							onKeyDown: u ? (e) => {
-								(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v((e) => !e));
+							role: c ? "button" : void 0,
+							tabIndex: c ? 0 : void 0,
+							"aria-expanded": c ? g : void 0,
+							onClick: c ? () => _((e) => !e) : void 0,
+							onKeyDown: c ? (e) => {
+								(e.key === "Enter" || e.key === " ") && (e.preventDefault(), _((e) => !e));
 							} : void 0,
 							style: {
 								display: "flex",
@@ -66,17 +66,17 @@ function Se({ title: t, subtitle: n, right: r, badge: i, count: a, children: s,
 								gap: 8,
 								flex: 1,
 								minWidth: 0,
-								cursor: u ? "pointer" : "default",
+								cursor: c ? "pointer" : "default",
 								userSelect: "none"
 							},
 							children: [
-								f && /* @__PURE__ */ Q("span", {
+								d && /* @__PURE__ */ Q("span", {
 									style: {
 										color: "var(--text-3)",
 										display: "flex",
 										flexShrink: 0
 									},
-									children: f
+									children: d
 								}),
 								/* @__PURE__ */ Q("div", {
 									style: {
@@ -120,26 +120,26 @@ function Se({ title: t, subtitle: n, right: r, badge: i, count: a, children: s,
 							]
 						})
 					}),
-					i && /* @__PURE__ */ Q(o, {
+					i && /* @__PURE__ */ Q(u, {
 						tone: i.tone ?? "violet",
 						size: "xs",
 						dot: i.dot,
 						children: i.text
 					}),
 					r,
-					u && /* @__PURE__ */ Q(c, {
+					c && /* @__PURE__ */ Q(O, {
 						size: 24,
-						icon: Q(_ ? e.up : e.down, { size: 14 }),
-						onClick: () => v((e) => !e),
-						title: _ ? g("control.collapse", "Collapse") : g("control.expand", "Expand")
+						icon: Q(g ? e.up : e.down, { size: 14 }),
+						onClick: () => _((e) => !e),
+						title: g ? h("control.collapse", "Collapse") : h("control.expand", "Expand")
 					})
 				]
 			}),
-			_ && /* @__PURE__ */ Q("div", {
-				style: { padding: h },
-				children: s
+			g && /* @__PURE__ */ Q("div", {
+				style: { padding: m },
+				children: o
 			}),
-			l && _ && /* @__PURE__ */ Q("div", {
+			s && g && /* @__PURE__ */ Q("div", {
 				style: {
 					padding: "8px 14px",
 					borderTop: "1px solid var(--divider)",
@@ -147,7 +147,7 @@ function Se({ title: t, subtitle: n, right: r, badge: i, count: a, children: s,
 					fontSize: 11.5,
 					color: "var(--text-3)"
 				},
-				children: l
+				children: s
 			})
 		]
 	});
@@ -212,12 +212,12 @@ function Ne({ columns: e = 2, children: t }) {
 		})
 	});
 }
-function Pe({ label: t, children: n, span: r = !1, required: i, error: a, hint: o, actions: s, copyValue: c, mode: l = "display", htmlFor: d, labelId: f, labelTitle: p, "data-testid": m }) {
-	let h = z(), g = fe(Me), _ = r || g.stackPairs, v = !!a;
+function Pe({ label: t, children: n, span: r = !1, required: i, error: a, hint: o, actions: s, copyValue: c, mode: l = "display", htmlFor: u, labelId: d, labelTitle: f, "data-testid": p }) {
+	let m = z(), g = fe(Me), _ = r || g.stackPairs, v = !!a;
 	return /* @__PURE__ */ $("div", {
 		className: "detail-row",
 		"data-error": v || void 0,
-		"data-testid": m,
+		"data-testid": p,
 		style: {
 			display: "flex",
 			flexDirection: _ ? "column" : "row",
@@ -239,14 +239,14 @@ function Pe({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 				alignItems: "flex-start",
 				gap: 2
 			},
-			children: [d ? /* @__PURE__ */ Q("label", {
-				id: f,
-				htmlFor: d,
-				title: p || void 0,
+			children: [u ? /* @__PURE__ */ Q("label", {
+				id: d,
+				htmlFor: u,
+				title: f || void 0,
 				children: t
 			}) : /* @__PURE__ */ Q("span", {
-				id: f,
-				title: p || void 0,
+				id: d,
+				title: f || void 0,
 				children: t
 			}), i && l === "edit" && /* @__PURE__ */ Q("span", {
 				"aria-hidden": "true",
@@ -296,10 +296,10 @@ function Pe({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 						flexShrink: 0,
 						marginTop: -2
 					},
-					children: [c && /* @__PURE__ */ Q(u, {
+					children: [c && /* @__PURE__ */ Q(h, {
 						value: c,
 						size: "sm",
-						title: h("record.field.copy_value", "Copy value")
+						title: m("record.field.copy_value", "Copy value")
 					}), s]
 				})]
 			}), (v || o != null) && /* @__PURE__ */ $("div", {
@@ -318,19 +318,25 @@ function Pe({ label: t, children: n, span: r = !1, required: i, error: a, hint:
 }
 //#endregion
 //#region src/hooks/useObject.ts
-function Fe(e, t) {
-	return [
+function Fe(e, t, n = {}) {
+	let r = t === void 0 || t === "new" ? void 0 : typeof t == "string" ? t : Object.keys(t).sort().map((e) => [e, t[e]]), i = n.expand?.join(",");
+	return i ? [
+		"entity-item",
+		e,
+		r,
+		i
+	] : [
 		"entity-item",
 		e,
-		t === void 0 || t === "new" ? void 0 : typeof t == "string" ? t : Object.keys(t).sort().map((e) => [e, t[e]])
+		r
 	];
 }
-function Ie(e, t) {
-	let n = Fe(e, t), r = n[2];
+function Ie(e, t, n = {}) {
+	let r = Fe(e, t, n), i = r[2];
 	return _e({
-		queryKey: n,
-		queryFn: () => H(e, t),
-		enabled: !!e && !!t && t !== "new" && r !== void 0
+		queryKey: r,
+		queryFn: () => H(e, t, n),
+		enabled: !!e && !!t && t !== "new" && i !== void 0
 	});
 }
 //#endregion
@@ -368,102 +374,102 @@ function Le(e, t, n, i, a, o, s, c) {
 }
 //#endregion
 //#region src/components/actions/ActionButton.tsx
-function Re({ actionCode: n, action: r, entityCode: i, objectIds: a = [], row: o, variant: l = "outline", size: u = "default", onSuccess: d }) {
-	let h = z(), g = z("errors"), [v, y] = X(!1), [b, x] = X(!1), { data: S } = L(), w = G(), { run: E } = C(), D = f(r), O = !o || k(r.conditions, o), A = q(async () => {
+function Re({ actionCode: n, action: r, entityCode: i, objectIds: a = [], row: o, variant: s = "outline", size: c = "default", onSuccess: u }) {
+	let f = z(), h = z("errors"), [g, _] = X(!1), [v, y] = X(!1), { data: x } = L(), S = G(), { run: w } = C(), T = p(r), E = !o || D(r.conditions, o), k = q(async () => {
 		if (r.association && a.length !== 0) {
-			y(!0);
+			_(!0);
 			try {
-				let e = i ? `${i}.${r.association}` : r.association, t = await U(e, a), n = _(S, t.target_entity);
+				let e = i ? `${i}.${r.association}` : r.association, t = await U(e, a), n = b(x, t.target_entity);
 				if (!n) {
-					T.error(g("action.list_screen_missing", "No list screen is declared for this entity."), t.target_entity);
+					P.error(h("action.list_screen_missing", "No list screen is declared for this entity."), t.target_entity);
 					return;
 				}
-				let o = S?.entities[t.target_entity], s = h(r.display?.name) || t.target_entity;
+				let o = x?.entities[t.target_entity], s = f(r.display?.name) || t.target_entity;
 				if (t.ids.length === 0) {
-					T.info(h("action.association.none_related", "No related {name} found", { name: s }));
+					P.info(f("action.association.none_related", "No related {name} found", { name: s }));
 					return;
 				}
 				let c = o?.fields.names().find((e) => o.fields.get(e)?.primary) ?? "id", l = new URLSearchParams();
-				l.set(`filter_${c}`, t.ids.join(",")), w(n.route, {
+				l.set(`filter_${c}`, t.ids.join(",")), S(n.route, {
 					title: s,
 					icon: r.display?.icon || n.icon,
 					search: l.toString()
-				}), d?.();
+				}), u?.();
 			} catch (e) {
-				T.error(ne(g, e));
+				P.error(ne(h, e));
 			} finally {
-				y(!1);
+				_(!1);
 			}
 		}
 	}, [
+		f,
 		h,
-		g,
 		r,
 		i,
 		a,
+		x,
 		S,
-		w,
-		d
-	]), j = r.entity ? `${r.entity}.${n}` : n, N = a.length > 0 ? a : void 0, P = q(() => {
-		x(!0), E({
+		u
+	]), A = r.entity ? `${r.entity}.${n}` : n, M = a.length > 0 ? a : void 0, N = q(() => {
+		y(!0), w({
 			action: r,
-			title: h(r.display?.name) || n,
+			title: f(r.display?.name) || n,
 			row: o,
 			entity: i,
-			execute: (e) => W(j, B(e, N)),
-			onSuccess: () => d?.()
-		}).finally(() => x(!1));
+			execute: (e) => W(A, B(e, M)),
+			onSuccess: () => u?.()
+		}).finally(() => y(!1));
 	}, [
-		h,
-		E,
+		f,
+		w,
 		r,
 		n,
 		o,
 		i,
-		j,
-		N,
-		d
+		A,
+		M,
+		u
 	]), F = q(() => {
-		if (p(r)) {
-			s(g, r.ui_steps, { row: o }).then(() => d?.());
+		if (m(r)) {
+			d(h, r.ui_steps, { row: o }).then(() => u?.());
 			return;
 		}
-		if (D) {
-			A();
+		if (T) {
+			k();
 			return;
 		}
 		if (r.href && !r.handler && !r.association) {
-			let e = i ? S?.entities[i] : void 0, t = M(o, e), a = r.href;
-			i && (a = a.replaceAll("${entity}", i)), t && (a = a.replaceAll("${id}", encodeURIComponent(t))), w(a, {
-				title: h(r.display?.name) || n,
+			let e = i ? x?.entities[i] : void 0, t = j(o, e), a = r.href;
+			i && (a = a.replaceAll("${entity}", i)), t && (a = a.replaceAll("${id}", encodeURIComponent(t))), S(a, {
+				title: f(r.display?.name) || n,
 				icon: r.display?.icon
-			}), d?.();
+			}), u?.();
 			return;
 		}
-		P();
+		N();
 	}, [
+		f,
 		h,
-		g,
 		r,
 		o,
 		i,
-		S?.entities,
+		x?.entities,
 		n,
-		w,
-		D,
-		A,
-		P,
-		d
-	]), I = h(r.display?.name), R = r.display?.icon, V = R && e[R], H = V ? /* @__PURE__ */ Q(V, { size: 13 }) : R ? /* @__PURE__ */ Q(t, {
+		S,
+		T,
+		k,
+		N,
+		u
+	]), I = f(r.display?.name), R = r.display?.icon, V = R && e[R], H = V ? /* @__PURE__ */ Q(V, { size: 13 }) : R ? /* @__PURE__ */ Q(t, {
 		name: R,
 		size: 13
-	}) : null, ee = !O || b || v;
-	return u === "icon" ? /* @__PURE__ */ Q(c, {
+	}) : null, ee = !E || v || g;
+	return c === "icon" ? /* @__PURE__ */ Q(O, {
 		icon: H ?? /* @__PURE__ */ Q(e.bolt, { size: 13 }),
 		onClick: F,
 		title: I
-	}) : /* @__PURE__ */ Q(m, {
-		kind: l === "default" ? "primary" : l === "ghost" ? "ghost" : "default",
+	}) : /* @__PURE__ */ Q(l, {
+		kind: s === "default" ? "primary" : s === "ghost" ? "ghost" : "default",
 		size: "sm",
 		icon: H,
 		danger: r.destructive,
@@ -476,31 +482,31 @@ function Re({ actionCode: n, action: r, entityCode: i, objectIds: a = [], row: o
 }
 //#endregion
 //#region src/components/actions/RowActionsKebab.tsx
-function ze({ actions: t, objectIds: n, row: r, entity: i, onSuccess: a, preMenu: o, divider: s, size: l = 22, align: u = "end" }) {
-	let f = z(), p = Y(null), [m, h] = X(!1), [_, v] = X(null), { run: y } = C(), b = J(() => {
+function ze({ actions: t, objectIds: n, row: r, entity: i, onSuccess: a, preMenu: o, divider: s, size: c = 22, align: l = "end" }) {
+	let u = z(), d = Y(null), [f, p] = X(!1), [m, h] = X(null), { run: g } = C(), _ = J(() => {
 		let e = {};
 		for (let { code: n, action: r } of t) e[n] = r;
 		return e;
-	}, [t]), x = J(() => {
+	}, [t]), b = J(() => {
 		let e = t.map(({ code: e }) => ({
 			kind: "action",
 			code: e,
 			enabled: !0,
 			reason: null
 		}));
-		return r ? g(f, e, b, void 0, r, [], oe(i, r)) : e;
+		return r ? v(u, e, _, void 0, r, [], oe(i, r)) : e;
 	}, [
-		f,
+		u,
 		t,
-		b,
+		_,
 		r,
 		i
-	]), S = q((e, t) => {
-		h(!1);
+	]), x = q((e, t) => {
+		p(!1);
 		let i = t.entity ? `${t.entity}.${e}` : e;
-		return y({
+		return g({
 			action: t,
-			title: f(t.display?.name) || e,
+			title: u(t.display?.name) || e,
 			row: r,
 			execute: async (e) => {
 				let t = await W(i, B(e, n));
@@ -508,41 +514,41 @@ function ze({ actions: t, objectIds: n, row: r, entity: i, onSuccess: a, preMenu
 			}
 		});
 	}, [
-		f,
-		y,
+		u,
+		g,
 		r,
 		n,
 		a
 	]);
-	return !o && x.length === 0 ? null : /* @__PURE__ */ $("div", {
+	return !o && b.length === 0 ? null : /* @__PURE__ */ $("div", {
 		className: "sl-row-actions",
-		"data-open": m ? "true" : void 0,
+		"data-open": f ? "true" : void 0,
 		style: {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "flex-end"
 		},
-		children: [/* @__PURE__ */ Q(c, {
-			ref: p,
-			size: l,
-			icon: /* @__PURE__ */ Q(e.more, { size: Math.round(l * .55) }),
-			onClick: () => h((e) => !e),
-			title: f("action.menu.title", "Actions")
-		}), /* @__PURE__ */ $(d, {
-			open: m,
-			anchor: p.current,
-			onClose: () => h(!1),
+		children: [/* @__PURE__ */ Q(O, {
+			ref: d,
+			size: c,
+			icon: /* @__PURE__ */ Q(e.more, { size: Math.round(c * .55) }),
+			onClick: () => p((e) => !e),
+			title: u("action.menu.title", "Actions")
+		}), /* @__PURE__ */ $(y, {
+			open: f,
+			anchor: d.current,
+			onClose: () => p(!1),
 			width: 200,
-			align: u,
+			align: l,
 			children: [
 				o,
-				o && s && x.length > 0 && /* @__PURE__ */ Q(A, { divider: !0 }),
+				o && s && b.length > 0 && /* @__PURE__ */ Q(E, { divider: !0 }),
 				/* @__PURE__ */ Q(ae, {
-					layout: x,
-					entityActions: b,
-					onRun: S,
-					loading: _,
-					onLoadingChange: v,
+					layout: b,
+					entityActions: _,
+					onRun: x,
+					loading: m,
+					onLoadingChange: h,
 					row: r
 				})
 			]
@@ -551,73 +557,73 @@ function ze({ actions: t, objectIds: n, row: r, entity: i, onSuccess: a, preMenu
 }
 //#endregion
 //#region src/components/detail-layout/AssociatedToolbar.tsx
-function Be({ entity: t, searchable: n, filterFields: r, searchValue: i, onSearchChange: a, filters: o, onFilterChange: s, allEntities: c }) {
-	let l = z(), u = n === !0, d = r && r.length > 0;
-	return !u && !d ? null : /* @__PURE__ */ $("div", {
+function Be({ entity: t, searchable: n, filterFields: r, searchValue: a, onSearchChange: o, filters: s, onFilterChange: c, allEntities: l }) {
+	let u = z(), d = n === !0, f = r && r.length > 0;
+	return !d && !f ? null : /* @__PURE__ */ $("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
 			gap: 6,
 			marginBottom: 8
 		},
-		children: [u && /* @__PURE__ */ Q("div", {
+		children: [d && /* @__PURE__ */ Q("div", {
 			style: {
 				flex: 1,
 				maxWidth: 220
 			},
-			children: /* @__PURE__ */ Q(b, {
-				value: i,
-				onChange: a,
-				placeholder: l("record.associated.search", "Search…"),
+			children: /* @__PURE__ */ Q(M, {
+				value: a,
+				onChange: o,
+				placeholder: u("record.associated.search", "Search…"),
 				prefix: /* @__PURE__ */ Q(e.search, { size: 12 })
 			})
-		}), d && r.map((e) => {
+		}), f && r.map((e) => {
 			let n = t.fields.get(e);
 			if (!n) return null;
-			let r = o[e] ?? "__all__", i = y(l, n, e, c);
+			let r = s[e] ?? "__all__", a = i(u, n, e, l);
 			if (n.type === "ref" && n.ref?.entity) return /* @__PURE__ */ Q(Ve, {
 				field: n,
-				label: i,
+				label: a,
 				value: r,
-				onChange: (t) => s(e, t)
+				onChange: (t) => c(e, t)
 			}, e);
 			if (!n.values) return null;
-			let a = [{
+			let o = [{
 				value: "__all__",
-				label: l("record.associated.filter_all", "All {name}", { name: i })
+				label: u("record.associated.filter_all", "All {name}", { name: a })
 			}, ...n.values.map((e) => ({
 				value: e.code,
-				label: l(e.name) || e.code
+				label: u(e.name) || e.code
 			}))];
 			return /* @__PURE__ */ Q("div", {
 				style: { width: 160 },
-				children: /* @__PURE__ */ Q(v, {
+				children: /* @__PURE__ */ Q(A, {
 					value: r,
-					options: a,
-					onChange: (t) => s(e, t),
-					placeholder: i
+					options: o,
+					onChange: (t) => c(e, t),
+					placeholder: a
 				})
 			}, e);
 		})]
 	});
 }
 function Ve({ field: e, label: t, value: n, onChange: r }) {
-	let a = z(), o = N(e.ref?.entity), s = e.display?.ref_display_field ?? o?.display?.display_field, c = J(() => o ? [...o.fields].find(([, e]) => e.primary)?.[0] ?? "id" : "id", [o]), { data: l } = i(e.ref?.entity, {
+	let i = z(), a = w(e.ref?.entity), o = e.display?.ref_display_field ?? a?.display?.display_field, s = J(() => a ? [...a.fields].find(([, e]) => e.primary)?.[0] ?? "id" : "id", [a]), { data: l } = c(e.ref?.entity, {
 		per_page: 200,
-		sort: s ? `${s}:asc` : void 0
-	}), u = l?.data ?? [], d = (e) => e == null ? "—" : typeof e == "object" && !Array.isArray(e) ? a(e) || "—" : w(e), f = [{
+		sort: o ? `${o}:asc` : void 0
+	}), u = l?.data ?? [], d = (e) => e == null ? "—" : typeof e == "object" && !Array.isArray(e) ? i(e) || "—" : _(e), f = [{
 		value: "__all__",
-		label: a("record.associated.filter_all", "All {name}", { name: t })
+		label: i("record.associated.filter_all", "All {name}", { name: t })
 	}, ...u.map((e) => {
-		let t = String(e[c]), n = e[E];
+		let t = String(e[s]), n = e[N];
 		return {
 			value: t,
-			label: typeof n == "string" && n !== "" ? n : s ? d(e[s] ?? t) : t
+			label: typeof n == "string" && n !== "" ? n : o ? d(e[o] ?? t) : t
 		};
 	})];
 	return /* @__PURE__ */ Q("div", {
 		style: { width: 160 },
-		children: /* @__PURE__ */ Q(v, {
+		children: /* @__PURE__ */ Q(A, {
 			value: n,
 			options: f,
 			onChange: r,
@@ -685,7 +691,7 @@ function We(e, t, n) {
 	return null;
 }
 function Ge(e, t, n) {
-	let r = new Set(P(e));
+	let r = new Set(T(e));
 	return new Set(t.filter((t) => {
 		if (t === n || r.has(t)) return !1;
 		let i = e.fields.get(t);
@@ -747,28 +753,28 @@ function Je({ node: e, ctx: t }) {
 		]
 	});
 }
-function Ye({ node: n, ctx: r, assocCode: i, assocEntity: o, fkField: s }) {
-	let c = z(), l = z("errors"), u = n.columns && n.columns.length > 0 ? n.columns.filter((e) => e !== s && !!o.fields.get(e)) : o.fields.names().filter((e) => {
-		if (e === s) return !1;
-		let t = o.fields.get(e);
+function Ye({ node: n, ctx: r, assocCode: i, assocEntity: a, fkField: o }) {
+	let c = z(), u = z("errors"), d = n.columns && n.columns.length > 0 ? n.columns.filter((e) => e !== o && !!a.fields.get(e)) : a.fields.names().filter((e) => {
+		if (e === o) return !1;
+		let t = a.fields.get(e);
 		return !(!t || t.primary || t.display?.is_listable === !1);
-	}), d = S(o, "update"), f = n.interaction ?? (d ? "navigate" : "readonly"), p = (f === "inline_edit" || f === "row_edit") && d && n.editable !== !1, h = c(o.display?.name_plural) || c(o.display?.name) || i, _ = n.searchable === !0 || n.filters && n.filters.length > 0, v = J(() => Ue(o.actions, s, r.recordId), [
-		o.actions,
-		s,
+	}), f = g(a, "update"), p = n.interaction ?? (f ? "navigate" : "readonly"), m = (p === "inline_edit" || p === "row_edit") && f && n.editable !== !1, h = c(a.display?.name_plural) || c(a.display?.name) || i, _ = n.searchable === !0 || n.filters && n.filters.length > 0, y = J(() => Ue(a.actions, o, r.recordId), [
+		a.actions,
+		o,
 		r.recordId
-	]), y = J(() => {
+	]), b = J(() => {
 		let e = {};
-		for (let { code: t, action: n } of v) e[t] = n;
+		for (let { code: t, action: n } of y) e[t] = n;
 		return e;
-	}, [v]), b = J(() => {
-		let e = o.action_layout ?? null;
-		return g(c, e ?? a(y, "list_toolbar"), y, void 0, {}, []);
+	}, [y]), x = J(() => {
+		let e = a.action_layout ?? null;
+		return v(c, e ?? s(b, "list_toolbar"), b, void 0, {}, []);
 	}, [
 		c,
-		o.action_layout,
-		y
-	]), { run: x } = C(), w = G(), T = J(() => ({
-		entity: o,
+		a.action_layout,
+		b
+	]), { run: S } = C(), w = G(), T = J(() => ({
+		entity: a,
 		entityCode: i,
 		screenRoute: typeof window < "u" ? window.location.pathname : "",
 		selectedRows: [],
@@ -781,7 +787,7 @@ function Ye({ node: n, ctx: r, assocCode: i, assocEntity: o, fkField: s }) {
 		}),
 		runActionApi: (e, t) => W(e, t)
 	}), [
-		o,
+		a,
 		i,
 		c,
 		w
@@ -791,8 +797,8 @@ function Ye({ node: n, ctx: r, assocCode: i, assocEntity: o, fkField: s }) {
 			return t[0] === "entity-children" && t[3] === i;
 		} });
 	}, [E, i]), O = q((e, t) => {
-		let n = se(l, e, t, {}, i);
-		if (n !== null) return x({
+		let n = se(u, e, t, {}, i);
+		if (n !== null) return S({
 			action: t,
 			title: c(t.display?.name) || e,
 			execute: async (e) => {
@@ -802,8 +808,8 @@ function Ye({ node: n, ctx: r, assocCode: i, assocEntity: o, fkField: s }) {
 		});
 	}, [
 		c,
-		l,
-		x,
+		u,
+		S,
 		i,
 		D
 	]), [k, A] = X(0), j = /* @__PURE__ */ $("div", {
@@ -815,21 +821,21 @@ function Ye({ node: n, ctx: r, assocCode: i, assocEntity: o, fkField: s }) {
 			minWidth: 0,
 			justifyContent: "flex-end"
 		},
-		children: [o.action_layout ? b.length > 0 && /* @__PURE__ */ Q(ie, {
+		children: [a.action_layout ? x.length > 0 && /* @__PURE__ */ Q(ie, {
 			kind: "toolbar",
-			layout: b,
-			entityActions: y,
+			layout: x,
+			entityActions: b,
 			onRun: O,
 			widgetContext: T,
 			ariaLabel: c("record.associated.toolbar_actions", "{name} toolbar actions", { name: h })
-		}) : v.map(({ code: e, action: t }) => /* @__PURE__ */ Q(Re, {
+		}) : y.map(({ code: e, action: t }) => /* @__PURE__ */ Q(Re, {
 			actionCode: e,
 			action: t,
 			entityCode: i,
 			variant: "ghost",
 			size: "sm",
 			onSuccess: D
-		}, e)), p && /* @__PURE__ */ Q(m, {
+		}, e)), m && /* @__PURE__ */ Q(l, {
 			kind: "ghost",
 			size: "xs",
 			icon: /* @__PURE__ */ Q(e.plus, { size: 12 }),
@@ -838,13 +844,13 @@ function Ye({ node: n, ctx: r, assocCode: i, assocEntity: o, fkField: s }) {
 		})]
 	}), M = _ ? /* @__PURE__ */ Q(Ze, {
 		entityCode: i,
-		entity: o,
+		entity: a,
 		parentEntity: r.entityCode,
 		parentId: r.recordId,
-		foreignKey: s,
-		columns: u,
-		editable: p,
-		interaction: f,
+		foreignKey: o,
+		columns: d,
+		editable: m,
+		interaction: p,
 		ctx: r,
 		searchable: n.searchable,
 		filterFields: n.filters,
@@ -852,13 +858,13 @@ function Ye({ node: n, ctx: r, assocCode: i, assocEntity: o, fkField: s }) {
 		startDraftSignal: k
 	}) : /* @__PURE__ */ Q(Xe, {
 		entityCode: i,
-		entity: o,
+		entity: a,
 		parentEntity: r.entityCode,
 		parentId: r.recordId,
-		foreignKey: s,
-		columns: u,
-		editable: p,
-		interaction: f,
+		foreignKey: o,
+		columns: d,
+		editable: m,
+		interaction: p,
 		ctx: r,
 		sort: n.sort,
 		startDraftSignal: k
@@ -872,16 +878,16 @@ function Ye({ node: n, ctx: r, assocCode: i, assocEntity: o, fkField: s }) {
 		children: j
 	}), M] }) : /* @__PURE__ */ Q(Se, {
 		title: h,
-		icon: o.display?.icon ? /* @__PURE__ */ Q(t, {
-			name: o.display.icon,
+		icon: a.display?.icon ? /* @__PURE__ */ Q(t, {
+			name: a.display.icon,
 			size: 14
 		}) : void 0,
 		right: j,
 		children: M
 	});
 }
-function Xe({ entityCode: e, entity: t, parentEntity: n, parentId: i, foreignKey: a, columns: o, editable: s, interaction: c, ctx: u, sort: d, startDraftSignal: f }) {
-	let p = Z(), { data: m, isLoading: h, isError: g } = l(n, i, e, a, d), _ = m?.data ?? [], v = m?.$refs, y = q(() => {
+function Xe({ entityCode: e, entity: t, parentEntity: n, parentId: i, foreignKey: a, columns: o, editable: s, interaction: c, ctx: l, sort: u, startDraftSignal: d }) {
+	let p = Z(), { data: m, isLoading: h, isError: g } = f(n, i, e, a, u), _ = m?.data ?? [], v = m?.$refs, y = q(() => {
 		p.invalidateQueries({ queryKey: [
 			r,
 			n,
@@ -902,24 +908,24 @@ function Xe({ entityCode: e, entity: t, parentEntity: n, parentId: i, foreignKey
 		columns: o,
 		editable: s,
 		interaction: c,
-		ctx: u,
+		ctx: l,
 		rows: _,
 		refs: v,
 		isLoading: h,
 		isError: g,
 		invalidateQuery: y,
-		startDraftSignal: f
+		startDraftSignal: d
 	});
 }
-function Ze({ 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 = z(), h = Z(), [g, _] = X(""), [v, y] = X(""), [b, x] = X({}), S = Y(void 0);
-	pe(() => (S.current && clearTimeout(S.current), S.current = setTimeout(() => {
+function Ze({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey: i, columns: a, editable: o, interaction: s, ctx: c, searchable: u, filterFields: d, sort: f, startDraftSignal: p }) {
+	let m = z(), h = Z(), [g, _] = X(""), [v, y] = X(""), [b, S] = X({}), C = Y(void 0);
+	pe(() => (C.current && clearTimeout(C.current), C.current = setTimeout(() => {
 		y(g);
 	}, 300), () => {
-		S.current && clearTimeout(S.current);
+		C.current && clearTimeout(C.current);
 	}), [g]);
-	let C = q((e, t) => {
-		x((n) => {
+	let w = q((e, t) => {
+		S((n) => {
 			if (t === "__all__") {
 				let { [e]: t, ...r } = n;
 				return r;
@@ -929,13 +935,13 @@ function Ze({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey
 				[e]: t
 			};
 		});
-	}, []), w = J(() => Object.keys(b).length > 0 ? b : void 0, [b]), { data: T, isLoading: E, isError: O, hasNextPage: k, fetchNextPage: A, isFetchingNextPage: j } = Le(n, r, e, i, d, void 0, v || void 0, w), { rows: M, refs: N } = J(() => {
-		if (!T?.pages) return {
+	}, []), T = J(() => Object.keys(b).length > 0 ? b : void 0, [b]), { data: E, isLoading: D, isError: O, hasNextPage: k, fetchNextPage: A, isFetchingNextPage: j } = Le(n, r, e, i, f, void 0, v || void 0, T), { rows: M, refs: N } = J(() => {
+		if (!E?.pages) return {
 			rows: [],
 			refs: void 0
 		};
 		let e = [], t;
-		for (let n of T.pages) if (e.push(...n.data), n.$refs) {
+		for (let n of E.pages) if (e.push(...n.data), n.$refs) {
 			if (!t) t = { ...n.$refs };
 			else for (let [e, r] of Object.entries(n.$refs)) t[e] = {
 				...t[e],
@@ -946,7 +952,7 @@ function Ze({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey
 			rows: e,
 			refs: t
 		};
-	}, [T]), P = q(() => {
+	}, [E]), P = q(() => {
 		h.invalidateQueries({ predicate: (t) => {
 			let n = t.queryKey;
 			return n[0] === "entity-children" && n[3] === e;
@@ -955,12 +961,12 @@ function Ze({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey
 	return /* @__PURE__ */ $("div", { children: [
 		/* @__PURE__ */ Q(Be, {
 			entity: t,
-			searchable: l,
-			filterFields: u,
+			searchable: u,
+			filterFields: d,
 			searchValue: g,
 			onSearchChange: _,
 			filters: b,
-			onFilterChange: C,
+			onFilterChange: w,
 			allEntities: c.schema.entities
 		}),
 		/* @__PURE__ */ Q(Qe, {
@@ -974,53 +980,53 @@ function Ze({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey
 			ctx: c,
 			rows: M,
 			refs: N,
-			isLoading: E,
+			isLoading: D,
 			isError: O,
 			invalidateQuery: P,
-			startDraftSignal: f
+			startDraftSignal: p
 		}),
 		k && /* @__PURE__ */ Q("div", {
 			style: { marginTop: 4 },
-			children: /* @__PURE__ */ Q(m, {
+			children: /* @__PURE__ */ Q(l, {
 				kind: "ghost",
 				size: "xs",
-				icon: j ? /* @__PURE__ */ Q(D, { size: 12 }) : void 0,
+				icon: j ? /* @__PURE__ */ Q(x, { size: 12 }) : void 0,
 				onClick: () => A(),
 				disabled: j,
-				children: p("record.associated.load_more", "Load more")
+				children: m("record.associated.load_more", "Load more")
 			})
 		})
 	] });
 }
-function Qe({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i, editable: a, interaction: o, ctx: s, rows: c, refs: l, isLoading: u, isError: d, invalidateQuery: f, startDraftSignal: p }) {
-	let m = z(), g = z("errors"), _ = O(), v = _.isPhone && s.relatedRecordsPresentation === "table", b = i.find((e) => e !== r), S = J(() => o === "navigate" ? h(void 0, t, s.schema.screens) : null, [
-		o,
+function Qe({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: s, editable: c, interaction: l, ctx: u, rows: d, refs: f, isLoading: p, isError: m, invalidateQuery: h, startDraftSignal: g }) {
+	let _ = z(), v = z("errors"), y = S(), b = y.isPhone && u.relatedRecordsPresentation === "table", x = s.find((e) => e !== r), w = J(() => l === "navigate" ? o(void 0, t, u.schema.screens) : null, [
+		l,
 		t,
-		s.schema.screens
-	]), w = J(() => a ? Ge(t, i, r) : /* @__PURE__ */ new Set(), [
-		i,
+		u.schema.screens
+	]), T = J(() => c ? Ge(t, s, r) : /* @__PURE__ */ new Set(), [
+		s,
 		r,
 		t,
-		a
-	]), T = J(() => Ke(t, i, r), [
-		i,
+		c
+	]), E = J(() => Ke(t, s, r), [
+		s,
 		r,
 		t
-	]), E = J(() => {
+	]), D = J(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let n of c) {
-			let r = x(t, n);
+		for (let n of d) {
+			let r = a(t, n);
 			e.set(V(r), r);
 		}
 		return e;
-	}, [c, t]), D = J(() => {
+	}, [d, t]), O = J(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let n of c) {
+		for (let n of d) {
 			let r = n.$row_version;
-			typeof r == "string" && r !== "" && e.set(V(x(t, n)), r);
+			typeof r == "string" && r !== "" && e.set(V(a(t, n)), r);
 		}
 		return e;
-	}, [c, t]), k = J(() => He(t.actions), [t.actions]), [A, j] = X(null), [M, N] = X(null), [P, F] = X([]), [I, L] = X({}), R = Y(I);
+	}, [d, t]), k = J(() => He(t.actions), [t.actions]), [A, j] = X(null), [M, N] = X(null), [P, F] = X([]), [I, L] = X({}), R = Y(I);
 	R.current = I;
 	let B = Y({});
 	pe(() => {
@@ -1039,11 +1045,11 @@ function Qe({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 			}
 		}));
 		try {
-			let i = D.get(t), a = i ? {
+			let i = O.get(t), a = i ? {
 				...n,
 				$row_version: i
 			} : n;
-			return await re(e, E.get(t) ?? t, a), L((e) => {
+			return await re(e, D.get(t) ?? t, a), L((e) => {
 				let n = e[t];
 				if (!n) return e;
 				if (n.ver > r) return {
@@ -1055,9 +1061,9 @@ function Qe({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 				};
 				let { [t]: i, ...a } = e;
 				return a;
-			}), f(), !0;
+			}), h(), !0;
 		} catch (e) {
-			let n = ne(g, e);
+			let n = ne(v, e);
 			return L((e) => ({
 				...e,
 				[t]: {
@@ -1069,10 +1075,10 @@ function Qe({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 		}
 	}, [
 		e,
-		g,
-		f,
-		E,
-		D
+		v,
+		h,
+		D,
+		O
 	]), de = q((e, t, n) => {
 		L((r) => {
 			let i = r[e] ?? {
@@ -1091,14 +1097,14 @@ function Qe({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 					ver: a
 				}
 			};
-		}), o === "inline_edit" && (B.current[e] && clearTimeout(B.current[e]), B.current[e] = setTimeout(() => {
+		}), l === "inline_edit" && (B.current[e] && clearTimeout(B.current[e]), B.current[e] = setTimeout(() => {
 			let t = R.current[e];
 			t && Object.keys(t.buffer).length > 0 && K(e, { ...t.buffer }, t.ver);
 		}, 500));
-	}, [K, o]), fe = q(() => {
+	}, [K, l]), fe = q(() => {
 		let e = {};
 		e[r] = n;
-		for (let n of i) {
+		for (let n of s) {
 			let r = t.fields.get(n);
 			r && (r.default === void 0 ? r.type === "bool" && (e[n] = !1) : e[n] = r.default);
 		}
@@ -1106,61 +1112,61 @@ function Qe({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 	}, [
 		r,
 		n,
-		i,
+		s,
 		t.fields
-	]), me = Y(p);
+	]), me = Y(g);
 	pe(() => {
-		p !== void 0 && p !== me.current && (me.current = p, !H && fe());
+		g !== void 0 && g !== me.current && (me.current = g, !H && fe());
 	}, [
-		p,
+		g,
 		H,
 		fe
 	]);
 	let he = q(async () => {
 		if (!H) return;
-		let n = qe(H, i, t, r);
+		let n = qe(H, s, t, r);
 		if (n.length > 0) {
 			G(n);
 			return;
 		}
 		ae(!0);
 		try {
-			await ee(e, H), U(null), G([]), f();
+			await ee(e, H), U(null), G([]), h();
 		} catch (e) {
-			let t = ne(g, e);
+			let t = ne(v, e);
 			G([`_error:${t}`]);
 		} finally {
 			ae(!1);
 		}
 	}, [
 		H,
-		i,
+		s,
 		t,
 		r,
 		e,
-		g,
-		f
+		v,
+		h
 	]), ge = q((e) => {
 		L({}), F([]), N(e);
 	}, []), _e = q(async (e) => {
-		let n = R.current[e], a = n?.buffer ?? {};
-		if (Object.keys(a).length === 0) {
+		let n = R.current[e], i = n?.buffer ?? {};
+		if (Object.keys(i).length === 0) {
 			N(null), F([]);
 			return;
 		}
 		let o = qe({
-			...c.find((n) => V(x(t, n)) === e) ?? {},
-			...a
-		}, i, t, r);
+			...d.find((n) => V(a(t, n)) === e) ?? {},
+			...i
+		}, s, t, r);
 		if (o.length > 0) {
 			F(o);
 			return;
 		}
-		await K(e, { ...a }, n?.ver ?? 0) && (N(null), F([]));
+		await K(e, { ...i }, n?.ver ?? 0) && (N(null), F([]));
 	}, [
-		c,
+		d,
 		t,
-		i,
+		s,
 		r,
 		K
 	]), Z = q((e) => {
@@ -1170,11 +1176,11 @@ function Qe({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 			return r;
 		}), F([]), N(null);
 	}, []), ve = q((n, r) => {
-		let i = E.get(n) ?? n;
+		let i = D.get(n) ?? n;
 		return oe({
 			action: t.actions?.__delete,
 			destructive: !0,
-			title: m(t.display?.name) || m("record.action.delete", "Delete"),
+			title: _(t.display?.name) || _("record.action.delete", "Delete"),
 			row: r,
 			entity: e,
 			execute: async () => {
@@ -1188,25 +1194,25 @@ function Qe({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 					});
 				}
 			},
-			onSuccess: () => f()
+			onSuccess: () => h()
 		});
 	}, [
-		m,
+		_,
 		oe,
 		t,
 		e,
-		f,
-		E
+		h,
+		D
 	]);
-	if (d) return /* @__PURE__ */ Q("div", {
+	if (m) return /* @__PURE__ */ Q("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
 			padding: "8px 0"
 		},
-		children: g("record.related_rows_unreadable", "The related records could not be loaded.")
+		children: v("record.related_rows_unreadable", "The related records could not be loaded.")
 	});
-	if (u) return /* @__PURE__ */ $("div", {
+	if (p) return /* @__PURE__ */ $("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -1223,55 +1229,55 @@ function Qe({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 			borderRadius: 6
 		} })]
 	});
-	let ye = c.length === 0 && !H;
-	return _.isPhone && !v ? /* @__PURE__ */ $("div", { children: [ye && !a && /* @__PURE__ */ Q("div", {
+	let ye = d.length === 0 && !H;
+	return y.isPhone && !b ? /* @__PURE__ */ $("div", { children: [ye && !c && /* @__PURE__ */ Q("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: "12px 0"
 		},
-		children: m("record.related.empty", "No records yet.")
-	}), (!ye || a) && /* @__PURE__ */ $("div", {
+		children: _("record.related.empty", "No records yet.")
+	}), (!ye || c) && /* @__PURE__ */ $("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 10
 		},
-		children: [c.map((n) => {
-			let r = V(x(t, n)), c = se.has(r), u = I[r], d = S && r ? S.replace(/:\w+/, r) : void 0;
+		children: [d.map((n) => {
+			let r = V(a(t, n)), i = se.has(r), o = I[r], d = w && r ? w.replace(/:\w+/, r) : void 0;
 			return /* @__PURE__ */ Q($e, {
 				rowId: r,
 				row: n,
 				entity: t,
-				entities: s.schema.entities,
-				screens: s.schema.screens,
-				columns: i,
-				editableColumns: w,
-				editable: a,
-				interaction: o,
+				entities: u.schema.entities,
+				screens: u.schema.screens,
+				columns: s,
+				editableColumns: T,
+				editable: c,
+				interaction: l,
 				isEditing: M === r,
 				editErrors: P,
-				isDeleting: c,
+				isDeleting: i,
 				activeCell: A,
 				setActiveCell: j,
-				rowState: u,
+				rowState: o,
 				onCellChange: de,
 				onDeleteClick: (e) => void ve(e, n),
 				onStartEdit: ge,
 				onConfirmEdit: _e,
 				onCancelEdit: Z,
-				refs: l,
-				identityCol: b,
+				refs: f,
+				identityCol: x,
 				href: d,
 				rowActions: k,
 				entityCode: e,
-				onRowActionSuccess: f
+				onRowActionSuccess: h
 			}, r);
 		}), H && /* @__PURE__ */ Q(it, {
 			draftRow: H,
 			entity: t,
-			columns: i,
-			editableColumns: T,
+			columns: s,
+			editableColumns: E,
 			foreignKey: r,
 			draftErrors: W,
 			draftSaving: ie,
@@ -1283,70 +1289,70 @@ function Qe({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 			onCancel: () => {
 				U(null), G([]);
 			},
-			refs: l
+			refs: f
 		})]
-	})] }) : /* @__PURE__ */ $("div", { children: [ye && !a && /* @__PURE__ */ Q("div", {
+	})] }) : /* @__PURE__ */ $("div", { children: [ye && !c && /* @__PURE__ */ Q("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: "12px 0"
 		},
-		children: m("record.related.empty", "No records yet.")
-	}), (!ye || a) && /* @__PURE__ */ Q("div", {
+		children: _("record.related.empty", "No records yet.")
+	}), (!ye || c) && /* @__PURE__ */ Q("div", {
 		style: { overflowX: "auto" },
 		children: /* @__PURE__ */ $("table", {
 			style: le,
 			children: [/* @__PURE__ */ Q("thead", { children: /* @__PURE__ */ $("tr", { children: [
-				i.map((e) => {
+				s.map((e) => {
 					let n = t.fields.get(e);
 					return /* @__PURE__ */ Q("th", {
 						style: ce,
-						children: n ? y(m, n, e, s.schema.entities) : e
+						children: n ? i(_, n, e, u.schema.entities) : e
 					}, e);
 				}),
-				a && /* @__PURE__ */ Q("th", { style: {
+				c && /* @__PURE__ */ Q("th", { style: {
 					height: 30,
 					width: 72
 				} }),
-				!a && k.length > 0 && /* @__PURE__ */ Q("th", { style: {
+				!c && k.length > 0 && /* @__PURE__ */ Q("th", { style: {
 					height: 30,
 					width: 40
 				} })
-			] }) }), /* @__PURE__ */ $("tbody", { children: [c.map((n) => {
-				let r = V(x(t, n)), c = se.has(r), u = I[r], d = S && r ? S.replace(/:\w+/, r) : void 0;
+			] }) }), /* @__PURE__ */ $("tbody", { children: [d.map((n) => {
+				let r = V(a(t, n)), i = se.has(r), o = I[r], d = w && r ? w.replace(/:\w+/, r) : void 0;
 				return /* @__PURE__ */ Q(et, {
 					rowId: r,
 					row: n,
 					entity: t,
-					entities: s.schema.entities,
-					screens: s.schema.screens,
-					columns: i,
-					editableColumns: w,
-					editable: a,
-					interaction: o,
+					entities: u.schema.entities,
+					screens: u.schema.screens,
+					columns: s,
+					editableColumns: T,
+					editable: c,
+					interaction: l,
 					isEditing: M === r,
 					editErrors: P,
-					isDeleting: c,
+					isDeleting: i,
 					activeCell: A,
 					setActiveCell: j,
-					rowState: u,
+					rowState: o,
 					onCellChange: de,
 					onDeleteClick: (e) => void ve(e, n),
 					onStartEdit: ge,
 					onConfirmEdit: _e,
 					onCancelEdit: Z,
-					refs: l,
-					identityCol: b,
+					refs: f,
+					identityCol: x,
 					href: d,
 					rowActions: k,
 					entityCode: e,
-					onRowActionSuccess: f
+					onRowActionSuccess: h
 				}, r);
 			}), H && /* @__PURE__ */ Q(rt, {
 				draftRow: H,
 				entity: t,
-				columns: i,
-				editableColumns: T,
+				columns: s,
+				editableColumns: E,
 				foreignKey: r,
 				draftErrors: W,
 				draftSaving: ie,
@@ -1358,29 +1364,29 @@ function Qe({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i,
 				onCancel: () => {
 					U(null), G([]);
 				},
-				refs: l
+				refs: f
 			})] })]
 		})
 	})] });
 }
-function $e({ rowId: t, row: n, entity: r, entities: i, screens: a, columns: o, editableColumns: s, editable: l, interaction: u, isEditing: d, editErrors: f, isDeleting: p, rowState: m, onCellChange: h, onDeleteClick: g, onStartEdit: _, onConfirmEdit: v, onCancelEdit: b, refs: x, identityCol: S, href: C, rowActions: T, onRowActionSuccess: E }) {
-	let O = z(), k = me(), A = J(() => !m || Object.keys(m.buffer).length === 0 ? n : {
+function $e({ rowId: t, row: n, entity: r, entities: a, screens: o, columns: s, editableColumns: c, editable: l, interaction: u, isEditing: d, editErrors: f, isDeleting: p, rowState: m, onCellChange: h, onDeleteClick: g, onStartEdit: v, onConfirmEdit: y, onCancelEdit: b, refs: S, identityCol: C, href: w, rowActions: T, onRowActionSuccess: E }) {
+	let D = z(), A = me(), j = J(() => !m || Object.keys(m.buffer).length === 0 ? n : {
 		...n,
 		...m.buffer
 	}, [n, m]);
 	if (u === "row_edit" && d) {
 		let e = m?.error ? [...f, `_error:${m.error}`] : f;
 		return /* @__PURE__ */ Q(nt, {
-			values: A,
+			values: j,
 			entity: r,
-			columns: o,
-			editableColumns: s,
+			columns: s,
+			editableColumns: c,
 			errors: e,
 			saving: m?.saving ?? !1,
 			onChange: (e, n) => h(t, e, n),
-			onConfirm: () => v(t),
+			onConfirm: () => y(t),
 			onCancel: () => b(t),
-			refs: x
+			refs: S
 		});
 	}
 	return /* @__PURE__ */ $("div", {
@@ -1398,27 +1404,27 @@ function $e({ rowId: t, row: n, entity: r, entities: i, screens: a, columns: o,
 				flexDirection: "column",
 				gap: 12
 			},
-			children: o.map((e) => {
-				let n = r.fields.get(e), o = l && u === "inline_edit" && s.has(e), c = C && e === S, d = n ? y(O, n, e, i) : e, f = `${k}-${t}-${e}`, p = `${f}-label`, m = {
+			children: s.map((e) => {
+				let n = r.fields.get(e), s = l && u === "inline_edit" && c.has(e), d = w && e === C, f = n ? i(D, n, e, a) : e, p = `${A}-${t}-${e}`, m = `${p}-label`, g = {
 					fontSize: 11.5,
 					fontWeight: 600,
 					color: "var(--text-3)"
-				}, g = n ? j({
+				}, v = n ? k({
 					field: n,
 					fieldName: e,
-					value: A[e],
-					mode: o ? "edit" : "display",
-					onChange: o ? (n) => h(t, e, n) : void 0,
-					record: A,
-					refs: x,
-					compact: o,
+					value: j[e],
+					mode: s ? "edit" : "display",
+					onChange: s ? (n) => h(t, e, n) : void 0,
+					record: j,
+					refs: S,
+					compact: s,
 					entity: r,
-					entities: i,
-					screens: c ? void 0 : a,
-					fieldId: f,
-					labelId: p,
-					t: O
-				}) : w(A[e]);
+					entities: a,
+					screens: d ? void 0 : o,
+					fieldId: p,
+					labelId: m,
+					t: D
+				}) : _(j[e]);
 				return /* @__PURE__ */ $("div", {
 					style: {
 						display: "flex",
@@ -1426,26 +1432,26 @@ function $e({ rowId: t, row: n, entity: r, entities: i, screens: a, columns: o,
 						gap: 5,
 						minWidth: 0
 					},
-					children: [o && n ? /* @__PURE__ */ Q("label", {
-						id: p,
-						htmlFor: f,
-						style: m,
-						children: d
+					children: [s && n ? /* @__PURE__ */ Q("label", {
+						id: m,
+						htmlFor: p,
+						style: g,
+						children: f
 					}) : /* @__PURE__ */ Q("div", {
-						id: p,
-						style: m,
-						children: d
+						id: m,
+						style: g,
+						children: f
 					}), /* @__PURE__ */ Q("div", {
 						style: { minWidth: 0 },
-						children: c && !o ? /* @__PURE__ */ Q("a", {
-							href: C,
+						children: d && !s ? /* @__PURE__ */ Q("a", {
+							href: w,
 							style: {
 								color: "var(--accent)",
 								textDecoration: "none",
 								fontWeight: 500
 							},
-							children: g
-						}) : g
+							children: v
+						}) : v
 					})]
 				}, e);
 			})
@@ -1460,7 +1466,7 @@ function $e({ rowId: t, row: n, entity: r, entities: i, screens: a, columns: o,
 				gap: 6
 			},
 			children: [l && /* @__PURE__ */ $(ve, { children: [
-				m?.saving && /* @__PURE__ */ Q(D, { size: 12 }),
+				m?.saving && /* @__PURE__ */ Q(x, { size: 12 }),
 				m?.error && /* @__PURE__ */ Q("span", {
 					style: {
 						fontSize: 11,
@@ -1469,90 +1475,90 @@ function $e({ rowId: t, row: n, entity: r, entities: i, screens: a, columns: o,
 					title: m.error,
 					children: "!"
 				}),
-				u === "row_edit" && /* @__PURE__ */ Q(c, {
+				u === "row_edit" && /* @__PURE__ */ Q(O, {
 					size: 32,
 					icon: /* @__PURE__ */ Q(e.edit, { size: 14 }),
-					onClick: () => _(t),
-					title: O("record.row.edit", "Edit row")
+					onClick: () => v(t),
+					title: D("record.row.edit", "Edit row")
 				}),
-				/* @__PURE__ */ Q(c, {
+				/* @__PURE__ */ Q(O, {
 					size: 32,
 					icon: /* @__PURE__ */ Q(e.trash, { size: 14 }),
 					onClick: () => g(t),
-					title: O("record.row.delete", "Delete row")
+					title: D("record.row.delete", "Delete row")
 				})
 			] }), !l && T && T.length > 0 && /* @__PURE__ */ Q(ze, {
 				entity: r,
 				actions: T,
 				objectIds: [t],
-				row: A,
+				row: j,
 				onSuccess: E
 			})]
 		})]
 	});
 }
-function et({ rowId: t, row: n, entity: r, entities: i, screens: a, columns: o, editableColumns: s, editable: l, interaction: u, isEditing: d, editErrors: f, isDeleting: p, activeCell: m, setActiveCell: h, rowState: g, onCellChange: _, onDeleteClick: v, onStartEdit: y, onConfirmEdit: b, onCancelEdit: x, refs: S, identityCol: C, href: T, rowActions: E, onRowActionSuccess: O }) {
-	let k = z(), A = J(() => !g || Object.keys(g.buffer).length === 0 ? n : {
+function et({ rowId: t, row: n, entity: r, entities: i, screens: a, columns: o, editableColumns: s, editable: c, interaction: l, isEditing: u, editErrors: d, isDeleting: f, activeCell: p, setActiveCell: m, rowState: h, onCellChange: g, onDeleteClick: v, onStartEdit: y, onConfirmEdit: b, onCancelEdit: S, refs: C, identityCol: w, href: T, rowActions: E, onRowActionSuccess: D }) {
+	let A = z(), j = J(() => !h || Object.keys(h.buffer).length === 0 ? n : {
 		...n,
-		...g.buffer
-	}, [n, g]);
-	if (u === "row_edit" && d) {
-		let e = g?.error ? [...f, `_error:${g.error}`] : f;
+		...h.buffer
+	}, [n, h]);
+	if (l === "row_edit" && u) {
+		let e = h?.error ? [...d, `_error:${h.error}`] : d;
 		return /* @__PURE__ */ Q(tt, {
-			values: A,
+			values: j,
 			entity: r,
 			columns: o,
 			editableColumns: s,
 			errors: e,
-			saving: g?.saving ?? !1,
-			onChange: (e, n) => _(t, e, n),
+			saving: h?.saving ?? !1,
+			onChange: (e, n) => g(t, e, n),
 			onConfirm: () => b(t),
-			onCancel: () => x(t),
-			refs: S
+			onCancel: () => S(t),
+			refs: C
 		});
 	}
 	let M = ue, N = {
 		padding: "4px 4px",
 		borderBottom: "1px solid var(--divider)",
 		verticalAlign: "middle"
-	}, P = u === "inline_edit";
+	}, P = l === "inline_edit";
 	return /* @__PURE__ */ $("tr", {
-		style: { opacity: p ? .5 : 1 },
+		style: { opacity: f ? .5 : 1 },
 		children: [
 			o.map((e) => {
 				let n = r.fields.get(e), o = s.has(e);
-				if (P && m?.rowId === t && m?.col === e && o) return /* @__PURE__ */ Q("td", {
+				if (P && p?.rowId === t && p?.col === e && o) return /* @__PURE__ */ Q("td", {
 					style: N,
-					children: n ? j({
+					children: n ? k({
 						field: n,
 						fieldName: e,
-						value: A[e],
+						value: j[e],
 						mode: "edit",
-						onChange: (n) => _(t, e, n),
-						record: A,
-						refs: S,
+						onChange: (n) => g(t, e, n),
+						record: j,
+						refs: C,
 						compact: !0,
-						t: k
-					}) : w(A[e])
+						t: A
+					}) : _(j[e])
 				}, e);
-				let c = T && e === C, l = n ? j({
+				let c = T && e === w, l = n ? k({
 					field: n,
 					fieldName: e,
-					value: A[e],
+					value: j[e],
 					mode: "display",
-					record: A,
-					refs: S,
+					record: j,
+					refs: C,
 					entity: r,
 					entities: i,
 					screens: c ? void 0 : a,
-					t: k
-				}) : w(A[e]), u = P && o && !p;
+					t: A
+				}) : _(j[e]), u = P && o && !f;
 				return /* @__PURE__ */ Q("td", {
 					style: {
 						...M,
 						cursor: u ? "pointer" : "default"
 					},
-					onClick: u ? () => h({
+					onClick: u ? () => m({
 						rowId: t,
 						col: e
 					}) : void 0,
@@ -1569,7 +1575,7 @@ function et({ rowId: t, row: n, entity: r, entities: i, screens: a, columns: o,
 					}) : l
 				}, e);
 			}),
-			l && /* @__PURE__ */ Q("td", {
+			c && /* @__PURE__ */ Q("td", {
 				style: {
 					padding: "4px 8px",
 					borderBottom: "1px solid var(--divider)",
@@ -1582,31 +1588,31 @@ function et({ rowId: t, row: n, entity: r, entities: i, screens: a, columns: o,
 						gap: 4
 					},
 					children: [
-						g?.saving && /* @__PURE__ */ Q(D, { size: 12 }),
-						g?.error && /* @__PURE__ */ Q("span", {
+						h?.saving && /* @__PURE__ */ Q(x, { size: 12 }),
+						h?.error && /* @__PURE__ */ Q("span", {
 							style: {
 								fontSize: 11,
 								color: "var(--danger)"
 							},
-							title: g.error,
+							title: h.error,
 							children: "!"
 						}),
-						u === "row_edit" && /* @__PURE__ */ Q(c, {
+						l === "row_edit" && /* @__PURE__ */ Q(O, {
 							size: 24,
 							icon: /* @__PURE__ */ Q(e.edit, { size: 12 }),
 							onClick: () => y(t),
-							title: k("record.row.edit", "Edit row")
+							title: A("record.row.edit", "Edit row")
 						}),
-						/* @__PURE__ */ Q(c, {
+						/* @__PURE__ */ Q(O, {
 							size: 24,
 							icon: /* @__PURE__ */ Q(e.trash, { size: 12 }),
 							onClick: () => v(t),
-							title: k("record.row.delete", "Delete row")
+							title: A("record.row.delete", "Delete row")
 						})
 					]
 				})
 			}),
-			!l && E && E.length > 0 && /* @__PURE__ */ Q("td", {
+			!c && E && E.length > 0 && /* @__PURE__ */ Q("td", {
 				style: {
 					padding: "4px 8px",
 					borderBottom: "1px solid var(--divider)",
@@ -1616,63 +1622,63 @@ function et({ rowId: t, row: n, entity: r, entities: i, screens: a, columns: o,
 					entity: r,
 					actions: E,
 					objectIds: [t],
-					row: A,
-					onSuccess: O
+					row: j,
+					onSuccess: D
 				})
 			})
 		]
 	});
 }
-function tt({ values: t, entity: n, columns: r, editableColumns: i, errors: a, saving: o, onChange: s, onConfirm: l, onCancel: u, refs: d, accent: f }) {
-	let p = z(), m = a.find((e) => e.startsWith("_error:")), h = new Set(a.filter((e) => !e.startsWith("_error:"))), g = {
+function tt({ values: t, entity: n, columns: r, editableColumns: i, errors: a, saving: o, onChange: s, onConfirm: c, onCancel: l, refs: u, accent: d }) {
+	let f = z(), p = a.find((e) => e.startsWith("_error:")), m = new Set(a.filter((e) => !e.startsWith("_error:"))), h = {
 		padding: "6px 12px",
 		borderBottom: "1px solid var(--divider)",
 		verticalAlign: "middle",
 		height: 40,
 		minWidth: 0
-	}, _ = {
+	}, g = {
 		display: "block",
 		width: "100%",
 		maxWidth: "100%",
 		minWidth: 0
 	};
 	return /* @__PURE__ */ $("tr", {
-		style: f ? { boxShadow: "inset 3px 0 0 var(--accent)" } : void 0,
+		style: d ? { boxShadow: "inset 3px 0 0 var(--accent)" } : void 0,
 		onKeyDown: (e) => {
-			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), l()) : e.key === "Escape" && (e.preventDefault(), u());
+			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), c()) : e.key === "Escape" && (e.preventDefault(), l());
 		},
 		children: [r.map((e) => {
-			let r = n.fields.get(e), a = i.has(e), o = h.has(e);
+			let r = n.fields.get(e), a = i.has(e), o = m.has(e);
 			return a ? /* @__PURE__ */ Q("td", {
 				style: {
-					...g,
+					...h,
 					outline: o ? "1px solid var(--danger)" : "none",
 					outlineOffset: -1
 				},
-				title: o ? p("record.row.field_required", "{field} is required", { field: e }) : void 0,
+				title: o ? f("record.row.field_required", "{field} is required", { field: e }) : void 0,
 				children: /* @__PURE__ */ Q("div", {
-					style: _,
-					children: r ? j({
+					style: g,
+					children: r ? k({
 						field: r,
 						fieldName: e,
 						value: t[e],
 						mode: "edit",
 						onChange: (t) => s(e, t),
 						record: t,
-						refs: d,
+						refs: u,
 						compact: !0,
-						t: p
-					}) : w(t[e])
+						t: f
+					}) : _(t[e])
 				})
 			}, e) : /* @__PURE__ */ Q("td", {
 				style: {
-					...g,
+					...h,
 					color: "var(--text-3)"
 				},
-				children: r?.auto ? "—" : w(t[e])
+				children: r?.auto ? "—" : _(t[e])
 			}, e);
 		}), /* @__PURE__ */ Q("td", {
-			style: g,
+			style: h,
 			children: /* @__PURE__ */ $("div", {
 				style: {
 					display: "flex",
@@ -1681,33 +1687,33 @@ function tt({ values: t, entity: n, columns: r, editableColumns: i, errors: a, s
 					justifyContent: "flex-end"
 				},
 				children: [
-					m && /* @__PURE__ */ Q("span", {
+					p && /* @__PURE__ */ Q("span", {
 						style: {
 							fontSize: 11,
 							color: "var(--danger)"
 						},
-						title: m.slice(7),
+						title: p.slice(7),
 						children: "!"
 					}),
-					/* @__PURE__ */ Q(c, {
+					/* @__PURE__ */ Q(O, {
 						size: 24,
-						icon: Q(o ? D : e.check, { size: 12 }),
-						onClick: l,
-						title: p("record.row.confirm", "Confirm (Enter)")
+						icon: Q(o ? x : e.check, { size: 12 }),
+						onClick: c,
+						title: f("record.row.confirm", "Confirm (Enter)")
 					}),
-					/* @__PURE__ */ Q(c, {
+					/* @__PURE__ */ Q(O, {
 						size: 24,
 						icon: /* @__PURE__ */ Q(e.x, { size: 12 }),
-						onClick: u,
-						title: p("record.row.cancel", "Cancel (Esc)")
+						onClick: l,
+						title: f("record.row.cancel", "Cancel (Esc)")
 					})
 				]
 			})
 		})]
 	});
 }
-function nt({ values: t, entity: n, columns: r, editableColumns: i, errors: a, saving: o, onChange: s, onConfirm: l, onCancel: u, refs: d, accent: f }) {
-	let p = z(), m = me(), h = a.find((e) => e.startsWith("_error:")), g = new Set(a.filter((e) => !e.startsWith("_error:")));
+function nt({ values: t, entity: n, columns: r, editableColumns: a, errors: o, saving: s, onChange: c, onConfirm: l, onCancel: u, refs: d, accent: f }) {
+	let p = z(), m = me(), h = o.find((e) => e.startsWith("_error:")), g = new Set(o.filter((e) => !e.startsWith("_error:")));
 	return /* @__PURE__ */ $("div", {
 		style: {
 			border: "1px solid var(--border)",
@@ -1727,7 +1733,7 @@ function nt({ values: t, entity: n, columns: r, editableColumns: i, errors: a, s
 				gap: 12
 			},
 			children: r.map((e) => {
-				let r = n.fields.get(e), a = i.has(e), o = g.has(e), c = r ? y(p, r, e) : e, l = `${m}-${e}`, u = `${l}-label`, f = {
+				let r = n.fields.get(e), o = a.has(e), s = g.has(e), l = r ? i(p, r, e) : e, u = `${m}-${e}`, f = `${u}-label`, h = {
 					fontSize: 11.5,
 					fontWeight: 600,
 					color: "var(--text-3)"
@@ -1739,36 +1745,36 @@ function nt({ values: t, entity: n, columns: r, editableColumns: i, errors: a, s
 						gap: 5,
 						minWidth: 0
 					},
-					children: [a && r ? /* @__PURE__ */ Q("label", {
-						id: u,
-						htmlFor: l,
-						style: f,
-						children: c
+					children: [o && r ? /* @__PURE__ */ Q("label", {
+						id: f,
+						htmlFor: u,
+						style: h,
+						children: l
 					}) : /* @__PURE__ */ Q("div", {
-						id: u,
-						style: f,
-						children: c
+						id: f,
+						style: h,
+						children: l
 					}), /* @__PURE__ */ Q("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 ? p("record.row.field_required", "{field} is required", { field: e }) : void 0,
-						children: a ? r ? j({
+						title: s ? p("record.row.field_required", "{field} is required", { field: e }) : void 0,
+						children: o ? r ? k({
 							field: r,
 							fieldName: e,
 							value: t[e],
 							mode: "edit",
-							onChange: (t) => s(e, t),
+							onChange: (t) => c(e, t),
 							record: t,
 							refs: d,
 							compact: !0,
-							fieldId: l,
-							labelId: u,
+							fieldId: u,
+							labelId: f,
 							t: p
-						}) : w(t[e]) : r?.auto ? "—" : w(t[e])
+						}) : _(t[e]) : r?.auto ? "—" : _(t[e])
 					})]
 				}, e);
 			})
@@ -1791,13 +1797,13 @@ function nt({ values: t, entity: n, columns: r, editableColumns: i, errors: a, s
 					title: h.slice(7),
 					children: "!"
 				}),
-				/* @__PURE__ */ Q(c, {
+				/* @__PURE__ */ Q(O, {
 					size: 32,
-					icon: Q(o ? D : e.check, { size: 14 }),
+					icon: Q(s ? x : e.check, { size: 14 }),
 					onClick: l,
 					title: p("record.row.confirm", "Confirm (Enter)")
 				}),
-				/* @__PURE__ */ Q(c, {
+				/* @__PURE__ */ Q(O, {
 					size: 32,
 					icon: /* @__PURE__ */ Q(e.x, { size: 14 }),
 					onClick: u,
@@ -1926,7 +1932,7 @@ function lt({ message: e, onRetry: t, t: n, errorTitle: r }) {
 					},
 					children: e || r("ui.render_failed_undescribed", "An unexpected error occurred.")
 				}),
-				/* @__PURE__ */ Q("div", { children: /* @__PURE__ */ Q(m, {
+				/* @__PURE__ */ Q("div", { children: /* @__PURE__ */ Q(l, {
 					onClick: t,
 					children: n("control.try_again", "Try again")
 				}) })