Claude Code Session Dashboard: Herramienta de Código Abierto para Monitorear Múltiples Sesiones

Qué Es

Claude Code Session Dashboard es una herramienta de código abierto creada para resolver problemas de visibilidad al ejecutar múltiples sesiones de Claude Code simultáneamente. Proporciona una vista combinada de costos, estado de sesión y uso de ventana de contexto entre sesiones.

Cómo Se Construyó

Todo el proyecto fue escrito usando Claude Code. El desarrollador describió el problema, y Claude identificó que Claude Code escribe registros de sesión JSONL en ~/.claude/projects/. Luego, Claude construyó el observador de archivos, la API Express y el frontend en un solo archivo HTML.

Características Por Sesión

• Uso de tokens y costo con precios correctos por modelo
• Indicadores de estado: pensando, esperando, inactivo o obsoleto
• Uso de ventana de contexto como una barra de progreso visual
• Subagentes activos mientras están en ejecución
• Qué archivos está procesando actualmente la sesión
• Registro de actividad expandible
• Rama de Git y modo de permiso (AUTO-EDIT / YOLO)

Cómo Funciona

Claude Code escribe registros de sesión JSONL en ~/.claude/projects/. El panel de control observa esos archivos y renderiza todo en una pestaña del navegador. Sin WebSockets, sin paso de compilación, sin nube — solo Node.js siguiendo archivos locales y un solo archivo HTML para la interfaz de usuario.

Inicio Rápido

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

Luego abre http://localhost:3001. El proyecto es gratuito y tiene licencia MIT.

El desarrollador está buscando comentarios, especialmente de usuarios en macOS o Linux que puedan encontrar problemas con la detección de sesiones.