@hadoku/watchparty-ui 0.44.20 → 0.45.2

package/dist/chunks/{MediaDrawer-Da6-fLeV.js → MediaDrawer-DLFj0-te.js}

@@ -1,234 +1,234 @@
 import { jsxs as u, jsx as a, Fragment as j } from "react/jsx-runtime";
-import { useState as x, useEffect as D, useRef as ce, useMemo as ke, useCallback as Se } from "react";
-import { g as K, ay as Y, d as A, an as Fe, w as q, Y as Q, az as Be, aA as De, h as se, t as Oe, G as Ce, aB as Pe } from "./index-B92W398r.js";
-import { D as $e, a as ae, u as Ge, s as je, b as qe } from "./Room-Ci6DN1Oi.js";
-import { s as Ee, a as V, g as ue, f as He, b as pe, h as ze, u as Ve, c as We, e as Ye, d as Je, i as Ke, j as Qe, k as Xe } from "./submissionsApi-CHcpF-It.js";
-import { Icon as re } from "@wolffm/themes";
-import { b as Ze } from "./cover-AUIrlUMF.js";
-const ne = /* @__PURE__ */ new Map(), Z = /* @__PURE__ */ new Map(), et = 6e4;
-async function J(e = "") {
-  const r = Date.now(), t = ne.get(e);
-  if (t && r - t.ts < et) return t.data;
-  const l = Z.get(e);
+import { useState as x, useEffect as O, useRef as ue, useMemo as Se, useCallback as Ce } from "react";
+import { g as X, ay as K, d as E, an as Be, w as q, Y as H, az as Oe, aA as De, h as ie, t as Pe, G as $e, aB as Ge } from "./index-DOLbMWw6.js";
+import { D as Ee, a as re, u as je, s as qe, b as He } from "./Room-BVyJK3zM.js";
+import { s as Ae, a as Y, g as pe, f as We, b as me, h as ze, u as Ve, c as Ye, e as Je, d as Ke, i as Qe, j as Xe, k as Ze } from "./submissionsApi-CXZf_xlm.js";
+import { Icon as ne } from "@wolffm/themes";
+import { b as et } from "./cover-AUIrlUMF.js";
+const se = /* @__PURE__ */ new Map(), ee = /* @__PURE__ */ new Map(), tt = 6e4;
+async function Q(e = "") {
+  const r = Date.now(), t = se.get(e);
+  if (t && r - t.ts < tt) return t.data;
+  const l = ee.get(e);
   if (l) return l;
   const o = (async () => {
-    const p = `${K()}/api/catalog${e ? `?prefix=${encodeURIComponent(e)}` : ""}`, c = await fetch(p, { cache: "no-store" });
+    const g = `${X()}/api/catalog${e ? `?prefix=${encodeURIComponent(e)}` : ""}`, c = await fetch(g, { cache: "no-store" });
     if (!c.ok) throw new Error(`catalog_http_${c.status}`);
     const y = await c.json();
-    return Y() && A("catalog", "Catalog fetched", { prefix: e, dirs: y.dirs?.length, files: y.files?.length }), ne.set(e, { ts: r, data: y }), y;
+    return K() && E("catalog", "Catalog fetched", { prefix: e, dirs: y.dirs?.length, files: y.files?.length }), se.set(e, { ts: r, data: y }), y;
   })();
-  Z.set(e, o);
+  ee.set(e, o);
   try {
     return await o;
   } finally {
-    Z.delete(e);
+    ee.delete(e);
   }
 }
-function tt(e) {
-  ne.clear();
+function at(e) {
+  se.clear();
 }
-async function at() {
-  if (Y())
+async function rt() {
+  if (K())
     try {
       const e = ["output/fmp4/anime", "output/fmp4/movie", "output/fmp4/tv"];
       for (const r of e) {
-        const t = await J(r);
-        A("catalog", "[probe] catalog " + r, { dirs: t.dirs.length, files: t.files.length });
+        const t = await Q(r);
+        E("catalog", "[probe] catalog " + r, { dirs: t.dirs.length, files: t.files.length });
         const l = t.files[0];
         if (l) {
-          const o = rt(), i = `${o}/${l.id}/index.json`.replace(/\\/g, "/"), p = `${o}/${l.id}/${Fe}`.replace(/\\/g, "/");
-          await me(i, "index"), await me(p, "fragment", { headers: { Range: "bytes=0-1023" } });
+          const o = nt(), s = `${o}/${l.id}/index.json`.replace(/\\/g, "/"), g = `${o}/${l.id}/${Be}`.replace(/\\/g, "/");
+          await ge(s, "index"), await ge(g, "fragment", { headers: { Range: "bytes=0-1023" } });
         }
       }
     } catch (e) {
       q("catalog", "[probe] error", { error: e instanceof Error ? e.message : String(e) });
     }
 }
-function rt() {
+function nt() {
   return "/media";
 }
-async function me(e, r, t) {
-  const l = performance.now(), o = await fetch(e, t), i = Math.round(performance.now() - l);
-  return A("catalog", "[probe] " + r, { url: e, status: o.status, ms: i, bytes: o.headers.get("content-length") }), o;
+async function ge(e, r, t) {
+  const l = performance.now(), o = await fetch(e, t), s = Math.round(performance.now() - l);
+  return E("catalog", "[probe] " + r, { url: e, status: o.status, ms: s, bytes: o.headers.get("content-length") }), o;
 }
-const nt = [
+const st = [
   "yuuna",
   "gushingovermagicalgirls",
   "immoralguild",
   "ingokudanchi",
   "isekaionsenparadise"
-], ge = (e) => e.toLowerCase().replace(/[^a-z0-9]/g, "");
-function st(e, r) {
-  return new Set(r.map(ge)).has(ge(e));
+], fe = (e) => e.toLowerCase().replace(/[^a-z0-9]/g, "");
+function it(e, r) {
+  return new Set(r.map(fe)).has(fe(e));
 }
-function it(e) {
-  return st(e, nt);
+function lt(e) {
+  return it(e, st);
 }
-function fe(e, r) {
+function he(e, r) {
   const t = /* @__PURE__ */ new Map();
   for (const l of e) {
     const o = /* @__PURE__ */ new Map();
-    for (const i of r(l))
-      o.set(i.name, i.expanded === !0);
+    for (const s of r(l))
+      o.set(s.name, s.expanded === !0);
     t.set(l.name, { expanded: l.expanded === !0, children: o });
   }
   return t;
 }
-function he(e, r, t, l) {
+function be(e, r, t, l) {
   return e.map((o) => {
-    const i = r.get(o.name);
-    if (!i) return o;
+    const s = r.get(o.name);
+    if (!s) return o;
     const c = t(o).map((v) => {
-      const f = i.children.get(v.name);
-      return f === void 0 ? v : { ...v, expanded: f };
+      const h = s.children.get(v.name);
+      return h === void 0 ? v : { ...v, expanded: h };
     });
-    return l({ ...o, expanded: i.expanded }, c);
+    return l({ ...o, expanded: s.expanded }, c);
   });
 }
-const lt = "Anime";
-function W(e) {
-  return e === lt;
+const ot = "Anime";
+function J(e) {
+  return e === ot;
 }
-function ot(e, r, t) {
+function dt(e, r, t) {
   return e.map(
     (l) => t(
-      { ...l, expanded: W(l.name) },
+      { ...l, expanded: J(l.name) },
       r(l).map((o) => ({ ...o, expanded: !1 }))
     )
   );
 }
-const be = "output/fmp4", xe = [
+const xe = "output/fmp4", ye = [
   { key: "anime", label: "Anime" },
   { key: "movie", label: "Movie" },
   { key: "tv", label: "TV" }
 ];
-async function ee(e, r) {
+async function te(e, r) {
   try {
     return await e(r);
   } catch (t) {
-    return q("catalog", "Fetch failed", { prefix: r, ...Q(t) }), null;
+    return q("catalog", "Fetch failed", { prefix: r, ...H(t) }), null;
   }
 }
-async function ye(e) {
+async function ve(e) {
   const [r, t] = await Promise.all([
-    Promise.all(xe.map((c) => ee(e, `${be}/${c.key}`))),
-    ee(e, `${be}/playlists`)
+    Promise.all(ye.map((c) => te(e, `${xe}/${c.key}`))),
+    te(e, `${xe}/playlists`)
   ]), l = await Promise.all(r.map((c) => Promise.all((c?.dirs ?? []).map(async (y) => {
-    const f = ((await ee(e, y.path))?.files ?? []).map(($) => ({ type: "episode", name: $.title, mediaId: $.id }));
-    return f.length ? { type: "series", name: y.name, episodes: f, expanded: !1 } : null;
-  })))), o = [], i = [];
-  xe.forEach((c, y) => {
+    const h = ((await te(e, y.path))?.files ?? []).map(($) => ({ type: "episode", name: $.title, mediaId: $.id }));
+    return h.length ? { type: "series", name: y.name, episodes: h, expanded: !1 } : null;
+  })))), o = [], s = [];
+  ye.forEach((c, y) => {
     const v = [];
-    for (const f of l[y])
-      f && (c.key === "anime" && it(f.name) ? i.push(f) : v.push(f));
-    v.length && o.push({ type: "category", name: c.label, series: v, expanded: W(c.label) });
+    for (const h of l[y])
+      h && (c.key === "anime" && lt(h.name) ? s.push(h) : v.push(h));
+    v.length && o.push({ type: "category", name: c.label, series: v, expanded: J(c.label) });
   });
-  const p = (t?.dirs ?? []).map((c) => ({ type: "playlist", name: c.name, playlistId: c.name }));
-  return p.length && o.push({ type: "playlist_category", name: "Playlists", playlists: p, expanded: W("Playlists") }), i.length && o.push({ type: "category", name: "Ecchi", series: i, expanded: W("Ecchi") }), o;
+  const g = (t?.dirs ?? []).map((c) => ({ type: "playlist", name: c.name, playlistId: c.name }));
+  return g.length && o.push({ type: "playlist_category", name: "Playlists", playlists: g, expanded: J("Playlists") }), s.length && o.push({ type: "category", name: "Ecchi", series: s, expanded: J("Ecchi") }), o;
 }
-const dt = /^(?:https?|magnet):/i;
-function Ae(e) {
+const ct = /^(?:https?|magnet):/i;
+function Me(e) {
   const r = e.trim();
-  return r.length >= Be && r.length <= De && !dt.test(r);
+  return r.length >= Oe && r.length <= De && !ct.test(r);
 }
-function ve(e) {
-  return e ? `${K()}${e}` : null;
+function we(e) {
+  return e ? `${X()}${e}` : null;
 }
-function ct(e) {
+function ut(e) {
   if (e === null || !Number.isFinite(e) || e < 0) return "";
   const r = Math.floor(e % 60), t = Math.floor(e / 60) % 60, l = Math.floor(e / 3600), o = String(r).padStart(2, "0");
   return l > 0 ? `${l}:${String(t).padStart(2, "0")}:${o}` : `${t}:${o}`;
 }
-async function Me(e, r) {
+async function Ie(e, r) {
   try {
-    const t = await fetch(`${K()}${e}`, { signal: r });
+    const t = await fetch(`${X()}${e}`, { signal: r });
     return t.ok ? { ok: !0, value: await t.json() } : { ok: !1, status: t.status };
   } catch (t) {
-    return r.aborted ? { ok: !1, status: "aborted" } : (q("search", "Search request threw", Q(t)), { ok: !1, status: "network" });
+    return r.aborted ? { ok: !1, status: "aborted" } : (q("search", "Search request threw", H(t)), { ok: !1, status: "network" });
   }
 }
-function ut(e, r) {
-  return Me(`/api/search/shows?q=${encodeURIComponent(e.trim())}`, r);
-}
 function pt(e, r) {
-  return Me(`/api/search/youtube?q=${encodeURIComponent(e.trim())}`, r);
+  return Ie(`/api/search/shows?q=${encodeURIComponent(e.trim())}`, r);
+}
+function mt(e, r) {
+  return Ie(`/api/search/youtube?q=${encodeURIComponent(e.trim())}`, r);
 }
-async function mt(e, r) {
+async function gt(e, r) {
   try {
-    const t = await fetch(`${K()}/api/watchlist`, {
+    const t = await fetch(`${X()}/api/watchlist`, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({ source: e, id: r })
     });
     if (t.status === 201) {
       const l = await t.json();
-      return A("search", "Added to watch list", { source: e, id: r, series: l.series }), { ok: !0, value: l };
+      return E("search", "Added to watch list", { source: e, id: r, series: l.series }), { ok: !0, value: l };
     }
     return { ok: !1, code: t.status === 409 ? "exists" : "failed", status: t.status };
   } catch (t) {
-    return q("search", "Watch-list add threw", Q(t)), { ok: !1, code: "failed", status: "network" };
+    return q("search", "Watch-list add threw", H(t)), { ok: !1, code: "failed", status: "network" };
   }
 }
-const gt = 350;
-function ft({ query: e, onSubmitted: r }) {
-  const t = e.trim(), l = Ae(t), [o, i] = x(null), [p, c] = x(null), [y, v] = x({});
-  if (D(() => {
+const ft = 350;
+function ht({ query: e, onSubmitted: r }) {
+  const t = e.trim(), l = Me(t), [o, s] = x(null), [g, c] = x(null), [y, v] = x({});
+  if (O(() => {
     if (!l) return;
     const d = new AbortController(), N = setTimeout(() => {
-      ut(t, d.signal).then((m) => {
-        d.signal.aborted || i({ q: t, outcome: m.ok ? { ok: !0, value: m.value.results } : m });
-      }), pt(t, d.signal).then((m) => {
-        d.signal.aborted || c({ q: t, outcome: m.ok ? { ok: !0, value: m.value.results } : m });
+      pt(t, d.signal).then((f) => {
+        d.signal.aborted || s({ q: t, outcome: f.ok ? { ok: !0, value: f.value.results } : f });
+      }), mt(t, d.signal).then((f) => {
+        d.signal.aborted || c({ q: t, outcome: f.ok ? { ok: !0, value: f.value.results } : f });
       });
-    }, gt);
+    }, ft);
     return () => {
       clearTimeout(N), d.abort();
     };
   }, [t, l]), !l) return null;
-  const f = o?.q === t ? o.outcome : null, $ = p?.q === t ? p.outcome : null;
-  async function M(d) {
+  const h = o?.q === t ? o.outcome : null, $ = g?.q === t ? g.outcome : null;
+  async function A(d) {
     const N = `${d.source}:${d.id}`;
-    v((S) => ({ ...S, [N]: "adding" }));
-    const m = await mt(d.source, d.id);
-    v((S) => ({ ...S, [N]: m.ok || m.code === "exists" ? "added" : `error ${m.status}` }));
+    v((k) => ({ ...k, [N]: "adding" }));
+    const f = await gt(d.source, d.id);
+    v((k) => ({ ...k, [N]: f.ok || f.code === "exists" ? "added" : `error ${f.status}` }));
   }
   async function R(d) {
     const N = `yt:${d.id}`;
-    v((S) => ({ ...S, [N]: "adding" }));
-    const m = await Ee(d.url, d.title);
-    m.ok ? (v((S) => ({ ...S, [N]: "added" })), r(m.value)) : v((S) => ({ ...S, [N]: V(m.failure) }));
+    v((k) => ({ ...k, [N]: "adding" }));
+    const f = await Ae(d.url, d.title);
+    f.ok ? (v((k) => ({ ...k, [N]: "added" })), r(f.value)) : v((k) => ({ ...k, [N]: Y(f.failure) }));
   }
-  const _ = f?.ok && $?.ok && f.value.length === 0 && $.value.length === 0;
+  const U = h?.ok && $?.ok && h.value.length === 0 && $.value.length === 0;
   return /* @__PURE__ */ u("div", { className: "border-b border-border", "data-testid": "media-search", children: [
-    _ && /* @__PURE__ */ a("div", { className: "px-3 py-2 text-[11px] text-text-muted", children: "no results" }),
-    /* @__PURE__ */ a(we, { label: "Shows", answer: f, testId: "search-shows", children: f?.ok && f.value.map((d) => {
-      const N = `${d.source}:${d.id}`, m = d.onWatchlist ? "added" : y[N];
+    U && /* @__PURE__ */ a("div", { className: "px-3 py-2 text-[11px] text-text-muted", children: "no results" }),
+    /* @__PURE__ */ a(Ne, { label: "Shows", answer: h, testId: "search-shows", children: h?.ok && h.value.map((d) => {
+      const N = `${d.source}:${d.id}`, f = d.onWatchlist ? "added" : y[N];
       return /* @__PURE__ */ a(
-        Ne,
+        ke,
         {
           testId: `show-${N}`,
-          image: ve(d.poster),
+          image: we(d.poster),
           imageClass: "w-8 h-11",
           title: d.title,
           meta: [d.year, d.format, d.episodes ? `${d.episodes} ep` : null],
-          state: m,
+          state: f,
           canAdd: d.addable,
           addLabel: `Add ${d.title} to watch list`,
           onAdd: () => {
-            M(d);
+            A(d);
           }
         },
         N
       );
     }) }),
-    /* @__PURE__ */ a(we, { label: "YouTube", answer: $, testId: "search-youtube", children: $?.ok && $.value.map((d) => /* @__PURE__ */ a(
-      Ne,
+    /* @__PURE__ */ a(Ne, { label: "YouTube", answer: $, testId: "search-youtube", children: $?.ok && $.value.map((d) => /* @__PURE__ */ a(
+      ke,
       {
         testId: `video-${d.id}`,
-        image: ve(d.thumb),
+        image: we(d.thumb),
         imageClass: "w-16 h-9",
         title: d.title,
-        meta: [d.channel, ct(d.durationS)],
+        meta: [d.channel, ut(d.durationS)],
         state: y[`yt:${d.id}`],
         canAdd: !0,
         addLabel: `Request ${d.title}`,
@@ -240,7 +240,7 @@ function ft({ query: e, onSubmitted: r }) {
     )) })
   ] });
 }
-function we({ label: e, answer: r, testId: t, children: l }) {
+function Ne({ label: e, answer: r, testId: t, children: l }) {
   if (r?.ok && r.value.length === 0) return null;
   const o = r && !r.ok && r.status !== "aborted";
   return /* @__PURE__ */ u("div", { "data-testid": t, "data-loaded": r ? "true" : "false", children: [
@@ -252,27 +252,27 @@ function we({ label: e, answer: r, testId: t, children: l }) {
     l
   ] });
 }
-function Ne({ testId: e, image: r, imageClass: t, title: l, meta: o, state: i, canAdd: p, addLabel: c, onAdd: y }) {
-  const v = o.filter((f) => f !== null && f !== "").join(" · ");
-  return /* @__PURE__ */ u("div", { className: "px-3 py-1 flex items-center gap-2", "data-testid": e, "data-state": i ?? "", children: [
+function ke({ testId: e, image: r, imageClass: t, title: l, meta: o, state: s, canAdd: g, addLabel: c, onAdd: y }) {
+  const v = o.filter((h) => h !== null && h !== "").join(" · ");
+  return /* @__PURE__ */ u("div", { className: "px-3 py-1 flex items-center gap-2", "data-testid": e, "data-state": s ?? "", children: [
     r ? /* @__PURE__ */ a("img", { src: r, alt: "", loading: "lazy", className: `${t} object-cover rounded shrink-0 bg-bg-alt` }) : /* @__PURE__ */ a("div", { className: `${t} rounded shrink-0 bg-bg-alt` }),
     /* @__PURE__ */ u("div", { className: "flex-1 min-w-0", children: [
       /* @__PURE__ */ a("div", { className: "text-[11px] text-text truncate", title: l, children: l }),
       v && /* @__PURE__ */ a("div", { className: "text-[10px] text-text-muted truncate", children: v })
     ] }),
-    i === "added" ? /* @__PURE__ */ a(re, { name: "check", variant: "tint", family: "success", round: !0, className: "shrink-0" }) : i && i !== "adding" ? /* @__PURE__ */ a("span", { className: "text-[10px] bg-danger-bg text-on-danger-bg px-1 rounded shrink-0", children: i }) : p && /* @__PURE__ */ a(
+    s === "added" ? /* @__PURE__ */ a(ne, { name: "check", variant: "tint", family: "success", round: !0, className: "shrink-0" }) : s && s !== "adding" ? /* @__PURE__ */ a("span", { className: "text-[10px] bg-danger-bg text-on-danger-bg px-1 rounded shrink-0", children: s }) : g && /* @__PURE__ */ a(
       "button",
       {
         onClick: y,
-        disabled: i === "adding",
+        disabled: s === "adding",
         "aria-label": c,
         className: "drawer-btn shrink-0",
-        children: /* @__PURE__ */ a(re, { name: "plus" })
+        children: /* @__PURE__ */ a(ne, { name: "plus" })
       }
     )
   ] });
 }
-const ht = 4e3, bt = {
+const bt = 4e3, xt = {
   pending: "bg-neutral-bg text-on-neutral-bg",
   approved: "bg-primary-bg text-on-primary-bg",
   fetching: "bg-primary-bg text-on-primary-bg",
@@ -281,7 +281,7 @@ const ht = 4e3, bt = {
   rejected: "bg-danger-bg text-on-danger-bg",
   failed: "bg-danger-bg text-on-danger-bg"
 };
-function xt({ item: e }) {
+function yt({ item: e }) {
   const r = e, t = e.title || e.source;
   return /* @__PURE__ */ u(
     "div",
@@ -294,106 +294,106 @@ function xt({ item: e }) {
       children: [
         /* @__PURE__ */ a("span", { className: "text-[10px] uppercase tracking-wider text-text-muted shrink-0", children: e.kind }),
         /* @__PURE__ */ a("span", { className: "text-[11px] text-text-tertiary truncate flex-1", title: e.source, children: r.series ? `${r.series} — ${t}` : t }),
-        /* @__PURE__ */ a("span", { className: `text-[10px] uppercase tracking-wider px-1 rounded ${bt[e.state] ?? "text-text-muted"}`, children: e.state }),
+        /* @__PURE__ */ a("span", { className: `text-[10px] uppercase tracking-wider px-1 rounded ${xt[e.state] ?? "text-text-muted"}`, children: e.state }),
         e.error && /* @__PURE__ */ a("span", { className: "text-[10px] bg-danger-bg text-on-danger-bg px-1 rounded truncate max-w-[10rem]", children: e.error })
       ]
     }
   );
 }
-function yt({ open: e, onClose: r }) {
-  const [t, l] = x(""), [o, i] = x(""), [p, c] = x(""), [y, v] = x(!1), [f, $] = x([]), [M, R] = x(!1), [_, d] = x(null), [N, m] = x(null), [S, H] = x(null), [L, z] = x(null), [T, O] = x(null), [U, n] = x(!1), [h, g] = x(null), [b, k] = x(null), E = ce(null), P = ce(!1), F = ke(() => ue(t), [t]) === "magnet" && t.trim().length > 0, ie = Ae(t), B = Se(async () => {
-    const s = await He();
-    P.current && (s.ok ? (m(s.value), H(null)) : H(s.failure));
-  }, []);
-  D(() => {
+function vt({ open: e, onClose: r }) {
+  const [t, l] = x(""), [o, s] = x(""), [g, c] = x(""), [y, v] = x(!1), [h, $] = x([]), [A, R] = x(!1), [U, d] = x(null), [N, f] = x(null), [k, W] = x(null), [I, z] = x(null), [T, D] = x(null), [P, _] = x(!1), [V, n] = x(null), [p, m] = x(null), w = ue(null), S = ue(!1), L = Se(() => pe(t), [t]) === "magnet" && t.trim().length > 0, le = Me(t), B = Ce(() => We().then((i) => {
+    S.current && (i.ok ? (f(i.value), W(null)) : W(i.failure));
+  }), []);
+  O(() => {
     if (!e) return;
-    P.current = !0, B();
-    const s = setInterval(() => {
+    S.current = !0, B();
+    const i = setInterval(() => {
       B();
-    }, ht);
+    }, bt);
     return () => {
-      P.current = !1, clearInterval(s);
+      S.current = !1, clearInterval(i);
     };
-  }, [e, B]), D(() => {
+  }, [e, B]), O(() => {
     if (!e) return;
-    let s = !0;
-    return pe().then((w) => {
-      s && w.ok && z(w.value);
+    let i = !0;
+    return me().then((b) => {
+      i && b.ok && z(b.value);
     }), () => {
-      s = !1;
+      i = !1;
     };
-  }, [e]), D(() => {
+  }, [e]), O(() => {
     if (!e) return;
-    let s = !0;
-    return J("output/fmp4/anime").then((w) => {
-      s && $(w.dirs.map((C) => C.name));
-    }).catch(() => {
+    let i = !0;
+    return Q("output/fmp4/anime").then((b) => {
+      i && $(b.dirs.map((C) => C.name));
+    }).catch((b) => {
+      E("media", "series suggestions unavailable", H(b));
     }), () => {
-      s = !1;
+      i = !1;
     };
   }, [e]);
-  function Le(s) {
-    if (l(s), ue(s) === "magnet" && s.trim().length > 0 && !y) {
-      const C = Ye(s);
+  function Re(i) {
+    if (l(i), pe(i) === "magnet" && i.trim().length > 0 && !y) {
+      const C = Je(i);
       C && c(C);
     }
   }
-  function Re() {
-    l(""), i(""), c(""), v(!1);
+  function Te() {
+    l(""), s(""), c(""), v(!1);
   }
-  const le = !F || o.trim().length > 0 && ze(p);
-  async function oe() {
-    const s = t.trim();
-    if (!s || M || ie || F && !le) return;
+  const oe = !L || o.trim().length > 0 && ze(g);
+  async function de() {
+    const i = t.trim();
+    if (!i || A || le || L && !oe) return;
     R(!0), d(null);
-    const w = F ? await Je(s, { title: p.trim() || void 0, series: o.trim() }) : await Ee(s);
-    if (R(!1), !w.ok) {
-      d(w.failure);
+    const b = L ? await Ke(i, { title: g.trim() || void 0, series: o.trim() }) : await Ae(i);
+    if (R(!1), !b.ok) {
+      d(b.failure);
       return;
     }
-    A("submissions", "Submit accepted", { id: w.value.id, state: w.value.state }), Re(), m((C) => [w.value, ...(C ?? []).filter((I) => I.id !== w.value.id)]), B();
+    E("submissions", "Submit accepted", { id: b.value.id, state: b.value.state }), Te(), f((C) => [b.value, ...(C ?? []).filter((M) => M.id !== b.value.id)]), B();
   }
-  function Te(s) {
-    const w = s.target.files?.[0] ?? null;
-    if (k(null), w && L && w.size > L.maxBytes) {
-      O(null), k({ code: "too_large", maxBytes: L.maxBytes }), E.current && (E.current.value = "");
+  function _e(i) {
+    const b = i.target.files?.[0] ?? null;
+    if (m(null), b && I && b.size > I.maxBytes) {
+      D(null), m({ code: "too_large", maxBytes: I.maxBytes }), w.current && (w.current.value = "");
       return;
     }
-    O(w);
+    D(b);
   }
-  async function _e() {
-    if (!T || U) return;
-    n(!0), k(null);
-    let s = L;
-    if (!s) {
-      const I = await pe();
-      if (!I.ok) {
-        n(!1), k(I.failure);
+  async function Ue() {
+    if (!T || P) return;
+    _(!0), m(null);
+    let i = I;
+    if (!i) {
+      const M = await me();
+      if (!M.ok) {
+        _(!1), m(M.failure);
         return;
       }
-      s = I.value, z(s);
+      i = M.value, z(i);
     }
-    if (T.size > s.maxBytes) {
-      n(!1), k({ code: "too_large", maxBytes: s.maxBytes });
+    if (T.size > i.maxBytes) {
+      _(!1), m({ code: "too_large", maxBytes: i.maxBytes });
       return;
     }
-    const w = await Ke(T, s, (I, X, Ue) => {
-      g({ sent: I, total: X, phase: Ue });
+    const b = await Qe(T, i, (M, Z, Fe) => {
+      n({ sent: M, total: Z, phase: Fe });
     });
-    if (!w.ok) {
-      n(!1), g(null), k(w.failure);
+    if (!b.ok) {
+      _(!1), n(null), m(b.failure);
       return;
     }
-    const C = await Qe(w.value.fileId, T.name);
-    if (n(!1), g(null), !C.ok) {
-      k(C.failure);
+    const C = await Xe(b.value.fileId, T.name);
+    if (_(!1), n(null), !C.ok) {
+      m(C.failure);
       return;
     }
-    A("submissions", "Upload accepted", { id: C.value.id }), O(null), E.current && (E.current.value = ""), m((I) => [C.value, ...(I ?? []).filter((X) => X.id !== C.value.id)]), B();
+    E("submissions", "Upload accepted", { id: C.value.id }), D(null), w.current && (w.current.value = ""), f((M) => [C.value, ...(M ?? []).filter((Z) => Z.id !== C.value.id)]), B();
   }
-  const de = b ? "maxBytes" in b || b.code === "target_unavailable" || b.code === "upload_failed" ? Ve(b) : V(b) : null;
+  const ce = p ? "maxBytes" in p || p.code === "target_unavailable" || p.code === "upload_failed" ? Ve(p) : Y(p) : null;
   return /* @__PURE__ */ u(
-    $e,
+    Ee,
     {
       open: e,
       onClose: r,
@@ -406,8 +406,8 @@ function yt({ open: e, onClose: r }) {
               B();
             },
             "aria-label": "Refresh submissions",
-            className: `${ae} ml-auto`,
-            children: /* @__PURE__ */ a(re, { name: "refresh" })
+            className: `${re} ml-auto`,
+            children: /* @__PURE__ */ a(ne, { name: "refresh" })
           }
         )
       ] }),
@@ -417,34 +417,34 @@ function yt({ open: e, onClose: r }) {
             "input",
             {
               value: t,
-              onChange: (s) => Le(s.target.value),
-              onKeyDown: (s) => {
-                s.key === "Enter" && !F && oe();
+              onChange: (i) => Re(i.target.value),
+              onKeyDown: (i) => {
+                i.key === "Enter" && !L && de();
               },
               "aria-label": "Media link",
               placeholder: "search, https:// or magnet:",
               className: "w-full bg-bg-alt border border-border focus:border-border-light outline-none px-2 py-1 rounded text-xs"
             }
           ),
-          F && /* @__PURE__ */ u("div", { className: "flex flex-col gap-1.5", "data-testid": "magnet-fields", children: [
+          L && /* @__PURE__ */ u("div", { className: "flex flex-col gap-1.5", "data-testid": "magnet-fields", children: [
             /* @__PURE__ */ a(
               "input",
               {
                 value: o,
-                onChange: (s) => i(s.target.value),
+                onChange: (i) => s(i.target.value),
                 list: "add-media-series-options",
                 "aria-label": "Series",
                 placeholder: "series",
                 className: "w-full bg-bg-alt border border-border focus:border-border-light outline-none px-2 py-1 rounded text-xs"
               }
             ),
-            /* @__PURE__ */ a("datalist", { id: "add-media-series-options", children: f.map((s) => /* @__PURE__ */ a("option", { value: s }, s)) }),
+            /* @__PURE__ */ a("datalist", { id: "add-media-series-options", children: h.map((i) => /* @__PURE__ */ a("option", { value: i }, i)) }),
             /* @__PURE__ */ a(
               "input",
               {
-                value: p,
-                onChange: (s) => {
-                  v(!0), c(s.target.value);
+                value: g,
+                onChange: (i) => {
+                  v(!0), c(i.target.value);
                 },
                 "aria-label": "Title",
                 placeholder: "title (SxxExx)",
@@ -457,22 +457,22 @@ function yt({ open: e, onClose: r }) {
               "button",
               {
                 onClick: () => {
-                  oe();
+                  de();
                 },
-                disabled: M || !t.trim() || ie || F && !le,
+                disabled: A || !t.trim() || le || L && !oe,
                 "aria-label": "Submit media",
                 className: "drawer-btn drawer-btn-primary",
-                children: M ? "Submitting…" : "Submit"
+                children: A ? "Submitting…" : "Submit"
               }
             ),
-            _ && /* @__PURE__ */ a("span", { "data-testid": "submit-failure", className: "text-[11px] bg-danger-bg text-on-danger-bg px-1.5 py-0.5 rounded", children: V(_) })
+            U && /* @__PURE__ */ a("span", { "data-testid": "submit-failure", className: "text-[11px] bg-danger-bg text-on-danger-bg px-1.5 py-0.5 rounded", children: Y(U) })
           ] })
         ] }),
         /* @__PURE__ */ a(
-          ft,
+          ht,
           {
             query: t,
-            onSubmitted: (s) => m((w) => [s, ...(w ?? []).filter((C) => C.id !== s.id)])
+            onSubmitted: (i) => f((b) => [i, ...(b ?? []).filter((C) => C.id !== i.id)])
           }
         ),
         /* @__PURE__ */ u("div", { className: "p-3 border-b border-border flex flex-col gap-2", children: [
@@ -480,9 +480,9 @@ function yt({ open: e, onClose: r }) {
             /* @__PURE__ */ a(
               "input",
               {
-                ref: E,
+                ref: w,
                 type: "file",
-                onChange: Te,
+                onChange: _e,
                 "aria-label": "Upload file",
                 className: "text-[11px] flex-1 min-w-0"
               }
@@ -491,187 +491,183 @@ function yt({ open: e, onClose: r }) {
               "button",
               {
                 onClick: () => {
-                  _e();
+                  Ue();
                 },
-                disabled: !T || U,
+                disabled: !T || P,
                 "aria-label": "Upload",
                 className: "drawer-btn drawer-btn-primary",
-                children: U ? h?.phase === "assembling" ? "Assembling…" : "Uploading…" : "Upload"
+                children: P ? V?.phase === "assembling" ? "Assembling…" : "Uploading…" : "Upload"
               }
             )
           ] }),
-          /* @__PURE__ */ a("span", { className: "text-[10px] text-text-muted", "data-testid": "upload-cap", children: L ? `cap ${We(L.maxBytes)}` : "" }),
-          de && /* @__PURE__ */ a("span", { "data-testid": "upload-failure", className: "text-[11px] bg-danger-bg text-on-danger-bg px-1.5 py-0.5 rounded", children: de })
+          /* @__PURE__ */ a("span", { className: "text-[10px] text-text-muted", "data-testid": "upload-cap", children: I ? `cap ${Ye(I.maxBytes)}` : "" }),
+          ce && /* @__PURE__ */ a("span", { "data-testid": "upload-failure", className: "text-[11px] bg-danger-bg text-on-danger-bg px-1.5 py-0.5 rounded", children: ce })
         ] }),
         /* @__PURE__ */ u("div", { className: "flex-1 overflow-auto", "data-testid": "my-submissions", children: [
-          S && /* @__PURE__ */ a("div", { className: "mx-3 my-2 px-3 py-2 text-[11px] bg-danger-bg text-on-danger-bg rounded", children: V(S) }),
-          N?.map((s) => /* @__PURE__ */ a(xt, { item: s }, s.id))
+          k && /* @__PURE__ */ a("div", { className: "mx-3 my-2 px-3 py-2 text-[11px] bg-danger-bg text-on-danger-bg rounded", children: Y(k) }),
+          N?.map((i) => /* @__PURE__ */ a(yt, { item: i }, i.id))
         ] })
       ]
     }
   );
 }
-const vt = { bomberman: Ze };
-function Ie() {
-  Ce(null), A("game", "game_select", { gameId: null });
+const wt = { bomberman: et };
+function Le() {
+  $e(null), E("game", "game_select", { gameId: null });
 }
-function wt({ onDone: e }) {
-  const r = se((i) => i.activeGameId), t = Oe();
-  function l(i) {
-    Ce(i), A("game", "game_select", { gameId: i }), e();
+function Nt({ onDone: e }) {
+  const r = ie((s) => s.activeGameId), t = Pe();
+  function l(s) {
+    $e(s), E("game", "game_select", { gameId: s }), e();
   }
   function o() {
-    Ie(), e();
+    Le(), e();
   }
-  return /* @__PURE__ */ a("div", { className: "flex-1 overflow-auto p-3", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-3", children: t.map((i) => {
-    const p = r === i.id, c = i.cover ?? vt[i.id];
+  return /* @__PURE__ */ a("div", { className: "flex-1 overflow-auto p-3", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-3", children: t.map((s) => {
+    const g = r === s.id, c = s.cover ?? wt[s.id];
     return /* @__PURE__ */ u(
       "button",
       {
-        onClick: () => p ? o() : l(i.id),
-        className: `group relative aspect-square overflow-hidden rounded-lg border-2 transition-all cursor-pointer ${p ? "border-primary shadow-lg shadow-primary/30" : "border-border hover:border-primary"}`,
-        title: p ? `Stop ${i.name}` : `Start ${i.name}`,
+        onClick: () => g ? o() : l(s.id),
+        className: `group relative aspect-square overflow-hidden rounded-lg border-2 transition-all cursor-pointer ${g ? "border-primary shadow-lg shadow-primary/30" : "border-border hover:border-primary"}`,
+        title: g ? `Stop ${s.name}` : `Start ${s.name}`,
         children: [
           c ? /* @__PURE__ */ a(
             "img",
             {
               src: c,
-              alt: i.name,
+              alt: s.name,
               className: "absolute inset-0 w-full h-full object-cover transition-transform group-hover:scale-105"
             }
           ) : /* @__PURE__ */ a("div", { className: "absolute inset-0 bg-bg-alt" }),
-          /* @__PURE__ */ a("div", { className: "absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/85 via-black/40 to-transparent px-2 pt-6 pb-2", children: /* @__PURE__ */ a("div", { className: "text-sm font-medium text-white leading-tight", children: i.name }) }),
-          p && /* @__PURE__ */ a("span", { className: "absolute top-2 left-2 px-1.5 py-0.5 bg-primary text-[10px] uppercase tracking-wide rounded text-white", children: "Active" })
+          /* @__PURE__ */ a("div", { className: "absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/85 via-black/40 to-transparent px-2 pt-6 pb-2", children: /* @__PURE__ */ a("div", { className: "text-sm font-medium text-white leading-tight", children: s.name }) }),
+          g && /* @__PURE__ */ a("span", { className: "absolute top-2 left-2 px-1.5 py-0.5 bg-primary text-[10px] uppercase tracking-wide rounded text-white", children: "Active" })
         ]
       },
-      i.id
+      s.id
     );
   }) }) });
 }
-function Nt({ onDone: e }) {
-  return se((t) => t.activeGameId) ? /* @__PURE__ */ a("button", { onClick: () => {
-    Ie(), e();
+function kt({ onDone: e }) {
+  return ie((t) => t.activeGameId) ? /* @__PURE__ */ a("button", { onClick: () => {
+    Le(), e();
   }, className: "drawer-btn drawer-btn-danger ml-auto", children: "Stop game" }) : null;
 }
-const G = (e) => e.type === "category" ? e.series : [], te = (e, r) => e.type === "category" ? { ...e, series: r } : e;
+const G = (e) => e.type === "category" ? e.series : [], ae = (e, r) => e.type === "category" ? { ...e, series: r } : e;
 function Lt({ open: e, onClose: r }) {
-  const [t, l] = x(!1), [o, i] = x(null), [p, c] = x([]), [y, v] = x(""), [f, $] = x(!1), [M, R] = x("watch"), _ = se((n) => n.snapshot.mediaId), d = Xe(), N = Se(async () => {
-    l(!0), i(null);
-    try {
-      const n = await ye(J);
-      c((h) => he(n, fe(h, G), G, te)), Y() && at();
-    } catch (n) {
-      i(n.message || "catalog_error");
-    } finally {
-      l(!1);
-    }
-  }, []), m = Ge();
-  D(() => {
-    if (!m) return;
+  const [t, l] = x(!1), [o, s] = x(null), [g, c] = x([]), [y, v] = x(""), [h, $] = x(!1), [A, R] = x("watch"), U = ie((n) => n.snapshot.mediaId), d = Ze(), N = Ce(() => ve(Q).then((n) => {
+    c((p) => be(n, he(p, G), G, ae)), K() && rt();
+  }).catch((n) => {
+    s(n instanceof Error && n.message || "catalog_error");
+  }).finally(() => l(!1)), []), f = je();
+  O(() => {
+    if (!f) return;
     let n = !0;
-    return ye(J).then(
-      (h) => {
-        n && c((g) => he(h, fe(g, G), G, te));
+    return ve(Q).then(
+      (p) => {
+        n && c((m) => be(p, he(m, G), G, ae));
       },
-      (h) => q("catalog", "Catalog prefetch failed", Q(h))
+      (p) => q("catalog", "Catalog prefetch failed", H(p))
     ), () => {
       n = !1;
     };
-  }, [m]), D(() => {
-    e && (R("watch"), c((n) => ot(n, G, te)), N());
+  }, [f]);
+  const [k, W] = x(!1);
+  e !== k && (W(e), e && (R("watch"), c((n) => dt(n, G, ae)), l(!0), s(null))), O(() => {
+    e && N();
   }, [e, N]);
-  function S(n) {
-    je(n), A("catalog", "control_load", { mediaId: n }), r();
+  function I(n) {
+    qe(n), E("catalog", "control_load", { mediaId: n }), r();
   }
-  function H(n) {
-    Pe(n), A("catalog", "playlist_load", { playlistId: n }), r();
+  function z(n) {
+    Ge(n), E("catalog", "playlist_load", { playlistId: n }), r();
   }
-  function L() {
-    qe(), A("controls", "Unload media clicked (media drawer)"), r();
+  function T() {
+    He(), E("controls", "Unload media clicked (media drawer)"), r();
   }
-  function z(n, h) {
-    c((g) => g.map((b, k) => k !== n || !("series" in b) ? b : { ...b, series: b.series.map((E, P) => P !== h ? E : { ...E, expanded: !E.expanded }) }));
+  function D(n, p) {
+    c((m) => m.map((w, S) => S !== n || !("series" in w) ? w : { ...w, series: w.series.map((F, L) => L !== p ? F : { ...F, expanded: !F.expanded }) }));
   }
-  function T(n) {
-    c((h) => h.map((g, b) => b !== n ? g : { ...g, expanded: !g.expanded }));
+  function P(n) {
+    c((p) => p.map((m, w) => w !== n ? m : { ...m, expanded: !m.expanded }));
   }
-  function O() {
-    tt(), N();
+  function _() {
+    at(), l(!0), s(null), N();
   }
-  const U = ke(() => {
-    if (!y.trim()) return p;
+  const V = Se(() => {
+    if (!y.trim()) return g;
     const n = y.toLowerCase();
-    return p.map((h) => {
-      if (h.type === "playlist_category") {
-        const b = h.playlists.filter((k) => k.name.toLowerCase().includes(n));
-        return b.length ? { ...h, playlists: b, expanded: !0 } : h.name.toLowerCase().includes(n) ? { ...h, expanded: !0 } : null;
+    return g.map((p) => {
+      if (p.type === "playlist_category") {
+        const w = p.playlists.filter((S) => S.name.toLowerCase().includes(n));
+        return w.length ? { ...p, playlists: w, expanded: !0 } : p.name.toLowerCase().includes(n) ? { ...p, expanded: !0 } : null;
       }
-      const g = h.series.map((b) => {
-        const k = b.episodes.filter((E) => E.name.toLowerCase().includes(n));
-        return k.length ? { ...b, episodes: k, expanded: !0 } : b.name.toLowerCase().includes(n) ? { ...b, expanded: !0 } : null;
+      const m = p.series.map((w) => {
+        const S = w.episodes.filter((F) => F.name.toLowerCase().includes(n));
+        return S.length ? { ...w, episodes: S, expanded: !0 } : w.name.toLowerCase().includes(n) ? { ...w, expanded: !0 } : null;
       }).filter(Boolean);
-      return g.length ? { ...h, series: g, expanded: !0 } : h.name.toLowerCase().includes(n) ? { ...h, expanded: !0 } : null;
+      return m.length ? { ...p, series: m, expanded: !0 } : p.name.toLowerCase().includes(n) ? { ...p, expanded: !0 } : null;
     }).filter(Boolean);
-  }, [p, y]);
+  }, [g, y]);
   return /* @__PURE__ */ u(j, { children: [
-    /* @__PURE__ */ a(yt, { open: f, onClose: () => $(!1) }),
+    /* @__PURE__ */ a(vt, { open: h, onClose: () => $(!1) }),
     /* @__PURE__ */ a(
-      $e,
+      Ee,
       {
-        open: e && !f,
+        open: e && !h,
         onClose: r,
         header: /* @__PURE__ */ u(j, { children: [
           /* @__PURE__ */ a("div", { className: "tl-tabs", role: "tablist", "aria-label": "Media drawer", children: ["watch", "play"].map((n) => /* @__PURE__ */ a(
             "button",
             {
               role: "tab",
-              "aria-selected": M === n,
+              "aria-selected": A === n,
               onClick: () => R(n),
               className: "tl-tab",
               children: n === "watch" ? "Watch" : "Play"
             },
             n
           )) }),
-          M === "play" && /* @__PURE__ */ a(Nt, { onDone: r }),
-          M === "watch" && /* @__PURE__ */ u(j, { children: [
+          A === "play" && /* @__PURE__ */ a(kt, { onDone: r }),
+          A === "watch" && /* @__PURE__ */ u(j, { children: [
             d && /* @__PURE__ */ a(
               "button",
               {
                 onClick: () => $(!0),
                 "aria-label": "Add Media",
-                className: ae,
+                className: re,
                 children: "Add"
               }
             ),
-            _ && /* @__PURE__ */ a(
+            U && /* @__PURE__ */ a(
               "button",
               {
-                onClick: L,
+                onClick: T,
                 title: "Unload the current media for everyone in the room",
                 className: "drawer-btn drawer-btn-primary",
                 children: "Unload"
               }
             ),
-            /* @__PURE__ */ u("button", { onClick: O, disabled: t, className: `${ae} inline-flex items-center gap-1.5`, children: [
+            /* @__PURE__ */ u("button", { onClick: _, disabled: t, className: `${re} inline-flex items-center gap-1.5`, children: [
               t && /* @__PURE__ */ a("span", { className: "inline-block w-3 h-3 border-2 border-text-muted border-t-transparent rounded-full animate-spin" }),
               t ? "Reloading…" : "Reload"
             ] }),
             /* @__PURE__ */ a("input", { value: y, onChange: (n) => v(n.target.value), placeholder: "search", className: "ml-auto bg-bg-alt border border-border focus:border-border-light outline-none px-2 py-1 rounded text-xs" })
           ] })
         ] }),
-        footer: Y() ? /* @__PURE__ */ a("div", { className: "p-2 text-[10px] text-text-muted border-t border-border flex justify-end", children: /* @__PURE__ */ a("span", { className: "opacity-70", children: "verbose" }) }) : void 0,
-        children: M === "play" ? /* @__PURE__ */ a(wt, { onDone: r }) : /* @__PURE__ */ u(j, { children: [
-          t && !p.length && /* @__PURE__ */ a("div", { className: "px-4 py-2 text-xs text-text-muted", children: "Loading catalog…" }),
+        footer: K() ? /* @__PURE__ */ a("div", { className: "p-2 text-[10px] text-text-muted border-t border-border flex justify-end", children: /* @__PURE__ */ a("span", { className: "opacity-70", children: "verbose" }) }) : void 0,
+        children: A === "play" ? /* @__PURE__ */ a(Nt, { onDone: r }) : /* @__PURE__ */ u(j, { children: [
+          t && !g.length && /* @__PURE__ */ a("div", { className: "px-4 py-2 text-xs text-text-muted", children: "Loading catalog…" }),
           o && /* @__PURE__ */ a("div", { className: "mx-3 px-3 py-2 text-xs bg-danger-bg text-on-danger-bg rounded", children: o }),
           /* @__PURE__ */ u("div", { className: "flex-1 overflow-auto text-sm py-2", children: [
-            U.map((n, h) => /* @__PURE__ */ u("div", { className: "px-3 pb-3", children: [
+            V.map((n, p) => /* @__PURE__ */ u("div", { className: "px-3 pb-3", children: [
               /* @__PURE__ */ u(
                 "div",
                 {
                   className: "flex items-center gap-2 cursor-pointer select-none group",
                   "data-category": n.name,
                   "data-expanded": n.expanded ? "true" : "false",
-                  onClick: () => T(h),
+                  onClick: () => P(p),
                   children: [
                     /* @__PURE__ */ a("span", { className: "text-xs uppercase tracking-wider text-text-muted group-hover:text-text-secondary", children: n.name }),
                     /* @__PURE__ */ a("span", { className: "text-[10px] opacity-50", children: n.expanded ? "−" : "+" })
@@ -679,30 +675,30 @@ function Lt({ open: e, onClose: r }) {
                 }
               ),
               n.expanded && n.type === "playlist_category" && /* @__PURE__ */ u("div", { className: "mt-2 space-y-1", children: [
-                n.playlists.map((g) => /* @__PURE__ */ u("button", { onClick: () => H(g.playlistId), className: "w-full text-left px-2 py-1 rounded hover:bg-bg-alt flex items-center gap-2 group", children: [
-                  /* @__PURE__ */ a("span", { className: "text-[11px] text-text-tertiary group-hover:text-text-secondary truncate", children: g.name }),
+                n.playlists.map((m) => /* @__PURE__ */ u("button", { onClick: () => z(m.playlistId), className: "w-full text-left px-2 py-1 rounded hover:bg-bg-alt flex items-center gap-2 group", children: [
+                  /* @__PURE__ */ a("span", { className: "text-[11px] text-text-tertiary group-hover:text-text-secondary truncate", children: m.name }),
                   /* @__PURE__ */ a("span", { className: "ml-auto text-[10px] text-text underline decoration-primary underline-offset-2 opacity-0 group-hover:opacity-100 transition-opacity", children: "Load" })
-                ] }, g.playlistId)),
+                ] }, m.playlistId)),
                 n.playlists.length === 0 && /* @__PURE__ */ a("div", { className: "text-[11px] text-text-muted italic", children: "(no playlists)" })
               ] }),
               n.expanded && n.type === "category" && /* @__PURE__ */ u("div", { className: "mt-2 space-y-2", children: [
-                n.series.map((g, b) => /* @__PURE__ */ u("div", { children: [
-                  /* @__PURE__ */ u("div", { className: "flex items-center gap-2 cursor-pointer text-text-secondary hover:text-text", onClick: () => z(h, b), children: [
-                    /* @__PURE__ */ a("span", { className: "text-xs font-medium", children: g.name }),
-                    /* @__PURE__ */ a("span", { className: "text-[10px] opacity-40", children: g.expanded ? "−" : "+" })
+                n.series.map((m, w) => /* @__PURE__ */ u("div", { children: [
+                  /* @__PURE__ */ u("div", { className: "flex items-center gap-2 cursor-pointer text-text-secondary hover:text-text", onClick: () => D(p, w), children: [
+                    /* @__PURE__ */ a("span", { className: "text-xs font-medium", children: m.name }),
+                    /* @__PURE__ */ a("span", { className: "text-[10px] opacity-40", children: m.expanded ? "−" : "+" })
                   ] }),
-                  g.expanded && /* @__PURE__ */ u("div", { className: "mt-1 ml-3 border-l border-border pl-3 space-y-1", children: [
-                    g.episodes.map((k) => /* @__PURE__ */ u("button", { onClick: () => S(k.mediaId), className: "w-full text-left px-2 py-1 rounded hover:bg-bg-alt flex items-center gap-2 group", children: [
-                      /* @__PURE__ */ a("span", { className: "text-[11px] text-text-tertiary group-hover:text-text-secondary truncate", children: k.name }),
+                  m.expanded && /* @__PURE__ */ u("div", { className: "mt-1 ml-3 border-l border-border pl-3 space-y-1", children: [
+                    m.episodes.map((S) => /* @__PURE__ */ u("button", { onClick: () => I(S.mediaId), className: "w-full text-left px-2 py-1 rounded hover:bg-bg-alt flex items-center gap-2 group", children: [
+                      /* @__PURE__ */ a("span", { className: "text-[11px] text-text-tertiary group-hover:text-text-secondary truncate", children: S.name }),
                       /* @__PURE__ */ a("span", { className: "ml-auto text-[10px] text-text underline decoration-primary underline-offset-2 opacity-0 group-hover:opacity-100 transition-opacity", children: "Load" })
-                    ] }, k.mediaId)),
-                    g.episodes.length === 0 && /* @__PURE__ */ a("div", { className: "text-[11px] text-text-muted italic", children: "(no episodes)" })
+                    ] }, S.mediaId)),
+                    m.episodes.length === 0 && /* @__PURE__ */ a("div", { className: "text-[11px] text-text-muted italic", children: "(no episodes)" })
                   ] })
-                ] }, g.name)),
+                ] }, m.name)),
                 n.series.length === 0 && /* @__PURE__ */ a("div", { className: "text-[11px] text-text-muted italic", children: "(empty)" })
               ] })
             ] }, n.name)),
-            !t && !U.length && /* @__PURE__ */ a("div", { className: "px-4 py-6 text-center text-xs text-text-muted", children: "No matches" })
+            !t && !V.length && /* @__PURE__ */ a("div", { className: "px-4 py-6 text-center text-xs text-text-muted", children: "No matches" })
           ] })
         ] })
       }
@@ -712,4 +708,4 @@ function Lt({ open: e, onClose: r }) {
 export {
   Lt as default
 };
-//# sourceMappingURL=MediaDrawer-Da6-fLeV.js.map
+//# sourceMappingURL=MediaDrawer-DLFj0-te.js.map