Claude Code 세션 대시보드: 다중 세션 모니터링을 위한 오픈소스 도구

무엇인가요

Claude Code 세션 대시보드는 여러 Claude Code 세션을 동시에 실행할 때 발생하는 가시성 문제를 해결하기 위해 구축된 오픈소스 도구입니다. 여러 세션에 걸친 비용, 세션 상태, 컨텍스트 창 사용량을 통합된 뷰로 제공합니다.

어떻게 만들어졌나요

전체 프로젝트는 Claude Code를 사용하여 작성되었습니다. 개발자가 문제를 설명했고, Claude는 Claude Code가 JSONL 세션 로그를 ~/.claude/projects/에 기록한다는 것을 확인했습니다. 그런 다음 Claude는 파일 감시자, Express API, 프론트엔드를 단일 HTML 파일로 구축했습니다.

세션별 기능

• 올바른 모델별 가격으로 토큰 사용량 및 비용
• 상태 표시기: 생각 중, 대기 중, 유휴 상태, 또는 비활성 상태
• 시각적 진행률 막대로 표시되는 컨텍스트 창 사용량
• 실행 중인 활성 서브에이전트
• 세션이 현재 작업 중인 파일
• 확장 가능한 활동 로그
• Git 브랜치 및 권한 모드(AUTO-EDIT / YOLO)

작동 방식

Claude Code는 JSONL 세션 로그를 ~/.claude/projects/에 기록합니다. 대시보드는 해당 파일들을 감시하고 브라우저 탭에 모든 것을 렌더링합니다. WebSocket 없음, 빌드 단계 없음, 클라우드 없음 — 단지 로컬 파일을 추적하는 Node.js와 UI를 위한 단일 HTML 파일입니다.

빠른 시작

git clone https://github.com/Stargx/claude-code-dashboard
cd claude-code-dashboard
npm install && npm start

그런 다음 http://localhost:3001을 엽니다. 이 프로젝트는 무료이며 MIT 라이선스를 따릅니다.

개발자는 피드백을 구하고 있으며, 특히 세션 감지 문제가 발생할 수 있는 macOS 또는 Linux 사용자의 의견을 특히 원합니다.