@camstack/ui-library 1.2.290 → 1.2.292

package/dist/{SceneMonitorEditor-COgAjtq5.cjs → SceneMonitorEditor-D_jkzQ2o.cjs}

@@ -1,9 +1,47 @@
 const require_settings_2 = require("./settings-2-CR4WtEw4.cjs");
 const require_index = require("./index.cjs");
-const require_MaskShapeCanvas = require("./MaskShapeCanvas-BByN3jvt.cjs");
+const require_MaskShapeCanvas = require("./MaskShapeCanvas-NCNwu9_5.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/composites/cap-settings/SceneReferenceGallery.tsx
+/**
+* SceneReferenceGallery — the photographs a scene is actually judging against,
+* grouped by lighting variant, each individually deletable.
+*
+* ## Why it has to exist
+*
+* A scene's whole answer is "does this region still look like the photograph".
+* Until now the operator could see a COUNT of references and never the
+* references themselves, which makes the two failure modes indistinguishable
+* from the outside: a blurry capture taken while a van was in the way poisons a
+* condition forever, and from a cosine score there is no way to tell which one
+* it was. `deleteReference` shipped with the cap for exactly this and had no
+* caller.
+*
+* ## The image
+*
+* A bare `<img>` against the `event-media` data plane
+* (`/addon/pipeline-analytics/event-media/m/<mediaId>` — D482), which is
+* `access: 'authenticated'` — that accepts the `camstack_session` cookie, and a
+* cookie is the only credential an `<img>` can send. Same mechanism, and the
+* same reasoning, as `use-device-snapshot`; no bearer-token blob fetch is
+* needed and no second copy of the auth plumbing is introduced here.
+*
+* `SceneReference.thumbnailMediaId` finally IS a media row id (D482). It was
+* named `…MediaId` while holding a composite MediaStore key
+* (`scene:<ownerId>:thumbnailSmall:<ts>`), which this component read
+* POSITIONALLY for its owner id — a name that described the right design
+* beside a value that did not, which is the shape of leftover this repo has
+* been bitten by three times. The tile now addresses the row.
+*
+* **A missing blob is normal, not exceptional.** Reference thumbnails written
+* before the `ownerKind: 'scene'` fix carried an `ownerId` no event row backs,
+* which made them eligible for the orphan sweep — so on an existing install
+* some of these ids resolve to nothing. That must degrade to a dated
+* placeholder: the reference is still real, still being scored against, and
+* still deletable. A gallery that blanks or throws over a missing picture would
+* take the delete button away exactly when it is needed.
+*/
 /** The hub-proxied prefix for the pipeline-analytics event-media data plane. */
 var SCENE_MEDIA_BASE = require_index.hubPath$1("/addon/pipeline-analytics/event-media");
 /**
@@ -51,12 +89,13 @@ function totalReferences(monitor) {
 }
 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 t = require_index.useUiText();
 	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."
+		children: t("uiLibrary.sceneReferenceGallery.empty", "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",
@@ -65,7 +104,7 @@ function SceneReferenceGallery({ monitor, disabled, onDelete }) {
 			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),
+					require_index.variantLabel$1(group.condition, t),
 					" · ",
 					group.tiles.length
 				]
@@ -87,7 +126,10 @@ function SceneReferenceGallery({ monitor, disabled, onDelete }) {
 								type: "button",
 								className: BTN_TINY,
 								disabled,
-								"aria-label": `Delete the ${require_index.variantLabel$1(group.condition).toLowerCase()} photograph from ${formatCapturedAt(tile.reference.capturedAt)}`,
+								"aria-label": t("uiLibrary.sceneReferenceGallery.deleteLabel", "Delete the {{variant}} photograph from {{date}}", {
+									variant: require_index.variantLabel$1(group.condition, t).toLowerCase(),
+									date: formatCapturedAt(tile.reference.capturedAt)
+								}),
 								onClick: () => {
 									if (isLastOverall && !pending) {
 										setConfirming(key);
@@ -99,11 +141,11 @@ function SceneReferenceGallery({ monitor, disabled, onDelete }) {
 										index: tile.index
 									});
 								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Trash2, { className: "mr-1 inline h-3 w-3" }), pending ? "Confirm" : "Delete"]
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Trash2, { className: "mr-1 inline h-3 w-3" }), pending ? t("uiLibrary.sceneReferenceGallery.confirm", "Confirm") : t("uiLibrary.sceneReferenceGallery.delete", "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."
+								children: t("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.")
 							})
 						]
 					}, key);
@@ -113,14 +155,15 @@ function SceneReferenceGallery({ monitor, disabled, onDelete }) {
 	});
 }
 function ReferenceThumb({ reference }) {
+	const t = require_index.useUiText();
 	const [failed, setFailed] = (0, react.useState)(false);
 	const mediaId = reference.thumbnailMediaId;
 	if (mediaId === 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.",
+		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__ */ (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"
+			children: t("uiLibrary.sceneReferenceGallery.noPicture", "no picture")
 		})]
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
@@ -147,15 +190,19 @@ var GROUP_TITLE = "text-[10px] font-semibold uppercase tracking-wide text-foregr
 /** 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 triggerHint(mode, t) {
+	switch (mode) {
+		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 uncoveredHint(policy, t) {
+	switch (policy) {
+		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 draftOf(monitor) {
 	return {
 		label: monitor.label,
@@ -168,6 +215,7 @@ function draftOf(monitor) {
 	};
 }
 function SceneSettingsForm({ monitor, disabled, onPatch }) {
+	const t = require_index.useUiText();
 	const [draft, setDraft] = (0, react.useState)(() => draftOf(monitor));
 	const [editing, setEditing] = (0, react.useState)(false);
 	(0, react.useEffect)(() => {
@@ -196,13 +244,13 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: GROUP_TITLE,
-						children: "What it watches"
+						children: t("uiLibrary.sceneSettingsForm.whatItWatches", "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"
+							children: t("uiLibrary.sceneSettingsForm.name", "Name")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 							type: "text",
 							value: draft.label,
@@ -229,18 +277,18 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 							onChange: (e) => commit({ enabled: e.target.checked })
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: LABEL,
-							children: "Watching"
+							children: t("uiLibrary.sceneSettingsForm.watching", "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."
+						children: t("uiLibrary.sceneSettingsForm.watchingHint", "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"
+							children: t("uiLibrary.sceneSettingsForm.whenToLook", "When to look")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 							value: monitor.triggerMode,
 							disabled,
@@ -252,28 +300,28 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 									value: "both",
-									children: "On the clock and after motion settles"
+									children: t("uiLibrary.sceneSettingsForm.triggerBoth", "On the clock and after motion settles")
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 									value: "periodic",
-									children: "On the clock only"
+									children: t("uiLibrary.sceneSettingsForm.triggerPeriodic", "On the clock only")
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 									value: "on-motion",
-									children: "After motion settles only"
+									children: t("uiLibrary.sceneSettingsForm.triggerOnMotion", "After motion settles only")
 								})
 							]
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: require_index.TEXT_HINT,
-						children: TRIGGER_HINT[monitor.triggerMode]
+						children: triggerHint(monitor.triggerMode, t)
 					}),
 					/* @__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)"
+							children: t("uiLibrary.sceneSettingsForm.checkEvery", "Check every (seconds)")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 							type: "number",
 							min: MIN_INTERVAL_SEC,
@@ -295,7 +343,7 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 					}),
 					/* @__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."
+						children: t("uiLibrary.sceneSettingsForm.intervalHint", "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.")
 					})
 				]
 			}),
@@ -304,16 +352,18 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: GROUP_TITLE,
-						children: "How sure it has to be"
+						children: t("uiLibrary.sceneSettingsForm.howSure", "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", {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: LABEL,
-							children: ["Match threshold — ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "tabular-nums",
-								children: draft.threshold.toFixed(2)
-							})]
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.UiTrans, {
+								uiKey: "uiLibrary.sceneSettingsForm.matchThreshold",
+								fallback: "Match threshold — <0>{{value}}</0>",
+								components: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "tabular-nums" }, "value")],
+								values: { value: draft.threshold.toFixed(2) }
+							})
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 							type: "range",
 							min: .3,
@@ -337,13 +387,13 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 						})]
 					}), /* @__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."
+						children: t("uiLibrary.sceneSettingsForm.thresholdHint", "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"
+							children: t("uiLibrary.sceneSettingsForm.agreeingChecks", "Agreeing checks before it changes its mind")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 							type: "number",
 							min: 1,
@@ -365,13 +415,13 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 					}),
 					/* @__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."
+						children: t("uiLibrary.sceneSettingsForm.agreeingHint", "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"
+							children: t("uiLibrary.sceneSettingsForm.quietFor", "Quiet for (seconds) before a check counts")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 							type: "number",
 							min: 0,
@@ -393,13 +443,13 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 					}),
 					/* @__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."
+						children: t("uiLibrary.sceneSettingsForm.quietHint", "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)"
+							children: t("uiLibrary.sceneSettingsForm.minGap", "Minimum gap between counted checks (seconds)")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 							type: "number",
 							min: 0,
@@ -421,7 +471,7 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 					}),
 					/* @__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."
+						children: t("uiLibrary.sceneSettingsForm.minGapHint", "Spreads the agreeing checks over real time instead of letting three adjacent polls inside one long occlusion be mistaken for three independent opinions.")
 					})
 				]
 			}),
@@ -430,13 +480,13 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: GROUP_TITLE,
-						children: "Lighting"
+						children: t("uiLibrary.sceneSettingsForm.lighting", "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"
+							children: t("uiLibrary.sceneSettingsForm.noReference", "When a light has no reference of its own")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 							value: monitor.onUncoveredCondition,
 							disabled,
@@ -447,16 +497,16 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 							},
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 								value: "skip",
-								children: "Skip the check (recommended)"
+								children: t("uiLibrary.sceneSettingsForm.uncoveredSkip", "Skip the check (recommended)")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 								value: "judge-anyway",
-								children: "Judge against the other light anyway"
+								children: t("uiLibrary.sceneSettingsForm.uncoveredJudge", "Judge against the other light anyway")
 							})]
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: require_index.TEXT_HINT,
-						children: UNCOVERED_HINT[monitor.onUncoveredCondition]
+						children: uncoveredHint(monitor.onUncoveredCondition, t)
 					})
 				]
 			}),
@@ -465,13 +515,13 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: GROUP_TITLE,
-						children: "What you get told"
+						children: t("uiLibrary.sceneSettingsForm.whatYouGetTold", "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"
+							children: t("uiLibrary.sceneSettingsForm.notificationsFollow", "Notifications follow")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 							value: monitor.emit,
 							disabled,
@@ -482,16 +532,16 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 							},
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 								value: "latched",
-								children: "The flag — told once, still visible at breakfast"
+								children: t("uiLibrary.sceneSettingsForm.emitLatched", "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"
+								children: t("uiLibrary.sceneSettingsForm.emitLive", "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."
+						children: t("uiLibrary.sceneSettingsForm.emitHint", "“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",
@@ -502,12 +552,12 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 							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"
+							children: t("uiLibrary.sceneSettingsForm.autoRestore", "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."
+						children: t("uiLibrary.sceneSettingsForm.autoRestoreHint", "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.")
 					})
 				]
 			}),
@@ -516,7 +566,7 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: GROUP_TITLE,
-						children: "AI double-check"
+						children: t("uiLibrary.sceneSettingsForm.aiDoubleCheck", "AI double-check")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 						className: "flex items-center gap-2",
@@ -530,18 +580,18 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 							} } : { confirm: null })
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: LABEL,
-							children: "Ask a vision model before changing the answer"
+							children: t("uiLibrary.sceneSettingsForm.askVision", "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"
+							children: t("uiLibrary.sceneSettingsForm.question", "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?",
+							placeholder: t("uiLibrary.sceneSettingsForm.questionPlaceholder", "e.g. Is the wheelie bin still there?"),
 							disabled,
 							className: FIELD,
 							onFocus: () => setEditing(true),
@@ -559,13 +609,13 @@ function SceneSettingsForm({ monitor, disabled, onPatch }) {
 							}
 						})]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("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."
-						]
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.UiTrans, {
+							uiKey: "uiLibrary.sceneSettingsForm.confirmHint",
+							fallback: "The model is asked <0>only</0> 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.",
+							components: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {}, "only")]
+						})
 					})
 				]
 			})
@@ -588,6 +638,55 @@ function defaultConfirm(prompt) {
 }
 //#endregion
 //#region src/composites/cap-settings/SceneMonitorEditor.tsx
+/**
+* SceneMonitorEditor — the per-camera half of the Scenes surface.
+*
+* **Imported directly, not resolved as a widget.** It briefly lived behind the
+* host widget `host/scene-monitor-editor`, mounted as a "Scenes" tab on one
+* camera's detail page. That put a standing question about the property ("is
+* the bin still out") one camera deep, where the operator's actual question —
+* "which of my scenes have tripped" — could not be asked at all. The overview
+* is now the top-level `/scenes` page; this component is what that page opens
+* once a camera is chosen, in a dialog. The widget id and its `deviceConfig`
+* declaration are both gone, in the same commit, because
+* `scripts/check-host-widget-resolves.ts` checks both directions.
+*
+* It renders BARE — no `WidgetPanel` — because its only caller supplies a
+* dialog header, and two stacked titles read as a layout bug.
+*
+* ## The flow, in the order the operator meets it
+*
+* 1. **Draw a region on the still frame.** A rect over a SNAPSHOT, not the live
+*    player: a scene is defined against a photograph, and drawing on a moving
+*    picture makes it impossible to see whether the box actually contains the
+*    bin. The editor starts in draw mode and warns above ~40 % of the frame,
+*    because a full-frame scene is dominated by weather, sky and parked cars —
+*    it will not work, and it will look broken rather than misconfigured.
+* 2. **Capture the initial state, per lighting variant.** Two buttons, Daylight
+*    and Night (IR), each forcing a fresh snapshot. The variant is DETECTED
+*    from the frame and shown rather than asked; the buttons exist so the
+*    operator can say "capture this as the night reference" while standing
+*    outside at 22:00 — which is exactly why **Night (IR) is labelled
+*    optional**. Almost nobody does that, and a scene captured only in daylight
+*    is a configuration, not a defect: under the default
+*    `onUncoveredCondition: 'skip'` the infrared hours are simply sat out.
+* 3. **Read the coverage line.** "Daylight ✓ · Night (IR) ✗ — optional; checks
+*    in night (ir) are skipped". This feature's failure mode is silence that
+*    reads as "nothing has happened", and that one line is the difference
+*    between a five-minute fix and a session of guessing — but it must say what
+*    HAPPENS, not complain. It used to end "reports 'can't tell'", which made a
+*    correctly configured scene look broken every night.
+* 4. **Reset.** Clears the flag AND re-captures the baseline for the current
+*    light, because the bin never goes back in exactly the same spot.
+* 5. **Settings.** Every knob the model has actually carried since the provider
+*    shipped — how often it looks, how closely it has to match, how many
+*    agreeing checks a change costs, what a missing light means, which boolean
+*    drives notifications, and whether a vision model adjudicates a flip. None
+*    of it was reachable before; see `SceneSettingsForm`.
+*
+* Live state arrives through the cap's `status.kind: 'push'` runtime slice, so
+* the card updates itself without polling.
+*/
 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";
@@ -601,6 +700,7 @@ var TONE_CLASS = {
 var DEFAULT_THRESHOLD = .8;
 var DEFAULT_HYSTERESIS = 3;
 function SceneMonitorEditor({ deviceId }) {
+	const t = require_index.useUiText();
 	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 });
@@ -664,9 +764,13 @@ function SceneMonitorEditor({ deviceId }) {
 		return draftRoi !== null ? [...existing, {
 			id: "__draft__",
 			shape: draftRoi,
-			label: "New scene"
+			label: t("uiLibrary.sceneMonitor.newSceneLabel", "New scene")
 		}] : existing;
-	}, [monitors, draftRoi]);
+	}, [
+		monitors,
+		draftRoi,
+		t
+	]);
 	const onShapeChange = (0, react.useCallback)((id, shape) => {
 		if (shape.kind !== "rect") return;
 		if (id === "__draft__") {
@@ -709,11 +813,11 @@ function SceneMonitorEditor({ deviceId }) {
 		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."
+			children: t("uiLibrary.sceneMonitor.unsupported", "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."
+				children: t("uiLibrary.sceneMonitor.intro", "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",
@@ -744,13 +848,13 @@ function SceneMonitorEditor({ deviceId }) {
 						setDraftRoi(null);
 					},
 					disabled: busy !== null,
-					children: drafting ? "Cancel" : "+ New scene"
+					children: drafting ? t("uiLibrary.sceneMonitor.cancel", "Cancel") : t("uiLibrary.sceneMonitor.newScene", "+ New scene")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
 					className: BTN_NEUTRAL,
 					onClick: snapshot.refresh,
 					disabled: busy !== null,
-					children: "Refresh frame"
+					children: t("uiLibrary.sceneMonitor.refresh", "Refresh frame")
 				})]
 			}),
 			drafting && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -758,11 +862,11 @@ function SceneMonitorEditor({ deviceId }) {
 				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."
+						children: draftRoi === null ? t("uiLibrary.sceneMonitor.draftHint", "Click on the frame to drop a box, then drag its corner to fit it around the thing you want watched.") : t("uiLibrary.sceneMonitor.nameHint", "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."
+						children: t("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.")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "flex items-center gap-2",
@@ -770,14 +874,14 @@ function SceneMonitorEditor({ deviceId }) {
 							type: "text",
 							value: draftLabel,
 							onChange: (e) => setDraftLabel(e.target.value),
-							placeholder: "e.g. Immondizia prelevata",
+							placeholder: t("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__ */ (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"
+							children: t("uiLibrary.sceneMonitor.create", "Create")
 						})]
 					})
 				]
@@ -788,11 +892,11 @@ function SceneMonitorEditor({ deviceId }) {
 			}),
 			monitors.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: `${require_index.TEXT_HINT} leading-relaxed`,
-				children: "No scenes on this camera yet."
+				children: t("uiLibrary.sceneMonitor.empty", "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);
+					const badge = require_index.badgeFor$1(m, t);
 					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: [
@@ -810,11 +914,11 @@ function SceneMonitorEditor({ deviceId }) {
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: `${require_index.TEXT_HINT} leading-relaxed`,
-								children: require_index.statusLine$1(m, now)
+								children: require_index.statusLine$1(m, now, t)
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: `${require_index.TEXT_HINT} tabular-nums`,
-								children: require_index.coverageLine$1(m)
+								children: require_index.coverageLine$1(m, t)
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SceneReferenceGallery, {
 								monitor: m,
@@ -834,18 +938,17 @@ function SceneMonitorEditor({ deviceId }) {
 											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`,
+											title: optional ? t("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.") : t("uiLibrary.sceneMonitor.captureTitle", "Take a fresh photo now and store it as the {{variant}} reference", { variant: require_index.variantLabel$1(variant, t).toLowerCase() }),
 											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(),
+												t("uiLibrary.sceneMonitor.capture", "Capture {{variant}}", { variant: require_index.variantLabel$1(variant, t).toLowerCase() }),
 												optional && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 													className: "ml-1 text-foreground-subtle/70",
-													children: "(optional)"
+													children: t("uiLibrary.sceneMonitor.optional", "(optional)")
 												})
 											]
 										}, variant);
@@ -854,25 +957,25 @@ function SceneMonitorEditor({ deviceId }) {
 										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",
+										title: t("uiLibrary.sceneMonitor.resetTitle", "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"]
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.RotateCcw, { className: "mr-1 inline h-3 w-3" }), t("uiLibrary.sceneMonitor.reset", "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"
+										children: t("uiLibrary.sceneMonitor.checkNow", "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}`,
+										"aria-label": t("uiLibrary.sceneMonitor.settingsFor", "Settings for {{label}}", { label: m.label }),
 										disabled: busy !== null,
 										onClick: () => setTuningId((id) => id === m.id ? null : m.id),
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_settings_2.Settings2, { className: "mr-1 inline h-3 w-3" }), "Settings"]
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_settings_2.Settings2, { className: "mr-1 inline h-3 w-3" }), t("uiLibrary.sceneMonitor.settings", "Settings")]
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",