@camstack/addon-osd-manager 0.1.267 → 0.1.268

package/dist/{MotionZonesSettings-3OswGeMl.mjs → MotionZonesSettings-Da16aeu1.mjs}

@@ -1,8 +1,8 @@
 import { S as e, _ as t, d as n, g as r, l as i, v as a } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-C-pbjC7c.mjs";
 import { n as o, r as s, t as c } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
 import { r as l, t as ee } from "./ui-text-BitwQ50T.mjs";
-import { a as u, i as d, l as f, r as p, s as te } from "./responsive-BiymurY0.mjs";
-import { n as ne, t as m } from "./player-overlays-DeO4qjxv.mjs";
+import { a as u, i as d, l as f, r as p, s as te } from "./responsive-CRQUI1kX.mjs";
+import { n as ne, t as m } from "./player-overlays-6Y9IRVsJ.mjs";
 import { MaskShapeCanvas as h } from "./MaskShapeCanvas-BFhkWNJD.mjs";
 var g = f("grid-2x2", [
 	["path", {

package/dist/{PrivacyMaskSettings-CxN7tOH_.mjs → PrivacyMaskSettings-Cn7oHD35.mjs}

@@ -1,10 +1,10 @@
 import { S as e, _ as t, d as n, g as r, l as i, v as a } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-C-pbjC7c.mjs";
 import { n as o, r as s, 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 { r as te, t as ne } from "./ui-text-BitwQ50T.mjs";
-import { a as re, i as ie, l as c, r as l, s as ae } from "./responsive-BiymurY0.mjs";
-import { n as oe, t as se } from "./player-overlays-DeO4qjxv.mjs";
-import { n as ce, r as le, t as ue } from "./square-Vgi9aM6a.mjs";
-import { t as de } from "./trash-2-Ccc91Gq3.mjs";
+import { a as re, i as ie, l as c, r as l, s as ae } from "./responsive-CRQUI1kX.mjs";
+import { n as oe, t as se } from "./player-overlays-6Y9IRVsJ.mjs";
+import { n as ce, r as le, t as ue } from "./square-C3jJtMZF.mjs";
+import { t as de } from "./trash-2-CNbeJ76B.mjs";
 import { MaskShapeCanvas as fe } from "./MaskShapeCanvas-BFhkWNJD.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",

package/dist/{SceneMonitorEditor-l9nWTYyI.mjs → SceneMonitorEditor-DUZEpHBf.mjs}

@@ -1,9 +1,9 @@
 import { S as e, _ as t, d as n, g as r, l as i, v as a } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-C-pbjC7c.mjs";
 import { n as o, r as s, t as c } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
 import { r as l, t as u } from "./ui-text-BitwQ50T.mjs";
-import { a as d, i as f, l as p, o as m, r as h, s as g } from "./responsive-BiymurY0.mjs";
-import { a as _, c as v, d as y, i as ee, l as te, n as b, o as x, r as S, s as C, t as w, u as T } from "./scene-monitor-copy-CXLDSWeP.mjs";
-import { t as E } from "./trash-2-Ccc91Gq3.mjs";
+import { a as d, i as f, l as p, o as m, r as h, s as g } from "./responsive-CRQUI1kX.mjs";
+import { a as _, c as v, d as y, i as ee, l as te, n as b, o as x, r as S, s as C, t as w, u as T } from "./scene-monitor-copy-Ng8lktvt.mjs";
+import { t as E } from "./trash-2-CNbeJ76B.mjs";
 import { MaskShapeCanvas as D } from "./MaskShapeCanvas-BFhkWNJD.mjs";
 var O = p("settings-2", [
 	["path", {

package/dist/_stub.js

@@ -1,14 +1,14 @@
 import "./virtualExposes-BgZ5Cn7S.mjs";
-import "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-BYRSI4Gv.mjs";
+import "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-CcfyBYDS.mjs";
 import { S as e, _ as t, a as n, b as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, p as f, r as p, t as m, u as h, v as g, y as _ } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-C-pbjC7c.mjs";
 import { n as v, r as y, t as b } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
 import { n as x, r as S } from "./ui-text-BitwQ50T.mjs";
-import { a as C, c as w, d as T, f as E, g as D, h as O, l as k, m as A, n as j, o as M, p as N, r as ee, s as te, t as P, u as ne, v as re } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-BbmRj6OR.mjs";
-import { a as ie, c as ae, l as F, n as oe, o as se, s as ce, t as le } from "./responsive-BiymurY0.mjs";
-import { d as ue, l as de, u as fe } from "./scene-monitor-copy-CXLDSWeP.mjs";
-import { i as pe, r as me } from "./player-overlays-DeO4qjxv.mjs";
-import { r as he, t as ge } from "./square-Vgi9aM6a.mjs";
-import { t as _e } from "./trash-2-Ccc91Gq3.mjs";
+import { a as C, c as w, d as T, f as E, g as D, h as O, l as k, m as A, n as j, o as M, p as N, r as ee, s as te, t as P, u as ne, v as re } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-BGMAwVi8.mjs";
+import { a as ie, c as ae, l as F, n as oe, o as se, s as ce, t as le } from "./responsive-CRQUI1kX.mjs";
+import { d as ue, l as de, u as fe } from "./scene-monitor-copy-Ng8lktvt.mjs";
+import { i as pe, r as me } from "./player-overlays-6Y9IRVsJ.mjs";
+import { r as he, t as ge } from "./square-C3jJtMZF.mjs";
+import { t as _e } from "./trash-2-CNbeJ76B.mjs";
 import { t as ve } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare___mf_0_trpc_mf_1_react_mf_2_query__loadShare__.js-BpP33rwB.mjs";
 import { t as ye } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_2_dom__loadShare__.js-qB5uHZAd.mjs";
 import { t as be } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-B7mAiXr4.mjs";
@@ -5358,7 +5358,7 @@ function Ka({ className: e, ...t }) {
 }
 //#endregion
 //#region ../../node_modules/qrcode.react/lib/esm/index.js
-e(), e(), e(), e(), e(), e(), e(), n(() => import("./MotionZonesSettings-3OswGeMl.mjs").then((e) => ({ default: e.MotionZonesSettings }))), n(() => import("./PrivacyMaskSettings-CxN7tOH_.mjs").then((e) => ({ default: e.PrivacyMaskSettings }))), e(), e();
+e(), e(), e(), e(), e(), e(), e(), n(() => import("./MotionZonesSettings-Da16aeu1.mjs").then((e) => ({ default: e.MotionZonesSettings }))), n(() => import("./PrivacyMaskSettings-Cn7oHD35.mjs").then((e) => ({ default: e.PrivacyMaskSettings }))), e(), e();
 var qa = Object.defineProperty, Ja = Object.getOwnPropertySymbols, Ya = Object.prototype.hasOwnProperty, Xa = Object.prototype.propertyIsEnumerable, Za = (e, t, n) => t in e ? qa(e, t, {
 	enumerable: !0,
 	configurable: !0,
@@ -19800,94 +19800,103 @@ function VS(e, t, n) {
 		noun: AS(e, n)
 	}) : n("uiLibrary.devicePicker.noneAvailable", "No {{plural}} available.", { plural: r });
 }
-function HS({ devices: e, listState: t, fleet: n, value: r, onChange: i, emptyMeansAll: a = !1, savedHadDevices: s = !1, noun: c = "camera", groupTitle: l, emptyLabel: u, annotate: d, disabled: f = !1, testId: p, showAll: m = !1, lockedIds: h, lockedNote: _ }) {
-	let b = S(), x = l ?? ((e) => RS(e, b)), C = _ ?? b("uiLibrary.devicePicker.alreadyAdded", "Already added"), w = o(() => _S(e), [e]), T = n ?? {
+function HS({ devices: e, listState: t, fleet: n, value: r, onChange: i, selection: a = "multiple", groupBy: s, emptyMeansAll: c = !1, savedHadDevices: l = !1, noun: u = "camera", groupTitle: d, emptyLabel: f, annotate: p, disabled: m = !1, testId: h, showAll: _ = !1, lockedIds: b, lockedNote: x }) {
+	let C = S(), w = d ?? ((e) => RS(e, C)), T = x ?? C("uiLibrary.devicePicker.alreadyAdded", "Already added"), E = o(() => _S(e), [e]), D = n ?? {
 		state: t,
-		devices: t === "answered" ? w : void 0
-	}, E = o(() => new Set(h ?? []), [h]), D = (e) => i(E.size === 0 ? e : e.filter((e) => !E.has(e))), [O, k] = g(!1), [A, j] = g(!1), [M, N] = g(s || r.length > 0);
-	r.length > 0 && !M && N(!0);
-	let ee = BS(r, w, T, c, b), te = Dx(ee, A || m), P = O || m, ne = OS(a, r.length, M), re = kS[c];
-	return t === "answered" && DS(t, w.length, r.length) ? /* @__PURE__ */ y("div", {
-		"data-testid": p,
+		devices: t === "answered" ? E : void 0
+	}, O = o(() => new Set(b ?? []), [b]), k = (e) => i(O.size === 0 ? e : e.filter((e) => !O.has(e))), [A, j] = g(!1), [M, N] = g(!1), [ee, te] = g(l || r.length > 0);
+	r.length > 0 && !ee && te(!0);
+	let P = BS(r, E, D, u, C), ne = Dx(P, M || _), re = A || _, ie = OS(c, r.length, ee), ae = kS[u];
+	return t === "answered" && DS(t, E.length, r.length) ? /* @__PURE__ */ y("div", {
+		"data-testid": h,
 		children: [/* @__PURE__ */ v("p", {
 			className: "text-[10px] text-foreground-subtle mt-0.5",
-			children: VS(c, a, b)
-		}), ne && /* @__PURE__ */ v(PS, { noun: c })]
+			children: VS(u, c, C)
+		}), ie && /* @__PURE__ */ v(PS, { noun: u })]
 	}) : /* @__PURE__ */ y("div", {
 		className: "mt-1 space-y-1.5",
-		"data-testid": p,
+		"data-testid": h,
 		children: [
-			t === "pending" && /* @__PURE__ */ v(FS, { noun: re }),
-			t === "failed" && /* @__PURE__ */ v(IS, { noun: c === "camera" ? "devices" : re }),
-			/* @__PURE__ */ y("div", {
+			t === "pending" && /* @__PURE__ */ v(FS, { noun: ae }),
+			t === "failed" && /* @__PURE__ */ v(IS, { noun: u === "camera" ? "devices" : ae }),
+			!(a === "single" && P.length === 0) && /* @__PURE__ */ y("div", {
 				className: "flex flex-wrap items-center gap-1",
 				children: [
-					ee.length === 0 ? /* @__PURE__ */ v("span", {
+					P.length === 0 ? /* @__PURE__ */ v("span", {
 						className: "text-[11px] text-foreground-subtle",
-						children: u ?? (a ? b("uiLibrary.devicePicker.everyNoRestriction", "Every {{noun}} — no restriction", { noun: AS(c, b) }) : b("uiLibrary.devicePicker.noneSelected", "None selected"))
-					}) : te.shown.map((e) => /* @__PURE__ */ v(Da, {
+						children: f ?? (c ? C("uiLibrary.devicePicker.everyNoRestriction", "Every {{noun}} — no restriction", { noun: AS(u, C) }) : C("uiLibrary.devicePicker.noneSelected", "None selected"))
+					}) : ne.shown.map((e) => /* @__PURE__ */ v(Da, {
 						testId: `picker-chip-${String(e.id)}`,
 						label: e.label,
 						warning: e.removed,
-						...f ? {} : { onRemove: () => i(r.filter((t) => t !== e.id)) }
+						...m ? {} : { onRemove: () => i(r.filter((t) => t !== e.id)) }
 					}, e.id)),
-					te.hidden > 0 && /* @__PURE__ */ v("button", {
+					ne.hidden > 0 && /* @__PURE__ */ v("button", {
 						type: "button",
 						className: "rounded-md border border-border px-1.5 py-0.5 text-[11px] text-foreground-subtle hover:bg-surface-hover",
-						onClick: () => j(!0),
-						children: b("uiLibrary.devicePicker.moreChips", "+{{count}} more", { count: te.hidden })
+						onClick: () => N(!0),
+						children: C("uiLibrary.devicePicker.moreChips", "+{{count}} more", { count: ne.hidden })
 					}),
-					A && ee.length > 6 && /* @__PURE__ */ v("button", {
+					M && P.length > 6 && /* @__PURE__ */ v("button", {
 						type: "button",
 						className: "text-[11px] text-foreground-subtle underline",
-						onClick: () => j(!1),
-						children: b("uiLibrary.devicePicker.showFewer", "Show fewer")
+						onClick: () => N(!1),
+						children: C("uiLibrary.devicePicker.showFewer", "Show fewer")
 					}),
-					t !== "pending" && !m && /* @__PURE__ */ v("button", {
+					t !== "pending" && !_ && /* @__PURE__ */ v("button", {
 						type: "button",
-						disabled: f,
-						"aria-expanded": O,
-						onClick: () => k((e) => !e),
+						disabled: m,
+						"aria-expanded": A,
+						onClick: () => j((e) => !e),
 						className: "rounded-md border border-dashed border-border px-1.5 py-0.5 text-[11px] text-foreground hover:bg-surface-hover disabled:opacity-50",
-						children: O ? b("uiLibrary.devicePicker.done", "Done") : r.length === 0 ? b("uiLibrary.devicePicker.addPlural", "Add {{plural}}…", { plural: jS(c, b) }) : b("uiLibrary.devicePicker.edit", "Edit…")
+						children: A ? C("uiLibrary.devicePicker.done", "Done") : r.length === 0 ? C("uiLibrary.devicePicker.addPlural", "Add {{plural}}…", { plural: jS(u, C) }) : C("uiLibrary.devicePicker.edit", "Edit…")
 					})
 				]
 			}),
-			P && t === "answered" && (zS(c) ? /* @__PURE__ */ v(US, {
-				devices: w,
+			re && t === "answered" && (zS(u) ? /* @__PURE__ */ v(US, {
+				devices: E,
 				value: r,
-				onChange: D,
-				locked: E,
-				lockedNote: C,
-				annotate: d,
-				groupTitle: x,
-				noun: c,
-				disabled: f,
-				showAll: m
+				onChange: k,
+				locked: O,
+				lockedNote: T,
+				annotate: p,
+				groupTitle: w,
+				noun: u,
+				disabled: m,
+				showAll: _,
+				selection: a,
+				...s === void 0 ? {} : { pinnedGroupBy: s }
 			}) : /* @__PURE__ */ v(KS, {
-				devices: w,
+				devices: E,
 				value: r,
-				onChange: D,
-				locked: E,
-				lockedNote: C,
-				annotate: d,
-				groupTitle: x,
-				noun: c,
-				disabled: f,
-				showAll: m
+				onChange: k,
+				locked: O,
+				lockedNote: T,
+				annotate: p,
+				groupTitle: w,
+				noun: u,
+				disabled: m,
+				showAll: _,
+				selection: a
 			})),
-			ne && /* @__PURE__ */ v(PS, { noun: c })
+			ie && /* @__PURE__ */ v(PS, { noun: u })
 		]
 	});
 }
 function US(e) {
-	let { groupBy: t, setGroupBy: n } = CS(), r = wS(!0);
+	let t = CS(), [n, r] = g(null), i = e.pinnedGroupBy, a = i === void 0 ? t.groupBy : n ?? i, o = (e) => {
+		if (i !== void 0) {
+			r(e);
+			return;
+		}
+		t.setGroupBy(e);
+	}, s = wS(!0);
 	return /* @__PURE__ */ v(KS, {
 		...e,
 		grouping: {
-			groupBy: t,
-			onGroupByChange: n,
-			zones: r
+			groupBy: a,
+			onGroupByChange: o,
+			zones: s
 		}
 	});
 }
@@ -19898,101 +19907,106 @@ var GS = {
 	state: "answered",
 	zones: []
 };
-function KS({ devices: e, value: t, onChange: n, annotate: r, groupTitle: i, noun: a, disabled: s, locked: c, lockedNote: l, showAll: u, grouping: d }) {
-	let f = S(), [p, m] = g(Kx), [h, _] = g(/* @__PURE__ */ new Map()), [b, x] = g(60), C = u || gx(p.query).length > 0, w = d?.groupBy, T = d?.zones ?? GS, E = o(() => eS(e, p, T), [
+function KS({ devices: e, value: t, onChange: n, annotate: r, groupTitle: i, noun: a, disabled: s, locked: c, lockedNote: l, showAll: u, selection: d, grouping: p }) {
+	let m = S(), h = f(), [_, b] = g(Kx), [x, C] = g(/* @__PURE__ */ new Map()), [w, T] = g(60), E = u || gx(_.query).length > 0, D = p?.groupBy, O = p?.zones ?? GS, k = o(() => eS(e, _, O), [
 		e,
-		p,
-		T
-	]), D = o(() => w === void 0 ? null : Hx(E, t, w, T), [
-		E,
+		_,
+		O
+	]), A = o(() => D === void 0 ? null : Hx(k, t, D, O), [
+		k,
 		t,
-		w,
-		T
-	]), O = o(() => D === null ? Cx(xx(E, t), t, h, C) : Ux(D, t, h, C), [
 		D,
-		E,
+		O
+	]), j = o(() => A === null ? Cx(xx(k, t), t, x, E) : Ux(A, t, x, E), [
+		A,
+		k,
 		t,
-		h,
-		C
-	]), k = D?.groupBy ?? null, A = o(() => Zx(e, "type", p.types, T), [
+		x,
+		E
+	]), M = A?.groupBy ?? null, N = o(() => Zx(e, "type", _.types, O), [
 		e,
-		p.types,
-		T
-	]), j = o(() => Zx(e, "zone", p.zones, T), [
+		_.types,
+		O
+	]), ee = o(() => Zx(e, "zone", _.zones, O), [
 		e,
-		p.zones,
-		T
-	]), M = o(() => d === void 0 ? [] : Zx(e, "location", p.locations, T), [
+		_.zones,
+		O
+	]), te = o(() => p === void 0 ? [] : Zx(e, "location", _.locations, O), [
 		e,
-		p.locations,
-		T,
-		d
-	]), N = o(() => iS(t, e, E), [
+		_.locations,
+		O,
+		p
+	]), P = o(() => iS(t, e, k), [
 		e,
 		t,
-		E
-	]), ee = Ox(O, u ? O.length : b), te = (e, t) => _((n) => new Map([...n, [e.key, !t]]));
+		k
+	]), ne = Ox(j, u ? j.length : w), re = (e, t) => C((n) => new Map([...n, [e.key, !t]]));
 	return /* @__PURE__ */ y("div", {
 		className: "rounded-md border border-border bg-surface p-2",
 		"data-testid": "device-picker-panel",
 		children: [
 			/* @__PURE__ */ v(mS, {
-				filters: p,
+				filters: _,
 				onFiltersChange: (e) => {
-					m(e), x(60);
+					b(e), T(60);
 				},
-				typeOptions: A,
-				zoneOptions: j,
-				locationOptions: M,
-				zones: T,
-				...d === void 0 ? {} : { grouping: {
-					groupBy: d.groupBy,
-					onGroupByChange: d.onGroupByChange,
-					fallback: D?.fallback ?? null
+				typeOptions: N,
+				zoneOptions: ee,
+				locationOptions: te,
+				zones: O,
+				...p === void 0 ? {} : { grouping: {
+					groupBy: p.groupBy,
+					onGroupByChange: p.onGroupByChange,
+					fallback: A?.fallback ?? null
 				} },
-				searchPlaceholder: WS(a, f),
-				searchLabel: a === "camera" || a === "device" ? f("uiLibrary.devicePicker.searchDevices", "Search devices") : f("uiLibrary.devicePicker.searchPlural", "Search {{plural}}", { plural: jS(a, f) }),
+				searchPlaceholder: WS(a, m),
+				searchLabel: a === "camera" || a === "device" ? m("uiLibrary.devicePicker.searchDevices", "Search devices") : m("uiLibrary.devicePicker.searchPlural", "Search {{plural}}", { plural: jS(a, m) }),
 				disabled: s
 			}),
 			/* @__PURE__ */ v("p", {
 				className: "mt-1 text-[10px] text-foreground-subtle",
-				children: f("uiLibrary.devicePicker.shownOf", "{{shown}} of {{total}} shown · {{selected}} selected", {
-					shown: E.length,
+				children: d === "single" ? m("uiLibrary.devicePicker.shownOfSingle", "{{shown}} of {{total}} shown", {
+					shown: k.length,
+					total: e.length
+				}) : m("uiLibrary.devicePicker.shownOf", "{{shown}} of {{total}} shown · {{selected}} selected", {
+					shown: k.length,
 					total: e.length,
 					selected: t.length
 				})
 			}),
-			O.length === 0 ? /* @__PURE__ */ v("p", {
+			j.length === 0 ? /* @__PURE__ */ v("p", {
 				className: "py-2 text-[11px] text-foreground-subtle italic",
-				children: a === "camera" || a === "device" ? f("uiLibrary.devicePicker.noDeviceMatches", "No device matches.") : f("uiLibrary.devicePicker.noNounMatches", "No {{noun}} matches.", { noun: AS(a, f) })
+				children: a === "camera" || a === "device" ? m("uiLibrary.devicePicker.noDeviceMatches", "No device matches.") : m("uiLibrary.devicePicker.noNounMatches", "No {{noun}} matches.", { noun: AS(a, m) })
 			}) : /* @__PURE__ */ y("div", {
 				className: u ? "mt-1" : "mt-1 max-h-72 overflow-y-auto",
 				"data-testid": "device-picker-rows",
-				children: [ee.rows.map((e) => /* @__PURE__ */ v(JS, {
+				children: [ne.rows.map((e) => /* @__PURE__ */ v(JS, {
 					row: e,
 					value: t,
 					onChange: n,
-					onToggleGroup: te,
+					onToggleGroup: re,
 					annotate: r,
 					groupTitle: i,
-					groupBy: k,
+					groupBy: M,
 					disabled: s,
 					locked: c,
-					lockedNote: l
-				}, e.key)), ee.remaining > 0 && /* @__PURE__ */ v("button", {
+					lockedNote: l,
+					selection: d,
+					radioName: h
+				}, e.key)), ne.remaining > 0 && /* @__PURE__ */ v("button", {
 					type: "button",
 					className: "mt-1 w-full rounded border border-border py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover",
-					onClick: () => x((e) => e + 60),
-					children: f("uiLibrary.devicePicker.showMore", "Show {{count}} more ({{left}} left)", {
-						count: Math.min(ee.remaining, 60),
-						left: ee.remaining
+					onClick: () => T((e) => e + 60),
+					children: m("uiLibrary.devicePicker.showMore", "Show {{count}} more ({{left}} left)", {
+						count: Math.min(ne.remaining, 60),
+						left: ne.remaining
 					})
 				})]
 			}),
-			N > 0 && /* @__PURE__ */ v("p", {
+			P > 0 && /* @__PURE__ */ v("p", {
 				className: "mt-1 text-[10px] text-foreground-subtle",
 				"data-testid": "picker-hidden-selected",
-				children: f("uiLibrary.devicePicker.hiddenSelected", "{{count}} selected hidden by filters", { count: N })
+				children: m("uiLibrary.devicePicker.hiddenSelected", "{{count}} selected hidden by filters", { count: P })
 			})
 		]
 	});
@@ -20006,8 +20020,8 @@ function qS(e, t) {
 	].filter((e) => e !== null);
 	return r.length > 0 ? r.join(" · ") : void 0;
 }
-function JS({ row: e, value: t, onChange: n, onToggleGroup: r, annotate: i, groupTitle: a, groupBy: o, disabled: s, locked: c, lockedNote: l }) {
-	let u = S();
+function JS({ row: e, value: t, onChange: n, onToggleGroup: r, annotate: i, groupTitle: a, groupBy: o, disabled: s, locked: c, lockedNote: l, selection: u, radioName: d }) {
+	let f = S(), p = u === "single";
 	if (e.kind === "header") {
 		let { group: i, expanded: o } = e;
 		return /* @__PURE__ */ y("div", {
@@ -20025,7 +20039,7 @@ function JS({ row: e, value: t, onChange: n, onToggleGroup: r, annotate: i, grou
 							className: "truncate",
 							children: a(i)
 						}),
-						/* @__PURE__ */ y("span", {
+						!p && /* @__PURE__ */ y("span", {
 							className: "font-normal normal-case",
 							children: [
 								"(",
@@ -20037,32 +20051,33 @@ function JS({ row: e, value: t, onChange: n, onToggleGroup: r, annotate: i, grou
 						})
 					]
 				}),
-				/* @__PURE__ */ v("button", {
+				!p && /* @__PURE__ */ v("button", {
 					type: "button",
 					disabled: s,
 					className: "text-[10px] text-primary hover:underline disabled:opacity-50",
 					onClick: () => n(Tx(t, i)),
-					children: u("uiLibrary.devicePicker.all", "All")
+					children: f("uiLibrary.devicePicker.all", "All")
 				}),
-				/* @__PURE__ */ v("button", {
+				!p && /* @__PURE__ */ v("button", {
 					type: "button",
 					disabled: s,
 					className: "text-[10px] text-foreground-subtle hover:underline disabled:opacity-50",
 					onClick: () => n(Ex(t, i)),
-					children: u("uiLibrary.devicePicker.clear", "Clear")
+					children: f("uiLibrary.devicePicker.clear", "Clear")
 				})
 			]
 		});
 	}
-	let d = c.has(e.device.id), f = d ? l : i?.(e.device.id), p = qS(e.device, o);
+	let m = c.has(e.device.id), h = m ? l : i?.(e.device.id), g = qS(e.device, o);
 	return /* @__PURE__ */ y("label", {
 		className: "flex cursor-pointer items-center gap-2.5 px-3 py-1 text-xs text-foreground hover:bg-surface-hover",
 		"data-testid": "device-picker-row",
 		children: [/* @__PURE__ */ v("input", {
-			type: "checkbox",
-			checked: e.selected || d,
-			disabled: s || d,
-			onChange: () => n(wx(t, e.device.id)),
+			type: p ? "radio" : "checkbox",
+			...p ? { name: d } : {},
+			checked: e.selected || m,
+			disabled: s || m,
+			onChange: () => n(p ? [e.device.id] : wx(t, e.device.id)),
 			className: "accent-primary",
 			"data-device-id": String(e.device.id)
 		}), /* @__PURE__ */ y("span", {
@@ -20072,13 +20087,13 @@ function JS({ row: e, value: t, onChange: n, onToggleGroup: r, annotate: i, grou
 					className: "truncate",
 					children: e.device.name
 				}),
-				p !== void 0 && /* @__PURE__ */ v("span", {
+				g !== void 0 && /* @__PURE__ */ v("span", {
 					className: "truncate text-[10px] text-foreground-subtle",
-					children: p
+					children: g
 				}),
-				f !== void 0 && /* @__PURE__ */ v("span", {
-					className: d ? "text-[10px] text-foreground-subtle" : "text-[10px] text-warning",
-					children: f
+				h !== void 0 && /* @__PURE__ */ v("span", {
+					className: m ? "text-[10px] text-foreground-subtle" : "text-[10px] text-warning",
+					children: h
 				})
 			]
 		})]
@@ -20349,7 +20364,7 @@ function EC(e, t) {
 		translate: (t, n) => bC(e, dC(), t, n)
 	};
 }
-e(), n(() => import("./MaskShapeCanvas-BFhkWNJD.mjs").then((e) => ({ default: e.MaskShapeCanvas }))), n(() => import("./MotionZonesSettings-3OswGeMl.mjs").then((e) => ({ default: e.MotionZonesSettings }))), n(() => import("./SceneMonitorEditor-l9nWTYyI.mjs").then((e) => ({ default: e.SceneMonitorEditor }))), n(() => import("./PrivacyMaskSettings-CxN7tOH_.mjs").then((e) => ({ default: e.PrivacyMaskSettings })));
+e(), n(() => import("./MaskShapeCanvas-BFhkWNJD.mjs").then((e) => ({ default: e.MaskShapeCanvas }))), n(() => import("./MotionZonesSettings-Da16aeu1.mjs").then((e) => ({ default: e.MotionZonesSettings }))), n(() => import("./SceneMonitorEditor-DUZEpHBf.mjs").then((e) => ({ default: e.SceneMonitorEditor }))), n(() => import("./PrivacyMaskSettings-Cn7oHD35.mjs").then((e) => ({ default: e.PrivacyMaskSettings })));
 //#endregion
 //#region src/i18n/index.ts
 var { useT: DC, Trans: OC, translate: kC } = EC("osd-manager", {

package/dist/{_virtual_mf-localSharedImportMap___mfe_internal__addon_osd_manager_page-DXtR0Eje.mjs → _virtual_mf-localSharedImportMap___mfe_internal__addon_osd_manager_page-pMeJvguf.mjs}

@@ -1,4 +1,4 @@
-import "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-BYRSI4Gv.mjs";
+import "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-CcfyBYDS.mjs";
 //#region \0virtual:mf-localSharedImportMap:__mfe_internal__addon_osd_manager_page
 var e = {
 	"@camstack/sdk": {
@@ -18,7 +18,7 @@ var e = {
 	},
 	"@camstack/types": {
 		name: "@camstack/types",
-		version: "1.2.406",
+		version: "1.2.407",
 		scope: ["default"],
 		loaded: !1,
 		from: "addon_osd_manager_page",
@@ -33,7 +33,7 @@ var e = {
 	},
 	"@camstack/ui-library": {
 		name: "@camstack/ui-library",
-		version: "1.2.321",
+		version: "1.2.322",
 		scope: ["default"],
 		loaded: !1,
 		from: "addon_osd_manager_page",