npm - @hadoku/watchparty-ui - Versions diffs - 0.45.32 → 0.45.33 - Mend

@hadoku/watchparty-ui 0.45.32 → 0.45.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/chunks/{Room-DjbNxzkP.js → Room-DESl744M.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as _, Fragment as Se } from "react/jsx-runtime";
 import Ve, { useState as $, useRef as P, useEffect as L, useCallback as U, useMemo as Ee, Component as Xr, useContext as Bn, createContext as On, useId as Zr, useEffectEvent as fe } from "react";
-import { k as es, M as ts, m as ns, f as rs, a as ss, C as dt, g as Jt, i as as, S as is, r as vt, d as E, e as ee, b as os, u as x, A as pt, c as cs, h as tt, j as Hn, n as Un, D as it, w as C, l as ls, o as ds, s as jn, p as Gn, q as Wn, t as us, L as fs, v as hs, x as ps, y as Qt, z as ms, B as gs, E as bs, F as ys, G as Vn, H as qt, I as Kn, J as zn, K as vs, N as Ss, O as Ce, P as un, T as Tt, Q as ws, R as Jn, U as xs, V as Es, W as Qn, X as Y, Y as Ms, Z as qn, _ as Yn, $ as Xe, a0 as ks, a1 as _s, a2 as As, a3 as Ts, a4 as Is, a5 as fn, a6 as ze, a7 as Cs, a8 as hn, a9 as Rs, aa as Fs, ab as pn, ac as Ns, ad as Ls, ae as $s, af as Ps, ag as Ds, ah as mn, ai as gn, aj as Bs, ak as Xn, al as bn, am as Os, an as gt, ao as Hs, ap as Us, aq as js, ar as Gs, as as Ws, at as Vs, au as Ks, av as zs, aw as Js, ax as Qs } from "./index-ByvPQ_Xq.js";
+import { k as es, M as ts, m as ns, f as rs, a as ss, C as dt, g as Qt, i as as, S as is, r as vt, d as E, e as ee, b as os, u as x, A as pt, c as cs, h as tt, j as Hn, n as Un, D as it, w as C, l as ls, o as ds, s as jn, p as Gn, q as Wn, t as us, L as fs, v as hs, x as ps, y as qt, z as ms, B as gs, E as bs, F as ys, G as Vn, H as Yt, I as Kn, J as zn, K as vs, N as Ss, O as Ce, P as un, T as It, Q as ws, R as Jn, U as xs, V as Es, W as Qn, X as Y, Y as Ms, Z as qn, _ as Yn, $ as Xe, a0 as ks, a1 as _s, a2 as As, a3 as Ts, a4 as Is, a5 as fn, a6 as ze, a7 as Cs, a8 as hn, a9 as Rs, aa as Fs, ab as pn, ac as Ns, ad as Ls, ae as $s, af as Ps, ag as Ds, ah as mn, ai as gn, aj as Bs, ak as Xn, al as bn, am as Os, an as gt, ao as Hs, ap as Us, aq as js, ar as Gs, as as Ws, at as Vs, au as Ks, av as zs, aw as Js, ax as Qs } from "./index-kMwjyNYE.js";
 import { createPortal as wt } from "react-dom";
 import { Icon as ut, THEMES as qs, useHadokuThemeOptional as Ys } from "@wolffm/themes";
 import { HadokuThemePicker as Xs, ConnectedSettings as Zs } from "@wolffm/task-ui-components";
@@ -51,7 +51,7 @@ async function ia(t) {
   return { w: e?.width ?? 0, h: e?.height ?? 0 };
 }
 async function oa(t, e = {}) {
-  const n = await Jt().upload(t, { signal: e.signal });
+  const n = await Qt().upload(t, { signal: e.signal });
   if (!as(n.key))
     throw new Zn("Image upload returned an unusable key");
   return { key: n.key, deduplicated: n.deduplicated === !0 };
@@ -83,15 +83,15 @@ function da(t) {
   }), [e, `${t.cdnBase}|${t.uploadPath}`];
 }
 function ua(t, e, n, r = {}) {
-  const { limit: s, debounceMs: i = is } = r, [a, l] = da(t), [o, c] = $([]), [u, f] = $(null), [p, v] = $(!1), [g, h] = $(null), [y, w] = $(0), A = P(null);
+  const { limit: s, debounceMs: i = is } = r, [a, l] = da(t), [o, c] = $([]), [u, h] = $(null), [f, y] = $(!1), [g, p] = $(null), [v, w] = $(0), A = P(null);
   L(() => {
-    w(0), f(null);
+    w(0), h(null);
   }, [n, e]), L(() => {
     let k = !1;
-    const m = y === 0, T = async () => {
+    const m = v === 0, T = async () => {
       A.current?.abort();
       const b = new AbortController();
-      A.current = b, v(!0), h(null);
+      A.current = b, y(!0), p(null);
       try {
         const S = await a.current.catalogue(e).search({
           query: n,
@@ -100,12 +100,12 @@ function ua(t, e, n, r = {}) {
           signal: b.signal
         });
         if (k) return;
-        c((I) => m ? S.results : [...I, ...S.results]), f(S.next);
+        c((I) => m ? S.results : [...I, ...S.results]), h(S.next);
       } catch (S) {
         if (k || S instanceof Error && S.name === "AbortError") return;
-        h(S instanceof dt ? S : new dt("unknown", String(S)));
+        p(S instanceof dt ? S : new dt("unknown", String(S)));
       } finally {
-        k || v(!1);
+        k || y(!1);
       }
     }, R = setTimeout(
       // A block body, not `() => void run()`: `no-void` is configured with
@@ -121,38 +121,38 @@ function ua(t, e, n, r = {}) {
     return () => {
       k = !0, clearTimeout(R);
     };
-  }, [a, l, e, n, s, i, y]);
+  }, [a, l, e, n, s, i, v]);
   const F = U(() => {
-    p || !u || w((k) => k + 1);
-  }, [p, u]);
-  return { items: o, loading: p, error: g, hasMore: u !== null, loadMore: F };
+    f || !u || w((k) => k + 1);
+  }, [f, u]);
+  return { items: o, loading: f, error: g, hasMore: u !== null, loadMore: F };
 }
-const Gt = 240, je = 8, fa = 28, er = 240;
+const Wt = 240, je = 8, fa = 28, er = 240;
 function ha(t, e, n) {
-  let r = e.left - Gt - je;
-  r < je && (r = e.right + je), r = Math.min(r, n.width - Gt - je), r = Math.max(je, r);
+  let r = e.left - Wt - je;
+  r < je && (r = e.right + je), r = Math.min(r, n.width - Wt - je), r = Math.max(je, r);
   const s = er + fa;
   let i = t.top + t.height / 2 - s / 2;
   return i = Math.min(i, n.height - s - je), i = Math.max(je, i), { left: r, top: i };
 }
 const tr = "/dataplatform/api/memes", pa = 120;
 function ma({ onClose: t, onPick: e, onUnavailable: n }) {
-  const [r, s] = $(""), i = P(null), a = P(null), l = Jt(), { items: o, loading: c, error: u, hasMore: f, loadMore: p } = ua(
+  const [r, s] = $(""), i = P(null), a = P(null), l = Qt(), { items: o, loading: c, error: u, hasMore: h, loadMore: f } = ua(
     l,
     tr,
     r.trim()
-  ), v = u?.reason ?? null, g = Ee(() => {
+  ), y = u?.reason ?? null, g = Ee(() => {
     const b = /* @__PURE__ */ new Set();
     return o.filter((S) => b.has(S.key) ? !1 : (b.add(S.key), !0));
-  }, [o]), [h, y] = $(null), w = P(null), A = U(() => {
+  }, [o]), [p, v] = $(null), w = P(null), A = U(() => {
     w.current !== null && (window.clearTimeout(w.current), w.current = null);
   }, []), F = U(() => {
-    A(), y(null);
+    A(), v(null);
   }, [A]), k = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(hover: hover)").matches, m = U(
     (b, S, I = !1) => {
       const B = i.current;
       if (!B) return;
-      const H = () => y({
+      const H = () => v({
         item: b,
         ...ha(S.getBoundingClientRect(), B.getBoundingClientRect(), {
           width: window.innerWidth,
@@ -164,8 +164,8 @@ function ma({ onClose: t, onPick: e, onUnavailable: n }) {
     [A]
   );
   L(() => () => A(), [A]), L(() => {
-    v === "unavailable" && n?.();
-  }, [v, n]), L(() => {
+    y === "unavailable" && n?.();
+  }, [y, n]), L(() => {
     a.current?.focus();
   }, []), L(() => {
     const b = (I) => {
@@ -214,8 +214,8 @@ function ma({ onClose: t, onPick: e, onUnavailable: n }) {
                 {
                   className: "m-2 p-2 text-center text-sm bg-danger-bg text-on-danger-bg rounded",
                   role: "alert",
-                  "data-reason": v,
-                  children: v === "unauthenticated" ? "Sign in to browse memes" : v === "forbidden" ? "Your account can't browse the meme library" : "Meme library is unavailable"
+                  "data-reason": y,
+                  children: y === "unauthenticated" ? "Sign in to browse memes" : y === "forbidden" ? "Your account can't browse the meme library" : "Meme library is unavailable"
                 }
               ),
               R && /* @__PURE__ */ d("p", { className: "p-4 text-center text-sm text-text-secondary", children: r.trim() ? `No memes match "${r.trim()}"` : "The meme library is empty" }),
@@ -250,11 +250,11 @@ function ma({ onClose: t, onPick: e, onUnavailable: n }) {
                 ) : null;
               }) }),
               c && /* @__PURE__ */ d("p", { className: "p-2 text-center text-xs text-text-secondary", children: "Loading…" }),
-              f && !c && /* @__PURE__ */ d(
+              h && !c && /* @__PURE__ */ d(
                 "button",
                 {
                   type: "button",
-                  onClick: p,
+                  onClick: f,
                   "data-testid": "meme-load-more",
                   className: "mt-2 w-full rounded border border-border-light py-1 text-xs text-text-secondary hover:text-text hover:border-primary",
                   children: "Load more"
@@ -263,15 +263,15 @@ function ma({ onClose: t, onPick: e, onUnavailable: n }) {
             ]
           }
         ),
-        h && /* @__PURE__ */ _(
+        p && /* @__PURE__ */ _(
           "div",
           {
             "data-testid": "meme-preview",
             className: "fixed z-50 flex flex-col gap-1 rounded border border-border-light bg-bg-card p-1.5 shadow-2xl",
             style: {
-              left: h.left,
-              top: h.top,
-              width: Gt,
+              left: p.left,
+              top: p.top,
+              width: Wt,
               /* The placement maths reserves exactly PREVIEW_PX of width.
                  Without border-box the padding and border sit OUTSIDE that
                  number and the box laps over the panel it is meant to sit
@@ -285,15 +285,15 @@ function ma({ onClose: t, onPick: e, onUnavailable: n }) {
               /* @__PURE__ */ d(
                 "img",
                 {
-                  src: vt(h.item.key) ?? void 0,
+                  src: vt(p.item.key) ?? void 0,
                   alt: "",
                   className: "block w-full rounded bg-bg object-contain",
                   style: { height: "auto", maxHeight: er }
                 }
               ),
-              h.item.title && /* One line. A long title must not change the box height, because
+              p.item.title && /* One line. A long title must not change the box height, because
               the box height is what the placement maths clamped against. */
-              /* @__PURE__ */ d("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap text-center text-[10px] text-text-secondary", children: h.item.title })
+              /* @__PURE__ */ d("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap text-center text-[10px] text-text-secondary", children: p.item.title })
             ]
           }
         )
@@ -313,9 +313,9 @@ function ba(t) {
   const e = t;
   return typeof e.unmount == "function" && typeof e.update == "function" && (e.mountSettings === void 0 || typeof e.mountSettings == "function");
 }
-const Wt = "watchparty:open-media-drawer";
+const Vt = "watchparty:open-media-drawer";
 function rr(t) {
-  E("navigation", `Select Media clicked (${t})`), window.dispatchEvent(new CustomEvent(Wt));
+  E("navigation", `Select Media clicked (${t})`), window.dispatchEvent(new CustomEvent(Vt));
 }
 class sr extends Xr {
   state = { hasError: !1 };
@@ -348,11 +348,14 @@ function xt() {
     return n(), document.addEventListener("fullscreenchange", n), () => document.removeEventListener("fullscreenchange", n);
   }, []), t;
 }
-function Yt(t) {
+function Et(t) {
   return t.hasMedia && (t.chatCollapsed || t.isFullscreen);
 }
+function ya(t, e) {
+  return t && Et(e);
+}
 function Xt(t) {
-  return t.isLeader ? Yt(t) ? t.gameOverlay && !t.isFullscreen ? "room-corner" : "control-bar" : "chat-toolbar" : "none";
+  return t.isLeader ? Et(t) ? t.gameOverlay && !t.isFullscreen ? "room-corner" : "control-bar" : "chat-toolbar" : "none";
 }
 function ar(t) {
   return t.hasMedia ? t.gameOverlay && !t.isFullscreen ? "room-corner" : "control-bar" : "none";
@@ -363,21 +366,21 @@ function ir(t, e) {
       if (n.author === e && n.avatarUrl) return n.avatarUrl;
   }
 }
-const ya = On(!0);
+const va = On(!0);
 function or() {
-  const t = Bn(ya);
+  const t = Bn(va);
   L(() => {
     t && os();
   }, [t]);
 }
-function va(t, e) {
+function Sa(t, e) {
   if (!e) return "";
   for (const n of Object.values(t))
     if (n.author === e && n.cosmetics) return JSON.stringify(n.cosmetics);
   return "";
 }
 function cr(t) {
-  const e = x((n) => va(n.roster, t));
+  const e = x((n) => Sa(n.roster, t));
   return Ee(() => e ? JSON.parse(e) : void 0, [e]);
 }
 function lr(t) {
@@ -389,7 +392,7 @@ const ft = Ve.memo(
   },
   (t, e) => t.html === e.html && t.as === e.as && t.className === e.className && JSON.stringify(t.style) === JSON.stringify(e.style)
 );
-function Sa(t, e) {
+function wa(t, e) {
   L(() => {
     const n = t.current;
     if (!n || !e || typeof IntersectionObserver > "u") return;
@@ -416,21 +419,21 @@ function dr({ sprite: t, url: e, alt: n, worn: r }) {
     r?.overlay && /* @__PURE__ */ d(ft, { html: cs(r), style: { display: "contents" } })
   ] });
 }
-function wa(t) {
+function xa(t) {
   return !(t.button !== 0 || t.ctrlKey || t.metaKey || t.shiftKey || t.altKey);
 }
-const xa = On(null);
-function Ea() {
-  return Bn(xa);
+const Ea = On(null);
+function Ma() {
+  return Bn(Ea);
 }
-function Ma({ src: t, title: e, onClose: n }) {
+function ka({ src: t, title: e, onClose: n }) {
   L(() => {
     const i = (a) => {
       a.key === "Escape" && (a.stopPropagation(), n());
     };
     return document.addEventListener("keydown", i, !0), () => document.removeEventListener("keydown", i, !0);
   }, [n]);
-  const r = Ea(), s = typeof document > "u" ? null : document.fullscreenElement ?? r ?? document.body;
+  const r = Ma(), s = typeof document > "u" ? null : document.fullscreenElement ?? r ?? document.body;
   return s ? wt(
     /* @__PURE__ */ _(
       "div",
@@ -469,11 +472,11 @@ function Ma({ src: t, title: e, onClose: n }) {
     s
   ) : null;
 }
-const It = 240, ka = 320;
-function _a({ image: t }) {
+const Ct = 240, _a = 320;
+function Aa({ image: t }) {
   const [e, n] = $(!1), r = vt(t.key);
   if (!r) return null;
-  const s = t.w > 0 && t.h > 0, i = s ? Math.min(1, ka / t.w, It / t.h) : 1;
+  const s = t.w > 0 && t.h > 0, i = s ? Math.min(1, _a / t.w, Ct / t.h) : 1;
   return /* @__PURE__ */ _(Se, { children: [
     /* @__PURE__ */ d(
       "a",
@@ -484,7 +487,7 @@ function _a({ image: t }) {
         className: "block max-w-full cursor-zoom-in",
         "data-testid": "chat-image",
         onClick: (a) => {
-          wa(a) && (a.preventDefault(), n(!0));
+          xa(a) && (a.preventDefault(), n(!0));
         },
         children: /* @__PURE__ */ d(
           "img",
@@ -496,13 +499,13 @@ function _a({ image: t }) {
             width: s ? Math.round(t.w * i) : void 0,
             height: s ? Math.round(t.h * i) : void 0,
             className: "rounded border border-border-light object-contain bg-bg-alt/30",
-            style: s ? { aspectRatio: `${t.w} / ${t.h}`, maxWidth: "100%", maxHeight: It } : { maxWidth: "100%", maxHeight: It }
+            style: s ? { aspectRatio: `${t.w} / ${t.h}`, maxWidth: "100%", maxHeight: Ct } : { maxWidth: "100%", maxHeight: Ct }
           }
         )
       }
     ),
     e && /* @__PURE__ */ d(
-      Ma,
+      ka,
       {
         src: r,
         title: t.title,
@@ -512,40 +515,40 @@ function _a({ image: t }) {
   ] });
 }
 function ur({ images: t }) {
-  return t?.length ? /* @__PURE__ */ d("div", { className: "flex flex-wrap gap-1 mt-1", "data-testid": "chat-images", children: t.map((e, n) => /* @__PURE__ */ d(_a, { image: e }, `${e.key}-${n}`)) }) : null;
+  return t?.length ? /* @__PURE__ */ d("div", { className: "flex flex-wrap gap-1 mt-1", "data-testid": "chat-images", children: t.map((e, n) => /* @__PURE__ */ d(Aa, { image: e }, `${e.key}-${n}`)) }) : null;
 }
-function Aa(t, e) {
+function Ta(t, e) {
   return t.author && e.author ? t.author === e.author : !!e.clientId && t.clientId === e.clientId;
 }
-function Ct(t) {
+function Rt(t) {
   return new Date(t).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
 }
-const Ta = Ve.memo(function({ message: e }) {
-  const n = x((u) => u.me.clientId), r = x((u) => u.me.clientId ? u.roster[u.me.clientId]?.author : void 0), s = Aa(e, { clientId: n, author: r }), i = x((u) => ir(u.roster, e.author)), a = tt(e.sprite, i), l = cr(e.isSystem ? void 0 : e.author), o = P(null);
-  Sa(o, !!l);
+const Ia = Ve.memo(function({ message: e }) {
+  const n = x((u) => u.me.clientId), r = x((u) => u.me.clientId ? u.roster[u.me.clientId]?.author : void 0), s = Ta(e, { clientId: n, author: r }), i = x((u) => ir(u.roster, e.author)), a = tt(e.sprite, i), l = cr(e.isSystem ? void 0 : e.author), o = P(null);
+  wa(o, !!l);
   const [c] = $(
     () => e.live && e.text ? Hn(e.text, l) : null
   );
   return e.isSystem && e.systemType === "recap" ? /* @__PURE__ */ d("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ _("div", { className: "border-l-2 border-border-light pl-2.5 py-0.5", children: [
     /* @__PURE__ */ _("div", { className: "text-[10px] uppercase tracking-wide text-text-muted mb-0.5", children: [
       "Recap",
-      /* @__PURE__ */ d("span", { className: "ml-1.5 normal-case tracking-normal opacity-60", children: Ct(e.ts) })
+      /* @__PURE__ */ d("span", { className: "ml-1.5 normal-case tracking-normal opacity-60", children: Rt(e.ts) })
     ] }),
     /* @__PURE__ */ d("p", { className: "text-[13px] text-text-secondary leading-relaxed whitespace-pre-wrap break-words", children: e.text })
   ] }) }) : e.isSystem ? /* @__PURE__ */ _("div", { className: "px-2 py-0.5 text-[11px] text-text-muted italic text-center leading-tight", children: [
     e.text,
-    /* @__PURE__ */ d("span", { className: "ml-1 text-[10px] opacity-50", children: Ct(e.ts) })
+    /* @__PURE__ */ d("span", { className: "ml-1 text-[10px] opacity-50", children: Rt(e.ts) })
   ] }) : /* @__PURE__ */ _("div", { ref: o, style: lr(a), className: `flex items-start gap-2 px-2 py-1 hover:bg-bg-card/20 ${s ? "bg-bg-card/30" : ""}`, children: [
     /* @__PURE__ */ d(dr, { sprite: e.sprite, url: i, alt: e.name, worn: l }),
     /* @__PURE__ */ _("div", { className: "flex-1 min-w-0 -mt-0.5", children: [
       l ? /* @__PURE__ */ d(ft, { html: Un(e.name, l), className: "text-[13px]", style: { color: a } }) : /* @__PURE__ */ d("span", { className: "font-medium text-[13px]", style: { color: a }, children: e.name }),
-      /* @__PURE__ */ d("span", { className: "text-[10px] text-text-muted opacity-60 ml-1.5", children: Ct(e.ts) }),
+      /* @__PURE__ */ d("span", { className: "text-[10px] text-text-muted opacity-60 ml-1.5", children: Rt(e.ts) }),
       e.text && (c ? /* @__PURE__ */ d(ft, { as: "p", html: c, className: "text-[13px] text-text break-words leading-snug m-0" }) : /* @__PURE__ */ d("p", { className: "text-[13px] text-text break-words leading-snug m-0", children: e.text })),
       /* @__PURE__ */ d(ur, { images: e.images })
     ] })
   ] });
 });
-function Ia() {
+function Ca() {
   or();
   const t = x((s) => s.chat), e = P(null), n = P(!1), r = U(() => {
     const s = e.current;
@@ -570,7 +573,7 @@ function Ia() {
             /* @__PURE__ */ d("span", { className: "text-[10px] text-text-muted whitespace-nowrap", children: new Date(s.ts).toLocaleDateString([], { weekday: "short", month: "short", day: "numeric" }) }),
             /* @__PURE__ */ d("div", { className: "flex-1 h-px bg-border" })
           ] }),
-          /* @__PURE__ */ d(Ta, { message: s })
+          /* @__PURE__ */ d(Ia, { message: s })
         ] }, s.id);
       }) })
     }
@@ -597,12 +600,12 @@ const Zt = [
     scope: "local"
   }
 ], et = "/";
-function Ca(t) {
+function Ra(t) {
   if (!t.startsWith(et)) return null;
   const e = t.slice(et.length);
   return /\s/.test(e) ? null : e.toLowerCase();
 }
-function Ra(t, e = Zt) {
+function Fa(t, e = Zt) {
   const n = t.toLowerCase();
   if (!n) return [...e].sort((s, i) => s.name.localeCompare(i.name));
   const r = [];
@@ -612,23 +615,23 @@ function Ra(t, e = Zt) {
   }
   return r.sort((s, i) => s.rank - i.rank || s.cmd.name.localeCompare(i.cmd.name)).map((s) => s.cmd);
 }
-function Fa(t) {
+function Na(t) {
   return `${et}${t.name} `;
 }
-function Rt(t, e) {
+function Ft(t, e) {
   return e <= 0 ? 0 : (t % e + e) % e;
 }
-function Na(t, e = Zt) {
+function La(t, e = Zt) {
   const n = t.trim();
   if (!n) return null;
   if (!n.startsWith(et)) return { kind: "chat", text: n };
   const r = n.slice(et.length), s = r.search(/\s/), i = (s === -1 ? r : r.slice(0, s)).toLowerCase(), a = s === -1 ? "" : r.slice(s).trim(), l = e.find((o) => o.name.toLowerCase() === i);
   return l ? { kind: "command", command: l, args: a } : { kind: "chat", text: n };
 }
-function La(t, e) {
+function $a(t, e) {
   return t.requiresMedia && !e.hasMedia ? `${et}${t.name} needs an episode loaded.` : null;
 }
-function $a({
+function Pa({
   commands: t,
   activeIndex: e,
   hasMedia: n,
@@ -698,24 +701,24 @@ function fr({
   ] }, r.id)) }) : null;
 }
 function hr() {
-  const [t, e] = $([]), [n, r] = $(!1), s = x((h) => h.pushToast), i = P(/* @__PURE__ */ new Set());
+  const [t, e] = $([]), [n, r] = $(!1), s = x((p) => p.pushToast), i = P(/* @__PURE__ */ new Set());
   L(() => () => {
-    for (const h of i.current) URL.revokeObjectURL(h);
+    for (const p of i.current) URL.revokeObjectURL(p);
     i.current.clear();
   }, []);
-  const a = U((h) => {
-    ta(h) && (URL.revokeObjectURL(h.previewUrl), i.current.delete(h.previewUrl));
-  }, []), l = U(async (h) => {
-    if (!h.length) return;
-    const y = [];
-    for (const w of h) {
+  const a = U((p) => {
+    ta(p) && (URL.revokeObjectURL(p.previewUrl), i.current.delete(p.previewUrl));
+  }, []), l = U(async (p) => {
+    if (!p.length) return;
+    const v = [];
+    for (const w of p) {
       const A = ra(w);
       if (A) {
         s("error", A);
         continue;
       }
       const { w: F, h: k } = await ia(w), m = URL.createObjectURL(w);
-      i.current.add(m), y.push({
+      i.current.add(m), v.push({
         kind: "file",
         id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
         file: w,
@@ -724,57 +727,57 @@ function hr() {
         h: k
       });
     }
-    y.length && e((w) => {
+    v.length && e((w) => {
       const A = it - w.length;
       if (A <= 0) {
         s("info", `Up to ${it} images per message`);
-        for (const F of y) a(F);
+        for (const F of v) a(F);
         return w;
       }
-      if (y.length > A) {
+      if (v.length > A) {
         s("info", `Up to ${it} images per message`);
-        for (const F of y.slice(A)) a(F);
+        for (const F of v.slice(A)) a(F);
       }
-      return [...w, ...y.slice(0, A)];
+      return [...w, ...v.slice(0, A)];
     });
-  }, [s, a]), o = U((h) => {
-    const y = vt(h.key);
-    y && (e((w) => w.length >= it ? (s("info", `Up to ${it} images per message`), w) : [...w, {
+  }, [s, a]), o = U((p) => {
+    const v = vt(p.key);
+    v && (e((w) => w.length >= it ? (s("info", `Up to ${it} images per message`), w) : [...w, {
       kind: "remote",
       id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
-      key: h.key,
-      previewUrl: y,
+      key: p.key,
+      previewUrl: v,
       // The catalogue spells "unknown" as null; the wire schema spells it
       // as 0, and the renderer falls back to natural flow on that.
-      w: h.width ?? 0,
-      h: h.height ?? 0,
-      title: h.title || void 0
-    }]), Jt().catalogue(tr).recordUse(h.key));
-  }, [s]), c = U((h) => {
-    e((y) => {
-      const w = y.find((A) => A.id === h);
-      return w && a(w), y.filter((A) => A.id !== h);
+      w: p.width ?? 0,
+      h: p.height ?? 0,
+      title: p.title || void 0
+    }]), Qt().catalogue(tr).recordUse(p.key));
+  }, [s]), c = U((p) => {
+    e((v) => {
+      const w = v.find((A) => A.id === p);
+      return w && a(w), v.filter((A) => A.id !== p);
     });
   }, [a]), u = U(() => {
-    e((h) => {
-      for (const y of h) a(y);
+    e((p) => {
+      for (const v of p) a(v);
       return [];
     });
-  }, [a]), f = U((h) => {
-    const y = sa(h.clipboardData);
-    y.length && (h.preventDefault(), l(y));
-  }, [l]), p = U((h) => {
-    const y = aa(h.dataTransfer);
-    y.length && (h.preventDefault(), l(y));
-  }, [l]), v = U((h) => {
-    h.dataTransfer?.types?.includes("Files") && h.preventDefault();
+  }, [a]), h = U((p) => {
+    const v = sa(p.clipboardData);
+    v.length && (p.preventDefault(), l(v));
+  }, [l]), f = U((p) => {
+    const v = aa(p.dataTransfer);
+    v.length && (p.preventDefault(), l(v));
+  }, [l]), y = U((p) => {
+    p.dataTransfer?.types?.includes("Files") && p.preventDefault();
   }, []), g = U(async () => {
     if (!t.length) return [];
     r(!0);
     try {
       return await ca(t);
-    } catch (h) {
-      return C("chat", "Image upload failed", la(h)), s("error", na(h)), null;
+    } catch (p) {
+      return C("chat", "Image upload failed", la(p)), s("error", na(p)), null;
     } finally {
       r(!1);
     }
@@ -787,21 +790,21 @@ function hr() {
     remove: c,
     clear: u,
     uploadPending: g,
-    onPaste: f,
-    onDrop: p,
-    onDragOver: v
+    onPaste: h,
+    onDrop: f,
+    onDragOver: y
   };
 }
-const yn = Wn, Pa = Gn;
-function Da({ commands: t = Zt }) {
-  const [e, n] = $(""), [r, s] = $(!1), [i, a] = $({ q: null, i: 0 }), [l, o] = $(!1), c = P(null), u = Zr(), [f, p] = $(!1), [v, g] = $(!1), h = hr(), y = x((N) => N.snapshot.mediaId), w = x((N) => N.pushToast), A = x((N) => N.setTierlistOpen), F = !!y, k = Ca(e), m = Ee(
-    () => k === null ? [] : Ra(k, t),
+const yn = Wn, Da = Gn;
+function Ba({ commands: t = Zt }) {
+  const [e, n] = $(""), [r, s] = $(!1), [i, a] = $({ q: null, i: 0 }), [l, o] = $(!1), c = P(null), u = Zr(), [h, f] = $(!1), [y, g] = $(!1), p = hr(), v = x((N) => N.snapshot.mediaId), w = x((N) => N.pushToast), A = x((N) => N.setTierlistOpen), F = !!v, k = Ra(e), m = Ee(
+    () => k === null ? [] : Fa(k, t),
     [k, t]
-  ), T = k !== null && !l && m.length > 0, R = i.q === k ? Rt(i.i, m.length) : 0, b = U(
+  ), T = k !== null && !l && m.length > 0, R = i.q === k ? Ft(i.i, m.length) : 0, b = U(
     (N) => a({ q: k, i: N }),
     [k]
   ), S = U((N, O) => {
-    const Q = La(N, { hasMedia: F });
+    const Q = $a(N, { hasMedia: F });
     if (Q) {
       w("info", Q);
       return;
@@ -820,12 +823,12 @@ function Da({ commands: t = Zt }) {
         w("info", `${N.usage} is not implemented yet.`);
     }
   }, [F, w, t, A]), I = U((N) => {
-    n(Fa(N)), o(!1), c.current?.focus();
+    n(Na(N)), o(!1), c.current?.focus();
   }, []), B = U(async (N) => {
-    if (N.preventDefault(), r || h.uploading) return;
-    const O = Na(e, t);
-    if (!O && !h.pending.length) return;
-    if (O?.kind === "command" && h.pending.length) {
+    if (N.preventDefault(), r || p.uploading) return;
+    const O = La(e, t);
+    if (!O && !p.pending.length) return;
+    if (O?.kind === "command" && p.pending.length) {
       w("info", "Send images on their own, not with a command.");
       return;
     }
@@ -833,18 +836,18 @@ function Da({ commands: t = Zt }) {
       S(O.command, O.args), n(""), !document.hidden && document.hasFocus() && c.current?.focus();
       return;
     }
-    const Q = await h.uploadPending();
-    Q !== null && (jn(O?.text ?? "", Q), n(""), h.clear(), s(!0), setTimeout(() => s(!1), Pa), !document.hidden && document.hasFocus() && c.current?.focus());
-  }, [e, r, S, h, w, t]), H = U((N) => {
+    const Q = await p.uploadPending();
+    Q !== null && (jn(O?.text ?? "", Q), n(""), p.clear(), s(!0), setTimeout(() => s(!1), Da), !document.hidden && document.hasFocus() && c.current?.focus());
+  }, [e, r, S, p, w, t]), H = U((N) => {
     if (N.key === "Escape" && T) {
       N.preventDefault(), o(!0);
       return;
     }
     if (T) {
       if (N.key === "ArrowDown")
-        N.preventDefault(), b(Rt(R + 1, m.length));
+        N.preventDefault(), b(Ft(R + 1, m.length));
       else if (N.key === "ArrowUp")
-        N.preventDefault(), b(Rt(R - 1, m.length));
+        N.preventDefault(), b(Ft(R - 1, m.length));
       else if (N.key === "Tab") {
         N.preventDefault();
         const O = m[R];
@@ -869,15 +872,15 @@ function Da({ commands: t = Zt }) {
       onSubmit: (N) => {
         B(N);
       },
-      onPaste: h.onPaste,
-      onDrop: h.onDrop,
-      onDragOver: h.onDragOver,
+      onPaste: p.onPaste,
+      onDrop: p.onDrop,
+      onDragOver: p.onDragOver,
       className: "p-2 border-t border-border",
       children: [
-        /* @__PURE__ */ d(fr, { pending: h.pending, uploading: h.uploading, onRemove: h.remove }),
+        /* @__PURE__ */ d(fr, { pending: p.pending, uploading: p.uploading, onRemove: p.remove }),
         /* @__PURE__ */ _("div", { className: "relative", children: [
           T && /* @__PURE__ */ d(
-            $a,
+            Pa,
             {
               commands: m,
               activeIndex: R,
@@ -890,11 +893,11 @@ function Da({ commands: t = Zt }) {
           /* @__PURE__ */ d(
             nr,
             {
-              open: f,
-              onClose: () => p(!1),
-              onPick: h.addMeme,
+              open: h,
+              onClose: () => f(!1),
+              onPick: p.addMeme,
               onUnavailable: () => {
-                g(!0), p(!1);
+                g(!0), f(!1);
               }
             }
           ),
@@ -922,16 +925,16 @@ function Da({ commands: t = Zt }) {
               ),
               /* @__PURE__ */ d("span", { className: `absolute right-2 top-1/2 -translate-y-1/2 text-[10px] ${j <= 50 ? j <= 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: K && j })
             ] }),
-            !v && /* @__PURE__ */ d(
+            !y && /* @__PURE__ */ d(
               "button",
               {
                 type: "button",
-                onClick: () => p((N) => !N),
+                onClick: () => f((N) => !N),
                 "aria-label": "Add a meme",
-                "aria-expanded": f,
+                "aria-expanded": h,
                 title: "Add a meme",
                 "data-testid": "meme-button",
-                className: `shrink-0 rounded border border-border-light px-2 py-1.5 text-sm hover:border-primary ${f ? "text-text border-primary" : "text-text-secondary"}`,
+                className: `shrink-0 rounded border border-border-light px-2 py-1.5 text-sm hover:border-primary ${h ? "text-text border-primary" : "text-text-secondary"}`,
                 children: /* @__PURE__ */ d(ut, { name: "image" })
               }
             )
@@ -941,11 +944,11 @@ function Da({ commands: t = Zt }) {
     }
   );
 }
-function Ba() {
+function Oa() {
   const t = x((n) => n.roster), e = Object.values(t);
-  return e.length ? /* @__PURE__ */ d("div", { className: "flex flex-col gap-1", children: e.map((n) => /* @__PURE__ */ d(Oa, { u: n }, n.clientId)) }) : /* @__PURE__ */ d("div", { className: "text-xs text-text-muted", children: "No users online" });
+  return e.length ? /* @__PURE__ */ d("div", { className: "flex flex-col gap-1", children: e.map((n) => /* @__PURE__ */ d(Ha, { u: n }, n.clientId)) }) : /* @__PURE__ */ d("div", { className: "text-xs text-text-muted", children: "No users online" });
 }
-function Oa({ u: t }) {
+function Ha({ u: t }) {
   const e = tt(t.sprite, t.avatarUrl);
   return /* @__PURE__ */ _("div", { className: "flex items-center gap-2 py-0.5", children: [
     /* @__PURE__ */ d(
@@ -962,7 +965,7 @@ function Oa({ u: t }) {
     t.isLeader && /* @__PURE__ */ d("span", { className: "ml-auto px-1.5 py-0.5 rounded text-[9px] font-medium bg-success/20 text-success", children: "Leader" })
   ] });
 }
-function Ha() {
+function Ua() {
   const t = x((s) => Object.keys(s.roster).length), [e, n] = $(!1), r = P(null);
   return L(() => {
     if (!e) return;
@@ -990,20 +993,20 @@ function Ha() {
         t,
         " online"
       ] }),
-      /* @__PURE__ */ d(Ba, {})
+      /* @__PURE__ */ d(Oa, {})
     ] })
   ] });
 }
-function Ua({ leaderId: t, clientId: e, keyType: n }) {
+function ja({ leaderId: t, clientId: e, keyType: n }) {
   return t !== null ? t === e : n === "leader";
 }
-const ja = /-[0-9a-fA-F]{16}$/;
-function Ga(t) {
-  return t && ja.test(t) ? "leader" : null;
+const Ga = /-[0-9a-fA-F]{16}$/;
+function Wa(t) {
+  return t && Ga.test(t) ? "leader" : null;
 }
-const Wa = /\/room\/([^/]+)\/?$/;
-function Va(t) {
-  const e = t ? Wa.exec(t) : null;
+const Va = /\/room\/([^/]+)\/?$/;
+function Ka(t) {
+  const e = t ? Va.exec(t) : null;
   if (!e) return null;
   try {
     return decodeURIComponent(e[1]);
@@ -1011,39 +1014,39 @@ function Va(t) {
     return e[1];
   }
 }
-function Ka(t, e) {
-  return t && e?.roomKey === t ? e.type : Ga(t);
+function za(t, e) {
+  return t && e?.roomKey === t ? e.type : Wa(t);
 }
 function nt() {
   return x((t) => !!t.snapshot.leaderId && t.snapshot.leaderId === t.me.clientId);
 }
-function Et() {
+function Mt() {
   const t = x((n) => n.activeGameId), e = us();
   return t ? e.find((n) => n.id === t) ?? null : null;
 }
 function en() {
-  return x((t) => Ua({
+  return x((t) => ja({
     leaderId: t.snapshot.leaderId,
     clientId: t.me.clientId,
-    keyType: Ka(Va(globalThis.location?.pathname), t.roomKeyType)
+    keyType: za(Ka(globalThis.location?.pathname), t.roomKeyType)
   }));
 }
 function pr() {
   return x((t) => t.readiness);
 }
-function za() {
+function Ja() {
   return x((t) => t.snapshot);
 }
-const Ja = 3e4;
+const Qa = 3e4;
 function mr() {
   const t = pr(), [e, n] = $(!1), [r, s] = $({ mediaId: t.mediaId, ready: t.ready });
   return (r.mediaId !== t.mediaId || r.ready !== t.ready) && (s({ mediaId: t.mediaId, ready: t.ready }), n(!1)), L(() => {
     if (t.ready) return;
-    const i = setTimeout(() => n(!0), Ja);
+    const i = setTimeout(() => n(!0), Qa);
     return () => clearTimeout(i);
   }, [t.mediaId, t.ready]), e;
 }
-function Qa({ draw: t }) {
+function qa({ draw: t }) {
   const e = P(null);
   return L(() => {
     const n = e.current;
@@ -1051,12 +1054,12 @@ function Qa({ draw: t }) {
       return t(n) ?? void 0;
   }, [t]), /* @__PURE__ */ d("div", { ref: e, "data-testid": "game-settings" });
 }
-const qa = Qt(() => import("./AdminPanel-D3hirjtp.js")), Ya = Qt(() => import("./PlaylistPanel-DBl44brn.js"));
-function Xa() {
-  const t = x((p) => p.chatCollapsed), e = xt(), n = x((p) => p.sidebarTab), r = x((p) => p.setSidebarTab), s = x((p) => p.healthSnapshot?.clients.length ?? 0), i = x((p) => !!p.playlist), a = nt(), l = en(), o = x((p) => p.gameSettings), c = x((p) => p.snapshot.mediaId), u = Et() !== null;
-  if (Yt({ hasMedia: !!c, chatCollapsed: t, isFullscreen: e }))
+const Ya = qt(() => import("./AdminPanel-nU-YUW-1.js")), Xa = qt(() => import("./PlaylistPanel-BHQKt_A8.js"));
+function Za() {
+  const t = x((f) => f.chatCollapsed), e = xt(), n = x((f) => f.sidebarTab), r = x((f) => f.setSidebarTab), s = x((f) => f.healthSnapshot?.clients.length ?? 0), i = x((f) => !!f.playlist), a = nt(), l = en(), o = x((f) => f.gameSettings), c = x((f) => f.snapshot.mediaId), u = Mt() !== null;
+  if (Et({ hasMedia: !!c, chatCollapsed: t, isFullscreen: e }))
     return null;
-  const f = n === "health" && !a || n === "playlist" && !i ? "chat" : n;
+  const h = n === "health" && !a || n === "playlist" && !i ? "chat" : n;
   return /* @__PURE__ */ _("aside", { className: "w-80 self-stretch border-l border-border flex flex-col bg-bg relative z-10", children: [
     /* @__PURE__ */ _("div", { className: "chat-toolbar relative flex items-center gap-1 px-2 py-1.5 border-b border-border", children: [
       /* @__PURE__ */ d(
@@ -1083,17 +1086,17 @@ function Xa() {
         }
       ),
       /* @__PURE__ */ d(Xs, {}),
-      /* @__PURE__ */ d(Zs, { onNameChange: (p) => {
-        p && x.getState().me.clientId && ps(p);
-      }, children: o ? /* @__PURE__ */ d(Qa, { draw: o }) : null }),
-      /* @__PURE__ */ d(Ha, {})
+      /* @__PURE__ */ d(Zs, { onNameChange: (f) => {
+        f && x.getState().me.clientId && ps(f);
+      }, children: o ? /* @__PURE__ */ d(qa, { draw: o }) : null }),
+      /* @__PURE__ */ d(Ua, {})
     ] }),
     (a || i) && /* @__PURE__ */ _("div", { className: "flex border-b border-border shrink-0", children: [
       /* @__PURE__ */ d(
         "button",
         {
           onClick: () => r("chat"),
-          className: `flex-1 text-xs py-1.5 transition-colors cursor-pointer ${f === "chat" ? "text-text border-b-2 border-primary" : "text-text-muted hover:text-text-secondary"}`,
+          className: `flex-1 text-xs py-1.5 transition-colors cursor-pointer ${h === "chat" ? "text-text border-b-2 border-primary" : "text-text-muted hover:text-text-secondary"}`,
           children: "Chat"
         }
       ),
@@ -1101,7 +1104,7 @@ function Xa() {
         "button",
         {
           onClick: () => r("playlist"),
-          className: `flex-1 text-xs py-1.5 transition-colors cursor-pointer ${f === "playlist" ? "text-text border-b-2 border-primary" : "text-text-muted hover:text-text-secondary"}`,
+          className: `flex-1 text-xs py-1.5 transition-colors cursor-pointer ${h === "playlist" ? "text-text border-b-2 border-primary" : "text-text-muted hover:text-text-secondary"}`,
           children: "Playlist"
         }
       ),
@@ -1109,7 +1112,7 @@ function Xa() {
         "button",
         {
           onClick: () => r("health"),
-          className: `flex-1 text-xs py-1.5 transition-colors cursor-pointer flex items-center justify-center gap-1 ${f === "health" ? "text-text border-b-2 border-primary" : "text-text-muted hover:text-text-secondary"}`,
+          className: `flex-1 text-xs py-1.5 transition-colors cursor-pointer flex items-center justify-center gap-1 ${h === "health" ? "text-text border-b-2 border-primary" : "text-text-muted hover:text-text-secondary"}`,
           children: [
             "Health",
             /* @__PURE__ */ d("span", { className: "text-[10px] text-text-muted", children: s })
@@ -1117,80 +1120,80 @@ function Xa() {
         }
       )
     ] }),
-    f === "health" ? /* @__PURE__ */ d(Ve.Suspense, { fallback: /* @__PURE__ */ d("div", { className: "p-4 text-xs text-text-muted", children: "Loading..." }), children: /* @__PURE__ */ d(qa, {}) }) : f === "playlist" ? /* @__PURE__ */ d(Ve.Suspense, { fallback: /* @__PURE__ */ d("div", { className: "p-4 text-xs text-text-muted", children: "Loading..." }), children: /* @__PURE__ */ d(Ya, {}) }) : /* @__PURE__ */ _(Se, { children: [
-      /* @__PURE__ */ d(Ia, {}),
-      /* @__PURE__ */ d(Da, {})
+    h === "health" ? /* @__PURE__ */ d(Ve.Suspense, { fallback: /* @__PURE__ */ d("div", { className: "p-4 text-xs text-text-muted", children: "Loading..." }), children: /* @__PURE__ */ d(Ya, {}) }) : h === "playlist" ? /* @__PURE__ */ d(Ve.Suspense, { fallback: /* @__PURE__ */ d("div", { className: "p-4 text-xs text-text-muted", children: "Loading..." }), children: /* @__PURE__ */ d(Xa, {}) }) : /* @__PURE__ */ _(Se, { children: [
+      /* @__PURE__ */ d(Ca, {}),
+      /* @__PURE__ */ d(Ba, {})
     ] })
   ] });
 }
 const vn = (t) => typeof t == "string" && qs.includes(t);
-function Za(t, e, n) {
+function ei(t, e, n) {
   return vn(e) ? e : vn(n) ? n : "dark";
 }
-function ei(t, e) {
+function ti(t, e) {
   if (!ms(t)) return null;
   const n = new URL(t, e);
   return n.origin === e ? n.href : null;
 }
-function ti(t, e) {
-  const n = ei(t.url, e);
+function ni(t, e) {
+  const n = ti(t.url, e);
   return { id: t.id, name: t.name, load: n ? () => import(
     /* @vite-ignore */
     n
   ) : null };
 }
 const Je = (t) => t instanceof Error ? t.message : String(t);
-function ni(t) {
+function ri(t) {
   let e = t.ctx, n = null, r = !1, s = !1;
-  const i = /* @__PURE__ */ new Set(), a = (p, v) => t.onSettingsError?.(p, v), l = (p) => {
-    if (i.delete(p))
+  const i = /* @__PURE__ */ new Set(), a = (f, y) => t.onSettingsError?.(f, y), l = (f) => {
+    if (i.delete(f))
       try {
-        p.cleanup();
-      } catch (v) {
-        a(`the game's settings failed to close: ${Je(v)}`, v);
+        f.cleanup();
+      } catch (y) {
+        a(`the game's settings failed to close: ${Je(y)}`, y);
       }
-  }, o = (p) => {
-    for (const v of [...i]) l(v);
-    p.mountSettings && t.onSettingsAvailable?.(!1);
-  }, c = (p) => {
-    o(p);
+  }, o = (f) => {
+    for (const y of [...i]) l(y);
+    f.mountSettings && t.onSettingsAvailable?.(!1);
+  }, c = (f) => {
+    o(f);
     try {
-      p.unmount();
-    } catch (v) {
-      s || t.onError(`unmount threw: ${Je(v)}`, v);
+      f.unmount();
+    } catch (y) {
+      s || t.onError(`unmount threw: ${Je(y)}`, y);
     }
-  }, u = (p, v) => {
+  }, u = (f, y) => {
     if (s || r) return;
     s = !0;
     const g = n;
-    n = null, g && c(g), t.onError(p, v);
-  }, f = (p) => {
-    if (e = p, !(!n || r))
+    n = null, g && c(g), t.onError(f, y);
+  }, h = (f) => {
+    if (e = f, !(!n || r))
       try {
-        n.update(p);
-      } catch (v) {
-        u(`the game failed to update: ${Je(v)}`, v);
+        n.update(f);
+      } catch (y) {
+        u(`the game failed to update: ${Je(y)}`, y);
       }
   };
   return (async () => {
-    let p;
+    let f;
     try {
-      p = await t.load();
-    } catch (h) {
-      u(`could not load the game: ${Je(h)}`, h);
+      f = await t.load();
+    } catch (p) {
+      u(`could not load the game: ${Je(p)}`, p);
       return;
     }
     if (r) return;
-    if (!ga(p)) {
+    if (!ga(f)) {
       u("the game module does not export mount()");
       return;
     }
-    const v = e;
+    const y = e;
     let g;
     try {
-      g = await p.mount(t.el, v);
-    } catch (h) {
-      u(`the game failed to start: ${Je(h)}`, h);
+      g = await f.mount(t.el, y);
+    } catch (p) {
+      u(`the game failed to start: ${Je(p)}`, p);
       return;
     }
     if (!ba(g)) {
@@ -1201,43 +1204,43 @@ function ni(t) {
       c(g);
       return;
     }
-    n = g, g.mountSettings && t.onSettingsAvailable?.(!0), e !== v && f(e);
+    n = g, g.mountSettings && t.onSettingsAvailable?.(!0), e !== y && h(e);
   })(), {
-    update: f,
+    update: h,
     dispose() {
       r || (r = !0, n && c(n), n = null);
     },
-    mountSettings(p) {
-      const v = n;
-      if (!v?.mountSettings || r) return null;
+    mountSettings(f) {
+      const y = n;
+      if (!y?.mountSettings || r) return null;
       let g;
       try {
-        g = v.mountSettings(p);
-      } catch (y) {
-        return a(`the game's settings failed to open: ${Je(y)}`, y), null;
+        g = y.mountSettings(f);
+      } catch (v) {
+        return a(`the game's settings failed to open: ${Je(v)}`, v), null;
       }
       if (typeof g != "function")
         return a("the game's mountSettings() did not return a cleanup function"), null;
-      const h = { cleanup: g };
-      return i.add(h), () => l(h);
+      const p = { cleanup: g };
+      return i.add(p), () => l(p);
     }
   };
 }
 function Sn({ activity: t, roomKey: e, layer: n }) {
-  const r = P(null), s = P(null), [i, a] = $(null), [l, o] = $(!1), c = x((k) => k.snapshot.leaderId), u = x((k) => k.me.clientId), f = !!c && c === u, p = x((k) => k.name), v = Ys()?.theme, g = Za(void 0, v, gs().theme), h = Ee(() => ({
+  const r = P(null), s = P(null), [i, a] = $(null), [l, o] = $(!1), c = x((k) => k.snapshot.leaderId), u = x((k) => k.me.clientId), h = !!c && c === u, f = x((k) => k.name), y = Ys()?.theme, g = ei(void 0, y, gs().theme), p = Ee(() => ({
     roomKey: e,
     identity: {
       // The registry userId — what RoomChrome's `userId` prop is.
       userId: ys(),
       userType: bs(),
-      name: p || null
+      name: f || null
     },
     theme: g,
-    isLeader: f,
+    isLeader: h,
     close: () => {
-      E("game", "bundle close", { gameId: t.id, isLeader: f, layer: n }), n !== "base" && (f ? Vn(null) : o(!0));
+      E("game", "bundle close", { gameId: t.id, isLeader: h, layer: n }), n !== "base" && (h ? Vn(null) : o(!0));
     }
-  }), [e, p, g, f, t.id, n]), y = fe(() => h), w = fe((k, m) => {
+  }), [e, f, g, h, t.id, n]), v = fe(() => p), w = fe((k, m) => {
     C("game", "bundle failed", { gameId: t.id, message: k, cause: String(m) }), a(k);
   }), A = fe((k, m) => {
     C("game", "bundle settings failed", { gameId: t.id, message: k, cause: String(m) });
@@ -1246,10 +1249,10 @@ function Sn({ activity: t, roomKey: e, layer: n }) {
     const k = r.current, m = t.load;
     if (!k || !m || l) return;
     E("game", "bundle mount", { gameId: t.id });
-    const { setGameSettings: T } = x.getState(), R = (S) => b.mountSettings(S), b = ni({
+    const { setGameSettings: T } = x.getState(), R = (S) => b.mountSettings(S), b = ri({
       load: m,
       el: k,
-      ctx: y(),
+      ctx: v(),
       onError: w,
       onSettingsAvailable: n === "overlay" ? (S) => {
         const I = x.getState().gameSettings;
@@ -1261,8 +1264,8 @@ function Sn({ activity: t, roomKey: e, layer: n }) {
       b.dispose(), s.current = null;
     };
   }, [t.id, t.load, l, n]), L(() => {
-    s.current?.update(h);
-  }, [h]), l) return null;
+    s.current?.update(p);
+  }, [p]), l) return null;
   const F = t.load ? i : "This game is not served from this site.";
   return /* @__PURE__ */ _(
     "div",
@@ -1278,14 +1281,14 @@ function Sn({ activity: t, roomKey: e, layer: n }) {
             " could not start"
           ] }),
           /* @__PURE__ */ d("div", { className: "text-text-secondary text-sm", children: F }),
-          n === "overlay" && /* @__PURE__ */ d("button", { type: "button", className: "drawer-btn", onClick: () => h.close(), children: "Close" })
+          n === "overlay" && /* @__PURE__ */ d("button", { type: "button", className: "drawer-btn", onClick: () => p.close(), children: "Close" })
         ] })
       ]
     }
   );
 }
-const ri = "drawer-btn";
-function si({ open: t, onClose: e, header: n, footer: r, children: s }) {
+const si = "drawer-btn";
+function ai({ open: t, onClose: e, header: n, footer: r, children: s }) {
   return L(() => {
     if (!t) return;
     function i(a) {
@@ -1299,7 +1302,7 @@ function si({ open: t, onClose: e, header: n, footer: r, children: s }) {
       onClick: (i) => i.stopPropagation(),
       children: [
         /* @__PURE__ */ _("div", { className: "p-3 border-b border-border flex items-center gap-2 text-sm", children: [
-          /* @__PURE__ */ d("button", { onClick: e, className: ri, children: "Close" }),
+          /* @__PURE__ */ d("button", { onClick: e, className: si, children: "Close" }),
           n
         ] }),
         s,
@@ -1308,10 +1311,10 @@ function si({ open: t, onClose: e, header: n, footer: r, children: s }) {
     }
   ) }) : null;
 }
-function ai({ open: t, onClose: e }) {
-  return /* @__PURE__ */ d(si, { open: t, onClose: e, children: /* @__PURE__ */ d("div", { className: "px-4 py-3 text-xs text-text-muted", children: "Loading…" }) });
+function ii({ open: t, onClose: e }) {
+  return /* @__PURE__ */ d(ai, { open: t, onClose: e, children: /* @__PURE__ */ d("div", { className: "px-4 py-3 text-xs text-text-muted", children: "Loading…" }) });
 }
-const gr = 9e3, wn = 1500, ii = {
+const gr = 9e3, wn = 1500, oi = {
   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)]",
@@ -1320,11 +1323,11 @@ const gr = 9e3, wn = 1500, ii = {
   textShadow: "none",
   filter: "drop-shadow(0 0 1px black) drop-shadow(0 0 1px black)"
 };
-function oi({ message: t, age: e, ccStyle: n }) {
+function ci({ message: t, age: e, ccStyle: n }) {
   const r = gr - wn;
   let s = 1;
   e > r && (s = Math.max(0, 1 - (e - r) / wn));
-  const i = ii[n], a = x((u) => ir(u.roster, t.author)), l = tt(t.sprite, a), o = cr(t.isSystem ? void 0 : t.author), [c] = $(
+  const i = oi[n], a = x((u) => ir(u.roster, t.author)), l = tt(t.sprite, a), o = cr(t.isSystem ? void 0 : t.author), [c] = $(
     () => t.live && t.text ? Hn(t.text, o) : null
   );
   return /* @__PURE__ */ _(
@@ -1343,56 +1346,56 @@ function oi({ message: t, age: e, ccStyle: n }) {
     }
   );
 }
-function ci() {
+function li() {
   or();
-  const t = x((f) => f.chat), e = x((f) => f.chatCollapsed), n = x((f) => f.floatingChatEnabled), r = x((f) => f.mediaPrefs.subtitleStyle), [s, i] = $(!1), [a, l] = $(() => Date.now());
+  const t = x((f) => f.chat), e = x((f) => f.chatCollapsed), n = x((f) => f.snapshot.mediaId), r = x((f) => f.floatingChatEnabled), s = x((f) => f.mediaPrefs.subtitleStyle), [i, a] = $(!1), [l, o] = $(() => Date.now());
   L(() => {
     const f = () => {
-      i(!!document.fullscreenElement);
+      a(!!document.fullscreenElement);
     };
     return document.addEventListener("fullscreenchange", f), f(), () => document.removeEventListener("fullscreenchange", f);
   }, []);
-  const o = t.length > 0;
+  const c = t.length > 0;
   L(() => {
     const f = setInterval(() => {
-      o && l(Date.now());
+      c && o(Date.now());
     }, 200);
     return () => clearInterval(f);
-  }, [o]);
-  const c = n && (e || s), u = Ee(() => {
-    const f = a - gr;
-    return t.filter((p) => !p.isSystem && p.ts > f).slice(-12);
-  }, [t, a]);
-  return !c || u.length === 0 ? null : /* @__PURE__ */ d(
+  }, [c]);
+  const u = ya(r, { hasMedia: !!n, chatCollapsed: e, isFullscreen: i }), h = Ee(() => {
+    const f = l - gr;
+    return t.filter((y) => !y.isSystem && y.ts > f).slice(-12);
+  }, [t, l]);
+  return !u || h.length === 0 ? null : /* @__PURE__ */ d(
     "div",
     {
       className: "absolute right-4 w-80 z-20 pointer-events-none flex flex-col",
       style: { bottom: "35%" },
       "data-testid": "floating-chat",
-      children: u.map((f) => /* @__PURE__ */ d(
-        oi,
+      children: h.map((f) => /* @__PURE__ */ d(
+        ci,
         {
           message: f,
-          age: a - f.ts,
-          ccStyle: r
+          age: l - f.ts,
+          ccStyle: s
         },
         f.id
       ))
     }
   );
 }
-const li = 2;
+const di = 2;
 function br(t) {
-  return t.duration_ms > 0 && t.duration_ms - t.playhead_ms <= qt;
+  return t.duration_ms > 0 && t.duration_ms - t.playhead_ms <= Yt;
 }
 function yr(t) {
   const e = t.video_ready_state ?? -1;
-  return e < 0 ? !0 : !(e <= li && t.buffered_ahead_ms > qt);
+  return e < 0 ? !0 : !(e <= di && t.buffered_ahead_ms > Yt);
 }
-function kc(t) {
-  return t.playhead_ms === 0 && !t.is_buffering && t.buffered_ahead_ms === 0 ? "idle" : t.is_buffering ? "buffering" : br(t) ? "healthy" : !yr(t) || t.buffered_ahead_ms <= Kn ? "critical" : t.buffered_ahead_ms <= qt ? "warning" : "healthy";
+function _c(t) {
+  return t.playhead_ms === 0 && !t.is_buffering && t.buffered_ahead_ms === 0 ? "idle" : t.is_buffering ? "buffering" : br(t) ? "healthy" : !yr(t) || t.buffered_ahead_ms <= Kn ? "critical" : t.buffered_ahead_ms <= Yt ? "warning" : "healthy";
 }
-const _c = {
+const Ac = {
   idle: "Idle",
   buffering: "Buffering",
   critical: "Critical",
@@ -1423,12 +1426,12 @@ function We(t, e, n = 0.15, r = 0) {
   const i = s.currentTime + r, a = s.createOscillator(), l = s.createGain();
   a.type = "sine", a.frequency.value = t, wr(l, i, n, e / 1e3), a.connect(l).connect(s.destination), a.start(i), a.stop(i + e / 1e3 + 0.05);
 }
-function Ft(t, e, n, r, s = 0.15, i = 0) {
+function Nt(t, e, n, r, s = 0.15, i = 0) {
   const a = vr();
   if (!a) return;
   Sr(a);
-  const l = a.currentTime + i, o = a.createOscillator(), c = a.createOscillator(), u = a.createGain(), f = a.createGain();
-  o.type = "sine", o.frequency.value = t, c.type = "sine", c.frequency.value = e, u.gain.value = n * e, c.connect(u).connect(o.frequency), wr(f, l, s, r / 1e3), o.connect(f).connect(a.destination), o.start(l), o.stop(l + r / 1e3 + 0.05), c.start(l), c.stop(l + r / 1e3 + 0.05);
+  const l = a.currentTime + i, o = a.createOscillator(), c = a.createOscillator(), u = a.createGain(), h = a.createGain();
+  o.type = "sine", o.frequency.value = t, c.type = "sine", c.frequency.value = e, u.gain.value = n * e, c.connect(u).connect(o.frequency), wr(h, l, s, r / 1e3), o.connect(h).connect(a.destination), o.start(l), o.stop(l + r / 1e3 + 0.05), c.start(l), c.stop(l + r / 1e3 + 0.05);
 }
 function xr() {
   We(700, 60, 0.14, 0), We(700, 60, 0.14, 0.1), We(932, 120, 0.17, 0.2);
@@ -1440,7 +1443,7 @@ function Mr() {
   We(659, 45, 0.06, 0), We(494, 70, 0.06, 0.045);
 }
 function kr() {
-  Ft(587, 1174, 3, 320, 0.12, 0), Ft(880, 1760, 3, 320, 0.12, 0.06), Ft(884, 1768, 3, 320, 0.08, 0.06);
+  Nt(587, 1174, 3, 320, 0.12, 0), Nt(880, 1760, 3, 320, 0.12, 0.06), Nt(884, 1768, 3, 320, 0.08, 0.06);
 }
 zn("__WP_SOUNDS__", {
   start: xr,
@@ -1449,7 +1452,7 @@ zn("__WP_SOUNDS__", {
   off: Mr
 });
 const Mn = { on: 0, off: 0 };
-function di(t, e, n, r) {
+function ui(t, e, n, r) {
   if (!n || !r) return Mn;
   const s = new Set(t), i = new Set(e);
   let a = 0;
@@ -1458,15 +1461,15 @@ function di(t, e, n, r) {
   for (const o of s) i.has(o) || l++;
   return a === 0 && l === 0 ? Mn : { on: a, off: l };
 }
-const ui = 1200, be = 52, St = 4, Vt = (be - St) / 2, kn = 2 * Math.PI * Vt, $e = be - St * 2 - 4;
-function fi(t) {
+const fi = 1200, be = 52, St = 4, Kt = (be - St) / 2, kn = 2 * Math.PI * Kt, $e = be - St * 2 - 4;
+function hi(t) {
   return br(t) ? !0 : yr(t) ? t.buffered_ahead_ms >= Ce : !1;
 }
-function hi(t) {
+function pi(t) {
   return `hsl(${Math.round(t * 120)}, 90%, 55%)`;
 }
-function pi({ client: t, pictureUrl: e, fading: n, onFadeEnd: r }) {
-  const s = Math.min(1, t.buffered_ahead_ms / Ce), i = kn * (1 - s), a = hi(s), l = tt(t.sprite_id, e);
+function mi({ client: t, pictureUrl: e, fading: n, onFadeEnd: r }) {
+  const s = Math.min(1, t.buffered_ahead_ms / Ce), i = kn * (1 - s), a = pi(s), l = tt(t.sprite_id, e);
   return /* @__PURE__ */ _(
     "div",
     {
@@ -1474,7 +1477,7 @@ function pi({ client: t, pictureUrl: e, fading: n, onFadeEnd: r }) {
       "data-client-id": t.client_id,
       className: "flex flex-col items-center gap-1",
       style: n ? {
-        animation: `bufferFadeOut ${ui}ms ease forwards`
+        animation: `bufferFadeOut ${fi}ms ease forwards`
       } : void 0,
       onAnimationEnd: n ? r : void 0,
       children: [
@@ -1492,7 +1495,7 @@ function pi({ client: t, pictureUrl: e, fading: n, onFadeEnd: r }) {
                   {
                     cx: be / 2,
                     cy: be / 2,
-                    r: Vt,
+                    r: Kt,
                     fill: "none",
                     stroke: "rgba(255,255,255,0.15)",
                     strokeWidth: St
@@ -1503,7 +1506,7 @@ function pi({ client: t, pictureUrl: e, fading: n, onFadeEnd: r }) {
                   {
                     cx: be / 2,
                     cy: be / 2,
-                    r: Vt,
+                    r: Kt,
                     fill: "none",
                     stroke: a,
                     strokeWidth: St,
@@ -1553,7 +1556,7 @@ function pi({ client: t, pictureUrl: e, fading: n, onFadeEnd: r }) {
     }
   );
 }
-function mi({ clientId: t, sprite: e, pictureUrl: n, name: r, isReady: s, isSelf: i, onToggle: a }) {
+function gi({ clientId: t, sprite: e, pictureUrl: n, name: r, isReady: s, isSelf: i, onToggle: a }) {
   const l = tt(e, n), o = s ? "success" : "neutral", c = s ? /* @__PURE__ */ d(ut, { name: "tick" }) : /* @__PURE__ */ d(ut, { name: "hourglass" });
   return /* @__PURE__ */ _(
     "button",
@@ -1625,41 +1628,41 @@ function mi({ clientId: t, sprite: e, pictureUrl: n, name: r, isReady: s, isSelf
     }
   );
 }
-const gi = { status: null, entries: [], completed: /* @__PURE__ */ new Set(), below: /* @__PURE__ */ new Set() };
+const bi = { status: null, entries: [], completed: /* @__PURE__ */ new Set(), below: /* @__PURE__ */ new Set() };
 function _n(t, e) {
   if (!e || e.clients.length === 0) return { ...t, status: e, entries: [] };
   const n = new Set(t.completed), r = new Set(t.below), s = [];
   for (const i of e.clients) {
     const a = i.client_id;
-    fi(i) ? r.has(a) && !n.has(a) ? (n.add(a), s.push({ client: i, completed: !0 })) : n.has(a) && s.push({ client: i, completed: !0 }) : (n.delete(a), r.add(a), s.push({ client: i, completed: !1 }));
+    hi(i) ? r.has(a) && !n.has(a) ? (n.add(a), s.push({ client: i, completed: !0 })) : n.has(a) && s.push({ client: i, completed: !0 }) : (n.delete(a), r.add(a), s.push({ client: i, completed: !1 }));
   }
   return { status: e, entries: s, completed: n, below: r };
 }
-function bi() {
-  const t = x((m) => m.bufferStatus), e = x((m) => m.readyCheck), n = x((m) => m.roster), r = x((m) => m.me.clientId), s = x((m) => m.snapshot.playing), i = nt(), [a, l] = $(() => _n(gi, t));
+function yi() {
+  const t = x((m) => m.bufferStatus), e = x((m) => m.readyCheck), n = x((m) => m.roster), r = x((m) => m.me.clientId), s = x((m) => m.snapshot.playing), i = nt(), [a, l] = $(() => _n(bi, t));
   a.status !== t && l(_n(a, t));
   const o = a.entries, c = (m) => {
     l((T) => {
       const R = new Set(T.completed), b = new Set(T.below);
       return R.delete(m), b.delete(m), { ...T, completed: R, below: b, entries: T.entries.filter((S) => S.client.client_id !== m) };
     });
-  }, u = new Set(e.ready), f = Object.values(n), p = !!r && u.has(r), v = e.active && f.length > 0 && e.ready.length >= f.length, g = P(e.active), h = P(v);
+  }, u = new Set(e.ready), h = Object.values(n), f = !!r && u.has(r), y = e.active && h.length > 0 && e.ready.length >= h.length, g = P(e.active), p = P(y);
   L(() => {
     !g.current && e.active && xr(), g.current = e.active;
   }, [e.active]), L(() => {
-    !h.current && v && kr(), h.current = v;
-  }, [v]);
-  const y = P(e.ready), w = P(e.active);
+    !p.current && y && kr(), p.current = y;
+  }, [y]);
+  const v = P(e.ready), w = P(e.active);
   L(() => {
-    const { on: m, off: T } = di(
-      y.current,
+    const { on: m, off: T } = ui(
+      v.current,
       e.ready,
       w.current,
       e.active
     );
-    m > 0 && Er(), T > 0 && Mr(), y.current = e.ready, w.current = e.active;
+    m > 0 && Er(), T > 0 && Mr(), v.current = e.ready, w.current = e.active;
   }, [e.ready, e.active]);
-  const A = e.active, F = !A && o.length > 0, k = !A && !F && i && f.length > 0 && !s;
+  const A = e.active, F = !A && o.length > 0, k = !A && !F && i && h.length > 0 && !s;
   return !A && !F && !k ? null : /* @__PURE__ */ _(Se, { children: [
     /* @__PURE__ */ d("style", { children: `
         @keyframes bufferFadeOut {
@@ -1685,12 +1688,12 @@ function bi() {
                   "Ready ",
                   e.ready.length,
                   "/",
-                  f.length
+                  h.length
                 ]
               }
             ),
-            /* @__PURE__ */ d("div", { className: "flex flex-col gap-3", children: f.map((m) => /* @__PURE__ */ d(
-              mi,
+            /* @__PURE__ */ d("div", { className: "flex flex-col gap-3", children: h.map((m) => /* @__PURE__ */ d(
+              gi,
               {
                 clientId: m.clientId,
                 sprite: m.sprite,
@@ -1698,13 +1701,13 @@ function bi() {
                 name: m.name || "Anon",
                 isReady: u.has(m.clientId),
                 isSelf: m.clientId === r,
-                onToggle: () => vs(!p)
+                onToggle: () => vs(!f)
               },
               m.clientId
             )) })
           ] }),
           F && o.map(({ client: m, completed: T }) => /* @__PURE__ */ d(
-            pi,
+            mi,
             {
               client: m,
               pictureUrl: n[m.client_id]?.avatarUrl,
@@ -1730,7 +1733,7 @@ function bi() {
     )
   ] });
 }
-const Kt = {
+const zt = {
   S: "var(--color-tier-s)",
   A: "var(--color-tier-a)",
   B: "var(--color-tier-b)",
@@ -1788,7 +1791,7 @@ function An({
     }
   );
 }
-function yi({ sprite: t, url: e }) {
+function vi({ sprite: t, url: e }) {
   const n = tt(t, e);
   return /* @__PURE__ */ d(
     pt,
@@ -1801,7 +1804,7 @@ function yi({ sprite: t, url: e }) {
     }
   );
 }
-function vi({
+function Si({
   anchor: t,
   itemId: e,
   snap: n
@@ -1813,8 +1816,8 @@ function vi({
     const c = o.getBoundingClientRect();
     let u = t.left + t.width / 2 - c.width / 2;
     u = Math.max(8, Math.min(u, window.innerWidth - c.width - 8));
-    let f = t.top - c.height - 8;
-    f < 8 && (f = t.bottom + 8), i({ left: Math.round(u), top: Math.round(f) });
+    let h = t.top - c.height - 8;
+    h < 8 && (h = t.bottom + 8), i({ left: Math.round(u), top: Math.round(h) });
   }, [t, e]), !a) return null;
   const l = n.items.find((o) => o.id === e)?.displayName ?? e;
   return wt(
@@ -1828,13 +1831,13 @@ function vi({
         children: [
           /* @__PURE__ */ d("div", { className: "text-[11px] font-semibold text-text leading-snug pb-1.5 mb-1.5 border-b border-border", children: l }),
           Object.entries(a.votes).map(([o, c]) => /* @__PURE__ */ _("div", { className: "flex items-center gap-2 py-0.5", children: [
-            /* @__PURE__ */ d(yi, { sprite: n.sprites[o], url: n.pictures?.[o] }),
+            /* @__PURE__ */ d(vi, { sprite: n.sprites[o], url: n.pictures?.[o] }),
             /* @__PURE__ */ d("span", { className: "flex-1 text-[11px] text-text-secondary truncate", children: n.names[o] ?? "viewer" }),
             /* @__PURE__ */ d(
               "span",
               {
                 className: "w-5 h-4 grid place-items-center rounded text-[10px] font-bold shrink-0",
-                style: { background: Kt[c], color: "var(--color-tier-ink)" },
+                style: { background: zt[c], color: "var(--color-tier-ink)" },
                 children: c
               }
             )
@@ -1845,8 +1848,8 @@ function vi({
     document.body
   );
 }
-function Si() {
-  const t = x((b) => b.tierlistOpen), e = x((b) => b.setTierlistOpen), n = x((b) => b.tierlist), r = x((b) => b.tierlistDraft), s = x((b) => b.tierlistSaving), i = x((b) => b.moveTierlistItem), [a, l] = $(null), [o, c] = $(null), [u, f] = $(null), [p, v] = $(null), [g, h] = $("mine");
+function wi() {
+  const t = x((b) => b.tierlistOpen), e = x((b) => b.setTierlistOpen), n = x((b) => b.tierlist), r = x((b) => b.tierlistDraft), s = x((b) => b.tierlistSaving), i = x((b) => b.moveTierlistItem), [a, l] = $(null), [o, c] = $(null), [u, h] = $(null), [f, y] = $(null), [g, p] = $("mine");
   L(() => {
     un(!0);
   }, []), L(() => {
@@ -1858,16 +1861,16 @@ function Si() {
     };
     return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
   }, [t, e]);
-  const y = Ee(() => new Map((n?.items ?? []).map((b) => [b.id, b])), [n]), w = Ee(() => {
+  const v = Ee(() => new Map((n?.items ?? []).map((b) => [b.id, b])), [n]), w = Ee(() => {
     const b = { S: [], A: [], B: [], C: [], D: [], F: [], [Ge]: [] }, S = /* @__PURE__ */ new Set();
-    for (const I of Tt)
+    for (const I of It)
       for (const B of r[I] ?? []) {
-        const H = y.get(B);
+        const H = v.get(B);
         H && (b[I].push(H), S.add(B));
       }
-    for (const I of y.values()) S.has(I.id) || b[Ge].push(I);
+    for (const I of v.values()) S.has(I.id) || b[Ge].push(I);
     return b;
-  }, [r, y]), A = (b, S, I) => {
+  }, [r, v]), A = (b, S, I) => {
     const B = [...b.querySelectorAll("article[data-item-id]")].filter((j) => j.dataset.itemId !== I);
     let H = 0;
     for (const j of B) {
@@ -1889,13 +1892,13 @@ function Si() {
       a && (i(a, b === Ge ? null : b), l(null));
     }
   }), k = U(async () => {
-    await ws(x.getState().tierlistDraft) && v(Date.now());
+    await ws(x.getState().tierlistDraft) && y(Date.now());
   }, []);
   if (L(() => {
-    if (p === null) return;
-    const b = setTimeout(() => v(null), 2500);
+    if (f === null) return;
+    const b = setTimeout(() => y(null), 2500);
     return () => clearTimeout(b);
-  }, [p]), !t) return null;
+  }, [f]), !t) return null;
   const m = JSON.stringify(r) !== JSON.stringify(n?.myBoard ?? {}), T = Object.values(n?.myBoard ?? {}).some((b) => (b?.length ?? 0) > 0), R = T ? g : "mine";
   return wt(
     /* @__PURE__ */ _(
@@ -1922,13 +1925,13 @@ function Si() {
                       role: "tab",
                       "aria-selected": R === b,
                       className: "tl-tab",
-                      onClick: () => h(b),
+                      onClick: () => p(b),
                       children: S
                     },
                     b
                   )) }),
                   /* @__PURE__ */ d("div", { className: "flex-1" }),
-                  p !== null && /* @__PURE__ */ d("span", { className: "text-[11px] bg-success-bg text-on-success-bg px-1.5 py-1 rounded leading-none", children: "Saved" }),
+                  f !== null && /* @__PURE__ */ d("span", { className: "text-[11px] bg-success-bg text-on-success-bg px-1.5 py-1 rounded leading-none", children: "Saved" }),
                   /* @__PURE__ */ d("button", { className: "tl-save", disabled: s || !m, onClick: () => {
                     k();
                   }, children: s ? "Saving…" : "Save" }),
@@ -1936,12 +1939,12 @@ function Si() {
                 ] }),
                 /* @__PURE__ */ _("div", { className: "flex-1 overflow-y-auto", children: [
                   R === "mine" && /* @__PURE__ */ _(Se, { children: [
-                    Tt.map((b) => /* @__PURE__ */ _("div", { className: "grid grid-cols-[56px_1fr] border-b border-border/50 min-h-[86px]", children: [
+                    It.map((b) => /* @__PURE__ */ _("div", { className: "grid grid-cols-[56px_1fr] border-b border-border/50 min-h-[86px]", children: [
                       /* @__PURE__ */ d(
                         "div",
                         {
                           className: "grid place-items-center select-none cursor-pointer",
-                          style: { background: Kt[b], color: "var(--color-tier-ink)" },
+                          style: { background: zt[b], color: "var(--color-tier-ink)" },
                           onClick: () => {
                             a && (i(a, b), l(null));
                           },
@@ -1987,27 +1990,27 @@ function Si() {
                       }
                     )
                   ] }),
-                  R === "everyone" && n && /* @__PURE__ */ d(Se, { children: Tt.map((b) => {
+                  R === "everyone" && n && /* @__PURE__ */ d(Se, { children: It.map((b) => {
                     const S = n.placed.filter((I) => I.tier === b);
                     return /* @__PURE__ */ _("div", { className: "grid grid-cols-[56px_1fr] border-b border-border/50 min-h-[86px]", children: [
                       /* @__PURE__ */ d(
                         "div",
                         {
                           className: "grid place-items-center select-none",
-                          style: { background: Kt[b], color: "var(--color-tier-ink)" },
+                          style: { background: zt[b], color: "var(--color-tier-ink)" },
                           children: /* @__PURE__ */ d("span", { className: "text-2xl font-bold leading-none", children: b })
                         }
                       ),
                       /* @__PURE__ */ d("div", { className: "flex items-stretch gap-2 p-2 overflow-x-auto bg-bg-card", children: S.map((I) => {
-                        const B = y.get(I.mediaId);
+                        const B = v.get(I.mediaId);
                         return /* @__PURE__ */ _(
                           "div",
                           {
                             tabIndex: 0,
-                            onMouseEnter: (H) => f({ anchor: H.currentTarget.getBoundingClientRect(), itemId: I.mediaId }),
-                            onMouseLeave: () => f(null),
-                            onFocus: (H) => f({ anchor: H.currentTarget.getBoundingClientRect(), itemId: I.mediaId }),
-                            onBlur: () => f(null),
+                            onMouseEnter: (H) => h({ anchor: H.currentTarget.getBoundingClientRect(), itemId: I.mediaId }),
+                            onMouseLeave: () => h(null),
+                            onFocus: (H) => h({ anchor: H.currentTarget.getBoundingClientRect(), itemId: I.mediaId }),
+                            onBlur: () => h(null),
                             "aria-label": `${B?.displayName ?? I.mediaId} — score ${I.score.toFixed(2)}. ${Object.entries(I.votes).map(([H, j]) => `${n.names[H] ?? "viewer"} ${j}`).join(", ")}`,
                             className: "w-[124px] shrink-0 rounded-md overflow-hidden bg-bg-alt border border-border hover:border-primary transition-colors",
                             children: [
@@ -2044,81 +2047,81 @@ function Si() {
               ]
             }
           ),
-          u && n && /* @__PURE__ */ d(vi, { anchor: u.anchor, itemId: u.itemId, snap: n })
+          u && n && /* @__PURE__ */ d(Si, { anchor: u.anchor, itemId: u.itemId, snap: n })
         ]
       }
     ),
     document.body
   );
 }
-function wi({ children: t }) {
+function xi({ children: t }) {
   const [e, n] = $(null);
   return L(() => {
     const r = () => n(document.fullscreenElement);
     return r(), document.addEventListener("fullscreenchange", r), () => document.removeEventListener("fullscreenchange", r);
   }, []), e ? wt(t, e) : /* @__PURE__ */ d(Se, { children: t });
 }
-function Ac({ className: t = "w-5 h-5" }) {
+function Tc({ className: t = "w-5 h-5" }) {
   return /* @__PURE__ */ d("svg", { className: t, fill: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ d("path", { d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" }) });
 }
-function xi({ className: t = "w-5 h-5" }) {
+function Ei({ className: t = "w-5 h-5" }) {
   return /* @__PURE__ */ d("svg", { className: t, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ d("path", { d: "M8 5v14l11-7z" }) });
 }
-function Ei({ className: t = "w-5 h-5" }) {
+function Mi({ className: t = "w-5 h-5" }) {
   return /* @__PURE__ */ d("svg", { className: t, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ d("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" }) });
 }
-function Mi({ className: t = "w-5 h-5" }) {
+function ki({ className: t = "w-5 h-5" }) {
   return /* @__PURE__ */ _("svg", { className: t, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
     /* @__PURE__ */ d("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__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2" })
   ] });
 }
-function ki({ className: t = "w-5 h-5" }) {
+function _i({ className: t = "w-5 h-5" }) {
   return /* @__PURE__ */ _("svg", { className: t, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
     /* @__PURE__ */ d("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__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.536 8.464a5 5 0 010 7.072" })
   ] });
 }
-function _i({ className: t = "w-5 h-5" }) {
+function Ai({ className: t = "w-5 h-5" }) {
   return /* @__PURE__ */ _("svg", { className: t, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
     /* @__PURE__ */ d("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__ */ d("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: t = "w-5 h-5" }) {
+function Ti({ className: t = "w-5 h-5" }) {
   return /* @__PURE__ */ d("svg", { className: t, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ d("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 Ti({ className: t = "w-5 h-5" }) {
+function Ii({ className: t = "w-5 h-5" }) {
   return /* @__PURE__ */ d("svg", { className: t, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 9V4H4m0 0l5 5M9 15v5H4m0 0l5-5M15 9V4h5m0 0l-5 5M15 15v5h5m0 0l-5-5" }) });
 }
-function Ii({ className: t = "w-5 h-5" }) {
+function Ci({ className: t = "w-5 h-5" }) {
   return /* @__PURE__ */ d("svg", { className: t, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) });
 }
-function Ci({ className: t = "w-5 h-5" }) {
+function Ri({ className: t = "w-5 h-5" }) {
   return /* @__PURE__ */ d("svg", { className: t, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
 }
-function Ri({ className: t = "w-4 h-4" }) {
+function Fi({ className: t = "w-4 h-4" }) {
   return /* @__PURE__ */ _("svg", { className: t, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
     /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 4v16" }),
     /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12l-5 4v-8l5 4z" })
   ] });
 }
-function Fi({ className: t = "w-4 h-4" }) {
+function Ni({ className: t = "w-4 h-4" }) {
   return /* @__PURE__ */ _("svg", { className: t, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
     /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20 4v16" }),
     /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12l5 4v-8l-5 4z" })
   ] });
 }
-function Ni({ className: t = "w-5 h-5" }) {
+function Li({ className: t = "w-5 h-5" }) {
   return /* @__PURE__ */ d("svg", { className: t, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 6l12 12M18 6L6 18" }) });
 }
-function Li({ className: t = "w-5 h-5" }) {
+function $i({ className: t = "w-5 h-5" }) {
   return /* @__PURE__ */ _("svg", { className: t, viewBox: "0 0 24 24", fill: "currentColor", children: [
     /* @__PURE__ */ d("path", { d: "M12 5l8 11H4z" }),
     /* @__PURE__ */ d("rect", { x: "4", y: "17", width: "16", height: "3", rx: "0.5" })
   ] });
 }
-function $i({ className: t = "w-5 h-5" }) {
+function Pi({ className: t = "w-5 h-5" }) {
   return /* @__PURE__ */ d("svg", { className: t, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ d("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 Ar({ site: t = "control bar", className: e = "ctr-btn" }) {
@@ -2129,12 +2132,12 @@ function Ar({ site: t = "control bar", className: e = "ctr-btn" }) {
       className: e,
       title: "Select Media",
       "aria-label": "Select Media",
-      children: /* @__PURE__ */ d($i, {})
+      children: /* @__PURE__ */ d(Pi, {})
     }
   );
 }
-function Pi() {
-  const t = x((a) => a.chatCollapsed), e = x((a) => a.toggleChatCollapsed), n = x((a) => !!a.snapshot.mediaId), r = xt(), s = Yt({ hasMedia: n, chatCollapsed: t, isFullscreen: r });
+function Di() {
+  const t = x((a) => a.chatCollapsed), e = x((a) => a.toggleChatCollapsed), n = x((a) => !!a.snapshot.mediaId), r = xt(), s = Et({ hasMedia: n, chatCollapsed: t, isFullscreen: r });
   return { panelHidden: s, toggle: () => {
     if (E("chat", s ? "Show chat" : "Hide chat", { isFullscreen: r, chatCollapsed: t }), !s) {
       e();
@@ -2146,7 +2149,7 @@ function Pi() {
   } };
 }
 function Tr({ className: t }) {
-  const { panelHidden: e, toggle: n } = Pi(), r = e ? "Show chat" : "Hide chat";
+  const { panelHidden: e, toggle: n } = Di(), r = e ? "Show chat" : "Hide chat";
   return /* @__PURE__ */ d(
     "button",
     {
@@ -2156,12 +2159,12 @@ function Tr({ className: t }) {
       title: r,
       "aria-label": r,
       "aria-expanded": !e,
-      children: e ? /* @__PURE__ */ d(Fi, { className: "w-5 h-5" }) : /* @__PURE__ */ d(Ri, { className: "w-5 h-5" })
+      children: e ? /* @__PURE__ */ d(Ni, { className: "w-5 h-5" }) : /* @__PURE__ */ d(Fi, { className: "w-5 h-5" })
     }
   );
 }
-function Di() {
-  const t = x((u) => u.chatCollapsed), e = x((u) => !!u.snapshot.mediaId), n = xt(), r = Et(), s = nt(), i = en(), a = Xt({
+function Bi() {
+  const t = x((u) => u.chatCollapsed), e = x((u) => !!u.snapshot.mediaId), n = xt(), r = Mt(), s = nt(), i = en(), a = Xt({
     isLeader: i,
     hasMedia: e,
     chatCollapsed: t,
@@ -2172,11 +2175,11 @@ function Di() {
     a && /* @__PURE__ */ d(Ar, { site: "room corner", className: "corner-btn" }),
     l && /* @__PURE__ */ d("button", { type: "button", onClick: () => {
       E("game", "game_select", { gameId: null, source: "room corner" }), Vn(null);
-    }, className: "corner-btn", title: "Stop game", "aria-label": "Stop game", children: /* @__PURE__ */ d(Ni, {}) }),
+    }, className: "corner-btn", title: "Stop game", "aria-label": "Stop game", children: /* @__PURE__ */ d(Li, {}) }),
     o && /* @__PURE__ */ d(Tr, { className: "corner-btn" })
   ] });
 }
-function Bi() {
+function Oi() {
   L(() => xs((t) => {
     const e = Es(t);
     E("avatar", "Avatar changed in the settings popout", { sprite: e, source: t.avatar?.source }), Qn(e);
@@ -2195,33 +2198,33 @@ function Qe() {
       C("audio", "audio-unlock callback threw", Y(n));
     }
 }
-let Nt = !1;
-function Oi() {
-  return Nt ? () => {
-  } : (Nt = !0, document.addEventListener("click", Qe, { capture: !0, passive: !0 }), document.addEventListener("touchend", Qe, { capture: !0, passive: !0 }), document.addEventListener("keydown", Qe, { capture: !0, passive: !0 }), () => {
-    document.removeEventListener("click", Qe, { capture: !0 }), document.removeEventListener("touchend", Qe, { capture: !0 }), document.removeEventListener("keydown", Qe, { capture: !0 }), Nt = !1;
+let Lt = !1;
+function Hi() {
+  return Lt ? () => {
+  } : (Lt = !0, document.addEventListener("click", Qe, { capture: !0, passive: !0 }), document.addEventListener("touchend", Qe, { capture: !0, passive: !0 }), document.addEventListener("keydown", Qe, { capture: !0, passive: !0 }), () => {
+    document.removeEventListener("click", Qe, { capture: !0 }), document.removeEventListener("touchend", Qe, { capture: !0 }), document.removeEventListener("keydown", Qe, { capture: !0 }), Lt = !1;
   });
 }
-const Hi = 400;
-function Ui(t) {
+const Ui = 400;
+function ji(t) {
   return t === "leader" || t === "viewer" ? t : null;
 }
-async function ji(t) {
+async function Gi(t) {
   const e = Ms(), n = await fetch(`${e}/api/rooms/validate/${encodeURIComponent(t)}`);
   if (n.status === 404) return null;
   if (!n.ok) throw new Error(`validate returned ${n.status}`);
   const r = await n.json();
-  return Ui(r?.type);
+  return ji(r?.type);
 }
-async function Gi(t) {
+async function Wi(t) {
   for (let e = 0; e < 2; e++)
     try {
-      const n = await ji(t);
+      const n = await Gi(t);
       x.getState().setRoomKeyType({ roomKey: t, type: n }), E("room", "Room key type probed", { roomKey: t, type: n });
       return;
     } catch (n) {
       if (e === 0) {
-        await new Promise((r) => setTimeout(r, Hi));
+        await new Promise((r) => setTimeout(r, Ui));
         continue;
       }
       C("room", "Room key type probe failed, falling back to socket truth", Y(n));
@@ -2231,14 +2234,14 @@ function Pe(t, e) {
   const r = x.getState().allocateClientSeq(), s = { kind: t, client_seq: r, ...e || {} };
   return qn().emit(Yn.CONTROL, s), r;
 }
-function Tc(t) {
+function Ic(t) {
   return Pe("load", { media_id: t });
 }
-function Wi() {
+function Vi() {
   return Pe("home");
 }
-function Vi() {
-  const t = za(), e = pr(), n = nt(), r = mr(), s = n && r && !e.ready, i = !e.ready && !s;
+function Ki() {
+  const t = Ja(), e = pr(), n = nt(), r = mr(), s = n && r && !e.ready, i = !e.ready && !s;
   return /* @__PURE__ */ d(
     "button",
     {
@@ -2258,13 +2261,13 @@ function Vi() {
       className: "ctr-btn",
       title: s ? "Some viewers still loading — play anyway" : i ? "Waiting for sync..." : n ? t.playing ? "Pause" : "Play" : "Only the leader can control playback",
       "data-active": !i && n && t.playing ? "1" : "0",
-      children: t.playing ? /* @__PURE__ */ d(Ei, {}) : /* @__PURE__ */ d(xi, {})
+      children: t.playing ? /* @__PURE__ */ d(Mi, {}) : /* @__PURE__ */ d(Ei, {})
     }
   );
 }
-function Ki() {
+function zi() {
   function t() {
-    E("controls", "Unload episode clicked"), Wi();
+    E("controls", "Unload episode clicked"), Vi();
   }
   return /* @__PURE__ */ d(
     "button",
@@ -2273,48 +2276,48 @@ function Ki() {
       className: "ctr-btn",
       title: "Unload episode (return to lobby)",
       "aria-label": "Unload episode",
-      children: /* @__PURE__ */ d(Li, {})
+      children: /* @__PURE__ */ d($i, {})
     }
   );
 }
-function zi(t) {
+function Ji(t) {
   return !t.isLeader || t.durationMs === 0 ? !0 : !t.ready && !t.canOverride;
 }
-function Ji(t) {
+function Qi(t) {
   return t.localValue !== null ? t.localValue : t.displayPlayheadMs ?? t.snapshotPlayheadMs;
 }
-function Qi(t, e) {
+function qi(t, e) {
   return e <= 0 ? 0 : t / e;
 }
-function Lt(t) {
+function $t(t) {
   const e = Math.floor(t / 1e3), n = Math.floor(e / 3600), r = Math.floor(e % 3600 / 60), s = e % 60;
   return n > 0 ? `${n}:${r.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}` : `${r}:${s.toString().padStart(2, "0")}`;
 }
-function qi({ durationMs: t, displayPlayheadMs: e }) {
-  const n = x((S) => S.snapshot), r = x((S) => S.readiness), s = nt(), i = mr(), a = s && i && !r.ready, l = P(null), [o, c] = $(null), [u, f] = $(0), [p, v] = $(!1), [g, h] = $(null), y = P(0), [w, A] = $(n.mediaId);
-  w !== n.mediaId && (A(n.mediaId), h(null), v(!1));
+function Yi({ durationMs: t, displayPlayheadMs: e }) {
+  const n = x((S) => S.snapshot), r = x((S) => S.readiness), s = nt(), i = mr(), a = s && i && !r.ready, l = P(null), [o, c] = $(null), [u, h] = $(0), [f, y] = $(!1), [g, p] = $(null), v = P(0), [w, A] = $(n.mediaId);
+  w !== n.mediaId && (A(n.mediaId), p(null), y(!1));
   const F = e ?? n.playheadMs;
-  !p && g !== null && Math.abs(F - g) < Kn && h(null);
-  const k = t || 0, m = Ji({ localValue: g, displayPlayheadMs: e, snapshotPlayheadMs: n.playheadMs }), T = P(0);
+  !f && g !== null && Math.abs(F - g) < Kn && p(null);
+  const k = t || 0, m = Qi({ localValue: g, displayPlayheadMs: e, snapshotPlayheadMs: n.playheadMs }), T = P(0);
   L(() => {
-    if (p || g === null) return;
+    if (f || g === null) return;
     const S = 1e4 - (Date.now() - T.current), I = setTimeout(() => {
       C("seek", "SeekBar local override timed out — seek never completed", {
         target: Math.round(g),
         actual: Math.round(F),
         delta: Math.round(Math.abs(F - g))
-      }), h(null);
+      }), p(null);
     }, Math.max(0, S));
     return () => clearTimeout(I);
-  }, [F, p, g]);
+  }, [F, f, g]);
   const R = U((S) => {
     const I = S.currentTarget.getBoundingClientRect(), B = S.clientX - I.left, H = B / I.width, j = Math.round(H * k);
-    c(B), f(Math.max(0, Math.min(j, k)));
+    c(B), h(Math.max(0, Math.min(j, k)));
   }, [k]), b = U(() => {
     c(null);
   }, []);
   return /* @__PURE__ */ _("div", { className: "flex items-center gap-2 flex-1", children: [
-    /* @__PURE__ */ d("span", { className: "text-[11px] font-mono text-text-secondary w-[45px] text-right shrink-0", children: Lt(m) }),
+    /* @__PURE__ */ d("span", { className: "text-[11px] font-mono text-text-secondary w-[45px] text-right shrink-0", children: $t(m) }),
     /* @__PURE__ */ _("div", { className: "flex-1 relative", children: [
       /* @__PURE__ */ d(
         "input",
@@ -2323,21 +2326,21 @@ function qi({ durationMs: t, displayPlayheadMs: e }) {
           min: 0,
           max: k,
           value: m,
-          disabled: zi({ isLeader: s, ready: r.ready, canOverride: a, durationMs: k }),
-          style: { "--progress": `${Qi(m, k) * 100}%` },
+          disabled: Ji({ isLeader: s, ready: r.ready, canOverride: a, durationMs: k }),
+          style: { "--progress": `${qi(m, k) * 100}%` },
           onChange: (S) => {
             const I = Number(S.target.value);
-            h(I), T.current = Date.now();
+            p(I), T.current = Date.now();
           },
           onMouseDown: () => {
-            v(!0), y.current = e ?? n.playheadMs;
+            y(!0), v.current = e ?? n.playheadMs;
           },
           onMouseUp: () => {
-            v(!1), g !== null && g !== y.current && (E("seek", "Final seek on mouseup", { to_ms: g }), Pe("seek", { to_ms: g }), y.current = g);
+            y(!1), g !== null && g !== v.current && (E("seek", "Final seek on mouseup", { to_ms: g }), Pe("seek", { to_ms: g }), v.current = g);
           },
           onMouseMove: R,
           onMouseLeave: () => {
-            b(), p && g !== null && g !== y.current && (v(!1), E("seek", "Final seek on mouseleave-while-dragging", { to_ms: g }), Pe("seek", { to_ms: g }), y.current = g);
+            b(), f && g !== null && g !== v.current && (y(!1), E("seek", "Final seek on mouseleave-while-dragging", { to_ms: g }), Pe("seek", { to_ms: g }), v.current = g);
           },
           className: "w-full range-fill",
           ref: l,
@@ -2349,25 +2352,25 @@ function qi({ durationMs: t, displayPlayheadMs: e }) {
         {
           className: "absolute bottom-full mb-2 px-2 py-1 bg-bg-card text-white text-xs rounded pointer-events-none transform -translate-x-1/2 whitespace-nowrap",
           style: { left: o },
-          children: Lt(u)
+          children: $t(u)
         }
       )
     ] }),
-    /* @__PURE__ */ d("span", { className: "text-[11px] font-mono text-text-muted w-[45px] text-left shrink-0", children: Lt(k) })
+    /* @__PURE__ */ d("span", { className: "text-[11px] font-mono text-text-muted w-[45px] text-left shrink-0", children: $t(k) })
   ] });
 }
-function Yi({ videoRef: t }) {
+function Xi({ videoRef: t }) {
   const e = x((u) => u.mediaPrefs.volume), n = x((u) => u.mediaPrefs.muted), r = x((u) => u.setVolume), s = x((u) => u.setMuted);
   L(() => {
     const u = t.current;
     u && (u.volume = e, u.muted = n);
   }, [e, n, t]);
   const i = (u) => {
-    const f = parseFloat(u.target.value);
-    r(f), f > 0 && n && s(!1);
+    const h = parseFloat(u.target.value);
+    r(h), h > 0 && n && s(!1);
   }, a = () => {
     s(!n);
-  }, l = () => n || e === 0 ? /* @__PURE__ */ d(Mi, {}) : e < 0.5 ? /* @__PURE__ */ d(ki, {}) : /* @__PURE__ */ d(_i, {}), o = n ? 0 : e, c = Math.round(o * 100);
+  }, l = () => n || e === 0 ? /* @__PURE__ */ d(ki, {}) : e < 0.5 ? /* @__PURE__ */ d(_i, {}) : /* @__PURE__ */ d(Ai, {}), o = n ? 0 : e, c = Math.round(o * 100);
   return /* @__PURE__ */ _("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ d(
       "button",
@@ -2400,7 +2403,7 @@ function Yi({ videoRef: t }) {
     ] })
   ] });
 }
-function Xi({
+function Zi({
   tracks: t,
   selectedIndex: e,
   onSelect: n
@@ -2424,7 +2427,7 @@ function Xi({
     )
   ] });
 }
-function Zi({
+function eo({
   tracks: t,
   selectedIndex: e,
   onSelect: n,
@@ -2461,13 +2464,13 @@ function Zi({
     )
   ] });
 }
-const eo = [
+const to = [
   { value: "classic", label: "Classic" },
   { value: "cinema", label: "Cinema" },
   { value: "minimal", label: "Minimal" },
   { value: "contrast", label: "High Contrast" }
 ];
-function to({ style: t, onStyleChange: e, enabled: n }) {
+function no({ style: t, onStyleChange: e, enabled: n }) {
   return n ? /* @__PURE__ */ _("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ d("span", { className: "text-[10px] opacity-60 uppercase tracking-wide", children: "Style" }),
     /* @__PURE__ */ d(
@@ -2478,12 +2481,12 @@ function to({ style: t, onStyleChange: e, enabled: n }) {
         className: "text-xs rounded px-2 py-1 cursor-pointer",
         title: "Select subtitle style",
         "aria-label": "Subtitle style selection",
-        children: eo.map((r) => /* @__PURE__ */ d("option", { value: r.value, children: r.label }, r.value))
+        children: to.map((r) => /* @__PURE__ */ d("option", { value: r.value, children: r.label }, r.value))
       }
     )
   ] }) : null;
 }
-function no({ videoRef: t }) {
+function ro({ videoRef: t }) {
   const [e, n] = $(!1);
   L(() => {
     const s = () => {
@@ -2513,11 +2516,11 @@ function no({ videoRef: t }) {
       },
       className: "ctr-btn",
       title: e ? "Exit Fullscreen" : "Enter Fullscreen",
-      children: e ? /* @__PURE__ */ d(Ti, {}) : /* @__PURE__ */ d(Ai, {})
+      children: e ? /* @__PURE__ */ d(Ii, {}) : /* @__PURE__ */ d(Ti, {})
     }
   );
 }
-function ro({
+function so({
   videoRef: t,
   mediaId: e,
   durationMs: n,
@@ -2529,32 +2532,32 @@ function ro({
   selectedSubtitleIndex: o,
   onSubtitleSelect: c,
   subtitlesEnabled: u,
-  onSubtitlesToggle: f,
-  subtitleStyle: p,
-  onSubtitleStyleChange: v,
+  onSubtitlesToggle: h,
+  subtitleStyle: f,
+  onSubtitleStyleChange: y,
   displayPlayheadMs: g,
-  onChatActivity: h,
-  onMenuHeld: y
+  onChatActivity: p,
+  onMenuHeld: v
 }) {
-  const w = nt(), A = x((z) => z.chatCollapsed), F = xt(), k = en(), m = Et() !== null, T = Xt({
+  const w = nt(), A = x((z) => z.chatCollapsed), F = xt(), k = en(), m = Mt() !== null, T = Xt({
     isLeader: k,
     hasMedia: !0,
     chatCollapsed: A,
     isFullscreen: F,
     gameOverlay: m
-  }) === "control-bar", R = ar({ hasMedia: !0, isFullscreen: F, gameOverlay: m }) === "control-bar", b = x((z) => z.floatingChatEnabled), S = P(null), I = P(null), [B, H] = $(!1), [j, K] = $(!1), [X, N] = $(""), [O, Q] = $(!1), W = hr(), [re, le] = $(!1), [Re, Ke] = $(!1), Mt = U(async (z) => {
+  }) === "control-bar", R = ar({ hasMedia: !0, isFullscreen: F, gameOverlay: m }) === "control-bar", b = x((z) => z.floatingChatEnabled), S = P(null), I = P(null), [B, H] = $(!1), [j, K] = $(!1), [X, N] = $(""), [O, Q] = $(!1), W = hr(), [re, le] = $(!1), [Re, Ke] = $(!1), kt = U(async (z) => {
     if (z.key !== "Enter") return;
     const he = X.trim();
     if (!he && !W.pending.length || O || W.uploading) return;
     const Me = await W.uploadPending();
     Me !== null && (jn(he, Me), N(""), W.clear(), Q(!0), setTimeout(() => Q(!1), Gn), !document.hidden && document.hasFocus() && I.current?.focus());
   }, [X, O, W]);
-  L(() => () => y?.(!1), [e, y]);
+  L(() => () => v?.(!1), [e, v]);
   const De = r ?? !0, ye = U(() => {
     const z = S.current;
     if (!z) return;
-    const { scrollLeft: he, scrollWidth: Me, clientWidth: kt } = z;
-    H(he > 5), K(he + kt < Me - 5);
+    const { scrollLeft: he, scrollWidth: Me, clientWidth: _t } = z;
+    H(he > 5), K(he + _t < Me - 5);
   }, []);
   L(() => {
     const z = S.current;
@@ -2581,10 +2584,10 @@ function ro({
     {
       className: `ctr-bar-wrapper ${De ? "show" : ""}`,
       onFocus: (z) => {
-        z.target instanceof HTMLSelectElement && y?.(!0);
+        z.target instanceof HTMLSelectElement && v?.(!0);
       },
       onBlur: (z) => {
-        z.target instanceof HTMLSelectElement && y?.(!1);
+        z.target instanceof HTMLSelectElement && v?.(!1);
       },
       onChange: (z) => {
         z.target instanceof HTMLSelectElement && z.target.blur();
@@ -2592,18 +2595,18 @@ function ro({
       children: [
         /* @__PURE__ */ _("div", { ref: S, className: we, children: [
           w && /* @__PURE__ */ _("div", { className: "cluster", children: [
-            /* @__PURE__ */ d(Vi, {}),
+            /* @__PURE__ */ d(Ki, {}),
             T && /* @__PURE__ */ d(Ar, {}),
-            /* @__PURE__ */ d(Ki, {})
+            /* @__PURE__ */ d(zi, {})
           ] }),
-          /* @__PURE__ */ d("div", { className: "cluster-seek", children: /* @__PURE__ */ d(qi, { durationMs: n, displayPlayheadMs: g }) }),
+          /* @__PURE__ */ d("div", { className: "cluster-seek", children: /* @__PURE__ */ d(Yi, { durationMs: n, displayPlayheadMs: g }) }),
           /* @__PURE__ */ _("div", { className: "cluster", children: [
-            /* @__PURE__ */ d(Yi, { videoRef: t }),
+            /* @__PURE__ */ d(Xi, { videoRef: t }),
             s.length > 1 && /* @__PURE__ */ _(Se, { children: [
               /* @__PURE__ */ d("div", { className: "w-px h-5 bg-white/20" }),
               " ",
               /* @__PURE__ */ d(
-                Xi,
+                Zi,
                 {
                   tracks: s,
                   selectedIndex: i,
@@ -2614,20 +2617,20 @@ function ro({
           ] }),
           l.length > 0 && /* @__PURE__ */ _("div", { className: "cluster", children: [
             /* @__PURE__ */ d(
-              Zi,
+              eo,
               {
                 tracks: l,
                 selectedIndex: o,
                 onSelect: c,
                 enabled: u,
-                onToggle: f
+                onToggle: h
               }
             ),
             /* @__PURE__ */ d(
-              to,
+              no,
               {
-                style: p,
-                onStyleChange: v,
+                style: f,
+                onStyleChange: y,
                 enabled: u
               }
             )
@@ -2659,10 +2662,10 @@ function ro({
                     type: "text",
                     value: X,
                     onChange: (z) => {
-                      N(z.target.value.slice(0, Wn)), h?.();
+                      N(z.target.value.slice(0, Wn)), p?.();
                     },
                     onKeyDown: (z) => {
-                      Mt(z);
+                      kt(z);
                     },
                     placeholder: "Message...",
                     className: "bg-transparent border-none outline-none text-sm max-w-[240px] w-48 h-7 px-2",
@@ -2687,7 +2690,7 @@ function ro({
           ),
           /* @__PURE__ */ _("div", { className: "cluster cluster-tight", children: [
             R && /* @__PURE__ */ d(Tr, { className: "ctr-btn" }),
-            /* @__PURE__ */ d(no, { videoRef: t })
+            /* @__PURE__ */ d(ro, { videoRef: t })
           ] })
         ] }),
         rt && /* @__PURE__ */ _("div", { className: "ctr-scroll-group", children: [
@@ -2697,7 +2700,7 @@ function ro({
               className: `ctr-scroll-btn ${B ? "visible" : ""}`,
               onClick: () => Be("left"),
               "aria-label": "Scroll left",
-              children: /* @__PURE__ */ d(Ii, {})
+              children: /* @__PURE__ */ d(Ci, {})
             }
           ),
           /* @__PURE__ */ d(
@@ -2706,7 +2709,7 @@ function ro({
               className: `ctr-scroll-btn ${j ? "visible" : ""}`,
               onClick: () => Be("right"),
               "aria-label": "Scroll right",
-              children: /* @__PURE__ */ d(Ci, {})
+              children: /* @__PURE__ */ d(Ri, {})
             }
           )
         ] })
@@ -2714,44 +2717,44 @@ function ro({
     }
   );
 }
-const so = 1e3;
-function ao(t) {
-  return t.hidden && t.roomPlaying && !t.seekInFlight && !t.ended && !t.localPause && t.sinceUserPauseMs >= so;
+const ao = 1e3;
+function io(t) {
+  return t.hidden && t.roomPlaying && !t.seekInFlight && !t.ended && !t.localPause && t.sinceUserPauseMs >= ao;
 }
-function io(t, e) {
+function oo(t, e) {
   return e.isLeader ? t === "play" && e.roomPlaying ? { kind: "resync" } : t === "pause" && !e.roomPlaying ? { kind: "none" } : { kind: "control", control: t } : t === "pause" ? { kind: "local-pause" } : e.roomPlaying ? { kind: "resync" } : { kind: "none" };
 }
-const oo = 1e3;
-function co(t) {
+const co = 1e3;
+function lo(t) {
   if (!t.roomPlaying || t.seekInFlight) return { kind: "none" };
   const e = t.durationMs > 0 ? Math.min(t.roomMs, t.durationMs) : t.roomMs;
   return Math.abs(e - t.elementMs) > t.driftToleranceMs ? { kind: "seek", targetMs: Math.round(e) } : t.elementPaused ? { kind: "resume" } : { kind: "none" };
 }
-function lo(t, e, n) {
+function uo(t, e, n) {
   return t.playheadMs + (t.playing ? Math.max(0, n - e) : 0);
 }
 function Cr(t) {
   const e = t.split("/").filter(Boolean);
   return e.length >= 2 ? e.slice(-2).join(" ") : e[e.length - 1] || t;
 }
-function uo(t) {
+function fo(t) {
   const e = t.split("/").filter(Boolean), n = [`${e.join("/")}/poster.jpg`];
   return e.length >= 2 && n.push(`${e.slice(0, -1).join("/")}/poster.jpg`), n;
 }
-function fo({ mediaId: t, visible: e }) {
+function ho({ mediaId: t, visible: e }) {
   return t ? /* @__PURE__ */ d("div", { className: `media-title ${e ? "show" : ""}`, children: Cr(t) }) : null;
 }
-const qe = 3, ho = 1e3, po = 15e3, Z = {
+const qe = 3, po = 1e3, mo = 15e3, Z = {
   EQUAL: 1e-3,
   POINT: 0.05,
   RANGE: 0.1,
   FALLBACK: 1
-}, $t = 0.5, Pt = 3e3;
+}, Pt = 0.5, Dt = 3e3;
 function ct(t, e = {}) {
-  const { baseMs: n = ho, capMs: r = po, jitter: s = 0.25 } = e, i = Math.min(n * Math.pow(2, t - 1), r), a = s > 0 ? Math.round(i * Math.random() * s) : 0;
+  const { baseMs: n = po, capMs: r = mo, jitter: s = 0.25 } = e, i = Math.min(n * Math.pow(2, t - 1), r), a = s > 0 ? Math.round(i * Math.random() * s) : 0;
   return i + a;
 }
-const In = 15, mo = 35e3, go = 2e3, Dt = 10;
+const In = 15, go = 35e3, bo = 2e3, Bt = 10;
 function Ie(t, e) {
   if (t.length === 0) return 0;
   if (e >= t[t.length - 1].end_ms) return t.length - 1;
@@ -2776,7 +2779,7 @@ function Ye(t, e, n = Z.POINT) {
     if (e >= t.start(r) - n && e <= t.end(r)) return r;
   return -1;
 }
-function Bt(t, e, n, r = Z.RANGE) {
+function Ot(t, e, n, r = Z.RANGE) {
   const s = e / 1e3, i = n / 1e3;
   for (let a = 0; a < t.length; a++)
     if (t.start(a) < i + r && t.end(a) > s - r) return !0;
@@ -2785,15 +2788,15 @@ function Bt(t, e, n, r = Z.RANGE) {
 function ge(t) {
   return t ? Array.from({ length: t.length }, (e, n) => `${t.start(n).toFixed(2)}-${t.end(n).toFixed(2)}`) : [];
 }
-function bo(t) {
+function yo(t) {
   if (t.length === 0) return 0;
   const e = t.reduce((r, s) => r + s.bytes, 0), n = t.reduce((r, s) => r + s.durationMs, 0);
   return n === 0 ? 0 : e / n * 1e3;
 }
-const yo = 8e5, vo = 4;
+const vo = 8e5, So = 4;
 function ot(t) {
   if (t === 0) return 6e4;
-  const e = yo / t * 1e3 * vo;
+  const e = vo / t * 1e3 * So;
   return Math.max(3e4, Math.min(12e4, Math.round(e)));
 }
 function Cn(t, e) {
@@ -2801,7 +2804,7 @@ function Cn(t, e) {
     if (t[n]?.keyframe) return n;
   return -1;
 }
-function So(t, e, n, r) {
+function wo(t, e, n, r) {
   const s = t * 1e3 - 100, i = e * 1e3 + 100;
   for (const a of r) {
     const l = n[a];
@@ -2810,7 +2813,7 @@ function So(t, e, n, r) {
   }
   return !1;
 }
-function wo(t) {
+function xo(t) {
   const e = [], n = t.replace(/\r\n/g, `
 `).split(`
 `);
@@ -2821,38 +2824,38 @@ function wo(t) {
     const s = n[r].trim();
     if (s.includes("-->")) {
       const i = s.split("-->"), a = Rn(i[0].trim()), l = i[1].trim().split(/\s+/), o = Rn(l[0]);
-      let c, u, f;
-      for (let v = 1; v < l.length; v++) {
-        const g = l[v];
+      let c, u, h;
+      for (let y = 1; y < l.length; y++) {
+        const g = l[y];
         if (g.startsWith("line:")) {
-          const h = g.slice(5);
-          if (h.endsWith("%")) {
-            const y = parseFloat(h.slice(0, -1));
-            isNaN(y) || (c = y / 100);
+          const p = g.slice(5);
+          if (p.endsWith("%")) {
+            const v = parseFloat(p.slice(0, -1));
+            isNaN(v) || (c = v / 100);
           }
         } else if (g.startsWith("position:")) {
-          const h = g.slice(9);
-          if (h.endsWith("%")) {
-            const y = parseFloat(h.slice(0, -1));
-            isNaN(y) || (u = y / 100);
+          const p = g.slice(9);
+          if (p.endsWith("%")) {
+            const v = parseFloat(p.slice(0, -1));
+            isNaN(v) || (u = v / 100);
           }
         } else if (g.startsWith("align:")) {
-          const h = g.slice(6);
-          (h === "start" || h === "center" || h === "end") && (f = h);
+          const p = g.slice(6);
+          (p === "start" || p === "center" || p === "end") && (h = p);
         }
       }
-      const p = [];
+      const f = [];
       for (r++; r < n.length && n[r].trim() !== ""; )
-        p.push(n[r].trim()), r++;
-      a !== null && o !== null && p.length > 0 && e.push({
+        f.push(n[r].trim()), r++;
+      a !== null && o !== null && f.length > 0 && e.push({
         id: `cue-${e.length}`,
         startTime: a,
         endTime: o,
-        text: p.join(`
+        text: f.join(`
 `),
         linePercent: c,
         positionPercent: u,
-        align: f
+        align: h
       });
     } else
       r++;
@@ -2865,10 +2868,10 @@ function Rn(t) {
   let n = 0, r, s;
   return e.length === 3 ? (n = parseInt(e[0], 10), r = parseInt(e[1], 10), s = parseFloat(e[2])) : (r = parseInt(e[0], 10), s = parseFloat(e[1])), isNaN(n) || isNaN(r) || isNaN(s) ? null : n * 3600 + r * 60 + s;
 }
-function xo(t) {
+function Eo(t) {
   return t.replace(/<\/?[^>]+(>|$)/g, "").replace(/\{[^}]+\}/g, "").replace(/\\N/g, " ").replace(/\s*\n\s*/g, " ").replace(/\s{2,}/g, " ").trim();
 }
-const Eo = {
+const Mo = {
   // 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
@@ -2878,9 +2881,9 @@ const Eo = {
   // Accessibility-focused: bold white text on solid black box
   contrast: "text-white font-bold bg-black px-3 py-1"
 };
-function Mo({ subtitleUrl: t, videoRef: e, style: n, enabled: r }) {
-  const [s, i] = $([]), [a, l] = $([]), o = P(null), [c, u] = $(40), [f, p] = $(18), [v, g] = $(t);
-  v !== t && (g(t), t || i([])), L(() => {
+function ko({ subtitleUrl: t, videoRef: e, style: n, enabled: r }) {
+  const [s, i] = $([]), [a, l] = $([]), o = P(null), [c, u] = $(40), [h, f] = $(18), [y, g] = $(t);
+  y !== t && (g(t), t || i([])), L(() => {
     if (!t) return;
     let m = !1;
     const T = 2;
@@ -2892,7 +2895,7 @@ function Mo({ subtitleUrl: t, videoRef: e, style: n, enabled: r }) {
           if (!b.ok) throw new Error(`Failed to fetch subtitles (status ${b.status})`);
           const S = await b.text();
           if (m) return;
-          const I = wo(S);
+          const I = xo(S);
           i(I);
           return;
         } catch (b) {
@@ -2908,7 +2911,7 @@ function Mo({ subtitleUrl: t, videoRef: e, style: n, enabled: r }) {
       m = !0;
     };
   }, [t]);
-  const h = U(() => {
+  const p = U(() => {
     const m = e.current;
     if (!m || !r || s.length === 0) {
       l([]);
@@ -2922,23 +2925,23 @@ function Mo({ subtitleUrl: t, videoRef: e, style: n, enabled: r }) {
   L(() => {
     const m = e.current;
     if (!m) return;
-    const T = () => h();
+    const T = () => p();
     return m.addEventListener("timeupdate", T), m.addEventListener("seeked", T), () => {
       m.removeEventListener("timeupdate", T), m.removeEventListener("seeked", T);
     };
-  }, [e, h]);
-  const y = a.length > 0;
+  }, [e, p]);
+  const v = a.length > 0;
   if (L(() => {
     const m = e.current, T = o.current?.parentElement;
     if (!m || !T) return;
     const R = () => {
       const b = T.clientHeight, S = T.clientWidth, I = m.videoWidth || 1920, B = m.videoHeight || 1080, H = Math.min(S / I, b / B), j = B * H, K = (b - j) / 2, X = Math.max(16, j * 0.035), N = Math.max(X * 0.8, j * 0.055);
-      u(Math.max(K + N, 40)), p(X);
+      u(Math.max(K + N, 40)), f(X);
     };
     return R(), window.addEventListener("resize", R), m.addEventListener("loadedmetadata", R), () => {
       window.removeEventListener("resize", R), m.removeEventListener("loadedmetadata", R);
     };
-  }, [e, y]), !r || a.length === 0)
+  }, [e, v]), !r || a.length === 0)
     return null;
   function w(m) {
     const T = m.linePercent !== void 0 && m.linePercent <= 0.5;
@@ -2958,12 +2961,12 @@ function Mo({ subtitleUrl: t, videoRef: e, style: n, enabled: r }) {
     "div",
     {
       className: `flex flex-col ${T} w-full`,
-      style: { fontSize: f + "px" },
+      style: { fontSize: h + "px" },
       children: /* @__PURE__ */ d(
         "div",
         {
-          className: `${R} font-medium max-w-[95%] inline-block antialiased ${Eo[n]}`,
-          children: xo(b.text)
+          className: `${R} font-medium max-w-[95%] inline-block antialiased ${Mo[n]}`,
+          children: Eo(b.text)
         }
       )
     },
@@ -3000,8 +3003,8 @@ function Mo({ subtitleUrl: t, videoRef: e, style: n, enabled: r }) {
     k(A.bl, A.bc, A.br, { bottom: `${c}px` }, o)
   ] });
 }
-const ko = 300, _o = 50, Ao = 100, To = 100, Io = 100, Co = 100;
-function Ot(t, e) {
+const _o = 300, Ao = 50, To = 100, Io = 100, Co = 100, Ro = 100;
+function Ht(t, e) {
   if (t.length === 0) return 0;
   const n = Math.min(Math.floor(e / 100 * t.length), t.length - 1);
   return t[n];
@@ -3012,16 +3015,16 @@ function Ne(t) {
   return {
     count: e.length,
     mean: Math.round(n / e.length),
-    p50: Math.round(Ot(e, 50)),
-    p90: Math.round(Ot(e, 90)),
-    p99: Math.round(Ot(e, 99)),
+    p50: Math.round(Ht(e, 50)),
+    p90: Math.round(Ht(e, 90)),
+    p99: Math.round(Ht(e, 99)),
     max: Math.round(e[e.length - 1])
   };
 }
-function Le(t, e = ko) {
+function Le(t, e = _o) {
   t.length > e && t.splice(0, t.length - e);
 }
-class Ro {
+class Fo {
   // Fetch
   _fetches = [];
   _fetchTimeoutCount = 0;
@@ -3079,11 +3082,11 @@ class Ro {
   }
   /** Called when waitForAppend times out. */
   recordAppendTimeout(e, n, r) {
-    this._appendTimeouts.push({ index: e, timeoutMs: n, queueDepth: r, ts: performance.now() }), Le(this._appendTimeouts, _o);
+    this._appendTimeouts.push({ index: e, timeoutMs: n, queueDepth: r, ts: performance.now() }), Le(this._appendTimeouts, Ao);
   }
   /** Called when a seek completes (COMPLETED path in _execute). */
   recordSeekCompleted(e, n, r) {
-    this._seeks.push({ caller: e, targetMs: n, durationMs: r, ts: performance.now() }), Le(this._seeks, Ao);
+    this._seeks.push({ caller: e, targetMs: n, durationMs: r, ts: performance.now() }), Le(this._seeks, To);
   }
   /** Called when waitForSeeked resolves via timeout rather than the 'seeked' event. */
   recordWaitForSeekedTimeout() {
@@ -3105,11 +3108,11 @@ class Ro {
     this._stallStart && (this._stalls.push({
       ...this._stallStart,
       durationMs: Math.round(performance.now() - this._stallStart.ts)
-    }), Le(this._stalls, To), this._stallStart = null);
+    }), Le(this._stalls, Io), this._stallStart = null);
   }
   /** Called from _doEvict with the reason tag passed by the caller. */
   recordEvict(e, n, r) {
-    this._evictCounts[e] = (this._evictCounts[e] ?? 0) + 1, this._evicts.push({ reason: e, start: n, end: r, ts: performance.now() }), Le(this._evicts, Io);
+    this._evictCounts[e] = (this._evictCounts[e] ?? 0) + 1, this._evicts.push({ reason: e, start: n, end: r, ts: performance.now() }), Le(this._evicts, Co);
   }
   /** Called from FragmentManager.reconcileLoadedStates() when the browser's
    *  own silent quota eviction is detected (fragments 'loaded' but gone from
@@ -3151,7 +3154,7 @@ class Ro {
       },
       audio: {
         driftMs: Ne(this._audioDrifts),
-        highDriftCount: this._audioDrifts.filter((c) => c > Co).length,
+        highDriftCount: this._audioDrifts.filter((c) => c > Ro).length,
         samples: this._audioDrifts.slice(-20).map((c) => Math.round(c))
       },
       stalls: {
@@ -3200,9 +3203,9 @@ class Ro {
     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 Ro();
+const oe = new Fo();
 zn("__WP_PERF__", oe);
-class Fo {
+class No {
   cache = /* @__PURE__ */ new Map();
   getOrCreate(e) {
     let n = this.cache.get(e);
@@ -3241,8 +3244,8 @@ class Fo {
     this.cache.clear();
   }
 }
-const ve = new Fo(), Fn = 60, No = 5e3;
-class Lo {
+const ve = new No(), Fn = 60, Lo = 5e3;
+class $o {
   constructor(e) {
     this.deps = e;
   }
@@ -3322,7 +3325,7 @@ class Lo {
     if (this.evictStartedAt === 0)
       return this.evictStartedAt = Date.now(), !0;
     const e = Date.now() - this.evictStartedAt;
-    return e < No ? !0 : (C("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 < Lo ? !0 : (C("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. */
@@ -3366,15 +3369,15 @@ class Lo {
     for (let o = 0; o < i.length; o++) {
       const c = i.start(o), u = i.end(o);
       if (c < s - Fn && u > s) {
-        const y = s - Fn;
-        E("buffer", `EVICT-START [behind-tail-trim] range=${c.toFixed(2)}-${u.toFixed(2)} → trim [${c.toFixed(2)}-${y.toFixed(2)}] playhead=${s.toFixed(2)}`), this._doEvict(c, y, "behind-tail-trim");
+        const v = s - Fn;
+        E("buffer", `EVICT-START [behind-tail-trim] range=${c.toFixed(2)}-${u.toFixed(2)} → trim [${c.toFixed(2)}-${v.toFixed(2)}] playhead=${s.toFixed(2)}`), this._doEvict(c, v, "behind-tail-trim");
         return;
       }
       if (c < 0.5 && u > s || l !== null && u > l - Z.FALLBACK && c < l + Xe / 1e3) continue;
-      const f = u < s - 25, p = c > s + 4 * Xe / 1e3, v = o < i.length - 1 ? i.start(o + 1) - u : 0, g = u < s - 25 && v > 5, h = c > s + Xe / 1e3 && (o === 0 || i.end(o - 1) < c - Z.FALLBACK);
-      if (f || p || g || h) {
-        const y = f ? "behind" : p ? "far-ahead-island" : g ? "orphaned-gap" : "forward-orphan";
-        E("buffer", `EVICT-START [${y}] range=${c.toFixed(2)}-${u.toFixed(2)} playhead=${s.toFixed(2)}`), this._doEvict(c, u, y);
+      const h = u < s - 25, f = c > s + 4 * Xe / 1e3, y = o < i.length - 1 ? i.start(o + 1) - u : 0, g = u < s - 25 && y > 5, p = c > s + Xe / 1e3 && (o === 0 || i.end(o - 1) < c - Z.FALLBACK);
+      if (h || f || g || p) {
+        const v = h ? "behind" : f ? "far-ahead-island" : g ? "orphaned-gap" : "forward-orphan";
+        E("buffer", `EVICT-START [${v}] range=${c.toFixed(2)}-${u.toFixed(2)} playhead=${s.toFixed(2)}`), this._doEvict(c, u, v);
         return;
       }
     }
@@ -3487,13 +3490,13 @@ class Ze {
    *  hold began. Lets processAppendQueue bound a hold that would otherwise
    *  never end — see APPEND_HOLD_MAX_MS. */
   appendHold = null;
-  eviction = new Lo({
+  eviction = new $o({
     getFragments: () => this.fragments,
     getSourceBuffer: () => this.sourceBuffer,
     getMediaSource: () => this.mediaSource,
     isDisposed: () => this.disposed,
     fragmentStates: this.fragmentStates,
-    getPendingSeekTargetMs: () => this.pendingSeekTargetMs !== null && Date.now() - this.pendingSeekSetAtMs > mo ? null : this.pendingSeekTargetMs
+    getPendingSeekTargetMs: () => this.pendingSeekTargetMs !== null && Date.now() - this.pendingSeekSetAtMs > go ? null : this.pendingSeekTargetMs
   });
   lastGapWarnMs = 0;
   stableGapSignature = null;
@@ -3687,15 +3690,15 @@ class Ze {
           }
           r && ve.storeInit(r, l);
         } else {
-          const u = performance.now(), f = await fetch(s, {
+          const u = performance.now(), h = await fetch(s, {
             headers: { Range: `bytes=${e}-${n}` },
             signal: AbortSignal.timeout(ot(this.getAverageDownloadRate()))
           });
-          if (this.initTtfbMs = Math.round(performance.now() - u), this.initCfStatus = f.headers.get("cf-cache-status") || f.headers.get("x-cache") || "", !f.ok) throw new Error(`HTTP ${f.status}`);
-          if (f.status !== 206)
-            throw await f.body?.cancel().catch(() => {
-            }), new Error(`init expected 206, got ${f.status}`);
-          if (l = await f.arrayBuffer(), a()) {
+          if (this.initTtfbMs = Math.round(performance.now() - u), this.initCfStatus = h.headers.get("cf-cache-status") || h.headers.get("x-cache") || "", !h.ok) throw new Error(`HTTP ${h.status}`);
+          if (h.status !== 206)
+            throw await h.body?.cancel().catch(() => {
+            }), new Error(`init expected 206, got ${h.status}`);
+          if (l = await h.arrayBuffer(), a()) {
             C("buffer", "INIT-FETCH stale on completion, discarding bytes", {
               expectedMediaId: r,
               currentMediaId: this.mediaId
@@ -3710,12 +3713,12 @@ class Ze {
         return;
       }
       if (await new Promise((c, u) => {
-        const f = i, p = () => {
-          f.removeEventListener("updateend", p), f.removeEventListener("error", v), c();
-        }, v = (g) => {
-          f.removeEventListener("updateend", p), f.removeEventListener("error", v), u(g);
+        const h = i, f = () => {
+          h.removeEventListener("updateend", f), h.removeEventListener("error", y), c();
+        }, y = (g) => {
+          h.removeEventListener("updateend", f), h.removeEventListener("error", y), u(g);
         };
-        f.addEventListener("updateend", p), f.addEventListener("error", v), f.appendBuffer(l);
+        h.addEventListener("updateend", f), h.addEventListener("error", y), h.appendBuffer(l);
       }), a()) {
         E("buffer", "INIT append completed for stale media, ignoring");
         return;
@@ -3774,9 +3777,9 @@ class Ze {
         const i = this.fragments[n].end_ms / 1e3, a = (this.fragments[n].end_ms - this.fragments[0].start_ms) / 1e3;
         let l = 0;
         for (let c = e.buffered.length - 1; c >= 0; c--) {
-          const u = e.buffered.start(c), f = e.buffered.end(c);
-          if (f >= i - Z.RANGE) {
-            l = f - u;
+          const u = e.buffered.start(c), h = e.buffered.end(c);
+          if (h >= i - Z.RANGE) {
+            l = h - u;
             break;
           }
         }
@@ -3817,7 +3820,7 @@ class Ze {
     ]), r = [], s = this.currentPlayheadMs / 1e3;
     for (let l = 1; l < e.buffered.length; l++) {
       const o = e.buffered.end(l - 1), c = e.buffered.start(l);
-      c <= s || So(o, c, this.fragments, n) || r.push(`${o.toFixed(2)}-${c.toFixed(2)}`);
+      c <= s || wo(o, c, this.fragments, n) || r.push(`${o.toFixed(2)}-${c.toFixed(2)}`);
     }
     if (r.length === 0) {
       this.stableGapSignature = null, this.stableGapSince = 0;
@@ -3883,7 +3886,7 @@ class Ze {
   hasDataAhead(e) {
     if (!this.sourceBuffer?.buffered || this.mediaSource?.readyState !== "open") return !1;
     const n = this.sourceBuffer.buffered, r = e / 1e3, s = Ye(n, r, Z.RANGE);
-    return s >= 0 && n.end(s) - r > $t;
+    return s >= 0 && n.end(s) - r > Pt;
   }
   /** Wait for a specific time position to be buffered in the SourceBuffer.
    *  Event-driven: resolves on updateend when the position enters a buffered range. */
@@ -3971,7 +3974,7 @@ class Ze {
     for (const [s, i] of this.fragmentStates) {
       if (i !== "loaded") continue;
       const a = this.fragments[s];
-      a && (Bt(e, a.start_ms, a.end_ms) || (this.fragmentStates.set(s, "pending"), n.push(s)));
+      a && (Ot(e, a.start_ms, a.end_ms) || (this.fragmentStates.set(s, "pending"), n.push(s)));
     }
     if (n.length === 0) return;
     const r = ge(e).join(", ") || "(none)";
@@ -4015,49 +4018,49 @@ class Ze {
     r && this.abortAllJobs(a);
     const l = Ie(this.fragments, e);
     if (r) {
-      const h = Ie(this.fragments, e + Xe);
-      for (let y = l; y <= h; y++)
-        this.discardCounts.delete(y), this.fetchErrorCycles.delete(y);
+      const p = Ie(this.fragments, e + Xe);
+      for (let v = l; v <= p; v++)
+        this.discardCounts.delete(v), this.fetchErrorCycles.delete(v);
     }
-    const o = tn(this.fragments, e), c = this.fragments[o], u = c && this.sourceBuffer?.buffered && Bt(this.sourceBuffer.buffered, c.start_ms, c.end_ms), f = u ? l : o, p = s ? Math.min(this.fragments.length - 1, l + 1) : Ie(this.fragments, e + Ce);
+    const o = tn(this.fragments, e), c = this.fragments[o], u = c && this.sourceBuffer?.buffered && Ot(this.sourceBuffer.buffered, c.start_ms, c.end_ms), h = u ? l : o, f = s ? Math.min(this.fragments.length - 1, l + 1) : Ie(this.fragments, e + Ce);
     this.initRange && this.initState !== "loaded" && await this.fetchInit();
-    const v = [], g = [];
-    for (let h = f; h <= p; h++) {
-      const y = this.fragmentStates.get(h);
-      if (y === "loaded") {
-        g.push(`#${h}=${y}`);
+    const y = [], g = [];
+    for (let p = h; p <= f; p++) {
+      const v = this.fragmentStates.get(p);
+      if (v === "loaded") {
+        g.push(`#${p}=${v}`);
         continue;
       }
-      if (y === "loading" && this.isFragmentInFlight(h)) {
-        g.push(`#${h}=${y}`);
+      if (v === "loading" && this.isFragmentInFlight(p)) {
+        g.push(`#${p}=${v}`);
         continue;
       }
-      y === "loading" && g.push(`#${h}=loading-abandoned→refetch`), v.push(h);
+      v === "loading" && g.push(`#${p}=loading-abandoned→refetch`), y.push(p);
     }
     if (E("buffer", `FETCH-RANGE [${a}] ${JSON.stringify({
       targetMs: Math.round(e),
       targetFrag: l,
       keyframeFrag: o !== l ? o : void 0,
       kfInSb: o !== l ? u : void 0,
-      range: [f, p],
+      range: [h, f],
       abort: r,
       minimal: s,
-      toFetch: v,
+      toFetch: y,
       skipped: g,
       activeJobs: Array.from(this.currentJobs.keys()),
       sbRanges: ge(this.sourceBuffer?.buffered)
-    })}`), v.length === 0) {
+    })}`), y.length === 0) {
       if (this.fragmentStates.get(l) === "loading") {
         E("buffer", `FETCH-RANGE [${a}] target #${l} already loading, awaiting`);
-        const h = this.currentJobs.get(l);
-        h && await h.promise, await this.waitForAppend(l);
+        const p = this.currentJobs.get(l);
+        p && await p.promise, await this.waitForAppend(l);
       }
       return;
     }
     if (i?.aborted) throw new DOMException("Aborted", "AbortError");
     !r && this.currentJobs.size >= ze && this.evictFurthestJob(e), this.onBufferingChange?.(!0), this.pendingSeekTargetMs = e, this.pendingSeekSetAtMs = Date.now();
     try {
-      if (await this.fetchFragments(v), i?.aborted) throw new DOMException("Aborted", "AbortError");
+      if (await this.fetchFragments(y), i?.aborted) throw new DOMException("Aborted", "AbortError");
       await this.waitForAppend(l);
     } finally {
       this.onBufferingChange?.(!1);
@@ -4119,28 +4122,28 @@ class Ze {
           try {
             const c = performance.now();
             this.isInInitPhase() && o === 1 && this.recordInitFragEvent(e, { fetchStart: c, src: "net" });
-            const u = n.end_byte - n.start_byte + 1, f = this.mediaUrl, p = await this.tryFragmentRoute(e, u, s.signal);
-            if (p) {
+            const u = n.end_byte - n.start_byte + 1, h = this.mediaUrl, f = await this.tryFragmentRoute(e, u, s.signal);
+            if (f) {
               const k = performance.now() - c;
               if (this.isInInitPhase() && this.recordInitFragEvent(e, {
                 fetchEnd: performance.now(),
-                bytes: p.buf.byteLength,
-                ttfbMs: p.ttfbMs,
-                cf: p.cfStatus
-              }), E("buffer", `FETCH-OK #${e} [${i}] ${p.buf.byteLength}B in ${Math.round(k)}ms via=frag-route (ttfb=${p.ttfbMs}ms cf=${p.cfStatus || "-"})`), k > 0 && (this.downloadSamples.push({ bytes: p.buf.byteLength, durationMs: k }), this.downloadSamples.length > Dt && this.downloadSamples.shift(), oe.recordFetch(e, p.buf.byteLength, k)), this.disposed || this.mediaUrl !== f) {
+                bytes: f.buf.byteLength,
+                ttfbMs: f.ttfbMs,
+                cf: f.cfStatus
+              }), E("buffer", `FETCH-OK #${e} [${i}] ${f.buf.byteLength}B in ${Math.round(k)}ms via=frag-route (ttfb=${f.ttfbMs}ms cf=${f.cfStatus || "-"})`), k > 0 && (this.downloadSamples.push({ bytes: f.buf.byteLength, durationMs: k }), this.downloadSamples.length > Bt && this.downloadSamples.shift(), oe.recordFetch(e, f.buf.byteLength, k)), this.disposed || this.mediaUrl !== h) {
                 E("buffer", `FETCH-STALE #${e} discarding frag-route bytes (mediaUrl changed)`);
                 return;
               }
-              this.mediaId && ve.storeFragment(this.mediaId, e, p.buf), this.disposed || this.queueAppend(e, p.buf);
+              this.mediaId && ve.storeFragment(this.mediaId, e, f.buf), this.disposed || this.queueAppend(e, f.buf);
               return;
             }
-            const v = this.mediaUrl, g = await fetch(v, {
+            const y = this.mediaUrl, g = await fetch(y, {
               headers: {
                 Range: `bytes=${n.start_byte}-${n.end_byte}`,
                 "X-Buffer-Ahead-Ms": String(Math.round(this.getBufferedAheadMs(this.currentPlayheadMs)))
               },
               signal: AbortSignal.any([s.signal, AbortSignal.timeout(ot(this.getAverageDownloadRate()))])
-            }), h = Math.round(performance.now() - c), y = g.headers.get("cf-cache-status") || g.headers.get("x-cache") || "";
+            }), p = Math.round(performance.now() - c), v = g.headers.get("cf-cache-status") || g.headers.get("x-cache") || "";
             if (!g.ok) throw new Error(`HTTP ${g.status}`);
             const w = n.end_byte - n.start_byte + 1;
             if (g.status !== 206) {
@@ -4148,7 +4151,7 @@ class Ze {
               }), ee("buffer", `Fragment #${e} range dropped upstream — got ${g.status}, expected 206`, {
                 httpStatus: g.status,
                 contentLength: g.headers.get("content-length"),
-                cfCacheStatus: y,
+                cfCacheStatus: v,
                 expectedBytes: w
               }), this.fragmentStates.set(e, "pending"), o < qe) {
                 await new Promise((k) => setTimeout(k, ct(o)));
@@ -4170,7 +4173,7 @@ class Ze {
               return;
             }
             const F = performance.now() - c;
-            if (this.isInInitPhase() && this.recordInitFragEvent(e, { fetchEnd: performance.now(), bytes: A.byteLength, ttfbMs: h, cf: y }), E("buffer", `FETCH-OK #${e} [${i}] ${A.byteLength}B in ${Math.round(F)}ms (ttfb=${h}ms cf=${y || "-"}) (${(A.byteLength / F * 1e3 / 1024).toFixed(0)} KB/s)`), F > 0 && (this.downloadSamples.push({ bytes: A.byteLength, durationMs: F }), this.downloadSamples.length > Dt && this.downloadSamples.shift(), oe.recordFetch(e, A.byteLength, F)), this.disposed || this.mediaUrl !== v) {
+            if (this.isInInitPhase() && this.recordInitFragEvent(e, { fetchEnd: performance.now(), bytes: A.byteLength, ttfbMs: p, cf: v }), E("buffer", `FETCH-OK #${e} [${i}] ${A.byteLength}B in ${Math.round(F)}ms (ttfb=${p}ms cf=${v || "-"}) (${(A.byteLength / F * 1e3 / 1024).toFixed(0)} KB/s)`), F > 0 && (this.downloadSamples.push({ bytes: A.byteLength, durationMs: F }), this.downloadSamples.length > Bt && this.downloadSamples.shift(), oe.recordFetch(e, A.byteLength, F)), this.disposed || this.mediaUrl !== y) {
               E("buffer", `FETCH-STALE #${e} discarding (mediaUrl changed)`);
               return;
             }
@@ -4182,12 +4185,12 @@ class Ze {
               return;
             }
             if ((c.name === "TimeoutError" || c.message?.includes("signal timed out") || c.message?.includes("The operation was aborted")) && c.name !== "AbortError") {
-              const f = ot(this.getAverageDownloadRate());
-              this.downloadSamples.push({ bytes: 0, durationMs: f }), this.downloadSamples.length > Dt && this.downloadSamples.shift(), oe.recordFetchTimeout(e), C("buffer", `FETCH-ERR #${e} [${i}] attempt=${o} timeout=${f}ms avgRate=${Math.round(this.getAverageDownloadRate())}Bps error=${c.message}`);
+              const h = ot(this.getAverageDownloadRate());
+              this.downloadSamples.push({ bytes: 0, durationMs: h }), this.downloadSamples.length > Bt && this.downloadSamples.shift(), oe.recordFetchTimeout(e), C("buffer", `FETCH-ERR #${e} [${i}] attempt=${o} timeout=${h}ms avgRate=${Math.round(this.getAverageDownloadRate())}Bps error=${c.message}`);
             } else
               C("buffer", `FETCH-ERR #${e} [${i}] attempt=${o} error=${c.message}`);
             if (this.isInInitPhase() && this.recordInitFragEvent(e, { err: (c.name === "TimeoutError" ? "timeout" : c.message?.slice(0, 40)) || "err" }), this.fragmentStates.set(e, "pending"), o < qe) {
-              await new Promise((f) => setTimeout(f, ct(o)));
+              await new Promise((h) => setTimeout(h, ct(o)));
               continue;
             }
             throw ee("buffer", `Fragment #${e} failed after ${qe} retries`, { error: c.message }), this.fragmentStates.set(e, "error"), this.errorTimestamps.set(e, Date.now()), this.fetchErrorCycles.set(e, (this.fetchErrorCycles.get(e) ?? 0) + 1), oe.recordFetchError(e), c;
@@ -4218,7 +4221,7 @@ class Ze {
     const r = Cn(this.fragments, e - 1);
     if (r < 0 || this.fragmentStates.get(r) !== "error") return !1;
     const s = this.fragments[r];
-    if (this.sourceBuffer ? Bt(this.sourceBuffer.buffered, s.start_ms, s.end_ms) : !1) return !1;
+    if (this.sourceBuffer ? Ot(this.sourceBuffer.buffered, s.start_ms, s.end_ms) : !1) return !1;
     const a = [], l = [];
     for (const o of this.appendQueue) {
       const c = this.fragments[o.index];
@@ -4352,7 +4355,7 @@ class Ze {
   /** 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) <= go && (this.pendingSeekTargetMs = null), this.eviction.evictBefore(e);
+    this.pendingSeekTargetMs !== null && Math.abs(e - this.pendingSeekTargetMs) <= bo && (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
@@ -4435,8 +4438,8 @@ class Ze {
       ...this.initCfStatus ? { cf: this.initCfStatus } : {}
     } : null, a = [], l = Array.from(this.fragInitTimings.entries()).sort((c, u) => c[0] - u[0]);
     for (const [c, u] of l) {
-      const f = { i: c, src: u.src ?? "?" };
-      u.fetchStart && (f.fs = Math.round(u.fetchStart - this.loadStartTs)), u.fetchStart && u.fetchEnd && (f.fM = Math.round(u.fetchEnd - u.fetchStart)), u.queued && u.fetchEnd && (f.qD = Math.round(u.queued - u.fetchEnd)), u.queued && u.appendDone && (f.aM = Math.round(u.appendDone - u.queued)), u.bytes && (f.B = u.bytes), u.ttfbMs !== void 0 && (f.tt = u.ttfbMs), u.cf && (f.cf = u.cf), u.err && (f.e = u.err), a.push(f);
+      const h = { i: c, src: u.src ?? "?" };
+      u.fetchStart && (h.fs = Math.round(u.fetchStart - this.loadStartTs)), u.fetchStart && u.fetchEnd && (h.fM = Math.round(u.fetchEnd - u.fetchStart)), u.queued && u.fetchEnd && (h.qD = Math.round(u.queued - u.fetchEnd)), u.queued && u.appendDone && (h.aM = Math.round(u.appendDone - u.queued)), u.bytes && (h.B = u.bytes), u.ttfbMs !== void 0 && (h.tt = u.ttfbMs), u.cf && (h.cf = u.cf), u.err && (h.e = u.err), a.push(h);
     }
     const o = this.getLoadedCount();
     C("buffer", `INIT-DIGEST [${e}] reason=${n} ${JSON.stringify({
@@ -4500,7 +4503,7 @@ class Ze {
     return { ranges: e, gaps: e.length > 1, fragmentStates: n };
   }
   getAverageDownloadRate() {
-    return bo(this.downloadSamples);
+    return yo(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,
@@ -4516,7 +4519,7 @@ class Ze {
   findNextRangeStart(e, n) {
     if (!this.sourceBuffer?.buffered || this.mediaSource?.readyState !== "open") return null;
     const r = e / 1e3, s = this.sourceBuffer.buffered, i = Ye(s, r, Z.RANGE);
-    if (i >= 0 && s.end(i) - r > $t) return null;
+    if (i >= 0 && s.end(i) - r > Pt) return null;
     const a = i >= 0 ? Math.max(r, s.end(i)) : r;
     for (let l = 0; l < s.length; l++) {
       const o = s.start(l);
@@ -4544,7 +4547,7 @@ class Ze {
         break;
       }
     return {
-      atEdge: s >= 0 && i <= $t,
+      atEdge: s >= 0 && i <= Pt,
       aheadInRangeMs: i * 1e3,
       nextRangeStartMs: l !== null ? l * 1e3 : null,
       gapMs: l !== null ? (l - a) * 1e3 : null
@@ -4587,14 +4590,14 @@ class Ze {
     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 $o(t, e) {
+function Po(t, e) {
   return !!t && t !== "eng" && e;
 }
-function Po(t) {
-  return t.override !== null ? t.override : t.globalEnabled || $o(t.selectedAudioLang, t.hasEngSub);
+function Do(t) {
+  return t.override !== null ? t.override : t.globalEnabled || Po(t.selectedAudioLang, t.hasEngSub);
 }
 const Rr = "wp_reload_history", nn = "wp_phantom_reload", Fr = 5 * 6e4, Nn = 3;
-function Do() {
+function Bo() {
   try {
     const t = sessionStorage.getItem(Rr);
     return (t ? JSON.parse(t) : []).filter((n) => Date.now() - n < Fr);
@@ -4602,8 +4605,8 @@ function Do() {
     return [];
   }
 }
-function zt(t, e) {
-  const n = Do();
+function Jt(t, e) {
+  const n = Bo();
   if (n.length >= Nn) {
     pn(
       "error",
@@ -4639,13 +4642,13 @@ function Ln() {
     return null;
   }
 }
-function Bo() {
+function Oo() {
   try {
     sessionStorage.removeItem(nn);
   } catch {
   }
 }
-function Oo() {
+function Ho() {
   const t = navigator;
   try {
     return typeof t.getAutoplayPolicy == "function" ? t.getAutoplayPolicy("mediaelement") : void 0;
@@ -4653,11 +4656,11 @@ function Oo() {
     return;
   }
 }
-function Ho(t, e) {
+function Uo(t, e) {
   return t === "disallowed" ? "deferred" : e ? "user-muted" : t === "allowed-muted" ? "muted-bridge" : "audible";
 }
 function Nr(t, e) {
-  const n = Oo(), r = Ho(n, e.userWantsMuted);
+  const n = Ho(), r = Uo(n, e.userWantsMuted);
   E(e.label, "autoplay plan", { policy: n ?? "unknown", plan: r, userWantsMuted: e.userWantsMuted });
   const s = () => {
     t.muted = !0, t.play().then(() => {
@@ -4697,7 +4700,7 @@ function Lr(t, e = 3e3) {
     t.addEventListener("seeked", s, { once: !0 });
   });
 }
-class Uo {
+class jo {
   // ── State ──
   _seekInFlight = !1;
   /** Route taken by the in-flight seek (buffered/loading/nearby-pending/far) —
@@ -4775,28 +4778,28 @@ class Uo {
         }), await this._smartBufferAll(l, u, r, s, n), this._checkAborted(n), E("seek-coord", `BUFFERED [${s}] took ${Math.round(performance.now() - A)}ms`);
       } else
         E("seek-coord", `ALREADY BUFFERED [${s}] target=${Math.round(r)}ms`);
-      const p = r / 1e3;
-      a.currentTime = p, await Lr(a), this._checkAborted(n);
-      const v = a.currentTime * 1e3, g = Math.round(performance.now() - o);
+      const f = r / 1e3;
+      a.currentTime = f, await Lr(a), this._checkAborted(n);
+      const y = a.currentTime * 1e3, g = Math.round(performance.now() - o);
       C("seek-coord", `SEEK-DIGEST [${s}] route=${this._lastSeekRoute} ${g}ms`, {
         targetMs: Math.round(r),
-        actualMs: Math.round(v),
-        delta: Math.round(v - r),
+        actualMs: Math.round(y),
+        delta: Math.round(y - r),
         route: this._lastSeekRoute,
         totalMs: g,
         videoReady: a.readyState
-      }), oe.recordSeekCompleted(s, r, g), x.getState().snapshot.playing && (i || a.paused) && this._resume(a), e.onComplete?.(v);
-      const y = this.deps.fragmentManagerRef.current;
-      y && y.prefetchAround(v);
+      }), oe.recordSeekCompleted(s, r, g), x.getState().snapshot.playing && (i || a.paused) && this._resume(a), e.onComplete?.(y);
+      const v = this.deps.fragmentManagerRef.current;
+      v && v.prefetchAround(y);
       const w = this.deps.audioFragmentManagersRef.current ?? [];
-      for (const A of w) A.prefetchAround(v);
-      return { actualMs: v };
+      for (const A of w) A.prefetchAround(y);
+      return { actualMs: y };
     } catch (u) {
-      const f = Math.round(performance.now() - o);
-      return u.name === "AbortError" ? (E("seek-coord", `PREEMPTED [${s}] after ${f}ms`, {
+      const h = Math.round(performance.now() - o);
+      return u.name === "AbortError" ? (E("seek-coord", `PREEMPTED [${s}] after ${h}ms`, {
         targetMs: Math.round(r),
         videoTime: Math.round(a.currentTime * 1e3)
-      }), e.onAborted?.(null), null) : (C("seek-coord", `FAILED [${s}] after ${f}ms: ${u?.message}`, {
+      }), e.onAborted?.(null), null) : (C("seek-coord", `FAILED [${s}] after ${h}ms: ${u?.message}`, {
         targetMs: Math.round(r),
         videoTime: Math.round(a.currentTime * 1e3),
         videoReady: a.readyState,
@@ -4889,10 +4892,10 @@ class Uo {
   }
 }
 let lt = null;
-function jo() {
+function Go() {
   lt === null && (E("health", "Starting health reporting"), $n(), lt = window.setInterval($n, Ns));
 }
-function Go() {
+function Wo() {
   lt !== null && (E("health", "Stopping health reporting"), window.clearInterval(lt), lt = null);
 }
 function $n() {
@@ -4908,17 +4911,17 @@ function $n() {
   }
   const r = document.querySelector("video"), s = r ? Math.round(r.currentTime * 1e3) : e.snapshot.playheadMs, i = n.getBufferState(), a = n.getBufferedEnd(s), l = window.__AUDIO_FRAGMENT_MANAGERS__;
   let o = -1;
-  for (const p of l ?? []) {
-    if (!p.hasIndex) continue;
-    const v = p.getBufferedAheadMs(s);
-    (o < 0 || v < o) && (o = v);
+  for (const f of l ?? []) {
+    if (!f.hasIndex) continue;
+    const y = f.getBufferedAheadMs(s);
+    (o < 0 || y < o) && (o = y);
   }
-  const c = Math.max(0, a - s), u = o < 0 ? c : Math.min(c, o), f = e.drift.rtts.length > 0 ? e.drift.rtts.reduce((p, v) => p + v, 0) / e.drift.rtts.length : 0;
+  const c = Math.max(0, a - s), u = o < 0 ? c : Math.min(c, o), h = e.drift.rtts.length > 0 ? e.drift.rtts.reduce((f, y) => f + y, 0) / e.drift.rtts.length : 0;
   t.emit(Yn.HEALTH_REPORT, {
     avg_download_rate_bps: n.getAverageDownloadRate(),
     buffered_ahead_ms: u,
     audio_buffered_ahead_ms: o < 0 ? -1 : Math.round(o),
-    rtt_ms: f,
+    rtt_ms: h,
     playhead_ms: s,
     is_buffering: e.bufferState.isBuffering,
     fragments_loaded: i.fragmentStates.loaded || 0,
@@ -4927,12 +4930,12 @@ function $n() {
     video_ready_state: r?.readyState ?? -1,
     duration_ms: n.getMediaEndMs(),
     delivery_arm: $s(),
-    ...Wo(r),
+    ...Vo(r),
     pong_age_ms: Ls(),
     reported_at: Date.now()
   });
 }
-function Wo(t) {
+function Vo(t) {
   const e = typeof navigator > "u" ? void 0 : navigator, n = e?.connection;
   return {
     page_visible: typeof document.visibilityState == "string" ? document.visibilityState === "visible" : void 0,
@@ -4944,8 +4947,8 @@ function Wo(t) {
     net_downlink_mbps: typeof n?.downlink == "number" && n.downlink >= 0 ? n.downlink : void 0
   };
 }
-const Vo = 3e3;
-function Ko() {
+const Ko = 3e3;
+function zo() {
   const [t, e] = $(!1), n = P(null), r = P(!1), s = () => {
     n.current && (clearTimeout(n.current), n.current = null);
   }, i = U((o = 3e3) => {
@@ -4955,7 +4958,7 @@ function Ko() {
   }, []), a = U(() => {
     r.current || (s(), e(!1));
   }, []), l = U((o) => {
-    r.current !== o && (r.current = o, o ? (s(), e(!0)) : i(Vo));
+    r.current !== o && (r.current = o, o ? (s(), e(!0)) : i(Ko));
   }, [i]);
   return L(() => {
     const o = () => {
@@ -4966,7 +4969,7 @@ function Ko() {
     };
   }, [i]), { controlsVisible: t, showControls: i, hideControls: a, setControlsHeld: l };
 }
-const $r = [], Pr = [], zo = {
+const $r = [], Pr = [], Jo = {
   fragments: $r,
   durationMs: null,
   mseCodec: null,
@@ -4974,8 +4977,8 @@ const $r = [], Pr = [], zo = {
   audioTracks: Pr,
   contentToken: null
 };
-function Jo(t, e) {
-  if (!t || t.url !== e) return zo;
+function Qo(t, e) {
+  if (!t || t.url !== e) return Jo;
   const n = t.data;
   return {
     fragments: n.fragments || $r,
@@ -5004,7 +5007,7 @@ function Pn(t) {
     return null;
   }
 }
-function Qo(t) {
+function qo(t) {
   const [e, n] = $(null);
   return L(() => {
     const r = new AbortController();
@@ -5022,22 +5025,22 @@ function Qo(t) {
             priority: "high"
           }), c = Math.round(performance.now() - l);
           if (!o.ok) throw new Error(`HTTP ${o.status}`);
-          const u = await o.text(), f = Math.round(performance.now() - l) - c, p = JSON.parse(u), v = Math.round(performance.now() - l) - c - f, g = c + f + v;
+          const u = await o.text(), h = Math.round(performance.now() - l) - c, f = JSON.parse(u), y = Math.round(performance.now() - l) - c - h, g = c + h + y;
           if (r.signal.aborted) return;
-          n({ url: t, data: p });
-          const h = Pn(t);
+          n({ url: t, data: f });
+          const p = Pn(t);
           E("mse", "Index loaded", {
             attempt: i + 1,
             headerMs: c,
-            downloadMs: f,
-            parseMs: v,
+            downloadMs: h,
+            parseMs: y,
             totalMs: g,
-            count: p.fragments?.length,
-            duration: p.duration_ms,
-            codec: p.mse_codec,
-            initSegment: p.init_segment,
-            audioTrackCount: p.audio_tracks?.length || 0,
-            ...h && { timing: h }
+            count: f.fragments?.length,
+            duration: f.duration_ms,
+            codec: f.mse_codec,
+            initSegment: f.init_segment,
+            audioTrackCount: f.audio_tracks?.length || 0,
+            ...p && { timing: p }
           });
           return;
         } catch (o) {
@@ -5049,48 +5052,48 @@ function Qo(t) {
             elapsedMs: c,
             ...u && { timing: u }
           });
-          const f = i <= 1 ? 0 : ct(i - 1, { baseMs: 500, capMs: a, jitter: 0 });
-          f > 0 && await new Promise((p) => setTimeout(p, f));
+          const h = i <= 1 ? 0 : ct(i - 1, { baseMs: 500, capMs: a, jitter: 0 });
+          h > 0 && await new Promise((f) => setTimeout(f, h));
         }
       }
     }
     return s(), () => {
       r.abort();
     };
-  }, [t]), Ee(() => Jo(e, t), [e, t]);
+  }, [t]), Ee(() => Qo(e, t), [e, t]);
 }
-const Ht = {
+const Ut = {
   audioTracks: [],
   subtitleTracks: [],
   selectedAudioIndex: 0,
   selectedSubtitleIndex: 0
 };
-function qo(t) {
-  const [e, n] = $(Ht), r = Ps(), s = x((u) => u.mediaPrefs.preferredAudioLang), [i, a] = $(t);
-  i !== t && (a(t), t && n(Ht));
+function Yo(t) {
+  const [e, n] = $(Ut), r = Ps(), s = x((u) => u.mediaPrefs.preferredAudioLang), [i, a] = $(t);
+  i !== t && (a(t), t && n(Ut));
   const l = fe(() => ({ origin: Ds(r), preferredAudioLang: s }));
   L(() => {
     if (!t) return;
-    const u = new AbortController(), { origin: f, preferredAudioLang: p } = l();
-    let v;
+    const u = new AbortController(), { origin: h, preferredAudioLang: f } = l();
+    let y;
     return (async () => {
       try {
-        if (v = await fetch(`${f}/api/media/${encodeURIComponent(t)}/tracks`, { signal: u.signal }), !v.ok) throw new Error("Failed to fetch tracks");
-        const g = await v.json(), h = (T) => T.startsWith("/") ? `${f}${T}` : T, y = (g.audio || []).map((T) => ({ ...T, url: h(T.url) })), w = (g.subtitles || []).map((T) => ({ ...T, url: h(T.url) })), A = y.findIndex((T) => T.lang === p), F = A >= 0 ? A : 0, k = w.findIndex((T) => T.lang === "eng"), m = k >= 0 ? k : 0;
-        n({ audioTracks: y, subtitleTracks: w, selectedAudioIndex: F, selectedSubtitleIndex: m }), E("mse", "Tracks loaded", { audio: y.length, subs: w.length });
+        if (y = await fetch(`${h}/api/media/${encodeURIComponent(t)}/tracks`, { signal: u.signal }), !y.ok) throw new Error("Failed to fetch tracks");
+        const g = await y.json(), p = (T) => T.startsWith("/") ? `${h}${T}` : T, v = (g.audio || []).map((T) => ({ ...T, url: p(T.url) })), w = (g.subtitles || []).map((T) => ({ ...T, url: p(T.url) })), A = v.findIndex((T) => T.lang === f), F = A >= 0 ? A : 0, k = w.findIndex((T) => T.lang === "eng"), m = k >= 0 ? k : 0;
+        n({ audioTracks: v, subtitleTracks: w, selectedAudioIndex: F, selectedSubtitleIndex: m }), E("mse", "Tracks loaded", { audio: v.length, subs: w.length });
       } catch (g) {
-        const h = Y(g);
-        if (h.name === "AbortError") return;
-        C("mse", "Tracks fetch error", { mediaId: t, status: v?.status, ...h }), n(Ht);
+        const p = Y(g);
+        if (p.name === "AbortError") return;
+        C("mse", "Tracks fetch error", { mediaId: t, status: y?.status, ...p }), n(Ut);
       }
     })().catch((g) => ee("mse", "Tracks load threw", { mediaId: t, ...Y(g) })), () => {
       u.abort();
     };
   }, [t]);
   const o = U((u) => {
-    n((f) => ({ ...f, selectedAudioIndex: u }));
+    n((h) => ({ ...h, selectedAudioIndex: u }));
   }, []), c = U((u) => {
-    n((f) => ({ ...f, selectedSubtitleIndex: u }));
+    n((h) => ({ ...h, selectedSubtitleIndex: u }));
   }, []);
   return {
     audioTracks: e.audioTracks,
@@ -5101,12 +5104,12 @@ function qo(t) {
     setSelectedSubtitleIndex: c
   };
 }
-const Yo = 100;
-function Xo(t) {
-  return !t.roomPlaying || t.videoPaused ? "not-playing" : t.seekInFlight ? "seeking" : t.advancedMs > Yo ? "advancing" : "stalled";
+const Xo = 100;
+function Zo(t) {
+  return !t.roomPlaying || t.videoPaused ? "not-playing" : t.seekInFlight ? "seeking" : t.advancedMs > Xo ? "advancing" : "stalled";
 }
-const Ut = 4e4, Zo = 3e3;
-function ec(t, e, n, r, s, i) {
+const jt = 4e4, ec = 3e3;
+function tc(t, e, n, r, s, i) {
   const a = fe((w) => {
     const A = {};
     return (i?.current ?? []).forEach((k, m) => {
@@ -5121,7 +5124,7 @@ function ec(t, e, n, r, s, i) {
           error: k?.message
         });
       }));
-  }), o = fe((w) => s(w)), c = P(null), u = P(!1), f = P(null), p = P(null), v = P(0), g = P(null), h = P(0), y = P(null);
+  }), o = fe((w) => s(w)), c = P(null), u = P(!1), h = P(null), f = P(null), y = P(0), g = P(null), p = P(0), v = P(null);
   L(() => {
     const w = t.current;
     if (!w || !r) return;
@@ -5131,25 +5134,25 @@ function ec(t, e, n, r, s, i) {
     function F() {
       A();
       const S = t.current;
-      S && (h.current = S.currentTime, g.current = setTimeout(k, Zo));
+      S && (p.current = S.currentTime, g.current = setTimeout(k, ec));
     }
     function k() {
       g.current = null;
       const S = t.current;
       if (!S) return;
-      const I = x.getState(), B = n.current, H = Xo({
+      const I = x.getState(), B = n.current, H = Zo({
         roomPlaying: I.snapshot.playing,
         videoPaused: S.paused,
         seekInFlight: !!B?.seekInFlight,
-        advancedMs: (S.currentTime - h.current) * 1e3
+        advancedMs: (S.currentTime - p.current) * 1e3
       });
       if (H !== "stalled") {
-        y.current = null, H !== "not-playing" && F();
+        v.current = null, H !== "not-playing" && F();
         return;
       }
       const j = S.currentTime * 1e3, K = e.current, X = Date.now();
-      y.current === null && (y.current = X);
-      const N = X - y.current;
+      v.current === null && (v.current = X);
+      const N = X - v.current;
       if (C("sync", "SILENT-STALL playhead frozen with no `waiting` event", {
         currentTime: +S.currentTime.toFixed(2),
         readyState: S.readyState,
@@ -5164,7 +5167,7 @@ function ec(t, e, n, r, s, i) {
         ...a(j)
       }), l(j, "silent-stall"), K) {
         K.reconcileLoadedStates();
-        const O = K.findNextRangeStart(j, Pt);
+        const O = K.findNextRangeStart(j, Dt);
         O !== null && B ? (C("sync", "SILENT-STALL gap-skip", {
           currentMs: Math.round(j),
           gapSkipTarget: Math.round(O)
@@ -5181,23 +5184,23 @@ function ec(t, e, n, r, s, i) {
           });
         });
       }
-      if (N >= Ut) {
-        K?.dumpBufferDiagnostics(j, "silent-stall-reload"), zt("silent-stall", {
+      if (N >= jt) {
+        K?.dumpBufferDiagnostics(j, "silent-stall-reload"), Jt("silent-stall", {
           frozenMs: N,
           currentTime: +S.currentTime.toFixed(2),
           readyState: S.readyState,
           loaded: K?.getLoadedCount?.() ?? -1
-        }), y.current = null;
+        }), v.current = null;
         return;
       }
       F();
     }
     function m() {
-      y.current = null, F();
+      v.current = null, F();
     }
     function T() {
       const S = w.currentTime * 1e3;
-      f.current = Date.now();
+      h.current = Date.now();
       const I = x.getState(), B = I.snapshot.playing, H = !!I.snapshot.leaderId && I.snapshot.leaderId === I.me.clientId, j = I.snapshot.playheadMs + (I.snapshot.playing ? Date.now() - I.snapshotReceivedAt : 0);
       E("sync", "VIDEO waiting event", {
         currentTime: w.currentTime.toFixed(2),
@@ -5217,7 +5220,7 @@ function ec(t, e, n, r, s, i) {
       }
       if (B && !X?.seekInFlight && S > 0 && l(S, "waiting"), B && K && !X?.seekInFlight && S > 0) {
         K.reconcileLoadedStates();
-        const O = K.getBufferedAheadMs(S), Q = K.findNextRangeStart(S, Pt);
+        const O = K.getBufferedAheadMs(S), Q = K.findNextRangeStart(S, Dt);
         if (Q !== null && X)
           C("sync", "GAP-SKIP seeking over late-IDR gap", {
             currentMs: Math.round(S),
@@ -5236,7 +5239,7 @@ function ec(t, e, n, r, s, i) {
             aheadInRangeMs: Math.round(W.aheadInRangeMs),
             nextRangeStartMs: Math.round(W.nextRangeStartMs),
             gapMs: W.gapMs !== null ? Math.round(W.gapMs) : null,
-            windowMs: Pt
+            windowMs: Dt
           }), K.fetchNearby(S).catch((re) => {
             const le = Y(re);
             le.name !== "AbortError" && C("sync", "Stall recovery fetchNearby failed", {
@@ -5250,11 +5253,11 @@ function ec(t, e, n, r, s, i) {
         c.current = null;
         const O = x.getState(), Q = !!O.snapshot.leaderId && O.snapshot.leaderId === O.me.clientId, W = !!n.current?.seekInFlight;
         Q && !w.paused && w.readyState < 3 && !W && (C("sync", "Leader stall threshold reached — pausing room", { stallMs: mn }), u.current = !0, Pe("pause"));
-      }, mn)), B && !p.current && (v.current = w.currentTime, p.current = setTimeout(() => {
-        p.current = null;
+      }, mn)), B && !f.current && (y.current = w.currentTime, f.current = setTimeout(() => {
+        f.current = null;
         const O = t.current;
         if (!O) return;
-        const W = x.getState().snapshot.playing, re = e.current, le = re?.getBufferedAheadMs(O.currentTime * 1e3) ?? -1, Re = O.currentTime - v.current;
+        const W = x.getState().snapshot.playing, re = e.current, le = re?.getBufferedAheadMs(O.currentTime * 1e3) ?? -1, Re = O.currentTime - y.current;
         if (!(W && Re < 0.5 && O.readyState < 3 && le < 1e3)) {
           E("sync", "STUCK-CHECK cleared — playback progressed, no reload", {
             advancedSec: +Re.toFixed(2),
@@ -5264,22 +5267,22 @@ function ec(t, e, n, r, s, i) {
           });
           return;
         }
-        re?.dumpBufferDiagnostics(O.currentTime * 1e3, "stuck-reload"), zt("stuck-watchdog", {
-          stuckMs: Ut,
+        re?.dumpBufferDiagnostics(O.currentTime * 1e3, "stuck-reload"), Jt("stuck-watchdog", {
+          stuckMs: jt,
           advancedSec: +Re.toFixed(2),
           currentTime: +O.currentTime.toFixed(2),
           readyState: O.readyState,
           bufferedAheadMs: Math.round(le),
           loaded: re?.getLoadedCount?.() ?? -1
         });
-      }, Ut));
+      }, jt));
     }
     function R() {
-      oe.recordStallEnd(), c.current && (clearTimeout(c.current), c.current = null), p.current && (clearTimeout(p.current), p.current = null), y.current = null, F();
+      oe.recordStallEnd(), c.current && (clearTimeout(c.current), c.current = null), f.current && (clearTimeout(f.current), f.current = null), v.current = null, F();
       const S = x.getState(), I = S.snapshot.playing, B = !!S.snapshot.leaderId && S.snapshot.leaderId === S.me.clientId;
       !I && !w.paused && o(w), B && u.current && !I && (u.current = !1, C("sync", "Leader stall recovered — resuming room", { currentTime: w.currentTime.toFixed(2) }), Pe("play"));
-      const H = f.current !== null ? Date.now() - f.current : null;
-      f.current = null;
+      const H = h.current !== null ? Date.now() - h.current : null;
+      h.current = null;
       const j = x.getState(), K = j.snapshot.playheadMs + (j.snapshot.playing ? Date.now() - j.snapshotReceivedAt : 0), X = w.currentTime * 1e3;
       E("sync", "VIDEO playing event", {
         currentTime: w.currentTime.toFixed(2),
@@ -5290,15 +5293,15 @@ function ec(t, e, n, r, s, i) {
       });
     }
     function b() {
-      y.current = null, A();
+      v.current = null, A();
     }
     return w.addEventListener("waiting", T), w.addEventListener("playing", R), w.addEventListener("timeupdate", m), w.addEventListener("pause", b), w.paused || F(), () => {
-      w.removeEventListener("waiting", T), w.removeEventListener("playing", R), w.removeEventListener("timeupdate", m), w.removeEventListener("pause", b), c.current && (clearTimeout(c.current), c.current = null), p.current && (clearTimeout(p.current), p.current = null), A(), y.current = null;
+      w.removeEventListener("waiting", T), w.removeEventListener("playing", R), w.removeEventListener("timeupdate", m), w.removeEventListener("pause", b), c.current && (clearTimeout(c.current), c.current = null), f.current && (clearTimeout(f.current), f.current = null), A(), v.current = null;
     };
   }, [r, t, e, n]);
 }
-const tc = 1.5;
-function nc(t, e, n, r, s, i) {
+const nc = 1.5;
+function rc(t, e, n, r, s, i) {
   const a = P(null), l = P(null), o = U(() => {
     a.current && (clearInterval(a.current), a.current = null), l.current?.(), l.current = null;
   }, []);
@@ -5308,57 +5311,57 @@ function nc(t, e, n, r, s, i) {
       o();
       return;
     }
-    const f = (h) => {
-      const y = i?.current;
-      if (y)
-        for (const w of y)
-          w.prefetchAround(h), w.evictBefore(h);
+    const h = (p) => {
+      const v = i?.current;
+      if (v)
+        for (const w of v)
+          w.prefetchAround(p), w.evictBefore(p);
     };
-    let p = 0;
-    const v = () => {
+    let f = 0;
+    const y = () => {
       if (c && u) {
         if (n.current?.seekInFlight) return;
-        p = performance.now();
-        const h = c.currentTime * 1e3;
-        u.prefetchAround(h), u.evictBefore(h), f(h);
-        const y = u.getBufferedEnd(h);
-        s({ bufferedEndMs: y });
+        f = performance.now();
+        const p = c.currentTime * 1e3;
+        u.prefetchAround(p), u.evictBefore(p), h(p);
+        const v = u.getBufferedEnd(p);
+        s({ bufferedEndMs: v });
       }
     };
-    a.current = setInterval(v, gn);
+    a.current = setInterval(y, gn);
     const g = () => {
-      performance.now() - p >= gn * tc && v();
+      performance.now() - f >= gn * nc && y();
     };
     if (c && (c.addEventListener("timeupdate", g), l.current = () => c.removeEventListener("timeupdate", g)), c && !n.current?.seekInFlight) {
-      p = performance.now();
-      const h = c.currentTime * 1e3;
-      u.prefetchAround(h), f(h);
+      f = performance.now();
+      const p = c.currentTime * 1e3;
+      u.prefetchAround(p), h(p);
     }
     return o;
   }, [r, s, t, e, n, i, o]), { stopPrefetch: o };
 }
-function rc(t, e, n, r, s, i) {
-  const a = x((f) => f.snapshot), l = x((f) => f.loadGeneration), o = P(l), c = fe((f) => s(f)), u = fe((f) => i(f));
+function sc(t, e, n, r, s, i) {
+  const a = x((h) => h.snapshot), l = x((h) => h.loadGeneration), o = P(l), c = fe((h) => s(h)), u = fe((h) => i(h));
   L(() => {
-    const f = t.current;
-    if (!f || !r) return;
-    const p = a.playheadMs, v = n.current, g = l !== o.current;
-    o.current = l, !(!g && Math.abs(p - v) <= Bs) && (E("buffer", "Seek triggered", {
-      targetMs: p,
-      lastApplied: v,
-      delta: Math.round(p - v),
+    const h = t.current;
+    if (!h || !r) return;
+    const f = a.playheadMs, y = n.current, g = l !== o.current;
+    o.current = l, !(!g && Math.abs(f - y) <= Bs) && (E("buffer", "Seek triggered", {
+      targetMs: f,
+      lastApplied: y,
+      delta: Math.round(f - y),
       genChanged: g
-    }), n.current = p, f.submit({
-      targetMs: p,
+    }), n.current = f, h.submit({
+      targetMs: f,
       priority: ht.SEEK_EFFECT,
       caller: "seek-effect",
       pauseSeekResume: !0
-    }).catch((h) => ee("buffer", "Seek effect submit threw", Y(h))));
+    }).catch((p) => ee("buffer", "Seek effect submit threw", Y(p))));
   }, [a.playheadMs, r, l, t, n]), L(() => {
-    const f = e.current;
-    if (!f || !r || t.current?.seekInFlight) return;
-    const p = a.playing, v = f.paused;
-    p && v ? (E("sync", "Play/pause sync", { playing: p, videoPaused: v, currentTime: Math.round(f.currentTime * 1e3) }), c(f)) : !p && !v && (E("sync", "Play/pause sync", { playing: p, videoPaused: v, currentTime: Math.round(f.currentTime * 1e3) }), u(f));
+    const h = e.current;
+    if (!h || !r || t.current?.seekInFlight) return;
+    const f = a.playing, y = h.paused;
+    f && y ? (E("sync", "Play/pause sync", { playing: f, videoPaused: y, currentTime: Math.round(h.currentTime * 1e3) }), c(h)) : !f && !y && (E("sync", "Play/pause sync", { playing: f, videoPaused: y, currentTime: Math.round(h.currentTime * 1e3) }), u(h));
   }, [a.playing, r, t, e]);
 }
 function Dn(t, e) {
@@ -5369,7 +5372,7 @@ function Dn(t, e) {
     }, { once: !0 });
   });
 }
-function sc(t) {
+function ac(t) {
   const e = x((a) => a.playlist), n = x((a) => a.activePlaylistIndex), r = x((a) => a.snapshot.mediaId), s = e?.id, i = fe(() => e);
   L(() => {
     const a = i();
@@ -5379,7 +5382,7 @@ function sc(t) {
       for (let o = 0; o < a.videos.length; o++) {
         if (l.signal.aborted) return;
         if (o === n) continue;
-        const c = a.videos[o], { mediaUrl: u, indexUrl: f } = Xn(c.mediaId), p = 3e3, v = async () => {
+        const c = a.videos[o], { mediaUrl: u, indexUrl: h } = Xn(c.mediaId), f = 3e3, y = async () => {
           for (; !l.signal.aborted && (t.current?.getPendingCount() ?? 0) !== 0; )
             try {
               await Dn(2e3, l.signal);
@@ -5388,16 +5391,16 @@ function sc(t) {
             }
           if (l.signal.aborted) return !1;
           try {
-            await Dn(p, l.signal);
+            await Dn(f, l.signal);
           } catch {
             return !1;
           }
           return !l.signal.aborted;
         };
-        if (!await v()) return;
+        if (!await y()) return;
         let g;
         try {
-          const m = await fetch(f, { signal: l.signal });
+          const m = await fetch(h, { signal: l.signal });
           if (!m.ok) {
             C("prebuffer", `index.json fetch failed for ${c.mediaId}: HTTP ${m.status}`);
             continue;
@@ -5408,19 +5411,19 @@ function sc(t) {
           C("prebuffer", `index.json fetch error for ${c.mediaId}`, Y(m));
           continue;
         }
-        const { fragments: h, init_segment: y } = g;
-        if (!h?.length) continue;
-        const w = tn(h, 0), A = Ie(h, Ce), F = ve.getInit(c.mediaId) !== void 0, k = ve.getBufferedMs(c.mediaId, h) >= Ce;
+        const { fragments: p, init_segment: v } = g;
+        if (!p?.length) continue;
+        const w = tn(p, 0), A = Ie(p, Ce), F = ve.getInit(c.mediaId) !== void 0, k = ve.getBufferedMs(c.mediaId, p) >= Ce;
         if (F && k) {
           E("prebuffer", `${c.mediaId} already fully pre-buffered, skipping`);
           continue;
         }
-        if (E("prebuffer", `Pre-buffering ${c.mediaId} frags ${w}-${A}`), !F && y) {
-          if (!await v()) return;
+        if (E("prebuffer", `Pre-buffering ${c.mediaId} frags ${w}-${A}`), !F && v) {
+          if (!await y()) return;
           try {
             const m = await fetch(u, {
               headers: {
-                Range: `bytes=${y.start_byte}-${y.end_byte}`,
+                Range: `bytes=${v.start_byte}-${v.end_byte}`,
                 "X-Buffer-Ahead-Ms": String(bn)
                 // background fetch — low priority
               },
@@ -5438,8 +5441,8 @@ function sc(t) {
         for (let m = w; m <= A; m++) {
           if (l.signal.aborted) return;
           if (ve.hasFragment(c.mediaId, m)) continue;
-          if (!await v()) return;
-          const T = h[m];
+          if (!await y()) return;
+          const T = p[m];
           try {
             const R = await fetch(u, {
               headers: {
@@ -5468,11 +5471,11 @@ function sc(t) {
   }, [s, n, r, t]);
 }
 const Te = "bg-play";
-function ac() {
+function ic() {
   const t = x.getState();
   return !!t.snapshot.leaderId && t.snapshot.leaderId === t.me.clientId;
 }
-function ic(t) {
+function oc(t) {
   return typeof Image > "u" ? Promise.resolve(null) : t.reduce(
     (e, n) => e.then((r) => r ?? new Promise((s) => {
       const i = new Image();
@@ -5481,59 +5484,59 @@ function ic(t) {
     Promise.resolve(null)
   );
 }
-function oc(t, e, n, r, s, i) {
+function cc(t, e, n, r, s, i) {
   const a = P(!1), l = P(0), o = fe((u) => i(u)), c = fe((u) => {
-    const f = t.current, p = e.current;
-    if (!f || !s) return;
-    const v = x.getState(), g = f.currentTime * 1e3, h = lo(v.snapshot, v.snapshotReceivedAt, Date.now()), y = co({
-      roomPlaying: v.snapshot.playing,
-      seekInFlight: !!p?.seekInFlight,
-      elementPaused: f.paused,
+    const h = t.current, f = e.current;
+    if (!h || !s) return;
+    const y = x.getState(), g = h.currentTime * 1e3, p = uo(y.snapshot, y.snapshotReceivedAt, Date.now()), v = lo({
+      roomPlaying: y.snapshot.playing,
+      seekInFlight: !!f?.seekInFlight,
+      elementPaused: h.paused,
       elementMs: g,
-      roomMs: h,
+      roomMs: p,
       durationMs: r,
-      driftToleranceMs: oo
-    }), w = Math.round(h - g);
-    if (y.kind === "none") {
+      driftToleranceMs: co
+    }), w = Math.round(p - g);
+    if (v.kind === "none") {
       E(Te, "resync not needed", { reason: u, driftMs: w });
       return;
     }
-    y.kind === "seek" ? C(Te, "BG-RESYNC seek", { reason: u, driftMs: w, elementMs: Math.round(g) }) : E(Te, "resync", { reason: u, plan: y.kind, driftMs: w }), y.kind === "resume" ? i(f) : p && p.submit({ targetMs: y.targetMs, priority: ht.SEEK_EFFECT, caller: `bg-resync:${u}` });
+    v.kind === "seek" ? C(Te, "BG-RESYNC seek", { reason: u, driftMs: w, elementMs: Math.round(g) }) : E(Te, "resync", { reason: u, plan: v.kind, driftMs: w }), v.kind === "resume" ? i(h) : f && f.submit({ targetMs: v.targetMs, priority: ht.SEEK_EFFECT, caller: `bg-resync:${u}` });
   });
   L(() => {
     const u = t.current;
     if (!u || !s) return;
-    const f = () => {
-      const v = x.getState();
-      ao({
+    const h = () => {
+      const y = x.getState();
+      io({
         hidden: document.visibilityState === "hidden",
-        roomPlaying: v.snapshot.playing,
+        roomPlaying: y.snapshot.playing,
         seekInFlight: !!e.current?.seekInFlight,
         ended: u.ended,
         localPause: a.current,
         sinceUserPauseMs: l.current ? Date.now() - l.current : 1 / 0
       }) && (E(Te, "keep-alive: browser paused a hidden video, resuming", { currentMs: Math.round(u.currentTime * 1e3) }), o(u));
-    }, p = () => {
+    }, f = () => {
       document.visibilityState === "visible" && (a.current = !1, c("visible"));
     };
-    return u.addEventListener("pause", f), document.addEventListener("visibilitychange", p), () => {
-      u.removeEventListener("pause", f), document.removeEventListener("visibilitychange", p);
+    return u.addEventListener("pause", h), document.addEventListener("visibilitychange", f), () => {
+      u.removeEventListener("pause", h), document.removeEventListener("visibilitychange", f);
     };
   }, [s, t, e]), L(() => {
     const u = t.current;
     if (!u || typeof navigator > "u" || !("mediaSession" in navigator)) return;
-    const f = navigator.mediaSession;
-    let p = !1;
-    const v = Cr(n), g = (k) => {
-      p || typeof MediaMetadata > "u" || (f.metadata = new MediaMetadata({
-        title: v,
+    const h = navigator.mediaSession;
+    let f = !1;
+    const y = Cr(n), g = (k) => {
+      f || typeof MediaMetadata > "u" || (h.metadata = new MediaMetadata({
+        title: y,
         artist: "Watch Party",
         artwork: k ? [{ src: k }] : []
       }));
     };
-    g(null), ic(uo(n).map(Os)).then(g);
-    const h = (k) => () => {
-      const m = x.getState(), T = io(k, { isLeader: ac(), roomPlaying: m.snapshot.playing });
+    g(null), oc(fo(n).map(Os)).then(g);
+    const p = (k) => () => {
+      const m = x.getState(), T = oo(k, { isLeader: ic(), roomPlaying: m.snapshot.playing });
       switch (E(Te, "media session press", { action: k, result: T.kind }), k === "pause" && (l.current = Date.now()), T.kind) {
         case "control":
           Pe(T.control), T.control === "pause" && u.pause();
@@ -5545,96 +5548,96 @@ function oc(t, e, n, r, s, i) {
           a.current = !1, c("media-session");
           break;
       }
-    }, y = [
-      ["play", h("play")],
-      ["pause", h("pause")],
+    }, v = [
+      ["play", p("play")],
+      ["pause", p("pause")],
       // Seeking from the lock screen is not a room control; show no seek buttons.
       ["seekbackward", null],
       ["seekforward", null],
       ["seekto", null]
     ];
-    for (const [k, m] of y)
+    for (const [k, m] of v)
       try {
-        f.setActionHandler(k, m);
+        h.setActionHandler(k, m);
       } catch (T) {
         E(Te, "media session action unsupported", { action: k, ...Y(T) });
       }
     const w = () => {
       const k = r / 1e3;
-      if (!(!(k > 0) || typeof f.setPositionState != "function"))
+      if (!(!(k > 0) || typeof h.setPositionState != "function"))
         try {
-          f.setPositionState({ duration: k, position: Math.min(Math.max(u.currentTime, 0), k), playbackRate: u.playbackRate || 1 });
+          h.setPositionState({ duration: k, position: Math.min(Math.max(u.currentTime, 0), k), playbackRate: u.playbackRate || 1 });
         } catch (m) {
           C(Te, "setPositionState rejected", Y(m));
         }
     }, A = () => {
-      f.playbackState = "playing", w();
+      h.playbackState = "playing", w();
     }, F = () => {
-      f.playbackState = "paused", w();
+      h.playbackState = "paused", w();
     };
     return u.addEventListener("play", A), u.addEventListener("pause", F), u.addEventListener("seeked", w), u.addEventListener("ratechange", w), w(), () => {
-      p = !0, u.removeEventListener("play", A), u.removeEventListener("pause", F), u.removeEventListener("seeked", w), u.removeEventListener("ratechange", w);
-      for (const [k] of y)
+      f = !0, u.removeEventListener("play", A), u.removeEventListener("pause", F), u.removeEventListener("seeked", w), u.removeEventListener("ratechange", w);
+      for (const [k] of v)
         try {
-          f.setActionHandler(k, null);
+          h.setActionHandler(k, null);
         } catch {
         }
-      f.metadata = null, f.playbackState = "none";
+      h.metadata = null, h.playbackState = "none";
     };
   }, [n, r, t]), L(() => {
     const u = t.current;
     if (!u || typeof navigator > "u" || !("wakeLock" in navigator)) return;
-    let f = null, p = !1, v = !1;
+    let h = null, f = !1, y = !1;
     const g = () => {
-      const y = f;
-      f = null, y && y.release().catch((w) => E(Te, "wake lock release failed", Y(w)));
-    }, h = () => {
-      if (!(!v && !u.paused && !u.ended && document.visibilityState === "visible")) {
+      const v = h;
+      h = null, v && v.release().catch((w) => E(Te, "wake lock release failed", Y(w)));
+    }, p = () => {
+      if (!(!y && !u.paused && !u.ended && document.visibilityState === "visible")) {
         g();
         return;
       }
-      f || p || (p = !0, navigator.wakeLock.request("screen").then((w) => {
-        p = !1, f = w, w.addEventListener("release", () => {
-          f === w && (f = null);
-        }), (v || u.paused || document.visibilityState !== "visible") && g();
+      h || f || (f = !0, navigator.wakeLock.request("screen").then((w) => {
+        f = !1, h = w, w.addEventListener("release", () => {
+          h === w && (h = null);
+        }), (y || u.paused || document.visibilityState !== "visible") && g();
       }).catch((w) => {
-        p = !1, E(Te, "wake lock refused", Y(w));
+        f = !1, E(Te, "wake lock refused", Y(w));
       }));
     };
-    return u.addEventListener("play", h), u.addEventListener("pause", h), u.addEventListener("ended", h), document.addEventListener("visibilitychange", h), h(), () => {
-      v = !0, u.removeEventListener("play", h), u.removeEventListener("pause", h), u.removeEventListener("ended", h), document.removeEventListener("visibilitychange", h), g();
+    return u.addEventListener("play", p), u.addEventListener("pause", p), u.addEventListener("ended", p), document.addEventListener("visibilitychange", p), p(), () => {
+      y = !0, u.removeEventListener("play", p), u.removeEventListener("pause", p), u.removeEventListener("ended", p), document.removeEventListener("visibilitychange", p), g();
     };
   }, [t]);
 }
-const cc = 3e5, lc = 1, dc = 1;
-function jt(t) {
+const lc = 3e5, dc = 1, uc = 1;
+function Gt(t) {
   ee("buffer", "initializePlayback threw", Y(t));
 }
-function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
-  const r = P(null), [s, i] = $(!1), [a, l] = $(!1), { controlsVisible: o, showControls: c, hideControls: u, setControlsHeld: f } = Ko();
+function fc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
+  const r = P(null), [s, i] = $(!1), [a, l] = $(!1), { controlsVisible: o, showControls: c, hideControls: u, setControlsHeld: h } = zo();
   L(() => {
     const M = () => l(!!document.fullscreenElement);
     return document.addEventListener("fullscreenchange", M), () => document.removeEventListener("fullscreenchange", M);
   }, []);
   const {
-    fragments: p,
-    durationMs: v,
+    fragments: f,
+    durationMs: y,
     mseCodec: g,
-    initSegment: h,
-    audioTracks: y,
+    initSegment: p,
+    audioTracks: v,
     contentToken: w
-  } = Qo(e), A = U((M) => {
+  } = qo(e), A = U((M) => {
     if (!w) return null;
     const D = t.replace(new RegExp(`/${gt.replace(/\./g, "\\.")}$`), "");
     return D === t ? null : { baseUrl: D, token: w, trackId: M };
-  }, [w, t]), k = g !== null && y.length > 0, m = x((M) => M.readiness), T = P(!1), R = P(!1), b = P(null), S = P(null), I = P(null), B = P(0), H = P(0), j = P(null), [K, X] = $(0), N = P([]), O = P([]), Q = P(-1), W = P(!1), re = P(null), le = P(0), Re = P(null), Ke = P(0), Mt = x((M) => M.bufferState), De = x((M) => M.setBufferState), {
+  }, [w, t]), k = g !== null && v.length > 0, m = x((M) => M.readiness), T = P(!1), R = P(!1), b = P(null), S = P(null), I = P(null), B = P(0), H = P(0), j = P(null), [K, X] = $(0), N = P([]), O = P([]), Q = P(-1), W = P(!1), re = P(null), le = P(0), Re = P(null), Ke = P(0), kt = x((M) => M.bufferState), De = x((M) => M.setBufferState), {
     audioTracks: ye,
     subtitleTracks: Be,
     selectedAudioIndex: we,
     setSelectedAudioIndex: rt,
     selectedSubtitleIndex: z,
     setSelectedSubtitleIndex: he
-  } = qo(n), Me = x((M) => M.mediaPrefs), kt = x((M) => M.mutedForAutoplay), Dr = x((M) => M.setMutedForAutoplay), rn = x((M) => M.setSubtitlesEnabled), Br = x((M) => M.setSubtitleStyle), _t = x((M) => M.setPreferredAudioLang), Or = Me.subtitlesEnabled, sn = Me.subtitleStyle, Hr = ye[we]?.lang, Ur = Be.some((M) => M.lang === "eng"), [jr, an] = $(null), st = Po({
+  } = Yo(n), Me = x((M) => M.mediaPrefs), _t = x((M) => M.mutedForAutoplay), Dr = x((M) => M.setMutedForAutoplay), rn = x((M) => M.setSubtitlesEnabled), Br = x((M) => M.setSubtitleStyle), At = x((M) => M.setPreferredAudioLang), Or = Me.subtitlesEnabled, sn = Me.subtitleStyle, Hr = ye[we]?.lang, Ur = Be.some((M) => M.lang === "eng"), [jr, an] = $(null), st = Do({
     override: jr,
     globalEnabled: Or,
     selectedAudioLang: Hr,
@@ -5664,8 +5667,8 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
   const at = U((M) => {
     De({ isBuffering: M });
   }, [De]), ln = U((M) => {
-    if (H.current >= dc) {
-      zt("phantom-recreate-exhausted", { reason: M, recreates: H.current, mediaId: n });
+    if (H.current >= uc) {
+      Jt("phantom-recreate-exhausted", { reason: M, recreates: H.current, mediaId: n });
       return;
     }
     H.current += 1, B.current = 0, C("buffer", "MSE-RECREATE — rebuilding MediaSource to clear corrupt buffer", {
@@ -5673,9 +5676,9 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
       attempt: H.current
     }), X((D) => D + 1);
   }, [n]);
-  async function At() {
+  async function Tt() {
     const M = I.current, D = r.current;
-    if (!M || !p.length || R.current) return;
+    if (!M || !f.length || R.current) return;
     const pe = x.getState().snapshot, V = pe.playheadMs || 0;
     E("buffer", "Initializing playback", { mediaId: n, startMs: V, playing: pe.playing }), M.setPlayhead(V);
     const de = performance.now();
@@ -5698,7 +5701,7 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
         aheadMs: Math.round(M.getBufferedAheadMs(V)),
         targetMs: Ce
       }), M.isDisposed) return;
-      if (M.getBufferedAheadMs(V) > cc && M.getLoadedCount() === 0) {
+      if (M.getBufferedAheadMs(V) > lc && M.getLoadedCount() === 0) {
         M.dumpBufferDiagnostics(V, "phantom-detected"), C("buffer", "PHANTOM-BUFFER detected at gate — recreating MediaSource", {
           gateAheadMs: Math.round(M.getBufferedAheadMs(V)),
           loaded: M.getLoadedCount(),
@@ -5724,7 +5727,7 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
         }
         D.currentTime = q / 1e3, await Lr(D, 3e3);
       }
-      le.current = q, i(!0), R.current = !0, B.current = 0, Ln() && C("buffer", "RECOVERY-SUCCESS — playback initialized after an auto-reload", { mediaId: n }), Bo(), E("buffer", "initializePlayback complete", {
+      le.current = q, i(!0), R.current = !0, B.current = 0, Ln() && C("buffer", "RECOVERY-SUCCESS — playback initialized after an auto-reload", { mediaId: n }), Oo(), E("buffer", "initializePlayback complete", {
         mediaId: n,
         startMs: V,
         seekMs: q,
@@ -5789,7 +5792,7 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
           return;
         }
         const ne = te.includes("SourceBuffer is full"), J = te.includes("init segment failed");
-        B.current += 1, ne || J || B.current > lc ? (ee("buffer", "Initialize playback failed — recreating MediaSource", {
+        B.current += 1, ne || J || B.current > dc ? (ee("buffer", "Initialize playback failed — recreating MediaSource", {
           error: te,
           mediaId: n,
           attempt: B.current,
@@ -5800,7 +5803,7 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
           mediaId: n,
           attempt: B.current
         }), setTimeout(() => {
-          I.current && !M.isDisposed && !R.current && (E("buffer", "Retrying initializePlayback"), At().catch(jt));
+          I.current && !M.isDisposed && !R.current && (E("buffer", "Retrying initializePlayback"), Tt().catch(Gt));
         }, 3e3));
       }
     }
@@ -5808,10 +5811,10 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
   const zr = fe(() => ({
     useMseAudio: k,
     selectedAudioIndex: we,
-    mseAudioTracks: y,
-    fragments: p,
+    mseAudioTracks: v,
+    fragments: f,
     deliveryFor: A,
-    initializePlayback: At
+    initializePlayback: Tt
   }));
   L(() => {
     if (!g) return;
@@ -5837,12 +5840,12 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
     I.current = xe;
     const Oe = ++Ke.current;
     window.__FRAGMENT_MANAGER__ = xe, window.__AUDIO_FRAGMENT_MANAGERS__ = N.current;
-    const ke = new Uo({
+    const ke = new jo({
       videoRef: r,
       fragmentManagerRef: I,
       audioFragmentManagersRef: N
     });
-    re.current = ke, window.__SEEK_COORDINATOR__ = ke, jo();
+    re.current = ke, window.__SEEK_COORDINATOR__ = ke, Go();
     const q = r.current, He = () => {
       const G = q?.error;
       G && (ee("video", `Media error code=${G.code}: ${G.message}`, {
@@ -5888,7 +5891,7 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
           Ue && (Ue.muted = !1);
         }
         if (V.length) {
-          if (xe.setIndex(V, t, h, n, de()), xe.epoch = Oe, M) {
+          if (xe.setIndex(V, t, p, n, de()), xe.epoch = Oe, M) {
             const ae = Q.current, ue = N.current[0], me = ae >= 0 ? pe[ae] : void 0;
             if (ue && me) {
               const Ue = `${ce}/${me.path}`.replace(/\\/g, "/");
@@ -5901,14 +5904,14 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
               ), ue.epoch = Oe;
             }
           }
-          ie().catch(jt);
+          ie().catch(Gt);
         }
       } catch (G) {
         C("buffer", "MSE source error", { error: G?.message });
       }
     };
     return q && (J.addEventListener("sourceopen", _e), ne = URL.createObjectURL(J), q.src = ne, q.addEventListener("error", He)), () => {
-      q?.pause(), q && q.removeEventListener("error", He), J.removeEventListener("sourceopen", _e), Go(), ke.dispose(), re.current = null, xe.dispose(), I.current = null, window.__FRAGMENT_MANAGER__ = null, window.__AUDIO_FRAGMENT_MANAGERS__ = null;
+      q?.pause(), q && q.removeEventListener("error", He), J.removeEventListener("sourceopen", _e), Wo(), ke.dispose(), re.current = null, xe.dispose(), I.current = null, window.__FRAGMENT_MANAGER__ = null, window.__AUDIO_FRAGMENT_MANAGERS__ = null;
       for (const G of N.current) G.dispose();
       if (N.current = [], J.readyState === "open") {
         for (const G of [b.current, ...O.current])
@@ -5925,13 +5928,13 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
         }
       Re.current?.(), R.current = !1, T.current = !1, b.current = null, i(!1);
     };
-  }, [t, n, g, h, at, K]);
+  }, [t, n, g, p, at, K]);
   const Jr = fe(() => {
     const M = I.current, D = Ke.current;
-    if (S.current?.readyState === "open" && b.current && p.length && M) {
+    if (S.current?.readyState === "open" && b.current && f.length && M) {
       if (M.hasIndex && M.epoch === D) return;
-      if (M.setIndex(p, t, h, n, A()), M.epoch = D, k) {
-        const pe = t.replace(new RegExp(`/${gt.replace(/\./g, "\\.")}$`), ""), V = Q.current, de = N.current[0], ie = V >= 0 ? y[V] : void 0;
+      if (M.setIndex(f, t, p, n, A()), M.epoch = D, k) {
+        const pe = t.replace(new RegExp(`/${gt.replace(/\./g, "\\.")}$`), ""), V = Q.current, de = N.current[0], ie = V >= 0 ? v[V] : void 0;
         if (de && ie && !(de.hasIndex && de.epoch === D)) {
           const te = `${pe}/${ie.path}`.replace(/\\/g, "/");
           de.setIndex(
@@ -5943,12 +5946,12 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
           ), de.epoch = D;
         }
       }
-      R.current || At().catch(jt);
+      R.current || Tt().catch(Gt);
     }
   });
   L(() => {
     Jr();
-  }, [p, t, h, y]), L(() => {
+  }, [f, t, p, v]), L(() => {
     const M = () => {
       I.current?.abortStaleJobs("socket-reconnect");
       for (const D of N.current) D.abortStaleJobs("socket-reconnect");
@@ -5957,11 +5960,11 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
   }, []), L(() => (window.__AUDIO_SELECT__ = (M) => {
     rt(M);
     const D = ye[M];
-    D?.lang && _t(D.lang);
+    D?.lang && At(D.lang);
   }, () => {
     window.__AUDIO_SELECT__ = null;
-  }), [ye, rt, _t]), L(() => {
-    if (!k || !s || we < 0 || we >= y.length || we === Q.current) return;
+  }), [ye, rt, At]), L(() => {
+    if (!k || !s || we < 0 || we >= v.length || we === Q.current) return;
     if (W.current) {
       E("audio", "MSE audio swap requested while another in flight — deferring");
       return;
@@ -5973,7 +5976,7 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
     }
     const D = r.current;
     if (!D) return;
-    const pe = we, V = y[pe], de = Ke.current;
+    const pe = we, V = v[pe], de = Ke.current;
     W.current = !0;
     const ie = Math.round(D.currentTime * 1e3);
     E("audio", `MSE audio swap START idx=${Q.current}→${pe} lang=${V.lang} playheadMs=${ie}`), (async () => {
@@ -6025,9 +6028,9 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
         W.current = !1;
       }
     })().catch((te) => ee("audio", "MSE audio swap failed", Y(te)));
-  }, [k, s, we, y, n, t, at, A]), rc(re, r, le, s, mt, on), ec(r, I, re, s, on, N), oc(r, re, n, v ?? 0, s, mt);
-  const { stopPrefetch: dn } = nc(r, I, re, s, De, N);
-  sc(I), L(() => {
+  }, [k, s, we, v, n, t, at, A]), sc(re, r, le, s, mt, on), tc(r, I, re, s, on, N), cc(r, re, n, y ?? 0, s, mt);
+  const { stopPrefetch: dn } = rc(r, I, re, s, De, N);
+  ac(I), L(() => {
     Re.current = dn;
   }, [dn]);
   const Qr = U(() => {
@@ -6055,7 +6058,7 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
           }
         ),
         /* @__PURE__ */ d(
-          Mo,
+          ko,
           {
             subtitleUrl: Yr,
             videoRef: r,
@@ -6063,13 +6066,13 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
             enabled: st
           }
         ),
-        /* @__PURE__ */ d(fo, { mediaId: n, visible: o }),
+        /* @__PURE__ */ d(ho, { mediaId: n, visible: o }),
         /* @__PURE__ */ d(
-          ro,
+          so,
           {
             videoRef: r,
             mediaId: n,
-            durationMs: v || void 0,
+            durationMs: y || void 0,
             visible: o,
             displayPlayheadMs: Wr,
             audioTracks: ye,
@@ -6077,7 +6080,7 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
             onAudioSelect: (M) => {
               rt(M);
               const D = ye[M];
-              D?.lang && _t(D.lang);
+              D?.lang && At(D.lang);
             },
             subtitleTracks: Be,
             selectedSubtitleIndex: z,
@@ -6087,10 +6090,10 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
             subtitleStyle: sn,
             onSubtitleStyleChange: Br,
             onChatActivity: () => c(5e3),
-            onMenuHeld: f
+            onMenuHeld: h
           }
         ),
-        kt && /* @__PURE__ */ _(
+        _t && /* @__PURE__ */ _(
           "button",
           {
             type: "button",
@@ -6105,7 +6108,7 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
             ]
           }
         ),
-        Mt.isBuffering && m.ready && /* @__PURE__ */ d("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ _("div", { className: "flex flex-col items-center gap-2", children: [
+        kt.isBuffering && m.ready && /* @__PURE__ */ d("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ _("div", { className: "flex flex-col items-center gap-2", children: [
           /* @__PURE__ */ d("div", { className: "w-8 h-8 border-2 border-text border-t-transparent rounded-full animate-spin" }),
           /* @__PURE__ */ d("div", { className: "px-4 py-2 rounded bg-wp-surface-2/80 text-xs font-medium", children: "Buffering…" })
         ] }) })
@@ -6113,14 +6116,14 @@ function uc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
     }
   );
 }
-function fc() {
+function hc() {
   const t = x((n) => n.snapshot.mediaId), e = Ee(() => t ? { mediaId: t, ...Xn(t) } : null, [t]);
-  return e ? /* @__PURE__ */ d(sr, { children: /* @__PURE__ */ d(uc, { mediaUrl: e.mediaUrl, indexUrl: e.indexUrl, mediaId: e.mediaId }) }) : /* @__PURE__ */ d(Ws, {});
+  return e ? /* @__PURE__ */ d(sr, { children: /* @__PURE__ */ d(fc, { mediaUrl: e.mediaUrl, indexUrl: e.indexUrl, mediaId: e.mediaId }) }) : /* @__PURE__ */ d(Ws, {});
 }
-const hc = (t) => {
+const pc = (t) => {
   const e = ea(t);
   return e.render(
-    /* @__PURE__ */ d(js.Provider, { value: Gs(), children: /* @__PURE__ */ d(fc, {}) })
+    /* @__PURE__ */ d(js.Provider, { value: Gs(), children: /* @__PURE__ */ d(hc, {}) })
   ), {
     update() {
     },
@@ -6131,28 +6134,28 @@ const hc = (t) => {
       queueMicrotask(() => e.unmount());
     }
   };
-}, pc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, mc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  mount: hc
-}, Symbol.toStringTag, { value: "Module" })), mc = {
+  mount: pc
+}, Symbol.toStringTag, { value: "Module" })), gc = {
   id: "player",
   name: "Media player",
-  load: () => Promise.resolve(pc)
-}, gc = Qt(() => import("./MediaDrawer-DHq4zHZo.js"));
-function bc() {
-  const t = x((u) => u.snapshot), e = x((u) => u.ensureAutoIdentity), n = Et(), r = Ee(
-    () => n ? ti(n, window.location.origin) : null,
+  load: () => Promise.resolve(mc)
+}, bc = qt(() => import("./MediaDrawer-CF4FGXOt.js"));
+function yc() {
+  const t = x((u) => u.snapshot), e = x((u) => u.ensureAutoIdentity), n = Mt(), r = Ee(
+    () => n ? ni(n, window.location.origin) : null,
     [n]
   ), s = Vs(), i = P(!1), [a, l] = $(!1), o = s.roomKey || null;
-  Bi(), L(() => Oi(), []), L(() => {
-    o && Gi(o);
+  Oi(), L(() => Hi(), []), L(() => {
+    o && Wi(o);
   }, [o]), L(() => {
     const u = () => l(!0);
-    return window.addEventListener(Wt, u), () => window.removeEventListener(Wt, u);
+    return window.addEventListener(Vt, u), () => window.removeEventListener(Vt, u);
   }, []), L(() => {
     if (!o || i.current) return;
     let u = !1;
-    const f = 1500;
+    const h = 1500;
     return (async () => {
       try {
         await Promise.race([
@@ -6161,19 +6164,19 @@ function bc() {
             zs(),
             Js().then(Qn)
           ]),
-          new Promise((g) => setTimeout(g, f))
+          new Promise((g) => setTimeout(g, h))
         ]);
       } catch (g) {
         C("room", "pre-join wait threw, proceeding anyway", { err: g?.message });
       }
       if (u) return;
-      const p = x.getState();
-      E("room", "Joining room", { roomKey: o, name: p.name, sprite: p.sprite }), e();
-      const v = x.getState();
+      const f = x.getState();
+      E("room", "Joining room", { roomKey: o, name: f.name, sprite: f.sprite }), e();
+      const y = x.getState();
       Qs({
         room_key: o,
-        name: v.name || void 0,
-        sprite: v.sprite || void 0
+        name: y.name || void 0,
+        sprite: y.sprite || void 0
       }), i.current = !0;
     })(), () => {
       u = !0;
@@ -6184,37 +6187,37 @@ function bc() {
   }
   return o ? /* @__PURE__ */ _("div", { className: "relative flex-1 flex overflow-hidden min-h-0", children: [
     /* @__PURE__ */ _("div", { className: "flex-1 relative bg-black overflow-hidden min-w-0", children: [
-      /* @__PURE__ */ d(Sn, { activity: mc, roomKey: t.roomId ?? "", layer: "base" }),
+      /* @__PURE__ */ d(Sn, { activity: gc, roomKey: t.roomId ?? "", layer: "base" }),
       r && t.roomId && /* @__PURE__ */ d(sr, { children: /* @__PURE__ */ d(Sn, { activity: r, roomKey: t.roomId, layer: "overlay" }, r.id) }),
-      /* @__PURE__ */ _(wi, { children: [
-        /* @__PURE__ */ d(ci, {}),
-        /* @__PURE__ */ d(bi, {}),
-        /* @__PURE__ */ d(Di, {}),
-        /* @__PURE__ */ d(Si, {})
+      /* @__PURE__ */ _(xi, { children: [
+        /* @__PURE__ */ d(li, {}),
+        /* @__PURE__ */ d(yi, {}),
+        /* @__PURE__ */ d(Bi, {}),
+        /* @__PURE__ */ d(wi, {})
       ] })
     ] }),
-    /* @__PURE__ */ d(Xa, {}),
-    /* @__PURE__ */ d(Ve.Suspense, { fallback: /* @__PURE__ */ d(ai, { open: a, onClose: c }), children: /* @__PURE__ */ d(gc, { open: a, onClose: c }) })
+    /* @__PURE__ */ d(Za, {}),
+    /* @__PURE__ */ d(Ve.Suspense, { fallback: /* @__PURE__ */ d(ii, { open: a, onClose: c }), children: /* @__PURE__ */ d(bc, { open: a, onClose: c }) })
   ] }) : (C("room", "No room key provided"), /* @__PURE__ */ d("div", { className: "flex-1 flex items-center justify-center p-6", children: /* @__PURE__ */ _("div", { className: "text-text-secondary", children: [
     "No room key provided. Go to the ",
     /* @__PURE__ */ d("a", { href: "/", className: "underline", children: "home page" }),
     " to select a room."
   ] }) }));
 }
-const Ic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Cc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: bc
+  default: yc
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  _c as B,
-  si as D,
-  Ic as R,
-  Ac as S,
-  ri as a,
-  Wi as b,
-  kc as c,
+  Ac as B,
+  ai as D,
+  Cc as R,
+  Tc as S,
+  si as a,
+  Vi as b,
+  _c as c,
   nt as d,
-  Tc as s,
+  Ic as s,
   en as u
 };
-//# sourceMappingURL=Room-DjbNxzkP.js.map
+//# sourceMappingURL=Room-DESl744M.js.map