@camstack/addon-benchmark 1.2.236 → 1.2.237

package/dist/MotionZonesSettings-CLUkWpK0.mjs

@@ -0,0 +1,309 @@
+import { S as e, _ as t, d as n, g as r, l as i, v as a } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react__loadShare__.js-BSWOsmOl.mjs";
+import { n as o, r as s, t as c } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-Dh0XkFx5.mjs";
+import { r as l, t as ee } from "./ui-text-D2tfpVFx.mjs";
+import { f as u, l as d, m as f, s as p, u as te } from "./responsive-D-VpyylT.mjs";
+import { n as ne, t as m } from "./player-overlays-CSPcduAF.mjs";
+import { MaskShapeCanvas as h } from "./MaskShapeCanvas-rvnAWD46.mjs";
+var g = f("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
+e();
+var _ = 110, v = "motion-zones", y = 0, re = [
+	1,
+	2,
+	3
+], b = 1, x = "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", S = "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 C(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 w(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 T(e, t) {
+	return Math.ceil(e / t);
+}
+function E(e, t, n) {
+	return Math.min(n - 1, Math.floor((e + .5) / t * n));
+}
+function D(e, t, n, r) {
+	let i = T(t, r), a = T(n, r), o = Array.from({ length: i * a }, () => !1);
+	for (let r = 0; r < n; r += 1) {
+		let s = E(r, n, a);
+		for (let n = 0; n < t; n += 1) e[r * t + n] === !0 && (o[s * i + E(n, t, i)] = !0);
+	}
+	return o;
+}
+function O(e, t, n, r) {
+	let i = T(t, r), a = T(n, r), o = Array.from({ length: t * n }, () => !1);
+	for (let r = 0; r < n; r += 1) {
+		let s = E(r, n, a);
+		for (let n = 0; n < t; n += 1) o[r * t + n] = e[s * i + E(n, t, i)] === !0;
+	}
+	return o;
+}
+function k({ deviceId: e }) {
+	let f = l(), E = te(u().trpcClient, e), [k, A] = a(null), [j, M] = a(!1), [N, P] = a(null), [F, I] = a(null), [L, R] = a(b), [z, B] = a(!1), [V, H] = a(!1), U = t(!1);
+	n(() => {
+		if (!E) return;
+		let e = !1;
+		return U.current = !1, A(null), M(!1), P(null), I(null), R(b), H(!1), (async () => {
+			try {
+				let t = await E.motionZones?.getOptions({});
+				if (e) return;
+				if (!t) throw Error("device proxy not ready");
+				if (A(t), U.current) return;
+				let n = await E.motionZones?.getStatus({});
+				if (e) return;
+				if (!n) throw Error("device proxy not ready");
+				U.current = !0;
+				let r = n.regions.find((e) => e.shape.kind === "grid"), i = C(r ? r.shape.cells : [], t.grid.width, t.grid.height);
+				I(i), P(D(i, t.grid.width, t.grid.height, b));
+			} catch (t) {
+				if (e) return;
+				d(t) ? M(!0) : console.error("Motion Zones load failed", t);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [E]);
+	let W = k ? k.grid.width : 0, G = k ? k.grid.height : 0, K = T(W, L), q = T(G, L), J = r(() => N && k ? O(N, W, G, L) : null, [
+		N,
+		k,
+		W,
+		G,
+		L
+	]), Y = r(() => J !== null && F !== null && !w(J, F), [J, F]), ie = r(() => J ? J.reduce((e, t) => t ? e + 1 : e, 0) : 0, [J]), ae = W * G, X = K * q, Z = i((e) => {
+		X > 0 && P(Array.from({ length: X }, () => e));
+	}, [X]), oe = i(() => {
+		P((e) => e && e.map((e) => !e));
+	}, []), se = i(() => {
+		F && k && P(D(F, W, G, L));
+	}, [
+		F,
+		k,
+		W,
+		G,
+		L
+	]), ce = i((e) => {
+		e === L || !k || P((t) => {
+			if (!t) return R(e), t;
+			let n = D(O(t, W, G, L), W, G, e);
+			return R(e), n;
+		});
+	}, [
+		L,
+		k,
+		W,
+		G
+	]), Q = r(() => k && N ? [{
+		id: y,
+		shape: {
+			kind: "grid",
+			gridWidth: K,
+			gridHeight: q,
+			cells: [...N]
+		}
+	}] : [], [
+		k,
+		N,
+		K,
+		q
+	]), $ = i((e, t) => {
+		t.kind === "grid" && P(t.cells);
+	}, []), le = i(async () => {
+		if (!(!E || !N || !k)) {
+			B(!0);
+			try {
+				let e = O(N, k.grid.width, k.grid.height, L), t = {
+					kind: "grid",
+					gridWidth: k.grid.width,
+					gridHeight: k.grid.height,
+					cells: e
+				};
+				await E.motionZones?.setZone({ patch: { regions: [{
+					id: y,
+					enabled: !0,
+					shape: t
+				}] } });
+				let n = await E.motionZones?.getStatus({});
+				if (n) {
+					let e = n.regions.find((e) => e.shape.kind === "grid"), t = C(e ? e.shape.cells : [], k.grid.width, k.grid.height);
+					I(t), P(D(t, k.grid.width, k.grid.height, L));
+				}
+			} catch (e) {
+				console.error("Motion Zones save failed", e);
+			} finally {
+				B(!1);
+			}
+		}
+	}, [
+		E,
+		N,
+		k,
+		L
+	]);
+	m(r(() => V && !j && k && N ? {
+		id: v,
+		order: _,
+		node: /* @__PURE__ */ o(h, {
+			transparent: !0,
+			items: Q,
+			supportedShapes: ["grid"],
+			grid: {
+				width: K,
+				height: q
+			},
+			selectedId: y,
+			onSelect: () => {},
+			onShapeChange: $,
+			onDrawComplete: () => {},
+			drawingKind: null
+		})
+	} : null, [
+		V,
+		j,
+		k,
+		N,
+		Q,
+		$,
+		K,
+		q
+	]));
+	let ue = !j && k !== null && N !== null;
+	return E ? /* @__PURE__ */ o(ne, {
+		title: f("uiLibrary.motionZones.title", "Motion Zones"),
+		icon: /* @__PURE__ */ o(g, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
+		children: /* @__PURE__ */ o("div", {
+			className: "flex flex-col gap-3",
+			children: j ? /* @__PURE__ */ o("p", {
+				className: `${p} leading-relaxed`,
+				children: f("uiLibrary.motionZones.unsupported", "This camera doesn't expose an on-board motion zones grid.")
+			}) : ue ? /* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o("p", {
+				className: `${p} leading-relaxed`,
+				children: /* @__PURE__ */ o(ee, {
+					uiKey: "uiLibrary.motionZones.intro",
+					fallback: "Toggle <0>Edit grid</0> to paint the region directly on the live frame, then <1>Save</1> to push the mask to the camera. Pick a bigger <2>Cell size</2> for quicker, broad-stroke painting — it's resampled to the camera's native {{width}}×{{height}} grid on save (×1 is the finest).",
+					components: [
+						/* @__PURE__ */ o("strong", { className: "text-foreground" }, "e"),
+						/* @__PURE__ */ o("strong", { className: "text-foreground" }, "s"),
+						/* @__PURE__ */ o("strong", { className: "text-foreground" }, "c")
+					],
+					values: {
+						width: k.grid.width,
+						height: k.grid.height
+					}
+				})
+			}), /* @__PURE__ */ s("div", {
+				className: "flex items-center gap-2 flex-wrap",
+				children: [
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: () => H((e) => !e),
+						disabled: z,
+						"aria-pressed": V,
+						className: V ? S : x,
+						children: V ? f("uiLibrary.motionZones.doneEditing", "Done editing") : f("uiLibrary.motionZones.editGrid", "Edit grid")
+					}),
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: () => Z(!0),
+						disabled: z,
+						className: x,
+						children: f("uiLibrary.motionZones.allOn", "All on")
+					}),
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: () => Z(!1),
+						disabled: z,
+						className: x,
+						children: f("uiLibrary.motionZones.allOff", "All off")
+					}),
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: oe,
+						disabled: z,
+						className: x,
+						children: f("uiLibrary.motionZones.invert", "Invert")
+					}),
+					/* @__PURE__ */ s("div", {
+						className: "flex items-center gap-1 ml-1",
+						role: "group",
+						"aria-label": f("uiLibrary.motionZones.cellSize", "Cell size"),
+						children: [/* @__PURE__ */ o("span", {
+							className: `${p} mr-0.5`,
+							children: f("uiLibrary.motionZones.cellSize", "Cell size")
+						}), re.map((e) => /* @__PURE__ */ s("button", {
+							type: "button",
+							onClick: () => ce(e),
+							disabled: z,
+							"aria-pressed": L === e,
+							title: e === 1 ? f("uiLibrary.motionZones.cameraGrid", "Camera grid {{width}}×{{height}} (finest)", {
+								width: W,
+								height: G
+							}) : f("uiLibrary.motionZones.paintingGrid", "{{width}}×{{height}} painting grid · cells ×{{factor}} bigger", {
+								width: T(W, e),
+								height: T(G, e),
+								factor: e
+							}),
+							className: L === e ? S : x,
+							children: ["×", e]
+						}, e))]
+					}),
+					/* @__PURE__ */ s("span", {
+						className: `${p} ml-1 tabular-nums`,
+						children: [f("uiLibrary.motionZones.cells", "{{active}} / {{total}} cells · {{width}}×{{height}}", {
+							active: ie,
+							total: ae,
+							width: k.grid.width,
+							height: k.grid.height
+						}), L === 1 ? "" : f("uiLibrary.motionZones.paintSuffix", " · paint {{width}}×{{height}}", {
+							width: K,
+							height: q
+						})]
+					}),
+					/* @__PURE__ */ o("span", { className: "flex-1" }),
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: se,
+						disabled: z || !Y,
+						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: f("uiLibrary.motionZones.revert", "Revert")
+					}),
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: () => void le(),
+						disabled: z || !Y,
+						className: S,
+						children: z ? f("uiLibrary.motionZones.saving", "Saving…") : f("uiLibrary.motionZones.save", "Save")
+					})
+				]
+			})] }) : /* @__PURE__ */ o("p", {
+				className: `${p} leading-relaxed`,
+				children: f("uiLibrary.motionZones.loading", "Loading the camera's grid…")
+			})
+		})
+	}) : null;
+}
+//#endregion
+export { k as MotionZonesSettings };

package/dist/PrivacyMaskSettings-CO253ssl.mjs

@@ -0,0 +1,368 @@
+import { S as e, _ as t, d as n, g as r, l as i, v as a } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react__loadShare__.js-BSWOsmOl.mjs";
+import { n as o, r as s, t as ee } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-Dh0XkFx5.mjs";
+import { r as te, t as ne } from "./ui-text-D2tfpVFx.mjs";
+import { f as re, l as ie, m as c, s as l, u as ae } from "./responsive-D-VpyylT.mjs";
+import { n as oe, t as se } from "./player-overlays-CSPcduAF.mjs";
+import { n as ce, r as le, t as ue } from "./square-ZwSCZFNX.mjs";
+import { t as de } from "./trash-2-BJm2vmez.mjs";
+import { MaskShapeCanvas as fe } from "./MaskShapeCanvas-rvnAWD46.mjs";
+var pe = c("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"
+}]]), me = c("mic-off", [
+	["path", {
+		d: "M12 19v3",
+		key: "npa21l"
+	}],
+	["path", {
+		d: "M15 9.34V5a3 3 0 0 0-5.68-1.33",
+		key: "1gzdoj"
+	}],
+	["path", {
+		d: "M16.95 16.95A7 7 0 0 1 5 12v-2",
+		key: "cqa7eg"
+	}],
+	["path", {
+		d: "M18.89 13.23A7 7 0 0 0 19 12v-2",
+		key: "16hl24"
+	}],
+	["path", {
+		d: "m2 2 20 20",
+		key: "1ooewy"
+	}],
+	["path", {
+		d: "M9 9v3a3 3 0 0 0 5.12 2.12",
+		key: "r2i35w"
+	}]
+]);
+//#endregion
+//#region ../ui-library/src/composites/cap-settings/privacy-mask-audio.ts
+e();
+var u = "Microphone", d = "The camera encodes no audio at all — live view, recordings, exports and the audio analyzer are all silent.";
+function he(e) {
+	let t = e.supportsAudioMute === !0, n = t ? e.audioEnabled : null, r = e.pendingOn ?? null;
+	return {
+		label: u,
+		supported: t,
+		on: n === null ? null : r ?? n,
+		available: t && n !== null,
+		costWhenOff: d
+	};
+}
+function ge(e) {
+	return !e.available || e.on === null ? null : { enabled: !e.on };
+}
+//#endregion
+//#region ../ui-library/src/composites/cap-settings/PrivacyMaskSettings.tsx
+var f = 120, p = "privacy-mask", m = "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", h = "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 g(e) {
+	return e.kind === "rect" || e.kind === "polygon" ? e : null;
+}
+function _e(e) {
+	let t = new Set(e.map((e) => e.id)), n = 0;
+	for (; t.has(n);) n += 1;
+	return n;
+}
+function ve(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 _({ deviceId: e }) {
+	let c = te(), u = ae(re().trpcClient, e), [d, _] = a(null), [v, y] = a(!1), [b, x] = a(!1), [S, C] = a(null), [w, T] = a(null), [E, D] = a(!1), [O, k] = a(!1), [A, j] = a(null), [M, N] = a(null), [P, F] = a(null), [I, L] = a(null), [R, z] = a(null), B = t(!1);
+	n(() => {
+		if (!u) return;
+		let e = !1;
+		return B.current = !1, _(null), y(!1), x(!1), C(null), T(null), k(!1), j(null), N(null), F(null), L(null), z(null), (async () => {
+			try {
+				let t = await u.privacyMask?.getOptions({});
+				if (e) return;
+				if (!t) throw Error("device proxy not ready");
+				if (_(t), B.current) return;
+				let n = await u.privacyMask?.getStatus({});
+				if (e) return;
+				if (!n) throw Error("device proxy not ready");
+				if (n.regions === null) {
+					x(!0), F(n.audioEnabled);
+					return;
+				}
+				B.current = !0;
+				let r = {
+					enabled: n.enabled,
+					regions: n.regions
+				};
+				T(r), C(r), F(n.audioEnabled);
+			} catch (t) {
+				if (e) return;
+				ie(t) ? y(!0) : console.error("Privacy Mask load failed", t);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [u]);
+	let V = r(() => S !== null && w !== null && (S.enabled !== w.enabled || !ve(S.regions, w.regions)), [S, w]), H = S ? S.regions.length : 0, U = d ? d.maxRegions : 0, W = t(0);
+	n(() => {
+		W.current = U;
+	}, [U]);
+	let G = U > 0 && H >= U, ye = i(() => {
+		C((e) => e && {
+			...e,
+			enabled: !e.enabled
+		});
+	}, []), K = i((e) => {
+		j(typeof e == "number" ? e : null);
+	}, []), q = r(() => S ? S.regions.map((e) => ({
+		id: e.id,
+		shape: e.shape,
+		enabled: e.enabled,
+		label: c("uiLibrary.privacyMaskSettings.zoneN", "Zone {{id}}", { id: e.id })
+	})) : [], [S, c]), J = i((e, t) => {
+		let n = g(t);
+		n && C((t) => t && {
+			...t,
+			regions: t.regions.map((t) => t.id === e ? {
+				...t,
+				shape: n
+			} : t)
+		});
+	}, []), Y = i((e) => {
+		let t = g(e);
+		t && (N(null), C((e) => {
+			if (!e) return e;
+			let n = W.current;
+			if (n > 0 && e.regions.length >= n) return e;
+			let r = _e(e.regions), i = {
+				id: r,
+				enabled: !0,
+				shape: t
+			};
+			return j(r), {
+				...e,
+				regions: [...e.regions, i]
+			};
+		}));
+	}, []), X = i((e) => {
+		k(!0), j(null), N(e);
+	}, []), be = i((e) => {
+		k(!0), N(null), j(e);
+	}, []), xe = i((e) => {
+		j((t) => t === e ? null : t), C((t) => t && {
+			...t,
+			regions: t.regions.filter((t) => t.id !== e)
+		});
+	}, []), Se = i(() => {
+		N(null), j(null), w && C({
+			enabled: w.enabled,
+			regions: w.regions
+		});
+	}, [w]), Ce = i(async () => {
+		if (!(!u || !S)) {
+			D(!0);
+			try {
+				await u.privacyMask?.setMask({ patch: {
+					enabled: S.enabled,
+					regions: [...S.regions]
+				} });
+				let e = await u.privacyMask?.getStatus({});
+				if (e && e.regions !== null) {
+					let t = {
+						enabled: e.enabled,
+						regions: e.regions
+					};
+					T(t), C(t);
+				}
+			} catch (e) {
+				console.error("Privacy Mask save failed", e);
+			} finally {
+				D(!1);
+			}
+		}
+	}, [u, S]), Z = he({
+		supportsAudioMute: d === null ? null : d.supportsAudioMute,
+		audioEnabled: P,
+		pendingOn: I
+	}), we = i(async () => {
+		let e = ge(Z);
+		if (!(!u || e === null)) {
+			L(e.enabled), z(null);
+			try {
+				await u.privacyMask?.setAudioEnabled(e);
+				let t = await u.privacyMask?.getStatus({});
+				t && F(t.audioEnabled);
+			} catch (e) {
+				console.error("Privacy microphone write failed — reverting", e), z(e instanceof Error ? e.message : String(e));
+			} finally {
+				L(null);
+			}
+		}
+	}, [u, Z]), Te = i(() => {
+		k((e) => (e && (N(null), j(null)), !e));
+	}, []), Q = d?.supportedShapes ?? [];
+	se(r(() => O && !v && d && S ? {
+		id: p,
+		order: f,
+		node: /* @__PURE__ */ o(fe, {
+			transparent: !0,
+			items: q,
+			supportedShapes: Q,
+			polygonVertices: d.polygonVertices,
+			selectedId: A,
+			onSelect: K,
+			onShapeChange: J,
+			onDrawComplete: Y,
+			drawingKind: M
+		})
+	} : null, [
+		O,
+		v,
+		d,
+		S,
+		q,
+		Q,
+		A,
+		K,
+		J,
+		Y,
+		M
+	]));
+	let Ee = d?.supportedShapes.includes("rect") ?? !1, De = d?.supportedShapes.includes("polygon") ?? !1, $ = d !== null && (d.maxRegions <= 0 || d.supportedShapes.length === 0), Oe = !v && !$ && !b && d !== null && S !== null;
+	return u ? /* @__PURE__ */ o(oe, {
+		title: c("uiLibrary.privacyMaskSettings.title", "Privacy Mask"),
+		icon: /* @__PURE__ */ o(le, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
+		children: /* @__PURE__ */ s("div", {
+			className: "flex flex-col gap-3",
+			children: [v || $ ? /* @__PURE__ */ o("p", {
+				className: `${l} leading-relaxed`,
+				children: c("uiLibrary.privacyMaskSettings.unsupported", "This camera doesn't support an on-board privacy mask.")
+			}) : b ? /* @__PURE__ */ o("p", {
+				className: `${l} leading-relaxed`,
+				children: c("uiLibrary.privacyMaskSettings.unreadable", "This camera hasn't answered, so what it currently masks is unknown — the editor stays closed rather than showing an empty frame you could save over. A battery camera answers once it wakes; otherwise check that it is reachable.")
+			}) : Oe ? /* @__PURE__ */ s(ee, { children: [
+				/* @__PURE__ */ o("p", {
+					className: `${l} leading-relaxed`,
+					children: /* @__PURE__ */ o(ne, {
+						uiKey: "uiLibrary.privacyMaskSettings.help",
+						fallback: "Toggle <0>Edit mask</0> to draw blanked-out zones on the live frame, then <1>Save</1> 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.",
+						components: [/* @__PURE__ */ o("strong", { className: "text-foreground" }, "edit"), /* @__PURE__ */ o("strong", { className: "text-foreground" }, "save")]
+					})
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "flex items-center gap-2 flex-wrap",
+					children: [
+						/* @__PURE__ */ o("button", {
+							type: "button",
+							onClick: Te,
+							disabled: E,
+							"aria-pressed": O,
+							className: O ? h : m,
+							children: O ? c("uiLibrary.privacyMaskSettings.doneEditing", "Done editing") : c("uiLibrary.privacyMaskSettings.editMask", "Edit mask")
+						}),
+						/* @__PURE__ */ o("button", {
+							type: "button",
+							onClick: ye,
+							disabled: E,
+							"aria-pressed": S.enabled,
+							className: S.enabled ? h : m,
+							children: S.enabled ? c("uiLibrary.privacyMaskSettings.maskOn", "Mask on") : c("uiLibrary.privacyMaskSettings.maskOff", "Mask off")
+						}),
+						Ee && /* @__PURE__ */ o("button", {
+							type: "button",
+							onClick: () => X("rect"),
+							disabled: E || G,
+							"aria-pressed": M === "rect",
+							className: M === "rect" ? h : m,
+							title: G ? c("uiLibrary.privacyMaskSettings.maxZones", "Maximum zones reached") : c("uiLibrary.privacyMaskSettings.addRect", "Add a rectangle zone"),
+							children: c("uiLibrary.privacyMaskSettings.rectButton", "+ Rect")
+						}),
+						De && /* @__PURE__ */ o("button", {
+							type: "button",
+							onClick: () => X("polygon"),
+							disabled: E || G,
+							"aria-pressed": M === "polygon",
+							className: M === "polygon" ? h : m,
+							title: G ? c("uiLibrary.privacyMaskSettings.maxZones", "Maximum zones reached") : c("uiLibrary.privacyMaskSettings.addPolygon", "Add a polygon zone"),
+							children: c("uiLibrary.privacyMaskSettings.polygonButton", "+ Polygon")
+						}),
+						/* @__PURE__ */ o("span", {
+							className: `${l} ml-1 tabular-nums`,
+							children: c("uiLibrary.privacyMaskSettings.zoneCount", "{{active}} / {{max}} zones", {
+								active: H,
+								max: U
+							})
+						}),
+						/* @__PURE__ */ o("span", { className: "flex-1" }),
+						/* @__PURE__ */ o("button", {
+							type: "button",
+							onClick: Se,
+							disabled: E || !V,
+							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: c("uiLibrary.privacyMaskSettings.revert", "Revert")
+						}),
+						/* @__PURE__ */ o("button", {
+							type: "button",
+							onClick: () => void Ce(),
+							disabled: E || !V,
+							className: h,
+							children: E ? c("uiLibrary.privacyMaskSettings.saving", "Saving…") : c("uiLibrary.privacyMaskSettings.save", "Save")
+						})
+					]
+				}),
+				H > 0 ? /* @__PURE__ */ o("div", {
+					className: "flex flex-col gap-1",
+					children: S.regions.map((e) => {
+						let t = A === e.id, n = e.shape.kind === "polygon" ? pe : ue;
+						return /* @__PURE__ */ s("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__ */ s("button", {
+								type: "button",
+								onClick: () => be(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__ */ o(n, { className: "h-3.5 w-3.5 shrink-0" }),
+									/* @__PURE__ */ o("span", { children: c("uiLibrary.privacyMaskSettings.zoneN", "Zone {{id}}", { id: e.id }) }),
+									/* @__PURE__ */ o("span", {
+										className: "text-foreground-faint capitalize",
+										children: e.shape.kind
+									})
+								]
+							}), /* @__PURE__ */ o("button", {
+								type: "button",
+								onClick: () => xe(e.id),
+								disabled: E,
+								"aria-label": c("uiLibrary.privacyMaskSettings.deleteZoneN", "Delete zone {{id}}", { id: e.id }),
+								title: c("uiLibrary.privacyMaskSettings.deleteZone", "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__ */ o(de, { className: "h-3.5 w-3.5" })
+							})]
+						}, e.id);
+					})
+				}) : null
+			] }) : /* @__PURE__ */ o("p", {
+				className: `${l} leading-relaxed`,
+				children: c("uiLibrary.privacyMaskSettings.loading", "Loading the camera's privacy mask…")
+			}), Z.supported && /* @__PURE__ */ s("div", {
+				className: "flex items-start gap-3 rounded-md border border-border bg-surface px-2 py-2",
+				children: [/* @__PURE__ */ o("button", {
+					type: "button",
+					role: "switch",
+					"aria-label": Z.label,
+					"aria-checked": Z.on === !0,
+					disabled: !Z.available || I !== null,
+					onClick: () => void we(),
+					title: Z.on === null ? c("uiLibrary.privacyMaskSettings.micTitleUnknown", "Microphone — state unknown; the camera did not answer.") : Z.on ? c("uiLibrary.privacyMaskSettings.micTitleOn", "The camera is capturing sound. Turning it off: {{cost}}", { cost: Z.costWhenOff }) : c("uiLibrary.privacyMaskSettings.micTitleOff", "The camera is silent. {{cost}}", { cost: Z.costWhenOff }),
+					className: Z.on === !1 || Z.on === null ? m : h,
+					children: /* @__PURE__ */ s("span", {
+						className: "inline-flex items-center gap-1.5",
+						children: [Z.on === !1 ? /* @__PURE__ */ o(me, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ o(ce, { className: "h-3.5 w-3.5" }), Z.on === null ? c("uiLibrary.privacyMaskSettings.micUnknown", "Microphone unknown") : Z.on ? c("uiLibrary.privacyMaskSettings.micOn", "Microphone on") : c("uiLibrary.privacyMaskSettings.micOff", "Microphone off")]
+					})
+				}), /* @__PURE__ */ o("p", {
+					className: "text-[10px] text-foreground-subtle flex-1 leading-relaxed",
+					children: R === null ? Z.on === null ? c("uiLibrary.privacyMaskSettings.micNotReported", "The camera did not report its microphone, so this state is unknown.") : Z.costWhenOff : c("uiLibrary.privacyMaskSettings.writeFailed", "Write failed: {{reason}}", { reason: R })
+				})]
+			})]
+		})
+	}) : null;
+}
+//#endregion
+export { _ as PrivacyMaskSettings };