@hadoku/watchparty-ui 0.45.25 → 0.45.26

package/dist/room-chrome.js

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