@declarion/react 0.80.0 → 0.82.0

package/dist-lib/components/detail-layout/AssociatedBlock.js

@@ -1,33 +1,34 @@
 import { OrderedMap as e } from "../../types/ordmap.js";
 import { coerceDisplayString as t } from "../../lib/display-value.js";
-import { entityAllowsMutation as n, extractPkValues as r, fieldDisplayName as i, getPrimaryKeyFields as a, resolveDetailRoute as o } from "../../types/schema.js";
-import { Icon as s } from "../primitives/Icons.js";
-import { Btn as c } from "../primitives/Btn.js";
-import { IconBtn as l } from "../primitives/IconBtn.js";
-import { useText as u } from "../../hooks/useText.js";
-import { SectionCard as d } from "../primitives/SectionCard.js";
-import { useResponsiveMode as f } from "../../hooks/useResponsiveMode.js";
-import { Spinner as p } from "../primitives/Spinner.js";
-import { DynamicIcon as m } from "../shared/DynamicIcon.js";
-import { buildActionBody as h, createEntity as g, deleteObject as _, encodeObjectId as v, executeAction as y, updateEntity as b } from "../../api/data.js";
-import { failureTitle as x } from "../../lib/failure.js";
-import { useTabNavigate as S } from "../../hooks/useTabNavigate.js";
-import { applyRowState as C, defaultFlatForSlot as w } from "../../lib/actions.js";
-import { ENTITY_CHILDREN_KEY as T, useChildrenData as E } from "../../hooks/useChildrenData.js";
-import { useActionRunner as D } from "../actions/ActionRunner.js";
-import { renderField as O } from "../fields/index.js";
-import { dispatchAction as k } from "../../lib/action-dispatch.js";
-import { ResponsiveActionBar as A } from "../actions/ResponsiveActionBar.js";
-import { dataTableCellStyle as j, dataTableHeadCellStyle as M, dataTableStyle as N } from "../primitives/dataTableStyles.js";
+import { entityAllowsMutation as n, extractPkValues as r, fieldDisplayName as i, getPrimaryKeyFields as a, resolveDetailRoute as o, rowSetInTenant as s } from "../../types/schema.js";
+import { Icon as c } from "../primitives/Icons.js";
+import { Btn as l } from "../primitives/Btn.js";
+import { IconBtn as u } from "../primitives/IconBtn.js";
+import { useText as d } from "../../hooks/useText.js";
+import { SectionCard as f } from "../primitives/SectionCard.js";
+import { useResponsiveMode as p } from "../../hooks/useResponsiveMode.js";
+import { Spinner as m } from "../primitives/Spinner.js";
+import { DynamicIcon as h } from "../shared/DynamicIcon.js";
+import { buildActionBody as g, createEntity as _, deleteObject as v, encodeObjectId as y, executeAction as b, updateEntity as x } from "../../api/data.js";
+import { failureTitle as S } from "../../lib/failure.js";
+import { useTabNavigate as C } from "../../hooks/useTabNavigate.js";
+import { applyRowState as w, defaultFlatForSlot as T } from "../../lib/actions.js";
+import { ENTITY_CHILDREN_KEY as E, useChildrenData as D } from "../../hooks/useChildrenData.js";
+import { useActionRunner as O } from "../actions/ActionRunner.js";
+import { renderField as k } from "../fields/index.js";
+import { dispatchAction as A } from "../../lib/action-dispatch.js";
+import { ResponsiveActionBar as j } from "../actions/ResponsiveActionBar.js";
+import { useRowTenant as M } from "../../hooks/useRowTenant.js";
+import { dataTableCellStyle as N, dataTableHeadCellStyle as ee, dataTableStyle as te } from "../primitives/dataTableStyles.js";
 import { ActionButton as P } from "../actions/ActionButton.js";
 import { useAssociatedData as F } from "../../hooks/useAssociatedData.js";
 import { RowActionsKebab as I } from "../actions/RowActionsKebab.js";
-import { AssociatedToolbar as L } from "./AssociatedToolbar.js";
-import { useCallback as R, useEffect as ee, useId as z, useMemo as B, useRef as V, useState as H } from "react";
-import { useQueryClient as U } from "@tanstack/react-query";
-import { Fragment as te, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { AssociatedToolbar as ne } from "./AssociatedToolbar.js";
+import { useCallback as L, useEffect as re, useId as R, useMemo as z, useRef as B, useState as V } from "react";
+import { useQueryClient as H } from "@tanstack/react-query";
+import { Fragment as ie, jsx as U, jsxs as W } from "react/jsx-runtime";
 //#region src/components/detail-layout/AssociatedBlock.tsx
-function ne(e) {
+function ae(e) {
 	if (!e) return [];
 	let t = [];
 	for (let [n, r] of Object.entries(e)) (r.visibility ?? []).includes("list_row") && (r.association || r.href || n.startsWith("__") || t.push({
@@ -36,7 +37,7 @@ function ne(e) {
 	}));
 	return t;
 }
-function K(t, n, r) {
+function oe(t, n, r) {
 	if (!t) return [];
 	let i = [];
 	for (let [a, o] of Object.entries(t)) {
@@ -62,7 +63,7 @@ function K(t, n, r) {
 	}
 	return i;
 }
-function re(e, t, n) {
+function G(e, t, n) {
 	let r = e[n];
 	if (!r) return null;
 	let i = e[t], a = i?.children?.find((e) => e.entity === n);
@@ -84,7 +85,7 @@ function re(e, t, n) {
 	}
 	return null;
 }
-function ie(e, t, n) {
+function se(e, t, n) {
 	let r = new Set(a(e));
 	return new Set(t.filter((t) => {
 		if (t === n || r.has(t)) return !1;
@@ -92,14 +93,14 @@ function ie(e, t, n) {
 		return !(!i || i.auto || i.primary || i.source);
 	}));
 }
-function ae(e, t, n) {
+function ce(e, t, n) {
 	return new Set(t.filter((t) => {
 		if (t === n) return !1;
 		let r = e.fields.get(t);
 		return !(!r || r.auto);
 	}));
 }
-function oe(e, t, n, r) {
+function le(e, t, n, r) {
 	let i = [];
 	for (let a of t) {
 		let t = n.fields.get(a);
@@ -109,19 +110,19 @@ function oe(e, t, n, r) {
 	}
 	return i;
 }
-function q({ node: e, ctx: t }) {
-	let n = u("errors"), r = e.associated;
+function ue({ node: e, ctx: t }) {
+	let n = d("errors"), r = e.associated;
 	if (!r || t.isNew) return null;
 	let i = t.schema.entities[r];
 	if (!i) return null;
-	let a = e.foreign_key ?? re(t.schema.entities, t.entityCode, r);
-	return a ? /* @__PURE__ */ W(J, {
+	let a = e.foreign_key ?? G(t.schema.entities, t.entityCode, r);
+	return a ? /* @__PURE__ */ U(K, {
 		node: e,
 		ctx: t,
 		assocCode: r,
 		assocEntity: i,
 		fkField: a
-	}) : /* @__PURE__ */ G("div", {
+	}) : /* @__PURE__ */ W("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -136,66 +137,67 @@ function q({ node: e, ctx: t }) {
 		]
 	});
 }
-function J({ node: e, ctx: t, assocCode: r, assocEntity: i, fkField: a }) {
-	let o = u(), l = u("errors"), f = e.columns && e.columns.length > 0 ? e.columns.filter((e) => e !== a && !!i.fields.get(e)) : i.fields.names().filter((e) => {
+function K({ node: e, ctx: t, assocCode: r, assocEntity: i, fkField: a }) {
+	let o = d(), s = d("errors"), u = e.columns && e.columns.length > 0 ? e.columns.filter((e) => e !== a && !!i.fields.get(e)) : i.fields.names().filter((e) => {
 		if (e === a) return !1;
 		let t = i.fields.get(e);
 		return !(!t || t.primary || t.display?.is_listable === !1);
-	}), p = n(i, "update"), g = e.interaction ?? "navigate", _ = (g === "inline_edit" || g === "row_edit") && p && e.editable !== !1, v = o(i.display?.name_plural) || o(i.display?.name) || r, b = e.searchable === !0 || e.filters && e.filters.length > 0, x = B(() => K(i.actions, a, t.recordId), [
+	}), p = n(i, "update"), m = M(i), _ = e.interaction ?? "navigate", v = (_ === "inline_edit" || _ === "row_edit") && p && e.editable !== !1, y = o(i.display?.name_plural) || o(i.display?.name) || r, x = e.searchable === !0 || e.filters && e.filters.length > 0, S = z(() => oe(i.actions, a, t.recordId), [
 		i.actions,
 		a,
 		t.recordId
-	]), T = B(() => {
+	]), E = z(() => {
 		let e = {};
-		for (let { code: t, action: n } of x) e[t] = n;
+		for (let { code: t, action: n } of S) e[t] = n;
 		return e;
-	}, [x]), E = B(() => {
+	}, [S]), D = z(() => {
 		let e = i.action_layout ?? null;
-		return C(o, e ?? w(T, "list_toolbar"), T, void 0, {}, []);
+		return w(o, e ?? T(E, "list_toolbar"), E, void 0, {}, [], m);
 	}, [
 		o,
 		i.action_layout,
-		T
-	]), { run: O } = D(), j = S(), M = B(() => ({
+		E,
+		m
+	]), { run: k } = O(), N = C(), ee = z(() => ({
 		entity: i,
 		entityCode: r,
 		screenRoute: typeof window < "u" ? window.location.pathname : "",
 		selectedRows: [],
 		selectedIds: [],
 		t: o,
-		tabNavigate: (e, t) => j(e, {
+		tabNavigate: (e, t) => N(e, {
 			title: t?.title,
 			icon: t?.icon,
 			search: t?.search
 		}),
-		runActionApi: (e, t) => y(e, t)
+		runActionApi: (e, t) => b(e, t)
 	}), [
 		i,
 		r,
 		o,
-		j
-	]), N = U(), F = R(() => {
-		N.invalidateQueries({ predicate: (e) => {
+		N
+	]), te = H(), F = L(() => {
+		te.invalidateQueries({ predicate: (e) => {
 			let t = e.queryKey;
 			return t[0] === "entity-children" && t[3] === r;
 		} });
-	}, [N, r]), I = R((e, t) => {
-		let n = k(l, e, t, {}, r);
-		if (n !== null) return O({
+	}, [te, r]), I = L((e, t) => {
+		let n = A(s, e, t, {}, r);
+		if (n !== null) return k({
 			action: t,
 			title: o(t.display?.name) || e,
 			execute: async (e) => {
-				let t = await y(n, h(e, void 0));
+				let t = await b(n, g(e, void 0));
 				return F(), t;
 			}
 		});
 	}, [
 		o,
-		l,
-		O,
+		s,
+		k,
 		r,
 		F
-	]), [L, ee] = H(0), z = /* @__PURE__ */ G("div", {
+	]), [ne, re] = V(0), R = /* @__PURE__ */ W("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -204,75 +206,75 @@ function J({ node: e, ctx: t, assocCode: r, assocEntity: i, fkField: a }) {
 			minWidth: 0,
 			justifyContent: "flex-end"
 		},
-		children: [i.action_layout ? E.length > 0 && /* @__PURE__ */ W(A, {
+		children: [i.action_layout ? D.length > 0 && /* @__PURE__ */ U(j, {
 			kind: "toolbar",
-			layout: E,
-			entityActions: T,
+			layout: D,
+			entityActions: E,
 			onRun: I,
-			widgetContext: M,
-			ariaLabel: o("record.associated.toolbar_actions", "{name} toolbar actions", { name: v })
-		}) : x.map(({ code: e, action: t }) => /* @__PURE__ */ W(P, {
+			widgetContext: ee,
+			ariaLabel: o("record.associated.toolbar_actions", "{name} toolbar actions", { name: y })
+		}) : S.map(({ code: e, action: t }) => /* @__PURE__ */ U(P, {
 			actionCode: e,
 			action: t,
 			entityCode: r,
 			variant: "ghost",
 			size: "sm",
 			onSuccess: F
-		}, e)), _ && /* @__PURE__ */ W(c, {
+		}, e)), v && /* @__PURE__ */ U(l, {
 			kind: "ghost",
 			size: "xs",
-			icon: /* @__PURE__ */ W(s.plus, { size: 12 }),
-			onClick: () => ee((e) => e + 1),
+			icon: /* @__PURE__ */ U(c.plus, { size: 12 }),
+			onClick: () => re((e) => e + 1),
 			children: o("record.row.add", "Add row")
 		})]
-	}), V = b ? /* @__PURE__ */ W(se, {
+	}), B = x ? /* @__PURE__ */ U(J, {
 		entityCode: r,
 		entity: i,
 		parentEntity: t.entityCode,
 		parentId: t.recordId,
 		foreignKey: a,
-		columns: f,
-		editable: _,
-		interaction: g,
+		columns: u,
+		editable: v,
+		interaction: _,
 		ctx: t,
 		searchable: e.searchable,
 		filterFields: e.filters,
 		sort: e.sort,
-		startDraftSignal: L
-	}) : /* @__PURE__ */ W(Y, {
+		startDraftSignal: ne
+	}) : /* @__PURE__ */ U(q, {
 		entityCode: r,
 		entity: i,
 		parentEntity: t.entityCode,
 		parentId: t.recordId,
 		foreignKey: a,
-		columns: f,
-		editable: _,
-		interaction: g,
+		columns: u,
+		editable: v,
+		interaction: _,
 		ctx: t,
 		sort: e.sort,
-		startDraftSignal: L
+		startDraftSignal: ne
 	});
-	return t.withinCard ? /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("div", {
+	return t.withinCard ? /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("div", {
 		style: {
 			display: "flex",
 			justifyContent: "flex-end",
 			marginBottom: 8
 		},
-		children: z
-	}), V] }) : /* @__PURE__ */ W(d, {
-		title: v,
-		icon: i.display?.icon ? /* @__PURE__ */ W(m, {
+		children: R
+	}), B] }) : /* @__PURE__ */ U(f, {
+		title: y,
+		icon: i.display?.icon ? /* @__PURE__ */ U(h, {
 			name: i.display.icon,
 			size: 14
 		}) : void 0,
-		right: z,
-		children: V
+		right: R,
+		children: B
 	});
 }
-function Y({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey: i, columns: a, editable: o, interaction: s, ctx: c, sort: l, startDraftSignal: u }) {
-	let d = U(), { data: f, isLoading: p, isError: m } = E(n, r, e, i, l), h = f?.data ?? [], g = f?.$refs, _ = R(() => {
+function q({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey: i, columns: a, editable: o, interaction: s, ctx: c, sort: l, startDraftSignal: u }) {
+	let d = H(), { data: f, isLoading: p, isError: m } = D(n, r, e, i, l), h = f?.data ?? [], g = f?.$refs, _ = L(() => {
 		d.invalidateQueries({ queryKey: [
-			T,
+			E,
 			n,
 			r,
 			e
@@ -283,7 +285,7 @@ function Y({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey:
 		r,
 		e
 	]);
-	return /* @__PURE__ */ W(X, {
+	return /* @__PURE__ */ U(Y, {
 		entityCode: e,
 		entity: t,
 		parentId: r,
@@ -300,14 +302,14 @@ function Y({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey:
 		startDraftSignal: u
 	});
 }
-function se({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey: i, columns: a, editable: o, interaction: s, ctx: l, searchable: d, filterFields: f, sort: m, startDraftSignal: h }) {
-	let g = u(), _ = U(), [v, y] = H(""), [b, x] = H(""), [S, C] = H({}), w = V(void 0);
-	ee(() => (w.current && clearTimeout(w.current), w.current = setTimeout(() => {
+function J({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey: i, columns: a, editable: o, interaction: s, ctx: c, searchable: u, filterFields: f, sort: p, startDraftSignal: h }) {
+	let g = d(), _ = H(), [v, y] = V(""), [b, x] = V(""), [S, C] = V({}), w = B(void 0);
+	re(() => (w.current && clearTimeout(w.current), w.current = setTimeout(() => {
 		x(v);
 	}, 300), () => {
 		w.current && clearTimeout(w.current);
 	}), [v]);
-	let T = R((e, t) => {
+	let T = L((e, t) => {
 		C((n) => {
 			if (t === "__all__") {
 				let { [e]: t, ...r } = n;
@@ -318,7 +320,7 @@ function se({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey
 				[e]: t
 			};
 		});
-	}, []), E = B(() => Object.keys(S).length > 0 ? S : void 0, [S]), { data: D, isLoading: O, isError: k, hasNextPage: A, fetchNextPage: j, isFetchingNextPage: M } = F(n, r, e, i, m, void 0, b || void 0, E), { rows: N, refs: P } = B(() => {
+	}, []), E = z(() => Object.keys(S).length > 0 ? S : void 0, [S]), { data: D, isLoading: O, isError: k, hasNextPage: A, fetchNextPage: j, isFetchingNextPage: M } = F(n, r, e, i, p, void 0, b || void 0, E), { rows: N, refs: ee } = z(() => {
 		if (!D?.pages) return {
 			rows: [],
 			refs: void 0
@@ -335,24 +337,24 @@ function se({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey
 			rows: e,
 			refs: t
 		};
-	}, [D]), I = R(() => {
+	}, [D]), te = L(() => {
 		_.invalidateQueries({ predicate: (t) => {
 			let n = t.queryKey;
 			return n[0] === "entity-children" && n[3] === e;
 		} });
 	}, [_, e]);
-	return /* @__PURE__ */ G("div", { children: [
-		/* @__PURE__ */ W(L, {
+	return /* @__PURE__ */ W("div", { children: [
+		/* @__PURE__ */ U(ne, {
 			entity: t,
-			searchable: d,
+			searchable: u,
 			filterFields: f,
 			searchValue: v,
 			onSearchChange: y,
 			filters: S,
 			onFilterChange: T,
-			allEntities: l.schema.entities
+			allEntities: c.schema.entities
 		}),
-		/* @__PURE__ */ W(X, {
+		/* @__PURE__ */ U(Y, {
 			entityCode: e,
 			entity: t,
 			parentId: r,
@@ -360,20 +362,20 @@ function se({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey
 			columns: a,
 			editable: o,
 			interaction: s,
-			ctx: l,
+			ctx: c,
 			rows: N,
-			refs: P,
+			refs: ee,
 			isLoading: O,
 			isError: k,
-			invalidateQuery: I,
+			invalidateQuery: te,
 			startDraftSignal: h
 		}),
-		A && /* @__PURE__ */ W("div", {
+		A && /* @__PURE__ */ U("div", {
 			style: { marginTop: 4 },
-			children: /* @__PURE__ */ W(c, {
+			children: /* @__PURE__ */ U(l, {
 				kind: "ghost",
 				size: "xs",
-				icon: M ? /* @__PURE__ */ W(p, { size: 12 }) : void 0,
+				icon: M ? /* @__PURE__ */ U(m, { size: 12 }) : void 0,
 				onClick: () => j(),
 				disabled: M,
 				children: g("record.associated.load_more", "Load more")
@@ -381,45 +383,45 @@ function se({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey
 		})
 	] });
 }
-function X({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: s, editable: c, interaction: l, ctx: d, rows: p, refs: m, isLoading: h, isError: y, invalidateQuery: S, startDraftSignal: C }) {
-	let w = u(), T = u("errors"), E = f(), O = E.isPhone && d.relatedRecordsPresentation === "table", k = s.find((e) => e !== a), A = B(() => l === "navigate" ? o(void 0, t, d.schema.screens) : null, [
-		l,
+function Y({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: c, editable: l, interaction: u, ctx: f, rows: m, refs: h, isLoading: g, isError: b, invalidateQuery: C, startDraftSignal: w }) {
+	let T = d(), E = d("errors"), D = p(), k = M(t), A = D.isPhone && f.relatedRecordsPresentation === "table", j = c.find((e) => e !== a), N = z(() => u === "navigate" ? o(void 0, t, f.schema.screens) : null, [
+		u,
 		t,
-		d.schema.screens
-	]), j = B(() => c ? ie(t, s, a) : /* @__PURE__ */ new Set(), [
-		s,
+		f.schema.screens
+	]), P = z(() => l ? se(t, c, a) : /* @__PURE__ */ new Set(), [
+		c,
 		a,
 		t,
-		c
-	]), P = B(() => ae(t, s, a), [
-		s,
+		l
+	]), F = z(() => ce(t, c, a), [
+		c,
 		a,
 		t
-	]), F = B(() => {
+	]), I = z(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let n of p) {
+		for (let n of m) {
 			let i = r(t, n);
-			e.set(v(i), i);
+			e.set(y(i), i);
 		}
 		return e;
-	}, [p, t]), I = B(() => {
+	}, [m, t]), ne = z(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let n of p) {
+		for (let n of m) {
 			let i = n.$row_version;
-			typeof i == "string" && i !== "" && e.set(v(r(t, n)), i);
+			typeof i == "string" && i !== "" && e.set(y(r(t, n)), i);
 		}
 		return e;
-	}, [p, t]), L = B(() => ne(t.actions), [t.actions]), [z, U] = H(null), [te, K] = H(null), [re, q] = H([]), [J, Y] = H({}), se = V(J);
-	se.current = J;
-	let X = V({});
-	ee(() => {
+	}, [m, t]), R = z(() => ae(t.actions), [t.actions]), [H, ie] = V(null), [oe, G] = V(null), [ue, K] = V([]), [q, J] = V({}), Y = B(q);
+	Y.current = q;
+	let X = B({});
+	re(() => {
 		let e = X.current;
 		return () => {
 			for (let t of Object.values(e)) clearTimeout(t);
 		};
 	}, []);
-	let [Z, Q] = H(null), [fe, $] = H([]), [pe, me] = H(!1), { run: he } = D(), [ge, _e] = H(/* @__PURE__ */ new Set()), ve = R(async (t, n, r) => {
-		Y((e) => ({
+	let [Z, Q] = V(null), [he, $] = V([]), [ge, _e] = V(!1), { run: ve } = O(), [ye, be] = V(/* @__PURE__ */ new Set()), xe = L(async (t, n, r) => {
+		J((e) => ({
 			...e,
 			[t]: {
 				...e[t],
@@ -428,11 +430,11 @@ function X({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: s, e
 			}
 		}));
 		try {
-			let i = I.get(t), a = i ? {
+			let i = ne.get(t), a = i ? {
 				...n,
 				$row_version: i
 			} : n;
-			return await b(e, F.get(t) ?? t, a), Y((e) => {
+			return await x(e, I.get(t) ?? t, a), J((e) => {
 				let n = e[t];
 				if (!n) return e;
 				if (n.ver > r) return {
@@ -444,10 +446,10 @@ function X({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: s, e
 				};
 				let { [t]: i, ...a } = e;
 				return a;
-			}), S(), !0;
+			}), C(), !0;
 		} catch (e) {
-			let n = x(T, e);
-			return Y((e) => ({
+			let n = S(E, e);
+			return J((e) => ({
 				...e,
 				[t]: {
 					...e[t],
@@ -458,12 +460,12 @@ function X({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: s, e
 		}
 	}, [
 		e,
-		T,
-		S,
-		F,
-		I
-	]), ye = R((e, t, n) => {
-		Y((r) => {
+		E,
+		C,
+		I,
+		ne
+	]), Se = L((e, t, n) => {
+		J((r) => {
 			let i = r[e] ?? {
 				buffer: {},
 				ver: 0,
@@ -480,14 +482,14 @@ function X({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: s, e
 					ver: a
 				}
 			};
-		}), l === "inline_edit" && (X.current[e] && clearTimeout(X.current[e]), X.current[e] = setTimeout(() => {
-			let t = se.current[e];
-			t && Object.keys(t.buffer).length > 0 && ve(e, { ...t.buffer }, t.ver);
+		}), u === "inline_edit" && (X.current[e] && clearTimeout(X.current[e]), X.current[e] = setTimeout(() => {
+			let t = Y.current[e];
+			t && Object.keys(t.buffer).length > 0 && xe(e, { ...t.buffer }, t.ver);
 		}, 500));
-	}, [ve, l]), be = R(() => {
+	}, [xe, u]), Ce = L(() => {
 		let e = {};
 		e[a] = n;
-		for (let n of s) {
+		for (let n of c) {
 			let r = t.fields.get(n);
 			r && (r.default === void 0 ? r.type === "bool" && (e[n] = !1) : e[n] = r.default);
 		}
@@ -495,270 +497,270 @@ function X({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: s, e
 	}, [
 		a,
 		n,
-		s,
+		c,
 		t.fields
-	]), xe = V(C);
-	ee(() => {
-		C !== void 0 && C !== xe.current && (xe.current = C, !Z && be());
+	]), we = B(w);
+	re(() => {
+		w !== void 0 && w !== we.current && (we.current = w, !Z && Ce());
 	}, [
-		C,
+		w,
 		Z,
-		be
+		Ce
 	]);
-	let Se = R(async () => {
+	let Te = L(async () => {
 		if (!Z) return;
-		let n = oe(Z, s, t, a);
+		let n = le(Z, c, t, a);
 		if (n.length > 0) $(n);
 		else {
-			me(!0);
+			_e(!0);
 			try {
-				await g(e, Z), Q(null), $([]), S();
+				await _(e, Z), Q(null), $([]), C();
 			} catch (e) {
-				let t = x(T, e);
+				let t = S(E, e);
 				$([`_error:${t}`]);
 			} finally {
-				me(!1);
+				_e(!1);
 			}
 		}
 	}, [
 		Z,
-		s,
+		c,
 		t,
 		a,
 		e,
-		T,
-		S
-	]), Ce = R((e) => {
-		Y({}), q([]), K(e);
-	}, []), we = R(async (e) => {
-		let n = se.current[e], i = n?.buffer ?? {};
+		E,
+		C
+	]), Ee = L((e) => {
+		J({}), K([]), G(e);
+	}, []), De = L(async (e) => {
+		let n = Y.current[e], i = n?.buffer ?? {};
 		if (Object.keys(i).length === 0) {
-			K(null), q([]);
+			G(null), K([]);
 			return;
 		}
-		let o = oe({
-			...p.find((n) => v(r(t, n)) === e) ?? {},
+		let o = le({
+			...m.find((n) => y(r(t, n)) === e) ?? {},
 			...i
-		}, s, t, a);
-		o.length > 0 ? q(o) : await ve(e, { ...i }, n?.ver ?? 0) && (K(null), q([]));
+		}, c, t, a);
+		o.length > 0 ? K(o) : await xe(e, { ...i }, n?.ver ?? 0) && (G(null), K([]));
 	}, [
-		p,
+		m,
 		t,
-		s,
+		c,
 		a,
-		ve
-	]), Te = R((e) => {
-		Y((t) => {
+		xe
+	]), Oe = L((e) => {
+		J((t) => {
 			if (!t[e]) return t;
 			let { [e]: n, ...r } = t;
 			return r;
-		}), q([]), K(null);
-	}, []), Ee = R((n, r) => {
-		let i = F.get(n) ?? n;
-		return he({
+		}), K([]), G(null);
+	}, []), ke = L((n, r) => {
+		let i = I.get(n) ?? n;
+		return ve({
 			action: t.actions?.__delete,
 			destructive: !0,
-			title: w(t.display?.name) || w("record.action.delete", "Delete"),
+			title: T(t.display?.name) || T("record.action.delete", "Delete"),
 			row: r,
 			entity: e,
 			execute: async () => {
-				_e((e) => new Set(e).add(n));
+				be((e) => new Set(e).add(n));
 				try {
-					return await _(e, i);
+					return await v(e, i);
 				} finally {
-					_e((e) => {
+					be((e) => {
 						let t = new Set(e);
 						return t.delete(n), t;
 					});
 				}
 			},
-			onSuccess: () => S()
+			onSuccess: () => C()
 		});
 	}, [
-		w,
-		he,
+		T,
+		ve,
 		t,
 		e,
-		S,
-		F
+		C,
+		I
 	]);
-	if (y) return /* @__PURE__ */ W("div", {
+	if (b) return /* @__PURE__ */ U("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
 			padding: "8px 0"
 		},
-		children: T("record.related_rows_unreadable", "The related records could not be loaded.")
+		children: E("record.related_rows_unreadable", "The related records could not be loaded.")
 	});
-	if (h) return /* @__PURE__ */ G("div", {
+	if (g) return /* @__PURE__ */ W("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 8,
 			padding: "8px 0"
 		},
-		children: [/* @__PURE__ */ W("div", { style: {
+		children: [/* @__PURE__ */ U("div", { style: {
 			height: 32,
 			background: "var(--surface-3)",
 			borderRadius: "var(--radius-md)"
-		} }), /* @__PURE__ */ W("div", { style: {
+		} }), /* @__PURE__ */ U("div", { style: {
 			height: 32,
 			background: "var(--surface-3)",
 			borderRadius: "var(--radius-md)"
 		} })]
 	});
-	let De = p.length === 0 && !Z;
-	return E.isPhone && !O ? /* @__PURE__ */ G("div", { children: [De && /* @__PURE__ */ W("div", {
+	let Ae = m.length === 0 && !Z;
+	return D.isPhone && !A ? /* @__PURE__ */ W("div", { children: [Ae && /* @__PURE__ */ U("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: "12px 0"
 		},
-		children: w("record.related.empty", "No records yet.")
-	}), !De && /* @__PURE__ */ G("div", {
+		children: T("record.related.empty", "No records yet.")
+	}), !Ae && /* @__PURE__ */ W("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 10
 		},
-		children: [p.map((n) => {
-			let i = v(r(t, n)), a = ge.has(i), o = J[i], u = A && i ? A.replace(/:\w+/, i) : void 0;
-			return /* @__PURE__ */ W(ce, {
+		children: [m.map((n) => {
+			let i = y(r(t, n)), a = ye.has(i), o = q[i], d = N && i ? N.replace(/:\w+/, i) : void 0;
+			return /* @__PURE__ */ U(de, {
 				rowId: i,
 				row: n,
 				entity: t,
-				entities: d.schema.entities,
-				screens: d.schema.screens,
-				columns: s,
-				editableColumns: j,
-				editable: c,
-				interaction: l,
-				isEditing: te === i,
-				editErrors: re,
+				entities: f.schema.entities,
+				screens: f.schema.screens,
+				columns: c,
+				editableColumns: P,
+				editable: l && s(t, n, k.tenantId),
+				interaction: u,
+				isEditing: oe === i,
+				editErrors: ue,
 				isDeleting: a,
-				activeCell: z,
-				setActiveCell: U,
+				activeCell: H,
+				setActiveCell: ie,
 				rowState: o,
-				onCellChange: ye,
-				onDeleteClick: (e) => void Ee(e, n),
-				onStartEdit: Ce,
-				onConfirmEdit: we,
-				onCancelEdit: Te,
-				refs: m,
-				identityCol: k,
-				href: u,
-				rowActions: L,
+				onCellChange: Se,
+				onDeleteClick: (e) => void ke(e, n),
+				onStartEdit: Ee,
+				onConfirmEdit: De,
+				onCancelEdit: Oe,
+				refs: h,
+				identityCol: j,
+				href: d,
+				rowActions: R,
 				entityCode: e,
-				onRowActionSuccess: S
+				onRowActionSuccess: C
 			}, i);
-		}), Z && /* @__PURE__ */ W(de, {
+		}), Z && /* @__PURE__ */ U(me, {
 			draftRow: Z,
 			entity: t,
-			columns: s,
-			editableColumns: P,
+			columns: c,
+			editableColumns: F,
 			foreignKey: a,
-			draftErrors: fe,
-			draftSaving: pe,
+			draftErrors: he,
+			draftSaving: ge,
 			onChange: (e, t) => Q((n) => n && {
 				...n,
 				[e]: t
 			}),
-			onConfirm: Se,
+			onConfirm: Te,
 			onCancel: () => {
 				Q(null), $([]);
 			},
-			refs: m
+			refs: h
 		})]
-	})] }) : /* @__PURE__ */ G("div", { children: [De && /* @__PURE__ */ W("div", {
+	})] }) : /* @__PURE__ */ W("div", { children: [Ae && /* @__PURE__ */ U("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: "12px 0"
 		},
-		children: w("record.related.empty", "No records yet.")
-	}), !De && /* @__PURE__ */ W("div", {
+		children: T("record.related.empty", "No records yet.")
+	}), !Ae && /* @__PURE__ */ U("div", {
 		style: { overflowX: "auto" },
-		children: /* @__PURE__ */ G("table", {
-			style: N,
-			children: [/* @__PURE__ */ W("thead", { children: /* @__PURE__ */ G("tr", { children: [
-				s.map((e) => {
+		children: /* @__PURE__ */ W("table", {
+			style: te,
+			children: [/* @__PURE__ */ U("thead", { children: /* @__PURE__ */ W("tr", { children: [
+				c.map((e) => {
 					let n = t.fields.get(e);
-					return /* @__PURE__ */ W("th", {
-						style: M,
-						children: n ? i(w, n, e, d.schema.entities) : e
+					return /* @__PURE__ */ U("th", {
+						style: ee,
+						children: n ? i(T, n, e, f.schema.entities) : e
 					}, e);
 				}),
-				c && /* @__PURE__ */ W("th", { style: {
+				l && /* @__PURE__ */ U("th", { style: {
 					height: 30,
 					width: 72
 				} }),
-				!c && L.length > 0 && /* @__PURE__ */ W("th", { style: {
+				!l && R.length > 0 && /* @__PURE__ */ U("th", { style: {
 					height: 30,
 					width: 40
 				} })
-			] }) }), /* @__PURE__ */ G("tbody", { children: [p.map((n) => {
-				let i = v(r(t, n)), a = ge.has(i), o = J[i], u = A && i ? A.replace(/:\w+/, i) : void 0;
-				return /* @__PURE__ */ W(le, {
+			] }) }), /* @__PURE__ */ W("tbody", { children: [m.map((n) => {
+				let i = y(r(t, n)), a = ye.has(i), o = q[i], d = N && i ? N.replace(/:\w+/, i) : void 0;
+				return /* @__PURE__ */ U(fe, {
 					rowId: i,
 					row: n,
 					entity: t,
-					entities: d.schema.entities,
-					screens: d.schema.screens,
-					columns: s,
-					editableColumns: j,
-					editable: c,
-					interaction: l,
-					isEditing: te === i,
-					editErrors: re,
+					entities: f.schema.entities,
+					screens: f.schema.screens,
+					columns: c,
+					editableColumns: P,
+					editable: l && s(t, n, k.tenantId),
+					interaction: u,
+					isEditing: oe === i,
+					editErrors: ue,
 					isDeleting: a,
-					activeCell: z,
-					setActiveCell: U,
+					activeCell: H,
+					setActiveCell: ie,
 					rowState: o,
-					onCellChange: ye,
-					onDeleteClick: (e) => void Ee(e, n),
-					onStartEdit: Ce,
-					onConfirmEdit: we,
-					onCancelEdit: Te,
-					refs: m,
-					identityCol: k,
-					href: u,
-					rowActions: L,
+					onCellChange: Se,
+					onDeleteClick: (e) => void ke(e, n),
+					onStartEdit: Ee,
+					onConfirmEdit: De,
+					onCancelEdit: Oe,
+					refs: h,
+					identityCol: j,
+					href: d,
+					rowActions: R,
 					entityCode: e,
-					onRowActionSuccess: S
+					onRowActionSuccess: C
 				}, i);
-			}), Z && /* @__PURE__ */ W(ue, {
+			}), Z && /* @__PURE__ */ U(pe, {
 				draftRow: Z,
 				entity: t,
-				columns: s,
-				editableColumns: P,
+				columns: c,
+				editableColumns: F,
 				foreignKey: a,
-				draftErrors: fe,
-				draftSaving: pe,
+				draftErrors: he,
+				draftSaving: ge,
 				onChange: (e, t) => Q((n) => n && {
 					...n,
 					[e]: t
 				}),
-				onConfirm: Se,
+				onConfirm: Te,
 				onCancel: () => {
 					Q(null), $([]);
 				},
-				refs: m
+				refs: h
 			})] })]
 		})
 	})] });
 }
-function ce({ rowId: e, row: n, entity: r, entities: a, screens: o, columns: c, editableColumns: d, editable: f, interaction: m, isEditing: h, editErrors: g, isDeleting: _, rowState: v, onCellChange: y, onDeleteClick: b, onStartEdit: x, onConfirmEdit: S, onCancelEdit: C, refs: w, identityCol: T, href: E, rowActions: D, onRowActionSuccess: k }) {
-	let A = u(), j = z(), M = B(() => !v || Object.keys(v.buffer).length === 0 ? n : {
+function de({ rowId: e, row: n, entity: r, entities: a, screens: o, columns: s, editableColumns: l, editable: f, interaction: p, isEditing: h, editErrors: g, isDeleting: _, rowState: v, onCellChange: y, onDeleteClick: b, onStartEdit: x, onConfirmEdit: S, onCancelEdit: C, refs: w, identityCol: T, href: E, rowActions: D, onRowActionSuccess: O }) {
+	let A = d(), j = R(), M = z(() => !v || Object.keys(v.buffer).length === 0 ? n : {
 		...n,
 		...v.buffer
 	}, [n, v]);
-	if (m === "row_edit" && h) {
+	if (p === "row_edit" && h) {
 		let t = v?.error ? [...g, `_error:${v.error}`] : g;
-		return /* @__PURE__ */ W(Q, {
+		return /* @__PURE__ */ U(Z, {
 			values: M,
 			entity: r,
-			columns: c,
-			editableColumns: d,
+			columns: s,
+			editableColumns: l,
 			errors: t,
 			saving: v?.saving ?? !1,
 			onChange: (t, n) => y(e, t, n),
@@ -767,7 +769,7 @@ function ce({ rowId: e, row: n, entity: r, entities: a, screens: o, columns: c,
 			refs: w
 		});
 	}
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ W("div", {
 		style: {
 			border: "1px solid var(--border)",
 			borderRadius: "var(--radius-md)",
@@ -775,19 +777,19 @@ function ce({ rowId: e, row: n, entity: r, entities: a, screens: o, columns: c,
 			opacity: _ ? .58 : 1,
 			overflow: "hidden"
 		},
-		children: [/* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ U("div", {
 			style: {
 				padding: 10,
 				display: "flex",
 				flexDirection: "column",
 				gap: 12
 			},
-			children: c.map((n) => {
-				let s = r.fields.get(n), c = f && m === "inline_edit" && d.has(n), l = E && n === T, u = s ? i(A, s, n, a) : n, p = `${j}-${e}-${n}`, h = `${p}-label`, g = {
+			children: s.map((n) => {
+				let s = r.fields.get(n), c = f && p === "inline_edit" && l.has(n), u = E && n === T, d = s ? i(A, s, n, a) : n, m = `${j}-${e}-${n}`, h = `${m}-label`, g = {
 					fontSize: 11.5,
 					fontWeight: 600,
 					color: "var(--text-3)"
-				}, _ = s ? O({
+				}, _ = s ? k({
 					field: s,
 					fieldName: n,
 					value: M[n],
@@ -798,30 +800,30 @@ function ce({ rowId: e, row: n, entity: r, entities: a, screens: o, columns: c,
 					compact: c,
 					entity: r,
 					entities: a,
-					screens: l ? void 0 : o,
-					fieldId: p,
+					screens: u ? void 0 : o,
+					fieldId: m,
 					labelId: h,
 					t: A
 				}) : t(M[n]);
-				return /* @__PURE__ */ G("div", {
+				return /* @__PURE__ */ W("div", {
 					style: {
 						display: "flex",
 						flexDirection: "column",
 						gap: 5,
 						minWidth: 0
 					},
-					children: [c && s ? /* @__PURE__ */ W("label", {
+					children: [c && s ? /* @__PURE__ */ U("label", {
 						id: h,
-						htmlFor: p,
+						htmlFor: m,
 						style: g,
-						children: u
-					}) : /* @__PURE__ */ W("div", {
+						children: d
+					}) : /* @__PURE__ */ U("div", {
 						id: h,
 						style: g,
-						children: u
-					}), /* @__PURE__ */ W("div", {
+						children: d
+					}), /* @__PURE__ */ U("div", {
 						style: { minWidth: 0 },
-						children: l && !c ? /* @__PURE__ */ W("a", {
+						children: u && !c ? /* @__PURE__ */ U("a", {
 							href: E,
 							style: {
 								color: "var(--accent-text)",
@@ -833,7 +835,7 @@ function ce({ rowId: e, row: n, entity: r, entities: a, screens: o, columns: c,
 					})]
 				}, n);
 			})
-		}), (f || D && D.length > 0) && /* @__PURE__ */ G("div", {
+		}), (f || D && D.length > 0) && /* @__PURE__ */ W("div", {
 			style: {
 				minHeight: 42,
 				padding: "6px 8px",
@@ -843,9 +845,9 @@ function ce({ rowId: e, row: n, entity: r, entities: a, screens: o, columns: c,
 				justifyContent: "flex-end",
 				gap: 6
 			},
-			children: [f && /* @__PURE__ */ G(te, { children: [
-				v?.saving && /* @__PURE__ */ W(p, { size: 12 }),
-				v?.error && /* @__PURE__ */ W("span", {
+			children: [f && /* @__PURE__ */ W(ie, { children: [
+				v?.saving && /* @__PURE__ */ U(m, { size: 12 }),
+				v?.error && /* @__PURE__ */ U("span", {
 					style: {
 						fontSize: 11,
 						color: "var(--danger)"
@@ -853,40 +855,40 @@ function ce({ rowId: e, row: n, entity: r, entities: a, screens: o, columns: c,
 					title: v.error,
 					children: "!"
 				}),
-				m === "row_edit" && /* @__PURE__ */ W(l, {
+				p === "row_edit" && /* @__PURE__ */ U(u, {
 					size: 32,
-					icon: /* @__PURE__ */ W(s.edit, { size: 14 }),
+					icon: /* @__PURE__ */ U(c.edit, { size: 14 }),
 					onClick: () => x(e),
 					title: A("record.row.edit", "Edit row")
 				}),
-				/* @__PURE__ */ W(l, {
+				/* @__PURE__ */ U(u, {
 					size: 32,
-					icon: /* @__PURE__ */ W(s.trash, { size: 14 }),
+					icon: /* @__PURE__ */ U(c.trash, { size: 14 }),
 					onClick: () => b(e),
 					title: A("record.row.delete", "Delete row")
 				})
-			] }), !f && D && D.length > 0 && /* @__PURE__ */ W(I, {
+			] }), !f && D && D.length > 0 && /* @__PURE__ */ U(I, {
 				entity: r,
 				actions: D,
 				objectIds: [e],
 				row: M,
-				onSuccess: k
+				onSuccess: O
 			})]
 		})]
 	});
 }
-function le({ rowId: e, row: n, entity: r, entities: i, screens: a, columns: o, editableColumns: c, editable: d, interaction: f, isEditing: m, editErrors: h, isDeleting: g, activeCell: _, setActiveCell: v, rowState: y, onCellChange: b, onDeleteClick: x, onStartEdit: S, onConfirmEdit: C, onCancelEdit: w, refs: T, identityCol: E, href: D, rowActions: k, onRowActionSuccess: A }) {
-	let M = u(), N = B(() => !y || Object.keys(y.buffer).length === 0 ? n : {
+function fe({ rowId: e, row: n, entity: r, entities: i, screens: a, columns: o, editableColumns: s, editable: l, interaction: f, isEditing: p, editErrors: h, isDeleting: g, activeCell: _, setActiveCell: v, rowState: y, onCellChange: b, onDeleteClick: x, onStartEdit: S, onConfirmEdit: C, onCancelEdit: w, refs: T, identityCol: E, href: D, rowActions: O, onRowActionSuccess: A }) {
+	let j = d(), M = z(() => !y || Object.keys(y.buffer).length === 0 ? n : {
 		...n,
 		...y.buffer
 	}, [n, y]);
-	if (f === "row_edit" && m) {
+	if (f === "row_edit" && p) {
 		let t = y?.error ? [...h, `_error:${y.error}`] : h;
-		return /* @__PURE__ */ W(Z, {
-			values: N,
+		return /* @__PURE__ */ U(X, {
+			values: M,
 			entity: r,
 			columns: o,
-			editableColumns: c,
+			editableColumns: s,
 			errors: t,
 			saving: y?.saving ?? !1,
 			onChange: (t, n) => b(e, t, n),
@@ -895,52 +897,52 @@ function le({ rowId: e, row: n, entity: r, entities: i, screens: a, columns: o,
 			refs: T
 		});
 	}
-	let P = j, F = {
+	let ee = N, te = {
 		padding: "4px 4px",
 		borderBottom: "1px solid var(--divider)",
 		verticalAlign: "middle"
-	}, L = f === "inline_edit";
-	return /* @__PURE__ */ G("tr", {
+	}, P = f === "inline_edit";
+	return /* @__PURE__ */ W("tr", {
 		style: { opacity: g ? .5 : 1 },
 		children: [
 			o.map((n) => {
-				let o = r.fields.get(n), s = c.has(n);
-				if (L && _?.rowId === e && _?.col === n && s) return /* @__PURE__ */ W("td", {
-					style: F,
-					children: o ? O({
+				let o = r.fields.get(n), c = s.has(n);
+				if (P && _?.rowId === e && _?.col === n && c) return /* @__PURE__ */ U("td", {
+					style: te,
+					children: o ? k({
 						field: o,
 						fieldName: n,
-						value: N[n],
+						value: M[n],
 						mode: "edit",
 						onChange: (t) => b(e, n, t),
-						record: N,
+						record: M,
 						refs: T,
 						compact: !0,
-						t: M
-					}) : t(N[n])
+						t: j
+					}) : t(M[n])
 				}, n);
-				let l = D && n === E, u = o ? O({
+				let l = D && n === E, u = o ? k({
 					field: o,
 					fieldName: n,
-					value: N[n],
+					value: M[n],
 					mode: "display",
-					record: N,
+					record: M,
 					refs: T,
 					entity: r,
 					entities: i,
 					screens: l ? void 0 : a,
-					t: M
-				}) : t(N[n]), d = L && s && !g;
-				return /* @__PURE__ */ W("td", {
+					t: j
+				}) : t(M[n]), d = P && c && !g;
+				return /* @__PURE__ */ U("td", {
 					style: {
-						...P,
+						...ee,
 						cursor: d ? "pointer" : "default"
 					},
 					onClick: d ? () => v({
 						rowId: e,
 						col: n
 					}) : void 0,
-					children: l ? /* @__PURE__ */ W("a", {
+					children: l ? /* @__PURE__ */ U("a", {
 						href: D,
 						style: {
 							color: "var(--accent-text)",
@@ -953,21 +955,21 @@ function le({ rowId: e, row: n, entity: r, entities: i, screens: a, columns: o,
 					}) : u
 				}, n);
 			}),
-			d && /* @__PURE__ */ W("td", {
+			l && /* @__PURE__ */ U("td", {
 				style: {
 					padding: "4px 8px",
 					borderBottom: "1px solid var(--divider)",
 					verticalAlign: "middle"
 				},
-				children: /* @__PURE__ */ G("div", {
+				children: /* @__PURE__ */ W("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
 						gap: 4
 					},
 					children: [
-						y?.saving && /* @__PURE__ */ W(p, { size: 12 }),
-						y?.error && /* @__PURE__ */ W("span", {
+						y?.saving && /* @__PURE__ */ U(m, { size: 12 }),
+						y?.error && /* @__PURE__ */ U("span", {
 							style: {
 								fontSize: 11,
 								color: "var(--danger)"
@@ -975,40 +977,40 @@ function le({ rowId: e, row: n, entity: r, entities: i, screens: a, columns: o,
 							title: y.error,
 							children: "!"
 						}),
-						f === "row_edit" && /* @__PURE__ */ W(l, {
+						f === "row_edit" && /* @__PURE__ */ U(u, {
 							size: 24,
-							icon: /* @__PURE__ */ W(s.edit, { size: 12 }),
+							icon: /* @__PURE__ */ U(c.edit, { size: 12 }),
 							onClick: () => S(e),
-							title: M("record.row.edit", "Edit row")
+							title: j("record.row.edit", "Edit row")
 						}),
-						/* @__PURE__ */ W(l, {
+						/* @__PURE__ */ U(u, {
 							size: 24,
-							icon: /* @__PURE__ */ W(s.trash, { size: 12 }),
+							icon: /* @__PURE__ */ U(c.trash, { size: 12 }),
 							onClick: () => x(e),
-							title: M("record.row.delete", "Delete row")
+							title: j("record.row.delete", "Delete row")
 						})
 					]
 				})
 			}),
-			!d && k && k.length > 0 && /* @__PURE__ */ W("td", {
+			!l && O && O.length > 0 && /* @__PURE__ */ U("td", {
 				style: {
 					padding: "4px 8px",
 					borderBottom: "1px solid var(--divider)",
 					verticalAlign: "middle"
 				},
-				children: /* @__PURE__ */ W(I, {
+				children: /* @__PURE__ */ U(I, {
 					entity: r,
-					actions: k,
+					actions: O,
 					objectIds: [e],
-					row: N,
+					row: M,
 					onSuccess: A
 				})
 			})
 		]
 	});
 }
-function Z({ values: e, entity: n, columns: r, editableColumns: i, errors: a, saving: o, onChange: c, onConfirm: d, onCancel: f, refs: m, accent: h }) {
-	let g = u(), _ = a.find((e) => e.startsWith("_error:")), v = new Set(a.filter((e) => !e.startsWith("_error:"))), y = {
+function X({ values: e, entity: n, columns: r, editableColumns: i, errors: a, saving: o, onChange: s, onConfirm: l, onCancel: f, refs: p, accent: h }) {
+	let g = d(), _ = a.find((e) => e.startsWith("_error:")), v = new Set(a.filter((e) => !e.startsWith("_error:"))), y = {
 		padding: "6px 12px",
 		borderBottom: "1px solid var(--divider)",
 		verticalAlign: "middle",
@@ -1020,44 +1022,44 @@ function Z({ values: e, entity: n, columns: r, editableColumns: i, errors: a, sa
 		maxWidth: "100%",
 		minWidth: 0
 	};
-	return /* @__PURE__ */ G("tr", {
+	return /* @__PURE__ */ W("tr", {
 		style: h ? { boxShadow: "inset 3px 0 0 var(--accent)" } : void 0,
 		onKeyDown: (e) => {
-			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), d()) : e.key === "Escape" && (e.preventDefault(), f());
+			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), l()) : e.key === "Escape" && (e.preventDefault(), f());
 		},
 		children: [r.map((r) => {
-			let a = n.fields.get(r), o = i.has(r), s = v.has(r);
-			return o ? /* @__PURE__ */ W("td", {
+			let a = n.fields.get(r), o = i.has(r), c = v.has(r);
+			return o ? /* @__PURE__ */ U("td", {
 				style: {
 					...y,
-					outline: s ? "1px solid var(--danger)" : "none",
+					outline: c ? "1px solid var(--danger)" : "none",
 					outlineOffset: -1
 				},
-				title: s ? g("record.row.field_required", "{field} is required", { field: r }) : void 0,
-				children: /* @__PURE__ */ W("div", {
+				title: c ? g("record.row.field_required", "{field} is required", { field: r }) : void 0,
+				children: /* @__PURE__ */ U("div", {
 					style: b,
-					children: a ? O({
+					children: a ? k({
 						field: a,
 						fieldName: r,
 						value: e[r],
 						mode: "edit",
-						onChange: (e) => c(r, e),
+						onChange: (e) => s(r, e),
 						record: e,
-						refs: m,
+						refs: p,
 						compact: !0,
 						t: g
 					}) : t(e[r])
 				})
-			}, r) : /* @__PURE__ */ W("td", {
+			}, r) : /* @__PURE__ */ U("td", {
 				style: {
 					...y,
 					color: "var(--text-3)"
 				},
 				children: a?.auto ? "—" : t(e[r])
 			}, r);
-		}), /* @__PURE__ */ W("td", {
+		}), /* @__PURE__ */ U("td", {
 			style: y,
-			children: /* @__PURE__ */ G("div", {
+			children: /* @__PURE__ */ W("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -1065,7 +1067,7 @@ function Z({ values: e, entity: n, columns: r, editableColumns: i, errors: a, sa
 					justifyContent: "flex-end"
 				},
 				children: [
-					_ && /* @__PURE__ */ W("span", {
+					_ && /* @__PURE__ */ U("span", {
 						style: {
 							fontSize: 11,
 							color: "var(--danger)"
@@ -1073,15 +1075,15 @@ function Z({ values: e, entity: n, columns: r, editableColumns: i, errors: a, sa
 						title: _.slice(7),
 						children: "!"
 					}),
-					/* @__PURE__ */ W(l, {
+					/* @__PURE__ */ U(u, {
 						size: 24,
-						icon: W(o ? p : s.check, { size: 12 }),
-						onClick: d,
+						icon: U(o ? m : c.check, { size: 12 }),
+						onClick: l,
 						title: g("record.row.confirm", "Confirm (Enter)")
 					}),
-					/* @__PURE__ */ W(l, {
+					/* @__PURE__ */ U(u, {
 						size: 24,
-						icon: /* @__PURE__ */ W(s.x, { size: 12 }),
+						icon: /* @__PURE__ */ U(c.x, { size: 12 }),
 						onClick: f,
 						title: g("record.row.cancel", "Cancel (Esc)")
 					})
@@ -1090,9 +1092,9 @@ function Z({ values: e, entity: n, columns: r, editableColumns: i, errors: a, sa
 		})]
 	});
 }
-function Q({ values: e, entity: n, columns: r, editableColumns: a, errors: o, saving: c, onChange: d, onConfirm: f, onCancel: m, refs: h, accent: g }) {
-	let _ = u(), v = z(), y = o.find((e) => e.startsWith("_error:")), b = new Set(o.filter((e) => !e.startsWith("_error:")));
-	return /* @__PURE__ */ G("div", {
+function Z({ values: e, entity: n, columns: r, editableColumns: a, errors: o, saving: s, onChange: l, onConfirm: f, onCancel: p, refs: h, accent: g }) {
+	let _ = d(), v = R(), y = o.find((e) => e.startsWith("_error:")), b = new Set(o.filter((e) => !e.startsWith("_error:")));
+	return /* @__PURE__ */ W("div", {
 		style: {
 			border: "1px solid var(--border)",
 			borderRadius: "var(--radius-md)",
@@ -1101,9 +1103,9 @@ function Q({ values: e, entity: n, columns: r, editableColumns: a, errors: o, sa
 			boxShadow: g ? "inset 3px 0 0 var(--accent)" : void 0
 		},
 		onKeyDown: (e) => {
-			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), f()) : e.key === "Escape" && (e.preventDefault(), m());
+			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), f()) : e.key === "Escape" && (e.preventDefault(), p());
 		},
-		children: [/* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ U("div", {
 			style: {
 				padding: 10,
 				display: "flex",
@@ -1111,28 +1113,28 @@ function Q({ values: e, entity: n, columns: r, editableColumns: a, errors: o, sa
 				gap: 12
 			},
 			children: r.map((r) => {
-				let o = n.fields.get(r), s = a.has(r), c = b.has(r), l = o ? i(_, o, r) : r, u = `${v}-${r}`, f = `${u}-label`, p = {
+				let o = n.fields.get(r), s = a.has(r), c = b.has(r), u = o ? i(_, o, r) : r, d = `${v}-${r}`, f = `${d}-label`, p = {
 					fontSize: 11.5,
 					fontWeight: 600,
 					color: "var(--text-3)"
 				};
-				return /* @__PURE__ */ G("div", {
+				return /* @__PURE__ */ W("div", {
 					style: {
 						display: "flex",
 						flexDirection: "column",
 						gap: 5,
 						minWidth: 0
 					},
-					children: [s && o ? /* @__PURE__ */ W("label", {
+					children: [s && o ? /* @__PURE__ */ U("label", {
 						id: f,
-						htmlFor: u,
+						htmlFor: d,
 						style: p,
-						children: l
-					}) : /* @__PURE__ */ W("div", {
+						children: u
+					}) : /* @__PURE__ */ U("div", {
 						id: f,
 						style: p,
-						children: l
-					}), /* @__PURE__ */ W("div", {
+						children: u
+					}), /* @__PURE__ */ U("div", {
 						style: {
 							minWidth: 0,
 							outline: c ? "1px solid var(--danger)" : "none",
@@ -1140,23 +1142,23 @@ function Q({ values: e, entity: n, columns: r, editableColumns: a, errors: o, sa
 							borderRadius: c ? "var(--radius-sm)" : 0
 						},
 						title: c ? _("record.row.field_required", "{field} is required", { field: r }) : void 0,
-						children: s ? o ? O({
+						children: s ? o ? k({
 							field: o,
 							fieldName: r,
 							value: e[r],
 							mode: "edit",
-							onChange: (e) => d(r, e),
+							onChange: (e) => l(r, e),
 							record: e,
 							refs: h,
 							compact: !0,
-							fieldId: u,
+							fieldId: d,
 							labelId: f,
 							t: _
 						}) : t(e[r]) : o?.auto ? "—" : t(e[r])
 					})]
 				}, r);
 			})
-		}), /* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ W("div", {
 			style: {
 				minHeight: 42,
 				padding: "6px 8px",
@@ -1167,7 +1169,7 @@ function Q({ values: e, entity: n, columns: r, editableColumns: a, errors: o, sa
 				gap: 6
 			},
 			children: [
-				y && /* @__PURE__ */ W("span", {
+				y && /* @__PURE__ */ U("span", {
 					style: {
 						fontSize: 11,
 						color: "var(--danger)"
@@ -1175,28 +1177,28 @@ function Q({ values: e, entity: n, columns: r, editableColumns: a, errors: o, sa
 					title: y.slice(7),
 					children: "!"
 				}),
-				/* @__PURE__ */ W(l, {
+				/* @__PURE__ */ U(u, {
 					size: 32,
-					icon: W(c ? p : s.check, { size: 14 }),
+					icon: U(s ? m : c.check, { size: 14 }),
 					onClick: f,
 					title: _("record.row.confirm", "Confirm (Enter)")
 				}),
-				/* @__PURE__ */ W(l, {
+				/* @__PURE__ */ U(u, {
 					size: 32,
-					icon: /* @__PURE__ */ W(s.x, { size: 14 }),
-					onClick: m,
+					icon: /* @__PURE__ */ U(c.x, { size: 14 }),
+					onClick: p,
 					title: _("record.row.cancel", "Cancel (Esc)")
 				})
 			]
 		})]
 	});
 }
-function ue({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey: i, draftErrors: a, draftSaving: o, onChange: s, onConfirm: c, onCancel: l, refs: u }) {
-	let d = B(() => {
+function pe({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey: i, draftErrors: a, draftSaving: o, onChange: s, onConfirm: c, onCancel: l, refs: u }) {
+	let d = z(() => {
 		let e = new Set(r);
 		return e.delete(i), e;
 	}, [r, i]);
-	return /* @__PURE__ */ W(Z, {
+	return /* @__PURE__ */ U(X, {
 		values: e,
 		entity: t,
 		columns: n,
@@ -1210,12 +1212,12 @@ function ue({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey
 		accent: !0
 	});
 }
-function de({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey: i, draftErrors: a, draftSaving: o, onChange: s, onConfirm: c, onCancel: l, refs: u }) {
-	let d = B(() => {
+function me({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey: i, draftErrors: a, draftSaving: o, onChange: s, onConfirm: c, onCancel: l, refs: u }) {
+	let d = z(() => {
 		let e = new Set(r);
 		return e.delete(i), e;
 	}, [r, i]);
-	return /* @__PURE__ */ W(Q, {
+	return /* @__PURE__ */ U(Z, {
 		values: e,
 		entity: t,
 		columns: n,
@@ -1230,4 +1232,4 @@ function de({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey
 	});
 }
 //#endregion
-export { q as AssociatedBlock, ae as associatedDraftEditableColumns, ie as associatedEditableColumns, oe as findMissingRequiredAssociatedFields, re as resolveAssociatedForeignKey, ne as resolveAssociatedRowActions, K as resolveAssociatedToolbarActions };
+export { ue as AssociatedBlock, ce as associatedDraftEditableColumns, se as associatedEditableColumns, le as findMissingRequiredAssociatedFields, G as resolveAssociatedForeignKey, ae as resolveAssociatedRowActions, oe as resolveAssociatedToolbarActions };