@camstack/addon-model-studio 1.1.128 → 1.1.129

package/dist/{SceneMonitorEditor-iS9jtSJq.mjs → SceneMonitorEditor-BKYzMLFb.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_model_studio_page__loadShare__react__loadShare__.js-DJDHChgO.mjs";
-import { a as o, i as s, n as c, r as l, s as u, t as d } from "./responsive-DNXbYsNH.mjs";
-import { a as f, c as p, d as ee, i as m, l as te, n as h, o as ne, r as g, s as _, t as re, u as v } from "./use-device-snapshot-BKYQa7fa.mjs";
-import { t as y } from "./trash-2-pcumgheo.mjs";
-import { n as b, r as x, t as S } from "./_virtual_mf___mfe_internal__addon_model_studio_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-ds_Ehzaa.mjs";
-import { MaskShapeCanvas as C } from "./MaskShapeCanvas-C4g96eMz.mjs";
-var ie = u("settings-2", [
+import { a as o, i as s, n as c, r as l, s as u, t as d } from "./responsive-JVBuLbSa.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 "./use-device-snapshot-UOdeTQpP.mjs";
+import { t as S } from "./trash-2-CeqN21XB.mjs";
+import { n as C, r as w, t as T } from "./_virtual_mf___mfe_internal__addon_model_studio_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-ds_Ehzaa.mjs";
+import { MaskShapeCanvas as E } from "./MaskShapeCanvas-C4g96eMz.mjs";
+var D = u("settings-2", [
 	["path", {
 		d: "M14 17H5",
 		key: "gfn3mx"
@@ -29,8 +29,11 @@ var ie = u("settings-2", [
 //#endregion
 //#region ../ui-library/src/composites/cap-settings/SceneReferenceGallery.tsx
 a();
-var w = p("/addon/pipeline-analytics/event-media");
-function T(e) {
+var O = p("/addon/pipeline-analytics/event-media");
+function k(e) {
+	return `${O}/m/${e}`;
+}
+function A(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e.states) n.references.forEach((e, r) => {
 		let i = t.get(e.condition) ?? [];
@@ -45,43 +48,43 @@ function T(e) {
 		tiles: [...t].sort((e, t) => t.reference.capturedAt - e.reference.capturedAt)
 	})).sort((e, t) => e.condition.localeCompare(t.condition));
 }
-function E(e) {
+function j(e) {
 	return e.states.reduce((e, t) => e + t.references.length, 0);
 }
-var D = "rounded border border-danger/50 bg-danger/10 px-1 py-0.5 text-[10px] font-medium text-danger hover:bg-danger/20 disabled:opacity-40 transition-colors";
-function O({ monitor: e, disabled: n, onDelete: r }) {
-	let i = T(e), a = E(e), [o, s] = t(null);
-	return i.length === 0 ? /* @__PURE__ */ b("p", {
+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`,
 		children: "No photographs captured yet. Press “Capture daylight” to take the one this scene will judge everything against."
-	}) : /* @__PURE__ */ b("div", {
+	}) : /* @__PURE__ */ C("div", {
 		className: "flex flex-col gap-2",
-		children: i.map((e) => /* @__PURE__ */ x("div", {
+		children: i.map((e) => /* @__PURE__ */ w("div", {
 			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ x("p", {
+			children: [/* @__PURE__ */ w("p", {
 				className: "text-[10px] font-semibold uppercase tracking-wide text-foreground-subtle",
 				children: [
-					_(e.condition),
+					y(e.condition),
 					" · ",
 					e.tiles.length
 				]
-			}), /* @__PURE__ */ b("ul", {
+			}), /* @__PURE__ */ C("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__ */ x("li", {
+					return /* @__PURE__ */ w("li", {
 						className: "flex w-24 flex-col gap-1 rounded-md border border-border p-1",
 						children: [
-							/* @__PURE__ */ b(k, { reference: t.reference }),
-							/* @__PURE__ */ b("span", {
+							/* @__PURE__ */ C(N, { reference: t.reference }),
+							/* @__PURE__ */ C("span", {
 								className: `${d} tabular-nums`,
-								children: A(t.reference.capturedAt)
+								children: P(t.reference.capturedAt)
 							}),
-							/* @__PURE__ */ x("button", {
+							/* @__PURE__ */ w("button", {
 								type: "button",
-								className: D,
+								className: M,
 								disabled: n,
-								"aria-label": `Delete the ${_(e.condition).toLowerCase()} photograph from ${A(t.reference.capturedAt)}`,
+								"aria-label": `Delete the ${y(e.condition).toLowerCase()} photograph from ${P(t.reference.capturedAt)}`,
 								onClick: () => {
 									if (c && !l) {
 										s(i);
@@ -92,9 +95,9 @@ function O({ monitor: e, disabled: n, onDelete: r }) {
 										index: t.index
 									});
 								},
-								children: [/* @__PURE__ */ b(y, { className: "mr-1 inline h-3 w-3" }), l ? "Confirm" : "Delete"]
+								children: [/* @__PURE__ */ C(S, { className: "mr-1 inline h-3 w-3" }), l ? "Confirm" : "Delete"]
 							}),
-							l && /* @__PURE__ */ b("p", {
+							l && /* @__PURE__ */ C("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."
 							})
@@ -105,24 +108,24 @@ function O({ monitor: e, disabled: n, onDelete: r }) {
 		}, e.condition))
 	});
 }
-function k({ reference: e }) {
+function N({ reference: e }) {
 	let [n, r] = t(!1), i = e.thumbnailMediaId;
-	return i === void 0 || n ? /* @__PURE__ */ x("div", {
+	return i === void 0 || n ? /* @__PURE__ */ w("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__ */ b(v, { className: "h-4 w-4" }), /* @__PURE__ */ b("span", {
+		children: [/* @__PURE__ */ C(x, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", {
 			className: "text-[9px]",
 			children: "no picture"
 		})]
-	}) : /* @__PURE__ */ b("img", {
-		src: `${w}/${encodeURIComponent(i)}`,
+	}) : /* @__PURE__ */ C("img", {
+		src: k(i),
 		alt: "",
 		loading: "lazy",
 		className: "h-16 w-full rounded object-cover",
 		onError: () => r(!0)
 	});
 }
-function A(e) {
+function P(e) {
 	let t = new Date(e);
 	return `${t.toLocaleDateString()} ${t.toLocaleTimeString([], {
 		hour: "2-digit",
@@ -132,15 +135,15 @@ function A(e) {
 //#endregion
 //#region ../ui-library/src/composites/cap-settings/SceneSettingsForm.tsx
 a();
-var j = "rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground focus:border-primary focus:outline-none disabled:opacity-50", M = "text-[10px] font-medium text-foreground-subtle", N = "flex flex-col gap-2 rounded-md border border-border bg-surface/40 p-2", P = "text-[10px] font-semibold uppercase tracking-wide text-foreground-subtle", F = 5, I = 3600, L = {
+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 = {
 	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."
-}, R = {
+}, H = {
 	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 z(e) {
+function U(e) {
 	return {
 		label: e.label,
 		checkIntervalSec: e.checkIntervalSec ?? 60,
@@ -151,10 +154,10 @@ function z(e) {
 		confirmPrompt: e.confirm?.prompt ?? ""
 	};
 }
-function B({ monitor: e, disabled: n, onPatch: r }) {
-	let [a, o] = t(() => z(e)), [s, c] = t(!1);
+function W({ monitor: e, disabled: n, onPatch: r }) {
+	let [a, o] = t(() => U(e)), [s, c] = t(!1);
 	i(() => {
-		s || o(z(e));
+		s || o(U(e));
 	}, [e, s]);
 	let l = (e) => {
 		c(!1), r(e);
@@ -166,26 +169,26 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 		...e.check,
 		hysteresisCount: t.hysteresisCount ?? e.check.hysteresisCount
 	}, f = e.confirm?.enabled === !0, p = e.check.mode === "similarity" ? e.check.threshold : null;
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ w("div", {
 		className: "flex flex-col gap-2",
 		children: [
-			/* @__PURE__ */ x("div", {
-				className: N,
+			/* @__PURE__ */ w("div", {
+				className: L,
 				children: [
-					/* @__PURE__ */ b("p", {
-						className: P,
+					/* @__PURE__ */ C("p", {
+						className: R,
 						children: "What it watches"
 					}),
-					/* @__PURE__ */ x("label", {
+					/* @__PURE__ */ w("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ b("span", {
-							className: M,
+						children: [/* @__PURE__ */ C("span", {
+							className: I,
 							children: "Name"
-						}), /* @__PURE__ */ b("input", {
+						}), /* @__PURE__ */ C("input", {
 							type: "text",
 							value: a.label,
 							disabled: n,
-							className: j,
+							className: F,
 							onFocus: () => c(!0),
 							onChange: (e) => o((t) => ({
 								...t,
@@ -197,100 +200,100 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 							}
 						})]
 					}),
-					/* @__PURE__ */ x("label", {
+					/* @__PURE__ */ w("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ b("input", {
+						children: [/* @__PURE__ */ C("input", {
 							type: "checkbox",
 							checked: e.enabled,
 							disabled: n,
 							onChange: (e) => l({ enabled: e.target.checked })
-						}), /* @__PURE__ */ b("span", {
-							className: M,
+						}), /* @__PURE__ */ C("span", {
+							className: I,
 							children: "Watching"
 						})]
 					}),
-					/* @__PURE__ */ b("p", {
+					/* @__PURE__ */ C("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__ */ x("label", {
+					/* @__PURE__ */ w("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ b("span", {
-							className: M,
+						children: [/* @__PURE__ */ C("span", {
+							className: I,
 							children: "When to look"
-						}), /* @__PURE__ */ x("select", {
+						}), /* @__PURE__ */ w("select", {
 							value: e.triggerMode,
 							disabled: n,
-							className: j,
+							className: F,
 							onChange: (e) => {
 								let t = e.target.value;
 								(t === "periodic" || t === "on-motion" || t === "both") && l({ triggerMode: t });
 							},
 							children: [
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ C("option", {
 									value: "both",
 									children: "On the clock and after motion settles"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ C("option", {
 									value: "periodic",
 									children: "On the clock only"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ C("option", {
 									value: "on-motion",
 									children: "After motion settles only"
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ b("p", {
+					/* @__PURE__ */ C("p", {
 						className: d,
-						children: L[e.triggerMode]
+						children: V[e.triggerMode]
 					}),
-					/* @__PURE__ */ x("label", {
+					/* @__PURE__ */ w("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ b("span", {
-							className: M,
+						children: [/* @__PURE__ */ C("span", {
+							className: I,
 							children: "Check every (seconds)"
-						}), /* @__PURE__ */ b("input", {
+						}), /* @__PURE__ */ C("input", {
 							type: "number",
-							min: F,
-							max: I,
+							min: z,
+							max: B,
 							value: a.checkIntervalSec,
 							disabled: n,
-							className: j,
+							className: F,
 							onFocus: () => c(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								checkIntervalSec: Number(e.target.value) || 0
 							})),
 							onBlur: () => {
-								let t = V(a.checkIntervalSec, F, I);
+								let t = G(a.checkIntervalSec, z, B);
 								t === e.checkIntervalSec ? c(!1) : l({ checkIntervalSec: t });
 							}
 						})]
 					}),
-					/* @__PURE__ */ b("p", {
+					/* @__PURE__ */ C("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__ */ x("div", {
-				className: N,
+			/* @__PURE__ */ w("div", {
+				className: L,
 				children: [
-					/* @__PURE__ */ b("p", {
-						className: P,
+					/* @__PURE__ */ C("p", {
+						className: R,
 						children: "How sure it has to be"
 					}),
-					e.check.mode === "similarity" && /* @__PURE__ */ x(S, { children: [/* @__PURE__ */ x("label", {
+					e.check.mode === "similarity" && /* @__PURE__ */ w(T, { children: [/* @__PURE__ */ w("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ x("span", {
-							className: M,
-							children: ["Match threshold — ", /* @__PURE__ */ b("span", {
+						children: [/* @__PURE__ */ w("span", {
+							className: I,
+							children: ["Match threshold — ", /* @__PURE__ */ C("span", {
 								className: "tabular-nums",
 								children: a.threshold.toFixed(2)
 							})]
-						}), /* @__PURE__ */ b("input", {
+						}), /* @__PURE__ */ C("input", {
 							type: "range",
 							min: .3,
 							max: .99,
@@ -309,212 +312,212 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 								a.threshold === p ? c(!1) : l({ check: u({ threshold: a.threshold }) });
 							}
 						})]
-					}), /* @__PURE__ */ b("p", {
+					}), /* @__PURE__ */ C("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__ */ x("label", {
+					/* @__PURE__ */ w("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ b("span", {
-							className: M,
+						children: [/* @__PURE__ */ C("span", {
+							className: I,
 							children: "Agreeing checks before it changes its mind"
-						}), /* @__PURE__ */ b("input", {
+						}), /* @__PURE__ */ C("input", {
 							type: "number",
 							min: 1,
 							max: 10,
 							value: a.hysteresisCount,
 							disabled: n,
-							className: j,
+							className: F,
 							onFocus: () => c(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								hysteresisCount: Number(e.target.value) || 1
 							})),
 							onBlur: () => {
-								let t = V(a.hysteresisCount, 1, 10);
+								let t = G(a.hysteresisCount, 1, 10);
 								t === e.check.hysteresisCount ? c(!1) : l({ check: u({ hysteresisCount: t }) });
 							}
 						})]
 					}),
-					/* @__PURE__ */ b("p", {
+					/* @__PURE__ */ C("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__ */ x("label", {
+					/* @__PURE__ */ w("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ b("span", {
-							className: M,
+						children: [/* @__PURE__ */ C("span", {
+							className: I,
 							children: "Quiet for (seconds) before a check counts"
-						}), /* @__PURE__ */ b("input", {
+						}), /* @__PURE__ */ C("input", {
 							type: "number",
 							min: 0,
 							max: 3600,
 							value: a.quietSeconds,
 							disabled: n,
-							className: j,
+							className: F,
 							onFocus: () => c(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								quietSeconds: Number(e.target.value) || 0
 							})),
 							onBlur: () => {
-								let t = V(a.quietSeconds, 0, 3600);
+								let t = G(a.quietSeconds, 0, 3600);
 								t === e.quietSeconds ? c(!1) : l({ quietSeconds: t });
 							}
 						})]
 					}),
-					/* @__PURE__ */ b("p", {
+					/* @__PURE__ */ C("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__ */ x("label", {
+					/* @__PURE__ */ w("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ b("span", {
-							className: M,
+						children: [/* @__PURE__ */ C("span", {
+							className: I,
 							children: "Minimum gap between counted checks (seconds)"
-						}), /* @__PURE__ */ b("input", {
+						}), /* @__PURE__ */ C("input", {
 							type: "number",
 							min: 0,
 							max: 3600,
 							value: a.minObservationSpacingSec,
 							disabled: n,
-							className: j,
+							className: F,
 							onFocus: () => c(!0),
 							onChange: (e) => o((t) => ({
 								...t,
 								minObservationSpacingSec: Number(e.target.value) || 0
 							})),
 							onBlur: () => {
-								let t = V(a.minObservationSpacingSec, 0, 3600);
+								let t = G(a.minObservationSpacingSec, 0, 3600);
 								t === e.minObservationSpacingSec ? c(!1) : l({ minObservationSpacingSec: t });
 							}
 						})]
 					}),
-					/* @__PURE__ */ b("p", {
+					/* @__PURE__ */ C("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__ */ x("div", {
-				className: N,
+			/* @__PURE__ */ w("div", {
+				className: L,
 				children: [
-					/* @__PURE__ */ b("p", {
-						className: P,
+					/* @__PURE__ */ C("p", {
+						className: R,
 						children: "Lighting"
 					}),
-					/* @__PURE__ */ x("label", {
+					/* @__PURE__ */ w("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ b("span", {
-							className: M,
+						children: [/* @__PURE__ */ C("span", {
+							className: I,
 							children: "When a light has no reference of its own"
-						}), /* @__PURE__ */ x("select", {
+						}), /* @__PURE__ */ w("select", {
 							value: e.onUncoveredCondition,
 							disabled: n,
-							className: j,
+							className: F,
 							onChange: (e) => {
 								let t = e.target.value;
 								(t === "skip" || t === "judge-anyway") && l({ onUncoveredCondition: t });
 							},
-							children: [/* @__PURE__ */ b("option", {
+							children: [/* @__PURE__ */ C("option", {
 								value: "skip",
 								children: "Skip the check (recommended)"
-							}), /* @__PURE__ */ b("option", {
+							}), /* @__PURE__ */ C("option", {
 								value: "judge-anyway",
 								children: "Judge against the other light anyway"
 							})]
 						})]
 					}),
-					/* @__PURE__ */ b("p", {
+					/* @__PURE__ */ C("p", {
 						className: d,
-						children: R[e.onUncoveredCondition]
+						children: H[e.onUncoveredCondition]
 					})
 				]
 			}),
-			/* @__PURE__ */ x("div", {
-				className: N,
+			/* @__PURE__ */ w("div", {
+				className: L,
 				children: [
-					/* @__PURE__ */ b("p", {
-						className: P,
+					/* @__PURE__ */ C("p", {
+						className: R,
 						children: "What you get told"
 					}),
-					/* @__PURE__ */ x("label", {
+					/* @__PURE__ */ w("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ b("span", {
-							className: M,
+						children: [/* @__PURE__ */ C("span", {
+							className: I,
 							children: "Notifications follow"
-						}), /* @__PURE__ */ x("select", {
+						}), /* @__PURE__ */ w("select", {
 							value: e.emit,
 							disabled: n,
-							className: j,
+							className: F,
 							onChange: (e) => {
 								let t = e.target.value;
 								(t === "latched" || t === "live") && l({ emit: t });
 							},
-							children: [/* @__PURE__ */ b("option", {
+							children: [/* @__PURE__ */ C("option", {
 								value: "latched",
 								children: "The flag — told once, still visible at breakfast"
-							}), /* @__PURE__ */ b("option", {
+							}), /* @__PURE__ */ C("option", {
 								value: "live",
 								children: "The live state — follows the region as it changes"
 							})]
 						})]
 					}),
-					/* @__PURE__ */ b("p", {
+					/* @__PURE__ */ C("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__ */ x("label", {
+					/* @__PURE__ */ w("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ b("input", {
+						children: [/* @__PURE__ */ C("input", {
 							type: "checkbox",
 							checked: e.autoRestore,
 							disabled: n,
 							onChange: (e) => l({ autoRestore: e.target.checked })
-						}), /* @__PURE__ */ b("span", {
-							className: M,
+						}), /* @__PURE__ */ C("span", {
+							className: I,
 							children: "Clear the flag by itself when things look normal again"
 						})]
 					}),
-					/* @__PURE__ */ b("p", {
+					/* @__PURE__ */ C("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__ */ x("div", {
-				className: N,
+			/* @__PURE__ */ w("div", {
+				className: L,
 				children: [
-					/* @__PURE__ */ b("p", {
-						className: P,
+					/* @__PURE__ */ C("p", {
+						className: R,
 						children: "AI double-check"
 					}),
-					/* @__PURE__ */ x("label", {
+					/* @__PURE__ */ w("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ b("input", {
+						children: [/* @__PURE__ */ C("input", {
 							type: "checkbox",
 							checked: f,
 							disabled: n || a.confirmPrompt.trim().length === 0,
 							onChange: (e) => l(e.target.checked ? { confirm: {
-								...H(a.confirmPrompt.trim()),
+								...K(a.confirmPrompt.trim()),
 								enabled: !0
 							} } : { confirm: null })
-						}), /* @__PURE__ */ b("span", {
-							className: M,
+						}), /* @__PURE__ */ C("span", {
+							className: I,
 							children: "Ask a vision model before changing the answer"
 						})]
 					}),
-					/* @__PURE__ */ x("label", {
+					/* @__PURE__ */ w("label", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ b("span", {
-							className: M,
+						children: [/* @__PURE__ */ C("span", {
+							className: I,
 							children: "The question to ask"
-						}), /* @__PURE__ */ b("input", {
+						}), /* @__PURE__ */ C("input", {
 							type: "text",
 							value: a.confirmPrompt,
 							placeholder: "e.g. Is the wheelie bin still there?",
 							disabled: n,
-							className: j,
+							className: F,
 							onFocus: () => c(!0),
 							onChange: (e) => o((t) => ({
 								...t,
@@ -523,17 +526,17 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 							onBlur: () => {
 								let t = a.confirmPrompt.trim();
 								t.length > 0 && t !== e.confirm?.prompt ? l({ confirm: {
-									...H(t),
+									...K(t),
 									enabled: f
 								} }) : c(!1);
 							}
 						})]
 					}),
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ w("p", {
 						className: d,
 						children: [
 							"The model is asked ",
-							/* @__PURE__ */ b("strong", { children: "only" }),
+							/* @__PURE__ */ C("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."
 						]
 					})
@@ -542,10 +545,10 @@ function B({ monitor: e, disabled: n, onPatch: r }) {
 		]
 	});
 }
-function V(e, t, n) {
+function G(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function H(e) {
+function K(e) {
 	return {
 		enabled: !1,
 		prompt: e,
@@ -557,13 +560,13 @@ function H(e) {
 //#endregion
 //#region ../ui-library/src/composites/cap-settings/SceneMonitorEditor.tsx
 a();
-var U = "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", W = "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", G = "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", K = {
+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 = {
 	alarm: "border-danger/50 bg-danger/15 text-danger",
 	ok: "border-success/50 bg-success/15 text-success",
 	unknown: "border-border bg-surface text-foreground-subtle"
-}, q = .8, J = 3;
-function Y({ deviceId: a }) {
-	let u = l(o().trpcClient, a), p = s(u?.state.sceneMonitor), v = re(a, { width: 640 }), [w, T] = t(null), [E, D] = t(!1), [k, A] = t(null), [j, M] = t(null), [N, P] = t(null), [F, I] = t(null), [L, R] = t(!1), [z, V] = t(null), [H, Y] = t(""), X = n(!0);
+}, re = .8, ie = 3;
+function X({ deviceId: a }) {
+	let u = l(o().trpcClient, a), p = s(u?.state.sceneMonitor), x = b(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, () => {
 		X.current = !1;
 	}), []);
@@ -571,23 +574,23 @@ function Y({ deviceId: a }) {
 		if (u) try {
 			let e = await u.sceneMonitor?.listScenes({});
 			if (!X.current) return;
-			e && T(e);
+			e && k(e);
 		} catch (e) {
 			if (!X.current) return;
-			c(e) ? D(!0) : M(e instanceof Error ? e.message : String(e));
+			c(e) ? j(!0) : F(e instanceof Error ? e.message : String(e));
 		}
 	}, [u]);
 	i(() => {
-		T(null), D(!1), M(null), Z();
+		k(null), j(!1), F(null), Z();
 	}, [Z]);
-	let Q = p?.monitors ?? w?.monitors ?? [], ae = Date.now(), $ = e(async (e, t) => {
-		A(e), M(null);
+	let Q = p?.monitors ?? O?.monitors ?? [], ae = Date.now(), $ = e(async (e, t) => {
+		N(e), F(null);
 		try {
 			await t(), await Z();
 		} catch (e) {
-			X.current && M(e instanceof Error ? e.message : String(e));
+			X.current && F(e instanceof Error ? e.message : String(e));
 		} finally {
-			X.current && A(null);
+			X.current && N(null);
 		}
 	}, [Z]), oe = r(() => {
 		let e = Q.map((e) => ({
@@ -596,15 +599,15 @@ function Y({ deviceId: a }) {
 			label: e.label,
 			enabled: e.enabled
 		}));
-		return z === null ? e : [...e, {
+		return H === null ? e : [...e, {
 			id: "__draft__",
-			shape: z,
+			shape: H,
 			label: "New scene"
 		}];
-	}, [Q, z]), se = e((e, t) => {
+	}, [Q, H]), se = e((e, t) => {
 		if (t.kind === "rect") {
 			if (e === "__draft__") {
-				V(t);
+				U(t);
 				return;
 			}
 			$(`roi-${String(e)}`, async () => u?.sceneMonitor?.updateScene({
@@ -613,205 +616,205 @@ function Y({ deviceId: a }) {
 			}));
 		}
 	}, [u, $]), ce = e((e) => {
-		e.kind === "rect" && V(e);
+		e.kind === "rect" && U(e);
 	}, []), le = e(async () => {
-		z === null || H.trim().length === 0 || (await $("create", async () => {
+		H === null || G.trim().length === 0 || (await $("create", async () => {
 			await u?.sceneMonitor?.createScene({
-				label: H.trim(),
-				roi: z,
+				label: G.trim(),
+				roi: H,
 				check: {
 					mode: "similarity",
-					threshold: q,
-					hysteresisCount: J
+					threshold: re,
+					hysteresisCount: ie
 				}
 			});
-		}), V(null), Y(""), R(!1));
+		}), U(null), K(""), V(!1));
 	}, [
 		u,
-		z,
 		H,
+		G,
 		$
 	]);
-	return u ? /* @__PURE__ */ b("div", {
+	return u ? /* @__PURE__ */ C("div", {
 		className: "flex flex-col gap-3",
-		children: E ? /* @__PURE__ */ b("p", {
+		children: A ? /* @__PURE__ */ C("p", {
 			className: `${d} leading-relaxed`,
 			children: "Scene monitoring is not available for this camera."
-		}) : /* @__PURE__ */ x(S, { children: [
-			/* @__PURE__ */ b("p", {
+		}) : /* @__PURE__ */ w(T, { children: [
+			/* @__PURE__ */ C("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__ */ b("div", {
+			/* @__PURE__ */ C("div", {
 				className: "relative overflow-hidden rounded-md border border-border",
-				children: /* @__PURE__ */ b(C, {
+				children: /* @__PURE__ */ C(E, {
 					items: oe,
 					supportedShapes: ["rect"],
-					selectedId: N ?? (z === null ? null : "__draft__"),
-					onSelect: (e) => P(e === null ? null : String(e)),
+					selectedId: I ?? (H === null ? null : "__draft__"),
+					onSelect: (e) => L(e === null ? null : String(e)),
 					onShapeChange: se,
 					onDrawComplete: ce,
-					drawingKind: L && z === null ? "rect" : null,
-					backdrop: v.src === null ? null : /* @__PURE__ */ b("img", {
-						src: v.src,
+					drawingKind: B && H === null ? "rect" : null,
+					backdrop: x.src === null ? null : /* @__PURE__ */ C("img", {
+						src: x.src,
 						alt: "",
 						className: "h-full w-full object-contain",
 						draggable: !1
 					})
 				})
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ w("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ b("button", {
+				children: [/* @__PURE__ */ C("button", {
 					type: "button",
-					className: L ? W : U,
-					"aria-pressed": L,
+					className: B ? J : q,
+					"aria-pressed": B,
 					onClick: () => {
-						R((e) => !e), V(null);
+						V((e) => !e), U(null);
 					},
-					disabled: k !== null,
-					children: L ? "Cancel" : "+ New scene"
-				}), /* @__PURE__ */ b("button", {
+					disabled: M !== null,
+					children: B ? "Cancel" : "+ New scene"
+				}), /* @__PURE__ */ C("button", {
 					type: "button",
-					className: U,
-					onClick: v.refresh,
-					disabled: k !== null,
+					className: q,
+					onClick: x.refresh,
+					disabled: M !== null,
 					children: "Refresh frame"
 				})]
 			}),
-			L && /* @__PURE__ */ x("div", {
+			B && /* @__PURE__ */ w("div", {
 				className: "flex flex-col gap-2 rounded-md border border-border bg-surface p-2",
 				children: [
-					/* @__PURE__ */ b("p", {
+					/* @__PURE__ */ C("p", {
 						className: "text-[10px] text-foreground-subtle",
-						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."
+						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."
 					}),
-					z !== null && f(z) && /* @__PURE__ */ b("p", {
+					H !== null && f(H) && /* @__PURE__ */ C("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__ */ x("div", {
+					/* @__PURE__ */ w("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ b("input", {
+						children: [/* @__PURE__ */ C("input", {
 							type: "text",
-							value: H,
-							onChange: (e) => Y(e.target.value),
+							value: G,
+							onChange: (e) => K(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__ */ b("button", {
+						}), /* @__PURE__ */ C("button", {
 							type: "button",
-							className: W,
+							className: J,
 							onClick: () => void le(),
-							disabled: z === null || H.trim().length === 0 || k !== null,
+							disabled: H === null || G.trim().length === 0 || M !== null,
 							children: "Create"
 						})]
 					})
 				]
 			}),
-			j !== null && /* @__PURE__ */ b("p", {
+			P !== null && /* @__PURE__ */ C("p", {
 				className: "text-[11px] leading-relaxed text-danger",
-				children: j
+				children: P
 			}),
-			Q.length === 0 ? /* @__PURE__ */ b("p", {
+			Q.length === 0 ? /* @__PURE__ */ C("p", {
 				className: `${d} leading-relaxed`,
 				children: "No scenes on this camera yet."
-			}) : /* @__PURE__ */ b("ul", {
+			}) : /* @__PURE__ */ C("ul", {
 				className: "flex flex-col gap-2",
 				children: Q.map((e) => {
-					let t = g(e);
-					return /* @__PURE__ */ x("li", {
-						className: `flex flex-col gap-1.5 rounded-md border p-2 ${N === e.id ? "border-primary/50" : "border-border"}`,
+					let t = v(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"}`,
 						children: [
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ b("button", {
+								children: [/* @__PURE__ */ C("button", {
 									type: "button",
 									className: "flex-1 text-left text-[12px] font-medium text-foreground",
-									onClick: () => P(e.id),
+									onClick: () => L(e.id),
 									children: e.label
-								}), /* @__PURE__ */ b("span", {
-									className: `rounded border px-1.5 py-0.5 text-[10px] font-medium ${K[t.tone]}`,
+								}), /* @__PURE__ */ C("span", {
+									className: `rounded border px-1.5 py-0.5 text-[10px] font-medium ${ne[t.tone]}`,
 									children: t.text
 								})]
 							}),
-							/* @__PURE__ */ b("p", {
+							/* @__PURE__ */ C("p", {
 								className: `${d} leading-relaxed`,
-								children: ne(e, ae)
+								children: _(e, ae)
 							}),
-							/* @__PURE__ */ b("p", {
+							/* @__PURE__ */ C("p", {
 								className: `${d} tabular-nums`,
 								children: m(e)
 							}),
-							/* @__PURE__ */ b(O, {
+							/* @__PURE__ */ C(te, {
 								monitor: e,
-								disabled: k !== null,
+								disabled: M !== 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__ */ x("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex flex-wrap items-center gap-1.5",
 								children: [
-									h.map((t) => {
+									g.map((t) => {
 										let n = t === "ir";
-										return /* @__PURE__ */ x("button", {
+										return /* @__PURE__ */ w("button", {
 											type: "button",
-											className: U,
-											disabled: k !== null,
-											title: n ? "Optional. Without a night reference the checks in infrared are simply skipped — the scene keeps working in daylight and nothing is reported as broken." : `Take a fresh photo now and store it as the ${_(t).toLowerCase()} reference`,
+											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 ${y(t).toLowerCase()} reference`,
 											onClick: () => void $(`cap-${e.id}-${t}`, async () => u.sceneMonitor?.captureReference({
 												monitorId: e.id,
 												condition: t
 											})),
 											children: [
-												/* @__PURE__ */ b(ee, { className: "mr-1 inline h-3 w-3" }),
+												/* @__PURE__ */ C(ee, { className: "mr-1 inline h-3 w-3" }),
 												"Capture ",
-												_(t).toLowerCase(),
-												n && /* @__PURE__ */ b("span", {
+												y(t).toLowerCase(),
+												n && /* @__PURE__ */ C("span", {
 													className: "ml-1 text-foreground-subtle/70",
 													children: "(optional)"
 												})
 											]
 										}, t);
 									}),
-									/* @__PURE__ */ x("button", {
+									/* @__PURE__ */ w("button", {
 										type: "button",
-										className: W,
-										disabled: k !== null || e.states.length === 0,
+										className: J,
+										disabled: M !== 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__ */ b(te, { className: "mr-1 inline h-3 w-3" }), "Reset"]
+										children: [/* @__PURE__ */ C(h, { className: "mr-1 inline h-3 w-3" }), "Reset"]
 									}),
-									/* @__PURE__ */ b("button", {
+									/* @__PURE__ */ C("button", {
 										type: "button",
-										className: U,
-										disabled: k !== null,
+										className: q,
+										disabled: M !== null,
 										onClick: () => void $(`check-${e.id}`, async () => u.sceneMonitor?.recheckNow({ monitorId: e.id })),
 										children: "Check now"
 									}),
-									/* @__PURE__ */ x("button", {
+									/* @__PURE__ */ w("button", {
 										type: "button",
-										className: F === e.id ? W : U,
-										"aria-pressed": F === e.id,
+										className: R === e.id ? J : q,
+										"aria-pressed": R === e.id,
 										"aria-label": `Settings for ${e.label}`,
-										disabled: k !== null,
-										onClick: () => I((t) => t === e.id ? null : e.id),
-										children: [/* @__PURE__ */ b(ie, { className: "mr-1 inline h-3 w-3" }), "Settings"]
+										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"]
 									}),
-									/* @__PURE__ */ b("button", {
+									/* @__PURE__ */ C("button", {
 										type: "button",
-										className: G,
-										disabled: k !== null,
+										className: Y,
+										disabled: M !== null,
 										onClick: () => void $(`del-${e.id}`, async () => u.sceneMonitor?.deleteScene({ monitorId: e.id })),
-										children: /* @__PURE__ */ b(y, { className: "h-3 w-3" })
+										children: /* @__PURE__ */ C(S, { className: "h-3 w-3" })
 									})
 								]
 							}),
-							F === e.id && /* @__PURE__ */ b(B, {
+							R === e.id && /* @__PURE__ */ C(W, {
 								monitor: e,
-								disabled: k !== null,
+								disabled: M !== null,
 								onPatch: (t) => void $(`tune-${e.id}`, async () => u.sceneMonitor?.updateScene({
 									monitorId: e.id,
 									patch: t
@@ -825,4 +828,4 @@ function Y({ deviceId: a }) {
 	}) : null;
 }
 //#endregion
-export { Y as SceneMonitorEditor };
+export { X as SceneMonitorEditor };