Открытая веб-панель отслеживает использование токенов Claude для удаленных рабочих процессов.

Разработчик открыл исходный код react-ai-token-monitor — веб-панели для отслеживания использования токенов Claude в удаленных и headless-средах. Инструмент был создан потому, что существующие настольные средства мониторинга плохо работают для серверных рабочих процессов, контейнеров разработки, CI или SSH.

Ключевые детали

Панель анализирует локальные файлы ~/.claude/projects/**/*.jsonl в реальном времени с помощью наблюдателя chokidar и Server-Sent Events (SSE) для live-обновлений. Она рассчитывает затраты на основе текущих цен API для моделей Opus, Sonnet и Haiku, а также операций чтения/записи кэша.

Функции включают:

• Распределение по моделям
• Круговые диаграммы эффективности кэша
• Тепловую карту активности в стиле GitHub
• Еженедельные и ежемесячные тренды
• 3D-граф обзора (чистый SVG)
• Темную тему
• Без внешних вызовов API — все данные остаются локальными

Собственные данные использования разработчика за март 2026 года показали:

• Потреблено 6,6 миллионов токенов
• Эквивалентная стоимость $4,808 по ценам API
• 129 сессий
• Чтения из кэша доминировали в использовании с 100% эффективностью в некоторые дни (2,14 млн+ кэшированных токенов)
• Дни с высоким потреблением токенов (пик 997K) не всегда были самыми продуктивными
• Haiku появлялась через кэш чаще, чем ожидалось

Установка и использование

Для запуска инструмента:

npm install && npm run dev

Сервер привязывается к 0.0.0.0 для сетевого доступа с телефонов или браузеров. Инструмент распространяется под лицензией MIT и был создан с помощью Claude Code.

Разработчик ищет отзывы сообщества о дополнительных функциях, таких как экспорт в CSV, оповещения о лимитах и поддержка нескольких проектов.