@declarion/react 0.32.0 → 0.34.0

package/dist-lib/RefreshControl-oeKhCjEC.js

@@ -0,0 +1,837 @@
+import { s as e } from "./DynamicIcon-BWO6QtNF.js";
+import { Gn as t, Mn as n, Nn as r, Q as i, Un as a, Vn as o, Wn as s, Z as c, _t as l, bn as u, jt as d, ln as f, n as p, ot as m } from "./ActionRunner-UGGvGypS.js";
+import { useCallback as h, useEffect as g, useId as _, useMemo as v, useRef as y, useState as b } from "react";
+import { useLocation as x } from "react-router-dom";
+import { useQuery as S, useQueryClient as C } from "@tanstack/react-query";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { createPortal as D } from "react-dom";
+import { create as O } from "zustand";
+//#region src/components/primitives/Avatar.tsx
+function k({ 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"
+	];
+	return /* @__PURE__ */ T("span", {
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			width: t,
+			height: t,
+			borderRadius: 999,
+			background: n || a[i % a.length],
+			color: "#1E2A4A",
+			fontSize: t < 20 ? 9.5 : 10.5,
+			fontWeight: 600,
+			flexShrink: 0
+		},
+		children: r
+	});
+}
+//#endregion
+//#region src/components/primitives/Tooltip.tsx
+var A = 350, j = 80, M = 260, N = 6, P = 4;
+function F(e, t) {
+	let [n, r] = b(!1), [i, a] = b(null), o = y(null), s = y(null), c = y(null), l = _(), u = h(() => {
+		s.current && clearTimeout(s.current), c.current && clearTimeout(c.current), s.current = null, c.current = null;
+	}, []), d = h(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = t.getBoundingClientRect(), r = o.current, i = r?.offsetWidth ?? M, s = r?.offsetHeight ?? 0, c = n.left + n.width / 2 - i / 2;
+		c = Math.max(P, Math.min(c, window.innerWidth - i - P));
+		let l = n.top - N - s < P ? n.bottom + N : n.top - N - s;
+		a({
+			left: c,
+			top: l
+		});
+	}, [e]), f = h((e) => {
+		t && (u(), e ? r(!0) : s.current = setTimeout(() => r(!0), A));
+	}, [u, t]), p = h(() => {
+		u(), c.current = setTimeout(() => r(!1), j);
+	}, [u]);
+	g(() => {
+		if (!n) {
+			a(null);
+			return;
+		}
+		d();
+		let e = () => d();
+		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}, [n, d]), g(() => u, [u]);
+	let m = {
+		position: "fixed",
+		left: i?.left ?? 0,
+		top: i?.top ?? 0,
+		zIndex: 1e3,
+		maxWidth: M,
+		padding: "5px 8px",
+		borderRadius: 6,
+		background: "var(--surface-inverse, #1f2430)",
+		color: "var(--text-inverse, #f5f6f8)",
+		fontSize: 12,
+		lineHeight: 1.4,
+		boxShadow: "0 4px 14px rgba(0,0,0,0.18)",
+		pointerEvents: "none",
+		visibility: i ? "visible" : "hidden",
+		whiteSpace: "normal"
+	}, v = n && t ? D(/* @__PURE__ */ T("div", {
+		ref: o,
+		id: l,
+		role: "tooltip",
+		style: m,
+		children: t
+	}), document.body) : null;
+	return {
+		open: n,
+		triggerHandlers: {
+			onMouseEnter: () => f(!1),
+			onMouseLeave: p,
+			onFocus: () => f(!0),
+			onBlur: p
+		},
+		describedBy: n && t ? l : void 0,
+		portal: v
+	};
+}
+function I({ content: e, children: t, triggerProps: n }) {
+	let r = y(null), { triggerHandlers: i, describedBy: a, portal: o } = F(r, e);
+	return e ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("span", {
+		...n,
+		ref: r,
+		"aria-describedby": a,
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			...n?.style ?? {}
+		},
+		...i,
+		children: t
+	}), o] }) : /* @__PURE__ */ T(w, { children: t });
+}
+function ee({ label: t, size: n = 14, ...r }) {
+	return /* @__PURE__ */ T(I, {
+		content: t,
+		children: /* @__PURE__ */ T("span", {
+			tabIndex: 0,
+			role: "note",
+			"aria-label": t,
+			"data-testid": r["data-testid"],
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				color: "var(--text-3)",
+				cursor: "help"
+			},
+			children: /* @__PURE__ */ T(e.info, { size: n })
+		})
+	});
+}
+//#endregion
+//#region src/components/primitives/RecordIdBadge.tsx
+var te = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, ne = 1200;
+function re({ value: t }) {
+	let [n, r] = b(!1), i = te.test(t) ? `${t.slice(0, 8)}…` : t;
+	return /* @__PURE__ */ E("button", {
+		type: "button",
+		onClick: h(async () => {
+			try {
+				await navigator.clipboard.writeText(t), r(!0), window.setTimeout(() => r(!1), ne);
+			} catch {}
+		}, [t]),
+		title: n ? "Copied" : `Copy ${t}`,
+		className: "mono inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[11px] text-text-4 hover:bg-surface-2 hover:text-text-3 transition-colors shrink-0 border border-transparent hover:border-border",
+		children: [/* @__PURE__ */ T("span", { children: i }), n ? /* @__PURE__ */ T(e.check, { size: 10 }) : /* @__PURE__ */ T(e.copy, {
+			size: 10,
+			style: { opacity: .6 }
+		})]
+	});
+}
+//#endregion
+//#region src/lib/branding.ts
+var ie = "branding";
+function ae(e) {
+	let t = {};
+	if (!e) return t;
+	for (let n of e) t[n.code] = n.value;
+	return t;
+}
+function oe(e, t) {
+	return e?.parameters.find((e) => e.code === t)?.value;
+}
+function se(e) {
+	return L(oe(e, ie));
+}
+function L(e) {
+	if (R(e)) return e;
+}
+function ce(e) {
+	let t = se(e)?.identity;
+	return R(t) ? t : void 0;
+}
+function R(e) {
+	return !!e && typeof e == "object" && !Array.isArray(e);
+}
+function le(e) {
+	if (!e) return !1;
+	let t = e.trim();
+	return t ? t.startsWith("/") || t.startsWith("http://") || t.startsWith("https://") || t.startsWith("data:image/") : !1;
+}
+//#endregion
+//#region src/api/params.ts
+async function ue() {
+	let e = (await d("/api/params/public")).data;
+	if (Array.isArray(e)) return { parameters: e };
+	let t = e ?? {};
+	return {
+		parameters: t.parameters ?? [],
+		accents: t.accents,
+		messages: t.messages,
+		meta: t.meta
+	};
+}
+async function z(e) {
+	return (await d(`/api/params/${encodeURIComponent(e)}`)).data;
+}
+async function de(e, t, n) {
+	await m("user.__update", {
+		object_ids: [e],
+		entity: "user",
+		fields: { $params: [{
+			param_code: t,
+			value: n
+		}] }
+	});
+}
+//#endregion
+//#region src/hooks/useParams.ts
+function B() {
+	return S({
+		queryKey: ["params-public"],
+		queryFn: ue,
+		staleTime: 300 * 1e3
+	});
+}
+function V(e, t = {}) {
+	let n = t.enabled ?? !0;
+	return S({
+		queryKey: ["params", e],
+		queryFn: () => z(e),
+		enabled: !!e && n,
+		staleTime: 60 * 1e3
+	});
+}
+function H(e) {
+	let t = l((e) => e.isAuthenticated), n = B(), r = V(e, { enabled: t }), i = fe(n.data?.parameters, e);
+	if (t && r.data?.found) return {
+		value: r.data.value,
+		found: !0,
+		source: r.data.source,
+		loading: !1,
+		error: null
+	};
+	let a = i !== void 0;
+	return {
+		value: i?.value,
+		found: a,
+		source: a ? "public" : void 0,
+		loading: n.isLoading || t && r.isLoading && !r.data && !r.error,
+		error: r.error ?? n.error ?? null
+	};
+}
+function fe(e, t) {
+	return e?.find((e) => e.code === t);
+}
+function U(e, t) {
+	let n = S({
+		queryKey: ["params", e],
+		queryFn: () => z(e),
+		enabled: !!e,
+		staleTime: 60 * 1e3
+	}), r = n.data, i = !!r?.found;
+	return {
+		value: i ? r.value : t,
+		found: i,
+		source: r?.source,
+		loading: n.isLoading,
+		error: n.error ?? null
+	};
+}
+//#endregion
+//#region src/hooks/useBranding.ts
+function W() {
+	let e = H(ie);
+	return {
+		branding: L(e.value),
+		isLoading: e.loading
+	};
+}
+function pe() {
+	return W().branding?.identity;
+}
+function me() {
+	return W().branding?.chrome;
+}
+//#endregion
+//#region src/stores/page-state.ts
+var G = 1800 * 1e3, K = null;
+function q(e) {
+	K = e;
+}
+function J(e) {
+	if (!(!e || !K)) for (let t of e.queryKeys) K.removeQueries({
+		queryKey: t,
+		exact: !0
+	});
+}
+function Y(e, t) {
+	let n = e[t];
+	if (!n) return e;
+	J(n);
+	let r = { ...e };
+	return delete r[t], r;
+}
+function X(e, t) {
+	let n = e;
+	for (; Object.keys(n).length > 64;) {
+		let e = null, r = Infinity;
+		for (let [i, a] of Object.entries(n)) i !== t && a.lastActiveAt < r && (r = a.lastActiveAt, e = i);
+		if (e === null) break;
+		n = Y(n, e);
+	}
+	return n;
+}
+var Z = O((e, t) => ({
+	entries: {},
+	ttlMs: G,
+	setTtl: (n) => {
+		if (n <= 0) {
+			let { entries: r } = t();
+			for (let e of Object.keys(r)) J(r[e]);
+			e({
+				ttlMs: n,
+				entries: {}
+			});
+			return;
+		}
+		e({ ttlMs: n });
+	},
+	set: (n, r, i) => {
+		let a = t();
+		if (a.ttlMs <= 0) return;
+		let o = Date.now(), s = a.entries[n], c = s ? {
+			...s,
+			bag: {
+				...s.bag,
+				[r]: i
+			},
+			lastActiveAt: o
+		} : {
+			bag: { [r]: i },
+			lastActiveAt: o,
+			queryKeys: []
+		};
+		e({ entries: X({
+			...a.entries,
+			[n]: c
+		}, n) });
+	},
+	read: (e, n) => {
+		let r = t();
+		if (!(r.ttlMs <= 0)) return r.entries[e]?.bag[n];
+	},
+	touch: (n) => {
+		let r = t();
+		if (r.ttlMs <= 0) return;
+		let i = r.entries[n];
+		i && e({ entries: {
+			...r.entries,
+			[n]: {
+				...i,
+				lastActiveAt: Date.now()
+			}
+		} });
+	},
+	registerQueryKey: (n, r) => {
+		let i = t();
+		if (i.ttlMs <= 0) return;
+		let a = Date.now(), o = i.entries[n], s = o?.queryKeys.some((e) => he(e, r));
+		if (o && s) return;
+		let c = o ? {
+			...o,
+			queryKeys: [...o.queryKeys, r],
+			lastActiveAt: a
+		} : {
+			bag: {},
+			lastActiveAt: a,
+			queryKeys: [r]
+		};
+		e({ entries: X({
+			...i.entries,
+			[n]: c
+		}, n) });
+	},
+	kill: (n) => {
+		let r = t(), i = Y(r.entries, n);
+		i !== r.entries && e({ entries: i });
+	},
+	sweep: (n) => {
+		let { ttlMs: r, entries: i } = t(), a = i;
+		for (let [e, t] of Object.entries(i)) (r <= 0 || n - t.lastActiveAt > r) && (a = Y(a, e));
+		a !== i && e({ entries: a });
+	},
+	clear: () => {
+		let { entries: n } = t();
+		if (Object.keys(n).length !== 0) {
+			for (let e of Object.keys(n)) J(n[e]);
+			e({ entries: {} });
+		}
+	}
+}));
+function he(e, t) {
+	if (e === t) return !0;
+	try {
+		return JSON.stringify(e) === JSON.stringify(t);
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+//#region src/lib/canonical-url.ts
+function ge(e) {
+	return e.length > 1 && e.endsWith("/") ? e.replace(/\/+$/, "") || "/" : e;
+}
+function Q(e) {
+	let t = ge(e.pathname), n = e.search ?? "", r = n.startsWith("?") ? n.slice(1) : n, a = new URLSearchParams(r);
+	for (let e of i) a.delete(e);
+	a.sort();
+	let o = a.toString();
+	return o ? `${t}?${o}` : t;
+}
+function _e(e) {
+	return ge(e.pathname);
+}
+//#endregion
+//#region src/hooks/usePageStateTtl.ts
+var ve = "ui_page_state_ttl_ms";
+function ye() {
+	let { value: e } = U(ve, G);
+	return typeof e != "number" || !Number.isFinite(e) || e < 0 ? G : e;
+}
+//#endregion
+//#region src/hooks/usePageStateRuntime.ts
+var be = [
+	["entity-data"],
+	["entity-count"],
+	["entity-item"],
+	["entity-data-cursor"],
+	["entity-data-all"],
+	["action-data"],
+	["action-data-cursor"]
+], xe = 6e4;
+function Se(e, t) {
+	for (let n of be) e.setQueryDefaults(n, { gcTime: t });
+}
+function Ce() {
+	let e = C(), t = ye(), n = x(), r = y(n);
+	r.current = n, g(() => (q(e), () => q(null)), [e]), g(() => {
+		if (Z.getState().setTtl(t), Se(e, t), t <= 0) for (let t of be) e.removeQueries({ queryKey: t });
+	}, [e, t]), g(() => {
+		if (t <= 0) return;
+		let e = setInterval(() => {
+			let e = Z.getState(), t = r.current;
+			e.touch(Q(t)), e.touch(_e(t)), e.sweep(Date.now());
+		}, xe);
+		return () => clearInterval(e);
+	}, [t]);
+}
+function we(e, t = !0) {
+	let n = Q(x());
+	g(() => {
+		!t || !e || Z.getState().registerQueryKey(n, e);
+	}, [
+		n,
+		e ? JSON.stringify(e) : "",
+		t
+	]);
+}
+//#endregion
+//#region src/lib/record-documents-key.ts
+var Te = "record-documents";
+//#endregion
+//#region src/hooks/useBrandingChrome.ts
+function Ee(e) {
+	let t = c(), n = me();
+	return v(() => {
+		let r = e ? { ...t.enabled ? n?.embed?.surfaces?.[e] : n?.full?.surfaces?.[e] } : { ...n?.full?.shell };
+		return {
+			...r,
+			isVisible: (e) => r[e] !== !1
+		};
+	}, [
+		n,
+		t.enabled,
+		e
+	]);
+}
+//#endregion
+//#region src/components/pages/exportRequest.ts
+var De = /* @__PURE__ */ new Set(["_select", "_actions"]);
+function Oe(e) {
+	let t = {};
+	return e.screenCode && (t.screen = e.screenCode), e.jsonFilters && e.jsonFilters.length > 0 && (t.filters = e.jsonFilters), e.search && (t.search = e.search), e.sort && (t.sort = e.sort), e.includeDeleted && (t.include_deleted = !0), e.page && (t.page = e.page), e.perPage && (t.per_page = e.perPage), t;
+}
+function ke(e, t) {
+	let n = t.visibleColumns.filter((e) => !De.has(e)), r = {
+		format: "csv",
+		scope: t.scope,
+		query: Oe(e),
+		columns: n
+	};
+	return t.scope === "selected_rows" && t.selectedRowPKs && t.selectedRowPKs.length > 0 && (r.selection = t.selectedRowPKs), t.locale && (r.locale = t.locale), t.filename && (r.filename = t.filename), r;
+}
+//#endregion
+//#region src/components/pages/DocumentsMenu.tsx
+var Ae = "document-templates-available";
+function je({ entityCode: n, scope: i, objectIds: a = [], viewState: s, selectedIds: c = [], capability: l, canManageTemplates: u = !1 }) {
+	let { run: d } = p(), h = y(null), [g, _] = b(!1), x = i === "detail" ? !!l?.generate_one : !!l?.generate_many, C = u && !x, { data: D, isLoading: O, error: k } = S({
+		queryKey: [Ae, n],
+		queryFn: async () => (await m("document.templates.available", { entity: n })).result?.templates ?? [],
+		enabled: g || C,
+		staleTime: 6e4
+	}), A = O, j = v(() => (D ?? []).filter((e) => i === "detail" ? e.input_mode === "one" || e.input_mode === "global" : e.input_mode === "many" || e.input_mode === "global"), [i, D]), M = C && j.length > 0, N = x || M;
+	function P() {
+		_((e) => !e);
+	}
+	function F(e) {
+		if (e.input_mode === "global") return [{ kind: "global" }];
+		if (i === "detail") return e.input_mode === "one" && a.length === 1 ? [{
+			kind: "one",
+			objectIds: a
+		}] : [];
+		if (e.input_mode === "many") {
+			let e = [];
+			return s && e.push({
+				kind: "current_view",
+				query: Oe(s)
+			}), c.length > 0 && e.push({
+				kind: "selected",
+				objectIds: c
+			}), e;
+		}
+		return [];
+	}
+	function I(e, t, n) {
+		let r = Me(e), i = f(e.name) || e.code;
+		_(!1), d({
+			action: r,
+			title: i,
+			execute: (r) => {
+				let i = {
+					template_code: e.code,
+					template_source: e.source,
+					output_format: n
+				};
+				return Object.keys(r).length > 0 && (i.params = r), "objectIds" in t && (i.object_ids = t.objectIds), "query" in t && (i.query = {
+					scope: "current_view",
+					query: t.query
+				}), m("document.generate", i);
+			}
+		});
+	}
+	return N ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(t, {
+		ref: h,
+		kind: "ghost",
+		size: "sm",
+		icon: T(A ? e.loader : e.filePlus, { size: 12 }),
+		onClick: P,
+		disabled: A,
+		children: "Generate"
+	}), /* @__PURE__ */ E(o, {
+		open: g,
+		anchor: h.current,
+		onClose: () => _(!1),
+		align: "end",
+		width: 300,
+		children: [
+			A && /* @__PURE__ */ T(r, {
+				disabled: !0,
+				icon: /* @__PURE__ */ T(e.loader, { size: 12 }),
+				children: "Loading templates..."
+			}),
+			k && /* @__PURE__ */ T(r, {
+				disabled: !0,
+				icon: /* @__PURE__ */ T(e.warning, { size: 12 }),
+				children: k instanceof Error ? k.message : String(k)
+			}),
+			!A && !k && j.length === 0 && /* @__PURE__ */ T(r, {
+				disabled: !0,
+				icon: /* @__PURE__ */ T(e.file, { size: 12 }),
+				children: "No document templates"
+			}),
+			!A && !k && j.map((t) => {
+				let n = F(t);
+				return n.length === 0 ? null : Ne(t).flatMap((i) => n.map((n) => i.available ? /* @__PURE__ */ T(r, {
+					icon: /* @__PURE__ */ T(e.file, { size: 12 }),
+					onClick: () => I(t, n, i.format),
+					title: f(t.description),
+					children: Pe(t, n, i.format)
+				}, `${t.source}:${t.code}:${n.kind}:${i.format}`) : /* @__PURE__ */ E(r, {
+					disabled: !0,
+					icon: /* @__PURE__ */ T(e.file, { size: 12 }),
+					title: i.disabled_reason,
+					children: [
+						Pe(t, n, i.format),
+						" - ",
+						i.disabled_reason || "Unavailable"
+					]
+				}, `${t.source}:${t.code}:${n.kind}:${i.format}:disabled`)));
+			})
+		]
+	})] }) : null;
+}
+function Me(e) {
+	let t = new u((e.params ?? []).map((e) => ({
+		...e,
+		name: e.name ?? ""
+	})));
+	return {
+		handler: "document.generate",
+		display: {
+			name: e.name,
+			icon: "file",
+			description: e.description
+		},
+		resolved_params: t
+	};
+}
+function Ne(e) {
+	return e.outputs && e.outputs.length > 0 ? e.outputs : (e.allowed_outputs && e.allowed_outputs.length > 0 ? e.allowed_outputs : [e.output_format || "xlsx"]).map((e) => ({
+		format: e,
+		available: !0
+	}));
+}
+function Pe(e, t, n) {
+	let r = f(e.name) || e.code, i = n ? ` (${n.toUpperCase()})` : "";
+	switch (t.kind) {
+		case "one": return `${r}${i}`;
+		case "selected": return `${r}${i} - selected rows`;
+		case "current_view": return `${r}${i} - current view`;
+		case "global": return `${r}${i}`;
+	}
+}
+//#endregion
+//#region src/lib/document-templates.ts
+function Fe(e) {
+	return !!e?.entities?.document_template;
+}
+//#endregion
+//#region src/lib/scroll-restoration.ts
+var Ie = "scroll", Le = 120, Re = 24, ze = 600;
+function Be(e, t) {
+	return Number.isFinite(e) ? Math.max(0, Math.min(e, Number.isFinite(t) && t > 0 ? t : 0)) : 0;
+}
+function Ve(e, t, n) {
+	let r = Number.isFinite(e) ? e : 0;
+	if (t) {
+		let e = n[t.index];
+		if (e !== void 0) return {
+			key: e,
+			delta: Math.max(0, r - t.start),
+			offset: r
+		};
+	}
+	return {
+		key: "",
+		delta: 0,
+		offset: r
+	};
+}
+function He(e, t, n, r) {
+	if (!e) return null;
+	if (e.key) {
+		let i = t.indexOf(e.key);
+		if (i >= 0) {
+			let t = n(i);
+			if (t !== void 0) return Be(t + e.delta, r);
+		}
+	}
+	return Be(e.offset, r);
+}
+function Ue(e = Ie) {
+	let t = x(), n = y(null);
+	if (n.current === null) {
+		let r = Q(t), i = Z.getState().read(r, e);
+		n.current = i && Number.isFinite(i.offset) ? Math.max(0, i.offset) : 0;
+	}
+	return n.current;
+}
+function We(e) {
+	let t = 0, n = null, r = () => {
+		n = null, t = Date.now(), e();
+	};
+	return {
+		trigger() {
+			let e = Date.now() - t;
+			e >= Le ? r() : n === null && (n = setTimeout(r, Le - e));
+		},
+		flush() {
+			n !== null && (clearTimeout(n), n = null), e();
+		},
+		cancel() {
+			n !== null && (clearTimeout(n), n = null);
+		}
+	};
+}
+function Ge(e) {
+	let { virtualizer: t, scrollElementRef: n, rowKeys: r } = e, i = e.stateKey ?? "scroll", a = e.enabled ?? !0, o = Q(x()), s = y(t);
+	s.current = t;
+	let c = y(r);
+	c.current = r;
+	let l = y(null);
+	g(() => {
+		l.current !== o && (l.current = null);
+	}, [o]), g(() => {
+		if (!a) return;
+		let e = s.current;
+		if (!e || r.length === 0) return;
+		let t = Z.getState().read(o, i), n = l.current !== o;
+		if (l.current = o, !t) {
+			n && e.scrollToOffset(0, {
+				align: "start",
+				behavior: "auto"
+			});
+			return;
+		}
+		let u = 0, d = 0, f = NaN, p = () => {
+			let e = s.current;
+			if (!e) return;
+			let n = He(t, c.current, (t) => e.getOffsetForIndex(t, "start")?.[0], e.getTotalSize());
+			n !== null && (Number.isNaN(f) || Math.abs(n - f) > 1) && (e.scrollToOffset(n, {
+				align: "start",
+				behavior: "auto"
+			}), f = n, d++ < Re && (u = requestAnimationFrame(p)));
+		};
+		return p(), () => {
+			u && cancelAnimationFrame(u);
+		};
+	}, [
+		a,
+		o,
+		r,
+		i
+	]), Ke(n, a, o, i, (e) => {
+		let t = s.current;
+		if (!t) return null;
+		let n = e.scrollTop, r = n > 0 ? n : t.scrollOffset ?? 0;
+		return Ve(r, t.getVirtualItemForOffset(r), c.current);
+	});
+}
+function Ke(e, t, n, r, i) {
+	let a = y(i);
+	a.current = i, g(() => {
+		if (!t) return;
+		let i = 0, o = ze, s = null, c = null, l = (e) => {
+			let t = a.current(e);
+			t && Z.getState().set(n, r, t);
+		}, u = () => c?.trigger(), d = () => {
+			let t = e.current;
+			if (!t) {
+				o-- > 0 && (i = requestAnimationFrame(d));
+				return;
+			}
+			s = t, c = We(() => l(t)), t.addEventListener("scroll", u, { passive: !0 });
+		};
+		return d(), () => {
+			i && cancelAnimationFrame(i), s && s.removeEventListener("scroll", u), c?.flush();
+		};
+	}, [
+		t,
+		e,
+		n,
+		r
+	]);
+}
+function qe(e) {
+	let { scrollElementRef: t } = e, n = e.stateKey ?? "scroll", r = e.enabled ?? !0, i = Q(x()), a = y(null);
+	g(() => {
+		if (!r || a.current === i) return;
+		let e = 0, o = ze, s = () => {
+			let r = t.current;
+			if (!r) {
+				o-- > 0 && (e = requestAnimationFrame(s));
+				return;
+			}
+			a.current = i;
+			let c = Z.getState().read(i, n);
+			c && (r.scrollTop = Number.isFinite(c.offset) ? Math.max(0, c.offset) : 0);
+		};
+		return s(), () => {
+			e && cancelAnimationFrame(e);
+		};
+	}, [
+		r,
+		i,
+		n,
+		t
+	]), Ke(t, r, i, n, (e) => ({
+		key: "",
+		delta: 0,
+		offset: e.scrollTop
+	}));
+}
+//#endregion
+//#region src/components/list/peekDraftStore.ts
+var $ = /* @__PURE__ */ new Map();
+function Je(e, t) {
+	$.set(e, t);
+}
+function Ye(e) {
+	let t = $.get(e);
+	return t === void 0 ? null : ($.delete(e), t);
+}
+function Xe(e) {
+	$.delete(e);
+}
+//#endregion
+//#region src/components/shared/RefreshControl.tsx
+function Ze({ liveObject: t, realtime: r = !0 }) {
+	return /* @__PURE__ */ E("span", {
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 8
+		},
+		children: [/* @__PURE__ */ T(s, {
+			icon: t.isFetching ? /* @__PURE__ */ T("span", {
+				"data-testid": "refresh-spinner",
+				style: { display: "inline-flex" },
+				children: /* @__PURE__ */ T(n, { size: 14 })
+			}) : /* @__PURE__ */ T(e.refresh, { size: 14 }),
+			title: "Refresh",
+			disabled: t.isLoading || t.isFetching,
+			onClick: () => {
+				t.refetch();
+			}
+		}), r && /* @__PURE__ */ T("span", {
+			"data-testid": "live-indicator",
+			title: t.isLive ? "This view updates automatically in realtime." : "Realtime updates are paused. Refresh manually to load the latest data.",
+			children: /* @__PURE__ */ T(a, {
+				tone: t.isLive ? "emerald" : "amber",
+				size: "xs",
+				dot: !0,
+				children: t.isLive ? "Live" : "Updates paused"
+			})
+		})]
+	});
+}
+//#endregion
+export { ce as A, W as C, B as D, U as E, I as F, k as I, ae as M, re as N, V as O, ee as P, Z as S, H as T, ve as _, Ie as a, Q as b, Ge as c, ke as d, Ee as f, we as g, Ce as h, Ye as i, le as j, de as k, Fe as l, Se as m, Xe as n, qe as o, Te as p, Je as r, Ue as s, Ze as t, je as u, ye as v, pe as w, G as x, _e as y };