@hadoku/watchparty-ui 0.44.16 → 0.44.19

package/dist/room-chrome.js

@@ -1,23 +1,23 @@
-import { jsx as c, jsxs as v, Fragment as le } from "react/jsx-runtime";
-import $t, { useState as R, useRef as z, useMemo as Q, useCallback as E, useEffect as D, createContext as Bt, useContext as Pn, useId as Nn, useEffectEvent as Gt } from "react";
-import { themePrefs as ae, Icon as Rn, THEMES as Dn, useHadokuThemeOptional as On } from "@wolffm/themes";
+import { jsx as c, jsxs as _, Fragment as le } from "react/jsx-runtime";
+import Ht, { useState as R, useRef as z, useMemo as Q, useCallback as E, useEffect as D, createContext as $t, useContext as En, useId as Pn, useEffectEvent as Bt } from "react";
+import { themePrefs as ie, Icon as Nn, THEMES as Rn, useHadokuThemeOptional as Dn } from "@wolffm/themes";
 import { z as r } from "zod";
-import { createCdnClient as Mn, kindOfType as Ln, MAX_BYTES as jn, measureImage as Un, filesFromClipboard as Fn, filesFromDrop as Hn, CdnError as qe } from "@wolffm/cdn-client";
-import { create as $n } from "zustand";
-import { createPrefsClient as Bn, getDeviceId as Gn, DEVICE_ID_KEY as Kn } from "@wolffm/prefs-client";
-import { io as Wn } from "socket.io-client";
-import { createAvatarClient as qn, AvatarError as ht } from "@wolffm/prefs-client/avatar";
-import { resolveIdentityReassert as Vn } from "@wolffm/rooms-protocol";
-import { createPortal as Yn } from "react-dom";
-import { useCatalogueSearch as zn } from "@wolffm/cdn-client/react";
-const Kt = "https://cdn.hadoku.me", Wt = /^[0-9a-f]{64}\.(?:png|jpe?g|gif|webp|avif)$/;
+import { createCdnClient as On, kindOfType as Mn, MAX_BYTES as Ln, measureImage as jn, filesFromClipboard as Un, filesFromDrop as Fn, CdnError as qe } from "@wolffm/cdn-client";
+import { create as Hn } from "zustand";
+import { createPrefsClient as $n, getDeviceId as Bn, DEVICE_ID_KEY as Gn } from "@wolffm/prefs-client";
+import { io as Kn } from "socket.io-client";
+import { createAvatarClient as Wn, AvatarError as ht } from "@wolffm/prefs-client/avatar";
+import { resolveIdentityReassert as qn } from "@wolffm/rooms-protocol";
+import { createPortal as Vn } from "react-dom";
+import { useCatalogueSearch as Yn } from "@wolffm/cdn-client/react";
+const Gt = "https://cdn.hadoku.me", Kt = /^[0-9a-f]{64}\.(?:png|jpe?g|gif|webp|avif)$/;
 function Je(e) {
-  return typeof e == "string" && Wt.test(e);
+  return typeof e == "string" && Kt.test(e);
 }
-const Qe = 8080, qt = 5173, Xn = "/watchparty/ws", Vt = 500, Jn = 1e3, V = 4, Yt = typeof process < "u" && process.env ? process.env : {};
-Yt.PRODUCTION_UI_URL;
-Yt.PRODUCTION_SERVER_URL;
-const xe = r.enum(["S", "A", "B", "C", "D", "F"]), gt = 2e4, Qn = 300;
+const Qe = 8080, Wt = 5173, zn = "/watchparty/ws", qt = 500, Xn = 1e3, V = 4, Vt = typeof process < "u" && process.env ? process.env : {};
+Vt.PRODUCTION_UI_URL;
+Vt.PRODUCTION_SERVER_URL;
+const xe = r.enum(["S", "A", "B", "C", "D", "F"]), gt = 2e4, Jn = 300;
 r.object({
   name: r.string().min(1).max(32).optional(),
   sprite: r.string().min(1).max(32).optional(),
@@ -44,7 +44,7 @@ const w = {
   // 'ready_state' here = playback-readiness gate (distinct from READY_EVENTS.STATE = "ready check" UX feature)
   READY_STATE: "ready_state",
   ERROR: "error"
-}, Zn = r.enum(["play", "pause", "seek", "load", "home"]), er = r.object({
+}, Qn = r.enum(["play", "pause", "seek", "load", "home"]), Zn = r.object({
   framed: r.boolean(),
   depth: r.number().int().nonnegative().max(10)
 });
@@ -52,7 +52,7 @@ r.object({
   room_key: r.string(),
   name: r.string().min(1).max(32).optional(),
   sprite: r.string().min(1).max(32).optional(),
-  embed: er.optional(),
+  embed: Zn.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
@@ -100,13 +100,13 @@ r.object({
 });
 r.object({
   client_seq: r.number().int().positive(),
-  kind: Zn,
+  kind: Qn,
   to_ms: r.number().int().nonnegative().optional(),
   media_id: r.string().optional()
   // leader_id removed - not needed since set_leader control was removed
 });
-const zt = r.object({
-  key: r.string().regex(Wt, "not a CDN image key"),
+const Yt = r.object({
+  key: r.string().regex(Kt, "not a CDN image key"),
   /**
    * Intrinsic pixels, or **0 meaning "unknown"**.
    *
@@ -134,14 +134,14 @@ const zt = r.object({
    * value only, never as markup. Bounded so one message cannot carry a
    * paragraph; the library's own titles run well under this.
    */
-  title: r.string().max(Qn).optional()
+  title: r.string().max(Jn).optional()
 });
 r.object({
-  text: r.string().max(Vt),
+  text: r.string().max(qt),
   style: r.string().max(64).optional(),
-  images: r.array(zt).max(V).optional()
+  images: r.array(Yt).max(V).optional()
 }).refine((e) => e.text.length > 0 || (e.images?.length ?? 0) > 0, { message: "message must carry text or at least one image" });
-const tr = r.enum(["join", "leave", "media_change", "identity_change", "recap"]);
+const er = r.enum(["join", "leave", "media_change", "identity_change", "recap"]);
 r.object({
   id: r.string(),
   client_id: r.string(),
@@ -154,11 +154,11 @@ r.object({
   ts: r.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: r.array(zt).max(V).optional(),
+  images: r.array(Yt).max(V).optional(),
   isSystem: r.boolean().optional(),
-  systemType: tr.optional()
+  systemType: er.optional()
 });
-const nr = r.object({
+const tr = r.object({
   avg_download_rate_bps: r.number().nonnegative(),
   buffered_ahead_ms: r.number().nonnegative(),
   rtt_ms: r.number().nonnegative(),
@@ -200,7 +200,7 @@ const nr = r.object({
    *  socket shows here as a growing number while everything else looks fine. */
   pong_age_ms: r.number().int().nonnegative().optional(),
   reported_at: r.number().int().nonnegative()
-}), rr = nr.extend({
+}), nr = tr.extend({
   client_id: r.string(),
   name: r.string(),
   sprite_id: r.string().nullable(),
@@ -211,10 +211,10 @@ const nr = r.object({
   stale_ms: r.number().int().nonnegative().optional()
 });
 r.object({
-  clients: r.array(rr),
+  clients: r.array(nr),
   server_ts: r.number().int().nonnegative()
 });
-const or = r.object({
+const rr = r.object({
   client_id: r.string(),
   sprite_id: r.string().nullable(),
   name: r.string(),
@@ -232,13 +232,13 @@ const or = r.object({
   video_ready_state: r.number().int().default(-1)
 });
 r.object({
-  clients: r.array(or),
+  clients: r.array(rr),
   server_ts: r.number().int().nonnegative()
 });
 r.object({
   media_id: r.string()
 });
-const Ze = r.enum(["super_upvote", "upvote", "mid", "downvote"]), ar = r.object({
+const Ze = r.enum(["super_upvote", "upvote", "mid", "downvote"]), or = r.object({
   mediaId: r.string(),
   displayName: r.string(),
   // Enrichment fields — present for flat-playlist ingest output, absent for
@@ -249,11 +249,11 @@ const Ze = r.enum(["super_upvote", "upvote", "mid", "downvote"]), ar = r.object(
   durationMs: r.number().optional(),
   uploadDate: r.string().optional()
   // YouTube upload date 'YYYY-MM-DD'; drives playlist order
-}), ir = r.enum(["basic", "vote"]), Xt = r.object({
+}), ir = r.enum(["basic", "vote"]), zt = r.object({
   id: r.string(),
   name: r.string(),
   type: ir.default("vote"),
-  videos: r.array(ar),
+  videos: r.array(or),
   cover: r.string().optional()
   // media-relative path to the playlist cover image
 });
@@ -267,22 +267,22 @@ r.object({
 r.object({ voterKey: r.string().min(1).max(128) });
 r.object({ playlistId: r.string(), mediaIds: r.array(r.string()) });
 r.object({
-  playlist: Xt.nullable(),
+  playlist: zt.nullable(),
   activeIndex: r.number().int().nullable(),
   myVotes: r.record(r.string(), Ze)
   // mediaId -> VoteValue
 });
-const sr = r.object({
+const ar = r.object({
   clientId: r.string(),
   name: r.string(),
   votedCount: r.number().int().nonnegative(),
   totalVideos: r.number().int().nonnegative()
 });
 r.object({
-  progress: r.array(sr)
+  progress: r.array(ar)
 });
 r.object({
-  playlist: Xt,
+  playlist: zt,
   votes: r.record(r.string(), r.record(r.string(), Ze)),
   // votes[clientId][mediaId]
   names: r.record(r.string(), r.string()),
@@ -301,17 +301,17 @@ const be = {
   RESULTS: "playlist_results",
   /** Server -> the removed voter: forget the ballot you hold in localStorage. */
   VOTES_CLEARED: "playlist_votes_cleared"
-}, Jt = r.object({
+}, Xt = r.object({
   id: r.string(),
   displayName: r.string(),
   thumbnail: r.string().optional()
 });
 r.object({
-  items: r.array(Jt)
+  items: r.array(Xt)
 });
-const Qt = r.partialRecord(xe, r.array(r.string()));
-r.object({ board: Qt });
-const lr = r.object({
+const Jt = r.partialRecord(xe, r.array(r.string()));
+r.object({ board: Jt });
+const sr = r.object({
   mediaId: r.string(),
   tier: xe,
   absoluteTier: xe,
@@ -324,17 +324,17 @@ const lr = r.object({
   // opaque voterId -> the letter they gave
 });
 r.object({
-  items: r.array(Jt),
-  placed: r.array(lr),
+  items: r.array(Xt),
+  placed: r.array(sr),
   unrated: r.array(r.string()),
   spread: r.number(),
   nudged: r.boolean(),
   names: r.record(r.string(), r.string()),
   sprites: r.record(r.string(), r.string()),
   voterCount: r.number().int().nonnegative(),
-  myBoard: Qt
+  myBoard: Jt
 });
-const cr = {
+const lr = {
   /** 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. */
@@ -347,10 +347,10 @@ r.object({
   ready: r.array(r.string())
   // clientIds who have flagged ready
 });
-const dr = {
+const cr = {
   STATE: "ready_check_state"
   // distinct from buffer-readiness 'ready_state'
-}, Zt = {
+}, Qt = {
   ACTIVE: "game_active",
   // server  -> room   (room-wide active game id; null = none)
   SYNC: "game_sync"
@@ -376,7 +376,7 @@ r.object({
 r.object({
   gameId: r.string().min(1).max(32)
 });
-const ur = r.object({
+const dr = r.object({
   clientId: r.string(),
   playerId: r.number().int().min(0),
   name: r.string(),
@@ -390,12 +390,12 @@ r.object({
   gameId: r.string(),
   hostClientId: r.string().nullable(),
   seed: r.number().int(),
-  players: r.array(ur)
+  players: r.array(dr)
 });
 r.object({ d: r.unknown() });
 r.object({ d: r.unknown() });
 r.object({ fromClientId: r.string(), d: r.unknown() });
-const mr = r.object({
+const ur = r.object({
   playerId: r.number().int().min(0),
   clientId: r.string().nullable(),
   name: r.string(),
@@ -436,7 +436,7 @@ const mr = r.object({
 r.object({
   winnerPlayerId: r.number().int().min(0).nullable(),
   draw: r.boolean(),
-  players: r.array(mr),
+  players: r.array(ur),
   // Optional session metadata + round-level extras (Phase C).
   sessionOver: r.boolean().optional(),
   roundNo: r.number().int().min(0).optional(),
@@ -444,7 +444,7 @@ r.object({
   maxMultiKill: r.number().int().min(0).optional(),
   maxChainKill: r.number().int().min(0).optional()
 });
-const fr = [
+const mr = [
   {
     id: "fantasy",
     characters: [
@@ -488,37 +488,37 @@ const fr = [
       { id: "mentor", color: "#e1e0dc" }
     ]
   }
-], et = fr.flatMap((e) => e.characters), Me = et.map((e) => e.id), pr = Object.fromEntries(et.map((e) => [e.id, e.color])), hr = Object.fromEntries(et.map((e) => [e.id, "rev" in e ? e.rev : 1]));
-function gr(e) {
-  const t = hr[e];
+], et = mr.flatMap((e) => e.characters), Me = et.map((e) => e.id), fr = Object.fromEntries(et.map((e) => [e.id, e.color])), pr = Object.fromEntries(et.map((e) => [e.id, "rev" in e ? e.rev : 1]));
+function hr(e) {
+  const t = pr[e];
   return `/media/sprites/square_${e}.png${t > 1 ? `?v=${t}` : ""}`;
 }
 function tt(e) {
   return !!e && Me.includes(e);
 }
-const br = 5e3, en = { mode: "off", percent: 0 }, yr = ["off", "on", "ab"];
+const gr = 5e3, Zt = { mode: "off", percent: 0 }, br = ["off", "on", "ab"];
+function yr(e) {
+  return typeof e == "string" && br.includes(e);
+}
 function vr(e) {
-  return typeof e == "string" && yr.includes(e);
+  const t = e && typeof e == "object" ? e : {}, n = yr(t.mode) ? t.mode : Zt.mode, o = Number(t.percent), i = Number.isFinite(o) ? Math.min(100, Math.max(0, Math.round(o))) : 0;
+  return { mode: n, percent: i };
 }
 function Sr(e) {
-  const t = e && typeof e == "object" ? e : {}, n = vr(t.mode) ? t.mode : en.mode, o = Number(t.percent), a = Number.isFinite(o) ? Math.min(100, Math.max(0, Math.round(o))) : 0;
-  return { mode: n, percent: a };
-}
-function _r(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 wr(e, t, n) {
+function _r(e, t, n) {
   if (n === !0)
     return "fragment";
   if (n === !1)
     return "range";
-  const o = Sr(e);
-  return o.mode === "on" ? "fragment" : o.mode === "off" || o.percent <= 0 ? "range" : o.percent >= 100 || t && _r(t) % 100 < o.percent ? "fragment" : "range";
+  const o = vr(e);
+  return o.mode === "on" ? "fragment" : o.mode === "off" || o.percent <= 0 ? "range" : o.percent >= 100 || t && Sr(t) % 100 < o.percent ? "fragment" : "range";
 }
-const tn = r.enum(["url", "magnet", "upload"]), xr = r.enum([
+const en = r.enum(["url", "magnet", "upload"]), wr = r.enum([
   "pending",
   "approved",
   "fetching",
@@ -536,11 +536,11 @@ const tn = r.enum(["url", "magnet", "upload"]), xr = r.enum([
   failed: ["approved"]
 };
 Object.keys(bt).filter((e) => bt[e].length === 0);
-const Ir = r.object({
+const xr = r.object({
   id: r.string().min(1),
   /** Stable userId from whoami. Never the raw `X-User-Key`. */
   ownerUserId: r.string().min(1),
-  kind: tn,
+  kind: en,
   /** The magnet URI, the https URL, or the filetransfer binding id. */
   source: r.string().min(1),
   title: r.string().optional(),
@@ -555,7 +555,7 @@ const Ir = r.object({
    * misroute the copy.
    */
   series: r.string().optional(),
-  state: xr,
+  state: wr,
   createdAt: r.number().int().nonnegative(),
   updatedAt: r.number().int().nonnegative(),
   /** Why it failed, or why an operator rejected it. */
@@ -563,19 +563,19 @@ const Ir = r.object({
   /** Size once known. 0 means "known to be empty"; absent means "not yet known" —
    *  the same distinction `chatImages` draws for image dimensions. */
   bytes: r.number().int().nonnegative().optional()
-}), Cr = 4096, nn = 300, Tr = 100;
+}), Ir = 4096, tn = 300, Cr = 100;
 r.object({
-  kind: tn,
-  source: r.string().min(1).max(Cr),
-  title: r.string().min(1).max(nn).optional(),
+  kind: en,
+  source: r.string().min(1).max(Ir),
+  title: r.string().min(1).max(tn).optional(),
   /** Required for `kind: 'magnet'` by `checkSource`; ignored for `url`/`upload`. */
-  series: r.string().min(1).max(Tr).optional()
+  series: r.string().min(1).max(Cr).optional()
 });
 r.object({
-  reason: r.string().min(1).max(nn).optional()
+  reason: r.string().min(1).max(tn).optional()
 });
 r.object({
-  submissions: r.array(Ir)
+  submissions: r.array(xr)
 });
 r.object({
   error: r.literal("submissions/quota_exceeded"),
@@ -584,8 +584,8 @@ r.object({
   /** The cap that was applied, from the server's config. */
   capBytes: r.number().int().nonnegative()
 });
-const kr = /^[a-z0-9][a-z0-9-]{0,31}$/, yt = "https://game-catalog.invalid";
-function Ar(e) {
+const Tr = /^[a-z0-9][a-z0-9-]{0,31}$/, yt = "https://game-catalog.invalid";
+function kr(e) {
   if (!e.startsWith("/") || e.startsWith("//") || /[\\\s]/.test(e) || [...e].some((t) => t.charCodeAt(0) < 32 || t.charCodeAt(0) === 127))
     return !1;
   try {
@@ -594,18 +594,18 @@ function Ar(e) {
     return !1;
   }
 }
-const rn = r.string().min(2).max(512).refine(Ar, {
+const nn = r.string().min(2).max(512).refine(kr, {
   message: "must be a root-relative path on the page origin (e.g. /cardtable/embed/x.js)"
 }), vt = {
-  id: r.string().regex(kr),
+  id: r.string().regex(Tr),
   name: r.string().min(1).max(64),
-  cover: rn.optional()
-}, Er = r.discriminatedUnion("kind", [
+  cover: nn.optional()
+}, Ar = r.discriminatedUnion("kind", [
   r.object({ ...vt, kind: r.literal("iframe") }).strict(),
-  r.object({ ...vt, kind: r.literal("module"), url: rn }).strict()
+  r.object({ ...vt, kind: r.literal("module"), url: nn }).strict()
 ]);
-r.array(Er).max(32).refine((e) => new Set(e.map((t) => t.id)).size === e.length, { message: "game ids must be unique" });
-const nt = r.enum(["anilist", "tmdb"]), Pr = r.object({
+r.array(Ar).max(32).refine((e) => new Set(e.map((t) => t.id)).size === e.length, { message: "game ids must be unique" });
+const nt = r.enum(["anilist", "tmdb"]), Er = r.object({
   source: nt,
   /** The provider's own id, as a string (AniList and TMDB both use integers). */
   id: r.string(),
@@ -627,11 +627,11 @@ const nt = r.enum(["anilist", "tmdb"]), Pr = r.object({
   addable: r.boolean()
 });
 r.object({
-  results: r.array(Pr),
+  results: r.array(Er),
   /** Providers that answered. TMDB is absent when no token is configured. */
   sources: r.array(nt)
 });
-const Nr = r.object({
+const Pr = r.object({
   id: r.string(),
   url: r.string(),
   title: r.string(),
@@ -639,30 +639,30 @@ const Nr = r.object({
   durationS: r.number().nullable(),
   thumb: r.string().nullable()
 });
-r.object({ results: r.array(Nr) });
+r.object({ results: r.array(Pr) });
 r.object({
   source: nt,
   id: r.string().regex(/^\d{1,12}$/)
 });
 r.object({ series: r.string(), title: r.string() });
-let ye = null, on = Kt;
-function Rr(e) {
-  e.cdnBase && (on = e.cdnBase);
+let ye = null, rn = Gt;
+function Nr(e) {
+  e.cdnBase && (rn = e.cdnBase);
 }
-function an() {
-  return on.replace(/\/+$/, "");
+function on() {
+  return rn.replace(/\/+$/, "");
 }
 function Le() {
-  const e = an();
-  return (!ye || ye.base !== e) && (ye = { base: e, client: Mn({ cdnBase: e }) }), ye.client;
+  const e = on();
+  return (!ye || ye.base !== e) && (ye = { base: e, client: On({ cdnBase: e }) }), ye.client;
 }
 function Pe(e) {
-  return !Je(e) || !an() ? null : Le().urlFor(e);
+  return !Je(e) || !on() ? null : Le().urlFor(e);
 }
-function Dr(e) {
+function Rr(e) {
   return e.kind === "file";
 }
-class sn extends Error {
+class an extends Error {
   constructor(t) {
     super(t), this.name = "ChatImageUploadError";
   }
@@ -687,42 +687,42 @@ function Ie(e) {
       return "Image upload failed";
   }
 }
+function Dr(e) {
+  return e instanceof qe ? Ie(e.reason) : e instanceof an ? e.message : "Image upload failed";
+}
 function Or(e) {
-  return e instanceof qe ? Ie(e.reason) : e instanceof sn ? e.message : "Image upload failed";
+  const t = e.type.toLowerCase().split(";")[0].trim();
+  return t && Mn(t) !== "image" ? Ie("unsupported-type") : e.size > Ln.image ? Ie("too-large") : e.size === 0 ? Ie("invalid") : null;
 }
 function Mr(e) {
-  const t = e.type.toLowerCase().split(";")[0].trim();
-  return t && Ln(t) !== "image" ? Ie("unsupported-type") : e.size > jn.image ? Ie("too-large") : e.size === 0 ? Ie("invalid") : null;
+  return Un(e);
 }
 function Lr(e) {
   return Fn(e);
 }
-function jr(e) {
-  return Hn(e);
-}
-async function Ur(e) {
-  const t = await Un(e);
+async function jr(e) {
+  const t = await jn(e);
   return { w: t?.width ?? 0, h: t?.height ?? 0 };
 }
-async function Fr(e, t = {}) {
+async function Ur(e, t = {}) {
   const n = await Le().upload(e, { signal: t.signal });
   if (!Je(n.key))
-    throw new sn("Image upload returned an unusable key");
+    throw new an("Image upload returned an unusable key");
   return { key: n.key, deduplicated: n.deduplicated === !0 };
 }
-async function Hr(e, t = {}) {
+async function Fr(e, t = {}) {
   const n = [];
   for (const o of e) {
     if (o.kind === "remote") {
       n.push({ key: o.key, w: o.w, h: o.h, ...o.title ? { title: o.title } : {} });
       continue;
     }
-    const { key: a } = await Fr(o.file, t);
-    n.push({ key: a, w: o.w, h: o.h });
+    const { key: i } = await Ur(o.file, t);
+    n.push({ key: i, w: o.w, h: o.h });
   }
   return n;
 }
-function $r(e) {
+function Hr(e) {
   return {
     error: e instanceof Error ? e.message : String(e),
     name: e instanceof Error ? e.name : typeof e,
@@ -730,39 +730,39 @@ function $r(e) {
     status: e instanceof qe ? e.status : void 0
   };
 }
-const Ve = 240, X = 8, Br = 28, ln = 240;
-function Gr(e, t, n) {
+const Ve = 240, X = 8, $r = 28, sn = 240;
+function Br(e, t, n) {
   let o = t.left - Ve - X;
   o < X && (o = t.right + X), o = Math.min(o, n.width - Ve - X), o = Math.max(X, o);
-  const a = ln + Br;
-  let i = e.top + e.height / 2 - a / 2;
-  return i = Math.min(i, n.height - a - X), i = Math.max(X, i), { left: o, top: i };
+  const i = sn + $r;
+  let a = e.top + e.height / 2 - i / 2;
+  return a = Math.min(a, n.height - i - X), a = Math.max(X, a), { left: o, top: a };
 }
-const cn = "/dataplatform/api/memes", Kr = 120;
-function Wr({ onClose: e, onPick: t, onUnavailable: n }) {
-  const [o, a] = R(""), i = z(null), s = z(null), l = Le(), { items: p, loading: h, error: f, hasMore: L, loadMore: O } = zn(
+const ln = "/dataplatform/api/memes", Gr = 120;
+function Kr({ onClose: e, onPick: t, onUnavailable: n }) {
+  const [o, i] = R(""), a = z(null), s = z(null), l = Le(), { items: p, loading: h, error: f, hasMore: L, loadMore: O } = Yn(
     l,
-    cn,
+    ln,
     o.trim()
   ), M = f?.reason ?? null, C = Q(() => {
     const x = /* @__PURE__ */ new Set();
     return p.filter((P) => x.has(P.key) ? !1 : (x.add(P.key), !0));
-  }, [p]), [m, S] = R(null), y = z(null), I = E(() => {
+  }, [p]), [m, v] = R(null), y = z(null), I = E(() => {
     y.current !== null && (window.clearTimeout(y.current), y.current = null);
   }, []), g = E(() => {
-    I(), S(null);
+    I(), v(null);
   }, [I]), A = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(hover: hover)").matches, N = E(
     (x, P, T = !1) => {
-      const pe = i.current;
+      const pe = a.current;
       if (!pe) return;
-      const he = () => S({
+      const he = () => v({
         item: x,
-        ...Gr(P.getBoundingClientRect(), pe.getBoundingClientRect(), {
+        ...Br(P.getBoundingClientRect(), pe.getBoundingClientRect(), {
           width: window.innerWidth,
           height: window.innerHeight
         })
       });
-      I(), T ? he() : y.current = window.setTimeout(he, Kr);
+      I(), T ? he() : y.current = window.setTimeout(he, Gr);
     },
     [I]
   );
@@ -774,7 +774,7 @@ function Wr({ onClose: e, onPick: t, onUnavailable: n }) {
     const x = (T) => {
       T.key === "Escape" && (T.stopPropagation(), e());
     }, P = (T) => {
-      i.current && !i.current.contains(T.target) && e();
+      a.current && !a.current.contains(T.target) && e();
     };
     return document.addEventListener("keydown", x), document.addEventListener("mousedown", P), () => {
       document.removeEventListener("keydown", x), document.removeEventListener("mousedown", P);
@@ -783,10 +783,10 @@ function Wr({ onClose: e, onPick: t, onUnavailable: n }) {
   const U = E((x) => {
     t(x), e();
   }, [t, e]), F = !h && !f && C.length === 0;
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ _(
     "div",
     {
-      ref: i,
+      ref: a,
       role: "dialog",
       "aria-label": "Meme library",
       "data-testid": "meme-picker",
@@ -798,14 +798,14 @@ function Wr({ onClose: e, onPick: t, onUnavailable: n }) {
             ref: s,
             type: "text",
             value: o,
-            onChange: (x) => a(x.target.value),
+            onChange: (x) => i(x.target.value),
             placeholder: "Search memes...",
             "aria-label": "Search memes",
             "data-testid": "meme-search",
             className: "w-full rounded border border-border-light bg-bg-alt px-2 py-1 text-sm text-text placeholder:text-text-secondary focus:outline-none focus:border-primary"
           }
         ) }),
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ _(
           "div",
           {
             className: "flex-1 overflow-y-auto p-2",
@@ -866,7 +866,7 @@ function Wr({ onClose: e, onPick: t, onUnavailable: n }) {
             ]
           }
         ),
-        m && /* @__PURE__ */ v(
+        m && /* @__PURE__ */ _(
           "div",
           {
             "data-testid": "meme-preview",
@@ -891,7 +891,7 @@ function Wr({ onClose: e, onPick: t, onUnavailable: n }) {
                   src: Pe(m.item.key) ?? void 0,
                   alt: "",
                   className: "block w-full rounded bg-bg object-contain",
-                  style: { height: "auto", maxHeight: ln }
+                  style: { height: "auto", maxHeight: sn }
                 }
               ),
               m.item.title && /* One line. A long title must not change the box height, because
@@ -904,34 +904,34 @@ function Wr({ onClose: e, onPick: t, onUnavailable: n }) {
     }
   );
 }
-function qr({ open: e, ...t }) {
-  return e ? /* @__PURE__ */ c(Wr, { ...t }) : null;
+function Wr({ open: e, ...t }) {
+  return e ? /* @__PURE__ */ c(Kr, { ...t }) : null;
 }
 const rt = {
   serverOrigin: `http://localhost:${Qe}`,
   defaultRoomKey: "dev-room",
-  cdnBase: Kt
+  cdnBase: Gt
 };
 let Ce = { ...rt };
-function Vr(e) {
+function qr(e) {
   const t = Object.fromEntries(
     Object.entries(e).filter(([n, o]) => o !== void 0)
   );
-  Ce = { ...Ce, ...t }, Rr({ cdnBase: Ce.cdnBase });
+  Ce = { ...Ce, ...t }, Nr({ cdnBase: Ce.cdnBase });
 }
 function me() {
   return Ce;
 }
-const Yr = Bt(rt);
-function zr(e) {
+const Vr = $t(rt);
+function Yr(e) {
   return e.serverOrigin?.replace(/\/$/, "") || "";
 }
-function dn() {
-  return zr(me());
+function cn() {
+  return Yr(me());
 }
-const un = Bt(null);
-function Xr() {
-  return Pn(un);
+const dn = $t(null);
+function zr() {
+  return En(dn);
 }
 const te = {
   ANON_KEY: "watchparty_preferences",
@@ -961,7 +961,7 @@ function ot(e, t) {
     return !1;
   }
 }
-function Jr() {
+function Xr() {
   try {
     const e = je();
     if (!e) return [];
@@ -981,45 +981,45 @@ function Ne(e) {
   } catch {
   }
 }
-function Qr(e) {
+function Jr(e) {
   const t = B(e);
   return t === null ? null : t === "true" ? !0 : t === "false" ? !1 : null;
 }
-const mn = /* @__PURE__ */ new Map();
-let fn = !1;
+const un = /* @__PURE__ */ new Map();
+let mn = !1;
 function Ue(e, t) {
-  mn.set(e, t), fn && pn(e, t);
+  un.set(e, t), mn && fn(e, t);
 }
-function Zr() {
-  fn = !0;
-  for (const [e, t] of mn) pn(e, t);
+function Qr() {
+  mn = !0;
+  for (const [e, t] of un) fn(e, t);
 }
-function pn(e, t) {
+function fn(e, t) {
   typeof window > "u" || (window[e] = t);
 }
-const ie = [], eo = 500;
+const ae = [], Zr = 500;
 let Te = [], Ye = null;
-const to = 1e3, no = 200;
+const eo = 1e3, to = 200;
 let ze = null;
-function hn(e) {
+function pn(e) {
   ze = e;
 }
-function gn() {
+function hn() {
   return B(te.REPORT_LOGS_FLAG) === "true";
 }
-function ro() {
+function no() {
   if (typeof window > "u") return !1;
   if (window.__WP_DEBUG__ || new URLSearchParams(window.location.search).get("debug") === "true") return !0;
   const t = B(te.DEBUG_FLAG);
   return t !== null && t !== "false";
 }
-function oo() {
+function ro() {
   const e = B(te.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 ao() {
+function oo() {
   return (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", {
     hour12: !1,
     hour: "2-digit",
@@ -1029,7 +1029,7 @@ function ao() {
   });
 }
 function io(e) {
-  ie.push(e), ie.length > eo && ie.shift();
+  ae.push(e), ae.length > Zr && ae.shift();
 }
 const Fe = {
   debug: "color: #64748b; font-weight: normal;",
@@ -1038,67 +1038,67 @@ const Fe = {
   category: "color: #3b82f6; font-weight: bold;",
   time: "color: #6b7280; font-weight: normal;"
 };
-function so(e) {
+function ao(e) {
   try {
     return JSON.stringify(e);
   } catch {
     return "[unserializable]";
   }
 }
-function at(e, t, n, o, a, i, s) {
+function it(e, t, n, o, i, a, s) {
   const l = {
     level: e,
-    category: a,
-    message: i,
+    category: i,
+    message: a,
     data: s,
     timestamp: Date.now()
   };
-  if (io(l), (n || gn()) && St(l), !o) {
-    if (!ro()) return;
-    const f = oo();
-    if (f && !f.has(a.toLowerCase())) return;
+  if (io(l), (n || hn()) && St(l), !o) {
+    if (!no()) return;
+    const f = ro();
+    if (f && !f.has(i.toLowerCase())) return;
   }
-  const p = ao(), h = s !== void 0 ? " " + so(s) : "";
+  const p = oo(), h = s !== void 0 ? " " + ao(s) : "";
   t(
-    `%c[${p}]%c [${a}]%c ${i}${h}`,
+    `%c[${p}]%c [${i}]%c ${a}${h}`,
     Fe.time,
     Fe.category,
     Fe[e]
   );
 }
 function d(e, t, n) {
-  at("debug", console.log, !1, !1, e, t, n);
+  it("debug", console.log, !1, !1, e, t, n);
 }
 function k(e, t, n) {
-  at("warn", console.warn, !0, !1, e, t, n);
+  it("warn", console.warn, !0, !1, e, t, n);
 }
 function ke(e, t, n) {
-  at("error", console.error, !0, !0, e, t, n);
+  it("error", console.error, !0, !0, e, t, n);
 }
-function lo() {
-  return [...ie];
+function so() {
+  return [...ae];
 }
-function co() {
-  ie.length = 0;
+function lo() {
+  ae.length = 0;
 }
-function uo(e) {
+function co(e) {
   const t = e && e.length > 0 ? e.join(",") : "true";
   ot(te.DEBUG_FLAG, t), console.log("[wp] Debug mode enabled");
 }
-function mo() {
+function uo() {
   Ne(te.DEBUG_FLAG), console.log("[wp] Debug mode disabled");
 }
-const fo = 1024, po = 5e4;
-function ho(e) {
+const mo = 1024, fo = 5e4;
+function po(e) {
   if (e == null) return e;
   try {
     const t = JSON.stringify(e);
-    if (t.length <= fo) return e;
+    if (t.length <= mo) return e;
     if (typeof e == "object" && !Array.isArray(e)) {
       const n = {};
-      for (const [o, a] of Object.entries(e)) {
-        const i = JSON.stringify(a);
-        n[o] = i && i.length > 200 ? `[truncated ${i.length} chars]` : a;
+      for (const [o, i] of Object.entries(e)) {
+        const a = JSON.stringify(i);
+        n[o] = a && a.length > 200 ? `[truncated ${a.length} chars]` : i;
       }
       return n;
     }
@@ -1107,7 +1107,7 @@ function ho(e) {
     return "[unserializable]";
   }
 }
-async function go() {
+async function ho() {
   if (Te.length === 0) return;
   const e = Te;
   Te = [], Ye = null;
@@ -1115,32 +1115,32 @@ async function go() {
     let n = me().serverOrigin || "";
     if ((n === "/" || !n) && typeof window < "u") {
       const l = window.location;
-      (l.hostname === "localhost" || l.hostname === "127.0.0.1") && l.port === String(qt) ? n = `${l.protocol}//${l.hostname}:${Qe}` : n = l.origin;
+      (l.hostname === "localhost" || l.hostname === "127.0.0.1") && l.port === String(Wt) ? n = `${l.protocol}//${l.hostname}:${Qe}` : n = l.origin;
     }
-    const o = `${n.replace(/\/$/, "")}/api/client-log`, a = e.map((l) => ({
+    const o = `${n.replace(/\/$/, "")}/api/client-log`, i = e.map((l) => ({
       level: l.level,
       category: l.category,
       message: l.message,
-      data: ho(l.data),
+      data: po(l.data),
       timestamp: l.timestamp,
       url: typeof window < "u" ? window.location.href : void 0,
       userAgent: typeof navigator < "u" ? navigator.userAgent : void 0,
       room_key: ze?.room_key,
       client_id: ze?.client_id
     }));
-    let i = [], s = 0;
-    for (const l of a) {
+    let a = [], s = 0;
+    for (const l of i) {
       const p = JSON.stringify(l).length + 1;
-      s + p > po && i.length > 0 && (await fetch(o, {
+      s + p > fo && a.length > 0 && (await fetch(o, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ logs: i })
-      }), i = [], s = 0), i.push(l), s += p;
+        body: JSON.stringify({ logs: a })
+      }), a = [], s = 0), a.push(l), s += p;
     }
-    i.length > 0 && await fetch(o, {
+    a.length > 0 && await fetch(o, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ logs: i })
+      body: JSON.stringify({ logs: a })
     });
   } catch (t) {
     console.warn("[wp] log flush failed (client logs may be lost):", fe(t).error);
@@ -1148,44 +1148,44 @@ async function go() {
 }
 function St(e) {
   if (Te.push(e), !Ye) {
-    const t = gn() ? no : to;
-    Ye = setTimeout(go, t);
+    const t = hn() ? to : eo;
+    Ye = setTimeout(ho, t);
   }
 }
 function fe(e) {
   return e instanceof Error ? { error: e.message, name: e.name } : { error: String(e), name: typeof e };
 }
 Ue("__wpDebug", {
-  enable: uo,
-  disable: mo,
-  history: lo,
-  clear: co
+  enable: co,
+  disable: uo,
+  history: so,
+  clear: lo
 });
 const Y = {
   resolved: !1,
   userType: "public",
   accountId: null
 };
-function it() {
+function at() {
   return Y.accountId ? Y.accountId : Y.resolved && Y.userType === "public" ? "anon" : null;
 }
-function bo(e) {
+function go(e) {
   Y.resolved = !0, e.userType && (Y.userType = e.userType), e.userId !== void 0 && (Y.accountId = e.userId && e.userId !== "public" ? e.userId : null);
 }
 function st() {
   return Y.accountId ?? "public";
 }
-function yo() {
-  return it() ?? "unscoped";
+function bo() {
+  return at() ?? "unscoped";
 }
-function bn(e) {
-  return tt(e) ? pr[e] : "var(--color-neutral-bg)";
+function gn(e) {
+  return tt(e) ? fr[e] : "var(--color-neutral-bg)";
 }
-function vo(e) {
-  return tt(e) ? `${me().serverOrigin.replace(/\/$/, "")}${gr(e)}` : void 0;
+function yo(e) {
+  return tt(e) ? `${me().serverOrigin.replace(/\/$/, "")}${hr(e)}` : void 0;
 }
 let ce = null, ve = null;
-function So() {
+function vo() {
   return ce ? Promise.resolve() : ve || (ve = (async () => {
     try {
       const e = me().serverOrigin.replace(/\/$/, ""), t = await fetch(`${e}/media/sprites/names.json`, { cache: "no-cache" });
@@ -1204,7 +1204,7 @@ function J(e) {
   const t = e.toLowerCase();
   return Me.some((n) => n === t) ? !0 : ce ? Object.values(ce).some((n) => n.toLowerCase() === t) : !1;
 }
-const _o = r.object({
+const So = r.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).
@@ -1229,16 +1229,16 @@ const _o = r.object({
   preferredAudioLang: r.string().optional(),
   subtitlesEnabled: r.boolean().optional(),
   subtitleStyle: r.string().optional()
-}), se = Bn({
+}), se = $n({
   appId: "watchparty",
-  schema: _o
-}), wo = /* @__PURE__ */ new Set(["theme", "themeMode"]);
+  schema: So
+}), _o = /* @__PURE__ */ new Set(["theme", "themeMode"]);
 function Re(e) {
-  const t = it();
+  const t = at();
   return t ? `prefs-cache:${t}:${e}` : null;
 }
-function xo() {
-  return it() === null;
+function wo() {
+  return at() === null;
 }
 function _t(e) {
   const t = Re(e);
@@ -1251,35 +1251,35 @@ function _t(e) {
     return {};
   }
 }
-function Io() {
+function xo() {
   let e = 0;
-  for (const t of Jr()) {
+  for (const t of Xr()) {
     const n = t.startsWith("prefs-cache:") && t.endsWith(":watchparty"), o = t === De || t.startsWith(`${De}:`) && !t.endsWith(":_serverSynced_v1");
     if (!n && !o) continue;
-    const a = B(t);
-    if (!a) continue;
-    let i;
+    const i = B(t);
+    if (!i) continue;
+    let a;
     try {
-      i = JSON.parse(a);
+      a = JSON.parse(i);
     } catch {
       continue;
     }
-    const s = n ? i?.blob : i;
+    const s = n ? a?.blob : a;
     if (!s || typeof s != "object" || !("name" in s)) continue;
-    const { name: l, ...p } = s, h = n ? { ...i, blob: p } : p;
+    const { name: l, ...p } = s, h = n ? { ...a, blob: p } : p;
     ot(t, JSON.stringify(h)) && e++;
   }
   return e > 0 && d("preferences", "Stripped retired name from cached prefs rows", { rewritten: e }), e;
 }
-let yn = null, vn = null;
+let bn = null, yn = null;
 const wt = /* @__PURE__ */ new Set();
 function lt() {
-  if (xo())
+  if (wo())
     return d("preferences", "Boot read deferred — session pending, identity unresolved"), {};
-  const e = _t("portfolio"), t = _t("watchparty"), n = Object.keys(e).length > 0 ? e : yn ?? {}, o = Object.keys(t).length > 0 ? t : vn ?? {}, a = st() || "public";
-  if (wt.has(a))
+  const e = _t("portfolio"), t = _t("watchparty"), n = Object.keys(e).length > 0 ? e : bn ?? {}, o = Object.keys(t).length > 0 ? t : yn ?? {}, i = st() || "public";
+  if (wt.has(i))
     return d("preferences", "Loaded (sync, SDK-only after first read)", {
-      uid: a,
+      uid: i,
       sdkThemeKeys: Object.keys(n).length,
       sdkAppKeys: Object.keys(o).length,
       // 'mem' indicates in-memory backstop fired (cache was empty,
@@ -1287,55 +1287,55 @@ function lt() {
       themeSource: Object.keys(e).length > 0 ? "cache" : "mem",
       appSource: Object.keys(t).length > 0 ? "cache" : "mem"
     }), { ...o, ...n };
-  wt.add(a);
-  const i = _n() ?? {}, s = { ...i, ...o, ...n };
+  wt.add(i);
+  const a = Sn() ?? {}, s = { ...a, ...o, ...n };
   return d("preferences", "Loaded (sync, first read — legacy + SDK)", {
-    uid: a,
+    uid: i,
     sdkThemeKeys: Object.keys(n).length,
     sdkAppKeys: Object.keys(o).length,
-    legacyKeys: Object.keys(i).length,
+    legacyKeys: Object.keys(a).length,
     themeSource: Object.keys(e).length > 0 ? "cache" : "mem",
     appSource: Object.keys(t).length > 0 ? "cache" : "mem"
   }), s;
 }
-let Sn = !1;
-function Co() {
+let vn = !1;
+function Io() {
   const e = st();
   return !e || e === "public";
 }
 function G(e, t) {
-  Co() && (Sn = !0), wo.has(e) ? ae.save({ [e]: t }, { scope: "device" }).catch((n) => k("preferences", "themePrefs.save failed", { key: e, err: n?.message })) : se.save({ [e]: t }).catch((n) => k("preferences", "watchpartyPrefs.save failed", { key: e, err: n?.message })), d("preferences", "Saved (via SDK)", { key: e, value: t });
+  Io() && (vn = !0), _o.has(e) ? ie.save({ [e]: t }, { scope: "device" }).catch((n) => k("preferences", "themePrefs.save failed", { key: e, err: n?.message })) : se.save({ [e]: t }).catch((n) => k("preferences", "watchpartyPrefs.save failed", { key: e, err: n?.message })), d("preferences", "Saved (via SDK)", { key: e, value: t });
 }
 let Se = null, xt = !1;
-function To() {
+function Co() {
   return Se || (Se = (async () => {
     if (typeof window > "u") return !1;
     try {
-      xt || (xt = !0, ae.subscribe((s) => {
-        yn = s, Tt("portfolio", s), kt("theme");
+      xt || (xt = !0, ie.subscribe((s) => {
+        bn = s, Tt("portfolio", s), kt("theme");
       }), se.subscribe((s) => {
-        vn = s, Tt("watchparty", s), kt("watchparty");
+        yn = s, Tt("watchparty", s), kt("watchparty");
       }));
       const [e, t] = await Promise.all([
-        ae.read(),
+        ie.read(),
         se.read()
       ]);
       try {
-        const { useAppStore: s } = await Promise.resolve().then(() => xn);
+        const { useAppStore: s } = await Promise.resolve().then(() => wn);
         s.getState().rehydrateFromPrefs();
       } catch (s) {
         k("preferences", "inline rehydrate after SDK read failed", { err: s?.message });
       }
-      const n = Re("portfolio"), o = Re("watchparty"), a = n ? B(n) : null, i = o ? B(o) : null;
+      const n = Re("portfolio"), o = Re("watchparty"), i = n ? B(n) : null, a = o ? B(o) : null;
       return d("preferences", "sdk.read", {
         themeKeys: Object.keys(e ?? {}),
         appKeys: Object.keys(t ?? {}),
         appName: t?.name,
         // Post-fetch cache state: should be non-zero if SDK wrote it.
-        sdkThemeBytesPost: a?.length ?? 0,
-        sdkAppBytesPost: i?.length ?? 0
-      }), await ko(e, t), Sn ? (d("preferences", "Promoting this load's pre-auth picks to the signed-in user"), await Promise.all([
-        ae.promoteAnonPrefsToUser().catch(() => {
+        sdkThemeBytesPost: i?.length ?? 0,
+        sdkAppBytesPost: a?.length ?? 0
+      }), await To(e, t), vn ? (d("preferences", "Promoting this load's pre-auth picks to the signed-in user"), await Promise.all([
+        ie.promoteAnonPrefsToUser().catch(() => {
         }),
         se.promoteAnonPrefsToUser().catch(() => {
         })
@@ -1346,12 +1346,12 @@ function To() {
   })(), Se);
 }
 const De = "watchparty_preferences";
-Io();
+xo();
 function Xe() {
   const e = st();
   return !e || e === "public" ? De : `${De}:${e}`;
 }
-function _n() {
+function Sn() {
   const e = B(Xe());
   if (!e) return null;
   try {
@@ -1364,13 +1364,13 @@ function _n() {
 function It() {
   Ne(Xe()), Ne(`${Xe()}:_serverSynced_v1`);
 }
-async function ko(e, t) {
-  const n = _n();
+async function To(e, t) {
+  const n = Sn();
   if (!n || Object.keys(n).length === 0) return;
-  const o = Object.keys(e ?? {}).length > 0, a = Object.keys(t ?? {}).length > 0, i = {}, s = {};
+  const o = Object.keys(e ?? {}).length > 0, i = Object.keys(t ?? {}).length > 0, a = {}, s = {};
   for (const [h, f] of Object.entries(n))
-    o || (h === "theme" && typeof f == "string" ? i.theme = f : h === "themeMode" && (f === "simple" || f === "advanced") && (i.themeMode = f)), a || (h === "chatCollapsed" && typeof f == "boolean" ? s.chatCollapsed = f : h === "floatingChatEnabled" && typeof f == "boolean" ? s.floatingChatEnabled = f : h === "volume" && typeof f == "number" && f >= 0 && f <= 1 ? s.volume = f : h === "muted" && typeof f == "boolean" ? s.muted = f : h === "preferredAudioLang" && typeof f == "string" ? s.preferredAudioLang = f : h === "subtitlesEnabled" && typeof f == "boolean" ? s.subtitlesEnabled = f : h === "subtitleStyle" && typeof f == "string" && (s.subtitleStyle = f));
-  const l = Object.keys(i), p = Object.keys(s);
+    o || (h === "theme" && typeof f == "string" ? a.theme = f : h === "themeMode" && (f === "simple" || f === "advanced") && (a.themeMode = f)), i || (h === "chatCollapsed" && typeof f == "boolean" ? s.chatCollapsed = f : h === "floatingChatEnabled" && typeof f == "boolean" ? s.floatingChatEnabled = f : h === "volume" && typeof f == "number" && f >= 0 && f <= 1 ? s.volume = f : h === "muted" && typeof f == "boolean" ? s.muted = f : h === "preferredAudioLang" && typeof f == "string" ? s.preferredAudioLang = f : h === "subtitlesEnabled" && typeof f == "boolean" ? s.subtitlesEnabled = f : h === "subtitleStyle" && typeof f == "string" && (s.subtitleStyle = f));
+  const l = Object.keys(a), p = Object.keys(s);
   if (l.length === 0 && p.length === 0) {
     It();
     return;
@@ -1379,11 +1379,11 @@ async function ko(e, t) {
     themeKeys: l,
     appKeys: p,
     sdkHasTheme: o,
-    sdkHasApp: a
+    sdkHasApp: i
   });
   try {
     await Promise.all([
-      l.length > 0 ? ae.save(i, { scope: "device" }) : Promise.resolve(),
+      l.length > 0 ? ie.save(a, { scope: "device" }) : Promise.resolve(),
       p.length > 0 ? se.save(s) : Promise.resolve()
     ]), It(), d("preferences", "Legacy migration complete");
   } catch (h) {
@@ -1413,7 +1413,7 @@ function Tt(e, t) {
     }
 }
 function kt(e) {
-  Promise.resolve().then(() => xn).then(({ useAppStore: t }) => {
+  Promise.resolve().then(() => wn).then(({ useAppStore: t }) => {
     try {
       t.getState().rehydrateFromPrefs();
     } catch (n) {
@@ -1421,16 +1421,16 @@ function kt(e) {
     }
   }).catch((t) => k("preferences", "store import failed", { reason: e, err: t?.message }));
 }
-const wn = 320, Oe = 240, ct = 640, Ao = 320, Eo = 36, At = 16;
+const _n = 320, Oe = 240, ct = 640, ko = 320, Ao = 36, At = 16;
 function W(e, t) {
-  if (!Number.isFinite(e)) return wn;
+  if (!Number.isFinite(e)) return _n;
   let n = ct;
-  return t !== void 0 && Number.isFinite(t) && t > 0 && (n = Math.min(n, t - Ao)), n = Math.max(n, Oe), Math.round(Math.min(n, Math.max(Oe, e)));
+  return t !== void 0 && Number.isFinite(t) && t > 0 && (n = Math.min(n, t - ko)), n = Math.max(n, Oe), Math.round(Math.min(n, Math.max(Oe, e)));
 }
 function Et(e, t, n, o) {
   return W(e + (t - n), o);
 }
-function Po(e, t, n) {
+function Eo(e, t, n) {
   switch (t) {
     case "ArrowLeft":
       return W(e + At, n);
@@ -1444,10 +1444,10 @@ function Po(e, t, n) {
       return null;
   }
 }
-function No(e, t) {
-  return { collapsed: e, width: e ? Eo : t };
+function Po(e, t) {
+  return { collapsed: e, width: e ? Ao : t };
 }
-const K = lt(), u = $n((e, t) => ({
+const K = lt(), u = Hn((e, t) => ({
   ready: !1,
   name: "",
   sprite: null,
@@ -1457,7 +1457,7 @@ const K = lt(), u = $n((e, t) => ({
   chat: [],
   chatCollapsed: K.chatCollapsed ?? !1,
   chromeChatCollapsed: K.chromeChatCollapsed ?? !1,
-  chromeChatWidth: W(K.chromeChatWidth ?? wn),
+  chromeChatWidth: W(K.chromeChatWidth ?? _n),
   // 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.
@@ -1503,18 +1503,18 @@ const K = lt(), u = $n((e, t) => ({
   ensureAutoIdentity: () => e((n) => {
     if (n.name) return {};
     if (n.sprite) {
-      const a = de(n.sprite);
-      return d("store", "Auto-identity: deriving name from the requested sprite", { name: a, sprite: n.sprite }), { name: a };
+      const i = de(n.sprite);
+      return d("store", "Auto-identity: deriving name from the requested sprite", { name: i, sprite: n.sprite }), { name: i };
     }
-    const o = new Set(Object.values(n.roster).map((a) => a.sprite).filter(Boolean));
+    const o = new Set(Object.values(n.roster).map((i) => i.sprite).filter(Boolean));
     d("store", "ensureAutoIdentity checking", {
       rosterSize: Object.keys(n.roster).length,
       usedSprites: Array.from(o)
     });
-    for (const a of Me)
-      if (!o.has(a)) {
-        const i = de(a);
-        return d("store", "Auto-identity assigned", { name: i, sprite: a }), { name: i, sprite: a };
+    for (const i of Me)
+      if (!o.has(i)) {
+        const a = de(i);
+        return d("store", "Auto-identity assigned", { name: a, sprite: i }), { name: a, sprite: i };
       }
     return k("store", "All characters taken, leaving identity unset"), {};
   }),
@@ -1522,12 +1522,12 @@ const K = lt(), u = $n((e, t) => ({
     d("store", "Client ID set", { clientId: n }), e((o) => ({ me: { ...o.me, clientId: n } }));
   },
   applySnapshot: (n) => e((o) => {
-    const a = { ...o.roster };
+    const i = { ...o.roster };
     if (n.users)
-      for (const p of n.users) a[p.clientId] = p;
-    const i = n.mediaId !== void 0 ? n.mediaId : o.snapshot.mediaId, s = n.leaderId !== void 0 ? n.leaderId : o.snapshot.leaderId;
+      for (const p of n.users) i[p.clientId] = p;
+    const a = n.mediaId !== void 0 ? n.mediaId : o.snapshot.mediaId, s = n.leaderId !== void 0 ? n.leaderId : o.snapshot.leaderId;
     d("store", "Snapshot applied", {
-      mediaId: i,
+      mediaId: a,
       playing: n.playing ?? o.snapshot.playing,
       serverSeq: n.serverSeq ?? o.snapshot.serverSeq,
       userCount: n.users?.length ?? 0
@@ -1536,13 +1536,13 @@ const K = lt(), u = $n((e, t) => ({
     return {
       snapshot: {
         roomId: n.roomId !== void 0 ? n.roomId : o.snapshot.roomId,
-        mediaId: i,
+        mediaId: a,
         playheadMs: l,
         playing: n.playing ?? o.snapshot.playing,
         serverSeq: n.serverSeq ?? o.snapshot.serverSeq,
         leaderId: s
       },
-      roster: a,
+      roster: i,
       // Always update — initial snapshot on join often has playheadMs=0
       // matching the store default, so the old playheadChanged guard left
       // snapshotReceivedAt at page-load time. This inflated viewer correction
@@ -1555,8 +1555,8 @@ const K = lt(), u = $n((e, t) => ({
   },
   removeUser: (n) => {
     d("store", "User removed", { clientId: n }), e((o) => {
-      const a = { ...o.roster };
-      return delete a[n], { roster: a };
+      const i = { ...o.roster };
+      return delete i[n], { roster: i };
     });
   },
   appendChat: (n) => {
@@ -1595,19 +1595,19 @@ const K = lt(), u = $n((e, t) => ({
       snapshotReceivedAt: Date.now()
     }));
   },
-  addRttSample: (n, o, a) => e((i) => {
-    const s = [...i.drift.rtts, n].slice(-5);
-    let l = i.drift.offsetMs;
-    if (o && a) {
-      const p = a + n / 2;
+  addRttSample: (n, o, i) => e((a) => {
+    const s = [...a.drift.rtts, n].slice(-5);
+    let l = a.drift.offsetMs;
+    if (o && i) {
+      const p = i + n / 2;
       l = o - p;
     }
     return { drift: { rtts: s, offsetMs: l } };
   }),
   pushToast: (n, o) => {
-    d("store", "Toast pushed", { kind: n, msg: o }), e((a) => ({ toasts: [...a.toasts, { id: Math.random().toString(36).slice(2), kind: n, msg: o, ts: Date.now() }].slice(-5) }));
+    d("store", "Toast pushed", { kind: n, msg: o }), e((i) => ({ toasts: [...i.toasts, { id: Math.random().toString(36).slice(2), kind: n, msg: o, ts: Date.now() }].slice(-5) }));
   },
-  popToast: (n) => e((o) => ({ toasts: o.toasts.filter((a) => a.id !== n) })),
+  popToast: (n) => e((o) => ({ toasts: o.toasts.filter((i) => i.id !== n) })),
   setReadiness: (n) => e({ readiness: { mediaId: n.mediaId, ready: n.ready, readyCount: n.readyCount, total: n.total } }),
   setBufferState: (n) => e((o) => ({ bufferState: { ...o.bufferState, ...n } })),
   setMutedForAutoplay: (n) => e({ mutedForAutoplay: n }),
@@ -1639,9 +1639,9 @@ const K = lt(), u = $n((e, t) => ({
    * board or saves its own, which are the two moments its draft is not ahead of
    * the server.
    */
-  setTierlistSnapshot: (n, o) => e((a) => ({
+  setTierlistSnapshot: (n, o) => e((i) => ({
     tierlist: n,
-    tierlistDraft: o ? { ...n.myBoard } : a.tierlistDraft
+    tierlistDraft: o ? { ...n.myBoard } : i.tierlistDraft
   })),
   /**
    * Move one item on the draft board. Local only — nothing reaches the server
@@ -1652,14 +1652,14 @@ const K = lt(), u = $n((e, t) => ({
    * present-with-a-low-value — is what keeps "not rated" distinguishable from
    * "rated F" in placeTierlist.
    */
-  moveTierlistItem: (n, o, a) => e((i) => {
+  moveTierlistItem: (n, o, i) => e((a) => {
     const s = {};
-    for (const [l, p] of Object.entries(i.tierlistDraft)) {
+    for (const [l, p] of Object.entries(a.tierlistDraft)) {
       const h = (p ?? []).filter((f) => f !== n);
       h.length > 0 && (s[l] = h);
     }
     if (o !== null) {
-      const l = s[o] ?? [], p = Math.max(0, Math.min(a ?? l.length, l.length));
+      const l = s[o] ?? [], p = Math.max(0, Math.min(i ?? l.length, l.length));
       l.splice(p, 0, n), s[o] = l;
     }
     return { tierlistDraft: s };
@@ -1671,32 +1671,32 @@ const K = lt(), u = $n((e, t) => ({
   setGameSessionWins: (n) => e({ gameSessionWins: { ...n } }),
   setGameBotCount: (n) => e({ gameBotCount: Math.max(0, Math.floor(n)) }),
   rehydrateFromPrefs: () => e((n) => {
-    const o = lt(), a = {};
-    if (o.chatCollapsed !== void 0 && (a.chatCollapsed = o.chatCollapsed), o.chromeChatCollapsed !== void 0 && (a.chromeChatCollapsed = o.chromeChatCollapsed), o.chromeChatWidth !== void 0 && (a.chromeChatWidth = W(o.chromeChatWidth)), ["volume", "muted", "preferredAudioLang", "subtitlesEnabled", "subtitleStyle"].some((l) => o[l] !== void 0)) {
+    const o = lt(), i = {};
+    if (o.chatCollapsed !== void 0 && (i.chatCollapsed = o.chatCollapsed), o.chromeChatCollapsed !== void 0 && (i.chromeChatCollapsed = o.chromeChatCollapsed), o.chromeChatWidth !== void 0 && (i.chromeChatWidth = W(o.chromeChatWidth)), ["volume", "muted", "preferredAudioLang", "subtitlesEnabled", "subtitleStyle"].some((l) => o[l] !== void 0)) {
       const l = { ...n.mediaPrefs };
-      o.volume !== void 0 && (l.volume = o.volume), o.muted !== void 0 && (l.muted = o.muted), o.preferredAudioLang !== void 0 && (l.preferredAudioLang = o.preferredAudioLang), o.subtitlesEnabled !== void 0 && (l.subtitlesEnabled = o.subtitlesEnabled), o.subtitleStyle !== void 0 && ["classic", "cinema", "minimal", "contrast"].includes(o.subtitleStyle) && (l.subtitleStyle = o.subtitleStyle), a.mediaPrefs = l;
+      o.volume !== void 0 && (l.volume = o.volume), o.muted !== void 0 && (l.muted = o.muted), o.preferredAudioLang !== void 0 && (l.preferredAudioLang = o.preferredAudioLang), o.subtitlesEnabled !== void 0 && (l.subtitlesEnabled = o.subtitlesEnabled), o.subtitleStyle !== void 0 && ["classic", "cinema", "minimal", "contrast"].includes(o.subtitleStyle) && (l.subtitleStyle = o.subtitleStyle), i.mediaPrefs = l;
     }
-    return a;
+    return i;
   }),
   setSidebarTab: (n) => e((o) => o.sidebarTab === n && n !== "chat" ? { sidebarTab: "chat" } : { sidebarTab: n, chatCollapsed: !1 })
 }));
 Ue("__ZUSTAND_STORE__", u);
-const xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const wn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   useAppStore: u
 }, Symbol.toStringTag, { value: "Module" }));
-function Ro(e) {
-  return `${dn()}/media/${e}`.replace(/\\/g, "/");
+function No(e) {
+  return `${cn()}/media/${e}`.replace(/\\/g, "/");
 }
-function Do(e, t) {
-  return Ro(t ?? `${e}/poster.jpg`);
+function Ro(e, t) {
+  return No(t ?? `${e}/poster.jpg`);
 }
-function Oo(e) {
-  return `${dn()}${e}`.replace(/\\/g, "/");
+function Do(e) {
+  return `${cn()}${e}`.replace(/\\/g, "/");
 }
-async function Mo(e) {
+async function Oo(e) {
   try {
-    const t = await fetch(Oo("/api/tierlist"));
+    const t = await fetch(Do("/api/tierlist"));
     if (!t.ok)
       return k("tierlist", "Board fetch failed", { status: t.status }), null;
     const n = await t.json();
@@ -1710,47 +1710,44 @@ async function Mo(e) {
   }
 }
 let Pt = !1;
-function Lo() {
+function Mo() {
   if (Pt || typeof Image > "u") return;
   const e = u.getState().tierlist;
   if (!(!e || e.items.length === 0)) {
     Pt = !0;
     for (const t of e.items) {
       const n = new Image();
-      n.decoding = "async", n.src = Do(t.id, t.thumbnail);
+      n.decoding = "async", n.src = Ro(t.id, t.thumbnail);
     }
     d("tierlist", "Warming posters", { count: e.items.length });
   }
 }
-function jo() {
-  const e = u.getState(), t = new Set(Object.values(e.roster).map((i) => i.sprite).filter(Boolean)), n = Me.find((i) => !t.has(i));
+function Lo() {
+  const e = u.getState(), t = new Set(Object.values(e.roster).map((a) => a.sprite).filter(Boolean)), n = Me.find((a) => !t.has(a));
   if (!n)
     return k("socket", "sprite_taken: no available sprites to retry with"), null;
-  const o = !!e.name && !J(e.name), a = o ? e.name : de(n);
-  return d("socket", "sprite_taken: retrying with next available", { from: e.sprite, to: n, name: a, keptCustomName: o }), e.setSessionIdentity(a, n), { name: a, sprite: n };
+  const o = !!e.name && !J(e.name), i = o ? e.name : de(n);
+  return d("socket", "sprite_taken: retrying with next available", { from: e.sprite, to: n, name: i, keptCustomName: o }), e.setSessionIdentity(i, n), { name: i, sprite: n };
 }
-function Uo(e) {
+function jo(e) {
   const t = u.getState(), n = e ? t.roster[e] : void 0;
   return !n || !!n.sprite && n.sprite === t.sprite;
 }
 const Nt = "hadoku:avatar";
-function Fo(e) {
-  return e === "discord" || e === "steam" || e === "upload";
-}
-function In(e) {
+function xn(e) {
   const t = e?.sprite ?? e?.avatar?.sprite ?? null;
   return tt(t) ? t : null;
 }
-async function Ho(e = {}) {
+async function Uo(e = {}) {
   const t = e.fetch ?? (typeof fetch > "u" ? void 0 : fetch), n = typeof window > "u" ? void 0 : window.location?.origin, o = e.baseUrl ?? (n ? `${n}/prefs` : void 0);
   if (!t || !o) return null;
   try {
-    const a = await qn({ baseUrl: o, fetch: t }).get(), i = In(a);
-    return d("avatar", "Requested character from prefs-api", { sprite: i }), i;
-  } catch (a) {
-    return a instanceof ht && (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 }) : k("avatar", "Avatar settings read failed — keeping the auto-assigned character", {
-      status: a instanceof ht ? a.status : void 0,
-      ...fe(a)
+    const i = await Wn({ baseUrl: o, fetch: t }).get(), a = xn(i);
+    return d("avatar", "Requested character from prefs-api", { sprite: a }), a;
+  } catch (i) {
+    return i instanceof ht && (i.status === 401 || i.status === 403 || i.status === 404) ? d("avatar", "No avatar settings here (signed out, or no prefs-api on this origin)", { status: i.status }) : k("avatar", "Avatar settings read failed — keeping the auto-assigned character", {
+      status: i instanceof ht ? i.status : void 0,
+      ...fe(i)
     }), null;
   }
 }
@@ -1761,29 +1758,29 @@ function Rt(e) {
   const o = !!(t.me.clientId && t.roster[t.me.clientId]?.registryName) || !t.name || !J(t.name) ? t.name : de(e);
   return t.setSessionIdentity(o, e), !0;
 }
-function $o(e, t = typeof window > "u" ? void 0 : window) {
+function Fo(e, t = typeof window > "u" ? void 0 : window) {
   if (!t) return () => {
   };
   const n = (o) => {
-    const a = o.detail;
-    !a || typeof a != "object" || e(a);
+    const i = o.detail;
+    !i || typeof i != "object" || e(i);
   };
   return t.addEventListener(Nt, n), () => t.removeEventListener(Nt, n);
 }
-const Bo = 10;
-function Go(e = typeof window < "u" ? window : void 0) {
+const Ho = 10;
+function $o(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 < Bo; )
+    for (; n !== n.parent && t < Ho; )
       t++, n = n.parent;
     return { framed: e.top ? e.top !== e.self : t > 0, depth: t };
   } catch {
     return { framed: !1, depth: 0 };
   }
 }
-const Ko = "watchparty_fragment_delivery";
-function Wo() {
+const Bo = "watchparty_fragment_delivery";
+function Go() {
   if (typeof window > "u") return null;
   try {
     const e = new URLSearchParams(window.location.search).get("fragmentDelivery");
@@ -1791,93 +1788,93 @@ function Wo() {
     if (e === "0" || e === "false") return !1;
   } catch {
   }
-  return Qr(Ko);
+  return Jr(Bo);
 }
-let qo = { ...en }, He = null;
+let Ko = { ...Zt }, He = null;
 const Dt = "watchparty_delivery_client_id";
-function Vo() {
+function Wo() {
   const e = B(Dt);
   if (e) return e;
   const t = globalThis.crypto?.randomUUID?.() ?? `d${Math.random().toString(36).slice(2)}`;
   return ot(Dt, t) ? t : "";
 }
-function Yo() {
-  return He === null && (He = wr(qo, Vo(), Wo())), He;
+function qo() {
+  return He === null && (He = _r(Ko, Wo(), Go())), He;
 }
-function zo() {
-  return Yo();
+function Vo() {
+  return qo();
 }
 let Ae;
-function Cn() {
-  return B(Kn) || void 0;
+function In() {
+  return B(Gn) || void 0;
 }
-function Xo() {
+function Yo() {
   if (Ae) return;
-  const e = Cn();
+  const e = In();
   if (e) {
     Ae = e;
     return;
   }
-  Gn().then((t) => {
+  Bn().then((t) => {
     t && (Ae = t);
   }).catch(() => {
     d("identity", "device id unavailable — joining without one");
   });
 }
-function Jo() {
-  return Ae ??= Cn();
+function zo() {
+  return Ae ??= In();
 }
-function Qo(e, t) {
+function Xo(e, t) {
   let n = 0;
   for (const o of e.videos) {
-    const a = te.voteKey(t, e.id, o.mediaId);
-    globalThis.localStorage?.getItem(a) != null && n++, Ne(a);
+    const i = te.voteKey(t, e.id, o.mediaId);
+    globalThis.localStorage?.getItem(i) != null && n++, Ne(i);
   }
   return n;
 }
-const Zo = 2e4, ea = 1e4;
-function ta() {
+const Jo = 2e4, Qo = 1e4;
+function Zo() {
   return { unansweredSince: null, lastPongAt: null, lastTickAt: null };
 }
-function na(e, t) {
+function ei(e, t) {
   e.lastPongAt = t, e.unansweredSince = null;
 }
-function ra(e, t, n) {
-  const o = e.lastTickAt !== null && t - e.lastTickAt > ea;
-  return e.lastTickAt = t, n ? o || e.unansweredSince === null ? (e.unansweredSince = t, !1) : t - e.unansweredSince > Zo : (e.unansweredSince = null, !1);
+function ti(e, t, n) {
+  const o = e.lastTickAt !== null && t - e.lastTickAt > Qo;
+  return e.lastTickAt = t, n ? o || e.unansweredSince === null ? (e.unansweredSince = t, !1) : t - e.unansweredSince > Jo : (e.unansweredSince = null, !1);
 }
-function oa(e, t) {
+function ni(e, t) {
   return e.lastPongAt === null ? void 0 : Math.max(0, t - e.lastPongAt);
 }
-let _ = null, H = null, Ee = null, $ = null, q = null;
-const aa = la(), Z = ta();
-let _e = null, $e = null, Ot = 0, dt = null, ue = !1, ut = !1, oe = !1, Tn = null;
-function ia(e) {
+let S = null, H = null, Ee = null, $ = null, q = null;
+const ri = ai(), Z = Zo();
+let _e = null, $e = null, Ot = 0, dt = null, ue = !1, ut = !1, oe = !1, Cn = null;
+function oi(e) {
   const t = ne(), n = u.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(w.IDENTITY_UPDATE, { name: e.name, sprite: e.sprite })), t;
-  const o = sa(e);
+  const o = ii(e);
   return q = o, dt = { name: o.name, sprite: o.sprite }, t.connected ? (d("socket", "Emitting join", o), t.emit(w.JOIN, o)) : t.once("connect", () => {
     d("socket", "Emitting join", o), t.emit(w.JOIN, o);
   }), t;
 }
-function sa(e) {
+function ii(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: Go(),
-    delivery_arm: zo(),
+    embed: $o(),
+    delivery_arm: Vo(),
     // 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: Jo(),
-    tab_id: aa
+    device_id: zo(),
+    tab_id: ri
   };
 }
-function la() {
+function ai() {
   const e = globalThis.crypto;
   if (e && typeof e.randomUUID == "function") return e.randomUUID();
   const t = new Uint8Array(16);
@@ -1886,61 +1883,61 @@ function la() {
   return Array.from(t, (n) => n.toString(16).padStart(2, "0")).join("");
 }
 function ne() {
-  if (!_) {
+  if (!S) {
     let t = me().serverOrigin || "/";
     if (t === "/" && typeof window < "u") {
       const o = window.location;
-      (o.hostname === "localhost" || o.hostname === "127.0.0.1") && o.port === String(qt) && (t = `${o.protocol}//${o.hostname}:${Qe}`, d("socket", "Using dev fallback origin", { origin: t }));
+      (o.hostname === "localhost" || o.hostname === "127.0.0.1") && o.port === String(Wt) && (t = `${o.protocol}//${o.hostname}:${Qe}`, d("socket", "Using dev fallback origin", { origin: t }));
     }
     const n = new URL(t.startsWith("http") ? t : `${window.location.origin}${t}`).origin;
-    _ = Wn(n, { path: Xn, transports: ["websocket", "polling"] }), d("socket", "Socket initialized", { origin: t }), Ue("__SOCKET__", _), $ && (clearTimeout($), $ = null), H = null, Ee = setInterval(() => {
-      if (ra(Z, Date.now(), !!_?.connected)) {
+    S = Kn(n, { path: zn, transports: ["websocket", "polling"] }), d("socket", "Socket initialized", { origin: t }), Ue("__SOCKET__", S), $ && (clearTimeout($), $ = null), H = null, Ee = setInterval(() => {
+      if (ti(Z, Date.now(), !!S?.connected)) {
         k("socket", "PONG-WATCHDOG no time_pong for 20s — replacing the connection", {
-          sid: _?.id,
-          lastPongAgeMs: oa(Z, Date.now()) ?? null
-        }), $e = "pong-watchdog", Z.unansweredSince = null, _?.io.engine?.close();
+          sid: S?.id,
+          lastPongAgeMs: ni(Z, Date.now()) ?? null
+        }), $e = "pong-watchdog", Z.unansweredSince = null, S?.io.engine?.close();
         return;
       }
-      va();
-    }, br), _.on("connect", () => {
+      bi();
+    }, gr), S.on("connect", () => {
       ut = !1;
-      const o = _?.id;
+      const o = S?.id;
       if (d("socket", "Connected", { id: o, isReconnect: oe }), o)
         try {
-          u.getState().ensureMe(o), u.setState((a) => ({ me: { ...a.me, nextClientSeq: 1 } })), d("socket", "Reset client sequence for new connection");
-        } catch (a) {
-          ke("socket", "Failed to initialize store on connect", { error: a.message, sid: o });
+          u.getState().ensureMe(o), u.setState((i) => ({ me: { ...i.me, nextClientSeq: 1 } })), d("socket", "Reset client sequence for new connection");
+        } catch (i) {
+          ke("socket", "Failed to initialize store on connect", { error: i.message, sid: o });
         }
       if (oe && q) {
-        const a = u.getState();
+        const i = u.getState();
         Ot += 1;
-        const i = {
+        const a = {
           ...q,
-          name: a.name,
-          sprite: a.sprite,
+          name: i.name,
+          sprite: i.sprite,
           reconnect: {
             count: Ot,
             reason: (_e?.reason ?? "unknown").slice(0, 64),
             offline_ms: _e ? Math.max(0, Date.now() - _e.at) : 0
           }
-        }, s = Tn;
-        if (d("socket", "Re-emitting join after reconnect", { room_key: i.room_key, name: i.name, sprite: i.sprite }), s) {
+        }, s = Cn;
+        if (d("socket", "Re-emitting join after reconnect", { room_key: a.room_key, name: a.name, sprite: a.sprite }), s) {
           let l = !1;
           const p = () => {
-            l || (l = !0, _.off(w.SNAPSHOT, p), _.emit(w.CLIENT_READY, { media_id: s }), d("socket", "Re-emitted client_ready after reconnect snapshot", { mediaId: s }));
+            l || (l = !0, S.off(w.SNAPSHOT, p), S.emit(w.CLIENT_READY, { media_id: s }), d("socket", "Re-emitted client_ready after reconnect snapshot", { mediaId: s }));
           };
-          _.on(w.SNAPSHOT, p), setTimeout(() => {
-            l || (l = !0, _.off(w.SNAPSHOT, p), k("socket", "client_ready re-emit timed out waiting for snapshot", { mediaId: s }));
+          S.on(w.SNAPSHOT, p), setTimeout(() => {
+            l || (l = !0, S.off(w.SNAPSHOT, p), k("socket", "client_ready re-emit timed out waiting for snapshot", { mediaId: s }));
           }, 1e4);
         }
-        dt = { name: i.name, sprite: i.sprite }, _.emit(w.JOIN, i), window.dispatchEvent(new CustomEvent("watchparty:socket-reconnect"));
+        dt = { name: a.name, sprite: a.sprite }, S.emit(w.JOIN, a), window.dispatchEvent(new CustomEvent("watchparty:socket-reconnect"));
       } else oe && k("socket", "Reconnected — no join payload, not re-joining any room");
       oe = !0;
-    }), _.on("disconnect", (o) => {
-      hn(null), _e = { reason: $e ?? o, at: Date.now() }, $e = null, d("socket", "Disconnected", { reason: o });
-    }), _.on("connect_error", (o) => ke("socket", "Connection error", { message: o?.message })), _.on("reconnect_attempt", (o) => k("socket", "Reconnect attempt", { attempt: o })), _.on("reconnect_failed", () => ke("socket", "Reconnect failed")), ba(_);
+    }), S.on("disconnect", (o) => {
+      pn(null), _e = { reason: $e ?? o, at: Date.now() }, $e = null, d("socket", "Disconnected", { reason: o });
+    }), S.on("connect_error", (o) => ke("socket", "Connection error", { message: o?.message })), S.on("reconnect_attempt", (o) => k("socket", "Reconnect attempt", { attempt: o })), S.on("reconnect_failed", () => ke("socket", "Reconnect failed")), hi(S);
   }
-  return _;
+  return S;
 }
 function Be(e) {
   return e.play_state === "playing" || e.playing === !0;
@@ -1962,9 +1959,9 @@ function Mt(e, t) {
     systemType: e.systemType
   };
 }
-function ca(e) {
+function si(e) {
   e.on(w.SNAPSHOT, (t) => {
-    e.emit(Zt.SYNC), u.getState().applySnapshot({
+    e.emit(Qt.SYNC), u.getState().applySnapshot({
       roomId: t.room_id ?? null,
       mediaId: t.media_id ?? null,
       playheadMs: t.playhead_ms || 0,
@@ -1972,9 +1969,9 @@ function ca(e) {
       serverSeq: t.server_seq || 0,
       leaderId: t.leader_id || null
     }), u.getState().name || d("socket", "Deferring identity to presence event (snapshot carries no roster)");
-    const n = u.getState(), o = _?.id, i = (o ? n.roster[o] : void 0) ?? dt, s = Vn(
+    const n = u.getState(), o = S?.id, a = (o ? n.roster[o] : void 0) ?? dt, s = qn(
       { name: n.name, avatarId: n.sprite },
-      i ? { name: i.name, avatarId: i.sprite ?? null } : void 0,
+      a ? { name: a.name, avatarId: a.sprite ?? null } : void 0,
       // A join that carried no name counts as a default one, so a name that
       // landed after the join (prefs) is still asserted.
       (l) => l === "" || J(l)
@@ -1993,7 +1990,7 @@ function ca(e) {
       leaderId: t.leader_id || null,
       serverSeq: t.server_seq || 0,
       rosterSize: Object.keys(n.roster).length
-    }), q?.room_key && _?.id && hn({ room_key: q.room_key, client_id: _.id });
+    }), q?.room_key && S?.id && pn({ room_key: q.room_key, client_id: S.id });
   }), e.on(w.CONTROL_BROADCAST, (t) => {
     const n = u.getState();
     if (Object.prototype.hasOwnProperty.call(t, "media_id")) {
@@ -2015,17 +2012,17 @@ function ca(e) {
   }), e.on(w.CONTROL_ACK, (t) => {
     typeof t?.client_seq == "number" && typeof t?.server_seq == "number" && d("socket", "Control ack received", t);
   }), e.on(w.TIME_PONG, (t) => {
-    if (na(Z, Date.now()), H && H.ts) {
+    if (ei(Z, Date.now()), H && H.ts) {
       const n = Date.now() - H.ts;
       u.getState().addRttSample(n, t?.server_ts, H.ts), H = null, $ && (clearTimeout($), $ = null), d("socket", "Time sync RTT", { rtt: n, offset: u.getState().drift.offsetMs });
     }
   }), e.on(w.READY_STATE, (t) => {
     if (!t) return;
-    const n = t.media_id ?? null, o = typeof t.ready_count == "number" ? t.ready_count : 0, a = typeof t.total == "number" ? t.total : 0, i = t.ready === !0;
-    u.getState().setReadiness({ mediaId: n, ready: i, readyCount: o, total: a }), d("socket", "Ready state received", { mediaId: n, readyCount: o, total: a, ready: i });
+    const n = t.media_id ?? null, o = typeof t.ready_count == "number" ? t.ready_count : 0, i = typeof t.total == "number" ? t.total : 0, a = t.ready === !0;
+    u.getState().setReadiness({ mediaId: n, ready: a, readyCount: o, total: i }), d("socket", "Ready state received", { mediaId: n, readyCount: o, total: i, ready: a });
   });
 }
-function da(e) {
+function li(e) {
   e.on(w.PRESENCE, (t) => {
     if (!t) return;
     if (Array.isArray(t.users)) {
@@ -2038,16 +2035,16 @@ function da(e) {
           sprite: l.sprite_id ?? l.sprite ?? null,
           isLeader: l.is_leader,
           ...l.registry_name ? { registryName: !0 } : {},
-          ...l.avatar_url && Fo(l.avatar_source) ? { avatarUrl: l.avatar_url, avatarSource: l.avatar_source } : {}
+          ...l.avatar_url ? { avatarUrl: l.avatar_url } : {}
         };
-      const a = u.getState(), i = _?.id, s = i ? o[i] : void 0;
+      const i = u.getState(), a = S?.id, s = a ? o[a] : void 0;
       if (s?.registryName)
-        u.setState({ roster: o }), (s.name !== a.name || s.sprite && s.sprite !== a.sprite) && (d("socket", "Adopting registry name", { from: a.name, to: s.name }), u.getState().setSessionIdentity(s.name, s.sprite ?? a.sprite));
-      else if (i && o[i]) {
-        const l = o[i].name, p = o[i].sprite;
-        if (a.name && !J(a.name) && (o[i].name = a.name), u.setState({ roster: o }), p && p !== a.sprite) {
-          const h = a.name && !J(a.name), f = h ? a.name : de(p);
-          d("socket", "Server reassigned sprite", { from: a.sprite, to: p, newName: f, preservingCustomName: h }), u.getState().setSessionIdentity(f, p), f !== l && e.emit(w.IDENTITY_UPDATE, { name: f });
+        u.setState({ roster: o }), (s.name !== i.name || s.sprite && s.sprite !== i.sprite) && (d("socket", "Adopting registry name", { from: i.name, to: s.name }), u.getState().setSessionIdentity(s.name, s.sprite ?? i.sprite));
+      else if (a && o[a]) {
+        const l = o[a].name, p = o[a].sprite;
+        if (i.name && !J(i.name) && (o[a].name = i.name), u.setState({ roster: o }), p && p !== i.sprite) {
+          const h = i.name && !J(i.name), f = h ? i.name : de(p);
+          d("socket", "Server reassigned sprite", { from: i.sprite, to: p, newName: f, preservingCustomName: h }), u.getState().setSessionIdentity(f, p), f !== l && e.emit(w.IDENTITY_UPDATE, { name: f });
         }
       }
     }
@@ -2060,7 +2057,7 @@ function da(e) {
     }
   });
 }
-function ua(e) {
+function ci(e) {
   e.on(w.CHAT_BROADCAST, (t) => {
     const n = Mt(t, t.server_seq);
     u.getState().appendChat(n), d("chat", "Message received", n);
@@ -2070,7 +2067,7 @@ function ua(e) {
     u.getState().setChat(n), d("chat", "History loaded", { count: n.length });
   });
 }
-function ma(e) {
+function di(e) {
   e.on(be.STATE, (t) => {
     u.getState().applyPlaylistState({
       playlist: t?.playlist ?? null,
@@ -2083,61 +2080,61 @@ function ma(e) {
     u.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 = Qo(
-      { id: t.playlistId, videos: t.mediaIds.map((a) => ({ mediaId: a })) },
-      yo()
+    const n = Xo(
+      { id: t.playlistId, videos: t.mediaIds.map((i) => ({ mediaId: i })) },
+      bo()
     ), o = u.getState();
     o.playlist?.id === t.playlistId && o.applyPlaylistState({ playlist: o.playlist, activeIndex: o.activePlaylistIndex, myVotes: {} }), d("playlist", "Votes cleared by leader", { playlistId: t.playlistId, removed: n });
   });
 }
-function fa(e) {
-  e.on(cr.UPDATED, () => {
-    d("tierlist", "Someone saved — refreshing the board"), Mo(!1);
+function ui(e) {
+  e.on(lr.UPDATED, () => {
+    d("tierlist", "Someone saved — refreshing the board"), Oo(!1);
   });
 }
-function pa(e) {
-  e.on(dr.STATE, (t) => {
+function mi(e) {
+  e.on(cr.STATE, (t) => {
     if (!t || typeof t.active != "boolean") return;
     const n = Array.isArray(t.ready) ? t.ready.filter((o) => typeof o == "string") : [];
     u.getState().setReadyCheckState({ active: t.active, ready: n }), d("ready-check", "State received", { active: t.active, readyCount: n.length });
   });
 }
-function ha(e) {
-  e.on(Zt.ACTIVE, (t) => {
+function fi(e) {
+  e.on(Qt.ACTIVE, (t) => {
     const n = typeof t?.gameId == "string" ? t.gameId : null;
     u.getState().setActiveGameId(n), t?.sessionWins && typeof t.sessionWins == "object" ? u.getState().setGameSessionWins(t.sessionWins) : n === null && u.getState().setGameSessionWins({}), typeof t?.botCount == "number" ? u.getState().setGameBotCount(t.botCount) : n === null && u.getState().setGameBotCount(0), d("game", "game_active", { gameId: n, sessionWins: t?.sessionWins, botCount: t?.botCount });
   });
 }
-function ga(e) {
+function pi(e) {
   e.on(w.HEALTH_SNAPSHOT, (t) => {
     u.getState().setHealthSnapshot(t);
   }), e.on(w.BUFFER_STATUS, (t) => {
     u.getState().setBufferStatus(t);
   });
 }
-function ba(e) {
-  ca(e), da(e), ua(e), ga(e), ma(e), fa(e), pa(e), ha(e), e.on(w.ERROR, (t) => {
+function hi(e) {
+  si(e), li(e), ci(e), pi(e), di(e), ui(e), mi(e), fi(e), e.on(w.ERROR, (t) => {
     const n = t?.code || "error/unknown";
     if (n === "conflict" && t?.message === "sprite_held_by_you") {
       ut = !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 (Uo(_?.id)) {
+      if (jo(S?.id)) {
         d("socket", "sprite_taken: stale, the server already has our sprite");
         return;
       }
       ue = !0;
       let s;
       try {
-        s = jo();
+        s = Lo();
       } finally {
         ue = !1;
       }
       s && e.emit(w.IDENTITY_UPDATE, s);
       return;
     }
-    const a = {
+    const i = {
       "control/forbidden": "You are not the leader.",
       "control/stale_seq": "Stale control sequence.",
       "control/seq_gap": "Control sequence gap detected.",
@@ -2155,21 +2152,21 @@ function ba(e) {
       "recap/not_found": "No recap available for the previous episode."
     }[n] || n;
     if (n.startsWith("recap/")) {
-      d("socket", `recap unavailable: ${a}`, { code: n }), u.getState().pushToast("info", a);
+      d("socket", `recap unavailable: ${i}`, { code: n }), u.getState().pushToast("info", i);
       return;
     }
-    (n.startsWith("auth/") ? k : ke)("socket", `Server error: ${a}`, { code: n, raw: t }), u.getState().pushToast("error", a);
+    (n.startsWith("auth/") ? k : ke)("socket", `Server error: ${i}`, { code: n, raw: t }), u.getState().pushToast("error", i);
   });
 }
-function ya(e, t) {
+function gi(e, t) {
   ne().emit(w.CHAT_SEND, t?.length ? { text: e, images: t } : { text: e });
 }
-function va() {
+function bi() {
   H || (H = { ts: Date.now() }, ne().emit(w.TIME_PING, {}), $ = setTimeout(() => {
     H && (d("socket", "Time ping timed out after 10s, clearing inflight"), H = null), $ = null;
   }, 1e4));
 }
-function kn(e) {
+function Tn(e) {
   const t = u.getState(), n = t.me.clientId;
   if (!n || !t.roster[n]) {
     Rt(e), d("socket", "Avatar change before join: the join will carry it", { sprite: e });
@@ -2181,8 +2178,8 @@ function kn(e) {
   } finally {
     ue = !1;
   }
-  const o = u.getState(), a = { avatar: !0 };
-  o.sprite && o.sprite !== t.sprite && (a.sprite = o.sprite), o.name && o.name !== t.name && (a.name = o.name), d("socket", "Sending avatar change", a), ne().emit(w.IDENTITY_UPDATE, a);
+  const o = u.getState(), i = { avatar: !0 };
+  o.sprite && o.sprite !== t.sprite && (i.sprite = o.sprite), o.name && o.name !== t.name && (i.name = o.name), d("socket", "Sending avatar change", i), ne().emit(w.IDENTITY_UPDATE, i);
 }
 let we = { name: "", sprite: "" };
 u.subscribe((e, t) => {
@@ -2191,19 +2188,19 @@ u.subscribe((e, t) => {
   if (!n) return;
   const o = e.roster[n];
   if (!o) return;
-  const a = !!e.name && !J(e.name) && e.name !== we.name && (J(o.name || "") || o.name !== e.name), i = !!e.sprite && e.sprite !== we.sprite && o.sprite !== e.sprite;
-  if (!a && !i) return;
+  const i = !!e.name && !J(e.name) && e.name !== we.name && (J(o.name || "") || o.name !== e.name), a = !!e.sprite && e.sprite !== we.sprite && o.sprite !== e.sprite;
+  if (!i && !a) return;
   const s = {};
-  a && (s.name = e.name, we.name = e.name), i && (s.sprite = e.sprite, we.sprite = e.sprite), d("socket", "Identity reassert (store change)", s), _?.connected ? _.emit(w.IDENTITY_UPDATE, s) : ne().emit(w.IDENTITY_UPDATE, s);
+  i && (s.name = e.name, we.name = e.name), a && (s.sprite = e.sprite, we.sprite = e.sprite), d("socket", "Identity reassert (store change)", s), S?.connected ? S.emit(w.IDENTITY_UPDATE, s) : ne().emit(w.IDENTITY_UPDATE, s);
 });
-function Sa() {
+function yi() {
   Ee && (clearInterval(Ee), Ee = null), $ && (clearTimeout($), $ = null), H = null, Z.unansweredSince = null, Z.lastTickAt = null;
 }
-function _a() {
-  d("socket", "clearJoinState called", { hadPayload: q !== null, room_key: q?.room_key }), q = null, oe = !1, Tn = null;
+function vi() {
+  d("socket", "clearJoinState called", { hadPayload: q !== null, room_key: q?.room_key }), q = null, oe = !1, Cn = null;
 }
 function Lt() {
-  d("socket", "leaveRoom called", { room_key: q?.room_key }), _a(), Sa(), _ && (_.disconnect(), _ = null), u.setState({
+  d("socket", "leaveRoom called", { room_key: q?.room_key }), vi(), yi(), S && (S.disconnect(), S = null), u.setState({
     me: { clientId: null, nextClientSeq: 1 },
     roster: {},
     snapshot: { roomId: null, mediaId: null, playheadMs: 0, playing: !1, serverSeq: 0, leaderId: null },
@@ -2219,27 +2216,24 @@ function Lt() {
     gameSessionWins: {}
   });
 }
-function wa() {
+function Si() {
   d("chat", "Emitting recap_request"), ne().emit("recap_request");
 }
-function xa() {
-  D(() => $o((e) => {
-    const t = In(e);
-    d("avatar", "Avatar changed in the settings popout", { sprite: t, source: e.avatar?.source }), kn(t);
+function _i() {
+  D(() => Fo((e) => {
+    const t = xn(e);
+    d("avatar", "Avatar changed in the settings popout", { sprite: t, source: e.avatar?.source }), Tn(t);
   }), []);
 }
-function Ia(e, t) {
+function wi(e, t) {
   if (t) {
     for (const n of Object.values(e))
       if (n.author === t && n.avatarUrl) return n.avatarUrl;
   }
 }
-function jt(e) {
-  return e.some((t) => t === "steam");
-}
-function An({ sprite: e, url: t, alt: n = "", className: o, fallback: a }) {
-  const [i, s] = R(null);
-  if (t && t !== i)
+function kn({ sprite: e, url: t, alt: n = "", className: o, fallback: i }) {
+  const [a, s] = R(null);
+  if (t && t !== a)
     return /* @__PURE__ */ c(
       "img",
       {
@@ -2251,22 +2245,22 @@ function An({ sprite: e, url: t, alt: n = "", className: o, fallback: a }) {
         onError: () => s(t)
       }
     );
-  const l = vo(e);
-  return l ? /* @__PURE__ */ c("img", { src: l, alt: n, crossOrigin: "anonymous", className: o, draggable: !1 }) : /* @__PURE__ */ c(le, { children: a });
+  const l = yo(e);
+  return l ? /* @__PURE__ */ c("img", { src: l, alt: n, crossOrigin: "anonymous", className: o, draggable: !1 }) : /* @__PURE__ */ c(le, { children: i });
 }
-function Ca(e) {
+function xi(e) {
   return !(e.button !== 0 || e.ctrlKey || e.metaKey || e.shiftKey || e.altKey);
 }
-function Ta({ src: e, title: t, onClose: n }) {
+function Ii({ src: e, title: t, onClose: n }) {
   D(() => {
-    const i = (s) => {
+    const a = (s) => {
       s.key === "Escape" && (s.stopPropagation(), n());
     };
-    return document.addEventListener("keydown", i, !0), () => document.removeEventListener("keydown", i, !0);
+    return document.addEventListener("keydown", a, !0), () => document.removeEventListener("keydown", a, !0);
   }, [n]);
-  const o = Xr(), a = typeof document > "u" ? null : document.fullscreenElement ?? o ?? document.body;
-  return a ? Yn(
-    /* @__PURE__ */ v(
+  const o = zr(), i = typeof document > "u" ? null : document.fullscreenElement ?? o ?? document.body;
+  return i ? Vn(
+    /* @__PURE__ */ _(
       "div",
       {
         className: "fixed inset-0 z-[10000] flex flex-col items-center justify-center bg-black/85 p-6",
@@ -2281,7 +2275,7 @@ function Ta({ src: e, title: t, onClose: n }) {
             {
               src: e,
               alt: t ?? "",
-              onClick: (i) => i.stopPropagation(),
+              onClick: (a) => a.stopPropagation(),
               className: "max-h-full max-w-full rounded object-contain shadow-2xl",
               "data-testid": "chat-image-lightbox-img"
             }
@@ -2300,15 +2294,15 @@ function Ta({ src: e, title: t, onClose: n }) {
         ]
       }
     ),
-    a
+    i
   ) : null;
 }
-const Ge = 240, ka = 320;
-function Aa({ image: e }) {
+const Ge = 240, Ci = 320;
+function Ti({ image: e }) {
   const [t, n] = R(!1), o = Pe(e.key);
   if (!o) return null;
-  const a = e.w > 0 && e.h > 0, i = a ? Math.min(1, ka / e.w, Ge / e.h) : 1;
-  return /* @__PURE__ */ v(le, { children: [
+  const i = e.w > 0 && e.h > 0, a = i ? Math.min(1, Ci / e.w, Ge / e.h) : 1;
+  return /* @__PURE__ */ _(le, { children: [
     /* @__PURE__ */ c(
       "a",
       {
@@ -2318,7 +2312,7 @@ function Aa({ image: e }) {
         className: "block max-w-full cursor-zoom-in",
         "data-testid": "chat-image",
         onClick: (s) => {
-          Ca(s) && (s.preventDefault(), n(!0));
+          xi(s) && (s.preventDefault(), n(!0));
         },
         children: /* @__PURE__ */ c(
           "img",
@@ -2327,16 +2321,16 @@ function Aa({ image: e }) {
             alt: e.title ?? "",
             loading: "lazy",
             decoding: "async",
-            width: a ? Math.round(e.w * i) : void 0,
-            height: a ? Math.round(e.h * i) : void 0,
+            width: i ? Math.round(e.w * a) : void 0,
+            height: i ? Math.round(e.h * a) : void 0,
             className: "rounded border border-border-light object-contain bg-bg-alt/30",
-            style: a ? { aspectRatio: `${e.w} / ${e.h}`, maxWidth: "100%", maxHeight: Ge } : { maxWidth: "100%", maxHeight: Ge }
+            style: i ? { aspectRatio: `${e.w} / ${e.h}`, maxWidth: "100%", maxHeight: Ge } : { maxWidth: "100%", maxHeight: Ge }
           }
         )
       }
     ),
     t && /* @__PURE__ */ c(
-      Ta,
+      Ii,
       {
         src: o,
         title: e.title,
@@ -2345,76 +2339,76 @@ function Aa({ image: e }) {
     )
   ] });
 }
-function Ea({ 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(Aa, { image: t }, `${t.key}-${n}`)) }) : null;
+function ki({ 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 Pa(e, t) {
+function Ai(e, t) {
   return e.author && t.author ? e.author === t.author : !!t.clientId && e.clientId === t.clientId;
 }
 function Ke(e) {
   return new Date(e).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
 }
-const Na = $t.memo(function({ message: t }) {
-  const n = u((l) => l.me.clientId), o = u((l) => l.me.clientId ? l.roster[l.me.clientId]?.author : void 0), a = Pa(t, { clientId: n, author: o }), i = u((l) => Ia(l.roster, t.author));
+const Ei = Ht.memo(function({ message: t }) {
+  const n = u((l) => l.me.clientId), o = u((l) => l.me.clientId ? l.roster[l.me.clientId]?.author : void 0), i = Ai(t, { clientId: n, author: o }), a = u((l) => wi(l.roster, t.author));
   if (t.isSystem && t.systemType === "recap")
-    return /* @__PURE__ */ c("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ v("div", { className: "border-l-2 border-border-light pl-2.5 py-0.5", children: [
-      /* @__PURE__ */ v("div", { className: "text-[10px] uppercase tracking-wide text-text-muted mb-0.5", children: [
+    return /* @__PURE__ */ c("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ _("div", { className: "border-l-2 border-border-light pl-2.5 py-0.5", children: [
+      /* @__PURE__ */ _("div", { className: "text-[10px] uppercase tracking-wide text-text-muted mb-0.5", children: [
         "Recap",
         /* @__PURE__ */ c("span", { className: "ml-1.5 normal-case tracking-normal opacity-60", children: Ke(t.ts) })
       ] }),
       /* @__PURE__ */ c("p", { className: "text-[13px] text-text-secondary leading-relaxed whitespace-pre-wrap break-words", children: t.text })
     ] }) });
   if (t.isSystem)
-    return /* @__PURE__ */ v("div", { className: "px-2 py-0.5 text-[11px] text-text-muted italic text-center leading-tight", children: [
+    return /* @__PURE__ */ _("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: Ke(t.ts) })
     ] });
-  const s = bn(t.sprite);
-  return /* @__PURE__ */ v("div", { className: `flex items-start gap-2 px-2 py-1 hover:bg-bg-card/20 ${a ? "bg-bg-card/30" : ""}`, children: [
+  const s = gn(t.sprite);
+  return /* @__PURE__ */ _("div", { className: `flex items-start gap-2 px-2 py-1 hover:bg-bg-card/20 ${i ? "bg-bg-card/30" : ""}`, children: [
     /* @__PURE__ */ c(
-      An,
+      kn,
       {
         sprite: t.sprite,
-        url: i,
+        url: a,
         alt: t.name,
         className: "w-8 h-8 rounded-full object-cover flex-shrink-0",
         fallback: /* @__PURE__ */ c("span", { className: "w-8 h-8 bg-bg-alt/50 rounded-full flex-shrink-0" })
       }
     ),
-    /* @__PURE__ */ v("div", { className: "flex-1 min-w-0 -mt-0.5", children: [
+    /* @__PURE__ */ _("div", { className: "flex-1 min-w-0 -mt-0.5", children: [
       /* @__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: Ke(t.ts) }),
       t.text && /* @__PURE__ */ c("p", { className: "text-[13px] text-text break-words leading-snug m-0", children: t.text }),
-      /* @__PURE__ */ c(Ea, { images: t.images })
+      /* @__PURE__ */ c(ki, { images: t.images })
     ] })
   ] });
 });
-function Ra() {
-  const e = u((a) => a.chat), t = z(null), n = z(!1), o = E(() => {
-    const a = t.current;
-    if (!a) return;
-    const { scrollHeight: i, scrollTop: s, clientHeight: l } = a, p = i - s - l;
+function Pi() {
+  const e = u((i) => i.chat), t = z(null), n = z(!1), o = E(() => {
+    const i = t.current;
+    if (!i) return;
+    const { scrollHeight: a, scrollTop: s, clientHeight: l } = i, p = a - s - l;
     n.current = p > 40;
   }, []);
   return D(() => {
-    const a = t.current;
-    a && !n.current && a.scrollTo({ top: a.scrollHeight, behavior: "smooth" });
+    const i = t.current;
+    i && !n.current && i.scrollTo({ top: i.scrollHeight, behavior: "smooth" });
   }, [e.length]), /* @__PURE__ */ c(
     "div",
     {
       ref: t,
       onScroll: o,
       className: "flex-1 overflow-y-auto overflow-x-hidden chat-messages",
-      children: e.length === 0 ? /* @__PURE__ */ c("div", { className: "p-4 text-xs text-text-muted text-center", children: "No messages yet. Be the first to say something!" }) : /* @__PURE__ */ c(le, { children: e.map((a, i) => {
-        const s = i > 0 ? e[i - 1] : null, l = s && a.ts - s.ts > 1440 * 60 * 1e3;
-        return /* @__PURE__ */ v($t.Fragment, { children: [
-          l && /* @__PURE__ */ v("div", { className: "flex items-center gap-2 px-4 py-2 my-1", children: [
+      children: e.length === 0 ? /* @__PURE__ */ c("div", { className: "p-4 text-xs text-text-muted text-center", children: "No messages yet. Be the first to say something!" }) : /* @__PURE__ */ c(le, { children: e.map((i, a) => {
+        const s = a > 0 ? e[a - 1] : null, l = s && i.ts - s.ts > 1440 * 60 * 1e3;
+        return /* @__PURE__ */ _(Ht.Fragment, { children: [
+          l && /* @__PURE__ */ _("div", { className: "flex items-center gap-2 px-4 py-2 my-1", children: [
             /* @__PURE__ */ c("div", { className: "flex-1 h-px bg-border" }),
-            /* @__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("span", { className: "text-[10px] text-text-muted whitespace-nowrap", children: new Date(i.ts).toLocaleDateString([], { weekday: "short", month: "short", day: "numeric" }) }),
             /* @__PURE__ */ c("div", { className: "flex-1 h-px bg-border" })
           ] }),
-          /* @__PURE__ */ c(Na, { message: a })
-        ] }, a.id);
+          /* @__PURE__ */ c(Ei, { message: i })
+        ] }, i.id);
       }) })
     }
   );
@@ -2440,49 +2434,49 @@ const mt = [
     scope: "local"
   }
 ], ee = "/";
-function Da(e) {
+function Ni(e) {
   if (!e.startsWith(ee)) return null;
   const t = e.slice(ee.length);
   return /\s/.test(t) ? null : t.toLowerCase();
 }
-function Oa(e, t = mt) {
+function Ri(e, t = mt) {
   const n = e.toLowerCase();
-  if (!n) return [...t].sort((a, i) => a.name.localeCompare(i.name));
+  if (!n) return [...t].sort((i, a) => i.name.localeCompare(a.name));
   const o = [];
-  for (const a of t) {
-    const i = a.name.toLowerCase();
-    i.startsWith(n) ? o.push({ cmd: a, rank: 0 }) : i.includes(n) && o.push({ cmd: a, rank: 1 });
+  for (const i of t) {
+    const a = i.name.toLowerCase();
+    a.startsWith(n) ? o.push({ cmd: i, rank: 0 }) : a.includes(n) && o.push({ cmd: i, rank: 1 });
   }
-  return o.sort((a, i) => a.rank - i.rank || a.cmd.name.localeCompare(i.cmd.name)).map((a) => a.cmd);
+  return o.sort((i, a) => i.rank - a.rank || i.cmd.name.localeCompare(a.cmd.name)).map((i) => i.cmd);
 }
-function Ma(e) {
+function Di(e) {
   return `${ee}${e.name} `;
 }
 function We(e, t) {
   return t <= 0 ? 0 : (e % t + t) % t;
 }
-function La(e, t = mt) {
+function Oi(e, t = mt) {
   const n = e.trim();
   if (!n) return null;
   if (!n.startsWith(ee)) return { kind: "chat", text: n };
-  const o = n.slice(ee.length), a = o.search(/\s/), i = (a === -1 ? o : o.slice(0, a)).toLowerCase(), s = a === -1 ? "" : o.slice(a).trim(), l = t.find((p) => p.name.toLowerCase() === i);
+  const o = n.slice(ee.length), i = o.search(/\s/), a = (i === -1 ? o : o.slice(0, i)).toLowerCase(), s = i === -1 ? "" : o.slice(i).trim(), l = t.find((p) => p.name.toLowerCase() === a);
   return l ? { kind: "command", command: l, args: s } : { kind: "chat", text: n };
 }
-function ja(e, t) {
+function Mi(e, t) {
   return e.requiresMedia && !t.hasMedia ? `${ee}${e.name} needs an episode loaded.` : null;
 }
-function Ua({
+function Li({
   commands: e,
   activeIndex: t,
   hasMedia: n,
   onPick: o,
-  onHover: a,
-  listboxId: i
+  onHover: i,
+  listboxId: a
 }) {
   return e.length === 0 ? null : /* @__PURE__ */ c(
     "ul",
     {
-      id: i,
+      id: a,
       role: "listbox",
       "aria-label": "Slash commands",
       className: `absolute bottom-full left-0 right-0 z-30 max-h-56 overflow-y-auto
@@ -2490,17 +2484,17 @@ function Ua({
                  list-none m-0 p-0 py-1 mb-1`,
       children: e.map((s, l) => {
         const p = !!s.requiresMedia && !n, h = l === t;
-        return /* @__PURE__ */ v(
+        return /* @__PURE__ */ _(
           "li",
           {
-            id: `${i}-opt-${s.name}`,
+            id: `${a}-opt-${s.name}`,
             role: "option",
             "aria-selected": h,
             "aria-disabled": p,
             onMouseDown: (f) => {
               f.preventDefault(), o(s);
             },
-            onMouseEnter: () => a(l),
+            onMouseEnter: () => i(l),
             className: `px-3 py-1.5 cursor-pointer flex items-baseline gap-2 ${h ? "bg-bg-alt" : ""} ${p ? "opacity-50" : ""}`,
             children: [
               /* @__PURE__ */ c("span", { className: "text-sm font-semibold text-text shrink-0", children: s.usage }),
@@ -2513,12 +2507,12 @@ function Ua({
     }
   );
 }
-function Fa({
+function ji({
   pending: e,
   uploading: t,
   onRemove: n
 }) {
-  return e.length ? /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-1.5 pb-1.5", "data-testid": "chat-attachment-strip", children: e.map((o) => /* @__PURE__ */ v("div", { className: "relative", children: [
+  return e.length ? /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-1.5 pb-1.5", "data-testid": "chat-attachment-strip", children: e.map((o) => /* @__PURE__ */ _("div", { className: "relative", children: [
     /* @__PURE__ */ c(
       "img",
       {
@@ -2540,25 +2534,25 @@ function Fa({
     )
   ] }, o.id)) }) : null;
 }
-function Ha() {
-  const [e, t] = R([]), [n, o] = R(!1), a = u((m) => m.pushToast), i = z(/* @__PURE__ */ new Set());
+function Ui() {
+  const [e, t] = R([]), [n, o] = R(!1), i = u((m) => m.pushToast), a = z(/* @__PURE__ */ new Set());
   D(() => () => {
-    for (const m of i.current) URL.revokeObjectURL(m);
-    i.current.clear();
+    for (const m of a.current) URL.revokeObjectURL(m);
+    a.current.clear();
   }, []);
   const s = E((m) => {
-    Dr(m) && (URL.revokeObjectURL(m.previewUrl), i.current.delete(m.previewUrl));
+    Rr(m) && (URL.revokeObjectURL(m.previewUrl), a.current.delete(m.previewUrl));
   }, []), l = E(async (m) => {
     if (!m.length) return;
-    const S = [];
+    const v = [];
     for (const y of m) {
-      const I = Mr(y);
+      const I = Or(y);
       if (I) {
-        a("error", I);
+        i("error", I);
         continue;
       }
-      const { w: g, h: A } = await Ur(y), N = URL.createObjectURL(y);
-      i.current.add(N), S.push({
+      const { w: g, h: A } = await jr(y), N = URL.createObjectURL(y);
+      a.current.add(N), v.push({
         kind: "file",
         id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
         file: y,
@@ -2567,61 +2561,61 @@ function Ha() {
         h: A
       });
     }
-    S.length && t((y) => {
+    v.length && t((y) => {
       const I = V - y.length;
       if (I <= 0) {
-        a("info", `Up to ${V} images per message`);
-        for (const g of S) s(g);
+        i("info", `Up to ${V} images per message`);
+        for (const g of v) s(g);
         return y;
       }
-      if (S.length > I) {
-        a("info", `Up to ${V} images per message`);
-        for (const g of S.slice(I)) s(g);
+      if (v.length > I) {
+        i("info", `Up to ${V} images per message`);
+        for (const g of v.slice(I)) s(g);
       }
-      return [...y, ...S.slice(0, I)];
+      return [...y, ...v.slice(0, I)];
     });
-  }, [a, s]), p = E((m) => {
-    const S = Pe(m.key);
-    S && (t((y) => y.length >= V ? (a("info", `Up to ${V} images per message`), y) : [...y, {
+  }, [i, s]), p = E((m) => {
+    const v = Pe(m.key);
+    v && (t((y) => y.length >= V ? (i("info", `Up to ${V} images per message`), y) : [...y, {
       kind: "remote",
       id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
       key: m.key,
-      previewUrl: S,
+      previewUrl: v,
       // The catalogue spells "unknown" as null; the wire schema spells it
       // as 0, and the renderer falls back to natural flow on that.
       w: m.width ?? 0,
       h: m.height ?? 0,
       title: m.title || void 0
-    }]), Le().catalogue(cn).recordUse(m.key));
-  }, [a]), h = E((m) => {
-    t((S) => {
-      const y = S.find((I) => I.id === m);
-      return y && s(y), S.filter((I) => I.id !== m);
+    }]), Le().catalogue(ln).recordUse(m.key));
+  }, [i]), h = E((m) => {
+    t((v) => {
+      const y = v.find((I) => I.id === m);
+      return y && s(y), v.filter((I) => I.id !== m);
     });
   }, [s]), f = E(() => {
     t((m) => {
-      for (const S of m) s(S);
+      for (const v of m) s(v);
       return [];
     });
   }, [s]), L = E((m) => {
-    const S = Lr(m.clipboardData);
-    S.length && (m.preventDefault(), l(S));
+    const v = Mr(m.clipboardData);
+    v.length && (m.preventDefault(), l(v));
   }, [l]), O = E((m) => {
-    const S = jr(m.dataTransfer);
-    S.length && (m.preventDefault(), l(S));
+    const v = Lr(m.dataTransfer);
+    v.length && (m.preventDefault(), l(v));
   }, [l]), M = E((m) => {
     m.dataTransfer?.types?.includes("Files") && m.preventDefault();
   }, []), C = E(async () => {
     if (!e.length) return [];
     o(!0);
     try {
-      return await Hr(e);
+      return await Fr(e);
     } catch (m) {
-      return k("chat", "Image upload failed", $r(m)), a("error", Or(m)), null;
+      return k("chat", "Image upload failed", Hr(m)), i("error", Dr(m)), null;
     } finally {
       o(!1);
     }
-  }, [e, a]);
+  }, [e, i]);
   return {
     pending: e,
     uploading: n,
@@ -2635,38 +2629,38 @@ function Ha() {
     onDragOver: M
   };
 }
-const Ut = Vt, $a = Jn;
-function Ba({ commands: e = mt }) {
-  const [t, n] = R(""), [o, a] = R(!1), [i, s] = R({ q: null, i: 0 }), [l, p] = R(!1), h = z(null), f = Nn(), [L, O] = R(!1), [M, C] = R(!1), m = Ha(), S = u((b) => b.snapshot.mediaId), y = u((b) => b.pushToast), I = u((b) => b.setTierlistOpen), g = !!S, A = Da(t), N = Q(
-    () => A === null ? [] : Oa(A, e),
+const jt = qt, Fi = Xn;
+function Hi({ commands: e = mt }) {
+  const [t, n] = R(""), [o, i] = R(!1), [a, s] = R({ q: null, i: 0 }), [l, p] = R(!1), h = z(null), f = Pn(), [L, O] = R(!1), [M, C] = R(!1), m = Ui(), v = u((b) => b.snapshot.mediaId), y = u((b) => b.pushToast), I = u((b) => b.setTierlistOpen), g = !!v, A = Ni(t), N = Q(
+    () => A === null ? [] : Ri(A, e),
     [A, e]
-  ), U = A !== null && !l && N.length > 0, F = i.q === A ? We(i.i, N.length) : 0, x = E(
+  ), U = A !== null && !l && N.length > 0, F = a.q === A ? We(a.i, N.length) : 0, x = E(
     (b) => s({ q: A, i: b }),
     [A]
   ), P = E((b, j) => {
-    const re = ja(b, { hasMedia: g });
+    const re = Mi(b, { hasMedia: g });
     if (re) {
       y("info", re);
       return;
     }
     switch (b.name) {
       case "help":
-        y("info", e.map((En) => En.usage).join("  "));
+        y("info", e.map((An) => An.usage).join("  "));
         break;
       case "recap":
-        wa();
+        Si();
         break;
       case "tierlist":
-        Lo(), I(!0);
+        Mo(), I(!0);
         break;
       default:
         y("info", `${b.usage} is not implemented yet.`);
     }
   }, [g, y, e, I]), T = E((b) => {
-    n(Ma(b)), p(!1), h.current?.focus();
+    n(Di(b)), p(!1), h.current?.focus();
   }, []), pe = E(async (b) => {
     if (b.preventDefault(), o || m.uploading) return;
-    const j = La(t, e);
+    const j = Oi(t, e);
     if (!j && !m.pending.length) return;
     if (j?.kind === "command" && m.pending.length) {
       y("info", "Send images on their own, not with a command.");
@@ -2677,7 +2671,7 @@ function Ba({ commands: e = mt }) {
       return;
     }
     const re = await m.uploadPending();
-    re !== null && (ya(j?.text ?? "", re), n(""), m.clear(), a(!0), setTimeout(() => a(!1), $a), !document.hidden && document.hasFocus() && h.current?.focus());
+    re !== null && (gi(j?.text ?? "", re), n(""), m.clear(), i(!0), setTimeout(() => i(!1), Fi), !document.hidden && document.hasFocus() && h.current?.focus());
   }, [t, o, P, m, y, e]), he = E((b) => {
     if (b.key === "Escape" && U) {
       b.preventDefault(), p(!0);
@@ -2705,8 +2699,8 @@ function Ba({ commands: e = mt }) {
     };
     return window.addEventListener("watchparty:focus-chat-input", b), () => window.removeEventListener("watchparty:focus-chat-input", b);
   }, []);
-  const ge = Ut - t.length, ft = ge <= 100, pt = U ? N[F] : void 0;
-  return /* @__PURE__ */ v(
+  const ge = jt - t.length, ft = ge <= 100, pt = U ? N[F] : void 0;
+  return /* @__PURE__ */ _(
     "form",
     {
       onSubmit: (b) => {
@@ -2717,10 +2711,10 @@ function Ba({ commands: e = mt }) {
       onDragOver: m.onDragOver,
       className: "p-2 border-t border-border",
       children: [
-        /* @__PURE__ */ c(Fa, { pending: m.pending, uploading: m.uploading, onRemove: m.remove }),
-        /* @__PURE__ */ v("div", { className: "relative", children: [
+        /* @__PURE__ */ c(ji, { pending: m.pending, uploading: m.uploading, onRemove: m.remove }),
+        /* @__PURE__ */ _("div", { className: "relative", children: [
           U && /* @__PURE__ */ c(
-            Ua,
+            Li,
             {
               commands: N,
               activeIndex: F,
@@ -2731,7 +2725,7 @@ function Ba({ commands: e = mt }) {
             }
           ),
           /* @__PURE__ */ c(
-            qr,
+            Wr,
             {
               open: L,
               onClose: () => O(!1),
@@ -2741,8 +2735,8 @@ function Ba({ commands: e = mt }) {
               }
             }
           ),
-          /* @__PURE__ */ v("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ v("div", { className: "relative flex-1", children: [
+          /* @__PURE__ */ _("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ _("div", { className: "relative flex-1", children: [
               /* @__PURE__ */ c(
                 "input",
                 {
@@ -2753,7 +2747,7 @@ function Ba({ commands: e = mt }) {
                     n(b.target.value), p(!1);
                   },
                   onKeyDown: he,
-                  maxLength: Ut,
+                  maxLength: jt,
                   placeholder: "Send a message",
                   role: "combobox",
                   "aria-expanded": U,
@@ -2775,7 +2769,7 @@ function Ba({ commands: e = mt }) {
                 title: "Add a meme",
                 "data-testid": "meme-button",
                 className: `shrink-0 rounded border border-border-light px-2 py-1.5 text-sm hover:border-primary ${L ? "text-text border-primary" : "text-text-secondary"}`,
-                children: /* @__PURE__ */ c(Rn, { name: "image" })
+                children: /* @__PURE__ */ c(Nn, { name: "image" })
               }
             )
           ] })
@@ -2784,13 +2778,13 @@ function Ba({ commands: e = mt }) {
     }
   );
 }
-function Ga() {
+function $i() {
   const e = u((n) => n.roster), t = Object.values(e);
   return t.length ? /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: t.map((n) => {
-    const o = bn(n.sprite);
-    return /* @__PURE__ */ v("div", { className: "flex items-center gap-2 py-0.5", children: [
+    const o = gn(n.sprite);
+    return /* @__PURE__ */ _("div", { className: "flex items-center gap-2 py-0.5", children: [
       /* @__PURE__ */ c(
-        An,
+        kn,
         {
           sprite: n.sprite,
           url: n.avatarUrl,
@@ -2804,16 +2798,16 @@ function Ga() {
     ] }, n.clientId);
   }) }) : /* @__PURE__ */ c("div", { className: "text-xs text-text-muted", children: "No users online" });
 }
-function Ka() {
-  const e = u((a) => Object.keys(a.roster).length), [t, n] = R(!1), o = z(null);
+function Bi() {
+  const e = u((i) => Object.keys(i.roster).length), [t, n] = R(!1), o = z(null);
   return D(() => {
     if (!t) return;
-    function a(i) {
-      o.current && !o.current.contains(i.target) && n(!1);
+    function i(a) {
+      o.current && !o.current.contains(a.target) && n(!1);
     }
-    return document.addEventListener("mousedown", a), () => document.removeEventListener("mousedown", a);
-  }, [t]), /* @__PURE__ */ v("div", { className: "relative", ref: o, children: [
-    /* @__PURE__ */ v(
+    return document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
+  }, [t]), /* @__PURE__ */ _("div", { className: "relative", ref: o, children: [
+    /* @__PURE__ */ _(
       "button",
       {
         onClick: () => {
@@ -2827,117 +2821,110 @@ function Ka() {
         ]
       }
     ),
-    t && /* @__PURE__ */ v("div", { className: "absolute top-full right-0 mt-1 bg-bg-card rounded-lg shadow-xl p-3 max-h-64 overflow-y-auto z-50 w-max min-w-[180px] max-w-[220px]", children: [
-      /* @__PURE__ */ v("div", { className: "text-[10px] uppercase tracking-wide text-text-muted mb-2", children: [
+    t && /* @__PURE__ */ _("div", { className: "absolute top-full right-0 mt-1 bg-bg-card rounded-lg shadow-xl p-3 max-h-64 overflow-y-auto z-50 w-max min-w-[180px] max-w-[220px]", children: [
+      /* @__PURE__ */ _("div", { className: "text-[10px] uppercase tracking-wide text-text-muted mb-2", children: [
         e,
         " online"
       ] }),
-      /* @__PURE__ */ c(Ga, {})
+      /* @__PURE__ */ c($i, {})
     ] })
   ] });
 }
-function Wa({ sources: e }) {
-  const t = u((n) => jt(Object.values(n.roster).map((o) => o.avatarSource)));
-  return (e ? jt(e) : t) ? /* @__PURE__ */ v("p", { className: "m-0 px-2 py-0.5 text-[10px] text-text-muted", children: [
-    /* @__PURE__ */ c("a", { href: "https://store.steampowered.com/", target: "_blank", rel: "noopener noreferrer", className: "underline", children: "Steam avatars via the Steam Web API" }),
-    " · not affiliated with Valve"
-  ] }) : null;
-}
-function Ft({ className: e = "fixed bottom-4 left-1/2 -translate-x-1/2" }) {
+function Ut({ className: e = "fixed bottom-4 left-1/2 -translate-x-1/2" }) {
   const t = u((o) => o.toasts), n = u((o) => o.popToast);
   return D(() => {
-    const o = t.map((a) => setTimeout(() => n(a.id), 4e3));
+    const o = t.map((i) => setTimeout(() => n(i.id), 4e3));
     return () => {
       o.forEach(clearTimeout);
     };
   }, [t, n]), /* @__PURE__ */ c("div", { className: `${e} flex flex-col gap-2 z-50`, children: t.map((o) => /* @__PURE__ */ c("div", { className: `px-3 py-2 rounded text-sm shadow font-medium border ${o.kind === "error" ? "bg-danger-bg text-on-danger-bg border-danger" : "bg-bg-card border-border-light text-text"}`, children: o.msg }, o.id)) });
 }
-const Ht = (e) => typeof e == "string" && Dn.includes(e);
-function qa(e, t, n) {
-  return e || (Ht(t) ? t : Ht(n) ? n : "dark");
+const Ft = (e) => typeof e == "string" && Rn.includes(e);
+function Gi(e, t, n) {
+  return e || (Ft(t) ? t : Ft(n) ? n : "dark");
 }
-function Va(e, t) {
+function Ki(e, t) {
   if (t(e.clientWidth), typeof ResizeObserver > "u") return () => {
   };
   const n = new ResizeObserver(() => t(e.clientWidth));
   return n.observe(e), () => n.disconnect();
 }
-function Ya(e) {
+function Wi(e) {
   const t = e?.trim() ?? "";
   return t ? { source: "host", name: t } : { source: "auto" };
 }
-function za(e) {
+function qi(e) {
   if (e.source !== "host") return;
   const { setSessionIdentity: t, sprite: n } = u.getState();
   t(e.name, n);
 }
-function Xa({ className: e = "w-4 h-4" }) {
-  return /* @__PURE__ */ v("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+function Vi({ className: e = "w-4 h-4" }) {
+  return /* @__PURE__ */ _("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 Ja({ className: e = "w-4 h-4" }) {
-  return /* @__PURE__ */ v("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+function Yi({ className: e = "w-4 h-4" }) {
+  return /* @__PURE__ */ _("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 Qa = 1500;
-function mi({
+const zi = 1500;
+function ca({
   roomKey: e,
   serverOrigin: t,
   userType: n,
   userId: o,
-  theme: a,
-  name: i,
+  theme: i,
+  name: a,
   onLeave: s,
   onLayoutChange: l,
   collapsible: p = !0,
   debug: h,
   children: f
 }) {
-  const [L, O] = R(null), { setFrame: M, ...C } = Za(l, p), m = Gt(() => i), S = Q(() => (bo({ userType: n, userId: o ?? null }), lt().theme), [n, o]), y = On(), I = y?.theme, g = Q(
-    () => qa(a, I, S),
-    [a, I, S]
+  const [L, O] = R(null), { setFrame: M, ...C } = Xi(l, p), m = Bt(() => a), v = Q(() => (go({ userType: n, userId: o ?? null }), lt().theme), [n, o]), y = Dn(), I = y?.theme, g = Q(
+    () => Gi(i, I, v),
+    [i, I, v]
   );
   D(() => {
-  }, [a, y !== null]);
+  }, [i, y !== null]);
   const N = Q(
     () => ({ ...rt, serverOrigin: t, defaultRoomKey: e }),
     [t, e]
   );
   return D(() => {
-    h && Zr();
-  }, [h]), xa(), D(() => {
-    Vr({ serverOrigin: t, defaultRoomKey: e }), u.getState().rehydrateFromPrefs(), Xo();
+    h && Qr();
+  }, [h]), _i(), D(() => {
+    qr({ serverOrigin: t, defaultRoomKey: e }), u.getState().rehydrateFromPrefs(), Yo();
     let U = !1;
-    const F = So();
+    const F = vo();
     return (async () => {
       try {
         await Promise.race([
           Promise.all([
             F,
-            To().then((T) => {
+            Co().then((T) => {
               T && u.getState().rehydrateFromPrefs();
             }),
             // The character chosen in the settings popout (lib/avatar.ts).
-            Ho().then(kn)
+            Uo().then(Tn)
           ]),
-          new Promise((T) => setTimeout(T, Qa))
+          new Promise((T) => setTimeout(T, zi))
         ]);
       } catch (T) {
         k("room-chrome", "pre-join wait threw, proceeding anyway", fe(T));
       }
       if (U) return;
-      const x = Ya(m());
-      u.getState().ensureAutoIdentity(), za(x);
+      const x = Wi(m());
+      u.getState().ensureAutoIdentity(), qi(x);
       const P = u.getState();
-      d("room-chrome", "Joining room", { roomKey: e, name: P.name, sprite: P.sprite }), ia({ 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 }), oi({ room_key: e, name: P.name || void 0, sprite: P.sprite || void 0 });
     })(), () => {
       U = !0, Lt();
     };
-  }, [e, t, n, o]), /* @__PURE__ */ c(Yr.Provider, { value: N, children: /* @__PURE__ */ c(un.Provider, { value: L, children: /* @__PURE__ */ v("div", { ref: M, className: "wp-room-chrome-frame", children: [
+  }, [e, t, n, o]), /* @__PURE__ */ c(Vr.Provider, { value: N, children: /* @__PURE__ */ c(dn.Provider, { value: L, children: /* @__PURE__ */ _("div", { ref: M, className: "wp-room-chrome-frame", children: [
     /* @__PURE__ */ c("div", { className: "wp-room-chrome-frame__content", children: f }),
     /* @__PURE__ */ c(
       "aside",
@@ -2947,7 +2934,7 @@ function mi({
         "data-theme": g,
         "data-collapsed": C.collapsed ? "1" : "0",
         style: { "--wp-room-chrome-width": `${C.state.width}px` },
-        children: C.collapsed ? /* @__PURE__ */ v(le, { children: [
+        children: C.collapsed ? /* @__PURE__ */ _(le, { children: [
           /* @__PURE__ */ c(
             "button",
             {
@@ -2956,11 +2943,11 @@ function mi({
               title: "Show chat",
               "aria-label": "Show chat",
               "aria-expanded": !1,
-              children: /* @__PURE__ */ c(Ja, {})
+              children: /* @__PURE__ */ c(Yi, {})
             }
           ),
-          /* @__PURE__ */ c(Ft, { className: "absolute bottom-2 right-full mr-2 w-72" })
-        ] }) : /* @__PURE__ */ v(le, { children: [
+          /* @__PURE__ */ c(Ut, { className: "absolute bottom-2 right-full mr-2 w-72" })
+        ] }) : /* @__PURE__ */ _(le, { children: [
           /* @__PURE__ */ c(
             "div",
             {
@@ -2980,8 +2967,8 @@ function mi({
               onKeyDown: C.onKeyDown
             }
           ),
-          /* @__PURE__ */ v("div", { className: "flex items-center gap-1 px-2 py-1.5 border-b border-border", children: [
-            /* @__PURE__ */ c(Ka, {}),
+          /* @__PURE__ */ _("div", { className: "flex items-center gap-1 px-2 py-1.5 border-b border-border", children: [
+            /* @__PURE__ */ c(Bi, {}),
             /* @__PURE__ */ c("div", { className: "flex-1" }),
             s && /* @__PURE__ */ c(
               "button",
@@ -3003,26 +2990,25 @@ function mi({
                 title: "Hide chat",
                 "aria-label": "Hide chat",
                 "aria-expanded": !0,
-                children: /* @__PURE__ */ c(Xa, {})
+                children: /* @__PURE__ */ c(Vi, {})
               }
             )
           ] }),
-          /* @__PURE__ */ c(Ra, {}),
-          /* @__PURE__ */ c(Wa, {}),
-          /* @__PURE__ */ c(Ba, { commands: [] }),
-          /* @__PURE__ */ c(Ft, { className: "absolute bottom-14 left-2 right-2" })
+          /* @__PURE__ */ c(Pi, {}),
+          /* @__PURE__ */ c(Hi, { commands: [] }),
+          /* @__PURE__ */ c(Ut, { className: "absolute bottom-14 left-2 right-2" })
         ] })
       }
     )
   ] }) }) });
 }
-function Za(e, t) {
-  const n = u((g) => g.chromeChatCollapsed) && t, o = u((g) => g.chromeChatWidth), a = u((g) => g.toggleChromeChatCollapsed), i = u((g) => g.setChromeChatWidth), [s, l] = R(null), [p, h] = R(void 0), [f, L] = R(null);
+function Xi(e, t) {
+  const n = u((g) => g.chromeChatCollapsed) && t, o = u((g) => g.chromeChatWidth), i = u((g) => g.toggleChromeChatCollapsed), a = u((g) => g.setChromeChatWidth), [s, l] = R(null), [p, h] = R(void 0), [f, L] = R(null);
   D(() => {
     if (s)
-      return Va(s, h);
+      return Ki(s, h);
   }, [s]);
-  const O = W(f?.current ?? o, p), M = Q(() => No(n, O), [n, O]), C = Gt((g) => e?.(g));
+  const O = W(f?.current ?? o, p), M = Q(() => Po(n, O), [n, O]), C = Bt((g) => e?.(g));
   return D(() => {
     C(M);
   }, [M]), {
@@ -3030,7 +3016,7 @@ function Za(e, t) {
     collapsed: n,
     state: M,
     dragging: f !== null,
-    toggleCollapsed: a,
+    toggleCollapsed: i,
     onPointerDown: (g) => {
       g.button === 0 && (g.preventDefault(), g.currentTarget.setPointerCapture(g.pointerId), L({ pointerId: g.pointerId, startX: g.clientX, startWidth: O, current: O }));
     },
@@ -3040,15 +3026,15 @@ function Za(e, t) {
     onPointerEnd: (g) => {
       if (!f || f.pointerId !== g.pointerId) return;
       const A = Et(f.startWidth, f.startX, g.clientX, p);
-      L(null), A !== o && i(A);
+      L(null), A !== o && a(A);
     },
     onKeyDown: (g) => {
-      const A = Po(O, g.key, p);
-      A !== null && (g.preventDefault(), A !== o && i(A));
+      const A = Eo(O, g.key, p);
+      A !== null && (g.preventDefault(), A !== o && a(A));
     }
   };
 }
 export {
-  mi as RoomChrome
+  ca as RoomChrome
 };
 //# sourceMappingURL=room-chrome.js.map