@declarion/react 0.57.0 → 0.59.2

package/dist-lib/format-count-DA4wmmWR.js

@@ -0,0 +1,1771 @@
+import { s as e, t } from "./DynamicIcon-DW5krHuX.js";
+import { Et as n, Fn as r, G as i, J as a, Ln as o, Mn as s, Pn as c, Rn as l, W as u, Zt as d, bt as f, en as p, i as m, jn as h, on as g, qt as _, rn as v, rt as y } from "./useCurrentScreen-BL5NZFCw.js";
+import { d as b, f as x, t as S } from "./useText-BFDCTUSo.js";
+import { C, M as w, S as T, u as E } from "./field-classification-C28XE-_P.js";
+import { c as ee, o as D, p as te, r as ne } from "./action-dispatch-DY0c8U81.js";
+import { a as O, d as k, f as A, h as j, i as M, o as N, s as P, u as F } from "./useTabSearchMirror-ZVLlINBX.js";
+import { Fragment as I, useCallback as L, useEffect as R, useMemo as z, useRef as B, useState as V } from "react";
+import { useLocation as re, useSearchParams as ie } from "react-router";
+import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
+//#region src/components/primitives/Avatar.tsx
+function G({ name: e, size: t = 22, color: n }) {
+	let r = e.split(/\s+/).map((e) => e[0]).slice(0, 2).join("").toUpperCase(), i = e.split("").reduce((e, t) => e + t.charCodeAt(0), 0), a = [
+		"#DCE4F6",
+		"#E4DCF6",
+		"#F6DCE4",
+		"#F6E4DC",
+		"#DCF6E4",
+		"#DCF6F1",
+		"#F1F6DC",
+		"#F6DCF1"
+	], o = n || a[i % a.length];
+	return /* @__PURE__ */ U("span", {
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			width: t,
+			height: t,
+			borderRadius: 999,
+			background: o,
+			color: "#1E2A4A",
+			fontSize: t < 20 ? 9.5 : 10.5,
+			fontWeight: 600,
+			flexShrink: 0
+		},
+		children: r
+	});
+}
+//#endregion
+//#region src/components/shared/ConfirmDialog.tsx
+function ae({ open: t, onOpenChange: n, title: r, description: i, confirmLabel: a, onConfirm: s, destructive: c = !1 }) {
+	let u = S(), d = B(null);
+	return R(() => {
+		t && d.current?.focus();
+	}, [t]), t ? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
+		onClick: () => n(!1),
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--scrim)",
+			zIndex: 60,
+			backdropFilter: "blur(2px)"
+		}
+	}), /* @__PURE__ */ W("div", {
+		ref: d,
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": r,
+		tabIndex: -1,
+		onKeyDown: (e) => {
+			e.key === "Escape" && n(!1);
+		},
+		style: {
+			position: "fixed",
+			top: "50%",
+			left: "50%",
+			transform: "translate(-50%, -50%)",
+			zIndex: 61,
+			width: "calc(100vw - 24px)",
+			maxWidth: 460,
+			maxHeight: "calc(var(--app-height) - var(--safe-area-top) - var(--safe-area-bottom) - 16px)",
+			background: "var(--surface)",
+			borderRadius: 12,
+			boxShadow: "var(--shadow-lg)",
+			border: "1px solid var(--border)",
+			overflow: "hidden",
+			display: "flex",
+			flexDirection: "column",
+			outline: "none"
+		},
+		children: [/* @__PURE__ */ W("div", {
+			style: {
+				padding: "14px 18px",
+				display: "flex",
+				alignItems: "center",
+				gap: 10,
+				minWidth: 0,
+				overflowY: "auto"
+			},
+			children: [
+				/* @__PURE__ */ U("span", {
+					style: {
+						width: 28,
+						height: 28,
+						borderRadius: 7,
+						background: c ? "var(--danger-soft)" : "var(--accent-soft)",
+						color: c ? "var(--danger)" : "var(--accent)",
+						display: "inline-flex",
+						alignItems: "center",
+						justifyContent: "center",
+						flexShrink: 0
+					},
+					children: U(c ? e.trash : e.info, { size: 15 })
+				}),
+				/* @__PURE__ */ W("div", {
+					style: {
+						flex: 1,
+						minWidth: 0
+					},
+					children: [/* @__PURE__ */ U("div", {
+						style: {
+							fontSize: 14,
+							fontWeight: 600,
+							color: "var(--text)"
+						},
+						children: r
+					}), /* @__PURE__ */ U("div", {
+						style: {
+							fontSize: 11.5,
+							color: "var(--text-3)",
+							marginTop: 2
+						},
+						children: i
+					})]
+				}),
+				/* @__PURE__ */ U(o, {
+					icon: /* @__PURE__ */ U(e.x, { size: 14 }),
+					onClick: () => n(!1)
+				})
+			]
+		}), /* @__PURE__ */ W("div", {
+			style: {
+				padding: "10px 16px",
+				borderTop: "1px solid var(--divider)",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				flexWrap: "wrap",
+				gap: 8,
+				background: "var(--surface-2)",
+				flexShrink: 0
+			},
+			children: [
+				/* @__PURE__ */ U("div", { style: { flex: 1 } }),
+				/* @__PURE__ */ U(l, {
+					onClick: () => n(!1),
+					children: u("dialog.cancel", "Cancel")
+				}),
+				/* @__PURE__ */ U(l, {
+					kind: "primary",
+					danger: c,
+					onClick: () => {
+						s(), n(!1);
+					},
+					children: a ?? u("dialog.confirm", "Confirm")
+				})
+			]
+		})]
+	})] }) : null;
+}
+//#endregion
+//#region src/hooks/useScreen.ts
+function K(e) {
+	let { data: t } = x();
+	if (t && e) return t.screens[e];
+}
+//#endregion
+//#region src/hooks/useFilters.ts
+var oe = [];
+function se({ defaults: e = oe } = {}) {
+	let [t, n] = ie(), r = S("errors"), i = z(() => A(t), [t]), a = i.error === null && t.get("filters") !== null ? i.filters : e, o = z(() => P(a), [a]), s = L((r) => {
+		let i = new URLSearchParams(t);
+		j(r, i, e), i.set("page", "1"), n(i);
+	}, [
+		t,
+		n,
+		e
+	]), c = L(() => {
+		let e = new URLSearchParams(t);
+		e.delete("filters"), e.set("page", "1"), n(e);
+	}, [t, n]);
+	return {
+		filters: a,
+		filterError: i.error === null ? null : r(i.errorCode ?? "", i.error),
+		activeCount: o,
+		setFilters: s,
+		clearFilters: c
+	};
+}
+//#endregion
+//#region src/hooks/useViews.ts
+function q(e, t) {
+	let n = t && String(e.user_id) === t;
+	return {
+		id: String(e.id),
+		name: typeof e.name == "object" && e.name !== null ? e.name : { en: h(e.name) },
+		icon: e.icon,
+		source: n ? "personal" : "shared",
+		is_default: e.is_default === !0,
+		filters: e.filters,
+		columns: e.columns,
+		sort: e.sort
+	};
+}
+function ce(e, t) {
+	let r = n("view", {
+		filters: [{
+			field: "id",
+			op: "eq",
+			value: e ?? ""
+		}],
+		per_page: 1
+	}, !!e), i = r.data?.data?.[0], a = z(() => i ? q(i, t) : void 0, [i, t]);
+	return e ? {
+		view: a,
+		isSettled: !r.isPending || r.fetchStatus === "paused"
+	} : {
+		view: void 0,
+		isSettled: !0
+	};
+}
+function le(e, t) {
+	return J(e, t).views;
+}
+function J(e, t) {
+	let r = K(e), i = n("view", {
+		filters: [{
+			field: "screen_code",
+			op: "eq",
+			value: e
+		}, ...t ? [{ or: [{
+			field: "user_id",
+			op: "eq",
+			value: t
+		}, {
+			field: "is_shared",
+			op: "eq",
+			value: "true"
+		}] }] : []],
+		sort: "created_at:desc",
+		per_page: 100
+	}), a = i.data, o = z(() => {
+		let e = [];
+		if (r?.views) for (let t of r.views) e.push({
+			id: t.code,
+			name: t.name,
+			icon: t.icon,
+			source: "system",
+			filters: t.filters,
+			columns: t.columns,
+			sort: t.sort
+		});
+		if (a?.data) for (let n of a.data) e.push(q(n, t));
+		return e;
+	}, [
+		r?.views,
+		a?.data,
+		t
+	]), { refetch: s } = i;
+	return {
+		views: o,
+		isSettled: !i.isPending || i.fetchStatus === "paused",
+		isFetching: i.isFetching,
+		refetch: L(() => {
+			s();
+		}, [s])
+	};
+}
+//#endregion
+//#region src/hooks/usePageState.ts
+function ue(e, t, n) {
+	let r = re(), i = n?.scope === "path" ? T(r) : C(r), a = B(i);
+	a.current = i;
+	let o = B(t), s = w((t) => t.ttlMs <= 0 ? void 0 : t.entries[i]?.bag[e]), c = s === void 0 ? o.current : s;
+	return R(() => {
+		w.getState().touch(i);
+	}, [i]), [c, L((t) => {
+		let n = a.current, r = w.getState(), i = r.read(n, e), s = i === void 0 ? o.current : i, c = typeof t == "function" ? t(s) : t;
+		r.set(n, e, c);
+	}, [e])];
+}
+//#endregion
+//#region src/components/shared/EmptyState.tsx
+function de({ icon: e, title: n, description: r, action: i }) {
+	return /* @__PURE__ */ W("div", {
+		"data-testid": "empty-state",
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			padding: "64px 16px",
+			textAlign: "center"
+		},
+		children: [
+			e && /* @__PURE__ */ U("div", {
+				style: {
+					marginBottom: 16,
+					borderRadius: 999,
+					background: "var(--surface-3)",
+					padding: 16,
+					color: "var(--text-3)",
+					display: "inline-flex"
+				},
+				children: /* @__PURE__ */ U(t, {
+					name: e,
+					size: 32
+				})
+			}),
+			/* @__PURE__ */ U("h3", {
+				style: {
+					margin: 0,
+					fontSize: 15,
+					fontWeight: 600,
+					color: "var(--text)"
+				},
+				children: n
+			}),
+			r && /* @__PURE__ */ U("p", {
+				style: {
+					marginTop: 4,
+					fontSize: 12.5,
+					color: "var(--text-3)",
+					maxWidth: 420
+				},
+				children: r
+			}),
+			i && /* @__PURE__ */ U("div", {
+				style: { marginTop: 16 },
+				children: i
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/filters/filter-op-label.ts
+function Y(e, t) {
+	let n = N[t];
+	return n ? e(`filter.op.${t}`, n) : t;
+}
+//#endregion
+//#region src/components/filters/FilterDrawer.tsx
+function fe({ open: t, onClose: n, filters: r, onApply: i, availableFields: a, defaultFilters: s, refs: c }) {
+	let u = S(), d = g().category === "phone", [f, p] = V(r), [m, h] = V(!1);
+	if (R(() => {
+		if (t) {
+			if (r.length === 0 && s && s.length > 0) {
+				let e = s.flatMap((e) => {
+					let t = a.find((t) => t.code === e);
+					return t ? [{
+						field: e,
+						op: t.operators[0] || "eq"
+					}] : [];
+				});
+				p(e);
+				return;
+			}
+			p(r);
+		}
+	}, [
+		t,
+		r,
+		s,
+		a
+	]), !t) return null;
+	let _ = k(f), v = new Set(F(f).filter((e) => e.field).map((e) => e.field)), y = (e = f) => {
+		let t = new Set(F(e).map((e) => e.field).filter(Boolean)), n = a.find((e) => !t.has(e.code)) ?? a[0];
+		return n ? {
+			field: n.code,
+			op: n.operators[0] || "eq"
+		} : {};
+	}, b = (e) => {
+		let t = a.find((t) => t.code === e);
+		if (!t) return;
+		let n = t.operators[0] || "eq";
+		p((t) => [...t, {
+			field: e,
+			op: n
+		}]), h(!1);
+	}, x = () => {
+		let e = f.filter((e) => e.field && e.op), t = f.filter((e) => !e.field || !e.op), n = e.length === 1 ? e[0] : e.length > 1 ? { and: e } : {};
+		p([...t, { or: [n, {}] }]);
+	}, C = (e, t) => {
+		p((n) => Q(n, e, (e) => ({
+			...e,
+			...t
+		})));
+	}, w = (e, t) => {
+		p((n) => xe(n, e, t));
+	}, T = (e) => {
+		p((t) => Se(t, e));
+	}, E = (e, t) => {
+		p((n) => Q(n, e, (e) => e.or ? {
+			...e,
+			or: [...e.or, t]
+		} : e.and ? {
+			...e,
+			and: [...e.and, t]
+		} : e));
+	}, ee = (e, t) => {
+		let n = [...e, t], r = be(f, n);
+		if (!r) return;
+		let i = y();
+		r.and ? E(n, i) : r.field || r.op || r.or ? w(n, { and: [r, i] }) : w(n, i);
+	}, D = (e, t) => {
+		if (e.or || e.and) return /* @__PURE__ */ U(ye, {
+			node: e,
+			renderNode: D,
+			onRemoveChild: T,
+			onAddCondition: (n) => {
+				e.or && n !== void 0 ? ee(t, n) : E(t, y(e.or ?? e.and));
+			},
+			onAddBranch: () => E(t, {}),
+			path: t
+		}, t.join("-"));
+		if (!e.field || !e.op) return /* @__PURE__ */ U("div", { style: { minHeight: 4 } }, t.join("-"));
+		let n = a.find((t) => t.code === e.field);
+		return n ? /* @__PURE__ */ U(ve, {
+			node: e,
+			meta: n,
+			refs: c,
+			onUpdate: (e) => C(t, e),
+			onRemove: () => T(t)
+		}, t.join("-")) : null;
+	};
+	return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
+		onClick: n,
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--scrim-lite)",
+			zIndex: 40
+		}
+	}), /* @__PURE__ */ W("div", {
+		role: "dialog",
+		"aria-label": u("filter.drawer.title", "Filters"),
+		"aria-modal": "true",
+		"data-testid": "filter-drawer",
+		style: {
+			position: "fixed",
+			top: "calc(var(--topbar-h) + var(--safe-area-top))",
+			right: "var(--safe-area-right)",
+			width: "min(400px, calc(100vw - var(--safe-area-left) - var(--safe-area-right)))",
+			height: "calc(var(--app-height) - var(--topbar-h) - var(--safe-area-top) - var(--safe-area-bottom) - var(--tabbar-h))",
+			maxHeight: "calc(var(--app-height) - var(--topbar-h) - var(--safe-area-top) - var(--safe-area-bottom) - var(--tabbar-h))",
+			background: "var(--surface)",
+			borderLeft: "1px solid var(--border)",
+			boxShadow: "var(--shadow-lg)",
+			zIndex: 50,
+			display: "flex",
+			flexDirection: "column",
+			boxSizing: "border-box",
+			minWidth: 0,
+			overflow: "hidden"
+		},
+		children: [
+			/* @__PURE__ */ W("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					padding: "10px 14px",
+					borderBottom: "1px solid var(--divider)"
+				},
+				children: [/* @__PURE__ */ W("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 8
+					},
+					children: [/* @__PURE__ */ U(e.filter, { size: 14 }), /* @__PURE__ */ U("h3", {
+						style: {
+							margin: 0,
+							fontSize: 13,
+							fontWeight: 600,
+							color: "var(--text)"
+						},
+						children: u("filter.drawer.title", "Filters")
+					})]
+				}), /* @__PURE__ */ U(o, {
+					icon: /* @__PURE__ */ U(e.x, { size: 14 }),
+					onClick: n,
+					title: u("filter.drawer.close", "Close")
+				})]
+			}),
+			/* @__PURE__ */ W("div", {
+				style: {
+					flex: 1,
+					overflowY: "auto",
+					padding: 14,
+					display: "flex",
+					flexDirection: "column",
+					gap: 10,
+					minWidth: 0,
+					minHeight: 0
+				},
+				children: [f.map((e, t) => D(e, [t])), /* @__PURE__ */ U("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 6,
+						paddingTop: 6
+					},
+					children: m ? /* @__PURE__ */ U(Ce, {
+						fields: a,
+						activeFields: v,
+						compact: d,
+						onSelect: b,
+						onCancel: () => h(!1)
+					}) : /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(l, {
+						icon: /* @__PURE__ */ U(e.plus, { size: 12 }),
+						onClick: () => h(!0),
+						children: u("filter.drawer.add_filter", "Add filter")
+					}), !_ && F(f).length > 0 && /* @__PURE__ */ U(l, {
+						kind: "ghost",
+						icon: /* @__PURE__ */ U(e.plus, { size: 12 }),
+						onClick: x,
+						children: u("filter.drawer.add_or_group", "Add OR group")
+					})] })
+				})]
+			}),
+			/* @__PURE__ */ W("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					padding: "10px 14px",
+					borderTop: "1px solid var(--divider)",
+					background: "var(--surface-2)",
+					gap: 6,
+					flexWrap: "wrap",
+					minWidth: 0,
+					paddingBottom: "calc(10px + var(--safe-area-bottom))"
+				},
+				children: [
+					/* @__PURE__ */ U(l, {
+						kind: "ghost",
+						onClick: () => {
+							p([]);
+						},
+						children: u("filter.drawer.reset", "Reset")
+					}),
+					/* @__PURE__ */ U("div", { style: { flex: 1 } }),
+					/* @__PURE__ */ U(l, {
+						onClick: n,
+						children: u("dialog.cancel", "Cancel")
+					}),
+					/* @__PURE__ */ U(l, {
+						kind: "primary",
+						onClick: () => {
+							i(X(f)), n();
+						},
+						children: u("filter.drawer.apply", "Apply")
+					})
+				]
+			})
+		]
+	})] });
+}
+function pe(e) {
+	return e == null || e === "" ? !1 : !Array.isArray(e) || e.length > 0;
+}
+function X(e) {
+	let t = [];
+	for (let n of e) {
+		if (n.or) {
+			let e = X(n.or);
+			e.length > 0 && t.push({
+				...n,
+				or: e
+			});
+			continue;
+		}
+		if (n.and) {
+			let e = X(n.and);
+			e.length > 0 && t.push({
+				...n,
+				and: e
+			});
+			continue;
+		}
+		n.field && n.op && (O.has(n.op) || pe(n.value)) && t.push(n);
+	}
+	return t;
+}
+function Z(e, t) {
+	return !t || t.length === 0 ? [] : [
+		{
+			value: "",
+			label: e("filter.value.special", "Special values"),
+			heading: !0
+		},
+		...t.map((t) => ({
+			value: t.code,
+			label: e(t.label) || t.code
+		})),
+		{
+			value: "",
+			label: "",
+			divider: !0
+		}
+	];
+}
+var me = "__custom__";
+function he({ meta: e, value: t, onUpdate: n }) {
+	let r = S(), i = e.specialValues ?? [], a = h(t), o = i.some((e) => e.code === a), [s, c] = V(!o && a !== "");
+	return s ? /* @__PURE__ */ U(p, {
+		"aria-label": r("filter.value.aria", "{field} filter value", { field: e.label }),
+		value: a,
+		onChange: (e) => n({ value: e }),
+		placeholder: r("filter.value.placeholder", "Value…"),
+		autoFocus: !0
+	}) : /* @__PURE__ */ U(d, {
+		"aria-label": r("filter.value.aria", "{field} filter value", { field: e.label }),
+		value: a,
+		options: [
+			{
+				value: "",
+				label: r("filter.value.select", "Select…")
+			},
+			...Z(r, i),
+			{
+				value: me,
+				label: r("filter.value.custom", "Custom value…")
+			}
+		],
+		onChange: (e) => {
+			e === me ? (c(!0), n({ value: "" })) : n({ value: e });
+		}
+	});
+}
+function ge(e) {
+	return Array.isArray(e) ? e.map((e) => h(e)) : e == null || e === "" ? [] : [h(e)];
+}
+function _e(e) {
+	return Array.isArray(e) ? e.length > 0 ? h(e[0]) : "" : h(e);
+}
+function ve({ node: t, meta: n, refs: r, onUpdate: i, onRemove: a }) {
+	let s = S(), c = O.has(t.op), l = M.has(t.op), u = n.operators.map((e) => ({
+		value: e,
+		label: Y(s, e)
+	})), m = s("filter.value.aria", "{field} filter value", { field: n.label }), g = (e) => {
+		let n = M.has(t.op), r = M.has(e);
+		if (r === n) {
+			i({ op: e });
+			return;
+		}
+		i({
+			op: e,
+			value: r ? ge(t.value) : _e(t.value)
+		});
+	};
+	return /* @__PURE__ */ W("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 6,
+			minWidth: 0
+		},
+		children: [/* @__PURE__ */ W("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				minWidth: 0
+			},
+			children: [/* @__PURE__ */ U("span", {
+				style: {
+					flex: 1,
+					fontSize: 12.5,
+					fontWeight: 600,
+					color: "var(--text)",
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap",
+					minWidth: 0
+				},
+				title: n.label,
+				children: n.label
+			}), /* @__PURE__ */ U(o, {
+				size: 22,
+				icon: /* @__PURE__ */ U(e.x, { size: 12 }),
+				onClick: a,
+				title: s("filter.drawer.remove", "Remove")
+			})]
+		}), /* @__PURE__ */ W("div", {
+			style: {
+				display: "grid",
+				gridTemplateColumns: c ? "minmax(0, 1fr)" : "minmax(112px, 152px) minmax(0, 1fr)",
+				gap: 6,
+				alignItems: "start",
+				minWidth: 0
+			},
+			children: [/* @__PURE__ */ U(d, {
+				"aria-label": s("filter.operator.aria", "{field} filter operator", { field: n.label }),
+				value: t.op ?? u[0]?.value,
+				options: u,
+				onChange: (e) => g(e)
+			}), c ? null : l && n.options ? /* @__PURE__ */ U(_, {
+				"aria-label": m,
+				value: ge(t.value),
+				options: [...Z(s, n.specialValues), ...n.options.map((e) => ({
+					value: e.value,
+					label: e.label
+				}))],
+				onChange: (e) => i({ value: e }),
+				placeholder: s("filter.value.select", "Select…")
+			}) : n.type === "ref" && n.ref?.entity ? /* @__PURE__ */ U(f, {
+				ref: n.ref,
+				value: t.value,
+				onChange: (e) => i({ value: e ?? "" }),
+				refs: r,
+				ariaLabel: m,
+				placeholder: s("filter.value.select", "Select…"),
+				specialValues: n.specialValues
+			}) : n.options ? /* @__PURE__ */ U(d, {
+				"aria-label": m,
+				value: h(t.value),
+				options: [...Z(s, n.specialValues), ...n.options.map((e) => ({
+					value: e.value,
+					label: e.label
+				}))],
+				onChange: (e) => i({ value: e }),
+				placeholder: s("filter.value.select", "Select…")
+			}) : n.specialValues && n.specialValues.length > 0 ? /* @__PURE__ */ U(he, {
+				meta: n,
+				value: t.value,
+				onUpdate: i
+			}) : /* @__PURE__ */ U(p, {
+				"aria-label": m,
+				value: h(t.value),
+				onChange: (e) => i({ value: e }),
+				placeholder: s("filter.value.placeholder", "Value…")
+			})]
+		})]
+	});
+}
+function ye({ node: t, renderNode: n, onRemoveChild: r, onAddCondition: i, onAddBranch: a, path: s }) {
+	let c = S(), u = t.or ?? t.and ?? [], d = t.or !== void 0;
+	return /* @__PURE__ */ W("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 8
+		},
+		children: [
+			u.map((t, a) => {
+				let u = [...s, a], f = d && t.and ? t.and : [t];
+				return /* @__PURE__ */ W("div", { children: [d && a > 0 && /* @__PURE__ */ W("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 8,
+						padding: "4px 0"
+					},
+					children: [
+						/* @__PURE__ */ U("div", { style: {
+							flex: 1,
+							borderTop: "1px solid var(--divider)"
+						} }),
+						/* @__PURE__ */ U("span", {
+							style: {
+								fontSize: 11,
+								fontWeight: 600,
+								color: "var(--text-3)",
+								padding: "0 6px"
+							},
+							children: c("filter.join.or", "OR")
+						}),
+						/* @__PURE__ */ U("div", { style: {
+							flex: 1,
+							borderTop: "1px solid var(--divider)"
+						} })
+					]
+				}), /* @__PURE__ */ W("div", {
+					style: {
+						border: "1px solid var(--border)",
+						borderRadius: 8,
+						padding: 10,
+						display: "flex",
+						flexDirection: "column",
+						gap: 8
+					},
+					children: [
+						d && /* @__PURE__ */ U("div", {
+							style: {
+								fontSize: 10.5,
+								fontWeight: 600,
+								color: "var(--text-3)",
+								textTransform: "uppercase",
+								letterSpacing: "0.08em"
+							},
+							children: c("filter.group.match_all", "Match ALL")
+						}),
+						f.map((e, r) => n(e, d && t.and ? [...u, r] : u)),
+						d && /* @__PURE__ */ U(l, {
+							kind: "ghost",
+							size: "xs",
+							icon: /* @__PURE__ */ U(e.plus, { size: 11 }),
+							onClick: () => i(a),
+							children: c("filter.group.add_condition", "Add condition")
+						}),
+						d && /* @__PURE__ */ U(o, {
+							size: 22,
+							icon: /* @__PURE__ */ U(e.x, { size: 12 }),
+							onClick: () => r(u),
+							title: c("filter.group.remove_alternative", "Remove OR alternative")
+						})
+					]
+				})] }, a);
+			}),
+			!d && /* @__PURE__ */ U(l, {
+				kind: "ghost",
+				size: "xs",
+				icon: /* @__PURE__ */ U(e.plus, { size: 11 }),
+				onClick: () => i(),
+				children: c("filter.group.add_condition", "Add condition")
+			}),
+			d && /* @__PURE__ */ U(l, {
+				kind: "ghost",
+				size: "xs",
+				icon: /* @__PURE__ */ U(e.plus, { size: 11 }),
+				onClick: a,
+				children: c("filter.drawer.add_or_group", "Add OR group")
+			})
+		]
+	});
+}
+function be(e, t) {
+	let n = e, r;
+	for (let e = 0; e < t.length; e += 1) {
+		let i = t[e];
+		if (r = n[i], !r) return;
+		e < t.length - 1 && (n = r.or ?? r.and ?? []);
+	}
+	return r;
+}
+function Q(e, t, n) {
+	if (t.length === 0) return e;
+	let [r, ...i] = t;
+	return e.map((e, t) => {
+		if (t !== r) return e;
+		if (i.length === 0) return n(e);
+		let a = e.or ? "or" : "and", o = e.or ?? e.and;
+		if (!o) return e;
+		let s = Q(o, i, n);
+		return a === "or" ? {
+			...e,
+			or: s
+		} : {
+			...e,
+			and: s
+		};
+	});
+}
+function xe(e, t, n) {
+	if (t.length === 0) return e;
+	let [r, ...i] = t;
+	return e.map((e, t) => {
+		if (t !== r) return e;
+		if (i.length === 0) return n;
+		let a = e.or ?? e.and;
+		if (!a) return e;
+		let o = xe(a, i, n);
+		return e.or ? {
+			...e,
+			or: o
+		} : {
+			...e,
+			and: o
+		};
+	});
+}
+function Se(e, t) {
+	if (t.length === 0) return e;
+	let [n, ...r] = t;
+	return r.length === 0 ? e.filter((e, t) => t !== n) : e.map((e, t) => {
+		if (t !== n) return e;
+		let i = e.or ?? e.and;
+		if (!i) return e;
+		let a = Se(i, r);
+		return e.or ? {
+			...e,
+			or: a
+		} : {
+			...e,
+			and: a
+		};
+	});
+}
+function Ce({ fields: t, activeFields: n, compact: r, onSelect: i, onCancel: a }) {
+	let o = S(), [s, c] = V(""), u = t.filter((e) => !n.has(e.code) && (s === "" || e.label.toLowerCase().includes(s.toLowerCase()) || e.code.toLowerCase().includes(s.toLowerCase())));
+	return /* @__PURE__ */ W("div", {
+		style: {
+			width: "100%",
+			border: "1px solid var(--border)",
+			borderRadius: 8,
+			padding: 8,
+			display: "flex",
+			flexDirection: "column",
+			gap: 6,
+			minWidth: 0,
+			boxSizing: "border-box"
+		},
+		children: [
+			/* @__PURE__ */ U(p, {
+				value: s,
+				onChange: c,
+				placeholder: o("filter.fields.search", "Search fields…"),
+				prefix: /* @__PURE__ */ U(e.search, { size: 12 }),
+				autoFocus: !0
+			}),
+			/* @__PURE__ */ W("div", {
+				style: {
+					maxHeight: 200,
+					overflow: "auto",
+					display: "flex",
+					flexDirection: "column"
+				},
+				children: [u.map((e) => /* @__PURE__ */ W("button", {
+					"data-testid": `filter-field-${e.code}`,
+					onClick: () => i(e.code),
+					style: {
+						textAlign: "left",
+						padding: "6px 8px",
+						fontSize: 12,
+						background: "transparent",
+						border: 0,
+						color: "var(--text-2)",
+						cursor: "pointer",
+						borderRadius: 5,
+						display: "flex",
+						justifyContent: "space-between",
+						gap: 8,
+						minWidth: 0
+					},
+					onMouseEnter: (e) => e.currentTarget.style.background = "var(--surface-3)",
+					onMouseLeave: (e) => e.currentTarget.style.background = "transparent",
+					children: [/* @__PURE__ */ U("span", {
+						style: {
+							minWidth: 0,
+							overflow: "hidden",
+							textOverflow: "ellipsis",
+							whiteSpace: "nowrap"
+						},
+						children: e.label
+					}), /* @__PURE__ */ U("span", {
+						className: "mono",
+						style: {
+							color: "var(--text-4)",
+							fontSize: 10.5,
+							display: r ? "none" : void 0
+						},
+						children: e.code
+					})]
+				}, e.code)), u.length === 0 && /* @__PURE__ */ U("div", {
+					style: {
+						fontSize: 12,
+						color: "var(--text-3)",
+						padding: "6px 8px"
+					},
+					children: o("filter.fields.none", "No fields available")
+				})]
+			}),
+			/* @__PURE__ */ U(l, {
+				kind: "ghost",
+				size: "xs",
+				onClick: a,
+				style: { justifyContent: "center" },
+				children: o("dialog.cancel", "Cancel")
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/filters/FilterChips.tsx
+function we({ filters: t, onRemove: n, onClearAll: r, onChipClick: i, fieldLabel: a = (e) => e, resolveValue: o }) {
+	let s = S();
+	return t.length === 0 ? null : /* @__PURE__ */ W("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			flexWrap: "wrap",
+			paddingBottom: 12
+		},
+		children: [t.map((e, t) => /* @__PURE__ */ W(I, { children: [t > 0 && /* @__PURE__ */ U(Ee, { join: "and" }), /* @__PURE__ */ U(Te, {
+			node: e,
+			fieldLabel: a,
+			resolveValue: o,
+			onRemove: n,
+			onClick: i
+		})] }, t)), /* @__PURE__ */ U(l, {
+			kind: "ghost",
+			size: "xs",
+			icon: /* @__PURE__ */ U(e.x, { size: 11 }),
+			onClick: r,
+			children: s("filter.chips.clear_all", "Clear all")
+		})]
+	});
+}
+function Te({ node: e, fieldLabel: t, resolveValue: n, onRemove: r, onClick: i }) {
+	if (e.field && e.op) return /* @__PURE__ */ U(De, {
+		node: e,
+		fieldLabel: t,
+		resolveValue: n,
+		onRemove: () => r(e.field),
+		onClick: i
+	});
+	let a = e.or ?? e.and ?? [], o = e.or ? "or" : "and";
+	return /* @__PURE__ */ W("span", {
+		"data-testid": `filter-${e.or ? "or" : "and"}-group`,
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 4,
+			flexWrap: "wrap",
+			border: "1px solid var(--divider)",
+			borderRadius: 6,
+			padding: "2px 5px"
+		},
+		children: [
+			/* @__PURE__ */ U("span", {
+				"aria-hidden": "true",
+				style: {
+					color: "var(--text-3)",
+					fontWeight: 600
+				},
+				children: "("
+			}),
+			a.map((e, a) => /* @__PURE__ */ W(I, { children: [a > 0 && /* @__PURE__ */ U(Ee, { join: o }), /* @__PURE__ */ U(Te, {
+				node: e,
+				fieldLabel: t,
+				resolveValue: n,
+				onRemove: r,
+				onClick: i
+			})] }, a)),
+			/* @__PURE__ */ U("span", {
+				"aria-hidden": "true",
+				style: {
+					color: "var(--text-3)",
+					fontWeight: 600
+				},
+				children: ")"
+			})
+		]
+	});
+}
+function Ee({ join: e }) {
+	let t = S(), n = e === "or" ? t("filter.join.or", "OR") : t("filter.join.and", "AND");
+	return /* @__PURE__ */ U("span", {
+		"aria-label": n,
+		style: {
+			fontSize: 11,
+			color: "var(--text-3)",
+			fontWeight: 600,
+			padding: "0 2px"
+		},
+		children: n
+	});
+}
+function De({ node: t, fieldLabel: n, resolveValue: r, onRemove: i, onClick: a }) {
+	let o = /* @__PURE__ */ U(e.filter, { size: 11 });
+	return /* @__PURE__ */ U(s, {
+		tone: "slate",
+		icon: o,
+		onClick: a,
+		onRemove: i,
+		children: /* @__PURE__ */ W("span", { children: [
+			/* @__PURE__ */ U("span", {
+				style: { color: "var(--text-3)" },
+				children: n(t.field)
+			}),
+			" ",
+			/* @__PURE__ */ U("span", {
+				style: { fontWeight: 600 },
+				children: /* @__PURE__ */ U(Oe, {
+					node: t,
+					resolveValue: r
+				})
+			})
+		] })
+	});
+}
+function Oe({ node: e, resolveValue: t }) {
+	let n = S(), r = e.op, i = Y(n, r);
+	if (O.has(r)) return /* @__PURE__ */ U(H, { children: i });
+	let a = Array.isArray(e.value) ? e.value : [e.value];
+	return t ? /* @__PURE__ */ W(H, { children: [
+		i,
+		" ",
+		a.map((n, r) => {
+			let i = t(e.field, n);
+			return /* @__PURE__ */ W(I, { children: [r > 0 ? ", " : "", /* @__PURE__ */ U("span", { children: i.status === "loading" ? /* @__PURE__ */ U(ke, {}) : i.label ?? i.raw })] }, r);
+		})
+	] }) : /* @__PURE__ */ U(H, { children: `${i} ${a.map(h).join(", ")}` });
+}
+function ke() {
+	let e = S();
+	return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("style", { children: E }), /* @__PURE__ */ U("span", {
+		"aria-label": e("filter.chips.loading", "loading"),
+		style: {
+			display: "inline-block",
+			width: 52,
+			height: "0.72em",
+			verticalAlign: "middle",
+			borderRadius: 4,
+			background: "linear-gradient(90deg, var(--surface-3) 0%, var(--surface-2) 40%, var(--surface-3) 80%)",
+			backgroundSize: "200% 100%",
+			animation: "declarion-shimmer 1.2s ease-in-out infinite"
+		}
+	})] });
+}
+//#endregion
+//#region src/components/list/ColumnPicker.tsx
+function Ae({ availableColumns: t, visibleColumns: n, onToggle: r, onMove: i, onReset: a, onShowAll: s, onResetWidths: u, columnLabel: d = (e) => e }) {
+	let f = S(), p = B(null), [m, h] = V(!1), g = t.filter((e) => !n.includes(e)), _ = (e) => /* @__PURE__ */ U("div", {
+		style: {
+			padding: "6px 8px 4px",
+			fontSize: 10.5,
+			color: "var(--text-3)",
+			fontWeight: 600,
+			letterSpacing: "0.06em",
+			textTransform: "uppercase"
+		},
+		children: e
+	});
+	return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(l, {
+		ref: p,
+		icon: /* @__PURE__ */ U(e.columns, { size: 13 }),
+		onClick: () => h((e) => !e),
+		active: m,
+		children: f("list.columns.button", "Columns")
+	}), /* @__PURE__ */ W(c, {
+		open: m,
+		anchor: p.current,
+		onClose: () => h(!1),
+		align: "end",
+		width: 240,
+		children: [
+			_(f("list.columns.visible", "Visible columns")),
+			n.map((t, a) => /* @__PURE__ */ W("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 2,
+					padding: "0 6px 0 8px"
+				},
+				children: [/* @__PURE__ */ W("button", {
+					type: "button",
+					onClick: () => r(t),
+					"aria-label": f("list.columns.hide", "Hide {column}", { column: d(t) }),
+					style: {
+						flex: 1,
+						display: "flex",
+						alignItems: "center",
+						gap: 6,
+						minWidth: 0,
+						background: "none",
+						border: 0,
+						cursor: "pointer",
+						textAlign: "left",
+						color: "var(--text)",
+						font: "inherit",
+						fontSize: 12.5,
+						padding: "4px 0"
+					},
+					children: [/* @__PURE__ */ U(e.check, { size: 12 }), /* @__PURE__ */ U("span", {
+						style: {
+							overflow: "hidden",
+							textOverflow: "ellipsis",
+							whiteSpace: "nowrap"
+						},
+						children: d(t)
+					})]
+				}), i && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(o, {
+					icon: /* @__PURE__ */ U(e.arrowUp, { size: 12 }),
+					title: f("list.columns.move_up", "Move {column} up", { column: d(t) }),
+					size: 22,
+					disabled: a === 0,
+					onClick: () => i(t, "up")
+				}), /* @__PURE__ */ U(o, {
+					icon: /* @__PURE__ */ U(e.arrowDown, { size: 12 }),
+					title: f("list.columns.move_down", "Move {column} down", { column: d(t) }),
+					size: 22,
+					disabled: a === n.length - 1,
+					onClick: () => i(t, "down")
+				})] })]
+			}, t)),
+			g.length > 0 && /* @__PURE__ */ W(H, { children: [_(f("list.columns.hidden", "Hidden columns")), g.map((e) => /* @__PURE__ */ U(v, {
+				icon: /* @__PURE__ */ U("span", { style: {
+					width: 12,
+					display: "inline-block"
+				} }),
+				onClick: () => r(e),
+				children: d(e)
+			}, e))] }),
+			/* @__PURE__ */ U(v, { divider: !0 }),
+			/* @__PURE__ */ U(v, {
+				icon: /* @__PURE__ */ U(e.refresh, { size: 12 }),
+				onClick: a,
+				children: f("list.columns.reset", "Reset columns")
+			}),
+			/* @__PURE__ */ U(v, {
+				icon: /* @__PURE__ */ U(e.eye, { size: 12 }),
+				onClick: s,
+				children: f("list.columns.show_all", "Show all")
+			}),
+			u && /* @__PURE__ */ U(v, {
+				icon: /* @__PURE__ */ U(e.columns, { size: 12 }),
+				onClick: u,
+				children: f("list.columns.reset_widths", "Reset column widths (this device)")
+			})
+		]
+	})] });
+}
+//#endregion
+//#region src/components/list/ViewSwitcher.tsx
+var je = e["undo-2"], Me = {
+	display: "flex",
+	alignItems: "center",
+	gap: 6,
+	height: 28,
+	padding: "0 10px",
+	background: "var(--surface)",
+	border: "1px solid var(--border)",
+	borderRadius: 6,
+	cursor: "pointer",
+	fontSize: 12,
+	color: "var(--text-2)",
+	fontFamily: "inherit"
+};
+function Ne({ views: t, activeViewId: n, isDirty: r, onSelect: i, onSave: a, onSaveAs: s, onDiscard: u, onDelete: d, deletePending: f = !1 }) {
+	let p = S(), m = B(null), [h, g] = V(!1), _ = t.find((e) => e.id === n), y = t.filter((e) => e.source === "system"), b = t.filter((e) => e.source === "personal"), x = t.filter((e) => e.source === "shared"), C = _ ? p(_.name) : p("list.view.all_records", "All Records"), w = (e) => /* @__PURE__ */ U("div", {
+		style: {
+			padding: "6px 8px 4px",
+			fontSize: 10,
+			color: "var(--text-3)",
+			fontWeight: 700,
+			letterSpacing: "0.08em",
+			textTransform: "uppercase"
+		},
+		children: e
+	});
+	return /* @__PURE__ */ W("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6
+		},
+		children: [
+			/* @__PURE__ */ W("button", {
+				ref: m,
+				type: "button",
+				onClick: () => g((e) => !e),
+				style: Me,
+				children: [
+					/* @__PURE__ */ U(e.star, { size: 12 }),
+					/* @__PURE__ */ U("span", { children: C }),
+					r && /* @__PURE__ */ U("span", { style: {
+						display: "inline-block",
+						width: 6,
+						height: 6,
+						borderRadius: 999,
+						background: "var(--warn)",
+						marginLeft: 2
+					} }),
+					/* @__PURE__ */ U(e.down, { size: 11 })
+				]
+			}),
+			/* @__PURE__ */ W(c, {
+				open: h,
+				anchor: m.current,
+				onClose: () => g(!1),
+				width: 280,
+				children: [
+					/* @__PURE__ */ U(v, {
+						icon: n ? void 0 : /* @__PURE__ */ U(e.check, { size: 12 }),
+						active: !n,
+						onClick: () => {
+							i({
+								id: "",
+								name: { [p.language]: p("list.view.all_records", "All Records") },
+								source: "system"
+							}), g(!1);
+						},
+						children: p("list.view.all_records", "All Records")
+					}),
+					y.length > 0 && w(p("list.view.presets", "Presets")),
+					y.map((t) => /* @__PURE__ */ U(v, {
+						icon: n === t.id ? /* @__PURE__ */ U(e.check, { size: 12 }) : void 0,
+						active: n === t.id,
+						onClick: () => {
+							i(t), g(!1);
+						},
+						children: p(t.name)
+					}, t.id)),
+					b.length > 0 && w(p("list.view.mine", "My Views")),
+					b.map((t) => /* @__PURE__ */ W("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: 2,
+							paddingRight: 6
+						},
+						children: [/* @__PURE__ */ U("div", {
+							style: {
+								flex: 1,
+								minWidth: 0
+							},
+							children: /* @__PURE__ */ U(v, {
+								icon: n === t.id ? /* @__PURE__ */ U(e.check, { size: 12 }) : t.is_default ? /* @__PURE__ */ U(e.star, { size: 12 }) : void 0,
+								active: n === t.id,
+								onClick: () => {
+									i(t), g(!1);
+								},
+								children: p(t.name)
+							})
+						}), d && /* @__PURE__ */ U(o, {
+							icon: /* @__PURE__ */ U(e.trash, { size: 12 }),
+							title: p("list.view.delete_action", "Delete view {name}", { name: p(t.name) }),
+							size: 22,
+							disabled: f,
+							onClick: () => {
+								d(t), g(!1);
+							}
+						})]
+					}, t.id)),
+					x.length > 0 && w(p("list.view.shared", "Shared")),
+					x.map((t) => /* @__PURE__ */ U(v, {
+						icon: n === t.id ? /* @__PURE__ */ U(e.check, { size: 12 }) : /* @__PURE__ */ U(e.globe, { size: 12 }),
+						active: n === t.id,
+						onClick: () => {
+							i(t), g(!1);
+						},
+						children: p(t.name)
+					}, t.id)),
+					s && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(v, { divider: !0 }), /* @__PURE__ */ U(v, {
+						icon: /* @__PURE__ */ U(e.plus, { size: 12 }),
+						onClick: () => {
+							s(), g(!1);
+						},
+						children: p("list.view.save_as_menu", "Save as new view…")
+					})] })
+				]
+			}),
+			r && n && /* @__PURE__ */ W(H, { children: [a && _?.source === "personal" ? /* @__PURE__ */ U(l, {
+				icon: /* @__PURE__ */ U(e.save, { size: 12 }),
+				onClick: a,
+				children: p("list.view.save", "Save")
+			}) : s ? /* @__PURE__ */ U(l, {
+				icon: /* @__PURE__ */ U(e.plus, { size: 12 }),
+				onClick: s,
+				children: p("list.view.save_as", "Save as new")
+			}) : null, u && /* @__PURE__ */ U(l, {
+				kind: "ghost",
+				icon: /* @__PURE__ */ U(je, { size: 12 }),
+				onClick: u,
+				children: p("list.view.discard", "Discard")
+			})] })
+		]
+	});
+}
+//#endregion
+//#region src/components/list/PeekFieldCell.tsx
+var Pe = /* @__PURE__ */ new Set([
+	"enum",
+	"bool",
+	"ref"
+]);
+function Fe(e) {
+	let t = e.display?.widget;
+	return t && Pe.has(t) ? !0 : Pe.has(e.type);
+}
+function Ie({ field: t, fieldName: n, label: r, value: i, record: a, refs: s, readOnly: c, onCommit: l }) {
+	let u = S(), [d, f] = V(!1), [p, m] = V(i), h = Fe(t);
+	R(() => {
+		d || m(i);
+	}, [i, d]);
+	let g = L(() => {
+		c || (m(i), f(!0));
+	}, [c, i]), _ = L((e) => {
+		l(e === void 0 ? p : e), f(!1);
+	}, [l, p]), v = L(() => {
+		m(i), f(!1);
+	}, [i]), b = L((e) => {
+		if (c || d) return;
+		let t = e.target;
+		t.closest("a") || t.closest("[data-peek-pencil=\"true\"]") || g();
+	}, [
+		c,
+		d,
+		g
+	]), x = L((e) => {
+		if (!d) {
+			!c && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), g());
+			return;
+		}
+		h || (e.key === "Enter" ? (e.preventDefault(), e.stopPropagation(), _()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), v()));
+	}, [
+		d,
+		h,
+		c,
+		g,
+		_,
+		v
+	]), C = L((e) => {
+		h ? (m(e), _(e)) : m(e);
+	}, [h, _]), w = y({
+		field: t,
+		fieldName: n,
+		value: i,
+		mode: "display",
+		record: a,
+		refs: s,
+		t: u
+	}), T = d ? y({
+		field: t,
+		fieldName: n,
+		value: p,
+		mode: "edit",
+		onChange: C,
+		record: a,
+		refs: s,
+		t: u
+	}) : null;
+	return /* @__PURE__ */ U("div", {
+		className: "peek-field-cell",
+		"data-editing": d ? "true" : "false",
+		onClick: b,
+		onKeyDown: x,
+		onMouseEnter: (e) => {
+			c || d || (e.currentTarget.style.borderColor = "var(--border)");
+		},
+		onMouseLeave: (e) => {
+			e.currentTarget.style.borderColor = "transparent";
+		},
+		style: {
+			position: "relative",
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			padding: "4px 6px",
+			margin: "-4px -6px",
+			borderRadius: 4,
+			minHeight: 28,
+			cursor: c || d ? "default" : "text",
+			border: "1px dashed transparent"
+		},
+		tabIndex: c || d ? -1 : 0,
+		role: c || d ? void 0 : "button",
+		"aria-label": c || d ? void 0 : u("list.peek.edit_field", "Edit {field}", { field: r }),
+		children: d ? /* @__PURE__ */ W("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 4,
+				flex: 1,
+				minWidth: 0
+			},
+			children: [/* @__PURE__ */ U("div", {
+				style: {
+					flex: 1,
+					minWidth: 0
+				},
+				children: T
+			}), !h && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(o, {
+				size: 24,
+				icon: /* @__PURE__ */ U(e.check, { size: 13 }),
+				onClick: () => _(),
+				title: u("dialog.save", "Save")
+			}), /* @__PURE__ */ U(o, {
+				size: 24,
+				icon: /* @__PURE__ */ U(e.x, { size: 13 }),
+				onClick: v,
+				title: u("dialog.cancel", "Cancel")
+			})] })]
+		}) : /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
+			style: {
+				flex: 1,
+				minWidth: 0
+			},
+			children: w
+		}), !c && /* @__PURE__ */ U("span", {
+			"data-peek-pencil": "true",
+			style: {
+				position: "absolute",
+				right: 4,
+				top: "50%",
+				transform: "translateY(-50%)"
+			},
+			className: "peek-pencil",
+			children: /* @__PURE__ */ U(o, {
+				size: 20,
+				icon: /* @__PURE__ */ U(e.edit, { size: 12 }),
+				onClick: (e) => {
+					e.stopPropagation(), g();
+				},
+				title: u("list.record.edit", "Edit")
+			})
+		})] })
+	});
+}
+//#endregion
+//#region src/components/list/QuickPeek.tsx
+var Le = {
+	tab: "Tab",
+	esc: "Esc"
+};
+function Re({ entity: t, entityCode: n, record: s, title: c, recordId: d, avatarName: f, fields: p, refs: h, screen: g, actions: _, screenActionLayout: v, entityActionLayout: y, executeAction: x, onClose: C, onOpen: w, onSave: T }) {
+	let E = S(), [O, k] = V({ ...s }), [A, j] = V(!1), M = B(null), { run: N } = m(), P = ne(t, g, O);
+	R(() => {
+		k({ ...s }), j(!1);
+	}, [s]), R(() => {
+		M.current?.focus();
+	}, []);
+	let F = z(() => {
+		let e = P?.action_layout ?? v ?? y ?? i(_, "quick_peek"), n = a(e, _, void 0, "quick_peek");
+		return u(E, n, _, void 0, O, [], D(t, O));
+	}, [
+		E,
+		P?.action_layout,
+		v,
+		y,
+		_,
+		O,
+		t
+	]), I = ({ code: e, action: t }) => {
+		N({
+			action: t,
+			title: E(t.display?.name) || e,
+			row: O,
+			execute: (n) => x(e, t, n)
+		});
+	}, L = (e, t) => {
+		let n = {
+			...O,
+			[e]: t
+		};
+		k(n), j(!0), T?.(n);
+	}, re = P?.quick_peek?.width ?? 480;
+	return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
+		onClick: C,
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--scrim-lite)",
+			zIndex: 40
+		}
+	}), /* @__PURE__ */ W("aside", {
+		ref: M,
+		role: "dialog",
+		"aria-label": E("list.peek.dialog", "Quick peek"),
+		tabIndex: -1,
+		onKeyDown: (e) => {
+			e.key === "Escape" && C();
+		},
+		style: {
+			position: "fixed",
+			top: "var(--topbar-h)",
+			right: 0,
+			bottom: "var(--tabbar-h)",
+			width: re,
+			background: "var(--surface)",
+			borderLeft: "1px solid var(--border)",
+			zIndex: 41,
+			display: "flex",
+			flexDirection: "column",
+			boxShadow: "var(--shadow-lg)"
+		},
+		children: [
+			/* @__PURE__ */ W("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					padding: "12px 16px",
+					borderBottom: "1px solid var(--divider)",
+					gap: 10
+				},
+				children: [
+					/* @__PURE__ */ U(G, {
+						name: f || c,
+						size: 28
+					}),
+					/* @__PURE__ */ W("div", {
+						style: {
+							flex: 1,
+							minWidth: 0
+						},
+						children: [/* @__PURE__ */ U("div", {
+							style: {
+								fontSize: 14,
+								fontWeight: 600,
+								color: "var(--text)",
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								whiteSpace: "nowrap"
+							},
+							children: c
+						}), d && /* @__PURE__ */ U("div", {
+							className: "mono",
+							style: {
+								fontSize: 11,
+								color: "var(--text-4)"
+							},
+							children: d
+						})]
+					}),
+					/* @__PURE__ */ U(o, {
+						icon: /* @__PURE__ */ U(e.external, { size: 13 }),
+						title: A ? E("list.peek.open_in_tab_dirty", "Open in tab (keeps unsaved changes)") : E("list.peek.open_in_tab", "Open in tab"),
+						onClick: () => w(A ? O : null)
+					}),
+					/* @__PURE__ */ U(o, {
+						icon: /* @__PURE__ */ U(e.x, { size: 14 }),
+						title: E("list.peek.close", "Close"),
+						onClick: C
+					})
+				]
+			}),
+			/* @__PURE__ */ W("div", {
+				style: {
+					flex: 1,
+					overflowY: "auto",
+					padding: 14,
+					display: "flex",
+					flexDirection: "column",
+					gap: 10
+				},
+				children: [/* @__PURE__ */ W("div", {
+					style: {
+						padding: "8px 10px",
+						background: "var(--accent-soft)",
+						borderRadius: 6,
+						fontSize: 11.5,
+						color: "var(--accent)",
+						display: "flex",
+						alignItems: "center",
+						gap: 6
+					},
+					children: [
+						/* @__PURE__ */ U(e.sparkle, { size: 12 }),
+						" ",
+						E("list.peek.hint", "Inline quick-edit — click any field to change."),
+						b(E("list.peek.keys_hint", "{tab} to move, {esc} to close."), {
+							tab: /* @__PURE__ */ U(r, { children: Le.tab }),
+							esc: /* @__PURE__ */ U(r, { children: Le.esc })
+						})
+					]
+				}), p.map((e) => /* @__PURE__ */ U(ze, {
+					label: e.label,
+					children: e.kind === "file" ? te({
+						entity: t,
+						entityCode: n,
+						fieldName: e.key,
+						record: O,
+						mode: e.readOnly ? "display" : "edit",
+						onChange: (t) => L(e.key, t),
+						refs: h,
+						disabled: e.readOnly,
+						t: E
+					}) : /* @__PURE__ */ U(Ie, {
+						field: e.field,
+						fieldName: e.key,
+						label: e.label,
+						value: O[e.key],
+						record: O,
+						refs: h,
+						readOnly: e.readOnly,
+						onCommit: (t) => L(e.key, t)
+					})
+				}, e.key))]
+			}),
+			/* @__PURE__ */ W("div", {
+				style: {
+					display: "flex",
+					padding: "10px 14px",
+					borderTop: "1px solid var(--divider)",
+					gap: 6,
+					alignItems: "center"
+				},
+				children: [
+					A && /* @__PURE__ */ W("span", {
+						style: {
+							fontSize: 11,
+							color: "var(--warn)",
+							display: "flex",
+							alignItems: "center",
+							gap: 4
+						},
+						children: [/* @__PURE__ */ U("span", { style: {
+							width: 6,
+							height: 6,
+							borderRadius: 999,
+							background: "var(--warn)"
+						} }), E("list.peek.unsaved", "Unsaved")]
+					}),
+					/* @__PURE__ */ U("div", {
+						style: {
+							flex: 1,
+							minWidth: 0,
+							display: "flex",
+							justifyContent: "flex-end"
+						},
+						children: F.length > 0 && /* @__PURE__ */ U(ee, {
+							layout: F,
+							row: O,
+							onRun: (e, t) => I({
+								code: e,
+								action: t
+							}),
+							kind: "toolbar",
+							entityActions: _,
+							align: "trailing",
+							ariaLabel: E("list.peek.actions", "Quick peek actions")
+						})
+					}),
+					/* @__PURE__ */ U(l, {
+						kind: "primary",
+						icon: /* @__PURE__ */ U(e.edit, { size: 13 }),
+						onClick: () => w(A ? O : null),
+						children: E("list.peek.open_full", "Open full")
+					})
+				]
+			})
+		]
+	})] });
+}
+function ze({ label: e, children: t }) {
+	return /* @__PURE__ */ W("div", {
+		style: {
+			display: "grid",
+			gridTemplateColumns: "120px 1fr",
+			alignItems: "center",
+			padding: "4px 0",
+			borderBottom: "1px solid var(--divider)"
+		},
+		children: [/* @__PURE__ */ U("div", {
+			style: {
+				fontSize: 11.5,
+				color: "var(--text-3)",
+				fontWeight: 500
+			},
+			children: e
+		}), /* @__PURE__ */ U("div", { children: t })]
+	});
+}
+//#endregion
+//#region src/lib/format-count.ts
+var Be = [
+	1e9,
+	1e6,
+	1e3
+];
+function Ve(e, t) {
+	if (!Number.isFinite(e) || e < 0) return "~0";
+	let n = Math.round(e);
+	if (n < 1e3) return `~${n}`;
+	let r = +(n / (Be.find((e) => n >= e) ?? 1e3) < 10);
+	return `~${new Intl.NumberFormat(t, {
+		notation: "compact",
+		maximumFractionDigits: r
+	}).format(n)}`;
+}
+function $(e, t) {
+	return !Number.isFinite(e) || e < 0 ? "0" : Math.round(e).toLocaleString(t);
+}
+function He(e, t, n) {
+	return t === "estimated" ? Ve(e, n) : $(e, n);
+}
+//#endregion
+export { ae as _, Re as a, we as c, ue as d, ce as f, K as g, se as h, ze as i, fe as l, J as m, Ve as n, Ne as o, le as p, $ as r, Ae as s, He as t, de as u, G as v };