@hadoku/watchparty-ui 0.45.10 → 0.45.12

package/dist/chunks/MediaDrawer-yoaRrRtv.js

@@ -1,711 +0,0 @@
-import { jsxs as u, jsx as a, Fragment as j } from "react/jsx-runtime";
-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-CHJG2cwy.js";
-import { D as Ee, a as re, u as je, s as qe, b as He } from "./Room-C7keqQhT.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-6-0TbFTF.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 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 K() && E("catalog", "Catalog fetched", { prefix: e, dirs: y.dirs?.length, files: y.files?.length }), se.set(e, { ts: r, data: y }), y;
-  })();
-  ee.set(e, o);
-  try {
-    return await o;
-  } finally {
-    ee.delete(e);
-  }
-}
-function at(e) {
-  se.clear();
-}
-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 Q(r);
-        E("catalog", "[probe] catalog " + r, { dirs: t.dirs.length, files: t.files.length });
-        const l = t.files[0];
-        if (l) {
-          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 nt() {
-  return "/media";
-}
-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 st = [
-  "yuuna",
-  "gushingovermagicalgirls",
-  "immoralguild",
-  "ingokudanchi",
-  "isekaionsenparadise"
-], fe = (e) => e.toLowerCase().replace(/[^a-z0-9]/g, "");
-function it(e, r) {
-  return new Set(r.map(fe)).has(fe(e));
-}
-function lt(e) {
-  return it(e, st);
-}
-function he(e, r) {
-  const t = /* @__PURE__ */ new Map();
-  for (const l of e) {
-    const o = /* @__PURE__ */ new Map();
-    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 be(e, r, t, l) {
-  return e.map((o) => {
-    const s = r.get(o.name);
-    if (!s) return o;
-    const c = t(o).map((v) => {
-      const h = s.children.get(v.name);
-      return h === void 0 ? v : { ...v, expanded: h };
-    });
-    return l({ ...o, expanded: s.expanded }, c);
-  });
-}
-const ot = "Anime";
-function J(e) {
-  return e === ot;
-}
-function dt(e, r, t) {
-  return e.map(
-    (l) => t(
-      { ...l, expanded: J(l.name) },
-      r(l).map((o) => ({ ...o, expanded: !1 }))
-    )
-  );
-}
-const xe = "output/fmp4", ye = [
-  { key: "anime", label: "Anime" },
-  { key: "movie", label: "Movie" },
-  { key: "tv", label: "TV" }
-];
-async function te(e, r) {
-  try {
-    return await e(r);
-  } catch (t) {
-    return q("catalog", "Fetch failed", { prefix: r, ...H(t) }), null;
-  }
-}
-async function ve(e) {
-  const [r, t] = await Promise.all([
-    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 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 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 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 ct = /^(?:https?|magnet):/i;
-function Me(e) {
-  const r = e.trim();
-  return r.length >= Oe && r.length <= De && !ct.test(r);
-}
-function we(e) {
-  return e ? `${X()}${e}` : null;
-}
-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 Ie(e, r) {
-  try {
-    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", H(t)), { ok: !1, status: "network" });
-  }
-}
-function pt(e, 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 gt(e, r) {
-  try {
-    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 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", H(t)), { ok: !1, code: "failed", status: "network" };
-  }
-}
-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(() => {
-      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 });
-      });
-    }, ft);
-    return () => {
-      clearTimeout(N), d.abort();
-    };
-  }, [t, l]), !l) return null;
-  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((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((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 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: [
-    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(
-        ke,
-        {
-          testId: `show-${N}`,
-          image: we(d.poster),
-          imageClass: "w-8 h-11",
-          title: d.title,
-          meta: [d.year, d.format, d.episodes ? `${d.episodes} ep` : null],
-          state: f,
-          canAdd: d.addable,
-          addLabel: `Add ${d.title} to watch list`,
-          onAdd: () => {
-            A(d);
-          }
-        },
-        N
-      );
-    }) }),
-    /* @__PURE__ */ a(Ne, { label: "YouTube", answer: $, testId: "search-youtube", children: $?.ok && $.value.map((d) => /* @__PURE__ */ a(
-      ke,
-      {
-        testId: `video-${d.id}`,
-        image: we(d.thumb),
-        imageClass: "w-16 h-9",
-        title: d.title,
-        meta: [d.channel, ut(d.durationS)],
-        state: y[`yt:${d.id}`],
-        canAdd: !0,
-        addLabel: `Request ${d.title}`,
-        onAdd: () => {
-          R(d);
-        }
-      },
-      d.id
-    )) })
-  ] });
-}
-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: [
-    /* @__PURE__ */ u("div", { className: "px-3 pt-2 pb-1 flex items-center gap-2 text-[10px] uppercase tracking-wider text-text-muted", children: [
-      /* @__PURE__ */ a("span", { children: e }),
-      !r && /* @__PURE__ */ a("span", { className: "text-text-tertiary", children: "…" }),
-      o && /* @__PURE__ */ a("span", { className: "bg-danger-bg text-on-danger-bg px-1 rounded normal-case", children: "unavailable" })
-    ] }),
-    l
-  ] });
-}
-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 })
-    ] }),
-    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: s === "adding",
-        "aria-label": c,
-        className: "drawer-btn shrink-0",
-        children: /* @__PURE__ */ a(ne, { name: "plus" })
-      }
-    )
-  ] });
-}
-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",
-  ingesting: "bg-primary-bg text-on-primary-bg",
-  ready: "bg-success-bg text-on-success-bg",
-  rejected: "bg-danger-bg text-on-danger-bg",
-  failed: "bg-danger-bg text-on-danger-bg"
-};
-function yt({ item: e }) {
-  const r = e, t = e.title || e.source;
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      className: "px-3 py-1.5 border-b border-border/50 flex items-center gap-2",
-      "data-submission-id": e.id,
-      "data-submission-state": e.state,
-      "data-submission-kind": e.kind,
-      "data-submission-series": r.series ?? "",
-      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 ${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 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;
-    S.current = !0, B();
-    const i = setInterval(() => {
-      B();
-    }, bt);
-    return () => {
-      S.current = !1, clearInterval(i);
-    };
-  }, [e, B]), O(() => {
-    if (!e) return;
-    let i = !0;
-    return me().then((b) => {
-      i && b.ok && z(b.value);
-    }), () => {
-      i = !1;
-    };
-  }, [e]), O(() => {
-    if (!e) return;
-    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));
-    }), () => {
-      i = !1;
-    };
-  }, [e]);
-  function Re(i) {
-    if (l(i), pe(i) === "magnet" && i.trim().length > 0 && !y) {
-      const C = Je(i);
-      C && c(C);
-    }
-  }
-  function Te() {
-    l(""), s(""), c(""), v(!1);
-  }
-  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 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;
-    }
-    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 _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;
-    }
-    D(b);
-  }
-  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;
-      }
-      i = M.value, z(i);
-    }
-    if (T.size > i.maxBytes) {
-      _(!1), m({ code: "too_large", maxBytes: i.maxBytes });
-      return;
-    }
-    const b = await Qe(T, i, (M, Z, Fe) => {
-      n({ sent: M, total: Z, phase: Fe });
-    });
-    if (!b.ok) {
-      _(!1), n(null), m(b.failure);
-      return;
-    }
-    const C = await Xe(b.value.fileId, T.name);
-    if (_(!1), n(null), !C.ok) {
-      m(C.failure);
-      return;
-    }
-    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 ce = p ? "maxBytes" in p || p.code === "target_unavailable" || p.code === "upload_failed" ? Ve(p) : Y(p) : null;
-  return /* @__PURE__ */ u(
-    Ee,
-    {
-      open: e,
-      onClose: r,
-      header: /* @__PURE__ */ u(j, { children: [
-        /* @__PURE__ */ a("span", { className: "text-xs uppercase tracking-wider text-text-muted", children: "Add media" }),
-        /* @__PURE__ */ a(
-          "button",
-          {
-            onClick: () => {
-              B();
-            },
-            "aria-label": "Refresh submissions",
-            className: `${re} ml-auto`,
-            children: /* @__PURE__ */ a(ne, { name: "refresh" })
-          }
-        )
-      ] }),
-      children: [
-        /* @__PURE__ */ u("div", { className: "p-3 border-b border-border flex flex-col gap-2", children: [
-          /* @__PURE__ */ a(
-            "input",
-            {
-              value: t,
-              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"
-            }
-          ),
-          L && /* @__PURE__ */ u("div", { className: "flex flex-col gap-1.5", "data-testid": "magnet-fields", children: [
-            /* @__PURE__ */ a(
-              "input",
-              {
-                value: o,
-                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: h.map((i) => /* @__PURE__ */ a("option", { value: i }, i)) }),
-            /* @__PURE__ */ a(
-              "input",
-              {
-                value: g,
-                onChange: (i) => {
-                  v(!0), c(i.target.value);
-                },
-                "aria-label": "Title",
-                placeholder: "title (SxxExx)",
-                className: "w-full bg-bg-alt border border-border focus:border-border-light outline-none px-2 py-1 rounded text-xs"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ a(
-              "button",
-              {
-                onClick: () => {
-                  de();
-                },
-                disabled: A || !t.trim() || le || L && !oe,
-                "aria-label": "Submit media",
-                className: "drawer-btn drawer-btn-primary",
-                children: A ? "Submitting…" : "Submit"
-              }
-            ),
-            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(
-          ht,
-          {
-            query: t,
-            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: [
-          /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ a(
-              "input",
-              {
-                ref: w,
-                type: "file",
-                onChange: _e,
-                "aria-label": "Upload file",
-                className: "text-[11px] flex-1 min-w-0"
-              }
-            ),
-            /* @__PURE__ */ a(
-              "button",
-              {
-                onClick: () => {
-                  Ue();
-                },
-                disabled: !T || P,
-                "aria-label": "Upload",
-                className: "drawer-btn drawer-btn-primary",
-                children: P ? V?.phase === "assembling" ? "Assembling…" : "Uploading…" : "Upload"
-              }
-            )
-          ] }),
-          /* @__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: [
-          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 wt = { bomberman: et };
-function Le() {
-  $e(null), E("game", "game_select", { gameId: null });
-}
-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() {
-    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((s) => {
-    const g = r === s.id, c = s.cover ?? wt[s.id];
-    return /* @__PURE__ */ u(
-      "button",
-      {
-        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: 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: 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" })
-        ]
-      },
-      s.id
-    );
-  }) }) });
-}
-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 : [], ae = (e, r) => e.type === "category" ? { ...e, series: r } : e;
-function Lt({ open: e, onClose: r }) {
-  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 ve(Q).then(
-      (p) => {
-        n && c((m) => be(p, he(m, G), G, ae));
-      },
-      (p) => q("catalog", "Catalog prefetch failed", H(p))
-    ), () => {
-      n = !1;
-    };
-  }, [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 I(n) {
-    qe(n), E("catalog", "control_load", { mediaId: n }), r();
-  }
-  function z(n) {
-    Ge(n), E("catalog", "playlist_load", { playlistId: n }), r();
-  }
-  function T() {
-    He(), E("controls", "Unload media clicked (media drawer)"), r();
-  }
-  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 P(n) {
-    c((p) => p.map((m, w) => w !== n ? m : { ...m, expanded: !m.expanded }));
-  }
-  function _() {
-    at(), l(!0), s(null), N();
-  }
-  const V = Se(() => {
-    if (!y.trim()) return g;
-    const n = y.toLowerCase();
-    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 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 m.length ? { ...p, series: m, expanded: !0 } : p.name.toLowerCase().includes(n) ? { ...p, expanded: !0 } : null;
-    }).filter(Boolean);
-  }, [g, y]);
-  return /* @__PURE__ */ u(j, { children: [
-    /* @__PURE__ */ a(vt, { open: h, onClose: () => $(!1) }),
-    /* @__PURE__ */ a(
-      Ee,
-      {
-        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": A === n,
-              onClick: () => R(n),
-              className: "tl-tab",
-              children: n === "watch" ? "Watch" : "Play"
-            },
-            n
-          )) }),
-          A === "play" && /* @__PURE__ */ a(kt, { onDone: r }),
-          A === "watch" && /* @__PURE__ */ u(j, { children: [
-            d && /* @__PURE__ */ a(
-              "button",
-              {
-                onClick: () => $(!0),
-                "aria-label": "Add Media",
-                className: re,
-                children: "Add"
-              }
-            ),
-            U && /* @__PURE__ */ a(
-              "button",
-              {
-                onClick: T,
-                title: "Unload the current media for everyone in the room",
-                className: "drawer-btn drawer-btn-primary",
-                children: "Unload"
-              }
-            ),
-            /* @__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: 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: [
-            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: () => 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 ? "−" : "+" })
-                  ]
-                }
-              ),
-              n.expanded && n.type === "playlist_category" && /* @__PURE__ */ u("div", { className: "mt-2 space-y-1", children: [
-                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" })
-                ] }, 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((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 ? "−" : "+" })
-                  ] }),
-                  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" })
-                    ] }, S.mediaId)),
-                    m.episodes.length === 0 && /* @__PURE__ */ a("div", { className: "text-[11px] text-text-muted italic", children: "(no episodes)" })
-                  ] })
-                ] }, m.name)),
-                n.series.length === 0 && /* @__PURE__ */ a("div", { className: "text-[11px] text-text-muted italic", children: "(empty)" })
-              ] })
-            ] }, n.name)),
-            !t && !V.length && /* @__PURE__ */ a("div", { className: "px-4 py-6 text-center text-xs text-text-muted", children: "No matches" })
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-export {
-  Lt as default
-};
-//# sourceMappingURL=MediaDrawer-yoaRrRtv.js.map