Merge branch 'develop' into refactor/subscription-api

将 106 行的 subscription.ts 拆分为目录化结构：
- types.ts: 类型定义（Plan/SubscriptionInfo/BillingRecord 等）
- subscription.ts: 全部 5 个 API 函数
- index.ts: 统一入口 re-export，保持 @/api/subscription 路径向后兼容

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

@@ -0,0 +1,26 @@
+/**
+ * 订阅 API — 目录化入口
+ * 保持与原 subscription.ts 相同导出，向后兼容
+ */
+
+// 类型
+export type {
+  PlanType,
+  SubscriptionStatus,
+  BillingStatus,
+  BillingCycle,
+  Plan,
+  SubscriptionInfo,
+  BillingRecord,
+  ChangePlanRequest,
+  ChangePlanResponse,
+} from "./types"
+
+// API 函数
+export {
+  getCurrentSubscription,
+  getBillingRecords,
+  changePlan,
+  cancelSubscription,
+  toggleAutoRenew,
+} from "./subscription"

apps/web/src/api/subscription/subscription.ts

@@ -0,0 +1,47 @@
+/**
+ * 订阅相关 API 函数
+ */
+import apiClient from "../client"
+import type {
+  BillingRecord,
+  ChangePlanRequest,
+  ChangePlanResponse,
+  SubscriptionInfo,
+} from "./types"
+
+/** 获取当前订阅信息 */
+export const getCurrentSubscription = async (): Promise<SubscriptionInfo> => {
+  const response = await apiClient.get("/subscription/current")
+  return response.data
+}
+
+/** 获取账单记录列表 */
+export const getBillingRecords = async (): Promise<BillingRecord[]> => {
+  const response = await apiClient.get("/subscription/billing-records")
+  return response.data
+}
+
+/** 升级/降级套餐 */
+export const changePlan = async (request: ChangePlanRequest): Promise<ChangePlanResponse> => {
+  const response = await apiClient.post("/subscription/change-plan", request)
+  return response.data
+}
+
+/** 取消订阅 */
+export const cancelSubscription = async (): Promise<{
+  success: boolean
+  message: string
+}> => {
+  const response = await apiClient.post("/subscription/cancel")
+  return response.data
+}
+
+/** 切换自动续费 */
+export const toggleAutoRenew = async (
+  enabled: boolean,
+): Promise<{ success: boolean; message: string }> => {
+  const response = await apiClient.post("/subscription/toggle-auto-renew", {
+    enabled,
+  })
+  return response.data
+}

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

@@ -1,8 +1,6 @@
 /**
- * 订阅 API 模块
- * 对接后端订阅管理接口
+ * 订阅相关类型定义
  */
-import apiClient from "./client"
 
 /** 套餐类型 */
 export type PlanType = "free" | "standard" | "pro" | "enterprise"
@@ -65,42 +63,3 @@ export interface ChangePlanResponse {
   message: string
   new_subscription?: SubscriptionInfo
 }
-
-// ============ API 函数 ============
-
-/** 获取当前订阅信息 */
-export const getCurrentSubscription = async (): Promise<SubscriptionInfo> => {
-  const response = await apiClient.get("/subscription/current")
-  return response.data
-}
-
-/** 获取账单记录列表 */
-export const getBillingRecords = async (): Promise<BillingRecord[]> => {
-  const response = await apiClient.get("/subscription/billing-records")
-  return response.data
-}
-
-/** 升级/降级套餐 */
-export const changePlan = async (request: ChangePlanRequest): Promise<ChangePlanResponse> => {
-  const response = await apiClient.post("/subscription/change-plan", request)
-  return response.data
-}
-
-/** 取消订阅 */
-export const cancelSubscription = async (): Promise<{
-  success: boolean
-  message: string
-}> => {
-  const response = await apiClient.post("/subscription/cancel")
-  return response.data
-}
-
-/** 切换自动续费 */
-export const toggleAutoRenew = async (
-  enabled: boolean,
-): Promise<{ success: boolean; message: string }> => {
-  const response = await apiClient.post("/subscription/toggle-auto-renew", {
-    enabled,
-  })
-  return response.data
-}

apps/web/src/pages/history/TaskHistory.tsx

@@ -1,88 +1,300 @@
 /**
  * 任务历史页面 — V21 设计系统
  * 页面头部 + 圆角胶囊 Tab 筛选（含计数）+ 卡片式任务列表 + 分页 + 空状态
+ * 使用 useQuery 对接后端真实 API（api/tasks.ts）
  */
-import React from "react"
-import { PageHeader, LoadingState, ErrorState, EmptyState } from "./components/States"
-import { HistoryTabs, TaskItem, Pagination } from "./components/TaskList"
-import { useTaskHistory } from "./hooks/useTaskHistory"
+import React, { useState } from "react"
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query"
+import { Button } from "@/components/ui"
+import { getUserTasks, retryTask, type TaskItem } from "@/api/tasks"
 import "./history.css"
 
+/* ============================================================
+ * 类型 & 常量
+ * ============================================================ */
+type TaskStatus = "completed" | "processing" | "pending" | "failed"
+
+const statusLabel: Record<TaskStatus, string> = {
+  completed: "已完成",
+  processing: "进行中",
+  pending: "排队中",
+  failed: "失败",
+}
+
+/** 将后端 status 字符串映射为前端 TaskStatus */
+const normalizeStatus = (s: string): TaskStatus => {
+  const map: Record<string, TaskStatus> = {
+    completed: "completed",
+    succeeded: "completed",
+    success: "completed",
+    processing: "processing",
+    running: "processing",
+    pending: "pending",
+    queued: "pending",
+    failed: "failed",
+    error: "failed",
+  }
+  return map[s] ?? "pending"
+}
+
+/** 格式化日期 */
+const formatDate = (iso?: string | null): string => {
+  if (!iso) return "—"
+  const d = new Date(iso)
+  if (isNaN(d.getTime())) return "—"
+  const pad = (n: number) => String(n).padStart(2, "0")
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`
+}
+
+/* ============================================================
+ * Tab 配置
+ * ============================================================ */
+interface TabConfig {
+  key: string
+  label: string
+  statusFilter?: TaskStatus
+}
+
+const tabs: TabConfig[] = [
+  { key: "all", label: "全部" },
+  { key: "processing", label: "进行中", statusFilter: "processing" },
+  { key: "completed", label: "已完成", statusFilter: "completed" },
+  { key: "failed", label: "失败", statusFilter: "failed" },
+]
+
+/* ============================================================
+ * 分页配置
+ * ============================================================ */
+const PAGE_SIZE = 10
+
+/* ============================================================
+ * 组件
+ * ============================================================ */
 const TaskHistory: React.FC = () => {
+  const [activeTab, setActiveTab] = useState("all")
+  const [currentPage, setCurrentPage] = useState(1)
+  const queryClient = useQueryClient()
+
+  // ── 获取任务列表 ──
   const {
-    activeTab,
-    currentPage,
-    totalPages,
-    tabs,
-    tabCounts,
-    paginatedTasks,
+    data: tasks = [],
     isLoading,
     isError,
     error,
-    retryLoading,
-    setCurrentPage,
-    handleTabChange,
-    handleRetry,
-    handleView,
     refetch,
-  } = useTaskHistory()
+  } = useQuery<TaskItem[], Error>({
+    queryKey: ["tasks"],
+    queryFn: getUserTasks,
+    staleTime: 30_000,
+  })
 
-  // Loading 状态
+  // ── 重试任务 mutation ──
+  const retryMutation = useMutation({
+    mutationFn: retryTask,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["tasks"] })
+    },
+  })
+
+  // 将后端数据映射为页面展示用的结构
+  const mappedTasks = tasks.map((t) => ({
+    id: t.id,
+    name: t.user_message || t.task_type,
+    type: t.task_type,
+    template: t.template_id,
+    status: normalizeStatus(t.status),
+    date: formatDate(t.created_at),
+    duration: undefined as string | undefined,
+    progress: t.progress,
+    retryable: t.retryable,
+    errorMessage: t.error_message,
+  }))
+
+  // 获取当前 Tab 的筛选状态
+  const currentTab = tabs.find((t) => t.key === activeTab)
+  const statusFilter = currentTab?.statusFilter
+
+  // 过滤任务
+  const filteredTasks = statusFilter
+    ? mappedTasks.filter((t) => t.status === statusFilter)
+    : mappedTasks
+
+  // 计算各 Tab 的数量
+  const tabCounts: Record<string, number> = {
+    all: mappedTasks.length,
+    processing: mappedTasks.filter((t) => t.status === "processing").length,
+    completed: mappedTasks.filter((t) => t.status === "completed").length,
+    failed: mappedTasks.filter((t) => t.status === "failed").length,
+  }
+
+  // 分页
+  const totalPages = Math.ceil(filteredTasks.length / PAGE_SIZE)
+  const paginatedTasks = filteredTasks.slice((currentPage - 1) * PAGE_SIZE, currentPage * PAGE_SIZE)
+
+  // 切换 Tab 时重置页码
+  const handleTabChange = (key: string) => {
+    setActiveTab(key)
+    setCurrentPage(1)
+  }
+
+  // 重试任务
+  const handleRetry = (taskId: string) => {
+    retryMutation.mutate(taskId)
+  }
+
+  // 查看任务详情
+  const handleView = (taskId: string) => {
+    // TODO: 跳转到任务详情页（待路由实现）
+    console.log("查看任务:", taskId)
+  }
+
+  // ── Loading 状态 ──
   if (isLoading) {
     return (
       <div className="xx-history-page">
-        <PageHeader />
-        <LoadingState />
+        <div className="xx-history-header">
+          <h2>任务历史</h2>
+          <p>查看和管理所有生成任务</p>
+        </div>
+        <div className="xx-history-empty">
+          <div className="xx-history-empty-icon">⏳</div>
+          <h3>加载中...</h3>
+        </div>
       </div>
     )
   }
 
-  // Error 状态
+  // ── Error 状态 ──
   if (isError) {
     return (
       <div className="xx-history-page">
-        <PageHeader />
-        <ErrorState message={error?.message} onRetry={() => refetch()} />
+        <div className="xx-history-header">
+          <h2>任务历史</h2>
+          <p>查看和管理所有生成任务</p>
+        </div>
+        <div className="xx-history-empty">
+          <div className="xx-history-empty-icon">❌</div>
+          <h3>加载失败</h3>
+          <p>{error?.message || "网络异常，请稍后重试"}</p>
+          <Button buttonType="primary" buttonSize="md" onClick={() => refetch()}>
+            重新加载
+          </Button>
+        </div>
       </div>
     )
   }
 
-  const totalCount = tabCounts[activeTab] ?? paginatedTasks.length
-
   return (
     <div className="xx-history-page">
-      <PageHeader />
+      {/* ── 页面头部 ──────────────────────────────────────────── */}
+      <div className="xx-history-header">
+        <h2>任务历史</h2>
+        <p>查看和管理所有生成任务</p>
+      </div>
 
-      <HistoryTabs
-        tabs={tabs}
-        activeTab={activeTab}
-        tabCounts={tabCounts}
-        onChange={handleTabChange}
-      />
+      {/* ── Tab 切换 ──────────────────────────────────────────── */}
+      <div className="xx-history-tabs">
+        {tabs.map((tab) => (
+          <button
+            key={tab.key}
+            className={`xx-history-tab${activeTab === tab.key ? " active" : ""}`}
+            onClick={() => handleTabChange(tab.key)}
+          >
+            {tab.label}
+            <span className="xx-history-tab-count">{tabCounts[tab.key]}</span>
+          </button>
+        ))}
+      </div>
 
-      {/* 任务列表 */}
+      {/* ── 任务列表 ──────────────────────────────────────────── */}
       {paginatedTasks.length === 0 ? (
-        <EmptyState activeTab={activeTab} />
+        <div className="xx-history-empty">
+          <div className="xx-history-empty-icon">📭</div>
+          <h3>暂无任务记录</h3>
+          <p>{activeTab === "all" ? "点击上方按钮开始创建任务" : "当前分类下没有任务"}</p>
+        </div>
       ) : (
         <div className="xx-history-task-list">
           {paginatedTasks.map((task) => (
-            <TaskItem
-              key={task.id}
-              task={task}
-              onRetry={handleRetry}
-              onView={handleView}
-              retryLoading={retryLoading}
-            />
+            <div key={task.id} className="xx-history-task-item">
+              {/* 任务信息 */}
+              <div className="xx-history-task-info">
+                <h4>{task.name}</h4>
+                <span>
+                  {task.type} · 模板：{task.template}
+                </span>
+              </div>
+
+              {/* 状态标签 */}
+              <span className={`xx-history-status xx-history-status--${task.status}`}>
+                {statusLabel[task.status]}
+              </span>
+
+              {/* 时间区 */}
+              <div className="xx-history-task-time">
+                <span>{task.date}</span>
+                {task.status === "completed" ? (
+                  <span>完成</span>
+                ) : task.status === "processing" ? (
+                  <span>进度 {task.progress}%</span>
+                ) : task.status === "failed" ? (
+                  <span>{task.errorMessage || "请重试"}</span>
+                ) : (
+                  <span>等待中</span>
+                )}
+              </div>
+
+              {/* 操作按钮 */}
+              <div className="xx-history-task-action">
+                {task.status === "failed" && task.retryable ? (
+                  <Button
+                    buttonType="ghost"
+                    buttonSize="sm"
+                    onClick={() => handleRetry(task.id)}
+                    disabled={retryMutation.isPending}
+                  >
+                    {retryMutation.isPending ? "重试中..." : "重试"}
+                  </Button>
+                ) : (
+                  <Button buttonType="ghost" buttonSize="sm" onClick={() => handleView(task.id)}>
+                    查看
+                  </Button>
+                )}
+              </div>
+            </div>
           ))}
         </div>
       )}
 
-      <Pagination
-        currentPage={currentPage}
-        totalPages={totalPages}
-        total={totalCount}
-        onChange={setCurrentPage}
-      />
+      {/* ── 分页 ──────────────────────────────────────────────── */}
+      {totalPages > 1 && (
+        <div className="xx-history-pagination">
+          <button
+            className="xx-history-page-btn"
+            disabled={currentPage === 1}
+            onClick={() => setCurrentPage(currentPage - 1)}
+          >
+            ‹
+          </button>
+          {Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => (
+            <button
+              key={page}
+              className={`xx-history-page-btn${currentPage === page ? " active" : ""}`}
+              onClick={() => setCurrentPage(page)}
+            >
+              {page}
+            </button>
+          ))}
+          <button
+            className="xx-history-page-btn"
+            disabled={currentPage === totalPages}
+            onClick={() => setCurrentPage(currentPage + 1)}
+          >
+            ›
+          </button>
+          <span className="xx-history-page-info">共 {filteredTasks.length} 条</span>
+        </div>
+      )}
     </div>
   )
 }

apps/web/src/pages/history/components/States.tsx

@@ -1,52 +0,0 @@
-import React from "react"
-import { Button } from "@/components/ui"
-
-interface LoadingStateProps {
-  title?: string
-}
-
-/** 加载状态 */
-export const LoadingState: React.FC<LoadingStateProps> = ({ title = "加载中..." }) => (
-  <div className="xx-history-empty">
-    <div className="xx-history-empty-icon">⏳</div>
-    <h3>{title}</h3>
-  </div>
-)
-
-interface ErrorStateProps {
-  message?: string
-  onRetry: () => void
-}
-
-/** 错误状态 */
-export const ErrorState: React.FC<ErrorStateProps> = ({ message, onRetry }) => (
-  <div className="xx-history-empty">
-    <div className="xx-history-empty-icon">❌</div>
-    <h3>加载失败</h3>
-    <p>{message || "网络异常，请稍后重试"}</p>
-    <Button buttonType="primary" buttonSize="md" onClick={onRetry}>
-      重新加载
-    </Button>
-  </div>
-)
-
-interface EmptyStateProps {
-  activeTab?: string
-}
-
-/** 空状态 */
-export const EmptyState: React.FC<EmptyStateProps> = ({ activeTab = "all" }) => (
-  <div className="xx-history-empty">
-    <div className="xx-history-empty-icon">📭</div>
-    <h3>暂无任务记录</h3>
-    <p>{activeTab === "all" ? "点击上方按钮开始创建任务" : "当前分类下没有任务"}</p>
-  </div>
-)
-
-/** 页面头部 */
-export const PageHeader: React.FC = () => (
-  <div className="xx-history-header">
-    <h2>任务历史</h2>
-    <p>查看和管理所有生成任务</p>
-  </div>
-)

apps/web/src/pages/history/components/TaskList.tsx

@@ -1,142 +0,0 @@
-import React from "react"
-import { Button } from "@/components/ui"
-import type { TabConfig } from "../constants"
-import type { MappedTask } from "../hooks/useTaskHistory"
-import { statusLabel } from "../constants"
-
-interface HistoryTabsProps {
-  tabs: TabConfig[]
-  activeTab: string
-  tabCounts: Record<string, number>
-  onChange: (key: string) => void
-}
-
-/** Tab 切换栏 */
-export const HistoryTabs: React.FC<HistoryTabsProps> = ({
-  tabs,
-  activeTab,
-  tabCounts,
-  onChange,
-}) => (
-  <div className="xx-history-tabs">
-    {tabs.map((tab) => (
-      <button
-        key={tab.key}
-        className={`xx-history-tab${activeTab === tab.key ? " active" : ""}`}
-        onClick={() => onChange(tab.key)}
-      >
-        {tab.label}
-        <span className="xx-history-tab-count">{tabCounts[tab.key]}</span>
-      </button>
-    ))}
-  </div>
-)
-
-interface TaskItemProps {
-  task: MappedTask
-  onRetry: (id: string) => void
-  onView: (id: string) => void
-  retryLoading?: boolean
-}
-
-/** 单个任务卡片 */
-export const TaskItem: React.FC<TaskItemProps> = ({ task, onRetry, onView, retryLoading }) => {
-  const getSubText = () => {
-    switch (task.status) {
-      case "completed":
-        return "完成"
-      case "processing":
-        return `进度 ${task.progress}%`
-      case "failed":
-        return task.errorMessage || "请重试"
-      default:
-        return "等待中"
-    }
-  }
-
-  return (
-    <div className="xx-history-task-item">
-      {/* 任务信息 */}
-      <div className="xx-history-task-info">
-        <h4>{task.name}</h4>
-        <span>
-          {task.type} · 模板：{task.template}
-        </span>
-      </div>
-
-      {/* 状态标签 */}
-      <span className={`xx-history-status xx-history-status--${task.status}`}>
-        {statusLabel[task.status]}
-      </span>
-
-      {/* 时间区 */}
-      <div className="xx-history-task-time">
-        <span>{task.date}</span>
-        <span>{getSubText()}</span>
-      </div>
-
-      {/* 操作按钮 */}
-      <div className="xx-history-task-action">
-        {task.status === "failed" && task.retryable ? (
-          <Button
-            buttonType="ghost"
-            buttonSize="sm"
-            onClick={() => onRetry(task.id)}
-            disabled={retryLoading}
-          >
-            {retryLoading ? "重试中..." : "重试"}
-          </Button>
-        ) : (
-          <Button buttonType="ghost" buttonSize="sm" onClick={() => onView(task.id)}>
-            查看
-          </Button>
-        )}
-      </div>
-    </div>
-  )
-}
-
-interface PaginationProps {
-  currentPage: number
-  totalPages: number
-  total: number
-  onChange: (page: number) => void
-}
-
-/** 分页组件 */
-export const Pagination: React.FC<PaginationProps> = ({
-  currentPage,
-  totalPages,
-  total,
-  onChange,
-}) => {
-  if (totalPages <= 1) return null
-  return (
-    <div className="xx-history-pagination">
-      <button
-        className="xx-history-page-btn"
-        disabled={currentPage === 1}
-        onClick={() => onChange(currentPage - 1)}
-      >
-        ‹
-      </button>
-      {Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => (
-        <button
-          key={page}
-          className={`xx-history-page-btn${currentPage === page ? " active" : ""}`}
-          onClick={() => onChange(page)}
-        >
-          {page}
-        </button>
-      ))}
-      <button
-        className="xx-history-page-btn"
-        disabled={currentPage === totalPages}
-        onClick={() => onChange(currentPage + 1)}
-      >
-        ›
-      </button>
-      <span className="xx-history-page-info">共 {total} 条</span>
-    </div>
-  )
-}

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

@@ -1,28 +0,0 @@
-/** 任务状态 */
-export type TaskStatus = "completed" | "processing" | "pending" | "failed"
-
-/** 状态标签 */
-export const statusLabel: Record<TaskStatus, string> = {
-  completed: "已完成",
-  processing: "进行中",
-  pending: "排队中",
-  failed: "失败",
-}
-
-/** Tab 配置 */
-export interface TabConfig {
-  key: string
-  label: string
-  statusFilter?: TaskStatus
-}
-
-/** 默认 Tab 列表 */
-export const TABS: TabConfig[] = [
-  { key: "all", label: "全部" },
-  { key: "processing", label: "进行中", statusFilter: "processing" },
-  { key: "completed", label: "已完成", statusFilter: "completed" },
-  { key: "failed", label: "失败", statusFilter: "failed" },
-]
-
-/** 每页数量 */
-export const PAGE_SIZE = 10

apps/web/src/pages/history/hooks/useTaskHistory.ts

@@ -1,131 +0,0 @@
-import { useState, useMemo, useCallback } from "react"
-import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query"
-import { getUserTasks, retryTask, type TaskItem } from "@/api/tasks"
-import { TABS, PAGE_SIZE, type TabConfig } from "../constants"
-import { normalizeStatus, formatDate } from "../utils"
-
-/** 映射后的任务列表项 */
-export interface MappedTask {
-  id: string
-  name: string
-  type: string
-  template?: string
-  status: "completed" | "processing" | "pending" | "failed"
-  date: string
-  progress?: number
-  retryable?: boolean
-  errorMessage?: string
-}
-
-/**
- * 任务历史业务 Hook
- */
-export const useTaskHistory = () => {
-  const [activeTab, setActiveTab] = useState("all")
-  const [currentPage, setCurrentPage] = useState(1)
-  const queryClient = useQueryClient()
-
-  // 获取任务列表
-  const {
-    data: tasks = [],
-    isLoading,
-    isError,
-    error,
-    refetch,
-  } = useQuery<TaskItem[], Error>({
-    queryKey: ["tasks"],
-    queryFn: getUserTasks,
-    staleTime: 30_000,
-  })
-
-  // 重试 mutation
-  const retryMutation = useMutation({
-    mutationFn: retryTask,
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["tasks"] })
-    },
-  })
-
-  // 映射后端数据
-  const mappedTasks: MappedTask[] = useMemo(
-    () =>
-      tasks.map((t) => ({
-        id: t.id,
-        name: t.user_message || t.task_type,
-        type: t.task_type,
-        template: t.template_id,
-        status: normalizeStatus(t.status),
-        date: formatDate(t.created_at),
-        progress: t.progress,
-        retryable: t.retryable,
-        errorMessage: t.error_message,
-      })),
-    [tasks],
-  )
-
-  // 当前 Tab 筛选
-  const currentTabConfig: TabConfig | undefined = TABS.find((t) => t.key === activeTab)
-  const statusFilter = currentTabConfig?.statusFilter
-
-  // 过滤任务
-  const filteredTasks = useMemo(
-    () => (statusFilter ? mappedTasks.filter((t) => t.status === statusFilter) : mappedTasks),
-    [mappedTasks, statusFilter],
-  )
-
-  // 各 Tab 计数
-  const tabCounts: Record<string, number> = useMemo(
-    () => ({
-      all: mappedTasks.length,
-      processing: mappedTasks.filter((t) => t.status === "processing").length,
-      completed: mappedTasks.filter((t) => t.status === "completed").length,
-      failed: mappedTasks.filter((t) => t.status === "failed").length,
-    }),
-    [mappedTasks],
-  )
-
-  // 分页
-  const totalPages = Math.ceil(filteredTasks.length / PAGE_SIZE)
-  const paginatedTasks = filteredTasks.slice((currentPage - 1) * PAGE_SIZE, currentPage * PAGE_SIZE)
-
-  // 切换 Tab
-  const handleTabChange = useCallback((key: string) => {
-    setActiveTab(key)
-    setCurrentPage(1)
-  }, [])
-
-  // 重试
-  const handleRetry = useCallback(
-    (taskId: string) => {
-      retryMutation.mutate(taskId)
-    },
-    [retryMutation],
-  )
-
-  // 查看详情
-  const handleView = useCallback((taskId: string) => {
-    // TODO: 跳转到任务详情页（待路由实现）
-    console.log("查看任务:", taskId)
-  }, [])
-
-  return {
-    // 状态
-    activeTab,
-    currentPage,
-    totalPages,
-    // 数据
-    tabs: TABS,
-    tabCounts,
-    paginatedTasks,
-    isLoading,
-    isError,
-    error,
-    retryLoading: retryMutation.isPending,
-    // 操作
-    setCurrentPage,
-    handleTabChange,
-    handleRetry,
-    handleView,
-    refetch,
-  }
-}

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

@@ -1,26 +0,0 @@
-import type { TaskStatus } from "./constants"
-
-/** 将后端 status 字符串映射为前端 TaskStatus */
-export const normalizeStatus = (s: string): TaskStatus => {
-  const map: Record<string, TaskStatus> = {
-    completed: "completed",
-    succeeded: "completed",
-    success: "completed",
-    processing: "processing",
-    running: "processing",
-    pending: "pending",
-    queued: "pending",
-    failed: "failed",
-    error: "failed",
-  }
-  return map[s] ?? "pending"
-}
-
-/** 格式化日期 */
-export const formatDate = (iso?: string | null): string => {
-  if (!iso) return "—"
-  const d = new Date(iso)
-  if (isNaN(d.getTime())) return "—"
-  const pad = (n: number) => String(n).padStart(2, "0")
-  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`
-}