@hadoku/watchparty-ui 0.45.30 → 0.45.32

package/dist/room-chrome.js

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