@camstack/addon-model-studio 1.1.306 → 1.1.307

package/dist/{SceneMonitorEditor-DffVOhzN.mjs → SceneMonitorEditor-C9B7EixP.mjs}

@@ -1,10 +1,10 @@
 import { S as e, _ as t, d as n, g as r, l as i, v as a } from "./_virtual_mf___mfe_internal__addon_model_studio_page__loadShare__react__loadShare__.js-DMBKVIH7.mjs";
 import { n as o, r as s, t as c } from "./_virtual_mf___mfe_internal__addon_model_studio_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-ds_Ehzaa.mjs";
 import { r as l, t as u } from "./ui-text-BqZa5BNK.mjs";
-import { _ as d, d as f, f as p, h as m, l as h, p as g } from "./responsive-BOS8RfJa.mjs";
-import { a as _, c as v, d as y, i as ee, l as b, n as x, o as S, r as C, s as w, t as T, u as E } from "./scene-monitor-copy-CaVNQakt.mjs";
-import { t as D } from "./trash-2-DYZFq4gu.mjs";
-import { MaskShapeCanvas as O } from "./MaskShapeCanvas-CrWutXSb.mjs";
+import { _ as d, d as f, f as p, h as m, l as h, p as g } from "./responsive-DhsW4w_p.mjs";
+import { a as _, c as v, d as y, f as ee, i as b, l as x, n as S, o as C, r as w, s as T, t as E, u as D } from "./scene-monitor-copy-BYVAve5e.mjs";
+import { t as O } from "./trash-2-DScdmxQC.mjs";
+import { MaskShapeCanvas as k } from "./MaskShapeCanvas-CrWutXSb.mjs";
 var te = d("settings-2", [
 	["path", {
 		d: "M14 17H5",
@@ -30,11 +30,11 @@ var te = d("settings-2", [
 //#endregion
 //#region ../ui-library/src/composites/cap-settings/SceneReferenceGallery.tsx
 e();
-var k = v("/addon/pipeline-analytics/event-media");
-function A(e) {
-	return `${k}/m/${e}`;
-}
+var A = v("/addon/pipeline-analytics/event-media");
 function j(e) {
+	return `${A}/m/${e}`;
+}
+function M(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e.states) n.references.forEach((e, r) => {
 		let i = t.get(e.condition) ?? [];
@@ -49,12 +49,12 @@ 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 N(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";
+var P = "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 ne({ monitor: e, disabled: t, onDelete: n }) {
-	let r = l(), i = j(e), c = M(e), [u, d] = a(null);
+	let r = l(), i = M(e), a = N(e), c = x();
 	return i.length === 0 ? /* @__PURE__ */ o("p", {
 		className: `${h} leading-relaxed`,
 		children: r("uiLibrary.sceneReferenceGallery.empty", "No photographs captured yet. Press “Capture daylight” to take the one this scene will judge everything against.")
@@ -65,71 +65,70 @@ function ne({ monitor: e, disabled: t, onDelete: n }) {
 			children: [/* @__PURE__ */ s("p", {
 				className: "text-[10px] font-semibold uppercase tracking-wide text-foreground-subtle",
 				children: [
-					S(e.condition, r),
+					C(e.condition, r),
 					" · ",
 					e.tiles.length
 				]
 			}), /* @__PURE__ */ o("ul", {
 				className: "flex flex-wrap gap-1.5",
 				children: e.tiles.map((i) => {
-					let a = `${i.stateId}:${String(i.index)}`, l = c === 1, f = u === a;
+					let l = `${i.stateId}:${String(i.index)}`, u = a === 1;
 					return /* @__PURE__ */ s("li", {
 						className: "flex w-24 flex-col gap-1 rounded-md border border-border p-1",
 						children: [
-							/* @__PURE__ */ o(P, { reference: i.reference }),
+							/* @__PURE__ */ o(F, { reference: i.reference }),
 							/* @__PURE__ */ o("span", {
 								className: `${h} tabular-nums`,
-								children: F(i.reference.capturedAt)
+								children: I(i.reference.capturedAt)
 							}),
 							/* @__PURE__ */ s("button", {
 								type: "button",
-								className: N,
+								className: P,
 								disabled: t,
 								"aria-label": r("uiLibrary.sceneReferenceGallery.deleteLabel", "Delete the {{variant}} photograph from {{date}}", {
-									variant: S(e.condition, r).toLowerCase(),
-									date: F(i.reference.capturedAt)
+									variant: C(e.condition, r).toLowerCase(),
+									date: I(i.reference.capturedAt)
 								}),
 								onClick: () => {
-									if (l && !f) {
-										d(a);
-										return;
-									}
-									d(null), n({
-										stateId: i.stateId,
-										index: i.index
-									});
+									(async () => {
+										u && !await c({
+											title: r("uiLibrary.sceneReferenceGallery.deleteTitle", "Delete the only photograph?"),
+											message: r("uiLibrary.sceneReferenceGallery.lastWarning", "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."),
+											confirmLabel: r("uiLibrary.sceneReferenceGallery.delete", "Delete"),
+											variant: "danger"
+										}) || n({
+											stateId: i.stateId,
+											index: i.index
+										});
+									})();
 								},
-								children: [/* @__PURE__ */ o(D, { className: "mr-1 inline h-3 w-3" }), f ? r("uiLibrary.sceneReferenceGallery.confirm", "Confirm") : r("uiLibrary.sceneReferenceGallery.delete", "Delete")]
-							}),
-							f && /* @__PURE__ */ o("p", {
-								className: "text-[10px] leading-snug text-warning",
-								children: r("uiLibrary.sceneReferenceGallery.lastWarning", "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.")
+								children: [/* @__PURE__ */ o(O, { className: "mr-1 inline h-3 w-3" }), r("uiLibrary.sceneReferenceGallery.delete", "Delete")]
 							})
 						]
-					}, a);
+					}, l);
 				})
 			})]
 		}, e.condition))
 	});
 }
-function P({ reference: e }) {
+function F({ reference: e }) {
 	let t = l(), [n, r] = a(!1), i = e.thumbnailMediaId;
 	return i === void 0 || n ? /* @__PURE__ */ s("div", {
 		className: "flex h-16 w-full flex-col items-center justify-center gap-0.5 rounded bg-surface text-foreground-subtle",
 		title: t("uiLibrary.sceneReferenceGallery.missingPicture", "The picture for this reference is no longer stored. The reference itself is intact and still being scored against."),
-		children: [/* @__PURE__ */ o(E, { className: "h-4 w-4" }), /* @__PURE__ */ o("span", {
+		children: [/* @__PURE__ */ o(y, { className: "h-4 w-4" }), /* @__PURE__ */ o("span", {
 			className: "text-[9px]",
 			children: t("uiLibrary.sceneReferenceGallery.noPicture", "no picture")
 		})]
 	}) : /* @__PURE__ */ o("img", {
-		src: A(i),
+		src: j(i),
 		alt: "",
 		loading: "lazy",
 		className: "h-16 w-full rounded object-cover",
 		onError: () => r(!0)
 	});
 }
-function F(e) {
+function I(e) {
 	let t = new Date(e);
 	return `${t.toLocaleDateString()} ${t.toLocaleTimeString([], {
 		hour: "2-digit",
@@ -139,21 +138,21 @@ 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;
-function H(e, t) {
+var L = "rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground focus:border-primary focus:outline-none disabled:opacity-50", R = "text-[10px] font-medium text-foreground-subtle", z = "flex flex-col gap-2 rounded-md border border-border bg-surface/40 p-2", B = "text-[10px] font-semibold uppercase tracking-wide text-foreground-subtle", V = 5, H = 3600;
+function U(e, t) {
 	switch (e) {
 		case "periodic": return t("uiLibrary.sceneSettingsForm.triggerHintPeriodic", "Only on the clock. Predictable, and it notices a change even on a camera nothing ever moves in front of.");
 		case "on-motion": return t("uiLibrary.sceneSettingsForm.triggerHintOnMotion", "Only after the camera has been still again for the quiet window below. Cheapest, but a change nobody walks past is never seen.");
 		case "both": return t("uiLibrary.sceneSettingsForm.triggerHintBoth", "Both — the clock is the safety net that lets the motion path miss. This is the right answer for almost every scene.");
 	}
 }
-function U(e, t) {
+function W(e, t) {
 	switch (e) {
 		case "skip": return t("uiLibrary.sceneSettingsForm.uncoveredHintSkip", "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.");
 		case "judge-anyway": return t("uiLibrary.sceneSettingsForm.uncoveredHintJudge", "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 G(e) {
 	return {
 		label: e.label,
 		checkIntervalSec: e.checkIntervalSec ?? 60,
@@ -164,10 +163,10 @@ function W(e) {
 		confirmPrompt: e.confirm?.prompt ?? ""
 	};
 }
-function G({ monitor: e, disabled: t, onPatch: r }) {
-	let i = l(), [d, f] = a(() => W(e)), [p, m] = a(!1);
+function K({ monitor: e, disabled: t, onPatch: r }) {
+	let i = l(), [d, f] = a(() => G(e)), [p, m] = a(!1);
 	n(() => {
-		p || f(W(e));
+		p || f(G(e));
 	}, [e, p]);
 	let g = (e) => {
 		m(!1), r(e);
@@ -183,22 +182,22 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 		className: "flex flex-col gap-2",
 		children: [
 			/* @__PURE__ */ s("div", {
-				className: R,
+				className: z,
 				children: [
 					/* @__PURE__ */ o("p", {
-						className: z,
+						className: B,
 						children: i("uiLibrary.sceneSettingsForm.whatItWatches", "What it watches")
 					}),
 					/* @__PURE__ */ s("label", {
 						className: "flex flex-col gap-1",
 						children: [/* @__PURE__ */ o("span", {
-							className: L,
+							className: R,
 							children: i("uiLibrary.sceneSettingsForm.name", "Name")
 						}), /* @__PURE__ */ o("input", {
 							type: "text",
 							value: d.label,
 							disabled: t,
-							className: I,
+							className: L,
 							onFocus: () => m(!0),
 							onChange: (e) => f((t) => ({
 								...t,
@@ -218,7 +217,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							disabled: t,
 							onChange: (e) => g({ enabled: e.target.checked })
 						}), /* @__PURE__ */ o("span", {
-							className: L,
+							className: R,
 							children: i("uiLibrary.sceneSettingsForm.watching", "Watching")
 						})]
 					}),
@@ -229,12 +228,12 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 					/* @__PURE__ */ s("label", {
 						className: "flex flex-col gap-1",
 						children: [/* @__PURE__ */ o("span", {
-							className: L,
+							className: R,
 							children: i("uiLibrary.sceneSettingsForm.whenToLook", "When to look")
 						}), /* @__PURE__ */ s("select", {
 							value: e.triggerMode,
 							disabled: t,
-							className: I,
+							className: L,
 							onChange: (e) => {
 								let t = e.target.value;
 								(t === "periodic" || t === "on-motion" || t === "both") && g({ triggerMode: t });
@@ -257,27 +256,27 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 					}),
 					/* @__PURE__ */ o("p", {
 						className: h,
-						children: H(e.triggerMode, i)
+						children: U(e.triggerMode, i)
 					}),
 					/* @__PURE__ */ s("label", {
 						className: "flex flex-col gap-1",
 						children: [/* @__PURE__ */ o("span", {
-							className: L,
+							className: R,
 							children: i("uiLibrary.sceneSettingsForm.checkEvery", "Check every (seconds)")
 						}), /* @__PURE__ */ o("input", {
 							type: "number",
-							min: B,
-							max: V,
+							min: V,
+							max: H,
 							value: d.checkIntervalSec,
 							disabled: t,
-							className: I,
+							className: L,
 							onFocus: () => m(!0),
 							onChange: (e) => f((t) => ({
 								...t,
 								checkIntervalSec: Number(e.target.value) || 0
 							})),
 							onBlur: () => {
-								let t = K(d.checkIntervalSec, B, V);
+								let t = q(d.checkIntervalSec, V, H);
 								t === e.checkIntervalSec ? m(!1) : g({ checkIntervalSec: t });
 							}
 						})]
@@ -289,16 +288,16 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 				]
 			}),
 			/* @__PURE__ */ s("div", {
-				className: R,
+				className: z,
 				children: [
 					/* @__PURE__ */ o("p", {
-						className: z,
+						className: B,
 						children: i("uiLibrary.sceneSettingsForm.howSure", "How sure it has to be")
 					}),
 					e.check.mode === "similarity" && /* @__PURE__ */ s(c, { children: [/* @__PURE__ */ s("label", {
 						className: "flex flex-col gap-1",
 						children: [/* @__PURE__ */ o("span", {
-							className: L,
+							className: R,
 							children: /* @__PURE__ */ o(u, {
 								uiKey: "uiLibrary.sceneSettingsForm.matchThreshold",
 								fallback: "Match threshold — <0>{{value}}</0>",
@@ -331,7 +330,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 					/* @__PURE__ */ s("label", {
 						className: "flex flex-col gap-1",
 						children: [/* @__PURE__ */ o("span", {
-							className: L,
+							className: R,
 							children: i("uiLibrary.sceneSettingsForm.agreeingChecks", "Agreeing checks before it changes its mind")
 						}), /* @__PURE__ */ o("input", {
 							type: "number",
@@ -339,14 +338,14 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							max: 10,
 							value: d.hysteresisCount,
 							disabled: t,
-							className: I,
+							className: L,
 							onFocus: () => m(!0),
 							onChange: (e) => f((t) => ({
 								...t,
 								hysteresisCount: Number(e.target.value) || 1
 							})),
 							onBlur: () => {
-								let t = K(d.hysteresisCount, 1, 10);
+								let t = q(d.hysteresisCount, 1, 10);
 								t === e.check.hysteresisCount ? m(!1) : g({ check: _({ hysteresisCount: t }) });
 							}
 						})]
@@ -358,7 +357,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 					/* @__PURE__ */ s("label", {
 						className: "flex flex-col gap-1",
 						children: [/* @__PURE__ */ o("span", {
-							className: L,
+							className: R,
 							children: i("uiLibrary.sceneSettingsForm.quietFor", "Quiet for (seconds) before a check counts")
 						}), /* @__PURE__ */ o("input", {
 							type: "number",
@@ -366,14 +365,14 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							max: 3600,
 							value: d.quietSeconds,
 							disabled: t,
-							className: I,
+							className: L,
 							onFocus: () => m(!0),
 							onChange: (e) => f((t) => ({
 								...t,
 								quietSeconds: Number(e.target.value) || 0
 							})),
 							onBlur: () => {
-								let t = K(d.quietSeconds, 0, 3600);
+								let t = q(d.quietSeconds, 0, 3600);
 								t === e.quietSeconds ? m(!1) : g({ quietSeconds: t });
 							}
 						})]
@@ -385,7 +384,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 					/* @__PURE__ */ s("label", {
 						className: "flex flex-col gap-1",
 						children: [/* @__PURE__ */ o("span", {
-							className: L,
+							className: R,
 							children: i("uiLibrary.sceneSettingsForm.minGap", "Minimum gap between counted checks (seconds)")
 						}), /* @__PURE__ */ o("input", {
 							type: "number",
@@ -393,14 +392,14 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							max: 3600,
 							value: d.minObservationSpacingSec,
 							disabled: t,
-							className: I,
+							className: L,
 							onFocus: () => m(!0),
 							onChange: (e) => f((t) => ({
 								...t,
 								minObservationSpacingSec: Number(e.target.value) || 0
 							})),
 							onBlur: () => {
-								let t = K(d.minObservationSpacingSec, 0, 3600);
+								let t = q(d.minObservationSpacingSec, 0, 3600);
 								t === e.minObservationSpacingSec ? m(!1) : g({ minObservationSpacingSec: t });
 							}
 						})]
@@ -412,21 +411,21 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 				]
 			}),
 			/* @__PURE__ */ s("div", {
-				className: R,
+				className: z,
 				children: [
 					/* @__PURE__ */ o("p", {
-						className: z,
+						className: B,
 						children: i("uiLibrary.sceneSettingsForm.lighting", "Lighting")
 					}),
 					/* @__PURE__ */ s("label", {
 						className: "flex flex-col gap-1",
 						children: [/* @__PURE__ */ o("span", {
-							className: L,
+							className: R,
 							children: i("uiLibrary.sceneSettingsForm.noReference", "When a light has no reference of its own")
 						}), /* @__PURE__ */ s("select", {
 							value: e.onUncoveredCondition,
 							disabled: t,
-							className: I,
+							className: L,
 							onChange: (e) => {
 								let t = e.target.value;
 								(t === "skip" || t === "judge-anyway") && g({ onUncoveredCondition: t });
@@ -442,26 +441,26 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 					}),
 					/* @__PURE__ */ o("p", {
 						className: h,
-						children: U(e.onUncoveredCondition, i)
+						children: W(e.onUncoveredCondition, i)
 					})
 				]
 			}),
 			/* @__PURE__ */ s("div", {
-				className: R,
+				className: z,
 				children: [
 					/* @__PURE__ */ o("p", {
-						className: z,
+						className: B,
 						children: i("uiLibrary.sceneSettingsForm.whatYouGetTold", "What you get told")
 					}),
 					/* @__PURE__ */ s("label", {
 						className: "flex flex-col gap-1",
 						children: [/* @__PURE__ */ o("span", {
-							className: L,
+							className: R,
 							children: i("uiLibrary.sceneSettingsForm.notificationsFollow", "Notifications follow")
 						}), /* @__PURE__ */ s("select", {
 							value: e.emit,
 							disabled: t,
-							className: I,
+							className: L,
 							onChange: (e) => {
 								let t = e.target.value;
 								(t === "latched" || t === "live") && g({ emit: t });
@@ -487,7 +486,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							disabled: t,
 							onChange: (e) => g({ autoRestore: e.target.checked })
 						}), /* @__PURE__ */ o("span", {
-							className: L,
+							className: R,
 							children: i("uiLibrary.sceneSettingsForm.autoRestore", "Clear the flag by itself when things look normal again")
 						})]
 					}),
@@ -498,10 +497,10 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 				]
 			}),
 			/* @__PURE__ */ s("div", {
-				className: R,
+				className: z,
 				children: [
 					/* @__PURE__ */ o("p", {
-						className: z,
+						className: B,
 						children: i("uiLibrary.sceneSettingsForm.aiDoubleCheck", "AI double-check")
 					}),
 					/* @__PURE__ */ s("label", {
@@ -511,25 +510,25 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							checked: v,
 							disabled: t || d.confirmPrompt.trim().length === 0,
 							onChange: (e) => g(e.target.checked ? { confirm: {
-								...q(d.confirmPrompt.trim()),
+								...J(d.confirmPrompt.trim()),
 								enabled: !0
 							} } : { confirm: null })
 						}), /* @__PURE__ */ o("span", {
-							className: L,
+							className: R,
 							children: i("uiLibrary.sceneSettingsForm.askVision", "Ask a vision model before changing the answer")
 						})]
 					}),
 					/* @__PURE__ */ s("label", {
 						className: "flex flex-col gap-1",
 						children: [/* @__PURE__ */ o("span", {
-							className: L,
+							className: R,
 							children: i("uiLibrary.sceneSettingsForm.question", "The question to ask")
 						}), /* @__PURE__ */ o("input", {
 							type: "text",
 							value: d.confirmPrompt,
 							placeholder: i("uiLibrary.sceneSettingsForm.questionPlaceholder", "e.g. Is the wheelie bin still there?"),
 							disabled: t,
-							className: I,
+							className: L,
 							onFocus: () => m(!0),
 							onChange: (e) => f((t) => ({
 								...t,
@@ -538,7 +537,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							onBlur: () => {
 								let t = d.confirmPrompt.trim();
 								t.length > 0 && t !== e.confirm?.prompt ? g({ confirm: {
-									...q(t),
+									...J(t),
 									enabled: v
 								} }) : m(!1);
 							}
@@ -557,10 +556,10 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 		]
 	});
 }
-function K(e, t, n) {
+function q(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function q(e) {
+function J(e) {
 	return {
 		enabled: !1,
 		prompt: e,
@@ -572,37 +571,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", re = "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", ie = {
+var Y = "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", X = "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", re = "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", ie = {
 	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"
 }, ae = .8, oe = 3;
-function X({ deviceId: e }) {
-	let u = l(), d = p(m().trpcClient, e), v = g(d?.state.sceneMonitor), E = w(e, { width: 640 }), [k, A] = a(null), [j, M] = a(!1), [N, P] = a(null), [F, I] = a(null), [L, R] = a(null), [z, B] = a(null), [V, H] = a(!1), [U, W] = a(null), [K, q] = a(""), X = t(!0);
-	n(() => (X.current = !0, () => {
-		X.current = !1;
+function Z({ deviceId: e }) {
+	let u = l(), d = p(m().trpcClient, e), v = g(d?.state.sceneMonitor), y = T(e, { width: 640 }), [x, A] = a(null), [j, M] = a(!1), [N, P] = a(null), [F, I] = a(null), [L, R] = a(null), [z, B] = a(null), [V, H] = a(!1), [U, W] = a(null), [G, q] = a(""), J = t(!0);
+	n(() => (J.current = !0, () => {
+		J.current = !1;
 	}), []);
 	let Z = i(async () => {
 		if (d) try {
 			let e = await d.sceneMonitor?.listScenes({});
-			if (!X.current) return;
+			if (!J.current) return;
 			e && A(e);
 		} catch (e) {
-			if (!X.current) return;
+			if (!J.current) return;
 			f(e) ? M(!0) : I(e instanceof Error ? e.message : String(e));
 		}
 	}, [d]);
 	n(() => {
 		A(null), M(!1), I(null), Z();
 	}, [Z]);
-	let Q = v?.monitors ?? k?.monitors ?? [], se = Date.now(), $ = i(async (e, t) => {
+	let Q = v?.monitors ?? x?.monitors ?? [], se = Date.now(), $ = i(async (e, t) => {
 		P(e), I(null);
 		try {
 			await t(), await Z();
 		} catch (e) {
-			X.current && I(e instanceof Error ? e.message : String(e));
+			J.current && I(e instanceof Error ? e.message : String(e));
 		} finally {
-			X.current && P(null);
+			J.current && P(null);
 		}
 	}, [Z]), ce = r(() => {
 		let e = Q.map((e) => ({
@@ -634,9 +633,9 @@ function X({ deviceId: e }) {
 	}, [d, $]), ue = i((e) => {
 		e.kind === "rect" && W(e);
 	}, []), de = i(async () => {
-		U === null || K.trim().length === 0 || (await $("create", async () => {
+		U === null || G.trim().length === 0 || (await $("create", async () => {
 			await d?.sceneMonitor?.createScene({
-				label: K.trim(),
+				label: G.trim(),
 				roi: U,
 				check: {
 					mode: "similarity",
@@ -648,7 +647,7 @@ function X({ deviceId: e }) {
 	}, [
 		d,
 		U,
-		K,
+		G,
 		$
 	]);
 	return d ? /* @__PURE__ */ o("div", {
@@ -663,7 +662,7 @@ function X({ deviceId: e }) {
 			}),
 			/* @__PURE__ */ o("div", {
 				className: "relative overflow-hidden rounded-md border border-border",
-				children: /* @__PURE__ */ o(O, {
+				children: /* @__PURE__ */ o(k, {
 					items: ce,
 					supportedShapes: ["rect"],
 					selectedId: L ?? (U === null ? null : "__draft__"),
@@ -671,8 +670,8 @@ function X({ deviceId: e }) {
 					onShapeChange: le,
 					onDrawComplete: ue,
 					drawingKind: V && U === null ? "rect" : null,
-					backdrop: E.src === null ? null : /* @__PURE__ */ o("img", {
-						src: E.src,
+					backdrop: y.src === null ? null : /* @__PURE__ */ o("img", {
+						src: y.src,
 						alt: "",
 						className: "h-full w-full object-contain",
 						draggable: !1
@@ -683,7 +682,7 @@ function X({ deviceId: e }) {
 				className: "flex flex-wrap items-center gap-2",
 				children: [/* @__PURE__ */ o("button", {
 					type: "button",
-					className: V ? Y : J,
+					className: V ? X : Y,
 					"aria-pressed": V,
 					onClick: () => {
 						H((e) => !e), W(null);
@@ -692,8 +691,8 @@ function X({ deviceId: e }) {
 					children: V ? u("uiLibrary.sceneMonitor.cancel", "Cancel") : u("uiLibrary.sceneMonitor.newScene", "+ New scene")
 				}), /* @__PURE__ */ o("button", {
 					type: "button",
-					className: J,
-					onClick: E.refresh,
+					className: Y,
+					onClick: y.refresh,
 					disabled: N !== null,
 					children: u("uiLibrary.sceneMonitor.refresh", "Refresh frame")
 				})]
@@ -705,7 +704,7 @@ function X({ deviceId: e }) {
 						className: "text-[10px] text-foreground-subtle",
 						children: U === null ? u("uiLibrary.sceneMonitor.draftHint", "Click on the frame to drop a box, then drag its corner to fit it around the thing you want watched.") : u("uiLibrary.sceneMonitor.nameHint", "Name it, then create. You capture what “normal” looks like next.")
 					}),
-					U !== null && ee(U) && /* @__PURE__ */ o("p", {
+					U !== null && b(U) && /* @__PURE__ */ o("p", {
 						className: "text-[11px] leading-relaxed text-warning",
 						children: u("uiLibrary.sceneMonitor.tooLarge", "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.")
 					}),
@@ -713,15 +712,15 @@ function X({ deviceId: e }) {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ o("input", {
 							type: "text",
-							value: K,
+							value: G,
 							onChange: (e) => q(e.target.value),
 							placeholder: u("uiLibrary.sceneMonitor.placeholder", "e.g. Immondizia prelevata"),
 							className: "flex-1 rounded-md border border-border bg-surface px-2 py-1 text-[12px] text-foreground"
 						}), /* @__PURE__ */ o("button", {
 							type: "button",
-							className: Y,
+							className: X,
 							onClick: () => void de(),
-							disabled: U === null || K.trim().length === 0 || N !== null,
+							disabled: U === null || G.trim().length === 0 || N !== null,
 							children: u("uiLibrary.sceneMonitor.create", "Create")
 						})]
 					})
@@ -737,7 +736,7 @@ function X({ deviceId: e }) {
 			}) : /* @__PURE__ */ o("ul", {
 				className: "flex flex-col gap-2",
 				children: Q.map((e) => {
-					let t = x(e, u);
+					let t = S(e, u);
 					return /* @__PURE__ */ s("li", {
 						className: `flex flex-col gap-1.5 rounded-md border p-2 ${L === e.id ? "border-primary/50" : "border-border"}`,
 						children: [
@@ -759,7 +758,7 @@ function X({ deviceId: e }) {
 							}),
 							/* @__PURE__ */ o("p", {
 								className: `${h} tabular-nums`,
-								children: C(e, u)
+								children: w(e, u)
 							}),
 							/* @__PURE__ */ o(ne, {
 								monitor: e,
@@ -773,20 +772,20 @@ function X({ deviceId: e }) {
 							/* @__PURE__ */ s("div", {
 								className: "flex flex-wrap items-center gap-1.5",
 								children: [
-									T.map((t) => {
+									E.map((t) => {
 										let n = t === "ir";
 										return /* @__PURE__ */ s("button", {
 											type: "button",
-											className: J,
+											className: Y,
 											disabled: N !== null,
-											title: n ? u("uiLibrary.sceneMonitor.optionalTitle", "Optional. Without a night reference the checks in infrared are simply skipped — the scene keeps working in daylight and nothing is reported as broken.") : u("uiLibrary.sceneMonitor.captureTitle", "Take a fresh photo now and store it as the {{variant}} reference", { variant: S(t, u).toLowerCase() }),
+											title: n ? u("uiLibrary.sceneMonitor.optionalTitle", "Optional. Without a night reference the checks in infrared are simply skipped — the scene keeps working in daylight and nothing is reported as broken.") : u("uiLibrary.sceneMonitor.captureTitle", "Take a fresh photo now and store it as the {{variant}} reference", { variant: C(t, u).toLowerCase() }),
 											onClick: () => void $(`cap-${e.id}-${t}`, async () => d.sceneMonitor?.captureReference({
 												monitorId: e.id,
 												condition: t
 											})),
 											children: [
-												/* @__PURE__ */ o(y, { className: "mr-1 inline h-3 w-3" }),
-												u("uiLibrary.sceneMonitor.capture", "Capture {{variant}}", { variant: S(t, u).toLowerCase() }),
+												/* @__PURE__ */ o(ee, { className: "mr-1 inline h-3 w-3" }),
+												u("uiLibrary.sceneMonitor.capture", "Capture {{variant}}", { variant: C(t, u).toLowerCase() }),
 												n && /* @__PURE__ */ o("span", {
 													className: "ml-1 text-foreground-subtle/70",
 													children: u("uiLibrary.sceneMonitor.optional", "(optional)")
@@ -796,22 +795,22 @@ function X({ deviceId: e }) {
 									}),
 									/* @__PURE__ */ s("button", {
 										type: "button",
-										className: Y,
+										className: X,
 										disabled: N !== null || e.states.length === 0,
 										title: u("uiLibrary.sceneMonitor.resetTitle", "Clear the flag and re-photograph what normal looks like right now"),
 										onClick: () => void $(`reset-${e.id}`, async () => d.sceneMonitor?.resetScene({ monitorId: e.id })),
-										children: [/* @__PURE__ */ o(b, { className: "mr-1 inline h-3 w-3" }), u("uiLibrary.sceneMonitor.reset", "Reset")]
+										children: [/* @__PURE__ */ o(D, { className: "mr-1 inline h-3 w-3" }), u("uiLibrary.sceneMonitor.reset", "Reset")]
 									}),
 									/* @__PURE__ */ o("button", {
 										type: "button",
-										className: J,
+										className: Y,
 										disabled: N !== null,
 										onClick: () => void $(`check-${e.id}`, async () => d.sceneMonitor?.recheckNow({ monitorId: e.id })),
 										children: u("uiLibrary.sceneMonitor.checkNow", "Check now")
 									}),
 									/* @__PURE__ */ s("button", {
 										type: "button",
-										className: z === e.id ? Y : J,
+										className: z === e.id ? X : Y,
 										"aria-pressed": z === e.id,
 										"aria-label": u("uiLibrary.sceneMonitor.settingsFor", "Settings for {{label}}", { label: e.label }),
 										disabled: N !== null,
@@ -823,11 +822,11 @@ function X({ deviceId: e }) {
 										className: re,
 										disabled: N !== null,
 										onClick: () => void $(`del-${e.id}`, async () => d.sceneMonitor?.deleteScene({ monitorId: e.id })),
-										children: /* @__PURE__ */ o(D, { className: "h-3 w-3" })
+										children: /* @__PURE__ */ o(O, { className: "h-3 w-3" })
 									})
 								]
 							}),
-							z === e.id && /* @__PURE__ */ o(G, {
+							z === e.id && /* @__PURE__ */ o(K, {
 								monitor: e,
 								disabled: N !== null,
 								onPatch: (t) => void $(`tune-${e.id}`, async () => d.sceneMonitor?.updateScene({
@@ -843,4 +842,4 @@ function X({ deviceId: e }) {
 	}) : null;
 }
 //#endregion
-export { X as SceneMonitorEditor };
+export { Z as SceneMonitorEditor };