Skip to content

fix: persist elapsed timer across session switches#484

Merged
op7418 merged 2 commits intoop7418:mainfrom
KevinYoung-Kw:fix/timer-reset
Apr 15, 2026
Merged

fix: persist elapsed timer across session switches#484
op7418 merged 2 commits intoop7418:mainfrom
KevinYoung-Kw:fix/timer-reset

Conversation

@KevinYoung-Kw
Copy link
Copy Markdown
Contributor

@KevinYoung-Kw KevinYoung-Kw commented Apr 15, 2026

CodePilot 版本: v0.50.1

问题描述

在侧边栏切换 Session 后再切回来,底部流式回复的计时器会从 0s 重新开始计数。期望它应该基于真实的流累计时长展示,不因切换而重置。

根因

ElapsedTimerStreamingMessage.tsx 里 mount 时用本地 Date.now() 记录开始时间。切换 Session 导致 ChatView(连带 StreamingMessage)unmount/remount,计时器就归零了。

修复

stream-session-managerSessionStreamSnapshot 已包含 startedAt 字段,记录流的真实开始时间。现在把它从组件树顶层一路透传到底层:

ChatViewMessageListStreamingMessageStreamingStatusBarElapsedTimer

ElapsedTimer 改为基于传入的 startedAt 计算 elapsed,组件 remount 后仍能恢复正确的累计时长。

改动文件

文件 改动
src/components/chat/ChatView.tsx streamSnapshot.startedAt 传给 MessageList
src/components/chat/MessageList.tsx 新增 startedAt prop 并透传给 StreamingMessage
src/components/chat/StreamingMessage.tsx StreamingStatusBar / ElapsedTimer 接收 startedAt 并基于它计算

验证方式

  • 进入某个 Session 开始流式回复,等底部计时器走几秒
  • 切换到另一个 Session,再切回来
  • 计时器应从之前的累计时间继续,而不是从 0 重置
  • 单 Session 内的正常流式行为无变化
  • npm run test 通过(typecheck + 单元测试)

修复前后对比

切换会话后,计时器重新归零 修复录像 - 计时器正确显示

**问题**
切换 Session 后,`StreamingMessage` 底部的计时器会从 0 重新开始计数。根因是 `ElapsedTimer` 组件在 mount 时用 `Date.now()` 本地初始化开始时间,Session 切换导致组件 remount 后时间重置。

**修复**
- `stream-session-manager` 的 `SessionStreamSnapshot` 已包含 `startedAt` 字段,记录流的真实开始时间
- 将 `startedAt` 从 `ChatView` → `MessageList` → `StreamingMessage` → `StreamingStatusBar` → `ElapsedTimer` 逐级透传
- `ElapsedTimer` 改为基于传入的 `startedAt` 计算 elapsed,组件 remount 后仍能恢复真实累计时长

**影响范围**
仅影响流式响应状态下的底部计时器显示,不改变任何持久化逻辑或计时行为。

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel bot commented Apr 15, 2026

@KevinYoung-Kw is attempting to deploy a commit to the op7418's projects Team on Vercel.

A member of the Team first needs to authorize it.

@op7418 op7418 merged commit 93c71c2 into op7418:main Apr 15, 2026
1 check failed
@op7418
Copy link
Copy Markdown
Owner

op7418 commented Apr 15, 2026

已合并 🎉 根因定位 + 修法都很干净(把本来就存在的 startedAt 透传到底层就够了,不用改数据模型)。只有一个小 nit:MessageList.tsx 里 startedAt! 是非空断言,理论上当 streamSnapshot 为 null 时会传 undefined 到 ElapsedTimer,变成 NaN 显示。不过实际场景下 isStreaming=true 保证 streamSnapshot 非空,不是阻塞项,先这样。

感谢贡献,下次发版带上。

op7418 added a commit that referenced this pull request Apr 15, 2026
Fixes:
- cc-switch 切换 provider 被默默改路由 (#461/#478/#476/#457/#470/#474)
- OpenAI OAuth 403/网络失败自动重试 (#464)
- Electron 端口稳定化修复 localStorage 配置全丢 (#465/#466/#477)
- v0.49.0+ 长对话 AI_MissingToolResultsError 回归
- Turbopack CJS↔ESM interop 导致 streamClaudeSdk is not a function
- 内置 MCP 自动批准 (Memory/Widget/Notify 等 7 个)
- Claude Code executable not found on Windows (SDK bundle 修复)
- 切换会话后计时器归零 (#480/#484)
- 选 slash 命令清空已输入文本 (#479/#486)
- Skills 弹窗误触发路径 + 多选 + badge 去描述

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants