@camstack/addon-osd-manager 0.1.236 → 0.1.238

package/dist/scene-monitor-copy-QAemI7ef.mjs

@@ -0,0 +1,227 @@
+import { S as e, g as t, l as n, v as r } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-C-pbjC7c.mjs";
+import { n as i } from "./ui-text-BitwQ50T.mjs";
+import { l as a } from "./responsive-CvSyX7h3.mjs";
+var o = a("camera", [["path", {
+	d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",
+	key: "18u6gg"
+}], ["circle", {
+	cx: "12",
+	cy: "13",
+	r: "3",
+	key: "1vg3eu"
+}]]), s = a("image-off", [
+	["line", {
+		x1: "2",
+		x2: "22",
+		y1: "2",
+		y2: "22",
+		key: "a6p6uj"
+	}],
+	["path", {
+		d: "M10.41 10.41a2 2 0 1 1-2.83-2.83",
+		key: "1bzlo9"
+	}],
+	["line", {
+		x1: "13.5",
+		x2: "6",
+		y1: "13.5",
+		y2: "21",
+		key: "1q0aeu"
+	}],
+	["line", {
+		x1: "18",
+		x2: "21",
+		y1: "12",
+		y2: "15",
+		key: "5mozeu"
+	}],
+	["path", {
+		d: "M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59",
+		key: "mmje98"
+	}],
+	["path", {
+		d: "M21 15V5a2 2 0 0 0-2-2H9",
+		key: "43el77"
+	}]
+]), c = a("rotate-ccw", [["path", {
+	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+	key: "1357e3"
+}], ["path", {
+	d: "M3 3v5h5",
+	key: "1xhq8a"
+}]]);
+//#endregion
+//#region ../ui-library/src/lib/hub-mount.ts
+e();
+var l = "camstack-mount", u = /^\/(?:[A-Za-z0-9_\-.]+\/)*$/, d = null;
+function f(e) {
+	if (e == null || e === "") return null;
+	let t = e.endsWith("/") ? e : `${e}/`;
+	return !u.test(t) || t.includes("/../") || t.includes("/./") ? null : t;
+}
+function p() {
+	if (typeof document > "u") return "/";
+	let e = f(document.querySelector(`meta[name="${l}"]`)?.getAttribute("content"));
+	if (e !== null) return e;
+	if (document.querySelector("base[href]") !== null) try {
+		let e = new URL(document.baseURI);
+		if (e.origin === window.location.origin) {
+			let t = f(e.pathname);
+			if (t !== null) return t;
+		}
+	} catch {}
+	return "/";
+}
+function m() {
+	return d === null && (d = p()), d;
+}
+function h() {
+	return m().replace(/\/$/, "");
+}
+function g(e) {
+	return /^[a-z][a-z0-9+.-]*:/i.test(e) || e.startsWith("//");
+}
+function _(e) {
+	if (g(e)) return e;
+	let t = m(), n = e.replace(/^\/+/, "");
+	return t !== "/" && (e === h() || e.startsWith(t)) ? e : `${t}${n}`;
+}
+//#endregion
+//#region ../ui-library/src/hooks/use-device-snapshot.ts
+var v = "/addon/snapshot/media";
+function y(e, i = {}) {
+	let { width: a, baseUrl: o } = i, [s, c] = r(0);
+	return {
+		src: t(() => {
+			if (e === null || e <= 0) return null;
+			let t = o === void 0 ? h() : o.replace(/\/+$/, ""), n = new URLSearchParams();
+			a !== void 0 && Number.isInteger(a) && a > 0 && n.set("w", String(a)), s > 0 && (n.set("force", "1"), n.set("r", String(s)));
+			let r = n.toString();
+			return `${t}${v}/${String(e)}.jpg${r.length > 0 ? `?${r}` : ""}`;
+		}, [
+			e,
+			a,
+			o,
+			s
+		]),
+		loading: !1,
+		refresh: n(() => {
+			c((e) => e + 1);
+		}, [])
+	};
+}
+//#endregion
+//#region ../ui-library/src/composites/cap-settings/scene-monitor-copy.ts
+var b = ["day", "ir"], x = {
+	day: {
+		labelKey: "uiLibrary.sceneMonitor.variant.day",
+		labelFallback: "Daylight"
+	},
+	ir: {
+		labelKey: "uiLibrary.sceneMonitor.variant.ir",
+		labelFallback: "Night (IR)"
+	},
+	night: {
+		labelKey: "uiLibrary.sceneMonitor.variant.night",
+		labelFallback: "Night"
+	},
+	dawn: {
+		labelKey: "uiLibrary.sceneMonitor.variant.dawn",
+		labelFallback: "Dawn"
+	},
+	dusk: {
+		labelKey: "uiLibrary.sceneMonitor.variant.dusk",
+		labelFallback: "Dusk"
+	}
+};
+function S(e, t = i) {
+	let n = x[e];
+	return n === void 0 ? e : t(n.labelKey, n.labelFallback);
+}
+function C(e, t = i) {
+	let n = new Set(e.coveredConditions), r = b.map((e) => `${S(e, t)} ${n.has(e) ? "✓" : "✗"}`), a = [...n].filter((e) => !b.some((t) => t === e));
+	for (let e of a) r.push(`${S(e, t)} ✓`);
+	let o = b.filter((e) => !n.has(e));
+	if (o.length === 0) return r.join(" · ");
+	if (n.size === 0) return t("uiLibrary.sceneMonitor.coverage.empty", "{{parts}} — nothing captured yet, so this scene is not watching.", { parts: r.join(" · ") });
+	let [s = "", c] = o.map((e) => S(e, t).toLowerCase()), l = c === void 0 ? s : t("uiLibrary.sceneMonitor.coverage.namesJoin", "{{first}} and {{second}}", {
+		first: s,
+		second: c
+	}), u = {
+		parts: r.join(" · "),
+		names: l
+	};
+	return e.onUncoveredCondition === "judge-anyway" ? t("uiLibrary.sceneMonitor.coverage.judgeAnyway", "{{parts}} — {{names}} judged against the references you do have.", u) : t("uiLibrary.sceneMonitor.coverage.skip", "{{parts}} — optional; checks in {{names}} are skipped.", u);
+}
+function w(e, t = i) {
+	return e.suspendedCondition === null ? null : t("uiLibrary.sceneMonitor.suspension", "Paused — nothing was captured in {{light}}, so checks are on hold until the light changes back. Capture {{light}} if you want it watched around the clock.", { light: S(e.suspendedCondition, t).toLowerCase() });
+}
+var T = {
+	"no-reference-for-condition": {
+		key: "uiLibrary.sceneMonitor.unavailable.no_reference_for_condition",
+		fallback: "can’t tell — nothing has been captured for this scene yet. Press “Capture daylight” to photograph what normal looks like."
+	},
+	"view-shifted": {
+		key: "uiLibrary.sceneMonitor.unavailable.view_shifted",
+		fallback: "can’t tell — the camera view has moved since the reference was captured. Re-capture it."
+	},
+	"no-vision-profile": {
+		key: "uiLibrary.sceneMonitor.unavailable.no_vision_profile",
+		fallback: "can’t tell — the vision model is unreachable, so the change is on hold."
+	},
+	"encoder-model-changed": {
+		key: "uiLibrary.sceneMonitor.unavailable.encoder_model_changed",
+		fallback: "can’t tell — the embedding model changed, so the stored references are unreadable. Re-capture them."
+	},
+	"no-snapshot": {
+		key: "uiLibrary.sceneMonitor.unavailable.no_snapshot",
+		fallback: "can’t tell — this camera did not return a frame."
+	}
+};
+function E(e, t, n = i) {
+	if (e.states.length === 0) return n("uiLibrary.sceneMonitor.status.notArmed", "Not armed yet — capture the initial state to start watching.");
+	if (e.verdict === "unknown") {
+		if (e.unavailable === null) return n("uiLibrary.sceneMonitor.status.cantTellNow", "can’t tell right now.");
+		let t = T[e.unavailable];
+		return n(t.key, t.fallback);
+	}
+	let r = e.verdict === "diverged" ? e.divergedAt : e.armedAt, a = r === null ? "" : ` ${n("uiLibrary.sceneMonitor.status.heldFor", "for {{duration}}", { duration: A(Math.max(0, t - r)) })}`;
+	if (e.latched) return e.verdict === "diverged" ? n("uiLibrary.sceneMonitor.status.changedLatched", "CHANGED{{held}} — press Reset when you have dealt with it.", { held: a }) : n("uiLibrary.sceneMonitor.status.backToNormal", "Back to normal, but still flagged as changed{{held}}. Press Reset to clear it.", { held: a });
+	let o = w(e, n);
+	return o === null ? e.verdict === "diverged" ? n("uiLibrary.sceneMonitor.status.changed", "CHANGED{{held}}", { held: a }) : n("uiLibrary.sceneMonitor.status.normal", "Normal{{held}}", { held: a }) : o;
+}
+function D(e, t = i) {
+	return e.states.length === 0 ? {
+		text: t("uiLibrary.sceneMonitor.badge.notArmed", "Not armed"),
+		tone: "unknown"
+	} : e.latched ? {
+		text: t("uiLibrary.sceneMonitor.badge.changed", "Changed"),
+		tone: "alarm"
+	} : e.suspendedCondition === null ? e.verdict === "unknown" ? {
+		text: t("uiLibrary.sceneMonitor.badge.cantTell", "Can’t tell"),
+		tone: "unknown"
+	} : e.verdict === "diverged" ? {
+		text: t("uiLibrary.sceneMonitor.badge.changed", "Changed"),
+		tone: "alarm"
+	} : {
+		text: t("uiLibrary.sceneMonitor.badge.normal", "Normal"),
+		tone: "ok"
+	} : {
+		text: t("uiLibrary.sceneMonitor.badge.paused", "Paused"),
+		tone: "unknown"
+	};
+}
+var O = .4;
+function k(e) {
+	return e.width * e.height > O;
+}
+function A(e) {
+	let t = Math.floor(e / 1e3);
+	if (t < 60) return `${t}s`;
+	let n = Math.floor(t / 60);
+	if (n < 60) return `${n}m`;
+	let r = Math.floor(n / 60);
+	return r < 48 ? `${r}h` : `${Math.floor(r / 24)}d`;
+}
+//#endregion
+export { E as a, _ as c, o as d, k as i, c as l, D as n, S as o, C as r, y as s, b as t, s as u };

package/dist/{square-BHCEqr7g.mjs → square-BG-oZkZc.mjs}

@@ -1,4 +1,4 @@
-import { p as e } from "./responsive-BP2NYfOi.mjs";
+import { l as e } from "./responsive-CvSyX7h3.mjs";
 var t = e("eye-off", [
 	["path", {
 		d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",

package/dist/{trash-2-BGZFyowm.mjs → trash-2-DvemWMy7.mjs}

@@ -1,4 +1,4 @@
-import { p as e } from "./responsive-BP2NYfOi.mjs";
+import { l as e } from "./responsive-CvSyX7h3.mjs";
 var t = e("trash-2", [
 	["path", {
 		d: "M10 11v6",

package/dist/ui-text-BitwQ50T.mjs

@@ -0,0 +1,34 @@
+import { S as e, f as t, n, t as r, u as i } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-C-pbjC7c.mjs";
+import { n as a, t as o } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
+//#region ../ui-library/src/contexts/ui-text.tsx
+e();
+var s = /\{\{\s*(\w+)\s*\}\}/g;
+function c(e, t) {
+	return typeof e == "string" ? e : t === 1 ? e.one : e.other;
+}
+var l = (e, t, n) => {
+	let r = c(t, n?.count);
+	return n ? r.replace(s, (e, t) => {
+		let r = n[t];
+		return r == null ? e : String(r);
+	}) : r;
+}, u = n(l);
+function d() {
+	return i(u);
+}
+var f = /<(\d+)>([\s\S]*?)<\/\1>/g;
+function p(e, t) {
+	let n = [], i = 0;
+	for (let a of e.matchAll(f)) {
+		let o = a.index ?? 0;
+		o > i && n.push(e.slice(i, o));
+		let s = t[Number(a[1])];
+		n.push(s ? r(s, void 0, a[2] ?? "") : a[2] ?? ""), i = o + a[0].length;
+	}
+	return i < e.length && n.push(e.slice(i)), n;
+}
+function m({ uiKey: e, fallback: n, components: r = [], values: i }) {
+	return /* @__PURE__ */ a(o, { children: p(d()(e, n, i), r).map((e, n) => /* @__PURE__ */ a(t, { children: e }, n)) });
+}
+//#endregion
+export { l as n, d as r, m as t };

package/dist/{virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-Ch_9U0JF.mjs → virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-CnEfWp78.mjs}

@@ -2753,7 +2753,7 @@ async function rr(e) {
 	}
 }
 async function ir() {
-	return tr ||= rr(() => import("./_virtual_mf-localSharedImportMap___mfe_internal__addon_osd_manager_page-BPgZSZ-3.mjs")).catch((e) => {
+	return tr ||= rr(() => import("./_virtual_mf-localSharedImportMap___mfe_internal__addon_osd_manager_page-0ArFGpGl.mjs")).catch((e) => {
 		throw tr = void 0, e;
 	}), tr;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/addon-osd-manager",
-  "version": "0.1.236",
+  "version": "0.1.238",
   "description": "Binds camera on-screen-display slots to live state and recognitions",
   "keywords": [
     "camstack",

package/dist/MotionZonesSettings--WB2aUGD.mjs

@@ -1,310 +0,0 @@
-import { b as e, c as t, g as n, h as r, m as i, u as a } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-BbmIfQSr.mjs";
-import { c as o, d as s, l as c, p as l, s as u } from "./responsive-BP2NYfOi.mjs";
-import { n as d, t as f } from "./player-overlays-D0twFHMl.mjs";
-import { n as p, r as m, t as ee } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
-import { MaskShapeCanvas as h } from "./MaskShapeCanvas-CU-mFCnh.mjs";
-var g = l("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 te = 110, _ = "motion-zones", v = 0, ne = [
-	1,
-	2,
-	3
-], y = 1, b = "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", x = "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 S(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 re(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: e }) {
-	let l = c(s().trpcClient, e), [w, D] = n(null), [O, k] = n(!1), [A, j] = n(null), [M, N] = n(null), [P, F] = n(y), [I, L] = n(!1), [R, z] = n(!1), B = r(!1);
-	a(() => {
-		if (!l) return;
-		let e = !1;
-		return B.current = !1, D(null), k(!1), j(null), N(null), F(y), z(!1), (async () => {
-			try {
-				let t = await l.motionZones?.getOptions({});
-				if (e) return;
-				if (!t) throw Error("device proxy not ready");
-				if (D(t), B.current) return;
-				let n = await l.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 = S(r ? r.shape.cells : [], t.grid.width, t.grid.height);
-				N(i), j(T(i, t.grid.width, t.grid.height, y));
-			} catch (t) {
-				if (e) return;
-				o(t) ? k(!0) : console.error("Motion Zones load failed", t);
-			}
-		})(), () => {
-			e = !0;
-		};
-	}, [l]);
-	let V = w ? w.grid.width : 0, H = w ? w.grid.height : 0, U = C(V, P), W = C(H, P), G = i(() => A && w ? E(A, V, H, P) : null, [
-		A,
-		w,
-		V,
-		H,
-		P
-	]), K = i(() => G !== null && M !== null && !re(G, M), [G, M]), q = i(() => G ? G.reduce((e, t) => t ? e + 1 : e, 0) : 0, [G]), J = V * H, Y = U * W, X = t((e) => {
-		Y > 0 && j(Array.from({ length: Y }, () => e));
-	}, [Y]), ie = t(() => {
-		j((e) => e && e.map((e) => !e));
-	}, []), Z = t(() => {
-		M && w && j(T(M, V, H, P));
-	}, [
-		M,
-		w,
-		V,
-		H,
-		P
-	]), ae = t((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 = i(() => w && A ? [{
-		id: v,
-		shape: {
-			kind: "grid",
-			gridWidth: U,
-			gridHeight: W,
-			cells: [...A]
-		}
-	}] : [], [
-		w,
-		A,
-		U,
-		W
-	]), $ = t((e, t) => {
-		t.kind === "grid" && j(t.cells);
-	}, []), oe = t(async () => {
-		if (!(!l || !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 l.motionZones?.setZone({ patch: { regions: [{
-					id: v,
-					enabled: !0,
-					shape: t
-				}] } });
-				let n = await l.motionZones?.getStatus({});
-				if (n) {
-					let e = n.regions.find((e) => e.shape.kind === "grid"), t = S(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);
-			}
-		}
-	}, [
-		l,
-		A,
-		w,
-		P
-	]);
-	return f(i(() => R && !O && w && A ? {
-		id: _,
-		order: te,
-		node: /* @__PURE__ */ p(h, {
-			transparent: !0,
-			items: Q,
-			supportedShapes: ["grid"],
-			grid: {
-				width: U,
-				height: W
-			},
-			selectedId: v,
-			onSelect: () => {},
-			onShapeChange: $,
-			onDrawComplete: () => {},
-			drawingKind: null
-		})
-	} : null, [
-		R,
-		O,
-		w,
-		A,
-		Q,
-		$,
-		U,
-		W
-	])), l ? /* @__PURE__ */ p(d, {
-		title: "Motion Zones",
-		icon: /* @__PURE__ */ p(g, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
-		children: /* @__PURE__ */ p("div", {
-			className: "flex flex-col gap-3",
-			children: O ? /* @__PURE__ */ p("p", {
-				className: `${u} leading-relaxed`,
-				children: "This camera doesn't expose an on-board motion zones grid."
-			}) : !O && w !== null && A !== null ? /* @__PURE__ */ m(ee, { children: [/* @__PURE__ */ m("p", {
-				className: `${u} leading-relaxed`,
-				children: [
-					"Toggle ",
-					/* @__PURE__ */ p("strong", {
-						className: "text-foreground",
-						children: "Edit grid"
-					}),
-					" to paint the region directly on the live frame, then ",
-					/* @__PURE__ */ p("strong", {
-						className: "text-foreground",
-						children: "Save"
-					}),
-					" to push the mask to the camera. Pick a bigger",
-					" ",
-					/* @__PURE__ */ p("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__ */ m("div", {
-				className: "flex items-center gap-2 flex-wrap",
-				children: [
-					/* @__PURE__ */ p("button", {
-						type: "button",
-						onClick: () => z((e) => !e),
-						disabled: I,
-						"aria-pressed": R,
-						className: R ? x : b,
-						children: R ? "Done editing" : "Edit grid"
-					}),
-					/* @__PURE__ */ p("button", {
-						type: "button",
-						onClick: () => X(!0),
-						disabled: I,
-						className: b,
-						children: "All on"
-					}),
-					/* @__PURE__ */ p("button", {
-						type: "button",
-						onClick: () => X(!1),
-						disabled: I,
-						className: b,
-						children: "All off"
-					}),
-					/* @__PURE__ */ p("button", {
-						type: "button",
-						onClick: ie,
-						disabled: I,
-						className: b,
-						children: "Invert"
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "flex items-center gap-1 ml-1",
-						role: "group",
-						"aria-label": "Cell size",
-						children: [/* @__PURE__ */ p("span", {
-							className: `${u} mr-0.5`,
-							children: "Cell size"
-						}), ne.map((e) => /* @__PURE__ */ m("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 ? x : b,
-							children: ["×", e]
-						}, e))]
-					}),
-					/* @__PURE__ */ m("span", {
-						className: `${u} ml-1 tabular-nums`,
-						children: [
-							q,
-							" / ",
-							J,
-							" cells · ",
-							w.grid.width,
-							"×",
-							w.grid.height,
-							P === 1 ? "" : ` · paint ${U}×${W}`
-						]
-					}),
-					/* @__PURE__ */ p("span", { className: "flex-1" }),
-					/* @__PURE__ */ p("button", {
-						type: "button",
-						onClick: Z,
-						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__ */ p("button", {
-						type: "button",
-						onClick: () => void oe(),
-						disabled: I || !K,
-						className: x,
-						children: I ? "Saving…" : "Save"
-					})
-				]
-			})] }) : /* @__PURE__ */ p("p", {
-				className: `${u} leading-relaxed`,
-				children: "Loading the camera's grid…"
-			})
-		})
-	}) : null;
-}
-//#endregion
-export { D as MotionZonesSettings };