@camstack/addon-post-analysis 1.2.369 → 1.2.370

package/dist/pipeline-analytics/_stub.js

@@ -1,13 +1,13 @@
 import { a as e, i as t, n, o as r, r as i, t as a } from "./_virtual_mf___mfe_internal__addon_pipeline_analytics_widgets__loadShare__react__loadShare__.js-C0AuF9av.mjs";
 import { t as o } from "./_virtual_mf___mfe_internal__addon_pipeline_analytics_widgets__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-B3Wx5J80.mjs";
-import { a as s, i as c, n as l, o as u, r as d, s as f, t as p } from "./_virtual_mf___mfe_internal__addon_pipeline_analytics_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-Bb1tsxlC.mjs";
-import { n as m, r as h, t as g } from "./_virtual_mf___mfe_internal__addon_pipeline_analytics_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-Bm-iyjmq.mjs";
-import { t as _ } from "./_virtual_mf___mfe_internal__addon_pipeline_analytics_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-DOGD-EFh.mjs";
+import { a as s, c, i as l, n as u, o as d, r as f, s as p, t as m } from "./_virtual_mf___mfe_internal__addon_pipeline_analytics_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-CkaRW2Sy.mjs";
+import { n as h, r as g, t as _ } from "./_virtual_mf___mfe_internal__addon_pipeline_analytics_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-Bm-iyjmq.mjs";
+import { t as v } from "./_virtual_mf___mfe_internal__addon_pipeline_analytics_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-BRMRfKVO.mjs";
 //#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
-var v = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), y = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), b = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), x = (e) => {
-	let t = b(e);
+var y = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), b = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), x = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), S = (e) => {
+	let t = x(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, S = {
+}, C = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -17,31 +17,31 @@ var v = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, C = (e) => {
+}, w = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, w = n(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: o, iconNode: s, ...c }, l) => a("svg", {
+}, T = 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,
+	...C,
 	width: t,
 	height: t,
 	stroke: e,
 	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
-	className: v("lucide", i),
-	...!o && !C(c) && { "aria-hidden": "true" },
+	className: y("lucide", i),
+	...!o && !w(c) && { "aria-hidden": "true" },
 	...c
-}, [...s.map(([e, t]) => a(e, t)), ...Array.isArray(o) ? o : [o]])), T = (e, t) => {
-	let r = n(({ className: n, ...r }, i) => a(w, {
+}, [...s.map(([e, t]) => a(e, t)), ...Array.isArray(o) ? o : [o]])), E = (e, t) => {
+	let r = n(({ className: n, ...r }, i) => a(T, {
 		ref: i,
 		iconNode: t,
-		className: v(`lucide-${y(x(e))}`, `lucide-${e}`, n),
+		className: y(`lucide-${b(S(e))}`, `lucide-${e}`, n),
 		...r
 	}));
-	return r.displayName = x(e), r;
-}, E = T("activity", [["path", {
+	return r.displayName = S(e), r;
+}, D = E("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"
-}]]), D = T("boxes", [
+}]]), O = E("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"
@@ -90,7 +90,7 @@ var v = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M12 13.5V8",
 		key: "1io7kd"
 	}]
-]), O = T("eye", [["path", {
+]), k = E("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", {
@@ -98,7 +98,7 @@ var v = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	cy: "12",
 	r: "3",
 	key: "1v7zrd"
-}]]), k = T("layers", [
+}]]), A = E("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"
@@ -111,7 +111,7 @@ var v = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
 		key: "kqbvx6"
 	}]
-]), A = T("map-pin-off", [
+]), j = E("map-pin-off", [
 	["path", {
 		d: "M12.75 7.09a3 3 0 0 1 2.16 2.16",
 		key: "1d4wjd"
@@ -132,7 +132,7 @@ var v = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M9.13 9.13a3 3 0 0 0 3.74 3.74",
 		key: "13wojd"
 	}]
-]), j = T("mic-off", [
+]), M = E("mic-off", [
 	["path", {
 		d: "M12 19v3",
 		key: "npa21l"
@@ -157,7 +157,7 @@ var v = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M9 9v3a3 3 0 0 0 5.12 2.12",
 		key: "r2i35w"
 	}]
-]), M = T("mic", [
+]), N = E("mic", [
 	["path", {
 		d: "M12 19v3",
 		key: "npa21l"
@@ -174,13 +174,178 @@ var v = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		rx: "3",
 		key: "s6n7sd"
 	}]
-]);
+]), { useT: P } = c("pipeline-analytics", {
+	en: {
+		missingDevice: "{{name}} requires a deviceId",
+		common: {
+			loading: "Loading…",
+			resolving: "Resolving device…",
+			justNow: "just now",
+			secondsAgo: "{{seconds}}s ago"
+		},
+		audioMetrics: {
+			title: "Audio Metrics",
+			noData: "No audio data yet — analytics pipeline must be active and audio enabled for this device.",
+			level: "Level",
+			silent: "silent",
+			peak: "peak {{value}} dB",
+			avg: "avg {{value}} dB",
+			window: "{{seconds}}s window",
+			now: "Now",
+			scoreAgo: "score {{score}}% — {{seconds}}s ago",
+			unclassified: "silence / unclassified",
+			last: "Last {{seconds}}s",
+			noClassified: "no classified audio",
+			hits: "{{count}}× hits"
+		},
+		occupancy: {
+			title: "Live Occupancy",
+			noData: "No occupancy data yet — analytics pipeline must be active for this device.",
+			frameTotal: "Frame total",
+			outsideZone: "Outside any zone",
+			perZone: "Per-zone",
+			noZones: "No zones defined for this camera.",
+			noObjects: "no objects"
+		},
+		audioHistory: {
+			title: "Audio Level History",
+			empty: "No audio history yet — analytics pipeline must be active.",
+			ariaLabel: "Audio dBFS history",
+			peakWindow: "peak (window)",
+			avgWindow: "avg (window)",
+			samples: "{{count}} samples · ~{{seconds}}s spacing",
+			peak: "peak {{value}} dB"
+		},
+		occupancyHistory: {
+			title: "Occupancy History",
+			filterByClass: "Filter by detected class",
+			allClasses: "All classes",
+			empty: "No occupancy history yet — analytics pipeline must be active.",
+			ariaLabel: "Frame occupancy history",
+			objects_one: "{{count}} object",
+			objects_other: "{{count}} objects",
+			class: "Class",
+			all: "all",
+			bucket: "Bucket",
+			buckets_one: "{{count}} bucket · 5 min resolution",
+			buckets_other: "{{count}} buckets · 5 min resolution",
+			peak: "peak {{value}} obj"
+		},
+		motionHistory: {
+			title: "Motion History",
+			empty: "No motion events in the selected window.",
+			ariaLabel: "Motion event histogram",
+			events_one: "{{count}} event",
+			events_other: "{{count}} events",
+			bucket: "Bucket",
+			count: "Count",
+			summary_one: "{{count}} event · {{bucket}} buckets",
+			summary_other: "{{count}} events · {{bucket}} buckets",
+			peak: "peak {{value}}/bucket"
+		},
+		detectionHistory: {
+			title: "Detection History",
+			filterByClass: "Filter by detected class",
+			allClasses: "All classes",
+			empty: "No detection events in the selected window.",
+			ariaLabel: "Detection event histogram",
+			detections_one: "{{count}} detection",
+			detections_other: "{{count}} detections",
+			other: "other",
+			summary_one: "{{count}} detection · {{bucket}} buckets",
+			summary_other: "{{count}} detections · {{bucket}} buckets",
+			peak: "peak {{value}}/bucket"
+		}
+	},
+	it: {
+		missingDevice: "{{name}} richiede un deviceId",
+		common: {
+			loading: "Caricamento…",
+			resolving: "Risoluzione del dispositivo…",
+			justNow: "adesso",
+			secondsAgo: "{{seconds}}s fa"
+		},
+		audioMetrics: {
+			title: "Metriche audio",
+			noData: "Ancora nessun dato audio: la pipeline di analisi deve essere attiva e l'audio abilitato per questo dispositivo.",
+			level: "Livello",
+			silent: "silenzio",
+			peak: "picco {{value}} dB",
+			avg: "media {{value}} dB",
+			window: "finestra di {{seconds}}s",
+			now: "Adesso",
+			scoreAgo: "punteggio {{score}}% — {{seconds}}s fa",
+			unclassified: "silenzio / non classificato",
+			last: "Ultimi {{seconds}}s",
+			noClassified: "nessun audio classificato",
+			hits: "{{count}}× rilevamenti"
+		},
+		occupancy: {
+			title: "Occupazione live",
+			noData: "Ancora nessun dato di occupazione: la pipeline di analisi deve essere attiva per questo dispositivo.",
+			frameTotal: "Totale fotogramma",
+			outsideZone: "Fuori da ogni zona",
+			perZone: "Per zona",
+			noZones: "Nessuna zona definita per questa telecamera.",
+			noObjects: "nessun oggetto"
+		},
+		audioHistory: {
+			title: "Storico livello audio",
+			empty: "Ancora nessuno storico audio: la pipeline di analisi deve essere attiva.",
+			ariaLabel: "Storico dBFS audio",
+			peakWindow: "picco (finestra)",
+			avgWindow: "media (finestra)",
+			samples: "{{count}} campioni · intervallo ~{{seconds}}s",
+			peak: "picco {{value}} dB"
+		},
+		occupancyHistory: {
+			title: "Storico occupazione",
+			filterByClass: "Filtra per classe rilevata",
+			allClasses: "Tutte le classi",
+			empty: "Ancora nessuno storico di occupazione: la pipeline di analisi deve essere attiva.",
+			ariaLabel: "Storico occupazione del fotogramma",
+			objects_one: "{{count}} oggetto",
+			objects_other: "{{count}} oggetti",
+			class: "Classe",
+			all: "tutte",
+			bucket: "Intervallo",
+			buckets_one: "{{count}} intervallo · risoluzione 5 min",
+			buckets_other: "{{count}} intervalli · risoluzione 5 min",
+			peak: "picco {{value}} ogg."
+		},
+		motionHistory: {
+			title: "Storico movimento",
+			empty: "Nessun evento di movimento nella finestra selezionata.",
+			ariaLabel: "Istogramma degli eventi di movimento",
+			events_one: "{{count}} evento",
+			events_other: "{{count}} eventi",
+			bucket: "Intervallo",
+			count: "Conteggio",
+			summary_one: "{{count}} evento · intervalli da {{bucket}}",
+			summary_other: "{{count}} eventi · intervalli da {{bucket}}",
+			peak: "picco {{value}}/intervallo"
+		},
+		detectionHistory: {
+			title: "Storico rilevamenti",
+			filterByClass: "Filtra per classe rilevata",
+			allClasses: "Tutte le classi",
+			empty: "Nessun evento di rilevamento nella finestra selezionata.",
+			ariaLabel: "Istogramma degli eventi di rilevamento",
+			detections_one: "{{count}} rilevamento",
+			detections_other: "{{count}} rilevamenti",
+			other: "altro",
+			summary_one: "{{count}} rilevamento · intervalli da {{bucket}}",
+			summary_other: "{{count}} rilevamenti · intervalli da {{bucket}}",
+			peak: "picco {{value}}/intervallo"
+		}
+	}
+});
 //#endregion
 //#region src/pipeline-analytics/widgets/chart-utils.tsx
-function N({ presets: e, value: t, onChange: n }) {
-	return /* @__PURE__ */ m("div", {
+function F({ presets: e, value: t, onChange: n }) {
+	return /* @__PURE__ */ h("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", {
+		children: e.map(({ id: e, label: r }) => /* @__PURE__ */ h("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"}`,
@@ -188,7 +353,7 @@ function N({ presets: e, value: t, onChange: n }) {
 		}, e))
 	});
 }
-function P(t = 0) {
+function I(t = 0) {
 	let n = e(null), [a, o] = r(0);
 	return i(() => {
 		let e = n.current;
@@ -202,7 +367,7 @@ function P(t = 0) {
 		return i.observe(e), () => i.disconnect();
 	}, [t]), [n, a];
 }
-function F(e, t) {
+function L(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}`;
 }
@@ -218,7 +383,7 @@ function te(e, t, n, r, i, a) {
 		let n = t / Math.max(1, a - 1), i = e + o * n;
 		s.push({
 			x: r + n * c,
-			label: F(i, o)
+			label: L(i, o)
 		});
 	}
 	return s;
@@ -236,17 +401,17 @@ var ne = [
 function re(e) {
 	return ne[e % ne.length] ?? "#64748b";
 }
-function I() {
+function ie() {
 	let [e, t] = r(null);
 	return {
 		state: e,
 		bindHover: t
 	};
 }
-function ie({ state: e, containerWidth: t }) {
+function R({ 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", {
+	return /* @__PURE__ */ g("div", {
 		role: "tooltip",
 		style: {
 			position: "absolute",
@@ -257,30 +422,30 @@ function ie({ state: e, containerWidth: t }) {
 		},
 		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", {
+			/* @__PURE__ */ h("div", {
 				className: "font-semibold mb-1 truncate",
 				children: e.title
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "space-y-0.5",
-				children: e.rows.map((e, t) => /* @__PURE__ */ h("div", {
+				children: e.rows.map((e, t) => /* @__PURE__ */ g("div", {
 					className: "flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ h("span", {
+					children: [/* @__PURE__ */ g("span", {
 						className: "flex items-center gap-1 text-foreground-subtle truncate",
-						children: [e.colour && /* @__PURE__ */ m("span", {
+						children: [e.colour && /* @__PURE__ */ h("span", {
 							className: "inline-block h-1.5 w-1.5 rounded-sm flex-shrink-0",
 							style: { backgroundColor: e.colour }
-						}), /* @__PURE__ */ m("span", {
+						}), /* @__PURE__ */ h("span", {
 							className: "truncate",
 							children: e.label
 						})]
-					}), /* @__PURE__ */ m("span", {
+					}), /* @__PURE__ */ h("span", {
 						className: "tabular-nums",
 						children: e.value
 					})]
 				}, t))
 			}),
-			/* @__PURE__ */ m("span", {
+			/* @__PURE__ */ h("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"
@@ -290,7 +455,7 @@ function ie({ state: e, containerWidth: t }) {
 }
 //#endregion
 //#region src/pipeline-analytics/widgets/AudioHistoryChart.tsx
-var L = {
+var z = {
 	"5m": {
 		label: "5 min",
 		windowSec: 300,
@@ -312,17 +477,17 @@ var L = {
 }, ae = [
 	{
 		id: "5m",
-		label: L["5m"].label
+		label: z["5m"].label
 	},
 	{
 		id: "1h",
-		label: L["1h"].label
+		label: z["1h"].label
 	},
 	{
 		id: "24h",
-		label: L["24h"].label
+		label: z["24h"].label
 	}
-], R = 140, z = {
+], B = 140, V = {
 	top: 16,
 	right: 12,
 	bottom: 24,
@@ -339,132 +504,132 @@ function se(e) {
 	return e ? oe[e.toLowerCase()] ?? "#6366f1" : "#71717a";
 }
 function ce({ deviceId: n }) {
-	let i = p(c().trpcClient, n), [a, s] = r("5m"), l = L[a], [u, d] = P(), f = I(), _ = e(null), v = (e) => {
-		let t = _.current;
+	let { t: i } = P(), a = m(l().trpcClient, n), [s, c] = r("5m"), u = z[s], [d, f] = I(), p = ie(), v = e(null), y = (e) => {
+		let t = v.current;
 		if (!t) return e;
 		let n = t.getBoundingClientRect();
-		return n.width === 0 ? e : e / d * n.width;
-	}, y = o({
+		return n.width === 0 ? e : e / f * n.width;
+	}, b = o({
 		queryKey: [
 			"audio-metrics",
 			n,
 			"history",
-			a
+			s
 		],
-		queryFn: async () => i ? await i.audioMetrics?.getHistory({
-			windowSec: l.windowSec,
-			sampleEveryMs: l.sampleEveryMs
+		queryFn: async () => a ? await a.audioMetrics?.getHistory({
+			windowSec: u.windowSec,
+			sampleEveryMs: u.sampleEveryMs
 		}) ?? null : null,
-		enabled: !!i,
-		refetchInterval: l.pollIntervalMs,
-		staleTime: Math.max(1e3, l.pollIntervalMs / 2)
-	}), b = y.data, x = b?.points ?? [], S = t(() => pe(x), [x]), C = t(() => de(x, d, S), [
-		x,
-		d,
-		S
-	]), w = t(() => fe(x, d, S), [
-		x,
-		d,
-		S
-	]), T = t(() => me(S), [S]), D = t(() => he(x, d), [x, d]);
-	return /* @__PURE__ */ h("div", {
+		enabled: !!a,
+		refetchInterval: u.pollIntervalMs,
+		staleTime: Math.max(1e3, u.pollIntervalMs / 2)
+	}), x = b.data, S = x?.points ?? [], C = t(() => pe(S), [S]), w = t(() => de(S, f, C), [
+		S,
+		f,
+		C
+	]), T = t(() => fe(S, f, C), [
+		S,
+		f,
+		C
+	]), E = t(() => me(C), [C]), O = t(() => he(S, f), [S, f]);
+	return /* @__PURE__ */ g("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
-		children: [/* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ g("div", {
 			className: "border-b border-border px-4 py-2 flex items-center justify-between gap-3",
-			children: [/* @__PURE__ */ h("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ m(E, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ m("h2", {
+				children: [/* @__PURE__ */ h(D, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ h("h2", {
 					className: "text-xs font-semibold text-foreground uppercase tracking-wider",
-					children: "Audio Level History"
+					children: i("audioHistory.title")
 				})]
-			}), /* @__PURE__ */ m(N, {
+			}), /* @__PURE__ */ h(F, {
 				presets: ae,
-				value: a,
-				onChange: s
+				value: s,
+				onChange: c
 			})]
-		}), /* @__PURE__ */ h("div", {
-			ref: u,
+		}), /* @__PURE__ */ g("div", {
+			ref: d,
 			className: "p-3 min-w-0 relative",
-			children: [x.length === 0 ? /* @__PURE__ */ m("div", {
+			children: [S.length === 0 ? /* @__PURE__ */ h("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: _,
+				children: b.isLoading ? i("common.loading") : i("audioHistory.empty")
+			}) : f === 0 ? /* @__PURE__ */ h("div", { className: "h-32" }) : /* @__PURE__ */ g(_, { children: [/* @__PURE__ */ g("svg", {
+				ref: v,
 				role: "img",
-				"aria-label": "Audio dBFS history",
+				"aria-label": i("audioHistory.ariaLabel"),
 				width: "100%",
-				height: R,
-				viewBox: `0 0 ${d} ${R}`,
+				height: B,
+				viewBox: `0 0 ${f} ${B}`,
 				preserveAspectRatio: "none",
 				className: "block",
-				onMouseLeave: () => f.bindHover(null),
+				onMouseLeave: () => p.bindHover(null),
 				children: [
-					T.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
-						x1: z.left,
-						x2: d - z.right,
+					E.map(({ y: e, label: t }, n) => /* @__PURE__ */ g("g", { children: [/* @__PURE__ */ h("line", {
+						x1: V.left,
+						x2: f - V.right,
 						y1: e,
 						y2: e,
 						stroke: "currentColor",
 						strokeOpacity: .08,
 						strokeWidth: .5
-					}), /* @__PURE__ */ m("text", {
-						x: z.left - 6,
+					}), /* @__PURE__ */ h("text", {
+						x: V.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", {
+					O.map(({ x: e, label: t }, n) => /* @__PURE__ */ h("text", {
 						x: e,
-						y: R - z.bottom + 12,
+						y: B - V.bottom + 12,
 						textAnchor: "middle",
 						className: "text-[9px] fill-foreground-subtle",
 						children: t
 					}, `x-${n}`)),
-					w && /* @__PURE__ */ m("path", {
-						d: w,
+					T && /* @__PURE__ */ h("path", {
+						d: T,
 						fill: "none",
 						stroke: "currentColor",
 						strokeOpacity: .25,
 						strokeWidth: 1,
 						strokeDasharray: "3 2"
 					}),
-					C && /* @__PURE__ */ m("path", {
-						d: C,
+					w && /* @__PURE__ */ h("path", {
+						d: w,
 						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: le(e.dbfs, S),
+					S.map((e, t) => e.topClass === null ? null : /* @__PURE__ */ h("circle", {
+						cx: H(t, S.length, f),
+						cy: le(e.dbfs, C),
 						r: 3,
 						fill: se(e.topClass),
 						stroke: "#000",
 						strokeOpacity: .3,
 						strokeWidth: .5
 					}, `dot-${t}`)),
-					x.map((e, t) => {
-						let n = B(t, x.length, d), r = le(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,
+					S.map((e, t) => {
+						let n = H(t, S.length, f), r = le(e.dbfs, C), a = B - V.top - V.bottom, o = S.length > 1 ? (f - V.left - V.right) / (S.length - 1) : 24;
+						return /* @__PURE__ */ h("rect", {
+							x: n - o / 2,
+							y: V.top,
+							width: Math.max(2, o),
+							height: a,
 							fill: "transparent",
 							onMouseEnter: () => {
-								f.bindHover({
-									anchorX: v(n),
+								p.bindHover({
+									anchorX: y(n),
 									anchorY: r,
 									title: `${ge(e.ts)} · ${e.dbfs?.toFixed(1) ?? "—"} dB`,
 									rows: [
 										{
-											label: "peak (window)",
+											label: i("audioHistory.peakWindow"),
 											value: `${e.peakDbfs.toFixed(1)} dB`
 										},
 										{
-											label: "avg (window)",
+											label: i("audioHistory.avgWindow"),
 											value: `${e.avgDbfs.toFixed(1)} dB`
 										},
 										...e.topClass === null ? [] : [{
@@ -478,42 +643,36 @@ function ce({ deviceId: n }) {
 						}, `hit-${t}`);
 					})
 				]
-			}), /* @__PURE__ */ m(ie, {
-				state: f.state,
-				containerWidth: d
-			})] }), x.length > 0 && /* @__PURE__ */ h("div", {
+			}), /* @__PURE__ */ h(R, {
+				state: p.state,
+				containerWidth: f
+			})] }), S.length > 0 && /* @__PURE__ */ g("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"
-				] })]
+				children: [/* @__PURE__ */ h("span", { children: i("audioHistory.samples", {
+					count: S.length,
+					seconds: Math.round((x?.effectiveSampleEveryMs ?? u.sampleEveryMs) / 1e3)
+				}) }), /* @__PURE__ */ h("span", { children: i("audioHistory.peak", { value: S.reduce((e, t) => Math.max(e, t.peakDbfs), -Infinity).toFixed(1) }) })]
 			})]
 		})]
 	});
 }
-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 H(e, t, n) {
+	if (t <= 1) return V.left;
+	let r = n - V.left - V.right;
+	return V.left + e / (t - 1) * r;
 }
 function le(e, t) {
 	return ue(e === null || !Number.isFinite(e) ? t.min : Math.max(t.min, Math.min(t.max, e)), t);
 }
 function ue(e, t) {
-	let n = R - z.top - z.bottom, r = Math.max(1, t.max - t.min), i = (e - t.min) / r;
-	return z.top + (1 - i) * n;
+	let n = B - V.top - V.bottom, r = Math.max(1, t.max - t.min), i = (e - t.min) / r;
+	return V.top + (1 - i) * n;
 }
 function de(e, t, n) {
 	if (e.length === 0) return null;
 	let r = [];
 	for (let i = 0; i < e.length; i++) {
-		let a = B(i, e.length, t), o = le(e[i].dbfs, n);
+		let a = H(i, e.length, t), o = le(e[i].dbfs, n);
 		r.push(`${i === 0 ? "M" : "L"} ${a.toFixed(1)} ${o.toFixed(1)}`);
 	}
 	return r.join(" ");
@@ -522,7 +681,7 @@ function fe(e, t, n) {
 	if (e.length === 0) return null;
 	let r = [];
 	for (let i = 0; i < e.length; i++) {
-		let a = B(i, e.length, t), o = ue(Math.max(n.min, Math.min(n.max, e[i].peakDbfs)), n);
+		let a = H(i, e.length, t), o = ue(Math.max(n.min, Math.min(n.max, e[i].peakDbfs)), n);
 		r.push(`${i === 0 ? "M" : "L"} ${a.toFixed(1)} ${o.toFixed(1)}`);
 	}
 	return r.join(" ");
@@ -561,7 +720,7 @@ function he(e, t) {
 	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),
+			x: V.left + o * (t - V.left - V.right),
 			label: ge(s)
 		});
 	}
@@ -576,168 +735,149 @@ function ge(e) {
 function _e(e) {
 	return !Number.isFinite(e) || e <= 0 ? 60 : Math.round(e > 600 ? e / 1e3 : e);
 }
-function ve({ dev: e, deviceId: t, title: n = "Audio Metrics", variant: r = "full" }) {
-	let i = l(c().trpcClient, e === void 0 && t !== void 0 ? t : null, (e) => e.audioMetrics), a = d(e ? e.state.audioMetrics : void 0), o = e === void 0 ? i : a;
-	return o ? /* @__PURE__ */ m(ye, {
-		title: n,
+function ve({ dev: e, deviceId: t, title: n, variant: r = "full" }) {
+	let { t: i } = P(), a = n ?? i("audioMetrics.title"), o = u(l().trpcClient, e === void 0 && t !== void 0 ? t : null, (e) => e.audioMetrics), s = f(e ? e.state.audioMetrics : void 0), c = e === void 0 ? o : s;
+	return c ? /* @__PURE__ */ h(ye, {
+		title: a,
 		variant: r,
-		ts: o.ts,
-		children: /* @__PURE__ */ h("div", {
+		ts: c.ts,
+		children: /* @__PURE__ */ g("div", {
 			className: r === "compact" ? "space-y-2" : "grid grid-cols-1 2xl:grid-cols-3 gap-3",
 			children: [
-				/* @__PURE__ */ m(xe, { snapshot: o }),
-				/* @__PURE__ */ m(Se, { snapshot: o }),
-				/* @__PURE__ */ m(Ce, { snapshot: o })
+				/* @__PURE__ */ h(xe, { snapshot: c }),
+				/* @__PURE__ */ h(Se, { snapshot: c }),
+				/* @__PURE__ */ h(Ce, { snapshot: c })
 			]
 		})
-	}) : /* @__PURE__ */ m(ye, {
-		title: n,
+	}) : /* @__PURE__ */ h(ye, {
+		title: a,
 		variant: r,
-		children: /* @__PURE__ */ m(be, {
-			icon: /* @__PURE__ */ m(j, { className: "h-5 w-5 mb-2 opacity-30" }),
-			message: e || t !== void 0 ? "No audio data yet — analytics pipeline must be active and audio enabled for this device." : "Resolving device…"
+		children: /* @__PURE__ */ h(be, {
+			icon: /* @__PURE__ */ h(M, { className: "h-5 w-5 mb-2 opacity-30" }),
+			message: i(e || t !== void 0 ? "audioMetrics.noData" : "common.resolving")
 		})
 	});
 }
 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", {
+	let { t: i } = P(), a = n ? Math.max(0, Math.floor((Date.now() - n) / 1e3)) : null;
+	return /* @__PURE__ */ g("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", {
+		children: [/* @__PURE__ */ g("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", {
+			children: [/* @__PURE__ */ h("h2", {
 				className: "text-xs font-semibold text-foreground uppercase tracking-wider",
 				children: e
-			}), i !== null && /* @__PURE__ */ m("span", {
+			}), a !== null && /* @__PURE__ */ h("span", {
 				className: "text-[10px] text-foreground-subtle",
-				children: i === 0 ? "just now" : `${i}s ago`
+				children: a === 0 ? i("common.justNow") : i("common.secondsAgo", { seconds: a })
 			})]
-		}), /* @__PURE__ */ m("div", {
+		}), /* @__PURE__ */ h("div", {
 			className: t === "compact" ? "" : "p-3",
 			children: r
 		})]
 	});
 }
 function be({ icon: e, message: t }) {
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ g("div", {
 		className: "px-4 py-6 flex flex-col items-center text-center text-foreground-subtle",
-		children: [e, /* @__PURE__ */ m("p", {
+		children: [e, /* @__PURE__ */ h("p", {
 			className: "text-[11px]",
 			children: t
 		})]
 	});
 }
 function xe({ snapshot: e }) {
-	let { dbfs: t } = e.level, n = Math.max(-80, Math.min(0, Number.isFinite(t) ? t : -80)), r = (n + 80) / 80 * 100, i = n > -10 ? "bg-danger" : n > -25 ? "bg-warning" : "bg-primary";
-	return /* @__PURE__ */ h("div", {
+	let { t } = P(), { dbfs: n } = e.level, r = Math.max(-80, Math.min(0, Number.isFinite(n) ? n : -80)), i = (r + 80) / 80 * 100, a = r > -10 ? "bg-danger" : r > -25 ? "bg-warning" : "bg-primary";
+	return /* @__PURE__ */ g("div", {
 		className: "rounded-md border border-border/60 bg-background/40 px-3 py-2",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex items-center gap-1.5 mb-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle",
 				children: [
-					/* @__PURE__ */ m(E, { className: "h-3.5 w-3.5" }),
-					/* @__PURE__ */ m("span", { children: "Level" }),
-					/* @__PURE__ */ m("span", {
+					/* @__PURE__ */ h(D, { className: "h-3.5 w-3.5" }),
+					/* @__PURE__ */ h("span", { children: t("audioMetrics.level") }),
+					/* @__PURE__ */ h("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"
+						children: Number.isFinite(n) ? `${n.toFixed(1)} dB` : t("audioMetrics.silent")
 					})
 				]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("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}%` }
+				children: /* @__PURE__ */ h("div", {
+					className: `h-full ${a} transition-all`,
+					style: { width: `${i}%` }
 				})
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("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: [_e(e.windowSec), "s window"] })
+					/* @__PURE__ */ h("span", { children: t("audioMetrics.peak", { value: Number.isFinite(e.peakDbfs) ? e.peakDbfs.toFixed(1) : "—" }) }),
+					/* @__PURE__ */ h("span", { children: t("audioMetrics.avg", { value: e.avgDbfs.toFixed(1) }) }),
+					/* @__PURE__ */ h("span", { children: t("audioMetrics.window", { seconds: _e(e.windowSec) }) })
 				]
 			})
 		]
 	});
 }
 function Se({ snapshot: e }) {
-	let { current: t } = e;
-	return /* @__PURE__ */ h("div", {
+	let { t } = P(), { current: n } = e;
+	return /* @__PURE__ */ g("div", {
 		className: "rounded-md border border-border/60 bg-background/40 px-3 py-2",
-		children: [/* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ g("div", {
 			className: "flex items-center gap-1.5 mb-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle",
-			children: [/* @__PURE__ */ m(M, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ m("span", { children: "Now" })]
-		}), t ? /* @__PURE__ */ h("div", {
+			children: [/* @__PURE__ */ h(N, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ h("span", { children: t("audioMetrics.now") })]
+		}), n ? /* @__PURE__ */ g("div", {
 			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ m("span", {
+			children: [/* @__PURE__ */ h("span", {
 				className: "text-sm font-semibold text-foreground",
-				children: t.className
+				children: n.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"
-				]
+				children: t("audioMetrics.scoreAgo", {
+					score: (n.score * 100).toFixed(0),
+					seconds: Math.max(0, Math.floor((Date.now() - n.timestamp) / 1e3))
+				})
 			})]
-		}) : /* @__PURE__ */ m("span", {
+		}) : /* @__PURE__ */ h("span", {
 			className: "text-[10px] text-foreground-subtle italic",
-			children: "silence / unclassified"
+			children: t("audioMetrics.unclassified")
 		})]
 	});
 }
 function Ce({ snapshot: e }) {
-	return e.byClass.length === 0 ? /* @__PURE__ */ h("div", {
+	let { t } = P();
+	return e.byClass.length === 0 ? /* @__PURE__ */ g("div", {
 		className: "rounded-md border border-border/40 bg-background/20 px-3 py-2",
-		children: [/* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ g("div", {
 			className: "flex items-center gap-1.5 mb-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle",
-			children: [/* @__PURE__ */ m(E, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ h("span", { children: [
-				"Last ",
-				_e(e.windowSec),
-				"s"
-			] })]
-		}), /* @__PURE__ */ m("span", {
+			children: [/* @__PURE__ */ h(D, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ h("span", { children: t("audioMetrics.last", { seconds: _e(e.windowSec) }) })]
+		}), /* @__PURE__ */ h("span", {
 			className: "text-[10px] text-foreground-subtle italic",
-			children: "no classified audio"
+			children: t("audioMetrics.noClassified")
 		})]
-	}) : /* @__PURE__ */ h("div", {
+	}) : /* @__PURE__ */ g("div", {
 		className: "rounded-md border border-border/60 bg-background/40",
-		children: [/* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ g("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(E, { className: "h-3.5 w-3.5" }),
-				/* @__PURE__ */ h("span", { children: [
-					"Last ",
-					_e(e.windowSec),
-					"s"
-				] }),
-				/* @__PURE__ */ m("span", {
+				/* @__PURE__ */ h(D, { className: "h-3.5 w-3.5" }),
+				/* @__PURE__ */ h("span", { children: t("audioMetrics.last", { seconds: _e(e.windowSec) }) }),
+				/* @__PURE__ */ h("span", {
 					className: "ml-auto text-[10px] normal-case tracking-normal",
 					children: e.byClass.length
 				})
 			]
-		}), /* @__PURE__ */ m("div", {
+		}), /* @__PURE__ */ h("div", {
 			className: "divide-y divide-border/30",
-			children: e.byClass.slice(0, 8).map((e) => /* @__PURE__ */ h("div", {
+			children: e.byClass.slice(0, 8).map((e) => /* @__PURE__ */ g("div", {
 				className: "px-3 py-1.5 flex items-center justify-between text-xs",
-				children: [/* @__PURE__ */ m("span", {
+				children: [/* @__PURE__ */ h("span", {
 					className: "font-medium text-foreground truncate",
 					children: e.className
-				}), /* @__PURE__ */ h("span", {
+				}), /* @__PURE__ */ g("span", {
 					className: "flex items-center gap-2 tabular-nums text-foreground-subtle",
-					children: [/* @__PURE__ */ h("span", { children: [e.hits, "× hits"] }), /* @__PURE__ */ h("span", {
+					children: [/* @__PURE__ */ h("span", { children: t("audioMetrics.hits", { count: e.hits }) }), /* @__PURE__ */ g("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), "%"]
 					})]
@@ -748,7 +888,7 @@ function Ce({ snapshot: e }) {
 }
 //#endregion
 //#region src/pipeline-analytics/widgets/OccupancyHistoryChart.tsx
-var we = 5 * 6e4, V = {
+var we = 5 * 6e4, U = {
 	"1h": {
 		label: "1 h",
 		windowMs: 60 * 6e4,
@@ -772,55 +912,55 @@ var we = 5 * 6e4, V = {
 }, Te = [
 	{
 		id: "1h",
-		label: V["1h"].label
+		label: U["1h"].label
 	},
 	{
 		id: "6h",
-		label: V["6h"].label
+		label: U["6h"].label
 	},
 	{
 		id: "24h",
-		label: V["24h"].label
+		label: U["24h"].label
 	},
 	{
 		id: "7d",
-		label: V["7d"].label
+		label: U["7d"].label
 	}
-], H = 140, U = {
+], W = 140, G = {
 	top: 14,
 	right: 12,
 	bottom: 24,
 	left: 32
-}, W = "__all__";
+}, K = "__all__";
 function Ee({ deviceId: n }) {
-	let a = p(c().trpcClient, n), [s, l] = r("24h"), [u, f] = r(W), v = V[s], [y, b] = P(), x = I(), S = e(null), C = (e) => {
-		let t = S.current;
+	let { t: a } = P(), s = m(l().trpcClient, n), [c, u] = r("24h"), [d, p] = r(K), y = U[c], [b, x] = I(), S = ie(), C = e(null), w = (e) => {
+		let t = C.current;
 		if (!t) return e;
 		let n = t.getBoundingClientRect();
-		return n.width === 0 ? e : e / b * n.width;
-	}, w = d(a?.state.zoneAnalytics), T = t(() => {
+		return n.width === 0 ? e : e / x * n.width;
+	}, T = f(s?.state.zoneAnalytics), E = t(() => {
 		let e = /* @__PURE__ */ new Set();
-		if (w?.frame.byClass) for (let t of Object.keys(w.frame.byClass)) e.add(t);
-		if (w?.zones) for (let t of w.zones) for (let n of Object.keys(t.byClass)) e.add(n);
+		if (T?.frame.byClass) for (let t of Object.keys(T.frame.byClass)) e.add(t);
+		if (T?.zones) for (let t of T.zones) for (let n of Object.keys(t.byClass)) e.add(n);
 		return [...e].toSorted();
-	}, [w]);
+	}, [T]);
 	i(() => {
-		u !== W && !T.includes(u) && f(W);
-	}, [u, T]);
-	let E = o({
+		d !== K && !E.includes(d) && p(K);
+	}, [d, E]);
+	let D = o({
 		queryKey: [
 			"pipeline-analytics",
 			n,
 			"occupancyLts",
-			s,
-			u
+			c,
+			d
 		],
 		queryFn: async () => {
-			if (!a) return [];
-			let e = Date.now(), t = Math.floor((e - v.windowMs) / we) * we;
-			return (await a.pipelineAnalytics?.readLongTermSeries({
+			if (!s) return [];
+			let e = Date.now(), t = Math.floor((e - y.windowMs) / we) * we;
+			return (await s.pipelineAnalytics?.readLongTermSeries({
 				series: "occupancy",
-				scope: u === W ? _() : _(void 0, u),
+				scope: d === K ? v() : v(void 0, d),
 				from: t,
 				to: e
 			}) ?? []).map((e) => ({
@@ -828,122 +968,122 @@ function Ee({ deviceId: n }) {
 				count: e.max
 			}));
 		},
-		enabled: !!a,
-		refetchInterval: v.pollIntervalMs,
-		staleTime: Math.max(1e3, v.pollIntervalMs / 2)
-	}), D = E.data ?? [], O = E.dataUpdatedAt > 0 ? E.dataUpdatedAt : Date.now(), A = O - v.windowMs, j = t(() => {
-		if (D.length === 0) return 1;
-		let e = D.reduce((e, t) => Math.max(e, t.count), 0);
+		enabled: !!s,
+		refetchInterval: y.pollIntervalMs,
+		staleTime: Math.max(1e3, y.pollIntervalMs / 2)
+	}), O = D.data ?? [], k = D.dataUpdatedAt > 0 ? D.dataUpdatedAt : Date.now(), j = k - y.windowMs, M = t(() => {
+		if (O.length === 0) return 1;
+		let e = O.reduce((e, t) => Math.max(e, t.count), 0);
 		return Math.max(1, Math.ceil(e * 1.15));
-	}, [D]), M = t(() => Oe(D, b, j), [
-		D,
-		b,
-		j
-	]), F = t(() => te(A, O, b, U.left, U.right, 5), [
-		A,
+	}, [O]), N = t(() => Oe(O, x, M), [
 		O,
-		b
-	]), ne = t(() => ke(j), [j]);
-	return /* @__PURE__ */ h("div", {
+		x,
+		M
+	]), L = t(() => te(j, k, x, G.left, G.right, 5), [
+		j,
+		k,
+		x
+	]), ne = t(() => ke(M), [M]);
+	return /* @__PURE__ */ g("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
-		children: [/* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ g("div", {
 			className: "border-b border-border px-4 py-2 flex items-center justify-between gap-3",
-			children: [/* @__PURE__ */ h("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ m(k, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ m("h2", {
+				children: [/* @__PURE__ */ h(A, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ h("h2", {
 					className: "text-xs font-semibold text-foreground uppercase tracking-wider",
-					children: "Occupancy History"
+					children: a("occupancyHistory.title")
 				})]
-			}), /* @__PURE__ */ h("div", {
+			}), /* @__PURE__ */ g("div", {
 				className: "flex items-center gap-2",
-				children: [T.length > 0 && /* @__PURE__ */ h("select", {
-					value: u,
-					onChange: (e) => f(e.target.value),
+				children: [E.length > 0 && /* @__PURE__ */ g("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"
-					}), T.map((e) => /* @__PURE__ */ m("option", {
+					title: a("occupancyHistory.filterByClass"),
+					children: [/* @__PURE__ */ h("option", {
+						value: K,
+						children: a("occupancyHistory.allClasses")
+					}), E.map((e) => /* @__PURE__ */ h("option", {
 						value: e,
 						children: e
 					}, e))]
-				}), /* @__PURE__ */ m(N, {
+				}), /* @__PURE__ */ h(F, {
 					presets: Te,
-					value: s,
-					onChange: l
+					value: c,
+					onChange: u
 				})]
 			})]
-		}), /* @__PURE__ */ h("div", {
-			ref: y,
+		}), /* @__PURE__ */ g("div", {
+			ref: b,
 			className: "p-3 min-w-0 relative",
-			children: [D.length === 0 ? /* @__PURE__ */ m("div", {
+			children: [O.length === 0 ? /* @__PURE__ */ h("div", {
 				className: "flex items-center justify-center h-32 text-[11px] text-foreground-subtle italic",
-				children: E.isLoading ? "Loading…" : "No occupancy history yet — analytics pipeline must be active."
-			}) : b === 0 ? /* @__PURE__ */ m("div", { className: "h-32" }) : /* @__PURE__ */ h(g, { children: [/* @__PURE__ */ h("svg", {
-				ref: S,
+				children: D.isLoading ? a("common.loading") : a("occupancyHistory.empty")
+			}) : x === 0 ? /* @__PURE__ */ h("div", { className: "h-32" }) : /* @__PURE__ */ g(_, { children: [/* @__PURE__ */ g("svg", {
+				ref: C,
 				role: "img",
-				"aria-label": "Frame occupancy history",
+				"aria-label": a("occupancyHistory.ariaLabel"),
 				width: "100%",
-				height: H,
-				viewBox: `0 0 ${b} ${H}`,
+				height: W,
+				viewBox: `0 0 ${x} ${W}`,
 				preserveAspectRatio: "none",
 				className: "block",
-				onMouseLeave: () => x.bindHover(null),
+				onMouseLeave: () => S.bindHover(null),
 				children: [
-					ne.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
-						x1: U.left,
-						x2: b - U.right,
+					ne.map(({ y: e, label: t }, n) => /* @__PURE__ */ g("g", { children: [/* @__PURE__ */ h("line", {
+						x1: G.left,
+						x2: x - G.right,
 						y1: e,
 						y2: e,
 						stroke: "currentColor",
 						strokeOpacity: .08,
 						strokeWidth: .5
-					}), /* @__PURE__ */ m("text", {
-						x: U.left - 6,
+					}), /* @__PURE__ */ h("text", {
+						x: G.left - 6,
 						y: e + 3,
 						textAnchor: "end",
 						className: "text-[9px] fill-foreground-subtle",
 						children: t
 					})] }, `y-${n}`)),
-					F.map(({ x: e, label: t }, n) => /* @__PURE__ */ m("text", {
+					L.map(({ x: e, label: t }, n) => /* @__PURE__ */ h("text", {
 						x: e,
-						y: H - U.bottom + 12,
+						y: W - G.bottom + 12,
 						textAnchor: "middle",
 						className: "text-[9px] fill-foreground-subtle",
 						children: t
 					}, `x-${n}`)),
-					M && /* @__PURE__ */ m("path", {
-						d: M,
+					N && /* @__PURE__ */ h("path", {
+						d: N,
 						fill: "none",
 						stroke: "currentColor",
 						className: "text-primary",
 						strokeWidth: 1.5
 					}),
-					D.map((e, t) => {
-						let n = ee(t, D.length, b, U.left, U.right), r = De(e.count, j), i = H - U.top - U.bottom, a = D.length > 1 ? (b - U.left - U.right) / (D.length - 1) : 24;
-						return /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("circle", {
+					O.map((e, t) => {
+						let n = ee(t, O.length, x, G.left, G.right), r = De(e.count, M), i = W - G.top - G.bottom, o = O.length > 1 ? (x - G.left - G.right) / (O.length - 1) : 24;
+						return /* @__PURE__ */ g("g", { children: [/* @__PURE__ */ h("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),
+						}), /* @__PURE__ */ h("rect", {
+							x: n - o / 2,
+							y: G.top,
+							width: Math.max(2, o),
 							height: i,
 							fill: "transparent",
 							onMouseEnter: () => {
-								x.bindHover({
-									anchorX: C(n),
+								S.bindHover({
+									anchorX: w(n),
 									anchorY: r,
-									title: `${Ae(e.ts)} · ${e.count} object${e.count === 1 ? "" : "s"}`,
+									title: `${Ae(e.ts)} · ${a("occupancyHistory.objects", { count: e.count })}`,
 									rows: [{
-										label: "Class",
-										value: u === W ? "all" : u
+										label: a("occupancyHistory.class"),
+										value: d === K ? a("occupancyHistory.all") : d
 									}, {
-										label: "Bucket",
+										label: a("occupancyHistory.bucket"),
 										value: "5 min"
 									}]
 								});
@@ -951,34 +1091,25 @@ function Ee({ deviceId: n }) {
 						})] }, `${e.ts}-${t}`);
 					})
 				]
-			}), /* @__PURE__ */ m(ie, {
-				state: x.state,
-				containerWidth: b
-			})] }), D.length > 0 && /* @__PURE__ */ h("div", {
+			}), /* @__PURE__ */ h(R, {
+				state: S.state,
+				containerWidth: x
+			})] }), O.length > 0 && /* @__PURE__ */ g("div", {
 				className: "flex items-center justify-between text-[10px] text-foreground-subtle mt-1",
-				children: [/* @__PURE__ */ h("span", { children: [
-					D.length,
-					" bucket",
-					D.length === 1 ? "" : "s",
-					" · 5 min resolution"
-				] }), /* @__PURE__ */ h("span", { children: [
-					"peak ",
-					D.reduce((e, t) => Math.max(e, t.count), 0),
-					" obj"
-				] })]
+				children: [/* @__PURE__ */ h("span", { children: a("occupancyHistory.buckets", { count: O.length }) }), /* @__PURE__ */ h("span", { children: a("occupancyHistory.peak", { value: O.reduce((e, t) => Math.max(e, t.count), 0) }) })]
 			})]
 		})]
 	});
 }
 function De(e, t) {
-	let n = H - U.top - U.bottom, r = Math.min(1, e / t);
-	return U.top + (1 - r) * n;
+	let n = W - G.top - G.bottom, r = Math.min(1, e / t);
+	return G.top + (1 - r) * n;
 }
 function Oe(e, t, n) {
 	if (e.length === 0) return null;
 	let r = [];
 	for (let i = 0; i < e.length; i++) {
-		let a = ee(i, e.length, t, U.left, U.right), o = De(e[i].count, n);
+		let a = ee(i, e.length, t, G.left, G.right), o = De(e[i].count, n);
 		r.push(`${i === 0 ? "M" : "L"} ${a.toFixed(1)} ${o.toFixed(1)}`);
 	}
 	return r.join(" ");
@@ -986,9 +1117,9 @@ function Oe(e, t, n) {
 function ke(e) {
 	let t = [];
 	for (let n = 0; n < 4; n++) {
-		let r = n / 3, i = Math.round(e * r), a = H - U.top - U.bottom;
+		let r = n / 3, i = Math.round(e * r), a = W - G.top - G.bottom;
 		t.push({
-			y: U.top + (1 - r) * a,
+			y: G.top + (1 - r) * a,
 			label: `${i}`
 		});
 	}
@@ -1000,7 +1131,7 @@ function Ae(e) {
 }
 //#endregion
 //#region src/pipeline-analytics/widgets/MotionHistoryChart.tsx
-var G = {
+var je = {
 	"1h": {
 		label: "1 h",
 		windowMs: 60 * 6e4,
@@ -1019,143 +1150,143 @@ var G = {
 		bucketMs: 15 * 6e4,
 		pollIntervalMs: 3e5
 	}
-}, je = [
+}, Me = [
 	{
 		id: "1h",
-		label: G["1h"].label
+		label: je["1h"].label
 	},
 	{
 		id: "6h",
-		label: G["6h"].label
+		label: je["6h"].label
 	},
 	{
 		id: "24h",
-		label: G["24h"].label
+		label: je["24h"].label
 	}
-], Me = 5e3, K = 140, q = {
+], Ne = 5e3, q = 140, J = {
 	top: 14,
 	right: 12,
 	bottom: 24,
 	left: 32
 };
-function Ne({ deviceId: n }) {
-	let i = p(c().trpcClient, n), [a, s] = r("1h"), l = G[a], [u, d] = P(), f = I(), _ = e(null), v = (e) => {
-		let t = _.current;
+function Pe({ deviceId: n }) {
+	let { t: i } = P(), a = m(l().trpcClient, n), [s, c] = r("1h"), u = je[s], [d, f] = I(), p = ie(), v = e(null), y = (e) => {
+		let t = v.current;
 		if (!t) return e;
 		let n = t.getBoundingClientRect();
-		return n.width === 0 ? e : e / d * n.width;
-	}, y = o({
+		return n.width === 0 ? e : e / f * n.width;
+	}, b = o({
 		queryKey: [
 			"pipeline-analytics",
 			n,
 			"motionEvents",
-			a
+			s
 		],
 		queryFn: async () => {
-			if (!i) return [];
-			let e = Date.now() - l.windowMs;
-			return await i.pipelineAnalytics?.getMotionEvents({
+			if (!a) return [];
+			let e = Date.now() - u.windowMs;
+			return await a.pipelineAnalytics?.getMotionEvents({
 				since: e,
-				limit: Me
+				limit: Ne
 			}) ?? [];
 		},
-		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(() => Pe(b, S, x, l.bucketMs), [
-		b,
-		S,
+		enabled: !!a,
+		refetchInterval: u.pollIntervalMs,
+		staleTime: Math.max(1e3, u.pollIntervalMs / 2)
+	}), x = b.data ?? [], S = b.dataUpdatedAt > 0 ? b.dataUpdatedAt : Date.now(), C = S - u.windowMs, w = t(() => Fe(x, C, S, u.bucketMs), [
 		x,
-		l.bucketMs
-	]), w = t(() => {
-		if (C.length === 0) return 1;
-		let e = C.reduce((e, t) => Math.max(e, t.count), 0);
+		C,
+		S,
+		u.bucketMs
+	]), T = t(() => {
+		if (w.length === 0) return 1;
+		let e = w.reduce((e, t) => Math.max(e, t.count), 0);
 		return Math.max(1, Math.ceil(e * 1.15));
-	}, [C]), T = t(() => te(S, x, d, q.left, q.right, 5), [
+	}, [w]), E = t(() => te(C, S, f, J.left, J.right, 5), [
+		C,
 		S,
-		x,
-		d
-	]), D = t(() => Ie(w), [w]), O = b.length;
-	return /* @__PURE__ */ h("div", {
+		f
+	]), O = t(() => Le(T), [T]), k = x.length;
+	return /* @__PURE__ */ g("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
-		children: [/* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ g("div", {
 			className: "border-b border-border px-4 py-2 flex items-center justify-between gap-3",
-			children: [/* @__PURE__ */ h("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ m(E, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ m("h2", {
+				children: [/* @__PURE__ */ h(D, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ h("h2", {
 					className: "text-xs font-semibold text-foreground uppercase tracking-wider",
-					children: "Motion History"
+					children: i("motionHistory.title")
 				})]
-			}), /* @__PURE__ */ m(N, {
-				presets: je,
-				value: a,
-				onChange: s
+			}), /* @__PURE__ */ h(F, {
+				presets: Me,
+				value: s,
+				onChange: c
 			})]
-		}), /* @__PURE__ */ h("div", {
-			ref: u,
+		}), /* @__PURE__ */ g("div", {
+			ref: d,
 			className: "p-3 min-w-0 relative",
-			children: [O === 0 ? /* @__PURE__ */ m("div", {
+			children: [k === 0 ? /* @__PURE__ */ h("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: _,
+				children: b.isLoading ? i("common.loading") : i("motionHistory.empty")
+			}) : f === 0 ? /* @__PURE__ */ h("div", { className: "h-32" }) : /* @__PURE__ */ g(_, { children: [/* @__PURE__ */ g("svg", {
+				ref: v,
 				role: "img",
-				"aria-label": "Motion event histogram",
+				"aria-label": i("motionHistory.ariaLabel"),
 				width: "100%",
-				height: K,
-				viewBox: `0 0 ${d} ${K}`,
+				height: q,
+				viewBox: `0 0 ${f} ${q}`,
 				preserveAspectRatio: "none",
 				className: "block",
-				onMouseLeave: () => f.bindHover(null),
+				onMouseLeave: () => p.bindHover(null),
 				children: [
-					D.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
-						x1: q.left,
-						x2: d - q.right,
+					O.map(({ y: e, label: t }, n) => /* @__PURE__ */ g("g", { children: [/* @__PURE__ */ h("line", {
+						x1: J.left,
+						x2: f - J.right,
 						y1: e,
 						y2: e,
 						stroke: "currentColor",
 						strokeOpacity: .08,
 						strokeWidth: .5
-					}), /* @__PURE__ */ m("text", {
-						x: q.left - 6,
+					}), /* @__PURE__ */ h("text", {
+						x: J.left - 6,
 						y: e + 3,
 						textAnchor: "end",
 						className: "text-[9px] fill-foreground-subtle",
 						children: t
 					})] }, `y-${n}`)),
-					T.map(({ x: e, label: t }, n) => /* @__PURE__ */ m("text", {
+					E.map(({ x: e, label: t }, n) => /* @__PURE__ */ h("text", {
 						x: e,
-						y: K - q.bottom + 12,
+						y: q - J.bottom + 12,
 						textAnchor: "middle",
 						className: "text-[9px] fill-foreground-subtle",
 						children: t
 					}, `x-${n}`)),
-					C.map((e, t) => {
-						let { x: n, w: r } = Fe(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", {
+					w.map((e, t) => {
+						let { x: n, w: r } = Ie(e.bucketStart, u.bucketMs, C, S, f), a = q - J.top - J.bottom, o = e.count / T * a, s = J.top + (a - o), c = e.bucketStart + u.bucketMs;
+						return /* @__PURE__ */ g("g", { children: [e.count > 0 && /* @__PURE__ */ h("rect", {
 							x: n,
-							y: o,
+							y: s,
 							width: Math.max(1, r - 1),
-							height: Math.max(1, a),
+							height: Math.max(1, o),
 							fill: "currentColor",
 							className: "text-primary",
 							opacity: .85
-						}), /* @__PURE__ */ m("rect", {
+						}), /* @__PURE__ */ h("rect", {
 							x: n,
-							y: q.top,
+							y: J.top,
 							width: Math.max(2, r),
-							height: i,
+							height: a,
 							fill: "transparent",
 							onMouseEnter: () => {
-								f.bindHover({
-									anchorX: v(n + r / 2),
-									anchorY: o,
-									title: `${Le(e.bucketStart, s)} · ${e.count} event${e.count === 1 ? "" : "s"}`,
+								p.bindHover({
+									anchorX: y(n + r / 2),
+									anchorY: s,
+									title: `${Re(e.bucketStart, c)} · ${i("motionHistory.events", { count: e.count })}`,
 									rows: [{
-										label: "Bucket",
-										value: Re(l.bucketMs)
+										label: i("motionHistory.bucket"),
+										value: ze(u.bucketMs)
 									}, {
-										label: "Count",
+										label: i("motionHistory.count"),
 										value: `${e.count}`
 									}]
 								});
@@ -1163,29 +1294,20 @@ function Ne({ deviceId: n }) {
 						})] }, `${e.bucketStart}-${t}`);
 					})
 				]
-			}), /* @__PURE__ */ m(ie, {
-				state: f.state,
-				containerWidth: d
-			})] }), O > 0 && /* @__PURE__ */ h("div", {
+			}), /* @__PURE__ */ h(R, {
+				state: p.state,
+				containerWidth: f
+			})] }), k > 0 && /* @__PURE__ */ g("div", {
 				className: "flex items-center justify-between text-[10px] text-foreground-subtle mt-1",
-				children: [/* @__PURE__ */ h("span", { children: [
-					O,
-					" event",
-					O === 1 ? "" : "s",
-					" · ",
-					Re(l.bucketMs),
-					" ",
-					"buckets"
-				] }), /* @__PURE__ */ h("span", { children: [
-					"peak ",
-					C.reduce((e, t) => Math.max(e, t.count), 0),
-					"/bucket"
-				] })]
+				children: [/* @__PURE__ */ h("span", { children: i("motionHistory.summary", {
+					count: k,
+					bucket: ze(u.bucketMs)
+				}) }), /* @__PURE__ */ h("span", { children: i("motionHistory.peak", { value: w.reduce((e, t) => Math.max(e, t.count), 0) }) })]
 			})]
 		})]
 	});
 }
-function Pe(e, t, n, r) {
+function Fe(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);
@@ -1199,37 +1321,37 @@ function Pe(e, t, n, r) {
 		count: t
 	}));
 }
-function Fe(e, t, n, r, i) {
-	let a = Math.max(1, r - n), o = i - q.left - q.right;
+function Ie(e, t, n, r, i) {
+	let a = Math.max(1, r - n), o = i - J.left - J.right;
 	return {
-		x: q.left + (e - n) / a * o,
+		x: J.left + (e - n) / a * o,
 		w: t / a * o
 	};
 }
-function Ie(e) {
+function Le(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;
+		let r = n / 3, i = Math.round(e * r), a = q - J.top - J.bottom;
 		t.push({
-			y: q.top + (1 - r) * a,
+			y: J.top + (1 - r) * a,
 			label: `${i}`
 		});
 	}
 	return t;
 }
-function Le(e, t) {
+function Re(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 Re(e) {
+function ze(e) {
 	return e >= 60 * 6e4 ? `${Math.round(e / 6e4 / 60)}h` : e >= 6e4 ? `${Math.round(e / 6e4)}m` : `${Math.round(e / 1e3)}s`;
 }
 //#endregion
 //#region src/pipeline-analytics/widgets/DetectionHistoryChart.tsx
-var J = {
+var Be = {
 	"1h": {
 		label: "1 h",
 		windowMs: 60 * 6e4,
@@ -1248,181 +1370,181 @@ var J = {
 		bucketMs: 15 * 6e4,
 		pollIntervalMs: 3e5
 	}
-}, ze = [
+}, Ve = [
 	{
 		id: "1h",
-		label: J["1h"].label
+		label: Be["1h"].label
 	},
 	{
 		id: "6h",
-		label: J["6h"].label
+		label: Be["6h"].label
 	},
 	{
 		id: "24h",
-		label: J["24h"].label
+		label: Be["24h"].label
 	}
-], Be = 5e3, Ve = 4, Y = "__other__", X = "__all__", Z = 160, Q = {
+], He = 5e3, Ue = 4, Y = "__other__", X = "__all__", Z = 160, Q = {
 	top: 14,
 	right: 12,
 	bottom: 24,
 	left: 32
 };
-function He({ deviceId: n }) {
-	let a = p(c().trpcClient, n), [s, l] = r("1h"), [u, d] = r(X), f = J[s], [_, v] = P(), y = I(), b = e(null), x = o({
+function We({ deviceId: n }) {
+	let { t: a } = P(), s = m(l().trpcClient, n), [c, u] = r("1h"), [d, f] = r(X), p = Be[c], [v, y] = I(), b = ie(), x = e(null), S = o({
 		queryKey: [
 			"pipeline-analytics",
 			n,
 			"objectEvents",
-			s
+			c
 		],
 		queryFn: async () => {
-			if (!a) return [];
-			let e = Date.now() - f.windowMs;
-			return await a.pipelineAnalytics?.getObjectEvents({
+			if (!s) return [];
+			let e = Date.now() - p.windowMs;
+			return await s.pipelineAnalytics?.getObjectEvents({
 				since: e,
-				limit: Be
+				limit: He
 			}) ?? [];
 		},
-		enabled: !!a,
-		refetchInterval: f.pollIntervalMs,
-		staleTime: Math.max(1e3, f.pollIntervalMs / 2)
-	}), S = x.data ?? [], C = t(() => u === X ? S : S.filter((e) => e.className === u), [S, u]), w = x.dataUpdatedAt > 0 ? x.dataUpdatedAt : Date.now(), T = w - f.windowMs, E = t(() => {
+		enabled: !!s,
+		refetchInterval: p.pollIntervalMs,
+		staleTime: Math.max(1e3, p.pollIntervalMs / 2)
+	}), C = S.data ?? [], w = t(() => d === X ? C : C.filter((e) => e.className === d), [C, d]), T = S.dataUpdatedAt > 0 ? S.dataUpdatedAt : Date.now(), E = T - p.windowMs, D = 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]);
+		for (let t of C) e.add(t.className);
+		return d !== X && e.add(d), [...e].toSorted();
+	}, [C, d]);
 	i(() => {
-		u !== X && S.length > 0 && !E.includes(u) && d(X);
+		d !== X && C.length > 0 && !D.includes(d) && f(X);
 	}, [
-		u,
-		S,
-		E
-	]);
-	let D = t(() => Ue(C, Ve), [C]), k = t(() => We(C, T, w, f.bucketMs, D), [
+		d,
 		C,
-		T,
-		w,
-		f.bucketMs,
 		D
-	]), A = t(() => {
-		if (k.length === 0) return 1;
-		let e = k.reduce((e, t) => Math.max(e, t.total), 0);
+	]);
+	let O = t(() => Ge(w, Ue), [w]), A = t(() => Ke(w, E, T, p.bucketMs, O), [
+		w,
+		E,
+		T,
+		p.bucketMs,
+		O
+	]), j = t(() => {
+		if (A.length === 0) return 1;
+		let e = A.reduce((e, t) => Math.max(e, t.total), 0);
 		return Math.max(1, Math.ceil(e * 1.15));
-	}, [k]), j = t(() => te(T, w, v, Q.left, Q.right, 5), [
+	}, [A]), M = t(() => te(E, T, y, Q.left, Q.right, 5), [
+		E,
 		T,
-		w,
-		v
-	]), M = t(() => Ke(A), [A]), F = t(() => {
-		let e = D.map((e) => e.className);
-		return C.some((e) => !D.some((t) => t.className === e.className)) && e.push(Y), e;
-	}, [C, D]), ee = (e) => {
-		let t = b.current;
+		y
+	]), N = t(() => Je(j), [j]), L = t(() => {
+		let e = O.map((e) => e.className);
+		return w.some((e) => !O.some((t) => t.className === e.className)) && e.push(Y), e;
+	}, [w, O]), ee = (e) => {
+		let t = x.current;
 		if (!t) return e;
 		let n = t.getBoundingClientRect();
-		return n.width === 0 ? e : e / v * n.width;
+		return n.width === 0 ? e : e / y * n.width;
 	};
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ g("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
-		children: [/* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ g("div", {
 			className: "border-b border-border px-4 py-2 flex items-center justify-between gap-3",
-			children: [/* @__PURE__ */ h("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ m(O, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ m("h2", {
+				children: [/* @__PURE__ */ h(k, { className: "h-3.5 w-3.5 text-foreground-subtle" }), /* @__PURE__ */ h("h2", {
 					className: "text-xs font-semibold text-foreground uppercase tracking-wider",
-					children: "Detection History"
+					children: a("detectionHistory.title")
 				})]
-			}), /* @__PURE__ */ h("div", {
+			}), /* @__PURE__ */ g("div", {
 				className: "flex items-center gap-2",
-				children: [E.length > 0 && /* @__PURE__ */ h("select", {
-					value: u,
-					onChange: (e) => d(e.target.value),
+				children: [D.length > 0 && /* @__PURE__ */ g("select", {
+					value: d,
+					onChange: (e) => f(e.target.value),
 					className: "text-[10px] px-1.5 py-0.5 rounded border border-border bg-background text-foreground focus:outline-none focus:ring-1 focus:ring-primary/40",
-					title: "Filter by detected class",
-					children: [/* @__PURE__ */ m("option", {
+					title: a("detectionHistory.filterByClass"),
+					children: [/* @__PURE__ */ h("option", {
 						value: X,
-						children: "All classes"
-					}), E.map((e) => /* @__PURE__ */ m("option", {
+						children: a("detectionHistory.allClasses")
+					}), D.map((e) => /* @__PURE__ */ h("option", {
 						value: e,
 						children: e
 					}, e))]
-				}), /* @__PURE__ */ m(N, {
-					presets: ze,
-					value: s,
-					onChange: l
+				}), /* @__PURE__ */ h(F, {
+					presets: Ve,
+					value: c,
+					onChange: u
 				})]
 			})]
-		}), /* @__PURE__ */ h("div", {
-			ref: _,
+		}), /* @__PURE__ */ g("div", {
+			ref: v,
 			className: "p-3 min-w-0 relative",
-			children: [C.length === 0 ? /* @__PURE__ */ m("div", {
+			children: [w.length === 0 ? /* @__PURE__ */ h("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,
+				children: S.isLoading ? a("common.loading") : a("detectionHistory.empty")
+			}) : y === 0 ? /* @__PURE__ */ h("div", { className: "h-32" }) : /* @__PURE__ */ g(_, { children: [
+				/* @__PURE__ */ g("svg", {
+					ref: x,
 					role: "img",
-					"aria-label": "Detection event histogram",
+					"aria-label": a("detectionHistory.ariaLabel"),
 					width: "100%",
 					height: Z,
-					viewBox: `0 0 ${v} ${Z}`,
+					viewBox: `0 0 ${y} ${Z}`,
 					preserveAspectRatio: "none",
 					className: "block",
-					onMouseLeave: () => y.bindHover(null),
+					onMouseLeave: () => b.bindHover(null),
 					children: [
-						M.map(({ y: e, label: t }, n) => /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("line", {
+						N.map(({ y: e, label: t }, n) => /* @__PURE__ */ g("g", { children: [/* @__PURE__ */ h("line", {
 							x1: Q.left,
-							x2: v - Q.right,
+							x2: y - Q.right,
 							y1: e,
 							y2: e,
 							stroke: "currentColor",
 							strokeOpacity: .08,
 							strokeWidth: .5
-						}), /* @__PURE__ */ m("text", {
+						}), /* @__PURE__ */ h("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", {
+						M.map(({ x: e, label: t }, n) => /* @__PURE__ */ h("text", {
 							x: e,
 							y: Z - Q.bottom + 12,
 							textAnchor: "middle",
 							className: "text-[9px] fill-foreground-subtle",
 							children: t
 						}, `x-${n}`)),
-						k.map((e, t) => {
+						A.map((e, t) => {
 							if (e.total === 0) return null;
-							let { x: n, w: r } = Ge(e.bucketStart, f.bucketMs, T, w, v), i = Z - Q.top - Q.bottom, a = e.total / A * i, o = Q.top + (i - a), s = 0, c = F.map((t, a) => {
+							let { x: n, w: r } = qe(e.bucketStart, p.bucketMs, E, T, y), i = Z - Q.top - Q.bottom, o = e.total / j * i, s = Q.top + (i - o), c = 0, l = L.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 s = o / j * i, l = Q.top + (i - c - s);
+								c += s;
 								let u = t === Y ? "#94a3b8" : re(a);
-								return /* @__PURE__ */ m("rect", {
+								return /* @__PURE__ */ h("rect", {
 									x: n,
 									y: l,
 									width: Math.max(1, r - 1),
-									height: Math.max(1, c),
+									height: Math.max(1, s),
 									fill: u,
 									opacity: .9
 								}, `${e.bucketStart}-${t}`);
-							}).filter((e) => e !== null), l = e.bucketStart + f.bucketMs;
-							return /* @__PURE__ */ h("g", { children: [c, /* @__PURE__ */ m("rect", {
+							}).filter((e) => e !== null), u = e.bucketStart + p.bucketMs;
+							return /* @__PURE__ */ g("g", { children: [l, /* @__PURE__ */ h("rect", {
 								x: n,
 								y: Q.top,
 								width: Math.max(2, r),
 								height: i,
 								fill: "transparent",
 								onMouseEnter: () => {
-									y.bindHover({
+									b.bindHover({
 										anchorX: ee(n + r / 2),
-										anchorY: o,
-										title: `${qe(e.bucketStart, l, f.bucketMs)} · ${e.total} detection${e.total === 1 ? "" : "s"}`,
-										rows: F.map((t, n) => {
+										anchorY: s,
+										title: `${Ye(e.bucketStart, u, p.bucketMs)} · ${a("detectionHistory.detections", { count: e.total })}`,
+										rows: L.map((t, n) => {
 											let r = e.byClass[t] ?? 0;
 											return r === 0 ? null : {
-												label: t === Y ? "other" : t,
+												label: t === Y ? a("detectionHistory.other") : t,
 												value: `${r}`,
 												colour: t === Y ? "#94a3b8" : re(n)
 											};
@@ -1433,31 +1555,22 @@ function He({ deviceId: n }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ m(ie, {
-					state: y.state,
-					containerWidth: v
+				/* @__PURE__ */ h(R, {
+					state: b.state,
+					containerWidth: y
 				}),
-				/* @__PURE__ */ m(Ye, { stackOrder: F })
-			] }), C.length > 0 && /* @__PURE__ */ h("div", {
+				/* @__PURE__ */ h(Ze, { stackOrder: L })
+			] }), w.length > 0 && /* @__PURE__ */ g("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",
-					" ·",
-					" ",
-					Je(f.bucketMs),
-					" buckets"
-				] }), /* @__PURE__ */ h("span", { children: [
-					"peak ",
-					k.reduce((e, t) => Math.max(e, t.total), 0),
-					"/bucket"
-				] })]
+				children: [/* @__PURE__ */ h("span", { children: a("detectionHistory.summary", {
+					count: w.length,
+					bucket: Xe(p.bucketMs)
+				}) }), /* @__PURE__ */ h("span", { children: a("detectionHistory.peak", { value: A.reduce((e, t) => Math.max(e, t.total), 0) }) })]
 			})]
 		})]
 	});
 }
-function Ue(e, t) {
+function Ge(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]) => ({
@@ -1465,7 +1578,7 @@ function Ue(e, t) {
 		count: t
 	}));
 }
-function We(e, t, n, r, i) {
+function Ke(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, {
@@ -1486,14 +1599,14 @@ function We(e, t, n, r, i) {
 		byClass: t.byClass
 	}));
 }
-function Ge(e, t, n, r, i) {
+function qe(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 Ke(e) {
+function Je(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;
@@ -1504,161 +1617,168 @@ function Ke(e) {
 	}
 	return t;
 }
-function qe(e, t, n) {
+function Ye(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 Je(e) {
+function Xe(e) {
 	return e >= 60 * 6e4 ? `${Math.round(e / 6e4 / 60)}h` : e >= 6e4 ? `${Math.round(e / 6e4)}m` : `${Math.round(e / 1e3)}s`;
 }
-function Ye({ stackOrder: e }) {
-	return e.length === 0 ? null : /* @__PURE__ */ m("div", {
+function Ze({ stackOrder: e }) {
+	let { t } = P();
+	return e.length === 0 ? null : /* @__PURE__ */ h("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))
+		children: e.map((e, n) => {
+			let r = e === Y ? "#94a3b8" : re(n), i = e === Y ? t("detectionHistory.other") : e;
+			return /* @__PURE__ */ g("span", {
+				className: "inline-flex items-center gap-1 text-[10px] text-foreground-subtle",
+				children: [/* @__PURE__ */ h("span", {
+					className: "inline-block h-2 w-2 rounded-sm",
+					style: { backgroundColor: r }
+				}), /* @__PURE__ */ h("span", { children: i })]
+			}, e);
+		})
 	});
 }
 //#endregion
 //#region src/pipeline-analytics/widgets/OccupancyPanel.tsx
-function Xe({ dev: e, deviceId: t, title: n = "Live Occupancy", variant: r = "full" }) {
-	let i = p(c().trpcClient, e === void 0 && t !== void 0 ? t : null), a = e ?? i, o = d(a?.state.zoneAnalytics);
-	return o ? /* @__PURE__ */ m(Ze, {
-		title: n,
+function Qe({ dev: e, deviceId: t, title: n, variant: r = "full" }) {
+	let { t: i } = P(), a = n ?? i("occupancy.title"), o = m(l().trpcClient, e === void 0 && t !== void 0 ? t : null), s = e ?? o, c = f(s?.state.zoneAnalytics);
+	return c ? /* @__PURE__ */ h($e, {
+		title: a,
 		variant: r,
-		ts: o.ts,
-		children: /* @__PURE__ */ h("div", {
+		ts: c.ts,
+		children: /* @__PURE__ */ g("div", {
 			className: r === "compact" ? "space-y-2" : "grid grid-cols-1 2xl:grid-cols-3 gap-3",
 			children: [
-				/* @__PURE__ */ m($e, { frame: o.frame }),
-				/* @__PURE__ */ m(tt, { snapshot: o }),
-				/* @__PURE__ */ m(et, { unzoned: o.unzoned })
+				/* @__PURE__ */ h(tt, { frame: c.frame }),
+				/* @__PURE__ */ h(rt, { snapshot: c }),
+				/* @__PURE__ */ h(nt, { unzoned: c.unzoned })
 			]
 		})
-	}) : /* @__PURE__ */ m(Ze, {
-		title: n,
+	}) : /* @__PURE__ */ h($e, {
+		title: a,
 		variant: r,
-		children: /* @__PURE__ */ m(Qe, { message: a ? "No occupancy data yet — analytics pipeline must be active for this device." : "Resolving device…" })
+		children: /* @__PURE__ */ h(et, { message: i(s ? "occupancy.noData" : "common.resolving") })
 	});
 }
-function Ze({ title: e, variant: t, ts: n, children: r }) {
-	let i = n ? Math.max(0, Math.floor((Date.now() - n) / 1e3)) : null;
-	return /* @__PURE__ */ h("div", {
+function $e({ title: e, variant: t, ts: n, children: r }) {
+	let { t: i } = P(), a = n ? Math.max(0, Math.floor((Date.now() - n) / 1e3)) : null;
+	return /* @__PURE__ */ g("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", {
+		children: [/* @__PURE__ */ g("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", {
+			children: [/* @__PURE__ */ h("h2", {
 				className: "text-xs font-semibold text-foreground uppercase tracking-wider",
 				children: e
-			}), i !== null && /* @__PURE__ */ m("span", {
+			}), a !== null && /* @__PURE__ */ h("span", {
 				className: "text-[10px] text-foreground-subtle",
-				children: i === 0 ? "just now" : `${i}s ago`
+				children: a === 0 ? i("common.justNow") : i("common.secondsAgo", { seconds: a })
 			})]
-		}), /* @__PURE__ */ m("div", {
+		}), /* @__PURE__ */ h("div", {
 			className: t === "compact" ? "" : "p-3",
 			children: r
 		})]
 	});
 }
-function Qe({ message: e }) {
-	return /* @__PURE__ */ h("div", {
+function et({ message: e }) {
+	return /* @__PURE__ */ g("div", {
 		className: "px-4 py-6 flex flex-col items-center text-center text-foreground-subtle",
-		children: [/* @__PURE__ */ m(k, { className: "h-5 w-5 mb-2 opacity-30" }), /* @__PURE__ */ m("p", {
+		children: [/* @__PURE__ */ h(A, { className: "h-5 w-5 mb-2 opacity-30" }), /* @__PURE__ */ h("p", {
 			className: "text-[11px]",
 			children: e
 		})]
 	});
 }
-function $e({ frame: e }) {
-	return /* @__PURE__ */ m(nt, {
-		icon: /* @__PURE__ */ m(D, { className: "h-3.5 w-3.5" }),
-		label: "Frame total",
+function tt({ frame: e }) {
+	let { t } = P();
+	return /* @__PURE__ */ h(it, {
+		icon: /* @__PURE__ */ h(O, { className: "h-3.5 w-3.5" }),
+		label: t("occupancy.frameTotal"),
 		total: e.totalObjects,
 		byClass: e.byClass,
 		tone: "default"
 	});
 }
-function et({ unzoned: e }) {
-	return /* @__PURE__ */ m(nt, {
-		icon: /* @__PURE__ */ m(A, { className: "h-3.5 w-3.5" }),
-		label: "Outside any zone",
+function nt({ unzoned: e }) {
+	let { t } = P();
+	return /* @__PURE__ */ h(it, {
+		icon: /* @__PURE__ */ h(j, { className: "h-3.5 w-3.5" }),
+		label: t("occupancy.outsideZone"),
 		total: e.totalObjects,
 		byClass: e.byClass,
 		tone: "muted"
 	});
 }
-function tt({ snapshot: e }) {
-	return e.zones.length === 0 ? /* @__PURE__ */ m(nt, {
-		icon: /* @__PURE__ */ m(k, { className: "h-3.5 w-3.5" }),
-		label: "Per-zone",
+function rt({ snapshot: e }) {
+	let { t } = P();
+	return e.zones.length === 0 ? /* @__PURE__ */ h(it, {
+		icon: /* @__PURE__ */ h(A, { className: "h-3.5 w-3.5" }),
+		label: t("occupancy.perZone"),
 		total: 0,
 		byClass: {},
 		tone: "muted",
-		emptyMessage: "No zones defined for this camera."
-	}) : /* @__PURE__ */ h("div", {
+		emptyMessage: t("occupancy.noZones")
+	}) : /* @__PURE__ */ g("div", {
 		className: "rounded-md border border-border/60 bg-background/40",
-		children: [/* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ g("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(k, { className: "h-3.5 w-3.5" }),
-				/* @__PURE__ */ m("span", { children: "Per-zone" }),
-				/* @__PURE__ */ m("span", {
+				/* @__PURE__ */ h(A, { className: "h-3.5 w-3.5" }),
+				/* @__PURE__ */ h("span", { children: t("occupancy.perZone") }),
+				/* @__PURE__ */ h("span", {
 					className: "ml-auto text-[10px] normal-case tracking-normal",
 					children: e.zones.length
 				})
 			]
-		}), /* @__PURE__ */ m("div", {
+		}), /* @__PURE__ */ h("div", {
 			className: "divide-y divide-border/30",
-			children: e.zones.map((e) => /* @__PURE__ */ h("div", {
+			children: e.zones.map((e) => /* @__PURE__ */ g("div", {
 				className: "px-3 py-2",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "flex items-center justify-between mb-1",
-					children: [/* @__PURE__ */ m("span", {
+					children: [/* @__PURE__ */ h("span", {
 						className: "text-xs font-medium text-foreground truncate",
 						children: e.zoneName
-					}), /* @__PURE__ */ m("span", {
+					}), /* @__PURE__ */ h("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(rt, { byClass: e.byClass })]
+				}), /* @__PURE__ */ h(at, { byClass: e.byClass })]
 			}, e.zoneId))
 		})]
 	});
 }
-function nt({ icon: e, label: t, total: n, byClass: r, tone: i, emptyMessage: a }) {
-	let o = Object.keys(r).length;
-	return /* @__PURE__ */ h("div", {
+function it({ icon: e, label: t, total: n, byClass: r, tone: i, emptyMessage: a }) {
+	let { t: o } = P(), s = Object.keys(r).length;
+	return /* @__PURE__ */ g("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", {
+		children: [/* @__PURE__ */ g("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", {
+				/* @__PURE__ */ h("span", { children: t }),
+				/* @__PURE__ */ h("span", {
 					className: "ml-auto text-base font-semibold text-foreground tabular-nums normal-case tracking-normal",
 					children: n
 				})
 			]
-		}), o === 0 ? /* @__PURE__ */ m("span", {
+		}), s === 0 ? /* @__PURE__ */ h("span", {
 			className: "text-[10px] text-foreground-subtle italic",
-			children: a ?? "no objects"
-		}) : /* @__PURE__ */ m(rt, { byClass: r })]
+			children: a ?? o("occupancy.noObjects")
+		}) : /* @__PURE__ */ h(at, { byClass: r })]
 	});
 }
-function rt({ byClass: e }) {
-	let n = t(() => Object.entries(e).sort(([, e], [, t]) => t - e), [e]);
-	return n.length === 0 ? /* @__PURE__ */ m("span", {
+function at({ byClass: e }) {
+	let { t: n } = P(), r = t(() => Object.entries(e).sort(([, e], [, t]) => t - e), [e]);
+	return r.length === 0 ? /* @__PURE__ */ h("span", {
 		className: "text-[10px] text-foreground-subtle italic",
-		children: "no objects"
-	}) : /* @__PURE__ */ m("div", {
+		children: n("occupancy.noObjects")
+	}) : /* @__PURE__ */ h("div", {
 		className: "flex flex-wrap gap-1",
-		children: n.map(([e, t]) => /* @__PURE__ */ h("span", {
+		children: r.map(([e, t]) => /* @__PURE__ */ g("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", {
+			children: [/* @__PURE__ */ h("span", { children: e }), /* @__PURE__ */ h("span", {
 				className: "tabular-nums opacity-80",
 				children: t
 			})]
@@ -1667,39 +1787,39 @@ function rt({ byClass: e }) {
 }
 //#endregion
 //#region src/pipeline-analytics/widgets/LiveStatsTab.tsx
-function it({ deviceId: e }) {
-	return /* @__PURE__ */ h("div", {
-		className: u,
+function ot({ deviceId: e }) {
+	return /* @__PURE__ */ g("div", {
+		className: d,
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: `grid ${s}`,
 				style: { gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 340px), 1fr))" },
-				children: [/* @__PURE__ */ m(f, {
+				children: [/* @__PURE__ */ h(p, {
 					widgetId: "pipeline-analytics/live-occupancy-panel",
 					host: "device-tab",
 					deviceId: e
-				}), /* @__PURE__ */ m(f, {
+				}), /* @__PURE__ */ h(p, {
 					widgetId: "pipeline-analytics/audio-metrics-panel",
 					host: "device-tab",
 					deviceId: e
 				})]
 			}),
-			/* @__PURE__ */ m(f, {
+			/* @__PURE__ */ h(p, {
 				widgetId: "pipeline-analytics/audio-history-chart",
 				host: "device-tab",
 				deviceId: e
 			}),
-			/* @__PURE__ */ m(f, {
+			/* @__PURE__ */ h(p, {
 				widgetId: "pipeline-analytics/occupancy-history-chart",
 				host: "device-tab",
 				deviceId: e
 			}),
-			/* @__PURE__ */ m(f, {
+			/* @__PURE__ */ h(p, {
 				widgetId: "pipeline-analytics/motion-history-chart",
 				host: "device-tab",
 				deviceId: e
 			}),
-			/* @__PURE__ */ m(f, {
+			/* @__PURE__ */ h(p, {
 				widgetId: "pipeline-analytics/detection-history-chart",
 				host: "device-tab",
 				deviceId: e
@@ -1710,40 +1830,41 @@ function it({ deviceId: e }) {
 //#endregion
 //#region src/pipeline-analytics/widgets/index.tsx
 function $({ name: e }) {
+	let { t } = P();
 	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"]
+		children: t("missingDevice", { name: e })
 	});
 }
-function at(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "AudioHistoryChart" }) : /* @__PURE__ */ m(ce, { deviceId: e.deviceId });
-}
-function ot(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "AudioMetricsPanel" }) : /* @__PURE__ */ m(ve, { deviceId: e.deviceId });
-}
 function st(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "OccupancyHistoryChart" }) : /* @__PURE__ */ m(Ee, { deviceId: e.deviceId });
+	return e.deviceId === void 0 ? /* @__PURE__ */ h($, { name: "AudioHistoryChart" }) : /* @__PURE__ */ h(ce, { deviceId: e.deviceId });
 }
 function ct(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "MotionHistoryChart" }) : /* @__PURE__ */ m(Ne, { deviceId: e.deviceId });
+	return e.deviceId === void 0 ? /* @__PURE__ */ h($, { name: "AudioMetricsPanel" }) : /* @__PURE__ */ h(ve, { deviceId: e.deviceId });
 }
 function lt(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "DetectionHistoryChart" }) : /* @__PURE__ */ m(He, { deviceId: e.deviceId });
+	return e.deviceId === void 0 ? /* @__PURE__ */ h($, { name: "OccupancyHistoryChart" }) : /* @__PURE__ */ h(Ee, { deviceId: e.deviceId });
 }
 function ut(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "LiveOccupancyPanel" }) : /* @__PURE__ */ m(Xe, { deviceId: e.deviceId });
+	return e.deviceId === void 0 ? /* @__PURE__ */ h($, { name: "MotionHistoryChart" }) : /* @__PURE__ */ h(Pe, { deviceId: e.deviceId });
 }
 function dt(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ m($, { name: "LiveStats" }) : /* @__PURE__ */ m(it, { deviceId: e.deviceId });
+	return e.deviceId === void 0 ? /* @__PURE__ */ h($, { name: "DetectionHistoryChart" }) : /* @__PURE__ */ h(We, { deviceId: e.deviceId });
+}
+function ft(e) {
+	return e.deviceId === void 0 ? /* @__PURE__ */ h($, { name: "LiveOccupancyPanel" }) : /* @__PURE__ */ h(Qe, { deviceId: e.deviceId });
+}
+function pt(e) {
+	return e.deviceId === void 0 ? /* @__PURE__ */ h($, { name: "LiveStats" }) : /* @__PURE__ */ h(ot, { deviceId: e.deviceId });
 }
-var ft = {
-	"audio-history-chart": at,
-	"audio-metrics-panel": ot,
-	"occupancy-history-chart": st,
-	"motion-history-chart": ct,
-	"detection-history-chart": lt,
-	"live-occupancy-panel": ut,
-	"live-stats": dt
+var mt = {
+	"audio-history-chart": st,
+	"audio-metrics-panel": ct,
+	"occupancy-history-chart": lt,
+	"motion-history-chart": ut,
+	"detection-history-chart": dt,
+	"live-occupancy-panel": ft,
+	"live-stats": pt
 };
 //#endregion
-export { ft as default };
+export { mt as default };