@camstack/addon-pipeline 1.2.69 → 1.2.71

package/dist/stream-broker/_stub.js

@@ -1,15 +1,15 @@
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-DU7u9EJt.mjs";
-import { a as d, i as f, n as p, o as m, r as h, t as g } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare__react__loadShare__.js-C9j-2lBe.mjs";
-import { n as _, r as v, t as y } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-XO0-Pyu6.mjs";
-import { n as b, t as x } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-BO7TIbJV.mjs";
-import { t as S } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-ircnzt0s.mjs";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-CExO0piw.mjs";
+import { a as p, i as m, n as h, o as g, r as _, t as v } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare__react__loadShare__.js-C9j-2lBe.mjs";
+import { n as y, r as b, t as x } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-XO0-Pyu6.mjs";
+import { t as S } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-Cu_kQpIy.mjs";
+import { n as C, t as w } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-BO7TIbJV.mjs";
 //#region ../../node_modules/lucide-react/dist/esm/shared/src/utils.js
-var C = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), w = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), T = (e) => {
-	let t = w(e);
+var T = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), E = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), D = (e) => {
+	let t = E(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, E = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), D = (e) => {
+}, O = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), k = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
-}, O = {
+}, A = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -19,34 +19,34 @@ var C = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), w = (e) =
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, k = p(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => g("svg", {
+}, j = h(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => v("svg", {
 	ref: c,
-	...O,
+	...A,
 	width: t,
 	height: t,
 	stroke: e,
 	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
-	className: E("lucide", i),
-	...!a && !D(s) && { "aria-hidden": "true" },
+	className: O("lucide", i),
+	...!a && !k(s) && { "aria-hidden": "true" },
 	...s
-}, [...o.map(([e, t]) => g(e, t)), ...Array.isArray(a) ? a : [a]])), A = (e, t) => {
-	let n = p(({ className: n, ...r }, i) => g(k, {
+}, [...o.map(([e, t]) => v(e, t)), ...Array.isArray(a) ? a : [a]])), M = (e, t) => {
+	let n = h(({ className: n, ...r }, i) => v(j, {
 		ref: i,
 		iconNode: t,
-		className: E(`lucide-${C(T(e))}`, `lucide-${e}`, n),
+		className: O(`lucide-${T(D(e))}`, `lucide-${e}`, n),
 		...r
 	}));
-	return n.displayName = T(e), n;
-}, j = A("check", [["path", {
+	return n.displayName = D(e), n;
+}, N = M("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
-}]]), M = A("chevron-down", [["path", {
+}]]), P = M("chevron-down", [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"
-}]]), N = A("chevron-right", [["path", {
+}]]), F = M("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
-}]]), ee = A("circle-alert", [
+}]]), ee = M("circle-alert", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -67,16 +67,16 @@ var C = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), w = (e) =
 		y2: "16",
 		key: "4dfq90"
 	}]
-]), te = A("loader-circle", [["path", {
+]), te = M("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), ne = A("plus", [["path", {
+}]]), ne = M("plus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
 	d: "M12 5v14",
 	key: "s699le"
-}]]), P = A("radio", [
+}]]), I = M("radio", [
 	["path", {
 		d: "M4.9 19.1C1 15.2 1 8.8 4.9 4.9",
 		key: "1vaf9d"
@@ -99,7 +99,39 @@ var C = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), w = (e) =
 		d: "M19.1 4.9C23 8.8 23 15.1 19.1 19",
 		key: "10b0cb"
 	}]
-]), re = A("x", [["path", {
+]), re = M("volume-2", [
+	["path", {
+		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
+		key: "uqj9uw"
+	}],
+	["path", {
+		d: "M16 9a5 5 0 0 1 0 6",
+		key: "1q6k2b"
+	}],
+	["path", {
+		d: "M19.364 18.364a9 9 0 0 0 0-12.728",
+		key: "ijwkga"
+	}]
+]), ie = M("volume-x", [
+	["path", {
+		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
+		key: "uqj9uw"
+	}],
+	["line", {
+		x1: "22",
+		x2: "16",
+		y1: "9",
+		y2: "15",
+		key: "1ewh16"
+	}],
+	["line", {
+		x1: "16",
+		x2: "22",
+		y1: "9",
+		y2: "15",
+		key: "5ykzw1"
+	}]
+]), ae = M("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
@@ -108,7 +140,7 @@ var C = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), w = (e) =
 }]]);
 //#endregion
 //#region src/stream-broker/widgets/GeometryBuilder.tsx
-function ie(e) {
+function oe(e) {
 	let t = [];
 	if (e.crop && t.push(`crop=${e.crop.w}:${e.crop.h}:${e.crop.x}:${e.crop.y}`), e.targetAspect && e.width !== void 0 && e.height !== void 0) {
 		let n = e.targetAspect.replace(":", "/");
@@ -116,7 +148,7 @@ function ie(e) {
 	}
 	return e.rotate === 90 ? t.push("transpose=1") : e.rotate === 270 ? t.push("transpose=2") : e.rotate === 180 && t.push("hflip", "vflip"), e.hflip && e.rotate !== 180 && t.push("hflip"), e.vflip && e.rotate !== 180 && t.push("vflip"), t.join(",");
 }
-function ae(e, t) {
+function se(e, t) {
 	let n = [];
 	for (let t = 0; t < e.length; t++) {
 		if (e[t] === "-vf") {
@@ -128,9 +160,9 @@ function ae(e, t) {
 	}
 	return t.length > 0 && n.push("-vf", t), n;
 }
-var F = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium";
-function oe({ outputArgs: e, onChange: t }) {
-	let [n, r] = m(""), [i, a] = m("pad"), [o, s] = m("1920"), [c, l] = m("1080"), [u, d] = m(!1), [f, p] = m("0"), [h, g] = m("0"), [b, x] = m("0"), [S, C] = m("0"), [w, T] = m(0), [E, D] = m(!1), [O, k] = m(!1), A = ie((() => {
+var L = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium";
+function ce({ outputArgs: e, onChange: t }) {
+	let [n, r] = g(""), [i, a] = g("pad"), [o, s] = g("1920"), [c, l] = g("1080"), [u, d] = g(!1), [f, p] = g("0"), [m, h] = g("0"), [_, v] = g("0"), [S, C] = g("0"), [w, T] = g(0), [E, D] = g(!1), [O, k] = g(!1), A = oe((() => {
 		let e = {
 			rotate: w,
 			hflip: E,
@@ -138,87 +170,87 @@ function oe({ outputArgs: e, onChange: t }) {
 		};
 		return n !== "" && (e.targetAspect = n, e.mode = i, e.width = Number(o), e.height = Number(c)), u && (e.crop = {
 			x: Number(f),
-			y: Number(h),
-			w: Number(b),
+			y: Number(m),
+			w: Number(_),
 			h: Number(S)
 		}), e;
 	})());
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ b("div", {
 		className: "space-y-2 rounded border border-border/50 bg-surface-2/30 px-3 py-2",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ v("span", {
-					className: F,
-					children: ["Geometry / zoom", /* @__PURE__ */ _("span", {
+				children: [/* @__PURE__ */ b("span", {
+					className: L,
+					children: ["Geometry / zoom", /* @__PURE__ */ y("span", {
 						className: "ml-2 text-[10px] normal-case text-foreground-subtle italic",
 						children: "composes a single -vf into output args"
 					})]
-				}), /* @__PURE__ */ _("button", {
+				}), /* @__PURE__ */ y("button", {
 					type: "button",
-					onClick: () => t(ae(e, A)),
+					onClick: () => t(se(e, A)),
 					className: "rounded-md border border-border bg-surface-hover px-2 py-0.5 text-[10px] font-medium text-foreground hover:bg-surface-hover/70 transition-colors",
 					children: "Apply geometry"
 				})]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ _("label", {
-						className: F,
+					/* @__PURE__ */ y("label", {
+						className: L,
 						htmlFor: "geom-aspect",
 						children: "Aspect"
 					}),
-					/* @__PURE__ */ v("select", {
+					/* @__PURE__ */ b("select", {
 						id: "geom-aspect",
 						value: n,
 						onChange: (e) => r(e.target.value),
 						className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed appearance-none pr-6 min-w-[90px]",
 						children: [
-							/* @__PURE__ */ _("option", {
+							/* @__PURE__ */ y("option", {
 								value: "",
 								children: "none"
 							}),
-							/* @__PURE__ */ _("option", {
+							/* @__PURE__ */ y("option", {
 								value: "16:9",
 								children: "16:9"
 							}),
-							/* @__PURE__ */ _("option", {
+							/* @__PURE__ */ y("option", {
 								value: "4:3",
 								children: "4:3"
 							}),
-							/* @__PURE__ */ _("option", {
+							/* @__PURE__ */ y("option", {
 								value: "1:1",
 								children: "1:1"
 							})
 						]
 					}),
-					n !== "" && /* @__PURE__ */ v(y, { children: [
-						/* @__PURE__ */ v("select", {
+					n !== "" && /* @__PURE__ */ b(x, { children: [
+						/* @__PURE__ */ b("select", {
 							"aria-label": "Aspect mode",
 							value: i,
 							onChange: (e) => a(e.target.value),
 							className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed appearance-none pr-6 min-w-[80px]",
-							children: [/* @__PURE__ */ _("option", {
+							children: [/* @__PURE__ */ y("option", {
 								value: "pad",
 								children: "pad"
-							}), /* @__PURE__ */ _("option", {
+							}), /* @__PURE__ */ y("option", {
 								value: "crop",
 								children: "crop"
 							})]
 						}),
-						/* @__PURE__ */ _("input", {
+						/* @__PURE__ */ y("input", {
 							type: "number",
 							"aria-label": "Aspect width",
 							value: o,
 							onChange: (e) => s(e.target.value),
 							className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed w-20 text-right"
 						}),
-						/* @__PURE__ */ _("span", {
+						/* @__PURE__ */ y("span", {
 							className: "text-[11px] text-foreground-subtle",
 							children: "×"
 						}),
-						/* @__PURE__ */ _("input", {
+						/* @__PURE__ */ y("input", {
 							type: "number",
 							"aria-label": "Aspect height",
 							value: c,
@@ -228,17 +260,17 @@ function oe({ outputArgs: e, onChange: t }) {
 					] })
 				]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ v("label", {
+				children: [/* @__PURE__ */ b("label", {
 					className: "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium inline-flex items-center gap-1",
-					children: [/* @__PURE__ */ _("input", {
+					children: [/* @__PURE__ */ y("input", {
 						type: "checkbox",
 						checked: u,
 						onChange: (e) => d(e.target.checked)
 					}), "Crop / zoom"]
-				}), u && /* @__PURE__ */ v(y, { children: [
-					/* @__PURE__ */ _("input", {
+				}), u && /* @__PURE__ */ b(x, { children: [
+					/* @__PURE__ */ y("input", {
 						type: "number",
 						"aria-label": "Crop x",
 						value: f,
@@ -246,23 +278,23 @@ function oe({ outputArgs: e, onChange: t }) {
 						className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed w-16 text-right",
 						placeholder: "x"
 					}),
-					/* @__PURE__ */ _("input", {
+					/* @__PURE__ */ y("input", {
 						type: "number",
 						"aria-label": "Crop y",
-						value: h,
-						onChange: (e) => g(e.target.value),
+						value: m,
+						onChange: (e) => h(e.target.value),
 						className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed w-16 text-right",
 						placeholder: "y"
 					}),
-					/* @__PURE__ */ _("input", {
+					/* @__PURE__ */ y("input", {
 						type: "number",
 						"aria-label": "Crop width",
-						value: b,
-						onChange: (e) => x(e.target.value),
+						value: _,
+						onChange: (e) => v(e.target.value),
 						className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed w-20 text-right",
 						placeholder: "w"
 					}),
-					/* @__PURE__ */ _("input", {
+					/* @__PURE__ */ y("input", {
 						type: "number",
 						"aria-label": "Crop height",
 						value: S,
@@ -272,49 +304,49 @@ function oe({ outputArgs: e, onChange: t }) {
 					})
 				] })]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ _("label", {
-						className: F,
+					/* @__PURE__ */ y("label", {
+						className: L,
 						htmlFor: "geom-rotate",
 						children: "Rotate"
 					}),
-					/* @__PURE__ */ v("select", {
+					/* @__PURE__ */ b("select", {
 						id: "geom-rotate",
 						value: String(w),
 						onChange: (e) => T(Number(e.target.value)),
 						className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed appearance-none pr-6 min-w-[80px]",
 						children: [
-							/* @__PURE__ */ _("option", {
+							/* @__PURE__ */ y("option", {
 								value: "0",
 								children: "0°"
 							}),
-							/* @__PURE__ */ _("option", {
+							/* @__PURE__ */ y("option", {
 								value: "90",
 								children: "90°"
 							}),
-							/* @__PURE__ */ _("option", {
+							/* @__PURE__ */ y("option", {
 								value: "180",
 								children: "180°"
 							}),
-							/* @__PURE__ */ _("option", {
+							/* @__PURE__ */ y("option", {
 								value: "270",
 								children: "270°"
 							})
 						]
 					}),
-					/* @__PURE__ */ v("label", {
+					/* @__PURE__ */ b("label", {
 						className: "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium inline-flex items-center gap-1",
-						children: [/* @__PURE__ */ _("input", {
+						children: [/* @__PURE__ */ y("input", {
 							type: "checkbox",
 							checked: E,
 							onChange: (e) => D(e.target.checked)
 						}), "hflip"]
 					}),
-					/* @__PURE__ */ v("label", {
+					/* @__PURE__ */ b("label", {
 						className: "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium inline-flex items-center gap-1",
-						children: [/* @__PURE__ */ _("input", {
+						children: [/* @__PURE__ */ y("input", {
 							type: "checkbox",
 							checked: O,
 							onChange: (e) => k(e.target.checked)
@@ -322,9 +354,9 @@ function oe({ outputArgs: e, onChange: t }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: "font-mono text-[10px] text-foreground-subtle break-all",
-				children: ["-vf ", A.length > 0 ? A : /* @__PURE__ */ _("span", {
+				children: ["-vf ", A.length > 0 ? A : /* @__PURE__ */ y("span", {
 					className: "italic",
 					children: "(empty)"
 				})]
@@ -334,7 +366,7 @@ function oe({ outputArgs: e, onChange: t }) {
 }
 //#endregion
 //#region src/stream-broker/widgets/FfmpegParamsField.tsx
-var se = [
+var le = [
 	{
 		group: "Demuxer",
 		label: "-thread_queue_size 1024",
@@ -389,7 +421,7 @@ var se = [
 		args: ["-fflags", "+genpts+igndts"],
 		description: "Generate PTS + ignore DTS"
 	}
-], ce = [
+], ue = [
 	{
 		group: "Muxer",
 		label: "-flush_packets 1",
@@ -480,31 +512,31 @@ var se = [
 		args: ["-muxdelay", "0"],
 		description: "No mux buffering delay"
 	}
-], le = {
+], de = {
 	video: { codec: "copy" },
 	audio: "passthrough"
-}, I = "w-full rounded border border-border bg-surface-2 px-2 py-1.5 text-[11px] font-mono text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 read-only:opacity-60 min-h-[60px] resize-y", L = "flex items-center justify-between gap-3 py-1.5", R = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium", z = "rounded-lg border border-border bg-surface overflow-hidden", B = "border-b border-border px-3 py-1.5 flex items-center justify-between bg-surface-hover/30", V = "text-[11px] font-semibold text-foreground uppercase tracking-wider";
-function ue({ config: e, value: t, onSave: n, saveStatus: r }) {
-	let [i, a] = m(!1), o = e.argsOnly === !0, s = t ?? le, [c, l] = m(() => (s.inputArgs ?? []).join("\n")), [u, f] = m(() => (s.outputArgs ?? []).join("\n")), p = d(s);
-	p.current !== s && (p.current = s, l((s.inputArgs ?? []).join("\n")), f((s.outputArgs ?? []).join("\n")));
-	let h = (e) => {
+}, R = "w-full rounded border border-border bg-surface-2 px-2 py-1.5 text-[11px] font-mono text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 read-only:opacity-60 min-h-[60px] resize-y", z = "flex items-center justify-between gap-3 py-1.5", B = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium", V = "rounded-lg border border-border bg-surface overflow-hidden", H = "border-b border-border px-3 py-1.5 flex items-center justify-between bg-surface-hover/30", U = "text-[11px] font-semibold text-foreground uppercase tracking-wider";
+function fe({ config: e, value: t, onSave: n, saveStatus: r }) {
+	let [i, a] = g(!1), o = e.argsOnly === !0, s = t ?? de, [c, l] = g(() => (s.inputArgs ?? []).join("\n")), [u, d] = g(() => (s.outputArgs ?? []).join("\n")), f = p(s);
+	f.current !== s && (f.current = s, l((s.inputArgs ?? []).join("\n")), d((s.outputArgs ?? []).join("\n")));
+	let m = (e) => {
 		n(e(s));
-	}, g = (e) => h((t) => ({
+	}, h = (e) => m((t) => ({
 		...t,
 		video: {
 			...t.video,
 			codec: e
 		}
-	})), b = (e) => {
-		!Number.isFinite(e) || e <= 0 || h((t) => ({
+	})), _ = (e) => {
+		!Number.isFinite(e) || e <= 0 || m((t) => ({
 			...t,
 			video: {
 				...t.video,
 				width: e
 			}
 		}));
-	}, x = (e) => {
-		!Number.isFinite(e) || e <= 0 || h((t) => ({
+	}, v = (e) => {
+		!Number.isFinite(e) || e <= 0 || m((t) => ({
 			...t,
 			video: {
 				...t.video,
@@ -512,7 +544,7 @@ function ue({ config: e, value: t, onSave: n, saveStatus: r }) {
 			}
 		}));
 	}, S = (e) => {
-		!Number.isFinite(e) || e <= 0 || h((t) => ({
+		!Number.isFinite(e) || e <= 0 || m((t) => ({
 			...t,
 			video: {
 				...t.video,
@@ -520,24 +552,24 @@ function ue({ config: e, value: t, onSave: n, saveStatus: r }) {
 			}
 		}));
 	}, C = (e) => {
-		!Number.isFinite(e) || e <= 0 || h((t) => ({
+		!Number.isFinite(e) || e <= 0 || m((t) => ({
 			...t,
 			video: {
 				...t.video,
 				bitrateKbps: e
 			}
 		}));
-	}, w = () => h((e) => ({
+	}, w = () => m((e) => ({
 		...e,
 		audio: "passthrough"
-	})), T = (e) => h((t) => ({
+	})), T = (e) => m((t) => ({
 		...t,
 		audio: typeof t.audio == "object" ? {
 			...t.audio,
 			codec: e
 		} : { codec: e }
 	})), E = (e) => {
-		!Number.isFinite(e) || e <= 0 || h((t) => ({
+		!Number.isFinite(e) || e <= 0 || m((t) => ({
 			...t,
 			audio: typeof t.audio == "object" ? {
 				...t.audio,
@@ -547,10 +579,10 @@ function ue({ config: e, value: t, onSave: n, saveStatus: r }) {
 				bitrateKbps: e
 			}
 		}));
-	}, D = (e) => h((t) => ({
+	}, D = (e) => m((t) => ({
 		...t,
 		inputArgs: e.split("\n").map((e) => e.trim()).filter((e) => e.length > 0)
-	})), O = (e) => h((t) => ({
+	})), O = (e) => m((t) => ({
 		...t,
 		outputArgs: e.split("\n").map((e) => e.trim()).filter((e) => e.length > 0)
 	})), k = (e, t) => {
@@ -560,159 +592,159 @@ function ue({ config: e, value: t, onSave: n, saveStatus: r }) {
 			l(e), D(e);
 		} else {
 			let e = u.length === 0 ? n : `${u}\n${n}`;
-			f(e), O(e);
+			d(e), O(e);
 		}
-	}, A = /* @__PURE__ */ v("div", {
+	}, A = /* @__PURE__ */ b("div", {
 		className: "space-y-1.5",
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ b("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ v("label", {
+			children: [/* @__PURE__ */ b("label", {
 				htmlFor: `${e.fieldKey}-input-args`,
-				className: R,
-				children: ["Input args", /* @__PURE__ */ _("span", {
+				className: B,
+				children: ["Input args", /* @__PURE__ */ y("span", {
 					className: "ml-2 text-[10px] normal-case text-foreground-subtle italic",
 					children: "one per line · inserted between globals and -i"
 				})]
-			}), /* @__PURE__ */ _(H, {
+			}), /* @__PURE__ */ y(W, {
 				id: `${e.fieldKey}-input-picker`,
 				disabled: !1,
-				catalogue: se,
+				catalogue: le,
 				onPick: (e) => k("input", e)
 			})]
-		}), /* @__PURE__ */ _("textarea", {
+		}), /* @__PURE__ */ y("textarea", {
 			id: `${e.fieldKey}-input-args`,
 			value: c,
 			onChange: (e) => l(e.target.value),
 			onBlur: (e) => D(e.target.value),
 			placeholder: "-thread_queue_size 1024",
-			className: I
+			className: R
 		})]
-	}), j = /* @__PURE__ */ v("div", {
+	}), j = /* @__PURE__ */ b("div", {
 		className: "space-y-1.5",
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ b("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ v("label", {
+			children: [/* @__PURE__ */ b("label", {
 				htmlFor: `${e.fieldKey}-output-args`,
-				className: R,
-				children: ["Output args", /* @__PURE__ */ _("span", {
+				className: B,
+				children: ["Output args", /* @__PURE__ */ y("span", {
 					className: "ml-2 text-[10px] normal-case text-foreground-subtle italic",
 					children: "one per line · inserted before the final muxer"
 				})]
-			}), /* @__PURE__ */ _(H, {
+			}), /* @__PURE__ */ y(W, {
 				id: `${e.fieldKey}-output-picker`,
 				disabled: !1,
-				catalogue: ce,
+				catalogue: ue,
 				onPick: (e) => k("output", e)
 			})]
-		}), /* @__PURE__ */ _("textarea", {
+		}), /* @__PURE__ */ y("textarea", {
 			id: `${e.fieldKey}-output-args`,
 			value: u,
-			onChange: (e) => f(e.target.value),
+			onChange: (e) => d(e.target.value),
 			onBlur: (e) => O(e.target.value),
 			placeholder: "-bsf:v h264_mp4toannexb",
-			className: I
+			className: R
 		})]
 	});
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ b("div", {
 		className: "space-y-3",
 		children: [
-			r !== void 0 && /* @__PURE__ */ _("div", {
+			r !== void 0 && /* @__PURE__ */ y("div", {
 				className: "flex items-center justify-end",
-				children: /* @__PURE__ */ _(de, { status: r })
+				children: /* @__PURE__ */ y(pe, { status: r })
 			}),
-			e.sourceParams !== void 0 && /* @__PURE__ */ v("div", {
-				className: z,
-				children: [/* @__PURE__ */ v("div", {
-					className: B,
-					children: [/* @__PURE__ */ _("h3", {
-						className: V,
+			e.sourceParams !== void 0 && /* @__PURE__ */ b("div", {
+				className: V,
+				children: [/* @__PURE__ */ b("div", {
+					className: H,
+					children: [/* @__PURE__ */ y("h3", {
+						className: U,
 						children: "Source (probed)"
-					}), /* @__PURE__ */ _("span", {
+					}), /* @__PURE__ */ y("span", {
 						className: "text-[10px] text-foreground-subtle italic",
 						children: "From the publisher"
 					})]
-				}), /* @__PURE__ */ _("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "px-3 py-2 flex flex-wrap gap-1.5",
-					children: /* @__PURE__ */ _(fe, { profile: e.sourceParams })
+					children: /* @__PURE__ */ y(me, { profile: e.sourceParams })
 				})]
 			}),
-			!o && /* @__PURE__ */ _("div", {
+			!o && /* @__PURE__ */ y("div", {
 				className: "@container",
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ b("div", {
 					className: "grid grid-cols-1 @[480px]:grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ v("div", {
-						className: z,
-						children: [/* @__PURE__ */ _("div", {
-							className: B,
-							children: /* @__PURE__ */ _("h3", {
-								className: V,
+					children: [/* @__PURE__ */ b("div", {
+						className: V,
+						children: [/* @__PURE__ */ y("div", {
+							className: H,
+							children: /* @__PURE__ */ y("h3", {
+								className: U,
 								children: "Video"
 							})
-						}), /* @__PURE__ */ v("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "px-3 py-2 divide-y divide-border/30",
-							children: [/* @__PURE__ */ v("div", {
-								className: L,
-								children: [/* @__PURE__ */ _("label", {
+							children: [/* @__PURE__ */ b("div", {
+								className: z,
+								children: [/* @__PURE__ */ y("label", {
 									htmlFor: `${e.fieldKey}-video-codec`,
-									className: R,
+									className: B,
 									children: "Codec"
-								}), /* @__PURE__ */ v("select", {
+								}), /* @__PURE__ */ b("select", {
 									id: `${e.fieldKey}-video-codec`,
 									value: s.video.codec,
-									onChange: (e) => g(e.target.value),
+									onChange: (e) => h(e.target.value),
 									className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed read-only:opacity-60 read-only:cursor-not-allowed appearance-none pr-6 min-w-[120px]",
 									children: [
-										/* @__PURE__ */ _("option", {
+										/* @__PURE__ */ y("option", {
 											value: "h264",
 											children: "h264"
 										}),
-										/* @__PURE__ */ _("option", {
+										/* @__PURE__ */ y("option", {
 											value: "h265",
 											children: "h265"
 										}),
-										/* @__PURE__ */ _("option", {
+										/* @__PURE__ */ y("option", {
 											value: "copy",
 											children: "copy (passthrough)"
 										})
 									]
 								})]
-							}), s.video.codec !== "copy" && /* @__PURE__ */ v(y, { children: [
-								/* @__PURE__ */ v("div", {
-									className: L,
-									children: [/* @__PURE__ */ _("label", {
+							}), s.video.codec !== "copy" && /* @__PURE__ */ b(x, { children: [
+								/* @__PURE__ */ b("div", {
+									className: z,
+									children: [/* @__PURE__ */ y("label", {
 										htmlFor: `${e.fieldKey}-video-width`,
-										className: R,
+										className: B,
 										children: "Width"
-									}), /* @__PURE__ */ _("input", {
+									}), /* @__PURE__ */ y("input", {
 										id: `${e.fieldKey}-video-width`,
 										type: "number",
 										"aria-label": "Width",
 										value: s.video.width ?? "",
-										onChange: (e) => b(Number(e.target.value)),
+										onChange: (e) => _(Number(e.target.value)),
 										className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed read-only:opacity-60 read-only:cursor-not-allowed w-24 text-right"
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
-									className: L,
-									children: [/* @__PURE__ */ _("label", {
+								/* @__PURE__ */ b("div", {
+									className: z,
+									children: [/* @__PURE__ */ y("label", {
 										htmlFor: `${e.fieldKey}-video-height`,
-										className: R,
+										className: B,
 										children: "Height"
-									}), /* @__PURE__ */ _("input", {
+									}), /* @__PURE__ */ y("input", {
 										id: `${e.fieldKey}-video-height`,
 										type: "number",
 										value: s.video.height ?? "",
-										onChange: (e) => x(Number(e.target.value)),
+										onChange: (e) => v(Number(e.target.value)),
 										className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed read-only:opacity-60 read-only:cursor-not-allowed w-24 text-right"
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
-									className: L,
-									children: [/* @__PURE__ */ _("label", {
+								/* @__PURE__ */ b("div", {
+									className: z,
+									children: [/* @__PURE__ */ y("label", {
 										htmlFor: `${e.fieldKey}-video-fps`,
-										className: R,
+										className: B,
 										children: "FPS"
-									}), /* @__PURE__ */ _("input", {
+									}), /* @__PURE__ */ y("input", {
 										id: `${e.fieldKey}-video-fps`,
 										type: "number",
 										value: s.video.fps ?? "",
@@ -720,13 +752,13 @@ function ue({ config: e, value: t, onSave: n, saveStatus: r }) {
 										className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed read-only:opacity-60 read-only:cursor-not-allowed w-24 text-right"
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
-									className: L,
-									children: [/* @__PURE__ */ _("label", {
+								/* @__PURE__ */ b("div", {
+									className: z,
+									children: [/* @__PURE__ */ y("label", {
 										htmlFor: `${e.fieldKey}-video-bitrate`,
-										className: R,
+										className: B,
 										children: "Bitrate (kbps)"
-									}), /* @__PURE__ */ _("input", {
+									}), /* @__PURE__ */ y("input", {
 										id: `${e.fieldKey}-video-bitrate`,
 										type: "number",
 										value: s.video.bitrateKbps ?? "",
@@ -736,72 +768,72 @@ function ue({ config: e, value: t, onSave: n, saveStatus: r }) {
 								})
 							] })]
 						})]
-					}), /* @__PURE__ */ v("div", {
-						className: z,
-						children: [/* @__PURE__ */ _("div", {
-							className: B,
-							children: /* @__PURE__ */ _("h3", {
-								className: V,
+					}), /* @__PURE__ */ b("div", {
+						className: V,
+						children: [/* @__PURE__ */ y("div", {
+							className: H,
+							children: /* @__PURE__ */ y("h3", {
+								className: U,
 								children: "Audio"
 							})
-						}), /* @__PURE__ */ _("div", {
+						}), /* @__PURE__ */ y("div", {
 							className: "px-3 py-2",
-							children: s.audio === "passthrough" ? /* @__PURE__ */ v("div", {
+							children: s.audio === "passthrough" ? /* @__PURE__ */ b("div", {
 								className: "flex items-center justify-between gap-3",
-								children: [/* @__PURE__ */ _("span", {
+								children: [/* @__PURE__ */ y("span", {
 									className: "text-[11px] text-foreground-subtle italic",
 									children: "Source audio forwarded without re-encode."
-								}), /* @__PURE__ */ _("button", {
+								}), /* @__PURE__ */ y("button", {
 									type: "button",
 									onClick: () => T("opus"),
 									className: "rounded-md border border-border bg-surface-hover px-2 py-1 text-[11px] text-foreground hover:bg-surface-hover/70 transition-colors",
 									children: "Switch to custom encode"
 								})]
-							}) : /* @__PURE__ */ v("div", {
+							}) : /* @__PURE__ */ b("div", {
 								className: "divide-y divide-border/30",
 								children: [
-									/* @__PURE__ */ v("div", {
-										className: L,
-										children: [/* @__PURE__ */ _("label", {
+									/* @__PURE__ */ b("div", {
+										className: z,
+										children: [/* @__PURE__ */ y("label", {
 											htmlFor: `${e.fieldKey}-audio-codec`,
-											className: R,
+											className: B,
 											children: "Codec"
-										}), /* @__PURE__ */ v("select", {
+										}), /* @__PURE__ */ b("select", {
 											id: `${e.fieldKey}-audio-codec`,
 											value: s.audio.codec,
 											onChange: (e) => T(e.target.value),
 											className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed read-only:opacity-60 read-only:cursor-not-allowed appearance-none pr-6 min-w-[120px]",
 											children: [
-												/* @__PURE__ */ _("option", {
+												/* @__PURE__ */ y("option", {
 													value: "opus",
 													children: "opus"
 												}),
-												/* @__PURE__ */ _("option", {
+												/* @__PURE__ */ y("option", {
 													value: "aac",
 													children: "aac"
 												}),
-												/* @__PURE__ */ _("option", {
+												/* @__PURE__ */ y("option", {
 													value: "pcmu",
 													children: "pcmu"
 												}),
-												/* @__PURE__ */ _("option", {
+												/* @__PURE__ */ y("option", {
 													value: "pcma",
 													children: "pcma"
 												}),
-												/* @__PURE__ */ _("option", {
+												/* @__PURE__ */ y("option", {
 													value: "copy",
 													children: "copy (passthrough)"
 												})
 											]
 										})]
 									}),
-									/* @__PURE__ */ v("div", {
-										className: L,
-										children: [/* @__PURE__ */ _("label", {
+									/* @__PURE__ */ b("div", {
+										className: z,
+										children: [/* @__PURE__ */ y("label", {
 											htmlFor: `${e.fieldKey}-audio-bitrate`,
-											className: R,
+											className: B,
 											children: "Bitrate (kbps)"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ y("input", {
 											id: `${e.fieldKey}-audio-bitrate`,
 											type: "number",
 											value: s.audio.bitrateKbps ?? "",
@@ -809,9 +841,9 @@ function ue({ config: e, value: t, onSave: n, saveStatus: r }) {
 											className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed read-only:opacity-60 read-only:cursor-not-allowed w-24 text-right"
 										})]
 									}),
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ y("div", {
 										className: "pt-2",
-										children: /* @__PURE__ */ _("button", {
+										children: /* @__PURE__ */ y("button", {
 											type: "button",
 											onClick: w,
 											className: "text-[11px] text-foreground-subtle hover:text-foreground underline-offset-2 hover:underline",
@@ -824,51 +856,51 @@ function ue({ config: e, value: t, onSave: n, saveStatus: r }) {
 					})]
 				})
 			}),
-			o ? /* @__PURE__ */ v(y, { children: [/* @__PURE__ */ v("div", {
-				className: z,
-				children: [/* @__PURE__ */ _("div", {
-					className: B,
-					children: /* @__PURE__ */ _("h3", {
-						className: V,
+			o ? /* @__PURE__ */ b(x, { children: [/* @__PURE__ */ b("div", {
+				className: V,
+				children: [/* @__PURE__ */ y("div", {
+					className: H,
+					children: /* @__PURE__ */ y("h3", {
+						className: U,
 						children: "Input args"
 					})
-				}), /* @__PURE__ */ _("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "px-3 py-2",
 					children: A
 				})]
-			}), /* @__PURE__ */ v("div", {
-				className: z,
-				children: [/* @__PURE__ */ _("div", {
-					className: B,
-					children: /* @__PURE__ */ _("h3", {
-						className: V,
+			}), /* @__PURE__ */ b("div", {
+				className: V,
+				children: [/* @__PURE__ */ y("div", {
+					className: H,
+					children: /* @__PURE__ */ y("h3", {
+						className: U,
 						children: "Output args"
 					})
-				}), /* @__PURE__ */ _("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "px-3 py-2",
 					children: j
 				})]
-			})] }) : /* @__PURE__ */ v("div", {
-				className: z,
-				children: [/* @__PURE__ */ v("button", {
+			})] }) : /* @__PURE__ */ b("div", {
+				className: V,
+				children: [/* @__PURE__ */ b("button", {
 					type: "button",
 					onClick: () => a((e) => !e),
 					className: "w-full px-3 py-1.5 flex items-center justify-between bg-surface-hover/30 hover:bg-surface-hover transition-colors",
-					children: [/* @__PURE__ */ v("span", {
+					children: [/* @__PURE__ */ b("span", {
 						className: "inline-flex items-center gap-1.5 text-[11px] font-semibold text-foreground uppercase tracking-wider",
-						children: [_(i ? M : N, { className: "h-3 w-3" }), "Advanced — raw ffmpeg args"]
-					}), /* @__PURE__ */ v("span", {
+						children: [y(i ? P : F, { className: "h-3 w-3" }), "Advanced — raw ffmpeg args"]
+					}), /* @__PURE__ */ b("span", {
 						className: "text-[10px] text-foreground-subtle italic",
 						children: [(s.inputArgs?.length ?? 0) + (s.outputArgs?.length ?? 0), " args"]
 					})]
-				}), i && /* @__PURE__ */ v("div", {
+				}), i && /* @__PURE__ */ b("div", {
 					className: "px-3 py-2 space-y-3 border-t border-border/50",
 					children: [
 						A,
-						/* @__PURE__ */ _(oe, {
+						/* @__PURE__ */ y(ce, {
 							outputArgs: s.outputArgs ?? [],
 							onChange: (e) => {
-								f(e.join("\n")), O(e.join("\n"));
+								d(e.join("\n")), O(e.join("\n"));
 							}
 						}),
 						j
@@ -878,50 +910,50 @@ function ue({ config: e, value: t, onSave: n, saveStatus: r }) {
 		]
 	});
 }
-function de({ status: e }) {
+function pe({ status: e }) {
 	let t = "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium border";
-	return e === "saving" ? /* @__PURE__ */ v("span", {
+	return e === "saving" ? /* @__PURE__ */ b("span", {
 		className: `${t} bg-accent/10 text-accent border-accent/30`,
-		children: [/* @__PURE__ */ _(te, { className: "h-2.5 w-2.5 animate-spin" }), "Saving…"]
-	}) : e === "saved" ? /* @__PURE__ */ v("span", {
+		children: [/* @__PURE__ */ y(te, { className: "h-2.5 w-2.5 animate-spin" }), "Saving…"]
+	}) : e === "saved" ? /* @__PURE__ */ b("span", {
 		className: `${t} bg-success/10 text-success border-success/30`,
-		children: [/* @__PURE__ */ _(j, { className: "h-2.5 w-2.5" }), "Saved"]
-	}) : e === "error" ? /* @__PURE__ */ v("span", {
+		children: [/* @__PURE__ */ y(N, { className: "h-2.5 w-2.5" }), "Saved"]
+	}) : e === "error" ? /* @__PURE__ */ b("span", {
 		className: `${t} bg-red-500/10 text-red-400 border-red-500/30`,
-		children: [/* @__PURE__ */ _(ee, { className: "h-2.5 w-2.5" }), "Save failed"]
-	}) : /* @__PURE__ */ _("span", {
+		children: [/* @__PURE__ */ y(ee, { className: "h-2.5 w-2.5" }), "Save failed"]
+	}) : /* @__PURE__ */ y("span", {
 		className: `${t} bg-foreground-subtle/10 text-foreground-subtle border-border`,
 		children: "Autosaves"
 	});
 }
-function fe({ profile: e }) {
+function me({ profile: e }) {
 	let t = "inline-flex items-center gap-1 rounded-full bg-foreground-subtle/10 border border-border px-2 py-0.5 text-[11px] font-mono text-foreground-subtle", { video: n, audio: r } = e, i = n.width !== void 0 && n.height !== void 0 ? `${n.width}×${n.height}` : void 0;
-	return /* @__PURE__ */ v(y, { children: [
-		/* @__PURE__ */ v("span", {
+	return /* @__PURE__ */ b(x, { children: [
+		/* @__PURE__ */ b("span", {
 			className: t,
-			children: [/* @__PURE__ */ _("span", {
+			children: [/* @__PURE__ */ y("span", {
 				className: "opacity-60",
 				children: "codec"
 			}), n.codec]
 		}),
-		i !== void 0 && /* @__PURE__ */ v("span", {
+		i !== void 0 && /* @__PURE__ */ b("span", {
 			className: t,
-			children: [/* @__PURE__ */ _("span", {
+			children: [/* @__PURE__ */ y("span", {
 				className: "opacity-60",
 				children: "res"
 			}), i]
 		}),
-		n.fps !== void 0 && /* @__PURE__ */ v("span", {
+		n.fps !== void 0 && /* @__PURE__ */ b("span", {
 			className: t,
-			children: [/* @__PURE__ */ _("span", {
+			children: [/* @__PURE__ */ y("span", {
 				className: "opacity-60",
 				children: "fps"
 			}), n.fps]
 		}),
-		n.bitrateKbps !== void 0 && /* @__PURE__ */ v("span", {
+		n.bitrateKbps !== void 0 && /* @__PURE__ */ b("span", {
 			className: t,
 			children: [
-				/* @__PURE__ */ _("span", {
+				/* @__PURE__ */ y("span", {
 					className: "opacity-60",
 					children: "bitrate"
 				}),
@@ -929,24 +961,24 @@ function fe({ profile: e }) {
 				"k"
 			]
 		}),
-		r === "passthrough" ? /* @__PURE__ */ v("span", {
+		r === "passthrough" ? /* @__PURE__ */ b("span", {
 			className: t,
-			children: [/* @__PURE__ */ _("span", {
+			children: [/* @__PURE__ */ y("span", {
 				className: "opacity-60",
 				children: "audio"
 			}), "passthrough"]
-		}) : /* @__PURE__ */ v(y, { children: [
-			/* @__PURE__ */ v("span", {
+		}) : /* @__PURE__ */ b(x, { children: [
+			/* @__PURE__ */ b("span", {
 				className: t,
-				children: [/* @__PURE__ */ _("span", {
+				children: [/* @__PURE__ */ y("span", {
 					className: "opacity-60",
 					children: "audio"
 				}), r.codec]
 			}),
-			r.bitrateKbps !== void 0 && /* @__PURE__ */ v("span", {
+			r.bitrateKbps !== void 0 && /* @__PURE__ */ b("span", {
 				className: t,
 				children: [
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ y("span", {
 						className: "opacity-60",
 						children: "a-bitrate"
 					}),
@@ -954,10 +986,10 @@ function fe({ profile: e }) {
 					"k"
 				]
 			}),
-			r.sampleRateHz !== void 0 && /* @__PURE__ */ v("span", {
+			r.sampleRateHz !== void 0 && /* @__PURE__ */ b("span", {
 				className: t,
 				children: [
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ y("span", {
 						className: "opacity-60",
 						children: "a-sr"
 					}),
@@ -965,9 +997,9 @@ function fe({ profile: e }) {
 					"Hz"
 				]
 			}),
-			r.channels !== void 0 && /* @__PURE__ */ v("span", {
+			r.channels !== void 0 && /* @__PURE__ */ b("span", {
 				className: t,
-				children: [/* @__PURE__ */ _("span", {
+				children: [/* @__PURE__ */ y("span", {
 					className: "opacity-60",
 					children: "a-ch"
 				}), r.channels]
@@ -975,8 +1007,8 @@ function fe({ profile: e }) {
 		] })
 	] });
 }
-function pe(e) {
-	let t = e.config ?? {}, n = c(), [r, i] = m(() => t.initialValue), a = h((r) => {
+function he(e) {
+	let t = e.config ?? {}, n = a(), [r, i] = g(() => t.initialValue), o = _((r) => {
 		if (i(r), e.deviceId === void 0) return;
 		let a = t.writerCapName, o = t.writerAddonId, s = t.fieldKey;
 		if (a === void 0 || o === void 0 || s === void 0) {
@@ -997,28 +1029,28 @@ function pe(e) {
 		t.writerAddonId,
 		n
 	]);
-	if (e.deviceId === void 0) return /* @__PURE__ */ _("div", {
+	if (e.deviceId === void 0) return /* @__PURE__ */ y("div", {
 		className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning",
 		children: "ffmpeg-params: no deviceId in widget context — this widget only renders inside a device tab."
 	});
-	let o = t.fieldKey;
-	if (o === void 0 || o.length === 0) return /* @__PURE__ */ _("div", {
+	let s = t.fieldKey;
+	if (s === void 0 || s.length === 0) return /* @__PURE__ */ y("div", {
 		className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning",
 		children: "ffmpeg-params: widgetConfig.fieldKey is required — fix the contribution builder."
 	});
-	let s = n.isPending ? "saving" : n.isError ? "error" : n.isSuccess ? "saved" : "idle";
-	return /* @__PURE__ */ _(ue, {
+	let c = n.isPending ? "saving" : n.isError ? "error" : n.isSuccess ? "saved" : "idle";
+	return /* @__PURE__ */ y(fe, {
 		config: {
 			...t,
-			fieldKey: o
+			fieldKey: s
 		},
 		value: r,
-		onSave: a,
-		saveStatus: s
+		onSave: o,
+		saveStatus: c
 	});
 }
-function H({ id: e, disabled: t, catalogue: n, onPick: r }) {
-	let [i, a] = m(!1), o = f(() => {
+function W({ id: e, disabled: t, catalogue: n, onPick: r }) {
+	let [i, a] = g(!1), o = m(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of n) {
 			let n = e.get(t.group) ?? [];
@@ -1026,37 +1058,37 @@ function H({ id: e, disabled: t, catalogue: n, onPick: r }) {
 		}
 		return e;
 	}, [n]);
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ b("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ v("button", {
+		children: [/* @__PURE__ */ b("button", {
 			id: e,
 			type: "button",
 			disabled: t,
 			onClick: () => a((e) => !e),
 			className: "inline-flex items-center gap-1 rounded-md border border-border bg-surface-hover px-2 py-0.5 text-[10px] font-medium text-foreground-subtle hover:bg-surface-hover/70 disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
-			children: [/* @__PURE__ */ _(ne, { className: "h-3 w-3" }), "Add flag…"]
-		}), i && !t && /* @__PURE__ */ v(y, { children: [/* @__PURE__ */ _("div", {
+			children: [/* @__PURE__ */ y(ne, { className: "h-3 w-3" }), "Add flag…"]
+		}), i && !t && /* @__PURE__ */ b(x, { children: [/* @__PURE__ */ y("div", {
 			className: "fixed inset-0 z-40",
 			onClick: () => a(!1),
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ _("div", {
+		}), /* @__PURE__ */ y("div", {
 			className: "absolute right-0 top-full z-50 mt-1 max-h-72 w-72 overflow-y-auto rounded-lg border border-border bg-surface shadow-lg",
 			role: "menu",
-			children: Array.from(o.entries()).map(([e, t]) => /* @__PURE__ */ v("div", {
+			children: Array.from(o.entries()).map(([e, t]) => /* @__PURE__ */ b("div", {
 				className: "border-b border-border/30 last:border-b-0",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "sticky top-0 bg-surface-hover/80 backdrop-blur px-2 py-1 text-[9px] font-semibold uppercase tracking-wider text-foreground-subtle",
 					children: e
-				}), t.map((e) => /* @__PURE__ */ v("button", {
+				}), t.map((e) => /* @__PURE__ */ b("button", {
 					type: "button",
 					onClick: () => {
 						r(e), a(!1);
 					},
 					className: "w-full text-left px-2 py-1.5 hover:bg-surface-hover transition-colors group",
-					children: [/* @__PURE__ */ _("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "font-mono text-[11px] text-foreground",
 						children: e.label
-					}), e.description !== void 0 && /* @__PURE__ */ _("div", {
+					}), e.description !== void 0 && /* @__PURE__ */ y("div", {
 						className: "text-[10px] text-foreground-subtle leading-snug mt-0.5",
 						children: e.description
 					})]
@@ -1066,37 +1098,62 @@ function H({ id: e, disabled: t, catalogue: n, onPick: r }) {
 	});
 }
 //#endregion
+//#region src/stream-broker/widgets/broker-audio-switch.ts
+var ge = "Audio", _e = "This node distributes no audio for the camera — live subscribers and new recordings are silent. The camera itself keeps capturing sound.";
+function ve(e) {
+	let t = e.sourceNodeId !== null && e.sourceNodeId !== "", n = t && e.muted !== null ? !e.muted : null, r = e.pendingOn ?? null;
+	return {
+		label: ge,
+		on: n === null ? null : r ?? n,
+		available: n !== null,
+		costWhenOff: _e,
+		nodeId: t ? e.sourceNodeId : null
+	};
+}
+function ye(e, t) {
+	return !e.available || e.on === null || e.nodeId === null ? null : {
+		deviceId: t,
+		muted: e.on,
+		nodeId: e.nodeId
+	};
+}
+//#endregion
 //#region src/stream-broker/widgets/format-ua.ts
-var U = 24;
-function me(e) {
+var G = 24;
+function be(e) {
 	return /\bEdg\b|\bEdgA\b|\bEdgiOS\b|Edge\//.test(e) ? "Edge" : /\bOPR\b|Opera/.test(e) ? "Opera" : /Firefox\/|\bFxiOS\b/.test(e) ? "Firefox" : /Chrome\/|\bCriOS\b/.test(e) ? "Chrome" : /Safari\//.test(e) ? "Safari" : null;
 }
-function he(e) {
+function xe(e) {
 	return /iPhone|iPad|iPod|\biOS\b|CriOS|FxiOS/.test(e) ? "iOS" : /Mac OS X|Macintosh/.test(e) ? "macOS" : /Windows/.test(e) ? "Windows" : /Android/.test(e) ? "Android" : /Linux/.test(e) ? "Linux" : null;
 }
-function W(e) {
+function K(e) {
 	let t = e.trim();
 	if (t.length === 0) return "";
-	let n = me(t), r = he(t);
-	return n && r ? `${n}/${r}` : n || r || (t.length > U ? `${t.slice(0, U)}…` : t);
+	let n = be(t), r = xe(t);
+	return n && r ? `${n}/${r}` : n || r || (t.length > G ? `${t.slice(0, G)}…` : t);
 }
 //#endregion
 //#region src/stream-broker/widgets/StreamBrokerPanel.tsx
-function ge(e) {
+function Se(e) {
+	if (typeof e != "object" || !e) return null;
+	let t = { ...e }.muted;
+	return typeof t == "boolean" ? t : null;
+}
+function Ce(e) {
 	let t = Math.floor(e / 1e3);
 	if (t < 60) return `${t}s`;
 	let n = Math.floor(t / 60);
 	return n < 60 ? `${n}m` : `${Math.floor(n / 60)}h ${n % 60}m`;
 }
-var G = {
+var q = {
 	high: "High",
 	mid: "Mid",
 	low: "Low"
-}, K = [
+}, J = [
 	"high",
 	"mid",
 	"low"
-], _e = {
+], we = {
 	alexa: "bg-blue-500/15 text-blue-400",
 	homekit: "bg-purple-500/15 text-purple-400",
 	"webrtc-browser": "bg-emerald-500/15 text-emerald-400",
@@ -1109,7 +1166,7 @@ var G = {
 	snapshot: "bg-cyan-500/15 text-cyan-400",
 	warmup: "bg-foreground-subtle/10 text-foreground-subtle",
 	unknown: "bg-foreground-subtle/10 text-foreground-subtle"
-}, q = {
+}, Y = {
 	alexa: "ALEXA",
 	homekit: "HOMEKIT",
 	"webrtc-browser": "BROWSER",
@@ -1123,116 +1180,163 @@ var G = {
 	warmup: "WARMUP",
 	unknown: "—"
 };
-function ve(e) {
-	return q[e] ?? e.toUpperCase().slice(0, 8);
+function Te(e) {
+	return Y[e] ?? e.toUpperCase().slice(0, 8);
 }
-function ye(e) {
-	return q[e] ?? e;
+function Ee(e) {
+	return Y[e] ?? e;
 }
-function be(e) {
+function De(e) {
 	let t = e.config ?? {};
-	return e.deviceId === void 0 ? /* @__PURE__ */ _("div", {
+	return e.deviceId === void 0 ? /* @__PURE__ */ y("div", {
 		className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning",
 		children: "StreamBrokerPanel requires a deviceId"
-	}) : /* @__PURE__ */ _(xe, {
+	}) : /* @__PURE__ */ y(Oe, {
 		deviceId: e.deviceId,
 		title: t.title,
 		variant: t.variant,
 		hideEmpty: t.hideEmpty
 	});
 }
-function xe({ deviceId: e, title: a = "Stream Brokers", variant: s = "full", hideEmpty: c = !1 }) {
-	i(["streamBroker", "listAllProfileSlots"], [
+function Oe({ deviceId: r, title: i = "Stream Brokers", variant: a = "full", hideEmpty: s = !1 }) {
+	n(["streamBroker", "listAllProfileSlots"], [
 		"device.streams-registered",
 		"device.streams-unregistered",
 		"device.registered",
 		"device.unregistered"
 	]);
-	let { data: l } = r(void 0, { staleTime: 3e4 }), u = (l ?? []).filter((t) => t.deviceId === e && t.sourceCamStreamId !== null).slice().toSorted((e, t) => K.indexOf(e.profile) - K.indexOf(t.profile)), d = t(o().trpcClient, e), { data: f } = x({
+	let { data: l } = e(void 0, { staleTime: 3e4 }), d = (l ?? []).filter((e) => e.deviceId === r && e.sourceCamStreamId !== null).slice().toSorted((e, t) => J.indexOf(e.profile) - J.indexOf(t.profile)), p = f(t().trpcClient, r), { data: m } = w({
 		queryKey: [
 			"device",
-			e,
+			r,
 			"cameraStreams.getCameraStreams"
 		],
-		queryFn: () => d?.cameraStreams?.getCameraStreams({}) ?? [],
-		enabled: !!d,
+		queryFn: () => p?.cameraStreams?.getCameraStreams({}) ?? [],
+		enabled: !!p,
 		staleTime: 3e4
-	}), p = /* @__PURE__ */ new Map();
-	for (let e of f ?? []) p.set(e.camStreamId, e);
-	let { data: m } = n({ deviceId: e }, { staleTime: 3e4 }), h = m?.assignment.sourceNodeId ?? null, g = new Set(u.map((e) => e.sourceCamStreamId).filter((e) => e !== null)), y = (f ?? []).filter((e) => !g.has(e.camStreamId)), b = u.length > 0, S = y.length > 0;
-	return c && !b && !S ? null : s === "compact" ? b ? /* @__PURE__ */ _("div", {
+	}), h = /* @__PURE__ */ new Map();
+	for (let e of m ?? []) h.set(e.camStreamId, e);
+	let { data: v } = c({ deviceId: r }, { staleTime: 3e4 }), x = v?.assignment.sourceNodeId ?? null, S = C(), [T, E] = g(null), [D, O] = g(null), k = ve({
+		muted: Se(o({
+			deviceId: r,
+			nodeId: x ?? void 0
+		}, {
+			enabled: x !== null,
+			staleTime: 3e4
+		}).data),
+		sourceNodeId: x,
+		pendingOn: T
+	}), A = u({
+		onError: (e) => {
+			console.error("[StreamBrokerPanel] audio mute write failed — reverting", {
+				tags: { deviceId: r },
+				meta: {
+					nodeId: x,
+					error: e instanceof Error ? e.message : String(e)
+				}
+			}), E(null), O(e instanceof Error ? e.message : String(e)), S.invalidateQueries({ queryKey: [["streamBroker", "getDeviceAudioMute"]] });
+		},
+		onSuccess: () => {
+			O(null), E(null), S.invalidateQueries({ queryKey: [["streamBroker"]] }), S.invalidateQueries({ queryKey: [["pipelineOrchestrator"]] });
+		}
+	}), j = _(() => {
+		let e = ye(k, r);
+		e !== null && (E(!e.muted), O(null), A.mutate(e));
+	}, [
+		k,
+		r,
+		A
+	]), M = new Set(d.map((e) => e.sourceCamStreamId).filter((e) => e !== null)), N = (m ?? []).filter((e) => !M.has(e.camStreamId)), P = d.length > 0, F = N.length > 0;
+	return s && !P && !F ? null : a === "compact" ? P ? /* @__PURE__ */ y("div", {
 		className: "divide-y divide-border/30",
-		children: u.map((e) => /* @__PURE__ */ _(Y, {
+		children: d.map((e) => /* @__PURE__ */ y(je, {
 			slot: e,
-			camStreams: p,
+			camStreams: h,
 			compact: !0
 		}, e.brokerId))
-	}) : /* @__PURE__ */ _("div", {
+	}) : /* @__PURE__ */ y("div", {
 		className: "text-[11px] text-foreground-subtle italic px-2 py-1",
 		children: "No active profile slots"
-	}) : /* @__PURE__ */ v("div", {
+	}) : /* @__PURE__ */ b("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: "border-b border-border px-4 py-2 flex flex-wrap items-center justify-between gap-x-2 gap-y-1",
-				children: [/* @__PURE__ */ _("h2", {
+				children: [/* @__PURE__ */ y("h2", {
 					className: "text-xs font-semibold text-foreground uppercase tracking-wider shrink-0",
-					children: a
-				}), /* @__PURE__ */ v("div", {
+					children: i
+				}), /* @__PURE__ */ b("div", {
 					className: "flex items-center gap-1.5 min-w-0",
-					children: [h !== null && /* @__PURE__ */ v("span", {
-						title: `Cluster node dialing this camera's source: ${h}`,
+					children: [x !== null && /* @__PURE__ */ b("span", {
+						title: `Cluster node dialing this camera's source: ${x}`,
 						className: "inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[10px] font-medium bg-accent/10 text-accent border border-accent/30 min-w-0 max-w-full",
-						children: [/* @__PURE__ */ _(P, { className: "h-2.5 w-2.5 shrink-0" }), /* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ y(I, { className: "h-2.5 w-2.5 shrink-0" }), /* @__PURE__ */ y("span", {
 							className: "truncate",
-							children: h
+							children: x
 						})]
-					}), b && /* @__PURE__ */ v("span", {
+					}), P && /* @__PURE__ */ b("span", {
 						className: "inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[10px] font-medium bg-foreground-subtle/10 text-foreground-subtle border border-border shrink-0 whitespace-nowrap",
-						children: [u.length, " assigned"]
+						children: [d.length, " assigned"]
 					})]
 				})]
 			}),
-			b ? /* @__PURE__ */ _("div", {
+			/* @__PURE__ */ b("div", {
+				className: "border-b border-border px-4 py-2 flex items-center gap-3",
+				children: [/* @__PURE__ */ b("button", {
+					type: "button",
+					role: "switch",
+					"aria-label": k.label,
+					"aria-checked": k.on === !0,
+					disabled: !k.available || A.isPending,
+					onClick: j,
+					title: k.on === null ? "Audio distribution — unknown: the node that serves this camera did not answer." : k.on ? `Audio is distributed by ${k.nodeId ?? "this node"}. Muting it: ${k.costWhenOff}` : `Muted on ${k.nodeId ?? "this node"}. ${k.costWhenOff}`,
+					className: `inline-flex items-center gap-1.5 rounded-lg border px-2 py-1 text-[11px] font-medium transition-colors disabled:cursor-not-allowed shrink-0 ${D === null ? k.on === null ? "border-dashed border-border text-foreground-subtle/50" : k.on === !1 ? "border-warning/40 text-warning hover:bg-warning/10" : "border-success/30 text-success hover:bg-success/10" : "border-danger/50 text-danger bg-danger/5"}`,
+					children: [k.on === !1 ? /* @__PURE__ */ y(ie, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ y(re, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ y("span", { children: k.on === null ? "Audio unknown" : k.on ? "Audio on" : "Audio muted" })]
+				}), /* @__PURE__ */ y("p", {
+					className: "min-w-0 flex-1 text-[10px] leading-relaxed text-foreground-subtle",
+					children: D === null ? k.on === null ? "The node that serves this camera did not answer, so its audio policy is unknown." : k.costWhenOff : `Write failed: ${D}`
+				})]
+			}),
+			P ? /* @__PURE__ */ y("div", {
 				className: "divide-y divide-border/30",
-				children: u.map((e) => /* @__PURE__ */ _(Y, {
+				children: d.map((e) => /* @__PURE__ */ y(je, {
 					slot: e,
-					camStreams: p,
+					camStreams: h,
 					compact: !1
 				}, e.brokerId))
-			}) : /* @__PURE__ */ v("div", {
+			}) : /* @__PURE__ */ b("div", {
 				className: "px-4 py-6 flex flex-col items-center text-center text-foreground-subtle",
-				children: [/* @__PURE__ */ _(P, { className: "h-5 w-5 mb-2 opacity-30" }), /* @__PURE__ */ _("p", {
+				children: [/* @__PURE__ */ y(I, { className: "h-5 w-5 mb-2 opacity-30" }), /* @__PURE__ */ y("p", {
 					className: "text-xs",
 					children: "No profile slots assigned for this device"
 				})]
 			}),
-			S && /* @__PURE__ */ _(Se, {
-				deviceId: e,
-				camStreamIds: y.map((e) => e.camStreamId),
-				camStreams: p
+			F && /* @__PURE__ */ y(ke, {
+				deviceId: r,
+				camStreamIds: N.map((e) => e.camStreamId),
+				camStreams: h
 			})
 		]
 	});
 }
-function Se({ deviceId: e, camStreamIds: t, camStreams: n }) {
-	let [r, i] = m(!1);
-	return /* @__PURE__ */ v("div", {
+function ke({ deviceId: e, camStreamIds: t, camStreams: n }) {
+	let [r, i] = g(!1);
+	return /* @__PURE__ */ b("div", {
 		className: "border-t border-border/50",
-		children: [/* @__PURE__ */ v("button", {
+		children: [/* @__PURE__ */ b("button", {
 			type: "button",
 			onClick: () => i((e) => !e),
 			className: "w-full px-4 py-1.5 flex items-center justify-between bg-surface-hover/30 hover:bg-surface-hover transition-colors",
-			children: [/* @__PURE__ */ v("span", {
+			children: [/* @__PURE__ */ b("span", {
 				className: "inline-flex items-center gap-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle",
-				children: [_(r ? M : N, { className: "h-3 w-3" }), "Other active streams"]
-			}), /* @__PURE__ */ _("span", {
+				children: [y(r ? P : F, { className: "h-3 w-3" }), "Other active streams"]
+			}), /* @__PURE__ */ y("span", {
 				className: "rounded-full px-2 py-0.5 text-[10px] font-medium bg-foreground-subtle/10 text-foreground-subtle border border-border",
 				children: t.length
 			})]
-		}), r && /* @__PURE__ */ _("div", {
+		}), r && /* @__PURE__ */ y("div", {
 			className: "divide-y divide-border/30",
-			children: t.map((t) => /* @__PURE__ */ _(Ce, {
+			children: t.map((t) => /* @__PURE__ */ y(Ae, {
 				deviceId: e,
 				camStreamId: t,
 				camStreams: n
@@ -1240,82 +1344,82 @@ function Se({ deviceId: e, camStreamIds: t, camStreams: n }) {
 		})]
 	});
 }
-function Ce({ deviceId: e, camStreamId: t, camStreams: n }) {
-	let r = S(e, t), i = u("stream-broker.metrics-snapshot", (e) => e.brokerId === r)?.stats, a = n.get(t), o = i?.status === "streaming";
-	return /* @__PURE__ */ v("div", {
+function Ae({ deviceId: e, camStreamId: t, camStreams: n }) {
+	let i = S(e, t), a = r("stream-broker.metrics-snapshot", (e) => e.brokerId === i)?.stats, o = n.get(t), s = a?.status === "streaming";
+	return /* @__PURE__ */ b("div", {
 		className: "px-4 py-2",
-		children: [/* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ y("div", {
 			className: "flex items-center justify-between mb-1",
-			children: /* @__PURE__ */ v("div", {
+			children: /* @__PURE__ */ b("div", {
 				className: "flex items-center gap-1.5",
 				children: [
-					/* @__PURE__ */ _("span", { className: `h-1.5 w-1.5 rounded-full ${o ? "bg-success" : "bg-foreground-subtle/40"}` }),
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ y("span", { className: `h-1.5 w-1.5 rounded-full ${s ? "bg-success" : "bg-foreground-subtle/40"}` }),
+					/* @__PURE__ */ y("span", {
 						className: "text-[11px] font-medium text-foreground",
-						children: a?.label ?? t
+						children: o?.label ?? t
 					}),
-					a?.resolution && /* @__PURE__ */ v("span", {
+					o?.resolution && /* @__PURE__ */ b("span", {
 						className: "text-[10px] text-foreground-subtle",
 						children: [
-							a.resolution.width,
+							o.resolution.width,
 							"×",
-							a.resolution.height
+							o.resolution.height
 						]
 					}),
-					/* @__PURE__ */ _("span", {
-						className: `text-[10px] ${o ? "text-success" : "text-foreground-subtle"}`,
-						children: i?.status ?? "idle"
+					/* @__PURE__ */ y("span", {
+						className: `text-[10px] ${s ? "text-success" : "text-foreground-subtle"}`,
+						children: a?.status ?? "idle"
 					})
 				]
 			})
-		}), i && o && /* @__PURE__ */ v("div", {
+		}), a && s && /* @__PURE__ */ b("div", {
 			className: "flex flex-wrap gap-x-3 gap-y-1 text-[10px]",
 			children: [
-				/* @__PURE__ */ v("span", {
+				/* @__PURE__ */ b("span", {
 					className: "inline-flex whitespace-nowrap gap-1",
-					children: [/* @__PURE__ */ _("span", {
+					children: [/* @__PURE__ */ y("span", {
 						className: "text-foreground-subtle",
 						children: "FPS:"
-					}), /* @__PURE__ */ _("span", {
+					}), /* @__PURE__ */ y("span", {
 						className: "text-foreground",
-						children: i.inputFps.toFixed(1)
+						children: a.inputFps.toFixed(1)
 					})]
 				}),
-				/* @__PURE__ */ v("span", {
+				/* @__PURE__ */ b("span", {
 					className: "inline-flex whitespace-nowrap gap-1",
-					children: [/* @__PURE__ */ _("span", {
+					children: [/* @__PURE__ */ y("span", {
 						className: "text-foreground-subtle",
 						children: "Bitrate:"
-					}), /* @__PURE__ */ _("span", {
+					}), /* @__PURE__ */ y("span", {
 						className: "text-foreground",
-						children: i.bitrateKbps >= 1e3 ? `${(i.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${i.bitrateKbps} kbps`
+						children: a.bitrateKbps >= 1e3 ? `${(a.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${a.bitrateKbps} kbps`
 					})]
 				}),
-				/* @__PURE__ */ v("span", {
+				/* @__PURE__ */ b("span", {
 					className: "inline-flex whitespace-nowrap gap-1",
-					children: [/* @__PURE__ */ _("span", {
+					children: [/* @__PURE__ */ y("span", {
 						className: "text-foreground-subtle",
 						children: "Codec:"
-					}), /* @__PURE__ */ _("span", {
+					}), /* @__PURE__ */ y("span", {
 						className: "text-foreground",
-						children: i.codec?.toUpperCase() ?? "—"
+						children: a.codec?.toUpperCase() ?? "—"
 					})]
 				}),
-				/* @__PURE__ */ v("span", {
+				/* @__PURE__ */ b("span", {
 					className: "inline-flex whitespace-nowrap gap-1",
-					children: [/* @__PURE__ */ _("span", {
+					children: [/* @__PURE__ */ y("span", {
 						className: "text-foreground-subtle",
 						children: "Pkts:"
-					}), /* @__PURE__ */ _("span", {
+					}), /* @__PURE__ */ y("span", {
 						className: "text-foreground",
-						children: i.packetCount > 1e3 ? `${(i.packetCount / 1e3).toFixed(1)}k` : i.packetCount
+						children: a.packetCount > 1e3 ? `${(a.packetCount / 1e3).toFixed(1)}k` : a.packetCount
 					})]
 				})
 			]
 		})]
 	});
 }
-function J(e, t) {
+function X(e, t) {
 	let n = (e) => {
 		if (!e || typeof e != "object") return;
 		let r = e;
@@ -1336,65 +1440,65 @@ function J(e, t) {
 		if (t !== void 0) return t;
 	}
 }
-function Y({ slot: t, camStreams: n, compact: r }) {
-	let o = b(), c = u("stream-broker.metrics-snapshot", (e) => e.brokerId === t.brokerId)?.stats;
-	i(["streamBroker", "listClients"], ["stream-broker.metrics-snapshot"]);
-	let { data: d } = e({ brokerId: t.brokerId }, {
+function je({ slot: e, camStreams: t, compact: a }) {
+	let o = C(), c = r("stream-broker.metrics-snapshot", (t) => t.brokerId === e.brokerId)?.stats;
+	n(["streamBroker", "listClients"], ["stream-broker.metrics-snapshot"]);
+	let { data: u } = s({ brokerId: e.brokerId }, {
 		enabled: c?.status === "streaming",
 		staleTime: 2e3
-	}), { data: f } = a({ deviceId: t.deviceId }, { staleTime: 15e3 }), p = t.sourceCamStreamId ?? t.profile, m = !!(J(f, `preBufferEnabled:${p}`) ?? !0), g = J(f, `preBufferSec:${p}`), x = l({ onSuccess: () => {
+	}), { data: f } = l({ deviceId: e.deviceId }, { staleTime: 15e3 }), p = e.sourceCamStreamId ?? e.profile, m = !!(X(f, `preBufferEnabled:${p}`) ?? !0), h = X(f, `preBufferSec:${p}`), g = d({ onSuccess: () => {
 		o.invalidateQueries({ queryKey: [["streamBroker", "getDeviceSettingsContribution"]] });
-	} }), S = (e) => {
-		x.mutate({
-			deviceId: t.deviceId,
-			patch: { [`preBufferEnabled:${p}`]: e }
+	} }), v = (t) => {
+		g.mutate({
+			deviceId: e.deviceId,
+			patch: { [`preBufferEnabled:${p}`]: t }
 		});
-	}, C = s({ onSuccess: () => {
+	}, S = i({ onSuccess: () => {
 		o.invalidateQueries({ queryKey: [["streamBroker", "listClients"]] });
-	} }), w = h((e) => {
-		C.mutate({
-			brokerId: t.brokerId,
-			...e
+	} }), w = _((t) => {
+		S.mutate({
+			brokerId: e.brokerId,
+			...t
 		});
-	}, [C, t.brokerId]), T = (t.sourceCamStreamId ? n.get(t.sourceCamStreamId) : void 0)?.resolution ?? t.resolution, E = c?.status === "streaming", D = T ? `${G[t.profile]} (${T.width}×${T.height})` : G[t.profile], O = c ? c.encodedSubscribers + c.decodedSubscribers + (c.rtspClients ?? 0) + (c.pipeClients ?? 0) : 0;
-	return /* @__PURE__ */ v("div", {
-		className: `@container ${r ? "px-3 py-1.5" : "px-4 py-2"}`,
+	}, [S, e.brokerId]), T = (e.sourceCamStreamId ? t.get(e.sourceCamStreamId) : void 0)?.resolution ?? e.resolution, E = c?.status === "streaming", D = T ? `${q[e.profile]} (${T.width}×${T.height})` : q[e.profile], O = c ? c.encodedSubscribers + c.decodedSubscribers + (c.rtspClients ?? 0) + (c.pipeClients ?? 0) : 0;
+	return /* @__PURE__ */ b("div", {
+		className: `@container ${a ? "px-3 py-1.5" : "px-4 py-2"}`,
 		style: { containerType: "inline-size" },
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-center justify-between gap-2 mb-1.5",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "flex items-center gap-1.5 min-w-0",
 					children: [
-						/* @__PURE__ */ _("span", { className: `h-1.5 w-1.5 shrink-0 rounded-full ${E ? t.profile === "high" ? "bg-success" : t.profile === "mid" ? "bg-warning" : "bg-foreground-subtle" : "bg-foreground-subtle/40"}` }),
-						/* @__PURE__ */ _("span", {
+						/* @__PURE__ */ y("span", { className: `h-1.5 w-1.5 shrink-0 rounded-full ${E ? e.profile === "high" ? "bg-success" : e.profile === "mid" ? "bg-warning" : "bg-foreground-subtle" : "bg-foreground-subtle/40"}` }),
+						/* @__PURE__ */ y("span", {
 							className: "text-[11px] font-medium text-foreground whitespace-nowrap shrink-0",
 							children: D
 						}),
-						/* @__PURE__ */ _("span", {
+						/* @__PURE__ */ y("span", {
 							className: `text-[10px] shrink-0 ${E ? "text-success" : "text-foreground-subtle"}`,
 							children: c?.status ?? "loading"
 						}),
-						t.sourceCamStreamId && /* @__PURE__ */ v("span", {
+						e.sourceCamStreamId && /* @__PURE__ */ b("span", {
 							className: "text-[10px] text-foreground-subtle truncate min-w-0",
-							title: t.sourceCamStreamId,
-							children: ["← ", t.sourceCamStreamId]
+							title: e.sourceCamStreamId,
+							children: ["← ", e.sourceCamStreamId]
 						})
 					]
-				}), /* @__PURE__ */ _("span", {
+				}), /* @__PURE__ */ y("span", {
 					className: "text-[10px] text-foreground-subtle shrink-0 whitespace-nowrap",
-					children: c && c.uptimeMs > 0 ? ge(c.uptimeMs) : "—"
+					children: c && c.uptimeMs > 0 ? Ce(c.uptimeMs) : "—"
 				})]
 			}),
-			c && E ? r ? /* @__PURE__ */ v("div", {
+			c && E ? a ? /* @__PURE__ */ b("div", {
 				className: "flex flex-wrap gap-x-3 gap-y-0.5 text-[10px]",
 				children: [
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "text-foreground-subtle",
 							children: "FPS:"
-						}), /* @__PURE__ */ v("span", {
+						}), /* @__PURE__ */ b("span", {
 							className: "text-foreground",
 							children: [
 								c.inputFps.toFixed(1),
@@ -1403,56 +1507,56 @@ function Y({ slot: t, camStreams: n, compact: r }) {
 							]
 						})]
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "text-foreground-subtle",
 							children: "Bitrate:"
-						}), /* @__PURE__ */ _("span", {
+						}), /* @__PURE__ */ y("span", {
 							className: "text-foreground",
 							children: c.bitrateKbps >= 1e3 ? `${(c.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${c.bitrateKbps} kbps`
 						})]
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "text-foreground-subtle",
 							children: "Codec:"
-						}), /* @__PURE__ */ _("span", {
+						}), /* @__PURE__ */ y("span", {
 							className: "text-foreground",
 							children: c.codec?.toUpperCase() ?? "—"
 						})]
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "inline-flex items-center whitespace-nowrap gap-1",
 						children: [
-							/* @__PURE__ */ _("span", {
+							/* @__PURE__ */ y("span", {
 								className: "text-foreground-subtle",
 								children: "Clients:"
 							}),
-							/* @__PURE__ */ _("span", {
+							/* @__PURE__ */ y("span", {
 								className: "text-foreground font-semibold",
 								children: O
 							}),
-							/* @__PURE__ */ _("span", {
+							/* @__PURE__ */ y("span", {
 								className: "text-foreground-subtle/70",
 								children: "("
 							}),
-							/* @__PURE__ */ _(Oe, {
+							/* @__PURE__ */ y(Le, {
 								count: c.encodedSubscribers + c.decodedSubscribers,
-								clients: d,
+								clients: u,
 								onKill: w
 							}),
-							/* @__PURE__ */ _("span", {
+							/* @__PURE__ */ y("span", {
 								className: "text-foreground-subtle/70",
 								children: "·"
 							}),
-							/* @__PURE__ */ _(Ae, {
+							/* @__PURE__ */ y(ze, {
 								count: c.rtspClients ?? 0,
-								clients: d,
+								clients: u,
 								onKill: w
 							}),
-							/* @__PURE__ */ v("span", {
+							/* @__PURE__ */ b("span", {
 								className: "text-foreground-subtle/70",
 								children: [
 									"· pipe ",
@@ -1463,165 +1567,165 @@ function Y({ slot: t, camStreams: n, compact: r }) {
 						]
 					})
 				]
-			}) : /* @__PURE__ */ v(y, { children: [/* @__PURE__ */ v("div", {
+			}) : /* @__PURE__ */ b(x, { children: [/* @__PURE__ */ b("div", {
 				className: "flex flex-wrap gap-x-3 gap-y-1 text-[10px]",
 				children: [
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "text-foreground-subtle",
 							children: "In:"
-						}), /* @__PURE__ */ v("span", {
+						}), /* @__PURE__ */ b("span", {
 							className: "text-foreground",
 							children: [c.inputFps.toFixed(1), " fps"]
 						})]
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "text-foreground-subtle",
 							children: "Dec:"
-						}), /* @__PURE__ */ v("span", {
+						}), /* @__PURE__ */ b("span", {
 							className: "text-foreground",
 							children: [c.decodeFps.toFixed(1), " fps"]
 						})]
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "text-foreground-subtle",
 							children: "Bitrate:"
-						}), /* @__PURE__ */ _("span", {
+						}), /* @__PURE__ */ y("span", {
 							className: "text-foreground",
 							children: c.bitrateKbps >= 1e3 ? `${(c.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${c.bitrateKbps} kbps`
 						})]
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "hidden @[480px]:inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "text-foreground-subtle",
 							children: "IDR:"
-						}), /* @__PURE__ */ _("span", {
+						}), /* @__PURE__ */ y("span", {
 							className: "text-foreground",
 							children: c.idrIntervalMs > 0 ? `${(c.idrIntervalMs / 1e3).toFixed(1)}s` : "—"
 						})]
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "text-foreground-subtle",
 							children: "Codec:"
-						}), /* @__PURE__ */ _("span", {
+						}), /* @__PURE__ */ y("span", {
 							className: "text-foreground",
 							children: c.codec?.toUpperCase() ?? "—"
 						})]
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "hidden @[480px]:inline-flex whitespace-nowrap gap-1 max-w-full overflow-hidden",
-						children: [/* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "text-foreground-subtle",
 							children: "Decoder:"
-						}), /* @__PURE__ */ _("span", {
+						}), /* @__PURE__ */ y("span", {
 							className: "text-foreground font-mono truncate",
-							children: c.decoderNodeId ?? /* @__PURE__ */ _("span", {
+							children: c.decoderNodeId ?? /* @__PURE__ */ y("span", {
 								className: "text-foreground-subtle italic",
 								children: "deferred"
 							})
 						})]
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "text-foreground-subtle",
 							children: "Pipe:"
-						}), /* @__PURE__ */ _("span", {
+						}), /* @__PURE__ */ y("span", {
 							className: "text-foreground",
 							children: c.pipeClients ?? 0
 						})]
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "text-foreground-subtle",
 							children: "Packets:"
-						}), /* @__PURE__ */ _("span", {
+						}), /* @__PURE__ */ y("span", {
 							className: "text-foreground",
 							children: c.packetCount > 1e3 ? `${(c.packetCount / 1e3).toFixed(1)}k` : c.packetCount
 						})]
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "text-foreground-subtle",
 							children: "Data:"
-						}), /* @__PURE__ */ _("span", {
+						}), /* @__PURE__ */ y("span", {
 							className: "text-foreground",
 							children: c.totalBytes > 1048576 ? `${(c.totalBytes / 1048576).toFixed(1)} MB` : `${(c.totalBytes / 1024).toFixed(0)} KB`
 						})]
 					}),
-					c.audio && /* @__PURE__ */ v("div", {
+					c.audio && /* @__PURE__ */ b("div", {
 						className: "basis-full flex flex-wrap items-center gap-x-1.5 gap-y-0.5",
 						children: [
-							/* @__PURE__ */ _("span", {
+							/* @__PURE__ */ y("span", {
 								className: "text-foreground-subtle whitespace-nowrap",
 								children: "Audio:"
 							}),
-							/* @__PURE__ */ v("span", {
+							/* @__PURE__ */ b("span", {
 								className: "inline-flex whitespace-nowrap items-center gap-1.5",
 								children: [
-									/* @__PURE__ */ _("span", {
+									/* @__PURE__ */ y("span", {
 										className: "text-foreground",
 										children: c.audio.codec.toUpperCase()
 									}),
-									/* @__PURE__ */ _("span", {
+									/* @__PURE__ */ y("span", {
 										className: "text-foreground-subtle",
 										children: "·"
 									}),
-									/* @__PURE__ */ _("span", {
+									/* @__PURE__ */ y("span", {
 										className: "text-foreground",
 										children: c.audio.sampleRate >= 1e3 ? `${(c.audio.sampleRate / 1e3).toFixed(c.audio.sampleRate % 1e3 == 0 ? 0 : 1)}kHz` : `${c.audio.sampleRate}Hz`
 									}),
-									/* @__PURE__ */ _("span", {
+									/* @__PURE__ */ y("span", {
 										className: "text-foreground-subtle",
 										children: "·"
 									}),
-									/* @__PURE__ */ _("span", {
+									/* @__PURE__ */ y("span", {
 										className: "text-foreground",
 										children: c.audio.channels === 1 ? "mono" : c.audio.channels === 2 ? "stereo" : `${c.audio.channels}ch`
 									})
 								]
 							}),
-							/* @__PURE__ */ _("span", {
+							/* @__PURE__ */ y("span", {
 								className: `px-1 py-px rounded text-[8px] font-medium whitespace-nowrap ${c.audio.supported ? "bg-success/15 text-success" : "bg-amber-500/15 text-amber-500"}`,
 								children: c.audio.supported ? "decoded" : "no decoder"
 							})
 						]
 					})
 				]
-			}), /* @__PURE__ */ _(De, {
-				clients: d,
+			}), /* @__PURE__ */ y(Ie, {
+				clients: u,
 				encodedCount: c.encodedSubscribers,
 				onKill: w
-			})] }) : /* @__PURE__ */ _("p", {
+			})] }) : /* @__PURE__ */ y("p", {
 				className: "text-[10px] text-foreground-subtle italic",
 				children: "No demand — stream suspended"
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: "mt-1.5 flex items-center gap-1.5 text-[10px]",
 				children: [
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ y("span", {
 						className: "text-foreground-subtle",
 						children: "Buffer:"
 					}),
-					/* @__PURE__ */ _(ke, {
+					/* @__PURE__ */ y(Re, {
 						enabled: m,
-						onToggle: (e) => S(e),
-						disabled: x.isPending
+						onToggle: (e) => v(e),
+						disabled: g.isPending
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "text-foreground",
 						children: [
-							g ?? c?.preBufferSec ?? 0,
+							h ?? c?.preBufferSec ?? 0,
 							"s",
 							c && E ? ` (${c.preBufferPackets}p)` : ""
 						]
@@ -1631,27 +1735,27 @@ function Y({ slot: t, camStreams: n, compact: r }) {
 		]
 	});
 }
-var we = 280, Te = 120;
-function X({ trigger: e, content: t, widthClass: n }) {
-	let r = d(null), i = d(null), [a, o] = m(!1), [s, c] = m(!1), l = h(() => {
+var Me = 280, Ne = 120;
+function Pe({ trigger: e, content: t, widthClass: n }) {
+	let r = p(null), i = p(null), [a, o] = g(!1), [s, c] = g(!1), l = _(() => {
 		i.current &&= (clearTimeout(i.current), null);
-	}, []), u = h(() => {
-		l(), i.current = setTimeout(() => o(!1), Te);
+	}, []), u = _(() => {
+		l(), i.current = setTimeout(() => o(!1), Ne);
 	}, [l]);
-	return /* @__PURE__ */ v("span", {
+	return /* @__PURE__ */ b("span", {
 		ref: r,
 		className: "relative inline-block",
-		onMouseEnter: h(() => {
+		onMouseEnter: _(() => {
 			l();
 			let e = r.current;
 			if (e) {
 				let t = e.getBoundingClientRect(), n = window.innerHeight - t.bottom, r = t.top;
-				c(n < we && r > n);
+				c(n < Me && r > n);
 			}
 			o(!0);
 		}, [l]),
 		onMouseLeave: u,
-		children: [e, a && /* @__PURE__ */ _("div", {
+		children: [e, a && /* @__PURE__ */ y("div", {
 			className: `absolute left-0 ${s ? "bottom-full mb-1" : "top-full mt-1"} z-50 ${n} rounded-md border border-border bg-surface shadow-xl p-2 text-[10px] normal-case`,
 			onMouseEnter: l,
 			onMouseLeave: u,
@@ -1666,21 +1770,21 @@ function Z(e) {
 	let n = Math.floor(t / 60);
 	return n < 60 ? `${n}m ${t % 60}s` : `${Math.floor(n / 60)}h ${n % 60}m`;
 }
-function Ee(e) {
+function Fe(e) {
 	return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : e < 1073741824 ? `${(e / 1048576).toFixed(1)} MB` : `${(e / 1073741824).toFixed(2)} GB`;
 }
-function De({ clients: e, encodedCount: t, onKill: n }) {
-	let r = e?.decoded ?? [], i = e?.audio ?? [], a = e?.rtsp ?? [], o = e?.encoded ?? [], s = r.length + i.length + a.length + o.length, [c, l] = m(!0);
-	return s === 0 ? /* @__PURE__ */ _("div", {
+function Ie({ clients: e, encodedCount: t, onKill: n }) {
+	let r = e?.decoded ?? [], i = e?.audio ?? [], a = e?.rtsp ?? [], o = e?.encoded ?? [], s = r.length + i.length + a.length + o.length, [c, l] = g(!0);
+	return s === 0 ? /* @__PURE__ */ y("div", {
 		className: "mt-1.5 text-[10px] text-foreground-subtle italic",
 		children: "No active subscribers"
-	}) : /* @__PURE__ */ v("div", {
+	}) : /* @__PURE__ */ b("div", {
 		className: "mt-1.5 border-t border-border/30 pt-1.5",
-		children: [/* @__PURE__ */ v("button", {
+		children: [/* @__PURE__ */ b("button", {
 			type: "button",
 			onClick: () => l((e) => !e),
 			className: "flex items-center gap-1 text-[10px] text-foreground-subtle hover:text-foreground transition-colors",
-			children: [_(c ? M : N, { className: "h-3 w-3" }), /* @__PURE__ */ v("span", {
+			children: [y(c ? P : F, { className: "h-3 w-3" }), /* @__PURE__ */ b("span", {
 				className: "uppercase tracking-wider",
 				children: [
 					"Subscribers (",
@@ -1688,10 +1792,10 @@ function De({ clients: e, encodedCount: t, onKill: n }) {
 					")"
 				]
 			})]
-		}), c && /* @__PURE__ */ v("div", {
+		}), c && /* @__PURE__ */ b("div", {
 			className: "mt-1 divide-y divide-border/20",
 			children: [
-				r.map((e, t) => /* @__PURE__ */ _(Q, {
+				r.map((e, t) => /* @__PURE__ */ y(Q, {
 					kind: "DECODED",
 					kindClass: "bg-success/10 text-success",
 					tag: e.tag || "unknown",
@@ -1709,7 +1813,7 @@ function De({ clients: e, encodedCount: t, onKill: n }) {
 						handle: e.tag
 					}) : void 0
 				}, `d-${t}`)),
-				i.map((e, t) => /* @__PURE__ */ _(Q, {
+				i.map((e, t) => /* @__PURE__ */ y(Q, {
 					kind: "AUDIO",
 					kindClass: "bg-info/10 text-info",
 					tag: e.tag || "unknown",
@@ -1722,15 +1826,15 @@ function De({ clients: e, encodedCount: t, onKill: n }) {
 				}, `a-${t}`)),
 				a.map((e) => {
 					let t = Date.now() - e.lastRtpAt, r = t > 5e3, i = e.playing ? r ? "stalled" : "playing" : "paused", a = e.playing ? r ? "bg-amber-400/10 text-amber-400" : "bg-success/10 text-success" : "bg-foreground-subtle/10 text-foreground-subtle";
-					return /* @__PURE__ */ _(Q, {
+					return /* @__PURE__ */ y(Q, {
 						kind: "RTSP",
 						kindClass: "bg-warning/10 text-warning",
-						tag: e.userAgent ? W(e.userAgent) : e.remoteAddr,
+						tag: e.userAgent ? K(e.userAgent) : e.remoteAddr,
 						state: {
 							text: i + (e.muted ? " · muted" : ""),
 							className: a
 						},
-						metrics: [Ee(e.bytesSent), `last rtp ${Z(t)} ago`],
+						metrics: [Fe(e.bytesSent), `last rtp ${Z(t)} ago`],
 						age: Date.now() - e.connectedAt,
 						onKill: n ? () => n({
 							channel: "rtsp",
@@ -1739,21 +1843,21 @@ function De({ clients: e, encodedCount: t, onKill: n }) {
 					}, `r-${e.sessionId}`);
 				}),
 				o.map((e) => {
-					let t = e.attribution, n = _e[t.kind] ?? "bg-foreground-subtle/10 text-foreground-subtle", r = t.sessionId ? t.sessionId.slice(0, 8) : null, i = [];
-					t.label && i.push(t.label), r && i.push(`sess ${r}`), t.userId && i.push(`user ${t.userId.slice(0, 8)}`), t.remoteAddr && i.push(`@${t.remoteAddr}`), t.userAgent && i.push(W(t.userAgent));
-					let a = i.length > 0 ? i.join(" · ") : ye(t.kind), o = [];
-					return t.media && o.push({ text: t.media }), t.targetCodec && o.push(t.targetCodec), t.transport && o.push(t.transport), o.push(`${e.packetsDelivered} pkts`), /* @__PURE__ */ _(Q, {
-						kind: ve(t.kind),
+					let t = e.attribution, n = we[t.kind] ?? "bg-foreground-subtle/10 text-foreground-subtle", r = t.sessionId ? t.sessionId.slice(0, 8) : null, i = [];
+					t.label && i.push(t.label), r && i.push(`sess ${r}`), t.userId && i.push(`user ${t.userId.slice(0, 8)}`), t.remoteAddr && i.push(`@${t.remoteAddr}`), t.userAgent && i.push(K(t.userAgent));
+					let a = i.length > 0 ? i.join(" · ") : Ee(t.kind), o = [];
+					return t.media && o.push({ text: t.media }), t.targetCodec && o.push(t.targetCodec), t.transport && o.push(t.transport), o.push(`${e.packetsDelivered} pkts`), /* @__PURE__ */ y(Q, {
+						kind: Te(t.kind),
 						kindClass: n,
 						tag: a,
 						metrics: o,
 						age: Date.now() - e.subscribedAt
 					}, e.id);
 				}),
-				o.length === 0 && t > 0 && /* @__PURE__ */ v("div", {
+				o.length === 0 && t > 0 && /* @__PURE__ */ b("div", {
 					className: "py-0.5 text-[10px] text-foreground-subtle",
 					children: [
-						/* @__PURE__ */ _("span", {
+						/* @__PURE__ */ y("span", {
 							className: "inline-block px-1 rounded text-[9px] font-bold bg-foreground-subtle/10 text-foreground-subtle mr-2",
 							children: "ENCODED"
 						}),
@@ -1766,82 +1870,82 @@ function De({ clients: e, encodedCount: t, onKill: n }) {
 	});
 }
 function Q({ kind: e, kindClass: t, tag: n, state: r, metrics: i, age: a, onKill: o }) {
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ b("div", {
 		className: "flex flex-col gap-y-0.5 py-0.5 text-[10px] @[420px]:flex-row @[420px]:items-center @[420px]:gap-2",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-center gap-2 min-w-0 @[420px]:flex-1",
 				children: [
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ y("span", {
 						className: `inline-block px-1 rounded text-[9px] font-bold shrink-0 w-14 text-center ${t}`,
 						children: e
 					}),
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ y("span", {
 						className: "text-foreground font-medium truncate min-w-0 flex-1",
 						title: n,
 						children: n
 					}),
-					o && /* @__PURE__ */ _("div", {
+					o && /* @__PURE__ */ y("div", {
 						className: "shrink-0 flex items-center justify-end @[420px]:hidden",
-						children: /* @__PURE__ */ _($, { onClick: o })
+						children: /* @__PURE__ */ y($, { onClick: o })
 					})
 				]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-center flex-wrap gap-1.5 text-foreground-subtle pl-16 @[420px]:pl-0 @[420px]:flex-nowrap @[420px]:shrink-0",
 				children: [
-					r && /* @__PURE__ */ _("span", {
+					r && /* @__PURE__ */ y("span", {
 						className: `text-[9px] px-1 rounded shrink-0 ${r.className}`,
 						children: r.text
 					}),
-					i.map((e, t) => /* @__PURE__ */ v("span", {
+					i.map((e, t) => /* @__PURE__ */ b("span", {
 						className: "whitespace-nowrap",
-						children: [t > 0 && /* @__PURE__ */ _("span", {
+						children: [t > 0 && /* @__PURE__ */ y("span", {
 							className: "mr-1.5 text-foreground-subtle/50",
 							children: "·"
-						}), typeof e == "string" ? e : /* @__PURE__ */ _("span", {
+						}), typeof e == "string" ? e : /* @__PURE__ */ y("span", {
 							className: e.warn ? "text-amber-400" : "",
 							children: e.text
 						})]
 					}, t)),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ b("span", {
 						className: "text-foreground-subtle/70 whitespace-nowrap",
 						children: ["· ", Z(a)]
 					})
 				]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ y("div", {
 				className: "hidden @[420px]:flex w-5 flex-shrink-0 items-center justify-end",
-				children: o ? /* @__PURE__ */ _($, { onClick: o }) : null
+				children: o ? /* @__PURE__ */ y($, { onClick: o }) : null
 			})
 		]
 	});
 }
-function Oe({ count: e, clients: t, onKill: n }) {
-	let r = t?.decoded ?? [], i = t?.audio ?? [], a = t ? t.encodedSubscribers : 0, o = r.length > 0 || i.length > 0 || a > 0, s = /* @__PURE__ */ _("span", {
+function Le({ count: e, clients: t, onKill: n }) {
+	let r = t?.decoded ?? [], i = t?.audio ?? [], a = t ? t.encodedSubscribers : 0, o = r.length > 0 || i.length > 0 || a > 0, s = /* @__PURE__ */ y("span", {
 		className: `text-foreground ${o ? "underline decoration-dotted decoration-foreground-subtle/50 underline-offset-2 cursor-help" : ""}`,
 		children: e
 	});
-	return o ? /* @__PURE__ */ _(X, {
+	return o ? /* @__PURE__ */ y(Pe, {
 		trigger: s,
-		content: /* @__PURE__ */ v(y, { children: [
-			r.length > 0 && /* @__PURE__ */ v("div", {
+		content: /* @__PURE__ */ b(x, { children: [
+			r.length > 0 && /* @__PURE__ */ b("div", {
 				className: "mb-2",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1",
 					children: "Decoded subscribers"
-				}), r.map((e, t) => /* @__PURE__ */ v("div", {
+				}), r.map((e, t) => /* @__PURE__ */ b("div", {
 					className: "flex items-center justify-between gap-2 py-0.5",
-					children: [/* @__PURE__ */ _("span", {
+					children: [/* @__PURE__ */ y("span", {
 						className: "text-foreground font-medium truncate",
 						children: e.tag || "unknown"
-					}), /* @__PURE__ */ v("span", {
+					}), /* @__PURE__ */ b("span", {
 						className: "text-foreground-subtle text-[9px] flex items-center gap-1.5 shrink-0",
 						children: [
-							/* @__PURE__ */ v("span", { children: [e.maxFps.toFixed(0), "fps"] }),
-							/* @__PURE__ */ _("span", { children: "·" }),
-							/* @__PURE__ */ v("span", { children: [e.framesDelivered, " del"] }),
-							e.framesDropped > 0 && /* @__PURE__ */ v("span", {
+							/* @__PURE__ */ b("span", { children: [e.maxFps.toFixed(0), "fps"] }),
+							/* @__PURE__ */ y("span", { children: "·" }),
+							/* @__PURE__ */ b("span", { children: [e.framesDelivered, " del"] }),
+							e.framesDropped > 0 && /* @__PURE__ */ b("span", {
 								className: "text-amber-400",
 								children: [
 									"· ",
@@ -1849,9 +1953,9 @@ function Oe({ count: e, clients: t, onKill: n }) {
 									" drop"
 								]
 							}),
-							/* @__PURE__ */ _("span", { children: "·" }),
-							/* @__PURE__ */ _("span", { children: Z(Date.now() - e.subscribedAt) }),
-							n && e.tag && /* @__PURE__ */ _($, { onClick: () => n({
+							/* @__PURE__ */ y("span", { children: "·" }),
+							/* @__PURE__ */ y("span", { children: Z(Date.now() - e.subscribedAt) }),
+							n && e.tag && /* @__PURE__ */ y($, { onClick: () => n({
 								channel: "decoded",
 								handle: e.tag
 							}) })
@@ -1859,23 +1963,23 @@ function Oe({ count: e, clients: t, onKill: n }) {
 					})]
 				}, `d-${t}`))]
 			}),
-			i.length > 0 && /* @__PURE__ */ v("div", {
+			i.length > 0 && /* @__PURE__ */ b("div", {
 				className: "mb-2",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1",
 					children: "Audio subscribers"
-				}), i.map((e, t) => /* @__PURE__ */ v("div", {
+				}), i.map((e, t) => /* @__PURE__ */ b("div", {
 					className: "flex items-center justify-between gap-2 py-0.5",
-					children: [/* @__PURE__ */ _("span", {
+					children: [/* @__PURE__ */ y("span", {
 						className: "text-foreground font-medium truncate",
 						children: e.tag || "unknown"
-					}), /* @__PURE__ */ v("span", {
+					}), /* @__PURE__ */ b("span", {
 						className: "text-foreground-subtle text-[9px] flex items-center gap-1.5 shrink-0",
 						children: [
-							/* @__PURE__ */ v("span", { children: [e.chunksDelivered, " chunks"] }),
-							/* @__PURE__ */ _("span", { children: "·" }),
-							/* @__PURE__ */ _("span", { children: Z(Date.now() - e.subscribedAt) }),
-							n && e.tag && /* @__PURE__ */ _($, { onClick: () => n({
+							/* @__PURE__ */ b("span", { children: [e.chunksDelivered, " chunks"] }),
+							/* @__PURE__ */ y("span", { children: "·" }),
+							/* @__PURE__ */ y("span", { children: Z(Date.now() - e.subscribedAt) }),
+							n && e.tag && /* @__PURE__ */ y($, { onClick: () => n({
 								channel: "audio",
 								handle: e.tag
 							}) })
@@ -1883,10 +1987,10 @@ function Oe({ count: e, clients: t, onKill: n }) {
 					})]
 				}, `a-${t}`))]
 			}),
-			a > 0 && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("div", {
+			a > 0 && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("div", {
 				className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1",
 				children: "Encoded"
-			}), /* @__PURE__ */ v("div", {
+			}), /* @__PURE__ */ b("div", {
 				className: "text-foreground",
 				children: [a, " callback subscriber(s)"]
 			})] })
@@ -1894,8 +1998,8 @@ function Oe({ count: e, clients: t, onKill: n }) {
 		widthClass: "min-w-[260px] max-w-[360px]"
 	}) : s;
 }
-function ke({ enabled: e, onToggle: t, disabled: n }) {
-	return /* @__PURE__ */ _("button", {
+function Re({ enabled: e, onToggle: t, disabled: n }) {
+	return /* @__PURE__ */ y("button", {
 		type: "button",
 		role: "switch",
 		"aria-checked": e,
@@ -1903,59 +2007,59 @@ function ke({ enabled: e, onToggle: t, disabled: n }) {
 		onClick: () => t(!e),
 		className: `relative inline-flex h-3 w-6 shrink-0 items-center rounded-full transition-colors ${e ? "bg-success/60" : "bg-foreground-subtle/30"} ${n ? "opacity-50 cursor-wait" : "cursor-pointer"}`,
 		title: e ? "Pre-buffer enabled — click to disable" : "Pre-buffer disabled — click to enable",
-		children: /* @__PURE__ */ _("span", { className: `inline-block h-2.5 w-2.5 rounded-full bg-white shadow transition-transform ${e ? "translate-x-3" : "translate-x-0.5"}` })
+		children: /* @__PURE__ */ y("span", { className: `inline-block h-2.5 w-2.5 rounded-full bg-white shadow transition-transform ${e ? "translate-x-3" : "translate-x-0.5"}` })
 	});
 }
 function $({ onClick: e }) {
-	return /* @__PURE__ */ _("button", {
+	return /* @__PURE__ */ y("button", {
 		type: "button",
 		title: "Force-disconnect this client",
 		onClick: (t) => {
 			t.stopPropagation(), e();
 		},
 		className: "inline-flex items-center justify-center h-4 w-4 rounded-sm border border-border/60 text-foreground-subtle hover:bg-red-500/10 hover:text-red-400 hover:border-red-500/40 transition-colors",
-		children: /* @__PURE__ */ _(re, { className: "h-2.5 w-2.5" })
+		children: /* @__PURE__ */ y(ae, { className: "h-2.5 w-2.5" })
 	});
 }
-function Ae({ count: e, clients: t, onKill: n }) {
-	let r = t?.rtsp ?? [], i = r.length > 0, a = /* @__PURE__ */ _("span", {
+function ze({ count: e, clients: t, onKill: n }) {
+	let r = t?.rtsp ?? [], i = r.length > 0, a = /* @__PURE__ */ y("span", {
 		className: `text-foreground ${i ? "underline decoration-dotted decoration-foreground-subtle/50 underline-offset-2 cursor-help" : ""}`,
 		children: e
 	});
-	return i ? /* @__PURE__ */ _(X, {
+	return i ? /* @__PURE__ */ y(Pe, {
 		trigger: a,
-		content: /* @__PURE__ */ v(y, { children: [/* @__PURE__ */ _("div", {
+		content: /* @__PURE__ */ b(x, { children: [/* @__PURE__ */ y("div", {
 			className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1",
 			children: "RTSP sessions"
 		}), r.map((e) => {
 			let t = Date.now() - e.lastRtpAt, r = t > 5e3;
-			return /* @__PURE__ */ v("div", {
+			return /* @__PURE__ */ b("div", {
 				className: "py-1 border-b border-border/40 last:border-b-0",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ _("span", {
+					children: [/* @__PURE__ */ y("span", {
 						className: "text-foreground font-mono",
-						children: e.userAgent ? W(e.userAgent) : e.remoteAddr
-					}), /* @__PURE__ */ v("span", {
+						children: e.userAgent ? K(e.userAgent) : e.remoteAddr
+					}), /* @__PURE__ */ b("span", {
 						className: "flex items-center gap-1 shrink-0",
-						children: [/* @__PURE__ */ v("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: `text-[9px] px-1 rounded ${e.playing ? r ? "bg-amber-400/10 text-amber-400" : "bg-success/10 text-success" : "bg-foreground-subtle/10 text-foreground-subtle"}`,
 							children: [e.playing ? r ? "stalled" : "playing" : "paused", e.muted && " · muted"]
-						}), n && /* @__PURE__ */ _($, { onClick: () => n({
+						}), n && /* @__PURE__ */ y($, { onClick: () => n({
 							channel: "rtsp",
 							handle: e.sessionId
 						}) })]
 					})]
-				}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "flex items-center justify-between gap-2 text-foreground-subtle text-[9px] mt-0.5",
 					children: [
-						/* @__PURE__ */ v("span", { children: [Ee(e.bytesSent), " sent"] }),
-						/* @__PURE__ */ v("span", { children: [
+						/* @__PURE__ */ b("span", { children: [Fe(e.bytesSent), " sent"] }),
+						/* @__PURE__ */ b("span", { children: [
 							"connected ",
 							Z(Date.now() - e.connectedAt),
 							" ago"
 						] }),
-						/* @__PURE__ */ v("span", { children: [
+						/* @__PURE__ */ b("span", { children: [
 							"last rtp ",
 							Z(t),
 							" ago"
@@ -1969,9 +2073,9 @@ function Ae({ count: e, clients: t, onKill: n }) {
 }
 //#endregion
 //#region src/stream-broker/widgets/index.tsx
-var je = {
-	"stream-broker-panel": be,
-	"ffmpeg-params": pe
+var Be = {
+	"stream-broker-panel": De,
+	"ffmpeg-params": he
 };
 //#endregion
-export { je as default };
+export { Be as default };