Claude History 助你轻松查阅历史对话上下文

0 阅读2分钟

用 Claude Code 写了几天代码,对话历史全丢了?这个工具帮你找回来

前言

自从用上 Claude Code,编码效率确实起飞了。但有个痛点一直困扰我——历史对话散落在 ~/.claude/projects/ 下的各种 .jsonl 文件里,想回看某个对话?手动翻文件?别闹了。

于是周末花了点时间做了个桌面小工具:Claude History Viewer,专门用来浏览和回看 Claude Code 的对话历史。

GitHub 地址:github.com/cloud-mouse… 觉得有用的话,点个 Star 支持一下~

它能做什么?

1. 自动扫描,开箱即用

启动后自动读取 ~/.claude/projects/ 下所有项目目录,按项目分组展示对话列表,无需任何配置。

2. 对话内容完整还原

不是简单的文本回显,而是把 Claude Code 的各种消息类型都做了专门的可视化:

  • Agent 子代理调度:展示 subagent_type、描述、可折叠的 prompt
  • TodoWrite 任务清单:状态图标 + 完成进度统计
  • AskUserQuestion 交互问题:卡片式选项列表(A/B/C)
  • Edit / Write 文件修改:红色旧代码 / 绿色新代码 diff 对比
  • Bash 命令执行:命令和描述分开清晰展示
  • Thinking 思维过程:折叠展示,不干扰阅读
  • 图片附件:点击放大预览

3. 四种主题随心切

简约白、深邃黑、暖色调、Monokai,总有一款适合你。

4. 面板可折叠,专注阅读

项目列表和对话列表都可以一键收起,让对话详情占满全屏,阅读长对话更舒服。

5. 一键恢复会话

看到某个历史对话想继续?点击「恢复会话」自动打开终端执行 claude --resume,无缝衔接之前的上下文。

技术栈

Vue 3 + Vite + Pinia + Electron + SQLite,经典搭配,启动快、体积小。

快速上手

git clone https://github.com/cloud-mouse/claude-history.git
cd claude-history
npm install
npm run dev

想打包成桌面应用?npm run electron:build 一键搞定。

最后

如果你也在用 Claude Code,不妨试试这个工具,回看历史对话、复盘解决问题的思路都挺有用的。

如果觉得有帮助,欢迎 Star、Fork、提 Issue!

GitHub:github.com/cloud-mouse…