@camstack/addon-training 0.1.40 → 0.1.42

package/dist/{SceneMonitorEditor-D6Q3z17B.mjs → SceneMonitorEditor-CwULmLkP.mjs}

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