@hadoku/watchparty-ui 0.45.14 → 0.45.16

package/dist/room-chrome.js

@@ -1,23 +1,23 @@
-import { jsx as c, jsxs as _, Fragment as le } from "react/jsx-runtime";
-import Ft, { useState as R, useRef as z, useMemo as Q, useCallback as E, useEffect as D, createContext as Ht, useContext as kn, useId as En, useEffectEvent as $t } from "react";
-import { themePrefs as ae, Icon as Pn, THEMES as Nn, useHadokuThemeOptional as Rn } from "@wolffm/themes";
+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 { z as o } from "zod";
-import { createCdnClient as Dn, kindOfType as On, MAX_BYTES as Mn, measureImage as Ln, filesFromClipboard as jn, filesFromDrop as Un, CdnError as Ke } from "@wolffm/cdn-client";
-import { create as Fn } from "zustand";
-import { createPrefsClient as Hn, getDeviceId as $n, DEVICE_ID_KEY as Bn } from "@wolffm/prefs-client";
-import { io as Gn } from "socket.io-client";
-import { createAvatarClient as qn, AvatarError as ht } from "@wolffm/prefs-client/avatar";
-import { resolveIdentityReassert as Vn } from "@wolffm/rooms-protocol";
-import { createPortal as Kn } from "react-dom";
-import { useCatalogueSearch as Wn } from "@wolffm/cdn-client/react";
-const Bt = "https://cdn.hadoku.me", Gt = /^[0-9a-f]{64}\.(?:png|jpe?g|gif|webp|avif)$/;
-function Je(e) {
-  return typeof e == "string" && Gt.test(e);
-}
-const Qe = 8080, qt = 5173, Yn = "/watchparty/ws", Vt = 500, zn = 1e3, W = 4, Kt = typeof process < "u" && process.env ? process.env : {};
-Kt.PRODUCTION_UI_URL;
-Kt.PRODUCTION_SERVER_URL;
-const xe = o.enum(["S", "A", "B", "C", "D", "F"]), gt = 2e4, Xn = 300;
+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;
 o.object({
   name: o.string().min(1).max(32).optional(),
   sprite: o.string().min(1).max(32).optional(),
@@ -44,7 +44,7 @@ const w = {
   // 'ready_state' here = playback-readiness gate (distinct from READY_EVENTS.STATE = "ready check" UX feature)
   READY_STATE: "ready_state",
   ERROR: "error"
-}, Jn = o.enum(["play", "pause", "seek", "load", "home"]), Qn = o.object({
+}, rr = o.enum(["play", "pause", "seek", "load", "home"]), or = o.object({
   framed: o.boolean(),
   depth: o.number().int().nonnegative().max(10)
 });
@@ -52,7 +52,7 @@ o.object({
   room_key: o.string(),
   name: o.string().min(1).max(32).optional(),
   sprite: o.string().min(1).max(32).optional(),
-  embed: Qn.optional(),
+  embed: or.optional(),
   /** Which media-delivery path this client resolved to ('range' | 'fragment').
    *  Optional so older clients still validate. Reported so a party's logs can be split by
    *  arm — without it an A/B rollout is unmeasurable, exactly as entry path was before
@@ -100,13 +100,13 @@ o.object({
 });
 o.object({
   client_seq: o.number().int().positive(),
-  kind: Jn,
+  kind: rr,
   to_ms: o.number().int().nonnegative().optional(),
   media_id: o.string().optional()
   // leader_id removed - not needed since set_leader control was removed
 });
-const Wt = o.object({
-  key: o.string().regex(Gt, "not a CDN image key"),
+const Jt = o.object({
+  key: o.string().regex(Wt, "not a CDN image key"),
   /**
    * Intrinsic pixels, or **0 meaning "unknown"**.
    *
@@ -119,8 +119,8 @@ const Wt = 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(gt),
-  h: o.number().int().nonnegative().max(gt),
+  w: o.number().int().nonnegative().max(St),
+  h: o.number().int().nonnegative().max(St),
   /**
    * Human-readable description, rendered as the `alt` text.
    *
@@ -134,14 +134,14 @@ const Wt = 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(Xn).optional()
+  title: o.string().max(nr).optional()
 });
 o.object({
-  text: o.string().max(Vt),
+  text: o.string().max(zt),
   style: o.string().max(64).optional(),
-  images: o.array(Wt).max(W).optional()
+  images: o.array(Jt).max(W).optional()
 }).refine((e) => e.text.length > 0 || (e.images?.length ?? 0) > 0, { message: "message must carry text or at least one image" });
-const Zn = o.enum(["join", "leave", "media_change", "identity_change", "recap"]);
+const ar = o.enum(["join", "leave", "media_change", "identity_change", "recap"]);
 o.object({
   id: o.string(),
   client_id: o.string(),
@@ -154,11 +154,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(Wt).max(W).optional(),
+  images: o.array(Jt).max(W).optional(),
   isSystem: o.boolean().optional(),
-  systemType: Zn.optional()
+  systemType: ar.optional()
 });
-const er = o.object({
+const ir = o.object({
   avg_download_rate_bps: o.number().nonnegative(),
   buffered_ahead_ms: o.number().nonnegative(),
   rtt_ms: o.number().nonnegative(),
@@ -200,7 +200,7 @@ const er = 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()
-}), tr = er.extend({
+}), sr = ir.extend({
   client_id: o.string(),
   name: o.string(),
   sprite_id: o.string().nullable(),
@@ -211,10 +211,10 @@ const er = o.object({
   stale_ms: o.number().int().nonnegative().optional()
 });
 o.object({
-  clients: o.array(tr),
+  clients: o.array(sr),
   server_ts: o.number().int().nonnegative()
 });
-const nr = o.object({
+const lr = o.object({
   client_id: o.string(),
   sprite_id: o.string().nullable(),
   name: o.string(),
@@ -232,13 +232,13 @@ const nr = o.object({
   video_ready_state: o.number().int().default(-1)
 });
 o.object({
-  clients: o.array(nr),
+  clients: o.array(lr),
   server_ts: o.number().int().nonnegative()
 });
 o.object({
   media_id: o.string()
 });
-const Ze = o.enum(["super_upvote", "upvote", "mid", "downvote"]), rr = o.object({
+const rt = o.enum(["super_upvote", "upvote", "mid", "downvote"]), cr = o.object({
   mediaId: o.string(),
   displayName: o.string(),
   // Enrichment fields — present for flat-playlist ingest output, absent for
@@ -249,11 +249,11 @@ const Ze = o.enum(["super_upvote", "upvote", "mid", "downvote"]), rr = o.object(
   durationMs: o.number().optional(),
   uploadDate: o.string().optional()
   // YouTube upload date 'YYYY-MM-DD'; drives playlist order
-}), or = o.enum(["basic", "vote"]), Yt = o.object({
+}), dr = o.enum(["basic", "vote"]), Zt = o.object({
   id: o.string(),
   name: o.string(),
-  type: or.default("vote"),
-  videos: o.array(rr),
+  type: dr.default("vote"),
+  videos: o.array(cr),
   cover: o.string().optional()
   // media-relative path to the playlist cover image
 });
@@ -262,28 +262,28 @@ o.object({ index: o.number().int().min(0) });
 o.object({
   playlistId: o.string(),
   mediaId: o.string(),
-  vote: Ze
+  vote: rt
 });
 o.object({ voterKey: o.string().min(1).max(128) });
 o.object({ playlistId: o.string(), mediaIds: o.array(o.string()) });
 o.object({
-  playlist: Yt.nullable(),
+  playlist: Zt.nullable(),
   activeIndex: o.number().int().nullable(),
-  myVotes: o.record(o.string(), Ze)
+  myVotes: o.record(o.string(), rt)
   // mediaId -> VoteValue
 });
-const ar = o.object({
+const ur = o.object({
   clientId: o.string(),
   name: o.string(),
   votedCount: o.number().int().nonnegative(),
   totalVideos: o.number().int().nonnegative()
 });
 o.object({
-  progress: o.array(ar)
+  progress: o.array(ur)
 });
 o.object({
-  playlist: Yt,
-  votes: o.record(o.string(), o.record(o.string(), Ze)),
+  playlist: Zt,
+  votes: o.record(o.string(), o.record(o.string(), rt)),
   // votes[clientId][mediaId]
   names: o.record(o.string(), o.string()),
   // clientId -> display name
@@ -291,50 +291,56 @@ o.object({
    *  (and so is gone from the live roster) still renders. Optional: older
    *  servers omit it and clients fall back to the roster. */
   sprites: o.record(o.string(), o.string()).optional(),
+  /** clientId -> avatar picture URL, frozen at reveal like `sprites`. Only
+   *  people who have a picture; everyone else shows their character. */
+  pictures: o.record(o.string(), o.string()).optional(),
   /** True when this re-sends results after a voter was removed. A client whose
    *  reveal is closed ignores it, rather than having the popup reappear. */
   update: o.boolean().optional()
 });
-const ye = {
+const be = {
   STATE: "playlist_state",
   VOTE_PROGRESS: "playlist_vote_progress",
   RESULTS: "playlist_results",
   /** Server -> the removed voter: forget the ballot you hold in localStorage. */
   VOTES_CLEARED: "playlist_votes_cleared"
-}, zt = o.object({
+}, Qt = o.object({
   id: o.string(),
   displayName: o.string(),
   thumbnail: o.string().optional()
 });
 o.object({
-  items: o.array(zt)
+  items: o.array(Qt)
 });
-const Xt = o.partialRecord(xe, o.array(o.string()));
-o.object({ board: Xt });
-const ir = o.object({
+const en = o.partialRecord(Ie, o.array(o.string()));
+o.object({ board: en });
+const mr = o.object({
   mediaId: o.string(),
-  tier: xe,
-  absoluteTier: xe,
+  tier: Ie,
+  absoluteTier: Ie,
   /** Tier level + within-row position. Integer part is the tier. */
   score: o.number(),
   /** The consensus mean that decided the tier. Never the displayed number. */
   placementScore: o.number(),
   subRankOffset: o.number(),
-  votes: o.record(o.string(), xe)
+  votes: o.record(o.string(), Ie)
   // opaque voterId -> the letter they gave
 });
 o.object({
-  items: o.array(zt),
-  placed: o.array(ir),
+  items: o.array(Qt),
+  placed: o.array(mr),
   unrated: o.array(o.string()),
   spread: o.number(),
   nudged: o.boolean(),
   names: o.record(o.string(), o.string()),
   sprites: o.record(o.string(), o.string()),
+  /** Voter id -> avatar picture URL, for voters who have one. Optional so a
+   *  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: Xt
+  myBoard: en
 });
-const sr = {
+const fr = {
   /** Broadcast to EVERY connected socket when anyone saves. Carries no board —
    *  it is a "re-fetch" ping, because the shared result is identical for all
    *  viewers but `myBoard` is not, and one payload cannot serve both. */
@@ -347,10 +353,10 @@ o.object({
   ready: o.array(o.string())
   // clientIds who have flagged ready
 });
-const lr = {
+const pr = {
   STATE: "ready_check_state"
   // distinct from buffer-readiness 'ready_state'
-}, Jt = {
+}, tn = {
   ACTIVE: "game_active",
   // server -> room   (the open game id; null = none)
   SYNC: "game_sync"
@@ -362,7 +368,7 @@ o.object({
 o.object({
   gameId: o.string().nullable()
 });
-const cr = [
+const hr = [
   {
     id: "fantasy",
     characters: [
@@ -406,37 +412,37 @@ const cr = [
       { id: "mentor", color: "#e1e0dc" }
     ]
   }
-], et = cr.flatMap((e) => e.characters), Me = et.map((e) => e.id), dr = Object.fromEntries(et.map((e) => [e.id, e.color])), ur = Object.fromEntries(et.map((e) => [e.id, "rev" in e ? e.rev : 1]));
-function mr(e) {
-  const t = ur[e];
+], 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];
   return `/media/sprites/square_${e}.png${t > 1 ? `?v=${t}` : ""}`;
 }
-function tt(e) {
-  return !!e && Me.includes(e);
+function at(e) {
+  return !!e && Le.includes(e);
 }
-const fr = 5e3, Qt = { mode: "off", percent: 0 }, pr = ["off", "on", "ab"];
-function hr(e) {
-  return typeof e == "string" && pr.includes(e);
+const vr = 5e3, nn = { mode: "off", percent: 0 }, Sr = ["off", "on", "ab"];
+function _r(e) {
+  return typeof e == "string" && Sr.includes(e);
 }
-function gr(e) {
-  const t = e && typeof e == "object" ? e : {}, n = hr(t.mode) ? t.mode : Qt.mode, r = Number(t.percent), a = Number.isFinite(r) ? Math.min(100, Math.max(0, Math.round(r))) : 0;
+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;
   return { mode: n, percent: a };
 }
-function yr(e) {
+function xr(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 br(e, t, n) {
+function Ir(e, t, n) {
   if (n === !0)
     return "fragment";
   if (n === !1)
     return "range";
-  const r = gr(e);
-  return r.mode === "on" ? "fragment" : r.mode === "off" || r.percent <= 0 ? "range" : r.percent >= 100 || t && yr(t) % 100 < r.percent ? "fragment" : "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 Zt = o.enum(["url", "magnet", "upload"]), vr = o.enum([
+const rn = o.enum(["url", "magnet", "upload"]), Cr = o.enum([
   "pending",
   "approved",
   "fetching",
@@ -444,7 +450,7 @@ const Zt = o.enum(["url", "magnet", "upload"]), vr = o.enum([
   "ready",
   "rejected",
   "failed"
-]), yt = {
+]), _t = {
   pending: ["approved", "rejected"],
   approved: ["fetching", "rejected", "failed"],
   fetching: ["ingesting", "failed"],
@@ -453,12 +459,12 @@ const Zt = o.enum(["url", "magnet", "upload"]), vr = o.enum([
   rejected: [],
   failed: ["approved"]
 };
-Object.keys(yt).filter((e) => yt[e].length === 0);
-const Sr = o.object({
+Object.keys(_t).filter((e) => _t[e].length === 0);
+const Tr = o.object({
   id: o.string().min(1),
   /** Stable userId from whoami. Never the raw `X-User-Key`. */
   ownerUserId: o.string().min(1),
-  kind: Zt,
+  kind: rn,
   /** The magnet URI, the https URL, or the filetransfer binding id. */
   source: o.string().min(1),
   title: o.string().optional(),
@@ -473,7 +479,7 @@ const Sr = o.object({
    * misroute the copy.
    */
   series: o.string().optional(),
-  state: vr,
+  state: Cr,
   createdAt: o.number().int().nonnegative(),
   updatedAt: o.number().int().nonnegative(),
   /** Why it failed, or why an operator rejected it. */
@@ -481,19 +487,19 @@ const Sr = 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()
-}), _r = 4096, en = 300, wr = 100;
+}), Ar = 4096, on = 300, Er = 100;
 o.object({
-  kind: Zt,
-  source: o.string().min(1).max(_r),
-  title: o.string().min(1).max(en).optional(),
+  kind: rn,
+  source: o.string().min(1).max(Ar),
+  title: o.string().min(1).max(on).optional(),
   /** Required for `kind: 'magnet'` by `checkSource`; ignored for `url`/`upload`. */
-  series: o.string().min(1).max(wr).optional()
+  series: o.string().min(1).max(Er).optional()
 });
 o.object({
-  reason: o.string().min(1).max(en).optional()
+  reason: o.string().min(1).max(on).optional()
 });
 o.object({
-  submissions: o.array(Sr)
+  submissions: o.array(Tr)
 });
 o.object({
   error: o.literal("submissions/quota_exceeded"),
@@ -502,26 +508,26 @@ o.object({
   /** The cap that was applied, from the server's config. */
   capBytes: o.number().int().nonnegative()
 });
-const xr = /^[a-z0-9][a-z0-9-]{0,31}$/, bt = "https://game-catalog.invalid";
-function Ir(e) {
+const kr = /^[a-z0-9][a-z0-9-]{0,31}$/, wt = "https://game-catalog.invalid";
+function Pr(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, bt).origin === bt;
+    return new URL(e, wt).origin === wt;
   } catch {
     return !1;
   }
 }
-const tn = o.string().min(2).max(512).refine(Ir, {
+const an = o.string().min(2).max(512).refine(Pr, {
   message: "must be a root-relative path on the page origin (e.g. /cardtable/embed/x.js)"
-}), Cr = {
-  id: o.string().regex(xr),
+}), Nr = {
+  id: o.string().regex(kr),
   name: o.string().min(1).max(64),
-  cover: tn.optional()
-}, Tr = o.object({ ...Cr, kind: o.literal("module"), url: tn }).strict();
-o.array(Tr).max(32).refine((e) => new Set(e.map((t) => t.id)).size === e.length, { message: "game ids must be unique" });
-const nt = o.enum(["anilist", "tmdb"]), Ar = o.object({
-  source: nt,
+  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,
   /** The provider's own id, as a string (AniList and TMDB both use integers). */
   id: o.string(),
   title: o.string(),
@@ -542,11 +548,11 @@ const nt = o.enum(["anilist", "tmdb"]), Ar = o.object({
   addable: o.boolean()
 });
 o.object({
-  results: o.array(Ar),
+  results: o.array(Dr),
   /** Providers that answered. TMDB is absent when no token is configured. */
-  sources: o.array(nt)
+  sources: o.array(it)
 });
-const kr = o.object({
+const Or = o.object({
   id: o.string(),
   url: o.string(),
   title: o.string(),
@@ -554,35 +560,35 @@ const kr = o.object({
   durationS: o.number().nullable(),
   thumb: o.string().nullable()
 });
-o.object({ results: o.array(kr) });
+o.object({ results: o.array(Or) });
 o.object({
-  source: nt,
+  source: it,
   id: o.string().regex(/^\d{1,12}$/)
 });
 o.object({ series: o.string(), title: o.string() });
-let be = null, nn = Bt;
-function Er(e) {
-  e.cdnBase && (nn = e.cdnBase);
+let ve = null, sn = Kt;
+function Mr(e) {
+  e.cdnBase && (sn = e.cdnBase);
 }
-function rn() {
-  return nn.replace(/\/+$/, "");
+function ln() {
+  return sn.replace(/\/+$/, "");
 }
-function Le() {
-  const e = rn();
-  return (!be || be.base !== e) && (be = { base: e, client: Dn({ cdnBase: e }) }), be.client;
+function je() {
+  const e = ln();
+  return (!ve || ve.base !== e) && (ve = { base: e, client: Fn({ cdnBase: e }) }), ve.client;
 }
-function Pe(e) {
-  return !Je(e) || !rn() ? null : Le().urlFor(e);
+function Ne(e) {
+  return !tt(e) || !ln() ? null : je().urlFor(e);
 }
-function Pr(e) {
+function Lr(e) {
   return e.kind === "file";
 }
-class on extends Error {
+class cn extends Error {
   constructor(t) {
     super(t), this.name = "ChatImageUploadError";
   }
 }
-function Ie(e) {
+function Ce(e) {
   switch (e) {
     case "unauthenticated":
       return "Sign in to paste images";
@@ -602,88 +608,88 @@ function Ie(e) {
       return "Image upload failed";
   }
 }
-function Nr(e) {
-  return e instanceof Ke ? Ie(e.reason) : e instanceof on ? e.message : "Image upload failed";
+function jr(e) {
+  return e instanceof Ye ? Ce(e.reason) : e instanceof cn ? e.message : "Image upload failed";
 }
-function Rr(e) {
+function Ur(e) {
   const t = e.type.toLowerCase().split(";")[0].trim();
-  return t && On(t) !== "image" ? Ie("unsupported-type") : e.size > Mn.image ? Ie("too-large") : e.size === 0 ? Ie("invalid") : null;
+  return t && Hn(t) !== "image" ? Ce("unsupported-type") : e.size > $n.image ? Ce("too-large") : e.size === 0 ? Ce("invalid") : null;
 }
-function Dr(e) {
-  return jn(e);
+function Fr(e) {
+  return Gn(e);
 }
-function Or(e) {
-  return Un(e);
+function Hr(e) {
+  return qn(e);
 }
-async function Mr(e) {
-  const t = await Ln(e);
+async function $r(e) {
+  const t = await Bn(e);
   return { w: t?.width ?? 0, h: t?.height ?? 0 };
 }
-async function Lr(e, t = {}) {
-  const n = await Le().upload(e, { signal: t.signal });
-  if (!Je(n.key))
-    throw new on("Image upload returned an unusable key");
+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");
   return { key: n.key, deduplicated: n.deduplicated === !0 };
 }
-async function jr(e, t = {}) {
+async function Gr(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 Lr(r.file, t);
+    const { key: a } = await Br(r.file, t);
     n.push({ key: a, w: r.w, h: r.h });
   }
   return n;
 }
-function Ur(e) {
+function qr(e) {
   return {
     error: e instanceof Error ? e.message : String(e),
     name: e instanceof Error ? e.name : typeof e,
-    reason: e instanceof Ke ? e.reason : void 0,
-    status: e instanceof Ke ? e.status : void 0
+    reason: e instanceof Ye ? e.reason : void 0,
+    status: e instanceof Ye ? e.status : void 0
   };
 }
-const We = 240, X = 8, Fr = 28, an = 240;
-function Hr(e, t, n) {
-  let r = t.left - We - X;
-  r < X && (r = t.right + X), r = Math.min(r, n.width - We - X), r = Math.max(X, r);
-  const a = an + Fr;
+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;
   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 sn = "/dataplatform/api/memes", $r = 120;
-function Br({ onClose: e, onPick: t, onUnavailable: n }) {
-  const [r, a] = R(""), i = z(null), s = z(null), l = Le(), { items: p, loading: h, error: f, hasMore: L, loadMore: O } = Wn(
+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(
     l,
-    sn,
+    un,
     r.trim()
-  ), M = f?.reason ?? null, C = Q(() => {
+  ), L = f?.reason ?? null, C = Q(() => {
     const x = /* @__PURE__ */ new Set();
-    return p.filter((P) => x.has(P.key) ? !1 : (x.add(P.key), !0));
-  }, [p]), [m, v] = R(null), b = z(null), I = E(() => {
+    return u.filter((P) => x.has(P.key) ? !1 : (x.add(P.key), !0));
+  }, [u]), [p, v] = R(null), b = z(null), I = k(() => {
     b.current !== null && (window.clearTimeout(b.current), b.current = null);
-  }, []), g = E(() => {
+  }, []), g = k(() => {
     I(), v(null);
-  }, [I]), k = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(hover: hover)").matches, N = E(
+  }, [I]), E = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(hover: hover)").matches, N = k(
     (x, P, T = !1) => {
-      const pe = i.current;
-      if (!pe) return;
-      const he = () => v({
+      const he = i.current;
+      if (!he) return;
+      const ge = () => v({
         item: x,
-        ...Hr(P.getBoundingClientRect(), pe.getBoundingClientRect(), {
+        ...Kr(P.getBoundingClientRect(), he.getBoundingClientRect(), {
           width: window.innerWidth,
           height: window.innerHeight
         })
       });
-      I(), T ? he() : b.current = window.setTimeout(he, $r);
+      I(), T ? ge() : b.current = window.setTimeout(ge, Wr);
     },
     [I]
   );
   D(() => () => I(), [I]), D(() => {
-    M === "unavailable" && n?.();
-  }, [M, n]), D(() => {
+    L === "unavailable" && n?.();
+  }, [L, n]), D(() => {
     s.current?.focus();
   }, []), D(() => {
     const x = (T) => {
@@ -695,7 +701,7 @@ function Br({ onClose: e, onPick: t, onUnavailable: n }) {
       document.removeEventListener("keydown", x), document.removeEventListener("mousedown", P);
     };
   }, [e]);
-  const U = E((x) => {
+  const U = k((x) => {
     t(x), e();
   }, [t, e]), F = !h && !f && C.length === 0;
   return /* @__PURE__ */ _(
@@ -732,13 +738,13 @@ function Br({ onClose: e, onPick: t, onUnavailable: n }) {
                 {
                   className: "m-2 p-2 text-center text-sm bg-danger-bg text-on-danger-bg rounded",
                   role: "alert",
-                  "data-reason": M,
-                  children: M === "unauthenticated" ? "Sign in to browse memes" : M === "forbidden" ? "Your account can't browse the meme library" : "Meme library is unavailable"
+                  "data-reason": L,
+                  children: L === "unauthenticated" ? "Sign in to browse memes" : L === "forbidden" ? "Your account can't browse the meme library" : "Meme library is unavailable"
                 }
               ),
               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 = Pe(x.key);
+                const P = Ne(x.key);
                 return P ? /* @__PURE__ */ c(
                   "button",
                   {
@@ -747,7 +753,7 @@ function Br({ onClose: e, onPick: t, onUnavailable: n }) {
                     title: x.title,
                     "data-testid": "meme-result",
                     onMouseEnter: (T) => {
-                      k && N(x, T.currentTarget);
+                      E && N(x, T.currentTarget);
                     },
                     onMouseLeave: g,
                     onFocus: (T) => N(x, T.currentTarget, !0),
@@ -768,11 +774,11 @@ function Br({ onClose: e, onPick: t, onUnavailable: n }) {
                 ) : null;
               }) }),
               h && /* @__PURE__ */ c("p", { className: "p-2 text-center text-xs text-text-secondary", children: "Loading…" }),
-              L && !h && /* @__PURE__ */ c(
+              O && !h && /* @__PURE__ */ c(
                 "button",
                 {
                   type: "button",
-                  onClick: O,
+                  onClick: M,
                   "data-testid": "meme-load-more",
                   className: "mt-2 w-full rounded border border-border-light py-1 text-xs text-text-secondary hover:text-text hover:border-primary",
                   children: "Load more"
@@ -781,15 +787,15 @@ function Br({ onClose: e, onPick: t, onUnavailable: n }) {
             ]
           }
         ),
-        m && /* @__PURE__ */ _(
+        p && /* @__PURE__ */ _(
           "div",
           {
             "data-testid": "meme-preview",
             className: "fixed z-50 flex flex-col gap-1 rounded border border-border-light bg-bg-card p-1.5 shadow-2xl",
             style: {
-              left: m.left,
-              top: m.top,
-              width: We,
+              left: p.left,
+              top: p.top,
+              width: ze,
               /* 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
@@ -803,15 +809,15 @@ function Br({ onClose: e, onPick: t, onUnavailable: n }) {
               /* @__PURE__ */ c(
                 "img",
                 {
-                  src: Pe(m.item.key) ?? void 0,
+                  src: Ne(p.item.key) ?? void 0,
                   alt: "",
                   className: "block w-full rounded bg-bg object-contain",
-                  style: { height: "auto", maxHeight: an }
+                  style: { height: "auto", maxHeight: dn }
                 }
               ),
-              m.item.title && /* One line. A long title must not change the box height, because
+              p.item.title && /* One line. A long title must not change the box height, because
               the box height is what the placement maths clamped against. */
-              /* @__PURE__ */ c("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap text-center text-[10px] text-text-secondary", children: m.item.title })
+              /* @__PURE__ */ c("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap text-center text-[10px] text-text-secondary", children: p.item.title })
             ]
           }
         )
@@ -819,42 +825,42 @@ function Br({ onClose: e, onPick: t, onUnavailable: n }) {
     }
   );
 }
-function Gr({ open: e, ...t }) {
-  return e ? /* @__PURE__ */ c(Br, { ...t }) : null;
+function zr({ open: e, ...t }) {
+  return e ? /* @__PURE__ */ c(Yr, { ...t }) : null;
 }
-const rt = {
-  serverOrigin: `http://localhost:${Qe}`,
+const st = {
+  serverOrigin: `http://localhost:${nt}`,
   defaultRoomKey: "dev-room",
-  cdnBase: Bt
+  cdnBase: Kt
 };
-let Ce = { ...rt };
-function qr(e) {
+let Te = { ...st };
+function Xr(e) {
   const t = Object.fromEntries(
     Object.entries(e).filter(([n, r]) => r !== void 0)
   );
-  Ce = { ...Ce, ...t }, Er({ cdnBase: Ce.cdnBase });
+  Te = { ...Te, ...t }, Mr({ cdnBase: Te.cdnBase });
 }
-function me() {
-  return Ce;
+function fe() {
+  return Te;
 }
-const Vr = Ht(rt);
-function Kr(e) {
+const Jr = qt(st);
+function Zr(e) {
   return e.serverOrigin?.replace(/\/$/, "") || "";
 }
-function ln() {
-  return Kr(me());
+function mn() {
+  return Zr(fe());
 }
-const cn = Ht(null);
-function Wr() {
-  return kn(cn);
+const fn = qt(null);
+function Qr() {
+  return Dn(fn);
 }
-const te = {
+const ne = {
   ANON_KEY: "watchparty_preferences",
   DEBUG_FLAG: "wp:debug",
   REPORT_LOGS_FLAG: "wp:reportLogs",
   voteKey: (e, t, n) => `watchparty_vote:${e}:${t}:${n}`
 };
-function je() {
+function Ue() {
   try {
     return globalThis.localStorage ?? null;
   } catch {
@@ -863,22 +869,22 @@ function je() {
 }
 function B(e) {
   try {
-    return je()?.getItem(e) ?? null;
+    return Ue()?.getItem(e) ?? null;
   } catch {
     return null;
   }
 }
-function ot(e, t) {
+function lt(e, t) {
   try {
-    const n = je();
+    const n = Ue();
     return n ? (n.setItem(e, t), !0) : !1;
   } catch {
     return !1;
   }
 }
-function Yr() {
+function eo() {
   try {
-    const e = je();
+    const e = Ue();
     if (!e) return [];
     const t = [];
     for (let n = 0; n < e.length; n++) {
@@ -890,51 +896,51 @@ function Yr() {
     return [];
   }
 }
-function Ne(e) {
+function Re(e) {
   try {
-    je()?.removeItem(e);
+    Ue()?.removeItem(e);
   } catch {
   }
 }
-function zr(e) {
+function to(e) {
   const t = B(e);
   return t === null ? null : t === "true" ? !0 : t === "false" ? !1 : null;
 }
-const dn = /* @__PURE__ */ new Map();
-let un = !1;
-function Ue(e, t) {
-  dn.set(e, t), un && mn(e, t);
+const pn = /* @__PURE__ */ new Map();
+let hn = !1;
+function Fe(e, t) {
+  pn.set(e, t), hn && gn(e, t);
 }
-function Xr() {
-  un = !0;
-  for (const [e, t] of dn) mn(e, t);
+function no() {
+  hn = !0;
+  for (const [e, t] of pn) gn(e, t);
 }
-function mn(e, t) {
+function gn(e, t) {
   typeof window > "u" || (window[e] = t);
 }
-const ie = [], Jr = 500;
-let Te = [], Ye = null;
-const Qr = 1e3, Zr = 200;
-let ze = null;
-function fn(e) {
-  ze = e;
+const se = [], ro = 500;
+let Ae = [], Xe = null;
+const oo = 1e3, ao = 200;
+let Je = null;
+function yn(e) {
+  Je = e;
 }
-function pn() {
-  return B(te.REPORT_LOGS_FLAG) === "true";
+function bn() {
+  return B(ne.REPORT_LOGS_FLAG) === "true";
 }
-function eo() {
+function io() {
   if (typeof window > "u") return !1;
   if (window.__WP_DEBUG__ || new URLSearchParams(window.location.search).get("debug") === "true") return !0;
-  const t = B(te.DEBUG_FLAG);
+  const t = B(ne.DEBUG_FLAG);
   return t !== null && t !== "false";
 }
-function to() {
-  const e = B(te.DEBUG_FLAG);
+function so() {
+  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 no() {
+function lo() {
   return (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", {
     hour12: !1,
     hour: "2-digit",
@@ -943,24 +949,24 @@ function no() {
     fractionalSecondDigits: 3
   });
 }
-function ro(e) {
-  ie.push(e), ie.length > Jr && ie.shift();
+function co(e) {
+  se.push(e), se.length > ro && se.shift();
 }
-const Fe = {
+const He = {
   debug: "color: #64748b; font-weight: normal;",
   warn: "color: #f59e0b; font-weight: bold;",
   error: "color: #ef4444; font-weight: bold;",
   category: "color: #3b82f6; font-weight: bold;",
   time: "color: #6b7280; font-weight: normal;"
 };
-function oo(e) {
+function uo(e) {
   try {
     return JSON.stringify(e);
   } catch {
     return "[unserializable]";
   }
 }
-function at(e, t, n, r, a, i, s) {
+function ct(e, t, n, r, a, i, s) {
   const l = {
     level: e,
     category: a,
@@ -968,47 +974,47 @@ function at(e, t, n, r, a, i, s) {
     data: s,
     timestamp: Date.now()
   };
-  if (ro(l), (n || pn()) && vt(l), !r) {
-    if (!eo()) return;
-    const f = to();
+  if (co(l), (n || bn()) && xt(l), !r) {
+    if (!io()) return;
+    const f = so();
     if (f && !f.has(a.toLowerCase())) return;
   }
-  const p = no(), h = s !== void 0 ? " " + oo(s) : "";
+  const u = lo(), h = s !== void 0 ? " " + uo(s) : "";
   t(
-    `%c[${p}]%c [${a}]%c ${i}${h}`,
-    Fe.time,
-    Fe.category,
-    Fe[e]
+    `%c[${u}]%c [${a}]%c ${i}${h}`,
+    He.time,
+    He.category,
+    He[e]
   );
 }
 function d(e, t, n) {
-  at("debug", console.log, !1, !1, e, t, n);
+  ct("debug", console.log, !1, !1, e, t, n);
 }
 function A(e, t, n) {
-  at("warn", console.warn, !0, !1, e, t, n);
+  ct("warn", console.warn, !0, !1, e, t, n);
 }
-function Ae(e, t, n) {
-  at("error", console.error, !0, !0, e, t, n);
+function Ee(e, t, n) {
+  ct("error", console.error, !0, !0, e, t, n);
 }
-function ao() {
-  return [...ie];
+function mo() {
+  return [...se];
 }
-function io() {
-  ie.length = 0;
+function fo() {
+  se.length = 0;
 }
-function so(e) {
+function po(e) {
   const t = e && e.length > 0 ? e.join(",") : "true";
-  ot(te.DEBUG_FLAG, t), console.log("[wp] Debug mode enabled");
+  lt(ne.DEBUG_FLAG, t), console.log("[wp] Debug mode enabled");
 }
-function lo() {
-  Ne(te.DEBUG_FLAG), console.log("[wp] Debug mode disabled");
+function ho() {
+  Re(ne.DEBUG_FLAG), console.log("[wp] Debug mode disabled");
 }
-const co = 1024, uo = 5e4;
-function mo(e) {
+const go = 1024, yo = 5e4;
+function bo(e) {
   if (e == null) return e;
   try {
     const t = JSON.stringify(e);
-    if (t.length <= co) return e;
+    if (t.length <= go) return e;
     if (typeof e == "object" && !Array.isArray(e)) {
       const n = {};
       for (const [r, a] of Object.entries(e)) {
@@ -1022,35 +1028,35 @@ function mo(e) {
     return "[unserializable]";
   }
 }
-async function fo() {
-  if (Te.length === 0) return;
-  const e = Te;
-  Te = [], Ye = null;
+async function vo() {
+  if (Ae.length === 0) return;
+  const e = Ae;
+  Ae = [], Xe = null;
   try {
-    let n = me().serverOrigin || "";
+    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(qt) ? n = `${l.protocol}//${l.hostname}:${Qe}` : n = l.origin;
+      (l.hostname === "localhost" || l.hostname === "127.0.0.1") && l.port === String(Yt) ? n = `${l.protocol}//${l.hostname}:${nt}` : n = l.origin;
     }
     const r = `${n.replace(/\/$/, "")}/api/client-log`, a = e.map((l) => ({
       level: l.level,
       category: l.category,
       message: l.message,
-      data: mo(l.data),
+      data: bo(l.data),
       timestamp: l.timestamp,
       url: typeof window < "u" ? window.location.href : void 0,
       userAgent: typeof navigator < "u" ? navigator.userAgent : void 0,
-      room_key: ze?.room_key,
-      client_id: ze?.client_id
+      room_key: Je?.room_key,
+      client_id: Je?.client_id
     }));
     let i = [], s = 0;
     for (const l of a) {
-      const p = JSON.stringify(l).length + 1;
-      s + p > uo && i.length > 0 && (await fetch(r, {
+      const u = JSON.stringify(l).length + 1;
+      s + u > yo && 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 += p;
+      }), i = [], s = 0), i.push(l), s += u;
     }
     i.length > 0 && await fetch(r, {
       method: "POST",
@@ -1058,70 +1064,70 @@ async function fo() {
       body: JSON.stringify({ logs: i })
     });
   } catch (t) {
-    console.warn("[wp] log flush failed (client logs may be lost):", fe(t).error);
+    console.warn("[wp] log flush failed (client logs may be lost):", pe(t).error);
   }
 }
-function vt(e) {
-  if (Te.push(e), !Ye) {
-    const t = pn() ? Zr : Qr;
-    Ye = setTimeout(() => {
-      fo();
+function xt(e) {
+  if (Ae.push(e), !Xe) {
+    const t = bn() ? ao : oo;
+    Xe = setTimeout(() => {
+      vo();
     }, t);
   }
 }
-function fe(e) {
+function pe(e) {
   return e instanceof Error ? { error: e.message, name: e.name } : { error: String(e), name: typeof e };
 }
-Ue("__wpDebug", {
-  enable: so,
-  disable: lo,
-  history: ao,
-  clear: io
+Fe("__wpDebug", {
+  enable: po,
+  disable: ho,
+  history: mo,
+  clear: fo
 });
 const Y = {
   resolved: !1,
   userType: "public",
   accountId: null
 };
-function it() {
+function dt() {
   return Y.accountId ? Y.accountId : Y.resolved && Y.userType === "public" ? "anon" : null;
 }
-function po(e) {
+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 st() {
+function ut() {
   return Y.accountId ?? "public";
 }
-function ho() {
-  return it() ?? "unscoped";
+function _o() {
+  return dt() ?? "unscoped";
 }
-function hn(e) {
-  return tt(e) ? dr[e] : "var(--color-neutral-bg)";
+function vn(e) {
+  return at(e) ? gr[e] : "var(--color-neutral-bg)";
 }
-function go(e) {
-  return tt(e) ? `${me().serverOrigin.replace(/\/$/, "")}${mr(e)}` : void 0;
+function wo(e) {
+  return at(e) ? `${fe().serverOrigin.replace(/\/$/, "")}${br(e)}` : void 0;
 }
-let ce = null, ve = null;
-function yo() {
-  return ce ? Promise.resolve() : ve || (ve = (async () => {
+let de = null, Se = null;
+function xo() {
+  return de ? Promise.resolve() : Se || (Se = (async () => {
     try {
-      const e = me().serverOrigin.replace(/\/$/, ""), t = await fetch(`${e}/media/sprites/names.json`, { cache: "no-cache" });
+      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();
-      ce = n, Ue("__DISPLAY_NAMES__", n), d("characters", "Loaded display names", n);
+      de = n, Fe("__DISPLAY_NAMES__", n), d("characters", "Loaded display names", n);
     } catch (e) {
-      d("characters", "display names fetch failed (degrading to sprite IDs)", fe(e));
+      d("characters", "display names fetch failed (degrading to sprite IDs)", pe(e));
     }
-  })(), ve);
+  })(), Se);
 }
-function de(e) {
-  return ce?.[e] || e.charAt(0).toUpperCase() + e.slice(1);
+function ue(e) {
+  return de?.[e] || e.charAt(0).toUpperCase() + e.slice(1);
 }
 function J(e) {
   const t = e.toLowerCase();
-  return Me.some((n) => n === t) ? !0 : ce ? Object.values(ce).some((n) => n.toLowerCase() === t) : !1;
+  return Le.some((n) => n === t) ? !0 : de ? Object.values(de).some((n) => n.toLowerCase() === t) : !1;
 }
-const bo = o.object({
+const Io = 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).
@@ -1146,19 +1152,19 @@ const bo = o.object({
   preferredAudioLang: o.string().optional(),
   subtitlesEnabled: o.boolean().optional(),
   subtitleStyle: o.string().optional()
-}), se = Hn({
+}), le = Kn({
   appId: "watchparty",
-  schema: bo
-}), vo = /* @__PURE__ */ new Set(["theme", "themeMode"]);
-function Re(e) {
-  const t = it();
+  schema: Io
+}), Co = /* @__PURE__ */ new Set(["theme", "themeMode"]);
+function De(e) {
+  const t = dt();
   return t ? `prefs-cache:${t}:${e}` : null;
 }
-function So() {
-  return it() === null;
+function To() {
+  return dt() === null;
 }
-function St(e) {
-  const t = Re(e);
+function It(e) {
+  const t = De(e);
   if (!t) return {};
   const n = B(t);
   if (!n) return {};
@@ -1168,10 +1174,10 @@ function St(e) {
     return {};
   }
 }
-function _o() {
+function Ao() {
   let e = 0;
-  for (const t of Yr()) {
-    const n = t.startsWith("prefs-cache:") && t.endsWith(":watchparty"), r = t === De || t.startsWith(`${De}:`) && !t.endsWith(":_serverSynced_v1");
+  for (const t of eo()) {
+    const n = t.startsWith("prefs-cache:") && t.endsWith(":watchparty"), r = t === Oe || t.startsWith(`${Oe}:`) && !t.endsWith(":_serverSynced_v1");
     if (!n && !r) continue;
     const a = B(t);
     if (!a) continue;
@@ -1183,18 +1189,18 @@ function _o() {
     }
     const s = n ? i?.blob : i;
     if (!s || typeof s != "object" || !("name" in s)) continue;
-    const { name: l, ...p } = s, h = n ? { ...i, blob: p } : p;
-    ot(t, JSON.stringify(h)) && e++;
+    const { name: l, ...u } = s, h = n ? { ...i, blob: u } : u;
+    lt(t, JSON.stringify(h)) && e++;
   }
   return e > 0 && d("preferences", "Stripped retired name from cached prefs rows", { rewritten: e }), e;
 }
-let gn = null, yn = null;
-const _t = /* @__PURE__ */ new Set();
-function lt() {
-  if (So())
+let Sn = null, _n = null;
+const Ct = /* @__PURE__ */ new Set();
+function mt() {
+  if (To())
     return d("preferences", "Boot read deferred — session pending, identity unresolved"), {};
-  const e = St("portfolio"), t = St("watchparty"), n = Object.keys(e).length > 0 ? e : gn ?? {}, r = Object.keys(t).length > 0 ? t : yn ?? {}, a = st() || "public";
-  if (_t.has(a))
+  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))
     return d("preferences", "Loaded (sync, SDK-only after first read)", {
       uid: a,
       sdkThemeKeys: Object.keys(n).length,
@@ -1204,8 +1210,8 @@ function lt() {
       themeSource: Object.keys(e).length > 0 ? "cache" : "mem",
       appSource: Object.keys(t).length > 0 ? "cache" : "mem"
     }), { ...r, ...n };
-  _t.add(a);
-  const i = vn() ?? {}, s = { ...i, ...r, ...n };
+  Ct.add(a);
+  const i = xn() ?? {}, s = { ...i, ...r, ...n };
   return d("preferences", "Loaded (sync, first read — legacy + SDK)", {
     uid: a,
     sdkThemeKeys: Object.keys(n).length,
@@ -1215,60 +1221,60 @@ function lt() {
     appSource: Object.keys(t).length > 0 ? "cache" : "mem"
   }), s;
 }
-let bn = !1;
-function wo() {
-  const e = st();
+let wn = !1;
+function Eo() {
+  const e = ut();
   return !e || e === "public";
 }
 function G(e, t) {
-  wo() && (bn = !0), vo.has(e) ? ae.save({ [e]: t }, { scope: "device" }).catch((n) => A("preferences", "themePrefs.save failed", { key: e, err: n?.message })) : se.save({ [e]: t }).catch((n) => A("preferences", "watchpartyPrefs.save failed", { key: e, err: n?.message })), d("preferences", "Saved (via SDK)", { key: e, value: t });
+  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 });
 }
-let Se = null, wt = !1;
-function xo() {
-  return Se || (Se = (async () => {
+let _e = null, Tt = !1;
+function ko() {
+  return _e || (_e = (async () => {
     if (typeof window > "u") return !1;
     try {
-      wt || (wt = !0, ae.subscribe((s) => {
-        gn = s, Ct("portfolio", s), Tt("theme");
-      }), se.subscribe((s) => {
-        yn = s, Ct("watchparty", s), Tt("watchparty");
+      Tt || (Tt = !0, ie.subscribe((s) => {
+        Sn = s, kt("portfolio", s), Pt("theme");
+      }), le.subscribe((s) => {
+        _n = s, kt("watchparty", s), Pt("watchparty");
       }));
       const [e, t] = await Promise.all([
-        ae.read(),
-        se.read()
+        ie.read(),
+        le.read()
       ]);
       try {
-        const { useAppStore: s } = await Promise.resolve().then(() => _n);
+        const { useAppStore: s } = await Promise.resolve().then(() => Cn);
         s.getState().rehydrateFromPrefs();
       } catch (s) {
         A("preferences", "inline rehydrate after SDK read failed", { err: s?.message });
       }
-      const n = Re("portfolio"), r = Re("watchparty"), a = n ? B(n) : null, i = r ? B(r) : null;
+      const n = De("portfolio"), r = De("watchparty"), a = n ? B(n) : null, i = r ? B(r) : null;
       return d("preferences", "sdk.read", {
         themeKeys: Object.keys(e ?? {}),
         appKeys: Object.keys(t ?? {}),
         // Post-fetch cache state: should be non-zero if SDK wrote it.
         sdkThemeBytesPost: a?.length ?? 0,
         sdkAppBytesPost: i?.length ?? 0
-      }), await Io(e, t), bn ? (d("preferences", "Promoting this load's pre-auth picks to the signed-in user"), await Promise.all([
-        ae.promoteAnonPrefsToUser().catch(() => {
+      }), await Po(e, t), wn ? (d("preferences", "Promoting this load's pre-auth picks to the signed-in user"), await Promise.all([
+        ie.promoteAnonPrefsToUser().catch(() => {
         }),
-        se.promoteAnonPrefsToUser().catch(() => {
+        le.promoteAnonPrefsToUser().catch(() => {
         })
       ])) : d("preferences", "Skipping anon promotion — no pre-auth writes this load"), d("preferences", "First-load SDK sync complete"), !0;
     } catch (e) {
       return A("preferences", "First-load SDK sync failed (non-fatal)", { err: e?.message }), !1;
     }
-  })(), Se);
+  })(), _e);
 }
-const De = "watchparty_preferences";
-_o();
-function Xe() {
-  const e = st();
-  return !e || e === "public" ? De : `${De}:${e}`;
+const Oe = "watchparty_preferences";
+Ao();
+function Ze() {
+  const e = ut();
+  return !e || e === "public" ? Oe : `${Oe}:${e}`;
 }
-function vn() {
-  const e = B(Xe());
+function xn() {
+  const e = B(Ze());
   if (!e) return null;
   try {
     const t = JSON.parse(e);
@@ -1277,40 +1283,40 @@ function vn() {
     return null;
   }
 }
-function xt() {
-  Ne(Xe()), Ne(`${Xe()}:_serverSynced_v1`);
+function At() {
+  Re(Ze()), Re(`${Ze()}:_serverSynced_v1`);
 }
-async function Io(e, t) {
-  const n = vn();
+async function Po(e, t) {
+  const n = xn();
   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), p = Object.keys(s);
-  if (l.length === 0 && p.length === 0) {
-    xt();
+  const l = Object.keys(i), u = Object.keys(s);
+  if (l.length === 0 && u.length === 0) {
+    At();
     return;
   }
   d("preferences", "Migrating legacy localStorage prefs to SDK", {
     themeKeys: l,
-    appKeys: p,
+    appKeys: u,
     sdkHasTheme: r,
     sdkHasApp: a
   });
   try {
     await Promise.all([
-      l.length > 0 ? ae.save(i, { scope: "device" }) : Promise.resolve(),
-      p.length > 0 ? se.save(s) : Promise.resolve()
-    ]), xt(), d("preferences", "Legacy migration complete");
+      l.length > 0 ? ie.save(i, { scope: "device" }) : Promise.resolve(),
+      u.length > 0 ? le.save(s) : Promise.resolve()
+    ]), At(), d("preferences", "Legacy migration complete");
   } catch (h) {
     A("preferences", "Legacy migration save failed — will retry next load", {
       err: h?.message
     });
   }
 }
-let It = !1;
-function Ct(e, t) {
-  const n = Re(e);
+let Et = !1;
+function kt(e, t) {
+  const n = De(e);
   if (n)
     try {
       const r = {
@@ -1321,15 +1327,15 @@ function Ct(e, t) {
       };
       localStorage.setItem(n, JSON.stringify(r));
     } catch (r) {
-      It || (It = !0, A("preferences", "writeThrough localStorage failed (in-memory backstop only)", {
+      Et || (Et = !0, A("preferences", "writeThrough localStorage failed (in-memory backstop only)", {
         appId: e,
         err: r?.message,
         name: r?.name
       }));
     }
 }
-function Tt(e) {
-  Promise.resolve().then(() => _n).then(({ useAppStore: t }) => {
+function Pt(e) {
+  Promise.resolve().then(() => Cn).then(({ useAppStore: t }) => {
     try {
       t.getState().rehydrateFromPrefs();
     } catch (n) {
@@ -1337,33 +1343,33 @@ function Tt(e) {
     }
   }).catch((t) => A("preferences", "store import failed", { reason: e, err: t?.message }));
 }
-const Sn = 320, Oe = 240, ct = 640, Co = 320, To = 36, At = 16;
+const In = 320, Me = 240, ft = 640, No = 320, Ro = 36, Nt = 16;
 function V(e, t) {
-  if (!Number.isFinite(e)) return Sn;
-  let n = ct;
-  return t !== void 0 && Number.isFinite(t) && t > 0 && (n = Math.min(n, t - Co)), n = Math.max(n, Oe), Math.round(Math.min(n, Math.max(Oe, e)));
+  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)));
 }
-function kt(e, t, n, r) {
+function Rt(e, t, n, r) {
   return V(e + (t - n), r);
 }
-function Ao(e, t, n) {
+function Do(e, t, n) {
   switch (t) {
     case "ArrowLeft":
-      return V(e + At, n);
+      return V(e + Nt, n);
     case "ArrowRight":
-      return V(e - At, n);
+      return V(e - Nt, n);
     case "Home":
-      return V(Oe, n);
+      return V(Me, n);
     case "End":
-      return V(ct, n);
+      return V(ft, n);
     default:
       return null;
   }
 }
-function ko(e, t) {
-  return { collapsed: e, width: e ? To : t };
+function Oo(e, t) {
+  return { collapsed: e, width: e ? Ro : t };
 }
-const q = lt(), u = Fn((e, t) => ({
+const q = mt(), m = Vn((e, t) => ({
   ready: !1,
   name: "",
   sprite: null,
@@ -1373,7 +1379,7 @@ const q = lt(), u = Fn((e, t) => ({
   chat: [],
   chatCollapsed: q.chatCollapsed ?? !1,
   chromeChatCollapsed: q.chromeChatCollapsed ?? !1,
-  chromeChatWidth: V(q.chromeChatWidth ?? Sn),
+  chromeChatWidth: V(q.chromeChatWidth ?? In),
   // 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.
@@ -1417,7 +1423,7 @@ const q = lt(), u = Fn((e, t) => ({
   ensureAutoIdentity: () => e((n) => {
     if (n.name) return {};
     if (n.sprite) {
-      const a = de(n.sprite);
+      const a = ue(n.sprite);
       return d("store", "Auto-identity: deriving name from the requested sprite", { name: a, sprite: n.sprite }), { name: a };
     }
     const r = new Set(Object.values(n.roster).map((a) => a.sprite).filter(Boolean));
@@ -1425,9 +1431,9 @@ const q = lt(), u = Fn((e, t) => ({
       rosterSize: Object.keys(n.roster).length,
       usedSprites: Array.from(r)
     });
-    for (const a of Me)
+    for (const a of Le)
       if (!r.has(a)) {
-        const i = de(a);
+        const i = ue(a);
         return d("store", "Auto-identity assigned", { name: i, sprite: a }), { name: i, sprite: a };
       }
     return A("store", "All characters taken, leaving identity unset"), {};
@@ -1438,7 +1444,7 @@ const q = lt(), u = Fn((e, t) => ({
   applySnapshot: (n) => e((r) => {
     const a = { ...r.roster };
     if (n.users)
-      for (const p of n.users) a[p.clientId] = p;
+      for (const u of n.users) a[u.clientId] = u;
     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,
@@ -1513,8 +1519,8 @@ const q = lt(), u = Fn((e, t) => ({
     const s = [...i.drift.rtts, n].slice(-5);
     let l = i.drift.offsetMs;
     if (r && a) {
-      const p = a + n / 2;
-      l = r - p;
+      const u = a + n / 2;
+      l = r - u;
     }
     return { drift: { rtts: s, offsetMs: l } };
   }),
@@ -1568,13 +1574,13 @@ const q = lt(), u = Fn((e, t) => ({
    */
   moveTierlistItem: (n, r, a) => e((i) => {
     const s = {};
-    for (const [l, p] of Object.entries(i.tierlistDraft)) {
-      const h = (p ?? []).filter((f) => f !== n);
+    for (const [l, u] of Object.entries(i.tierlistDraft)) {
+      const h = (u ?? []).filter((f) => f !== n);
       h.length > 0 && (s[l] = h);
     }
     if (r !== null) {
-      const l = s[r] ?? [], p = Math.max(0, Math.min(a ?? l.length, l.length));
-      l.splice(p, 0, n), s[r] = l;
+      const l = s[r] ?? [], u = Math.max(0, Math.min(a ?? l.length, l.length));
+      l.splice(u, 0, n), s[r] = l;
     }
     return { tierlistDraft: s };
   }),
@@ -1583,7 +1589,7 @@ const q = lt(), u = Fn((e, t) => ({
   setGameSettings: (n) => e({ gameSettings: n }),
   setRoomKeyType: (n) => e({ roomKeyType: n }),
   rehydrateFromPrefs: () => e((n) => {
-    const r = lt(), a = {};
+    const r = mt(), 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;
@@ -1592,107 +1598,107 @@ const q = lt(), u = Fn((e, t) => ({
   }),
   setSidebarTab: (n) => e((r) => r.sidebarTab === n && n !== "chat" ? { sidebarTab: "chat" } : { sidebarTab: n, chatCollapsed: !1 })
 }));
-Ue("__ZUSTAND_STORE__", u);
-const _n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+Fe("__ZUSTAND_STORE__", m);
+const Cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  useAppStore: u
+  useAppStore: m
 }, Symbol.toStringTag, { value: "Module" }));
-function Eo(e) {
-  return `${ln()}/media/${e}`.replace(/\\/g, "/");
+function Mo(e) {
+  return `${mn()}/media/${e}`.replace(/\\/g, "/");
 }
-function Po(e, t) {
-  return Eo(t ?? `${e}/poster.jpg`);
+function Lo(e, t) {
+  return Mo(t ?? `${e}/poster.jpg`);
 }
-function No(e) {
-  return `${ln()}${e}`.replace(/\\/g, "/");
+function jo(e) {
+  return `${mn()}${e}`.replace(/\\/g, "/");
 }
-async function Ro(e) {
+async function Uo(e) {
   try {
-    const t = await fetch(No("/api/tierlist"));
+    const t = await fetch(jo("/api/tierlist"));
     if (!t.ok)
       return A("tierlist", "Board fetch failed", { status: t.status }), null;
     const n = await t.json();
-    return u.getState().setTierlistSnapshot(n, e), d("tierlist", "Board loaded", {
+    return m.getState().setTierlistSnapshot(n, e), d("tierlist", "Board loaded", {
       items: n.items.length,
       voters: n.voterCount,
       placed: n.placed.length
     }), n;
   } catch (t) {
-    return A("tierlist", "Board fetch threw", fe(t)), null;
+    return A("tierlist", "Board fetch threw", pe(t)), null;
   }
 }
-let Et = !1;
-function Do() {
-  if (Et || typeof Image > "u") return;
-  const e = u.getState().tierlist;
+let Dt = !1;
+function Fo() {
+  if (Dt || typeof Image > "u") return;
+  const e = m.getState().tierlist;
   if (!(!e || e.items.length === 0)) {
-    Et = !0;
+    Dt = !0;
     for (const t of e.items) {
       const n = new Image();
-      n.decoding = "async", n.src = Po(t.id, t.thumbnail);
+      n.decoding = "async", n.src = Lo(t.id, t.thumbnail);
     }
     d("tierlist", "Warming posters", { count: e.items.length });
   }
 }
-function Oo() {
-  const e = u.getState(), t = new Set(Object.values(e.roster).map((i) => i.sprite).filter(Boolean)), n = Me.find((i) => !t.has(i));
+function 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));
   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 : de(n);
+  const r = !!e.name && !J(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 Mo(e) {
-  const t = u.getState(), n = e ? t.roster[e] : void 0;
+function $o(e) {
+  const t = m.getState(), n = e ? t.roster[e] : void 0;
   return !n || !!n.sprite && n.sprite === t.sprite;
 }
-const Pt = "hadoku:avatar";
-function wn(e) {
+const Ot = "hadoku:avatar";
+function Tn(e) {
   const t = e?.sprite ?? e?.avatar?.sprite ?? null;
-  return tt(t) ? t : null;
+  return at(t) ? t : null;
 }
-async function Lo(e = {}) {
+async function Bo(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 qn({ baseUrl: r, fetch: t }).get(), i = wn(a);
+    const a = await Xn({ baseUrl: r, fetch: t }).get(), i = Tn(a);
     return d("avatar", "Requested character from prefs-api", { sprite: i }), i;
   } catch (a) {
-    return a instanceof ht && (a.status === 401 || a.status === 403 || a.status === 404) ? d("avatar", "No avatar settings here (signed out, or no prefs-api on this origin)", { status: a.status }) : A("avatar", "Avatar settings read failed — keeping the auto-assigned character", {
-      status: a instanceof ht ? a.status : void 0,
-      ...fe(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,
+      ...pe(a)
     }), null;
   }
 }
-function Nt(e) {
+function Mt(e) {
   if (!e) return !1;
-  const t = u.getState();
+  const t = m.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 : de(e);
+  const r = !!(t.me.clientId && t.roster[t.me.clientId]?.registryName) || !t.name || !J(t.name) ? t.name : ue(e);
   return t.setSessionIdentity(r, e), !0;
 }
-function jo(e, t = typeof window > "u" ? void 0 : window) {
+function Go(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(Pt, n), () => t.removeEventListener(Pt, n);
+  return t.addEventListener(Ot, n), () => t.removeEventListener(Ot, n);
 }
-const Uo = 10;
-function Fo(e = typeof window < "u" ? window : void 0) {
+const qo = 10;
+function Vo(e = typeof window < "u" ? window : void 0) {
   if (!e) return { framed: !1, depth: 0 };
   try {
     let t = 0, n = e;
-    for (; n !== n.parent && t < Uo; )
+    for (; n !== n.parent && t < qo; )
       t++, n = n.parent;
     return { framed: e.top ? e.top !== e.self : t > 0, depth: t };
   } catch {
     return { framed: !1, depth: 0 };
   }
 }
-const Ho = "watchparty_fragment_delivery";
-function $o() {
+const Ko = "watchparty_fragment_delivery";
+function Wo() {
   if (typeof window > "u") return null;
   try {
     const e = new URLSearchParams(window.location.search).get("fragmentDelivery");
@@ -1700,93 +1706,93 @@ function $o() {
     if (e === "0" || e === "false") return !1;
   } catch {
   }
-  return zr(Ho);
+  return to(Ko);
 }
-let Bo = { ...Qt }, He = null;
-const Rt = "watchparty_delivery_client_id";
-function Go() {
-  const e = B(Rt);
+let Yo = { ...nn }, $e = null;
+const Lt = "watchparty_delivery_client_id";
+function zo() {
+  const e = B(Lt);
   if (e) return e;
   const t = globalThis.crypto?.randomUUID?.() ?? `d${Math.random().toString(36).slice(2)}`;
-  return ot(Rt, t) ? t : "";
+  return lt(Lt, t) ? t : "";
 }
-function qo() {
-  return He === null && (He = br(Bo, Go(), $o())), He;
+function Xo() {
+  return $e === null && ($e = Ir(Yo, zo(), Wo())), $e;
 }
-function Vo() {
-  return qo();
+function Jo() {
+  return Xo();
 }
 let ke;
-function xn() {
-  return B(Bn) || void 0;
+function An() {
+  return B(Yn) || void 0;
 }
-function Ko() {
+function Zo() {
   if (ke) return;
-  const e = xn();
+  const e = An();
   if (e) {
     ke = e;
     return;
   }
-  $n().then((t) => {
+  Wn().then((t) => {
     t && (ke = t);
   }).catch(() => {
     d("identity", "device id unavailable — joining without one");
   });
 }
-function Wo() {
-  return ke ??= xn();
+function Qo() {
+  return ke ??= An();
 }
-function Yo(e, t) {
+function ea(e, t) {
   let n = 0;
   for (const r of e.videos) {
-    const a = te.voteKey(t, e.id, r.mediaId);
-    globalThis.localStorage?.getItem(a) != null && n++, Ne(a);
+    const a = ne.voteKey(t, e.id, r.mediaId);
+    globalThis.localStorage?.getItem(a) != null && n++, Re(a);
   }
   return n;
 }
-const zo = 2e4, Xo = 1e4;
-function Jo() {
+const ta = 2e4, na = 1e4;
+function ra() {
   return { unansweredSince: null, lastPongAt: null, lastTickAt: null };
 }
-function Qo(e, t) {
+function oa(e, t) {
   e.lastPongAt = t, e.unansweredSince = null;
 }
-function Zo(e, t, n) {
-  const r = e.lastTickAt !== null && t - e.lastTickAt > Xo;
-  return e.lastTickAt = t, n ? r || e.unansweredSince === null ? (e.unansweredSince = t, !1) : t - e.unansweredSince > zo : (e.unansweredSince = null, !1);
+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 ea(e, t) {
+function ia(e, t) {
   return e.lastPongAt === null ? void 0 : Math.max(0, t - e.lastPongAt);
 }
-let S = null, H = null, Ee = null, $ = null, K = null;
-const ta = oa(), Z = Jo();
-let _e = null, $e = null, Dt = 0, dt = null, ue = !1, ut = !1, oe = !1, In = null;
-function na(e) {
-  const t = ne(), n = u.getState();
+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();
   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 = ra(e);
-  return K = r, dt = { name: r.name, sprite: r.sprite }, t.connected ? (d("socket", "Emitting join", r), t.emit(w.JOIN, r)) : t.once("connect", () => {
+  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);
   }), t;
 }
-function ra(e) {
+function ca(e) {
   return {
     room_key: e.room_key,
     name: e.name,
     sprite: e.sprite,
     // Entry-path telemetry — see lib/embedContext.ts. Sent on every join AND
     // rejoin (lastJoinPayload carries it), so a reconnect keeps the attribution.
-    embed: Fo(),
-    delivery_arm: Vo(),
+    embed: Vo(),
+    delivery_arm: Jo(),
     // 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: Wo(),
-    tab_id: ta
+    device_id: Qo(),
+    tab_id: sa
   };
 }
-function oa() {
+function da() {
   const e = globalThis.crypto;
   if (e && typeof e.randomUUID == "function") return e.randomUUID();
   const t = new Uint8Array(16);
@@ -1794,67 +1800,67 @@ function oa() {
   else for (let n = 0; n < t.length; n++) t[n] = Math.floor(Math.random() * 256);
   return Array.from(t, (n) => n.toString(16).padStart(2, "0")).join("");
 }
-function ne() {
+function re() {
   if (!S) {
-    let t = me().serverOrigin || "/";
+    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(qt) && (t = `${r.protocol}//${r.hostname}:${Qe}`, d("socket", "Using dev fallback origin", { origin: t }));
+      (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 }));
     }
     const n = new URL(t.startsWith("http") ? t : `${window.location.origin}${t}`).origin;
-    S = Gn(n, { path: Yn, transports: ["websocket", "polling"] }), d("socket", "Socket initialized", { origin: t }), Ue("__SOCKET__", S), $ && (clearTimeout($), $ = null), H = null, Ee = setInterval(() => {
-      if (Zo(Z, Date.now(), !!S?.connected)) {
+    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)) {
         A("socket", "PONG-WATCHDOG no time_pong for 20s — replacing the connection", {
           sid: S?.id,
-          lastPongAgeMs: ea(Z, Date.now()) ?? null
-        }), $e = "pong-watchdog", Z.unansweredSince = null, S?.io.engine?.close();
+          lastPongAgeMs: ia(ee, Date.now()) ?? null
+        }), Be = "pong-watchdog", ee.unansweredSince = null, S?.io.engine?.close();
         return;
       }
-      ha();
-    }, fr), S.on("connect", () => {
-      ut = !1;
+      _a();
+    }, vr), S.on("connect", () => {
+      ht = !1;
       const r = S?.id;
-      if (d("socket", "Connected", { id: r, isReconnect: oe }), r)
+      if (d("socket", "Connected", { id: r, isReconnect: ae }), r)
         try {
-          u.getState().ensureMe(r), u.setState((a) => ({ me: { ...a.me, nextClientSeq: 1 } })), d("socket", "Reset client sequence for new connection");
+          m.getState().ensureMe(r), m.setState((a) => ({ me: { ...a.me, nextClientSeq: 1 } })), d("socket", "Reset client sequence for new connection");
         } catch (a) {
-          Ae("socket", "Failed to initialize store on connect", { error: a.message, sid: r });
+          Ee("socket", "Failed to initialize store on connect", { error: a.message, sid: r });
         }
-      if (oe && K) {
-        const a = u.getState();
-        Dt += 1;
+      if (ae && K) {
+        const a = m.getState();
+        jt += 1;
         const i = {
           ...K,
           name: a.name,
           sprite: a.sprite,
           reconnect: {
-            count: Dt,
-            reason: (_e?.reason ?? "unknown").slice(0, 64),
-            offline_ms: _e ? Math.max(0, Date.now() - _e.at) : 0
+            count: jt,
+            reason: (we?.reason ?? "unknown").slice(0, 64),
+            offline_ms: we ? Math.max(0, Date.now() - we.at) : 0
           }
-        }, s = In;
+        }, s = En;
         if (d("socket", "Re-emitting join after reconnect", { room_key: i.room_key, name: i.name, sprite: i.sprite }), s) {
           let l = !1;
-          const p = () => {
-            l || (l = !0, S.off(w.SNAPSHOT, p), S.emit(w.CLIENT_READY, { media_id: s }), d("socket", "Re-emitted client_ready after reconnect snapshot", { mediaId: s }));
+          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 }));
           };
-          S.on(w.SNAPSHOT, p), setTimeout(() => {
-            l || (l = !0, S.off(w.SNAPSHOT, p), A("socket", "client_ready re-emit timed out waiting for 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 }));
           }, 1e4);
         }
-        dt = { name: i.name, sprite: i.sprite }, S.emit(w.JOIN, i), window.dispatchEvent(new CustomEvent("watchparty:socket-reconnect"));
-      } else oe && A("socket", "Reconnected — no join payload, not re-joining any room");
-      oe = !0;
+        pt = { name: i.name, sprite: i.sprite }, S.emit(w.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) => {
-      fn(null), _e = { reason: $e ?? r, at: Date.now() }, $e = null, d("socket", "Disconnected", { reason: r });
-    }), S.on("connect_error", (r) => Ae("socket", "Connection error", { message: r?.message })), S.on("reconnect_attempt", (r) => A("socket", "Reconnect attempt", { attempt: r })), S.on("reconnect_failed", () => Ae("socket", "Reconnect failed")), fa(S);
+      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);
   }
   return S;
 }
-function Be(e) {
+function Ge(e) {
   return e.play_state === "playing" || e.playing === !0;
 }
-function Ot(e, t) {
+function Ut(e, t) {
   return {
     id: String(e.id ?? e.server_seq ?? t ?? `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`),
     clientId: e.client_id,
@@ -1866,22 +1872,22 @@ function Ot(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 && Je(n.key)).slice(0, W) : void 0,
+    images: Array.isArray(e.images) ? e.images.filter((n) => !!n && tt(n.key)).slice(0, W) : void 0,
     isSystem: e.isSystem || !1,
     systemType: e.systemType
   };
 }
-function aa(e) {
+function ua(e) {
   e.on(w.SNAPSHOT, (t) => {
-    e.emit(Jt.SYNC), u.getState().applySnapshot({
+    e.emit(tn.SYNC), m.getState().applySnapshot({
       roomId: t.room_id ?? null,
       mediaId: t.media_id ?? null,
       playheadMs: t.playhead_ms || 0,
-      playing: Be(t),
+      playing: Ge(t),
       serverSeq: t.server_seq || 0,
       leaderId: t.leader_id || null
-    }), u.getState().name || d("socket", "Deferring identity to presence event (snapshot carries no roster)");
-    const n = u.getState(), r = S?.id, i = (r ? n.roster[r] : void 0) ?? dt, s = Vn(
+    }), 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(
       { 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
@@ -1891,27 +1897,27 @@ function aa(e) {
     if (s) {
       const l = {
         ...s.name !== void 0 ? { name: s.name } : {},
-        ...s.avatarId !== void 0 && !ut ? { sprite: s.avatarId } : {}
+        ...s.avatarId !== void 0 && !ht ? { sprite: s.avatarId } : {}
       };
       Object.keys(l).length > 0 && (d("socket", "Identity update on snapshot", l), e.emit(w.IDENTITY_UPDATE, l));
     }
     d("socket", "Received snapshot", {
       mediaId: t.media_id ?? null,
       playheadMs: t.playhead_ms || 0,
-      playing: Be(t),
+      playing: Ge(t),
       leaderId: t.leader_id || null,
       serverSeq: t.server_seq || 0,
       rosterSize: Object.keys(n.roster).length
-    }), K?.room_key && S?.id && fn({ room_key: K.room_key, client_id: S.id });
+    }), K?.room_key && S?.id && yn({ room_key: K.room_key, client_id: S.id });
   }), e.on(w.CONTROL_BROADCAST, (t) => {
-    const n = u.getState();
+    const n = m.getState();
     if (Object.prototype.hasOwnProperty.call(t, "media_id")) {
       const r = t.media_id ?? null;
       n.snapshot.mediaId !== r && (n.applySnapshot({ mediaId: r }), r && n.setReadiness({ mediaId: r, ready: !1, readyCount: 0, total: 0 }), n.bumpLoadGeneration());
     }
     n.updateControlState({
       playheadMs: t.playhead_ms,
-      playing: Be(t),
+      playing: Ge(t),
       serverSeq: t.server_seq,
       leaderId: t.leader_id ?? n.snapshot.leaderId
     }), d("socket", "Control broadcast received", {
@@ -1924,17 +1930,17 @@ function aa(e) {
   }), e.on(w.CONTROL_ACK, (t) => {
     typeof t?.client_seq == "number" && typeof t?.server_seq == "number" && d("socket", "Control ack received", t);
   }), e.on(w.TIME_PONG, (t) => {
-    if (Qo(Z, Date.now()), H && H.ts) {
+    if (oa(ee, Date.now()), H && H.ts) {
       const n = Date.now() - H.ts;
-      u.getState().addRttSample(n, t?.server_ts, H.ts), H = null, $ && (clearTimeout($), $ = null), d("socket", "Time sync RTT", { rtt: n, offset: u.getState().drift.offsetMs });
+      m.getState().addRttSample(n, t?.server_ts, H.ts), H = null, $ && (clearTimeout($), $ = null), d("socket", "Time sync RTT", { rtt: n, offset: m.getState().drift.offsetMs });
     }
   }), e.on(w.READY_STATE, (t) => {
     if (!t) return;
     const n = t.media_id ?? null, r = typeof t.ready_count == "number" ? t.ready_count : 0, a = typeof t.total == "number" ? t.total : 0, i = t.ready === !0;
-    u.getState().setReadiness({ mediaId: n, ready: i, readyCount: r, total: a }), d("socket", "Ready state received", { mediaId: n, readyCount: r, total: a, ready: i });
+    m.getState().setReadiness({ mediaId: n, ready: i, readyCount: r, total: a }), d("socket", "Ready state received", { mediaId: n, readyCount: r, total: a, ready: i });
   });
 }
-function ia(e) {
+function ma(e) {
   e.on(w.PRESENCE, (t) => {
     if (!t) return;
     if (Array.isArray(t.users)) {
@@ -1949,99 +1955,99 @@ function ia(e) {
           ...l.registry_name ? { registryName: !0 } : {},
           ...l.avatar_url ? { avatarUrl: l.avatar_url } : {}
         };
-      const a = u.getState(), i = S?.id, s = i ? r[i] : void 0;
+      const a = m.getState(), i = S?.id, s = i ? r[i] : void 0;
       if (s?.registryName)
-        u.setState({ roster: r }), (s.name !== a.name || s.sprite && s.sprite !== a.sprite) && (d("socket", "Adopting registry name", { from: a.name, to: s.name }), u.getState().setSessionIdentity(s.name, s.sprite ?? a.sprite));
+        m.setState({ roster: r }), (s.name !== a.name || s.sprite && s.sprite !== a.sprite) && (d("socket", "Adopting registry name", { from: a.name, to: s.name }), m.getState().setSessionIdentity(s.name, s.sprite ?? a.sprite));
       else if (i && r[i]) {
-        const l = r[i].name, p = r[i].sprite;
-        if (a.name && !J(a.name) && (r[i].name = a.name), u.setState({ roster: r }), p && p !== a.sprite) {
-          const h = a.name && !J(a.name), f = h ? a.name : de(p);
-          d("socket", "Server reassigned sprite", { from: a.sprite, to: p, newName: f, preservingCustomName: h }), u.getState().setSessionIdentity(f, p), f !== l && e.emit(w.IDENTITY_UPDATE, { name: f });
+        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 });
         }
       }
     }
     d("socket", "Received presence update", t);
-    const n = u.getState();
+    const n = m.getState();
     if (!n.name) {
       n.ensureAutoIdentity?.();
-      const r = u.getState();
+      const r = m.getState();
       r.name && (d("socket", "Auto-assigned identity on presence", { name: r.name, sprite: r.sprite }), e.emit(w.IDENTITY_UPDATE, { name: r.name, sprite: r.sprite || void 0 }));
     }
   });
 }
-function sa(e) {
+function fa(e) {
   e.on(w.CHAT_BROADCAST, (t) => {
-    const n = Ot(t, t.server_seq);
-    u.getState().appendChat(n), d("chat", "Message received", n);
+    const n = Ut(t, t.server_seq);
+    m.getState().appendChat(n), d("chat", "Message received", n);
   }), e.on(w.CHAT_HISTORY, (t) => {
     if (!t?.messages || !Array.isArray(t.messages)) return;
-    const n = t.messages.map((r) => Ot(r));
-    u.getState().setChat(n), d("chat", "History loaded", { count: n.length });
+    const n = t.messages.map((r) => Ut(r));
+    m.getState().setChat(n), d("chat", "History loaded", { count: n.length });
   });
 }
-function la(e) {
-  e.on(ye.STATE, (t) => {
-    u.getState().applyPlaylistState({
+function pa(e) {
+  e.on(be.STATE, (t) => {
+    m.getState().applyPlaylistState({
       playlist: t?.playlist ?? null,
       activeIndex: t?.activeIndex ?? null,
       myVotes: t?.myVotes ?? {}
     }), d("playlist", "Playlist state received", { playlistId: t?.playlist?.id ?? null, activeIndex: t?.activeIndex, myVoteCount: Object.keys(t?.myVotes || {}).length });
-  }), e.on(ye.VOTE_PROGRESS, (t) => {
-    u.getState().setVoteProgress(t?.progress ?? []), d("playlist", "Vote progress", { progressCount: t?.progress?.length });
-  }), e.on(ye.RESULTS, (t) => {
-    u.getState().setPlaylistResults(t ?? null), d("playlist", "Results received", { playlistId: t?.playlist?.id, update: t?.update === !0 });
-  }), e.on(ye.VOTES_CLEARED, (t) => {
+  }), e.on(be.VOTE_PROGRESS, (t) => {
+    m.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 });
+  }), e.on(be.VOTES_CLEARED, (t) => {
     if (!t?.playlistId || !Array.isArray(t.mediaIds)) return;
-    const n = Yo(
+    const n = ea(
       { id: t.playlistId, videos: t.mediaIds.map((a) => ({ mediaId: a })) },
-      ho()
-    ), r = u.getState();
+      _o()
+    ), r = m.getState();
     r.playlist?.id === t.playlistId && r.applyPlaylistState({ playlist: r.playlist, activeIndex: r.activePlaylistIndex, myVotes: {} }), d("playlist", "Votes cleared by leader", { playlistId: t.playlistId, removed: n });
   });
 }
-function ca(e) {
-  e.on(sr.UPDATED, () => {
-    d("tierlist", "Someone saved — refreshing the board"), Ro(!1);
+function ha(e) {
+  e.on(fr.UPDATED, () => {
+    d("tierlist", "Someone saved — refreshing the board"), Uo(!1);
   });
 }
-function da(e) {
-  e.on(lr.STATE, (t) => {
+function ga(e) {
+  e.on(pr.STATE, (t) => {
     if (!t || typeof t.active != "boolean") return;
     const n = Array.isArray(t.ready) ? t.ready.filter((r) => typeof r == "string") : [];
-    u.getState().setReadyCheckState({ active: t.active, ready: n }), d("ready-check", "State received", { active: t.active, readyCount: n.length });
+    m.getState().setReadyCheckState({ active: t.active, ready: n }), d("ready-check", "State received", { active: t.active, readyCount: n.length });
   });
 }
-function ua(e) {
-  e.on(Jt.ACTIVE, (t) => {
+function ya(e) {
+  e.on(tn.ACTIVE, (t) => {
     const n = typeof t?.gameId == "string" ? t.gameId : null;
-    u.getState().setActiveGameId(n), d("game", "game_active", { gameId: n });
+    m.getState().setActiveGameId(n), d("game", "game_active", { gameId: n });
   });
 }
-function ma(e) {
+function ba(e) {
   e.on(w.HEALTH_SNAPSHOT, (t) => {
-    u.getState().setHealthSnapshot(t);
+    m.getState().setHealthSnapshot(t);
   }), e.on(w.BUFFER_STATUS, (t) => {
-    u.getState().setBufferStatus(t);
+    m.getState().setBufferStatus(t);
   });
 }
-function fa(e) {
-  aa(e), ia(e), sa(e), ma(e), la(e), ca(e), da(e), ua(e), e.on(w.ERROR, (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) => {
     const n = t?.code || "error/unknown";
     if (n === "conflict" && t?.message === "sprite_held_by_you") {
-      ut = !0, d("socket", "sprite held by this account's other connection: keeping the server-assigned sprite");
+      ht = !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 (Mo(S?.id)) {
+      if ($o(S?.id)) {
         d("socket", "sprite_taken: stale, the server already has our sprite");
         return;
       }
-      ue = !0;
+      me = !0;
       let s;
       try {
-        s = Oo();
+        s = Ho();
       } finally {
-        ue = !1;
+        me = !1;
       }
       s && e.emit(w.IDENTITY_UPDATE, s);
       return;
@@ -2064,55 +2070,55 @@ function fa(e) {
       "recap/not_found": "No recap available for the previous episode."
     }[n] || n;
     if (n.startsWith("recap/")) {
-      d("socket", `recap unavailable: ${a}`, { code: n }), u.getState().pushToast("info", a);
+      d("socket", `recap unavailable: ${a}`, { code: n }), m.getState().pushToast("info", a);
       return;
     }
-    (n.startsWith("auth/") ? A : Ae)("socket", `Server error: ${a}`, { code: n, raw: t }), u.getState().pushToast("error", a);
+    (n.startsWith("auth/") ? A : Ee)("socket", `Server error: ${a}`, { code: n, raw: t }), m.getState().pushToast("error", a);
   });
 }
-function pa(e, t) {
-  ne().emit(w.CHAT_SEND, t?.length ? { text: e, images: t } : { text: e });
+function Sa(e, t) {
+  re().emit(w.CHAT_SEND, t?.length ? { text: e, images: t } : { text: e });
 }
-function ha() {
-  H || (H = { ts: Date.now() }, ne().emit(w.TIME_PING, {}), $ = setTimeout(() => {
+function _a() {
+  H || (H = { ts: Date.now() }, re().emit(w.TIME_PING, {}), $ = setTimeout(() => {
     H && (d("socket", "Time ping timed out after 10s, clearing inflight"), H = null), $ = null;
   }, 1e4));
 }
-function Cn(e) {
-  const t = u.getState(), n = t.me.clientId;
+function kn(e) {
+  const t = m.getState(), n = t.me.clientId;
   if (!n || !t.roster[n]) {
-    Nt(e), d("socket", "Avatar change before join: the join will carry it", { sprite: e });
+    Mt(e), d("socket", "Avatar change before join: the join will carry it", { sprite: e });
     return;
   }
-  ue = !0;
+  me = !0;
   try {
-    Nt(e);
+    Mt(e);
   } finally {
-    ue = !1;
+    me = !1;
   }
-  const r = u.getState(), a = { avatar: !0 };
-  r.sprite && r.sprite !== t.sprite && (a.sprite = r.sprite), r.name && r.name !== t.name && (a.name = r.name), d("socket", "Sending avatar change", a), ne().emit(w.IDENTITY_UPDATE, a);
+  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);
 }
-let we = { name: "", sprite: "" };
-u.subscribe((e, t) => {
-  if (e.name === t.name && e.sprite === t.sprite || ue) return;
+let xe = { name: "", sprite: "" };
+m.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 !== we.name && (J(r.name || "") || r.name !== e.name), i = !!e.sprite && e.sprite !== we.sprite && r.sprite !== e.sprite;
+  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;
   if (!a && !i) return;
   const s = {};
-  a && (s.name = e.name, we.name = e.name), i && (s.sprite = e.sprite, we.sprite = e.sprite), d("socket", "Identity reassert (store change)", s), S?.connected ? S.emit(w.IDENTITY_UPDATE, s) : ne().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), S?.connected ? S.emit(w.IDENTITY_UPDATE, s) : re().emit(w.IDENTITY_UPDATE, s);
 });
-function ga() {
-  Ee && (clearInterval(Ee), Ee = null), $ && (clearTimeout($), $ = null), H = null, Z.unansweredSince = null, Z.lastTickAt = null;
+function wa() {
+  Pe && (clearInterval(Pe), Pe = null), $ && (clearTimeout($), $ = null), H = null, ee.unansweredSince = null, ee.lastTickAt = null;
 }
-function ya() {
-  d("socket", "clearJoinState called", { hadPayload: K !== null, room_key: K?.room_key }), K = null, oe = !1, In = null;
+function xa() {
+  d("socket", "clearJoinState called", { hadPayload: K !== null, room_key: K?.room_key }), K = null, ae = !1, En = null;
 }
-function Mt() {
-  d("socket", "leaveRoom called", { room_key: K?.room_key }), ya(), ga(), S && (S.disconnect(), S = null), u.setState({
+function Ft() {
+  d("socket", "leaveRoom called", { room_key: K?.room_key }), xa(), wa(), S && (S.disconnect(), S = null), m.setState({
     me: { clientId: null, nextClientSeq: 1 },
     roster: {},
     snapshot: { roomId: null, mediaId: null, playheadMs: 0, playing: !1, serverSeq: 0, leaderId: null },
@@ -2127,24 +2133,91 @@ function Mt() {
     activeGameId: null
   });
 }
-function ba() {
-  d("chat", "Emitting recap_request"), ne().emit("recap_request");
+function Ia() {
+  d("chat", "Emitting recap_request"), re().emit("recap_request");
 }
-function va() {
-  D(() => jo((e) => {
-    const t = wn(e);
-    d("avatar", "Avatar changed in the settings popout", { sprite: t, source: e.avatar?.source }), Cn(t);
+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 Sa(e, t) {
+const Ta = 0.3, Aa = 0.82, Z = 24, Ea = 32;
+function ka(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);
+  }
+  return a === 0 ? null : Pa(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 Na(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];
+}
+function Ra(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();
+}
+function Oa(e) {
+  if (Qe.has(e) || qe.has(e) || typeof Image > "u" || typeof document > "u") return;
+  qe.add(e);
+  const t = new Image();
+  t.crossOrigin = "anonymous", t.referrerPolicy = "no-referrer";
+  const n = (r) => {
+    qe.delete(e), Qe.set(e, r), Da();
+  };
+  t.onload = () => {
+    try {
+      const r = document.createElement("canvas");
+      r.width = Z, r.height = Z;
+      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));
+    } 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 La(e, t) {
+  if (t) {
+    const n = Qe.get(t);
+    if (n) return n;
+  }
+  return vn(e);
+}
+function Pn(e, t) {
+  return D(() => {
+    t && Oa(t);
+  }, [t]), On(Ma, () => La(e, t), () => vn(e));
+}
+function ja(e, t) {
   if (t) {
     for (const n of Object.values(e))
       if (n.author === t && n.avatarUrl) return n.avatarUrl;
   }
 }
-function Tn({ sprite: e, url: t, alt: n = "", className: r, fallback: a }) {
-  const [i, s] = R(null);
-  if (t && t !== i)
+function Nn({ sprite: e, url: t, alt: n = "", className: r, style: a, fallback: i }) {
+  const [s, l] = R(null);
+  if (t && t !== s)
     return /* @__PURE__ */ c(
       "img",
       {
@@ -2152,25 +2225,26 @@ function Tn({ sprite: e, url: t, alt: n = "", className: r, fallback: a }) {
         alt: n,
         referrerPolicy: "no-referrer",
         className: r,
+        style: a,
         draggable: !1,
-        onError: () => s(t)
+        onError: () => l(t)
       }
     );
-  const l = go(e);
-  return l ? /* @__PURE__ */ c("img", { src: l, alt: n, crossOrigin: "anonymous", className: r, draggable: !1 }) : /* @__PURE__ */ c(le, { children: a });
+  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 });
 }
-function _a(e) {
+function Ua(e) {
   return !(e.button !== 0 || e.ctrlKey || e.metaKey || e.shiftKey || e.altKey);
 }
-function wa({ src: e, title: t, onClose: n }) {
+function Fa({ src: e, title: t, onClose: n }) {
   D(() => {
     const i = (s) => {
       s.key === "Escape" && (s.stopPropagation(), n());
     };
     return document.addEventListener("keydown", i, !0), () => document.removeEventListener("keydown", i, !0);
   }, [n]);
-  const r = Wr(), a = typeof document > "u" ? null : document.fullscreenElement ?? r ?? document.body;
-  return a ? Kn(
+  const r = Qr(), a = typeof document > "u" ? null : document.fullscreenElement ?? r ?? document.body;
+  return a ? Zn(
     /* @__PURE__ */ _(
       "div",
       {
@@ -2208,12 +2282,12 @@ function wa({ src: e, title: t, onClose: n }) {
     a
   ) : null;
 }
-const Ge = 240, xa = 320;
-function Ia({ image: e }) {
-  const [t, n] = R(!1), r = Pe(e.key);
+const Ve = 240, Ha = 320;
+function $a({ image: e }) {
+  const [t, n] = R(!1), r = Ne(e.key);
   if (!r) return null;
-  const a = e.w > 0 && e.h > 0, i = a ? Math.min(1, xa / e.w, Ge / e.h) : 1;
-  return /* @__PURE__ */ _(le, { children: [
+  const a = e.w > 0 && e.h > 0, i = a ? Math.min(1, Ha / e.w, Ve / e.h) : 1;
+  return /* @__PURE__ */ _(ce, { children: [
     /* @__PURE__ */ c(
       "a",
       {
@@ -2223,7 +2297,7 @@ function Ia({ image: e }) {
         className: "block max-w-full cursor-zoom-in",
         "data-testid": "chat-image",
         onClick: (s) => {
-          _a(s) && (s.preventDefault(), n(!0));
+          Ua(s) && (s.preventDefault(), n(!0));
         },
         children: /* @__PURE__ */ c(
           "img",
@@ -2235,13 +2309,13 @@ function Ia({ 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: Ge } : { maxWidth: "100%", maxHeight: Ge }
+            style: a ? { aspectRatio: `${e.w} / ${e.h}`, maxWidth: "100%", maxHeight: Ve } : { maxWidth: "100%", maxHeight: Ve }
           }
         )
       }
     ),
     t && /* @__PURE__ */ c(
-      wa,
+      Fa,
       {
         src: r,
         title: e.title,
@@ -2250,34 +2324,29 @@ function Ia({ image: e }) {
     )
   ] });
 }
-function Ca({ 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(Ia, { image: t }, `${t.key}-${n}`)) }) : null;
+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 Ta(e, t) {
+function Ga(e, t) {
   return e.author && t.author ? e.author === t.author : !!t.clientId && e.clientId === t.clientId;
 }
-function qe(e) {
+function Ke(e) {
   return new Date(e).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
 }
-const Aa = Ft.memo(function({ message: t }) {
-  const n = u((l) => l.me.clientId), r = u((l) => l.me.clientId ? l.roster[l.me.clientId]?.author : void 0), a = Ta(t, { clientId: n, author: r }), i = u((l) => Sa(l.roster, t.author));
-  if (t.isSystem && t.systemType === "recap")
-    return /* @__PURE__ */ c("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ _("div", { className: "border-l-2 border-border-light pl-2.5 py-0.5", children: [
-      /* @__PURE__ */ _("div", { className: "text-[10px] uppercase tracking-wide text-text-muted mb-0.5", children: [
-        "Recap",
-        /* @__PURE__ */ c("span", { className: "ml-1.5 normal-case tracking-normal opacity-60", children: qe(t.ts) })
-      ] }),
-      /* @__PURE__ */ c("p", { className: "text-[13px] text-text-secondary leading-relaxed whitespace-pre-wrap break-words", children: t.text })
-    ] }) });
-  if (t.isSystem)
-    return /* @__PURE__ */ _("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: qe(t.ts) })
-    ] });
-  const s = hn(t.sprite);
-  return /* @__PURE__ */ _("div", { className: `flex items-start gap-2 px-2 py-1 hover:bg-bg-card/20 ${a ? "bg-bg-card/30" : ""}`, children: [
+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: [
+      "Recap",
+      /* @__PURE__ */ c("span", { className: "ml-1.5 normal-case tracking-normal opacity-60", children: Ke(t.ts) })
+    ] }),
+    /* @__PURE__ */ c("p", { className: "text-[13px] text-text-secondary leading-relaxed whitespace-pre-wrap break-words", children: t.text })
+  ] }) }) : t.isSystem ? /* @__PURE__ */ _("div", { className: "px-2 py-0.5 text-[11px] text-text-muted italic text-center leading-tight", children: [
+    t.text,
+    /* @__PURE__ */ c("span", { className: "ml-1 text-[10px] opacity-50", children: Ke(t.ts) })
+  ] }) : /* @__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(
-      Tn,
+      Nn,
       {
         sprite: t.sprite,
         url: i,
@@ -2288,18 +2357,18 @@ const Aa = Ft.memo(function({ message: t }) {
     ),
     /* @__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: qe(t.ts) }),
+      /* @__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(Ca, { images: t.images })
+      /* @__PURE__ */ c(Ba, { images: t.images })
     ] })
   ] });
 });
-function ka() {
-  const e = u((a) => a.chat), t = z(null), n = z(!1), r = E(() => {
+function Va() {
+  const e = m((a) => a.chat), t = z(null), n = z(!1), r = k(() => {
     const a = t.current;
     if (!a) return;
-    const { scrollHeight: i, scrollTop: s, clientHeight: l } = a, p = i - s - l;
-    n.current = p > 40;
+    const { scrollHeight: i, scrollTop: s, clientHeight: l } = a, u = i - s - l;
+    n.current = u > 40;
   }, []);
   return D(() => {
     const a = t.current;
@@ -2310,21 +2379,21 @@ function ka() {
       ref: t,
       onScroll: r,
       className: "flex-1 overflow-y-auto overflow-x-hidden chat-messages",
-      children: e.length === 0 ? /* @__PURE__ */ c("div", { className: "p-4 text-xs text-text-muted text-center", children: "No messages yet. Be the first to say something!" }) : /* @__PURE__ */ c(le, { children: e.map((a, i) => {
+      children: e.length === 0 ? /* @__PURE__ */ c("div", { className: "p-4 text-xs text-text-muted text-center", children: "No messages yet. Be the first to say something!" }) : /* @__PURE__ */ c(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__ */ _(Ft.Fragment, { children: [
+        return /* @__PURE__ */ _(Gt.Fragment, { children: [
           l && /* @__PURE__ */ _("div", { className: "flex items-center gap-2 px-4 py-2 my-1", children: [
             /* @__PURE__ */ c("div", { className: "flex-1 h-px bg-border" }),
             /* @__PURE__ */ c("span", { className: "text-[10px] text-text-muted whitespace-nowrap", children: new Date(a.ts).toLocaleDateString([], { weekday: "short", month: "short", day: "numeric" }) }),
             /* @__PURE__ */ c("div", { className: "flex-1 h-px bg-border" })
           ] }),
-          /* @__PURE__ */ c(Aa, { message: a })
+          /* @__PURE__ */ c(qa, { message: a })
         ] }, a.id);
       }) })
     }
   );
 }
-const mt = [
+const gt = [
   {
     name: "recap",
     description: "Summarise the previous episode of what is loaded",
@@ -2344,13 +2413,13 @@ const mt = [
     usage: "/help",
     scope: "local"
   }
-], ee = "/";
-function Ea(e) {
-  if (!e.startsWith(ee)) return null;
-  const t = e.slice(ee.length);
+], te = "/";
+function Ka(e) {
+  if (!e.startsWith(te)) return null;
+  const t = e.slice(te.length);
   return /\s/.test(t) ? null : t.toLowerCase();
 }
-function Pa(e, t = mt) {
+function Wa(e, t = gt) {
   const n = e.toLowerCase();
   if (!n) return [...t].sort((a, i) => a.name.localeCompare(i.name));
   const r = [];
@@ -2360,23 +2429,23 @@ function Pa(e, t = mt) {
   }
   return r.sort((a, i) => a.rank - i.rank || a.cmd.name.localeCompare(i.cmd.name)).map((a) => a.cmd);
 }
-function Na(e) {
-  return `${ee}${e.name} `;
+function Ya(e) {
+  return `${te}${e.name} `;
 }
-function Ve(e, t) {
+function We(e, t) {
   return t <= 0 ? 0 : (e % t + t) % t;
 }
-function Ra(e, t = mt) {
+function za(e, t = gt) {
   const n = e.trim();
   if (!n) return null;
-  if (!n.startsWith(ee)) return { kind: "chat", text: n };
-  const r = n.slice(ee.length), a = r.search(/\s/), i = (a === -1 ? r : r.slice(0, a)).toLowerCase(), s = a === -1 ? "" : r.slice(a).trim(), l = t.find((p) => p.name.toLowerCase() === i);
+  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);
   return l ? { kind: "command", command: l, args: s } : { kind: "chat", text: n };
 }
-function Da(e, t) {
-  return e.requiresMedia && !t.hasMedia ? `${ee}${e.name} needs an episode loaded.` : null;
+function Xa(e, t) {
+  return e.requiresMedia && !t.hasMedia ? `${te}${e.name} needs an episode loaded.` : null;
 }
-function Oa({
+function Ja({
   commands: e,
   activeIndex: t,
   hasMedia: n,
@@ -2394,22 +2463,22 @@ function Oa({
                  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 p = !!s.requiresMedia && !n, h = l === t;
+        const u = !!s.requiresMedia && !n, h = l === t;
         return /* @__PURE__ */ _(
           "li",
           {
             id: `${i}-opt-${s.name}`,
             role: "option",
             "aria-selected": h,
-            "aria-disabled": p,
+            "aria-disabled": u,
             onMouseDown: (f) => {
               f.preventDefault(), r(s);
             },
             onMouseEnter: () => a(l),
-            className: `px-3 py-1.5 cursor-pointer flex items-baseline gap-2 ${h ? "bg-bg-alt" : ""} ${p ? "opacity-50" : ""}`,
+            className: `px-3 py-1.5 cursor-pointer flex items-baseline gap-2 ${h ? "bg-bg-alt" : ""} ${u ? "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: p ? "needs an episode loaded" : s.description })
+              /* @__PURE__ */ c("span", { className: "text-xs text-text-secondary truncate", children: u ? "needs an episode loaded" : s.description })
             ]
           },
           s.name
@@ -2418,7 +2487,7 @@ function Oa({
     }
   );
 }
-function Ma({
+function Za({
   pending: e,
   uploading: t,
   onRemove: n
@@ -2445,31 +2514,31 @@ function Ma({
     )
   ] }, r.id)) }) : null;
 }
-function La() {
-  const [e, t] = R([]), [n, r] = R(!1), a = u((m) => m.pushToast), i = z(/* @__PURE__ */ new Set());
+function Qa() {
+  const [e, t] = R([]), [n, r] = R(!1), a = m((p) => p.pushToast), i = z(/* @__PURE__ */ new Set());
   D(() => () => {
-    for (const m of i.current) URL.revokeObjectURL(m);
+    for (const p of i.current) URL.revokeObjectURL(p);
     i.current.clear();
   }, []);
-  const s = E((m) => {
-    Pr(m) && (URL.revokeObjectURL(m.previewUrl), i.current.delete(m.previewUrl));
-  }, []), l = E(async (m) => {
-    if (!m.length) return;
+  const s = k((p) => {
+    Lr(p) && (URL.revokeObjectURL(p.previewUrl), i.current.delete(p.previewUrl));
+  }, []), l = k(async (p) => {
+    if (!p.length) return;
     const v = [];
-    for (const b of m) {
-      const I = Rr(b);
+    for (const b of p) {
+      const I = Ur(b);
       if (I) {
         a("error", I);
         continue;
       }
-      const { w: g, h: k } = await Mr(b), N = URL.createObjectURL(b);
+      const { w: g, h: E } = await $r(b), N = URL.createObjectURL(b);
       i.current.add(N), v.push({
         kind: "file",
         id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
         file: b,
         previewUrl: N,
         w: g,
-        h: k
+        h: E
       });
     }
     v.length && t((b) => {
@@ -2485,44 +2554,44 @@ function La() {
       }
       return [...b, ...v.slice(0, I)];
     });
-  }, [a, s]), p = E((m) => {
-    const v = Pe(m.key);
+  }, [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, {
       kind: "remote",
       id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
-      key: m.key,
+      key: p.key,
       previewUrl: v,
       // The catalogue spells "unknown" as null; the wire schema spells it
       // as 0, and the renderer falls back to natural flow on that.
-      w: m.width ?? 0,
-      h: m.height ?? 0,
-      title: m.title || void 0
-    }]), Le().catalogue(sn).recordUse(m.key));
-  }, [a]), h = E((m) => {
+      w: p.width ?? 0,
+      h: p.height ?? 0,
+      title: p.title || void 0
+    }]), je().catalogue(un).recordUse(p.key));
+  }, [a]), h = k((p) => {
     t((v) => {
-      const b = v.find((I) => I.id === m);
-      return b && s(b), v.filter((I) => I.id !== m);
+      const b = v.find((I) => I.id === p);
+      return b && s(b), v.filter((I) => I.id !== p);
     });
-  }, [s]), f = E(() => {
-    t((m) => {
-      for (const v of m) s(v);
+  }, [s]), f = k(() => {
+    t((p) => {
+      for (const v of p) s(v);
       return [];
     });
-  }, [s]), L = E((m) => {
-    const v = Dr(m.clipboardData);
-    v.length && (m.preventDefault(), l(v));
-  }, [l]), O = E((m) => {
-    const v = Or(m.dataTransfer);
-    v.length && (m.preventDefault(), l(v));
-  }, [l]), M = E((m) => {
-    m.dataTransfer?.types?.includes("Files") && m.preventDefault();
-  }, []), C = E(async () => {
+  }, [s]), O = k((p) => {
+    const v = Fr(p.clipboardData);
+    v.length && (p.preventDefault(), l(v));
+  }, [l]), M = k((p) => {
+    const v = Hr(p.dataTransfer);
+    v.length && (p.preventDefault(), l(v));
+  }, [l]), L = k((p) => {
+    p.dataTransfer?.types?.includes("Files") && p.preventDefault();
+  }, []), C = k(async () => {
     if (!e.length) return [];
     r(!0);
     try {
-      return await jr(e);
-    } catch (m) {
-      return A("chat", "Image upload failed", Ur(m)), a("error", Nr(m)), null;
+      return await Gr(e);
+    } catch (p) {
+      return A("chat", "Image upload failed", qr(p)), a("error", jr(p)), null;
     } finally {
       r(!1);
     }
@@ -2531,49 +2600,49 @@ function La() {
     pending: e,
     uploading: n,
     addFiles: l,
-    addMeme: p,
+    addMeme: u,
     remove: h,
     clear: f,
     uploadPending: C,
-    onPaste: L,
-    onDrop: O,
-    onDragOver: M
+    onPaste: O,
+    onDrop: M,
+    onDragOver: L
   };
 }
-const Lt = Vt, ja = zn;
-function Ua({ commands: e = mt }) {
-  const [t, n] = R(""), [r, a] = R(!1), [i, s] = R({ q: null, i: 0 }), [l, p] = R(!1), h = z(null), f = En(), [L, O] = R(!1), [M, C] = R(!1), m = La(), v = u((y) => y.snapshot.mediaId), b = u((y) => y.pushToast), I = u((y) => y.setTierlistOpen), g = !!v, k = Ea(t), N = Q(
-    () => k === null ? [] : Pa(k, e),
-    [k, e]
-  ), U = k !== null && !l && N.length > 0, F = i.q === k ? Ve(i.i, N.length) : 0, x = E(
-    (y) => s({ q: k, i: y }),
-    [k]
-  ), P = E((y, j) => {
-    const re = Da(y, { hasMedia: g });
-    if (re) {
-      b("info", re);
+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),
+    [E, e]
+  ), U = E !== null && !l && N.length > 0, F = i.q === E ? We(i.i, N.length) : 0, x = k(
+    (y) => s({ q: E, i: y }),
+    [E]
+  ), P = k((y, j) => {
+    const oe = Xa(y, { hasMedia: g });
+    if (oe) {
+      b("info", oe);
       return;
     }
     switch (y.name) {
       case "help":
-        b("info", e.map((An) => An.usage).join("  "));
+        b("info", e.map((Rn) => Rn.usage).join("  "));
         break;
       case "recap":
-        ba();
+        Ia();
         break;
       case "tierlist":
-        Do(), I(!0);
+        Fo(), I(!0);
         break;
       default:
         b("info", `${y.usage} is not implemented yet.`);
     }
-  }, [g, b, e, I]), T = E((y) => {
-    n(Na(y)), p(!1), h.current?.focus();
-  }, []), pe = E(async (y) => {
-    if (y.preventDefault(), r || m.uploading) return;
-    const j = Ra(t, e);
-    if (!j && !m.pending.length) return;
-    if (j?.kind === "command" && m.pending.length) {
+  }, [g, b, e, I]), T = k((y) => {
+    n(Ya(y)), u(!1), h.current?.focus();
+  }, []), he = k(async (y) => {
+    if (y.preventDefault(), r || p.uploading) return;
+    const j = za(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.");
       return;
     }
@@ -2581,18 +2650,18 @@ function Ua({ commands: e = mt }) {
       P(j.command, j.args), n(""), !document.hidden && document.hasFocus() && h.current?.focus();
       return;
     }
-    const re = await m.uploadPending();
-    re !== null && (pa(j?.text ?? "", re), n(""), m.clear(), a(!0), setTimeout(() => a(!1), ja), !document.hidden && document.hasFocus() && h.current?.focus());
-  }, [t, r, P, m, b, e]), he = E((y) => {
+    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());
+  }, [t, r, P, p, b, e]), ge = k((y) => {
     if (y.key === "Escape" && U) {
-      y.preventDefault(), p(!0);
+      y.preventDefault(), u(!0);
       return;
     }
     if (U) {
       if (y.key === "ArrowDown")
-        y.preventDefault(), x(Ve(F + 1, N.length));
+        y.preventDefault(), x(We(F + 1, N.length));
       else if (y.key === "ArrowUp")
-        y.preventDefault(), x(Ve(F - 1, N.length));
+        y.preventDefault(), x(We(F - 1, N.length));
       else if (y.key === "Tab") {
         y.preventDefault();
         const j = N[F];
@@ -2610,22 +2679,22 @@ function Ua({ commands: e = mt }) {
     };
     return window.addEventListener("watchparty:focus-chat-input", y), () => window.removeEventListener("watchparty:focus-chat-input", y);
   }, []);
-  const ge = Lt - t.length, ft = ge <= 100, pt = U ? N[F] : void 0;
+  const ye = Ht - t.length, yt = ye <= 100, bt = U ? N[F] : void 0;
   return /* @__PURE__ */ _(
     "form",
     {
       onSubmit: (y) => {
-        pe(y);
+        he(y);
       },
-      onPaste: m.onPaste,
-      onDrop: m.onDrop,
-      onDragOver: m.onDragOver,
+      onPaste: p.onPaste,
+      onDrop: p.onDrop,
+      onDragOver: p.onDragOver,
       className: "p-2 border-t border-border",
       children: [
-        /* @__PURE__ */ c(Ma, { pending: m.pending, uploading: m.uploading, onRemove: m.remove }),
+        /* @__PURE__ */ c(Za, { pending: p.pending, uploading: p.uploading, onRemove: p.remove }),
         /* @__PURE__ */ _("div", { className: "relative", children: [
           U && /* @__PURE__ */ c(
-            Oa,
+            Ja,
             {
               commands: N,
               activeIndex: F,
@@ -2636,13 +2705,13 @@ function Ua({ commands: e = mt }) {
             }
           ),
           /* @__PURE__ */ c(
-            Gr,
+            zr,
             {
-              open: L,
-              onClose: () => O(!1),
-              onPick: m.addMeme,
+              open: O,
+              onClose: () => M(!1),
+              onPick: p.addMeme,
               onUnavailable: () => {
-                C(!0), O(!1);
+                C(!0), M(!1);
               }
             }
           ),
@@ -2655,32 +2724,32 @@ function Ua({ commands: e = mt }) {
                   type: "text",
                   value: t,
                   onChange: (y) => {
-                    n(y.target.value), p(!1);
+                    n(y.target.value), u(!1);
                   },
-                  onKeyDown: he,
-                  maxLength: Lt,
+                  onKeyDown: ge,
+                  maxLength: Ht,
                   placeholder: "Send a message",
                   role: "combobox",
                   "aria-expanded": U,
                   "aria-controls": U ? f : void 0,
-                  "aria-activedescendant": pt ? `${f}-opt-${pt.name}` : void 0,
+                  "aria-activedescendant": bt ? `${f}-opt-${bt.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 ${ft ? "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 ${yt ? "pr-12" : ""}`
                 }
               ),
-              /* @__PURE__ */ c("span", { className: `absolute right-2 top-1/2 -translate-y-1/2 text-[10px] ${ge <= 50 ? ge <= 0 ? "bg-danger-bg text-on-danger-bg px-1 rounded" : "bg-primary-bg text-on-primary-bg px-1 rounded" : "text-text-muted"}`, children: ft && ge })
+              /* @__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 })
             ] }),
-            !M && /* @__PURE__ */ c(
+            !L && /* @__PURE__ */ c(
               "button",
               {
                 type: "button",
-                onClick: () => O((y) => !y),
+                onClick: () => M((y) => !y),
                 "aria-label": "Add a meme",
-                "aria-expanded": L,
+                "aria-expanded": O,
                 title: "Add a meme",
                 "data-testid": "meme-button",
-                className: `shrink-0 rounded border border-border-light px-2 py-1.5 text-sm hover:border-primary ${L ? "text-text border-primary" : "text-text-secondary"}`,
-                children: /* @__PURE__ */ c(Pn, { name: "image" })
+                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" })
               }
             )
           ] })
@@ -2689,28 +2758,29 @@ function Ua({ commands: e = mt }) {
     }
   );
 }
-function Fa() {
-  const e = u((n) => n.roster), t = Object.values(e);
-  return t.length ? /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: t.map((n) => {
-    const r = hn(n.sprite);
-    return /* @__PURE__ */ _("div", { className: "flex items-center gap-2 py-0.5", children: [
-      /* @__PURE__ */ c(
-        Tn,
-        {
-          sprite: n.sprite,
-          url: n.avatarUrl,
-          alt: n.name || "Anon",
-          className: "w-6 h-6 rounded-full object-cover flex-shrink-0",
-          fallback: /* @__PURE__ */ c("span", { className: "w-6 h-6 bg-bg-alt rounded-full flex-shrink-0" })
-        }
-      ),
-      /* @__PURE__ */ c("span", { className: "text-xs font-medium truncate", style: { color: r }, children: n.name || "Anon" }),
-      n.isLeader && /* @__PURE__ */ c("span", { className: "ml-auto px-1.5 py-0.5 rounded text-[9px] font-medium bg-success/20 text-success", children: "Leader" })
-    ] }, n.clientId);
-  }) }) : /* @__PURE__ */ c("div", { className: "text-xs text-text-muted", children: "No users online" });
-}
-function Ha() {
-  const e = u((a) => Object.keys(a.roster).length), [t, n] = R(!1), r = z(null);
+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 ri({ u: e }) {
+  const t = Pn(e.sprite, e.avatarUrl);
+  return /* @__PURE__ */ _("div", { className: "flex items-center gap-2 py-0.5", children: [
+    /* @__PURE__ */ c(
+      Nn,
+      {
+        sprite: e.sprite,
+        url: e.avatarUrl,
+        alt: e.name || "Anon",
+        className: "w-6 h-6 rounded-full object-cover flex-shrink-0",
+        fallback: /* @__PURE__ */ c("span", { className: "w-6 h-6 bg-bg-alt rounded-full flex-shrink-0" })
+      }
+    ),
+    /* @__PURE__ */ c("span", { className: "text-xs font-medium truncate", style: { color: t }, children: e.name || "Anon" }),
+    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(() => {
     if (!t) return;
     function a(i) {
@@ -2737,12 +2807,12 @@ function Ha() {
         e,
         " online"
       ] }),
-      /* @__PURE__ */ c(Fa, {})
+      /* @__PURE__ */ c(ni, {})
     ] })
   ] });
 }
-function jt({ className: e = "fixed bottom-4 left-1/2 -translate-x-1/2" }) {
-  const t = u((r) => r.toasts), n = u((r) => r.popToast);
+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(() => {
     const r = t.map((a) => setTimeout(() => n(a.id), 4e3));
     return () => {
@@ -2750,39 +2820,39 @@ function jt({ className: e = "fixed bottom-4 left-1/2 -translate-x-1/2" }) {
     };
   }, [t, n]), /* @__PURE__ */ c("div", { className: `${e} flex flex-col gap-2 z-50`, children: t.map((r) => /* @__PURE__ */ c("div", { className: `px-3 py-2 rounded text-sm shadow font-medium border ${r.kind === "error" ? "bg-danger-bg text-on-danger-bg border-danger" : "bg-bg-card border-border-light text-text"}`, children: r.msg }, r.id)) });
 }
-const Ut = (e) => typeof e == "string" && Nn.includes(e);
-function $a(e, t, n) {
-  return e || (Ut(t) ? t : Ut(n) ? n : "dark");
+const Bt = (e) => typeof e == "string" && jn.includes(e);
+function ai(e, t, n) {
+  return e || (Bt(t) ? t : Bt(n) ? n : "dark");
 }
-function Ba(e, t) {
+function ii(e, t) {
   if (t(e.clientWidth), typeof ResizeObserver > "u") return () => {
   };
   const n = new ResizeObserver(() => t(e.clientWidth));
   return n.observe(e), () => n.disconnect();
 }
-function Ga(e) {
+function si(e) {
   const t = e?.trim() ?? "";
   return t ? { source: "host", name: t } : { source: "auto" };
 }
-function qa(e) {
+function li(e) {
   if (e.source !== "host") return;
-  const { setSessionIdentity: t, sprite: n } = u.getState();
+  const { setSessionIdentity: t, sprite: n } = m.getState();
   t(e.name, n);
 }
-function Va({ className: e = "w-4 h-4" }) {
+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: [
     /* @__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 Ka({ className: e = "w-4 h-4" }) {
+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: [
     /* @__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 Wa = 1500;
-function si({
+const ui = 1500;
+function Ci({
   roomKey: e,
   serverOrigin: t,
   userType: n,
@@ -2791,61 +2861,61 @@ function si({
   name: i,
   onLeave: s,
   onLayoutChange: l,
-  collapsible: p = !0,
+  collapsible: u = !0,
   debug: h,
   children: f
 }) {
-  const [L, O] = R(null), { setFrame: M, ...C } = Ya(l, p), m = $t(() => i), v = Q(() => (po({ userType: n, userId: r ?? null }), lt().theme), [n, r]), b = Rn(), I = b?.theme, g = Q(
-    () => $a(a, I, v),
+  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]
   );
   D(() => {
   }, [a, b !== null]);
   const N = Q(
-    () => ({ ...rt, serverOrigin: t, defaultRoomKey: e }),
+    () => ({ ...st, serverOrigin: t, defaultRoomKey: e }),
     [t, e]
   );
   return D(() => {
-    h && Xr();
-  }, [h]), va(), D(() => {
-    qr({ serverOrigin: t, defaultRoomKey: e }), u.getState().rehydrateFromPrefs(), Ko();
+    h && no();
+  }, [h]), Ca(), D(() => {
+    Xr({ serverOrigin: t, defaultRoomKey: e }), m.getState().rehydrateFromPrefs(), Zo();
     let U = !1;
-    const F = yo();
+    const F = xo();
     return (async () => {
       try {
         await Promise.race([
           Promise.all([
             F,
-            xo().then((T) => {
-              T && u.getState().rehydrateFromPrefs();
+            ko().then((T) => {
+              T && m.getState().rehydrateFromPrefs();
             }),
             // The character chosen in the settings popout (lib/avatar.ts).
-            Lo().then(Cn)
+            Bo().then(kn)
           ]),
-          new Promise((T) => setTimeout(T, Wa))
+          new Promise((T) => setTimeout(T, ui))
         ]);
       } catch (T) {
-        A("room-chrome", "pre-join wait threw, proceeding anyway", fe(T));
+        A("room-chrome", "pre-join wait threw, proceeding anyway", pe(T));
       }
       if (U) return;
-      const x = Ga(m());
-      u.getState().ensureAutoIdentity(), qa(x);
-      const P = u.getState();
-      d("room-chrome", "Joining room", { roomKey: e, name: P.name, sprite: P.sprite }), na({ room_key: e, name: P.name || void 0, sprite: P.sprite || void 0 });
+      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 });
     })(), () => {
-      U = !0, Mt();
+      U = !0, Ft();
     };
-  }, [e, t, n, r]), /* @__PURE__ */ c(Vr.Provider, { value: N, children: /* @__PURE__ */ c(cn.Provider, { value: L, children: /* @__PURE__ */ _("div", { ref: M, className: "wp-room-chrome-frame", children: [
+  }, [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 }),
     /* @__PURE__ */ c(
       "aside",
       {
-        ref: O,
+        ref: M,
         className: "wp-room-chrome",
         "data-theme": g,
         "data-collapsed": C.collapsed ? "1" : "0",
         style: { "--wp-room-chrome-width": `${C.state.width}px` },
-        children: C.collapsed ? /* @__PURE__ */ _(le, { children: [
+        children: C.collapsed ? /* @__PURE__ */ _(ce, { children: [
           /* @__PURE__ */ c(
             "button",
             {
@@ -2854,19 +2924,19 @@ function si({
               title: "Show chat",
               "aria-label": "Show chat",
               "aria-expanded": !1,
-              children: /* @__PURE__ */ c(Ka, {})
+              children: /* @__PURE__ */ c(di, {})
             }
           ),
-          /* @__PURE__ */ c(jt, { className: "absolute bottom-2 right-full mr-2 w-72" })
-        ] }) : /* @__PURE__ */ _(le, { children: [
+          /* @__PURE__ */ c($t, { className: "absolute bottom-2 right-full mr-2 w-72" })
+        ] }) : /* @__PURE__ */ _(ce, { children: [
           /* @__PURE__ */ c(
             "div",
             {
               role: "separator",
               "aria-orientation": "vertical",
               "aria-label": "Resize chat",
-              "aria-valuemin": Oe,
-              "aria-valuemax": ct,
+              "aria-valuemin": Me,
+              "aria-valuemax": ft,
               "aria-valuenow": C.state.width,
               tabIndex: 0,
               className: "wp-room-chrome__resize",
@@ -2879,13 +2949,13 @@ function si({
             }
           ),
           /* @__PURE__ */ _("div", { className: "flex items-center gap-1 px-2 py-1.5 border-b border-border", children: [
-            /* @__PURE__ */ c(Ha, {}),
+            /* @__PURE__ */ c(oi, {}),
             /* @__PURE__ */ c("div", { className: "flex-1" }),
             s && /* @__PURE__ */ c(
               "button",
               {
                 onClick: () => {
-                  Mt(), s();
+                  Ft(), s();
                 },
                 className: "wp-room-chrome__leave",
                 title: "Leave room",
@@ -2893,7 +2963,7 @@ function si({
                 children: "Leave"
               }
             ),
-            p && /* @__PURE__ */ c(
+            u && /* @__PURE__ */ c(
               "button",
               {
                 onClick: C.toggleCollapsed,
@@ -2901,51 +2971,51 @@ function si({
                 title: "Hide chat",
                 "aria-label": "Hide chat",
                 "aria-expanded": !0,
-                children: /* @__PURE__ */ c(Va, {})
+                children: /* @__PURE__ */ c(ci, {})
               }
             )
           ] }),
-          /* @__PURE__ */ c(ka, {}),
-          /* @__PURE__ */ c(Ua, { commands: [] }),
-          /* @__PURE__ */ c(jt, { className: "absolute bottom-14 left-2 right-2" })
+          /* @__PURE__ */ c(Va, {}),
+          /* @__PURE__ */ c(ti, { commands: [] }),
+          /* @__PURE__ */ c($t, { className: "absolute bottom-14 left-2 right-2" })
         ] })
       }
     )
   ] }) }) });
 }
-function Ya(e, t) {
-  const n = u((g) => g.chromeChatCollapsed) && t, r = u((g) => g.chromeChatWidth), a = u((g) => g.toggleChromeChatCollapsed), i = u((g) => g.setChromeChatWidth), [s, l] = R(null), [p, h] = R(void 0), [f, L] = R(null);
+function 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(() => {
     if (s)
-      return Ba(s, h);
+      return ii(s, h);
   }, [s]);
-  const O = V(f?.current ?? r, p), M = Q(() => ko(n, O), [n, O]), C = $t((g) => e?.(g));
+  const M = V(f?.current ?? r, u), L = Q(() => Oo(n, M), [n, M]), C = Vt((g) => e?.(g));
   return D(() => {
-    C(M);
-  }, [M]), {
+    C(L);
+  }, [L]), {
     setFrame: l,
     collapsed: n,
-    state: M,
+    state: L,
     dragging: f !== null,
     toggleCollapsed: a,
     onPointerDown: (g) => {
-      g.button === 0 && (g.preventDefault(), g.currentTarget.setPointerCapture(g.pointerId), L({ pointerId: g.pointerId, startX: g.clientX, startWidth: O, current: O }));
+      g.button === 0 && (g.preventDefault(), g.currentTarget.setPointerCapture(g.pointerId), O({ pointerId: g.pointerId, startX: g.clientX, startWidth: M, current: M }));
     },
     onPointerMove: (g) => {
-      !f || f.pointerId !== g.pointerId || L({ ...f, current: kt(f.startWidth, f.startX, g.clientX, p) });
+      !f || f.pointerId !== g.pointerId || O({ ...f, current: Rt(f.startWidth, f.startX, g.clientX, u) });
     },
     onPointerEnd: (g) => {
       if (!f || f.pointerId !== g.pointerId) return;
-      const k = kt(f.startWidth, f.startX, g.clientX, p);
-      L(null), k !== r && i(k);
+      const E = Rt(f.startWidth, f.startX, g.clientX, u);
+      O(null), E !== r && i(E);
     },
     onKeyDown: (g) => {
-      const k = Ao(O, g.key, p);
-      k !== null && (g.preventDefault(), k !== r && i(k));
+      const E = Do(M, g.key, u);
+      E !== null && (g.preventDefault(), E !== r && i(E));
     }
   };
 }
 export {
-  si as RoomChrome
+  Ci as RoomChrome
 };
 //# sourceMappingURL=room-chrome.js.map