@camstack/addon-pipeline-orchestrator 0.1.20 → 0.1.21

package/dist/_stub.js

@@ -1,7 +1,7 @@
-import { _ as t, a as d, b as be } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-Cg6QsnjR.mjs";
-import { _ as He } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.mjs-DoWbefqS.mjs";
-import { _ as ke, a as ze, b as Ve, c as ae, d as le, e as Ge, f as ye, g as he, h as Ye, i as xe, j as ve, k as Xe, l as Ke, m as re, n as oe, o as se, p as Ze, q as $e, r as Ae, s as Pe, t as J, u as Ee, v as Qe } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.mjs-DPoup41Y.mjs";
-import { a as Re, b as ge, c as U, d as L, e as X, f as Le, g as Y, h as P } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react__loadShare__.mjs-0qpbQxoV.mjs";
+import { _ as t, a as u, b as be } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-Cg6QsnjR.mjs";
+import { _ as je } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.mjs-DoWbefqS.mjs";
+import { _ as _e, a as Be, b as qe, c as ae, d as le, e as Ue, f as ye, g as he, h as He, i as xe, j as Ie, k as ze, l as Ve, m as re, n as oe, o as se, p as Ze, q as Ge, r as Ye, s as Xe, t as J, u as Ke, v as Qe } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.mjs-DPoup41Y.mjs";
+import { a as $e, b as ge, c as U, d as L, e as X, f as Ae, g as Y, h as P } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react__loadShare__.mjs-0qpbQxoV.mjs";
 import { _ as Je } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.mjs-UNj4rttw.mjs";
 import { _ as G, a as et, b as de, c as ue, d as tt, e as nt, f as fe } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react_mf_2_konva__loadShare__.mjs-DSZIXeAx.mjs";
 /**
@@ -13,10 +13,10 @@ import { _ as G, a as et, b as de, c as ue, d as tt, e as nt, f as fe } from "./
 const rt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ot = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (o, r, l) => l ? l.toUpperCase() : r.toLowerCase()
-), we = (e) => {
+), ke = (e) => {
   const o = ot(e);
   return o.charAt(0).toUpperCase() + o.slice(1);
-}, Fe = (...e) => e.filter((o, r, l) => !!o && o.trim() !== "" && l.indexOf(o) === r).join(" ").trim(), st = (e) => {
+}, Pe = (...e) => e.filter((o, r, l) => !!o && o.trim() !== "" && l.indexOf(o) === r).join(" ").trim(), st = (e) => {
   for (const o in e)
     if (o.startsWith("aria-") || o === "role" || o === "title")
       return !0;
@@ -44,7 +44,7 @@ var it = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const at = Re(
+const at = $e(
   ({
     color: e = "currentColor",
     size: o = 24,
@@ -63,7 +63,7 @@ const at = Re(
       height: o,
       stroke: e,
       strokeWidth: l ? Number(r) * 24 / Number(o) : r,
-      className: Fe("lucide", p),
+      className: Pe("lucide", p),
       ...!i && !st(s) && { "aria-hidden": "true" },
       ...s
     },
@@ -80,19 +80,19 @@ const at = Re(
  * See the LICENSE file in the root directory of this source tree.
  */
 const j = (e, o) => {
-  const r = Re(
+  const r = $e(
     ({ className: l, ...p }, i) => ge(at, {
       ref: i,
       iconNode: o,
-      className: Fe(
-        `lucide-${rt(we(e))}`,
+      className: Pe(
+        `lucide-${rt(ke(e))}`,
         `lucide-${e}`,
         l
       ),
       ...p
     })
   );
-  return r.displayName = we(e), r;
+  return r.displayName = ke(e), r;
 };
 /**
  * @license lucide-react v0.511.0 - ISC
@@ -225,7 +225,7 @@ const Dt = [
   ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
   ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
   ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
-], _e = j("trash-2", Dt);
+], ve = j("trash-2", Dt);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -235,35 +235,35 @@ const Dt = [
 const St = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Te = j("x", St);
+], Ee = j("x", St);
 function Mt(e) {
   return e.deviceId === void 0 ? /* @__PURE__ */ t("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__ */ t(It, { deviceId: e.deviceId });
 }
 function It({ deviceId: e }) {
-  ke(
+  _e(
     ["pipelineOrchestrator", "getPipelineAssignment"],
     ["pipeline.camera-assigned", "pipeline.camera-unassigned", "pipeline.camera-updated"]
-  ), ke(
+  ), _e(
     ["pipelineRunner", "getCameraMetrics"],
     ["pipeline.camera-metrics-snapshot"]
   );
-  const { data: o } = ze(
+  const { data: o } = Be(
     { deviceId: e },
     { staleTime: 3e4 }
-  ), r = o?.agentNodeId ?? null, p = typeof r == "string" && r.length > 0 && !r.startsWith("addon:") ? r : void 0, { data: i } = Ve(
+  ), r = o?.agentNodeId ?? null, p = typeof r == "string" && r.length > 0 && !r.startsWith("addon:") ? r : void 0, { data: i } = qe(
     {
       deviceId: e,
       ...p ? { nodeId: p } : {}
     },
     { staleTime: 2e3, retry: !1 }
-  ), c = ae(), s = le(c.trpcClient, e), { data: h } = He({
+  ), c = ae(), s = le(c.trpcClient, e), { data: h } = je({
     queryKey: ["device", e, "pipelineAnalytics.getActiveTracks"],
     queryFn: () => s?.pipelineAnalytics?.getActiveTracks({}) ?? [],
     enabled: !!s,
     refetchInterval: 5e3,
     retry: !1
-  }), n = i?.phase ?? null, S = i?.detectionMode ?? null, u = Number(i?.actualFps ?? 0), Z = Number(i?.configuredFps ?? 0), b = Number(i?.avgInferenceTimeMs ?? 0), m = Number(i?.queueDepth ?? 0), w = Number(i?.droppedFrames ?? 0), _ = Ge(n ?? "watching"), M = h?.length ?? 0;
-  return /* @__PURE__ */ t("div", { className: "@container", style: { containerType: "inline-size" }, children: /* @__PURE__ */ d("div", { className: "grid grid-cols-1 @[360px]:grid-cols-2 @[720px]:grid-cols-4 gap-3", children: [
+  }), n = i?.phase ?? null, S = i?.detectionMode ?? null, d = Number(i?.actualFps ?? 0), Z = Number(i?.configuredFps ?? 0), b = Number(i?.avgInferenceTimeMs ?? 0), m = Number(i?.queueDepth ?? 0), w = Number(i?.droppedFrames ?? 0), _ = Ue(n ?? "watching"), M = h?.length ?? 0;
+  return /* @__PURE__ */ t("div", { className: "@container", style: { containerType: "inline-size" }, children: /* @__PURE__ */ u("div", { className: "grid grid-cols-1 @[360px]:grid-cols-2 @[720px]:grid-cols-4 gap-3", children: [
     /* @__PURE__ */ t(
       ie,
       {
@@ -279,7 +279,7 @@ function It({ deviceId: e }) {
       {
         icon: bt,
         label: "Detection FPS",
-        value: `${u.toFixed(1)}`,
+        value: `${d.toFixed(1)}`,
         subtext: Z > 0 ? `target: ${Z}` : void 0
       }
     ),
@@ -304,8 +304,8 @@ function It({ deviceId: e }) {
   ] }) });
 }
 function ie({ icon: e, label: o, value: r, subtext: l, color: p }) {
-  return /* @__PURE__ */ d("div", { className: "rounded-lg border border-border bg-surface p-3 min-w-0", children: [
-    /* @__PURE__ */ d("div", { className: "flex items-center gap-1.5 mb-1 min-w-0", children: [
+  return /* @__PURE__ */ u("div", { className: "rounded-lg border border-border bg-surface p-3 min-w-0", children: [
+    /* @__PURE__ */ u("div", { className: "flex items-center gap-1.5 mb-1 min-w-0", children: [
       /* @__PURE__ */ t(e, { className: "h-3.5 w-3.5 text-foreground-subtle flex-shrink-0" }),
       /* @__PURE__ */ t(
         "span",
@@ -343,8 +343,8 @@ function At({
   onStartDraw: i,
   onCancelDraw: c
 }) {
-  return /* @__PURE__ */ d("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: r ? /* @__PURE__ */ d(
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: r ? /* @__PURE__ */ u(
       "button",
       {
         type: "button",
@@ -352,11 +352,11 @@ function At({
         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__ */ t(Te, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ t(Ee, { className: "h-3.5 w-3.5" }),
           /* @__PURE__ */ t("span", { children: "Cancel" })
         ]
       }
-    ) : /* @__PURE__ */ d(be, { children: [
+    ) : /* @__PURE__ */ u(be, { children: [
       /* @__PURE__ */ t(
         "button",
         {
@@ -382,7 +382,7 @@ function At({
     ] }) }),
     e.length === 0 ? /* @__PURE__ */ t("p", { className: "text-center text-[10px] text-foreground-subtle py-3 leading-tight", children: 'No zones yet — pick "Zone" or "Tripwire" to draw.' }) : /* @__PURE__ */ t("div", { className: "flex flex-col gap-1", children: e.map((s) => {
       const h = s.id === o;
-      return /* @__PURE__ */ d(
+      return /* @__PURE__ */ u(
         "div",
         {
           className: [
@@ -415,7 +415,7 @@ function At({
                 onClick: (n) => {
                   n.stopPropagation(), p(s.id);
                 },
-                children: /* @__PURE__ */ t(_e, { className: "h-3 w-3" })
+                children: /* @__PURE__ */ t(ve, { className: "h-3 w-3" })
               }
             )
           ]
@@ -445,8 +445,8 @@ const Pt = [
 ];
 function Et({ zone: e, onSave: o, onDiscard: r, onDelete: l }) {
   const p = ye(), i = (s) => p?.updateDraft({ name: s }), c = (s) => p?.updateDraft({ color: s });
-  return /* @__PURE__ */ d("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ u("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ t("h3", { className: "text-[10px] font-semibold text-foreground-subtle uppercase tracking-wider", children: "Editing" }),
       /* @__PURE__ */ t("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" })
     ] }),
@@ -478,7 +478,7 @@ function Et({ zone: e, onSave: o, onDiscard: r, onDelete: l }) {
       },
       s
     )) }),
-    /* @__PURE__ */ d("div", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ u("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ t(
         "input",
         {
@@ -499,12 +499,12 @@ function Et({ zone: e, onSave: o, onDiscard: r, onDelete: l }) {
         }
       )
     ] }),
-    /* @__PURE__ */ d("p", { className: "text-[9px] text-foreground-subtle leading-tight", children: [
+    /* @__PURE__ */ u("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__ */ d("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ d(
+    /* @__PURE__ */ u("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ u(
         "button",
         {
           type: "button",
@@ -517,7 +517,7 @@ function Et({ zone: e, onSave: o, onDiscard: r, onDelete: l }) {
           ]
         }
       ),
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ u(
         "button",
         {
           type: "button",
@@ -525,20 +525,20 @@ function Et({ zone: e, onSave: o, onDiscard: r, onDelete: l }) {
           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__ */ t(Te, { className: "h-3 w-3" }),
+            /* @__PURE__ */ t(Ee, { className: "h-3 w-3" }),
             "Discard"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ u(
       "button",
       {
         type: "button",
         onClick: l,
-        className: `${Ye} w-full`,
+        className: `${He} w-full`,
         children: [
-          /* @__PURE__ */ t(_e, { className: "h-3 w-3" }),
+          /* @__PURE__ */ t(ve, { className: "h-3 w-3" }),
           "Delete"
         ]
       }
@@ -567,11 +567,11 @@ function Ft(e) {
   };
   return e.name && (o.name = e.name), e.classFilter.length > 0 && (o.classFilter = e.classFilter), o;
 }
-function Ne({ dev: e, stage: o, zones: r, title: l }) {
+function we({ dev: e, stage: o, zones: r, title: l }) {
   const p = xe(e?.state.zoneRules), i = U(
     () => p?.[o] ?? [],
     [p, o]
-  ), [c, s] = L([]), [h, n] = L(!1), [S, u] = L(!1), [Z, b] = L(null);
+  ), [c, s] = L([]), [h, n] = L(!1), [S, d] = L(!1), [Z, b] = L(null);
   X(() => {
     h || s(i.map(Lt));
   }, [i, h]);
@@ -609,27 +609,27 @@ function Ne({ dev: e, stage: o, zones: r, title: l }) {
     s((f) => f.map((g, F) => F === v ? { ...g, ...N } : g)), n(!0);
   }, x = async () => {
     if (e?.zoneRules) {
-      u(!0), b(null);
+      d(!0), b(null);
       try {
         await e.zoneRules.setRules({ stage: o, rules: c.map(Ft) }), n(!1);
       } catch (v) {
         b(v instanceof Error ? v.message : String(v));
       } finally {
-        u(!1);
+        d(!1);
       }
     }
   }, V = h && !!e?.zoneRules && !S;
-  return /* @__PURE__ */ d("div", { className: "rounded-md border border-border bg-surface/40 p-2.5", children: [
-    /* @__PURE__ */ d("div", { className: "flex items-center justify-between mb-2 gap-2", children: [
-      /* @__PURE__ */ t("h3", { className: `${ve} truncate`, children: l ?? `${o === "motion" ? "Motion" : "Detection"} Rules` }),
-      /* @__PURE__ */ d("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-        /* @__PURE__ */ d(
+  return /* @__PURE__ */ u("div", { className: "rounded-md border border-border bg-surface/40 p-2.5", children: [
+    /* @__PURE__ */ u("div", { className: "flex items-center justify-between mb-2 gap-2", children: [
+      /* @__PURE__ */ t("h3", { className: `${Ie} truncate`, children: l ?? `${o === "motion" ? "Motion" : "Detection"} Rules` }),
+      /* @__PURE__ */ u("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+        /* @__PURE__ */ u(
           "button",
           {
             type: "button",
             onClick: m,
             disabled: r.length === 0 || !e,
-            className: Xe,
+            className: ze,
             title: "Add rule",
             children: [
               /* @__PURE__ */ t(wt, { className: "h-2.5 w-2.5" }),
@@ -637,7 +637,7 @@ function Ne({ dev: e, stage: o, zones: r, title: l }) {
             ]
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ u(
           "button",
           {
             type: "button",
@@ -645,7 +645,7 @@ function Ne({ dev: e, stage: o, zones: r, title: l }) {
               x();
             },
             disabled: !V,
-            className: Ke,
+            className: Ve,
             children: [
               /* @__PURE__ */ t(Ct, { className: "h-2.5 w-2.5" }),
               S ? "…" : "Save"
@@ -654,12 +654,12 @@ function Ne({ dev: e, stage: o, zones: r, title: l }) {
         )
       ] })
     ] }),
-    c.length === 0 ? /* @__PURE__ */ t("p", { className: "text-[10px] text-foreground-subtle italic px-1 py-1.5 leading-tight", children: r.length === 0 ? "Define a zone first — rules reference zone ids." : "No rules — every detection at this stage passes through." }) : /* @__PURE__ */ t("div", { className: "flex flex-col gap-1.5", children: c.map((v, N) => /* @__PURE__ */ d(
+    c.length === 0 ? /* @__PURE__ */ t("p", { className: "text-[10px] text-foreground-subtle italic px-1 py-1.5 leading-tight", children: r.length === 0 ? "Define a zone first — rules reference zone ids." : "No rules — every detection at this stage passes through." }) : /* @__PURE__ */ t("div", { className: "flex flex-col gap-1.5", children: c.map((v, N) => /* @__PURE__ */ u(
       "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__ */ d("div", { className: "grid grid-cols-[auto_1fr_auto] items-center gap-1.5", children: [
+          /* @__PURE__ */ u("div", { className: "grid grid-cols-[auto_1fr_auto] items-center gap-1.5", children: [
             /* @__PURE__ */ t(
               "button",
               {
@@ -701,11 +701,11 @@ function Ne({ dev: e, stage: o, zones: r, title: l }) {
                 "aria-label": "Remove rule",
                 onClick: () => M(N),
                 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__ */ t(_e, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ t(ve, { className: "h-3.5 w-3.5" })
               }
             )
           ] }),
-          /* @__PURE__ */ d("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
+          /* @__PURE__ */ u("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
             /* @__PURE__ */ t("span", { className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0", children: "Mode" }),
             /* @__PURE__ */ t(
               "button",
@@ -726,11 +726,11 @@ function Ne({ dev: e, stage: o, zones: r, title: l }) {
               }
             )
           ] }),
-          /* @__PURE__ */ d("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
+          /* @__PURE__ */ u("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
             /* @__PURE__ */ t("span", { className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0", children: "Zones" }),
             r.length === 0 ? /* @__PURE__ */ t("span", { className: "text-[10px] text-foreground-subtle italic", children: "none" }) : r.map((f) => {
               const g = v.zoneIds.includes(f.id);
-              return /* @__PURE__ */ d(
+              return /* @__PURE__ */ u(
                 "button",
                 {
                   type: "button",
@@ -751,7 +751,7 @@ function Ne({ dev: e, stage: o, zones: r, title: l }) {
               );
             })
           ] }),
-          /* @__PURE__ */ d("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
+          /* @__PURE__ */ u("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
             /* @__PURE__ */ t("span", { className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0", children: "Class" }),
             Rt.map((f) => {
               const g = v.classFilter.includes(f.id);
@@ -781,13 +781,13 @@ function Q(e, o, r) {
 function pe(e, o, r) {
   return { x: e.x / o, y: e.y / r };
 }
-function Ce(e, o, r) {
+function Ne(e, o, r) {
   return e.flatMap((l) => [l.x * o, l.y * r]);
 }
 function Tt(e, o) {
   return e.color;
 }
-const Ot = "33", Wt = "66", De = 16, Se = 9;
+const Ot = "33", Wt = "66", Ce = 16, De = 9;
 function jt({
   zones: e,
   selectedZoneId: o,
@@ -798,7 +798,7 @@ function jt({
   backdrop: c,
   transparent: s = !1
 }) {
-  const h = Y(null), [n, S] = L({ w: 800, h: 450 }), [u, Z] = L([]), [b, m] = L(null), [w, _] = L(null), [M, k] = L(null);
+  const h = Y(null), [n, S] = L({ w: 800, h: 450 }), [d, Z] = L([]), [b, m] = L(null), [w, _] = L(null), [M, k] = L(null);
   X(() => {
     if (!M) return;
     const a = e.find((D) => D.id === M.zoneId);
@@ -838,12 +838,12 @@ function jt({
       const D = y.getPointerPosition();
       if (!D) return;
       const C = pe(D, n.w, n.h), T = i === "tripwire";
-      if (u.length === 0) {
+      if (d.length === 0) {
         Z([C]);
         return;
       }
-      if (T && u.length === 1) {
-        const O = [...u, C], H = {
+      if (T && d.length === 1) {
+        const O = [...d, C], H = {
           id: crypto.randomUUID(),
           name: "Tripwire",
           kind: "tripwire",
@@ -853,15 +853,15 @@ function jt({
         p(H), Z([]);
         return;
       }
-      if (u.length >= 3 && !T) {
-        const O = Q(u[0], n.w, n.h);
+      if (d.length >= 3 && !T) {
+        const O = Q(d[0], n.w, n.h);
         if (Math.hypot(D.x - O.x, D.y - O.y) < 12) {
           const ee = {
             id: crypto.randomUUID(),
             name: "Zone",
             kind: "polygon",
             color: "#3b82f6",
-            points: u
+            points: d
           };
           p(ee), Z([]);
           return;
@@ -869,21 +869,21 @@ function jt({
       }
       Z((O) => [...O, C]);
     },
-    [x, u, n, i, p, r]
+    [x, d, n, i, p, r]
   ), v = P(
     (a) => {
-      if (!x || i === "tripwire" || u.length < 3) return;
+      if (!x || i === "tripwire" || d.length < 3) return;
       a.cancelBubble = !0;
       const y = {
         id: crypto.randomUUID(),
         name: "Zone",
         kind: "polygon",
         color: "#3b82f6",
-        points: u
+        points: d
       };
       p(y), Z([]);
     },
-    [x, i, u, p]
+    [x, i, d, p]
   ), N = Y(null), f = Y(null);
   X(() => () => {
     N.current !== null && cancelAnimationFrame(N.current);
@@ -901,20 +901,20 @@ function jt({
     [x]
   ), F = [];
   if (!s) {
-    for (let a = 1; a < De; a++) {
-      const y = n.w / De * a;
+    for (let a = 1; a < Ce; a++) {
+      const y = n.w / Ce * a;
       F.push(
         /* @__PURE__ */ t(G, { points: [y, 0, y, n.h], stroke: "#ffffff", strokeWidth: 0.5, opacity: 0.08 }, `gv-${a}`)
       );
     }
-    for (let a = 1; a < Se; a++) {
-      const y = n.h / Se * a;
+    for (let a = 1; a < De; a++) {
+      const y = n.h / De * a;
       F.push(
         /* @__PURE__ */ t(G, { points: [0, y, n.w, y], stroke: "#ffffff", strokeWidth: 0.5, opacity: 0.08 }, `gh-${a}`)
       );
     }
   }
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ u(
     "div",
     {
       ref: h,
@@ -929,7 +929,7 @@ function jt({
             children: c
           }
         ) : null,
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ u(
           et,
           {
             width: n.w,
@@ -938,26 +938,26 @@ function jt({
             onDblClick: v,
             onMouseMove: g,
             children: [
-              /* @__PURE__ */ d(de, { listening: !1, children: [
+              /* @__PURE__ */ u(de, { listening: !1, children: [
                 /* @__PURE__ */ t(G, { points: [0, 0, n.w, 0, n.w, n.h, 0, n.h, 0, 0], stroke: "transparent", strokeWidth: 0 }),
                 F
               ] }),
               /* @__PURE__ */ t(de, { children: e.map((a) => {
-                const y = a.id === o, D = Tt(a), C = M && M.zoneId === a.id ? M.points : a.points, T = Ce(C, n.w, n.h), O = a.kind === "tripwire", H = y && !x, ee = w === a.id, te = C.map((I) => I.x * n.w), ne = C.map((I) => I.y * n.h), Oe = te.length > 0 ? Math.min(...te) : 0, We = te.length > 0 ? Math.max(...te) : 0, je = ne.length > 0 ? Math.min(...ne) : 0, Be = ne.length > 0 ? Math.max(...ne) : 0;
-                return /* @__PURE__ */ d(
+                const y = a.id === o, D = Tt(a), C = M && M.zoneId === a.id ? M.points : a.points, T = Ne(C, n.w, n.h), O = a.kind === "tripwire", H = y && !x, ee = w === a.id, te = C.map((I) => I.x * n.w), ne = C.map((I) => I.y * n.h), Re = te.length > 0 ? Math.min(...te) : 0, Le = te.length > 0 ? Math.max(...te) : 0, Fe = ne.length > 0 ? Math.min(...ne) : 0, Te = ne.length > 0 ? Math.max(...ne) : 0;
+                return /* @__PURE__ */ u(
                   ue,
                   {
                     onClick: (I) => {
                       I.cancelBubble = !0, x || r(a.id);
                     },
                     children: [
-                      /* @__PURE__ */ d(
+                      /* @__PURE__ */ u(
                         ue,
                         {
                           draggable: H,
                           dragBoundFunc: H ? (I) => ({
-                            x: Math.max(-Oe, Math.min(n.w - We, I.x)),
-                            y: Math.max(-je, Math.min(n.h - Be, I.y))
+                            x: Math.max(-Re, Math.min(n.w - Le, I.x)),
+                            y: Math.max(-Fe, Math.min(n.h - Te, I.y))
                           }) : void 0,
                           onDragStart: H ? () => {
                             _(a.id);
@@ -1039,7 +1039,7 @@ function jt({
                             onDragMove: (E) => {
                               const R = pe({ x: E.target.x(), y: E.target.y() }, n.w, n.h);
                               k((A) => {
-                                const ce = (A && A.zoneId === a.id ? A.points : a.points).map((qe, Ue) => Ue === $ ? R : qe);
+                                const ce = (A && A.zoneId === a.id ? A.points : a.points).map((Oe, We) => We === $ ? R : Oe);
                                 return { zoneId: a.id, points: ce };
                               });
                             },
@@ -1098,23 +1098,23 @@ function jt({
                   a.id
                 );
               }) }),
-              /* @__PURE__ */ t(de, { listening: !1, children: x && u.length > 0 && /* @__PURE__ */ d(ue, { children: [
-                u.length >= 2 && i !== "tripwire" && /* @__PURE__ */ t(
+              /* @__PURE__ */ t(de, { listening: !1, children: x && d.length > 0 && /* @__PURE__ */ u(ue, { children: [
+                d.length >= 2 && i !== "tripwire" && /* @__PURE__ */ t(
                   G,
                   {
-                    points: Ce(u, n.w, n.h),
+                    points: Ne(d, n.w, n.h),
                     stroke: "#6366f1",
                     strokeWidth: 1.5,
                     dash: [6, 3],
                     opacity: 0.8
                   }
                 ),
-                u.length === 1 && i === "tripwire" && b && /* @__PURE__ */ t(
+                d.length === 1 && i === "tripwire" && b && /* @__PURE__ */ t(
                   G,
                   {
                     points: [
-                      u[0].x * n.w,
-                      u[0].y * n.h,
+                      d[0].x * n.w,
+                      d[0].y * n.h,
                       b.x,
                       b.y
                     ],
@@ -1124,12 +1124,12 @@ function jt({
                     opacity: 0.7
                   }
                 ),
-                b && u.length >= 1 && i !== "tripwire" && /* @__PURE__ */ t(
+                b && d.length >= 1 && i !== "tripwire" && /* @__PURE__ */ t(
                   G,
                   {
                     points: [
-                      u[u.length - 1].x * n.w,
-                      u[u.length - 1].y * n.h,
+                      d[d.length - 1].x * n.w,
+                      d[d.length - 1].y * n.h,
                       b.x,
                       b.y
                     ],
@@ -1139,15 +1139,15 @@ function jt({
                     opacity: 0.5
                   }
                 ),
-                u.map((a, y) => {
+                d.map((a, y) => {
                   const D = Q(a, n.w, n.h), C = y === 0;
                   return /* @__PURE__ */ t(
                     fe,
                     {
                       x: D.x,
                       y: D.y,
-                      radius: C && u.length >= 3 ? 7 : 4,
-                      fill: C && u.length >= 3 ? "#6366f1" : "#ffffff",
+                      radius: C && d.length >= 3 ? 7 : 4,
+                      fill: C && d.length >= 3 ? "#6366f1" : "#ffffff",
                       stroke: "#6366f1",
                       strokeWidth: 1.5,
                       opacity: 0.9
@@ -1159,12 +1159,12 @@ function jt({
             ]
           }
         ),
-        x ? /* @__PURE__ */ t("div", { className: "px-3 py-1.5 bg-zinc-800/80 text-[11px] text-zinc-400 border-t border-zinc-700", children: i === "tripwire" ? "Click to set start point, click again to complete the tripwire" : u.length < 3 ? "Click to add points (min 3). Double-click or click first point to close." : "Continue adding points. Double-click or click first point to close." }) : null
+        x ? /* @__PURE__ */ t("div", { className: "px-3 py-1.5 bg-zinc-800/80 text-[11px] text-zinc-400 border-t border-zinc-700", children: i === "tripwire" ? "Click to set start point, click again to complete the tripwire" : d.length < 3 ? "Click to add points (min 3). Double-click or click first point to close." : "Continue adding points. Double-click or click first point to close." }) : null
       ]
     }
   );
 }
-const Bt = Le(jt), qt = "#3b82f6", me = [
+const Bt = Ae(jt), qt = "#3b82f6", me = [
   "#3b82f6",
   "#10b981",
   "#f59e0b",
@@ -1191,7 +1191,7 @@ function Ht(e) {
     points: [...e.polygon]
   };
 }
-function Me(e) {
+function Se(e) {
   return {
     id: e.id,
     name: e.name,
@@ -1211,14 +1211,14 @@ function zt({ deviceId: e }) {
     async (b) => {
       const m = { ...b, color: Ut(n) };
       try {
-        await r?.zones?.addZone({ zone: Me(m) });
+        await r?.zones?.addZone({ zone: Se(m) });
       } catch (w) {
         console.error("zones.addZone failed", w);
       }
       i?.setSelectedZoneId(m.id), i?.setDrawingKind(null);
     },
     [r, n, i]
-  ), u = P(
+  ), d = P(
     async (b, m) => {
       if (h && h.id === b) {
         i?.updateDraft({ points: m });
@@ -1227,7 +1227,7 @@ function zt({ deviceId: e }) {
       const w = n.find((_) => _.id === b);
       if (w)
         try {
-          await r?.zones?.updateZone({ zone: Me({ ...w, points: m }) });
+          await r?.zones?.updateZone({ zone: Se({ ...w, points: m }) });
         } catch (_) {
           console.error("zones.updateZone failed", _);
         }
@@ -1260,14 +1260,14 @@ function zt({ deviceId: e }) {
       zones: n,
       selectedZoneId: s,
       onSelectZone: Z,
-      onZonePointsChange: u,
+      onZonePointsChange: d,
       onZoneComplete: S,
       drawingKind: c,
       transparent: !0
     }
   );
 }
-const Vt = Le(zt), Gt = "#3b82f6";
+const Vt = Ae(zt), Gt = "#3b82f6";
 function Yt(e) {
   return {
     id: e.id,
@@ -1297,7 +1297,7 @@ function Kt({ deviceId: e }) {
     [e]
   );
   Ze(S);
-  const u = P(
+  const d = P(
     (k) => {
       if (k === null) {
         c?.discardDraft(), c?.setSelectedZoneId(null);
@@ -1357,30 +1357,30 @@ function Kt({ deviceId: e }) {
     color: n.color,
     points: [...n.points]
   }, [i, n]);
-  return /* @__PURE__ */ d("div", { className: $e, children: [
-    /* @__PURE__ */ d("div", { className: Ae, children: [
-      /* @__PURE__ */ t("div", { className: Pe, children: /* @__PURE__ */ d("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ t("h2", { className: ve, children: "Detection Zones" }),
-        /* @__PURE__ */ d("p", { className: `${J} mt-0.5 leading-tight`, children: [
+  return /* @__PURE__ */ u("div", { className: Ge, children: [
+    /* @__PURE__ */ u("div", { className: Ye, children: [
+      /* @__PURE__ */ t("div", { className: Xe, children: /* @__PURE__ */ u("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ t("h2", { className: Ie, children: "Detection Zones" }),
+        /* @__PURE__ */ u("p", { className: `${J} mt-0.5 leading-tight`, children: [
           "Pick a shape below or use the ",
           /* @__PURE__ */ t("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."
         ] })
       ] }) }),
-      /* @__PURE__ */ d("div", { className: `${Ee} flex flex-col gap-3`, children: [
+      /* @__PURE__ */ u("div", { className: `${Ke} flex flex-col gap-3`, children: [
         /* @__PURE__ */ t(
           At,
           {
             zones: i,
             selectedZoneId: h,
             drawingKind: s,
-            onSelectZone: u,
+            onSelectZone: d,
             onDeleteZone: m,
             onStartDraw: w,
             onCancelDraw: _
           }
         ),
-        M && /* @__PURE__ */ d(be, { children: [
+        M && /* @__PURE__ */ u(be, { children: [
           /* @__PURE__ */ t("div", { className: "border-t border-border" }),
           /* @__PURE__ */ t(
             Et,
@@ -1394,9 +1394,9 @@ function Kt({ deviceId: e }) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ d("div", { className: `grid grid-cols-1 2xl:grid-cols-2 ${Qe}`, children: [
-      /* @__PURE__ */ t(Ne, { dev: r, stage: "motion", zones: p }),
-      /* @__PURE__ */ t(Ne, { dev: r, stage: "detection", zones: p })
+    /* @__PURE__ */ u("div", { className: `grid grid-cols-1 2xl:grid-cols-2 ${Qe}`, children: [
+      /* @__PURE__ */ t(we, { dev: r, stage: "motion", zones: p }),
+      /* @__PURE__ */ t(we, { dev: r, stage: "detection", zones: p })
     ] })
   ] });
 }
@@ -1412,7 +1412,7 @@ function Jt({ options: e, cells: o, onCellsChange: r }) {
       _.length = i, _[m] = w, r(_);
     },
     [o, i, r]
-  ), u = P(
+  ), d = P(
     (m) => (w) => {
       w.preventDefault();
       const _ = !o[m];
@@ -1445,7 +1445,7 @@ function Jt({ options: e, cells: o, onCellsChange: r }) {
             type: "button",
             "aria-label": `motion cell ${String(w)}`,
             "aria-pressed": _,
-            onPointerDown: u(w),
+            onPointerDown: d(w),
             onPointerEnter: Z(w),
             className: _ ? "border border-primary/40 bg-primary/30 hover:bg-primary/40 transition-colors" : "border border-white/15 bg-transparent hover:bg-white/10 transition-colors"
           },
@@ -1459,7 +1459,7 @@ function en(e) {
   const o = e instanceof Error ? e.message : String(e);
   return o.includes("provider not available") || o.includes("motion-zones");
 }
-function Ie(e, o) {
+function Me(e, o) {
   const r = o.gridWidth * o.gridHeight, l = new Array(r);
   for (let p = 0; p < r; p += 1) l[p] = e[p] === !0;
   return l;
@@ -1470,7 +1470,7 @@ function tn(e, o) {
   return !0;
 }
 function nn({ deviceId: e }) {
-  const o = ae(), r = le(o.trpcClient, e), [l, p] = L(null), [i, c] = L(!1), [s, h] = L(null), [n, S] = L(null), [u, Z] = L(!1), b = Y(!1);
+  const o = ae(), r = le(o.trpcClient, e), [l, p] = L(null), [i, c] = L(!1), [s, h] = L(null), [n, S] = L(null), [d, Z] = L(!1), b = Y(!1);
   X(() => {
     if (!r) return;
     let f = !1;
@@ -1481,7 +1481,7 @@ function nn({ deviceId: e }) {
         const F = await r.motionZones?.getStatus({});
         if (f || !F) return;
         b.current = !0;
-        const K = Ie(F.cells, g);
+        const K = Me(F.cells, g);
         S(K), h(K);
       } catch (g) {
         if (f) return;
@@ -1510,7 +1510,7 @@ function nn({ deviceId: e }) {
         await r.motionZones.setZone({ patch: { cells: [...s] } });
         const f = await r.motionZones.getStatus({});
         if (f) {
-          const g = Ie(f.cells, l);
+          const g = Me(f.cells, l);
           S(g), h(g);
         }
       } catch (f) {
@@ -1528,84 +1528,79 @@ function nn({ deviceId: e }) {
     } : null,
     [i, l, s]
   );
-  Ze(v);
-  const N = !i && l !== null && s !== null;
-  return /* @__PURE__ */ t("div", { className: $e, children: /* @__PURE__ */ d("div", { className: Ae, children: [
-    /* @__PURE__ */ t("div", { className: Pe, children: /* @__PURE__ */ t("h2", { className: ve, children: "Motion Zones" }) }),
-    /* @__PURE__ */ t("div", { className: `${Ee} flex flex-col gap-3`, children: i ? /* @__PURE__ */ t("p", { className: `${J} leading-relaxed`, children: "This camera doesn't expose an on-board motion-detection grid." }) : N ? /* @__PURE__ */ d(be, { children: [
-      /* @__PURE__ */ d("p", { className: `${J} leading-relaxed`, children: [
-        "Click or drag cells on the live frame to paint the region the camera watches for motion, then",
-        " ",
-        /* @__PURE__ */ t("strong", { className: "text-foreground", children: "Save" }),
-        " to push the mask to the camera. Detection on/off and sensitivity are set in the",
-        " ",
-        /* @__PURE__ */ t("strong", { className: "text-foreground", children: "On-camera motion" }),
-        " section."
+  return Ze(v), /* @__PURE__ */ t("div", { className: "flex flex-col gap-3", children: i ? /* @__PURE__ */ t("p", { className: `${J} leading-relaxed`, children: "This camera doesn't expose an on-board motion-detection grid." }) : !i && l !== null && s !== null ? /* @__PURE__ */ u(be, { children: [
+    /* @__PURE__ */ u("p", { className: `${J} leading-relaxed`, children: [
+      "Click or drag cells on the live frame to paint the region the camera watches for motion, then",
+      " ",
+      /* @__PURE__ */ t("strong", { className: "text-foreground", children: "Save" }),
+      " to push the mask to the camera. Detection on/off and sensitivity are set in the",
+      " ",
+      /* @__PURE__ */ t("strong", { className: "text-foreground", children: "On-camera motion" }),
+      " section."
+    ] }),
+    /* @__PURE__ */ u("div", { className: "flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: () => M(!0),
+          disabled: d,
+          className: "rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors",
+          children: "All on"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: () => M(!1),
+          disabled: d,
+          className: "rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors",
+          children: "All off"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: k,
+          disabled: d,
+          className: "rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors",
+          children: "Invert"
+        }
+      ),
+      /* @__PURE__ */ u("span", { className: `${J} ml-1 tabular-nums`, children: [
+        w,
+        " / ",
+        _,
+        " cells · ",
+        l.gridWidth,
+        "×",
+        l.gridHeight
       ] }),
-      /* @__PURE__ */ d("div", { className: "flex items-center gap-2 flex-wrap", children: [
-        /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: () => M(!0),
-            disabled: u,
-            className: "rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors",
-            children: "All on"
-          }
-        ),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: () => M(!1),
-            disabled: u,
-            className: "rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors",
-            children: "All off"
-          }
-        ),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: k,
-            disabled: u,
-            className: "rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors",
-            children: "Invert"
-          }
-        ),
-        /* @__PURE__ */ d("span", { className: `${J} ml-1 tabular-nums`, children: [
-          w,
-          " / ",
-          _,
-          " cells · ",
-          l.gridWidth,
-          "×",
-          l.gridHeight
-        ] }),
-        /* @__PURE__ */ t("span", { className: "flex-1" }),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: x,
-            disabled: u || !m,
-            className: "rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors",
-            children: "Revert"
-          }
-        ),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: () => void V(),
-            disabled: u || !m,
-            className: "rounded-md border border-primary/50 bg-primary/15 px-2.5 py-1 text-[11px] font-medium text-primary hover:bg-primary/25 disabled:opacity-40 transition-colors",
-            children: u ? "Saving…" : "Save"
-          }
-        )
-      ] })
-    ] }) : /* @__PURE__ */ t("p", { className: `${J} leading-relaxed`, children: "Loading the camera's motion grid…" }) })
-  ] }) });
+      /* @__PURE__ */ t("span", { className: "flex-1" }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: x,
+          disabled: d || !m,
+          className: "rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors",
+          children: "Revert"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: () => void V(),
+          disabled: d || !m,
+          className: "rounded-md border border-primary/50 bg-primary/15 px-2.5 py-1 text-[11px] font-medium text-primary hover:bg-primary/25 disabled:opacity-40 transition-colors",
+          children: d ? "Saving…" : "Save"
+        }
+      )
+    ] })
+  ] }) : /* @__PURE__ */ t("p", { className: `${J} leading-relaxed`, children: "Loading the camera's motion grid…" }) });
 }
 function rn(e) {
   return e.deviceId === void 0 ? /* @__PURE__ */ t("div", { className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning", children: "MotionZonesEditor requires a deviceId" }) : /* @__PURE__ */ t(nn, { deviceId: e.deviceId });