@camstack/addon-pipeline 0.1.8

package/dist/stream-broker/_stub.js

@@ -0,0 +1,752 @@
+import { _ as e, a as r, b as B } from "./__mfe_internal__addon_stream_broker_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-gBEZsQrp.mjs";
+import { _ as z, a as G } from "./__mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.mjs-U1EUeEPs.mjs";
+import { a as R, b as S, c as k, d as y, e as I } from "./__mfe_internal__addon_stream_broker_widgets__loadShare__react__loadShare__.mjs-DePVYdid.mjs";
+import { _ as E, a as Q, b as W, c as X, d as T, e as Z, f as V, g as J, h as Y } from "./__mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.mjs-69eEmXwl.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 ee = (s) => s.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), te = (s) => s.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (n, o, i) => i ? i.toUpperCase() : o.toLowerCase()
+), A = (s) => {
+  const n = te(s);
+  return n.charAt(0).toUpperCase() + n.slice(1);
+}, L = (...s) => s.filter((n, o, i) => !!n && n.trim() !== "" && i.indexOf(n) === o).join(" ").trim(), se = (s) => {
+  for (const n in s)
+    if (n.startsWith("aria-") || n === "role" || n === "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 re = {
+  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 ne = R(
+  ({
+    color: s = "currentColor",
+    size: n = 24,
+    strokeWidth: o = 2,
+    absoluteStrokeWidth: i,
+    className: c = "",
+    children: t,
+    iconNode: l,
+    ...d
+  }, u) => S(
+    "svg",
+    {
+      ref: u,
+      ...re,
+      width: n,
+      height: n,
+      stroke: s,
+      strokeWidth: i ? Number(o) * 24 / Number(n) : o,
+      className: L("lucide", c),
+      ...!t && !se(d) && { "aria-hidden": "true" },
+      ...d
+    },
+    [
+      ...l.map(([a, m]) => S(a, m)),
+      ...Array.isArray(t) ? t : [t]
+    ]
+  )
+);
+/**
+ * @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 _ = (s, n) => {
+  const o = R(
+    ({ className: i, ...c }, t) => S(ne, {
+      ref: t,
+      iconNode: n,
+      className: L(
+        `lucide-${ee(A(s))}`,
+        `lucide-${s}`,
+        i
+      ),
+      ...c
+    })
+  );
+  return o.displayName = A(s), o;
+};
+/**
+ * @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 ae = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], O = _("chevron-down", ae);
+/**
+ * @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 oe = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], j = _("chevron-right", oe);
+/**
+ * @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 = [
+  ["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" }]
+], ce = _("radio", ie);
+/**
+ * @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: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], le = _("x", de);
+function pe(s) {
+  const n = Math.floor(s / 1e3);
+  if (n < 60) return `${n}s`;
+  const o = Math.floor(n / 60);
+  return o < 60 ? `${o}m` : `${Math.floor(o / 60)}h ${o % 60}m`;
+}
+const F = {
+  high: "High",
+  mid: "Mid",
+  low: "Low"
+}, D = ["high", "mid", "low"];
+function ue(s) {
+  const n = s.config ?? {};
+  return s.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(
+    me,
+    {
+      deviceId: s.deviceId,
+      title: n.title,
+      variant: n.variant,
+      hideEmpty: n.hideEmpty
+    }
+  );
+}
+function me({
+  deviceId: s,
+  title: n = "Stream Brokers",
+  variant: o = "full",
+  hideEmpty: i = !1
+}) {
+  E(
+    ["streamBroker", "listAllProfileSlots"],
+    [
+      "device.streams-registered",
+      "device.streams-unregistered",
+      "device.registered",
+      "device.unregistered"
+    ]
+  );
+  const { data: c } = Q(
+    void 0,
+    { staleTime: 3e4 }
+  ), t = (c ?? []).filter((p) => p.deviceId === s && p.sourceCamStreamId !== null).slice().sort((p, N) => D.indexOf(p.profile) - D.indexOf(N.profile)), l = W(), d = X(l.trpcClient, s), { data: u } = z({
+    queryKey: ["device", s, "cameraStreams.getCameraStreams"],
+    queryFn: () => d?.cameraStreams?.getCameraStreams({}) ?? [],
+    enabled: !!d,
+    staleTime: 3e4
+  }), a = /* @__PURE__ */ new Map();
+  for (const p of u ?? []) a.set(p.camStreamId, p);
+  const m = new Set(
+    t.map((p) => p.sourceCamStreamId).filter((p) => p !== null)
+  ), f = (u ?? []).filter(
+    (p) => !m.has(p.camStreamId)
+  ), x = t.length > 0, h = f.length > 0;
+  return i && !x && !h ? null : o === "compact" ? x ? /* @__PURE__ */ e("div", { className: "divide-y divide-border/30", children: t.map((p) => /* @__PURE__ */ e(
+    P,
+    {
+      slot: p,
+      camStreams: a,
+      compact: !0
+    },
+    p.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: n }),
+      x && /* @__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: [
+        t.length,
+        " assigned"
+      ] })
+    ] }),
+    x ? /* @__PURE__ */ e("div", { className: "divide-y divide-border/30", children: t.map((p) => /* @__PURE__ */ e(
+      P,
+      {
+        slot: p,
+        camStreams: a,
+        compact: !1
+      },
+      p.brokerId
+    )) }) : /* @__PURE__ */ r("div", { className: "px-4 py-6 flex flex-col items-center text-center text-foreground-subtle", children: [
+      /* @__PURE__ */ e(ce, { className: "h-5 w-5 mb-2 opacity-30" }),
+      /* @__PURE__ */ e("p", { className: "text-xs", children: "No profile slots assigned for this device" })
+    ] }),
+    h && /* @__PURE__ */ e(
+      fe,
+      {
+        deviceId: s,
+        camStreamIds: f.map((p) => p.camStreamId),
+        camStreams: a
+      }
+    )
+  ] });
+}
+function fe({
+  deviceId: s,
+  camStreamIds: n,
+  camStreams: o
+}) {
+  const [i, c] = y(!1);
+  return /* @__PURE__ */ r("div", { className: "border-t border-border/50", children: [
+    /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        onClick: () => c((t) => !t),
+        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: [
+            i ? /* @__PURE__ */ e(O, { className: "h-3 w-3" }) : /* @__PURE__ */ e(j, { 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: n.length })
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ e("div", { className: "divide-y divide-border/30", children: n.map((t) => /* @__PURE__ */ e(
+      he,
+      {
+        deviceId: s,
+        camStreamId: t,
+        camStreams: o
+      },
+      t
+    )) })
+  ] });
+}
+function he({ deviceId: s, camStreamId: n, camStreams: o }) {
+  const i = `${s}/${n}`, t = T("stream-broker.metrics-snapshot", (u) => u.brokerId === i)?.stats, l = o.get(n), d = t?.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 ${d ? "bg-success" : "bg-foreground-subtle/40"}`
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "text-[11px] font-medium text-foreground", children: l?.label ?? n }),
+      l?.resolution && /* @__PURE__ */ r("span", { className: "text-[10px] text-foreground-subtle", children: [
+        l.resolution.width,
+        "×",
+        l.resolution.height
+      ] }),
+      /* @__PURE__ */ e("span", { className: `text-[10px] ${d ? "text-success" : "text-foreground-subtle"}`, children: t?.status ?? "idle" })
+    ] }) }),
+    t && d && /* @__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: t.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: t.bitrateKbps >= 1e3 ? `${(t.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${t.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: t.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: t.packetCount > 1e3 ? `${(t.packetCount / 1e3).toFixed(1)}k` : t.packetCount })
+      ] })
+    ] })
+  ] });
+}
+function M(s, n) {
+  const o = (i) => {
+    if (!i || typeof i != "object") return;
+    const c = i;
+    if (typeof c.key == "string" && c.key === n && "value" in c) return c.value;
+    if (c.type === "group" && Array.isArray(c.fields))
+      for (const t of c.fields) {
+        const l = o(t);
+        if (l !== void 0) return l;
+      }
+    else if (c.type === "sub-tabs" && Array.isArray(c.tabs)) {
+      for (const t of c.tabs)
+        if (Array.isArray(t.fields))
+          for (const l of t.fields) {
+            const d = o(l);
+            if (d !== void 0) return d;
+          }
+    }
+  };
+  for (const i of s?.sections ?? [])
+    if (Array.isArray(i.fields))
+      for (const c of i.fields) {
+        const t = o(c);
+        if (t !== void 0) return t;
+      }
+}
+function P({ slot: s, camStreams: n, compact: o }) {
+  const i = G(), t = T("stream-broker.metrics-snapshot", (b) => b.brokerId === s.brokerId)?.stats;
+  E(["streamBroker", "listClients"], ["stream-broker.metrics-snapshot"]);
+  const { data: l } = Z(
+    { brokerId: s.brokerId },
+    { enabled: t?.status === "streaming", staleTime: 2e3 }
+  ), { data: d } = V(
+    { deviceId: s.deviceId },
+    { staleTime: 15e3 }
+  ), u = s.sourceCamStreamId ?? s.profile, a = !!(M(d, `preBufferEnabled:${u}`) ?? !0), m = M(d, `preBufferSec:${u}`), f = J({
+    onSuccess: () => {
+      i.invalidateQueries({ queryKey: [["streamBroker", "getDeviceSettingsContribution"]] });
+    }
+  }), x = (b) => {
+    f.mutate({
+      deviceId: s.deviceId,
+      patch: { [`preBufferEnabled:${u}`]: b }
+    });
+  }, h = Y({
+    onSuccess: () => {
+      i.invalidateQueries({ queryKey: [["streamBroker", "listClients"]] });
+    }
+  }), p = k(
+    (b) => {
+      h.mutate({ brokerId: s.brokerId, ...b });
+    },
+    [h, s.brokerId]
+  ), w = (s.sourceCamStreamId ? n.get(s.sourceCamStreamId) : void 0)?.resolution ?? s.resolution, v = t?.status === "streaming", q = w ? `${F[s.profile]} (${w.width}×${w.height})` : F[s.profile], H = t ? t.encodedSubscribers + t.decodedSubscribers + (t.rtspClients ?? 0) + (t.pipeClients ?? 0) : 0;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: `@container ${o ? "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 ${v ? s.profile === "high" ? "bg-success" : s.profile === "mid" ? "bg-warning" : "bg-foreground-subtle" : "bg-foreground-subtle/40"}`
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "text-[11px] font-medium text-foreground", children: q }),
+            /* @__PURE__ */ e("span", { className: `text-[10px] ${v ? "text-success" : "text-foreground-subtle"}`, children: t?.status ?? "loading" }),
+            s.sourceCamStreamId && /* @__PURE__ */ r("span", { className: "text-[10px] text-foreground-subtle", children: [
+              "← ",
+              s.sourceCamStreamId
+            ] })
+          ] }),
+          /* @__PURE__ */ e("span", { className: "text-[10px] text-foreground-subtle", children: t && t.uptimeMs > 0 ? pe(t.uptimeMs) : "—" })
+        ] }),
+        t && v ? o ? /* @__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: [
+              t.inputFps.toFixed(1),
+              "/",
+              t.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: t.bitrateKbps >= 1e3 ? `${(t.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${t.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: t.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: H }),
+            /* @__PURE__ */ e("span", { className: "text-foreground-subtle/70", children: "(" }),
+            /* @__PURE__ */ e(Ne, { count: t.encodedSubscribers + t.decodedSubscribers, clients: l, onKill: p }),
+            /* @__PURE__ */ e("span", { className: "text-foreground-subtle/70", children: "·" }),
+            /* @__PURE__ */ e(ve, { count: t.rtspClients ?? 0, clients: l, onKill: p }),
+            /* @__PURE__ */ r("span", { className: "text-foreground-subtle/70", children: [
+              "· pipe ",
+              t.pipeClients ?? 0,
+              ")"
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ r(B, { 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: [
+                t.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: [
+                t.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: t.bitrateKbps >= 1e3 ? `${(t.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${t.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: t.idrIntervalMs > 0 ? `${(t.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: t.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: t.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: t.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: t.packetCount > 1e3 ? `${(t.packetCount / 1e3).toFixed(1)}k` : t.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: t.totalBytes > 1048576 ? `${(t.totalBytes / 1048576).toFixed(1)} MB` : `${(t.totalBytes / 1024).toFixed(0)} KB` })
+            ] }),
+            t.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: t.audio.codec.toUpperCase() }),
+                /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "·" }),
+                /* @__PURE__ */ e("span", { className: "text-foreground", children: t.audio.sampleRate >= 1e3 ? `${(t.audio.sampleRate / 1e3).toFixed(t.audio.sampleRate % 1e3 === 0 ? 0 : 1)}kHz` : `${t.audio.sampleRate}Hz` }),
+                /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "·" }),
+                /* @__PURE__ */ e("span", { className: "text-foreground", children: t.audio.channels === 1 ? "mono" : t.audio.channels === 2 ? "stereo" : `${t.audio.channels}ch` })
+              ] }),
+              /* @__PURE__ */ e("span", { className: `px-1 py-px rounded text-[8px] font-medium whitespace-nowrap ${t.audio.supported ? "bg-success/15 text-success" : "bg-amber-500/15 text-amber-500"}`, children: t.audio.supported ? "decoded" : "no decoder" })
+            ] })
+          ] }),
+          /* @__PURE__ */ e(ge, { clients: l, encodedCount: t.encodedSubscribers, onKill: p })
+        ] }) : /* @__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(
+            we,
+            {
+              enabled: a,
+              onToggle: (b) => x(b),
+              disabled: f.isPending
+            }
+          ),
+          /* @__PURE__ */ r("span", { className: "text-foreground", children: [
+            m ?? t?.preBufferSec ?? 0,
+            "s",
+            t && v ? ` (${t.preBufferPackets}p)` : ""
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+const xe = 280, be = 120;
+function K({ trigger: s, content: n, widthClass: o }) {
+  const i = I(null), c = I(null), [t, l] = y(!1), [d, u] = y(!1), a = k(() => {
+    c.current && (clearTimeout(c.current), c.current = null);
+  }, []), m = k(() => {
+    a(), c.current = setTimeout(() => l(!1), be);
+  }, [a]), f = k(() => {
+    a();
+    const h = i.current;
+    if (h) {
+      const p = h.getBoundingClientRect(), N = window.innerHeight - p.bottom, w = p.top;
+      u(N < xe && w > N);
+    }
+    l(!0);
+  }, [a]);
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      ref: i,
+      className: "relative inline-block",
+      onMouseEnter: f,
+      onMouseLeave: m,
+      children: [
+        s,
+        t && /* @__PURE__ */ e(
+          "div",
+          {
+            className: `absolute left-0 ${d ? "bottom-full mb-1" : "top-full mt-1"} z-50 ${o} rounded-md border border-border bg-surface shadow-xl p-2 text-[10px] normal-case`,
+            onMouseEnter: a,
+            onMouseLeave: m,
+            children: n
+          }
+        )
+      ]
+    }
+  );
+}
+function g(s) {
+  if (s < 1e3) return `${s}ms`;
+  const n = Math.floor(s / 1e3);
+  if (n < 60) return `${n}s`;
+  const o = Math.floor(n / 60);
+  return o < 60 ? `${o}m ${n % 60}s` : `${Math.floor(o / 60)}h ${o % 60}m`;
+}
+function U(s) {
+  return s < 1024 ? `${s} B` : s < 1048576 ? `${(s / 1024).toFixed(1)} KB` : s < 1073741824 ? `${(s / 1048576).toFixed(1)} MB` : `${(s / 1073741824).toFixed(2)} GB`;
+}
+function ge({ clients: s, encodedCount: n, onKill: o }) {
+  const i = s?.decoded ?? [], c = s?.audio ?? [], t = s?.rtsp ?? [], l = i.length + c.length + t.length + n, [d, u] = y(!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((a) => !a),
+        className: "flex items-center gap-1 text-[10px] text-foreground-subtle hover:text-foreground transition-colors",
+        children: [
+          d ? /* @__PURE__ */ e(O, { className: "h-3 w-3" }) : /* @__PURE__ */ e(j, { className: "h-3 w-3" }),
+          /* @__PURE__ */ r("span", { className: "uppercase tracking-wider", children: [
+            "Subscribers (",
+            l,
+            ")"
+          ] })
+        ]
+      }
+    ),
+    d && /* @__PURE__ */ r("div", { className: "mt-1 divide-y divide-border/20", children: [
+      i.map((a, m) => /* @__PURE__ */ e(
+        $,
+        {
+          kind: "DECODED",
+          kindClass: "bg-success/10 text-success",
+          tag: a.tag || "unknown",
+          metrics: [
+            `${a.maxFps.toFixed(0)}fps`,
+            `${a.framesDelivered} del`,
+            ...a.framesDropped > 0 ? [{ text: `${a.framesDropped} drop`, warn: !0 }] : []
+          ],
+          age: Date.now() - a.subscribedAt,
+          onKill: o && a.tag ? () => o({ channel: "decoded", handle: a.tag }) : void 0
+        },
+        `d-${m}`
+      )),
+      c.map((a, m) => /* @__PURE__ */ e(
+        $,
+        {
+          kind: "AUDIO",
+          kindClass: "bg-info/10 text-info",
+          tag: a.tag || "unknown",
+          metrics: [`${a.chunksDelivered} chunks`],
+          age: Date.now() - a.subscribedAt,
+          onKill: o && a.tag ? () => o({ channel: "audio", handle: a.tag }) : void 0
+        },
+        `a-${m}`
+      )),
+      t.map((a) => {
+        const m = Date.now() - a.lastRtpAt, f = m > 5e3, x = a.playing ? f ? "stalled" : "playing" : "paused", h = a.playing ? f ? "bg-amber-400/10 text-amber-400" : "bg-success/10 text-success" : "bg-foreground-subtle/10 text-foreground-subtle";
+        return /* @__PURE__ */ e(
+          $,
+          {
+            kind: "RTSP",
+            kindClass: "bg-warning/10 text-warning",
+            tag: a.remoteAddr,
+            state: { text: x + (a.muted ? " · muted" : ""), className: h },
+            metrics: [U(a.bytesSent), `last rtp ${g(m)} ago`],
+            age: Date.now() - a.connectedAt,
+            onKill: o ? () => o({ channel: "rtsp", handle: a.sessionId }) : void 0
+          },
+          `r-${a.sessionId}`
+        );
+      }),
+      n > 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" }),
+        n,
+        " callback subscriber(s)"
+      ] })
+    ] })
+  ] });
+}
+function $({ kind: s, kindClass: n, tag: o, state: i, metrics: c, age: t, onKill: l }) {
+  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 ${n}`, children: s }),
+    /* @__PURE__ */ e("span", { className: "text-foreground font-medium truncate flex-1", children: o }),
+    i && /* @__PURE__ */ e("span", { className: `text-[9px] px-1 rounded shrink-0 ${i.className}`, children: i.text }),
+    /* @__PURE__ */ r("span", { className: "text-foreground-subtle flex items-center gap-1.5 shrink-0", children: [
+      c.map((d, u) => /* @__PURE__ */ r("span", { children: [
+        u > 0 && /* @__PURE__ */ e("span", { className: "mr-1.5 text-foreground-subtle/50", children: "·" }),
+        typeof d == "string" ? d : /* @__PURE__ */ e("span", { className: d.warn ? "text-amber-400" : "", children: d.text })
+      ] }, u)),
+      /* @__PURE__ */ r("span", { className: "text-foreground-subtle/70", children: [
+        "· ",
+        g(t)
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "w-5 flex-shrink-0 flex items-center justify-end", children: l ? /* @__PURE__ */ e(C, { onClick: l }) : null })
+  ] });
+}
+function Ne({ count: s, clients: n, onKill: o }) {
+  const i = n?.decoded ?? [], c = n?.audio ?? [], t = n ? n.encodedSubscribers : 0, l = i.length > 0 || c.length > 0 || t > 0, d = /* @__PURE__ */ e("span", { className: `text-foreground ${l ? "underline decoration-dotted decoration-foreground-subtle/50 underline-offset-2 cursor-help" : ""}`, children: s });
+  if (!l) return d;
+  const u = /* @__PURE__ */ r(B, { children: [
+    i.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" }),
+      i.map((a, m) => /* @__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: a.tag || "unknown" }),
+        /* @__PURE__ */ r("span", { className: "text-foreground-subtle text-[9px] flex items-center gap-1.5 shrink-0", children: [
+          /* @__PURE__ */ r("span", { children: [
+            a.maxFps.toFixed(0),
+            "fps"
+          ] }),
+          /* @__PURE__ */ e("span", { children: "·" }),
+          /* @__PURE__ */ r("span", { children: [
+            a.framesDelivered,
+            " del"
+          ] }),
+          a.framesDropped > 0 && /* @__PURE__ */ r("span", { className: "text-amber-400", children: [
+            "· ",
+            a.framesDropped,
+            " drop"
+          ] }),
+          /* @__PURE__ */ e("span", { children: "·" }),
+          /* @__PURE__ */ e("span", { children: g(Date.now() - a.subscribedAt) }),
+          o && a.tag && /* @__PURE__ */ e(C, { onClick: () => o({ channel: "decoded", handle: a.tag }) })
+        ] })
+      ] }, `d-${m}`))
+    ] }),
+    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((a, m) => /* @__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: a.tag || "unknown" }),
+        /* @__PURE__ */ r("span", { className: "text-foreground-subtle text-[9px] flex items-center gap-1.5 shrink-0", children: [
+          /* @__PURE__ */ r("span", { children: [
+            a.chunksDelivered,
+            " chunks"
+          ] }),
+          /* @__PURE__ */ e("span", { children: "·" }),
+          /* @__PURE__ */ e("span", { children: g(Date.now() - a.subscribedAt) }),
+          o && a.tag && /* @__PURE__ */ e(C, { onClick: () => o({ channel: "audio", handle: a.tag }) })
+        ] })
+      ] }, `a-${m}`))
+    ] }),
+    t > 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: [
+        t,
+        " callback subscriber(s)"
+      ] })
+    ] })
+  ] });
+  return /* @__PURE__ */ e(K, { trigger: d, content: u, widthClass: "min-w-[260px] max-w-[360px]" });
+}
+function we({
+  enabled: s,
+  onToggle: n,
+  disabled: o
+}) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": s,
+      disabled: o,
+      onClick: () => n(!s),
+      className: `relative inline-flex h-3 w-6 shrink-0 items-center rounded-full transition-colors ${s ? "bg-success/60" : "bg-foreground-subtle/30"} ${o ? "opacity-50 cursor-wait" : "cursor-pointer"}`,
+      title: s ? "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 ${s ? "translate-x-3" : "translate-x-0.5"}`
+        }
+      )
+    }
+  );
+}
+function C({ onClick: s }) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      title: "Force-disconnect this client",
+      onClick: (n) => {
+        n.stopPropagation(), s();
+      },
+      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(le, { className: "h-2.5 w-2.5" })
+    }
+  );
+}
+function ve({ count: s, clients: n, onKill: o }) {
+  const i = n?.rtsp ?? [], c = i.length > 0, t = /* @__PURE__ */ e("span", { className: `text-foreground ${c ? "underline decoration-dotted decoration-foreground-subtle/50 underline-offset-2 cursor-help" : ""}`, children: s });
+  if (!c) return t;
+  const l = /* @__PURE__ */ r(B, { children: [
+    /* @__PURE__ */ e("div", { className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1", children: "RTSP sessions" }),
+    i.map((d) => {
+      const u = Date.now() - d.lastRtpAt, a = u > 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: d.remoteAddr }),
+          /* @__PURE__ */ r("span", { className: "flex items-center gap-1 shrink-0", children: [
+            /* @__PURE__ */ r("span", { className: `text-[9px] px-1 rounded ${d.playing ? a ? "bg-amber-400/10 text-amber-400" : "bg-success/10 text-success" : "bg-foreground-subtle/10 text-foreground-subtle"}`, children: [
+              d.playing ? a ? "stalled" : "playing" : "paused",
+              d.muted && " · muted"
+            ] }),
+            o && /* @__PURE__ */ e(C, { onClick: () => o({ channel: "rtsp", handle: d.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: [
+            U(d.bytesSent),
+            " sent"
+          ] }),
+          /* @__PURE__ */ r("span", { children: [
+            "connected ",
+            g(Date.now() - d.connectedAt),
+            " ago"
+          ] }),
+          /* @__PURE__ */ r("span", { children: [
+            "last rtp ",
+            g(u),
+            " ago"
+          ] })
+        ] })
+      ] }, d.sessionId);
+    })
+  ] });
+  return /* @__PURE__ */ e(K, { trigger: t, content: l, widthClass: "min-w-[300px] max-w-[420px]" });
+}
+const $e = {
+  "stream-broker-panel": ue
+};
+export {
+  $e as default
+};