@camstack/addon-benchmark 1.2.75 → 1.2.77

package/dist/MotionZonesSettings-eYpT7AlR.mjs

@@ -0,0 +1,310 @@
+import { c as e, g as t, h as n, p as r, u as i, x as a } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react__loadShare__.js-GeuxDuzQ.mjs";
+import { c as o, n as s, o as c, r as ee, t as l } from "./responsive-C7dB7Lkh.mjs";
+import { i as te, t as u } from "./player-overlays-CteLy01r.mjs";
+import { n as d, r as f, t as p } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-SOU_VnTj.mjs";
+import { MaskShapeCanvas as m } from "./MaskShapeCanvas-BDvrLf-K.mjs";
+var ne = o("grid-2x2", [
+	["path", {
+		d: "M12 3v18",
+		key: "108xh3"
+	}],
+	["path", {
+		d: "M3 12h18",
+		key: "1i2n21"
+	}],
+	["rect", {
+		x: "3",
+		y: "3",
+		width: "18",
+		height: "18",
+		rx: "2",
+		key: "h1oib"
+	}]
+]);
+//#endregion
+//#region ../ui-library/src/composites/cap-settings/MotionZonesSettings.tsx
+a();
+var re = 110, h = "motion-zones", g = 0, _ = [
+	1,
+	2,
+	3
+], v = 1, y = "rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors", b = "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";
+function x(e, t, n) {
+	let r = t * n, i = Array.from({ length: r });
+	for (let t = 0; t < r; t += 1) i[t] = e[t] === !0;
+	return i;
+}
+function S(e, t) {
+	if (e.length !== t.length) return !1;
+	for (let n = 0; n < e.length; n += 1) if (e[n] !== t[n]) return !1;
+	return !0;
+}
+function C(e, t) {
+	return Math.ceil(e / t);
+}
+function w(e, t, n) {
+	return Math.min(n - 1, Math.floor((e + .5) / t * n));
+}
+function T(e, t, n, r) {
+	let i = C(t, r), a = C(n, r), o = Array.from({ length: i * a }, () => !1);
+	for (let r = 0; r < n; r += 1) {
+		let s = w(r, n, a);
+		for (let n = 0; n < t; n += 1) e[r * t + n] === !0 && (o[s * i + w(n, t, i)] = !0);
+	}
+	return o;
+}
+function E(e, t, n, r) {
+	let i = C(t, r), a = C(n, r), o = Array.from({ length: t * n }, () => !1);
+	for (let r = 0; r < n; r += 1) {
+		let s = w(r, n, a);
+		for (let n = 0; n < t; n += 1) o[r * t + n] = e[s * i + w(n, t, i)] === !0;
+	}
+	return o;
+}
+function D({ deviceId: a }) {
+	let o = ee(c().trpcClient, a), [w, D] = t(null), [O, k] = t(!1), [A, j] = t(null), [M, N] = t(null), [P, F] = t(v), [I, L] = t(!1), [R, z] = t(!1), B = n(!1);
+	i(() => {
+		if (!o) return;
+		let e = !1;
+		return B.current = !1, D(null), k(!1), j(null), N(null), F(v), z(!1), (async () => {
+			try {
+				let t = await o.motionZones?.getOptions({});
+				if (e) return;
+				if (!t) throw Error("device proxy not ready");
+				if (D(t), B.current) return;
+				let n = await o.motionZones?.getStatus({});
+				if (e) return;
+				if (!n) throw Error("device proxy not ready");
+				B.current = !0;
+				let r = n.regions.find((e) => e.shape.kind === "grid"), i = x(r ? r.shape.cells : [], t.grid.width, t.grid.height);
+				N(i), j(T(i, t.grid.width, t.grid.height, v));
+			} catch (t) {
+				if (e) return;
+				s(t) ? k(!0) : console.error("Motion Zones load failed", t);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [o]);
+	let V = w ? w.grid.width : 0, H = w ? w.grid.height : 0, U = C(V, P), W = C(H, P), G = r(() => A && w ? E(A, V, H, P) : null, [
+		A,
+		w,
+		V,
+		H,
+		P
+	]), K = r(() => G !== null && M !== null && !S(G, M), [G, M]), q = r(() => G ? G.reduce((e, t) => t ? e + 1 : e, 0) : 0, [G]), J = V * H, Y = U * W, X = e((e) => {
+		Y > 0 && j(Array.from({ length: Y }, () => e));
+	}, [Y]), Z = e(() => {
+		j((e) => e && e.map((e) => !e));
+	}, []), ie = e(() => {
+		M && w && j(T(M, V, H, P));
+	}, [
+		M,
+		w,
+		V,
+		H,
+		P
+	]), ae = e((e) => {
+		e === P || !w || j((t) => {
+			if (!t) return F(e), t;
+			let n = T(E(t, V, H, P), V, H, e);
+			return F(e), n;
+		});
+	}, [
+		P,
+		w,
+		V,
+		H
+	]), Q = r(() => w && A ? [{
+		id: g,
+		shape: {
+			kind: "grid",
+			gridWidth: U,
+			gridHeight: W,
+			cells: [...A]
+		}
+	}] : [], [
+		w,
+		A,
+		U,
+		W
+	]), $ = e((e, t) => {
+		t.kind === "grid" && j(t.cells);
+	}, []), oe = e(async () => {
+		if (!(!o || !A || !w)) {
+			L(!0);
+			try {
+				let e = E(A, w.grid.width, w.grid.height, P), t = {
+					kind: "grid",
+					gridWidth: w.grid.width,
+					gridHeight: w.grid.height,
+					cells: e
+				};
+				await o.motionZones?.setZone({ patch: { regions: [{
+					id: g,
+					enabled: !0,
+					shape: t
+				}] } });
+				let n = await o.motionZones?.getStatus({});
+				if (n) {
+					let e = n.regions.find((e) => e.shape.kind === "grid"), t = x(e ? e.shape.cells : [], w.grid.width, w.grid.height);
+					N(t), j(T(t, w.grid.width, w.grid.height, P));
+				}
+			} catch (e) {
+				console.error("Motion Zones save failed", e);
+			} finally {
+				L(!1);
+			}
+		}
+	}, [
+		o,
+		A,
+		w,
+		P
+	]);
+	return u(r(() => R && !O && w && A ? {
+		id: h,
+		order: re,
+		node: /* @__PURE__ */ d(m, {
+			transparent: !0,
+			items: Q,
+			supportedShapes: ["grid"],
+			grid: {
+				width: U,
+				height: W
+			},
+			selectedId: g,
+			onSelect: () => {},
+			onShapeChange: $,
+			onDrawComplete: () => {},
+			drawingKind: null
+		})
+	} : null, [
+		R,
+		O,
+		w,
+		A,
+		Q,
+		$,
+		U,
+		W
+	])), o ? /* @__PURE__ */ d(te, {
+		title: "Motion Zones",
+		icon: /* @__PURE__ */ d(ne, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
+		children: /* @__PURE__ */ d("div", {
+			className: "flex flex-col gap-3",
+			children: O ? /* @__PURE__ */ d("p", {
+				className: `${l} leading-relaxed`,
+				children: "This camera doesn't expose an on-board motion zones grid."
+			}) : !O && w !== null && A !== null ? /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ f("p", {
+				className: `${l} leading-relaxed`,
+				children: [
+					"Toggle ",
+					/* @__PURE__ */ d("strong", {
+						className: "text-foreground",
+						children: "Edit grid"
+					}),
+					" to paint the region directly on the live frame, then ",
+					/* @__PURE__ */ d("strong", {
+						className: "text-foreground",
+						children: "Save"
+					}),
+					" to push the mask to the camera. Pick a bigger",
+					" ",
+					/* @__PURE__ */ d("strong", {
+						className: "text-foreground",
+						children: "Cell size"
+					}),
+					" for quicker, broad-stroke painting — it's resampled to the camera's native ",
+					w.grid.width,
+					"×",
+					w.grid.height,
+					" grid on save (×1 is the finest)."
+				]
+			}), /* @__PURE__ */ f("div", {
+				className: "flex items-center gap-2 flex-wrap",
+				children: [
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: () => z((e) => !e),
+						disabled: I,
+						"aria-pressed": R,
+						className: R ? b : y,
+						children: R ? "Done editing" : "Edit grid"
+					}),
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: () => X(!0),
+						disabled: I,
+						className: y,
+						children: "All on"
+					}),
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: () => X(!1),
+						disabled: I,
+						className: y,
+						children: "All off"
+					}),
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: Z,
+						disabled: I,
+						className: y,
+						children: "Invert"
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "flex items-center gap-1 ml-1",
+						role: "group",
+						"aria-label": "Cell size",
+						children: [/* @__PURE__ */ d("span", {
+							className: `${l} mr-0.5`,
+							children: "Cell size"
+						}), _.map((e) => /* @__PURE__ */ f("button", {
+							type: "button",
+							onClick: () => ae(e),
+							disabled: I,
+							"aria-pressed": P === e,
+							title: e === 1 ? `Camera grid ${V}×${H} (finest)` : `${C(V, e)}×${C(H, e)} painting grid · cells ×${e} bigger`,
+							className: P === e ? b : y,
+							children: ["×", e]
+						}, e))]
+					}),
+					/* @__PURE__ */ f("span", {
+						className: `${l} ml-1 tabular-nums`,
+						children: [
+							q,
+							" / ",
+							J,
+							" cells · ",
+							w.grid.width,
+							"×",
+							w.grid.height,
+							P === 1 ? "" : ` · paint ${U}×${W}`
+						]
+					}),
+					/* @__PURE__ */ d("span", { className: "flex-1" }),
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: ie,
+						disabled: I || !K,
+						className: "rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors",
+						children: "Revert"
+					}),
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: () => void oe(),
+						disabled: I || !K,
+						className: b,
+						children: I ? "Saving…" : "Save"
+					})
+				]
+			})] }) : /* @__PURE__ */ d("p", {
+				className: `${l} leading-relaxed`,
+				children: "Loading the camera's grid…"
+			})
+		})
+	}) : null;
+}
+//#endregion
+export { D as MotionZonesSettings };

package/dist/{PrivacyMaskSettings-DXpGM5pW.mjs → PrivacyMaskSettings-DUxztMZj.mjs}

@@ -1,14 +1,14 @@
 import { c as e, g as t, h as n, p as r, u as i, x as a } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react__loadShare__.js-GeuxDuzQ.mjs";
-import { a as ee, n as te, r as ne, s as o, t as s } from "./responsive-D-bem4Ch.mjs";
-import { i as re, t as c } from "./player-overlays-BbzXZwQq.mjs";
-import { n as l, r as ie, t as ae } from "./square-DAwyOzYA.mjs";
-import { t as oe } from "./trash-2-CzanZXM4.mjs";
-import { n as u, r as d, t as se } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-SOU_VnTj.mjs";
-import { MaskShapeCanvas as ce } from "./MaskShapeCanvas-BDvrLf-K.mjs";
-var le = o("hexagon", [["path", {
+import { c as o, n as ee, o as te, r as ne, t as s } from "./responsive-C7dB7Lkh.mjs";
+import { i as re, t as c } from "./player-overlays-CteLy01r.mjs";
+import { n as l, r as u, t as ie } from "./square--duOP6VL.mjs";
+import { t as ae } from "./trash-2-q_St5qCh.mjs";
+import { n as d, r as f, t as oe } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-SOU_VnTj.mjs";
+import { MaskShapeCanvas as se } from "./MaskShapeCanvas-BDvrLf-K.mjs";
+var ce = o("hexagon", [["path", {
 	d: "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z",
 	key: "yt0hxn"
-}]]), ue = o("mic-off", [
+}]]), le = o("mic-off", [
 	["path", {
 		d: "M12 19v3",
 		key: "npa21l"
@@ -37,47 +37,47 @@ var le = o("hexagon", [["path", {
 //#endregion
 //#region ../ui-library/src/composites/cap-settings/privacy-mask-audio.ts
 a();
-var f = "Microphone", p = "The camera encodes no audio at all — live view, recordings, exports and the audio analyzer are all silent.";
-function de(e) {
+var p = "Microphone", m = "The camera encodes no audio at all — live view, recordings, exports and the audio analyzer are all silent.";
+function ue(e) {
 	let t = e.supportsAudioMute === !0, n = t ? e.audioEnabled : null, r = e.pendingOn ?? null;
 	return {
-		label: f,
+		label: p,
 		supported: t,
 		on: n === null ? null : r ?? n,
 		available: t && n !== null,
-		costWhenOff: p
+		costWhenOff: m
 	};
 }
-function m(e) {
+function h(e) {
 	return !e.available || e.on === null ? null : { enabled: !e.on };
 }
 //#endregion
 //#region ../ui-library/src/composites/cap-settings/PrivacyMaskSettings.tsx
-var fe = 120, h = "privacy-mask", g = "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", _ = "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";
-function v(e) {
+var g = 120, de = "privacy-mask", _ = "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", v = "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";
+function y(e) {
 	return e.kind === "rect" || e.kind === "polygon" ? e : null;
 }
-function pe(e) {
+function fe(e) {
 	let t = new Set(e.map((e) => e.id)), n = 0;
 	for (; t.has(n);) n += 1;
 	return n;
 }
-function y(e, t) {
+function pe(e, t) {
 	if (e.length !== t.length) return !1;
 	for (let n = 0; n < e.length; n += 1) if (JSON.stringify(e[n]) !== JSON.stringify(t[n])) return !1;
 	return !0;
 }
 function b({ deviceId: a }) {
-	let o = ne(ee().trpcClient, a), [f, p] = t(null), [b, x] = t(!1), [S, C] = t(null), [w, T] = t(null), [E, D] = t(!1), [O, k] = t(!1), [A, j] = t(null), [M, N] = t(null), [me, P] = t(null), [F, I] = t(null), [L, R] = t(null), z = n(!1);
+	let o = ne(te().trpcClient, a), [p, m] = t(null), [b, x] = t(!1), [S, C] = t(null), [w, T] = t(null), [E, D] = t(!1), [O, k] = t(!1), [A, j] = t(null), [M, N] = t(null), [me, P] = t(null), [F, I] = t(null), [L, R] = t(null), z = n(!1);
 	i(() => {
 		if (!o) return;
 		let e = !1;
-		return z.current = !1, p(null), x(!1), C(null), T(null), k(!1), j(null), N(null), P(null), I(null), R(null), (async () => {
+		return z.current = !1, m(null), x(!1), C(null), T(null), k(!1), j(null), N(null), P(null), I(null), R(null), (async () => {
 			try {
 				let t = await o.privacyMask?.getOptions({});
 				if (e) return;
 				if (!t) throw Error("device proxy not ready");
-				if (p(t), z.current) return;
+				if (m(t), z.current) return;
 				let n = await o.privacyMask?.getStatus({});
 				if (e) return;
 				if (!n) throw Error("device proxy not ready");
@@ -89,13 +89,13 @@ function b({ deviceId: a }) {
 				T(r), C(r), P(n.audioEnabled);
 			} catch (t) {
 				if (e) return;
-				te(t) ? x(!0) : console.error("Privacy Mask load failed", t);
+				ee(t) ? x(!0) : console.error("Privacy Mask load failed", t);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [o]);
-	let B = r(() => S !== null && w !== null && (S.enabled !== w.enabled || !y(S.regions, w.regions)), [S, w]), V = S ? S.regions.length : 0, H = f ? f.maxRegions : 0, U = n(0);
+	let B = r(() => S !== null && w !== null && (S.enabled !== w.enabled || !pe(S.regions, w.regions)), [S, w]), V = S ? S.regions.length : 0, H = p ? p.maxRegions : 0, U = n(0);
 	i(() => {
 		U.current = H;
 	}, [H]);
@@ -112,7 +112,7 @@ function b({ deviceId: a }) {
 		enabled: e.enabled,
 		label: `Zone ${String(e.id)}`
 	})) : [], [S]), q = e((e, t) => {
-		let n = v(t);
+		let n = y(t);
 		n && C((t) => t && {
 			...t,
 			regions: t.regions.map((t) => t.id === e ? {
@@ -121,12 +121,12 @@ function b({ deviceId: a }) {
 			} : t)
 		});
 	}, []), J = e((e) => {
-		let t = v(e);
+		let t = y(e);
 		t && (N(null), C((e) => {
 			if (!e) return e;
 			let n = U.current;
 			if (n > 0 && e.regions.length >= n) return e;
-			let r = pe(e.regions), i = {
+			let r = fe(e.regions), i = {
 				id: r,
 				enabled: !0,
 				shape: t
@@ -172,12 +172,12 @@ function b({ deviceId: a }) {
 				D(!1);
 			}
 		}
-	}, [o, S]), Z = de({
-		supportsAudioMute: f === null ? null : f.supportsAudioMute,
+	}, [o, S]), Z = ue({
+		supportsAudioMute: p === null ? null : p.supportsAudioMute,
 		audioEnabled: me,
 		pendingOn: F
 	}), ye = e(async () => {
-		let e = m(Z);
+		let e = h(Z);
 		if (!(!o || e === null)) {
 			I(e.enabled), R(null);
 			try {
@@ -192,15 +192,15 @@ function b({ deviceId: a }) {
 		}
 	}, [o, Z]), be = e(() => {
 		k((e) => (e && (N(null), j(null)), !e));
-	}, []), Q = f?.supportedShapes ?? [];
-	c(r(() => O && !b && f && S ? {
-		id: h,
-		order: fe,
-		node: /* @__PURE__ */ u(ce, {
+	}, []), Q = p?.supportedShapes ?? [];
+	c(r(() => O && !b && p && S ? {
+		id: de,
+		order: g,
+		node: /* @__PURE__ */ d(se, {
 			transparent: !0,
 			items: K,
 			supportedShapes: Q,
-			polygonVertices: f.polygonVertices,
+			polygonVertices: p.polygonVertices,
 			selectedId: A,
 			onSelect: G,
 			onShapeChange: q,
@@ -210,7 +210,7 @@ function b({ deviceId: a }) {
 	} : null, [
 		O,
 		b,
-		f,
+		p,
 		S,
 		K,
 		Q,
@@ -220,70 +220,70 @@ function b({ deviceId: a }) {
 		J,
 		M
 	]));
-	let xe = f?.supportedShapes.includes("rect") ?? !1, Se = f?.supportedShapes.includes("polygon") ?? !1, $ = f !== null && (f.maxRegions <= 0 || f.supportedShapes.length === 0);
-	return o ? /* @__PURE__ */ u(re, {
+	let xe = p?.supportedShapes.includes("rect") ?? !1, Se = p?.supportedShapes.includes("polygon") ?? !1, $ = p !== null && (p.maxRegions <= 0 || p.supportedShapes.length === 0);
+	return o ? /* @__PURE__ */ d(re, {
 		title: "Privacy Mask",
-		icon: /* @__PURE__ */ u(ie, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
-		children: /* @__PURE__ */ d("div", {
+		icon: /* @__PURE__ */ d(u, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
+		children: /* @__PURE__ */ f("div", {
 			className: "flex flex-col gap-3",
-			children: [b || $ ? /* @__PURE__ */ u("p", {
+			children: [b || $ ? /* @__PURE__ */ d("p", {
 				className: `${s} leading-relaxed`,
 				children: "This camera doesn't support an on-board privacy mask."
-			}) : !b && !$ && f !== null && S !== null ? /* @__PURE__ */ d(se, { children: [
-				/* @__PURE__ */ d("p", {
+			}) : !b && !$ && p !== null && S !== null ? /* @__PURE__ */ f(oe, { children: [
+				/* @__PURE__ */ f("p", {
 					className: `${s} leading-relaxed`,
 					children: [
 						"Toggle ",
-						/* @__PURE__ */ u("strong", {
+						/* @__PURE__ */ d("strong", {
 							className: "text-foreground",
 							children: "Edit mask"
 						}),
 						" to draw blanked-out zones on the live frame, then ",
-						/* @__PURE__ */ u("strong", {
+						/* @__PURE__ */ d("strong", {
 							className: "text-foreground",
 							children: "Save"
 						}),
 						" to push them to the camera. Drag a rectangle to move, its corner to resize; drag polygon vertices, click an edge midpoint to add one, or right-click a vertex to remove it."
 					]
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ f("div", {
 					className: "flex items-center gap-2 flex-wrap",
 					children: [
-						/* @__PURE__ */ u("button", {
+						/* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: be,
 							disabled: E,
 							"aria-pressed": O,
-							className: O ? _ : g,
+							className: O ? v : _,
 							children: O ? "Done editing" : "Edit mask"
 						}),
-						/* @__PURE__ */ u("button", {
+						/* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: he,
 							disabled: E,
 							"aria-pressed": S.enabled,
-							className: S.enabled ? _ : g,
+							className: S.enabled ? v : _,
 							children: S.enabled ? "Mask on" : "Mask off"
 						}),
-						xe && /* @__PURE__ */ u("button", {
+						xe && /* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: () => Y("rect"),
 							disabled: E || W,
 							"aria-pressed": M === "rect",
-							className: M === "rect" ? _ : g,
+							className: M === "rect" ? v : _,
 							title: W ? "Maximum zones reached" : "Add a rectangle zone",
 							children: "+ Rect"
 						}),
-						Se && /* @__PURE__ */ u("button", {
+						Se && /* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: () => Y("polygon"),
 							disabled: E || W,
 							"aria-pressed": M === "polygon",
-							className: M === "polygon" ? _ : g,
+							className: M === "polygon" ? v : _,
 							title: W ? "Maximum zones reached" : "Add a polygon zone",
 							children: "+ Polygon"
 						}),
-						/* @__PURE__ */ d("span", {
+						/* @__PURE__ */ f("span", {
 							className: `${s} ml-1 tabular-nums`,
 							children: [
 								V,
@@ -292,60 +292,60 @@ function b({ deviceId: a }) {
 								" zones"
 							]
 						}),
-						/* @__PURE__ */ u("span", { className: "flex-1" }),
-						/* @__PURE__ */ u("button", {
+						/* @__PURE__ */ d("span", { className: "flex-1" }),
+						/* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: _e,
 							disabled: E || !B,
 							className: "rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors",
 							children: "Revert"
 						}),
-						/* @__PURE__ */ u("button", {
+						/* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: () => void ve(),
 							disabled: E || !B,
-							className: _,
+							className: v,
 							children: E ? "Saving…" : "Save"
 						})
 					]
 				}),
-				V > 0 ? /* @__PURE__ */ u("div", {
+				V > 0 ? /* @__PURE__ */ d("div", {
 					className: "flex flex-col gap-1",
 					children: S.regions.map((e) => {
-						let t = A === e.id, n = e.shape.kind === "polygon" ? le : ae;
-						return /* @__PURE__ */ d("div", {
+						let t = A === e.id, n = e.shape.kind === "polygon" ? ce : ie;
+						return /* @__PURE__ */ f("div", {
 							className: `flex items-center gap-2 rounded-md border px-2 py-1 transition-colors ${t ? "border-primary/50 bg-primary/10" : "border-border bg-surface"}`,
-							children: [/* @__PURE__ */ d("button", {
+							children: [/* @__PURE__ */ f("button", {
 								type: "button",
 								onClick: () => ge(e.id),
 								disabled: E,
 								className: "flex flex-1 items-center gap-2 text-left text-[11px] font-medium text-foreground-subtle hover:text-foreground disabled:opacity-40 transition-colors",
 								children: [
-									/* @__PURE__ */ u(n, { className: "h-3.5 w-3.5 shrink-0" }),
-									/* @__PURE__ */ d("span", { children: ["Zone ", e.id] }),
-									/* @__PURE__ */ u("span", {
+									/* @__PURE__ */ d(n, { className: "h-3.5 w-3.5 shrink-0" }),
+									/* @__PURE__ */ f("span", { children: ["Zone ", e.id] }),
+									/* @__PURE__ */ d("span", {
 										className: "text-foreground-faint capitalize",
 										children: e.shape.kind
 									})
 								]
-							}), /* @__PURE__ */ u("button", {
+							}), /* @__PURE__ */ d("button", {
 								type: "button",
 								onClick: () => X(e.id),
 								disabled: E,
 								"aria-label": `Delete zone ${String(e.id)}`,
 								title: "Delete zone",
 								className: "inline-flex h-6 w-6 items-center justify-center rounded border border-border bg-surface text-foreground-subtle hover:border-red-400/40 hover:bg-red-500/10 hover:text-red-400 disabled:opacity-40 transition-colors",
-								children: /* @__PURE__ */ u(oe, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ d(ae, { className: "h-3.5 w-3.5" })
 							})]
 						}, e.id);
 					})
 				}) : null
-			] }) : /* @__PURE__ */ u("p", {
+			] }) : /* @__PURE__ */ d("p", {
 				className: `${s} leading-relaxed`,
 				children: "Loading the camera's privacy mask…"
-			}), Z.supported && /* @__PURE__ */ d("div", {
+			}), Z.supported && /* @__PURE__ */ f("div", {
 				className: "flex items-start gap-3 rounded-md border border-border bg-surface px-2 py-2",
-				children: [/* @__PURE__ */ u("button", {
+				children: [/* @__PURE__ */ d("button", {
 					type: "button",
 					role: "switch",
 					"aria-label": Z.label,
@@ -353,12 +353,12 @@ function b({ deviceId: a }) {
 					disabled: !Z.available || F !== null,
 					onClick: () => void ye(),
 					title: Z.on === null ? "Microphone — state unknown; the camera did not answer." : Z.on ? `The camera is capturing sound. Turning it off: ${Z.costWhenOff}` : `The camera is silent. ${Z.costWhenOff}`,
-					className: Z.on === !1 || Z.on === null ? g : _,
-					children: /* @__PURE__ */ d("span", {
+					className: Z.on === !1 || Z.on === null ? _ : v,
+					children: /* @__PURE__ */ f("span", {
 						className: "inline-flex items-center gap-1.5",
-						children: [Z.on === !1 ? /* @__PURE__ */ u(ue, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ u(l, { className: "h-3.5 w-3.5" }), Z.on === null ? "Microphone unknown" : Z.on ? "Microphone on" : "Microphone off"]
+						children: [Z.on === !1 ? /* @__PURE__ */ d(le, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ d(l, { className: "h-3.5 w-3.5" }), Z.on === null ? "Microphone unknown" : Z.on ? "Microphone on" : "Microphone off"]
 					})
-				}), /* @__PURE__ */ u("p", {
+				}), /* @__PURE__ */ d("p", {
 					className: "text-[10px] text-foreground-subtle flex-1 leading-relaxed",
 					children: L === null ? Z.on === null ? "The camera did not report its microphone, so this state is unknown." : Z.costWhenOff : `Write failed: ${L}`
 				})]