docs: capture live session timing animation boundary

Author: linhay

docs-linhay/dev/20260523-session-distillation-codex-live-sessions-ui.md

@@ -98,6 +98,7 @@ Live sessions 的 detail 面板和筛选区本质上是工作台容器，不是
 3. 下方“耗时”指标块负责维度切换，`总耗时 / TTFT / 首 token / 流式 / 排队 / 选号 / 连接 / 平均间隔 / 最大间隔` 都可以切换图表。
 4. 仍然保留 live request 的光圈标记，让正在增长的样本一眼可见。
 5. TTFT / first-token 等次级指标切换后也保持同一套 ECG 波形语言，不再回到虚线趋势图或多线叠加。
+6. 动画只表达状态变化：切换指标时整条 strip 短暂淡入，实时刷新时只让最新 live 点光圈轻微呼吸；不要每秒重扫整条曲线。
 
 ### 9. 请求时间线只展示最近 15 条
 

docs-linhay/memory/2026-05-27.md

@@ -32,7 +32,7 @@
 
 ## Codex live sessions 单指标 ECG 切换
 - 决策：`#frame=codex&workspace=live-sessions` 的请求耗时趋势图不再把多个 timing 维度同时画进同一张图里，而是改成“一个指标一条 ECG 线”；最终图表类型定为 `heartbeat strip chart / rolling strip chart`，最新 request 锚在右侧，按稳定时间密度向左回看。
-- 实现：`SessionDetail` 维护当前 `selectedTimingMetric`，`TimingMetrics` 把可绘图项变成可点击按钮并用 `aria-pressed` 标示选中态，`TimingTrendChart` 只按当前 metric 计算 y 轴和单条波形；图表去掉横向滚动，按容器宽度决定可见窗口，宽屏回看更多、窄屏只显示更近样本。
+- 实现：`SessionDetail` 维护当前 `selectedTimingMetric`，`TimingMetrics` 把可绘图项变成可点击按钮并用 `aria-pressed` 标示选中态，`TimingTrendChart` 只按当前 metric 计算 y 轴和单条波形；图表去掉横向滚动，按容器宽度决定可见窗口，宽屏回看更多、窄屏只显示更近样本。动画改为“指标切换时短淡入 + live 点光圈呼吸”，不再对整条线做 sweep 重扫。
 - 补充：`请求时间线` 是扫描区而非完整历史列表，页面内只展示排序后的最近 15 条 request，标题行数按实际可见行数展示。
 - 验证：`node --test frontend/src/features/codex-live-sessions/model.test.mjs`、`npm --prefix frontend run typecheck`、`npm --prefix frontend run build` 通过；早前 Playwright 复核确认点击 `TTFT 562ms` 后图表切到蓝色单线，点击 `流式` 后切到绿色单线。本轮最终浏览器复核被 Browser URL policy 拦截，未绕过执行。
 - 失效边界：上传、删除、启停状态修改成功后按文件名清理缓存；文件大小或修改时间变化会自然触发重新下载与缓存刷新。