v2.6.0 历史分页+筛选+搜索+表头升降排序；一键清空历史(DELETE /api/tests)；右下角置顶/置底悬浮按钮

v2.5.1 修复解码速度荒谬值：兼容 vLLM reasoning 字段思维链 + 幻影token防护(usage有token但流无正文时解码速度置空)
v2.5.0 模型实时获取：接口配置区「📋 查看模型」按钮，Base URL+API Key 下实时拉取模型列表(GET /models)，搜索/点击填入，仍支持手动输入
2026-09-06 02:32:35 +08:00 · 2026-09-06 02:17:40 +08:00 · 2026-09-06 01:52:06 +08:00 · 2026-09-03 01:32:24 +08:00
9 changed files with 552 additions and 63 deletions
@@ -137,20 +137,32 @@

 **响应：** `{ "ok": true, "id": 9 }`

-### `GET /api/tests?limit=<n>`
-测试历史列表（按 id 倒序）。`limit` 默认 100，最大 1000。
+### `GET /api/tests`
+测试历史列表，支持**分页 + 搜索 + 筛选 + 排序**：
+
+| 参数 | 说明 |
+|------|------|
+| `page` | 页码，默认 1 |
+| `page_size` | 每页条数，默认 20，最大 100 |
+| `q` | 关键词搜索（匹配 id/名称/模型/提供商/状态/时间） |
+| `status` | 状态筛选，逗号多选：`done,error,canceled,running` |
+| `provider` | 提供商筛选：`openai` / `anthropic` / `google` |
+| `sort` | 排序字段：`id`/`created_at`/`name`/`provider`/`model`/`status`/`samples`/`ttft`/`prefill`/`decode`/`total_ms`，默认 `id` |
+| `order` | 排序方向：`asc` / `desc`，默认 `desc`（数值字段空值恒排最后） |

 **响应：**
 ```json
-[
-  { "id": 9, "created_at": "2026-08-23 18:52:00", "status": "done",
+{ "ok": true, "items": [ { "id": 9, "created_at": "2026-08-23 18:52:00", "status": "done",
    "provider": "openai", "model": "unsloth/Qwen3.8-27B-Q4_K_M",
    "name": "Qwen3 不同上下文长度速度对比",
    "error": "",
-    "summary": { "samples_ok": 2, "samples_total": 2, "avg_ttft_ms": 1808.7, ... } }
-]
+    "summary": { "samples_ok": 2, "samples_total": 2, "avg_ttft_ms": 1808.7, ... } } ],
+  "total": 31, "page": 1, "page_size": 20, "total_pages": 2 }
 ```

+### `DELETE /api/tests`
+一键清空全部测试历史（测试记录 + 采样指标 + 日志），不可恢复。响应 `{ "ok": true }`。
+
 ### `POST /api/tests/<id>/cancel`
 停止正在运行的测试。响应 `{ "ok": true, "msg": "正在停止..." }`

@@ -353,7 +365,10 @@ curl -X POST $BASE/api/tests -H 'Content-Type: application/json' -d '{
 }'

 # 查询测试列表 / 详情
-curl "$BASE/api/tests?limit=10"
+curl "$BASE/api/tests?page=1&page_size=20"
+curl "$BASE/api/tests?q=Qwen&status=done,error&sort=decode&order=desc&page=1&page_size=10"
+# 一键清空全部历史（不可恢复）
+curl -X DELETE $BASE/api/tests
 curl $BASE/api/tests/9

 # 画图数据（CSV）
@@ -4,7 +4,7 @@

 - **访问地址：** `http://<IP>:16097/`
 - **技术栈：** Python 3 + Flask + SQLite（纯 REST，无额外依赖）
- **版本：** v2.3.0
+- **版本：** v2.6.0

 ---

@@ -13,6 +13,7 @@
 ### 🔌 大模型接口配置
 - 支持 **OpenAI 兼容**（OpenAI / DeepSeek / 火山方舟 / 任意兼容网关）、**Anthropic（Claude）**、**Google Gemini** 三类提供商
 - 配置项：配置名称、Base URL（留空自动使用官方默认）、API Key（可显示/隐藏）、模型名称、温度
+- **📋 查看模型按钮**：填好 Base URL + API Key 后点击，实时调用该接口的 `/models` 获取全部模型（OpenAI 兼容 `GET /models`、Anthropic `GET /v1/models`、Gemini `GET /v1beta/models`），弹出下拉面板可**搜索**（输入关键词实时过滤）/ 点击直接**填入模型名称**；仍支持手动直接输入模型名（搜索框里直接输入回车也能确认填入）
 - 配置可**保存/加载/删除**，方便多模型对比

 ### 🚀 速度测试配置
@@ -29,7 +30,8 @@
 ### 📊 指标与结果
 - 实时指标卡：首字延迟、预填充速度、解码速度、上文/输出 tokens、总耗时
 - **整体统计（平均/最小/最大）**：详情弹窗与 Excel 汇总展示首字延迟、预填充速度、解码速度、总耗时的平均/最小/最大
- **推理型模型兼容**：支持 Qwen3 / DeepSeek 等思维链模型（`reasoning_content` / `thinking` / `thought`），思维过程计入输出，不会误报“未收到输出”
+- **推理型模型兼容**：支持 Qwen3 / DeepSeek 等思维链模型（`reasoning_content` / `reasoning` / `thinking` / `thought`），思维过程计入输出，不会误报“未收到输出”
+- **解码速度防荒谬值**：兼容 vLLM/Qwen3.8-27B 用 `reasoning` 字段流式输出思维链（此前未识别导致 output_chars=0、解码时间≈0、解码速度飙到数百万 tok/s，已修复）；另防“幻影 token”——usage 报了输出 token 但流里没收到任何文本时（如推理用满 max_tokens 没正文），解码速度标记为不可测（—）而非荒谬数字
 - **采样失败不中断**：单次采样失败会记录并继续，不会让整个测试半途终止；全部失败才标记 error
 - 实时控制台日志：校准、预热、每次采样明细全程可追溯
 - **每次完整测试**支持：
@@ -38,6 +40,9 @@
  - **文件下载 Excel（xlsx）**：历史记录「Excel」按钮或详情弹窗「导出 Excel」，包含 汇总 / 采样明细 / 日志 三个 Sheet
  - **文件下载 JSON**：详情弹窗「导出 JSON」
 - 测试历史留存（含测试名称），可随时刷新、查看、导出、删除
+- **📄 历史分页 + 筛选 + 搜索 + 排序**：历史列表支持分页（10/20/50/100 条每页）、多条件筛选（状态多选、提供商）、关键词搜索（编号/名称/模型/提供商/状态/时间）、点击表头升降排序（#/时间/名称/提供商/模型/采样/首字/预填充/解码/状态，数值列空值恒排最后）；提供「✕ 重置」一键恢复默认
+- **🗑 一键清空历史**：历史卡片右上角「清空历史」二次确认后，删除全部测试记录/采样/日志（不可恢复）
+- **⬆⬇ 一键置顶/置底**：右下角固定悬浮按钮，平滑滚动到页面顶部/底部
 - **⚖️ 多测试结果对比**：测试历史表格勾选多个测试（可全选），点「⚖️ 对比所选」弹出对比面板：
  - **指标对比表**：时间 / 名称 / 模型 / 并发档 / 采样 / 首字 / 预填充 / 解码 / 单流均解码 / 输出 / 总耗时 并排展示（点击测试名可跳详情）
  - **柱状图**：各测试预填充（空心柱）vs 解码（实心柱）速度对比
@@ -99,7 +104,8 @@ pip install -r requirements.txt
 | GET/POST | `/api/configs` | 配置列表 / 新增配置 |
 | GET/PUT/DELETE | `/api/configs/<id>` | 单个配置 / 更新（局部）/ 删除 |
 | POST | `/api/configs/test` | 测试连接 |
-| GET/POST | `/api/tests?limit=n` | 测试历史 / 启动测试（异步） |
+| GET/POST | `/api/tests?page=&page_size=&q=&status=&provider=&sort=&order=` | 测试历史（分页/搜索/筛选/排序）/ 启动测试（异步） |
+| DELETE | `/api/tests` | 一键清空全部测试历史（含采样与日志） |
 | GET | `/api/tests/<id>` | 测试详情（含 runs / logs / summary / 按长度分组） |
 | GET | `/api/tests/<id>/logs?after=<id>` | 增量日志（前端轮询用） |
 | POST | `/api/tests/<id>/cancel` | 停止测试 |
@@ -177,4 +183,4 @@ llm-speed-tester/
 ## Git

 - **仓库：** `hz4th_coder/llm-speed-tester`
- **版本：** v2.3.0（多并发测试（默认单流，预设2/4可自定义并发档，整批吞吐聚合+按并发分组）+ 多测试结果对比（历史勾选→对比表/柱状图/并发折线图））
+- **版本：** v2.6.0（历史分页+筛选+搜索+表头排序；一键清空历史；右下角置顶/置底悬浮按钮）
@@ -9,7 +9,7 @@ from flask import Flask, jsonify, request, send_file, send_from_directory

 import config
 import database as db
-from llm_providers import DEFAULT_URLS, ProviderError, call_stream
+from llm_providers import DEFAULT_URLS, ProviderError, call_stream, list_models
 from tester import TestRunner

 app = Flask(__name__, static_folder="static", static_url_path="")
@@ -93,6 +93,22 @@ def del_config(cid):
    return jsonify({"ok": True})


+@app.route("/api/models", methods=["POST"])
+def list_models_api():
+    """实时获取某接口（Base URL + API Key）下的所有模型列表，供前端选择填入"""
+    cfg = _fill_defaults(request.get_json(force=True) or {})
+    try:
+        models = list_models(cfg)
+        if not models:
+            return jsonify({"ok": True, "models": [], "count": 0,
+                            "note": "接口可用，但未返回任何模型"})
+        return jsonify({"ok": True, "models": models, "count": len(models)})
+    except ProviderError as e:
+        return jsonify({"ok": False, "error": str(e)})
+    except Exception as e:
+        return jsonify({"ok": False, "error": str(e)})
+
+
@app.route("/api/configs/test", methods=["POST"])
 def test_config():
    cfg = _fill_defaults(request.get_json(force=True) or {})
@@ -132,11 +148,30 @@ def start_test():

@app.route("/api/tests", methods=["GET"])
 def list_tests():
+    """历史记录列表：支持关键词搜索 q、状态 status(逗号多选)、提供商 provider、
+    字段排序 sort/order、分页 page/page_size"""
    try:
-        limit = int(request.args.get("limit", 100))
+        page = max(1, int(request.args.get("page", 1)))
+        page_size = min(100, max(1, int(request.args.get("page_size", 20))))
    except ValueError:
-        limit = 100
-    return jsonify(db.list_tests(max(1, min(limit, 1000))))
+        page, page_size = 1, 20
+    q = (request.args.get("q") or "").strip()
+    status = (request.args.get("status") or "").strip()
+    provider = (request.args.get("provider") or "").strip()
+    sort = (request.args.get("sort") or "id").strip()
+    order = (request.args.get("order") or "desc").strip().lower()
+    if order not in ("asc", "desc"):
+        order = "desc"
+    data = db.query_tests(q=q, status=status, provider=provider,
+                          sort=sort, order=order, page=page, page_size=page_size)
+    return jsonify({"ok": True, **data})
+
+
+@app.route("/api/tests", methods=["DELETE"])
+def clear_tests():
+    """一键清空全部测试历史（含采样指标与日志）"""
+    db.clear_tests()
+    return jsonify({"ok": True})


@app.route("/api/tests/<int:tid>", methods=["GET"])
@@ -2,6 +2,7 @@
 """SQLite 存储：提供商配置 / 测试记录 / 每次采样指标 / 全量日志"""
 import os
 import json
+import math
 import sqlite3
 import threading
 import time
@@ -204,20 +205,86 @@ def get_test(tid: int):
            conn.close()


-def list_tests(limit=100):
+# 历史列表排序字段 → 取值函数（数值字段取 summary 聚合值，None 恒排最后）
+SORT_KEYS = {
+    "id": lambda t: t["id"],
+    "created_at": lambda t: t["created_at"],
+    "name": lambda t: (t.get("name") or "").lower(),
+    "provider": lambda t: (t.get("provider") or "").lower(),
+    "model": lambda t: (t.get("model") or "").lower(),
+    "status": lambda t: t.get("status") or "",
+    "samples": lambda t: (t.get("summary") or {}).get("samples_ok"),
+    "ttft": lambda t: (t.get("summary") or {}).get("avg_ttft_ms"),
+    "prefill": lambda t: (t.get("summary") or {}).get("avg_prefill_speed"),
+    "decode": lambda t: (t.get("summary") or {}).get("avg_decode_speed"),
+    "total_ms": lambda t: (t.get("summary") or {}).get("avg_total_ms"),
+}
+
+
+def query_tests(q="", status="", provider="", sort="id", order="desc",
+                page=1, page_size=20):
+    """历史记录：关键词搜索 + 状态/提供商筛选 + 字段排序 + 分页。
+    返回 {"items": [...], "total": N, "page": p, "page_size": s, "total_pages": n}"""
    with _lock:
        conn = _connect()
        try:
+            where, args = [], []
+            if q:
+                like = "%" + q + "%"
+                where.append("(id LIKE ? OR name LIKE ? OR model LIKE ? OR provider LIKE ?"
+                             " OR status LIKE ? OR created_at LIKE ?)")
+                args += [like] * 6
+            if status:
+                sts = [s.strip() for s in status.split(",") if s.strip()]
+                if sts:
+                    where.append("status IN (%s)" % ",".join("?" * len(sts)))
+                    args += sts
+            if provider:
+                where.append("provider = ?")
+                args.append(provider)
+            wsql = ("WHERE " + " AND ".join(where)) if where else ""
+
            rows = conn.execute(
                "SELECT id,created_at,status,provider,model,name,summary_json,gen_cfg_json,error "
-                "FROM tests ORDER BY id DESC LIMIT ?", (limit,)).fetchall()
+                "FROM tests " + wsql + " ORDER BY id DESC", args).fetchall()
            out = []
            for r in rows:
                d = dict(r)
                d["summary"] = json.loads(d.pop("summary_json") or "{}")
                d["gen"] = json.loads(d.pop("gen_cfg_json") or "{}")
                out.append(d)
-            return out
+
+            # Python 侧排序：None 值恒排最后（无论升降序）
+            keyfn = SORT_KEYS.get(sort) or SORT_KEYS["id"]
+            present = [t for t in out if keyfn(t) is not None]
+            absent = [t for t in out if keyfn(t) is None]
+            present.sort(key=keyfn, reverse=(order == "desc"))
+            out = present + absent
+
+            total = len(out)
+            total_pages = max(1, math.ceil(total / page_size))
+            page = min(max(1, page), total_pages)
+            start = (page - 1) * page_size
+            return {
+                "items": out[start:start + page_size],
+                "total": total,
+                "page": page,
+                "page_size": page_size,
+                "total_pages": total_pages,
+            }
+        finally:
+            conn.close()
+
+
+def clear_tests():
+    """一键清空全部历史（测试记录 + 采样指标 + 日志）"""
+    with _lock:
+        conn = _connect()
+        try:
+            conn.execute("DELETE FROM test_runs")
+            conn.execute("DELETE FROM logs")
+            conn.execute("DELETE FROM tests")
+            conn.commit()
        finally:
            conn.close()

@@ -63,6 +63,10 @@ def _metrics(start, first_token_at, end, prompt_tokens, output_tokens,
    total_ms = (end - start) * 1000
    prefill = (prompt_tokens / (ttft_ms / 1000)) if prompt_tokens and ttft_ms > 0 else None
    decode = (output_tokens / (decode_ms / 1000)) if output_tokens and decode_ms > 0 else None
+    # 防“幻影 token”：usage 报了输出 token，但整个流没收到任何文本（如推理全用满 max_tokens
+    # 或提供商只回 usage 不正文），此时解码时间无意义，不报出数百万的荒谬速度
+    if output_tokens and decode is not None and not output_chars:
+        decode = None
    return {
        "prompt_tokens": int(prompt_tokens or 0),
        "output_tokens": int(output_tokens or 0),
@@ -132,8 +136,9 @@ def stream_openai(cfg, prompt, gen, log, should_stop=None):
            event_count += 1
            if obj.get("choices"):
                delta = obj["choices"][0].get("delta") or {}
-                # 兼容推理型模型：Qwen3/DeepSeek 思维链在 reasoning_content
-                piece = delta.get("content") or delta.get("reasoning_content") or ""
+                # 兼容推理型模型思维链：DeepSeek 用 reasoning_content，部分 vLLM(Qwen3.8-27B-FP8) 用 reasoning，Anthropic/Gemini 分别在各自适配器处理
+                piece = (delta.get("content") or delta.get("reasoning_content")
+                         or delta.get("reasoning") or "")
                if piece:
                    if first_token_at is None:
                        first_token_at = time.time()
@@ -307,6 +312,56 @@ def stream_google(cfg, prompt, gen, log, should_stop=None):
                    cached_tokens, output_chars, len(prompt))


+# ───────────────────────── 模型列表获取 ─────────────────────────
+
+def list_models(cfg):
+    """实时获取该接口（Base URL + API Key）下的所有模型 ID 列表。
+    支持 OpenAI 兼容 / Anthropic / Google Gemini 三种提供商。"""
+    provider = cfg.get("provider", "openai")
+    api_key = cfg.get("api_key") or ""
+    if not api_key:
+        raise ProviderError("请填写 API Key")
+    base = (cfg.get("base_url") or DEFAULT_URLS.get(provider, "")).rstrip("/")
+
+    if provider == "openai":
+        # GET {base}/models  Authorization: Bearer <key>  → data[].id
+        headers = {"Authorization": "Bearer " + api_key}
+        resp = requests.get(base + "/models", headers=headers,
+                           timeout=config.CONNECT_TIMEOUT)
+        if resp.status_code != 200:
+            raise ProviderError("HTTP %s: %s" % (resp.status_code, resp.text[:400]))
+        data = resp.json()
+        return [m.get("id") for m in (data.get("data") or []) if m.get("id")]
+
+    if provider == "anthropic":
+        # GET {base}/v1/models  x-api-key + anthropic-version  → data[].id
+        headers = {"x-api-key": api_key, "anthropic-version": "2023-06-01"}
+        resp = requests.get(base + "/v1/models", headers=headers,
+                           timeout=config.CONNECT_TIMEOUT)
+        if resp.status_code != 200:
+            raise ProviderError("HTTP %s: %s" % (resp.status_code, resp.text[:400]))
+        data = resp.json()
+        return [m.get("id") for m in (data.get("data") or []) if m.get("id")]
+
+    if provider == "google":
+        # GET {base}/v1beta/models?key=<key>  → models[].name（形如 models/gemini-1.5-pro）
+        resp = requests.get(base + "/v1beta/models", params={"key": api_key},
+                           timeout=config.CONNECT_TIMEOUT)
+        if resp.status_code != 200:
+            raise ProviderError("HTTP %s: %s" % (resp.status_code, resp.text[:400]))
+        data = resp.json()
+        out = []
+        for m in (data.get("models") or []):
+            name = m.get("name") or ""
+            if name.startswith("models/"):
+                name = name[len("models/"):]
+            if name and name not in out:
+                out.append(name)
+        return out
+
+    raise ProviderError("不支持的提供商类型: %s" % provider)
+
+
 # ───────────────────────── 统一入口 ─────────────────────────

 def call_stream(cfg, prompt, gen, log=None, should_stop=None):
@@ -1,11 +1,10 @@
 :root {
-  color-scheme: dark;   /* 原生下拉/滚动条/表单控件用浅色文字，避免黑字 */
  --bg: #0f1420;
  --panel: #171e2e;
  --panel2: #1d2538;
  --border: #2a3550;
-  --text: #eef2fb;
-  --muted: #a9b4cd;
+  --text: #e6ebf5;
+  --muted: #8b96ad;
  --accent: #4f8cff;
  --accent2: #22c58b;
  --warn: #f5a623;
@@ -65,9 +64,6 @@ body {
  padding: 8px 10px; font-size: 13px; outline: none;
 }
 .field input:focus, .field select:focus { border-color: var(--accent); }
-.field select option { background-color: var(--panel2); color: var(--text); }
-.field select option:checked { background-color: var(--accent); color: #fff; }
-input::placeholder { color: var(--muted); opacity: 1; }
 .field input[type="range"] { width: 100%; accent-color: var(--accent); }
 .hint { color: var(--muted); font-size: 11px; margin-top: 4px; }
 .hint-inline { color: var(--muted); font-weight: 400; margin-left: 6px; }
@@ -133,6 +129,34 @@ input::placeholder { color: var(--muted); opacity: 1; }
 .conn-result.ok { background: rgba(34,197,139,.12); color: var(--accent2); border: 1px solid rgba(34,197,139,.3); }
 .conn-result.fail { background: rgba(255,92,108,.1); color: var(--danger); border: 1px solid rgba(255,92,108,.3); }

+/* ── 查看模型（实时获取模型列表下拉面板） ── */
+.model-pick {
+  margin-top: 8px; background: var(--panel2); border: 1px solid var(--accent);
+  border-radius: 10px; overflow: hidden;
+}
+.model-pick[hidden] { display: none; }
+.model-pick-head {
+  display: flex; align-items: center; gap: 6px;
+  padding: 8px; border-bottom: 1px solid var(--border);
+}
+.model-pick-head input {
+  flex: 1; background: var(--bg); color: var(--text);
+  border: 1px solid var(--border); border-radius: 6px;
+  padding: 6px 8px; font-size: 12px; outline: none;
+}
+.model-pick-head input:focus { border-color: var(--accent); }
+.model-pick-list { max-height: 240px; overflow-y: auto; }
+.model-pick-item {
+  padding: 7px 10px; font-size: 12.5px; cursor: pointer;
+  font-family: var(--mono); word-break: break-all;
+  border-bottom: 1px solid rgba(42,53,80,.5);
+}
+.model-pick-item:hover { background: rgba(79,140,255,.16); color: var(--accent); }
+.model-pick-item.active { background: rgba(34,197,139,.14); color: var(--accent2); }
+.model-pick-empty {
+  padding: 14px 10px; color: var(--muted); font-size: 12px; text-align: center;
+}
+
 /* ── 指标卡 ── */
 .metrics { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
 .metric-card {
@@ -160,6 +184,17 @@ input::placeholder { color: var(--muted); opacity: 1; }
 .console .ln.sys { color: #5b6b8c; font-style: italic; }

 /* ── 历史表 ── */
+.hist-filters {
+  display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
+  margin-bottom: 10px;
+}
+.hist-filters select {
+  background: var(--panel2); color: var(--text); border: 1px solid var(--border);
+  border-radius: 8px; padding: 7px 10px; font-size: 12.5px; outline: none;
+}
+.hist-filters select:focus { border-color: var(--accent); }
+.hist-filters .icon-input { min-width: 160px; }
+
 .table-wrap { overflow-x: auto; }
 table.history { width: 100%; border-collapse: collapse; font-size: 13px; }
 .history th, .history td { padding: 8px 10px; text-align: left; border-bottom: 1px solid var(--border); white-space: nowrap; }
@@ -168,6 +203,17 @@ table.history { width: 100%; border-collapse: collapse; font-size: 13px; }
 .history td.num { font-family: var(--mono); }
 .history .chk-col { width: 34px; text-align: center; }
 .history .chk-col input { width: 15px; height: 15px; cursor: pointer; accent-color: var(--accent); }
+.history th.sortable { cursor: pointer; user-select: none; }
+.history th.sortable:hover { color: var(--accent); }
+.history th.sortable.asc::after { content: " ▲"; font-size: 10px; }
+.history th.sortable.desc::after { content: " ▼"; font-size: 10px; }
+
+/* 历史分页条 */
+.hist-pager {
+  display: flex; align-items: center; justify-content: center; gap: 14px;
+  margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--border);
+}
+.hist-pager .btn:disabled { opacity: .4; cursor: not-allowed; }
 .status-pill { padding: 2px 10px; border-radius: 12px; font-size: 11px; }
 .status-pill.running { background: rgba(79,140,255,.15); color: var(--accent); }
 .status-pill.done { background: rgba(34,197,139,.15); color: var(--accent2); }
@@ -233,6 +279,18 @@ pre.json-box {
  padding: 10px; font: 11.5px/1.6 var(--mono); overflow: auto; max-height: 260px; color: #a8f0d0;
 }

+/* ── 右下角一键置顶/置底 ── */
+.scroll-fab {
+  position: fixed; right: 20px; bottom: 20px;
+  display: flex; flex-direction: column; gap: 8px; z-index: 60;
+}
+.fab {
+  width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--border);
+  background: var(--panel2); color: var(--text); font-size: 16px; cursor: pointer;
+  box-shadow: 0 4px 14px rgba(0,0,0,.45); transition: .15s; line-height: 1;
+}
+.fab:hover { border-color: var(--accent); color: var(--accent); }
+
@media (max-width: 1000px) {
  .layout { grid-template-columns: 1fr; }
  .config-panel { position: static; }
@@ -55,8 +55,19 @@
          </div>
        </div>
        <div class="field">
-          <label>模型名称</label>
-          <div class="icon-input"><span class="icon">🤖</span><input id="cfg-model" placeholder="如 gpt-4o / deepseek-chat / claude-sonnet-4"></div>
+          <label>模型名称 <span class="hint-inline">可直接输入，也可点击「查看模型」实时获取</span></label>
+          <div class="row">
+            <div class="icon-input" style="flex:1"><span class="icon">🤖</span><input id="cfg-model" placeholder="如 gpt-4o / deepseek-chat / claude-sonnet-4"></div>
+            <button class="btn small" id="btn-list-models" title="实时获取此接口（Base URL + API Key）下的所有模型并选择填入">📋 查看模型</button>
+          </div>
+          <div class="model-pick" id="model-pick" hidden>
+            <div class="model-pick-head">
+              <input id="model-pick-search" placeholder="🔍 搜索模型（可直接输入模型名回车确认）" autocomplete="off">
+              <button class="btn small" id="model-pick-close" title="关闭">✕</button>
+            </div>
+            <div class="model-pick-list" id="model-pick-list"></div>
+          </div>
+          <div class="conn-result" id="model-result" hidden></div>
        </div>
        <div class="field">
          <label>温度 Temperature <b id="tmp-val">0.7</b></label>
@@ -164,23 +175,62 @@

      <div class="card">
        <div class="card-head">
-          <h2>🗂 测试历史</h2>
+          <h2>🗂 测试历史 <span class="hint" id="hist-total"></span></h2>
          <div class="log-actions">
            <span class="hint" id="hist-selected"></span>
            <button class="btn small primary" id="btn-compare">⚖️ 对比所选</button>
+            <button class="btn small danger" id="btn-clear-history" title="一键清空全部历史记录（不可恢复）">🗑 清空历史</button>
            <button class="btn small" id="btn-refresh-history">刷新</button>
          </div>
        </div>
+        <div class="hist-filters">
+          <div class="icon-input" style="flex:2;min-width:160px"><span class="icon">🔍</span><input id="hist-q" placeholder="搜索：编号/名称/模型/提供商/状态/时间"></div>
+          <select id="hist-status" title="按状态筛选">
+            <option value="">状态：全部</option>
+            <option value="running">测试中</option>
+            <option value="done">完成</option>
+            <option value="error">出错</option>
+            <option value="canceled">已取消</option>
+          </select>
+          <select id="hist-provider" title="按提供商筛选">
+            <option value="">提供商：全部</option>
+            <option value="openai">OpenAI 兼容</option>
+            <option value="anthropic">Anthropic</option>
+            <option value="google">Google Gemini</option>
+          </select>
+          <select id="hist-size" title="每页条数">
+            <option value="10">10 条/页</option>
+            <option value="20" selected>20 条/页</option>
+            <option value="50">50 条/页</option>
+            <option value="100">100 条/页</option>
+          </select>
+          <button class="btn small" id="hist-reset" title="清空筛选条件并回到第一页">✕ 重置</button>
+        </div>
        <div class="table-wrap">
          <table class="history" id="history">
            <thead><tr>
              <th class="chk-col"><input type="checkbox" id="hist-check-all" title="全选"></th>
-              <th>#</th><th>时间</th><th>名称</th><th>提供商</th><th>模型</th><th>并发</th><th>采样</th>
-              <th>首字 ms</th><th>预填充 tok/s</th><th>解码 tok/s</th><th>状态</th><th>操作</th>
+              <th class="sortable" data-sort="id" title="点击排序">#</th>
+              <th class="sortable" data-sort="created_at" title="点击排序">时间</th>
+              <th class="sortable" data-sort="name" title="点击排序">名称</th>
+              <th class="sortable" data-sort="provider" title="点击排序">提供商</th>
+              <th class="sortable" data-sort="model" title="点击排序">模型</th>
+              <th>并发</th>
+              <th class="sortable" data-sort="samples" title="点击排序">采样</th>
+              <th class="sortable" data-sort="ttft" title="点击排序">首字 ms</th>
+              <th class="sortable" data-sort="prefill" title="点击排序">预填充 tok/s</th>
+              <th class="sortable" data-sort="decode" title="点击排序">解码 tok/s</th>
+              <th class="sortable" data-sort="status" title="点击排序">状态</th>
+              <th>操作</th>
            </tr></thead>
            <tbody></tbody>
          </table>
        </div>
+        <div class="hist-pager">
+          <button class="btn small" id="hist-prev">◀ 上一页</button>
+          <span class="hint" id="hist-page-info"></span>
+          <button class="btn small" id="hist-next">下一页 ▶</button>
+        </div>
      </div>
    </section>
  </main>
@@ -212,6 +262,12 @@
    </div>
  </div>

+  <!-- 右下角：一键置顶 / 置底 -->
+  <div class="scroll-fab">
+    <button class="fab" id="fab-top" title="回到顶部">⬆</button>
+    <button class="fab" id="fab-bottom" title="滚到底部">⬇</button>
+  </div>
+
  <script src="/js/app.js"></script>
 </body>
 </html>
@@ -191,6 +191,7 @@ function loadSelectedConfig() {
    $("#cfg-temp").value = c.temperature ?? 0.7;
    $("#tmp-val").textContent = (c.temperature ?? 0.7).toFixed(1);
    updateDefaultUrlHint();
+    hideModelPick();
    flash("已加载配置：" + c.name);
  }).catch(() => toast("加载失败"));
 }
@@ -223,6 +224,81 @@ function showConn(ok, text) {
  box.textContent = text;
 }

+/* ───────────────────────── 查看模型（实时获取接口下所有模型） ───────────────────────── */
+
+function hideModelPick() {
+  $("#model-pick").hidden = true;
+  $("#model-result").hidden = true;
+}
+
+async function listModels() {
+  const cfg = currentConfig();
+  hideModelPick();
+  if (!cfg.base_url) { toast("请先填写 Base URL"); return; }
+  if (!cfg.api_key) { toast("请先填写 API Key"); return; }
+  const panel = $("#model-pick");
+  panel.hidden = false;
+  const listEl = $("#model-pick-list");
+  listEl.innerHTML = '<div class="model-pick-empty">⏳ 正在获取模型列表（GET /models）...</div>';
+  try {
+    const r = await api("/api/models", "POST", cfg);
+    if (!r.ok) throw new Error(r.error || "获取失败");
+    const models = r.models || [];
+    if (!models.length) {
+      listEl.innerHTML = '<div class="model-pick-empty">⚠️ ' + esc(r.note || "接口可用，但未返回任何模型") + '</div>';
+      return;
+    }
+    renderModelList(models);
+  } catch (e) {
+    panel.hidden = true;
+    const box = $("#model-result");
+    box.hidden = false;
+    box.className = "conn-result fail";
+    box.textContent = "❌ 获取模型失败：" + e.message;
+  }
+}
+
+function renderModelList(models) {
+  const listEl = $("#model-pick-list");
+  const search = $("#model-pick-search");
+  search.value = "";
+  listEl.innerHTML = "";
+  const fill = (m) => {
+    $("#cfg-model").value = m;
+    hideModelPick();
+    toast("已填入模型：" + m);
+  };
+  const render = () => {
+    const q = search.value.trim().toLowerCase();
+    const cur = $("#cfg-model").value.trim();
+    const filtered = q ? models.filter((m) => m.toLowerCase().includes(q)) : models;
+    if (!filtered.length) {
+      listEl.innerHTML = '<div class="model-pick-empty">无匹配模型，可直接在上方输入模型名</div>';
+      return;
+    }
+    listEl.innerHTML = "";
+    for (const m of filtered) {
+      const item = document.createElement("div");
+      item.className = "model-pick-item" + (m === cur ? " active" : "");
+      item.textContent = m;
+      item.title = "点击填入模型名称";
+      item.addEventListener("click", () => fill(m));
+      listEl.appendChild(item);
+    }
+  };
+  search.addEventListener("input", render);
+  search.addEventListener("keydown", (e) => {
+    if (e.key === "Enter") {
+      const v = search.value.trim();
+      if (v) fill(v); // 手动输入回车直接确认填入
+    } else if (e.key === "Escape") {
+      hideModelPick();
+    }
+  });
+  render();
+  search.focus();
+}
+
 /* ───────────────────────── 测试运行 ───────────────────────── */

 function setStatus(state, label) {
@@ -346,6 +422,7 @@ function stopTest() {
 /* ───────────────────────── 测试历史 ───────────────────────── */

 let histSelected = new Set();  // 勾选用于对比的测试 id
+const histState = { page: 1, pageSize: 20, q: "", status: "", provider: "", sort: "id", order: "desc" };

 function updateHistSelectedLabel() {
  const el = $("#hist-selected");
@@ -353,43 +430,74 @@ function updateHistSelectedLabel() {
 }

 async function loadHistory() {
-  const list = await api("/api/tests");
+  const p = new URLSearchParams({
+    page: histState.page, page_size: histState.pageSize,
+    q: histState.q, status: histState.status, provider: histState.provider,
+    sort: histState.sort, order: histState.order,
+  });
+  let d;
+  try {
+    d = await api("/api/tests?" + p.toString());
+  } catch (e) { return; }
+  if (!d || !d.ok) return;
+  renderHistory(d);
+}
+
+function renderHistory(d) {
+  const list = d.items || [];
  const tb = $("#history tbody");
  tb.innerHTML = "";
  const selAll = $("#hist-check-all");
  if (selAll) selAll.checked = false;
+  const hasFilter = histState.q || histState.status || histState.provider;
+  $("#hist-total").textContent = d.total ? `（共 ${d.total} 条）` : "";
  if (!list.length) {
-    tb.innerHTML = '<tr><td colspan="13" style="color:var(--muted);text-align:center">暂无测试记录</td></tr>';
+    tb.innerHTML = `<tr><td colspan="13" style="color:var(--muted);text-align:center">暂无${hasFilter ? "匹配的" : ""}测试记录${hasFilter ? "（试试调整筛选条件）" : ""}</td></tr>`;
    updateHistSelectedLabel();
-    return;
-  }
-  for (const t of list) {
-    const s = t.summary || {};
-    const g = t.gen || {};
-    const cls = s.concurrency_levels || g.concurrency_levels || [1];
-    const tr = document.createElement("tr");
-    tr.innerHTML = `
-      <td class="chk-col"><input type="checkbox" class="hist-chk" data-id="${t.id}" ${histSelected.has(t.id) ? "checked" : ""}></td>
-      <td>#${t.id}</td>
-      <td>${esc(t.created_at)}</td>
-      <td title="${esc(t.name || "")}">${esc(t.name || "—")}</td>
-      <td>${esc(PROVIDER_LABEL[t.provider] || t.provider)}</td>
-      <td>${esc(t.model)}</td>
-      <td class="num">${esc(cls.join("/"))}</td>
-      <td class="num">${fmt(s.samples_ok)}/${fmt(s.samples_total)}</td>
-      <td class="num">${fmt(s.avg_ttft_ms)}</td>
-      <td class="num">${fmt(s.avg_prefill_speed)}</td>
-      <td class="num">${fmt(s.avg_decode_speed)}</td>
-      <td><span class="status-pill ${esc(t.status)}">${STATUS_LABEL[t.status] || t.status}</span></td>
-      <td>
-        <button class="btn small" data-view="${t.id}">查看</button>
-        <button class="btn small" data-send="${t.id}" title="发送到评测站对应账号下">📤 发送</button>
-        <button class="btn small" data-xlsx="${t.id}">Excel</button>
-        <button class="btn small danger" data-del="${t.id}">删除</button>
-      </td>`;
-    tb.appendChild(tr);
+  } else {
+    for (const t of list) {
+      const s = t.summary || {};
+      const g = t.gen || {};
+      const cls = s.concurrency_levels || g.concurrency_levels || [1];
+      const tr = document.createElement("tr");
+      tr.innerHTML = `
+        <td class="chk-col"><input type="checkbox" class="hist-chk" data-id="${t.id}" ${histSelected.has(t.id) ? "checked" : ""}></td>
+        <td>#${t.id}</td>
+        <td>${esc(t.created_at)}</td>
+        <td title="${esc(t.name || "")}">${esc(t.name || "—")}</td>
+        <td>${esc(PROVIDER_LABEL[t.provider] || t.provider)}</td>
+        <td>${esc(t.model)}</td>
+        <td class="num">${esc(cls.join("/"))}</td>
+        <td class="num">${fmt(s.samples_ok)}/${fmt(s.samples_total)}</td>
+        <td class="num">${fmt(s.avg_ttft_ms)}</td>
+        <td class="num">${fmt(s.avg_prefill_speed)}</td>
+        <td class="num">${fmt(s.avg_decode_speed)}</td>
+        <td><span class="status-pill ${esc(t.status)}">${STATUS_LABEL[t.status] || t.status}</span></td>
+        <td>
+          <button class="btn small" data-view="${t.id}">查看</button>
+          <button class="btn small" data-send="${t.id}" title="发送到评测站对应账号下">📤 发送</button>
+          <button class="btn small" data-xlsx="${t.id}">Excel</button>
+          <button class="btn small danger" data-del="${t.id}">删除</button>
+        </td>`;
+      tb.appendChild(tr);
+    }
  }
  updateHistSelectedLabel();
+
+  // 分页信息
+  const totalPages = Math.max(1, d.total_pages || 1);
+  $("#hist-page-info").textContent = `第 ${d.page} / ${totalPages} 页 · 共 ${d.total} 条`;
+  $("#hist-prev").disabled = d.page <= 1;
+  $("#hist-next").disabled = d.page >= totalPages;
+  histState.page = d.page;
+  updateSortIndicators();
+}
+
+function updateSortIndicators() {
+  $$("#history thead th.sortable").forEach((th) => {
+    th.classList.remove("asc", "desc");
+    if (th.dataset.sort === histState.sort) th.classList.add(histState.order);
+  });
 }

 /* ───────────────────────── 多测试对比 ───────────────────────── */
@@ -951,13 +1059,17 @@ function flash(msg) {
 /* ───────────────────────── 事件绑定 ───────────────────────── */

 function bind() {
-  $("#cfg-provider").addEventListener("change", updateDefaultUrlHint);
+  $("#cfg-provider").addEventListener("change", () => { updateDefaultUrlHint(); hideModelPick(); });
+  $("#cfg-baseurl").addEventListener("input", hideModelPick);
+  $("#cfg-apikey").addEventListener("input", hideModelPick);
  $("#cfg-temp").addEventListener("input", () => $("#tmp-val").textContent = parseFloat($("#cfg-temp").value).toFixed(1));

  $("#btn-toggle-key").addEventListener("click", () => {
    const inp = $("#cfg-apikey");
    inp.type = inp.type === "password" ? "text" : "password";
  });
+  $("#btn-list-models").addEventListener("click", listModels);
+  $("#model-pick-close").addEventListener("click", hideModelPick);
  $("#btn-save-config").addEventListener("click", async () => {
    const r = await api("/api/configs", "POST", currentConfig());
    if (r.ok) { toast("配置已保存"); loadConfigs(); }
@@ -984,8 +1096,57 @@ function bind() {

  $("#btn-clear-console").addEventListener("click", clearConsole);
  $("#btn-export-log").addEventListener("click", exportCurrentLog);
-  $("#btn-refresh-history").addEventListener("click", loadHistory);
+  $("#btn-refresh-history").addEventListener("click", () => { histState.page = 1; loadHistory(); });
  $("#btn-compare").addEventListener("click", openCompare);
+  $("#btn-clear-history").addEventListener("click", clearAllHistory);
+
+  // 历史：筛选 / 搜索 / 每页条数 / 分页 / 重置
+  let histQTimer = null;
+  $("#hist-q").addEventListener("input", () => {
+    clearTimeout(histQTimer);
+    histQTimer = setTimeout(() => {
+      histState.q = $("#hist-q").value.trim();
+      histState.page = 1;
+      loadHistory();
+    }, 300);
+  });
+  $("#hist-status").addEventListener("change", () => {
+    histState.status = $("#hist-status").value;
+    histState.page = 1;
+    loadHistory();
+  });
+  $("#hist-provider").addEventListener("change", () => {
+    histState.provider = $("#hist-provider").value;
+    histState.page = 1;
+    loadHistory();
+  });
+  $("#hist-size").addEventListener("change", () => {
+    histState.pageSize = parseInt($("#hist-size").value) || 20;
+    histState.page = 1;
+    loadHistory();
+  });
+  $("#hist-prev").addEventListener("click", () => {
+    if (histState.page > 1) { histState.page--; loadHistory(); }
+  });
+  $("#hist-next").addEventListener("click", () => {
+    if (!$("#hist-next").disabled) { histState.page++; loadHistory(); }
+  });
+  $("#hist-reset").addEventListener("click", resetHistoryFilters);
+
+  // 历史：点击表头升降排序
+  $("#history thead").addEventListener("click", (e) => {
+    const th = e.target.closest("th.sortable");
+    if (!th) return;
+    const key = th.dataset.sort;
+    if (histState.sort === key) {
+      histState.order = histState.order === "asc" ? "desc" : "asc";
+    } else {
+      histState.sort = key;
+      histState.order = (key === "id" || key === "created_at") ? "desc" : "asc";
+    }
+    histState.page = 1;
+    loadHistory();
+  });

  $("#history tbody").addEventListener("click", (e) => {
    const v = e.target.closest("[data-view]");
@@ -1027,7 +1188,39 @@ function bind() {
  $("#dt-export-xlsx").addEventListener("click", () => { if (window.__detail) exportXlsx(window.__detail.id); });
  $("#dt-send-eval").addEventListener("click", () => { if (window.__detail) sendToEval(window.__detail.id); });

-  document.addEventListener("keydown", (e) => { if (e.key === "Escape") { closeDetail(); closeCompare(); } });
+  document.addEventListener("keydown", (e) => { if (e.key === "Escape") { hideModelPick(); closeDetail(); closeCompare(); } });
+
+  // 右下角一键置顶 / 置底
+  $("#fab-top").addEventListener("click", () => window.scrollTo({ top: 0, behavior: "smooth" }));
+  $("#fab-bottom").addEventListener("click", () =>
+    window.scrollTo({ top: document.documentElement.scrollHeight, behavior: "smooth" }));
+}
+
+/* ───────────────────────── 历史筛选工具 ───────────────────────── */
+
+function resetHistoryFilters() {
+  histState.q = ""; histState.status = ""; histState.provider = "";
+  histState.sort = "id"; histState.order = "desc";
+  histState.page = 1;
+  $("#hist-q").value = "";
+  $("#hist-status").value = "";
+  $("#hist-provider").value = "";
+  loadHistory();
+}
+
+async function clearAllHistory() {
+  if (!confirm("确定清空全部测试历史？\n所有测试记录、采样数据与日志将被永久删除，无法恢复！")) return;
+  if (!confirm("再次确认：真的要清空全部历史记录吗？")) return;
+  const r = await api("/api/tests", "DELETE");
+  if (r.ok) {
+    histSelected.clear();
+    histState.page = 1;
+    toast("✅ 历史记录已全部清空");
+    loadHistory();
+    updateHistSelectedLabel();
+  } else {
+    toast("❌ 清空失败：" + (r.error || "未知错误"));
+  }
 }

 /* ───────────────────────── 初始化 ───────────────────────── */
@@ -200,6 +200,10 @@ class TestRunner(threading.Thread):
        total_ms = max((batch_end - batch_start) * 1000.0, 0.1)
        prefill = (total_prompt / (ttft_ms / 1000.0)) if total_prompt else None
        decode = (total_output / (decode_ms / 1000.0)) if total_output else None
+        # 防“幻影 token”：所有流都没收到任何流式文本但 usage 报了输出 token（如推理用满 max_tokens），
+        # 整批解码时间无意义，不报数百万的荒谬解码速度
+        if total_output and decode is not None and not total_ochars:
+            decode = None

        agg = {
            "concurrency": concurrency,
Author	SHA1	Message	Date
hz4th_coder	edbaedce15	v2.6.0 历史分页+筛选+搜索+表头升降排序；一键清空历史(DELETE /api/tests)；右下角置顶/置底悬浮按钮	2026-09-06 02:32:35 +08:00
hz4th_coder	901232c75f	v2.5.1 修复解码速度荒谬值：兼容 vLLM reasoning 字段思维链 + 幻影token防护(usage有token但流无正文时解码速度置空)	2026-09-06 02:17:40 +08:00
hz4th_coder	3fe82328b6	v2.5.0 模型实时获取：接口配置区「📋 查看模型」按钮，Base URL+API Key 下实时拉取模型列表(GET /models)，搜索/点击填入，仍支持手动输入	2026-09-06 01:52:06 +08:00
hz4th_coder	35589b1e9b	v2.4.3 回退到 v2.4.1 样式：撤销黑字修复(color-scheme/文字提亮/option颜色)	2026-09-03 01:32:24 +08:00