@declarion/react 0.87.0 → 0.88.0

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

@@ -1,32 +1,32 @@
 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, 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 { entityAllowsMutation as n, extractPkValues as r, fieldDisplayName as i, getPrimaryKeyFields as a, isUserEditableField as o, resolveDetailRoute as s, rowSetInTenant as c } from "../../types/schema.js";
+import { buildActionBody as l, createEntity as u, deleteObject as d, encodeObjectId as f, executeAction as p, updateEntity as m } from "../../api/data.js";
+import { failureTitle as h } from "../../lib/failure.js";
+import { Icon as g } from "../primitives/Icons.js";
+import { Btn as _ } from "../primitives/Btn.js";
+import { IconBtn as v } from "../primitives/IconBtn.js";
+import { useText as y } from "../../hooks/useText.js";
+import { SectionCard as b } from "../primitives/SectionCard.js";
+import { useResponsiveMode as x } from "../../hooks/useResponsiveMode.js";
+import { Spinner as S } from "../primitives/Spinner.js";
+import { DynamicIcon as C } from "../shared/DynamicIcon.js";
+import { useTabNavigate as w } from "../../hooks/useTabNavigate.js";
+import { applyRowState as T, defaultFlatForSlot as E } from "../../lib/actions.js";
+import { ENTITY_CHILDREN_KEY as D, useChildrenData as O } from "../../hooks/useChildrenData.js";
+import { useActionRunner as k } from "../actions/ActionRunner.js";
+import { renderField as A } from "../fields/index.js";
+import { dispatchAction as j } from "../../lib/action-dispatch.js";
+import { ResponsiveActionBar as M } from "../actions/ResponsiveActionBar.js";
+import { useRowTenant as ee } from "../../hooks/useRowTenant.js";
+import { dataTableCellStyle as N, dataTableHeadCellStyle as te, dataTableStyle as P } from "../primitives/dataTableStyles.js";
+import { ActionButton as ne } from "../actions/ActionButton.js";
 import { useAssociatedData as F } from "../../hooks/useAssociatedData.js";
 import { RowActionsKebab as I } from "../actions/RowActionsKebab.js";
-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";
+import { AssociatedToolbar as L } from "./AssociatedToolbar.js";
+import { useCallback as R, useEffect as re, 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 ie, jsx as W, jsxs as G } from "react/jsx-runtime";
 //#region src/components/detail-layout/AssociatedBlock.tsx
 function ae(e) {
 	if (!e) return [];
@@ -37,7 +37,7 @@ function ae(e) {
 	}));
 	return t;
 }
-function oe(t, n, r) {
+function K(t, n, r) {
 	if (!t) return [];
 	let i = [];
 	for (let [a, o] of Object.entries(t)) {
@@ -63,7 +63,7 @@ function oe(t, n, r) {
 	}
 	return i;
 }
-function G(e, t, n) {
+function oe(e, t, n) {
 	let r = e[n];
 	if (!r) return null;
 	let i = e[t], a = i?.children?.find((e) => e.entity === n);
@@ -85,12 +85,18 @@ function G(e, t, n) {
 	}
 	return null;
 }
+function q(e, t, n, r, i) {
+	let o = e.fields.get(t)?.ref?.field;
+	if (!o || a(n).includes(o)) return i;
+	let s = r[o];
+	return typeof s == "string" || typeof s == "number" ? String(s) : "";
+}
 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;
 		let i = e.fields.get(t);
-		return !(!i || i.auto || i.primary || i.source);
+		return i ? o(i) : !1;
 	}));
 }
 function ce(e, t, n) {
@@ -110,19 +116,19 @@ function le(e, t, n, r) {
 	}
 	return i;
 }
-function ue({ node: e, ctx: t }) {
-	let n = d("errors"), r = e.associated;
+function J({ node: e, ctx: t }) {
+	let n = y("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 ?? G(t.schema.entities, t.entityCode, r);
-	return a ? /* @__PURE__ */ U(K, {
+	let a = e.foreign_key ?? oe(t.schema.entities, t.entityCode, r);
+	return a ? /* @__PURE__ */ W(Y, {
 		node: e,
 		ctx: t,
 		assocCode: r,
 		assocEntity: i,
 		fkField: a
-	}) : /* @__PURE__ */ W("div", {
+	}) : /* @__PURE__ */ G("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -137,28 +143,28 @@ function ue({ node: e, ctx: t }) {
 		]
 	});
 }
-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) => {
+function Y({ node: e, ctx: t, assocCode: r, assocEntity: i, fkField: a }) {
+	let o = y(), s = y("errors"), c = 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"), 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), [
+	}), u = n(i, "update"), d = ee(i), f = e.interaction ?? "navigate", m = (f === "inline_edit" || f === "row_edit") && u && e.editable !== !1, h = o(i.display?.name_plural) || o(i.display?.name) || r, v = e.searchable === !0 || e.filters && e.filters.length > 0, x = q(i, a, t.entity, t.record, t.recordId), S = B(() => K(i.actions, a, x), [
 		i.actions,
 		a,
-		t.recordId
-	]), E = z(() => {
+		x
+	]), D = B(() => {
 		let e = {};
 		for (let { code: t, action: n } of S) e[t] = n;
 		return e;
-	}, [S]), D = z(() => {
+	}, [S]), O = B(() => {
 		let e = i.action_layout ?? null;
-		return w(o, e ?? T(E, "list_toolbar"), E, void 0, {}, [], m);
+		return T(o, e ?? E(D, "list_toolbar"), D, void 0, {}, [], d);
 	}, [
 		o,
 		i.action_layout,
-		E,
-		m
-	]), { run: k } = O(), N = C(), ee = z(() => ({
+		D,
+		d
+	]), { run: A } = k(), N = w(), te = B(() => ({
 		entity: i,
 		entityCode: r,
 		screenRoute: typeof window < "u" ? window.location.pathname : "",
@@ -170,34 +176,34 @@ function K({ node: e, ctx: t, assocCode: r, assocEntity: i, fkField: a }) {
 			icon: t?.icon,
 			search: t?.search
 		}),
-		runActionApi: (e, t) => b(e, t)
+		runActionApi: (e, t) => p(e, t)
 	}), [
 		i,
 		r,
 		o,
 		N
-	]), te = H(), F = L(() => {
-		te.invalidateQueries({ predicate: (e) => {
+	]), P = U(), F = R(() => {
+		P.invalidateQueries({ predicate: (e) => {
 			let t = e.queryKey;
 			return t[0] === "entity-children" && t[3] === r;
 		} });
-	}, [te, r]), I = L((e, t) => {
-		let n = A(s, e, t, {}, r);
-		if (n !== null) return k({
+	}, [P, r]), I = R((e, t) => {
+		let n = j(s, e, t, {}, r);
+		if (n !== null) return A({
 			action: t,
 			title: o(t.display?.name) || e,
 			execute: async (e) => {
-				let t = await b(n, g(e, void 0));
+				let t = await p(n, l(e, void 0));
 				return F(), t;
 			}
 		});
 	}, [
 		o,
 		s,
-		k,
+		A,
 		r,
 		F
-	]), [ne, re] = V(0), R = /* @__PURE__ */ W("div", {
+	]), [L, re] = H(0), z = /* @__PURE__ */ G("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -206,75 +212,75 @@ function K({ node: e, ctx: t, assocCode: r, assocEntity: i, fkField: a }) {
 			minWidth: 0,
 			justifyContent: "flex-end"
 		},
-		children: [i.action_layout ? D.length > 0 && /* @__PURE__ */ U(j, {
+		children: [i.action_layout ? O.length > 0 && /* @__PURE__ */ W(M, {
 			kind: "toolbar",
-			layout: D,
-			entityActions: E,
+			layout: O,
+			entityActions: D,
 			onRun: I,
-			widgetContext: ee,
-			ariaLabel: o("record.associated.toolbar_actions", "{name} toolbar actions", { name: y })
-		}) : S.map(({ code: e, action: t }) => /* @__PURE__ */ U(P, {
+			widgetContext: te,
+			ariaLabel: o("record.associated.toolbar_actions", "{name} toolbar actions", { name: h })
+		}) : S.map(({ code: e, action: t }) => /* @__PURE__ */ W(ne, {
 			actionCode: e,
 			action: t,
 			entityCode: r,
 			variant: "ghost",
 			size: "sm",
 			onSuccess: F
-		}, e)), v && /* @__PURE__ */ U(l, {
+		}, e)), m && /* @__PURE__ */ W(_, {
 			kind: "ghost",
 			size: "xs",
-			icon: /* @__PURE__ */ U(c.plus, { size: 12 }),
+			icon: /* @__PURE__ */ W(g.plus, { size: 12 }),
 			onClick: () => re((e) => e + 1),
 			children: o("record.row.add", "Add row")
 		})]
-	}), B = x ? /* @__PURE__ */ U(J, {
+	}), V = v ? /* @__PURE__ */ W(X, {
 		entityCode: r,
 		entity: i,
 		parentEntity: t.entityCode,
-		parentId: t.recordId,
+		parentId: x,
 		foreignKey: a,
-		columns: u,
-		editable: v,
-		interaction: _,
+		columns: c,
+		editable: m,
+		interaction: f,
 		ctx: t,
 		searchable: e.searchable,
 		filterFields: e.filters,
 		sort: e.sort,
-		startDraftSignal: ne
-	}) : /* @__PURE__ */ U(q, {
+		startDraftSignal: L
+	}) : /* @__PURE__ */ W(ue, {
 		entityCode: r,
 		entity: i,
 		parentEntity: t.entityCode,
-		parentId: t.recordId,
+		parentId: x,
 		foreignKey: a,
-		columns: u,
-		editable: v,
-		interaction: _,
+		columns: c,
+		editable: m,
+		interaction: f,
 		ctx: t,
 		sort: e.sort,
-		startDraftSignal: ne
+		startDraftSignal: L
 	});
-	return t.withinCard ? /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("div", {
+	return t.withinCard ? /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("div", {
 		style: {
 			display: "flex",
 			justifyContent: "flex-end",
 			marginBottom: 8
 		},
-		children: R
-	}), B] }) : /* @__PURE__ */ U(f, {
-		title: y,
-		icon: i.display?.icon ? /* @__PURE__ */ U(h, {
+		children: z
+	}), V] }) : /* @__PURE__ */ W(b, {
+		title: h,
+		icon: i.display?.icon ? /* @__PURE__ */ W(C, {
 			name: i.display.icon,
 			size: 14
 		}) : void 0,
-		right: R,
-		children: B
+		right: z,
+		children: V
 	});
 }
-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(() => {
+function ue({ 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 } = O(n, r, e, i, l), h = f?.data ?? [], g = f?.$refs, _ = R(() => {
 		d.invalidateQueries({ queryKey: [
-			E,
+			D,
 			n,
 			r,
 			e
@@ -285,7 +291,7 @@ function q({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey:
 		r,
 		e
 	]);
-	return /* @__PURE__ */ U(Y, {
+	return /* @__PURE__ */ W(Z, {
 		entityCode: e,
 		entity: t,
 		parentId: r,
@@ -302,14 +308,14 @@ function q({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey:
 		startDraftSignal: u
 	});
 }
-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);
+function X({ 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 = y(), m = U(), [h, g] = H(""), [v, b] = H(""), [x, C] = H({}), w = V(void 0);
 	re(() => (w.current && clearTimeout(w.current), w.current = setTimeout(() => {
-		x(v);
+		b(h);
 	}, 300), () => {
 		w.current && clearTimeout(w.current);
-	}), [v]);
-	let T = L((e, t) => {
+	}), [h]);
+	let T = R((e, t) => {
 		C((n) => {
 			if (t === "__all__") {
 				let { [e]: t, ...r } = n;
@@ -320,7 +326,7 @@ function J({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey:
 				[e]: t
 			};
 		});
-	}, []), 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(() => {
+	}, []), E = B(() => Object.keys(x).length > 0 ? x : void 0, [x]), { data: D, isLoading: O, isError: k, hasNextPage: A, fetchNextPage: j, isFetchingNextPage: M } = F(n, r, e, i, d, void 0, v || void 0, E), { rows: ee, refs: N } = B(() => {
 		if (!D?.pages) return {
 			rows: [],
 			refs: void 0
@@ -337,24 +343,24 @@ function J({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey:
 			rows: e,
 			refs: t
 		};
-	}, [D]), te = L(() => {
-		_.invalidateQueries({ predicate: (t) => {
+	}, [D]), te = R(() => {
+		m.invalidateQueries({ predicate: (t) => {
 			let n = t.queryKey;
 			return n[0] === "entity-children" && n[3] === e;
 		} });
-	}, [_, e]);
-	return /* @__PURE__ */ W("div", { children: [
-		/* @__PURE__ */ U(ne, {
+	}, [m, e]);
+	return /* @__PURE__ */ G("div", { children: [
+		/* @__PURE__ */ W(L, {
 			entity: t,
-			searchable: u,
-			filterFields: f,
-			searchValue: v,
-			onSearchChange: y,
-			filters: S,
+			searchable: l,
+			filterFields: u,
+			searchValue: h,
+			onSearchChange: g,
+			filters: x,
 			onFilterChange: T,
 			allEntities: c.schema.entities
 		}),
-		/* @__PURE__ */ U(Y, {
+		/* @__PURE__ */ W(Z, {
 			entityCode: e,
 			entity: t,
 			parentId: r,
@@ -363,65 +369,65 @@ function J({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey:
 			editable: o,
 			interaction: s,
 			ctx: c,
-			rows: N,
-			refs: ee,
+			rows: ee,
+			refs: N,
 			isLoading: O,
 			isError: k,
 			invalidateQuery: te,
-			startDraftSignal: h
+			startDraftSignal: f
 		}),
-		A && /* @__PURE__ */ U("div", {
+		A && /* @__PURE__ */ W("div", {
 			style: { marginTop: 4 },
-			children: /* @__PURE__ */ U(l, {
+			children: /* @__PURE__ */ W(_, {
 				kind: "ghost",
 				size: "xs",
-				icon: M ? /* @__PURE__ */ U(m, { size: 12 }) : void 0,
+				icon: M ? /* @__PURE__ */ W(S, { size: 12 }) : void 0,
 				onClick: () => j(),
 				disabled: M,
-				children: g("record.associated.load_more", "Load more")
+				children: p("record.associated.load_more", "Load more")
 			})
 		})
 	] });
 }
-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,
+function Z({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: o, editable: l, interaction: p, ctx: g, rows: _, refs: v, isLoading: b, isError: S, invalidateQuery: C, startDraftSignal: w }) {
+	let T = y(), E = y("errors"), D = x(), O = ee(t), A = D.isPhone && g.relatedRecordsPresentation === "table", j = o.find((e) => e !== a), M = B(() => p === "navigate" ? s(void 0, t, g.schema.screens) : null, [
+		p,
 		t,
-		f.schema.screens
-	]), P = z(() => l ? se(t, c, a) : /* @__PURE__ */ new Set(), [
-		c,
+		g.schema.screens
+	]), N = B(() => l ? se(t, o, a) : /* @__PURE__ */ new Set(), [
+		o,
 		a,
 		t,
 		l
-	]), F = z(() => ce(t, c, a), [
-		c,
+	]), ne = B(() => ce(t, o, a), [
+		o,
 		a,
 		t
-	]), I = z(() => {
+	]), F = B(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let n of m) {
+		for (let n of _) {
 			let i = r(t, n);
-			e.set(y(i), i);
+			e.set(f(i), i);
 		}
 		return e;
-	}, [m, t]), ne = z(() => {
+	}, [_, t]), I = B(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let n of m) {
+		for (let n of _) {
 			let i = n.$row_version;
-			typeof i == "string" && i !== "" && e.set(y(r(t, n)), i);
+			typeof i == "string" && i !== "" && e.set(f(r(t, n)), i);
 		}
 		return e;
-	}, [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({});
+	}, [_, t]), L = B(() => ae(t.actions), [t.actions]), [z, U] = H(null), [ie, K] = H(null), [oe, q] = H([]), [J, Y] = H({}), ue = V(J);
+	ue.current = J;
+	let X = V({});
 	re(() => {
 		let e = X.current;
 		return () => {
 			for (let t of Object.values(e)) clearTimeout(t);
 		};
 	}, []);
-	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) => ({
+	let [Z, Q] = H(null), [pe, $] = H([]), [ge, _e] = H(!1), { run: ve } = k(), [ye, be] = H(/* @__PURE__ */ new Set()), xe = R(async (t, n, r) => {
+		Y((e) => ({
 			...e,
 			[t]: {
 				...e[t],
@@ -430,11 +436,11 @@ function Y({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: c, e
 			}
 		}));
 		try {
-			let i = ne.get(t), a = i ? {
+			let i = I.get(t), a = i ? {
 				...n,
 				$row_version: i
 			} : n;
-			return await x(e, I.get(t) ?? t, a), J((e) => {
+			return await m(e, F.get(t) ?? t, a), Y((e) => {
 				let n = e[t];
 				if (!n) return e;
 				if (n.ver > r) return {
@@ -448,8 +454,8 @@ function Y({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: c, e
 				return a;
 			}), C(), !0;
 		} catch (e) {
-			let n = S(E, e);
-			return J((e) => ({
+			let n = h(E, e);
+			return Y((e) => ({
 				...e,
 				[t]: {
 					...e[t],
@@ -462,10 +468,10 @@ function Y({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: c, e
 		e,
 		E,
 		C,
-		I,
-		ne
-	]), Se = L((e, t, n) => {
-		J((r) => {
+		F,
+		I
+	]), Se = R((e, t, n) => {
+		Y((r) => {
 			let i = r[e] ?? {
 				buffer: {},
 				ver: 0,
@@ -482,14 +488,14 @@ function Y({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: c, e
 					ver: a
 				}
 			};
-		}), u === "inline_edit" && (X.current[e] && clearTimeout(X.current[e]), X.current[e] = setTimeout(() => {
-			let t = Y.current[e];
+		}), p === "inline_edit" && (X.current[e] && clearTimeout(X.current[e]), X.current[e] = setTimeout(() => {
+			let t = ue.current[e];
 			t && Object.keys(t.buffer).length > 0 && xe(e, { ...t.buffer }, t.ver);
 		}, 500));
-	}, [xe, u]), Ce = L(() => {
+	}, [xe, p]), Ce = R(() => {
 		let e = {};
 		e[a] = n;
-		for (let n of c) {
+		for (let n of o) {
 			let r = t.fields.get(n);
 			r && (r.default === void 0 ? r.type === "bool" && (e[n] = !1) : e[n] = r.default);
 		}
@@ -497,9 +503,9 @@ function Y({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: c, e
 	}, [
 		a,
 		n,
-		c,
+		o,
 		t.fields
-	]), we = B(w);
+	]), we = V(w);
 	re(() => {
 		w !== void 0 && w !== we.current && (we.current = w, !Z && Ce());
 	}, [
@@ -507,16 +513,16 @@ function Y({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: c, e
 		Z,
 		Ce
 	]);
-	let Te = L(async () => {
+	let Te = R(async () => {
 		if (!Z) return;
-		let n = le(Z, c, t, a);
+		let n = le(Z, o, t, a);
 		if (n.length > 0) $(n);
 		else {
 			_e(!0);
 			try {
-				await _(e, Z), Q(null), $([]), C();
+				await u(e, Z), Q(null), $([]), C();
 			} catch (e) {
-				let t = S(E, e);
+				let t = h(E, e);
 				$([`_error:${t}`]);
 			} finally {
 				_e(!1);
@@ -524,39 +530,39 @@ function Y({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: c, e
 		}
 	}, [
 		Z,
-		c,
+		o,
 		t,
 		a,
 		e,
 		E,
 		C
-	]), Ee = L((e) => {
-		J({}), K([]), G(e);
-	}, []), De = L(async (e) => {
-		let n = Y.current[e], i = n?.buffer ?? {};
+	]), Ee = R((e) => {
+		Y({}), q([]), K(e);
+	}, []), De = R(async (e) => {
+		let n = ue.current[e], i = n?.buffer ?? {};
 		if (Object.keys(i).length === 0) {
-			G(null), K([]);
+			K(null), q([]);
 			return;
 		}
-		let o = le({
-			...m.find((n) => y(r(t, n)) === e) ?? {},
+		let s = le({
+			..._.find((n) => f(r(t, n)) === e) ?? {},
 			...i
-		}, c, t, a);
-		o.length > 0 ? K(o) : await xe(e, { ...i }, n?.ver ?? 0) && (G(null), K([]));
+		}, o, t, a);
+		s.length > 0 ? q(s) : await xe(e, { ...i }, n?.ver ?? 0) && (K(null), q([]));
 	}, [
-		m,
+		_,
 		t,
-		c,
+		o,
 		a,
 		xe
-	]), Oe = L((e) => {
-		J((t) => {
+	]), Oe = R((e) => {
+		Y((t) => {
 			if (!t[e]) return t;
 			let { [e]: n, ...r } = t;
 			return r;
-		}), K([]), G(null);
-	}, []), ke = L((n, r) => {
-		let i = I.get(n) ?? n;
+		}), q([]), K(null);
+	}, []), ke = R((n, r) => {
+		let i = F.get(n) ?? n;
 		return ve({
 			action: t.actions?.__delete,
 			destructive: !0,
@@ -566,7 +572,7 @@ function Y({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: c, e
 			execute: async () => {
 				be((e) => new Set(e).add(n));
 				try {
-					return await v(e, i);
+					return await d(e, i);
 				} finally {
 					be((e) => {
 						let t = new Set(e);
@@ -582,9 +588,9 @@ function Y({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: c, e
 		t,
 		e,
 		C,
-		I
+		F
 	]);
-	if (b) return /* @__PURE__ */ U("div", {
+	if (S) return /* @__PURE__ */ W("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
@@ -592,74 +598,74 @@ function Y({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: c, e
 		},
 		children: E("record.related_rows_unreadable", "The related records could not be loaded.")
 	});
-	if (g) return /* @__PURE__ */ W("div", {
+	if (b) return /* @__PURE__ */ G("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 8,
 			padding: "8px 0"
 		},
-		children: [/* @__PURE__ */ U("div", { style: {
+		children: [/* @__PURE__ */ W("div", { style: {
 			height: 32,
 			background: "var(--surface-3)",
 			borderRadius: "var(--radius-md)"
-		} }), /* @__PURE__ */ U("div", { style: {
+		} }), /* @__PURE__ */ W("div", { style: {
 			height: 32,
 			background: "var(--surface-3)",
 			borderRadius: "var(--radius-md)"
 		} })]
 	});
-	let Ae = m.length === 0 && !Z;
-	return D.isPhone && !A ? /* @__PURE__ */ W("div", { children: [Ae && /* @__PURE__ */ U("div", {
+	let Ae = _.length === 0 && !Z;
+	return D.isPhone && !A ? /* @__PURE__ */ G("div", { children: [Ae && /* @__PURE__ */ W("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: "12px 0"
 		},
 		children: T("record.related.empty", "No records yet.")
-	}), !Ae && /* @__PURE__ */ W("div", {
+	}), !Ae && /* @__PURE__ */ G("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 10
 		},
-		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, {
+		children: [_.map((n) => {
+			let i = f(r(t, n)), a = ye.has(i), s = J[i], u = M && i ? M.replace(/:\w+/, i) : void 0;
+			return /* @__PURE__ */ W(de, {
 				rowId: i,
 				row: n,
 				entity: t,
-				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,
+				entities: g.schema.entities,
+				screens: g.schema.screens,
+				columns: o,
+				editableColumns: N,
+				editable: l && c(t, n, O.tenantId),
+				interaction: p,
+				isEditing: ie === i,
+				editErrors: oe,
 				isDeleting: a,
-				activeCell: H,
-				setActiveCell: ie,
-				rowState: o,
+				activeCell: z,
+				setActiveCell: U,
+				rowState: s,
 				onCellChange: Se,
 				onDeleteClick: (e) => void ke(e, n),
 				onStartEdit: Ee,
 				onConfirmEdit: De,
 				onCancelEdit: Oe,
-				refs: h,
+				refs: v,
 				identityCol: j,
-				href: d,
-				rowActions: R,
+				href: u,
+				rowActions: L,
 				entityCode: e,
 				onRowActionSuccess: C
 			}, i);
-		}), Z && /* @__PURE__ */ U(me, {
+		}), Z && /* @__PURE__ */ W(he, {
 			draftRow: Z,
 			entity: t,
-			columns: c,
-			editableColumns: F,
+			columns: o,
+			editableColumns: ne,
 			foreignKey: a,
-			draftErrors: he,
+			draftErrors: pe,
 			draftSaving: ge,
 			onChange: (e, t) => Q((n) => n && {
 				...n,
@@ -669,72 +675,72 @@ function Y({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: c, e
 			onCancel: () => {
 				Q(null), $([]);
 			},
-			refs: h
+			refs: v
 		})]
-	})] }) : /* @__PURE__ */ W("div", { children: [Ae && /* @__PURE__ */ U("div", {
+	})] }) : /* @__PURE__ */ G("div", { children: [Ae && /* @__PURE__ */ W("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
 			padding: "12px 0"
 		},
 		children: T("record.related.empty", "No records yet.")
-	}), !Ae && /* @__PURE__ */ U("div", {
+	}), !Ae && /* @__PURE__ */ W("div", {
 		style: { overflowX: "auto" },
-		children: /* @__PURE__ */ W("table", {
-			style: te,
-			children: [/* @__PURE__ */ U("thead", { children: /* @__PURE__ */ W("tr", { children: [
-				c.map((e) => {
+		children: /* @__PURE__ */ G("table", {
+			style: P,
+			children: [/* @__PURE__ */ W("thead", { children: /* @__PURE__ */ G("tr", { children: [
+				o.map((e) => {
 					let n = t.fields.get(e);
-					return /* @__PURE__ */ U("th", {
-						style: ee,
-						children: n ? i(T, n, e, f.schema.entities) : e
+					return /* @__PURE__ */ W("th", {
+						style: te,
+						children: n ? i(T, n, e, g.schema.entities) : e
 					}, e);
 				}),
-				l && /* @__PURE__ */ U("th", { style: {
+				l && /* @__PURE__ */ W("th", { style: {
 					height: 30,
 					width: 72
 				} }),
-				!l && R.length > 0 && /* @__PURE__ */ U("th", { style: {
+				!l && L.length > 0 && /* @__PURE__ */ W("th", { style: {
 					height: 30,
 					width: 40
 				} })
-			] }) }), /* @__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, {
+			] }) }), /* @__PURE__ */ G("tbody", { children: [_.map((n) => {
+				let i = f(r(t, n)), a = ye.has(i), s = J[i], u = M && i ? M.replace(/:\w+/, i) : void 0;
+				return /* @__PURE__ */ W(fe, {
 					rowId: i,
 					row: n,
 					entity: t,
-					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,
+					entities: g.schema.entities,
+					screens: g.schema.screens,
+					columns: o,
+					editableColumns: N,
+					editable: l && c(t, n, O.tenantId),
+					interaction: p,
+					isEditing: ie === i,
+					editErrors: oe,
 					isDeleting: a,
-					activeCell: H,
-					setActiveCell: ie,
-					rowState: o,
+					activeCell: z,
+					setActiveCell: U,
+					rowState: s,
 					onCellChange: Se,
 					onDeleteClick: (e) => void ke(e, n),
 					onStartEdit: Ee,
 					onConfirmEdit: De,
 					onCancelEdit: Oe,
-					refs: h,
+					refs: v,
 					identityCol: j,
-					href: d,
-					rowActions: R,
+					href: u,
+					rowActions: L,
 					entityCode: e,
 					onRowActionSuccess: C
 				}, i);
-			}), Z && /* @__PURE__ */ U(pe, {
+			}), Z && /* @__PURE__ */ W(me, {
 				draftRow: Z,
 				entity: t,
-				columns: c,
-				editableColumns: F,
+				columns: o,
+				editableColumns: ne,
 				foreignKey: a,
-				draftErrors: he,
+				draftErrors: pe,
 				draftSaving: ge,
 				onChange: (e, t) => Q((n) => n && {
 					...n,
@@ -744,40 +750,40 @@ function Y({ entityCode: e, entity: t, parentId: n, foreignKey: a, columns: c, e
 				onCancel: () => {
 					Q(null), $([]);
 				},
-				refs: h
+				refs: v
 			})] })]
 		})
 	})] });
 }
-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 : {
+function de({ rowId: e, 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: _, onStartEdit: b, onConfirmEdit: x, onCancelEdit: C, refs: w, identityCol: T, href: E, rowActions: D, onRowActionSuccess: O }) {
+	let k = y(), j = z(), M = B(() => !m || Object.keys(m.buffer).length === 0 ? n : {
 		...n,
-		...v.buffer
-	}, [n, v]);
-	if (p === "row_edit" && h) {
-		let t = v?.error ? [...g, `_error:${v.error}`] : g;
-		return /* @__PURE__ */ U(Z, {
+		...m.buffer
+	}, [n, m]);
+	if (u === "row_edit" && d) {
+		let t = m?.error ? [...f, `_error:${m.error}`] : f;
+		return /* @__PURE__ */ W(pe, {
 			values: M,
 			entity: r,
 			columns: s,
-			editableColumns: l,
+			editableColumns: c,
 			errors: t,
-			saving: v?.saving ?? !1,
-			onChange: (t, n) => y(e, t, n),
-			onConfirm: () => S(e),
+			saving: m?.saving ?? !1,
+			onChange: (t, n) => h(e, t, n),
+			onConfirm: () => x(e),
 			onCancel: () => C(e),
 			refs: w
 		});
 	}
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ G("div", {
 		style: {
 			border: "1px solid var(--border)",
 			borderRadius: "var(--radius-md)",
 			background: "var(--surface)",
-			opacity: _ ? .58 : 1,
+			opacity: p ? .58 : 1,
 			overflow: "hidden"
 		},
-		children: [/* @__PURE__ */ U("div", {
+		children: [/* @__PURE__ */ W("div", {
 			style: {
 				padding: 10,
 				display: "flex",
@@ -785,57 +791,57 @@ function de({ rowId: e, row: n, entity: r, entities: a, screens: o, columns: s,
 				gap: 12
 			},
 			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 = {
+				let s = r.fields.get(n), d = l && u === "inline_edit" && c.has(n), f = E && n === T, p = s ? i(k, s, n, a) : n, m = `${j}-${e}-${n}`, g = `${m}-label`, _ = {
 					fontSize: 11.5,
 					fontWeight: 600,
 					color: "var(--text-3)"
-				}, _ = s ? k({
+				}, v = s ? A({
 					field: s,
 					fieldName: n,
 					value: M[n],
-					mode: c ? "edit" : "display",
-					onChange: c ? (t) => y(e, n, t) : void 0,
+					mode: d ? "edit" : "display",
+					onChange: d ? (t) => h(e, n, t) : void 0,
 					record: M,
 					refs: w,
-					compact: c,
+					compact: d,
 					entity: r,
 					entities: a,
-					screens: u ? void 0 : o,
+					screens: f ? void 0 : o,
 					fieldId: m,
-					labelId: h,
-					t: A
+					labelId: g,
+					t: k
 				}) : t(M[n]);
-				return /* @__PURE__ */ W("div", {
+				return /* @__PURE__ */ G("div", {
 					style: {
 						display: "flex",
 						flexDirection: "column",
 						gap: 5,
 						minWidth: 0
 					},
-					children: [c && s ? /* @__PURE__ */ U("label", {
-						id: h,
+					children: [d && s ? /* @__PURE__ */ W("label", {
+						id: g,
 						htmlFor: m,
-						style: g,
-						children: d
-					}) : /* @__PURE__ */ U("div", {
-						id: h,
-						style: g,
-						children: d
-					}), /* @__PURE__ */ U("div", {
+						style: _,
+						children: p
+					}) : /* @__PURE__ */ W("div", {
+						id: g,
+						style: _,
+						children: p
+					}), /* @__PURE__ */ W("div", {
 						style: { minWidth: 0 },
-						children: u && !c ? /* @__PURE__ */ U("a", {
+						children: f && !d ? /* @__PURE__ */ W("a", {
 							href: E,
 							style: {
 								color: "var(--accent-text)",
 								textDecoration: "none",
 								fontWeight: 500
 							},
-							children: _
-						}) : _
+							children: v
+						}) : v
 					})]
 				}, n);
 			})
-		}), (f || D && D.length > 0) && /* @__PURE__ */ W("div", {
+		}), (l || D && D.length > 0) && /* @__PURE__ */ G("div", {
 			style: {
 				minHeight: 42,
 				padding: "6px 8px",
@@ -845,29 +851,29 @@ function de({ rowId: e, row: n, entity: r, entities: a, screens: o, columns: s,
 				justifyContent: "flex-end",
 				gap: 6
 			},
-			children: [f && /* @__PURE__ */ W(ie, { children: [
-				v?.saving && /* @__PURE__ */ U(m, { size: 12 }),
-				v?.error && /* @__PURE__ */ U("span", {
+			children: [l && /* @__PURE__ */ G(ie, { children: [
+				m?.saving && /* @__PURE__ */ W(S, { size: 12 }),
+				m?.error && /* @__PURE__ */ W("span", {
 					style: {
 						fontSize: 11,
 						color: "var(--danger)"
 					},
-					title: v.error,
+					title: m.error,
 					children: "!"
 				}),
-				p === "row_edit" && /* @__PURE__ */ U(u, {
+				u === "row_edit" && /* @__PURE__ */ W(v, {
 					size: 32,
-					icon: /* @__PURE__ */ U(c.edit, { size: 14 }),
-					onClick: () => x(e),
-					title: A("record.row.edit", "Edit row")
+					icon: /* @__PURE__ */ W(g.edit, { size: 14 }),
+					onClick: () => b(e),
+					title: k("record.row.edit", "Edit row")
 				}),
-				/* @__PURE__ */ U(u, {
+				/* @__PURE__ */ W(v, {
 					size: 32,
-					icon: /* @__PURE__ */ U(c.trash, { size: 14 }),
-					onClick: () => b(e),
-					title: A("record.row.delete", "Delete row")
+					icon: /* @__PURE__ */ W(g.trash, { size: 14 }),
+					onClick: () => _(e),
+					title: k("record.row.delete", "Delete row")
 				})
-			] }), !f && D && D.length > 0 && /* @__PURE__ */ U(I, {
+			] }), !l && D && D.length > 0 && /* @__PURE__ */ W(I, {
 				entity: r,
 				actions: D,
 				objectIds: [e],
@@ -877,21 +883,21 @@ function de({ rowId: e, row: n, entity: r, entities: a, screens: o, columns: s,
 		})]
 	});
 }
-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 : {
+function fe({ rowId: e, 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: _, onDeleteClick: b, onStartEdit: x, onConfirmEdit: C, onCancelEdit: w, refs: T, identityCol: E, href: D, rowActions: O, onRowActionSuccess: k }) {
+	let j = y(), M = B(() => !h || Object.keys(h.buffer).length === 0 ? n : {
 		...n,
-		...y.buffer
-	}, [n, y]);
-	if (f === "row_edit" && p) {
-		let t = y?.error ? [...h, `_error:${y.error}`] : h;
-		return /* @__PURE__ */ U(X, {
+		...h.buffer
+	}, [n, h]);
+	if (l === "row_edit" && u) {
+		let t = h?.error ? [...d, `_error:${h.error}`] : d;
+		return /* @__PURE__ */ W(Q, {
 			values: M,
 			entity: r,
 			columns: o,
 			editableColumns: s,
 			errors: t,
-			saving: y?.saving ?? !1,
-			onChange: (t, n) => b(e, t, n),
+			saving: h?.saving ?? !1,
+			onChange: (t, n) => _(e, t, n),
 			onConfirm: () => C(e),
 			onCancel: () => w(e),
 			refs: T
@@ -901,27 +907,27 @@ function fe({ rowId: e, row: n, entity: r, entities: i, screens: a, columns: o,
 		padding: "4px 4px",
 		borderBottom: "1px solid var(--divider)",
 		verticalAlign: "middle"
-	}, P = f === "inline_edit";
-	return /* @__PURE__ */ W("tr", {
-		style: { opacity: g ? .5 : 1 },
+	}, P = l === "inline_edit";
+	return /* @__PURE__ */ G("tr", {
+		style: { opacity: f ? .5 : 1 },
 		children: [
 			o.map((n) => {
 				let o = r.fields.get(n), c = s.has(n);
-				if (P && _?.rowId === e && _?.col === n && c) return /* @__PURE__ */ U("td", {
+				if (P && p?.rowId === e && p?.col === n && c) return /* @__PURE__ */ W("td", {
 					style: te,
-					children: o ? k({
+					children: o ? A({
 						field: o,
 						fieldName: n,
 						value: M[n],
 						mode: "edit",
-						onChange: (t) => b(e, n, t),
+						onChange: (t) => _(e, n, t),
 						record: M,
 						refs: T,
 						compact: !0,
 						t: j
 					}) : t(M[n])
 				}, n);
-				let l = D && n === E, u = o ? k({
+				let l = D && n === E, u = o ? A({
 					field: o,
 					fieldName: n,
 					value: M[n],
@@ -932,17 +938,17 @@ function fe({ rowId: e, row: n, entity: r, entities: i, screens: a, columns: o,
 					entities: i,
 					screens: l ? void 0 : a,
 					t: j
-				}) : t(M[n]), d = P && c && !g;
-				return /* @__PURE__ */ U("td", {
+				}) : t(M[n]), d = P && c && !f;
+				return /* @__PURE__ */ W("td", {
 					style: {
 						...ee,
 						cursor: d ? "pointer" : "default"
 					},
-					onClick: d ? () => v({
+					onClick: d ? () => m({
 						rowId: e,
 						col: n
 					}) : void 0,
-					children: l ? /* @__PURE__ */ U("a", {
+					children: l ? /* @__PURE__ */ W("a", {
 						href: D,
 						style: {
 							color: "var(--accent-text)",
@@ -955,111 +961,111 @@ function fe({ rowId: e, row: n, entity: r, entities: i, screens: a, columns: o,
 					}) : u
 				}, n);
 			}),
-			l && /* @__PURE__ */ U("td", {
+			c && /* @__PURE__ */ W("td", {
 				style: {
 					padding: "4px 8px",
 					borderBottom: "1px solid var(--divider)",
 					verticalAlign: "middle"
 				},
-				children: /* @__PURE__ */ W("div", {
+				children: /* @__PURE__ */ G("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
 						gap: 4
 					},
 					children: [
-						y?.saving && /* @__PURE__ */ U(m, { size: 12 }),
-						y?.error && /* @__PURE__ */ U("span", {
+						h?.saving && /* @__PURE__ */ W(S, { size: 12 }),
+						h?.error && /* @__PURE__ */ W("span", {
 							style: {
 								fontSize: 11,
 								color: "var(--danger)"
 							},
-							title: y.error,
+							title: h.error,
 							children: "!"
 						}),
-						f === "row_edit" && /* @__PURE__ */ U(u, {
+						l === "row_edit" && /* @__PURE__ */ W(v, {
 							size: 24,
-							icon: /* @__PURE__ */ U(c.edit, { size: 12 }),
-							onClick: () => S(e),
+							icon: /* @__PURE__ */ W(g.edit, { size: 12 }),
+							onClick: () => x(e),
 							title: j("record.row.edit", "Edit row")
 						}),
-						/* @__PURE__ */ U(u, {
+						/* @__PURE__ */ W(v, {
 							size: 24,
-							icon: /* @__PURE__ */ U(c.trash, { size: 12 }),
-							onClick: () => x(e),
+							icon: /* @__PURE__ */ W(g.trash, { size: 12 }),
+							onClick: () => b(e),
 							title: j("record.row.delete", "Delete row")
 						})
 					]
 				})
 			}),
-			!l && O && O.length > 0 && /* @__PURE__ */ U("td", {
+			!c && O && O.length > 0 && /* @__PURE__ */ W("td", {
 				style: {
 					padding: "4px 8px",
 					borderBottom: "1px solid var(--divider)",
 					verticalAlign: "middle"
 				},
-				children: /* @__PURE__ */ U(I, {
+				children: /* @__PURE__ */ W(I, {
 					entity: r,
 					actions: O,
 					objectIds: [e],
 					row: M,
-					onSuccess: A
+					onSuccess: k
 				})
 			})
 		]
 	});
 }
-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 = {
+function Q({ values: e, entity: n, columns: r, editableColumns: i, errors: a, saving: o, onChange: s, onConfirm: c, onCancel: l, refs: u, accent: d }) {
+	let f = y(), 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
-	}, b = {
+	}, _ = {
 		display: "block",
 		width: "100%",
 		maxWidth: "100%",
 		minWidth: 0
 	};
-	return /* @__PURE__ */ W("tr", {
-		style: h ? { boxShadow: "inset 3px 0 0 var(--accent)" } : void 0,
+	return /* @__PURE__ */ G("tr", {
+		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(), f());
+			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), c()) : e.key === "Escape" && (e.preventDefault(), l());
 		},
 		children: [r.map((r) => {
-			let a = n.fields.get(r), o = i.has(r), c = v.has(r);
-			return o ? /* @__PURE__ */ U("td", {
+			let a = n.fields.get(r), o = i.has(r), c = m.has(r);
+			return o ? /* @__PURE__ */ W("td", {
 				style: {
-					...y,
+					...h,
 					outline: c ? "1px solid var(--danger)" : "none",
 					outlineOffset: -1
 				},
-				title: c ? g("record.row.field_required", "{field} is required", { field: r }) : void 0,
-				children: /* @__PURE__ */ U("div", {
-					style: b,
-					children: a ? k({
+				title: c ? f("record.row.field_required", "{field} is required", { field: r }) : void 0,
+				children: /* @__PURE__ */ W("div", {
+					style: _,
+					children: a ? A({
 						field: a,
 						fieldName: r,
 						value: e[r],
 						mode: "edit",
 						onChange: (e) => s(r, e),
 						record: e,
-						refs: p,
+						refs: u,
 						compact: !0,
-						t: g
+						t: f
 					}) : t(e[r])
 				})
-			}, r) : /* @__PURE__ */ U("td", {
+			}, r) : /* @__PURE__ */ W("td", {
 				style: {
-					...y,
+					...h,
 					color: "var(--text-3)"
 				},
 				children: a?.auto ? "—" : t(e[r])
 			}, r);
-		}), /* @__PURE__ */ U("td", {
-			style: y,
-			children: /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ W("td", {
+			style: h,
+			children: /* @__PURE__ */ G("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -1067,45 +1073,45 @@ function X({ values: e, entity: n, columns: r, editableColumns: i, errors: a, sa
 					justifyContent: "flex-end"
 				},
 				children: [
-					_ && /* @__PURE__ */ U("span", {
+					p && /* @__PURE__ */ W("span", {
 						style: {
 							fontSize: 11,
 							color: "var(--danger)"
 						},
-						title: _.slice(7),
+						title: p.slice(7),
 						children: "!"
 					}),
-					/* @__PURE__ */ U(u, {
+					/* @__PURE__ */ W(v, {
 						size: 24,
-						icon: U(o ? m : c.check, { size: 12 }),
-						onClick: l,
-						title: g("record.row.confirm", "Confirm (Enter)")
+						icon: W(o ? S : g.check, { size: 12 }),
+						onClick: c,
+						title: f("record.row.confirm", "Confirm (Enter)")
 					}),
-					/* @__PURE__ */ U(u, {
+					/* @__PURE__ */ W(v, {
 						size: 24,
-						icon: /* @__PURE__ */ U(c.x, { size: 12 }),
-						onClick: f,
-						title: g("record.row.cancel", "Cancel (Esc)")
+						icon: /* @__PURE__ */ W(g.x, { size: 12 }),
+						onClick: l,
+						title: f("record.row.cancel", "Cancel (Esc)")
 					})
 				]
 			})
 		})]
 	});
 }
-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", {
+function pe({ values: e, entity: n, columns: r, editableColumns: a, errors: o, saving: s, onChange: c, onConfirm: l, onCancel: u, refs: d, accent: f }) {
+	let p = y(), m = z(), h = o.find((e) => e.startsWith("_error:")), _ = new Set(o.filter((e) => !e.startsWith("_error:")));
+	return /* @__PURE__ */ G("div", {
 		style: {
 			border: "1px solid var(--border)",
 			borderRadius: "var(--radius-md)",
 			background: "var(--surface)",
 			overflow: "hidden",
-			boxShadow: g ? "inset 3px 0 0 var(--accent)" : void 0
+			boxShadow: f ? "inset 3px 0 0 var(--accent)" : void 0
 		},
 		onKeyDown: (e) => {
-			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), f()) : e.key === "Escape" && (e.preventDefault(), p());
+			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), l()) : e.key === "Escape" && (e.preventDefault(), u());
 		},
-		children: [/* @__PURE__ */ U("div", {
+		children: [/* @__PURE__ */ W("div", {
 			style: {
 				padding: 10,
 				display: "flex",
@@ -1113,52 +1119,52 @@ function Z({ 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), u = o ? i(_, o, r) : r, d = `${v}-${r}`, f = `${d}-label`, p = {
+				let o = n.fields.get(r), s = a.has(r), l = _.has(r), u = o ? i(p, o, r) : r, f = `${m}-${r}`, h = `${f}-label`, g = {
 					fontSize: 11.5,
 					fontWeight: 600,
 					color: "var(--text-3)"
 				};
-				return /* @__PURE__ */ W("div", {
+				return /* @__PURE__ */ G("div", {
 					style: {
 						display: "flex",
 						flexDirection: "column",
 						gap: 5,
 						minWidth: 0
 					},
-					children: [s && o ? /* @__PURE__ */ U("label", {
-						id: f,
-						htmlFor: d,
-						style: p,
+					children: [s && o ? /* @__PURE__ */ W("label", {
+						id: h,
+						htmlFor: f,
+						style: g,
 						children: u
-					}) : /* @__PURE__ */ U("div", {
-						id: f,
-						style: p,
+					}) : /* @__PURE__ */ W("div", {
+						id: h,
+						style: g,
 						children: u
-					}), /* @__PURE__ */ U("div", {
+					}), /* @__PURE__ */ W("div", {
 						style: {
 							minWidth: 0,
-							outline: c ? "1px solid var(--danger)" : "none",
+							outline: l ? "1px solid var(--danger)" : "none",
 							outlineOffset: 3,
-							borderRadius: c ? "var(--radius-sm)" : 0
+							borderRadius: l ? "var(--radius-sm)" : 0
 						},
-						title: c ? _("record.row.field_required", "{field} is required", { field: r }) : void 0,
-						children: s ? o ? k({
+						title: l ? p("record.row.field_required", "{field} is required", { field: r }) : void 0,
+						children: s ? o ? A({
 							field: o,
 							fieldName: r,
 							value: e[r],
 							mode: "edit",
-							onChange: (e) => l(r, e),
+							onChange: (e) => c(r, e),
 							record: e,
-							refs: h,
+							refs: d,
 							compact: !0,
-							fieldId: d,
-							labelId: f,
-							t: _
+							fieldId: f,
+							labelId: h,
+							t: p
 						}) : t(e[r]) : o?.auto ? "—" : t(e[r])
 					})]
 				}, r);
 			})
-		}), /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ G("div", {
 			style: {
 				minHeight: 42,
 				padding: "6px 8px",
@@ -1169,36 +1175,36 @@ function Z({ values: e, entity: n, columns: r, editableColumns: a, errors: o, sa
 				gap: 6
 			},
 			children: [
-				y && /* @__PURE__ */ U("span", {
+				h && /* @__PURE__ */ W("span", {
 					style: {
 						fontSize: 11,
 						color: "var(--danger)"
 					},
-					title: y.slice(7),
+					title: h.slice(7),
 					children: "!"
 				}),
-				/* @__PURE__ */ U(u, {
+				/* @__PURE__ */ W(v, {
 					size: 32,
-					icon: U(s ? m : c.check, { size: 14 }),
-					onClick: f,
-					title: _("record.row.confirm", "Confirm (Enter)")
+					icon: W(s ? S : g.check, { size: 14 }),
+					onClick: l,
+					title: p("record.row.confirm", "Confirm (Enter)")
 				}),
-				/* @__PURE__ */ U(u, {
+				/* @__PURE__ */ W(v, {
 					size: 32,
-					icon: /* @__PURE__ */ U(c.x, { size: 14 }),
-					onClick: p,
-					title: _("record.row.cancel", "Cancel (Esc)")
+					icon: /* @__PURE__ */ W(g.x, { size: 14 }),
+					onClick: u,
+					title: p("record.row.cancel", "Cancel (Esc)")
 				})
 			]
 		})]
 	});
 }
-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(() => {
+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 = B(() => {
 		let e = new Set(r);
 		return e.delete(i), e;
 	}, [r, i]);
-	return /* @__PURE__ */ U(X, {
+	return /* @__PURE__ */ W(Q, {
 		values: e,
 		entity: t,
 		columns: n,
@@ -1212,12 +1218,12 @@ function pe({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey
 		accent: !0
 	});
 }
-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(() => {
+function he({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey: i, draftErrors: a, draftSaving: o, onChange: s, onConfirm: c, onCancel: l, refs: u }) {
+	let d = B(() => {
 		let e = new Set(r);
 		return e.delete(i), e;
 	}, [r, i]);
-	return /* @__PURE__ */ U(Z, {
+	return /* @__PURE__ */ W(pe, {
 		values: e,
 		entity: t,
 		columns: n,
@@ -1232,4 +1238,4 @@ function me({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey
 	});
 }
 //#endregion
-export { ue as AssociatedBlock, ce as associatedDraftEditableColumns, se as associatedEditableColumns, le as findMissingRequiredAssociatedFields, G as resolveAssociatedForeignKey, ae as resolveAssociatedRowActions, oe as resolveAssociatedToolbarActions };
+export { J as AssociatedBlock, ce as associatedDraftEditableColumns, se as associatedEditableColumns, q as associatedParentValue, le as findMissingRequiredAssociatedFields, oe as resolveAssociatedForeignKey, ae as resolveAssociatedRowActions, K as resolveAssociatedToolbarActions };