@camstack/addon-post-analysis 1.1.26 → 1.1.28

package/dist/pipeline-analytics/_stub.js

@@ -1,6 +1,6 @@
 import { a as e, i as t, n, o as r, r as i, t as a } from "./_virtual_mf___mfe_internal__addon_pipeline_analytics_widgets__loadShare__react__loadShare__.js-C0AuF9av.mjs";
 import { t as o } from "./_virtual_mf___mfe_internal__addon_pipeline_analytics_widgets__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-B3Wx5J80.mjs";
-import { a as s, i as c, n as l, o as u, r as d, s as f, t as p } from "./_virtual_mf___mfe_internal__addon_pipeline_analytics_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-C6LbOCa9.mjs";
+import { a as s, i as c, n as l, o as u, r as d, s as f, t as p } from "./_virtual_mf___mfe_internal__addon_pipeline_analytics_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-DBgBsiUM.mjs";
 import { n as m, r as h, t as g } from "./_virtual_mf___mfe_internal__addon_pipeline_analytics_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-Bm-iyjmq.mjs";
 //#region ../../node_modules/lucide-react/dist/esm/shared/src/utils.js
 var _ = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), v = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), y = (e) => {
@@ -191,7 +191,7 @@ function M({ presets: e, value: t, onChange: n }) {
 		}, e))
 	});
 }
-function ee(t = 0) {
+function N(t = 0) {
 	let n = e(null), [a, o] = r(0);
 	return i(() => {
 		let e = n.current;
@@ -205,28 +205,28 @@ function ee(t = 0) {
 		return i.observe(e), () => i.disconnect();
 	}, [t]), [n, a];
 }
-function te(e, t) {
+function ee(e, t) {
 	let n = new Date(e), r = String(n.getHours()).padStart(2, "0"), i = String(n.getMinutes()).padStart(2, "0");
 	return t <= 1440 * 60 * 1e3 ? `${r}:${i}` : `${String(n.getDate()).padStart(2, "0")}/${String(n.getMonth() + 1).padStart(2, "0")} ${r}:${i}`;
 }
-function N(e, t, n, r, i) {
+function P(e, t, n, r, i) {
 	if (t <= 1) return r;
 	let a = n - r - i;
 	return r + e / (t - 1) * a;
 }
-function ne(e, t, n, r, i, a) {
+function te(e, t, n, r, i, a) {
 	if (t <= e) return [];
 	let o = t - e, s = [], c = n - r - i;
 	for (let t = 0; t < a; t++) {
 		let n = t / Math.max(1, a - 1), i = e + o * n;
 		s.push({
 			x: r + n * c,
-			label: te(i, o)
+			label: ee(i, o)
 		});
 	}
 	return s;
 }
-var P = [
+var F = [
 	"#3b82f6",
 	"#a855f7",
 	"#10b981",
@@ -236,17 +236,17 @@ var P = [
 	"#6366f1",
 	"#ef4444"
 ];
-function re(e) {
-	return P[e % P.length] ?? "#64748b";
+function ne(e) {
+	return F[e % F.length] ?? "#64748b";
 }
-function F() {
+function I() {
 	let [e, t] = r(null);
 	return {
 		state: e,
 		bindHover: t
 	};
 }
-function I({ state: e, containerWidth: t }) {
+function L({ state: e, containerWidth: t }) {
 	if (!e) return null;
 	let n = Math.max(114, t - 110 - 4), r = Math.max(114, Math.min(n, e.anchorX)), i = e.anchorX - r;
 	return /* @__PURE__ */ h("div", {
@@ -293,7 +293,7 @@ function I({ state: e, containerWidth: t }) {
 }
 //#endregion
 //#region src/pipeline-analytics/widgets/AudioHistoryChart.tsx
-var L = {
+var re = {
 	"5m": {
 		label: "5 min",
 		windowSec: 300,
@@ -315,15 +315,15 @@ var L = {
 }, ie = [
 	{
 		id: "5m",
-		label: L["5m"].label
+		label: re["5m"].label
 	},
 	{
 		id: "1h",
-		label: L["1h"].label
+		label: re["1h"].label
 	},
 	{
 		id: "24h",
-		label: L["24h"].label
+		label: re["24h"].label
 	}
 ], R = 140, z = {
 	top: 16,
@@ -342,11 +342,11 @@ function oe(e) {
 	return e ? ae[e.toLowerCase()] ?? "#6366f1" : "#71717a";
 }
 function se({ deviceId: n }) {
-	let i = s(p().trpcClient, n), [a, c] = r("5m"), l = L[a], [u, d] = ee(), f = F(), _ = e(null), v = (e) => {
+	let i = s(l().trpcClient, n), [a, c] = r("5m"), u = re[a], [d, f] = N(), p = I(), _ = e(null), v = (e) => {
 		let t = _.current;
 		if (!t) return e;
 		let n = t.getBoundingClientRect();
-		return n.width === 0 ? e : e / d * n.width;
+		return n.width === 0 ? e : e / f * n.width;
 	}, y = o({
 		queryKey: [
 			"audio-metrics",
@@ -355,21 +355,21 @@ function se({ deviceId: n }) {
 			a
 		],
 		queryFn: async () => i ? await i.audioMetrics?.getHistory({
-			windowSec: l.windowSec,
-			sampleEveryMs: l.sampleEveryMs
+			windowSec: u.windowSec,
+			sampleEveryMs: u.sampleEveryMs
 		}) ?? null : null,
 		enabled: !!i,
-		refetchInterval: l.pollIntervalMs,
-		staleTime: Math.max(1e3, l.pollIntervalMs / 2)
-	}), b = y.data, x = b?.points ?? [], S = t(() => fe(x), [x]), C = t(() => ue(x, d, S), [
+		refetchInterval: u.pollIntervalMs,
+		staleTime: Math.max(1e3, u.pollIntervalMs / 2)
+	}), b = y.data, x = b?.points ?? [], S = t(() => fe(x), [x]), C = t(() => ue(x, f, S), [
 		x,
-		d,
+		f,
 		S
-	]), w = t(() => de(x, d, S), [
+	]), w = t(() => de(x, f, S), [
 		x,
-		d,
+		f,
 		S
-	]), E = t(() => pe(S), [S]), D = t(() => me(x, d), [x, d]);
+	]), E = t(() => pe(S), [S]), D = t(() => me(x, f), [x, f]);
 	return /* @__PURE__ */ h("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
 		children: [/* @__PURE__ */ h("div", {
@@ -386,25 +386,25 @@ function se({ deviceId: n }) {
 				onChange: c
 			})]
 		}), /* @__PURE__ */ h("div", {
-			ref: u,
+			ref: d,
 			className: "p-3 min-w-0 relative",
 			children: [x.length === 0 ? /* @__PURE__ */ m("div", {
 				className: "flex items-center justify-center h-32 text-[11px] text-foreground-subtle italic",
 				children: y.isLoading ? "Loading…" : "No audio history yet — analytics pipeline must be active."
-			}) : d === 0 ? /* @__PURE__ */ m("div", { className: "h-32" }) : /* @__PURE__ */ h(g, { children: [/* @__PURE__ */ h("svg", {
+			}) : f === 0 ? /* @__PURE__ */ m("div", { className: "h-32" }) : /* @__PURE__ */ h(g, { children: [/* @__PURE__ */ h("svg", {
 				ref: _,
 				role: "img",
 				"aria-label": "Audio dBFS history",
 				width: "100%",
 				height: R,
-				viewBox: `0 0 ${d} ${R}`,
+				viewBox: `0 0 ${f} ${R}`,
 				preserveAspectRatio: "none",
 				className: "block",
-				onMouseLeave: () => f.bindHover(null),
+				onMouseLeave: () => p.bindHover(null),
 				children: [
 					E.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
 						x1: z.left,
-						x2: d - z.right,
+						x2: f - z.right,
 						y1: e,
 						y2: e,
 						stroke: "currentColor",
@@ -440,7 +440,7 @@ function se({ deviceId: n }) {
 						strokeWidth: 1.5
 					}),
 					x.map((e, t) => e.topClass === null ? null : /* @__PURE__ */ m("circle", {
-						cx: B(t, x.length, d),
+						cx: B(t, x.length, f),
 						cy: ce(e.dbfs, S),
 						r: 3,
 						fill: oe(e.topClass),
@@ -449,7 +449,7 @@ function se({ deviceId: n }) {
 						strokeWidth: .5
 					}, `dot-${t}`)),
 					x.map((e, t) => {
-						let n = B(t, x.length, d), r = ce(e.dbfs, S), i = R - z.top - z.bottom, a = x.length > 1 ? (d - z.left - z.right) / (x.length - 1) : 24;
+						let n = B(t, x.length, f), r = ce(e.dbfs, S), i = R - z.top - z.bottom, a = x.length > 1 ? (f - z.left - z.right) / (x.length - 1) : 24;
 						return /* @__PURE__ */ m("rect", {
 							x: n - a / 2,
 							y: z.top,
@@ -457,7 +457,7 @@ function se({ deviceId: n }) {
 							height: i,
 							fill: "transparent",
 							onMouseEnter: () => {
-								f.bindHover({
+								p.bindHover({
 									anchorX: v(n),
 									anchorY: r,
 									title: `${he(e.ts)} · ${e.dbfs?.toFixed(1) ?? "—"} dB`,
@@ -481,15 +481,15 @@ function se({ deviceId: n }) {
 						}, `hit-${t}`);
 					})
 				]
-			}), /* @__PURE__ */ m(I, {
-				state: f.state,
-				containerWidth: d
+			}), /* @__PURE__ */ m(L, {
+				state: p.state,
+				containerWidth: f
 			})] }), x.length > 0 && /* @__PURE__ */ h("div", {
 				className: "flex items-center justify-between text-[10px] text-foreground-subtle mt-1",
 				children: [/* @__PURE__ */ h("span", { children: [
 					x.length,
 					" samples · ~",
-					Math.round((b?.effectiveSampleEveryMs ?? l.sampleEveryMs) / 1e3),
+					Math.round((b?.effectiveSampleEveryMs ?? u.sampleEveryMs) / 1e3),
 					"s spacing"
 				] }), /* @__PURE__ */ h("span", { children: [
 					"peak ",
@@ -580,7 +580,7 @@ function ge(e) {
 	return !Number.isFinite(e) || e <= 0 ? 60 : Math.round(e > 600 ? e / 1e3 : e);
 }
 function _e({ dev: e, deviceId: t, title: n = "Audio Metrics", variant: r = "full" }) {
-	let i = u(p().trpcClient, e === void 0 && t !== void 0 ? t : null, (e) => e.audioMetrics), a = f(e ? e.state.audioMetrics : void 0), o = e === void 0 ? i : a;
+	let i = u(l().trpcClient, e === void 0 && t !== void 0 ? t : null, (e) => e.audioMetrics), a = f(e ? e.state.audioMetrics : void 0), o = e === void 0 ? i : a;
 	return o ? /* @__PURE__ */ m(ve, {
 		title: n,
 		variant: r,
@@ -790,7 +790,7 @@ var V = {
 	left: 32
 }, W = "__all__";
 function we({ deviceId: n }) {
-	let a = s(p().trpcClient, n), [c, l] = r("5m"), [u, d] = r(W), _ = V[c], [v, y] = ee(), b = F(), x = e(null), S = (e) => {
+	let a = s(l().trpcClient, n), [c, u] = r("5m"), [d, p] = r(W), _ = V[c], [v, y] = N(), b = I(), x = e(null), S = (e) => {
 		let t = x.current;
 		if (!t) return e;
 		let n = t.getBoundingClientRect();
@@ -802,15 +802,15 @@ function we({ deviceId: n }) {
 		return [...e].toSorted();
 	}, [C]);
 	i(() => {
-		u !== W && !w.includes(u) && d(W);
-	}, [u, w]);
+		d !== W && !w.includes(d) && p(W);
+	}, [d, w]);
 	let T = o({
 		queryKey: [
 			"zone-analytics",
 			n,
 			"cameraHistory",
 			c,
-			u
+			d
 		],
 		queryFn: async () => {
 			if (!a) return [];
@@ -819,7 +819,7 @@ function we({ deviceId: n }) {
 				from: e - _.windowMs,
 				to: e,
 				resolution: _.resolution,
-				...u === W ? {} : { className: u }
+				...d === W ? {} : { className: d }
 			}) ?? [];
 		},
 		enabled: !!a,
@@ -833,11 +833,11 @@ function we({ deviceId: n }) {
 		E,
 		y,
 		A
-	]), te = t(() => ne(k, D, y, U.left, U.right, 5), [
+	]), ee = t(() => te(k, D, y, U.left, U.right, 5), [
 		k,
 		D,
 		y
-	]), P = t(() => De(A), [A]);
+	]), F = t(() => De(A), [A]);
 	return /* @__PURE__ */ h("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
 		children: [/* @__PURE__ */ h("div", {
@@ -851,8 +851,8 @@ function we({ deviceId: n }) {
 			}), /* @__PURE__ */ h("div", {
 				className: "flex items-center gap-2",
 				children: [w.length > 0 && /* @__PURE__ */ h("select", {
-					value: u,
-					onChange: (e) => d(e.target.value),
+					value: d,
+					onChange: (e) => p(e.target.value),
 					className: "text-[10px] px-1.5 py-0.5 rounded border border-border bg-background text-foreground focus:outline-none focus:ring-1 focus:ring-primary/40",
 					title: "Filter by detected class",
 					children: [/* @__PURE__ */ m("option", {
@@ -865,7 +865,7 @@ function we({ deviceId: n }) {
 				}), /* @__PURE__ */ m(M, {
 					presets: Ce,
 					value: c,
-					onChange: l
+					onChange: u
 				})]
 			})]
 		}), /* @__PURE__ */ h("div", {
@@ -885,7 +885,7 @@ function we({ deviceId: n }) {
 				className: "block",
 				onMouseLeave: () => b.bindHover(null),
 				children: [
-					P.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
+					F.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
 						x1: U.left,
 						x2: y - U.right,
 						y1: e,
@@ -900,7 +900,7 @@ function we({ deviceId: n }) {
 						className: "text-[9px] fill-foreground-subtle",
 						children: t
 					})] }, `y-${n}`)),
-					te.map(({ x: e, label: t }, n) => /* @__PURE__ */ m("text", {
+					ee.map(({ x: e, label: t }, n) => /* @__PURE__ */ m("text", {
 						x: e,
 						y: H - U.bottom + 12,
 						textAnchor: "middle",
@@ -915,7 +915,7 @@ function we({ deviceId: n }) {
 						strokeWidth: 1.5
 					}),
 					E.map((e, t) => {
-						let n = N(t, E.length, y, U.left, U.right), r = Te(e.count, A), i = H - U.top - U.bottom, a = E.length > 1 ? (y - U.left - U.right) / (E.length - 1) : 24;
+						let n = P(t, E.length, y, U.left, U.right), r = Te(e.count, A), i = H - U.top - U.bottom, a = E.length > 1 ? (y - U.left - U.right) / (E.length - 1) : 24;
 						return /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("circle", {
 							cx: n,
 							cy: r,
@@ -935,7 +935,7 @@ function we({ deviceId: n }) {
 									title: `${Oe(e.ts)} · ${e.count} object${e.count === 1 ? "" : "s"}`,
 									rows: [{
 										label: "Class",
-										value: u === W ? "all" : u
+										value: d === W ? "all" : d
 									}, {
 										label: "Bucket",
 										value: _.resolution
@@ -945,7 +945,7 @@ function we({ deviceId: n }) {
 						})] }, `${e.ts}-${t}`);
 					})
 				]
-			}), /* @__PURE__ */ m(I, {
+			}), /* @__PURE__ */ m(L, {
 				state: b.state,
 				containerWidth: y
 			})] }), E.length > 0 && /* @__PURE__ */ h("div", {
@@ -975,7 +975,7 @@ function Ee(e, t, n) {
 	if (e.length === 0) return null;
 	let r = [];
 	for (let i = 0; i < e.length; i++) {
-		let a = N(i, e.length, t, U.left, U.right), o = Te(e[i].count, n);
+		let a = P(i, e.length, t, U.left, U.right), o = Te(e[i].count, n);
 		r.push(`${i === 0 ? "M" : "L"} ${a.toFixed(1)} ${o.toFixed(1)}`);
 	}
 	return r.join(" ");
@@ -1036,11 +1036,11 @@ var G = {
 	left: 32
 };
 function je({ deviceId: n }) {
-	let i = s(p().trpcClient, n), [a, c] = r("1h"), l = G[a], [u, d] = ee(), f = F(), _ = e(null), v = (e) => {
+	let i = s(l().trpcClient, n), [a, c] = r("1h"), u = G[a], [d, f] = N(), p = I(), _ = e(null), v = (e) => {
 		let t = _.current;
 		if (!t) return e;
 		let n = t.getBoundingClientRect();
-		return n.width === 0 ? e : e / d * n.width;
+		return n.width === 0 ? e : e / f * n.width;
 	}, y = o({
 		queryKey: [
 			"pipeline-analytics",
@@ -1050,28 +1050,28 @@ function je({ deviceId: n }) {
 		],
 		queryFn: async () => {
 			if (!i) return [];
-			let e = Date.now() - l.windowMs;
+			let e = Date.now() - u.windowMs;
 			return await i.pipelineAnalytics?.getMotionEvents({
 				since: e,
 				limit: Ae
 			}) ?? [];
 		},
 		enabled: !!i,
-		refetchInterval: l.pollIntervalMs,
-		staleTime: Math.max(1e3, l.pollIntervalMs / 2)
-	}), b = y.data ?? [], x = y.dataUpdatedAt > 0 ? y.dataUpdatedAt : Date.now(), S = x - l.windowMs, C = t(() => Me(b, S, x, l.bucketMs), [
+		refetchInterval: u.pollIntervalMs,
+		staleTime: Math.max(1e3, u.pollIntervalMs / 2)
+	}), b = y.data ?? [], x = y.dataUpdatedAt > 0 ? y.dataUpdatedAt : Date.now(), S = x - u.windowMs, C = t(() => Me(b, S, x, u.bucketMs), [
 		b,
 		S,
 		x,
-		l.bucketMs
+		u.bucketMs
 	]), w = t(() => {
 		if (C.length === 0) return 1;
 		let e = C.reduce((e, t) => Math.max(e, t.count), 0);
 		return Math.max(1, Math.ceil(e * 1.15));
-	}, [C]), E = t(() => ne(S, x, d, q.left, q.right, 5), [
+	}, [C]), E = t(() => te(S, x, f, q.left, q.right, 5), [
 		S,
 		x,
-		d
+		f
 	]), D = t(() => Pe(w), [w]), O = b.length;
 	return /* @__PURE__ */ h("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
@@ -1089,25 +1089,25 @@ function je({ deviceId: n }) {
 				onChange: c
 			})]
 		}), /* @__PURE__ */ h("div", {
-			ref: u,
+			ref: d,
 			className: "p-3 min-w-0 relative",
 			children: [O === 0 ? /* @__PURE__ */ m("div", {
 				className: "flex items-center justify-center h-32 text-[11px] text-foreground-subtle italic",
 				children: y.isLoading ? "Loading…" : "No motion events in the selected window."
-			}) : d === 0 ? /* @__PURE__ */ m("div", { className: "h-32" }) : /* @__PURE__ */ h(g, { children: [/* @__PURE__ */ h("svg", {
+			}) : f === 0 ? /* @__PURE__ */ m("div", { className: "h-32" }) : /* @__PURE__ */ h(g, { children: [/* @__PURE__ */ h("svg", {
 				ref: _,
 				role: "img",
 				"aria-label": "Motion event histogram",
 				width: "100%",
 				height: K,
-				viewBox: `0 0 ${d} ${K}`,
+				viewBox: `0 0 ${f} ${K}`,
 				preserveAspectRatio: "none",
 				className: "block",
-				onMouseLeave: () => f.bindHover(null),
+				onMouseLeave: () => p.bindHover(null),
 				children: [
 					D.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
 						x1: q.left,
-						x2: d - q.right,
+						x2: f - q.right,
 						y1: e,
 						y2: e,
 						stroke: "currentColor",
@@ -1128,7 +1128,7 @@ function je({ deviceId: n }) {
 						children: t
 					}, `x-${n}`)),
 					C.map((e, t) => {
-						let { x: n, w: r } = Ne(e.bucketStart, l.bucketMs, S, x, d), i = K - q.top - q.bottom, a = e.count / w * i, o = q.top + (i - a), s = e.bucketStart + l.bucketMs;
+						let { x: n, w: r } = Ne(e.bucketStart, u.bucketMs, S, x, f), i = K - q.top - q.bottom, a = e.count / w * i, o = q.top + (i - a), s = e.bucketStart + u.bucketMs;
 						return /* @__PURE__ */ h("g", { children: [e.count > 0 && /* @__PURE__ */ m("rect", {
 							x: n,
 							y: o,
@@ -1144,13 +1144,13 @@ function je({ deviceId: n }) {
 							height: i,
 							fill: "transparent",
 							onMouseEnter: () => {
-								f.bindHover({
+								p.bindHover({
 									anchorX: v(n + r / 2),
 									anchorY: o,
 									title: `${Fe(e.bucketStart, s)} · ${e.count} event${e.count === 1 ? "" : "s"}`,
 									rows: [{
 										label: "Bucket",
-										value: Ie(l.bucketMs)
+										value: Ie(u.bucketMs)
 									}, {
 										label: "Count",
 										value: `${e.count}`
@@ -1160,9 +1160,9 @@ function je({ deviceId: n }) {
 						})] }, `${e.bucketStart}-${t}`);
 					})
 				]
-			}), /* @__PURE__ */ m(I, {
-				state: f.state,
-				containerWidth: d
+			}), /* @__PURE__ */ m(L, {
+				state: p.state,
+				containerWidth: f
 			})] }), O > 0 && /* @__PURE__ */ h("div", {
 				className: "flex items-center justify-between text-[10px] text-foreground-subtle mt-1",
 				children: [/* @__PURE__ */ h("span", { children: [
@@ -1170,7 +1170,7 @@ function je({ deviceId: n }) {
 					" event",
 					O === 1 ? "" : "s",
 					" · ",
-					Ie(l.bucketMs),
+					Ie(u.bucketMs),
 					" ",
 					"buckets"
 				] }), /* @__PURE__ */ h("span", { children: [
@@ -1265,7 +1265,7 @@ var J = {
 	left: 32
 };
 function Be({ deviceId: n }) {
-	let a = s(p().trpcClient, n), [c, l] = r("1h"), [u, d] = r(X), f = J[c], [_, v] = ee(), y = F(), b = e(null), x = o({
+	let a = s(l().trpcClient, n), [c, u] = r("1h"), [d, f] = r(X), p = J[c], [_, v] = N(), y = I(), b = e(null), x = o({
 		queryKey: [
 			"pipeline-analytics",
 			n,
@@ -1274,45 +1274,45 @@ function Be({ deviceId: n }) {
 		],
 		queryFn: async () => {
 			if (!a) return [];
-			let e = Date.now() - f.windowMs;
+			let e = Date.now() - p.windowMs;
 			return await a.pipelineAnalytics?.getObjectEvents({
 				since: e,
 				limit: Re
 			}) ?? [];
 		},
 		enabled: !!a,
-		refetchInterval: f.pollIntervalMs,
-		staleTime: Math.max(1e3, f.pollIntervalMs / 2)
-	}), S = x.data ?? [], C = t(() => u === X ? S : S.filter((e) => e.className === u), [S, u]), w = x.dataUpdatedAt > 0 ? x.dataUpdatedAt : Date.now(), T = w - f.windowMs, E = t(() => {
+		refetchInterval: p.pollIntervalMs,
+		staleTime: Math.max(1e3, p.pollIntervalMs / 2)
+	}), S = x.data ?? [], C = t(() => d === X ? S : S.filter((e) => e.className === d), [S, d]), w = x.dataUpdatedAt > 0 ? x.dataUpdatedAt : Date.now(), T = w - p.windowMs, E = t(() => {
 		let e = /* @__PURE__ */ new Set();
 		for (let t of S) e.add(t.className);
-		return u !== X && e.add(u), [...e].toSorted();
-	}, [S, u]);
+		return d !== X && e.add(d), [...e].toSorted();
+	}, [S, d]);
 	i(() => {
-		u !== X && S.length > 0 && !E.includes(u) && d(X);
+		d !== X && S.length > 0 && !E.includes(d) && f(X);
 	}, [
-		u,
+		d,
 		S,
 		E
 	]);
-	let O = t(() => Ve(C, ze), [C]), k = t(() => He(C, T, w, f.bucketMs, O), [
+	let O = t(() => Ve(C, ze), [C]), k = t(() => He(C, T, w, p.bucketMs, O), [
 		C,
 		T,
 		w,
-		f.bucketMs,
+		p.bucketMs,
 		O
 	]), A = t(() => {
 		if (k.length === 0) return 1;
 		let e = k.reduce((e, t) => Math.max(e, t.total), 0);
 		return Math.max(1, Math.ceil(e * 1.15));
-	}, [k]), j = t(() => ne(T, w, v, Q.left, Q.right, 5), [
+	}, [k]), j = t(() => te(T, w, v, Q.left, Q.right, 5), [
 		T,
 		w,
 		v
-	]), te = t(() => We(A), [A]), N = t(() => {
+	]), ee = t(() => We(A), [A]), P = t(() => {
 		let e = O.map((e) => e.className);
 		return C.some((e) => !O.some((t) => t.className === e.className)) && e.push(Y), e;
-	}, [C, O]), P = (e) => {
+	}, [C, O]), F = (e) => {
 		let t = b.current;
 		if (!t) return e;
 		let n = t.getBoundingClientRect();
@@ -1331,8 +1331,8 @@ function Be({ deviceId: n }) {
 			}), /* @__PURE__ */ h("div", {
 				className: "flex items-center gap-2",
 				children: [E.length > 0 && /* @__PURE__ */ h("select", {
-					value: u,
-					onChange: (e) => d(e.target.value),
+					value: d,
+					onChange: (e) => f(e.target.value),
 					className: "text-[10px] px-1.5 py-0.5 rounded border border-border bg-background text-foreground focus:outline-none focus:ring-1 focus:ring-primary/40",
 					title: "Filter by detected class",
 					children: [/* @__PURE__ */ m("option", {
@@ -1345,7 +1345,7 @@ function Be({ deviceId: n }) {
 				}), /* @__PURE__ */ m(M, {
 					presets: Le,
 					value: c,
-					onChange: l
+					onChange: u
 				})]
 			})]
 		}), /* @__PURE__ */ h("div", {
@@ -1366,7 +1366,7 @@ function Be({ deviceId: n }) {
 					className: "block",
 					onMouseLeave: () => y.bindHover(null),
 					children: [
-						te.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
+						ee.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
 							x1: Q.left,
 							x2: v - Q.right,
 							y1: e,
@@ -1390,12 +1390,12 @@ function Be({ deviceId: n }) {
 						}, `x-${n}`)),
 						k.map((e, t) => {
 							if (e.total === 0) return null;
-							let { x: n, w: r } = Ue(e.bucketStart, f.bucketMs, T, w, v), i = Z - Q.top - Q.bottom, a = e.total / A * i, o = Q.top + (i - a), s = 0, c = N.map((t, a) => {
+							let { x: n, w: r } = Ue(e.bucketStart, p.bucketMs, T, w, v), i = Z - Q.top - Q.bottom, a = e.total / A * i, o = Q.top + (i - a), s = 0, c = P.map((t, a) => {
 								let o = e.byClass[t] ?? 0;
 								if (o === 0) return null;
 								let c = o / A * i, l = Q.top + (i - s - c);
 								s += c;
-								let u = t === Y ? "#94a3b8" : re(a);
+								let u = t === Y ? "#94a3b8" : ne(a);
 								return /* @__PURE__ */ m("rect", {
 									x: n,
 									y: l,
@@ -1404,7 +1404,7 @@ function Be({ deviceId: n }) {
 									fill: u,
 									opacity: .9
 								}, `${e.bucketStart}-${t}`);
-							}).filter((e) => e !== null), l = e.bucketStart + f.bucketMs;
+							}).filter((e) => e !== null), l = e.bucketStart + p.bucketMs;
 							return /* @__PURE__ */ h("g", { children: [c, /* @__PURE__ */ m("rect", {
 								x: n,
 								y: Q.top,
@@ -1413,15 +1413,15 @@ function Be({ deviceId: n }) {
 								fill: "transparent",
 								onMouseEnter: () => {
 									y.bindHover({
-										anchorX: P(n + r / 2),
+										anchorX: F(n + r / 2),
 										anchorY: o,
-										title: `${Ge(e.bucketStart, l, f.bucketMs)} · ${e.total} detection${e.total === 1 ? "" : "s"}`,
-										rows: N.map((t, n) => {
+										title: `${Ge(e.bucketStart, l, p.bucketMs)} · ${e.total} detection${e.total === 1 ? "" : "s"}`,
+										rows: P.map((t, n) => {
 											let r = e.byClass[t] ?? 0;
 											return r === 0 ? null : {
 												label: t === Y ? "other" : t,
 												value: `${r}`,
-												colour: t === Y ? "#94a3b8" : re(n)
+												colour: t === Y ? "#94a3b8" : ne(n)
 											};
 										}).filter((e) => e !== null)
 									});
@@ -1430,11 +1430,11 @@ function Be({ deviceId: n }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ m(I, {
+				/* @__PURE__ */ m(L, {
 					state: y.state,
 					containerWidth: v
 				}),
-				/* @__PURE__ */ m(qe, { stackOrder: N })
+				/* @__PURE__ */ m(qe, { stackOrder: P })
 			] }), C.length > 0 && /* @__PURE__ */ h("div", {
 				className: "flex items-center justify-between text-[10px] text-foreground-subtle mt-1",
 				children: [/* @__PURE__ */ h("span", { children: [
@@ -1443,7 +1443,7 @@ function Be({ deviceId: n }) {
 					C.length === 1 ? "" : "s",
 					" ·",
 					" ",
-					Ke(f.bucketMs),
+					Ke(p.bucketMs),
 					" buckets"
 				] }), /* @__PURE__ */ h("span", { children: [
 					"peak ",
@@ -1515,7 +1515,7 @@ function qe({ stackOrder: e }) {
 			className: "inline-flex items-center gap-1 text-[10px] text-foreground-subtle",
 			children: [/* @__PURE__ */ m("span", {
 				className: "inline-block h-2 w-2 rounded-sm",
-				style: { backgroundColor: e === Y ? "#94a3b8" : re(t) }
+				style: { backgroundColor: e === Y ? "#94a3b8" : ne(t) }
 			}), /* @__PURE__ */ m("span", { children: e === Y ? "other" : e })]
 		}, e))
 	});
@@ -1523,7 +1523,7 @@ function qe({ stackOrder: e }) {
 //#endregion
 //#region src/pipeline-analytics/widgets/OccupancyPanel.tsx
 function Je({ dev: e, deviceId: t, title: n = "Live Occupancy", variant: r = "full" }) {
-	let i = s(p().trpcClient, e === void 0 && t !== void 0 ? t : null), a = e ?? i, o = f(a?.state.zoneAnalytics);
+	let i = s(l().trpcClient, e === void 0 && t !== void 0 ? t : null), a = e ?? i, o = f(a?.state.zoneAnalytics);
 	return o ? /* @__PURE__ */ m(Ye, {
 		title: n,
 		variant: r,
@@ -1669,7 +1669,7 @@ function nt({ deviceId: e }) {
 		className: d,
 		children: [
 			/* @__PURE__ */ h("div", {
-				className: `grid ${l}`,
+				className: `grid ${p}`,
 				style: { gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 340px), 1fr))" },
 				children: [/* @__PURE__ */ m(c, {
 					widgetId: "pipeline-analytics/live-occupancy-panel",