@camstack/addon-post-analysis 1.2.243 → 1.2.245

package/dist/pipeline-analytics/_stub.js

@@ -1,12 +1,13 @@
 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-BgA_MUQb.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-CSOvIfGa.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";
+import { t as _ } from "./_virtual_mf___mfe_internal__addon_pipeline_analytics_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-DyF1G0bN.mjs";
 //#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
-var _ = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), v = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), y = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), b = (e) => {
-	let t = y(e);
+var v = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), y = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), b = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), x = (e) => {
+	let t = b(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, x = {
+}, S = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -16,31 +17,31 @@ var _ = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, S = (e) => {
+}, C = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, C = n(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: o, iconNode: s, ...c }, l) => a("svg", {
+}, w = n(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: o, iconNode: s, ...c }, l) => a("svg", {
 	ref: l,
-	...x,
+	...S,
 	width: t,
 	height: t,
 	stroke: e,
 	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
-	className: _("lucide", i),
-	...!o && !S(c) && { "aria-hidden": "true" },
+	className: v("lucide", i),
+	...!o && !C(c) && { "aria-hidden": "true" },
 	...c
-}, [...s.map(([e, t]) => a(e, t)), ...Array.isArray(o) ? o : [o]])), w = (e, t) => {
-	let r = n(({ className: n, ...r }, i) => a(C, {
+}, [...s.map(([e, t]) => a(e, t)), ...Array.isArray(o) ? o : [o]])), T = (e, t) => {
+	let r = n(({ className: n, ...r }, i) => a(w, {
 		ref: i,
 		iconNode: t,
-		className: _(`lucide-${v(b(e))}`, `lucide-${e}`, n),
+		className: v(`lucide-${y(x(e))}`, `lucide-${e}`, n),
 		...r
 	}));
-	return r.displayName = b(e), r;
-}, T = w("activity", [["path", {
+	return r.displayName = x(e), r;
+}, E = T("activity", [["path", {
 	d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
 	key: "169zse"
-}]]), E = w("boxes", [
+}]]), D = T("boxes", [
 	["path", {
 		d: "M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z",
 		key: "lc1i9w"
@@ -89,7 +90,7 @@ var _ = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M12 13.5V8",
 		key: "1io7kd"
 	}]
-]), D = w("eye", [["path", {
+]), O = T("eye", [["path", {
 	d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
 	key: "1nclc0"
 }], ["circle", {
@@ -97,7 +98,7 @@ var _ = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	cy: "12",
 	r: "3",
 	key: "1v7zrd"
-}]]), O = w("layers", [
+}]]), k = T("layers", [
 	["path", {
 		d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
 		key: "zw3jo"
@@ -110,7 +111,7 @@ var _ = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
 		key: "kqbvx6"
 	}]
-]), k = w("map-pin-off", [
+]), A = T("map-pin-off", [
 	["path", {
 		d: "M12.75 7.09a3 3 0 0 1 2.16 2.16",
 		key: "1d4wjd"
@@ -131,7 +132,7 @@ var _ = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M9.13 9.13a3 3 0 0 0 3.74 3.74",
 		key: "13wojd"
 	}]
-]), A = w("mic-off", [
+]), j = T("mic-off", [
 	["path", {
 		d: "M12 19v3",
 		key: "npa21l"
@@ -156,7 +157,7 @@ var _ = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M9 9v3a3 3 0 0 0 5.12 2.12",
 		key: "r2i35w"
 	}]
-]), j = w("mic", [
+]), M = T("mic", [
 	["path", {
 		d: "M12 19v3",
 		key: "npa21l"
@@ -176,7 +177,7 @@ var _ = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 ]);
 //#endregion
 //#region src/pipeline-analytics/widgets/chart-utils.tsx
-function M({ presets: e, value: t, onChange: n }) {
+function N({ presets: e, value: t, onChange: n }) {
 	return /* @__PURE__ */ m("div", {
 		className: "flex items-center gap-1 border border-border rounded-md p-0.5 bg-background",
 		children: e.map(({ id: e, label: r }) => /* @__PURE__ */ m("button", {
@@ -187,7 +188,7 @@ function M({ presets: e, value: t, onChange: n }) {
 		}, e))
 	});
 }
-function N(t = 0) {
+function P(t = 0) {
 	let n = e(null), [a, o] = r(0);
 	return i(() => {
 		let e = n.current;
@@ -201,11 +202,11 @@ function N(t = 0) {
 		return i.observe(e), () => i.disconnect();
 	}, [t]), [n, a];
 }
-function ee(e, t) {
+function F(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 P(e, t, n, r, i) {
+function ee(e, t, n, r, i) {
 	if (t <= 1) return r;
 	let a = n - r - i;
 	return r + e / (t - 1) * a;
@@ -217,12 +218,12 @@ function te(e, t, n, r, i, a) {
 		let n = t / Math.max(1, a - 1), i = e + o * n;
 		s.push({
 			x: r + n * c,
-			label: ee(i, o)
+			label: F(i, o)
 		});
 	}
 	return s;
 }
-var F = [
+var ne = [
 	"#3b82f6",
 	"#a855f7",
 	"#10b981",
@@ -232,8 +233,8 @@ var F = [
 	"#6366f1",
 	"#ef4444"
 ];
-function ne(e) {
-	return F[e % F.length] ?? "#64748b";
+function re(e) {
+	return ne[e % ne.length] ?? "#64748b";
 }
 function I() {
 	let [e, t] = r(null);
@@ -289,7 +290,7 @@ function L({ state: e, containerWidth: t }) {
 }
 //#endregion
 //#region src/pipeline-analytics/widgets/AudioHistoryChart.tsx
-var re = {
+var ie = {
 	"5m": {
 		label: "5 min",
 		windowSec: 300,
@@ -308,25 +309,25 @@ var re = {
 		sampleEveryMs: 6e4,
 		pollIntervalMs: 3e5
 	}
-}, ie = [
+}, ae = [
 	{
 		id: "5m",
-		label: re["5m"].label
+		label: ie["5m"].label
 	},
 	{
 		id: "1h",
-		label: re["1h"].label
+		label: ie["1h"].label
 	},
 	{
 		id: "24h",
-		label: re["24h"].label
+		label: ie["24h"].label
 	}
 ], R = 140, z = {
 	top: 16,
 	right: 12,
 	bottom: 24,
 	left: 38
-}, ae = {
+}, oe = {
 	speech: "#3b82f6",
 	music: "#a855f7",
 	dog_bark: "#ec4899",
@@ -334,11 +335,11 @@ var re = {
 	alarm: "#f59e0b",
 	baby_cry: "#10b981"
 };
-function oe(e) {
-	return e ? ae[e.toLowerCase()] ?? "#6366f1" : "#71717a";
+function se(e) {
+	return e ? oe[e.toLowerCase()] ?? "#6366f1" : "#71717a";
 }
-function se({ deviceId: n }) {
-	let i = s(l().trpcClient, n), [a, c] = r("5m"), u = re[a], [d, f] = N(), p = I(), _ = e(null), v = (e) => {
+function ce({ deviceId: n }) {
+	let i = s(l().trpcClient, n), [a, c] = r("5m"), u = ie[a], [d, f] = P(), p = I(), _ = e(null), v = (e) => {
 		let t = _.current;
 		if (!t) return e;
 		let n = t.getBoundingClientRect();
@@ -357,27 +358,27 @@ function se({ deviceId: n }) {
 		enabled: !!i,
 		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), [
+	}), b = y.data, x = b?.points ?? [], S = t(() => pe(x), [x]), C = t(() => de(x, f, S), [
 		x,
 		f,
 		S
-	]), w = t(() => de(x, f, S), [
+	]), w = t(() => fe(x, f, S), [
 		x,
 		f,
 		S
-	]), E = t(() => pe(S), [S]), D = t(() => me(x, f), [x, f]);
+	]), T = t(() => me(S), [S]), D = t(() => he(x, f), [x, f]);
 	return /* @__PURE__ */ h("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
 		children: [/* @__PURE__ */ h("div", {
 			className: "border-b border-border px-4 py-2 flex items-center justify-between gap-3",
 			children: [/* @__PURE__ */ h("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ m(T, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ m("h2", {
+				children: [/* @__PURE__ */ m(E, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ m("h2", {
 					className: "text-xs font-semibold text-foreground uppercase tracking-wider",
 					children: "Audio Level History"
 				})]
-			}), /* @__PURE__ */ m(M, {
-				presets: ie,
+			}), /* @__PURE__ */ m(N, {
+				presets: ae,
 				value: a,
 				onChange: c
 			})]
@@ -398,7 +399,7 @@ function se({ deviceId: n }) {
 				className: "block",
 				onMouseLeave: () => p.bindHover(null),
 				children: [
-					E.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
+					T.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
 						x1: z.left,
 						x2: f - z.right,
 						y1: e,
@@ -437,15 +438,15 @@ function se({ deviceId: n }) {
 					}),
 					x.map((e, t) => e.topClass === null ? null : /* @__PURE__ */ m("circle", {
 						cx: B(t, x.length, f),
-						cy: ce(e.dbfs, S),
+						cy: le(e.dbfs, S),
 						r: 3,
-						fill: oe(e.topClass),
+						fill: se(e.topClass),
 						stroke: "#000",
 						strokeOpacity: .3,
 						strokeWidth: .5
 					}, `dot-${t}`)),
 					x.map((e, t) => {
-						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;
+						let n = B(t, x.length, f), r = le(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,
@@ -456,7 +457,7 @@ function se({ deviceId: n }) {
 								p.bindHover({
 									anchorX: v(n),
 									anchorY: r,
-									title: `${he(e.ts)} · ${e.dbfs?.toFixed(1) ?? "—"} dB`,
+									title: `${ge(e.ts)} · ${e.dbfs?.toFixed(1) ?? "—"} dB`,
 									rows: [
 										{
 											label: "peak (window)",
@@ -469,7 +470,7 @@ function se({ deviceId: n }) {
 										...e.topClass === null ? [] : [{
 											label: e.topClass,
 											value: e.topScore == null ? "—" : `${(e.topScore * 100).toFixed(0)}%`,
-											colour: oe(e.topClass)
+											colour: se(e.topClass)
 										}]
 									]
 								});
@@ -501,32 +502,32 @@ function B(e, t, n) {
 	let r = n - z.left - z.right;
 	return z.left + e / (t - 1) * r;
 }
-function ce(e, t) {
-	return le(e === null || !Number.isFinite(e) ? t.min : Math.max(t.min, Math.min(t.max, e)), t);
-}
 function le(e, t) {
+	return ue(e === null || !Number.isFinite(e) ? t.min : Math.max(t.min, Math.min(t.max, e)), t);
+}
+function ue(e, t) {
 	let n = R - z.top - z.bottom, r = Math.max(1, t.max - t.min), i = (e - t.min) / r;
 	return z.top + (1 - i) * n;
 }
-function ue(e, t, n) {
+function de(e, t, n) {
 	if (e.length === 0) return null;
 	let r = [];
 	for (let i = 0; i < e.length; i++) {
-		let a = B(i, e.length, t), o = ce(e[i].dbfs, n);
+		let a = B(i, e.length, t), o = le(e[i].dbfs, n);
 		r.push(`${i === 0 ? "M" : "L"} ${a.toFixed(1)} ${o.toFixed(1)}`);
 	}
 	return r.join(" ");
 }
-function de(e, t, n) {
+function fe(e, t, n) {
 	if (e.length === 0) return null;
 	let r = [];
 	for (let i = 0; i < e.length; i++) {
-		let a = B(i, e.length, t), o = le(Math.max(n.min, Math.min(n.max, e[i].peakDbfs)), n);
+		let a = B(i, e.length, t), o = ue(Math.max(n.min, Math.min(n.max, e[i].peakDbfs)), n);
 		r.push(`${i === 0 ? "M" : "L"} ${a.toFixed(1)} ${o.toFixed(1)}`);
 	}
 	return r.join(" ");
 }
-function fe(e) {
+function pe(e) {
 	if (e.length === 0) return {
 		min: -80,
 		max: -40
@@ -543,62 +544,62 @@ function fe(e) {
 		max: i
 	};
 }
-function pe(e) {
+function me(e) {
 	let t = [];
 	for (let n = 0; n < 4; n++) {
 		let r = n / 3, i = e.min + (e.max - e.min) * r;
 		t.push({
-			y: le(i, e),
+			y: ue(i, e),
 			label: `${Math.round(i)}`
 		});
 	}
 	return t;
 }
-function me(e, t) {
+function he(e, t) {
 	if (e.length === 0) return [];
 	let n = e[0], r = e[e.length - 1], i = [], a = Math.min(5, e.length);
 	for (let e = 0; e < a; e++) {
 		let o = e / Math.max(1, a - 1), s = n.ts + (r.ts - n.ts) * o;
 		i.push({
 			x: z.left + o * (t - z.left - z.right),
-			label: he(s)
+			label: ge(s)
 		});
 	}
 	return i;
 }
-function he(e) {
+function ge(e) {
 	let t = new Date(e);
 	return `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
 }
 //#endregion
 //#region src/pipeline-analytics/widgets/AudioMetricsPanel.tsx
-function ge(e) {
+function _e(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" }) {
+function ve({ dev: e, deviceId: t, title: n = "Audio Metrics", variant: r = "full" }) {
 	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, {
+	return o ? /* @__PURE__ */ m(ye, {
 		title: n,
 		variant: r,
 		ts: o.ts,
 		children: /* @__PURE__ */ h("div", {
 			className: r === "compact" ? "space-y-2" : "grid grid-cols-1 2xl:grid-cols-3 gap-3",
 			children: [
-				/* @__PURE__ */ m(be, { snapshot: o }),
 				/* @__PURE__ */ m(xe, { snapshot: o }),
-				/* @__PURE__ */ m(Se, { snapshot: o })
+				/* @__PURE__ */ m(Se, { snapshot: o }),
+				/* @__PURE__ */ m(Ce, { snapshot: o })
 			]
 		})
-	}) : /* @__PURE__ */ m(ve, {
+	}) : /* @__PURE__ */ m(ye, {
 		title: n,
 		variant: r,
-		children: /* @__PURE__ */ m(ye, {
-			icon: /* @__PURE__ */ m(A, { className: "h-5 w-5 mb-2 opacity-30" }),
+		children: /* @__PURE__ */ m(be, {
+			icon: /* @__PURE__ */ m(j, { className: "h-5 w-5 mb-2 opacity-30" }),
 			message: e || t !== void 0 ? "No audio data yet — analytics pipeline must be active and audio enabled for this device." : "Resolving device…"
 		})
 	});
 }
-function ve({ title: e, variant: t, ts: n, children: r }) {
+function ye({ title: e, variant: t, ts: n, children: r }) {
 	let i = n ? Math.max(0, Math.floor((Date.now() - n) / 1e3)) : null;
 	return /* @__PURE__ */ h("div", {
 		className: t === "compact" ? "rounded-md border border-border/60 bg-surface/60 p-3" : "rounded-lg border border-border bg-surface overflow-hidden",
@@ -617,7 +618,7 @@ function ve({ title: e, variant: t, ts: n, children: r }) {
 		})]
 	});
 }
-function ye({ icon: e, message: t }) {
+function be({ icon: e, message: t }) {
 	return /* @__PURE__ */ h("div", {
 		className: "px-4 py-6 flex flex-col items-center text-center text-foreground-subtle",
 		children: [e, /* @__PURE__ */ m("p", {
@@ -626,7 +627,7 @@ function ye({ icon: e, message: t }) {
 		})]
 	});
 }
-function be({ snapshot: e }) {
+function xe({ snapshot: e }) {
 	let { dbfs: t } = e.level, n = Math.max(-80, Math.min(0, Number.isFinite(t) ? t : -80)), r = (n + 80) / 80 * 100, i = n > -10 ? "bg-danger" : n > -25 ? "bg-warning" : "bg-primary";
 	return /* @__PURE__ */ h("div", {
 		className: "rounded-md border border-border/60 bg-background/40 px-3 py-2",
@@ -634,7 +635,7 @@ function be({ snapshot: e }) {
 			/* @__PURE__ */ h("div", {
 				className: "flex items-center gap-1.5 mb-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle",
 				children: [
-					/* @__PURE__ */ m(T, { className: "h-3.5 w-3.5" }),
+					/* @__PURE__ */ m(E, { className: "h-3.5 w-3.5" }),
 					/* @__PURE__ */ m("span", { children: "Level" }),
 					/* @__PURE__ */ m("span", {
 						className: "ml-auto text-base font-semibold text-foreground tabular-nums normal-case tracking-normal",
@@ -662,19 +663,19 @@ function be({ snapshot: e }) {
 						e.avgDbfs.toFixed(1),
 						" dB"
 					] }),
-					/* @__PURE__ */ h("span", { children: [ge(e.windowSec), "s window"] })
+					/* @__PURE__ */ h("span", { children: [_e(e.windowSec), "s window"] })
 				]
 			})
 		]
 	});
 }
-function xe({ snapshot: e }) {
+function Se({ snapshot: e }) {
 	let { current: t } = e;
 	return /* @__PURE__ */ h("div", {
 		className: "rounded-md border border-border/60 bg-background/40 px-3 py-2",
 		children: [/* @__PURE__ */ h("div", {
 			className: "flex items-center gap-1.5 mb-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle",
-			children: [/* @__PURE__ */ m(j, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ m("span", { children: "Now" })]
+			children: [/* @__PURE__ */ m(M, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ m("span", { children: "Now" })]
 		}), t ? /* @__PURE__ */ h("div", {
 			className: "flex flex-col gap-1",
 			children: [/* @__PURE__ */ m("span", {
@@ -697,14 +698,14 @@ function xe({ snapshot: e }) {
 		})]
 	});
 }
-function Se({ snapshot: e }) {
+function Ce({ snapshot: e }) {
 	return e.byClass.length === 0 ? /* @__PURE__ */ h("div", {
 		className: "rounded-md border border-border/40 bg-background/20 px-3 py-2",
 		children: [/* @__PURE__ */ h("div", {
 			className: "flex items-center gap-1.5 mb-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle",
-			children: [/* @__PURE__ */ m(T, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ h("span", { children: [
+			children: [/* @__PURE__ */ m(E, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ h("span", { children: [
 				"Last ",
-				ge(e.windowSec),
+				_e(e.windowSec),
 				"s"
 			] })]
 		}), /* @__PURE__ */ m("span", {
@@ -716,10 +717,10 @@ function Se({ snapshot: e }) {
 		children: [/* @__PURE__ */ h("div", {
 			className: "px-3 py-1.5 border-b border-border/40 flex items-center gap-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle",
 			children: [
-				/* @__PURE__ */ m(T, { className: "h-3.5 w-3.5" }),
+				/* @__PURE__ */ m(E, { className: "h-3.5 w-3.5" }),
 				/* @__PURE__ */ h("span", { children: [
 					"Last ",
-					ge(e.windowSec),
+					_e(e.windowSec),
 					"s"
 				] }),
 				/* @__PURE__ */ m("span", {
@@ -747,37 +748,43 @@ function Se({ snapshot: e }) {
 }
 //#endregion
 //#region src/pipeline-analytics/widgets/OccupancyHistoryChart.tsx
-var V = {
-	"5m": {
-		label: "5 min",
-		windowMs: 5 * 6e4,
-		resolution: "minute",
-		pollIntervalMs: 5e3
-	},
-	"30m": {
-		label: "30 min",
-		windowMs: 30 * 6e4,
-		resolution: "minute",
-		pollIntervalMs: 15e3
-	},
+var we = 5 * 6e4, V = {
 	"1h": {
 		label: "1 h",
 		windowMs: 60 * 6e4,
-		resolution: "5min",
 		pollIntervalMs: 3e4
+	},
+	"6h": {
+		label: "6 h",
+		windowMs: 360 * 6e4,
+		pollIntervalMs: 6e4
+	},
+	"24h": {
+		label: "24 h",
+		windowMs: 1440 * 6e4,
+		pollIntervalMs: 12e4
+	},
+	"7d": {
+		label: "7 d",
+		windowMs: 10080 * 6e4,
+		pollIntervalMs: 3e5
 	}
-}, Ce = [
+}, Te = [
 	{
-		id: "5m",
-		label: V["5m"].label
+		id: "1h",
+		label: V["1h"].label
 	},
 	{
-		id: "30m",
-		label: V["30m"].label
+		id: "6h",
+		label: V["6h"].label
 	},
 	{
-		id: "1h",
-		label: V["1h"].label
+		id: "24h",
+		label: V["24h"].label
+	},
+	{
+		id: "7d",
+		label: V["7d"].label
 	}
 ], H = 140, U = {
 	top: 14,
@@ -785,68 +792,71 @@ var V = {
 	bottom: 24,
 	left: 32
 }, W = "__all__";
-function we({ deviceId: n }) {
-	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;
+function Ee({ deviceId: n }) {
+	let a = s(l().trpcClient, n), [c, u] = r("24h"), [d, p] = r(W), v = V[c], [y, b] = P(), x = I(), S = e(null), C = (e) => {
+		let t = S.current;
 		if (!t) return e;
 		let n = t.getBoundingClientRect();
-		return n.width === 0 ? e : e / y * n.width;
-	}, C = f(a?.state.zoneAnalytics), w = t(() => {
+		return n.width === 0 ? e : e / b * n.width;
+	}, w = f(a?.state.zoneAnalytics), T = t(() => {
 		let e = /* @__PURE__ */ new Set();
-		if (C?.frame.byClass) for (let t of Object.keys(C.frame.byClass)) e.add(t);
-		if (C?.zones) for (let t of C.zones) for (let n of Object.keys(t.byClass)) e.add(n);
+		if (w?.frame.byClass) for (let t of Object.keys(w.frame.byClass)) e.add(t);
+		if (w?.zones) for (let t of w.zones) for (let n of Object.keys(t.byClass)) e.add(n);
 		return [...e].toSorted();
-	}, [C]);
+	}, [w]);
 	i(() => {
-		d !== W && !w.includes(d) && p(W);
-	}, [d, w]);
-	let T = o({
+		d !== W && !T.includes(d) && p(W);
+	}, [d, T]);
+	let E = o({
 		queryKey: [
-			"zone-analytics",
+			"pipeline-analytics",
 			n,
-			"cameraHistory",
+			"occupancyLts",
 			c,
 			d
 		],
 		queryFn: async () => {
 			if (!a) return [];
-			let e = Date.now();
-			return await a.zoneAnalytics?.getCameraHistory({
-				from: e - _.windowMs,
-				to: e,
-				resolution: _.resolution,
-				...d === W ? {} : { className: d }
-			}) ?? [];
+			let e = Date.now(), t = Math.floor((e - v.windowMs) / we) * we;
+			return (await a.pipelineAnalytics?.readLongTermSeries({
+				series: "occupancy",
+				scope: d === W ? _() : _(void 0, d),
+				from: t,
+				to: e
+			}) ?? []).map((e) => ({
+				ts: e.bucketStart,
+				count: e.max
+			}));
 		},
 		enabled: !!a,
-		refetchInterval: _.pollIntervalMs,
-		staleTime: Math.max(1e3, _.pollIntervalMs / 2)
-	}), E = T.data ?? [], D = T.dataUpdatedAt > 0 ? T.dataUpdatedAt : Date.now(), k = D - _.windowMs, A = t(() => {
-		if (E.length === 0) return 1;
-		let e = E.reduce((e, t) => Math.max(e, t.count), 0);
+		refetchInterval: v.pollIntervalMs,
+		staleTime: Math.max(1e3, v.pollIntervalMs / 2)
+	}), D = E.data ?? [], O = E.dataUpdatedAt > 0 ? E.dataUpdatedAt : Date.now(), A = O - v.windowMs, j = t(() => {
+		if (D.length === 0) return 1;
+		let e = D.reduce((e, t) => Math.max(e, t.count), 0);
 		return Math.max(1, Math.ceil(e * 1.15));
-	}, [E]), j = t(() => Ee(E, y, A), [
-		E,
-		y,
-		A
-	]), ee = t(() => te(k, D, y, U.left, U.right, 5), [
-		k,
+	}, [D]), M = t(() => Oe(D, b, j), [
 		D,
-		y
-	]), F = t(() => De(A), [A]);
+		b,
+		j
+	]), F = t(() => te(A, O, b, U.left, U.right, 5), [
+		A,
+		O,
+		b
+	]), ne = t(() => ke(j), [j]);
 	return /* @__PURE__ */ h("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
 		children: [/* @__PURE__ */ h("div", {
 			className: "border-b border-border px-4 py-2 flex items-center justify-between gap-3",
 			children: [/* @__PURE__ */ h("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ m(O, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ m("h2", {
+				children: [/* @__PURE__ */ m(k, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ m("h2", {
 					className: "text-xs font-semibold text-foreground uppercase tracking-wider",
 					children: "Occupancy History"
 				})]
 			}), /* @__PURE__ */ h("div", {
 				className: "flex items-center gap-2",
-				children: [w.length > 0 && /* @__PURE__ */ h("select", {
+				children: [T.length > 0 && /* @__PURE__ */ h("select", {
 					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",
@@ -854,36 +864,36 @@ function we({ deviceId: n }) {
 					children: [/* @__PURE__ */ m("option", {
 						value: W,
 						children: "All classes"
-					}), w.map((e) => /* @__PURE__ */ m("option", {
+					}), T.map((e) => /* @__PURE__ */ m("option", {
 						value: e,
 						children: e
 					}, e))]
-				}), /* @__PURE__ */ m(M, {
-					presets: Ce,
+				}), /* @__PURE__ */ m(N, {
+					presets: Te,
 					value: c,
 					onChange: u
 				})]
 			})]
 		}), /* @__PURE__ */ h("div", {
-			ref: v,
+			ref: y,
 			className: "p-3 min-w-0 relative",
-			children: [E.length === 0 ? /* @__PURE__ */ m("div", {
+			children: [D.length === 0 ? /* @__PURE__ */ m("div", {
 				className: "flex items-center justify-center h-32 text-[11px] text-foreground-subtle italic",
-				children: T.isLoading ? "Loading…" : "No occupancy history yet — analytics pipeline must be active."
-			}) : y === 0 ? /* @__PURE__ */ m("div", { className: "h-32" }) : /* @__PURE__ */ h(g, { children: [/* @__PURE__ */ h("svg", {
-				ref: x,
+				children: E.isLoading ? "Loading…" : "No occupancy history yet — analytics pipeline must be active."
+			}) : b === 0 ? /* @__PURE__ */ m("div", { className: "h-32" }) : /* @__PURE__ */ h(g, { children: [/* @__PURE__ */ h("svg", {
+				ref: S,
 				role: "img",
 				"aria-label": "Frame occupancy history",
 				width: "100%",
 				height: H,
-				viewBox: `0 0 ${y} ${H}`,
+				viewBox: `0 0 ${b} ${H}`,
 				preserveAspectRatio: "none",
 				className: "block",
-				onMouseLeave: () => b.bindHover(null),
+				onMouseLeave: () => x.bindHover(null),
 				children: [
-					F.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
+					ne.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
 						x1: U.left,
-						x2: y - U.right,
+						x2: b - U.right,
 						y1: e,
 						y2: e,
 						stroke: "currentColor",
@@ -896,22 +906,22 @@ function we({ deviceId: n }) {
 						className: "text-[9px] fill-foreground-subtle",
 						children: t
 					})] }, `y-${n}`)),
-					ee.map(({ x: e, label: t }, n) => /* @__PURE__ */ m("text", {
+					F.map(({ x: e, label: t }, n) => /* @__PURE__ */ m("text", {
 						x: e,
 						y: H - U.bottom + 12,
 						textAnchor: "middle",
 						className: "text-[9px] fill-foreground-subtle",
 						children: t
 					}, `x-${n}`)),
-					j && /* @__PURE__ */ m("path", {
-						d: j,
+					M && /* @__PURE__ */ m("path", {
+						d: M,
 						fill: "none",
 						stroke: "currentColor",
 						className: "text-primary",
 						strokeWidth: 1.5
 					}),
-					E.map((e, t) => {
-						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;
+					D.map((e, t) => {
+						let n = ee(t, D.length, b, U.left, U.right), r = De(e.count, j), i = H - U.top - U.bottom, a = D.length > 1 ? (b - U.left - U.right) / (D.length - 1) : 24;
 						return /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("circle", {
 							cx: n,
 							cy: r,
@@ -925,16 +935,16 @@ function we({ deviceId: n }) {
 							height: i,
 							fill: "transparent",
 							onMouseEnter: () => {
-								b.bindHover({
-									anchorX: S(n),
+								x.bindHover({
+									anchorX: C(n),
 									anchorY: r,
-									title: `${Oe(e.ts)} · ${e.count} object${e.count === 1 ? "" : "s"}`,
+									title: `${Ae(e.ts)} · ${e.count} object${e.count === 1 ? "" : "s"}`,
 									rows: [{
 										label: "Class",
 										value: d === W ? "all" : d
 									}, {
 										label: "Bucket",
-										value: _.resolution
+										value: "5 min"
 									}]
 								});
 							}
@@ -942,41 +952,38 @@ function we({ deviceId: n }) {
 					})
 				]
 			}), /* @__PURE__ */ m(L, {
-				state: b.state,
-				containerWidth: y
-			})] }), E.length > 0 && /* @__PURE__ */ h("div", {
+				state: x.state,
+				containerWidth: b
+			})] }), D.length > 0 && /* @__PURE__ */ h("div", {
 				className: "flex items-center justify-between text-[10px] text-foreground-subtle mt-1",
 				children: [/* @__PURE__ */ h("span", { children: [
-					E.length,
+					D.length,
 					" bucket",
-					E.length === 1 ? "" : "s",
-					" · ",
-					_.resolution,
-					" ",
-					"resolution"
+					D.length === 1 ? "" : "s",
+					" · 5 min resolution"
 				] }), /* @__PURE__ */ h("span", { children: [
 					"peak ",
-					E.reduce((e, t) => Math.max(e, t.count), 0),
+					D.reduce((e, t) => Math.max(e, t.count), 0),
 					" obj"
 				] })]
 			})]
 		})]
 	});
 }
-function Te(e, t) {
+function De(e, t) {
 	let n = H - U.top - U.bottom, r = Math.min(1, e / t);
 	return U.top + (1 - r) * n;
 }
-function Ee(e, t, n) {
+function Oe(e, t, n) {
 	if (e.length === 0) return null;
 	let r = [];
 	for (let i = 0; i < e.length; i++) {
-		let a = P(i, e.length, t, U.left, U.right), o = Te(e[i].count, n);
+		let a = ee(i, e.length, t, U.left, U.right), o = De(e[i].count, n);
 		r.push(`${i === 0 ? "M" : "L"} ${a.toFixed(1)} ${o.toFixed(1)}`);
 	}
 	return r.join(" ");
 }
-function De(e) {
+function ke(e) {
 	let t = [];
 	for (let n = 0; n < 4; n++) {
 		let r = n / 3, i = Math.round(e * r), a = H - U.top - U.bottom;
@@ -987,7 +994,7 @@ function De(e) {
 	}
 	return t;
 }
-function Oe(e) {
+function Ae(e) {
 	let t = new Date(e);
 	return `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
 }
@@ -1012,7 +1019,7 @@ var G = {
 		bucketMs: 15 * 6e4,
 		pollIntervalMs: 3e5
 	}
-}, ke = [
+}, je = [
 	{
 		id: "1h",
 		label: G["1h"].label
@@ -1025,14 +1032,14 @@ var G = {
 		id: "24h",
 		label: G["24h"].label
 	}
-], Ae = 5e3, K = 140, q = {
+], Me = 5e3, K = 140, q = {
 	top: 14,
 	right: 12,
 	bottom: 24,
 	left: 32
 };
-function je({ deviceId: n }) {
-	let i = s(l().trpcClient, n), [a, c] = r("1h"), u = G[a], [d, f] = N(), p = I(), _ = e(null), v = (e) => {
+function Ne({ deviceId: n }) {
+	let i = s(l().trpcClient, n), [a, c] = r("1h"), u = G[a], [d, f] = P(), p = I(), _ = e(null), v = (e) => {
 		let t = _.current;
 		if (!t) return e;
 		let n = t.getBoundingClientRect();
@@ -1049,13 +1056,13 @@ function je({ deviceId: n }) {
 			let e = Date.now() - u.windowMs;
 			return await i.pipelineAnalytics?.getMotionEvents({
 				since: e,
-				limit: Ae
+				limit: Me
 			}) ?? [];
 		},
 		enabled: !!i,
 		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 = y.data ?? [], x = y.dataUpdatedAt > 0 ? y.dataUpdatedAt : Date.now(), S = x - u.windowMs, C = t(() => Pe(b, S, x, u.bucketMs), [
 		b,
 		S,
 		x,
@@ -1064,23 +1071,23 @@ function je({ deviceId: n }) {
 		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(() => te(S, x, f, q.left, q.right, 5), [
+	}, [C]), T = t(() => te(S, x, f, q.left, q.right, 5), [
 		S,
 		x,
 		f
-	]), D = t(() => Pe(w), [w]), O = b.length;
+	]), D = t(() => Ie(w), [w]), O = b.length;
 	return /* @__PURE__ */ h("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
 		children: [/* @__PURE__ */ h("div", {
 			className: "border-b border-border px-4 py-2 flex items-center justify-between gap-3",
 			children: [/* @__PURE__ */ h("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ m(T, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ m("h2", {
+				children: [/* @__PURE__ */ m(E, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ m("h2", {
 					className: "text-xs font-semibold text-foreground uppercase tracking-wider",
 					children: "Motion History"
 				})]
-			}), /* @__PURE__ */ m(M, {
-				presets: ke,
+			}), /* @__PURE__ */ m(N, {
+				presets: je,
 				value: a,
 				onChange: c
 			})]
@@ -1116,7 +1123,7 @@ function je({ deviceId: n }) {
 						className: "text-[9px] fill-foreground-subtle",
 						children: t
 					})] }, `y-${n}`)),
-					E.map(({ x: e, label: t }, n) => /* @__PURE__ */ m("text", {
+					T.map(({ x: e, label: t }, n) => /* @__PURE__ */ m("text", {
 						x: e,
 						y: K - q.bottom + 12,
 						textAnchor: "middle",
@@ -1124,7 +1131,7 @@ function je({ deviceId: n }) {
 						children: t
 					}, `x-${n}`)),
 					C.map((e, t) => {
-						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;
+						let { x: n, w: r } = Fe(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,
@@ -1143,10 +1150,10 @@ function je({ deviceId: n }) {
 								p.bindHover({
 									anchorX: v(n + r / 2),
 									anchorY: o,
-									title: `${Fe(e.bucketStart, s)} · ${e.count} event${e.count === 1 ? "" : "s"}`,
+									title: `${Le(e.bucketStart, s)} · ${e.count} event${e.count === 1 ? "" : "s"}`,
 									rows: [{
 										label: "Bucket",
-										value: Ie(u.bucketMs)
+										value: Re(u.bucketMs)
 									}, {
 										label: "Count",
 										value: `${e.count}`
@@ -1166,7 +1173,7 @@ function je({ deviceId: n }) {
 					" event",
 					O === 1 ? "" : "s",
 					" · ",
-					Ie(u.bucketMs),
+					Re(u.bucketMs),
 					" ",
 					"buckets"
 				] }), /* @__PURE__ */ h("span", { children: [
@@ -1178,7 +1185,7 @@ function je({ deviceId: n }) {
 		})]
 	});
 }
-function Me(e, t, n, r) {
+function Pe(e, t, n, r) {
 	if (n <= t) return [];
 	let i = Math.floor(t / r) * r, a = Math.floor(n / r) * r, o = /* @__PURE__ */ new Map();
 	for (let e = i; e <= a; e += r) o.set(e, 0);
@@ -1192,14 +1199,14 @@ function Me(e, t, n, r) {
 		count: t
 	}));
 }
-function Ne(e, t, n, r, i) {
+function Fe(e, t, n, r, i) {
 	let a = Math.max(1, r - n), o = i - q.left - q.right;
 	return {
 		x: q.left + (e - n) / a * o,
 		w: t / a * o
 	};
 }
-function Pe(e) {
+function Ie(e) {
 	let t = [];
 	for (let n = 0; n < 4; n++) {
 		let r = n / 3, i = Math.round(e * r), a = K - q.top - q.bottom;
@@ -1210,14 +1217,14 @@ function Pe(e) {
 	}
 	return t;
 }
-function Fe(e, t) {
+function Le(e, t) {
 	let n = (e) => {
 		let t = new Date(e);
 		return `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
 	};
 	return `${n(e)}–${n(t)}`;
 }
-function Ie(e) {
+function Re(e) {
 	return e >= 60 * 6e4 ? `${Math.round(e / 6e4 / 60)}h` : e >= 6e4 ? `${Math.round(e / 6e4)}m` : `${Math.round(e / 1e3)}s`;
 }
 //#endregion
@@ -1241,7 +1248,7 @@ var J = {
 		bucketMs: 15 * 6e4,
 		pollIntervalMs: 3e5
 	}
-}, Le = [
+}, ze = [
 	{
 		id: "1h",
 		label: J["1h"].label
@@ -1254,14 +1261,14 @@ var J = {
 		id: "24h",
 		label: J["24h"].label
 	}
-], Re = 5e3, ze = 4, Y = "__other__", X = "__all__", Z = 160, Q = {
+], Be = 5e3, Ve = 4, Y = "__other__", X = "__all__", Z = 160, Q = {
 	top: 14,
 	right: 12,
 	bottom: 24,
 	left: 32
 };
-function Be({ deviceId: n }) {
-	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({
+function He({ deviceId: n }) {
+	let a = s(l().trpcClient, n), [c, u] = r("1h"), [d, f] = r(X), p = J[c], [_, v] = P(), y = I(), b = e(null), x = o({
 		queryKey: [
 			"pipeline-analytics",
 			n,
@@ -1273,7 +1280,7 @@ function Be({ deviceId: n }) {
 			let e = Date.now() - p.windowMs;
 			return await a.pipelineAnalytics?.getObjectEvents({
 				since: e,
-				limit: Re
+				limit: Be
 			}) ?? [];
 		},
 		enabled: !!a,
@@ -1291,12 +1298,12 @@ function Be({ deviceId: n }) {
 		S,
 		E
 	]);
-	let O = t(() => Ve(C, ze), [C]), k = t(() => He(C, T, w, p.bucketMs, O), [
+	let D = t(() => Ue(C, Ve), [C]), k = t(() => We(C, T, w, p.bucketMs, D), [
 		C,
 		T,
 		w,
 		p.bucketMs,
-		O
+		D
 	]), A = t(() => {
 		if (k.length === 0) return 1;
 		let e = k.reduce((e, t) => Math.max(e, t.total), 0);
@@ -1305,10 +1312,10 @@ function Be({ deviceId: n }) {
 		T,
 		w,
 		v
-	]), 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]), F = (e) => {
+	]), M = t(() => Ke(A), [A]), F = t(() => {
+		let e = D.map((e) => e.className);
+		return C.some((e) => !D.some((t) => t.className === e.className)) && e.push(Y), e;
+	}, [C, D]), ee = (e) => {
 		let t = b.current;
 		if (!t) return e;
 		let n = t.getBoundingClientRect();
@@ -1320,7 +1327,7 @@ function Be({ deviceId: n }) {
 			className: "border-b border-border px-4 py-2 flex items-center justify-between gap-3",
 			children: [/* @__PURE__ */ h("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ m(D, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ m("h2", {
+				children: [/* @__PURE__ */ m(O, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ m("h2", {
 					className: "text-xs font-semibold text-foreground uppercase tracking-wider",
 					children: "Detection History"
 				})]
@@ -1338,8 +1345,8 @@ function Be({ deviceId: n }) {
 						value: e,
 						children: e
 					}, e))]
-				}), /* @__PURE__ */ m(M, {
-					presets: Le,
+				}), /* @__PURE__ */ m(N, {
+					presets: ze,
 					value: c,
 					onChange: u
 				})]
@@ -1362,7 +1369,7 @@ function Be({ deviceId: n }) {
 					className: "block",
 					onMouseLeave: () => y.bindHover(null),
 					children: [
-						ee.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
+						M.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
 							x1: Q.left,
 							x2: v - Q.right,
 							y1: e,
@@ -1386,12 +1393,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, 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 { x: n, w: r } = Ge(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 = F.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" : ne(a);
+								let u = t === Y ? "#94a3b8" : re(a);
 								return /* @__PURE__ */ m("rect", {
 									x: n,
 									y: l,
@@ -1409,15 +1416,15 @@ function Be({ deviceId: n }) {
 								fill: "transparent",
 								onMouseEnter: () => {
 									y.bindHover({
-										anchorX: F(n + r / 2),
+										anchorX: ee(n + r / 2),
 										anchorY: o,
-										title: `${Ge(e.bucketStart, l, p.bucketMs)} · ${e.total} detection${e.total === 1 ? "" : "s"}`,
-										rows: P.map((t, n) => {
+										title: `${qe(e.bucketStart, l, p.bucketMs)} · ${e.total} detection${e.total === 1 ? "" : "s"}`,
+										rows: F.map((t, n) => {
 											let r = e.byClass[t] ?? 0;
 											return r === 0 ? null : {
 												label: t === Y ? "other" : t,
 												value: `${r}`,
-												colour: t === Y ? "#94a3b8" : ne(n)
+												colour: t === Y ? "#94a3b8" : re(n)
 											};
 										}).filter((e) => e !== null)
 									});
@@ -1430,7 +1437,7 @@ function Be({ deviceId: n }) {
 					state: y.state,
 					containerWidth: v
 				}),
-				/* @__PURE__ */ m(qe, { stackOrder: P })
+				/* @__PURE__ */ m(Ye, { stackOrder: F })
 			] }), C.length > 0 && /* @__PURE__ */ h("div", {
 				className: "flex items-center justify-between text-[10px] text-foreground-subtle mt-1",
 				children: [/* @__PURE__ */ h("span", { children: [
@@ -1439,7 +1446,7 @@ function Be({ deviceId: n }) {
 					C.length === 1 ? "" : "s",
 					" ·",
 					" ",
-					Ke(p.bucketMs),
+					Je(p.bucketMs),
 					" buckets"
 				] }), /* @__PURE__ */ h("span", { children: [
 					"peak ",
@@ -1450,7 +1457,7 @@ function Be({ deviceId: n }) {
 		})]
 	});
 }
-function Ve(e, t) {
+function Ue(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let t of e) n.set(t.className, (n.get(t.className) ?? 0) + 1);
 	return [...n.entries()].toSorted(([, e], [, t]) => t - e).slice(0, t).map(([e, t]) => ({
@@ -1458,7 +1465,7 @@ function Ve(e, t) {
 		count: t
 	}));
 }
-function He(e, t, n, r, i) {
+function We(e, t, n, r, i) {
 	if (n <= t) return [];
 	let a = new Set(i.map((e) => e.className)), o = Math.floor(t / r) * r, s = Math.floor(n / r) * r, c = /* @__PURE__ */ new Map();
 	for (let e = o; e <= s; e += r) c.set(e, {
@@ -1479,14 +1486,14 @@ function He(e, t, n, r, i) {
 		byClass: t.byClass
 	}));
 }
-function Ue(e, t, n, r, i) {
+function Ge(e, t, n, r, i) {
 	let a = Math.max(1, r - n), o = i - Q.left - Q.right;
 	return {
 		x: Q.left + (e - n) / a * o,
 		w: t / a * o
 	};
 }
-function We(e) {
+function Ke(e) {
 	let t = [];
 	for (let n = 0; n < 4; n++) {
 		let r = n / 3, i = Math.round(e * r), a = Z - Q.top - Q.bottom;
@@ -1497,48 +1504,48 @@ function We(e) {
 	}
 	return t;
 }
-function Ge(e, t, n) {
+function qe(e, t, n) {
 	let r = (e) => `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
 	return `${r(new Date(e))}–${r(new Date(t))}`;
 }
-function Ke(e) {
+function Je(e) {
 	return e >= 60 * 6e4 ? `${Math.round(e / 6e4 / 60)}h` : e >= 6e4 ? `${Math.round(e / 6e4)}m` : `${Math.round(e / 1e3)}s`;
 }
-function qe({ stackOrder: e }) {
+function Ye({ stackOrder: e }) {
 	return e.length === 0 ? null : /* @__PURE__ */ m("div", {
 		className: "flex flex-wrap gap-2 mt-2 px-1",
 		children: e.map((e, t) => /* @__PURE__ */ h("span", {
 			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" : ne(t) }
+				style: { backgroundColor: e === Y ? "#94a3b8" : re(t) }
 			}), /* @__PURE__ */ m("span", { children: e === Y ? "other" : e })]
 		}, e))
 	});
 }
 //#endregion
 //#region src/pipeline-analytics/widgets/OccupancyPanel.tsx
-function Je({ dev: e, deviceId: t, title: n = "Live Occupancy", variant: r = "full" }) {
+function Xe({ dev: e, deviceId: t, title: n = "Live Occupancy", variant: r = "full" }) {
 	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, {
+	return o ? /* @__PURE__ */ m(Ze, {
 		title: n,
 		variant: r,
 		ts: o.ts,
 		children: /* @__PURE__ */ h("div", {
 			className: r === "compact" ? "space-y-2" : "grid grid-cols-1 2xl:grid-cols-3 gap-3",
 			children: [
-				/* @__PURE__ */ m(Ze, { frame: o.frame }),
-				/* @__PURE__ */ m($e, { snapshot: o }),
-				/* @__PURE__ */ m(Qe, { unzoned: o.unzoned })
+				/* @__PURE__ */ m($e, { frame: o.frame }),
+				/* @__PURE__ */ m(tt, { snapshot: o }),
+				/* @__PURE__ */ m(et, { unzoned: o.unzoned })
 			]
 		})
-	}) : /* @__PURE__ */ m(Ye, {
+	}) : /* @__PURE__ */ m(Ze, {
 		title: n,
 		variant: r,
-		children: /* @__PURE__ */ m(Xe, { message: a ? "No occupancy data yet — analytics pipeline must be active for this device." : "Resolving device…" })
+		children: /* @__PURE__ */ m(Qe, { message: a ? "No occupancy data yet — analytics pipeline must be active for this device." : "Resolving device…" })
 	});
 }
-function Ye({ title: e, variant: t, ts: n, children: r }) {
+function Ze({ title: e, variant: t, ts: n, children: r }) {
 	let i = n ? Math.max(0, Math.floor((Date.now() - n) / 1e3)) : null;
 	return /* @__PURE__ */ h("div", {
 		className: t === "compact" ? "rounded-md border border-border/60 bg-surface/60 p-3" : "rounded-lg border border-border bg-surface overflow-hidden",
@@ -1557,36 +1564,36 @@ function Ye({ title: e, variant: t, ts: n, children: r }) {
 		})]
 	});
 }
-function Xe({ message: e }) {
+function Qe({ message: e }) {
 	return /* @__PURE__ */ h("div", {
 		className: "px-4 py-6 flex flex-col items-center text-center text-foreground-subtle",
-		children: [/* @__PURE__ */ m(O, { className: "h-5 w-5 mb-2 opacity-30" }), /* @__PURE__ */ m("p", {
+		children: [/* @__PURE__ */ m(k, { className: "h-5 w-5 mb-2 opacity-30" }), /* @__PURE__ */ m("p", {
 			className: "text-[11px]",
 			children: e
 		})]
 	});
 }
-function Ze({ frame: e }) {
-	return /* @__PURE__ */ m(et, {
-		icon: /* @__PURE__ */ m(E, { className: "h-3.5 w-3.5" }),
+function $e({ frame: e }) {
+	return /* @__PURE__ */ m(nt, {
+		icon: /* @__PURE__ */ m(D, { className: "h-3.5 w-3.5" }),
 		label: "Frame total",
 		total: e.totalObjects,
 		byClass: e.byClass,
 		tone: "default"
 	});
 }
-function Qe({ unzoned: e }) {
-	return /* @__PURE__ */ m(et, {
-		icon: /* @__PURE__ */ m(k, { className: "h-3.5 w-3.5" }),
+function et({ unzoned: e }) {
+	return /* @__PURE__ */ m(nt, {
+		icon: /* @__PURE__ */ m(A, { className: "h-3.5 w-3.5" }),
 		label: "Outside any zone",
 		total: e.totalObjects,
 		byClass: e.byClass,
 		tone: "muted"
 	});
 }
-function $e({ snapshot: e }) {
-	return e.zones.length === 0 ? /* @__PURE__ */ m(et, {
-		icon: /* @__PURE__ */ m(O, { className: "h-3.5 w-3.5" }),
+function tt({ snapshot: e }) {
+	return e.zones.length === 0 ? /* @__PURE__ */ m(nt, {
+		icon: /* @__PURE__ */ m(k, { className: "h-3.5 w-3.5" }),
 		label: "Per-zone",
 		total: 0,
 		byClass: {},
@@ -1597,7 +1604,7 @@ function $e({ snapshot: e }) {
 		children: [/* @__PURE__ */ h("div", {
 			className: "px-3 py-1.5 border-b border-border/40 flex items-center gap-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle",
 			children: [
-				/* @__PURE__ */ m(O, { className: "h-3.5 w-3.5" }),
+				/* @__PURE__ */ m(k, { className: "h-3.5 w-3.5" }),
 				/* @__PURE__ */ m("span", { children: "Per-zone" }),
 				/* @__PURE__ */ m("span", {
 					className: "ml-auto text-[10px] normal-case tracking-normal",
@@ -1617,12 +1624,12 @@ function $e({ snapshot: e }) {
 						className: "rounded-full px-2 py-0.5 text-[10px] font-medium bg-foreground-subtle/10 text-foreground-subtle border border-border",
 						children: e.totalObjects
 					})]
-				}), /* @__PURE__ */ m(tt, { byClass: e.byClass })]
+				}), /* @__PURE__ */ m(rt, { byClass: e.byClass })]
 			}, e.zoneId))
 		})]
 	});
 }
-function et({ icon: e, label: t, total: n, byClass: r, tone: i, emptyMessage: a }) {
+function nt({ icon: e, label: t, total: n, byClass: r, tone: i, emptyMessage: a }) {
 	let o = Object.keys(r).length;
 	return /* @__PURE__ */ h("div", {
 		className: i === "muted" ? "rounded-md border border-border/40 bg-background/20 px-3 py-2" : "rounded-md border border-border/60 bg-background/40 px-3 py-2",
@@ -1639,10 +1646,10 @@ function et({ icon: e, label: t, total: n, byClass: r, tone: i, emptyMessage: a
 		}), o === 0 ? /* @__PURE__ */ m("span", {
 			className: "text-[10px] text-foreground-subtle italic",
 			children: a ?? "no objects"
-		}) : /* @__PURE__ */ m(tt, { byClass: r })]
+		}) : /* @__PURE__ */ m(rt, { byClass: r })]
 	});
 }
-function tt({ byClass: e }) {
+function rt({ byClass: e }) {
 	let n = t(() => Object.entries(e).sort(([, e], [, t]) => t - e), [e]);
 	return n.length === 0 ? /* @__PURE__ */ m("span", {
 		className: "text-[10px] text-foreground-subtle italic",
@@ -1660,7 +1667,7 @@ function tt({ byClass: e }) {
 }
 //#endregion
 //#region src/pipeline-analytics/widgets/LiveStatsTab.tsx
-function nt({ deviceId: e }) {
+function it({ deviceId: e }) {
 	return /* @__PURE__ */ h("div", {
 		className: d,
 		children: [
@@ -1708,35 +1715,35 @@ function $({ name: e }) {
 		children: [e, " requires a deviceId"]
 	});
 }
-function rt(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "AudioHistoryChart" }) : /* @__PURE__ */ m(se, { deviceId: e.deviceId });
-}
-function it(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "AudioMetricsPanel" }) : /* @__PURE__ */ m(_e, { deviceId: e.deviceId });
-}
 function at(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "OccupancyHistoryChart" }) : /* @__PURE__ */ m(we, { deviceId: e.deviceId });
+	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "AudioHistoryChart" }) : /* @__PURE__ */ m(ce, { deviceId: e.deviceId });
 }
 function ot(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "MotionHistoryChart" }) : /* @__PURE__ */ m(je, { deviceId: e.deviceId });
+	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "AudioMetricsPanel" }) : /* @__PURE__ */ m(ve, { deviceId: e.deviceId });
 }
 function st(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "DetectionHistoryChart" }) : /* @__PURE__ */ m(Be, { deviceId: e.deviceId });
+	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "OccupancyHistoryChart" }) : /* @__PURE__ */ m(Ee, { deviceId: e.deviceId });
 }
 function ct(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "LiveOccupancyPanel" }) : /* @__PURE__ */ m(Je, { deviceId: e.deviceId });
+	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "MotionHistoryChart" }) : /* @__PURE__ */ m(Ne, { deviceId: e.deviceId });
 }
 function lt(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "LiveStats" }) : /* @__PURE__ */ m(nt, { deviceId: e.deviceId });
+	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "DetectionHistoryChart" }) : /* @__PURE__ */ m(He, { deviceId: e.deviceId });
+}
+function ut(e) {
+	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "LiveOccupancyPanel" }) : /* @__PURE__ */ m(Xe, { deviceId: e.deviceId });
+}
+function dt(e) {
+	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "LiveStats" }) : /* @__PURE__ */ m(it, { deviceId: e.deviceId });
 }
-var ut = {
-	"audio-history-chart": rt,
-	"audio-metrics-panel": it,
-	"occupancy-history-chart": at,
-	"motion-history-chart": ot,
-	"detection-history-chart": st,
-	"live-occupancy-panel": ct,
-	"live-stats": lt
+var ft = {
+	"audio-history-chart": at,
+	"audio-metrics-panel": ot,
+	"occupancy-history-chart": st,
+	"motion-history-chart": ct,
+	"detection-history-chart": lt,
+	"live-occupancy-panel": ut,
+	"live-stats": dt
 };
 //#endregion
-export { ut as default };
+export { ft as default };