@camstack/addon-pipeline-orchestrator 1.2.645 → 1.2.646

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-nDsPG0Vk.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-CImRTRiM.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, 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-DNaztdEQ.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";
+import { A as f, C as p, D as m, E as h, O as g, S as _, T as v, _ as y, a as b, b as x, c as S, d as C, f as w, g as T, h as E, i as D, k as O, l as k, m as A, n as j, o as M, p as N, r as P, s as F, t as I, u as L, v as R, w as z, x as ee, y as B } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-CoZ9XX3X.mjs";
+import { n as V, r as H, t as U } 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 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()), ee = (e) => {
-	let t = G(e);
+var W = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), te = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ne = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), G = (e) => {
+	let t = ne(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, te = {
+}, re = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -17,34 +17,34 @@ var U = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, ne = (e) => {
+}, ie = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, re = s(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => d("svg", {
+}, ae = s(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => d("svg", {
 	ref: c,
-	...te,
+	...re,
 	width: t,
 	height: t,
 	stroke: e,
 	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
-	className: U("lucide", i),
-	...!a && !ne(s) && { "aria-hidden": "true" },
+	className: W("lucide", i),
+	...!a && !ie(s) && { "aria-hidden": "true" },
 	...s
 }, [...o.map(([e, t]) => d(e, t)), ...Array.isArray(a) ? a : [a]])), K = (e, t) => {
-	let n = s(({ className: n, ...r }, i) => d(re, {
+	let n = s(({ className: n, ...r }, i) => d(ae, {
 		ref: i,
 		iconNode: t,
-		className: U(`lucide-${W(ee(e))}`, `lucide-${e}`, n),
+		className: W(`lucide-${te(G(e))}`, `lucide-${e}`, n),
 		...r
 	}));
-	return n.displayName = ee(e), n;
-}, ie = K("activity", [["path", {
+	return n.displayName = G(e), n;
+}, oe = K("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"
-}]]), ae = K("check", [["path", {
+}]]), se = K("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
-}]]), oe = K("cpu", [
+}]]), ce = K("cpu", [
 	["path", {
 		d: "M12 20v2",
 		key: "1lh1kg"
@@ -109,7 +109,7 @@ var U = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		rx: "1",
 		key: "z9xiuo"
 	}]
-]), se = K("eye", [["path", {
+]), le = K("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 U = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	cy: "12",
 	r: "3",
 	key: "1v7zrd"
-}]]), ce = K("gauge", [["path", {
+}]]), ue = K("gauge", [["path", {
 	d: "m12 14 4-4",
 	key: "9kzdfg"
 }], ["path", {
 	d: "M3.34 19a10 10 0 1 1 17.32 0",
 	key: "19p75a"
-}]]), le = K("hexagon", [["path", {
+}]]), de = K("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"
-}]]), ue = K("minus", [["path", {
+}]]), fe = K("minus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
-}]]), de = K("plus", [["path", {
+}]]), pe = K("plus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
 	d: "M12 5v14",
 	key: "s699le"
-}]]), fe = K("save", [
+}]]), me = K("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"
@@ -169,7 +169,7 @@ var U = (...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"
 	}]
-]), pe = K("video", [["path", {
+]), he = K("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 U = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	height: "12",
 	rx: "2",
 	key: "158x01"
-}]]), me = K("volume-2", [
+}]]), ge = K("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"
@@ -198,7 +198,7 @@ var U = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 }], ["path", {
 	d: "m6 6 12 12",
 	key: "d8bk6v"
-}]]), { useT: Y, Trans: he, translate: X } = p("pipeline-orchestrator", {
+}]]), { useT: Y, Trans: _e, translate: X } = O("pipeline-orchestrator", {
 	en: {
 		quickStats: {
 			requiresDevice: "PipelineQuickStats requires a deviceId",
@@ -360,27 +360,27 @@ var U = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 });
 //#endregion
 //#region src/widgets/PipelineQuickStats.tsx
-function ge(e) {
+function ve(e) {
 	let { t } = Y();
-	return e.deviceId === void 0 ? /* @__PURE__ */ B("div", {
+	return e.deviceId === void 0 ? /* @__PURE__ */ V("div", {
 		className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning",
 		children: t("quickStats.requiresDevice")
-	}) : /* @__PURE__ */ B(_e, { deviceId: e.deviceId });
+	}) : /* @__PURE__ */ V(ye, { deviceId: e.deviceId });
 }
-function _e({ deviceId: t }) {
-	let { t: r } = Y(), i = x();
-	M(["pipelineOrchestrator", "getPipelineAssignment"], [
+function ye({ deviceId: t }) {
+	let { t: r } = Y(), i = S();
+	P(["pipelineOrchestrator", "getPipelineAssignment"], [
 		"pipeline.camera-assigned",
 		"pipeline.camera-unassigned",
 		"pipeline.camera-updated"
-	]), M(["pipelineRunner", "getCameraMetrics"], ["pipeline.camera-metrics-snapshot"]);
-	let { data: a } = E({ deviceId: t }, { staleTime: 3e4 }), o = a?.agentNodeId ?? null, s = typeof o == "string" && o.length > 0 && !o.startsWith("addon:") ? o : void 0, { data: c } = y({
+	]), P(["pipelineRunner", "getCameraMetrics"], ["pipeline.camera-metrics-snapshot"]);
+	let { data: a } = D({ deviceId: t }, { staleTime: 3e4 }), o = a?.agentNodeId ?? null, s = typeof o == "string" && o.length > 0 && !o.startsWith("addon:") ? o : void 0, { data: c } = b({
 		deviceId: t,
 		...s ? { nodeId: s } : {}
 	}, {
 		staleTime: 2e3,
 		retry: !1
-	}), l = N(), u = P(l.trpcClient, t), { data: d } = e({
+	}), l = F(), u = I(l.trpcClient, t), { data: d } = e({
 		queryKey: [
 			"device",
 			t,
@@ -390,7 +390,7 @@ function _e({ deviceId: t }) {
 		enabled: !!u,
 		refetchInterval: 5e3,
 		retry: !1
-	}), { data: f } = e({
+	}), { data: p } = e({
 		queryKey: [
 			"device",
 			t,
@@ -400,12 +400,12 @@ function _e({ deviceId: t }) {
 		enabled: !!u,
 		refetchInterval: 2e3,
 		retry: !1
-	}), { data: p } = e({
+	}), { data: m } = e({
 		queryKey: ["recordingArchive.getStatus", t],
 		queryFn: async () => await l.trpcClient.recordingArchive.getStatus.query({ deviceId: t }),
 		refetchInterval: 5e3,
 		retry: !1
-	}), { data: m } = e({
+	}), { data: h } = e({
 		queryKey: ["recordingArchive.getDeviceConfig", t],
 		queryFn: async () => await l.trpcClient.recordingArchive.getDeviceConfig.query({ deviceId: t }),
 		staleTime: 3e4,
@@ -422,51 +422,51 @@ function _e({ deviceId: t }) {
 		}),
 		staleTime: 3e4,
 		retry: !1
-	}), _ = n(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 ? `${ve(p.storageBytes ?? 0)}${W ? ` · ${W}` : ""}` : void 0;
-	return /* @__PURE__ */ V("div", {
-		className: S,
+	}), v = n(g, "detectionMode"), y = typeof v == "string" ? v : null, x = c?.phase ?? null, w = y, T = Number(c?.actualFps ?? 0), E = Number(c?.configuredFps ?? 0), O = Number(c?.avgInferenceTimeMs ?? 0), k = Number(c?.queueDepth ?? 0), A = Number(c?.droppedFrames ?? 0), j = f(x ?? "watching", i), M = d?.length ?? 0, N = p?.level.dbfs ?? null, L = typeof N == "number" ? `${N.toFixed(1)} dBFS` : "—", R = m?.enabled ?? !1, z = m?.activeMode ?? "off", ee = R && z !== "off", B = R ? 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"), U = (h?.profiles ?? []).join(", "), W = m ? `${be(m.storageBytes ?? 0)}${U ? ` · ${U}` : ""}` : void 0;
+	return /* @__PURE__ */ H("div", {
+		className: C,
 		children: [
-			/* @__PURE__ */ B(R, {
-				icon: ie,
+			/* @__PURE__ */ V(_, {
+				icon: oe,
 				label: r("quickStats.phase"),
-				value: A.label,
-				valueClassName: A.textColor,
-				subtext: C ?? void 0
+				value: j.label,
+				valueClassName: j.textColor,
+				subtext: w ?? void 0
 			}),
-			/* @__PURE__ */ B(R, {
-				icon: ce,
+			/* @__PURE__ */ V(_, {
+				icon: ue,
 				label: r("quickStats.detectionFps"),
-				value: `${w.toFixed(1)}`,
-				subtext: T > 0 ? r("quickStats.target", { value: T }) : void 0
+				value: `${T.toFixed(1)}`,
+				subtext: E > 0 ? r("quickStats.target", { value: E }) : void 0
 			}),
-			/* @__PURE__ */ B(R, {
-				icon: oe,
+			/* @__PURE__ */ V(_, {
+				icon: ce,
 				label: r("quickStats.inference"),
-				value: `${D.toFixed(1)} ms`,
-				subtext: O > 0 ? r("quickStats.queue", { value: O }) : void 0
+				value: `${O.toFixed(1)} ms`,
+				subtext: k > 0 ? r("quickStats.queue", { value: k }) : void 0
 			}),
-			/* @__PURE__ */ B(R, {
-				icon: se,
+			/* @__PURE__ */ V(_, {
+				icon: le,
 				label: r("quickStats.activeTracks"),
-				value: String(j),
-				subtext: k > 0 ? r("quickStats.dropped", { value: k }) : void 0
+				value: String(M),
+				subtext: A > 0 ? r("quickStats.dropped", { value: A }) : void 0
 			}),
-			/* @__PURE__ */ B(R, {
-				icon: me,
+			/* @__PURE__ */ V(_, {
+				icon: ge,
 				label: r("quickStats.currentDb"),
-				value: I
+				value: L
 			}),
-			/* @__PURE__ */ B(R, {
-				icon: pe,
+			/* @__PURE__ */ V(_, {
+				icon: he,
 				label: r("quickStats.recording"),
-				value: U,
-				valueClassName: H ? "text-success" : void 0,
-				subtext: G
+				value: B,
+				valueClassName: ee ? "text-success" : void 0,
+				subtext: W
 			})
 		]
 	});
 }
-function ve(e) {
+function be(e) {
 	if (!Number.isFinite(e) || e <= 0) return "0 B";
 	let t = [
 		"B",
@@ -479,68 +479,72 @@ function ve(e) {
 }
 //#endregion
 //#region src/widgets/zone-editor/ZoneList.tsx
-var ye = {
+var xe = {
 	polygon: "bg-info/10 text-info",
 	tripwire: "bg-warning/10 text-warning"
 };
-function be({ zones: e, selectedZoneId: t, drawingKind: n, onSelectZone: r, onDeleteZone: i, onStartDraw: a, onCancelDraw: o }) {
+function Se({ zones: e, selectedZoneId: t, drawingKind: n, onSelectZone: r, onDeleteZone: i, onStartDraw: a, onCancelDraw: o }) {
 	let { t: s } = Y();
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-2",
-		children: [/* @__PURE__ */ B("div", {
+		children: [/* @__PURE__ */ V("div", {
 			className: "flex items-center gap-1",
-			children: n ? /* @__PURE__ */ V("button", {
+			children: n ? /* @__PURE__ */ H(v, {
+				variant: "unstyled",
 				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: s("zoneList.cancelDrawing"),
-				children: [/* @__PURE__ */ B(J, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ B("span", { children: s("zoneList.cancel") })]
-			}) : /* @__PURE__ */ V(H, { children: [/* @__PURE__ */ B("button", {
+				children: [/* @__PURE__ */ V(J, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ V("span", { children: s("zoneList.cancel") })]
+			}) : /* @__PURE__ */ H(U, { children: [/* @__PURE__ */ V(v, {
+				variant: "unstyled",
 				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: s("zoneList.addPolygon"),
 				"aria-label": s("zoneList.addPolygon"),
-				children: /* @__PURE__ */ B(le, { className: "h-4 w-4" })
-			}), /* @__PURE__ */ B("button", {
+				children: /* @__PURE__ */ V(de, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ V(v, {
+				variant: "unstyled",
 				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: s("zoneList.addTripwire"),
 				"aria-label": s("zoneList.addTripwire"),
-				children: /* @__PURE__ */ B(ue, { className: "h-5 w-5 stroke-[2.5]" })
+				children: /* @__PURE__ */ V(fe, { className: "h-5 w-5 stroke-[2.5]" })
 			})] })
-		}), e.length === 0 ? /* @__PURE__ */ B("p", {
+		}), e.length === 0 ? /* @__PURE__ */ V("p", {
 			className: "text-center text-[10px] text-foreground-subtle py-3 leading-tight",
 			children: s("zoneList.empty")
-		}) : /* @__PURE__ */ B("div", {
+		}) : /* @__PURE__ */ V("div", {
 			className: "flex flex-col gap-1",
 			children: e.map((e) => {
 				let n = e.id === t;
-				return /* @__PURE__ */ V("div", {
+				return /* @__PURE__ */ H("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__ */ B("div", {
+						/* @__PURE__ */ V("div", {
 							className: "h-2.5 w-2.5 rounded-sm flex-shrink-0",
 							style: { backgroundColor: e.color }
 						}),
-						/* @__PURE__ */ B("span", {
+						/* @__PURE__ */ V("span", {
 							className: "flex-1 truncate text-[11px] font-medium text-foreground",
 							children: e.name
 						}),
-						/* @__PURE__ */ B("span", {
-							className: `inline-flex items-center rounded-full px-1.5 py-0.5 text-[9px] font-medium flex-shrink-0 ${ye[e.kind]}`,
+						/* @__PURE__ */ V("span", {
+							className: `inline-flex items-center rounded-full px-1.5 py-0.5 text-[9px] font-medium flex-shrink-0 ${xe[e.kind]}`,
 							children: e.kind === "tripwire" ? s("zone.kind.tripwire") : s("zone.kind.polygon")
 						}),
-						/* @__PURE__ */ B("button", {
+						/* @__PURE__ */ V(v, {
+							variant: "unstyled",
 							type: "button",
 							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__ */ B(q, { className: "h-3 w-3" })
+							children: /* @__PURE__ */ V(q, { className: "h-3 w-3" })
 						})
 					]
 				}, e.id);
@@ -550,7 +554,7 @@ function be({ zones: e, selectedZoneId: t, drawingKind: n, onSelectZone: r, onDe
 }
 //#endregion
 //#region src/widgets/zone-editor/ZoneForm.tsx
-var xe = [
+var Ce = [
 	"#3b82f6",
 	"#10b981",
 	"#f59e0b",
@@ -560,24 +564,24 @@ var xe = [
 	"#f97316",
 	"#ec4899"
 ];
-function Se({ zone: e, onSave: t, onDiscard: n, onDelete: r }) {
-	let { t: i } = Y(), a = D(), o = (e) => a?.updateDraft({ name: e }), s = (e) => a?.updateDraft({ color: e });
-	return /* @__PURE__ */ V("div", {
+function we({ zone: e, onSave: t, onDiscard: n, onDelete: r }) {
+	let { t: i } = Y(), a = k(), o = (e) => a?.updateDraft({ name: e }), s = (e) => a?.updateDraft({ color: e });
+	return /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ H("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ B("h3", {
+				children: [/* @__PURE__ */ V("h3", {
 					className: "text-[10px] font-semibold text-foreground-subtle uppercase tracking-wider",
 					children: i("zoneForm.editing")
-				}), /* @__PURE__ */ B("span", {
+				}), /* @__PURE__ */ V("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" ? i("zone.kind.tripwire") : i("zone.kind.polygon")
 				})]
 			}),
-			/* @__PURE__ */ B("input", {
+			/* @__PURE__ */ V(T, {
 				type: "text",
-				className: O,
+				className: A,
 				value: e.name,
 				autoFocus: !0,
 				onChange: (e) => o(e.target.value),
@@ -586,9 +590,10 @@ function Se({ zone: e, onSave: t, onDiscard: n, onDelete: r }) {
 				},
 				placeholder: i("zoneForm.namePlaceholder")
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flex flex-wrap gap-1",
-				children: xe.map((t) => /* @__PURE__ */ B("button", {
+				children: Ce.map((t) => /* @__PURE__ */ V(v, {
+					variant: "unstyled",
 					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(" "),
@@ -596,53 +601,56 @@ function Se({ zone: e, onSave: t, onDiscard: n, onDelete: r }) {
 					onClick: () => s(t)
 				}, t))
 			}),
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ H("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ B("input", {
+				children: [/* @__PURE__ */ V(T, {
 					type: "color",
 					className: "h-6 w-6 rounded border border-border bg-background cursor-pointer p-0.5",
 					value: e.color,
 					onChange: (e) => s(e.target.value)
-				}), /* @__PURE__ */ B("input", {
+				}), /* @__PURE__ */ V(T, {
 					type: "text",
-					className: `${O} font-mono`,
+					className: `${A} font-mono`,
 					value: e.color,
 					placeholder: "#000000",
 					onChange: (e) => s(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ V("p", {
+			/* @__PURE__ */ H("p", {
 				className: "text-[9px] text-foreground-subtle leading-tight",
 				children: [e.kind === "tripwire" ? i("zoneForm.twoPoints") : i("zoneForm.pointCount", { count: e.points.length }), e.points.length > 0 && ` ${i("zoneForm.dragHint")}`]
 			}),
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ H("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ V("button", {
+				children: [/* @__PURE__ */ H(v, {
+					variant: "unstyled",
 					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: i("zoneForm.saveTitle"),
-					children: [/* @__PURE__ */ B(ae, { className: "h-3 w-3" }), i("zoneForm.save")]
-				}), /* @__PURE__ */ V("button", {
+					children: [/* @__PURE__ */ V(se, { className: "h-3 w-3" }), i("zoneForm.save")]
+				}), /* @__PURE__ */ H(v, {
+					variant: "unstyled",
 					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: i("zoneForm.discardTitle"),
-					children: [/* @__PURE__ */ B(J, { className: "h-3 w-3" }), i("zoneForm.discard")]
+					children: [/* @__PURE__ */ V(J, { className: "h-3 w-3" }), i("zoneForm.discard")]
 				})]
 			}),
-			/* @__PURE__ */ V("button", {
+			/* @__PURE__ */ H(v, {
+				variant: "unstyled",
 				type: "button",
 				onClick: r,
-				className: `${j} w-full`,
-				children: [/* @__PURE__ */ B(q, { className: "h-3 w-3" }), i("zoneForm.delete")]
+				className: `${N} w-full`,
+				children: [/* @__PURE__ */ V(q, { className: "h-3 w-3" }), i("zoneForm.delete")]
 			})
 		]
 	});
 }
 //#endregion
 //#region src/widgets/zone-editor/zone-rule-stage.ts
-function Ce(e) {
+function Te(e) {
 	switch (e) {
 		case "motion": return X("rules.title.motion");
 		case "detection": return X("rules.title.detection");
@@ -652,13 +660,13 @@ function Ce(e) {
 t.options;
 //#endregion
 //#region src/widgets/zone-editor/zone-rule-class-filter.ts
-var we = new Set(["detection"]);
-function Te(e) {
-	return we.has(e);
+var Ee = new Set(["detection"]);
+function De(e) {
+	return Ee.has(e);
 }
 //#endregion
 //#region src/widgets/zone-editor/types.ts
-function Ee(e) {
+function Oe(e) {
 	let t = e.kind === "tripwire" ? {
 		kind: "line",
 		points: e.points
@@ -673,13 +681,13 @@ 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";
 }
-function ke() {
+function je() {
 	if (typeof crypto.randomUUID == "function") return crypto.randomUUID();
 	let e = crypto.getRandomValues(new Uint8Array(16));
 	e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128;
@@ -688,11 +696,11 @@ function ke() {
 }
 //#endregion
 //#region src/widgets/zone-editor/ZoneRulesEditor.tsx
-var Ae = r.map((e) => ({
+var Me = r.map((e) => ({
 	id: e.id,
 	label: e.name
 }));
-function je(e) {
+function Ne(e) {
 	return {
 		id: e.id,
 		name: e.name ?? "",
@@ -704,7 +712,7 @@ function je(e) {
 		confirmWithLlm: e.confirmWithLlm === !0
 	};
 }
-function Me(e, t) {
+function Pe(e, t) {
 	return {
 		id: e.id,
 		zoneIds: e.zoneIds,
@@ -718,10 +726,10 @@ function Me(e, t) {
 		} : {}
 	};
 }
-function Ne({ on: e, label: t, hint: n, onToggle: r }) {
-	return /* @__PURE__ */ V("div", {
+function Fe({ on: e, label: t, hint: n, onToggle: r }) {
+	return /* @__PURE__ */ H("div", {
 		className: "flex items-center gap-1.5",
-		children: [/* @__PURE__ */ B("button", {
+		children: [/* @__PURE__ */ V("button", {
 			type: "button",
 			role: "switch",
 			"aria-checked": e,
@@ -729,21 +737,21 @@ function Ne({ on: e, label: t, hint: n, onToggle: r }) {
 			title: n,
 			onClick: r,
 			className: ["inline-flex items-center justify-center h-5 w-9 rounded-full border transition-colors flex-shrink-0", e ? "border-primary/50 bg-primary/20 text-primary" : "border-border bg-surface text-foreground-subtle"].join(" "),
-			children: /* @__PURE__ */ B("span", { className: ["h-3 w-3 rounded-full transition-transform", e ? "translate-x-1.5 bg-primary" : "-translate-x-1.5 bg-foreground-subtle"].join(" ") })
-		}), /* @__PURE__ */ B("span", {
+			children: /* @__PURE__ */ V("span", { className: ["h-3 w-3 rounded-full transition-transform", e ? "translate-x-1.5 bg-primary" : "-translate-x-1.5 bg-foreground-subtle"].join(" ") })
+		}), /* @__PURE__ */ V("span", {
 			className: "text-[10px] text-foreground leading-tight",
 			children: t
 		})]
 	});
 }
 function Z({ dev: e, deviceId: t, stage: n, zones: r, title: a }) {
-	let { t: o } = Y(), s = N(), l = k(e?.state.zoneRules), d = c(() => l?.[n] ?? [], [l, n]), [p, h] = u([]), [g, v] = u(!1), [y, b] = u(!1), [x, S] = u(null), w = Te(n);
+	let { t: o } = Y(), s = F(), l = j(e?.state.zoneRules), d = c(() => l?.[n] ?? [], [l, n]), [f, p] = u([]), [_, y] = u(!1), [b, x] = u(!1), [S, C] = u(null), D = De(n);
 	i(() => {
-		g || h(d.map(je));
-	}, [d, g]);
-	let E = () => {
-		h((e) => [...e, {
-			id: ke(),
+		_ || p(d.map(Ne));
+	}, [d, _]);
+	let O = () => {
+		p((e) => [...e, {
+			id: je(),
 			name: "",
 			zoneIds: r[0] ? [r[0].id] : [],
 			mode: "exclude",
@@ -751,185 +759,193 @@ function Z({ dev: e, deviceId: t, stage: n, zones: r, title: a }) {
 			enabled: !0,
 			detectBySceneDifference: !1,
 			confirmWithLlm: !1
-		}]), v(!0);
-	}, D = (e, t) => {
-		h((n) => n.map((n, r) => {
+		}]), y(!0);
+	}, k = (e, t) => {
+		p((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
 			};
-		})), v(!0);
-	}, A = (e, t) => {
-		h((n) => n.map((n, r) => {
+		})), y(!0);
+	}, M = (e, t) => {
+		p((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
 			};
-		})), v(!0);
-	}, j = (e) => {
-		h((t) => t.filter((t, n) => n !== e)), v(!0);
-	}, M = (e, t) => {
-		h((n) => n.map((n, r) => r === e ? {
+		})), y(!0);
+	}, N = (e) => {
+		p((t) => t.filter((t, n) => n !== e)), y(!0);
+	}, P = (e, t) => {
+		p((n) => n.map((n, r) => r === e ? {
 			...n,
 			...t
-		} : n)), v(!0);
-	}, P = async () => {
-		b(!0), S(null);
+		} : n)), y(!0);
+	}, I = async () => {
+		x(!0), C(null);
 		try {
 			await s.trpcClient.zoneRules.setRules.mutate({
 				deviceId: t,
 				stage: n,
-				rules: p.map((e) => Me(e, n))
-			}), v(!1);
+				rules: f.map((e) => Pe(e, n))
+			}), y(!1);
 		} catch (e) {
-			S(e instanceof Error ? e.message : String(e));
+			C(e instanceof Error ? e.message : String(e));
 		} finally {
-			b(!1);
+			x(!1);
 		}
-	}, F = g && !y;
-	return /* @__PURE__ */ V("div", {
+	}, L = _ && !b;
+	return /* @__PURE__ */ H("div", {
 		className: "rounded-md border border-border bg-surface/40 p-2.5",
 		children: [
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ H("div", {
 				className: "flex items-center justify-between mb-2 gap-2",
-				children: [/* @__PURE__ */ B("h3", {
-					className: `${f} truncate`,
-					children: a ?? Ce(n)
-				}), /* @__PURE__ */ V("div", {
+				children: [/* @__PURE__ */ V("h3", {
+					className: `${z} truncate`,
+					children: a ?? Te(n)
+				}), /* @__PURE__ */ H("div", {
 					className: "flex items-center gap-1 flex-shrink-0",
-					children: [/* @__PURE__ */ V("button", {
+					children: [/* @__PURE__ */ H(v, {
+						variant: "unstyled",
 						type: "button",
-						onClick: E,
+						onClick: O,
 						disabled: r.length === 0 || !e,
-						className: C,
+						className: w,
 						title: o("rules.add"),
 						children: [
-							/* @__PURE__ */ B(de, { className: "h-2.5 w-2.5" }),
+							/* @__PURE__ */ V(pe, { className: "h-2.5 w-2.5" }),
 							" ",
 							o("rules.addShort")
 						]
-					}), /* @__PURE__ */ V("button", {
+					}), /* @__PURE__ */ H(v, {
+						variant: "unstyled",
 						type: "button",
 						onClick: () => {
-							P();
+							I();
 						},
-						disabled: !F,
-						className: T,
-						children: [/* @__PURE__ */ B(fe, { className: "h-2.5 w-2.5" }), y ? "…" : o("rules.save")]
+						disabled: !L,
+						className: E,
+						children: [/* @__PURE__ */ V(me, { className: "h-2.5 w-2.5" }), b ? "…" : o("rules.save")]
 					})]
 				})]
 			}),
-			p.length === 0 ? /* @__PURE__ */ B("p", {
+			f.length === 0 ? /* @__PURE__ */ V("p", {
 				className: "text-[10px] text-foreground-subtle italic px-1 py-1.5 leading-tight",
 				children: r.length === 0 ? o("rules.noZones") : o("rules.empty")
-			}) : /* @__PURE__ */ B("div", {
+			}) : /* @__PURE__ */ V("div", {
 				className: "flex flex-col gap-1.5",
-				children: p.map((e, t) => /* @__PURE__ */ V("div", {
+				children: f.map((e, t) => /* @__PURE__ */ H("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__ */ V("div", {
+						/* @__PURE__ */ H("div", {
 							className: "grid grid-cols-[auto_1fr_auto] items-center gap-1.5",
 							children: [
-								/* @__PURE__ */ B("button", {
+								/* @__PURE__ */ V(v, {
+									variant: "unstyled",
 									type: "button",
 									role: "switch",
 									"aria-checked": e.enabled,
 									"aria-label": e.enabled ? o("rules.disable") : o("rules.enable"),
 									title: e.enabled ? o("rules.activeTitle") : o("rules.disabledTitle"),
-									onClick: () => M(t, { enabled: !e.enabled }),
+									onClick: () => P(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__ */ 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(" ") })
+									children: /* @__PURE__ */ V("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__ */ B("input", {
-									className: `${O} min-w-0`,
+								/* @__PURE__ */ V(T, {
+									className: `${A} min-w-0`,
 									placeholder: o("rules.namePlaceholder"),
 									value: e.name,
-									onChange: (e) => M(t, { name: e.target.value })
+									onChange: (e) => P(t, { name: e.target.value })
 								}),
-								/* @__PURE__ */ B("button", {
+								/* @__PURE__ */ V(v, {
+									variant: "unstyled",
 									type: "button",
 									title: o("rules.remove"),
 									"aria-label": o("rules.remove"),
-									onClick: () => j(t),
+									onClick: () => N(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__ */ B(q, { className: "h-3.5 w-3.5" })
+									children: /* @__PURE__ */ V(q, { className: "h-3.5 w-3.5" })
 								})
 							]
 						}),
-						/* @__PURE__ */ V("div", {
+						/* @__PURE__ */ H("div", {
 							className: "flex items-center gap-1.5 flex-wrap",
 							children: [
-								/* @__PURE__ */ B("span", {
+								/* @__PURE__ */ V("span", {
 									className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0",
 									children: o("rules.mode")
 								}),
-								/* @__PURE__ */ B("button", {
+								/* @__PURE__ */ V(v, {
+									variant: "unstyled",
 									type: "button",
-									onClick: () => M(t, { mode: "include" }),
-									className: `${_} ${e.mode === "include" ? L : m}`,
+									onClick: () => P(t, { mode: "include" }),
+									className: `${m} ${e.mode === "include" ? h : g}`,
 									children: o("rules.include")
 								}),
-								/* @__PURE__ */ B("button", {
+								/* @__PURE__ */ V(v, {
+									variant: "unstyled",
 									type: "button",
-									onClick: () => M(t, { mode: "exclude" }),
-									className: `${_} ${e.mode === "exclude" ? L : m}`,
+									onClick: () => P(t, { mode: "exclude" }),
+									className: `${m} ${e.mode === "exclude" ? h : g}`,
 									children: o("rules.exclude")
 								})
 							]
 						}),
-						/* @__PURE__ */ V("div", {
+						/* @__PURE__ */ H("div", {
 							className: "flex items-center gap-1.5 flex-wrap",
-							children: [/* @__PURE__ */ B("span", {
+							children: [/* @__PURE__ */ V("span", {
 								className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0",
 								children: o("rules.zones")
-							}), r.length === 0 ? /* @__PURE__ */ B("span", {
+							}), r.length === 0 ? /* @__PURE__ */ V("span", {
 								className: "text-[10px] text-foreground-subtle italic",
 								children: o("rules.noneZones")
-							}) : r.map((n) => /* @__PURE__ */ V("button", {
+							}) : r.map((n) => /* @__PURE__ */ H(v, {
+								variant: "unstyled",
 								type: "button",
-								onClick: () => A(t, n.id),
-								className: `${_} ${e.zoneIds.includes(n.id) ? L : m}`,
-								children: [/* @__PURE__ */ B("span", {
+								onClick: () => M(t, n.id),
+								className: `${m} ${e.zoneIds.includes(n.id) ? h : g}`,
+								children: [/* @__PURE__ */ V("span", {
 									className: "h-2 w-2 rounded-sm",
 									style: { backgroundColor: n.color || "#3b82f6" }
-								}), /* @__PURE__ */ B("span", {
+								}), /* @__PURE__ */ V("span", {
 									className: "truncate max-w-[7rem]",
 									children: n.name || n.id
 								})]
 							}, n.id))]
 						}),
-						n === "package" && /* @__PURE__ */ V("div", {
+						n === "package" && /* @__PURE__ */ H("div", {
 							className: "flex flex-col gap-1",
-							children: [/* @__PURE__ */ B(Ne, {
+							children: [/* @__PURE__ */ V(Fe, {
 								on: e.detectBySceneDifference,
 								label: o("rules.sceneDifference"),
 								hint: o("rules.sceneDifferenceHint"),
-								onToggle: () => M(t, { detectBySceneDifference: !e.detectBySceneDifference })
-							}), /* @__PURE__ */ B(Ne, {
+								onToggle: () => P(t, { detectBySceneDifference: !e.detectBySceneDifference })
+							}), /* @__PURE__ */ V(Fe, {
 								on: e.confirmWithLlm,
 								label: o("rules.confirmLlm"),
 								hint: o("rules.confirmLlmHint"),
-								onToggle: () => M(t, { confirmWithLlm: !e.confirmWithLlm })
+								onToggle: () => P(t, { confirmWithLlm: !e.confirmWithLlm })
 							})]
 						}),
-						w && /* @__PURE__ */ V("div", {
+						D && /* @__PURE__ */ H("div", {
 							className: "flex items-center gap-1.5 flex-wrap",
 							children: [
-								/* @__PURE__ */ B("span", {
+								/* @__PURE__ */ V("span", {
 									className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0",
 									children: o("rules.class")
 								}),
-								Ae.map((n) => /* @__PURE__ */ B("button", {
+								Me.map((n) => /* @__PURE__ */ V(v, {
+									variant: "unstyled",
 									type: "button",
-									onClick: () => D(t, n.id),
-									className: `${_} ${e.classFilter.includes(n.id) ? L : m}`,
+									onClick: () => k(t, n.id),
+									className: `${m} ${e.classFilter.includes(n.id) ? h : g}`,
 									children: n.label
 								}, n.id)),
-								e.classFilter.length === 0 && /* @__PURE__ */ B("span", {
+								e.classFilter.length === 0 && /* @__PURE__ */ V("span", {
 									className: "text-[10px] text-foreground-subtle italic ml-1",
 									children: o("rules.anyClass")
 								})
@@ -938,16 +954,16 @@ function Z({ dev: e, deviceId: t, stage: n, zones: r, title: a }) {
 					]
 				}, e.id))
 			}),
-			x && /* @__PURE__ */ B("p", {
+			S && /* @__PURE__ */ V("p", {
 				className: "mt-2 text-[10px] text-danger",
-				children: x
+				children: S
 			})
 		]
 	});
 }
 //#endregion
 //#region src/widgets/zone-editor/ZoneOverlay.tsx
-var Pe = "#3b82f6", Fe = ["polygon", "line"], Q = [
+var Ie = "#3b82f6", Le = ["polygon", "line"], Q = [
 	"#3b82f6",
 	"#10b981",
 	"#f59e0b",
@@ -959,17 +975,17 @@ var Pe = "#3b82f6", Fe = ["polygon", "line"], Q = [
 	"#8b5cf6",
 	"#14b8a6"
 ];
-function Ie(e) {
+function Re(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];
 }
-function Le(e) {
+function ze(e) {
 	return {
 		id: e.id,
 		name: e.name,
 		kind: e.kind,
-		color: e.color || Pe,
+		color: e.color || Ie,
 		points: [...e.polygon]
 	};
 }
@@ -982,20 +998,20 @@ function $(e) {
 		color: e.color
 	};
 }
-function Re({ deviceId: e }) {
-	let t = N(), n = k(P(t.trpcClient, e)?.state.zones), r = c(() => n?.zones ?? [], [n]), i = D(), s = i?.drawingKind ?? null, l = i?.selectedZoneId ?? null, d = i?.editingDraft ?? null, f = c(() => r.map((e) => d && d.id === e.id ? {
+function Be({ deviceId: e }) {
+	let t = F(), n = j(I(t.trpcClient, e)?.state.zones), r = c(() => n?.zones ?? [], [n]), i = k(), s = i?.drawingKind ?? null, l = i?.selectedZoneId ?? null, d = i?.editingDraft ?? null, f = c(() => r.map((e) => d && d.id === e.id ? {
 		id: d.id,
 		name: d.name,
 		kind: d.kind,
 		color: d.color,
 		points: [...d.points]
-	} : Le(e)), [r, d]), p = c(() => f.map(Ee), [f]), [m, h] = u(null), g = o(async (n) => {
+	} : ze(e)), [r, d]), p = c(() => f.map(Oe), [f]), [m, h] = u(null), g = o(async (n) => {
 		if (n.kind !== "polygon" && n.kind !== "line") return;
 		let r = {
-			id: ke(),
+			id: je(),
 			name: "",
-			kind: De(n.kind),
-			color: Ie(f),
+			kind: ke(n.kind),
+			color: Re(f),
 			points: [...n.points]
 		};
 		h(null);
@@ -1048,7 +1064,7 @@ function Re({ deviceId: e }) {
 		i
 	]), v = o((e, t) => {
 		typeof e == "string" && (t.kind !== "polygon" && t.kind !== "line" || _(e, t.points));
-	}, [_]), y = o((e) => {
+	}, [_]), b = o((e) => {
 		if (e === null) {
 			i?.discardDraft(), i?.setSelectedZoneId(null);
 			return;
@@ -1067,37 +1083,37 @@ function Re({ deviceId: e }) {
 			points: t.points
 		});
 	}, [f, i]);
-	return f.length === 0 && s === null && m === null ? null : /* @__PURE__ */ V(a, {
+	return f.length === 0 && s === null && m === null ? null : /* @__PURE__ */ H(a, {
 		fallback: null,
-		children: [/* @__PURE__ */ B(w, {
+		children: [/* @__PURE__ */ V(y, {
 			transparent: !0,
 			items: p,
-			supportedShapes: Fe,
+			supportedShapes: Le,
 			selectedId: l,
-			onSelect: y,
+			onSelect: b,
 			onShapeChange: v,
 			onDrawComplete: (e) => {
 				g(e);
 			},
-			drawingKind: s === null ? null : Oe(s)
-		}), m !== null && /* @__PURE__ */ B("p", {
+			drawingKind: s === null ? null : Ae(s)
+		}), m !== null && /* @__PURE__ */ V("p", {
 			role: "alert",
 			className: "absolute inset-x-2 bottom-2 rounded-md border border-danger/40 bg-background-elevated px-2 py-1 text-xs text-danger",
 			children: m
 		})]
 	});
 }
-var ze = l(Re), Be = "#3b82f6";
-function Ve(e) {
+var Ve = l(Be), He = "#3b82f6";
+function Ue(e) {
 	return {
 		id: e.id,
 		name: e.name,
 		kind: e.kind,
-		color: e.color || Be,
+		color: e.color || He,
 		points: [...e.polygon]
 	};
 }
-function He(e) {
+function We(e) {
 	return {
 		id: e.id,
 		name: e.name,
@@ -1106,33 +1122,33 @@ function He(e) {
 		color: e.color
 	};
 }
-function Ue({ deviceId: e }) {
-	let { t } = Y(), n = N(), r = P(n.trpcClient, e), i = k(r?.state.zones), a = c(() => i?.zones ?? [], [i]), s = c(() => a.map(Ve), [a]), [l, d] = u(null), p = D(), m = p?.drawingKind ?? null, h = p?.selectedZoneId ?? null, _ = p?.editingDraft ?? null;
-	A(c(() => ({
+function Ge({ deviceId: e }) {
+	let { t } = Y(), n = F(), r = I(n.trpcClient, e), i = j(r?.state.zones), a = c(() => i?.zones ?? [], [i]), s = c(() => a.map(Ue), [a]), [l, d] = u(null), f = k(), m = f?.drawingKind ?? null, h = f?.selectedZoneId ?? null, g = f?.editingDraft ?? null;
+	M(c(() => ({
 		id: "zones",
 		order: 100,
-		node: /* @__PURE__ */ B(ze, { deviceId: e })
+		node: /* @__PURE__ */ V(Ve, { deviceId: e })
 	}), [e]));
-	let y = o((e) => {
+	let _ = o((e) => {
 		if (e === null) {
-			p?.discardDraft(), p?.setSelectedZoneId(null);
+			f?.discardDraft(), f?.setSelectedZoneId(null);
 			return;
 		}
 		let t = s.find((t) => t.id === e);
-		t && p?.enterDraft({
+		t && f?.enterDraft({
 			id: t.id,
 			kind: t.kind,
 			name: t.name,
 			color: t.color,
 			points: t.points
 		});
-	}, [s, p]), x = o(async () => {
-		let t = p?.editingDraft;
+	}, [s, f]), v = o(async () => {
+		let t = f?.editingDraft;
 		if (t) {
 			try {
 				await n.trpcClient.zones.updateZone.mutate({
 					deviceId: e,
-					zone: He({
+					zone: We({
 						id: t.id,
 						kind: t.kind,
 						name: t.name,
@@ -1143,15 +1159,15 @@ function Ue({ deviceId: e }) {
 			} catch (e) {
 				console.error("zones.updateZone failed", e), d(e instanceof Error ? e.message : String(e));
 			}
-			p?.discardDraft(), p?.setSelectedZoneId(null);
+			f?.discardDraft(), f?.setSelectedZoneId(null);
 		}
 	}, [
 		n,
 		e,
-		p
-	]), S = o(() => {
-		p?.discardDraft(), p?.setSelectedZoneId(null);
-	}, [p]), C = o(async (t) => {
+		f
+	]), y = o(() => {
+		f?.discardDraft(), f?.setSelectedZoneId(null);
+	}, [f]), b = o(async (t) => {
 		try {
 			await n.trpcClient.zones.removeZone.mutate({
 				deviceId: e,
@@ -1160,82 +1176,82 @@ function Ue({ deviceId: e }) {
 		} catch (e) {
 			console.error("zones.removeZone failed", e), d(e instanceof Error ? e.message : String(e));
 		}
-		p?.selectedZoneId === t && p.setSelectedZoneId(null), p?.editingDraft?.id === t && p.discardDraft();
+		f?.selectedZoneId === t && f.setSelectedZoneId(null), f?.editingDraft?.id === t && f.discardDraft();
 	}, [
 		n,
 		e,
-		p
-	]), w = o((e) => {
-		p?.startDrawing(e);
-	}, [p]), T = o(() => {
-		p?.setDrawingKind(null);
-	}, [p]), E = c(() => !_ || !s.find((e) => e.id === _.id) ? null : {
-		id: _.id,
-		kind: _.kind,
-		name: _.name,
-		color: _.color,
-		points: [..._.points]
-	}, [s, _]);
-	return /* @__PURE__ */ V("div", {
-		className: b,
-		children: [/* @__PURE__ */ V("div", {
-			className: I,
-			children: [/* @__PURE__ */ B("div", {
-				className: z,
-				children: /* @__PURE__ */ V("div", {
+		f
+	]), S = o((e) => {
+		f?.startDrawing(e);
+	}, [f]), C = o(() => {
+		f?.setDrawingKind(null);
+	}, [f]), w = c(() => !g || !s.find((e) => e.id === g.id) ? null : {
+		id: g.id,
+		kind: g.kind,
+		name: g.name,
+		color: g.color,
+		points: [...g.points]
+	}, [s, g]);
+	return /* @__PURE__ */ H("div", {
+		className: ee,
+		children: [/* @__PURE__ */ H("div", {
+			className: B,
+			children: [/* @__PURE__ */ V("div", {
+				className: x,
+				children: /* @__PURE__ */ H("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ B("h2", {
-						className: f,
+					children: [/* @__PURE__ */ V("h2", {
+						className: z,
 						children: t("zonesTab.title")
-					}), /* @__PURE__ */ B("p", {
-						className: `${g} mt-0.5 leading-tight`,
-						children: /* @__PURE__ */ B(he, {
+					}), /* @__PURE__ */ V("p", {
+						className: `${p} mt-0.5 leading-tight`,
+						children: /* @__PURE__ */ V(_e, {
 							i18nKey: "zonesTab.hint",
-							components: { b: /* @__PURE__ */ B("strong", { className: "text-foreground" }) }
+							components: { b: /* @__PURE__ */ V("strong", { className: "text-foreground" }) }
 						})
 					})]
 				})
-			}), /* @__PURE__ */ V("div", {
-				className: `${v} flex flex-col gap-3`,
+			}), /* @__PURE__ */ H("div", {
+				className: `${R} flex flex-col gap-3`,
 				children: [
-					/* @__PURE__ */ B(be, {
+					/* @__PURE__ */ V(Se, {
 						zones: s,
 						selectedZoneId: h,
 						drawingKind: m,
-						onSelectZone: y,
-						onDeleteZone: C,
-						onStartDraw: w,
-						onCancelDraw: T
+						onSelectZone: _,
+						onDeleteZone: b,
+						onStartDraw: S,
+						onCancelDraw: C
 					}),
-					l !== null && /* @__PURE__ */ B("p", {
+					l !== null && /* @__PURE__ */ V("p", {
 						role: "alert",
 						className: "text-xs text-danger",
 						children: l
 					}),
-					E && /* @__PURE__ */ V(H, { children: [/* @__PURE__ */ B("div", { className: "border-t border-border" }), /* @__PURE__ */ B(Se, {
-						zone: E,
-						onSave: x,
-						onDiscard: S,
-						onDelete: () => C(E.id)
+					w && /* @__PURE__ */ H(U, { children: [/* @__PURE__ */ V("div", { className: "border-t border-border" }), /* @__PURE__ */ V(we, {
+						zone: w,
+						onSave: v,
+						onDiscard: y,
+						onDelete: () => b(w.id)
 					})] })
 				]
 			})]
-		}), /* @__PURE__ */ V("div", {
-			className: `grid grid-cols-1 2xl:grid-cols-2 ${F}`,
+		}), /* @__PURE__ */ H("div", {
+			className: `grid grid-cols-1 2xl:grid-cols-2 ${L}`,
 			children: [
-				/* @__PURE__ */ B(Z, {
+				/* @__PURE__ */ V(Z, {
 					dev: r,
 					deviceId: e,
 					stage: "motion",
 					zones: a
 				}),
-				/* @__PURE__ */ B(Z, {
+				/* @__PURE__ */ V(Z, {
 					dev: r,
 					deviceId: e,
 					stage: "detection",
 					zones: a
 				}),
-				/* @__PURE__ */ B(Z, {
+				/* @__PURE__ */ V(Z, {
 					dev: r,
 					deviceId: e,
 					stage: "package",
@@ -1247,18 +1263,18 @@ function Ue({ deviceId: e }) {
 }
 //#endregion
 //#region src/widgets/ZoneEditor.tsx
-function We(e) {
+function Ke(e) {
 	let { t } = Y();
-	return e.deviceId === void 0 ? /* @__PURE__ */ B("div", {
+	return e.deviceId === void 0 ? /* @__PURE__ */ V("div", {
 		className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning",
 		children: t("zoneEditor.requiresDevice")
-	}) : /* @__PURE__ */ B(Ue, { deviceId: e.deviceId });
+	}) : /* @__PURE__ */ V(Ge, { deviceId: e.deviceId });
 }
 //#endregion
 //#region src/widgets/index.tsx
-var Ge = {
-	"pipeline-quick-stats": ge,
-	"zone-editor": We
+var qe = {
+	"pipeline-quick-stats": ve,
+	"zone-editor": Ke
 };
 //#endregion
-export { Ge as default };
+export { qe as default };