console: 任务列表服务端分页 + 控制台分页面签

任务列表分页（服务端 + 前端）：
- GET /tasks 新增 limit（1..100，非法回 400）、offset、
  order=desc、status/executor/q 服务端过滤；回 total（过滤后
  计数）与 status_counts（全项目统计，不受过滤与分页影响，
  数据卡片不再把当前页当成全项目）；无 limit 时旧行为不变
  （全量、正序，协调子任务与旧调用不受影响）。
- 前端每页 20 条、最新在前，上一页/下一页 + 页码；筛选与
  搜索改服务端过滤（搜索防抖 300ms），切筛选/切项目/派发
  后回第 1 页，10 秒刷新与刷新按钮停在当前页；新测试
  test_task_list_pagination.py 5 项。

分页面签：
- 顶栏锚点导航改成 5 个页签：工作台（派发 + 任务列表 +
  对话 + 详情）、项目（项目 + 成员）、环境与 Workers、
  技能与自动化（技能 + 自动化 + 分诊）、管理与 Key；
  数据卡片仍在页签上方常驻。选中任务存在 App 层 store
  里，切页不丢，回来仍是同一任务、10 秒刷新续同步；
  页签同步到 location.hash（#tab-workbench 等），刷新与
  分享链接落在同一页签；窄屏工作台仍保持派发在前的顺序。
- 工作台页签仍是左（任务）右（派发/对话/详情）两栏，
  沿用等高内部滚动规则；其它页签单列堆叠。

cloud/console-react/src/hooks/useConsoleStore.ts

@@ -27,7 +27,7 @@ export function useConsoleStore(): ConsoleCtx {
   const selectProject = useCallback((id: string) => {
     catalog.setProjectId(id);
     projectIdRef.current = id;
-    void taskList.refreshTasks(id);
+    void taskList.refreshTasksFirstPage(id);
     void catalog.refreshEnvs(id);
     void catalog.refreshMembers(id);
     void catalog.refreshSkills(id);
@@ -128,6 +128,8 @@ export function useConsoleStore(): ConsoleCtx {
     executorFilter: taskList.executorFilter, setExecutorFilter: taskList.setExecutorFilter,
     searchText: taskList.searchText, setSearchText: taskList.setSearchText,
     filteredTasks: taskList.filteredTasks,
+    taskPage: taskList.page, taskTotalPages: taskList.totalPages, taskTotal: taskList.taskTotal,
+    taskStatusCounts: taskList.taskStatusCounts, goToTaskPage: taskList.goToPage,
     currentTask: detail.currentTask, detailBody: detail.detailBody, actionMsg: detail.actionMsg, actionReasons: detail.actionReasons,
     showDetail: (id: string) => void detail.showDetail(id),
     doAction: detail.doAction, taskCost: detail.taskCost, costBox: detail.costBox, costSummary: detail.costSummary,
@@ -147,7 +149,7 @@ export function useConsoleStore(): ConsoleCtx {
     threadText: detail.threadText, threadGateNote: detail.threadGateNote, threadMsg: detail.threadMsg, threadList: detail.threadList, threadAction: detail.threadAction,
     dispatch: async (body, atts) => {
       const msg = await taskList.dispatch(body, atts);
-      void taskList.refreshTasks(projectIdRef.current);
+      void taskList.refreshTasksFirstPage(projectIdRef.current);
       return msg;
     },
     dispatchMsg: "",

cloud/console-react/src/hooks/useTaskList.ts

@@ -1,36 +1,91 @@
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { api, shortId, uploadAttachments } from "../api/client";
 import { paths } from "../api/paths";
 import type { DispatchBody, Task } from "../api/types";
 
+export const TASK_PAGE_SIZE = 20;
+
+// Task list, server-side paginated. The old hook fetched every task
+// in the project and filtered client-side; at scale that made every
+// 10 s refresh a full-table fetch and a full render. Now each fetch
+// asks for one page (newest first) with the current filters, and the
+// server returns total + status_counts for that filter set. tasks
+// here is ONLY the current page; taskTotal / status counts are the
+// project-wide / filtered totals from the server, never page-only
+// numbers (DataCards must not present a page as the whole project).
+// Page state lives in a ref as well as state, because refreshTasks
+// is called from auto-refresh and from other hooks that must not
+// reset the page, while filter/project changes reset it to page 1.
 export function useTaskList() {
   const [tasks, setTasks] = useState<Task[]>([]);
   const [taskError, setTaskError] = useState("");
   const [statusFilter, setStatusFilter] = useState("");
   const [executorFilter, setExecutorFilter] = useState("");
   const [searchText, setSearchText] = useState("");
+  const [page, setPageState] = useState(0);
+  const [taskTotal, setTaskTotal] = useState(0);
+  const [taskStatusCounts, setTaskStatusCounts] = useState<Record<string, number>>({});
+  const pageRef = useRef(0);
+  const filterRef = useRef({ status: "", executor: "", q: "" });
+  filterRef.current = { status: statusFilter, executor: executorFilter, q: searchText };
+  const lastProjectRef = useRef("");
 
-  const refreshTasks = useCallback(async (pid?: string, currentPid?: string) => {
+  const refreshTasks = useCallback(async (pid?: string, currentPid?: string, pageOverride?: number) => {
     const id = pid !== undefined ? pid : currentPid;
-    if (!id) { setTasks([]); return; }
+    if (!id) { setTasks([]); setTaskTotal(0); setTaskStatusCounts({}); return; }
+    lastProjectRef.current = id;
+    const p = pageOverride !== undefined ? pageOverride : pageRef.current;
+    const f = filterRef.current;
     try {
-      const d = await api<{ tasks: Task[] }>(paths.tasks(id));
+      const d = await api<{ tasks: Task[]; total?: number; status_counts?: Record<string, number> }>(
+        paths.tasksPage(id, TASK_PAGE_SIZE, p * TASK_PAGE_SIZE, f.status, f.executor, f.q));
       setTasks(d.tasks || []);
+      setTaskTotal(d.total ?? (d.tasks || []).length);
+      setTaskStatusCounts(d.status_counts || {});
       setTaskError("");
     } catch (e: any) { setTaskError("加载失败：" + e.message); }
   }, []);
 
-  const filteredTasks = useMemo(() => {
-    const q = searchText.trim().toLowerCase();
-    return tasks.filter((t) => {
-      if (statusFilter && t.status !== statusFilter) return false;
-      if (executorFilter && (t.executor || "") !== executorFilter) return false;
-      if (q && !((t.id || "") + " " + (t.prompt || "")).toLowerCase().includes(q)) return false;
-      return true;
-    });
-  }, [tasks, statusFilter, executorFilter, searchText]);
+  const setPage = useCallback((p: number) => {
+    const next = Math.max(0, p);
+    pageRef.current = next;
+    setPageState(next);
+  }, []);
 
-  const taskCountText = filteredTasks.length + " 个任务（共 " + tasks.length + " 个）";
+  const goToPage = useCallback((p: number) => {
+    setPage(p);
+    void refreshTasks(lastProjectRef.current || undefined, undefined, p);
+  }, [refreshTasks, setPage]);
+
+  // Filter changes refetch page 1 (debounced, so typing a search
+  // query does not fire one request per keystroke). Project changes
+  // do not fire this effect (filters are unchanged), so the store's
+  // explicit refreshTasksFirstPage remains the only fetch there.
+  useEffect(() => {
+    if (!lastProjectRef.current) return;
+    const t = setTimeout(() => { void refreshTasks(lastProjectRef.current, undefined, 0); }, 300);
+    return () => clearTimeout(t);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [statusFilter, executorFilter, searchText]);
+
+  // Filter/project changes reset to page 1: the old page may not
+  // exist under the new filter, and staying on it would show an
+  // empty page with a misleading "共 N 个" count.
+  const setStatusFilterPage = useCallback((v: string) => { setStatusFilter(v); setPage(0); }, [setPage]);
+  const setExecutorFilterPage = useCallback((v: string) => { setExecutorFilter(v); setPage(0); }, [setPage]);
+  const setSearchTextPage = useCallback((v: string) => { setSearchText(v); setPage(0); }, [setPage]);
+  const refreshTasksFirstPage = useCallback(async (pid?: string) => {
+    setPage(0);
+    await refreshTasks(pid, undefined, 0);
+  }, [refreshTasks, setPage]);
+
+  const totalPages = Math.max(1, Math.ceil(taskTotal / TASK_PAGE_SIZE));
+  const taskCountText = taskTotal === 0
+    ? "共 0 个任务"
+    : "共 " + taskTotal + " 个任务，第 " + (page + 1) + " / " + totalPages + " 页";
+  // Back-compat for the list section: it renders the current page
+  // as-is (server already ordered newest first).
+  const filteredTasks = tasks;
 
   const dispatch = useCallback(async (body: DispatchBody, atts: Array<{ path: string; file: File }>): Promise<string> => {
     const payload: DispatchBody = { ...body };
@@ -41,5 +96,11 @@ export function useTaskList() {
     return "任务已建：" + shortId(t.id);
   }, []);
 
-  return { tasks, taskError, statusFilter, setStatusFilter, executorFilter, setExecutorFilter, searchText, setSearchText, filteredTasks, taskCountText, refreshTasks, dispatch };
+  return {
+    tasks, taskError, statusFilter, setStatusFilter: setStatusFilterPage,
+    executorFilter, setExecutorFilter: setExecutorFilterPage,
+    searchText, setSearchText: setSearchTextPage,
+    filteredTasks, taskCountText, refreshTasks, refreshTasksFirstPage,
+    page, totalPages, taskTotal, taskStatusCounts, goToPage, dispatch,
+  };
 }