@camstack/addon-pipeline-orchestrator 1.2.117 → 1.2.119

package/dist/_stub.js

@@ -1,15 +1,15 @@
 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-BAtz5Ika.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-CS2JMxKh.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, S as p, _ as m, a as h, b as g, c as _, d as v, f as y, g as b, h as x, i as S, l as C, m as w, n as T, o as E, p as D, r as O, s as k, t as ee, u as A, v as j, w as M, x as te, y as N } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-CJTjPc-H.mjs";
-import { n as P, r as F, t as I } 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, S as p, _ as m, a as h, b as g, c as _, d as v, f as y, g as b, h as x, i as S, l as C, m as w, n as T, o as E, p as D, r as O, s as k, t as A, u as j, v as M, w as N, x as ee, y as P } from "./_virtual_mf___mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-CCaaMesa.mjs";
+import { n as F, r as I, t as L } 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.js
-var L = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), R = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), z = (e) => {
-	let t = R(e);
+var R = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), z = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), B = (e) => {
+	let t = z(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, B = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), ne = (e) => {
+}, V = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), te = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
-}, re = {
+}, ne = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -19,31 +19,31 @@ var L = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), R = (e) =
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, ie = s(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => d("svg", {
+}, re = s(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => d("svg", {
 	ref: c,
-	...re,
+	...ne,
 	width: t,
 	height: t,
 	stroke: e,
 	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
-	className: B("lucide", i),
-	...!a && !ne(s) && { "aria-hidden": "true" },
+	className: V("lucide", i),
+	...!a && !te(s) && { "aria-hidden": "true" },
 	...s
-}, [...o.map(([e, t]) => d(e, t)), ...Array.isArray(a) ? a : [a]])), V = (e, t) => {
-	let n = s(({ className: n, ...r }, i) => d(ie, {
+}, [...o.map(([e, t]) => d(e, t)), ...Array.isArray(a) ? a : [a]])), H = (e, t) => {
+	let n = s(({ className: n, ...r }, i) => d(re, {
 		ref: i,
 		iconNode: t,
-		className: B(`lucide-${L(z(e))}`, `lucide-${e}`, n),
+		className: V(`lucide-${R(B(e))}`, `lucide-${e}`, n),
 		...r
 	}));
-	return n.displayName = z(e), n;
-}, ae = V("activity", [["path", {
+	return n.displayName = B(e), n;
+}, ie = H("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 = V("check", [["path", {
+}]]), ae = H("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
-}]]), se = V("cpu", [
+}]]), oe = H("cpu", [
 	["path", {
 		d: "M12 20v2",
 		key: "1lh1kg"
@@ -108,7 +108,7 @@ var L = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), R = (e) =
 		rx: "1",
 		key: "z9xiuo"
 	}]
-]), H = V("eye", [["path", {
+]), se = H("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", {
@@ -116,25 +116,25 @@ var L = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), R = (e) =
 	cy: "12",
 	r: "3",
 	key: "1v7zrd"
-}]]), U = V("gauge", [["path", {
+}]]), U = H("gauge", [["path", {
 	d: "m12 14 4-4",
 	key: "9kzdfg"
 }], ["path", {
 	d: "M3.34 19a10 10 0 1 1 17.32 0",
 	key: "19p75a"
-}]]), W = V("hexagon", [["path", {
+}]]), W = H("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"
-}]]), G = V("minus", [["path", {
+}]]), G = H("minus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
-}]]), K = V("plus", [["path", {
+}]]), K = H("plus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
 	d: "M12 5v14",
 	key: "s699le"
-}]]), ce = V("save", [
+}]]), ce = H("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"
@@ -147,7 +147,7 @@ var L = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), R = (e) =
 		d: "M7 3v4a1 1 0 0 0 1 1h7",
 		key: "t51u73"
 	}]
-]), q = V("trash-2", [
+]), q = H("trash-2", [
 	["path", {
 		d: "M3 6h18",
 		key: "d0wm0j"
@@ -174,7 +174,7 @@ var L = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), R = (e) =
 		y2: "17",
 		key: "xtxkd"
 	}]
-]), le = V("video", [["path", {
+]), le = H("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", {
@@ -184,7 +184,7 @@ var L = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), R = (e) =
 	height: "12",
 	rx: "2",
 	key: "158x01"
-}]]), ue = V("volume-2", [
+}]]), ue = H("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"
@@ -197,7 +197,7 @@ var L = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), R = (e) =
 		d: "M19.364 18.364a9 9 0 0 0 0-12.728",
 		key: "ijwkga"
 	}]
-]), J = V("x", [["path", {
+]), J = H("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
@@ -207,24 +207,24 @@ var L = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), R = (e) =
 //#endregion
 //#region src/widgets/PipelineQuickStats.tsx
 function de(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ P("div", {
+	return e.deviceId === void 0 ? /* @__PURE__ */ F("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__ */ P(fe, { deviceId: e.deviceId });
+	}) : /* @__PURE__ */ F(fe, { deviceId: e.deviceId });
 }
 function fe({ deviceId: t }) {
-	M(["pipelineOrchestrator", "getPipelineAssignment"], [
+	N(["pipelineOrchestrator", "getPipelineAssignment"], [
 		"pipeline.camera-assigned",
 		"pipeline.camera-unassigned",
 		"pipeline.camera-updated"
-	]), M(["pipelineRunner", "getCameraMetrics"], ["pipeline.camera-metrics-snapshot"]);
-	let { data: n } = ee({ deviceId: t }, { staleTime: 3e4 }), i = n?.agentNodeId ?? null, a = typeof i == "string" && i.length > 0 && !i.startsWith("addon:") ? i : void 0, { data: o } = T({
+	]), N(["pipelineRunner", "getCameraMetrics"], ["pipeline.camera-metrics-snapshot"]);
+	let { data: n } = A({ deviceId: t }, { staleTime: 3e4 }), i = n?.agentNodeId ?? null, a = typeof i == "string" && i.length > 0 && !i.startsWith("addon:") ? i : void 0, { data: o } = T({
 		deviceId: t,
 		...a ? { nodeId: a } : {}
 	}, {
 		staleTime: 2e3,
 		retry: !1
-	}), s = k(), c = p(s.trpcClient, t), { data: l } = e({
+	}), s = _(), c = p(s.trpcClient, t), { data: l } = e({
 		queryKey: [
 			"device",
 			t,
@@ -266,46 +266,46 @@ function fe({ deviceId: t }) {
 		}),
 		staleTime: 3e4,
 		retry: !1
-	}), h = r(m, "detectionMode"), g = typeof h == "string" ? h : null, _ = o?.phase ?? null, v = g, y = Number(o?.actualFps ?? 0), b = Number(o?.configuredFps ?? 0), x = Number(o?.avgInferenceTimeMs ?? 0), S = Number(o?.queueDepth ?? 0), C = Number(o?.droppedFrames ?? 0), w = te(_ ?? "watching"), E = l?.length ?? 0, D = u?.level.dbfs ?? null, O = typeof D == "number" ? `${D.toFixed(1)} dBFS` : "—", A = d?.enabled ?? !1, j = d?.activeMode ?? "off", N = A && j !== "off", I = A ? j === "off" ? "Idle" : j === "continuous" ? "Continuous" : j === "onMotion" ? "On motion" : j === "onAudioThreshold" ? "On audio" : j : "Disabled", L = (f?.profiles ?? []).join(", "), R = d ? `${pe(d.storageBytes ?? 0)}${L ? ` · ${L}` : ""}` : void 0;
-	return /* @__PURE__ */ F("div", {
+	}), h = r(m, "detectionMode"), g = typeof h == "string" ? h : null, v = o?.phase ?? null, y = g, b = Number(o?.actualFps ?? 0), x = Number(o?.configuredFps ?? 0), S = Number(o?.avgInferenceTimeMs ?? 0), C = Number(o?.queueDepth ?? 0), w = Number(o?.droppedFrames ?? 0), E = ee(v ?? "watching"), D = l?.length ?? 0, O = u?.level.dbfs ?? null, k = typeof O == "number" ? `${O.toFixed(1)} dBFS` : "—", j = d?.enabled ?? !1, M = d?.activeMode ?? "off", P = j && M !== "off", L = j ? M === "off" ? "Idle" : M === "continuous" ? "Continuous" : M === "onMotion" ? "On motion" : M === "onAudioThreshold" ? "On audio" : M : "Disabled", R = (f?.profiles ?? []).join(", "), z = d ? `${pe(d.storageBytes ?? 0)}${R ? ` · ${R}` : ""}` : void 0;
+	return /* @__PURE__ */ I("div", {
 		className: "grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3",
 		children: [
-			/* @__PURE__ */ P(Y, {
-				icon: ae,
+			/* @__PURE__ */ F(Y, {
+				icon: ie,
 				label: "Phase",
-				value: w.label,
-				color: w.textColor,
-				subtext: v ?? void 0
+				value: E.label,
+				color: E.textColor,
+				subtext: y ?? void 0
 			}),
-			/* @__PURE__ */ P(Y, {
+			/* @__PURE__ */ F(Y, {
 				icon: U,
 				label: "Detection FPS",
-				value: `${y.toFixed(1)}`,
-				subtext: b > 0 ? `target: ${b}` : void 0
+				value: `${b.toFixed(1)}`,
+				subtext: x > 0 ? `target: ${x}` : void 0
 			}),
-			/* @__PURE__ */ P(Y, {
-				icon: se,
+			/* @__PURE__ */ F(Y, {
+				icon: oe,
 				label: "Inference",
-				value: `${x.toFixed(1)} ms`,
-				subtext: S > 0 ? `queue: ${S}` : void 0
+				value: `${S.toFixed(1)} ms`,
+				subtext: C > 0 ? `queue: ${C}` : void 0
 			}),
-			/* @__PURE__ */ P(Y, {
-				icon: H,
+			/* @__PURE__ */ F(Y, {
+				icon: se,
 				label: "Active Tracks",
-				value: String(E),
-				subtext: C > 0 ? `dropped: ${C}` : void 0
+				value: String(D),
+				subtext: w > 0 ? `dropped: ${w}` : void 0
 			}),
-			/* @__PURE__ */ P(Y, {
+			/* @__PURE__ */ F(Y, {
 				icon: ue,
 				label: "Current dB",
-				value: O
+				value: k
 			}),
-			/* @__PURE__ */ P(Y, {
+			/* @__PURE__ */ F(Y, {
 				icon: le,
 				label: "Recording",
-				value: I,
-				color: N ? "text-success" : void 0,
-				subtext: R
+				value: L,
+				color: P ? "text-success" : void 0,
+				subtext: z
 			})
 		]
 	});
@@ -322,23 +322,23 @@ function pe(e) {
 	return `${n === 0 ? Math.round(r) : r.toFixed(1)} ${t[n]}`;
 }
 function Y({ icon: e, label: t, value: n, subtext: r, color: i }) {
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I("div", {
 		className: "rounded-lg border border-border bg-surface p-3 min-w-0",
 		children: [
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex items-center gap-1.5 mb-1 min-w-0",
-				children: [/* @__PURE__ */ P(e, { className: "h-3.5 w-3.5 text-foreground-subtle flex-shrink-0" }), /* @__PURE__ */ P("span", {
+				children: [/* @__PURE__ */ F(e, { className: "h-3.5 w-3.5 text-foreground-subtle flex-shrink-0" }), /* @__PURE__ */ F("span", {
 					className: "text-[10px] text-foreground-subtle uppercase tracking-wider truncate",
 					title: t,
 					children: t
 				})]
 			}),
-			/* @__PURE__ */ P("p", {
+			/* @__PURE__ */ F("p", {
 				className: `text-lg font-semibold leading-tight truncate ${i ?? "text-foreground"}`,
 				title: n,
 				children: n
 			}),
-			r && /* @__PURE__ */ P("p", {
+			r && /* @__PURE__ */ F("p", {
 				className: "text-[10px] text-foreground-subtle mt-0.5 truncate",
 				title: r,
 				children: r
@@ -356,62 +356,62 @@ var me = {
 	tripwire: "bg-warning/10 text-warning"
 };
 function ge({ zones: e, selectedZoneId: t, drawingKind: n, onSelectZone: r, onDeleteZone: i, onStartDraw: a, onCancelDraw: o }) {
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I("div", {
 		className: "flex flex-col gap-2",
-		children: [/* @__PURE__ */ P("div", {
+		children: [/* @__PURE__ */ F("div", {
 			className: "flex items-center gap-1",
-			children: n ? /* @__PURE__ */ F("button", {
+			children: n ? /* @__PURE__ */ I("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__ */ P(J, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ P("span", { children: "Cancel" })]
-			}) : /* @__PURE__ */ F(I, { children: [/* @__PURE__ */ P("button", {
+				children: [/* @__PURE__ */ F(J, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ F("span", { children: "Cancel" })]
+			}) : /* @__PURE__ */ I(L, { children: [/* @__PURE__ */ F("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__ */ P(W, { className: "h-4 w-4" })
-			}), /* @__PURE__ */ P("button", {
+				children: /* @__PURE__ */ F(W, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ F("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__ */ P(G, { className: "h-5 w-5 stroke-[2.5]" })
+				children: /* @__PURE__ */ F(G, { className: "h-5 w-5 stroke-[2.5]" })
 			})] })
-		}), e.length === 0 ? /* @__PURE__ */ P("p", {
+		}), e.length === 0 ? /* @__PURE__ */ F("p", {
 			className: "text-center text-[10px] text-foreground-subtle py-3 leading-tight",
 			children: "No zones yet — pick \"Zone\" or \"Tripwire\" to draw."
-		}) : /* @__PURE__ */ P("div", {
+		}) : /* @__PURE__ */ F("div", {
 			className: "flex flex-col gap-1",
 			children: e.map((e) => {
 				let n = e.id === t;
-				return /* @__PURE__ */ F("div", {
+				return /* @__PURE__ */ I("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__ */ P("div", {
+						/* @__PURE__ */ F("div", {
 							className: "h-2.5 w-2.5 rounded-sm flex-shrink-0",
 							style: { backgroundColor: e.color }
 						}),
-						/* @__PURE__ */ P("span", {
+						/* @__PURE__ */ F("span", {
 							className: "flex-1 truncate text-[11px] font-medium text-foreground",
 							children: e.name
 						}),
-						/* @__PURE__ */ P("span", {
+						/* @__PURE__ */ F("span", {
 							className: `inline-flex items-center rounded-full px-1.5 py-0.5 text-[9px] font-medium flex-shrink-0 ${he[e.kind]}`,
 							children: me[e.kind]
 						}),
-						/* @__PURE__ */ P("button", {
+						/* @__PURE__ */ F("button", {
 							type: "button",
 							title: "Delete zone",
 							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__ */ P(q, { className: "h-3 w-3" })
+							children: /* @__PURE__ */ F(q, { className: "h-3 w-3" })
 						})
 					]
 				}, e.id);
@@ -432,23 +432,23 @@ var _e = [
 	"#ec4899"
 ];
 function ve({ zone: e, onSave: t, onDiscard: n, onDelete: r }) {
-	let i = C(), a = (e) => i?.updateDraft({ name: e }), o = (e) => i?.updateDraft({ color: e });
-	return /* @__PURE__ */ F("div", {
+	let i = j(), a = (e) => i?.updateDraft({ name: e }), o = (e) => i?.updateDraft({ color: e });
+	return /* @__PURE__ */ I("div", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ P("h3", {
+				children: [/* @__PURE__ */ F("h3", {
 					className: "text-[10px] font-semibold text-foreground-subtle uppercase tracking-wider",
 					children: "Editing"
-				}), /* @__PURE__ */ P("span", {
+				}), /* @__PURE__ */ F("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"
 				})]
 			}),
-			/* @__PURE__ */ P("input", {
+			/* @__PURE__ */ F("input", {
 				type: "text",
-				className: E,
+				className: k,
 				value: e.name,
 				autoFocus: !0,
 				onChange: (e) => a(e.target.value),
@@ -457,9 +457,9 @@ function ve({ zone: e, onSave: t, onDiscard: n, onDelete: r }) {
 				},
 				placeholder: "Zone name"
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ F("div", {
 				className: "flex flex-wrap gap-1",
-				children: _e.map((t) => /* @__PURE__ */ P("button", {
+				children: _e.map((t) => /* @__PURE__ */ F("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(" "),
@@ -467,46 +467,46 @@ function ve({ zone: e, onSave: t, onDiscard: n, onDelete: r }) {
 					onClick: () => o(t)
 				}, t))
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ P("input", {
+				children: [/* @__PURE__ */ F("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__ */ P("input", {
+				}), /* @__PURE__ */ F("input", {
 					type: "text",
-					className: `${E} font-mono`,
+					className: `${k} font-mono`,
 					value: e.color,
 					placeholder: "#000000",
 					onChange: (e) => o(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ F("p", {
+			/* @__PURE__ */ I("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"]
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ F("button", {
+				children: [/* @__PURE__ */ I("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__ */ P(oe, { className: "h-3 w-3" }), "Save"]
-				}), /* @__PURE__ */ F("button", {
+					children: [/* @__PURE__ */ F(ae, { className: "h-3 w-3" }), "Save"]
+				}), /* @__PURE__ */ I("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__ */ P(J, { className: "h-3 w-3" }), "Discard"]
+					children: [/* @__PURE__ */ F(J, { className: "h-3 w-3" }), "Discard"]
 				})]
 			}),
-			/* @__PURE__ */ F("button", {
+			/* @__PURE__ */ I("button", {
 				type: "button",
 				onClick: r,
-				className: `${_} w-full`,
-				children: [/* @__PURE__ */ P(q, { className: "h-3 w-3" }), "Delete"]
+				className: `${E} w-full`,
+				children: [/* @__PURE__ */ F(q, { className: "h-3 w-3" }), "Delete"]
 			})
 		]
 	});
@@ -554,11 +554,11 @@ function Te(e) {
 	return e.name && (t.name = e.name), e.classFilter.length > 0 && (t.classFilter = e.classFilter), t;
 }
 function X({ dev: e, stage: t, zones: n, title: r }) {
-	let a = f(e?.state.zoneRules), o = c(() => a?.[t] ?? [], [a, t]), [s, l] = u([]), [d, p] = u(!1), [_, v] = u(!1), [y, b] = u(null), x = Se(t);
+	let a = f(e?.state.zoneRules), o = c(() => a?.[t] ?? [], [a, t]), [s, l] = u([]), [d, p] = u(!1), [h, _] = u(!1), [v, y] = u(null), b = Se(t);
 	i(() => {
 		d || l(o.map(we));
 	}, [o, d]);
-	let S = () => {
+	let x = () => {
 		l((e) => [...e, {
 			id: crypto.randomUUID(),
 			name: "",
@@ -567,7 +567,7 @@ function X({ dev: e, stage: t, zones: n, title: r }) {
 			classFilter: [],
 			enabled: !0
 		}]), p(!0);
-	}, C = (e, t) => {
+	}, w = (e, t) => {
 		l((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];
@@ -576,7 +576,7 @@ function X({ dev: e, stage: t, zones: n, title: r }) {
 				classFilter: i
 			};
 		})), p(!0);
-	}, w = (e, t) => {
+	}, T = (e, t) => {
 		l((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];
@@ -585,7 +585,7 @@ function X({ dev: e, stage: t, zones: n, title: r }) {
 				zoneIds: i
 			};
 		})), p(!0);
-	}, T = (e) => {
+	}, E = (e) => {
 		l((t) => t.filter((t, n) => n !== e)), p(!0);
 	}, D = (e, t) => {
 		l((n) => n.map((n, r) => r === e ? {
@@ -594,59 +594,59 @@ function X({ dev: e, stage: t, zones: n, title: r }) {
 		} : n)), p(!0);
 	}, O = async () => {
 		if (e?.zoneRules) {
-			v(!0), b(null);
+			_(!0), y(null);
 			try {
 				await e.zoneRules.setRules({
 					stage: t,
 					rules: s.map(Te)
 				}), p(!1);
 			} catch (e) {
-				b(e instanceof Error ? e.message : String(e));
+				y(e instanceof Error ? e.message : String(e));
 			} finally {
-				v(!1);
+				_(!1);
 			}
 		}
-	}, k = d && !!e?.zoneRules && !_;
-	return /* @__PURE__ */ F("div", {
+	}, A = d && !!e?.zoneRules && !h;
+	return /* @__PURE__ */ I("div", {
 		className: "rounded-md border border-border bg-surface/40 p-2.5",
 		children: [
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex items-center justify-between mb-2 gap-2",
-				children: [/* @__PURE__ */ P("h3", {
+				children: [/* @__PURE__ */ F("h3", {
 					className: `${m} truncate`,
 					children: r ?? be(t)
-				}), /* @__PURE__ */ F("div", {
+				}), /* @__PURE__ */ I("div", {
 					className: "flex items-center gap-1 flex-shrink-0",
-					children: [/* @__PURE__ */ F("button", {
+					children: [/* @__PURE__ */ I("button", {
 						type: "button",
-						onClick: S,
+						onClick: x,
 						disabled: n.length === 0 || !e,
-						className: h,
+						className: S,
 						title: "Add rule",
-						children: [/* @__PURE__ */ P(K, { className: "h-2.5 w-2.5" }), " Add"]
-					}), /* @__PURE__ */ F("button", {
+						children: [/* @__PURE__ */ F(K, { className: "h-2.5 w-2.5" }), " Add"]
+					}), /* @__PURE__ */ I("button", {
 						type: "button",
 						onClick: () => {
 							O();
 						},
-						disabled: !k,
-						className: A,
-						children: [/* @__PURE__ */ P(ce, { className: "h-2.5 w-2.5" }), _ ? "…" : "Save"]
+						disabled: !A,
+						className: C,
+						children: [/* @__PURE__ */ F(ce, { className: "h-2.5 w-2.5" }), h ? "…" : "Save"]
 					})]
 				})]
 			}),
-			s.length === 0 ? /* @__PURE__ */ P("p", {
+			s.length === 0 ? /* @__PURE__ */ F("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__ */ P("div", {
+			}) : /* @__PURE__ */ F("div", {
 				className: "flex flex-col gap-1.5",
-				children: s.map((e, t) => /* @__PURE__ */ F("div", {
+				children: s.map((e, t) => /* @__PURE__ */ I("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__ */ F("div", {
+						/* @__PURE__ */ I("div", {
 							className: "grid grid-cols-[auto_1fr_auto] items-center gap-1.5",
 							children: [
-								/* @__PURE__ */ P("button", {
+								/* @__PURE__ */ F("button", {
 									type: "button",
 									role: "switch",
 									"aria-checked": e.enabled,
@@ -654,80 +654,80 @@ function X({ dev: e, stage: t, zones: n, title: r }) {
 									title: e.enabled ? "Rule is active — click to disable" : "Rule is disabled — click to enable",
 									onClick: () => D(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__ */ P("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__ */ F("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__ */ P("input", {
-									className: `${E} min-w-0`,
+								/* @__PURE__ */ F("input", {
+									className: `${k} min-w-0`,
 									placeholder: "Rule name (optional)",
 									value: e.name,
 									onChange: (e) => D(t, { name: e.target.value })
 								}),
-								/* @__PURE__ */ P("button", {
+								/* @__PURE__ */ F("button", {
 									type: "button",
 									title: "Remove rule",
 									"aria-label": "Remove rule",
-									onClick: () => T(t),
+									onClick: () => E(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__ */ P(q, { className: "h-3.5 w-3.5" })
+									children: /* @__PURE__ */ F(q, { className: "h-3.5 w-3.5" })
 								})
 							]
 						}),
-						/* @__PURE__ */ F("div", {
+						/* @__PURE__ */ I("div", {
 							className: "flex items-center gap-1.5 flex-wrap",
 							children: [
-								/* @__PURE__ */ P("span", {
+								/* @__PURE__ */ F("span", {
 									className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0",
 									children: "Mode"
 								}),
-								/* @__PURE__ */ P("button", {
+								/* @__PURE__ */ F("button", {
 									type: "button",
 									onClick: () => D(t, { mode: "include" }),
-									className: `${N} ${e.mode === "include" ? j : g}`,
+									className: `${P} ${e.mode === "include" ? M : g}`,
 									children: "Include"
 								}),
-								/* @__PURE__ */ P("button", {
+								/* @__PURE__ */ F("button", {
 									type: "button",
 									onClick: () => D(t, { mode: "exclude" }),
-									className: `${N} ${e.mode === "exclude" ? j : g}`,
+									className: `${P} ${e.mode === "exclude" ? M : g}`,
 									children: "Exclude"
 								})
 							]
 						}),
-						/* @__PURE__ */ F("div", {
+						/* @__PURE__ */ I("div", {
 							className: "flex items-center gap-1.5 flex-wrap",
-							children: [/* @__PURE__ */ P("span", {
+							children: [/* @__PURE__ */ F("span", {
 								className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0",
 								children: "Zones"
-							}), n.length === 0 ? /* @__PURE__ */ P("span", {
+							}), n.length === 0 ? /* @__PURE__ */ F("span", {
 								className: "text-[10px] text-foreground-subtle italic",
 								children: "none"
-							}) : n.map((n) => /* @__PURE__ */ F("button", {
+							}) : n.map((n) => /* @__PURE__ */ I("button", {
 								type: "button",
-								onClick: () => w(t, n.id),
-								className: `${N} ${e.zoneIds.includes(n.id) ? j : g}`,
-								children: [/* @__PURE__ */ P("span", {
+								onClick: () => T(t, n.id),
+								className: `${P} ${e.zoneIds.includes(n.id) ? M : g}`,
+								children: [/* @__PURE__ */ F("span", {
 									className: "h-2 w-2 rounded-sm",
 									style: { backgroundColor: n.color || "#3b82f6" }
-								}), /* @__PURE__ */ P("span", {
+								}), /* @__PURE__ */ F("span", {
 									className: "truncate max-w-[7rem]",
 									children: n.name || n.id
 								})]
 							}, n.id))]
 						}),
-						x && /* @__PURE__ */ F("div", {
+						b && /* @__PURE__ */ I("div", {
 							className: "flex items-center gap-1.5 flex-wrap",
 							children: [
-								/* @__PURE__ */ P("span", {
+								/* @__PURE__ */ F("span", {
 									className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0",
 									children: "Class"
 								}),
-								Ce.map((n) => /* @__PURE__ */ P("button", {
+								Ce.map((n) => /* @__PURE__ */ F("button", {
 									type: "button",
-									onClick: () => C(t, n.id),
-									className: `${N} ${e.classFilter.includes(n.id) ? j : g}`,
+									onClick: () => w(t, n.id),
+									className: `${P} ${e.classFilter.includes(n.id) ? M : g}`,
 									children: n.label
 								}, n.id)),
-								e.classFilter.length === 0 && /* @__PURE__ */ P("span", {
+								e.classFilter.length === 0 && /* @__PURE__ */ F("span", {
 									className: "text-[10px] text-foreground-subtle italic ml-1",
 									children: "any"
 								})
@@ -736,9 +736,9 @@ function X({ dev: e, stage: t, zones: n, title: r }) {
 					]
 				}, e.id))
 			}),
-			y && /* @__PURE__ */ P("p", {
+			v && /* @__PURE__ */ F("p", {
 				className: "mt-2 text-[10px] text-danger",
-				children: y
+				children: v
 			})
 		]
 	});
@@ -804,7 +804,7 @@ function $(e) {
 	};
 }
 function Me({ deviceId: e }) {
-	let t = p(k().trpcClient, e), n = f(t?.state.zones), r = c(() => n?.zones ?? [], [n]), i = C(), s = i?.drawingKind ?? null, l = i?.selectedZoneId ?? null, u = i?.editingDraft ?? null, d = c(() => r.map((e) => u && u.id === e.id ? {
+	let t = p(_().trpcClient, e), n = f(t?.state.zones), r = c(() => n?.zones ?? [], [n]), i = j(), 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,
@@ -852,9 +852,9 @@ function Me({ deviceId: e }) {
 		d,
 		u,
 		i
-	]), _ = o((e, t) => {
+	]), y = o((e, t) => {
 		typeof e == "string" && (t.kind !== "polygon" && t.kind !== "line" || g(e, t.points));
-	}, [g]), y = o((e) => {
+	}, [g]), b = o((e) => {
 		if (e === null) {
 			i?.discardDraft(), i?.setSelectedZoneId(null);
 			return;
@@ -873,15 +873,15 @@ function Me({ deviceId: e }) {
 			points: t.points
 		});
 	}, [d, i]);
-	return d.length === 0 && s === null ? null : /* @__PURE__ */ P(a, {
+	return d.length === 0 && s === null ? null : /* @__PURE__ */ F(a, {
 		fallback: null,
-		children: /* @__PURE__ */ P(v, {
+		children: /* @__PURE__ */ F(v, {
 			transparent: !0,
 			items: m,
 			supportedShapes: Z,
 			selectedId: l,
-			onSelect: y,
-			onShapeChange: _,
+			onSelect: b,
+			onShapeChange: y,
 			onDrawComplete: (e) => {
 				h(e);
 			},
@@ -909,11 +909,11 @@ function Ie(e) {
 	};
 }
 function Le({ deviceId: e }) {
-	let t = p(k().trpcClient, e), n = f(t?.state.zones), r = c(() => n?.zones ?? [], [n]), i = c(() => r.map(Fe), [r]), a = C(), s = a?.drawingKind ?? null, l = a?.selectedZoneId ?? null, u = a?.editingDraft ?? null;
+	let t = p(_().trpcClient, e), n = f(t?.state.zones), r = c(() => n?.zones ?? [], [n]), i = c(() => r.map(Fe), [r]), a = j(), s = a?.drawingKind ?? null, l = a?.selectedZoneId ?? null, u = a?.editingDraft ?? null;
 	O(c(() => ({
 		id: "zones",
 		order: 100,
-		node: /* @__PURE__ */ P(Ne, { deviceId: e })
+		node: /* @__PURE__ */ F(Ne, { deviceId: e })
 	}), [e]));
 	let d = o((e) => {
 		if (e === null) {
@@ -928,7 +928,7 @@ function Le({ deviceId: e }) {
 			color: t.color,
 			points: t.points
 		});
-	}, [i, a]), h = o(async () => {
+	}, [i, a]), g = o(async () => {
 		let e = a?.editingDraft;
 		if (e) {
 			try {
@@ -944,16 +944,16 @@ function Le({ deviceId: e }) {
 			}
 			a?.discardDraft(), a?.setSelectedZoneId(null);
 		}
-	}, [t, a]), g = o(() => {
+	}, [t, a]), v = o(() => {
 		a?.discardDraft(), a?.setSelectedZoneId(null);
-	}, [a]), _ = o(async (e) => {
+	}, [a]), S = o(async (e) => {
 		try {
 			await t?.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]), v = o((e) => {
+	}, [t, a]), C = o((e) => {
 		a?.startDrawing(e);
 	}, [a]), T = o(() => {
 		a?.setDrawingKind(null);
@@ -964,22 +964,22 @@ function Le({ deviceId: e }) {
 		color: u.color,
 		points: [...u.points]
 	}, [i, u]);
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I("div", {
 		className: x,
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ I("div", {
 			className: D,
-			children: [/* @__PURE__ */ P("div", {
+			children: [/* @__PURE__ */ F("div", {
 				className: w,
-				children: /* @__PURE__ */ F("div", {
+				children: /* @__PURE__ */ I("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ P("h2", {
+					children: [/* @__PURE__ */ F("h2", {
 						className: m,
 						children: "Detection Zones"
-					}), /* @__PURE__ */ F("p", {
+					}), /* @__PURE__ */ I("p", {
 						className: `${b} mt-0.5 leading-tight`,
 						children: [
 							"Pick a shape below or use the ",
-							/* @__PURE__ */ P("strong", {
+							/* @__PURE__ */ F("strong", {
 								className: "text-foreground",
 								children: "Zones"
 							}),
@@ -988,37 +988,37 @@ function Le({ deviceId: e }) {
 						]
 					})]
 				})
-			}), /* @__PURE__ */ F("div", {
+			}), /* @__PURE__ */ I("div", {
 				className: `${y} flex flex-col gap-3`,
-				children: [/* @__PURE__ */ P(ge, {
+				children: [/* @__PURE__ */ F(ge, {
 					zones: i,
 					selectedZoneId: l,
 					drawingKind: s,
 					onSelectZone: d,
-					onDeleteZone: _,
-					onStartDraw: v,
+					onDeleteZone: S,
+					onStartDraw: C,
 					onCancelDraw: T
-				}), E && /* @__PURE__ */ F(I, { children: [/* @__PURE__ */ P("div", { className: "border-t border-border" }), /* @__PURE__ */ P(ve, {
+				}), E && /* @__PURE__ */ I(L, { children: [/* @__PURE__ */ F("div", { className: "border-t border-border" }), /* @__PURE__ */ F(ve, {
 					zone: E,
-					onSave: h,
-					onDiscard: g,
-					onDelete: () => _(E.id)
+					onSave: g,
+					onDiscard: v,
+					onDelete: () => S(E.id)
 				})] })]
 			})]
-		}), /* @__PURE__ */ F("div", {
-			className: `grid grid-cols-1 2xl:grid-cols-2 ${S}`,
+		}), /* @__PURE__ */ I("div", {
+			className: `grid grid-cols-1 2xl:grid-cols-2 ${h}`,
 			children: [
-				/* @__PURE__ */ P(X, {
+				/* @__PURE__ */ F(X, {
 					dev: t,
 					stage: "motion",
 					zones: r
 				}),
-				/* @__PURE__ */ P(X, {
+				/* @__PURE__ */ F(X, {
 					dev: t,
 					stage: "detection",
 					zones: r
 				}),
-				/* @__PURE__ */ P(X, {
+				/* @__PURE__ */ F(X, {
 					dev: t,
 					stage: "package",
 					zones: r
@@ -1030,10 +1030,10 @@ function Le({ deviceId: e }) {
 //#endregion
 //#region src/widgets/ZoneEditor.tsx
 function Re(e) {
-	return e.deviceId === void 0 ? /* @__PURE__ */ P("div", {
+	return e.deviceId === void 0 ? /* @__PURE__ */ F("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__ */ P(Le, { deviceId: e.deviceId });
+	}) : /* @__PURE__ */ F(Le, { deviceId: e.deviceId });
 }
 //#endregion
 //#region src/widgets/index.tsx