@hadoku/watchparty-ui 0.45.10 → 0.45.12

package/dist/chunks/{Room-C7keqQhT.js → Room-H5597D2i.js}

@@ -1,14 +1,14 @@
 import { jsx as d, jsxs as A, Fragment as Se } from "react/jsx-runtime";
-import et, { useState as $, useRef as P, useEffect as L, useCallback as U, useMemo as Ce, Component as Gr, useContext as Wr, createContext as Kr, useId as Vr, useEffectEvent as fe } from "react";
-import { k as zr, M as Jr, m as Qr, f as qr, a as Yr, b as dt, c as Jt, i as Xr, S as Zr, r as bt, d as E, e as ee, h as x, j as Ke, A as Qt, D as it, w as C, l as es, n as ts, o as Dn, p as On, q as Hn, t as ns, L as rs, v as ss, x as as, y as vt, z as is, B as os, E as cs, F as ls, G as Un, H as qt, I as jn, J as Gn, K as ds, N as us, O as Yt, s as Xt, P as Ie, Q as hn, T as At, R as fs, U as Wn, V as hs, W as ps, X as Kn, Y, g as ms, Z as Vn, _ as zn, $ as Xe, a0 as gs, a1 as bs, a2 as ys, a3 as vs, a4 as Ss, a5 as pn, a6 as ze, a7 as ws, a8 as mn, a9 as xs, aa as Es, ab as gn, ac as Ms, ad as ks, ae as _s, af as As, ag as Ts, ah as bn, ai as yn, aj as Is, ak as Jn, al as vn, am as Cs, an as pt, ao as Fs, ap as Rs, aq as Ns, ar as Ls, as as $s, at as Ps, au as Bs, av as Ds, aw as Os, ax as Hs } from "./index-CHJG2cwy.js";
-import { createPortal as St } from "react-dom";
+import lt, { useState as $, useRef as P, useEffect as L, useCallback as U, useMemo as Ce, Component as Gr, useContext as Wr, createContext as Kr, useId as Vr, useEffectEvent as fe } from "react";
+import { k as zr, M as Jr, m as Qr, f as qr, a as Yr, C as dt, g as Vt, i as Xr, S as Zr, r as bt, d as E, e as ee, u as x, c as Ke, A as zt, D as at, w as C, b as es, h as ts, s as Bn, j as Dn, l as On, n as ns, L as rs, o as ss, p as as, q as Jt, t as is, v as os, x as cs, y as ls, z as Hn, B as Qt, E as Un, F as jn, G as ds, H as us, I as qt, J as Yt, K as Ie, N as fn, T as _t, O as fs, P as Gn, Q as hs, R as ps, U as Wn, V as Y, W as ms, X as Kn, Y as Vn, Z as Xe, _ as gs, $ as bs, a0 as ys, a1 as vs, a2 as Ss, a3 as hn, a4 as ze, a5 as ws, a6 as pn, a7 as xs, a8 as Es, a9 as mn, aa as Ms, ab as ks, ac as _s, ad as As, ae as Ts, af as gn, ag as bn, ah as Is, ai as zn, aj as yn, ak as Cs, al as pt, am as Fs, an as Rs, ao as Ns, ap as Ls, aq as $s, ar as Ps, as as Bs, at as Ds, au as Os, av as Hs } from "./index-BLeEknCO.js";
+import { createPortal as vt } from "react-dom";
 import { Icon as ut, THEMES as Us, useHadokuThemeOptional as js } from "@wolffm/themes";
 import { HadokuThemePicker as Gs, ConnectedSettings as Ws } from "@wolffm/task-ui-components";
 import { createRoot as Ks } from "react-dom/client";
 function Vs(t) {
   return t.kind === "file";
 }
-class Qn extends Error {
+class Jn extends Error {
   constructor(e) {
     super(e), this.name = "ChatImageUploadError";
   }
@@ -34,7 +34,7 @@ function gt(t) {
   }
 }
 function zs(t) {
-  return t instanceof dt ? gt(t.reason) : t instanceof Qn ? t.message : "Image upload failed";
+  return t instanceof dt ? gt(t.reason) : t instanceof Jn ? t.message : "Image upload failed";
 }
 function Js(t) {
   const e = t.type.toLowerCase().split(";")[0].trim();
@@ -51,9 +51,9 @@ async function Ys(t) {
   return { w: e?.width ?? 0, h: e?.height ?? 0 };
 }
 async function Xs(t, e = {}) {
-  const n = await Jt().upload(t, { signal: e.signal });
+  const n = await Vt().upload(t, { signal: e.signal });
   if (!Xr(n.key))
-    throw new Qn("Image upload returned an unusable key");
+    throw new Jn("Image upload returned an unusable key");
   return { key: n.key, deduplicated: n.deduplicated === !0 };
 }
 async function Zs(t, e = {}) {
@@ -127,19 +127,19 @@ function na(t, e, n, r = {}) {
   }, [p, u]);
   return { items: o, loading: p, error: m, hasMore: u !== null, loadMore: R };
 }
-const jt = 240, je = 8, ra = 28, qn = 240;
+const Ut = 240, je = 8, ra = 28, Qn = 240;
 function sa(t, e, n) {
-  let r = e.left - jt - je;
-  r < je && (r = e.right + je), r = Math.min(r, n.width - jt - je), r = Math.max(je, r);
-  const s = qn + ra;
+  let r = e.left - Ut - je;
+  r < je && (r = e.right + je), r = Math.min(r, n.width - Ut - je), r = Math.max(je, r);
+  const s = Qn + ra;
   let i = t.top + t.height / 2 - s / 2;
   return i = Math.min(i, n.height - s - je), i = Math.max(je, i), { left: r, top: i };
 }
-const Yn = "/dataplatform/api/memes", aa = 120;
+const qn = "/dataplatform/api/memes", aa = 120;
 function ia({ onClose: t, onPick: e, onUnavailable: n }) {
-  const [r, s] = $(""), i = P(null), a = P(null), l = Jt(), { items: o, loading: c, error: u, hasMore: f, loadMore: p } = na(
+  const [r, s] = $(""), i = P(null), a = P(null), l = Vt(), { items: o, loading: c, error: u, hasMore: f, loadMore: p } = na(
     l,
-    Yn,
+    qn,
     r.trim()
   ), v = u?.reason ?? null, m = Ce(() => {
     const b = /* @__PURE__ */ new Set();
@@ -271,7 +271,7 @@ function ia({ onClose: t, onPick: e, onUnavailable: n }) {
             style: {
               left: h.left,
               top: h.top,
-              width: jt,
+              width: Ut,
               /* The placement maths reserves exactly PREVIEW_PX of width.
                  Without border-box the padding and border sit OUTSIDE that
                  number and the box laps over the panel it is meant to sit
@@ -288,7 +288,7 @@ function ia({ onClose: t, onPick: e, onUnavailable: n }) {
                   src: bt(h.item.key) ?? void 0,
                   alt: "",
                   className: "block w-full rounded bg-bg object-contain",
-                  style: { height: "auto", maxHeight: qn }
+                  style: { height: "auto", maxHeight: Qn }
                 }
               ),
               h.item.title && /* One line. A long title must not change the box height, because
@@ -301,7 +301,7 @@ function ia({ onClose: t, onPick: e, onUnavailable: n }) {
     }
   );
 }
-function Xn({ open: t, ...e }) {
+function Yn({ open: t, ...e }) {
   return t ? /* @__PURE__ */ d(ia, { ...e }) : null;
 }
 function oa(t) {
@@ -313,11 +313,11 @@ function ca(t) {
   const e = t;
   return typeof e.unmount == "function" && typeof e.update == "function" && (e.mountSettings === void 0 || typeof e.mountSettings == "function");
 }
-const Gt = "watchparty:open-media-drawer";
-function Zn(t) {
-  E("navigation", `Select Media clicked (${t})`), window.dispatchEvent(new CustomEvent(Gt));
+const jt = "watchparty:open-media-drawer";
+function Xn(t) {
+  E("navigation", `Select Media clicked (${t})`), window.dispatchEvent(new CustomEvent(jt));
 }
-class Wt extends Gr {
+class Zn extends Gr {
   state = { hasError: !1 };
   static getDerivedStateFromError() {
     return { hasError: !0 };
@@ -339,7 +339,7 @@ class Wt extends Gr {
     ] }) : this.props.children;
   }
 }
-function wt() {
+function St() {
   const [t, e] = $(
     () => typeof document < "u" && !!document.fullscreenElement
   );
@@ -348,11 +348,11 @@ function wt() {
     return n(), document.addEventListener("fullscreenchange", n), () => document.removeEventListener("fullscreenchange", n);
   }, []), t;
 }
-function Zt(t) {
+function Xt(t) {
   return t.hasMedia && (t.chatCollapsed || t.isFullscreen);
 }
-function en(t) {
-  return t.isLeader ? Zt(t) ? t.gameOverlay && !t.isFullscreen ? "room-corner" : "control-bar" : "chat-toolbar" : "none";
+function Zt(t) {
+  return t.isLeader ? Xt(t) ? t.gameOverlay && !t.isFullscreen ? "room-corner" : "control-bar" : "chat-toolbar" : "none";
 }
 function er(t) {
   return t.hasMedia ? t.gameOverlay && !t.isFullscreen ? "room-corner" : "control-bar" : "none";
@@ -378,7 +378,7 @@ function fa({ src: t, title: e, onClose: n }) {
     return document.addEventListener("keydown", i, !0), () => document.removeEventListener("keydown", i, !0);
   }, [n]);
   const r = ua(), s = typeof document > "u" ? null : document.fullscreenElement ?? r ?? document.body;
-  return s ? St(
+  return s ? vt(
     /* @__PURE__ */ A(
       "div",
       {
@@ -416,11 +416,11 @@ function fa({ src: t, title: e, onClose: n }) {
     s
   ) : null;
 }
-const Tt = 240, ha = 320;
+const At = 240, ha = 320;
 function pa({ image: t }) {
   const [e, n] = $(!1), r = bt(t.key);
   if (!r) return null;
-  const s = t.w > 0 && t.h > 0, i = s ? Math.min(1, ha / t.w, Tt / t.h) : 1;
+  const s = t.w > 0 && t.h > 0, i = s ? Math.min(1, ha / t.w, At / t.h) : 1;
   return /* @__PURE__ */ A(Se, { children: [
     /* @__PURE__ */ d(
       "a",
@@ -443,7 +443,7 @@ function pa({ image: t }) {
             width: s ? Math.round(t.w * i) : void 0,
             height: s ? Math.round(t.h * i) : void 0,
             className: "rounded border border-border-light object-contain bg-bg-alt/30",
-            style: s ? { aspectRatio: `${t.w} / ${t.h}`, maxWidth: "100%", maxHeight: Tt } : { maxWidth: "100%", maxHeight: Tt }
+            style: s ? { aspectRatio: `${t.w} / ${t.h}`, maxWidth: "100%", maxHeight: At } : { maxWidth: "100%", maxHeight: At }
           }
         )
       }
@@ -464,28 +464,28 @@ function nr({ images: t }) {
 function ma(t, e) {
   return t.author && e.author ? t.author === e.author : !!e.clientId && t.clientId === e.clientId;
 }
-function It(t) {
+function Tt(t) {
   return new Date(t).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
 }
-const ga = et.memo(function({ message: e }) {
+const ga = lt.memo(function({ message: e }) {
   const n = x((l) => l.me.clientId), r = x((l) => l.me.clientId ? l.roster[l.me.clientId]?.author : void 0), s = ma(e, { clientId: n, author: r }), i = x((l) => tr(l.roster, e.author));
   if (e.isSystem && e.systemType === "recap")
     return /* @__PURE__ */ d("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ A("div", { className: "border-l-2 border-border-light pl-2.5 py-0.5", children: [
       /* @__PURE__ */ A("div", { className: "text-[10px] uppercase tracking-wide text-text-muted mb-0.5", children: [
         "Recap",
-        /* @__PURE__ */ d("span", { className: "ml-1.5 normal-case tracking-normal opacity-60", children: It(e.ts) })
+        /* @__PURE__ */ d("span", { className: "ml-1.5 normal-case tracking-normal opacity-60", children: Tt(e.ts) })
       ] }),
       /* @__PURE__ */ d("p", { className: "text-[13px] text-text-secondary leading-relaxed whitespace-pre-wrap break-words", children: e.text })
     ] }) });
   if (e.isSystem)
     return /* @__PURE__ */ A("div", { className: "px-2 py-0.5 text-[11px] text-text-muted italic text-center leading-tight", children: [
       e.text,
-      /* @__PURE__ */ d("span", { className: "ml-1 text-[10px] opacity-50", children: It(e.ts) })
+      /* @__PURE__ */ d("span", { className: "ml-1 text-[10px] opacity-50", children: Tt(e.ts) })
     ] });
   const a = Ke(e.sprite);
   return /* @__PURE__ */ A("div", { className: `flex items-start gap-2 px-2 py-1 hover:bg-bg-card/20 ${s ? "bg-bg-card/30" : ""}`, children: [
     /* @__PURE__ */ d(
-      Qt,
+      zt,
       {
         sprite: e.sprite,
         url: i,
@@ -496,7 +496,7 @@ const ga = et.memo(function({ message: e }) {
     ),
     /* @__PURE__ */ A("div", { className: "flex-1 min-w-0 -mt-0.5", children: [
       /* @__PURE__ */ d("span", { className: "font-medium text-[13px]", style: { color: a }, children: e.name }),
-      /* @__PURE__ */ d("span", { className: "text-[10px] text-text-muted opacity-60 ml-1.5", children: It(e.ts) }),
+      /* @__PURE__ */ d("span", { className: "text-[10px] text-text-muted opacity-60 ml-1.5", children: Tt(e.ts) }),
       e.text && /* @__PURE__ */ d("p", { className: "text-[13px] text-text break-words leading-snug m-0", children: e.text }),
       /* @__PURE__ */ d(nr, { images: e.images })
     ] })
@@ -520,7 +520,7 @@ function ba() {
       className: "flex-1 overflow-y-auto overflow-x-hidden chat-messages",
       children: t.length === 0 ? /* @__PURE__ */ d("div", { className: "p-4 text-xs text-text-muted text-center", children: "No messages yet. Be the first to say something!" }) : /* @__PURE__ */ d(Se, { children: t.map((s, i) => {
         const a = i > 0 ? t[i - 1] : null, l = a && s.ts - a.ts > 1440 * 60 * 1e3;
-        return /* @__PURE__ */ A(et.Fragment, { children: [
+        return /* @__PURE__ */ A(lt.Fragment, { children: [
           l && /* @__PURE__ */ A("div", { className: "flex items-center gap-2 px-4 py-2 my-1", children: [
             /* @__PURE__ */ d("div", { className: "flex-1 h-px bg-border" }),
             /* @__PURE__ */ d("span", { className: "text-[10px] text-text-muted whitespace-nowrap", children: new Date(s.ts).toLocaleDateString([], { weekday: "short", month: "short", day: "numeric" }) }),
@@ -532,7 +532,7 @@ function ba() {
     }
   );
 }
-const tn = [
+const en = [
   {
     name: "recap",
     description: "Summarise the previous episode of what is loaded",
@@ -552,13 +552,13 @@ const tn = [
     usage: "/help",
     scope: "local"
   }
-], tt = "/";
+], et = "/";
 function ya(t) {
-  if (!t.startsWith(tt)) return null;
-  const e = t.slice(tt.length);
+  if (!t.startsWith(et)) return null;
+  const e = t.slice(et.length);
   return /\s/.test(e) ? null : e.toLowerCase();
 }
-function va(t, e = tn) {
+function va(t, e = en) {
   const n = t.toLowerCase();
   if (!n) return [...e].sort((s, i) => s.name.localeCompare(i.name));
   const r = [];
@@ -569,20 +569,20 @@ function va(t, e = tn) {
   return r.sort((s, i) => s.rank - i.rank || s.cmd.name.localeCompare(i.cmd.name)).map((s) => s.cmd);
 }
 function Sa(t) {
-  return `${tt}${t.name} `;
+  return `${et}${t.name} `;
 }
-function Ct(t, e) {
+function It(t, e) {
   return e <= 0 ? 0 : (t % e + e) % e;
 }
-function wa(t, e = tn) {
+function wa(t, e = en) {
   const n = t.trim();
   if (!n) return null;
-  if (!n.startsWith(tt)) return { kind: "chat", text: n };
-  const r = n.slice(tt.length), s = r.search(/\s/), i = (s === -1 ? r : r.slice(0, s)).toLowerCase(), a = s === -1 ? "" : r.slice(s).trim(), l = e.find((o) => o.name.toLowerCase() === i);
+  if (!n.startsWith(et)) return { kind: "chat", text: n };
+  const r = n.slice(et.length), s = r.search(/\s/), i = (s === -1 ? r : r.slice(0, s)).toLowerCase(), a = s === -1 ? "" : r.slice(s).trim(), l = e.find((o) => o.name.toLowerCase() === i);
   return l ? { kind: "command", command: l, args: a } : { kind: "chat", text: n };
 }
 function xa(t, e) {
-  return t.requiresMedia && !e.hasMedia ? `${tt}${t.name} needs an episode loaded.` : null;
+  return t.requiresMedia && !e.hasMedia ? `${et}${t.name} needs an episode loaded.` : null;
 }
 function Ea({
   commands: t,
@@ -681,21 +681,21 @@ function sr() {
       });
     }
     y.length && e((w) => {
-      const _ = it - w.length;
+      const _ = at - w.length;
       if (_ <= 0) {
-        s("info", `Up to ${it} images per message`);
+        s("info", `Up to ${at} images per message`);
         for (const R of y) a(R);
         return w;
       }
       if (y.length > _) {
-        s("info", `Up to ${it} images per message`);
+        s("info", `Up to ${at} images per message`);
         for (const R of y.slice(_)) a(R);
       }
       return [...w, ...y.slice(0, _)];
     });
   }, [s, a]), o = U((h) => {
     const y = bt(h.key);
-    y && (e((w) => w.length >= it ? (s("info", `Up to ${it} images per message`), w) : [...w, {
+    y && (e((w) => w.length >= at ? (s("info", `Up to ${at} images per message`), w) : [...w, {
       kind: "remote",
       id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
       key: h.key,
@@ -705,7 +705,7 @@ function sr() {
       w: h.width ?? 0,
       h: h.height ?? 0,
       title: h.title || void 0
-    }]), Jt().catalogue(Yn).recordUse(h.key));
+    }]), Vt().catalogue(qn).recordUse(h.key));
   }, [s]), c = U((h) => {
     e((y) => {
       const w = y.find((_) => _.id === h);
@@ -748,12 +748,12 @@ function sr() {
     onDragOver: v
   };
 }
-const Sn = Hn, Ma = On;
-function ka({ commands: t = tn }) {
+const vn = On, Ma = Dn;
+function ka({ commands: t = en }) {
   const [e, n] = $(""), [r, s] = $(!1), [i, a] = $({ q: null, i: 0 }), [l, o] = $(!1), c = P(null), u = Vr(), [f, p] = $(!1), [v, m] = $(!1), h = sr(), y = x((N) => N.snapshot.mediaId), w = x((N) => N.pushToast), _ = x((N) => N.setTierlistOpen), R = !!y, k = ya(e), g = Ce(
     () => k === null ? [] : va(k, t),
     [k, t]
-  ), T = k !== null && !l && g.length > 0, F = i.q === k ? Ct(i.i, g.length) : 0, b = U(
+  ), T = k !== null && !l && g.length > 0, F = i.q === k ? It(i.i, g.length) : 0, b = U(
     (N) => a({ q: k, i: N }),
     [k]
   ), S = U((N, O) => {
@@ -790,7 +790,7 @@ function ka({ commands: t = tn }) {
       return;
     }
     const Q = await h.uploadPending();
-    Q !== null && (Dn(O?.text ?? "", Q), n(""), h.clear(), s(!0), setTimeout(() => s(!1), Ma), !document.hidden && document.hasFocus() && c.current?.focus());
+    Q !== null && (Bn(O?.text ?? "", Q), n(""), h.clear(), s(!0), setTimeout(() => s(!1), Ma), !document.hidden && document.hasFocus() && c.current?.focus());
   }, [e, r, S, h, w, t]), H = U((N) => {
     if (N.key === "Escape" && T) {
       N.preventDefault(), o(!0);
@@ -798,9 +798,9 @@ function ka({ commands: t = tn }) {
     }
     if (T) {
       if (N.key === "ArrowDown")
-        N.preventDefault(), b(Ct(F + 1, g.length));
+        N.preventDefault(), b(It(F + 1, g.length));
       else if (N.key === "ArrowUp")
-        N.preventDefault(), b(Ct(F - 1, g.length));
+        N.preventDefault(), b(It(F - 1, g.length));
       else if (N.key === "Tab") {
         N.preventDefault();
         const O = g[F];
@@ -818,7 +818,7 @@ function ka({ commands: t = tn }) {
     };
     return window.addEventListener("watchparty:focus-chat-input", N), () => window.removeEventListener("watchparty:focus-chat-input", N);
   }, []);
-  const j = Sn - e.length, V = j <= 100, X = T ? g[F] : void 0;
+  const j = vn - e.length, V = j <= 100, X = T ? g[F] : void 0;
   return /* @__PURE__ */ A(
     "form",
     {
@@ -844,7 +844,7 @@ function ka({ commands: t = tn }) {
             }
           ),
           /* @__PURE__ */ d(
-            Xn,
+            Yn,
             {
               open: f,
               onClose: () => p(!1),
@@ -866,7 +866,7 @@ function ka({ commands: t = tn }) {
                     n(N.target.value), o(!1);
                   },
                   onKeyDown: H,
-                  maxLength: Sn,
+                  maxLength: vn,
                   placeholder: "Send a message",
                   role: "combobox",
                   "aria-expanded": T,
@@ -903,7 +903,7 @@ function _a() {
     const r = Ke(n.sprite);
     return /* @__PURE__ */ A("div", { className: "flex items-center gap-2 py-0.5", children: [
       /* @__PURE__ */ d(
-        Qt,
+        zt,
         {
           sprite: n.sprite,
           url: n.avatarUrl,
@@ -969,14 +969,14 @@ function Ra(t) {
 function Na(t, e) {
   return t && e?.roomKey === t ? e.type : Ca(t);
 }
-function nt() {
+function tt() {
   return x((t) => !!t.snapshot.leaderId && t.snapshot.leaderId === t.me.clientId);
 }
-function xt() {
+function wt() {
   const t = x((n) => n.activeGameId), e = ns();
   return t ? e.find((n) => n.id === t) ?? null : null;
 }
-function nn() {
+function tn() {
   return x((t) => Ta({
     leaderId: t.snapshot.leaderId,
     clientId: t.me.clientId,
@@ -1006,10 +1006,10 @@ function Pa({ draw: t }) {
       return t(n) ?? void 0;
   }, [t]), /* @__PURE__ */ d("div", { ref: e, "data-testid": "game-settings" });
 }
-const Ba = vt(() => import("./AdminPanel-lSj6jiWo.js")), Da = vt(() => import("./PlaylistPanel-BI_3fwNX.js"));
+const Ba = Jt(() => import("./AdminPanel-NqY9bqdB.js")), Da = Jt(() => import("./PlaylistPanel-DKjA4zxR.js"));
 function Oa() {
-  const t = x((p) => p.chatCollapsed), e = wt(), n = x((p) => p.sidebarTab), r = x((p) => p.setSidebarTab), s = x((p) => p.healthSnapshot?.clients.length ?? 0), i = x((p) => !!p.playlist), a = nt(), l = nn(), o = x((p) => p.gameSettings), c = x((p) => p.snapshot.mediaId), u = xt() !== null;
-  if (Zt({ hasMedia: !!c, chatCollapsed: t, isFullscreen: e }))
+  const t = x((p) => p.chatCollapsed), e = St(), n = x((p) => p.sidebarTab), r = x((p) => p.setSidebarTab), s = x((p) => p.healthSnapshot?.clients.length ?? 0), i = x((p) => !!p.playlist), a = tt(), l = tn(), o = x((p) => p.gameSettings), c = x((p) => p.snapshot.mediaId), u = wt() !== null;
+  if (Xt({ hasMedia: !!c, chatCollapsed: t, isFullscreen: e }))
     return null;
   const f = n === "health" && !a || n === "playlist" && !i ? "chat" : n;
   return /* @__PURE__ */ A("aside", { className: "w-80 self-stretch border-l border-border flex flex-col bg-bg relative z-10", children: [
@@ -1027,10 +1027,10 @@ function Oa() {
           children: /* @__PURE__ */ d("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" }) })
         }
       ),
-      en({ isLeader: l, hasMedia: !!c, chatCollapsed: t, isFullscreen: e, gameOverlay: u }) === "chat-toolbar" && /* @__PURE__ */ d(
+      Zt({ isLeader: l, hasMedia: !!c, chatCollapsed: t, isFullscreen: e, gameOverlay: u }) === "chat-toolbar" && /* @__PURE__ */ d(
         "button",
         {
-          onClick: () => Zn("chat toolbar"),
+          onClick: () => Xn("chat toolbar"),
           className: "p-1.5 rounded text-text-secondary hover:text-white hover:bg-bg-alt transition-colors cursor-pointer",
           title: "Select Media",
           "aria-label": "Select Media",
@@ -1072,15 +1072,15 @@ function Oa() {
         }
       )
     ] }),
-    f === "health" ? /* @__PURE__ */ d(et.Suspense, { fallback: /* @__PURE__ */ d("div", { className: "p-4 text-xs text-text-muted", children: "Loading..." }), children: /* @__PURE__ */ d(Ba, {}) }) : f === "playlist" ? /* @__PURE__ */ d(et.Suspense, { fallback: /* @__PURE__ */ d("div", { className: "p-4 text-xs text-text-muted", children: "Loading..." }), children: /* @__PURE__ */ d(Da, {}) }) : /* @__PURE__ */ A(Se, { children: [
+    f === "health" ? /* @__PURE__ */ d(lt.Suspense, { fallback: /* @__PURE__ */ d("div", { className: "p-4 text-xs text-text-muted", children: "Loading..." }), children: /* @__PURE__ */ d(Ba, {}) }) : f === "playlist" ? /* @__PURE__ */ d(lt.Suspense, { fallback: /* @__PURE__ */ d("div", { className: "p-4 text-xs text-text-muted", children: "Loading..." }), children: /* @__PURE__ */ d(Da, {}) }) : /* @__PURE__ */ A(Se, { children: [
       /* @__PURE__ */ d(ba, {}),
       /* @__PURE__ */ d(ka, {})
     ] })
   ] });
 }
-const wn = (t) => typeof t == "string" && Us.includes(t);
+const Sn = (t) => typeof t == "string" && Us.includes(t);
 function Ha(t, e, n) {
-  return wn(e) ? e : wn(n) ? n : "dark";
+  return Sn(e) ? e : Sn(n) ? n : "dark";
 }
 function Ua(t, e) {
   if (!is(t)) return null;
@@ -1178,7 +1178,7 @@ function Ga(t) {
     }
   };
 }
-function xn({ activity: t, roomKey: e, layer: n }) {
+function wn({ activity: t, roomKey: e, layer: n }) {
   const r = P(null), s = P(null), [i, a] = $(null), [l, o] = $(!1), c = x((k) => k.snapshot.leaderId), u = x((k) => k.me.clientId), f = !!c && c === u, p = x((k) => k.name), v = js()?.theme, m = Ha(void 0, v, os().theme), h = Ce(() => ({
     roomKey: e,
     identity: {
@@ -1190,7 +1190,7 @@ function xn({ activity: t, roomKey: e, layer: n }) {
     theme: m,
     isLeader: f,
     close: () => {
-      E("game", "bundle close", { gameId: t.id, isLeader: f, layer: n }), n !== "base" && (f ? Un(null) : o(!0));
+      E("game", "bundle close", { gameId: t.id, isLeader: f, layer: n }), n !== "base" && (f ? Hn(null) : o(!0));
     }
   }), [e, p, m, f, t.id, n]), y = fe(() => h), w = fe((k, g) => {
     C("game", "bundle failed", { gameId: t.id, message: k, cause: String(g) }), a(k);
@@ -1266,16 +1266,16 @@ function Ka({ open: t, onClose: e, header: n, footer: r, children: s }) {
 function Va({ open: t, onClose: e }) {
   return /* @__PURE__ */ d(Ka, { open: t, onClose: e, children: /* @__PURE__ */ d("div", { className: "px-4 py-3 text-xs text-text-muted", children: "Loading…" }) });
 }
-const or = 9e3, En = 1500, za = {
+const or = 9e3, xn = 1500, za = {
   classic: "[text-shadow:_-1px_-1px_0_#000,_1px_-1px_0_#000,_-1px_1px_0_#000,_1px_1px_0_#000,_0_-1px_0_#000,_0_1px_0_#000,_-1px_0_0_#000,_1px_0_0_#000]",
   cinema: "drop-shadow-[0_2px_4px_rgba(0,0,0,0.9)]",
   minimal: "drop-shadow-[0_2px_4px_rgba(0,0,0,0.9)] drop-shadow-[0_0_8px_rgba(0,0,0,0.7)]",
   contrast: "bg-black/70 px-2 py-0.5 rounded"
 };
 function Ja({ message: t, age: e, ccStyle: n }) {
-  const r = or - En;
+  const r = or - xn;
   let s = 1;
-  e > r && (s = Math.max(0, 1 - (e - r) / En));
+  e > r && (s = Math.max(0, 1 - (e - r) / xn));
   const i = za[n], a = Ke(t.sprite), l = x((o) => tr(o.roster, t.author));
   return /* @__PURE__ */ A(
     "div",
@@ -1284,7 +1284,7 @@ function Ja({ message: t, age: e, ccStyle: n }) {
       style: { opacity: s, transition: "opacity 0.15s ease-out" },
       children: [
         /* @__PURE__ */ d(
-          Qt,
+          zt,
           {
             sprite: t.sprite,
             url: l,
@@ -1339,16 +1339,16 @@ function Qa() {
 }
 const qa = 2;
 function cr(t) {
-  return t.duration_ms > 0 && t.duration_ms - t.playhead_ms <= qt;
+  return t.duration_ms > 0 && t.duration_ms - t.playhead_ms <= Qt;
 }
 function lr(t) {
   const e = t.video_ready_state ?? -1;
-  return e < 0 ? !0 : !(e <= qa && t.buffered_ahead_ms > qt);
+  return e < 0 ? !0 : !(e <= qa && t.buffered_ahead_ms > Qt);
 }
-function fc(t) {
-  return t.playhead_ms === 0 && !t.is_buffering && t.buffered_ahead_ms === 0 ? "idle" : t.is_buffering ? "buffering" : cr(t) ? "healthy" : !lr(t) || t.buffered_ahead_ms <= jn ? "critical" : t.buffered_ahead_ms <= qt ? "warning" : "healthy";
+function uc(t) {
+  return t.playhead_ms === 0 && !t.is_buffering && t.buffered_ahead_ms === 0 ? "idle" : t.is_buffering ? "buffering" : cr(t) ? "healthy" : !lr(t) || t.buffered_ahead_ms <= Un ? "critical" : t.buffered_ahead_ms <= Qt ? "warning" : "healthy";
 }
-const hc = {
+const fc = {
   idle: "Idle",
   buffering: "Buffering",
   critical: "Critical",
@@ -1379,7 +1379,7 @@ function We(t, e, n = 0.15, r = 0) {
   const i = s.currentTime + r, a = s.createOscillator(), l = s.createGain();
   a.type = "sine", a.frequency.value = t, fr(l, i, n, e / 1e3), a.connect(l).connect(s.destination), a.start(i), a.stop(i + e / 1e3 + 0.05);
 }
-function Ft(t, e, n, r, s = 0.15, i = 0) {
+function Ct(t, e, n, r, s = 0.15, i = 0) {
   const a = dr();
   if (!a) return;
   ur(a);
@@ -1396,25 +1396,25 @@ function mr() {
   We(659, 45, 0.06, 0), We(494, 70, 0.06, 0.045);
 }
 function gr() {
-  Ft(587, 1174, 3, 320, 0.12, 0), Ft(880, 1760, 3, 320, 0.12, 0.06), Ft(884, 1768, 3, 320, 0.08, 0.06);
+  Ct(587, 1174, 3, 320, 0.12, 0), Ct(880, 1760, 3, 320, 0.12, 0.06), Ct(884, 1768, 3, 320, 0.08, 0.06);
 }
-Gn("__WP_SOUNDS__", {
+jn("__WP_SOUNDS__", {
   start: hr,
   finish: gr,
   on: pr,
   off: mr
 });
-const Mn = { on: 0, off: 0 };
+const En = { on: 0, off: 0 };
 function Ya(t, e, n, r) {
-  if (!n || !r) return Mn;
+  if (!n || !r) return En;
   const s = new Set(t), i = new Set(e);
   let a = 0;
   for (const o of i) s.has(o) || a++;
   let l = 0;
   for (const o of s) i.has(o) || l++;
-  return a === 0 && l === 0 ? Mn : { on: a, off: l };
+  return a === 0 && l === 0 ? En : { on: a, off: l };
 }
-const Xa = 1200, be = 52, yt = 4, Kt = (be - yt) / 2, kn = 2 * Math.PI * Kt, $e = be - yt * 2 - 4;
+const Xa = 1200, be = 52, yt = 4, Gt = (be - yt) / 2, Mn = 2 * Math.PI * Gt, $e = be - yt * 2 - 4;
 function Za(t) {
   return cr(t) ? !0 : lr(t) ? t.buffered_ahead_ms >= Ie : !1;
 }
@@ -1422,7 +1422,7 @@ function ei(t) {
   return `hsl(${Math.round(t * 120)}, 90%, 55%)`;
 }
 function ti({ client: t, fading: e, onFadeEnd: n }) {
-  const r = Math.min(1, t.buffered_ahead_ms / Ie), s = kn * (1 - r), i = ei(r), a = Ke(t.sprite_id);
+  const r = Math.min(1, t.buffered_ahead_ms / Ie), s = Mn * (1 - r), i = ei(r), a = Ke(t.sprite_id);
   return /* @__PURE__ */ A(
     "div",
     {
@@ -1448,7 +1448,7 @@ function ti({ client: t, fading: e, onFadeEnd: n }) {
                   {
                     cx: be / 2,
                     cy: be / 2,
-                    r: Kt,
+                    r: Gt,
                     fill: "none",
                     stroke: "rgba(255,255,255,0.15)",
                     strokeWidth: yt
@@ -1459,12 +1459,12 @@ function ti({ client: t, fading: e, onFadeEnd: n }) {
                   {
                     cx: be / 2,
                     cy: be / 2,
-                    r: Kt,
+                    r: Gt,
                     fill: "none",
                     stroke: i,
                     strokeWidth: yt,
                     strokeLinecap: "round",
-                    strokeDasharray: kn,
+                    strokeDasharray: Mn,
                     strokeDashoffset: s,
                     style: { transition: "stroke-dashoffset 0.4s ease, stroke 0.4s ease" }
                   }
@@ -1472,10 +1472,10 @@ function ti({ client: t, fading: e, onFadeEnd: n }) {
               ]
             }
           ),
-          Yt(t.sprite_id) ? /* @__PURE__ */ d(
+          qt(t.sprite_id) ? /* @__PURE__ */ d(
             "img",
             {
-              src: Xt(t.sprite_id),
+              src: Yt(t.sprite_id),
               alt: t.name,
               crossOrigin: "anonymous",
               className: "rounded-full object-cover flex-shrink-0",
@@ -1525,10 +1525,10 @@ function ni({ clientId: t, sprite: e, name: n, isReady: r, isSelf: s, onToggle:
       style: { pointerEvents: "auto" },
       children: [
         /* @__PURE__ */ A("div", { className: "relative flex items-center justify-center", style: { width: be, height: be }, children: [
-          Yt(e) ? /* @__PURE__ */ d(
+          qt(e) ? /* @__PURE__ */ d(
             "img",
             {
-              src: Xt(e),
+              src: Yt(e),
               alt: n,
               crossOrigin: "anonymous",
               className: "rounded-full object-cover flex-shrink-0",
@@ -1580,7 +1580,7 @@ function ni({ clientId: t, sprite: e, name: n, isReady: r, isSelf: s, onToggle:
   );
 }
 const ri = { status: null, entries: [], completed: /* @__PURE__ */ new Set(), below: /* @__PURE__ */ new Set() };
-function _n(t, e) {
+function kn(t, e) {
   if (!e || e.clients.length === 0) return { ...t, status: e, entries: [] };
   const n = new Set(t.completed), r = new Set(t.below), s = [];
   for (const i of e.clients) {
@@ -1590,8 +1590,8 @@ function _n(t, e) {
   return { status: e, entries: s, completed: n, below: r };
 }
 function si() {
-  const t = x((g) => g.bufferStatus), e = x((g) => g.readyCheck), n = x((g) => g.roster), r = x((g) => g.me.clientId), s = x((g) => g.snapshot.playing), i = nt(), [a, l] = $(() => _n(ri, t));
-  a.status !== t && l(_n(a, t));
+  const t = x((g) => g.bufferStatus), e = x((g) => g.readyCheck), n = x((g) => g.roster), r = x((g) => g.me.clientId), s = x((g) => g.snapshot.playing), i = tt(), [a, l] = $(() => kn(ri, t));
+  a.status !== t && l(kn(a, t));
   const o = a.entries, c = (g) => {
     l((T) => {
       const F = new Set(T.completed), b = new Set(T.below);
@@ -1682,7 +1682,7 @@ function si() {
     )
   ] });
 }
-const Vt = {
+const Wt = {
   S: "var(--color-tier-s)",
   A: "var(--color-tier-a)",
   B: "var(--color-tier-b)",
@@ -1693,7 +1693,7 @@ const Vt = {
 function br(t) {
   t?.complete && t.naturalWidth > 0 && (t.dataset.loaded = "true");
 }
-function An({
+function _n({
   entry: t,
   draggable: e,
   picked: n,
@@ -1720,7 +1720,7 @@ function An({
         /* @__PURE__ */ d(
           "img",
           {
-            src: Wn(t.id, t.thumbnail),
+            src: Gn(t.id, t.thumbnail),
             alt: "",
             loading: "eager",
             decoding: "async",
@@ -1756,7 +1756,7 @@ function ai({
     f < 8 && (f = t.bottom + 8), i({ left: Math.round(u), top: Math.round(f) });
   }, [t, e]), !a) return null;
   const l = n.items.find((o) => o.id === e)?.displayName ?? e;
-  return St(
+  return vt(
     /* @__PURE__ */ A(
       "div",
       {
@@ -1769,10 +1769,10 @@ function ai({
           Object.entries(a.votes).map(([o, c]) => {
             const u = n.sprites[o];
             return /* @__PURE__ */ A("div", { className: "flex items-center gap-2 py-0.5", children: [
-              Yt(u) ? /* @__PURE__ */ d(
+              qt(u) ? /* @__PURE__ */ d(
                 "img",
                 {
-                  src: Xt(u),
+                  src: Yt(u),
                   alt: "",
                   className: "w-5 h-5 rounded-full shrink-0 object-cover",
                   style: { background: Ke(u) }
@@ -1783,7 +1783,7 @@ function ai({
                 "span",
                 {
                   className: "w-5 h-4 grid place-items-center rounded text-[10px] font-bold shrink-0",
-                  style: { background: Vt[c], color: "var(--color-tier-ink)" },
+                  style: { background: Wt[c], color: "var(--color-tier-ink)" },
                   children: c
                 }
               )
@@ -1798,9 +1798,9 @@ function ai({
 function ii() {
   const t = x((b) => b.tierlistOpen), e = x((b) => b.setTierlistOpen), n = x((b) => b.tierlist), r = x((b) => b.tierlistDraft), s = x((b) => b.tierlistSaving), i = x((b) => b.moveTierlistItem), [a, l] = $(null), [o, c] = $(null), [u, f] = $(null), [p, v] = $(null), [m, h] = $("mine");
   L(() => {
-    hn(!0);
+    fn(!0);
   }, []), L(() => {
-    t && hn(!0);
+    t && fn(!0);
   }, [t]), L(() => {
     if (!t) return;
     const b = (S) => {
@@ -1810,7 +1810,7 @@ function ii() {
   }, [t, e]);
   const y = Ce(() => new Map((n?.items ?? []).map((b) => [b.id, b])), [n]), w = Ce(() => {
     const b = { S: [], A: [], B: [], C: [], D: [], F: [], [Ge]: [] }, S = /* @__PURE__ */ new Set();
-    for (const I of At)
+    for (const I of _t)
       for (const D of r[I] ?? []) {
         const H = y.get(D);
         H && (b[I].push(H), S.add(D));
@@ -1847,7 +1847,7 @@ function ii() {
     return () => clearTimeout(b);
   }, [p]), !t) return null;
   const g = JSON.stringify(r) !== JSON.stringify(n?.myBoard ?? {}), T = Object.values(n?.myBoard ?? {}).some((b) => (b?.length ?? 0) > 0), F = T ? m : "mine";
-  return St(
+  return vt(
     /* @__PURE__ */ A(
       "div",
       {
@@ -1886,12 +1886,12 @@ function ii() {
                 ] }),
                 /* @__PURE__ */ A("div", { className: "flex-1 overflow-y-auto", children: [
                   F === "mine" && /* @__PURE__ */ A(Se, { children: [
-                    At.map((b) => /* @__PURE__ */ A("div", { className: "grid grid-cols-[56px_1fr] border-b border-border/50 min-h-[86px]", children: [
+                    _t.map((b) => /* @__PURE__ */ A("div", { className: "grid grid-cols-[56px_1fr] border-b border-border/50 min-h-[86px]", children: [
                       /* @__PURE__ */ d(
                         "div",
                         {
                           className: "grid place-items-center select-none cursor-pointer",
-                          style: { background: Vt[b], color: "var(--color-tier-ink)" },
+                          style: { background: Wt[b], color: "var(--color-tier-ink)" },
                           onClick: () => {
                             a && (i(a, b), l(null));
                           },
@@ -1905,7 +1905,7 @@ function ii() {
                           ...R(b),
                           className: `flex items-center gap-2 p-2 overflow-x-auto transition-colors ${o === b ? "bg-primary/15 ring-1 ring-inset ring-primary" : "bg-bg-card"}`,
                           children: w[b].map((S) => /* @__PURE__ */ d(
-                            An,
+                            _n,
                             {
                               entry: S,
                               draggable: !0,
@@ -1924,7 +1924,7 @@ function ii() {
                         ...R(Ge),
                         className: `flex items-center gap-2 p-2 overflow-x-auto min-h-[96px] border-t border-dashed border-border transition-colors ${o === Ge ? "bg-primary/15 ring-1 ring-inset ring-primary" : "bg-bg"}`,
                         children: w[Ge].map((b) => /* @__PURE__ */ d(
-                          An,
+                          _n,
                           {
                             entry: b,
                             draggable: !0,
@@ -1937,14 +1937,14 @@ function ii() {
                       }
                     )
                   ] }),
-                  F === "everyone" && n && /* @__PURE__ */ d(Se, { children: At.map((b) => {
+                  F === "everyone" && n && /* @__PURE__ */ d(Se, { children: _t.map((b) => {
                     const S = n.placed.filter((I) => I.tier === b);
                     return /* @__PURE__ */ A("div", { className: "grid grid-cols-[56px_1fr] border-b border-border/50 min-h-[86px]", children: [
                       /* @__PURE__ */ d(
                         "div",
                         {
                           className: "grid place-items-center select-none",
-                          style: { background: Vt[b], color: "var(--color-tier-ink)" },
+                          style: { background: Wt[b], color: "var(--color-tier-ink)" },
                           children: /* @__PURE__ */ d("span", { className: "text-2xl font-bold leading-none", children: b })
                         }
                       ),
@@ -1964,7 +1964,7 @@ function ii() {
                               /* @__PURE__ */ d(
                                 "img",
                                 {
-                                  src: Wn(I.mediaId, D?.thumbnail),
+                                  src: Gn(I.mediaId, D?.thumbnail),
                                   alt: "",
                                   loading: "eager",
                                   decoding: "async",
@@ -2006,9 +2006,9 @@ function oi({ children: t }) {
   return L(() => {
     const r = () => n(document.fullscreenElement);
     return r(), document.addEventListener("fullscreenchange", r), () => document.removeEventListener("fullscreenchange", r);
-  }, []), e ? St(t, e) : /* @__PURE__ */ d(Se, { children: t });
+  }, []), e ? vt(t, e) : /* @__PURE__ */ d(Se, { children: t });
 }
-function pc({ className: t = "w-5 h-5" }) {
+function hc({ className: t = "w-5 h-5" }) {
   return /* @__PURE__ */ d("svg", { className: t, fill: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ d("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" }) });
 }
 function ci({ className: t = "w-5 h-5" }) {
@@ -2075,7 +2075,7 @@ function yr({ site: t = "control bar", className: e = "ctr-btn" }) {
   return /* @__PURE__ */ d(
     "button",
     {
-      onClick: () => Zn(t),
+      onClick: () => Xn(t),
       className: e,
       title: "Select Media",
       "aria-label": "Select Media",
@@ -2084,7 +2084,7 @@ function yr({ site: t = "control bar", className: e = "ctr-btn" }) {
   );
 }
 function xi() {
-  const t = x((a) => a.chatCollapsed), e = x((a) => a.toggleChatCollapsed), n = x((a) => !!a.snapshot.mediaId), r = wt(), s = Zt({ hasMedia: n, chatCollapsed: t, isFullscreen: r });
+  const t = x((a) => a.chatCollapsed), e = x((a) => a.toggleChatCollapsed), n = x((a) => !!a.snapshot.mediaId), r = St(), s = Xt({ hasMedia: n, chatCollapsed: t, isFullscreen: r });
   return { panelHidden: s, toggle: () => {
     if (E("chat", s ? "Show chat" : "Hide chat", { isFullscreen: r, chatCollapsed: t }), !s) {
       e();
@@ -2111,17 +2111,17 @@ function vr({ className: t }) {
   );
 }
 function Ei() {
-  const t = x((u) => u.chatCollapsed), e = x((u) => !!u.snapshot.mediaId), n = wt(), r = xt(), s = nt(), i = nn(), a = en({
+  const t = x((u) => u.chatCollapsed), e = x((u) => !!u.snapshot.mediaId), n = St(), r = wt(), s = tt(), i = tn(), a = Zt({
     isLeader: i,
     hasMedia: e,
     chatCollapsed: t,
     isFullscreen: n,
     gameOverlay: r !== null
-  }) === "room-corner", l = s && r?.kind === "module" && !n, o = er({ hasMedia: e, isFullscreen: n, gameOverlay: r !== null }) === "room-corner";
+  }) === "room-corner", l = s && r !== null && !n, o = er({ hasMedia: e, isFullscreen: n, gameOverlay: r !== null }) === "room-corner";
   return !a && !l && !o ? null : /* @__PURE__ */ A("div", { className: "absolute top-2 right-2 z-40 flex items-center gap-2", "data-testid": "room-corner-controls", children: [
     a && /* @__PURE__ */ d(yr, { site: "room corner", className: "corner-btn" }),
     l && /* @__PURE__ */ d("button", { type: "button", onClick: () => {
-      E("game", "game_select", { gameId: null, source: "room corner" }), Un(null);
+      E("game", "game_select", { gameId: null, source: "room corner" }), Hn(null);
     }, className: "corner-btn", title: "Stop game", "aria-label": "Stop game", children: /* @__PURE__ */ d(vi, {}) }),
     o && /* @__PURE__ */ d(vr, { className: "corner-btn" })
   ] });
@@ -2129,11 +2129,11 @@ function Ei() {
 function Mi() {
   L(() => hs((t) => {
     const e = ps(t);
-    E("avatar", "Avatar changed in the settings popout", { sprite: e, source: t.avatar?.source }), Kn(e);
+    E("avatar", "Avatar changed in the settings popout", { sprite: e, source: t.avatar?.source }), Wn(e);
   }), []);
 }
 const Sr = [];
-function Tn(t) {
+function An(t) {
   Sr.push(t);
 }
 function Qe() {
@@ -2145,11 +2145,11 @@ function Qe() {
       C("audio", "audio-unlock callback threw", Y(n));
     }
 }
-let Rt = !1;
+let Ft = !1;
 function ki() {
-  return Rt ? () => {
-  } : (Rt = !0, document.addEventListener("click", Qe, { capture: !0, passive: !0 }), document.addEventListener("touchend", Qe, { capture: !0, passive: !0 }), document.addEventListener("keydown", Qe, { capture: !0, passive: !0 }), () => {
-    document.removeEventListener("click", Qe, { capture: !0 }), document.removeEventListener("touchend", Qe, { capture: !0 }), document.removeEventListener("keydown", Qe, { capture: !0 }), Rt = !1;
+  return Ft ? () => {
+  } : (Ft = !0, document.addEventListener("click", Qe, { capture: !0, passive: !0 }), document.addEventListener("touchend", Qe, { capture: !0, passive: !0 }), document.addEventListener("keydown", Qe, { capture: !0, passive: !0 }), () => {
+    document.removeEventListener("click", Qe, { capture: !0 }), document.removeEventListener("touchend", Qe, { capture: !0 }), document.removeEventListener("keydown", Qe, { capture: !0 }), Ft = !1;
   });
 }
 const _i = 400;
@@ -2179,16 +2179,16 @@ async function Ii(t) {
 }
 function Pe(t, e) {
   const r = x.getState().allocateClientSeq(), s = { kind: t, client_seq: r, ...e || {} };
-  return Vn().emit(zn.CONTROL, s), r;
+  return Kn().emit(Vn.CONTROL, s), r;
 }
-function mc(t) {
+function pc(t) {
   return Pe("load", { media_id: t });
 }
 function Ci() {
   return Pe("home");
 }
 function Fi() {
-  const t = La(), e = ar(), n = nt(), r = ir(), s = n && r && !e.ready, i = !e.ready && !s;
+  const t = La(), e = ar(), n = tt(), r = ir(), s = n && r && !e.ready, i = !e.ready && !s;
   return /* @__PURE__ */ d(
     "button",
     {
@@ -2236,15 +2236,15 @@ function Li(t) {
 function $i(t, e) {
   return e <= 0 ? 0 : t / e;
 }
-function Nt(t) {
+function Rt(t) {
   const e = Math.floor(t / 1e3), n = Math.floor(e / 3600), r = Math.floor(e % 3600 / 60), s = e % 60;
   return n > 0 ? `${n}:${r.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}` : `${r}:${s.toString().padStart(2, "0")}`;
 }
 function Pi({ durationMs: t, displayPlayheadMs: e }) {
-  const n = x((S) => S.snapshot), r = x((S) => S.readiness), s = nt(), i = ir(), a = s && i && !r.ready, l = P(null), [o, c] = $(null), [u, f] = $(0), [p, v] = $(!1), [m, h] = $(null), y = P(0), [w, _] = $(n.mediaId);
+  const n = x((S) => S.snapshot), r = x((S) => S.readiness), s = tt(), i = ir(), a = s && i && !r.ready, l = P(null), [o, c] = $(null), [u, f] = $(0), [p, v] = $(!1), [m, h] = $(null), y = P(0), [w, _] = $(n.mediaId);
   w !== n.mediaId && (_(n.mediaId), h(null), v(!1));
   const R = e ?? n.playheadMs;
-  !p && m !== null && Math.abs(R - m) < jn && h(null);
+  !p && m !== null && Math.abs(R - m) < Un && h(null);
   const k = t || 0, g = Li({ localValue: m, displayPlayheadMs: e, snapshotPlayheadMs: n.playheadMs }), T = P(0);
   L(() => {
     if (p || m === null) return;
@@ -2264,7 +2264,7 @@ function Pi({ durationMs: t, displayPlayheadMs: e }) {
     c(null);
   }, []);
   return /* @__PURE__ */ A("div", { className: "flex items-center gap-2 flex-1", children: [
-    /* @__PURE__ */ d("span", { className: "text-[11px] font-mono text-text-secondary w-[45px] text-right shrink-0", children: Nt(g) }),
+    /* @__PURE__ */ d("span", { className: "text-[11px] font-mono text-text-secondary w-[45px] text-right shrink-0", children: Rt(g) }),
     /* @__PURE__ */ A("div", { className: "flex-1 relative", children: [
       /* @__PURE__ */ d(
         "input",
@@ -2299,11 +2299,11 @@ function Pi({ durationMs: t, displayPlayheadMs: e }) {
         {
           className: "absolute bottom-full mb-2 px-2 py-1 bg-bg-card text-white text-xs rounded pointer-events-none transform -translate-x-1/2 whitespace-nowrap",
           style: { left: o },
-          children: Nt(u)
+          children: Rt(u)
         }
       )
     ] }),
-    /* @__PURE__ */ d("span", { className: "text-[11px] font-mono text-text-muted w-[45px] text-left shrink-0", children: Nt(k) })
+    /* @__PURE__ */ d("span", { className: "text-[11px] font-mono text-text-muted w-[45px] text-left shrink-0", children: Rt(k) })
   ] });
 }
 function Bi({ videoRef: t }) {
@@ -2486,25 +2486,25 @@ function Gi({
   onChatActivity: h,
   onMenuHeld: y
 }) {
-  const w = nt(), _ = x((z) => z.chatCollapsed), R = wt(), k = nn(), g = xt() !== null, T = en({
+  const w = tt(), _ = x((z) => z.chatCollapsed), R = St(), k = tn(), g = wt() !== null, T = Zt({
     isLeader: k,
     hasMedia: !0,
     chatCollapsed: _,
     isFullscreen: R,
     gameOverlay: g
-  }) === "control-bar", F = er({ hasMedia: !0, isFullscreen: R, gameOverlay: g }) === "control-bar", b = x((z) => z.floatingChatEnabled), S = P(null), I = P(null), [D, H] = $(!1), [j, V] = $(!1), [X, N] = $(""), [O, Q] = $(!1), W = sr(), [re, le] = $(!1), [Fe, Ve] = $(!1), Et = U(async (z) => {
+  }) === "control-bar", F = er({ hasMedia: !0, isFullscreen: R, gameOverlay: g }) === "control-bar", b = x((z) => z.floatingChatEnabled), S = P(null), I = P(null), [D, H] = $(!1), [j, V] = $(!1), [X, N] = $(""), [O, Q] = $(!1), W = sr(), [re, le] = $(!1), [Fe, Ve] = $(!1), xt = U(async (z) => {
     if (z.key !== "Enter") return;
     const he = X.trim();
     if (!he && !W.pending.length || O || W.uploading) return;
     const Ee = await W.uploadPending();
-    Ee !== null && (Dn(he, Ee), N(""), W.clear(), Q(!0), setTimeout(() => Q(!1), On), !document.hidden && document.hasFocus() && I.current?.focus());
+    Ee !== null && (Bn(he, Ee), N(""), W.clear(), Q(!0), setTimeout(() => Q(!1), Dn), !document.hidden && document.hasFocus() && I.current?.focus());
   }, [X, O, W]);
   L(() => () => y?.(!1), [e, y]);
   const Be = r ?? !0, ye = U(() => {
     const z = S.current;
     if (!z) return;
-    const { scrollLeft: he, scrollWidth: Ee, clientWidth: Mt } = z;
-    H(he > 5), V(he + Mt < Ee - 5);
+    const { scrollLeft: he, scrollWidth: Ee, clientWidth: Et } = z;
+    H(he > 5), V(he + Et < Ee - 5);
   }, []);
   L(() => {
     const z = S.current;
@@ -2525,7 +2525,7 @@ function Gi({
   const we = [
     "ctr-bar",
     Be && "show"
-  ].filter(Boolean).join(" "), rt = D || j;
+  ].filter(Boolean).join(" "), nt = D || j;
   return /* @__PURE__ */ A(
     "div",
     {
@@ -2592,7 +2592,7 @@ function Gi({
               children: [
                 /* @__PURE__ */ d(rr, { pending: W.pending, uploading: W.uploading, onRemove: W.remove }),
                 /* @__PURE__ */ d(
-                  Xn,
+                  Yn,
                   {
                     open: re,
                     onClose: () => le(!1),
@@ -2609,10 +2609,10 @@ function Gi({
                     type: "text",
                     value: X,
                     onChange: (z) => {
-                      N(z.target.value.slice(0, Hn)), h?.();
+                      N(z.target.value.slice(0, On)), h?.();
                     },
                     onKeyDown: (z) => {
-                      Et(z);
+                      xt(z);
                     },
                     placeholder: "Message...",
                     className: "bg-transparent border-none outline-none text-sm max-w-[240px] w-48 h-7 px-2",
@@ -2640,7 +2640,7 @@ function Gi({
             /* @__PURE__ */ d(ji, { videoRef: t })
           ] })
         ] }),
-        rt && /* @__PURE__ */ A("div", { className: "ctr-scroll-group", children: [
+        nt && /* @__PURE__ */ A("div", { className: "ctr-scroll-group", children: [
           /* @__PURE__ */ d(
             "button",
             {
@@ -2696,12 +2696,12 @@ const qe = 3, Xi = 1e3, Zi = 15e3, Z = {
   POINT: 0.05,
   RANGE: 0.1,
   FALLBACK: 1
-}, Lt = 0.5, $t = 3e3;
-function ct(t, e = {}) {
+}, Nt = 0.5, Lt = 3e3;
+function ot(t, e = {}) {
   const { baseMs: n = Xi, capMs: r = Zi, jitter: s = 0.25 } = e, i = Math.min(n * Math.pow(2, t - 1), r), a = s > 0 ? Math.round(i * Math.random() * s) : 0;
   return i + a;
 }
-const In = 15, eo = 35e3, to = 2e3, Pt = 10;
+const Tn = 15, eo = 35e3, to = 2e3, $t = 10;
 function Te(t, e) {
   if (t.length === 0) return 0;
   if (e >= t[t.length - 1].end_ms) return t.length - 1;
@@ -2712,7 +2712,7 @@ function Te(t, e) {
   }
   return n;
 }
-function rn(t, e) {
+function nn(t, e) {
   const n = Te(t, e);
   if (t.length === 0 || t[0].keyframe === void 0) return n;
   for (let r = n; r >= 0; r--)
@@ -2726,7 +2726,7 @@ function Ye(t, e, n = Z.POINT) {
     if (e >= t.start(r) - n && e <= t.end(r)) return r;
   return -1;
 }
-function Bt(t, e, n, r = Z.RANGE) {
+function Pt(t, e, n, r = Z.RANGE) {
   const s = e / 1e3, i = n / 1e3;
   for (let a = 0; a < t.length; a++)
     if (t.start(a) < i + r && t.end(a) > s - r) return !0;
@@ -2741,12 +2741,12 @@ function no(t) {
   return n === 0 ? 0 : e / n * 1e3;
 }
 const ro = 8e5, so = 4;
-function ot(t) {
+function it(t) {
   if (t === 0) return 6e4;
   const e = ro / t * 1e3 * so;
   return Math.max(3e4, Math.min(12e4, Math.round(e)));
 }
-function Cn(t, e) {
+function In(t, e) {
   for (let n = e; n >= 0; n--)
     if (t[n]?.keyframe) return n;
   return -1;
@@ -2770,7 +2770,7 @@ function io(t) {
   for (; r < n.length; ) {
     const s = n[r].trim();
     if (s.includes("-->")) {
-      const i = s.split("-->"), a = Fn(i[0].trim()), l = i[1].trim().split(/\s+/), o = Fn(l[0]);
+      const i = s.split("-->"), a = Cn(i[0].trim()), l = i[1].trim().split(/\s+/), o = Cn(l[0]);
       let c, u, f;
       for (let v = 1; v < l.length; v++) {
         const m = l[v];
@@ -2809,7 +2809,7 @@ function io(t) {
   }
   return e;
 }
-function Fn(t) {
+function Cn(t) {
   const e = t.split(":");
   if (e.length < 2) return null;
   let n = 0, r, s;
@@ -2848,7 +2848,7 @@ function lo({ subtitleUrl: t, videoRef: e, style: n, enabled: r }) {
         } catch (b) {
           if (g) return;
           if (F < T) {
-            const S = ct(F + 1, { baseMs: 1e3, capMs: 2e3, jitter: 0 });
+            const S = ot(F + 1, { baseMs: 1e3, capMs: 2e3, jitter: 0 });
             C("subtitles", `Fetch failed, retrying in ${S}ms (attempt ${F + 1}/${T + 1})`, { error: b?.message }), await new Promise((I) => setTimeout(I, S));
           } else
             C("subtitles", "All fetch attempts failed", { error: b?.message }), i([]);
@@ -2951,7 +2951,7 @@ function lo({ subtitleUrl: t, videoRef: e, style: n, enabled: r }) {
   ] });
 }
 const uo = 300, fo = 50, ho = 100, po = 100, mo = 100, go = 100;
-function Dt(t, e) {
+function Bt(t, e) {
   if (t.length === 0) return 0;
   const n = Math.min(Math.floor(e / 100 * t.length), t.length - 1);
   return t[n];
@@ -2962,9 +2962,9 @@ function Ne(t) {
   return {
     count: e.length,
     mean: Math.round(n / e.length),
-    p50: Math.round(Dt(e, 50)),
-    p90: Math.round(Dt(e, 90)),
-    p99: Math.round(Dt(e, 99)),
+    p50: Math.round(Bt(e, 50)),
+    p90: Math.round(Bt(e, 90)),
+    p99: Math.round(Bt(e, 99)),
     max: Math.round(e[e.length - 1])
   };
 }
@@ -3151,7 +3151,7 @@ class bo {
   }
 }
 const oe = new bo();
-Gn("__WP_PERF__", oe);
+jn("__WP_PERF__", oe);
 class yo {
   cache = /* @__PURE__ */ new Map();
   getOrCreate(e) {
@@ -3181,7 +3181,7 @@ class yo {
     if (n.length === 0) return 0;
     const r = this.cache.get(e);
     if (!r) return 0;
-    const s = rn(n, 0);
+    const s = nn(n, 0);
     let i = 0;
     for (let a = s; a < n.length && r.fragments.has(a); a++)
       i = n[a].end_ms;
@@ -3191,7 +3191,7 @@ class yo {
     this.cache.clear();
   }
 }
-const ve = new yo(), Rn = 60, vo = 5e3;
+const ve = new yo(), Fn = 60, vo = 5e3;
 class So {
   constructor(e) {
     this.deps = e;
@@ -3315,8 +3315,8 @@ class So {
     const s = e / 1e3, i = n.buffered, a = this.deps.getPendingSeekTargetMs(), l = a === null ? null : a / 1e3;
     for (let o = 0; o < i.length; o++) {
       const c = i.start(o), u = i.end(o);
-      if (c < s - Rn && u > s) {
-        const y = s - Rn;
+      if (c < s - Fn && u > s) {
+        const y = s - Fn;
         E("buffer", `EVICT-START [behind-tail-trim] range=${c.toFixed(2)}-${u.toFixed(2)} → trim [${c.toFixed(2)}-${y.toFixed(2)}] playhead=${s.toFixed(2)}`), this._doEvict(c, y, "behind-tail-trim");
         return;
       }
@@ -3625,7 +3625,7 @@ class Ze {
         const c = await this.tryFragmentRoute(
           "init",
           n - e + 1,
-          AbortSignal.timeout(ot(this.getAverageDownloadRate()))
+          AbortSignal.timeout(it(this.getAverageDownloadRate()))
         );
         if (c) {
           if (this.initTtfbMs = c.ttfbMs, this.initCfStatus = c.cfStatus, l = c.buf, a()) {
@@ -3639,7 +3639,7 @@ class Ze {
         } else {
           const u = performance.now(), f = await fetch(s, {
             headers: { Range: `bytes=${e}-${n}` },
-            signal: AbortSignal.timeout(ot(this.getAverageDownloadRate()))
+            signal: AbortSignal.timeout(it(this.getAverageDownloadRate()))
           });
           if (this.initTtfbMs = Math.round(performance.now() - u), this.initCfStatus = f.headers.get("cf-cache-status") || f.headers.get("x-cache") || "", !f.ok) throw new Error(`HTTP ${f.status}`);
           if (f.status !== 206)
@@ -3774,7 +3774,7 @@ class Ze {
       return;
     }
     const i = r.join("|"), a = Date.now();
-    this.stableGapSignature !== i ? (this.stableGapSignature = i, this.stableGapSince = a) : a - this.stableGapSince >= pn && a - this.lastGapWarnMs > pn && (this.lastGapWarnMs = a, C("buffer", `SB has ${e.buffered.length} ranges with ${r.length} stable unfillable gap(s) ${JSON.stringify({
+    this.stableGapSignature !== i ? (this.stableGapSignature = i, this.stableGapSince = a) : a - this.stableGapSince >= hn && a - this.lastGapWarnMs > hn && (this.lastGapWarnMs = a, C("buffer", `SB has ${e.buffered.length} ranges with ${r.length} stable unfillable gap(s) ${JSON.stringify({
       ranges: ge(e.buffered),
       unfillableGaps: r,
       stableForMs: a - this.stableGapSince,
@@ -3798,7 +3798,7 @@ class Ze {
     if (this.disposed) return Promise.reject(new Error("FragmentManager disposed"));
     if (this.initFailed) return Promise.reject(new Error("init segment failed after repeated retries"));
     if (this.fragmentStates.get(e) === "loaded") return Promise.resolve();
-    const r = n ?? ot(this.getAverageDownloadRate());
+    const r = n ?? it(this.getAverageDownloadRate());
     return new Promise((s, i) => {
       const a = setTimeout(() => {
         this.appendWaiters = this.appendWaiters.filter((l) => l.index !== e), oe.recordAppendTimeout(e, r, this.appendQueue.length), C("buffer", "waitForAppend timeout", {
@@ -3833,7 +3833,7 @@ class Ze {
   hasDataAhead(e) {
     if (!this.sourceBuffer?.buffered || this.mediaSource?.readyState !== "open") return !1;
     const n = this.sourceBuffer.buffered, r = e / 1e3, s = Ye(n, r, Z.RANGE);
-    return s >= 0 && n.end(s) - r > Lt;
+    return s >= 0 && n.end(s) - r > Nt;
   }
   /** Wait for a specific time position to be buffered in the SourceBuffer.
    *  Event-driven: resolves on updateend when the position enters a buffered range. */
@@ -3921,7 +3921,7 @@ class Ze {
     for (const [s, i] of this.fragmentStates) {
       if (i !== "loaded") continue;
       const a = this.fragments[s];
-      a && (Bt(e, a.start_ms, a.end_ms) || (this.fragmentStates.set(s, "pending"), n.push(s)));
+      a && (Pt(e, a.start_ms, a.end_ms) || (this.fragmentStates.set(s, "pending"), n.push(s)));
     }
     if (n.length === 0) return;
     const r = ge(e).join(", ") || "(none)";
@@ -3940,7 +3940,7 @@ class Ze {
     if (this.isBuffered(e)) return { status: "buffered", fragmentIndex: n };
     const r = this.currentJobs.get(n);
     if (r) return { status: "loading", fragmentIndex: n, existingPromise: r.promise };
-    const s = Math.max(0, n - In), i = Math.min(this.fragments.length - 1, n + In);
+    const s = Math.max(0, n - Tn), i = Math.min(this.fragments.length - 1, n + Tn);
     for (let a = s; a <= i; a++) {
       const l = this.fragmentStates.get(a);
       if (l === "loaded" || l === "loading") return { status: "nearby-pending", fragmentIndex: n };
@@ -3969,7 +3969,7 @@ class Ze {
       for (let y = l; y <= h; y++)
         this.discardCounts.delete(y), this.fetchErrorCycles.delete(y);
     }
-    const o = rn(this.fragments, e), c = this.fragments[o], u = c && this.sourceBuffer?.buffered && Bt(this.sourceBuffer.buffered, c.start_ms, c.end_ms), f = u ? l : o, p = s ? Math.min(this.fragments.length - 1, l + 1) : Te(this.fragments, e + Ie);
+    const o = nn(this.fragments, e), c = this.fragments[o], u = c && this.sourceBuffer?.buffered && Pt(this.sourceBuffer.buffered, c.start_ms, c.end_ms), f = u ? l : o, p = s ? Math.min(this.fragments.length - 1, l + 1) : Te(this.fragments, e + Ie);
     this.initRange && this.initState !== "loaded" && await this.fetchInit();
     const v = [], m = [];
     for (let h = f; h <= p; h++) {
@@ -4077,7 +4077,7 @@ class Ze {
                 bytes: p.buf.byteLength,
                 ttfbMs: p.ttfbMs,
                 cf: p.cfStatus
-              }), E("buffer", `FETCH-OK #${e} [${i}] ${p.buf.byteLength}B in ${Math.round(k)}ms via=frag-route (ttfb=${p.ttfbMs}ms cf=${p.cfStatus || "-"})`), k > 0 && (this.downloadSamples.push({ bytes: p.buf.byteLength, durationMs: k }), this.downloadSamples.length > Pt && this.downloadSamples.shift(), oe.recordFetch(e, p.buf.byteLength, k)), this.disposed || this.mediaUrl !== f) {
+              }), E("buffer", `FETCH-OK #${e} [${i}] ${p.buf.byteLength}B in ${Math.round(k)}ms via=frag-route (ttfb=${p.ttfbMs}ms cf=${p.cfStatus || "-"})`), k > 0 && (this.downloadSamples.push({ bytes: p.buf.byteLength, durationMs: k }), this.downloadSamples.length > $t && this.downloadSamples.shift(), oe.recordFetch(e, p.buf.byteLength, k)), this.disposed || this.mediaUrl !== f) {
                 E("buffer", `FETCH-STALE #${e} discarding frag-route bytes (mediaUrl changed)`);
                 return;
               }
@@ -4089,7 +4089,7 @@ class Ze {
                 Range: `bytes=${n.start_byte}-${n.end_byte}`,
                 "X-Buffer-Ahead-Ms": String(Math.round(this.getBufferedAheadMs(this.currentPlayheadMs)))
               },
-              signal: AbortSignal.any([s.signal, AbortSignal.timeout(ot(this.getAverageDownloadRate()))])
+              signal: AbortSignal.any([s.signal, AbortSignal.timeout(it(this.getAverageDownloadRate()))])
             }), h = Math.round(performance.now() - c), y = m.headers.get("cf-cache-status") || m.headers.get("x-cache") || "";
             if (!m.ok) throw new Error(`HTTP ${m.status}`);
             const w = n.end_byte - n.start_byte + 1;
@@ -4101,7 +4101,7 @@ class Ze {
                 cfCacheStatus: y,
                 expectedBytes: w
               }), this.fragmentStates.set(e, "pending"), o < qe) {
-                await new Promise((k) => setTimeout(k, ct(o)));
+                await new Promise((k) => setTimeout(k, ot(o)));
                 continue;
               }
               throw new Error(`fragment expected 206, got ${m.status}`);
@@ -4113,14 +4113,14 @@ class Ze {
               actualBytes: _.byteLength
             }), _.byteLength === 0 || _.byteLength !== w) {
               if (this.fragmentStates.set(e, "pending"), o < qe) {
-                await new Promise((k) => setTimeout(k, ct(o)));
+                await new Promise((k) => setTimeout(k, ot(o)));
                 continue;
               }
               ee("buffer", `Fragment #${e} bad response after ${qe} retries`, { expected: w, actual: _.byteLength }), this.fragmentStates.set(e, "error"), this.errorTimestamps.set(e, Date.now()), this.fetchErrorCycles.set(e, (this.fetchErrorCycles.get(e) ?? 0) + 1), oe.recordFetchError(e);
               return;
             }
             const R = performance.now() - c;
-            if (this.isInInitPhase() && this.recordInitFragEvent(e, { fetchEnd: performance.now(), bytes: _.byteLength, ttfbMs: h, cf: y }), E("buffer", `FETCH-OK #${e} [${i}] ${_.byteLength}B in ${Math.round(R)}ms (ttfb=${h}ms cf=${y || "-"}) (${(_.byteLength / R * 1e3 / 1024).toFixed(0)} KB/s)`), R > 0 && (this.downloadSamples.push({ bytes: _.byteLength, durationMs: R }), this.downloadSamples.length > Pt && this.downloadSamples.shift(), oe.recordFetch(e, _.byteLength, R)), this.disposed || this.mediaUrl !== v) {
+            if (this.isInInitPhase() && this.recordInitFragEvent(e, { fetchEnd: performance.now(), bytes: _.byteLength, ttfbMs: h, cf: y }), E("buffer", `FETCH-OK #${e} [${i}] ${_.byteLength}B in ${Math.round(R)}ms (ttfb=${h}ms cf=${y || "-"}) (${(_.byteLength / R * 1e3 / 1024).toFixed(0)} KB/s)`), R > 0 && (this.downloadSamples.push({ bytes: _.byteLength, durationMs: R }), this.downloadSamples.length > $t && this.downloadSamples.shift(), oe.recordFetch(e, _.byteLength, R)), this.disposed || this.mediaUrl !== v) {
               E("buffer", `FETCH-STALE #${e} discarding (mediaUrl changed)`);
               return;
             }
@@ -4132,12 +4132,12 @@ class Ze {
               return;
             }
             if ((c.name === "TimeoutError" || c.message?.includes("signal timed out") || c.message?.includes("The operation was aborted")) && c.name !== "AbortError") {
-              const f = ot(this.getAverageDownloadRate());
-              this.downloadSamples.push({ bytes: 0, durationMs: f }), this.downloadSamples.length > Pt && this.downloadSamples.shift(), oe.recordFetchTimeout(e), C("buffer", `FETCH-ERR #${e} [${i}] attempt=${o} timeout=${f}ms avgRate=${Math.round(this.getAverageDownloadRate())}Bps error=${c.message}`);
+              const f = it(this.getAverageDownloadRate());
+              this.downloadSamples.push({ bytes: 0, durationMs: f }), this.downloadSamples.length > $t && this.downloadSamples.shift(), oe.recordFetchTimeout(e), C("buffer", `FETCH-ERR #${e} [${i}] attempt=${o} timeout=${f}ms avgRate=${Math.round(this.getAverageDownloadRate())}Bps error=${c.message}`);
             } else
               C("buffer", `FETCH-ERR #${e} [${i}] attempt=${o} error=${c.message}`);
             if (this.isInInitPhase() && this.recordInitFragEvent(e, { err: (c.name === "TimeoutError" ? "timeout" : c.message?.slice(0, 40)) || "err" }), this.fragmentStates.set(e, "pending"), o < qe) {
-              await new Promise((f) => setTimeout(f, ct(o)));
+              await new Promise((f) => setTimeout(f, ot(o)));
               continue;
             }
             throw ee("buffer", `Fragment #${e} failed after ${qe} retries`, { error: c.message }), this.fragmentStates.set(e, "error"), this.errorTimestamps.set(e, Date.now()), this.fetchErrorCycles.set(e, (this.fetchErrorCycles.get(e) ?? 0) + 1), oe.recordFetchError(e), c;
@@ -4165,10 +4165,10 @@ class Ze {
     if (e <= 0 || this.fragments.length === 0 || this.fragments[0].keyframe === void 0) return !1;
     const n = this.fragments[e];
     if (!n || n.keyframe) return !1;
-    const r = Cn(this.fragments, e - 1);
+    const r = In(this.fragments, e - 1);
     if (r < 0 || this.fragmentStates.get(r) !== "error") return !1;
     const s = this.fragments[r];
-    if (this.sourceBuffer ? Bt(this.sourceBuffer.buffered, s.start_ms, s.end_ms) : !1) return !1;
+    if (this.sourceBuffer ? Pt(this.sourceBuffer.buffered, s.start_ms, s.end_ms) : !1) return !1;
     const a = [], l = [];
     for (const o of this.appendQueue) {
       const c = this.fragments[o.index];
@@ -4176,7 +4176,7 @@ class Ze {
         l.push(o);
         continue;
       }
-      Cn(this.fragments, o.index - 1) === r ? (a.push(o.index), this.fragmentStates.set(o.index, "pending")) : l.push(o);
+      In(this.fragments, o.index - 1) === r ? (a.push(o.index), this.fragmentStates.set(o.index, "pending")) : l.push(o);
     }
     return a.length === 0 ? !1 : (this.appendQueue = l, C("buffer", `APPEND-DROP-DEPENDENT [${a.join(",")}] — keyframe #${r} in error, not in SB`, {
       kfIdx: r,
@@ -4216,7 +4216,7 @@ class Ze {
       liveJobs: Array.from(this.currentJobs.keys()).sort((i, a) => i - a)
     });
     for (const i of n)
-      this.currentJobs.get(i)?.abortController.abort(), this.currentJobs.delete(i), this.pendingFetchIndices.delete(i), this.fragmentStates.set(i, "error"), this.errorTimestamps.set(i, r), this.fetchErrorCycles.set(i, mn);
+      this.currentJobs.get(i)?.abortController.abort(), this.currentJobs.delete(i), this.pendingFetchIndices.delete(i), this.fragmentStates.set(i, "error"), this.errorTimestamps.set(i, r), this.fetchErrorCycles.set(i, pn);
     return this.appendHold = null, !0;
   }
   processAppendQueue() {
@@ -4271,7 +4271,7 @@ class Ze {
     if (this.disposed || !this.sourceBuffer || (this.currentPlayheadMs = e, this.currentJobs.size >= ze)) return;
     const n = Te(this.fragments, e), r = Math.min(this.fragments.length - 1, Te(this.fragments, e + Xe)), s = Date.now();
     for (let a = n; a <= r; a++)
-      this.fragmentStates.get(a) === "error" && s - (this.errorTimestamps.get(a) ?? 0) >= xs && ((this.fetchErrorCycles.get(a) ?? 0) >= mn ? E("buffer", `PREFETCH-DEAD #${a} cycles=${this.fetchErrorCycles.get(a)} not resetting`) : (this.fragmentStates.set(a, "pending"), this.errorTimestamps.delete(a)));
+      this.fragmentStates.get(a) === "error" && s - (this.errorTimestamps.get(a) ?? 0) >= xs && ((this.fetchErrorCycles.get(a) ?? 0) >= pn ? E("buffer", `PREFETCH-DEAD #${a} cycles=${this.fetchErrorCycles.get(a)} not resetting`) : (this.fragmentStates.set(a, "pending"), this.errorTimestamps.delete(a)));
     let i = 0;
     for (let a = n; a <= r && i < ze - this.currentJobs.size; a++) {
       const l = this.fragmentStates.get(a);
@@ -4466,7 +4466,7 @@ class Ze {
   findNextRangeStart(e, n) {
     if (!this.sourceBuffer?.buffered || this.mediaSource?.readyState !== "open") return null;
     const r = e / 1e3, s = this.sourceBuffer.buffered, i = Ye(s, r, Z.RANGE);
-    if (i >= 0 && s.end(i) - r > Lt) return null;
+    if (i >= 0 && s.end(i) - r > Nt) return null;
     const a = i >= 0 ? Math.max(r, s.end(i)) : r;
     for (let l = 0; l < s.length; l++) {
       const o = s.start(l);
@@ -4494,7 +4494,7 @@ class Ze {
         break;
       }
     return {
-      atEdge: s >= 0 && i <= Lt,
+      atEdge: s >= 0 && i <= Nt,
       aheadInRangeMs: i * 1e3,
       nextRangeStartMs: l !== null ? l * 1e3 : null,
       gapMs: l !== null ? (l - a) * 1e3 : null
@@ -4543,7 +4543,7 @@ function wo(t, e) {
 function xo(t) {
   return t.override !== null ? t.override : t.globalEnabled || wo(t.selectedAudioLang, t.hasEngSub);
 }
-const xr = "wp_reload_history", sn = "wp_phantom_reload", Er = 5 * 6e4, Nn = 3;
+const xr = "wp_reload_history", rn = "wp_phantom_reload", Er = 5 * 6e4, Rn = 3;
 function Eo() {
   try {
     const t = sessionStorage.getItem(xr);
@@ -4552,10 +4552,10 @@ function Eo() {
     return [];
   }
 }
-function zt(t, e) {
+function Kt(t, e) {
   const n = Eo();
-  if (n.length >= Nn) {
-    gn(
+  if (n.length >= Rn) {
+    mn(
       "error",
       "buffer",
       `AUTO-RELOAD SUPPRESSED reason=${t} — ${n.length} reloads in ${Er / 6e4}m, giving up (connection looks unstable)`,
@@ -4571,19 +4571,19 @@ function zt(t, e) {
     return !1;
   }
   try {
-    n.push(Date.now()), sessionStorage.setItem(xr, JSON.stringify(n)), sessionStorage.setItem(sn, String(Date.now()));
+    n.push(Date.now()), sessionStorage.setItem(xr, JSON.stringify(n)), sessionStorage.setItem(rn, String(Date.now()));
   } catch {
   }
-  gn("error", "buffer", `AUTO-RELOAD reason=${t} attempt=${n.length}/${Nn}`, e);
+  mn("error", "buffer", `AUTO-RELOAD reason=${t} attempt=${n.length}/${Rn}`, e);
   try {
     window.location.reload();
   } catch {
   }
   return !0;
 }
-function Ln() {
+function Nn() {
   try {
-    const t = sessionStorage.getItem(sn);
+    const t = sessionStorage.getItem(rn);
     return t ? Number(t) : null;
   } catch {
     return null;
@@ -4591,7 +4591,7 @@ function Ln() {
 }
 function Mo() {
   try {
-    sessionStorage.removeItem(sn);
+    sessionStorage.removeItem(rn);
   } catch {
   }
 }
@@ -4611,12 +4611,12 @@ function Mr(t, e) {
   E(e.label, "autoplay plan", { policy: n ?? "unknown", plan: r, userWantsMuted: e.userWantsMuted });
   const s = () => {
     t.muted = !0, t.play().then(() => {
-      e.onMutedBridge?.(), Tn(() => {
+      e.onMutedBridge?.(), An(() => {
         e.userWantsMuted || (t.muted = !1, e.onUnmuted?.(), E(e.label, "autoplay bridge unmuted on interaction"));
       });
     }).catch((i) => C(e.label, "muted-bridge play failed", { error: i?.name }));
   };
-  return r === "deferred" ? (Tn(() => {
+  return r === "deferred" ? (An(() => {
     t.play().catch((i) => C(e.label, "deferred play retry failed", { error: i?.name }));
   }), r) : r === "muted-bridge" ? (s(), r) : (t.muted = e.userWantsMuted, t.play().catch((i) => {
     i?.name === "NotAllowedError" && !e.userWantsMuted ? s() : i?.name !== "AbortError" && C(e.label, "video.play() failed", { error: i?.name, message: i?.message });
@@ -4838,15 +4838,15 @@ class Ao {
     });
   }
 }
-let lt = null;
+let ct = null;
 function To() {
-  lt === null && (E("health", "Starting health reporting"), $n(), lt = window.setInterval($n, Ms));
+  ct === null && (E("health", "Starting health reporting"), Ln(), ct = window.setInterval(Ln, Ms));
 }
 function Io() {
-  lt !== null && (E("health", "Stopping health reporting"), window.clearInterval(lt), lt = null);
+  ct !== null && (E("health", "Stopping health reporting"), window.clearInterval(ct), ct = null);
 }
-function $n() {
-  const t = Vn();
+function Ln() {
+  const t = Kn();
   if (!t.connected) return;
   const e = x.getState();
   if (!e.snapshot.mediaId) return;
@@ -4864,7 +4864,7 @@ function $n() {
     (o < 0 || v < o) && (o = v);
   }
   const c = Math.max(0, a - s), u = o < 0 ? c : Math.min(c, o), f = e.drift.rtts.length > 0 ? e.drift.rtts.reduce((p, v) => p + v, 0) / e.drift.rtts.length : 0;
-  t.emit(zn.HEALTH_REPORT, {
+  t.emit(Vn.HEALTH_REPORT, {
     avg_download_rate_bps: n.getAverageDownloadRate(),
     buffered_ahead_ms: u,
     audio_buffered_ahead_ms: o < 0 ? -1 : Math.round(o),
@@ -4936,7 +4936,7 @@ function Lo(t, e) {
     contentToken: n.content_token || null
   };
 }
-function Pn(t) {
+function $n(t) {
   try {
     const e = performance.getEntriesByName(t, "resource");
     if (!e.length) return null;
@@ -4975,7 +4975,7 @@ function $o(t) {
           const u = await o.text(), f = Math.round(performance.now() - l) - c, p = JSON.parse(u), v = Math.round(performance.now() - l) - c - f, m = c + f + v;
           if (r.signal.aborted) return;
           n({ url: t, data: p });
-          const h = Pn(t);
+          const h = $n(t);
           E("mse", "Index loaded", {
             attempt: i + 1,
             headerMs: c,
@@ -4993,13 +4993,13 @@ function $o(t) {
         } catch (o) {
           if (r.signal.aborted) return;
           i++;
-          const c = Math.round(performance.now() - l), u = Pn(t);
+          const c = Math.round(performance.now() - l), u = $n(t);
           C("mse", `Index fetch attempt ${i} failed (${c}ms)`, {
             error: o?.message,
             elapsedMs: c,
             ...u && { timing: u }
           });
-          const f = i <= 1 ? 0 : ct(i - 1, { baseMs: 500, capMs: a, jitter: 0 });
+          const f = i <= 1 ? 0 : ot(i - 1, { baseMs: 500, capMs: a, jitter: 0 });
           f > 0 && await new Promise((p) => setTimeout(p, f));
         }
       }
@@ -5009,15 +5009,15 @@ function $o(t) {
     };
   }, [t]), Ce(() => Lo(e, t), [e, t]);
 }
-const Ot = {
+const Dt = {
   audioTracks: [],
   subtitleTracks: [],
   selectedAudioIndex: 0,
   selectedSubtitleIndex: 0
 };
 function Po(t) {
-  const [e, n] = $(Ot), r = As(), s = x((u) => u.mediaPrefs.preferredAudioLang), [i, a] = $(t);
-  i !== t && (a(t), t && n(Ot));
+  const [e, n] = $(Dt), r = As(), s = x((u) => u.mediaPrefs.preferredAudioLang), [i, a] = $(t);
+  i !== t && (a(t), t && n(Dt));
   const l = fe(() => ({ origin: Ts(r), preferredAudioLang: s }));
   L(() => {
     if (!t) return;
@@ -5031,7 +5031,7 @@ function Po(t) {
       } catch (m) {
         const h = Y(m);
         if (h.name === "AbortError") return;
-        C("mse", "Tracks fetch error", { mediaId: t, status: v?.status, ...h }), n(Ot);
+        C("mse", "Tracks fetch error", { mediaId: t, status: v?.status, ...h }), n(Dt);
       }
     })().catch((m) => ee("mse", "Tracks load threw", { mediaId: t, ...Y(m) })), () => {
       u.abort();
@@ -5055,7 +5055,7 @@ const Bo = 100;
 function Do(t) {
   return !t.roomPlaying || t.videoPaused ? "not-playing" : t.seekInFlight ? "seeking" : t.advancedMs > Bo ? "advancing" : "stalled";
 }
-const Ht = 4e4, Oo = 3e3;
+const Ot = 4e4, Oo = 3e3;
 function Ho(t, e, n, r, s, i) {
   const a = fe((w) => {
     const _ = {};
@@ -5114,7 +5114,7 @@ function Ho(t, e, n, r, s, i) {
         ...a(j)
       }), l(j, "silent-stall"), V) {
         V.reconcileLoadedStates();
-        const O = V.findNextRangeStart(j, $t);
+        const O = V.findNextRangeStart(j, Lt);
         O !== null && D ? (C("sync", "SILENT-STALL gap-skip", {
           currentMs: Math.round(j),
           gapSkipTarget: Math.round(O)
@@ -5131,8 +5131,8 @@ function Ho(t, e, n, r, s, i) {
           });
         });
       }
-      if (N >= Ht) {
-        V?.dumpBufferDiagnostics(j, "silent-stall-reload"), zt("silent-stall", {
+      if (N >= Ot) {
+        V?.dumpBufferDiagnostics(j, "silent-stall-reload"), Kt("silent-stall", {
           frozenMs: N,
           currentTime: +S.currentTime.toFixed(2),
           readyState: S.readyState,
@@ -5167,7 +5167,7 @@ function Ho(t, e, n, r, s, i) {
       }
       if (D && !X?.seekInFlight && S > 0 && l(S, "waiting"), D && V && !X?.seekInFlight && S > 0) {
         V.reconcileLoadedStates();
-        const O = V.getBufferedAheadMs(S), Q = V.findNextRangeStart(S, $t);
+        const O = V.getBufferedAheadMs(S), Q = V.findNextRangeStart(S, Lt);
         if (Q !== null && X)
           C("sync", "GAP-SKIP seeking over late-IDR gap", {
             currentMs: Math.round(S),
@@ -5186,7 +5186,7 @@ function Ho(t, e, n, r, s, i) {
             aheadInRangeMs: Math.round(W.aheadInRangeMs),
             nextRangeStartMs: Math.round(W.nextRangeStartMs),
             gapMs: W.gapMs !== null ? Math.round(W.gapMs) : null,
-            windowMs: $t
+            windowMs: Lt
           }), V.fetchNearby(S).catch((re) => {
             const le = Y(re);
             le.name !== "AbortError" && C("sync", "Stall recovery fetchNearby failed", {
@@ -5199,8 +5199,8 @@ function Ho(t, e, n, r, s, i) {
       H && D && !c.current && (c.current = setTimeout(() => {
         c.current = null;
         const O = x.getState(), Q = !!O.snapshot.leaderId && O.snapshot.leaderId === O.me.clientId, W = !!n.current?.seekInFlight;
-        Q && !w.paused && w.readyState < 3 && !W && (C("sync", "Leader stall threshold reached — pausing room", { stallMs: bn }), u.current = !0, Pe("pause"));
-      }, bn)), D && !p.current && (v.current = w.currentTime, p.current = setTimeout(() => {
+        Q && !w.paused && w.readyState < 3 && !W && (C("sync", "Leader stall threshold reached — pausing room", { stallMs: gn }), u.current = !0, Pe("pause"));
+      }, gn)), D && !p.current && (v.current = w.currentTime, p.current = setTimeout(() => {
         p.current = null;
         const O = t.current;
         if (!O) return;
@@ -5214,15 +5214,15 @@ function Ho(t, e, n, r, s, i) {
           });
           return;
         }
-        re?.dumpBufferDiagnostics(O.currentTime * 1e3, "stuck-reload"), zt("stuck-watchdog", {
-          stuckMs: Ht,
+        re?.dumpBufferDiagnostics(O.currentTime * 1e3, "stuck-reload"), Kt("stuck-watchdog", {
+          stuckMs: Ot,
           advancedSec: +Fe.toFixed(2),
           currentTime: +O.currentTime.toFixed(2),
           readyState: O.readyState,
           bufferedAheadMs: Math.round(le),
           loaded: re?.getLoadedCount?.() ?? -1
         });
-      }, Ht));
+      }, Ot));
     }
     function F() {
       oe.recordStallEnd(), c.current && (clearTimeout(c.current), c.current = null), p.current && (clearTimeout(p.current), p.current = null), y.current = null, R();
@@ -5275,9 +5275,9 @@ function jo(t, e, n, r, s, i) {
         s({ bufferedEndMs: y });
       }
     };
-    a.current = setInterval(v, yn);
+    a.current = setInterval(v, bn);
     const m = () => {
-      performance.now() - p >= yn * Uo && v();
+      performance.now() - p >= bn * Uo && v();
     };
     if (c && (c.addEventListener("timeupdate", m), l.current = () => c.removeEventListener("timeupdate", m)), c && !n.current?.seekInFlight) {
       p = performance.now();
@@ -5311,7 +5311,7 @@ function Go(t, e, n, r, s, i) {
     p && v ? (E("sync", "Play/pause sync", { playing: p, videoPaused: v, currentTime: Math.round(f.currentTime * 1e3) }), c(f)) : !p && !v && (E("sync", "Play/pause sync", { playing: p, videoPaused: v, currentTime: Math.round(f.currentTime * 1e3) }), u(f));
   }, [a.playing, r, t, e]);
 }
-function Bn(t, e) {
+function Pn(t, e) {
   return new Promise((n, r) => {
     const s = setTimeout(n, t);
     e.addEventListener("abort", () => {
@@ -5329,16 +5329,16 @@ function Wo(t) {
       for (let o = 0; o < a.videos.length; o++) {
         if (l.signal.aborted) return;
         if (o === n) continue;
-        const c = a.videos[o], { mediaUrl: u, indexUrl: f } = Jn(c.mediaId), p = 3e3, v = async () => {
+        const c = a.videos[o], { mediaUrl: u, indexUrl: f } = zn(c.mediaId), p = 3e3, v = async () => {
           for (; !l.signal.aborted && (t.current?.getPendingCount() ?? 0) !== 0; )
             try {
-              await Bn(2e3, l.signal);
+              await Pn(2e3, l.signal);
             } catch {
               return !1;
             }
           if (l.signal.aborted) return !1;
           try {
-            await Bn(p, l.signal);
+            await Pn(p, l.signal);
           } catch {
             return !1;
           }
@@ -5360,7 +5360,7 @@ function Wo(t) {
         }
         const { fragments: h, init_segment: y } = m;
         if (!h?.length) continue;
-        const w = rn(h, 0), _ = Te(h, Ie), R = ve.getInit(c.mediaId) !== void 0, k = ve.getBufferedMs(c.mediaId, h) >= Ie;
+        const w = nn(h, 0), _ = Te(h, Ie), R = ve.getInit(c.mediaId) !== void 0, k = ve.getBufferedMs(c.mediaId, h) >= Ie;
         if (R && k) {
           E("prebuffer", `${c.mediaId} already fully pre-buffered, skipping`);
           continue;
@@ -5371,7 +5371,7 @@ function Wo(t) {
             const g = await fetch(u, {
               headers: {
                 Range: `bytes=${y.start_byte}-${y.end_byte}`,
-                "X-Buffer-Ahead-Ms": String(vn)
+                "X-Buffer-Ahead-Ms": String(yn)
                 // background fetch — low priority
               },
               signal: l.signal
@@ -5394,7 +5394,7 @@ function Wo(t) {
             const F = await fetch(u, {
               headers: {
                 Range: `bytes=${T.start_byte}-${T.end_byte}`,
-                "X-Buffer-Ahead-Ms": String(vn)
+                "X-Buffer-Ahead-Ms": String(yn)
               },
               signal: l.signal
             });
@@ -5557,7 +5557,7 @@ function zo(t, e, n, r, s, i) {
   }, [t]);
 }
 const Jo = 3e5, Qo = 1, qo = 1;
-function Ut(t) {
+function Ht(t) {
   ee("buffer", "initializePlayback threw", Y(t));
 }
 function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
@@ -5577,22 +5577,22 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
     if (!w) return null;
     const B = t.replace(new RegExp(`/${pt.replace(/\./g, "\\.")}$`), "");
     return B === t ? null : { baseUrl: B, token: w, trackId: M };
-  }, [w, t]), k = m !== null && y.length > 0, g = x((M) => M.readiness), T = P(!1), F = P(!1), b = P(null), S = P(null), I = P(null), D = P(0), H = P(0), j = P(null), [V, X] = $(0), N = P([]), O = P([]), Q = P(-1), W = P(!1), re = P(null), le = P(0), Fe = P(null), Ve = P(0), Et = x((M) => M.bufferState), Be = x((M) => M.setBufferState), {
+  }, [w, t]), k = m !== null && y.length > 0, g = x((M) => M.readiness), T = P(!1), F = P(!1), b = P(null), S = P(null), I = P(null), D = P(0), H = P(0), j = P(null), [V, X] = $(0), N = P([]), O = P([]), Q = P(-1), W = P(!1), re = P(null), le = P(0), Fe = P(null), Ve = P(0), xt = x((M) => M.bufferState), Be = x((M) => M.setBufferState), {
     audioTracks: ye,
     subtitleTracks: De,
     selectedAudioIndex: we,
-    setSelectedAudioIndex: rt,
+    setSelectedAudioIndex: nt,
     selectedSubtitleIndex: z,
     setSelectedSubtitleIndex: he
-  } = Po(n), Ee = x((M) => M.mediaPrefs), Mt = x((M) => M.mutedForAutoplay), Tr = x((M) => M.setMutedForAutoplay), an = x((M) => M.setSubtitlesEnabled), Ir = x((M) => M.setSubtitleStyle), kt = x((M) => M.setPreferredAudioLang), Cr = Ee.subtitlesEnabled, on = Ee.subtitleStyle, Fr = ye[we]?.lang, Rr = De.some((M) => M.lang === "eng"), [Nr, cn] = $(null), st = xo({
+  } = Po(n), Ee = x((M) => M.mediaPrefs), Et = x((M) => M.mutedForAutoplay), Tr = x((M) => M.setMutedForAutoplay), sn = x((M) => M.setSubtitlesEnabled), Ir = x((M) => M.setSubtitleStyle), Mt = x((M) => M.setPreferredAudioLang), Cr = Ee.subtitlesEnabled, an = Ee.subtitleStyle, Fr = ye[we]?.lang, Rr = De.some((M) => M.lang === "eng"), [Nr, on] = $(null), rt = xo({
     override: Nr,
     globalEnabled: Cr,
     selectedAudioLang: Fr,
     hasEngSub: Rr
   }), Lr = U(() => {
-    const M = !st;
-    cn(M), an(M);
-  }, [st, an]), ht = U((M) => {
+    const M = !rt;
+    on(M), sn(M);
+  }, [rt, sn]), ht = U((M) => {
     const B = x.getState();
     Mr(M, {
       userWantsMuted: B.mediaPrefs.muted,
@@ -5600,22 +5600,22 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
       onUnmuted: () => B.setMutedForAutoplay(!1),
       label: "video"
     });
-  }, []), ln = U((M) => {
+  }, []), cn = U((M) => {
     M.pause();
-  }, []), [$r, dn] = $(0), [Pr, Br] = $(n);
-  Pr !== n && (Br(n), cn(null), dn(0)), L(() => {
+  }, []), [$r, ln] = $(0), [Pr, Br] = $(n);
+  Pr !== n && (Br(n), on(null), ln(0)), L(() => {
     const M = r.current;
     if (!M) return;
     const B = () => {
-      dn(Math.round(M.currentTime * 1e3));
+      ln(Math.round(M.currentTime * 1e3));
     };
     return M.addEventListener("timeupdate", B), () => M.removeEventListener("timeupdate", B);
   }, []);
-  const at = U((M) => {
+  const st = U((M) => {
     Be({ isBuffering: M });
-  }, [Be]), un = U((M) => {
+  }, [Be]), dn = U((M) => {
     if (H.current >= qo) {
-      zt("phantom-recreate-exhausted", { reason: M, recreates: H.current, mediaId: n });
+      Kt("phantom-recreate-exhausted", { reason: M, recreates: H.current, mediaId: n });
       return;
     }
     H.current += 1, D.current = 0, C("buffer", "MSE-RECREATE — rebuilding MediaSource to clear corrupt buffer", {
@@ -5623,7 +5623,7 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
       attempt: H.current
     }), X((B) => B + 1);
   }, [n]);
-  async function _t() {
+  async function kt() {
     const M = I.current, B = r.current;
     if (!M || !p.length || F.current) return;
     const pe = x.getState().snapshot, K = pe.playheadMs || 0;
@@ -5655,7 +5655,7 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
           startMs: Math.round(K),
           recreateAttempt: H.current,
           mediaId: n
-        }), un("phantom-buffer");
+        }), dn("phantom-buffer");
         return;
       }
       const Oe = Math.round(performance.now() - de);
@@ -5674,7 +5674,7 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
         }
         B.currentTime = q / 1e3, await kr(B, 3e3);
       }
-      le.current = q, i(!0), F.current = !0, D.current = 0, Ln() && C("buffer", "RECOVERY-SUCCESS — playback initialized after an auto-reload", { mediaId: n }), Mo(), E("buffer", "initializePlayback complete", {
+      le.current = q, i(!0), F.current = !0, D.current = 0, Nn() && C("buffer", "RECOVERY-SUCCESS — playback initialized after an auto-reload", { mediaId: n }), Mo(), E("buffer", "initializePlayback complete", {
         mediaId: n,
         startMs: K,
         seekMs: q,
@@ -5745,12 +5745,12 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
           attempt: D.current,
           sbFull: ne,
           initFailed: J
-        }), un(ne ? "sourcebuffer-full" : J ? "init-failed" : "init-retry-cap")) : (ee("buffer", "Initialize playback error — will retry in 3s", {
+        }), dn(ne ? "sourcebuffer-full" : J ? "init-failed" : "init-retry-cap")) : (ee("buffer", "Initialize playback error — will retry in 3s", {
           error: te,
           mediaId: n,
           attempt: D.current
         }), setTimeout(() => {
-          I.current && !M.isDisposed && !F.current && (E("buffer", "Retrying initializePlayback"), _t().catch(Ut));
+          I.current && !M.isDisposed && !F.current && (E("buffer", "Retrying initializePlayback"), kt().catch(Ht));
         }, 3e3));
       }
     }
@@ -5761,7 +5761,7 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
     mseAudioTracks: y,
     fragments: p,
     deliveryFor: _,
-    initializePlayback: _t
+    initializePlayback: kt
   }));
   L(() => {
     if (!m) return;
@@ -5774,7 +5774,7 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
       initializePlayback: ie
     } = Dr();
     j.current !== n && (j.current = n, H.current = 0, D.current = 0);
-    const te = Ln();
+    const te = Nn();
     te && C("buffer", "POST-AUTO-RELOAD — this load follows an auto-reload recovery", {
       reloadAtMs: te,
       sinceReloadMs: Date.now() - te,
@@ -5783,7 +5783,7 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
     let ne = null;
     const J = new MediaSource();
     S.current = J;
-    const xe = new Ze(at);
+    const xe = new Ze(st);
     I.current = xe;
     const Oe = ++Ve.current;
     window.__FRAGMENT_MANAGER__ = xe, window.__AUDIO_FRAGMENT_MANAGERS__ = N.current;
@@ -5827,7 +5827,7 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
                 });
               });
               const Re = new Ze(
-                at,
+                st,
                 { suppressEndOfStream: !0, label: `audio:${ue.track_id}` }
               );
               Re.setSourceBuffer(_e, J), N.current.push(Re), O.current.push(_e), Q.current = ae, E("mse", `Audio SB added: codec=${me} track=${ue.track_id} lang=${ue.lang} idx=${ae}`);
@@ -5851,7 +5851,7 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
               ), ue.epoch = Oe;
             }
           }
-          ie().catch(Ut);
+          ie().catch(Ht);
         }
       } catch (G) {
         C("buffer", "MSE source error", { error: G?.message });
@@ -5875,7 +5875,7 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
         }
       Fe.current?.(), F.current = !1, T.current = !1, b.current = null, i(!1);
     };
-  }, [t, n, m, h, at, V]);
+  }, [t, n, m, h, st, V]);
   const Or = fe(() => {
     const M = I.current, B = Ve.current;
     if (S.current?.readyState === "open" && b.current && p.length && M) {
@@ -5893,7 +5893,7 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
           ), de.epoch = B;
         }
       }
-      F.current || _t().catch(Ut);
+      F.current || kt().catch(Ht);
     }
   });
   L(() => {
@@ -5905,12 +5905,12 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
     };
     return window.addEventListener("watchparty:socket-reconnect", M), () => window.removeEventListener("watchparty:socket-reconnect", M);
   }, []), L(() => (window.__AUDIO_SELECT__ = (M) => {
-    rt(M);
+    nt(M);
     const B = ye[M];
-    B?.lang && kt(B.lang);
+    B?.lang && Mt(B.lang);
   }, () => {
     window.__AUDIO_SELECT__ = null;
-  }), [ye, rt, kt]), L(() => {
+  }), [ye, nt, Mt]), L(() => {
     if (!k || !s || we < 0 || we >= y.length || we === Q.current) return;
     if (W.current) {
       E("audio", "MSE audio swap requested while another in flight — deferring");
@@ -5952,7 +5952,7 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
           return;
         }
         const J = new Ze(
-          at,
+          st,
           { suppressEndOfStream: !0, label: `audio:${K.track_id}` }
         );
         J.setSourceBuffer(ne, M);
@@ -5975,17 +5975,17 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
         W.current = !1;
       }
     })().catch((te) => ee("audio", "MSE audio swap failed", Y(te)));
-  }, [k, s, we, y, n, t, at, _]), Go(re, r, le, s, ht, ln), Ho(r, I, re, s, ln, N), zo(r, re, n, v ?? 0, s, ht);
-  const { stopPrefetch: fn } = jo(r, I, re, s, Be, N);
+  }, [k, s, we, y, n, t, st, _]), Go(re, r, le, s, ht, cn), Ho(r, I, re, s, cn, N), zo(r, re, n, v ?? 0, s, ht);
+  const { stopPrefetch: un } = jo(r, I, re, s, Be, N);
   Wo(I), L(() => {
-    Fe.current = fn;
-  }, [fn]);
+    Fe.current = un;
+  }, [un]);
   const Hr = U(() => {
     const M = r.current?.parentElement;
     M && (document.fullscreenElement ? document.exitFullscreen().catch((B) => C("ui", "exitFullscreen failed", Y(B))) : M.requestFullscreen().catch((B) => C("ui", "requestFullscreen failed", Y(B))));
   }, []), Ur = U((M) => {
     M.preventDefault();
-  }, []), jr = st && De[z] ? De[z].url : null;
+  }, []), jr = rt && De[z] ? De[z].url : null;
   return /* @__PURE__ */ A(
     "div",
     {
@@ -6009,8 +6009,8 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
           {
             subtitleUrl: jr,
             videoRef: r,
-            style: on,
-            enabled: st
+            style: an,
+            enabled: rt
           }
         ),
         /* @__PURE__ */ d(Yi, { mediaId: n, visible: o }),
@@ -6025,22 +6025,22 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
             audioTracks: ye,
             selectedAudioIndex: we,
             onAudioSelect: (M) => {
-              rt(M);
+              nt(M);
               const B = ye[M];
-              B?.lang && kt(B.lang);
+              B?.lang && Mt(B.lang);
             },
             subtitleTracks: De,
             selectedSubtitleIndex: z,
             onSubtitleSelect: he,
-            subtitlesEnabled: st,
+            subtitlesEnabled: rt,
             onSubtitlesToggle: Lr,
-            subtitleStyle: on,
+            subtitleStyle: an,
             onSubtitleStyleChange: Ir,
             onChatActivity: () => c(5e3),
             onMenuHeld: f
           }
         ),
-        Mt && /* @__PURE__ */ A(
+        Et && /* @__PURE__ */ A(
           "button",
           {
             type: "button",
@@ -6055,7 +6055,7 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
             ]
           }
         ),
-        Et.isBuffering && g.ready && /* @__PURE__ */ d("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ A("div", { className: "flex flex-col items-center gap-2", children: [
+        xt.isBuffering && g.ready && /* @__PURE__ */ d("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ A("div", { className: "flex flex-col items-center gap-2", children: [
           /* @__PURE__ */ d("div", { className: "w-8 h-8 border-2 border-text border-t-transparent rounded-full animate-spin" }),
           /* @__PURE__ */ d("div", { className: "px-4 py-2 rounded bg-wp-surface-2/80 text-xs font-medium", children: "Buffering…" })
         ] }) })
@@ -6064,8 +6064,8 @@ function Yo({ mediaUrl: t, indexUrl: e, mediaId: n }) {
   );
 }
 function Xo() {
-  const t = x((n) => n.snapshot.mediaId), e = Ce(() => t ? { mediaId: t, ...Jn(t) } : null, [t]);
-  return e ? /* @__PURE__ */ d(Wt, { children: /* @__PURE__ */ d(Yo, { mediaUrl: e.mediaUrl, indexUrl: e.indexUrl, mediaId: e.mediaId }) }) : /* @__PURE__ */ d($s, {});
+  const t = x((n) => n.snapshot.mediaId), e = Ce(() => t ? { mediaId: t, ...zn(t) } : null, [t]);
+  return e ? /* @__PURE__ */ d(Zn, { children: /* @__PURE__ */ d(Yo, { mediaUrl: e.mediaUrl, indexUrl: e.indexUrl, mediaId: e.mediaId }) }) : /* @__PURE__ */ d($s, {});
 }
 const Zo = (t) => {
   const e = Ks(t);
@@ -6088,17 +6088,17 @@ const Zo = (t) => {
   id: "player",
   name: "Media player",
   load: () => Promise.resolve(ec)
-}, nc = vt(() => import("./MediaDrawer-yoaRrRtv.js")), rc = vt(() => import("./GameModule-Ydp4apeG.js"));
-function sc() {
-  const t = x((u) => u.snapshot), e = x((u) => u.ensureAutoIdentity), n = xt(), r = Ce(
-    () => n?.kind === "module" ? ja(n, window.location.origin) : null,
+}, nc = Jt(() => import("./MediaDrawer-DnJ2bjL7.js"));
+function rc() {
+  const t = x((u) => u.snapshot), e = x((u) => u.ensureAutoIdentity), n = wt(), r = Ce(
+    () => n ? ja(n, window.location.origin) : null,
     [n]
   ), s = Ps(), i = P(!1), [a, l] = $(!1), o = s.roomKey || null;
   Mi(), L(() => ki(), []), L(() => {
     o && Ii(o);
   }, [o]), L(() => {
     const u = () => l(!0);
-    return window.addEventListener(Gt, u), () => window.removeEventListener(Gt, u);
+    return window.addEventListener(jt, u), () => window.removeEventListener(jt, u);
   }, []), L(() => {
     if (!o || i.current) return;
     let u = !1;
@@ -6109,7 +6109,7 @@ function sc() {
           Promise.all([
             Bs(),
             Ds(),
-            Os().then(Kn)
+            Os().then(Wn)
           ]),
           new Promise((m) => setTimeout(m, f))
         ]);
@@ -6134,9 +6134,8 @@ function sc() {
   }
   return o ? /* @__PURE__ */ A("div", { className: "relative flex-1 flex overflow-hidden min-h-0", children: [
     /* @__PURE__ */ A("div", { className: "flex-1 relative bg-black overflow-hidden min-w-0", children: [
-      /* @__PURE__ */ d(xn, { activity: tc, roomKey: t.roomId ?? "", layer: "base" }),
-      n?.kind === "iframe" && /* @__PURE__ */ d(Wt, { children: /* @__PURE__ */ d(et.Suspense, { fallback: null, children: /* @__PURE__ */ d(rc, {}) }) }),
-      r && t.roomId && /* @__PURE__ */ d(Wt, { children: /* @__PURE__ */ d(xn, { activity: r, roomKey: t.roomId, layer: "overlay" }, r.id) }),
+      /* @__PURE__ */ d(wn, { activity: tc, roomKey: t.roomId ?? "", layer: "base" }),
+      r && t.roomId && /* @__PURE__ */ d(Zn, { children: /* @__PURE__ */ d(wn, { activity: r, roomKey: t.roomId, layer: "overlay" }, r.id) }),
       /* @__PURE__ */ A(oi, { children: [
         /* @__PURE__ */ d(Qa, {}),
         /* @__PURE__ */ d(si, {}),
@@ -6145,27 +6144,27 @@ function sc() {
       ] })
     ] }),
     /* @__PURE__ */ d(Oa, {}),
-    /* @__PURE__ */ d(et.Suspense, { fallback: /* @__PURE__ */ d(Va, { open: a, onClose: c }), children: /* @__PURE__ */ d(nc, { open: a, onClose: c }) })
+    /* @__PURE__ */ d(lt.Suspense, { fallback: /* @__PURE__ */ d(Va, { open: a, onClose: c }), children: /* @__PURE__ */ d(nc, { open: a, onClose: c }) })
   ] }) : (C("room", "No room key provided"), /* @__PURE__ */ d("div", { className: "flex-1 flex items-center justify-center p-6", children: /* @__PURE__ */ A("div", { className: "text-text-secondary", children: [
     "No room key provided. Go to the ",
     /* @__PURE__ */ d("a", { href: "/", className: "underline", children: "home page" }),
     " to select a room."
   ] }) }));
 }
-const gc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const mc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: sc
+  default: rc
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  hc as B,
+  fc as B,
   Ka as D,
-  gc as R,
-  pc as S,
+  mc as R,
+  hc as S,
   Wa as a,
   Ci as b,
-  fc as c,
-  nt as d,
-  mc as s,
-  nn as u
+  uc as c,
+  tt as d,
+  pc as s,
+  tn as u
 };
-//# sourceMappingURL=Room-C7keqQhT.js.map
+//# sourceMappingURL=Room-H5597D2i.js.map