@declarion/react 0.48.2 → 0.50.0

package/dist-lib/registry-CgeGoWpW.js

@@ -0,0 +1,1768 @@
+import { s as e, t } from "./DynamicIcon-DW5krHuX.js";
+import { $n as n, A as r, At as i, Bn as a, C as o, Cn as s, Dn as c, E as l, En as u, Gt as d, Jn as f, K as p, Nn as m, O as h, Sn as g, St as _, T as v, X as y, Zn as b, _ as x, _t as S, b as C, bt as w, cr as T, d as E, dr as D, er as O, fr as k, gn as A, gt as j, i as M, j as N, kt as P, rr as ee, rt as F, u as I, ur as L, v as R, vt as te, wn as z, wt as B, yt as V, zn as H } from "./useCurrentScreen-D3XH5ptA.js";
+import { g as ne, h as U, j as re } from "./field-classification-Bm0mgbwA.js";
+import { c as ie, l as ae, o as oe, t as se } from "./action-dispatch-hVrm3Hrg.js";
+import { n as ce, r as le, t as W } from "./dataTableStyles-vwD1mVOP.js";
+import { Component as ue, useCallback as G, useEffect as de, useId as K, useMemo as q, useRef as J, useState as Y } from "react";
+import { useInfiniteQuery as fe, useQuery as pe, useQueryClient as X } from "@tanstack/react-query";
+import { Fragment as me, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+import { clsx as he } from "clsx";
+import { twMerge as ge } from "tailwind-merge";
+//#region src/components/primitives/SectionCard.tsx
+var $ = {
+	primary: {
+		surface: "var(--surface)",
+		shadow: "var(--shadow-xs)"
+	},
+	secondary: {
+		surface: "var(--surface-2)",
+		shadow: "none"
+	}
+};
+function _e({ title: t, subtitle: n, right: r, badge: i, count: a, children: o, footer: s, collapsible: c = !0, defaultOpen: l = !0, icon: u, emphasis: d = "primary", headingLevel: f = 2, padding: p = "16px" }) {
+	let [m, h] = Y(l), g = $[d] ?? $.primary;
+	return /* @__PURE__ */ Q("div", {
+		"data-emphasis": d,
+		style: {
+			background: g.surface,
+			border: "1px solid var(--border)",
+			borderRadius: 10,
+			overflow: "hidden",
+			boxShadow: g.shadow,
+			flexShrink: 0
+		},
+		children: [
+			/* @__PURE__ */ Q("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 10,
+					padding: "10px 14px",
+					borderBottom: m ? "1px solid var(--divider)" : "none",
+					minHeight: 40
+				},
+				children: [
+					/* @__PURE__ */ Z("div", {
+						role: "heading",
+						"aria-level": f,
+						style: {
+							display: "flex",
+							flex: 1,
+							minWidth: 0
+						},
+						children: /* @__PURE__ */ Q("div", {
+							role: c ? "button" : void 0,
+							tabIndex: c ? 0 : void 0,
+							"aria-expanded": c ? m : void 0,
+							onClick: c ? () => h((e) => !e) : void 0,
+							onKeyDown: c ? (e) => {
+								(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h((e) => !e));
+							} : void 0,
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: 8,
+								flex: 1,
+								minWidth: 0,
+								cursor: c ? "pointer" : "default",
+								userSelect: "none"
+							},
+							children: [
+								u && /* @__PURE__ */ Z("span", {
+									style: {
+										color: "var(--text-3)",
+										display: "flex",
+										flexShrink: 0
+									},
+									children: u
+								}),
+								/* @__PURE__ */ Z("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__ */ Z("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__ */ Z("div", {
+									style: {
+										fontSize: 11.5,
+										color: "var(--text-3)",
+										flexShrink: 0,
+										borderLeft: "1px solid var(--divider)",
+										paddingLeft: 8,
+										marginLeft: 2
+									},
+									children: n
+								})
+							]
+						})
+					}),
+					i && /* @__PURE__ */ Z(L, {
+						tone: i.tone ?? "violet",
+						size: "xs",
+						dot: i.dot,
+						children: i.text
+					}),
+					r,
+					c && /* @__PURE__ */ Z(D, {
+						size: 24,
+						icon: Z(m ? e.up : e.down, { size: 14 }),
+						onClick: () => h((e) => !e),
+						title: m ? "Collapse" : "Expand"
+					})
+				]
+			}),
+			m && /* @__PURE__ */ Z("div", {
+				style: { padding: p },
+				children: o
+			}),
+			s && m && /* @__PURE__ */ Z("div", {
+				style: {
+					padding: "8px 14px",
+					borderTop: "1px solid var(--divider)",
+					background: "var(--surface-2)",
+					fontSize: 11.5,
+					color: "var(--text-3)"
+				},
+				children: s
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/primitives/ClassifiedFieldLocked.tsx
+function ve({ tier: t, tierDef: n, requiredPermission: r, locale: i = "en", variant: a = "value" }) {
+	let o = n?.name?.[i] ?? n?.name?.en ?? t, s = r ? `Locked: requires permission "${r}". Ask your administrator to grant it to your role.` : `Locked: ${o} classification — requires explicit grant.`;
+	return /* @__PURE__ */ Q("span", {
+		title: s,
+		"aria-label": s,
+		className: `inline-flex items-center gap-1 text-muted-foreground italic select-none ${a === "input" ? "border border-divider rounded-md px-2 py-1 bg-surface" : ""}`,
+		children: [/* @__PURE__ */ Z(e.lock, { size: 12 }), /* @__PURE__ */ Z("span", { children: o })]
+	});
+}
+//#endregion
+//#region src/lib/utils.ts
+function ye(...e) {
+	return ge(he(e));
+}
+function be(e) {
+	return e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0;
+}
+//#endregion
+//#region src/hooks/useAssociatedData.ts
+function xe(e, t, n, r, i, a, o, s) {
+	let c = s ? JSON.stringify(Object.entries(s).sort()) : void 0;
+	return fe({
+		queryKey: [
+			U,
+			e,
+			t,
+			n,
+			i,
+			a,
+			o,
+			c
+		],
+		queryFn: ({ pageParam: e }) => {
+			let c = new URLSearchParams(), l = [{
+				field: r,
+				op: "eq",
+				value: t
+			}];
+			if (s) for (let [e, t] of Object.entries(s)) t && t !== "__all__" && l.push({
+				field: e,
+				op: "eq",
+				value: t
+			});
+			return c.set("filters", JSON.stringify(l)), i && c.set("sort", i), a && c.set("limit", String(a)), o && c.set("search", o), e && c.set("after", e), d(`/api/data/${n}?${c.toString()}`);
+		},
+		getNextPageParam: (e) => e.meta?.has_more ? e.meta.cursor : void 0,
+		initialPageParam: void 0,
+		enabled: !!e && !!t && !!n && !!r
+	});
+}
+//#endregion
+//#region src/components/actions/ActionButton.tsx
+function Se({ actionCode: n, action: r, entityCode: a, objectIds: s = [], row: l, variant: u = "outline", size: d = "default", onSuccess: f }) {
+	let [p, m] = Y(!1), [g, _] = Y(!1), { data: y } = i(), b = re(), { run: x } = M(), S = v(r), T = !l || C(r.conditions, l), O = G(async () => {
+		if (!(!r.association || s.length === 0)) {
+			m(!0);
+			try {
+				let e = a ? `${a}.${r.association}` : r.association, t = await B(e, s), n = o(y, t.target_entity);
+				if (!n) {
+					F.error(`No list screen found for ${t.target_entity}`);
+					return;
+				}
+				let i = y?.entities[t.target_entity], l = c(r.display?.name) || t.target_entity;
+				if (t.ids.length === 0) {
+					F.info(`No related ${l} found`);
+					return;
+				}
+				let u = i?.fields.names().find((e) => i.fields.get(e)?.primary) ?? "id", d = new URLSearchParams();
+				d.set(`filter_${u}`, t.ids.join(",")), b(n.route, {
+					title: l,
+					icon: r.display?.icon || n.icon,
+					search: d.toString()
+				}), f?.();
+			} catch (e) {
+				F.error(e instanceof Error ? e.message : "Failed to resolve association");
+			} finally {
+				m(!1);
+			}
+		}
+	}, [
+		r,
+		a,
+		s,
+		y,
+		b,
+		f
+	]), A = r.entity ? `${r.entity}.${n}` : n, N = s.length > 0 ? s : void 0, P = G(() => {
+		_(!0), x({
+			action: r,
+			title: c(r.display?.name) || n,
+			row: l,
+			entity: a,
+			execute: (e) => w(A, j(e, N)),
+			onSuccess: () => f?.()
+		}).finally(() => _(!1));
+	}, [
+		x,
+		r,
+		n,
+		l,
+		a,
+		A,
+		N,
+		f
+	]), ee = G(() => {
+		if (E(r)) {
+			I(r.ui_steps, { row: l }).then(() => f?.());
+			return;
+		}
+		if (S) {
+			O();
+			return;
+		}
+		if (r.href && !r.handler && !r.association) {
+			let e = a ? y?.entities[a] : void 0, t = h(l, e), i = r.href;
+			a && (i = i.replaceAll("${entity}", a)), t && (i = i.replaceAll("${id}", encodeURIComponent(t))), b(i, {
+				title: c(r.display?.name) || n,
+				icon: r.display?.icon
+			}), f?.();
+			return;
+		}
+		P();
+	}, [
+		r,
+		l,
+		a,
+		y?.entities,
+		n,
+		b,
+		S,
+		O,
+		P,
+		f
+	]), L = c(r.display?.name), R = r.display?.icon, te = R && e[R], z = te ? /* @__PURE__ */ Z(te, { size: 13 }) : R ? /* @__PURE__ */ Z(t, {
+		name: R,
+		size: 13
+	}) : null, V = !T || g || p;
+	return d === "icon" ? /* @__PURE__ */ Z(D, {
+		icon: z ?? /* @__PURE__ */ Z(e.bolt, { size: 13 }),
+		onClick: ee,
+		title: L
+	}) : /* @__PURE__ */ Z(k, {
+		kind: u === "default" ? "primary" : u === "ghost" ? "ghost" : "default",
+		size: "sm",
+		icon: z,
+		danger: r.destructive,
+		onClick: ee,
+		disabled: V,
+		title: L,
+		"aria-label": L,
+		children: L
+	});
+}
+//#endregion
+//#region src/components/actions/RowActionsKebab.tsx
+function Ce({ actions: t, objectIds: n, row: r, entity: i, onSuccess: a, preMenu: o, divider: s, size: l = 22, align: u = "end" }) {
+	let d = J(null), [f, p] = Y(!1), [m, h] = Y(null), { run: g } = M(), _ = q(() => {
+		let e = {};
+		for (let { code: n, action: r } of t) e[n] = r;
+		return e;
+	}, [t]), v = q(() => {
+		let e = t.map(({ code: e }) => ({
+			kind: "action",
+			code: e,
+			enabled: !0,
+			reason: null
+		}));
+		return r ? x(e, _, void 0, r, [], oe(i, r)) : e;
+	}, [
+		t,
+		_,
+		r,
+		i
+	]), y = G((e, t) => {
+		p(!1);
+		let i = t.entity ? `${t.entity}.${e}` : e;
+		return g({
+			action: t,
+			title: c(t.display?.name) || e,
+			row: r,
+			execute: async (e) => {
+				let t = await w(i, j(e, n));
+				return a?.(), t;
+			}
+		});
+	}, [
+		g,
+		r,
+		n,
+		a
+	]);
+	return !o && v.length === 0 ? null : /* @__PURE__ */ Q("div", {
+		className: "sl-row-actions",
+		"data-open": f ? "true" : void 0,
+		style: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "flex-end"
+		},
+		children: [/* @__PURE__ */ Z(D, {
+			ref: d,
+			size: l,
+			icon: /* @__PURE__ */ Z(e.more, { size: Math.round(l * .55) }),
+			onClick: () => p((e) => !e),
+			title: "Actions"
+		}), /* @__PURE__ */ Q(T, {
+			open: f,
+			anchor: d.current,
+			onClose: () => p(!1),
+			width: 200,
+			align: u,
+			children: [
+				o,
+				o && s && v.length > 0 && /* @__PURE__ */ Z(O, { divider: !0 }),
+				/* @__PURE__ */ Z(ae, {
+					layout: v,
+					entityActions: _,
+					onRun: y,
+					loading: m,
+					onLoadingChange: h,
+					row: r
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/detail-layout/AssociatedToolbar.tsx
+function we({ entity: t, searchable: n, filterFields: r, searchValue: i, onSearchChange: a, filters: o, onFilterChange: s, allEntities: l }) {
+	let u = n === !0, d = r && r.length > 0;
+	return !u && !d ? null : /* @__PURE__ */ Q("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			marginBottom: 8
+		},
+		children: [u && /* @__PURE__ */ Z("div", {
+			style: {
+				flex: 1,
+				maxWidth: 220
+			},
+			children: /* @__PURE__ */ Z(b, {
+				value: i,
+				onChange: a,
+				placeholder: "Search…",
+				prefix: /* @__PURE__ */ Z(e.search, { size: 12 })
+			})
+		}), d && r.map((e) => {
+			let n = t.fields.get(e);
+			if (!n) return null;
+			let r = o[e] ?? "__all__", i = z(n, e, l);
+			if (n.type === "ref" && n.ref?.entity) return /* @__PURE__ */ Z(Te, {
+				field: n,
+				label: i,
+				value: r,
+				onChange: (t) => s(e, t)
+			}, e);
+			if (!n.values) return null;
+			let a = [{
+				value: "__all__",
+				label: `All ${i}`
+			}, ...n.values.map((e) => ({
+				value: e.code,
+				label: c(e.name) || e.code
+			}))];
+			return /* @__PURE__ */ Z("div", {
+				style: { width: 160 },
+				children: /* @__PURE__ */ Z(f, {
+					value: r,
+					options: a,
+					onChange: (t) => s(e, t),
+					placeholder: i
+				})
+			}, e);
+		})]
+	});
+}
+function Te({ field: e, label: t, value: n, onChange: r }) {
+	let i = p(e.ref?.entity), a = e.display?.ref_display_field ?? i?.display?.display_field, o = q(() => i ? [...i.fields].find(([, e]) => e.primary)?.[0] ?? "id" : "id", [i]), { data: s } = y(e.ref?.entity, {
+		per_page: 200,
+		sort: a ? `${a}:asc` : void 0
+	}), c = s?.data ?? [], l = (e) => {
+		if (e == null) return "—";
+		if (typeof e == "object" && !Array.isArray(e)) {
+			let t = Object.values(e)[0];
+			return t == null ? "—" : H(t);
+		}
+		return H(e);
+	}, u = [{
+		value: "__all__",
+		label: `All ${t}`
+	}, ...c.map((e) => {
+		let t = String(e[o]), n = e[A];
+		return {
+			value: t,
+			label: typeof n == "string" && n !== "" ? n : a ? l(e[a] ?? t) : t
+		};
+	})];
+	return /* @__PURE__ */ Z("div", {
+		style: { width: 160 },
+		children: /* @__PURE__ */ Z(f, {
+			value: n,
+			options: u,
+			onChange: r,
+			placeholder: t
+		})
+	});
+}
+//#endregion
+//#region src/components/detail-layout/AssociatedBlock.tsx
+function Ee(e) {
+	if (!e) return [];
+	let t = [];
+	for (let [n, r] of Object.entries(e)) (r.visibility ?? []).includes("list_row") && (r.association || l(n) || t.push({
+		code: n,
+		action: r
+	}));
+	return t;
+}
+function De(e, t, n) {
+	if (!e) return [];
+	let r = [];
+	for (let [i, o] of Object.entries(e)) {
+		if (!(o.visibility ?? []).includes("list_toolbar") || o.association || i.startsWith("__")) continue;
+		let e = {
+			...o,
+			resolved_hidden_defaults: {
+				...o.resolved_hidden_defaults ?? {},
+				[t]: n
+			}
+		};
+		if (o.resolved_params?.has(t)) {
+			let n = o.resolved_params.items().filter((e) => e.name !== t);
+			e = {
+				...e,
+				resolved_params: new a(n)
+			};
+		}
+		r.push({
+			code: i,
+			action: e
+		});
+	}
+	return r;
+}
+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);
+	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 ke(e, t, n) {
+	let r = new Set(u(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 je(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 Me({ node: e, ctx: t }) {
+	let n = e.associated;
+	if (!n || t.isNew) return null;
+	let r = t.schema.entities[n];
+	if (!r) return /* @__PURE__ */ Q("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "8px 0"
+		},
+		children: ["Entity not found: ", n]
+	});
+	let i = Oe(t.schema.entities, t.entityCode, n);
+	return i ? /* @__PURE__ */ Z(Ne, {
+		node: e,
+		ctx: t,
+		assocCode: n,
+		assocEntity: r,
+		fkField: i
+	}) : /* @__PURE__ */ Q("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "8px 0"
+		},
+		children: [
+			"No FK found for ",
+			n,
+			" → ",
+			t.entityCode
+		]
+	});
+}
+function Ne({ node: n, ctx: i, assocCode: a, assocEntity: o, fkField: s }) {
+	let l = 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);
+	}), u = g(o, "update"), d = n.interaction ?? (u ? "navigate" : "readonly"), f = (d === "inline_edit" || d === "row_edit") && u && n.editable !== !1, p = c(o.display?.name_plural) || c(o.display?.name) || a, m = n.searchable === !0 || n.filters && n.filters.length > 0, h = q(() => De(o.actions, s, i.recordId), [
+		o.actions,
+		s,
+		i.recordId
+	]), _ = q(() => {
+		let e = {};
+		for (let { code: t, action: n } of h) e[t] = n;
+		return e;
+	}, [h]), v = q(() => {
+		let e = o.action_layout ?? null;
+		return x(e ?? R(_, "list_toolbar"), _, void 0, {}, []);
+	}, [o.action_layout, _]), { run: y } = M(), b = re(), S = r(), C = q(() => ({
+		entity: o,
+		entityCode: a,
+		screenRoute: typeof window < "u" ? window.location.pathname : "",
+		selectedRows: [],
+		selectedIds: [],
+		locale: S,
+		tabNavigate: (e, t) => b(e, {
+			title: t?.title,
+			icon: t?.icon,
+			search: t?.search
+		}),
+		runActionApi: (e, t) => w(e, t)
+	}), [
+		o,
+		a,
+		S,
+		b
+	]), T = X(), E = G(() => {
+		T.invalidateQueries({ predicate: (e) => {
+			let t = e.queryKey;
+			return t[0] === "entity-children" && t[3] === a;
+		} });
+	}, [T, a]), D = G((e, t) => {
+		let n = se(e, t, {}, a);
+		if (n !== null) return y({
+			action: t,
+			title: c(t.display?.name) || e,
+			execute: async (e) => {
+				let t = await w(n, j(e, void 0));
+				return E(), t;
+			}
+		});
+	}, [
+		y,
+		a,
+		E
+	]), [O, A] = Y(0), N = /* @__PURE__ */ Q("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			flex: "1 1 auto",
+			minWidth: 0,
+			justifyContent: "flex-end"
+		},
+		children: [o.action_layout ? v.length > 0 && /* @__PURE__ */ Z(ie, {
+			kind: "toolbar",
+			layout: v,
+			entityActions: _,
+			onRun: D,
+			widgetContext: C,
+			ariaLabel: `${p} toolbar actions`
+		}) : h.map(({ code: e, action: t }) => /* @__PURE__ */ Z(Se, {
+			actionCode: e,
+			action: t,
+			entityCode: a,
+			variant: "ghost",
+			size: "sm",
+			onSuccess: E
+		}, e)), f && /* @__PURE__ */ Z(k, {
+			kind: "ghost",
+			size: "xs",
+			icon: /* @__PURE__ */ Z(e.plus, { size: 12 }),
+			onClick: () => A((e) => e + 1),
+			children: "Add row"
+		})]
+	}), P = m ? /* @__PURE__ */ Z(Fe, {
+		entityCode: a,
+		entity: o,
+		parentEntity: i.entityCode,
+		parentId: i.recordId,
+		foreignKey: s,
+		columns: l,
+		editable: f,
+		interaction: d,
+		ctx: i,
+		searchable: n.searchable,
+		filterFields: n.filters,
+		sort: n.sort,
+		startDraftSignal: O
+	}) : /* @__PURE__ */ Z(Pe, {
+		entityCode: a,
+		entity: o,
+		parentEntity: i.entityCode,
+		parentId: i.recordId,
+		foreignKey: s,
+		columns: l,
+		editable: f,
+		interaction: d,
+		ctx: i,
+		sort: n.sort,
+		startDraftSignal: O
+	});
+	return i.withinCard ? /* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Z("div", {
+		style: {
+			display: "flex",
+			justifyContent: "flex-end",
+			marginBottom: 8
+		},
+		children: N
+	}), P] }) : /* @__PURE__ */ Z(_e, {
+		title: p,
+		icon: o.display?.icon ? /* @__PURE__ */ Z(t, {
+			name: o.display.icon,
+			size: 14
+		}) : void 0,
+		right: N,
+		children: P
+	});
+}
+function Pe({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey: i, columns: a, editable: o, interaction: s, ctx: c, sort: l, startDraftSignal: u }) {
+	let d = X(), { data: f, isLoading: p, isError: m } = ne(n, r, e, i, l), h = f?.data ?? [], g = f?.$refs, _ = G(() => {
+		d.invalidateQueries({ queryKey: [
+			U,
+			n,
+			r,
+			e
+		] });
+	}, [
+		d,
+		n,
+		r,
+		e
+	]);
+	return /* @__PURE__ */ Z(Ie, {
+		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 Fe({ entityCode: e, entity: t, parentEntity: r, parentId: i, foreignKey: a, columns: o, editable: s, interaction: c, ctx: l, searchable: u, filterFields: d, sort: f, startDraftSignal: p }) {
+	let m = X(), [h, g] = Y(""), [_, v] = Y(""), [y, b] = Y({}), x = J(void 0);
+	de(() => (x.current && clearTimeout(x.current), x.current = setTimeout(() => {
+		v(h);
+	}, 300), () => {
+		x.current && clearTimeout(x.current);
+	}), [h]);
+	let S = G((e, t) => {
+		b((n) => {
+			if (t === "__all__") {
+				let { [e]: t, ...r } = n;
+				return r;
+			}
+			return {
+				...n,
+				[e]: t
+			};
+		});
+	}, []), C = q(() => Object.keys(y).length > 0 ? y : void 0, [y]), { data: w, isLoading: T, isError: E, hasNextPage: D, fetchNextPage: O, isFetchingNextPage: A } = xe(r, i, e, a, f, void 0, _ || void 0, C), { rows: j, refs: M } = q(() => {
+		if (!w?.pages) return {
+			rows: [],
+			refs: void 0
+		};
+		let e = [], t;
+		for (let n of w.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
+		};
+	}, [w]), N = G(() => {
+		m.invalidateQueries({ predicate: (t) => {
+			let n = t.queryKey;
+			return n[0] === "entity-children" && n[3] === e;
+		} });
+	}, [m, e]);
+	return /* @__PURE__ */ Q("div", { children: [
+		/* @__PURE__ */ Z(we, {
+			entity: t,
+			searchable: u,
+			filterFields: d,
+			searchValue: h,
+			onSearchChange: g,
+			filters: y,
+			onFilterChange: S,
+			allEntities: l.schema.entities
+		}),
+		/* @__PURE__ */ Z(Ie, {
+			entityCode: e,
+			entity: t,
+			parentId: i,
+			foreignKey: a,
+			columns: o,
+			editable: s,
+			interaction: c,
+			ctx: l,
+			rows: j,
+			refs: M,
+			isLoading: T,
+			isError: E,
+			invalidateQuery: N,
+			startDraftSignal: p
+		}),
+		D && /* @__PURE__ */ Z("div", {
+			style: { marginTop: 4 },
+			children: /* @__PURE__ */ Z(k, {
+				kind: "ghost",
+				size: "xs",
+				icon: A ? /* @__PURE__ */ Z(n, { size: 12 }) : void 0,
+				onClick: () => O(),
+				disabled: A,
+				children: "Load more"
+			})
+		})
+	] });
+}
+function Ie({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i, editable: a, interaction: o, ctx: l, rows: u, refs: d, isLoading: f, isError: p, invalidateQuery: h, startDraftSignal: g }) {
+	let _ = ee(), v = _.isPhone && l.relatedRecordsPresentation === "table", y = i.find((e) => e !== r), b = q(() => o === "navigate" ? m(void 0, t, l.schema.screens) : null, [
+		o,
+		t,
+		l.schema.screens
+	]), x = q(() => a ? ke(t, i, r) : /* @__PURE__ */ new Set(), [
+		i,
+		r,
+		t,
+		a
+	]), C = q(() => Ae(t, i, r), [
+		i,
+		r,
+		t
+	]), w = q(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let n of u) {
+			let r = s(t, n);
+			e.set(V(r), r);
+		}
+		return e;
+	}, [u, t]), T = q(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let n of u) {
+			let r = n.$row_version;
+			typeof r == "string" && r !== "" && e.set(V(s(t, n)), r);
+		}
+		return e;
+	}, [u, t]), E = q(() => Ee(t.actions), [t.actions]), [D, O] = Y(null), [k, A] = Y(null), [j, N] = Y([]), [F, I] = Y({}), L = J(F);
+	L.current = F;
+	let R = J({});
+	de(() => {
+		let e = R.current;
+		return () => {
+			for (let t of Object.values(e)) clearTimeout(t);
+		};
+	}, []);
+	let [B, H] = Y(null), [ne, U] = Y([]), [re, ie] = Y(!1), { run: ae } = M(), [oe, se] = Y(/* @__PURE__ */ new Set()), W = G(async (t, n, r) => {
+		I((e) => ({
+			...e,
+			[t]: {
+				...e[t],
+				saving: !0,
+				error: void 0
+			}
+		}));
+		try {
+			let i = T.get(t), a = i ? {
+				...n,
+				$row_version: i
+			} : n;
+			return await P(e, w.get(t) ?? t, a), I((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;
+			}), h(), !0;
+		} catch (e) {
+			let n = e instanceof Error ? e.message : "Save failed";
+			return I((e) => ({
+				...e,
+				[t]: {
+					...e[t],
+					saving: !1,
+					error: n
+				}
+			})), !1;
+		}
+	}, [
+		e,
+		h,
+		w,
+		T
+	]), ue = G((e, t, n) => {
+		I((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" && (R.current[e] && clearTimeout(R.current[e]), R.current[e] = setTimeout(() => {
+			let t = L.current[e];
+			t && Object.keys(t.buffer).length > 0 && W(e, { ...t.buffer }, t.ver);
+		}, 500));
+	}, [W, o]), K = G(() => {
+		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);
+		}
+		H(e), U([]);
+	}, [
+		r,
+		n,
+		i,
+		t.fields
+	]), fe = J(g);
+	de(() => {
+		g !== void 0 && g !== fe.current && (fe.current = g, !B && K());
+	}, [
+		g,
+		B,
+		K
+	]);
+	let pe = G(async () => {
+		if (!B) return;
+		let n = je(B, i, t, r);
+		if (n.length > 0) {
+			U(n);
+			return;
+		}
+		ie(!0);
+		try {
+			await S(e, B), H(null), U([]), h();
+		} catch (e) {
+			let t = e instanceof Error ? e.message : "Create failed";
+			U([`_error:${t}`]);
+		} finally {
+			ie(!1);
+		}
+	}, [
+		B,
+		i,
+		t,
+		r,
+		e,
+		h
+	]), X = G((e) => {
+		I({}), N([]), A(e);
+	}, []), me = G(async (e) => {
+		let n = L.current[e], a = n?.buffer ?? {};
+		if (Object.keys(a).length === 0) {
+			A(null), N([]);
+			return;
+		}
+		let o = je({
+			...u.find((n) => V(s(t, n)) === e) ?? {},
+			...a
+		}, i, t, r);
+		if (o.length > 0) {
+			N(o);
+			return;
+		}
+		await W(e, { ...a }, n?.ver ?? 0) && (A(null), N([]));
+	}, [
+		u,
+		t,
+		i,
+		r,
+		W
+	]), he = G((e) => {
+		I((t) => {
+			if (!t[e]) return t;
+			let { [e]: n, ...r } = t;
+			return r;
+		}), N([]), A(null);
+	}, []), ge = G((n, r) => {
+		let i = w.get(n) ?? n;
+		return ae({
+			action: t.actions?.__delete,
+			destructive: !0,
+			title: c(t.display?.name) || "Delete",
+			row: r,
+			entity: e,
+			execute: async () => {
+				se((e) => new Set(e).add(n));
+				try {
+					return await te(e, i);
+				} finally {
+					se((e) => {
+						let t = new Set(e);
+						return t.delete(n), t;
+					});
+				}
+			},
+			onSuccess: () => h()
+		});
+	}, [
+		ae,
+		t,
+		e,
+		h,
+		w
+	]);
+	if (p) return /* @__PURE__ */ Z("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--danger)",
+			padding: "8px 0"
+		},
+		children: "Failed to load."
+	});
+	if (f) return /* @__PURE__ */ Q("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 8,
+			padding: "8px 0"
+		},
+		children: [/* @__PURE__ */ Z("div", { style: {
+			height: 32,
+			background: "var(--surface-3)",
+			borderRadius: 6
+		} }), /* @__PURE__ */ Z("div", { style: {
+			height: 32,
+			background: "var(--surface-3)",
+			borderRadius: 6
+		} })]
+	});
+	let $ = u.length === 0 && !B;
+	return _.isPhone && !v ? /* @__PURE__ */ Q("div", { children: [$ && !a && /* @__PURE__ */ Z("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "12px 0"
+		},
+		children: "No records yet."
+	}), (!$ || a) && /* @__PURE__ */ Q("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 10
+		},
+		children: [u.map((n) => {
+			let r = V(s(t, n)), c = oe.has(r), u = F[r], f = b && r ? b.replace(/:\w+/, r) : void 0;
+			return /* @__PURE__ */ Z(Le, {
+				rowId: r,
+				row: n,
+				entity: t,
+				entities: l.schema.entities,
+				screens: l.schema.screens,
+				columns: i,
+				editableColumns: x,
+				editable: a,
+				interaction: o,
+				isEditing: k === r,
+				editErrors: j,
+				isDeleting: c,
+				activeCell: D,
+				setActiveCell: O,
+				rowState: u,
+				onCellChange: ue,
+				onDeleteClick: (e) => void ge(e, n),
+				onStartEdit: X,
+				onConfirmEdit: me,
+				onCancelEdit: he,
+				refs: d,
+				identityCol: y,
+				href: f,
+				rowActions: E,
+				entityCode: e,
+				onRowActionSuccess: h
+			}, r);
+		}), B && /* @__PURE__ */ Z(He, {
+			draftRow: B,
+			entity: t,
+			columns: i,
+			editableColumns: C,
+			foreignKey: r,
+			draftErrors: ne,
+			draftSaving: re,
+			onChange: (e, t) => H((n) => n && {
+				...n,
+				[e]: t
+			}),
+			onConfirm: pe,
+			onCancel: () => {
+				H(null), U([]);
+			},
+			refs: d
+		})]
+	})] }) : /* @__PURE__ */ Q("div", { children: [$ && !a && /* @__PURE__ */ Z("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "12px 0"
+		},
+		children: "No records yet."
+	}), (!$ || a) && /* @__PURE__ */ Z("div", {
+		style: { overflowX: "auto" },
+		children: /* @__PURE__ */ Q("table", {
+			style: le,
+			children: [/* @__PURE__ */ Z("thead", { children: /* @__PURE__ */ Q("tr", { children: [
+				i.map((e) => {
+					let n = t.fields.get(e);
+					return /* @__PURE__ */ Z("th", {
+						style: ce,
+						children: n ? z(n, e, l.schema.entities) : e
+					}, e);
+				}),
+				a && /* @__PURE__ */ Z("th", { style: {
+					height: 30,
+					width: 72
+				} }),
+				!a && E.length > 0 && /* @__PURE__ */ Z("th", { style: {
+					height: 30,
+					width: 40
+				} })
+			] }) }), /* @__PURE__ */ Q("tbody", { children: [u.map((n) => {
+				let r = V(s(t, n)), c = oe.has(r), u = F[r], f = b && r ? b.replace(/:\w+/, r) : void 0;
+				return /* @__PURE__ */ Z(Re, {
+					rowId: r,
+					row: n,
+					entity: t,
+					entities: l.schema.entities,
+					screens: l.schema.screens,
+					columns: i,
+					editableColumns: x,
+					editable: a,
+					interaction: o,
+					isEditing: k === r,
+					editErrors: j,
+					isDeleting: c,
+					activeCell: D,
+					setActiveCell: O,
+					rowState: u,
+					onCellChange: ue,
+					onDeleteClick: (e) => void ge(e, n),
+					onStartEdit: X,
+					onConfirmEdit: me,
+					onCancelEdit: he,
+					refs: d,
+					identityCol: y,
+					href: f,
+					rowActions: E,
+					entityCode: e,
+					onRowActionSuccess: h
+				}, r);
+			}), B && /* @__PURE__ */ Z(Ve, {
+				draftRow: B,
+				entity: t,
+				columns: i,
+				editableColumns: C,
+				foreignKey: r,
+				draftErrors: ne,
+				draftSaving: re,
+				onChange: (e, t) => H((n) => n && {
+					...n,
+					[e]: t
+				}),
+				onConfirm: pe,
+				onCancel: () => {
+					H(null), U([]);
+				},
+				refs: d
+			})] })]
+		})
+	})] });
+}
+function Le({ rowId: t, row: i, entity: a, entities: o, screens: s, columns: c, editableColumns: l, editable: u, interaction: d, isEditing: f, editErrors: p, isDeleting: m, rowState: h, onCellChange: g, onDeleteClick: _, onStartEdit: v, onConfirmEdit: y, onCancelEdit: b, refs: x, identityCol: S, href: C, rowActions: w, onRowActionSuccess: T }) {
+	let E = r(), O = K(), k = q(() => !h || Object.keys(h.buffer).length === 0 ? i : {
+		...i,
+		...h.buffer
+	}, [i, h]);
+	if (d === "row_edit" && f) {
+		let e = h?.error ? [...p, `_error:${h.error}`] : p;
+		return /* @__PURE__ */ Z(Be, {
+			values: k,
+			entity: a,
+			columns: c,
+			editableColumns: l,
+			errors: e,
+			saving: h?.saving ?? !1,
+			onChange: (e, n) => g(t, e, n),
+			onConfirm: () => y(t),
+			onCancel: () => b(t),
+			refs: x
+		});
+	}
+	return /* @__PURE__ */ Q("div", {
+		style: {
+			border: "1px solid var(--border)",
+			borderRadius: 8,
+			background: "var(--surface)",
+			opacity: m ? .58 : 1,
+			overflow: "hidden"
+		},
+		children: [/* @__PURE__ */ Z("div", {
+			style: {
+				padding: 10,
+				display: "flex",
+				flexDirection: "column",
+				gap: 12
+			},
+			children: c.map((e) => {
+				let n = a.fields.get(e), r = u && d === "inline_edit" && l.has(e), i = C && e === S, c = n ? z(n, e, o) : e, f = `${O}-${t}-${e}`, p = `${f}-label`, m = {
+					fontSize: 11.5,
+					fontWeight: 600,
+					color: "var(--text-3)"
+				}, h = n ? N({
+					field: n,
+					fieldName: e,
+					value: k[e],
+					mode: r ? "edit" : "display",
+					onChange: r ? (n) => g(t, e, n) : void 0,
+					record: k,
+					refs: x,
+					compact: r,
+					entity: a,
+					entities: o,
+					screens: i ? void 0 : s,
+					fieldId: f,
+					labelId: p,
+					locale: E
+				}) : H(k[e]);
+				return /* @__PURE__ */ Q("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 5,
+						minWidth: 0
+					},
+					children: [r && n ? /* @__PURE__ */ Z("label", {
+						id: p,
+						htmlFor: f,
+						style: m,
+						children: c
+					}) : /* @__PURE__ */ Z("div", {
+						id: p,
+						style: m,
+						children: c
+					}), /* @__PURE__ */ Z("div", {
+						style: { minWidth: 0 },
+						children: i && !r ? /* @__PURE__ */ Z("a", {
+							href: C,
+							style: {
+								color: "var(--accent)",
+								textDecoration: "none",
+								fontWeight: 500
+							},
+							children: h
+						}) : h
+					})]
+				}, e);
+			})
+		}), (u || w && w.length > 0) && /* @__PURE__ */ Q("div", {
+			style: {
+				minHeight: 42,
+				padding: "6px 8px",
+				borderTop: "1px solid var(--divider)",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				gap: 6
+			},
+			children: [u && /* @__PURE__ */ Q(me, { children: [
+				h?.saving && /* @__PURE__ */ Z(n, { size: 12 }),
+				h?.error && /* @__PURE__ */ Z("span", {
+					style: {
+						fontSize: 11,
+						color: "var(--danger)"
+					},
+					title: h.error,
+					children: "!"
+				}),
+				d === "row_edit" && /* @__PURE__ */ Z(D, {
+					size: 32,
+					icon: /* @__PURE__ */ Z(e.edit, { size: 14 }),
+					onClick: () => v(t),
+					title: "Edit row"
+				}),
+				/* @__PURE__ */ Z(D, {
+					size: 32,
+					icon: /* @__PURE__ */ Z(e.trash, { size: 14 }),
+					onClick: () => _(t),
+					title: "Delete row"
+				})
+			] }), !u && w && w.length > 0 && /* @__PURE__ */ Z(Ce, {
+				entity: a,
+				actions: w,
+				objectIds: [t],
+				row: k,
+				onSuccess: T
+			})]
+		})]
+	});
+}
+function Re({ rowId: t, row: i, entity: a, entities: o, screens: s, columns: c, editableColumns: l, editable: u, interaction: d, isEditing: f, editErrors: p, isDeleting: m, activeCell: h, setActiveCell: g, rowState: _, onCellChange: v, onDeleteClick: y, onStartEdit: b, onConfirmEdit: x, onCancelEdit: S, refs: C, identityCol: w, href: T, rowActions: E, onRowActionSuccess: O }) {
+	let k = r(), A = q(() => !_ || Object.keys(_.buffer).length === 0 ? i : {
+		...i,
+		..._.buffer
+	}, [i, _]);
+	if (d === "row_edit" && f) {
+		let e = _?.error ? [...p, `_error:${_.error}`] : p;
+		return /* @__PURE__ */ Z(ze, {
+			values: A,
+			entity: a,
+			columns: c,
+			editableColumns: l,
+			errors: e,
+			saving: _?.saving ?? !1,
+			onChange: (e, n) => v(t, e, n),
+			onConfirm: () => x(t),
+			onCancel: () => S(t),
+			refs: C
+		});
+	}
+	let j = W, M = {
+		padding: "4px 4px",
+		borderBottom: "1px solid var(--divider)",
+		verticalAlign: "middle"
+	}, P = d === "inline_edit";
+	return /* @__PURE__ */ Q("tr", {
+		style: { opacity: m ? .5 : 1 },
+		children: [
+			c.map((e) => {
+				let n = a.fields.get(e), r = l.has(e);
+				if (P && h?.rowId === t && h?.col === e && r) return /* @__PURE__ */ Z("td", {
+					style: M,
+					children: n ? N({
+						field: n,
+						fieldName: e,
+						value: A[e],
+						mode: "edit",
+						onChange: (n) => v(t, e, n),
+						record: A,
+						refs: C,
+						compact: !0,
+						locale: k
+					}) : H(A[e])
+				}, e);
+				let i = T && e === w, c = n ? N({
+					field: n,
+					fieldName: e,
+					value: A[e],
+					mode: "display",
+					record: A,
+					refs: C,
+					entity: a,
+					entities: o,
+					screens: i ? void 0 : s,
+					locale: k
+				}) : H(A[e]), u = P && r && !m;
+				return /* @__PURE__ */ Z("td", {
+					style: {
+						...j,
+						cursor: u ? "pointer" : "default"
+					},
+					onClick: u ? () => g({
+						rowId: t,
+						col: e
+					}) : void 0,
+					children: i ? /* @__PURE__ */ Z("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: c
+					}) : c
+				}, e);
+			}),
+			u && /* @__PURE__ */ Z("td", {
+				style: {
+					padding: "4px 8px",
+					borderBottom: "1px solid var(--divider)",
+					verticalAlign: "middle"
+				},
+				children: /* @__PURE__ */ Q("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 4
+					},
+					children: [
+						_?.saving && /* @__PURE__ */ Z(n, { size: 12 }),
+						_?.error && /* @__PURE__ */ Z("span", {
+							style: {
+								fontSize: 11,
+								color: "var(--danger)"
+							},
+							title: _.error,
+							children: "!"
+						}),
+						d === "row_edit" && /* @__PURE__ */ Z(D, {
+							size: 24,
+							icon: /* @__PURE__ */ Z(e.edit, { size: 12 }),
+							onClick: () => b(t),
+							title: "Edit row"
+						}),
+						/* @__PURE__ */ Z(D, {
+							size: 24,
+							icon: /* @__PURE__ */ Z(e.trash, { size: 12 }),
+							onClick: () => y(t),
+							title: "Delete row"
+						})
+					]
+				})
+			}),
+			!u && E && E.length > 0 && /* @__PURE__ */ Z("td", {
+				style: {
+					padding: "4px 8px",
+					borderBottom: "1px solid var(--divider)",
+					verticalAlign: "middle"
+				},
+				children: /* @__PURE__ */ Z(Ce, {
+					entity: a,
+					actions: E,
+					objectIds: [t],
+					row: A,
+					onSuccess: O
+				})
+			})
+		]
+	});
+}
+function ze({ values: t, entity: i, columns: a, editableColumns: o, errors: s, saving: c, onChange: l, onConfirm: u, onCancel: d, refs: f, accent: p }) {
+	let m = r(), h = s.find((e) => e.startsWith("_error:")), g = new Set(s.filter((e) => !e.startsWith("_error:"))), _ = {
+		padding: "6px 12px",
+		borderBottom: "1px solid var(--divider)",
+		verticalAlign: "middle",
+		height: 40,
+		minWidth: 0
+	}, v = {
+		display: "block",
+		width: "100%",
+		maxWidth: "100%",
+		minWidth: 0
+	};
+	return /* @__PURE__ */ Q("tr", {
+		style: p ? { boxShadow: "inset 3px 0 0 var(--accent)" } : void 0,
+		onKeyDown: (e) => {
+			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), u()) : e.key === "Escape" && (e.preventDefault(), d());
+		},
+		children: [a.map((e) => {
+			let n = i.fields.get(e), r = o.has(e), a = g.has(e);
+			return r ? /* @__PURE__ */ Z("td", {
+				style: {
+					..._,
+					outline: a ? "1px solid var(--danger)" : "none",
+					outlineOffset: -1
+				},
+				title: a ? `${e} is required` : void 0,
+				children: /* @__PURE__ */ Z("div", {
+					style: v,
+					children: n ? N({
+						field: n,
+						fieldName: e,
+						value: t[e],
+						mode: "edit",
+						onChange: (t) => l(e, t),
+						record: t,
+						refs: f,
+						compact: !0,
+						locale: m
+					}) : H(t[e])
+				})
+			}, e) : /* @__PURE__ */ Z("td", {
+				style: {
+					..._,
+					color: "var(--text-3)"
+				},
+				children: n?.auto ? "—" : H(t[e])
+			}, e);
+		}), /* @__PURE__ */ Z("td", {
+			style: _,
+			children: /* @__PURE__ */ Q("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 4,
+					justifyContent: "flex-end"
+				},
+				children: [
+					h && /* @__PURE__ */ Z("span", {
+						style: {
+							fontSize: 11,
+							color: "var(--danger)"
+						},
+						title: h.slice(7),
+						children: "!"
+					}),
+					/* @__PURE__ */ Z(D, {
+						size: 24,
+						icon: Z(c ? n : e.check, { size: 12 }),
+						onClick: u,
+						title: "Confirm (Enter)"
+					}),
+					/* @__PURE__ */ Z(D, {
+						size: 24,
+						icon: /* @__PURE__ */ Z(e.x, { size: 12 }),
+						onClick: d,
+						title: "Cancel (Esc)"
+					})
+				]
+			})
+		})]
+	});
+}
+function Be({ values: t, entity: i, columns: a, editableColumns: o, errors: s, saving: c, onChange: l, onConfirm: u, onCancel: d, refs: f, accent: p }) {
+	let m = r(), h = K(), g = s.find((e) => e.startsWith("_error:")), _ = new Set(s.filter((e) => !e.startsWith("_error:")));
+	return /* @__PURE__ */ Q("div", {
+		style: {
+			border: "1px solid var(--border)",
+			borderRadius: 8,
+			background: "var(--surface)",
+			overflow: "hidden",
+			boxShadow: p ? "inset 3px 0 0 var(--accent)" : void 0
+		},
+		onKeyDown: (e) => {
+			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), u()) : e.key === "Escape" && (e.preventDefault(), d());
+		},
+		children: [/* @__PURE__ */ Z("div", {
+			style: {
+				padding: 10,
+				display: "flex",
+				flexDirection: "column",
+				gap: 12
+			},
+			children: a.map((e) => {
+				let n = i.fields.get(e), r = o.has(e), a = _.has(e), s = n ? z(n, e) : e, c = `${h}-${e}`, u = `${c}-label`, d = {
+					fontSize: 11.5,
+					fontWeight: 600,
+					color: "var(--text-3)"
+				};
+				return /* @__PURE__ */ Q("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 5,
+						minWidth: 0
+					},
+					children: [r && n ? /* @__PURE__ */ Z("label", {
+						id: u,
+						htmlFor: c,
+						style: d,
+						children: s
+					}) : /* @__PURE__ */ Z("div", {
+						id: u,
+						style: d,
+						children: s
+					}), /* @__PURE__ */ Z("div", {
+						style: {
+							minWidth: 0,
+							outline: a ? "1px solid var(--danger)" : "none",
+							outlineOffset: 3,
+							borderRadius: a ? 5 : 0
+						},
+						title: a ? `${e} is required` : void 0,
+						children: r ? n ? N({
+							field: n,
+							fieldName: e,
+							value: t[e],
+							mode: "edit",
+							onChange: (t) => l(e, t),
+							record: t,
+							refs: f,
+							compact: !0,
+							fieldId: c,
+							labelId: u,
+							locale: m
+						}) : H(t[e]) : n?.auto ? "—" : H(t[e])
+					})]
+				}, e);
+			})
+		}), /* @__PURE__ */ Q("div", {
+			style: {
+				minHeight: 42,
+				padding: "6px 8px",
+				borderTop: "1px solid var(--divider)",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				gap: 6
+			},
+			children: [
+				g && /* @__PURE__ */ Z("span", {
+					style: {
+						fontSize: 11,
+						color: "var(--danger)"
+					},
+					title: g.slice(7),
+					children: "!"
+				}),
+				/* @__PURE__ */ Z(D, {
+					size: 32,
+					icon: Z(c ? n : e.check, { size: 14 }),
+					onClick: u,
+					title: "Confirm (Enter)"
+				}),
+				/* @__PURE__ */ Z(D, {
+					size: 32,
+					icon: /* @__PURE__ */ Z(e.x, { size: 14 }),
+					onClick: d,
+					title: "Cancel (Esc)"
+				})
+			]
+		})]
+	});
+}
+function Ve({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey: i, draftErrors: a, draftSaving: o, onChange: s, onConfirm: c, onCancel: l, refs: u }) {
+	let d = q(() => {
+		let e = new Set(r);
+		return e.delete(i), e;
+	}, [r, i]);
+	return /* @__PURE__ */ Z(ze, {
+		values: e,
+		entity: t,
+		columns: n,
+		editableColumns: d,
+		errors: a,
+		saving: o,
+		onChange: s,
+		onConfirm: c,
+		onCancel: l,
+		refs: u,
+		accent: !0
+	});
+}
+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 = q(() => {
+		let e = new Set(r);
+		return e.delete(i), e;
+	}, [r, i]);
+	return /* @__PURE__ */ Z(Be, {
+		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 Ue = class extends ue {
+	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__ */ Z("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				minHeight: 200,
+				padding: 32
+			},
+			children: /* @__PURE__ */ Q("div", {
+				style: {
+					textAlign: "center",
+					maxWidth: 420,
+					display: "flex",
+					flexDirection: "column",
+					gap: 10
+				},
+				children: [
+					/* @__PURE__ */ Z("h2", {
+						style: {
+							fontSize: 16,
+							fontWeight: 600,
+							margin: 0,
+							color: "var(--text)"
+						},
+						children: "Something went wrong"
+					}),
+					/* @__PURE__ */ Z("p", {
+						style: {
+							fontSize: 12.5,
+							color: "var(--text-3)",
+							margin: 0
+						},
+						children: this.state.error?.message || "An unexpected error occurred."
+					}),
+					/* @__PURE__ */ Z("div", { children: /* @__PURE__ */ Z(k, {
+						onClick: this.handleRetry,
+						children: "Try again"
+					}) })
+				]
+			})
+		}) : this.props.children;
+	}
+};
+//#endregion
+//#region src/hooks/useObject.ts
+function We(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 Ge(e, t) {
+	let n = We(e, t), r = n[2];
+	return pe({
+		queryKey: n,
+		queryFn: () => _(e, t),
+		enabled: !!e && !!t && t !== "new" && r !== void 0
+	});
+}
+//#endregion
+//#region src/components/detail-layout/widgets/registry.ts
+var Ke = /* @__PURE__ */ new Map();
+function qe(e, t) {
+	Ke.set(e, t);
+}
+function Je(e) {
+	return Ke.get(e);
+}
+function Ye(e) {
+	return Ke.has(e);
+}
+//#endregion
+export { Ge as a, Se as c, ve as d, _e as f, We as i, ye as l, Ye as n, Ue as o, qe as r, Me as s, Je as t, be as u };