fix media workflows and download organization

web/src/pages/DiscoverContentRow.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useState } from 'react'
-import { Info } from 'lucide-react'
+import { ChevronLeft, ChevronRight, Info } from 'lucide-react'
 
 import type { DiscoverItem } from '../api/discover'
 import { imageURL } from '../api/client'
@@ -8,19 +8,50 @@ import { discoverItemSource } from './discoverPageModel'
 export function ContentRow({
   title,
   items,
+  page = 1,
+  canNext = false,
   imageVersion,
   refreshImageVersion,
+  onPageChange,
   onSelect,
 }: {
   title: string
   items: DiscoverItem[]
+  page?: number
+  canNext?: boolean
   imageVersion?: string
   refreshImageVersion?: string
+  onPageChange?: (delta: number) => void
   onSelect: (item: DiscoverItem) => void
 }) {
   return (
     <section className="space-y-4">
-      <h2 className="pl-1 font-display text-2xl font-semibold text-ink-600">{title}</h2>
+      <div className="flex items-center justify-between gap-3">
+        <h2 className="pl-1 font-display text-2xl font-semibold text-ink-600">{title}</h2>
+        {onPageChange && (
+          <div className="flex items-center gap-2">
+            <button
+              type="button"
+              aria-label={`${title} 上一页`}
+              disabled={page <= 1}
+              onClick={() => onPageChange(-1)}
+              className="inline-flex h-8 w-8 items-center justify-center rounded-lg border border-gray-200 bg-white text-ink-100 transition hover:border-primary-300 hover:text-brand-500 disabled:cursor-not-allowed disabled:opacity-40"
+            >
+              <ChevronLeft size={16} />
+            </button>
+            <span className="min-w-10 text-center text-xs font-semibold text-sand-500">第 {page} 页</span>
+            <button
+              type="button"
+              aria-label={`${title} 下一页`}
+              disabled={!canNext}
+              onClick={() => onPageChange(1)}
+              className="inline-flex h-8 w-8 items-center justify-center rounded-lg border border-gray-200 bg-white text-ink-100 transition hover:border-primary-300 hover:text-brand-500 disabled:cursor-not-allowed disabled:opacity-40"
+            >
+              <ChevronRight size={16} />
+            </button>
+          </div>
+        )}
+      </div>
       <div className="grid grid-cols-3 gap-4 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-7 xl:grid-cols-8">
         {items.map((item, index) => (
           <DiscoverCard