@declarion/react 0.65.0 → 0.66.0

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

@@ -0,0 +1,1244 @@
+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 { useAssociatedData as P } from "../../hooks/useAssociatedData.js";
+import { ActionButton as F } from "../actions/ActionButton.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";
+//#region src/components/detail-layout/AssociatedBlock.tsx
+function ne(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({
+		code: n,
+		action: r
+	}));
+	return t;
+}
+function K(t, n, r) {
+	if (!t) return [];
+	let i = [];
+	for (let [a, o] of Object.entries(t)) {
+		if (!(o.visibility ?? []).includes("list_toolbar") || o.association || a.startsWith("__")) continue;
+		let t = {
+			...o,
+			resolved_hidden_defaults: {
+				...o.resolved_hidden_defaults ?? {},
+				[n]: r
+			}
+		};
+		if (o.resolved_params?.has(n)) {
+			let r = o.resolved_params.items().filter((e) => e.name !== n);
+			t = {
+				...t,
+				resolved_params: new e(r)
+			};
+		}
+		i.push({
+			code: a,
+			action: t
+		});
+	}
+	return i;
+}
+function re(e, t, n) {
+	let r = e[n];
+	if (!r) return null;
+	let i = e[t], a = i?.children?.find((e) => e.entity === n);
+	if (a) {
+		let e = a.foreign_key;
+		if (typeof e == "string") return e;
+		if (Array.isArray(e) && e.length === 1) return e[0];
+	}
+	let o = i?.table;
+	for (let [n, i] of r.fields) {
+		let r = i.ref?.entity;
+		if (r) {
+			if (r === t) return n;
+			if (o) {
+				let t = e[r]?.table;
+				if (t && t === o) return n;
+			}
+		}
+	}
+	return null;
+}
+function ie(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);
+	}));
+}
+function ae(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) {
+	let i = [];
+	for (let a of t) {
+		let t = n.fields.get(a);
+		if (!t || !t.required || t.auto || t.generate || t.primary || a === r || n.tenant_key && a === n.tenant_key) continue;
+		let o = e[a];
+		(o == null || o === "") && i.push(a);
+	}
+	return i;
+}
+function q({ node: e, ctx: t }) {
+	let n = u("errors"), r = e.associated;
+	if (!r || t.isNew) return null;
+	let i = t.schema.entities[r];
+	if (!i) return /* @__PURE__ */ G("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "8px 0"
+		},
+		children: [
+			n("record.related_entity_not_found", "The related record type is not declared in this deployment."),
+			" ",
+			/* @__PURE__ */ W("code", { children: r })
+		]
+	});
+	let a = e.foreign_key ?? re(t.schema.entities, t.entityCode, r);
+	return a ? /* @__PURE__ */ W(J, {
+		node: e,
+		ctx: t,
+		assocCode: r,
+		assocEntity: i,
+		fkField: a
+	}) : /* @__PURE__ */ G("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "8px 0"
+		},
+		children: [
+			n("record.associated_foreign_key_not_found", "No foreign key joins these two entities."),
+			" ",
+			r,
+			" → ",
+			t.entityCode
+		]
+	});
+}
+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) => {
+		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), [
+		i.actions,
+		a,
+		t.recordId
+	]), T = B(() => {
+		let e = {};
+		for (let { code: t, action: n } of x) e[t] = n;
+		return e;
+	}, [x]), E = B(() => {
+		let e = i.action_layout ?? null;
+		return C(o, e ?? w(T, "list_toolbar"), T, void 0, {}, []);
+	}, [
+		o,
+		i.action_layout,
+		T
+	]), { run: O } = D(), j = S(), M = B(() => ({
+		entity: i,
+		entityCode: r,
+		screenRoute: typeof window < "u" ? window.location.pathname : "",
+		selectedRows: [],
+		selectedIds: [],
+		t: o,
+		tabNavigate: (e, t) => j(e, {
+			title: t?.title,
+			icon: t?.icon,
+			search: t?.search
+		}),
+		runActionApi: (e, t) => y(e, t)
+	}), [
+		i,
+		r,
+		o,
+		j
+	]), N = U(), P = R(() => {
+		N.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({
+			action: t,
+			title: o(t.display?.name) || e,
+			execute: async (e) => {
+				let t = await y(n, h(e, void 0));
+				return P(), t;
+			}
+		});
+	}, [
+		o,
+		l,
+		O,
+		r,
+		P
+	]), [L, ee] = H(0), z = /* @__PURE__ */ G("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			flex: "1 1 auto",
+			minWidth: 0,
+			justifyContent: "flex-end"
+		},
+		children: [i.action_layout ? E.length > 0 && /* @__PURE__ */ W(A, {
+			kind: "toolbar",
+			layout: E,
+			entityActions: T,
+			onRun: I,
+			widgetContext: M,
+			ariaLabel: o("record.associated.toolbar_actions", "{name} toolbar actions", { name: v })
+		}) : x.map(({ code: e, action: t }) => /* @__PURE__ */ W(F, {
+			actionCode: e,
+			action: t,
+			entityCode: r,
+			variant: "ghost",
+			size: "sm",
+			onSuccess: P
+		}, e)), _ && /* @__PURE__ */ W(c, {
+			kind: "ghost",
+			size: "xs",
+			icon: /* @__PURE__ */ W(s.plus, { size: 12 }),
+			onClick: () => ee((e) => e + 1),
+			children: o("record.row.add", "Add row")
+		})]
+	}), V = b ? /* @__PURE__ */ W(se, {
+		entityCode: r,
+		entity: i,
+		parentEntity: t.entityCode,
+		parentId: t.recordId,
+		foreignKey: a,
+		columns: f,
+		editable: _,
+		interaction: g,
+		ctx: t,
+		searchable: e.searchable,
+		filterFields: e.filters,
+		sort: e.sort,
+		startDraftSignal: L
+	}) : /* @__PURE__ */ W(Y, {
+		entityCode: r,
+		entity: i,
+		parentEntity: t.entityCode,
+		parentId: t.recordId,
+		foreignKey: a,
+		columns: f,
+		editable: _,
+		interaction: g,
+		ctx: t,
+		sort: e.sort,
+		startDraftSignal: L
+	});
+	return t.withinCard ? /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("div", {
+		style: {
+			display: "flex",
+			justifyContent: "flex-end",
+			marginBottom: 8
+		},
+		children: z
+	}), V] }) : /* @__PURE__ */ W(d, {
+		title: v,
+		icon: i.display?.icon ? /* @__PURE__ */ W(m, {
+			name: i.display.icon,
+			size: 14
+		}) : void 0,
+		right: z,
+		children: V
+	});
+}
+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(() => {
+		d.invalidateQueries({ queryKey: [
+			T,
+			n,
+			r,
+			e
+		] });
+	}, [
+		d,
+		n,
+		r,
+		e
+	]);
+	return /* @__PURE__ */ W(X, {
+		entityCode: e,
+		entity: t,
+		parentId: r,
+		foreignKey: i,
+		columns: a,
+		editable: o,
+		interaction: s,
+		ctx: c,
+		rows: h,
+		refs: g,
+		isLoading: p,
+		isError: m,
+		invalidateQuery: _,
+		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(() => {
+		x(v);
+	}, 300), () => {
+		w.current && clearTimeout(w.current);
+	}), [v]);
+	let T = R((e, t) => {
+		C((n) => {
+			if (t === "__all__") {
+				let { [e]: t, ...r } = n;
+				return r;
+			}
+			return {
+				...n,
+				[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 } = P(n, r, e, i, m, void 0, b || void 0, E), { rows: N, refs: F } = B(() => {
+		if (!D?.pages) return {
+			rows: [],
+			refs: void 0
+		};
+		let e = [], t;
+		for (let n of D.pages) if (e.push(...n.data), n.$refs) {
+			if (!t) t = { ...n.$refs };
+			else for (let [e, r] of Object.entries(n.$refs)) t[e] = {
+				...t[e],
+				...r
+			};
+		}
+		return {
+			rows: e,
+			refs: t
+		};
+	}, [D]), I = R(() => {
+		_.invalidateQueries({ predicate: (t) => {
+			let n = t.queryKey;
+			return n[0] === "entity-children" && n[3] === e;
+		} });
+	}, [_, e]);
+	return /* @__PURE__ */ G("div", { children: [
+		/* @__PURE__ */ W(L, {
+			entity: t,
+			searchable: d,
+			filterFields: f,
+			searchValue: v,
+			onSearchChange: y,
+			filters: S,
+			onFilterChange: T,
+			allEntities: l.schema.entities
+		}),
+		/* @__PURE__ */ W(X, {
+			entityCode: e,
+			entity: t,
+			parentId: r,
+			foreignKey: i,
+			columns: a,
+			editable: o,
+			interaction: s,
+			ctx: l,
+			rows: N,
+			refs: F,
+			isLoading: O,
+			isError: k,
+			invalidateQuery: I,
+			startDraftSignal: h
+		}),
+		A && /* @__PURE__ */ W("div", {
+			style: { marginTop: 4 },
+			children: /* @__PURE__ */ W(c, {
+				kind: "ghost",
+				size: "xs",
+				icon: M ? /* @__PURE__ */ W(p, { size: 12 }) : void 0,
+				onClick: () => j(),
+				disabled: M,
+				children: g("record.associated.load_more", "Load more")
+			})
+		})
+	] });
+}
+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,
+		t,
+		d.schema.screens
+	]), j = B(() => c ? ie(t, s, a) : /* @__PURE__ */ new Set(), [
+		s,
+		a,
+		t,
+		c
+	]), P = B(() => ae(t, s, a), [
+		s,
+		a,
+		t
+	]), F = B(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let n of p) {
+			let i = r(t, n);
+			e.set(v(i), i);
+		}
+		return e;
+	}, [p, t]), I = B(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let n of p) {
+			let i = n.$row_version;
+			typeof i == "string" && i !== "" && e.set(v(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(() => {
+		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) => ({
+			...e,
+			[t]: {
+				...e[t],
+				saving: !0,
+				error: void 0
+			}
+		}));
+		try {
+			let i = I.get(t), a = i ? {
+				...n,
+				$row_version: i
+			} : n;
+			return await b(e, F.get(t) ?? t, a), Y((e) => {
+				let n = e[t];
+				if (!n) return e;
+				if (n.ver > r) return {
+					...e,
+					[t]: {
+						...n,
+						saving: !1
+					}
+				};
+				let { [t]: i, ...a } = e;
+				return a;
+			}), S(), !0;
+		} catch (e) {
+			let n = x(T, e);
+			return Y((e) => ({
+				...e,
+				[t]: {
+					...e[t],
+					saving: !1,
+					error: n
+				}
+			})), !1;
+		}
+	}, [
+		e,
+		T,
+		S,
+		F,
+		I
+	]), ye = R((e, t, n) => {
+		Y((r) => {
+			let i = r[e] ?? {
+				buffer: {},
+				ver: 0,
+				saving: !1
+			}, a = i.ver + 1;
+			return {
+				...r,
+				[e]: {
+					...i,
+					buffer: {
+						...i.buffer,
+						[t]: n
+					},
+					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);
+		}, 500));
+	}, [ve, l]), be = R(() => {
+		let e = {};
+		e[a] = n;
+		for (let n of s) {
+			let r = t.fields.get(n);
+			r && (r.default === void 0 ? r.type === "bool" && (e[n] = !1) : e[n] = r.default);
+		}
+		Q(e), $([]);
+	}, [
+		a,
+		n,
+		s,
+		t.fields
+	]), xe = V(C);
+	ee(() => {
+		C !== void 0 && C !== xe.current && (xe.current = C, !Z && be());
+	}, [
+		C,
+		Z,
+		be
+	]);
+	let Se = R(async () => {
+		if (!Z) return;
+		let n = oe(Z, s, t, a);
+		if (n.length > 0) $(n);
+		else {
+			me(!0);
+			try {
+				await g(e, Z), Q(null), $([]), S();
+			} catch (e) {
+				let t = x(T, e);
+				$([`_error:${t}`]);
+			} finally {
+				me(!1);
+			}
+		}
+	}, [
+		Z,
+		s,
+		t,
+		a,
+		e,
+		T,
+		S
+	]), Ce = R((e) => {
+		Y({}), q([]), K(e);
+	}, []), we = R(async (e) => {
+		let n = se.current[e], i = n?.buffer ?? {};
+		if (Object.keys(i).length === 0) {
+			K(null), q([]);
+			return;
+		}
+		let o = oe({
+			...p.find((n) => v(r(t, n)) === e) ?? {},
+			...i
+		}, s, t, a);
+		o.length > 0 ? q(o) : await ve(e, { ...i }, n?.ver ?? 0) && (K(null), q([]));
+	}, [
+		p,
+		t,
+		s,
+		a,
+		ve
+	]), Te = R((e) => {
+		Y((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({
+			action: t.actions?.__delete,
+			destructive: !0,
+			title: w(t.display?.name) || w("record.action.delete", "Delete"),
+			row: r,
+			entity: e,
+			execute: async () => {
+				_e((e) => new Set(e).add(n));
+				try {
+					return await _(e, i);
+				} finally {
+					_e((e) => {
+						let t = new Set(e);
+						return t.delete(n), t;
+					});
+				}
+			},
+			onSuccess: () => S()
+		});
+	}, [
+		w,
+		he,
+		t,
+		e,
+		S,
+		F
+	]);
+	if (y) return /* @__PURE__ */ W("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--danger)",
+			padding: "8px 0"
+		},
+		children: T("record.related_rows_unreadable", "The related records could not be loaded.")
+	});
+	if (h) return /* @__PURE__ */ G("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 8,
+			padding: "8px 0"
+		},
+		children: [/* @__PURE__ */ W("div", { style: {
+			height: 32,
+			background: "var(--surface-3)",
+			borderRadius: "var(--radius-md)"
+		} }), /* @__PURE__ */ W("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", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "12px 0"
+		},
+		children: w("record.related.empty", "No records yet.")
+	}), !De && /* @__PURE__ */ G("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, {
+				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,
+				isDeleting: a,
+				activeCell: z,
+				setActiveCell: U,
+				rowState: o,
+				onCellChange: ye,
+				onDeleteClick: (e) => void Ee(e, n),
+				onStartEdit: Ce,
+				onConfirmEdit: we,
+				onCancelEdit: Te,
+				refs: m,
+				identityCol: k,
+				href: u,
+				rowActions: L,
+				entityCode: e,
+				onRowActionSuccess: S
+			}, i);
+		}), Z && /* @__PURE__ */ W(de, {
+			draftRow: Z,
+			entity: t,
+			columns: s,
+			editableColumns: P,
+			foreignKey: a,
+			draftErrors: fe,
+			draftSaving: pe,
+			onChange: (e, t) => Q((n) => n && {
+				...n,
+				[e]: t
+			}),
+			onConfirm: Se,
+			onCancel: () => {
+				Q(null), $([]);
+			},
+			refs: m
+		})]
+	})] }) : /* @__PURE__ */ G("div", { children: [De && /* @__PURE__ */ W("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "12px 0"
+		},
+		children: w("record.related.empty", "No records yet.")
+	}), !De && /* @__PURE__ */ W("div", {
+		style: { overflowX: "auto" },
+		children: /* @__PURE__ */ G("table", {
+			style: N,
+			children: [/* @__PURE__ */ W("thead", { children: /* @__PURE__ */ G("tr", { children: [
+				s.map((e) => {
+					let n = t.fields.get(e);
+					return /* @__PURE__ */ W("th", {
+						style: M,
+						children: n ? i(w, n, e, d.schema.entities) : e
+					}, e);
+				}),
+				c && /* @__PURE__ */ W("th", { style: {
+					height: 30,
+					width: 72
+				} }),
+				!c && L.length > 0 && /* @__PURE__ */ W("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, {
+					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,
+					isDeleting: a,
+					activeCell: z,
+					setActiveCell: U,
+					rowState: o,
+					onCellChange: ye,
+					onDeleteClick: (e) => void Ee(e, n),
+					onStartEdit: Ce,
+					onConfirmEdit: we,
+					onCancelEdit: Te,
+					refs: m,
+					identityCol: k,
+					href: u,
+					rowActions: L,
+					entityCode: e,
+					onRowActionSuccess: S
+				}, i);
+			}), Z && /* @__PURE__ */ W(ue, {
+				draftRow: Z,
+				entity: t,
+				columns: s,
+				editableColumns: P,
+				foreignKey: a,
+				draftErrors: fe,
+				draftSaving: pe,
+				onChange: (e, t) => Q((n) => n && {
+					...n,
+					[e]: t
+				}),
+				onConfirm: Se,
+				onCancel: () => {
+					Q(null), $([]);
+				},
+				refs: m
+			})] })]
+		})
+	})] });
+}
+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 : {
+		...n,
+		...v.buffer
+	}, [n, v]);
+	if (m === "row_edit" && h) {
+		let t = v?.error ? [...g, `_error:${v.error}`] : g;
+		return /* @__PURE__ */ W(Q, {
+			values: M,
+			entity: r,
+			columns: c,
+			editableColumns: d,
+			errors: t,
+			saving: v?.saving ?? !1,
+			onChange: (t, n) => y(e, t, n),
+			onConfirm: () => S(e),
+			onCancel: () => C(e),
+			refs: w
+		});
+	}
+	return /* @__PURE__ */ G("div", {
+		style: {
+			border: "1px solid var(--border)",
+			borderRadius: "var(--radius-md)",
+			background: "var(--surface)",
+			opacity: _ ? .58 : 1,
+			overflow: "hidden"
+		},
+		children: [/* @__PURE__ */ W("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 = {
+					fontSize: 11.5,
+					fontWeight: 600,
+					color: "var(--text-3)"
+				}, _ = s ? O({
+					field: s,
+					fieldName: n,
+					value: M[n],
+					mode: c ? "edit" : "display",
+					onChange: c ? (t) => y(e, n, t) : void 0,
+					record: M,
+					refs: w,
+					compact: c,
+					entity: r,
+					entities: a,
+					screens: l ? void 0 : o,
+					fieldId: p,
+					labelId: h,
+					t: A
+				}) : t(M[n]);
+				return /* @__PURE__ */ G("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 5,
+						minWidth: 0
+					},
+					children: [c && s ? /* @__PURE__ */ W("label", {
+						id: h,
+						htmlFor: p,
+						style: g,
+						children: u
+					}) : /* @__PURE__ */ W("div", {
+						id: h,
+						style: g,
+						children: u
+					}), /* @__PURE__ */ W("div", {
+						style: { minWidth: 0 },
+						children: l && !c ? /* @__PURE__ */ W("a", {
+							href: E,
+							style: {
+								color: "var(--accent-text)",
+								textDecoration: "none",
+								fontWeight: 500
+							},
+							children: _
+						}) : _
+					})]
+				}, n);
+			})
+		}), (f || D && D.length > 0) && /* @__PURE__ */ G("div", {
+			style: {
+				minHeight: 42,
+				padding: "6px 8px",
+				borderTop: "1px solid var(--divider)",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				gap: 6
+			},
+			children: [f && /* @__PURE__ */ G(te, { children: [
+				v?.saving && /* @__PURE__ */ W(p, { size: 12 }),
+				v?.error && /* @__PURE__ */ W("span", {
+					style: {
+						fontSize: 11,
+						color: "var(--danger)"
+					},
+					title: v.error,
+					children: "!"
+				}),
+				m === "row_edit" && /* @__PURE__ */ W(l, {
+					size: 32,
+					icon: /* @__PURE__ */ W(s.edit, { size: 14 }),
+					onClick: () => x(e),
+					title: A("record.row.edit", "Edit row")
+				}),
+				/* @__PURE__ */ W(l, {
+					size: 32,
+					icon: /* @__PURE__ */ W(s.trash, { size: 14 }),
+					onClick: () => b(e),
+					title: A("record.row.delete", "Delete row")
+				})
+			] }), !f && D && D.length > 0 && /* @__PURE__ */ W(I, {
+				entity: r,
+				actions: D,
+				objectIds: [e],
+				row: M,
+				onSuccess: k
+			})]
+		})]
+	});
+}
+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 : {
+		...n,
+		...y.buffer
+	}, [n, y]);
+	if (f === "row_edit" && m) {
+		let t = y?.error ? [...h, `_error:${y.error}`] : h;
+		return /* @__PURE__ */ W(Z, {
+			values: N,
+			entity: r,
+			columns: o,
+			editableColumns: c,
+			errors: t,
+			saving: y?.saving ?? !1,
+			onChange: (t, n) => b(e, t, n),
+			onConfirm: () => C(e),
+			onCancel: () => w(e),
+			refs: T
+		});
+	}
+	let P = j, F = {
+		padding: "4px 4px",
+		borderBottom: "1px solid var(--divider)",
+		verticalAlign: "middle"
+	}, L = f === "inline_edit";
+	return /* @__PURE__ */ G("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({
+						field: o,
+						fieldName: n,
+						value: N[n],
+						mode: "edit",
+						onChange: (t) => b(e, n, t),
+						record: N,
+						refs: T,
+						compact: !0,
+						t: M
+					}) : t(N[n])
+				}, n);
+				let l = D && n === E, u = o ? O({
+					field: o,
+					fieldName: n,
+					value: N[n],
+					mode: "display",
+					record: N,
+					refs: T,
+					entity: r,
+					entities: i,
+					screens: l ? void 0 : a,
+					t: M
+				}) : t(N[n]), d = L && s && !g;
+				return /* @__PURE__ */ W("td", {
+					style: {
+						...P,
+						cursor: d ? "pointer" : "default"
+					},
+					onClick: d ? () => v({
+						rowId: e,
+						col: n
+					}) : void 0,
+					children: l ? /* @__PURE__ */ W("a", {
+						href: D,
+						style: {
+							color: "var(--accent-text)",
+							textDecoration: "none",
+							fontWeight: 500
+						},
+						onMouseEnter: (e) => e.currentTarget.style.textDecoration = "underline",
+						onMouseLeave: (e) => e.currentTarget.style.textDecoration = "none",
+						children: u
+					}) : u
+				}, n);
+			}),
+			d && /* @__PURE__ */ W("td", {
+				style: {
+					padding: "4px 8px",
+					borderBottom: "1px solid var(--divider)",
+					verticalAlign: "middle"
+				},
+				children: /* @__PURE__ */ G("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 4
+					},
+					children: [
+						y?.saving && /* @__PURE__ */ W(p, { size: 12 }),
+						y?.error && /* @__PURE__ */ W("span", {
+							style: {
+								fontSize: 11,
+								color: "var(--danger)"
+							},
+							title: y.error,
+							children: "!"
+						}),
+						f === "row_edit" && /* @__PURE__ */ W(l, {
+							size: 24,
+							icon: /* @__PURE__ */ W(s.edit, { size: 12 }),
+							onClick: () => S(e),
+							title: M("record.row.edit", "Edit row")
+						}),
+						/* @__PURE__ */ W(l, {
+							size: 24,
+							icon: /* @__PURE__ */ W(s.trash, { size: 12 }),
+							onClick: () => x(e),
+							title: M("record.row.delete", "Delete row")
+						})
+					]
+				})
+			}),
+			!d && k && k.length > 0 && /* @__PURE__ */ W("td", {
+				style: {
+					padding: "4px 8px",
+					borderBottom: "1px solid var(--divider)",
+					verticalAlign: "middle"
+				},
+				children: /* @__PURE__ */ W(I, {
+					entity: r,
+					actions: k,
+					objectIds: [e],
+					row: N,
+					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 = {
+		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__ */ G("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());
+		},
+		children: [r.map((r) => {
+			let a = n.fields.get(r), o = i.has(r), s = v.has(r);
+			return o ? /* @__PURE__ */ W("td", {
+				style: {
+					...y,
+					outline: s ? "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", {
+					style: b,
+					children: a ? O({
+						field: a,
+						fieldName: r,
+						value: e[r],
+						mode: "edit",
+						onChange: (e) => c(r, e),
+						record: e,
+						refs: m,
+						compact: !0,
+						t: g
+					}) : t(e[r])
+				})
+			}, r) : /* @__PURE__ */ W("td", {
+				style: {
+					...y,
+					color: "var(--text-3)"
+				},
+				children: a?.auto ? "—" : t(e[r])
+			}, r);
+		}), /* @__PURE__ */ W("td", {
+			style: y,
+			children: /* @__PURE__ */ G("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 4,
+					justifyContent: "flex-end"
+				},
+				children: [
+					_ && /* @__PURE__ */ W("span", {
+						style: {
+							fontSize: 11,
+							color: "var(--danger)"
+						},
+						title: _.slice(7),
+						children: "!"
+					}),
+					/* @__PURE__ */ W(l, {
+						size: 24,
+						icon: W(o ? p : s.check, { size: 12 }),
+						onClick: d,
+						title: g("record.row.confirm", "Confirm (Enter)")
+					}),
+					/* @__PURE__ */ W(l, {
+						size: 24,
+						icon: /* @__PURE__ */ W(s.x, { size: 12 }),
+						onClick: f,
+						title: g("record.row.cancel", "Cancel (Esc)")
+					})
+				]
+			})
+		})]
+	});
+}
+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", {
+		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
+		},
+		onKeyDown: (e) => {
+			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), f()) : e.key === "Escape" && (e.preventDefault(), m());
+		},
+		children: [/* @__PURE__ */ W("div", {
+			style: {
+				padding: 10,
+				display: "flex",
+				flexDirection: "column",
+				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 = {
+					fontSize: 11.5,
+					fontWeight: 600,
+					color: "var(--text-3)"
+				};
+				return /* @__PURE__ */ G("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 5,
+						minWidth: 0
+					},
+					children: [s && o ? /* @__PURE__ */ W("label", {
+						id: f,
+						htmlFor: u,
+						style: p,
+						children: l
+					}) : /* @__PURE__ */ W("div", {
+						id: f,
+						style: p,
+						children: l
+					}), /* @__PURE__ */ W("div", {
+						style: {
+							minWidth: 0,
+							outline: c ? "1px solid var(--danger)" : "none",
+							outlineOffset: 3,
+							borderRadius: c ? "var(--radius-sm)" : 0
+						},
+						title: c ? _("record.row.field_required", "{field} is required", { field: r }) : void 0,
+						children: s ? o ? O({
+							field: o,
+							fieldName: r,
+							value: e[r],
+							mode: "edit",
+							onChange: (e) => d(r, e),
+							record: e,
+							refs: h,
+							compact: !0,
+							fieldId: u,
+							labelId: f,
+							t: _
+						}) : t(e[r]) : o?.auto ? "—" : t(e[r])
+					})]
+				}, r);
+			})
+		}), /* @__PURE__ */ G("div", {
+			style: {
+				minHeight: 42,
+				padding: "6px 8px",
+				borderTop: "1px solid var(--divider)",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				gap: 6
+			},
+			children: [
+				y && /* @__PURE__ */ W("span", {
+					style: {
+						fontSize: 11,
+						color: "var(--danger)"
+					},
+					title: y.slice(7),
+					children: "!"
+				}),
+				/* @__PURE__ */ W(l, {
+					size: 32,
+					icon: W(c ? p : s.check, { size: 14 }),
+					onClick: f,
+					title: _("record.row.confirm", "Confirm (Enter)")
+				}),
+				/* @__PURE__ */ W(l, {
+					size: 32,
+					icon: /* @__PURE__ */ W(s.x, { size: 14 }),
+					onClick: m,
+					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(() => {
+		let e = new Set(r);
+		return e.delete(i), e;
+	}, [r, i]);
+	return /* @__PURE__ */ W(Z, {
+		values: e,
+		entity: t,
+		columns: n,
+		editableColumns: d,
+		errors: a,
+		saving: o,
+		onChange: s,
+		onConfirm: c,
+		onCancel: l,
+		refs: u,
+		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(() => {
+		let e = new Set(r);
+		return e.delete(i), e;
+	}, [r, i]);
+	return /* @__PURE__ */ W(Q, {
+		values: e,
+		entity: t,
+		columns: n,
+		editableColumns: d,
+		errors: a,
+		saving: o,
+		onChange: s,
+		onConfirm: c,
+		onCancel: l,
+		refs: u,
+		accent: !0
+	});
+}
+//#endregion
+export { q as AssociatedBlock, ae as associatedDraftEditableColumns, ie as associatedEditableColumns, oe as findMissingRequiredAssociatedFields, re as resolveAssociatedForeignKey, ne as resolveAssociatedRowActions, K as resolveAssociatedToolbarActions };