dsh-tokenlens 1.7.0 → 1.7.1

package/CHANGELOG.md

@@ -4,12 +4,21 @@
 
 **版本记录约定**：同一发布日只保留一个章节，标题取当日**最后一个**已发布版本号；当日多次发布的改动合并到该章节，并在标题下注明当日实际发布过的版本号（npm 上仍可安装这些独立版本）。若当日已有发布，后续小改动不再单独增加版本号，而是并入下一篇日志。这样日志按天规整、不出现同日多个小版本。
 
+## 1.7.1 — 2026-11-06
+
+（当日已发布版本：v1.6.5 / v1.6.6 / v1.6.7 / v1.7.0 / v1.7.1）
+
+- **fix(ui): 未最大化窗口时芯片悬停导致整个对话区闪烁**——`Tooltip` 的气泡锚在芯片右缘，窗口变窄时会溢出 dock，撑出**对话区底部的横向滚动条**；滚动条又挤压布局、导致 hover 被反复触发，于是整片区域持续重绘。芯片改用**原生 `title`**：不产生任何 DOM，不可能影响布局。v1.7.0 只去掉原生 `title` 保留 Tooltip，方向反了——真正的成因是 Tooltip 本身
+- **feat(ui): TPS 趋势图由柱状改为曲线**——速率是连续量，折线比逐日立柱更易读。改为单条 `polyline` 曲线 + 淡色面积填充；每天一个透明命中列承载 `title`，鼠标移上去显示「日期 · 速率（输出 ÷ 耗时）」
+- fix(ui): **TPS 卡片宽度与「明细」卡片一致**（`flex: 1 1 100%`）——此前它没有 flex 规则，宽度收缩到内容宽
+- 测试：363 → 364（芯片不再包 Tooltip、标题为原生字符串、速度卡片满宽、曲线为 polyline+area 且不填充线体、透明命中列携带日期与速率）
+
 ## 1.7.0 — 2026-11-06
 
 （当日已发布版本：v1.6.5 / v1.6.6 / v1.6.7 / v1.7.0）
 
 - **fix(ui): 弹窗改为 portal 到 `<body>`，恢复视口居中**——DSH 0.2.2-rc.1 里 `conversation.input.overlay` 槽位的祖先建立了包含块（transform / filter / contain），`position: fixed` 因此相对「对话区」解析，弹窗只能贴在对话区底部。改用 `react-dom` 的 `createPortal` 挂到 `document.body`，彻底脱离该祖先链。`react-dom` 缺失时（含 Node 测试环境）自动回退为原地渲染，绝不抛错
-- **fix(ui): 芯片悬停不再让整个对话区闪烁**——芯片同时设置了原生 `title` 与平台 `Tooltip`，两者在悬停时互相抢占/释放，造成区域反复重绘。现在只保留平台 `Tooltip`（文案一致，`aria-label` 保留），移除冗余的原生 `title`
+- **fix(ui): 芯片悬停不再让整个对话区闪烁**（v1.7.1 进一步修正为改用原生 `title`）——v1.7.0 曾移除冗余的原生 `title` 并保留平台 `Tooltip`，但窄窗口下成因其实是 Tooltip 气泡溢出
 - **feat(ui): 新增「输出速度（TPS）」趋势图**，位于明细下方、独占整行——输出 Token ÷ 模型自身耗时（`step/start` → `assistant/message`）。工具调用发生在消息之后，因此等待时间不被计入；输出 Token 含思考 Token，弹窗提示已说明
 - feat(stats): Host 侧新增 `speed` 序列（顶层为全 Harness 合计，每个 provider 行另有自己的序列，跟随作用域切换）；按天聚合 `{day, outputTokens, seconds, tps, steps}`，无正耗时的日期直接跳过而不是给出无限速率。缓存 schema 升至 6，首次会重扫
 - **fix(stats): 「最近X天」封顶 30 天**——此前 provider 首次出现超过 30 天时会报「最近90天」，而同期所有其他数字与图表都只覆盖 30 天。现在 `effectiveDays` 封顶 30，且 `sinceEffective` 在超窗时改用 30 天桶，保证**标签与数字描述同一区间**；`daily` 序列尾部由 120 天收敛为 30 天

package/README.en.md

@@ -144,7 +144,7 @@ Host bridge route: `/api/tokenlens`; agent tool: `tokenlens_usage`.
 
 ## Development
 
-Node.js ≥ 24, zero runtime dependencies: `node --test` runs the 363 tests.
+Node.js ≥ 24, zero runtime dependencies: `node --test` runs the 364 tests.
 
 Release: `node scripts/bump-version.mjs <version> "<note>"` updates `package.json`, `PLUGIN_VERSION` and `CHANGELOG.md`; see [CONTRIBUTING.md](CONTRIBUTING.md) and [SECURITY.md](SECURITY.md).
 

package/README.md

@@ -445,7 +445,7 @@ Host 半注册 `tokenlens_usage`，参数 `action`（默认 `snapshot`）与可
 
 ## 验证
 
-- `node --test`：**363 个自动化用例**，覆盖 Host 数据层、供应商适配器（含小米 MiMo 控制台 Cookie 适配器、Command Code 月度额度反推）、统计折叠、各 harness 读取、Design Plan 周期账本与额度计价、TPS 速度序列、窗口锚点切片、工作区自动识别、插件集成与浏览器端渲染 / 交互。
+- `node --test`：**364 个自动化用例**，覆盖 Host 数据层、供应商适配器（含小米 MiMo 控制台 Cookie 适配器、Command Code 月度额度反推）、统计折叠、各 harness 读取、Design Plan 周期账本与额度计价、TPS 速度序列、窗口锚点切片、工作区自动识别、插件集成与浏览器端渲染 / 交互。
 - 在真实环境中验证过 **5 个 harness** 的数据源；本机统计与独立的 SQLite 查询、独立的日志解析逐项对账（差额为 0），跨 harness 合并与供应商映射算术自洽。
 - 供应商接口按各官方文档与参考客户端行为验证；未配置凭据时 chip 静默隐藏，接口异常时按可重试错误降级。
 

package/client.js

@@ -231,6 +231,7 @@ window.__ModuleLoader__.load({
       statsSpeedTitle: '输出速度（TPS）',
       statsSpeedHint: '输出 Token ÷ 模型自身耗时（step 开始到消息返回）；不含工具调用等待，但输出含思考 Token',
       statsSpeedTotal: '均值 {tps} tok/s',
+      statsSpeedPeak: '峰值 {tps} tok/s',
       statsSpeedEmpty: '暂无可计算的速度样本（需要 step 计时数据）',
       statsSpeedBarTitle: '{date} · {tps} tok/s（{tokens} 输出 ÷ {seconds}s）',
       statsLast7Days: '最近7天',
@@ -506,6 +507,7 @@ window.__ModuleLoader__.load({
       statsSpeedHint:
         'Output tokens ÷ the model’s own request time (step start to message); tool waits excluded, reasoning tokens included',
       statsSpeedTotal: 'avg {tps} tok/s',
+      statsSpeedPeak: 'peak {tps} tok/s',
       statsSpeedEmpty: 'No speed samples yet (needs step timing data)',
       statsSpeedBarTitle: '{date} · {tps} tok/s ({tokens} output ÷ {seconds}s)',
       statsLast7Days: 'Last 7 days',
@@ -3440,6 +3442,11 @@ window.__ModuleLoader__.load({
 .dsh-tokenlens-chart-layout-row>.dsh-tokenlens-capacity{flex:0.85 1 260px}
 .dsh-tokenlens-chart-layout-row>.dsh-tokenlens-stats{flex:1.25 1 330px;min-width:0}
 .dsh-tokenlens-chart-layout-row>.dsh-tokenlens-details{flex:1 1 100%;min-width:0}
+/* v1.7.1: the TPS trend is a full-width row, exactly like the details card. */
+.dsh-tokenlens-chart-layout-row>.dsh-tokenlens-section[data-speed-section]{flex:1 1 100%;min-width:0}
+.dsh-tokenlens-speed-svg{display:block;width:100%;height:96px;overflow:visible}
+.dsh-tokenlens-speed-axis{display:flex;justify-content:space-between;gap:6px;color:var(--dsw-alias-label-tertiary);font-size:10px;line-height:1.2;font-variant-numeric:tabular-nums;min-width:0}
+.dsh-tokenlens-speed-axis>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 @media (max-width:680px){.dsh-tokenlens-chart-layout-row>*{flex-basis:100%!important}}
 .dsh-tokenlens-details-charts{min-width:0}
 /* Data-mode 明细: three FULL-WIDTH blocks stacked vertically (v0.30.0 layout). */
@@ -3923,29 +3930,28 @@ window.__ModuleLoader__.load({
       const snapshot = normalizeSnapshot(state.snapshot)
       const brand = providerBrand(state, snapshot)
       const tooltip = chipTooltip(snapshot, state.providerId, t)
+      // v1.7.1: a NATIVE title, not the platform Tooltip. On an unmaximized
+      // window the Tooltip's bubble rendered at the chip's right edge, overflowed
+      // the dock and produced a horizontal scrollbar on the conversation area;
+      // that scrollbar shifted the layout, which re-triggered the hover and
+      // flickered the whole area. A native title draws nothing in the DOM, so it
+      // cannot affect layout at all. The text is unchanged.
       return h(
         'span',
         { className: 'dsh-tokenlens-anchor', 'data-composer-stat': 'tokenlens' },
         h(
-          Tooltip,
-          { label: tooltip, side: 'top' },
-          h(
-            'button',
-            {
-              type: 'button',
-              className: 'dsh-tokenlens-chip',
-              // v1.7.0: no native `title` here. Setting both a native title and
-              // the platform Tooltip made the two compete on hover (the native
-              // one stole/released hover as it appeared), which flickered the
-              // surrounding conversation area. The Tooltip carries the same text.
-              'aria-label': t('chipHint'),
-              'aria-haspopup': 'dialog',
-              onClick: () => openDialog(sessionId),
-            },
-            h('span', { className: 'dsh-tokenlens-dot', 'data-level': chipLevel(snapshot, state), 'aria-hidden': true }),
-            h('span', { className: 'dsh-tokenlens-brand' }, brand),
-            chipPieces(snapshot, state.providerId, t),
-          ),
+          'button',
+          {
+            type: 'button',
+            className: 'dsh-tokenlens-chip',
+            title: tooltip,
+            'aria-label': t('chipHint'),
+            'aria-haspopup': 'dialog',
+            onClick: () => openDialog(sessionId),
+          },
+          h('span', { className: 'dsh-tokenlens-dot', 'data-level': chipLevel(snapshot, state), 'aria-hidden': true }),
+          h('span', { className: 'dsh-tokenlens-brand' }, brand),
+          chipPieces(snapshot, state.providerId, t),
         ),
       )
     }
@@ -3965,25 +3971,23 @@ window.__ModuleLoader__.load({
         'span',
         { className: 'dsh-tokenlens-anchor', 'data-composer-stat': 'tokenlens' },
         h(
-          Tooltip,
-          { label, side: 'top' },
-          h(
-            'button',
-            {
-              type: 'button',
-              className: 'dsh-tokenlens-chip',
-              // v1.7.0: same as the normal chip — only the platform Tooltip, so
-              // the native and platform tooltips cannot compete on hover.
-              'aria-label': label,
-              'aria-haspopup': 'dialog',
-              ...(needsConfig ? { 'data-needs-config': 'true' } : {}),
-              ...(statsOnly ? { 'data-stats-only': 'true' } : {}),
-              onClick: () => openDialog(sessionId),
-            },
-            h('span', { className: 'dsh-tokenlens-dot', 'data-level': statsOnly ? 'normal' : 'warning', 'aria-hidden': true }),
-            h('span', { className: 'dsh-tokenlens-brand' }, brand),
-            h('span', { className: 'dsh-tokenlens-metric' }, label),
-          ),
+          'button',
+          {
+            type: 'button',
+            className: 'dsh-tokenlens-chip',
+            // v1.7.1: native title, for the same reason as the normal chip — a
+            // Tooltip bubble here could overflow a narrow dock and add a
+            // horizontal scrollbar that made the conversation area flicker.
+            title: label,
+            'aria-label': label,
+            'aria-haspopup': 'dialog',
+            ...(needsConfig ? { 'data-needs-config': 'true' } : {}),
+            ...(statsOnly ? { 'data-stats-only': 'true' } : {}),
+            onClick: () => openDialog(sessionId),
+          },
+          h('span', { className: 'dsh-tokenlens-dot', 'data-level': statsOnly ? 'normal' : 'warning', 'aria-hidden': true }),
+          h('span', { className: 'dsh-tokenlens-brand' }, brand),
+          h('span', { className: 'dsh-tokenlens-metric' }, label),
         ),
       )
     }
@@ -6088,36 +6092,89 @@ window.__ModuleLoader__.load({
               h('span', { key: 'hint', className: 'dsh-tokenlens-hint' }, t('statsSpeedEmpty')),
             )
           : (() => {
+              // v1.7.1: a CURVE, not bars — the trend is a rate, and a line reads
+              // it far better than per-day columns. The SVG scales to the card
+              // width; `preserveAspectRatio="none"` lets it fill without keeping
+              // the viewBox ratio, and the per-day hover targets are transparent
+              // columns so nothing is distorted.
+              const width = 320
+              const height = 90
+              const pad = 4
               const max = Math.max(...byDay.map((entry) => entry.tps ?? 0), 1)
-              const bars = byDay.map((entry, index) => {
-                const tps = entry.tps ?? 0
-                const height = Math.max(2, Math.round((tps / max) * 1000) / 10)
-                return h(
-                  'div',
+              const stepX = byDay.length > 1 ? (width - pad * 2) / (byDay.length - 1) : 0
+              const points = byDay.map((entry, index) => {
+                const x = byDay.length > 1 ? pad + stepX * index : width / 2
+                const y = height - pad - ((entry.tps ?? 0) / max) * (height - pad * 2)
+                return { x, y }
+              })
+              const line = points.map((point) => `${point.x.toFixed(1)},${point.y.toFixed(1)}`).join(' ')
+              const area = `${pad.toFixed(1)},${(height - pad).toFixed(1)} ${line} ${(width - pad).toFixed(1)},${(height - pad).toFixed(1)}`
+              const columnWidth = byDay.length > 1 ? stepX : width - pad * 2
+              const columns = byDay.map((entry, index) =>
+                h(
+                  'rect',
                   {
-                    key: `speed-${entry.day}-${index}`,
-                    className: 'dsh-tokenlens-chart-bar-wrap',
+                    key: `hit-${entry.day}-${index}`,
+                    x: (points[index].x - columnWidth / 2).toFixed(1),
+                    y: 0,
+                    width: Math.max(1, columnWidth).toFixed(1),
+                    height: String(height),
+                    fill: 'transparent',
                     'data-speed-day': entry.day,
-                    'data-speed-tps': String(tps),
-                    title: t('statsSpeedBarTitle', {
+                    'data-speed-tps': String(entry.tps ?? 0),
+                  },
+                  h(
+                    'title',
+                    { key: 'tip' },
+                    t('statsSpeedBarTitle', {
                       date: entry.day,
-                      tps: tps.toFixed(1),
+                      tps: (entry.tps ?? 0).toFixed(1),
                       tokens: formatTokensPrecise(entry.outputTokens),
                       seconds: entry.seconds.toFixed(1),
                     }),
-                  },
-                  h('div', {
-                    className: 'dsh-tokenlens-chart-bar',
-                    style: { height: `${height}%` },
-                    'aria-hidden': 'true',
-                  }),
-                )
-              })
-              return h(
+                  ),
+                ),
+              )
+              const svg = h(
+                'svg',
+                {
+                  key: 'svg',
+                  className: 'dsh-tokenlens-speed-svg',
+                  'data-speed-plot': 'true',
+                  viewBox: `0 0 ${width} ${height}`,
+                  preserveAspectRatio: 'none',
+                  role: 'img',
+                  'aria-label': t('statsSpeedTitle'),
+                },
+                h('polygon', {
+                  key: 'area',
+                  className: 'dsh-tokenlens-speed-area',
+                  points: area,
+                  fill: 'rgba(46,158,91,.18)',
+                  'aria-hidden': 'true',
+                }),
+                h('polyline', {
+                  key: 'line',
+                  className: 'dsh-tokenlens-speed-line',
+                  points: line,
+                  fill: 'none',
+                  stroke: '#2e9e5b',
+                  'stroke-width': '1.6',
+                  'stroke-linecap': 'round',
+                  'stroke-linejoin': 'round',
+                  'vector-effect': 'non-scaling-stroke',
+                  'aria-hidden': 'true',
+                }),
+                columns,
+              )
+              const axis = h(
                 'div',
-                { key: 'bars', className: 'dsh-tokenlens-chart-plot', 'data-speed-plot': 'true' },
-                h('div', { key: 'row', className: 'dsh-tokenlens-chart-bars' }, bars),
+                { key: 'axis', className: 'dsh-tokenlens-speed-axis', 'aria-hidden': 'true' },
+                h('span', { key: 'first' }, byDay[0].day),
+                byDay.length > 1 ? h('span', { key: 'peak' }, t('statsSpeedPeak', { tps: max.toFixed(1) })) : null,
+                byDay.length > 1 ? h('span', { key: 'last' }, byDay[byDay.length - 1].day) : null,
               )
+              return h('div', { key: 'plot', className: 'dsh-tokenlens-speed-plot' }, svg, axis)
             })()
       return h(
         'div',

package/index.js

@@ -84,7 +84,7 @@ export const inject = []
 export const PLUGIN_NAME = 'dsh-tokenlens'
 
 /** Plugin version; mirrors package.json (kept here so diagnostics need no fs read). */
-export const PLUGIN_VERSION = '1.7.0'
+export const PLUGIN_VERSION = '1.7.1'
 
 /** Documented defaults; every field of the raw row config is optional. */
 const DEFAULTS = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-tokenlens",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "type": "module",
   "description": "dsh-TokenLens (词元透镜) — provider-aware plan capacity plus local token statistics (today/7d/30d/all-time, by harness/provider/model/workspace) for DSH.",
   "license": "MIT",