Proyecto Panel Multi-Agente GroupGarre

Web app en tiempo real para supervisar y controlar los agentes Claude desde el navegador

project Modificado: 15/4/2026 project_agents_panel.md

Panel Multi-Agente GroupGarre

Estado

LIVE (2026-04-13) — http://agents.lucasgarre.com funcionando. SSL pendiente.

Objetivo

Sala de control centralizada para todos los agentes GroupGarre: ver conversaciones, supervsar actividad en vivo, enviar tareas, monitorizar estado.

Servidor

srv-principal (217.154.106.6) — /opt/groupgarre/apps/agents-panel/

Stack

React + Express + WebSocket

Funcionalidades planificadas

Fase 1 (en construcción ahora)

  • Chat sincronizado con Telegram (PostgreSQL claude_memory.telegram_history)
  • Actualización en tiempo real via WebSocket
  • Enviar mensajes desde web → Telegram Bot API
  • Pestaña "En vivo": output de tmux del agente en tiempo real (tmux capture-pane cada 2s)

Fase 2

  • Una pestaña por agente (CEO, Dev, Data, Marketing...)
  • Cola de tareas visible (tabla agent_tasks en PostgreSQL)
  • Logs de acciones de cada agente

Fase 3 (SaaS futuro)

  • Multi-tenant: cada cliente ve su propio agente
  • Branding GroupGarre bajo groupgarre.net

URLs

  • Temporal: agents.lucasgarre.com (puerto 5200)
  • Definitiva: app.groupgarre.net (cuando se contrate el dominio)

Puertos y red

  • App en srv-principal: puerto 5200
  • NPM proxy ID: 18 → 100.126.176.115:5200 (Tailscale, igual que admin panel)
  • IMPORTANTE: NPM siempre usa Tailscale IP (100.126.176.115) para llegar a srv-principal, no la IP pública
  • UFW: puerto 5200 abierto en srv-principal

Arquitectura agente-a-agente

  • Principal (PC) → estrategia y planificación
  • Backup (srv-principal tmux "claude") → ejecución y desarrollo
  • Comunicación: SSH + tmux send-keys para enviar tareas, PostgreSQL para resultados
  • Ver: feedback_agent_communication.md

Why: Operar como empresa real con visibilidad y control sobre los agentes, sin depender de Telegram como única interfaz. Base del producto SaaS GroupGarre.