Fix subscription search to queue full series

web/src/api/stats.ts

@@ -1,6 +1,7 @@
 import { api } from './client'
-import type { StatsSnapshot } from '../types'
+import type { Hardware, StatsSnapshot } from '../types'
 
 export const statsAPI = {
   snapshot: () => api.get<StatsSnapshot>('/stats').then((r) => r.data),
+  monitor: () => api.get<Hardware>('/stats/monitor').then((r) => r.data),
 }

web/src/pages/SearchPage.tsx

@@ -223,7 +223,7 @@ function ExternalResults({
       <div>
         <h2 className="font-display text-xl font-semibold text-ink-600">外部数据源</h2>
         <p className="text-xs text-ink-50">
-          来自 TMDb / 豆瓣 / Bangumi。订阅后会定期搜索已配置 PT 站点，并只入队最佳新资源。
+          来自 TMDb / 豆瓣 / Bangumi。电影入队最佳资源；剧集/动漫优先整季或全集包，否则按集批量入队。
         </p>
       </div>
       <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-3">

web/src/pages/StatsPage.tsx

@@ -1,9 +1,9 @@
 import { useEffect, useState } from 'react'
-import { Activity, Cpu, Database, Film, HardDrive, Users } from 'lucide-react'
+import { Activity, Cpu, Database, Film, HardDrive, Radio, Users } from 'lucide-react'
 
 import { statsAPI } from '../api/stats'
 import { MediaCard } from '../components/MediaCard'
-import type { StatsSnapshot } from '../types'
+import type { Hardware, StatsSnapshot } from '../types'
 import { groupSeries } from '../utils/groupSeries'
 
 // fmtBytes is a tiny helper shared by the dashboard cards.
@@ -25,19 +25,52 @@ function fmtHours(seconds: number): string {
   return `${h.toLocaleString()} h`
 }
 
-// StatsPage renders the operator dashboard. Refreshes every 10 s.
+// StatsPage renders the operator dashboard. Aggregate stats refresh less often,
+// while hardware metrics are polled every 2 s for a real-time monitoring feel.
 export function StatsPage() {
   const [snap, setSnap] = useState<StatsSnapshot | null>(null)
+  const [hardware, setHardware] = useState<Hardware | null>(null)
+  const [lastMonitorAt, setLastMonitorAt] = useState<string>('')
+  const [monitorError, setMonitorError] = useState('')
   const [loading, setLoading] = useState(true)
 
   useEffect(() => {
     let cancelled = false
     const tick = () =>
       statsAPI.snapshot().then((s) => {
-        if (!cancelled) setSnap(s)
+        if (!cancelled) {
+          setSnap(s)
+          setHardware((current) => current ?? s.hardware)
+          setLastMonitorAt((current) => current || s.generated_at)
+        }
       })
     tick().finally(() => setLoading(false))
-    const id = window.setInterval(tick, 10_000)
+    const id = window.setInterval(tick, 30_000)
+    return () => {
+      cancelled = true
+      window.clearInterval(id)
+    }
+  }, [])
+
+  useEffect(() => {
+    let cancelled = false
+    const tick = () =>
+      statsAPI
+        .monitor()
+        .then((m) => {
+          if (!cancelled) {
+            setHardware(m)
+            setLastMonitorAt(new Date().toISOString())
+            setMonitorError('')
+          }
+        })
+        .catch((err: unknown) => {
+          if (!cancelled) {
+            setMonitorError((err as { message?: string })?.message ?? '实时监控暂不可用')
+          }
+        })
+    tick()
+    const id = window.setInterval(tick, 2_000)
     return () => {
       cancelled = true
       window.clearInterval(id)
@@ -47,23 +80,40 @@ export function StatsPage() {
   if (loading) return <p className="text-sand-500">加载中…</p>
   if (!snap) return <p className="text-sand-500">无法获取统计数据</p>
 
+  const live = hardware ?? snap.hardware
   const memPct =
-    snap.hardware.memory_total > 0
-      ? (snap.hardware.memory_used / snap.hardware.memory_total) * 100
+    live.memory_total > 0
+      ? (live.memory_used / live.memory_total) * 100
       : 0
   const diskPct =
-    snap.hardware.disk_total > 0
-      ? (snap.hardware.disk_used / snap.hardware.disk_total) * 100
+    live.disk_total > 0
+      ? (live.disk_used / live.disk_total) * 100
       : 0
   const recentlyAddedCards = groupSeries(snap.recently_added)
 
   return (
     <div className="space-y-8">
-      <header>
-        <h1 className="font-display text-3xl font-bold text-ink-600">运行状态</h1>
-        <p className="text-sm text-ink-50">
-          快照时间:{new Date(snap.generated_at).toLocaleString()}
-        </p>
+      <header className="flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between">
+        <div>
+          <h1 className="font-display text-3xl font-bold text-ink-600">运行状态</h1>
+          <p className="text-sm text-ink-50">
+            聚合快照:{new Date(snap.generated_at).toLocaleString()} · 实时监控每 2 秒刷新
+          </p>
+        </div>
+        <div className="glass-panel inline-flex items-center gap-3 !px-4 !py-3">
+          <span className="relative flex h-3 w-3">
+            <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-70" />
+            <span className="relative inline-flex h-3 w-3 rounded-full bg-emerald-500" />
+          </span>
+          <div>
+            <p className="text-xs font-bold uppercase tracking-widest text-emerald-600">
+              {monitorError ? '监控重试中' : '实时监控中'}
+            </p>
+            <p className="text-xs text-ink-50">
+              最近刷新:{lastMonitorAt ? new Date(lastMonitorAt).toLocaleTimeString() : '—'}
+            </p>
+          </div>
+        </div>
       </header>
 
       <section className="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
@@ -72,24 +122,49 @@ export function StatsPage() {
         <Tile icon={<Users size={20} />} label="用户" value={snap.users_count.toLocaleString()} />
         <Tile icon={<HardDrive size={20} />} label="入库容量" value={fmtBytes(snap.total_size_bytes)} />
         <Tile icon={<Activity size={20} />} label="累计时长" value={fmtHours(snap.total_seconds)} />
-        <Tile icon={<Cpu size={20} />} label="CPU 占用" value={`${snap.hardware.cpu_percent.toFixed(1)}%`} />
+        <Tile icon={<Cpu size={20} />} label="CPU 占用" value={`${live.cpu_percent.toFixed(1)}%`} meter={live.cpu_percent} />
         <Tile icon={<Cpu size={20} />} label="内存占用" value={`${memPct.toFixed(1)}%`} />
         <Tile icon={<HardDrive size={20} />} label="数据盘占用" value={`${diskPct.toFixed(1)}%`} />
       </section>
 
       <section className="space-y-3">
-        <h2 className="font-display text-xl font-semibold text-ink-600">系统</h2>
+        <div className="flex items-center justify-between gap-3">
+          <h2 className="font-display text-xl font-semibold text-ink-600">系统实时监控</h2>
+          <span className="inline-flex items-center gap-1 rounded-full bg-emerald-50 px-3 py-1 text-xs font-semibold text-emerald-700">
+            <Radio size={12} />
+            Live
+          </span>
+        </div>
+        <div className="glass-panel grid gap-4 text-sm lg:grid-cols-[1fr_1.4fr]">
+          <div className="grid gap-2">
+            <Row label="Go 运行时" value={live.go_version} />
+            <Row label="Goroutines" value={live.goroutines.toLocaleString()} />
+            <Row
+              label="内存"
+              value={`${fmtBytes(live.memory_used)} / ${fmtBytes(live.memory_total)}`}
+            />
+            <Row
+              label="数据盘"
+              value={`${fmtBytes(live.disk_used)} / ${fmtBytes(live.disk_total)}`}
+            />
+          </div>
+          <div className="grid gap-3">
+            <Meter label="CPU" value={live.cpu_percent} />
+            <Meter label="内存" value={memPct} />
+            <Meter label="数据盘" value={diskPct} />
+            {monitorError && <p className="text-xs text-red-500">实时监控错误:{monitorError}</p>}
+          </div>
+        </div>
+      </section>
+
+      <section className="space-y-3">
+        <h2 className="font-display text-xl font-semibold text-ink-600">聚合统计</h2>
         <div className="glass-panel grid gap-2 text-sm">
-          <Row label="Go 运行时" value={snap.hardware.go_version} />
-          <Row label="Goroutines" value={snap.hardware.goroutines.toLocaleString()} />
           <Row
-            label="内存"
-            value={`${fmtBytes(snap.hardware.memory_used)} / ${fmtBytes(snap.hardware.memory_total)}`}
-          />
-          <Row
-            label="数据盘"
-            value={`${fmtBytes(snap.hardware.disk_used)} / ${fmtBytes(snap.hardware.disk_total)}`}
+            label="统计刷新"
+            value={new Date(snap.generated_at).toLocaleString()}
           />
+          <Row label="统计口径" value="媒体库、用户、容量、最近入库每 30 秒刷新" />
         </div>
       </section>
 
@@ -116,24 +191,49 @@ function Tile({
   icon,
   label,
   value,
+  meter,
 }: {
   icon: React.ReactNode
   label: string
   value: string
+  meter?: number
 }) {
   return (
     <div className="glass-panel flex items-center gap-3 !p-4">
       <div className="rounded-xl border border-primary-400/40 bg-primary-400/10 p-2 text-brand-500">
         {icon}
       </div>
-      <div>
+      <div className="min-w-0 flex-1">
         <p className="text-xs uppercase tracking-wider text-sand-500">{label}</p>
         <p className="font-display text-lg font-semibold text-ink-600">{value}</p>
+        {typeof meter === 'number' && <Bar value={meter} />}
       </div>
     </div>
   )
 }
 
+function Meter({ label, value }: { label: string; value: number }) {
+  return (
+    <div className="space-y-1.5">
+      <div className="flex items-center justify-between text-xs">
+        <span className="font-semibold text-ink-600">{label}</span>
+        <span className="font-mono text-ink-50">{value.toFixed(1)}%</span>
+      </div>
+      <Bar value={value} />
+    </div>
+  )
+}
+
+function Bar({ value }: { value: number }) {
+  const pct = Math.max(0, Math.min(100, value || 0))
+  const color = pct > 85 ? 'bg-red-500' : pct > 65 ? 'bg-amber-500' : 'bg-emerald-500'
+  return (
+    <div className="h-2 overflow-hidden rounded-full bg-gray-100">
+      <div className={`h-full rounded-full transition-all duration-700 ${color}`} style={{ width: `${pct}%` }} />
+    </div>
+  )
+}
+
 function Row({ label, value }: { label: string; value: string }) {
   return (
     <div className="flex items-center justify-between border-b border-gray-200 pb-1 text-sm last:border-0">