feat: downloads, RSS, subtitles, Bangumi, watcher, stats, profile, audit

Backend
  - service/bangumi.go: Bangumi (bgm.tv) scraper for anime libraries.
  - service/episode_parser.go: SxxExx / NxE / EPxx / 第NN集 parser with
    unit tests; consumed by the scanner for tv/anime libraries.
  - service/scraper.go: provider chain orchestrator picks Bangumi for
    anime libraries (TMDb fallback), TMDb for everything else; emits
    'no_match' rows so we don't retry forever; AnyEnabled() for the
    scanner kick.
  - service/scanner.go: writes season/episode numbers for tv/anime libs
    and reports a 'probed' counter alongside 'added'.
  - service/transcoder.go (existing): unchanged, stays per-media.
  - service/subtitle.go: discovers external subtitles next to the source
    file (.srt/.vtt/.ass/.ssa) and converts SRT/ASS to WebVTT on the fly.
  - service/qbittorrent.go: thread-safe qBittorrent v2 Web UI client
    (login / add / list / delete) with cookie-jar reuse.
  - service/downloads.go: persists download tasks, reads runtime
    qbittorrent.* settings, polls /torrents/info every 5 s and pushes
    the result to WS subscribers ('download' topic).
  - service/subscription.go: 10-minute RSS poller with regex filter,
    GUID dedup persisted in the settings table, and 'subscription' WS
    events on enqueue.
  - service/watcher.go: fsnotify watcher with 5 s coalescing debouncer
    that triggers per-library rescans on create/rename/remove.
  - service/stats.go: dashboard snapshot — totals, recently added,
    gopsutil-driven CPU/mem/disk readings.
  - service/profile.go: non-credential profile patch + admin role mutator.
  - service/audit.go: best-effort writer for the access_logs table.
  - service/service.go: container wires every new service; Boot() spins
    up watcher / downloads poller / subscription scheduler; Close()
    tears them down on graceful shutdown.

Handlers
  - new files: downloads.go, subscriptions.go, subtitles.go, series.go,
    stats.go, profile.go, util.go.
  - handler.go: registers PATCH /me, /libraries/:id/seasons,
    /media/:id/subtitles, /subtitles/:id, /downloads*, /subscriptions*,
    /stats, /admin/users/:id/role.
  - auth.go / media.go: write audit rows for login + library CRUD and
    refresh the watcher when libraries change.

Frontend
  - api: new helpers for downloads, subscriptions, profile, series, stats,
    subtitles; library helper gained scrape().
  - hooks/useWebSocket.ts: shared connection with 3 s reconnect.
  - components/GlobalEvents.tsx: surfaces scan / scrape / subscription
    completion as toasts (mounted at app root).
  - pages: Library now switches to a season-grouped layout for tv/anime
    libraries; Player attaches WebVTT <track> elements; new pages for
    Downloads (live torrent table), Subscriptions, Profile, Stats.
  - components/Layout.tsx + App.tsx: sidebar groups (媒体库 / 自动化 /
    账号 / 管理) and routes for the new pages; /stats and /admin remain
    admin-only.
  - types/index.ts: new types — Subscription, DownloadTask, QBitTorrent,
    Hardware, StatsSnapshot.

Verified: go build, go vet, go test (incl. ParseEpisode + srtToVTT +
stripASSTags) all pass; tsc -b && vite build emits 17 route chunks plus
the deferred hls chunk; main bundle 247 KB / 83 KB gzipped.

web/src/pages/LibraryPage.tsx

@@ -1,42 +1,67 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useMemo, useState } from 'react'
 import { useParams } from 'react-router-dom'
 import toast from 'react-hot-toast'
 
 import { libraryAPI } from '../api/library'
-import type { Media } from '../types'
+import { seriesAPI, type SeasonGroup } from '../api/series'
+import type { Library, Media } from '../types'
 import { MediaCard } from '../components/MediaCard'
 import { useAuthStore } from '../stores/auth'
 
-// Browse a single library. Admins also get a "scan" button that triggers
-// a fresh scan run on the backend.
+// LibraryPage renders one of two layouts depending on the library type:
+//
+//   - movie / music / default → flat poster grid with pagination.
+//   - tv / anime              → grouped by season with an episode list.
+//
+// Admins also get scan + scrape buttons in the header.
 export function LibraryPage() {
   const { id = '' } = useParams()
   const role = useAuthStore((s) => s.user?.role)
+
+  const [library, setLibrary] = useState<Library | null>(null)
   const [items, setItems] = useState<Media[]>([])
+  const [seasons, setSeasons] = useState<SeasonGroup[]>([])
   const [total, setTotal] = useState(0)
   const [loading, setLoading] = useState(true)
   const [scanning, setScanning] = useState(false)
+  const [scraping, setScraping] = useState(false)
+
+  const isSeries = library?.type === 'tv' || library?.type === 'anime'
 
   useEffect(() => {
     if (!id) return
     setLoading(true)
-    libraryAPI
-      .listMedia(id)
-      .then((d) => {
-        setItems(d.items)
-        setTotal(d.total)
-      })
-      .finally(() => setLoading(false))
+    Promise.all([
+      libraryAPI.list().then((all) => all.find((l) => l.id === id) ?? null),
+    ]).then(([lib]) => setLibrary(lib))
   }, [id])
 
+  useEffect(() => {
+    if (!id || !library) return
+    setLoading(true)
+    if (library.type === 'tv' || library.type === 'anime') {
+      seriesAPI
+        .seasons(id)
+        .then((s) => setSeasons(s))
+        .finally(() => setLoading(false))
+    } else {
+      libraryAPI
+        .listMedia(id)
+        .then((d) => {
+          setItems(d.items)
+          setTotal(d.total)
+        })
+        .finally(() => setLoading(false))
+    }
+  }, [id, library])
+
   const handleScan = async () => {
     setScanning(true)
     try {
       const r = await libraryAPI.scan(id)
-      toast.success(`扫描完成:新增 ${r.added} 个文件`)
-      const d = await libraryAPI.listMedia(id)
-      setItems(d.items)
-      setTotal(d.total)
+      toast.success(`扫描完成:新增 ${r.added} 项,探测 ${r.probed} 项`)
+      // Force a reload by toggling library state.
+      setLibrary((l) => (l ? { ...l } : l))
     } catch {
       toast.error('扫描失败')
     } finally {
@@ -44,25 +69,84 @@ export function LibraryPage() {
     }
   }
 
+  const handleScrape = async () => {
+    setScraping(true)
+    try {
+      await libraryAPI.scrape(id)
+      toast.success('刮削已加入后台队列')
+    } catch (err: unknown) {
+      const msg =
+        (err as { response?: { data?: { error?: string } } })?.response?.data?.error ??
+        '刮削失败'
+      toast.error(msg)
+    } finally {
+      setScraping(false)
+    }
+  }
+
+  const heading = useMemo(
+    () => (library ? `${library.name}` : '媒体库'),
+    [library],
+  )
+
   return (
     <div className="space-y-6">
-      <div className="flex items-center justify-between">
-        <h1 className="font-display text-3xl font-bold text-white">
-          媒体库 <span className="text-slate-500">({total})</span>
-        </h1>
+      <div className="flex flex-wrap items-center justify-between gap-3">
+        <div>
+          <h1 className="font-display text-3xl font-bold text-white">
+            {heading}
+            {!isSeries && <span className="text-slate-500"> ({total})</span>}
+          </h1>
+          {library && (
+            <p className="text-sm text-slate-400">
+              {library.type} · {library.path}
+            </p>
+          )}
+        </div>
         {role === 'admin' && (
-          <button onClick={handleScan} disabled={scanning} className="neon-button">
-            {scanning ? '扫描中…' : '立即扫描'}
-          </button>
+          <div className="flex gap-2">
+            <button onClick={handleScan} disabled={scanning} className="neon-button">
+              {scanning ? '扫描中…' : '立即扫描'}
+            </button>
+            <button onClick={handleScrape} disabled={scraping} className="neon-button">
+              {scraping ? '刮削中…' : '刮削元数据'}
+            </button>
+          </div>
         )}
       </div>
 
       {loading && <p className="text-slate-500">加载中…</p>}
-      <div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6">
-        {items.map((m) => (
-          <MediaCard key={m.id} media={m} />
+
+      {!isSeries && (
+        <div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6">
+          {items.map((m) => (
+            <MediaCard key={m.id} media={m} />
+          ))}
+        </div>
+      )}
+
+      {isSeries &&
+        seasons.map((s) => (
+          <section key={s.season} className="space-y-3">
+            <h2 className="font-display text-xl font-semibold text-white">
+              {s.season > 0 ? `第 ${s.season} 季` : '未分季'} ({s.episodes.length})
+            </h2>
+            <div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6">
+              {s.episodes.map((e) => (
+                <div key={e.id} className="space-y-1">
+                  <MediaCard media={e} />
+                  {e.episode_num > 0 && (
+                    <p className="px-1 text-xs text-slate-400">第 {e.episode_num} 集</p>
+                  )}
+                </div>
+              ))}
+            </div>
+          </section>
         ))}
-      </div>
+
+      {isSeries && !loading && seasons.length === 0 && (
+        <p className="text-slate-400">该库尚未发现任何剧集,触发一次扫描后再来看看。</p>
+      )}
     </div>
   )
 }