@camstack/addon-training 0.1.6 → 0.1.8

package/dist/{SceneMonitorEditor-BlMwyiH8.mjs → SceneMonitorEditor-rFYGkGHV.mjs}

@@ -1,10 +1,10 @@
-import { b as e, c as t, g as n, h as r, m as i, u as a } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react__loadShare__.js-BT_wL8s3.mjs";
-import { c as o, d as s, i as c, l, o as u, s as d } from "./responsive-CdDIJCpI.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-5u5w3K-Y.mjs";
-import { t as C } from "./trash-2-BikGYiWf.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-DDBEvLdo.mjs";
-import { MaskShapeCanvas as D } from "./MaskShapeCanvas-BokARvOj.mjs";
-var O = s("settings-2", [
+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 { c as o, d as s, g as c, m as l, p as u, u as d } from "./responsive-Dy5RAD1s.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-7HImRbA5.mjs";
+import { t as C } from "./trash-2-BwunNgLf.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 = c("settings-2", [
 	["path", {
 		d: "M14 17H5",
 		key: "gfn3mx"
@@ -52,10 +52,10 @@ function M(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: t, onDelete: r }) {
-	let i = j(e), a = M(e), [o, s] = n(null);
+function ee({ monitor: e, disabled: n, onDelete: r }) {
+	let i = j(e), a = M(e), [s, c] = t(null);
 	return i.length === 0 ? /* @__PURE__ */ w("p", {
-		className: `${c} leading-relaxed`,
+		className: `${o} leading-relaxed`,
 		children: "No photographs captured yet. Press “Capture daylight” to take the one this scene will judge everything against."
 	}) : /* @__PURE__ */ w("div", {
 		className: "flex flex-col gap-2",
@@ -70,29 +70,29 @@ function ee({ monitor: e, disabled: t, onDelete: r }) {
 				]
 			}), /* @__PURE__ */ w("ul", {
 				className: "flex flex-wrap gap-1.5",
-				children: e.tiles.map((n) => {
-					let i = `${n.stateId}:${String(n.index)}`, l = a === 1, u = o === i;
+				children: e.tiles.map((t) => {
+					let i = `${t.stateId}:${String(t.index)}`, l = a === 1, u = s === i;
 					return /* @__PURE__ */ T("li", {
 						className: "flex w-24 flex-col gap-1 rounded-md border border-border p-1",
 						children: [
-							/* @__PURE__ */ w(P, { reference: n.reference }),
+							/* @__PURE__ */ w(P, { reference: t.reference }),
 							/* @__PURE__ */ w("span", {
-								className: `${c} tabular-nums`,
-								children: F(n.reference.capturedAt)
+								className: `${o} tabular-nums`,
+								children: F(t.reference.capturedAt)
 							}),
 							/* @__PURE__ */ T("button", {
 								type: "button",
 								className: N,
-								disabled: t,
-								"aria-label": `Delete the ${v(e.condition).toLowerCase()} photograph from ${F(n.reference.capturedAt)}`,
+								disabled: n,
+								"aria-label": `Delete the ${v(e.condition).toLowerCase()} photograph from ${F(t.reference.capturedAt)}`,
 								onClick: () => {
 									if (l && !u) {
-										s(i);
+										c(i);
 										return;
 									}
-									s(null), r({
-										stateId: n.stateId,
-										index: n.index
+									c(null), r({
+										stateId: t.stateId,
+										index: t.index
 									});
 								},
 								children: [/* @__PURE__ */ w(C, { className: "mr-1 inline h-3 w-3" }), u ? "Confirm" : "Delete"]
@@ -109,8 +109,8 @@ function ee({ monitor: e, disabled: t, onDelete: r }) {
 	});
 }
 function P({ reference: e }) {
-	let [t, r] = n(!1), i = e.thumbnailMediaId;
-	return i === void 0 || t ? /* @__PURE__ */ T("div", {
+	let [n, r] = t(!1), i = e.thumbnailMediaId;
+	return i === void 0 || n ? /* @__PURE__ */ T("div", {
 		className: "flex h-16 w-full flex-col items-center justify-center gap-0.5 rounded bg-surface text-foreground-subtle",
 		title: "The picture for this reference is no longer stored. The reference itself is intact and still being scored against.",
 		children: [/* @__PURE__ */ w(S, { className: "h-4 w-4" }), /* @__PURE__ */ w("span", {
@@ -154,11 +154,11 @@ function W(e) {
 		confirmPrompt: e.confirm?.prompt ?? ""
 	};
 }
-function G({ monitor: e, disabled: t, onPatch: r }) {
-	let [i, o] = n(() => W(e)), [s, l] = n(!1);
+function G({ monitor: e, disabled: n, onPatch: r }) {
+	let [i, s] = t(() => W(e)), [c, l] = t(!1);
 	a(() => {
-		s || o(W(e));
-	}, [e, s]);
+		c || s(W(e));
+	}, [e, c]);
 	let u = (e) => {
 		l(!1), r(e);
 	}, d = (t) => e.check.mode === "similarity" ? {
@@ -187,10 +187,10 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 						}), /* @__PURE__ */ w("input", {
 							type: "text",
 							value: i.label,
-							disabled: t,
+							disabled: n,
 							className: I,
 							onFocus: () => l(!0),
-							onChange: (e) => o((t) => ({
+							onChange: (e) => s((t) => ({
 								...t,
 								label: e.target.value
 							})),
@@ -205,7 +205,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 						children: [/* @__PURE__ */ w("input", {
 							type: "checkbox",
 							checked: e.enabled,
-							disabled: t,
+							disabled: n,
 							onChange: (e) => u({ enabled: e.target.checked })
 						}), /* @__PURE__ */ w("span", {
 							className: L,
@@ -213,7 +213,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 						})]
 					}),
 					/* @__PURE__ */ w("p", {
-						className: c,
+						className: o,
 						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", {
@@ -223,7 +223,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							children: "When to look"
 						}), /* @__PURE__ */ T("select", {
 							value: e.triggerMode,
-							disabled: t,
+							disabled: n,
 							className: I,
 							onChange: (e) => {
 								let t = e.target.value;
@@ -246,7 +246,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 						})]
 					}),
 					/* @__PURE__ */ w("p", {
-						className: c,
+						className: o,
 						children: H[e.triggerMode]
 					}),
 					/* @__PURE__ */ T("label", {
@@ -259,10 +259,10 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							min: B,
 							max: V,
 							value: i.checkIntervalSec,
-							disabled: t,
+							disabled: n,
 							className: I,
 							onFocus: () => l(!0),
-							onChange: (e) => o((t) => ({
+							onChange: (e) => s((t) => ({
 								...t,
 								checkIntervalSec: Number(e.target.value) || 0
 							})),
@@ -273,7 +273,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 						})]
 					}),
 					/* @__PURE__ */ w("p", {
-						className: c,
+						className: o,
 						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."
 					})
 				]
@@ -299,9 +299,9 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							max: .99,
 							step: .01,
 							value: i.threshold,
-							disabled: t,
+							disabled: n,
 							onFocus: () => l(!0),
-							onChange: (e) => o((t) => ({
+							onChange: (e) => s((t) => ({
 								...t,
 								threshold: Number(e.target.value)
 							})),
@@ -326,10 +326,10 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							min: 1,
 							max: 10,
 							value: i.hysteresisCount,
-							disabled: t,
+							disabled: n,
 							className: I,
 							onFocus: () => l(!0),
-							onChange: (e) => o((t) => ({
+							onChange: (e) => s((t) => ({
 								...t,
 								hysteresisCount: Number(e.target.value) || 1
 							})),
@@ -340,7 +340,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 						})]
 					}),
 					/* @__PURE__ */ w("p", {
-						className: c,
+						className: o,
 						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", {
@@ -353,10 +353,10 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							min: 0,
 							max: 3600,
 							value: i.quietSeconds,
-							disabled: t,
+							disabled: n,
 							className: I,
 							onFocus: () => l(!0),
-							onChange: (e) => o((t) => ({
+							onChange: (e) => s((t) => ({
 								...t,
 								quietSeconds: Number(e.target.value) || 0
 							})),
@@ -367,7 +367,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 						})]
 					}),
 					/* @__PURE__ */ w("p", {
-						className: c,
+						className: o,
 						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", {
@@ -380,10 +380,10 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							min: 0,
 							max: 3600,
 							value: i.minObservationSpacingSec,
-							disabled: t,
+							disabled: n,
 							className: I,
 							onFocus: () => l(!0),
-							onChange: (e) => o((t) => ({
+							onChange: (e) => s((t) => ({
 								...t,
 								minObservationSpacingSec: Number(e.target.value) || 0
 							})),
@@ -394,7 +394,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 						})]
 					}),
 					/* @__PURE__ */ w("p", {
-						className: c,
+						className: o,
 						children: "Spreads the agreeing checks over real time instead of letting three adjacent polls inside one long occlusion be mistaken for three independent opinions."
 					})
 				]
@@ -413,7 +413,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							children: "When a light has no reference of its own"
 						}), /* @__PURE__ */ T("select", {
 							value: e.onUncoveredCondition,
-							disabled: t,
+							disabled: n,
 							className: I,
 							onChange: (e) => {
 								let t = e.target.value;
@@ -429,7 +429,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 						})]
 					}),
 					/* @__PURE__ */ w("p", {
-						className: c,
+						className: o,
 						children: U[e.onUncoveredCondition]
 					})
 				]
@@ -448,7 +448,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							children: "Notifications follow"
 						}), /* @__PURE__ */ T("select", {
 							value: e.emit,
-							disabled: t,
+							disabled: n,
 							className: I,
 							onChange: (e) => {
 								let t = e.target.value;
@@ -464,7 +464,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 						})]
 					}),
 					/* @__PURE__ */ w("p", {
-						className: c,
+						className: o,
 						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", {
@@ -472,7 +472,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 						children: [/* @__PURE__ */ w("input", {
 							type: "checkbox",
 							checked: e.autoRestore,
-							disabled: t,
+							disabled: n,
 							onChange: (e) => u({ autoRestore: e.target.checked })
 						}), /* @__PURE__ */ w("span", {
 							className: L,
@@ -480,7 +480,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 						})]
 					}),
 					/* @__PURE__ */ w("p", {
-						className: c,
+						className: o,
 						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."
 					})
 				]
@@ -497,7 +497,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 						children: [/* @__PURE__ */ w("input", {
 							type: "checkbox",
 							checked: f,
-							disabled: t || i.confirmPrompt.trim().length === 0,
+							disabled: n || i.confirmPrompt.trim().length === 0,
 							onChange: (e) => u(e.target.checked ? { confirm: {
 								...q(i.confirmPrompt.trim()),
 								enabled: !0
@@ -516,10 +516,10 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 							type: "text",
 							value: i.confirmPrompt,
 							placeholder: "e.g. Is the wheelie bin still there?",
-							disabled: t,
+							disabled: n,
 							className: I,
 							onFocus: () => l(!0),
-							onChange: (e) => o((t) => ({
+							onChange: (e) => s((t) => ({
 								...t,
 								confirmPrompt: e.target.value
 							})),
@@ -533,7 +533,7 @@ function G({ monitor: e, disabled: t, onPatch: r }) {
 						})]
 					}),
 					/* @__PURE__ */ T("p", {
-						className: c,
+						className: o,
 						children: [
 							"The model is asked ",
 							/* @__PURE__ */ w("strong", { children: "only" }),
@@ -566,24 +566,24 @@ var J = "rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-m
 	unknown: "border-border bg-surface text-foreground-subtle"
 }, re = .8, ie = 3;
 function X({ deviceId: e }) {
-	let s = d(l().trpcClient, e), p = o(s?.state.sceneMonitor), S = b(e, { width: 640 }), [k, A] = n(null), [j, M] = n(!1), [N, P] = n(null), [F, I] = n(null), [L, R] = n(null), [z, B] = n(null), [V, H] = n(!1), [U, W] = n(null), [K, q] = n(""), X = r(!0);
+	let c = s(l().trpcClient, e), p = u(c?.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);
 	a(() => (X.current = !0, () => {
 		X.current = !1;
 	}), []);
-	let Z = t(async () => {
-		if (s) try {
-			let e = await s.sceneMonitor?.listScenes({});
+	let Z = n(async () => {
+		if (c) try {
+			let e = await c.sceneMonitor?.listScenes({});
 			if (!X.current) return;
 			e && A(e);
 		} catch (e) {
 			if (!X.current) return;
-			u(e) ? M(!0) : I(e instanceof Error ? e.message : String(e));
+			d(e) ? M(!0) : I(e instanceof Error ? e.message : String(e));
 		}
-	}, [s]);
+	}, [c]);
 	a(() => {
 		A(null), M(!1), I(null), Z();
 	}, [Z]);
-	let Q = p?.monitors ?? k?.monitors ?? [], ae = Date.now(), $ = t(async (e, t) => {
+	let Q = p?.monitors ?? k?.monitors ?? [], ae = Date.now(), $ = n(async (e, t) => {
 		P(e), I(null);
 		try {
 			await t(), await Z();
@@ -604,22 +604,22 @@ function X({ deviceId: e }) {
 			shape: U,
 			label: "New scene"
 		}];
-	}, [Q, U]), se = t((e, t) => {
+	}, [Q, U]), se = n((e, t) => {
 		if (t.kind === "rect") {
 			if (e === "__draft__") {
 				W(t);
 				return;
 			}
-			$(`roi-${String(e)}`, async () => s?.sceneMonitor?.updateScene({
+			$(`roi-${String(e)}`, async () => c?.sceneMonitor?.updateScene({
 				monitorId: String(e),
 				patch: { roi: t }
 			}));
 		}
-	}, [s, $]), ce = t((e) => {
+	}, [c, $]), ce = n((e) => {
 		e.kind === "rect" && W(e);
-	}, []), le = t(async () => {
+	}, []), le = n(async () => {
 		U === null || K.trim().length === 0 || (await $("create", async () => {
-			await s?.sceneMonitor?.createScene({
+			await c?.sceneMonitor?.createScene({
 				label: K.trim(),
 				roi: U,
 				check: {
@@ -630,19 +630,19 @@ function X({ deviceId: e }) {
 			});
 		}), W(null), q(""), H(!1));
 	}, [
-		s,
+		c,
 		U,
 		K,
 		$
 	]);
-	return s ? /* @__PURE__ */ w("div", {
+	return c ? /* @__PURE__ */ w("div", {
 		className: "flex flex-col gap-3",
 		children: j ? /* @__PURE__ */ w("p", {
-			className: `${c} leading-relaxed`,
+			className: `${o} leading-relaxed`,
 			children: "Scene monitoring is not available for this camera."
 		}) : /* @__PURE__ */ T(E, { children: [
 			/* @__PURE__ */ w("p", {
-				className: `${c} leading-relaxed`,
+				className: `${o} 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", {
@@ -716,7 +716,7 @@ function X({ deviceId: e }) {
 				children: F
 			}),
 			Q.length === 0 ? /* @__PURE__ */ w("p", {
-				className: `${c} leading-relaxed`,
+				className: `${o} leading-relaxed`,
 				children: "No scenes on this camera yet."
 			}) : /* @__PURE__ */ w("ul", {
 				className: "flex flex-col gap-2",
@@ -738,17 +738,17 @@ function X({ deviceId: e }) {
 								})]
 							}),
 							/* @__PURE__ */ w("p", {
-								className: `${c} leading-relaxed`,
+								className: `${o} leading-relaxed`,
 								children: f(e, ae)
 							}),
 							/* @__PURE__ */ w("p", {
-								className: `${c} tabular-nums`,
+								className: `${o} tabular-nums`,
 								children: y(e)
 							}),
 							/* @__PURE__ */ w(ee, {
 								monitor: e,
 								disabled: N !== null,
-								onDelete: ({ stateId: t, index: n }) => void $(`refdel-${e.id}-${t}-${String(n)}`, async () => s.sceneMonitor?.deleteReference({
+								onDelete: ({ stateId: t, index: n }) => void $(`refdel-${e.id}-${t}-${String(n)}`, async () => c.sceneMonitor?.deleteReference({
 									monitorId: e.id,
 									stateId: t,
 									index: n
@@ -764,7 +764,7 @@ function X({ deviceId: e }) {
 											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({
+											onClick: () => void $(`cap-${e.id}-${t}`, async () => c.sceneMonitor?.captureReference({
 												monitorId: e.id,
 												condition: t
 											})),
@@ -784,14 +784,14 @@ function X({ deviceId: e }) {
 										className: Y,
 										disabled: N !== null || e.states.length === 0,
 										title: "Clear the flag and re-photograph what normal looks like right now",
-										onClick: () => void $(`reset-${e.id}`, async () => s.sceneMonitor?.resetScene({ monitorId: e.id })),
+										onClick: () => void $(`reset-${e.id}`, async () => c.sceneMonitor?.resetScene({ monitorId: e.id })),
 										children: [/* @__PURE__ */ w(g, { className: "mr-1 inline h-3 w-3" }), "Reset"]
 									}),
 									/* @__PURE__ */ w("button", {
 										type: "button",
 										className: J,
 										disabled: N !== null,
-										onClick: () => void $(`check-${e.id}`, async () => s.sceneMonitor?.recheckNow({ monitorId: e.id })),
+										onClick: () => void $(`check-${e.id}`, async () => c.sceneMonitor?.recheckNow({ monitorId: e.id })),
 										children: "Check now"
 									}),
 									/* @__PURE__ */ T("button", {
@@ -807,7 +807,7 @@ function X({ deviceId: e }) {
 										type: "button",
 										className: te,
 										disabled: N !== null,
-										onClick: () => void $(`del-${e.id}`, async () => s.sceneMonitor?.deleteScene({ monitorId: e.id })),
+										onClick: () => void $(`del-${e.id}`, async () => c.sceneMonitor?.deleteScene({ monitorId: e.id })),
 										children: /* @__PURE__ */ w(C, { className: "h-3 w-3" })
 									})
 								]
@@ -815,7 +815,7 @@ function X({ deviceId: e }) {
 							z === e.id && /* @__PURE__ */ w(G, {
 								monitor: e,
 								disabled: N !== null,
-								onPatch: (t) => void $(`tune-${e.id}`, async () => s.sceneMonitor?.updateScene({
+								onPatch: (t) => void $(`tune-${e.id}`, async () => c.sceneMonitor?.updateScene({
 									monitorId: e.id,
 									patch: t
 								}))