@hadoku/watchparty-ui 0.44.16 → 0.44.19

package/dist/chunks/{Room-CoE8L9aw.js → Room-C1DWAuT8.js}

@@ -1,14 +1,14 @@
 import { jsx as l, jsxs as k, Fragment as be } from "react/jsx-runtime";
 import Ke, { useState as B, useRef as L, useEffect as N, useCallback as O, useMemo as ke, Component as Br, useContext as Dr, createContext as Pr, useId as Or, useEffectEvent as dt } from "react";
-import { k as Hr, M as Ur, m as jr, f as Gr, a as Wr, b as st, c as jt, i as Vr, S as Kr, r as ft, d as w, e as ue, h as S, p as Ln, j as De, A as Gt, D as et, w as A, l as zr, n as Jr, o as $n, q as Bn, t as Dn, v as Qr, L as qr, x as Xr, y as Yr, z as pt, B as Zr, E as es, F as ts, G as ns, H as rs, I as Pn, J as Wt, K as On, N as Hn, O as ss, P as as, Q as Me, R as Vt, s as Kt, T as dn, U as xt, V as is, W as Un, X as os, Y as cs, Z as jn, _ as Se, g as ls, $ as Gn, a0 as Wn, a1 as We, a2 as ds, a3 as us, a4 as fs, a5 as hs, a6 as ps, a7 as un, a8 as Oe, a9 as ms, aa as fn, ab as gs, ac as bs, ad as hn, ae as ys, af as vs, ag as Ss, ah as ws, ai as xs, aj as pn, ak as mn, al as Vn, am as Kn, an as gn, ao as Es, ap as ct, aq as Ms, ar as ks, as as _s, at as As, au as Ts, av as Cs, aw as Is, ax as Rs, ay as Fs, az as Ns } from "./index-Buah62TP.js";
+import { k as Ur, M as Hr, m as jr, f as Gr, a as Wr, b as st, c as jt, i as Vr, S as Kr, r as ft, d as w, e as ue, h as S, j as De, A as Gt, D as et, w as A, l as zr, n as Jr, o as Ln, p as $n, q as Bn, t as Qr, L as qr, v as Xr, x as Yr, y as pt, z as Zr, B as es, E as ts, F as ns, G as Dn, H as Wt, I as Pn, J as On, K as rs, N as ss, O as Me, P as Vt, s as Kt, Q as dn, T as xt, R as as, U as Un, V as is, W as os, X as Hn, Y as Se, g as cs, Z as jn, _ as Gn, $ as We, a0 as ls, a1 as ds, a2 as us, a3 as fs, a4 as hs, a5 as un, a6 as Oe, a7 as ps, a8 as fn, a9 as ms, aa as gs, ab as hn, ac as bs, ad as ys, ae as vs, af as Ss, ag as ws, ah as pn, ai as mn, aj as Wn, ak as Vn, al as gn, am as xs, an as ct, ao as Es, ap as Ms, aq as ks, ar as _s, as as As, at as Ts, au as Cs, av as Is, aw as Rs, ax as Fs } from "./index-DWgUNApo.js";
 import { createPortal as mt } from "react-dom";
-import { Icon as at, THEMES as Ls, useHadokuThemeOptional as $s } from "@wolffm/themes";
-import { HadokuThemePicker as Bs, ConnectedSettings as Ds } from "@wolffm/task-ui-components";
-import { createRoot as Ps } from "react-dom/client";
-function Os(n) {
+import { Icon as at, THEMES as Ns, useHadokuThemeOptional as Ls } from "@wolffm/themes";
+import { HadokuThemePicker as $s, ConnectedSettings as Bs } from "@wolffm/task-ui-components";
+import { createRoot as Ds } from "react-dom/client";
+function Ps(n) {
   return n.kind === "file";
 }
-class zn extends Error {
+class Kn extends Error {
   constructor(e) {
     super(e), this.name = "ChatImageUploadError";
   }
@@ -33,42 +33,42 @@ function ut(n) {
       return "Image upload failed";
   }
 }
-function Hs(n) {
-  return n instanceof st ? ut(n.reason) : n instanceof zn ? n.message : "Image upload failed";
+function Os(n) {
+  return n instanceof st ? ut(n.reason) : n instanceof Kn ? n.message : "Image upload failed";
 }
 function Us(n) {
   const e = n.type.toLowerCase().split(";")[0].trim();
-  return e && Hr(e) !== "image" ? ut("unsupported-type") : n.size > Ur.image ? ut("too-large") : n.size === 0 ? ut("invalid") : null;
+  return e && Ur(e) !== "image" ? ut("unsupported-type") : n.size > Hr.image ? ut("too-large") : n.size === 0 ? ut("invalid") : null;
 }
-function js(n) {
+function Hs(n) {
   return Gr(n);
 }
-function Gs(n) {
+function js(n) {
   return Wr(n);
 }
-async function Ws(n) {
+async function Gs(n) {
   const e = await jr(n);
   return { w: e?.width ?? 0, h: e?.height ?? 0 };
 }
-async function Vs(n, e = {}) {
+async function Ws(n, e = {}) {
   const t = await jt().upload(n, { signal: e.signal });
   if (!Vr(t.key))
-    throw new zn("Image upload returned an unusable key");
+    throw new Kn("Image upload returned an unusable key");
   return { key: t.key, deduplicated: t.deduplicated === !0 };
 }
-async function Ks(n, e = {}) {
+async function Vs(n, e = {}) {
   const t = [];
   for (const r of n) {
     if (r.kind === "remote") {
       t.push({ key: r.key, w: r.w, h: r.h, ...r.title ? { title: r.title } : {} });
       continue;
     }
-    const { key: s } = await Vs(r.file, e);
+    const { key: s } = await Ws(r.file, e);
     t.push({ key: s, w: r.w, h: r.h });
   }
   return t;
 }
-function zs(n) {
+function Ks(n) {
   return {
     error: n instanceof Error ? n.message : String(n),
     name: n instanceof Error ? n.name : typeof n,
@@ -76,14 +76,14 @@ function zs(n) {
     status: n instanceof st ? n.status : void 0
   };
 }
-function Js(n) {
+function zs(n) {
   const e = L(n);
   return N(() => {
     e.current = n;
   }), [e, `${n.cdnBase}|${n.uploadPath}`];
 }
-function Qs(n, e, t, r = {}) {
-  const { limit: s, debounceMs: i = Kr } = r, [a, d] = Js(n), [c, o] = B([]), [u, f] = B(null), [h, v] = B(!1), [y, p] = B(null), [g, C] = B(0), b = L(null);
+function Js(n, e, t, r = {}) {
+  const { limit: s, debounceMs: i = Kr } = r, [a, d] = zs(n), [c, o] = B([]), [u, f] = B(null), [h, v] = B(!1), [y, p] = B(null), [g, C] = B(0), b = L(null);
   N(() => {
     C(0), f(null);
   }, [t, e]), N(() => {
@@ -127,19 +127,19 @@ function Qs(n, e, t, r = {}) {
   }, [h, u]);
   return { items: c, loading: h, error: y, hasMore: u !== null, loadMore: M };
 }
-const Bt = 240, Ne = 8, qs = 28, Jn = 240;
-function Xs(n, e, t) {
+const Bt = 240, Ne = 8, Qs = 28, zn = 240;
+function qs(n, e, t) {
   let r = e.left - Bt - Ne;
   r < Ne && (r = e.right + Ne), r = Math.min(r, t.width - Bt - Ne), r = Math.max(Ne, r);
-  const s = Jn + qs;
+  const s = zn + Qs;
   let i = n.top + n.height / 2 - s / 2;
   return i = Math.min(i, t.height - s - Ne), i = Math.max(Ne, i), { left: r, top: i };
 }
-const Qn = "/dataplatform/api/memes", Ys = 120;
-function Zs({ onClose: n, onPick: e, onUnavailable: t }) {
-  const [r, s] = B(""), i = L(null), a = L(null), d = jt(), { items: c, loading: o, error: u, hasMore: f, loadMore: h } = Qs(
+const Jn = "/dataplatform/api/memes", Xs = 120;
+function Ys({ onClose: n, onPick: e, onUnavailable: t }) {
+  const [r, s] = B(""), i = L(null), a = L(null), d = jt(), { items: c, loading: o, error: u, hasMore: f, loadMore: h } = Js(
     d,
-    Qn,
+    Jn,
     r.trim()
   ), v = u?.reason ?? null, y = ke(() => {
     const m = /* @__PURE__ */ new Set();
@@ -154,12 +154,12 @@ function Zs({ onClose: n, onPick: e, onUnavailable: t }) {
       if (!G) return;
       const P = () => g({
         item: m,
-        ...Xs(_.getBoundingClientRect(), G.getBoundingClientRect(), {
+        ...qs(_.getBoundingClientRect(), G.getBoundingClientRect(), {
           width: window.innerWidth,
           height: window.innerHeight
         })
       });
-      b(), T ? P() : C.current = window.setTimeout(P, Ys);
+      b(), T ? P() : C.current = window.setTimeout(P, Xs);
     },
     [b]
   );
@@ -288,7 +288,7 @@ function Zs({ onClose: n, onPick: e, onUnavailable: t }) {
                   src: ft(p.item.key) ?? void 0,
                   alt: "",
                   className: "block w-full rounded bg-bg object-contain",
-                  style: { height: "auto", maxHeight: Jn }
+                  style: { height: "auto", maxHeight: zn }
                 }
               ),
               p.item.title && /* One line. A long title must not change the box height, because
@@ -301,20 +301,20 @@ function Zs({ onClose: n, onPick: e, onUnavailable: t }) {
     }
   );
 }
-function qn({ open: n, ...e }) {
-  return n ? /* @__PURE__ */ l(Zs, { ...e }) : null;
+function Qn({ open: n, ...e }) {
+  return n ? /* @__PURE__ */ l(Ys, { ...e }) : null;
 }
-function ea(n) {
+function Zs(n) {
   return typeof n == "object" && n !== null && typeof n.mount == "function";
 }
-function ta(n) {
+function ea(n) {
   if (typeof n != "object" || n === null)
     return !1;
   const e = n;
   return typeof e.unmount == "function" && typeof e.update == "function" && (e.mountSettings === void 0 || typeof e.mountSettings == "function");
 }
 const Dt = "watchparty:open-media-drawer";
-function Xn(n) {
+function qn(n) {
   w("navigation", `Select Media clicked (${n})`), window.dispatchEvent(new CustomEvent(Dt));
 }
 class Pt extends Br {
@@ -354,21 +354,27 @@ function Jt(n) {
 function Qt(n) {
   return n.isLeader ? Jt(n) ? n.gameOverlay && !n.isFullscreen ? "room-corner" : "control-bar" : "chat-toolbar" : "none";
 }
-function na(n) {
+function Xn(n, e) {
+  if (e) {
+    for (const t of Object.values(n))
+      if (t.author === e && t.avatarUrl) return t.avatarUrl;
+  }
+}
+function ta(n) {
   return !(n.button !== 0 || n.ctrlKey || n.metaKey || n.shiftKey || n.altKey);
 }
-const ra = Pr(null);
-function sa() {
-  return Dr(ra);
+const na = Pr(null);
+function ra() {
+  return Dr(na);
 }
-function aa({ src: n, title: e, onClose: t }) {
+function sa({ src: n, title: e, onClose: t }) {
   N(() => {
     const i = (a) => {
       a.key === "Escape" && (a.stopPropagation(), t());
     };
     return document.addEventListener("keydown", i, !0), () => document.removeEventListener("keydown", i, !0);
   }, [t]);
-  const r = sa(), s = typeof document > "u" ? null : document.fullscreenElement ?? r ?? document.body;
+  const r = ra(), s = typeof document > "u" ? null : document.fullscreenElement ?? r ?? document.body;
   return s ? mt(
     /* @__PURE__ */ k(
       "div",
@@ -407,11 +413,11 @@ function aa({ src: n, title: e, onClose: t }) {
     s
   ) : null;
 }
-const Et = 240, ia = 320;
-function oa({ image: n }) {
+const Et = 240, aa = 320;
+function ia({ image: n }) {
   const [e, t] = B(!1), r = ft(n.key);
   if (!r) return null;
-  const s = n.w > 0 && n.h > 0, i = s ? Math.min(1, ia / n.w, Et / n.h) : 1;
+  const s = n.w > 0 && n.h > 0, i = s ? Math.min(1, aa / n.w, Et / n.h) : 1;
   return /* @__PURE__ */ k(be, { children: [
     /* @__PURE__ */ l(
       "a",
@@ -422,7 +428,7 @@ function oa({ image: n }) {
         className: "block max-w-full cursor-zoom-in",
         "data-testid": "chat-image",
         onClick: (a) => {
-          na(a) && (a.preventDefault(), t(!0));
+          ta(a) && (a.preventDefault(), t(!0));
         },
         children: /* @__PURE__ */ l(
           "img",
@@ -440,7 +446,7 @@ function oa({ image: n }) {
       }
     ),
     e && /* @__PURE__ */ l(
-      aa,
+      sa,
       {
         src: r,
         title: n.title,
@@ -450,16 +456,16 @@ function oa({ image: n }) {
   ] });
 }
 function Yn({ images: n }) {
-  return n?.length ? /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-1 mt-1", "data-testid": "chat-images", children: n.map((e, t) => /* @__PURE__ */ l(oa, { image: e }, `${e.key}-${t}`)) }) : null;
+  return n?.length ? /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-1 mt-1", "data-testid": "chat-images", children: n.map((e, t) => /* @__PURE__ */ l(ia, { image: e }, `${e.key}-${t}`)) }) : null;
 }
-function ca(n, e) {
+function oa(n, e) {
   return n.author && e.author ? n.author === e.author : !!e.clientId && n.clientId === e.clientId;
 }
 function Mt(n) {
   return new Date(n).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
 }
-const la = Ke.memo(function({ message: e }) {
-  const t = S((d) => d.me.clientId), r = S((d) => d.me.clientId ? d.roster[d.me.clientId]?.author : void 0), s = ca(e, { clientId: t, author: r }), i = S((d) => Ln(d.roster, e.author));
+const ca = Ke.memo(function({ message: e }) {
+  const t = S((d) => d.me.clientId), r = S((d) => d.me.clientId ? d.roster[d.me.clientId]?.author : void 0), s = oa(e, { clientId: t, author: r }), i = S((d) => Xn(d.roster, e.author));
   if (e.isSystem && e.systemType === "recap")
     return /* @__PURE__ */ l("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ k("div", { className: "border-l-2 border-border-light pl-2.5 py-0.5", children: [
       /* @__PURE__ */ k("div", { className: "text-[10px] uppercase tracking-wide text-text-muted mb-0.5", children: [
@@ -493,7 +499,7 @@ const la = Ke.memo(function({ message: e }) {
     ] })
   ] });
 });
-function da() {
+function la() {
   const n = S((s) => s.chat), e = L(null), t = L(!1), r = O(() => {
     const s = e.current;
     if (!s) return;
@@ -517,7 +523,7 @@ function da() {
             /* @__PURE__ */ l("span", { className: "text-[10px] text-text-muted whitespace-nowrap", children: new Date(s.ts).toLocaleDateString([], { weekday: "short", month: "short", day: "numeric" }) }),
             /* @__PURE__ */ l("div", { className: "flex-1 h-px bg-border" })
           ] }),
-          /* @__PURE__ */ l(la, { message: s })
+          /* @__PURE__ */ l(ca, { message: s })
         ] }, s.id);
       }) })
     }
@@ -544,12 +550,12 @@ const qt = [
     scope: "local"
   }
 ], ze = "/";
-function ua(n) {
+function da(n) {
   if (!n.startsWith(ze)) return null;
   const e = n.slice(ze.length);
   return /\s/.test(e) ? null : e.toLowerCase();
 }
-function fa(n, e = qt) {
+function ua(n, e = qt) {
   const t = n.toLowerCase();
   if (!t) return [...e].sort((s, i) => s.name.localeCompare(i.name));
   const r = [];
@@ -559,23 +565,23 @@ function fa(n, e = qt) {
   }
   return r.sort((s, i) => s.rank - i.rank || s.cmd.name.localeCompare(i.cmd.name)).map((s) => s.cmd);
 }
-function ha(n) {
+function fa(n) {
   return `${ze}${n.name} `;
 }
 function kt(n, e) {
   return e <= 0 ? 0 : (n % e + e) % e;
 }
-function pa(n, e = qt) {
+function ha(n, e = qt) {
   const t = n.trim();
   if (!t) return null;
   if (!t.startsWith(ze)) return { kind: "chat", text: t };
   const r = t.slice(ze.length), s = r.search(/\s/), i = (s === -1 ? r : r.slice(0, s)).toLowerCase(), a = s === -1 ? "" : r.slice(s).trim(), d = e.find((c) => c.name.toLowerCase() === i);
   return d ? { kind: "command", command: d, args: a } : { kind: "chat", text: t };
 }
-function ma(n, e) {
+function pa(n, e) {
   return n.requiresMedia && !e.hasMedia ? `${ze}${n.name} needs an episode loaded.` : null;
 }
-function ga({
+function ma({
   commands: n,
   activeIndex: e,
   hasMedia: t,
@@ -651,7 +657,7 @@ function er() {
     i.current.clear();
   }, []);
   const a = O((p) => {
-    Os(p) && (URL.revokeObjectURL(p.previewUrl), i.current.delete(p.previewUrl));
+    Ps(p) && (URL.revokeObjectURL(p.previewUrl), i.current.delete(p.previewUrl));
   }, []), d = O(async (p) => {
     if (!p.length) return;
     const g = [];
@@ -661,7 +667,7 @@ function er() {
         s("error", b);
         continue;
       }
-      const { w: M, h: x } = await Ws(C), F = URL.createObjectURL(C);
+      const { w: M, h: x } = await Gs(C), F = URL.createObjectURL(C);
       i.current.add(F), g.push({
         kind: "file",
         id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
@@ -696,7 +702,7 @@ function er() {
       w: p.width ?? 0,
       h: p.height ?? 0,
       title: p.title || void 0
-    }]), jt().catalogue(Qn).recordUse(p.key));
+    }]), jt().catalogue(Jn).recordUse(p.key));
   }, [s]), o = O((p) => {
     e((g) => {
       const C = g.find((b) => b.id === p);
@@ -708,10 +714,10 @@ function er() {
       return [];
     });
   }, [a]), f = O((p) => {
-    const g = js(p.clipboardData);
+    const g = Hs(p.clipboardData);
     g.length && (p.preventDefault(), d(g));
   }, [d]), h = O((p) => {
-    const g = Gs(p.dataTransfer);
+    const g = js(p.dataTransfer);
     g.length && (p.preventDefault(), d(g));
   }, [d]), v = O((p) => {
     p.dataTransfer?.types?.includes("Files") && p.preventDefault();
@@ -719,9 +725,9 @@ function er() {
     if (!n.length) return [];
     r(!0);
     try {
-      return await Ks(n);
+      return await Vs(n);
     } catch (p) {
-      return A("chat", "Image upload failed", zs(p)), s("error", Hs(p)), null;
+      return A("chat", "Image upload failed", Ks(p)), s("error", Os(p)), null;
     } finally {
       r(!1);
     }
@@ -739,18 +745,18 @@ function er() {
     onDragOver: v
   };
 }
-const bn = Dn, ba = Bn;
-function ya({ commands: n = qt }) {
-  const [e, t] = B(""), [r, s] = B(!1), [i, a] = B({ q: null, i: 0 }), [d, c] = B(!1), o = L(null), u = Or(), [f, h] = B(!1), [v, y] = B(!1), p = er(), g = S((R) => R.snapshot.mediaId), C = S((R) => R.pushToast), b = S((R) => R.setTierlistOpen), M = !!g, x = ua(e), F = ke(
-    () => x === null ? [] : fa(x, n),
+const bn = Bn, ga = $n;
+function ba({ commands: n = qt }) {
+  const [e, t] = B(""), [r, s] = B(!1), [i, a] = B({ q: null, i: 0 }), [d, c] = B(!1), o = L(null), u = Or(), [f, h] = B(!1), [v, y] = B(!1), p = er(), g = S((R) => R.snapshot.mediaId), C = S((R) => R.pushToast), b = S((R) => R.setTierlistOpen), M = !!g, x = da(e), F = ke(
+    () => x === null ? [] : ua(x, n),
     [x, n]
   ), I = x !== null && !d && F.length > 0, $ = i.q === x ? kt(i.i, F.length) : 0, m = O(
     (R) => a({ q: x, i: R }),
     [x]
   ), _ = O((R, V) => {
-    const U = ma(R, { hasMedia: M });
-    if (U) {
-      C("info", U);
+    const H = pa(R, { hasMedia: M });
+    if (H) {
+      C("info", H);
       return;
     }
     switch (R.name) {
@@ -767,10 +773,10 @@ function ya({ commands: n = qt }) {
         C("info", `${R.usage} is not implemented yet.`);
     }
   }, [M, C, n, b]), T = O((R) => {
-    t(ha(R)), c(!1), o.current?.focus();
+    t(fa(R)), c(!1), o.current?.focus();
   }, []), G = O(async (R) => {
     if (R.preventDefault(), r || p.uploading) return;
-    const V = pa(e, n);
+    const V = ha(e, n);
     if (!V && !p.pending.length) return;
     if (V?.kind === "command" && p.pending.length) {
       C("info", "Send images on their own, not with a command.");
@@ -780,8 +786,8 @@ function ya({ commands: n = qt }) {
       _(V.command, V.args), t(""), !document.hidden && document.hasFocus() && o.current?.focus();
       return;
     }
-    const U = await p.uploadPending();
-    U !== null && ($n(V?.text ?? "", U), t(""), p.clear(), s(!0), setTimeout(() => s(!1), ba), !document.hidden && document.hasFocus() && o.current?.focus());
+    const H = await p.uploadPending();
+    H !== null && (Ln(V?.text ?? "", H), t(""), p.clear(), s(!0), setTimeout(() => s(!1), ga), !document.hidden && document.hasFocus() && o.current?.focus());
   }, [e, r, _, p, C, n]), P = O((R) => {
     if (R.key === "Escape" && I) {
       R.preventDefault(), c(!0);
@@ -809,7 +815,7 @@ function ya({ commands: n = qt }) {
     };
     return window.addEventListener("watchparty:focus-chat-input", R), () => window.removeEventListener("watchparty:focus-chat-input", R);
   }, []);
-  const H = bn - e.length, X = H <= 100, ce = I ? F[$] : void 0;
+  const U = bn - e.length, X = U <= 100, ce = I ? F[$] : void 0;
   return /* @__PURE__ */ k(
     "form",
     {
@@ -824,7 +830,7 @@ function ya({ commands: n = qt }) {
         /* @__PURE__ */ l(Zn, { pending: p.pending, uploading: p.uploading, onRemove: p.remove }),
         /* @__PURE__ */ k("div", { className: "relative", children: [
           I && /* @__PURE__ */ l(
-            ga,
+            ma,
             {
               commands: F,
               activeIndex: $,
@@ -835,7 +841,7 @@ function ya({ commands: n = qt }) {
             }
           ),
           /* @__PURE__ */ l(
-            qn,
+            Qn,
             {
               open: f,
               onClose: () => h(!1),
@@ -867,7 +873,7 @@ function ya({ commands: n = qt }) {
                   className: `w-full bg-bg-card border border-border-light rounded px-3 py-1.5 text-sm focus:outline-none focus:border-text-muted ${X ? "pr-12" : ""}`
                 }
               ),
-              /* @__PURE__ */ l("span", { className: `absolute right-2 top-1/2 -translate-y-1/2 text-[10px] ${H <= 50 ? H <= 0 ? "bg-danger-bg text-on-danger-bg px-1 rounded" : "bg-primary-bg text-on-primary-bg px-1 rounded" : "text-text-muted"}`, children: X && H })
+              /* @__PURE__ */ l("span", { className: `absolute right-2 top-1/2 -translate-y-1/2 text-[10px] ${U <= 50 ? U <= 0 ? "bg-danger-bg text-on-danger-bg px-1 rounded" : "bg-primary-bg text-on-primary-bg px-1 rounded" : "text-text-muted"}`, children: X && U })
             ] }),
             !v && /* @__PURE__ */ l(
               "button",
@@ -888,7 +894,7 @@ function ya({ commands: n = qt }) {
     }
   );
 }
-function va() {
+function ya() {
   const n = S((t) => t.roster), e = Object.values(n);
   return e.length ? /* @__PURE__ */ l("div", { className: "flex flex-col gap-1", children: e.map((t) => {
     const r = De(t.sprite);
@@ -908,7 +914,7 @@ function va() {
     ] }, t.clientId);
   }) }) : /* @__PURE__ */ l("div", { className: "text-xs text-text-muted", children: "No users online" });
 }
-function Sa() {
+function va() {
   const n = S((s) => Object.keys(s.roster).length), [e, t] = B(!1), r = L(null);
   return N(() => {
     if (!e) return;
@@ -936,20 +942,20 @@ function Sa() {
         n,
         " online"
       ] }),
-      /* @__PURE__ */ l(va, {})
+      /* @__PURE__ */ l(ya, {})
     ] })
   ] });
 }
-function wa({ leaderId: n, clientId: e, keyType: t }) {
+function Sa({ leaderId: n, clientId: e, keyType: t }) {
   return n !== null ? n === e : t === "leader";
 }
-const xa = /-[0-9a-fA-F]{16}$/;
-function Ea(n) {
-  return n && xa.test(n) ? "leader" : null;
+const wa = /-[0-9a-fA-F]{16}$/;
+function xa(n) {
+  return n && wa.test(n) ? "leader" : null;
 }
-const Ma = /\/room\/([^/]+)\/?$/;
-function ka(n) {
-  const e = n ? Ma.exec(n) : null;
+const Ea = /\/room\/([^/]+)\/?$/;
+function Ma(n) {
+  const e = n ? Ea.exec(n) : null;
   if (!e) return null;
   try {
     return decodeURIComponent(e[1]);
@@ -957,8 +963,8 @@ function ka(n) {
     return e[1];
   }
 }
-function _a(n, e) {
-  return n && e?.roomKey === n ? e.type : Ea(n);
+function ka(n, e) {
+  return n && e?.roomKey === n ? e.type : xa(n);
 }
 function Je() {
   return S((n) => !!n.snapshot.leaderId && n.snapshot.leaderId === n.me.clientId);
@@ -968,28 +974,28 @@ function gt() {
   return n ? e.find((t) => t.id === n) ?? null : null;
 }
 function Xt() {
-  return S((n) => wa({
+  return S((n) => Sa({
     leaderId: n.snapshot.leaderId,
     clientId: n.me.clientId,
-    keyType: _a(ka(globalThis.location?.pathname), n.roomKeyType)
+    keyType: ka(Ma(globalThis.location?.pathname), n.roomKeyType)
   }));
 }
 function tr() {
   return S((n) => n.readiness);
 }
-function Aa() {
+function _a() {
   return S((n) => n.snapshot);
 }
-const Ta = 3e4;
+const Aa = 3e4;
 function nr() {
   const n = tr(), [e, t] = B(!1);
   return N(() => {
     if (t(!1), n.ready) return;
-    const r = setTimeout(() => t(!0), Ta);
+    const r = setTimeout(() => t(!0), Aa);
     return () => clearTimeout(r);
   }, [n.mediaId, n.ready]), e;
 }
-function Ca({ draw: n }) {
+function Ta({ draw: n }) {
   const e = L(null);
   return N(() => {
     const t = e.current;
@@ -997,8 +1003,8 @@ function Ca({ draw: n }) {
       return n(t) ?? void 0;
   }, [n]), /* @__PURE__ */ l("div", { ref: e, "data-testid": "game-settings" });
 }
-const Ia = pt(() => import("./AdminPanel-CJtacvRu.js")), Ra = pt(() => import("./PlaylistPanel-BmKnGMqa.js"));
-function Fa() {
+const Ca = pt(() => import("./AdminPanel-x_k_Hefb.js")), Ia = pt(() => import("./PlaylistPanel-CYNImBh_.js"));
+function Ra() {
   const n = S((h) => h.chatCollapsed), e = zt(), t = S((h) => h.sidebarTab), r = S((h) => h.setSidebarTab), s = S((h) => h.healthSnapshot?.clients.length ?? 0), i = S((h) => !!h.playlist), a = Je(), d = Xt(), c = S((h) => h.gameSettings), o = S((h) => h.snapshot.mediaId), u = gt() !== null;
   if (Jt({ hasMedia: !!o, chatCollapsed: n, isFullscreen: e }))
     return null;
@@ -1021,18 +1027,18 @@ function Fa() {
       Qt({ isLeader: d, hasMedia: !!o, chatCollapsed: n, isFullscreen: e, gameOverlay: u }) === "chat-toolbar" && /* @__PURE__ */ l(
         "button",
         {
-          onClick: () => Xn("chat toolbar"),
+          onClick: () => qn("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",
           children: /* @__PURE__ */ l("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 4h16a1 1 0 011 1v14a1 1 0 01-1 1H4a1 1 0 01-1-1V5a1 1 0 011-1z" }) })
         }
       ),
-      /* @__PURE__ */ l(Bs, {}),
-      /* @__PURE__ */ l(Ds, { onNameChange: (h) => {
+      /* @__PURE__ */ l($s, {}),
+      /* @__PURE__ */ l(Bs, { onNameChange: (h) => {
         h && S.getState().me.clientId && Yr(h);
-      }, children: c ? /* @__PURE__ */ l(Ca, { draw: c }) : null }),
-      /* @__PURE__ */ l(Sa, {})
+      }, children: c ? /* @__PURE__ */ l(Ta, { draw: c }) : null }),
+      /* @__PURE__ */ l(va, {})
     ] }),
     (a || i) && /* @__PURE__ */ k("div", { className: "flex border-b border-border shrink-0", children: [
       /* @__PURE__ */ l(
@@ -1063,38 +1069,37 @@ function Fa() {
         }
       )
     ] }),
-    f === "health" ? /* @__PURE__ */ l(Ke.Suspense, { fallback: /* @__PURE__ */ l("div", { className: "p-4 text-xs text-text-muted", children: "Loading..." }), children: /* @__PURE__ */ l(Ia, {}) }) : f === "playlist" ? /* @__PURE__ */ l(Ke.Suspense, { fallback: /* @__PURE__ */ l("div", { className: "p-4 text-xs text-text-muted", children: "Loading..." }), children: /* @__PURE__ */ l(Ra, {}) }) : /* @__PURE__ */ k(be, { children: [
-      /* @__PURE__ */ l(da, {}),
-      /* @__PURE__ */ l(Zr, {}),
-      /* @__PURE__ */ l(ya, {})
+    f === "health" ? /* @__PURE__ */ l(Ke.Suspense, { fallback: /* @__PURE__ */ l("div", { className: "p-4 text-xs text-text-muted", children: "Loading..." }), children: /* @__PURE__ */ l(Ca, {}) }) : f === "playlist" ? /* @__PURE__ */ l(Ke.Suspense, { fallback: /* @__PURE__ */ l("div", { className: "p-4 text-xs text-text-muted", children: "Loading..." }), children: /* @__PURE__ */ l(Ia, {}) }) : /* @__PURE__ */ k(be, { children: [
+      /* @__PURE__ */ l(la, {}),
+      /* @__PURE__ */ l(ba, {})
     ] })
   ] });
 }
-const yn = (n) => typeof n == "string" && Ls.includes(n);
-function Na(n, e, t) {
+const yn = (n) => typeof n == "string" && Ns.includes(n);
+function Fa(n, e, t) {
   return yn(e) ? e : yn(t) ? t : "dark";
 }
-function La(n, e) {
-  if (!es(n)) return null;
+function Na(n, e) {
+  if (!Zr(n)) return null;
   const t = new URL(n, e);
   return t.origin === e ? t.href : null;
 }
-function $a(n, e) {
-  const t = La(n.url, e);
+function La(n, e) {
+  const t = Na(n.url, e);
   return { id: n.id, name: n.name, load: t ? () => import(
     /* @vite-ignore */
     t
   ) : null };
 }
-const He = (n) => n instanceof Error ? n.message : String(n);
-function Ba(n) {
+const Ue = (n) => n instanceof Error ? n.message : String(n);
+function $a(n) {
   let e = n.ctx, t = null, r = !1, s = !1;
   const i = /* @__PURE__ */ new Set(), a = (h, v) => n.onSettingsError?.(h, v), d = (h) => {
     if (i.delete(h))
       try {
         h.cleanup();
       } catch (v) {
-        a(`the game's settings failed to close: ${He(v)}`, v);
+        a(`the game's settings failed to close: ${Ue(v)}`, v);
       }
   }, c = (h) => {
     for (const v of [...i]) d(v);
@@ -1104,7 +1109,7 @@ function Ba(n) {
     try {
       h.unmount();
     } catch (v) {
-      s || n.onError(`unmount threw: ${He(v)}`, v);
+      s || n.onError(`unmount threw: ${Ue(v)}`, v);
     }
   }, u = (h, v) => {
     if (s || r) return;
@@ -1116,7 +1121,7 @@ function Ba(n) {
       try {
         t.update(h);
       } catch (v) {
-        u(`the game failed to update: ${He(v)}`, v);
+        u(`the game failed to update: ${Ue(v)}`, v);
       }
   };
   return (async () => {
@@ -1124,11 +1129,11 @@ function Ba(n) {
     try {
       h = await n.load();
     } catch (p) {
-      u(`could not load the game: ${He(p)}`, p);
+      u(`could not load the game: ${Ue(p)}`, p);
       return;
     }
     if (r) return;
-    if (!ea(h)) {
+    if (!Zs(h)) {
       u("the game module does not export mount()");
       return;
     }
@@ -1137,10 +1142,10 @@ function Ba(n) {
     try {
       y = await h.mount(n.el, v);
     } catch (p) {
-      u(`the game failed to start: ${He(p)}`, p);
+      u(`the game failed to start: ${Ue(p)}`, p);
       return;
     }
-    if (!ta(y)) {
+    if (!ea(y)) {
       u("the game's mount() did not return { unmount, update }");
       return;
     }
@@ -1161,7 +1166,7 @@ function Ba(n) {
       try {
         y = v.mountSettings(h);
       } catch (g) {
-        return a(`the game's settings failed to open: ${He(g)}`, g), null;
+        return a(`the game's settings failed to open: ${Ue(g)}`, g), null;
       }
       if (typeof y != "function")
         return a("the game's mountSettings() did not return a cleanup function"), null;
@@ -1171,18 +1176,18 @@ function Ba(n) {
   };
 }
 function vn({ activity: n, roomKey: e, layer: t }) {
-  const r = L(null), s = L(null), [i, a] = B(null), [d, c] = B(!1), o = S((x) => x.snapshot.leaderId), u = S((x) => x.me.clientId), f = !!o && o === u, h = S((x) => x.name), v = $s()?.theme, y = Na(void 0, v, ts().theme), p = ke(() => ({
+  const r = L(null), s = L(null), [i, a] = B(null), [d, c] = B(!1), o = S((x) => x.snapshot.leaderId), u = S((x) => x.me.clientId), f = !!o && o === u, h = S((x) => x.name), v = Ls()?.theme, y = Fa(void 0, v, es().theme), p = ke(() => ({
     roomKey: e,
     identity: {
       // The registry userId — what RoomChrome's `userId` prop is.
-      userId: rs(),
-      userType: ns(),
+      userId: ns(),
+      userType: ts(),
       name: h || null
     },
     theme: y,
     isLeader: f,
     close: () => {
-      w("game", "bundle close", { gameId: n.id, isLeader: f, layer: t }), t !== "base" && (f ? Pn(null) : c(!0));
+      w("game", "bundle close", { gameId: n.id, isLeader: f, layer: t }), t !== "base" && (f ? Dn(null) : c(!0));
     }
   }), [e, h, y, f, n.id, t]), g = dt(() => p), C = dt((x, F) => {
     A("game", "bundle failed", { gameId: n.id, message: x, cause: String(F) }), a(x);
@@ -1193,7 +1198,7 @@ function vn({ activity: n, roomKey: e, layer: t }) {
     const x = r.current, F = n.load;
     if (!x || !F || d) return;
     w("game", "bundle mount", { gameId: n.id });
-    const { setGameSettings: I } = S.getState(), $ = (_) => m.mountSettings(_), m = Ba({
+    const { setGameSettings: I } = S.getState(), $ = (_) => m.mountSettings(_), m = $a({
       load: F,
       el: x,
       ctx: g(),
@@ -1231,8 +1236,8 @@ function vn({ activity: n, roomKey: e, layer: t }) {
     }
   );
 }
-const Da = "drawer-btn";
-function Pa({ open: n, onClose: e, header: t, footer: r, children: s }) {
+const Ba = "drawer-btn";
+function Da({ open: n, onClose: e, header: t, footer: r, children: s }) {
   return N(() => {
     if (!n) return;
     function i(a) {
@@ -1246,7 +1251,7 @@ function Pa({ open: n, onClose: e, header: t, footer: r, children: s }) {
       onClick: (i) => i.stopPropagation(),
       children: [
         /* @__PURE__ */ k("div", { className: "p-3 border-b border-border flex items-center gap-2 text-sm", children: [
-          /* @__PURE__ */ l("button", { onClick: e, className: Da, children: "Close" }),
+          /* @__PURE__ */ l("button", { onClick: e, className: Ba, children: "Close" }),
           t
         ] }),
         s,
@@ -1255,10 +1260,10 @@ function Pa({ open: n, onClose: e, header: t, footer: r, children: s }) {
     }
   ) }) : null;
 }
-function Oa({ open: n, onClose: e }) {
-  return /* @__PURE__ */ l(Pa, { open: n, onClose: e, children: /* @__PURE__ */ l("div", { className: "px-4 py-3 text-xs text-text-muted", children: "Loading…" }) });
+function Pa({ open: n, onClose: e }) {
+  return /* @__PURE__ */ l(Da, { open: n, onClose: e, children: /* @__PURE__ */ l("div", { className: "px-4 py-3 text-xs text-text-muted", children: "Loading…" }) });
 }
-const rr = 9e3, Sn = 1500, Ha = {
+const rr = 9e3, Sn = 1500, Oa = {
   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)]",
@@ -1268,7 +1273,7 @@ function Ua({ message: n, age: e, ccStyle: t }) {
   const r = rr - Sn;
   let s = 1;
   e > r && (s = Math.max(0, 1 - (e - r) / Sn));
-  const i = Ha[t], a = De(n.sprite), d = S((c) => Ln(c.roster, n.author));
+  const i = Oa[t], a = De(n.sprite), d = S((c) => Xn(c.roster, n.author));
   return /* @__PURE__ */ k(
     "div",
     {
@@ -1293,7 +1298,7 @@ function Ua({ message: n, age: e, ccStyle: t }) {
     }
   );
 }
-function ja() {
+function Ha() {
   const n = S((f) => f.chat), e = S((f) => f.chatCollapsed), t = S((f) => f.floatingChatEnabled), r = S((f) => f.mediaPrefs.subtitleStyle), [s, i] = B(!1), [a, d] = B(Date.now());
   N(() => {
     const f = () => {
@@ -1329,18 +1334,18 @@ function ja() {
     }
   );
 }
-const Ga = 2;
+const ja = 2;
 function sr(n) {
   return n.duration_ms > 0 && n.duration_ms - n.playhead_ms <= Wt;
 }
 function ar(n) {
   const e = n.video_ready_state ?? -1;
-  return e < 0 ? !0 : !(e <= Ga && n.buffered_ahead_ms > Wt);
+  return e < 0 ? !0 : !(e <= ja && n.buffered_ahead_ms > Wt);
 }
-function nc(n) {
-  return n.playhead_ms === 0 && !n.is_buffering && n.buffered_ahead_ms === 0 ? "idle" : n.is_buffering ? "buffering" : sr(n) ? "healthy" : !ar(n) || n.buffered_ahead_ms <= On ? "critical" : n.buffered_ahead_ms <= Wt ? "warning" : "healthy";
+function tc(n) {
+  return n.playhead_ms === 0 && !n.is_buffering && n.buffered_ahead_ms === 0 ? "idle" : n.is_buffering ? "buffering" : sr(n) ? "healthy" : !ar(n) || n.buffered_ahead_ms <= Pn ? "critical" : n.buffered_ahead_ms <= Wt ? "warning" : "healthy";
 }
-const rc = {
+const nc = {
   idle: "Idle",
   buffering: "Buffering",
   critical: "Critical",
@@ -1390,14 +1395,14 @@ function ur() {
 function fr() {
   _t(587, 1174, 3, 320, 0.12, 0), _t(880, 1760, 3, 320, 0.12, 0.06), _t(884, 1768, 3, 320, 0.08, 0.06);
 }
-Hn("__WP_SOUNDS__", {
+On("__WP_SOUNDS__", {
   start: lr,
   finish: fr,
   on: dr,
   off: ur
 });
 const wn = { on: 0, off: 0 };
-function Wa(n, e, t, r) {
+function Ga(n, e, t, r) {
   if (!t || !r) return wn;
   const s = new Set(n), i = new Set(e);
   let a = 0;
@@ -1406,15 +1411,15 @@ function Wa(n, e, t, r) {
   for (const c of s) i.has(c) || d++;
   return a === 0 && d === 0 ? wn : { on: a, off: d };
 }
-const Va = 1200, he = 52, ht = 4, Ot = (he - ht) / 2, xn = 2 * Math.PI * Ot, Te = he - ht * 2 - 4;
-function Ka(n) {
+const Wa = 1200, he = 52, ht = 4, Ot = (he - ht) / 2, xn = 2 * Math.PI * Ot, Te = he - ht * 2 - 4;
+function Va(n) {
   return sr(n) ? !0 : ar(n) ? n.buffered_ahead_ms >= Me : !1;
 }
-function za(n) {
+function Ka(n) {
   return `hsl(${Math.round(n * 120)}, 90%, 55%)`;
 }
-function Ja({ client: n, fading: e, onFadeEnd: t }) {
-  const r = Math.min(1, n.buffered_ahead_ms / Me), s = xn * (1 - r), i = za(r), a = De(n.sprite_id);
+function za({ client: n, fading: e, onFadeEnd: t }) {
+  const r = Math.min(1, n.buffered_ahead_ms / Me), s = xn * (1 - r), i = Ka(r), a = De(n.sprite_id);
   return /* @__PURE__ */ k(
     "div",
     {
@@ -1422,7 +1427,7 @@ function Ja({ client: n, fading: e, onFadeEnd: t }) {
       "data-client-id": n.client_id,
       className: "flex flex-col items-center gap-1",
       style: e ? {
-        animation: `bufferFadeOut ${Va}ms ease forwards`
+        animation: `bufferFadeOut ${Wa}ms ease forwards`
       } : void 0,
       onAnimationEnd: e ? t : void 0,
       children: [
@@ -1500,7 +1505,7 @@ function Ja({ client: n, fading: e, onFadeEnd: t }) {
     }
   );
 }
-function Qa({ clientId: n, sprite: e, name: t, isReady: r, isSelf: s, onToggle: i }) {
+function Ja({ clientId: n, sprite: e, name: t, isReady: r, isSelf: s, onToggle: i }) {
   const a = De(e || ""), d = r ? "rgba(34,197,94,0.92)" : "rgba(120,120,120,0.85)", c = r ? /* @__PURE__ */ l(at, { name: "tick" }) : /* @__PURE__ */ l(at, { name: "hourglass" });
   return /* @__PURE__ */ k(
     "button",
@@ -1571,7 +1576,7 @@ function Qa({ clientId: n, sprite: e, name: t, isReady: r, isSelf: s, onToggle:
     }
   );
 }
-function qa() {
+function Qa() {
   const n = S((I) => I.bufferStatus), e = S((I) => I.readyCheck), t = S((I) => I.roster), r = S((I) => I.me.clientId), s = S((I) => I.snapshot.playing), i = Je(), [a, d] = B([]), c = L(/* @__PURE__ */ new Map()), o = L(/* @__PURE__ */ new Set());
   N(() => {
     if (!n || n.clients.length === 0) {
@@ -1580,7 +1585,7 @@ function qa() {
     }
     const I = Date.now(), $ = [];
     for (const m of n.clients) {
-      const _ = Ka(m), T = c.current.get(m.client_id) ?? null, G = o.current.has(m.client_id);
+      const _ = Va(m), T = c.current.get(m.client_id) ?? null, G = o.current.has(m.client_id);
       _ ? G && T === null ? (c.current.set(m.client_id, I), $.push({ client: m, completedAt: I })) : T !== null && $.push({ client: m, completedAt: T }) : (T !== null && c.current.delete(m.client_id), o.current.add(m.client_id), $.push({ client: m, completedAt: null }));
     }
     d($);
@@ -1595,7 +1600,7 @@ function qa() {
   }, [y]);
   const C = L(e.ready), b = L(e.active);
   N(() => {
-    const { on: I, off: $ } = Wa(
+    const { on: I, off: $ } = Ga(
       C.current,
       e.ready,
       b.current,
@@ -1634,20 +1639,20 @@ function qa() {
               }
             ),
             /* @__PURE__ */ l("div", { className: "flex flex-col gap-3", children: h.map((I) => /* @__PURE__ */ l(
-              Qa,
+              Ja,
               {
                 clientId: I.clientId,
                 sprite: I.sprite,
                 name: I.name || "Anon",
                 isReady: f.has(I.clientId),
                 isSelf: I.clientId === r,
-                onToggle: () => ss(!v)
+                onToggle: () => rs(!v)
               },
               I.clientId
             )) })
           ] }),
           x && a.map(({ client: I, completedAt: $ }) => /* @__PURE__ */ l(
-            Ja,
+            za,
             {
               client: I,
               fading: $ !== null,
@@ -1660,7 +1665,7 @@ function qa() {
             {
               type: "button",
               "data-testid": "start-ready-check",
-              onClick: () => as(),
+              onClick: () => ss(),
               className: "px-2.5 py-1 rounded bg-black/55 text-xs font-semibold tracking-wide hover:bg-black/75 transition-colors",
               style: { color: "#fff", pointerEvents: "auto" },
               title: "Ask everyone if they're ready",
@@ -1672,7 +1677,7 @@ function qa() {
     )
   ] });
 }
-const Ht = {
+const Ut = {
   S: "var(--color-tier-s)",
   A: "var(--color-tier-a)",
   B: "var(--color-tier-b)",
@@ -1730,7 +1735,7 @@ function En({
     }
   );
 }
-function Xa({
+function qa({
   anchor: n,
   itemId: e,
   snap: t
@@ -1773,7 +1778,7 @@ function Xa({
                 "span",
                 {
                   className: "w-5 h-4 grid place-items-center rounded text-[10px] font-bold shrink-0",
-                  style: { background: Ht[o], color: "var(--color-tier-ink)" },
+                  style: { background: Ut[o], color: "var(--color-tier-ink)" },
                   children: o
                 }
               )
@@ -1785,7 +1790,7 @@ function Xa({
     document.body
   );
 }
-function Ya() {
+function Xa() {
   const n = S((m) => m.tierlistOpen), e = S((m) => m.setTierlistOpen), t = S((m) => m.tierlist), r = S((m) => m.tierlistDraft), s = S((m) => m.tierlistSaving), i = S((m) => m.moveTierlistItem), [a, d] = B(null), [c, o] = B(null), [u, f] = B(null), [h, v] = B(null), [y, p] = B("mine");
   N(() => {
     dn(!0);
@@ -1808,10 +1813,10 @@ function Ya() {
     for (const T of g.values()) _.has(T.id) || m[Le].push(T);
     return m;
   }, [r, g]), b = (m, _, T) => {
-    const G = [...m.querySelectorAll("article[data-item-id]")].filter((H) => H.dataset.itemId !== T);
+    const G = [...m.querySelectorAll("article[data-item-id]")].filter((U) => U.dataset.itemId !== T);
     let P = 0;
-    for (const H of G) {
-      const X = H.getBoundingClientRect();
+    for (const U of G) {
+      const X = U.getBoundingClientRect();
       _ > X.left + X.width / 2 && P++;
     }
     return P;
@@ -1829,7 +1834,7 @@ function Ya() {
       a && (i(a, m === Le ? null : m), d(null));
     }
   }), x = O(async () => {
-    await is(S.getState().tierlistDraft) && v(Date.now());
+    await as(S.getState().tierlistDraft) && v(Date.now());
   }, []);
   if (N(() => {
     if (h === null) return;
@@ -1881,7 +1886,7 @@ function Ya() {
                         "div",
                         {
                           className: "grid place-items-center select-none cursor-pointer",
-                          style: { background: Ht[m], color: "var(--color-tier-ink)" },
+                          style: { background: Ut[m], color: "var(--color-tier-ink)" },
                           onClick: () => {
                             a && (i(a, m), d(null));
                           },
@@ -1934,7 +1939,7 @@ function Ya() {
                         "div",
                         {
                           className: "grid place-items-center select-none",
-                          style: { background: Ht[m], color: "var(--color-tier-ink)" },
+                          style: { background: Ut[m], color: "var(--color-tier-ink)" },
                           children: /* @__PURE__ */ l("span", { className: "text-2xl font-bold leading-none", children: m })
                         }
                       ),
@@ -1948,7 +1953,7 @@ function Ya() {
                             onMouseLeave: () => f(null),
                             onFocus: (P) => f({ anchor: P.currentTarget.getBoundingClientRect(), itemId: T.mediaId }),
                             onBlur: () => f(null),
-                            "aria-label": `${G?.displayName ?? T.mediaId} — score ${T.score.toFixed(2)}. ${Object.entries(T.votes).map(([P, H]) => `${t.names[P] ?? "viewer"} ${H}`).join(", ")}`,
+                            "aria-label": `${G?.displayName ?? T.mediaId} — score ${T.score.toFixed(2)}. ${Object.entries(T.votes).map(([P, U]) => `${t.names[P] ?? "viewer"} ${U}`).join(", ")}`,
                             className: "w-[124px] shrink-0 rounded-md overflow-hidden bg-bg-alt border border-border hover:border-primary transition-colors",
                             children: [
                               /* @__PURE__ */ l(
@@ -1984,96 +1989,96 @@ function Ya() {
               ]
             }
           ),
-          u && t && /* @__PURE__ */ l(Xa, { anchor: u.anchor, itemId: u.itemId, snap: t })
+          u && t && /* @__PURE__ */ l(qa, { anchor: u.anchor, itemId: u.itemId, snap: t })
         ]
       }
     ),
     document.body
   );
 }
-function Za({ children: n }) {
+function Ya({ children: n }) {
   const [e, t] = B(null);
   return N(() => {
     const r = () => t(document.fullscreenElement);
     return r(), document.addEventListener("fullscreenchange", r), () => document.removeEventListener("fullscreenchange", r);
   }, []), e ? mt(n, e) : /* @__PURE__ */ l(be, { children: n });
 }
-function sc({ className: n = "w-5 h-5" }) {
+function rc({ className: n = "w-5 h-5" }) {
   return /* @__PURE__ */ l("svg", { className: n, fill: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ l("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 ei({ className: n = "w-5 h-5" }) {
+function Za({ className: n = "w-5 h-5" }) {
   return /* @__PURE__ */ l("svg", { className: n, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ l("path", { d: "M8 5v14l11-7z" }) });
 }
-function ti({ className: n = "w-5 h-5" }) {
+function ei({ className: n = "w-5 h-5" }) {
   return /* @__PURE__ */ l("svg", { className: n, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ l("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" }) });
 }
-function ni({ className: n = "w-5 h-5" }) {
+function ti({ className: n = "w-5 h-5" }) {
   return /* @__PURE__ */ k("svg", { className: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
     /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z" }),
     /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2" })
   ] });
 }
-function ri({ className: n = "w-5 h-5" }) {
+function ni({ className: n = "w-5 h-5" }) {
   return /* @__PURE__ */ k("svg", { className: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
     /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z" }),
     /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.536 8.464a5 5 0 010 7.072" })
   ] });
 }
-function si({ className: n = "w-5 h-5" }) {
+function ri({ className: n = "w-5 h-5" }) {
   return /* @__PURE__ */ k("svg", { className: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
     /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z" }),
     /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.536 8.464a5 5 0 010 7.072M18.364 5.636a9 9 0 010 12.728" })
   ] });
 }
-function ai({ className: n = "w-5 h-5" }) {
+function si({ className: n = "w-5 h-5" }) {
   return /* @__PURE__ */ l("svg", { className: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" }) });
 }
-function ii({ className: n = "w-5 h-5" }) {
+function ai({ className: n = "w-5 h-5" }) {
   return /* @__PURE__ */ l("svg", { className: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 9V4H4m0 0l5 5M9 15v5H4m0 0l5-5M15 9V4h5m0 0l-5 5M15 15v5h5m0 0l-5-5" }) });
 }
-function oi({ className: n = "w-5 h-5" }) {
+function ii({ className: n = "w-5 h-5" }) {
   return /* @__PURE__ */ l("svg", { className: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) });
 }
-function ci({ className: n = "w-5 h-5" }) {
+function oi({ className: n = "w-5 h-5" }) {
   return /* @__PURE__ */ l("svg", { className: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
 }
-function li({ className: n = "w-4 h-4" }) {
+function ci({ className: n = "w-4 h-4" }) {
   return /* @__PURE__ */ k("svg", { className: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
     /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 4v16" }),
     /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12l-5 4v-8l5 4z" })
   ] });
 }
-function di({ className: n = "w-4 h-4" }) {
+function li({ className: n = "w-4 h-4" }) {
   return /* @__PURE__ */ k("svg", { className: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
     /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20 4v16" }),
     /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12l5 4v-8l-5 4z" })
   ] });
 }
-function ui({ className: n = "w-5 h-5" }) {
+function di({ className: n = "w-5 h-5" }) {
   return /* @__PURE__ */ l("svg", { className: n, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 6l12 12M18 6L6 18" }) });
 }
-function fi({ className: n = "w-5 h-5" }) {
+function ui({ className: n = "w-5 h-5" }) {
   return /* @__PURE__ */ k("svg", { className: n, viewBox: "0 0 24 24", fill: "currentColor", children: [
     /* @__PURE__ */ l("path", { d: "M12 5l8 11H4z" }),
     /* @__PURE__ */ l("rect", { x: "4", y: "17", width: "16", height: "3", rx: "0.5" })
   ] });
 }
-function hi({ className: n = "w-5 h-5" }) {
+function fi({ className: n = "w-5 h-5" }) {
   return /* @__PURE__ */ l("svg", { className: n, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 4h16a1 1 0 011 1v14a1 1 0 01-1 1H4a1 1 0 01-1-1V5a1 1 0 011-1z" }) });
 }
 function pr({ site: n = "control bar", className: e = "ctr-btn" }) {
   return /* @__PURE__ */ l(
     "button",
     {
-      onClick: () => Xn(n),
+      onClick: () => qn(n),
       className: e,
       title: "Select Media",
       "aria-label": "Select Media",
-      children: /* @__PURE__ */ l(hi, {})
+      children: /* @__PURE__ */ l(fi, {})
     }
   );
 }
-function pi() {
+function hi() {
   const n = S((h) => h.chatCollapsed), e = S((h) => h.toggleChatCollapsed), t = S((h) => !!h.snapshot.mediaId), r = zt(), s = gt(), i = Je(), a = Xt(), d = Qt({
     isLeader: a,
     hasMedia: t,
@@ -2084,8 +2089,8 @@ function pi() {
   return !d && !c && !t ? null : /* @__PURE__ */ k("div", { className: "absolute top-2 right-2 z-40 flex items-center gap-2", "data-testid": "room-corner-controls", children: [
     d && /* @__PURE__ */ l(pr, { site: "room corner", className: "corner-btn" }),
     c && /* @__PURE__ */ l("button", { type: "button", onClick: () => {
-      w("game", "game_select", { gameId: null, source: "room corner" }), Pn(null);
-    }, className: "corner-btn", title: "Stop game", "aria-label": "Stop game", children: /* @__PURE__ */ l(ui, {}) }),
+      w("game", "game_select", { gameId: null, source: "room corner" }), Dn(null);
+    }, className: "corner-btn", title: "Stop game", "aria-label": "Stop game", children: /* @__PURE__ */ l(di, {}) }),
     t && /* @__PURE__ */ l(
       "button",
       {
@@ -2103,22 +2108,22 @@ function pi() {
         title: o ? "Show chat" : "Hide chat",
         "aria-label": o ? "Show chat" : "Hide chat",
         "aria-expanded": !o,
-        children: o ? /* @__PURE__ */ l(di, { className: "w-5 h-5" }) : /* @__PURE__ */ l(li, { className: "w-5 h-5" })
+        children: o ? /* @__PURE__ */ l(li, { className: "w-5 h-5" }) : /* @__PURE__ */ l(ci, { className: "w-5 h-5" })
       }
     )
   ] });
 }
-function mi() {
-  N(() => os((n) => {
-    const e = cs(n);
-    w("avatar", "Avatar changed in the settings popout", { sprite: e, source: n.avatar?.source }), jn(e);
+function pi() {
+  N(() => is((n) => {
+    const e = os(n);
+    w("avatar", "Avatar changed in the settings popout", { sprite: e, source: n.avatar?.source }), Hn(e);
   }), []);
 }
 const mr = [];
 function Mn(n) {
   mr.push(n);
 }
-function Ue() {
+function He() {
   const n = mr.splice(0);
   for (const e of n)
     try {
@@ -2128,32 +2133,32 @@ function Ue() {
     }
 }
 let At = !1;
-function gi() {
+function mi() {
   return At ? () => {
-  } : (At = !0, document.addEventListener("click", Ue, { capture: !0, passive: !0 }), document.addEventListener("touchend", Ue, { capture: !0, passive: !0 }), document.addEventListener("keydown", Ue, { capture: !0, passive: !0 }), () => {
-    document.removeEventListener("click", Ue, { capture: !0 }), document.removeEventListener("touchend", Ue, { capture: !0 }), document.removeEventListener("keydown", Ue, { capture: !0 }), At = !1;
+  } : (At = !0, document.addEventListener("click", He, { capture: !0, passive: !0 }), document.addEventListener("touchend", He, { capture: !0, passive: !0 }), document.addEventListener("keydown", He, { capture: !0, passive: !0 }), () => {
+    document.removeEventListener("click", He, { capture: !0 }), document.removeEventListener("touchend", He, { capture: !0 }), document.removeEventListener("keydown", He, { capture: !0 }), At = !1;
   });
 }
-const bi = 400;
-function yi(n) {
+const gi = 400;
+function bi(n) {
   return n === "leader" || n === "viewer" ? n : null;
 }
-async function vi(n) {
-  const e = ls(), t = await fetch(`${e}/api/rooms/validate/${encodeURIComponent(n)}`);
+async function yi(n) {
+  const e = cs(), t = await fetch(`${e}/api/rooms/validate/${encodeURIComponent(n)}`);
   if (t.status === 404) return null;
   if (!t.ok) throw new Error(`validate returned ${t.status}`);
   const r = await t.json();
-  return yi(r?.type);
+  return bi(r?.type);
 }
-async function Si(n) {
+async function vi(n) {
   for (let e = 0; e < 2; e++)
     try {
-      const t = await vi(n);
+      const t = await yi(n);
       S.getState().setRoomKeyType({ roomKey: n, type: t }), w("room", "Room key type probed", { roomKey: n, type: t });
       return;
     } catch (t) {
       if (e === 0) {
-        await new Promise((r) => setTimeout(r, bi));
+        await new Promise((r) => setTimeout(r, gi));
         continue;
       }
       A("room", "Room key type probe failed, falling back to socket truth", Se(t));
@@ -2161,16 +2166,16 @@ async function Si(n) {
 }
 function Ce(n, e) {
   const r = S.getState().allocateClientSeq(), s = { kind: n, client_seq: r, ...e || {} };
-  return Gn().emit(Wn.CONTROL, s), r;
+  return jn().emit(Gn.CONTROL, s), r;
 }
-function ac(n) {
+function sc(n) {
   return Ce("load", { media_id: n });
 }
-function wi() {
+function Si() {
   return Ce("home");
 }
-function xi() {
-  const n = Aa(), e = tr(), t = Je(), r = nr(), s = t && r && !e.ready, i = !e.ready && !s;
+function wi() {
+  const n = _a(), e = tr(), t = Je(), r = nr(), s = t && r && !e.ready, i = !e.ready && !s;
   return /* @__PURE__ */ l(
     "button",
     {
@@ -2190,13 +2195,13 @@ function xi() {
       className: "ctr-btn",
       title: s ? "Some viewers still loading — play anyway" : i ? "Waiting for sync..." : t ? n.playing ? "Pause" : "Play" : "Only the leader can control playback",
       "data-active": !i && t && n.playing ? "1" : "0",
-      children: n.playing ? /* @__PURE__ */ l(ti, {}) : /* @__PURE__ */ l(ei, {})
+      children: n.playing ? /* @__PURE__ */ l(ei, {}) : /* @__PURE__ */ l(Za, {})
     }
   );
 }
-function Ei() {
+function xi() {
   function n() {
-    w("controls", "Unload episode clicked"), wi();
+    w("controls", "Unload episode clicked"), Si();
   }
   return /* @__PURE__ */ l(
     "button",
@@ -2205,31 +2210,31 @@ function Ei() {
       className: "ctr-btn",
       title: "Unload episode (return to lobby)",
       "aria-label": "Unload episode",
-      children: /* @__PURE__ */ l(fi, {})
+      children: /* @__PURE__ */ l(ui, {})
     }
   );
 }
-function Mi(n) {
+function Ei(n) {
   return !n.isLeader || n.durationMs === 0 ? !0 : !n.ready && !n.canOverride;
 }
-function ki(n) {
+function Mi(n) {
   return n.localValue !== null ? n.localValue : n.displayPlayheadMs ?? n.snapshotPlayheadMs;
 }
-function _i(n, e) {
+function ki(n, e) {
   return e <= 0 ? 0 : n / e;
 }
 function Tt(n) {
   const e = Math.floor(n / 1e3), t = Math.floor(e / 3600), r = Math.floor(e % 3600 / 60), s = e % 60;
   return t > 0 ? `${t}:${r.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}` : `${r}:${s.toString().padStart(2, "0")}`;
 }
-function Ai({ durationMs: n, displayPlayheadMs: e }) {
-  const t = S((I) => I.snapshot), r = S((I) => I.readiness), s = Je(), i = nr(), a = s && i && !r.ready, d = L(null), [c, o] = B(null), [u, f] = B(0), [h, v] = B(!1), [y, p] = B(null), g = L(0), C = n || 0, b = ki({ localValue: y, displayPlayheadMs: e, snapshotPlayheadMs: t.playheadMs }), M = L(0);
+function _i({ durationMs: n, displayPlayheadMs: e }) {
+  const t = S((I) => I.snapshot), r = S((I) => I.readiness), s = Je(), i = nr(), a = s && i && !r.ready, d = L(null), [c, o] = B(null), [u, f] = B(0), [h, v] = B(!1), [y, p] = B(null), g = L(0), C = n || 0, b = Mi({ localValue: y, displayPlayheadMs: e, snapshotPlayheadMs: t.playheadMs }), M = L(0);
   N(() => {
     p(null), v(!1), M.current = 0;
   }, [t.mediaId]), N(() => {
     if (h || y === null) return;
     const I = e ?? t.playheadMs, $ = Math.abs(I - y);
-    if ($ < On) {
+    if ($ < Pn) {
       p(null);
       return;
     }
@@ -2266,8 +2271,8 @@ function Ai({ durationMs: n, displayPlayheadMs: e }) {
           min: 0,
           max: C,
           value: b,
-          disabled: Mi({ isLeader: s, ready: r.ready, canOverride: a, durationMs: C }),
-          style: { "--progress": `${_i(b, C) * 100}%` },
+          disabled: Ei({ isLeader: s, ready: r.ready, canOverride: a, durationMs: C }),
+          style: { "--progress": `${ki(b, C) * 100}%` },
           onChange: (I) => {
             const $ = Number(I.target.value);
             p($), M.current = Date.now();
@@ -2299,7 +2304,7 @@ function Ai({ durationMs: n, displayPlayheadMs: e }) {
     /* @__PURE__ */ l("span", { className: "text-[11px] font-mono text-text-muted w-[45px] text-left shrink-0", children: Tt(C) })
   ] });
 }
-function Ti({ videoRef: n }) {
+function Ai({ videoRef: n }) {
   const e = S((u) => u.mediaPrefs.volume), t = S((u) => u.mediaPrefs.muted), r = S((u) => u.setVolume), s = S((u) => u.setMuted);
   N(() => {
     const u = n.current;
@@ -2310,7 +2315,7 @@ function Ti({ videoRef: n }) {
     r(f), f > 0 && t && s(!1);
   }, a = () => {
     s(!t);
-  }, d = () => t || e === 0 ? /* @__PURE__ */ l(ni, {}) : e < 0.5 ? /* @__PURE__ */ l(ri, {}) : /* @__PURE__ */ l(si, {}), c = t ? 0 : e, o = Math.round(c * 100);
+  }, d = () => t || e === 0 ? /* @__PURE__ */ l(ti, {}) : e < 0.5 ? /* @__PURE__ */ l(ni, {}) : /* @__PURE__ */ l(ri, {}), c = t ? 0 : e, o = Math.round(c * 100);
   return /* @__PURE__ */ k("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ l(
       "button",
@@ -2343,7 +2348,7 @@ function Ti({ videoRef: n }) {
     ] })
   ] });
 }
-function Ci({
+function Ti({
   tracks: n,
   selectedIndex: e,
   onSelect: t
@@ -2367,7 +2372,7 @@ function Ci({
     )
   ] });
 }
-function Ii({
+function Ci({
   tracks: n,
   selectedIndex: e,
   onSelect: t,
@@ -2404,13 +2409,13 @@ function Ii({
     )
   ] });
 }
-const Ri = [
+const Ii = [
   { value: "classic", label: "Classic" },
   { value: "cinema", label: "Cinema" },
   { value: "minimal", label: "Minimal" },
   { value: "contrast", label: "High Contrast" }
 ];
-function Fi({ style: n, onStyleChange: e, enabled: t }) {
+function Ri({ style: n, onStyleChange: e, enabled: t }) {
   return t ? /* @__PURE__ */ k("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ l("span", { className: "text-[10px] opacity-60 uppercase tracking-wide", children: "Style" }),
     /* @__PURE__ */ l(
@@ -2421,12 +2426,12 @@ function Fi({ style: n, onStyleChange: e, enabled: t }) {
         className: "text-xs rounded px-2 py-1 cursor-pointer",
         title: "Select subtitle style",
         "aria-label": "Subtitle style selection",
-        children: Ri.map((r) => /* @__PURE__ */ l("option", { value: r.value, children: r.label }, r.value))
+        children: Ii.map((r) => /* @__PURE__ */ l("option", { value: r.value, children: r.label }, r.value))
       }
     )
   ] }) : null;
 }
-function Ni({ videoRef: n }) {
+function Fi({ videoRef: n }) {
   const [e, t] = B(!1);
   return N(() => {
     const s = () => {
@@ -2452,11 +2457,11 @@ function Ni({ videoRef: n }) {
       },
       className: "ctr-btn",
       title: e ? "Exit Fullscreen" : "Enter Fullscreen",
-      children: e ? /* @__PURE__ */ l(ii, {}) : /* @__PURE__ */ l(ai, {})
+      children: e ? /* @__PURE__ */ l(ai, {}) : /* @__PURE__ */ l(si, {})
     }
   );
 }
-function Li({
+function Ni({
   videoRef: n,
   mediaId: e,
   durationMs: t,
@@ -2481,19 +2486,19 @@ function Li({
     chatCollapsed: b,
     isFullscreen: M,
     gameOverlay: F
-  }) === "control-bar", $ = S((W) => W.floatingChatEnabled), m = L(null), _ = L(null), [T, G] = B(!1), [P, H] = B(!1), [X, ce] = B(""), [R, V] = B(!1), U = er(), [ne, re] = B(!1), [we, Qe] = B(!1), bt = O(async (W) => {
+  }) === "control-bar", $ = S((W) => W.floatingChatEnabled), m = L(null), _ = L(null), [T, G] = B(!1), [P, U] = B(!1), [X, ce] = B(""), [R, V] = B(!1), H = er(), [ne, re] = B(!1), [we, Qe] = B(!1), bt = O(async (W) => {
     if (W.key !== "Enter") return;
     const de = X.trim();
-    if (!de && !U.pending.length || R || U.uploading) return;
-    const xe = await U.uploadPending();
-    xe !== null && ($n(de, xe), ce(""), U.clear(), V(!0), setTimeout(() => V(!1), Bn), !document.hidden && document.hasFocus() && _.current?.focus());
-  }, [X, R, U]);
+    if (!de && !H.pending.length || R || H.uploading) return;
+    const xe = await H.uploadPending();
+    xe !== null && (Ln(de, xe), ce(""), H.clear(), V(!0), setTimeout(() => V(!1), $n), !document.hidden && document.hasFocus() && _.current?.focus());
+  }, [X, R, H]);
   N(() => () => g?.(!1), [e, g]);
   const Ie = r ?? !0, pe = O(() => {
     const W = m.current;
     if (!W) return;
     const { scrollLeft: de, scrollWidth: xe, clientWidth: yt } = W;
-    G(de > 5), H(de + yt < xe - 5);
+    G(de > 5), U(de + yt < xe - 5);
   }, []);
   N(() => {
     const W = m.current;
@@ -2531,18 +2536,18 @@ function Li({
       children: [
         /* @__PURE__ */ k("div", { ref: m, className: ye, children: [
           C && /* @__PURE__ */ k("div", { className: "cluster", children: [
-            /* @__PURE__ */ l(xi, {}),
+            /* @__PURE__ */ l(wi, {}),
             I && /* @__PURE__ */ l(pr, {}),
-            /* @__PURE__ */ l(Ei, {})
+            /* @__PURE__ */ l(xi, {})
           ] }),
-          /* @__PURE__ */ l("div", { className: "cluster-seek", children: /* @__PURE__ */ l(Ai, { durationMs: t, displayPlayheadMs: y }) }),
+          /* @__PURE__ */ l("div", { className: "cluster-seek", children: /* @__PURE__ */ l(_i, { durationMs: t, displayPlayheadMs: y }) }),
           /* @__PURE__ */ k("div", { className: "cluster", children: [
-            /* @__PURE__ */ l(Ti, { videoRef: n }),
+            /* @__PURE__ */ l(Ai, { videoRef: n }),
             s.length > 1 && /* @__PURE__ */ k(be, { children: [
               /* @__PURE__ */ l("div", { className: "w-px h-5 bg-white/20" }),
               " ",
               /* @__PURE__ */ l(
-                Ci,
+                Ti,
                 {
                   tracks: s,
                   selectedIndex: i,
@@ -2553,7 +2558,7 @@ function Li({
           ] }),
           d.length > 0 && /* @__PURE__ */ k("div", { className: "cluster", children: [
             /* @__PURE__ */ l(
-              Ii,
+              Ci,
               {
                 tracks: d,
                 selectedIndex: c,
@@ -2563,7 +2568,7 @@ function Li({
               }
             ),
             /* @__PURE__ */ l(
-              Fi,
+              Ri,
               {
                 style: h,
                 onStyleChange: v,
@@ -2575,17 +2580,17 @@ function Li({
             "div",
             {
               className: "cluster px-2 relative",
-              onPaste: U.onPaste,
-              onDrop: U.onDrop,
-              onDragOver: U.onDragOver,
+              onPaste: H.onPaste,
+              onDrop: H.onDrop,
+              onDragOver: H.onDragOver,
               children: [
-                /* @__PURE__ */ l(Zn, { pending: U.pending, uploading: U.uploading, onRemove: U.remove }),
+                /* @__PURE__ */ l(Zn, { pending: H.pending, uploading: H.uploading, onRemove: H.remove }),
                 /* @__PURE__ */ l(
-                  qn,
+                  Qn,
                   {
                     open: ne,
                     onClose: () => re(!1),
-                    onPick: U.addMeme,
+                    onPick: H.addMeme,
                     onUnavailable: () => {
                       Qe(!0), re(!1);
                     }
@@ -2598,7 +2603,7 @@ function Li({
                     type: "text",
                     value: X,
                     onChange: (W) => {
-                      ce(W.target.value.slice(0, Dn)), p?.();
+                      ce(W.target.value.slice(0, Bn)), p?.();
                     },
                     onKeyDown: (W) => {
                       bt(W);
@@ -2624,7 +2629,7 @@ function Li({
               ]
             }
           ),
-          /* @__PURE__ */ l("div", { className: "cluster cluster-tight", children: /* @__PURE__ */ l(Ni, { videoRef: n }) })
+          /* @__PURE__ */ l("div", { className: "cluster cluster-tight", children: /* @__PURE__ */ l(Fi, { videoRef: n }) })
         ] }),
         qe && /* @__PURE__ */ k("div", { className: "ctr-scroll-group", children: [
           /* @__PURE__ */ l(
@@ -2633,7 +2638,7 @@ function Li({
               className: `ctr-scroll-btn ${T ? "visible" : ""}`,
               onClick: () => Re("left"),
               "aria-label": "Scroll left",
-              children: /* @__PURE__ */ l(oi, {})
+              children: /* @__PURE__ */ l(ii, {})
             }
           ),
           /* @__PURE__ */ l(
@@ -2642,7 +2647,7 @@ function Li({
               className: `ctr-scroll-btn ${P ? "visible" : ""}`,
               onClick: () => Re("right"),
               "aria-label": "Scroll right",
-              children: /* @__PURE__ */ l(ci, {})
+              children: /* @__PURE__ */ l(oi, {})
             }
           )
         ] })
@@ -2650,43 +2655,43 @@ function Li({
     }
   );
 }
-const $i = 1e3;
-function Bi(n) {
-  return n.hidden && n.roomPlaying && !n.seekInFlight && !n.ended && !n.localPause && n.sinceUserPauseMs >= $i;
+const Li = 1e3;
+function $i(n) {
+  return n.hidden && n.roomPlaying && !n.seekInFlight && !n.ended && !n.localPause && n.sinceUserPauseMs >= Li;
 }
-function Di(n, e) {
+function Bi(n, e) {
   return e.isLeader ? n === "play" && e.roomPlaying ? { kind: "resync" } : n === "pause" && !e.roomPlaying ? { kind: "none" } : { kind: "control", control: n } : n === "pause" ? { kind: "local-pause" } : e.roomPlaying ? { kind: "resync" } : { kind: "none" };
 }
-function Pi(n) {
+function Di(n) {
   if (!n.roomPlaying || n.seekInFlight) return { kind: "none" };
   const e = n.durationMs > 0 ? Math.min(n.roomMs, n.durationMs) : n.roomMs;
   return Math.abs(e - n.elementMs) > n.driftToleranceMs ? { kind: "seek", targetMs: Math.round(e) } : n.elementPaused ? { kind: "resume" } : { kind: "none" };
 }
-function Oi(n, e, t) {
+function Pi(n, e, t) {
   return n.playheadMs + (n.playing ? Math.max(0, t - e) : 0);
 }
 function gr(n) {
   const e = n.split("/").filter(Boolean);
   return e.length >= 2 ? e.slice(-2).join(" ") : e[e.length - 1] || n;
 }
-function Hi(n) {
+function Oi(n) {
   const e = n.split("/").filter(Boolean), t = [`${e.join("/")}/poster.jpg`];
   return e.length >= 2 && t.push(`${e.slice(0, -1).join("/")}/poster.jpg`), t;
 }
 function Ui({ mediaId: n, visible: e }) {
   return n ? /* @__PURE__ */ l("div", { className: `media-title ${e ? "show" : ""}`, children: gr(n) }) : null;
 }
-const je = 3, ji = 1e3, Gi = 15e3, Z = {
+const je = 3, Hi = 1e3, ji = 15e3, Z = {
   EQUAL: 1e-3,
   POINT: 0.05,
   RANGE: 0.1,
   FALLBACK: 1
 }, Ct = 0.5, It = 3e3;
 function nt(n, e = {}) {
-  const { baseMs: t = ji, capMs: r = Gi, jitter: s = 0.25 } = e, i = Math.min(t * Math.pow(2, n - 1), r), a = s > 0 ? Math.round(i * Math.random() * s) : 0;
+  const { baseMs: t = Hi, capMs: r = ji, jitter: s = 0.25 } = e, i = Math.min(t * Math.pow(2, n - 1), r), a = s > 0 ? Math.round(i * Math.random() * s) : 0;
   return i + a;
 }
-const kn = 15, Wi = 35e3, Vi = 2e3, Rt = 10;
+const kn = 15, Gi = 35e3, Wi = 2e3, Rt = 10;
 function Ee(n, e) {
   if (n.length === 0) return 0;
   if (e >= n[n.length - 1].end_ms) return n.length - 1;
@@ -2720,15 +2725,15 @@ function Ft(n, e, t, r = Z.RANGE) {
 function fe(n) {
   return n ? Array.from({ length: n.length }, (e, t) => `${n.start(t).toFixed(2)}-${n.end(t).toFixed(2)}`) : [];
 }
-function Ki(n) {
+function Vi(n) {
   if (n.length === 0) return 0;
   const e = n.reduce((r, s) => r + s.bytes, 0), t = n.reduce((r, s) => r + s.durationMs, 0);
   return t === 0 ? 0 : e / t * 1e3;
 }
-const zi = 8e5, Ji = 4;
+const Ki = 8e5, zi = 4;
 function tt(n) {
   if (n === 0) return 6e4;
-  const e = zi / n * 1e3 * Ji;
+  const e = Ki / n * 1e3 * zi;
   return Math.max(3e4, Math.min(12e4, Math.round(e)));
 }
 function _n(n, e) {
@@ -2736,7 +2741,7 @@ function _n(n, e) {
     if (n[t]?.keyframe) return t;
   return -1;
 }
-function Qi(n, e, t, r) {
+function Ji(n, e, t, r) {
   const s = n * 1e3 - 100, i = e * 1e3 + 100;
   for (const a of r) {
     const d = t[a];
@@ -2745,7 +2750,7 @@ function Qi(n, e, t, r) {
   }
   return !1;
 }
-function qi(n) {
+function Qi(n) {
   const e = [], t = n.replace(/\r\n/g, `
 `).split(`
 `);
@@ -2800,10 +2805,10 @@ function An(n) {
   let t = 0, r, s;
   return e.length === 3 ? (t = parseInt(e[0], 10), r = parseInt(e[1], 10), s = parseFloat(e[2])) : (r = parseInt(e[0], 10), s = parseFloat(e[1])), isNaN(t) || isNaN(r) || isNaN(s) ? null : t * 3600 + r * 60 + s;
 }
-function Xi(n) {
+function qi(n) {
   return n.replace(/<\/?[^>]+(>|$)/g, "").replace(/\{[^}]+\}/g, "").replace(/\\N/g, " ").replace(/\s*\n\s*/g, " ").replace(/\s{2,}/g, " ").trim();
 }
-const Yi = {
+const Xi = {
   // Standard CC look: white text with thick black outline stroke
   classic: "text-white [text-shadow:_-2px_-2px_0_#000,_2px_-2px_0_#000,_-2px_2px_0_#000,_2px_2px_0_#000,_0_-2px_0_#000,_0_2px_0_#000,_-2px_0_0_#000,_2px_0_0_#000]",
   // DVD/theater style: yellow text on dark translucent box
@@ -2813,7 +2818,7 @@ const Yi = {
   // Accessibility-focused: bold white text on solid black box
   contrast: "text-white font-bold bg-black px-3 py-1"
 };
-function Zi({ subtitleUrl: n, videoRef: e, style: t, enabled: r }) {
+function Yi({ subtitleUrl: n, videoRef: e, style: t, enabled: r }) {
   const [s, i] = B([]), [a, d] = B([]), c = L(null), [o, u] = B(40), [f, h] = B(18);
   N(() => {
     if (!n) {
@@ -2830,7 +2835,7 @@ function Zi({ subtitleUrl: n, videoRef: e, style: t, enabled: r }) {
           if (!F.ok) throw new Error(`Failed to fetch subtitles (status ${F.status})`);
           const I = await F.text();
           if (b) return;
-          const $ = qi(I);
+          const $ = Qi(I);
           i($);
           return;
         } catch (F) {
@@ -2868,8 +2873,8 @@ function Zi({ subtitleUrl: n, videoRef: e, style: t, enabled: r }) {
     const b = e.current, M = c.current?.parentElement;
     if (!b || !M) return;
     const x = () => {
-      const F = M.clientHeight, I = M.clientWidth, $ = b.videoWidth || 1920, m = b.videoHeight || 1080, _ = Math.min(I / $, F / m), T = m * _, G = (F - T) / 2, P = Math.max(16, T * 0.035), H = Math.max(P * 0.8, T * 0.055);
-      u(Math.max(G + H, 40)), h(P);
+      const F = M.clientHeight, I = M.clientWidth, $ = b.videoWidth || 1920, m = b.videoHeight || 1080, _ = Math.min(I / $, F / m), T = m * _, G = (F - T) / 2, P = Math.max(16, T * 0.035), U = Math.max(P * 0.8, T * 0.055);
+      u(Math.max(G + U, 40)), h(P);
     };
     return x(), window.addEventListener("resize", x), b.addEventListener("loadedmetadata", x), () => {
       window.removeEventListener("resize", x), b.removeEventListener("loadedmetadata", x);
@@ -2898,8 +2903,8 @@ function Zi({ subtitleUrl: n, videoRef: e, style: t, enabled: r }) {
       children: /* @__PURE__ */ l(
         "div",
         {
-          className: `${x} font-medium max-w-[95%] inline-block antialiased ${Yi[t]}`,
-          children: Xi(F.text)
+          className: `${x} font-medium max-w-[95%] inline-block antialiased ${Xi[t]}`,
+          children: qi(F.text)
         }
       )
     },
@@ -2936,7 +2941,7 @@ function Zi({ subtitleUrl: n, videoRef: e, style: t, enabled: r }) {
     C(p.bl, p.bc, p.br, { bottom: `${o}px` }, c)
   ] });
 }
-const eo = 300, to = 50, no = 100, ro = 100, so = 100, ao = 100;
+const Zi = 300, eo = 50, to = 100, no = 100, ro = 100, so = 100;
 function Nt(n, e) {
   if (n.length === 0) return 0;
   const t = Math.min(Math.floor(e / 100 * n.length), n.length - 1);
@@ -2954,10 +2959,10 @@ function _e(n) {
     max: Math.round(e[e.length - 1])
   };
 }
-function Ae(n, e = eo) {
+function Ae(n, e = Zi) {
   n.length > e && n.splice(0, n.length - e);
 }
-class io {
+class ao {
   // Fetch
   _fetches = [];
   _fetchTimeoutCount = 0;
@@ -3015,11 +3020,11 @@ class io {
   }
   /** Called when waitForAppend times out. */
   recordAppendTimeout(e, t, r) {
-    this._appendTimeouts.push({ index: e, timeoutMs: t, queueDepth: r, ts: performance.now() }), Ae(this._appendTimeouts, to);
+    this._appendTimeouts.push({ index: e, timeoutMs: t, queueDepth: r, ts: performance.now() }), Ae(this._appendTimeouts, eo);
   }
   /** Called when a seek completes (COMPLETED path in _execute). */
   recordSeekCompleted(e, t, r) {
-    this._seeks.push({ caller: e, targetMs: t, durationMs: r, ts: performance.now() }), Ae(this._seeks, no);
+    this._seeks.push({ caller: e, targetMs: t, durationMs: r, ts: performance.now() }), Ae(this._seeks, to);
   }
   /** Called when waitForSeeked resolves via timeout rather than the 'seeked' event. */
   recordWaitForSeekedTimeout() {
@@ -3041,11 +3046,11 @@ class io {
     this._stallStart && (this._stalls.push({
       ...this._stallStart,
       durationMs: Math.round(performance.now() - this._stallStart.ts)
-    }), Ae(this._stalls, ro), this._stallStart = null);
+    }), Ae(this._stalls, no), this._stallStart = null);
   }
   /** Called from _doEvict with the reason tag passed by the caller. */
   recordEvict(e, t, r) {
-    this._evictCounts[e] = (this._evictCounts[e] ?? 0) + 1, this._evicts.push({ reason: e, start: t, end: r, ts: performance.now() }), Ae(this._evicts, so);
+    this._evictCounts[e] = (this._evictCounts[e] ?? 0) + 1, this._evicts.push({ reason: e, start: t, end: r, ts: performance.now() }), Ae(this._evicts, ro);
   }
   /** Called from FragmentManager.reconcileLoadedStates() when the browser's
    *  own silent quota eviction is detected (fragments 'loaded' but gone from
@@ -3087,7 +3092,7 @@ class io {
       },
       audio: {
         driftMs: _e(this._audioDrifts),
-        highDriftCount: this._audioDrifts.filter((o) => o > ao).length,
+        highDriftCount: this._audioDrifts.filter((o) => o > so).length,
         samples: this._audioDrifts.slice(-20).map((o) => Math.round(o))
       },
       stalls: {
@@ -3136,9 +3141,9 @@ class io {
     this._fetches = [], this._fetchTimeoutCount = 0, this._fetchErrorCount = 0, this._appends = [], this._appendStarts.clear(), this._appendTimeouts = [], this._seeks = [], this._waitForSeekedTimeouts = 0, this._audioDrifts = [], this._stalls = [], this._stallStart = null, this._evictCounts = {}, this._evicts = [], this._browserEvictions = [];
   }
 }
-const oe = new io();
-Hn("__WP_PERF__", oe);
-class oo {
+const oe = new ao();
+On("__WP_PERF__", oe);
+class io {
   cache = /* @__PURE__ */ new Map();
   getOrCreate(e) {
     let t = this.cache.get(e);
@@ -3177,8 +3182,8 @@ class oo {
     this.cache.clear();
   }
 }
-const ge = new oo(), Tn = 60, co = 5e3;
-class lo {
+const ge = new io(), Tn = 60, oo = 5e3;
+class co {
   constructor(e) {
     this.deps = e;
   }
@@ -3258,7 +3263,7 @@ class lo {
     if (this.evictStartedAt === 0)
       return this.evictStartedAt = Date.now(), !0;
     const e = Date.now() - this.evictStartedAt;
-    return e < co ? !0 : (A("buffer", `EVICT-STUCK isEvicting held ${e}ms — clearing; a remove() updateend was lost, eviction was disabled`), oe.recordEvict("stuck-recovered", 0, 0), this._isEvicting = !1, this.evictStartedAt = 0, !1);
+    return e < oo ? !0 : (A("buffer", `EVICT-STUCK isEvicting held ${e}ms — clearing; a remove() updateend was lost, eviction was disabled`), oe.recordEvict("stuck-recovered", 0, 0), this._isEvicting = !1, this.evictStartedAt = 0, !1);
   }
   /** Called on dispose, on SourceBuffer error, and on media change
    *  (FragmentManager.setIndex) — see the note at that call site. */
@@ -3423,13 +3428,13 @@ class Ve {
    *  hold began. Lets processAppendQueue bound a hold that would otherwise
    *  never end — see APPEND_HOLD_MAX_MS. */
   appendHold = null;
-  eviction = new lo({
+  eviction = new co({
     getFragments: () => this.fragments,
     getSourceBuffer: () => this.sourceBuffer,
     getMediaSource: () => this.mediaSource,
     isDisposed: () => this.disposed,
     fragmentStates: this.fragmentStates,
-    getPendingSeekTargetMs: () => this.pendingSeekTargetMs !== null && Date.now() - this.pendingSeekSetAtMs > Wi ? null : this.pendingSeekTargetMs
+    getPendingSeekTargetMs: () => this.pendingSeekTargetMs !== null && Date.now() - this.pendingSeekSetAtMs > Gi ? null : this.pendingSeekTargetMs
   });
   lastGapWarnMs = 0;
   stableGapSignature = null;
@@ -3455,7 +3460,7 @@ class Ve {
   // timing, and APPEND-HOLD reason counts. Read by emitInitDigest() which warns
   // once at gate-pass time so the load shape is visible in session logs without
   // wp:reportLogs=true.
-  static INIT_TRACK_FRAGS = ds;
+  static INIT_TRACK_FRAGS = ls;
   loadStartTs = 0;
   initFetchStart = 0;
   initFetchEnd = 0;
@@ -3530,8 +3535,8 @@ class Ve {
    * `fragment-route.realmedia.test.ts`; this is the client-side backstop.
    */
   async tryFragmentRoute(e, t, r) {
-    if (this.fragmentRouteDisabled || !this.delivery || !us()) return null;
-    const s = fs(this.delivery, e);
+    if (this.fragmentRouteDisabled || !this.delivery || !ds()) return null;
+    const s = us(this.delivery, e);
     if (!s)
       return this.disableFragmentRoute(e, "could not build a URL for this config"), null;
     try {
@@ -3658,12 +3663,12 @@ class Ve {
       }
       this.initAppendDone = performance.now(), this.initState = "loaded", this.initRetryCount = 0, w("buffer", `INIT-LOADED sbRanges=[${fe(this.sourceBuffer?.buffered).join(", ")}]`), this.processAppendQueue();
     } catch (d) {
-      ue("buffer", "Init segment fetch/append failed", { error: d.message }), a() || (this.initState = "pending", this.initRetryCount += 1, this.initRetryCount >= hs ? (this.initFailed = !0, A("buffer", "INIT-GIVE-UP — init segment failed repeatedly; rejecting waiters for fast recovery", {
+      ue("buffer", "Init segment fetch/append failed", { error: d.message }), a() || (this.initState = "pending", this.initRetryCount += 1, this.initRetryCount >= fs ? (this.initFailed = !0, A("buffer", "INIT-GIVE-UP — init segment failed repeatedly; rejecting waiters for fast recovery", {
         attempts: this.initRetryCount,
         error: d.message
       }), this.rejectAllWaiters(new Error("init segment failed after repeated retries"))) : this.disposed || setTimeout(() => {
         !this.disposed && this.initState === "pending" && this.fetchInit();
-      }, ps));
+      }, hs));
     }
   }
   /** Runs inside updateend after an append completes. Decides whether MSE
@@ -3751,7 +3756,7 @@ class Ve {
     ]), r = [], s = this.currentPlayheadMs / 1e3;
     for (let d = 1; d < e.buffered.length; d++) {
       const c = e.buffered.end(d - 1), o = e.buffered.start(d);
-      o <= s || Qi(c, o, this.fragments, t) || r.push(`${c.toFixed(2)}-${o.toFixed(2)}`);
+      o <= s || Ji(c, o, this.fragments, t) || r.push(`${c.toFixed(2)}-${o.toFixed(2)}`);
     }
     if (r.length === 0) {
       this.stableGapSignature = null, this.stableGapSince = 0;
@@ -4191,7 +4196,7 @@ class Ve {
     if (this.appendHold?.index !== e)
       return this.appendHold = { index: e, since: r }, !1;
     const s = r - this.appendHold.since;
-    if (s < ms) return !1;
+    if (s < ps) return !1;
     A("buffer", `APPEND-HOLD-BREAK #${e} held ${s}ms behind ${t.length} pending fetch(es) — declaring them dead so the queue can drain`, {
       headIndex: e,
       heldMs: s,
@@ -4255,7 +4260,7 @@ class Ve {
     if (this.disposed || !this.sourceBuffer || (this.currentPlayheadMs = e, this.currentJobs.size >= Oe)) return;
     const t = Ee(this.fragments, e), r = Math.min(this.fragments.length - 1, Ee(this.fragments, e + We)), s = Date.now();
     for (let a = t; a <= r; a++)
-      this.fragmentStates.get(a) === "error" && s - (this.errorTimestamps.get(a) ?? 0) >= gs && ((this.fetchErrorCycles.get(a) ?? 0) >= fn ? w("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) >= ms && ((this.fetchErrorCycles.get(a) ?? 0) >= fn ? w("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 = t; a <= r && i < Oe - this.currentJobs.size; a++) {
       const d = this.fragmentStates.get(a);
@@ -4286,7 +4291,7 @@ class Ve {
   /** Public eviction entry point used by MediaPlayer / prefetch. Delegates
    *  to the strategy which owns the isEvicting state + range choice logic. */
   evictBefore(e) {
-    this.pendingSeekTargetMs !== null && Math.abs(e - this.pendingSeekTargetMs) <= Vi && (this.pendingSeekTargetMs = null), this.eviction.evictBefore(e);
+    this.pendingSeekTargetMs !== null && Math.abs(e - this.pendingSeekTargetMs) <= Wi && (this.pendingSeekTargetMs = null), this.eviction.evictBefore(e);
   }
   // Public entry point for socket reconnect scenarios. Clears stale in-flight
   // fetches and their pendingFetchIndices entries so the queue is unblocked on
@@ -4434,7 +4439,7 @@ class Ve {
     return { ranges: e, gaps: e.length > 1, fragmentStates: t };
   }
   getAverageDownloadRate() {
-    return Ki(this.downloadSamples);
+    return Vi(this.downloadSamples);
   }
   /** Nominal media end time (ms) = last fragment's end. 0 if no index loaded.
    *  Reported in health so the leader's status card can tell "near end-of-stream,
@@ -4508,7 +4513,7 @@ class Ve {
         if (this.eosRetryTimer) return;
         this.eosRetryTimer = setTimeout(() => {
           this.eosRetryTimer = null, this.tryEndOfStream();
-        }, bs);
+        }, gs);
         return;
       }
     try {
@@ -4521,14 +4526,14 @@ class Ve {
     this.disposed = !0, this.eosRetryTimer && (clearTimeout(this.eosRetryTimer), this.eosRetryTimer = null), this.pendingEndOfStream = !1, this.abortAllJobs("dispose"), this.rejectAllWaiters(new Error("FragmentManager disposed")), this.appendQueue = [], this.isAppending = !1, this.eviction.reset(), this.appendingIndex = null, this.fragmentStates.clear(), this.errorTimestamps.clear(), this.discardCounts.clear(), this.fetchErrorCycles.clear(), this.downloadSamples = [], this.preAppendRanges = [], this.sourceBuffer = null, this.mediaSource = null, this.initState = "pending", this.initRange = null;
   }
 }
-function uo(n, e) {
+function lo(n, e) {
   return !!n && n !== "eng" && e;
 }
-function fo(n) {
-  return n.override !== null ? n.override : n.globalEnabled || uo(n.selectedAudioLang, n.hasEngSub);
+function uo(n) {
+  return n.override !== null ? n.override : n.globalEnabled || lo(n.selectedAudioLang, n.hasEngSub);
 }
 const br = "wp_reload_history", Zt = "wp_phantom_reload", yr = 5 * 6e4, Cn = 3;
-function ho() {
+function fo() {
   try {
     const n = sessionStorage.getItem(br);
     return (n ? JSON.parse(n) : []).filter((t) => Date.now() - t < yr);
@@ -4536,8 +4541,8 @@ function ho() {
     return [];
   }
 }
-function Ut(n, e) {
-  const t = ho();
+function Ht(n, e) {
+  const t = fo();
   if (t.length >= Cn) {
     hn(
       "error",
@@ -4573,13 +4578,13 @@ function In() {
     return null;
   }
 }
-function po() {
+function ho() {
   try {
     sessionStorage.removeItem(Zt);
   } catch {
   }
 }
-function mo() {
+function po() {
   const n = navigator;
   try {
     return typeof n.getAutoplayPolicy == "function" ? n.getAutoplayPolicy("mediaelement") : void 0;
@@ -4587,11 +4592,11 @@ function mo() {
     return;
   }
 }
-function go(n, e) {
+function mo(n, e) {
   return n === "disallowed" ? "deferred" : e ? "user-muted" : n === "allowed-muted" ? "muted-bridge" : "audible";
 }
 function vr(n, e) {
-  const t = mo(), r = go(t, e.userWantsMuted);
+  const t = po(), r = mo(t, e.userWantsMuted);
   w(e.label, "autoplay plan", { policy: t ?? "unknown", plan: r, userWantsMuted: e.userWantsMuted });
   const s = () => {
     n.muted = !0, n.play().then(() => {
@@ -4631,7 +4636,7 @@ function Sr(n, e = 3e3) {
     n.addEventListener("seeked", s, { once: !0 });
   });
 }
-class bo {
+class go {
   // ── State ──
   _seekInFlight = !1;
   /** Route taken by the in-flight seek (buffered/loading/nearby-pending/far) —
@@ -4823,14 +4828,14 @@ class bo {
   }
 }
 let rt = null;
-function yo() {
-  rt === null && (w("health", "Starting health reporting"), Rn(), rt = window.setInterval(Rn, ys));
+function bo() {
+  rt === null && (w("health", "Starting health reporting"), Rn(), rt = window.setInterval(Rn, bs));
 }
-function vo() {
+function yo() {
   rt !== null && (w("health", "Stopping health reporting"), window.clearInterval(rt), rt = null);
 }
 function Rn() {
-  const n = Gn();
+  const n = jn();
   if (!n.connected) return;
   const e = S.getState();
   if (!e.snapshot.mediaId) return;
@@ -4848,7 +4853,7 @@ function Rn() {
     (c < 0 || v < c) && (c = v);
   }
   const o = Math.max(0, a - s), u = c < 0 ? o : Math.min(o, c), f = e.drift.rtts.length > 0 ? e.drift.rtts.reduce((h, v) => h + v, 0) / e.drift.rtts.length : 0;
-  n.emit(Wn.HEALTH_REPORT, {
+  n.emit(Gn.HEALTH_REPORT, {
     avg_download_rate_bps: t.getAverageDownloadRate(),
     buffered_ahead_ms: u,
     audio_buffered_ahead_ms: c < 0 ? -1 : Math.round(c),
@@ -4860,13 +4865,13 @@ function Rn() {
     fragments_error: i.fragmentStates.error || 0,
     video_ready_state: r?.readyState ?? -1,
     duration_ms: t.getMediaEndMs(),
-    delivery_arm: Ss(),
-    ...So(r),
-    pong_age_ms: vs(),
+    delivery_arm: vs(),
+    ...vo(r),
+    pong_age_ms: ys(),
     reported_at: Date.now()
   });
 }
-function So(n) {
+function vo(n) {
   const e = typeof navigator > "u" ? void 0 : navigator, t = e?.connection;
   return {
     page_visible: typeof document.visibilityState == "string" ? document.visibilityState === "visible" : void 0,
@@ -4878,8 +4883,8 @@ function So(n) {
     net_downlink_mbps: typeof t?.downlink == "number" && t.downlink >= 0 ? t.downlink : void 0
   };
 }
-const wo = 3e3;
-function xo() {
+const So = 3e3;
+function wo() {
   const [n, e] = B(!1), t = L(null), r = L(!1), s = () => {
     t.current && (clearTimeout(t.current), t.current = null);
   }, i = O((c = 3e3) => {
@@ -4889,7 +4894,7 @@ function xo() {
   }, []), a = O(() => {
     r.current || (s(), e(!1));
   }, []), d = O((c) => {
-    r.current !== c && (r.current = c, c ? (s(), e(!0)) : i(wo));
+    r.current !== c && (r.current = c, c ? (s(), e(!0)) : i(So));
   }, [i]);
   return N(() => {
     const c = () => {
@@ -4900,7 +4905,7 @@ function xo() {
     };
   }, [i]), { controlsVisible: n, showControls: i, hideControls: a, setControlsHeld: d };
 }
-const wr = [], xr = [], Eo = {
+const wr = [], xr = [], xo = {
   fragments: wr,
   durationMs: null,
   mseCodec: null,
@@ -4908,8 +4913,8 @@ const wr = [], xr = [], Eo = {
   audioTracks: xr,
   contentToken: null
 };
-function Mo(n, e) {
-  if (!n || n.url !== e) return Eo;
+function Eo(n, e) {
+  if (!n || n.url !== e) return xo;
   const t = n.data;
   return {
     fragments: t.fragments || wr,
@@ -4938,7 +4943,7 @@ function Fn(n) {
     return null;
   }
 }
-function ko(n) {
+function Mo(n) {
   const [e, t] = B(null);
   return N(() => {
     const r = new AbortController();
@@ -4991,7 +4996,7 @@ function ko(n) {
     return s(), () => {
       r.abort();
     };
-  }, [n]), ke(() => Mo(e, n), [e, n]);
+  }, [n]), ke(() => Eo(e, n), [e, n]);
 }
 const Lt = {
   audioTracks: [],
@@ -4999,12 +5004,12 @@ const Lt = {
   selectedAudioIndex: 0,
   selectedSubtitleIndex: 0
 };
-function _o(n) {
-  const [e, t] = B(Lt), r = ws(), s = S((d) => d.mediaPrefs.preferredAudioLang);
+function ko(n) {
+  const [e, t] = B(Lt), r = Ss(), s = S((d) => d.mediaPrefs.preferredAudioLang);
   N(() => {
     if (!n) return;
     t(Lt);
-    const d = new AbortController(), c = xs(r);
+    const d = new AbortController(), c = ws(r);
     let o;
     return (async () => {
       try {
@@ -5034,12 +5039,12 @@ function _o(n) {
     setSelectedSubtitleIndex: a
   };
 }
-const Ao = 100;
-function To(n) {
-  return !n.roomPlaying || n.videoPaused ? "not-playing" : n.seekInFlight ? "seeking" : n.advancedMs > Ao ? "advancing" : "stalled";
+const _o = 100;
+function Ao(n) {
+  return !n.roomPlaying || n.videoPaused ? "not-playing" : n.seekInFlight ? "seeking" : n.advancedMs > _o ? "advancing" : "stalled";
 }
-const $t = 4e4, Co = 3e3;
-function Io(n, e, t, r, s, i) {
+const $t = 4e4, To = 3e3;
+function Co(n, e, t, r, s, i) {
   const a = (g) => {
     const C = {};
     return (i?.current ?? []).forEach((M, x) => {
@@ -5064,13 +5069,13 @@ function Io(n, e, t, r, s, i) {
     function b() {
       C();
       const m = n.current;
-      m && (y.current = m.currentTime, v.current = setTimeout(M, Co));
+      m && (y.current = m.currentTime, v.current = setTimeout(M, To));
     }
     function M() {
       v.current = null;
       const m = n.current;
       if (!m) return;
-      const _ = S.getState(), T = t.current, G = To({
+      const _ = S.getState(), T = t.current, G = Ao({
         roomPlaying: _.snapshot.playing,
         videoPaused: m.paused,
         seekInFlight: !!T?.seekInFlight,
@@ -5080,7 +5085,7 @@ function Io(n, e, t, r, s, i) {
         p.current = null, G !== "not-playing" && b();
         return;
       }
-      const P = m.currentTime * 1e3, H = e.current, X = Date.now();
+      const P = m.currentTime * 1e3, U = e.current, X = Date.now();
       p.current === null && (p.current = X);
       const ce = X - p.current;
       if (A("sync", "SILENT-STALL playhead frozen with no `waiting` event", {
@@ -5088,16 +5093,16 @@ function Io(n, e, t, r, s, i) {
         readyState: m.readyState,
         frozenMs: ce,
         // Reported for correlation only — see comment above; may look healthy.
-        reportedBufferedAheadMs: Math.round(H?.getBufferedAheadMs(P) ?? -1),
+        reportedBufferedAheadMs: Math.round(U?.getBufferedAheadMs(P) ?? -1),
         // Per-track geometry. `reportedBufferedAheadMs` above is VIDEO's and read
         // a healthy 30s through the entire cedar-ridge 2026-08-25 freeze; the
         // starved track only shows up here. A track whose `bufferedEndMs` equals
         // the playhead is the one that stopped the playhead.
-        video: H?.getTrackDiag(P),
+        video: U?.getTrackDiag(P),
         ...a(P)
-      }), d(P, "silent-stall"), H) {
-        H.reconcileLoadedStates();
-        const R = H.findNextRangeStart(P, It);
+      }), d(P, "silent-stall"), U) {
+        U.reconcileLoadedStates();
+        const R = U.findNextRangeStart(P, It);
         R !== null && T ? (A("sync", "SILENT-STALL gap-skip", {
           currentMs: Math.round(P),
           gapSkipTarget: Math.round(R)
@@ -5106,7 +5111,7 @@ function Io(n, e, t, r, s, i) {
           priority: it.VIEWER_CORRECTION,
           caller: "silent-stall-gap-skip",
           pauseSeekResume: !1
-        })) : H.fetchNearby(P).catch((V) => {
+        })) : U.fetchNearby(P).catch((V) => {
           V?.name !== "AbortError" && A("sync", "SILENT-STALL fetchNearby failed", {
             currentMs: Math.round(P),
             error: V?.message
@@ -5114,11 +5119,11 @@ function Io(n, e, t, r, s, i) {
         });
       }
       if (ce >= $t) {
-        H?.dumpBufferDiagnostics(P, "silent-stall-reload"), Ut("silent-stall", {
+        U?.dumpBufferDiagnostics(P, "silent-stall-reload"), Ht("silent-stall", {
           frozenMs: ce,
           currentTime: +m.currentTime.toFixed(2),
           readyState: m.readyState,
-          loaded: H?.getLoadedCount?.() ?? -1
+          loaded: U?.getLoadedCount?.() ?? -1
         }), p.current = null;
         return;
       }
@@ -5138,8 +5143,8 @@ function Io(n, e, t, r, s, i) {
         isLeader: G,
         serverMsAtStall: Math.round(P)
       }), oe.recordStallStart(m, e.current?.getBufferedAheadMs(m) ?? -1);
-      const H = e.current, X = t.current, ce = H?.getBufferedAheadMs(m) ?? 0;
-      if (H && ce < 1e3 && H.dumpBufferDiagnostics(m, "stall-onset"), T && ce >= 1e3) {
+      const U = e.current, X = t.current, ce = U?.getBufferedAheadMs(m) ?? 0;
+      if (U && ce < 1e3 && U.dumpBufferDiagnostics(m, "stall-onset"), T && ce >= 1e3) {
         const R = a(m);
         Object.keys(R).length > 0 && A("sync", "STALL-TRACKS video buffer healthy at stall — per-track geometry", {
           currentMs: Math.round(m),
@@ -5147,9 +5152,9 @@ function Io(n, e, t, r, s, i) {
           ...R
         });
       }
-      if (T && !X?.seekInFlight && m > 0 && d(m, "waiting"), T && H && !X?.seekInFlight && m > 0) {
-        H.reconcileLoadedStates();
-        const R = H.getBufferedAheadMs(m), V = H.findNextRangeStart(m, It);
+      if (T && !X?.seekInFlight && m > 0 && d(m, "waiting"), T && U && !X?.seekInFlight && m > 0) {
+        U.reconcileLoadedStates();
+        const R = U.getBufferedAheadMs(m), V = U.findNextRangeStart(m, It);
         if (V !== null && X)
           A("sync", "GAP-SKIP seeking over late-IDR gap", {
             currentMs: Math.round(m),
@@ -5161,15 +5166,15 @@ function Io(n, e, t, r, s, i) {
             pauseSeekResume: !1
           });
         else if (R < 500) {
-          const U = H.getForwardGapDiag(m);
-          U && U.nextRangeStartMs !== null && A("sync", "STALL-GAP not skipped", {
+          const H = U.getForwardGapDiag(m);
+          H && H.nextRangeStartMs !== null && A("sync", "STALL-GAP not skipped", {
             currentMs: Math.round(m),
-            atEdge: U.atEdge,
-            aheadInRangeMs: Math.round(U.aheadInRangeMs),
-            nextRangeStartMs: Math.round(U.nextRangeStartMs),
-            gapMs: U.gapMs !== null ? Math.round(U.gapMs) : null,
+            atEdge: H.atEdge,
+            aheadInRangeMs: Math.round(H.aheadInRangeMs),
+            nextRangeStartMs: Math.round(H.nextRangeStartMs),
+            gapMs: H.gapMs !== null ? Math.round(H.gapMs) : null,
             windowMs: It
-          }), H.fetchNearby(m).catch((ne) => {
+          }), U.fetchNearby(m).catch((ne) => {
             ne?.name !== "AbortError" && A("sync", "Stall recovery fetchNearby failed", {
               currentMs: Math.round(m),
               error: ne?.message
@@ -5179,23 +5184,23 @@ function Io(n, e, t, r, s, i) {
       }
       G && T && !c.current && (c.current = setTimeout(() => {
         c.current = null;
-        const R = S.getState(), V = !!R.snapshot.leaderId && R.snapshot.leaderId === R.me.clientId, U = !!t.current?.seekInFlight;
-        V && !g.paused && g.readyState < 3 && !U && (A("sync", "Leader stall threshold reached — pausing room", { stallMs: pn }), o.current = !0, Ce("pause"));
+        const R = S.getState(), V = !!R.snapshot.leaderId && R.snapshot.leaderId === R.me.clientId, H = !!t.current?.seekInFlight;
+        V && !g.paused && g.readyState < 3 && !H && (A("sync", "Leader stall threshold reached — pausing room", { stallMs: pn }), o.current = !0, Ce("pause"));
       }, pn)), T && !f.current && (h.current = g.currentTime, f.current = setTimeout(() => {
         f.current = null;
         const R = n.current;
         if (!R) return;
-        const U = S.getState().snapshot.playing, ne = e.current, re = ne?.getBufferedAheadMs(R.currentTime * 1e3) ?? -1, we = R.currentTime - h.current;
-        if (!(U && we < 0.5 && R.readyState < 3 && re < 1e3)) {
+        const H = S.getState().snapshot.playing, ne = e.current, re = ne?.getBufferedAheadMs(R.currentTime * 1e3) ?? -1, we = R.currentTime - h.current;
+        if (!(H && we < 0.5 && R.readyState < 3 && re < 1e3)) {
           w("sync", "STUCK-CHECK cleared — playback progressed, no reload", {
             advancedSec: +we.toFixed(2),
             readyState: R.readyState,
             bufferedAheadMs: Math.round(re),
-            playing: U
+            playing: H
           });
           return;
         }
-        ne?.dumpBufferDiagnostics(R.currentTime * 1e3, "stuck-reload"), Ut("stuck-watchdog", {
+        ne?.dumpBufferDiagnostics(R.currentTime * 1e3, "stuck-reload"), Ht("stuck-watchdog", {
           stuckMs: $t,
           advancedSec: +we.toFixed(2),
           currentTime: +R.currentTime.toFixed(2),
@@ -5211,13 +5216,13 @@ function Io(n, e, t, r, s, i) {
       !_ && !g.paused && s(g), T && o.current && !_ && (o.current = !1, A("sync", "Leader stall recovered — resuming room", { currentTime: g.currentTime.toFixed(2) }), Ce("play"));
       const G = u.current !== null ? Date.now() - u.current : null;
       u.current = null;
-      const P = S.getState(), H = P.snapshot.playheadMs + (P.snapshot.playing ? Date.now() - P.snapshotReceivedAt : 0), X = g.currentTime * 1e3;
+      const P = S.getState(), U = P.snapshot.playheadMs + (P.snapshot.playing ? Date.now() - P.snapshotReceivedAt : 0), X = g.currentTime * 1e3;
       w("sync", "VIDEO playing event", {
         currentTime: g.currentTime.toFixed(2),
         shouldPlay: _,
         stallDurationMs: G,
         // Positive = viewer is behind server; negative = viewer is ahead.
-        driftMs: G !== null ? Math.round(H - X) : null
+        driftMs: G !== null ? Math.round(U - X) : null
       });
     }
     function $() {
@@ -5228,8 +5233,8 @@ function Io(n, e, t, r, s, i) {
     };
   }, [r]);
 }
-const Ro = 1.5;
-function Fo(n, e, t, r, s, i) {
+const Io = 1.5;
+function Ro(n, e, t, r, s, i) {
   const a = L(null), d = L(null), c = O(() => {
     a.current && (clearInterval(a.current), a.current = null), d.current?.(), d.current = null;
   }, []);
@@ -5258,7 +5263,7 @@ function Fo(n, e, t, r, s, i) {
     };
     a.current = setInterval(v, mn);
     const y = () => {
-      performance.now() - h >= mn * Ro && v();
+      performance.now() - h >= mn * Io && v();
     };
     if (o && (o.addEventListener("timeupdate", y), d.current = () => o.removeEventListener("timeupdate", y)), o && !t.current?.seekInFlight) {
       h = performance.now();
@@ -5268,13 +5273,13 @@ function Fo(n, e, t, r, s, i) {
     return c;
   }, [r, s]), { stopPrefetch: c };
 }
-function No(n, e, t, r, s, i) {
+function Fo(n, e, t, r, s, i) {
   const a = S((o) => o.snapshot), d = S((o) => o.loadGeneration), c = L(d);
   N(() => {
     const o = n.current;
     if (!o || !r) return;
     const u = a.playheadMs, f = t.current, h = d !== c.current;
-    c.current = d, !(!h && Math.abs(u - f) <= Vn) && (w("buffer", "Seek triggered", {
+    c.current = d, !(!h && Math.abs(u - f) <= Wn) && (w("buffer", "Seek triggered", {
       targetMs: u,
       lastApplied: f,
       delta: Math.round(u - f),
@@ -5300,7 +5305,7 @@ function Nn(n, e) {
     }, { once: !0 });
   });
 }
-function Lo(n) {
+function No(n) {
   const e = S((s) => s.playlist), t = S((s) => s.activePlaylistIndex), r = S((s) => s.snapshot.mediaId);
   N(() => {
     if (!e || !e.videos.some((i) => i.mediaId === r)) return;
@@ -5309,7 +5314,7 @@ function Lo(n) {
       for (let i = 0; i < e.videos.length; i++) {
         if (s.signal.aborted) return;
         if (i === t) continue;
-        const a = e.videos[i], { mediaUrl: d, indexUrl: c } = Kn(a.mediaId), o = 3e3, u = async () => {
+        const a = e.videos[i], { mediaUrl: d, indexUrl: c } = Vn(a.mediaId), o = 3e3, u = async () => {
           for (; !s.signal.aborted && (n.current?.getPendingCount() ?? 0) !== 0; )
             try {
               await Nn(2e3, s.signal);
@@ -5398,11 +5403,11 @@ function Lo(n) {
   }, [e?.id, t, r]);
 }
 const $e = "bg-play";
-function $o() {
+function Lo() {
   const n = S.getState();
   return !!n.snapshot.leaderId && n.snapshot.leaderId === n.me.clientId;
 }
-function Bo(n) {
+function $o(n) {
   return typeof Image > "u" ? Promise.resolve(null) : n.reduce(
     (e, t) => e.then((r) => r ?? new Promise((s) => {
       const i = new Image();
@@ -5411,18 +5416,18 @@ function Bo(n) {
     Promise.resolve(null)
   );
 }
-function Do(n, e, t, r, s, i) {
+function Bo(n, e, t, r, s, i) {
   const a = L(!1), d = L(0), c = dt((o) => {
     const u = n.current, f = e.current;
     if (!u || !s) return;
-    const h = S.getState(), v = Pi({
+    const h = S.getState(), v = Di({
       roomPlaying: h.snapshot.playing,
       seekInFlight: !!f?.seekInFlight,
       elementPaused: u.paused,
       elementMs: u.currentTime * 1e3,
-      roomMs: Oi(h.snapshot, h.snapshotReceivedAt, Date.now()),
+      roomMs: Pi(h.snapshot, h.snapshotReceivedAt, Date.now()),
       durationMs: r,
-      driftToleranceMs: Vn
+      driftToleranceMs: Wn
     });
     v.kind !== "none" && (w($e, "resync", { reason: o, plan: v.kind, elementMs: Math.round(u.currentTime * 1e3) }), v.kind === "resume" ? i(u) : f && f.submit({ targetMs: v.targetMs, priority: it.SEEK_EFFECT, caller: `bg-resync:${o}` }));
   });
@@ -5431,7 +5436,7 @@ function Do(n, e, t, r, s, i) {
     if (!o || !s) return;
     const u = () => {
       const h = S.getState();
-      Bi({
+      $i({
         hidden: document.visibilityState === "hidden",
         roomPlaying: h.snapshot.playing,
         seekInFlight: !!e.current?.seekInFlight,
@@ -5457,9 +5462,9 @@ function Do(n, e, t, r, s, i) {
         artwork: M ? [{ src: M }] : []
       }));
     };
-    v(null), Bo(Hi(t).map(Es)).then(v);
+    v(null), $o(Oi(t).map(xs)).then(v);
     const y = (M) => () => {
-      const x = S.getState(), F = Di(M, { isLeader: $o(), roomPlaying: x.snapshot.playing });
+      const x = S.getState(), F = Bi(M, { isLeader: Lo(), roomPlaying: x.snapshot.playing });
       switch (w($e, "media session press", { action: M, result: F.kind }), M === "pause" && (d.current = Date.now()), F.kind) {
         case "control":
           Ce(F.control), F.control === "pause" && o.pause();
@@ -5532,9 +5537,9 @@ function Do(n, e, t, r, s, i) {
     };
   }, []);
 }
-const Po = 3e5, Oo = 1, Ho = 1;
+const Do = 3e5, Po = 1, Oo = 1;
 function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
-  const r = L(null), [s, i] = B(!1), [a, d] = B(!1), { controlsVisible: c, showControls: o, hideControls: u, setControlsHeld: f } = xo();
+  const r = L(null), [s, i] = B(!1), [a, d] = B(!1), { controlsVisible: c, showControls: o, hideControls: u, setControlsHeld: f } = wo();
   N(() => {
     const E = () => d(!!document.fullscreenElement);
     return document.addEventListener("fullscreenchange", E), () => document.removeEventListener("fullscreenchange", E);
@@ -5546,22 +5551,22 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
     initSegment: p,
     audioTracks: g,
     contentToken: C
-  } = ko(e), b = O((E) => {
+  } = Mo(e), b = O((E) => {
     if (!C) return null;
     const D = n.replace(new RegExp(`/${ct.replace(/\./g, "\\.")}$`), "");
     return D === n ? null : { baseUrl: D, token: C, trackId: E };
-  }, [C, n]), x = y !== null && g.length > 0, F = S((E) => E.readiness), I = L(!1), $ = L(!1), m = L(null), _ = L(null), T = L(null), G = L(0), P = L(0), H = L(null), [X, ce] = B(0), R = L([]), V = L([]), U = L(-1), ne = L(!1), re = L(null), we = L(0), Qe = L(null), bt = S((E) => E.bufferState), Ie = S((E) => E.setBufferState), {
+  }, [C, n]), x = y !== null && g.length > 0, F = S((E) => E.readiness), I = L(!1), $ = L(!1), m = L(null), _ = L(null), T = L(null), G = L(0), P = L(0), U = L(null), [X, ce] = B(0), R = L([]), V = L([]), H = L(-1), ne = L(!1), re = L(null), we = L(0), Qe = L(null), bt = S((E) => E.bufferState), Ie = S((E) => E.setBufferState), {
     audioTracks: pe,
     subtitleTracks: Re,
     selectedAudioIndex: ye,
     setSelectedAudioIndex: qe,
     selectedSubtitleIndex: W,
     setSelectedSubtitleIndex: de
-  } = _o(t), xe = S((E) => E.mediaPrefs), yt = S((E) => E.mutedForAutoplay), Er = S((E) => E.setMutedForAutoplay), en = S((E) => E.setSubtitlesEnabled), Mr = S((E) => E.setSubtitleStyle), vt = S((E) => E.setPreferredAudioLang), kr = xe.subtitlesEnabled, tn = xe.subtitleStyle, _r = pe[ye]?.lang, Ar = Re.some((E) => E.lang === "eng"), [Tr, nn] = B(null);
+  } = ko(t), xe = S((E) => E.mediaPrefs), yt = S((E) => E.mutedForAutoplay), Er = S((E) => E.setMutedForAutoplay), en = S((E) => E.setSubtitlesEnabled), Mr = S((E) => E.setSubtitleStyle), vt = S((E) => E.setPreferredAudioLang), kr = xe.subtitlesEnabled, tn = xe.subtitleStyle, _r = pe[ye]?.lang, Ar = Re.some((E) => E.lang === "eng"), [Tr, nn] = B(null);
   N(() => {
     nn(null);
   }, [t]);
-  const Xe = fo({
+  const Xe = uo({
     override: Tr,
     globalEnabled: kr,
     selectedAudioLang: _r,
@@ -5595,7 +5600,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
   }, [Ie]);
   N(() => {
     if (!y) return;
-    H.current !== t && (H.current = t, P.current = 0, G.current = 0);
+    U.current !== t && (U.current = t, P.current = 0, G.current = 0);
     const E = In();
     E && A("buffer", "POST-AUTO-RELOAD — this load follows an auto-reload recovery", {
       reloadAtMs: E,
@@ -5609,12 +5614,12 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
     T.current = j;
     const le = ++St.current;
     window.__FRAGMENT_MANAGER__ = j, window.__AUDIO_FRAGMENT_MANAGERS__ = R.current;
-    const ee = new bo({
+    const ee = new go({
       videoRef: r,
       fragmentManagerRef: T,
       audioFragmentManagersRef: R
     });
-    re.current = ee, window.__SEEK_COORDINATOR__ = ee, yo();
+    re.current = ee, window.__SEEK_COORDINATOR__ = ee, bo();
     const K = r.current, te = () => {
       const Q = K?.error;
       Q && (ue("video", `Media error code=${Q.code}: ${Q.message}`, {
@@ -5652,7 +5657,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
                 Ye,
                 { suppressEndOfStream: !0, label: `audio:${ae.track_id}` }
               );
-              ie.setSourceBuffer(J, q), R.current.push(ie), V.current.push(J), U.current = Y, w("mse", `Audio SB added: codec=${z} track=${ae.track_id} lang=${ae.lang} idx=${Y}`);
+              ie.setSourceBuffer(J, q), R.current.push(ie), V.current.push(J), H.current = Y, w("mse", `Audio SB added: codec=${z} track=${ae.track_id} lang=${ae.lang} idx=${Y}`);
             } catch (J) {
               A("mse", `Audio SB creation failed for track ${ae.track_id}`, { error: J?.message });
             }
@@ -5661,7 +5666,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
         }
         if (h.length) {
           if (j.setIndex(h, n, p, t, b()), j.epoch = le, x) {
-            const Y = U.current, ae = R.current[0], z = Y >= 0 ? g[Y] : void 0;
+            const Y = H.current, ae = R.current[0], z = Y >= 0 ? g[Y] : void 0;
             if (ae && z) {
               const me = `${se}/${z.path}`.replace(/\\/g, "/");
               ae.setIndex(
@@ -5680,7 +5685,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
       }
     };
     return K && (q.addEventListener("sourceopen", Pe), D = URL.createObjectURL(q), K.src = D, K.addEventListener("error", te)), () => {
-      r.current?.pause(), K && K.removeEventListener("error", te), q.removeEventListener("sourceopen", Pe), vo(), ee.dispose(), re.current = null, j.dispose(), T.current = null, window.__FRAGMENT_MANAGER__ = null, window.__AUDIO_FRAGMENT_MANAGERS__ = null;
+      r.current?.pause(), K && K.removeEventListener("error", te), q.removeEventListener("sourceopen", Pe), yo(), ee.dispose(), re.current = null, j.dispose(), T.current = null, window.__FRAGMENT_MANAGER__ = null, window.__AUDIO_FRAGMENT_MANAGERS__ = null;
       for (const Q of R.current) Q.dispose();
       if (R.current = [], q.readyState === "open") {
         for (const Q of [m.current, ...V.current])
@@ -5704,7 +5709,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
     if (_.current?.readyState === "open" && m.current && h.length && E) {
       if (E.hasIndex && E.epoch === D) return;
       if (E.setIndex(h, n, p, t, b()), E.epoch = D, x) {
-        const q = n.replace(new RegExp(`/${ct.replace(/\./g, "\\.")}$`), ""), j = U.current, le = R.current[0], ee = j >= 0 ? g[j] : void 0;
+        const q = n.replace(new RegExp(`/${ct.replace(/\./g, "\\.")}$`), ""), j = H.current, le = R.current[0], ee = j >= 0 ? g[j] : void 0;
         if (le && ee && !(le.hasIndex && le.epoch === D)) {
           const K = `${q}/${ee.path}`.replace(/\\/g, "/");
           le.setIndex(
@@ -5731,7 +5736,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
   }, () => {
     window.__AUDIO_SELECT__ = null;
   }), [pe, qe, vt]), N(() => {
-    if (!x || !s || ye < 0 || ye >= g.length || ye === U.current) return;
+    if (!x || !s || ye < 0 || ye >= g.length || ye === H.current) return;
     if (ne.current) {
       w("audio", "MSE audio swap requested while another in flight — deferring");
       return;
@@ -5746,7 +5751,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
     const q = ye, j = g[q], le = St.current;
     ne.current = !0;
     const ee = Math.round(D.currentTime * 1e3);
-    w("audio", `MSE audio swap START idx=${U.current}→${q} lang=${j.lang} playheadMs=${ee}`), (async () => {
+    w("audio", `MSE audio swap START idx=${H.current}→${q} lang=${j.lang} playheadMs=${ee}`), (async () => {
       try {
         const K = R.current[0], te = V.current[0];
         if (!te) {
@@ -5783,7 +5788,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
           j.init_segment,
           `${t}::audio::${j.track_id}`,
           b(j.track_id)
-        ), se.epoch = le, R.current.length = 0, R.current.push(se), U.current = q;
+        ), se.epoch = le, R.current.length = 0, R.current.push(se), H.current = q;
         const ve = re.current?.inFlightTargetMs ?? Math.round(D.currentTime * 1e3), Y = new AbortController();
         se.setPlayhead(ve);
         const ae = se.ensureBuffered(ve, "audio-swap", Y.signal);
@@ -5797,8 +5802,8 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
     })();
   }, [x, s, ye, g, t, n, Ye]);
   const an = O((E) => {
-    if (P.current >= Ho) {
-      Ut("phantom-recreate-exhausted", { reason: E, recreates: P.current, mediaId: t });
+    if (P.current >= Oo) {
+      Ht("phantom-recreate-exhausted", { reason: E, recreates: P.current, mediaId: t });
       return;
     }
     P.current += 1, G.current = 0, A("buffer", "MSE-RECREATE — rebuilding MediaSource to clear corrupt buffer", {
@@ -5821,7 +5826,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
         })
       );
       if (await E.ensureBuffered(j, "initial"), E.isDisposed) return;
-      const te = Ms;
+      const te = Es;
       await Promise.allSettled(K);
       const se = ee.map(
         (J) => J.waitForBuffered(j + Me, te)
@@ -5831,7 +5836,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
         aheadMs: Math.round(E.getBufferedAheadMs(j)),
         targetMs: Me
       }), E.isDisposed) return;
-      if (E.getBufferedAheadMs(j) > Po && E.getLoadedCount() === 0) {
+      if (E.getBufferedAheadMs(j) > Do && E.getLoadedCount() === 0) {
         E.dumpBufferDiagnostics(j, "phantom-detected"), A("buffer", "PHANTOM-BUFFER detected at gate — recreating MediaSource", {
           gateAheadMs: Math.round(E.getBufferedAheadMs(j)),
           loaded: E.getLoadedCount(),
@@ -5847,7 +5852,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
         totalMs: Q
       });
       const ve = Pe ? "gate-pass" : "gate-timeout";
-      E.emitInitDigest("video", ve), ee.forEach((J, ie) => J.emitInitDigest(`audio:${ie}`, ve)), I.current || (I.current = !0, ks(t));
+      E.emitInitDigest("video", ve), ee.forEach((J, ie) => J.emitInitDigest(`audio:${ie}`, ve)), I.current || (I.current = !0, Ms(t));
       let Y = j;
       if (D && Y > 0) {
         const J = D.buffered;
@@ -5857,7 +5862,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
         }
         D.currentTime = Y / 1e3, await Sr(D, 3e3);
       }
-      we.current = Y, i(!0), $.current = !0, G.current = 0, In() && A("buffer", "RECOVERY-SUCCESS — playback initialized after an auto-reload", { mediaId: t }), po(), w("buffer", "initializePlayback complete", {
+      we.current = Y, i(!0), $.current = !0, G.current = 0, In() && A("buffer", "RECOVERY-SUCCESS — playback initialized after an auto-reload", { mediaId: t }), ho(), w("buffer", "initializePlayback complete", {
         mediaId: t,
         startMs: j,
         seekMs: Y,
@@ -5922,7 +5927,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
           return;
         }
         const te = K.includes("SourceBuffer is full"), se = K.includes("init segment failed");
-        G.current += 1, te || se || G.current > Oo ? (ue("buffer", "Initialize playback failed — recreating MediaSource", {
+        G.current += 1, te || se || G.current > Po ? (ue("buffer", "Initialize playback failed — recreating MediaSource", {
           error: K,
           mediaId: t,
           attempt: G.current,
@@ -5938,9 +5943,9 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
       }
     }
   }
-  No(re, r, we, s, ot, rn), Io(r, T, re, s, rn, R), Do(r, re, t, v ?? 0, s, ot);
-  const { stopPrefetch: Rr } = Fo(r, T, re, s, Ie, R);
-  Lo(T), Qe.current = Rr;
+  Fo(re, r, we, s, ot, rn), Co(r, T, re, s, rn, R), Bo(r, re, t, v ?? 0, s, ot);
+  const { stopPrefetch: Rr } = Ro(r, T, re, s, Ie, R);
+  No(T), Qe.current = Rr;
   const Fr = O(() => {
     const E = r.current?.parentElement;
     E && (document.fullscreenElement ? document.exitFullscreen().catch((D) => A("ui", "exitFullscreen failed", { error: D?.message, name: D?.name })) : E.requestFullscreen().catch((D) => A("ui", "requestFullscreen failed", { error: D?.message, name: D?.name })));
@@ -5966,7 +5971,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
           }
         ),
         /* @__PURE__ */ l(
-          Zi,
+          Yi,
           {
             subtitleUrl: Lr,
             videoRef: r,
@@ -5976,7 +5981,7 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
         ),
         /* @__PURE__ */ l(Ui, { mediaId: t, visible: c }),
         /* @__PURE__ */ l(
-          Li,
+          Ni,
           {
             videoRef: r,
             mediaId: t,
@@ -6024,14 +6029,14 @@ function Uo({ mediaUrl: n, indexUrl: e, mediaId: t }) {
     }
   );
 }
-function jo() {
-  const n = S((t) => t.snapshot.mediaId), e = ke(() => n ? { mediaId: n, ...Kn(n) } : null, [n]);
-  return e ? /* @__PURE__ */ l(Pt, { children: /* @__PURE__ */ l(Uo, { mediaUrl: e.mediaUrl, indexUrl: e.indexUrl, mediaId: e.mediaId }) }) : /* @__PURE__ */ l(Ts, {});
+function Ho() {
+  const n = S((t) => t.snapshot.mediaId), e = ke(() => n ? { mediaId: n, ...Vn(n) } : null, [n]);
+  return e ? /* @__PURE__ */ l(Pt, { children: /* @__PURE__ */ l(Uo, { mediaUrl: e.mediaUrl, indexUrl: e.indexUrl, mediaId: e.mediaId }) }) : /* @__PURE__ */ l(As, {});
 }
-const Go = (n) => {
-  const e = Ps(n);
+const jo = (n) => {
+  const e = Ds(n);
   return e.render(
-    /* @__PURE__ */ l(_s.Provider, { value: As(), children: /* @__PURE__ */ l(jo, {}) })
+    /* @__PURE__ */ l(ks.Provider, { value: _s(), children: /* @__PURE__ */ l(Ho, {}) })
   ), {
     update() {
     },
@@ -6042,21 +6047,21 @@ const Go = (n) => {
       queueMicrotask(() => e.unmount());
     }
   };
-}, Wo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  mount: Go
-}, Symbol.toStringTag, { value: "Module" })), Vo = {
+  mount: jo
+}, Symbol.toStringTag, { value: "Module" })), Wo = {
   id: "player",
   name: "Media player",
-  load: () => Promise.resolve(Wo)
-}, Ko = pt(() => import("./MediaDrawer-CgoGUHwV.js")), zo = pt(() => import("./GameModule-BvqNQcVk.js"));
-function Jo() {
+  load: () => Promise.resolve(Go)
+}, Vo = pt(() => import("./MediaDrawer-DYNPH01V.js")), Ko = pt(() => import("./GameModule-D71uhFdW.js"));
+function zo() {
   const n = S((u) => u.snapshot), e = S((u) => u.ensureAutoIdentity), t = gt(), r = ke(
-    () => t?.kind === "module" ? $a(t, window.location.origin) : null,
+    () => t?.kind === "module" ? La(t, window.location.origin) : null,
     [t]
-  ), s = Cs(), i = L(!1), [a, d] = B(!1), c = s.roomKey || null;
-  mi(), N(() => gi(), []), N(() => {
-    c && Si(c);
+  ), s = Ts(), i = L(!1), [a, d] = B(!1), c = s.roomKey || null;
+  pi(), N(() => mi(), []), N(() => {
+    c && vi(c);
   }, [c]), N(() => {
     const u = () => d(!0);
     return window.addEventListener(Dt, u), () => window.removeEventListener(Dt, u);
@@ -6068,9 +6073,9 @@ function Jo() {
       try {
         await Promise.race([
           Promise.all([
+            Cs(),
             Is(),
-            Rs(),
-            Fs().then(jn)
+            Rs().then(Hn)
           ]),
           new Promise((y) => setTimeout(y, f))
         ]);
@@ -6081,7 +6086,7 @@ function Jo() {
       const h = S.getState();
       w("room", "Joining room", { roomKey: c, name: h.name, sprite: h.sprite }), e();
       const v = S.getState();
-      Ns({
+      Fs({
         room_key: c,
         name: v.name || void 0,
         sprite: v.sprite || void 0
@@ -6095,38 +6100,38 @@ function Jo() {
   }
   return c ? /* @__PURE__ */ k("div", { className: "relative flex-1 flex overflow-hidden min-h-0", children: [
     /* @__PURE__ */ k("div", { className: "flex-1 relative bg-black overflow-hidden min-w-0", children: [
-      /* @__PURE__ */ l(vn, { activity: Vo, roomKey: n.roomId ?? "", layer: "base" }),
-      t?.kind === "iframe" && /* @__PURE__ */ l(Pt, { children: /* @__PURE__ */ l(Ke.Suspense, { fallback: null, children: /* @__PURE__ */ l(zo, {}) }) }),
+      /* @__PURE__ */ l(vn, { activity: Wo, roomKey: n.roomId ?? "", layer: "base" }),
+      t?.kind === "iframe" && /* @__PURE__ */ l(Pt, { children: /* @__PURE__ */ l(Ke.Suspense, { fallback: null, children: /* @__PURE__ */ l(Ko, {}) }) }),
       r && n.roomId && /* @__PURE__ */ l(Pt, { children: /* @__PURE__ */ l(vn, { activity: r, roomKey: n.roomId, layer: "overlay" }, r.id) }),
-      /* @__PURE__ */ k(Za, { children: [
-        /* @__PURE__ */ l(ja, {}),
-        /* @__PURE__ */ l(qa, {}),
-        /* @__PURE__ */ l(pi, {}),
-        /* @__PURE__ */ l(Ya, {})
+      /* @__PURE__ */ k(Ya, { children: [
+        /* @__PURE__ */ l(Ha, {}),
+        /* @__PURE__ */ l(Qa, {}),
+        /* @__PURE__ */ l(hi, {}),
+        /* @__PURE__ */ l(Xa, {})
       ] })
     ] }),
-    /* @__PURE__ */ l(Fa, {}),
-    /* @__PURE__ */ l(Ke.Suspense, { fallback: /* @__PURE__ */ l(Oa, { open: a, onClose: o }), children: /* @__PURE__ */ l(Ko, { open: a, onClose: o }) })
+    /* @__PURE__ */ l(Ra, {}),
+    /* @__PURE__ */ l(Ke.Suspense, { fallback: /* @__PURE__ */ l(Pa, { open: a, onClose: o }), children: /* @__PURE__ */ l(Vo, { open: a, onClose: o }) })
   ] }) : (A("room", "No room key provided"), /* @__PURE__ */ l("div", { className: "flex-1 flex items-center justify-center p-6", children: /* @__PURE__ */ k("div", { className: "text-text-secondary", children: [
     "No room key provided. Go to the ",
     /* @__PURE__ */ l("a", { href: "/", className: "underline", children: "home page" }),
     " to select a room."
   ] }) }));
 }
-const ic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ac = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Jo
+  default: zo
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  rc as B,
-  Pa as D,
-  ic as R,
-  sc as S,
-  Da as a,
-  wi as b,
-  nc as c,
+  nc as B,
+  Da as D,
+  ac as R,
+  rc as S,
+  Ba as a,
+  Si as b,
+  tc as c,
   Je as d,
-  ac as s,
+  sc as s,
   Xt as u
 };
-//# sourceMappingURL=Room-CoE8L9aw.js.map
+//# sourceMappingURL=Room-C1DWAuT8.js.map