@camstack/addon-osd-manager 0.1.223 → 0.1.225

package/dist/_stub.js

@@ -1,5 +1,5 @@
 import "./virtualExposes-BgZ5Cn7S.mjs";
-import "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-BsEm5neh.mjs";
+import "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-Dvu0XZcN.mjs";
 import { _ as e, b as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, p as d, r as f, t as p, u as m, v as h } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-BbmIfQSr.mjs";
 import { a as g, d as _, f as v, i as y, l as b, n as x, o as S, p as C, r as w, t as T, u as E } from "./responsive-BUro-qR5.mjs";
 import { d as D, l as O, u as ee } from "./scene-monitor-copy-tJJ0oTNQ.mjs";
@@ -6110,7 +6110,7 @@ function xo({ value: e, className: t, ...n }) {
 		"aria-selected": o,
 		"aria-controls": `tabpanel-${e}`,
 		tabIndex: o ? 0 : -1,
-		className: H("h-7 shrink-0 whitespace-nowrap text-xs px-3 transition-colors", a === "pills" ? o ? "rounded-md bg-primary/10 font-medium text-primary" : "rounded-md text-foreground-muted hover:bg-surface-hover hover:text-foreground" : o ? "border-b-2 border-primary text-foreground font-medium" : "text-foreground-muted hover:text-foreground", t),
+		className: H("inline-flex h-7 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap text-xs px-3 transition-colors", a === "pills" ? o ? "rounded-md bg-primary/10 font-medium text-primary" : "rounded-md text-foreground-muted hover:bg-surface-hover hover:text-foreground" : o ? "border-b-2 border-primary text-foreground font-medium" : "text-foreground-muted hover:text-foreground", t),
 		onClick: () => i(e),
 		...n
 	});
@@ -19113,10 +19113,26 @@ function dS(e) {
 function fS(e) {
 	return e.binding === null ? lS() : e.binding.conditions?.devices === void 0 ? e.binding : {
 		...e.binding,
-		conditions: PS(e.binding.conditions, "devices")
+		conditions: IS(e.binding.conditions, "devices")
 	};
 }
-function pS(e) {
+function pS(e, t) {
+	return JSON.stringify(e) === JSON.stringify(t);
+}
+function mS(e, t, n) {
+	let r = [];
+	for (let i of e) {
+		let e = t[i];
+		if (e === void 0) continue;
+		let a = n[i];
+		a !== void 0 && pS(e, a) || r.push({
+			slotId: i,
+			binding: e
+		});
+	}
+	return r;
+}
+function hS(e) {
 	if (e !== void 0) {
 		if (e.valueType === "boolean") return {
 			true: "ON",
@@ -19125,21 +19141,21 @@ function pS(e) {
 		if (e.valueType === "enum" && e.enumValues && e.enumValues.length > 0) return Object.fromEntries(e.enumValues.map((e) => [e, e]));
 	}
 }
-function mS(e, t) {
+function gS(e, t) {
 	if (e === t) return !0;
 	if (e === void 0 || t === void 0) return !1;
 	let n = Object.keys(e), r = Object.keys(t);
 	return n.length === r.length ? n.every((n) => e[n] === t[n]) : !1;
 }
-function hS(e, t) {
+function _S(e, t) {
 	if (e === void 0) return !0;
 	let n = Object.entries(e);
-	return !!(n.length === 0 || n.every(([e, t]) => e === t) || t !== void 0 && mS(e, t));
+	return !!(n.length === 0 || n.every(([e, t]) => e === t) || t !== void 0 && gS(e, t));
 }
-function gS(e, t) {
+function vS(e, t) {
 	if (!(t.deviceId <= 0 || t.capName === "" || t.valuePath === "")) return e.find((e) => e.deviceId === t.deviceId && e.capName === t.capName && e.valuePath === t.valuePath);
 }
-function _S(e, t) {
+function yS(e, t) {
 	if (e === null) return "Unbound";
 	let n = e.source;
 	if (n.kind === "none") return "None";
@@ -19152,54 +19168,54 @@ function _S(e, t) {
 	}
 	return `${n.capName} · ${n.valuePath}`;
 }
-function vS(e, t) {
+function bS(e, t) {
 	if (!e) return "unsupported";
 	let n = t.filter((e) => !e.readOnly);
 	if (n.length === 0) return "disabled";
 	let r = n.filter((e) => e.binding?.enabled === !0).length;
 	return r === 0 ? "disabled" : r === n.length ? "enabled" : "partial";
 }
-var yS = {
+var xS = {
 	unsupported: "Unsupported",
 	disabled: "Disabled",
 	partial: "Partial",
 	enabled: "Enabled"
 };
-function bS(e) {
-	return yS[e];
+function SS(e) {
+	return xS[e];
 }
-var xS = {
+var CS = {
 	unsupported: "default",
 	disabled: "default",
 	partial: "warning",
 	enabled: "success"
 };
-function SS(e) {
-	return xS[e];
+function wS(e) {
+	return CS[e];
 }
-function CS(e) {
+function TS(e) {
 	return e.readOnly ? "readonly" : e.binding === null ? "unbound" : "bound";
 }
-var wS = {
+var ES = {
 	bound: "bound",
 	unbound: "unbound",
 	readonly: "readonly"
 };
-function TS(e) {
-	return wS[e];
+function DS(e) {
+	return ES[e];
 }
-function ES(e) {
+function OS(e) {
 	return e.filter((e) => !e.readOnly);
 }
-function DS(e) {
+function kS(e) {
 	return (e.find((e) => !e.readOnly) ?? e[0])?.slotId;
 }
-function OS(e, t, n = /* @__PURE__ */ new Map()) {
+function AS(e, t, n = /* @__PURE__ */ new Map()) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
 		let e = i.binding;
 		if (e === null || !e.enabled) continue;
-		let [a, o] = kS(e.source, t, n);
+		let [a, o] = jS(e.source, t, n);
 		r.set(a, o);
 	}
 	return [...r.entries()].map(([e, t]) => ({
@@ -19207,7 +19223,7 @@ function OS(e, t, n = /* @__PURE__ */ new Map()) {
 		label: t
 	}));
 }
-function kS(e, t, n) {
+function jS(e, t, n) {
 	if (e.kind === "none") return ["none", "None"];
 	if (e.kind === "static") return ["static", "Static text"];
 	if (e.kind === "clock") return ["clock", "Clock"];
@@ -19220,7 +19236,7 @@ function kS(e, t, n) {
 	let r = t.get(e.deviceId);
 	return [`device-state:${e.deviceId}`, r === void 0 ? "Linked device" : `Linked: ${r}`];
 }
-var AS = {
+var MS = {
 	written: "Written",
 	unchanged: "Unchanged",
 	gated: "Gated (condition closed)",
@@ -19229,10 +19245,10 @@ var AS = {
 	unbound: "Unbound",
 	failed: "Write failed"
 };
-function jS(e) {
-	return AS[e];
+function NS(e) {
+	return MS[e];
 }
-var MS = {
+var PS = {
 	written: "success",
 	unchanged: "success",
 	gated: "warning",
@@ -19241,10 +19257,10 @@ var MS = {
 	unbound: "default",
 	failed: "danger"
 };
-function NS(e) {
-	return MS[e];
+function FS(e) {
+	return PS[e];
 }
-function PS(e, t) {
+function IS(e, t) {
 	if (e === void 0) return;
 	let { [t]: n, ...r } = e;
 	return Object.keys(r).length === 0 ? void 0 : r;
@@ -19252,7 +19268,7 @@ function PS(e, t) {
 //#endregion
 //#region src/components/DuplicateIntoAction.tsx
 t();
-function FS({ source: e, destinations: t, onDuplicated: n }) {
+function LS({ source: e, destinations: t, onDuplicated: n }) {
 	let [r, i] = a(!1), [o, s] = a(void 0), [c, l] = a(void 0), [u, d] = a(void 0), f = Ji();
 	if (t.length === 0) return null;
 	function p() {
@@ -19350,7 +19366,7 @@ function FS({ source: e, destinations: t, onDuplicated: n }) {
 }
 //#endregion
 //#region src/adaptive-field.ts
-function IS(e, t) {
+function RS(e, t) {
 	let n = e.filter((e) => e.deviceId === t);
 	return n.length === 0 ? {
 		mode: "empty",
@@ -19366,7 +19382,7 @@ function IS(e, t) {
 		auto: void 0
 	};
 }
-function LS(e) {
+function zS(e) {
 	if (e.length === 0) return;
 	let t = e.find((e) => e.valuePath === "value" || e.valuePath.endsWith(".value"));
 	if (t !== void 0) return t;
@@ -19387,7 +19403,7 @@ function LS(e) {
 }
 //#endregion
 //#region src/state-leaves.ts
-function RS(e, t) {
+function BS(e, t) {
 	let n = e;
 	for (let e of t.split(".")) {
 		if (typeof n != "object" || !n || Array.isArray(n) || !Object.hasOwn(n, e)) return;
@@ -19397,16 +19413,16 @@ function RS(e, t) {
 }
 //#endregion
 //#region src/osd-source-fields.ts
-var zS = new Set(["container"]);
-function BS(e) {
-	return e == null ? !0 : !zS.has(e);
+var VS = new Set(["container"]);
+function HS(e) {
+	return e == null ? !0 : !VS.has(e);
 }
-function VS(e) {
+function US(e) {
 	return e === "container";
 }
 //#endregion
 //#region src/osd-picker-devices.ts
-function HS(e) {
+function WS(e) {
 	return e.map((e) => ({
 		id: e.id,
 		name: e.name,
@@ -19415,20 +19431,20 @@ function HS(e) {
 		parentDeviceId: e.parentDeviceId ?? null
 	}));
 }
-function US(e, t, n) {
-	return t.filter((t) => t.parentDeviceId === e && BS(t.type) && n.has(t.id)).toSorted((e, t) => e.name.localeCompare(t.name));
+function GS(e, t, n) {
+	return t.filter((t) => t.parentDeviceId === e && HS(t.type) && n.has(t.id)).toSorted((e, t) => e.name.localeCompare(t.name));
 }
-function WS(e, t) {
+function KS(e, t) {
 	return e.find((e) => e.id === t);
 }
 //#endregion
 //#region src/unit-display.ts
-function GS(e) {
+function qS(e) {
 	if (e === void 0) return;
 	let t = oe(e);
 	if (t !== void 0) return k(t);
 }
-function KS(e, t, n) {
+function JS(e, t, n) {
 	let r = t === void 0 ? void 0 : oe(t), i = n === void 0 ? void 0 : oe(n);
 	if (r === void 0 || i === void 0 || r === i) return {
 		value: e,
@@ -19443,7 +19459,7 @@ function KS(e, t, n) {
 		unit: i
 	};
 }
-function qS(e, t) {
+function YS(e, t) {
 	if (typeof e != "object" || !e || Array.isArray(e)) return;
 	let n = { ...e }, r = t.split(".");
 	if (r.length >= 1) {
@@ -19465,7 +19481,7 @@ function qS(e, t) {
 }
 //#endregion
 //#region src/components/ValueMapEditor.tsx
-function JS({ valueMap: e, onChange: t }) {
+function XS({ valueMap: e, onChange: t }) {
 	let n = Object.entries(e ?? {});
 	function r(e) {
 		if (e.length === 0) {
@@ -19526,7 +19542,7 @@ function JS({ valueMap: e, onChange: t }) {
 //#endregion
 //#region src/components/DeviceStatePickBlock.tsx
 t();
-function YS(e) {
+function ZS(e) {
 	return e.map((e) => ({
 		id: e.id,
 		name: e.name,
@@ -19535,7 +19551,7 @@ function YS(e) {
 		parentDeviceId: "parentDeviceId" in e && typeof e.parentDeviceId == "number" ? e.parentDeviceId : null
 	}));
 }
-function XS(e, t, n) {
+function QS(e, t, n) {
 	return {
 		...e,
 		...e.containerId === void 0 ? {} : { containerId: e.containerId },
@@ -19543,17 +19559,17 @@ function XS(e, t, n) {
 		...n === void 0 ? {} : { valueMap: n }
 	};
 }
-function ZS(e, t, n) {
-	return hS(e, pS(t)) ? pS(n) : e;
+function $S(e, t, n) {
+	return _S(e, hS(t)) ? hS(n) : e;
 }
-function QS({ value: e, sources: t, pickerDevices: n, listState: r, stateByDevice: i, testIdPrefix: o, onChange: s, maxDecimals: c, onMaxDecimalsChange: u }) {
-	let d = l(() => YS(n), [n]), f = l(() => new Set(t.map((e) => e.deviceId)), [t]), [p, h] = a(e.containerId);
+function eC({ value: e, sources: t, pickerDevices: n, listState: r, stateByDevice: i, testIdPrefix: o, onChange: s, maxDecimals: c, onMaxDecimalsChange: u }) {
+	let d = l(() => ZS(n), [n]), f = l(() => new Set(t.map((e) => e.deviceId)), [t]), [p, h] = a(e.containerId);
 	m(() => {
 		h(e.containerId);
 	}, [e.containerId, e.deviceId]);
-	let g = e.deviceId > 0 ? e.deviceId : void 0, _ = p ?? g, v = p !== void 0 && VS(WS(d, p)?.type) ? p : void 0, y = v === void 0 ? [] : US(v, d, f), b = g === void 0 ? void 0 : IS(t, g), x = g === void 0 ? void 0 : WS(d, g), S = e.containerId === void 0 ? void 0 : WS(d, e.containerId), C = v !== void 0 && g === void 0 ? `${WS(d, v)?.name ?? `#${v}`} › …` : S === void 0 ? x?.name ?? (g === void 0 ? "No device" : `#${e.deviceId}`) : `${S.name} › ${x?.name ?? `#${e.deviceId}`}`, w = qS(g === void 0 || i === void 0 ? void 0 : i.get(g)?.[e.capName], e.valuePath), T = GS(w), E = gS(t, e), D = E?.valueType === "boolean" || E?.valueType === "enum", O = (e) => s(e), ee = (n, r, i) => {
-		let a = gS(t, e), o = ZS(e.valueMap, a, i);
-		O(XS({
+	let g = e.deviceId > 0 ? e.deviceId : void 0, _ = p ?? g, v = p !== void 0 && US(KS(d, p)?.type) ? p : void 0, y = v === void 0 ? [] : GS(v, d, f), b = g === void 0 ? void 0 : RS(t, g), x = g === void 0 ? void 0 : KS(d, g), S = e.containerId === void 0 ? void 0 : KS(d, e.containerId), C = v !== void 0 && g === void 0 ? `${KS(d, v)?.name ?? `#${v}`} › …` : S === void 0 ? x?.name ?? (g === void 0 ? "No device" : `#${e.deviceId}`) : `${S.name} › ${x?.name ?? `#${e.deviceId}`}`, w = YS(g === void 0 || i === void 0 ? void 0 : i.get(g)?.[e.capName], e.valuePath), T = qS(w), E = vS(t, e), D = E?.valueType === "boolean" || E?.valueType === "enum", O = (e) => s(e), ee = (n, r, i) => {
+		let a = vS(t, e), o = $S(e.valueMap, a, i);
+		O(QS({
 			deviceId: n,
 			...r === void 0 ? {} : { containerId: r },
 			capName: i?.capName ?? "",
@@ -19579,16 +19595,16 @@ function QS({ value: e, sources: t, pickerDevices: n, listState: r, stateByDevic
 						onChange: (n) => {
 							let r = n.length === 0 ? void 0 : n.length === 1 ? n[0] : n.find((e) => e !== _) ?? n[n.length - 1];
 							if (r === void 0) {
-								h(void 0), O(XS({
+								h(void 0), O(QS({
 									deviceId: 0,
 									capName: "",
 									valuePath: ""
 								}, e.displayUnit, void 0));
 								return;
 							}
-							let i = WS(d, r);
-							if (i !== void 0 && VS(i.type)) {
-								h(r), O(XS({
+							let i = KS(d, r);
+							if (i !== void 0 && US(i.type)) {
+								h(r), O(QS({
 									deviceId: 0,
 									containerId: r,
 									capName: "",
@@ -19597,8 +19613,8 @@ function QS({ value: e, sources: t, pickerDevices: n, listState: r, stateByDevic
 								return;
 							}
 							h(void 0);
-							let a = IS(t, r);
-							ee(r, void 0, a.auto ?? LS(a.fields));
+							let a = RS(t, r);
+							ee(r, void 0, a.auto ?? zS(a.fields));
 						},
 						noun: "device",
 						emptyLabel: "Pick a device",
@@ -19628,8 +19644,8 @@ function QS({ value: e, sources: t, pickerDevices: n, listState: r, stateByDevic
 					onChange: (e) => {
 						let n = Number(e.target.value);
 						if (!Number.isFinite(n) || n <= 0) return;
-						let r = IS(t, n);
-						ee(n, v, r.auto ?? LS(r.fields));
+						let r = RS(t, n);
+						ee(n, v, r.auto ?? zS(r.fields));
 					}
 				})]
 			}),
@@ -19651,8 +19667,8 @@ function QS({ value: e, sources: t, pickerDevices: n, listState: r, stateByDevic
 				onChange: (n) => {
 					let r = b.fields.find((e) => `${e.capName}:${e.valuePath}` === n.target.value);
 					if (!r) return;
-					let i = gS(t, e), a = ZS(e.valueMap, i, r);
-					O(XS({
+					let i = vS(t, e), a = $S(e.valueMap, i, r);
+					O(QS({
 						deviceId: g ?? e.deviceId,
 						...e.containerId === void 0 ? {} : { containerId: e.containerId },
 						capName: r.capName,
@@ -19665,7 +19681,7 @@ function QS({ value: e, sources: t, pickerDevices: n, listState: r, stateByDevic
 				children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P($a, { children: "Unit source" }), /* @__PURE__ */ P(iS, {
 					dimension: T,
 					value: e.displayUnit ?? "",
-					onChange: (t) => O(XS({
+					onChange: (t) => O(QS({
 						deviceId: e.deviceId,
 						...e.containerId === void 0 ? {} : { containerId: e.containerId },
 						capName: e.capName,
@@ -19689,9 +19705,9 @@ function QS({ value: e, sources: t, pickerDevices: n, listState: r, stateByDevic
 			}),
 			D ? /* @__PURE__ */ P("div", {
 				"data-testid": `${o}-value-map`,
-				children: /* @__PURE__ */ P(JS, {
+				children: /* @__PURE__ */ P(XS, {
 					valueMap: e.valueMap,
-					onChange: (t) => O(XS({
+					onChange: (t) => O(QS({
 						deviceId: e.deviceId,
 						...e.containerId === void 0 ? {} : { containerId: e.containerId },
 						capName: e.capName,
@@ -19705,7 +19721,7 @@ function QS({ value: e, sources: t, pickerDevices: n, listState: r, stateByDevic
 //#endregion
 //#region src/components/SourceEditor.tsx
 t();
-var $S = [
+var tC = [
 	{
 		value: "none",
 		label: "None"
@@ -19731,7 +19747,7 @@ var $S = [
 		label: "Named template"
 	}
 ];
-function eC({ source: e, sources: t, pickerDevices: n, listState: r, templates: i, valueMap: a, maxDecimals: o, onChange: s, onValueMapChange: c, onMaxDecimalsChange: u }) {
+function nC({ source: e, sources: t, pickerDevices: n, listState: r, templates: i, valueMap: a, maxDecimals: o, onChange: s, onValueMapChange: c, onMaxDecimalsChange: u }) {
 	let d = l(() => i.map((e) => ({
 		value: e.id,
 		label: e.name || e.id
@@ -19745,7 +19761,7 @@ function eC({ source: e, sources: t, pickerDevices: n, listState: r, templates:
 			}), /* @__PURE__ */ P(Li, {
 				id: "osd-source-kind",
 				value: e.kind,
-				options: $S,
+				options: tC,
 				onChange: (e) => {
 					let t = e.target.value;
 					if (t === "none") s({ kind: "none" }), c(void 0);
@@ -19822,7 +19838,7 @@ function eC({ source: e, sources: t, pickerDevices: n, listState: r, templates:
 					})
 				})] })]
 			}),
-			e.kind === "device-state" && /* @__PURE__ */ P(tC, {
+			e.kind === "device-state" && /* @__PURE__ */ P(rC, {
 				source: e,
 				sources: t,
 				pickerDevices: n,
@@ -19869,12 +19885,12 @@ function eC({ source: e, sources: t, pickerDevices: n, listState: r, templates:
 		]
 	});
 }
-function tC({ source: e, sources: t, pickerDevices: n, listState: r, valueMap: i, maxDecimals: a, onChange: o, onValueMapChange: s, onMaxDecimalsChange: c }) {
+function rC({ source: e, sources: t, pickerDevices: n, listState: r, valueMap: i, maxDecimals: a, onChange: o, onValueMapChange: s, onMaxDecimalsChange: c }) {
 	let u = e.deviceId, d = Hi({ deviceId: u ?? 0 }, { enabled: u !== void 0 }), f = l(() => {
 		let e = /* @__PURE__ */ new Map();
 		return u !== void 0 && d.data !== void 0 && e.set(u, d.data), e;
 	}, [u, d.data]);
-	return /* @__PURE__ */ P(QS, {
+	return /* @__PURE__ */ P(eC, {
 		value: {
 			deviceId: u ?? 0,
 			capName: e.capName,
@@ -19912,7 +19928,7 @@ function tC({ source: e, sources: t, pickerDevices: n, listState: r, valueMap: i
 //#endregion
 //#region src/components/SlotEditor.tsx
 t();
-function nC() {
+function iC() {
 	return /* @__PURE__ */ F(bo, {
 		"data-testid": "osd-slot-content-tabs",
 		children: [/* @__PURE__ */ P(xo, {
@@ -19924,7 +19940,7 @@ function nC() {
 		})]
 	});
 }
-function rC({ deviceId: e, slot: t, binding: n, onBindingChange: r, sources: i, pickerDevices: o, listState: s, templates: c, onRefreshCurrent: u, refreshingCurrent: d = !1 }) {
+function aC({ deviceId: e, slot: t, binding: n, onBindingChange: r, sources: i, pickerDevices: o, listState: s, templates: c, onRefreshCurrent: u, refreshingCurrent: d = !1 }) {
 	let [f, p] = a(void 0), [h, g] = a(t.cameraEnabled), _ = Yi(), v = qi(), y = _.isPending || v.isPending, b = _.error ?? v.error;
 	m(() => {
 		v.isPending || g(t.cameraEnabled);
@@ -20031,8 +20047,8 @@ function rC({ deviceId: e, slot: t, binding: n, onBindingChange: r, sources: i,
 					f ? /* @__PURE__ */ F("div", {
 						className: "flex items-center gap-2 text-xs",
 						children: [/* @__PURE__ */ P(ta, {
-							variant: NS(f.outcome),
-							children: jS(f.outcome)
+							variant: FS(f.outcome),
+							children: NS(f.outcome)
 						}), /* @__PURE__ */ P("span", {
 							className: "text-foreground-muted",
 							children: f.text ? `"${f.text}"` : "(blank)"
@@ -20053,7 +20069,7 @@ function rC({ deviceId: e, slot: t, binding: n, onBindingChange: r, sources: i,
 				className: "text-[11px] text-foreground-subtle",
 				children: "Where the text comes from and how it is formatted."
 			}),
-			/* @__PURE__ */ P(eC, {
+			/* @__PURE__ */ P(nC, {
 				source: n.source,
 				sources: i,
 				pickerDevices: o,
@@ -20085,7 +20101,7 @@ function rC({ deviceId: e, slot: t, binding: n, onBindingChange: r, sources: i,
 				placeholder: "${value} ${unit}",
 				testId: "osd-slot-template",
 				maxLength: 96
-			}), D ? /* @__PURE__ */ P(JS, {
+			}), D ? /* @__PURE__ */ P(XS, {
 				valueMap: n.valueMap,
 				onChange: (e) => r({
 					...n,
@@ -20098,7 +20114,7 @@ function rC({ deviceId: e, slot: t, binding: n, onBindingChange: r, sources: i,
 //#endregion
 //#region src/components/CameraOsdRow.tsx
 t();
-function iC({ cameraId: e, supportsOsd: t, onRefetchReady: n }) {
+function oC({ cameraId: e, supportsOsd: t, onRefetchReady: n }) {
 	let r = Wi({ deviceId: e }, { enabled: t });
 	if (m(() => {
 		t && n(e, () => void r.refetch());
@@ -20107,13 +20123,13 @@ function iC({ cameraId: e, supportsOsd: t, onRefetchReady: n }) {
 		t,
 		r.refetch
 	]), t && r.isLoading) return /* @__PURE__ */ P(Tt, { className: "h-3 w-3 animate-spin text-foreground-subtle" });
-	let i = vS(t, r.data?.slots ?? []);
+	let i = bS(t, r.data?.slots ?? []);
 	return /* @__PURE__ */ P(ta, {
-		variant: SS(i),
-		children: bS(i)
+		variant: wS(i),
+		children: SS(i)
 	});
 }
-function aC({ cameraId: e, supportsOsd: t, deviceNameById: n, templateNameById: r }) {
+function sC({ cameraId: e, supportsOsd: t, deviceNameById: n, templateNameById: r }) {
 	let i = Wi({ deviceId: e }, { enabled: t });
 	if (!t) return /* @__PURE__ */ P("span", {
 		className: "text-xs text-foreground-subtle",
@@ -20123,7 +20139,7 @@ function aC({ cameraId: e, supportsOsd: t, deviceNameById: n, templateNameById:
 		className: "text-xs text-foreground-subtle",
 		children: "Loading…"
 	});
-	let a = OS(i.data?.slots ?? [], n, r);
+	let a = AS(i.data?.slots ?? [], n, r);
 	if (a.length === 0) return /* @__PURE__ */ P("span", {
 		className: "text-xs text-foreground-subtle",
 		children: "No active sources"
@@ -20135,7 +20151,7 @@ function aC({ cameraId: e, supportsOsd: t, deviceNameById: n, templateNameById:
 		children: o
 	});
 }
-function oC({ cameraId: e, supportsOsd: t, onRendered: n }) {
+function cC({ cameraId: e, supportsOsd: t, onRendered: n }) {
 	let r = Xi();
 	return t ? /* @__PURE__ */ F(W, {
 		type: "button",
@@ -20149,25 +20165,25 @@ function oC({ cameraId: e, supportsOsd: t, onRendered: n }) {
 		children: [r.isPending ? /* @__PURE__ */ P(Tt, { className: "h-3.5 w-3.5 animate-spin" }) : null, "Render now"]
 	}) : null;
 }
-function sC({ camera: e, pickerDevices: t, listState: r, templates: i, onRefetchReady: s, activeSlotId: c, onActiveSlotIdChange: u, contentPanel: d, onContentPanelChange: f, onClose: p }) {
-	let h = Wi({ deviceId: e.id }, { enabled: e.supportsOsd }), g = h.data?.slots ?? [], _ = l(() => ES(g), [g]), v = l(() => c !== null && _.some((e) => e.slotId === c) ? c : DS(_), [c, _]), y = _.find((e) => e.slotId === v), [b, x] = a({}), [S, C] = a(null), w = Ki(), T = w.isPending, E = l(() => {
+function lC({ camera: e, pickerDevices: t, listState: r, templates: i, onRefetchReady: s, activeSlotId: c, onActiveSlotIdChange: u, contentPanel: d, onContentPanelChange: f, onClose: p }) {
+	let h = Wi({ deviceId: e.id }, { enabled: e.supportsOsd }), g = h.data?.slots ?? [], _ = l(() => OS(g), [g]), v = l(() => c !== null && _.some((e) => e.slotId === c) ? c : kS(_), [c, _]), y = _.find((e) => e.slotId === v), [b, x] = a({}), [S, C] = a({}), [w, T] = a(null), E = Ki(), D = E.isPending, O = l(() => {
 		if (h.data === void 0) return null;
-		let t = ES(h.data.slots), n = {};
+		let t = OS(h.data.slots), n = {};
 		for (let e of t) n[e.slotId] = fS(e);
 		return {
 			key: `${e.id}:${t.map((e) => `${e.slotId}:${JSON.stringify(e.binding)}`).join("|")}`,
 			drafts: n
 		};
-	}, [e.id, h.data]), D = o(E);
-	D.current = E, m(() => {
-		let t = D.current;
+	}, [e.id, h.data]), ee = o(O);
+	ee.current = O, m(() => {
+		let t = ee.current;
 		if (!e.supportsOsd || t === null) {
-			x((e) => Object.keys(e).length === 0 ? e : {});
+			x((e) => Object.keys(e).length === 0 ? e : {}), C((e) => Object.keys(e).length === 0 ? e : {});
 			return;
 		}
-		x(t.drafts), C(null);
-	}, [e.supportsOsd, E?.key]);
-	let O = Gi({ deviceId: e.id }, { enabled: e.supportsOsd && y !== void 0 });
+		x(t.drafts), C(t.drafts), T(null);
+	}, [e.supportsOsd, O?.key]);
+	let te = Gi({ deviceId: e.id }, { enabled: e.supportsOsd && y !== void 0 });
 	m(() => {
 		e.supportsOsd && s(e.id, () => void h.refetch());
 	}, [
@@ -20175,29 +20191,30 @@ function sC({ camera: e, pickerDevices: t, listState: r, templates: i, onRefetch
 		e.supportsOsd,
 		h.refetch
 	]);
-	let ee = n(async () => {
-		C(null);
+	let ne = l(() => mS(_.map((e) => e.slotId), b, S), [
+		S,
+		b,
+		_
+	]), re = n(async () => {
+		T(null);
 		try {
-			for (let t of _) {
-				let n = b[t.slotId];
-				n !== void 0 && await w.mutateAsync({
-					deviceId: e.id,
-					slotId: t.slotId,
-					binding: n
-				});
-			}
-			h.refetch(), p();
+			for (let { slotId: t, binding: n } of ne) await E.mutateAsync({
+				deviceId: e.id,
+				slotId: t,
+				binding: n
+			});
+			C(b), h.refetch(), p();
 		} catch (e) {
-			C(e instanceof Error ? e.message : String(e));
+			T(e instanceof Error ? e.message : String(e));
 		}
 	}, [
 		e.id,
 		b,
-		_,
 		p,
 		h,
-		w
-	]), te = !T && Object.keys(b).length > 0, ne = h.error ?? O.error, re = (() => {
+		ne,
+		E
+	]), ie = !D && ne.length > 0, ae = h.error ?? te.error, oe = (() => {
 		if (!e.supportsOsd) return /* @__PURE__ */ P("p", {
 			className: "text-xs text-foreground-subtle",
 			children: "This camera does not expose writable text-overlay slots."
@@ -20206,8 +20223,8 @@ function sC({ camera: e, pickerDevices: t, listState: r, templates: i, onRefetch
 			className: "flex items-center gap-2 text-xs text-foreground-subtle",
 			children: [/* @__PURE__ */ P(Tt, { className: "h-3.5 w-3.5 animate-spin" }), "Loading overlay slots…"]
 		});
-		if (ne) return /* @__PURE__ */ P(pa, {
-			message: ne.message,
+		if (ae) return /* @__PURE__ */ P(pa, {
+			message: ae.message,
 			title: `Could not load ${e.name}`
 		});
 		if (h.data?.supported && _.length === 0) return /* @__PURE__ */ P("p", {
@@ -20216,7 +20233,7 @@ function sC({ camera: e, pickerDevices: t, listState: r, templates: i, onRefetch
 		});
 		if (v === void 0 || y === void 0) return null;
 		let n = b[y.slotId];
-		return n === void 0 ? null : /* @__PURE__ */ P(cC, {
+		return n === void 0 ? null : /* @__PURE__ */ P(uC, {
 			cameraId: e.id,
 			slot: y,
 			binding: n,
@@ -20224,14 +20241,14 @@ function sC({ camera: e, pickerDevices: t, listState: r, templates: i, onRefetch
 				...t,
 				[y.slotId]: e
 			})),
-			sources: O.data?.sources ?? [],
+			sources: te.data?.sources ?? [],
 			pickerDevices: t,
 			listState: r,
 			templates: i,
 			refreshingCurrent: h.isFetching,
 			onRefreshCurrent: () => h.refetch()
 		});
-	})(), ie = e.supportsOsd && !h.isLoading && ne === null && _.length > 0, ae = ie && y !== void 0 && !y.readOnly;
+	})(), k = e.supportsOsd && !h.isLoading && ae === null && _.length > 0, se = k && y !== void 0 && !y.readOnly;
 	return /* @__PURE__ */ P(yo, {
 		appearance: "pills",
 		value: d,
@@ -20245,15 +20262,15 @@ function sC({ camera: e, pickerDevices: t, listState: r, templates: i, onRefetch
 			icon: Nt,
 			width: "xl",
 			testId: "osd-camera-editor",
-			error: S,
-			beforeBody: ie ? /* @__PURE__ */ F("div", {
+			error: w,
+			beforeBody: k ? /* @__PURE__ */ F("div", {
 				className: "space-y-2",
 				children: [/* @__PURE__ */ P("div", {
 					"data-testid": "osd-slot-tabs",
 					role: "tablist",
 					className: "flex flex-row overflow-x-auto overflow-y-hidden border-b border-border-subtle",
 					children: _.map((e) => {
-						let t = e.slotId === v, n = CS(e);
+						let t = e.slotId === v, n = TS(e);
 						return /* @__PURE__ */ F("button", {
 							type: "button",
 							role: "tab",
@@ -20263,25 +20280,25 @@ function sC({ camera: e, pickerDevices: t, listState: r, templates: i, onRefetch
 							onClick: () => u(e.slotId),
 							children: [e.slotId, /* @__PURE__ */ P("span", {
 								className: "ml-1.5 text-[10px] text-foreground-subtle",
-								children: TS(n)
+								children: DS(n)
 							})]
 						}, e.slotId);
 					})
-				}), ae ? /* @__PURE__ */ P(nC, {}) : null]
+				}), se ? /* @__PURE__ */ P(iC, {}) : null]
 			}) : null,
-			footer: ae ? /* @__PURE__ */ P(W, {
+			footer: se ? /* @__PURE__ */ P(W, {
 				type: "button",
 				size: "sm",
-				disabled: !te,
+				disabled: !ie,
 				"data-testid": "osd-camera-save",
-				onClick: () => void ee(),
-				children: T ? "Saving…" : "Save"
+				onClick: () => void re(),
+				children: D ? "Saving…" : "Save"
 			}) : null,
-			children: re
+			children: oe
 		})
 	});
 }
-function cC({ cameraId: e, slot: t, binding: n, onBindingChange: r, sources: i, pickerDevices: a, listState: o, templates: s, onRefreshCurrent: c, refreshingCurrent: u }) {
+function uC({ cameraId: e, slot: t, binding: n, onBindingChange: r, sources: i, pickerDevices: a, listState: o, templates: s, onRefreshCurrent: c, refreshingCurrent: u }) {
 	let d = l(() => new Map(s.map((e) => [e.id, e.name])), [s]);
 	return t.readOnly ? /* @__PURE__ */ F("div", {
 		"data-testid": "osd-slot-readonly",
@@ -20306,10 +20323,10 @@ function cC({ cameraId: e, slot: t, binding: n, onBindingChange: r, sources: i,
 			}),
 			/* @__PURE__ */ P("p", {
 				className: "text-xs text-foreground-subtle",
-				children: _S(t.binding, d)
+				children: yS(t.binding, d)
 			})
 		]
-	}) : /* @__PURE__ */ P(rC, {
+	}) : /* @__PURE__ */ P(aC, {
 		deviceId: e,
 		slot: t,
 		binding: n,
@@ -20325,13 +20342,13 @@ function cC({ cameraId: e, slot: t, binding: n, onBindingChange: r, sources: i,
 //#endregion
 //#region src/components/CameraOsdTable.tsx
 t();
-var lC = {
+var dC = {
 	searchPlaceholder: "Search cameras",
 	searchLabel: "Search cameras",
 	facetsLabel: "Capability",
 	clearLabel: "Clear filters"
 };
-function uC({ cameras: e, osdCapableIds: t, allDevices: n, pickerDevices: r, listState: i, templates: a }) {
+function fC({ cameras: e, osdCapableIds: t, allDevices: n, pickerDevices: r, listState: i, templates: a }) {
 	let s = Cb({ editKey: "device" }), [c, u] = Sb("slot"), [d, f] = Sb("panel"), p = uS(d), h = (e) => {
 		f(e === "layer" ? null : e);
 	}, g = o(/* @__PURE__ */ new Map()), _ = o(!1), v = l(() => new Map(n.map((e) => [e.id, e.name])), [n]), y = l(() => new Map(a.map((e) => [e.id, e.name])), [a]), b = l(() => e.map((e) => ({
@@ -20376,7 +20393,7 @@ function uC({ cameras: e, osdCapableIds: t, allDevices: n, pickerDevices: r, lis
 			key: "status",
 			header: "Status",
 			notSortableReason: "Live probe",
-			render: (e) => /* @__PURE__ */ P(iC, {
+			render: (e) => /* @__PURE__ */ P(oC, {
 				cameraId: e.id,
 				supportsOsd: e.supportsOsd,
 				onRefetchReady: S
@@ -20387,7 +20404,7 @@ function uC({ cameras: e, osdCapableIds: t, allDevices: n, pickerDevices: r, lis
 			header: "Active sources",
 			notSortableReason: "Live probe",
 			nowrap: !0,
-			render: (e) => /* @__PURE__ */ P(aC, {
+			render: (e) => /* @__PURE__ */ P(sC, {
 				cameraId: e.id,
 				supportsOsd: e.supportsOsd,
 				deviceNameById: v,
@@ -20403,12 +20420,12 @@ function uC({ cameras: e, osdCapableIds: t, allDevices: n, pickerDevices: r, lis
 			render: (e) => /* @__PURE__ */ F("div", {
 				className: "flex justify-end gap-1",
 				children: [
-					/* @__PURE__ */ P(oC, {
+					/* @__PURE__ */ P(cC, {
 						cameraId: e.id,
 						supportsOsd: e.supportsOsd,
 						onRendered: () => C(e.id)
 					}),
-					e.supportsOsd ? /* @__PURE__ */ P(FS, {
+					e.supportsOsd ? /* @__PURE__ */ P(LS, {
 						source: e,
 						destinations: b.filter((t) => t.id !== e.id && t.supportsOsd),
 						onDuplicated: (e) => C(e)
@@ -20441,7 +20458,7 @@ function uC({ cameras: e, osdCapableIds: t, allDevices: n, pickerDevices: r, lis
 				children: /* @__PURE__ */ P(as, {
 					state: x.state,
 					facets: x.facets,
-					labels: lC,
+					labels: dC,
 					onSearch: x.setSearch,
 					onToggleFacet: x.toggleFacet,
 					onClear: x.clear
@@ -20461,7 +20478,7 @@ function uC({ cameras: e, osdCapableIds: t, allDevices: n, pickerDevices: r, lis
 					dir: "asc"
 				}
 			}),
-			E === null ? null : /* @__PURE__ */ P(sC, {
+			E === null ? null : /* @__PURE__ */ P(lC, {
 				camera: E,
 				pickerDevices: r,
 				listState: i,
@@ -20478,7 +20495,7 @@ function uC({ cameras: e, osdCapableIds: t, allDevices: n, pickerDevices: r, lis
 }
 //#endregion
 //#region src/format.ts
-function dC(e, t) {
+function pC(e, t) {
 	if (!Number.isFinite(e)) return "";
 	if (t <= 0) return String(Math.trunc(e));
 	let n = 10 ** t, r = Math.trunc(e * n) / n;
@@ -20486,39 +20503,39 @@ function dC(e, t) {
 }
 //#endregion
 //#region src/template-tokens.ts
-function fC(e, t = "full") {
+function mC(e, t = "full") {
 	return t === "full" ? `{${e}}` : `{${e}.${t}}`;
 }
-function pC(e) {
+function hC(e) {
 	return `{${e}.full}`;
 }
-function mC(e) {
+function gC(e) {
 	let t = e.alias;
 	return [
 		{
 			id: `${t}.value`,
 			label: `${t} · value`,
-			token: fC(t, "value"),
+			token: mC(t, "value"),
 			kind: "value"
 		},
 		{
 			id: `${t}.unit`,
 			label: `${t} · unit`,
-			token: fC(t, "unit"),
+			token: mC(t, "unit"),
 			kind: "unit"
 		},
 		{
 			id: `${t}.full`,
 			label: `${t} · value+unit`,
-			token: pC(t),
+			token: hC(t),
 			kind: "full"
 		}
 	];
 }
-function hC(e, t, n) {
+function _C(e, t, n) {
 	return e.replaceAll(t, n);
 }
-function gC(e, t, n = "b") {
+function vC(e, t, n = "b") {
 	let r = e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "").replace(/^(\d)/, "a$1").slice(0, 24), i = r.length > 0 ? r : n;
 	if (!t.has(i)) return i;
 	for (let e = 2; e < 1e3; e += 1) {
@@ -20529,88 +20546,88 @@ function gC(e, t, n = "b") {
 }
 //#endregion
 //#region src/named-template-render.ts
-function _C(e, t, n) {
+function yC(e, t, n) {
 	if (n === "value") return e;
 	if (n === "unit") return t;
 	let r = e.trim(), i = t.trim();
 	return r === "" ? i : i === "" ? r : `${r}${i}`;
 }
-function vC(e, t) {
+function bC(e, t) {
 	let n = e.pick.deviceId, r = t.stateByDevice.get(n);
 	if (r === void 0) return { reason: `no state mirrored for device ${n}` };
 	let i = r[e.capName];
 	if (i === void 0) return { reason: `device ${n} publishes no "${e.capName}" state` };
-	let a = RS(i, e.valuePath);
+	let a = BS(i, e.valuePath);
 	if (a === void 0) return { reason: `"${e.capName}.${e.valuePath}" is absent on device ${n}` };
 	let o = e.valueMap?.[String(a)];
 	if (o !== void 0) return {
 		value: o,
 		unit: "",
-		formatted: _C(o, "", "full")
+		formatted: yC(o, "", "full")
 	};
 	let s, c = "";
 	if (typeof a == "number") {
-		let t = KS(a, qS(i, e.valuePath), e.displayUnit);
-		s = dC(t.value, e.maxDecimals), c = t.unit;
+		let t = JS(a, YS(i, e.valuePath), e.displayUnit);
+		s = pC(t.value, e.maxDecimals), c = t.unit;
 	} else s = typeof a == "boolean" ? a ? "ON" : "OFF" : a === null ? "" : String(a);
 	return {
 		value: s,
 		unit: c,
-		formatted: _C(s, c, "full")
+		formatted: yC(s, c, "full")
 	};
 }
-function yC(e, t, n) {
+function xC(e, t, n) {
 	let r = e;
-	return r = hC(r, pC(t), n.formatted), r = hC(r, fC(t, "value"), n.value), r = hC(r, fC(t, "unit"), n.unit), r = hC(r, fC(t, "full"), n.formatted), r;
+	return r = _C(r, hC(t), n.formatted), r = _C(r, mC(t, "value"), n.value), r = _C(r, mC(t, "unit"), n.unit), r = _C(r, mC(t, "full"), n.formatted), r;
 }
-function bC(e, t) {
+function SC(e, t) {
 	let n = e.parser;
 	if (e.bindings.length === 0) return n.trim() === "" ? { reason: `template "${e.id}" has no bindings` } : { text: n };
 	for (let r of e.bindings) {
-		let e = vC(r, t);
+		let e = bC(r, t);
 		if ("reason" in e) return e;
-		n = yC(n, r.alias, e);
+		n = xC(n, r.alias, e);
 	}
 	return { text: n };
 }
 //#endregion
 //#region src/template-id.ts
-function xC() {
+function CC() {
 	return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `tpl-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
 //#endregion
 //#region src/components/TemplatesPanel.tsx
 t();
-var SC = 0;
-function CC(e, t) {
+var wC = 0;
+function TC(e, t) {
 	let n = /* @__PURE__ */ new Set();
 	for (let r = 0; r < e.length; r += 1) r !== t && n.add(e[r].alias);
 	return n;
 }
-function wC() {
+function EC() {
 	return {
 		alias: "",
-		pick: { deviceId: SC },
+		pick: { deviceId: wC },
 		capName: "",
 		valuePath: "",
 		maxDecimals: 1
 	};
 }
-function TC(e) {
+function DC(e) {
 	return e.pick.deviceId > 0 && e.capName !== "" && e.valuePath !== "" && e.alias !== "";
 }
-function EC() {
+function OC() {
 	return {
-		id: xC(),
+		id: CC(),
 		name: "New template",
 		bindings: [],
 		parser: ""
 	};
 }
-function DC({ createRequested: e = !1, onCreateConsumed: t }) {
+function kC({ createRequested: e = !1, onCreateConsumed: t }) {
 	let n = Zi({}), r = zi({ projection: "slim" }), i = Qi(), o = $i(), s = Cb(), c = la(), [u, d] = a(null), f = n.data?.templates ?? [];
 	m(() => {
-		e && (d(EC()), s.openNew(), t?.());
+		e && (d(OC()), s.openNew(), t?.());
 	}, [e]), m(() => {
 		let e = s.state;
 		if (e.mode === "closed") {
@@ -20618,13 +20635,13 @@ function DC({ createRequested: e = !1, onCreateConsumed: t }) {
 			return;
 		}
 		if (e.mode === "new") {
-			d((e) => e !== null && !f.some((t) => t.id === e.id) ? e : EC());
+			d((e) => e !== null && !f.some((t) => t.id === e.id) ? e : OC());
 			return;
 		}
 		let t = f.find((t) => t.id === e.id);
 		t !== void 0 && d(t);
 	}, [s.state, f]);
-	let p = l(() => HS(r.data ?? []), [r.data]), h = r.isError ? "failed" : r.isSuccess ? "answered" : "pending", g = n.error ?? i.error ?? o.error, _ = l(() => [
+	let p = l(() => WS(r.data ?? []), [r.data]), h = r.isError ? "failed" : r.isSuccess ? "answered" : "pending", g = n.error ?? i.error ?? o.error, _ = l(() => [
 		{
 			key: "name",
 			header: "Name",
@@ -20675,7 +20692,7 @@ function DC({ createRequested: e = !1, onCreateConsumed: t }) {
 						onClick: (t) => {
 							t.stopPropagation(), d({
 								...e,
-								id: xC(),
+								id: CC(),
 								name: `${e.name} (copy)`
 							}), s.openNew();
 						},
@@ -20760,14 +20777,14 @@ function DC({ createRequested: e = !1, onCreateConsumed: t }) {
 						children: /* @__PURE__ */ P(W, {
 							type: "button",
 							size: "sm",
-							disabled: i.isPending || u.name.trim().length === 0 || !u.bindings.every(TC),
+							disabled: i.isPending || u.name.trim().length === 0 || !u.bindings.every(DC),
 							onClick: () => void (async () => {
 								await i.mutateAsync({ template: u }), await n.refetch(), s.close(), x(null), d(null);
 							})(),
 							children: "Save template"
 						})
 					}),
-					children: /* @__PURE__ */ P(OC, {
+					children: /* @__PURE__ */ P(AC, {
 						draft: u,
 						pickerDevices: p,
 						listState: h,
@@ -20778,10 +20795,10 @@ function DC({ createRequested: e = !1, onCreateConsumed: t }) {
 		]
 	});
 }
-function OC({ draft: e, pickerDevices: t, listState: n, onChange: r }) {
-	let i = t.find((e) => !VS(e.type))?.id ?? 0, a = Gi({ deviceId: i }, { enabled: i > 0 }).data?.sources ?? [], o = l(() => e.bindings.filter(TC).flatMap((e) => mC(e)), [e.bindings]), s = AC(e.bindings), c = l(() => bC({
+function AC({ draft: e, pickerDevices: t, listState: n, onChange: r }) {
+	let i = t.find((e) => !US(e.type))?.id ?? 0, a = Gi({ deviceId: i }, { enabled: i > 0 }).data?.sources ?? [], o = l(() => e.bindings.filter(DC).flatMap((e) => gC(e)), [e.bindings]), s = MC(e.bindings), c = l(() => SC({
 		...e,
-		bindings: e.bindings.filter(TC)
+		bindings: e.bindings.filter(DC)
 	}, { stateByDevice: s }), [e, s]);
 	return /* @__PURE__ */ F(I, { children: [/* @__PURE__ */ F(So, {
 		value: "template",
@@ -20854,7 +20871,7 @@ function OC({ draft: e, pickerDevices: t, listState: n, onChange: r }) {
 					onClick: () => {
 						r({
 							...e,
-							bindings: [...e.bindings, wC()]
+							bindings: [...e.bindings, EC()]
 						});
 					},
 					children: "Add binding"
@@ -20864,7 +20881,7 @@ function OC({ draft: e, pickerDevices: t, listState: n, onChange: r }) {
 				className: "text-xs text-foreground-muted",
 				children: "No bindings yet — add one to start."
 			}),
-			e.bindings.map((i, o) => /* @__PURE__ */ P(kC, {
+			e.bindings.map((i, o) => /* @__PURE__ */ P(jC, {
 				binding: i,
 				index: o,
 				draft: e,
@@ -20877,8 +20894,8 @@ function OC({ draft: e, pickerDevices: t, listState: n, onChange: r }) {
 		]
 	})] });
 }
-function kC({ binding: e, index: t, draft: n, pickerDevices: r, listState: i, sources: a, stateByDevice: o, onChange: s }) {
-	let c = TC(e) ? vC(e, { stateByDevice: o }) : { reason: "Pick a device and field" }, l = {
+function jC({ binding: e, index: t, draft: n, pickerDevices: r, listState: i, sources: a, stateByDevice: o, onChange: s }) {
+	let c = DC(e) ? bC(e, { stateByDevice: o }) : { reason: "Pick a device and field" }, l = {
 		deviceId: e.pick.deviceId,
 		...e.pick.containerId === void 0 ? {} : { containerId: e.pick.containerId },
 		capName: e.capName,
@@ -20893,15 +20910,15 @@ function kC({ binding: e, index: t, draft: n, pickerDevices: r, listState: i, so
 			e.alias === "" ? null : /* @__PURE__ */ F("p", {
 				className: "text-right font-mono text-[10px] text-foreground-muted",
 				children: [
-					fC(e.alias),
+					mC(e.alias),
 					" · ",
-					fC(e.alias, "value"),
+					mC(e.alias, "value"),
 					" ·",
 					" ",
-					fC(e.alias, "unit")
+					mC(e.alias, "unit")
 				]
 			}),
-			/* @__PURE__ */ P(QS, {
+			/* @__PURE__ */ P(eC, {
 				value: l,
 				sources: a,
 				pickerDevices: r,
@@ -20909,7 +20926,7 @@ function kC({ binding: e, index: t, draft: n, pickerDevices: r, listState: i, so
 				stateByDevice: o,
 				testIdPrefix: `osd-tpl-${t}`,
 				onChange: (i) => {
-					let a = i.deviceId !== e.pick.deviceId, o = i.deviceId > 0 ? WS(r, i.deviceId) : void 0, c = CC(n.bindings, t), l = a && i.deviceId > 0 ? gC(o?.name ?? (i.valuePath === "" ? "sensor" : i.valuePath), c) : e.alias, u = e.alias, { displayUnit: d, valueMap: f, ...p } = e, m = {
+					let a = i.deviceId !== e.pick.deviceId, o = i.deviceId > 0 ? KS(r, i.deviceId) : void 0, c = TC(n.bindings, t), l = a && i.deviceId > 0 ? vC(o?.name ?? (i.valuePath === "" ? "sensor" : i.valuePath), c) : e.alias, u = e.alias, { displayUnit: d, valueMap: f, ...p } = e, m = {
 						...p,
 						alias: l,
 						pick: i.containerId === void 0 ? { deviceId: i.deviceId } : {
@@ -20936,7 +20953,7 @@ function kC({ binding: e, index: t, draft: n, pickerDevices: r, listState: i, so
 						value: e.alias,
 						maxLength: 32,
 						onChange: (r) => {
-							let i = r.target.value, a = CC(n.bindings, t);
+							let i = r.target.value, a = TC(n.bindings, t);
 							i !== "" && a.has(i) || s({
 								...n,
 								bindings: n.bindings.map((n, r) => r === t ? {
@@ -20986,7 +21003,7 @@ function kC({ binding: e, index: t, draft: n, pickerDevices: r, listState: i, so
 		]
 	});
 }
-function AC(e) {
+function MC(e) {
 	let t = l(() => new Set(e.map((e) => e.pick.deviceId).filter((e) => e > 0)), [e]), n = Ui({}, {
 		enabled: t.size > 0,
 		refetchInterval: 5e3
@@ -21004,17 +21021,17 @@ function AC(e) {
 //#endregion
 //#region src/page.tsx
 t();
-function jC(e) {
+function NC(e) {
 	return e === "templates" ? "templates" : "cameras";
 }
-function MC(e) {
-	let [t, r] = Sb("tab"), [, i] = Sb("device"), [, o] = Sb("slot"), [, s] = Sb("panel"), [, c] = Sb("edit"), [, u] = Sb("new"), d = jC(t), [f, p] = a(!1), m = zi({ projection: "slim" }), h = Vi({}), g = Zi({}), _ = l(() => (m.data ?? []).filter((e) => e.isCamera).map((e) => ({
+function PC(e) {
+	let [t, r] = Sb("tab"), [, i] = Sb("device"), [, o] = Sb("slot"), [, s] = Sb("panel"), [, c] = Sb("edit"), [, u] = Sb("new"), d = NC(t), [f, p] = a(!1), m = zi({ projection: "slim" }), h = Vi({}), g = Zi({}), _ = l(() => (m.data ?? []).filter((e) => e.isCamera).map((e) => ({
 		id: e.id,
 		name: e.name
 	})).toSorted((e, t) => e.name.localeCompare(t.name)), [m.data]), v = l(() => (m.data ?? []).map((e) => ({
 		id: e.id,
 		name: e.name
-	})), [m.data]), y = l(() => HS(m.data ?? []), [m.data]), b = m.isError ? "failed" : m.isSuccess ? "answered" : "pending", x = l(() => new Set((h.data ?? []).filter((e) => e.entries.some((e) => e.capName === "osd")).map((e) => e.deviceId)), [h.data]), S = m.error ?? h.error ?? g.error, C = m.isLoading || h.isLoading, w = C ? "Loading cameras…" : `${_.length} cameras · ${x.size} expose writable overlays · ${g.data?.templates.length ?? 0} templates`, T = n((e, t) => {
+	})), [m.data]), y = l(() => WS(m.data ?? []), [m.data]), b = m.isError ? "failed" : m.isSuccess ? "answered" : "pending", x = l(() => new Set((h.data ?? []).filter((e) => e.entries.some((e) => e.capName === "osd")).map((e) => e.deviceId)), [h.data]), S = m.error ?? h.error ?? g.error, C = m.isLoading || h.isLoading, w = C ? "Loading cameras…" : `${_.length} cameras · ${x.size} expose writable overlays · ${g.data?.templates.length ?? 0} templates`, T = n((e, t) => {
 		for (let e of t) e === "device" ? i(null) : e === "slot" ? o(null) : e === "panel" ? s(null) : e === "edit" ? c(null) : e === "new" && u(null);
 		r(e === "cameras" ? null : e);
 	}, [
@@ -21033,7 +21050,7 @@ function MC(e) {
 	}) : _.length === 0 ? /* @__PURE__ */ P("div", {
 		className: "flex flex-1 items-center justify-center py-16 text-xs text-foreground-subtle",
 		children: "No cameras are registered."
-	}) : /* @__PURE__ */ P(uC, {
+	}) : /* @__PURE__ */ P(fC, {
 		cameras: _,
 		osdCapableIds: x,
 		allDevices: v,
@@ -21073,7 +21090,7 @@ function MC(e) {
 				"new",
 				"panel"
 			],
-			content: /* @__PURE__ */ P(DC, {
+			content: /* @__PURE__ */ P(kC, {
 				createRequested: f,
 				onCreateConsumed: () => p(!1)
 			})
@@ -21081,4 +21098,4 @@ function MC(e) {
 	});
 }
 //#endregion
-export { MC as default };
+export { PC as default };

package/dist/{_virtual_mf-localSharedImportMap___mfe_internal__addon_osd_manager_page-BTkj0Jnk.mjs → _virtual_mf-localSharedImportMap___mfe_internal__addon_osd_manager_page-f96iZgkJ.mjs}

@@ -1,4 +1,4 @@
-import "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-BsEm5neh.mjs";
+import "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-Dvu0XZcN.mjs";
 //#region \0virtual:mf-localSharedImportMap:__mfe_internal__addon_osd_manager_page
 var e = {
 	"@camstack/sdk": {
@@ -33,7 +33,7 @@ var e = {
 	},
 	"@camstack/ui-library": {
 		name: "@camstack/ui-library",
-		version: "1.2.279",
+		version: "1.2.280",
 		scope: ["default"],
 		loaded: !1,
 		from: "addon_osd_manager_page",

package/dist/{hostInit-MLZk1K_y.mjs → hostInit-DOnemrDN.mjs}

@@ -81,7 +81,7 @@ async function r() {
 				}
 			},
 			"@camstack/ui-library": {
-				version: "1.2.279",
+				version: "1.2.280",
 				scope: "default",
 				shareConfig: {
 					singleton: !0,

package/dist/remoteEntry.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-BsEm5neh.mjs";
+import { n as e, t } from "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-Dvu0XZcN.mjs";
 export { t as get, e as init };

package/dist/{virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-BsEm5neh.mjs → virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-Dvu0XZcN.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-BTkj0Jnk.mjs")).catch((e) => {
+	return tr ||= rr(() => import("./_virtual_mf-localSharedImportMap___mfe_internal__addon_osd_manager_page-f96iZgkJ.mjs")).catch((e) => {
 		throw tr = void 0, e;
 	}), tr;
 }

package/package.json

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