@camstack/addon-osd-manager 0.1.124 → 0.1.125

package/dist/_stub.js

@@ -1,11 +1,11 @@
 import "./virtualExposes-BgZ5Cn7S.mjs";
-import "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-D8j_yb3G.mjs";
+import "./virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-B0w_cAoJ.mjs";
 import { _ as e, c as t, d as n, h as r, i, l as a, m as o, p as s, r as c, t as l, u, y as d } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-Bs1t18EM.mjs";
-import { i as f, o as p, r as m, s as h } from "./responsive-CC0j2h-d.mjs";
-import { d as g, l as _, u as v } from "./scene-monitor-copy-CjiHJ4pT.mjs";
-import { i as y, r as b } from "./player-overlays-CMeXfcep.mjs";
-import { r as ee, t as x } from "./square-hvOcBhdH.mjs";
-import { t as te } from "./trash-2-rb-x3jwf.mjs";
+import { i as f, o as p, r as m, s as h } from "./cap-error-DC-GOnm5.mjs";
+import { d as g, l as _, u as v } from "./scene-monitor-copy-B5sXPAoG.mjs";
+import { i as y, r as b } from "./player-overlays-C7IiQKvf.mjs";
+import { r as ee, t as x } from "./square-MsYzEBNo.mjs";
+import { t as te } from "./trash-2-CahmDJ9h.mjs";
 import { t as S } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare___mf_0_trpc_mf_1_react_mf_2_query__loadShare__.js-BpP33rwB.mjs";
 import { n as C, r as w, t as T } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
 import "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_2_dom__loadShare__.js-C0K4h_0e.mjs";
@@ -3407,21 +3407,131 @@ function B(e) {
 	};
 }
 //#endregion
-//#region ../ui-library/src/lib/scrub-controller.ts
-d(), d(), p("camstack:vod-playback", {
-	request: null,
-	play: () => {},
-	clear: () => {}
-}), d(), d(), d(), d(), d(), d(), d(), d(), d(), d(), p("camstack:recorded-playback", {
-	bindControlChannel: null,
-	channelOpen: !1,
-	mode: "live",
-	positionMs: null,
-	send: () => !1
-}), d();
+//#region ../ui-library/src/composites/cap-settings/ConsumablesPanel.tsx
+d();
+//#endregion
+//#region ../../node_modules/class-variance-authority/dist/index.mjs
+var Vr = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Hr = gn, Ur = (e, t) => (n) => {
+	if (t?.variants == null) return Hr(e, n?.class, n?.className);
+	let { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((e) => {
+		let t = n?.[e], a = i?.[e];
+		if (t === null) return null;
+		let o = Vr(t) || Vr(a);
+		return r[e][o];
+	}), o = n && Object.entries(n).reduce((e, t) => {
+		let [n, r] = t;
+		return r === void 0 || (e[n] = r), e;
+	}, {});
+	return Hr(e, a, t?.compoundVariants?.reduce((e, t) => {
+		let { class: n, className: r, ...a } = t;
+		return Object.entries(a).every((e) => {
+			let [t, n] = e;
+			return Array.isArray(n) ? n.includes({
+				...i,
+				...o
+			}[t]) : {
+				...i,
+				...o
+			}[t] === n;
+		}) ? [
+			...e,
+			n,
+			r
+		] : e;
+	}, []), n?.class, n?.className);
+};
+//#endregion
+//#region ../ui-library/src/primitives/badge.tsx
+d();
+var Wr = Ur("inline-flex items-center rounded-full text-xs font-medium px-2 py-0.5", {
+	variants: {
+		variant: {
+			default: "bg-surface-hover text-foreground",
+			success: "bg-success/15 text-success",
+			warning: "bg-warning/15 text-warning",
+			danger: "bg-danger/15 text-danger",
+			info: "bg-info/15 text-info"
+		},
+		styleVariant: {
+			solid: "",
+			outline: "border bg-transparent"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		styleVariant: "solid"
+	}
+}), Gr = c(({ className: e, variant: t, style: n, ...r }, i) => /* @__PURE__ */ C("span", {
+	ref: i,
+	className: z(Wr({
+		variant: t,
+		styleVariant: n
+	}), e),
+	...r
+}));
+//#endregion
+//#region ../ui-library/src/primitives/button.tsx
+Gr.displayName = "Badge", d();
+var Kr = Ur("inline-flex items-center justify-center rounded-md font-medium transition-colors cursor-pointer disabled:opacity-50 disabled:pointer-events-none", {
+	variants: {
+		variant: {
+			primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+			secondary: "bg-surface text-foreground hover:bg-surface-hover",
+			ghost: "hover:bg-surface-hover text-foreground-muted",
+			danger: "bg-danger text-white hover:bg-danger/90",
+			outline: "border border-border bg-transparent text-foreground hover:bg-surface-hover"
+		},
+		size: {
+			sm: "h-7 px-2.5 text-xs gap-1.5",
+			md: "h-8 px-3 text-sm gap-2",
+			lg: "h-9 px-4 text-sm gap-2"
+		}
+	},
+	defaultVariants: {
+		variant: "primary",
+		size: "sm"
+	}
+}), V = c(({ className: e, variant: t, size: n, ...r }, i) => /* @__PURE__ */ C("button", {
+	ref: i,
+	className: z(Kr({
+		variant: t,
+		size: n
+	}), e),
+	...r
+}));
+//#endregion
+//#region ../ui-library/src/primitives/select.tsx
+V.displayName = "Button", d();
+var qr = c(({ className: e, options: t, disabled: n, ...r }, i) => /* @__PURE__ */ w("div", {
+	className: "relative w-full",
+	children: [/* @__PURE__ */ C("select", {
+		ref: i,
+		disabled: n,
+		className: z("h-7 w-full px-2.5 text-xs bg-surface border border-border rounded-md text-foreground appearance-none pr-7 focus:outline-none focus:ring-1 focus:ring-primary", "disabled:opacity-50 disabled:cursor-not-allowed", e),
+		...r,
+		children: t.map((e) => /* @__PURE__ */ C("option", {
+			value: e.value,
+			children: e.label
+		}, e.value))
+	}), /* @__PURE__ */ C("div", {
+		className: z("absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none text-foreground-muted", n === !0 ? "opacity-50" : ""),
+		children: /* @__PURE__ */ C(y, { className: "h-3.5 w-3.5" })
+	})]
+}));
+//#endregion
+//#region ../ui-library/src/primitives/skeleton.tsx
+qr.displayName = "Select", d();
+var Jr = c(({ className: e, ...t }, n) => /* @__PURE__ */ C("div", {
+	ref: n,
+	className: z("animate-pulse bg-surface-hover rounded-md h-4 w-full", e),
+	...t
+}));
+//#endregion
+//#region ../ui-library/src/composites/data-table.tsx
+Jr.displayName = "Skeleton", d(), d();
 //#endregion
 //#region ../ui-library/src/composites/error-box.tsx
-var Vr = {
+var Yr = {
 	danger: {
 		box: "border-danger/40 bg-danger/10",
 		icon: "text-danger",
@@ -3435,8 +3545,8 @@ var Vr = {
 		message: "text-amber-700 dark:text-amber-300"
 	}
 };
-function Hr({ message: e, title: t, onRetry: n, action: r, variant: i = "danger", className: a }) {
-	let o = Vr[i], s = i === "warning" ? zt : xe;
+function Xr({ message: e, title: t, onRetry: n, action: r, variant: i = "danger", className: a }) {
+	let o = Yr[i], s = i === "warning" ? zt : xe;
 	return /* @__PURE__ */ w("div", {
 		role: "alert",
 		className: z("flex items-start gap-2.5 rounded border px-3 py-2.5", o.box, a),
@@ -3468,23 +3578,47 @@ function Hr({ message: e, title: t, onRetry: n, action: r, variant: i = "danger"
 	});
 }
 //#endregion
+//#region ../ui-library/src/primitives/card.tsx
+d(), p("camstack:vod-playback", {
+	request: null,
+	play: () => {},
+	clear: () => {}
+}), d();
+var Zr = Ur("rounded-lg p-3", {
+	variants: { variant: {
+		flat: "bg-surface",
+		bordered: "bg-surface border border-border"
+	} },
+	defaultVariants: { variant: "bordered" }
+}), Qr = c(({ className: e, variant: t, ...n }, r) => /* @__PURE__ */ C("div", {
+	ref: r,
+	className: z(Zr({ variant: t }), e),
+	...n
+}));
+//#endregion
 //#region ../../node_modules/qrcode.react/lib/esm/index.js
-d(), d(), d(), d(), d(), i(() => import("./MotionZonesSettings-DOFOB5MX.mjs").then((e) => ({ default: e.MotionZonesSettings }))), i(() => import("./PrivacyMaskSettings-9rCXAZlR.mjs").then((e) => ({ default: e.PrivacyMaskSettings }))), d(), d();
-var Ur = Object.defineProperty, Wr = Object.getOwnPropertySymbols, Gr = Object.prototype.hasOwnProperty, Kr = Object.prototype.propertyIsEnumerable, qr = (e, t, n) => t in e ? Ur(e, t, {
+Qr.displayName = "Card", d(), d(), d(), d(), d(), d(), d(), d(), d(), d(), p("camstack:recorded-playback", {
+	bindControlChannel: null,
+	channelOpen: !1,
+	mode: "live",
+	positionMs: null,
+	send: () => !1
+}), d(), d(), d(), d(), d(), d(), i(() => import("./MotionZonesSettings-a5Xl2ZE4.mjs").then((e) => ({ default: e.MotionZonesSettings }))), i(() => import("./PrivacyMaskSettings-B2UgOTdb.mjs").then((e) => ({ default: e.PrivacyMaskSettings }))), d(), d();
+var $r = Object.defineProperty, ei = Object.getOwnPropertySymbols, ti = Object.prototype.hasOwnProperty, ni = Object.prototype.propertyIsEnumerable, ri = (e, t, n) => t in e ? $r(e, t, {
 	enumerable: !0,
 	configurable: !0,
 	writable: !0,
 	value: n
-}) : e[t] = n, Jr = (e, t) => {
-	for (var n in t ||= {}) Gr.call(t, n) && qr(e, n, t[n]);
-	if (Wr) for (var n of Wr(t)) Kr.call(t, n) && qr(e, n, t[n]);
+}) : e[t] = n, ii = (e, t) => {
+	for (var n in t ||= {}) ti.call(t, n) && ri(e, n, t[n]);
+	if (ei) for (var n of ei(t)) ni.call(t, n) && ri(e, n, t[n]);
 	return e;
-}, Yr = (e, t) => {
+}, ai = (e, t) => {
 	var n = {};
-	for (var r in e) Gr.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
-	if (e != null && Wr) for (var r of Wr(e)) t.indexOf(r) < 0 && Kr.call(e, r) && (n[r] = e[r]);
+	for (var r in e) ti.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+	if (e != null && ei) for (var r of ei(e)) t.indexOf(r) < 0 && ni.call(e, r) && (n[r] = e[r]);
 	return n;
-}, Xr;
+}, oi;
 ((e) => {
 	let t = class t {
 		constructor(e, n, r, a) {
@@ -4174,7 +4308,7 @@ var Ur = Object.defineProperty, Wr = Object.getOwnPropertySymbols, Gr = Object.p
 	a.NUMERIC_REGEX = /^[0-9]*$/, a.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\/:-]*$/, a.ALPHANUMERIC_CHARSET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";
 	let o = a;
 	e.QrSegment = a;
-})(Xr ||= {}), ((e) => {
+})(oi ||= {}), ((e) => {
 	((e) => {
 		let t = class {
 			constructor(e, t) {
@@ -4183,7 +4317,7 @@ var Ur = Object.defineProperty, Wr = Object.getOwnPropertySymbols, Gr = Object.p
 		};
 		t.LOW = new t(0, 1), t.MEDIUM = new t(1, 0), t.QUARTILE = new t(2, 3), t.HIGH = new t(3, 2), e.Ecc = t;
 	})(e.QrCode ||= {});
-})(Xr ||= {}), ((e) => {
+})(oi ||= {}), ((e) => {
 	((e) => {
 		let t = class {
 			constructor(e, t) {
@@ -4215,14 +4349,14 @@ var Ur = Object.defineProperty, Wr = Object.getOwnPropertySymbols, Gr = Object.p
 			0
 		]), e.Mode = t;
 	})(e.QrSegment ||= {});
-})(Xr ||= {});
-var Zr = Xr, Qr = {
-	L: Zr.QrCode.Ecc.LOW,
-	M: Zr.QrCode.Ecc.MEDIUM,
-	Q: Zr.QrCode.Ecc.QUARTILE,
-	H: Zr.QrCode.Ecc.HIGH
-}, $r = 128, ei = "L", ti = "#FFFFFF", ni = "#000000", ri = !1, ii = 1, ai = 4, oi = 0, si = .1;
-function ci(e, t = 0) {
+})(oi ||= {});
+var si = oi, ci = {
+	L: si.QrCode.Ecc.LOW,
+	M: si.QrCode.Ecc.MEDIUM,
+	Q: si.QrCode.Ecc.QUARTILE,
+	H: si.QrCode.Ecc.HIGH
+}, li = 128, ui = "L", di = "#FFFFFF", fi = "#000000", pi = !1, mi = 1, hi = 4, gi = 0, _i = .1;
+function vi(e, t = 0) {
 	let n = [];
 	return e.forEach(function(e, r) {
 		let i = null;
@@ -4240,12 +4374,12 @@ function ci(e, t = 0) {
 		});
 	}), n.join("");
 }
-function li(e, t) {
+function yi(e, t) {
 	return e.slice().map((e, n) => n < t.y || n >= t.y + t.h ? e : e.map((e, n) => n < t.x || n >= t.x + t.w ? e : !1));
 }
-function ui(e, t, n, r) {
+function bi(e, t, n, r) {
 	if (r == null) return null;
-	let i = e.length + n * 2, a = Math.floor(t * si), o = i / t, s = (r.width || a) * o, c = (r.height || a) * o, l = r.x == null ? e.length / 2 - s / 2 : r.x * o, u = r.y == null ? e.length / 2 - c / 2 : r.y * o, d = r.opacity == null ? 1 : r.opacity, f = null;
+	let i = e.length + n * 2, a = Math.floor(t * _i), o = i / t, s = (r.width || a) * o, c = (r.height || a) * o, l = r.x == null ? e.length / 2 - s / 2 : r.x * o, u = r.y == null ? e.length / 2 - c / 2 : r.y * o, d = r.opacity == null ? 1 : r.opacity, f = null;
 	if (r.excavate) {
 		let e = Math.floor(l), t = Math.floor(u);
 		f = {
@@ -4266,25 +4400,25 @@ function ui(e, t, n, r) {
 		crossOrigin: p
 	};
 }
-function di(e, t) {
-	return t == null ? e ? ai : oi : Math.max(Math.floor(t), 0);
+function xi(e, t) {
+	return t == null ? e ? hi : gi : Math.max(Math.floor(t), 0);
 }
-function fi({ value: t, level: n, minVersion: r, includeMargin: i, marginSize: a, imageSettings: o, size: s, boostLevel: c }) {
+function Si({ value: t, level: n, minVersion: r, includeMargin: i, marginSize: a, imageSettings: o, size: s, boostLevel: c }) {
 	let l = e.useMemo(() => {
-		let e = (Array.isArray(t) ? t : [t]).reduce((e, t) => (e.push(...Zr.QrSegment.makeSegments(t)), e), []);
-		return Zr.QrCode.encodeSegments(e, Qr[n], r, void 0, void 0, c);
+		let e = (Array.isArray(t) ? t : [t]).reduce((e, t) => (e.push(...si.QrSegment.makeSegments(t)), e), []);
+		return si.QrCode.encodeSegments(e, ci[n], r, void 0, void 0, c);
 	}, [
 		t,
 		n,
 		r,
 		c
 	]), { cells: u, margin: d, numCells: f, calculatedImageSettings: p } = e.useMemo(() => {
-		let e = l.getModules(), t = di(i, a);
+		let e = l.getModules(), t = xi(i, a);
 		return {
 			cells: e,
 			margin: t,
 			numCells: e.length + t * 2,
-			calculatedImageSettings: ui(e, s, t, o)
+			calculatedImageSettings: bi(e, s, t, o)
 		};
 	}, [
 		l,
@@ -4301,15 +4435,15 @@ function fi({ value: t, level: n, minVersion: r, includeMargin: i, marginSize: a
 		calculatedImageSettings: p
 	};
 }
-var pi = function() {
+var Ci = function() {
 	try {
 		new Path2D().addPath(new Path2D());
 	} catch {
 		return !1;
 	}
 	return !0;
-}(), mi = e.forwardRef(function(t, n) {
-	let r = t, { value: i, size: a = $r, level: o = ei, bgColor: s = ti, fgColor: c = ni, includeMargin: l = ri, minVersion: u = ii, boostLevel: d, marginSize: f, imageSettings: p } = r, m = Yr(r, [
+}(), wi = e.forwardRef(function(t, n) {
+	let r = t, { value: i, size: a = li, level: o = ui, bgColor: s = di, fgColor: c = fi, includeMargin: l = pi, minVersion: u = mi, boostLevel: d, marginSize: f, imageSettings: p } = r, m = ai(r, [
 		"value",
 		"size",
 		"level",
@@ -4320,9 +4454,9 @@ var pi = function() {
 		"boostLevel",
 		"marginSize",
 		"imageSettings"
-	]), { style: h } = m, g = Yr(m, ["style"]), _ = p?.src, v = e.useRef(null), y = e.useRef(null), b = e.useCallback((e) => {
+	]), { style: h } = m, g = ai(m, ["style"]), _ = p?.src, v = e.useRef(null), y = e.useRef(null), b = e.useCallback((e) => {
 		v.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
-	}, [n]), [ee, x] = e.useState(!1), { margin: te, cells: S, numCells: C, calculatedImageSettings: w } = fi({
+	}, [n]), [ee, x] = e.useState(!1), { margin: te, cells: S, numCells: C, calculatedImageSettings: w } = Si({
 		value: i,
 		level: o,
 		minVersion: u,
@@ -4337,11 +4471,11 @@ var pi = function() {
 			let e = v.current, t = e.getContext("2d");
 			if (!t) return;
 			let n = S, r = y.current, i = w != null && r !== null && r.complete && r.naturalHeight !== 0 && r.naturalWidth !== 0;
-			i && w.excavation != null && (n = li(S, w.excavation));
+			i && w.excavation != null && (n = yi(S, w.excavation));
 			let o = window.devicePixelRatio || 1;
 			e.height = e.width = a * o;
 			let l = a / C * o;
-			t.scale(l, l), t.fillStyle = s, t.fillRect(0, 0, C, C), t.fillStyle = c, pi ? t.fill(new Path2D(ci(n, te))) : S.forEach(function(e, n) {
+			t.scale(l, l), t.fillStyle = s, t.fillRect(0, 0, C, C), t.fillStyle = c, Ci ? t.fill(new Path2D(vi(n, te))) : S.forEach(function(e, n) {
 				e.forEach(function(e, r) {
 					e && t.fillRect(r + te, n + te, 1, 1);
 				});
@@ -4350,7 +4484,7 @@ var pi = function() {
 	}), e.useEffect(() => {
 		x(!1);
 	}, [_]);
-	let T = Jr({
+	let T = ii({
 		height: a,
 		width: a
 	}, h), ne = null;
@@ -4363,7 +4497,7 @@ var pi = function() {
 		},
 		ref: y,
 		crossOrigin: w?.crossOrigin
-	})), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("canvas", Jr({
+	})), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("canvas", ii({
 		style: T,
 		height: a,
 		width: a,
@@ -4371,9 +4505,9 @@ var pi = function() {
 		role: "img"
 	}, g)), ne);
 });
-mi.displayName = "QRCodeCanvas";
-var hi = e.forwardRef(function(t, n) {
-	let r = t, { value: i, size: a = $r, level: o = ei, bgColor: s = ti, fgColor: c = ni, includeMargin: l = ri, minVersion: u = ii, boostLevel: d, title: f, marginSize: p, imageSettings: m } = r, h = Yr(r, [
+wi.displayName = "QRCodeCanvas";
+var Ti = e.forwardRef(function(t, n) {
+	let r = t, { value: i, size: a = li, level: o = ui, bgColor: s = di, fgColor: c = fi, includeMargin: l = pi, minVersion: u = mi, boostLevel: d, title: f, marginSize: p, imageSettings: m } = r, h = ai(r, [
 		"value",
 		"size",
 		"level",
@@ -4385,7 +4519,7 @@ var hi = e.forwardRef(function(t, n) {
 		"title",
 		"marginSize",
 		"imageSettings"
-	]), { margin: g, cells: _, numCells: v, calculatedImageSettings: y } = fi({
+	]), { margin: g, cells: _, numCells: v, calculatedImageSettings: y } = Si({
 		value: i,
 		level: o,
 		minVersion: u,
@@ -4395,7 +4529,7 @@ var hi = e.forwardRef(function(t, n) {
 		imageSettings: m,
 		size: a
 	}), b = _, ee = null;
-	m != null && y != null && (y.excavation != null && (b = li(_, y.excavation)), ee = /* @__PURE__ */ e.createElement("image", {
+	m != null && y != null && (y.excavation != null && (b = yi(_, y.excavation)), ee = /* @__PURE__ */ e.createElement("image", {
 		href: m.src,
 		height: y.h,
 		width: y.w,
@@ -4405,8 +4539,8 @@ var hi = e.forwardRef(function(t, n) {
 		opacity: y.opacity,
 		crossOrigin: y.crossOrigin
 	}));
-	let x = ci(b, g);
-	return /* @__PURE__ */ e.createElement("svg", Jr({
+	let x = vi(b, g);
+	return /* @__PURE__ */ e.createElement("svg", ii({
 		height: a,
 		width: a,
 		viewBox: `0 0 ${v} ${v}`,
@@ -4423,73 +4557,9 @@ var hi = e.forwardRef(function(t, n) {
 	}), ee);
 });
 //#endregion
-//#region ../ui-library/src/composites/agent-step-editor.tsx
-hi.displayName = "QRCodeSVG", d(), d(), d(), d(), d(), d();
-//#endregion
-//#region ../../node_modules/class-variance-authority/dist/index.mjs
-var gi = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, _i = gn, vi = (e, t) => (n) => {
-	if (t?.variants == null) return _i(e, n?.class, n?.className);
-	let { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((e) => {
-		let t = n?.[e], a = i?.[e];
-		if (t === null) return null;
-		let o = gi(t) || gi(a);
-		return r[e][o];
-	}), o = n && Object.entries(n).reduce((e, t) => {
-		let [n, r] = t;
-		return r === void 0 || (e[n] = r), e;
-	}, {});
-	return _i(e, a, t?.compoundVariants?.reduce((e, t) => {
-		let { class: n, className: r, ...a } = t;
-		return Object.entries(a).every((e) => {
-			let [t, n] = e;
-			return Array.isArray(n) ? n.includes({
-				...i,
-				...o
-			}[t]) : {
-				...i,
-				...o
-			}[t] === n;
-		}) ? [
-			...e,
-			n,
-			r
-		] : e;
-	}, []), n?.class, n?.className);
-};
-//#endregion
-//#region ../ui-library/src/primitives/button.tsx
-d();
-var yi = vi("inline-flex items-center justify-center rounded-md font-medium transition-colors cursor-pointer disabled:opacity-50 disabled:pointer-events-none", {
-	variants: {
-		variant: {
-			primary: "bg-primary text-primary-foreground hover:bg-primary/90",
-			secondary: "bg-surface text-foreground hover:bg-surface-hover",
-			ghost: "hover:bg-surface-hover text-foreground-muted",
-			danger: "bg-danger text-white hover:bg-danger/90",
-			outline: "border border-border bg-transparent text-foreground hover:bg-surface-hover"
-		},
-		size: {
-			sm: "h-7 px-2.5 text-xs gap-1.5",
-			md: "h-8 px-3 text-sm gap-2",
-			lg: "h-9 px-4 text-sm gap-2"
-		}
-	},
-	defaultVariants: {
-		variant: "primary",
-		size: "sm"
-	}
-}), V = c(({ className: e, variant: t, size: n, ...r }, i) => /* @__PURE__ */ C("button", {
-	ref: i,
-	className: z(yi({
-		variant: t,
-		size: n
-	}), e),
-	...r
-}));
-//#endregion
 //#region ../ui-library/src/primitives/icon-button.tsx
-V.displayName = "Button", d();
-var bi = vi("inline-flex items-center justify-center rounded-md font-medium transition-colors cursor-pointer disabled:opacity-50 disabled:pointer-events-none", {
+Ti.displayName = "QRCodeSVG", d(), d(), d(), d(), d(), d(), d();
+var Ei = Ur("inline-flex items-center justify-center rounded-md font-medium transition-colors cursor-pointer disabled:opacity-50 disabled:pointer-events-none", {
 	variants: {
 		variant: {
 			primary: "bg-primary text-primary-foreground hover:bg-primary/90",
@@ -4508,9 +4578,9 @@ var bi = vi("inline-flex items-center justify-center rounded-md font-medium tran
 		variant: "primary",
 		size: "sm"
 	}
-}), xi = c(({ className: e, variant: t, size: n, icon: r, ...i }, a) => /* @__PURE__ */ C("button", {
+}), Di = c(({ className: e, variant: t, size: n, icon: r, ...i }, a) => /* @__PURE__ */ C("button", {
 	ref: a,
-	className: z(bi({
+	className: z(Ei({
 		variant: t,
 		size: n
 	}), e),
@@ -4518,51 +4588,8 @@ var bi = vi("inline-flex items-center justify-center rounded-md font-medium tran
 	children: /* @__PURE__ */ C(r, { className: "h-4 w-4" })
 }));
 //#endregion
-//#region ../ui-library/src/primitives/badge.tsx
-xi.displayName = "IconButton", d();
-var Si = vi("inline-flex items-center rounded-full text-xs font-medium px-2 py-0.5", {
-	variants: {
-		variant: {
-			default: "bg-surface-hover text-foreground",
-			success: "bg-success/15 text-success",
-			warning: "bg-warning/15 text-warning",
-			danger: "bg-danger/15 text-danger",
-			info: "bg-info/15 text-info"
-		},
-		styleVariant: {
-			solid: "",
-			outline: "border bg-transparent"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		styleVariant: "solid"
-	}
-}), Ci = c(({ className: e, variant: t, style: n, ...r }, i) => /* @__PURE__ */ C("span", {
-	ref: i,
-	className: z(Si({
-		variant: t,
-		styleVariant: n
-	}), e),
-	...r
-}));
-//#endregion
-//#region ../ui-library/src/primitives/card.tsx
-Ci.displayName = "Badge", d();
-var wi = vi("rounded-lg p-3", {
-	variants: { variant: {
-		flat: "bg-surface",
-		bordered: "bg-surface border border-border"
-	} },
-	defaultVariants: { variant: "bordered" }
-}), Ti = c(({ className: e, variant: t, ...n }, r) => /* @__PURE__ */ C("div", {
-	ref: r,
-	className: z(wi({ variant: t }), e),
-	...n
-}));
-//#endregion
 //#region ../ui-library/src/primitives/label.tsx
-Ti.displayName = "Card", d();
+Di.displayName = "IconButton", d();
 var H = c(({ className: e, ...t }, n) => /* @__PURE__ */ C("label", {
 	ref: n,
 	className: z("text-[10px] uppercase tracking-wider text-foreground-muted font-medium", e),
@@ -4571,36 +4598,28 @@ var H = c(({ className: e, ...t }, n) => /* @__PURE__ */ C("label", {
 //#endregion
 //#region ../ui-library/src/primitives/separator.tsx
 H.displayName = "Label", d();
-var Ei = vi("", {
+var Oi = Ur("", {
 	variants: { orientation: {
 		horizontal: "h-px w-full bg-border-subtle",
 		vertical: "w-px h-full bg-border-subtle"
 	} },
 	defaultVariants: { orientation: "horizontal" }
-}), Di = c(({ className: e, orientation: t, ...n }, r) => /* @__PURE__ */ C("div", {
+}), ki = c(({ className: e, orientation: t, ...n }, r) => /* @__PURE__ */ C("div", {
 	ref: r,
 	role: "separator",
-	className: z(Ei({ orientation: t }), e),
+	className: z(Oi({ orientation: t }), e),
 	...n
 }));
 //#endregion
-//#region ../ui-library/src/primitives/skeleton.tsx
-Di.displayName = "Separator", d();
-var Oi = c(({ className: e, ...t }, n) => /* @__PURE__ */ C("div", {
-	ref: n,
-	className: z("animate-pulse bg-surface-hover rounded-md h-4 w-full", e),
-	...t
-}));
-//#endregion
 //#region ../ui-library/src/primitives/input.tsx
-Oi.displayName = "Skeleton", d();
-var ki = vi("h-7 w-full px-2.5 text-xs bg-surface border rounded-md text-foreground placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-primary transition-colors disabled:opacity-50 disabled:cursor-not-allowed", {
+ki.displayName = "Separator", d();
+var Ai = Ur("h-7 w-full px-2.5 text-xs bg-surface border rounded-md text-foreground placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-primary transition-colors disabled:opacity-50 disabled:cursor-not-allowed", {
 	variants: { state: {
 		default: "border-border",
 		error: "border-danger"
 	} },
 	defaultVariants: { state: "default" }
-}), Ai = c(({ className: e, state: t, leftSlot: n, rightSlot: r, ...i }, a) => n || r ? /* @__PURE__ */ w("div", {
+}), ji = c(({ className: e, state: t, leftSlot: n, rightSlot: r, ...i }, a) => n || r ? /* @__PURE__ */ w("div", {
 	className: "relative flex items-center w-full",
 	children: [
 		n && /* @__PURE__ */ C("div", {
@@ -4609,7 +4628,7 @@ var ki = vi("h-7 w-full px-2.5 text-xs bg-surface border rounded-md text-foregro
 		}),
 		/* @__PURE__ */ C("input", {
 			ref: a,
-			className: z(ki({ state: t }), n ? "pl-7" : "", r ? "pr-7" : "", e),
+			className: z(Ai({ state: t }), n ? "pl-7" : "", r ? "pr-7" : "", e),
 			...i
 		}),
 		r && /* @__PURE__ */ C("div", {
@@ -4619,31 +4638,12 @@ var ki = vi("h-7 w-full px-2.5 text-xs bg-surface border rounded-md text-foregro
 	]
 }) : /* @__PURE__ */ C("input", {
 	ref: a,
-	className: z(ki({ state: t }), e),
+	className: z(Ai({ state: t }), e),
 	...i
 }));
 //#endregion
-//#region ../ui-library/src/primitives/select.tsx
-Ai.displayName = "Input", d();
-var ji = c(({ className: e, options: t, disabled: n, ...r }, i) => /* @__PURE__ */ w("div", {
-	className: "relative w-full",
-	children: [/* @__PURE__ */ C("select", {
-		ref: i,
-		disabled: n,
-		className: z("h-7 w-full px-2.5 text-xs bg-surface border border-border rounded-md text-foreground appearance-none pr-7 focus:outline-none focus:ring-1 focus:ring-primary", "disabled:opacity-50 disabled:cursor-not-allowed", e),
-		...r,
-		children: t.map((e) => /* @__PURE__ */ C("option", {
-			value: e.value,
-			children: e.label
-		}, e.value))
-	}), /* @__PURE__ */ C("div", {
-		className: z("absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none text-foreground-muted", n === !0 ? "opacity-50" : ""),
-		children: /* @__PURE__ */ C(y, { className: "h-3.5 w-3.5" })
-	})]
-}));
-//#endregion
 //#region ../ui-library/src/primitives/checkbox.tsx
-ji.displayName = "Select", d();
+ji.displayName = "Input", d();
 var Mi = c(({ className: e, ...t }, n) => /* @__PURE__ */ C("input", {
 	ref: n,
 	type: "checkbox",
@@ -4691,7 +4691,7 @@ function Ii({ children: e, open: i, onOpenChange: a }) {
 		children: e
 	});
 }
-var Li = vi("fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 m-0 w-[calc(100vw-2rem)] bg-background-elevated text-foreground border border-border rounded-lg p-4 backdrop:bg-black/50 backdrop:backdrop-blur-sm max-h-[calc(100dvh-2rem-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))] [&:not([open])]:hidden", {
+var Li = Ur("fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 m-0 w-[calc(100vw-2rem)] bg-background-elevated text-foreground border border-border rounded-lg p-4 backdrop:bg-black/50 backdrop:backdrop-blur-sm max-h-[calc(100dvh-2rem-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))] [&:not([open])]:hidden", {
 	variants: {
 		width: {
 			sm: "max-w-sm",
@@ -4787,15 +4787,15 @@ function Hi({ className: e, ...t }) {
 }
 //#endregion
 //#region ../ui-library/src/primitives/scroll-area.tsx
-d(), l(null), d(), d(), d(), l(null), d(), l(null), d();
+d(), l(null), d(), d(), l(null), d(), l(null), d();
 var Ui = c(({ className: e, ...t }, n) => /* @__PURE__ */ C("div", {
 	ref: n,
 	className: z("overflow-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-surface-hover [&::-webkit-scrollbar-thumb]:rounded-full", e),
 	...t
 }));
 //#endregion
-//#region ../ui-library/src/composites/data-table.tsx
-Ui.displayName = "ScrollArea", d(), d(), d(), d(), d(), d(), d(), d(), d(), d(), d(), d();
+//#region ../ui-library/src/composites/copy-button.tsx
+Ui.displayName = "ScrollArea", d(), d(), d(), d(), d(), d(), d(), d(), d(), d(), d();
 //#endregion
 //#region ../ui-library/src/composites/detection-colors.ts
 var Wi = {
@@ -15696,7 +15696,7 @@ var P_ = class {
 		} catch {}
 	}
 };
-d(), new P_(), d(), d(), d(), i(() => import("./MaskShapeCanvas-BEVxAjNq.mjs").then((e) => ({ default: e.MaskShapeCanvas }))), i(() => import("./MotionZonesSettings-DOFOB5MX.mjs").then((e) => ({ default: e.MotionZonesSettings }))), i(() => import("./SceneMonitorEditor-D2ATIIZD.mjs").then((e) => ({ default: e.SceneMonitorEditor }))), i(() => import("./PrivacyMaskSettings-9rCXAZlR.mjs").then((e) => ({ default: e.PrivacyMaskSettings })));
+d(), new P_(), d(), d(), d(), i(() => import("./MaskShapeCanvas-BEVxAjNq.mjs").then((e) => ({ default: e.MaskShapeCanvas }))), i(() => import("./MotionZonesSettings-a5Xl2ZE4.mjs").then((e) => ({ default: e.MotionZonesSettings }))), i(() => import("./SceneMonitorEditor-8tp57K86.mjs").then((e) => ({ default: e.SceneMonitorEditor }))), i(() => import("./PrivacyMaskSettings-B2UgOTdb.mjs").then((e) => ({ default: e.PrivacyMaskSettings })));
 //#endregion
 //#region src/ui/osd-page-model.ts
 function F_() {
@@ -15886,7 +15886,7 @@ function sv({ source: e, sources: t, onChange: n }) {
 			/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(H, {
 				htmlFor: "osd-source-kind",
 				children: "Source"
-			}), /* @__PURE__ */ C(ji, {
+			}), /* @__PURE__ */ C(qr, {
 				id: "osd-source-kind",
 				value: e.kind,
 				options: av,
@@ -15922,7 +15922,7 @@ function sv({ source: e, sources: t, onChange: n }) {
 			e.kind === "static" && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(H, {
 				htmlFor: "osd-source-static-text",
 				children: "Text"
-			}), /* @__PURE__ */ C(Ai, {
+			}), /* @__PURE__ */ C(ji, {
 				id: "osd-source-static-text",
 				value: e.text,
 				maxLength: 64,
@@ -15936,7 +15936,7 @@ function sv({ source: e, sources: t, onChange: n }) {
 				children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(H, {
 					htmlFor: "osd-source-clock-pattern",
 					children: "Pattern"
-				}), /* @__PURE__ */ C(Ai, {
+				}), /* @__PURE__ */ C(ji, {
 					id: "osd-source-clock-pattern",
 					value: e.pattern,
 					placeholder: "HH:mm",
@@ -15948,7 +15948,7 @@ function sv({ source: e, sources: t, onChange: n }) {
 				})] }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(H, {
 					htmlFor: "osd-source-clock-timezone",
 					children: "Timezone (optional)"
-				}), /* @__PURE__ */ C(Ai, {
+				}), /* @__PURE__ */ C(ji, {
 					id: "osd-source-clock-timezone",
 					value: e.timezone ?? "",
 					placeholder: "Server zone",
@@ -15965,7 +15965,7 @@ function sv({ source: e, sources: t, onChange: n }) {
 			}), t.length === 0 ? /* @__PURE__ */ C("p", {
 				className: "text-xs text-foreground-muted",
 				children: "No bindable device-state values were found for this camera."
-			}) : /* @__PURE__ */ C(ji, {
+			}) : /* @__PURE__ */ C(qr, {
 				id: "osd-source-device-state",
 				value: ov({
 					deviceId: e.deviceId ?? 0,
@@ -15992,7 +15992,7 @@ function sv({ source: e, sources: t, onChange: n }) {
 			e.kind === "latest-recognition" && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(H, {
 				htmlFor: "osd-source-recognition",
 				children: "Recognition"
-			}), /* @__PURE__ */ C(ji, {
+			}), /* @__PURE__ */ C(qr, {
 				id: "osd-source-recognition",
 				value: e.recognition,
 				options: [{
@@ -16028,7 +16028,7 @@ function cv({ valueMap: e, onChange: t }) {
 			n.map(([e, t], i) => /* @__PURE__ */ w("div", {
 				className: "flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ C(Ai, {
+					/* @__PURE__ */ C(ji, {
 						"aria-label": `Value map key ${i + 1}`,
 						value: e,
 						placeholder: "raw value",
@@ -16041,7 +16041,7 @@ function cv({ valueMap: e, onChange: t }) {
 						className: "text-foreground-muted text-xs",
 						children: "→"
 					}),
-					/* @__PURE__ */ C(Ai, {
+					/* @__PURE__ */ C(ji, {
 						"aria-label": `Value map text ${i + 1}`,
 						value: t,
 						placeholder: "display text",
@@ -16173,7 +16173,7 @@ function dv({ conditions: e, supported: t, devices: n, deviceStateSnapshot: r, o
 						children: "Remove"
 					})]
 				}),
-				/* @__PURE__ */ C(ji, {
+				/* @__PURE__ */ C(qr, {
 					"aria-label": "Device-state condition device",
 					value: e?.deviceState?.deviceId === void 0 ? "" : String(e.deviceState.deviceId),
 					options: [{
@@ -16306,7 +16306,7 @@ function fv({ deviceId: e, slot: t, sources: n, conditionSupport: i, devices: a,
 					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(H, {
 						htmlFor: "osd-template",
 						children: "Template"
-					}), /* @__PURE__ */ C(Ai, {
+					}), /* @__PURE__ */ C(ji, {
 						id: "osd-template",
 						value: c.template,
 						maxLength: 96,
@@ -16318,7 +16318,7 @@ function fv({ deviceId: e, slot: t, sources: n, conditionSupport: i, devices: a,
 					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(H, {
 						htmlFor: "osd-unit",
 						children: "Unit label"
-					}), /* @__PURE__ */ C(Ai, {
+					}), /* @__PURE__ */ C(ji, {
 						id: "osd-unit",
 						value: c.unitLabel ?? "",
 						maxLength: 8,
@@ -16330,7 +16330,7 @@ function fv({ deviceId: e, slot: t, sources: n, conditionSupport: i, devices: a,
 					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(H, {
 						htmlFor: "osd-max-chars",
 						children: "Max characters"
-					}), /* @__PURE__ */ C(Ai, {
+					}), /* @__PURE__ */ C(ji, {
 						id: "osd-max-chars",
 						type: "number",
 						min: 4,
@@ -16344,7 +16344,7 @@ function fv({ deviceId: e, slot: t, sources: n, conditionSupport: i, devices: a,
 					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(H, {
 						htmlFor: "osd-max-decimals",
 						children: "Max decimals"
-					}), /* @__PURE__ */ C(Ai, {
+					}), /* @__PURE__ */ C(ji, {
 						id: "osd-max-decimals",
 						type: "number",
 						min: 0,
@@ -16360,7 +16360,7 @@ function fv({ deviceId: e, slot: t, sources: n, conditionSupport: i, devices: a,
 						children: [/* @__PURE__ */ C(H, {
 							htmlFor: "osd-fallback",
 							children: "Fallback text (shown when gated/unreadable)"
-						}), /* @__PURE__ */ C(Ai, {
+						}), /* @__PURE__ */ C(ji, {
 							id: "osd-fallback",
 							value: c.fallbackText,
 							maxLength: 64,
@@ -16404,7 +16404,7 @@ function fv({ deviceId: e, slot: t, sources: n, conditionSupport: i, devices: a,
 			}),
 			f && /* @__PURE__ */ w("div", {
 				className: "flex items-center gap-2 text-xs",
-				children: [/* @__PURE__ */ C(Ci, {
+				children: [/* @__PURE__ */ C(Gr, {
 					variant: X_(f.outcome),
 					children: J_(f.outcome)
 				}), /* @__PURE__ */ C("span", {
@@ -16497,7 +16497,7 @@ function pv({ source: e, destinations: t, onDuplicated: n }) {
 						e.name,
 						"” onto the camera you pick below, replacing its current OSD configuration."
 					] })] }),
-					/* @__PURE__ */ C(ji, {
+					/* @__PURE__ */ C(qr, {
 						"aria-label": "Destination camera",
 						value: o === void 0 ? "" : String(o),
 						options: [{
@@ -16576,7 +16576,7 @@ function hv({ camera: e, supportsOsd: t, isExpanded: n, onToggleExpand: i, allDe
 			}),
 			/* @__PURE__ */ C("td", {
 				className: "px-2 py-2",
-				children: /* @__PURE__ */ C(Ci, {
+				children: /* @__PURE__ */ C(Gr, {
 					variant: W_(v),
 					children: H_(v)
 				})
@@ -16585,7 +16585,7 @@ function hv({ camera: e, supportsOsd: t, isExpanded: n, onToggleExpand: i, allDe
 				className: "px-2 py-2",
 				children: t ? ee.length > 0 ? /* @__PURE__ */ C("div", {
 					className: "flex flex-wrap gap-1",
-					children: ee.map((e) => /* @__PURE__ */ C(Ci, {
+					children: ee.map((e) => /* @__PURE__ */ C(Gr, {
 						variant: "default",
 						style: "outline",
 						children: e.label
@@ -16636,7 +16636,7 @@ function hv({ camera: e, supportsOsd: t, isExpanded: n, onToggleExpand: i, allDe
 						className: "text-xs text-foreground-muted",
 						children: "This camera does not expose writable text-overlay slots."
 					}),
-					x && /* @__PURE__ */ C(Hr, {
+					x && /* @__PURE__ */ C(Xr, {
 						message: x.message,
 						title: `Could not load ${e.name}`
 					}),
@@ -16663,12 +16663,12 @@ function hv({ camera: e, supportsOsd: t, isExpanded: n, onToggleExpand: i, allDe
 												className: "text-sm font-medium text-foreground",
 												children: t.slotId
 											}),
-											/* @__PURE__ */ C(Ci, { children: t.kind }),
-											t.readOnly && /* @__PURE__ */ C(Ci, {
+											/* @__PURE__ */ C(Gr, { children: t.kind }),
+											t.readOnly && /* @__PURE__ */ C(Gr, {
 												variant: "warning",
 												children: "read-only"
 											}),
-											!t.cameraEnabled && /* @__PURE__ */ C(Ci, {
+											!t.cameraEnabled && /* @__PURE__ */ C(Gr, {
 												variant: "default",
 												children: "camera off"
 											})
@@ -16787,11 +16787,11 @@ function _v(e) {
 					children: l ? "Loading cameras…" : `${r.length} cameras · ${a.size} expose writable overlays`
 				})] })
 			}),
-			c && /* @__PURE__ */ C(Hr, {
+			c && /* @__PURE__ */ C(Xr, {
 				message: c.message,
 				title: "Could not load OSD data"
 			}),
-			!l && r.length === 0 && /* @__PURE__ */ C(Ti, { children: /* @__PURE__ */ C("p", {
+			!l && r.length === 0 && /* @__PURE__ */ C(Qr, { children: /* @__PURE__ */ C("p", {
 				className: "text-sm text-foreground-muted",
 				children: "No cameras are registered."
 			}) }),