@hadoku/watchparty-ui 0.45.26 → 0.45.28

package/dist/room-chrome.js

@@ -1,24 +1,24 @@
 import { jsx as c, jsxs as v, Fragment as ce } from "react/jsx-runtime";
-import Pe, { useState as R, useRef as K, useMemo as J, useCallback as k, useEffect as N, createContext as rt, useContext as ot, useSyncExternalStore as Ln, useId as jn, useEffectEvent as Yt } from "react";
+import Pe, { useState as R, useRef as K, useMemo as J, useCallback as k, useEffect as N, createContext as rt, useContext as Kt, useSyncExternalStore as Ln, useId as jn, useEffectEvent as Wt } from "react";
 import { themePrefs as ie, Icon as Un, THEMES as Fn, useHadokuThemeOptional as Hn } from "@wolffm/themes";
 import { z as o } from "zod";
 import { createCdnClient as $n, kindOfType as Bn, MAX_BYTES as Gn, measureImage as qn, filesFromClipboard as Vn, filesFromDrop as Kn, CdnError as ze } from "@wolffm/cdn-client";
-import { ensureCosmeticsStyles as Wn, cleanWorn as Yn, decorHtml as zn, messageHtml as Xn, nameHtml as Jn } from "@wolffm/prefs-client/cosmetics";
-import { create as Zn } from "zustand";
-import { createPrefsClient as Qn, getDeviceId as er, DEVICE_ID_KEY as tr } from "@wolffm/prefs-client";
-import { io as nr } from "socket.io-client";
-import { createAvatarClient as rr, AvatarError as It } from "@wolffm/prefs-client/avatar";
-import { resolveIdentityReassert as or } from "@wolffm/rooms-protocol";
-import { createPortal as ar } from "react-dom";
-import { useCatalogueSearch as ir } from "@wolffm/cdn-client/react";
-const zt = "https://cdn.hadoku.me", Xt = /^[0-9a-f]{64}\.(?:png|jpe?g|gif|webp|avif)$/;
-function at(e) {
-  return typeof e == "string" && Xt.test(e);
-}
-const it = 8080, Jt = 5173, sr = "/watchparty/ws", Zt = 500, lr = 1e3, Y = 4, Qt = typeof process < "u" && process.env ? process.env : {};
-Qt.PRODUCTION_UI_URL;
-Qt.PRODUCTION_SERVER_URL;
-const Ie = o.enum(["S", "A", "B", "C", "D", "F"]), Ct = 2e4, cr = 300;
+import { ensureCosmeticsStyles as Wn, cleanWorn as Yn, decorHtml as zn, messageHtml as Xn, nameHtml as Jn, finishReveal as Zn } from "@wolffm/prefs-client/cosmetics";
+import { create as Qn } from "zustand";
+import { createPrefsClient as er, getDeviceId as tr, DEVICE_ID_KEY as nr } from "@wolffm/prefs-client";
+import { io as rr } from "socket.io-client";
+import { createAvatarClient as or, AvatarError as _t } from "@wolffm/prefs-client/avatar";
+import { resolveIdentityReassert as ar } from "@wolffm/rooms-protocol";
+import { createPortal as ir } from "react-dom";
+import { useCatalogueSearch as sr } from "@wolffm/cdn-client/react";
+const Yt = "https://cdn.hadoku.me", zt = /^[0-9a-f]{64}\.(?:png|jpe?g|gif|webp|avif)$/;
+function ot(e) {
+  return typeof e == "string" && zt.test(e);
+}
+const at = 8080, Xt = 5173, lr = "/watchparty/ws", Jt = 500, cr = 1e3, Y = 4, Zt = typeof process < "u" && process.env ? process.env : {};
+Zt.PRODUCTION_UI_URL;
+Zt.PRODUCTION_SERVER_URL;
+const Ie = o.enum(["S", "A", "B", "C", "D", "F"]), xt = 2e4, dr = 300;
 o.object({
   name: o.string().min(1).max(32).optional(),
   sprite: o.string().min(1).max(32).optional(),
@@ -45,7 +45,7 @@ const _ = {
   // 'ready_state' here = playback-readiness gate (distinct from READY_EVENTS.STATE = "ready check" UX feature)
   READY_STATE: "ready_state",
   ERROR: "error"
-}, dr = o.enum(["play", "pause", "seek", "load", "home"]), ur = o.object({
+}, ur = o.enum(["play", "pause", "seek", "load", "home"]), mr = o.object({
   framed: o.boolean(),
   depth: o.number().int().nonnegative().max(10)
 });
@@ -53,7 +53,7 @@ o.object({
   room_key: o.string(),
   name: o.string().min(1).max(32).optional(),
   sprite: o.string().min(1).max(32).optional(),
-  embed: ur.optional(),
+  embed: mr.optional(),
   /** Which media-delivery path this client resolved to ('range' | 'fragment').
    *  Optional so older clients still validate. Reported so a party's logs can be split by
    *  arm — without it an A/B rollout is unmeasurable, exactly as entry path was before
@@ -101,13 +101,13 @@ o.object({
 });
 o.object({
   client_seq: o.number().int().positive(),
-  kind: dr,
+  kind: ur,
   to_ms: o.number().int().nonnegative().optional(),
   media_id: o.string().optional()
   // leader_id removed - not needed since set_leader control was removed
 });
-const en = o.object({
-  key: o.string().regex(Xt, "not a CDN image key"),
+const Qt = o.object({
+  key: o.string().regex(zt, "not a CDN image key"),
   /**
    * Intrinsic pixels, or **0 meaning "unknown"**.
    *
@@ -120,8 +120,8 @@ const en = o.object({
    * text went with it, with nothing said. Widening is backward compatible —
    * every message already in history carries positive dimensions.
    */
-  w: o.number().int().nonnegative().max(Ct),
-  h: o.number().int().nonnegative().max(Ct),
+  w: o.number().int().nonnegative().max(xt),
+  h: o.number().int().nonnegative().max(xt),
   /**
    * Human-readable description, rendered as the `alt` text.
    *
@@ -135,14 +135,14 @@ const en = o.object({
    * value only, never as markup. Bounded so one message cannot carry a
    * paragraph; the library's own titles run well under this.
    */
-  title: o.string().max(cr).optional()
+  title: o.string().max(dr).optional()
 });
 o.object({
-  text: o.string().max(Zt),
+  text: o.string().max(Jt),
   style: o.string().max(64).optional(),
-  images: o.array(en).max(Y).optional()
+  images: o.array(Qt).max(Y).optional()
 }).refine((e) => e.text.length > 0 || (e.images?.length ?? 0) > 0, { message: "message must carry text or at least one image" });
-const mr = o.enum(["join", "leave", "media_change", "identity_change", "recap"]);
+const fr = o.enum(["join", "leave", "media_change", "identity_change", "recap"]);
 o.object({
   id: o.string(),
   client_id: o.string(),
@@ -155,11 +155,11 @@ o.object({
   ts: o.number(),
   // Optional so a client on an older bundle still validates a message that
   // has none, and so system messages (which never carry images) stay unchanged.
-  images: o.array(en).max(Y).optional(),
+  images: o.array(Qt).max(Y).optional(),
   isSystem: o.boolean().optional(),
-  systemType: mr.optional()
+  systemType: fr.optional()
 });
-const fr = o.object({
+const pr = o.object({
   avg_download_rate_bps: o.number().nonnegative(),
   buffered_ahead_ms: o.number().nonnegative(),
   rtt_ms: o.number().nonnegative(),
@@ -201,7 +201,7 @@ const fr = o.object({
    *  socket shows here as a growing number while everything else looks fine. */
   pong_age_ms: o.number().int().nonnegative().optional(),
   reported_at: o.number().int().nonnegative()
-}), pr = fr.extend({
+}), hr = pr.extend({
   client_id: o.string(),
   name: o.string(),
   sprite_id: o.string().nullable(),
@@ -212,10 +212,10 @@ const fr = o.object({
   stale_ms: o.number().int().nonnegative().optional()
 });
 o.object({
-  clients: o.array(pr),
+  clients: o.array(hr),
   server_ts: o.number().int().nonnegative()
 });
-const hr = o.object({
+const gr = o.object({
   client_id: o.string(),
   sprite_id: o.string().nullable(),
   name: o.string(),
@@ -233,13 +233,13 @@ const hr = o.object({
   video_ready_state: o.number().int().default(-1)
 });
 o.object({
-  clients: o.array(hr),
+  clients: o.array(gr),
   server_ts: o.number().int().nonnegative()
 });
 o.object({
   media_id: o.string()
 });
-const st = o.enum(["super_upvote", "upvote", "mid", "downvote"]), gr = o.object({
+const it = o.enum(["super_upvote", "upvote", "mid", "downvote"]), yr = o.object({
   mediaId: o.string(),
   displayName: o.string(),
   // Enrichment fields — present for flat-playlist ingest output, absent for
@@ -250,11 +250,11 @@ const st = o.enum(["super_upvote", "upvote", "mid", "downvote"]), gr = o.object(
   durationMs: o.number().optional(),
   uploadDate: o.string().optional()
   // YouTube upload date 'YYYY-MM-DD'; drives playlist order
-}), yr = o.enum(["basic", "vote"]), tn = o.object({
+}), br = o.enum(["basic", "vote"]), en = o.object({
   id: o.string(),
   name: o.string(),
-  type: yr.default("vote"),
-  videos: o.array(gr),
+  type: br.default("vote"),
+  videos: o.array(yr),
   cover: o.string().optional()
   // media-relative path to the playlist cover image
 });
@@ -263,28 +263,28 @@ o.object({ index: o.number().int().min(0) });
 o.object({
   playlistId: o.string(),
   mediaId: o.string(),
-  vote: st
+  vote: it
 });
 o.object({ voterKey: o.string().min(1).max(128) });
 o.object({ playlistId: o.string(), mediaIds: o.array(o.string()) });
 o.object({
-  playlist: tn.nullable(),
+  playlist: en.nullable(),
   activeIndex: o.number().int().nullable(),
-  myVotes: o.record(o.string(), st)
+  myVotes: o.record(o.string(), it)
   // mediaId -> VoteValue
 });
-const br = o.object({
+const vr = o.object({
   clientId: o.string(),
   name: o.string(),
   votedCount: o.number().int().nonnegative(),
   totalVideos: o.number().int().nonnegative()
 });
 o.object({
-  progress: o.array(br)
+  progress: o.array(vr)
 });
 o.object({
-  playlist: tn,
-  votes: o.record(o.string(), o.record(o.string(), st)),
+  playlist: en,
+  votes: o.record(o.string(), o.record(o.string(), it)),
   // votes[clientId][mediaId]
   names: o.record(o.string(), o.string()),
   // clientId -> display name
@@ -305,17 +305,17 @@ const be = {
   RESULTS: "playlist_results",
   /** Server -> the removed voter: forget the ballot you hold in localStorage. */
   VOTES_CLEARED: "playlist_votes_cleared"
-}, nn = o.object({
+}, tn = o.object({
   id: o.string(),
   displayName: o.string(),
   thumbnail: o.string().optional()
 });
 o.object({
-  items: o.array(nn)
+  items: o.array(tn)
 });
-const rn = o.partialRecord(Ie, o.array(o.string()));
-o.object({ board: rn });
-const vr = o.object({
+const nn = o.partialRecord(Ie, o.array(o.string()));
+o.object({ board: nn });
+const Sr = o.object({
   mediaId: o.string(),
   tier: Ie,
   absoluteTier: Ie,
@@ -328,8 +328,8 @@ const vr = o.object({
   // opaque voterId -> the letter they gave
 });
 o.object({
-  items: o.array(nn),
-  placed: o.array(vr),
+  items: o.array(tn),
+  placed: o.array(Sr),
   unrated: o.array(o.string()),
   spread: o.number(),
   nudged: o.boolean(),
@@ -339,9 +339,9 @@ o.object({
    *  browser on a newer bundle still reads an older server's board. */
   pictures: o.record(o.string(), o.string()).optional(),
   voterCount: o.number().int().nonnegative(),
-  myBoard: rn
+  myBoard: nn
 });
-const Sr = {
+const wr = {
   /** Broadcast to EVERY connected socket when anyone saves. Carries no board —
    *  it is a "re-fetch" ping, because the shared result is identical for all
    *  viewers but `myBoard` is not, and one payload cannot serve both. */
@@ -354,10 +354,10 @@ o.object({
   ready: o.array(o.string())
   // clientIds who have flagged ready
 });
-const wr = {
+const _r = {
   STATE: "ready_check_state"
   // distinct from buffer-readiness 'ready_state'
-}, on = {
+}, rn = {
   ACTIVE: "game_active",
   // server -> room   (the open game id; null = none)
   SYNC: "game_sync"
@@ -369,7 +369,7 @@ o.object({
 o.object({
   gameId: o.string().nullable()
 });
-const _r = [
+const xr = [
   {
     id: "fantasy",
     characters: [
@@ -413,37 +413,37 @@ const _r = [
       { id: "mentor", color: "#e1e0dc" }
     ]
   }
-], lt = _r.flatMap((e) => e.characters), je = lt.map((e) => e.id), xr = Object.fromEntries(lt.map((e) => [e.id, e.color])), Ir = Object.fromEntries(lt.map((e) => [e.id, "rev" in e ? e.rev : 1]));
-function Cr(e) {
-  const t = Ir[e];
+], st = xr.flatMap((e) => e.characters), je = st.map((e) => e.id), Ir = Object.fromEntries(st.map((e) => [e.id, e.color])), Cr = Object.fromEntries(st.map((e) => [e.id, "rev" in e ? e.rev : 1]));
+function Tr(e) {
+  const t = Cr[e];
   return `/media/sprites/square_${e}.png${t > 1 ? `?v=${t}` : ""}`;
 }
-function ct(e) {
+function lt(e) {
   return !!e && je.includes(e);
 }
-const Tr = 5e3, an = { mode: "off", percent: 0 }, Ar = ["off", "on", "ab"];
-function Er(e) {
-  return typeof e == "string" && Ar.includes(e);
-}
+const Ar = 5e3, on = { mode: "off", percent: 0 }, Er = ["off", "on", "ab"];
 function kr(e) {
-  const t = e && typeof e == "object" ? e : {}, n = Er(t.mode) ? t.mode : an.mode, r = Number(t.percent), a = Number.isFinite(r) ? Math.min(100, Math.max(0, Math.round(r))) : 0;
-  return { mode: n, percent: a };
+  return typeof e == "string" && Er.includes(e);
 }
 function Nr(e) {
+  const t = e && typeof e == "object" ? e : {}, n = kr(t.mode) ? t.mode : on.mode, r = Number(t.percent), a = Number.isFinite(r) ? Math.min(100, Math.max(0, Math.round(r))) : 0;
+  return { mode: n, percent: a };
+}
+function Pr(e) {
   let t = 2166136261;
   for (let n = 0; n < e.length; n++)
     t ^= e.charCodeAt(n), t = Math.imul(t, 16777619) >>> 0;
   return t >>> 0;
 }
-function Pr(e, t, n) {
+function Rr(e, t, n) {
   if (n === !0)
     return "fragment";
   if (n === !1)
     return "range";
-  const r = kr(e);
-  return r.mode === "on" ? "fragment" : r.mode === "off" || r.percent <= 0 ? "range" : r.percent >= 100 || t && Nr(t) % 100 < r.percent ? "fragment" : "range";
+  const r = Nr(e);
+  return r.mode === "on" ? "fragment" : r.mode === "off" || r.percent <= 0 ? "range" : r.percent >= 100 || t && Pr(t) % 100 < r.percent ? "fragment" : "range";
 }
-const sn = o.enum(["url", "magnet", "upload"]), Rr = o.enum([
+const an = o.enum(["url", "magnet", "upload"]), Or = o.enum([
   "pending",
   "approved",
   "fetching",
@@ -451,7 +451,7 @@ const sn = o.enum(["url", "magnet", "upload"]), Rr = o.enum([
   "ready",
   "rejected",
   "failed"
-]), Tt = {
+]), It = {
   pending: ["approved", "rejected"],
   approved: ["fetching", "rejected", "failed"],
   fetching: ["ingesting", "failed"],
@@ -460,12 +460,12 @@ const sn = o.enum(["url", "magnet", "upload"]), Rr = o.enum([
   rejected: [],
   failed: ["approved"]
 };
-Object.keys(Tt).filter((e) => Tt[e].length === 0);
-const Or = o.object({
+Object.keys(It).filter((e) => It[e].length === 0);
+const Dr = o.object({
   id: o.string().min(1),
   /** Stable userId from whoami. Never the raw `X-User-Key`. */
   ownerUserId: o.string().min(1),
-  kind: sn,
+  kind: an,
   /** The magnet URI, the https URL, or the filetransfer binding id. */
   source: o.string().min(1),
   title: o.string().optional(),
@@ -480,7 +480,7 @@ const Or = o.object({
    * misroute the copy.
    */
   series: o.string().optional(),
-  state: Rr,
+  state: Or,
   createdAt: o.number().int().nonnegative(),
   updatedAt: o.number().int().nonnegative(),
   /** Why it failed, or why an operator rejected it. */
@@ -488,19 +488,19 @@ const Or = o.object({
   /** Size once known. 0 means "known to be empty"; absent means "not yet known" —
    *  the same distinction `chatImages` draws for image dimensions. */
   bytes: o.number().int().nonnegative().optional()
-}), Dr = 4096, ln = 300, Mr = 100;
+}), Mr = 4096, sn = 300, Lr = 100;
 o.object({
-  kind: sn,
-  source: o.string().min(1).max(Dr),
-  title: o.string().min(1).max(ln).optional(),
+  kind: an,
+  source: o.string().min(1).max(Mr),
+  title: o.string().min(1).max(sn).optional(),
   /** Required for `kind: 'magnet'` by `checkSource`; ignored for `url`/`upload`. */
-  series: o.string().min(1).max(Mr).optional()
+  series: o.string().min(1).max(Lr).optional()
 });
 o.object({
-  reason: o.string().min(1).max(ln).optional()
+  reason: o.string().min(1).max(sn).optional()
 });
 o.object({
-  submissions: o.array(Or)
+  submissions: o.array(Dr)
 });
 o.object({
   error: o.literal("submissions/quota_exceeded"),
@@ -509,26 +509,26 @@ o.object({
   /** The cap that was applied, from the server's config. */
   capBytes: o.number().int().nonnegative()
 });
-const Lr = /^[a-z0-9][a-z0-9-]{0,31}$/, At = "https://game-catalog.invalid";
-function jr(e) {
+const jr = /^[a-z0-9][a-z0-9-]{0,31}$/, Ct = "https://game-catalog.invalid";
+function Ur(e) {
   if (!e.startsWith("/") || e.startsWith("//") || /[\\\s]/.test(e) || [...e].some((t) => t.charCodeAt(0) < 32 || t.charCodeAt(0) === 127))
     return !1;
   try {
-    return new URL(e, At).origin === At;
+    return new URL(e, Ct).origin === Ct;
   } catch {
     return !1;
   }
 }
-const cn = o.string().min(2).max(512).refine(jr, {
+const ln = o.string().min(2).max(512).refine(Ur, {
   message: "must be a root-relative path on the page origin (e.g. /cardtable/embed/x.js)"
-}), Ur = {
-  id: o.string().regex(Lr),
+}), Fr = {
+  id: o.string().regex(jr),
   name: o.string().min(1).max(64),
-  cover: cn.optional()
-}, Fr = o.object({ ...Ur, kind: o.literal("module"), url: cn }).strict();
-o.array(Fr).max(32).refine((e) => new Set(e.map((t) => t.id)).size === e.length, { message: "game ids must be unique" });
-const dt = o.enum(["anilist", "tmdb"]), Hr = o.object({
-  source: dt,
+  cover: ln.optional()
+}, Hr = o.object({ ...Fr, kind: o.literal("module"), url: ln }).strict();
+o.array(Hr).max(32).refine((e) => new Set(e.map((t) => t.id)).size === e.length, { message: "game ids must be unique" });
+const ct = o.enum(["anilist", "tmdb"]), $r = o.object({
+  source: ct,
   /** The provider's own id, as a string (AniList and TMDB both use integers). */
   id: o.string(),
   title: o.string(),
@@ -549,11 +549,11 @@ const dt = o.enum(["anilist", "tmdb"]), Hr = o.object({
   addable: o.boolean()
 });
 o.object({
-  results: o.array(Hr),
+  results: o.array($r),
   /** Providers that answered. TMDB is absent when no token is configured. */
-  sources: o.array(dt)
+  sources: o.array(ct)
 });
-const $r = o.object({
+const Br = o.object({
   id: o.string(),
   url: o.string(),
   title: o.string(),
@@ -561,30 +561,30 @@ const $r = o.object({
   durationS: o.number().nullable(),
   thumb: o.string().nullable()
 });
-o.object({ results: o.array($r) });
+o.object({ results: o.array(Br) });
 o.object({
-  source: dt,
+  source: ct,
   id: o.string().regex(/^\d{1,12}$/)
 });
 o.object({ series: o.string(), title: o.string() });
-let ve = null, dn = zt;
-function Br(e) {
-  e.cdnBase && (dn = e.cdnBase);
+let ve = null, cn = Yt;
+function Gr(e) {
+  e.cdnBase && (cn = e.cdnBase);
 }
-function un() {
-  return dn.replace(/\/+$/, "");
+function dn() {
+  return cn.replace(/\/+$/, "");
 }
 function Ue() {
-  const e = un();
+  const e = dn();
   return (!ve || ve.base !== e) && (ve = { base: e, client: $n({ cdnBase: e }) }), ve.client;
 }
 function Re(e) {
-  return !at(e) || !un() ? null : Ue().urlFor(e);
+  return !ot(e) || !dn() ? null : Ue().urlFor(e);
 }
-function Gr(e) {
+function qr(e) {
   return e.kind === "file";
 }
-class mn extends Error {
+class un extends Error {
   constructor(t) {
     super(t), this.name = "ChatImageUploadError";
   }
@@ -609,42 +609,42 @@ function Ce(e) {
       return "Image upload failed";
   }
 }
-function qr(e) {
-  return e instanceof ze ? Ce(e.reason) : e instanceof mn ? e.message : "Image upload failed";
-}
 function Vr(e) {
+  return e instanceof ze ? Ce(e.reason) : e instanceof un ? e.message : "Image upload failed";
+}
+function Kr(e) {
   const t = e.type.toLowerCase().split(";")[0].trim();
   return t && Bn(t) !== "image" ? Ce("unsupported-type") : e.size > Gn.image ? Ce("too-large") : e.size === 0 ? Ce("invalid") : null;
 }
-function Kr(e) {
+function Wr(e) {
   return Vn(e);
 }
-function Wr(e) {
+function Yr(e) {
   return Kn(e);
 }
-async function Yr(e) {
+async function zr(e) {
   const t = await qn(e);
   return { w: t?.width ?? 0, h: t?.height ?? 0 };
 }
-async function zr(e, t = {}) {
+async function Xr(e, t = {}) {
   const n = await Ue().upload(e, { signal: t.signal });
-  if (!at(n.key))
-    throw new mn("Image upload returned an unusable key");
+  if (!ot(n.key))
+    throw new un("Image upload returned an unusable key");
   return { key: n.key, deduplicated: n.deduplicated === !0 };
 }
-async function Xr(e, t = {}) {
+async function Jr(e, t = {}) {
   const n = [];
   for (const r of e) {
     if (r.kind === "remote") {
       n.push({ key: r.key, w: r.w, h: r.h, ...r.title ? { title: r.title } : {} });
       continue;
     }
-    const { key: a } = await zr(r.file, t);
+    const { key: a } = await Xr(r.file, t);
     n.push({ key: a, w: r.w, h: r.h });
   }
   return n;
 }
-function Jr(e) {
+function Zr(e) {
   return {
     error: e instanceof Error ? e.message : String(e),
     name: e instanceof Error ? e.name : typeof e,
@@ -652,19 +652,19 @@ function Jr(e) {
     status: e instanceof ze ? e.status : void 0
   };
 }
-const Xe = 240, X = 8, Zr = 28, fn = 240;
-function Qr(e, t, n) {
+const Xe = 240, X = 8, Qr = 28, mn = 240;
+function eo(e, t, n) {
   let r = t.left - Xe - X;
   r < X && (r = t.right + X), r = Math.min(r, n.width - Xe - X), r = Math.max(X, r);
-  const a = fn + Zr;
+  const a = mn + Qr;
   let i = e.top + e.height / 2 - a / 2;
   return i = Math.min(i, n.height - a - X), i = Math.max(X, i), { left: r, top: i };
 }
-const pn = "/dataplatform/api/memes", eo = 120;
-function to({ onClose: e, onPick: t, onUnavailable: n }) {
-  const [r, a] = R(""), i = K(null), s = K(null), l = Ue(), { items: m, loading: h, error: u, hasMore: D, loadMore: M } = ir(
+const fn = "/dataplatform/api/memes", to = 120;
+function no({ onClose: e, onPick: t, onUnavailable: n }) {
+  const [r, a] = R(""), i = K(null), s = K(null), l = Ue(), { items: m, loading: h, error: u, hasMore: D, loadMore: M } = sr(
     l,
-    pn,
+    fn,
     r.trim()
   ), L = u?.reason ?? null, C = J(() => {
     const x = /* @__PURE__ */ new Set();
@@ -679,12 +679,12 @@ function to({ onClose: e, onPick: t, onUnavailable: n }) {
       if (!he) return;
       const ge = () => S({
         item: x,
-        ...Qr(P.getBoundingClientRect(), he.getBoundingClientRect(), {
+        ...eo(P.getBoundingClientRect(), he.getBoundingClientRect(), {
           width: window.innerWidth,
           height: window.innerHeight
         })
       });
-      I(), T ? ge() : b.current = window.setTimeout(ge, eo);
+      I(), T ? ge() : b.current = window.setTimeout(ge, to);
     },
     [I]
   );
@@ -702,7 +702,7 @@ function to({ onClose: e, onPick: t, onUnavailable: n }) {
       document.removeEventListener("keydown", x), document.removeEventListener("mousedown", P);
     };
   }, [e]);
-  const U = k((x) => {
+  const j = k((x) => {
     t(x), e();
   }, [t, e]), F = !h && !u && C.length === 0;
   return /* @__PURE__ */ v(
@@ -750,7 +750,7 @@ function to({ onClose: e, onPick: t, onUnavailable: n }) {
                   "button",
                   {
                     type: "button",
-                    onClick: () => U(x),
+                    onClick: () => j(x),
                     title: x.title,
                     "data-testid": "meme-result",
                     onMouseEnter: (T) => {
@@ -813,7 +813,7 @@ function to({ onClose: e, onPick: t, onUnavailable: n }) {
                   src: Re(p.item.key) ?? void 0,
                   alt: "",
                   className: "block w-full rounded bg-bg object-contain",
-                  style: { height: "auto", maxHeight: fn }
+                  style: { height: "auto", maxHeight: mn }
                 }
               ),
               p.item.title && /* One line. A long title must not change the box height, because
@@ -826,34 +826,34 @@ function to({ onClose: e, onPick: t, onUnavailable: n }) {
     }
   );
 }
-function no({ open: e, ...t }) {
-  return e ? /* @__PURE__ */ c(to, { ...t }) : null;
+function ro({ open: e, ...t }) {
+  return e ? /* @__PURE__ */ c(no, { ...t }) : null;
 }
-const ut = {
-  serverOrigin: `http://localhost:${it}`,
+const dt = {
+  serverOrigin: `http://localhost:${at}`,
   defaultRoomKey: "dev-room",
-  cdnBase: zt
+  cdnBase: Yt
 };
-let Te = { ...ut };
-function ro(e) {
+let Te = { ...dt };
+function oo(e) {
   const t = Object.fromEntries(
     Object.entries(e).filter(([n, r]) => r !== void 0)
   );
-  Te = { ...Te, ...t }, Br({ cdnBase: Te.cdnBase });
+  Te = { ...Te, ...t }, Gr({ cdnBase: Te.cdnBase });
 }
 function fe() {
   return Te;
 }
-const oo = rt(ut);
-function ao(e) {
+const ao = rt(dt);
+function io(e) {
   return e.serverOrigin?.replace(/\/$/, "") || "";
 }
-function hn() {
-  return ao(fe());
+function pn() {
+  return io(fe());
 }
-const gn = rt(null);
-function io() {
-  return ot(gn);
+const hn = rt(null);
+function so() {
+  return Kt(hn);
 }
 const ne = {
   ANON_KEY: "watchparty_preferences",
@@ -875,7 +875,7 @@ function B(e) {
     return null;
   }
 }
-function mt(e, t) {
+function ut(e, t) {
   try {
     const n = Fe();
     return n ? (n.setItem(e, t), !0) : !1;
@@ -883,7 +883,7 @@ function mt(e, t) {
     return !1;
   }
 }
-function so() {
+function lo() {
   try {
     const e = Fe();
     if (!e) return [];
@@ -903,45 +903,45 @@ function Oe(e) {
   } catch {
   }
 }
-function lo(e) {
+function co(e) {
   const t = B(e);
   return t === null ? null : t === "true" ? !0 : t === "false" ? !1 : null;
 }
-const yn = /* @__PURE__ */ new Map();
-let bn = !1;
+const gn = /* @__PURE__ */ new Map();
+let yn = !1;
 function He(e, t) {
-  yn.set(e, t), bn && vn(e, t);
+  gn.set(e, t), yn && bn(e, t);
 }
-function co() {
-  bn = !0;
-  for (const [e, t] of yn) vn(e, t);
+function uo() {
+  yn = !0;
+  for (const [e, t] of gn) bn(e, t);
 }
-function vn(e, t) {
+function bn(e, t) {
   typeof window > "u" || (window[e] = t);
 }
-const se = [], uo = 500;
+const se = [], mo = 500;
 let Ae = [], Je = null;
-const mo = 1e3, fo = 200;
+const fo = 1e3, po = 200;
 let Ze = null;
-function Sn(e) {
+function vn(e) {
   Ze = e;
 }
-function wn() {
+function Sn() {
   return B(ne.REPORT_LOGS_FLAG) === "true";
 }
-function po() {
+function ho() {
   if (typeof window > "u") return !1;
   if (window.__WP_DEBUG__ || new URLSearchParams(window.location.search).get("debug") === "true") return !0;
   const t = B(ne.DEBUG_FLAG);
   return t !== null && t !== "false";
 }
-function ho() {
+function go() {
   const e = B(ne.DEBUG_FLAG);
   if (!e || e === "true") return null;
   const t = e.split(",").map((n) => n.trim().toLowerCase()).filter(Boolean);
   return t.length > 0 ? new Set(t) : null;
 }
-function go() {
+function yo() {
   return (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", {
     hour12: !1,
     hour: "2-digit",
@@ -950,8 +950,8 @@ function go() {
     fractionalSecondDigits: 3
   });
 }
-function yo(e) {
-  se.push(e), se.length > uo && se.shift();
+function bo(e) {
+  se.push(e), se.length > mo && se.shift();
 }
 const $e = {
   debug: "color: #64748b; font-weight: normal;",
@@ -960,14 +960,14 @@ const $e = {
   category: "color: #3b82f6; font-weight: bold;",
   time: "color: #6b7280; font-weight: normal;"
 };
-function bo(e) {
+function vo(e) {
   try {
     return JSON.stringify(e);
   } catch {
     return "[unserializable]";
   }
 }
-function ft(e, t, n, r, a, i, s) {
+function mt(e, t, n, r, a, i, s) {
   const l = {
     level: e,
     category: a,
@@ -975,12 +975,12 @@ function ft(e, t, n, r, a, i, s) {
     data: s,
     timestamp: Date.now()
   };
-  if (yo(l), (n || wn()) && Et(l), !r) {
-    if (!po()) return;
-    const u = ho();
+  if (bo(l), (n || Sn()) && Tt(l), !r) {
+    if (!ho()) return;
+    const u = go();
     if (u && !u.has(a.toLowerCase())) return;
   }
-  const m = go(), h = s !== void 0 ? " " + bo(s) : "";
+  const m = yo(), h = s !== void 0 ? " " + vo(s) : "";
   t(
     `%c[${m}]%c [${a}]%c ${i}${h}`,
     $e.time,
@@ -989,33 +989,33 @@ function ft(e, t, n, r, a, i, s) {
   );
 }
 function d(e, t, n) {
-  ft("debug", console.log, !1, !1, e, t, n);
+  mt("debug", console.log, !1, !1, e, t, n);
 }
 function A(e, t, n) {
-  ft("warn", console.warn, !0, !1, e, t, n);
+  mt("warn", console.warn, !0, !1, e, t, n);
 }
 function Ee(e, t, n) {
-  ft("error", console.error, !0, !0, e, t, n);
+  mt("error", console.error, !0, !0, e, t, n);
 }
-function vo() {
+function So() {
   return [...se];
 }
-function So() {
+function wo() {
   se.length = 0;
 }
-function wo(e) {
+function _o(e) {
   const t = e && e.length > 0 ? e.join(",") : "true";
-  mt(ne.DEBUG_FLAG, t), console.log("[wp] Debug mode enabled");
+  ut(ne.DEBUG_FLAG, t), console.log("[wp] Debug mode enabled");
 }
-function _o() {
+function xo() {
   Oe(ne.DEBUG_FLAG), console.log("[wp] Debug mode disabled");
 }
-const xo = 1024, Io = 5e4;
-function Co(e) {
+const Io = 1024, Co = 5e4;
+function To(e) {
   if (e == null) return e;
   try {
     const t = JSON.stringify(e);
-    if (t.length <= xo) return e;
+    if (t.length <= Io) return e;
     if (typeof e == "object" && !Array.isArray(e)) {
       const n = {};
       for (const [r, a] of Object.entries(e)) {
@@ -1029,7 +1029,7 @@ function Co(e) {
     return "[unserializable]";
   }
 }
-async function To() {
+async function Ao() {
   if (Ae.length === 0) return;
   const e = Ae;
   Ae = [], Je = null;
@@ -1037,13 +1037,13 @@ async function To() {
     let n = fe().serverOrigin || "";
     if ((n === "/" || !n) && typeof window < "u") {
       const l = window.location;
-      (l.hostname === "localhost" || l.hostname === "127.0.0.1") && l.port === String(Jt) ? n = `${l.protocol}//${l.hostname}:${it}` : n = l.origin;
+      (l.hostname === "localhost" || l.hostname === "127.0.0.1") && l.port === String(Xt) ? n = `${l.protocol}//${l.hostname}:${at}` : n = l.origin;
     }
     const r = `${n.replace(/\/$/, "")}/api/client-log`, a = e.map((l) => ({
       level: l.level,
       category: l.category,
       message: l.message,
-      data: Co(l.data),
+      data: To(l.data),
       timestamp: l.timestamp,
       url: typeof window < "u" ? window.location.href : void 0,
       userAgent: typeof navigator < "u" ? navigator.userAgent : void 0,
@@ -1053,7 +1053,7 @@ async function To() {
     let i = [], s = 0;
     for (const l of a) {
       const m = JSON.stringify(l).length + 1;
-      s + m > Io && i.length > 0 && (await fetch(r, {
+      s + m > Co && i.length > 0 && (await fetch(r, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ logs: i })
@@ -1068,11 +1068,11 @@ async function To() {
     console.warn("[wp] log flush failed (client logs may be lost):", pe(t).error);
   }
 }
-function Et(e) {
+function Tt(e) {
   if (Ae.push(e), !Je) {
-    const t = wn() ? fo : mo;
+    const t = Sn() ? po : fo;
     Je = setTimeout(() => {
-      To();
+      Ao();
     }, t);
   }
 }
@@ -1080,19 +1080,19 @@ function pe(e) {
   return e instanceof Error ? { error: e.message, name: e.name } : { error: String(e), name: typeof e };
 }
 He("__wpDebug", {
-  enable: wo,
-  disable: _o,
-  history: vo,
-  clear: So
+  enable: _o,
+  disable: xo,
+  history: So,
+  clear: wo
 });
-function _n(e) {
-  return ct(e) ? xr[e] : "var(--color-neutral-bg)";
+function wn(e) {
+  return lt(e) ? Ir[e] : "var(--color-neutral-bg)";
 }
-function Ao(e) {
-  return ct(e) ? `${fe().serverOrigin.replace(/\/$/, "")}${Cr(e)}` : void 0;
+function Eo(e) {
+  return lt(e) ? `${fe().serverOrigin.replace(/\/$/, "")}${Tr(e)}` : void 0;
 }
 let de = null, Se = null;
-function Eo() {
+function ko() {
   return de ? Promise.resolve() : Se || (Se = (async () => {
     try {
       const e = fe().serverOrigin.replace(/\/$/, ""), t = await fetch(`${e}/media/sprites/names.json`, { cache: "no-cache" });
@@ -1116,19 +1116,19 @@ const z = {
   userType: "public",
   accountId: null
 };
-function pt() {
+function ft() {
   return z.accountId ? z.accountId : z.resolved && z.userType === "public" ? "anon" : null;
 }
-function ko(e) {
+function No(e) {
   z.resolved = !0, e.userType && (z.userType = e.userType), e.userId !== void 0 && (z.accountId = e.userId && e.userId !== "public" ? e.userId : null);
 }
-function ht() {
+function pt() {
   return z.accountId ?? "public";
 }
-function No() {
-  return pt() ?? "unscoped";
+function Po() {
+  return ft() ?? "unscoped";
 }
-const Po = o.object({
+const Ro = o.object({
   // Identity. There is deliberately NO `name`: a person's name is their
   // hadoku key-registry name, resolved by the server from whoami and renamed
   // through hadoku_site's POST /session/name (operator decision 2026-10-08).
@@ -1153,18 +1153,18 @@ const Po = o.object({
   preferredAudioLang: o.string().optional(),
   subtitlesEnabled: o.boolean().optional(),
   subtitleStyle: o.string().optional()
-}), le = Qn({
+}), le = er({
   appId: "watchparty",
-  schema: Po
-}), Ro = /* @__PURE__ */ new Set(["theme", "themeMode"]);
+  schema: Ro
+}), Oo = /* @__PURE__ */ new Set(["theme", "themeMode"]);
 function De(e) {
-  const t = pt();
+  const t = ft();
   return t ? `prefs-cache:${t}:${e}` : null;
 }
-function Oo() {
-  return pt() === null;
+function Do() {
+  return ft() === null;
 }
-function kt(e) {
+function At(e) {
   const t = De(e);
   if (!t) return {};
   const n = B(t);
@@ -1175,9 +1175,9 @@ function kt(e) {
     return {};
   }
 }
-function Do() {
+function Mo() {
   let e = 0;
-  for (const t of so()) {
+  for (const t of lo()) {
     const n = t.startsWith("prefs-cache:") && t.endsWith(":watchparty"), r = t === Me || t.startsWith(`${Me}:`) && !t.endsWith(":_serverSynced_v1");
     if (!n && !r) continue;
     const a = B(t);
@@ -1191,17 +1191,17 @@ function Do() {
     const s = n ? i?.blob : i;
     if (!s || typeof s != "object" || !("name" in s)) continue;
     const { name: l, ...m } = s, h = n ? { ...i, blob: m } : m;
-    mt(t, JSON.stringify(h)) && e++;
+    ut(t, JSON.stringify(h)) && e++;
   }
   return e > 0 && d("preferences", "Stripped retired name from cached prefs rows", { rewritten: e }), e;
 }
-let xn = null, In = null;
-const Nt = /* @__PURE__ */ new Set();
-function gt() {
-  if (Oo())
+let _n = null, xn = null;
+const Et = /* @__PURE__ */ new Set();
+function ht() {
+  if (Do())
     return d("preferences", "Boot read deferred — session pending, identity unresolved"), {};
-  const e = kt("portfolio"), t = kt("watchparty"), n = Object.keys(e).length > 0 ? e : xn ?? {}, r = Object.keys(t).length > 0 ? t : In ?? {}, a = ht() || "public";
-  if (Nt.has(a))
+  const e = At("portfolio"), t = At("watchparty"), n = Object.keys(e).length > 0 ? e : _n ?? {}, r = Object.keys(t).length > 0 ? t : xn ?? {}, a = pt() || "public";
+  if (Et.has(a))
     return d("preferences", "Loaded (sync, SDK-only after first read)", {
       uid: a,
       sdkThemeKeys: Object.keys(n).length,
@@ -1211,8 +1211,8 @@ function gt() {
       themeSource: Object.keys(e).length > 0 ? "cache" : "mem",
       appSource: Object.keys(t).length > 0 ? "cache" : "mem"
     }), { ...r, ...n };
-  Nt.add(a);
-  const i = Tn() ?? {}, s = { ...i, ...r, ...n };
+  Et.add(a);
+  const i = Cn() ?? {}, s = { ...i, ...r, ...n };
   return d("preferences", "Loaded (sync, first read — legacy + SDK)", {
     uid: a,
     sdkThemeKeys: Object.keys(n).length,
@@ -1222,30 +1222,30 @@ function gt() {
     appSource: Object.keys(t).length > 0 ? "cache" : "mem"
   }), s;
 }
-let Cn = !1;
-function Mo() {
-  const e = ht();
+let In = !1;
+function Lo() {
+  const e = pt();
   return !e || e === "public";
 }
 function G(e, t) {
-  Mo() && (Cn = !0), Ro.has(e) ? ie.save({ [e]: t }, { scope: "device" }).catch((n) => A("preferences", "themePrefs.save failed", { key: e, err: n?.message })) : le.save({ [e]: t }).catch((n) => A("preferences", "watchpartyPrefs.save failed", { key: e, err: n?.message })), d("preferences", "Saved (via SDK)", { key: e, value: t });
+  Lo() && (In = !0), Oo.has(e) ? ie.save({ [e]: t }, { scope: "device" }).catch((n) => A("preferences", "themePrefs.save failed", { key: e, err: n?.message })) : le.save({ [e]: t }).catch((n) => A("preferences", "watchpartyPrefs.save failed", { key: e, err: n?.message })), d("preferences", "Saved (via SDK)", { key: e, value: t });
 }
-let we = null, Pt = !1;
-function Lo() {
+let we = null, kt = !1;
+function jo() {
   return we || (we = (async () => {
     if (typeof window > "u") return !1;
     try {
-      Pt || (Pt = !0, ie.subscribe((s) => {
-        xn = s, Dt("portfolio", s), Mt("theme");
+      kt || (kt = !0, ie.subscribe((s) => {
+        _n = s, Rt("portfolio", s), Ot("theme");
       }), le.subscribe((s) => {
-        In = s, Dt("watchparty", s), Mt("watchparty");
+        xn = s, Rt("watchparty", s), Ot("watchparty");
       }));
       const [e, t] = await Promise.all([
         ie.read(),
         le.read()
       ]);
       try {
-        const { useAppStore: s } = await Promise.resolve().then(() => En);
+        const { useAppStore: s } = await Promise.resolve().then(() => An);
         s.getState().rehydrateFromPrefs();
       } catch (s) {
         A("preferences", "inline rehydrate after SDK read failed", { err: s?.message });
@@ -1257,7 +1257,7 @@ function Lo() {
         // Post-fetch cache state: should be non-zero if SDK wrote it.
         sdkThemeBytesPost: a?.length ?? 0,
         sdkAppBytesPost: i?.length ?? 0
-      }), await jo(e, t), Cn ? (d("preferences", "Promoting this load's pre-auth picks to the signed-in user"), await Promise.all([
+      }), await Uo(e, t), In ? (d("preferences", "Promoting this load's pre-auth picks to the signed-in user"), await Promise.all([
         ie.promoteAnonPrefsToUser().catch(() => {
         }),
         le.promoteAnonPrefsToUser().catch(() => {
@@ -1269,12 +1269,12 @@ function Lo() {
   })(), we);
 }
 const Me = "watchparty_preferences";
-Do();
+Mo();
 function Qe() {
-  const e = ht();
+  const e = pt();
   return !e || e === "public" ? Me : `${Me}:${e}`;
 }
-function Tn() {
+function Cn() {
   const e = B(Qe());
   if (!e) return null;
   try {
@@ -1284,18 +1284,18 @@ function Tn() {
     return null;
   }
 }
-function Rt() {
+function Nt() {
   Oe(Qe()), Oe(`${Qe()}:_serverSynced_v1`);
 }
-async function jo(e, t) {
-  const n = Tn();
+async function Uo(e, t) {
+  const n = Cn();
   if (!n || Object.keys(n).length === 0) return;
   const r = Object.keys(e ?? {}).length > 0, a = Object.keys(t ?? {}).length > 0, i = {}, s = {};
   for (const [h, u] of Object.entries(n))
     r || (h === "theme" && typeof u == "string" ? i.theme = u : h === "themeMode" && (u === "simple" || u === "advanced") && (i.themeMode = u)), a || (h === "chatCollapsed" && typeof u == "boolean" ? s.chatCollapsed = u : h === "floatingChatEnabled" && typeof u == "boolean" ? s.floatingChatEnabled = u : h === "volume" && typeof u == "number" && u >= 0 && u <= 1 ? s.volume = u : h === "muted" && typeof u == "boolean" ? s.muted = u : h === "preferredAudioLang" && typeof u == "string" ? s.preferredAudioLang = u : h === "subtitlesEnabled" && typeof u == "boolean" ? s.subtitlesEnabled = u : h === "subtitleStyle" && typeof u == "string" && (s.subtitleStyle = u));
   const l = Object.keys(i), m = Object.keys(s);
   if (l.length === 0 && m.length === 0) {
-    Rt();
+    Nt();
     return;
   }
   d("preferences", "Migrating legacy localStorage prefs to SDK", {
@@ -1308,15 +1308,15 @@ async function jo(e, t) {
     await Promise.all([
       l.length > 0 ? ie.save(i, { scope: "device" }) : Promise.resolve(),
       m.length > 0 ? le.save(s) : Promise.resolve()
-    ]), Rt(), d("preferences", "Legacy migration complete");
+    ]), Nt(), d("preferences", "Legacy migration complete");
   } catch (h) {
     A("preferences", "Legacy migration save failed — will retry next load", {
       err: h?.message
     });
   }
 }
-let Ot = !1;
-function Dt(e, t) {
+let Pt = !1;
+function Rt(e, t) {
   const n = De(e);
   if (n)
     try {
@@ -1328,15 +1328,15 @@ function Dt(e, t) {
       };
       localStorage.setItem(n, JSON.stringify(r));
     } catch (r) {
-      Ot || (Ot = !0, A("preferences", "writeThrough localStorage failed (in-memory backstop only)", {
+      Pt || (Pt = !0, A("preferences", "writeThrough localStorage failed (in-memory backstop only)", {
         appId: e,
         err: r?.message,
         name: r?.name
       }));
     }
 }
-function Mt(e) {
-  Promise.resolve().then(() => En).then(({ useAppStore: t }) => {
+function Ot(e) {
+  Promise.resolve().then(() => An).then(({ useAppStore: t }) => {
     try {
       t.getState().rehydrateFromPrefs();
     } catch (n) {
@@ -1344,33 +1344,33 @@ function Mt(e) {
     }
   }).catch((t) => A("preferences", "store import failed", { reason: e, err: t?.message }));
 }
-const An = 320, Le = 240, yt = 640, Uo = 320, Fo = 36, Lt = 16;
+const Tn = 320, Le = 240, gt = 640, Fo = 320, Ho = 36, Dt = 16;
 function V(e, t) {
-  if (!Number.isFinite(e)) return An;
-  let n = yt;
-  return t !== void 0 && Number.isFinite(t) && t > 0 && (n = Math.min(n, t - Uo)), n = Math.max(n, Le), Math.round(Math.min(n, Math.max(Le, e)));
+  if (!Number.isFinite(e)) return Tn;
+  let n = gt;
+  return t !== void 0 && Number.isFinite(t) && t > 0 && (n = Math.min(n, t - Fo)), n = Math.max(n, Le), Math.round(Math.min(n, Math.max(Le, e)));
 }
-function jt(e, t, n, r) {
+function Mt(e, t, n, r) {
   return V(e + (t - n), r);
 }
-function Ho(e, t, n) {
+function $o(e, t, n) {
   switch (t) {
     case "ArrowLeft":
-      return V(e + Lt, n);
+      return V(e + Dt, n);
     case "ArrowRight":
-      return V(e - Lt, n);
+      return V(e - Dt, n);
     case "Home":
       return V(Le, n);
     case "End":
-      return V(yt, n);
+      return V(gt, n);
     default:
       return null;
   }
 }
-function $o(e, t) {
-  return { collapsed: e, width: e ? Fo : t };
+function Bo(e, t) {
+  return { collapsed: e, width: e ? Ho : t };
 }
-const q = gt(), f = Zn((e, t) => ({
+const q = ht(), f = Qn((e, t) => ({
   ready: !1,
   name: "",
   sprite: null,
@@ -1380,7 +1380,7 @@ const q = gt(), f = Zn((e, t) => ({
   chat: [],
   chatCollapsed: q.chatCollapsed ?? !1,
   chromeChatCollapsed: q.chromeChatCollapsed ?? !1,
-  chromeChatWidth: V(q.chromeChatWidth ?? An),
+  chromeChatWidth: V(q.chromeChatWidth ?? Tn),
   // Hardcoded on for everyone — the per-user toggle was removed from the
   // control bar; FloatingChat + toggleFloatingChat code is kept for future
   // re-enablement but the value is no longer user-controllable.
@@ -1590,7 +1590,7 @@ const q = gt(), f = Zn((e, t) => ({
   setGameSettings: (n) => e({ gameSettings: n }),
   setRoomKeyType: (n) => e({ roomKeyType: n }),
   rehydrateFromPrefs: () => e((n) => {
-    const r = gt(), a = {};
+    const r = ht(), a = {};
     if (r.chatCollapsed !== void 0 && (a.chatCollapsed = r.chatCollapsed), r.chromeChatCollapsed !== void 0 && (a.chromeChatCollapsed = r.chromeChatCollapsed), r.chromeChatWidth !== void 0 && (a.chromeChatWidth = V(r.chromeChatWidth)), ["volume", "muted", "preferredAudioLang", "subtitlesEnabled", "subtitleStyle"].some((l) => r[l] !== void 0)) {
       const l = { ...n.mediaPrefs };
       r.volume !== void 0 && (l.volume = r.volume), r.muted !== void 0 && (l.muted = r.muted), r.preferredAudioLang !== void 0 && (l.preferredAudioLang = r.preferredAudioLang), r.subtitlesEnabled !== void 0 && (l.subtitlesEnabled = r.subtitlesEnabled), r.subtitleStyle !== void 0 && ["classic", "cinema", "minimal", "contrast"].includes(r.subtitleStyle) && (l.subtitleStyle = r.subtitleStyle), a.mediaPrefs = l;
@@ -1600,27 +1600,27 @@ const q = gt(), f = Zn((e, t) => ({
   setSidebarTab: (n) => e((r) => r.sidebarTab === n && n !== "chat" ? { sidebarTab: "chat" } : { sidebarTab: n, chatCollapsed: !1 })
 }));
 He("__ZUSTAND_STORE__", f);
-const En = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const An = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   useAppStore: f
-}, Symbol.toStringTag, { value: "Module" })), bt = rt(!0);
-function Bo() {
-  const e = ot(bt);
+}, Symbol.toStringTag, { value: "Module" })), En = rt(!0);
+function Go() {
+  const e = Kt(En);
   N(() => {
     e && Wn();
   }, [e]);
 }
-function Go(e, t) {
+function qo(e, t) {
   if (!t) return "";
   for (const n of Object.values(e))
     if (n.author === t && n.cosmetics) return JSON.stringify(n.cosmetics);
   return "";
 }
-function qo(e) {
-  const t = ot(bt), n = f((r) => t ? Go(r.roster, e) : "");
-  return J(() => n ? JSON.parse(n) : void 0, [n]);
-}
 function Vo(e) {
+  const t = f((n) => qo(n.roster, e));
+  return J(() => t ? JSON.parse(t) : void 0, [t]);
+}
+function Ko(e) {
   return e ? { "--hc-base": e } : {};
 }
 const et = Pe.memo(
@@ -1629,7 +1629,7 @@ const et = Pe.memo(
   },
   (e, t) => e.html === t.html && e.as === t.as && e.className === t.className && JSON.stringify(e.style) === JSON.stringify(t.style)
 );
-function Ko(e, t) {
+function Wo(e, t) {
   N(() => {
     const n = e.current;
     if (!n || !t || typeof IntersectionObserver > "u") return;
@@ -1641,18 +1641,18 @@ function Ko(e, t) {
     };
   }, [e, t]);
 }
-function Wo(e) {
-  return `${hn()}/media/${e}`.replace(/\\/g, "/");
+function Yo(e) {
+  return `${pn()}/media/${e}`.replace(/\\/g, "/");
 }
-function Yo(e, t) {
-  return Wo(t ?? `${e}/poster.jpg`);
+function zo(e, t) {
+  return Yo(t ?? `${e}/poster.jpg`);
 }
-function zo(e) {
-  return `${hn()}${e}`.replace(/\\/g, "/");
+function Xo(e) {
+  return `${pn()}${e}`.replace(/\\/g, "/");
 }
-async function Xo(e) {
+async function Jo(e) {
   try {
-    const t = await fetch(zo("/api/tierlist"));
+    const t = await fetch(Xo("/api/tierlist"));
     if (!t.ok)
       return A("tierlist", "Board fetch failed", { status: t.status }), null;
     const n = await t.json();
@@ -1665,78 +1665,78 @@ async function Xo(e) {
     return A("tierlist", "Board fetch threw", pe(t)), null;
   }
 }
-let Ut = !1;
-function Jo() {
-  if (Ut || typeof Image > "u") return;
+let Lt = !1;
+function Zo() {
+  if (Lt || typeof Image > "u") return;
   const e = f.getState().tierlist;
   if (!(!e || e.items.length === 0)) {
-    Ut = !0;
+    Lt = !0;
     for (const t of e.items) {
       const n = new Image();
-      n.decoding = "async", n.src = Yo(t.id, t.thumbnail);
+      n.decoding = "async", n.src = zo(t.id, t.thumbnail);
     }
     d("tierlist", "Warming posters", { count: e.items.length });
   }
 }
-function Zo() {
+function Qo() {
   const e = f.getState(), t = new Set(Object.values(e.roster).map((i) => i.sprite).filter(Boolean)), n = je.find((i) => !t.has(i));
   if (!n)
     return A("socket", "sprite_taken: no available sprites to retry with"), null;
   const r = !!e.name && !Z(e.name), a = r ? e.name : ue(n);
   return d("socket", "sprite_taken: retrying with next available", { from: e.sprite, to: n, name: a, keptCustomName: r }), e.setSessionIdentity(a, n), { name: a, sprite: n };
 }
-function Qo(e) {
+function ea(e) {
   const t = f.getState(), n = e ? t.roster[e] : void 0;
   return !n || !!n.sprite && n.sprite === t.sprite;
 }
-const Ft = "hadoku:avatar";
+const jt = "hadoku:avatar";
 function kn(e) {
   const t = e?.sprite ?? e?.avatar?.sprite ?? null;
-  return ct(t) ? t : null;
+  return lt(t) ? t : null;
 }
-async function ea(e = {}) {
+async function ta(e = {}) {
   const t = e.fetch ?? (typeof fetch > "u" ? void 0 : fetch), n = typeof window > "u" ? void 0 : window.location?.origin, r = e.baseUrl ?? (n ? `${n}/prefs` : void 0);
   if (!t || !r) return null;
   try {
-    const a = await rr({ baseUrl: r, fetch: t }).get(), i = kn(a);
+    const a = await or({ baseUrl: r, fetch: t }).get(), i = kn(a);
     return d("avatar", "Requested character from prefs-api", { sprite: i }), i;
   } catch (a) {
-    return a instanceof It && (a.status === 401 || a.status === 403 || a.status === 404) ? d("avatar", "No avatar settings here (signed out, or no prefs-api on this origin)", { status: a.status }) : A("avatar", "Avatar settings read failed — keeping the auto-assigned character", {
-      status: a instanceof It ? a.status : void 0,
+    return a instanceof _t && (a.status === 401 || a.status === 403 || a.status === 404) ? d("avatar", "No avatar settings here (signed out, or no prefs-api on this origin)", { status: a.status }) : A("avatar", "Avatar settings read failed — keeping the auto-assigned character", {
+      status: a instanceof _t ? a.status : void 0,
       ...pe(a)
     }), null;
   }
 }
-function Ht(e) {
+function Ut(e) {
   if (!e) return !1;
   const t = f.getState();
   if (t.sprite === e) return !1;
   const r = !!(t.me.clientId && t.roster[t.me.clientId]?.registryName) || !t.name || !Z(t.name) ? t.name : ue(e);
   return t.setSessionIdentity(r, e), !0;
 }
-function ta(e, t = typeof window > "u" ? void 0 : window) {
+function na(e, t = typeof window > "u" ? void 0 : window) {
   if (!t) return () => {
   };
   const n = (r) => {
     const a = r.detail;
     !a || typeof a != "object" || e(a);
   };
-  return t.addEventListener(Ft, n), () => t.removeEventListener(Ft, n);
+  return t.addEventListener(jt, n), () => t.removeEventListener(jt, n);
 }
-const na = 10;
-function ra(e = typeof window < "u" ? window : void 0) {
+const ra = 10;
+function oa(e = typeof window < "u" ? window : void 0) {
   if (!e) return { framed: !1, depth: 0 };
   try {
     let t = 0, n = e;
-    for (; n !== n.parent && t < na; )
+    for (; n !== n.parent && t < ra; )
       t++, n = n.parent;
     return { framed: e.top ? e.top !== e.self : t > 0, depth: t };
   } catch {
     return { framed: !1, depth: 0 };
   }
 }
-const oa = "watchparty_fragment_delivery";
-function aa() {
+const aa = "watchparty_fragment_delivery";
+function ia() {
   if (typeof window > "u") return null;
   try {
     const e = new URLSearchParams(window.location.search).get("fragmentDelivery");
@@ -1744,43 +1744,43 @@ function aa() {
     if (e === "0" || e === "false") return !1;
   } catch {
   }
-  return lo(oa);
+  return co(aa);
 }
-let ia = { ...an }, Be = null;
-const $t = "watchparty_delivery_client_id";
-function sa() {
-  const e = B($t);
+let sa = { ...on }, Be = null;
+const Ft = "watchparty_delivery_client_id";
+function la() {
+  const e = B(Ft);
   if (e) return e;
   const t = globalThis.crypto?.randomUUID?.() ?? `d${Math.random().toString(36).slice(2)}`;
-  return mt($t, t) ? t : "";
-}
-function la() {
-  return Be === null && (Be = Pr(ia, sa(), aa())), Be;
+  return ut(Ft, t) ? t : "";
 }
 function ca() {
-  return la();
+  return Be === null && (Be = Rr(sa, la(), ia())), Be;
+}
+function da() {
+  return ca();
 }
 let ke;
 function Nn() {
-  return B(tr) || void 0;
+  return B(nr) || void 0;
 }
-function da() {
+function ua() {
   if (ke) return;
   const e = Nn();
   if (e) {
     ke = e;
     return;
   }
-  er().then((t) => {
+  tr().then((t) => {
     t && (ke = t);
   }).catch(() => {
     d("identity", "device id unavailable — joining without one");
   });
 }
-function ua() {
+function ma() {
   return ke ??= Nn();
 }
-function ma(e, t) {
+function fa(e, t) {
   let n = 0;
   for (const r of e.videos) {
     const a = ne.voteKey(t, e.id, r.mediaId);
@@ -1788,49 +1788,49 @@ function ma(e, t) {
   }
   return n;
 }
-const fa = 2e4, pa = 1e4;
-function ha() {
+const pa = 2e4, ha = 1e4;
+function ga() {
   return { unansweredSince: null, lastPongAt: null, lastTickAt: null };
 }
-function ga(e, t) {
+function ya(e, t) {
   e.lastPongAt = t, e.unansweredSince = null;
 }
-function ya(e, t, n) {
-  const r = e.lastTickAt !== null && t - e.lastTickAt > pa;
-  return e.lastTickAt = t, n ? r || e.unansweredSince === null ? (e.unansweredSince = t, !1) : t - e.unansweredSince > fa : (e.unansweredSince = null, !1);
+function ba(e, t, n) {
+  const r = e.lastTickAt !== null && t - e.lastTickAt > ha;
+  return e.lastTickAt = t, n ? r || e.unansweredSince === null ? (e.unansweredSince = t, !1) : t - e.unansweredSince > pa : (e.unansweredSince = null, !1);
 }
-function ba(e, t) {
+function va(e, t) {
   return e.lastPongAt === null ? void 0 : Math.max(0, t - e.lastPongAt);
 }
 let w = null, H = null, Ne = null, $ = null, W = null;
-const va = _a(), ee = ha();
-let _e = null, Ge = null, Bt = 0, vt = null, me = !1, St = !1, ae = !1, Pn = null;
-function Sa(e) {
+const Sa = xa(), ee = ga();
+let _e = null, Ge = null, Ht = 0, yt = null, me = !1, bt = !1, ae = !1, Pn = null;
+function wa(e) {
   const t = re(), n = f.getState();
   if (n.me.clientId && n.roster[n.me.clientId])
     return (e.name || e.sprite) && (d("socket", "Identity update (already joined)", { name: e.name, sprite: e.sprite }), t.emit(_.IDENTITY_UPDATE, { name: e.name, sprite: e.sprite })), t;
-  const r = wa(e);
-  return W = r, vt = { name: r.name, sprite: r.sprite }, t.connected ? (d("socket", "Emitting join", r), t.emit(_.JOIN, r)) : t.once("connect", () => {
+  const r = _a(e);
+  return W = r, yt = { name: r.name, sprite: r.sprite }, t.connected ? (d("socket", "Emitting join", r), t.emit(_.JOIN, r)) : t.once("connect", () => {
     d("socket", "Emitting join", r), t.emit(_.JOIN, r);
   }), t;
 }
-function wa(e) {
+function _a(e) {
   return {
     room_key: e.room_key,
     name: e.name,
     sprite: e.sprite,
     // Entry-path telemetry — see lib/embedContext.ts. Sent on every join AND
     // rejoin (lastJoinPayload carries it), so a reconnect keeps the attribution.
-    embed: ra(),
-    delivery_arm: ca(),
+    embed: oa(),
+    delivery_arm: da(),
     // Identity tier input — see lib/deviceId.ts. Sent on every join AND rejoin
     // (lastJoinPayload carries it) so a reconnect lands on the same
     // ParticipantId rather than minting a new person.
-    device_id: ua(),
-    tab_id: va
+    device_id: ma(),
+    tab_id: Sa
   };
 }
-function _a() {
+function xa() {
   const e = globalThis.crypto;
   if (e && typeof e.randomUUID == "function") return e.randomUUID();
   const t = new Uint8Array(16);
@@ -1843,20 +1843,20 @@ function re() {
     let t = fe().serverOrigin || "/";
     if (t === "/" && typeof window < "u") {
       const r = window.location;
-      (r.hostname === "localhost" || r.hostname === "127.0.0.1") && r.port === String(Jt) && (t = `${r.protocol}//${r.hostname}:${it}`, d("socket", "Using dev fallback origin", { origin: t }));
+      (r.hostname === "localhost" || r.hostname === "127.0.0.1") && r.port === String(Xt) && (t = `${r.protocol}//${r.hostname}:${at}`, d("socket", "Using dev fallback origin", { origin: t }));
     }
     const n = new URL(t.startsWith("http") ? t : `${window.location.origin}${t}`).origin;
-    w = nr(n, { path: sr, transports: ["websocket", "polling"] }), d("socket", "Socket initialized", { origin: t }), He("__SOCKET__", w), $ && (clearTimeout($), $ = null), H = null, Ne = setInterval(() => {
-      if (ya(ee, Date.now(), !!w?.connected)) {
+    w = rr(n, { path: lr, transports: ["websocket", "polling"] }), d("socket", "Socket initialized", { origin: t }), He("__SOCKET__", w), $ && (clearTimeout($), $ = null), H = null, Ne = setInterval(() => {
+      if (ba(ee, Date.now(), !!w?.connected)) {
         A("socket", "PONG-WATCHDOG no time_pong for 20s — replacing the connection", {
           sid: w?.id,
-          lastPongAgeMs: ba(ee, Date.now()) ?? null
+          lastPongAgeMs: va(ee, Date.now()) ?? null
         }), Ge = "pong-watchdog", ee.unansweredSince = null, w?.io.engine?.close();
         return;
       }
-      Da();
-    }, Tr), w.on("connect", () => {
-      St = !1;
+      Ma();
+    }, Ar), w.on("connect", () => {
+      bt = !1;
       const r = w?.id;
       if (d("socket", "Connected", { id: r, isReconnect: ae }), r)
         try {
@@ -1866,13 +1866,13 @@ function re() {
         }
       if (ae && W) {
         const a = f.getState();
-        Bt += 1;
+        Ht += 1;
         const i = {
           ...W,
           name: a.name,
           sprite: a.sprite,
           reconnect: {
-            count: Bt,
+            count: Ht,
             reason: (_e?.reason ?? "unknown").slice(0, 64),
             offline_ms: _e ? Math.max(0, Date.now() - _e.at) : 0
           }
@@ -1886,19 +1886,19 @@ function re() {
             l || (l = !0, w.off(_.SNAPSHOT, m), A("socket", "client_ready re-emit timed out waiting for snapshot", { mediaId: s }));
           }, 1e4);
         }
-        vt = { name: i.name, sprite: i.sprite }, w.emit(_.JOIN, i), window.dispatchEvent(new CustomEvent("watchparty:socket-reconnect"));
+        yt = { name: i.name, sprite: i.sprite }, w.emit(_.JOIN, i), window.dispatchEvent(new CustomEvent("watchparty:socket-reconnect"));
       } else ae && A("socket", "Reconnected — no join payload, not re-joining any room");
       ae = !0;
     }), w.on("disconnect", (r) => {
-      Sn(null), _e = { reason: Ge ?? r, at: Date.now() }, Ge = null, d("socket", "Disconnected", { reason: r });
-    }), w.on("connect_error", (r) => Ee("socket", "Connection error", { message: r?.message })), w.on("reconnect_attempt", (r) => A("socket", "Reconnect attempt", { attempt: r })), w.on("reconnect_failed", () => Ee("socket", "Reconnect failed")), Ra(w);
+      vn(null), _e = { reason: Ge ?? r, at: Date.now() }, Ge = null, d("socket", "Disconnected", { reason: r });
+    }), w.on("connect_error", (r) => Ee("socket", "Connection error", { message: r?.message })), w.on("reconnect_attempt", (r) => A("socket", "Reconnect attempt", { attempt: r })), w.on("reconnect_failed", () => Ee("socket", "Reconnect failed")), Oa(w);
   }
   return w;
 }
 function qe(e) {
   return e.play_state === "playing" || e.playing === !0;
 }
-function Gt(e, t) {
+function $t(e, t) {
   return {
     id: String(e.id ?? e.server_seq ?? t ?? `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`),
     clientId: e.client_id,
@@ -1910,14 +1910,14 @@ function Gt(e, t) {
     // Attachments arrive from other clients, so the key shape is re-checked
     // here at the boundary rather than trusted at render time. A malformed
     // entry is dropped, not rendered and not allowed near an <img src>.
-    images: Array.isArray(e.images) ? e.images.filter((n) => !!n && at(n.key)).slice(0, Y) : void 0,
+    images: Array.isArray(e.images) ? e.images.filter((n) => !!n && ot(n.key)).slice(0, Y) : void 0,
     isSystem: e.isSystem || !1,
     systemType: e.systemType
   };
 }
-function xa(e) {
+function Ia(e) {
   e.on(_.SNAPSHOT, (t) => {
-    e.emit(on.SYNC), f.getState().applySnapshot({
+    e.emit(rn.SYNC), f.getState().applySnapshot({
       roomId: t.room_id ?? null,
       mediaId: t.media_id ?? null,
       playheadMs: t.playhead_ms || 0,
@@ -1925,7 +1925,7 @@ function xa(e) {
       serverSeq: t.server_seq || 0,
       leaderId: t.leader_id || null
     }), f.getState().name || d("socket", "Deferring identity to presence event (snapshot carries no roster)");
-    const n = f.getState(), r = w?.id, i = (r ? n.roster[r] : void 0) ?? vt, s = or(
+    const n = f.getState(), r = w?.id, i = (r ? n.roster[r] : void 0) ?? yt, s = ar(
       { name: n.name, avatarId: n.sprite },
       i ? { name: i.name, avatarId: i.sprite ?? null } : void 0,
       // A join that carried no name counts as a default one, so a name that
@@ -1935,7 +1935,7 @@ function xa(e) {
     if (s) {
       const l = {
         ...s.name !== void 0 ? { name: s.name } : {},
-        ...s.avatarId !== void 0 && !St ? { sprite: s.avatarId } : {}
+        ...s.avatarId !== void 0 && !bt ? { sprite: s.avatarId } : {}
       };
       Object.keys(l).length > 0 && (d("socket", "Identity update on snapshot", l), e.emit(_.IDENTITY_UPDATE, l));
     }
@@ -1946,7 +1946,7 @@ function xa(e) {
       leaderId: t.leader_id || null,
       serverSeq: t.server_seq || 0,
       rosterSize: Object.keys(n.roster).length
-    }), W?.room_key && w?.id && Sn({ room_key: W.room_key, client_id: w.id });
+    }), W?.room_key && w?.id && vn({ room_key: W.room_key, client_id: w.id });
   }), e.on(_.CONTROL_BROADCAST, (t) => {
     const n = f.getState();
     if (Object.prototype.hasOwnProperty.call(t, "media_id")) {
@@ -1968,7 +1968,7 @@ function xa(e) {
   }), e.on(_.CONTROL_ACK, (t) => {
     typeof t?.client_seq == "number" && typeof t?.server_seq == "number" && d("socket", "Control ack received", t);
   }), e.on(_.TIME_PONG, (t) => {
-    if (ga(ee, Date.now()), H && H.ts) {
+    if (ya(ee, Date.now()), H && H.ts) {
       const n = Date.now() - H.ts;
       f.getState().addRttSample(n, t?.server_ts, H.ts), H = null, $ && (clearTimeout($), $ = null), d("socket", "Time sync RTT", { rtt: n, offset: f.getState().drift.offsetMs });
     }
@@ -1978,11 +1978,11 @@ function xa(e) {
     f.getState().setReadiness({ mediaId: n, ready: i, readyCount: r, total: a }), d("socket", "Ready state received", { mediaId: n, readyCount: r, total: a, ready: i });
   });
 }
-function Ia(e) {
+function Ca(e) {
   const t = Yn(e);
   return t ? { cosmetics: t } : {};
 }
-function Ca(e) {
+function Ta(e) {
   e.on(_.PRESENCE, (t) => {
     if (!t) return;
     if (Array.isArray(t.users)) {
@@ -1996,7 +1996,7 @@ function Ca(e) {
           isLeader: l.is_leader,
           ...l.registry_name ? { registryName: !0 } : {},
           ...l.avatar_url ? { avatarUrl: l.avatar_url } : {},
-          ...Ia(l.cosmetics)
+          ...Ca(l.cosmetics)
         };
       const a = f.getState(), i = w?.id, s = i ? r[i] : void 0;
       if (s?.registryName)
@@ -2018,17 +2018,17 @@ function Ca(e) {
     }
   });
 }
-function Ta(e) {
+function Aa(e) {
   e.on(_.CHAT_BROADCAST, (t) => {
-    const n = { ...Gt(t, t.server_seq), live: !0 };
+    const n = { ...$t(t, t.server_seq), live: !0 };
     f.getState().appendChat(n), d("chat", "Message received", n);
   }), e.on(_.CHAT_HISTORY, (t) => {
     if (!t?.messages || !Array.isArray(t.messages)) return;
-    const n = t.messages.map((r) => Gt(r));
+    const n = t.messages.map((r) => $t(r));
     f.getState().setChat(n), d("chat", "History loaded", { count: n.length });
   });
 }
-function Aa(e) {
+function Ea(e) {
   e.on(be.STATE, (t) => {
     f.getState().applyPlaylistState({
       playlist: t?.playlist ?? null,
@@ -2041,54 +2041,54 @@ function Aa(e) {
     f.getState().setPlaylistResults(t ?? null), d("playlist", "Results received", { playlistId: t?.playlist?.id, update: t?.update === !0 });
   }), e.on(be.VOTES_CLEARED, (t) => {
     if (!t?.playlistId || !Array.isArray(t.mediaIds)) return;
-    const n = ma(
+    const n = fa(
       { id: t.playlistId, videos: t.mediaIds.map((a) => ({ mediaId: a })) },
-      No()
+      Po()
     ), r = f.getState();
     r.playlist?.id === t.playlistId && r.applyPlaylistState({ playlist: r.playlist, activeIndex: r.activePlaylistIndex, myVotes: {} }), d("playlist", "Votes cleared by leader", { playlistId: t.playlistId, removed: n });
   });
 }
-function Ea(e) {
-  e.on(Sr.UPDATED, () => {
-    d("tierlist", "Someone saved — refreshing the board"), Xo(!1);
+function ka(e) {
+  e.on(wr.UPDATED, () => {
+    d("tierlist", "Someone saved — refreshing the board"), Jo(!1);
   });
 }
-function ka(e) {
-  e.on(wr.STATE, (t) => {
+function Na(e) {
+  e.on(_r.STATE, (t) => {
     if (!t || typeof t.active != "boolean") return;
     const n = Array.isArray(t.ready) ? t.ready.filter((r) => typeof r == "string") : [];
     f.getState().setReadyCheckState({ active: t.active, ready: n }), d("ready-check", "State received", { active: t.active, readyCount: n.length });
   });
 }
-function Na(e) {
-  e.on(on.ACTIVE, (t) => {
+function Pa(e) {
+  e.on(rn.ACTIVE, (t) => {
     const n = typeof t?.gameId == "string" ? t.gameId : null;
     f.getState().setActiveGameId(n), d("game", "game_active", { gameId: n });
   });
 }
-function Pa(e) {
+function Ra(e) {
   e.on(_.HEALTH_SNAPSHOT, (t) => {
     f.getState().setHealthSnapshot(t);
   }), e.on(_.BUFFER_STATUS, (t) => {
     f.getState().setBufferStatus(t);
   });
 }
-function Ra(e) {
-  xa(e), Ca(e), Ta(e), Pa(e), Aa(e), Ea(e), ka(e), Na(e), e.on(_.ERROR, (t) => {
+function Oa(e) {
+  Ia(e), Ta(e), Aa(e), Ra(e), Ea(e), ka(e), Na(e), Pa(e), e.on(_.ERROR, (t) => {
     const n = t?.code || "error/unknown";
     if (n === "conflict" && t?.message === "sprite_held_by_you") {
-      St = !0, d("socket", "sprite held by this account's other connection: keeping the server-assigned sprite");
+      bt = !0, d("socket", "sprite held by this account's other connection: keeping the server-assigned sprite");
       return;
     }
     if (n === "conflict" && t?.message === "sprite_taken") {
-      if (Qo(w?.id)) {
+      if (ea(w?.id)) {
         d("socket", "sprite_taken: stale, the server already has our sprite");
         return;
       }
       me = !0;
       let s;
       try {
-        s = Zo();
+        s = Qo();
       } finally {
         me = !1;
       }
@@ -2119,10 +2119,10 @@ function Ra(e) {
     (n.startsWith("auth/") ? A : Ee)("socket", `Server error: ${a}`, { code: n, raw: t }), f.getState().pushToast("error", a);
   });
 }
-function Oa(e, t) {
+function Da(e, t) {
   re().emit(_.CHAT_SEND, t?.length ? { text: e, images: t } : { text: e });
 }
-function Da() {
+function Ma() {
   H || (H = { ts: Date.now() }, re().emit(_.TIME_PING, {}), $ = setTimeout(() => {
     H && (d("socket", "Time ping timed out after 10s, clearing inflight"), H = null), $ = null;
   }, 1e4));
@@ -2130,12 +2130,12 @@ function Da() {
 function Rn(e) {
   const t = f.getState(), n = t.me.clientId;
   if (!n || !t.roster[n]) {
-    Ht(e), d("socket", "Avatar change before join: the join will carry it", { sprite: e });
+    Ut(e), d("socket", "Avatar change before join: the join will carry it", { sprite: e });
     return;
   }
   me = !0;
   try {
-    Ht(e);
+    Ut(e);
   } finally {
     me = !1;
   }
@@ -2154,14 +2154,14 @@ f.subscribe((e, t) => {
   const s = {};
   a && (s.name = e.name, xe.name = e.name), i && (s.sprite = e.sprite, xe.sprite = e.sprite), d("socket", "Identity reassert (store change)", s), w?.connected ? w.emit(_.IDENTITY_UPDATE, s) : re().emit(_.IDENTITY_UPDATE, s);
 });
-function Ma() {
+function La() {
   Ne && (clearInterval(Ne), Ne = null), $ && (clearTimeout($), $ = null), H = null, ee.unansweredSince = null, ee.lastTickAt = null;
 }
-function La() {
+function ja() {
   d("socket", "clearJoinState called", { hadPayload: W !== null, room_key: W?.room_key }), W = null, ae = !1, Pn = null;
 }
-function qt() {
-  d("socket", "leaveRoom called", { room_key: W?.room_key }), La(), Ma(), w && (w.disconnect(), w = null), f.setState({
+function Bt() {
+  d("socket", "leaveRoom called", { room_key: W?.room_key }), ja(), La(), w && (w.disconnect(), w = null), f.setState({
     me: { clientId: null, nextClientSeq: 1 },
     roster: {},
     snapshot: { roomId: null, mediaId: null, playheadMs: 0, playing: !1, serverSeq: 0, leaderId: null },
@@ -2176,51 +2176,51 @@ function qt() {
     activeGameId: null
   });
 }
-function ja() {
+function Ua() {
   d("chat", "Emitting recap_request"), re().emit("recap_request");
 }
-function Ua() {
-  N(() => ta((e) => {
+function Fa() {
+  N(() => na((e) => {
     const t = kn(e);
     d("avatar", "Avatar changed in the settings popout", { sprite: t, source: e.avatar?.source }), Rn(t);
   }), []);
 }
-const Fa = 0.3, Ha = 0.82, Q = 24, $a = 32;
-function Ba(e) {
+const Ha = 0.3, $a = 0.82, Q = 24, Ba = 32;
+function Ga(e) {
   let t = 0, n = 0, r = 0, a = 0;
   for (let i = 0; i + 3 < e.length; i += 4) {
     const s = e[i + 3];
-    s < $a || (t += e[i] * s, n += e[i + 1] * s, r += e[i + 2] * s, a += s);
+    s < Ba || (t += e[i] * s, n += e[i + 1] * s, r += e[i + 2] * s, a += s);
   }
-  return a === 0 ? null : Ga(t / a, n / a, r / a);
+  return a === 0 ? null : qa(t / a, n / a, r / a);
 }
-function Ga(e, t, n) {
-  const [r, a, i] = qa(e / 255, t / 255, n / 255), s = Math.min(Ha, Math.max(Fa, i)), [l, m, h] = Va(r, a, s), u = (D) => Math.round(D * 255).toString(16).padStart(2, "0");
+function qa(e, t, n) {
+  const [r, a, i] = Va(e / 255, t / 255, n / 255), s = Math.min($a, Math.max(Ha, i)), [l, m, h] = Ka(r, a, s), u = (D) => Math.round(D * 255).toString(16).padStart(2, "0");
   return `#${u(l)}${u(m)}${u(h)}`;
 }
-function qa(e, t, n) {
+function Va(e, t, n) {
   const r = Math.max(e, t, n), a = Math.min(e, t, n), i = (r + a) / 2;
   if (r === a) return [0, 0, i];
   const s = r - a, l = i > 0.5 ? s / (2 - r - a) : s / (r + a);
   let m;
   return r === e ? m = (t - n) / s + (t < n ? 6 : 0) : r === t ? m = (n - e) / s + 2 : m = (e - t) / s + 4, [m / 6, l, i];
 }
-function Va(e, t, n) {
+function Ka(e, t, n) {
   if (t === 0) return [n, n, n];
   const r = n < 0.5 ? n * (1 + t) : n + t - n * t, a = 2 * n - r, i = (s) => (s < 0 && (s += 1), s > 1 && (s -= 1), s < 1 / 6 ? a + (r - a) * 6 * s : s < 1 / 2 ? r : s < 2 / 3 ? a + (r - a) * (2 / 3 - s) * 6 : a);
   return [i(e + 1 / 3), i(e), i(e - 1 / 3)];
 }
 const tt = /* @__PURE__ */ new Map(), Ve = /* @__PURE__ */ new Set(), nt = /* @__PURE__ */ new Set();
-function Ka() {
+function Wa() {
   for (const e of nt) e();
 }
-function Wa(e) {
+function Ya(e) {
   if (tt.has(e) || Ve.has(e) || typeof Image > "u" || typeof document > "u") return;
   Ve.add(e);
   const t = new Image();
   t.crossOrigin = "anonymous", t.referrerPolicy = "no-referrer";
   const n = (r) => {
-    Ve.delete(e), tt.set(e, r), Ka();
+    Ve.delete(e), tt.set(e, r), Wa();
   };
   t.onload = () => {
     try {
@@ -2231,28 +2231,28 @@ function Wa(e) {
         n(null);
         return;
       }
-      a.drawImage(t, 0, 0, Q, Q), n(Ba(a.getImageData(0, 0, Q, Q).data));
+      a.drawImage(t, 0, 0, Q, Q), n(Ga(a.getImageData(0, 0, Q, Q).data));
     } catch (r) {
       d("avatar", "picture colour unreadable", { url: e, error: r instanceof Error ? r.message : String(r) }), n(null);
     }
   }, t.onerror = () => n(null), t.src = e;
 }
-function Ya(e) {
+function za(e) {
   return nt.add(e), () => nt.delete(e);
 }
-function za(e, t) {
+function Xa(e, t) {
   if (t) {
     const n = tt.get(t);
     if (n) return n;
   }
-  return _n(e);
+  return wn(e);
 }
 function On(e, t) {
   return N(() => {
-    t && Wa(t);
-  }, [t]), Ln(Ya, () => za(e, t), () => _n(e));
+    t && Ya(t);
+  }, [t]), Ln(za, () => Xa(e, t), () => wn(e));
 }
-function Xa(e, t) {
+function Ja(e, t) {
   if (t) {
     for (const n of Object.values(e))
       if (n.author === t && n.avatarUrl) return n.avatarUrl;
@@ -2273,10 +2273,10 @@ function Dn({ sprite: e, url: t, alt: n = "", className: r, style: a, fallback:
         onError: () => l(t)
       }
     );
-  const m = Ao(e);
+  const m = Eo(e);
   return m ? /* @__PURE__ */ c("img", { src: m, alt: n, crossOrigin: "anonymous", className: r, style: a, draggable: !1 }) : /* @__PURE__ */ c(ce, { children: i });
 }
-function Ja({ sprite: e, url: t, alt: n, worn: r }) {
+function Za({ sprite: e, url: t, alt: n, worn: r }) {
   return /* @__PURE__ */ v("span", { className: "hc-av", style: { "--hc-sz": "32px" }, children: [
     /* @__PURE__ */ c("span", { className: "hc-pic", children: /* @__PURE__ */ c(
       Dn,
@@ -2291,18 +2291,18 @@ function Ja({ sprite: e, url: t, alt: n, worn: r }) {
     r?.overlay && /* @__PURE__ */ c(et, { html: zn(r), style: { display: "contents" } })
   ] });
 }
-function Za(e) {
+function Qa(e) {
   return !(e.button !== 0 || e.ctrlKey || e.metaKey || e.shiftKey || e.altKey);
 }
-function Qa({ src: e, title: t, onClose: n }) {
+function ei({ src: e, title: t, onClose: n }) {
   N(() => {
     const i = (s) => {
       s.key === "Escape" && (s.stopPropagation(), n());
     };
     return document.addEventListener("keydown", i, !0), () => document.removeEventListener("keydown", i, !0);
   }, [n]);
-  const r = io(), a = typeof document > "u" ? null : document.fullscreenElement ?? r ?? document.body;
-  return a ? ar(
+  const r = so(), a = typeof document > "u" ? null : document.fullscreenElement ?? r ?? document.body;
+  return a ? ir(
     /* @__PURE__ */ v(
       "div",
       {
@@ -2340,11 +2340,11 @@ function Qa({ src: e, title: t, onClose: n }) {
     a
   ) : null;
 }
-const Ke = 240, ei = 320;
-function ti({ image: e }) {
+const Ke = 240, ti = 320;
+function ni({ image: e }) {
   const [t, n] = R(!1), r = Re(e.key);
   if (!r) return null;
-  const a = e.w > 0 && e.h > 0, i = a ? Math.min(1, ei / e.w, Ke / e.h) : 1;
+  const a = e.w > 0 && e.h > 0, i = a ? Math.min(1, ti / e.w, Ke / e.h) : 1;
   return /* @__PURE__ */ v(ce, { children: [
     /* @__PURE__ */ c(
       "a",
@@ -2355,7 +2355,7 @@ function ti({ image: e }) {
         className: "block max-w-full cursor-zoom-in",
         "data-testid": "chat-image",
         onClick: (s) => {
-          Za(s) && (s.preventDefault(), n(!0));
+          Qa(s) && (s.preventDefault(), n(!0));
         },
         children: /* @__PURE__ */ c(
           "img",
@@ -2373,7 +2373,7 @@ function ti({ image: e }) {
       }
     ),
     t && /* @__PURE__ */ c(
-      Qa,
+      ei,
       {
         src: r,
         title: e.title,
@@ -2382,18 +2382,18 @@ function ti({ image: e }) {
     )
   ] });
 }
-function ni({ images: e }) {
-  return e?.length ? /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-1 mt-1", "data-testid": "chat-images", children: e.map((t, n) => /* @__PURE__ */ c(ti, { image: t }, `${t.key}-${n}`)) }) : null;
+function ri({ images: e }) {
+  return e?.length ? /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-1 mt-1", "data-testid": "chat-images", children: e.map((t, n) => /* @__PURE__ */ c(ni, { image: t }, `${t.key}-${n}`)) }) : null;
 }
-function ri(e, t) {
+function oi(e, t) {
   return e.author && t.author ? e.author === t.author : !!t.clientId && e.clientId === t.clientId;
 }
 function We(e) {
   return new Date(e).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
 }
-const oi = Pe.memo(function({ message: t }) {
-  const n = f((u) => u.me.clientId), r = f((u) => u.me.clientId ? u.roster[u.me.clientId]?.author : void 0), a = ri(t, { clientId: n, author: r }), i = f((u) => Xa(u.roster, t.author)), s = On(t.sprite, i), l = qo(t.isSystem ? void 0 : t.author), m = K(null);
-  Ko(m, !!l);
+const ai = Pe.memo(function({ message: t }) {
+  const n = f((u) => u.me.clientId), r = f((u) => u.me.clientId ? u.roster[u.me.clientId]?.author : void 0), a = oi(t, { clientId: n, author: r }), i = f((u) => Ja(u.roster, t.author)), s = On(t.sprite, i), l = Vo(t.isSystem ? void 0 : t.author), m = K(null);
+  Wo(m, !!l);
   const [h] = R(
     () => t.live && t.text ? Xn(t.text, l) : null
   );
@@ -2406,18 +2406,18 @@ const oi = Pe.memo(function({ message: t }) {
   ] }) }) : t.isSystem ? /* @__PURE__ */ v("div", { className: "px-2 py-0.5 text-[11px] text-text-muted italic text-center leading-tight", children: [
     t.text,
     /* @__PURE__ */ c("span", { className: "ml-1 text-[10px] opacity-50", children: We(t.ts) })
-  ] }) : /* @__PURE__ */ v("div", { ref: m, style: Vo(s), className: `flex items-start gap-2 px-2 py-1 hover:bg-bg-card/20 ${a ? "bg-bg-card/30" : ""}`, children: [
-    /* @__PURE__ */ c(Ja, { sprite: t.sprite, url: i, alt: t.name, worn: l }),
+  ] }) : /* @__PURE__ */ v("div", { ref: m, style: Ko(s), className: `flex items-start gap-2 px-2 py-1 hover:bg-bg-card/20 ${a ? "bg-bg-card/30" : ""}`, children: [
+    /* @__PURE__ */ c(Za, { sprite: t.sprite, url: i, alt: t.name, worn: l }),
     /* @__PURE__ */ v("div", { className: "flex-1 min-w-0 -mt-0.5", children: [
       l ? /* @__PURE__ */ c(et, { html: Jn(t.name, l), className: "text-[13px]", style: { color: s } }) : /* @__PURE__ */ c("span", { className: "font-medium text-[13px]", style: { color: s }, children: t.name }),
       /* @__PURE__ */ c("span", { className: "text-[10px] text-text-muted opacity-60 ml-1.5", children: We(t.ts) }),
       t.text && (h ? /* @__PURE__ */ c(et, { as: "p", html: h, className: "text-[13px] text-text break-words leading-snug m-0" }) : /* @__PURE__ */ c("p", { className: "text-[13px] text-text break-words leading-snug m-0", children: t.text })),
-      /* @__PURE__ */ c(ni, { images: t.images })
+      /* @__PURE__ */ c(ri, { images: t.images })
     ] })
   ] });
 });
-function ai() {
-  Bo();
+function ii() {
+  Go();
   const e = f((a) => a.chat), t = K(null), n = K(!1), r = k(() => {
     const a = t.current;
     if (!a) return;
@@ -2441,13 +2441,13 @@ function ai() {
             /* @__PURE__ */ c("span", { className: "text-[10px] text-text-muted whitespace-nowrap", children: new Date(a.ts).toLocaleDateString([], { weekday: "short", month: "short", day: "numeric" }) }),
             /* @__PURE__ */ c("div", { className: "flex-1 h-px bg-border" })
           ] }),
-          /* @__PURE__ */ c(oi, { message: a })
+          /* @__PURE__ */ c(ai, { message: a })
         ] }, a.id);
       }) })
     }
   );
 }
-const wt = [
+const vt = [
   {
     name: "recap",
     description: "Summarise the previous episode of what is loaded",
@@ -2468,12 +2468,12 @@ const wt = [
     scope: "local"
   }
 ], te = "/";
-function ii(e) {
+function si(e) {
   if (!e.startsWith(te)) return null;
   const t = e.slice(te.length);
   return /\s/.test(t) ? null : t.toLowerCase();
 }
-function si(e, t = wt) {
+function li(e, t = vt) {
   const n = e.toLowerCase();
   if (!n) return [...t].sort((a, i) => a.name.localeCompare(i.name));
   const r = [];
@@ -2483,23 +2483,23 @@ function si(e, t = wt) {
   }
   return r.sort((a, i) => a.rank - i.rank || a.cmd.name.localeCompare(i.cmd.name)).map((a) => a.cmd);
 }
-function li(e) {
+function ci(e) {
   return `${te}${e.name} `;
 }
 function Ye(e, t) {
   return t <= 0 ? 0 : (e % t + t) % t;
 }
-function ci(e, t = wt) {
+function di(e, t = vt) {
   const n = e.trim();
   if (!n) return null;
   if (!n.startsWith(te)) return { kind: "chat", text: n };
   const r = n.slice(te.length), a = r.search(/\s/), i = (a === -1 ? r : r.slice(0, a)).toLowerCase(), s = a === -1 ? "" : r.slice(a).trim(), l = t.find((m) => m.name.toLowerCase() === i);
   return l ? { kind: "command", command: l, args: s } : { kind: "chat", text: n };
 }
-function di(e, t) {
+function ui(e, t) {
   return e.requiresMedia && !t.hasMedia ? `${te}${e.name} needs an episode loaded.` : null;
 }
-function ui({
+function mi({
   commands: e,
   activeIndex: t,
   hasMedia: n,
@@ -2541,7 +2541,7 @@ function ui({
     }
   );
 }
-function mi({
+function fi({
   pending: e,
   uploading: t,
   onRemove: n
@@ -2568,24 +2568,24 @@ function mi({
     )
   ] }, r.id)) }) : null;
 }
-function fi() {
+function pi() {
   const [e, t] = R([]), [n, r] = R(!1), a = f((p) => p.pushToast), i = K(/* @__PURE__ */ new Set());
   N(() => () => {
     for (const p of i.current) URL.revokeObjectURL(p);
     i.current.clear();
   }, []);
   const s = k((p) => {
-    Gr(p) && (URL.revokeObjectURL(p.previewUrl), i.current.delete(p.previewUrl));
+    qr(p) && (URL.revokeObjectURL(p.previewUrl), i.current.delete(p.previewUrl));
   }, []), l = k(async (p) => {
     if (!p.length) return;
     const S = [];
     for (const b of p) {
-      const I = Vr(b);
+      const I = Kr(b);
       if (I) {
         a("error", I);
         continue;
       }
-      const { w: g, h: E } = await Yr(b), O = URL.createObjectURL(b);
+      const { w: g, h: E } = await zr(b), O = URL.createObjectURL(b);
       i.current.add(O), S.push({
         kind: "file",
         id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
@@ -2620,7 +2620,7 @@ function fi() {
       w: p.width ?? 0,
       h: p.height ?? 0,
       title: p.title || void 0
-    }]), Ue().catalogue(pn).recordUse(p.key));
+    }]), Ue().catalogue(fn).recordUse(p.key));
   }, [a]), h = k((p) => {
     t((S) => {
       const b = S.find((I) => I.id === p);
@@ -2632,10 +2632,10 @@ function fi() {
       return [];
     });
   }, [s]), D = k((p) => {
-    const S = Kr(p.clipboardData);
+    const S = Wr(p.clipboardData);
     S.length && (p.preventDefault(), l(S));
   }, [l]), M = k((p) => {
-    const S = Wr(p.dataTransfer);
+    const S = Yr(p.dataTransfer);
     S.length && (p.preventDefault(), l(S));
   }, [l]), L = k((p) => {
     p.dataTransfer?.types?.includes("Files") && p.preventDefault();
@@ -2643,9 +2643,9 @@ function fi() {
     if (!e.length) return [];
     r(!0);
     try {
-      return await Xr(e);
+      return await Jr(e);
     } catch (p) {
-      return A("chat", "Image upload failed", Jr(p)), a("error", qr(p)), null;
+      return A("chat", "Image upload failed", Zr(p)), a("error", Vr(p)), null;
     } finally {
       r(!1);
     }
@@ -2663,16 +2663,16 @@ function fi() {
     onDragOver: L
   };
 }
-const Vt = Zt, pi = lr;
-function hi({ commands: e = wt }) {
-  const [t, n] = R(""), [r, a] = R(!1), [i, s] = R({ q: null, i: 0 }), [l, m] = R(!1), h = K(null), u = jn(), [D, M] = R(!1), [L, C] = R(!1), p = fi(), S = f((y) => y.snapshot.mediaId), b = f((y) => y.pushToast), I = f((y) => y.setTierlistOpen), g = !!S, E = ii(t), O = J(
-    () => E === null ? [] : si(E, e),
+const Gt = Jt, hi = cr;
+function gi({ commands: e = vt }) {
+  const [t, n] = R(""), [r, a] = R(!1), [i, s] = R({ q: null, i: 0 }), [l, m] = R(!1), h = K(null), u = jn(), [D, M] = R(!1), [L, C] = R(!1), p = pi(), S = f((y) => y.snapshot.mediaId), b = f((y) => y.pushToast), I = f((y) => y.setTierlistOpen), g = !!S, E = si(t), O = J(
+    () => E === null ? [] : li(E, e),
     [E, e]
-  ), U = E !== null && !l && O.length > 0, F = i.q === E ? Ye(i.i, O.length) : 0, x = k(
+  ), j = E !== null && !l && O.length > 0, F = i.q === E ? Ye(i.i, O.length) : 0, x = k(
     (y) => s({ q: E, i: y }),
     [E]
-  ), P = k((y, j) => {
-    const oe = di(y, { hasMedia: g });
+  ), P = k((y, U) => {
+    const oe = ui(y, { hasMedia: g });
     if (oe) {
       b("info", oe);
       return;
@@ -2682,58 +2682,58 @@ function hi({ commands: e = wt }) {
         b("info", e.map((Mn) => Mn.usage).join("  "));
         break;
       case "recap":
-        ja();
+        Ua();
         break;
       case "tierlist":
-        Jo(), I(!0);
+        Zo(), I(!0);
         break;
       default:
         b("info", `${y.usage} is not implemented yet.`);
     }
   }, [g, b, e, I]), T = k((y) => {
-    n(li(y)), m(!1), h.current?.focus();
+    n(ci(y)), m(!1), h.current?.focus();
   }, []), he = k(async (y) => {
     if (y.preventDefault(), r || p.uploading) return;
-    const j = ci(t, e);
-    if (!j && !p.pending.length) return;
-    if (j?.kind === "command" && p.pending.length) {
+    const U = di(t, e);
+    if (!U && !p.pending.length) return;
+    if (U?.kind === "command" && p.pending.length) {
       b("info", "Send images on their own, not with a command.");
       return;
     }
-    if (j?.kind === "command") {
-      P(j.command, j.args), n(""), !document.hidden && document.hasFocus() && h.current?.focus();
+    if (U?.kind === "command") {
+      P(U.command, U.args), n(""), !document.hidden && document.hasFocus() && h.current?.focus();
       return;
     }
     const oe = await p.uploadPending();
-    oe !== null && (Oa(j?.text ?? "", oe), n(""), p.clear(), a(!0), setTimeout(() => a(!1), pi), !document.hidden && document.hasFocus() && h.current?.focus());
+    oe !== null && (Da(U?.text ?? "", oe), n(""), p.clear(), a(!0), setTimeout(() => a(!1), hi), !document.hidden && document.hasFocus() && h.current?.focus());
   }, [t, r, P, p, b, e]), ge = k((y) => {
-    if (y.key === "Escape" && U) {
+    if (y.key === "Escape" && j) {
       y.preventDefault(), m(!0);
       return;
     }
-    if (U) {
+    if (j) {
       if (y.key === "ArrowDown")
         y.preventDefault(), x(Ye(F + 1, O.length));
       else if (y.key === "ArrowUp")
         y.preventDefault(), x(Ye(F - 1, O.length));
       else if (y.key === "Tab") {
         y.preventDefault();
-        const j = O[F];
-        j && T(j);
+        const U = O[F];
+        U && T(U);
       } else if (y.key === "Enter") {
         y.preventDefault();
-        const j = O[F];
-        j && T(j);
+        const U = O[F];
+        U && T(U);
       }
     }
-  }, [U, O, F, T, x]);
+  }, [j, O, F, T, x]);
   N(() => {
     const y = () => {
       document.hidden || !document.hasFocus() || (h.current?.focus(), h.current?.scrollIntoView({ block: "nearest" }));
     };
     return window.addEventListener("watchparty:focus-chat-input", y), () => window.removeEventListener("watchparty:focus-chat-input", y);
   }, []);
-  const ye = Vt - t.length, _t = ye <= 100, xt = U ? O[F] : void 0;
+  const ye = Gt - t.length, St = ye <= 100, wt = j ? O[F] : void 0;
   return /* @__PURE__ */ v(
     "form",
     {
@@ -2745,10 +2745,10 @@ function hi({ commands: e = wt }) {
       onDragOver: p.onDragOver,
       className: "p-2 border-t border-border",
       children: [
-        /* @__PURE__ */ c(mi, { pending: p.pending, uploading: p.uploading, onRemove: p.remove }),
+        /* @__PURE__ */ c(fi, { pending: p.pending, uploading: p.uploading, onRemove: p.remove }),
         /* @__PURE__ */ v("div", { className: "relative", children: [
-          U && /* @__PURE__ */ c(
-            ui,
+          j && /* @__PURE__ */ c(
+            mi,
             {
               commands: O,
               activeIndex: F,
@@ -2759,7 +2759,7 @@ function hi({ commands: e = wt }) {
             }
           ),
           /* @__PURE__ */ c(
-            no,
+            ro,
             {
               open: D,
               onClose: () => M(!1),
@@ -2781,17 +2781,17 @@ function hi({ commands: e = wt }) {
                     n(y.target.value), m(!1);
                   },
                   onKeyDown: ge,
-                  maxLength: Vt,
+                  maxLength: Gt,
                   placeholder: "Send a message",
                   role: "combobox",
-                  "aria-expanded": U,
-                  "aria-controls": U ? u : void 0,
-                  "aria-activedescendant": xt ? `${u}-opt-${xt.name}` : void 0,
+                  "aria-expanded": j,
+                  "aria-controls": j ? u : void 0,
+                  "aria-activedescendant": wt ? `${u}-opt-${wt.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 ${_t ? "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 ${St ? "pr-12" : ""}`
                 }
               ),
-              /* @__PURE__ */ c("span", { className: `absolute right-2 top-1/2 -translate-y-1/2 text-[10px] ${ye <= 50 ? ye <= 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: _t && ye })
+              /* @__PURE__ */ c("span", { className: `absolute right-2 top-1/2 -translate-y-1/2 text-[10px] ${ye <= 50 ? ye <= 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: St && ye })
             ] }),
             !L && /* @__PURE__ */ c(
               "button",
@@ -2812,11 +2812,11 @@ function hi({ commands: e = wt }) {
     }
   );
 }
-function gi() {
+function yi() {
   const e = f((n) => n.roster), t = Object.values(e);
-  return t.length ? /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: t.map((n) => /* @__PURE__ */ c(yi, { u: n }, n.clientId)) }) : /* @__PURE__ */ c("div", { className: "text-xs text-text-muted", children: "No users online" });
+  return t.length ? /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: t.map((n) => /* @__PURE__ */ c(bi, { u: n }, n.clientId)) }) : /* @__PURE__ */ c("div", { className: "text-xs text-text-muted", children: "No users online" });
 }
-function yi({ u: e }) {
+function bi({ u: e }) {
   const t = On(e.sprite, e.avatarUrl);
   return /* @__PURE__ */ v("div", { className: "flex items-center gap-2 py-0.5", children: [
     /* @__PURE__ */ c(
@@ -2833,7 +2833,7 @@ function yi({ u: e }) {
     e.isLeader && /* @__PURE__ */ c("span", { className: "ml-auto px-1.5 py-0.5 rounded text-[9px] font-medium bg-success/20 text-success", children: "Leader" })
   ] });
 }
-function bi() {
+function vi() {
   const e = f((a) => Object.keys(a.roster).length), [t, n] = R(!1), r = K(null);
   return N(() => {
     if (!t) return;
@@ -2861,11 +2861,11 @@ function bi() {
         e,
         " online"
       ] }),
-      /* @__PURE__ */ c(gi, {})
+      /* @__PURE__ */ c(yi, {})
     ] })
   ] });
 }
-function Kt({ className: e = "fixed bottom-4 left-1/2 -translate-x-1/2" }) {
+function qt({ className: e = "fixed bottom-4 left-1/2 -translate-x-1/2" }) {
   const t = f((r) => r.toasts), n = f((r) => r.popToast);
   return N(() => {
     const r = t.map((a) => setTimeout(() => n(a.id), 4e3));
@@ -2874,39 +2874,39 @@ function Kt({ className: e = "fixed bottom-4 left-1/2 -translate-x-1/2" }) {
     };
   }, [t, n]), /* @__PURE__ */ c("div", { className: `${e} flex flex-col gap-2 z-50`, children: t.map((r) => /* @__PURE__ */ c("div", { className: `px-3 py-2 rounded text-sm shadow font-medium border ${r.kind === "error" ? "bg-danger-bg text-on-danger-bg border-danger" : "bg-bg-card border-border-light text-text"}`, children: r.msg }, r.id)) });
 }
-const Wt = (e) => typeof e == "string" && Fn.includes(e);
-function vi(e, t, n) {
-  return e || (Wt(t) ? t : Wt(n) ? n : "dark");
+const Vt = (e) => typeof e == "string" && Fn.includes(e);
+function Si(e, t, n) {
+  return e || (Vt(t) ? t : Vt(n) ? n : "dark");
 }
-function Si(e, t) {
+function wi(e, t) {
   if (t(e.clientWidth), typeof ResizeObserver > "u") return () => {
   };
   const n = new ResizeObserver(() => t(e.clientWidth));
   return n.observe(e), () => n.disconnect();
 }
-function wi(e) {
+function _i(e) {
   const t = e?.trim() ?? "";
   return t ? { source: "host", name: t } : { source: "auto" };
 }
-function _i(e) {
+function xi(e) {
   if (e.source !== "host") return;
   const { setSessionIdentity: t, sprite: n } = f.getState();
   t(e.name, n);
 }
-function xi({ className: e = "w-4 h-4" }) {
+function Ii({ className: e = "w-4 h-4" }) {
   return /* @__PURE__ */ v("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
     /* @__PURE__ */ c("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 4v16" }),
     /* @__PURE__ */ c("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12l-5 4v-8l5 4z" })
   ] });
 }
-function Ii({ className: e = "w-4 h-4" }) {
+function Ci({ className: e = "w-4 h-4" }) {
   return /* @__PURE__ */ v("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
     /* @__PURE__ */ c("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20 4v16" }),
     /* @__PURE__ */ c("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12l5 4v-8l-5 4z" })
   ] });
 }
-const Ci = 1500;
-function Hi({
+const Ti = 1500;
+function $i({
   roomKey: e,
   serverOrigin: t,
   userType: n,
@@ -2919,47 +2919,47 @@ function Hi({
   debug: h,
   children: u
 }) {
-  const [D, M] = R(null), { setFrame: L, ...C } = Ti(l, m), p = Yt(() => i), S = J(() => (ko({ userType: n, userId: r ?? null }), gt().theme), [n, r]), b = Hn(), I = b?.theme, g = J(
-    () => vi(a, I, S),
+  const [D, M] = R(null), { setFrame: L, ...C } = Ai(l, m), p = Wt(() => i), S = J(() => (No({ userType: n, userId: r ?? null }), ht().theme), [n, r]), b = Hn(), I = b?.theme, g = J(
+    () => Si(a, I, S),
     [a, I, S]
   );
   N(() => {
   }, [a, b !== null]);
   const O = J(
-    () => ({ ...ut, serverOrigin: t, defaultRoomKey: e }),
+    () => ({ ...dt, serverOrigin: t, defaultRoomKey: e }),
     [t, e]
   );
   return N(() => {
-    h && co();
-  }, [h]), Ua(), N(() => {
-    ro({ serverOrigin: t, defaultRoomKey: e }), f.getState().rehydrateFromPrefs(), da();
-    let U = !1;
-    const F = Eo();
+    h && uo();
+  }, [h]), Fa(), N(() => {
+    oo({ serverOrigin: t, defaultRoomKey: e }), f.getState().rehydrateFromPrefs(), ua();
+    let j = !1;
+    const F = ko();
     return (async () => {
       try {
         await Promise.race([
           Promise.all([
             F,
-            Lo().then((T) => {
+            jo().then((T) => {
               T && f.getState().rehydrateFromPrefs();
             }),
             // The character chosen in the settings popout (lib/avatar.ts).
-            ea().then(Rn)
+            ta().then(Rn)
           ]),
-          new Promise((T) => setTimeout(T, Ci))
+          new Promise((T) => setTimeout(T, Ti))
         ]);
       } catch (T) {
         A("room-chrome", "pre-join wait threw, proceeding anyway", pe(T));
       }
-      if (U) return;
-      const x = wi(p());
-      f.getState().ensureAutoIdentity(), _i(x);
+      if (j) return;
+      const x = _i(p());
+      f.getState().ensureAutoIdentity(), xi(x);
       const P = f.getState();
-      d("room-chrome", "Joining room", { roomKey: e, name: P.name, sprite: P.sprite }), Sa({ room_key: e, name: P.name || void 0, sprite: P.sprite || void 0 });
+      d("room-chrome", "Joining room", { roomKey: e, name: P.name, sprite: P.sprite }), wa({ room_key: e, name: P.name || void 0, sprite: P.sprite || void 0 });
     })(), () => {
-      U = !0, qt();
+      j = !0, Bt();
     };
-  }, [e, t, n, r]), /* @__PURE__ */ c(oo.Provider, { value: O, children: /* @__PURE__ */ c(bt.Provider, { value: !1, children: /* @__PURE__ */ c(gn.Provider, { value: D, children: /* @__PURE__ */ v("div", { ref: L, className: "wp-room-chrome-frame", children: [
+  }, [e, t, n, r]), /* @__PURE__ */ c(ao.Provider, { value: O, children: /* @__PURE__ */ c(En.Provider, { value: !1, children: /* @__PURE__ */ c(hn.Provider, { value: D, children: /* @__PURE__ */ v("div", { ref: L, className: "wp-room-chrome-frame", children: [
     /* @__PURE__ */ c("div", { className: "wp-room-chrome-frame__content", children: u }),
     /* @__PURE__ */ c(
       "aside",
@@ -2969,6 +2969,7 @@ function Hi({
         "data-theme": g,
         "data-collapsed": C.collapsed ? "1" : "0",
         style: { "--wp-room-chrome-width": `${C.state.width}px` },
+        onAnimationEnd: (j) => Zn(j.nativeEvent),
         children: C.collapsed ? /* @__PURE__ */ v(ce, { children: [
           /* @__PURE__ */ c(
             "button",
@@ -2978,10 +2979,10 @@ function Hi({
               title: "Show chat",
               "aria-label": "Show chat",
               "aria-expanded": !1,
-              children: /* @__PURE__ */ c(Ii, {})
+              children: /* @__PURE__ */ c(Ci, {})
             }
           ),
-          /* @__PURE__ */ c(Kt, { className: "absolute bottom-2 right-full mr-2 w-72" })
+          /* @__PURE__ */ c(qt, { className: "absolute bottom-2 right-full mr-2 w-72" })
         ] }) : /* @__PURE__ */ v(ce, { children: [
           /* @__PURE__ */ c(
             "div",
@@ -2990,7 +2991,7 @@ function Hi({
               "aria-orientation": "vertical",
               "aria-label": "Resize chat",
               "aria-valuemin": Le,
-              "aria-valuemax": yt,
+              "aria-valuemax": gt,
               "aria-valuenow": C.state.width,
               tabIndex: 0,
               className: "wp-room-chrome__resize",
@@ -3003,13 +3004,13 @@ function Hi({
             }
           ),
           /* @__PURE__ */ v("div", { className: "flex items-center gap-1 px-2 py-1.5 border-b border-border", children: [
-            /* @__PURE__ */ c(bi, {}),
+            /* @__PURE__ */ c(vi, {}),
             /* @__PURE__ */ c("div", { className: "flex-1" }),
             s && /* @__PURE__ */ c(
               "button",
               {
                 onClick: () => {
-                  qt(), s();
+                  Bt(), s();
                 },
                 className: "wp-room-chrome__leave",
                 title: "Leave room",
@@ -3025,25 +3026,25 @@ function Hi({
                 title: "Hide chat",
                 "aria-label": "Hide chat",
                 "aria-expanded": !0,
-                children: /* @__PURE__ */ c(xi, {})
+                children: /* @__PURE__ */ c(Ii, {})
               }
             )
           ] }),
-          /* @__PURE__ */ c(ai, {}),
-          /* @__PURE__ */ c(hi, { commands: [] }),
-          /* @__PURE__ */ c(Kt, { className: "absolute bottom-14 left-2 right-2" })
+          /* @__PURE__ */ c(ii, {}),
+          /* @__PURE__ */ c(gi, { commands: [] }),
+          /* @__PURE__ */ c(qt, { className: "absolute bottom-14 left-2 right-2" })
         ] })
       }
     )
   ] }) }) }) });
 }
-function Ti(e, t) {
+function Ai(e, t) {
   const n = f((g) => g.chromeChatCollapsed) && t, r = f((g) => g.chromeChatWidth), a = f((g) => g.toggleChromeChatCollapsed), i = f((g) => g.setChromeChatWidth), [s, l] = R(null), [m, h] = R(void 0), [u, D] = R(null);
   N(() => {
     if (s)
-      return Si(s, h);
+      return wi(s, h);
   }, [s]);
-  const M = V(u?.current ?? r, m), L = J(() => $o(n, M), [n, M]), C = Yt((g) => e?.(g));
+  const M = V(u?.current ?? r, m), L = J(() => Bo(n, M), [n, M]), C = Wt((g) => e?.(g));
   return N(() => {
     C(L);
   }, [L]), {
@@ -3056,20 +3057,20 @@ function Ti(e, t) {
       g.button === 0 && (g.preventDefault(), g.currentTarget.setPointerCapture(g.pointerId), D({ pointerId: g.pointerId, startX: g.clientX, startWidth: M, current: M }));
     },
     onPointerMove: (g) => {
-      !u || u.pointerId !== g.pointerId || D({ ...u, current: jt(u.startWidth, u.startX, g.clientX, m) });
+      !u || u.pointerId !== g.pointerId || D({ ...u, current: Mt(u.startWidth, u.startX, g.clientX, m) });
     },
     onPointerEnd: (g) => {
       if (!u || u.pointerId !== g.pointerId) return;
-      const E = jt(u.startWidth, u.startX, g.clientX, m);
+      const E = Mt(u.startWidth, u.startX, g.clientX, m);
       D(null), E !== r && i(E);
     },
     onKeyDown: (g) => {
-      const E = Ho(M, g.key, m);
+      const E = $o(M, g.key, m);
       E !== null && (g.preventDefault(), E !== r && i(E));
     }
   };
 }
 export {
-  Hi as RoomChrome
+  $i as RoomChrome
 };
 //# sourceMappingURL=room-chrome.js.map