Xem chi tiết Claude Code đã làm gì - đọc file nào, chạy lệnh gì

TL;DR

Claude Code giờ chỉ hiển thị summary như “Read 3 files”, “Edited 2 files” — không có đường dẫn, không có nội dung. App này đọc session logs có sẵn trong ~/.claude/ và hiển thị lại toàn bộ execution trace: file nào được đọc, regex nào được search, diff nào được apply — không cần cấu hình gì thêm.

Nói đơn giản: Mình xài Claude Code trên terminal mà muốn xem lại chi tiết nó đã làm gì (đọc file nào, chạy lệnh gì) thì dùng app này.

Bài này dành cho ai?

1. Người dùng Claude Code muốn debug

Vấn đề: Claude Code giờ chỉ hiển thị “Read 3 files”, không biết đọc file nào, có edit đúng không Khi nào cần: Session chạy sai, muốn xem lại Claude đã làm gì Được gì: Xem chi tiết từng tool call, inline diff, syntax-highlighted code

2. Dev muốn tối ưu context usage

Vấn đề: Không biết token消耗 ở đâu, context compaction xảy ra lúc nào Khi nào cần: Session dài, context limit bị hit liên tục Được gì: Token attribution per-turn, compaction visualization, biết chính xác CLAUDE.md nào được load

3. Team lead quản lý nhiều agent

Vấn đề: Subagent spawn ra nhiều, không biết mỗi agent làm gì Khi nào cần: Dùng Team feature, muốn monitor ai đang làm gì Được gì: Execution tree per subagent, teammate messages color-coded, team lifecycle visibility

Các điểm chính

1. Claude Code giờ thiếu thông tin chi tiết Gần đây Claude Code thay tool output bằng summary như “Read 3 files”, “Edited 2 files”. Muốn xem chi tiết phải dùng --verbose nhưng nó dump raw JSON + internal prompts + hàng nghìn dòng noise. Không có middle ground. → Làm gì: Tải claude-devtools, nó đọc logs có sẵn và hiển thị structured thay vì phải đọc JSON lộn xộn.

2. Đọc logs có sẵn, không modify Claude Code App này không wrap Claude Code, không inject prompt gì cả. Nó đơn giản đọc ~/.claude/ — thư mục logs đã lưu trên máy. Chạy Claude ở đâu (terminal, IDE, tool khác) thì app cũng đều thấy. → Làm gì: Không cần thay đổi workflow hiện tại, cài xong là dùng được với mọi session cũ.

3. Thấy context fill như thế nào Claude Code có context limit. Khi hit limit nó tự compress conversation nhưng terminal không hiển thị. App này detect compaction boundaries, đo token delta trước/sau, và visualize context fill/compress/refill theo thời gian. → Làm gì: Biết chính xác token tiêu tốn ở đâu, tránh bị compress giữa chừng.

4. Custom notification khi có event quan trọng Set up rules để nhận notification khi: file .env bị đọc, tool error xảy ra, token usage vượt ngưỡng (default 8000), hoặc regex pattern bất kỳ nào đó match. → Làm gì: Không cần ngồi watch terminal, app tự báo khi có gì quan trọng.

5. Thấy subagent tree rõ ràng Claude Code spawn subagent qua Task tool, team coordination qua TeamCreate/SendMessage/TaskUpdate. Terminal hiển thị lộn xộn. App render thành expandable tree, mỗi agent có metrics riêng. → Làm gì: Debug khi agent làm sai, theo dõi ai làm gì trong team.

Quick Start

1. Cài đặt nhanh:

   • macOS: brew install --cask claude-devtools
   • Windows: Tải .exe từ releases
   • Linux: Tải .AppImage hoặc .deb
   • Docker: docker compose up → mở http://localhost:3456

2. Chạy lần đầu:

   • Mở app, nó tự đọc ~/.claude/ và hiển thị toàn bộ session
   • Không cần API key, không cần login
   • Muốn xem session nào thì click vào, muốn search thì Cmd+K