新增访问统计重置功能，UI和样式优化。

backend/api/visit_stats_api.py

@@ -1,8 +1,15 @@
 """访问统计 API（仅管理员可用）"""
-from backend.visit_stats import get_stats_snapshot
+from backend.visit_stats import get_stats_snapshot, reset_delta_base
 from backend.api.utils import require_admin
 
 
 @require_admin
 def get_visit_stats():
     return get_stats_snapshot(), 200
+
+
+@require_admin
+def post_visit_stats_reset():
+    if reset_delta_base():
+        return {"success": True}, 200
+    return {"success": False, "error": "Failed to persist reset base"}, 500

backend/visit_stats.py

@@ -47,11 +47,16 @@ _base: dict = {}
 _startup_base: dict = {}
 _process_start_at: str | None = None
 
+# 手动 reset 后的快照基线与时间，持久化到 HF，重启后保留。
+_reset_base: dict = {}
+_reset_at: str | None = None
+
 _cached_server_platform: str | None = None
 
 _HF_REPO = "dqy08/info-lens-stats"
 _HF_TOKEN = os.environ.get("HF_TOKEN_stats_write")
 _HF_TOTAL_FILE = "stats_total.json"
+_HF_RESET_BASE_FILE = "stats_reset_base.json"
 _HF_DELTA_DIR = "stats_delta"
 
 
@@ -226,6 +231,47 @@ def _load_base():
     print(f"[访问统计] 历史已加载 page_loads={pl} active_visits={av}", flush=True)
 
 
+def _load_reset_base():
+    global _reset_base, _reset_at
+    if not _HF_TOKEN:
+        return
+    try:
+        from huggingface_hub import hf_hub_download
+        path = hf_hub_download(
+            repo_id=_HF_REPO,
+            filename=_HF_RESET_BASE_FILE,
+            repo_type="dataset",
+            token=_HF_TOKEN,
+            force_download=True,
+        )
+        with open(path, encoding="utf-8") as f:
+            data = json.load(f)
+        with _LOCK:
+            _reset_base = copy.deepcopy(data)
+            _reset_at = data.get("reset_at")
+        print(f"[访问统计] delta reset base 已加载 reset_at={_reset_at}", flush=True)
+    except Exception as e:
+        print(f"[访问统计] 读取 {_HF_RESET_BASE_FILE} 失败（首次或未设置）: {e}", flush=True)
+
+
+def reset_delta_base() -> bool:
+    """先 persist 当前增量，再将落盘后的累计快照保存为 delta reset base。"""
+    global _reset_base, _reset_at
+    _persist_tick()
+    sample = _sample_locked_counters()
+    _, stats_body, _ = _merge_from_sample(sample)
+    reset_at = datetime.now(timezone.utc).strftime("%Y-%m-%dT%H:%M:%SZ")
+    reset_rec = {"reset_at": reset_at, **stats_body}
+    if _HF_TOKEN and not _upload_dataset_record(_HF_RESET_BASE_FILE, reset_rec):
+        print("[访问统计] reset base 持久化失败。", flush=True)
+        return False
+    with _LOCK:
+        _reset_base = copy.deepcopy(reset_rec)
+        _reset_at = reset_at
+    print(f"[访问统计] delta reset base 已更新 reset_at={reset_at}", flush=True)
+    return True
+
+
 def _persist_tick():
     """先读 stats_total 再写：delta 与 total 为同一 record 形状；两次上传均成功后提交 _base，并减去本周期对应会话快照。"""
     global _base
@@ -381,12 +427,15 @@ def get_stats_snapshot() -> dict:
     public["startup_base"] = _startup_base
     if _process_start_at is not None:
         public["process_start_at"] = _process_start_at
+    public["reset_base"] = _reset_base
+    public["reset_at"] = _reset_at
     return public
 
 
 def _daemon_persist_hourly():
     global _startup_base, _process_start_at
     _load_base()
+    _load_reset_base()
     _startup_base = copy.deepcopy(_base)
     _process_start_at = datetime.now(timezone.utc).strftime("%Y-%m-%dT%H:%M:%SZ")
     _report_restart_event()

client/src/css/chat.scss

@@ -5,9 +5,9 @@
 @use "lmf-readout" as lmf;
 @use "query-history-dropdown" as qh;
 
-// Raw prompt mode 行在输入区上方，与下方面板留出间距
+// 与下方面板的间距由 .input-header { padding-top } 承担，避免与本行 margin-bottom 叠成双倍
 .input-section > .chat-raw-prompt-mode-row {
-  margin-bottom: 8px;
+  margin-bottom: 0;
 }
 
 // 与 Raw prompt 行同结构：Ask 行上方单独配置（max new tokens）

client/src/css/gen_attribute.scss

@@ -3,6 +3,8 @@
 @use "generation-status";
 @use "lmf-readout" as lmf;
 
+$gen-attr-option-row-gap: 12px;
+
 // 单行右对齐：Cached history 最右、下拉相对整行 bar 全宽；Cached demos 靠其左侧、下拉随按钮宽（同 query-history 默认 left/right 于窄 wrapper）
 .chat-cached-history-bar.chat-cached-history-bar--dual {
   position: relative;
@@ -354,6 +356,10 @@ body.gen-attribute-page .input-section {
       color: var(--text-primary);
     }
   }
+
+  .textarea-wrapper.chat-prompt-actions-row > .chat-completion-options-row.semantic-submode-row {
+    gap: $gen-attr-option-row-gap;
+  }
 }
 
 // 与 Attribution 页 Exclude prompt patterns 同形；generated 仅本页有 UI（持久化键见 attributionExclude*PatternsStorage）
@@ -363,9 +369,9 @@ body.gen-attribute-page .input-section {
   flex-direction: column;
   gap: 4px;
 
-  // Teacher forcing：与同页 Chat 模板的相邻面板间距（12px，见 chat.scss `#chat_input_panel`）对齐；容器默认 gap 仅 4px 会显得挤。
+  // 勾选行 ↔ Forced continuation：间距仅来自 .input-header padding-top（避免与本行 gap 叠成双份）
   &:has(.gen-attr-teacher-forcing-toggle-row) {
-    gap: 12px;
+    gap: 0;
   }
 }
 
@@ -424,11 +430,18 @@ body.gen-attribute-page .input-section {
 .gen-attr-dag-measure-width-row {
   margin-top: 8px;
   flex-wrap: wrap;
+
+  &.semantic-submode-row {
+    gap: $gen-attr-option-row-gap;
+  }
 }
 
-.gen-attr-dag-measure-width-row .gen-attr-dag-layout-mode-group {
-  margin-right: 12px;
+// 高 surprisal 两项勾选项：固定同一行，避免与其它 DAG 行一致的 wrap 把两项拆成两行
+.gen-attr-dag-measure-width-row.gen-attr-dag-surprisal-toggles-row {
+  flex-wrap: nowrap;
+}
 
+.gen-attr-dag-measure-width-row .gen-attr-dag-layout-mode-group {
   .semantic-submode-label,
   .gen-attr-dag-layout-mode-select {
     font-weight: 700;

client/src/css/start.scss

@@ -62,6 +62,7 @@
   --primary-color: #2196F3;  // 主题色（链接、当前模型标题等）
   --text-disabled: #999;  // 禁用态文本
   --text-area-bg: #fff;  // 文本显示区域背景色
+  --textarea-actions-button-row-min-height: 3.5rem; // textarea 下「按钮 + stats」行最小高度（analysis / chat / attribution / gen_attribute）
   --minimap-width: 8px;  // minimap 宽度
   --tooltip-text-normal: #333;  // tooltip普通文本颜色
   --tooltip-text-selected: #933;  // tooltip选中文本颜色
@@ -205,6 +206,7 @@ textarea{
     justify-content: space-between;  // Analyze在左，Save在右
     align-items: center;
     width: 100%;
+    min-height: var(--textarea-actions-button-row-min-height);
     margin-top: 5px;
     gap: 10px;
     box-sizing: border-box;  // 确保宽度计算正确

client/src/gen_attribute.html

@@ -225,7 +225,7 @@
                             <span class="semantic-submode-label">px</span>
                         </span>
                     </div>
-                    <div class="gen-attr-dag-measure-width-row semantic-submode-row">
+                    <div class="gen-attr-dag-measure-width-row gen-attr-dag-surprisal-toggles-row semantic-submode-row">
                         <span class="semantic-submode-group">
                             <label class="semantic-submode-label">
                                 <input type="checkbox" id="gen_attr_dag_node_ci_visual_scale" checked
@@ -234,8 +234,6 @@
                                 Enlarge high-surprisal nodes
                             </label>
                         </span>
-                    </div>
-                    <div class="gen-attr-dag-measure-width-row semantic-submode-row">
                         <span class="semantic-submode-group">
                             <label class="semantic-submode-label">
                                 <input type="checkbox" id="gen_attr_dag_edge_weaken_high_surprisal" checked
@@ -246,6 +244,13 @@
                         </span>
                     </div>
                     <div class="gen-attr-dag-measure-width-row semantic-submode-row">
+                        <span class="semantic-submode-group">
+                            <label class="semantic-submode-label" for="gen_attr_dag_edge_top_p_coverage" data-i18n>Edge top-p coverage</label>
+                            <input type="number" id="gen_attr_dag_edge_top_p_coverage" class="gen-attr-dag-measure-width-input"
+                                value="0.7" min="0.05" max="1" step="0.05"
+                                title="Coverage is the cumulative mass share within each generation step's Top-N candidate pool (after sorting candidates into the pool and normalizing mass inside that pool). Higher values keep more incoming edges. The denominator is this pool only, not every token-attribution entry returned for the step."
+                                data-i18n="title">
+                        </span>
                         <span class="semantic-submode-group">
                             <label class="semantic-submode-label">
                                 <input type="checkbox" id="gen_attr_dag_hide_inactive_edges"
@@ -255,15 +260,6 @@
                             </label>
                         </span>
                     </div>
-                    <div class="gen-attr-dag-measure-width-row semantic-submode-row">
-                        <span class="semantic-submode-group">
-                            <label class="semantic-submode-label" for="gen_attr_dag_edge_top_p_coverage" data-i18n>Edge top-p coverage</label>
-                            <input type="number" id="gen_attr_dag_edge_top_p_coverage" class="gen-attr-dag-measure-width-input"
-                                value="0.7" min="0.05" max="1" step="0.05"
-                                title="Coverage is the cumulative mass share within each generation step's Top-N candidate pool (after sorting candidates into the pool and normalizing mass inside that pool). Higher values keep more incoming edges. The denominator is this pool only, not every token-attribution entry returned for the step."
-                                data-i18n="title">
-                        </span>
-                    </div>
                     <div class="attribution-exclude-prompt-patterns-row">
                         <div class="semantic-submode-row attribution-exclude-prompt-patterns-header">
                             <span class="semantic-submode-group">

client/src/ts/api/GLTR_API.ts

@@ -253,12 +253,27 @@ export class TextAnalysisAPI {
             api?: Record<string, number>,
             os?: Record<string, number>,
         },
+        reset_base?: {
+            page_loads?: number,
+            active_visits?: number,
+            page_sec?: Record<string, number>,
+            api?: Record<string, number>,
+            os?: Record<string, number>,
+        },
+        reset_at?: string | null,
     }> {
         return d3.json(this.baseURL + '/api/visit_stats', {
             headers: this.getHeaders()
         });
     }
 
+    public resetVisitStats(): Promise<{ success: boolean, error?: string }> {
+        return d3.json(this.baseURL + '/api/visit_stats/reset', {
+            method: 'POST',
+            headers: this.getHeaders(),
+        });
+    }
+
     /**
      * 获取可用模型列表
      */

client/src/ts/utils/settingsMenuManager.ts

@@ -408,7 +408,8 @@ export class SettingsMenuManager {
             const GREEN = '#22c55e';
             const g = (s: string) => `<span style="color:${GREEN}">${s}</span>`;
             const esc = (s: string) => s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-            const sb = data.startup_base ?? {};
+            // 优先用 reset_base，否则回退到 startup_base
+            const sb = (Object.keys(data.reset_base ?? {}).length > 0 ? data.reset_base : data.startup_base) ?? {};
 
             const deltaSuffix = (d: number) => d !== 0 ? ` ${g(`(${d > 0 ? '+' : ''}${d})`)}` : '';
             const t = data.totals;
@@ -426,10 +427,10 @@ export class SettingsMenuManager {
             };
 
             return [
-                `Process start: ${esc(data.process_start_at ? new Date(data.process_start_at).toLocaleString() : 'unknown')}`,
+                `Last delta reset: ${esc(data.reset_at ? new Date(data.reset_at).toLocaleString() : 'unknown')}`,
                 `Last persisted: ${esc(data.saved_at ? new Date(data.saved_at).toLocaleString() : 'unknown')}`,
                 '',
-                `[All-time (${g('+ delta since process start')})]`,
+                `[All-time (${g('+ delta since reset')})]`,
                 `Page loads: ${fmtTotal(t.page_loads)}${deltaSuffix(t.page_loads - (sb.page_loads ?? 0))}`,
                 `Active visits: ${fmtTotal(t.active_visits)}${deltaSuffix(t.active_visits - (sb.active_visits ?? 0))}`,
                 '',
@@ -472,8 +473,32 @@ export class SettingsMenuManager {
             title: 'Visit Stats',
             content: (dialog) => {
                 const wrap = dialog.append('div').attr('class', 'dialog-form-container');
+                const headerRow = wrap.append('div')
+                    .style('display', 'flex')
+                    .style('justify-content', 'flex-end')
+                    .style('align-items', 'center')
+                    .style('gap', '6px')
+                    .style('margin-bottom', '6px');
                 const body = wrap.append('div');
-                wrap.append('button')
+                headerRow.append('button')
+                    .attr('type', 'button')
+                    .attr('class', 'refresh-btn')
+                    .style('font-size', '13px')
+                    .attr('title', 'Persist current increments then reset delta base')
+                    .text('Persist and reset delta')
+                    .on('click', async function () {
+                        const btn = d3.select(this);
+                        btn.property('disabled', true).text('…');
+                        try {
+                            const res = await this.api.resetVisitStats();
+                            if (!res?.success) throw new Error(res?.error ?? 'failed');
+                            await fetchAndRender(body);
+                        } catch (e) {
+                            alert(`Reset failed: ${e}`);
+                        }
+                        btn.property('disabled', false).text('Persist and reset delta');
+                    }.bind(this));
+                headerRow.append('button')
                     .attr('type', 'button')
                     .attr('class', 'refresh-btn')
                     .attr('title', 'Refresh')

client/src/ts/utils/textMetricsUpdater.ts

@@ -9,19 +9,16 @@ export type ApiTokenUsage = {
     total_tokens?: number;
 };
 
+function usageTokenLabel(n: unknown): string {
+    return typeof n === 'number' && Number.isFinite(n) ? String(n) : 'unknown';
+}
+
 function formatApiUsageLine(usage: ApiTokenUsage | null | undefined): string | null {
     if (!usage) return null;
-    const parts: string[] = [];
-    if (typeof usage.prompt_tokens === 'number' && Number.isFinite(usage.prompt_tokens)) {
-        parts.push(`prompt ${usage.prompt_tokens} tokens`);
-    }
-    if (typeof usage.completion_tokens === 'number' && Number.isFinite(usage.completion_tokens)) {
-        parts.push(`completion ${usage.completion_tokens} tokens`);
-    }
-    if (typeof usage.total_tokens === 'number' && Number.isFinite(usage.total_tokens)) {
-        parts.push(`total ${usage.total_tokens} tokens`);
-    }
-    return parts.length > 0 ? parts.join('<br/>') : null;
+    const total = usageTokenLabel(usage.total_tokens);
+    const p = usageTokenLabel(usage.prompt_tokens);
+    const c = usageTokenLabel(usage.completion_tokens);
+    return `${total} tokens<br/>prompt | completion = ${p} | ${c} tokens`;
 }
 
 /** 仅展示后端返回的 usage（如 Chat 页，无 bytes/chars/tokens/surprisal） */

server.py

@@ -44,7 +44,7 @@ from backend.api.model_switch import (  # noqa: F401
     get_current_model,
     switch_model,
 )
-from backend.api.visit_stats_api import get_visit_stats  # noqa: F401
+from backend.api.visit_stats_api import get_visit_stats, post_visit_stats_reset  # noqa: F401
 from backend.api.openai_completions import (  # noqa: F401
     completions,
     completions_prompt,

server.yaml

@@ -855,6 +855,38 @@ paths:
                 type: string
                 description: |
                   统计线程完成 _load_base 并拍下 startup_base 时的 UTC 时间（与 saved_at 相同格式）。
+              reset_base:
+                type: object
+                description: |
+                  最近一次手动 reset 时的全量快照；前端用 totals − reset_base 计算自 reset 以来的增量。
+              reset_at:
+                type: string
+                description: |
+                  最近一次手动 reset 的 UTC 时间；从未 reset 时为 null。
+
+  /visit_stats/reset:
+    post:
+      tags:
+        - all
+      summary: reset delta base (admin only)
+      operationId: server.post_visit_stats_reset
+      responses:
+        200:
+          description: reset base saved
+          schema:
+            type: object
+            properties:
+              success:
+                type: boolean
+        500:
+          description: persist failed
+          schema:
+            type: object
+            properties:
+              success:
+                type: boolean
+              error:
+                type: string
 
 definitions:
   # 与 client generatedSchemas TokenWithOffset 一致；信息密度 analyze 与 completions info_radar 共用