@camstack/addon-benchmark 1.2.79 → 1.2.81

package/dist/{SceneMonitorEditor-qou-N_SK.mjs → SceneMonitorEditor-B8ewoJ9p.mjs}

@@ -1,10 +1,10 @@
 import { c as e, g as t, h as n, p as r, u as i, x as a } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react__loadShare__.js-GeuxDuzQ.mjs";
 import { a as o, c as s, n as c, o as l, r as u, t as d } from "./responsive-7v9yGyBs.mjs";
-import { a as f, c as p, i as m, l as h, n as ee, o as te, r as g, s as _, t as v, u as y } from "./use-device-snapshot-CYhIptV5.mjs";
-import { t as b } from "./trash-2-DrZYv_-G.mjs";
-import { n as x, r as S, t as C } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-SOU_VnTj.mjs";
-import { MaskShapeCanvas as ne } from "./MaskShapeCanvas-BDvrLf-K.mjs";
-var re = s("settings-2", [
+import { a as f, d as p, f as ee, i as m, l as h, n as g, o as te, r as _, s as v, t as ne, u as re } from "./use-device-snapshot-XtO-hagD.mjs";
+import { t as y } from "./trash-2-DrZYv_-G.mjs";
+import { n as b, r as x, t as S } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-SOU_VnTj.mjs";
+import { MaskShapeCanvas as ie } from "./MaskShapeCanvas-BDvrLf-K.mjs";
+var C = s("settings-2", [
 	["path", {
 		d: "M14 17H5",
 		key: "gfn3mx"
@@ -29,7 +29,7 @@ var re = s("settings-2", [
 //#endregion
 //#region ../ui-library/src/composites/cap-settings/SceneReferenceGallery.tsx
 a();
-var w = "/addon/pipeline-analytics/event-media";
+var w = h("/addon/pipeline-analytics/event-media");
 function T(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e.states) n.references.forEach((e, r) => {
@@ -51,37 +51,37 @@ function E(e) {
 var D = "rounded border border-danger/50 bg-danger/10 px-1 py-0.5 text-[10px] font-medium text-danger hover:bg-danger/20 disabled:opacity-40 transition-colors";
 function O({ monitor: e, disabled: n, onDelete: r }) {
 	let i = T(e), a = E(e), [o, s] = t(null);
-	return i.length === 0 ? /* @__PURE__ */ x("p", {
+	return i.length === 0 ? /* @__PURE__ */ b("p", {
 		className: `${d} leading-relaxed`,
 		children: "No photographs captured yet. Press “Capture daylight” to take the one this scene will judge everything against."
-	}) : /* @__PURE__ */ x("div", {
+	}) : /* @__PURE__ */ b("div", {
 		className: "flex flex-col gap-2",
-		children: i.map((e) => /* @__PURE__ */ S("div", {
+		children: i.map((e) => /* @__PURE__ */ x("div", {
 			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ S("p", {
+			children: [/* @__PURE__ */ x("p", {
 				className: "text-[10px] font-semibold uppercase tracking-wide text-foreground-subtle",
 				children: [
-					_(e.condition),
+					v(e.condition),
 					" · ",
 					e.tiles.length
 				]
-			}), /* @__PURE__ */ x("ul", {
+			}), /* @__PURE__ */ b("ul", {
 				className: "flex flex-wrap gap-1.5",
 				children: e.tiles.map((t) => {
 					let i = `${t.stateId}:${String(t.index)}`, c = a === 1, l = o === i;
-					return /* @__PURE__ */ S("li", {
+					return /* @__PURE__ */ x("li", {
 						className: "flex w-24 flex-col gap-1 rounded-md border border-border p-1",
 						children: [
-							/* @__PURE__ */ x(k, { reference: t.reference }),
-							/* @__PURE__ */ x("span", {
+							/* @__PURE__ */ b(k, { reference: t.reference }),
+							/* @__PURE__ */ b("span", {
 								className: `${d} tabular-nums`,
 								children: A(t.reference.capturedAt)
 							}),
-							/* @__PURE__ */ S("button", {
+							/* @__PURE__ */ x("button", {
 								type: "button",
 								className: D,
 								disabled: n,
-								"aria-label": `Delete the ${_(e.condition).toLowerCase()} photograph from ${A(t.reference.capturedAt)}`,
+								"aria-label": `Delete the ${v(e.condition).toLowerCase()} photograph from ${A(t.reference.capturedAt)}`,
 								onClick: () => {
 									if (c && !l) {
 										s(i);
@@ -92,9 +92,9 @@ function O({ monitor: e, disabled: n, onDelete: r }) {
 										index: t.index
 									});
 								},
-								children: [/* @__PURE__ */ x(b, { className: "mr-1 inline h-3 w-3" }), l ? "Confirm" : "Delete"]
+								children: [/* @__PURE__ */ b(y, { className: "mr-1 inline h-3 w-3" }), l ? "Confirm" : "Delete"]
 							}),
-							l && /* @__PURE__ */ x("p", {
+							l && /* @__PURE__ */ b("p", {
 								className: "text-[10px] leading-snug text-warning",
 								children: "This is the only photograph this scene has. Delete it and the scene no longer knows what normal looks like — it stops judging until you capture again."
 							})
@@ -107,14 +107,14 @@ function O({ monitor: e, disabled: n, onDelete: r }) {
 }
 function k({ reference: e }) {
 	let [n, r] = t(!1), i = e.thumbnailMediaId;
-	return i === void 0 || n ? /* @__PURE__ */ S("div", {
+	return i === void 0 || n ? /* @__PURE__ */ x("div", {
 		className: "flex h-16 w-full flex-col items-center justify-center gap-0.5 rounded bg-surface text-foreground-subtle",
 		title: "The picture for this reference is no longer stored. The reference itself is intact and still being scored against.",
-		children: [/* @__PURE__ */ x(h, { className: "h-4 w-4" }), /* @__PURE__ */ x("span", {
+		children: [/* @__PURE__ */ b(p, { className: "h-4 w-4" }), /* @__PURE__ */ b("span", {
 			className: "text-[9px]",
 			children: "no picture"
 		})]
-	}) : /* @__PURE__ */ x("img", {
+	}) : /* @__PURE__ */ b("img", {
 		src: `${w}/${encodeURIComponent(i)}`,
 		alt: "",
 		loading: "lazy",
@@ -166,22 +166,22 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 		...e.check,
 		hysteresisCount: t.hysteresisCount ?? e.check.hysteresisCount
 	}, f = e.confirm?.enabled === !0, p = e.check.mode === "similarity" ? e.check.threshold : null;
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: N,
 				children: [
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: P,
 						children: "What it watches"
 					}),
-					/* @__PURE__ */ S("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: M,
 							children: "Name"
-						}), /* @__PURE__ */ x("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "text",
 							value: a.label,
 							disabled: n,
@@ -197,28 +197,28 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 							}
 						})]
 					}),
-					/* @__PURE__ */ S("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ x("input", {
+						children: [/* @__PURE__ */ b("input", {
 							type: "checkbox",
 							checked: e.enabled,
 							disabled: n,
 							onChange: (e) => l({ enabled: e.target.checked })
-						}), /* @__PURE__ */ x("span", {
+						}), /* @__PURE__ */ b("span", {
 							className: M,
 							children: "Watching"
 						})]
 					}),
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: d,
 						children: "Turned off, the scene keeps its region, its references and its flag — it simply stops checking. Nothing is lost by pausing one for a while."
 					}),
-					/* @__PURE__ */ S("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: M,
 							children: "When to look"
-						}), /* @__PURE__ */ S("select", {
+						}), /* @__PURE__ */ x("select", {
 							value: e.triggerMode,
 							disabled: n,
 							className: j,
@@ -227,31 +227,31 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 								(t === "periodic" || t === "on-motion" || t === "both") && l({ triggerMode: t });
 							},
 							children: [
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "both",
 									children: "On the clock and after motion settles"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "periodic",
 									children: "On the clock only"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "on-motion",
 									children: "After motion settles only"
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: d,
 						children: L[e.triggerMode]
 					}),
-					/* @__PURE__ */ S("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: M,
 							children: "Check every (seconds)"
-						}), /* @__PURE__ */ x("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "number",
 							min: F,
 							max: I,
@@ -269,28 +269,28 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 							}
 						})]
 					}),
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: d,
 						children: "60 s suits “is the bin still out”. Every check costs one photograph and one encode, so going below about 30 s buys latency you almost never need and multiplies the cost by the number of scenes you own."
 					})
 				]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: N,
 				children: [
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: P,
 						children: "How sure it has to be"
 					}),
-					e.check.mode === "similarity" && /* @__PURE__ */ S(C, { children: [/* @__PURE__ */ S("label", {
+					e.check.mode === "similarity" && /* @__PURE__ */ x(S, { children: [/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ S("span", {
+						children: [/* @__PURE__ */ x("span", {
 							className: M,
-							children: ["Match threshold — ", /* @__PURE__ */ x("span", {
+							children: ["Match threshold — ", /* @__PURE__ */ b("span", {
 								className: "tabular-nums",
 								children: a.threshold.toFixed(2)
 							})]
-						}), /* @__PURE__ */ x("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "range",
 							min: .3,
 							max: .99,
@@ -309,16 +309,16 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 								a.threshold === p ? c(!1) : l({ check: u({ threshold: a.threshold }) });
 							}
 						})]
-					}), /* @__PURE__ */ x("p", {
+					}), /* @__PURE__ */ b("p", {
 						className: "text-[10px] text-foreground-subtle",
 						children: "How closely the region still has to resemble the photograph to count as unchanged. Higher means fussier: at 0.95 a passing cloud can read as a change; at 0.60 the bin can be taken and the scene will shrug. 0.80 is a sensible start — if it cries wolf, lower it; if it misses the thing you care about, raise it."
 					})] }),
-					/* @__PURE__ */ S("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: M,
 							children: "Agreeing checks before it changes its mind"
-						}), /* @__PURE__ */ x("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "number",
 							min: 1,
 							max: 10,
@@ -336,16 +336,16 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 							}
 						})]
 					}),
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: d,
 						children: "One bad photograph must never be able to flip a scene. 3 agreeing checks at 60 s is about four minutes of latency and is what makes the answer trustworthy — leaving a state costs exactly the same as entering one."
 					}),
-					/* @__PURE__ */ S("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: M,
 							children: "Quiet for (seconds) before a check counts"
-						}), /* @__PURE__ */ x("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "number",
 							min: 0,
 							max: 3600,
@@ -363,16 +363,16 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 							}
 						})]
 					}),
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: d,
 						children: "A check taken while something is moving is a photograph of the van parked in front of the bin, so it is discarded rather than merely delayed. 0 disables the gate."
 					}),
-					/* @__PURE__ */ S("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: M,
 							children: "Minimum gap between counted checks (seconds)"
-						}), /* @__PURE__ */ x("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "number",
 							min: 0,
 							max: 3600,
@@ -390,25 +390,25 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 							}
 						})]
 					}),
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: d,
 						children: "Spreads the agreeing checks over real time instead of letting three adjacent polls inside one long occlusion be mistaken for three independent opinions."
 					})
 				]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: N,
 				children: [
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: P,
 						children: "Lighting"
 					}),
-					/* @__PURE__ */ S("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: M,
 							children: "When a light has no reference of its own"
-						}), /* @__PURE__ */ S("select", {
+						}), /* @__PURE__ */ x("select", {
 							value: e.onUncoveredCondition,
 							disabled: n,
 							className: j,
@@ -416,34 +416,34 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 								let t = e.target.value;
 								(t === "skip" || t === "judge-anyway") && l({ onUncoveredCondition: t });
 							},
-							children: [/* @__PURE__ */ x("option", {
+							children: [/* @__PURE__ */ b("option", {
 								value: "skip",
 								children: "Skip the check (recommended)"
-							}), /* @__PURE__ */ x("option", {
+							}), /* @__PURE__ */ b("option", {
 								value: "judge-anyway",
 								children: "Judge against the other light anyway"
 							})]
 						})]
 					}),
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: d,
 						children: R[e.onUncoveredCondition]
 					})
 				]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: N,
 				children: [
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: P,
 						children: "What you get told"
 					}),
-					/* @__PURE__ */ S("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: M,
 							children: "Notifications follow"
-						}), /* @__PURE__ */ S("select", {
+						}), /* @__PURE__ */ x("select", {
 							value: e.emit,
 							disabled: n,
 							className: j,
@@ -451,47 +451,47 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 								let t = e.target.value;
 								(t === "latched" || t === "live") && l({ emit: t });
 							},
-							children: [/* @__PURE__ */ x("option", {
+							children: [/* @__PURE__ */ b("option", {
 								value: "latched",
 								children: "The flag — told once, still visible at breakfast"
-							}), /* @__PURE__ */ x("option", {
+							}), /* @__PURE__ */ b("option", {
 								value: "live",
 								children: "The live state — follows the region as it changes"
 							})]
 						})]
 					}),
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: d,
 						children: "“Is the bin gone” is a flag: you want to be told once and still see it later. “Is the gate open” is a live state."
 					}),
-					/* @__PURE__ */ S("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ x("input", {
+						children: [/* @__PURE__ */ b("input", {
 							type: "checkbox",
 							checked: e.autoRestore,
 							disabled: n,
 							onChange: (e) => l({ autoRestore: e.target.checked })
-						}), /* @__PURE__ */ x("span", {
+						}), /* @__PURE__ */ b("span", {
 							className: M,
 							children: "Clear the flag by itself when things look normal again"
 						})]
 					}),
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: d,
 						children: "Off by default, so an alarm never silently clears itself. The “back to normal” moment is recorded either way, so an automation can still react to it."
 					})
 				]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: N,
 				children: [
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: P,
 						children: "AI double-check"
 					}),
-					/* @__PURE__ */ S("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ x("input", {
+						children: [/* @__PURE__ */ b("input", {
 							type: "checkbox",
 							checked: f,
 							disabled: n || a.confirmPrompt.trim().length === 0,
@@ -499,17 +499,17 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 								...H(a.confirmPrompt.trim()),
 								enabled: !0
 							} } : { confirm: null })
-						}), /* @__PURE__ */ x("span", {
+						}), /* @__PURE__ */ b("span", {
 							className: M,
 							children: "Ask a vision model before changing the answer"
 						})]
 					}),
-					/* @__PURE__ */ S("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: M,
 							children: "The question to ask"
-						}), /* @__PURE__ */ x("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "text",
 							value: a.confirmPrompt,
 							placeholder: "e.g. Is the wheelie bin still there?",
@@ -529,11 +529,11 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 							}
 						})]
 					}),
-					/* @__PURE__ */ S("p", {
+					/* @__PURE__ */ x("p", {
 						className: d,
 						children: [
 							"The model is asked ",
-							/* @__PURE__ */ x("strong", { children: "only" }),
+							/* @__PURE__ */ b("strong", { children: "only" }),
 							" when the region has already changed enough to flip the answer — roughly twice a week for a bin, not once a minute. It reasons about the object rather than the pixels, so rain, shadows and a repositioned bin stop counting as the thing being taken. If it cannot be reached, the change is held rather than announced."
 						]
 					})
@@ -561,9 +561,9 @@ var U = "rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-m
 	alarm: "border-danger/50 bg-danger/15 text-danger",
 	ok: "border-success/50 bg-success/15 text-success",
 	unknown: "border-border bg-surface text-foreground-subtle"
-}, q = .8, ie = 3;
-function J({ deviceId: a }) {
-	let s = u(l().trpcClient, a), h = o(s?.state.sceneMonitor), w = v(a, { width: 640 }), [T, E] = t(null), [D, k] = t(!1), [A, j] = t(null), [M, N] = t(null), [P, F] = t(null), [I, L] = t(null), [R, z] = t(!1), [V, H] = t(null), [J, Y] = t(""), X = n(!0);
+}, q = .8, J = 3;
+function Y({ deviceId: a }) {
+	let s = u(l().trpcClient, a), p = o(s?.state.sceneMonitor), h = ne(a, { width: 640 }), [w, T] = t(null), [E, D] = t(!1), [k, A] = t(null), [j, M] = t(null), [N, P] = t(null), [F, I] = t(null), [L, R] = t(!1), [z, V] = t(null), [H, Y] = t(""), X = n(!0);
 	i(() => (X.current = !0, () => {
 		X.current = !1;
 	}), []);
@@ -571,23 +571,23 @@ function J({ deviceId: a }) {
 		if (s) try {
 			let e = await s.sceneMonitor?.listScenes({});
 			if (!X.current) return;
-			e && E(e);
+			e && T(e);
 		} catch (e) {
 			if (!X.current) return;
-			c(e) ? k(!0) : N(e instanceof Error ? e.message : String(e));
+			c(e) ? D(!0) : M(e instanceof Error ? e.message : String(e));
 		}
 	}, [s]);
 	i(() => {
-		E(null), k(!1), N(null), Z();
+		T(null), D(!1), M(null), Z();
 	}, [Z]);
-	let Q = h?.monitors ?? T?.monitors ?? [], ae = Date.now(), $ = e(async (e, t) => {
-		j(e), N(null);
+	let Q = p?.monitors ?? w?.monitors ?? [], ae = Date.now(), $ = e(async (e, t) => {
+		A(e), M(null);
 		try {
 			await t(), await Z();
 		} catch (e) {
-			X.current && N(e instanceof Error ? e.message : String(e));
+			X.current && M(e instanceof Error ? e.message : String(e));
 		} finally {
-			X.current && j(null);
+			X.current && A(null);
 		}
 	}, [Z]), oe = r(() => {
 		let e = Q.map((e) => ({
@@ -596,15 +596,15 @@ function J({ deviceId: a }) {
 			label: e.label,
 			enabled: e.enabled
 		}));
-		return V === null ? e : [...e, {
+		return z === null ? e : [...e, {
 			id: "__draft__",
-			shape: V,
+			shape: z,
 			label: "New scene"
 		}];
-	}, [Q, V]), se = e((e, t) => {
+	}, [Q, z]), se = e((e, t) => {
 		if (t.kind === "rect") {
 			if (e === "__draft__") {
-				H(t);
+				V(t);
 				return;
 			}
 			$(`roi-${String(e)}`, async () => s?.sceneMonitor?.updateScene({
@@ -613,205 +613,205 @@ function J({ deviceId: a }) {
 			}));
 		}
 	}, [s, $]), ce = e((e) => {
-		e.kind === "rect" && H(e);
+		e.kind === "rect" && V(e);
 	}, []), le = e(async () => {
-		V === null || J.trim().length === 0 || (await $("create", async () => {
+		z === null || H.trim().length === 0 || (await $("create", async () => {
 			await s?.sceneMonitor?.createScene({
-				label: J.trim(),
-				roi: V,
+				label: H.trim(),
+				roi: z,
 				check: {
 					mode: "similarity",
 					threshold: q,
-					hysteresisCount: ie
+					hysteresisCount: J
 				}
 			});
-		}), H(null), Y(""), z(!1));
+		}), V(null), Y(""), R(!1));
 	}, [
 		s,
-		V,
-		J,
+		z,
+		H,
 		$
 	]);
-	return s ? /* @__PURE__ */ x("div", {
+	return s ? /* @__PURE__ */ b("div", {
 		className: "flex flex-col gap-3",
-		children: D ? /* @__PURE__ */ x("p", {
+		children: E ? /* @__PURE__ */ b("p", {
 			className: `${d} leading-relaxed`,
 			children: "Scene monitoring is not available for this camera."
-		}) : /* @__PURE__ */ S(C, { children: [
-			/* @__PURE__ */ x("p", {
+		}) : /* @__PURE__ */ x(S, { children: [
+			/* @__PURE__ */ b("p", {
 				className: `${d} leading-relaxed`,
 				children: "A scene watches one region of this camera and tells you when it stops looking like the picture you captured. Draw a box around the thing you care about — a wheelie bin, a gate, a parking space — then capture what “normal” looks like. Daylight is enough to start: the night reference is optional, and without it the scene simply sits the infrared hours out instead of reporting a problem."
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b("div", {
 				className: "relative overflow-hidden rounded-md border border-border",
-				children: /* @__PURE__ */ x(ne, {
+				children: /* @__PURE__ */ b(ie, {
 					items: oe,
 					supportedShapes: ["rect"],
-					selectedId: P ?? (V === null ? null : "__draft__"),
-					onSelect: (e) => F(e === null ? null : String(e)),
+					selectedId: N ?? (z === null ? null : "__draft__"),
+					onSelect: (e) => P(e === null ? null : String(e)),
 					onShapeChange: se,
 					onDrawComplete: ce,
-					drawingKind: R && V === null ? "rect" : null,
-					backdrop: w.src === null ? null : /* @__PURE__ */ x("img", {
-						src: w.src,
+					drawingKind: L && z === null ? "rect" : null,
+					backdrop: h.src === null ? null : /* @__PURE__ */ b("img", {
+						src: h.src,
 						alt: "",
 						className: "h-full w-full object-contain",
 						draggable: !1
 					})
 				})
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ x("button", {
+				children: [/* @__PURE__ */ b("button", {
 					type: "button",
-					className: R ? W : U,
-					"aria-pressed": R,
+					className: L ? W : U,
+					"aria-pressed": L,
 					onClick: () => {
-						z((e) => !e), H(null);
+						R((e) => !e), V(null);
 					},
-					disabled: A !== null,
-					children: R ? "Cancel" : "+ New scene"
-				}), /* @__PURE__ */ x("button", {
+					disabled: k !== null,
+					children: L ? "Cancel" : "+ New scene"
+				}), /* @__PURE__ */ b("button", {
 					type: "button",
 					className: U,
-					onClick: w.refresh,
-					disabled: A !== null,
+					onClick: h.refresh,
+					disabled: k !== null,
 					children: "Refresh frame"
 				})]
 			}),
-			R && /* @__PURE__ */ S("div", {
+			L && /* @__PURE__ */ x("div", {
 				className: "flex flex-col gap-2 rounded-md border border-border bg-surface p-2",
 				children: [
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ b("p", {
 						className: "text-[10px] text-foreground-subtle",
-						children: V === null ? "Click on the frame to drop a box, then drag its corner to fit it around the thing you want watched." : "Name it, then create. You capture what “normal” looks like next."
+						children: z === null ? "Click on the frame to drop a box, then drag its corner to fit it around the thing you want watched." : "Name it, then create. You capture what “normal” looks like next."
 					}),
-					V !== null && f(V) && /* @__PURE__ */ x("p", {
+					z !== null && f(z) && /* @__PURE__ */ b("p", {
 						className: "text-[11px] leading-relaxed text-warning",
 						children: "That box covers most of the frame. A scene that big is dominated by the weather, the sky and passing cars — it will quietly stop noticing the thing you actually care about. Draw it tighter."
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ x("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ x("input", {
+						children: [/* @__PURE__ */ b("input", {
 							type: "text",
-							value: J,
+							value: H,
 							onChange: (e) => Y(e.target.value),
 							placeholder: "e.g. Immondizia prelevata",
 							className: "flex-1 rounded-md border border-border bg-surface px-2 py-1 text-[12px] text-foreground"
-						}), /* @__PURE__ */ x("button", {
+						}), /* @__PURE__ */ b("button", {
 							type: "button",
 							className: W,
 							onClick: () => void le(),
-							disabled: V === null || J.trim().length === 0 || A !== null,
+							disabled: z === null || H.trim().length === 0 || k !== null,
 							children: "Create"
 						})]
 					})
 				]
 			}),
-			M !== null && /* @__PURE__ */ x("p", {
+			j !== null && /* @__PURE__ */ b("p", {
 				className: "text-[11px] leading-relaxed text-danger",
-				children: M
+				children: j
 			}),
-			Q.length === 0 ? /* @__PURE__ */ x("p", {
+			Q.length === 0 ? /* @__PURE__ */ b("p", {
 				className: `${d} leading-relaxed`,
 				children: "No scenes on this camera yet."
-			}) : /* @__PURE__ */ x("ul", {
+			}) : /* @__PURE__ */ b("ul", {
 				className: "flex flex-col gap-2",
 				children: Q.map((e) => {
-					let t = g(e);
-					return /* @__PURE__ */ S("li", {
-						className: `flex flex-col gap-1.5 rounded-md border p-2 ${P === e.id ? "border-primary/50" : "border-border"}`,
+					let t = _(e);
+					return /* @__PURE__ */ x("li", {
+						className: `flex flex-col gap-1.5 rounded-md border p-2 ${N === e.id ? "border-primary/50" : "border-border"}`,
 						children: [
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ x("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ x("button", {
+								children: [/* @__PURE__ */ b("button", {
 									type: "button",
 									className: "flex-1 text-left text-[12px] font-medium text-foreground",
-									onClick: () => F(e.id),
+									onClick: () => P(e.id),
 									children: e.label
-								}), /* @__PURE__ */ x("span", {
+								}), /* @__PURE__ */ b("span", {
 									className: `rounded border px-1.5 py-0.5 text-[10px] font-medium ${K[t.tone]}`,
 									children: t.text
 								})]
 							}),
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ b("p", {
 								className: `${d} leading-relaxed`,
 								children: te(e, ae)
 							}),
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ b("p", {
 								className: `${d} tabular-nums`,
 								children: m(e)
 							}),
-							/* @__PURE__ */ x(O, {
+							/* @__PURE__ */ b(O, {
 								monitor: e,
-								disabled: A !== null,
+								disabled: k !== null,
 								onDelete: ({ stateId: t, index: n }) => void $(`refdel-${e.id}-${t}-${String(n)}`, async () => s.sceneMonitor?.deleteReference({
 									monitorId: e.id,
 									stateId: t,
 									index: n
 								}))
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ x("div", {
 								className: "flex flex-wrap items-center gap-1.5",
 								children: [
-									ee.map((t) => {
+									g.map((t) => {
 										let n = t === "ir";
-										return /* @__PURE__ */ S("button", {
+										return /* @__PURE__ */ x("button", {
 											type: "button",
 											className: U,
-											disabled: A !== null,
-											title: n ? "Optional. Without a night reference the checks in infrared are simply skipped — the scene keeps working in daylight and nothing is reported as broken." : `Take a fresh photo now and store it as the ${_(t).toLowerCase()} reference`,
+											disabled: k !== null,
+											title: n ? "Optional. Without a night reference the checks in infrared are simply skipped — the scene keeps working in daylight and nothing is reported as broken." : `Take a fresh photo now and store it as the ${v(t).toLowerCase()} reference`,
 											onClick: () => void $(`cap-${e.id}-${t}`, async () => s.sceneMonitor?.captureReference({
 												monitorId: e.id,
 												condition: t
 											})),
 											children: [
-												/* @__PURE__ */ x(y, { className: "mr-1 inline h-3 w-3" }),
+												/* @__PURE__ */ b(ee, { className: "mr-1 inline h-3 w-3" }),
 												"Capture ",
-												_(t).toLowerCase(),
-												n && /* @__PURE__ */ x("span", {
+												v(t).toLowerCase(),
+												n && /* @__PURE__ */ b("span", {
 													className: "ml-1 text-foreground-subtle/70",
 													children: "(optional)"
 												})
 											]
 										}, t);
 									}),
-									/* @__PURE__ */ S("button", {
+									/* @__PURE__ */ x("button", {
 										type: "button",
 										className: W,
-										disabled: A !== null || e.states.length === 0,
+										disabled: k !== null || e.states.length === 0,
 										title: "Clear the flag and re-photograph what normal looks like right now",
 										onClick: () => void $(`reset-${e.id}`, async () => s.sceneMonitor?.resetScene({ monitorId: e.id })),
-										children: [/* @__PURE__ */ x(p, { className: "mr-1 inline h-3 w-3" }), "Reset"]
+										children: [/* @__PURE__ */ b(re, { className: "mr-1 inline h-3 w-3" }), "Reset"]
 									}),
-									/* @__PURE__ */ x("button", {
+									/* @__PURE__ */ b("button", {
 										type: "button",
 										className: U,
-										disabled: A !== null,
+										disabled: k !== null,
 										onClick: () => void $(`check-${e.id}`, async () => s.sceneMonitor?.recheckNow({ monitorId: e.id })),
 										children: "Check now"
 									}),
-									/* @__PURE__ */ S("button", {
+									/* @__PURE__ */ x("button", {
 										type: "button",
-										className: I === e.id ? W : U,
-										"aria-pressed": I === e.id,
+										className: F === e.id ? W : U,
+										"aria-pressed": F === e.id,
 										"aria-label": `Settings for ${e.label}`,
-										disabled: A !== null,
-										onClick: () => L((t) => t === e.id ? null : e.id),
-										children: [/* @__PURE__ */ x(re, { className: "mr-1 inline h-3 w-3" }), "Settings"]
+										disabled: k !== null,
+										onClick: () => I((t) => t === e.id ? null : e.id),
+										children: [/* @__PURE__ */ b(C, { className: "mr-1 inline h-3 w-3" }), "Settings"]
 									}),
-									/* @__PURE__ */ x("button", {
+									/* @__PURE__ */ b("button", {
 										type: "button",
 										className: G,
-										disabled: A !== null,
+										disabled: k !== null,
 										onClick: () => void $(`del-${e.id}`, async () => s.sceneMonitor?.deleteScene({ monitorId: e.id })),
-										children: /* @__PURE__ */ x(b, { className: "h-3 w-3" })
+										children: /* @__PURE__ */ b(y, { className: "h-3 w-3" })
 									})
 								]
 							}),
-							I === e.id && /* @__PURE__ */ x(B, {
+							F === e.id && /* @__PURE__ */ b(B, {
 								monitor: e,
-								disabled: A !== null,
+								disabled: k !== null,
 								onPatch: (t) => void $(`tune-${e.id}`, async () => s.sceneMonitor?.updateScene({
 									monitorId: e.id,
 									patch: t
@@ -825,4 +825,4 @@ function J({ deviceId: a }) {
 	}) : null;
 }
 //#endregion
-export { J as SceneMonitorEditor };
+export { Y as SceneMonitorEditor };