@camstack/addon-osd-manager 0.1.124 → 0.1.126

package/dist/{SceneMonitorEditor-D2ATIIZD.mjs → SceneMonitorEditor-DAqbVCgr.mjs}

@@ -1,10 +1,10 @@
 import { c as e, h as t, m as n, p as r, u as i, y as a } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-Bs1t18EM.mjs";
-import { a as o, i as s, n as c, r as l, s as u, t as d } from "./responsive-CC0j2h-d.mjs";
-import { a as f, c as p, d as ee, i as m, l as h, n as g, o as _, r as v, s as y, t as b, u as x } from "./scene-monitor-copy-CjiHJ4pT.mjs";
-import { t as S } from "./trash-2-rb-x3jwf.mjs";
-import { n as C, r as w, t as T } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
-import { MaskShapeCanvas as E } from "./MaskShapeCanvas-BEVxAjNq.mjs";
-var D = u("settings-2", [
+import { a as o, i as s, n as c, r as l, s as u, t as d } from "./cap-error-hton7JwR.mjs";
+import { a as f, c as p, d as ee, i as m, l as h, n as g, o as _, r as te, s as ne, t as re, u as v } from "./scene-monitor-copy-CLKtgPk1.mjs";
+import { t as y } from "./trash-2-BYTSgKQu.mjs";
+import { n as b, r as x, t as S } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
+import { MaskShapeCanvas as C } from "./MaskShapeCanvas-BEVxAjNq.mjs";
+var ie = u("settings-2", [
 	["path", {
 		d: "M14 17H5",
 		key: "gfn3mx"
@@ -29,11 +29,11 @@ var D = u("settings-2", [
 //#endregion
 //#region ../ui-library/src/composites/cap-settings/SceneReferenceGallery.tsx
 a();
-var O = p("/addon/pipeline-analytics/event-media");
-function k(e) {
-	return `${O}/m/${e}`;
+var w = p("/addon/pipeline-analytics/event-media");
+function T(e) {
+	return `${w}/m/${e}`;
 }
-function A(e) {
+function E(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e.states) n.references.forEach((e, r) => {
 		let i = t.get(e.condition) ?? [];
@@ -48,45 +48,45 @@ function A(e) {
 		tiles: [...t].sort((e, t) => t.reference.capturedAt - e.reference.capturedAt)
 	})).sort((e, t) => e.condition.localeCompare(t.condition));
 }
-function j(e) {
+function D(e) {
 	return e.states.reduce((e, t) => e + t.references.length, 0);
 }
-var M = "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 te({ monitor: e, disabled: n, onDelete: r }) {
-	let i = A(e), a = j(e), [o, s] = t(null);
-	return i.length === 0 ? /* @__PURE__ */ C("p", {
-		className: `${d} leading-relaxed`,
+var O = "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 k({ monitor: e, disabled: n, onDelete: r }) {
+	let i = E(e), a = D(e), [o, s] = t(null);
+	return i.length === 0 ? /* @__PURE__ */ b("p", {
+		className: `${c} leading-relaxed`,
 		children: "No photographs captured yet. Press “Capture daylight” to take the one this scene will judge everything against."
-	}) : /* @__PURE__ */ C("div", {
+	}) : /* @__PURE__ */ b("div", {
 		className: "flex flex-col gap-2",
-		children: i.map((e) => /* @__PURE__ */ w("div", {
+		children: i.map((e) => /* @__PURE__ */ x("div", {
 			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ w("p", {
+			children: [/* @__PURE__ */ x("p", {
 				className: "text-[10px] font-semibold uppercase tracking-wide text-foreground-subtle",
 				children: [
 					_(e.condition),
 					" · ",
 					e.tiles.length
 				]
-			}), /* @__PURE__ */ C("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__ */ w("li", {
+					let i = `${t.stateId}:${String(t.index)}`, l = a === 1, u = o === i;
+					return /* @__PURE__ */ x("li", {
 						className: "flex w-24 flex-col gap-1 rounded-md border border-border p-1",
 						children: [
-							/* @__PURE__ */ C(N, { reference: t.reference }),
-							/* @__PURE__ */ C("span", {
-								className: `${d} tabular-nums`,
-								children: P(t.reference.capturedAt)
+							/* @__PURE__ */ b(A, { reference: t.reference }),
+							/* @__PURE__ */ b("span", {
+								className: `${c} tabular-nums`,
+								children: j(t.reference.capturedAt)
 							}),
-							/* @__PURE__ */ w("button", {
+							/* @__PURE__ */ x("button", {
 								type: "button",
-								className: M,
+								className: O,
 								disabled: n,
-								"aria-label": `Delete the ${_(e.condition).toLowerCase()} photograph from ${P(t.reference.capturedAt)}`,
+								"aria-label": `Delete the ${_(e.condition).toLowerCase()} photograph from ${j(t.reference.capturedAt)}`,
 								onClick: () => {
-									if (c && !l) {
+									if (l && !u) {
 										s(i);
 										return;
 									}
@@ -95,9 +95,9 @@ function te({ monitor: e, disabled: n, onDelete: r }) {
 										index: t.index
 									});
 								},
-								children: [/* @__PURE__ */ C(S, { className: "mr-1 inline h-3 w-3" }), l ? "Confirm" : "Delete"]
+								children: [/* @__PURE__ */ b(y, { className: "mr-1 inline h-3 w-3" }), u ? "Confirm" : "Delete"]
 							}),
-							l && /* @__PURE__ */ C("p", {
+							u && /* @__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."
 							})
@@ -108,24 +108,24 @@ function te({ monitor: e, disabled: n, onDelete: r }) {
 		}, e.condition))
 	});
 }
-function N({ reference: e }) {
+function A({ reference: e }) {
 	let [n, r] = t(!1), i = e.thumbnailMediaId;
-	return i === void 0 || n ? /* @__PURE__ */ w("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__ */ C(x, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", {
+		children: [/* @__PURE__ */ b(v, { className: "h-4 w-4" }), /* @__PURE__ */ b("span", {
 			className: "text-[9px]",
 			children: "no picture"
 		})]
-	}) : /* @__PURE__ */ C("img", {
-		src: k(i),
+	}) : /* @__PURE__ */ b("img", {
+		src: T(i),
 		alt: "",
 		loading: "lazy",
 		className: "h-16 w-full rounded object-cover",
 		onError: () => r(!0)
 	});
 }
-function P(e) {
+function j(e) {
 	let t = new Date(e);
 	return `${t.toLocaleDateString()} ${t.toLocaleTimeString([], {
 		hour: "2-digit",
@@ -135,15 +135,15 @@ function P(e) {
 //#endregion
 //#region ../ui-library/src/composites/cap-settings/SceneSettingsForm.tsx
 a();
-var F = "rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground focus:border-primary focus:outline-none disabled:opacity-50", I = "text-[10px] font-medium text-foreground-subtle", L = "flex flex-col gap-2 rounded-md border border-border bg-surface/40 p-2", R = "text-[10px] font-semibold uppercase tracking-wide text-foreground-subtle", z = 5, B = 3600, V = {
+var M = "rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground focus:border-primary focus:outline-none disabled:opacity-50", N = "text-[10px] font-medium text-foreground-subtle", P = "flex flex-col gap-2 rounded-md border border-border bg-surface/40 p-2", F = "text-[10px] font-semibold uppercase tracking-wide text-foreground-subtle", I = 5, L = 3600, R = {
 	periodic: "Only on the clock. Predictable, and it notices a change even on a camera nothing ever moves in front of.",
 	"on-motion": "Only after the camera has been still again for the quiet window below. Cheapest, but a change nobody walks past is never seen.",
 	both: "Both — the clock is the safety net that lets the motion path miss. This is the right answer for almost every scene."
-}, H = {
+}, z = {
 	skip: "Sit that light out. No verdict, no alarm, no flag touched — it picks itself back up when a light it knows returns. This is why the night capture is optional.",
 	"judge-anyway": "Compare against the references you do have. Only correct when the two lights genuinely look alike (a floodlit driveway, an indoor lamp) — against a real infrared frame it will report a change that did not happen."
 };
-function U(e) {
+function B(e) {
 	return {
 		label: e.label,
 		checkIntervalSec: e.checkIntervalSec ?? 60,
@@ -154,14 +154,14 @@ function U(e) {
 		confirmPrompt: e.confirm?.prompt ?? ""
 	};
 }
-function W({ monitor: e, disabled: n, onPatch: r }) {
-	let [a, o] = t(() => U(e)), [s, c] = t(!1);
+function V({ monitor: e, disabled: n, onPatch: r }) {
+	let [a, o] = t(() => B(e)), [s, l] = t(!1);
 	i(() => {
-		s || o(U(e));
+		s || o(B(e));
 	}, [e, s]);
-	let l = (e) => {
-		c(!1), r(e);
-	}, u = (t) => e.check.mode === "similarity" ? {
+	let u = (e) => {
+		l(!1), r(e);
+	}, d = (t) => e.check.mode === "similarity" ? {
 		mode: "similarity",
 		threshold: t.threshold ?? e.check.threshold,
 		hysteresisCount: t.hysteresisCount ?? e.check.hysteresisCount
@@ -169,374 +169,374 @@ function W({ 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__ */ w("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ w("div", {
-				className: L,
+			/* @__PURE__ */ x("div", {
+				className: P,
 				children: [
-					/* @__PURE__ */ C("p", {
-						className: R,
+					/* @__PURE__ */ b("p", {
+						className: F,
 						children: "What it watches"
 					}),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ b("span", {
+							className: N,
 							children: "Name"
-						}), /* @__PURE__ */ C("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "text",
 							value: a.label,
 							disabled: n,
-							className: F,
-							onFocus: () => c(!0),
+							className: M,
+							onFocus: () => l(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								label: e.target.value
 							})),
 							onBlur: () => {
 								let t = a.label.trim();
-								t.length > 0 && t !== e.label ? l({ label: t }) : c(!1);
+								t.length > 0 && t !== e.label ? u({ label: t }) : l(!1);
 							}
 						})]
 					}),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ C("input", {
+						children: [/* @__PURE__ */ b("input", {
 							type: "checkbox",
 							checked: e.enabled,
 							disabled: n,
-							onChange: (e) => l({ enabled: e.target.checked })
-						}), /* @__PURE__ */ C("span", {
-							className: I,
+							onChange: (e) => u({ enabled: e.target.checked })
+						}), /* @__PURE__ */ b("span", {
+							className: N,
 							children: "Watching"
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
-						className: d,
+					/* @__PURE__ */ b("p", {
+						className: c,
 						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__ */ w("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ b("span", {
+							className: N,
 							children: "When to look"
-						}), /* @__PURE__ */ w("select", {
+						}), /* @__PURE__ */ x("select", {
 							value: e.triggerMode,
 							disabled: n,
-							className: F,
+							className: M,
 							onChange: (e) => {
 								let t = e.target.value;
-								(t === "periodic" || t === "on-motion" || t === "both") && l({ triggerMode: t });
+								(t === "periodic" || t === "on-motion" || t === "both") && u({ triggerMode: t });
 							},
 							children: [
-								/* @__PURE__ */ C("option", {
+								/* @__PURE__ */ b("option", {
 									value: "both",
 									children: "On the clock and after motion settles"
 								}),
-								/* @__PURE__ */ C("option", {
+								/* @__PURE__ */ b("option", {
 									value: "periodic",
 									children: "On the clock only"
 								}),
-								/* @__PURE__ */ C("option", {
+								/* @__PURE__ */ b("option", {
 									value: "on-motion",
 									children: "After motion settles only"
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
-						className: d,
-						children: V[e.triggerMode]
+					/* @__PURE__ */ b("p", {
+						className: c,
+						children: R[e.triggerMode]
 					}),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ b("span", {
+							className: N,
 							children: "Check every (seconds)"
-						}), /* @__PURE__ */ C("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "number",
-							min: z,
-							max: B,
+							min: I,
+							max: L,
 							value: a.checkIntervalSec,
 							disabled: n,
-							className: F,
-							onFocus: () => c(!0),
+							className: M,
+							onFocus: () => l(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								checkIntervalSec: Number(e.target.value) || 0
 							})),
 							onBlur: () => {
-								let t = G(a.checkIntervalSec, z, B);
-								t === e.checkIntervalSec ? c(!1) : l({ checkIntervalSec: t });
+								let t = H(a.checkIntervalSec, I, L);
+								t === e.checkIntervalSec ? l(!1) : u({ checkIntervalSec: t });
 							}
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
-						className: d,
+					/* @__PURE__ */ b("p", {
+						className: c,
 						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__ */ w("div", {
-				className: L,
+			/* @__PURE__ */ x("div", {
+				className: P,
 				children: [
-					/* @__PURE__ */ C("p", {
-						className: R,
+					/* @__PURE__ */ b("p", {
+						className: F,
 						children: "How sure it has to be"
 					}),
-					e.check.mode === "similarity" && /* @__PURE__ */ w(T, { children: [/* @__PURE__ */ w("label", {
+					e.check.mode === "similarity" && /* @__PURE__ */ x(S, { children: [/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ w("span", {
-							className: I,
-							children: ["Match threshold — ", /* @__PURE__ */ C("span", {
+						children: [/* @__PURE__ */ x("span", {
+							className: N,
+							children: ["Match threshold — ", /* @__PURE__ */ b("span", {
 								className: "tabular-nums",
 								children: a.threshold.toFixed(2)
 							})]
-						}), /* @__PURE__ */ C("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "range",
 							min: .3,
 							max: .99,
 							step: .01,
 							value: a.threshold,
 							disabled: n,
-							onFocus: () => c(!0),
+							onFocus: () => l(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								threshold: Number(e.target.value)
 							})),
 							onMouseUp: () => {
-								a.threshold === p ? c(!1) : l({ check: u({ threshold: a.threshold }) });
+								a.threshold === p ? l(!1) : u({ check: d({ threshold: a.threshold }) });
 							},
 							onBlur: () => {
-								a.threshold === p ? c(!1) : l({ check: u({ threshold: a.threshold }) });
+								a.threshold === p ? l(!1) : u({ check: d({ threshold: a.threshold }) });
 							}
 						})]
-					}), /* @__PURE__ */ C("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__ */ w("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ b("span", {
+							className: N,
 							children: "Agreeing checks before it changes its mind"
-						}), /* @__PURE__ */ C("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "number",
 							min: 1,
 							max: 10,
 							value: a.hysteresisCount,
 							disabled: n,
-							className: F,
-							onFocus: () => c(!0),
+							className: M,
+							onFocus: () => l(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								hysteresisCount: Number(e.target.value) || 1
 							})),
 							onBlur: () => {
-								let t = G(a.hysteresisCount, 1, 10);
-								t === e.check.hysteresisCount ? c(!1) : l({ check: u({ hysteresisCount: t }) });
+								let t = H(a.hysteresisCount, 1, 10);
+								t === e.check.hysteresisCount ? l(!1) : u({ check: d({ hysteresisCount: t }) });
 							}
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
-						className: d,
+					/* @__PURE__ */ b("p", {
+						className: c,
 						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__ */ w("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ b("span", {
+							className: N,
 							children: "Quiet for (seconds) before a check counts"
-						}), /* @__PURE__ */ C("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "number",
 							min: 0,
 							max: 3600,
 							value: a.quietSeconds,
 							disabled: n,
-							className: F,
-							onFocus: () => c(!0),
+							className: M,
+							onFocus: () => l(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								quietSeconds: Number(e.target.value) || 0
 							})),
 							onBlur: () => {
-								let t = G(a.quietSeconds, 0, 3600);
-								t === e.quietSeconds ? c(!1) : l({ quietSeconds: t });
+								let t = H(a.quietSeconds, 0, 3600);
+								t === e.quietSeconds ? l(!1) : u({ quietSeconds: t });
 							}
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
-						className: d,
+					/* @__PURE__ */ b("p", {
+						className: c,
 						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__ */ w("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ b("span", {
+							className: N,
 							children: "Minimum gap between counted checks (seconds)"
-						}), /* @__PURE__ */ C("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "number",
 							min: 0,
 							max: 3600,
 							value: a.minObservationSpacingSec,
 							disabled: n,
-							className: F,
-							onFocus: () => c(!0),
+							className: M,
+							onFocus: () => l(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								minObservationSpacingSec: Number(e.target.value) || 0
 							})),
 							onBlur: () => {
-								let t = G(a.minObservationSpacingSec, 0, 3600);
-								t === e.minObservationSpacingSec ? c(!1) : l({ minObservationSpacingSec: t });
+								let t = H(a.minObservationSpacingSec, 0, 3600);
+								t === e.minObservationSpacingSec ? l(!1) : u({ minObservationSpacingSec: t });
 							}
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
-						className: d,
+					/* @__PURE__ */ b("p", {
+						className: c,
 						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__ */ w("div", {
-				className: L,
+			/* @__PURE__ */ x("div", {
+				className: P,
 				children: [
-					/* @__PURE__ */ C("p", {
-						className: R,
+					/* @__PURE__ */ b("p", {
+						className: F,
 						children: "Lighting"
 					}),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ b("span", {
+							className: N,
 							children: "When a light has no reference of its own"
-						}), /* @__PURE__ */ w("select", {
+						}), /* @__PURE__ */ x("select", {
 							value: e.onUncoveredCondition,
 							disabled: n,
-							className: F,
+							className: M,
 							onChange: (e) => {
 								let t = e.target.value;
-								(t === "skip" || t === "judge-anyway") && l({ onUncoveredCondition: t });
+								(t === "skip" || t === "judge-anyway") && u({ onUncoveredCondition: t });
 							},
-							children: [/* @__PURE__ */ C("option", {
+							children: [/* @__PURE__ */ b("option", {
 								value: "skip",
 								children: "Skip the check (recommended)"
-							}), /* @__PURE__ */ C("option", {
+							}), /* @__PURE__ */ b("option", {
 								value: "judge-anyway",
 								children: "Judge against the other light anyway"
 							})]
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
-						className: d,
-						children: H[e.onUncoveredCondition]
+					/* @__PURE__ */ b("p", {
+						className: c,
+						children: z[e.onUncoveredCondition]
 					})
 				]
 			}),
-			/* @__PURE__ */ w("div", {
-				className: L,
+			/* @__PURE__ */ x("div", {
+				className: P,
 				children: [
-					/* @__PURE__ */ C("p", {
-						className: R,
+					/* @__PURE__ */ b("p", {
+						className: F,
 						children: "What you get told"
 					}),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ b("span", {
+							className: N,
 							children: "Notifications follow"
-						}), /* @__PURE__ */ w("select", {
+						}), /* @__PURE__ */ x("select", {
 							value: e.emit,
 							disabled: n,
-							className: F,
+							className: M,
 							onChange: (e) => {
 								let t = e.target.value;
-								(t === "latched" || t === "live") && l({ emit: t });
+								(t === "latched" || t === "live") && u({ emit: t });
 							},
-							children: [/* @__PURE__ */ C("option", {
+							children: [/* @__PURE__ */ b("option", {
 								value: "latched",
 								children: "The flag — told once, still visible at breakfast"
-							}), /* @__PURE__ */ C("option", {
+							}), /* @__PURE__ */ b("option", {
 								value: "live",
 								children: "The live state — follows the region as it changes"
 							})]
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
-						className: d,
+					/* @__PURE__ */ b("p", {
+						className: c,
 						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__ */ w("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ C("input", {
+						children: [/* @__PURE__ */ b("input", {
 							type: "checkbox",
 							checked: e.autoRestore,
 							disabled: n,
-							onChange: (e) => l({ autoRestore: e.target.checked })
-						}), /* @__PURE__ */ C("span", {
-							className: I,
+							onChange: (e) => u({ autoRestore: e.target.checked })
+						}), /* @__PURE__ */ b("span", {
+							className: N,
 							children: "Clear the flag by itself when things look normal again"
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
-						className: d,
+					/* @__PURE__ */ b("p", {
+						className: c,
 						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__ */ w("div", {
-				className: L,
+			/* @__PURE__ */ x("div", {
+				className: P,
 				children: [
-					/* @__PURE__ */ C("p", {
-						className: R,
+					/* @__PURE__ */ b("p", {
+						className: F,
 						children: "AI double-check"
 					}),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ C("input", {
+						children: [/* @__PURE__ */ b("input", {
 							type: "checkbox",
 							checked: f,
 							disabled: n || a.confirmPrompt.trim().length === 0,
-							onChange: (e) => l(e.target.checked ? { confirm: {
-								...K(a.confirmPrompt.trim()),
+							onChange: (e) => u(e.target.checked ? { confirm: {
+								...U(a.confirmPrompt.trim()),
 								enabled: !0
 							} } : { confirm: null })
-						}), /* @__PURE__ */ C("span", {
-							className: I,
+						}), /* @__PURE__ */ b("span", {
+							className: N,
 							children: "Ask a vision model before changing the answer"
 						})]
 					}),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ x("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ b("span", {
+							className: N,
 							children: "The question to ask"
-						}), /* @__PURE__ */ C("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "text",
 							value: a.confirmPrompt,
 							placeholder: "e.g. Is the wheelie bin still there?",
 							disabled: n,
-							className: F,
-							onFocus: () => c(!0),
+							className: M,
+							onFocus: () => l(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								confirmPrompt: e.target.value
 							})),
 							onBlur: () => {
 								let t = a.confirmPrompt.trim();
-								t.length > 0 && t !== e.confirm?.prompt ? l({ confirm: {
-									...K(t),
+								t.length > 0 && t !== e.confirm?.prompt ? u({ confirm: {
+									...U(t),
 									enabled: f
-								} }) : c(!1);
+								} }) : l(!1);
 							}
 						})]
 					}),
-					/* @__PURE__ */ w("p", {
-						className: d,
+					/* @__PURE__ */ x("p", {
+						className: c,
 						children: [
 							"The model is asked ",
-							/* @__PURE__ */ C("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."
 						]
 					})
@@ -545,10 +545,10 @@ function W({ monitor: e, disabled: n, onPatch: r }) {
 		]
 	});
 }
-function G(e, t, n) {
+function H(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function K(e) {
+function U(e) {
 	return {
 		enabled: !1,
 		prompt: e,
@@ -560,13 +560,13 @@ function K(e) {
 //#endregion
 //#region ../ui-library/src/composites/cap-settings/SceneMonitorEditor.tsx
 a();
-var q = "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", J = "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", Y = "rounded-md border border-danger/50 bg-danger/10 px-2 py-1 text-[11px] font-medium text-danger hover:bg-danger/20 disabled:opacity-40 transition-colors", ne = {
+var W = "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", G = "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", K = "rounded-md border border-danger/50 bg-danger/10 px-2 py-1 text-[11px] font-medium text-danger hover:bg-danger/20 disabled:opacity-40 transition-colors", q = {
 	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"
-}, re = .8, ie = 3;
+}, J = .8, Y = 3;
 function X({ deviceId: a }) {
-	let u = l(o().trpcClient, a), p = s(u?.state.sceneMonitor), x = y(a, { width: 640 }), [O, k] = t(null), [A, j] = t(!1), [M, N] = t(null), [P, F] = t(null), [I, L] = t(null), [R, z] = t(null), [B, V] = t(!1), [H, U] = t(null), [G, K] = t(""), X = n(!0);
+	let u = l(o().trpcClient, a), p = s(u?.state.sceneMonitor), v = ne(a, { width: 640 }), [w, T] = t(null), [E, D] = t(!1), [O, A] = t(null), [j, M] = t(null), [N, P] = t(null), [F, I] = t(null), [L, R] = t(!1), [z, B] = t(null), [H, U] = t(""), X = n(!0);
 	i(() => (X.current = !0, () => {
 		X.current = !1;
 	}), []);
@@ -574,23 +574,23 @@ function X({ deviceId: a }) {
 		if (u) try {
 			let e = await u.sceneMonitor?.listScenes({});
 			if (!X.current) return;
-			e && k(e);
+			e && T(e);
 		} catch (e) {
 			if (!X.current) return;
-			c(e) ? j(!0) : F(e instanceof Error ? e.message : String(e));
+			d(e) ? D(!0) : M(e instanceof Error ? e.message : String(e));
 		}
 	}, [u]);
 	i(() => {
-		k(null), j(!1), F(null), Z();
+		T(null), D(!1), M(null), Z();
 	}, [Z]);
-	let Q = p?.monitors ?? O?.monitors ?? [], ae = Date.now(), $ = e(async (e, t) => {
-		N(e), F(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 && F(e instanceof Error ? e.message : String(e));
+			X.current && M(e instanceof Error ? e.message : String(e));
 		} finally {
-			X.current && N(null);
+			X.current && A(null);
 		}
 	}, [Z]), oe = r(() => {
 		let e = Q.map((e) => ({
@@ -599,15 +599,15 @@ function X({ deviceId: a }) {
 			label: e.label,
 			enabled: e.enabled
 		}));
-		return H === null ? e : [...e, {
+		return z === null ? e : [...e, {
 			id: "__draft__",
-			shape: H,
+			shape: z,
 			label: "New scene"
 		}];
-	}, [Q, H]), se = e((e, t) => {
+	}, [Q, z]), se = e((e, t) => {
 		if (t.kind === "rect") {
 			if (e === "__draft__") {
-				U(t);
+				B(t);
 				return;
 			}
 			$(`roi-${String(e)}`, async () => u?.sceneMonitor?.updateScene({
@@ -616,205 +616,205 @@ function X({ deviceId: a }) {
 			}));
 		}
 	}, [u, $]), ce = e((e) => {
-		e.kind === "rect" && U(e);
+		e.kind === "rect" && B(e);
 	}, []), le = e(async () => {
-		H === null || G.trim().length === 0 || (await $("create", async () => {
+		z === null || H.trim().length === 0 || (await $("create", async () => {
 			await u?.sceneMonitor?.createScene({
-				label: G.trim(),
-				roi: H,
+				label: H.trim(),
+				roi: z,
 				check: {
 					mode: "similarity",
-					threshold: re,
-					hysteresisCount: ie
+					threshold: J,
+					hysteresisCount: Y
 				}
 			});
-		}), U(null), K(""), V(!1));
+		}), B(null), U(""), R(!1));
 	}, [
 		u,
+		z,
 		H,
-		G,
 		$
 	]);
-	return u ? /* @__PURE__ */ C("div", {
+	return u ? /* @__PURE__ */ b("div", {
 		className: "flex flex-col gap-3",
-		children: A ? /* @__PURE__ */ C("p", {
-			className: `${d} leading-relaxed`,
+		children: E ? /* @__PURE__ */ b("p", {
+			className: `${c} leading-relaxed`,
 			children: "Scene monitoring is not available for this camera."
-		}) : /* @__PURE__ */ w(T, { children: [
-			/* @__PURE__ */ C("p", {
-				className: `${d} leading-relaxed`,
+		}) : /* @__PURE__ */ x(S, { children: [
+			/* @__PURE__ */ b("p", {
+				className: `${c} 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__ */ C("div", {
+			/* @__PURE__ */ b("div", {
 				className: "relative overflow-hidden rounded-md border border-border",
-				children: /* @__PURE__ */ C(E, {
+				children: /* @__PURE__ */ b(C, {
 					items: oe,
 					supportedShapes: ["rect"],
-					selectedId: I ?? (H === null ? null : "__draft__"),
-					onSelect: (e) => L(e === null ? null : String(e)),
+					selectedId: N ?? (z === null ? null : "__draft__"),
+					onSelect: (e) => P(e === null ? null : String(e)),
 					onShapeChange: se,
 					onDrawComplete: ce,
-					drawingKind: B && H === null ? "rect" : null,
-					backdrop: x.src === null ? null : /* @__PURE__ */ C("img", {
-						src: x.src,
+					drawingKind: L && z === null ? "rect" : null,
+					backdrop: v.src === null ? null : /* @__PURE__ */ b("img", {
+						src: v.src,
 						alt: "",
 						className: "h-full w-full object-contain",
 						draggable: !1
 					})
 				})
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ C("button", {
+				children: [/* @__PURE__ */ b("button", {
 					type: "button",
-					className: B ? J : q,
-					"aria-pressed": B,
+					className: L ? G : W,
+					"aria-pressed": L,
 					onClick: () => {
-						V((e) => !e), U(null);
+						R((e) => !e), B(null);
 					},
-					disabled: M !== null,
-					children: B ? "Cancel" : "+ New scene"
-				}), /* @__PURE__ */ C("button", {
+					disabled: O !== null,
+					children: L ? "Cancel" : "+ New scene"
+				}), /* @__PURE__ */ b("button", {
 					type: "button",
-					className: q,
-					onClick: x.refresh,
-					disabled: M !== null,
+					className: W,
+					onClick: v.refresh,
+					disabled: O !== null,
 					children: "Refresh frame"
 				})]
 			}),
-			B && /* @__PURE__ */ w("div", {
+			L && /* @__PURE__ */ x("div", {
 				className: "flex flex-col gap-2 rounded-md border border-border bg-surface p-2",
 				children: [
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ b("p", {
 						className: "text-[10px] text-foreground-subtle",
-						children: H === 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."
 					}),
-					H !== null && m(H) && /* @__PURE__ */ C("p", {
+					z !== null && m(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__ */ w("div", {
+					/* @__PURE__ */ x("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ C("input", {
+						children: [/* @__PURE__ */ b("input", {
 							type: "text",
-							value: G,
-							onChange: (e) => K(e.target.value),
+							value: H,
+							onChange: (e) => U(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__ */ C("button", {
+						}), /* @__PURE__ */ b("button", {
 							type: "button",
-							className: J,
+							className: G,
 							onClick: () => void le(),
-							disabled: H === null || G.trim().length === 0 || M !== null,
+							disabled: z === null || H.trim().length === 0 || O !== null,
 							children: "Create"
 						})]
 					})
 				]
 			}),
-			P !== null && /* @__PURE__ */ C("p", {
+			j !== null && /* @__PURE__ */ b("p", {
 				className: "text-[11px] leading-relaxed text-danger",
-				children: P
+				children: j
 			}),
-			Q.length === 0 ? /* @__PURE__ */ C("p", {
-				className: `${d} leading-relaxed`,
+			Q.length === 0 ? /* @__PURE__ */ b("p", {
+				className: `${c} leading-relaxed`,
 				children: "No scenes on this camera yet."
-			}) : /* @__PURE__ */ C("ul", {
+			}) : /* @__PURE__ */ b("ul", {
 				className: "flex flex-col gap-2",
 				children: Q.map((e) => {
 					let t = g(e);
-					return /* @__PURE__ */ w("li", {
-						className: `flex flex-col gap-1.5 rounded-md border p-2 ${I === e.id ? "border-primary/50" : "border-border"}`,
+					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__ */ w("div", {
+							/* @__PURE__ */ x("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ C("button", {
+								children: [/* @__PURE__ */ b("button", {
 									type: "button",
 									className: "flex-1 text-left text-[12px] font-medium text-foreground",
-									onClick: () => L(e.id),
+									onClick: () => P(e.id),
 									children: e.label
-								}), /* @__PURE__ */ C("span", {
-									className: `rounded border px-1.5 py-0.5 text-[10px] font-medium ${ne[t.tone]}`,
+								}), /* @__PURE__ */ b("span", {
+									className: `rounded border px-1.5 py-0.5 text-[10px] font-medium ${q[t.tone]}`,
 									children: t.text
 								})]
 							}),
-							/* @__PURE__ */ C("p", {
-								className: `${d} leading-relaxed`,
+							/* @__PURE__ */ b("p", {
+								className: `${c} leading-relaxed`,
 								children: f(e, ae)
 							}),
-							/* @__PURE__ */ C("p", {
-								className: `${d} tabular-nums`,
-								children: v(e)
+							/* @__PURE__ */ b("p", {
+								className: `${c} tabular-nums`,
+								children: te(e)
 							}),
-							/* @__PURE__ */ C(te, {
+							/* @__PURE__ */ b(k, {
 								monitor: e,
-								disabled: M !== null,
+								disabled: O !== null,
 								onDelete: ({ stateId: t, index: n }) => void $(`refdel-${e.id}-${t}-${String(n)}`, async () => u.sceneMonitor?.deleteReference({
 									monitorId: e.id,
 									stateId: t,
 									index: n
 								}))
 							}),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ x("div", {
 								className: "flex flex-wrap items-center gap-1.5",
 								children: [
-									b.map((t) => {
+									re.map((t) => {
 										let n = t === "ir";
-										return /* @__PURE__ */ w("button", {
+										return /* @__PURE__ */ x("button", {
 											type: "button",
-											className: q,
-											disabled: M !== null,
+											className: W,
+											disabled: O !== 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`,
 											onClick: () => void $(`cap-${e.id}-${t}`, async () => u.sceneMonitor?.captureReference({
 												monitorId: e.id,
 												condition: t
 											})),
 											children: [
-												/* @__PURE__ */ C(ee, { className: "mr-1 inline h-3 w-3" }),
+												/* @__PURE__ */ b(ee, { className: "mr-1 inline h-3 w-3" }),
 												"Capture ",
 												_(t).toLowerCase(),
-												n && /* @__PURE__ */ C("span", {
+												n && /* @__PURE__ */ b("span", {
 													className: "ml-1 text-foreground-subtle/70",
 													children: "(optional)"
 												})
 											]
 										}, t);
 									}),
-									/* @__PURE__ */ w("button", {
+									/* @__PURE__ */ x("button", {
 										type: "button",
-										className: J,
-										disabled: M !== null || e.states.length === 0,
+										className: G,
+										disabled: O !== null || e.states.length === 0,
 										title: "Clear the flag and re-photograph what normal looks like right now",
 										onClick: () => void $(`reset-${e.id}`, async () => u.sceneMonitor?.resetScene({ monitorId: e.id })),
-										children: [/* @__PURE__ */ C(h, { className: "mr-1 inline h-3 w-3" }), "Reset"]
+										children: [/* @__PURE__ */ b(h, { className: "mr-1 inline h-3 w-3" }), "Reset"]
 									}),
-									/* @__PURE__ */ C("button", {
+									/* @__PURE__ */ b("button", {
 										type: "button",
-										className: q,
-										disabled: M !== null,
+										className: W,
+										disabled: O !== null,
 										onClick: () => void $(`check-${e.id}`, async () => u.sceneMonitor?.recheckNow({ monitorId: e.id })),
 										children: "Check now"
 									}),
-									/* @__PURE__ */ w("button", {
+									/* @__PURE__ */ x("button", {
 										type: "button",
-										className: R === e.id ? J : q,
-										"aria-pressed": R === e.id,
+										className: F === e.id ? G : W,
+										"aria-pressed": F === e.id,
 										"aria-label": `Settings for ${e.label}`,
-										disabled: M !== null,
-										onClick: () => z((t) => t === e.id ? null : e.id),
-										children: [/* @__PURE__ */ C(D, { className: "mr-1 inline h-3 w-3" }), "Settings"]
+										disabled: O !== null,
+										onClick: () => I((t) => t === e.id ? null : e.id),
+										children: [/* @__PURE__ */ b(ie, { className: "mr-1 inline h-3 w-3" }), "Settings"]
 									}),
-									/* @__PURE__ */ C("button", {
+									/* @__PURE__ */ b("button", {
 										type: "button",
-										className: Y,
-										disabled: M !== null,
+										className: K,
+										disabled: O !== null,
 										onClick: () => void $(`del-${e.id}`, async () => u.sceneMonitor?.deleteScene({ monitorId: e.id })),
-										children: /* @__PURE__ */ C(S, { className: "h-3 w-3" })
+										children: /* @__PURE__ */ b(y, { className: "h-3 w-3" })
 									})
 								]
 							}),
-							R === e.id && /* @__PURE__ */ C(W, {
+							F === e.id && /* @__PURE__ */ b(V, {
 								monitor: e,
-								disabled: M !== null,
+								disabled: O !== null,
 								onPatch: (t) => void $(`tune-${e.id}`, async () => u.sceneMonitor?.updateScene({
 									monitorId: e.id,
 									patch: t