@camstack/addon-pipeline 0.1.20 → 0.2.0

package/dist/stream-broker/_stub.js

@@ -1,1382 +1,1836 @@
-import { _ as r, a as e, b as $ } from "./__mfe_internal__addon_stream_broker_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-x6pP3Ghk.mjs";
-import { a as oe, b as V, c as x, d as R, e as W, f as me } from "./__mfe_internal__addon_stream_broker_widgets__loadShare__react__loadShare__.mjs-CaDEYBIU.mjs";
-import { _ as he, a as ie, b as fe, c as ge, d as be, e as le, f as xe, g as ve, h as Ne, i as we } from "./__mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.mjs-CYXy_bhS.mjs";
-import { _ as ye, a as ke } from "./__mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.mjs-U1EUeEPs.mjs";
-import { _ as Ce } from "./__mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.mjs-DJ3UNg7O.mjs";
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const _e = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), $e = (t) => t.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (a, n, o) => o ? o.toUpperCase() : n.toLowerCase()
-), Y = (t) => {
-  const a = $e(t);
-  return a.charAt(0).toUpperCase() + a.slice(1);
-}, ce = (...t) => t.filter((a, n, o) => !!a && a.trim() !== "" && o.indexOf(a) === n).join(" ").trim(), Ae = (t) => {
-  for (const a in t)
-    if (a.startsWith("aria-") || a === "role" || a === "title")
-      return !0;
-};
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-var Se = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ie = oe(
-  ({
-    color: t = "currentColor",
-    size: a = 24,
-    strokeWidth: n = 2,
-    absoluteStrokeWidth: o,
-    className: c = "",
-    children: s,
-    iconNode: m,
-    ...l
-  }, f) => V(
-    "svg",
-    {
-      ref: f,
-      ...Se,
-      width: a,
-      height: a,
-      stroke: t,
-      strokeWidth: o ? Number(n) * 24 / Number(a) : n,
-      className: ce("lucide", c),
-      ...!s && !Ae(l) && { "aria-hidden": "true" },
-      ...l
-    },
-    [
-      ...m.map(([u, d]) => V(u, d)),
-      ...Array.isArray(s) ? s : [s]
-    ]
-  )
-);
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const T = (t, a) => {
-  const n = oe(
-    ({ className: o, ...c }, s) => V(Ie, {
-      ref: s,
-      iconNode: a,
-      className: ce(
-        `lucide-${_e(Y(t))}`,
-        `lucide-${t}`,
-        o
-      ),
-      ...c
-    })
-  );
-  return n.displayName = Y(t), n;
-};
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Fe = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], X = T("chevron-down", Fe);
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Pe = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Q = T("chevron-right", Pe);
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Be = [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "M12 5v14", key: "s699le" }]
-], Oe = T("plus", Be);
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const De = [
-  ["path", { d: "M4.9 19.1C1 15.2 1 8.8 4.9 4.9", key: "1vaf9d" }],
-  ["path", { d: "M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5", key: "u1ii0m" }],
-  ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }],
-  ["path", { d: "M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5", key: "1j5fej" }],
-  ["path", { d: "M19.1 4.9C23 8.8 23 15.1 19.1 19", key: "10b0cb" }]
-], Me = T("radio", De);
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ee = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Ke = T("x", Ee);
-function Re(t) {
-  const a = [];
-  if (t.crop && a.push(`crop=${t.crop.w}:${t.crop.h}:${t.crop.x}:${t.crop.y}`), t.targetAspect && t.width !== void 0 && t.height !== void 0) {
-    const n = t.targetAspect.replace(":", "/");
-    t.mode === "pad" ? (a.push(`scale=${t.width}:${t.height}:force_original_aspect_ratio=decrease`), a.push(`pad=${t.width}:${t.height}:(ow-iw)/2:(oh-ih)/2`)) : (a.push(`scale=${t.width}:${t.height}:force_original_aspect_ratio=increase`), a.push(`crop=${t.width}:${t.height}`)), a.push(`setdar=${n}`);
-  }
-  return t.rotate === 90 ? a.push("transpose=1") : t.rotate === 270 ? a.push("transpose=2") : t.rotate === 180 && a.push("hflip", "vflip"), t.hflip && t.rotate !== 180 && a.push("hflip"), t.vflip && t.rotate !== 180 && a.push("vflip"), a.join(",");
+import { a as e, i as t, n, o as r, r as i, t as a } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare__react__loadShare__.js-C9j-2lBe.mjs";
+import { a as o, c as s, i as c, l, n as u, o as d, r as f, s as p, t as m, u as h } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-C9WX5HNw.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-Tf-HACFd.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);
+	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) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+}, D = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, O = n(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: o, iconNode: s, ...c }, l) => a("svg", {
+	ref: l,
+	...D,
+	width: t,
+	height: t,
+	stroke: e,
+	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
+	className: T("lucide", i),
+	...!o && !E(c) && { "aria-hidden": "true" },
+	...c
+}, [...s.map(([e, t]) => a(e, t)), ...Array.isArray(o) ? o : [o]])), k = (e, t) => {
+	let r = n(({ className: n, ...r }, i) => a(O, {
+		ref: i,
+		iconNode: t,
+		className: T(`lucide-${S(w(e))}`, `lucide-${e}`, n),
+		...r
+	}));
+	return r.displayName = w(e), r;
+}, A = k("chevron-down", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]), j = k("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]), ee = k("plus", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}], ["path", {
+	d: "M12 5v14",
+	key: "s699le"
+}]]), te = k("radio", [
+	["path", {
+		d: "M4.9 19.1C1 15.2 1 8.8 4.9 4.9",
+		key: "1vaf9d"
+	}],
+	["path", {
+		d: "M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5",
+		key: "u1ii0m"
+	}],
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "2",
+		key: "1c9p78"
+	}],
+	["path", {
+		d: "M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5",
+		key: "1j5fej"
+	}],
+	["path", {
+		d: "M19.1 4.9C23 8.8 23 15.1 19.1 19",
+		key: "10b0cb"
+	}]
+]), ne = k("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]);
+//#endregion
+//#region src/stream-broker/widgets/GeometryBuilder.tsx
+function re(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(":", "/");
+		e.mode === "pad" ? (t.push(`scale=${e.width}:${e.height}:force_original_aspect_ratio=decrease`), t.push(`pad=${e.width}:${e.height}:(ow-iw)/2:(oh-ih)/2`)) : (t.push(`scale=${e.width}:${e.height}:force_original_aspect_ratio=increase`), t.push(`crop=${e.width}:${e.height}`)), t.push(`setdar=${n}`);
+	}
+	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 Te(t, a) {
-  const n = [];
-  for (let o = 0; o < t.length; o++) {
-    if (t[o] === "-vf") {
-      o++;
-      continue;
-    }
-    const c = t[o];
-    c !== void 0 && n.push(c);
-  }
-  return a.length > 0 && n.push("-vf", a), n;
+function ie(e, t) {
+	let n = [];
+	for (let t = 0; t < e.length; t++) {
+		if (e[t] === "-vf") {
+			t++;
+			continue;
+		}
+		let r = e[t];
+		r !== void 0 && n.push(r);
+	}
+	return t.length > 0 && n.push("-vf", t), n;
 }
-const F = "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", q = F + " appearance-none pr-6", B = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium";
-function je({ outputArgs: t, onChange: a }) {
-  const [n, o] = x(""), [c, s] = x("pad"), [m, l] = x("1920"), [f, u] = x("1080"), [d, p] = x(!1), [v, N] = x("0"), [h, C] = x("0"), [w, A] = x("0"), [S, M] = x("0"), [k, E] = x(0), [K, i] = x(!1), [g, y] = x(!1), z = Re((() => {
-    const b = { rotate: k, hflip: K, vflip: g };
-    return n !== "" && (b.targetAspect = n, b.mode = c, b.width = Number(m), b.height = Number(f)), d && (b.crop = { x: Number(v), y: Number(h), w: Number(w), h: Number(S) }), b;
-  })());
-  return /* @__PURE__ */ r("div", { className: "space-y-2 rounded border border-border/50 bg-surface-2/30 px-3 py-2", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ r("span", { className: B, children: [
-        "Geometry / zoom",
-        /* @__PURE__ */ e("span", { className: "ml-2 text-[10px] normal-case text-foreground-subtle italic", children: "composes a single -vf into output args" })
-      ] }),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          onClick: () => a(Te(t, z)),
-          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__ */ r("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ e("label", { className: B, htmlFor: "geom-aspect", children: "Aspect" }),
-      /* @__PURE__ */ r(
-        "select",
-        {
-          id: "geom-aspect",
-          value: n,
-          onChange: (b) => o(b.target.value),
-          className: q + " min-w-[90px]",
-          children: [
-            /* @__PURE__ */ e("option", { value: "", children: "none" }),
-            /* @__PURE__ */ e("option", { value: "16:9", children: "16:9" }),
-            /* @__PURE__ */ e("option", { value: "4:3", children: "4:3" }),
-            /* @__PURE__ */ e("option", { value: "1:1", children: "1:1" })
-          ]
-        }
-      ),
-      n !== "" && /* @__PURE__ */ r($, { children: [
-        /* @__PURE__ */ r(
-          "select",
-          {
-            "aria-label": "Aspect mode",
-            value: c,
-            onChange: (b) => s(b.target.value),
-            className: q + " min-w-[80px]",
-            children: [
-              /* @__PURE__ */ e("option", { value: "pad", children: "pad" }),
-              /* @__PURE__ */ e("option", { value: "crop", children: "crop" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "number",
-            "aria-label": "Aspect width",
-            value: m,
-            onChange: (b) => l(b.target.value),
-            className: F + " w-20 text-right"
-          }
-        ),
-        /* @__PURE__ */ e("span", { className: "text-[11px] text-foreground-subtle", children: "×" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "number",
-            "aria-label": "Aspect height",
-            value: f,
-            onChange: (b) => u(b.target.value),
-            className: F + " w-20 text-right"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ r("label", { className: B + " inline-flex items-center gap-1", children: [
-        /* @__PURE__ */ e("input", { type: "checkbox", checked: d, onChange: (b) => p(b.target.checked) }),
-        "Crop / zoom"
-      ] }),
-      d && /* @__PURE__ */ r($, { children: [
-        /* @__PURE__ */ e("input", { type: "number", "aria-label": "Crop x", value: v, onChange: (b) => N(b.target.value), className: F + " w-16 text-right", placeholder: "x" }),
-        /* @__PURE__ */ e("input", { type: "number", "aria-label": "Crop y", value: h, onChange: (b) => C(b.target.value), className: F + " w-16 text-right", placeholder: "y" }),
-        /* @__PURE__ */ e("input", { type: "number", "aria-label": "Crop width", value: w, onChange: (b) => A(b.target.value), className: F + " w-20 text-right", placeholder: "w" }),
-        /* @__PURE__ */ e("input", { type: "number", "aria-label": "Crop height", value: S, onChange: (b) => M(b.target.value), className: F + " w-20 text-right", placeholder: "h" })
-      ] })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ e("label", { className: B, htmlFor: "geom-rotate", children: "Rotate" }),
-      /* @__PURE__ */ r(
-        "select",
-        {
-          id: "geom-rotate",
-          value: String(k),
-          onChange: (b) => E(Number(b.target.value)),
-          className: q + " min-w-[80px]",
-          children: [
-            /* @__PURE__ */ e("option", { value: "0", children: "0°" }),
-            /* @__PURE__ */ e("option", { value: "90", children: "90°" }),
-            /* @__PURE__ */ e("option", { value: "180", children: "180°" }),
-            /* @__PURE__ */ e("option", { value: "270", children: "270°" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ r("label", { className: B + " inline-flex items-center gap-1", children: [
-        /* @__PURE__ */ e("input", { type: "checkbox", checked: K, onChange: (b) => i(b.target.checked) }),
-        "hflip"
-      ] }),
-      /* @__PURE__ */ r("label", { className: B + " inline-flex items-center gap-1", children: [
-        /* @__PURE__ */ e("input", { type: "checkbox", checked: g, onChange: (b) => y(b.target.checked) }),
-        "vflip"
-      ] })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "font-mono text-[10px] text-foreground-subtle break-all", children: [
-      "-vf ",
-      z.length > 0 ? z : /* @__PURE__ */ e("span", { className: "italic", children: "(empty)" })
-    ] })
-  ] });
+var M = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium";
+function ae({ outputArgs: e, onChange: t }) {
+	let [n, i] = r(""), [a, o] = r("pad"), [s, c] = r("1920"), [l, u] = r("1080"), [d, f] = r(!1), [p, m] = r("0"), [h, y] = r("0"), [b, x] = r("0"), [S, C] = r("0"), [w, T] = r(0), [E, D] = r(!1), [O, k] = r(!1), A = re((() => {
+		let e = {
+			rotate: w,
+			hflip: E,
+			vflip: O
+		};
+		return n !== "" && (e.targetAspect = n, e.mode = a, e.width = Number(s), e.height = Number(l)), d && (e.crop = {
+			x: Number(p),
+			y: Number(h),
+			w: Number(b),
+			h: Number(S)
+		}), e;
+	})());
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-2 rounded border border-border/50 bg-surface-2/30 px-3 py-2",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ _("span", {
+					className: M,
+					children: ["Geometry / zoom", /* @__PURE__ */ g("span", {
+						className: "ml-2 text-[10px] normal-case text-foreground-subtle italic",
+						children: "composes a single -vf into output args"
+					})]
+				}), /* @__PURE__ */ g("button", {
+					type: "button",
+					onClick: () => t(ie(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", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ g("label", {
+						className: M,
+						htmlFor: "geom-aspect",
+						children: "Aspect"
+					}),
+					/* @__PURE__ */ _("select", {
+						id: "geom-aspect",
+						value: n,
+						onChange: (e) => i(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", {
+								value: "",
+								children: "none"
+							}),
+							/* @__PURE__ */ g("option", {
+								value: "16:9",
+								children: "16:9"
+							}),
+							/* @__PURE__ */ g("option", {
+								value: "4:3",
+								children: "4:3"
+							}),
+							/* @__PURE__ */ g("option", {
+								value: "1:1",
+								children: "1:1"
+							})
+						]
+					}),
+					n !== "" && /* @__PURE__ */ _(v, { children: [
+						/* @__PURE__ */ _("select", {
+							"aria-label": "Aspect mode",
+							value: a,
+							onChange: (e) => o(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", {
+								value: "pad",
+								children: "pad"
+							}), /* @__PURE__ */ g("option", {
+								value: "crop",
+								children: "crop"
+							})]
+						}),
+						/* @__PURE__ */ g("input", {
+							type: "number",
+							"aria-label": "Aspect width",
+							value: s,
+							onChange: (e) => c(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", {
+							className: "text-[11px] text-foreground-subtle",
+							children: "×"
+						}),
+						/* @__PURE__ */ g("input", {
+							type: "number",
+							"aria-label": "Aspect height",
+							value: l,
+							onChange: (e) => u(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__ */ _("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [/* @__PURE__ */ _("label", {
+					className: "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium inline-flex items-center gap-1",
+					children: [/* @__PURE__ */ g("input", {
+						type: "checkbox",
+						checked: d,
+						onChange: (e) => f(e.target.checked)
+					}), "Crop / zoom"]
+				}), d && /* @__PURE__ */ _(v, { children: [
+					/* @__PURE__ */ g("input", {
+						type: "number",
+						"aria-label": "Crop x",
+						value: p,
+						onChange: (e) => m(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", {
+						type: "number",
+						"aria-label": "Crop y",
+						value: h,
+						onChange: (e) => y(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", {
+						type: "number",
+						"aria-label": "Crop width",
+						value: b,
+						onChange: (e) => x(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__ */ g("input", {
+						type: "number",
+						"aria-label": "Crop height",
+						value: S,
+						onChange: (e) => C(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: "h"
+					})
+				] })]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ g("label", {
+						className: M,
+						htmlFor: "geom-rotate",
+						children: "Rotate"
+					}),
+					/* @__PURE__ */ _("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", {
+								value: "0",
+								children: "0°"
+							}),
+							/* @__PURE__ */ g("option", {
+								value: "90",
+								children: "90°"
+							}),
+							/* @__PURE__ */ g("option", {
+								value: "180",
+								children: "180°"
+							}),
+							/* @__PURE__ */ g("option", {
+								value: "270",
+								children: "270°"
+							})
+						]
+					}),
+					/* @__PURE__ */ _("label", {
+						className: "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ g("input", {
+							type: "checkbox",
+							checked: E,
+							onChange: (e) => D(e.target.checked)
+						}), "hflip"]
+					}),
+					/* @__PURE__ */ _("label", {
+						className: "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ g("input", {
+							type: "checkbox",
+							checked: O,
+							onChange: (e) => k(e.target.checked)
+						}), "vflip"]
+					})
+				]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "font-mono text-[10px] text-foreground-subtle break-all",
+				children: ["-vf ", A.length > 0 ? A : /* @__PURE__ */ g("span", {
+					className: "italic",
+					children: "(empty)"
+				})]
+			})
+		]
+	});
 }
-const Le = [
-  { group: "Demuxer", label: "-thread_queue_size 1024", args: ["-thread_queue_size", "1024"], description: "Larger input packet queue (helps with high-bitrate sources)" },
-  { group: "Demuxer", label: "-fflags +genpts", args: ["-fflags", "+genpts"], description: "Generate PTS when the source lacks them" },
-  { group: "Demuxer", label: "-re", args: ["-re"], description: "Read input at native frame rate (file replay)" },
-  { group: "Demuxer", label: "-probesize 32", args: ["-probesize", "32"], description: "Minimal probe size — faster start" },
-  { group: "Demuxer", label: "-analyzeduration 0", args: ["-analyzeduration", "0"], description: "Skip stream analysis — faster start" },
-  { group: "RTSP", label: "-rtsp_transport tcp", args: ["-rtsp_transport", "tcp"], description: "Force TCP transport for RTSP source" },
-  { group: "RTSP", label: "-stimeout 5000000", args: ["-stimeout", "5000000"], description: "Socket I/O timeout (microseconds, 5s)" }
-], He = [
-  { group: "Muxer", label: "-flush_packets 1", args: ["-flush_packets", "1"], description: "Flush each packet immediately" },
-  { group: "Muxer", label: "-movflags +faststart", args: ["-movflags", "+faststart"], description: "Move MOOV atom to front (MP4)" },
-  { group: "Bitstream", label: "-bsf:v h264_mp4toannexb", args: ["-bsf:v", "h264_mp4toannexb"], description: "Convert MP4-format H.264 to Annex-B" },
-  { group: "Bitstream", label: "-bsf:v hevc_mp4toannexb", args: ["-bsf:v", "hevc_mp4toannexb"], description: "Convert MP4-format HEVC to Annex-B" },
-  { group: "x264", label: "-x264-params keyint_min=15", args: ["-x264-params", "keyint_min=15"], description: "Force minimum keyframe interval to 15 frames" },
-  { group: "x264", label: "-x264-params scenecut=0", args: ["-x264-params", "scenecut=0"], description: "Disable scene-change keyframes (predictable GOP)" },
-  { group: "x264", label: "-x264-params nal-hrd=cbr", args: ["-x264-params", "nal-hrd=cbr"], description: "Force CBR HRD signalling (HomeKit-friendly)" },
-  { group: "x264", label: "-aq-mode 3", args: ["-aq-mode", "3"], description: "Auto-variance adaptive quantisation (mode 3)" },
-  { group: "x265", label: "-x265-params keyint=30", args: ["-x265-params", "keyint=30"], description: "Force maximum keyframe interval to 30 frames" },
-  { group: "x265", label: "-x265-params no-scenecut=1", args: ["-x265-params", "no-scenecut=1"], description: "Disable scene-change keyframes" },
-  { group: "Global", label: "-fps_mode passthrough", args: ["-fps_mode", "passthrough"], description: "Preserve source framerate exactly" },
-  { group: "Global", label: "-copyts", args: ["-copyts"], description: "Preserve source timestamps" }
-], Ue = { video: { codec: "copy" }, audio: "passthrough" }, O = "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", Z = O + " appearance-none pr-6", J = "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", _ = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium", j = "rounded-lg border border-border bg-surface overflow-hidden", G = "border-b border-border px-3 py-1.5 flex items-center justify-between bg-surface-hover/30", L = "text-[11px] font-semibold text-foreground uppercase tracking-wider";
-function ze({ config: t, value: a, onSave: n }) {
-  const [o, c] = x(!1), s = a ?? Ue, [m, l] = x(() => (s.inputArgs ?? []).join(`
-`)), [f, u] = x(() => (s.outputArgs ?? []).join(`
-`)), d = W(s);
-  d.current !== s && (d.current = s, l((s.inputArgs ?? []).join(`
-`)), u((s.outputArgs ?? []).join(`
-`)));
-  const p = (i) => {
-    n(i(s));
-  }, v = (i) => p((g) => ({ ...g, video: { ...g.video, codec: i } })), N = (i) => p((g) => ({ ...g, video: { ...g.video, width: i } })), h = (i) => p((g) => ({ ...g, video: { ...g.video, height: i } })), C = (i) => p((g) => ({ ...g, video: { ...g.video, fps: i } })), w = (i) => p((g) => ({ ...g, video: { ...g.video, bitrateKbps: i } })), A = () => p((i) => ({ ...i, audio: "passthrough" })), S = (i) => p((g) => ({
-    ...g,
-    audio: typeof g.audio == "object" ? { ...g.audio, codec: i } : { codec: i }
-  })), M = (i) => p((g) => ({
-    ...g,
-    audio: typeof g.audio == "object" ? { ...g.audio, bitrateKbps: i } : { codec: "opus", bitrateKbps: i }
-  })), k = (i) => p((g) => ({ ...g, inputArgs: i.split(`
-`).map((y) => y.trim()).filter((y) => y.length > 0) })), E = (i) => p((g) => ({ ...g, outputArgs: i.split(`
-`).map((y) => y.trim()).filter((y) => y.length > 0) })), K = (i, g) => {
-    const y = g.args.join(" ");
-    if (i === "input") {
-      const P = m.length === 0 ? y : `${m}
-${y}`;
-      l(P), k(P);
-    } else {
-      const P = f.length === 0 ? y : `${f}
-${y}`;
-      u(P), E(P);
-    }
-  };
-  return /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-    t.sourceParams !== void 0 && /* @__PURE__ */ r("div", { className: j, children: [
-      /* @__PURE__ */ r("div", { className: G, children: [
-        /* @__PURE__ */ e("h3", { className: L, children: "Source (probed)" }),
-        /* @__PURE__ */ e("span", { className: "text-[10px] text-foreground-subtle italic", children: "From the publisher" })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "px-3 py-2 flex flex-wrap gap-1.5", children: /* @__PURE__ */ e(qe, { profile: t.sourceParams }) })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "@container", children: /* @__PURE__ */ r("div", { className: "grid grid-cols-1 @[480px]:grid-cols-2 gap-3", children: [
-      /* @__PURE__ */ r("div", { className: j, children: [
-        /* @__PURE__ */ e("div", { className: G, children: /* @__PURE__ */ e("h3", { className: L, children: "Video" }) }),
-        /* @__PURE__ */ r("div", { className: "px-3 py-2 divide-y divide-border/30", children: [
-          /* @__PURE__ */ r("div", { className: I, children: [
-            /* @__PURE__ */ e("label", { htmlFor: `${t.fieldKey}-video-codec`, className: _, children: "Codec" }),
-            /* @__PURE__ */ r(
-              "select",
-              {
-                id: `${t.fieldKey}-video-codec`,
-                value: s.video.codec,
-                onChange: (i) => v(i.target.value),
-                className: Z + " min-w-[120px]",
-                children: [
-                  /* @__PURE__ */ e("option", { value: "h264", children: "h264" }),
-                  /* @__PURE__ */ e("option", { value: "h265", children: "h265" }),
-                  /* @__PURE__ */ e("option", { value: "copy", children: "copy (passthrough)" })
-                ]
-              }
-            )
-          ] }),
-          s.video.codec !== "copy" && /* @__PURE__ */ r($, { children: [
-            /* @__PURE__ */ r("div", { className: I, children: [
-              /* @__PURE__ */ e("label", { htmlFor: `${t.fieldKey}-video-width`, className: _, children: "Width" }),
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  id: `${t.fieldKey}-video-width`,
-                  type: "number",
-                  "aria-label": "Width",
-                  value: s.video.width ?? "",
-                  onChange: (i) => N(Number(i.target.value)),
-                  className: O + " w-24 text-right"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ r("div", { className: I, children: [
-              /* @__PURE__ */ e("label", { htmlFor: `${t.fieldKey}-video-height`, className: _, children: "Height" }),
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  id: `${t.fieldKey}-video-height`,
-                  type: "number",
-                  value: s.video.height ?? "",
-                  onChange: (i) => h(Number(i.target.value)),
-                  className: O + " w-24 text-right"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ r("div", { className: I, children: [
-              /* @__PURE__ */ e("label", { htmlFor: `${t.fieldKey}-video-fps`, className: _, children: "FPS" }),
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  id: `${t.fieldKey}-video-fps`,
-                  type: "number",
-                  value: s.video.fps ?? "",
-                  onChange: (i) => C(Number(i.target.value)),
-                  className: O + " w-24 text-right"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ r("div", { className: I, children: [
-              /* @__PURE__ */ e("label", { htmlFor: `${t.fieldKey}-video-bitrate`, className: _, children: "Bitrate (kbps)" }),
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  id: `${t.fieldKey}-video-bitrate`,
-                  type: "number",
-                  value: s.video.bitrateKbps ?? "",
-                  onChange: (i) => w(Number(i.target.value)),
-                  className: O + " w-24 text-right"
-                }
-              )
-            ] })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ r("div", { className: j, children: [
-        /* @__PURE__ */ e("div", { className: G, children: /* @__PURE__ */ e("h3", { className: L, children: "Audio" }) }),
-        /* @__PURE__ */ e("div", { className: "px-3 py-2", children: s.audio === "passthrough" ? /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ e("span", { className: "text-[11px] text-foreground-subtle italic", children: "Source audio forwarded without re-encode." }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              onClick: () => S("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__ */ r("div", { className: "divide-y divide-border/30", children: [
-          /* @__PURE__ */ r("div", { className: I, children: [
-            /* @__PURE__ */ e("label", { htmlFor: `${t.fieldKey}-audio-codec`, className: _, children: "Codec" }),
-            /* @__PURE__ */ r(
-              "select",
-              {
-                id: `${t.fieldKey}-audio-codec`,
-                value: s.audio.codec,
-                onChange: (i) => S(i.target.value),
-                className: Z + " min-w-[120px]",
-                children: [
-                  /* @__PURE__ */ e("option", { value: "opus", children: "opus" }),
-                  /* @__PURE__ */ e("option", { value: "aac", children: "aac" }),
-                  /* @__PURE__ */ e("option", { value: "pcmu", children: "pcmu" }),
-                  /* @__PURE__ */ e("option", { value: "pcma", children: "pcma" }),
-                  /* @__PURE__ */ e("option", { value: "copy", children: "copy (passthrough)" })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ r("div", { className: I, children: [
-            /* @__PURE__ */ e("label", { htmlFor: `${t.fieldKey}-audio-bitrate`, className: _, children: "Bitrate (kbps)" }),
-            /* @__PURE__ */ e(
-              "input",
-              {
-                id: `${t.fieldKey}-audio-bitrate`,
-                type: "number",
-                value: s.audio.bitrateKbps ?? "",
-                onChange: (i) => M(Number(i.target.value)),
-                className: O + " w-24 text-right"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e("div", { className: "pt-2", children: /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              onClick: A,
-              className: "text-[11px] text-foreground-subtle hover:text-foreground underline-offset-2 hover:underline",
-              children: "Switch back to passthrough"
-            }
-          ) })
-        ] }) })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ r("div", { className: j, children: [
-      /* @__PURE__ */ r(
-        "button",
-        {
-          type: "button",
-          onClick: () => c((i) => !i),
-          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__ */ r("span", { className: "inline-flex items-center gap-1.5 " + L, children: [
-              o ? /* @__PURE__ */ e(X, { className: "h-3 w-3" }) : /* @__PURE__ */ e(Q, { className: "h-3 w-3" }),
-              "Advanced — raw ffmpeg args"
-            ] }),
-            /* @__PURE__ */ r("span", { className: "text-[10px] text-foreground-subtle italic", children: [
-              (s.inputArgs?.length ?? 0) + (s.outputArgs?.length ?? 0),
-              " args"
-            ] })
-          ]
-        }
-      ),
-      o && /* @__PURE__ */ r("div", { className: "px-3 py-2 space-y-3 border-t border-border/50", children: [
-        /* @__PURE__ */ r("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ r("label", { htmlFor: `${t.fieldKey}-input-args`, className: _, children: [
-              "Input args",
-              /* @__PURE__ */ e("span", { className: "ml-2 text-[10px] normal-case text-foreground-subtle italic", children: "one per line · inserted between globals and -i" })
-            ] }),
-            /* @__PURE__ */ e(
-              ee,
-              {
-                id: `${t.fieldKey}-input-picker`,
-                disabled: !1,
-                catalogue: Le,
-                onPick: (i) => K("input", i)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e(
-            "textarea",
-            {
-              id: `${t.fieldKey}-input-args`,
-              value: m,
-              onChange: (i) => l(i.target.value),
-              onBlur: (i) => k(i.target.value),
-              placeholder: "-thread_queue_size 1024",
-              className: J
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(
-          je,
-          {
-            outputArgs: s.outputArgs ?? [],
-            onChange: (i) => {
-              u(i.join(`
-`)), E(i.join(`
-`));
-            }
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ r("label", { htmlFor: `${t.fieldKey}-output-args`, className: _, children: [
-              "Output args",
-              /* @__PURE__ */ e("span", { className: "ml-2 text-[10px] normal-case text-foreground-subtle italic", children: "one per line · inserted before the final muxer" })
-            ] }),
-            /* @__PURE__ */ e(
-              ee,
-              {
-                id: `${t.fieldKey}-output-picker`,
-                disabled: !1,
-                catalogue: He,
-                onPick: (i) => K("output", i)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e(
-            "textarea",
-            {
-              id: `${t.fieldKey}-output-args`,
-              value: f,
-              onChange: (i) => u(i.target.value),
-              onBlur: (i) => E(i.target.value),
-              placeholder: "-bsf:v h264_mp4toannexb",
-              className: J
-            }
-          )
-        ] })
-      ] })
-    ] })
-  ] });
+//#endregion
+//#region src/stream-broker/widgets/FfmpegParamsField.tsx
+var N = [
+	{
+		group: "Demuxer",
+		label: "-thread_queue_size 1024",
+		args: ["-thread_queue_size", "1024"],
+		description: "Larger input packet queue (helps with high-bitrate sources)"
+	},
+	{
+		group: "Demuxer",
+		label: "-fflags +genpts",
+		args: ["-fflags", "+genpts"],
+		description: "Generate PTS when the source lacks them"
+	},
+	{
+		group: "Demuxer",
+		label: "-re",
+		args: ["-re"],
+		description: "Read input at native frame rate (file replay)"
+	},
+	{
+		group: "Demuxer",
+		label: "-probesize 32",
+		args: ["-probesize", "32"],
+		description: "Minimal probe size — faster start"
+	},
+	{
+		group: "Demuxer",
+		label: "-analyzeduration 0",
+		args: ["-analyzeduration", "0"],
+		description: "Skip stream analysis — faster start"
+	},
+	{
+		group: "RTSP",
+		label: "-rtsp_transport tcp",
+		args: ["-rtsp_transport", "tcp"],
+		description: "Force TCP transport for RTSP source"
+	},
+	{
+		group: "RTSP",
+		label: "-stimeout 5000000",
+		args: ["-stimeout", "5000000"],
+		description: "Socket I/O timeout (microseconds, 5s)"
+	}
+], oe = [
+	{
+		group: "Muxer",
+		label: "-flush_packets 1",
+		args: ["-flush_packets", "1"],
+		description: "Flush each packet immediately"
+	},
+	{
+		group: "Muxer",
+		label: "-movflags +faststart",
+		args: ["-movflags", "+faststart"],
+		description: "Move MOOV atom to front (MP4)"
+	},
+	{
+		group: "Bitstream",
+		label: "-bsf:v h264_mp4toannexb",
+		args: ["-bsf:v", "h264_mp4toannexb"],
+		description: "Convert MP4-format H.264 to Annex-B"
+	},
+	{
+		group: "Bitstream",
+		label: "-bsf:v hevc_mp4toannexb",
+		args: ["-bsf:v", "hevc_mp4toannexb"],
+		description: "Convert MP4-format HEVC to Annex-B"
+	},
+	{
+		group: "x264",
+		label: "-x264-params keyint_min=15",
+		args: ["-x264-params", "keyint_min=15"],
+		description: "Force minimum keyframe interval to 15 frames"
+	},
+	{
+		group: "x264",
+		label: "-x264-params scenecut=0",
+		args: ["-x264-params", "scenecut=0"],
+		description: "Disable scene-change keyframes (predictable GOP)"
+	},
+	{
+		group: "x264",
+		label: "-x264-params nal-hrd=cbr",
+		args: ["-x264-params", "nal-hrd=cbr"],
+		description: "Force CBR HRD signalling (HomeKit-friendly)"
+	},
+	{
+		group: "x264",
+		label: "-aq-mode 3",
+		args: ["-aq-mode", "3"],
+		description: "Auto-variance adaptive quantisation (mode 3)"
+	},
+	{
+		group: "x265",
+		label: "-x265-params keyint=30",
+		args: ["-x265-params", "keyint=30"],
+		description: "Force maximum keyframe interval to 30 frames"
+	},
+	{
+		group: "x265",
+		label: "-x265-params no-scenecut=1",
+		args: ["-x265-params", "no-scenecut=1"],
+		description: "Disable scene-change keyframes"
+	},
+	{
+		group: "Global",
+		label: "-fps_mode passthrough",
+		args: ["-fps_mode", "passthrough"],
+		description: "Preserve source framerate exactly"
+	},
+	{
+		group: "Global",
+		label: "-copyts",
+		args: ["-copyts"],
+		description: "Preserve source timestamps"
+	}
+], 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";
+function ce({ config: t, value: n, onSave: i }) {
+	let [a, o] = r(!1), s = n ?? se, [c, l] = r(() => (s.inputArgs ?? []).join("\n")), [u, d] = r(() => (s.outputArgs ?? []).join("\n")), f = e(s);
+	f.current !== s && (f.current = s, l((s.inputArgs ?? []).join("\n")), d((s.outputArgs ?? []).join("\n")));
+	let p = (e) => {
+		i(e(s));
+	}, m = (e) => p((t) => ({
+		...t,
+		video: {
+			...t.video,
+			codec: e
+		}
+	})), h = (e) => p((t) => ({
+		...t,
+		video: {
+			...t.video,
+			width: e
+		}
+	})), y = (e) => p((t) => ({
+		...t,
+		video: {
+			...t.video,
+			height: e
+		}
+	})), b = (e) => p((t) => ({
+		...t,
+		video: {
+			...t.video,
+			fps: e
+		}
+	})), x = (e) => p((t) => ({
+		...t,
+		video: {
+			...t.video,
+			bitrateKbps: e
+		}
+	})), S = () => p((e) => ({
+		...e,
+		audio: "passthrough"
+	})), C = (e) => p((t) => ({
+		...t,
+		audio: typeof t.audio == "object" ? {
+			...t.audio,
+			codec: e
+		} : { codec: e }
+	})), w = (e) => p((t) => ({
+		...t,
+		audio: typeof t.audio == "object" ? {
+			...t.audio,
+			bitrateKbps: e
+		} : {
+			codec: "opus",
+			bitrateKbps: e
+		}
+	})), T = (e) => p((t) => ({
+		...t,
+		inputArgs: e.split("\n").map((e) => e.trim()).filter((e) => e.length > 0)
+	})), E = (e) => p((t) => ({
+		...t,
+		outputArgs: e.split("\n").map((e) => e.trim()).filter((e) => e.length > 0)
+	})), D = (e, t) => {
+		let n = t.args.join(" ");
+		if (e === "input") {
+			let e = c.length === 0 ? n : `${c}\n${n}`;
+			l(e), T(e);
+		} else {
+			let e = u.length === 0 ? n : `${u}\n${n}`;
+			d(e), E(e);
+		}
+	};
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-3",
+		children: [
+			t.sourceParams !== void 0 && /* @__PURE__ */ _("div", {
+				className: L,
+				children: [/* @__PURE__ */ _("div", {
+					className: R,
+					children: [/* @__PURE__ */ g("h3", {
+						className: z,
+						children: "Source (probed)"
+					}), /* @__PURE__ */ g("span", {
+						className: "text-[10px] text-foreground-subtle italic",
+						children: "From the publisher"
+					})]
+				}), /* @__PURE__ */ g("div", {
+					className: "px-3 py-2 flex flex-wrap gap-1.5",
+					children: /* @__PURE__ */ g(le, { profile: t.sourceParams })
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "@container",
+				children: /* @__PURE__ */ _("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: "Video"
+							})
+						}), /* @__PURE__ */ _("div", {
+							className: "px-3 py-2 divide-y divide-border/30",
+							children: [/* @__PURE__ */ _("div", {
+								className: F,
+								children: [/* @__PURE__ */ g("label", {
+									htmlFor: `${t.fieldKey}-video-codec`,
+									className: I,
+									children: "Codec"
+								}), /* @__PURE__ */ _("select", {
+									id: `${t.fieldKey}-video-codec`,
+									value: s.video.codec,
+									onChange: (e) => m(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", {
+											value: "h264",
+											children: "h264"
+										}),
+										/* @__PURE__ */ g("option", {
+											value: "h265",
+											children: "h265"
+										}),
+										/* @__PURE__ */ g("option", {
+											value: "copy",
+											children: "copy (passthrough)"
+										})
+									]
+								})]
+							}), s.video.codec !== "copy" && /* @__PURE__ */ _(v, { children: [
+								/* @__PURE__ */ _("div", {
+									className: F,
+									children: [/* @__PURE__ */ g("label", {
+										htmlFor: `${t.fieldKey}-video-width`,
+										className: I,
+										children: "Width"
+									}), /* @__PURE__ */ g("input", {
+										id: `${t.fieldKey}-video-width`,
+										type: "number",
+										"aria-label": "Width",
+										value: s.video.width ?? "",
+										onChange: (e) => h(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", {
+										htmlFor: `${t.fieldKey}-video-height`,
+										className: I,
+										children: "Height"
+									}), /* @__PURE__ */ g("input", {
+										id: `${t.fieldKey}-video-height`,
+										type: "number",
+										value: s.video.height ?? "",
+										onChange: (e) => y(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", {
+										htmlFor: `${t.fieldKey}-video-fps`,
+										className: I,
+										children: "FPS"
+									}), /* @__PURE__ */ g("input", {
+										id: `${t.fieldKey}-video-fps`,
+										type: "number",
+										value: s.video.fps ?? "",
+										onChange: (e) => b(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", {
+										htmlFor: `${t.fieldKey}-video-bitrate`,
+										className: I,
+										children: "Bitrate (kbps)"
+									}), /* @__PURE__ */ g("input", {
+										id: `${t.fieldKey}-video-bitrate`,
+										type: "number",
+										value: s.video.bitrateKbps ?? "",
+										onChange: (e) => x(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: L,
+						children: [/* @__PURE__ */ g("div", {
+							className: R,
+							children: /* @__PURE__ */ g("h3", {
+								className: z,
+								children: "Audio"
+							})
+						}), /* @__PURE__ */ g("div", {
+							className: "px-3 py-2",
+							children: s.audio === "passthrough" ? /* @__PURE__ */ _("div", {
+								className: "flex items-center justify-between gap-3",
+								children: [/* @__PURE__ */ g("span", {
+									className: "text-[11px] text-foreground-subtle italic",
+									children: "Source audio forwarded without re-encode."
+								}), /* @__PURE__ */ g("button", {
+									type: "button",
+									onClick: () => C("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", {
+								className: "divide-y divide-border/30",
+								children: [
+									/* @__PURE__ */ _("div", {
+										className: F,
+										children: [/* @__PURE__ */ g("label", {
+											htmlFor: `${t.fieldKey}-audio-codec`,
+											className: I,
+											children: "Codec"
+										}), /* @__PURE__ */ _("select", {
+											id: `${t.fieldKey}-audio-codec`,
+											value: s.audio.codec,
+											onChange: (e) => C(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", {
+													value: "opus",
+													children: "opus"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "aac",
+													children: "aac"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "pcmu",
+													children: "pcmu"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "pcma",
+													children: "pcma"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "copy",
+													children: "copy (passthrough)"
+												})
+											]
+										})]
+									}),
+									/* @__PURE__ */ _("div", {
+										className: F,
+										children: [/* @__PURE__ */ g("label", {
+											htmlFor: `${t.fieldKey}-audio-bitrate`,
+											className: I,
+											children: "Bitrate (kbps)"
+										}), /* @__PURE__ */ g("input", {
+											id: `${t.fieldKey}-audio-bitrate`,
+											type: "number",
+											value: s.audio.bitrateKbps ?? "",
+											onChange: (e) => w(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__ */ g("div", {
+										className: "pt-2",
+										children: /* @__PURE__ */ g("button", {
+											type: "button",
+											onClick: S,
+											className: "text-[11px] text-foreground-subtle hover:text-foreground underline-offset-2 hover:underline",
+											children: "Switch back to passthrough"
+										})
+									})
+								]
+							})
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ _("div", {
+				className: L,
+				children: [/* @__PURE__ */ _("button", {
+					type: "button",
+					onClick: () => o((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", {
+						className: "inline-flex items-center gap-1.5 text-[11px] font-semibold text-foreground uppercase tracking-wider",
+						children: [g(a ? A : j, { className: "h-3 w-3" }), "Advanced — raw ffmpeg args"]
+					}), /* @__PURE__ */ _("span", {
+						className: "text-[10px] text-foreground-subtle italic",
+						children: [(s.inputArgs?.length ?? 0) + (s.outputArgs?.length ?? 0), " args"]
+					})]
+				}), a && /* @__PURE__ */ _("div", {
+					className: "px-3 py-2 space-y-3 border-t border-border/50",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ _("label", {
+									htmlFor: `${t.fieldKey}-input-args`,
+									className: I,
+									children: ["Input args", /* @__PURE__ */ g("span", {
+										className: "ml-2 text-[10px] normal-case text-foreground-subtle italic",
+										children: "one per line · inserted between globals and -i"
+									})]
+								}), /* @__PURE__ */ g(B, {
+									id: `${t.fieldKey}-input-picker`,
+									disabled: !1,
+									catalogue: N,
+									onPick: (e) => D("input", e)
+								})]
+							}), /* @__PURE__ */ g("textarea", {
+								id: `${t.fieldKey}-input-args`,
+								value: c,
+								onChange: (e) => l(e.target.value),
+								onBlur: (e) => T(e.target.value),
+								placeholder: "-thread_queue_size 1024",
+								className: P
+							})]
+						}),
+						/* @__PURE__ */ g(ae, {
+							outputArgs: s.outputArgs ?? [],
+							onChange: (e) => {
+								d(e.join("\n")), E(e.join("\n"));
+							}
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ _("label", {
+									htmlFor: `${t.fieldKey}-output-args`,
+									className: I,
+									children: ["Output args", /* @__PURE__ */ g("span", {
+										className: "ml-2 text-[10px] normal-case text-foreground-subtle italic",
+										children: "one per line · inserted before the final muxer"
+									})]
+								}), /* @__PURE__ */ g(B, {
+									id: `${t.fieldKey}-output-picker`,
+									disabled: !1,
+									catalogue: oe,
+									onPick: (e) => D("output", e)
+								})]
+							}), /* @__PURE__ */ g("textarea", {
+								id: `${t.fieldKey}-output-args`,
+								value: u,
+								onChange: (e) => d(e.target.value),
+								onBlur: (e) => E(e.target.value),
+								placeholder: "-bsf:v h264_mp4toannexb",
+								className: P
+							})]
+						})
+					]
+				})]
+			})
+		]
+	});
 }
-function qe({ profile: t }) {
-  const a = "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: o } = t, c = n.width !== void 0 && n.height !== void 0 ? `${n.width}×${n.height}` : void 0;
-  return /* @__PURE__ */ r($, { children: [
-    /* @__PURE__ */ r("span", { className: a, children: [
-      /* @__PURE__ */ e("span", { className: "opacity-60", children: "codec" }),
-      n.codec
-    ] }),
-    c !== void 0 && /* @__PURE__ */ r("span", { className: a, children: [
-      /* @__PURE__ */ e("span", { className: "opacity-60", children: "res" }),
-      c
-    ] }),
-    n.fps !== void 0 && /* @__PURE__ */ r("span", { className: a, children: [
-      /* @__PURE__ */ e("span", { className: "opacity-60", children: "fps" }),
-      n.fps
-    ] }),
-    n.bitrateKbps !== void 0 && /* @__PURE__ */ r("span", { className: a, children: [
-      /* @__PURE__ */ e("span", { className: "opacity-60", children: "bitrate" }),
-      n.bitrateKbps,
-      "k"
-    ] }),
-    o === "passthrough" ? /* @__PURE__ */ r("span", { className: a, children: [
-      /* @__PURE__ */ e("span", { className: "opacity-60", children: "audio" }),
-      "passthrough"
-    ] }) : /* @__PURE__ */ r($, { children: [
-      /* @__PURE__ */ r("span", { className: a, children: [
-        /* @__PURE__ */ e("span", { className: "opacity-60", children: "audio" }),
-        o.codec
-      ] }),
-      o.bitrateKbps !== void 0 && /* @__PURE__ */ r("span", { className: a, children: [
-        /* @__PURE__ */ e("span", { className: "opacity-60", children: "a-bitrate" }),
-        o.bitrateKbps,
-        "k"
-      ] }),
-      o.sampleRateHz !== void 0 && /* @__PURE__ */ r("span", { className: a, children: [
-        /* @__PURE__ */ e("span", { className: "opacity-60", children: "a-sr" }),
-        o.sampleRateHz,
-        "Hz"
-      ] }),
-      o.channels !== void 0 && /* @__PURE__ */ r("span", { className: a, children: [
-        /* @__PURE__ */ e("span", { className: "opacity-60", children: "a-ch" }),
-        o.channels
-      ] })
-    ] })
-  ] });
+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", {
+			className: t,
+			children: [/* @__PURE__ */ g("span", {
+				className: "opacity-60",
+				children: "codec"
+			}), n.codec]
+		}),
+		i !== void 0 && /* @__PURE__ */ _("span", {
+			className: t,
+			children: [/* @__PURE__ */ g("span", {
+				className: "opacity-60",
+				children: "res"
+			}), i]
+		}),
+		n.fps !== void 0 && /* @__PURE__ */ _("span", {
+			className: t,
+			children: [/* @__PURE__ */ g("span", {
+				className: "opacity-60",
+				children: "fps"
+			}), n.fps]
+		}),
+		n.bitrateKbps !== void 0 && /* @__PURE__ */ _("span", {
+			className: t,
+			children: [
+				/* @__PURE__ */ g("span", {
+					className: "opacity-60",
+					children: "bitrate"
+				}),
+				n.bitrateKbps,
+				"k"
+			]
+		}),
+		r === "passthrough" ? /* @__PURE__ */ _("span", {
+			className: t,
+			children: [/* @__PURE__ */ g("span", {
+				className: "opacity-60",
+				children: "audio"
+			}), "passthrough"]
+		}) : /* @__PURE__ */ _(v, { children: [
+			/* @__PURE__ */ _("span", {
+				className: t,
+				children: [/* @__PURE__ */ g("span", {
+					className: "opacity-60",
+					children: "audio"
+				}), r.codec]
+			}),
+			r.bitrateKbps !== void 0 && /* @__PURE__ */ _("span", {
+				className: t,
+				children: [
+					/* @__PURE__ */ g("span", {
+						className: "opacity-60",
+						children: "a-bitrate"
+					}),
+					r.bitrateKbps,
+					"k"
+				]
+			}),
+			r.sampleRateHz !== void 0 && /* @__PURE__ */ _("span", {
+				className: t,
+				children: [
+					/* @__PURE__ */ g("span", {
+						className: "opacity-60",
+						children: "a-sr"
+					}),
+					r.sampleRateHz,
+					"Hz"
+				]
+			}),
+			r.channels !== void 0 && /* @__PURE__ */ _("span", {
+				className: t,
+				children: [/* @__PURE__ */ g("span", {
+					className: "opacity-60",
+					children: "a-ch"
+				}), r.channels]
+			})
+		] })
+	] });
 }
-function Ge(t) {
-  const a = t.config ?? {}, n = he(), [o, c] = x(() => a.initialValue), s = R((f) => {
-    if (c(f), t.deviceId === void 0) return;
-    const u = a.writerCapName, d = a.writerAddonId, p = a.fieldKey;
-    if (u === void 0 || d === void 0 || p === void 0) {
-      console.warn(
-        `[ffmpeg-params] widgetConfig is missing writerCapName/writerAddonId/fieldKey — field ${p ?? "(unknown)"} cannot be saved. Fix the contribution builder.`
-      );
-      return;
-    }
-    n.mutate({
-      deviceId: t.deviceId,
-      writerCapName: u,
-      writerAddonId: d,
-      key: p,
-      value: f ?? null
-    });
-  }, [
-    t.deviceId,
-    a.fieldKey,
-    a.writerCapName,
-    a.writerAddonId,
-    n
-  ]);
-  if (t.deviceId === void 0)
-    return /* @__PURE__ */ e("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." });
-  const m = a.fieldKey;
-  if (m === void 0 || m.length === 0)
-    return /* @__PURE__ */ e("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." });
-  const l = { ...a, fieldKey: m };
-  return /* @__PURE__ */ e(ze, { config: l, value: o, onSave: s });
+function ue(e) {
+	let t = e.config ?? {}, n = m(), [a, o] = r(() => t.initialValue), s = i((r) => {
+		if (o(r), e.deviceId === void 0) return;
+		let i = t.writerCapName, a = t.writerAddonId, s = t.fieldKey;
+		if (i === void 0 || a === void 0 || s === void 0) {
+			console.warn(`[ffmpeg-params] widgetConfig is missing writerCapName/writerAddonId/fieldKey — field ${s ?? "(unknown)"} cannot be saved. Fix the contribution builder.`);
+			return;
+		}
+		n.mutate({
+			deviceId: e.deviceId,
+			writerCapName: i,
+			writerAddonId: a,
+			key: s,
+			value: r ?? null
+		});
+	}, [
+		e.deviceId,
+		t.fieldKey,
+		t.writerCapName,
+		t.writerAddonId,
+		n
+	]);
+	if (e.deviceId === void 0) return /* @__PURE__ */ g("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 c = t.fieldKey;
+	return c === void 0 || c.length === 0 ? /* @__PURE__ */ g("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, {
+		config: {
+			...t,
+			fieldKey: c
+		},
+		value: a,
+		onSave: s
+	});
 }
-function ee({ id: t, disabled: a, catalogue: n, onPick: o }) {
-  const [c, s] = x(!1), m = me(() => {
-    const l = /* @__PURE__ */ new Map();
-    for (const f of n) {
-      const u = l.get(f.group) ?? [];
-      u.push(f), l.set(f.group, u);
-    }
-    return l;
-  }, [n]);
-  return /* @__PURE__ */ r("div", { className: "relative", children: [
-    /* @__PURE__ */ r(
-      "button",
-      {
-        id: t,
-        type: "button",
-        disabled: a,
-        onClick: () => s((l) => !l),
-        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__ */ e(Oe, { className: "h-3 w-3" }),
-          "Add flag…"
-        ]
-      }
-    ),
-    c && !a && /* @__PURE__ */ r($, { children: [
-      /* @__PURE__ */ e("div", { className: "fixed inset-0 z-40", onClick: () => s(!1), "aria-hidden": "true" }),
-      /* @__PURE__ */ e(
-        "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(m.entries()).map(([l, f]) => /* @__PURE__ */ r("div", { className: "border-b border-border/30 last:border-b-0", children: [
-            /* @__PURE__ */ e("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: l }),
-            f.map((u) => /* @__PURE__ */ r(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  o(u), s(!1);
-                },
-                className: "w-full text-left px-2 py-1.5 hover:bg-surface-hover transition-colors group",
-                children: [
-                  /* @__PURE__ */ e("div", { className: "font-mono text-[11px] text-foreground", children: u.label }),
-                  u.description !== void 0 && /* @__PURE__ */ e("div", { className: "text-[10px] text-foreground-subtle leading-snug mt-0.5", children: u.description })
-                ]
-              },
-              u.label
-            ))
-          ] }, l))
-        }
-      )
-    ] })
-  ] });
+function B({ id: e, disabled: n, catalogue: i, onPick: a }) {
+	let [o, s] = r(!1), c = t(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of i) {
+			let n = e.get(t.group) ?? [];
+			n.push(t), e.set(t.group, n);
+		}
+		return e;
+	}, [i]);
+	return /* @__PURE__ */ _("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ _("button", {
+			id: e,
+			type: "button",
+			disabled: n,
+			onClick: () => s((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(ee, { className: "h-3 w-3" }), "Add flag…"]
+		}), o && !n && /* @__PURE__ */ _(v, { children: [/* @__PURE__ */ g("div", {
+			className: "fixed inset-0 z-40",
+			onClick: () => s(!1),
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ g("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(c.entries()).map(([e, t]) => /* @__PURE__ */ _("div", {
+				className: "border-b border-border/30 last:border-b-0",
+				children: [/* @__PURE__ */ g("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", {
+					type: "button",
+					onClick: () => {
+						a(e), s(!1);
+					},
+					className: "w-full text-left px-2 py-1.5 hover:bg-surface-hover transition-colors group",
+					children: [/* @__PURE__ */ g("div", {
+						className: "font-mono text-[11px] text-foreground",
+						children: e.label
+					}), e.description !== void 0 && /* @__PURE__ */ g("div", {
+						className: "text-[10px] text-foreground-subtle leading-snug mt-0.5",
+						children: e.description
+					})]
+				}, e.label))]
+			}, e))
+		})] })]
+	});
 }
-const te = 24;
-function Ve(t) {
-  return /\bEdg\b|\bEdgA\b|\bEdgiOS\b|Edge\//.test(t) ? "Edge" : /\bOPR\b|Opera/.test(t) ? "Opera" : /Firefox\/|\bFxiOS\b/.test(t) ? "Firefox" : /Chrome\/|\bCriOS\b/.test(t) ? "Chrome" : /Safari\//.test(t) ? "Safari" : null;
+//#endregion
+//#region src/stream-broker/widgets/format-ua.ts
+var V = 24;
+function H(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 We(t) {
-  return /iPhone|iPad|iPod|\biOS\b|CriOS|FxiOS/.test(t) ? "iOS" : /Mac OS X|Macintosh/.test(t) ? "macOS" : /Windows/.test(t) ? "Windows" : /Android/.test(t) ? "Android" : /Linux/.test(t) ? "Linux" : null;
+function de(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 Xe(t) {
-  const a = t.trim();
-  if (a.length === 0) return "";
-  const n = Ve(a), o = We(a);
-  return n && o ? `${n}/${o}` : n || o || (a.length > te ? `${a.slice(0, te)}…` : a);
+function fe(e) {
+	let t = e.trim();
+	if (t.length === 0) return "";
+	let n = H(t), r = de(t);
+	return n && r ? `${n}/${r}` : n || r || (t.length > V ? `${t.slice(0, V)}…` : t);
 }
-function Qe(t) {
-  const a = Math.floor(t / 1e3);
-  if (a < 60) return `${a}s`;
-  const n = Math.floor(a / 60);
-  return n < 60 ? `${n}m` : `${Math.floor(n / 60)}h ${n % 60}m`;
+//#endregion
+//#region src/stream-broker/widgets/StreamBrokerPanel.tsx
+function pe(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`;
 }
-const re = {
-  high: "High",
-  mid: "Mid",
-  low: "Low"
-}, se = ["high", "mid", "low"], Ye = {
-  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",
-  "webrtc-mobile": "bg-emerald-500/15 text-emerald-400",
-  "webrtc-whep": "bg-emerald-500/15 text-emerald-400",
-  "rtsp-listen": "bg-warning/15 text-warning",
-  "derived-broker": "bg-amber-500/15 text-amber-400",
-  recording: "bg-rose-500/15 text-rose-400",
-  pipeline: "bg-cyan-500/15 text-cyan-400",
-  snapshot: "bg-cyan-500/15 text-cyan-400",
-  warmup: "bg-foreground-subtle/10 text-foreground-subtle",
-  unknown: "bg-foreground-subtle/10 text-foreground-subtle"
-}, de = {
-  alexa: "ALEXA",
-  homekit: "HOMEKIT",
-  "webrtc-browser": "BROWSER",
-  "webrtc-mobile": "MOBILE",
-  "webrtc-whep": "WHEP",
-  "rtsp-listen": "RTSP",
-  "derived-broker": "DERIVED",
-  recording: "RECORD",
-  pipeline: "PIPELINE",
-  snapshot: "SNAP",
-  warmup: "WARMUP",
-  unknown: "—"
+var U = {
+	high: "High",
+	mid: "Mid",
+	low: "Low"
+}, W = [
+	"high",
+	"mid",
+	"low"
+], me = {
+	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",
+	"webrtc-mobile": "bg-emerald-500/15 text-emerald-400",
+	"webrtc-whep": "bg-emerald-500/15 text-emerald-400",
+	"rtsp-listen": "bg-warning/15 text-warning",
+	"derived-broker": "bg-amber-500/15 text-amber-400",
+	recording: "bg-rose-500/15 text-rose-400",
+	pipeline: "bg-cyan-500/15 text-cyan-400",
+	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 = {
+	alexa: "ALEXA",
+	homekit: "HOMEKIT",
+	"webrtc-browser": "BROWSER",
+	"webrtc-mobile": "MOBILE",
+	"webrtc-whep": "WHEP",
+	"rtsp-listen": "RTSP",
+	"derived-broker": "DERIVED",
+	recording: "RECORD",
+	pipeline: "PIPELINE",
+	snapshot: "SNAP",
+	warmup: "WARMUP",
+	unknown: "—"
 };
-function Ze(t) {
-  return de[t] ?? t.toUpperCase().slice(0, 8);
+function he(e) {
+	return G[e] ?? e.toUpperCase().slice(0, 8);
 }
-function Je(t) {
-  return de[t] ?? t;
+function ge(e) {
+	return G[e] ?? e;
 }
-function et(t) {
-  const a = t.config ?? {};
-  return t.deviceId === void 0 ? /* @__PURE__ */ e("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__ */ e(
-    tt,
-    {
-      deviceId: t.deviceId,
-      title: a.title,
-      variant: a.variant,
-      hideEmpty: a.hideEmpty
-    }
-  );
+function _e(e) {
+	let t = e.config ?? {};
+	return e.deviceId === void 0 ? /* @__PURE__ */ g("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, {
+		deviceId: e.deviceId,
+		title: t.title,
+		variant: t.variant,
+		hideEmpty: t.hideEmpty
+	});
 }
-function tt({
-  deviceId: t,
-  title: a = "Stream Brokers",
-  variant: n = "full",
-  hideEmpty: o = !1
-}) {
-  ie(
-    ["streamBroker", "listAllProfileSlots"],
-    [
-      "device.streams-registered",
-      "device.streams-unregistered",
-      "device.registered",
-      "device.unregistered"
-    ]
-  );
-  const { data: c } = fe(
-    void 0,
-    { staleTime: 3e4 }
-  ), s = (c ?? []).filter((h) => h.deviceId === t && h.sourceCamStreamId !== null).slice().sort((h, C) => se.indexOf(h.profile) - se.indexOf(C.profile)), m = ge(), l = be(m.trpcClient, t), { data: f } = ye({
-    queryKey: ["device", t, "cameraStreams.getCameraStreams"],
-    queryFn: () => l?.cameraStreams?.getCameraStreams({}) ?? [],
-    enabled: !!l,
-    staleTime: 3e4
-  }), u = /* @__PURE__ */ new Map();
-  for (const h of f ?? []) u.set(h.camStreamId, h);
-  const d = new Set(
-    s.map((h) => h.sourceCamStreamId).filter((h) => h !== null)
-  ), p = (f ?? []).filter(
-    (h) => !d.has(h.camStreamId)
-  ), v = s.length > 0, N = p.length > 0;
-  return o && !v && !N ? null : n === "compact" ? v ? /* @__PURE__ */ e("div", { className: "divide-y divide-border/30", children: s.map((h) => /* @__PURE__ */ e(
-    ne,
-    {
-      slot: h,
-      camStreams: u,
-      compact: !0
-    },
-    h.brokerId
-  )) }) : /* @__PURE__ */ e("div", { className: "text-[11px] text-foreground-subtle italic px-2 py-1", children: "No active profile slots" }) : /* @__PURE__ */ r("div", { className: "rounded-lg border border-border bg-surface overflow-hidden", children: [
-    /* @__PURE__ */ r("div", { className: "border-b border-border px-4 py-2 flex items-center justify-between", children: [
-      /* @__PURE__ */ e("h2", { className: "text-xs font-semibold text-foreground uppercase tracking-wider", children: a }),
-      v && /* @__PURE__ */ r("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: [
-        s.length,
-        " assigned"
-      ] })
-    ] }),
-    v ? /* @__PURE__ */ e("div", { className: "divide-y divide-border/30", children: s.map((h) => /* @__PURE__ */ e(
-      ne,
-      {
-        slot: h,
-        camStreams: u,
-        compact: !1
-      },
-      h.brokerId
-    )) }) : /* @__PURE__ */ r("div", { className: "px-4 py-6 flex flex-col items-center text-center text-foreground-subtle", children: [
-      /* @__PURE__ */ e(Me, { className: "h-5 w-5 mb-2 opacity-30" }),
-      /* @__PURE__ */ e("p", { className: "text-xs", children: "No profile slots assigned for this device" })
-    ] }),
-    N && /* @__PURE__ */ e(
-      rt,
-      {
-        deviceId: t,
-        camStreamIds: p.map((h) => h.camStreamId),
-        camStreams: u
-      }
-    )
-  ] });
+function ve({ deviceId: e, title: t = "Stream Brokers", variant: n = "full", hideEmpty: r = !1 }) {
+	f(["streamBroker", "listAllProfileSlots"], [
+		"device.streams-registered",
+		"device.streams-unregistered",
+		"device.registered",
+		"device.unregistered"
+	]);
+	let { data: i } = s(void 0, { staleTime: 3e4 }), a = (i ?? []).filter((t) => t.deviceId === e && t.sourceCamStreamId !== null).slice().toSorted((e, t) => W.indexOf(e.profile) - W.indexOf(t.profile)), o = u(h().trpcClient, e), { data: c } = b({
+		queryKey: [
+			"device",
+			e,
+			"cameraStreams.getCameraStreams"
+		],
+		queryFn: () => o?.cameraStreams?.getCameraStreams({}) ?? [],
+		enabled: !!o,
+		staleTime: 3e4
+	}), l = /* @__PURE__ */ new Map();
+	for (let e of c ?? []) l.set(e.camStreamId, e);
+	let d = new Set(a.map((e) => e.sourceCamStreamId).filter((e) => e !== null)), p = (c ?? []).filter((e) => !d.has(e.camStreamId)), m = a.length > 0, v = p.length > 0;
+	return r && !m && !v ? null : n === "compact" ? m ? /* @__PURE__ */ g("div", {
+		className: "divide-y divide-border/30",
+		children: a.map((e) => /* @__PURE__ */ g(q, {
+			slot: e,
+			camStreams: l,
+			compact: !0
+		}, e.brokerId))
+	}) : /* @__PURE__ */ g("div", {
+		className: "text-[11px] text-foreground-subtle italic px-2 py-1",
+		children: "No active profile slots"
+	}) : /* @__PURE__ */ _("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",
+					children: t
+				}), m && /* @__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: [a.length, " assigned"]
+				})]
+			}),
+			m ? /* @__PURE__ */ g("div", {
+				className: "divide-y divide-border/30",
+				children: a.map((e) => /* @__PURE__ */ g(q, {
+					slot: e,
+					camStreams: l,
+					compact: !1
+				}, e.brokerId))
+			}) : /* @__PURE__ */ _("div", {
+				className: "px-4 py-6 flex flex-col items-center text-center text-foreground-subtle",
+				children: [/* @__PURE__ */ g(te, { className: "h-5 w-5 mb-2 opacity-30" }), /* @__PURE__ */ g("p", {
+					className: "text-xs",
+					children: "No profile slots assigned for this device"
+				})]
+			}),
+			v && /* @__PURE__ */ g(ye, {
+				deviceId: e,
+				camStreamIds: p.map((e) => e.camStreamId),
+				camStreams: l
+			})
+		]
+	});
 }
-function rt({
-  deviceId: t,
-  camStreamIds: a,
-  camStreams: n
-}) {
-  const [o, c] = x(!1);
-  return /* @__PURE__ */ r("div", { className: "border-t border-border/50", children: [
-    /* @__PURE__ */ r(
-      "button",
-      {
-        type: "button",
-        onClick: () => c((s) => !s),
-        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__ */ r("span", { className: "inline-flex items-center gap-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle", children: [
-            o ? /* @__PURE__ */ e(X, { className: "h-3 w-3" }) : /* @__PURE__ */ e(Q, { className: "h-3 w-3" }),
-            "Other active streams"
-          ] }),
-          /* @__PURE__ */ e("span", { className: "rounded-full px-2 py-0.5 text-[10px] font-medium bg-foreground-subtle/10 text-foreground-subtle border border-border", children: a.length })
-        ]
-      }
-    ),
-    o && /* @__PURE__ */ e("div", { className: "divide-y divide-border/30", children: a.map((s) => /* @__PURE__ */ e(
-      st,
-      {
-        deviceId: t,
-        camStreamId: s,
-        camStreams: n
-      },
-      s
-    )) })
-  ] });
+function ye({ deviceId: e, camStreamIds: t, camStreams: n }) {
+	let [i, a] = r(!1);
+	return /* @__PURE__ */ _("div", {
+		className: "border-t border-border/50",
+		children: [/* @__PURE__ */ _("button", {
+			type: "button",
+			onClick: () => a((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", {
+				className: "inline-flex items-center gap-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle",
+				children: [g(i ? A : j, { className: "h-3 w-3" }), "Other active streams"]
+			}), /* @__PURE__ */ g("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
+			})]
+		}), i && /* @__PURE__ */ g("div", {
+			className: "divide-y divide-border/30",
+			children: t.map((t) => /* @__PURE__ */ g(be, {
+				deviceId: e,
+				camStreamId: t,
+				camStreams: n
+			}, t))
+		})]
+	});
 }
-function st({ deviceId: t, camStreamId: a, camStreams: n }) {
-  const o = Ce(t, a), s = le("stream-broker.metrics-snapshot", (f) => f.brokerId === o)?.stats, m = n.get(a), l = s?.status === "streaming";
-  return /* @__PURE__ */ r("div", { className: "px-4 py-2", children: [
-    /* @__PURE__ */ e("div", { className: "flex items-center justify-between mb-1", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ e(
-        "span",
-        {
-          className: `h-1.5 w-1.5 rounded-full ${l ? "bg-success" : "bg-foreground-subtle/40"}`
-        }
-      ),
-      /* @__PURE__ */ e("span", { className: "text-[11px] font-medium text-foreground", children: m?.label ?? a }),
-      m?.resolution && /* @__PURE__ */ r("span", { className: "text-[10px] text-foreground-subtle", children: [
-        m.resolution.width,
-        "×",
-        m.resolution.height
-      ] }),
-      /* @__PURE__ */ e("span", { className: `text-[10px] ${l ? "text-success" : "text-foreground-subtle"}`, children: s?.status ?? "idle" })
-    ] }) }),
-    s && l && /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-x-3 gap-y-1 text-[10px]", children: [
-      /* @__PURE__ */ r("span", { className: "inline-flex whitespace-nowrap gap-1", children: [
-        /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "FPS:" }),
-        /* @__PURE__ */ e("span", { className: "text-foreground", children: s.inputFps.toFixed(1) })
-      ] }),
-      /* @__PURE__ */ r("span", { className: "inline-flex whitespace-nowrap gap-1", children: [
-        /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "Bitrate:" }),
-        /* @__PURE__ */ e("span", { className: "text-foreground", children: s.bitrateKbps >= 1e3 ? `${(s.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${s.bitrateKbps} kbps` })
-      ] }),
-      /* @__PURE__ */ r("span", { className: "inline-flex whitespace-nowrap gap-1", children: [
-        /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "Codec:" }),
-        /* @__PURE__ */ e("span", { className: "text-foreground", children: s.codec?.toUpperCase() ?? "—" })
-      ] }),
-      /* @__PURE__ */ r("span", { className: "inline-flex whitespace-nowrap gap-1", children: [
-        /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "Pkts:" }),
-        /* @__PURE__ */ e("span", { className: "text-foreground", children: s.packetCount > 1e3 ? `${(s.packetCount / 1e3).toFixed(1)}k` : s.packetCount })
-      ] })
-    ] })
-  ] });
+function be({ deviceId: e, camStreamId: t, camStreams: n }) {
+	let r = x(e, t), i = c("stream-broker.metrics-snapshot", (e) => e.brokerId === r)?.stats, a = n.get(t), o = i?.status === "streaming";
+	return /* @__PURE__ */ _("div", {
+		className: "px-4 py-2",
+		children: [/* @__PURE__ */ g("div", {
+			className: "flex items-center justify-between mb-1",
+			children: /* @__PURE__ */ _("div", {
+				className: "flex items-center gap-1.5",
+				children: [
+					/* @__PURE__ */ g("span", { className: `h-1.5 w-1.5 rounded-full ${o ? "bg-success" : "bg-foreground-subtle/40"}` }),
+					/* @__PURE__ */ g("span", {
+						className: "text-[11px] font-medium text-foreground",
+						children: a?.label ?? t
+					}),
+					a?.resolution && /* @__PURE__ */ _("span", {
+						className: "text-[10px] text-foreground-subtle",
+						children: [
+							a.resolution.width,
+							"×",
+							a.resolution.height
+						]
+					}),
+					/* @__PURE__ */ g("span", {
+						className: `text-[10px] ${o ? "text-success" : "text-foreground-subtle"}`,
+						children: i?.status ?? "idle"
+					})
+				]
+			})
+		}), i && o && /* @__PURE__ */ _("div", {
+			className: "flex flex-wrap gap-x-3 gap-y-1 text-[10px]",
+			children: [
+				/* @__PURE__ */ _("span", {
+					className: "inline-flex whitespace-nowrap gap-1",
+					children: [/* @__PURE__ */ g("span", {
+						className: "text-foreground-subtle",
+						children: "FPS:"
+					}), /* @__PURE__ */ g("span", {
+						className: "text-foreground",
+						children: i.inputFps.toFixed(1)
+					})]
+				}),
+				/* @__PURE__ */ _("span", {
+					className: "inline-flex whitespace-nowrap gap-1",
+					children: [/* @__PURE__ */ g("span", {
+						className: "text-foreground-subtle",
+						children: "Bitrate:"
+					}), /* @__PURE__ */ g("span", {
+						className: "text-foreground",
+						children: i.bitrateKbps >= 1e3 ? `${(i.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${i.bitrateKbps} kbps`
+					})]
+				}),
+				/* @__PURE__ */ _("span", {
+					className: "inline-flex whitespace-nowrap gap-1",
+					children: [/* @__PURE__ */ g("span", {
+						className: "text-foreground-subtle",
+						children: "Codec:"
+					}), /* @__PURE__ */ g("span", {
+						className: "text-foreground",
+						children: i.codec?.toUpperCase() ?? "—"
+					})]
+				}),
+				/* @__PURE__ */ _("span", {
+					className: "inline-flex whitespace-nowrap gap-1",
+					children: [/* @__PURE__ */ g("span", {
+						className: "text-foreground-subtle",
+						children: "Pkts:"
+					}), /* @__PURE__ */ g("span", {
+						className: "text-foreground",
+						children: i.packetCount > 1e3 ? `${(i.packetCount / 1e3).toFixed(1)}k` : i.packetCount
+					})]
+				})
+			]
+		})]
+	});
 }
-function ae(t, a) {
-  const n = (o) => {
-    if (!o || typeof o != "object") return;
-    const c = o;
-    if (typeof c.key == "string" && c.key === a && "value" in c) return c.value;
-    if (c.type === "group" && Array.isArray(c.fields))
-      for (const s of c.fields) {
-        const m = n(s);
-        if (m !== void 0) return m;
-      }
-    else if (c.type === "sub-tabs" && Array.isArray(c.tabs)) {
-      for (const s of c.tabs)
-        if (Array.isArray(s.fields))
-          for (const m of s.fields) {
-            const l = n(m);
-            if (l !== void 0) return l;
-          }
-    }
-  };
-  for (const o of t?.sections ?? [])
-    if (Array.isArray(o.fields))
-      for (const c of o.fields) {
-        const s = n(c);
-        if (s !== void 0) return s;
-      }
+function K(e, t) {
+	let n = (e) => {
+		if (!e || typeof e != "object") return;
+		let r = e;
+		if (typeof r.key == "string" && r.key === t && "value" in r) return r.value;
+		if (r.type === "group" && Array.isArray(r.fields)) for (let e of r.fields) {
+			let t = n(e);
+			if (t !== void 0) return t;
+		}
+		else if (r.type === "sub-tabs" && Array.isArray(r.tabs)) {
+			for (let e of r.tabs) if (Array.isArray(e.fields)) for (let t of e.fields) {
+				let e = n(t);
+				if (e !== void 0) return e;
+			}
+		}
+	};
+	for (let t of e?.sections ?? []) if (Array.isArray(t.fields)) for (let e of t.fields) {
+		let t = n(e);
+		if (t !== void 0) return t;
+	}
 }
-function ne({ slot: t, camStreams: a, compact: n }) {
-  const o = ke(), s = le("stream-broker.metrics-snapshot", (k) => k.brokerId === t.brokerId)?.stats;
-  ie(["streamBroker", "listClients"], ["stream-broker.metrics-snapshot"]);
-  const { data: m } = xe(
-    { brokerId: t.brokerId },
-    { enabled: s?.status === "streaming", staleTime: 2e3 }
-  ), { data: l } = ve(
-    { deviceId: t.deviceId },
-    { staleTime: 15e3 }
-  ), f = t.sourceCamStreamId ?? t.profile, u = !!(ae(l, `preBufferEnabled:${f}`) ?? !0), d = ae(l, `preBufferSec:${f}`), p = Ne({
-    onSuccess: () => {
-      o.invalidateQueries({ queryKey: [["streamBroker", "getDeviceSettingsContribution"]] });
-    }
-  }), v = (k) => {
-    p.mutate({
-      deviceId: t.deviceId,
-      patch: { [`preBufferEnabled:${f}`]: k }
-    });
-  }, N = we({
-    onSuccess: () => {
-      o.invalidateQueries({ queryKey: [["streamBroker", "listClients"]] });
-    }
-  }), h = R(
-    (k) => {
-      N.mutate({ brokerId: t.brokerId, ...k });
-    },
-    [N, t.brokerId]
-  ), w = (t.sourceCamStreamId ? a.get(t.sourceCamStreamId) : void 0)?.resolution ?? t.resolution, A = s?.status === "streaming", S = w ? `${re[t.profile]} (${w.width}×${w.height})` : re[t.profile], M = s ? s.encodedSubscribers + s.decodedSubscribers + (s.rtspClients ?? 0) + (s.pipeClients ?? 0) : 0;
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: `@container ${n ? "px-3 py-1.5" : "px-4 py-2"}`,
-      style: { containerType: "inline-size" },
-      children: [
-        /* @__PURE__ */ r("div", { className: "flex items-center justify-between mb-1.5", children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ e(
-              "span",
-              {
-                className: `h-1.5 w-1.5 rounded-full ${A ? t.profile === "high" ? "bg-success" : t.profile === "mid" ? "bg-warning" : "bg-foreground-subtle" : "bg-foreground-subtle/40"}`
-              }
-            ),
-            /* @__PURE__ */ e("span", { className: "text-[11px] font-medium text-foreground", children: S }),
-            /* @__PURE__ */ e("span", { className: `text-[10px] ${A ? "text-success" : "text-foreground-subtle"}`, children: s?.status ?? "loading" }),
-            t.sourceCamStreamId && /* @__PURE__ */ r("span", { className: "text-[10px] text-foreground-subtle", children: [
-              "← ",
-              t.sourceCamStreamId
-            ] })
-          ] }),
-          /* @__PURE__ */ e("span", { className: "text-[10px] text-foreground-subtle", children: s && s.uptimeMs > 0 ? Qe(s.uptimeMs) : "—" })
-        ] }),
-        s && A ? n ? /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-x-3 gap-y-0.5 text-[10px]", children: [
-          /* @__PURE__ */ r("span", { className: "inline-flex whitespace-nowrap gap-1", children: [
-            /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "FPS:" }),
-            /* @__PURE__ */ r("span", { className: "text-foreground", children: [
-              s.inputFps.toFixed(1),
-              "/",
-              s.decodeFps.toFixed(1)
-            ] })
-          ] }),
-          /* @__PURE__ */ r("span", { className: "inline-flex whitespace-nowrap gap-1", children: [
-            /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "Bitrate:" }),
-            /* @__PURE__ */ e("span", { className: "text-foreground", children: s.bitrateKbps >= 1e3 ? `${(s.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${s.bitrateKbps} kbps` })
-          ] }),
-          /* @__PURE__ */ r("span", { className: "inline-flex whitespace-nowrap gap-1", children: [
-            /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "Codec:" }),
-            /* @__PURE__ */ e("span", { className: "text-foreground", children: s.codec?.toUpperCase() ?? "—" })
-          ] }),
-          /* @__PURE__ */ r("span", { className: "inline-flex items-center whitespace-nowrap gap-1", children: [
-            /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "Clients:" }),
-            /* @__PURE__ */ e("span", { className: "text-foreground font-semibold", children: M }),
-            /* @__PURE__ */ e("span", { className: "text-foreground-subtle/70", children: "(" }),
-            /* @__PURE__ */ e(it, { count: s.encodedSubscribers + s.decodedSubscribers, clients: m, onKill: h }),
-            /* @__PURE__ */ e("span", { className: "text-foreground-subtle/70", children: "·" }),
-            /* @__PURE__ */ e(ct, { count: s.rtspClients ?? 0, clients: m, onKill: h }),
-            /* @__PURE__ */ r("span", { className: "text-foreground-subtle/70", children: [
-              "· pipe ",
-              s.pipeClients ?? 0,
-              ")"
-            ] })
-          ] })
-        ] }) : /* @__PURE__ */ r($, { children: [
-          /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-x-3 gap-y-1 text-[10px]", children: [
-            /* @__PURE__ */ r("span", { className: "inline-flex whitespace-nowrap gap-1", children: [
-              /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "In:" }),
-              /* @__PURE__ */ r("span", { className: "text-foreground", children: [
-                s.inputFps.toFixed(1),
-                " fps"
-              ] })
-            ] }),
-            /* @__PURE__ */ r("span", { className: "inline-flex whitespace-nowrap gap-1", children: [
-              /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "Dec:" }),
-              /* @__PURE__ */ r("span", { className: "text-foreground", children: [
-                s.decodeFps.toFixed(1),
-                " fps"
-              ] })
-            ] }),
-            /* @__PURE__ */ r("span", { className: "inline-flex whitespace-nowrap gap-1", children: [
-              /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "Bitrate:" }),
-              /* @__PURE__ */ e("span", { className: "text-foreground", children: s.bitrateKbps >= 1e3 ? `${(s.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${s.bitrateKbps} kbps` })
-            ] }),
-            /* @__PURE__ */ r("span", { className: "hidden @[480px]:inline-flex whitespace-nowrap gap-1", children: [
-              /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "IDR:" }),
-              /* @__PURE__ */ e("span", { className: "text-foreground", children: s.idrIntervalMs > 0 ? `${(s.idrIntervalMs / 1e3).toFixed(1)}s` : "—" })
-            ] }),
-            /* @__PURE__ */ r("span", { className: "inline-flex whitespace-nowrap gap-1", children: [
-              /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "Codec:" }),
-              /* @__PURE__ */ e("span", { className: "text-foreground", children: s.codec?.toUpperCase() ?? "—" })
-            ] }),
-            /* @__PURE__ */ r("span", { className: "hidden @[480px]:inline-flex whitespace-nowrap gap-1 max-w-full overflow-hidden", children: [
-              /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "Decoder:" }),
-              /* @__PURE__ */ e("span", { className: "text-foreground font-mono truncate", children: s.decoderNodeId ?? /* @__PURE__ */ e("span", { className: "text-foreground-subtle italic", children: "deferred" }) })
-            ] }),
-            /* @__PURE__ */ r("span", { className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1", children: [
-              /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "Pipe:" }),
-              /* @__PURE__ */ e("span", { className: "text-foreground", children: s.pipeClients ?? 0 })
-            ] }),
-            /* @__PURE__ */ r("span", { className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1", children: [
-              /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "Packets:" }),
-              /* @__PURE__ */ e("span", { className: "text-foreground", children: s.packetCount > 1e3 ? `${(s.packetCount / 1e3).toFixed(1)}k` : s.packetCount })
-            ] }),
-            /* @__PURE__ */ r("span", { className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1", children: [
-              /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "Data:" }),
-              /* @__PURE__ */ e("span", { className: "text-foreground", children: s.totalBytes > 1048576 ? `${(s.totalBytes / 1048576).toFixed(1)} MB` : `${(s.totalBytes / 1024).toFixed(0)} KB` })
-            ] }),
-            s.audio && /* @__PURE__ */ r("div", { className: "basis-full flex flex-wrap items-center gap-x-1.5 gap-y-0.5", children: [
-              /* @__PURE__ */ e("span", { className: "text-foreground-subtle whitespace-nowrap", children: "Audio:" }),
-              /* @__PURE__ */ r("span", { className: "inline-flex whitespace-nowrap items-center gap-1.5", children: [
-                /* @__PURE__ */ e("span", { className: "text-foreground", children: s.audio.codec.toUpperCase() }),
-                /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "·" }),
-                /* @__PURE__ */ e("span", { className: "text-foreground", children: s.audio.sampleRate >= 1e3 ? `${(s.audio.sampleRate / 1e3).toFixed(s.audio.sampleRate % 1e3 === 0 ? 0 : 1)}kHz` : `${s.audio.sampleRate}Hz` }),
-                /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "·" }),
-                /* @__PURE__ */ e("span", { className: "text-foreground", children: s.audio.channels === 1 ? "mono" : s.audio.channels === 2 ? "stereo" : `${s.audio.channels}ch` })
-              ] }),
-              /* @__PURE__ */ e("span", { className: `px-1 py-px rounded text-[8px] font-medium whitespace-nowrap ${s.audio.supported ? "bg-success/15 text-success" : "bg-amber-500/15 text-amber-500"}`, children: s.audio.supported ? "decoded" : "no decoder" })
-            ] })
-          ] }),
-          /* @__PURE__ */ e(ot, { clients: m, encodedCount: s.encodedSubscribers, onKill: h })
-        ] }) : /* @__PURE__ */ e("p", { className: "text-[10px] text-foreground-subtle italic", children: "No demand — stream suspended" }),
-        /* @__PURE__ */ r("div", { className: "mt-1.5 flex items-center gap-1.5 text-[10px]", children: [
-          /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "Buffer:" }),
-          /* @__PURE__ */ e(
-            lt,
-            {
-              enabled: u,
-              onToggle: (k) => v(k),
-              disabled: p.isPending
-            }
-          ),
-          /* @__PURE__ */ r("span", { className: "text-foreground", children: [
-            d ?? s?.preBufferSec ?? 0,
-            "s",
-            s && A ? ` (${s.preBufferPackets}p)` : ""
-          ] })
-        ] })
-      ]
-    }
-  );
+function q({ slot: e, camStreams: t, compact: n }) {
+	let r = y(), a = c("stream-broker.metrics-snapshot", (t) => t.brokerId === e.brokerId)?.stats;
+	f(["streamBroker", "listClients"], ["stream-broker.metrics-snapshot"]);
+	let { data: s } = l({ brokerId: e.brokerId }, {
+		enabled: a?.status === "streaming",
+		staleTime: 2e3
+	}), { data: u } = d({ deviceId: e.deviceId }, { staleTime: 15e3 }), m = e.sourceCamStreamId ?? e.profile, h = !!(K(u, `preBufferEnabled:${m}`) ?? !0), b = K(u, `preBufferSec:${m}`), x = o({ onSuccess: () => {
+		r.invalidateQueries({ queryKey: [["streamBroker", "getDeviceSettingsContribution"]] });
+	} }), S = (t) => {
+		x.mutate({
+			deviceId: e.deviceId,
+			patch: { [`preBufferEnabled:${m}`]: t }
+		});
+	}, C = p({ onSuccess: () => {
+		r.invalidateQueries({ queryKey: [["streamBroker", "listClients"]] });
+	} }), w = i((t) => {
+		C.mutate({
+			brokerId: e.brokerId,
+			...t
+		});
+	}, [C, e.brokerId]), T = (e.sourceCamStreamId ? t.get(e.sourceCamStreamId) : void 0)?.resolution ?? e.resolution, E = a?.status === "streaming", D = T ? `${U[e.profile]} (${T.width}×${T.height})` : U[e.profile], O = a ? a.encodedSubscribers + a.decodedSubscribers + (a.rtspClients ?? 0) + (a.pipeClients ?? 0) : 0;
+	return /* @__PURE__ */ _("div", {
+		className: `@container ${n ? "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",
+					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",
+							children: D
+						}),
+						/* @__PURE__ */ g("span", {
+							className: `text-[10px] ${E ? "text-success" : "text-foreground-subtle"}`,
+							children: a?.status ?? "loading"
+						}),
+						e.sourceCamStreamId && /* @__PURE__ */ _("span", {
+							className: "text-[10px] text-foreground-subtle",
+							children: ["← ", e.sourceCamStreamId]
+						})
+					]
+				}), /* @__PURE__ */ g("span", {
+					className: "text-[10px] text-foreground-subtle",
+					children: a && a.uptimeMs > 0 ? pe(a.uptimeMs) : "—"
+				})]
+			}),
+			a && E ? n ? /* @__PURE__ */ _("div", {
+				className: "flex flex-wrap gap-x-3 gap-y-0.5 text-[10px]",
+				children: [
+					/* @__PURE__ */ _("span", {
+						className: "inline-flex whitespace-nowrap gap-1",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-foreground-subtle",
+							children: "FPS:"
+						}), /* @__PURE__ */ _("span", {
+							className: "text-foreground",
+							children: [
+								a.inputFps.toFixed(1),
+								"/",
+								a.decodeFps.toFixed(1)
+							]
+						})]
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "inline-flex whitespace-nowrap gap-1",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-foreground-subtle",
+							children: "Bitrate:"
+						}), /* @__PURE__ */ g("span", {
+							className: "text-foreground",
+							children: a.bitrateKbps >= 1e3 ? `${(a.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${a.bitrateKbps} kbps`
+						})]
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "inline-flex whitespace-nowrap gap-1",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-foreground-subtle",
+							children: "Codec:"
+						}), /* @__PURE__ */ g("span", {
+							className: "text-foreground",
+							children: a.codec?.toUpperCase() ?? "—"
+						})]
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "inline-flex items-center whitespace-nowrap gap-1",
+						children: [
+							/* @__PURE__ */ g("span", {
+								className: "text-foreground-subtle",
+								children: "Clients:"
+							}),
+							/* @__PURE__ */ g("span", {
+								className: "text-foreground font-semibold",
+								children: O
+							}),
+							/* @__PURE__ */ g("span", {
+								className: "text-foreground-subtle/70",
+								children: "("
+							}),
+							/* @__PURE__ */ g(Ce, {
+								count: a.encodedSubscribers + a.decodedSubscribers,
+								clients: s,
+								onKill: w
+							}),
+							/* @__PURE__ */ g("span", {
+								className: "text-foreground-subtle/70",
+								children: "·"
+							}),
+							/* @__PURE__ */ g(Te, {
+								count: a.rtspClients ?? 0,
+								clients: s,
+								onKill: w
+							}),
+							/* @__PURE__ */ _("span", {
+								className: "text-foreground-subtle/70",
+								children: [
+									"· pipe ",
+									a.pipeClients ?? 0,
+									")"
+								]
+							})
+						]
+					})
+				]
+			}) : /* @__PURE__ */ _(v, { children: [/* @__PURE__ */ _("div", {
+				className: "flex flex-wrap gap-x-3 gap-y-1 text-[10px]",
+				children: [
+					/* @__PURE__ */ _("span", {
+						className: "inline-flex whitespace-nowrap gap-1",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-foreground-subtle",
+							children: "In:"
+						}), /* @__PURE__ */ _("span", {
+							className: "text-foreground",
+							children: [a.inputFps.toFixed(1), " fps"]
+						})]
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "inline-flex whitespace-nowrap gap-1",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-foreground-subtle",
+							children: "Dec:"
+						}), /* @__PURE__ */ _("span", {
+							className: "text-foreground",
+							children: [a.decodeFps.toFixed(1), " fps"]
+						})]
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "inline-flex whitespace-nowrap gap-1",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-foreground-subtle",
+							children: "Bitrate:"
+						}), /* @__PURE__ */ g("span", {
+							className: "text-foreground",
+							children: a.bitrateKbps >= 1e3 ? `${(a.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${a.bitrateKbps} kbps`
+						})]
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "hidden @[480px]:inline-flex whitespace-nowrap gap-1",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-foreground-subtle",
+							children: "IDR:"
+						}), /* @__PURE__ */ g("span", {
+							className: "text-foreground",
+							children: a.idrIntervalMs > 0 ? `${(a.idrIntervalMs / 1e3).toFixed(1)}s` : "—"
+						})]
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "inline-flex whitespace-nowrap gap-1",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-foreground-subtle",
+							children: "Codec:"
+						}), /* @__PURE__ */ g("span", {
+							className: "text-foreground",
+							children: a.codec?.toUpperCase() ?? "—"
+						})]
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "hidden @[480px]:inline-flex whitespace-nowrap gap-1 max-w-full overflow-hidden",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-foreground-subtle",
+							children: "Decoder:"
+						}), /* @__PURE__ */ g("span", {
+							className: "text-foreground font-mono truncate",
+							children: a.decoderNodeId ?? /* @__PURE__ */ g("span", {
+								className: "text-foreground-subtle italic",
+								children: "deferred"
+							})
+						})]
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-foreground-subtle",
+							children: "Pipe:"
+						}), /* @__PURE__ */ g("span", {
+							className: "text-foreground",
+							children: a.pipeClients ?? 0
+						})]
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-foreground-subtle",
+							children: "Packets:"
+						}), /* @__PURE__ */ g("span", {
+							className: "text-foreground",
+							children: a.packetCount > 1e3 ? `${(a.packetCount / 1e3).toFixed(1)}k` : a.packetCount
+						})]
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-foreground-subtle",
+							children: "Data:"
+						}), /* @__PURE__ */ g("span", {
+							className: "text-foreground",
+							children: a.totalBytes > 1048576 ? `${(a.totalBytes / 1048576).toFixed(1)} MB` : `${(a.totalBytes / 1024).toFixed(0)} KB`
+						})]
+					}),
+					a.audio && /* @__PURE__ */ _("div", {
+						className: "basis-full flex flex-wrap items-center gap-x-1.5 gap-y-0.5",
+						children: [
+							/* @__PURE__ */ g("span", {
+								className: "text-foreground-subtle whitespace-nowrap",
+								children: "Audio:"
+							}),
+							/* @__PURE__ */ _("span", {
+								className: "inline-flex whitespace-nowrap items-center gap-1.5",
+								children: [
+									/* @__PURE__ */ g("span", {
+										className: "text-foreground",
+										children: a.audio.codec.toUpperCase()
+									}),
+									/* @__PURE__ */ g("span", {
+										className: "text-foreground-subtle",
+										children: "·"
+									}),
+									/* @__PURE__ */ g("span", {
+										className: "text-foreground",
+										children: a.audio.sampleRate >= 1e3 ? `${(a.audio.sampleRate / 1e3).toFixed(a.audio.sampleRate % 1e3 == 0 ? 0 : 1)}kHz` : `${a.audio.sampleRate}Hz`
+									}),
+									/* @__PURE__ */ g("span", {
+										className: "text-foreground-subtle",
+										children: "·"
+									}),
+									/* @__PURE__ */ g("span", {
+										className: "text-foreground",
+										children: a.audio.channels === 1 ? "mono" : a.audio.channels === 2 ? "stereo" : `${a.audio.channels}ch`
+									})
+								]
+							}),
+							/* @__PURE__ */ g("span", {
+								className: `px-1 py-px rounded text-[8px] font-medium whitespace-nowrap ${a.audio.supported ? "bg-success/15 text-success" : "bg-amber-500/15 text-amber-500"}`,
+								children: a.audio.supported ? "decoded" : "no decoder"
+							})
+						]
+					})
+				]
+			}), /* @__PURE__ */ g(Se, {
+				clients: s,
+				encodedCount: a.encodedSubscribers,
+				onKill: w
+			})] }) : /* @__PURE__ */ g("p", {
+				className: "text-[10px] text-foreground-subtle italic",
+				children: "No demand — stream suspended"
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "mt-1.5 flex items-center gap-1.5 text-[10px]",
+				children: [
+					/* @__PURE__ */ g("span", {
+						className: "text-foreground-subtle",
+						children: "Buffer:"
+					}),
+					/* @__PURE__ */ g(we, {
+						enabled: h,
+						onToggle: (e) => S(e),
+						disabled: x.isPending
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "text-foreground",
+						children: [
+							b ?? a?.preBufferSec ?? 0,
+							"s",
+							a && E ? ` (${a.preBufferPackets}p)` : ""
+						]
+					})
+				]
+			})
+		]
+	});
 }
-const at = 280, nt = 120;
-function ue({ trigger: t, content: a, widthClass: n }) {
-  const o = W(null), c = W(null), [s, m] = x(!1), [l, f] = x(!1), u = R(() => {
-    c.current && (clearTimeout(c.current), c.current = null);
-  }, []), d = R(() => {
-    u(), c.current = setTimeout(() => m(!1), nt);
-  }, [u]), p = R(() => {
-    u();
-    const N = o.current;
-    if (N) {
-      const h = N.getBoundingClientRect(), C = window.innerHeight - h.bottom, w = h.top;
-      f(C < at && w > C);
-    }
-    m(!0);
-  }, [u]);
-  return /* @__PURE__ */ r(
-    "span",
-    {
-      ref: o,
-      className: "relative inline-block",
-      onMouseEnter: p,
-      onMouseLeave: d,
-      children: [
-        t,
-        s && /* @__PURE__ */ e(
-          "div",
-          {
-            className: `absolute left-0 ${l ? "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: u,
-            onMouseLeave: d,
-            children: a
-          }
-        )
-      ]
-    }
-  );
+var xe = 280, J = 120;
+function Y({ trigger: t, content: n, widthClass: a }) {
+	let o = e(null), s = e(null), [c, l] = r(!1), [u, d] = r(!1), f = i(() => {
+		s.current &&= (clearTimeout(s.current), null);
+	}, []), p = i(() => {
+		f(), s.current = setTimeout(() => l(!1), J);
+	}, [f]);
+	return /* @__PURE__ */ _("span", {
+		ref: o,
+		className: "relative inline-block",
+		onMouseEnter: i(() => {
+			f();
+			let e = o.current;
+			if (e) {
+				let t = e.getBoundingClientRect(), n = window.innerHeight - t.bottom, r = t.top;
+				d(n < xe && r > n);
+			}
+			l(!0);
+		}, [f]),
+		onMouseLeave: p,
+		children: [t, c && /* @__PURE__ */ g("div", {
+			className: `absolute left-0 ${u ? "bottom-full mb-1" : "top-full mt-1"} z-50 ${a} rounded-md border border-border bg-surface shadow-xl p-2 text-[10px] normal-case`,
+			onMouseEnter: f,
+			onMouseLeave: p,
+			children: n
+		})]
+	});
 }
-function D(t) {
-  if (t < 1e3) return `${t}ms`;
-  const a = Math.floor(t / 1e3);
-  if (a < 60) return `${a}s`;
-  const n = Math.floor(a / 60);
-  return n < 60 ? `${n}m ${a % 60}s` : `${Math.floor(n / 60)}h ${n % 60}m`;
+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 pe(t) {
-  return t < 1024 ? `${t} B` : t < 1048576 ? `${(t / 1024).toFixed(1)} KB` : t < 1073741824 ? `${(t / 1048576).toFixed(1)} MB` : `${(t / 1073741824).toFixed(2)} GB`;
+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 ot({ clients: t, encodedCount: a, onKill: n }) {
-  const o = t?.decoded ?? [], c = t?.audio ?? [], s = t?.rtsp ?? [], m = t?.encoded ?? [], l = o.length + c.length + s.length + m.length, [f, u] = x(!0);
-  return l === 0 ? /* @__PURE__ */ e("div", { className: "mt-1.5 text-[10px] text-foreground-subtle italic", children: "No active subscribers" }) : /* @__PURE__ */ r("div", { className: "mt-1.5 border-t border-border/30 pt-1.5", children: [
-    /* @__PURE__ */ r(
-      "button",
-      {
-        type: "button",
-        onClick: () => u((d) => !d),
-        className: "flex items-center gap-1 text-[10px] text-foreground-subtle hover:text-foreground transition-colors",
-        children: [
-          f ? /* @__PURE__ */ e(X, { className: "h-3 w-3" }) : /* @__PURE__ */ e(Q, { className: "h-3 w-3" }),
-          /* @__PURE__ */ r("span", { className: "uppercase tracking-wider", children: [
-            "Subscribers (",
-            l,
-            ")"
-          ] })
-        ]
-      }
-    ),
-    f && /* @__PURE__ */ r("div", { className: "mt-1 divide-y divide-border/20", children: [
-      o.map((d, p) => /* @__PURE__ */ e(
-        H,
-        {
-          kind: "DECODED",
-          kindClass: "bg-success/10 text-success",
-          tag: d.tag || "unknown",
-          metrics: [
-            `${d.maxFps.toFixed(0)}fps`,
-            `${d.framesDelivered} del`,
-            ...d.framesDropped > 0 ? [{ text: `${d.framesDropped} drop`, warn: !0 }] : []
-          ],
-          age: Date.now() - d.subscribedAt,
-          onKill: n && d.tag ? () => n({ channel: "decoded", handle: d.tag }) : void 0
-        },
-        `d-${p}`
-      )),
-      c.map((d, p) => /* @__PURE__ */ e(
-        H,
-        {
-          kind: "AUDIO",
-          kindClass: "bg-info/10 text-info",
-          tag: d.tag || "unknown",
-          metrics: [`${d.chunksDelivered} chunks`],
-          age: Date.now() - d.subscribedAt,
-          onKill: n && d.tag ? () => n({ channel: "audio", handle: d.tag }) : void 0
-        },
-        `a-${p}`
-      )),
-      s.map((d) => {
-        const p = Date.now() - d.lastRtpAt, v = p > 5e3, N = d.playing ? v ? "stalled" : "playing" : "paused", h = d.playing ? v ? "bg-amber-400/10 text-amber-400" : "bg-success/10 text-success" : "bg-foreground-subtle/10 text-foreground-subtle";
-        return /* @__PURE__ */ e(
-          H,
-          {
-            kind: "RTSP",
-            kindClass: "bg-warning/10 text-warning",
-            tag: d.remoteAddr,
-            state: { text: N + (d.muted ? " · muted" : ""), className: h },
-            metrics: [pe(d.bytesSent), `last rtp ${D(p)} ago`],
-            age: Date.now() - d.connectedAt,
-            onKill: n ? () => n({ channel: "rtsp", handle: d.sessionId }) : void 0
-          },
-          `r-${d.sessionId}`
-        );
-      }),
-      m.map((d) => {
-        const p = d.attribution, v = Ye[p.kind] ?? "bg-foreground-subtle/10 text-foreground-subtle", N = p.sessionId ? p.sessionId.slice(0, 8) : null, h = [];
-        p.label && h.push(p.label), N && h.push(`sess ${N}`), p.userId && h.push(`user ${p.userId.slice(0, 8)}`), p.remoteAddr && h.push(`@${p.remoteAddr}`), p.userAgent && h.push(Xe(p.userAgent));
-        const C = h.length > 0 ? h.join(" · ") : Je(p.kind), w = [];
-        return p.media && w.push({ text: p.media }), p.targetCodec && w.push(p.targetCodec), p.transport && w.push(p.transport), w.push(`${d.packetsDelivered} pkts`), /* @__PURE__ */ e(
-          H,
-          {
-            kind: Ze(p.kind),
-            kindClass: v,
-            tag: C,
-            metrics: w,
-            age: Date.now() - d.subscribedAt
-          },
-          d.id
-        );
-      }),
-      m.length === 0 && a > 0 && /* @__PURE__ */ r("div", { className: "py-0.5 text-[10px] text-foreground-subtle", children: [
-        /* @__PURE__ */ e("span", { className: "inline-block px-1 rounded text-[9px] font-bold bg-foreground-subtle/10 text-foreground-subtle mr-2", children: "ENCODED" }),
-        a,
-        " callback subscriber(s)"
-      ] })
-    ] })
-  ] });
+function Se({ clients: e, encodedCount: t, onKill: n }) {
+	let i = e?.decoded ?? [], a = e?.audio ?? [], o = e?.rtsp ?? [], s = e?.encoded ?? [], c = i.length + a.length + o.length + s.length, [l, u] = r(!0);
+	return c === 0 ? /* @__PURE__ */ g("div", {
+		className: "mt-1.5 text-[10px] text-foreground-subtle italic",
+		children: "No active subscribers"
+	}) : /* @__PURE__ */ _("div", {
+		className: "mt-1.5 border-t border-border/30 pt-1.5",
+		children: [/* @__PURE__ */ _("button", {
+			type: "button",
+			onClick: () => u((e) => !e),
+			className: "flex items-center gap-1 text-[10px] text-foreground-subtle hover:text-foreground transition-colors",
+			children: [g(l ? A : j, { className: "h-3 w-3" }), /* @__PURE__ */ _("span", {
+				className: "uppercase tracking-wider",
+				children: [
+					"Subscribers (",
+					c,
+					")"
+				]
+			})]
+		}), l && /* @__PURE__ */ _("div", {
+			className: "mt-1 divide-y divide-border/20",
+			children: [
+				i.map((e, t) => /* @__PURE__ */ g(Q, {
+					kind: "DECODED",
+					kindClass: "bg-success/10 text-success",
+					tag: e.tag || "unknown",
+					metrics: [
+						`${e.maxFps.toFixed(0)}fps`,
+						`${e.framesDelivered} del`,
+						...e.framesDropped > 0 ? [{
+							text: `${e.framesDropped} drop`,
+							warn: !0
+						}] : []
+					],
+					age: Date.now() - e.subscribedAt,
+					onKill: n && e.tag ? () => n({
+						channel: "decoded",
+						handle: e.tag
+					}) : void 0
+				}, `d-${t}`)),
+				a.map((e, t) => /* @__PURE__ */ g(Q, {
+					kind: "AUDIO",
+					kindClass: "bg-info/10 text-info",
+					tag: e.tag || "unknown",
+					metrics: [`${e.chunksDelivered} chunks`],
+					age: Date.now() - e.subscribedAt,
+					onKill: n && e.tag ? () => n({
+						channel: "audio",
+						handle: e.tag
+					}) : void 0
+				}, `a-${t}`)),
+				o.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, {
+						kind: "RTSP",
+						kindClass: "bg-warning/10 text-warning",
+						tag: e.remoteAddr,
+						state: {
+							text: i + (e.muted ? " · muted" : ""),
+							className: a
+						},
+						metrics: [Z(e.bytesSent), `last rtp ${X(t)} ago`],
+						age: Date.now() - e.connectedAt,
+						onKill: n ? () => n({
+							channel: "rtsp",
+							handle: e.sessionId
+						}) : void 0
+					}, `r-${e.sessionId}`);
+				}),
+				s.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(fe(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, {
+						kind: he(t.kind),
+						kindClass: n,
+						tag: a,
+						metrics: o,
+						age: Date.now() - e.subscribedAt
+					}, e.id);
+				}),
+				s.length === 0 && t > 0 && /* @__PURE__ */ _("div", {
+					className: "py-0.5 text-[10px] text-foreground-subtle",
+					children: [
+						/* @__PURE__ */ g("span", {
+							className: "inline-block px-1 rounded text-[9px] font-bold bg-foreground-subtle/10 text-foreground-subtle mr-2",
+							children: "ENCODED"
+						}),
+						t,
+						" callback subscriber(s)"
+					]
+				})
+			]
+		})]
+	});
 }
-function H({ kind: t, kindClass: a, tag: n, state: o, metrics: c, age: s, onKill: m }) {
-  return /* @__PURE__ */ r("div", { className: "flex items-center gap-2 py-0.5 text-[10px]", children: [
-    /* @__PURE__ */ e("span", { className: `inline-block px-1 rounded text-[9px] font-bold shrink-0 w-14 text-center ${a}`, children: t }),
-    /* @__PURE__ */ e("span", { className: "text-foreground font-medium truncate flex-1", children: n }),
-    o && /* @__PURE__ */ e("span", { className: `text-[9px] px-1 rounded shrink-0 ${o.className}`, children: o.text }),
-    /* @__PURE__ */ r("span", { className: "text-foreground-subtle flex items-center gap-1.5 shrink-0", children: [
-      c.map((l, f) => /* @__PURE__ */ r("span", { children: [
-        f > 0 && /* @__PURE__ */ e("span", { className: "mr-1.5 text-foreground-subtle/50", children: "·" }),
-        typeof l == "string" ? l : /* @__PURE__ */ e("span", { className: l.warn ? "text-amber-400" : "", children: l.text })
-      ] }, f)),
-      /* @__PURE__ */ r("span", { className: "text-foreground-subtle/70", children: [
-        "· ",
-        D(s)
-      ] })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "w-5 flex-shrink-0 flex items-center justify-end", children: m ? /* @__PURE__ */ e(U, { onClick: m }) : null })
-  ] });
+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]",
+		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__ */ _("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: ["· ", X(a)]
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "w-5 flex-shrink-0 flex items-center justify-end",
+				children: o ? /* @__PURE__ */ g($, { onClick: o }) : null
+			})
+		]
+	});
 }
-function it({ count: t, clients: a, onKill: n }) {
-  const o = a?.decoded ?? [], c = a?.audio ?? [], s = a ? a.encodedSubscribers : 0, m = o.length > 0 || c.length > 0 || s > 0, l = /* @__PURE__ */ e("span", { className: `text-foreground ${m ? "underline decoration-dotted decoration-foreground-subtle/50 underline-offset-2 cursor-help" : ""}`, children: t });
-  if (!m) return l;
-  const f = /* @__PURE__ */ r($, { children: [
-    o.length > 0 && /* @__PURE__ */ r("div", { className: "mb-2", children: [
-      /* @__PURE__ */ e("div", { className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1", children: "Decoded subscribers" }),
-      o.map((u, d) => /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-2 py-0.5", children: [
-        /* @__PURE__ */ e("span", { className: "text-foreground font-medium truncate", children: u.tag || "unknown" }),
-        /* @__PURE__ */ r("span", { className: "text-foreground-subtle text-[9px] flex items-center gap-1.5 shrink-0", children: [
-          /* @__PURE__ */ r("span", { children: [
-            u.maxFps.toFixed(0),
-            "fps"
-          ] }),
-          /* @__PURE__ */ e("span", { children: "·" }),
-          /* @__PURE__ */ r("span", { children: [
-            u.framesDelivered,
-            " del"
-          ] }),
-          u.framesDropped > 0 && /* @__PURE__ */ r("span", { className: "text-amber-400", children: [
-            "· ",
-            u.framesDropped,
-            " drop"
-          ] }),
-          /* @__PURE__ */ e("span", { children: "·" }),
-          /* @__PURE__ */ e("span", { children: D(Date.now() - u.subscribedAt) }),
-          n && u.tag && /* @__PURE__ */ e(U, { onClick: () => n({ channel: "decoded", handle: u.tag }) })
-        ] })
-      ] }, `d-${d}`))
-    ] }),
-    c.length > 0 && /* @__PURE__ */ r("div", { className: "mb-2", children: [
-      /* @__PURE__ */ e("div", { className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1", children: "Audio subscribers" }),
-      c.map((u, d) => /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-2 py-0.5", children: [
-        /* @__PURE__ */ e("span", { className: "text-foreground font-medium truncate", children: u.tag || "unknown" }),
-        /* @__PURE__ */ r("span", { className: "text-foreground-subtle text-[9px] flex items-center gap-1.5 shrink-0", children: [
-          /* @__PURE__ */ r("span", { children: [
-            u.chunksDelivered,
-            " chunks"
-          ] }),
-          /* @__PURE__ */ e("span", { children: "·" }),
-          /* @__PURE__ */ e("span", { children: D(Date.now() - u.subscribedAt) }),
-          n && u.tag && /* @__PURE__ */ e(U, { onClick: () => n({ channel: "audio", handle: u.tag }) })
-        ] })
-      ] }, `a-${d}`))
-    ] }),
-    s > 0 && /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ e("div", { className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1", children: "Encoded" }),
-      /* @__PURE__ */ r("div", { className: "text-foreground", children: [
-        s,
-        " callback subscriber(s)"
-      ] })
-    ] })
-  ] });
-  return /* @__PURE__ */ e(ue, { trigger: l, content: f, widthClass: "min-w-[260px] max-w-[360px]" });
+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", {
+		className: `text-foreground ${o ? "underline decoration-dotted decoration-foreground-subtle/50 underline-offset-2 cursor-help" : ""}`,
+		children: e
+	});
+	return o ? /* @__PURE__ */ g(Y, {
+		trigger: s,
+		content: /* @__PURE__ */ _(v, { children: [
+			r.length > 0 && /* @__PURE__ */ _("div", {
+				className: "mb-2",
+				children: [/* @__PURE__ */ g("div", {
+					className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1",
+					children: "Decoded subscribers"
+				}), r.map((e, t) => /* @__PURE__ */ _("div", {
+					className: "flex items-center justify-between gap-2 py-0.5",
+					children: [/* @__PURE__ */ g("span", {
+						className: "text-foreground font-medium truncate",
+						children: e.tag || "unknown"
+					}), /* @__PURE__ */ _("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", {
+								className: "text-amber-400",
+								children: [
+									"· ",
+									e.framesDropped,
+									" drop"
+								]
+							}),
+							/* @__PURE__ */ g("span", { children: "·" }),
+							/* @__PURE__ */ g("span", { children: X(Date.now() - e.subscribedAt) }),
+							n && e.tag && /* @__PURE__ */ g($, { onClick: () => n({
+								channel: "decoded",
+								handle: e.tag
+							}) })
+						]
+					})]
+				}, `d-${t}`))]
+			}),
+			i.length > 0 && /* @__PURE__ */ _("div", {
+				className: "mb-2",
+				children: [/* @__PURE__ */ g("div", {
+					className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1",
+					children: "Audio subscribers"
+				}), i.map((e, t) => /* @__PURE__ */ _("div", {
+					className: "flex items-center justify-between gap-2 py-0.5",
+					children: [/* @__PURE__ */ g("span", {
+						className: "text-foreground font-medium truncate",
+						children: e.tag || "unknown"
+					}), /* @__PURE__ */ _("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: X(Date.now() - e.subscribedAt) }),
+							n && e.tag && /* @__PURE__ */ g($, { onClick: () => n({
+								channel: "audio",
+								handle: e.tag
+							}) })
+						]
+					})]
+				}, `a-${t}`))]
+			}),
+			a > 0 && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("div", {
+				className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1",
+				children: "Encoded"
+			}), /* @__PURE__ */ _("div", {
+				className: "text-foreground",
+				children: [a, " callback subscriber(s)"]
+			})] })
+		] }),
+		widthClass: "min-w-[260px] max-w-[360px]"
+	}) : s;
 }
-function lt({
-  enabled: t,
-  onToggle: a,
-  disabled: n
-}) {
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      type: "button",
-      role: "switch",
-      "aria-checked": t,
-      disabled: n,
-      onClick: () => a(!t),
-      className: `relative inline-flex h-3 w-6 shrink-0 items-center rounded-full transition-colors ${t ? "bg-success/60" : "bg-foreground-subtle/30"} ${n ? "opacity-50 cursor-wait" : "cursor-pointer"}`,
-      title: t ? "Pre-buffer enabled — click to disable" : "Pre-buffer disabled — click to enable",
-      children: /* @__PURE__ */ e(
-        "span",
-        {
-          className: `inline-block h-2.5 w-2.5 rounded-full bg-white shadow transition-transform ${t ? "translate-x-3" : "translate-x-0.5"}`
-        }
-      )
-    }
-  );
+function we({ enabled: e, onToggle: t, disabled: n }) {
+	return /* @__PURE__ */ g("button", {
+		type: "button",
+		role: "switch",
+		"aria-checked": e,
+		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"}` })
+	});
 }
-function U({ onClick: t }) {
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      type: "button",
-      title: "Force-disconnect this client",
-      onClick: (a) => {
-        a.stopPropagation(), t();
-      },
-      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__ */ e(Ke, { className: "h-2.5 w-2.5" })
-    }
-  );
+function $({ onClick: e }) {
+	return /* @__PURE__ */ g("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(ne, { className: "h-2.5 w-2.5" })
+	});
 }
-function ct({ count: t, clients: a, onKill: n }) {
-  const o = a?.rtsp ?? [], c = o.length > 0, s = /* @__PURE__ */ e("span", { className: `text-foreground ${c ? "underline decoration-dotted decoration-foreground-subtle/50 underline-offset-2 cursor-help" : ""}`, children: t });
-  if (!c) return s;
-  const m = /* @__PURE__ */ r($, { children: [
-    /* @__PURE__ */ e("div", { className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1", children: "RTSP sessions" }),
-    o.map((l) => {
-      const f = Date.now() - l.lastRtpAt, u = f > 5e3;
-      return /* @__PURE__ */ r("div", { className: "py-1 border-b border-border/40 last:border-b-0", children: [
-        /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ e("span", { className: "text-foreground font-mono", children: l.remoteAddr }),
-          /* @__PURE__ */ r("span", { className: "flex items-center gap-1 shrink-0", children: [
-            /* @__PURE__ */ r("span", { className: `text-[9px] px-1 rounded ${l.playing ? u ? "bg-amber-400/10 text-amber-400" : "bg-success/10 text-success" : "bg-foreground-subtle/10 text-foreground-subtle"}`, children: [
-              l.playing ? u ? "stalled" : "playing" : "paused",
-              l.muted && " · muted"
-            ] }),
-            n && /* @__PURE__ */ e(U, { onClick: () => n({ channel: "rtsp", handle: l.sessionId }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-2 text-foreground-subtle text-[9px] mt-0.5", children: [
-          /* @__PURE__ */ r("span", { children: [
-            pe(l.bytesSent),
-            " sent"
-          ] }),
-          /* @__PURE__ */ r("span", { children: [
-            "connected ",
-            D(Date.now() - l.connectedAt),
-            " ago"
-          ] }),
-          /* @__PURE__ */ r("span", { children: [
-            "last rtp ",
-            D(f),
-            " ago"
-          ] })
-        ] })
-      ] }, l.sessionId);
-    })
-  ] });
-  return /* @__PURE__ */ e(ue, { trigger: s, content: m, widthClass: "min-w-[300px] max-w-[420px]" });
+function Te({ count: e, clients: t, onKill: n }) {
+	let r = t?.rtsp ?? [], i = r.length > 0, a = /* @__PURE__ */ g("span", {
+		className: `text-foreground ${i ? "underline decoration-dotted decoration-foreground-subtle/50 underline-offset-2 cursor-help" : ""}`,
+		children: e
+	});
+	return i ? /* @__PURE__ */ g(Y, {
+		trigger: a,
+		content: /* @__PURE__ */ _(v, { children: [/* @__PURE__ */ g("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", {
+				className: "py-1 border-b border-border/40 last:border-b-0",
+				children: [/* @__PURE__ */ _("div", {
+					className: "flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ g("span", {
+						className: "text-foreground font-mono",
+						children: e.remoteAddr
+					}), /* @__PURE__ */ _("span", {
+						className: "flex items-center gap-1 shrink-0",
+						children: [/* @__PURE__ */ _("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({
+							channel: "rtsp",
+							handle: e.sessionId
+						}) })]
+					})]
+				}), /* @__PURE__ */ _("div", {
+					className: "flex items-center justify-between gap-2 text-foreground-subtle text-[9px] mt-0.5",
+					children: [
+						/* @__PURE__ */ _("span", { children: [Z(e.bytesSent), " sent"] }),
+						/* @__PURE__ */ _("span", { children: [
+							"connected ",
+							X(Date.now() - e.connectedAt),
+							" ago"
+						] }),
+						/* @__PURE__ */ _("span", { children: [
+							"last rtp ",
+							X(t),
+							" ago"
+						] })
+					]
+				})]
+			}, e.sessionId);
+		})] }),
+		widthClass: "min-w-[300px] max-w-[420px]"
+	}) : a;
 }
-const gt = {
-  "stream-broker-panel": et,
-  "ffmpeg-params": Ge
-};
-export {
-  gt as default
+//#endregion
+//#region src/stream-broker/widgets/index.tsx
+var Ee = {
+	"stream-broker-panel": _e,
+	"ffmpeg-params": ue
 };
+//#endregion
+export { Ee as default };