Nexus

Gestionar múltiples negocios (restaurantes, clínicas, agencias) desde un único panel requiere visibilidad en tiempo real de llamadas IA, workflows y pipelines de leads en todas las organizaciones — manteniendo aislamiento estricto de datos entre ellas.

• Supervisión fragmentada — cada organización tiene su propio dashboard, forzando cambio de contexto entre paneles separados
• Sin supervisión IA en vivo — cuando los agentes IA gestionan llamadas autónomas, no hay forma de escuchar, susurrar instrucciones o tomar el control
• Puntos ciegos cross-org — agregar analytics, leads y rendimiento de workflows entre organizaciones requiere exportaciones manuales
• Escalar más allá del headcount — la visión de una empresa de 3 personas con capacidad de 300 exige toma de decisiones aumentada por IA a todos los niveles

Construir una SPA React 18 (~6.5K líneas, 33 archivos) como centro de mando centralizado que consume la API de Cadences a través de 9 módulos API tipados y un cliente WebSocket que gestiona 11 tipos de eventos en tiempo real — todo con componentes UI custom en Tailwind dark-theme y state management con Zustand.

• Arquitectura real-time — clase NexusWebSocket (321 líneas) con auto-reconexión, backoff exponencial (máx 5 reintentos), heartbeat ping/pong cada 30s, y registro de handlers vía patrón on()/off()
• 2 stores Zustand — authStore (JWT persistido) + nexusStore (31 campos de estado, 28 acciones) gestionando orgs, llamadas, workflows, leads, métricas y UI
• Librería de componentes custom — 7 componentes UI artesanales (Avatar, Card, Badge con animación pulse, Button con estados de carga, Input, Loading) — sin dependencia shadcn/MUI
• 4 endpoints backend dedicados — 1,030 líneas de Cloudflare Workers (auth con JWT HMAC-SHA256, CRUD de organizaciones, agregación de analytics cross-org)

Nexus ofrece 7 páginas en 5 módulos core, respaldados por 4 endpoints Cloudflare Workers y 11 tipos de eventos WebSocket en tiempo real:

• Command Center — 4 tarjetas KPI (llamadas activas, workflows en ejecución, nuevos leads, tasa de conversión), panel de 3 columnas en vivo (llamadas con badges pulse, ejecuciones con barras de progreso, feed de actividad), fila de 4 quick-stats
• God Mode — supervisión de llamadas IA en vivo con vistas grid/lista, transcripción en tiempo real (estilo chat), tracking de sentimiento (positivo/neutral/negativo), input whisper (instrucciones silenciosas a la IA), botón takeover (humano reemplaza IA), 3 modos IA (autónomo/asistido/humano)
• Lead DNA — 7 estados de pipeline (new → won/lost), scoring IA 0-100 con código de color, enrichment de 7 campos (LinkedIn, Twitter, web, tamaño empresa, industria, ubicación, facturación), favoritos, gestión de tags, grid de acciones (email, llamar, agendar, nota)
• Workflow Studio — tarjetas de workflows con conteo de ejecuciones y tasa de éxito, monitor de ejecuciones (vivo/completado/fallido), builder IA desde prompts en lenguaje natural, deploy broadcast a múltiples organizaciones simultáneamente
• Analytics Engine — funnel de conversión de 6 pasos (visitas → cierre ganado), rendimiento de 5 canales, 5 modelos de atribución (first/last touch, linear, position-based, time decay), 9 tipos de métricas con comparación período-sobre-período, selector de rango (7d/30d/90d/1y)
• Multi-Org — organizaciones conectadas ilimitadas con 7 tipos de permisos, modos vista consolidado vs aislado, color coding por org desde paleta de 8 colores, control de acceso owner/admin
• Settings — 6 pestañas: perfil, organizaciones, notificaciones (email + push + Slack), seguridad (2FA, sesiones), apariencia (tema + 6 colores accent), claves API