@hadoku/watchparty-ui 0.45.29 → 0.45.31

package/dist/chunks/{Room-CQy_wCnX.js → Room-DjbNxzkP.js}

@@ -1,14 +1,14 @@
 import { jsx as d, jsxs as _, Fragment as Se } from "react/jsx-runtime";
-import Ke, { useState as $, useRef as P, useEffect as L, useCallback as U, useMemo as Ee, Component as qr, useContext as Pn, createContext as Bn, useId as Yr, useEffectEvent as fe } from "react";
-import { k as Xr, M as Zr, m as es, f as ts, a as ns, C as dt, g as Jt, i as rs, S as ss, r as vt, d as E, e as ee, b as as, u as x, A as pt, c as is, h as tt, j as Dn, n as On, D as it, w as C, l as os, o as cs, s as Hn, p as Un, q as jn, t as ls, L as ds, v as us, x as fs, y as Qt, z as hs, B as ps, E as ms, F as gs, G as Gn, H as qt, I as Wn, J as Kn, K as bs, N as ys, O as Ce, P as un, T as Tt, Q as vs, R as Vn, U as Ss, V as ws, W as zn, X as Y, Y as xs, Z as Jn, _ as Qn, $ as Xe, a0 as Es, a1 as Ms, a2 as ks, a3 as _s, a4 as As, a5 as fn, a6 as ze, a7 as Ts, a8 as hn, a9 as Is, aa as Cs, ab as pn, ac as Rs, ad as Fs, ae as Ns, af as Ls, ag as $s, ah as mn, ai as gn, aj as Ps, ak as qn, al as bn, am as Bs, an as gt, ao as Ds, ap as Os, aq as Hs, ar as Us, as as js, at as Gs, au as Ws, av as Ks, aw as Vs, ax as zs } from "./index-CXl-xAUD.js";
+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 { createPortal as wt } from "react-dom";
-import { Icon as ut, THEMES as Js, useHadokuThemeOptional as Qs } from "@wolffm/themes";
-import { HadokuThemePicker as qs, ConnectedSettings as Ys } from "@wolffm/task-ui-components";
-import { createRoot as Xs } from "react-dom/client";
-function Zs(t) {
+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";
+import { createRoot as ea } from "react-dom/client";
+function ta(t) {
   return t.kind === "file";
 }
-class Yn extends Error {
+class Zn extends Error {
   constructor(e) {
     super(e), this.name = "ChatImageUploadError";
   }
@@ -33,42 +33,42 @@ function yt(t) {
       return "Image upload failed";
   }
 }
-function ea(t) {
-  return t instanceof dt ? yt(t.reason) : t instanceof Yn ? t.message : "Image upload failed";
+function na(t) {
+  return t instanceof dt ? yt(t.reason) : t instanceof Zn ? t.message : "Image upload failed";
 }
-function ta(t) {
+function ra(t) {
   const e = t.type.toLowerCase().split(";")[0].trim();
-  return e && Xr(e) !== "image" ? yt("unsupported-type") : t.size > Zr.image ? yt("too-large") : t.size === 0 ? yt("invalid") : null;
+  return e && es(e) !== "image" ? yt("unsupported-type") : t.size > ts.image ? yt("too-large") : t.size === 0 ? yt("invalid") : null;
 }
-function na(t) {
-  return ts(t);
+function sa(t) {
+  return rs(t);
 }
-function ra(t) {
-  return ns(t);
+function aa(t) {
+  return ss(t);
 }
-async function sa(t) {
-  const e = await es(t);
+async function ia(t) {
+  const e = await ns(t);
   return { w: e?.width ?? 0, h: e?.height ?? 0 };
 }
-async function aa(t, e = {}) {
+async function oa(t, e = {}) {
   const n = await Jt().upload(t, { signal: e.signal });
-  if (!rs(n.key))
-    throw new Yn("Image upload returned an unusable key");
+  if (!as(n.key))
+    throw new Zn("Image upload returned an unusable key");
   return { key: n.key, deduplicated: n.deduplicated === !0 };
 }
-async function ia(t, e = {}) {
+async function ca(t, e = {}) {
   const n = [];
   for (const r of t) {
     if (r.kind === "remote") {
       n.push({ key: r.key, w: r.w, h: r.h, ...r.title ? { title: r.title } : {} });
       continue;
     }
-    const { key: s } = await aa(r.file, e);
+    const { key: s } = await oa(r.file, e);
     n.push({ key: s, w: r.w, h: r.h });
   }
   return n;
 }
-function oa(t) {
+function la(t) {
   return {
     error: t instanceof Error ? t.message : String(t),
     name: t instanceof Error ? t.name : typeof t,
@@ -76,14 +76,14 @@ function oa(t) {
     status: t instanceof dt ? t.status : void 0
   };
 }
-function ca(t) {
+function da(t) {
   const e = P(t);
   return L(() => {
     e.current = t;
   }), [e, `${t.cdnBase}|${t.uploadPath}`];
 }
-function la(t, e, n, r = {}) {
-  const { limit: s, debounceMs: i = ss } = r, [a, l] = ca(t), [o, c] = $([]), [u, f] = $(null), [p, v] = $(!1), [g, h] = $(null), [y, w] = $(0), A = P(null);
+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);
   L(() => {
     w(0), f(null);
   }, [n, e]), L(() => {
@@ -127,19 +127,19 @@ function la(t, e, n, r = {}) {
   }, [p, u]);
   return { items: o, loading: p, error: g, hasMore: u !== null, loadMore: F };
 }
-const Gt = 240, je = 8, da = 28, Xn = 240;
-function ua(t, e, n) {
+const Gt = 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);
-  const s = Xn + da;
+  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 Zn = "/dataplatform/api/memes", fa = 120;
-function ha({ 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 } = la(
+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(
     l,
-    Zn,
+    tr,
     r.trim()
   ), v = u?.reason ?? null, g = Ee(() => {
     const b = /* @__PURE__ */ new Set();
@@ -150,16 +150,16 @@ function ha({ onClose: t, onPick: e, onUnavailable: n }) {
     A(), y(null);
   }, [A]), k = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(hover: hover)").matches, m = U(
     (b, S, I = !1) => {
-      const D = i.current;
-      if (!D) return;
+      const B = i.current;
+      if (!B) return;
       const H = () => y({
         item: b,
-        ...ua(S.getBoundingClientRect(), D.getBoundingClientRect(), {
+        ...ha(S.getBoundingClientRect(), B.getBoundingClientRect(), {
           width: window.innerWidth,
           height: window.innerHeight
         })
       });
-      A(), I ? H() : w.current = window.setTimeout(H, fa);
+      A(), I ? H() : w.current = window.setTimeout(H, pa);
     },
     [A]
   );
@@ -288,7 +288,7 @@ function ha({ onClose: t, onPick: e, onUnavailable: n }) {
                   src: vt(h.item.key) ?? void 0,
                   alt: "",
                   className: "block w-full rounded bg-bg object-contain",
-                  style: { height: "auto", maxHeight: Xn }
+                  style: { height: "auto", maxHeight: er }
                 }
               ),
               h.item.title && /* One line. A long title must not change the box height, because
@@ -301,23 +301,23 @@ function ha({ onClose: t, onPick: e, onUnavailable: n }) {
     }
   );
 }
-function er({ open: t, ...e }) {
-  return t ? /* @__PURE__ */ d(ha, { ...e }) : null;
+function nr({ open: t, ...e }) {
+  return t ? /* @__PURE__ */ d(ma, { ...e }) : null;
 }
-function pa(t) {
+function ga(t) {
   return typeof t == "object" && t !== null && typeof t.mount == "function";
 }
-function ma(t) {
+function ba(t) {
   if (typeof t != "object" || t === null)
     return !1;
   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";
-function tr(t) {
+function rr(t) {
   E("navigation", `Select Media clicked (${t})`), window.dispatchEvent(new CustomEvent(Wt));
 }
-class nr extends qr {
+class sr extends Xr {
   state = { hasError: !1 };
   static getDerivedStateFromError() {
     return { hasError: !0 };
@@ -354,42 +354,42 @@ function Yt(t) {
 function Xt(t) {
   return t.isLeader ? Yt(t) ? t.gameOverlay && !t.isFullscreen ? "room-corner" : "control-bar" : "chat-toolbar" : "none";
 }
-function rr(t) {
+function ar(t) {
   return t.hasMedia ? t.gameOverlay && !t.isFullscreen ? "room-corner" : "control-bar" : "none";
 }
-function sr(t, e) {
+function ir(t, e) {
   if (e) {
     for (const n of Object.values(t))
       if (n.author === e && n.avatarUrl) return n.avatarUrl;
   }
 }
-const ga = Bn(!0);
-function ar() {
-  const t = Pn(ga);
+const ya = On(!0);
+function or() {
+  const t = Bn(ya);
   L(() => {
-    t && as();
+    t && os();
   }, [t]);
 }
-function ba(t, e) {
+function va(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 ir(t) {
-  const e = x((n) => ba(n.roster, t));
+function cr(t) {
+  const e = x((n) => va(n.roster, t));
   return Ee(() => e ? JSON.parse(e) : void 0, [e]);
 }
-function or(t) {
+function lr(t) {
   return t ? { "--hc-base": t } : {};
 }
-const ft = Ke.memo(
+const ft = Ve.memo(
   function({ html: e, as: n = "span", className: r, style: s }) {
-    return Ke.createElement(n, { className: r, style: s, dangerouslySetInnerHTML: { __html: e } });
+    return Ve.createElement(n, { className: r, style: s, dangerouslySetInnerHTML: { __html: e } });
   },
   (t, e) => t.html === e.html && t.as === e.as && t.className === e.className && JSON.stringify(t.style) === JSON.stringify(e.style)
 );
-function ya(t, e) {
+function Sa(t, e) {
   L(() => {
     const n = t.current;
     if (!n || !e || typeof IntersectionObserver > "u") return;
@@ -401,7 +401,7 @@ function ya(t, e) {
     };
   }, [t, e]);
 }
-function cr({ sprite: t, url: e, alt: n, worn: r }) {
+function dr({ sprite: t, url: e, alt: n, worn: r }) {
   return /* @__PURE__ */ _("span", { className: "hc-av", style: { "--hc-sz": "32px" }, children: [
     /* @__PURE__ */ d("span", { className: "hc-pic", children: /* @__PURE__ */ d(
       pt,
@@ -413,24 +413,24 @@ function cr({ sprite: t, url: e, alt: n, worn: r }) {
         fallback: /* @__PURE__ */ d("span", { className: "inline-block w-8 h-8 bg-bg-alt/50 rounded-full flex-shrink-0" })
       }
     ) }),
-    r?.overlay && /* @__PURE__ */ d(ft, { html: is(r), style: { display: "contents" } })
+    r?.overlay && /* @__PURE__ */ d(ft, { html: cs(r), style: { display: "contents" } })
   ] });
 }
-function va(t) {
+function wa(t) {
   return !(t.button !== 0 || t.ctrlKey || t.metaKey || t.shiftKey || t.altKey);
 }
-const Sa = Bn(null);
-function wa() {
-  return Pn(Sa);
+const xa = On(null);
+function Ea() {
+  return Bn(xa);
 }
-function xa({ src: t, title: e, onClose: n }) {
+function Ma({ 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 = wa(), s = typeof document > "u" ? null : document.fullscreenElement ?? r ?? document.body;
+  const r = Ea(), s = typeof document > "u" ? null : document.fullscreenElement ?? r ?? document.body;
   return s ? wt(
     /* @__PURE__ */ _(
       "div",
@@ -469,11 +469,11 @@ function xa({ src: t, title: e, onClose: n }) {
     s
   ) : null;
 }
-const It = 240, Ea = 320;
-function Ma({ image: t }) {
+const It = 240, ka = 320;
+function _a({ 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, Ea / t.w, It / t.h) : 1;
+  const s = t.w > 0 && t.h > 0, i = s ? Math.min(1, ka / t.w, It / t.h) : 1;
   return /* @__PURE__ */ _(Se, { children: [
     /* @__PURE__ */ d(
       "a",
@@ -484,7 +484,7 @@ function Ma({ image: t }) {
         className: "block max-w-full cursor-zoom-in",
         "data-testid": "chat-image",
         onClick: (a) => {
-          va(a) && (a.preventDefault(), n(!0));
+          wa(a) && (a.preventDefault(), n(!0));
         },
         children: /* @__PURE__ */ d(
           "img",
@@ -502,7 +502,7 @@ function Ma({ image: t }) {
       }
     ),
     e && /* @__PURE__ */ d(
-      xa,
+      Ma,
       {
         src: r,
         title: t.title,
@@ -511,20 +511,20 @@ function Ma({ image: t }) {
     )
   ] });
 }
-function lr({ 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(Ma, { image: e }, `${e.key}-${n}`)) }) : null;
+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;
 }
-function ka(t, e) {
+function Aa(t, e) {
   return t.author && e.author ? t.author === e.author : !!e.clientId && t.clientId === e.clientId;
 }
 function Ct(t) {
   return new Date(t).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
 }
-const _a = Ke.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 = ka(e, { clientId: n, author: r }), i = x((u) => sr(u.roster, e.author)), a = tt(e.sprite, i), l = ir(e.isSystem ? void 0 : e.author), o = P(null);
-  ya(o, !!l);
+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 [c] = $(
-    () => e.live && e.text ? Dn(e.text, l) : null
+    () => 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: [
@@ -535,18 +535,18 @@ const _a = Ke.memo(function({ message: e }) {
   ] }) }) : 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__ */ _("div", { ref: o, style: or(a), className: `flex items-start gap-2 px-2 py-1 hover:bg-bg-card/20 ${s ? "bg-bg-card/30" : ""}`, children: [
-    /* @__PURE__ */ d(cr, { sprite: e.sprite, url: i, alt: e.name, worn: l }),
+  ] }) : /* @__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: On(e.name, l), className: "text-[13px]", style: { color: a } }) : /* @__PURE__ */ d("span", { className: "font-medium text-[13px]", style: { color: a }, children: e.name }),
+      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) }),
       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(lr, { images: e.images })
+      /* @__PURE__ */ d(ur, { images: e.images })
     ] })
   ] });
 });
-function Aa() {
-  ar();
+function Ia() {
+  or();
   const t = x((s) => s.chat), e = P(null), n = P(!1), r = U(() => {
     const s = e.current;
     if (!s) return;
@@ -564,13 +564,13 @@ function Aa() {
       className: "flex-1 overflow-y-auto overflow-x-hidden chat-messages",
       children: t.length === 0 ? /* @__PURE__ */ d("div", { className: "p-4 text-xs text-text-muted text-center", children: "No messages yet. Be the first to say something!" }) : /* @__PURE__ */ d(Se, { children: t.map((s, i) => {
         const a = i > 0 ? t[i - 1] : null, l = a && s.ts - a.ts > 1440 * 60 * 1e3;
-        return /* @__PURE__ */ _(Ke.Fragment, { children: [
+        return /* @__PURE__ */ _(Ve.Fragment, { children: [
           l && /* @__PURE__ */ _("div", { className: "flex items-center gap-2 px-4 py-2 my-1", children: [
             /* @__PURE__ */ d("div", { className: "flex-1 h-px bg-border" }),
             /* @__PURE__ */ d("span", { className: "text-[10px] text-text-muted whitespace-nowrap", children: new Date(s.ts).toLocaleDateString([], { weekday: "short", month: "short", day: "numeric" }) }),
             /* @__PURE__ */ d("div", { className: "flex-1 h-px bg-border" })
           ] }),
-          /* @__PURE__ */ d(_a, { message: s })
+          /* @__PURE__ */ d(Ta, { message: s })
         ] }, s.id);
       }) })
     }
@@ -597,12 +597,12 @@ const Zt = [
     scope: "local"
   }
 ], et = "/";
-function Ta(t) {
+function Ca(t) {
   if (!t.startsWith(et)) return null;
   const e = t.slice(et.length);
   return /\s/.test(e) ? null : e.toLowerCase();
 }
-function Ia(t, e = Zt) {
+function Ra(t, e = Zt) {
   const n = t.toLowerCase();
   if (!n) return [...e].sort((s, i) => s.name.localeCompare(i.name));
   const r = [];
@@ -612,23 +612,23 @@ function Ia(t, e = Zt) {
   }
   return r.sort((s, i) => s.rank - i.rank || s.cmd.name.localeCompare(i.cmd.name)).map((s) => s.cmd);
 }
-function Ca(t) {
+function Fa(t) {
   return `${et}${t.name} `;
 }
 function Rt(t, e) {
   return e <= 0 ? 0 : (t % e + e) % e;
 }
-function Ra(t, e = Zt) {
+function Na(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 Fa(t, e) {
+function La(t, e) {
   return t.requiresMedia && !e.hasMedia ? `${et}${t.name} needs an episode loaded.` : null;
 }
-function Na({
+function $a({
   commands: t,
   activeIndex: e,
   hasMedia: n,
@@ -670,7 +670,7 @@ function Na({
     }
   );
 }
-function dr({
+function fr({
   pending: t,
   uploading: e,
   onRemove: n
@@ -697,24 +697,24 @@ function dr({
     )
   ] }, r.id)) }) : null;
 }
-function ur() {
+function hr() {
   const [t, e] = $([]), [n, r] = $(!1), s = x((h) => h.pushToast), i = P(/* @__PURE__ */ new Set());
   L(() => () => {
     for (const h of i.current) URL.revokeObjectURL(h);
     i.current.clear();
   }, []);
   const a = U((h) => {
-    Zs(h) && (URL.revokeObjectURL(h.previewUrl), i.current.delete(h.previewUrl));
+    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 = ta(w);
+      const A = ra(w);
       if (A) {
         s("error", A);
         continue;
       }
-      const { w: F, h: k } = await sa(w), m = URL.createObjectURL(w);
+      const { w: F, h: k } = await ia(w), m = URL.createObjectURL(w);
       i.current.add(m), y.push({
         kind: "file",
         id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
@@ -749,7 +749,7 @@ function ur() {
       w: h.width ?? 0,
       h: h.height ?? 0,
       title: h.title || void 0
-    }]), Jt().catalogue(Zn).recordUse(h.key));
+    }]), Jt().catalogue(tr).recordUse(h.key));
   }, [s]), c = U((h) => {
     e((y) => {
       const w = y.find((A) => A.id === h);
@@ -761,10 +761,10 @@ function ur() {
       return [];
     });
   }, [a]), f = U((h) => {
-    const y = na(h.clipboardData);
+    const y = sa(h.clipboardData);
     y.length && (h.preventDefault(), l(y));
   }, [l]), p = U((h) => {
-    const y = ra(h.dataTransfer);
+    const y = aa(h.dataTransfer);
     y.length && (h.preventDefault(), l(y));
   }, [l]), v = U((h) => {
     h.dataTransfer?.types?.includes("Files") && h.preventDefault();
@@ -772,9 +772,9 @@ function ur() {
     if (!t.length) return [];
     r(!0);
     try {
-      return await ia(t);
+      return await ca(t);
     } catch (h) {
-      return C("chat", "Image upload failed", oa(h)), s("error", ea(h)), null;
+      return C("chat", "Image upload failed", la(h)), s("error", na(h)), null;
     } finally {
       r(!1);
     }
@@ -792,16 +792,16 @@ function ur() {
     onDragOver: v
   };
 }
-const yn = jn, La = Un;
-function $a({ commands: t = Zt }) {
-  const [e, n] = $(""), [r, s] = $(!1), [i, a] = $({ q: null, i: 0 }), [l, o] = $(!1), c = P(null), u = Yr(), [f, p] = $(!1), [v, g] = $(!1), h = ur(), y = x((N) => N.snapshot.mediaId), w = x((N) => N.pushToast), A = x((N) => N.setTierlistOpen), F = !!y, k = Ta(e), m = Ee(
-    () => k === null ? [] : Ia(k, t),
+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),
     [k, t]
   ), T = k !== null && !l && m.length > 0, R = i.q === k ? Rt(i.i, m.length) : 0, b = U(
     (N) => a({ q: k, i: N }),
     [k]
   ), S = U((N, O) => {
-    const Q = Fa(N, { hasMedia: F });
+    const Q = La(N, { hasMedia: F });
     if (Q) {
       w("info", Q);
       return;
@@ -811,19 +811,19 @@ function $a({ commands: t = Zt }) {
         w("info", t.map((W) => W.usage).join("  "));
         break;
       case "recap":
-        cs();
+        ds();
         break;
       case "tierlist":
-        os(), A(!0);
+        ls(), A(!0);
         break;
       default:
         w("info", `${N.usage} is not implemented yet.`);
     }
   }, [F, w, t, A]), I = U((N) => {
-    n(Ca(N)), o(!1), c.current?.focus();
-  }, []), D = U(async (N) => {
+    n(Fa(N)), o(!1), c.current?.focus();
+  }, []), B = U(async (N) => {
     if (N.preventDefault(), r || h.uploading) return;
-    const O = Ra(e, t);
+    const O = Na(e, t);
     if (!O && !h.pending.length) return;
     if (O?.kind === "command" && h.pending.length) {
       w("info", "Send images on their own, not with a command.");
@@ -834,7 +834,7 @@ function $a({ commands: t = Zt }) {
       return;
     }
     const Q = await h.uploadPending();
-    Q !== null && (Hn(O?.text ?? "", Q), n(""), h.clear(), s(!0), setTimeout(() => s(!1), La), !document.hidden && document.hasFocus() && c.current?.focus());
+    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) => {
     if (N.key === "Escape" && T) {
       N.preventDefault(), o(!0);
@@ -862,22 +862,22 @@ function $a({ commands: t = Zt }) {
     };
     return window.addEventListener("watchparty:focus-chat-input", N), () => window.removeEventListener("watchparty:focus-chat-input", N);
   }, []);
-  const j = yn - e.length, V = j <= 100, X = T ? m[R] : void 0;
+  const j = yn - e.length, K = j <= 100, X = T ? m[R] : void 0;
   return /* @__PURE__ */ _(
     "form",
     {
       onSubmit: (N) => {
-        D(N);
+        B(N);
       },
       onPaste: h.onPaste,
       onDrop: h.onDrop,
       onDragOver: h.onDragOver,
       className: "p-2 border-t border-border",
       children: [
-        /* @__PURE__ */ d(dr, { pending: h.pending, uploading: h.uploading, onRemove: h.remove }),
+        /* @__PURE__ */ d(fr, { pending: h.pending, uploading: h.uploading, onRemove: h.remove }),
         /* @__PURE__ */ _("div", { className: "relative", children: [
           T && /* @__PURE__ */ d(
-            Na,
+            $a,
             {
               commands: m,
               activeIndex: R,
@@ -888,7 +888,7 @@ function $a({ commands: t = Zt }) {
             }
           ),
           /* @__PURE__ */ d(
-            er,
+            nr,
             {
               open: f,
               onClose: () => p(!1),
@@ -917,10 +917,10 @@ function $a({ commands: t = Zt }) {
                   "aria-controls": T ? u : void 0,
                   "aria-activedescendant": X ? `${u}-opt-${X.name}` : void 0,
                   "aria-autocomplete": "list",
-                  className: `w-full bg-bg-card border border-border-light rounded px-3 py-1.5 text-sm focus:outline-none focus:border-text-muted ${V ? "pr-12" : ""}`
+                  className: `w-full bg-bg-card border border-border-light rounded px-3 py-1.5 text-sm focus:outline-none focus:border-text-muted ${K ? "pr-12" : ""}`
                 }
               ),
-              /* @__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: V && j })
+              /* @__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(
               "button",
@@ -941,11 +941,11 @@ function $a({ commands: t = Zt }) {
     }
   );
 }
-function Pa() {
+function Ba() {
   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(Ba, { 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(Oa, { u: n }, n.clientId)) }) : /* @__PURE__ */ d("div", { className: "text-xs text-text-muted", children: "No users online" });
 }
-function Ba({ u: t }) {
+function Oa({ 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 +962,7 @@ function Ba({ 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 Da() {
+function Ha() {
   const t = x((s) => Object.keys(s.roster).length), [e, n] = $(!1), r = P(null);
   return L(() => {
     if (!e) return;
@@ -990,20 +990,20 @@ function Da() {
         t,
         " online"
       ] }),
-      /* @__PURE__ */ d(Pa, {})
+      /* @__PURE__ */ d(Ba, {})
     ] })
   ] });
 }
-function Oa({ leaderId: t, clientId: e, keyType: n }) {
+function Ua({ leaderId: t, clientId: e, keyType: n }) {
   return t !== null ? t === e : n === "leader";
 }
-const Ha = /-[0-9a-fA-F]{16}$/;
-function Ua(t) {
-  return t && Ha.test(t) ? "leader" : null;
-}
-const ja = /\/room\/([^/]+)\/?$/;
+const ja = /-[0-9a-fA-F]{16}$/;
 function Ga(t) {
-  const e = t ? ja.exec(t) : null;
+  return t && ja.test(t) ? "leader" : null;
+}
+const Wa = /\/room\/([^/]+)\/?$/;
+function Va(t) {
+  const e = t ? Wa.exec(t) : null;
   if (!e) return null;
   try {
     return decodeURIComponent(e[1]);
@@ -1011,39 +1011,39 @@ function Ga(t) {
     return e[1];
   }
 }
-function Wa(t, e) {
-  return t && e?.roomKey === t ? e.type : Ua(t);
+function Ka(t, e) {
+  return t && e?.roomKey === t ? e.type : Ga(t);
 }
 function nt() {
   return x((t) => !!t.snapshot.leaderId && t.snapshot.leaderId === t.me.clientId);
 }
 function Et() {
-  const t = x((n) => n.activeGameId), e = ls();
+  const t = x((n) => n.activeGameId), e = us();
   return t ? e.find((n) => n.id === t) ?? null : null;
 }
 function en() {
-  return x((t) => Oa({
+  return x((t) => Ua({
     leaderId: t.snapshot.leaderId,
     clientId: t.me.clientId,
-    keyType: Wa(Ga(globalThis.location?.pathname), t.roomKeyType)
+    keyType: Ka(Va(globalThis.location?.pathname), t.roomKeyType)
   }));
 }
-function fr() {
+function pr() {
   return x((t) => t.readiness);
 }
-function Ka() {
+function za() {
   return x((t) => t.snapshot);
 }
-const Va = 3e4;
-function hr() {
-  const t = fr(), [e, n] = $(!1), [r, s] = $({ mediaId: t.mediaId, ready: t.ready });
+const Ja = 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), Va);
+    const i = setTimeout(() => n(!0), Ja);
     return () => clearTimeout(i);
   }, [t.mediaId, t.ready]), e;
 }
-function za({ draw: t }) {
+function Qa({ draw: t }) {
   const e = P(null);
   return L(() => {
     const n = e.current;
@@ -1051,8 +1051,8 @@ function za({ draw: t }) {
       return t(n) ?? void 0;
   }, [t]), /* @__PURE__ */ d("div", { ref: e, "data-testid": "game-settings" });
 }
-const Ja = Qt(() => import("./AdminPanel-CqJPu1ee.js")), Qa = Qt(() => import("./PlaylistPanel-Ck8PUq7r.js"));
-function qa() {
+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 }))
     return null;
@@ -1060,14 +1060,14 @@ function qa() {
   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(
-        ds,
+        fs,
         {
           to: "/",
           className: "p-1.5 rounded text-text-secondary hover:text-white hover:bg-bg-alt transition-colors cursor-pointer",
           title: "Home",
           "aria-label": "Home",
           onClick: () => {
-            E("navigation", "Home button clicked (chat toolbar)"), us();
+            E("navigation", "Home button clicked (chat toolbar)"), hs();
           },
           children: /* @__PURE__ */ d("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" }) })
         }
@@ -1075,18 +1075,18 @@ function qa() {
       Xt({ isLeader: l, hasMedia: !!c, chatCollapsed: t, isFullscreen: e, gameOverlay: u }) === "chat-toolbar" && /* @__PURE__ */ d(
         "button",
         {
-          onClick: () => tr("chat toolbar"),
+          onClick: () => rr("chat toolbar"),
           className: "p-1.5 rounded text-text-secondary hover:text-white hover:bg-bg-alt transition-colors cursor-pointer",
           title: "Select Media",
           "aria-label": "Select Media",
           children: /* @__PURE__ */ d("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 4h16a1 1 0 011 1v14a1 1 0 01-1 1H4a1 1 0 01-1-1V5a1 1 0 011-1z" }) })
         }
       ),
-      /* @__PURE__ */ d(qs, {}),
-      /* @__PURE__ */ d(Ys, { onNameChange: (p) => {
-        p && x.getState().me.clientId && fs(p);
-      }, children: o ? /* @__PURE__ */ d(za, { draw: o }) : null }),
-      /* @__PURE__ */ d(Da, {})
+      /* @__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, {})
     ] }),
     (a || i) && /* @__PURE__ */ _("div", { className: "flex border-b border-border shrink-0", children: [
       /* @__PURE__ */ d(
@@ -1117,30 +1117,30 @@ function qa() {
         }
       )
     ] }),
-    f === "health" ? /* @__PURE__ */ d(Ke.Suspense, { fallback: /* @__PURE__ */ d("div", { className: "p-4 text-xs text-text-muted", children: "Loading..." }), children: /* @__PURE__ */ d(Ja, {}) }) : f === "playlist" ? /* @__PURE__ */ d(Ke.Suspense, { fallback: /* @__PURE__ */ d("div", { className: "p-4 text-xs text-text-muted", children: "Loading..." }), children: /* @__PURE__ */ d(Qa, {}) }) : /* @__PURE__ */ _(Se, { children: [
-      /* @__PURE__ */ d(Aa, {}),
-      /* @__PURE__ */ d($a, {})
+    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, {})
     ] })
   ] });
 }
-const vn = (t) => typeof t == "string" && Js.includes(t);
-function Ya(t, e, n) {
+const vn = (t) => typeof t == "string" && qs.includes(t);
+function Za(t, e, n) {
   return vn(e) ? e : vn(n) ? n : "dark";
 }
-function Xa(t, e) {
-  if (!hs(t)) return null;
+function ei(t, e) {
+  if (!ms(t)) return null;
   const n = new URL(t, e);
   return n.origin === e ? n.href : null;
 }
-function Za(t, e) {
-  const n = Xa(t.url, e);
+function ti(t, e) {
+  const n = ei(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 ei(t) {
+function ni(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))
@@ -1181,7 +1181,7 @@ function ei(t) {
       return;
     }
     if (r) return;
-    if (!pa(p)) {
+    if (!ga(p)) {
       u("the game module does not export mount()");
       return;
     }
@@ -1193,7 +1193,7 @@ function ei(t) {
       u(`the game failed to start: ${Je(h)}`, h);
       return;
     }
-    if (!ma(g)) {
+    if (!ba(g)) {
       u("the game's mount() did not return { unmount, update }");
       return;
     }
@@ -1224,18 +1224,18 @@ function ei(t) {
   };
 }
 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 = Qs()?.theme, g = Ya(void 0, v, ps().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), f = !!c && c === u, p = x((k) => k.name), v = Ys()?.theme, g = Za(void 0, v, gs().theme), h = Ee(() => ({
     roomKey: e,
     identity: {
       // The registry userId — what RoomChrome's `userId` prop is.
-      userId: gs(),
-      userType: ms(),
+      userId: ys(),
+      userType: bs(),
       name: p || null
     },
     theme: g,
     isLeader: f,
     close: () => {
-      E("game", "bundle close", { gameId: t.id, isLeader: f, layer: n }), n !== "base" && (f ? Gn(null) : o(!0));
+      E("game", "bundle close", { gameId: t.id, isLeader: f, layer: n }), n !== "base" && (f ? Vn(null) : o(!0));
     }
   }), [e, p, g, f, t.id, n]), y = fe(() => h), w = fe((k, m) => {
     C("game", "bundle failed", { gameId: t.id, message: k, cause: String(m) }), a(k);
@@ -1246,7 +1246,7 @@ 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 = ei({
+    const { setGameSettings: T } = x.getState(), R = (S) => b.mountSettings(S), b = ni({
       load: m,
       el: k,
       ctx: y(),
@@ -1284,8 +1284,8 @@ function Sn({ activity: t, roomKey: e, layer: n }) {
     }
   );
 }
-const ti = "drawer-btn";
-function ni({ open: t, onClose: e, header: n, footer: r, children: s }) {
+const ri = "drawer-btn";
+function si({ open: t, onClose: e, header: n, footer: r, children: s }) {
   return L(() => {
     if (!t) return;
     function i(a) {
@@ -1299,7 +1299,7 @@ function ni({ 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: ti, children: "Close" }),
+          /* @__PURE__ */ d("button", { onClick: e, className: ri, children: "Close" }),
           n
         ] }),
         s,
@@ -1308,40 +1308,43 @@ function ni({ open: t, onClose: e, header: n, footer: r, children: s }) {
     }
   ) }) : null;
 }
-function ri({ open: t, onClose: e }) {
-  return /* @__PURE__ */ d(ni, { open: t, onClose: e, children: /* @__PURE__ */ d("div", { className: "px-4 py-3 text-xs text-text-muted", children: "Loading…" }) });
+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…" }) });
 }
-const pr = 9e3, wn = 1500, si = {
+const gr = 9e3, wn = 1500, ii = {
   classic: "[text-shadow:_-1px_-1px_0_#000,_1px_-1px_0_#000,_-1px_1px_0_#000,_1px_1px_0_#000,_0_-1px_0_#000,_0_1px_0_#000,_-1px_0_0_#000,_1px_0_0_#000]",
   cinema: "drop-shadow-[0_2px_4px_rgba(0,0,0,0.9)]",
   minimal: "drop-shadow-[0_2px_4px_rgba(0,0,0,0.9)] drop-shadow-[0_0_8px_rgba(0,0,0,0.7)]",
   contrast: "bg-black/70 px-2 py-0.5 rounded"
+}, xn = { WebkitTextStroke: "0.5px black", paintOrder: "stroke fill" }, En = {
+  textShadow: "none",
+  filter: "drop-shadow(0 0 1px black) drop-shadow(0 0 1px black)"
 };
-function ai({ message: t, age: e, ccStyle: n }) {
-  const r = pr - wn;
+function oi({ 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 = si[n], a = x((u) => sr(u.roster, t.author)), l = tt(t.sprite, a), o = ir(t.isSystem ? void 0 : t.author), [c] = $(
-    () => t.live && t.text ? Dn(t.text, o) : null
+  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] = $(
+    () => t.live && t.text ? Hn(t.text, o) : null
   );
   return /* @__PURE__ */ _(
     "div",
     {
       className: `flex items-start gap-2 py-1 ${i}`,
-      style: { opacity: s, transition: "opacity 0.15s ease-out", ...or(l) },
+      style: { opacity: s, transition: "opacity 0.15s ease-out", ...lr(l) },
       children: [
-        /* @__PURE__ */ d(cr, { sprite: t.sprite, url: a, worn: o }),
-        /* @__PURE__ */ _("div", { className: "min-w-0 flex-1", style: { WebkitTextStroke: "0.5px black", paintOrder: "stroke fill" }, children: [
-          o ? /* @__PURE__ */ d(ft, { html: On(t.name, o), className: "text-sm mr-2", style: { color: l } }) : /* @__PURE__ */ d("span", { className: "font-medium text-sm mr-2", style: { color: l }, children: t.name }),
-          c ? /* @__PURE__ */ d(ft, { html: c, className: "text-sm text-white break-words" }) : /* @__PURE__ */ d("span", { className: "text-sm text-white break-words", children: t.text }),
-          /* @__PURE__ */ d(lr, { images: t.images })
+        /* @__PURE__ */ d(dr, { sprite: t.sprite, url: a, worn: o }),
+        /* @__PURE__ */ _("div", { className: "min-w-0 flex-1", children: [
+          o ? /* @__PURE__ */ d(ft, { html: Un(t.name, o), className: "text-sm mr-2", style: { color: l, ...En } }) : /* @__PURE__ */ d("span", { className: "font-medium text-sm mr-2", style: { color: l, ...xn }, children: t.name }),
+          c ? /* @__PURE__ */ d(ft, { html: c, className: "text-sm text-white break-words", style: En }) : /* @__PURE__ */ d("span", { className: "text-sm text-white break-words", style: xn, children: t.text }),
+          /* @__PURE__ */ d(ur, { images: t.images })
         ] })
       ]
     }
   );
 }
-function ii() {
-  ar();
+function ci() {
+  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());
   L(() => {
     const f = () => {
@@ -1357,7 +1360,7 @@ function ii() {
     return () => clearInterval(f);
   }, [o]);
   const c = n && (e || s), u = Ee(() => {
-    const f = a - pr;
+    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(
@@ -1365,8 +1368,9 @@ function ii() {
     {
       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(
-        ai,
+        oi,
         {
           message: f,
           age: a - f.ts,
@@ -1377,18 +1381,18 @@ function ii() {
     }
   );
 }
-const oi = 2;
-function mr(t) {
+const li = 2;
+function br(t) {
   return t.duration_ms > 0 && t.duration_ms - t.playhead_ms <= qt;
 }
-function gr(t) {
+function yr(t) {
   const e = t.video_ready_state ?? -1;
-  return e < 0 ? !0 : !(e <= oi && t.buffered_ahead_ms > qt);
+  return e < 0 ? !0 : !(e <= li && t.buffered_ahead_ms > qt);
 }
-function Ec(t) {
-  return t.playhead_ms === 0 && !t.is_buffering && t.buffered_ahead_ms === 0 ? "idle" : t.is_buffering ? "buffering" : mr(t) ? "healthy" : !gr(t) || t.buffered_ahead_ms <= Wn ? "critical" : t.buffered_ahead_ms <= qt ? "warning" : "healthy";
+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";
 }
-const Mc = {
+const _c = {
   idle: "Idle",
   buffering: "Buffering",
   critical: "Critical",
@@ -1396,7 +1400,7 @@ const Mc = {
   healthy: "Healthy"
 };
 let bt = null;
-function br() {
+function vr() {
   if (bt) return bt;
   try {
     const t = window.AudioContext ?? window.webkitAudioContext;
@@ -1405,64 +1409,64 @@ function br() {
   }
   return bt;
 }
-function yr(t) {
+function Sr(t) {
   t.state === "suspended" && t.resume().catch(() => {
   });
 }
-function vr(t, e, n, r) {
+function wr(t, e, n, r) {
   t.gain.setValueAtTime(0, e), t.gain.linearRampToValueAtTime(n, e + 5e-3), t.gain.exponentialRampToValueAtTime(1e-4, e + r);
 }
 function We(t, e, n = 0.15, r = 0) {
-  const s = br();
+  const s = vr();
   if (!s) return;
-  yr(s);
+  Sr(s);
   const i = s.currentTime + r, a = s.createOscillator(), l = s.createGain();
-  a.type = "sine", a.frequency.value = t, vr(l, i, n, e / 1e3), a.connect(l).connect(s.destination), a.start(i), a.stop(i + e / 1e3 + 0.05);
+  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) {
-  const a = br();
+  const a = vr();
   if (!a) return;
-  yr(a);
+  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), vr(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);
+  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);
 }
-function Sr() {
+function xr() {
   We(700, 60, 0.14, 0), We(700, 60, 0.14, 0.1), We(932, 120, 0.17, 0.2);
 }
-function wr() {
+function Er() {
   We(784, 45, 0.07, 0), We(1047, 60, 0.07, 0.045);
 }
-function xr() {
+function Mr() {
   We(659, 45, 0.06, 0), We(494, 70, 0.06, 0.045);
 }
-function Er() {
+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);
 }
-Kn("__WP_SOUNDS__", {
-  start: Sr,
-  finish: Er,
-  on: wr,
-  off: xr
+zn("__WP_SOUNDS__", {
+  start: xr,
+  finish: kr,
+  on: Er,
+  off: Mr
 });
-const xn = { on: 0, off: 0 };
-function ci(t, e, n, r) {
-  if (!n || !r) return xn;
+const Mn = { on: 0, off: 0 };
+function di(t, e, n, r) {
+  if (!n || !r) return Mn;
   const s = new Set(t), i = new Set(e);
   let a = 0;
   for (const o of i) s.has(o) || a++;
   let l = 0;
   for (const o of s) i.has(o) || l++;
-  return a === 0 && l === 0 ? xn : { on: a, off: l };
+  return a === 0 && l === 0 ? Mn : { on: a, off: l };
 }
-const li = 1200, be = 52, St = 4, Kt = (be - St) / 2, En = 2 * Math.PI * Kt, $e = be - St * 2 - 4;
-function di(t) {
-  return mr(t) ? !0 : gr(t) ? t.buffered_ahead_ms >= Ce : !1;
+const ui = 1200, be = 52, St = 4, Vt = (be - St) / 2, kn = 2 * Math.PI * Vt, $e = be - St * 2 - 4;
+function fi(t) {
+  return br(t) ? !0 : yr(t) ? t.buffered_ahead_ms >= Ce : !1;
 }
-function ui(t) {
+function hi(t) {
   return `hsl(${Math.round(t * 120)}, 90%, 55%)`;
 }
-function fi({ client: t, pictureUrl: e, fading: n, onFadeEnd: r }) {
-  const s = Math.min(1, t.buffered_ahead_ms / Ce), i = En * (1 - s), a = ui(s), l = tt(t.sprite_id, e);
+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);
   return /* @__PURE__ */ _(
     "div",
     {
@@ -1470,7 +1474,7 @@ function fi({ 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 ${li}ms ease forwards`
+        animation: `bufferFadeOut ${ui}ms ease forwards`
       } : void 0,
       onAnimationEnd: n ? r : void 0,
       children: [
@@ -1488,7 +1492,7 @@ function fi({ client: t, pictureUrl: e, fading: n, onFadeEnd: r }) {
                   {
                     cx: be / 2,
                     cy: be / 2,
-                    r: Kt,
+                    r: Vt,
                     fill: "none",
                     stroke: "rgba(255,255,255,0.15)",
                     strokeWidth: St
@@ -1499,12 +1503,12 @@ function fi({ client: t, pictureUrl: e, fading: n, onFadeEnd: r }) {
                   {
                     cx: be / 2,
                     cy: be / 2,
-                    r: Kt,
+                    r: Vt,
                     fill: "none",
                     stroke: a,
                     strokeWidth: St,
                     strokeLinecap: "round",
-                    strokeDasharray: En,
+                    strokeDasharray: kn,
                     strokeDashoffset: i,
                     style: { transition: "stroke-dashoffset 0.4s ease, stroke 0.4s ease" }
                   }
@@ -1549,7 +1553,7 @@ function fi({ client: t, pictureUrl: e, fading: n, onFadeEnd: r }) {
     }
   );
 }
-function hi({ clientId: t, sprite: e, pictureUrl: n, name: r, isReady: s, isSelf: i, onToggle: a }) {
+function mi({ 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",
@@ -1621,19 +1625,19 @@ function hi({ clientId: t, sprite: e, pictureUrl: n, name: r, isReady: s, isSelf
     }
   );
 }
-const pi = { status: null, entries: [], completed: /* @__PURE__ */ new Set(), below: /* @__PURE__ */ new Set() };
-function Mn(t, e) {
+const gi = { 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;
-    di(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 }));
+    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 }));
   }
   return { status: e, entries: s, completed: n, below: r };
 }
-function mi() {
-  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] = $(() => Mn(pi, t));
-  a.status !== t && l(Mn(a, t));
+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));
+  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);
@@ -1641,19 +1645,19 @@ function mi() {
     });
   }, 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);
   L(() => {
-    !g.current && e.active && Sr(), g.current = e.active;
+    !g.current && e.active && xr(), g.current = e.active;
   }, [e.active]), L(() => {
-    !h.current && v && Er(), h.current = v;
+    !h.current && v && kr(), h.current = v;
   }, [v]);
   const y = P(e.ready), w = P(e.active);
   L(() => {
-    const { on: m, off: T } = ci(
+    const { on: m, off: T } = di(
       y.current,
       e.ready,
       w.current,
       e.active
     );
-    m > 0 && wr(), T > 0 && xr(), y.current = e.ready, w.current = e.active;
+    m > 0 && Er(), T > 0 && Mr(), y.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;
   return !A && !F && !k ? null : /* @__PURE__ */ _(Se, { children: [
@@ -1686,7 +1690,7 @@ function mi() {
               }
             ),
             /* @__PURE__ */ d("div", { className: "flex flex-col gap-3", children: f.map((m) => /* @__PURE__ */ d(
-              hi,
+              mi,
               {
                 clientId: m.clientId,
                 sprite: m.sprite,
@@ -1694,13 +1698,13 @@ function mi() {
                 name: m.name || "Anon",
                 isReady: u.has(m.clientId),
                 isSelf: m.clientId === r,
-                onToggle: () => bs(!p)
+                onToggle: () => vs(!p)
               },
               m.clientId
             )) })
           ] }),
           F && o.map(({ client: m, completed: T }) => /* @__PURE__ */ d(
-            fi,
+            pi,
             {
               client: m,
               pictureUrl: n[m.client_id]?.avatarUrl,
@@ -1714,7 +1718,7 @@ function mi() {
             {
               type: "button",
               "data-testid": "start-ready-check",
-              onClick: () => ys(),
+              onClick: () => Ss(),
               className: "px-2.5 py-1 rounded bg-black/55 text-xs font-semibold tracking-wide hover:bg-black/75 transition-colors",
               style: { color: "#fff", pointerEvents: "auto" },
               title: "Ask everyone if they're ready",
@@ -1726,7 +1730,7 @@ function mi() {
     )
   ] });
 }
-const Vt = {
+const Kt = {
   S: "var(--color-tier-s)",
   A: "var(--color-tier-a)",
   B: "var(--color-tier-b)",
@@ -1734,10 +1738,10 @@ const Vt = {
   D: "var(--color-tier-d)",
   F: "var(--color-tier-f)"
 }, Ge = "unranked";
-function Mr(t) {
+function _r(t) {
   t?.complete && t.naturalWidth > 0 && (t.dataset.loaded = "true");
 }
-function kn({
+function An({
   entry: t,
   draggable: e,
   picked: n,
@@ -1764,12 +1768,12 @@ function kn({
         /* @__PURE__ */ d(
           "img",
           {
-            src: Vn(t.id, t.thumbnail),
+            src: Jn(t.id, t.thumbnail),
             alt: "",
             loading: "eager",
             decoding: "async",
             draggable: !1,
-            ref: Mr,
+            ref: _r,
             onLoad: (i) => {
               i.currentTarget.dataset.loaded = "true";
             },
@@ -1784,7 +1788,7 @@ function kn({
     }
   );
 }
-function gi({ sprite: t, url: e }) {
+function yi({ sprite: t, url: e }) {
   const n = tt(t, e);
   return /* @__PURE__ */ d(
     pt,
@@ -1797,7 +1801,7 @@ function gi({ sprite: t, url: e }) {
     }
   );
 }
-function bi({
+function vi({
   anchor: t,
   itemId: e,
   snap: n
@@ -1824,13 +1828,13 @@ function bi({
         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(gi, { sprite: n.sprites[o], url: n.pictures?.[o] }),
+            /* @__PURE__ */ d(yi, { 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: Vt[c], color: "var(--color-tier-ink)" },
+                style: { background: Kt[c], color: "var(--color-tier-ink)" },
                 children: c
               }
             )
@@ -1841,7 +1845,7 @@ function bi({
     document.body
   );
 }
-function yi() {
+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");
   L(() => {
     un(!0);
@@ -1857,18 +1861,18 @@ function yi() {
   const y = 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 D of r[I] ?? []) {
-        const H = y.get(D);
-        H && (b[I].push(H), S.add(D));
+      for (const B of r[I] ?? []) {
+        const H = y.get(B);
+        H && (b[I].push(H), S.add(B));
       }
     for (const I of y.values()) S.has(I.id) || b[Ge].push(I);
     return b;
   }, [r, y]), A = (b, S, I) => {
-    const D = [...b.querySelectorAll("article[data-item-id]")].filter((j) => j.dataset.itemId !== I);
+    const B = [...b.querySelectorAll("article[data-item-id]")].filter((j) => j.dataset.itemId !== I);
     let H = 0;
-    for (const j of D) {
-      const V = j.getBoundingClientRect();
-      S > V.left + V.width / 2 && H++;
+    for (const j of B) {
+      const K = j.getBoundingClientRect();
+      S > K.left + K.width / 2 && H++;
     }
     return H;
   }, F = (b) => ({
@@ -1885,7 +1889,7 @@ function yi() {
       a && (i(a, b === Ge ? null : b), l(null));
     }
   }), k = U(async () => {
-    await vs(x.getState().tierlistDraft) && v(Date.now());
+    await ws(x.getState().tierlistDraft) && v(Date.now());
   }, []);
   if (L(() => {
     if (p === null) return;
@@ -1937,7 +1941,7 @@ function yi() {
                         "div",
                         {
                           className: "grid place-items-center select-none cursor-pointer",
-                          style: { background: Vt[b], color: "var(--color-tier-ink)" },
+                          style: { background: Kt[b], color: "var(--color-tier-ink)" },
                           onClick: () => {
                             a && (i(a, b), l(null));
                           },
@@ -1951,7 +1955,7 @@ function yi() {
                           ...F(b),
                           className: `flex items-center gap-2 p-2 overflow-x-auto transition-colors ${o === b ? "bg-primary/15 ring-1 ring-inset ring-primary" : "bg-bg-card"}`,
                           children: w[b].map((S) => /* @__PURE__ */ d(
-                            kn,
+                            An,
                             {
                               entry: S,
                               draggable: !0,
@@ -1970,7 +1974,7 @@ function yi() {
                         ...F(Ge),
                         className: `flex items-center gap-2 p-2 overflow-x-auto min-h-[96px] border-t border-dashed border-border transition-colors ${o === Ge ? "bg-primary/15 ring-1 ring-inset ring-primary" : "bg-bg"}`,
                         children: w[Ge].map((b) => /* @__PURE__ */ d(
-                          kn,
+                          An,
                           {
                             entry: b,
                             draggable: !0,
@@ -1990,12 +1994,12 @@ function yi() {
                         "div",
                         {
                           className: "grid place-items-center select-none",
-                          style: { background: Vt[b], color: "var(--color-tier-ink)" },
+                          style: { background: Kt[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 D = y.get(I.mediaId);
+                        const B = y.get(I.mediaId);
                         return /* @__PURE__ */ _(
                           "div",
                           {
@@ -2004,17 +2008,17 @@ function yi() {
                             onMouseLeave: () => f(null),
                             onFocus: (H) => f({ anchor: H.currentTarget.getBoundingClientRect(), itemId: I.mediaId }),
                             onBlur: () => f(null),
-                            "aria-label": `${D?.displayName ?? I.mediaId} — score ${I.score.toFixed(2)}. ${Object.entries(I.votes).map(([H, j]) => `${n.names[H] ?? "viewer"} ${j}`).join(", ")}`,
+                            "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: [
                               /* @__PURE__ */ d(
                                 "img",
                                 {
-                                  src: Vn(I.mediaId, D?.thumbnail),
+                                  src: Jn(I.mediaId, B?.thumbnail),
                                   alt: "",
                                   loading: "eager",
                                   decoding: "async",
-                                  ref: Mr,
+                                  ref: _r,
                                   onLoad: (H) => {
                                     H.currentTarget.dataset.loaded = "true";
                                   },
@@ -2024,7 +2028,7 @@ function yi() {
                                   className: "tl-card-img w-full aspect-video object-cover bg-bg-card"
                                 }
                               ),
-                              /* @__PURE__ */ d("div", { className: "px-1.5 pt-1 text-[11px] leading-tight text-text-secondary line-clamp-2 min-h-[28px]", children: D?.displayName ?? I.mediaId }),
+                              /* @__PURE__ */ d("div", { className: "px-1.5 pt-1 text-[11px] leading-tight text-text-secondary line-clamp-2 min-h-[28px]", children: B?.displayName ?? I.mediaId }),
                               /* @__PURE__ */ _("div", { className: "px-1.5 pb-1 flex items-center gap-1 text-[10px] tabular-nums text-text-muted", children: [
                                 /* @__PURE__ */ d("span", { children: "score" }),
                                 /* @__PURE__ */ d("span", { className: "text-text-secondary", children: I.score.toFixed(2) })
@@ -2040,96 +2044,96 @@ function yi() {
               ]
             }
           ),
-          u && n && /* @__PURE__ */ d(bi, { anchor: u.anchor, itemId: u.itemId, snap: n })
+          u && n && /* @__PURE__ */ d(vi, { anchor: u.anchor, itemId: u.itemId, snap: n })
         ]
       }
     ),
     document.body
   );
 }
-function vi({ children: t }) {
+function wi({ 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 kc({ className: t = "w-5 h-5" }) {
+function Ac({ 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 Si({ className: t = "w-5 h-5" }) {
+function xi({ 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 wi({ 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: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" }) });
 }
-function xi({ className: t = "w-5 h-5" }) {
+function Mi({ 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 Ei({ 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: "M15.536 8.464a5 5 0 010 7.072" })
   ] });
 }
-function Mi({ 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.072M18.364 5.636a9 9 0 010 12.728" })
   ] });
 }
-function ki({ className: t = "w-5 h-5" }) {
+function Ai({ 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 _i({ 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: "M9 9V4H4m0 0l5 5M9 15v5H4m0 0l5-5M15 9V4h5m0 0l-5 5M15 15v5h5m0 0l-5-5" }) });
 }
-function Ai({ 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.5, children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) });
 }
-function Ti({ 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: "M9 5l7 7-7 7" }) });
 }
-function Ii({ className: t = "w-4 h-4" }) {
+function Ri({ 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 Ci({ 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: "M20 4v16" }),
     /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12l5 4v-8l-5 4z" })
   ] });
 }
-function Ri({ className: t = "w-5 h-5" }) {
+function Ni({ 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 Fi({ className: t = "w-5 h-5" }) {
+function Li({ 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 Ni({ className: t = "w-5 h-5" }) {
+function $i({ 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 kr({ site: t = "control bar", className: e = "ctr-btn" }) {
+function Ar({ site: t = "control bar", className: e = "ctr-btn" }) {
   return /* @__PURE__ */ d(
     "button",
     {
-      onClick: () => tr(t),
+      onClick: () => rr(t),
       className: e,
       title: "Select Media",
       "aria-label": "Select Media",
-      children: /* @__PURE__ */ d(Ni, {})
+      children: /* @__PURE__ */ d($i, {})
     }
   );
 }
-function Li() {
+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 });
   return { panelHidden: s, toggle: () => {
     if (E("chat", s ? "Show chat" : "Hide chat", { isFullscreen: r, chatCollapsed: t }), !s) {
@@ -2141,8 +2145,8 @@ function Li() {
     });
   } };
 }
-function _r({ className: t }) {
-  const { panelHidden: e, toggle: n } = Li(), r = e ? "Show chat" : "Hide chat";
+function Tr({ className: t }) {
+  const { panelHidden: e, toggle: n } = Pi(), r = e ? "Show chat" : "Hide chat";
   return /* @__PURE__ */ d(
     "button",
     {
@@ -2152,38 +2156,38 @@ function _r({ className: t }) {
       title: r,
       "aria-label": r,
       "aria-expanded": !e,
-      children: e ? /* @__PURE__ */ d(Ci, { className: "w-5 h-5" }) : /* @__PURE__ */ d(Ii, { className: "w-5 h-5" })
+      children: e ? /* @__PURE__ */ d(Fi, { className: "w-5 h-5" }) : /* @__PURE__ */ d(Ri, { className: "w-5 h-5" })
     }
   );
 }
-function $i() {
+function Di() {
   const t = x((u) => u.chatCollapsed), e = x((u) => !!u.snapshot.mediaId), n = xt(), r = Et(), s = nt(), i = en(), a = Xt({
     isLeader: i,
     hasMedia: e,
     chatCollapsed: t,
     isFullscreen: n,
     gameOverlay: r !== null
-  }) === "room-corner", l = s && r !== null && !n, o = rr({ hasMedia: e, isFullscreen: n, gameOverlay: r !== null }) === "room-corner";
+  }) === "room-corner", l = s && r !== null && !n, o = ar({ hasMedia: e, isFullscreen: n, gameOverlay: r !== null }) === "room-corner";
   return !a && !l && !o ? null : /* @__PURE__ */ _("div", { className: "absolute top-2 right-2 z-40 flex items-center gap-2", "data-testid": "room-corner-controls", children: [
-    a && /* @__PURE__ */ d(kr, { site: "room corner", className: "corner-btn" }),
+    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" }), Gn(null);
-    }, className: "corner-btn", title: "Stop game", "aria-label": "Stop game", children: /* @__PURE__ */ d(Ri, {}) }),
-    o && /* @__PURE__ */ d(_r, { className: "corner-btn" })
+      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, {}) }),
+    o && /* @__PURE__ */ d(Tr, { className: "corner-btn" })
   ] });
 }
-function Pi() {
-  L(() => Ss((t) => {
-    const e = ws(t);
-    E("avatar", "Avatar changed in the settings popout", { sprite: e, source: t.avatar?.source }), zn(e);
+function Bi() {
+  L(() => xs((t) => {
+    const e = Es(t);
+    E("avatar", "Avatar changed in the settings popout", { sprite: e, source: t.avatar?.source }), Qn(e);
   }), []);
 }
-const Ar = [];
-function _n(t) {
-  Ar.push(t);
+const Ir = [];
+function Tn(t) {
+  Ir.push(t);
 }
 function Qe() {
-  const t = Ar.splice(0);
+  const t = Ir.splice(0);
   for (const e of t)
     try {
       e();
@@ -2192,32 +2196,32 @@ function Qe() {
     }
 }
 let Nt = !1;
-function Bi() {
+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;
   });
 }
-const Di = 400;
-function Oi(t) {
+const Hi = 400;
+function Ui(t) {
   return t === "leader" || t === "viewer" ? t : null;
 }
-async function Hi(t) {
-  const e = xs(), n = await fetch(`${e}/api/rooms/validate/${encodeURIComponent(t)}`);
+async function ji(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 Oi(r?.type);
+  return Ui(r?.type);
 }
-async function Ui(t) {
+async function Gi(t) {
   for (let e = 0; e < 2; e++)
     try {
-      const n = await Hi(t);
+      const n = await ji(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, Di));
+        await new Promise((r) => setTimeout(r, Hi));
         continue;
       }
       C("room", "Room key type probe failed, falling back to socket truth", Y(n));
@@ -2225,16 +2229,16 @@ async function Ui(t) {
 }
 function Pe(t, e) {
   const r = x.getState().allocateClientSeq(), s = { kind: t, client_seq: r, ...e || {} };
-  return Jn().emit(Qn.CONTROL, s), r;
+  return qn().emit(Yn.CONTROL, s), r;
 }
-function _c(t) {
+function Tc(t) {
   return Pe("load", { media_id: t });
 }
-function ji() {
+function Wi() {
   return Pe("home");
 }
-function Gi() {
-  const t = Ka(), e = fr(), n = nt(), r = hr(), s = n && r && !e.ready, i = !e.ready && !s;
+function Vi() {
+  const t = za(), e = pr(), n = nt(), r = mr(), s = n && r && !e.ready, i = !e.ready && !s;
   return /* @__PURE__ */ d(
     "button",
     {
@@ -2254,13 +2258,13 @@ function Gi() {
       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(wi, {}) : /* @__PURE__ */ d(Si, {})
+      children: t.playing ? /* @__PURE__ */ d(Ei, {}) : /* @__PURE__ */ d(xi, {})
     }
   );
 }
-function Wi() {
+function Ki() {
   function t() {
-    E("controls", "Unload episode clicked"), ji();
+    E("controls", "Unload episode clicked"), Wi();
   }
   return /* @__PURE__ */ d(
     "button",
@@ -2269,29 +2273,29 @@ function Wi() {
       className: "ctr-btn",
       title: "Unload episode (return to lobby)",
       "aria-label": "Unload episode",
-      children: /* @__PURE__ */ d(Fi, {})
+      children: /* @__PURE__ */ d(Li, {})
     }
   );
 }
-function Ki(t) {
+function zi(t) {
   return !t.isLeader || t.durationMs === 0 ? !0 : !t.ready && !t.canOverride;
 }
-function Vi(t) {
+function Ji(t) {
   return t.localValue !== null ? t.localValue : t.displayPlayheadMs ?? t.snapshotPlayheadMs;
 }
-function zi(t, e) {
+function Qi(t, e) {
   return e <= 0 ? 0 : t / e;
 }
 function Lt(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 Ji({ durationMs: t, displayPlayheadMs: e }) {
-  const n = x((S) => S.snapshot), r = x((S) => S.readiness), s = nt(), i = hr(), 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);
+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));
   const F = e ?? n.playheadMs;
-  !p && g !== null && Math.abs(F - g) < Wn && h(null);
-  const k = t || 0, m = Vi({ localValue: g, displayPlayheadMs: e, snapshotPlayheadMs: n.playheadMs }), T = P(0);
+  !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);
   L(() => {
     if (p || g === null) return;
     const S = 1e4 - (Date.now() - T.current), I = setTimeout(() => {
@@ -2304,8 +2308,8 @@ function Ji({ durationMs: t, displayPlayheadMs: e }) {
     return () => clearTimeout(I);
   }, [F, p, g]);
   const R = U((S) => {
-    const I = S.currentTarget.getBoundingClientRect(), D = S.clientX - I.left, H = D / I.width, j = Math.round(H * k);
-    c(D), f(Math.max(0, Math.min(j, k)));
+    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)));
   }, [k]), b = U(() => {
     c(null);
   }, []);
@@ -2319,8 +2323,8 @@ function Ji({ durationMs: t, displayPlayheadMs: e }) {
           min: 0,
           max: k,
           value: m,
-          disabled: Ki({ isLeader: s, ready: r.ready, canOverride: a, durationMs: k }),
-          style: { "--progress": `${zi(m, k) * 100}%` },
+          disabled: zi({ 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();
@@ -2352,7 +2356,7 @@ function Ji({ durationMs: t, displayPlayheadMs: e }) {
     /* @__PURE__ */ d("span", { className: "text-[11px] font-mono text-text-muted w-[45px] text-left shrink-0", children: Lt(k) })
   ] });
 }
-function Qi({ videoRef: t }) {
+function Yi({ 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;
@@ -2363,7 +2367,7 @@ function Qi({ videoRef: t }) {
     r(f), f > 0 && n && s(!1);
   }, a = () => {
     s(!n);
-  }, l = () => n || e === 0 ? /* @__PURE__ */ d(xi, {}) : e < 0.5 ? /* @__PURE__ */ d(Ei, {}) : /* @__PURE__ */ d(Mi, {}), o = n ? 0 : e, c = Math.round(o * 100);
+  }, 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);
   return /* @__PURE__ */ _("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ d(
       "button",
@@ -2396,7 +2400,7 @@ function Qi({ videoRef: t }) {
     ] })
   ] });
 }
-function qi({
+function Xi({
   tracks: t,
   selectedIndex: e,
   onSelect: n
@@ -2420,7 +2424,7 @@ function qi({
     )
   ] });
 }
-function Yi({
+function Zi({
   tracks: t,
   selectedIndex: e,
   onSelect: n,
@@ -2457,13 +2461,13 @@ function Yi({
     )
   ] });
 }
-const Xi = [
+const eo = [
   { value: "classic", label: "Classic" },
   { value: "cinema", label: "Cinema" },
   { value: "minimal", label: "Minimal" },
   { value: "contrast", label: "High Contrast" }
 ];
-function Zi({ style: t, onStyleChange: e, enabled: n }) {
+function to({ 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(
@@ -2474,12 +2478,12 @@ function Zi({ 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: Xi.map((r) => /* @__PURE__ */ d("option", { value: r.value, children: r.label }, r.value))
+        children: eo.map((r) => /* @__PURE__ */ d("option", { value: r.value, children: r.label }, r.value))
       }
     )
   ] }) : null;
 }
-function eo({ videoRef: t }) {
+function no({ videoRef: t }) {
   const [e, n] = $(!1);
   L(() => {
     const s = () => {
@@ -2509,11 +2513,11 @@ function eo({ videoRef: t }) {
       },
       className: "ctr-btn",
       title: e ? "Exit Fullscreen" : "Enter Fullscreen",
-      children: e ? /* @__PURE__ */ d(_i, {}) : /* @__PURE__ */ d(ki, {})
+      children: e ? /* @__PURE__ */ d(Ti, {}) : /* @__PURE__ */ d(Ai, {})
     }
   );
 }
-function to({
+function ro({
   videoRef: t,
   mediaId: e,
   durationMs: n,
@@ -2538,19 +2542,19 @@ function to({
     chatCollapsed: A,
     isFullscreen: F,
     gameOverlay: m
-  }) === "control-bar", R = rr({ hasMedia: !0, isFullscreen: F, gameOverlay: m }) === "control-bar", b = x((z) => z.floatingChatEnabled), S = P(null), I = P(null), [D, H] = $(!1), [j, V] = $(!1), [X, N] = $(""), [O, Q] = $(!1), W = ur(), [re, le] = $(!1), [Re, Ve] = $(!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), Mt = 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 && (Hn(he, Me), N(""), W.clear(), Q(!0), setTimeout(() => Q(!1), Un), !document.hidden && document.hasFocus() && I.current?.focus());
+    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]);
-  const Be = r ?? !0, ye = U(() => {
+  const De = r ?? !0, ye = U(() => {
     const z = S.current;
     if (!z) return;
     const { scrollLeft: he, scrollWidth: Me, clientWidth: kt } = z;
-    H(he > 5), V(he + kt < Me - 5);
+    H(he > 5), K(he + kt < Me - 5);
   }, []);
   L(() => {
     const z = S.current;
@@ -2560,8 +2564,8 @@ function to({
     return he.observe(z), () => {
       z.removeEventListener("scroll", ye), he.disconnect();
     };
-  }, [ye, Be]);
-  const De = U((z) => {
+  }, [ye, De]);
+  const Be = U((z) => {
     const he = S.current;
     if (!he) return;
     const Me = z === "left" ? -200 : 200;
@@ -2570,12 +2574,12 @@ function to({
   if (!e) return null;
   const we = [
     "ctr-bar",
-    Be && "show"
-  ].filter(Boolean).join(" "), rt = D || j;
+    De && "show"
+  ].filter(Boolean).join(" "), rt = B || j;
   return /* @__PURE__ */ _(
     "div",
     {
-      className: `ctr-bar-wrapper ${Be ? "show" : ""}`,
+      className: `ctr-bar-wrapper ${De ? "show" : ""}`,
       onFocus: (z) => {
         z.target instanceof HTMLSelectElement && y?.(!0);
       },
@@ -2588,18 +2592,18 @@ function to({
       children: [
         /* @__PURE__ */ _("div", { ref: S, className: we, children: [
           w && /* @__PURE__ */ _("div", { className: "cluster", children: [
-            /* @__PURE__ */ d(Gi, {}),
-            T && /* @__PURE__ */ d(kr, {}),
-            /* @__PURE__ */ d(Wi, {})
+            /* @__PURE__ */ d(Vi, {}),
+            T && /* @__PURE__ */ d(Ar, {}),
+            /* @__PURE__ */ d(Ki, {})
           ] }),
-          /* @__PURE__ */ d("div", { className: "cluster-seek", children: /* @__PURE__ */ d(Ji, { durationMs: n, displayPlayheadMs: g }) }),
+          /* @__PURE__ */ d("div", { className: "cluster-seek", children: /* @__PURE__ */ d(qi, { durationMs: n, displayPlayheadMs: g }) }),
           /* @__PURE__ */ _("div", { className: "cluster", children: [
-            /* @__PURE__ */ d(Qi, { videoRef: t }),
+            /* @__PURE__ */ d(Yi, { videoRef: t }),
             s.length > 1 && /* @__PURE__ */ _(Se, { children: [
               /* @__PURE__ */ d("div", { className: "w-px h-5 bg-white/20" }),
               " ",
               /* @__PURE__ */ d(
-                qi,
+                Xi,
                 {
                   tracks: s,
                   selectedIndex: i,
@@ -2610,7 +2614,7 @@ function to({
           ] }),
           l.length > 0 && /* @__PURE__ */ _("div", { className: "cluster", children: [
             /* @__PURE__ */ d(
-              Yi,
+              Zi,
               {
                 tracks: l,
                 selectedIndex: o,
@@ -2620,7 +2624,7 @@ function to({
               }
             ),
             /* @__PURE__ */ d(
-              Zi,
+              to,
               {
                 style: p,
                 onStyleChange: v,
@@ -2636,15 +2640,15 @@ function to({
               onDrop: W.onDrop,
               onDragOver: W.onDragOver,
               children: [
-                /* @__PURE__ */ d(dr, { pending: W.pending, uploading: W.uploading, onRemove: W.remove }),
+                /* @__PURE__ */ d(fr, { pending: W.pending, uploading: W.uploading, onRemove: W.remove }),
                 /* @__PURE__ */ d(
-                  er,
+                  nr,
                   {
                     open: re,
                     onClose: () => le(!1),
                     onPick: W.addMeme,
                     onUnavailable: () => {
-                      Ve(!0), le(!1);
+                      Ke(!0), le(!1);
                     }
                   }
                 ),
@@ -2655,7 +2659,7 @@ function to({
                     type: "text",
                     value: X,
                     onChange: (z) => {
-                      N(z.target.value.slice(0, jn)), h?.();
+                      N(z.target.value.slice(0, Wn)), h?.();
                     },
                     onKeyDown: (z) => {
                       Mt(z);
@@ -2682,27 +2686,27 @@ function to({
             }
           ),
           /* @__PURE__ */ _("div", { className: "cluster cluster-tight", children: [
-            R && /* @__PURE__ */ d(_r, { className: "ctr-btn" }),
-            /* @__PURE__ */ d(eo, { videoRef: t })
+            R && /* @__PURE__ */ d(Tr, { className: "ctr-btn" }),
+            /* @__PURE__ */ d(no, { videoRef: t })
           ] })
         ] }),
         rt && /* @__PURE__ */ _("div", { className: "ctr-scroll-group", children: [
           /* @__PURE__ */ d(
             "button",
             {
-              className: `ctr-scroll-btn ${D ? "visible" : ""}`,
-              onClick: () => De("left"),
+              className: `ctr-scroll-btn ${B ? "visible" : ""}`,
+              onClick: () => Be("left"),
               "aria-label": "Scroll left",
-              children: /* @__PURE__ */ d(Ai, {})
+              children: /* @__PURE__ */ d(Ii, {})
             }
           ),
           /* @__PURE__ */ d(
             "button",
             {
               className: `ctr-scroll-btn ${j ? "visible" : ""}`,
-              onClick: () => De("right"),
+              onClick: () => Be("right"),
               "aria-label": "Scroll right",
-              children: /* @__PURE__ */ d(Ti, {})
+              children: /* @__PURE__ */ d(Ci, {})
             }
           )
         ] })
@@ -2710,44 +2714,44 @@ function to({
     }
   );
 }
-const no = 1e3;
-function ro(t) {
-  return t.hidden && t.roomPlaying && !t.seekInFlight && !t.ended && !t.localPause && t.sinceUserPauseMs >= no;
+const so = 1e3;
+function ao(t) {
+  return t.hidden && t.roomPlaying && !t.seekInFlight && !t.ended && !t.localPause && t.sinceUserPauseMs >= so;
 }
-function so(t, e) {
+function io(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 ao = 1e3;
-function io(t) {
+const oo = 1e3;
+function co(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 oo(t, e, n) {
+function lo(t, e, n) {
   return t.playheadMs + (t.playing ? Math.max(0, n - e) : 0);
 }
-function Tr(t) {
+function Cr(t) {
   const e = t.split("/").filter(Boolean);
   return e.length >= 2 ? e.slice(-2).join(" ") : e[e.length - 1] || t;
 }
-function co(t) {
+function uo(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 lo({ mediaId: t, visible: e }) {
-  return t ? /* @__PURE__ */ d("div", { className: `media-title ${e ? "show" : ""}`, children: Tr(t) }) : null;
+function fo({ mediaId: t, visible: e }) {
+  return t ? /* @__PURE__ */ d("div", { className: `media-title ${e ? "show" : ""}`, children: Cr(t) }) : null;
 }
-const qe = 3, uo = 1e3, fo = 15e3, Z = {
+const qe = 3, ho = 1e3, po = 15e3, Z = {
   EQUAL: 1e-3,
   POINT: 0.05,
   RANGE: 0.1,
   FALLBACK: 1
 }, $t = 0.5, Pt = 3e3;
 function ct(t, e = {}) {
-  const { baseMs: n = uo, capMs: r = fo, 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 = 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;
   return i + a;
 }
-const An = 15, ho = 35e3, po = 2e3, Bt = 10;
+const In = 15, mo = 35e3, go = 2e3, Dt = 10;
 function Ie(t, e) {
   if (t.length === 0) return 0;
   if (e >= t[t.length - 1].end_ms) return t.length - 1;
@@ -2772,7 +2776,7 @@ function Ye(t, e, n = Z.POINT) {
     if (e >= t.start(r) - n && e <= t.end(r)) return r;
   return -1;
 }
-function Dt(t, e, n, r = Z.RANGE) {
+function Bt(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;
@@ -2781,23 +2785,23 @@ function Dt(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 mo(t) {
+function bo(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 go = 8e5, bo = 4;
+const yo = 8e5, vo = 4;
 function ot(t) {
   if (t === 0) return 6e4;
-  const e = go / t * 1e3 * bo;
+  const e = yo / t * 1e3 * vo;
   return Math.max(3e4, Math.min(12e4, Math.round(e)));
 }
-function Tn(t, e) {
+function Cn(t, e) {
   for (let n = e; n >= 0; n--)
     if (t[n]?.keyframe) return n;
   return -1;
 }
-function yo(t, e, n, r) {
+function So(t, e, n, r) {
   const s = t * 1e3 - 100, i = e * 1e3 + 100;
   for (const a of r) {
     const l = n[a];
@@ -2806,7 +2810,7 @@ function yo(t, e, n, r) {
   }
   return !1;
 }
-function vo(t) {
+function wo(t) {
   const e = [], n = t.replace(/\r\n/g, `
 `).split(`
 `);
@@ -2816,7 +2820,7 @@ function vo(t) {
   for (; r < n.length; ) {
     const s = n[r].trim();
     if (s.includes("-->")) {
-      const i = s.split("-->"), a = In(i[0].trim()), l = i[1].trim().split(/\s+/), o = In(l[0]);
+      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];
@@ -2855,16 +2859,16 @@ function vo(t) {
   }
   return e;
 }
-function In(t) {
+function Rn(t) {
   const e = t.split(":");
   if (e.length < 2) return null;
   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 So(t) {
+function xo(t) {
   return t.replace(/<\/?[^>]+(>|$)/g, "").replace(/\{[^}]+\}/g, "").replace(/\\N/g, " ").replace(/\s*\n\s*/g, " ").replace(/\s{2,}/g, " ").trim();
 }
-const wo = {
+const Eo = {
   // 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
@@ -2874,7 +2878,7 @@ const wo = {
   // Accessibility-focused: bold white text on solid black box
   contrast: "text-white font-bold bg-black px-3 py-1"
 };
-function xo({ subtitleUrl: t, videoRef: e, style: n, enabled: r }) {
+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(() => {
     if (!t) return;
@@ -2888,7 +2892,7 @@ function xo({ 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 = vo(S);
+          const I = wo(S);
           i(I);
           return;
         } catch (b) {
@@ -2928,8 +2932,8 @@ function xo({ subtitleUrl: t, videoRef: e, style: n, enabled: r }) {
     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, D = m.videoHeight || 1080, H = Math.min(S / I, b / D), j = D * H, V = (b - j) / 2, X = Math.max(16, j * 0.035), N = Math.max(X * 0.8, j * 0.055);
-      u(Math.max(V + N, 40)), p(X);
+      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);
     };
     return R(), window.addEventListener("resize", R), m.addEventListener("loadedmetadata", R), () => {
       window.removeEventListener("resize", R), m.removeEventListener("loadedmetadata", R);
@@ -2958,8 +2962,8 @@ function xo({ subtitleUrl: t, videoRef: e, style: n, enabled: r }) {
       children: /* @__PURE__ */ d(
         "div",
         {
-          className: `${R} font-medium max-w-[95%] inline-block antialiased ${wo[n]}`,
-          children: So(b.text)
+          className: `${R} font-medium max-w-[95%] inline-block antialiased ${Eo[n]}`,
+          children: xo(b.text)
         }
       )
     },
@@ -2996,7 +3000,7 @@ function xo({ subtitleUrl: t, videoRef: e, style: n, enabled: r }) {
     k(A.bl, A.bc, A.br, { bottom: `${c}px` }, o)
   ] });
 }
-const Eo = 300, Mo = 50, ko = 100, _o = 100, Ao = 100, To = 100;
+const ko = 300, _o = 50, Ao = 100, To = 100, Io = 100, Co = 100;
 function Ot(t, e) {
   if (t.length === 0) return 0;
   const n = Math.min(Math.floor(e / 100 * t.length), t.length - 1);
@@ -3014,10 +3018,10 @@ function Ne(t) {
     max: Math.round(e[e.length - 1])
   };
 }
-function Le(t, e = Eo) {
+function Le(t, e = ko) {
   t.length > e && t.splice(0, t.length - e);
 }
-class Io {
+class Ro {
   // Fetch
   _fetches = [];
   _fetchTimeoutCount = 0;
@@ -3075,11 +3079,11 @@ class Io {
   }
   /** Called when waitForAppend times out. */
   recordAppendTimeout(e, n, r) {
-    this._appendTimeouts.push({ index: e, timeoutMs: n, queueDepth: r, ts: performance.now() }), Le(this._appendTimeouts, Mo);
+    this._appendTimeouts.push({ index: e, timeoutMs: n, queueDepth: r, ts: performance.now() }), Le(this._appendTimeouts, _o);
   }
   /** 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, ko);
+    this._seeks.push({ caller: e, targetMs: n, durationMs: r, ts: performance.now() }), Le(this._seeks, Ao);
   }
   /** Called when waitForSeeked resolves via timeout rather than the 'seeked' event. */
   recordWaitForSeekedTimeout() {
@@ -3101,11 +3105,11 @@ class Io {
     this._stallStart && (this._stalls.push({
       ...this._stallStart,
       durationMs: Math.round(performance.now() - this._stallStart.ts)
-    }), Le(this._stalls, _o), this._stallStart = null);
+    }), Le(this._stalls, To), 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, Ao);
+    this._evictCounts[e] = (this._evictCounts[e] ?? 0) + 1, this._evicts.push({ reason: e, start: n, end: r, ts: performance.now() }), Le(this._evicts, Io);
   }
   /** Called from FragmentManager.reconcileLoadedStates() when the browser's
    *  own silent quota eviction is detected (fragments 'loaded' but gone from
@@ -3147,7 +3151,7 @@ class Io {
       },
       audio: {
         driftMs: Ne(this._audioDrifts),
-        highDriftCount: this._audioDrifts.filter((c) => c > To).length,
+        highDriftCount: this._audioDrifts.filter((c) => c > Co).length,
         samples: this._audioDrifts.slice(-20).map((c) => Math.round(c))
       },
       stalls: {
@@ -3196,9 +3200,9 @@ class Io {
     this._fetches = [], this._fetchTimeoutCount = 0, this._fetchErrorCount = 0, this._appends = [], this._appendStarts.clear(), this._appendTimeouts = [], this._seeks = [], this._waitForSeekedTimeouts = 0, this._audioDrifts = [], this._stalls = [], this._stallStart = null, this._evictCounts = {}, this._evicts = [], this._browserEvictions = [];
   }
 }
-const oe = new Io();
-Kn("__WP_PERF__", oe);
-class Co {
+const oe = new Ro();
+zn("__WP_PERF__", oe);
+class Fo {
   cache = /* @__PURE__ */ new Map();
   getOrCreate(e) {
     let n = this.cache.get(e);
@@ -3237,8 +3241,8 @@ class Co {
     this.cache.clear();
   }
 }
-const ve = new Co(), Cn = 60, Ro = 5e3;
-class Fo {
+const ve = new Fo(), Fn = 60, No = 5e3;
+class Lo {
   constructor(e) {
     this.deps = e;
   }
@@ -3318,7 +3322,7 @@ class Fo {
     if (this.evictStartedAt === 0)
       return this.evictStartedAt = Date.now(), !0;
     const e = Date.now() - this.evictStartedAt;
-    return e < Ro ? !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 < 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);
   }
   /** Called on dispose, on SourceBuffer error, and on media change
    *  (FragmentManager.setIndex) — see the note at that call site. */
@@ -3361,8 +3365,8 @@ class Fo {
     const s = e / 1e3, i = n.buffered, a = this.deps.getPendingSeekTargetMs(), l = a === null ? null : a / 1e3;
     for (let o = 0; o < i.length; o++) {
       const c = i.start(o), u = i.end(o);
-      if (c < s - Cn && u > s) {
-        const y = s - Cn;
+      if (c < s - Fn && u > s) {
+        const y = s - Fn;
         E("buffer", `EVICT-START [behind-tail-trim] range=${c.toFixed(2)}-${u.toFixed(2)} → trim [${c.toFixed(2)}-${y.toFixed(2)}] playhead=${s.toFixed(2)}`), this._doEvict(c, y, "behind-tail-trim");
         return;
       }
@@ -3483,13 +3487,13 @@ class Ze {
    *  hold began. Lets processAppendQueue bound a hold that would otherwise
    *  never end — see APPEND_HOLD_MAX_MS. */
   appendHold = null;
-  eviction = new Fo({
+  eviction = new Lo({
     getFragments: () => this.fragments,
     getSourceBuffer: () => this.sourceBuffer,
     getMediaSource: () => this.mediaSource,
     isDisposed: () => this.disposed,
     fragmentStates: this.fragmentStates,
-    getPendingSeekTargetMs: () => this.pendingSeekTargetMs !== null && Date.now() - this.pendingSeekSetAtMs > ho ? null : this.pendingSeekTargetMs
+    getPendingSeekTargetMs: () => this.pendingSeekTargetMs !== null && Date.now() - this.pendingSeekSetAtMs > mo ? null : this.pendingSeekTargetMs
   });
   lastGapWarnMs = 0;
   stableGapSignature = null;
@@ -3515,7 +3519,7 @@ class Ze {
   // timing, and APPEND-HOLD reason counts. Read by emitInitDigest() which warns
   // once at gate-pass time so the load shape is visible in session logs without
   // wp:reportLogs=true.
-  static INIT_TRACK_FRAGS = Es;
+  static INIT_TRACK_FRAGS = ks;
   loadStartTs = 0;
   initFetchStart = 0;
   initFetchEnd = 0;
@@ -3590,8 +3594,8 @@ class Ze {
    * `fragment-route.realmedia.test.ts`; this is the client-side backstop.
    */
   async tryFragmentRoute(e, n, r) {
-    if (this.fragmentRouteDisabled || !this.delivery || !Ms()) return null;
-    const s = ks(this.delivery, e);
+    if (this.fragmentRouteDisabled || !this.delivery || !_s()) return null;
+    const s = As(this.delivery, e);
     if (!s)
       return this.disableFragmentRoute(e, "could not build a URL for this config"), null;
     try {
@@ -3718,14 +3722,14 @@ class Ze {
       }
       this.initAppendDone = performance.now(), this.initState = "loaded", this.initRetryCount = 0, E("buffer", `INIT-LOADED sbRanges=[${ge(this.sourceBuffer?.buffered).join(", ")}]`), this.processAppendQueue();
     } catch (l) {
-      ee("buffer", "Init segment fetch/append failed", { error: l.message }), a() || (this.initState = "pending", this.initRetryCount += 1, this.initRetryCount >= _s ? (this.initFailed = !0, C("buffer", "INIT-GIVE-UP — init segment failed repeatedly; rejecting waiters for fast recovery", {
+      ee("buffer", "Init segment fetch/append failed", { error: l.message }), a() || (this.initState = "pending", this.initRetryCount += 1, this.initRetryCount >= Ts ? (this.initFailed = !0, C("buffer", "INIT-GIVE-UP — init segment failed repeatedly; rejecting waiters for fast recovery", {
         attempts: this.initRetryCount,
         error: l.message
       }), this.rejectAllWaiters(new Error("init segment failed after repeated retries"))) : this.disposed || setTimeout(() => {
         !this.disposed && this.initState === "pending" && this.fetchInit().catch((o) => {
           ee("buffer", "INIT-RETRY failed", Y(o));
         });
-      }, As));
+      }, Is));
     }
   }
   /** Runs inside updateend after an append completes. Decides whether MSE
@@ -3813,7 +3817,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 || yo(o, c, this.fragments, n) || r.push(`${o.toFixed(2)}-${c.toFixed(2)}`);
+      c <= s || So(o, c, this.fragments, n) || r.push(`${o.toFixed(2)}-${c.toFixed(2)}`);
     }
     if (r.length === 0) {
       this.stableGapSignature = null, this.stableGapSince = 0;
@@ -3967,7 +3971,7 @@ class Ze {
     for (const [s, i] of this.fragmentStates) {
       if (i !== "loaded") continue;
       const a = this.fragments[s];
-      a && (Dt(e, a.start_ms, a.end_ms) || (this.fragmentStates.set(s, "pending"), n.push(s)));
+      a && (Bt(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)";
@@ -3986,7 +3990,7 @@ class Ze {
     if (this.isBuffered(e)) return { status: "buffered", fragmentIndex: n };
     const r = this.currentJobs.get(n);
     if (r) return { status: "loading", fragmentIndex: n, existingPromise: r.promise };
-    const s = Math.max(0, n - An), i = Math.min(this.fragments.length - 1, n + An);
+    const s = Math.max(0, n - In), i = Math.min(this.fragments.length - 1, n + In);
     for (let a = s; a <= i; a++) {
       const l = this.fragmentStates.get(a);
       if (l === "loaded" || l === "loading") return { status: "nearby-pending", fragmentIndex: n };
@@ -4015,7 +4019,7 @@ class Ze {
       for (let y = l; y <= h; y++)
         this.discardCounts.delete(y), this.fetchErrorCycles.delete(y);
     }
-    const o = tn(this.fragments, e), c = this.fragments[o], u = c && this.sourceBuffer?.buffered && Dt(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 && 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);
     this.initRange && this.initState !== "loaded" && await this.fetchInit();
     const v = [], g = [];
     for (let h = f; h <= p; h++) {
@@ -4123,7 +4127,7 @@ class Ze {
                 bytes: p.buf.byteLength,
                 ttfbMs: p.ttfbMs,
                 cf: p.cfStatus
-              }), E("buffer", `FETCH-OK #${e} [${i}] ${p.buf.byteLength}B in ${Math.round(k)}ms via=frag-route (ttfb=${p.ttfbMs}ms cf=${p.cfStatus || "-"})`), k > 0 && (this.downloadSamples.push({ bytes: p.buf.byteLength, durationMs: k }), this.downloadSamples.length > Bt && this.downloadSamples.shift(), oe.recordFetch(e, p.buf.byteLength, k)), this.disposed || this.mediaUrl !== f) {
+              }), E("buffer", `FETCH-OK #${e} [${i}] ${p.buf.byteLength}B in ${Math.round(k)}ms via=frag-route (ttfb=${p.ttfbMs}ms cf=${p.cfStatus || "-"})`), k > 0 && (this.downloadSamples.push({ bytes: p.buf.byteLength, durationMs: k }), this.downloadSamples.length > Dt && this.downloadSamples.shift(), oe.recordFetch(e, p.buf.byteLength, k)), this.disposed || this.mediaUrl !== f) {
                 E("buffer", `FETCH-STALE #${e} discarding frag-route bytes (mediaUrl changed)`);
                 return;
               }
@@ -4166,7 +4170,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 > Bt && 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: 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) {
               E("buffer", `FETCH-STALE #${e} discarding (mediaUrl changed)`);
               return;
             }
@@ -4179,7 +4183,7 @@ class Ze {
             }
             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 > Bt && 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}`);
+              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}`);
             } 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) {
@@ -4211,10 +4215,10 @@ class Ze {
     if (e <= 0 || this.fragments.length === 0 || this.fragments[0].keyframe === void 0) return !1;
     const n = this.fragments[e];
     if (!n || n.keyframe) return !1;
-    const r = Tn(this.fragments, e - 1);
+    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 ? Dt(this.sourceBuffer.buffered, s.start_ms, s.end_ms) : !1) return !1;
+    if (this.sourceBuffer ? Bt(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];
@@ -4222,7 +4226,7 @@ class Ze {
         l.push(o);
         continue;
       }
-      Tn(this.fragments, o.index - 1) === r ? (a.push(o.index), this.fragmentStates.set(o.index, "pending")) : l.push(o);
+      Cn(this.fragments, o.index - 1) === r ? (a.push(o.index), this.fragmentStates.set(o.index, "pending")) : l.push(o);
     }
     return a.length === 0 ? !1 : (this.appendQueue = l, C("buffer", `APPEND-DROP-DEPENDENT [${a.join(",")}] — keyframe #${r} in error, not in SB`, {
       kfIdx: r,
@@ -4253,7 +4257,7 @@ class Ze {
     if (this.appendHold?.index !== e)
       return this.appendHold = { index: e, since: r }, !1;
     const s = r - this.appendHold.since;
-    if (s < Ts) return !1;
+    if (s < Cs) return !1;
     C("buffer", `APPEND-HOLD-BREAK #${e} held ${s}ms behind ${n.length} pending fetch(es) — declaring them dead so the queue can drain`, {
       headIndex: e,
       heldMs: s,
@@ -4317,7 +4321,7 @@ class Ze {
     if (this.disposed || !this.sourceBuffer || (this.currentPlayheadMs = e, this.currentJobs.size >= ze)) return;
     const n = Ie(this.fragments, e), r = Math.min(this.fragments.length - 1, Ie(this.fragments, e + Xe)), s = Date.now();
     for (let a = n; a <= r; a++)
-      this.fragmentStates.get(a) === "error" && s - (this.errorTimestamps.get(a) ?? 0) >= Is && ((this.fetchErrorCycles.get(a) ?? 0) >= hn ? E("buffer", `PREFETCH-DEAD #${a} cycles=${this.fetchErrorCycles.get(a)} not resetting`) : (this.fragmentStates.set(a, "pending"), this.errorTimestamps.delete(a)));
+      this.fragmentStates.get(a) === "error" && s - (this.errorTimestamps.get(a) ?? 0) >= Rs && ((this.fetchErrorCycles.get(a) ?? 0) >= hn ? E("buffer", `PREFETCH-DEAD #${a} cycles=${this.fetchErrorCycles.get(a)} not resetting`) : (this.fragmentStates.set(a, "pending"), this.errorTimestamps.delete(a)));
     let i = 0;
     for (let a = n; a <= r && i < ze - this.currentJobs.size; a++) {
       const l = this.fragmentStates.get(a);
@@ -4348,7 +4352,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) <= po && (this.pendingSeekTargetMs = null), this.eviction.evictBefore(e);
+    this.pendingSeekTargetMs !== null && Math.abs(e - this.pendingSeekTargetMs) <= go && (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
@@ -4496,7 +4500,7 @@ class Ze {
     return { ranges: e, gaps: e.length > 1, fragmentStates: n };
   }
   getAverageDownloadRate() {
-    return mo(this.downloadSamples);
+    return bo(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,
@@ -4570,7 +4574,7 @@ class Ze {
         if (this.eosRetryTimer) return;
         this.eosRetryTimer = setTimeout(() => {
           this.eosRetryTimer = null, this.tryEndOfStream();
-        }, Cs);
+        }, Fs);
         return;
       }
     try {
@@ -4583,28 +4587,28 @@ 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 No(t, e) {
+function $o(t, e) {
   return !!t && t !== "eng" && e;
 }
-function Lo(t) {
-  return t.override !== null ? t.override : t.globalEnabled || No(t.selectedAudioLang, t.hasEngSub);
+function Po(t) {
+  return t.override !== null ? t.override : t.globalEnabled || $o(t.selectedAudioLang, t.hasEngSub);
 }
-const Ir = "wp_reload_history", nn = "wp_phantom_reload", Cr = 5 * 6e4, Rn = 3;
-function $o() {
+const Rr = "wp_reload_history", nn = "wp_phantom_reload", Fr = 5 * 6e4, Nn = 3;
+function Do() {
   try {
-    const t = sessionStorage.getItem(Ir);
-    return (t ? JSON.parse(t) : []).filter((n) => Date.now() - n < Cr);
+    const t = sessionStorage.getItem(Rr);
+    return (t ? JSON.parse(t) : []).filter((n) => Date.now() - n < Fr);
   } catch {
     return [];
   }
 }
 function zt(t, e) {
-  const n = $o();
-  if (n.length >= Rn) {
+  const n = Do();
+  if (n.length >= Nn) {
     pn(
       "error",
       "buffer",
-      `AUTO-RELOAD SUPPRESSED reason=${t} — ${n.length} reloads in ${Cr / 6e4}m, giving up (connection looks unstable)`,
+      `AUTO-RELOAD SUPPRESSED reason=${t} — ${n.length} reloads in ${Fr / 6e4}m, giving up (connection looks unstable)`,
       e
     );
     try {
@@ -4617,17 +4621,17 @@ function zt(t, e) {
     return !1;
   }
   try {
-    n.push(Date.now()), sessionStorage.setItem(Ir, JSON.stringify(n)), sessionStorage.setItem(nn, String(Date.now()));
+    n.push(Date.now()), sessionStorage.setItem(Rr, JSON.stringify(n)), sessionStorage.setItem(nn, String(Date.now()));
   } catch {
   }
-  pn("error", "buffer", `AUTO-RELOAD reason=${t} attempt=${n.length}/${Rn}`, e);
+  pn("error", "buffer", `AUTO-RELOAD reason=${t} attempt=${n.length}/${Nn}`, e);
   try {
     window.location.reload();
   } catch {
   }
   return !0;
 }
-function Fn() {
+function Ln() {
   try {
     const t = sessionStorage.getItem(nn);
     return t ? Number(t) : null;
@@ -4635,13 +4639,13 @@ function Fn() {
     return null;
   }
 }
-function Po() {
+function Bo() {
   try {
     sessionStorage.removeItem(nn);
   } catch {
   }
 }
-function Bo() {
+function Oo() {
   const t = navigator;
   try {
     return typeof t.getAutoplayPolicy == "function" ? t.getAutoplayPolicy("mediaelement") : void 0;
@@ -4649,20 +4653,20 @@ function Bo() {
     return;
   }
 }
-function Do(t, e) {
+function Ho(t, e) {
   return t === "disallowed" ? "deferred" : e ? "user-muted" : t === "allowed-muted" ? "muted-bridge" : "audible";
 }
-function Rr(t, e) {
-  const n = Bo(), r = Do(n, e.userWantsMuted);
+function Nr(t, e) {
+  const n = Oo(), r = Ho(n, e.userWantsMuted);
   E(e.label, "autoplay plan", { policy: n ?? "unknown", plan: r, userWantsMuted: e.userWantsMuted });
   const s = () => {
     t.muted = !0, t.play().then(() => {
-      e.onMutedBridge?.(), _n(() => {
+      e.onMutedBridge?.(), Tn(() => {
         e.userWantsMuted || (t.muted = !1, e.onUnmuted?.(), E(e.label, "autoplay bridge unmuted on interaction"));
       });
     }).catch((i) => C(e.label, "muted-bridge play failed", { error: i?.name }));
   };
-  return r === "deferred" ? (_n(() => {
+  return r === "deferred" ? (Tn(() => {
     t.play().catch((i) => C(e.label, "deferred play retry failed", { error: i?.name }));
   }), r) : r === "muted-bridge" ? (s(), r) : (t.muted = e.userWantsMuted, t.play().catch((i) => {
     i?.name === "NotAllowedError" && !e.userWantsMuted ? s() : i?.name !== "AbortError" && C(e.label, "video.play() failed", { error: i?.name, message: i?.message });
@@ -4674,7 +4678,7 @@ const ht = {
   /** Room-level seeks from snapshot changes — highest priority. */
   SEEK_EFFECT: 3
 };
-function Fr(t, e = 3e3) {
+function Lr(t, e = 3e3) {
   return new Promise((n) => {
     if (!t.seeking) {
       n();
@@ -4693,7 +4697,7 @@ function Fr(t, e = 3e3) {
     t.addEventListener("seeked", s, { once: !0 });
   });
 }
-class Oo {
+class Uo {
   // ── State ──
   _seekInFlight = !1;
   /** Route taken by the in-flight seek (buffered/loading/nearby-pending/far) —
@@ -4772,7 +4776,7 @@ class Oo {
       } else
         E("seek-coord", `ALREADY BUFFERED [${s}] target=${Math.round(r)}ms`);
       const p = r / 1e3;
-      a.currentTime = p, await Fr(a), this._checkAborted(n);
+      a.currentTime = p, await Lr(a), this._checkAborted(n);
       const v = a.currentTime * 1e3, g = Math.round(performance.now() - o);
       C("seek-coord", `SEEK-DIGEST [${s}] route=${this._lastSeekRoute} ${g}ms`, {
         targetMs: Math.round(r),
@@ -4876,7 +4880,7 @@ class Oo {
   }
   _resume(e) {
     const n = x.getState();
-    Rr(e, {
+    Nr(e, {
       userWantsMuted: n.mediaPrefs.muted,
       onMutedBridge: () => x.getState().setMutedForAutoplay(!0),
       onUnmuted: () => x.getState().setMutedForAutoplay(!1),
@@ -4885,14 +4889,14 @@ class Oo {
   }
 }
 let lt = null;
-function Ho() {
-  lt === null && (E("health", "Starting health reporting"), Nn(), lt = window.setInterval(Nn, Rs));
+function jo() {
+  lt === null && (E("health", "Starting health reporting"), $n(), lt = window.setInterval($n, Ns));
 }
-function Uo() {
+function Go() {
   lt !== null && (E("health", "Stopping health reporting"), window.clearInterval(lt), lt = null);
 }
-function Nn() {
-  const t = Jn();
+function $n() {
+  const t = qn();
   if (!t.connected) return;
   const e = x.getState();
   if (!e.snapshot.mediaId) return;
@@ -4910,7 +4914,7 @@ function Nn() {
     (o < 0 || v < o) && (o = v);
   }
   const c = Math.max(0, a - s), u = o < 0 ? c : Math.min(c, o), f = e.drift.rtts.length > 0 ? e.drift.rtts.reduce((p, v) => p + v, 0) / e.drift.rtts.length : 0;
-  t.emit(Qn.HEALTH_REPORT, {
+  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),
@@ -4922,13 +4926,13 @@ function Nn() {
     fragments_error: i.fragmentStates.error || 0,
     video_ready_state: r?.readyState ?? -1,
     duration_ms: n.getMediaEndMs(),
-    delivery_arm: Ns(),
-    ...jo(r),
-    pong_age_ms: Fs(),
+    delivery_arm: $s(),
+    ...Wo(r),
+    pong_age_ms: Ls(),
     reported_at: Date.now()
   });
 }
-function jo(t) {
+function Wo(t) {
   const e = typeof navigator > "u" ? void 0 : navigator, n = e?.connection;
   return {
     page_visible: typeof document.visibilityState == "string" ? document.visibilityState === "visible" : void 0,
@@ -4940,8 +4944,8 @@ function jo(t) {
     net_downlink_mbps: typeof n?.downlink == "number" && n.downlink >= 0 ? n.downlink : void 0
   };
 }
-const Go = 3e3;
-function Wo() {
+const Vo = 3e3;
+function Ko() {
   const [t, e] = $(!1), n = P(null), r = P(!1), s = () => {
     n.current && (clearTimeout(n.current), n.current = null);
   }, i = U((o = 3e3) => {
@@ -4951,7 +4955,7 @@ function Wo() {
   }, []), a = U(() => {
     r.current || (s(), e(!1));
   }, []), l = U((o) => {
-    r.current !== o && (r.current = o, o ? (s(), e(!0)) : i(Go));
+    r.current !== o && (r.current = o, o ? (s(), e(!0)) : i(Vo));
   }, [i]);
   return L(() => {
     const o = () => {
@@ -4962,27 +4966,27 @@ function Wo() {
     };
   }, [i]), { controlsVisible: t, showControls: i, hideControls: a, setControlsHeld: l };
 }
-const Nr = [], Lr = [], Ko = {
-  fragments: Nr,
+const $r = [], Pr = [], zo = {
+  fragments: $r,
   durationMs: null,
   mseCodec: null,
   initSegment: void 0,
-  audioTracks: Lr,
+  audioTracks: Pr,
   contentToken: null
 };
-function Vo(t, e) {
-  if (!t || t.url !== e) return Ko;
+function Jo(t, e) {
+  if (!t || t.url !== e) return zo;
   const n = t.data;
   return {
-    fragments: n.fragments || Nr,
+    fragments: n.fragments || $r,
     durationMs: n.duration_ms || null,
     mseCodec: n.mse_codec || null,
     initSegment: n.init_segment || void 0,
-    audioTracks: n.audio_tracks || Lr,
+    audioTracks: n.audio_tracks || Pr,
     contentToken: n.content_token || null
   };
 }
-function Ln(t) {
+function Pn(t) {
   try {
     const e = performance.getEntriesByName(t, "resource");
     if (!e.length) return null;
@@ -5000,7 +5004,7 @@ function Ln(t) {
     return null;
   }
 }
-function zo(t) {
+function Qo(t) {
   const [e, n] = $(null);
   return L(() => {
     const r = new AbortController();
@@ -5021,7 +5025,7 @@ function zo(t) {
           const u = await o.text(), f = Math.round(performance.now() - l) - c, p = JSON.parse(u), v = Math.round(performance.now() - l) - c - f, g = c + f + v;
           if (r.signal.aborted) return;
           n({ url: t, data: p });
-          const h = Ln(t);
+          const h = Pn(t);
           E("mse", "Index loaded", {
             attempt: i + 1,
             headerMs: c,
@@ -5039,7 +5043,7 @@ function zo(t) {
         } catch (o) {
           if (r.signal.aborted) return;
           i++;
-          const c = Math.round(performance.now() - l), u = Ln(t);
+          const c = Math.round(performance.now() - l), u = Pn(t);
           C("mse", `Index fetch attempt ${i} failed (${c}ms)`, {
             error: o?.message,
             elapsedMs: c,
@@ -5053,7 +5057,7 @@ function zo(t) {
     return s(), () => {
       r.abort();
     };
-  }, [t]), Ee(() => Vo(e, t), [e, t]);
+  }, [t]), Ee(() => Jo(e, t), [e, t]);
 }
 const Ht = {
   audioTracks: [],
@@ -5061,10 +5065,10 @@ const Ht = {
   selectedAudioIndex: 0,
   selectedSubtitleIndex: 0
 };
-function Jo(t) {
-  const [e, n] = $(Ht), r = Ls(), s = x((u) => u.mediaPrefs.preferredAudioLang), [i, a] = $(t);
+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));
-  const l = fe(() => ({ origin: $s(r), preferredAudioLang: s }));
+  const l = fe(() => ({ origin: Ds(r), preferredAudioLang: s }));
   L(() => {
     if (!t) return;
     const u = new AbortController(), { origin: f, preferredAudioLang: p } = l();
@@ -5097,12 +5101,12 @@ function Jo(t) {
     setSelectedSubtitleIndex: c
   };
 }
-const Qo = 100;
-function qo(t) {
-  return !t.roomPlaying || t.videoPaused ? "not-playing" : t.seekInFlight ? "seeking" : t.advancedMs > Qo ? "advancing" : "stalled";
+const Yo = 100;
+function Xo(t) {
+  return !t.roomPlaying || t.videoPaused ? "not-playing" : t.seekInFlight ? "seeking" : t.advancedMs > Yo ? "advancing" : "stalled";
 }
-const Ut = 4e4, Yo = 3e3;
-function Xo(t, e, n, r, s, i) {
+const Ut = 4e4, Zo = 3e3;
+function ec(t, e, n, r, s, i) {
   const a = fe((w) => {
     const A = {};
     return (i?.current ?? []).forEach((k, m) => {
@@ -5127,23 +5131,23 @@ function Xo(t, e, n, r, s, i) {
     function F() {
       A();
       const S = t.current;
-      S && (h.current = S.currentTime, g.current = setTimeout(k, Yo));
+      S && (h.current = S.currentTime, g.current = setTimeout(k, Zo));
     }
     function k() {
       g.current = null;
       const S = t.current;
       if (!S) return;
-      const I = x.getState(), D = n.current, H = qo({
+      const I = x.getState(), B = n.current, H = Xo({
         roomPlaying: I.snapshot.playing,
         videoPaused: S.paused,
-        seekInFlight: !!D?.seekInFlight,
+        seekInFlight: !!B?.seekInFlight,
         advancedMs: (S.currentTime - h.current) * 1e3
       });
       if (H !== "stalled") {
         y.current = null, H !== "not-playing" && F();
         return;
       }
-      const j = S.currentTime * 1e3, V = e.current, X = Date.now();
+      const j = S.currentTime * 1e3, K = e.current, X = Date.now();
       y.current === null && (y.current = X);
       const N = X - y.current;
       if (C("sync", "SILENT-STALL playhead frozen with no `waiting` event", {
@@ -5151,25 +5155,25 @@ function Xo(t, e, n, r, s, i) {
         readyState: S.readyState,
         frozenMs: N,
         // Reported for correlation only — see comment above; may look healthy.
-        reportedBufferedAheadMs: Math.round(V?.getBufferedAheadMs(j) ?? -1),
+        reportedBufferedAheadMs: Math.round(K?.getBufferedAheadMs(j) ?? -1),
         // Per-track geometry. `reportedBufferedAheadMs` above is VIDEO's and read
         // a healthy 30s through the entire cedar-ridge 2026-08-25 freeze; the
         // starved track only shows up here. A track whose `bufferedEndMs` equals
         // the playhead is the one that stopped the playhead.
-        video: V?.getTrackDiag(j),
+        video: K?.getTrackDiag(j),
         ...a(j)
-      }), l(j, "silent-stall"), V) {
-        V.reconcileLoadedStates();
-        const O = V.findNextRangeStart(j, Pt);
-        O !== null && D ? (C("sync", "SILENT-STALL gap-skip", {
+      }), l(j, "silent-stall"), K) {
+        K.reconcileLoadedStates();
+        const O = K.findNextRangeStart(j, Pt);
+        O !== null && B ? (C("sync", "SILENT-STALL gap-skip", {
           currentMs: Math.round(j),
           gapSkipTarget: Math.round(O)
-        }), D.submit({
+        }), B.submit({
           targetMs: O,
           priority: ht.VIEWER_CORRECTION,
           caller: "silent-stall-gap-skip",
           pauseSeekResume: !1
-        }).catch((Q) => ee("sync", "SILENT-STALL gap-skip seek threw", Y(Q)))) : V.fetchNearby(j).catch((Q) => {
+        }).catch((Q) => ee("sync", "SILENT-STALL gap-skip seek threw", Y(Q)))) : K.fetchNearby(j).catch((Q) => {
           const W = Y(Q);
           W.name !== "AbortError" && C("sync", "SILENT-STALL fetchNearby failed", {
             currentMs: Math.round(j),
@@ -5178,11 +5182,11 @@ function Xo(t, e, n, r, s, i) {
         });
       }
       if (N >= Ut) {
-        V?.dumpBufferDiagnostics(j, "silent-stall-reload"), zt("silent-stall", {
+        K?.dumpBufferDiagnostics(j, "silent-stall-reload"), zt("silent-stall", {
           frozenMs: N,
           currentTime: +S.currentTime.toFixed(2),
           readyState: S.readyState,
-          loaded: V?.getLoadedCount?.() ?? -1
+          loaded: K?.getLoadedCount?.() ?? -1
         }), y.current = null;
         return;
       }
@@ -5194,16 +5198,16 @@ function Xo(t, e, n, r, s, i) {
     function T() {
       const S = w.currentTime * 1e3;
       f.current = Date.now();
-      const I = x.getState(), D = 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);
+      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),
         readyState: w.readyState,
-        playing: D,
+        playing: B,
         isLeader: H,
         serverMsAtStall: Math.round(j)
       }), oe.recordStallStart(S, e.current?.getBufferedAheadMs(S) ?? -1);
-      const V = e.current, X = n.current, N = V?.getBufferedAheadMs(S) ?? 0;
-      if (V && N < 1e3 && V.dumpBufferDiagnostics(S, "stall-onset"), D && N >= 1e3) {
+      const K = e.current, X = n.current, N = K?.getBufferedAheadMs(S) ?? 0;
+      if (K && N < 1e3 && K.dumpBufferDiagnostics(S, "stall-onset"), B && N >= 1e3) {
         const O = a(S);
         Object.keys(O).length > 0 && C("sync", "STALL-TRACKS video buffer healthy at stall — per-track geometry", {
           currentMs: Math.round(S),
@@ -5211,9 +5215,9 @@ function Xo(t, e, n, r, s, i) {
           ...O
         });
       }
-      if (D && !X?.seekInFlight && S > 0 && l(S, "waiting"), D && V && !X?.seekInFlight && S > 0) {
-        V.reconcileLoadedStates();
-        const O = V.getBufferedAheadMs(S), Q = V.findNextRangeStart(S, Pt);
+      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);
         if (Q !== null && X)
           C("sync", "GAP-SKIP seeking over late-IDR gap", {
             currentMs: Math.round(S),
@@ -5225,7 +5229,7 @@ function Xo(t, e, n, r, s, i) {
             pauseSeekResume: !1
           }).catch((W) => ee("sync", "GAP-SKIP seek threw", Y(W)));
         else if (O < 500) {
-          const W = V.getForwardGapDiag(S);
+          const W = K.getForwardGapDiag(S);
           W && W.nextRangeStartMs !== null && C("sync", "STALL-GAP not skipped", {
             currentMs: Math.round(S),
             atEdge: W.atEdge,
@@ -5233,7 +5237,7 @@ function Xo(t, e, n, r, s, i) {
             nextRangeStartMs: Math.round(W.nextRangeStartMs),
             gapMs: W.gapMs !== null ? Math.round(W.gapMs) : null,
             windowMs: Pt
-          }), V.fetchNearby(S).catch((re) => {
+          }), K.fetchNearby(S).catch((re) => {
             const le = Y(re);
             le.name !== "AbortError" && C("sync", "Stall recovery fetchNearby failed", {
               currentMs: Math.round(S),
@@ -5242,11 +5246,11 @@ function Xo(t, e, n, r, s, i) {
           });
         }
       }
-      H && D && !c.current && (c.current = setTimeout(() => {
+      H && B && !c.current && (c.current = setTimeout(() => {
         c.current = null;
         const O = x.getState(), Q = !!O.snapshot.leaderId && O.snapshot.leaderId === O.me.clientId, W = !!n.current?.seekInFlight;
         Q && !w.paused && w.readyState < 3 && !W && (C("sync", "Leader stall threshold reached — pausing room", { stallMs: mn }), u.current = !0, Pe("pause"));
-      }, mn)), D && !p.current && (v.current = w.currentTime, p.current = setTimeout(() => {
+      }, mn)), B && !p.current && (v.current = w.currentTime, p.current = setTimeout(() => {
         p.current = null;
         const O = t.current;
         if (!O) return;
@@ -5272,17 +5276,17 @@ function Xo(t, e, n, r, s, i) {
     }
     function R() {
       oe.recordStallEnd(), c.current && (clearTimeout(c.current), c.current = null), p.current && (clearTimeout(p.current), p.current = null), y.current = null, F();
-      const S = x.getState(), I = S.snapshot.playing, D = !!S.snapshot.leaderId && S.snapshot.leaderId === S.me.clientId;
-      !I && !w.paused && o(w), D && u.current && !I && (u.current = !1, C("sync", "Leader stall recovered — resuming room", { currentTime: w.currentTime.toFixed(2) }), Pe("play"));
+      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 j = x.getState(), V = j.snapshot.playheadMs + (j.snapshot.playing ? Date.now() - j.snapshotReceivedAt : 0), X = w.currentTime * 1e3;
+      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),
         shouldPlay: I,
         stallDurationMs: H,
         // Positive = viewer is behind server; negative = viewer is ahead.
-        driftMs: H !== null ? Math.round(V - X) : null
+        driftMs: H !== null ? Math.round(K - X) : null
       });
     }
     function b() {
@@ -5293,8 +5297,8 @@ function Xo(t, e, n, r, s, i) {
     };
   }, [r, t, e, n]);
 }
-const Zo = 1.5;
-function ec(t, e, n, r, s, i) {
+const tc = 1.5;
+function nc(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;
   }, []);
@@ -5323,7 +5327,7 @@ function ec(t, e, n, r, s, i) {
     };
     a.current = setInterval(v, gn);
     const g = () => {
-      performance.now() - p >= gn * Zo && v();
+      performance.now() - p >= gn * tc && v();
     };
     if (c && (c.addEventListener("timeupdate", g), l.current = () => c.removeEventListener("timeupdate", g)), c && !n.current?.seekInFlight) {
       p = performance.now();
@@ -5333,13 +5337,13 @@ function ec(t, e, n, r, s, i) {
     return o;
   }, [r, s, t, e, n, i, o]), { stopPrefetch: o };
 }
-function tc(t, e, n, r, s, i) {
+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));
   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) <= Ps) && (E("buffer", "Seek triggered", {
+    o.current = l, !(!g && Math.abs(p - v) <= Bs) && (E("buffer", "Seek triggered", {
       targetMs: p,
       lastApplied: v,
       delta: Math.round(p - v),
@@ -5357,7 +5361,7 @@ function tc(t, e, n, r, s, i) {
     p && v ? (E("sync", "Play/pause sync", { playing: p, videoPaused: v, currentTime: Math.round(f.currentTime * 1e3) }), c(f)) : !p && !v && (E("sync", "Play/pause sync", { playing: p, videoPaused: v, currentTime: Math.round(f.currentTime * 1e3) }), u(f));
   }, [a.playing, r, t, e]);
 }
-function $n(t, e) {
+function Dn(t, e) {
   return new Promise((n, r) => {
     const s = setTimeout(n, t);
     e.addEventListener("abort", () => {
@@ -5365,7 +5369,7 @@ function $n(t, e) {
     }, { once: !0 });
   });
 }
-function nc(t) {
+function sc(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();
@@ -5375,16 +5379,16 @@ function nc(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 } = qn(c.mediaId), p = 3e3, v = async () => {
+        const c = a.videos[o], { mediaUrl: u, indexUrl: f } = Xn(c.mediaId), p = 3e3, v = async () => {
           for (; !l.signal.aborted && (t.current?.getPendingCount() ?? 0) !== 0; )
             try {
-              await $n(2e3, l.signal);
+              await Dn(2e3, l.signal);
             } catch {
               return !1;
             }
           if (l.signal.aborted) return !1;
           try {
-            await $n(p, l.signal);
+            await Dn(p, l.signal);
           } catch {
             return !1;
           }
@@ -5464,11 +5468,11 @@ function nc(t) {
   }, [s, n, r, t]);
 }
 const Te = "bg-play";
-function rc() {
+function ac() {
   const t = x.getState();
   return !!t.snapshot.leaderId && t.snapshot.leaderId === t.me.clientId;
 }
-function sc(t) {
+function ic(t) {
   return typeof Image > "u" ? Promise.resolve(null) : t.reduce(
     (e, n) => e.then((r) => r ?? new Promise((s) => {
       const i = new Image();
@@ -5477,18 +5481,18 @@ function sc(t) {
     Promise.resolve(null)
   );
 }
-function ac(t, e, n, r, s, i) {
+function oc(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 = oo(v.snapshot, v.snapshotReceivedAt, Date.now()), y = io({
+    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,
       elementMs: g,
       roomMs: h,
       durationMs: r,
-      driftToleranceMs: ao
+      driftToleranceMs: oo
     }), w = Math.round(h - g);
     if (y.kind === "none") {
       E(Te, "resync not needed", { reason: u, driftMs: w });
@@ -5501,7 +5505,7 @@ function ac(t, e, n, r, s, i) {
     if (!u || !s) return;
     const f = () => {
       const v = x.getState();
-      ro({
+      ao({
         hidden: document.visibilityState === "hidden",
         roomPlaying: v.snapshot.playing,
         seekInFlight: !!e.current?.seekInFlight,
@@ -5520,16 +5524,16 @@ function ac(t, e, n, r, s, i) {
     if (!u || typeof navigator > "u" || !("mediaSession" in navigator)) return;
     const f = navigator.mediaSession;
     let p = !1;
-    const v = Tr(n), g = (k) => {
+    const v = Cr(n), g = (k) => {
       p || typeof MediaMetadata > "u" || (f.metadata = new MediaMetadata({
         title: v,
         artist: "Watch Party",
         artwork: k ? [{ src: k }] : []
       }));
     };
-    g(null), sc(co(n).map(Bs)).then(g);
+    g(null), ic(uo(n).map(Os)).then(g);
     const h = (k) => () => {
-      const m = x.getState(), T = so(k, { isLeader: rc(), roomPlaying: m.snapshot.playing });
+      const m = x.getState(), T = io(k, { isLeader: ac(), 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();
@@ -5602,12 +5606,12 @@ function ac(t, e, n, r, s, i) {
     };
   }, [t]);
 }
-const ic = 3e5, oc = 1, cc = 1;
+const cc = 3e5, lc = 1, dc = 1;
 function jt(t) {
   ee("buffer", "initializePlayback threw", Y(t));
 }
-function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
-  const r = P(null), [s, i] = $(!1), [a, l] = $(!1), { controlsVisible: o, showControls: c, hideControls: u, setControlsHeld: f } = Wo();
+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();
   L(() => {
     const M = () => l(!!document.fullscreenElement);
     return document.addEventListener("fullscreenchange", M), () => document.removeEventListener("fullscreenchange", M);
@@ -5619,86 +5623,86 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
     initSegment: h,
     audioTracks: y,
     contentToken: w
-  } = zo(e), A = U((M) => {
+  } = Qo(e), A = U((M) => {
     if (!w) return null;
-    const B = t.replace(new RegExp(`/${gt.replace(/\./g, "\\.")}$`), "");
-    return B === t ? null : { baseUrl: B, 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), D = P(0), H = P(0), j = P(null), [V, X] = $(0), N = P([]), O = P([]), Q = P(-1), W = P(!1), re = P(null), le = P(0), Re = P(null), Ve = P(0), Mt = x((M) => M.bufferState), Be = x((M) => M.setBufferState), {
+    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), {
     audioTracks: ye,
-    subtitleTracks: De,
+    subtitleTracks: Be,
     selectedAudioIndex: we,
     setSelectedAudioIndex: rt,
     selectedSubtitleIndex: z,
     setSelectedSubtitleIndex: he
-  } = Jo(n), Me = x((M) => M.mediaPrefs), kt = x((M) => M.mutedForAutoplay), $r = x((M) => M.setMutedForAutoplay), rn = x((M) => M.setSubtitlesEnabled), Pr = x((M) => M.setSubtitleStyle), _t = x((M) => M.setPreferredAudioLang), Br = Me.subtitlesEnabled, sn = Me.subtitleStyle, Dr = ye[we]?.lang, Or = De.some((M) => M.lang === "eng"), [Hr, an] = $(null), st = Lo({
-    override: Hr,
-    globalEnabled: Br,
-    selectedAudioLang: Dr,
-    hasEngSub: Or
-  }), Ur = U(() => {
+  } = 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({
+    override: jr,
+    globalEnabled: Or,
+    selectedAudioLang: Hr,
+    hasEngSub: Ur
+  }), Gr = U(() => {
     const M = !st;
     an(M), rn(M);
   }, [st, rn]), mt = U((M) => {
-    const B = x.getState();
-    Rr(M, {
-      userWantsMuted: B.mediaPrefs.muted,
-      onMutedBridge: () => B.setMutedForAutoplay(!0),
-      onUnmuted: () => B.setMutedForAutoplay(!1),
+    const D = x.getState();
+    Nr(M, {
+      userWantsMuted: D.mediaPrefs.muted,
+      onMutedBridge: () => D.setMutedForAutoplay(!0),
+      onUnmuted: () => D.setMutedForAutoplay(!1),
       label: "video"
     });
   }, []), on = U((M) => {
     M.pause();
-  }, []), [jr, cn] = $(0), [Gr, Wr] = $(n);
-  Gr !== n && (Wr(n), an(null), cn(0)), L(() => {
+  }, []), [Wr, cn] = $(0), [Vr, Kr] = $(n);
+  Vr !== n && (Kr(n), an(null), cn(0)), L(() => {
     const M = r.current;
     if (!M) return;
-    const B = () => {
+    const D = () => {
       cn(Math.round(M.currentTime * 1e3));
     };
-    return M.addEventListener("timeupdate", B), () => M.removeEventListener("timeupdate", B);
+    return M.addEventListener("timeupdate", D), () => M.removeEventListener("timeupdate", D);
   }, []);
   const at = U((M) => {
-    Be({ isBuffering: M });
-  }, [Be]), ln = U((M) => {
-    if (H.current >= cc) {
+    De({ isBuffering: M });
+  }, [De]), ln = U((M) => {
+    if (H.current >= dc) {
       zt("phantom-recreate-exhausted", { reason: M, recreates: H.current, mediaId: n });
       return;
     }
-    H.current += 1, D.current = 0, C("buffer", "MSE-RECREATE — rebuilding MediaSource to clear corrupt buffer", {
+    H.current += 1, B.current = 0, C("buffer", "MSE-RECREATE — rebuilding MediaSource to clear corrupt buffer", {
       reason: M,
       attempt: H.current
-    }), X((B) => B + 1);
+    }), X((D) => D + 1);
   }, [n]);
   async function At() {
-    const M = I.current, B = r.current;
+    const M = I.current, D = r.current;
     if (!M || !p.length || R.current) return;
-    const pe = x.getState().snapshot, K = pe.playheadMs || 0;
-    E("buffer", "Initializing playback", { mediaId: n, startMs: K, playing: pe.playing }), M.setPlayhead(K);
+    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();
     try {
       const ie = N.current, te = ie.map(
-        (G) => G.ensureBuffered(K, "initial-audio").catch((se) => {
+        (G) => G.ensureBuffered(V, "initial-audio").catch((se) => {
           (G.isDisposed ? E : C)("buffer", G.isDisposed ? "Audio FM initial load cancelled by media change" : "Audio FM initial ensureBuffered failed", {
             error: se?.message
           });
         })
       );
-      if (await M.ensureBuffered(K, "initial"), M.isDisposed) return;
-      const ne = Ds;
+      if (await M.ensureBuffered(V, "initial"), M.isDisposed) return;
+      const ne = Hs;
       await Promise.allSettled(te);
       const J = ie.map(
-        (G) => G.waitForBuffered(K + Ce, ne)
-      ), xe = await M.waitForBuffered(K + Ce, ne);
+        (G) => G.waitForBuffered(V + Ce, ne)
+      ), xe = await M.waitForBuffered(V + Ce, ne);
       if (await Promise.allSettled(J), xe || C("buffer", "Buffer gate timeout — proceeding with partial buffer", {
-        startMs: K,
-        aheadMs: Math.round(M.getBufferedAheadMs(K)),
+        startMs: V,
+        aheadMs: Math.round(M.getBufferedAheadMs(V)),
         targetMs: Ce
       }), M.isDisposed) return;
-      if (M.getBufferedAheadMs(K) > ic && M.getLoadedCount() === 0) {
-        M.dumpBufferDiagnostics(K, "phantom-detected"), C("buffer", "PHANTOM-BUFFER detected at gate — recreating MediaSource", {
-          gateAheadMs: Math.round(M.getBufferedAheadMs(K)),
+      if (M.getBufferedAheadMs(V) > cc && 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(),
-          startMs: Math.round(K),
+          startMs: Math.round(V),
           recreateAttempt: H.current,
           mediaId: n
         }), ln("phantom-buffer");
@@ -5706,42 +5710,42 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
       }
       const Oe = Math.round(performance.now() - de);
       E("buffer", "Buffer gate passed", {
-        aheadMs: Math.round(M.getBufferedAheadMs(K)),
+        aheadMs: Math.round(M.getBufferedAheadMs(V)),
         totalMs: Oe
       });
       const ke = xe ? "gate-pass" : "gate-timeout";
-      M.emitInitDigest("video", ke), ie.forEach((G, se) => G.emitInitDigest(`audio:${se}`, ke)), T.current || (T.current = !0, Os(n));
-      let q = K;
-      if (B && q > 0) {
-        const G = B.buffered;
+      M.emitInitDigest("video", ke), ie.forEach((G, se) => G.emitInitDigest(`audio:${se}`, ke)), T.current || (T.current = !0, Us(n));
+      let q = V;
+      if (D && q > 0) {
+        const G = D.buffered;
         if (G.length > 0) {
           const se = q / 1e3, ae = G.start(0);
           se < ae && ae - se < 1 && (q = ae * 1e3);
         }
-        B.currentTime = q / 1e3, await Fr(B, 3e3);
+        D.currentTime = q / 1e3, await Lr(D, 3e3);
       }
-      le.current = q, i(!0), R.current = !0, D.current = 0, Fn() && C("buffer", "RECOVERY-SUCCESS — playback initialized after an auto-reload", { mediaId: n }), Po(), 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 }), Bo(), E("buffer", "initializePlayback complete", {
         mediaId: n,
-        startMs: K,
+        startMs: V,
         seekMs: q,
         initDurationMs: Math.round(performance.now() - de)
       });
       const He = x.getState().snapshot;
-      if (B && He.playing && B.paused && (E("buffer", "initializePlayback: calling play()", { playing: He.playing }), mt(B)), M.isDisposed) return;
+      if (D && He.playing && D.paused && (E("buffer", "initializePlayback: calling play()", { playing: He.playing }), mt(D)), M.isDisposed) return;
       const ce = x.getState();
       if (!(!!ce.snapshot.leaderId && ce.snapshot.leaderId === ce.me.clientId) && ce.snapshot.playing)
         try {
           const G = Date.now() - ce.snapshotReceivedAt, se = ce.snapshot.playheadMs + G;
           if (E("buffer", "Viewer correction computed", {
-            startMs: K,
+            startMs: V,
             playheadMs: ce.snapshot.playheadMs,
             elapsed: G,
             correctedMs: se,
-            deltaSec: ((se - K) / 1e3).toFixed(1),
+            deltaSec: ((se - V) / 1e3).toFixed(1),
             initialBufferMs: Oe
-          }), se > K) {
+          }), se > V) {
             const ae = re.current;
-            if (B && ae) {
+            if (D && ae) {
               const ue = x.getState(), me = Date.now() - ue.snapshotReceivedAt, Ue = ue.snapshot.playheadMs + me, Ae = Ue > se ? Ue : se;
               await ae.submit({
                 targetMs: Ae,
@@ -5750,7 +5754,7 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
                 pauseSeekResume: !0,
                 onComplete: (Fe) => {
                   le.current = Fe, E("buffer", "Viewer correction applied", {
-                    startMs: K,
+                    startMs: V,
                     correctedMs: se,
                     seekTarget: Ae,
                     actualMs: Fe,
@@ -5775,7 +5779,7 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
           error: ie?.message
         }), i(!0), R.current = !0;
         const te = x.getState().snapshot;
-        B && te.playing && B.paused && mt(B);
+        D && te.playing && D.paused && mt(D);
       } else {
         const te = ie?.message || "";
         if (M.isDisposed || te.includes("FragmentManager disposed")) {
@@ -5785,23 +5789,23 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
           return;
         }
         const ne = te.includes("SourceBuffer is full"), J = te.includes("init segment failed");
-        D.current += 1, ne || J || D.current > oc ? (ee("buffer", "Initialize playback failed — recreating MediaSource", {
+        B.current += 1, ne || J || B.current > lc ? (ee("buffer", "Initialize playback failed — recreating MediaSource", {
           error: te,
           mediaId: n,
-          attempt: D.current,
+          attempt: B.current,
           sbFull: ne,
           initFailed: J
         }), ln(ne ? "sourcebuffer-full" : J ? "init-failed" : "init-retry-cap")) : (ee("buffer", "Initialize playback error — will retry in 3s", {
           error: te,
           mediaId: n,
-          attempt: D.current
+          attempt: B.current
         }), setTimeout(() => {
           I.current && !M.isDisposed && !R.current && (E("buffer", "Retrying initializePlayback"), At().catch(jt));
         }, 3e3));
       }
     }
   }
-  const Kr = fe(() => ({
+  const zr = fe(() => ({
     useMseAudio: k,
     selectedAudioIndex: we,
     mseAudioTracks: y,
@@ -5813,14 +5817,14 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
     if (!g) return;
     const {
       useMseAudio: M,
-      selectedAudioIndex: B,
+      selectedAudioIndex: D,
       mseAudioTracks: pe,
-      fragments: K,
+      fragments: V,
       deliveryFor: de,
       initializePlayback: ie
-    } = Kr();
-    j.current !== n && (j.current = n, H.current = 0, D.current = 0);
-    const te = Fn();
+    } = zr();
+    j.current !== n && (j.current = n, H.current = 0, B.current = 0);
+    const te = Ln();
     te && C("buffer", "POST-AUTO-RELOAD — this load follows an auto-reload recovery", {
       reloadAtMs: te,
       sinceReloadMs: Date.now() - te,
@@ -5831,14 +5835,14 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
     S.current = J;
     const xe = new Ze(at);
     I.current = xe;
-    const Oe = ++Ve.current;
+    const Oe = ++Ke.current;
     window.__FRAGMENT_MANAGER__ = xe, window.__AUDIO_FRAGMENT_MANAGERS__ = N.current;
-    const ke = new Oo({
+    const ke = new Uo({
       videoRef: r,
       fragmentManagerRef: I,
       audioFragmentManagersRef: N
     });
-    re.current = ke, window.__SEEK_COORDINATOR__ = ke, Ho();
+    re.current = ke, window.__SEEK_COORDINATOR__ = ke, jo();
     const q = r.current, He = () => {
       const G = q?.error;
       G && (ee("video", `Media error code=${G.code}: ${G.message}`, {
@@ -5859,7 +5863,7 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
             updating: se.updating
           });
         }), xe.setSourceBuffer(se, J), M) {
-          const ae = Math.max(0, Math.min(B, pe.length - 1)), ue = pe[ae], me = ue.mse_codec;
+          const ae = Math.max(0, Math.min(D, pe.length - 1)), ue = pe[ae], me = ue.mse_codec;
           if (!MediaSource.isTypeSupported(me))
             C("mse", `Audio codec not supported: ${me}, track=${ue.track_id}`);
           else
@@ -5883,8 +5887,8 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
           const Ue = r.current;
           Ue && (Ue.muted = !1);
         }
-        if (K.length) {
-          if (xe.setIndex(K, t, h, n, de()), xe.epoch = Oe, M) {
+        if (V.length) {
+          if (xe.setIndex(V, t, h, 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, "/");
@@ -5904,7 +5908,7 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
       }
     };
     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), Uo(), 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), Go(), 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])
@@ -5921,14 +5925,14 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
         }
       Re.current?.(), R.current = !1, T.current = !1, b.current = null, i(!1);
     };
-  }, [t, n, g, h, at, V]);
-  const Vr = fe(() => {
-    const M = I.current, B = Ve.current;
+  }, [t, n, g, h, at, K]);
+  const Jr = fe(() => {
+    const M = I.current, D = Ke.current;
     if (S.current?.readyState === "open" && b.current && p.length && M) {
-      if (M.hasIndex && M.epoch === B) return;
-      if (M.setIndex(p, t, h, n, A()), M.epoch = B, k) {
-        const pe = t.replace(new RegExp(`/${gt.replace(/\./g, "\\.")}$`), ""), K = Q.current, de = N.current[0], ie = K >= 0 ? y[K] : void 0;
-        if (de && ie && !(de.hasIndex && de.epoch === B)) {
+      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 (de && ie && !(de.hasIndex && de.epoch === D)) {
           const te = `${pe}/${ie.path}`.replace(/\\/g, "/");
           de.setIndex(
             ie.fragments,
@@ -5936,24 +5940,24 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
             ie.init_segment,
             `${n}::audio::${ie.track_id}`,
             A(ie.track_id)
-          ), de.epoch = B;
+          ), de.epoch = D;
         }
       }
       R.current || At().catch(jt);
     }
   });
   L(() => {
-    Vr();
+    Jr();
   }, [p, t, h, y]), L(() => {
     const M = () => {
       I.current?.abortStaleJobs("socket-reconnect");
-      for (const B of N.current) B.abortStaleJobs("socket-reconnect");
+      for (const D of N.current) D.abortStaleJobs("socket-reconnect");
     };
     return window.addEventListener("watchparty:socket-reconnect", M), () => window.removeEventListener("watchparty:socket-reconnect", M);
   }, []), L(() => (window.__AUDIO_SELECT__ = (M) => {
     rt(M);
-    const B = ye[M];
-    B?.lang && _t(B.lang);
+    const D = ye[M];
+    D?.lang && _t(D.lang);
   }, () => {
     window.__AUDIO_SELECT__ = null;
   }), [ye, rt, _t]), L(() => {
@@ -5967,12 +5971,12 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
       C("audio", `MSE audio swap skipped — MediaSource readyState=${M?.readyState}`);
       return;
     }
-    const B = r.current;
-    if (!B) return;
-    const pe = we, K = y[pe], de = Ve.current;
+    const D = r.current;
+    if (!D) return;
+    const pe = we, V = y[pe], de = Ke.current;
     W.current = !0;
-    const ie = Math.round(B.currentTime * 1e3);
-    E("audio", `MSE audio swap START idx=${Q.current}→${pe} lang=${K.lang} playheadMs=${ie}`), (async () => {
+    const ie = Math.round(D.currentTime * 1e3);
+    E("audio", `MSE audio swap START idx=${Q.current}→${pe} lang=${V.lang} playheadMs=${ie}`), (async () => {
       try {
         const te = N.current[0], ne = O.current[0];
         if (!ne) {
@@ -5999,39 +6003,39 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
         }
         const J = new Ze(
           at,
-          { suppressEndOfStream: !0, label: `audio:${K.track_id}` }
+          { suppressEndOfStream: !0, label: `audio:${V.track_id}` }
         );
         J.setSourceBuffer(ne, M);
-        const Oe = `${t.replace(new RegExp(`/${gt.replace(/\./g, "\\.")}$`), "")}/${K.path}`.replace(/\\/g, "/");
+        const Oe = `${t.replace(new RegExp(`/${gt.replace(/\./g, "\\.")}$`), "")}/${V.path}`.replace(/\\/g, "/");
         J.setIndex(
-          K.fragments,
+          V.fragments,
           Oe,
-          K.init_segment,
-          `${n}::audio::${K.track_id}`,
-          A(K.track_id)
+          V.init_segment,
+          `${n}::audio::${V.track_id}`,
+          A(V.track_id)
         ), J.epoch = de, N.current.length = 0, N.current.push(J), Q.current = pe;
-        const ke = re.current?.inFlightTargetMs ?? Math.round(B.currentTime * 1e3), q = new AbortController();
+        const ke = re.current?.inFlightTargetMs ?? Math.round(D.currentTime * 1e3), q = new AbortController();
         J.setPlayhead(ke);
         const He = J.ensureBuffered(ke, "audio-swap", q.signal);
         J.supersededSignal.addEventListener("abort", () => q.abort(), { once: !0 }), He.catch((ce) => {
           const _e = J.isDisposed || q.signal.aborted;
           (_e ? E : C)("audio", _e ? "audio-swap load superseded by a seek or a later swap" : "audio-swap ensureBuffered failed", { error: ce?.message });
-        }), E("audio", `MSE audio swap DONE idx=${pe} track=${K.track_id}`);
+        }), E("audio", `MSE audio swap DONE idx=${pe} track=${V.track_id}`);
       } finally {
         W.current = !1;
       }
     })().catch((te) => ee("audio", "MSE audio swap failed", Y(te)));
-  }, [k, s, we, y, n, t, at, A]), tc(re, r, le, s, mt, on), Xo(r, I, re, s, on, N), ac(r, re, n, v ?? 0, s, mt);
-  const { stopPrefetch: dn } = ec(r, I, re, s, Be, N);
-  nc(I), L(() => {
+  }, [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(() => {
     Re.current = dn;
   }, [dn]);
-  const zr = U(() => {
+  const Qr = U(() => {
     const M = r.current?.parentElement;
-    M && (document.fullscreenElement ? document.exitFullscreen().catch((B) => C("ui", "exitFullscreen failed", Y(B))) : M.requestFullscreen().catch((B) => C("ui", "requestFullscreen failed", Y(B))));
-  }, []), Jr = U((M) => {
+    M && (document.fullscreenElement ? document.exitFullscreen().catch((D) => C("ui", "exitFullscreen failed", Y(D))) : M.requestFullscreen().catch((D) => C("ui", "requestFullscreen failed", Y(D))));
+  }, []), qr = U((M) => {
     M.preventDefault();
-  }, []), Qr = st && De[z] ? De[z].url : null;
+  }, []), Yr = st && Be[z] ? Be[z].url : null;
   return /* @__PURE__ */ _(
     "div",
     {
@@ -6046,42 +6050,42 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
             ref: r,
             className: "w-full h-full",
             playsInline: !0,
-            onDoubleClick: zr,
-            onContextMenu: Jr
+            onDoubleClick: Qr,
+            onContextMenu: qr
           }
         ),
         /* @__PURE__ */ d(
-          xo,
+          Mo,
           {
-            subtitleUrl: Qr,
+            subtitleUrl: Yr,
             videoRef: r,
             style: sn,
             enabled: st
           }
         ),
-        /* @__PURE__ */ d(lo, { mediaId: n, visible: o }),
+        /* @__PURE__ */ d(fo, { mediaId: n, visible: o }),
         /* @__PURE__ */ d(
-          to,
+          ro,
           {
             videoRef: r,
             mediaId: n,
             durationMs: v || void 0,
             visible: o,
-            displayPlayheadMs: jr,
+            displayPlayheadMs: Wr,
             audioTracks: ye,
             selectedAudioIndex: we,
             onAudioSelect: (M) => {
               rt(M);
-              const B = ye[M];
-              B?.lang && _t(B.lang);
+              const D = ye[M];
+              D?.lang && _t(D.lang);
             },
-            subtitleTracks: De,
+            subtitleTracks: Be,
             selectedSubtitleIndex: z,
             onSubtitleSelect: he,
             subtitlesEnabled: st,
-            onSubtitlesToggle: Ur,
+            onSubtitlesToggle: Gr,
             subtitleStyle: sn,
-            onSubtitleStyleChange: Pr,
+            onSubtitleStyleChange: Br,
             onChatActivity: () => c(5e3),
             onMenuHeld: f
           }
@@ -6092,7 +6096,7 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
             type: "button",
             onClick: () => {
               const M = r.current;
-              M && (M.muted = !1), $r(!1);
+              M && (M.muted = !1), Dr(!1);
             },
             className: "autoplay-sound-badge",
             children: [
@@ -6109,14 +6113,14 @@ function lc({ mediaUrl: t, indexUrl: e, mediaId: n }) {
     }
   );
 }
-function dc() {
-  const t = x((n) => n.snapshot.mediaId), e = Ee(() => t ? { mediaId: t, ...qn(t) } : null, [t]);
-  return e ? /* @__PURE__ */ d(nr, { children: /* @__PURE__ */ d(lc, { mediaUrl: e.mediaUrl, indexUrl: e.indexUrl, mediaId: e.mediaId }) }) : /* @__PURE__ */ d(js, {});
+function fc() {
+  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, {});
 }
-const uc = (t) => {
-  const e = Xs(t);
+const hc = (t) => {
+  const e = ea(t);
   return e.render(
-    /* @__PURE__ */ d(Hs.Provider, { value: Us(), children: /* @__PURE__ */ d(dc, {}) })
+    /* @__PURE__ */ d(js.Provider, { value: Gs(), children: /* @__PURE__ */ d(fc, {}) })
   ), {
     update() {
     },
@@ -6127,21 +6131,21 @@ const uc = (t) => {
       queueMicrotask(() => e.unmount());
     }
   };
-}, fc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, pc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  mount: uc
-}, Symbol.toStringTag, { value: "Module" })), hc = {
+  mount: hc
+}, Symbol.toStringTag, { value: "Module" })), mc = {
   id: "player",
   name: "Media player",
-  load: () => Promise.resolve(fc)
-}, pc = Qt(() => import("./MediaDrawer-CXffVb5D.js"));
-function mc() {
+  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 ? Za(n, window.location.origin) : null,
+    () => n ? ti(n, window.location.origin) : null,
     [n]
-  ), s = Gs(), i = P(!1), [a, l] = $(!1), o = s.roomKey || null;
-  Pi(), L(() => Bi(), []), L(() => {
-    o && Ui(o);
+  ), s = Vs(), i = P(!1), [a, l] = $(!1), o = s.roomKey || null;
+  Bi(), L(() => Oi(), []), L(() => {
+    o && Gi(o);
   }, [o]), L(() => {
     const u = () => l(!0);
     return window.addEventListener(Wt, u), () => window.removeEventListener(Wt, u);
@@ -6153,9 +6157,9 @@ function mc() {
       try {
         await Promise.race([
           Promise.all([
-            Ws(),
             Ks(),
-            Vs().then(zn)
+            zs(),
+            Js().then(Qn)
           ]),
           new Promise((g) => setTimeout(g, f))
         ]);
@@ -6166,7 +6170,7 @@ function mc() {
       const p = x.getState();
       E("room", "Joining room", { roomKey: o, name: p.name, sprite: p.sprite }), e();
       const v = x.getState();
-      zs({
+      Qs({
         room_key: o,
         name: v.name || void 0,
         sprite: v.sprite || void 0
@@ -6180,37 +6184,37 @@ function mc() {
   }
   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: hc, roomKey: t.roomId ?? "", layer: "base" }),
-      r && t.roomId && /* @__PURE__ */ d(nr, { children: /* @__PURE__ */ d(Sn, { activity: r, roomKey: t.roomId, layer: "overlay" }, r.id) }),
-      /* @__PURE__ */ _(vi, { children: [
-        /* @__PURE__ */ d(ii, {}),
-        /* @__PURE__ */ d(mi, {}),
-        /* @__PURE__ */ d($i, {}),
-        /* @__PURE__ */ d(yi, {})
+      /* @__PURE__ */ d(Sn, { activity: mc, 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__ */ d(qa, {}),
-    /* @__PURE__ */ d(Ke.Suspense, { fallback: /* @__PURE__ */ d(ri, { open: a, onClose: c }), children: /* @__PURE__ */ d(pc, { open: a, onClose: c }) })
+    /* @__PURE__ */ d(Xa, {}),
+    /* @__PURE__ */ d(Ve.Suspense, { fallback: /* @__PURE__ */ d(ai, { open: a, onClose: c }), children: /* @__PURE__ */ d(gc, { 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 Ac = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: mc
+  default: bc
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Mc as B,
-  ni as D,
-  Ac as R,
-  kc as S,
-  ti as a,
-  ji as b,
-  Ec as c,
+  _c as B,
+  si as D,
+  Ic as R,
+  Ac as S,
+  ri as a,
+  Wi as b,
+  kc as c,
   nt as d,
-  _c as s,
+  Tc as s,
   en as u
 };
-//# sourceMappingURL=Room-CQy_wCnX.js.map
+//# sourceMappingURL=Room-DjbNxzkP.js.map