Merge branch 'develop' into refactor/templates-api

将 168 行的 templates.ts 拆分为目录化结构：
- types.ts: 类型定义（TemplateItem/TemplateSegment 等）
- constants.ts: 常量配置（分类/时长筛选选项）
- templates.ts: 全部 6 个 API 函数
- index.ts: 统一入口 re-export，保持 @/api/templates 路径向后兼容

主入口从 168 行减少到约 35 行，按职责清晰分层。

apps/web/src/api/templates.ts

@@ -1,168 +0,0 @@
-/**
- * 模板相关 API
- * 对接后端模板管理接口：
- * - GET  /api/v1/templates              — 模板列表（分页/筛选）
- * - GET  /api/v1/templates/{id}         — 模板详情
- * - POST /api/v1/templates/{id}/copy    — 复制模板
- * - POST /api/v1/templates/{id}/generate — 从模板生成
- * - POST /api/v1/templates/{id}/toggle-favorite — 收藏/取消收藏
- */
-import apiClient from "./client"
-import type { TitleConfig, SubtitleConfig, BgmConfig } from "./editing-planner"
-import type { EditPlanConfig } from "./template-editor"
-
-/* ──────────── 类型定义 ──────────── */
-
-/** 模板条目（后端 TemplateResponse） */
-export interface TemplateItem {
-  id: string
-  user_id?: string
-  name: string
-  description?: string
-  mode?: string
-  category: string
-  tags?: string[]
-  /** 预估时长（后端字段名 estimated_duration） */
-  estimated_duration?: number
-  /** @deprecated 后端已改名为 estimated_duration，保留兼容 */
-  target_duration?: number
-  clip_count?: number
-  /** 使用次数 */
-  usage_count?: number
-  thumbnail_url?: string
-  preview_url?: string
-  is_active?: boolean
-  is_favorite?: boolean
-  /** 素材规则（片段配置） */
-  segments?: TemplateSegment[]
-  /** 字幕样式 */
-  subtitle_config?: SubtitleConfig
-  /** BGM 配置 */
-  bgm_config?: BgmConfig
-  /** 标题配置 */
-  title_config?: TitleConfig
-  /** 视频比例 */
-  aspect_ratio?: string
-  created_at?: string
-  updated_at?: string
-}
-
-/** 模板片段（素材规则） */
-export interface TemplateSegment {
-  id?: string
-  segment_order: number
-  duration_min: number
-  duration_max: number
-  material_type: string | null
-  description?: string
-}
-
-/** 模板列表查询参数 */
-export interface TemplateListParams {
-  page?: number
-  page_size?: number
-  category?: string
-  tags?: string
-  keyword?: string
-  /** 时长筛选（秒）：short < 30, medium 30-120, long > 120 */
-  duration_range?: "short" | "medium" | "long"
-}
-
-/** 模板列表分页响应 */
-export interface TemplateListResponse {
-  items: TemplateItem[]
-  total: number
-  page: number
-  page_size: number
-}
-
-/** 从模板生成请求 */
-export interface GenerateFromTemplateRequest {
-  asset_ids?: string[]
-  name?: string
-  config?: EditPlanConfig
-}
-
-/** 从模板生成响应 */
-export interface GenerateFromTemplateResponse {
-  plan_id: string
-  template_id: string
-  status: string
-  name: string
-}
-
-/** 复制模板响应 */
-export interface CopyTemplateResponse {
-  id: string
-  name: string
-  source_template_id: string
-}
-
-/* ──────────── API 函数 ──────────── */
-
-/** 获取模板列表（支持分页和筛选） */
-export const getTemplates = async (params?: TemplateListParams): Promise<TemplateListResponse> => {
-  const { data } = await apiClient.get<TemplateListResponse>("/templates", {
-    params,
-  })
-  return data
-}
-
-/** 获取模板列表（兼容旧接口，返回数组） */
-export const getTemplatesList = async (): Promise<TemplateItem[]> => {
-  const response = await apiClient.get("/templates")
-  return response.data.items || response.data || []
-}
-
-/** 获取单个模板详情 */
-export const getTemplate = async (templateId: string): Promise<TemplateItem> => {
-  const response = await apiClient.get(`/templates/${templateId}`)
-  return response.data
-}
-
-/** 收藏 / 取消收藏模板 */
-export const toggleFavoriteTemplate = async (
-  templateId: string,
-): Promise<{ is_favorite: boolean }> => {
-  const response = await apiClient.post(`/templates/${templateId}/toggle-favorite`)
-  return response.data
-}
-
-/** 复制模板（创建副本到我的模板） */
-export const copyTemplate = async (templateId: string): Promise<CopyTemplateResponse> => {
-  const response = await apiClient.post<CopyTemplateResponse>(`/templates/${templateId}/copy`)
-  return response.data
-}
-
-/** 从模板生成 */
-export const generateFromTemplate = async (
-  templateId: string,
-  data?: GenerateFromTemplateRequest,
-): Promise<GenerateFromTemplateResponse> => {
-  const response = await apiClient.post<GenerateFromTemplateResponse>(
-    `/templates/${templateId}/generate`,
-    data,
-  )
-  return response.data
-}
-
-/* ──────────── 常量 ──────────── */
-
-/** 模板分类选项 */
-export const TEMPLATE_CATEGORY_OPTIONS = [
-  { value: "", label: "全部分类" },
-  { value: "口播", label: "口播" },
-  { value: "种草", label: "种草" },
-  { value: "产品", label: "产品" },
-  { value: "品牌", label: "品牌" },
-  { value: "混剪", label: "混剪" },
-  { value: "Vlog", label: "Vlog" },
-]
-
-/** 时长筛选选项 */
-export const TEMPLATE_DURATION_OPTIONS = [
-  { value: "", label: "全部时长" },
-  { value: "short", label: "30秒以内" },
-  { value: "medium", label: "30秒-2分钟" },
-  { value: "long", label: "2分钟以上" },
-]

apps/web/src/api/templates/constants.ts

@@ -0,0 +1,22 @@
+/**
+ * 模板相关常量
+ */
+
+/** 模板分类选项 */
+export const TEMPLATE_CATEGORY_OPTIONS = [
+  { value: "", label: "全部分类" },
+  { value: "口播", label: "口播" },
+  { value: "种草", label: "种草" },
+  { value: "产品", label: "产品" },
+  { value: "品牌", label: "品牌" },
+  { value: "混剪", label: "混剪" },
+  { value: "Vlog", label: "Vlog" },
+]
+
+/** 时长筛选选项 */
+export const TEMPLATE_DURATION_OPTIONS = [
+  { value: "", label: "全部时长" },
+  { value: "short", label: "30秒以内" },
+  { value: "medium", label: "30秒-2分钟" },
+  { value: "long", label: "2分钟以上" },
+]

apps/web/src/api/templates/index.ts

@@ -0,0 +1,28 @@
+/**
+ * 模板相关 API — 目录化入口
+ * 保持与原 templates.ts 相同导出，向后兼容
+ */
+
+// 类型
+export type {
+  TemplateItem,
+  TemplateSegment,
+  TemplateListParams,
+  TemplateListResponse,
+  GenerateFromTemplateRequest,
+  GenerateFromTemplateResponse,
+  CopyTemplateResponse,
+} from "./types"
+
+// 常量
+export { TEMPLATE_CATEGORY_OPTIONS, TEMPLATE_DURATION_OPTIONS } from "./constants"
+
+// API 函数
+export {
+  getTemplates,
+  getTemplatesList,
+  getTemplate,
+  toggleFavoriteTemplate,
+  copyTemplate,
+  generateFromTemplate,
+} from "./templates"

apps/web/src/api/templates/templates.ts

@@ -0,0 +1,59 @@
+/**
+ * 模板相关 API 函数
+ * 对接后端模板管理接口
+ */
+import apiClient from "../client"
+import type {
+  CopyTemplateResponse,
+  GenerateFromTemplateRequest,
+  GenerateFromTemplateResponse,
+  TemplateItem,
+  TemplateListParams,
+  TemplateListResponse,
+} from "./types"
+
+/** 获取模板列表（支持分页和筛选） */
+export const getTemplates = async (params?: TemplateListParams): Promise<TemplateListResponse> => {
+  const { data } = await apiClient.get<TemplateListResponse>("/templates", {
+    params,
+  })
+  return data
+}
+
+/** 获取模板列表（兼容旧接口，返回数组） */
+export const getTemplatesList = async (): Promise<TemplateItem[]> => {
+  const response = await apiClient.get("/templates")
+  return response.data.items || response.data || []
+}
+
+/** 获取单个模板详情 */
+export const getTemplate = async (templateId: string): Promise<TemplateItem> => {
+  const response = await apiClient.get(`/templates/${templateId}`)
+  return response.data
+}
+
+/** 收藏 / 取消收藏模板 */
+export const toggleFavoriteTemplate = async (
+  templateId: string,
+): Promise<{ is_favorite: boolean }> => {
+  const response = await apiClient.post(`/templates/${templateId}/toggle-favorite`)
+  return response.data
+}
+
+/** 复制模板（创建副本到我的模板） */
+export const copyTemplate = async (templateId: string): Promise<CopyTemplateResponse> => {
+  const response = await apiClient.post<CopyTemplateResponse>(`/templates/${templateId}/copy`)
+  return response.data
+}
+
+/** 从模板生成 */
+export const generateFromTemplate = async (
+  templateId: string,
+  data?: GenerateFromTemplateRequest,
+): Promise<GenerateFromTemplateResponse> => {
+  const response = await apiClient.post<GenerateFromTemplateResponse>(
+    `/templates/${templateId}/generate`,
+    data,
+  )
+  return response.data
+}

apps/web/src/api/templates/types.ts

@@ -0,0 +1,90 @@
+/**
+ * 模板相关类型定义
+ */
+import type { TitleConfig, SubtitleConfig, BgmConfig } from "../editing-planner"
+import type { EditPlanConfig } from "../template-editor"
+
+/** 模板条目（后端 TemplateResponse） */
+export interface TemplateItem {
+  id: string
+  user_id?: string
+  name: string
+  description?: string
+  mode?: string
+  category: string
+  tags?: string[]
+  /** 预估时长（后端字段名 estimated_duration） */
+  estimated_duration?: number
+  /** @deprecated 后端已改名为 estimated_duration，保留兼容 */
+  target_duration?: number
+  clip_count?: number
+  /** 使用次数 */
+  usage_count?: number
+  thumbnail_url?: string
+  preview_url?: string
+  is_active?: boolean
+  is_favorite?: boolean
+  /** 素材规则（片段配置） */
+  segments?: TemplateSegment[]
+  /** 字幕样式 */
+  subtitle_config?: SubtitleConfig
+  /** BGM 配置 */
+  bgm_config?: BgmConfig
+  /** 标题配置 */
+  title_config?: TitleConfig
+  /** 视频比例 */
+  aspect_ratio?: string
+  created_at?: string
+  updated_at?: string
+}
+
+/** 模板片段（素材规则） */
+export interface TemplateSegment {
+  id?: string
+  segment_order: number
+  duration_min: number
+  duration_max: number
+  material_type: string | null
+  description?: string
+}
+
+/** 模板列表查询参数 */
+export interface TemplateListParams {
+  page?: number
+  page_size?: number
+  category?: string
+  tags?: string
+  keyword?: string
+  /** 时长筛选（秒）：short < 30, medium 30-120, long > 120 */
+  duration_range?: "short" | "medium" | "long"
+}
+
+/** 模板列表分页响应 */
+export interface TemplateListResponse {
+  items: TemplateItem[]
+  total: number
+  page: number
+  page_size: number
+}
+
+/** 从模板生成请求 */
+export interface GenerateFromTemplateRequest {
+  asset_ids?: string[]
+  name?: string
+  config?: EditPlanConfig
+}
+
+/** 从模板生成响应 */
+export interface GenerateFromTemplateResponse {
+  plan_id: string
+  template_id: string
+  status: string
+  name: string
+}
+
+/** 复制模板响应 */
+export interface CopyTemplateResponse {
+  id: string
+  name: string
+  source_template_id: string
+}

apps/web/src/pages/duplication/DuplicationResults.tsx

@@ -2,27 +2,130 @@
  * 查重结果列表页面 — V21 设计系统
  * 胶囊筛选 + 卡片列表，零 antd 依赖
  */
-import React from "react"
-import { Button } from "@/components/ui"
-import PageHead from "@/components/layout/PageHead"
+import React, { useState, useMemo } from "react"
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query"
+import { Button, Tag, Tooltip } from "@/components/ui"
+import { useNavigate } from "react-router-dom"
+import {
+  getDuplicationRecords,
+  deleteDuplicationRecord,
+  retryDuplication,
+  type DuplicationStatus,
+} from "@/api/duplication"
 import "./duplication.css"
-import useDuplicationResults from "./hooks/useDuplicationResults"
-import FilterBar from "./components/FilterBar"
-import EmptyState from "./components/EmptyState"
-import ResultCard from "./components/ResultCard"
+import PageHead from "@/components/layout/PageHead"
+
+/** 风险等级分类 */
+type RiskFilter = "all" | "high" | "medium" | "low"
+
+/** 状态配置 */
+const STATUS_CONFIG: Record<
+  DuplicationStatus,
+  {
+    variant: "primary" | "warning" | "success" | "error"
+    text: string
+    icon: string
+  }
+> = {
+  pending: { variant: "primary", text: "等待中", icon: "⏳" },
+  processing: { variant: "warning", text: "查重中", icon: "🔄" },
+  completed: { variant: "success", text: "已完成", icon: "✅" },
+  failed: { variant: "error", text: "失败", icon: "❌" },
+}
+
+/** 根据查重率获取风险等级 */
+const getRiskLevel = (rate?: number): "low" | "medium" | "high" => {
+  if (rate === undefined) return "low"
+  if (rate <= 10) return "low"
+  if (rate <= 30) return "medium"
+  return "high"
+}
+
+/** 风险等级标签 */
+const RISK_LABELS: Record<string, string> = {
+  low: "低风险",
+  medium: "中风险",
+  high: "高风险",
+}
+
+/** 格式化文件大小 */
+const formatSize = (bytes: number) => {
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(0)} KB`
+  if (bytes < 1024 * 1024 * 1024) return `${(bytes / 1024 / 1024).toFixed(1)} MB`
+  return `${(bytes / 1024 / 1024 / 1024).toFixed(2)} GB`
+}
+
+/** 格式化时长 */
+const formatDuration = (seconds?: number) => {
+  if (!seconds) return "-"
+  const totalSec = Math.round(seconds)
+  const m = Math.floor(totalSec / 60)
+  const s = totalSec % 60
+  return m > 0 ? `${m}分${s}秒` : `${s}秒`
+}
+
+/** 简易 toast */
+interface ToastState {
+  message: string
+  type: "success" | "error" | "warning"
+}
+
+const FILTER_OPTIONS: { key: RiskFilter; label: string }[] = [
+  { key: "all", label: "全部" },
+  { key: "low", label: "低风险" },
+  { key: "medium", label: "中风险" },
+  { key: "high", label: "高风险" },
+]
 
 const DuplicationResults: React.FC = () => {
-  const {
-    isLoading,
-    filteredRecords,
-    riskFilter,
-    setRiskFilter,
-    toast,
-    handleDelete,
-    handleRetry,
-    handleView,
-    handleUpload,
-  } = useDuplicationResults()
+  const navigate = useNavigate()
+  const queryClient = useQueryClient()
+  const [riskFilter, setRiskFilter] = useState<RiskFilter>("all")
+  const [toast, setToast] = useState<ToastState | null>(null)
+
+  const showToast = (message: string, type: "success" | "error" | "warning") => {
+    setToast({ message, type })
+    setTimeout(() => setToast(null), 3000)
+  }
+
+  // 获取查重记录
+  const { data: records = [], isLoading } = useQuery({
+    queryKey: ["duplication-records"],
+    queryFn: getDuplicationRecords,
+  })
+
+  // 删除
+  const deleteMutation = useMutation({
+    mutationFn: deleteDuplicationRecord,
+    onSuccess: () => {
+      showToast("已删除", "success")
+      queryClient.invalidateQueries({ queryKey: ["duplication-records"] })
+    },
+    onError: () => {
+      showToast("删除失败", "error")
+    },
+  })
+
+  // 重新查重
+  const retryMutation = useMutation({
+    mutationFn: retryDuplication,
+    onSuccess: () => {
+      showToast("已重新提交查重", "success")
+      queryClient.invalidateQueries({ queryKey: ["duplication-records"] })
+    },
+    onError: () => {
+      showToast("重新查重失败", "error")
+    },
+  })
+
+  /** 按风险等级筛选 */
+  const filteredRecords = useMemo(() => {
+    if (riskFilter === "all") return records
+    return records.filter((r) => {
+      if (r.status !== "completed") return riskFilter === "low"
+      return getRiskLevel(r.duplicate_rate) === riskFilter
+    })
+  }, [records, riskFilter])
 
   return (
     <div className="dup-page">
@@ -33,31 +136,136 @@ const DuplicationResults: React.FC = () => {
         title="查重记录"
         actions={
           <div style={{ display: "flex", gap: 8, alignItems: "center" }}>
-            <FilterBar value={riskFilter} onChange={setRiskFilter} />
-            <Button buttonType="primary" buttonSize="md" onClick={handleUpload}>
+            {/* 筛选胶囊 */}
+            <div className="dup-filter">
+              {FILTER_OPTIONS.map((opt) => (
+                <button
+                  key={opt.key}
+                  className={`dup-filter-btn ${riskFilter === opt.key ? "active" : ""}`}
+                  onClick={() => setRiskFilter(opt.key)}
+                >
+                  {opt.label}
+                </button>
+              ))}
+            </div>
+            <Button
+              buttonType="primary"
+              buttonSize="md"
+              onClick={() => navigate("/app/duplication")}
+            >
               📤 上传查重
             </Button>
           </div>
         }
       />
 
-      {/* 加载中 / 空状态 */}
-      {(isLoading || filteredRecords.length === 0) && (
-        <EmptyState isLoading={isLoading} riskFilter={riskFilter} />
+      {/* 加载中 */}
+      {isLoading && (
+        <div className="dup-results-empty">
+          <div className="dup-results-empty-icon">⏳</div>
+          <p>加载中...</p>
+        </div>
+      )}
+
+      {/* 空状态 */}
+      {!isLoading && filteredRecords.length === 0 && (
+        <div className="dup-results-empty">
+          <div className="dup-results-empty-icon">📭</div>
+          <p>
+            {riskFilter === "all"
+              ? "暂无查重记录，上传视频开始查重吧"
+              : `没有${RISK_LABELS[riskFilter]}的记录`}
+          </p>
+        </div>
       )}
 
       {/* 结果卡片列表 */}
       {!isLoading && filteredRecords.length > 0 && (
         <div className="dup-results-list">
-          {filteredRecords.map((record) => (
-            <ResultCard
-              key={record.id}
-              record={record}
-              onView={handleView}
-              onDelete={handleDelete}
-              onRetry={handleRetry}
-            />
-          ))}
+          {filteredRecords.map((record) => {
+            const statusCfg = STATUS_CONFIG[record.status]
+            const riskLevel = getRiskLevel(record.duplicate_rate)
+            const rateValue = record.duplicate_rate
+
+            return (
+              <div
+                key={record.id}
+                className="dup-result-card"
+                onClick={() => {
+                  if (record.status === "completed") {
+                    navigate(`/duplication/${record.id}`)
+                  }
+                }}
+              >
+                {/* 缩略图 */}
+                <div className="dup-result-card-thumb">🎬</div>
+
+                {/* 信息区 */}
+                <div className="dup-result-card-body">
+                  <h4>{record.filename}</h4>
+                  <div className="dup-result-card-meta">
+                    <Tag variant={statusCfg.variant}>
+                      {statusCfg.icon} {statusCfg.text}
+                    </Tag>
+                    <span>{formatSize(record.file_size)}</span>
+                    <span>{formatDuration(record.duration_seconds)}</span>
+                    <span>{new Date(record.created_at).toLocaleDateString("zh-CN")}</span>
+                    {record.status === "completed" && record.duplicate_count !== undefined && (
+                      <span>{record.duplicate_count} 个重复片段</span>
+                    )}
+                  </div>
+                </div>
+
+                {/* 查重率 */}
+                <div className="dup-result-card-score">
+                  {record.status === "completed" && rateValue !== undefined ? (
+                    <>
+                      <div className="dup-score-bar">
+                        <div
+                          className={`dup-score-bar-fill ${riskLevel}`}
+                          style={{ width: `${Math.min(rateValue, 100)}%` }}
+                        />
+                      </div>
+                      <span className={`dup-score-value ${riskLevel}`}>
+                        {rateValue.toFixed(1)}%
+                      </span>
+                    </>
+                  ) : record.status === "failed" ? (
+                    <Tooltip title="重新查重">
+                      <Button
+                        buttonType="ghost"
+                        buttonSize="sm"
+                        onClick={(e) => {
+                          e.stopPropagation()
+                          retryMutation.mutate(record.id)
+                        }}
+                      >
+                        🔄 重试
+                      </Button>
+                    </Tooltip>
+                  ) : (
+                    <span style={{ color: "var(--text-secondary)", fontSize: 12 }}>
+                      {record.status === "processing" ? "分析中..." : "—"}
+                    </span>
+                  )}
+                </div>
+
+                {/* 删除按钮 */}
+                <Button
+                  buttonType="ghost"
+                  buttonSize="sm"
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    if (window.confirm("确定删除此记录？")) {
+                      deleteMutation.mutate(record.id)
+                    }
+                  }}
+                >
+                  🗑️
+                </Button>
+              </div>
+            )
+          })}
         </div>
       )}
     </div>

apps/web/src/pages/duplication/components/EmptyState.tsx

@@ -1,32 +0,0 @@
-import React from "react"
-import { RISK_LABELS } from "../constants"
-import type { RiskFilter } from "../types"
-
-interface EmptyStateProps {
-  isLoading: boolean
-  riskFilter: RiskFilter
-}
-
-const EmptyState: React.FC<EmptyStateProps> = ({ isLoading, riskFilter }) => {
-  if (isLoading) {
-    return (
-      <div className="dup-results-empty">
-        <div className="dup-results-empty-icon">⏳</div>
-        <p>加载中...</p>
-      </div>
-    )
-  }
-
-  return (
-    <div className="dup-results-empty">
-      <div className="dup-results-empty-icon">📭</div>
-      <p>
-        {riskFilter === "all"
-          ? "暂无查重记录，上传视频开始查重吧"
-          : `没有${RISK_LABELS[riskFilter]}的记录`}
-      </p>
-    </div>
-  )
-}
-
-export default EmptyState

apps/web/src/pages/duplication/components/FilterBar.tsx

@@ -1,26 +0,0 @@
-import React from "react"
-import type { RiskFilter } from "../types"
-import { FILTER_OPTIONS } from "../constants"
-
-interface FilterBarProps {
-  value: RiskFilter
-  onChange: (value: RiskFilter) => void
-}
-
-const FilterBar: React.FC<FilterBarProps> = ({ value, onChange }) => {
-  return (
-    <div className="dup-filter">
-      {FILTER_OPTIONS.map((opt) => (
-        <button
-          key={opt.key}
-          className={`dup-filter-btn ${value === opt.key ? "active" : ""}`}
-          onClick={() => onChange(opt.key)}
-        >
-          {opt.label}
-        </button>
-      ))}
-    </div>
-  )
-}
-
-export default FilterBar

apps/web/src/pages/duplication/components/ResultCard.tsx

@@ -1,95 +0,0 @@
-import React from "react"
-import { Button, Tag, Tooltip } from "@/components/ui"
-import type { DuplicationRecord } from "@/api/duplication"
-import { STATUS_CONFIG } from "../constants"
-import { getRiskLevel, formatSize, formatDuration } from "../utils"
-
-interface ResultCardProps {
-  record: DuplicationRecord
-  onView: (id: string) => void
-  onDelete: (id: string) => void
-  onRetry: (id: string) => void
-}
-
-const ResultCard: React.FC<ResultCardProps> = ({ record, onView, onDelete, onRetry }) => {
-  const statusCfg = STATUS_CONFIG[record.status]
-  const riskLevel = getRiskLevel(record.duplicate_rate)
-  const rateValue = record.duplicate_rate
-
-  const handleClick = () => {
-    if (record.status === "completed") {
-      onView(record.id)
-    }
-  }
-
-  return (
-    <div key={record.id} className="dup-result-card" onClick={handleClick}>
-      {/* 缩略图 */}
-      <div className="dup-result-card-thumb">🎬</div>
-
-      {/* 信息区 */}
-      <div className="dup-result-card-body">
-        <h4>{record.filename}</h4>
-        <div className="dup-result-card-meta">
-          <Tag variant={statusCfg.variant}>
-            {statusCfg.icon} {statusCfg.text}
-          </Tag>
-          <span>{formatSize(record.file_size)}</span>
-          <span>{formatDuration(record.duration_seconds)}</span>
-          <span>{new Date(record.created_at).toLocaleDateString("zh-CN")}</span>
-          {record.status === "completed" && record.duplicate_count !== undefined && (
-            <span>{record.duplicate_count} 个重复片段</span>
-          )}
-        </div>
-      </div>
-
-      {/* 查重率 */}
-      <div className="dup-result-card-score">
-        {record.status === "completed" && rateValue !== undefined ? (
-          <>
-            <div className="dup-score-bar">
-              <div
-                className={`dup-score-bar-fill ${riskLevel}`}
-                style={{ width: `${Math.min(rateValue, 100)}%` }}
-              />
-            </div>
-            <span className={`dup-score-value ${riskLevel}`}>{rateValue.toFixed(1)}%</span>
-          </>
-        ) : record.status === "failed" ? (
-          <Tooltip title="重新查重">
-            <Button
-              buttonType="ghost"
-              buttonSize="sm"
-              onClick={(e) => {
-                e.stopPropagation()
-                onRetry(record.id)
-              }}
-            >
-              🔄 重试
-            </Button>
-          </Tooltip>
-        ) : (
-          <span style={{ color: "var(--text-secondary)", fontSize: 12 }}>
-            {record.status === "processing" ? "分析中..." : "—"}
-          </span>
-        )}
-      </div>
-
-      {/* 删除按钮 */}
-      <Button
-        buttonType="ghost"
-        buttonSize="sm"
-        onClick={(e) => {
-          e.stopPropagation()
-          if (window.confirm("确定删除此记录？")) {
-            onDelete(record.id)
-          }
-        }}
-      >
-        🗑️
-      </Button>
-    </div>
-  )
-}
-
-export default ResultCard

apps/web/src/pages/duplication/constants.ts

@@ -1,31 +0,0 @@
-import type { DuplicationStatus } from "@/api/duplication"
-import type { RiskFilter } from "./types"
-
-/** 状态配置 */
-export const STATUS_CONFIG: Record<
-  DuplicationStatus,
-  {
-    variant: "primary" | "warning" | "success" | "error"
-    text: string
-    icon: string
-  }
-> = {
-  pending: { variant: "primary", text: "等待中", icon: "⏳" },
-  processing: { variant: "warning", text: "查重中", icon: "🔄" },
-  completed: { variant: "success", text: "已完成", icon: "✅" },
-  failed: { variant: "error", text: "失败", icon: "❌" },
-}
-
-/** 风险等级标签 */
-export const RISK_LABELS: Record<string, string> = {
-  low: "低风险",
-  medium: "中风险",
-  high: "高风险",
-}
-
-export const FILTER_OPTIONS: { key: RiskFilter; label: string }[] = [
-  { key: "all", label: "全部" },
-  { key: "low", label: "低风险" },
-  { key: "medium", label: "中风险" },
-  { key: "high", label: "高风险" },
-]

apps/web/src/pages/duplication/hooks/useDuplicationResults.ts

@@ -1,106 +0,0 @@
-import { useState, useMemo } from "react"
-import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query"
-import { useNavigate } from "react-router-dom"
-import {
-  getDuplicationRecords,
-  deleteDuplicationRecord,
-  retryDuplication,
-  type DuplicationRecord,
-} from "@/api/duplication"
-import type { RiskFilter, ToastState } from "../types"
-import { getRiskLevel } from "../utils"
-
-interface UseDuplicationResultsReturn {
-  records: DuplicationRecord[]
-  isLoading: boolean
-  filteredRecords: DuplicationRecord[]
-  riskFilter: RiskFilter
-  setRiskFilter: (filter: RiskFilter) => void
-  toast: ToastState | null
-  handleDelete: (id: string) => void
-  handleRetry: (id: string) => void
-  handleView: (id: string) => void
-  handleUpload: () => void
-}
-
-const useDuplicationResults = (): UseDuplicationResultsReturn => {
-  const navigate = useNavigate()
-  const queryClient = useQueryClient()
-  const [riskFilter, setRiskFilter] = useState<RiskFilter>("all")
-  const [toast, setToast] = useState<ToastState | null>(null)
-
-  const showToast = (message: string, type: "success" | "error" | "warning") => {
-    setToast({ message, type })
-    setTimeout(() => setToast(null), 3000)
-  }
-
-  // 获取查重记录
-  const { data: records = [], isLoading } = useQuery({
-    queryKey: ["duplication-records"],
-    queryFn: getDuplicationRecords,
-  })
-
-  // 删除
-  const deleteMutation = useMutation({
-    mutationFn: deleteDuplicationRecord,
-    onSuccess: () => {
-      showToast("已删除", "success")
-      queryClient.invalidateQueries({ queryKey: ["duplication-records"] })
-    },
-    onError: () => {
-      showToast("删除失败", "error")
-    },
-  })
-
-  // 重新查重
-  const retryMutation = useMutation({
-    mutationFn: retryDuplication,
-    onSuccess: () => {
-      showToast("已重新提交查重", "success")
-      queryClient.invalidateQueries({ queryKey: ["duplication-records"] })
-    },
-    onError: () => {
-      showToast("重新查重失败", "error")
-    },
-  })
-
-  /** 按风险等级筛选 */
-  const filteredRecords = useMemo(() => {
-    if (riskFilter === "all") return records
-    return records.filter((r) => {
-      if (r.status !== "completed") return riskFilter === "low"
-      return getRiskLevel(r.duplicate_rate) === riskFilter
-    })
-  }, [records, riskFilter])
-
-  const handleDelete = (id: string) => {
-    deleteMutation.mutate(id)
-  }
-
-  const handleRetry = (id: string) => {
-    retryMutation.mutate(id)
-  }
-
-  const handleView = (id: string) => {
-    navigate(`/duplication/${id}`)
-  }
-
-  const handleUpload = () => {
-    navigate("/app/duplication")
-  }
-
-  return {
-    records,
-    isLoading,
-    filteredRecords,
-    riskFilter,
-    setRiskFilter,
-    toast,
-    handleDelete,
-    handleRetry,
-    handleView,
-    handleUpload,
-  }
-}
-
-export default useDuplicationResults

apps/web/src/pages/duplication/types.ts

@@ -1,8 +0,0 @@
-/** 风险等级分类 */
-export type RiskFilter = "all" | "high" | "medium" | "low"
-
-/** 简易 toast */
-export interface ToastState {
-  message: string
-  type: "success" | "error" | "warning"
-}

apps/web/src/pages/duplication/utils.ts

@@ -1,23 +0,0 @@
-/** 根据查重率获取风险等级 */
-export const getRiskLevel = (rate?: number): "low" | "medium" | "high" => {
-  if (rate === undefined) return "low"
-  if (rate <= 10) return "low"
-  if (rate <= 30) return "medium"
-  return "high"
-}
-
-/** 格式化文件大小 */
-export const formatSize = (bytes: number) => {
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(0)} KB`
-  if (bytes < 1024 * 1024 * 1024) return `${(bytes / 1024 / 1024).toFixed(1)} MB`
-  return `${(bytes / 1024 / 1024 / 1024).toFixed(2)} GB`
-}
-
-/** 格式化时长 */
-export const formatDuration = (seconds?: number) => {
-  if (!seconds) return "-"
-  const totalSec = Math.round(seconds)
-  const m = Math.floor(totalSec / 60)
-  const s = totalSec % 60
-  return m > 0 ? `${m}分${s}秒` : `${s}秒`
-}