refactor: split modules and harden scraping workflows

web/src/pages/SearchLocalResults.tsx

@@ -0,0 +1,38 @@
+import { MediaCard } from '../components/MediaCard'
+import type { SeriesCard } from '../utils/groupSeries'
+import { seriesCardLink } from '../utils/groupSeries'
+
+type SearchLocalResultsProps = {
+  localCards: SeriesCard[]
+  itemCount: number
+  searchTotal: number
+  loading: boolean
+}
+
+export function SearchLocalResults({
+  localCards,
+  itemCount,
+  searchTotal,
+  loading,
+}: SearchLocalResultsProps) {
+  if (localCards.length === 0) return null
+
+  return (
+    <>
+      <div className="text-sm font-semibold text-ink-100">
+        本地媒体库 · {localCards.length} 个合集 / {itemCount} 个条目
+        {loading && searchTotal > itemCount ? ` · 正在加载全部结果 ${itemCount}/${searchTotal}` : ''}
+      </div>
+      <div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6">
+        {localCards.map((card) => (
+          <MediaCard
+            key={card.key}
+            media={card.rep}
+            count={card.count}
+            linkTo={seriesCardLink(card)}
+          />
+        ))}
+      </div>
+    </>
+  )
+}