@camstack/addon-post-analysis 0.1.20 → 0.2.1

package/dist/pipeline-analytics/_stub.js

@@ -1,1462 +1,1746 @@
-import { _ as n, a as i, b as ie } from "./__mfe_internal__addon_pipeline_analytics_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-BsyrX6NO.mjs";
-import { a as Ae, b as pe, c as Q, d as H, e as ye, f as k } from "./__mfe_internal__addon_pipeline_analytics_widgets__loadShare__react__loadShare__.mjs-D1qPKjvR.mjs";
-import { _ as le } from "./__mfe_internal__addon_pipeline_analytics_widgets__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.mjs-DoWbefqS.mjs";
-import { _ as Y, a as J, b as Pe, c as ve, d as ze, e as Xe, f as B } from "./__mfe_internal__addon_pipeline_analytics_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.mjs-BgOHCakr.mjs";
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ye = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), qe = (e) => e.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (t, o, r) => r ? r.toUpperCase() : o.toLowerCase()
-), Me = (e) => {
-  const t = qe(e);
-  return t.charAt(0).toUpperCase() + t.slice(1);
-}, Fe = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t) === o).join(" ").trim(), Ge = (e) => {
-  for (const t in e)
-    if (t.startsWith("aria-") || t === "role" || t === "title")
-      return !0;
-};
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-var Ue = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ve = Ae(
-  ({
-    color: e = "currentColor",
-    size: t = 24,
-    strokeWidth: o = 2,
-    absoluteStrokeWidth: r,
-    className: a = "",
-    children: s,
-    iconNode: d,
-    ...l
-  }, f) => pe(
-    "svg",
-    {
-      ref: f,
-      ...Ue,
-      width: t,
-      height: t,
-      stroke: e,
-      strokeWidth: r ? Number(o) * 24 / Number(t) : o,
-      className: Fe("lucide", a),
-      ...!s && !Ge(l) && { "aria-hidden": "true" },
-      ...l
-    },
-    [
-      ...d.map(([u, N]) => pe(u, N)),
-      ...Array.isArray(s) ? s : [s]
-    ]
-  )
-);
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const j = (e, t) => {
-  const o = Ae(
-    ({ className: r, ...a }, s) => pe(Ve, {
-      ref: s,
-      iconNode: t,
-      className: Fe(
-        `lucide-${Ye(Me(e))}`,
-        `lucide-${e}`,
-        r
-      ),
-      ...a
-    })
-  );
-  return o.displayName = Me(e), o;
-};
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ze = [
-  [
-    "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"
-    }
-  ]
-], K = j("activity", Ze);
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ke = [
-  [
-    "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"
-    }
-  ],
-  ["path", { d: "m7 16.5-4.74-2.85", key: "1o9zyk" }],
-  ["path", { d: "m7 16.5 5-3", key: "va8pkn" }],
-  ["path", { d: "M7 16.5v5.17", key: "jnp8gn" }],
-  [
-    "path",
-    {
-      d: "M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z",
-      key: "8zsnat"
-    }
-  ],
-  ["path", { d: "m17 16.5-5-3", key: "8arw3v" }],
-  ["path", { d: "m17 16.5 4.74-2.85", key: "8rfmw" }],
-  ["path", { d: "M17 16.5v5.17", key: "k6z78m" }],
-  [
-    "path",
-    {
-      d: "M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z",
-      key: "1xygjf"
-    }
-  ],
-  ["path", { d: "M12 8 7.26 5.15", key: "1vbdud" }],
-  ["path", { d: "m12 8 4.74-2.85", key: "3rx089" }],
-  ["path", { d: "M12 13.5V8", key: "1io7kd" }]
-], Qe = j("boxes", Ke);
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Je = [
-  [
-    "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", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], et = j("eye", Je);
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const tt = [
-  [
-    "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"
-    }
-  ],
-  [
-    "path",
-    {
-      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
-      key: "1wduqc"
-    }
-  ],
-  [
-    "path",
-    {
-      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"
-    }
-  ]
-], oe = j("layers", tt);
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const nt = [
-  ["path", { d: "M12.75 7.09a3 3 0 0 1 2.16 2.16", key: "1d4wjd" }],
-  [
-    "path",
-    {
-      d: "M17.072 17.072c-1.634 2.17-3.527 3.912-4.471 4.727a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 1.432-4.568",
-      key: "12yil7"
-    }
-  ],
-  ["path", { d: "m2 2 20 20", key: "1ooewy" }],
-  ["path", { d: "M8.475 2.818A8 8 0 0 1 20 10c0 1.183-.31 2.377-.81 3.533", key: "lhrkcz" }],
-  ["path", { d: "M9.13 9.13a3 3 0 0 0 3.74 3.74", key: "13wojd" }]
-], rt = j("map-pin-off", nt);
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ot = [
-  ["line", { x1: "2", x2: "22", y1: "2", y2: "22", key: "a6p6uj" }],
-  ["path", { d: "M18.89 13.23A7.12 7.12 0 0 0 19 12v-2", key: "80xlxr" }],
-  ["path", { d: "M5 10v2a7 7 0 0 0 12 5", key: "p2k8kg" }],
-  ["path", { d: "M15 9.34V5a3 3 0 0 0-5.68-1.33", key: "1gzdoj" }],
-  ["path", { d: "M9 9v3a3 3 0 0 0 5.12 2.12", key: "r2i35w" }],
-  ["line", { x1: "12", x2: "12", y1: "19", y2: "22", key: "x3vr5v" }]
-], st = j("mic-off", ot);
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const at = [
-  ["path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z", key: "131961" }],
-  ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
-  ["line", { x1: "12", x2: "12", y1: "19", y2: "22", key: "x3vr5v" }]
-], it = j("mic", at);
-function ce({
-  presets: e,
-  value: t,
-  onChange: o
-}) {
-  return /* @__PURE__ */ n("div", { className: "flex items-center gap-1 border border-border rounded-md p-0.5 bg-background", children: e.map(({ id: r, label: a }) => /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      onClick: () => o(r),
-      className: `px-2 py-0.5 rounded text-[10px] font-medium transition-colors ${t === r ? "bg-primary/10 text-primary" : "text-foreground-subtle hover:text-foreground"}`,
-      children: a
-    },
-    r
-  )) });
+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-DJvmVCso.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) => {
+	let t = v(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, b = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), x = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+}, S = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, C = n(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: o, iconNode: s, ...c }, l) => a("svg", {
+	ref: l,
+	...S,
+	width: t,
+	height: t,
+	stroke: e,
+	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
+	className: b("lucide", i),
+	...!o && !x(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, {
+		ref: i,
+		iconNode: t,
+		className: b(`lucide-${_(y(e))}`, `lucide-${e}`, n),
+		...r
+	}));
+	return r.displayName = y(e), r;
+}, T = w("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", [
+	["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"
+	}],
+	["path", {
+		d: "m7 16.5-4.74-2.85",
+		key: "1o9zyk"
+	}],
+	["path", {
+		d: "m7 16.5 5-3",
+		key: "va8pkn"
+	}],
+	["path", {
+		d: "M7 16.5v5.17",
+		key: "jnp8gn"
+	}],
+	["path", {
+		d: "M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z",
+		key: "8zsnat"
+	}],
+	["path", {
+		d: "m17 16.5-5-3",
+		key: "8arw3v"
+	}],
+	["path", {
+		d: "m17 16.5 4.74-2.85",
+		key: "8rfmw"
+	}],
+	["path", {
+		d: "M17 16.5v5.17",
+		key: "k6z78m"
+	}],
+	["path", {
+		d: "M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z",
+		key: "1xygjf"
+	}],
+	["path", {
+		d: "M12 8 7.26 5.15",
+		key: "1vbdud"
+	}],
+	["path", {
+		d: "m12 8 4.74-2.85",
+		key: "3rx089"
+	}],
+	["path", {
+		d: "M12 13.5V8",
+		key: "1io7kd"
+	}]
+]), D = w("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", {
+	cx: "12",
+	cy: "12",
+	r: "3",
+	key: "1v7zrd"
+}]]), O = w("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"
+	}],
+	["path", {
+		d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+		key: "1wduqc"
+	}],
+	["path", {
+		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", [
+	["path", {
+		d: "M12.75 7.09a3 3 0 0 1 2.16 2.16",
+		key: "1d4wjd"
+	}],
+	["path", {
+		d: "M17.072 17.072c-1.634 2.17-3.527 3.912-4.471 4.727a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 1.432-4.568",
+		key: "12yil7"
+	}],
+	["path", {
+		d: "m2 2 20 20",
+		key: "1ooewy"
+	}],
+	["path", {
+		d: "M8.475 2.818A8 8 0 0 1 20 10c0 1.183-.31 2.377-.81 3.533",
+		key: "lhrkcz"
+	}],
+	["path", {
+		d: "M9.13 9.13a3 3 0 0 0 3.74 3.74",
+		key: "13wojd"
+	}]
+]), A = w("mic-off", [
+	["line", {
+		x1: "2",
+		x2: "22",
+		y1: "2",
+		y2: "22",
+		key: "a6p6uj"
+	}],
+	["path", {
+		d: "M18.89 13.23A7.12 7.12 0 0 0 19 12v-2",
+		key: "80xlxr"
+	}],
+	["path", {
+		d: "M5 10v2a7 7 0 0 0 12 5",
+		key: "p2k8kg"
+	}],
+	["path", {
+		d: "M15 9.34V5a3 3 0 0 0-5.68-1.33",
+		key: "1gzdoj"
+	}],
+	["path", {
+		d: "M9 9v3a3 3 0 0 0 5.12 2.12",
+		key: "r2i35w"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "19",
+		y2: "22",
+		key: "x3vr5v"
+	}]
+]), j = w("mic", [
+	["path", {
+		d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z",
+		key: "131961"
+	}],
+	["path", {
+		d: "M19 10v2a7 7 0 0 1-14 0v-2",
+		key: "1vc78b"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "19",
+		y2: "22",
+		key: "x3vr5v"
+	}]
+]);
+//#endregion
+//#region src/pipeline-analytics/widgets/chart-utils.tsx
+function M({ 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", {
+			type: "button",
+			onClick: () => n(e),
+			className: `px-2 py-0.5 rounded text-[10px] font-medium transition-colors ${t === e ? "bg-primary/10 text-primary" : "text-foreground-subtle hover:text-foreground"}`,
+			children: r
+		}, e))
+	});
 }
-function de(e = 0) {
-  const t = Q(null), [o, r] = H(0);
-  return ye(() => {
-    const a = t.current;
-    if (!a) return;
-    const s = (l) => r(Math.max(e, Math.floor(l)));
-    s(a.clientWidth);
-    const d = new ResizeObserver((l) => {
-      const f = l[0];
-      f && s(f.contentRect.width);
-    });
-    return d.observe(a), () => d.disconnect();
-  }, [e]), [t, o];
+function ee(t = 0) {
+	let n = e(null), [a, o] = r(0);
+	return i(() => {
+		let e = n.current;
+		if (!e) return;
+		let r = (e) => o(Math.max(t, Math.floor(e)));
+		r(e.clientWidth);
+		let i = new ResizeObserver((e) => {
+			let t = e[0];
+			t && r(t.contentRect.width);
+		});
+		return i.observe(e), () => i.disconnect();
+	}, [t]), [n, a];
 }
-function lt(e, t) {
-  const o = new Date(e), r = String(o.getHours()).padStart(2, "0"), a = String(o.getMinutes()).padStart(2, "0");
-  if (t <= 1440 * 60 * 1e3) return `${r}:${a}`;
-  const s = String(o.getDate()).padStart(2, "0"), d = String(o.getMonth() + 1).padStart(2, "0");
-  return `${s}/${d} ${r}:${a}`;
+function te(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 Te(e, t, o, r, a) {
-  if (t <= 1) return r;
-  const s = o - r - a;
-  return r + e / (t - 1) * s;
+function N(e, t, n, r, i) {
+	if (t <= 1) return r;
+	let a = n - r - i;
+	return r + e / (t - 1) * a;
 }
-function we(e, t, o, r, a, s) {
-  if (t <= e) return [];
-  const d = t - e, l = [], f = o - r - a;
-  for (let u = 0; u < s; u++) {
-    const N = u / Math.max(1, s - 1), $ = e + d * N;
-    l.push({
-      x: r + N * f,
-      label: lt($, d)
-    });
-  }
-  return l;
+function ne(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)
+		});
+	}
+	return s;
 }
-const $e = [
-  "#3b82f6",
-  // blue-500
-  "#a855f7",
-  // purple-500
-  "#10b981",
-  // emerald-500
-  "#f59e0b",
-  // amber-500
-  "#ec4899",
-  // pink-500
-  "#14b8a6",
-  // teal-500
-  "#6366f1",
-  // indigo-500
-  "#ef4444"
-  // red-500
+var P = [
+	"#3b82f6",
+	"#a855f7",
+	"#10b981",
+	"#f59e0b",
+	"#ec4899",
+	"#14b8a6",
+	"#6366f1",
+	"#ef4444"
 ];
-function be(e) {
-  return $e[e % $e.length] ?? "#64748b";
+function re(e) {
+	return P[e % P.length] ?? "#64748b";
 }
-function ue() {
-  const [e, t] = H(null);
-  return { state: e, bindHover: t };
+function F() {
+	let [e, t] = r(null);
+	return {
+		state: e,
+		bindHover: t
+	};
 }
-function he({ state: e, containerWidth: t }) {
-  if (!e) return null;
-  const r = 220 / 2, a = r + 4, s = Math.max(a, t - r - 4), d = Math.max(a, Math.min(s, e.anchorX)), l = e.anchorX - d;
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      role: "tooltip",
-      style: {
-        position: "absolute",
-        left: d,
-        top: e.anchorY,
-        transform: "translate(-50%, calc(-100% - 8px))",
-        pointerEvents: "none"
-      },
-      className: "z-10 rounded-md border border-border bg-surface shadow-lg px-2.5 py-1.5 text-[10px] text-foreground min-w-[140px] max-w-[240px]",
-      children: [
-        /* @__PURE__ */ n("div", { className: "font-semibold mb-1 truncate", children: e.title }),
-        /* @__PURE__ */ n("div", { className: "space-y-0.5", children: e.rows.map((f, u) => /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ i("span", { className: "flex items-center gap-1 text-foreground-subtle truncate", children: [
-            f.colour && /* @__PURE__ */ n("span", { className: "inline-block h-1.5 w-1.5 rounded-sm flex-shrink-0", style: { backgroundColor: f.colour } }),
-            /* @__PURE__ */ n("span", { className: "truncate", children: f.label })
-          ] }),
-          /* @__PURE__ */ n("span", { className: "tabular-nums", children: f.value })
-        ] }, u)) }),
-        /* @__PURE__ */ n(
-          "span",
-          {
-            "aria-hidden": !0,
-            style: { left: `calc(50% + ${l}px)` },
-            className: "absolute -bottom-1 -translate-x-1/2 h-2 w-2 rotate-45 bg-surface border-r border-b border-border"
-          }
-        )
-      ]
-    }
-  );
+function I({ 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", {
+		role: "tooltip",
+		style: {
+			position: "absolute",
+			left: r,
+			top: e.anchorY,
+			transform: "translate(-50%, calc(-100% - 8px))",
+			pointerEvents: "none"
+		},
+		className: "z-10 rounded-md border border-border bg-surface shadow-lg px-2.5 py-1.5 text-[10px] text-foreground min-w-[140px] max-w-[240px]",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "font-semibold mb-1 truncate",
+				children: e.title
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "space-y-0.5",
+				children: e.rows.map((e, t) => /* @__PURE__ */ h("div", {
+					className: "flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ h("span", {
+						className: "flex items-center gap-1 text-foreground-subtle truncate",
+						children: [e.colour && /* @__PURE__ */ m("span", {
+							className: "inline-block h-1.5 w-1.5 rounded-sm flex-shrink-0",
+							style: { backgroundColor: e.colour }
+						}), /* @__PURE__ */ m("span", {
+							className: "truncate",
+							children: e.label
+						})]
+					}), /* @__PURE__ */ m("span", {
+						className: "tabular-nums",
+						children: e.value
+					})]
+				}, t))
+			}),
+			/* @__PURE__ */ m("span", {
+				"aria-hidden": !0,
+				style: { left: `calc(50% + ${i}px)` },
+				className: "absolute -bottom-1 -translate-x-1/2 h-2 w-2 rotate-45 bg-surface border-r border-b border-border"
+			})
+		]
+	});
 }
-const ee = {
-  "5m": { label: "5 min", windowSec: 300, sampleEveryMs: 1e3, pollIntervalMs: 5e3 },
-  "1h": { label: "1 h", windowSec: 3600, sampleEveryMs: 5e3, pollIntervalMs: 3e4 },
-  "24h": { label: "24 h", windowSec: 1440 * 60, sampleEveryMs: 6e4, pollIntervalMs: 3e5 }
-}, ct = [
-  { id: "5m", label: ee["5m"].label },
-  { id: "1h", label: ee["1h"].label },
-  { id: "24h", label: ee["24h"].label }
-], U = 140, S = { top: 16, right: 12, bottom: 24, left: 38 }, dt = {
-  speech: "#3b82f6",
-  music: "#a855f7",
-  dog_bark: "#ec4899",
-  glass_break: "#f43f5e",
-  alarm: "#f59e0b",
-  baby_cry: "#10b981"
+//#endregion
+//#region src/pipeline-analytics/widgets/AudioHistoryChart.tsx
+var L = {
+	"5m": {
+		label: "5 min",
+		windowSec: 300,
+		sampleEveryMs: 1e3,
+		pollIntervalMs: 5e3
+	},
+	"1h": {
+		label: "1 h",
+		windowSec: 3600,
+		sampleEveryMs: 5e3,
+		pollIntervalMs: 3e4
+	},
+	"24h": {
+		label: "24 h",
+		windowSec: 1440 * 60,
+		sampleEveryMs: 6e4,
+		pollIntervalMs: 3e5
+	}
+}, ie = [
+	{
+		id: "5m",
+		label: L["5m"].label
+	},
+	{
+		id: "1h",
+		label: L["1h"].label
+	},
+	{
+		id: "24h",
+		label: L["24h"].label
+	}
+], R = 140, z = {
+	top: 16,
+	right: 12,
+	bottom: 24,
+	left: 38
+}, ae = {
+	speech: "#3b82f6",
+	music: "#a855f7",
+	dog_bark: "#ec4899",
+	glass_break: "#f43f5e",
+	alarm: "#f59e0b",
+	baby_cry: "#10b981"
 };
-function Ce(e) {
-  return e ? dt[e.toLowerCase()] ?? "#6366f1" : "#71717a";
+function oe(e) {
+	return e ? ae[e.toLowerCase()] ?? "#6366f1" : "#71717a";
 }
-function ut({ deviceId: e }) {
-  const t = Y(), o = J(t.trpcClient, e), [r, a] = H("5m"), s = ee[r], [d, l] = de(), f = ue(), u = Q(null), N = (m) => {
-    const h = u.current;
-    if (!h) return m;
-    const g = h.getBoundingClientRect();
-    return g.width === 0 ? m : m / l * g.width;
-  }, $ = le({
-    queryKey: ["audio-metrics", e, "history", r],
-    queryFn: async () => o ? await o.audioMetrics?.getHistory({
-      windowSec: s.windowSec,
-      sampleEveryMs: s.sampleEveryMs
-    }) ?? null : null,
-    enabled: !!o,
-    refetchInterval: s.pollIntervalMs,
-    staleTime: Math.max(1e3, s.pollIntervalMs / 2)
-  }), F = $.data, b = F?.points ?? [], x = k(() => ft(b), [b]), C = k(() => ht(b, l, x), [b, l, x]), y = k(() => mt(b, l, x), [b, l, x]), L = k(() => pt(x), [x]), D = k(() => bt(b, l), [b, l]);
-  return /* @__PURE__ */ i("div", { className: "rounded-lg border border-border bg-surface overflow-hidden", children: [
-    /* @__PURE__ */ i("div", { className: "border-b border-border px-4 py-2 flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ n(K, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
-        /* @__PURE__ */ n("h2", { className: "text-xs font-semibold text-foreground uppercase tracking-wider", children: "Audio Level History" })
-      ] }),
-      /* @__PURE__ */ n(ce, { presets: ct, value: r, onChange: a })
-    ] }),
-    /* @__PURE__ */ i("div", { ref: d, className: "p-3 min-w-0 relative", children: [
-      b.length === 0 ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center h-32 text-[11px] text-foreground-subtle italic", children: $.isLoading ? "Loading…" : "No audio history yet — analytics pipeline must be active." }) : l === 0 ? /* @__PURE__ */ n("div", { className: "h-32" }) : /* @__PURE__ */ i(ie, { children: [
-        /* @__PURE__ */ i(
-          "svg",
-          {
-            ref: u,
-            role: "img",
-            "aria-label": "Audio dBFS history",
-            width: "100%",
-            height: U,
-            viewBox: `0 0 ${l} ${U}`,
-            preserveAspectRatio: "none",
-            className: "block",
-            onMouseLeave: () => f.bindHover(null),
-            children: [
-              L.map(({ y: m, label: h }, g) => /* @__PURE__ */ i("g", { children: [
-                /* @__PURE__ */ n("line", { x1: S.left, x2: l - S.right, y1: m, y2: m, stroke: "currentColor", strokeOpacity: 0.08, strokeWidth: 0.5 }),
-                /* @__PURE__ */ n("text", { x: S.left - 6, y: m + 3, textAnchor: "end", className: "text-[9px] fill-foreground-subtle", children: h })
-              ] }, `y-${g}`)),
-              D.map(({ x: m, label: h }, g) => /* @__PURE__ */ n("text", { x: m, y: U - S.bottom + 12, textAnchor: "middle", className: "text-[9px] fill-foreground-subtle", children: h }, `x-${g}`)),
-              y && /* @__PURE__ */ n("path", { d: y, fill: "none", stroke: "currentColor", strokeOpacity: 0.25, strokeWidth: 1, strokeDasharray: "3 2" }),
-              C && /* @__PURE__ */ n("path", { d: C, fill: "none", stroke: "currentColor", className: "text-primary", strokeWidth: 1.5 }),
-              b.map((m, h) => {
-                if (m.topClass === null) return null;
-                const g = se(h, b.length, l), _ = xe(m.dbfs, x);
-                return /* @__PURE__ */ n(
-                  "circle",
-                  {
-                    cx: g,
-                    cy: _,
-                    r: 3,
-                    fill: Ce(m.topClass),
-                    stroke: "#000",
-                    strokeOpacity: 0.3,
-                    strokeWidth: 0.5
-                  },
-                  `dot-${h}`
-                );
-              }),
-              b.map((m, h) => {
-                const g = se(h, b.length, l), _ = xe(m.dbfs, x), p = U - S.top - S.bottom, v = b.length > 1 ? (l - S.left - S.right) / (b.length - 1) : 24;
-                return /* @__PURE__ */ n(
-                  "rect",
-                  {
-                    x: g - v / 2,
-                    y: S.top,
-                    width: Math.max(2, v),
-                    height: p,
-                    fill: "transparent",
-                    onMouseEnter: () => {
-                      f.bindHover({
-                        anchorX: N(g),
-                        anchorY: _,
-                        title: `${Le(m.ts)} · ${m.dbfs?.toFixed(1) ?? "—"} dB`,
-                        rows: [
-                          { label: "peak (window)", value: `${m.peakDbfs.toFixed(1)} dB` },
-                          { label: "avg (window)", value: `${m.avgDbfs.toFixed(1)} dB` },
-                          ...m.topClass !== null ? [{
-                            label: m.topClass,
-                            value: m.topScore != null ? `${(m.topScore * 100).toFixed(0)}%` : "—",
-                            colour: Ce(m.topClass)
-                          }] : []
-                        ]
-                      });
-                    }
-                  },
-                  `hit-${h}`
-                );
-              })
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(he, { state: f.state, containerWidth: l })
-      ] }),
-      b.length > 0 && /* @__PURE__ */ i("div", { className: "flex items-center justify-between text-[10px] text-foreground-subtle mt-1", children: [
-        /* @__PURE__ */ i("span", { children: [
-          b.length,
-          " samples · ~",
-          Math.round((F?.effectiveSampleEveryMs ?? s.sampleEveryMs) / 1e3),
-          "s spacing"
-        ] }),
-        /* @__PURE__ */ i("span", { children: [
-          "peak ",
-          b.reduce((m, h) => Math.max(m, h.peakDbfs), -1 / 0).toFixed(1),
-          " dB"
-        ] })
-      ] })
-    ] })
-  ] });
+function se({ deviceId: n }) {
+	let i = c(f().trpcClient, n), [a, s] = r("5m"), l = L[a], [u, d] = ee(), p = F(), _ = e(null), v = (e) => {
+		let t = _.current;
+		if (!t) return e;
+		let n = t.getBoundingClientRect();
+		return n.width === 0 ? e : e / d * n.width;
+	}, y = o({
+		queryKey: [
+			"audio-metrics",
+			n,
+			"history",
+			a
+		],
+		queryFn: async () => i ? await i.audioMetrics?.getHistory({
+			windowSec: l.windowSec,
+			sampleEveryMs: l.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), [
+		x,
+		d,
+		S
+	]), w = t(() => de(x, d, S), [
+		x,
+		d,
+		S
+	]), E = t(() => pe(S), [S]), D = t(() => me(x, d), [x, d]);
+	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", {
+					className: "text-xs font-semibold text-foreground uppercase tracking-wider",
+					children: "Audio Level History"
+				})]
+			}), /* @__PURE__ */ m(M, {
+				presets: ie,
+				value: a,
+				onChange: s
+			})]
+		}), /* @__PURE__ */ h("div", {
+			ref: u,
+			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", {
+				ref: _,
+				role: "img",
+				"aria-label": "Audio dBFS history",
+				width: "100%",
+				height: R,
+				viewBox: `0 0 ${d} ${R}`,
+				preserveAspectRatio: "none",
+				className: "block",
+				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,
+						y1: e,
+						y2: e,
+						stroke: "currentColor",
+						strokeOpacity: .08,
+						strokeWidth: .5
+					}), /* @__PURE__ */ m("text", {
+						x: z.left - 6,
+						y: e + 3,
+						textAnchor: "end",
+						className: "text-[9px] fill-foreground-subtle",
+						children: t
+					})] }, `y-${n}`)),
+					D.map(({ x: e, label: t }, n) => /* @__PURE__ */ m("text", {
+						x: e,
+						y: R - z.bottom + 12,
+						textAnchor: "middle",
+						className: "text-[9px] fill-foreground-subtle",
+						children: t
+					}, `x-${n}`)),
+					w && /* @__PURE__ */ m("path", {
+						d: w,
+						fill: "none",
+						stroke: "currentColor",
+						strokeOpacity: .25,
+						strokeWidth: 1,
+						strokeDasharray: "3 2"
+					}),
+					C && /* @__PURE__ */ m("path", {
+						d: C,
+						fill: "none",
+						stroke: "currentColor",
+						className: "text-primary",
+						strokeWidth: 1.5
+					}),
+					x.map((e, t) => e.topClass === null ? null : /* @__PURE__ */ m("circle", {
+						cx: B(t, x.length, d),
+						cy: ce(e.dbfs, S),
+						r: 3,
+						fill: oe(e.topClass),
+						stroke: "#000",
+						strokeOpacity: .3,
+						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;
+						return /* @__PURE__ */ m("rect", {
+							x: n - a / 2,
+							y: z.top,
+							width: Math.max(2, a),
+							height: i,
+							fill: "transparent",
+							onMouseEnter: () => {
+								p.bindHover({
+									anchorX: v(n),
+									anchorY: r,
+									title: `${he(e.ts)} · ${e.dbfs?.toFixed(1) ?? "—"} dB`,
+									rows: [
+										{
+											label: "peak (window)",
+											value: `${e.peakDbfs.toFixed(1)} dB`
+										},
+										{
+											label: "avg (window)",
+											value: `${e.avgDbfs.toFixed(1)} dB`
+										},
+										...e.topClass === null ? [] : [{
+											label: e.topClass,
+											value: e.topScore == null ? "—" : `${(e.topScore * 100).toFixed(0)}%`,
+											colour: oe(e.topClass)
+										}]
+									]
+								});
+							}
+						}, `hit-${t}`);
+					})
+				]
+			}), /* @__PURE__ */ m(I, {
+				state: p.state,
+				containerWidth: d
+			})] }), 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),
+					"s spacing"
+				] }), /* @__PURE__ */ h("span", { children: [
+					"peak ",
+					x.reduce((e, t) => Math.max(e, t.peakDbfs), -Infinity).toFixed(1),
+					" dB"
+				] })]
+			})]
+		})]
+	});
 }
-function se(e, t, o) {
-  if (t <= 1) return S.left;
-  const r = o - S.left - S.right;
-  return S.left + e / (t - 1) * r;
+function B(e, t, n) {
+	if (t <= 1) return z.left;
+	let r = n - z.left - z.right;
+	return z.left + e / (t - 1) * r;
 }
-function xe(e, t) {
-  return e === null || !Number.isFinite(e) ? ae(t.min, t) : ae(Math.max(t.min, Math.min(t.max, e)), t);
+function ce(e, t) {
+	return le(e === null || !Number.isFinite(e) ? t.min : Math.max(t.min, Math.min(t.max, e)), t);
 }
-function ae(e, t) {
-  const o = U - S.top - S.bottom, r = Math.max(1, t.max - t.min), a = (e - t.min) / r;
-  return S.top + (1 - a) * o;
+function le(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 ht(e, t, o) {
-  if (e.length === 0) return null;
-  const r = [];
-  for (let a = 0; a < e.length; a++) {
-    const s = se(a, e.length, t), d = xe(e[a].dbfs, o);
-    r.push(`${a === 0 ? "M" : "L"} ${s.toFixed(1)} ${d.toFixed(1)}`);
-  }
-  return r.join(" ");
+function ue(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);
+		r.push(`${i === 0 ? "M" : "L"} ${a.toFixed(1)} ${o.toFixed(1)}`);
+	}
+	return r.join(" ");
 }
-function mt(e, t, o) {
-  if (e.length === 0) return null;
-  const r = [];
-  for (let a = 0; a < e.length; a++) {
-    const s = se(a, e.length, t), d = ae(Math.max(o.min, Math.min(o.max, e[a].peakDbfs)), o);
-    r.push(`${a === 0 ? "M" : "L"} ${s.toFixed(1)} ${d.toFixed(1)}`);
-  }
-  return r.join(" ");
+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 = le(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 ft(e) {
-  if (e.length === 0) return { min: -80, max: -40 };
-  let t = Number.POSITIVE_INFINITY, o = Number.NEGATIVE_INFINITY;
-  for (const s of e)
-    s.dbfs !== null && Number.isFinite(s.dbfs) && (t = Math.min(t, s.dbfs), o = Math.max(o, s.dbfs)), Number.isFinite(s.peakDbfs) && (t = Math.min(t, s.peakDbfs), o = Math.max(o, s.peakDbfs));
-  if (!Number.isFinite(t) || !Number.isFinite(o)) return { min: -80, max: -40 };
-  let r = Math.max(-100, Math.floor(t - 1)), a = Math.min(0, Math.ceil(o));
-  return a - r < 5 && (r = Math.max(-100, a - 5)), { min: r, max: a };
+function fe(e) {
+	if (e.length === 0) return {
+		min: -80,
+		max: -40
+	};
+	let t = Infinity, n = -Infinity;
+	for (let r of e) r.dbfs !== null && Number.isFinite(r.dbfs) && (t = Math.min(t, r.dbfs), n = Math.max(n, r.dbfs)), Number.isFinite(r.peakDbfs) && (t = Math.min(t, r.peakDbfs), n = Math.max(n, r.peakDbfs));
+	if (!Number.isFinite(t) || !Number.isFinite(n)) return {
+		min: -80,
+		max: -40
+	};
+	let r = Math.max(-100, Math.floor(t - 1)), i = Math.min(0, Math.ceil(n));
+	return i - r < 5 && (r = Math.max(-100, i - 5)), {
+		min: r,
+		max: i
+	};
 }
-function pt(e) {
-  const t = [];
-  for (let o = 0; o < 4; o++) {
-    const r = o / 3, a = e.min + (e.max - e.min) * r;
-    t.push({
-      y: ae(a, e),
-      label: `${Math.round(a)}`
-    });
-  }
-  return t;
+function pe(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),
+			label: `${Math.round(i)}`
+		});
+	}
+	return t;
 }
-function bt(e, t) {
-  if (e.length === 0) return [];
-  const o = e[0], r = e[e.length - 1], a = [], s = Math.min(5, e.length);
-  for (let d = 0; d < s; d++) {
-    const l = d / Math.max(1, s - 1), f = o.ts + (r.ts - o.ts) * l;
-    a.push({
-      x: S.left + l * (t - S.left - S.right),
-      label: Le(f)
-    });
-  }
-  return a;
+function me(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)
+		});
+	}
+	return i;
 }
-function Le(e) {
-  const t = new Date(e), o = String(t.getHours()).padStart(2, "0"), r = String(t.getMinutes()).padStart(2, "0");
-  return `${o}:${r}`;
+function he(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) {
-  return !Number.isFinite(e) || e <= 0 ? 60 : e > 600 ? Math.round(e / 1e3) : Math.round(e);
+	return !Number.isFinite(e) || e <= 0 ? 60 : Math.round(e > 600 ? e / 1e3 : e);
 }
-function xt({
-  dev: e,
-  deviceId: t,
-  title: o = "Audio Metrics",
-  variant: r = "full"
-}) {
-  const a = Y(), s = Pe(
-    a.trpcClient,
-    e === void 0 && t !== void 0 ? t : null,
-    (f) => f.audioMetrics
-  ), d = ve(
-    e ? e.state.audioMetrics : void 0
-  ), l = e !== void 0 ? d : s;
-  return l ? /* @__PURE__ */ n(_e, { title: o, variant: r, ts: l.ts, children: /* @__PURE__ */ i("div", { className: r === "compact" ? "space-y-2" : "grid grid-cols-1 2xl:grid-cols-3 gap-3", children: [
-    /* @__PURE__ */ n(yt, { snapshot: l }),
-    /* @__PURE__ */ n(vt, { snapshot: l }),
-    /* @__PURE__ */ n(wt, { snapshot: l })
-  ] }) }) : /* @__PURE__ */ n(_e, { title: o, variant: r, children: /* @__PURE__ */ n(
-    gt,
-    {
-      icon: /* @__PURE__ */ n(st, { 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 _e({ dev: e, deviceId: t, title: n = "Audio Metrics", variant: r = "full" }) {
+	let i = s(f().trpcClient, e === void 0 && t !== void 0 ? t : null, (e) => e.audioMetrics), a = u(e ? e.state.audioMetrics : void 0), o = e === void 0 ? i : a;
+	return o ? /* @__PURE__ */ m(ve, {
+		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(ve, {
+		title: n,
+		variant: r,
+		children: /* @__PURE__ */ m(ye, {
+			icon: /* @__PURE__ */ m(A, { 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 _e({ title: e, variant: t, ts: o, children: r }) {
-  const a = o ? Math.max(0, Math.floor((Date.now() - o) / 1e3)) : null;
-  return /* @__PURE__ */ i("div", { className: t === "compact" ? "rounded-md border border-border/60 bg-surface/60 p-3" : "rounded-lg border border-border bg-surface overflow-hidden", children: [
-    /* @__PURE__ */ i("div", { className: t === "compact" ? "flex items-center justify-between mb-2" : "border-b border-border px-4 py-2 flex items-center justify-between", children: [
-      /* @__PURE__ */ n("h2", { className: "text-xs font-semibold text-foreground uppercase tracking-wider", children: e }),
-      a !== null && /* @__PURE__ */ n("span", { className: "text-[10px] text-foreground-subtle", children: a === 0 ? "just now" : `${a}s ago` })
-    ] }),
-    /* @__PURE__ */ n("div", { className: t === "compact" ? "" : "p-3", children: r })
-  ] });
+function ve({ 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",
+		children: [/* @__PURE__ */ h("div", {
+			className: t === "compact" ? "flex items-center justify-between mb-2" : "border-b border-border px-4 py-2 flex items-center justify-between",
+			children: [/* @__PURE__ */ m("h2", {
+				className: "text-xs font-semibold text-foreground uppercase tracking-wider",
+				children: e
+			}), i !== null && /* @__PURE__ */ m("span", {
+				className: "text-[10px] text-foreground-subtle",
+				children: i === 0 ? "just now" : `${i}s ago`
+			})]
+		}), /* @__PURE__ */ m("div", {
+			className: t === "compact" ? "" : "p-3",
+			children: r
+		})]
+	});
 }
-function gt({ icon: e, message: t }) {
-  return /* @__PURE__ */ i("div", { className: "px-4 py-6 flex flex-col items-center text-center text-foreground-subtle", children: [
-    e,
-    /* @__PURE__ */ n("p", { className: "text-[11px]", children: t })
-  ] });
+function ye({ 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", {
+			className: "text-[11px]",
+			children: t
+		})]
+	});
 }
-function yt({ snapshot: e }) {
-  const { dbfs: t } = e.level, o = Number.isFinite(t) ? t : -80, r = Math.max(-80, Math.min(0, o)), a = (r + 80) / 80 * 100, s = r > -10 ? "bg-danger" : r > -25 ? "bg-warning" : "bg-primary";
-  return /* @__PURE__ */ i("div", { className: "rounded-md border border-border/60 bg-background/40 px-3 py-2", children: [
-    /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 mb-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle", children: [
-      /* @__PURE__ */ n(K, { className: "h-3.5 w-3.5" }),
-      /* @__PURE__ */ n("span", { children: "Level" }),
-      /* @__PURE__ */ n("span", { className: "ml-auto text-base font-semibold text-foreground tabular-nums normal-case tracking-normal", children: Number.isFinite(t) ? `${t.toFixed(1)} dB` : "silent" })
-    ] }),
-    /* @__PURE__ */ n("div", { className: "h-1.5 rounded-full bg-foreground-subtle/15 overflow-hidden", children: /* @__PURE__ */ n(
-      "div",
-      {
-        className: `h-full ${s} transition-all`,
-        style: { width: `${a}%` }
-      }
-    ) }),
-    /* @__PURE__ */ i("div", { className: "flex justify-between text-[9px] text-foreground-subtle mt-1 tabular-nums", children: [
-      /* @__PURE__ */ i("span", { children: [
-        "peak ",
-        Number.isFinite(e.peakDbfs) ? e.peakDbfs.toFixed(1) : "—",
-        " dB"
-      ] }),
-      /* @__PURE__ */ i("span", { children: [
-        "avg ",
-        e.avgDbfs.toFixed(1),
-        " dB"
-      ] }),
-      /* @__PURE__ */ i("span", { children: [
-        ge(e.windowSec),
-        "s window"
-      ] })
-    ] })
-  ] });
+function be({ 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",
+		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__ */ m("span", { children: "Level" }),
+					/* @__PURE__ */ m("span", {
+						className: "ml-auto text-base font-semibold text-foreground tabular-nums normal-case tracking-normal",
+						children: Number.isFinite(t) ? `${t.toFixed(1)} dB` : "silent"
+					})
+				]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "h-1.5 rounded-full bg-foreground-subtle/15 overflow-hidden",
+				children: /* @__PURE__ */ m("div", {
+					className: `h-full ${i} transition-all`,
+					style: { width: `${r}%` }
+				})
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "flex justify-between text-[9px] text-foreground-subtle mt-1 tabular-nums",
+				children: [
+					/* @__PURE__ */ h("span", { children: [
+						"peak ",
+						Number.isFinite(e.peakDbfs) ? e.peakDbfs.toFixed(1) : "—",
+						" dB"
+					] }),
+					/* @__PURE__ */ h("span", { children: [
+						"avg ",
+						e.avgDbfs.toFixed(1),
+						" dB"
+					] }),
+					/* @__PURE__ */ h("span", { children: [ge(e.windowSec), "s window"] })
+				]
+			})
+		]
+	});
 }
-function vt({ snapshot: e }) {
-  const { current: t } = e;
-  return /* @__PURE__ */ i("div", { className: "rounded-md border border-border/60 bg-background/40 px-3 py-2", children: [
-    /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 mb-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle", children: [
-      /* @__PURE__ */ n(it, { className: "h-3.5 w-3.5" }),
-      /* @__PURE__ */ n("span", { children: "Now" })
-    ] }),
-    t ? /* @__PURE__ */ i("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ n("span", { className: "text-sm font-semibold text-foreground", children: t.className }),
-      /* @__PURE__ */ i("span", { className: "text-[10px] text-foreground-subtle tabular-nums", children: [
-        "score ",
-        (t.score * 100).toFixed(0),
-        "% — ",
-        Math.max(0, Math.floor((Date.now() - t.timestamp) / 1e3)),
-        "s ago"
-      ] })
-    ] }) : /* @__PURE__ */ n("span", { className: "text-[10px] text-foreground-subtle italic", children: "silence / unclassified" })
-  ] });
+function xe({ 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" })]
+		}), t ? /* @__PURE__ */ h("div", {
+			className: "flex flex-col gap-1",
+			children: [/* @__PURE__ */ m("span", {
+				className: "text-sm font-semibold text-foreground",
+				children: t.className
+			}), /* @__PURE__ */ h("span", {
+				className: "text-[10px] text-foreground-subtle tabular-nums",
+				children: [
+					"score ",
+					(t.score * 100).toFixed(0),
+					"% —",
+					" ",
+					Math.max(0, Math.floor((Date.now() - t.timestamp) / 1e3)),
+					"s ago"
+				]
+			})]
+		}) : /* @__PURE__ */ m("span", {
+			className: "text-[10px] text-foreground-subtle italic",
+			children: "silence / unclassified"
+		})]
+	});
 }
-function wt({ snapshot: e }) {
-  return e.byClass.length === 0 ? /* @__PURE__ */ i("div", { className: "rounded-md border border-border/40 bg-background/20 px-3 py-2", children: [
-    /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 mb-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle", children: [
-      /* @__PURE__ */ n(K, { className: "h-3.5 w-3.5" }),
-      /* @__PURE__ */ i("span", { children: [
-        "Last ",
-        ge(e.windowSec),
-        "s"
-      ] })
-    ] }),
-    /* @__PURE__ */ n("span", { className: "text-[10px] text-foreground-subtle italic", children: "no classified audio" })
-  ] }) : /* @__PURE__ */ i("div", { className: "rounded-md border border-border/60 bg-background/40", children: [
-    /* @__PURE__ */ i("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__ */ n(K, { className: "h-3.5 w-3.5" }),
-      /* @__PURE__ */ i("span", { children: [
-        "Last ",
-        ge(e.windowSec),
-        "s"
-      ] }),
-      /* @__PURE__ */ n("span", { className: "ml-auto text-[10px] normal-case tracking-normal", children: e.byClass.length })
-    ] }),
-    /* @__PURE__ */ n("div", { className: "divide-y divide-border/30", children: e.byClass.slice(0, 8).map((t) => /* @__PURE__ */ i("div", { className: "px-3 py-1.5 flex items-center justify-between text-xs", children: [
-      /* @__PURE__ */ n("span", { className: "font-medium text-foreground truncate", children: t.className }),
-      /* @__PURE__ */ i("span", { className: "flex items-center gap-2 tabular-nums text-foreground-subtle", children: [
-        /* @__PURE__ */ i("span", { children: [
-          t.hits,
-          "× hits"
-        ] }),
-        /* @__PURE__ */ i("span", { className: "rounded-full px-1.5 py-0.5 text-[10px] bg-primary/10 text-primary border border-primary/20", children: [
-          (t.peakScore * 100).toFixed(0),
-          "%"
-        ] })
-      ] })
-    ] }, t.className)) })
-  ] });
+function Se({ 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: [
+				"Last ",
+				ge(e.windowSec),
+				"s"
+			] })]
+		}), /* @__PURE__ */ m("span", {
+			className: "text-[10px] text-foreground-subtle italic",
+			children: "no classified audio"
+		})]
+	}) : /* @__PURE__ */ h("div", {
+		className: "rounded-md border border-border/60 bg-background/40",
+		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__ */ h("span", { children: [
+					"Last ",
+					ge(e.windowSec),
+					"s"
+				] }),
+				/* @__PURE__ */ m("span", {
+					className: "ml-auto text-[10px] normal-case tracking-normal",
+					children: e.byClass.length
+				})
+			]
+		}), /* @__PURE__ */ m("div", {
+			className: "divide-y divide-border/30",
+			children: e.byClass.slice(0, 8).map((e) => /* @__PURE__ */ h("div", {
+				className: "px-3 py-1.5 flex items-center justify-between text-xs",
+				children: [/* @__PURE__ */ m("span", {
+					className: "font-medium text-foreground truncate",
+					children: e.className
+				}), /* @__PURE__ */ h("span", {
+					className: "flex items-center gap-2 tabular-nums text-foreground-subtle",
+					children: [/* @__PURE__ */ h("span", { children: [e.hits, "× hits"] }), /* @__PURE__ */ h("span", {
+						className: "rounded-full px-1.5 py-0.5 text-[10px] bg-primary/10 text-primary border border-primary/20",
+						children: [(e.peakScore * 100).toFixed(0), "%"]
+					})]
+				})]
+			}, e.className))
+		})]
+	});
 }
-const te = {
-  "5m": { label: "5 min", windowMs: 5 * 6e4, resolution: "minute", pollIntervalMs: 5e3 },
-  "30m": { label: "30 min", windowMs: 30 * 6e4, resolution: "minute", pollIntervalMs: 15e3 },
-  "1h": { label: "1 h", windowMs: 60 * 6e4, resolution: "5min", pollIntervalMs: 3e4 }
-}, Nt = [
-  { id: "5m", label: te["5m"].label },
-  { id: "30m", label: te["30m"].label },
-  { id: "1h", label: te["1h"].label }
-], X = 140, M = { top: 14, right: 12, bottom: 24, left: 32 }, P = "__all__";
-function kt({ deviceId: e }) {
-  const t = Y(), o = J(t.trpcClient, e), [r, a] = H("5m"), [s, d] = H(P), l = te[r], [f, u] = de(), N = ue(), $ = Q(null), F = (p) => {
-    const v = $.current;
-    if (!v) return p;
-    const c = v.getBoundingClientRect();
-    return c.width === 0 ? p : p / u * c.width;
-  }, b = ve(o?.state.zoneAnalytics), x = k(() => {
-    const p = /* @__PURE__ */ new Set();
-    if (b?.frame.byClass)
-      for (const v of Object.keys(b.frame.byClass)) p.add(v);
-    if (b?.zones)
-      for (const v of b.zones)
-        for (const c of Object.keys(v.byClass)) p.add(c);
-    return [...p].sort();
-  }, [b]);
-  ye(() => {
-    s !== P && !x.includes(s) && d(P);
-  }, [s, x]);
-  const C = le({
-    queryKey: ["zone-analytics", e, "cameraHistory", r, s],
-    queryFn: async () => {
-      if (!o) return [];
-      const p = Date.now();
-      return await o.zoneAnalytics?.getCameraHistory({
-        from: p - l.windowMs,
-        to: p,
-        resolution: l.resolution,
-        ...s === P ? {} : { className: s }
-      }) ?? [];
-    },
-    enabled: !!o,
-    refetchInterval: l.pollIntervalMs,
-    staleTime: Math.max(1e3, l.pollIntervalMs / 2)
-  }), y = C.data ?? [], L = C.dataUpdatedAt > 0 ? C.dataUpdatedAt : Date.now(), D = L - l.windowMs, m = k(() => {
-    if (y.length === 0) return 1;
-    const p = y.reduce((v, c) => Math.max(v, c.count), 0);
-    return Math.max(1, Math.ceil(p * 1.15));
-  }, [y]), h = k(
-    () => Mt(y, u, m),
-    [y, u, m]
-  ), g = k(
-    () => we(D, L, u, M.left, M.right, 5),
-    [D, L, u]
-  ), _ = k(() => $t(m), [m]);
-  return /* @__PURE__ */ i("div", { className: "rounded-lg border border-border bg-surface overflow-hidden", children: [
-    /* @__PURE__ */ i("div", { className: "border-b border-border px-4 py-2 flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ n(oe, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
-        /* @__PURE__ */ n("h2", { className: "text-xs font-semibold text-foreground uppercase tracking-wider", children: "Occupancy History" })
-      ] }),
-      /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-        x.length > 0 && /* @__PURE__ */ i(
-          "select",
-          {
-            value: s,
-            onChange: (p) => d(p.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__ */ n("option", { value: P, children: "All classes" }),
-              x.map((p) => /* @__PURE__ */ n("option", { value: p, children: p }, p))
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(ce, { presets: Nt, value: r, onChange: a })
-      ] })
-    ] }),
-    /* @__PURE__ */ i("div", { ref: f, className: "p-3 min-w-0 relative", children: [
-      y.length === 0 ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center h-32 text-[11px] text-foreground-subtle italic", children: C.isLoading ? "Loading…" : "No occupancy history yet — analytics pipeline must be active." }) : u === 0 ? /* @__PURE__ */ n("div", { className: "h-32" }) : /* @__PURE__ */ i(ie, { children: [
-        /* @__PURE__ */ i(
-          "svg",
-          {
-            ref: $,
-            role: "img",
-            "aria-label": "Frame occupancy history",
-            width: "100%",
-            height: X,
-            viewBox: `0 0 ${u} ${X}`,
-            preserveAspectRatio: "none",
-            className: "block",
-            onMouseLeave: () => N.bindHover(null),
-            children: [
-              _.map(({ y: p, label: v }, c) => /* @__PURE__ */ i("g", { children: [
-                /* @__PURE__ */ n("line", { x1: M.left, x2: u - M.right, y1: p, y2: p, stroke: "currentColor", strokeOpacity: 0.08, strokeWidth: 0.5 }),
-                /* @__PURE__ */ n("text", { x: M.left - 6, y: p + 3, textAnchor: "end", className: "text-[9px] fill-foreground-subtle", children: v })
-              ] }, `y-${c}`)),
-              g.map(({ x: p, label: v }, c) => /* @__PURE__ */ n("text", { x: p, y: X - M.bottom + 12, textAnchor: "middle", className: "text-[9px] fill-foreground-subtle", children: v }, `x-${c}`)),
-              h && /* @__PURE__ */ n("path", { d: h, fill: "none", stroke: "currentColor", className: "text-primary", strokeWidth: 1.5 }),
-              y.map((p, v) => {
-                const c = Te(v, y.length, u, M.left, M.right), w = De(p.count, m), I = X - M.top - M.bottom, R = y.length > 1 ? (u - M.left - M.right) / (y.length - 1) : 24;
-                return /* @__PURE__ */ i("g", { children: [
-                  /* @__PURE__ */ n("circle", { cx: c, cy: w, r: 2, fill: "currentColor", className: "text-primary" }),
-                  /* @__PURE__ */ n(
-                    "rect",
-                    {
-                      x: c - R / 2,
-                      y: M.top,
-                      width: Math.max(2, R),
-                      height: I,
-                      fill: "transparent",
-                      onMouseEnter: () => {
-                        N.bindHover({
-                          anchorX: F(c),
-                          anchorY: w,
-                          title: `${Ct(p.ts)} · ${p.count} object${p.count === 1 ? "" : "s"}`,
-                          rows: [
-                            { label: "Class", value: s === P ? "all" : s },
-                            { label: "Bucket", value: l.resolution }
-                          ]
-                        });
-                      }
-                    }
-                  )
-                ] }, `${p.ts}-${v}`);
-              })
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(he, { state: N.state, containerWidth: u })
-      ] }),
-      y.length > 0 && /* @__PURE__ */ i("div", { className: "flex items-center justify-between text-[10px] text-foreground-subtle mt-1", children: [
-        /* @__PURE__ */ i("span", { children: [
-          y.length,
-          " bucket",
-          y.length === 1 ? "" : "s",
-          " · ",
-          l.resolution,
-          " resolution"
-        ] }),
-        /* @__PURE__ */ i("span", { children: [
-          "peak ",
-          y.reduce((p, v) => Math.max(p, v.count), 0),
-          " obj"
-        ] })
-      ] })
-    ] })
-  ] });
+//#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
+	},
+	"1h": {
+		label: "1 h",
+		windowMs: 60 * 6e4,
+		resolution: "5min",
+		pollIntervalMs: 3e4
+	}
+}, Ce = [
+	{
+		id: "5m",
+		label: V["5m"].label
+	},
+	{
+		id: "30m",
+		label: V["30m"].label
+	},
+	{
+		id: "1h",
+		label: V["1h"].label
+	}
+], H = 140, U = {
+	top: 14,
+	right: 12,
+	bottom: 24,
+	left: 32
+}, W = "__all__";
+function we({ deviceId: n }) {
+	let a = c(f().trpcClient, n), [s, l] = r("5m"), [d, p] = r(W), _ = V[s], [v, y] = ee(), b = F(), x = e(null), S = (e) => {
+		let t = x.current;
+		if (!t) return e;
+		let n = t.getBoundingClientRect();
+		return n.width === 0 ? e : e / y * n.width;
+	}, C = u(a?.state.zoneAnalytics), w = 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);
+		return [...e].toSorted();
+	}, [C]);
+	i(() => {
+		d !== W && !w.includes(d) && p(W);
+	}, [d, w]);
+	let T = o({
+		queryKey: [
+			"zone-analytics",
+			n,
+			"cameraHistory",
+			s,
+			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 }
+			}) ?? [];
+		},
+		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);
+		return Math.max(1, Math.ceil(e * 1.15));
+	}, [E]), j = t(() => Ee(E, y, A), [
+		E,
+		y,
+		A
+	]), te = t(() => ne(k, D, y, U.left, U.right, 5), [
+		k,
+		D,
+		y
+	]), P = t(() => De(A), [A]);
+	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", {
+					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", {
+					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", {
+						value: W,
+						children: "All classes"
+					}), w.map((e) => /* @__PURE__ */ m("option", {
+						value: e,
+						children: e
+					}, e))]
+				}), /* @__PURE__ */ m(M, {
+					presets: Ce,
+					value: s,
+					onChange: l
+				})]
+			})]
+		}), /* @__PURE__ */ h("div", {
+			ref: v,
+			className: "p-3 min-w-0 relative",
+			children: [E.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,
+				role: "img",
+				"aria-label": "Frame occupancy history",
+				width: "100%",
+				height: H,
+				viewBox: `0 0 ${y} ${H}`,
+				preserveAspectRatio: "none",
+				className: "block",
+				onMouseLeave: () => b.bindHover(null),
+				children: [
+					P.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
+						x1: U.left,
+						x2: y - U.right,
+						y1: e,
+						y2: e,
+						stroke: "currentColor",
+						strokeOpacity: .08,
+						strokeWidth: .5
+					}), /* @__PURE__ */ m("text", {
+						x: U.left - 6,
+						y: e + 3,
+						textAnchor: "end",
+						className: "text-[9px] fill-foreground-subtle",
+						children: t
+					})] }, `y-${n}`)),
+					te.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,
+						fill: "none",
+						stroke: "currentColor",
+						className: "text-primary",
+						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;
+						return /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("circle", {
+							cx: n,
+							cy: r,
+							r: 2,
+							fill: "currentColor",
+							className: "text-primary"
+						}), /* @__PURE__ */ m("rect", {
+							x: n - a / 2,
+							y: U.top,
+							width: Math.max(2, a),
+							height: i,
+							fill: "transparent",
+							onMouseEnter: () => {
+								b.bindHover({
+									anchorX: S(n),
+									anchorY: r,
+									title: `${Oe(e.ts)} · ${e.count} object${e.count === 1 ? "" : "s"}`,
+									rows: [{
+										label: "Class",
+										value: d === W ? "all" : d
+									}, {
+										label: "Bucket",
+										value: _.resolution
+									}]
+								});
+							}
+						})] }, `${e.ts}-${t}`);
+					})
+				]
+			}), /* @__PURE__ */ m(I, {
+				state: b.state,
+				containerWidth: y
+			})] }), E.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,
+					" bucket",
+					E.length === 1 ? "" : "s",
+					" · ",
+					_.resolution,
+					" ",
+					"resolution"
+				] }), /* @__PURE__ */ h("span", { children: [
+					"peak ",
+					E.reduce((e, t) => Math.max(e, t.count), 0),
+					" obj"
+				] })]
+			})]
+		})]
+	});
 }
-function De(e, t) {
-  const o = X - M.top - M.bottom, r = Math.min(1, e / t);
-  return M.top + (1 - r) * o;
+function Te(e, t) {
+	let n = H - U.top - U.bottom, r = Math.min(1, e / t);
+	return U.top + (1 - r) * n;
 }
-function Mt(e, t, o) {
-  if (e.length === 0) return null;
-  const r = [];
-  for (let a = 0; a < e.length; a++) {
-    const s = Te(a, e.length, t, M.left, M.right), d = De(e[a].count, o);
-    r.push(`${a === 0 ? "M" : "L"} ${s.toFixed(1)} ${d.toFixed(1)}`);
-  }
-  return r.join(" ");
+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);
+		r.push(`${i === 0 ? "M" : "L"} ${a.toFixed(1)} ${o.toFixed(1)}`);
+	}
+	return r.join(" ");
 }
-function $t(e) {
-  const t = [];
-  for (let o = 0; o < 4; o++) {
-    const r = o / 3, a = Math.round(e * r), s = X - M.top - M.bottom;
-    t.push({
-      y: M.top + (1 - r) * s,
-      label: `${a}`
-    });
-  }
-  return t;
+function De(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;
+		t.push({
+			y: U.top + (1 - r) * a,
+			label: `${i}`
+		});
+	}
+	return t;
 }
-function Ct(e) {
-  const t = new Date(e), o = String(t.getHours()).padStart(2, "0"), r = String(t.getMinutes()).padStart(2, "0");
-  return `${o}:${r}`;
+function Oe(e) {
+	let t = new Date(e);
+	return `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
 }
-const ne = {
-  "1h": { label: "1 h", windowMs: 60 * 6e4, bucketMs: 6e4, pollIntervalMs: 15e3 },
-  "6h": { label: "6 h", windowMs: 360 * 6e4, bucketMs: 5 * 6e4, pollIntervalMs: 6e4 },
-  "24h": { label: "24 h", windowMs: 1440 * 6e4, bucketMs: 15 * 6e4, pollIntervalMs: 3e5 }
-}, _t = [
-  { id: "1h", label: ne["1h"].label },
-  { id: "6h", label: ne["6h"].label },
-  { id: "24h", label: ne["24h"].label }
-], St = 5e3, V = 140, T = { top: 14, right: 12, bottom: 24, left: 32 };
-function It({ deviceId: e }) {
-  const t = Y(), o = J(t.trpcClient, e), [r, a] = H("1h"), s = ne[r], [d, l] = de(), f = ue(), u = Q(null), N = (h) => {
-    const g = u.current;
-    if (!g) return h;
-    const _ = g.getBoundingClientRect();
-    return _.width === 0 ? h : h / l * _.width;
-  }, $ = le({
-    queryKey: ["pipeline-analytics", e, "motionEvents", r],
-    queryFn: async () => {
-      if (!o) return [];
-      const h = Date.now() - s.windowMs;
-      return await o.pipelineAnalytics?.getMotionEvents({
-        since: h,
-        limit: St
-      }) ?? [];
-    },
-    enabled: !!o,
-    refetchInterval: s.pollIntervalMs,
-    staleTime: Math.max(1e3, s.pollIntervalMs / 2)
-  }), F = $.data ?? [], b = $.dataUpdatedAt > 0 ? $.dataUpdatedAt : Date.now(), x = b - s.windowMs, C = k(
-    () => At(F, x, b, s.bucketMs),
-    [F, x, b, s.bucketMs]
-  ), y = k(() => {
-    if (C.length === 0) return 1;
-    const h = C.reduce((g, _) => Math.max(g, _.count), 0);
-    return Math.max(1, Math.ceil(h * 1.15));
-  }, [C]), L = k(
-    () => we(x, b, l, T.left, T.right, 5),
-    [x, b, l]
-  ), D = k(() => Tt(y), [y]), m = F.length;
-  return /* @__PURE__ */ i("div", { className: "rounded-lg border border-border bg-surface overflow-hidden", children: [
-    /* @__PURE__ */ i("div", { className: "border-b border-border px-4 py-2 flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ n(K, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
-        /* @__PURE__ */ n("h2", { className: "text-xs font-semibold text-foreground uppercase tracking-wider", children: "Motion History" })
-      ] }),
-      /* @__PURE__ */ n(ce, { presets: _t, value: r, onChange: a })
-    ] }),
-    /* @__PURE__ */ i("div", { ref: d, className: "p-3 min-w-0 relative", children: [
-      m === 0 ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center h-32 text-[11px] text-foreground-subtle italic", children: $.isLoading ? "Loading…" : "No motion events in the selected window." }) : l === 0 ? /* @__PURE__ */ n("div", { className: "h-32" }) : /* @__PURE__ */ i(ie, { children: [
-        /* @__PURE__ */ i(
-          "svg",
-          {
-            ref: u,
-            role: "img",
-            "aria-label": "Motion event histogram",
-            width: "100%",
-            height: V,
-            viewBox: `0 0 ${l} ${V}`,
-            preserveAspectRatio: "none",
-            className: "block",
-            onMouseLeave: () => f.bindHover(null),
-            children: [
-              D.map(({ y: h, label: g }, _) => /* @__PURE__ */ i("g", { children: [
-                /* @__PURE__ */ n("line", { x1: T.left, x2: l - T.right, y1: h, y2: h, stroke: "currentColor", strokeOpacity: 0.08, strokeWidth: 0.5 }),
-                /* @__PURE__ */ n("text", { x: T.left - 6, y: h + 3, textAnchor: "end", className: "text-[9px] fill-foreground-subtle", children: g })
-              ] }, `y-${_}`)),
-              L.map(({ x: h, label: g }, _) => /* @__PURE__ */ n("text", { x: h, y: V - T.bottom + 12, textAnchor: "middle", className: "text-[9px] fill-foreground-subtle", children: g }, `x-${_}`)),
-              C.map((h, g) => {
-                const { x: _, w: p } = Ft(h.bucketStart, s.bucketMs, x, b, l), v = V - T.top - T.bottom, c = h.count / y * v, w = T.top + (v - c), I = h.bucketStart + s.bucketMs;
-                return /* @__PURE__ */ i("g", { children: [
-                  h.count > 0 && /* @__PURE__ */ n(
-                    "rect",
-                    {
-                      x: _,
-                      y: w,
-                      width: Math.max(1, p - 1),
-                      height: Math.max(1, c),
-                      fill: "currentColor",
-                      className: "text-primary",
-                      opacity: 0.85
-                    }
-                  ),
-                  /* @__PURE__ */ n(
-                    "rect",
-                    {
-                      x: _,
-                      y: T.top,
-                      width: Math.max(2, p),
-                      height: v,
-                      fill: "transparent",
-                      onMouseEnter: () => {
-                        f.bindHover({
-                          anchorX: N(_ + p / 2),
-                          anchorY: w,
-                          title: `${Lt(h.bucketStart, I)} · ${h.count} event${h.count === 1 ? "" : "s"}`,
-                          rows: [
-                            { label: "Bucket", value: Se(s.bucketMs) },
-                            { label: "Count", value: `${h.count}` }
-                          ]
-                        });
-                      }
-                    }
-                  )
-                ] }, `${h.bucketStart}-${g}`);
-              })
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(he, { state: f.state, containerWidth: l })
-      ] }),
-      m > 0 && /* @__PURE__ */ i("div", { className: "flex items-center justify-between text-[10px] text-foreground-subtle mt-1", children: [
-        /* @__PURE__ */ i("span", { children: [
-          m,
-          " event",
-          m === 1 ? "" : "s",
-          " · ",
-          Se(s.bucketMs),
-          " buckets"
-        ] }),
-        /* @__PURE__ */ i("span", { children: [
-          "peak ",
-          C.reduce((h, g) => Math.max(h, g.count), 0),
-          "/bucket"
-        ] })
-      ] })
-    ] })
-  ] });
+//#endregion
+//#region src/pipeline-analytics/widgets/MotionHistoryChart.tsx
+var G = {
+	"1h": {
+		label: "1 h",
+		windowMs: 60 * 6e4,
+		bucketMs: 6e4,
+		pollIntervalMs: 15e3
+	},
+	"6h": {
+		label: "6 h",
+		windowMs: 360 * 6e4,
+		bucketMs: 5 * 6e4,
+		pollIntervalMs: 6e4
+	},
+	"24h": {
+		label: "24 h",
+		windowMs: 1440 * 6e4,
+		bucketMs: 15 * 6e4,
+		pollIntervalMs: 3e5
+	}
+}, ke = [
+	{
+		id: "1h",
+		label: G["1h"].label
+	},
+	{
+		id: "6h",
+		label: G["6h"].label
+	},
+	{
+		id: "24h",
+		label: G["24h"].label
+	}
+], Ae = 5e3, K = 140, q = {
+	top: 14,
+	right: 12,
+	bottom: 24,
+	left: 32
+};
+function je({ deviceId: n }) {
+	let i = c(f().trpcClient, n), [a, s] = r("1h"), l = G[a], [u, d] = ee(), p = F(), _ = e(null), v = (e) => {
+		let t = _.current;
+		if (!t) return e;
+		let n = t.getBoundingClientRect();
+		return n.width === 0 ? e : e / d * n.width;
+	}, y = o({
+		queryKey: [
+			"pipeline-analytics",
+			n,
+			"motionEvents",
+			a
+		],
+		queryFn: async () => {
+			if (!i) return [];
+			let e = Date.now() - l.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), [
+		b,
+		S,
+		x,
+		l.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), [
+		S,
+		x,
+		d
+	]), D = t(() => Pe(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", {
+					className: "text-xs font-semibold text-foreground uppercase tracking-wider",
+					children: "Motion History"
+				})]
+			}), /* @__PURE__ */ m(M, {
+				presets: ke,
+				value: a,
+				onChange: s
+			})]
+		}), /* @__PURE__ */ h("div", {
+			ref: u,
+			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", {
+				ref: _,
+				role: "img",
+				"aria-label": "Motion event histogram",
+				width: "100%",
+				height: K,
+				viewBox: `0 0 ${d} ${K}`,
+				preserveAspectRatio: "none",
+				className: "block",
+				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,
+						y1: e,
+						y2: e,
+						stroke: "currentColor",
+						strokeOpacity: .08,
+						strokeWidth: .5
+					}), /* @__PURE__ */ m("text", {
+						x: q.left - 6,
+						y: e + 3,
+						textAnchor: "end",
+						className: "text-[9px] fill-foreground-subtle",
+						children: t
+					})] }, `y-${n}`)),
+					E.map(({ x: e, label: t }, n) => /* @__PURE__ */ m("text", {
+						x: e,
+						y: K - q.bottom + 12,
+						textAnchor: "middle",
+						className: "text-[9px] fill-foreground-subtle",
+						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;
+						return /* @__PURE__ */ h("g", { children: [e.count > 0 && /* @__PURE__ */ m("rect", {
+							x: n,
+							y: o,
+							width: Math.max(1, r - 1),
+							height: Math.max(1, a),
+							fill: "currentColor",
+							className: "text-primary",
+							opacity: .85
+						}), /* @__PURE__ */ m("rect", {
+							x: n,
+							y: q.top,
+							width: Math.max(2, r),
+							height: i,
+							fill: "transparent",
+							onMouseEnter: () => {
+								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)
+									}, {
+										label: "Count",
+										value: `${e.count}`
+									}]
+								});
+							}
+						})] }, `${e.bucketStart}-${t}`);
+					})
+				]
+			}), /* @__PURE__ */ m(I, {
+				state: p.state,
+				containerWidth: d
+			})] }), O > 0 && /* @__PURE__ */ h("div", {
+				className: "flex items-center justify-between text-[10px] text-foreground-subtle mt-1",
+				children: [/* @__PURE__ */ h("span", { children: [
+					O,
+					" event",
+					O === 1 ? "" : "s",
+					" · ",
+					Ie(l.bucketMs),
+					" ",
+					"buckets"
+				] }), /* @__PURE__ */ h("span", { children: [
+					"peak ",
+					C.reduce((e, t) => Math.max(e, t.count), 0),
+					"/bucket"
+				] })]
+			})]
+		})]
+	});
 }
-function At(e, t, o, r) {
-  if (o <= t) return [];
-  const a = Math.floor(t / r) * r, s = Math.floor(o / r) * r, d = /* @__PURE__ */ new Map();
-  for (let l = a; l <= s; l += r)
-    d.set(l, 0);
-  for (const l of e) {
-    if (l.timestamp < t || l.timestamp > o) continue;
-    const f = Math.floor(l.timestamp / r) * r;
-    d.set(f, (d.get(f) ?? 0) + 1);
-  }
-  return [...d.entries()].sort(([l], [f]) => l - f).map(([l, f]) => ({ bucketStart: l, count: f }));
+function Me(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);
+	for (let i of e) {
+		if (i.timestamp < t || i.timestamp > n) continue;
+		let e = Math.floor(i.timestamp / r) * r;
+		o.set(e, (o.get(e) ?? 0) + 1);
+	}
+	return [...o.entries()].toSorted(([e], [t]) => e - t).map(([e, t]) => ({
+		bucketStart: e,
+		count: t
+	}));
 }
-function Ft(e, t, o, r, a) {
-  const s = Math.max(1, r - o), d = a - T.left - T.right, l = T.left + (e - o) / s * d, f = t / s * d;
-  return { x: l, w: f };
+function Ne(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 Tt(e) {
-  const t = [];
-  for (let o = 0; o < 4; o++) {
-    const r = o / 3, a = Math.round(e * r), s = V - T.top - T.bottom;
-    t.push({
-      y: T.top + (1 - r) * s,
-      label: `${a}`
-    });
-  }
-  return t;
+function Pe(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;
+		t.push({
+			y: q.top + (1 - r) * a,
+			label: `${i}`
+		});
+	}
+	return t;
 }
-function Lt(e, t) {
-  const o = (r) => {
-    const a = new Date(r), s = String(a.getHours()).padStart(2, "0"), d = String(a.getMinutes()).padStart(2, "0");
-    return `${s}:${d}`;
-  };
-  return `${o(e)}–${o(t)}`;
+function Fe(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 Se(e) {
-  return e >= 60 * 6e4 ? `${Math.round(e / 6e4 / 60)}h` : e >= 6e4 ? `${Math.round(e / 6e4)}m` : `${Math.round(e / 1e3)}s`;
+function Ie(e) {
+	return e >= 60 * 6e4 ? `${Math.round(e / 6e4 / 60)}h` : e >= 6e4 ? `${Math.round(e / 6e4)}m` : `${Math.round(e / 1e3)}s`;
 }
-const re = {
-  "1h": { label: "1 h", windowMs: 60 * 6e4, bucketMs: 6e4, pollIntervalMs: 15e3 },
-  "6h": { label: "6 h", windowMs: 360 * 6e4, bucketMs: 5 * 6e4, pollIntervalMs: 6e4 },
-  "24h": { label: "24 h", windowMs: 1440 * 6e4, bucketMs: 15 * 6e4, pollIntervalMs: 3e5 }
-}, Dt = [
-  { id: "1h", label: re["1h"].label },
-  { id: "6h", label: re["6h"].label },
-  { id: "24h", label: re["24h"].label }
-], Et = 5e3, Ht = 4, W = "__other__", z = "__all__", Z = 160, A = { top: 14, right: 12, bottom: 24, left: 32 };
-function Wt({ deviceId: e }) {
-  const t = Y(), o = J(t.trpcClient, e), [r, a] = H("1h"), [s, d] = H(z), l = re[r], [f, u] = de(), N = ue(), $ = Q(null), F = le({
-    queryKey: ["pipeline-analytics", e, "objectEvents", r],
-    queryFn: async () => {
-      if (!o) return [];
-      const c = Date.now() - l.windowMs;
-      return await o.pipelineAnalytics?.getObjectEvents({
-        since: c,
-        limit: Et
-      }) ?? [];
-    },
-    enabled: !!o,
-    refetchInterval: l.pollIntervalMs,
-    staleTime: Math.max(1e3, l.pollIntervalMs / 2)
-  }), b = F.data ?? [], x = k(
-    () => s === z ? b : b.filter((c) => c.className === s),
-    [b, s]
-  ), C = F.dataUpdatedAt > 0 ? F.dataUpdatedAt : Date.now(), y = C - l.windowMs, L = k(() => {
-    const c = /* @__PURE__ */ new Set();
-    for (const w of b) c.add(w.className);
-    return s !== z && c.add(s), [...c].sort();
-  }, [b, s]);
-  ye(() => {
-    s !== z && b.length > 0 && !L.includes(s) && d(z);
-  }, [s, b, L]);
-  const D = k(() => jt(x, Ht), [x]), m = k(
-    () => Ot(x, y, C, l.bucketMs, D),
-    [x, y, C, l.bucketMs, D]
-  ), h = k(() => {
-    if (m.length === 0) return 1;
-    const c = m.reduce((w, I) => Math.max(w, I.total), 0);
-    return Math.max(1, Math.ceil(c * 1.15));
-  }, [m]), g = k(
-    () => we(y, C, u, A.left, A.right, 5),
-    [y, C, u]
-  ), _ = k(() => Bt(h), [h]), p = k(() => {
-    const c = D.map((w) => w.className);
-    return x.some((w) => !D.some((I) => I.className === w.className)) && c.push(W), c;
-  }, [x, D]), v = (c) => {
-    const w = $.current;
-    if (!w) return c;
-    const I = w.getBoundingClientRect();
-    return I.width === 0 ? c : c / u * I.width;
-  };
-  return /* @__PURE__ */ i("div", { className: "rounded-lg border border-border bg-surface overflow-hidden", children: [
-    /* @__PURE__ */ i("div", { className: "border-b border-border px-4 py-2 flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ n(et, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
-        /* @__PURE__ */ n("h2", { className: "text-xs font-semibold text-foreground uppercase tracking-wider", children: "Detection History" })
-      ] }),
-      /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-        L.length > 0 && /* @__PURE__ */ i(
-          "select",
-          {
-            value: s,
-            onChange: (c) => d(c.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__ */ n("option", { value: z, children: "All classes" }),
-              L.map((c) => /* @__PURE__ */ n("option", { value: c, children: c }, c))
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(ce, { presets: Dt, value: r, onChange: a })
-      ] })
-    ] }),
-    /* @__PURE__ */ i("div", { ref: f, className: "p-3 min-w-0 relative", children: [
-      x.length === 0 ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center h-32 text-[11px] text-foreground-subtle italic", children: F.isLoading ? "Loading…" : "No detection events in the selected window." }) : u === 0 ? /* @__PURE__ */ n("div", { className: "h-32" }) : /* @__PURE__ */ i(ie, { children: [
-        /* @__PURE__ */ i(
-          "svg",
-          {
-            ref: $,
-            role: "img",
-            "aria-label": "Detection event histogram",
-            width: "100%",
-            height: Z,
-            viewBox: `0 0 ${u} ${Z}`,
-            preserveAspectRatio: "none",
-            className: "block",
-            onMouseLeave: () => N.bindHover(null),
-            children: [
-              _.map(({ y: c, label: w }, I) => /* @__PURE__ */ i("g", { children: [
-                /* @__PURE__ */ n("line", { x1: A.left, x2: u - A.right, y1: c, y2: c, stroke: "currentColor", strokeOpacity: 0.08, strokeWidth: 0.5 }),
-                /* @__PURE__ */ n("text", { x: A.left - 6, y: c + 3, textAnchor: "end", className: "text-[9px] fill-foreground-subtle", children: w })
-              ] }, `y-${I}`)),
-              g.map(({ x: c, label: w }, I) => /* @__PURE__ */ n("text", { x: c, y: Z - A.bottom + 12, textAnchor: "middle", className: "text-[9px] fill-foreground-subtle", children: w }, `x-${I}`)),
-              m.map((c, w) => {
-                if (c.total === 0) return null;
-                const { x: I, w: R } = Rt(c.bucketStart, l.bucketMs, y, C, u), q = Z - A.top - A.bottom, He = c.total / h * q, We = A.top + (q - He);
-                let ke = 0;
-                const je = p.map((E, me) => {
-                  const G = c.byClass[E] ?? 0;
-                  if (G === 0) return null;
-                  const fe = G / h * q, Re = A.top + (q - ke - fe);
-                  ke += fe;
-                  const Be = E === W ? "#94a3b8" : be(me);
-                  return /* @__PURE__ */ n(
-                    "rect",
-                    {
-                      x: I,
-                      y: Re,
-                      width: Math.max(1, R - 1),
-                      height: Math.max(1, fe),
-                      fill: Be,
-                      opacity: 0.9
-                    },
-                    `${c.bucketStart}-${E}`
-                  );
-                }).filter((E) => E !== null), Oe = c.bucketStart + l.bucketMs;
-                return /* @__PURE__ */ i("g", { children: [
-                  je,
-                  /* @__PURE__ */ n(
-                    "rect",
-                    {
-                      x: I,
-                      y: A.top,
-                      width: Math.max(2, R),
-                      height: q,
-                      fill: "transparent",
-                      onMouseEnter: () => {
-                        N.bindHover({
-                          anchorX: v(I + R / 2),
-                          anchorY: We,
-                          title: `${Pt(c.bucketStart, Oe, l.bucketMs)} · ${c.total} detection${c.total === 1 ? "" : "s"}`,
-                          rows: p.map((E, me) => {
-                            const G = c.byClass[E] ?? 0;
-                            return G === 0 ? null : {
-                              label: E === W ? "other" : E,
-                              value: `${G}`,
-                              colour: E === W ? "#94a3b8" : be(me)
-                            };
-                          }).filter((E) => E !== null)
-                        });
-                      }
-                    }
-                  )
-                ] }, `g-${c.bucketStart}-${w}`);
-              })
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(he, { state: N.state, containerWidth: u }),
-        /* @__PURE__ */ n(Xt, { stackOrder: p })
-      ] }),
-      x.length > 0 && /* @__PURE__ */ i("div", { className: "flex items-center justify-between text-[10px] text-foreground-subtle mt-1", children: [
-        /* @__PURE__ */ i("span", { children: [
-          x.length,
-          " detection",
-          x.length === 1 ? "" : "s",
-          " · ",
-          zt(l.bucketMs),
-          " buckets"
-        ] }),
-        /* @__PURE__ */ i("span", { children: [
-          "peak ",
-          m.reduce((c, w) => Math.max(c, w.total), 0),
-          "/bucket"
-        ] })
-      ] })
-    ] })
-  ] });
+//#endregion
+//#region src/pipeline-analytics/widgets/DetectionHistoryChart.tsx
+var J = {
+	"1h": {
+		label: "1 h",
+		windowMs: 60 * 6e4,
+		bucketMs: 6e4,
+		pollIntervalMs: 15e3
+	},
+	"6h": {
+		label: "6 h",
+		windowMs: 360 * 6e4,
+		bucketMs: 5 * 6e4,
+		pollIntervalMs: 6e4
+	},
+	"24h": {
+		label: "24 h",
+		windowMs: 1440 * 6e4,
+		bucketMs: 15 * 6e4,
+		pollIntervalMs: 3e5
+	}
+}, Le = [
+	{
+		id: "1h",
+		label: J["1h"].label
+	},
+	{
+		id: "6h",
+		label: J["6h"].label
+	},
+	{
+		id: "24h",
+		label: J["24h"].label
+	}
+], Re = 5e3, ze = 4, Y = "__other__", X = "__all__", Z = 160, Q = {
+	top: 14,
+	right: 12,
+	bottom: 24,
+	left: 32
+};
+function Be({ deviceId: n }) {
+	let a = c(f().trpcClient, n), [s, l] = r("1h"), [u, d] = r(X), p = J[s], [_, v] = ee(), y = F(), b = e(null), x = o({
+		queryKey: [
+			"pipeline-analytics",
+			n,
+			"objectEvents",
+			s
+		],
+		queryFn: async () => {
+			if (!a) return [];
+			let e = Date.now() - p.windowMs;
+			return await a.pipelineAnalytics?.getObjectEvents({
+				since: e,
+				limit: Re
+			}) ?? [];
+		},
+		enabled: !!a,
+		refetchInterval: p.pollIntervalMs,
+		staleTime: Math.max(1e3, p.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 - 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]);
+	i(() => {
+		u !== X && S.length > 0 && !E.includes(u) && d(X);
+	}, [
+		u,
+		S,
+		E
+	]);
+	let O = t(() => Ve(C, ze), [C]), k = t(() => He(C, T, w, p.bucketMs, O), [
+		C,
+		T,
+		w,
+		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), [
+		T,
+		w,
+		v
+	]), te = t(() => We(A), [A]), N = 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) => {
+		let t = b.current;
+		if (!t) return e;
+		let n = t.getBoundingClientRect();
+		return n.width === 0 ? e : e / v * n.width;
+	};
+	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(D, { 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"
+				})]
+			}), /* @__PURE__ */ h("div", {
+				className: "flex items-center gap-2",
+				children: [E.length > 0 && /* @__PURE__ */ h("select", {
+					value: u,
+					onChange: (e) => d(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", {
+						value: X,
+						children: "All classes"
+					}), E.map((e) => /* @__PURE__ */ m("option", {
+						value: e,
+						children: e
+					}, e))]
+				}), /* @__PURE__ */ m(M, {
+					presets: Le,
+					value: s,
+					onChange: l
+				})]
+			})]
+		}), /* @__PURE__ */ h("div", {
+			ref: _,
+			className: "p-3 min-w-0 relative",
+			children: [C.length === 0 ? /* @__PURE__ */ m("div", {
+				className: "flex items-center justify-center h-32 text-[11px] text-foreground-subtle italic",
+				children: x.isLoading ? "Loading…" : "No detection events in the selected window."
+			}) : v === 0 ? /* @__PURE__ */ m("div", { className: "h-32" }) : /* @__PURE__ */ h(g, { children: [
+				/* @__PURE__ */ h("svg", {
+					ref: b,
+					role: "img",
+					"aria-label": "Detection event histogram",
+					width: "100%",
+					height: Z,
+					viewBox: `0 0 ${v} ${Z}`,
+					preserveAspectRatio: "none",
+					className: "block",
+					onMouseLeave: () => y.bindHover(null),
+					children: [
+						te.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
+							x1: Q.left,
+							x2: v - Q.right,
+							y1: e,
+							y2: e,
+							stroke: "currentColor",
+							strokeOpacity: .08,
+							strokeWidth: .5
+						}), /* @__PURE__ */ m("text", {
+							x: Q.left - 6,
+							y: e + 3,
+							textAnchor: "end",
+							className: "text-[9px] fill-foreground-subtle",
+							children: t
+						})] }, `y-${n}`)),
+						j.map(({ x: e, label: t }, n) => /* @__PURE__ */ m("text", {
+							x: e,
+							y: Z - Q.bottom + 12,
+							textAnchor: "middle",
+							className: "text-[9px] fill-foreground-subtle",
+							children: t
+						}, `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 = N.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);
+								return /* @__PURE__ */ m("rect", {
+									x: n,
+									y: l,
+									width: Math.max(1, r - 1),
+									height: Math.max(1, c),
+									fill: u,
+									opacity: .9
+								}, `${e.bucketStart}-${t}`);
+							}).filter((e) => e !== null), l = e.bucketStart + p.bucketMs;
+							return /* @__PURE__ */ h("g", { children: [c, /* @__PURE__ */ m("rect", {
+								x: n,
+								y: Q.top,
+								width: Math.max(2, r),
+								height: i,
+								fill: "transparent",
+								onMouseEnter: () => {
+									y.bindHover({
+										anchorX: P(n + r / 2),
+										anchorY: o,
+										title: `${Ge(e.bucketStart, l, p.bucketMs)} · ${e.total} detection${e.total === 1 ? "" : "s"}`,
+										rows: N.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)
+											};
+										}).filter((e) => e !== null)
+									});
+								}
+							})] }, `g-${e.bucketStart}-${t}`);
+						})
+					]
+				}),
+				/* @__PURE__ */ m(I, {
+					state: y.state,
+					containerWidth: v
+				}),
+				/* @__PURE__ */ m(qe, { stackOrder: N })
+			] }), C.length > 0 && /* @__PURE__ */ h("div", {
+				className: "flex items-center justify-between text-[10px] text-foreground-subtle mt-1",
+				children: [/* @__PURE__ */ h("span", { children: [
+					C.length,
+					" detection",
+					C.length === 1 ? "" : "s",
+					" ·",
+					" ",
+					Ke(p.bucketMs),
+					" buckets"
+				] }), /* @__PURE__ */ h("span", { children: [
+					"peak ",
+					k.reduce((e, t) => Math.max(e, t.total), 0),
+					"/bucket"
+				] })]
+			})]
+		})]
+	});
 }
-function jt(e, t) {
-  const o = /* @__PURE__ */ new Map();
-  for (const r of e)
-    o.set(r.className, (o.get(r.className) ?? 0) + 1);
-  return [...o.entries()].sort(([, r], [, a]) => a - r).slice(0, t).map(([r, a]) => ({ className: r, count: a }));
+function Ve(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]) => ({
+		className: e,
+		count: t
+	}));
 }
-function Ot(e, t, o, r, a) {
-  if (o <= t) return [];
-  const s = new Set(a.map((u) => u.className)), d = Math.floor(t / r) * r, l = Math.floor(o / r) * r, f = /* @__PURE__ */ new Map();
-  for (let u = d; u <= l; u += r)
-    f.set(u, { total: 0, byClass: {} });
-  for (const u of e) {
-    if (u.timestamp < t || u.timestamp > o) continue;
-    const N = Math.floor(u.timestamp / r) * r, $ = f.get(N);
-    if (!$) continue;
-    $.total += 1;
-    const F = s.has(u.className) ? u.className : W;
-    $.byClass[F] = ($.byClass[F] ?? 0) + 1;
-  }
-  return [...f.entries()].sort(([u], [N]) => u - N).map(([u, N]) => ({
-    bucketStart: u,
-    total: N.total,
-    byClass: N.byClass
-  }));
+function He(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, {
+		total: 0,
+		byClass: {}
+	});
+	for (let i of e) {
+		if (i.timestamp < t || i.timestamp > n) continue;
+		let e = Math.floor(i.timestamp / r) * r, o = c.get(e);
+		if (!o) continue;
+		o.total += 1;
+		let s = a.has(i.className) ? i.className : Y;
+		o.byClass[s] = (o.byClass[s] ?? 0) + 1;
+	}
+	return [...c.entries()].toSorted(([e], [t]) => e - t).map(([e, t]) => ({
+		bucketStart: e,
+		total: t.total,
+		byClass: t.byClass
+	}));
 }
-function Rt(e, t, o, r, a) {
-  const s = Math.max(1, r - o), d = a - A.left - A.right, l = A.left + (e - o) / s * d, f = t / s * d;
-  return { x: l, w: f };
+function Ue(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 Bt(e) {
-  const t = [];
-  for (let o = 0; o < 4; o++) {
-    const r = o / 3, a = Math.round(e * r), s = Z - A.top - A.bottom;
-    t.push({
-      y: A.top + (1 - r) * s,
-      label: `${a}`
-    });
-  }
-  return t;
+function We(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;
+		t.push({
+			y: Q.top + (1 - r) * a,
+			label: `${i}`
+		});
+	}
+	return t;
 }
-function Pt(e, t, o) {
-  const r = (a) => {
-    const s = String(a.getHours()).padStart(2, "0"), d = String(a.getMinutes()).padStart(2, "0");
-    return `${s}:${d}`;
-  };
-  return o >= 60 * 6e4 ? `${r(new Date(e))}–${r(new Date(t))}` : `${r(new Date(e))}–${r(new Date(t))}`;
+function Ge(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 zt(e) {
-  return e >= 60 * 6e4 ? `${Math.round(e / 6e4 / 60)}h` : e >= 6e4 ? `${Math.round(e / 6e4)}m` : `${Math.round(e / 1e3)}s`;
+function Ke(e) {
+	return e >= 60 * 6e4 ? `${Math.round(e / 6e4 / 60)}h` : e >= 6e4 ? `${Math.round(e / 6e4)}m` : `${Math.round(e / 1e3)}s`;
 }
-function Xt({ stackOrder: e }) {
-  return e.length === 0 ? null : /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2 mt-2 px-1", children: e.map((t, o) => {
-    const r = t === W ? "#94a3b8" : be(o);
-    return /* @__PURE__ */ i("span", { className: "inline-flex items-center gap-1 text-[10px] text-foreground-subtle", children: [
-      /* @__PURE__ */ n("span", { className: "inline-block h-2 w-2 rounded-sm", style: { backgroundColor: r } }),
-      /* @__PURE__ */ n("span", { children: t === W ? "other" : t })
-    ] }, t);
-  }) });
+function qe({ 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" : re(t) }
+			}), /* @__PURE__ */ m("span", { children: e === Y ? "other" : e })]
+		}, e))
+	});
 }
-function Yt({
-  dev: e,
-  deviceId: t,
-  title: o = "Live Occupancy",
-  variant: r = "full"
-}) {
-  const a = Y(), s = J(
-    a.trpcClient,
-    e === void 0 && t !== void 0 ? t : null
-  ), d = e ?? s, l = ve(d?.state.zoneAnalytics);
-  return l ? /* @__PURE__ */ n(Ie, { title: o, variant: r, ts: l.ts, children: /* @__PURE__ */ i("div", { className: r === "compact" ? "space-y-2" : "grid grid-cols-1 2xl:grid-cols-3 gap-3", children: [
-    /* @__PURE__ */ n(Gt, { frame: l.frame }),
-    /* @__PURE__ */ n(Vt, { snapshot: l }),
-    /* @__PURE__ */ n(Ut, { unzoned: l.unzoned })
-  ] }) }) : /* @__PURE__ */ n(Ie, { title: o, variant: r, children: /* @__PURE__ */ n(qt, { message: d ? "No occupancy data yet — analytics pipeline must be active for this device." : "Resolving device…" }) });
+//#endregion
+//#region src/pipeline-analytics/widgets/OccupancyPanel.tsx
+function Je({ dev: e, deviceId: t, title: n = "Live Occupancy", variant: r = "full" }) {
+	let i = c(f().trpcClient, e === void 0 && t !== void 0 ? t : null), a = e ?? i, o = u(a?.state.zoneAnalytics);
+	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(Ze, { frame: o.frame }),
+				/* @__PURE__ */ m($e, { snapshot: o }),
+				/* @__PURE__ */ m(Qe, { unzoned: o.unzoned })
+			]
+		})
+	}) : /* @__PURE__ */ m(Ye, {
+		title: n,
+		variant: r,
+		children: /* @__PURE__ */ m(Xe, { message: a ? "No occupancy data yet — analytics pipeline must be active for this device." : "Resolving device…" })
+	});
 }
-function Ie({ title: e, variant: t, ts: o, children: r }) {
-  const a = o ? Math.max(0, Math.floor((Date.now() - o) / 1e3)) : null;
-  return /* @__PURE__ */ i("div", { className: t === "compact" ? "rounded-md border border-border/60 bg-surface/60 p-3" : "rounded-lg border border-border bg-surface overflow-hidden", children: [
-    /* @__PURE__ */ i("div", { className: t === "compact" ? "flex items-center justify-between mb-2" : "border-b border-border px-4 py-2 flex items-center justify-between", children: [
-      /* @__PURE__ */ n("h2", { className: "text-xs font-semibold text-foreground uppercase tracking-wider", children: e }),
-      a !== null && /* @__PURE__ */ n("span", { className: "text-[10px] text-foreground-subtle", children: a === 0 ? "just now" : `${a}s ago` })
-    ] }),
-    /* @__PURE__ */ n("div", { className: t === "compact" ? "" : "p-3", 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",
+		children: [/* @__PURE__ */ h("div", {
+			className: t === "compact" ? "flex items-center justify-between mb-2" : "border-b border-border px-4 py-2 flex items-center justify-between",
+			children: [/* @__PURE__ */ m("h2", {
+				className: "text-xs font-semibold text-foreground uppercase tracking-wider",
+				children: e
+			}), i !== null && /* @__PURE__ */ m("span", {
+				className: "text-[10px] text-foreground-subtle",
+				children: i === 0 ? "just now" : `${i}s ago`
+			})]
+		}), /* @__PURE__ */ m("div", {
+			className: t === "compact" ? "" : "p-3",
+			children: r
+		})]
+	});
 }
-function qt({ message: e }) {
-  return /* @__PURE__ */ i("div", { className: "px-4 py-6 flex flex-col items-center text-center text-foreground-subtle", children: [
-    /* @__PURE__ */ n(oe, { className: "h-5 w-5 mb-2 opacity-30" }),
-    /* @__PURE__ */ n("p", { className: "text-[11px]", children: e })
-  ] });
+function Xe({ 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", {
+			className: "text-[11px]",
+			children: e
+		})]
+	});
 }
-function Gt({ frame: e }) {
-  return /* @__PURE__ */ n(
-    Ne,
-    {
-      icon: /* @__PURE__ */ n(Qe, { className: "h-3.5 w-3.5" }),
-      label: "Frame total",
-      total: e.totalObjects,
-      byClass: e.byClass,
-      tone: "default"
-    }
-  );
+function Ze({ frame: e }) {
+	return /* @__PURE__ */ m(et, {
+		icon: /* @__PURE__ */ m(E, { className: "h-3.5 w-3.5" }),
+		label: "Frame total",
+		total: e.totalObjects,
+		byClass: e.byClass,
+		tone: "default"
+	});
 }
-function Ut({ unzoned: e }) {
-  return /* @__PURE__ */ n(
-    Ne,
-    {
-      icon: /* @__PURE__ */ n(rt, { className: "h-3.5 w-3.5" }),
-      label: "Outside any zone",
-      total: e.totalObjects,
-      byClass: e.byClass,
-      tone: "muted"
-    }
-  );
+function Qe({ unzoned: e }) {
+	return /* @__PURE__ */ m(et, {
+		icon: /* @__PURE__ */ m(k, { className: "h-3.5 w-3.5" }),
+		label: "Outside any zone",
+		total: e.totalObjects,
+		byClass: e.byClass,
+		tone: "muted"
+	});
 }
-function Vt({ snapshot: e }) {
-  return e.zones.length === 0 ? /* @__PURE__ */ n(
-    Ne,
-    {
-      icon: /* @__PURE__ */ n(oe, { className: "h-3.5 w-3.5" }),
-      label: "Per-zone",
-      total: 0,
-      byClass: {},
-      tone: "muted",
-      emptyMessage: "No zones defined for this camera."
-    }
-  ) : /* @__PURE__ */ i("div", { className: "rounded-md border border-border/60 bg-background/40", children: [
-    /* @__PURE__ */ i("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__ */ n(oe, { className: "h-3.5 w-3.5" }),
-      /* @__PURE__ */ n("span", { children: "Per-zone" }),
-      /* @__PURE__ */ n("span", { className: "ml-auto text-[10px] normal-case tracking-normal", children: e.zones.length })
-    ] }),
-    /* @__PURE__ */ n("div", { className: "divide-y divide-border/30", children: e.zones.map((t) => /* @__PURE__ */ i("div", { className: "px-3 py-2", children: [
-      /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-1", children: [
-        /* @__PURE__ */ n("span", { className: "text-xs font-medium text-foreground truncate", children: t.zoneName }),
-        /* @__PURE__ */ n("span", { className: "rounded-full px-2 py-0.5 text-[10px] font-medium bg-foreground-subtle/10 text-foreground-subtle border border-border", children: t.totalObjects })
-      ] }),
-      /* @__PURE__ */ n(Ee, { byClass: t.byClass })
-    ] }, t.zoneId)) })
-  ] });
+function $e({ snapshot: e }) {
+	return e.zones.length === 0 ? /* @__PURE__ */ m(et, {
+		icon: /* @__PURE__ */ m(O, { className: "h-3.5 w-3.5" }),
+		label: "Per-zone",
+		total: 0,
+		byClass: {},
+		tone: "muted",
+		emptyMessage: "No zones defined for this camera."
+	}) : /* @__PURE__ */ h("div", {
+		className: "rounded-md border border-border/60 bg-background/40",
+		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("span", { children: "Per-zone" }),
+				/* @__PURE__ */ m("span", {
+					className: "ml-auto text-[10px] normal-case tracking-normal",
+					children: e.zones.length
+				})
+			]
+		}), /* @__PURE__ */ m("div", {
+			className: "divide-y divide-border/30",
+			children: e.zones.map((e) => /* @__PURE__ */ h("div", {
+				className: "px-3 py-2",
+				children: [/* @__PURE__ */ h("div", {
+					className: "flex items-center justify-between mb-1",
+					children: [/* @__PURE__ */ m("span", {
+						className: "text-xs font-medium text-foreground truncate",
+						children: e.zoneName
+					}), /* @__PURE__ */ m("span", {
+						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 })]
+			}, e.zoneId))
+		})]
+	});
 }
-function Ne({ icon: e, label: t, total: o, byClass: r, tone: a, emptyMessage: s }) {
-  const d = Object.keys(r).length;
-  return /* @__PURE__ */ i("div", { className: a === "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", children: [
-    /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 mb-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle", children: [
-      e,
-      /* @__PURE__ */ n("span", { children: t }),
-      /* @__PURE__ */ n("span", { className: "ml-auto text-base font-semibold text-foreground tabular-nums normal-case tracking-normal", children: o })
-    ] }),
-    d === 0 ? /* @__PURE__ */ n("span", { className: "text-[10px] text-foreground-subtle italic", children: s ?? "no objects" }) : /* @__PURE__ */ n(Ee, { byClass: r })
-  ] });
+function et({ 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",
+		children: [/* @__PURE__ */ h("div", {
+			className: "flex items-center gap-1.5 mb-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle",
+			children: [
+				e,
+				/* @__PURE__ */ m("span", { children: t }),
+				/* @__PURE__ */ m("span", {
+					className: "ml-auto text-base font-semibold text-foreground tabular-nums normal-case tracking-normal",
+					children: n
+				})
+			]
+		}), o === 0 ? /* @__PURE__ */ m("span", {
+			className: "text-[10px] text-foreground-subtle italic",
+			children: a ?? "no objects"
+		}) : /* @__PURE__ */ m(tt, { byClass: r })]
+	});
 }
-function Ee({ byClass: e }) {
-  const t = k(
-    () => Object.entries(e).sort(([, o], [, r]) => r - o),
-    [e]
-  );
-  return t.length === 0 ? /* @__PURE__ */ n("span", { className: "text-[10px] text-foreground-subtle italic", children: "no objects" }) : /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-1", children: t.map(([o, r]) => /* @__PURE__ */ i(
-    "span",
-    {
-      className: "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium bg-primary/10 text-primary border border-primary/20",
-      children: [
-        /* @__PURE__ */ n("span", { children: o }),
-        /* @__PURE__ */ n("span", { className: "tabular-nums opacity-80", children: r })
-      ]
-    },
-    o
-  )) });
+function tt({ 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",
+		children: "no objects"
+	}) : /* @__PURE__ */ m("div", {
+		className: "flex flex-wrap gap-1",
+		children: n.map(([e, t]) => /* @__PURE__ */ h("span", {
+			className: "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium bg-primary/10 text-primary border border-primary/20",
+			children: [/* @__PURE__ */ m("span", { children: e }), /* @__PURE__ */ m("span", {
+				className: "tabular-nums opacity-80",
+				children: t
+			})]
+		}, e))
+	});
 }
-function Zt({ deviceId: e }) {
-  return /* @__PURE__ */ i("div", { className: ze, children: [
-    /* @__PURE__ */ i(
-      "div",
-      {
-        className: `grid ${Xe}`,
-        style: { gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 340px), 1fr))" },
-        children: [
-          /* @__PURE__ */ n(
-            B,
-            {
-              widgetId: "pipeline-analytics/live-occupancy-panel",
-              host: "device-tab",
-              deviceId: e
-            }
-          ),
-          /* @__PURE__ */ n(
-            B,
-            {
-              widgetId: "pipeline-analytics/audio-metrics-panel",
-              host: "device-tab",
-              deviceId: e
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ n(
-      B,
-      {
-        widgetId: "pipeline-analytics/audio-history-chart",
-        host: "device-tab",
-        deviceId: e
-      }
-    ),
-    /* @__PURE__ */ n(
-      B,
-      {
-        widgetId: "pipeline-analytics/occupancy-history-chart",
-        host: "device-tab",
-        deviceId: e
-      }
-    ),
-    /* @__PURE__ */ n(
-      B,
-      {
-        widgetId: "pipeline-analytics/motion-history-chart",
-        host: "device-tab",
-        deviceId: e
-      }
-    ),
-    /* @__PURE__ */ n(
-      B,
-      {
-        widgetId: "pipeline-analytics/detection-history-chart",
-        host: "device-tab",
-        deviceId: e
-      }
-    )
-  ] });
+//#endregion
+//#region src/pipeline-analytics/widgets/LiveStatsTab.tsx
+function nt({ deviceId: e }) {
+	return /* @__PURE__ */ h("div", {
+		className: l,
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: `grid ${p}`,
+				style: { gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 340px), 1fr))" },
+				children: [/* @__PURE__ */ m(d, {
+					widgetId: "pipeline-analytics/live-occupancy-panel",
+					host: "device-tab",
+					deviceId: e
+				}), /* @__PURE__ */ m(d, {
+					widgetId: "pipeline-analytics/audio-metrics-panel",
+					host: "device-tab",
+					deviceId: e
+				})]
+			}),
+			/* @__PURE__ */ m(d, {
+				widgetId: "pipeline-analytics/audio-history-chart",
+				host: "device-tab",
+				deviceId: e
+			}),
+			/* @__PURE__ */ m(d, {
+				widgetId: "pipeline-analytics/occupancy-history-chart",
+				host: "device-tab",
+				deviceId: e
+			}),
+			/* @__PURE__ */ m(d, {
+				widgetId: "pipeline-analytics/motion-history-chart",
+				host: "device-tab",
+				deviceId: e
+			}),
+			/* @__PURE__ */ m(d, {
+				widgetId: "pipeline-analytics/detection-history-chart",
+				host: "device-tab",
+				deviceId: e
+			})
+		]
+	});
 }
-function O({ name: e }) {
-  return /* @__PURE__ */ i("div", { className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning", children: [
-    e,
-    " requires a deviceId"
-  ] });
+//#endregion
+//#region src/pipeline-analytics/widgets/index.tsx
+function $({ name: e }) {
+	return /* @__PURE__ */ h("div", {
+		className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning",
+		children: [e, " requires a deviceId"]
+	});
 }
-function Kt(e) {
-  return e.deviceId === void 0 ? /* @__PURE__ */ n(O, { name: "AudioHistoryChart" }) : /* @__PURE__ */ n(ut, { deviceId: e.deviceId });
+function rt(e) {
+	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "AudioHistoryChart" }) : /* @__PURE__ */ m(se, { deviceId: e.deviceId });
 }
-function Qt(e) {
-  return e.deviceId === void 0 ? /* @__PURE__ */ n(O, { name: "AudioMetricsPanel" }) : /* @__PURE__ */ n(xt, { deviceId: e.deviceId });
+function it(e) {
+	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "AudioMetricsPanel" }) : /* @__PURE__ */ m(_e, { deviceId: e.deviceId });
 }
-function Jt(e) {
-  return e.deviceId === void 0 ? /* @__PURE__ */ n(O, { name: "OccupancyHistoryChart" }) : /* @__PURE__ */ n(kt, { deviceId: e.deviceId });
+function at(e) {
+	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "OccupancyHistoryChart" }) : /* @__PURE__ */ m(we, { deviceId: e.deviceId });
 }
-function en(e) {
-  return e.deviceId === void 0 ? /* @__PURE__ */ n(O, { name: "MotionHistoryChart" }) : /* @__PURE__ */ n(It, { deviceId: e.deviceId });
+function ot(e) {
+	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "MotionHistoryChart" }) : /* @__PURE__ */ m(je, { deviceId: e.deviceId });
 }
-function tn(e) {
-  return e.deviceId === void 0 ? /* @__PURE__ */ n(O, { name: "DetectionHistoryChart" }) : /* @__PURE__ */ n(Wt, { deviceId: e.deviceId });
+function st(e) {
+	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "DetectionHistoryChart" }) : /* @__PURE__ */ m(Be, { deviceId: e.deviceId });
 }
-function nn(e) {
-  return e.deviceId === void 0 ? /* @__PURE__ */ n(O, { name: "LiveOccupancyPanel" }) : /* @__PURE__ */ n(Yt, { deviceId: e.deviceId });
+function ct(e) {
+	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "LiveOccupancyPanel" }) : /* @__PURE__ */ m(Je, { deviceId: e.deviceId });
 }
-function rn(e) {
-  return e.deviceId === void 0 ? /* @__PURE__ */ n(O, { name: "LiveStats" }) : /* @__PURE__ */ n(Zt, { deviceId: e.deviceId });
+function lt(e) {
+	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "LiveStats" }) : /* @__PURE__ */ m(nt, { deviceId: e.deviceId });
 }
-const cn = {
-  "audio-history-chart": Kt,
-  "audio-metrics-panel": Qt,
-  "occupancy-history-chart": Jt,
-  "motion-history-chart": en,
-  "detection-history-chart": tn,
-  "live-occupancy-panel": nn,
-  "live-stats": rn
-};
-export {
-  cn as default
+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
 };
+//#endregion
+export { ut as default };