@camstack/addon-pipeline 1.1.43 → 1.1.44

package/dist/stream-broker/_stub.js

@@ -1,15 +1,15 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-dGka8yZY.mjs";
-import { a as u, i as d, n as f, o as p, r as m, t as h } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare__react__loadShare__.js-C9j-2lBe.mjs";
-import { n as g, r as _, t as v } 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 y, t as b } 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 x } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-DqJvWBKS.mjs";
+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-BUpF966l.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-Dlagq9X_.mjs";
 //#region ../../node_modules/lucide-react/dist/esm/shared/src/utils.js
-var S = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), C = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), w = (e) => {
-	let t = C(e);
+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);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, T = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), E = (e) => {
+}, E = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), D = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
-}, D = {
+}, O = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -19,37 +19,37 @@ var S = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), C = (e) =
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, O = f(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => h("svg", {
+}, k = p(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => g("svg", {
 	ref: c,
-	...D,
+	...O,
 	width: t,
 	height: t,
 	stroke: e,
 	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
-	className: T("lucide", i),
-	...!a && !E(s) && { "aria-hidden": "true" },
+	className: E("lucide", i),
+	...!a && !D(s) && { "aria-hidden": "true" },
 	...s
-}, [...o.map(([e, t]) => h(e, t)), ...Array.isArray(a) ? a : [a]])), k = (e, t) => {
-	let n = f(({ className: n, ...r }, i) => h(O, {
+}, [...o.map(([e, t]) => g(e, t)), ...Array.isArray(a) ? a : [a]])), A = (e, t) => {
+	let n = p(({ className: n, ...r }, i) => g(k, {
 		ref: i,
 		iconNode: t,
-		className: T(`lucide-${S(w(e))}`, `lucide-${e}`, n),
+		className: E(`lucide-${C(T(e))}`, `lucide-${e}`, n),
 		...r
 	}));
-	return n.displayName = w(e), n;
-}, A = k("chevron-down", [["path", {
+	return n.displayName = T(e), n;
+}, j = A("chevron-down", [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"
-}]]), j = k("chevron-right", [["path", {
+}]]), M = A("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
-}]]), M = k("plus", [["path", {
+}]]), ee = A("plus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
 	d: "M12 5v14",
 	key: "s699le"
-}]]), ee = k("radio", [
+}]]), N = A("radio", [
 	["path", {
 		d: "M4.9 19.1C1 15.2 1 8.8 4.9 4.9",
 		key: "1vaf9d"
@@ -72,7 +72,7 @@ var S = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), C = (e) =
 		d: "M19.1 4.9C23 8.8 23 15.1 19.1 19",
 		key: "10b0cb"
 	}]
-]), te = k("x", [["path", {
+]), te = A("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
@@ -101,9 +101,9 @@ function re(e, t) {
 	}
 	return t.length > 0 && n.push("-vf", t), n;
 }
-var N = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium";
+var P = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium";
 function ie({ outputArgs: e, onChange: t }) {
-	let [n, r] = p(""), [i, a] = p("pad"), [o, s] = p("1920"), [c, l] = p("1080"), [u, d] = p(!1), [f, m] = p("0"), [h, y] = p("0"), [b, x] = p("0"), [S, C] = p("0"), [w, T] = p(0), [E, D] = p(!1), [O, k] = p(!1), A = ne((() => {
+	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 = ne((() => {
 		let e = {
 			rotate: w,
 			hflip: E,
@@ -116,82 +116,82 @@ function ie({ outputArgs: e, onChange: t }) {
 			h: Number(S)
 		}), e;
 	})());
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ v("div", {
 		className: "space-y-2 rounded border border-border/50 bg-surface-2/30 px-3 py-2",
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ _("span", {
-					className: N,
-					children: ["Geometry / zoom", /* @__PURE__ */ g("span", {
+				children: [/* @__PURE__ */ v("span", {
+					className: P,
+					children: ["Geometry / zoom", /* @__PURE__ */ _("span", {
 						className: "ml-2 text-[10px] normal-case text-foreground-subtle italic",
 						children: "composes a single -vf into output args"
 					})]
-				}), /* @__PURE__ */ g("button", {
+				}), /* @__PURE__ */ _("button", {
 					type: "button",
 					onClick: () => t(re(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__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ g("label", {
-						className: N,
+					/* @__PURE__ */ _("label", {
+						className: P,
 						htmlFor: "geom-aspect",
 						children: "Aspect"
 					}),
-					/* @__PURE__ */ _("select", {
+					/* @__PURE__ */ v("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__ */ g("option", {
+							/* @__PURE__ */ _("option", {
 								value: "",
 								children: "none"
 							}),
-							/* @__PURE__ */ g("option", {
+							/* @__PURE__ */ _("option", {
 								value: "16:9",
 								children: "16:9"
 							}),
-							/* @__PURE__ */ g("option", {
+							/* @__PURE__ */ _("option", {
 								value: "4:3",
 								children: "4:3"
 							}),
-							/* @__PURE__ */ g("option", {
+							/* @__PURE__ */ _("option", {
 								value: "1:1",
 								children: "1:1"
 							})
 						]
 					}),
-					n !== "" && /* @__PURE__ */ _(v, { children: [
-						/* @__PURE__ */ _("select", {
+					n !== "" && /* @__PURE__ */ v(y, { children: [
+						/* @__PURE__ */ v("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__ */ g("option", {
+							children: [/* @__PURE__ */ _("option", {
 								value: "pad",
 								children: "pad"
-							}), /* @__PURE__ */ g("option", {
+							}), /* @__PURE__ */ _("option", {
 								value: "crop",
 								children: "crop"
 							})]
 						}),
-						/* @__PURE__ */ g("input", {
+						/* @__PURE__ */ _("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__ */ g("span", {
+						/* @__PURE__ */ _("span", {
 							className: "text-[11px] text-foreground-subtle",
 							children: "×"
 						}),
-						/* @__PURE__ */ g("input", {
+						/* @__PURE__ */ _("input", {
 							type: "number",
 							"aria-label": "Aspect height",
 							value: c,
@@ -201,33 +201,33 @@ function ie({ outputArgs: e, onChange: t }) {
 					] })
 				]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ _("label", {
+				children: [/* @__PURE__ */ v("label", {
 					className: "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium inline-flex items-center gap-1",
-					children: [/* @__PURE__ */ g("input", {
+					children: [/* @__PURE__ */ _("input", {
 						type: "checkbox",
 						checked: u,
 						onChange: (e) => d(e.target.checked)
 					}), "Crop / zoom"]
-				}), u && /* @__PURE__ */ _(v, { children: [
-					/* @__PURE__ */ g("input", {
+				}), u && /* @__PURE__ */ v(y, { children: [
+					/* @__PURE__ */ _("input", {
 						type: "number",
 						"aria-label": "Crop x",
 						value: f,
-						onChange: (e) => m(e.target.value),
+						onChange: (e) => p(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: "x"
 					}),
-					/* @__PURE__ */ g("input", {
+					/* @__PURE__ */ _("input", {
 						type: "number",
 						"aria-label": "Crop y",
 						value: h,
-						onChange: (e) => y(e.target.value),
+						onChange: (e) => g(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__ */ g("input", {
+					/* @__PURE__ */ _("input", {
 						type: "number",
 						"aria-label": "Crop width",
 						value: b,
@@ -235,7 +235,7 @@ function ie({ 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-20 text-right",
 						placeholder: "w"
 					}),
-					/* @__PURE__ */ g("input", {
+					/* @__PURE__ */ _("input", {
 						type: "number",
 						"aria-label": "Crop height",
 						value: S,
@@ -245,49 +245,49 @@ function ie({ outputArgs: e, onChange: t }) {
 					})
 				] })]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ g("label", {
-						className: N,
+					/* @__PURE__ */ _("label", {
+						className: P,
 						htmlFor: "geom-rotate",
 						children: "Rotate"
 					}),
-					/* @__PURE__ */ _("select", {
+					/* @__PURE__ */ v("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__ */ g("option", {
+							/* @__PURE__ */ _("option", {
 								value: "0",
 								children: "0°"
 							}),
-							/* @__PURE__ */ g("option", {
+							/* @__PURE__ */ _("option", {
 								value: "90",
 								children: "90°"
 							}),
-							/* @__PURE__ */ g("option", {
+							/* @__PURE__ */ _("option", {
 								value: "180",
 								children: "180°"
 							}),
-							/* @__PURE__ */ g("option", {
+							/* @__PURE__ */ _("option", {
 								value: "270",
 								children: "270°"
 							})
 						]
 					}),
-					/* @__PURE__ */ _("label", {
+					/* @__PURE__ */ v("label", {
 						className: "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium inline-flex items-center gap-1",
-						children: [/* @__PURE__ */ g("input", {
+						children: [/* @__PURE__ */ _("input", {
 							type: "checkbox",
 							checked: E,
 							onChange: (e) => D(e.target.checked)
 						}), "hflip"]
 					}),
-					/* @__PURE__ */ _("label", {
+					/* @__PURE__ */ v("label", {
 						className: "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium inline-flex items-center gap-1",
-						children: [/* @__PURE__ */ g("input", {
+						children: [/* @__PURE__ */ _("input", {
 							type: "checkbox",
 							checked: O,
 							onChange: (e) => k(e.target.checked)
@@ -295,9 +295,9 @@ function ie({ outputArgs: e, onChange: t }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "font-mono text-[10px] text-foreground-subtle break-all",
-				children: ["-vf ", A.length > 0 ? A : /* @__PURE__ */ g("span", {
+				children: ["-vf ", A.length > 0 ? A : /* @__PURE__ */ _("span", {
 					className: "italic",
 					children: "(empty)"
 				})]
@@ -456,52 +456,52 @@ var ae = [
 ], se = {
 	video: { codec: "copy" },
 	audio: "passthrough"
-}, P = "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", F = "flex items-center justify-between gap-3 py-1.5", I = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium", L = "rounded-lg border border-border bg-surface overflow-hidden", R = "border-b border-border px-3 py-1.5 flex items-center justify-between bg-surface-hover/30", z = "text-[11px] font-semibold text-foreground uppercase tracking-wider";
+}, F = "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", I = "flex items-center justify-between gap-3 py-1.5", L = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium", R = "rounded-lg border border-border bg-surface overflow-hidden", z = "border-b border-border px-3 py-1.5 flex items-center justify-between bg-surface-hover/30", B = "text-[11px] font-semibold text-foreground uppercase tracking-wider";
 function ce({ config: e, value: t, onSave: n }) {
-	let [r, i] = p(!1), a = e.argsOnly === !0, o = t ?? se, [s, c] = p(() => (o.inputArgs ?? []).join("\n")), [l, d] = p(() => (o.outputArgs ?? []).join("\n")), f = u(o);
-	f.current !== o && (f.current = o, c((o.inputArgs ?? []).join("\n")), d((o.outputArgs ?? []).join("\n")));
-	let m = (e) => {
+	let [r, i] = m(!1), a = e.argsOnly === !0, o = t ?? se, [s, c] = m(() => (o.inputArgs ?? []).join("\n")), [l, u] = m(() => (o.outputArgs ?? []).join("\n")), f = d(o);
+	f.current !== o && (f.current = o, c((o.inputArgs ?? []).join("\n")), u((o.outputArgs ?? []).join("\n")));
+	let p = (e) => {
 		n(e(o));
-	}, h = (e) => m((t) => ({
+	}, h = (e) => p((t) => ({
 		...t,
 		video: {
 			...t.video,
 			codec: e
 		}
-	})), y = (e) => m((t) => ({
+	})), g = (e) => p((t) => ({
 		...t,
 		video: {
 			...t.video,
 			width: e
 		}
-	})), b = (e) => m((t) => ({
+	})), b = (e) => p((t) => ({
 		...t,
 		video: {
 			...t.video,
 			height: e
 		}
-	})), x = (e) => m((t) => ({
+	})), x = (e) => p((t) => ({
 		...t,
 		video: {
 			...t.video,
 			fps: e
 		}
-	})), S = (e) => m((t) => ({
+	})), S = (e) => p((t) => ({
 		...t,
 		video: {
 			...t.video,
 			bitrateKbps: e
 		}
-	})), C = () => m((e) => ({
+	})), C = () => p((e) => ({
 		...e,
 		audio: "passthrough"
-	})), w = (e) => m((t) => ({
+	})), w = (e) => p((t) => ({
 		...t,
 		audio: typeof t.audio == "object" ? {
 			...t.audio,
 			codec: e
 		} : { codec: e }
-	})), T = (e) => m((t) => ({
+	})), T = (e) => p((t) => ({
 		...t,
 		audio: typeof t.audio == "object" ? {
 			...t.audio,
@@ -510,10 +510,10 @@ function ce({ config: e, value: t, onSave: n }) {
 			codec: "opus",
 			bitrateKbps: e
 		}
-	})), E = (e) => m((t) => ({
+	})), E = (e) => p((t) => ({
 		...t,
 		inputArgs: e.split("\n").map((e) => e.trim()).filter((e) => e.length > 0)
-	})), D = (e) => m((t) => ({
+	})), D = (e) => p((t) => ({
 		...t,
 		outputArgs: e.split("\n").map((e) => e.trim()).filter((e) => e.length > 0)
 	})), O = (e, t) => {
@@ -523,141 +523,141 @@ function ce({ config: e, value: t, onSave: n }) {
 			c(e), E(e);
 		} else {
 			let e = l.length === 0 ? n : `${l}\n${n}`;
-			d(e), D(e);
+			u(e), D(e);
 		}
-	}, k = /* @__PURE__ */ _("div", {
+	}, k = /* @__PURE__ */ v("div", {
 		className: "space-y-1.5",
-		children: [/* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ _("label", {
+			children: [/* @__PURE__ */ v("label", {
 				htmlFor: `${e.fieldKey}-input-args`,
-				className: I,
-				children: ["Input args", /* @__PURE__ */ g("span", {
+				className: L,
+				children: ["Input args", /* @__PURE__ */ _("span", {
 					className: "ml-2 text-[10px] normal-case text-foreground-subtle italic",
 					children: "one per line · inserted between globals and -i"
 				})]
-			}), /* @__PURE__ */ g(B, {
+			}), /* @__PURE__ */ _(V, {
 				id: `${e.fieldKey}-input-picker`,
 				disabled: !1,
 				catalogue: ae,
 				onPick: (e) => O("input", e)
 			})]
-		}), /* @__PURE__ */ g("textarea", {
+		}), /* @__PURE__ */ _("textarea", {
 			id: `${e.fieldKey}-input-args`,
 			value: s,
 			onChange: (e) => c(e.target.value),
 			onBlur: (e) => E(e.target.value),
 			placeholder: "-thread_queue_size 1024",
-			className: P
+			className: F
 		})]
-	}), M = /* @__PURE__ */ _("div", {
+	}), A = /* @__PURE__ */ v("div", {
 		className: "space-y-1.5",
-		children: [/* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ _("label", {
+			children: [/* @__PURE__ */ v("label", {
 				htmlFor: `${e.fieldKey}-output-args`,
-				className: I,
-				children: ["Output args", /* @__PURE__ */ g("span", {
+				className: L,
+				children: ["Output args", /* @__PURE__ */ _("span", {
 					className: "ml-2 text-[10px] normal-case text-foreground-subtle italic",
 					children: "one per line · inserted before the final muxer"
 				})]
-			}), /* @__PURE__ */ g(B, {
+			}), /* @__PURE__ */ _(V, {
 				id: `${e.fieldKey}-output-picker`,
 				disabled: !1,
 				catalogue: oe,
 				onPick: (e) => O("output", e)
 			})]
-		}), /* @__PURE__ */ g("textarea", {
+		}), /* @__PURE__ */ _("textarea", {
 			id: `${e.fieldKey}-output-args`,
 			value: l,
-			onChange: (e) => d(e.target.value),
+			onChange: (e) => u(e.target.value),
 			onBlur: (e) => D(e.target.value),
 			placeholder: "-bsf:v h264_mp4toannexb",
-			className: P
+			className: F
 		})]
 	});
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ v("div", {
 		className: "space-y-3",
 		children: [
-			e.sourceParams !== void 0 && /* @__PURE__ */ _("div", {
-				className: L,
-				children: [/* @__PURE__ */ _("div", {
-					className: R,
-					children: [/* @__PURE__ */ g("h3", {
-						className: z,
+			e.sourceParams !== void 0 && /* @__PURE__ */ v("div", {
+				className: R,
+				children: [/* @__PURE__ */ v("div", {
+					className: z,
+					children: [/* @__PURE__ */ _("h3", {
+						className: B,
 						children: "Source (probed)"
-					}), /* @__PURE__ */ g("span", {
+					}), /* @__PURE__ */ _("span", {
 						className: "text-[10px] text-foreground-subtle italic",
 						children: "From the publisher"
 					})]
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "px-3 py-2 flex flex-wrap gap-1.5",
-					children: /* @__PURE__ */ g(le, { profile: e.sourceParams })
+					children: /* @__PURE__ */ _(le, { profile: e.sourceParams })
 				})]
 			}),
-			!a && /* @__PURE__ */ g("div", {
+			!a && /* @__PURE__ */ _("div", {
 				className: "@container",
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: "grid grid-cols-1 @[480px]:grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ _("div", {
-						className: L,
-						children: [/* @__PURE__ */ g("div", {
-							className: R,
-							children: /* @__PURE__ */ g("h3", {
-								className: z,
+					children: [/* @__PURE__ */ v("div", {
+						className: R,
+						children: [/* @__PURE__ */ _("div", {
+							className: z,
+							children: /* @__PURE__ */ _("h3", {
+								className: B,
 								children: "Video"
 							})
-						}), /* @__PURE__ */ _("div", {
+						}), /* @__PURE__ */ v("div", {
 							className: "px-3 py-2 divide-y divide-border/30",
-							children: [/* @__PURE__ */ _("div", {
-								className: F,
-								children: [/* @__PURE__ */ g("label", {
+							children: [/* @__PURE__ */ v("div", {
+								className: I,
+								children: [/* @__PURE__ */ _("label", {
 									htmlFor: `${e.fieldKey}-video-codec`,
-									className: I,
+									className: L,
 									children: "Codec"
-								}), /* @__PURE__ */ _("select", {
+								}), /* @__PURE__ */ v("select", {
 									id: `${e.fieldKey}-video-codec`,
 									value: o.video.codec,
 									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__ */ g("option", {
+										/* @__PURE__ */ _("option", {
 											value: "h264",
 											children: "h264"
 										}),
-										/* @__PURE__ */ g("option", {
+										/* @__PURE__ */ _("option", {
 											value: "h265",
 											children: "h265"
 										}),
-										/* @__PURE__ */ g("option", {
+										/* @__PURE__ */ _("option", {
 											value: "copy",
 											children: "copy (passthrough)"
 										})
 									]
 								})]
-							}), o.video.codec !== "copy" && /* @__PURE__ */ _(v, { children: [
-								/* @__PURE__ */ _("div", {
-									className: F,
-									children: [/* @__PURE__ */ g("label", {
+							}), o.video.codec !== "copy" && /* @__PURE__ */ v(y, { children: [
+								/* @__PURE__ */ v("div", {
+									className: I,
+									children: [/* @__PURE__ */ _("label", {
 										htmlFor: `${e.fieldKey}-video-width`,
-										className: I,
+										className: L,
 										children: "Width"
-									}), /* @__PURE__ */ g("input", {
+									}), /* @__PURE__ */ _("input", {
 										id: `${e.fieldKey}-video-width`,
 										type: "number",
 										"aria-label": "Width",
 										value: o.video.width ?? "",
-										onChange: (e) => y(Number(e.target.value)),
+										onChange: (e) => g(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__ */ _("div", {
-									className: F,
-									children: [/* @__PURE__ */ g("label", {
+								/* @__PURE__ */ v("div", {
+									className: I,
+									children: [/* @__PURE__ */ _("label", {
 										htmlFor: `${e.fieldKey}-video-height`,
-										className: I,
+										className: L,
 										children: "Height"
-									}), /* @__PURE__ */ g("input", {
+									}), /* @__PURE__ */ _("input", {
 										id: `${e.fieldKey}-video-height`,
 										type: "number",
 										value: o.video.height ?? "",
@@ -665,13 +665,13 @@ function ce({ config: e, value: t, onSave: n }) {
 										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", {
-									className: F,
-									children: [/* @__PURE__ */ g("label", {
+								/* @__PURE__ */ v("div", {
+									className: I,
+									children: [/* @__PURE__ */ _("label", {
 										htmlFor: `${e.fieldKey}-video-fps`,
-										className: I,
+										className: L,
 										children: "FPS"
-									}), /* @__PURE__ */ g("input", {
+									}), /* @__PURE__ */ _("input", {
 										id: `${e.fieldKey}-video-fps`,
 										type: "number",
 										value: o.video.fps ?? "",
@@ -679,13 +679,13 @@ function ce({ config: e, value: t, onSave: n }) {
 										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", {
-									className: F,
-									children: [/* @__PURE__ */ g("label", {
+								/* @__PURE__ */ v("div", {
+									className: I,
+									children: [/* @__PURE__ */ _("label", {
 										htmlFor: `${e.fieldKey}-video-bitrate`,
-										className: I,
+										className: L,
 										children: "Bitrate (kbps)"
-									}), /* @__PURE__ */ g("input", {
+									}), /* @__PURE__ */ _("input", {
 										id: `${e.fieldKey}-video-bitrate`,
 										type: "number",
 										value: o.video.bitrateKbps ?? "",
@@ -695,72 +695,72 @@ function ce({ config: e, value: t, onSave: n }) {
 								})
 							] })]
 						})]
-					}), /* @__PURE__ */ _("div", {
-						className: L,
-						children: [/* @__PURE__ */ g("div", {
-							className: R,
-							children: /* @__PURE__ */ g("h3", {
-								className: z,
+					}), /* @__PURE__ */ v("div", {
+						className: R,
+						children: [/* @__PURE__ */ _("div", {
+							className: z,
+							children: /* @__PURE__ */ _("h3", {
+								className: B,
 								children: "Audio"
 							})
-						}), /* @__PURE__ */ g("div", {
+						}), /* @__PURE__ */ _("div", {
 							className: "px-3 py-2",
-							children: o.audio === "passthrough" ? /* @__PURE__ */ _("div", {
+							children: o.audio === "passthrough" ? /* @__PURE__ */ v("div", {
 								className: "flex items-center justify-between gap-3",
-								children: [/* @__PURE__ */ g("span", {
+								children: [/* @__PURE__ */ _("span", {
 									className: "text-[11px] text-foreground-subtle italic",
 									children: "Source audio forwarded without re-encode."
-								}), /* @__PURE__ */ g("button", {
+								}), /* @__PURE__ */ _("button", {
 									type: "button",
 									onClick: () => w("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__ */ _("div", {
+							}) : /* @__PURE__ */ v("div", {
 								className: "divide-y divide-border/30",
 								children: [
-									/* @__PURE__ */ _("div", {
-										className: F,
-										children: [/* @__PURE__ */ g("label", {
+									/* @__PURE__ */ v("div", {
+										className: I,
+										children: [/* @__PURE__ */ _("label", {
 											htmlFor: `${e.fieldKey}-audio-codec`,
-											className: I,
+											className: L,
 											children: "Codec"
-										}), /* @__PURE__ */ _("select", {
+										}), /* @__PURE__ */ v("select", {
 											id: `${e.fieldKey}-audio-codec`,
 											value: o.audio.codec,
 											onChange: (e) => w(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__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "opus",
 													children: "opus"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "aac",
 													children: "aac"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "pcmu",
 													children: "pcmu"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "pcma",
 													children: "pcma"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "copy",
 													children: "copy (passthrough)"
 												})
 											]
 										})]
 									}),
-									/* @__PURE__ */ _("div", {
-										className: F,
-										children: [/* @__PURE__ */ g("label", {
+									/* @__PURE__ */ v("div", {
+										className: I,
+										children: [/* @__PURE__ */ _("label", {
 											htmlFor: `${e.fieldKey}-audio-bitrate`,
-											className: I,
+											className: L,
 											children: "Bitrate (kbps)"
-										}), /* @__PURE__ */ g("input", {
+										}), /* @__PURE__ */ _("input", {
 											id: `${e.fieldKey}-audio-bitrate`,
 											type: "number",
 											value: o.audio.bitrateKbps ?? "",
@@ -768,9 +768,9 @@ function ce({ config: e, value: t, onSave: n }) {
 											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__ */ g("div", {
+									/* @__PURE__ */ _("div", {
 										className: "pt-2",
-										children: /* @__PURE__ */ g("button", {
+										children: /* @__PURE__ */ _("button", {
 											type: "button",
 											onClick: C,
 											className: "text-[11px] text-foreground-subtle hover:text-foreground underline-offset-2 hover:underline",
@@ -783,54 +783,54 @@ function ce({ config: e, value: t, onSave: n }) {
 					})]
 				})
 			}),
-			a ? /* @__PURE__ */ _(v, { children: [/* @__PURE__ */ _("div", {
-				className: L,
-				children: [/* @__PURE__ */ g("div", {
-					className: R,
-					children: /* @__PURE__ */ g("h3", {
-						className: z,
+			a ? /* @__PURE__ */ v(y, { children: [/* @__PURE__ */ v("div", {
+				className: R,
+				children: [/* @__PURE__ */ _("div", {
+					className: z,
+					children: /* @__PURE__ */ _("h3", {
+						className: B,
 						children: "Input args"
 					})
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "px-3 py-2",
 					children: k
 				})]
-			}), /* @__PURE__ */ _("div", {
-				className: L,
-				children: [/* @__PURE__ */ g("div", {
-					className: R,
-					children: /* @__PURE__ */ g("h3", {
-						className: z,
+			}), /* @__PURE__ */ v("div", {
+				className: R,
+				children: [/* @__PURE__ */ _("div", {
+					className: z,
+					children: /* @__PURE__ */ _("h3", {
+						className: B,
 						children: "Output args"
 					})
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "px-3 py-2",
-					children: M
+					children: A
 				})]
-			})] }) : /* @__PURE__ */ _("div", {
-				className: L,
-				children: [/* @__PURE__ */ _("button", {
+			})] }) : /* @__PURE__ */ v("div", {
+				className: R,
+				children: [/* @__PURE__ */ v("button", {
 					type: "button",
 					onClick: () => i((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__ */ _("span", {
+					children: [/* @__PURE__ */ v("span", {
 						className: "inline-flex items-center gap-1.5 text-[11px] font-semibold text-foreground uppercase tracking-wider",
-						children: [g(r ? A : j, { className: "h-3 w-3" }), "Advanced — raw ffmpeg args"]
-					}), /* @__PURE__ */ _("span", {
+						children: [_(r ? j : M, { className: "h-3 w-3" }), "Advanced — raw ffmpeg args"]
+					}), /* @__PURE__ */ v("span", {
 						className: "text-[10px] text-foreground-subtle italic",
 						children: [(o.inputArgs?.length ?? 0) + (o.outputArgs?.length ?? 0), " args"]
 					})]
-				}), r && /* @__PURE__ */ _("div", {
+				}), r && /* @__PURE__ */ v("div", {
 					className: "px-3 py-2 space-y-3 border-t border-border/50",
 					children: [
 						k,
-						/* @__PURE__ */ g(ie, {
+						/* @__PURE__ */ _(ie, {
 							outputArgs: o.outputArgs ?? [],
 							onChange: (e) => {
-								d(e.join("\n")), D(e.join("\n"));
+								u(e.join("\n")), D(e.join("\n"));
 							}
 						}),
-						M
+						A
 					]
 				})]
 			})
@@ -839,32 +839,32 @@ function ce({ config: e, value: t, onSave: n }) {
 }
 function le({ 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, { children: [
-		/* @__PURE__ */ _("span", {
+	return /* @__PURE__ */ v(y, { children: [
+		/* @__PURE__ */ v("span", {
 			className: t,
-			children: [/* @__PURE__ */ g("span", {
+			children: [/* @__PURE__ */ _("span", {
 				className: "opacity-60",
 				children: "codec"
 			}), n.codec]
 		}),
-		i !== void 0 && /* @__PURE__ */ _("span", {
+		i !== void 0 && /* @__PURE__ */ v("span", {
 			className: t,
-			children: [/* @__PURE__ */ g("span", {
+			children: [/* @__PURE__ */ _("span", {
 				className: "opacity-60",
 				children: "res"
 			}), i]
 		}),
-		n.fps !== void 0 && /* @__PURE__ */ _("span", {
+		n.fps !== void 0 && /* @__PURE__ */ v("span", {
 			className: t,
-			children: [/* @__PURE__ */ g("span", {
+			children: [/* @__PURE__ */ _("span", {
 				className: "opacity-60",
 				children: "fps"
 			}), n.fps]
 		}),
-		n.bitrateKbps !== void 0 && /* @__PURE__ */ _("span", {
+		n.bitrateKbps !== void 0 && /* @__PURE__ */ v("span", {
 			className: t,
 			children: [
-				/* @__PURE__ */ g("span", {
+				/* @__PURE__ */ _("span", {
 					className: "opacity-60",
 					children: "bitrate"
 				}),
@@ -872,24 +872,24 @@ function le({ profile: e }) {
 				"k"
 			]
 		}),
-		r === "passthrough" ? /* @__PURE__ */ _("span", {
+		r === "passthrough" ? /* @__PURE__ */ v("span", {
 			className: t,
-			children: [/* @__PURE__ */ g("span", {
+			children: [/* @__PURE__ */ _("span", {
 				className: "opacity-60",
 				children: "audio"
 			}), "passthrough"]
-		}) : /* @__PURE__ */ _(v, { children: [
-			/* @__PURE__ */ _("span", {
+		}) : /* @__PURE__ */ v(y, { children: [
+			/* @__PURE__ */ v("span", {
 				className: t,
-				children: [/* @__PURE__ */ g("span", {
+				children: [/* @__PURE__ */ _("span", {
 					className: "opacity-60",
 					children: "audio"
 				}), r.codec]
 			}),
-			r.bitrateKbps !== void 0 && /* @__PURE__ */ _("span", {
+			r.bitrateKbps !== void 0 && /* @__PURE__ */ v("span", {
 				className: t,
 				children: [
-					/* @__PURE__ */ g("span", {
+					/* @__PURE__ */ _("span", {
 						className: "opacity-60",
 						children: "a-bitrate"
 					}),
@@ -897,10 +897,10 @@ function le({ profile: e }) {
 					"k"
 				]
 			}),
-			r.sampleRateHz !== void 0 && /* @__PURE__ */ _("span", {
+			r.sampleRateHz !== void 0 && /* @__PURE__ */ v("span", {
 				className: t,
 				children: [
-					/* @__PURE__ */ g("span", {
+					/* @__PURE__ */ _("span", {
 						className: "opacity-60",
 						children: "a-sr"
 					}),
@@ -908,9 +908,9 @@ function le({ profile: e }) {
 					"Hz"
 				]
 			}),
-			r.channels !== void 0 && /* @__PURE__ */ _("span", {
+			r.channels !== void 0 && /* @__PURE__ */ v("span", {
 				className: t,
-				children: [/* @__PURE__ */ g("span", {
+				children: [/* @__PURE__ */ _("span", {
 					className: "opacity-60",
 					children: "a-ch"
 				}), r.channels]
@@ -919,7 +919,7 @@ function le({ profile: e }) {
 	] });
 }
 function ue(t) {
-	let n = t.config ?? {}, r = e(), [i, a] = p(() => n.initialValue), o = m((e) => {
+	let n = t.config ?? {}, r = e(), [i, a] = m(() => n.initialValue), o = h((e) => {
 		if (a(e), t.deviceId === void 0) return;
 		let i = n.writerCapName, o = n.writerAddonId, s = n.fieldKey;
 		if (i === void 0 || o === void 0 || s === void 0) {
@@ -940,15 +940,15 @@ function ue(t) {
 		n.writerAddonId,
 		r
 	]);
-	if (t.deviceId === void 0) return /* @__PURE__ */ g("div", {
+	if (t.deviceId === void 0) return /* @__PURE__ */ _("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 s = n.fieldKey;
-	return s === void 0 || s.length === 0 ? /* @__PURE__ */ g("div", {
+	return s === void 0 || s.length === 0 ? /* @__PURE__ */ _("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."
-	}) : /* @__PURE__ */ g(ce, {
+	}) : /* @__PURE__ */ _(ce, {
 		config: {
 			...n,
 			fieldKey: s
@@ -957,8 +957,8 @@ function ue(t) {
 		onSave: o
 	});
 }
-function B({ id: e, disabled: t, catalogue: n, onPick: r }) {
-	let [i, a] = p(!1), o = d(() => {
+function V({ id: e, disabled: t, catalogue: n, onPick: r }) {
+	let [i, a] = m(!1), o = f(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of n) {
 			let n = e.get(t.group) ?? [];
@@ -966,37 +966,37 @@ function B({ id: e, disabled: t, catalogue: n, onPick: r }) {
 		}
 		return e;
 	}, [n]);
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ v("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ _("button", {
+		children: [/* @__PURE__ */ v("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__ */ g(M, { className: "h-3 w-3" }), "Add flag…"]
-		}), i && !t && /* @__PURE__ */ _(v, { children: [/* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ _(ee, { className: "h-3 w-3" }), "Add flag…"]
+		}), i && !t && /* @__PURE__ */ v(y, { children: [/* @__PURE__ */ _("div", {
 			className: "fixed inset-0 z-40",
 			onClick: () => a(!1),
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ g("div", {
+		}), /* @__PURE__ */ _("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__ */ _("div", {
+			children: Array.from(o.entries()).map(([e, t]) => /* @__PURE__ */ v("div", {
 				className: "border-b border-border/30 last:border-b-0",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("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__ */ _("button", {
+				}), t.map((e) => /* @__PURE__ */ v("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__ */ g("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "font-mono text-[11px] text-foreground",
 						children: e.label
-					}), e.description !== void 0 && /* @__PURE__ */ g("div", {
+					}), e.description !== void 0 && /* @__PURE__ */ _("div", {
 						className: "text-[10px] text-foreground-subtle leading-snug mt-0.5",
 						children: e.description
 					})]
@@ -1007,18 +1007,18 @@ function B({ id: e, disabled: t, catalogue: n, onPick: r }) {
 }
 //#endregion
 //#region src/stream-broker/widgets/format-ua.ts
-var V = 24;
+var H = 24;
 function de(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 fe(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 H(e) {
+function U(e) {
 	let t = e.trim();
 	if (t.length === 0) return "";
 	let n = de(t), r = fe(t);
-	return n && r ? `${n}/${r}` : n || r || (t.length > V ? `${t.slice(0, V)}…` : t);
+	return n && r ? `${n}/${r}` : n || r || (t.length > H ? `${t.slice(0, H)}…` : t);
 }
 //#endregion
 //#region src/stream-broker/widgets/StreamBrokerPanel.tsx
@@ -1028,11 +1028,11 @@ function pe(e) {
 	let n = Math.floor(t / 60);
 	return n < 60 ? `${n}m` : `${Math.floor(n / 60)}h ${n % 60}m`;
 }
-var U = {
+var W = {
 	high: "High",
 	mid: "Mid",
 	low: "Low"
-}, W = [
+}, G = [
 	"high",
 	"mid",
 	"low"
@@ -1049,7 +1049,7 @@ var U = {
 	snapshot: "bg-cyan-500/15 text-cyan-400",
 	warmup: "bg-foreground-subtle/10 text-foreground-subtle",
 	unknown: "bg-foreground-subtle/10 text-foreground-subtle"
-}, G = {
+}, K = {
 	alexa: "ALEXA",
 	homekit: "HOMEKIT",
 	"webrtc-browser": "BROWSER",
@@ -1064,105 +1064,115 @@ var U = {
 	unknown: "—"
 };
 function he(e) {
-	return G[e] ?? e.toUpperCase().slice(0, 8);
+	return K[e] ?? e.toUpperCase().slice(0, 8);
 }
 function ge(e) {
-	return G[e] ?? e;
+	return K[e] ?? e;
 }
 function _e(e) {
 	let t = e.config ?? {};
-	return e.deviceId === void 0 ? /* @__PURE__ */ g("div", {
+	return e.deviceId === void 0 ? /* @__PURE__ */ _("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__ */ g(ve, {
+	}) : /* @__PURE__ */ _(ve, {
 		deviceId: e.deviceId,
 		title: t.title,
 		variant: t.variant,
 		hideEmpty: t.hideEmpty
 	});
 }
-function ve({ deviceId: e, title: t = "Stream Brokers", variant: r = "full", hideEmpty: o = !1 }) {
-	s(["streamBroker", "listAllProfileSlots"], [
+function ve({ deviceId: e, title: t = "Stream Brokers", variant: n = "full", hideEmpty: s = !1 }) {
+	c(["streamBroker", "listAllProfileSlots"], [
 		"device.streams-registered",
 		"device.streams-unregistered",
 		"device.registered",
 		"device.unregistered"
 	]);
-	let { data: c } = i(void 0, { staleTime: 3e4 }), l = (c ?? []).filter((t) => t.deviceId === e && t.sourceCamStreamId !== null).slice().toSorted((e, t) => W.indexOf(e.profile) - W.indexOf(t.profile)), u = a(n().trpcClient, e), { data: d } = b({
+	let { data: l } = a(void 0, { staleTime: 3e4 }), u = (l ?? []).filter((t) => t.deviceId === e && t.sourceCamStreamId !== null).slice().toSorted((e, t) => G.indexOf(e.profile) - G.indexOf(t.profile)), d = o(r().trpcClient, e), { data: f } = x({
 		queryKey: [
 			"device",
 			e,
 			"cameraStreams.getCameraStreams"
 		],
-		queryFn: () => u?.cameraStreams?.getCameraStreams({}) ?? [],
-		enabled: !!u,
+		queryFn: () => d?.cameraStreams?.getCameraStreams({}) ?? [],
+		enabled: !!d,
 		staleTime: 3e4
-	}), f = /* @__PURE__ */ new Map();
-	for (let e of d ?? []) f.set(e.camStreamId, e);
-	let p = new Set(l.map((e) => e.sourceCamStreamId).filter((e) => e !== null)), m = (d ?? []).filter((e) => !p.has(e.camStreamId)), h = l.length > 0, v = m.length > 0;
-	return o && !h && !v ? null : r === "compact" ? h ? /* @__PURE__ */ g("div", {
+	}), p = /* @__PURE__ */ new Map();
+	for (let e of f ?? []) p.set(e.camStreamId, e);
+	let { data: m } = i({ 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 s && !b && !S ? null : n === "compact" ? b ? /* @__PURE__ */ _("div", {
 		className: "divide-y divide-border/30",
-		children: l.map((e) => /* @__PURE__ */ g(q, {
+		children: u.map((e) => /* @__PURE__ */ _(J, {
 			slot: e,
-			camStreams: f,
+			camStreams: p,
 			compact: !0
 		}, e.brokerId))
-	}) : /* @__PURE__ */ g("div", {
+	}) : /* @__PURE__ */ _("div", {
 		className: "text-[11px] text-foreground-subtle italic px-2 py-1",
 		children: "No active profile slots"
-	}) : /* @__PURE__ */ _("div", {
+	}) : /* @__PURE__ */ v("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
 		children: [
-			/* @__PURE__ */ _("div", {
-				className: "border-b border-border px-4 py-2 flex items-center justify-between",
-				children: [/* @__PURE__ */ g("h2", {
-					className: "text-xs font-semibold text-foreground uppercase tracking-wider",
+			/* @__PURE__ */ v("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", {
+					className: "text-xs font-semibold text-foreground uppercase tracking-wider shrink-0",
 					children: t
-				}), h && /* @__PURE__ */ _("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",
-					children: [l.length, " assigned"]
+				}), /* @__PURE__ */ v("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}`,
+						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__ */ _(N, { className: "h-2.5 w-2.5 shrink-0" }), /* @__PURE__ */ _("span", {
+							className: "truncate",
+							children: h
+						})]
+					}), b && /* @__PURE__ */ v("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"]
+					})]
 				})]
 			}),
-			h ? /* @__PURE__ */ g("div", {
+			b ? /* @__PURE__ */ _("div", {
 				className: "divide-y divide-border/30",
-				children: l.map((e) => /* @__PURE__ */ g(q, {
+				children: u.map((e) => /* @__PURE__ */ _(J, {
 					slot: e,
-					camStreams: f,
+					camStreams: p,
 					compact: !1
 				}, e.brokerId))
-			}) : /* @__PURE__ */ _("div", {
+			}) : /* @__PURE__ */ v("div", {
 				className: "px-4 py-6 flex flex-col items-center text-center text-foreground-subtle",
-				children: [/* @__PURE__ */ g(ee, { className: "h-5 w-5 mb-2 opacity-30" }), /* @__PURE__ */ g("p", {
+				children: [/* @__PURE__ */ _(N, { className: "h-5 w-5 mb-2 opacity-30" }), /* @__PURE__ */ _("p", {
 					className: "text-xs",
 					children: "No profile slots assigned for this device"
 				})]
 			}),
-			v && /* @__PURE__ */ g(ye, {
+			S && /* @__PURE__ */ _(ye, {
 				deviceId: e,
-				camStreamIds: m.map((e) => e.camStreamId),
-				camStreams: f
+				camStreamIds: y.map((e) => e.camStreamId),
+				camStreams: p
 			})
 		]
 	});
 }
 function ye({ deviceId: e, camStreamIds: t, camStreams: n }) {
-	let [r, i] = p(!1);
-	return /* @__PURE__ */ _("div", {
+	let [r, i] = m(!1);
+	return /* @__PURE__ */ v("div", {
 		className: "border-t border-border/50",
-		children: [/* @__PURE__ */ _("button", {
+		children: [/* @__PURE__ */ v("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__ */ _("span", {
+			children: [/* @__PURE__ */ v("span", {
 				className: "inline-flex items-center gap-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle",
-				children: [g(r ? A : j, { className: "h-3 w-3" }), "Other active streams"]
-			}), /* @__PURE__ */ g("span", {
+				children: [_(r ? j : M, { className: "h-3 w-3" }), "Other active streams"]
+			}), /* @__PURE__ */ _("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__ */ g("div", {
+		}), r && /* @__PURE__ */ _("div", {
 			className: "divide-y divide-border/30",
-			children: t.map((t) => /* @__PURE__ */ g(be, {
+			children: t.map((t) => /* @__PURE__ */ _(be, {
 				deviceId: e,
 				camStreamId: t,
 				camStreams: n
@@ -1171,20 +1181,20 @@ function ye({ deviceId: e, camStreamIds: t, camStreams: n }) {
 	});
 }
 function be({ deviceId: e, camStreamId: n, camStreams: r }) {
-	let i = x(e, n), a = t("stream-broker.metrics-snapshot", (e) => e.brokerId === i)?.stats, o = r.get(n), s = a?.status === "streaming";
-	return /* @__PURE__ */ _("div", {
+	let i = S(e, n), a = t("stream-broker.metrics-snapshot", (e) => e.brokerId === i)?.stats, o = r.get(n), s = a?.status === "streaming";
+	return /* @__PURE__ */ v("div", {
 		className: "px-4 py-2",
-		children: [/* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "flex items-center justify-between mb-1",
-			children: /* @__PURE__ */ _("div", {
+			children: /* @__PURE__ */ v("div", {
 				className: "flex items-center gap-1.5",
 				children: [
-					/* @__PURE__ */ g("span", { className: `h-1.5 w-1.5 rounded-full ${s ? "bg-success" : "bg-foreground-subtle/40"}` }),
-					/* @__PURE__ */ g("span", {
+					/* @__PURE__ */ _("span", { className: `h-1.5 w-1.5 rounded-full ${s ? "bg-success" : "bg-foreground-subtle/40"}` }),
+					/* @__PURE__ */ _("span", {
 						className: "text-[11px] font-medium text-foreground",
 						children: o?.label ?? n
 					}),
-					o?.resolution && /* @__PURE__ */ _("span", {
+					o?.resolution && /* @__PURE__ */ v("span", {
 						className: "text-[10px] text-foreground-subtle",
 						children: [
 							o.resolution.width,
@@ -1192,51 +1202,51 @@ function be({ deviceId: e, camStreamId: n, camStreams: r }) {
 							o.resolution.height
 						]
 					}),
-					/* @__PURE__ */ g("span", {
+					/* @__PURE__ */ _("span", {
 						className: `text-[10px] ${s ? "text-success" : "text-foreground-subtle"}`,
 						children: a?.status ?? "idle"
 					})
 				]
 			})
-		}), a && s && /* @__PURE__ */ _("div", {
+		}), a && s && /* @__PURE__ */ v("div", {
 			className: "flex flex-wrap gap-x-3 gap-y-1 text-[10px]",
 			children: [
-				/* @__PURE__ */ _("span", {
+				/* @__PURE__ */ v("span", {
 					className: "inline-flex whitespace-nowrap gap-1",
-					children: [/* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ _("span", {
 						className: "text-foreground-subtle",
 						children: "FPS:"
-					}), /* @__PURE__ */ g("span", {
+					}), /* @__PURE__ */ _("span", {
 						className: "text-foreground",
 						children: a.inputFps.toFixed(1)
 					})]
 				}),
-				/* @__PURE__ */ _("span", {
+				/* @__PURE__ */ v("span", {
 					className: "inline-flex whitespace-nowrap gap-1",
-					children: [/* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ _("span", {
 						className: "text-foreground-subtle",
 						children: "Bitrate:"
-					}), /* @__PURE__ */ g("span", {
+					}), /* @__PURE__ */ _("span", {
 						className: "text-foreground",
 						children: a.bitrateKbps >= 1e3 ? `${(a.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${a.bitrateKbps} kbps`
 					})]
 				}),
-				/* @__PURE__ */ _("span", {
+				/* @__PURE__ */ v("span", {
 					className: "inline-flex whitespace-nowrap gap-1",
-					children: [/* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ _("span", {
 						className: "text-foreground-subtle",
 						children: "Codec:"
-					}), /* @__PURE__ */ g("span", {
+					}), /* @__PURE__ */ _("span", {
 						className: "text-foreground",
 						children: a.codec?.toUpperCase() ?? "—"
 					})]
 				}),
-				/* @__PURE__ */ _("span", {
+				/* @__PURE__ */ v("span", {
 					className: "inline-flex whitespace-nowrap gap-1",
-					children: [/* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ _("span", {
 						className: "text-foreground-subtle",
 						children: "Pkts:"
-					}), /* @__PURE__ */ g("span", {
+					}), /* @__PURE__ */ _("span", {
 						className: "text-foreground",
 						children: a.packetCount > 1e3 ? `${(a.packetCount / 1e3).toFixed(1)}k` : a.packetCount
 					})]
@@ -1245,7 +1255,7 @@ function be({ deviceId: e, camStreamId: n, camStreams: r }) {
 		})]
 	});
 }
-function K(e, t) {
+function q(e, t) {
 	let n = (e) => {
 		if (!e || typeof e != "object") return;
 		let r = e;
@@ -1266,293 +1276,294 @@ function K(e, t) {
 		if (t !== void 0) return t;
 	}
 }
-function q({ slot: e, camStreams: n, compact: i }) {
-	let a = y(), u = t("stream-broker.metrics-snapshot", (t) => t.brokerId === e.brokerId)?.stats;
-	s(["streamBroker", "listClients"], ["stream-broker.metrics-snapshot"]);
-	let { data: d } = o({ brokerId: e.brokerId }, {
-		enabled: u?.status === "streaming",
+function J({ slot: e, camStreams: r, compact: i }) {
+	let a = b(), o = t("stream-broker.metrics-snapshot", (t) => t.brokerId === e.brokerId)?.stats;
+	c(["streamBroker", "listClients"], ["stream-broker.metrics-snapshot"]);
+	let { data: d } = s({ brokerId: e.brokerId }, {
+		enabled: o?.status === "streaming",
 		staleTime: 2e3
-	}), { data: f } = l({ deviceId: e.deviceId }, { staleTime: 15e3 }), p = e.sourceCamStreamId ?? e.profile, h = !!(K(f, `preBufferEnabled:${p}`) ?? !0), b = K(f, `preBufferSec:${p}`), x = r({ onSuccess: () => {
+	}), { data: f } = n({ deviceId: e.deviceId }, { staleTime: 15e3 }), p = e.sourceCamStreamId ?? e.profile, m = !!(q(f, `preBufferEnabled:${p}`) ?? !0), g = q(f, `preBufferSec:${p}`), x = u({ onSuccess: () => {
 		a.invalidateQueries({ queryKey: [["streamBroker", "getDeviceSettingsContribution"]] });
 	} }), S = (t) => {
 		x.mutate({
 			deviceId: e.deviceId,
 			patch: { [`preBufferEnabled:${p}`]: t }
 		});
-	}, C = c({ onSuccess: () => {
+	}, C = l({ onSuccess: () => {
 		a.invalidateQueries({ queryKey: [["streamBroker", "listClients"]] });
-	} }), w = m((t) => {
+	} }), w = h((t) => {
 		C.mutate({
 			brokerId: e.brokerId,
 			...t
 		});
-	}, [C, e.brokerId]), T = (e.sourceCamStreamId ? n.get(e.sourceCamStreamId) : void 0)?.resolution ?? e.resolution, E = u?.status === "streaming", D = T ? `${U[e.profile]} (${T.width}×${T.height})` : U[e.profile], O = u ? u.encodedSubscribers + u.decodedSubscribers + (u.rtspClients ?? 0) + (u.pipeClients ?? 0) : 0;
-	return /* @__PURE__ */ _("div", {
+	}, [C, e.brokerId]), T = (e.sourceCamStreamId ? r.get(e.sourceCamStreamId) : void 0)?.resolution ?? e.resolution, E = o?.status === "streaming", D = T ? `${W[e.profile]} (${T.width}×${T.height})` : W[e.profile], O = o ? o.encodedSubscribers + o.decodedSubscribers + (o.rtspClients ?? 0) + (o.pipeClients ?? 0) : 0;
+	return /* @__PURE__ */ v("div", {
 		className: `@container ${i ? "px-3 py-1.5" : "px-4 py-2"}`,
 		style: { containerType: "inline-size" },
 		children: [
-			/* @__PURE__ */ _("div", {
-				className: "flex items-center justify-between mb-1.5",
-				children: [/* @__PURE__ */ _("div", {
-					className: "flex items-center gap-1.5",
+			/* @__PURE__ */ v("div", {
+				className: "flex items-center justify-between gap-2 mb-1.5",
+				children: [/* @__PURE__ */ v("div", {
+					className: "flex items-center gap-1.5 min-w-0",
 					children: [
-						/* @__PURE__ */ g("span", { className: `h-1.5 w-1.5 rounded-full ${E ? e.profile === "high" ? "bg-success" : e.profile === "mid" ? "bg-warning" : "bg-foreground-subtle" : "bg-foreground-subtle/40"}` }),
-						/* @__PURE__ */ g("span", {
-							className: "text-[11px] font-medium text-foreground",
+						/* @__PURE__ */ _("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__ */ _("span", {
+							className: "text-[11px] font-medium text-foreground whitespace-nowrap shrink-0",
 							children: D
 						}),
-						/* @__PURE__ */ g("span", {
-							className: `text-[10px] ${E ? "text-success" : "text-foreground-subtle"}`,
-							children: u?.status ?? "loading"
+						/* @__PURE__ */ _("span", {
+							className: `text-[10px] shrink-0 ${E ? "text-success" : "text-foreground-subtle"}`,
+							children: o?.status ?? "loading"
 						}),
-						e.sourceCamStreamId && /* @__PURE__ */ _("span", {
-							className: "text-[10px] text-foreground-subtle",
+						e.sourceCamStreamId && /* @__PURE__ */ v("span", {
+							className: "text-[10px] text-foreground-subtle truncate min-w-0",
+							title: e.sourceCamStreamId,
 							children: ["← ", e.sourceCamStreamId]
 						})
 					]
-				}), /* @__PURE__ */ g("span", {
-					className: "text-[10px] text-foreground-subtle",
-					children: u && u.uptimeMs > 0 ? pe(u.uptimeMs) : "—"
+				}), /* @__PURE__ */ _("span", {
+					className: "text-[10px] text-foreground-subtle shrink-0 whitespace-nowrap",
+					children: o && o.uptimeMs > 0 ? pe(o.uptimeMs) : "—"
 				})]
 			}),
-			u && E ? i ? /* @__PURE__ */ _("div", {
+			o && E ? i ? /* @__PURE__ */ v("div", {
 				className: "flex flex-wrap gap-x-3 gap-y-0.5 text-[10px]",
 				children: [
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ v("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ g("span", {
+						children: [/* @__PURE__ */ _("span", {
 							className: "text-foreground-subtle",
 							children: "FPS:"
-						}), /* @__PURE__ */ _("span", {
+						}), /* @__PURE__ */ v("span", {
 							className: "text-foreground",
 							children: [
-								u.inputFps.toFixed(1),
+								o.inputFps.toFixed(1),
 								"/",
-								u.decodeFps.toFixed(1)
+								o.decodeFps.toFixed(1)
 							]
 						})]
 					}),
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ v("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ g("span", {
+						children: [/* @__PURE__ */ _("span", {
 							className: "text-foreground-subtle",
 							children: "Bitrate:"
-						}), /* @__PURE__ */ g("span", {
+						}), /* @__PURE__ */ _("span", {
 							className: "text-foreground",
-							children: u.bitrateKbps >= 1e3 ? `${(u.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${u.bitrateKbps} kbps`
+							children: o.bitrateKbps >= 1e3 ? `${(o.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${o.bitrateKbps} kbps`
 						})]
 					}),
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ v("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ g("span", {
+						children: [/* @__PURE__ */ _("span", {
 							className: "text-foreground-subtle",
 							children: "Codec:"
-						}), /* @__PURE__ */ g("span", {
+						}), /* @__PURE__ */ _("span", {
 							className: "text-foreground",
-							children: u.codec?.toUpperCase() ?? "—"
+							children: o.codec?.toUpperCase() ?? "—"
 						})]
 					}),
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ v("span", {
 						className: "inline-flex items-center whitespace-nowrap gap-1",
 						children: [
-							/* @__PURE__ */ g("span", {
+							/* @__PURE__ */ _("span", {
 								className: "text-foreground-subtle",
 								children: "Clients:"
 							}),
-							/* @__PURE__ */ g("span", {
+							/* @__PURE__ */ _("span", {
 								className: "text-foreground font-semibold",
 								children: O
 							}),
-							/* @__PURE__ */ g("span", {
+							/* @__PURE__ */ _("span", {
 								className: "text-foreground-subtle/70",
 								children: "("
 							}),
-							/* @__PURE__ */ g(Ce, {
-								count: u.encodedSubscribers + u.decodedSubscribers,
+							/* @__PURE__ */ _(we, {
+								count: o.encodedSubscribers + o.decodedSubscribers,
 								clients: d,
 								onKill: w
 							}),
-							/* @__PURE__ */ g("span", {
+							/* @__PURE__ */ _("span", {
 								className: "text-foreground-subtle/70",
 								children: "·"
 							}),
-							/* @__PURE__ */ g(Te, {
-								count: u.rtspClients ?? 0,
+							/* @__PURE__ */ _(Ee, {
+								count: o.rtspClients ?? 0,
 								clients: d,
 								onKill: w
 							}),
-							/* @__PURE__ */ _("span", {
+							/* @__PURE__ */ v("span", {
 								className: "text-foreground-subtle/70",
 								children: [
 									"· pipe ",
-									u.pipeClients ?? 0,
+									o.pipeClients ?? 0,
 									")"
 								]
 							})
 						]
 					})
 				]
-			}) : /* @__PURE__ */ _(v, { children: [/* @__PURE__ */ _("div", {
+			}) : /* @__PURE__ */ v(y, { children: [/* @__PURE__ */ v("div", {
 				className: "flex flex-wrap gap-x-3 gap-y-1 text-[10px]",
 				children: [
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ v("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ g("span", {
+						children: [/* @__PURE__ */ _("span", {
 							className: "text-foreground-subtle",
 							children: "In:"
-						}), /* @__PURE__ */ _("span", {
+						}), /* @__PURE__ */ v("span", {
 							className: "text-foreground",
-							children: [u.inputFps.toFixed(1), " fps"]
+							children: [o.inputFps.toFixed(1), " fps"]
 						})]
 					}),
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ v("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ g("span", {
+						children: [/* @__PURE__ */ _("span", {
 							className: "text-foreground-subtle",
 							children: "Dec:"
-						}), /* @__PURE__ */ _("span", {
+						}), /* @__PURE__ */ v("span", {
 							className: "text-foreground",
-							children: [u.decodeFps.toFixed(1), " fps"]
+							children: [o.decodeFps.toFixed(1), " fps"]
 						})]
 					}),
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ v("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ g("span", {
+						children: [/* @__PURE__ */ _("span", {
 							className: "text-foreground-subtle",
 							children: "Bitrate:"
-						}), /* @__PURE__ */ g("span", {
+						}), /* @__PURE__ */ _("span", {
 							className: "text-foreground",
-							children: u.bitrateKbps >= 1e3 ? `${(u.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${u.bitrateKbps} kbps`
+							children: o.bitrateKbps >= 1e3 ? `${(o.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${o.bitrateKbps} kbps`
 						})]
 					}),
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ v("span", {
 						className: "hidden @[480px]:inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ g("span", {
+						children: [/* @__PURE__ */ _("span", {
 							className: "text-foreground-subtle",
 							children: "IDR:"
-						}), /* @__PURE__ */ g("span", {
+						}), /* @__PURE__ */ _("span", {
 							className: "text-foreground",
-							children: u.idrIntervalMs > 0 ? `${(u.idrIntervalMs / 1e3).toFixed(1)}s` : "—"
+							children: o.idrIntervalMs > 0 ? `${(o.idrIntervalMs / 1e3).toFixed(1)}s` : "—"
 						})]
 					}),
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ v("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ g("span", {
+						children: [/* @__PURE__ */ _("span", {
 							className: "text-foreground-subtle",
 							children: "Codec:"
-						}), /* @__PURE__ */ g("span", {
+						}), /* @__PURE__ */ _("span", {
 							className: "text-foreground",
-							children: u.codec?.toUpperCase() ?? "—"
+							children: o.codec?.toUpperCase() ?? "—"
 						})]
 					}),
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ v("span", {
 						className: "hidden @[480px]:inline-flex whitespace-nowrap gap-1 max-w-full overflow-hidden",
-						children: [/* @__PURE__ */ g("span", {
+						children: [/* @__PURE__ */ _("span", {
 							className: "text-foreground-subtle",
 							children: "Decoder:"
-						}), /* @__PURE__ */ g("span", {
+						}), /* @__PURE__ */ _("span", {
 							className: "text-foreground font-mono truncate",
-							children: u.decoderNodeId ?? /* @__PURE__ */ g("span", {
+							children: o.decoderNodeId ?? /* @__PURE__ */ _("span", {
 								className: "text-foreground-subtle italic",
 								children: "deferred"
 							})
 						})]
 					}),
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ v("span", {
 						className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ g("span", {
+						children: [/* @__PURE__ */ _("span", {
 							className: "text-foreground-subtle",
 							children: "Pipe:"
-						}), /* @__PURE__ */ g("span", {
+						}), /* @__PURE__ */ _("span", {
 							className: "text-foreground",
-							children: u.pipeClients ?? 0
+							children: o.pipeClients ?? 0
 						})]
 					}),
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ v("span", {
 						className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ g("span", {
+						children: [/* @__PURE__ */ _("span", {
 							className: "text-foreground-subtle",
 							children: "Packets:"
-						}), /* @__PURE__ */ g("span", {
+						}), /* @__PURE__ */ _("span", {
 							className: "text-foreground",
-							children: u.packetCount > 1e3 ? `${(u.packetCount / 1e3).toFixed(1)}k` : u.packetCount
+							children: o.packetCount > 1e3 ? `${(o.packetCount / 1e3).toFixed(1)}k` : o.packetCount
 						})]
 					}),
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ v("span", {
 						className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ g("span", {
+						children: [/* @__PURE__ */ _("span", {
 							className: "text-foreground-subtle",
 							children: "Data:"
-						}), /* @__PURE__ */ g("span", {
+						}), /* @__PURE__ */ _("span", {
 							className: "text-foreground",
-							children: u.totalBytes > 1048576 ? `${(u.totalBytes / 1048576).toFixed(1)} MB` : `${(u.totalBytes / 1024).toFixed(0)} KB`
+							children: o.totalBytes > 1048576 ? `${(o.totalBytes / 1048576).toFixed(1)} MB` : `${(o.totalBytes / 1024).toFixed(0)} KB`
 						})]
 					}),
-					u.audio && /* @__PURE__ */ _("div", {
+					o.audio && /* @__PURE__ */ v("div", {
 						className: "basis-full flex flex-wrap items-center gap-x-1.5 gap-y-0.5",
 						children: [
-							/* @__PURE__ */ g("span", {
+							/* @__PURE__ */ _("span", {
 								className: "text-foreground-subtle whitespace-nowrap",
 								children: "Audio:"
 							}),
-							/* @__PURE__ */ _("span", {
+							/* @__PURE__ */ v("span", {
 								className: "inline-flex whitespace-nowrap items-center gap-1.5",
 								children: [
-									/* @__PURE__ */ g("span", {
+									/* @__PURE__ */ _("span", {
 										className: "text-foreground",
-										children: u.audio.codec.toUpperCase()
+										children: o.audio.codec.toUpperCase()
 									}),
-									/* @__PURE__ */ g("span", {
+									/* @__PURE__ */ _("span", {
 										className: "text-foreground-subtle",
 										children: "·"
 									}),
-									/* @__PURE__ */ g("span", {
+									/* @__PURE__ */ _("span", {
 										className: "text-foreground",
-										children: u.audio.sampleRate >= 1e3 ? `${(u.audio.sampleRate / 1e3).toFixed(u.audio.sampleRate % 1e3 == 0 ? 0 : 1)}kHz` : `${u.audio.sampleRate}Hz`
+										children: o.audio.sampleRate >= 1e3 ? `${(o.audio.sampleRate / 1e3).toFixed(o.audio.sampleRate % 1e3 == 0 ? 0 : 1)}kHz` : `${o.audio.sampleRate}Hz`
 									}),
-									/* @__PURE__ */ g("span", {
+									/* @__PURE__ */ _("span", {
 										className: "text-foreground-subtle",
 										children: "·"
 									}),
-									/* @__PURE__ */ g("span", {
+									/* @__PURE__ */ _("span", {
 										className: "text-foreground",
-										children: u.audio.channels === 1 ? "mono" : u.audio.channels === 2 ? "stereo" : `${u.audio.channels}ch`
+										children: o.audio.channels === 1 ? "mono" : o.audio.channels === 2 ? "stereo" : `${o.audio.channels}ch`
 									})
 								]
 							}),
-							/* @__PURE__ */ g("span", {
-								className: `px-1 py-px rounded text-[8px] font-medium whitespace-nowrap ${u.audio.supported ? "bg-success/15 text-success" : "bg-amber-500/15 text-amber-500"}`,
-								children: u.audio.supported ? "decoded" : "no decoder"
+							/* @__PURE__ */ _("span", {
+								className: `px-1 py-px rounded text-[8px] font-medium whitespace-nowrap ${o.audio.supported ? "bg-success/15 text-success" : "bg-amber-500/15 text-amber-500"}`,
+								children: o.audio.supported ? "decoded" : "no decoder"
 							})
 						]
 					})
 				]
-			}), /* @__PURE__ */ g(Z, {
+			}), /* @__PURE__ */ _(Ce, {
 				clients: d,
-				encodedCount: u.encodedSubscribers,
+				encodedCount: o.encodedSubscribers,
 				onKill: w
-			})] }) : /* @__PURE__ */ g("p", {
+			})] }) : /* @__PURE__ */ _("p", {
 				className: "text-[10px] text-foreground-subtle italic",
 				children: "No demand — stream suspended"
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "mt-1.5 flex items-center gap-1.5 text-[10px]",
 				children: [
-					/* @__PURE__ */ g("span", {
+					/* @__PURE__ */ _("span", {
 						className: "text-foreground-subtle",
 						children: "Buffer:"
 					}),
-					/* @__PURE__ */ g(we, {
-						enabled: h,
+					/* @__PURE__ */ _(Te, {
+						enabled: m,
 						onToggle: (e) => S(e),
 						disabled: x.isPending
 					}),
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ v("span", {
 						className: "text-foreground",
 						children: [
-							b ?? u?.preBufferSec ?? 0,
+							g ?? o?.preBufferSec ?? 0,
 							"s",
-							u && E ? ` (${u.preBufferPackets}p)` : ""
+							o && E ? ` (${o.preBufferPackets}p)` : ""
 						]
 					})
 				]
@@ -1561,16 +1572,16 @@ function q({ slot: e, camStreams: n, compact: i }) {
 	});
 }
 var xe = 280, Se = 120;
-function J({ trigger: e, content: t, widthClass: n }) {
-	let r = u(null), i = u(null), [a, o] = p(!1), [s, c] = p(!1), l = m(() => {
+function Y({ trigger: e, content: t, widthClass: n }) {
+	let r = d(null), i = d(null), [a, o] = m(!1), [s, c] = m(!1), l = h(() => {
 		i.current &&= (clearTimeout(i.current), null);
-	}, []), d = m(() => {
+	}, []), u = h(() => {
 		l(), i.current = setTimeout(() => o(!1), Se);
 	}, [l]);
-	return /* @__PURE__ */ _("span", {
+	return /* @__PURE__ */ v("span", {
 		ref: r,
 		className: "relative inline-block",
-		onMouseEnter: m(() => {
+		onMouseEnter: h(() => {
 			l();
 			let e = r.current;
 			if (e) {
@@ -1579,37 +1590,37 @@ function J({ trigger: e, content: t, widthClass: n }) {
 			}
 			o(!0);
 		}, [l]),
-		onMouseLeave: d,
-		children: [e, a && /* @__PURE__ */ g("div", {
+		onMouseLeave: u,
+		children: [e, a && /* @__PURE__ */ _("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: d,
+			onMouseLeave: u,
 			children: t
 		})]
 	});
 }
-function Y(e) {
+function X(e) {
 	if (e < 1e3) return `${e}ms`;
 	let t = Math.floor(e / 1e3);
 	if (t < 60) return `${t}s`;
 	let n = Math.floor(t / 60);
 	return n < 60 ? `${n}m ${t % 60}s` : `${Math.floor(n / 60)}h ${n % 60}m`;
 }
-function X(e) {
+function Z(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 Z({ 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] = p(!0);
-	return s === 0 ? /* @__PURE__ */ g("div", {
+function Ce({ 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", {
 		className: "mt-1.5 text-[10px] text-foreground-subtle italic",
 		children: "No active subscribers"
-	}) : /* @__PURE__ */ _("div", {
+	}) : /* @__PURE__ */ v("div", {
 		className: "mt-1.5 border-t border-border/30 pt-1.5",
-		children: [/* @__PURE__ */ _("button", {
+		children: [/* @__PURE__ */ v("button", {
 			type: "button",
 			onClick: () => l((e) => !e),
 			className: "flex items-center gap-1 text-[10px] text-foreground-subtle hover:text-foreground transition-colors",
-			children: [g(c ? A : j, { className: "h-3 w-3" }), /* @__PURE__ */ _("span", {
+			children: [_(c ? j : M, { className: "h-3 w-3" }), /* @__PURE__ */ v("span", {
 				className: "uppercase tracking-wider",
 				children: [
 					"Subscribers (",
@@ -1617,10 +1628,10 @@ function Z({ clients: e, encodedCount: t, onKill: n }) {
 					")"
 				]
 			})]
-		}), c && /* @__PURE__ */ _("div", {
+		}), c && /* @__PURE__ */ v("div", {
 			className: "mt-1 divide-y divide-border/20",
 			children: [
-				r.map((e, t) => /* @__PURE__ */ g(Q, {
+				r.map((e, t) => /* @__PURE__ */ _(Q, {
 					kind: "DECODED",
 					kindClass: "bg-success/10 text-success",
 					tag: e.tag || "unknown",
@@ -1638,7 +1649,7 @@ function Z({ clients: e, encodedCount: t, onKill: n }) {
 						handle: e.tag
 					}) : void 0
 				}, `d-${t}`)),
-				i.map((e, t) => /* @__PURE__ */ g(Q, {
+				i.map((e, t) => /* @__PURE__ */ _(Q, {
 					kind: "AUDIO",
 					kindClass: "bg-info/10 text-info",
 					tag: e.tag || "unknown",
@@ -1651,15 +1662,15 @@ function Z({ 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__ */ g(Q, {
+					return /* @__PURE__ */ _(Q, {
 						kind: "RTSP",
 						kindClass: "bg-warning/10 text-warning",
-						tag: e.userAgent ? H(e.userAgent) : e.remoteAddr,
+						tag: e.userAgent ? U(e.userAgent) : e.remoteAddr,
 						state: {
 							text: i + (e.muted ? " · muted" : ""),
 							className: a
 						},
-						metrics: [X(e.bytesSent), `last rtp ${Y(t)} ago`],
+						metrics: [Z(e.bytesSent), `last rtp ${X(t)} ago`],
 						age: Date.now() - e.connectedAt,
 						onKill: n ? () => n({
 							channel: "rtsp",
@@ -1669,9 +1680,9 @@ function Z({ clients: e, encodedCount: t, onKill: n }) {
 				}),
 				o.map((e) => {
 					let t = e.attribution, n = me[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(H(t.userAgent));
+					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(U(t.userAgent));
 					let a = i.length > 0 ? i.join(" · ") : ge(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__ */ g(Q, {
+					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: he(t.kind),
 						kindClass: n,
 						tag: a,
@@ -1679,10 +1690,10 @@ function Z({ clients: e, encodedCount: t, onKill: n }) {
 						age: Date.now() - e.subscribedAt
 					}, e.id);
 				}),
-				o.length === 0 && t > 0 && /* @__PURE__ */ _("div", {
+				o.length === 0 && t > 0 && /* @__PURE__ */ v("div", {
 					className: "py-0.5 text-[10px] text-foreground-subtle",
 					children: [
-						/* @__PURE__ */ g("span", {
+						/* @__PURE__ */ _("span", {
 							className: "inline-block px-1 rounded text-[9px] font-bold bg-foreground-subtle/10 text-foreground-subtle mr-2",
 							children: "ENCODED"
 						}),
@@ -1695,66 +1706,82 @@ function Z({ clients: e, encodedCount: t, onKill: n }) {
 	});
 }
 function Q({ kind: e, kindClass: t, tag: n, state: r, metrics: i, age: a, onKill: o }) {
-	return /* @__PURE__ */ _("div", {
-		className: "flex items-center gap-2 py-0.5 text-[10px]",
+	return /* @__PURE__ */ v("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__ */ g("span", {
-				className: `inline-block px-1 rounded text-[9px] font-bold shrink-0 w-14 text-center ${t}`,
-				children: e
-			}),
-			/* @__PURE__ */ g("span", {
-				className: "text-foreground font-medium truncate flex-1",
-				children: n
-			}),
-			r && /* @__PURE__ */ g("span", {
-				className: `text-[9px] px-1 rounded shrink-0 ${r.className}`,
-				children: r.text
+			/* @__PURE__ */ v("div", {
+				className: "flex items-center gap-2 min-w-0 @[420px]:flex-1",
+				children: [
+					/* @__PURE__ */ _("span", {
+						className: `inline-block px-1 rounded text-[9px] font-bold shrink-0 w-14 text-center ${t}`,
+						children: e
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "text-foreground font-medium truncate min-w-0 flex-1",
+						title: n,
+						children: n
+					}),
+					o && /* @__PURE__ */ _("div", {
+						className: "shrink-0 flex items-center justify-end @[420px]:hidden",
+						children: /* @__PURE__ */ _($, { onClick: o })
+					})
+				]
 			}),
-			/* @__PURE__ */ _("span", {
-				className: "text-foreground-subtle flex items-center gap-1.5 shrink-0",
-				children: [i.map((e, t) => /* @__PURE__ */ _("span", { children: [t > 0 && /* @__PURE__ */ g("span", {
-					className: "mr-1.5 text-foreground-subtle/50",
-					children: "·"
-				}), typeof e == "string" ? e : /* @__PURE__ */ g("span", {
-					className: e.warn ? "text-amber-400" : "",
-					children: e.text
-				})] }, t)), /* @__PURE__ */ _("span", {
-					className: "text-foreground-subtle/70",
-					children: ["· ", Y(a)]
-				})]
+			/* @__PURE__ */ v("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", {
+						className: `text-[9px] px-1 rounded shrink-0 ${r.className}`,
+						children: r.text
+					}),
+					i.map((e, t) => /* @__PURE__ */ v("span", {
+						className: "whitespace-nowrap",
+						children: [t > 0 && /* @__PURE__ */ _("span", {
+							className: "mr-1.5 text-foreground-subtle/50",
+							children: "·"
+						}), typeof e == "string" ? e : /* @__PURE__ */ _("span", {
+							className: e.warn ? "text-amber-400" : "",
+							children: e.text
+						})]
+					}, t)),
+					/* @__PURE__ */ v("span", {
+						className: "text-foreground-subtle/70 whitespace-nowrap",
+						children: ["· ", X(a)]
+					})
+				]
 			}),
-			/* @__PURE__ */ g("div", {
-				className: "w-5 flex-shrink-0 flex items-center justify-end",
-				children: o ? /* @__PURE__ */ g($, { onClick: o }) : null
+			/* @__PURE__ */ _("div", {
+				className: "hidden @[420px]:flex w-5 flex-shrink-0 items-center justify-end",
+				children: o ? /* @__PURE__ */ _($, { onClick: o }) : null
 			})
 		]
 	});
 }
-function Ce({ 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__ */ g("span", {
+function we({ 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", {
 		className: `text-foreground ${o ? "underline decoration-dotted decoration-foreground-subtle/50 underline-offset-2 cursor-help" : ""}`,
 		children: e
 	});
-	return o ? /* @__PURE__ */ g(J, {
+	return o ? /* @__PURE__ */ _(Y, {
 		trigger: s,
-		content: /* @__PURE__ */ _(v, { children: [
-			r.length > 0 && /* @__PURE__ */ _("div", {
+		content: /* @__PURE__ */ v(y, { children: [
+			r.length > 0 && /* @__PURE__ */ v("div", {
 				className: "mb-2",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1",
 					children: "Decoded subscribers"
-				}), r.map((e, t) => /* @__PURE__ */ _("div", {
+				}), r.map((e, t) => /* @__PURE__ */ v("div", {
 					className: "flex items-center justify-between gap-2 py-0.5",
-					children: [/* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ _("span", {
 						className: "text-foreground font-medium truncate",
 						children: e.tag || "unknown"
-					}), /* @__PURE__ */ _("span", {
+					}), /* @__PURE__ */ v("span", {
 						className: "text-foreground-subtle text-[9px] flex items-center gap-1.5 shrink-0",
 						children: [
-							/* @__PURE__ */ _("span", { children: [e.maxFps.toFixed(0), "fps"] }),
-							/* @__PURE__ */ g("span", { children: "·" }),
-							/* @__PURE__ */ _("span", { children: [e.framesDelivered, " del"] }),
-							e.framesDropped > 0 && /* @__PURE__ */ _("span", {
+							/* @__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", {
 								className: "text-amber-400",
 								children: [
 									"· ",
@@ -1762,9 +1789,9 @@ function Ce({ count: e, clients: t, onKill: n }) {
 									" drop"
 								]
 							}),
-							/* @__PURE__ */ g("span", { children: "·" }),
-							/* @__PURE__ */ g("span", { children: Y(Date.now() - e.subscribedAt) }),
-							n && e.tag && /* @__PURE__ */ g($, { onClick: () => n({
+							/* @__PURE__ */ _("span", { children: "·" }),
+							/* @__PURE__ */ _("span", { children: X(Date.now() - e.subscribedAt) }),
+							n && e.tag && /* @__PURE__ */ _($, { onClick: () => n({
 								channel: "decoded",
 								handle: e.tag
 							}) })
@@ -1772,23 +1799,23 @@ function Ce({ count: e, clients: t, onKill: n }) {
 					})]
 				}, `d-${t}`))]
 			}),
-			i.length > 0 && /* @__PURE__ */ _("div", {
+			i.length > 0 && /* @__PURE__ */ v("div", {
 				className: "mb-2",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1",
 					children: "Audio subscribers"
-				}), i.map((e, t) => /* @__PURE__ */ _("div", {
+				}), i.map((e, t) => /* @__PURE__ */ v("div", {
 					className: "flex items-center justify-between gap-2 py-0.5",
-					children: [/* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ _("span", {
 						className: "text-foreground font-medium truncate",
 						children: e.tag || "unknown"
-					}), /* @__PURE__ */ _("span", {
+					}), /* @__PURE__ */ v("span", {
 						className: "text-foreground-subtle text-[9px] flex items-center gap-1.5 shrink-0",
 						children: [
-							/* @__PURE__ */ _("span", { children: [e.chunksDelivered, " chunks"] }),
-							/* @__PURE__ */ g("span", { children: "·" }),
-							/* @__PURE__ */ g("span", { children: Y(Date.now() - e.subscribedAt) }),
-							n && e.tag && /* @__PURE__ */ g($, { onClick: () => n({
+							/* @__PURE__ */ v("span", { children: [e.chunksDelivered, " chunks"] }),
+							/* @__PURE__ */ _("span", { children: "·" }),
+							/* @__PURE__ */ _("span", { children: X(Date.now() - e.subscribedAt) }),
+							n && e.tag && /* @__PURE__ */ _($, { onClick: () => n({
 								channel: "audio",
 								handle: e.tag
 							}) })
@@ -1796,10 +1823,10 @@ function Ce({ count: e, clients: t, onKill: n }) {
 					})]
 				}, `a-${t}`))]
 			}),
-			a > 0 && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("div", {
+			a > 0 && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("div", {
 				className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1",
 				children: "Encoded"
-			}), /* @__PURE__ */ _("div", {
+			}), /* @__PURE__ */ v("div", {
 				className: "text-foreground",
 				children: [a, " callback subscriber(s)"]
 			})] })
@@ -1807,8 +1834,8 @@ function Ce({ count: e, clients: t, onKill: n }) {
 		widthClass: "min-w-[260px] max-w-[360px]"
 	}) : s;
 }
-function we({ enabled: e, onToggle: t, disabled: n }) {
-	return /* @__PURE__ */ g("button", {
+function Te({ enabled: e, onToggle: t, disabled: n }) {
+	return /* @__PURE__ */ _("button", {
 		type: "button",
 		role: "switch",
 		"aria-checked": e,
@@ -1816,61 +1843,61 @@ function we({ 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__ */ g("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__ */ _("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__ */ g("button", {
+	return /* @__PURE__ */ _("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__ */ g(te, { className: "h-2.5 w-2.5" })
+		children: /* @__PURE__ */ _(te, { className: "h-2.5 w-2.5" })
 	});
 }
-function Te({ count: e, clients: t, onKill: n }) {
-	let r = t?.rtsp ?? [], i = r.length > 0, a = /* @__PURE__ */ g("span", {
+function Ee({ count: e, clients: t, onKill: n }) {
+	let r = t?.rtsp ?? [], i = r.length > 0, a = /* @__PURE__ */ _("span", {
 		className: `text-foreground ${i ? "underline decoration-dotted decoration-foreground-subtle/50 underline-offset-2 cursor-help" : ""}`,
 		children: e
 	});
-	return i ? /* @__PURE__ */ g(J, {
+	return i ? /* @__PURE__ */ _(Y, {
 		trigger: a,
-		content: /* @__PURE__ */ _(v, { children: [/* @__PURE__ */ g("div", {
+		content: /* @__PURE__ */ v(y, { children: [/* @__PURE__ */ _("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__ */ _("div", {
+			return /* @__PURE__ */ v("div", {
 				className: "py-1 border-b border-border/40 last:border-b-0",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ _("span", {
 						className: "text-foreground font-mono",
-						children: e.userAgent ? H(e.userAgent) : e.remoteAddr
-					}), /* @__PURE__ */ _("span", {
+						children: e.userAgent ? U(e.userAgent) : e.remoteAddr
+					}), /* @__PURE__ */ v("span", {
 						className: "flex items-center gap-1 shrink-0",
-						children: [/* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ v("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__ */ g($, { onClick: () => n({
+						}), n && /* @__PURE__ */ _($, { onClick: () => n({
 							channel: "rtsp",
 							handle: e.sessionId
 						}) })]
 					})]
-				}), /* @__PURE__ */ _("div", {
+				}), /* @__PURE__ */ v("div", {
 					className: "flex items-center justify-between gap-2 text-foreground-subtle text-[9px] mt-0.5",
 					children: [
-						/* @__PURE__ */ _("span", { children: [X(e.bytesSent), " sent"] }),
-						/* @__PURE__ */ _("span", { children: [
+						/* @__PURE__ */ v("span", { children: [Z(e.bytesSent), " sent"] }),
+						/* @__PURE__ */ v("span", { children: [
 							"connected ",
-							Y(Date.now() - e.connectedAt),
+							X(Date.now() - e.connectedAt),
 							" ago"
 						] }),
-						/* @__PURE__ */ _("span", { children: [
+						/* @__PURE__ */ v("span", { children: [
 							"last rtp ",
-							Y(t),
+							X(t),
 							" ago"
 						] })
 					]
@@ -1882,9 +1909,9 @@ function Te({ count: e, clients: t, onKill: n }) {
 }
 //#endregion
 //#region src/stream-broker/widgets/index.tsx
-var Ee = {
+var De = {
 	"stream-broker-panel": _e,
 	"ffmpeg-params": ue
 };
 //#endregion
-export { Ee as default };
+export { De as default };