@camstack/addon-pipeline-orchestrator 1.2.324 → 1.2.325

package/dist/_stub.js

@@ -1,13 +1,13 @@
 import { t as e } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-BiLBDmU5.mjs";
-import { n as t, r as n, t as r } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-CdOR1t-0.mjs";
+import { n as t, r as n, t as r } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-6CTaeZSL.mjs";
 import { a as i, c as a, i as o, n as s, o as c, r as l, s as u, t as d } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react__loadShare__.js-a8tvh93M.mjs";
-import { C as f, E as p, S as m, T as h, _ as g, a as _, b as v, c as y, d as b, f as x, g as S, h as C, i as w, l as T, m as E, n as D, o as O, p as k, r as A, s as j, t as M, u as ee, v as N, w as P, x as F, y as I } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-iNnhcbuC.mjs";
-import { n as L, r as R, t as z } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-yD-rMaFX.mjs";
+import { C as f, D as p, E as m, O as h, S as g, T as _, _ as v, a as y, b, c as x, d as S, f as C, g as w, h as T, i as E, l as D, m as O, n as k, o as A, p as j, r as M, s as N, t as P, u as F, v as I, w as L, x as R, y as z } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-s9I9eY7F.mjs";
+import { n as B, r as V, t as H } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-yD-rMaFX.mjs";
 //#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
-var B = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), V = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), te = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), H = (e) => {
-	let t = te(e);
+var U = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), W = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), G = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), K = (e) => {
+	let t = G(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, ne = {
+}, ee = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -17,34 +17,34 @@ var B = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, re = (e) => {
+}, te = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, ie = s(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => d("svg", {
+}, ne = s(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => d("svg", {
 	ref: c,
-	...ne,
+	...ee,
 	width: t,
 	height: t,
 	stroke: e,
 	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
-	className: B("lucide", i),
-	...!a && !re(s) && { "aria-hidden": "true" },
+	className: U("lucide", i),
+	...!a && !te(s) && { "aria-hidden": "true" },
 	...s
-}, [...o.map(([e, t]) => d(e, t)), ...Array.isArray(a) ? a : [a]])), U = (e, t) => {
-	let n = s(({ className: n, ...r }, i) => d(ie, {
+}, [...o.map(([e, t]) => d(e, t)), ...Array.isArray(a) ? a : [a]])), q = (e, t) => {
+	let n = s(({ className: n, ...r }, i) => d(ne, {
 		ref: i,
 		iconNode: t,
-		className: B(`lucide-${V(H(e))}`, `lucide-${e}`, n),
+		className: U(`lucide-${W(K(e))}`, `lucide-${e}`, n),
 		...r
 	}));
-	return n.displayName = H(e), n;
-}, ae = U("activity", [["path", {
+	return n.displayName = K(e), n;
+}, re = q("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"
-}]]), oe = U("check", [["path", {
+}]]), ie = q("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
-}]]), W = U("cpu", [
+}]]), ae = q("cpu", [
 	["path", {
 		d: "M12 20v2",
 		key: "1lh1kg"
@@ -109,7 +109,7 @@ var B = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		rx: "1",
 		key: "z9xiuo"
 	}]
-]), G = U("eye", [["path", {
+]), oe = q("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", {
@@ -117,25 +117,25 @@ var B = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	cy: "12",
 	r: "3",
 	key: "1v7zrd"
-}]]), K = U("gauge", [["path", {
+}]]), se = q("gauge", [["path", {
 	d: "m12 14 4-4",
 	key: "9kzdfg"
 }], ["path", {
 	d: "M3.34 19a10 10 0 1 1 17.32 0",
 	key: "19p75a"
-}]]), q = U("hexagon", [["path", {
+}]]), ce = q("hexagon", [["path", {
 	d: "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z",
 	key: "yt0hxn"
-}]]), se = U("minus", [["path", {
+}]]), le = q("minus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
-}]]), ce = U("plus", [["path", {
+}]]), ue = q("plus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
 	d: "M12 5v14",
 	key: "s699le"
-}]]), le = U("save", [
+}]]), de = q("save", [
 	["path", {
 		d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
 		key: "1c8476"
@@ -148,7 +148,7 @@ var B = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M7 3v4a1 1 0 0 0 1 1h7",
 		key: "t51u73"
 	}]
-]), J = U("trash-2", [
+]), J = q("trash-2", [
 	["path", {
 		d: "M10 11v6",
 		key: "nco0om"
@@ -169,7 +169,7 @@ var B = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
 		key: "e791ji"
 	}]
-]), ue = U("video", [["path", {
+]), fe = q("video", [["path", {
 	d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
 	key: "ftymec"
 }], ["rect", {
@@ -179,7 +179,7 @@ var B = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	height: "12",
 	rx: "2",
 	key: "158x01"
-}]]), de = U("volume-2", [
+}]]), pe = q("volume-2", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -192,120 +192,273 @@ var B = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M19.364 18.364a9 9 0 0 0 0-12.728",
 		key: "ijwkga"
 	}]
-]), Y = U("x", [["path", {
+]), Y = q("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
 	d: "m6 6 12 12",
 	key: "d8bk6v"
-}]]);
+}]]), { useT: X, Trans: me, translate: Z } = p("pipeline-orchestrator", {
+	en: {
+		quickStats: {
+			requiresDevice: "PipelineQuickStats requires a deviceId",
+			phase: "Phase",
+			detectionFps: "Detection FPS",
+			inference: "Inference",
+			activeTracks: "Active Tracks",
+			currentDb: "Current dB",
+			recording: "Recording",
+			target: "target: {{value}}",
+			queue: "queue: {{value}}",
+			dropped: "dropped: {{value}}",
+			rec: {
+				disabled: "Disabled",
+				idle: "Idle",
+				continuous: "Continuous",
+				onMotion: "On motion",
+				onAudio: "On audio"
+			}
+		},
+		zoneEditor: { requiresDevice: "ZoneEditor requires a deviceId" },
+		zonesTab: {
+			title: "Detection Zones",
+			hint: "Pick a shape below or use the <b>Zones</b> button on the live frame to draw new polygons or tripwires. Behaviour is set per-stage in the rules editors below — a zone with no rule is observed by analytics but never filters."
+		},
+		zone: { kind: {
+			polygon: "Polygon",
+			tripwire: "Tripwire"
+		} },
+		zoneList: {
+			cancelDrawing: "Cancel drawing",
+			cancel: "Cancel",
+			addPolygon: "Add polygon zone",
+			addTripwire: "Add tripwire",
+			empty: "No zones yet — pick \"Zone\" or \"Tripwire\" to draw.",
+			deleteZone: "Delete zone"
+		},
+		zoneForm: {
+			editing: "Editing",
+			namePlaceholder: "Zone name",
+			twoPoints: "2 points",
+			pointCount: "{{count}} pts",
+			dragHint: "· drag handles to reshape",
+			saveTitle: "Save changes (Enter)",
+			save: "Save",
+			discardTitle: "Discard changes (Esc)",
+			discard: "Discard",
+			delete: "Delete"
+		},
+		rules: {
+			title: {
+				motion: "Motion Rules",
+				detection: "Detection Rules",
+				package: "Package Rules"
+			},
+			add: "Add rule",
+			addShort: "Add",
+			save: "Save",
+			noZones: "Define a zone first — rules reference zone ids.",
+			empty: "No rules — every detection at this stage passes through.",
+			disable: "Disable rule",
+			enable: "Enable rule",
+			activeTitle: "Rule is active — click to disable",
+			disabledTitle: "Rule is disabled — click to enable",
+			namePlaceholder: "Rule name (optional)",
+			remove: "Remove rule",
+			mode: "Mode",
+			include: "Include",
+			exclude: "Exclude",
+			zones: "Zones",
+			noneZones: "none",
+			class: "Class",
+			anyClass: "any"
+		}
+	},
+	it: {
+		quickStats: {
+			requiresDevice: "PipelineQuickStats richiede un deviceId",
+			phase: "Fase",
+			detectionFps: "FPS di rilevamento",
+			inference: "Inferenza",
+			activeTracks: "Tracce attive",
+			currentDb: "dB attuali",
+			recording: "Registrazione",
+			target: "obiettivo: {{value}}",
+			queue: "coda: {{value}}",
+			dropped: "scartati: {{value}}",
+			rec: {
+				disabled: "Disattivata",
+				idle: "Inattiva",
+				continuous: "Continua",
+				onMotion: "Su movimento",
+				onAudio: "Su audio"
+			}
+		},
+		zoneEditor: { requiresDevice: "ZoneEditor richiede un deviceId" },
+		zonesTab: {
+			title: "Zone di rilevamento",
+			hint: "Scegli una forma qui sotto oppure usa il pulsante <b>Zone</b> sul fotogramma live per disegnare nuovi poligoni o linee di passaggio. Il comportamento si imposta per fase negli editor delle regole qui sotto: una zona senza regole viene osservata dalle analisi ma non filtra mai."
+		},
+		zone: { kind: {
+			polygon: "Poligono",
+			tripwire: "Linea di passaggio"
+		} },
+		zoneList: {
+			cancelDrawing: "Annulla disegno",
+			cancel: "Annulla",
+			addPolygon: "Aggiungi zona poligonale",
+			addTripwire: "Aggiungi linea di passaggio",
+			empty: "Nessuna zona ancora: scegli \"Zona\" o \"Linea di passaggio\" per disegnare.",
+			deleteZone: "Elimina zona"
+		},
+		zoneForm: {
+			editing: "Modifica",
+			namePlaceholder: "Nome zona",
+			twoPoints: "2 punti",
+			pointCount: "{{count}} punti",
+			dragHint: "· trascina i punti per rimodellare",
+			saveTitle: "Salva le modifiche (Invio)",
+			save: "Salva",
+			discardTitle: "Scarta le modifiche (Esc)",
+			discard: "Scarta",
+			delete: "Elimina"
+		},
+		rules: {
+			title: {
+				motion: "Regole di movimento",
+				detection: "Regole di rilevamento",
+				package: "Regole pacchi"
+			},
+			add: "Aggiungi regola",
+			addShort: "Aggiungi",
+			save: "Salva",
+			noZones: "Definisci prima una zona: le regole fanno riferimento agli id delle zone.",
+			empty: "Nessuna regola: ogni rilevamento di questa fase passa senza filtri.",
+			disable: "Disattiva regola",
+			enable: "Attiva regola",
+			activeTitle: "La regola è attiva: clicca per disattivarla",
+			disabledTitle: "La regola è disattivata: clicca per attivarla",
+			namePlaceholder: "Nome regola (facoltativo)",
+			remove: "Rimuovi regola",
+			mode: "Modalità",
+			include: "Includi",
+			exclude: "Escludi",
+			zones: "Zone",
+			noneZones: "nessuna",
+			class: "Classe",
+			anyClass: "qualsiasi"
+		}
+	}
+});
 //#endregion
 //#region src/widgets/PipelineQuickStats.tsx
-function fe(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ L("div", {
+function he(e) {
+	let { t } = X();
+	return e.deviceId === void 0 ? /* @__PURE__ */ B("div", {
 		className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning",
-		children: "PipelineQuickStats requires a deviceId"
-	}) : /* @__PURE__ */ L(pe, { deviceId: e.deviceId });
+		children: t("quickStats.requiresDevice")
+	}) : /* @__PURE__ */ B(ge, { deviceId: e.deviceId });
 }
-function pe({ deviceId: n }) {
-	A(["pipelineOrchestrator", "getPipelineAssignment"], [
+function ge({ deviceId: n }) {
+	let { t: r } = X(), i = x();
+	M(["pipelineOrchestrator", "getPipelineAssignment"], [
 		"pipeline.camera-assigned",
 		"pipeline.camera-unassigned",
 		"pipeline.camera-updated"
-	]), A(["pipelineRunner", "getCameraMetrics"], ["pipeline.camera-metrics-snapshot"]);
-	let { data: r } = w({ deviceId: n }, { staleTime: 3e4 }), i = r?.agentNodeId ?? null, a = typeof i == "string" && i.length > 0 && !i.startsWith("addon:") ? i : void 0, { data: o } = _({
+	]), M(["pipelineRunner", "getCameraMetrics"], ["pipeline.camera-metrics-snapshot"]);
+	let { data: a } = E({ deviceId: n }, { staleTime: 3e4 }), o = a?.agentNodeId ?? null, s = typeof o == "string" && o.length > 0 && !o.startsWith("addon:") ? o : void 0, { data: c } = y({
 		deviceId: n,
-		...a ? { nodeId: a } : {}
+		...s ? { nodeId: s } : {}
 	}, {
 		staleTime: 2e3,
 		retry: !1
-	}), s = j(), c = M(s.trpcClient, n), { data: l } = e({
+	}), l = N(), u = P(l.trpcClient, n), { data: d } = e({
 		queryKey: [
 			"device",
 			n,
 			"pipelineAnalytics.getActiveTracks"
 		],
-		queryFn: () => c?.pipelineAnalytics?.getActiveTracks({}) ?? [],
-		enabled: !!c,
+		queryFn: () => u?.pipelineAnalytics?.getActiveTracks({}) ?? [],
+		enabled: !!u,
 		refetchInterval: 5e3,
 		retry: !1
-	}), { data: u } = e({
+	}), { data: f } = e({
 		queryKey: [
 			"device",
 			n,
 			"audioMetrics.getCurrentSnapshot"
 		],
-		queryFn: () => c?.audioMetrics?.getCurrentSnapshot({}) ?? null,
-		enabled: !!c,
+		queryFn: () => u?.audioMetrics?.getCurrentSnapshot({}) ?? null,
+		enabled: !!u,
 		refetchInterval: 2e3,
 		retry: !1
-	}), { data: d } = e({
+	}), { data: p } = e({
 		queryKey: ["recordingArchive.getStatus", n],
-		queryFn: async () => await s.trpcClient.recordingArchive.getStatus.query({ deviceId: n }),
+		queryFn: async () => await l.trpcClient.recordingArchive.getStatus.query({ deviceId: n }),
 		refetchInterval: 5e3,
 		retry: !1
-	}), { data: f } = e({
+	}), { data: m } = e({
 		queryKey: ["recordingArchive.getDeviceConfig", n],
-		queryFn: async () => await s.trpcClient.recordingArchive.getDeviceConfig.query({ deviceId: n }),
+		queryFn: async () => await l.trpcClient.recordingArchive.getDeviceConfig.query({ deviceId: n }),
 		staleTime: 3e4,
 		retry: !1
-	}), { data: m } = e({
+	}), { data: g } = e({
 		queryKey: [
 			"device",
 			n,
 			"addonSettings.getDeviceSettings.detectionMode"
 		],
-		queryFn: () => s.trpcClient.addonSettings.getDeviceSettings.query({
+		queryFn: () => l.trpcClient.addonSettings.getDeviceSettings.query({
 			addonId: "pipeline-orchestrator",
 			deviceId: n
 		}),
 		staleTime: 3e4,
 		retry: !1
-	}), h = t(m, "detectionMode"), g = typeof h == "string" ? h : null, y = o?.phase ?? null, b = g, x = Number(o?.actualFps ?? 0), S = Number(o?.configuredFps ?? 0), C = Number(o?.avgInferenceTimeMs ?? 0), T = Number(o?.queueDepth ?? 0), E = Number(o?.droppedFrames ?? 0), D = p(y ?? "watching"), O = l?.length ?? 0, k = u?.level.dbfs ?? null, N = typeof k == "number" ? `${k.toFixed(1)} dBFS` : "—", P = d?.enabled ?? !1, F = d?.activeMode ?? "off", I = P && F !== "off", z = P ? F === "off" ? "Idle" : F === "continuous" ? "Continuous" : F === "onMotion" ? "On motion" : F === "onAudioThreshold" ? "On audio" : F : "Disabled", B = (f?.profiles ?? []).join(", "), V = d ? `${me(d.storageBytes ?? 0)}${B ? ` · ${B}` : ""}` : void 0;
-	return /* @__PURE__ */ R("div", {
-		className: ee,
+	}), _ = t(g, "detectionMode"), v = typeof _ == "string" ? _ : null, b = c?.phase ?? null, C = v, w = Number(c?.actualFps ?? 0), T = Number(c?.configuredFps ?? 0), D = Number(c?.avgInferenceTimeMs ?? 0), O = Number(c?.queueDepth ?? 0), k = Number(c?.droppedFrames ?? 0), A = h(b ?? "watching", i), j = d?.length ?? 0, F = f?.level.dbfs ?? null, I = typeof F == "number" ? `${F.toFixed(1)} dBFS` : "—", L = p?.enabled ?? !1, z = p?.activeMode ?? "off", H = L && z !== "off", U = L ? z === "off" ? r("quickStats.rec.idle") : z === "continuous" ? r("quickStats.rec.continuous") : z === "onMotion" ? r("quickStats.rec.onMotion") : z === "onAudioThreshold" ? r("quickStats.rec.onAudio") : z : r("quickStats.rec.disabled"), W = (m?.profiles ?? []).join(", "), G = p ? `${_e(p.storageBytes ?? 0)}${W ? ` · ${W}` : ""}` : void 0;
+	return /* @__PURE__ */ V("div", {
+		className: S,
 		children: [
-			/* @__PURE__ */ L(v, {
-				icon: ae,
-				label: "Phase",
-				value: D.label,
-				valueClassName: D.textColor,
-				subtext: b ?? void 0
+			/* @__PURE__ */ B(R, {
+				icon: re,
+				label: r("quickStats.phase"),
+				value: A.label,
+				valueClassName: A.textColor,
+				subtext: C ?? void 0
 			}),
-			/* @__PURE__ */ L(v, {
-				icon: K,
-				label: "Detection FPS",
-				value: `${x.toFixed(1)}`,
-				subtext: S > 0 ? `target: ${S}` : void 0
+			/* @__PURE__ */ B(R, {
+				icon: se,
+				label: r("quickStats.detectionFps"),
+				value: `${w.toFixed(1)}`,
+				subtext: T > 0 ? r("quickStats.target", { value: T }) : void 0
 			}),
-			/* @__PURE__ */ L(v, {
-				icon: W,
-				label: "Inference",
-				value: `${C.toFixed(1)} ms`,
-				subtext: T > 0 ? `queue: ${T}` : void 0
+			/* @__PURE__ */ B(R, {
+				icon: ae,
+				label: r("quickStats.inference"),
+				value: `${D.toFixed(1)} ms`,
+				subtext: O > 0 ? r("quickStats.queue", { value: O }) : void 0
 			}),
-			/* @__PURE__ */ L(v, {
-				icon: G,
-				label: "Active Tracks",
-				value: String(O),
-				subtext: E > 0 ? `dropped: ${E}` : void 0
+			/* @__PURE__ */ B(R, {
+				icon: oe,
+				label: r("quickStats.activeTracks"),
+				value: String(j),
+				subtext: k > 0 ? r("quickStats.dropped", { value: k }) : void 0
 			}),
-			/* @__PURE__ */ L(v, {
-				icon: de,
-				label: "Current dB",
-				value: N
+			/* @__PURE__ */ B(R, {
+				icon: pe,
+				label: r("quickStats.currentDb"),
+				value: I
 			}),
-			/* @__PURE__ */ L(v, {
-				icon: ue,
-				label: "Recording",
-				value: z,
-				valueClassName: I ? "text-success" : void 0,
-				subtext: V
+			/* @__PURE__ */ B(R, {
+				icon: fe,
+				label: r("quickStats.recording"),
+				value: U,
+				valueClassName: H ? "text-success" : void 0,
+				subtext: G
 			})
 		]
 	});
 }
-function me(e) {
+function _e(e) {
 	if (!Number.isFinite(e) || e <= 0) return "0 B";
 	let t = [
 		"B",
@@ -318,70 +471,68 @@ function me(e) {
 }
 //#endregion
 //#region src/widgets/zone-editor/ZoneList.tsx
-var he = {
-	polygon: "Polygon",
-	tripwire: "Tripwire"
-}, ge = {
+var ve = {
 	polygon: "bg-info/10 text-info",
 	tripwire: "bg-warning/10 text-warning"
 };
-function X({ zones: e, selectedZoneId: t, drawingKind: n, onSelectZone: r, onDeleteZone: i, onStartDraw: a, onCancelDraw: o }) {
-	return /* @__PURE__ */ R("div", {
+function ye({ zones: e, selectedZoneId: t, drawingKind: n, onSelectZone: r, onDeleteZone: i, onStartDraw: a, onCancelDraw: o }) {
+	let { t: s } = X();
+	return /* @__PURE__ */ V("div", {
 		className: "flex flex-col gap-2",
-		children: [/* @__PURE__ */ L("div", {
+		children: [/* @__PURE__ */ B("div", {
 			className: "flex items-center gap-1",
-			children: n ? /* @__PURE__ */ R("button", {
+			children: n ? /* @__PURE__ */ V("button", {
 				type: "button",
 				onClick: o,
 				className: "inline-flex items-center justify-center gap-1 rounded border border-amber-500/30 bg-amber-500/10 text-amber-400 hover:bg-amber-500/20 transition-colors h-8 px-3 text-[11px] font-medium",
-				title: "Cancel drawing",
-				children: [/* @__PURE__ */ L(Y, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ L("span", { children: "Cancel" })]
-			}) : /* @__PURE__ */ R(z, { children: [/* @__PURE__ */ L("button", {
+				title: s("zoneList.cancelDrawing"),
+				children: [/* @__PURE__ */ B(Y, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ B("span", { children: s("zoneList.cancel") })]
+			}) : /* @__PURE__ */ V(H, { children: [/* @__PURE__ */ B("button", {
 				type: "button",
 				onClick: () => a("polygon"),
 				className: "inline-flex items-center justify-center rounded border border-border bg-surface text-foreground-subtle hover:text-primary hover:border-primary/40 hover:bg-primary/5 transition-colors h-8 w-8",
-				title: "Add polygon zone",
-				"aria-label": "Add polygon zone",
-				children: /* @__PURE__ */ L(q, { className: "h-4 w-4" })
-			}), /* @__PURE__ */ L("button", {
+				title: s("zoneList.addPolygon"),
+				"aria-label": s("zoneList.addPolygon"),
+				children: /* @__PURE__ */ B(ce, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ B("button", {
 				type: "button",
 				onClick: () => a("tripwire"),
 				className: "inline-flex items-center justify-center rounded border border-border bg-surface text-foreground-subtle hover:text-primary hover:border-primary/40 hover:bg-primary/5 transition-colors h-8 w-8",
-				title: "Add tripwire",
-				"aria-label": "Add tripwire",
-				children: /* @__PURE__ */ L(se, { className: "h-5 w-5 stroke-[2.5]" })
+				title: s("zoneList.addTripwire"),
+				"aria-label": s("zoneList.addTripwire"),
+				children: /* @__PURE__ */ B(le, { className: "h-5 w-5 stroke-[2.5]" })
 			})] })
-		}), e.length === 0 ? /* @__PURE__ */ L("p", {
+		}), e.length === 0 ? /* @__PURE__ */ B("p", {
 			className: "text-center text-[10px] text-foreground-subtle py-3 leading-tight",
-			children: "No zones yet — pick \"Zone\" or \"Tripwire\" to draw."
-		}) : /* @__PURE__ */ L("div", {
+			children: s("zoneList.empty")
+		}) : /* @__PURE__ */ B("div", {
 			className: "flex flex-col gap-1",
 			children: e.map((e) => {
 				let n = e.id === t;
-				return /* @__PURE__ */ R("div", {
+				return /* @__PURE__ */ V("div", {
 					className: ["flex items-center gap-1.5 rounded border px-1.5 py-1 cursor-pointer transition-colors", n ? "border-primary/50 bg-primary/10" : "border-border bg-surface hover:bg-surface-hover"].join(" "),
 					onClick: () => r(n ? null : e.id),
 					children: [
-						/* @__PURE__ */ L("div", {
+						/* @__PURE__ */ B("div", {
 							className: "h-2.5 w-2.5 rounded-sm flex-shrink-0",
 							style: { backgroundColor: e.color }
 						}),
-						/* @__PURE__ */ L("span", {
+						/* @__PURE__ */ B("span", {
 							className: "flex-1 truncate text-[11px] font-medium text-foreground",
 							children: e.name
 						}),
-						/* @__PURE__ */ L("span", {
-							className: `inline-flex items-center rounded-full px-1.5 py-0.5 text-[9px] font-medium flex-shrink-0 ${ge[e.kind]}`,
-							children: he[e.kind]
+						/* @__PURE__ */ B("span", {
+							className: `inline-flex items-center rounded-full px-1.5 py-0.5 text-[9px] font-medium flex-shrink-0 ${ve[e.kind]}`,
+							children: e.kind === "tripwire" ? s("zone.kind.tripwire") : s("zone.kind.polygon")
 						}),
-						/* @__PURE__ */ L("button", {
+						/* @__PURE__ */ B("button", {
 							type: "button",
-							title: "Delete zone",
+							title: s("zoneList.deleteZone"),
 							className: "p-0.5 text-foreground-subtle hover:text-danger rounded transition-colors flex-shrink-0",
 							onClick: (t) => {
 								t.stopPropagation(), i(e.id);
 							},
-							children: /* @__PURE__ */ L(J, { className: "h-3 w-3" })
+							children: /* @__PURE__ */ B(J, { className: "h-3 w-3" })
 						})
 					]
 				}, e.id);
@@ -391,7 +542,7 @@ function X({ zones: e, selectedZoneId: t, drawingKind: n, onSelectZone: r, onDel
 }
 //#endregion
 //#region src/widgets/zone-editor/ZoneForm.tsx
-var _e = [
+var be = [
 	"#3b82f6",
 	"#10b981",
 	"#f59e0b",
@@ -401,110 +552,109 @@ var _e = [
 	"#f97316",
 	"#ec4899"
 ];
-function ve({ zone: e, onSave: t, onDiscard: n, onDelete: r }) {
-	let i = y(), a = (e) => i?.updateDraft({ name: e }), o = (e) => i?.updateDraft({ color: e });
-	return /* @__PURE__ */ R("div", {
+function xe({ zone: e, onSave: t, onDiscard: n, onDelete: r }) {
+	let { t: i } = X(), a = D(), o = (e) => a?.updateDraft({ name: e }), s = (e) => a?.updateDraft({ color: e });
+	return /* @__PURE__ */ V("div", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ L("h3", {
+				children: [/* @__PURE__ */ B("h3", {
 					className: "text-[10px] font-semibold text-foreground-subtle uppercase tracking-wider",
-					children: "Editing"
-				}), /* @__PURE__ */ L("span", {
+					children: i("zoneForm.editing")
+				}), /* @__PURE__ */ B("span", {
 					className: "inline-flex items-center rounded-full px-1.5 py-0.5 text-[9px] font-medium bg-surface border border-border text-foreground-subtle",
-					children: e.kind === "tripwire" ? "Tripwire" : "Polygon"
+					children: e.kind === "tripwire" ? i("zone.kind.tripwire") : i("zone.kind.polygon")
 				})]
 			}),
-			/* @__PURE__ */ L("input", {
+			/* @__PURE__ */ B("input", {
 				type: "text",
-				className: k,
+				className: O,
 				value: e.name,
 				autoFocus: !0,
-				onChange: (e) => a(e.target.value),
+				onChange: (e) => o(e.target.value),
 				onKeyDown: (e) => {
 					e.key === "Enter" ? (e.preventDefault(), t()) : e.key === "Escape" && (e.preventDefault(), n());
 				},
-				placeholder: "Zone name"
+				placeholder: i("zoneForm.namePlaceholder")
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flex flex-wrap gap-1",
-				children: _e.map((t) => /* @__PURE__ */ L("button", {
+				children: be.map((t) => /* @__PURE__ */ B("button", {
 					type: "button",
 					title: t,
 					className: ["h-4 w-4 rounded border-2 cursor-pointer transition-transform hover:scale-110", e.color === t ? "border-white scale-110" : "border-transparent"].join(" "),
 					style: { backgroundColor: t },
-					onClick: () => o(t)
+					onClick: () => s(t)
 				}, t))
 			}),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ L("input", {
+				children: [/* @__PURE__ */ B("input", {
 					type: "color",
 					className: "h-6 w-6 rounded border border-border bg-background cursor-pointer p-0.5",
 					value: e.color,
-					onChange: (e) => o(e.target.value)
-				}), /* @__PURE__ */ L("input", {
+					onChange: (e) => s(e.target.value)
+				}), /* @__PURE__ */ B("input", {
 					type: "text",
-					className: `${k} font-mono`,
+					className: `${O} font-mono`,
 					value: e.color,
 					placeholder: "#000000",
-					onChange: (e) => o(e.target.value)
+					onChange: (e) => s(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ R("p", {
+			/* @__PURE__ */ V("p", {
 				className: "text-[9px] text-foreground-subtle leading-tight",
-				children: [e.kind === "tripwire" ? "2 points" : `${e.points.length} pts`, e.points.length > 0 && " · drag handles to reshape"]
+				children: [e.kind === "tripwire" ? i("zoneForm.twoPoints") : i("zoneForm.pointCount", { count: e.points.length }), e.points.length > 0 && ` ${i("zoneForm.dragHint")}`]
 			}),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ R("button", {
+				children: [/* @__PURE__ */ V("button", {
 					type: "button",
 					onClick: t,
 					className: "inline-flex items-center justify-center gap-1 rounded border border-primary/40 bg-primary/10 text-primary hover:bg-primary/20 transition-colors h-7 flex-1 text-[11px] font-medium",
-					title: "Save changes (Enter)",
-					children: [/* @__PURE__ */ L(oe, { className: "h-3 w-3" }), "Save"]
-				}), /* @__PURE__ */ R("button", {
+					title: i("zoneForm.saveTitle"),
+					children: [/* @__PURE__ */ B(ie, { className: "h-3 w-3" }), i("zoneForm.save")]
+				}), /* @__PURE__ */ V("button", {
 					type: "button",
 					onClick: n,
 					className: "inline-flex items-center justify-center gap-1 rounded border border-border bg-surface text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors h-7 px-3 text-[11px] font-medium",
-					title: "Discard changes (Esc)",
-					children: [/* @__PURE__ */ L(Y, { className: "h-3 w-3" }), "Discard"]
+					title: i("zoneForm.discardTitle"),
+					children: [/* @__PURE__ */ B(Y, { className: "h-3 w-3" }), i("zoneForm.discard")]
 				})]
 			}),
-			/* @__PURE__ */ R("button", {
+			/* @__PURE__ */ V("button", {
 				type: "button",
 				onClick: r,
-				className: `${x} w-full`,
-				children: [/* @__PURE__ */ L(J, { className: "h-3 w-3" }), "Delete"]
+				className: `${j} w-full`,
+				children: [/* @__PURE__ */ B(J, { className: "h-3 w-3" }), i("zoneForm.delete")]
 			})
 		]
 	});
 }
 //#endregion
 //#region src/widgets/zone-editor/zone-rule-stage.ts
-var ye = {
-	motion: "Motion",
-	detection: "Detection",
-	package: "Package"
-};
-function be(e) {
-	return `${ye[e]} Rules`;
+function Se(e) {
+	switch (e) {
+		case "motion": return Z("rules.title.motion");
+		case "detection": return Z("rules.title.detection");
+		case "package": return Z("rules.title.package");
+	}
 }
 r.options;
 //#endregion
 //#region src/widgets/zone-editor/zone-rule-class-filter.ts
-var xe = new Set(["detection"]);
-function Se(e) {
-	return xe.has(e);
+var Ce = new Set(["detection"]);
+function we(e) {
+	return Ce.has(e);
 }
 //#endregion
 //#region src/widgets/zone-editor/ZoneRulesEditor.tsx
-var Ce = n.map((e) => ({
+var Te = n.map((e) => ({
 	id: e.id,
 	label: e.name
 }));
-function we(e) {
+function Ee(e) {
 	return {
 		id: e.id,
 		name: e.name ?? "",
@@ -514,7 +664,7 @@ function we(e) {
 		enabled: e.enabled !== !1
 	};
 }
-function Te(e) {
+function De(e) {
 	let t = {
 		id: e.id,
 		zoneIds: e.zoneIds,
@@ -523,199 +673,203 @@ function Te(e) {
 	};
 	return e.name && (t.name = e.name), e.classFilter.length > 0 && (t.classFilter = e.classFilter), t;
 }
-function Z({ dev: e, stage: t, zones: n, title: r }) {
-	let a = D(e?.state.zoneRules), o = c(() => a?.[t] ?? [], [a, t]), [s, l] = u([]), [d, p] = u(!1), [g, _] = u(!1), [v, y] = u(null), x = Se(t);
+function Q({ dev: e, stage: t, zones: n, title: r }) {
+	let { t: a } = X(), o = k(e?.state.zoneRules), s = c(() => o?.[t] ?? [], [o, t]), [l, d] = u([]), [p, h] = u(!1), [g, v] = u(!1), [y, b] = u(null), x = we(t);
 	i(() => {
-		d || l(o.map(we));
-	}, [o, d]);
+		p || d(s.map(Ee));
+	}, [s, p]);
 	let S = () => {
-		l((e) => [...e, {
+		d((e) => [...e, {
 			id: crypto.randomUUID(),
 			name: "",
 			zoneIds: n[0] ? [n[0].id] : [],
 			mode: "exclude",
 			classFilter: [],
 			enabled: !0
-		}]), p(!0);
-	}, C = (e, t) => {
-		l((n) => n.map((n, r) => {
+		}]), h(!0);
+	}, w = (e, t) => {
+		d((n) => n.map((n, r) => {
 			if (r !== e) return n;
 			let i = n.classFilter.includes(t) ? n.classFilter.filter((e) => e !== t) : [...n.classFilter, t];
 			return {
 				...n,
 				classFilter: i
 			};
-		})), p(!0);
-	}, w = (e, t) => {
-		l((n) => n.map((n, r) => {
+		})), h(!0);
+	}, E = (e, t) => {
+		d((n) => n.map((n, r) => {
 			if (r !== e) return n;
 			let i = n.zoneIds.includes(t) ? n.zoneIds.filter((e) => e !== t) : [...n.zoneIds, t];
 			return {
 				...n,
 				zoneIds: i
 			};
-		})), p(!0);
-	}, T = (e) => {
-		l((t) => t.filter((t, n) => n !== e)), p(!0);
-	}, O = (e, t) => {
-		l((n) => n.map((n, r) => r === e ? {
+		})), h(!0);
+	}, D = (e) => {
+		d((t) => t.filter((t, n) => n !== e)), h(!0);
+	}, A = (e, t) => {
+		d((n) => n.map((n, r) => r === e ? {
 			...n,
 			...t
-		} : n)), p(!0);
-	}, A = async () => {
+		} : n)), h(!0);
+	}, j = async () => {
 		if (e?.zoneRules) {
-			_(!0), y(null);
+			v(!0), b(null);
 			try {
 				await e.zoneRules.setRules({
 					stage: t,
-					rules: s.map(Te)
-				}), p(!1);
+					rules: l.map(De)
+				}), h(!1);
 			} catch (e) {
-				y(e instanceof Error ? e.message : String(e));
+				b(e instanceof Error ? e.message : String(e));
 			} finally {
-				_(!1);
+				v(!1);
 			}
 		}
-	}, j = d && !!e?.zoneRules && !g;
-	return /* @__PURE__ */ R("div", {
+	}, M = p && !!e?.zoneRules && !g;
+	return /* @__PURE__ */ V("div", {
 		className: "rounded-md border border-border bg-surface/40 p-2.5",
 		children: [
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flex items-center justify-between mb-2 gap-2",
-				children: [/* @__PURE__ */ L("h3", {
-					className: `${m} truncate`,
-					children: r ?? be(t)
-				}), /* @__PURE__ */ R("div", {
+				children: [/* @__PURE__ */ B("h3", {
+					className: `${f} truncate`,
+					children: r ?? Se(t)
+				}), /* @__PURE__ */ V("div", {
 					className: "flex items-center gap-1 flex-shrink-0",
-					children: [/* @__PURE__ */ R("button", {
+					children: [/* @__PURE__ */ V("button", {
 						type: "button",
 						onClick: S,
 						disabled: n.length === 0 || !e,
-						className: b,
-						title: "Add rule",
-						children: [/* @__PURE__ */ L(ce, { className: "h-2.5 w-2.5" }), " Add"]
-					}), /* @__PURE__ */ R("button", {
+						className: C,
+						title: a("rules.add"),
+						children: [
+							/* @__PURE__ */ B(ue, { className: "h-2.5 w-2.5" }),
+							" ",
+							a("rules.addShort")
+						]
+					}), /* @__PURE__ */ V("button", {
 						type: "button",
 						onClick: () => {
-							A();
+							j();
 						},
-						disabled: !j,
-						className: E,
-						children: [/* @__PURE__ */ L(le, { className: "h-2.5 w-2.5" }), g ? "…" : "Save"]
+						disabled: !M,
+						className: T,
+						children: [/* @__PURE__ */ B(de, { className: "h-2.5 w-2.5" }), g ? "…" : a("rules.save")]
 					})]
 				})]
 			}),
-			s.length === 0 ? /* @__PURE__ */ L("p", {
+			l.length === 0 ? /* @__PURE__ */ B("p", {
 				className: "text-[10px] text-foreground-subtle italic px-1 py-1.5 leading-tight",
-				children: n.length === 0 ? "Define a zone first — rules reference zone ids." : "No rules — every detection at this stage passes through."
-			}) : /* @__PURE__ */ L("div", {
+				children: n.length === 0 ? a("rules.noZones") : a("rules.empty")
+			}) : /* @__PURE__ */ B("div", {
 				className: "flex flex-col gap-1.5",
-				children: s.map((e, t) => /* @__PURE__ */ R("div", {
+				children: l.map((e, t) => /* @__PURE__ */ V("div", {
 					className: "rounded border border-border/50 bg-background/40 px-2 py-1.5 flex flex-col gap-1.5 overflow-hidden",
 					children: [
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ V("div", {
 							className: "grid grid-cols-[auto_1fr_auto] items-center gap-1.5",
 							children: [
-								/* @__PURE__ */ L("button", {
+								/* @__PURE__ */ B("button", {
 									type: "button",
 									role: "switch",
 									"aria-checked": e.enabled,
-									"aria-label": e.enabled ? "Disable rule" : "Enable rule",
-									title: e.enabled ? "Rule is active — click to disable" : "Rule is disabled — click to enable",
-									onClick: () => O(t, { enabled: !e.enabled }),
+									"aria-label": e.enabled ? a("rules.disable") : a("rules.enable"),
+									title: e.enabled ? a("rules.activeTitle") : a("rules.disabledTitle"),
+									onClick: () => A(t, { enabled: !e.enabled }),
 									className: ["inline-flex items-center justify-center h-5 w-9 rounded-full border transition-colors flex-shrink-0", e.enabled ? "border-primary/50 bg-primary/20 text-primary" : "border-border bg-surface text-foreground-subtle"].join(" "),
-									children: /* @__PURE__ */ L("span", { className: ["h-3 w-3 rounded-full transition-transform", e.enabled ? "translate-x-1.5 bg-primary" : "-translate-x-1.5 bg-foreground-subtle"].join(" ") })
+									children: /* @__PURE__ */ B("span", { className: ["h-3 w-3 rounded-full transition-transform", e.enabled ? "translate-x-1.5 bg-primary" : "-translate-x-1.5 bg-foreground-subtle"].join(" ") })
 								}),
-								/* @__PURE__ */ L("input", {
-									className: `${k} min-w-0`,
-									placeholder: "Rule name (optional)",
+								/* @__PURE__ */ B("input", {
+									className: `${O} min-w-0`,
+									placeholder: a("rules.namePlaceholder"),
 									value: e.name,
-									onChange: (e) => O(t, { name: e.target.value })
+									onChange: (e) => A(t, { name: e.target.value })
 								}),
-								/* @__PURE__ */ L("button", {
+								/* @__PURE__ */ B("button", {
 									type: "button",
-									title: "Remove rule",
-									"aria-label": "Remove rule",
-									onClick: () => T(t),
+									title: a("rules.remove"),
+									"aria-label": a("rules.remove"),
+									onClick: () => D(t),
 									className: "flex items-center justify-center h-6 w-6 rounded text-foreground-subtle hover:text-danger hover:bg-danger/10 transition-colors flex-shrink-0",
-									children: /* @__PURE__ */ L(J, { className: "h-3.5 w-3.5" })
+									children: /* @__PURE__ */ B(J, { className: "h-3.5 w-3.5" })
 								})
 							]
 						}),
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ V("div", {
 							className: "flex items-center gap-1.5 flex-wrap",
 							children: [
-								/* @__PURE__ */ L("span", {
+								/* @__PURE__ */ B("span", {
 									className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0",
-									children: "Mode"
+									children: a("rules.mode")
 								}),
-								/* @__PURE__ */ L("button", {
+								/* @__PURE__ */ B("button", {
 									type: "button",
-									onClick: () => O(t, { mode: "include" }),
-									className: `${P} ${e.mode === "include" ? f : h}`,
-									children: "Include"
+									onClick: () => A(t, { mode: "include" }),
+									className: `${_} ${e.mode === "include" ? L : m}`,
+									children: a("rules.include")
 								}),
-								/* @__PURE__ */ L("button", {
+								/* @__PURE__ */ B("button", {
 									type: "button",
-									onClick: () => O(t, { mode: "exclude" }),
-									className: `${P} ${e.mode === "exclude" ? f : h}`,
-									children: "Exclude"
+									onClick: () => A(t, { mode: "exclude" }),
+									className: `${_} ${e.mode === "exclude" ? L : m}`,
+									children: a("rules.exclude")
 								})
 							]
 						}),
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ V("div", {
 							className: "flex items-center gap-1.5 flex-wrap",
-							children: [/* @__PURE__ */ L("span", {
+							children: [/* @__PURE__ */ B("span", {
 								className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0",
-								children: "Zones"
-							}), n.length === 0 ? /* @__PURE__ */ L("span", {
+								children: a("rules.zones")
+							}), n.length === 0 ? /* @__PURE__ */ B("span", {
 								className: "text-[10px] text-foreground-subtle italic",
-								children: "none"
-							}) : n.map((n) => /* @__PURE__ */ R("button", {
+								children: a("rules.noneZones")
+							}) : n.map((n) => /* @__PURE__ */ V("button", {
 								type: "button",
-								onClick: () => w(t, n.id),
-								className: `${P} ${e.zoneIds.includes(n.id) ? f : h}`,
-								children: [/* @__PURE__ */ L("span", {
+								onClick: () => E(t, n.id),
+								className: `${_} ${e.zoneIds.includes(n.id) ? L : m}`,
+								children: [/* @__PURE__ */ B("span", {
 									className: "h-2 w-2 rounded-sm",
 									style: { backgroundColor: n.color || "#3b82f6" }
-								}), /* @__PURE__ */ L("span", {
+								}), /* @__PURE__ */ B("span", {
 									className: "truncate max-w-[7rem]",
 									children: n.name || n.id
 								})]
 							}, n.id))]
 						}),
-						x && /* @__PURE__ */ R("div", {
+						x && /* @__PURE__ */ V("div", {
 							className: "flex items-center gap-1.5 flex-wrap",
 							children: [
-								/* @__PURE__ */ L("span", {
+								/* @__PURE__ */ B("span", {
 									className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0",
-									children: "Class"
+									children: a("rules.class")
 								}),
-								Ce.map((n) => /* @__PURE__ */ L("button", {
+								Te.map((n) => /* @__PURE__ */ B("button", {
 									type: "button",
-									onClick: () => C(t, n.id),
-									className: `${P} ${e.classFilter.includes(n.id) ? f : h}`,
+									onClick: () => w(t, n.id),
+									className: `${_} ${e.classFilter.includes(n.id) ? L : m}`,
 									children: n.label
 								}, n.id)),
-								e.classFilter.length === 0 && /* @__PURE__ */ L("span", {
+								e.classFilter.length === 0 && /* @__PURE__ */ B("span", {
 									className: "text-[10px] text-foreground-subtle italic ml-1",
-									children: "any"
+									children: a("rules.anyClass")
 								})
 							]
 						})
 					]
 				}, e.id))
 			}),
-			v && /* @__PURE__ */ L("p", {
+			y && /* @__PURE__ */ B("p", {
 				className: "mt-2 text-[10px] text-danger",
-				children: v
+				children: y
 			})
 		]
 	});
 }
 //#endregion
 //#region src/widgets/zone-editor/types.ts
-function Ee(e) {
+function Oe(e) {
 	let t = e.kind === "tripwire" ? {
 		kind: "line",
 		points: e.points
@@ -730,15 +884,15 @@ function Ee(e) {
 		shape: t
 	};
 }
-function De(e) {
+function ke(e) {
 	return e === "line" ? "tripwire" : "polygon";
 }
-function Oe(e) {
+function Ae(e) {
 	return e === "tripwire" ? "line" : "polygon";
 }
 //#endregion
 //#region src/widgets/zone-editor/ZoneOverlay.tsx
-var ke = "#3b82f6", Ae = ["polygon", "line"], Q = [
+var je = "#3b82f6", Me = ["polygon", "line"], $ = [
 	"#3b82f6",
 	"#10b981",
 	"#f59e0b",
@@ -750,21 +904,21 @@ var ke = "#3b82f6", Ae = ["polygon", "line"], Q = [
 	"#8b5cf6",
 	"#14b8a6"
 ];
-function je(e) {
+function Ne(e) {
 	let t = new Set(e.map((e) => (e.color ?? "").toLowerCase()));
-	for (let e of Q) if (!t.has(e.toLowerCase())) return e;
-	return Q[e.length % Q.length];
+	for (let e of $) if (!t.has(e.toLowerCase())) return e;
+	return $[e.length % $.length];
 }
-function Me(e) {
+function Pe(e) {
 	return {
 		id: e.id,
 		name: e.name,
 		kind: e.kind,
-		color: e.color || ke,
+		color: e.color || je,
 		points: [...e.polygon]
 	};
 }
-function $(e) {
+function Fe(e) {
 	return {
 		id: e.id,
 		name: e.name,
@@ -773,24 +927,24 @@ function $(e) {
 		color: e.color
 	};
 }
-function Ne({ deviceId: e }) {
-	let t = M(j().trpcClient, e), n = D(t?.state.zones), r = c(() => n?.zones ?? [], [n]), i = y(), s = i?.drawingKind ?? null, l = i?.selectedZoneId ?? null, u = i?.editingDraft ?? null, d = c(() => r.map((e) => u && u.id === e.id ? {
+function Ie({ deviceId: e }) {
+	let t = P(N().trpcClient, e), n = k(t?.state.zones), r = c(() => n?.zones ?? [], [n]), i = D(), s = i?.drawingKind ?? null, l = i?.selectedZoneId ?? null, u = i?.editingDraft ?? null, d = c(() => r.map((e) => u && u.id === e.id ? {
 		id: u.id,
 		name: u.name,
 		kind: u.kind,
 		color: u.color,
 		points: [...u.points]
-	} : Me(e)), [r, u]), f = c(() => d.map(Ee), [d]), p = o(async (e) => {
+	} : Pe(e)), [r, u]), f = c(() => d.map(Oe), [d]), p = o(async (e) => {
 		if (e.kind !== "polygon" && e.kind !== "line") return;
 		let n = {
 			id: crypto.randomUUID(),
 			name: "",
-			kind: De(e.kind),
-			color: je(d),
+			kind: ke(e.kind),
+			color: Ne(d),
 			points: [...e.points]
 		};
 		try {
-			await t?.zones?.addZone({ zone: $(n) });
+			await t?.zones?.addZone({ zone: Fe(n) });
 		} catch (e) {
 			console.error("zones.addZone failed", e);
 		}
@@ -810,7 +964,7 @@ function Ne({ deviceId: e }) {
 		}
 		let a = d.find((t) => t.id === e);
 		if (a) try {
-			await t?.zones?.updateZone({ zone: $({
+			await t?.zones?.updateZone({ zone: Fe({
 				...a,
 				points: r
 			}) });
@@ -843,33 +997,33 @@ function Ne({ deviceId: e }) {
 			points: t.points
 		});
 	}, [d, i]);
-	return d.length === 0 && s === null ? null : /* @__PURE__ */ L(a, {
+	return d.length === 0 && s === null ? null : /* @__PURE__ */ B(a, {
 		fallback: null,
-		children: /* @__PURE__ */ L(C, {
+		children: /* @__PURE__ */ B(w, {
 			transparent: !0,
 			items: f,
-			supportedShapes: Ae,
+			supportedShapes: Me,
 			selectedId: l,
 			onSelect: g,
 			onShapeChange: h,
 			onDrawComplete: (e) => {
 				p(e);
 			},
-			drawingKind: s === null ? null : Oe(s)
+			drawingKind: s === null ? null : Ae(s)
 		})
 	});
 }
-var Pe = l(Ne), Fe = "#3b82f6";
-function Ie(e) {
+var Le = l(Ie), Re = "#3b82f6";
+function ze(e) {
 	return {
 		id: e.id,
 		name: e.name,
 		kind: e.kind,
-		color: e.color || Fe,
+		color: e.color || Re,
 		points: [...e.polygon]
 	};
 }
-function Le(e) {
+function Be(e) {
 	return {
 		id: e.id,
 		name: e.name,
@@ -878,31 +1032,31 @@ function Le(e) {
 		color: e.color
 	};
 }
-function Re({ deviceId: e }) {
-	let t = M(j().trpcClient, e), n = D(t?.state.zones), r = c(() => n?.zones ?? [], [n]), i = c(() => r.map(Ie), [r]), a = y(), s = a?.drawingKind ?? null, l = a?.selectedZoneId ?? null, u = a?.editingDraft ?? null;
-	O(c(() => ({
+function Ve({ deviceId: e }) {
+	let { t } = X(), n = P(N().trpcClient, e), r = k(n?.state.zones), i = c(() => r?.zones ?? [], [r]), a = c(() => i.map(ze), [i]), s = D(), l = s?.drawingKind ?? null, u = s?.selectedZoneId ?? null, d = s?.editingDraft ?? null;
+	A(c(() => ({
 		id: "zones",
 		order: 100,
-		node: /* @__PURE__ */ L(Pe, { deviceId: e })
+		node: /* @__PURE__ */ B(Le, { deviceId: e })
 	}), [e]));
-	let d = o((e) => {
+	let p = o((e) => {
 		if (e === null) {
-			a?.discardDraft(), a?.setSelectedZoneId(null);
+			s?.discardDraft(), s?.setSelectedZoneId(null);
 			return;
 		}
-		let t = i.find((t) => t.id === e);
-		t && a?.enterDraft({
+		let t = a.find((t) => t.id === e);
+		t && s?.enterDraft({
 			id: t.id,
 			kind: t.kind,
 			name: t.name,
 			color: t.color,
 			points: t.points
 		});
-	}, [i, a]), f = o(async () => {
-		let e = a?.editingDraft;
+	}, [a, s]), m = o(async () => {
+		let e = s?.editingDraft;
 		if (e) {
 			try {
-				await t?.zones?.updateZone({ zone: Le({
+				await n?.zones?.updateZone({ zone: Be({
 					id: e.id,
 					kind: e.kind,
 					name: e.name,
@@ -912,86 +1066,81 @@ function Re({ deviceId: e }) {
 			} catch (e) {
 				console.error("zones.updateZone failed", e);
 			}
-			a?.discardDraft(), a?.setSelectedZoneId(null);
+			s?.discardDraft(), s?.setSelectedZoneId(null);
 		}
-	}, [t, a]), p = o(() => {
-		a?.discardDraft(), a?.setSelectedZoneId(null);
-	}, [a]), h = o(async (e) => {
+	}, [n, s]), h = o(() => {
+		s?.discardDraft(), s?.setSelectedZoneId(null);
+	}, [s]), _ = o(async (e) => {
 		try {
-			await t?.zones?.removeZone({ zoneId: e });
+			await n?.zones?.removeZone({ zoneId: e });
 		} catch (e) {
 			console.error("zones.removeZone failed", e);
 		}
-		a?.selectedZoneId === e && a.setSelectedZoneId(null), a?.editingDraft?.id === e && a.discardDraft();
-	}, [t, a]), _ = o((e) => {
-		a?.startDrawing(e);
-	}, [a]), v = o(() => {
-		a?.setDrawingKind(null);
-	}, [a]), b = c(() => !u || !i.find((e) => e.id === u.id) ? null : {
-		id: u.id,
-		kind: u.kind,
-		name: u.name,
-		color: u.color,
-		points: [...u.points]
-	}, [i, u]);
-	return /* @__PURE__ */ R("div", {
-		className: I,
-		children: [/* @__PURE__ */ R("div", {
-			className: g,
-			children: [/* @__PURE__ */ L("div", {
-				className: N,
-				children: /* @__PURE__ */ R("div", {
+		s?.selectedZoneId === e && s.setSelectedZoneId(null), s?.editingDraft?.id === e && s.discardDraft();
+	}, [n, s]), y = o((e) => {
+		s?.startDrawing(e);
+	}, [s]), x = o(() => {
+		s?.setDrawingKind(null);
+	}, [s]), S = c(() => !d || !a.find((e) => e.id === d.id) ? null : {
+		id: d.id,
+		kind: d.kind,
+		name: d.name,
+		color: d.color,
+		points: [...d.points]
+	}, [a, d]);
+	return /* @__PURE__ */ V("div", {
+		className: b,
+		children: [/* @__PURE__ */ V("div", {
+			className: I,
+			children: [/* @__PURE__ */ B("div", {
+				className: z,
+				children: /* @__PURE__ */ V("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ L("h2", {
-						className: m,
-						children: "Detection Zones"
-					}), /* @__PURE__ */ R("p", {
-						className: `${F} mt-0.5 leading-tight`,
-						children: [
-							"Pick a shape below or use the ",
-							/* @__PURE__ */ L("strong", {
-								className: "text-foreground",
-								children: "Zones"
-							}),
-							" ",
-							"button on the live frame to draw new polygons or tripwires. Behaviour is set per-stage in the rules editors below — a zone with no rule is observed by analytics but never filters."
-						]
+					children: [/* @__PURE__ */ B("h2", {
+						className: f,
+						children: t("zonesTab.title")
+					}), /* @__PURE__ */ B("p", {
+						className: `${g} mt-0.5 leading-tight`,
+						children: /* @__PURE__ */ B(me, {
+							i18nKey: "zonesTab.hint",
+							components: { b: /* @__PURE__ */ B("strong", { className: "text-foreground" }) }
+						})
 					})]
 				})
-			}), /* @__PURE__ */ R("div", {
-				className: `${S} flex flex-col gap-3`,
-				children: [/* @__PURE__ */ L(X, {
-					zones: i,
-					selectedZoneId: l,
-					drawingKind: s,
-					onSelectZone: d,
-					onDeleteZone: h,
-					onStartDraw: _,
-					onCancelDraw: v
-				}), b && /* @__PURE__ */ R(z, { children: [/* @__PURE__ */ L("div", { className: "border-t border-border" }), /* @__PURE__ */ L(ve, {
-					zone: b,
-					onSave: f,
-					onDiscard: p,
-					onDelete: () => h(b.id)
+			}), /* @__PURE__ */ V("div", {
+				className: `${v} flex flex-col gap-3`,
+				children: [/* @__PURE__ */ B(ye, {
+					zones: a,
+					selectedZoneId: u,
+					drawingKind: l,
+					onSelectZone: p,
+					onDeleteZone: _,
+					onStartDraw: y,
+					onCancelDraw: x
+				}), S && /* @__PURE__ */ V(H, { children: [/* @__PURE__ */ B("div", { className: "border-t border-border" }), /* @__PURE__ */ B(xe, {
+					zone: S,
+					onSave: m,
+					onDiscard: h,
+					onDelete: () => _(S.id)
 				})] })]
 			})]
-		}), /* @__PURE__ */ R("div", {
-			className: `grid grid-cols-1 2xl:grid-cols-2 ${T}`,
+		}), /* @__PURE__ */ V("div", {
+			className: `grid grid-cols-1 2xl:grid-cols-2 ${F}`,
 			children: [
-				/* @__PURE__ */ L(Z, {
-					dev: t,
+				/* @__PURE__ */ B(Q, {
+					dev: n,
 					stage: "motion",
-					zones: r
+					zones: i
 				}),
-				/* @__PURE__ */ L(Z, {
-					dev: t,
+				/* @__PURE__ */ B(Q, {
+					dev: n,
 					stage: "detection",
-					zones: r
+					zones: i
 				}),
-				/* @__PURE__ */ L(Z, {
-					dev: t,
+				/* @__PURE__ */ B(Q, {
+					dev: n,
 					stage: "package",
-					zones: r
+					zones: i
 				})
 			]
 		})]
@@ -999,17 +1148,18 @@ function Re({ deviceId: e }) {
 }
 //#endregion
 //#region src/widgets/ZoneEditor.tsx
-function ze(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ L("div", {
+function He(e) {
+	let { t } = X();
+	return e.deviceId === void 0 ? /* @__PURE__ */ B("div", {
 		className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning",
-		children: "ZoneEditor requires a deviceId"
-	}) : /* @__PURE__ */ L(Re, { deviceId: e.deviceId });
+		children: t("zoneEditor.requiresDevice")
+	}) : /* @__PURE__ */ B(Ve, { deviceId: e.deviceId });
 }
 //#endregion
 //#region src/widgets/index.tsx
-var Be = {
-	"pipeline-quick-stats": fe,
-	"zone-editor": ze
+var Ue = {
+	"pipeline-quick-stats": he,
+	"zone-editor": He
 };
 //#endregion
-export { Be as default };
+export { Ue as default };