Пользовательское приложение командного центра для OpenClaw: React PWA с WebSocket-прокси и Tailscale

Пользователь Reddit (Weird_Night_2176) поделился своим пользовательским приложением командного центра, построенным на основе шлюза OpenClaw. Приложение заменяет предыдущий метод управления через WhatsApp, который был ограничен песочницей Twilio (50 сообщений в день). Установка работает на устройстве Jetson, обслуживая React PWA, доступное откуда угодно через Tailscale.

Архитектура и ключевые компоненты

• WebSocket-прокси: OpenClaw привязывается только к локальной петле, поэтому разработчик создал легковесный прокси-сервер на Express, который мостит WebSocket-соединение. Это позволяет React-фронтенду общаться со шлюзом OpenClaw с любого устройства в сети Tailscale.
• Фронтенд: Прогрессивное веб-приложение (PWA) на React, обслуживаемое непосредственно с Jetson.
• Сеть: Сетка Tailscale для безопасного удаленного доступа; приложение работает на iPhone через Tailscale.

Функции командного центра

• Интерфейс живого чата: Прямой чат с ИИ-агентом "Bosefus".
• Панель агентов: Показывает 14 агентов с их последней задачей и статусом.
• Торговый терминал: Живые позиции Alpaca и P&L по криптовалютам.
• История запусков команд: Каждая автоматизированная задача логируется по имени.
• Статус моделей Ollama: Живой статус с сервера моделей на Orange Pi.
• Трекер фонда сборки: Отслеживает накопления на следующее обновление оборудования.
• Push-уведомления: Заменяют WhatsApp для оповещений.

Для кого это

Разработчики, использующие OpenClaw как шлюз для ИИ-агентов, которым нужен специализированный интерфейс, выходящий за рамки командной строки или сторонних мессенджеров, особенно с несколькими агентами и торговыми интеграциями.

Ресурсы

Пользователь упомянул, что полное руководство по сборке появится на YouTube. Пока что в посте на Reddit есть детали архитектуры и мотивации.