feat(web): 因子研究/因子组合/股票筛选接入统一作业反馈；阶段圆点按作业类型区分

接着 /backtest 的那次改造，把其余会跑异步 Job 的页面也切到同一套
`useJobRunner` + `JobProgress`（用户原话：包括因子测试等所有测试都帮我完善用户反馈）：

- **/factors**（一个因子一个 Job 的批量场景）：删掉 `running/processed/current/jobId` 与
  按「已处理数 ÷ 总数」自算的 `Progress` **假百分比**；每轮把 `第 i/共 n 个` 交给反馈条，
  阶段/作业号/已用秒数全部来自后端。取消 = 用户明确意图 → 保留已出的报告、不再跑后续因子，
  不报错；单个因子失败仍继续跑其余因子，并把后端原文累积成**批级清单**（多因子时反馈条
  只能显示最后一个作业，前几个失败不能丢）。
- **/factors/compose**：删掉 `value={30}` 的假进度条；`archiveId` / 复用 `BacktestResultView` /
  「新页面放大」全部保留；failed/cancelled 交给反馈条，页面 error 只留参数与目录错误
  （同一失败不在两处各说一遍）。
- **/selection**：异步选股切反馈条；**同步**的「执行选股」保留原 loading（`POST /selections`
  没有 job_id，套上会去 `GET /jobs/{signal}` 撞 404）。
- **/signals**：`POST /api/signals` 是同步接口，**不套**作业反馈（不编作业号、不编阶段），
  改为点击即现的 `role="status"` 提示，如实写明「同步请求、请求期间不能关页、无阶段无取消、
  出错显示后端原文」。
- **阶段圆点按作业类型区分**（修掉一个真实缺陷）：原来全站共用一张含 `queued/done` 的
  `STAGE_ORDER`，因子测试页实测出现过**裸英文** `factor_calculation` 且 4 个圆点全灰
  （`indexOf` = -1），还画出了因子测试根本不存在的「逐择股日选股 / 撮合与净值结算」。
  现在 `STAGE_PIPELINES = { factor_test: [加载→计算因子值→汇总], backtest: [加载→撮合→汇总],
  selection: [逐择股日选股] }`（阶段序列**不含 queued/done**，那是作业状态不是阶段），
  未知阶段显示「执行中（stage）」并保留已推进的圆点，不整排灰、不露裸枚举。

验证（真实浏览器 CDP，读数原文已记录）：
- /factors：点击后 0.2s 内 `submitting`→`queued` + 作业号；+30s Pill「计算因子值」、
  圆点 `✓ 加载行情与因子数据 / ● 计算因子值 / ○ 汇总指标与曲线`（无「选股/撮合」、无英文枚举）；
  成功态给「去对比 / 打开归档」。
- /selection：圆点只有 `逐择股日选股` 一段；取消 → 「已取消，没有归档」；
  另实测撞并发上限时如实显示后端原文「系统繁忙：并发研究任务已达上限」。
- /factors/compose：`submitting→queued→撮合与净值结算→success(EXP-…)`，业务结果与 5 处放大入口照旧。
- /backtest 回归：圆点由 4 个变 3 个（去掉后端**从不上报**的 selection 阶段），取消仍「已取消 + 没归档」。
- 自检产生的 12 个实验归档已全部删除（bulk-delete count:12，复查无残留）。

frontend/web/app/factors/compose/page.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useState } from "react";
 import { apiGet } from "@/lib/api";
-import { submitJob, waitJob } from "@/lib/jobs";
+import { submitJob, useJobRunner } from "@/lib/jobs";
 import { factorLabel, pickableFactors } from "@/lib/factors";
 import type { BacktestResult, FactorMeta, ResearchSpec } from "@/lib/types";
 import { recentRange } from "@/lib/dates";
@@ -13,10 +13,10 @@ import {
   Field,
   Btn,
   Banner,
-  Progress,
   Signed,
 } from "@/components/ui";
 import { BacktestResultView } from "@/components/BacktestResultView";
+import { JobProgress } from "@/components/JobProgress";
 import { Icon } from "@/components/icons";
 
 interface Pick {
@@ -35,8 +35,16 @@ export default function ComposePage() {
   const [result, setResult] = useState<BacktestResult | null>(null);
   /** 本次结果的归档 id：结果区的「新页面放大」从归档读同一份数据 */
   const [archiveId, setArchiveId] = useState<string | null>(null);
-  const [running, setRunning] = useState(false);
-  const [jobId, setJobId] = useState("");
+  /**
+   * 作业反馈统一交给 `useJobRunner`（与 /backtest 同一套）：点了就有「正在提交作业…」，
+   * 之后是后端真实阶段 + 每秒自增的已用时间 + 作业号 + 可取消。
+   * 此前这里只有一句「任务 JOB-xxx 后台执行中」的假进度条（value 固定 30），
+   * 用户既不知道提交成功没、也不知道跑到哪一步。
+   */
+  const job = useJobRunner<BacktestResult>("因子组合回测");
+  const active =
+    job.state.phase === "submitting" || job.state.phase === "queued" || job.state.phase === "running";
+  /** 只留「参数不合法 / 目录加载失败」这类**作业之外**的错误；作业自身的失败由反馈条显示后端原文 */
   const [error, setError] = useState("");
 
   useEffect(() => {
@@ -82,35 +90,27 @@ export default function ComposePage() {
       setError("请选择至少一个因子并设置大于 0 的权重");
       return;
     }
-    setRunning(true);
     setError("");
-    setJobId("");
     setResult(null);
     setArchiveId(null);  // 新一次运行：先清掉上一次的归档 id，避免放大到旧结果
-    try {
-      const spec: ResearchSpec = {
-        type: "backtest",
-        universe: { exclude_st: excludeSt, min_listing_days: 0 },
-        factors: valid.map((p) => ({ name: p.name, weight: p.weight })),
-        selection: { top_n: topN },
-        rebalance,
-        period: [start, end],
-      };
-      const { job_id } = await submitJob(spec);
-      setJobId(job_id);
-      const out = await waitJob<BacktestResult>(job_id);
-      if (out.status === "success" && out.result) {
-        setResult(out.result);
-        setArchiveId(out.experimentId ?? null);
-      } else {
-        setError(`任务${out.status}${out.error ? `：${out.error}` : ""}`);
-      }
-    } catch (e) {
-      setError((e as Error).message);
-    } finally {
-      setRunning(false);
-      setJobId("");
+    const spec: ResearchSpec = {
+      type: "backtest",
+      universe: { exclude_st: excludeSt, min_listing_days: 0 },
+      factors: valid.map((p) => ({ name: p.name, weight: p.weight })),
+      selection: { top_n: topN },
+      rebalance,
+      period: [start, end],
+    };
+    const out = await job.run(() => submitJob(spec), {
+      label: `因子组合回测（${valid.length} 个因子）`,
+    });
+    if (out.status === "success" && out.result) {
+      setResult(out.result);
+      // 归档 id 交给结果区做「新页面放大」；反馈条自己也会给「打开归档 / 去对比」
+      setArchiveId(out.experimentId ?? null);
     }
+    // 失败 / 超时 / 取消都只在反馈条上说：后端原文（out.error）、
+    // 「已取消（不产生归档）」都在 JobProgress 里，页面不再另写一份 Banner 重复同一个失败
   }
 
   return (
@@ -266,26 +266,22 @@ export default function ComposePage() {
           <Btn
             variant="primary"
             icon="play"
-            loading={running}
-            disabled={running || picks.length === 0}
+            loading={active}
+            disabled={active || picks.length === 0}
             onClick={run}
           >
-            {running ? "后台运行中…" : `回测组合（${picks.length} 个因子）`}
+            {active ? "后台运行中…" : `回测组合（${picks.length} 个因子）`}
           </Btn>
         </div>
 
-        {running ? (
-          <div style={{ marginTop: 14 }}>
-            <Progress
-              value={30}
-              label={
-                <>
-                  任务 <span className="mono">{jobId || "排队中…"}</span> 后台执行中，完成后结果自动展示在本页。
-                </>
-              }
-            />
-          </div>
-        ) : null}
+        {/* 反馈条紧贴运行按钮：提交瞬间就有字，排队阶段就能取消，完成后给归档入口 */}
+        <JobProgress
+          state={job.state}
+          onCancel={job.cancel}
+          onDismiss={job.reset}
+          anchorId="factors-compose-job-progress"
+          kind="backtest"
+        />
         {error ? <div style={{ marginTop: 12 }}><Banner tone="error">{error}</Banner></div> : null}
       </Card>