@hadoku/watchparty-ui 0.44.13 → 0.44.18

package/dist/room-chrome.js

@@ -1,27 +1,32 @@
-import { jsx as l, jsxs as b, Fragment as Ne } from "react/jsx-runtime";
-import Bt, { useState as P, useRef as J, useMemo as Q, useCallback as N, useEffect as O, createContext as Gt, useContext as Wt, useId as On, useEffectEvent as Kt } from "react";
-import { themePrefs as ce, Icon as Rn, THEMES as Dn, useHadokuThemeOptional as Ln } from "@wolffm/themes";
+import { jsx as c, jsxs as _, Fragment as le } from "react/jsx-runtime";
+import Ht, { useState as R, useRef as z, useMemo as Q, useCallback as E, useEffect as D, createContext as $t, useContext as En, useId as Pn, useEffectEvent as Bt } from "react";
+import { themePrefs as ie, Icon as Nn, THEMES as Rn, useHadokuThemeOptional as Dn } from "@wolffm/themes";
 import { z as r } from "zod";
-import { createCdnClient as jn, kindOfType as Un, MAX_BYTES as Fn, measureImage as Hn, filesFromClipboard as $n, filesFromDrop as Bn, CdnError as ze } from "@wolffm/cdn-client";
-import { create as Gn } from "zustand";
-import { createPrefsClient as Wn, getDeviceId as Kn, DEVICE_ID_KEY as qn } from "@wolffm/prefs-client";
-import { io as Vn } from "socket.io-client";
-import { resolveIdentityReassert as zn } from "@wolffm/rooms-protocol";
-import { createPortal as Yn } from "react-dom";
-import { useCatalogueSearch as Xn } 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, zt = 5173, Jn = "/watchparty/ws", Yt = 500, Zn = 1e3, Y = 4, Xt = typeof process < "u" && process.env ? process.env : {};
-Xt.PRODUCTION_UI_URL;
-Xt.PRODUCTION_SERVER_URL;
-const Ce = r.enum(["S", "A", "B", "C", "D", "F"]), bt = 2e4, Qn = 300;
+import { createCdnClient as On, kindOfType as Mn, MAX_BYTES as Ln, measureImage as jn, filesFromClipboard as Un, filesFromDrop as Fn, CdnError as qe } from "@wolffm/cdn-client";
+import { create as Hn } from "zustand";
+import { createPrefsClient as $n, getDeviceId as Bn, DEVICE_ID_KEY as Gn } from "@wolffm/prefs-client";
+import { io as Kn } from "socket.io-client";
+import { createAvatarClient as Wn, AvatarError as ht } from "@wolffm/prefs-client/avatar";
+import { resolveIdentityReassert as qn } from "@wolffm/rooms-protocol";
+import { createPortal as Vn } from "react-dom";
+import { useCatalogueSearch as Yn } from "@wolffm/cdn-client/react";
+const Gt = "https://cdn.hadoku.me", Kt = /^[0-9a-f]{64}\.(?:png|jpe?g|gif|webp|avif)$/;
+function Je(e) {
+  return typeof e == "string" && Kt.test(e);
+}
+const Qe = 8080, Wt = 5173, zn = "/watchparty/ws", qt = 500, Xn = 1e3, V = 4, Vt = typeof process < "u" && process.env ? process.env : {};
+Vt.PRODUCTION_UI_URL;
+Vt.PRODUCTION_SERVER_URL;
+const xe = r.enum(["S", "A", "B", "C", "D", "F"]), gt = 2e4, Jn = 300;
 r.object({
   name: r.string().min(1).max(32).optional(),
-  sprite: r.string().min(1).max(32).optional()
+  sprite: r.string().min(1).max(32).optional(),
+  /** "My avatar settings just changed — re-read my picture" (the fleet
+   *  settings popout's `hadoku:avatar` event). Carries no picture: the server
+   *  resolves it from prefs-api by registry userId, never from the client. */
+  avatar: r.literal(!0).optional()
 });
-const I = {
+const w = {
   JOIN: "join",
   SNAPSHOT: "snapshot",
   CONTROL_ACK: "control_ack",
@@ -39,7 +44,7 @@ const I = {
   // 'ready_state' here = playback-readiness gate (distinct from READY_EVENTS.STATE = "ready check" UX feature)
   READY_STATE: "ready_state",
   ERROR: "error"
-}, er = r.enum(["play", "pause", "seek", "load", "home"]), tr = r.object({
+}, Qn = r.enum(["play", "pause", "seek", "load", "home"]), Zn = r.object({
   framed: r.boolean(),
   depth: r.number().int().nonnegative().max(10)
 });
@@ -47,7 +52,7 @@ r.object({
   room_key: r.string(),
   name: r.string().min(1).max(32).optional(),
   sprite: r.string().min(1).max(32).optional(),
-  embed: tr.optional(),
+  embed: Zn.optional(),
   /** Which media-delivery path this client resolved to ('range' | 'fragment').
    *  Optional so older clients still validate. Reported so a party's logs can be split by
    *  arm — without it an A/B rollout is unmeasurable, exactly as entry path was before
@@ -95,13 +100,13 @@ r.object({
 });
 r.object({
   client_seq: r.number().int().positive(),
-  kind: er,
+  kind: Qn,
   to_ms: r.number().int().nonnegative().optional(),
   media_id: r.string().optional()
   // leader_id removed - not needed since set_leader control was removed
 });
-const Jt = r.object({
-  key: r.string().regex(Vt, "not a CDN image key"),
+const Yt = r.object({
+  key: r.string().regex(Kt, "not a CDN image key"),
   /**
    * Intrinsic pixels, or **0 meaning "unknown"**.
    *
@@ -114,8 +119,8 @@ const Jt = r.object({
    * text went with it, with nothing said. Widening is backward compatible —
    * every message already in history carries positive dimensions.
    */
-  w: r.number().int().nonnegative().max(bt),
-  h: r.number().int().nonnegative().max(bt),
+  w: r.number().int().nonnegative().max(gt),
+  h: r.number().int().nonnegative().max(gt),
   /**
    * Human-readable description, rendered as the `alt` text.
    *
@@ -129,14 +134,14 @@ const Jt = r.object({
    * value only, never as markup. Bounded so one message cannot carry a
    * paragraph; the library's own titles run well under this.
    */
-  title: r.string().max(Qn).optional()
+  title: r.string().max(Jn).optional()
 });
 r.object({
-  text: r.string().max(Yt),
+  text: r.string().max(qt),
   style: r.string().max(64).optional(),
-  images: r.array(Jt).max(Y).optional()
+  images: r.array(Yt).max(V).optional()
 }).refine((e) => e.text.length > 0 || (e.images?.length ?? 0) > 0, { message: "message must carry text or at least one image" });
-const nr = r.enum(["join", "leave", "media_change", "identity_change", "recap"]);
+const er = r.enum(["join", "leave", "media_change", "identity_change", "recap"]);
 r.object({
   id: r.string(),
   client_id: r.string(),
@@ -149,11 +154,11 @@ r.object({
   ts: r.number(),
   // Optional so a client on an older bundle still validates a message that
   // has none, and so system messages (which never carry images) stay unchanged.
-  images: r.array(Jt).max(Y).optional(),
+  images: r.array(Yt).max(V).optional(),
   isSystem: r.boolean().optional(),
-  systemType: nr.optional()
+  systemType: er.optional()
 });
-const rr = r.object({
+const tr = r.object({
   avg_download_rate_bps: r.number().nonnegative(),
   buffered_ahead_ms: r.number().nonnegative(),
   rtt_ms: r.number().nonnegative(),
@@ -195,7 +200,7 @@ const rr = r.object({
    *  socket shows here as a growing number while everything else looks fine. */
   pong_age_ms: r.number().int().nonnegative().optional(),
   reported_at: r.number().int().nonnegative()
-}), or = rr.extend({
+}), nr = tr.extend({
   client_id: r.string(),
   name: r.string(),
   sprite_id: r.string().nullable(),
@@ -206,10 +211,10 @@ const rr = r.object({
   stale_ms: r.number().int().nonnegative().optional()
 });
 r.object({
-  clients: r.array(or),
+  clients: r.array(nr),
   server_ts: r.number().int().nonnegative()
 });
-const ir = r.object({
+const rr = r.object({
   client_id: r.string(),
   sprite_id: r.string().nullable(),
   name: r.string(),
@@ -227,13 +232,13 @@ const ir = r.object({
   video_ready_state: r.number().int().default(-1)
 });
 r.object({
-  clients: r.array(ir),
+  clients: r.array(rr),
   server_ts: r.number().int().nonnegative()
 });
 r.object({
   media_id: r.string()
 });
-const nt = r.enum(["super_upvote", "upvote", "mid", "downvote"]), ar = r.object({
+const Ze = r.enum(["super_upvote", "upvote", "mid", "downvote"]), or = r.object({
   mediaId: r.string(),
   displayName: r.string(),
   // Enrichment fields — present for flat-playlist ingest output, absent for
@@ -244,11 +249,11 @@ const nt = r.enum(["super_upvote", "upvote", "mid", "downvote"]), ar = r.object(
   durationMs: r.number().optional(),
   uploadDate: r.string().optional()
   // YouTube upload date 'YYYY-MM-DD'; drives playlist order
-}), sr = r.enum(["basic", "vote"]), Zt = r.object({
+}), ir = r.enum(["basic", "vote"]), zt = r.object({
   id: r.string(),
   name: r.string(),
-  type: sr.default("vote"),
-  videos: r.array(ar),
+  type: ir.default("vote"),
+  videos: r.array(or),
   cover: r.string().optional()
   // media-relative path to the playlist cover image
 });
@@ -257,28 +262,28 @@ r.object({ index: r.number().int().min(0) });
 r.object({
   playlistId: r.string(),
   mediaId: r.string(),
-  vote: nt
+  vote: Ze
 });
 r.object({ voterKey: r.string().min(1).max(128) });
 r.object({ playlistId: r.string(), mediaIds: r.array(r.string()) });
 r.object({
-  playlist: Zt.nullable(),
+  playlist: zt.nullable(),
   activeIndex: r.number().int().nullable(),
-  myVotes: r.record(r.string(), nt)
+  myVotes: r.record(r.string(), Ze)
   // mediaId -> VoteValue
 });
-const lr = r.object({
+const ar = r.object({
   clientId: r.string(),
   name: r.string(),
   votedCount: r.number().int().nonnegative(),
   totalVideos: r.number().int().nonnegative()
 });
 r.object({
-  progress: r.array(lr)
+  progress: r.array(ar)
 });
 r.object({
-  playlist: Zt,
-  votes: r.record(r.string(), r.record(r.string(), nt)),
+  playlist: zt,
+  votes: r.record(r.string(), r.record(r.string(), Ze)),
   // votes[clientId][mediaId]
   names: r.record(r.string(), r.string()),
   // clientId -> display name
@@ -290,46 +295,46 @@ r.object({
    *  reveal is closed ignores it, rather than having the popup reappear. */
   update: r.boolean().optional()
 });
-const ye = {
+const be = {
   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"
-}, Qt = r.object({
+}, Xt = r.object({
   id: r.string(),
   displayName: r.string(),
   thumbnail: r.string().optional()
 });
 r.object({
-  items: r.array(Qt)
+  items: r.array(Xt)
 });
-const en = r.partialRecord(Ce, r.array(r.string()));
-r.object({ board: en });
-const cr = r.object({
+const Jt = r.partialRecord(xe, r.array(r.string()));
+r.object({ board: Jt });
+const sr = r.object({
   mediaId: r.string(),
-  tier: Ce,
-  absoluteTier: Ce,
+  tier: xe,
+  absoluteTier: xe,
   /** Tier level + within-row position. Integer part is the tier. */
   score: r.number(),
   /** The consensus mean that decided the tier. Never the displayed number. */
   placementScore: r.number(),
   subRankOffset: r.number(),
-  votes: r.record(r.string(), Ce)
+  votes: r.record(r.string(), xe)
   // opaque voterId -> the letter they gave
 });
 r.object({
-  items: r.array(Qt),
-  placed: r.array(cr),
+  items: r.array(Xt),
+  placed: r.array(sr),
   unrated: r.array(r.string()),
   spread: r.number(),
   nudged: r.boolean(),
   names: r.record(r.string(), r.string()),
   sprites: r.record(r.string(), r.string()),
   voterCount: r.number().int().nonnegative(),
-  myBoard: en
+  myBoard: Jt
 });
-const dr = {
+const lr = {
   /** Broadcast to EVERY connected socket when anyone saves. Carries no board —
    *  it is a "re-fetch" ping, because the shared result is identical for all
    *  viewers but `myBoard` is not, and one payload cannot serve both. */
@@ -342,10 +347,10 @@ r.object({
   ready: r.array(r.string())
   // clientIds who have flagged ready
 });
-const ur = {
+const cr = {
   STATE: "ready_check_state"
   // distinct from buffer-readiness 'ready_state'
-}, tn = {
+}, Qt = {
   ACTIVE: "game_active",
   // server  -> room   (room-wide active game id; null = none)
   SYNC: "game_sync"
@@ -371,7 +376,7 @@ r.object({
 r.object({
   gameId: r.string().min(1).max(32)
 });
-const mr = r.object({
+const dr = r.object({
   clientId: r.string(),
   playerId: r.number().int().min(0),
   name: r.string(),
@@ -385,12 +390,12 @@ r.object({
   gameId: r.string(),
   hostClientId: r.string().nullable(),
   seed: r.number().int(),
-  players: r.array(mr)
+  players: r.array(dr)
 });
 r.object({ d: r.unknown() });
 r.object({ d: r.unknown() });
 r.object({ fromClientId: r.string(), d: r.unknown() });
-const pr = r.object({
+const ur = r.object({
   playerId: r.number().int().min(0),
   clientId: r.string().nullable(),
   name: r.string(),
@@ -431,7 +436,7 @@ const pr = r.object({
 r.object({
   winnerPlayerId: r.number().int().min(0).nullable(),
   draw: r.boolean(),
-  players: r.array(pr),
+  players: r.array(ur),
   // Optional session metadata + round-level extras (Phase C).
   sessionOver: r.boolean().optional(),
   roundNo: r.number().int().min(0).optional(),
@@ -439,7 +444,7 @@ r.object({
   maxMultiKill: r.number().int().min(0).optional(),
   maxChainKill: r.number().int().min(0).optional()
 });
-const nn = [
+const mr = [
   {
     id: "fantasy",
     characters: [
@@ -483,23 +488,23 @@ const nn = [
       { id: "mentor", color: "#e1e0dc" }
     ]
   }
-], yt = 8, rt = nn.flatMap((e) => e.characters), Le = rt.map((e) => e.id), fr = Object.fromEntries(rt.map((e) => [e.id, e.color])), hr = Object.fromEntries(rt.map((e) => [e.id, "rev" in e ? e.rev : 1]));
-function gr(e) {
-  const t = hr[e];
+], et = mr.flatMap((e) => e.characters), Me = et.map((e) => e.id), fr = Object.fromEntries(et.map((e) => [e.id, e.color])), pr = Object.fromEntries(et.map((e) => [e.id, "rev" in e ? e.rev : 1]));
+function hr(e) {
+  const t = pr[e];
   return `/media/sprites/square_${e}.png${t > 1 ? `?v=${t}` : ""}`;
 }
-function fe(e) {
-  return !!e && Le.includes(e);
+function tt(e) {
+  return !!e && Me.includes(e);
 }
-const br = 5e3, rn = { mode: "off", percent: 0 }, yr = ["off", "on", "ab"];
-function vr(e) {
-  return typeof e == "string" && yr.includes(e);
+const gr = 5e3, Zt = { mode: "off", percent: 0 }, br = ["off", "on", "ab"];
+function yr(e) {
+  return typeof e == "string" && br.includes(e);
 }
-function Sr(e) {
-  const t = e && typeof e == "object" ? e : {}, n = vr(t.mode) ? t.mode : rn.mode, o = Number(t.percent), i = Number.isFinite(o) ? Math.min(100, Math.max(0, Math.round(o))) : 0;
+function vr(e) {
+  const t = e && typeof e == "object" ? e : {}, n = yr(t.mode) ? t.mode : Zt.mode, o = Number(t.percent), i = Number.isFinite(o) ? Math.min(100, Math.max(0, Math.round(o))) : 0;
   return { mode: n, percent: i };
 }
-function wr(e) {
+function Sr(e) {
   let t = 2166136261;
   for (let n = 0; n < e.length; n++)
     t ^= e.charCodeAt(n), t = Math.imul(t, 16777619) >>> 0;
@@ -510,10 +515,10 @@ function _r(e, t, n) {
     return "fragment";
   if (n === !1)
     return "range";
-  const o = Sr(e);
-  return o.mode === "on" ? "fragment" : o.mode === "off" || o.percent <= 0 ? "range" : o.percent >= 100 || t && wr(t) % 100 < o.percent ? "fragment" : "range";
+  const o = vr(e);
+  return o.mode === "on" ? "fragment" : o.mode === "off" || o.percent <= 0 ? "range" : o.percent >= 100 || t && Sr(t) % 100 < o.percent ? "fragment" : "range";
 }
-const on = r.enum(["url", "magnet", "upload"]), xr = r.enum([
+const en = r.enum(["url", "magnet", "upload"]), wr = r.enum([
   "pending",
   "approved",
   "fetching",
@@ -521,7 +526,7 @@ const on = r.enum(["url", "magnet", "upload"]), xr = r.enum([
   "ready",
   "rejected",
   "failed"
-]), vt = {
+]), bt = {
   pending: ["approved", "rejected"],
   approved: ["fetching", "rejected", "failed"],
   fetching: ["ingesting", "failed"],
@@ -530,12 +535,12 @@ const on = r.enum(["url", "magnet", "upload"]), xr = r.enum([
   rejected: [],
   failed: ["approved"]
 };
-Object.keys(vt).filter((e) => vt[e].length === 0);
-const Cr = r.object({
+Object.keys(bt).filter((e) => bt[e].length === 0);
+const xr = r.object({
   id: r.string().min(1),
   /** Stable userId from whoami. Never the raw `X-User-Key`. */
   ownerUserId: r.string().min(1),
-  kind: on,
+  kind: en,
   /** The magnet URI, the https URL, or the filetransfer binding id. */
   source: r.string().min(1),
   title: r.string().optional(),
@@ -550,7 +555,7 @@ const Cr = r.object({
    * misroute the copy.
    */
   series: r.string().optional(),
-  state: xr,
+  state: wr,
   createdAt: r.number().int().nonnegative(),
   updatedAt: r.number().int().nonnegative(),
   /** Why it failed, or why an operator rejected it. */
@@ -558,19 +563,19 @@ const Cr = r.object({
   /** Size once known. 0 means "known to be empty"; absent means "not yet known" —
    *  the same distinction `chatImages` draws for image dimensions. */
   bytes: r.number().int().nonnegative().optional()
-}), kr = 4096, an = 300, Ir = 100;
+}), Ir = 4096, tn = 300, Cr = 100;
 r.object({
-  kind: on,
-  source: r.string().min(1).max(kr),
-  title: r.string().min(1).max(an).optional(),
+  kind: en,
+  source: r.string().min(1).max(Ir),
+  title: r.string().min(1).max(tn).optional(),
   /** Required for `kind: 'magnet'` by `checkSource`; ignored for `url`/`upload`. */
-  series: r.string().min(1).max(Ir).optional()
+  series: r.string().min(1).max(Cr).optional()
 });
 r.object({
-  reason: r.string().min(1).max(an).optional()
+  reason: r.string().min(1).max(tn).optional()
 });
 r.object({
-  submissions: r.array(Cr)
+  submissions: r.array(xr)
 });
 r.object({
   error: r.literal("submissions/quota_exceeded"),
@@ -579,29 +584,29 @@ r.object({
   /** The cap that was applied, from the server's config. */
   capBytes: r.number().int().nonnegative()
 });
-const Tr = /^[a-z0-9][a-z0-9-]{0,31}$/, St = "https://game-catalog.invalid";
-function Er(e) {
+const Tr = /^[a-z0-9][a-z0-9-]{0,31}$/, yt = "https://game-catalog.invalid";
+function kr(e) {
   if (!e.startsWith("/") || e.startsWith("//") || /[\\\s]/.test(e) || [...e].some((t) => t.charCodeAt(0) < 32 || t.charCodeAt(0) === 127))
     return !1;
   try {
-    return new URL(e, St).origin === St;
+    return new URL(e, yt).origin === yt;
   } catch {
     return !1;
   }
 }
-const sn = r.string().min(2).max(512).refine(Er, {
+const nn = r.string().min(2).max(512).refine(kr, {
   message: "must be a root-relative path on the page origin (e.g. /cardtable/embed/x.js)"
-}), wt = {
+}), vt = {
   id: r.string().regex(Tr),
   name: r.string().min(1).max(64),
-  cover: sn.optional()
+  cover: nn.optional()
 }, Ar = r.discriminatedUnion("kind", [
-  r.object({ ...wt, kind: r.literal("iframe") }).strict(),
-  r.object({ ...wt, kind: r.literal("module"), url: sn }).strict()
+  r.object({ ...vt, kind: r.literal("iframe") }).strict(),
+  r.object({ ...vt, kind: r.literal("module"), url: nn }).strict()
 ]);
 r.array(Ar).max(32).refine((e) => new Set(e.map((t) => t.id)).size === e.length, { message: "game ids must be unique" });
-const ot = r.enum(["anilist", "tmdb"]), Nr = r.object({
-  source: ot,
+const nt = r.enum(["anilist", "tmdb"]), Er = r.object({
+  source: nt,
   /** The provider's own id, as a string (AniList and TMDB both use integers). */
   id: r.string(),
   title: r.string(),
@@ -622,9 +627,9 @@ const ot = r.enum(["anilist", "tmdb"]), Nr = r.object({
   addable: r.boolean()
 });
 r.object({
-  results: r.array(Nr),
+  results: r.array(Er),
   /** Providers that answered. TMDB is absent when no token is configured. */
-  sources: r.array(ot)
+  sources: r.array(nt)
 });
 const Pr = r.object({
   id: r.string(),
@@ -636,33 +641,33 @@ const Pr = r.object({
 });
 r.object({ results: r.array(Pr) });
 r.object({
-  source: ot,
+  source: nt,
   id: r.string().regex(/^\d{1,12}$/)
 });
 r.object({ series: r.string(), title: r.string() });
-let ve = null, ln = qt;
-function Mr(e) {
-  e.cdnBase && (ln = e.cdnBase);
+let ye = null, rn = Gt;
+function Nr(e) {
+  e.cdnBase && (rn = e.cdnBase);
 }
-function cn() {
-  return ln.replace(/\/+$/, "");
+function on() {
+  return rn.replace(/\/+$/, "");
 }
-function je() {
-  const e = cn();
-  return (!ve || ve.base !== e) && (ve = { base: e, client: jn({ cdnBase: e }) }), ve.client;
+function Le() {
+  const e = on();
+  return (!ye || ye.base !== e) && (ye = { base: e, client: On({ cdnBase: e }) }), ye.client;
 }
 function Pe(e) {
-  return !et(e) || !cn() ? null : je().urlFor(e);
+  return !Je(e) || !on() ? null : Le().urlFor(e);
 }
-function Or(e) {
+function Rr(e) {
   return e.kind === "file";
 }
-class dn extends Error {
+class an extends Error {
   constructor(t) {
     super(t), this.name = "ChatImageUploadError";
   }
 }
-function ke(e) {
+function Ie(e) {
   switch (e) {
     case "unauthenticated":
       return "Sign in to paste images";
@@ -682,177 +687,177 @@ function ke(e) {
       return "Image upload failed";
   }
 }
-function Rr(e) {
-  return e instanceof ze ? ke(e.reason) : e instanceof dn ? e.message : "Image upload failed";
-}
 function Dr(e) {
+  return e instanceof qe ? Ie(e.reason) : e instanceof an ? e.message : "Image upload failed";
+}
+function Or(e) {
   const t = e.type.toLowerCase().split(";")[0].trim();
-  return t && Un(t) !== "image" ? ke("unsupported-type") : e.size > Fn.image ? ke("too-large") : e.size === 0 ? ke("invalid") : null;
+  return t && Mn(t) !== "image" ? Ie("unsupported-type") : e.size > Ln.image ? Ie("too-large") : e.size === 0 ? Ie("invalid") : null;
 }
-function Lr(e) {
-  return $n(e);
+function Mr(e) {
+  return Un(e);
 }
-function jr(e) {
-  return Bn(e);
+function Lr(e) {
+  return Fn(e);
 }
-async function Ur(e) {
-  const t = await Hn(e);
+async function jr(e) {
+  const t = await jn(e);
   return { w: t?.width ?? 0, h: t?.height ?? 0 };
 }
-async function Fr(e, t = {}) {
-  const n = await je().upload(e, { signal: t.signal });
-  if (!et(n.key))
-    throw new dn("Image upload returned an unusable key");
+async function Ur(e, t = {}) {
+  const n = await Le().upload(e, { signal: t.signal });
+  if (!Je(n.key))
+    throw new an("Image upload returned an unusable key");
   return { key: n.key, deduplicated: n.deduplicated === !0 };
 }
-async function Hr(e, t = {}) {
+async function Fr(e, t = {}) {
   const n = [];
   for (const o of e) {
     if (o.kind === "remote") {
       n.push({ key: o.key, w: o.w, h: o.h, ...o.title ? { title: o.title } : {} });
       continue;
     }
-    const { key: i } = await Fr(o.file, t);
+    const { key: i } = await Ur(o.file, t);
     n.push({ key: i, w: o.w, h: o.h });
   }
   return n;
 }
-function $r(e) {
+function Hr(e) {
   return {
     error: e instanceof Error ? e.message : String(e),
     name: e instanceof Error ? e.name : typeof e,
-    reason: e instanceof ze ? e.reason : void 0,
-    status: e instanceof ze ? e.status : void 0
+    reason: e instanceof qe ? e.reason : void 0,
+    status: e instanceof qe ? e.status : void 0
   };
 }
-const Ye = 240, Z = 8, Br = 28, un = 240;
-function Gr(e, t, n) {
-  let o = t.left - Ye - Z;
-  o < Z && (o = t.right + Z), o = Math.min(o, n.width - Ye - Z), o = Math.max(Z, o);
-  const i = un + Br;
-  let s = e.top + e.height / 2 - i / 2;
-  return s = Math.min(s, n.height - i - Z), s = Math.max(Z, s), { left: o, top: s };
+const Ve = 240, X = 8, $r = 28, sn = 240;
+function Br(e, t, n) {
+  let o = t.left - Ve - X;
+  o < X && (o = t.right + X), o = Math.min(o, n.width - Ve - X), o = Math.max(X, o);
+  const i = sn + $r;
+  let a = e.top + e.height / 2 - i / 2;
+  return a = Math.min(a, n.height - i - X), a = Math.max(X, a), { left: o, top: a };
 }
-const mn = "/dataplatform/api/memes", Wr = 120;
+const ln = "/dataplatform/api/memes", Gr = 120;
 function Kr({ onClose: e, onPick: t, onUnavailable: n }) {
-  const [o, i] = P(""), s = J(null), a = J(null), c = je(), { items: f, loading: g, error: p, hasMore: D, loadMore: M } = Xn(
-    c,
-    mn,
+  const [o, i] = R(""), a = z(null), s = z(null), l = Le(), { items: p, loading: h, error: f, hasMore: L, loadMore: O } = Yn(
+    l,
+    ln,
     o.trim()
-  ), T = p?.reason ?? null, C = Q(() => {
-    const S = /* @__PURE__ */ new Set();
-    return f.filter((R) => S.has(R.key) ? !1 : (S.add(R.key), !0));
-  }, [f]), [h, _] = P(null), w = J(null), k = N(() => {
-    w.current !== null && (window.clearTimeout(w.current), w.current = null);
-  }, []), u = N(() => {
-    k(), _(null);
-  }, [k]), v = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(hover: hover)").matches, E = N(
-    (S, R, L = !1) => {
-      const F = s.current;
-      if (!F) return;
-      const W = () => _({
-        item: S,
-        ...Gr(R.getBoundingClientRect(), F.getBoundingClientRect(), {
+  ), M = f?.reason ?? null, C = Q(() => {
+    const x = /* @__PURE__ */ new Set();
+    return p.filter((P) => x.has(P.key) ? !1 : (x.add(P.key), !0));
+  }, [p]), [m, v] = R(null), y = z(null), I = E(() => {
+    y.current !== null && (window.clearTimeout(y.current), y.current = null);
+  }, []), g = E(() => {
+    I(), v(null);
+  }, [I]), A = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(hover: hover)").matches, N = E(
+    (x, P, T = !1) => {
+      const pe = a.current;
+      if (!pe) return;
+      const he = () => v({
+        item: x,
+        ...Br(P.getBoundingClientRect(), pe.getBoundingClientRect(), {
           width: window.innerWidth,
           height: window.innerHeight
         })
       });
-      k(), L ? W() : w.current = window.setTimeout(W, Wr);
+      I(), T ? he() : y.current = window.setTimeout(he, Gr);
     },
-    [k]
+    [I]
   );
-  O(() => () => k(), [k]), O(() => {
-    T === "unavailable" && n?.();
-  }, [T, n]), O(() => {
-    a.current?.focus();
-  }, []), O(() => {
-    const S = (L) => {
-      L.key === "Escape" && (L.stopPropagation(), e());
-    }, R = (L) => {
-      s.current && !s.current.contains(L.target) && e();
+  D(() => () => I(), [I]), D(() => {
+    M === "unavailable" && n?.();
+  }, [M, n]), D(() => {
+    s.current?.focus();
+  }, []), D(() => {
+    const x = (T) => {
+      T.key === "Escape" && (T.stopPropagation(), e());
+    }, P = (T) => {
+      a.current && !a.current.contains(T.target) && e();
     };
-    return document.addEventListener("keydown", S), document.addEventListener("mousedown", R), () => {
-      document.removeEventListener("keydown", S), document.removeEventListener("mousedown", R);
+    return document.addEventListener("keydown", x), document.addEventListener("mousedown", P), () => {
+      document.removeEventListener("keydown", x), document.removeEventListener("mousedown", P);
     };
   }, [e]);
-  const U = N((S) => {
-    t(S), e();
-  }, [t, e]), H = !g && !p && C.length === 0;
-  return /* @__PURE__ */ b(
+  const U = E((x) => {
+    t(x), e();
+  }, [t, e]), F = !h && !f && C.length === 0;
+  return /* @__PURE__ */ _(
     "div",
     {
-      ref: s,
+      ref: a,
       role: "dialog",
       "aria-label": "Meme library",
       "data-testid": "meme-picker",
       className: "absolute bottom-full left-0 right-0 mb-2 z-30 flex max-h-80 flex-col rounded border border-border bg-bg-card shadow-lg",
       children: [
-        /* @__PURE__ */ l("div", { className: "border-b border-border-light p-2", children: /* @__PURE__ */ l(
+        /* @__PURE__ */ c("div", { className: "border-b border-border-light p-2", children: /* @__PURE__ */ c(
           "input",
           {
-            ref: a,
+            ref: s,
             type: "text",
             value: o,
-            onChange: (S) => i(S.target.value),
+            onChange: (x) => i(x.target.value),
             placeholder: "Search memes...",
             "aria-label": "Search memes",
             "data-testid": "meme-search",
             className: "w-full rounded border border-border-light bg-bg-alt px-2 py-1 text-sm text-text placeholder:text-text-secondary focus:outline-none focus:border-primary"
           }
         ) }),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ _(
           "div",
           {
             className: "flex-1 overflow-y-auto p-2",
-            onScroll: u,
-            onMouseLeave: u,
+            onScroll: g,
+            onMouseLeave: g,
             children: [
-              p && /* @__PURE__ */ l(
+              f && /* @__PURE__ */ c(
                 "p",
                 {
                   className: "m-2 p-2 text-center text-sm bg-danger-bg text-on-danger-bg rounded",
                   role: "alert",
-                  "data-reason": T,
-                  children: T === "unauthenticated" ? "Sign in to browse memes" : T === "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"
                 }
               ),
-              H && /* @__PURE__ */ l("p", { className: "p-4 text-center text-sm text-text-secondary", children: o.trim() ? `No memes match "${o.trim()}"` : "The meme library is empty" }),
-              C.length > 0 && /* @__PURE__ */ l("div", { className: "grid grid-cols-3 gap-1.5 sm:grid-cols-4", children: C.map((S) => {
-                const R = Pe(S.key);
-                return R ? /* @__PURE__ */ l(
+              F && /* @__PURE__ */ c("p", { className: "p-4 text-center text-sm text-text-secondary", children: o.trim() ? `No memes match "${o.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 = Pe(x.key);
+                return P ? /* @__PURE__ */ c(
                   "button",
                   {
                     type: "button",
-                    onClick: () => U(S),
-                    title: S.title,
+                    onClick: () => U(x),
+                    title: x.title,
                     "data-testid": "meme-result",
-                    onMouseEnter: (L) => {
-                      v && E(S, L.currentTarget);
+                    onMouseEnter: (T) => {
+                      A && N(x, T.currentTarget);
                     },
-                    onMouseLeave: u,
-                    onFocus: (L) => E(S, L.currentTarget, !0),
-                    onBlur: u,
+                    onMouseLeave: g,
+                    onFocus: (T) => N(x, T.currentTarget, !0),
+                    onBlur: g,
                     className: "group relative aspect-square overflow-hidden rounded border border-border-light bg-bg-alt focus:outline-none focus:border-primary hover:border-primary",
-                    children: /* @__PURE__ */ l(
+                    children: /* @__PURE__ */ c(
                       "img",
                       {
-                        src: R,
-                        alt: S.title || "Meme",
+                        src: P,
+                        alt: x.title || "Meme",
                         loading: "lazy",
                         decoding: "async",
                         className: "h-full w-full object-cover"
                       }
                     )
                   },
-                  S.key
+                  x.key
                 ) : null;
               }) }),
-              g && /* @__PURE__ */ l("p", { className: "p-2 text-center text-xs text-text-secondary", children: "Loading…" }),
-              D && !g && /* @__PURE__ */ l(
+              h && /* @__PURE__ */ c("p", { className: "p-2 text-center text-xs text-text-secondary", children: "Loading…" }),
+              L && !h && /* @__PURE__ */ c(
                 "button",
                 {
                   type: "button",
-                  onClick: M,
+                  onClick: O,
                   "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"
@@ -861,15 +866,15 @@ function Kr({ onClose: e, onPick: t, onUnavailable: n }) {
             ]
           }
         ),
-        h && /* @__PURE__ */ b(
+        m && /* @__PURE__ */ _(
           "div",
           {
             "data-testid": "meme-preview",
             className: "fixed z-50 flex flex-col gap-1 rounded border border-border-light bg-bg-card p-1.5 shadow-2xl",
             style: {
-              left: h.left,
-              top: h.top,
-              width: Ye,
+              left: m.left,
+              top: m.top,
+              width: Ve,
               /* 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
@@ -880,18 +885,18 @@ function Kr({ onClose: e, onPick: t, onUnavailable: n }) {
             },
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ c(
                 "img",
                 {
-                  src: Pe(h.item.key) ?? void 0,
+                  src: Pe(m.item.key) ?? void 0,
                   alt: "",
                   className: "block w-full rounded bg-bg object-contain",
-                  style: { height: "auto", maxHeight: un }
+                  style: { height: "auto", maxHeight: sn }
                 }
               ),
-              h.item.title && /* One line. A long title must not change the box height, because
+              m.item.title && /* One line. A long title must not change the box height, because
               the box height is what the placement maths clamped against. */
-              /* @__PURE__ */ l("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap text-center text-[10px] text-text-secondary", children: h.item.title })
+              /* @__PURE__ */ c("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap text-center text-[10px] text-text-secondary", children: m.item.title })
             ]
           }
         )
@@ -899,61 +904,58 @@ function Kr({ onClose: e, onPick: t, onUnavailable: n }) {
     }
   );
 }
-function qr({ open: e, ...t }) {
-  return e ? /* @__PURE__ */ l(Kr, { ...t }) : null;
+function Wr({ open: e, ...t }) {
+  return e ? /* @__PURE__ */ c(Kr, { ...t }) : null;
 }
-const it = {
-  serverOrigin: `http://localhost:${tt}`,
+const rt = {
+  serverOrigin: `http://localhost:${Qe}`,
   defaultRoomKey: "dev-room",
-  cdnBase: qt
+  cdnBase: Gt
 };
-let Ie = { ...it };
-function Vr(e) {
+let Ce = { ...rt };
+function qr(e) {
   const t = Object.fromEntries(
     Object.entries(e).filter(([n, o]) => o !== void 0)
   );
-  Ie = { ...Ie, ...t }, Mr({ cdnBase: Ie.cdnBase });
-}
-function he() {
-  return Ie;
+  Ce = { ...Ce, ...t }, Nr({ cdnBase: Ce.cdnBase });
 }
-const pn = Gt(it);
-function zr() {
-  return Wt(pn);
+function me() {
+  return Ce;
 }
-function fn(e) {
+const Vr = $t(rt);
+function Yr(e) {
   return e.serverOrigin?.replace(/\/$/, "") || "";
 }
-function hn() {
-  return fn(he());
+function cn() {
+  return Yr(me());
 }
-const gn = Gt(null);
-function Yr() {
-  return Wt(gn);
+const dn = $t(null);
+function zr() {
+  return En(dn);
 }
-const oe = {
+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 Ue() {
+function je() {
   try {
     return globalThis.localStorage ?? null;
   } catch {
     return null;
   }
 }
-function G(e) {
+function B(e) {
   try {
-    return Ue()?.getItem(e) ?? null;
+    return je()?.getItem(e) ?? null;
   } catch {
     return null;
   }
 }
-function at(e, t) {
+function ot(e, t) {
   try {
-    const n = Ue();
+    const n = je();
     return n ? (n.setItem(e, t), !0) : !1;
   } catch {
     return !1;
@@ -961,7 +963,7 @@ function at(e, t) {
 }
 function Xr() {
   try {
-    const e = Ue();
+    const e = je();
     if (!e) return [];
     const t = [];
     for (let n = 0; n < e.length; n++) {
@@ -973,46 +975,46 @@ function Xr() {
     return [];
   }
 }
-function Me(e) {
+function Ne(e) {
   try {
-    Ue()?.removeItem(e);
+    je()?.removeItem(e);
   } catch {
   }
 }
 function Jr(e) {
-  const t = G(e);
+  const t = B(e);
   return t === null ? null : t === "true" ? !0 : t === "false" ? !1 : null;
 }
-const bn = /* @__PURE__ */ new Map();
-let yn = !1;
-function Fe(e, t) {
-  bn.set(e, t), yn && vn(e, t);
+const un = /* @__PURE__ */ new Map();
+let mn = !1;
+function Ue(e, t) {
+  un.set(e, t), mn && fn(e, t);
 }
-function Zr() {
-  yn = !0;
-  for (const [e, t] of bn) vn(e, t);
+function Qr() {
+  mn = !0;
+  for (const [e, t] of un) fn(e, t);
 }
-function vn(e, t) {
+function fn(e, t) {
   typeof window > "u" || (window[e] = t);
 }
-const de = [], Qr = 500;
-let Te = [], Xe = null;
+const ae = [], Zr = 500;
+let Te = [], Ye = null;
 const eo = 1e3, to = 200;
-let Je = null;
-function Sn(e) {
-  Je = e;
+let ze = null;
+function pn(e) {
+  ze = e;
 }
-function wn() {
-  return G(oe.REPORT_LOGS_FLAG) === "true";
+function hn() {
+  return B(te.REPORT_LOGS_FLAG) === "true";
 }
 function no() {
   if (typeof window > "u") return !1;
   if (window.__WP_DEBUG__ || new URLSearchParams(window.location.search).get("debug") === "true") return !0;
-  const t = G(oe.DEBUG_FLAG);
+  const t = B(te.DEBUG_FLAG);
   return t !== null && t !== "false";
 }
 function ro() {
-  const e = G(oe.DEBUG_FLAG);
+  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;
@@ -1027,9 +1029,9 @@ function oo() {
   });
 }
 function io(e) {
-  de.push(e), de.length > Qr && de.shift();
+  ae.push(e), ae.length > Zr && ae.shift();
 }
-const $e = {
+const Fe = {
   debug: "color: #64748b; font-weight: normal;",
   warn: "color: #f59e0b; font-weight: bold;",
   error: "color: #ef4444; font-weight: bold;",
@@ -1043,51 +1045,51 @@ function ao(e) {
     return "[unserializable]";
   }
 }
-function st(e, t, n, o, i, s, a) {
-  const c = {
+function it(e, t, n, o, i, a, s) {
+  const l = {
     level: e,
     category: i,
-    message: s,
-    data: a,
+    message: a,
+    data: s,
     timestamp: Date.now()
   };
-  if (io(c), (n || wn()) && _t(c), !o) {
+  if (io(l), (n || hn()) && St(l), !o) {
     if (!no()) return;
-    const p = ro();
-    if (p && !p.has(i.toLowerCase())) return;
+    const f = ro();
+    if (f && !f.has(i.toLowerCase())) return;
   }
-  const f = oo(), g = a !== void 0 ? " " + ao(a) : "";
+  const p = oo(), h = s !== void 0 ? " " + ao(s) : "";
   t(
-    `%c[${f}]%c [${i}]%c ${s}${g}`,
-    $e.time,
-    $e.category,
-    $e[e]
+    `%c[${p}]%c [${i}]%c ${a}${h}`,
+    Fe.time,
+    Fe.category,
+    Fe[e]
   );
 }
 function d(e, t, n) {
-  st("debug", console.log, !1, !1, e, t, n);
+  it("debug", console.log, !1, !1, e, t, n);
 }
-function A(e, t, n) {
-  st("warn", console.warn, !0, !1, e, t, n);
+function k(e, t, n) {
+  it("warn", console.warn, !0, !1, e, t, n);
 }
-function ue(e, t, n) {
-  st("error", console.error, !0, !0, e, t, n);
+function ke(e, t, n) {
+  it("error", console.error, !0, !0, e, t, n);
 }
 function so() {
-  return [...de];
+  return [...ae];
 }
 function lo() {
-  de.length = 0;
+  ae.length = 0;
 }
 function co(e) {
   const t = e && e.length > 0 ? e.join(",") : "true";
-  at(oe.DEBUG_FLAG, t), console.log("[wp] Debug mode enabled");
+  ot(te.DEBUG_FLAG, t), console.log("[wp] Debug mode enabled");
 }
 function uo() {
-  Me(oe.DEBUG_FLAG), console.log("[wp] Debug mode disabled");
+  Ne(te.DEBUG_FLAG), console.log("[wp] Debug mode disabled");
 }
-const mo = 1024, po = 5e4;
-function fo(e) {
+const mo = 1024, fo = 5e4;
+function po(e) {
   if (e == null) return e;
   try {
     const t = JSON.stringify(e);
@@ -1095,8 +1097,8 @@ function fo(e) {
     if (typeof e == "object" && !Array.isArray(e)) {
       const n = {};
       for (const [o, i] of Object.entries(e)) {
-        const s = JSON.stringify(i);
-        n[o] = s && s.length > 200 ? `[truncated ${s.length} chars]` : i;
+        const a = JSON.stringify(i);
+        n[o] = a && a.length > 200 ? `[truncated ${a.length} chars]` : i;
       }
       return n;
     }
@@ -1108,117 +1110,111 @@ function fo(e) {
 async function ho() {
   if (Te.length === 0) return;
   const e = Te;
-  Te = [], Xe = null;
+  Te = [], Ye = null;
   try {
-    let n = he().serverOrigin || "";
+    let n = me().serverOrigin || "";
     if ((n === "/" || !n) && typeof window < "u") {
-      const c = window.location;
-      (c.hostname === "localhost" || c.hostname === "127.0.0.1") && c.port === String(zt) ? n = `${c.protocol}//${c.hostname}:${tt}` : n = c.origin;
+      const l = window.location;
+      (l.hostname === "localhost" || l.hostname === "127.0.0.1") && l.port === String(Wt) ? n = `${l.protocol}//${l.hostname}:${Qe}` : n = l.origin;
     }
-    const o = `${n.replace(/\/$/, "")}/api/client-log`, i = e.map((c) => ({
-      level: c.level,
-      category: c.category,
-      message: c.message,
-      data: fo(c.data),
-      timestamp: c.timestamp,
+    const o = `${n.replace(/\/$/, "")}/api/client-log`, i = e.map((l) => ({
+      level: l.level,
+      category: l.category,
+      message: l.message,
+      data: po(l.data),
+      timestamp: l.timestamp,
       url: typeof window < "u" ? window.location.href : void 0,
       userAgent: typeof navigator < "u" ? navigator.userAgent : void 0,
-      room_key: Je?.room_key,
-      client_id: Je?.client_id
+      room_key: ze?.room_key,
+      client_id: ze?.client_id
     }));
-    let s = [], a = 0;
-    for (const c of i) {
-      const f = JSON.stringify(c).length + 1;
-      a + f > po && s.length > 0 && (await fetch(o, {
+    let a = [], s = 0;
+    for (const l of i) {
+      const p = JSON.stringify(l).length + 1;
+      s + p > fo && a.length > 0 && (await fetch(o, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ logs: s })
-      }), s = [], a = 0), s.push(c), a += f;
+        body: JSON.stringify({ logs: a })
+      }), a = [], s = 0), a.push(l), s += p;
     }
-    s.length > 0 && await fetch(o, {
+    a.length > 0 && await fetch(o, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ logs: s })
+      body: JSON.stringify({ logs: a })
     });
   } catch (t) {
-    console.warn("[wp] log flush failed (client logs may be lost):", ge(t).error);
+    console.warn("[wp] log flush failed (client logs may be lost):", fe(t).error);
   }
 }
-function _t(e) {
-  if (Te.push(e), !Xe) {
-    const t = wn() ? to : eo;
-    Xe = setTimeout(ho, t);
+function St(e) {
+  if (Te.push(e), !Ye) {
+    const t = hn() ? to : eo;
+    Ye = setTimeout(ho, t);
   }
 }
-function ge(e) {
+function fe(e) {
   return e instanceof Error ? { error: e.message, name: e.name } : { error: String(e), name: typeof e };
 }
-Fe("__wpDebug", {
+Ue("__wpDebug", {
   enable: co,
   disable: uo,
   history: so,
   clear: lo
 });
-const X = {
+const Y = {
   resolved: !1,
   userType: "public",
   accountId: null
 };
-function lt() {
-  return X.accountId ? X.accountId : X.resolved && X.userType === "public" ? "anon" : null;
+function at() {
+  return Y.accountId ? Y.accountId : Y.resolved && Y.userType === "public" ? "anon" : null;
 }
 function go(e) {
-  X.resolved = !0, e.userType && (X.userType = e.userType), e.userId !== void 0 && (X.accountId = e.userId && e.userId !== "public" ? e.userId : null);
+  Y.resolved = !0, e.userType && (Y.userType = e.userType), e.userId !== void 0 && (Y.accountId = e.userId && e.userId !== "public" ? e.userId : null);
 }
-function ct() {
-  return X.accountId ?? "public";
+function st() {
+  return Y.accountId ?? "public";
 }
 function bo() {
-  return lt() ?? "unscoped";
-}
-function yo() {
-  return nn.flatMap((e) => {
-    const t = e.characters.map((o) => o.id), n = [];
-    for (let o = 0; o < t.length; o += yt)
-      n.push(t.slice(o, o + yt));
-    return n;
-  });
-}
-function xt(e, t) {
-  const n = e.findIndex((o) => o.some((i) => i === t));
-  return n < 0 ? 0 : n;
+  return at() ?? "unscoped";
 }
-function _n(e) {
-  return fe(e) ? fr[e] : "var(--color-neutral-bg)";
+function gn(e) {
+  return tt(e) ? fr[e] : "var(--color-neutral-bg)";
 }
-function He(e) {
-  return fe(e) ? `${he().serverOrigin.replace(/\/$/, "")}${gr(e)}` : void 0;
+function yo(e) {
+  return tt(e) ? `${me().serverOrigin.replace(/\/$/, "")}${hr(e)}` : void 0;
 }
-let pe = null, Se = null;
+let ce = null, ve = null;
 function vo() {
-  return pe ? Promise.resolve() : Se || (Se = (async () => {
+  return ce ? Promise.resolve() : ve || (ve = (async () => {
     try {
-      const e = he().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();
-      pe = n, Fe("__DISPLAY_NAMES__", n), d("characters", "Loaded display names", n);
+      ce = n, Ue("__DISPLAY_NAMES__", n), d("characters", "Loaded display names", n);
     } catch (e) {
-      d("characters", "display names fetch failed (degrading to sprite IDs)", ge(e));
+      d("characters", "display names fetch failed (degrading to sprite IDs)", fe(e));
     }
-  })(), Se);
+  })(), ve);
 }
-function te(e) {
-  return pe?.[e] || e.charAt(0).toUpperCase() + e.slice(1);
+function de(e) {
+  return ce?.[e] || e.charAt(0).toUpperCase() + e.slice(1);
 }
-function ne(e) {
+function J(e) {
   const t = e.toLowerCase();
-  return Le.some((n) => n === t) ? !0 : pe ? Object.values(pe).some((n) => n.toLowerCase() === t) : !1;
+  return Me.some((n) => n === t) ? !0 : ce ? Object.values(ce).some((n) => n.toLowerCase() === t) : !1;
 }
 const So = r.object({
   // Identity. There is deliberately NO `name`: a person's name is their
   // hadoku key-registry name, resolved by the server from whoami and renamed
   // through hadoku_site's POST /session/name (operator decision 2026-10-08).
   // A watchparty-only copy disagreed with cardtable's and is not read.
+  //
+  // `sprite` is neither read nor written by watchparty any more: the
+  // character is chosen in the fleet settings popout and read from prefs-api
+  // (lib/avatar.ts). It stays in the schema because prefs-api still reads it:
+  // it is the fallback character for a person who never chose one at the
+  // top level (operator decision 2026-10-31).
   sprite: r.string().optional(),
   // Chat settings
   chatCollapsed: r.boolean().optional(),
@@ -1233,21 +1229,21 @@ const So = r.object({
   preferredAudioLang: r.string().optional(),
   subtitlesEnabled: r.boolean().optional(),
   subtitleStyle: r.string().optional()
-}), me = Wn({
+}), se = $n({
   appId: "watchparty",
   schema: So
-}), wo = /* @__PURE__ */ new Set(["theme", "themeMode"]);
-function Oe(e) {
-  const t = lt();
+}), _o = /* @__PURE__ */ new Set(["theme", "themeMode"]);
+function Re(e) {
+  const t = at();
   return t ? `prefs-cache:${t}:${e}` : null;
 }
-function _o() {
-  return lt() === null;
+function wo() {
+  return at() === null;
 }
-function Ct(e) {
-  const t = Oe(e);
+function _t(e) {
+  const t = Re(e);
   if (!t) return {};
-  const n = G(t);
+  const n = B(t);
   if (!n) return {};
   try {
     return JSON.parse(n)?.blob ?? {};
@@ -1258,30 +1254,30 @@ function Ct(e) {
 function xo() {
   let e = 0;
   for (const t of Xr()) {
-    const n = t.startsWith("prefs-cache:") && t.endsWith(":watchparty"), o = t === Re || t.startsWith(`${Re}:`) && !t.endsWith(":_serverSynced_v1");
+    const n = t.startsWith("prefs-cache:") && t.endsWith(":watchparty"), o = t === De || t.startsWith(`${De}:`) && !t.endsWith(":_serverSynced_v1");
     if (!n && !o) continue;
-    const i = G(t);
+    const i = B(t);
     if (!i) continue;
-    let s;
+    let a;
     try {
-      s = JSON.parse(i);
+      a = JSON.parse(i);
     } catch {
       continue;
     }
-    const a = n ? s?.blob : s;
-    if (!a || typeof a != "object" || !("name" in a)) continue;
-    const { name: c, ...f } = a, g = n ? { ...s, blob: f } : f;
-    at(t, JSON.stringify(g)) && e++;
+    const s = n ? a?.blob : a;
+    if (!s || typeof s != "object" || !("name" in s)) continue;
+    const { name: l, ...p } = s, h = n ? { ...a, blob: p } : p;
+    ot(t, JSON.stringify(h)) && e++;
   }
   return e > 0 && d("preferences", "Stripped retired name from cached prefs rows", { rewritten: e }), e;
 }
-let xn = null, Cn = null;
-const kt = /* @__PURE__ */ new Set();
-function dt() {
-  if (_o())
+let bn = null, yn = null;
+const wt = /* @__PURE__ */ new Set();
+function lt() {
+  if (wo())
     return d("preferences", "Boot read deferred — session pending, identity unresolved"), {};
-  const e = Ct("portfolio"), t = Ct("watchparty"), n = Object.keys(e).length > 0 ? e : xn ?? {}, o = Object.keys(t).length > 0 ? t : Cn ?? {}, i = ct() || "public";
-  if (kt.has(i))
+  const e = _t("portfolio"), t = _t("watchparty"), n = Object.keys(e).length > 0 ? e : bn ?? {}, o = Object.keys(t).length > 0 ? t : yn ?? {}, i = st() || "public";
+  if (wt.has(i))
     return d("preferences", "Loaded (sync, SDK-only after first read)", {
       uid: i,
       sdkThemeKeys: Object.keys(n).length,
@@ -1291,73 +1287,72 @@ function dt() {
       themeSource: Object.keys(e).length > 0 ? "cache" : "mem",
       appSource: Object.keys(t).length > 0 ? "cache" : "mem"
     }), { ...o, ...n };
-  kt.add(i);
-  const s = In() ?? {}, a = { ...s, ...o, ...n };
+  wt.add(i);
+  const a = Sn() ?? {}, s = { ...a, ...o, ...n };
   return d("preferences", "Loaded (sync, first read — legacy + SDK)", {
     uid: i,
     sdkThemeKeys: Object.keys(n).length,
     sdkAppKeys: Object.keys(o).length,
-    legacyKeys: Object.keys(s).length,
+    legacyKeys: Object.keys(a).length,
     themeSource: Object.keys(e).length > 0 ? "cache" : "mem",
     appSource: Object.keys(t).length > 0 ? "cache" : "mem"
-  }), a;
+  }), s;
 }
-let kn = !1;
-function Co() {
-  const e = ct();
+let vn = !1;
+function Io() {
+  const e = st();
   return !e || e === "public";
 }
-function K(e, t) {
-  Co() && (kn = !0), wo.has(e) ? ce.save({ [e]: t }, { scope: "device" }).catch((n) => A("preferences", "themePrefs.save failed", { key: e, err: n?.message })) : me.save({ [e]: t }).catch((n) => A("preferences", "watchpartyPrefs.save failed", { key: e, err: n?.message })), d("preferences", "Saved (via SDK)", { key: e, value: t });
+function G(e, t) {
+  Io() && (vn = !0), _o.has(e) ? ie.save({ [e]: t }, { scope: "device" }).catch((n) => k("preferences", "themePrefs.save failed", { key: e, err: n?.message })) : se.save({ [e]: t }).catch((n) => k("preferences", "watchpartyPrefs.save failed", { key: e, err: n?.message })), d("preferences", "Saved (via SDK)", { key: e, value: t });
 }
-let we = null, It = !1;
-function ko() {
-  return we || (we = (async () => {
+let Se = null, xt = !1;
+function Co() {
+  return Se || (Se = (async () => {
     if (typeof window > "u") return !1;
     try {
-      It || (It = !0, ce.subscribe((a) => {
-        xn = a, At("portfolio", a), Nt("theme");
-      }), me.subscribe((a) => {
-        Cn = a, At("watchparty", a), Nt("watchparty");
+      xt || (xt = !0, ie.subscribe((s) => {
+        bn = s, Tt("portfolio", s), kt("theme");
+      }), se.subscribe((s) => {
+        yn = s, Tt("watchparty", s), kt("watchparty");
       }));
       const [e, t] = await Promise.all([
-        ce.read(),
-        me.read()
+        ie.read(),
+        se.read()
       ]);
       try {
-        const { useAppStore: a } = await Promise.resolve().then(() => En);
-        a.getState().rehydrateFromPrefs();
-      } catch (a) {
-        A("preferences", "inline rehydrate after SDK read failed", { err: a?.message });
+        const { useAppStore: s } = await Promise.resolve().then(() => wn);
+        s.getState().rehydrateFromPrefs();
+      } catch (s) {
+        k("preferences", "inline rehydrate after SDK read failed", { err: s?.message });
       }
-      const n = Oe("portfolio"), o = Oe("watchparty"), i = n ? G(n) : null, s = o ? G(o) : null;
+      const n = Re("portfolio"), o = Re("watchparty"), i = n ? B(n) : null, a = o ? B(o) : null;
       return d("preferences", "sdk.read", {
         themeKeys: Object.keys(e ?? {}),
         appKeys: Object.keys(t ?? {}),
         appName: t?.name,
-        appSprite: t?.sprite,
         // Post-fetch cache state: should be non-zero if SDK wrote it.
         sdkThemeBytesPost: i?.length ?? 0,
-        sdkAppBytesPost: s?.length ?? 0
-      }), await Io(e, t), kn ? (d("preferences", "Promoting this load's pre-auth picks to the signed-in user"), await Promise.all([
-        ce.promoteAnonPrefsToUser().catch(() => {
+        sdkAppBytesPost: a?.length ?? 0
+      }), await To(e, t), vn ? (d("preferences", "Promoting this load's pre-auth picks to the signed-in user"), await Promise.all([
+        ie.promoteAnonPrefsToUser().catch(() => {
         }),
-        me.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;
+      return k("preferences", "First-load SDK sync failed (non-fatal)", { err: e?.message }), !1;
     }
-  })(), we);
+  })(), Se);
 }
-const Re = "watchparty_preferences";
+const De = "watchparty_preferences";
 xo();
-function Ze() {
-  const e = ct();
-  return !e || e === "public" ? Re : `${Re}:${e}`;
+function Xe() {
+  const e = st();
+  return !e || e === "public" ? De : `${De}:${e}`;
 }
-function In() {
-  const e = G(Ze());
+function Sn() {
+  const e = B(Xe());
   if (!e) return null;
   try {
     const t = JSON.parse(e);
@@ -1366,40 +1361,40 @@ function In() {
     return null;
   }
 }
-function Tt() {
-  Me(Ze()), Me(`${Ze()}:_serverSynced_v1`);
+function It() {
+  Ne(Xe()), Ne(`${Xe()}:_serverSynced_v1`);
 }
-async function Io(e, t) {
-  const n = In();
+async function To(e, t) {
+  const n = Sn();
   if (!n || Object.keys(n).length === 0) return;
-  const o = Object.keys(e ?? {}).length > 0, i = Object.keys(t ?? {}).length > 0, s = {}, a = {};
-  for (const [g, p] of Object.entries(n))
-    o || (g === "theme" && typeof p == "string" ? s.theme = p : g === "themeMode" && (p === "simple" || p === "advanced") && (s.themeMode = p)), i || (g === "sprite" && typeof p == "string" ? a.sprite = p : g === "chatCollapsed" && typeof p == "boolean" ? a.chatCollapsed = p : g === "floatingChatEnabled" && typeof p == "boolean" ? a.floatingChatEnabled = p : g === "volume" && typeof p == "number" && p >= 0 && p <= 1 ? a.volume = p : g === "muted" && typeof p == "boolean" ? a.muted = p : g === "preferredAudioLang" && typeof p == "string" ? a.preferredAudioLang = p : g === "subtitlesEnabled" && typeof p == "boolean" ? a.subtitlesEnabled = p : g === "subtitleStyle" && typeof p == "string" && (a.subtitleStyle = p));
-  const c = Object.keys(s), f = Object.keys(a);
-  if (c.length === 0 && f.length === 0) {
-    Tt();
+  const o = Object.keys(e ?? {}).length > 0, i = Object.keys(t ?? {}).length > 0, a = {}, s = {};
+  for (const [h, f] of Object.entries(n))
+    o || (h === "theme" && typeof f == "string" ? a.theme = f : h === "themeMode" && (f === "simple" || f === "advanced") && (a.themeMode = f)), i || (h === "chatCollapsed" && typeof f == "boolean" ? s.chatCollapsed = f : h === "floatingChatEnabled" && typeof f == "boolean" ? s.floatingChatEnabled = f : h === "volume" && typeof f == "number" && f >= 0 && f <= 1 ? s.volume = f : h === "muted" && typeof f == "boolean" ? s.muted = f : h === "preferredAudioLang" && typeof f == "string" ? s.preferredAudioLang = f : h === "subtitlesEnabled" && typeof f == "boolean" ? s.subtitlesEnabled = f : h === "subtitleStyle" && typeof f == "string" && (s.subtitleStyle = f));
+  const l = Object.keys(a), p = Object.keys(s);
+  if (l.length === 0 && p.length === 0) {
+    It();
     return;
   }
   d("preferences", "Migrating legacy localStorage prefs to SDK", {
-    themeKeys: c,
-    appKeys: f,
+    themeKeys: l,
+    appKeys: p,
     sdkHasTheme: o,
     sdkHasApp: i
   });
   try {
     await Promise.all([
-      c.length > 0 ? ce.save(s, { scope: "device" }) : Promise.resolve(),
-      f.length > 0 ? me.save(a) : Promise.resolve()
-    ]), Tt(), d("preferences", "Legacy migration complete");
-  } catch (g) {
-    A("preferences", "Legacy migration save failed — will retry next load", {
-      err: g?.message
+      l.length > 0 ? ie.save(a, { scope: "device" }) : Promise.resolve(),
+      p.length > 0 ? se.save(s) : Promise.resolve()
+    ]), It(), d("preferences", "Legacy migration complete");
+  } catch (h) {
+    k("preferences", "Legacy migration save failed — will retry next load", {
+      err: h?.message
     });
   }
 }
-let Et = !1;
-function At(e, t) {
-  const n = Oe(e);
+let Ct = !1;
+function Tt(e, t) {
+  const n = Re(e);
   if (n)
     try {
       const o = {
@@ -1410,64 +1405,63 @@ function At(e, t) {
       };
       localStorage.setItem(n, JSON.stringify(o));
     } catch (o) {
-      Et || (Et = !0, A("preferences", "writeThrough localStorage failed (in-memory backstop only)", {
+      Ct || (Ct = !0, k("preferences", "writeThrough localStorage failed (in-memory backstop only)", {
         appId: e,
         err: o?.message,
         name: o?.name
       }));
     }
 }
-function Nt(e) {
-  Promise.resolve().then(() => En).then(({ useAppStore: t }) => {
+function kt(e) {
+  Promise.resolve().then(() => wn).then(({ useAppStore: t }) => {
     try {
       t.getState().rehydrateFromPrefs();
     } catch (n) {
-      A("preferences", "rehydrateFromPrefs threw", { reason: e, err: n?.message });
+      k("preferences", "rehydrateFromPrefs threw", { reason: e, err: n?.message });
     }
-  }).catch((t) => A("preferences", "store import failed", { reason: e, err: t?.message }));
+  }).catch((t) => k("preferences", "store import failed", { reason: e, err: t?.message }));
 }
-const Tn = 320, De = 240, ut = 640, To = 320, Eo = 36, Pt = 16;
-function V(e, t) {
-  if (!Number.isFinite(e)) return Tn;
-  let n = ut;
-  return t !== void 0 && Number.isFinite(t) && t > 0 && (n = Math.min(n, t - To)), n = Math.max(n, De), Math.round(Math.min(n, Math.max(De, e)));
+const _n = 320, Oe = 240, ct = 640, ko = 320, Ao = 36, At = 16;
+function W(e, t) {
+  if (!Number.isFinite(e)) return _n;
+  let n = ct;
+  return t !== void 0 && Number.isFinite(t) && t > 0 && (n = Math.min(n, t - ko)), n = Math.max(n, Oe), Math.round(Math.min(n, Math.max(Oe, e)));
 }
-function Mt(e, t, n, o) {
-  return V(e + (t - n), o);
+function Et(e, t, n, o) {
+  return W(e + (t - n), o);
 }
-function Ao(e, t, n) {
+function Eo(e, t, n) {
   switch (t) {
     case "ArrowLeft":
-      return V(e + Pt, n);
+      return W(e + At, n);
     case "ArrowRight":
-      return V(e - Pt, n);
+      return W(e - At, n);
     case "Home":
-      return V(De, n);
+      return W(Oe, n);
     case "End":
-      return V(ut, n);
+      return W(ct, n);
     default:
       return null;
   }
 }
-function No(e, t) {
-  return { collapsed: e, width: e ? Eo : t };
+function Po(e, t) {
+  return { collapsed: e, width: e ? Ao : t };
 }
-const q = dt(), m = Gn((e, t) => ({
+const K = lt(), u = Hn((e, t) => ({
   ready: !1,
   name: "",
-  sprite: q.sprite || null,
+  sprite: null,
   me: { clientId: null, nextClientSeq: 1 },
   snapshot: { roomId: null, mediaId: null, playheadMs: 0, playing: !1, serverSeq: 0, leaderId: null },
   roster: {},
   chat: [],
-  chatCollapsed: q.chatCollapsed ?? !1,
-  chromeChatCollapsed: q.chromeChatCollapsed ?? !1,
-  chromeChatWidth: V(q.chromeChatWidth ?? Tn),
+  chatCollapsed: K.chatCollapsed ?? !1,
+  chromeChatCollapsed: K.chromeChatCollapsed ?? !1,
+  chromeChatWidth: W(K.chromeChatWidth ?? _n),
   // Hardcoded on for everyone — the per-user toggle was removed from the
   // control bar; FloatingChat + toggleFloatingChat code is kept for future
   // re-enablement but the value is no longer user-controllable.
   floatingChatEnabled: !0,
-  characterModalOpen: !1,
   drift: { rtts: [], offsetMs: 0 },
   snapshotReceivedAt: Date.now(),
   loadGeneration: 0,
@@ -1475,11 +1469,11 @@ const q = dt(), m = Gn((e, t) => ({
   bufferState: { isBuffering: !1, bufferedEndMs: 0 },
   toasts: [],
   mediaPrefs: {
-    volume: q.volume ?? 1,
-    muted: q.muted ?? !1,
-    preferredAudioLang: q.preferredAudioLang || "jpn",
-    subtitlesEnabled: q.subtitlesEnabled ?? !0,
-    subtitleStyle: ["classic", "cinema", "minimal", "contrast"].includes(q.subtitleStyle) ? q.subtitleStyle : "classic"
+    volume: K.volume ?? 1,
+    muted: K.muted ?? !1,
+    preferredAudioLang: K.preferredAudioLang || "jpn",
+    subtitlesEnabled: K.subtitlesEnabled ?? !0,
+    subtitleStyle: ["classic", "cinema", "minimal", "contrast"].includes(K.subtitleStyle) ? K.subtitleStyle : "classic"
   },
   healthSnapshot: null,
   sidebarTab: "chat",
@@ -1503,29 +1497,26 @@ const q = dt(), m = Gn((e, t) => ({
   setReady: () => {
     d("store", "App ready"), e({ ready: !0 });
   },
-  setIdentity: (n, o) => {
-    d("store", "Identity set", { name: n, sprite: o }), e({ name: n, sprite: o }), o && K("sprite", o);
-  },
   setSessionIdentity: (n, o) => {
     d("store", "Session identity set (not persisted)", { name: n, sprite: o }), e({ name: n, sprite: o });
   },
   ensureAutoIdentity: () => e((n) => {
     if (n.name) return {};
     if (n.sprite) {
-      const i = te(n.sprite);
-      return d("store", "Auto-identity: deriving name from saved sprite", { name: i, sprite: n.sprite }), { name: i };
+      const i = de(n.sprite);
+      return d("store", "Auto-identity: deriving name from the requested sprite", { name: i, sprite: n.sprite }), { name: i };
     }
     const o = new Set(Object.values(n.roster).map((i) => i.sprite).filter(Boolean));
     d("store", "ensureAutoIdentity checking", {
       rosterSize: Object.keys(n.roster).length,
       usedSprites: Array.from(o)
     });
-    for (const i of Le)
+    for (const i of Me)
       if (!o.has(i)) {
-        const s = te(i);
-        return d("store", "Auto-identity assigned", { name: s, sprite: i }), { name: s, sprite: i };
+        const a = de(i);
+        return d("store", "Auto-identity assigned", { name: a, sprite: i }), { name: a, sprite: i };
       }
-    return A("store", "All characters taken, leaving identity unset"), {};
+    return k("store", "All characters taken, leaving identity unset"), {};
   }),
   ensureMe: (n) => {
     d("store", "Client ID set", { clientId: n }), e((o) => ({ me: { ...o.me, clientId: n } }));
@@ -1533,23 +1524,23 @@ const q = dt(), m = Gn((e, t) => ({
   applySnapshot: (n) => e((o) => {
     const i = { ...o.roster };
     if (n.users)
-      for (const f of n.users) i[f.clientId] = f;
-    const s = n.mediaId !== void 0 ? n.mediaId : o.snapshot.mediaId, a = n.leaderId !== void 0 ? n.leaderId : o.snapshot.leaderId;
+      for (const p of n.users) i[p.clientId] = p;
+    const a = n.mediaId !== void 0 ? n.mediaId : o.snapshot.mediaId, s = n.leaderId !== void 0 ? n.leaderId : o.snapshot.leaderId;
     d("store", "Snapshot applied", {
-      mediaId: s,
+      mediaId: a,
       playing: n.playing ?? o.snapshot.playing,
       serverSeq: n.serverSeq ?? o.snapshot.serverSeq,
       userCount: n.users?.length ?? 0
     });
-    const c = n.playheadMs ?? o.snapshot.playheadMs;
+    const l = n.playheadMs ?? o.snapshot.playheadMs;
     return {
       snapshot: {
         roomId: n.roomId !== void 0 ? n.roomId : o.snapshot.roomId,
-        mediaId: s,
-        playheadMs: c,
+        mediaId: a,
+        playheadMs: l,
         playing: n.playing ?? o.snapshot.playing,
         serverSeq: n.serverSeq ?? o.snapshot.serverSeq,
-        leaderId: a
+        leaderId: s
       },
       roster: i,
       // Always update — initial snapshot on join often has playheadMs=0
@@ -1574,21 +1565,20 @@ const q = dt(), m = Gn((e, t) => ({
   setChat: (n) => e({ chat: n.slice(-500) }),
   toggleChatCollapsed: () => e((n) => {
     const o = !n.chatCollapsed;
-    return K("chatCollapsed", o), { chatCollapsed: o };
+    return G("chatCollapsed", o), { chatCollapsed: o };
   }),
   toggleChromeChatCollapsed: () => e((n) => {
     const o = !n.chromeChatCollapsed;
-    return K("chromeChatCollapsed", o), { chromeChatCollapsed: o };
+    return G("chromeChatCollapsed", o), { chromeChatCollapsed: o };
   }),
   setChromeChatWidth: (n) => e(() => {
-    const o = V(n);
-    return K("chromeChatWidth", o), { chromeChatWidth: o };
+    const o = W(n);
+    return G("chromeChatWidth", o), { chromeChatWidth: o };
   }),
   toggleFloatingChat: () => e((n) => {
     const o = !n.floatingChatEnabled;
-    return K("floatingChatEnabled", o), { floatingChatEnabled: o };
+    return G("floatingChatEnabled", o), { floatingChatEnabled: o };
   }),
-  setCharacterModalOpen: (n) => e({ characterModalOpen: n }),
   allocateClientSeq: () => {
     const n = t().me.nextClientSeq;
     return e((o) => ({ me: { ...o.me, nextClientSeq: n + 1 } })), n;
@@ -1605,14 +1595,14 @@ const q = dt(), m = Gn((e, t) => ({
       snapshotReceivedAt: Date.now()
     }));
   },
-  addRttSample: (n, o, i) => e((s) => {
-    const a = [...s.drift.rtts, n].slice(-5);
-    let c = s.drift.offsetMs;
+  addRttSample: (n, o, i) => e((a) => {
+    const s = [...a.drift.rtts, n].slice(-5);
+    let l = a.drift.offsetMs;
     if (o && i) {
-      const f = i + n / 2;
-      c = o - f;
+      const p = i + n / 2;
+      l = o - p;
     }
-    return { drift: { rtts: a, offsetMs: c } };
+    return { drift: { rtts: s, offsetMs: l } };
   }),
   pushToast: (n, o) => {
     d("store", "Toast pushed", { kind: n, msg: o }), e((i) => ({ toasts: [...i.toasts, { id: Math.random().toString(36).slice(2), kind: n, msg: o, ts: Date.now() }].slice(-5) }));
@@ -1622,11 +1612,11 @@ const q = dt(), m = Gn((e, t) => ({
   setBufferState: (n) => e((o) => ({ bufferState: { ...o.bufferState, ...n } })),
   setMutedForAutoplay: (n) => e({ mutedForAutoplay: n }),
   // Media preference actions
-  setVolume: (n) => e((o) => (K("volume", n), { mediaPrefs: { ...o.mediaPrefs, volume: n } })),
-  setMuted: (n) => e((o) => (K("muted", n), { mediaPrefs: { ...o.mediaPrefs, muted: n } })),
-  setPreferredAudioLang: (n) => e((o) => (K("preferredAudioLang", n), { mediaPrefs: { ...o.mediaPrefs, preferredAudioLang: n } })),
-  setSubtitlesEnabled: (n) => e((o) => (K("subtitlesEnabled", n), { mediaPrefs: { ...o.mediaPrefs, subtitlesEnabled: n } })),
-  setSubtitleStyle: (n) => e((o) => (K("subtitleStyle", n), { mediaPrefs: { ...o.mediaPrefs, subtitleStyle: n } })),
+  setVolume: (n) => e((o) => (G("volume", n), { mediaPrefs: { ...o.mediaPrefs, volume: n } })),
+  setMuted: (n) => e((o) => (G("muted", n), { mediaPrefs: { ...o.mediaPrefs, muted: n } })),
+  setPreferredAudioLang: (n) => e((o) => (G("preferredAudioLang", n), { mediaPrefs: { ...o.mediaPrefs, preferredAudioLang: n } })),
+  setSubtitlesEnabled: (n) => e((o) => (G("subtitlesEnabled", n), { mediaPrefs: { ...o.mediaPrefs, subtitlesEnabled: n } })),
+  setSubtitleStyle: (n) => e((o) => (G("subtitleStyle", n), { mediaPrefs: { ...o.mediaPrefs, subtitleStyle: n } })),
   setHealthSnapshot: (n) => e({ healthSnapshot: n }),
   setBufferStatus: (n) => e({ bufferStatus: n }),
   applyPlaylistState: (n) => e({
@@ -1662,17 +1652,17 @@ const q = dt(), m = Gn((e, t) => ({
    * present-with-a-low-value — is what keeps "not rated" distinguishable from
    * "rated F" in placeTierlist.
    */
-  moveTierlistItem: (n, o, i) => e((s) => {
-    const a = {};
-    for (const [c, f] of Object.entries(s.tierlistDraft)) {
-      const g = (f ?? []).filter((p) => p !== n);
-      g.length > 0 && (a[c] = g);
+  moveTierlistItem: (n, o, i) => e((a) => {
+    const s = {};
+    for (const [l, p] of Object.entries(a.tierlistDraft)) {
+      const h = (p ?? []).filter((f) => f !== n);
+      h.length > 0 && (s[l] = h);
     }
     if (o !== null) {
-      const c = a[o] ?? [], f = Math.max(0, Math.min(i ?? c.length, c.length));
-      c.splice(f, 0, n), a[o] = c;
+      const l = s[o] ?? [], p = Math.max(0, Math.min(i ?? l.length, l.length));
+      l.splice(p, 0, n), s[o] = l;
     }
-    return { tierlistDraft: a };
+    return { tierlistDraft: s };
   }),
   setReadyCheckState: (n) => e({ readyCheck: n }),
   setActiveGameId: (n) => e({ activeGameId: n }),
@@ -1681,82 +1671,116 @@ const q = dt(), m = Gn((e, t) => ({
   setGameSessionWins: (n) => e({ gameSessionWins: { ...n } }),
   setGameBotCount: (n) => e({ gameBotCount: Math.max(0, Math.floor(n)) }),
   rehydrateFromPrefs: () => e((n) => {
-    const o = dt(), i = {};
-    if (o.sprite !== void 0 && (i.sprite = o.sprite || null), o.chatCollapsed !== void 0 && (i.chatCollapsed = o.chatCollapsed), o.chromeChatCollapsed !== void 0 && (i.chromeChatCollapsed = o.chromeChatCollapsed), o.chromeChatWidth !== void 0 && (i.chromeChatWidth = V(o.chromeChatWidth)), ["volume", "muted", "preferredAudioLang", "subtitlesEnabled", "subtitleStyle"].some((c) => o[c] !== void 0)) {
-      const c = { ...n.mediaPrefs };
-      o.volume !== void 0 && (c.volume = o.volume), o.muted !== void 0 && (c.muted = o.muted), o.preferredAudioLang !== void 0 && (c.preferredAudioLang = o.preferredAudioLang), o.subtitlesEnabled !== void 0 && (c.subtitlesEnabled = o.subtitlesEnabled), o.subtitleStyle !== void 0 && ["classic", "cinema", "minimal", "contrast"].includes(o.subtitleStyle) && (c.subtitleStyle = o.subtitleStyle), i.mediaPrefs = c;
+    const o = lt(), i = {};
+    if (o.chatCollapsed !== void 0 && (i.chatCollapsed = o.chatCollapsed), o.chromeChatCollapsed !== void 0 && (i.chromeChatCollapsed = o.chromeChatCollapsed), o.chromeChatWidth !== void 0 && (i.chromeChatWidth = W(o.chromeChatWidth)), ["volume", "muted", "preferredAudioLang", "subtitlesEnabled", "subtitleStyle"].some((l) => o[l] !== void 0)) {
+      const l = { ...n.mediaPrefs };
+      o.volume !== void 0 && (l.volume = o.volume), o.muted !== void 0 && (l.muted = o.muted), o.preferredAudioLang !== void 0 && (l.preferredAudioLang = o.preferredAudioLang), o.subtitlesEnabled !== void 0 && (l.subtitlesEnabled = o.subtitlesEnabled), o.subtitleStyle !== void 0 && ["classic", "cinema", "minimal", "contrast"].includes(o.subtitleStyle) && (l.subtitleStyle = o.subtitleStyle), i.mediaPrefs = l;
     }
     return i;
   }),
   setSidebarTab: (n) => e((o) => o.sidebarTab === n && n !== "chat" ? { sidebarTab: "chat" } : { sidebarTab: n, chatCollapsed: !1 })
 }));
-Fe("__ZUSTAND_STORE__", m);
-const En = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+Ue("__ZUSTAND_STORE__", u);
+const wn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  useAppStore: m
+  useAppStore: u
 }, Symbol.toStringTag, { value: "Module" }));
-function Po(e) {
-  return `${hn()}/media/${e}`.replace(/\\/g, "/");
+function No(e) {
+  return `${cn()}/media/${e}`.replace(/\\/g, "/");
 }
-function Mo(e, t) {
-  return Po(t ?? `${e}/poster.jpg`);
+function Ro(e, t) {
+  return No(t ?? `${e}/poster.jpg`);
 }
-function Oo(e) {
-  return `${hn()}${e}`.replace(/\\/g, "/");
+function Do(e) {
+  return `${cn()}${e}`.replace(/\\/g, "/");
 }
-async function Ro(e) {
+async function Oo(e) {
   try {
-    const t = await fetch(Oo("/api/tierlist"));
+    const t = await fetch(Do("/api/tierlist"));
     if (!t.ok)
-      return A("tierlist", "Board fetch failed", { status: t.status }), null;
+      return k("tierlist", "Board fetch failed", { status: t.status }), null;
     const n = await t.json();
-    return m.getState().setTierlistSnapshot(n, e), d("tierlist", "Board loaded", {
+    return u.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", ge(t)), null;
+    return k("tierlist", "Board fetch threw", fe(t)), null;
   }
 }
-let Ot = !1;
-function Do() {
-  if (Ot || typeof Image > "u") return;
-  const e = m.getState().tierlist;
+let Pt = !1;
+function Mo() {
+  if (Pt || typeof Image > "u") return;
+  const e = u.getState().tierlist;
   if (!(!e || e.items.length === 0)) {
-    Ot = !0;
+    Pt = !0;
     for (const t of e.items) {
       const n = new Image();
-      n.decoding = "async", n.src = Mo(t.id, t.thumbnail);
+      n.decoding = "async", n.src = Ro(t.id, t.thumbnail);
     }
     d("tierlist", "Warming posters", { count: e.items.length });
   }
 }
 function Lo() {
-  const e = m.getState(), t = new Set(Object.values(e.roster).map((s) => s.sprite).filter(Boolean)), n = Le.find((s) => !t.has(s));
+  const e = u.getState(), t = new Set(Object.values(e.roster).map((a) => a.sprite).filter(Boolean)), n = Me.find((a) => !t.has(a));
   if (!n)
-    return A("socket", "sprite_taken: no available sprites to retry with"), null;
-  const o = !!e.name && !ne(e.name), i = o ? e.name : te(n);
+    return k("socket", "sprite_taken: no available sprites to retry with"), null;
+  const o = !!e.name && !J(e.name), i = o ? e.name : de(n);
   return d("socket", "sprite_taken: retrying with next available", { from: e.sprite, to: n, name: i, keptCustomName: o }), e.setSessionIdentity(i, n), { name: i, sprite: n };
 }
 function jo(e) {
-  const t = m.getState(), n = e ? t.roster[e] : void 0;
+  const t = u.getState(), n = e ? t.roster[e] : void 0;
   return !n || !!n.sprite && n.sprite === t.sprite;
 }
-const Uo = 10;
-function Fo(e = typeof window < "u" ? window : void 0) {
+const Nt = "hadoku:avatar";
+function xn(e) {
+  const t = e?.sprite ?? e?.avatar?.sprite ?? null;
+  return tt(t) ? t : null;
+}
+async function Uo(e = {}) {
+  const t = e.fetch ?? (typeof fetch > "u" ? void 0 : fetch), n = typeof window > "u" ? void 0 : window.location?.origin, o = e.baseUrl ?? (n ? `${n}/prefs` : void 0);
+  if (!t || !o) return null;
+  try {
+    const i = await Wn({ baseUrl: o, fetch: t }).get(), a = xn(i);
+    return d("avatar", "Requested character from prefs-api", { sprite: a }), a;
+  } catch (i) {
+    return i instanceof ht && (i.status === 401 || i.status === 403 || i.status === 404) ? d("avatar", "No avatar settings here (signed out, or no prefs-api on this origin)", { status: i.status }) : k("avatar", "Avatar settings read failed — keeping the auto-assigned character", {
+      status: i instanceof ht ? i.status : void 0,
+      ...fe(i)
+    }), null;
+  }
+}
+function Rt(e) {
+  if (!e) return !1;
+  const t = u.getState();
+  if (t.sprite === e) return !1;
+  const o = !!(t.me.clientId && t.roster[t.me.clientId]?.registryName) || !t.name || !J(t.name) ? t.name : de(e);
+  return t.setSessionIdentity(o, e), !0;
+}
+function Fo(e, t = typeof window > "u" ? void 0 : window) {
+  if (!t) return () => {
+  };
+  const n = (o) => {
+    const i = o.detail;
+    !i || typeof i != "object" || e(i);
+  };
+  return t.addEventListener(Nt, n), () => t.removeEventListener(Nt, n);
+}
+const Ho = 10;
+function $o(e = typeof window < "u" ? window : void 0) {
   if (!e) return { framed: !1, depth: 0 };
   try {
     let t = 0, n = e;
-    for (; n !== n.parent && t < Uo; )
+    for (; n !== n.parent && t < Ho; )
       t++, n = n.parent;
     return { framed: e.top ? e.top !== e.self : t > 0, depth: t };
   } catch {
     return { framed: !1, depth: 0 };
   }
 }
-const Ho = "watchparty_fragment_delivery";
-function $o() {
+const Bo = "watchparty_fragment_delivery";
+function Go() {
   if (typeof window > "u") return null;
   try {
     const e = new URLSearchParams(window.location.search).get("fragmentDelivery");
@@ -1764,93 +1788,93 @@ function $o() {
     if (e === "0" || e === "false") return !1;
   } catch {
   }
-  return Jr(Ho);
+  return Jr(Bo);
 }
-let Bo = { ...rn }, Be = null;
-const Rt = "watchparty_delivery_client_id";
-function Go() {
-  const e = G(Rt);
+let Ko = { ...Zt }, He = null;
+const Dt = "watchparty_delivery_client_id";
+function Wo() {
+  const e = B(Dt);
   if (e) return e;
   const t = globalThis.crypto?.randomUUID?.() ?? `d${Math.random().toString(36).slice(2)}`;
-  return at(Rt, t) ? t : "";
+  return ot(Dt, t) ? t : "";
 }
-function Wo() {
-  return Be === null && (Be = _r(Bo, Go(), $o())), Be;
+function qo() {
+  return He === null && (He = _r(Ko, Wo(), Go())), He;
 }
-function Ko() {
-  return Wo();
+function Vo() {
+  return qo();
 }
-let Ee;
-function An() {
-  return G(qn) || void 0;
+let Ae;
+function In() {
+  return B(Gn) || void 0;
 }
-function qo() {
-  if (Ee) return;
-  const e = An();
+function Yo() {
+  if (Ae) return;
+  const e = In();
   if (e) {
-    Ee = e;
+    Ae = e;
     return;
   }
-  Kn().then((t) => {
-    t && (Ee = t);
+  Bn().then((t) => {
+    t && (Ae = t);
   }).catch(() => {
     d("identity", "device id unavailable — joining without one");
   });
 }
-function Vo() {
-  return Ee ??= An();
+function zo() {
+  return Ae ??= In();
 }
-function zo(e, t) {
+function Xo(e, t) {
   let n = 0;
   for (const o of e.videos) {
-    const i = oe.voteKey(t, e.id, o.mediaId);
-    globalThis.localStorage?.getItem(i) != null && n++, Me(i);
+    const i = te.voteKey(t, e.id, o.mediaId);
+    globalThis.localStorage?.getItem(i) != null && n++, Ne(i);
   }
   return n;
 }
-const Yo = 2e4, Xo = 1e4;
-function Jo() {
+const Jo = 2e4, Qo = 1e4;
+function Zo() {
   return { unansweredSince: null, lastPongAt: null, lastTickAt: null };
 }
-function Zo(e, t) {
+function ei(e, t) {
   e.lastPongAt = t, e.unansweredSince = null;
 }
-function Qo(e, t, n) {
-  const o = e.lastTickAt !== null && t - e.lastTickAt > Xo;
-  return e.lastTickAt = t, n ? o || e.unansweredSince === null ? (e.unansweredSince = t, !1) : t - e.unansweredSince > Yo : (e.unansweredSince = null, !1);
+function ti(e, t, n) {
+  const o = e.lastTickAt !== null && t - e.lastTickAt > Qo;
+  return e.lastTickAt = t, n ? o || e.unansweredSince === null ? (e.unansweredSince = t, !1) : t - e.unansweredSince > Jo : (e.unansweredSince = null, !1);
 }
-function ei(e, t) {
+function ni(e, t) {
   return e.lastPongAt === null ? void 0 : Math.max(0, t - e.lastPongAt);
 }
-let x = null, $ = null, Ae = null, B = null, z = null;
-const ti = oi(), ee = Jo();
-let _e = null, Ge = null, Dt = 0, mt = null, Qe = !1, pt = !1, le = !1, Nn = null;
-function ni(e) {
-  const t = ie(), n = m.getState();
+let S = null, H = null, Ee = null, $ = null, q = null;
+const ri = ai(), Z = Zo();
+let _e = null, $e = null, Ot = 0, dt = null, ue = !1, ut = !1, oe = !1, Cn = null;
+function oi(e) {
+  const t = ne(), n = u.getState();
   if (n.me.clientId && n.roster[n.me.clientId])
-    return (e.name || e.sprite) && (d("socket", "Identity update (already joined)", { name: e.name, sprite: e.sprite }), t.emit(I.IDENTITY_UPDATE, { name: e.name, sprite: e.sprite })), t;
-  const o = ri(e);
-  return z = o, mt = { name: o.name, sprite: o.sprite }, t.connected ? (d("socket", "Emitting join", o), t.emit(I.JOIN, o)) : t.once("connect", () => {
-    d("socket", "Emitting join", o), t.emit(I.JOIN, o);
+    return (e.name || e.sprite) && (d("socket", "Identity update (already joined)", { name: e.name, sprite: e.sprite }), t.emit(w.IDENTITY_UPDATE, { name: e.name, sprite: e.sprite })), t;
+  const o = ii(e);
+  return q = o, dt = { name: o.name, sprite: o.sprite }, t.connected ? (d("socket", "Emitting join", o), t.emit(w.JOIN, o)) : t.once("connect", () => {
+    d("socket", "Emitting join", o), t.emit(w.JOIN, o);
   }), t;
 }
-function ri(e) {
+function ii(e) {
   return {
     room_key: e.room_key,
     name: e.name,
     sprite: e.sprite,
     // Entry-path telemetry — see lib/embedContext.ts. Sent on every join AND
     // rejoin (lastJoinPayload carries it), so a reconnect keeps the attribution.
-    embed: Fo(),
-    delivery_arm: Ko(),
+    embed: $o(),
+    delivery_arm: Vo(),
     // Identity tier input — see lib/deviceId.ts. Sent on every join AND rejoin
     // (lastJoinPayload carries it) so a reconnect lands on the same
     // ParticipantId rather than minting a new person.
-    device_id: Vo(),
-    tab_id: ti
+    device_id: zo(),
+    tab_id: ri
   };
 }
-function oi() {
+function ai() {
   const e = globalThis.crypto;
   if (e && typeof e.randomUUID == "function") return e.randomUUID();
   const t = new Uint8Array(16);
@@ -1858,67 +1882,67 @@ function oi() {
   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 ie() {
-  if (!x) {
-    let t = he().serverOrigin || "/";
+function ne() {
+  if (!S) {
+    let t = me().serverOrigin || "/";
     if (t === "/" && typeof window < "u") {
       const o = window.location;
-      (o.hostname === "localhost" || o.hostname === "127.0.0.1") && o.port === String(zt) && (t = `${o.protocol}//${o.hostname}:${tt}`, d("socket", "Using dev fallback origin", { origin: t }));
+      (o.hostname === "localhost" || o.hostname === "127.0.0.1") && o.port === String(Wt) && (t = `${o.protocol}//${o.hostname}:${Qe}`, d("socket", "Using dev fallback origin", { origin: t }));
     }
     const n = new URL(t.startsWith("http") ? t : `${window.location.origin}${t}`).origin;
-    x = Vn(n, { path: Jn, transports: ["websocket", "polling"] }), d("socket", "Socket initialized", { origin: t }), Fe("__SOCKET__", x), B && (clearTimeout(B), B = null), $ = null, Ae = setInterval(() => {
-      if (Qo(ee, Date.now(), !!x?.connected)) {
-        A("socket", "PONG-WATCHDOG no time_pong for 20s — replacing the connection", {
-          sid: x?.id,
-          lastPongAgeMs: ei(ee, Date.now()) ?? null
-        }), Ge = "pong-watchdog", ee.unansweredSince = null, x?.io.engine?.close();
+    S = Kn(n, { path: zn, transports: ["websocket", "polling"] }), d("socket", "Socket initialized", { origin: t }), Ue("__SOCKET__", S), $ && (clearTimeout($), $ = null), H = null, Ee = setInterval(() => {
+      if (ti(Z, Date.now(), !!S?.connected)) {
+        k("socket", "PONG-WATCHDOG no time_pong for 20s — replacing the connection", {
+          sid: S?.id,
+          lastPongAgeMs: ni(Z, Date.now()) ?? null
+        }), $e = "pong-watchdog", Z.unansweredSince = null, S?.io.engine?.close();
         return;
       }
-      hi();
-    }, br), x.on("connect", () => {
-      pt = !1;
-      const o = x?.id;
-      if (d("socket", "Connected", { id: o, isReconnect: le }), o)
+      bi();
+    }, gr), S.on("connect", () => {
+      ut = !1;
+      const o = S?.id;
+      if (d("socket", "Connected", { id: o, isReconnect: oe }), o)
         try {
-          m.getState().ensureMe(o), m.setState((i) => ({ me: { ...i.me, nextClientSeq: 1 } })), d("socket", "Reset client sequence for new connection");
+          u.getState().ensureMe(o), u.setState((i) => ({ me: { ...i.me, nextClientSeq: 1 } })), d("socket", "Reset client sequence for new connection");
         } catch (i) {
-          ue("socket", "Failed to initialize store on connect", { error: i.message, sid: o });
+          ke("socket", "Failed to initialize store on connect", { error: i.message, sid: o });
         }
-      if (le && z) {
-        const i = m.getState();
-        Dt += 1;
-        const s = {
-          ...z,
+      if (oe && q) {
+        const i = u.getState();
+        Ot += 1;
+        const a = {
+          ...q,
           name: i.name,
           sprite: i.sprite,
           reconnect: {
-            count: Dt,
+            count: Ot,
             reason: (_e?.reason ?? "unknown").slice(0, 64),
             offline_ms: _e ? Math.max(0, Date.now() - _e.at) : 0
           }
-        }, a = Nn;
-        if (d("socket", "Re-emitting join after reconnect", { room_key: s.room_key, name: s.name, sprite: s.sprite }), a) {
-          let c = !1;
-          const f = () => {
-            c || (c = !0, x.off(I.SNAPSHOT, f), x.emit(I.CLIENT_READY, { media_id: a }), d("socket", "Re-emitted client_ready after reconnect snapshot", { mediaId: a }));
+        }, s = Cn;
+        if (d("socket", "Re-emitting join after reconnect", { room_key: a.room_key, name: a.name, sprite: a.sprite }), s) {
+          let l = !1;
+          const p = () => {
+            l || (l = !0, S.off(w.SNAPSHOT, p), S.emit(w.CLIENT_READY, { media_id: s }), d("socket", "Re-emitted client_ready after reconnect snapshot", { mediaId: s }));
           };
-          x.on(I.SNAPSHOT, f), setTimeout(() => {
-            c || (c = !0, x.off(I.SNAPSHOT, f), A("socket", "client_ready re-emit timed out waiting for snapshot", { mediaId: a }));
+          S.on(w.SNAPSHOT, p), setTimeout(() => {
+            l || (l = !0, S.off(w.SNAPSHOT, p), k("socket", "client_ready re-emit timed out waiting for snapshot", { mediaId: s }));
           }, 1e4);
         }
-        mt = { name: s.name, sprite: s.sprite }, x.emit(I.JOIN, s), window.dispatchEvent(new CustomEvent("watchparty:socket-reconnect"));
-      } else le && A("socket", "Reconnected — no join payload, not re-joining any room");
-      le = !0;
-    }), x.on("disconnect", (o) => {
-      Sn(null), _e = { reason: Ge ?? o, at: Date.now() }, Ge = null, d("socket", "Disconnected", { reason: o });
-    }), x.on("connect_error", (o) => ue("socket", "Connection error", { message: o?.message })), x.on("reconnect_attempt", (o) => A("socket", "Reconnect attempt", { attempt: o })), x.on("reconnect_failed", () => ue("socket", "Reconnect failed")), pi(x);
+        dt = { name: a.name, sprite: a.sprite }, S.emit(w.JOIN, a), window.dispatchEvent(new CustomEvent("watchparty:socket-reconnect"));
+      } else oe && k("socket", "Reconnected — no join payload, not re-joining any room");
+      oe = !0;
+    }), S.on("disconnect", (o) => {
+      pn(null), _e = { reason: $e ?? o, at: Date.now() }, $e = null, d("socket", "Disconnected", { reason: o });
+    }), S.on("connect_error", (o) => ke("socket", "Connection error", { message: o?.message })), S.on("reconnect_attempt", (o) => k("socket", "Reconnect attempt", { attempt: o })), S.on("reconnect_failed", () => ke("socket", "Reconnect failed")), hi(S);
   }
-  return x;
+  return S;
 }
-function We(e) {
+function Be(e) {
   return e.play_state === "playing" || e.playing === !0;
 }
-function Lt(e, t) {
+function Mt(e, t) {
   return {
     id: String(e.id ?? e.server_seq ?? t ?? `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`),
     clientId: e.client_id,
@@ -1930,52 +1954,52 @@ function Lt(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 && et(n.key)).slice(0, Y) : void 0,
+    images: Array.isArray(e.images) ? e.images.filter((n) => !!n && Je(n.key)).slice(0, V) : void 0,
     isSystem: e.isSystem || !1,
     systemType: e.systemType
   };
 }
-function ii(e) {
-  e.on(I.SNAPSHOT, (t) => {
-    e.emit(tn.SYNC), m.getState().applySnapshot({
+function si(e) {
+  e.on(w.SNAPSHOT, (t) => {
+    e.emit(Qt.SYNC), u.getState().applySnapshot({
       roomId: t.room_id ?? null,
       mediaId: t.media_id ?? null,
       playheadMs: t.playhead_ms || 0,
-      playing: We(t),
+      playing: Be(t),
       serverSeq: t.server_seq || 0,
       leaderId: t.leader_id || null
-    }), m.getState().name || d("socket", "Deferring identity to presence event (snapshot carries no roster)");
-    const n = m.getState(), o = x?.id, s = (o ? n.roster[o] : void 0) ?? mt, a = zn(
+    }), u.getState().name || d("socket", "Deferring identity to presence event (snapshot carries no roster)");
+    const n = u.getState(), o = S?.id, a = (o ? n.roster[o] : void 0) ?? dt, s = qn(
       { name: n.name, avatarId: n.sprite },
-      s ? { name: s.name, avatarId: s.sprite ?? null } : void 0,
+      a ? { name: a.name, avatarId: a.sprite ?? null } : void 0,
       // A join that carried no name counts as a default one, so a name that
       // landed after the join (prefs) is still asserted.
-      (c) => c === "" || ne(c)
+      (l) => l === "" || J(l)
     );
-    if (a) {
-      const c = {
-        ...a.name !== void 0 ? { name: a.name } : {},
-        ...a.avatarId !== void 0 && !pt ? { sprite: a.avatarId } : {}
+    if (s) {
+      const l = {
+        ...s.name !== void 0 ? { name: s.name } : {},
+        ...s.avatarId !== void 0 && !ut ? { sprite: s.avatarId } : {}
       };
-      Object.keys(c).length > 0 && (d("socket", "Identity update on snapshot", c), e.emit(I.IDENTITY_UPDATE, c));
+      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: We(t),
+      playing: Be(t),
       leaderId: t.leader_id || null,
       serverSeq: t.server_seq || 0,
       rosterSize: Object.keys(n.roster).length
-    }), z?.room_key && x?.id && Sn({ room_key: z.room_key, client_id: x.id });
-  }), e.on(I.CONTROL_BROADCAST, (t) => {
-    const n = m.getState();
+    }), q?.room_key && S?.id && pn({ room_key: q.room_key, client_id: S.id });
+  }), e.on(w.CONTROL_BROADCAST, (t) => {
+    const n = u.getState();
     if (Object.prototype.hasOwnProperty.call(t, "media_id")) {
       const o = t.media_id ?? null;
       n.snapshot.mediaId !== o && (n.applySnapshot({ mediaId: o }), o && n.setReadiness({ mediaId: o, ready: !1, readyCount: 0, total: 0 }), n.bumpLoadGeneration());
     }
     n.updateControlState({
       playheadMs: t.playhead_ms,
-      playing: We(t),
+      playing: Be(t),
       serverSeq: t.server_seq,
       leaderId: t.leader_id ?? n.snapshot.leaderId
     }), d("socket", "Control broadcast received", {
@@ -1985,128 +2009,129 @@ function ii(e) {
       playState: t.play_state,
       mediaId: t.media_id
     });
-  }), e.on(I.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(I.TIME_PONG, (t) => {
-    if (Zo(ee, Date.now()), $ && $.ts) {
-      const n = Date.now() - $.ts;
-      m.getState().addRttSample(n, t?.server_ts, $.ts), $ = null, B && (clearTimeout(B), B = null), d("socket", "Time sync RTT", { rtt: n, offset: m.getState().drift.offsetMs });
+  }), e.on(w.TIME_PONG, (t) => {
+    if (ei(Z, Date.now()), H && H.ts) {
+      const n = Date.now() - H.ts;
+      u.getState().addRttSample(n, t?.server_ts, H.ts), H = null, $ && (clearTimeout($), $ = null), d("socket", "Time sync RTT", { rtt: n, offset: u.getState().drift.offsetMs });
     }
-  }), e.on(I.READY_STATE, (t) => {
+  }), e.on(w.READY_STATE, (t) => {
     if (!t) return;
-    const n = t.media_id ?? null, o = typeof t.ready_count == "number" ? t.ready_count : 0, i = typeof t.total == "number" ? t.total : 0, s = t.ready === !0;
-    m.getState().setReadiness({ mediaId: n, ready: s, readyCount: o, total: i }), d("socket", "Ready state received", { mediaId: n, readyCount: o, total: i, ready: s });
+    const n = t.media_id ?? null, o = typeof t.ready_count == "number" ? t.ready_count : 0, i = typeof t.total == "number" ? t.total : 0, a = t.ready === !0;
+    u.getState().setReadiness({ mediaId: n, ready: a, readyCount: o, total: i }), d("socket", "Ready state received", { mediaId: n, readyCount: o, total: i, ready: a });
   });
 }
-function ai(e) {
-  e.on(I.PRESENCE, (t) => {
+function li(e) {
+  e.on(w.PRESENCE, (t) => {
     if (!t) return;
     if (Array.isArray(t.users)) {
       const o = {};
-      for (const c of t.users)
-        o[c.client_id] = {
-          clientId: c.client_id,
-          ...c.author ? { author: c.author } : {},
-          name: c.name || "Anon",
-          sprite: c.sprite_id ?? c.sprite ?? null,
-          isLeader: c.is_leader,
-          ...c.registry_name ? { registryName: !0 } : {}
+      for (const l of t.users)
+        o[l.client_id] = {
+          clientId: l.client_id,
+          ...l.author ? { author: l.author } : {},
+          name: l.name || "Anon",
+          sprite: l.sprite_id ?? l.sprite ?? null,
+          isLeader: l.is_leader,
+          ...l.registry_name ? { registryName: !0 } : {},
+          ...l.avatar_url ? { avatarUrl: l.avatar_url } : {}
         };
-      const i = m.getState(), s = x?.id, a = s ? o[s] : void 0;
-      if (a?.registryName)
-        m.setState({ roster: o }), (a.name !== i.name || a.sprite && a.sprite !== i.sprite) && (d("socket", "Adopting registry name", { from: i.name, to: a.name }), m.getState().setSessionIdentity(a.name, a.sprite ?? i.sprite));
-      else if (s && o[s]) {
-        const c = o[s].name, f = o[s].sprite;
-        if (i.name && !ne(i.name) && (o[s].name = i.name), m.setState({ roster: o }), f && f !== i.sprite) {
-          const g = i.name && !ne(i.name), p = g ? i.name : te(f);
-          d("socket", "Server reassigned sprite", { from: i.sprite, to: f, newName: p, preservingCustomName: g }), m.getState().setSessionIdentity(p, f), p !== c && e.emit(I.IDENTITY_UPDATE, { name: p });
+      const i = u.getState(), a = S?.id, s = a ? o[a] : void 0;
+      if (s?.registryName)
+        u.setState({ roster: o }), (s.name !== i.name || s.sprite && s.sprite !== i.sprite) && (d("socket", "Adopting registry name", { from: i.name, to: s.name }), u.getState().setSessionIdentity(s.name, s.sprite ?? i.sprite));
+      else if (a && o[a]) {
+        const l = o[a].name, p = o[a].sprite;
+        if (i.name && !J(i.name) && (o[a].name = i.name), u.setState({ roster: o }), p && p !== i.sprite) {
+          const h = i.name && !J(i.name), f = h ? i.name : de(p);
+          d("socket", "Server reassigned sprite", { from: i.sprite, to: p, newName: f, preservingCustomName: h }), u.getState().setSessionIdentity(f, p), f !== l && e.emit(w.IDENTITY_UPDATE, { name: f });
         }
       }
     }
     d("socket", "Received presence update", t);
-    const n = m.getState();
+    const n = u.getState();
     if (!n.name) {
       n.ensureAutoIdentity?.();
-      const o = m.getState();
-      o.name && (d("socket", "Auto-assigned identity on presence", { name: o.name, sprite: o.sprite }), e.emit(I.IDENTITY_UPDATE, { name: o.name, sprite: o.sprite || void 0 }));
+      const o = u.getState();
+      o.name && (d("socket", "Auto-assigned identity on presence", { name: o.name, sprite: o.sprite }), e.emit(w.IDENTITY_UPDATE, { name: o.name, sprite: o.sprite || void 0 }));
     }
   });
 }
-function si(e) {
-  e.on(I.CHAT_BROADCAST, (t) => {
-    const n = Lt(t, t.server_seq);
-    m.getState().appendChat(n), d("chat", "Message received", n);
-  }), e.on(I.CHAT_HISTORY, (t) => {
+function ci(e) {
+  e.on(w.CHAT_BROADCAST, (t) => {
+    const n = Mt(t, t.server_seq);
+    u.getState().appendChat(n), d("chat", "Message received", n);
+  }), e.on(w.CHAT_HISTORY, (t) => {
     if (!t?.messages || !Array.isArray(t.messages)) return;
-    const n = t.messages.map((o) => Lt(o));
-    m.getState().setChat(n), d("chat", "History loaded", { count: n.length });
+    const n = t.messages.map((o) => Mt(o));
+    u.getState().setChat(n), d("chat", "History loaded", { count: n.length });
   });
 }
-function li(e) {
-  e.on(ye.STATE, (t) => {
-    m.getState().applyPlaylistState({
+function di(e) {
+  e.on(be.STATE, (t) => {
+    u.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(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) => {
+  }), e.on(be.VOTE_PROGRESS, (t) => {
+    u.getState().setVoteProgress(t?.progress ?? []), d("playlist", "Vote progress", { progressCount: t?.progress?.length });
+  }), e.on(be.RESULTS, (t) => {
+    u.getState().setPlaylistResults(t ?? null), d("playlist", "Results received", { playlistId: t?.playlist?.id, update: t?.update === !0 });
+  }), e.on(be.VOTES_CLEARED, (t) => {
     if (!t?.playlistId || !Array.isArray(t.mediaIds)) return;
-    const n = zo(
+    const n = Xo(
       { id: t.playlistId, videos: t.mediaIds.map((i) => ({ mediaId: i })) },
       bo()
-    ), o = m.getState();
+    ), o = u.getState();
     o.playlist?.id === t.playlistId && o.applyPlaylistState({ playlist: o.playlist, activeIndex: o.activePlaylistIndex, myVotes: {} }), d("playlist", "Votes cleared by leader", { playlistId: t.playlistId, removed: n });
   });
 }
-function ci(e) {
-  e.on(dr.UPDATED, () => {
-    d("tierlist", "Someone saved — refreshing the board"), Ro(!1);
+function ui(e) {
+  e.on(lr.UPDATED, () => {
+    d("tierlist", "Someone saved — refreshing the board"), Oo(!1);
   });
 }
-function di(e) {
-  e.on(ur.STATE, (t) => {
+function mi(e) {
+  e.on(cr.STATE, (t) => {
     if (!t || typeof t.active != "boolean") return;
     const n = Array.isArray(t.ready) ? t.ready.filter((o) => typeof o == "string") : [];
-    m.getState().setReadyCheckState({ active: t.active, ready: n }), d("ready-check", "State received", { active: t.active, readyCount: n.length });
+    u.getState().setReadyCheckState({ active: t.active, ready: n }), d("ready-check", "State received", { active: t.active, readyCount: n.length });
   });
 }
-function ui(e) {
-  e.on(tn.ACTIVE, (t) => {
+function fi(e) {
+  e.on(Qt.ACTIVE, (t) => {
     const n = typeof t?.gameId == "string" ? t.gameId : null;
-    m.getState().setActiveGameId(n), t?.sessionWins && typeof t.sessionWins == "object" ? m.getState().setGameSessionWins(t.sessionWins) : n === null && m.getState().setGameSessionWins({}), typeof t?.botCount == "number" ? m.getState().setGameBotCount(t.botCount) : n === null && m.getState().setGameBotCount(0), d("game", "game_active", { gameId: n, sessionWins: t?.sessionWins, botCount: t?.botCount });
+    u.getState().setActiveGameId(n), t?.sessionWins && typeof t.sessionWins == "object" ? u.getState().setGameSessionWins(t.sessionWins) : n === null && u.getState().setGameSessionWins({}), typeof t?.botCount == "number" ? u.getState().setGameBotCount(t.botCount) : n === null && u.getState().setGameBotCount(0), d("game", "game_active", { gameId: n, sessionWins: t?.sessionWins, botCount: t?.botCount });
   });
 }
-function mi(e) {
-  e.on(I.HEALTH_SNAPSHOT, (t) => {
-    m.getState().setHealthSnapshot(t);
-  }), e.on(I.BUFFER_STATUS, (t) => {
-    m.getState().setBufferStatus(t);
+function pi(e) {
+  e.on(w.HEALTH_SNAPSHOT, (t) => {
+    u.getState().setHealthSnapshot(t);
+  }), e.on(w.BUFFER_STATUS, (t) => {
+    u.getState().setBufferStatus(t);
   });
 }
-function pi(e) {
-  ii(e), ai(e), si(e), mi(e), li(e), ci(e), di(e), ui(e), e.on(I.ERROR, (t) => {
+function hi(e) {
+  si(e), li(e), ci(e), pi(e), di(e), ui(e), mi(e), fi(e), e.on(w.ERROR, (t) => {
     const n = t?.code || "error/unknown";
     if (n === "conflict" && t?.message === "sprite_held_by_you") {
-      pt = !0, d("socket", "sprite held by this account's other connection: keeping the server-assigned sprite");
+      ut = !0, d("socket", "sprite held by this account's other connection: keeping the server-assigned sprite");
       return;
     }
     if (n === "conflict" && t?.message === "sprite_taken") {
-      if (jo(x?.id)) {
+      if (jo(S?.id)) {
         d("socket", "sprite_taken: stale, the server already has our sprite");
         return;
       }
-      Qe = !0;
-      let a;
+      ue = !0;
+      let s;
       try {
-        a = Lo();
+        s = Lo();
       } finally {
-        Qe = !1;
+        ue = !1;
       }
-      a && e.emit(I.IDENTITY_UPDATE, a);
+      s && e.emit(w.IDENTITY_UPDATE, s);
       return;
     }
     const i = {
@@ -2127,44 +2152,55 @@ function pi(e) {
       "recap/not_found": "No recap available for the previous episode."
     }[n] || n;
     if (n.startsWith("recap/")) {
-      d("socket", `recap unavailable: ${i}`, { code: n }), m.getState().pushToast("info", i);
+      d("socket", `recap unavailable: ${i}`, { code: n }), u.getState().pushToast("info", i);
       return;
     }
-    (n.startsWith("auth/") ? A : ue)("socket", `Server error: ${i}`, { code: n, raw: t }), m.getState().pushToast("error", i);
+    (n.startsWith("auth/") ? k : ke)("socket", `Server error: ${i}`, { code: n, raw: t }), u.getState().pushToast("error", i);
   });
 }
-function fi(e, t) {
-  ie().emit(I.CHAT_SEND, t?.length ? { text: e, images: t } : { text: e });
+function gi(e, t) {
+  ne().emit(w.CHAT_SEND, t?.length ? { text: e, images: t } : { text: e });
 }
-function hi() {
-  $ || ($ = { ts: Date.now() }, ie().emit(I.TIME_PING, {}), B = setTimeout(() => {
-    $ && (d("socket", "Time ping timed out after 10s, clearing inflight"), $ = null), B = null;
+function bi() {
+  H || (H = { ts: Date.now() }, ne().emit(w.TIME_PING, {}), $ = setTimeout(() => {
+    H && (d("socket", "Time ping timed out after 10s, clearing inflight"), H = null), $ = null;
   }, 1e4));
 }
-function gi(e, t) {
-  const n = {};
-  e && (n.name = e), t && (n.sprite = t), !(!n.name && !n.sprite) && (d("socket", "Sending identity update", n), ie().emit(I.IDENTITY_UPDATE, n));
+function Tn(e) {
+  const t = u.getState(), n = t.me.clientId;
+  if (!n || !t.roster[n]) {
+    Rt(e), d("socket", "Avatar change before join: the join will carry it", { sprite: e });
+    return;
+  }
+  ue = !0;
+  try {
+    Rt(e);
+  } finally {
+    ue = !1;
+  }
+  const o = u.getState(), i = { avatar: !0 };
+  o.sprite && o.sprite !== t.sprite && (i.sprite = o.sprite), o.name && o.name !== t.name && (i.name = o.name), d("socket", "Sending avatar change", i), ne().emit(w.IDENTITY_UPDATE, i);
 }
-let xe = { name: "", sprite: "" };
-m.subscribe((e, t) => {
-  if (e.name === t.name && e.sprite === t.sprite || Qe) return;
+let we = { name: "", sprite: "" };
+u.subscribe((e, t) => {
+  if (e.name === t.name && e.sprite === t.sprite || ue) return;
   const n = e.me.clientId;
   if (!n) return;
   const o = e.roster[n];
   if (!o) return;
-  const i = !!e.name && !ne(e.name) && e.name !== xe.name && (ne(o.name || "") || o.name !== e.name), s = !!e.sprite && e.sprite !== xe.sprite && o.sprite !== e.sprite;
-  if (!i && !s) return;
-  const a = {};
-  i && (a.name = e.name, xe.name = e.name), s && (a.sprite = e.sprite, xe.sprite = e.sprite), d("socket", "Identity reassert (store change)", a), x?.connected ? x.emit(I.IDENTITY_UPDATE, a) : ie().emit(I.IDENTITY_UPDATE, a);
+  const i = !!e.name && !J(e.name) && e.name !== we.name && (J(o.name || "") || o.name !== e.name), a = !!e.sprite && e.sprite !== we.sprite && o.sprite !== e.sprite;
+  if (!i && !a) return;
+  const s = {};
+  i && (s.name = e.name, we.name = e.name), a && (s.sprite = e.sprite, we.sprite = e.sprite), d("socket", "Identity reassert (store change)", s), S?.connected ? S.emit(w.IDENTITY_UPDATE, s) : ne().emit(w.IDENTITY_UPDATE, s);
 });
-function bi() {
-  Ae && (clearInterval(Ae), Ae = null), B && (clearTimeout(B), B = null), $ = null, ee.unansweredSince = null, ee.lastTickAt = null;
-}
 function yi() {
-  d("socket", "clearJoinState called", { hadPayload: z !== null, room_key: z?.room_key }), z = null, le = !1, Nn = null;
+  Ee && (clearInterval(Ee), Ee = null), $ && (clearTimeout($), $ = null), H = null, Z.unansweredSince = null, Z.lastTickAt = null;
 }
-function jt() {
-  d("socket", "leaveRoom called", { room_key: z?.room_key }), yi(), bi(), x && (x.disconnect(), x = null), m.setState({
+function vi() {
+  d("socket", "clearJoinState called", { hadPayload: q !== null, room_key: q?.room_key }), q = null, oe = !1, Cn = null;
+}
+function Lt() {
+  d("socket", "leaveRoom called", { room_key: q?.room_key }), vi(), yi(), S && (S.disconnect(), S = null), u.setState({
     me: { clientId: null, nextClientSeq: 1 },
     roster: {},
     snapshot: { roomId: null, mediaId: null, playheadMs: 0, playing: !1, serverSeq: 0, leaderId: null },
@@ -2180,22 +2216,51 @@ function jt() {
     gameSessionWins: {}
   });
 }
-function vi() {
-  d("chat", "Emitting recap_request"), ie().emit("recap_request");
+function Si() {
+  d("chat", "Emitting recap_request"), ne().emit("recap_request");
+}
+function _i() {
+  D(() => Fo((e) => {
+    const t = xn(e);
+    d("avatar", "Avatar changed in the settings popout", { sprite: t, source: e.avatar?.source }), Tn(t);
+  }), []);
+}
+function wi(e, t) {
+  if (t) {
+    for (const n of Object.values(e))
+      if (n.author === t && n.avatarUrl) return n.avatarUrl;
+  }
 }
-function Si(e) {
+function kn({ sprite: e, url: t, alt: n = "", className: o, fallback: i }) {
+  const [a, s] = R(null);
+  if (t && t !== a)
+    return /* @__PURE__ */ c(
+      "img",
+      {
+        src: t,
+        alt: n,
+        referrerPolicy: "no-referrer",
+        className: o,
+        draggable: !1,
+        onError: () => s(t)
+      }
+    );
+  const l = yo(e);
+  return l ? /* @__PURE__ */ c("img", { src: l, alt: n, crossOrigin: "anonymous", className: o, draggable: !1 }) : /* @__PURE__ */ c(le, { children: i });
+}
+function xi(e) {
   return !(e.button !== 0 || e.ctrlKey || e.metaKey || e.shiftKey || e.altKey);
 }
-function wi({ src: e, title: t, onClose: n }) {
-  O(() => {
-    const s = (a) => {
-      a.key === "Escape" && (a.stopPropagation(), n());
+function Ii({ src: e, title: t, onClose: n }) {
+  D(() => {
+    const a = (s) => {
+      s.key === "Escape" && (s.stopPropagation(), n());
     };
-    return document.addEventListener("keydown", s, !0), () => document.removeEventListener("keydown", s, !0);
+    return document.addEventListener("keydown", a, !0), () => document.removeEventListener("keydown", a, !0);
   }, [n]);
-  const o = Yr(), i = typeof document > "u" ? null : document.fullscreenElement ?? o ?? document.body;
-  return i ? Yn(
-    /* @__PURE__ */ b(
+  const o = zr(), i = typeof document > "u" ? null : document.fullscreenElement ?? o ?? document.body;
+  return i ? Vn(
+    /* @__PURE__ */ _(
       "div",
       {
         className: "fixed inset-0 z-[10000] flex flex-col items-center justify-center bg-black/85 p-6",
@@ -2205,18 +2270,18 @@ function wi({ src: e, title: t, onClose: n }) {
         "aria-modal": "true",
         "aria-label": t || "Image",
         children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ c(
             "img",
             {
               src: e,
               alt: t ?? "",
-              onClick: (s) => s.stopPropagation(),
+              onClick: (a) => a.stopPropagation(),
               className: "max-h-full max-w-full rounded object-contain shadow-2xl",
               "data-testid": "chat-image-lightbox-img"
             }
           ),
-          t && /* @__PURE__ */ l("p", { className: "mt-3 max-w-full truncate text-center text-sm text-white/80", children: t }),
-          /* @__PURE__ */ l(
+          t && /* @__PURE__ */ c("p", { className: "mt-3 max-w-full truncate text-center text-sm text-white/80", children: t }),
+          /* @__PURE__ */ c(
             "button",
             {
               type: "button",
@@ -2232,13 +2297,13 @@ function wi({ src: e, title: t, onClose: n }) {
     i
   ) : null;
 }
-const Ke = 240, _i = 320;
-function xi({ image: e }) {
-  const [t, n] = P(!1), o = Pe(e.key);
+const Ge = 240, Ci = 320;
+function Ti({ image: e }) {
+  const [t, n] = R(!1), o = Pe(e.key);
   if (!o) return null;
-  const i = e.w > 0 && e.h > 0, s = i ? Math.min(1, _i / e.w, Ke / e.h) : 1;
-  return /* @__PURE__ */ b(Ne, { children: [
-    /* @__PURE__ */ l(
+  const i = e.w > 0 && e.h > 0, a = i ? Math.min(1, Ci / e.w, Ge / e.h) : 1;
+  return /* @__PURE__ */ _(le, { children: [
+    /* @__PURE__ */ c(
       "a",
       {
         href: o,
@@ -2246,26 +2311,26 @@ function xi({ image: e }) {
         rel: "noreferrer noopener",
         className: "block max-w-full cursor-zoom-in",
         "data-testid": "chat-image",
-        onClick: (a) => {
-          Si(a) && (a.preventDefault(), n(!0));
+        onClick: (s) => {
+          xi(s) && (s.preventDefault(), n(!0));
         },
-        children: /* @__PURE__ */ l(
+        children: /* @__PURE__ */ c(
           "img",
           {
             src: o,
             alt: e.title ?? "",
             loading: "lazy",
             decoding: "async",
-            width: i ? Math.round(e.w * s) : void 0,
-            height: i ? Math.round(e.h * s) : void 0,
+            width: i ? Math.round(e.w * a) : void 0,
+            height: i ? Math.round(e.h * a) : void 0,
             className: "rounded border border-border-light object-contain bg-bg-alt/30",
-            style: i ? { aspectRatio: `${e.w} / ${e.h}`, maxWidth: "100%", maxHeight: Ke } : { maxWidth: "100%", maxHeight: Ke }
+            style: i ? { aspectRatio: `${e.w} / ${e.h}`, maxWidth: "100%", maxHeight: Ge } : { maxWidth: "100%", maxHeight: Ge }
           }
         )
       }
     ),
-    t && /* @__PURE__ */ l(
-      wi,
+    t && /* @__PURE__ */ c(
+      Ii,
       {
         src: o,
         title: e.title,
@@ -2274,80 +2339,81 @@ function xi({ image: e }) {
     )
   ] });
 }
-function Ci({ images: e }) {
-  return e?.length ? /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-1 mt-1", "data-testid": "chat-images", children: e.map((t, n) => /* @__PURE__ */ l(xi, { image: t }, `${t.key}-${n}`)) }) : null;
+function ki({ images: e }) {
+  return e?.length ? /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-1 mt-1", "data-testid": "chat-images", children: e.map((t, n) => /* @__PURE__ */ c(Ti, { image: t }, `${t.key}-${n}`)) }) : null;
 }
-function ki(e, t) {
+function Ai(e, t) {
   return e.author && t.author ? e.author === t.author : !!t.clientId && e.clientId === t.clientId;
 }
-function qe(e) {
+function Ke(e) {
   return new Date(e).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
 }
-const Ii = Bt.memo(function({ message: t }) {
-  const n = m((a) => a.me.clientId), o = m((a) => a.me.clientId ? a.roster[a.me.clientId]?.author : void 0), i = ki(t, { clientId: n, author: o });
+const Ei = Ht.memo(function({ message: t }) {
+  const n = u((l) => l.me.clientId), o = u((l) => l.me.clientId ? l.roster[l.me.clientId]?.author : void 0), i = Ai(t, { clientId: n, author: o }), a = u((l) => wi(l.roster, t.author));
   if (t.isSystem && t.systemType === "recap")
-    return /* @__PURE__ */ l("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ b("div", { className: "border-l-2 border-border-light pl-2.5 py-0.5", children: [
-      /* @__PURE__ */ b("div", { className: "text-[10px] uppercase tracking-wide text-text-muted mb-0.5", children: [
+    return /* @__PURE__ */ c("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ _("div", { className: "border-l-2 border-border-light pl-2.5 py-0.5", children: [
+      /* @__PURE__ */ _("div", { className: "text-[10px] uppercase tracking-wide text-text-muted mb-0.5", children: [
         "Recap",
-        /* @__PURE__ */ l("span", { className: "ml-1.5 normal-case tracking-normal opacity-60", children: qe(t.ts) })
+        /* @__PURE__ */ c("span", { className: "ml-1.5 normal-case tracking-normal opacity-60", children: Ke(t.ts) })
       ] }),
-      /* @__PURE__ */ l("p", { className: "text-[13px] text-text-secondary leading-relaxed whitespace-pre-wrap break-words", children: t.text })
+      /* @__PURE__ */ c("p", { className: "text-[13px] text-text-secondary leading-relaxed whitespace-pre-wrap break-words", children: t.text })
     ] }) });
   if (t.isSystem)
-    return /* @__PURE__ */ b("div", { className: "px-2 py-0.5 text-[11px] text-text-muted italic text-center leading-tight", children: [
+    return /* @__PURE__ */ _("div", { className: "px-2 py-0.5 text-[11px] text-text-muted italic text-center leading-tight", children: [
       t.text,
-      /* @__PURE__ */ l("span", { className: "ml-1 text-[10px] opacity-50", children: qe(t.ts) })
+      /* @__PURE__ */ c("span", { className: "ml-1 text-[10px] opacity-50", children: Ke(t.ts) })
     ] });
-  const s = _n(t.sprite);
-  return /* @__PURE__ */ b("div", { className: `flex items-start gap-2 px-2 py-1 hover:bg-bg-card/20 ${i ? "bg-bg-card/30" : ""}`, children: [
-    fe(t.sprite) ? /* @__PURE__ */ l(
-      "img",
+  const s = gn(t.sprite);
+  return /* @__PURE__ */ _("div", { className: `flex items-start gap-2 px-2 py-1 hover:bg-bg-card/20 ${i ? "bg-bg-card/30" : ""}`, children: [
+    /* @__PURE__ */ c(
+      kn,
       {
-        src: He(t.sprite),
-        alt: t.sprite,
-        crossOrigin: "anonymous",
-        className: "w-8 h-8 rounded-full object-cover flex-shrink-0"
+        sprite: t.sprite,
+        url: a,
+        alt: t.name,
+        className: "w-8 h-8 rounded-full object-cover flex-shrink-0",
+        fallback: /* @__PURE__ */ c("span", { className: "w-8 h-8 bg-bg-alt/50 rounded-full flex-shrink-0" })
       }
-    ) : /* @__PURE__ */ l("span", { className: "w-8 h-8 bg-bg-alt/50 rounded-full flex-shrink-0" }),
-    /* @__PURE__ */ b("div", { className: "flex-1 min-w-0 -mt-0.5", children: [
-      /* @__PURE__ */ l("span", { className: "font-medium text-[13px]", style: { color: s }, children: t.name }),
-      /* @__PURE__ */ l("span", { className: "text-[10px] text-text-muted opacity-60 ml-1.5", children: qe(t.ts) }),
-      t.text && /* @__PURE__ */ l("p", { className: "text-[13px] text-text break-words leading-snug m-0", children: t.text }),
-      /* @__PURE__ */ l(Ci, { images: t.images })
+    ),
+    /* @__PURE__ */ _("div", { className: "flex-1 min-w-0 -mt-0.5", children: [
+      /* @__PURE__ */ c("span", { className: "font-medium text-[13px]", style: { color: s }, children: t.name }),
+      /* @__PURE__ */ c("span", { className: "text-[10px] text-text-muted opacity-60 ml-1.5", children: Ke(t.ts) }),
+      t.text && /* @__PURE__ */ c("p", { className: "text-[13px] text-text break-words leading-snug m-0", children: t.text }),
+      /* @__PURE__ */ c(ki, { images: t.images })
     ] })
   ] });
 });
-function Ti() {
-  const e = m((i) => i.chat), t = J(null), n = J(!1), o = N(() => {
+function Pi() {
+  const e = u((i) => i.chat), t = z(null), n = z(!1), o = E(() => {
     const i = t.current;
     if (!i) return;
-    const { scrollHeight: s, scrollTop: a, clientHeight: c } = i, f = s - a - c;
-    n.current = f > 40;
+    const { scrollHeight: a, scrollTop: s, clientHeight: l } = i, p = a - s - l;
+    n.current = p > 40;
   }, []);
-  return O(() => {
+  return D(() => {
     const i = t.current;
     i && !n.current && i.scrollTo({ top: i.scrollHeight, behavior: "smooth" });
-  }, [e.length]), /* @__PURE__ */ l(
+  }, [e.length]), /* @__PURE__ */ c(
     "div",
     {
       ref: t,
       onScroll: o,
       className: "flex-1 overflow-y-auto overflow-x-hidden chat-messages",
-      children: e.length === 0 ? /* @__PURE__ */ l("div", { className: "p-4 text-xs text-text-muted text-center", children: "No messages yet. Be the first to say something!" }) : /* @__PURE__ */ l(Ne, { children: e.map((i, s) => {
-        const a = s > 0 ? e[s - 1] : null, c = a && i.ts - a.ts > 1440 * 60 * 1e3;
-        return /* @__PURE__ */ b(Bt.Fragment, { children: [
-          c && /* @__PURE__ */ b("div", { className: "flex items-center gap-2 px-4 py-2 my-1", children: [
-            /* @__PURE__ */ l("div", { className: "flex-1 h-px bg-border" }),
-            /* @__PURE__ */ l("span", { className: "text-[10px] text-text-muted whitespace-nowrap", children: new Date(i.ts).toLocaleDateString([], { weekday: "short", month: "short", day: "numeric" }) }),
-            /* @__PURE__ */ l("div", { className: "flex-1 h-px bg-border" })
+      children: e.length === 0 ? /* @__PURE__ */ c("div", { className: "p-4 text-xs text-text-muted text-center", children: "No messages yet. Be the first to say something!" }) : /* @__PURE__ */ c(le, { children: e.map((i, a) => {
+        const s = a > 0 ? e[a - 1] : null, l = s && i.ts - s.ts > 1440 * 60 * 1e3;
+        return /* @__PURE__ */ _(Ht.Fragment, { children: [
+          l && /* @__PURE__ */ _("div", { className: "flex items-center gap-2 px-4 py-2 my-1", children: [
+            /* @__PURE__ */ c("div", { className: "flex-1 h-px bg-border" }),
+            /* @__PURE__ */ c("span", { className: "text-[10px] text-text-muted whitespace-nowrap", children: new Date(i.ts).toLocaleDateString([], { weekday: "short", month: "short", day: "numeric" }) }),
+            /* @__PURE__ */ c("div", { className: "flex-1 h-px bg-border" })
           ] }),
-          /* @__PURE__ */ l(Ii, { message: i })
+          /* @__PURE__ */ c(Ei, { message: i })
         ] }, i.id);
       }) })
     }
   );
 }
-const ft = [
+const mt = [
   {
     name: "recap",
     description: "Summarise the previous episode of what is loaded",
@@ -2361,99 +2427,93 @@ const ft = [
     usage: "/tierlist",
     scope: "local"
   },
-  {
-    name: "character",
-    description: "Change your character",
-    usage: "/character",
-    scope: "local"
-  },
   {
     name: "help",
     description: "List the available commands",
     usage: "/help",
     scope: "local"
   }
-], re = "/";
-function Ei(e) {
-  if (!e.startsWith(re)) return null;
-  const t = e.slice(re.length);
+], ee = "/";
+function Ni(e) {
+  if (!e.startsWith(ee)) return null;
+  const t = e.slice(ee.length);
   return /\s/.test(t) ? null : t.toLowerCase();
 }
-function Ai(e, t = ft) {
+function Ri(e, t = mt) {
   const n = e.toLowerCase();
-  if (!n) return [...t].sort((i, s) => i.name.localeCompare(s.name));
+  if (!n) return [...t].sort((i, a) => i.name.localeCompare(a.name));
   const o = [];
   for (const i of t) {
-    const s = i.name.toLowerCase();
-    s.startsWith(n) ? o.push({ cmd: i, rank: 0 }) : s.includes(n) && o.push({ cmd: i, rank: 1 });
+    const a = i.name.toLowerCase();
+    a.startsWith(n) ? o.push({ cmd: i, rank: 0 }) : a.includes(n) && o.push({ cmd: i, rank: 1 });
   }
-  return o.sort((i, s) => i.rank - s.rank || i.cmd.name.localeCompare(s.cmd.name)).map((i) => i.cmd);
+  return o.sort((i, a) => i.rank - a.rank || i.cmd.name.localeCompare(a.cmd.name)).map((i) => i.cmd);
 }
-function Ni(e) {
-  return `${re}${e.name} `;
+function Di(e) {
+  return `${ee}${e.name} `;
 }
-function Ve(e, t) {
+function We(e, t) {
   return t <= 0 ? 0 : (e % t + t) % t;
 }
-function Pi(e, t = ft) {
+function Oi(e, t = mt) {
   const n = e.trim();
   if (!n) return null;
-  if (!n.startsWith(re)) return { kind: "chat", text: n };
-  const o = n.slice(re.length), i = o.search(/\s/), s = (i === -1 ? o : o.slice(0, i)).toLowerCase(), a = i === -1 ? "" : o.slice(i).trim(), c = t.find((f) => f.name.toLowerCase() === s);
-  return c ? { kind: "command", command: c, args: a } : { kind: "chat", text: n };
+  if (!n.startsWith(ee)) return { kind: "chat", text: n };
+  const o = n.slice(ee.length), i = o.search(/\s/), a = (i === -1 ? o : o.slice(0, i)).toLowerCase(), s = i === -1 ? "" : o.slice(i).trim(), l = t.find((p) => p.name.toLowerCase() === a);
+  return l ? { kind: "command", command: l, args: s } : { kind: "chat", text: n };
 }
 function Mi(e, t) {
-  return e.requiresMedia && !t.hasMedia ? `${re}${e.name} needs an episode loaded.` : null;
+  return e.requiresMedia && !t.hasMedia ? `${ee}${e.name} needs an episode loaded.` : null;
 }
-function Oi({
+function Li({
   commands: e,
   activeIndex: t,
   hasMedia: n,
   onPick: o,
   onHover: i,
-  listboxId: s
+  listboxId: a
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ l(
+  return e.length === 0 ? null : /* @__PURE__ */ c(
     "ul",
     {
-      id: s,
+      id: a,
       role: "listbox",
       "aria-label": "Slash commands",
       className: `absolute bottom-full left-0 right-0 z-30 max-h-56 overflow-y-auto
                  bg-bg-card border border-border-light rounded shadow-lg
                  list-none m-0 p-0 py-1 mb-1`,
-      children: e.map((a, c) => {
-        const f = !!a.requiresMedia && !n, g = c === t;
-        return /* @__PURE__ */ b(
+      children: e.map((s, l) => {
+        const p = !!s.requiresMedia && !n, h = l === t;
+        return /* @__PURE__ */ _(
           "li",
           {
-            id: `${s}-opt-${a.name}`,
+            id: `${a}-opt-${s.name}`,
             role: "option",
-            "aria-selected": g,
-            "aria-disabled": f,
-            onMouseDown: (p) => {
-              p.preventDefault(), o(a);
+            "aria-selected": h,
+            "aria-disabled": p,
+            onMouseDown: (f) => {
+              f.preventDefault(), o(s);
             },
-            onMouseEnter: () => i(c),
-            className: `px-3 py-1.5 cursor-pointer flex items-baseline gap-2 ${g ? "bg-bg-alt" : ""} ${f ? "opacity-50" : ""}`,
+            onMouseEnter: () => i(l),
+            className: `px-3 py-1.5 cursor-pointer flex items-baseline gap-2 ${h ? "bg-bg-alt" : ""} ${p ? "opacity-50" : ""}`,
             children: [
-              /* @__PURE__ */ l("span", { className: "text-sm font-semibold text-text shrink-0", children: a.usage }),
-              /* @__PURE__ */ l("span", { className: "text-xs text-text-secondary truncate", children: f ? "needs an episode loaded" : a.description })
+              /* @__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: p ? "needs an episode loaded" : s.description })
             ]
           },
-          a.name
+          s.name
         );
       })
     }
   );
 }
-function Ri({
+function ji({
   pending: e,
   uploading: t,
   onRemove: n
 }) {
-  return e.length ? /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-1.5 pb-1.5", "data-testid": "chat-attachment-strip", children: e.map((o) => /* @__PURE__ */ b("div", { className: "relative", children: [
-    /* @__PURE__ */ l(
+  return e.length ? /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-1.5 pb-1.5", "data-testid": "chat-attachment-strip", children: e.map((o) => /* @__PURE__ */ _("div", { className: "relative", children: [
+    /* @__PURE__ */ c(
       "img",
       {
         src: o.previewUrl,
@@ -2461,7 +2521,7 @@ function Ri({
         className: `h-14 w-14 rounded border border-border-light object-cover ${t ? "opacity-50" : ""}`
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ c(
       "button",
       {
         type: "button",
@@ -2474,84 +2534,84 @@ function Ri({
     )
   ] }, o.id)) }) : null;
 }
-function Di() {
-  const [e, t] = P([]), [n, o] = P(!1), i = m((h) => h.pushToast), s = J(/* @__PURE__ */ new Set());
-  O(() => () => {
-    for (const h of s.current) URL.revokeObjectURL(h);
-    s.current.clear();
+function Ui() {
+  const [e, t] = R([]), [n, o] = R(!1), i = u((m) => m.pushToast), a = z(/* @__PURE__ */ new Set());
+  D(() => () => {
+    for (const m of a.current) URL.revokeObjectURL(m);
+    a.current.clear();
   }, []);
-  const a = N((h) => {
-    Or(h) && (URL.revokeObjectURL(h.previewUrl), s.current.delete(h.previewUrl));
-  }, []), c = N(async (h) => {
-    if (!h.length) return;
-    const _ = [];
-    for (const w of h) {
-      const k = Dr(w);
-      if (k) {
-        i("error", k);
+  const s = E((m) => {
+    Rr(m) && (URL.revokeObjectURL(m.previewUrl), a.current.delete(m.previewUrl));
+  }, []), l = E(async (m) => {
+    if (!m.length) return;
+    const v = [];
+    for (const y of m) {
+      const I = Or(y);
+      if (I) {
+        i("error", I);
         continue;
       }
-      const { w: u, h: v } = await Ur(w), E = URL.createObjectURL(w);
-      s.current.add(E), _.push({
+      const { w: g, h: A } = await jr(y), N = URL.createObjectURL(y);
+      a.current.add(N), v.push({
         kind: "file",
         id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
-        file: w,
-        previewUrl: E,
-        w: u,
-        h: v
+        file: y,
+        previewUrl: N,
+        w: g,
+        h: A
       });
     }
-    _.length && t((w) => {
-      const k = Y - w.length;
-      if (k <= 0) {
-        i("info", `Up to ${Y} images per message`);
-        for (const u of _) a(u);
-        return w;
+    v.length && t((y) => {
+      const I = V - y.length;
+      if (I <= 0) {
+        i("info", `Up to ${V} images per message`);
+        for (const g of v) s(g);
+        return y;
       }
-      if (_.length > k) {
-        i("info", `Up to ${Y} images per message`);
-        for (const u of _.slice(k)) a(u);
+      if (v.length > I) {
+        i("info", `Up to ${V} images per message`);
+        for (const g of v.slice(I)) s(g);
       }
-      return [...w, ..._.slice(0, k)];
+      return [...y, ...v.slice(0, I)];
     });
-  }, [i, a]), f = N((h) => {
-    const _ = Pe(h.key);
-    _ && (t((w) => w.length >= Y ? (i("info", `Up to ${Y} images per message`), w) : [...w, {
+  }, [i, s]), p = E((m) => {
+    const v = Pe(m.key);
+    v && (t((y) => y.length >= V ? (i("info", `Up to ${V} images per message`), y) : [...y, {
       kind: "remote",
       id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
-      key: h.key,
-      previewUrl: _,
+      key: m.key,
+      previewUrl: v,
       // The catalogue spells "unknown" as null; the wire schema spells it
       // as 0, and the renderer falls back to natural flow on that.
-      w: h.width ?? 0,
-      h: h.height ?? 0,
-      title: h.title || void 0
-    }]), je().catalogue(mn).recordUse(h.key));
-  }, [i]), g = N((h) => {
-    t((_) => {
-      const w = _.find((k) => k.id === h);
-      return w && a(w), _.filter((k) => k.id !== h);
+      w: m.width ?? 0,
+      h: m.height ?? 0,
+      title: m.title || void 0
+    }]), Le().catalogue(ln).recordUse(m.key));
+  }, [i]), h = E((m) => {
+    t((v) => {
+      const y = v.find((I) => I.id === m);
+      return y && s(y), v.filter((I) => I.id !== m);
     });
-  }, [a]), p = N(() => {
-    t((h) => {
-      for (const _ of h) a(_);
+  }, [s]), f = E(() => {
+    t((m) => {
+      for (const v of m) s(v);
       return [];
     });
-  }, [a]), D = N((h) => {
-    const _ = Lr(h.clipboardData);
-    _.length && (h.preventDefault(), c(_));
-  }, [c]), M = N((h) => {
-    const _ = jr(h.dataTransfer);
-    _.length && (h.preventDefault(), c(_));
-  }, [c]), T = N((h) => {
-    h.dataTransfer?.types?.includes("Files") && h.preventDefault();
-  }, []), C = N(async () => {
+  }, [s]), L = E((m) => {
+    const v = Mr(m.clipboardData);
+    v.length && (m.preventDefault(), l(v));
+  }, [l]), O = E((m) => {
+    const v = Lr(m.dataTransfer);
+    v.length && (m.preventDefault(), l(v));
+  }, [l]), M = E((m) => {
+    m.dataTransfer?.types?.includes("Files") && m.preventDefault();
+  }, []), C = E(async () => {
     if (!e.length) return [];
     o(!0);
     try {
-      return await Hr(e);
-    } catch (h) {
-      return A("chat", "Image upload failed", $r(h)), i("error", Rr(h)), null;
+      return await Fr(e);
+    } catch (m) {
+      return k("chat", "Image upload failed", Hr(m)), i("error", Dr(m)), null;
     } finally {
       o(!1);
     }
@@ -2559,160 +2619,157 @@ function Di() {
   return {
     pending: e,
     uploading: n,
-    addFiles: c,
-    addMeme: f,
-    remove: g,
-    clear: p,
+    addFiles: l,
+    addMeme: p,
+    remove: h,
+    clear: f,
     uploadPending: C,
-    onPaste: D,
-    onDrop: M,
-    onDragOver: T
+    onPaste: L,
+    onDrop: O,
+    onDragOver: M
   };
 }
-const Ut = Yt, Li = Zn;
-function ji({ commands: e = ft }) {
-  const [t, n] = P(""), [o, i] = P(!1), [s, a] = P({ q: null, i: 0 }), [c, f] = P(!1), g = J(null), p = On(), [D, M] = P(!1), [T, C] = P(!1), h = Di(), _ = m((y) => y.snapshot.mediaId), w = m((y) => y.pushToast), k = m((y) => y.setTierlistOpen), u = m((y) => y.setCharacterModalOpen), v = !!_, E = Ei(t), U = Q(
-    () => E === null ? [] : Ai(E, e),
-    [E, e]
-  ), H = E !== null && !c && U.length > 0, S = s.q === E ? Ve(s.i, U.length) : 0, R = N(
-    (y) => a({ q: E, i: y }),
-    [E]
-  ), L = N((y, j) => {
-    const ae = Mi(y, { hasMedia: v });
-    if (ae) {
-      w("info", ae);
+const jt = qt, Fi = Xn;
+function Hi({ commands: e = mt }) {
+  const [t, n] = R(""), [o, i] = R(!1), [a, s] = R({ q: null, i: 0 }), [l, p] = R(!1), h = z(null), f = Pn(), [L, O] = R(!1), [M, C] = R(!1), m = Ui(), v = u((b) => b.snapshot.mediaId), y = u((b) => b.pushToast), I = u((b) => b.setTierlistOpen), g = !!v, A = Ni(t), N = Q(
+    () => A === null ? [] : Ri(A, e),
+    [A, e]
+  ), U = A !== null && !l && N.length > 0, F = a.q === A ? We(a.i, N.length) : 0, x = E(
+    (b) => s({ q: A, i: b }),
+    [A]
+  ), P = E((b, j) => {
+    const re = Mi(b, { hasMedia: g });
+    if (re) {
+      y("info", re);
       return;
     }
-    switch (y.name) {
+    switch (b.name) {
       case "help":
-        w("info", e.map((Mn) => Mn.usage).join("  "));
+        y("info", e.map((An) => An.usage).join("  "));
         break;
       case "recap":
-        vi();
+        Si();
         break;
       case "tierlist":
-        Do(), k(!0);
-        break;
-      case "character":
-        u(!0);
+        Mo(), I(!0);
         break;
       default:
-        w("info", `${y.usage} is not implemented yet.`);
+        y("info", `${b.usage} is not implemented yet.`);
     }
-  }, [v, w, e, k, u]), F = N((y) => {
-    n(Ni(y)), f(!1), g.current?.focus();
-  }, []), W = N(async (y) => {
-    if (y.preventDefault(), o || h.uploading) return;
-    const j = Pi(t, e);
-    if (!j && !h.pending.length) return;
-    if (j?.kind === "command" && h.pending.length) {
-      w("info", "Send images on their own, not with a command.");
+  }, [g, y, e, I]), T = E((b) => {
+    n(Di(b)), p(!1), h.current?.focus();
+  }, []), pe = E(async (b) => {
+    if (b.preventDefault(), o || m.uploading) return;
+    const j = Oi(t, e);
+    if (!j && !m.pending.length) return;
+    if (j?.kind === "command" && m.pending.length) {
+      y("info", "Send images on their own, not with a command.");
       return;
     }
     if (j?.kind === "command") {
-      L(j.command, j.args), n(""), !document.hidden && document.hasFocus() && g.current?.focus();
+      P(j.command, j.args), n(""), !document.hidden && document.hasFocus() && h.current?.focus();
       return;
     }
-    const ae = await h.uploadPending();
-    ae !== null && (fi(j?.text ?? "", ae), n(""), h.clear(), i(!0), setTimeout(() => i(!1), Li), !document.hidden && document.hasFocus() && g.current?.focus());
-  }, [t, o, L, h, w, e]), Pn = N((y) => {
-    if (y.key === "Escape" && H) {
-      y.preventDefault(), f(!0);
+    const re = await m.uploadPending();
+    re !== null && (gi(j?.text ?? "", re), n(""), m.clear(), i(!0), setTimeout(() => i(!1), Fi), !document.hidden && document.hasFocus() && h.current?.focus());
+  }, [t, o, P, m, y, e]), he = E((b) => {
+    if (b.key === "Escape" && U) {
+      b.preventDefault(), p(!0);
       return;
     }
-    if (H) {
-      if (y.key === "ArrowDown")
-        y.preventDefault(), R(Ve(S + 1, U.length));
-      else if (y.key === "ArrowUp")
-        y.preventDefault(), R(Ve(S - 1, U.length));
-      else if (y.key === "Tab") {
-        y.preventDefault();
-        const j = U[S];
-        j && F(j);
-      } else if (y.key === "Enter") {
-        y.preventDefault();
-        const j = U[S];
-        j && F(j);
+    if (U) {
+      if (b.key === "ArrowDown")
+        b.preventDefault(), x(We(F + 1, N.length));
+      else if (b.key === "ArrowUp")
+        b.preventDefault(), x(We(F - 1, N.length));
+      else if (b.key === "Tab") {
+        b.preventDefault();
+        const j = N[F];
+        j && T(j);
+      } else if (b.key === "Enter") {
+        b.preventDefault();
+        const j = N[F];
+        j && T(j);
       }
     }
-  }, [H, U, S, F, R]);
-  O(() => {
-    const y = () => {
-      document.hidden || !document.hasFocus() || (g.current?.focus(), g.current?.scrollIntoView({ block: "nearest" }));
+  }, [U, N, F, T, x]);
+  D(() => {
+    const b = () => {
+      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);
+    return window.addEventListener("watchparty:focus-chat-input", b), () => window.removeEventListener("watchparty:focus-chat-input", b);
   }, []);
-  const be = Ut - t.length, ht = be <= 100, gt = H ? U[S] : void 0;
-  return /* @__PURE__ */ b(
+  const ge = jt - t.length, ft = ge <= 100, pt = U ? N[F] : void 0;
+  return /* @__PURE__ */ _(
     "form",
     {
-      onSubmit: (y) => {
-        W(y);
+      onSubmit: (b) => {
+        pe(b);
       },
-      onPaste: h.onPaste,
-      onDrop: h.onDrop,
-      onDragOver: h.onDragOver,
+      onPaste: m.onPaste,
+      onDrop: m.onDrop,
+      onDragOver: m.onDragOver,
       className: "p-2 border-t border-border",
       children: [
-        /* @__PURE__ */ l(Ri, { pending: h.pending, uploading: h.uploading, onRemove: h.remove }),
-        /* @__PURE__ */ b("div", { className: "relative", children: [
-          H && /* @__PURE__ */ l(
-            Oi,
+        /* @__PURE__ */ c(ji, { pending: m.pending, uploading: m.uploading, onRemove: m.remove }),
+        /* @__PURE__ */ _("div", { className: "relative", children: [
+          U && /* @__PURE__ */ c(
+            Li,
             {
-              commands: U,
-              activeIndex: S,
-              hasMedia: v,
-              onPick: F,
-              onHover: R,
-              listboxId: p
+              commands: N,
+              activeIndex: F,
+              hasMedia: g,
+              onPick: T,
+              onHover: x,
+              listboxId: f
             }
           ),
-          /* @__PURE__ */ l(
-            qr,
+          /* @__PURE__ */ c(
+            Wr,
             {
-              open: D,
-              onClose: () => M(!1),
-              onPick: h.addMeme,
+              open: L,
+              onClose: () => O(!1),
+              onPick: m.addMeme,
               onUnavailable: () => {
-                C(!0), M(!1);
+                C(!0), O(!1);
               }
             }
           ),
-          /* @__PURE__ */ b("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ b("div", { className: "relative flex-1", children: [
-              /* @__PURE__ */ l(
+          /* @__PURE__ */ _("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ _("div", { className: "relative flex-1", children: [
+              /* @__PURE__ */ c(
                 "input",
                 {
-                  ref: g,
+                  ref: h,
                   type: "text",
                   value: t,
-                  onChange: (y) => {
-                    n(y.target.value), f(!1);
+                  onChange: (b) => {
+                    n(b.target.value), p(!1);
                   },
-                  onKeyDown: Pn,
-                  maxLength: Ut,
+                  onKeyDown: he,
+                  maxLength: jt,
                   placeholder: "Send a message",
                   role: "combobox",
-                  "aria-expanded": H,
-                  "aria-controls": H ? p : void 0,
-                  "aria-activedescendant": gt ? `${p}-opt-${gt.name}` : void 0,
+                  "aria-expanded": U,
+                  "aria-controls": U ? f : void 0,
+                  "aria-activedescendant": pt ? `${f}-opt-${pt.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 ${ht ? "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 ${ft ? "pr-12" : ""}`
                 }
               ),
-              /* @__PURE__ */ l("span", { className: `absolute right-2 top-1/2 -translate-y-1/2 text-[10px] ${be <= 50 ? be <= 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: ht && be })
+              /* @__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: ft && ge })
             ] }),
-            !T && /* @__PURE__ */ l(
+            !M && /* @__PURE__ */ c(
               "button",
               {
                 type: "button",
-                onClick: () => M((y) => !y),
+                onClick: () => O((b) => !b),
                 "aria-label": "Add a meme",
-                "aria-expanded": D,
+                "aria-expanded": L,
                 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__ */ l(Rn, { name: "image" })
+                className: `shrink-0 rounded border border-border-light px-2 py-1.5 text-sm hover:border-primary ${L ? "text-text border-primary" : "text-text-secondary"}`,
+                children: /* @__PURE__ */ c(Nn, { name: "image" })
               }
             )
           ] })
@@ -2721,35 +2778,36 @@ function ji({ commands: e = ft }) {
     }
   );
 }
-function Ui() {
-  const e = m((n) => n.roster), t = Object.values(e);
-  return t.length ? /* @__PURE__ */ l("div", { className: "flex flex-col gap-1", children: t.map((n) => {
-    const o = _n(n.sprite);
-    return /* @__PURE__ */ b("div", { className: "flex items-center gap-2 py-0.5", children: [
-      fe(n.sprite) ? /* @__PURE__ */ l(
-        "img",
+function $i() {
+  const e = u((n) => n.roster), t = Object.values(e);
+  return t.length ? /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: t.map((n) => {
+    const o = gn(n.sprite);
+    return /* @__PURE__ */ _("div", { className: "flex items-center gap-2 py-0.5", children: [
+      /* @__PURE__ */ c(
+        kn,
         {
-          src: He(n.sprite),
-          alt: n.sprite,
-          crossOrigin: "anonymous",
-          className: "w-6 h-6 rounded-full object-cover flex-shrink-0"
+          sprite: n.sprite,
+          url: n.avatarUrl,
+          alt: n.name || "Anon",
+          className: "w-6 h-6 rounded-full object-cover flex-shrink-0",
+          fallback: /* @__PURE__ */ c("span", { className: "w-6 h-6 bg-bg-alt rounded-full flex-shrink-0" })
         }
-      ) : /* @__PURE__ */ l("span", { className: "w-6 h-6 bg-bg-alt rounded-full flex-shrink-0" }),
-      /* @__PURE__ */ l("span", { className: "text-xs font-medium truncate", style: { color: o }, children: n.name || "Anon" }),
-      n.isLeader && /* @__PURE__ */ l("span", { className: "ml-auto px-1.5 py-0.5 rounded text-[9px] font-medium bg-success/20 text-success", children: "Leader" })
+      ),
+      /* @__PURE__ */ c("span", { className: "text-xs font-medium truncate", style: { color: o }, children: n.name || "Anon" }),
+      n.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" })
     ] }, n.clientId);
-  }) }) : /* @__PURE__ */ l("div", { className: "text-xs text-text-muted", children: "No users online" });
+  }) }) : /* @__PURE__ */ c("div", { className: "text-xs text-text-muted", children: "No users online" });
 }
-function Fi() {
-  const e = m((i) => Object.keys(i.roster).length), [t, n] = P(!1), o = J(null);
-  return O(() => {
+function Bi() {
+  const e = u((i) => Object.keys(i.roster).length), [t, n] = R(!1), o = z(null);
+  return D(() => {
     if (!t) return;
-    function i(s) {
-      o.current && !o.current.contains(s.target) && n(!1);
+    function i(a) {
+      o.current && !o.current.contains(a.target) && n(!1);
     }
     return document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
-  }, [t]), /* @__PURE__ */ b("div", { className: "relative", ref: o, children: [
-    /* @__PURE__ */ b(
+  }, [t]), /* @__PURE__ */ _("div", { className: "relative", ref: o, children: [
+    /* @__PURE__ */ _(
       "button",
       {
         onClick: () => {
@@ -2758,208 +2816,34 @@ function Fi() {
         className: "p-1.5 rounded text-text-secondary hover:text-white hover:bg-bg-alt transition-colors flex items-center gap-1 cursor-pointer",
         title: "Users",
         children: [
-          /* @__PURE__ */ l("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" }) }),
-          /* @__PURE__ */ l("span", { className: "text-xs", children: e })
+          /* @__PURE__ */ c("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ c("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" }) }),
+          /* @__PURE__ */ c("span", { className: "text-xs", children: e })
         ]
       }
     ),
-    t && /* @__PURE__ */ b("div", { className: "absolute top-full right-0 mt-1 bg-bg-card rounded-lg shadow-xl p-3 max-h-64 overflow-y-auto z-50 w-max min-w-[180px] max-w-[220px]", children: [
-      /* @__PURE__ */ b("div", { className: "text-[10px] uppercase tracking-wide text-text-muted mb-2", children: [
+    t && /* @__PURE__ */ _("div", { className: "absolute top-full right-0 mt-1 bg-bg-card rounded-lg shadow-xl p-3 max-h-64 overflow-y-auto z-50 w-max min-w-[180px] max-w-[220px]", children: [
+      /* @__PURE__ */ _("div", { className: "text-[10px] uppercase tracking-wide text-text-muted mb-2", children: [
         e,
         " online"
       ] }),
-      /* @__PURE__ */ l(Ui, {})
+      /* @__PURE__ */ c($i, {})
     ] })
   ] });
 }
-function Hi() {
-  const e = m((n) => n.sprite), t = m((n) => n.setCharacterModalOpen);
-  return /* @__PURE__ */ l(
-    "button",
-    {
-      onClick: () => {
-        d("chat", "Opening character modal", { currentSprite: e }), t(!0);
-      },
-      className: "p-1 rounded hover:bg-bg-alt transition-colors cursor-pointer",
-      title: "Change character",
-      children: fe(e) ? /* @__PURE__ */ l(
-        "img",
-        {
-          src: He(e),
-          alt: e,
-          crossOrigin: "anonymous",
-          className: "w-6 h-6 rounded object-cover",
-          fetchPriority: "high"
-        }
-      ) : /* @__PURE__ */ l("div", { className: "w-6 h-6 rounded bg-bg-alt flex items-center justify-center", children: /* @__PURE__ */ l("svg", { className: "w-4 h-4 text-text-secondary", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) }) })
-    }
-  );
-}
-const se = yo();
-function $i({ open: e, onClose: t, roomKey: n, tierlist: o }) {
-  const i = zr(), { name: s, sprite: a, setIdentity: c } = m(), f = m((u) => !!(u.me.clientId && u.roster[u.me.clientId]?.registryName)), [g, p] = P(a), [D, M] = P(/* @__PURE__ */ new Set()), [T, C] = P(() => xt(se, a));
-  O(() => {
-    e && (p(a), C(xt(se, a)));
-  }, [e, a]), O(() => {
-    if (!e || !n) return;
-    const u = `${fn(i)}/api/rooms/${encodeURIComponent(n)}/sprites`;
-    fetch(u).then((v) => v.ok ? v.json() : (A("character", "sprites fetch non-OK", { status: v.status }), Promise.reject(new Error(`status ${v.status}`)))).then((v) => M(new Set(v.used ?? []))).catch((v) => {
-      ue("character", "sprites fetch failed", ge(v)), M(/* @__PURE__ */ new Set());
-    });
-  }, [e, n]);
-  const h = () => {
-    const u = f || !g ? s : te(g);
-    d("character", "Updating identity", { name: u, sprite: g }), c(u, g), gi(u, g || void 0), t();
-  }, _ = (u) => u === a ? !0 : !D.has(u), w = (u) => {
-    u.target === u.currentTarget && t();
-  };
-  O(() => {
-    if (!e) return;
-    const u = (v) => {
-      v.key === "Escape" ? t() : v.key === "ArrowLeft" ? C((E) => Math.max(0, E - 1)) : v.key === "ArrowRight" && C((E) => Math.min(se.length - 1, E + 1));
-    };
-    return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
-  }, [e, t]);
-  const k = g !== a;
-  return e ? /* @__PURE__ */ l(
-    "div",
-    {
-      className: "fixed inset-0 bg-black/70 flex items-center justify-center z-50",
-      onMouseDown: w,
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-label": "Change character",
-      style: { willChange: "opacity" },
-      children: /* @__PURE__ */ b("div", { className: "bg-bg border border-border rounded-lg shadow-xl w-[340px] mx-4 overflow-hidden", children: [
-        /* @__PURE__ */ b("div", { className: "p-4 space-y-4 text-sm", children: [
-          /* @__PURE__ */ b("div", { children: [
-            /* @__PURE__ */ b("div", { className: "flex items-center justify-between mb-1", children: [
-              /* @__PURE__ */ l("label", { className: "text-xs uppercase tracking-wide opacity-70", children: f ? "Display Name" : "Character" }),
-              /* @__PURE__ */ l(
-                "button",
-                {
-                  type: "button",
-                  onClick: t,
-                  className: "text-text-secondary hover:text-white hover:bg-bg-alt rounded p-1 transition-colors cursor-pointer",
-                  "aria-label": "Close",
-                  children: /* @__PURE__ */ l("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
-                }
-              )
-            ] }),
-            f && /* @__PURE__ */ l("div", { className: "modal-input", "aria-readonly": "true", children: s })
-          ] }),
-          /* @__PURE__ */ b("div", { children: [
-            f && /* @__PURE__ */ l("label", { className: "block text-xs uppercase tracking-wide mb-2 opacity-70", children: "Character" }),
-            /* @__PURE__ */ b("div", { className: "h-[152px] flex items-center gap-1", children: [
-              /* @__PURE__ */ l(Ft, { direction: "prev", hidden: T === 0, onClick: () => C(T - 1) }),
-              /* @__PURE__ */ l("div", { className: "grid grid-cols-4 gap-2 h-full flex-1 content-start", children: (se[T] ?? []).map((u) => {
-                const v = _(u);
-                return /* @__PURE__ */ b(
-                  "button",
-                  {
-                    onClick: () => {
-                      if (!v) {
-                        d("character", "Sprite unavailable", { sprite: u });
-                        return;
-                      }
-                      d("character", "Sprite selected", { sprite: u }), p(u);
-                    },
-                    disabled: !v,
-                    className: `relative group rounded-lg p-1 flex flex-col items-center gap-1 transition-all ${g === u ? "ring-2 ring-success ring-offset-2 ring-offset-bg bg-bg-card cursor-pointer" : v ? "hover:bg-bg-card border border-transparent hover:border-border-light cursor-pointer" : "opacity-40 cursor-not-allowed"}`,
-                    children: [
-                      /* @__PURE__ */ l(
-                        "img",
-                        {
-                          src: He(u),
-                          alt: u,
-                          crossOrigin: "anonymous",
-                          className: `w-12 h-12 object-cover rounded ${v ? "" : "grayscale"}`
-                        }
-                      ),
-                      /* @__PURE__ */ l("span", { className: "text-[10px] opacity-70 group-hover:opacity-100 whitespace-nowrap", children: te(u) }),
-                      !v && /* @__PURE__ */ l("span", { className: "absolute inset-0 flex items-center justify-center bg-bg/60 rounded", children: /* @__PURE__ */ l("span", { className: "text-[8px] font-medium bg-danger-bg text-on-danger-bg px-1 rounded", children: "In Use" }) })
-                    ]
-                  },
-                  u
-                );
-              }) }),
-              /* @__PURE__ */ l(Ft, { direction: "next", hidden: T >= se.length - 1, onClick: () => C(T + 1) })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ b("div", { className: "px-4 pb-4 flex justify-end gap-2", children: [
-          o && /* @__PURE__ */ b(
-            "button",
-            {
-              type: "button",
-              onClick: o.open,
-              onMouseEnter: o.warm,
-              onFocus: o.warm,
-              className: "modal-btn-cancel mr-auto inline-flex items-center gap-1",
-              "aria-label": "Tierlist",
-              children: [
-                /* @__PURE__ */ l("svg", { className: "w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 6h16M4 12h11M4 18h6" }) }),
-                "Tierlist"
-              ]
-            }
-          ),
-          /* @__PURE__ */ l(
-            "button",
-            {
-              onClick: t,
-              className: "modal-btn-cancel",
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ l(
-            "button",
-            {
-              onClick: h,
-              disabled: !k,
-              className: "modal-btn-update",
-              style: k ? void 0 : {
-                opacity: 0.4,
-                cursor: "not-allowed",
-                filter: "grayscale(50%)"
-              },
-              children: "Update"
-            }
-          )
-        ] })
-      ] })
-    }
-  ) : null;
-}
-function Ft({ direction: e, hidden: t, onClick: n }) {
-  return /* @__PURE__ */ l(
-    "button",
-    {
-      type: "button",
-      onClick: n,
-      className: "char-page-btn",
-      "data-hidden": t ? "1" : void 0,
-      disabled: t,
-      "aria-hidden": t,
-      tabIndex: t ? -1 : void 0,
-      "aria-label": e === "prev" ? "Previous characters" : "Next characters",
-      children: /* @__PURE__ */ l("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: e === "prev" ? "M15 19l-7-7 7-7" : "M9 5l7 7-7 7" }) })
-    }
-  );
-}
-function Ht({ className: e = "fixed bottom-4 left-1/2 -translate-x-1/2" }) {
-  const t = m((o) => o.toasts), n = m((o) => o.popToast);
-  return O(() => {
+function Ut({ className: e = "fixed bottom-4 left-1/2 -translate-x-1/2" }) {
+  const t = u((o) => o.toasts), n = u((o) => o.popToast);
+  return D(() => {
     const o = t.map((i) => setTimeout(() => n(i.id), 4e3));
     return () => {
       o.forEach(clearTimeout);
     };
-  }, [t, n]), /* @__PURE__ */ l("div", { className: `${e} flex flex-col gap-2 z-50`, children: t.map((o) => /* @__PURE__ */ l("div", { className: `px-3 py-2 rounded text-sm shadow font-medium border ${o.kind === "error" ? "bg-danger-bg text-on-danger-bg border-danger" : "bg-bg-card border-border-light text-text"}`, children: o.msg }, o.id)) });
+  }, [t, n]), /* @__PURE__ */ c("div", { className: `${e} flex flex-col gap-2 z-50`, children: t.map((o) => /* @__PURE__ */ c("div", { className: `px-3 py-2 rounded text-sm shadow font-medium border ${o.kind === "error" ? "bg-danger-bg text-on-danger-bg border-danger" : "bg-bg-card border-border-light text-text"}`, children: o.msg }, o.id)) });
 }
-const $t = (e) => typeof e == "string" && Dn.includes(e);
-function Bi(e, t, n) {
-  return e || ($t(t) ? t : $t(n) ? n : "dark");
+const Ft = (e) => typeof e == "string" && Rn.includes(e);
+function Gi(e, t, n) {
+  return e || (Ft(t) ? t : Ft(n) ? n : "dark");
 }
-function Gi(e, t) {
+function Ki(e, t) {
   if (t(e.clientWidth), typeof ResizeObserver > "u") return () => {
   };
   const n = new ResizeObserver(() => t(e.clientWidth));
@@ -2969,190 +2853,188 @@ function Wi(e) {
   const t = e?.trim() ?? "";
   return t ? { source: "host", name: t } : { source: "auto" };
 }
-function Ki(e) {
+function qi(e) {
   if (e.source !== "host") return;
-  const { setSessionIdentity: t, sprite: n } = m.getState();
+  const { setSessionIdentity: t, sprite: n } = u.getState();
   t(e.name, n);
 }
-function qi({ className: e = "w-4 h-4" }) {
-  return /* @__PURE__ */ b("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
-    /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 4v16" }),
-    /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12l-5 4v-8l5 4z" })
+function Vi({ className: e = "w-4 h-4" }) {
+  return /* @__PURE__ */ _("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+    /* @__PURE__ */ c("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 4v16" }),
+    /* @__PURE__ */ c("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12l-5 4v-8l5 4z" })
   ] });
 }
-function Vi({ className: e = "w-4 h-4" }) {
-  return /* @__PURE__ */ b("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
-    /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20 4v16" }),
-    /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12l5 4v-8l-5 4z" })
+function Yi({ className: e = "w-4 h-4" }) {
+  return /* @__PURE__ */ _("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+    /* @__PURE__ */ c("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20 4v16" }),
+    /* @__PURE__ */ c("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12l5 4v-8l-5 4z" })
   ] });
 }
 const zi = 1500;
-function sa({
+function ca({
   roomKey: e,
   serverOrigin: t,
   userType: n,
   userId: o,
   theme: i,
-  name: s,
-  onLeave: a,
-  onLayoutChange: c,
-  collapsible: f = !0,
-  debug: g,
-  children: p
+  name: a,
+  onLeave: s,
+  onLayoutChange: l,
+  collapsible: p = !0,
+  debug: h,
+  children: f
 }) {
-  const [D, M] = P(null), { setFrame: T, ...C } = Yi(c, f), h = m((S) => S.characterModalOpen), _ = m((S) => S.setCharacterModalOpen), w = Kt(() => s), k = Q(() => (go({ userType: n, userId: o ?? null }), dt().theme), [n, o]), u = Ln(), v = u?.theme, E = Q(
-    () => Bi(i, v, k),
-    [i, v, k]
+  const [L, O] = R(null), { setFrame: M, ...C } = Xi(l, p), m = Bt(() => a), v = Q(() => (go({ userType: n, userId: o ?? null }), lt().theme), [n, o]), y = Dn(), I = y?.theme, g = Q(
+    () => Gi(i, I, v),
+    [i, I, v]
   );
-  O(() => {
-  }, [i, u !== null]);
-  const H = Q(
-    () => ({ ...it, serverOrigin: t, defaultRoomKey: e }),
+  D(() => {
+  }, [i, y !== null]);
+  const N = Q(
+    () => ({ ...rt, serverOrigin: t, defaultRoomKey: e }),
     [t, e]
   );
-  return O(() => {
-    g && Zr();
-  }, [g]), O(() => {
-    Vr({ serverOrigin: t, defaultRoomKey: e }), m.getState().rehydrateFromPrefs(), qo();
-    let S = !1;
-    const R = vo();
+  return D(() => {
+    h && Qr();
+  }, [h]), _i(), D(() => {
+    qr({ serverOrigin: t, defaultRoomKey: e }), u.getState().rehydrateFromPrefs(), Yo();
+    let U = !1;
+    const F = vo();
     return (async () => {
       try {
         await Promise.race([
           Promise.all([
-            R,
-            ko().then((W) => {
-              W && m.getState().rehydrateFromPrefs();
-            })
+            F,
+            Co().then((T) => {
+              T && u.getState().rehydrateFromPrefs();
+            }),
+            // The character chosen in the settings popout (lib/avatar.ts).
+            Uo().then(Tn)
           ]),
-          new Promise((W) => setTimeout(W, zi))
+          new Promise((T) => setTimeout(T, zi))
         ]);
-      } catch (W) {
-        A("room-chrome", "pre-join wait threw, proceeding anyway", ge(W));
+      } catch (T) {
+        k("room-chrome", "pre-join wait threw, proceeding anyway", fe(T));
       }
-      if (S) return;
-      const L = Wi(w());
-      m.getState().ensureAutoIdentity(), Ki(L);
-      const F = m.getState();
-      d("room-chrome", "Joining room", { roomKey: e, name: F.name, sprite: F.sprite }), ni({ room_key: e, name: F.name || void 0, sprite: F.sprite || void 0 });
+      if (U) return;
+      const x = Wi(m());
+      u.getState().ensureAutoIdentity(), qi(x);
+      const P = u.getState();
+      d("room-chrome", "Joining room", { roomKey: e, name: P.name, sprite: P.sprite }), oi({ room_key: e, name: P.name || void 0, sprite: P.sprite || void 0 });
     })(), () => {
-      S = !0, jt();
+      U = !0, Lt();
     };
-  }, [e, t, n, o]), /* @__PURE__ */ l(pn.Provider, { value: H, children: /* @__PURE__ */ l(gn.Provider, { value: D, children: /* @__PURE__ */ b("div", { ref: T, className: "wp-room-chrome-frame", children: [
-    /* @__PURE__ */ l("div", { className: "wp-room-chrome-frame__content", children: p }),
-    /* @__PURE__ */ b(
+  }, [e, t, n, o]), /* @__PURE__ */ c(Vr.Provider, { value: N, children: /* @__PURE__ */ c(dn.Provider, { value: L, children: /* @__PURE__ */ _("div", { ref: M, className: "wp-room-chrome-frame", children: [
+    /* @__PURE__ */ c("div", { className: "wp-room-chrome-frame__content", children: f }),
+    /* @__PURE__ */ c(
       "aside",
       {
-        ref: M,
+        ref: O,
         className: "wp-room-chrome",
-        "data-theme": E,
+        "data-theme": g,
         "data-collapsed": C.collapsed ? "1" : "0",
         style: { "--wp-room-chrome-width": `${C.state.width}px` },
-        children: [
-          C.collapsed ? /* @__PURE__ */ b(Ne, { children: [
-            /* @__PURE__ */ l(
+        children: C.collapsed ? /* @__PURE__ */ _(le, { children: [
+          /* @__PURE__ */ c(
+            "button",
+            {
+              onClick: C.toggleCollapsed,
+              className: "wp-room-chrome__icon-btn",
+              title: "Show chat",
+              "aria-label": "Show chat",
+              "aria-expanded": !1,
+              children: /* @__PURE__ */ c(Yi, {})
+            }
+          ),
+          /* @__PURE__ */ c(Ut, { className: "absolute bottom-2 right-full mr-2 w-72" })
+        ] }) : /* @__PURE__ */ _(le, { children: [
+          /* @__PURE__ */ c(
+            "div",
+            {
+              role: "separator",
+              "aria-orientation": "vertical",
+              "aria-label": "Resize chat",
+              "aria-valuemin": Oe,
+              "aria-valuemax": ct,
+              "aria-valuenow": C.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
+            }
+          ),
+          /* @__PURE__ */ _("div", { className: "flex items-center gap-1 px-2 py-1.5 border-b border-border", children: [
+            /* @__PURE__ */ c(Bi, {}),
+            /* @__PURE__ */ c("div", { className: "flex-1" }),
+            s && /* @__PURE__ */ c(
               "button",
               {
-                onClick: C.toggleCollapsed,
-                className: "wp-room-chrome__icon-btn",
-                title: "Show chat",
-                "aria-label": "Show chat",
-                "aria-expanded": !1,
-                children: /* @__PURE__ */ l(Vi, {})
+                onClick: () => {
+                  Lt(), s();
+                },
+                className: "wp-room-chrome__leave",
+                title: "Leave room",
+                "aria-label": "Leave room",
+                children: "Leave"
               }
             ),
-            /* @__PURE__ */ l(Ht, { className: "absolute bottom-2 right-full mr-2 w-72" })
-          ] }) : /* @__PURE__ */ b(Ne, { children: [
-            /* @__PURE__ */ l(
-              "div",
+            p && /* @__PURE__ */ c(
+              "button",
               {
-                role: "separator",
-                "aria-orientation": "vertical",
-                "aria-label": "Resize chat",
-                "aria-valuemin": De,
-                "aria-valuemax": ut,
-                "aria-valuenow": C.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
+                onClick: C.toggleCollapsed,
+                className: "wp-room-chrome__icon-btn",
+                title: "Hide chat",
+                "aria-label": "Hide chat",
+                "aria-expanded": !0,
+                children: /* @__PURE__ */ c(Vi, {})
               }
-            ),
-            /* @__PURE__ */ b("div", { className: "flex items-center gap-1 px-2 py-1.5 border-b border-border", children: [
-              /* @__PURE__ */ l(Fi, {}),
-              /* @__PURE__ */ l(Hi, {}),
-              /* @__PURE__ */ l("div", { className: "flex-1" }),
-              a && /* @__PURE__ */ l(
-                "button",
-                {
-                  onClick: () => {
-                    jt(), a();
-                  },
-                  className: "wp-room-chrome__leave",
-                  title: "Leave room",
-                  "aria-label": "Leave room",
-                  children: "Leave"
-                }
-              ),
-              f && /* @__PURE__ */ l(
-                "button",
-                {
-                  onClick: C.toggleCollapsed,
-                  className: "wp-room-chrome__icon-btn",
-                  title: "Hide chat",
-                  "aria-label": "Hide chat",
-                  "aria-expanded": !0,
-                  children: /* @__PURE__ */ l(qi, {})
-                }
-              )
-            ] }),
-            /* @__PURE__ */ l(Ti, {}),
-            /* @__PURE__ */ l(ji, { commands: [] }),
-            /* @__PURE__ */ l(Ht, { className: "absolute bottom-14 left-2 right-2" })
+            )
           ] }),
-          h && /* @__PURE__ */ l($i, { open: !0, onClose: () => _(!1), roomKey: e })
-        ]
+          /* @__PURE__ */ c(Pi, {}),
+          /* @__PURE__ */ c(Hi, { commands: [] }),
+          /* @__PURE__ */ c(Ut, { className: "absolute bottom-14 left-2 right-2" })
+        ] })
       }
     )
   ] }) }) });
 }
-function Yi(e, t) {
-  const n = m((u) => u.chromeChatCollapsed) && t, o = m((u) => u.chromeChatWidth), i = m((u) => u.toggleChromeChatCollapsed), s = m((u) => u.setChromeChatWidth), [a, c] = P(null), [f, g] = P(void 0), [p, D] = P(null);
-  O(() => {
-    if (a)
-      return Gi(a, g);
-  }, [a]);
-  const M = V(p?.current ?? o, f), T = Q(() => No(n, M), [n, M]), C = Kt((u) => e?.(u));
-  return O(() => {
-    C(T);
-  }, [T]), {
-    setFrame: c,
+function Xi(e, t) {
+  const n = u((g) => g.chromeChatCollapsed) && t, o = u((g) => g.chromeChatWidth), i = u((g) => g.toggleChromeChatCollapsed), a = u((g) => g.setChromeChatWidth), [s, l] = R(null), [p, h] = R(void 0), [f, L] = R(null);
+  D(() => {
+    if (s)
+      return Ki(s, h);
+  }, [s]);
+  const O = W(f?.current ?? o, p), M = Q(() => Po(n, O), [n, O]), C = Bt((g) => e?.(g));
+  return D(() => {
+    C(M);
+  }, [M]), {
+    setFrame: l,
     collapsed: n,
-    state: T,
-    dragging: p !== null,
+    state: M,
+    dragging: f !== null,
     toggleCollapsed: i,
-    onPointerDown: (u) => {
-      u.button === 0 && (u.preventDefault(), u.currentTarget.setPointerCapture(u.pointerId), D({ pointerId: u.pointerId, startX: u.clientX, startWidth: M, current: M }));
+    onPointerDown: (g) => {
+      g.button === 0 && (g.preventDefault(), g.currentTarget.setPointerCapture(g.pointerId), L({ pointerId: g.pointerId, startX: g.clientX, startWidth: O, current: O }));
     },
-    onPointerMove: (u) => {
-      !p || p.pointerId !== u.pointerId || D({ ...p, current: Mt(p.startWidth, p.startX, u.clientX, f) });
+    onPointerMove: (g) => {
+      !f || f.pointerId !== g.pointerId || L({ ...f, current: Et(f.startWidth, f.startX, g.clientX, p) });
     },
-    onPointerEnd: (u) => {
-      if (!p || p.pointerId !== u.pointerId) return;
-      const v = Mt(p.startWidth, p.startX, u.clientX, f);
-      D(null), v !== o && s(v);
+    onPointerEnd: (g) => {
+      if (!f || f.pointerId !== g.pointerId) return;
+      const A = Et(f.startWidth, f.startX, g.clientX, p);
+      L(null), A !== o && a(A);
     },
-    onKeyDown: (u) => {
-      const v = Ao(M, u.key, f);
-      v !== null && (u.preventDefault(), v !== o && s(v));
+    onKeyDown: (g) => {
+      const A = Eo(O, g.key, p);
+      A !== null && (g.preventDefault(), A !== o && a(A));
     }
   };
 }
 export {
-  sa as RoomChrome
+  ca as RoomChrome
 };
 //# sourceMappingURL=room-chrome.js.map