@camstack/ui-library 1.2.51 → 1.2.53

package/dist/SceneMonitorEditor-DN2ILWCf.cjs

@@ -0,0 +1,917 @@
+const require_index = require("./index.cjs");
+const require_MaskShapeCanvas = require("./MaskShapeCanvas-BByN3jvt.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Settings2 = require_index.createLucideIcon("settings-2", [
+	["path", {
+		d: "M14 17H5",
+		key: "gfn3mx"
+	}],
+	["path", {
+		d: "M19 7h-9",
+		key: "6i9tg"
+	}],
+	["circle", {
+		cx: "17",
+		cy: "17",
+		r: "3",
+		key: "18b49y"
+	}],
+	["circle", {
+		cx: "7",
+		cy: "7",
+		r: "3",
+		key: "dfmy0x"
+	}]
+]);
+//#endregion
+//#region src/composites/cap-settings/SceneReferenceGallery.tsx
+/** The hub-proxied prefix for the pipeline-analytics event-media data plane. */
+var SCENE_MEDIA_BASE = "/addon/pipeline-analytics/event-media";
+/**
+* Flatten `states[].references[]` into per-condition groups while keeping each
+* reference's `(stateId, index)` — the pair `deleteReference` takes.
+*
+* The index is deliberately the position in the state's OWN array rather than
+* anything derived from the grouping: an index computed over the grouped view
+* would address a different reference the moment a scene holds two conditions,
+* and the operator would delete the wrong photograph with no way to tell.
+*/
+function groupReferences(monitor) {
+	const byCondition = /* @__PURE__ */ new Map();
+	for (const state of monitor.states) state.references.forEach((reference, index) => {
+		const list = byCondition.get(reference.condition) ?? [];
+		list.push({
+			stateId: state.id,
+			index,
+			reference
+		});
+		byCondition.set(reference.condition, list);
+	});
+	return [...byCondition.entries()].map(([condition, tiles]) => ({
+		condition,
+		tiles: [...tiles].sort((a, b) => b.reference.capturedAt - a.reference.capturedAt)
+	})).sort((a, b) => a.condition.localeCompare(b.condition));
+}
+/** Total references across every state — the count that decides whether a
+*  delete leaves the scene with no idea what "normal" looks like. */
+function totalReferences(monitor) {
+	return monitor.states.reduce((n, s) => n + s.references.length, 0);
+}
+var BTN_TINY = "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 SceneReferenceGallery({ monitor, disabled, onDelete }) {
+	const groups = groupReferences(monitor);
+	const total = totalReferences(monitor);
+	const [confirming, setConfirming] = (0, react.useState)(null);
+	if (groups.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: `${require_index.TEXT_HINT} leading-relaxed`,
+		children: "No photographs captured yet. Press “Capture daylight” to take the one this scene will judge everything against."
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex flex-col gap-2",
+		children: groups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-1",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				className: "text-[10px] font-semibold uppercase tracking-wide text-foreground-subtle",
+				children: [
+					require_index.variantLabel$1(group.condition),
+					" · ",
+					group.tiles.length
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				className: "flex flex-wrap gap-1.5",
+				children: group.tiles.map((tile) => {
+					const key = `${tile.stateId}:${String(tile.index)}`;
+					const isLastOverall = total === 1;
+					const pending = confirming === key;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+						className: "flex w-24 flex-col gap-1 rounded-md border border-border p-1",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReferenceThumb, { reference: tile.reference }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: `${require_index.TEXT_HINT} tabular-nums`,
+								children: formatCapturedAt(tile.reference.capturedAt)
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: BTN_TINY,
+								disabled,
+								"aria-label": `Delete the ${require_index.variantLabel$1(group.condition).toLowerCase()} photograph from ${formatCapturedAt(tile.reference.capturedAt)}`,
+								onClick: () => {
+									if (isLastOverall && !pending) {
+										setConfirming(key);
+										return;
+									}
+									setConfirming(null);
+									onDelete({
+										stateId: tile.stateId,
+										index: tile.index
+									});
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Trash2, { className: "mr-1 inline h-3 w-3" }), pending ? "Confirm" : "Delete"]
+							}),
+							pending && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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."
+							})
+						]
+					}, key);
+				})
+			})]
+		}, group.condition))
+	});
+}
+function ReferenceThumb({ reference }) {
+	const [failed, setFailed] = (0, react.useState)(false);
+	const key = reference.thumbnailMediaId;
+	if (key === void 0 || failed) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("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__ */ (0, react_jsx_runtime.jsx)(require_index.ImageOff, { className: "h-4 w-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-[9px]",
+			children: "no picture"
+		})]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		src: `${SCENE_MEDIA_BASE}/${encodeURIComponent(key)}`,
+		alt: "",
+		loading: "lazy",
+		className: "h-16 w-full rounded object-cover",
+		onError: () => setFailed(true)
+	});
+}
+function formatCapturedAt(at) {
+	const d = new Date(at);
+	return `${d.toLocaleDateString()} ${d.toLocaleTimeString([], {
+		hour: "2-digit",
+		minute: "2-digit"
+	})}`;
+}
+//#endregion
+//#region src/composites/cap-settings/SceneSettingsForm.tsx
+var FIELD = "rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground focus:border-primary focus:outline-none disabled:opacity-50";
+var LABEL = "text-[10px] font-medium text-foreground-subtle";
+var GROUP = "flex flex-col gap-2 rounded-md border border-border bg-surface/40 p-2";
+var GROUP_TITLE = "text-[10px] font-semibold uppercase tracking-wide text-foreground-subtle";
+/** The two engine-visible interval floors, in the units the operator thinks in. */
+var MIN_INTERVAL_SEC = 5;
+var MAX_INTERVAL_SEC = 3600;
+var TRIGGER_HINT = {
+	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."
+};
+var UNCOVERED_HINT = {
+	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 draftOf(monitor) {
+	return {
+		label: monitor.label,
+		checkIntervalSec: monitor.checkIntervalSec ?? 60,
+		threshold: monitor.check.mode === "similarity" ? monitor.check.threshold : .8,
+		hysteresisCount: monitor.check.hysteresisCount,
+		quietSeconds: monitor.quietSeconds,
+		minObservationSpacingSec: monitor.minObservationSpacingSec,
+		confirmPrompt: monitor.confirm?.prompt ?? ""
+	};
+}
+function SceneSettingsForm({ monitor, disabled, onPatch }) {
+	const [draft, setDraft] = (0, react.useState)(() => draftOf(monitor));
+	const [editing, setEditing] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (!editing) setDraft(draftOf(monitor));
+	}, [monitor, editing]);
+	const commit = (patch) => {
+		setEditing(false);
+		onPatch(patch);
+	};
+	/** Patch the check union in place, so a mode's own fields travel with it. */
+	const patchCheck = (next) => monitor.check.mode === "similarity" ? {
+		mode: "similarity",
+		threshold: next.threshold ?? monitor.check.threshold,
+		hysteresisCount: next.hysteresisCount ?? monitor.check.hysteresisCount
+	} : {
+		...monitor.check,
+		hysteresisCount: next.hysteresisCount ?? monitor.check.hysteresisCount
+	};
+	const confirmEnabled = monitor.confirm?.enabled === true;
+	const storedThreshold = monitor.check.mode === "similarity" ? monitor.check.threshold : null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-2",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: GROUP,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: GROUP_TITLE,
+						children: "What it watches"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: LABEL,
+							children: "Name"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "text",
+							value: draft.label,
+							disabled,
+							className: FIELD,
+							onFocus: () => setEditing(true),
+							onChange: (e) => setDraft((d) => ({
+								...d,
+								label: e.target.value
+							})),
+							onBlur: () => {
+								const label = draft.label.trim();
+								if (label.length > 0 && label !== monitor.label) commit({ label });
+								else setEditing(false);
+							}
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "checkbox",
+							checked: monitor.enabled,
+							disabled,
+							onChange: (e) => commit({ enabled: e.target.checked })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: LABEL,
+							children: "Watching"
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_index.TEXT_HINT,
+						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__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: LABEL,
+							children: "When to look"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							value: monitor.triggerMode,
+							disabled,
+							className: FIELD,
+							onChange: (e) => {
+								const value = e.target.value;
+								if (value === "periodic" || value === "on-motion" || value === "both") commit({ triggerMode: value });
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "both",
+									children: "On the clock and after motion settles"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "periodic",
+									children: "On the clock only"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "on-motion",
+									children: "After motion settles only"
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_index.TEXT_HINT,
+						children: TRIGGER_HINT[monitor.triggerMode]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: LABEL,
+							children: "Check every (seconds)"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "number",
+							min: MIN_INTERVAL_SEC,
+							max: MAX_INTERVAL_SEC,
+							value: draft.checkIntervalSec,
+							disabled,
+							className: FIELD,
+							onFocus: () => setEditing(true),
+							onChange: (e) => setDraft((d) => ({
+								...d,
+								checkIntervalSec: Number(e.target.value) || 0
+							})),
+							onBlur: () => {
+								const sec = clamp(draft.checkIntervalSec, MIN_INTERVAL_SEC, MAX_INTERVAL_SEC);
+								if (sec !== monitor.checkIntervalSec) commit({ checkIntervalSec: sec });
+								else setEditing(false);
+							}
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_index.TEXT_HINT,
+						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__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: GROUP,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: GROUP_TITLE,
+						children: "How sure it has to be"
+					}),
+					monitor.check.mode === "similarity" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: LABEL,
+							children: ["Match threshold — ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "tabular-nums",
+								children: draft.threshold.toFixed(2)
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "range",
+							min: .3,
+							max: .99,
+							step: .01,
+							value: draft.threshold,
+							disabled,
+							onFocus: () => setEditing(true),
+							onChange: (e) => setDraft((d) => ({
+								...d,
+								threshold: Number(e.target.value)
+							})),
+							onMouseUp: () => {
+								if (draft.threshold !== storedThreshold) commit({ check: patchCheck({ threshold: draft.threshold }) });
+								else setEditing(false);
+							},
+							onBlur: () => {
+								if (draft.threshold !== storedThreshold) commit({ check: patchCheck({ threshold: draft.threshold }) });
+								else setEditing(false);
+							}
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: LABEL,
+							children: "Agreeing checks before it changes its mind"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "number",
+							min: 1,
+							max: 10,
+							value: draft.hysteresisCount,
+							disabled,
+							className: FIELD,
+							onFocus: () => setEditing(true),
+							onChange: (e) => setDraft((d) => ({
+								...d,
+								hysteresisCount: Number(e.target.value) || 1
+							})),
+							onBlur: () => {
+								const n = clamp(draft.hysteresisCount, 1, 10);
+								if (n !== monitor.check.hysteresisCount) commit({ check: patchCheck({ hysteresisCount: n }) });
+								else setEditing(false);
+							}
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_index.TEXT_HINT,
+						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__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: LABEL,
+							children: "Quiet for (seconds) before a check counts"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "number",
+							min: 0,
+							max: 3600,
+							value: draft.quietSeconds,
+							disabled,
+							className: FIELD,
+							onFocus: () => setEditing(true),
+							onChange: (e) => setDraft((d) => ({
+								...d,
+								quietSeconds: Number(e.target.value) || 0
+							})),
+							onBlur: () => {
+								const sec = clamp(draft.quietSeconds, 0, 3600);
+								if (sec !== monitor.quietSeconds) commit({ quietSeconds: sec });
+								else setEditing(false);
+							}
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_index.TEXT_HINT,
+						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__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: LABEL,
+							children: "Minimum gap between counted checks (seconds)"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "number",
+							min: 0,
+							max: 3600,
+							value: draft.minObservationSpacingSec,
+							disabled,
+							className: FIELD,
+							onFocus: () => setEditing(true),
+							onChange: (e) => setDraft((d) => ({
+								...d,
+								minObservationSpacingSec: Number(e.target.value) || 0
+							})),
+							onBlur: () => {
+								const sec = clamp(draft.minObservationSpacingSec, 0, 3600);
+								if (sec !== monitor.minObservationSpacingSec) commit({ minObservationSpacingSec: sec });
+								else setEditing(false);
+							}
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_index.TEXT_HINT,
+						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__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: GROUP,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: GROUP_TITLE,
+						children: "Lighting"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: LABEL,
+							children: "When a light has no reference of its own"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							value: monitor.onUncoveredCondition,
+							disabled,
+							className: FIELD,
+							onChange: (e) => {
+								const value = e.target.value;
+								if (value === "skip" || value === "judge-anyway") commit({ onUncoveredCondition: value });
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "skip",
+								children: "Skip the check (recommended)"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "judge-anyway",
+								children: "Judge against the other light anyway"
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_index.TEXT_HINT,
+						children: UNCOVERED_HINT[monitor.onUncoveredCondition]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: GROUP,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: GROUP_TITLE,
+						children: "What you get told"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: LABEL,
+							children: "Notifications follow"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							value: monitor.emit,
+							disabled,
+							className: FIELD,
+							onChange: (e) => {
+								const value = e.target.value;
+								if (value === "latched" || value === "live") commit({ emit: value });
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "latched",
+								children: "The flag — told once, still visible at breakfast"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "live",
+								children: "The live state — follows the region as it changes"
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_index.TEXT_HINT,
+						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__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "checkbox",
+							checked: monitor.autoRestore,
+							disabled,
+							onChange: (e) => commit({ autoRestore: e.target.checked })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: LABEL,
+							children: "Clear the flag by itself when things look normal again"
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_index.TEXT_HINT,
+						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__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: GROUP,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: GROUP_TITLE,
+						children: "AI double-check"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "checkbox",
+							checked: confirmEnabled,
+							disabled: disabled || draft.confirmPrompt.trim().length === 0,
+							onChange: (e) => commit(e.target.checked ? { confirm: {
+								...defaultConfirm(draft.confirmPrompt.trim()),
+								enabled: true
+							} } : { confirm: null })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: LABEL,
+							children: "Ask a vision model before changing the answer"
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: LABEL,
+							children: "The question to ask"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "text",
+							value: draft.confirmPrompt,
+							placeholder: "e.g. Is the wheelie bin still there?",
+							disabled,
+							className: FIELD,
+							onFocus: () => setEditing(true),
+							onChange: (e) => setDraft((d) => ({
+								...d,
+								confirmPrompt: e.target.value
+							})),
+							onBlur: () => {
+								const prompt = draft.confirmPrompt.trim();
+								if (prompt.length > 0 && prompt !== monitor.confirm?.prompt) commit({ confirm: {
+									...defaultConfirm(prompt),
+									enabled: confirmEnabled
+								} });
+								else setEditing(false);
+							}
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: require_index.TEXT_HINT,
+						children: [
+							"The model is asked ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("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."
+						]
+					})
+				]
+			})
+		]
+	});
+}
+function clamp(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+/** The adjudicator's own defaults, restated here because a Zod `.default()`
+*  does not run on the cap path — the provider receives exactly this object. */
+function defaultConfirm(prompt) {
+	return {
+		enabled: false,
+		prompt,
+		timeoutMs: 8e3,
+		maxImagePx: 448,
+		onTimeout: "hold"
+	};
+}
+//#endregion
+//#region src/composites/cap-settings/SceneMonitorEditor.tsx
+var BTN_NEUTRAL = "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";
+var BTN_PRIMARY = "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";
+var BTN_DANGER = "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";
+var TONE_CLASS = {
+	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"
+};
+/** A scene without at least one reference cannot judge anything, so the
+*  similarity threshold only becomes meaningful after the first capture. */
+var DEFAULT_THRESHOLD = .8;
+var DEFAULT_HYSTERESIS = 3;
+function SceneMonitorEditor({ deviceId }) {
+	const dev = require_index.useDeviceProxy$1(require_index.useSystem$1().trpcClient, deviceId);
+	const pushed = require_index.useDeviceStateSlice$1(dev?.state.sceneMonitor);
+	const snapshot = require_index.useDeviceSnapshotImage$1(deviceId, { width: 640 });
+	const [fetched, setFetched] = (0, react.useState)(null);
+	const [unsupported, setUnsupported] = (0, react.useState)(false);
+	const [busy, setBusy] = (0, react.useState)(null);
+	const [error, setError] = (0, react.useState)(null);
+	const [selectedId, setSelectedId] = (0, react.useState)(null);
+	/** Which scene has its settings panel open — one at a time, because the panel
+	*  is tall and a wall of them would bury the list it belongs to. */
+	const [tuningId, setTuningId] = (0, react.useState)(null);
+	const [drafting, setDrafting] = (0, react.useState)(false);
+	const [draftRoi, setDraftRoi] = (0, react.useState)(null);
+	const [draftLabel, setDraftLabel] = (0, react.useState)("");
+	const mounted = (0, react.useRef)(true);
+	(0, react.useEffect)(() => {
+		mounted.current = true;
+		return () => {
+			mounted.current = false;
+		};
+	}, []);
+	const reload = (0, react.useCallback)(async () => {
+		if (!dev) return;
+		try {
+			const status = await dev.sceneMonitor?.listScenes({});
+			if (!mounted.current) return;
+			if (status) setFetched(status);
+		} catch (err) {
+			if (!mounted.current) return;
+			if (require_index.isAbsentProvider$1(err)) setUnsupported(true);
+			else setError(err instanceof Error ? err.message : String(err));
+		}
+	}, [dev]);
+	(0, react.useEffect)(() => {
+		setFetched(null);
+		setUnsupported(false);
+		setError(null);
+		reload();
+	}, [reload]);
+	const monitors = pushed?.monitors ?? fetched?.monitors ?? [];
+	const now = Date.now();
+	const run = (0, react.useCallback)(async (key, fn) => {
+		setBusy(key);
+		setError(null);
+		try {
+			await fn();
+			await reload();
+		} catch (err) {
+			if (mounted.current) setError(err instanceof Error ? err.message : String(err));
+		} finally {
+			if (mounted.current) setBusy(null);
+		}
+	}, [reload]);
+	const items = (0, react.useMemo)(() => {
+		const existing = monitors.map((m) => ({
+			id: m.id,
+			shape: m.roi,
+			label: m.label,
+			enabled: m.enabled
+		}));
+		return draftRoi !== null ? [...existing, {
+			id: "__draft__",
+			shape: draftRoi,
+			label: "New scene"
+		}] : existing;
+	}, [monitors, draftRoi]);
+	const onShapeChange = (0, react.useCallback)((id, shape) => {
+		if (shape.kind !== "rect") return;
+		if (id === "__draft__") {
+			setDraftRoi(shape);
+			return;
+		}
+		run(`roi-${String(id)}`, async () => dev?.sceneMonitor?.updateScene({
+			monitorId: String(id),
+			patch: { roi: shape }
+		}));
+	}, [dev, run]);
+	const onDrawComplete = (0, react.useCallback)((shape) => {
+		if (shape.kind !== "rect") return;
+		setDraftRoi(shape);
+	}, []);
+	const createScene = (0, react.useCallback)(async () => {
+		if (draftRoi === null || draftLabel.trim().length === 0) return;
+		await run("create", async () => {
+			await dev?.sceneMonitor?.createScene({
+				label: draftLabel.trim(),
+				roi: draftRoi,
+				check: {
+					mode: "similarity",
+					threshold: DEFAULT_THRESHOLD,
+					hysteresisCount: DEFAULT_HYSTERESIS
+				}
+			});
+		});
+		setDraftRoi(null);
+		setDraftLabel("");
+		setDrafting(false);
+	}, [
+		dev,
+		draftRoi,
+		draftLabel,
+		run
+	]);
+	if (!dev) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex flex-col gap-3",
+		children: unsupported ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: `${require_index.TEXT_HINT} leading-relaxed`,
+			children: "Scene monitoring is not available for this camera."
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: `${require_index.TEXT_HINT} 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__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "relative overflow-hidden rounded-md border border-border",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MaskShapeCanvas.MaskShapeCanvas, {
+					items,
+					supportedShapes: ["rect"],
+					selectedId: selectedId ?? (draftRoi !== null ? "__draft__" : null),
+					onSelect: (id) => setSelectedId(id === null ? null : String(id)),
+					onShapeChange,
+					onDrawComplete,
+					drawingKind: drafting && draftRoi === null ? "rect" : null,
+					backdrop: snapshot.src !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+						src: snapshot.src,
+						alt: "",
+						className: "h-full w-full object-contain",
+						draggable: false
+					}) : null
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: drafting ? BTN_PRIMARY : BTN_NEUTRAL,
+					"aria-pressed": drafting,
+					onClick: () => {
+						setDrafting((v) => !v);
+						setDraftRoi(null);
+					},
+					disabled: busy !== null,
+					children: drafting ? "Cancel" : "+ New scene"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: BTN_NEUTRAL,
+					onClick: snapshot.refresh,
+					disabled: busy !== null,
+					children: "Refresh frame"
+				})]
+			}),
+			drafting && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-2 rounded-md border border-border bg-surface p-2",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-[10px] text-foreground-subtle",
+						children: draftRoi === 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."
+					}),
+					draftRoi !== null && require_index.roiTooLarge$1(draftRoi) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "text",
+							value: draftLabel,
+							onChange: (e) => setDraftLabel(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__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: BTN_PRIMARY,
+							onClick: () => void createScene(),
+							disabled: draftRoi === null || draftLabel.trim().length === 0 || busy !== null,
+							children: "Create"
+						})]
+					})
+				]
+			}),
+			error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-[11px] leading-relaxed text-danger",
+				children: error
+			}),
+			monitors.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: `${require_index.TEXT_HINT} leading-relaxed`,
+				children: "No scenes on this camera yet."
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				className: "flex flex-col gap-2",
+				children: monitors.map((m) => {
+					const badge = require_index.badgeFor$1(m);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+						className: `flex flex-col gap-1.5 rounded-md border p-2 ${selectedId === m.id ? "border-primary/50" : "border-border"}`,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "flex-1 text-left text-[12px] font-medium text-foreground",
+									onClick: () => setSelectedId(m.id),
+									children: m.label
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: `rounded border px-1.5 py-0.5 text-[10px] font-medium ${TONE_CLASS[badge.tone]}`,
+									children: badge.text
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: `${require_index.TEXT_HINT} leading-relaxed`,
+								children: require_index.statusLine$1(m, now)
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: `${require_index.TEXT_HINT} tabular-nums`,
+								children: require_index.coverageLine$1(m)
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SceneReferenceGallery, {
+								monitor: m,
+								disabled: busy !== null,
+								onDelete: ({ stateId, index }) => void run(`refdel-${m.id}-${stateId}-${String(index)}`, async () => dev.sceneMonitor?.deleteReference({
+									monitorId: m.id,
+									stateId,
+									index
+								}))
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex flex-wrap items-center gap-1.5",
+								children: [
+									require_index.SCENE_CAPTURE_VARIANTS$1.map((variant) => {
+										const optional = variant === "ir";
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: BTN_NEUTRAL,
+											disabled: busy !== null,
+											title: optional ? "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 ${require_index.variantLabel$1(variant).toLowerCase()} reference`,
+											onClick: () => void run(`cap-${m.id}-${variant}`, async () => dev.sceneMonitor?.captureReference({
+												monitorId: m.id,
+												condition: variant
+											})),
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Camera, { className: "mr-1 inline h-3 w-3" }),
+												"Capture ",
+												require_index.variantLabel$1(variant).toLowerCase(),
+												optional && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "ml-1 text-foreground-subtle/70",
+													children: "(optional)"
+												})
+											]
+										}, variant);
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: BTN_PRIMARY,
+										disabled: busy !== null || m.states.length === 0,
+										title: "Clear the flag and re-photograph what normal looks like right now",
+										onClick: () => void run(`reset-${m.id}`, async () => dev.sceneMonitor?.resetScene({ monitorId: m.id })),
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.RotateCcw, { className: "mr-1 inline h-3 w-3" }), "Reset"]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: BTN_NEUTRAL,
+										disabled: busy !== null,
+										onClick: () => void run(`check-${m.id}`, async () => dev.sceneMonitor?.recheckNow({ monitorId: m.id })),
+										children: "Check now"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: tuningId === m.id ? BTN_PRIMARY : BTN_NEUTRAL,
+										"aria-pressed": tuningId === m.id,
+										"aria-label": `Settings for ${m.label}`,
+										disabled: busy !== null,
+										onClick: () => setTuningId((id) => id === m.id ? null : m.id),
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Settings2, { className: "mr-1 inline h-3 w-3" }), "Settings"]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: BTN_DANGER,
+										disabled: busy !== null,
+										onClick: () => void run(`del-${m.id}`, async () => dev.sceneMonitor?.deleteScene({ monitorId: m.id })),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Trash2, { className: "h-3 w-3" })
+									})
+								]
+							}),
+							tuningId === m.id && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SceneSettingsForm, {
+								monitor: m,
+								disabled: busy !== null,
+								onPatch: (patch) => void run(`tune-${m.id}`, async () => dev.sceneMonitor?.updateScene({
+									monitorId: m.id,
+									patch
+								}))
+							})
+						]
+					}, m.id);
+				})
+			})
+		] })
+	});
+}
+//#endregion
+exports.SceneMonitorEditor = SceneMonitorEditor;