@declarion/react 0.57.0 → 0.59.0

package/dist-lib/registry-Cb3W-czW.js

@@ -0,0 +1,1950 @@
+import { s as e, t } from "./DynamicIcon-DW5krHuX.js";
+import { $ as n, D as r, Et as i, G as a, In as o, L as s, Ln as c, O as l, Ot as u, Pn as d, Q as f, R as p, Rn as m, Tn as h, W as g, X as _, Zt as v, _n as y, en as b, gn as x, hn as S, i as C, jn as w, kt as T, ln as E, nn as D, on as O, q as k, rn as A, rt as j, tt as M, xt as N, yn as P } from "./useCurrentScreen-BL5NZFCw.js";
+import { A as F, M as I, f as L, s as R, t as z } from "./useText-BFDCTUSo.js";
+import { a as B, c as V, f as H, m as U, o as ee, s as te, t as ne, u as W, y as re } from "./failure-v-uGSpbX.js";
+import { N as G } from "./field-classification-C28XE-_P.js";
+import { c as ie, l as ae, o as oe, t as se } from "./action-dispatch-DY0c8U81.js";
+import { n as ce, r as le, t as ue } from "./dataTableStyles-vwD1mVOP.js";
+import { Component as K, createContext as de, useCallback as q, useContext as fe, useEffect as pe, useId as me, useMemo as J, useRef as Y, useState as X } from "react";
+import { QueryClientContext as he, useInfiniteQuery as ge, useQuery as _e, useQueryClient as Z } from "@tanstack/react-query";
+import { Fragment as ve, jsx as Q, jsxs as $ } from "react/jsx-runtime";
+import { clsx as ye } from "clsx";
+import { twMerge as be } from "tailwind-merge";
+//#region src/components/primitives/SectionCard.tsx
+var xe = {
+	primary: {
+		surface: "var(--surface)",
+		shadow: "var(--shadow-xs)"
+	},
+	secondary: {
+		surface: "var(--surface-2)",
+		shadow: "none"
+	}
+};
+function Se({ title: t, subtitle: n, right: r, badge: i, count: a, children: s, footer: l, collapsible: u = !0, defaultOpen: d = !0, icon: f, emphasis: p = "primary", headingLevel: m = 2, padding: h = "16px" }) {
+	let g = z(), [_, v] = X(d), y = xe[p] ?? xe.primary;
+	return /* @__PURE__ */ $("div", {
+		"data-emphasis": p,
+		style: {
+			background: y.surface,
+			border: "1px solid var(--border)",
+			borderRadius: 10,
+			overflow: "hidden",
+			boxShadow: y.shadow,
+			flexShrink: 0
+		},
+		children: [
+			/* @__PURE__ */ $("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 10,
+					padding: "10px 14px",
+					borderBottom: _ ? "1px solid var(--divider)" : "none",
+					minHeight: 40
+				},
+				children: [
+					/* @__PURE__ */ Q("div", {
+						role: "heading",
+						"aria-level": m,
+						style: {
+							display: "flex",
+							flex: 1,
+							minWidth: 0
+						},
+						children: /* @__PURE__ */ $("div", {
+							role: u ? "button" : void 0,
+							tabIndex: u ? 0 : void 0,
+							"aria-expanded": u ? _ : void 0,
+							onClick: u ? () => v((e) => !e) : void 0,
+							onKeyDown: u ? (e) => {
+								(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v((e) => !e));
+							} : void 0,
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: 8,
+								flex: 1,
+								minWidth: 0,
+								cursor: u ? "pointer" : "default",
+								userSelect: "none"
+							},
+							children: [
+								f && /* @__PURE__ */ Q("span", {
+									style: {
+										color: "var(--text-3)",
+										display: "flex",
+										flexShrink: 0
+									},
+									children: f
+								}),
+								/* @__PURE__ */ Q("div", {
+									style: {
+										fontSize: 12.5,
+										fontWeight: 600,
+										color: "var(--text)",
+										letterSpacing: "-0.005em",
+										overflow: "hidden",
+										textOverflow: "ellipsis",
+										whiteSpace: "nowrap",
+										minWidth: 0
+									},
+									children: t
+								}),
+								a !== void 0 && /* @__PURE__ */ Q("span", {
+									className: "num",
+									style: {
+										fontSize: 11,
+										fontWeight: 600,
+										color: "var(--text-3)",
+										background: "var(--surface-3)",
+										borderRadius: 999,
+										padding: "1px 7px",
+										minWidth: 20,
+										textAlign: "center",
+										flexShrink: 0
+									},
+									children: a
+								}),
+								n && /* @__PURE__ */ Q("div", {
+									style: {
+										fontSize: 11.5,
+										color: "var(--text-3)",
+										flexShrink: 0,
+										borderLeft: "1px solid var(--divider)",
+										paddingLeft: 8,
+										marginLeft: 2
+									},
+									children: n
+								})
+							]
+						})
+					}),
+					i && /* @__PURE__ */ Q(o, {
+						tone: i.tone ?? "violet",
+						size: "xs",
+						dot: i.dot,
+						children: i.text
+					}),
+					r,
+					u && /* @__PURE__ */ Q(c, {
+						size: 24,
+						icon: Q(_ ? e.up : e.down, { size: 14 }),
+						onClick: () => v((e) => !e),
+						title: _ ? g("control.collapse", "Collapse") : g("control.expand", "Expand")
+					})
+				]
+			}),
+			_ && /* @__PURE__ */ Q("div", {
+				style: { padding: h },
+				children: s
+			}),
+			l && _ && /* @__PURE__ */ Q("div", {
+				style: {
+					padding: "8px 14px",
+					borderTop: "1px solid var(--divider)",
+					background: "var(--surface-2)",
+					fontSize: 11.5,
+					color: "var(--text-3)"
+				},
+				children: l
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/primitives/ClassifiedFieldLocked.tsx
+function Ce({ tier: t, tierDef: n, requiredPermission: r, variant: i = "value" }) {
+	let a = z(), o = a(n?.name) || t, s = r ? a("control.locked.permission_hint", "Locked: requires permission \"{permission}\". Ask your administrator to grant it to your role.", { permission: r }) : a("control.locked.classification_hint", "Locked: {classification} classification — requires explicit grant.", { classification: o });
+	return /* @__PURE__ */ $("span", {
+		title: s,
+		"aria-label": s,
+		className: `inline-flex items-center gap-1 text-muted-foreground italic select-none ${i === "input" ? "border border-divider rounded-md px-2 py-1 bg-surface" : ""}`,
+		children: [/* @__PURE__ */ Q(e.lock, { size: 12 }), /* @__PURE__ */ Q("span", { children: o })]
+	});
+}
+//#endregion
+//#region src/lib/utils.ts
+function we(...e) {
+	return be(ye(e));
+}
+function Te(e) {
+	return e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0;
+}
+//#endregion
+//#region src/components/detail-layout/FieldRow.tsx
+var Ee = 150, De = 560, Oe = 270, ke = "20px", Ae = 4, je = /* @__PURE__ */ new Set([
+	"text",
+	"rich_text",
+	"json",
+	"structure",
+	"multilang_text",
+	"multilang_array"
+]), Me = de({
+	columns: 2,
+	stackPairs: !1
+});
+function Ne({ columns: e = 2, children: t }) {
+	let n = Y(null), [r, i] = X(null);
+	pe(() => {
+		let e = n.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(([e]) => {
+			i(e.contentRect.width);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let a = e === 1 || r !== null && r < De ? 1 : e, o = r === null ? null : (r - (a - 1) * 24) / a, s = o !== null && o < Oe;
+	return /* @__PURE__ */ Q(Me.Provider, {
+		value: {
+			columns: a,
+			stackPairs: s
+		},
+		children: /* @__PURE__ */ Q("div", {
+			ref: n,
+			style: {
+				display: "grid",
+				gridTemplateColumns: `repeat(${a}, minmax(0, 1fr))`,
+				columnGap: 24,
+				rowGap: 2
+			},
+			children: t
+		})
+	});
+}
+function Pe({ label: t, children: n, span: r = !1, required: i, error: a, hint: o, actions: s, copyValue: c, mode: l = "display", htmlFor: d, labelId: f, labelTitle: p, "data-testid": m }) {
+	let h = z(), g = fe(Me), _ = r || g.stackPairs, v = !!a;
+	return /* @__PURE__ */ $("div", {
+		className: "detail-row",
+		"data-error": v || void 0,
+		"data-testid": m,
+		style: {
+			display: "flex",
+			flexDirection: _ ? "column" : "row",
+			gap: _ ? 4 : 16,
+			alignItems: _ ? "stretch" : "flex-start",
+			padding: "6px 0",
+			...r ? { gridColumn: "1 / -1" } : null
+		},
+		children: [/* @__PURE__ */ $("div", {
+			style: {
+				width: _ ? "auto" : Ee,
+				flexShrink: 0,
+				paddingTop: _ ? 0 : Ae,
+				fontSize: 12,
+				lineHeight: ke,
+				fontWeight: 500,
+				color: "var(--text-3)",
+				display: "flex",
+				alignItems: "flex-start",
+				gap: 2
+			},
+			children: [d ? /* @__PURE__ */ Q("label", {
+				id: f,
+				htmlFor: d,
+				title: p || void 0,
+				children: t
+			}) : /* @__PURE__ */ Q("span", {
+				id: f,
+				title: p || void 0,
+				children: t
+			}), i && l === "edit" && /* @__PURE__ */ Q("span", {
+				"aria-hidden": "true",
+				style: {
+					color: "var(--danger)",
+					marginLeft: 2
+				},
+				children: "*"
+			})]
+		}), /* @__PURE__ */ $("div", {
+			style: {
+				flex: 1,
+				minWidth: 0,
+				display: "flex",
+				flexDirection: "column",
+				gap: 3
+			},
+			children: [/* @__PURE__ */ $("div", {
+				style: {
+					display: "flex",
+					alignItems: "flex-start",
+					gap: 6,
+					minHeight: 24
+				},
+				children: [/* @__PURE__ */ Q("div", {
+					style: {
+						flex: 1,
+						minWidth: 0,
+						fontSize: 13,
+						lineHeight: ke,
+						color: "var(--text)",
+						overflowWrap: "anywhere",
+						paddingTop: l === "display" && !_ ? Ae : 0
+					},
+					children: v && l === "edit" ? /* @__PURE__ */ Q("div", {
+						style: {
+							borderRadius: 6,
+							boxShadow: "0 0 0 1.5px var(--danger)"
+						},
+						children: n
+					}) : n
+				}), (c || s) && /* @__PURE__ */ $("div", {
+					className: "detail-row-action",
+					style: {
+						display: "flex",
+						gap: 2,
+						flexShrink: 0,
+						marginTop: -2
+					},
+					children: [c && /* @__PURE__ */ Q(u, {
+						value: c,
+						size: "sm",
+						title: h("record.field.copy_value", "Copy value")
+					}), s]
+				})]
+			}), (v || o != null) && /* @__PURE__ */ $("div", {
+				style: {
+					fontSize: 11.5,
+					lineHeight: 1.4,
+					color: v ? "var(--danger)" : "var(--text-3)",
+					display: "flex",
+					alignItems: "center",
+					gap: 4
+				},
+				children: [v && /* @__PURE__ */ Q(e.warning, { size: 11 }), /* @__PURE__ */ Q("span", { children: v ? a : o })]
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/hooks/useObject.ts
+function Fe(e, t) {
+	return [
+		"entity-item",
+		e,
+		t === void 0 || t === "new" ? void 0 : typeof t == "string" ? t : Object.keys(t).sort().map((e) => [e, t[e]])
+	];
+}
+function Ie(e, t) {
+	let n = Fe(e, t), r = n[2];
+	return _e({
+		queryKey: n,
+		queryFn: () => H(e, t),
+		enabled: !!e && !!t && t !== "new" && r !== void 0
+	});
+}
+//#endregion
+//#region src/hooks/useAssociatedData.ts
+function Le(e, t, n, i, a, o, s, c) {
+	let l = c ? JSON.stringify(Object.entries(c).sort()) : void 0;
+	return ge({
+		queryKey: [
+			r,
+			e,
+			t,
+			n,
+			a,
+			o,
+			s,
+			l
+		],
+		queryFn: ({ pageParam: e }) => {
+			let r = new URLSearchParams(), l = [{
+				field: i,
+				op: "eq",
+				value: t
+			}];
+			if (c) for (let [e, t] of Object.entries(c)) t && t !== "__all__" && l.push({
+				field: e,
+				op: "eq",
+				value: t
+			});
+			return r.set("filters", JSON.stringify(l)), a && r.set("sort", a), o && r.set("limit", String(o)), s && r.set("search", s), e && r.set("after", e), I(`/api/data/${n}?${r.toString()}`);
+		},
+		getNextPageParam: (e) => e.meta?.has_more ? e.meta.cursor : void 0,
+		initialPageParam: void 0,
+		enabled: !!e && !!t && !!n && !!i
+	});
+}
+//#endregion
+//#region src/components/actions/ActionButton.tsx
+function Re({ actionCode: n, action: r, entityCode: i, objectIds: a = [], row: o, variant: l = "outline", size: u = "default", onSuccess: d }) {
+	let h = z(), g = z("errors"), [v, y] = X(!1), [b, x] = X(!1), { data: S } = L(), w = G(), { run: E } = C(), D = f(r), O = !o || k(r.conditions, o), A = q(async () => {
+		if (r.association && a.length !== 0) {
+			y(!0);
+			try {
+				let e = i ? `${i}.${r.association}` : r.association, t = await U(e, a), n = _(S, t.target_entity);
+				if (!n) {
+					T.error(g("action.list_screen_missing", "No list screen is declared for this entity."), t.target_entity);
+					return;
+				}
+				let o = S?.entities[t.target_entity], s = h(r.display?.name) || t.target_entity;
+				if (t.ids.length === 0) {
+					T.info(h("action.association.none_related", "No related {name} found", { name: s }));
+					return;
+				}
+				let c = o?.fields.names().find((e) => o.fields.get(e)?.primary) ?? "id", l = new URLSearchParams();
+				l.set(`filter_${c}`, t.ids.join(",")), w(n.route, {
+					title: s,
+					icon: r.display?.icon || n.icon,
+					search: l.toString()
+				}), d?.();
+			} catch (e) {
+				T.error(ne(g, e));
+			} finally {
+				y(!1);
+			}
+		}
+	}, [
+		h,
+		g,
+		r,
+		i,
+		a,
+		S,
+		w,
+		d
+	]), j = r.entity ? `${r.entity}.${n}` : n, N = a.length > 0 ? a : void 0, P = q(() => {
+		x(!0), E({
+			action: r,
+			title: h(r.display?.name) || n,
+			row: o,
+			entity: i,
+			execute: (e) => W(j, B(e, N)),
+			onSuccess: () => d?.()
+		}).finally(() => x(!1));
+	}, [
+		h,
+		E,
+		r,
+		n,
+		o,
+		i,
+		j,
+		N,
+		d
+	]), F = q(() => {
+		if (p(r)) {
+			s(g, r.ui_steps, { row: o }).then(() => d?.());
+			return;
+		}
+		if (D) {
+			A();
+			return;
+		}
+		if (r.href && !r.handler && !r.association) {
+			let e = i ? S?.entities[i] : void 0, t = M(o, e), a = r.href;
+			i && (a = a.replaceAll("${entity}", i)), t && (a = a.replaceAll("${id}", encodeURIComponent(t))), w(a, {
+				title: h(r.display?.name) || n,
+				icon: r.display?.icon
+			}), d?.();
+			return;
+		}
+		P();
+	}, [
+		h,
+		g,
+		r,
+		o,
+		i,
+		S?.entities,
+		n,
+		w,
+		D,
+		A,
+		P,
+		d
+	]), I = h(r.display?.name), R = r.display?.icon, V = R && e[R], H = V ? /* @__PURE__ */ Q(V, { size: 13 }) : R ? /* @__PURE__ */ Q(t, {
+		name: R,
+		size: 13
+	}) : null, ee = !O || b || v;
+	return u === "icon" ? /* @__PURE__ */ Q(c, {
+		icon: H ?? /* @__PURE__ */ Q(e.bolt, { size: 13 }),
+		onClick: F,
+		title: I
+	}) : /* @__PURE__ */ Q(m, {
+		kind: l === "default" ? "primary" : l === "ghost" ? "ghost" : "default",
+		size: "sm",
+		icon: H,
+		danger: r.destructive,
+		onClick: F,
+		disabled: ee,
+		title: I,
+		"aria-label": I,
+		children: I
+	});
+}
+//#endregion
+//#region src/components/actions/RowActionsKebab.tsx
+function ze({ actions: t, objectIds: n, row: r, entity: i, onSuccess: a, preMenu: o, divider: s, size: l = 22, align: u = "end" }) {
+	let f = z(), p = Y(null), [m, h] = X(!1), [_, v] = X(null), { run: y } = C(), b = J(() => {
+		let e = {};
+		for (let { code: n, action: r } of t) e[n] = r;
+		return e;
+	}, [t]), x = J(() => {
+		let e = t.map(({ code: e }) => ({
+			kind: "action",
+			code: e,
+			enabled: !0,
+			reason: null
+		}));
+		return r ? g(f, e, b, void 0, r, [], oe(i, r)) : e;
+	}, [
+		f,
+		t,
+		b,
+		r,
+		i
+	]), S = q((e, t) => {
+		h(!1);
+		let i = t.entity ? `${t.entity}.${e}` : e;
+		return y({
+			action: t,
+			title: f(t.display?.name) || e,
+			row: r,
+			execute: async (e) => {
+				let t = await W(i, B(e, n));
+				return a?.(), t;
+			}
+		});
+	}, [
+		f,
+		y,
+		r,
+		n,
+		a
+	]);
+	return !o && x.length === 0 ? null : /* @__PURE__ */ $("div", {
+		className: "sl-row-actions",
+		"data-open": m ? "true" : void 0,
+		style: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "flex-end"
+		},
+		children: [/* @__PURE__ */ Q(c, {
+			ref: p,
+			size: l,
+			icon: /* @__PURE__ */ Q(e.more, { size: Math.round(l * .55) }),
+			onClick: () => h((e) => !e),
+			title: f("action.menu.title", "Actions")
+		}), /* @__PURE__ */ $(d, {
+			open: m,
+			anchor: p.current,
+			onClose: () => h(!1),
+			width: 200,
+			align: u,
+			children: [
+				o,
+				o && s && x.length > 0 && /* @__PURE__ */ Q(A, { divider: !0 }),
+				/* @__PURE__ */ Q(ae, {
+					layout: x,
+					entityActions: b,
+					onRun: S,
+					loading: _,
+					onLoadingChange: v,
+					row: r
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/detail-layout/AssociatedToolbar.tsx
+function Be({ entity: t, searchable: n, filterFields: r, searchValue: i, onSearchChange: a, filters: o, onFilterChange: s, allEntities: c }) {
+	let l = z(), u = n === !0, d = r && r.length > 0;
+	return !u && !d ? null : /* @__PURE__ */ $("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			marginBottom: 8
+		},
+		children: [u && /* @__PURE__ */ Q("div", {
+			style: {
+				flex: 1,
+				maxWidth: 220
+			},
+			children: /* @__PURE__ */ Q(b, {
+				value: i,
+				onChange: a,
+				placeholder: l("record.associated.search", "Search…"),
+				prefix: /* @__PURE__ */ Q(e.search, { size: 12 })
+			})
+		}), d && r.map((e) => {
+			let n = t.fields.get(e);
+			if (!n) return null;
+			let r = o[e] ?? "__all__", i = y(l, n, e, c);
+			if (n.type === "ref" && n.ref?.entity) return /* @__PURE__ */ Q(Ve, {
+				field: n,
+				label: i,
+				value: r,
+				onChange: (t) => s(e, t)
+			}, e);
+			if (!n.values) return null;
+			let a = [{
+				value: "__all__",
+				label: l("record.associated.filter_all", "All {name}", { name: i })
+			}, ...n.values.map((e) => ({
+				value: e.code,
+				label: l(e.name) || e.code
+			}))];
+			return /* @__PURE__ */ Q("div", {
+				style: { width: 160 },
+				children: /* @__PURE__ */ Q(v, {
+					value: r,
+					options: a,
+					onChange: (t) => s(e, t),
+					placeholder: i
+				})
+			}, e);
+		})]
+	});
+}
+function Ve({ field: e, label: t, value: n, onChange: r }) {
+	let a = z(), o = N(e.ref?.entity), s = e.display?.ref_display_field ?? o?.display?.display_field, c = J(() => o ? [...o.fields].find(([, e]) => e.primary)?.[0] ?? "id" : "id", [o]), { data: l } = i(e.ref?.entity, {
+		per_page: 200,
+		sort: s ? `${s}:asc` : void 0
+	}), u = l?.data ?? [], d = (e) => e == null ? "—" : typeof e == "object" && !Array.isArray(e) ? a(e) || "—" : w(e), f = [{
+		value: "__all__",
+		label: a("record.associated.filter_all", "All {name}", { name: t })
+	}, ...u.map((e) => {
+		let t = String(e[c]), n = e[E];
+		return {
+			value: t,
+			label: typeof n == "string" && n !== "" ? n : s ? d(e[s] ?? t) : t
+		};
+	})];
+	return /* @__PURE__ */ Q("div", {
+		style: { width: 160 },
+		children: /* @__PURE__ */ Q(v, {
+			value: n,
+			options: f,
+			onChange: r,
+			placeholder: t
+		})
+	});
+}
+//#endregion
+//#region src/components/detail-layout/AssociatedBlock.tsx
+function He(e) {
+	if (!e) return [];
+	let t = [];
+	for (let [r, i] of Object.entries(e)) (i.visibility ?? []).includes("list_row") && (i.association || n(r) || t.push({
+		code: r,
+		action: i
+	}));
+	return t;
+}
+function Ue(e, t, n) {
+	if (!e) return [];
+	let r = [];
+	for (let [i, a] of Object.entries(e)) {
+		if (!(a.visibility ?? []).includes("list_toolbar") || a.association || i.startsWith("__")) continue;
+		let e = {
+			...a,
+			resolved_hidden_defaults: {
+				...a.resolved_hidden_defaults ?? {},
+				[t]: n
+			}
+		};
+		if (a.resolved_params?.has(t)) {
+			let n = a.resolved_params.items().filter((e) => e.name !== t);
+			e = {
+				...e,
+				resolved_params: new F(n)
+			};
+		}
+		r.push({
+			code: i,
+			action: e
+		});
+	}
+	return r;
+}
+function We(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 Ge(e, t, n) {
+	let r = new Set(P(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 Ke(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 qe(e, t, n, r) {
+	let i = [];
+	for (let a of t) {
+		let t = n.fields.get(a);
+		if (!t || !t.required || t.auto || 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 Je({ node: e, ctx: t }) {
+	let n = z("errors"), r = e.associated;
+	if (!r || t.isNew) return null;
+	let i = t.schema.entities[r];
+	if (!i) return /* @__PURE__ */ $("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__ */ Q("code", { children: r })
+		]
+	});
+	let a = We(t.schema.entities, t.entityCode, r);
+	return a ? /* @__PURE__ */ Q(Ye, {
+		node: e,
+		ctx: t,
+		assocCode: r,
+		assocEntity: i,
+		fkField: a
+	}) : /* @__PURE__ */ $("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 Ye({ node: n, ctx: r, assocCode: i, assocEntity: o, fkField: s }) {
+	let c = z(), l = z("errors"), u = n.columns && n.columns.length > 0 ? n.columns.filter((e) => e !== s && !!o.fields.get(e)) : o.fields.names().filter((e) => {
+		if (e === s) return !1;
+		let t = o.fields.get(e);
+		return !(!t || t.primary || t.display?.is_listable === !1);
+	}), d = S(o, "update"), f = n.interaction ?? (d ? "navigate" : "readonly"), p = (f === "inline_edit" || f === "row_edit") && d && n.editable !== !1, h = c(o.display?.name_plural) || c(o.display?.name) || i, _ = n.searchable === !0 || n.filters && n.filters.length > 0, v = J(() => Ue(o.actions, s, r.recordId), [
+		o.actions,
+		s,
+		r.recordId
+	]), y = J(() => {
+		let e = {};
+		for (let { code: t, action: n } of v) e[t] = n;
+		return e;
+	}, [v]), b = J(() => {
+		let e = o.action_layout ?? null;
+		return g(c, e ?? a(y, "list_toolbar"), y, void 0, {}, []);
+	}, [
+		c,
+		o.action_layout,
+		y
+	]), { run: x } = C(), w = G(), T = J(() => ({
+		entity: o,
+		entityCode: i,
+		screenRoute: typeof window < "u" ? window.location.pathname : "",
+		selectedRows: [],
+		selectedIds: [],
+		t: c,
+		tabNavigate: (e, t) => w(e, {
+			title: t?.title,
+			icon: t?.icon,
+			search: t?.search
+		}),
+		runActionApi: (e, t) => W(e, t)
+	}), [
+		o,
+		i,
+		c,
+		w
+	]), E = Z(), D = q(() => {
+		E.invalidateQueries({ predicate: (e) => {
+			let t = e.queryKey;
+			return t[0] === "entity-children" && t[3] === i;
+		} });
+	}, [E, i]), O = q((e, t) => {
+		let n = se(l, e, t, {}, i);
+		if (n !== null) return x({
+			action: t,
+			title: c(t.display?.name) || e,
+			execute: async (e) => {
+				let t = await W(n, B(e, void 0));
+				return D(), t;
+			}
+		});
+	}, [
+		c,
+		l,
+		x,
+		i,
+		D
+	]), [k, A] = X(0), j = /* @__PURE__ */ $("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			flex: "1 1 auto",
+			minWidth: 0,
+			justifyContent: "flex-end"
+		},
+		children: [o.action_layout ? b.length > 0 && /* @__PURE__ */ Q(ie, {
+			kind: "toolbar",
+			layout: b,
+			entityActions: y,
+			onRun: O,
+			widgetContext: T,
+			ariaLabel: c("record.associated.toolbar_actions", "{name} toolbar actions", { name: h })
+		}) : v.map(({ code: e, action: t }) => /* @__PURE__ */ Q(Re, {
+			actionCode: e,
+			action: t,
+			entityCode: i,
+			variant: "ghost",
+			size: "sm",
+			onSuccess: D
+		}, e)), p && /* @__PURE__ */ Q(m, {
+			kind: "ghost",
+			size: "xs",
+			icon: /* @__PURE__ */ Q(e.plus, { size: 12 }),
+			onClick: () => A((e) => e + 1),
+			children: c("record.row.add", "Add row")
+		})]
+	}), M = _ ? /* @__PURE__ */ Q(Ze, {
+		entityCode: i,
+		entity: o,
+		parentEntity: r.entityCode,
+		parentId: r.recordId,
+		foreignKey: s,
+		columns: u,
+		editable: p,
+		interaction: f,
+		ctx: r,
+		searchable: n.searchable,
+		filterFields: n.filters,
+		sort: n.sort,
+		startDraftSignal: k
+	}) : /* @__PURE__ */ Q(Xe, {
+		entityCode: i,
+		entity: o,
+		parentEntity: r.entityCode,
+		parentId: r.recordId,
+		foreignKey: s,
+		columns: u,
+		editable: p,
+		interaction: f,
+		ctx: r,
+		sort: n.sort,
+		startDraftSignal: k
+	});
+	return r.withinCard ? /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q("div", {
+		style: {
+			display: "flex",
+			justifyContent: "flex-end",
+			marginBottom: 8
+		},
+		children: j
+	}), M] }) : /* @__PURE__ */ Q(Se, {
+		title: h,
+		icon: o.display?.icon ? /* @__PURE__ */ Q(t, {
+			name: o.display.icon,
+			size: 14
+		}) : void 0,
+		right: j,
+		children: M
+	});
+}
+function Xe({ entityCode: e, entity: t, parentEntity: n, parentId: i, foreignKey: a, columns: o, editable: s, interaction: c, ctx: u, sort: d, startDraftSignal: f }) {
+	let p = Z(), { data: m, isLoading: h, isError: g } = l(n, i, e, a, d), _ = m?.data ?? [], v = m?.$refs, y = q(() => {
+		p.invalidateQueries({ queryKey: [
+			r,
+			n,
+			i,
+			e
+		] });
+	}, [
+		p,
+		n,
+		i,
+		e
+	]);
+	return /* @__PURE__ */ Q(Qe, {
+		entityCode: e,
+		entity: t,
+		parentId: i,
+		foreignKey: a,
+		columns: o,
+		editable: s,
+		interaction: c,
+		ctx: u,
+		rows: _,
+		refs: v,
+		isLoading: h,
+		isError: g,
+		invalidateQuery: y,
+		startDraftSignal: f
+	});
+}
+function Ze({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey: i, columns: a, editable: o, interaction: s, ctx: c, searchable: l, filterFields: u, sort: d, startDraftSignal: f }) {
+	let p = z(), h = Z(), [g, _] = X(""), [v, y] = X(""), [b, x] = X({}), S = Y(void 0);
+	pe(() => (S.current && clearTimeout(S.current), S.current = setTimeout(() => {
+		y(g);
+	}, 300), () => {
+		S.current && clearTimeout(S.current);
+	}), [g]);
+	let C = q((e, t) => {
+		x((n) => {
+			if (t === "__all__") {
+				let { [e]: t, ...r } = n;
+				return r;
+			}
+			return {
+				...n,
+				[e]: t
+			};
+		});
+	}, []), w = J(() => Object.keys(b).length > 0 ? b : void 0, [b]), { data: T, isLoading: E, isError: O, hasNextPage: k, fetchNextPage: A, isFetchingNextPage: j } = Le(n, r, e, i, d, void 0, v || void 0, w), { rows: M, refs: N } = J(() => {
+		if (!T?.pages) return {
+			rows: [],
+			refs: void 0
+		};
+		let e = [], t;
+		for (let n of T.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
+		};
+	}, [T]), P = q(() => {
+		h.invalidateQueries({ predicate: (t) => {
+			let n = t.queryKey;
+			return n[0] === "entity-children" && n[3] === e;
+		} });
+	}, [h, e]);
+	return /* @__PURE__ */ $("div", { children: [
+		/* @__PURE__ */ Q(Be, {
+			entity: t,
+			searchable: l,
+			filterFields: u,
+			searchValue: g,
+			onSearchChange: _,
+			filters: b,
+			onFilterChange: C,
+			allEntities: c.schema.entities
+		}),
+		/* @__PURE__ */ Q(Qe, {
+			entityCode: e,
+			entity: t,
+			parentId: r,
+			foreignKey: i,
+			columns: a,
+			editable: o,
+			interaction: s,
+			ctx: c,
+			rows: M,
+			refs: N,
+			isLoading: E,
+			isError: O,
+			invalidateQuery: P,
+			startDraftSignal: f
+		}),
+		k && /* @__PURE__ */ Q("div", {
+			style: { marginTop: 4 },
+			children: /* @__PURE__ */ Q(m, {
+				kind: "ghost",
+				size: "xs",
+				icon: j ? /* @__PURE__ */ Q(D, { size: 12 }) : void 0,
+				onClick: () => A(),
+				disabled: j,
+				children: p("record.associated.load_more", "Load more")
+			})
+		})
+	] });
+}
+function Qe({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i, editable: a, interaction: o, ctx: s, rows: c, refs: l, isLoading: u, isError: d, invalidateQuery: f, startDraftSignal: p }) {
+	let m = z(), g = z("errors"), _ = O(), v = _.isPhone && s.relatedRecordsPresentation === "table", b = i.find((e) => e !== r), S = J(() => o === "navigate" ? h(void 0, t, s.schema.screens) : null, [
+		o,
+		t,
+		s.schema.screens
+	]), w = J(() => a ? Ge(t, i, r) : /* @__PURE__ */ new Set(), [
+		i,
+		r,
+		t,
+		a
+	]), T = J(() => Ke(t, i, r), [
+		i,
+		r,
+		t
+	]), E = J(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let n of c) {
+			let r = x(t, n);
+			e.set(V(r), r);
+		}
+		return e;
+	}, [c, t]), D = J(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let n of c) {
+			let r = n.$row_version;
+			typeof r == "string" && r !== "" && e.set(V(x(t, n)), r);
+		}
+		return e;
+	}, [c, t]), k = J(() => He(t.actions), [t.actions]), [A, j] = X(null), [M, N] = X(null), [P, F] = X([]), [I, L] = X({}), R = Y(I);
+	R.current = I;
+	let B = Y({});
+	pe(() => {
+		let e = B.current;
+		return () => {
+			for (let t of Object.values(e)) clearTimeout(t);
+		};
+	}, []);
+	let [H, U] = X(null), [W, G] = X([]), [ie, ae] = X(!1), { run: oe } = C(), [se, ue] = X(/* @__PURE__ */ new Set()), K = q(async (t, n, r) => {
+		L((e) => ({
+			...e,
+			[t]: {
+				...e[t],
+				saving: !0,
+				error: void 0
+			}
+		}));
+		try {
+			let i = D.get(t), a = i ? {
+				...n,
+				$row_version: i
+			} : n;
+			return await re(e, E.get(t) ?? t, a), L((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;
+			}), f(), !0;
+		} catch (e) {
+			let n = ne(g, e);
+			return L((e) => ({
+				...e,
+				[t]: {
+					...e[t],
+					saving: !1,
+					error: n
+				}
+			})), !1;
+		}
+	}, [
+		e,
+		g,
+		f,
+		E,
+		D
+	]), de = q((e, t, n) => {
+		L((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
+				}
+			};
+		}), o === "inline_edit" && (B.current[e] && clearTimeout(B.current[e]), B.current[e] = setTimeout(() => {
+			let t = R.current[e];
+			t && Object.keys(t.buffer).length > 0 && K(e, { ...t.buffer }, t.ver);
+		}, 500));
+	}, [K, o]), fe = q(() => {
+		let e = {};
+		e[r] = n;
+		for (let n of i) {
+			let r = t.fields.get(n);
+			r && (r.default === void 0 ? r.type === "bool" && (e[n] = !1) : e[n] = r.default);
+		}
+		U(e), G([]);
+	}, [
+		r,
+		n,
+		i,
+		t.fields
+	]), me = Y(p);
+	pe(() => {
+		p !== void 0 && p !== me.current && (me.current = p, !H && fe());
+	}, [
+		p,
+		H,
+		fe
+	]);
+	let he = q(async () => {
+		if (!H) return;
+		let n = qe(H, i, t, r);
+		if (n.length > 0) {
+			G(n);
+			return;
+		}
+		ae(!0);
+		try {
+			await ee(e, H), U(null), G([]), f();
+		} catch (e) {
+			let t = ne(g, e);
+			G([`_error:${t}`]);
+		} finally {
+			ae(!1);
+		}
+	}, [
+		H,
+		i,
+		t,
+		r,
+		e,
+		g,
+		f
+	]), ge = q((e) => {
+		L({}), F([]), N(e);
+	}, []), _e = q(async (e) => {
+		let n = R.current[e], a = n?.buffer ?? {};
+		if (Object.keys(a).length === 0) {
+			N(null), F([]);
+			return;
+		}
+		let o = qe({
+			...c.find((n) => V(x(t, n)) === e) ?? {},
+			...a
+		}, i, t, r);
+		if (o.length > 0) {
+			F(o);
+			return;
+		}
+		await K(e, { ...a }, n?.ver ?? 0) && (N(null), F([]));
+	}, [
+		c,
+		t,
+		i,
+		r,
+		K
+	]), Z = q((e) => {
+		L((t) => {
+			if (!t[e]) return t;
+			let { [e]: n, ...r } = t;
+			return r;
+		}), F([]), N(null);
+	}, []), ve = q((n, r) => {
+		let i = E.get(n) ?? n;
+		return oe({
+			action: t.actions?.__delete,
+			destructive: !0,
+			title: m(t.display?.name) || m("record.action.delete", "Delete"),
+			row: r,
+			entity: e,
+			execute: async () => {
+				ue((e) => new Set(e).add(n));
+				try {
+					return await te(e, i);
+				} finally {
+					ue((e) => {
+						let t = new Set(e);
+						return t.delete(n), t;
+					});
+				}
+			},
+			onSuccess: () => f()
+		});
+	}, [
+		m,
+		oe,
+		t,
+		e,
+		f,
+		E
+	]);
+	if (d) return /* @__PURE__ */ Q("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--danger)",
+			padding: "8px 0"
+		},
+		children: g("record.related_rows_unreadable", "The related records could not be loaded.")
+	});
+	if (u) return /* @__PURE__ */ $("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 8,
+			padding: "8px 0"
+		},
+		children: [/* @__PURE__ */ Q("div", { style: {
+			height: 32,
+			background: "var(--surface-3)",
+			borderRadius: 6
+		} }), /* @__PURE__ */ Q("div", { style: {
+			height: 32,
+			background: "var(--surface-3)",
+			borderRadius: 6
+		} })]
+	});
+	let ye = c.length === 0 && !H;
+	return _.isPhone && !v ? /* @__PURE__ */ $("div", { children: [ye && !a && /* @__PURE__ */ Q("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "12px 0"
+		},
+		children: m("record.related.empty", "No records yet.")
+	}), (!ye || a) && /* @__PURE__ */ $("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 10
+		},
+		children: [c.map((n) => {
+			let r = V(x(t, n)), c = se.has(r), u = I[r], d = S && r ? S.replace(/:\w+/, r) : void 0;
+			return /* @__PURE__ */ Q($e, {
+				rowId: r,
+				row: n,
+				entity: t,
+				entities: s.schema.entities,
+				screens: s.schema.screens,
+				columns: i,
+				editableColumns: w,
+				editable: a,
+				interaction: o,
+				isEditing: M === r,
+				editErrors: P,
+				isDeleting: c,
+				activeCell: A,
+				setActiveCell: j,
+				rowState: u,
+				onCellChange: de,
+				onDeleteClick: (e) => void ve(e, n),
+				onStartEdit: ge,
+				onConfirmEdit: _e,
+				onCancelEdit: Z,
+				refs: l,
+				identityCol: b,
+				href: d,
+				rowActions: k,
+				entityCode: e,
+				onRowActionSuccess: f
+			}, r);
+		}), H && /* @__PURE__ */ Q(it, {
+			draftRow: H,
+			entity: t,
+			columns: i,
+			editableColumns: T,
+			foreignKey: r,
+			draftErrors: W,
+			draftSaving: ie,
+			onChange: (e, t) => U((n) => n && {
+				...n,
+				[e]: t
+			}),
+			onConfirm: he,
+			onCancel: () => {
+				U(null), G([]);
+			},
+			refs: l
+		})]
+	})] }) : /* @__PURE__ */ $("div", { children: [ye && !a && /* @__PURE__ */ Q("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "12px 0"
+		},
+		children: m("record.related.empty", "No records yet.")
+	}), (!ye || a) && /* @__PURE__ */ Q("div", {
+		style: { overflowX: "auto" },
+		children: /* @__PURE__ */ $("table", {
+			style: le,
+			children: [/* @__PURE__ */ Q("thead", { children: /* @__PURE__ */ $("tr", { children: [
+				i.map((e) => {
+					let n = t.fields.get(e);
+					return /* @__PURE__ */ Q("th", {
+						style: ce,
+						children: n ? y(m, n, e, s.schema.entities) : e
+					}, e);
+				}),
+				a && /* @__PURE__ */ Q("th", { style: {
+					height: 30,
+					width: 72
+				} }),
+				!a && k.length > 0 && /* @__PURE__ */ Q("th", { style: {
+					height: 30,
+					width: 40
+				} })
+			] }) }), /* @__PURE__ */ $("tbody", { children: [c.map((n) => {
+				let r = V(x(t, n)), c = se.has(r), u = I[r], d = S && r ? S.replace(/:\w+/, r) : void 0;
+				return /* @__PURE__ */ Q(et, {
+					rowId: r,
+					row: n,
+					entity: t,
+					entities: s.schema.entities,
+					screens: s.schema.screens,
+					columns: i,
+					editableColumns: w,
+					editable: a,
+					interaction: o,
+					isEditing: M === r,
+					editErrors: P,
+					isDeleting: c,
+					activeCell: A,
+					setActiveCell: j,
+					rowState: u,
+					onCellChange: de,
+					onDeleteClick: (e) => void ve(e, n),
+					onStartEdit: ge,
+					onConfirmEdit: _e,
+					onCancelEdit: Z,
+					refs: l,
+					identityCol: b,
+					href: d,
+					rowActions: k,
+					entityCode: e,
+					onRowActionSuccess: f
+				}, r);
+			}), H && /* @__PURE__ */ Q(rt, {
+				draftRow: H,
+				entity: t,
+				columns: i,
+				editableColumns: T,
+				foreignKey: r,
+				draftErrors: W,
+				draftSaving: ie,
+				onChange: (e, t) => U((n) => n && {
+					...n,
+					[e]: t
+				}),
+				onConfirm: he,
+				onCancel: () => {
+					U(null), G([]);
+				},
+				refs: l
+			})] })]
+		})
+	})] });
+}
+function $e({ rowId: t, row: n, entity: r, entities: i, screens: a, columns: o, editableColumns: s, editable: l, interaction: u, isEditing: d, editErrors: f, isDeleting: p, rowState: m, onCellChange: h, onDeleteClick: g, onStartEdit: _, onConfirmEdit: v, onCancelEdit: b, refs: x, identityCol: S, href: C, rowActions: T, onRowActionSuccess: E }) {
+	let O = z(), k = me(), A = J(() => !m || Object.keys(m.buffer).length === 0 ? n : {
+		...n,
+		...m.buffer
+	}, [n, m]);
+	if (u === "row_edit" && d) {
+		let e = m?.error ? [...f, `_error:${m.error}`] : f;
+		return /* @__PURE__ */ Q(nt, {
+			values: A,
+			entity: r,
+			columns: o,
+			editableColumns: s,
+			errors: e,
+			saving: m?.saving ?? !1,
+			onChange: (e, n) => h(t, e, n),
+			onConfirm: () => v(t),
+			onCancel: () => b(t),
+			refs: x
+		});
+	}
+	return /* @__PURE__ */ $("div", {
+		style: {
+			border: "1px solid var(--border)",
+			borderRadius: 8,
+			background: "var(--surface)",
+			opacity: p ? .58 : 1,
+			overflow: "hidden"
+		},
+		children: [/* @__PURE__ */ Q("div", {
+			style: {
+				padding: 10,
+				display: "flex",
+				flexDirection: "column",
+				gap: 12
+			},
+			children: o.map((e) => {
+				let n = r.fields.get(e), o = l && u === "inline_edit" && s.has(e), c = C && e === S, d = n ? y(O, n, e, i) : e, f = `${k}-${t}-${e}`, p = `${f}-label`, m = {
+					fontSize: 11.5,
+					fontWeight: 600,
+					color: "var(--text-3)"
+				}, g = n ? j({
+					field: n,
+					fieldName: e,
+					value: A[e],
+					mode: o ? "edit" : "display",
+					onChange: o ? (n) => h(t, e, n) : void 0,
+					record: A,
+					refs: x,
+					compact: o,
+					entity: r,
+					entities: i,
+					screens: c ? void 0 : a,
+					fieldId: f,
+					labelId: p,
+					t: O
+				}) : w(A[e]);
+				return /* @__PURE__ */ $("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 5,
+						minWidth: 0
+					},
+					children: [o && n ? /* @__PURE__ */ Q("label", {
+						id: p,
+						htmlFor: f,
+						style: m,
+						children: d
+					}) : /* @__PURE__ */ Q("div", {
+						id: p,
+						style: m,
+						children: d
+					}), /* @__PURE__ */ Q("div", {
+						style: { minWidth: 0 },
+						children: c && !o ? /* @__PURE__ */ Q("a", {
+							href: C,
+							style: {
+								color: "var(--accent)",
+								textDecoration: "none",
+								fontWeight: 500
+							},
+							children: g
+						}) : g
+					})]
+				}, e);
+			})
+		}), (l || T && T.length > 0) && /* @__PURE__ */ $("div", {
+			style: {
+				minHeight: 42,
+				padding: "6px 8px",
+				borderTop: "1px solid var(--divider)",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				gap: 6
+			},
+			children: [l && /* @__PURE__ */ $(ve, { children: [
+				m?.saving && /* @__PURE__ */ Q(D, { size: 12 }),
+				m?.error && /* @__PURE__ */ Q("span", {
+					style: {
+						fontSize: 11,
+						color: "var(--danger)"
+					},
+					title: m.error,
+					children: "!"
+				}),
+				u === "row_edit" && /* @__PURE__ */ Q(c, {
+					size: 32,
+					icon: /* @__PURE__ */ Q(e.edit, { size: 14 }),
+					onClick: () => _(t),
+					title: O("record.row.edit", "Edit row")
+				}),
+				/* @__PURE__ */ Q(c, {
+					size: 32,
+					icon: /* @__PURE__ */ Q(e.trash, { size: 14 }),
+					onClick: () => g(t),
+					title: O("record.row.delete", "Delete row")
+				})
+			] }), !l && T && T.length > 0 && /* @__PURE__ */ Q(ze, {
+				entity: r,
+				actions: T,
+				objectIds: [t],
+				row: A,
+				onSuccess: E
+			})]
+		})]
+	});
+}
+function et({ rowId: t, row: n, entity: r, entities: i, screens: a, columns: o, editableColumns: s, editable: l, interaction: u, isEditing: d, editErrors: f, isDeleting: p, activeCell: m, setActiveCell: h, rowState: g, onCellChange: _, onDeleteClick: v, onStartEdit: y, onConfirmEdit: b, onCancelEdit: x, refs: S, identityCol: C, href: T, rowActions: E, onRowActionSuccess: O }) {
+	let k = z(), A = J(() => !g || Object.keys(g.buffer).length === 0 ? n : {
+		...n,
+		...g.buffer
+	}, [n, g]);
+	if (u === "row_edit" && d) {
+		let e = g?.error ? [...f, `_error:${g.error}`] : f;
+		return /* @__PURE__ */ Q(tt, {
+			values: A,
+			entity: r,
+			columns: o,
+			editableColumns: s,
+			errors: e,
+			saving: g?.saving ?? !1,
+			onChange: (e, n) => _(t, e, n),
+			onConfirm: () => b(t),
+			onCancel: () => x(t),
+			refs: S
+		});
+	}
+	let M = ue, N = {
+		padding: "4px 4px",
+		borderBottom: "1px solid var(--divider)",
+		verticalAlign: "middle"
+	}, P = u === "inline_edit";
+	return /* @__PURE__ */ $("tr", {
+		style: { opacity: p ? .5 : 1 },
+		children: [
+			o.map((e) => {
+				let n = r.fields.get(e), o = s.has(e);
+				if (P && m?.rowId === t && m?.col === e && o) return /* @__PURE__ */ Q("td", {
+					style: N,
+					children: n ? j({
+						field: n,
+						fieldName: e,
+						value: A[e],
+						mode: "edit",
+						onChange: (n) => _(t, e, n),
+						record: A,
+						refs: S,
+						compact: !0,
+						t: k
+					}) : w(A[e])
+				}, e);
+				let c = T && e === C, l = n ? j({
+					field: n,
+					fieldName: e,
+					value: A[e],
+					mode: "display",
+					record: A,
+					refs: S,
+					entity: r,
+					entities: i,
+					screens: c ? void 0 : a,
+					t: k
+				}) : w(A[e]), u = P && o && !p;
+				return /* @__PURE__ */ Q("td", {
+					style: {
+						...M,
+						cursor: u ? "pointer" : "default"
+					},
+					onClick: u ? () => h({
+						rowId: t,
+						col: e
+					}) : void 0,
+					children: c ? /* @__PURE__ */ Q("a", {
+						href: T,
+						style: {
+							color: "var(--accent)",
+							textDecoration: "none",
+							fontWeight: 500
+						},
+						onMouseEnter: (e) => e.currentTarget.style.textDecoration = "underline",
+						onMouseLeave: (e) => e.currentTarget.style.textDecoration = "none",
+						children: l
+					}) : l
+				}, e);
+			}),
+			l && /* @__PURE__ */ Q("td", {
+				style: {
+					padding: "4px 8px",
+					borderBottom: "1px solid var(--divider)",
+					verticalAlign: "middle"
+				},
+				children: /* @__PURE__ */ $("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 4
+					},
+					children: [
+						g?.saving && /* @__PURE__ */ Q(D, { size: 12 }),
+						g?.error && /* @__PURE__ */ Q("span", {
+							style: {
+								fontSize: 11,
+								color: "var(--danger)"
+							},
+							title: g.error,
+							children: "!"
+						}),
+						u === "row_edit" && /* @__PURE__ */ Q(c, {
+							size: 24,
+							icon: /* @__PURE__ */ Q(e.edit, { size: 12 }),
+							onClick: () => y(t),
+							title: k("record.row.edit", "Edit row")
+						}),
+						/* @__PURE__ */ Q(c, {
+							size: 24,
+							icon: /* @__PURE__ */ Q(e.trash, { size: 12 }),
+							onClick: () => v(t),
+							title: k("record.row.delete", "Delete row")
+						})
+					]
+				})
+			}),
+			!l && E && E.length > 0 && /* @__PURE__ */ Q("td", {
+				style: {
+					padding: "4px 8px",
+					borderBottom: "1px solid var(--divider)",
+					verticalAlign: "middle"
+				},
+				children: /* @__PURE__ */ Q(ze, {
+					entity: r,
+					actions: E,
+					objectIds: [t],
+					row: A,
+					onSuccess: O
+				})
+			})
+		]
+	});
+}
+function tt({ values: t, entity: n, columns: r, editableColumns: i, errors: a, saving: o, onChange: s, onConfirm: l, onCancel: u, refs: d, accent: f }) {
+	let p = z(), m = a.find((e) => e.startsWith("_error:")), h = new Set(a.filter((e) => !e.startsWith("_error:"))), g = {
+		padding: "6px 12px",
+		borderBottom: "1px solid var(--divider)",
+		verticalAlign: "middle",
+		height: 40,
+		minWidth: 0
+	}, _ = {
+		display: "block",
+		width: "100%",
+		maxWidth: "100%",
+		minWidth: 0
+	};
+	return /* @__PURE__ */ $("tr", {
+		style: f ? { boxShadow: "inset 3px 0 0 var(--accent)" } : void 0,
+		onKeyDown: (e) => {
+			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), l()) : e.key === "Escape" && (e.preventDefault(), u());
+		},
+		children: [r.map((e) => {
+			let r = n.fields.get(e), a = i.has(e), o = h.has(e);
+			return a ? /* @__PURE__ */ Q("td", {
+				style: {
+					...g,
+					outline: o ? "1px solid var(--danger)" : "none",
+					outlineOffset: -1
+				},
+				title: o ? p("record.row.field_required", "{field} is required", { field: e }) : void 0,
+				children: /* @__PURE__ */ Q("div", {
+					style: _,
+					children: r ? j({
+						field: r,
+						fieldName: e,
+						value: t[e],
+						mode: "edit",
+						onChange: (t) => s(e, t),
+						record: t,
+						refs: d,
+						compact: !0,
+						t: p
+					}) : w(t[e])
+				})
+			}, e) : /* @__PURE__ */ Q("td", {
+				style: {
+					...g,
+					color: "var(--text-3)"
+				},
+				children: r?.auto ? "—" : w(t[e])
+			}, e);
+		}), /* @__PURE__ */ Q("td", {
+			style: g,
+			children: /* @__PURE__ */ $("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 4,
+					justifyContent: "flex-end"
+				},
+				children: [
+					m && /* @__PURE__ */ Q("span", {
+						style: {
+							fontSize: 11,
+							color: "var(--danger)"
+						},
+						title: m.slice(7),
+						children: "!"
+					}),
+					/* @__PURE__ */ Q(c, {
+						size: 24,
+						icon: Q(o ? D : e.check, { size: 12 }),
+						onClick: l,
+						title: p("record.row.confirm", "Confirm (Enter)")
+					}),
+					/* @__PURE__ */ Q(c, {
+						size: 24,
+						icon: /* @__PURE__ */ Q(e.x, { size: 12 }),
+						onClick: u,
+						title: p("record.row.cancel", "Cancel (Esc)")
+					})
+				]
+			})
+		})]
+	});
+}
+function nt({ values: t, entity: n, columns: r, editableColumns: i, errors: a, saving: o, onChange: s, onConfirm: l, onCancel: u, refs: d, accent: f }) {
+	let p = z(), m = me(), h = a.find((e) => e.startsWith("_error:")), g = new Set(a.filter((e) => !e.startsWith("_error:")));
+	return /* @__PURE__ */ $("div", {
+		style: {
+			border: "1px solid var(--border)",
+			borderRadius: 8,
+			background: "var(--surface)",
+			overflow: "hidden",
+			boxShadow: f ? "inset 3px 0 0 var(--accent)" : void 0
+		},
+		onKeyDown: (e) => {
+			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), l()) : e.key === "Escape" && (e.preventDefault(), u());
+		},
+		children: [/* @__PURE__ */ Q("div", {
+			style: {
+				padding: 10,
+				display: "flex",
+				flexDirection: "column",
+				gap: 12
+			},
+			children: r.map((e) => {
+				let r = n.fields.get(e), a = i.has(e), o = g.has(e), c = r ? y(p, r, e) : e, l = `${m}-${e}`, u = `${l}-label`, f = {
+					fontSize: 11.5,
+					fontWeight: 600,
+					color: "var(--text-3)"
+				};
+				return /* @__PURE__ */ $("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 5,
+						minWidth: 0
+					},
+					children: [a && r ? /* @__PURE__ */ Q("label", {
+						id: u,
+						htmlFor: l,
+						style: f,
+						children: c
+					}) : /* @__PURE__ */ Q("div", {
+						id: u,
+						style: f,
+						children: c
+					}), /* @__PURE__ */ Q("div", {
+						style: {
+							minWidth: 0,
+							outline: o ? "1px solid var(--danger)" : "none",
+							outlineOffset: 3,
+							borderRadius: o ? 5 : 0
+						},
+						title: o ? p("record.row.field_required", "{field} is required", { field: e }) : void 0,
+						children: a ? r ? j({
+							field: r,
+							fieldName: e,
+							value: t[e],
+							mode: "edit",
+							onChange: (t) => s(e, t),
+							record: t,
+							refs: d,
+							compact: !0,
+							fieldId: l,
+							labelId: u,
+							t: p
+						}) : w(t[e]) : r?.auto ? "—" : w(t[e])
+					})]
+				}, e);
+			})
+		}), /* @__PURE__ */ $("div", {
+			style: {
+				minHeight: 42,
+				padding: "6px 8px",
+				borderTop: "1px solid var(--divider)",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				gap: 6
+			},
+			children: [
+				h && /* @__PURE__ */ Q("span", {
+					style: {
+						fontSize: 11,
+						color: "var(--danger)"
+					},
+					title: h.slice(7),
+					children: "!"
+				}),
+				/* @__PURE__ */ Q(c, {
+					size: 32,
+					icon: Q(o ? D : e.check, { size: 14 }),
+					onClick: l,
+					title: p("record.row.confirm", "Confirm (Enter)")
+				}),
+				/* @__PURE__ */ Q(c, {
+					size: 32,
+					icon: /* @__PURE__ */ Q(e.x, { size: 14 }),
+					onClick: u,
+					title: p("record.row.cancel", "Cancel (Esc)")
+				})
+			]
+		})]
+	});
+}
+function rt({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey: i, draftErrors: a, draftSaving: o, onChange: s, onConfirm: c, onCancel: l, refs: u }) {
+	let d = J(() => {
+		let e = new Set(r);
+		return e.delete(i), e;
+	}, [r, i]);
+	return /* @__PURE__ */ Q(tt, {
+		values: e,
+		entity: t,
+		columns: n,
+		editableColumns: d,
+		errors: a,
+		saving: o,
+		onChange: s,
+		onConfirm: c,
+		onCancel: l,
+		refs: u,
+		accent: !0
+	});
+}
+function it({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey: i, draftErrors: a, draftSaving: o, onChange: s, onConfirm: c, onCancel: l, refs: u }) {
+	let d = J(() => {
+		let e = new Set(r);
+		return e.delete(i), e;
+	}, [r, i]);
+	return /* @__PURE__ */ Q(nt, {
+		values: e,
+		entity: t,
+		columns: n,
+		editableColumns: d,
+		errors: a,
+		saving: o,
+		onChange: s,
+		onConfirm: c,
+		onCancel: l,
+		refs: u,
+		accent: !0
+	});
+}
+//#endregion
+//#region src/components/shared/ErrorBoundary.tsx
+var at = class extends K {
+	constructor(e) {
+		super(e), this.state = {
+			hasError: !1,
+			error: null
+		};
+	}
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e
+		};
+	}
+	componentDidCatch(e, t) {
+		console.error("[ErrorBoundary]", e, t.componentStack);
+	}
+	handleRetry = () => {
+		this.setState({
+			hasError: !1,
+			error: null
+		});
+	};
+	render() {
+		return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ Q(st, {
+			message: this.state.error?.message,
+			onRetry: this.handleRetry
+		}) : this.props.children;
+	}
+}, ot = R(void 0, "en", "en");
+function st(e) {
+	return fe(he) ? /* @__PURE__ */ Q(ct, { ...e }) : /* @__PURE__ */ Q(lt, {
+		...e,
+		t: ot,
+		errorTitle: ot
+	});
+}
+function ct(e) {
+	let t = z(), n = z("errors");
+	return /* @__PURE__ */ Q(lt, {
+		...e,
+		t,
+		errorTitle: n
+	});
+}
+function lt({ message: e, onRetry: t, t: n, errorTitle: r }) {
+	return /* @__PURE__ */ Q("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			minHeight: 200,
+			padding: 32
+		},
+		children: /* @__PURE__ */ $("div", {
+			style: {
+				textAlign: "center",
+				maxWidth: 420,
+				display: "flex",
+				flexDirection: "column",
+				gap: 10
+			},
+			children: [
+				/* @__PURE__ */ Q("h2", {
+					style: {
+						fontSize: 16,
+						fontWeight: 600,
+						margin: 0,
+						color: "var(--text)"
+					},
+					children: r("ui.render_failed", "This part of the page could not be shown.")
+				}),
+				/* @__PURE__ */ Q("p", {
+					style: {
+						fontSize: 12.5,
+						color: "var(--text-3)",
+						margin: 0
+					},
+					children: e || r("ui.render_failed_undescribed", "An unexpected error occurred.")
+				}),
+				/* @__PURE__ */ Q("div", { children: /* @__PURE__ */ Q(m, {
+					onClick: t,
+					children: n("control.try_again", "Try again")
+				}) })
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/detail-layout/widgets/registry.ts
+var ut = /* @__PURE__ */ new Map();
+function dt(e, t) {
+	ut.set(e, t);
+}
+function ft(e) {
+	return ut.get(e);
+}
+function pt(e) {
+	return ut.has(e);
+}
+//#endregion
+export { Je as a, Ie as c, je as d, we as f, Se as h, at as i, Pe as l, Ce as m, pt as n, Re as o, Te as p, dt as r, Fe as s, ft as t, Ne as u };