@camstack/addon-training 0.1.78 → 0.1.79

package/dist/{MotionZonesSettings-jORey4uC.mjs → MotionZonesSettings-CHoUtlZU.mjs}

@@ -2,8 +2,8 @@ import { d as e, g as t, l as n, v as r, w as i, y as a } from "./_virtual_mf___
 import { n as o, r as s, t as ee } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DnrbBvrw.mjs";
 import { r as te, t as c } from "./ui-text-CqJgUCKX.mjs";
 import { t as ne } from "./grid-2x2-CHuMzRxF.mjs";
-import { c as l, d as u, m as d, u as f } from "./responsive-CBG3O0ME.mjs";
-import { r as re, t as p } from "./player-overlays-CD0eup2L.mjs";
+import { c as l, d as u, m as d, u as f } from "./responsive-wQi9hajb.mjs";
+import { r as re, t as p } from "./player-overlays-CN0bZ_0v.mjs";
 import { MaskShapeCanvas as m } from "./MaskShapeCanvas-HNL0xNpy.mjs";
 //#region ../ui-library/src/composites/cap-settings/MotionZonesSettings.tsx
 i();

package/dist/{PrivacyMaskSettings-P24unULW.mjs → PrivacyMaskSettings-DfxPrf-U.mjs}

@@ -4,8 +4,8 @@ import { r as te, t as ne } from "./ui-text-CqJgUCKX.mjs";
 import { n as re, r as ie, t as ae } from "./square-ZPUterXM.mjs";
 import { n as oe, t as se } from "./mic-off-2uHAsVtR.mjs";
 import { t as ce } from "./trash-2-BKfuhsgY.mjs";
-import { c, d as le, m as ue, u as de } from "./responsive-CBG3O0ME.mjs";
-import { r as fe, t as pe } from "./player-overlays-CD0eup2L.mjs";
+import { c, d as le, m as ue, u as de } from "./responsive-wQi9hajb.mjs";
+import { r as fe, t as pe } from "./player-overlays-CN0bZ_0v.mjs";
 import { MaskShapeCanvas as l } from "./MaskShapeCanvas-HNL0xNpy.mjs";
 //#region ../ui-library/src/composites/cap-settings/privacy-mask-audio.ts
 i();

package/dist/{SceneMonitorEditor-CkLN8Kee.mjs → SceneMonitorEditor-B32hWMGP.mjs}

@@ -4,7 +4,7 @@ import { r as l, t as u } from "./ui-text-CqJgUCKX.mjs";
 import { n as d, r as f, t as p } from "./rotate-ccw-Cu6tGrgG.mjs";
 import { t as m } from "./settings-2-xV0I5Y5U.mjs";
 import { t as h } from "./trash-2-BKfuhsgY.mjs";
-import { c as g, d as _, m as v, p as y, u as b } from "./responsive-CBG3O0ME.mjs";
+import { c as g, d as _, m as v, p as y, u as b } from "./responsive-wQi9hajb.mjs";
 import { a as x, c as S, i as C, n as ee, o as w, r as te, s as T, t as E } from "./scene-monitor-copy-Cqfs4Vng.mjs";
 import { MaskShapeCanvas as D } from "./MaskShapeCanvas-HNL0xNpy.mjs";
 //#region ../ui-library/src/composites/cap-settings/SceneReferenceGallery.tsx

package/dist/_stub.js

@@ -1,9 +1,9 @@
 import "./virtualExposes-0m8NqEDE.mjs";
-import { a as e, i as t, o as n, r } from "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_training_page__remoteEntry_js-X4iAyyQb.mjs";
+import { a as e, i as t, o as n, r } from "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_training_page__remoteEntry_js-CbTZ0yvt.mjs";
 import { C as i, S as a, _ as o, a as s, b as c, d as l, f as u, g as d, h as f, i as p, l as m, m as h, n as g, p as _, r as v, t as y, u as b, v as x, w as S, x as C, y as w } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react__loadShare__.js-CEvdvp1T.mjs";
 import { i as T, n as E, r as D, t as O } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DnrbBvrw.mjs";
 import { n as k, r as A, t as j } from "./ui-text-CqJgUCKX.mjs";
-import { $ as M, A as N, B as P, D as F, E as I, F as L, G as R, H as z, I as ee, J as B, K as V, L as te, M as ne, N as H, O as re, P as U, Q as ie, R as ae, S as oe, T as se, U as ce, V as le, W as ue, X as W, Y as de, _ as fe, a as pe, b as me, c as he, d as ge, et as _e, f as ve, g as ye, h as be, i as xe, j as Se, k as Ce, l as we, m as Te, n as Ee, o as De, p as Oe, q as ke, r as Ae, s as je, t as Me, tt as Ne, u as Pe, v as Fe, w as Ie, x as Le, y as Re, z as ze } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-DiRkx0UL.mjs";
+import { $ as M, A as N, B as P, D as F, E as I, F as L, G as R, H as z, I as ee, J as B, K as V, L as te, M as ne, N as H, O as re, P as U, Q as ie, R as ae, S as oe, T as se, U as ce, V as le, W as ue, X as W, Y as de, _ as fe, a as pe, b as me, c as he, d as ge, et as _e, f as ve, g as ye, h as be, i as xe, j as Se, k as Ce, l as we, m as Te, n as Ee, o as De, p as Oe, q as ke, r as Ae, s as je, t as Me, tt as Ne, u as Pe, v as Fe, w as Ie, x as Le, y as Re, z as ze } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-ff_0UQsH.mjs";
 import { $n as Be, $t as Ve, A as He, An as Ue, At as We, B as Ge, Bn as Ke, Bt as qe, C as Je, Cn as Ye, Ct as Xe, D as Ze, Dn as Qe, Dt as $e, E as et, En as tt, Et as nt, F as rt, Fn as it, Ft as at, G as ot, Gn as st, Gt as ct, H as lt, Hn as ut, Ht as dt, I as ft, In as pt, It as mt, J as ht, Jn as gt, Jt as _t, K as vt, Kn as yt, Kt as bt, L as xt, Ln as St, Lt as Ct, Mn as wt, Mt as Tt, N as Et, Nn as Dt, Nt as Ot, O as kt, On as At, Ot as jt, P as Mt, Pn as Nt, Pt, Q as Ft, Qn as It, Qt as Lt, R as Rt, Rn as zt, Rt as Bt, S as Vt, Sn as Ht, St as Ut, T as Wt, Tn as Gt, Tt as Kt, U as qt, Un as Jt, Ut as Yt, V as Xt, Vn as Zt, Vt as Qt, W as $t, Wn as en, Wt as tn, X as nn, Xn as rn, Xt as an, Y as on, Yn as sn, Yt as cn, Z as ln, Zn as un, Zt as dn, _ as fn, _n as pn, _t as mn, a as hn, an as gn, ar as _n, at as vn, b as yn, bn, bt as xn, c as Sn, cn as Cn, cr as wn, ct as Tn, d as En, dn as Dn, dr as On, dt as kn, en as An, er as jn, et as Mn, f as Nn, fn as Pn, fr as Fn, ft as In, g as Ln, gn as Rn, gt as zn, h as Bn, hn as Vn, ht as Hn, i as Un, in as Wn, ir as Gn, it as Kn, j as qn, jn as Jn, jt as Yn, k as Xn, kn as Zn, kt as Qn, l as $n, ln as er, lr as tr, lt as nr, m as rr, mn as ir, mr as ar, mt as or, n as sr, nn as cr, nr as lr, nt as ur, o as dr, on as fr, or as pr, ot as mr, p as hr, pn as gr, pr as _r, pt as vr, q as yr, qn as br, qt as xr, r as Sr, rn as Cr, rr as wr, rt as Tr, s as Er, sn as Dr, sr as Or, st as kr, t as Ar, tn as jr, tr as Mr, tt as Nr, u as Pr, un as Fr, ur as Ir, ut as Lr, v as Rr, vn as zr, vt as Br, w as Vr, wn as Hr, wt as Ur, x as Wr, xn as Gr, xt as Kr, y as qr, yn as Jr, yt as Yr, z as Xr, zn as Zr, zt as Qr } from "./zoom-out-DzQMgNQw.mjs";
 import { n as $r, r as ei, t as ti } from "./rotate-ccw-Cu6tGrgG.mjs";
 import { n as ni, t as ri } from "./chevron-right-cA8Hucbi.mjs";
@@ -11,13 +11,13 @@ import { r as ii, t as ai } from "./square-ZPUterXM.mjs";
 import { t as oi } from "./grid-2x2-CHuMzRxF.mjs";
 import { t as si } from "./trash-2-BKfuhsgY.mjs";
 import { n as ci, t as li } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_trpc_mf_1_react_mf_2_query__loadShare__.js-BkvDudqY.mjs";
-import { a as ui, c as di, d as fi, f as pi, h as mi, i as hi, l as gi, m as _i, n as vi, o as yi, p as bi, r as xi, s as Si, t as Ci, u as wi } from "./responsive-CBG3O0ME.mjs";
+import { a as ui, c as di, d as fi, f as pi, h as mi, i as hi, l as gi, m as _i, n as vi, o as yi, p as bi, r as xi, s as Si, t as Ci, u as wi } from "./responsive-wQi9hajb.mjs";
 import { n as Ti, t as Ei } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react_mf_2_dom__loadShare__.js-DAZkHxxU.mjs";
 import { n as Di, r as Oi, t as ki } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-DpjirGmB.mjs";
 import { t as Ai } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare__react_mf_2_dom_mf_1_client__loadShare__.js-CHqN9NLt.mjs";
 import { t as ji } from "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_trpc_mf_1_client__loadShare__.js-CFCVuRAs.mjs";
 import { c as Mi, s as Ni } from "./scene-monitor-copy-Cqfs4Vng.mjs";
-import { n as Pi, r as Fi } from "./player-overlays-CD0eup2L.mjs";
+import { n as Pi, r as Fi } from "./player-overlays-CN0bZ_0v.mjs";
 import "./_virtual_mf___mfe_internal__addon_training_page__loadShare___mf_0_camstack_mf_1_sdk__loadShare__.js-ZeT4eUYy.mjs";
 //#region ../ui-library/src/trpc-react.ts
 S();
@@ -10858,8 +10858,8 @@ function Vh({ deviceId: e }) {
 //#region ../ui-library/src/widgets/host-widgets.ts
 S();
 var Hh = {
-	"host/motion-zones-grid": s(() => import("./MotionZonesSettings-jORey4uC.mjs").then((e) => ({ default: e.MotionZonesSettings }))),
-	"host/privacy-mask-grid": s(() => import("./PrivacyMaskSettings-P24unULW.mjs").then((e) => ({ default: e.PrivacyMaskSettings }))),
+	"host/motion-zones-grid": s(() => import("./MotionZonesSettings-CHoUtlZU.mjs").then((e) => ({ default: e.MotionZonesSettings }))),
+	"host/privacy-mask-grid": s(() => import("./PrivacyMaskSettings-DfxPrf-U.mjs").then((e) => ({ default: e.PrivacyMaskSettings }))),
 	"host/ptz-panel": Fm,
 	"host/navigation-panel": Dm,
 	"host/consumables-panel": jd,
@@ -27311,94 +27311,103 @@ function uP(e, t, n) {
 		noun: $N(e, n)
 	}) : n("uiLibrary.devicePicker.noneAvailable", "No {{plural}} available.", { plural: r });
 }
-function dP({ devices: e, listState: t, fleet: n, value: r, onChange: i, emptyMeansAll: a = !1, savedHadDevices: o = !1, noun: s = "camera", groupTitle: c, emptyLabel: l, annotate: u, disabled: f = !1, testId: p, showAll: m = !1, lockedIds: h, lockedNote: g }) {
-	let _ = A(), v = c ?? ((e) => sP(e, _)), y = g ?? _("uiLibrary.devicePicker.alreadyAdded", "Already added"), b = d(() => zN(e), [e]), x = n ?? {
+function dP({ devices: e, listState: t, fleet: n, value: r, onChange: i, selection: a = "multiple", groupBy: o, emptyMeansAll: s = !1, savedHadDevices: c = !1, noun: l = "camera", groupTitle: u, emptyLabel: f, annotate: p, disabled: m = !1, testId: h, showAll: g = !1, lockedIds: _, lockedNote: v }) {
+	let y = A(), b = u ?? ((e) => sP(e, y)), x = v ?? y("uiLibrary.devicePicker.alreadyAdded", "Already added"), S = d(() => zN(e), [e]), C = n ?? {
 		state: t,
-		devices: t === "answered" ? b : void 0
-	}, S = d(() => new Set(h ?? []), [h]), C = (e) => i(S.size === 0 ? e : e.filter((e) => !S.has(e))), [T, O] = w(!1), [k, j] = w(!1), [M, N] = w(o || r.length > 0);
-	r.length > 0 && !M && N(!0);
-	let P = lP(r, b, x, s, _), F = YM(P, k || m), I = T || m, L = ZN(a, r.length, M), R = QN[s];
-	return t === "answered" && XN(t, b.length, r.length) ? /* @__PURE__ */ D("div", {
-		"data-testid": p,
+		devices: t === "answered" ? S : void 0
+	}, T = d(() => new Set(_ ?? []), [_]), O = (e) => i(T.size === 0 ? e : e.filter((e) => !T.has(e))), [k, j] = w(!1), [M, N] = w(!1), [P, F] = w(c || r.length > 0);
+	r.length > 0 && !P && F(!0);
+	let I = lP(r, S, C, l, y), L = YM(I, M || g), R = k || g, z = ZN(s, r.length, P), ee = QN[l];
+	return t === "answered" && XN(t, S.length, r.length) ? /* @__PURE__ */ D("div", {
+		"data-testid": h,
 		children: [/* @__PURE__ */ E("p", {
 			className: "text-[10px] text-foreground-subtle mt-0.5",
-			children: uP(s, a, _)
-		}), L && /* @__PURE__ */ E(rP, { noun: s })]
+			children: uP(l, s, y)
+		}), z && /* @__PURE__ */ E(rP, { noun: l })]
 	}) : /* @__PURE__ */ D("div", {
 		className: "mt-1 space-y-1.5",
-		"data-testid": p,
+		"data-testid": h,
 		children: [
-			t === "pending" && /* @__PURE__ */ E(iP, { noun: R }),
-			t === "failed" && /* @__PURE__ */ E(aP, { noun: s === "camera" ? "devices" : R }),
-			/* @__PURE__ */ D("div", {
+			t === "pending" && /* @__PURE__ */ E(iP, { noun: ee }),
+			t === "failed" && /* @__PURE__ */ E(aP, { noun: l === "camera" ? "devices" : ee }),
+			!(a === "single" && I.length === 0) && /* @__PURE__ */ D("div", {
 				className: "flex flex-wrap items-center gap-1",
 				children: [
-					P.length === 0 ? /* @__PURE__ */ E("span", {
+					I.length === 0 ? /* @__PURE__ */ E("span", {
 						className: "text-[11px] text-foreground-subtle",
-						children: l ?? (a ? _("uiLibrary.devicePicker.everyNoRestriction", "Every {{noun}} — no restriction", { noun: $N(s, _) }) : _("uiLibrary.devicePicker.noneSelected", "None selected"))
-					}) : F.shown.map((e) => /* @__PURE__ */ E(sl, {
+						children: f ?? (s ? y("uiLibrary.devicePicker.everyNoRestriction", "Every {{noun}} — no restriction", { noun: $N(l, y) }) : y("uiLibrary.devicePicker.noneSelected", "None selected"))
+					}) : L.shown.map((e) => /* @__PURE__ */ E(sl, {
 						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)),
-					F.hidden > 0 && /* @__PURE__ */ E("button", {
+					L.hidden > 0 && /* @__PURE__ */ E("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: _("uiLibrary.devicePicker.moreChips", "+{{count}} more", { count: F.hidden })
+						onClick: () => N(!0),
+						children: y("uiLibrary.devicePicker.moreChips", "+{{count}} more", { count: L.hidden })
 					}),
-					k && P.length > 6 && /* @__PURE__ */ E("button", {
+					M && I.length > 6 && /* @__PURE__ */ E("button", {
 						type: "button",
 						className: "text-[11px] text-foreground-subtle underline",
-						onClick: () => j(!1),
-						children: _("uiLibrary.devicePicker.showFewer", "Show fewer")
+						onClick: () => N(!1),
+						children: y("uiLibrary.devicePicker.showFewer", "Show fewer")
 					}),
-					t !== "pending" && !m && /* @__PURE__ */ E("button", {
+					t !== "pending" && !g && /* @__PURE__ */ E("button", {
 						type: "button",
-						disabled: f,
-						"aria-expanded": T,
-						onClick: () => O((e) => !e),
+						disabled: m,
+						"aria-expanded": k,
+						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: T ? _("uiLibrary.devicePicker.done", "Done") : r.length === 0 ? _("uiLibrary.devicePicker.addPlural", "Add {{plural}}…", { plural: eP(s, _) }) : _("uiLibrary.devicePicker.edit", "Edit…")
+						children: k ? y("uiLibrary.devicePicker.done", "Done") : r.length === 0 ? y("uiLibrary.devicePicker.addPlural", "Add {{plural}}…", { plural: eP(l, y) }) : y("uiLibrary.devicePicker.edit", "Edit…")
 					})
 				]
 			}),
-			I && t === "answered" && (cP(s) ? /* @__PURE__ */ E(fP, {
-				devices: b,
+			R && t === "answered" && (cP(l) ? /* @__PURE__ */ E(fP, {
+				devices: S,
 				value: r,
-				onChange: C,
-				locked: S,
-				lockedNote: y,
-				annotate: u,
-				groupTitle: v,
-				noun: s,
-				disabled: f,
-				showAll: m
+				onChange: O,
+				locked: T,
+				lockedNote: x,
+				annotate: p,
+				groupTitle: b,
+				noun: l,
+				disabled: m,
+				showAll: g,
+				selection: a,
+				...o === void 0 ? {} : { pinnedGroupBy: o }
 			}) : /* @__PURE__ */ E(hP, {
-				devices: b,
+				devices: S,
 				value: r,
-				onChange: C,
-				locked: S,
-				lockedNote: y,
-				annotate: u,
-				groupTitle: v,
-				noun: s,
-				disabled: f,
-				showAll: m
+				onChange: O,
+				locked: T,
+				lockedNote: x,
+				annotate: p,
+				groupTitle: b,
+				noun: l,
+				disabled: m,
+				showAll: g,
+				selection: a
 			})),
-			L && /* @__PURE__ */ E(rP, { noun: s })
+			z && /* @__PURE__ */ E(rP, { noun: l })
 		]
 	});
 }
 function fP(e) {
-	let { groupBy: t, setGroupBy: n } = GN(), r = KN(!0);
+	let t = GN(), [n, r] = w(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 = KN(!0);
 	return /* @__PURE__ */ E(hP, {
 		...e,
 		grouping: {
-			groupBy: t,
-			onGroupByChange: n,
-			zones: r
+			groupBy: a,
+			onGroupByChange: o,
+			zones: s
 		}
 	});
 }
@@ -27409,101 +27418,106 @@ var mP = {
 	state: "answered",
 	zones: []
 };
-function hP({ devices: e, value: t, onChange: n, annotate: r, groupTitle: i, noun: a, disabled: o, locked: s, lockedNote: c, showAll: l, grouping: u }) {
-	let f = A(), [p, m] = w(mN), [h, g] = w(/* @__PURE__ */ new Map()), [_, v] = w(60), y = l || RM(p.query).length > 0, b = u?.groupBy, x = u?.zones ?? mP, S = d(() => SN(e, p, x), [
+function hP({ devices: e, value: t, onChange: n, annotate: r, groupTitle: i, noun: a, disabled: o, locked: s, lockedNote: c, showAll: l, selection: u, grouping: f }) {
+	let p = A(), m = _(), [h, g] = w(mN), [v, y] = w(/* @__PURE__ */ new Map()), [b, x] = w(60), S = l || RM(h.query).length > 0, C = f?.groupBy, T = f?.zones ?? mP, O = d(() => SN(e, h, T), [
 		e,
-		p,
-		x
-	]), C = d(() => b === void 0 ? null : uN(S, t, b, x), [
-		S,
+		h,
+		T
+	]), k = d(() => C === void 0 ? null : uN(O, t, C, T), [
+		O,
 		t,
-		b,
-		x
-	]), T = d(() => C === null ? GM(UM(S, t), t, h, y) : dN(C, t, h, y), [
 		C,
-		S,
+		T
+	]), j = d(() => k === null ? GM(UM(O, t), t, v, S) : dN(k, t, v, S), [
+		k,
+		O,
 		t,
-		h,
-		y
-	]), O = C?.groupBy ?? null, k = d(() => yN(e, "type", p.types, x), [
+		v,
+		S
+	]), M = k?.groupBy ?? null, N = d(() => yN(e, "type", h.types, T), [
 		e,
-		p.types,
-		x
-	]), j = d(() => yN(e, "zone", p.zones, x), [
+		h.types,
+		T
+	]), P = d(() => yN(e, "zone", h.zones, T), [
 		e,
-		p.zones,
-		x
-	]), M = d(() => u === void 0 ? [] : yN(e, "location", p.locations, x), [
+		h.zones,
+		T
+	]), F = d(() => f === void 0 ? [] : yN(e, "location", h.locations, T), [
 		e,
-		p.locations,
-		x,
-		u
-	]), N = d(() => EN(t, e, S), [
+		h.locations,
+		T,
+		f
+	]), I = d(() => EN(t, e, O), [
 		e,
 		t,
-		S
-	]), P = XM(T, l ? T.length : _), F = (e, t) => g((n) => new Map([...n, [e.key, !t]]));
+		O
+	]), L = XM(j, l ? j.length : b), R = (e, t) => y((n) => new Map([...n, [e.key, !t]]));
 	return /* @__PURE__ */ D("div", {
 		className: "rounded-md border border-border bg-surface p-2",
 		"data-testid": "device-picker-panel",
 		children: [
 			/* @__PURE__ */ E(IN, {
-				filters: p,
+				filters: h,
 				onFiltersChange: (e) => {
-					m(e), v(60);
+					g(e), x(60);
 				},
-				typeOptions: k,
-				zoneOptions: j,
-				locationOptions: M,
-				zones: x,
-				...u === void 0 ? {} : { grouping: {
-					groupBy: u.groupBy,
-					onGroupByChange: u.onGroupByChange,
-					fallback: C?.fallback ?? null
+				typeOptions: N,
+				zoneOptions: P,
+				locationOptions: F,
+				zones: T,
+				...f === void 0 ? {} : { grouping: {
+					groupBy: f.groupBy,
+					onGroupByChange: f.onGroupByChange,
+					fallback: k?.fallback ?? null
 				} },
-				searchPlaceholder: pP(a, f),
-				searchLabel: a === "camera" || a === "device" ? f("uiLibrary.devicePicker.searchDevices", "Search devices") : f("uiLibrary.devicePicker.searchPlural", "Search {{plural}}", { plural: eP(a, f) }),
+				searchPlaceholder: pP(a, p),
+				searchLabel: a === "camera" || a === "device" ? p("uiLibrary.devicePicker.searchDevices", "Search devices") : p("uiLibrary.devicePicker.searchPlural", "Search {{plural}}", { plural: eP(a, p) }),
 				disabled: o
 			}),
 			/* @__PURE__ */ E("p", {
 				className: "mt-1 text-[10px] text-foreground-subtle",
-				children: f("uiLibrary.devicePicker.shownOf", "{{shown}} of {{total}} shown · {{selected}} selected", {
-					shown: S.length,
+				children: u === "single" ? p("uiLibrary.devicePicker.shownOfSingle", "{{shown}} of {{total}} shown", {
+					shown: O.length,
+					total: e.length
+				}) : p("uiLibrary.devicePicker.shownOf", "{{shown}} of {{total}} shown · {{selected}} selected", {
+					shown: O.length,
 					total: e.length,
 					selected: t.length
 				})
 			}),
-			T.length === 0 ? /* @__PURE__ */ E("p", {
+			j.length === 0 ? /* @__PURE__ */ E("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: $N(a, f) })
+				children: a === "camera" || a === "device" ? p("uiLibrary.devicePicker.noDeviceMatches", "No device matches.") : p("uiLibrary.devicePicker.noNounMatches", "No {{noun}} matches.", { noun: $N(a, p) })
 			}) : /* @__PURE__ */ D("div", {
 				className: l ? "mt-1" : "mt-1 max-h-72 overflow-y-auto",
 				"data-testid": "device-picker-rows",
-				children: [P.rows.map((e) => /* @__PURE__ */ E(_P, {
+				children: [L.rows.map((e) => /* @__PURE__ */ E(_P, {
 					row: e,
 					value: t,
 					onChange: n,
-					onToggleGroup: F,
+					onToggleGroup: R,
 					annotate: r,
 					groupTitle: i,
-					groupBy: O,
+					groupBy: M,
 					disabled: o,
 					locked: s,
-					lockedNote: c
-				}, e.key)), P.remaining > 0 && /* @__PURE__ */ E("button", {
+					lockedNote: c,
+					selection: u,
+					radioName: m
+				}, e.key)), L.remaining > 0 && /* @__PURE__ */ E("button", {
 					type: "button",
 					className: "mt-1 w-full rounded border border-border py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover",
-					onClick: () => v((e) => e + 60),
-					children: f("uiLibrary.devicePicker.showMore", "Show {{count}} more ({{left}} left)", {
-						count: Math.min(P.remaining, 60),
-						left: P.remaining
+					onClick: () => x((e) => e + 60),
+					children: p("uiLibrary.devicePicker.showMore", "Show {{count}} more ({{left}} left)", {
+						count: Math.min(L.remaining, 60),
+						left: L.remaining
 					})
 				})]
 			}),
-			N > 0 && /* @__PURE__ */ E("p", {
+			I > 0 && /* @__PURE__ */ E("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: p("uiLibrary.devicePicker.hiddenSelected", "{{count}} selected hidden by filters", { count: I })
 			})
 		]
 	});
@@ -27517,8 +27531,8 @@ function gP(e, t) {
 	].filter((e) => e !== null);
 	return r.length > 0 ? r.join(" · ") : void 0;
 }
-function _P({ row: e, value: t, onChange: n, onToggleGroup: r, annotate: i, groupTitle: a, groupBy: o, disabled: s, locked: c, lockedNote: l }) {
-	let u = A();
+function _P({ 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 = A(), p = u === "single";
 	if (e.kind === "header") {
 		let { group: i, expanded: o } = e;
 		return /* @__PURE__ */ D("div", {
@@ -27536,7 +27550,7 @@ function _P({ row: e, value: t, onChange: n, onToggleGroup: r, annotate: i, grou
 							className: "truncate",
 							children: a(i)
 						}),
-						/* @__PURE__ */ D("span", {
+						!p && /* @__PURE__ */ D("span", {
 							className: "font-normal normal-case",
 							children: [
 								"(",
@@ -27548,32 +27562,33 @@ function _P({ row: e, value: t, onChange: n, onToggleGroup: r, annotate: i, grou
 						})
 					]
 				}),
-				/* @__PURE__ */ E("button", {
+				!p && /* @__PURE__ */ E("button", {
 					type: "button",
 					disabled: s,
 					className: "text-[10px] text-primary hover:underline disabled:opacity-50",
 					onClick: () => n(qM(t, i)),
-					children: u("uiLibrary.devicePicker.all", "All")
+					children: f("uiLibrary.devicePicker.all", "All")
 				}),
-				/* @__PURE__ */ E("button", {
+				!p && /* @__PURE__ */ E("button", {
 					type: "button",
 					disabled: s,
 					className: "text-[10px] text-foreground-subtle hover:underline disabled:opacity-50",
 					onClick: () => n(JM(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 = gP(e.device, o);
+	let m = c.has(e.device.id), h = m ? l : i?.(e.device.id), g = gP(e.device, o);
 	return /* @__PURE__ */ D("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__ */ E("input", {
-			type: "checkbox",
-			checked: e.selected || d,
-			disabled: s || d,
-			onChange: () => n(KM(t, e.device.id)),
+			type: p ? "radio" : "checkbox",
+			...p ? { name: d } : {},
+			checked: e.selected || m,
+			disabled: s || m,
+			onChange: () => n(p ? [e.device.id] : KM(t, e.device.id)),
 			className: "accent-primary",
 			"data-device-id": String(e.device.id)
 		}), /* @__PURE__ */ D("span", {
@@ -27583,13 +27598,13 @@ function _P({ row: e, value: t, onChange: n, onToggleGroup: r, annotate: i, grou
 					className: "truncate",
 					children: e.device.name
 				}),
-				p !== void 0 && /* @__PURE__ */ E("span", {
+				g !== void 0 && /* @__PURE__ */ E("span", {
 					className: "truncate text-[10px] text-foreground-subtle",
-					children: p
+					children: g
 				}),
-				f !== void 0 && /* @__PURE__ */ E("span", {
-					className: d ? "text-[10px] text-foreground-subtle" : "text-[10px] text-warning",
-					children: f
+				h !== void 0 && /* @__PURE__ */ E("span", {
+					className: m ? "text-[10px] text-foreground-subtle" : "text-[10px] text-warning",
+					children: h
 				})
 			]
 		})]
@@ -27877,7 +27892,7 @@ function qP(e, t) {
 		translate: (t, n) => VP(e, MP(), t, n)
 	};
 }
-S(), s(() => import("./MaskShapeCanvas-HNL0xNpy.mjs").then((e) => ({ default: e.MaskShapeCanvas }))), s(() => import("./MotionZonesSettings-jORey4uC.mjs").then((e) => ({ default: e.MotionZonesSettings }))), s(() => import("./SceneMonitorEditor-CkLN8Kee.mjs").then((e) => ({ default: e.SceneMonitorEditor }))), s(() => import("./PrivacyMaskSettings-P24unULW.mjs").then((e) => ({ default: e.PrivacyMaskSettings })));
+S(), s(() => import("./MaskShapeCanvas-HNL0xNpy.mjs").then((e) => ({ default: e.MaskShapeCanvas }))), s(() => import("./MotionZonesSettings-CHoUtlZU.mjs").then((e) => ({ default: e.MotionZonesSettings }))), s(() => import("./SceneMonitorEditor-B32hWMGP.mjs").then((e) => ({ default: e.SceneMonitorEditor }))), s(() => import("./PrivacyMaskSettings-DfxPrf-U.mjs").then((e) => ({ default: e.PrivacyMaskSettings })));
 //#endregion
 //#region src/i18n/index.ts
 var { useT: JP, Trans: YP, translate: XP } = qP("training", {

package/dist/{_virtual_mf-localSharedImportMap___mfe_internal__addon_training_page-BbQzUVOo.mjs → _virtual_mf-localSharedImportMap___mfe_internal__addon_training_page-GwANcGcn.mjs}

@@ -1,4 +1,4 @@
-import "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_training_page__remoteEntry_js-X4iAyyQb.mjs";
+import "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_training_page__remoteEntry_js-CbTZ0yvt.mjs";
 //#region \0virtual:mf-localSharedImportMap:__mfe_internal__addon_training_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_training_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_training_page",