OpenClaw Mission Control
Mission Control para agentes de IA de OpenClaw: dashboard en tiempo real que muestra estado, thinking y tool calls de varios agentes trabajando en paralelo, con chat integrado.
¿Qué es?
Mission Control para agentes de OpenClaw: un dashboard en tiempo real que muestra qué está haciendo cada agente de IA en cada momento — si está pensando, qué herramienta está ejecutando y qué está devolviendo — con varios agentes trabajando en paralelo a la vista, en una sola pantalla.
Lee de forma pasiva los ficheros JSONL de sesión de cada agente y emite los cambios por WebSocket para que el dashboard se actualice al instante. Incluye una barra de chat integrada para lanzar prompts directamente al agente principal sin salir del dashboard.
¿Por qué lo hice?
Trabajar con varios agentes de IA especializados a la vez cambia la forma de relacionarte con la IA: dejas de "charlar" linealmente con un modelo y pasas a dirigir un equipo de agentes en paralelo. Como Product Manager, eso es una habilidad de orquestación de sistemas, no solo de prompting: necesitas ver de un vistazo quién está pensando, quién está ejecutando una herramienta y quién ha terminado, para poder intervenir donde toca.
El problema es que por defecto cada agente vive en su propia sesión, sin visibilidad cruzada. Este dashboard resuelve eso: un único punto de control para ver el estado de todos, con mejor eficiencia de tokens, precisión y velocidad a la hora de dirigir el trabajo.
Cómo funciona
Backend
Un servidor Node.js + Express vigila con chokidar el directorio de sesiones de OpenClaw (un .jsonl por agente) y va parseando cada evento nuevo: bloques de thinking, llamadas a herramientas y output de texto. Cada cambio de estado se difunde por WebSocket a todos los clientes conectados.
Expone además una API REST mínima, con un endpoint POST /api/chat que lanza un prompt al agente principal en background; el propio watcher recoge la actividad resultante y la propaga al dashboard sin que el frontend tenga que hacer polling.
Frontend
React 19 + Vite + Tailwind, con una tarjeta (AgentCard) por agente que muestra su estado (pensando, ejecutando, esperando, inactivo) con codificación visual por color, una burbuja de thinking renderizada en Markdown, badges de herramientas en uso y el último output. Todo con scroll independiente por tarjeta para no perder contexto cuando hay varios agentes activos a la vez. Una barra de chat fija en la parte inferior permite escribir un prompt y enviarlo al agente principal desde el propio dashboard.
Despliegue
Frontend y backend se sirven desde un único puerto con Express (estáticos + WebSocket + API), lo que reduce todo a una sola pestaña del navegador y cero configuración de CORS. Gestionado con PM2 para mantenerlo vivo 24/7, corriendo en un VPS personal de Hostinger.
Stack
- Frontend: React 19, Vite, TypeScript, Tailwind CSS, react-markdown
- Backend: Node.js, Express, TypeScript,
ws(WebSocket), Chokidar (file watching) - Proceso: PM2 para producción 24/7
- Infraestructura: VPS de Hostinger
Estado
En producción, desplegado en un VPS personal. Es una herramienta interna que uso a diario para supervisar mis propios flujos de agentes de OpenClaw trabajando en paralelo.