@camstack/addon-osd-manager 0.1.155 → 0.1.157

package/dist/{SceneMonitorEditor-CO6VwdkE.mjs → SceneMonitorEditor-CJtJIyMf.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-BPw6Y2I0.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-DNkKk6vF.mjs";
-import { t as S } from "./trash-2-DemFUbcB.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 { b as e, c as t, g as n, h as r, m as i, u as a } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-C5jUMd7X.mjs";
+import { a as o, c as s, n as c, o as l, r as u, t as d } from "./responsive-B0yDP9vf.mjs";
+import { a as f, c as p, d as m, i as h, l as g, n as _, o as v, r as y, s as b, t as x, u as S } from "./scene-monitor-copy-BzX20O6q.mjs";
+import { t as C } from "./trash-2-BolGRl2P.mjs";
+import { n as w, r as T, t as E } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
+import { MaskShapeCanvas as D } from "./MaskShapeCanvas-BT714ljC.mjs";
+var O = s("settings-2", [
 	["path", {
 		d: "M14 17H5",
 		key: "gfn3mx"
@@ -28,12 +28,12 @@ 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}`;
-}
+e();
+var k = p("/addon/pipeline-analytics/event-media");
 function A(e) {
+	return `${k}/m/${e}`;
+}
+function j(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e.states) n.references.forEach((e, r) => {
 		let i = t.get(e.condition) ?? [];
@@ -48,56 +48,56 @@ 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 M(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", {
+var N = "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 ee({ monitor: e, disabled: t, onDelete: r }) {
+	let i = j(e), a = M(e), [o, s] = n(null);
+	return i.length === 0 ? /* @__PURE__ */ w("p", {
 		className: `${d} leading-relaxed`,
 		children: "No photographs captured yet. Press “Capture daylight” to take the one this scene will judge everything against."
-	}) : /* @__PURE__ */ C("div", {
+	}) : /* @__PURE__ */ w("div", {
 		className: "flex flex-col gap-2",
-		children: i.map((e) => /* @__PURE__ */ w("div", {
+		children: i.map((e) => /* @__PURE__ */ T("div", {
 			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ w("p", {
+			children: [/* @__PURE__ */ T("p", {
 				className: "text-[10px] font-semibold uppercase tracking-wide text-foreground-subtle",
 				children: [
-					_(e.condition),
+					v(e.condition),
 					" · ",
 					e.tiles.length
 				]
-			}), /* @__PURE__ */ C("ul", {
+			}), /* @__PURE__ */ w("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", {
+				children: e.tiles.map((n) => {
+					let i = `${n.stateId}:${String(n.index)}`, c = a === 1, l = o === i;
+					return /* @__PURE__ */ T("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", {
+							/* @__PURE__ */ w(P, { reference: n.reference }),
+							/* @__PURE__ */ w("span", {
 								className: `${d} tabular-nums`,
-								children: P(t.reference.capturedAt)
+								children: F(n.reference.capturedAt)
 							}),
-							/* @__PURE__ */ w("button", {
+							/* @__PURE__ */ T("button", {
 								type: "button",
-								className: M,
-								disabled: n,
-								"aria-label": `Delete the ${_(e.condition).toLowerCase()} photograph from ${P(t.reference.capturedAt)}`,
+								className: N,
+								disabled: t,
+								"aria-label": `Delete the ${v(e.condition).toLowerCase()} photograph from ${F(n.reference.capturedAt)}`,
 								onClick: () => {
 									if (c && !l) {
 										s(i);
 										return;
 									}
 									s(null), r({
-										stateId: t.stateId,
-										index: t.index
+										stateId: n.stateId,
+										index: n.index
 									});
 								},
-								children: [/* @__PURE__ */ C(S, { className: "mr-1 inline h-3 w-3" }), l ? "Confirm" : "Delete"]
+								children: [/* @__PURE__ */ w(C, { className: "mr-1 inline h-3 w-3" }), l ? "Confirm" : "Delete"]
 							}),
-							l && /* @__PURE__ */ C("p", {
+							l && /* @__PURE__ */ w("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 }) {
-	let [n, r] = t(!1), i = e.thumbnailMediaId;
-	return i === void 0 || n ? /* @__PURE__ */ w("div", {
+function P({ reference: e }) {
+	let [t, r] = n(!1), i = e.thumbnailMediaId;
+	return i === void 0 || t ? /* @__PURE__ */ T("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__ */ w(S, { className: "h-4 w-4" }), /* @__PURE__ */ w("span", {
 			className: "text-[9px]",
 			children: "no picture"
 		})]
-	}) : /* @__PURE__ */ C("img", {
-		src: k(i),
+	}) : /* @__PURE__ */ w("img", {
+		src: A(i),
 		alt: "",
 		loading: "lazy",
 		className: "h-16 w-full rounded object-cover",
 		onError: () => r(!0)
 	});
 }
-function P(e) {
+function F(e) {
 	let t = new Date(e);
 	return `${t.toLocaleDateString()} ${t.toLocaleTimeString([], {
 		hour: "2-digit",
@@ -134,16 +134,16 @@ 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 = {
+e();
+var I = "rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground focus:border-primary focus:outline-none disabled:opacity-50", L = "text-[10px] font-medium text-foreground-subtle", R = "flex flex-col gap-2 rounded-md border border-border bg-surface/40 p-2", z = "text-[10px] font-semibold uppercase tracking-wide text-foreground-subtle", B = 5, V = 3600, H = {
 	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 = {
+}, U = {
 	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 W(e) {
 	return {
 		label: e.label,
 		checkIntervalSec: e.checkIntervalSec ?? 60,
@@ -154,10 +154,10 @@ 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);
-	i(() => {
-		s || o(U(e));
+function G({ monitor: e, disabled: t, onPatch: r }) {
+	let [i, o] = n(() => W(e)), [s, c] = n(!1);
+	a(() => {
+		s || o(W(e));
 	}, [e, s]);
 	let l = (e) => {
 		c(!1), r(e);
@@ -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__ */ T("div", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ w("div", {
-				className: L,
+			/* @__PURE__ */ T("div", {
+				className: R,
 				children: [
-					/* @__PURE__ */ C("p", {
-						className: R,
+					/* @__PURE__ */ w("p", {
+						className: z,
 						children: "What it watches"
 					}),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ T("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ w("span", {
+							className: L,
 							children: "Name"
-						}), /* @__PURE__ */ C("input", {
+						}), /* @__PURE__ */ w("input", {
 							type: "text",
-							value: a.label,
-							disabled: n,
-							className: F,
+							value: i.label,
+							disabled: t,
+							className: I,
 							onFocus: () => c(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								label: e.target.value
 							})),
 							onBlur: () => {
-								let t = a.label.trim();
+								let t = i.label.trim();
 								t.length > 0 && t !== e.label ? l({ label: t }) : c(!1);
 							}
 						})]
 					}),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ T("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ C("input", {
+						children: [/* @__PURE__ */ w("input", {
 							type: "checkbox",
 							checked: e.enabled,
-							disabled: n,
+							disabled: t,
 							onChange: (e) => l({ enabled: e.target.checked })
-						}), /* @__PURE__ */ C("span", {
-							className: I,
+						}), /* @__PURE__ */ w("span", {
+							className: L,
 							children: "Watching"
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ w("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__ */ w("label", {
+					/* @__PURE__ */ T("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ w("span", {
+							className: L,
 							children: "When to look"
-						}), /* @__PURE__ */ w("select", {
+						}), /* @__PURE__ */ T("select", {
 							value: e.triggerMode,
-							disabled: n,
-							className: F,
+							disabled: t,
+							className: I,
 							onChange: (e) => {
 								let t = e.target.value;
 								(t === "periodic" || t === "on-motion" || t === "both") && l({ triggerMode: t });
 							},
 							children: [
-								/* @__PURE__ */ C("option", {
+								/* @__PURE__ */ w("option", {
 									value: "both",
 									children: "On the clock and after motion settles"
 								}),
-								/* @__PURE__ */ C("option", {
+								/* @__PURE__ */ w("option", {
 									value: "periodic",
 									children: "On the clock only"
 								}),
-								/* @__PURE__ */ C("option", {
+								/* @__PURE__ */ w("option", {
 									value: "on-motion",
 									children: "After motion settles only"
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ w("p", {
 						className: d,
-						children: V[e.triggerMode]
+						children: H[e.triggerMode]
 					}),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ T("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ w("span", {
+							className: L,
 							children: "Check every (seconds)"
-						}), /* @__PURE__ */ C("input", {
+						}), /* @__PURE__ */ w("input", {
 							type: "number",
-							min: z,
-							max: B,
-							value: a.checkIntervalSec,
-							disabled: n,
-							className: F,
+							min: B,
+							max: V,
+							value: i.checkIntervalSec,
+							disabled: t,
+							className: I,
 							onFocus: () => c(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								checkIntervalSec: Number(e.target.value) || 0
 							})),
 							onBlur: () => {
-								let t = G(a.checkIntervalSec, z, B);
+								let t = K(i.checkIntervalSec, B, V);
 								t === e.checkIntervalSec ? c(!1) : l({ checkIntervalSec: t });
 							}
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ w("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__ */ w("div", {
-				className: L,
+			/* @__PURE__ */ T("div", {
+				className: R,
 				children: [
-					/* @__PURE__ */ C("p", {
-						className: R,
+					/* @__PURE__ */ w("p", {
+						className: z,
 						children: "How sure it has to be"
 					}),
-					e.check.mode === "similarity" && /* @__PURE__ */ w(T, { children: [/* @__PURE__ */ w("label", {
+					e.check.mode === "similarity" && /* @__PURE__ */ T(E, { children: [/* @__PURE__ */ T("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ w("span", {
-							className: I,
-							children: ["Match threshold — ", /* @__PURE__ */ C("span", {
+						children: [/* @__PURE__ */ T("span", {
+							className: L,
+							children: ["Match threshold — ", /* @__PURE__ */ w("span", {
 								className: "tabular-nums",
-								children: a.threshold.toFixed(2)
+								children: i.threshold.toFixed(2)
 							})]
-						}), /* @__PURE__ */ C("input", {
+						}), /* @__PURE__ */ w("input", {
 							type: "range",
 							min: .3,
 							max: .99,
 							step: .01,
-							value: a.threshold,
-							disabled: n,
+							value: i.threshold,
+							disabled: t,
 							onFocus: () => c(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								threshold: Number(e.target.value)
 							})),
 							onMouseUp: () => {
-								a.threshold === p ? c(!1) : l({ check: u({ threshold: a.threshold }) });
+								i.threshold === p ? c(!1) : l({ check: u({ threshold: i.threshold }) });
 							},
 							onBlur: () => {
-								a.threshold === p ? c(!1) : l({ check: u({ threshold: a.threshold }) });
+								i.threshold === p ? c(!1) : l({ check: u({ threshold: i.threshold }) });
 							}
 						})]
-					}), /* @__PURE__ */ C("p", {
+					}), /* @__PURE__ */ w("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__ */ T("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ w("span", {
+							className: L,
 							children: "Agreeing checks before it changes its mind"
-						}), /* @__PURE__ */ C("input", {
+						}), /* @__PURE__ */ w("input", {
 							type: "number",
 							min: 1,
 							max: 10,
-							value: a.hysteresisCount,
-							disabled: n,
-							className: F,
+							value: i.hysteresisCount,
+							disabled: t,
+							className: I,
 							onFocus: () => c(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								hysteresisCount: Number(e.target.value) || 1
 							})),
 							onBlur: () => {
-								let t = G(a.hysteresisCount, 1, 10);
+								let t = K(i.hysteresisCount, 1, 10);
 								t === e.check.hysteresisCount ? c(!1) : l({ check: u({ hysteresisCount: t }) });
 							}
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ w("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__ */ w("label", {
+					/* @__PURE__ */ T("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ w("span", {
+							className: L,
 							children: "Quiet for (seconds) before a check counts"
-						}), /* @__PURE__ */ C("input", {
+						}), /* @__PURE__ */ w("input", {
 							type: "number",
 							min: 0,
 							max: 3600,
-							value: a.quietSeconds,
-							disabled: n,
-							className: F,
+							value: i.quietSeconds,
+							disabled: t,
+							className: I,
 							onFocus: () => c(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								quietSeconds: Number(e.target.value) || 0
 							})),
 							onBlur: () => {
-								let t = G(a.quietSeconds, 0, 3600);
+								let t = K(i.quietSeconds, 0, 3600);
 								t === e.quietSeconds ? c(!1) : l({ quietSeconds: t });
 							}
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ w("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__ */ w("label", {
+					/* @__PURE__ */ T("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ w("span", {
+							className: L,
 							children: "Minimum gap between counted checks (seconds)"
-						}), /* @__PURE__ */ C("input", {
+						}), /* @__PURE__ */ w("input", {
 							type: "number",
 							min: 0,
 							max: 3600,
-							value: a.minObservationSpacingSec,
-							disabled: n,
-							className: F,
+							value: i.minObservationSpacingSec,
+							disabled: t,
+							className: I,
 							onFocus: () => c(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								minObservationSpacingSec: Number(e.target.value) || 0
 							})),
 							onBlur: () => {
-								let t = G(a.minObservationSpacingSec, 0, 3600);
+								let t = K(i.minObservationSpacingSec, 0, 3600);
 								t === e.minObservationSpacingSec ? c(!1) : l({ minObservationSpacingSec: t });
 							}
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ w("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__ */ w("div", {
-				className: L,
+			/* @__PURE__ */ T("div", {
+				className: R,
 				children: [
-					/* @__PURE__ */ C("p", {
-						className: R,
+					/* @__PURE__ */ w("p", {
+						className: z,
 						children: "Lighting"
 					}),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ T("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ w("span", {
+							className: L,
 							children: "When a light has no reference of its own"
-						}), /* @__PURE__ */ w("select", {
+						}), /* @__PURE__ */ T("select", {
 							value: e.onUncoveredCondition,
-							disabled: n,
-							className: F,
+							disabled: t,
+							className: I,
 							onChange: (e) => {
 								let t = e.target.value;
 								(t === "skip" || t === "judge-anyway") && l({ onUncoveredCondition: t });
 							},
-							children: [/* @__PURE__ */ C("option", {
+							children: [/* @__PURE__ */ w("option", {
 								value: "skip",
 								children: "Skip the check (recommended)"
-							}), /* @__PURE__ */ C("option", {
+							}), /* @__PURE__ */ w("option", {
 								value: "judge-anyway",
 								children: "Judge against the other light anyway"
 							})]
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ w("p", {
 						className: d,
-						children: H[e.onUncoveredCondition]
+						children: U[e.onUncoveredCondition]
 					})
 				]
 			}),
-			/* @__PURE__ */ w("div", {
-				className: L,
+			/* @__PURE__ */ T("div", {
+				className: R,
 				children: [
-					/* @__PURE__ */ C("p", {
-						className: R,
+					/* @__PURE__ */ w("p", {
+						className: z,
 						children: "What you get told"
 					}),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ T("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ w("span", {
+							className: L,
 							children: "Notifications follow"
-						}), /* @__PURE__ */ w("select", {
+						}), /* @__PURE__ */ T("select", {
 							value: e.emit,
-							disabled: n,
-							className: F,
+							disabled: t,
+							className: I,
 							onChange: (e) => {
 								let t = e.target.value;
 								(t === "latched" || t === "live") && l({ emit: t });
 							},
-							children: [/* @__PURE__ */ C("option", {
+							children: [/* @__PURE__ */ w("option", {
 								value: "latched",
 								children: "The flag — told once, still visible at breakfast"
-							}), /* @__PURE__ */ C("option", {
+							}), /* @__PURE__ */ w("option", {
 								value: "live",
 								children: "The live state — follows the region as it changes"
 							})]
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ w("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__ */ w("label", {
+					/* @__PURE__ */ T("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ C("input", {
+						children: [/* @__PURE__ */ w("input", {
 							type: "checkbox",
 							checked: e.autoRestore,
-							disabled: n,
+							disabled: t,
 							onChange: (e) => l({ autoRestore: e.target.checked })
-						}), /* @__PURE__ */ C("span", {
-							className: I,
+						}), /* @__PURE__ */ w("span", {
+							className: L,
 							children: "Clear the flag by itself when things look normal again"
 						})]
 					}),
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ w("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__ */ w("div", {
-				className: L,
+			/* @__PURE__ */ T("div", {
+				className: R,
 				children: [
-					/* @__PURE__ */ C("p", {
-						className: R,
+					/* @__PURE__ */ w("p", {
+						className: z,
 						children: "AI double-check"
 					}),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ T("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ C("input", {
+						children: [/* @__PURE__ */ w("input", {
 							type: "checkbox",
 							checked: f,
-							disabled: n || a.confirmPrompt.trim().length === 0,
+							disabled: t || i.confirmPrompt.trim().length === 0,
 							onChange: (e) => l(e.target.checked ? { confirm: {
-								...K(a.confirmPrompt.trim()),
+								...q(i.confirmPrompt.trim()),
 								enabled: !0
 							} } : { confirm: null })
-						}), /* @__PURE__ */ C("span", {
-							className: I,
+						}), /* @__PURE__ */ w("span", {
+							className: L,
 							children: "Ask a vision model before changing the answer"
 						})]
 					}),
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ T("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ C("span", {
-							className: I,
+						children: [/* @__PURE__ */ w("span", {
+							className: L,
 							children: "The question to ask"
-						}), /* @__PURE__ */ C("input", {
+						}), /* @__PURE__ */ w("input", {
 							type: "text",
-							value: a.confirmPrompt,
+							value: i.confirmPrompt,
 							placeholder: "e.g. Is the wheelie bin still there?",
-							disabled: n,
-							className: F,
+							disabled: t,
+							className: I,
 							onFocus: () => c(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								confirmPrompt: e.target.value
 							})),
 							onBlur: () => {
-								let t = a.confirmPrompt.trim();
+								let t = i.confirmPrompt.trim();
 								t.length > 0 && t !== e.confirm?.prompt ? l({ confirm: {
-									...K(t),
+									...q(t),
 									enabled: f
 								} }) : c(!1);
 							}
 						})]
 					}),
-					/* @__PURE__ */ w("p", {
+					/* @__PURE__ */ T("p", {
 						className: d,
 						children: [
 							"The model is asked ",
-							/* @__PURE__ */ C("strong", { children: "only" }),
+							/* @__PURE__ */ w("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 K(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function K(e) {
+function q(e) {
 	return {
 		enabled: !1,
 		prompt: e,
@@ -559,263 +559,263 @@ 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 = {
+e();
+var J = "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", Y = "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", te = "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 = {
 	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;
-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);
-	i(() => (X.current = !0, () => {
+function X({ deviceId: e }) {
+	let s = u(l().trpcClient, e), p = o(s?.state.sceneMonitor), S = b(e, { width: 640 }), [k, A] = n(null), [j, M] = n(!1), [N, P] = n(null), [F, I] = n(null), [L, R] = n(null), [z, B] = n(null), [V, H] = n(!1), [U, W] = n(null), [K, q] = n(""), X = r(!0);
+	a(() => (X.current = !0, () => {
 		X.current = !1;
 	}), []);
-	let Z = e(async () => {
-		if (u) try {
-			let e = await u.sceneMonitor?.listScenes({});
+	let Z = t(async () => {
+		if (s) try {
+			let e = await s.sceneMonitor?.listScenes({});
 			if (!X.current) return;
-			e && k(e);
+			e && A(e);
 		} catch (e) {
 			if (!X.current) return;
-			c(e) ? j(!0) : F(e instanceof Error ? e.message : String(e));
+			c(e) ? M(!0) : I(e instanceof Error ? e.message : String(e));
 		}
-	}, [u]);
-	i(() => {
-		k(null), j(!1), F(null), Z();
+	}, [s]);
+	a(() => {
+		A(null), M(!1), I(null), Z();
 	}, [Z]);
-	let Q = p?.monitors ?? O?.monitors ?? [], ae = Date.now(), $ = e(async (e, t) => {
-		N(e), F(null);
+	let Q = p?.monitors ?? k?.monitors ?? [], ae = Date.now(), $ = t(async (e, t) => {
+		P(e), I(null);
 		try {
 			await t(), await Z();
 		} catch (e) {
-			X.current && F(e instanceof Error ? e.message : String(e));
+			X.current && I(e instanceof Error ? e.message : String(e));
 		} finally {
-			X.current && N(null);
+			X.current && P(null);
 		}
-	}, [Z]), oe = r(() => {
+	}, [Z]), oe = i(() => {
 		let e = Q.map((e) => ({
 			id: e.id,
 			shape: e.roi,
 			label: e.label,
 			enabled: e.enabled
 		}));
-		return H === null ? e : [...e, {
+		return U === null ? e : [...e, {
 			id: "__draft__",
-			shape: H,
+			shape: U,
 			label: "New scene"
 		}];
-	}, [Q, H]), se = e((e, t) => {
+	}, [Q, U]), se = t((e, t) => {
 		if (t.kind === "rect") {
 			if (e === "__draft__") {
-				U(t);
+				W(t);
 				return;
 			}
-			$(`roi-${String(e)}`, async () => u?.sceneMonitor?.updateScene({
+			$(`roi-${String(e)}`, async () => s?.sceneMonitor?.updateScene({
 				monitorId: String(e),
 				patch: { roi: t }
 			}));
 		}
-	}, [u, $]), ce = e((e) => {
-		e.kind === "rect" && U(e);
-	}, []), le = e(async () => {
-		H === null || G.trim().length === 0 || (await $("create", async () => {
-			await u?.sceneMonitor?.createScene({
-				label: G.trim(),
-				roi: H,
+	}, [s, $]), ce = t((e) => {
+		e.kind === "rect" && W(e);
+	}, []), le = t(async () => {
+		U === null || K.trim().length === 0 || (await $("create", async () => {
+			await s?.sceneMonitor?.createScene({
+				label: K.trim(),
+				roi: U,
 				check: {
 					mode: "similarity",
 					threshold: re,
 					hysteresisCount: ie
 				}
 			});
-		}), U(null), K(""), V(!1));
+		}), W(null), q(""), H(!1));
 	}, [
-		u,
-		H,
-		G,
+		s,
+		U,
+		K,
 		$
 	]);
-	return u ? /* @__PURE__ */ C("div", {
+	return s ? /* @__PURE__ */ w("div", {
 		className: "flex flex-col gap-3",
-		children: A ? /* @__PURE__ */ C("p", {
+		children: j ? /* @__PURE__ */ w("p", {
 			className: `${d} leading-relaxed`,
 			children: "Scene monitoring is not available for this camera."
-		}) : /* @__PURE__ */ w(T, { children: [
-			/* @__PURE__ */ C("p", {
+		}) : /* @__PURE__ */ T(E, { children: [
+			/* @__PURE__ */ w("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__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				className: "relative overflow-hidden rounded-md border border-border",
-				children: /* @__PURE__ */ C(E, {
+				children: /* @__PURE__ */ w(D, {
 					items: oe,
 					supportedShapes: ["rect"],
-					selectedId: I ?? (H === null ? null : "__draft__"),
-					onSelect: (e) => L(e === null ? null : String(e)),
+					selectedId: L ?? (U === null ? null : "__draft__"),
+					onSelect: (e) => R(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: V && U === null ? "rect" : null,
+					backdrop: S.src === null ? null : /* @__PURE__ */ w("img", {
+						src: S.src,
 						alt: "",
 						className: "h-full w-full object-contain",
 						draggable: !1
 					})
 				})
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ T("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ C("button", {
+				children: [/* @__PURE__ */ w("button", {
 					type: "button",
-					className: B ? J : q,
-					"aria-pressed": B,
+					className: V ? Y : J,
+					"aria-pressed": V,
 					onClick: () => {
-						V((e) => !e), U(null);
+						H((e) => !e), W(null);
 					},
-					disabled: M !== null,
-					children: B ? "Cancel" : "+ New scene"
-				}), /* @__PURE__ */ C("button", {
+					disabled: N !== null,
+					children: V ? "Cancel" : "+ New scene"
+				}), /* @__PURE__ */ w("button", {
 					type: "button",
-					className: q,
-					onClick: x.refresh,
-					disabled: M !== null,
+					className: J,
+					onClick: S.refresh,
+					disabled: N !== null,
 					children: "Refresh frame"
 				})]
 			}),
-			B && /* @__PURE__ */ w("div", {
+			V && /* @__PURE__ */ T("div", {
 				className: "flex flex-col gap-2 rounded-md border border-border bg-surface p-2",
 				children: [
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ w("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: U === 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", {
+					U !== null && h(U) && /* @__PURE__ */ w("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__ */ T("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ C("input", {
+						children: [/* @__PURE__ */ w("input", {
 							type: "text",
-							value: G,
-							onChange: (e) => K(e.target.value),
+							value: K,
+							onChange: (e) => q(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__ */ w("button", {
 							type: "button",
-							className: J,
+							className: Y,
 							onClick: () => void le(),
-							disabled: H === null || G.trim().length === 0 || M !== null,
+							disabled: U === null || K.trim().length === 0 || N !== null,
 							children: "Create"
 						})]
 					})
 				]
 			}),
-			P !== null && /* @__PURE__ */ C("p", {
+			F !== null && /* @__PURE__ */ w("p", {
 				className: "text-[11px] leading-relaxed text-danger",
-				children: P
+				children: F
 			}),
-			Q.length === 0 ? /* @__PURE__ */ C("p", {
+			Q.length === 0 ? /* @__PURE__ */ w("p", {
 				className: `${d} leading-relaxed`,
 				children: "No scenes on this camera yet."
-			}) : /* @__PURE__ */ C("ul", {
+			}) : /* @__PURE__ */ w("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"}`,
+					let t = _(e);
+					return /* @__PURE__ */ T("li", {
+						className: `flex flex-col gap-1.5 rounded-md border p-2 ${L === e.id ? "border-primary/50" : "border-border"}`,
 						children: [
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ T("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ C("button", {
+								children: [/* @__PURE__ */ w("button", {
 									type: "button",
 									className: "flex-1 text-left text-[12px] font-medium text-foreground",
-									onClick: () => L(e.id),
+									onClick: () => R(e.id),
 									children: e.label
-								}), /* @__PURE__ */ C("span", {
+								}), /* @__PURE__ */ w("span", {
 									className: `rounded border px-1.5 py-0.5 text-[10px] font-medium ${ne[t.tone]}`,
 									children: t.text
 								})]
 							}),
-							/* @__PURE__ */ C("p", {
+							/* @__PURE__ */ w("p", {
 								className: `${d} leading-relaxed`,
 								children: f(e, ae)
 							}),
-							/* @__PURE__ */ C("p", {
+							/* @__PURE__ */ w("p", {
 								className: `${d} tabular-nums`,
-								children: v(e)
+								children: y(e)
 							}),
-							/* @__PURE__ */ C(te, {
+							/* @__PURE__ */ w(ee, {
 								monitor: e,
-								disabled: M !== null,
-								onDelete: ({ stateId: t, index: n }) => void $(`refdel-${e.id}-${t}-${String(n)}`, async () => u.sceneMonitor?.deleteReference({
+								disabled: N !== 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__ */ w("div", {
+							/* @__PURE__ */ T("div", {
 								className: "flex flex-wrap items-center gap-1.5",
 								children: [
-									b.map((t) => {
+									x.map((t) => {
 										let n = t === "ir";
-										return /* @__PURE__ */ w("button", {
+										return /* @__PURE__ */ T("button", {
 											type: "button",
-											className: q,
-											disabled: M !== 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({
+											className: J,
+											disabled: N !== 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__ */ C(ee, { className: "mr-1 inline h-3 w-3" }),
+												/* @__PURE__ */ w(m, { className: "mr-1 inline h-3 w-3" }),
 												"Capture ",
-												_(t).toLowerCase(),
-												n && /* @__PURE__ */ C("span", {
+												v(t).toLowerCase(),
+												n && /* @__PURE__ */ w("span", {
 													className: "ml-1 text-foreground-subtle/70",
 													children: "(optional)"
 												})
 											]
 										}, t);
 									}),
-									/* @__PURE__ */ w("button", {
+									/* @__PURE__ */ T("button", {
 										type: "button",
-										className: J,
-										disabled: M !== null || e.states.length === 0,
+										className: Y,
+										disabled: N !== 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"]
+										onClick: () => void $(`reset-${e.id}`, async () => s.sceneMonitor?.resetScene({ monitorId: e.id })),
+										children: [/* @__PURE__ */ w(g, { className: "mr-1 inline h-3 w-3" }), "Reset"]
 									}),
-									/* @__PURE__ */ C("button", {
+									/* @__PURE__ */ w("button", {
 										type: "button",
-										className: q,
-										disabled: M !== null,
-										onClick: () => void $(`check-${e.id}`, async () => u.sceneMonitor?.recheckNow({ monitorId: e.id })),
+										className: J,
+										disabled: N !== null,
+										onClick: () => void $(`check-${e.id}`, async () => s.sceneMonitor?.recheckNow({ monitorId: e.id })),
 										children: "Check now"
 									}),
-									/* @__PURE__ */ w("button", {
+									/* @__PURE__ */ T("button", {
 										type: "button",
-										className: R === e.id ? J : q,
-										"aria-pressed": R === e.id,
+										className: z === e.id ? Y : J,
+										"aria-pressed": z === 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: N !== null,
+										onClick: () => B((t) => t === e.id ? null : e.id),
+										children: [/* @__PURE__ */ w(O, { className: "mr-1 inline h-3 w-3" }), "Settings"]
 									}),
-									/* @__PURE__ */ C("button", {
+									/* @__PURE__ */ w("button", {
 										type: "button",
-										className: Y,
-										disabled: M !== null,
-										onClick: () => void $(`del-${e.id}`, async () => u.sceneMonitor?.deleteScene({ monitorId: e.id })),
-										children: /* @__PURE__ */ C(S, { className: "h-3 w-3" })
+										className: te,
+										disabled: N !== null,
+										onClick: () => void $(`del-${e.id}`, async () => s.sceneMonitor?.deleteScene({ monitorId: e.id })),
+										children: /* @__PURE__ */ w(C, { className: "h-3 w-3" })
 									})
 								]
 							}),
-							R === e.id && /* @__PURE__ */ C(W, {
+							z === e.id && /* @__PURE__ */ w(G, {
 								monitor: e,
-								disabled: M !== null,
-								onPatch: (t) => void $(`tune-${e.id}`, async () => u.sceneMonitor?.updateScene({
+								disabled: N !== null,
+								onPatch: (t) => void $(`tune-${e.id}`, async () => s.sceneMonitor?.updateScene({
 									monitorId: e.id,
 									patch: t
 								}))