VITTO OVERVIEW

Documentation for Vitto

Vitto: Resumen Completo del Sistema

Documento generado: 2026-03-27 | Audiencia: Desarrolladores del equipo GoGrab


1. Que es Vitto

Vitto es el Super-Agente AI de GoGrab: un sistema autonomo e inteligente que opera a traves de multiples canales (web, desktop, mobile, extensiones, WhatsApp, Slack, Discord, etc.). No es un chatbot — es un agente con conversacion como una de sus muchas modalidades.

Capacidades principales:


2. Arquitectura General

┌──────────────────────────────────────────────────────────────────┐
│                     FRONTEND (Angular 20)                        │
├────────────┬──────────┬───────────┬──────────┬──────────────────┤
│ gograb-    │ gograb-  │ vitto-    │ vitto-   │ vitto-chrome-    │
│ space:6200 │ ai:6400  │ desktop   │ mobile   │ extension        │
│            │          │ (Tauri)   │ (Cap.)   │ (MV3)            │
├────────────┴──────────┴───────────┴──────────┴──────────────────┤
│ vitto-chat │ vitto-hub │ vitto-core │ vitto-maker │ vitto-intel │
├──────────────────────────────────────────────────────────────────┤
│                     BACKEND (NestJS 11)                          │
├──────────┬──────────┬───────────┬───────────────────────────────┤
│ backend- │ backend- │ backend-  │ backend-vitto-api             │
│ api:3000 │ ai:3001  │ docs:3002 │ :3003                         │
├──────────┴──────────┴───────────┴───────────────────────────────┤
│ MongoDB (vitto-mind, vitto-users) │ Redis │ Cloudflare R2       │
└──────────────────────────────────────────────────────────────────┘

3. Apps (Clientes)

3.1 Vitto Desktop (Tauri v2) — apps/vitto-desktop/

3.2 Vitto Mobile (Capacitor 8) — apps/vitto-mobile/

3.3 Chrome Extension (MV3) — apps/vitto-chrome-extension/

3.4 VSCode Extension — apps/vitto-vscode-extension/

3.5 Local Bridge (Node.js) — apps/vitto-local-bridge/


4. Librerias Frontend

4.1 vitto-core (libs/libs-ai/vitto-core/ → @libs-ai/vitto-core)

Servicios fundacionales compartidos por todo el ecosistema.

Servicio Tamano Funcion
VittoApiService 54KB Cliente HTTP completo para backend-vitto-api (skills, channels, webhooks, memory, MCP, etc.)
VittoScreenCaptureService 13KB Captura de viewport, extraccion de form fields, DOM context
VittoPageContextRegistry 15KB Acciones y contexto por ruta
VittoHeartbeatService 12KB Notificaciones proactivas (Tauri)
BrainContextService 2.4KB Resolucion de identidad de usuario
VittoWorkspaceEventService 4.1KB Eventos a nivel workspace

Modelos: Observatory DTOs, Memory v2, Autonomy level mappers.

4.2 vitto-chat (libs/libs-ai/vitto-chat/ → @libs-ai/vitto-chat)

Motor de chat unificado con 28+ componentes UI.

Servicio Tamano Funcion
VittoChatEngineService 71KB Orquestador principal: envio, memory recall, routing (vitto/direct/fallback), streaming, cost tracking
VittoChatPersistenceService 39KB Persistencia IndexedDB por userId+spaceId
VittoChatContextService 30KB Context de espacio y capacidades
VittoEmotionService 13KB Inferencia de mood: heuristica → LLM → backfill (14 moods)
VittoChatStreamingService 10KB SSE streaming
TaskBridgeService 7.9KB Delegacion multi-agente
VittoVoiceService 7.2KB STT/TTS via Web Speech API, "Hey Vitto" wake word
ProactiveMemoryService 5.2KB Recall contextual automatico
VittoChatCostService 2.9KB Tracking de tokens y costos

Componentes clave:

4.3 vitto-hub (libs/libs-ai/vitto-hub/ → @libs-ai/vitto-hub)

Dashboard de orquestacion — 44+ componentes.

Categoria Componentes
Skills skill-studio (CRUD, publish, test chat)
Channels channel-manager (wizards de setup)
Webhooks webhook-builder (visual, historia)
Scheduling visual-scheduler (cron-like)
Memory memory-manager, genome viewer, quarantine
Brain brain visualization (interactiva)
Observatory security, trust scores, costs, routing stats
Computer Use desktop automation panel
Voice voice input control
Monitoring service-status, heartbeat-monitor, operations-live
Intelligence user dossier, analytics
Governance conscience, introspection

Servicios: VittoMonitorService (SSE + REST), ObservatoryDataService, VittoConcienceService, VittoIntrospectionService, ComputerUseDataService.

4.4 vitto-intelligence (libs/libs-ai/vitto-intelligence/)

Perfilado de usuarios y mastery tracking.

4.5 vitto-maker (libs/libs-ai/vitto-maker/)

Constructor interactivo del perfil de Vitto.

4.6 vitto-studio (libs/libs-structural/vitto-studio/)

IDE de plataforma con dock panels.

4.7 Librerias de Soporte

Libreria Path Funcion
agent-mind libs/libs-ai/agent-mind Dashboard de consciencia: knowledge graph 3D, decision timeline, orchestra canvas
agent-orchestrator libs/libs-ai/agent-orchestrator Orquestacion frontend: HTTP + WebSocket, admin dashboard
agent-sdk libs/libs-ai/agent-sdk Framework universal de agentes (Node.js, browser, extensions)
prompt-system libs/libs-ai/prompt-system Sistema de templates de prompts
platform-intelligence libs/libs-ai/platform-intelligence Knowledge feeding: context compression, specialized agents, vector memory
chat-plugin-core libs/libs-ai/chat-plugin-core Plugin system framework-agnostic
chat-sync libs/libs-ai/chat-sync Persistencia de chat a MongoDB + reconciliacion IndexedDB
ai-command-panel libs/libs-ai/ai-command-panel Monitoreo real-time de agentes AI
vitto-rive-avatar libs/libs-anim/vitto-rive-avatar Avatar animado (14 moods, gaze tracking)
vitto-avatar libs/libs-anim/vitto-avatar Avatar basico fallback

5. Backend: backend-vitto-api (Puerto 3003)

5.1 Modulos Principales (24)

Modulo Servicios Clave Funcion
Engine VittoEngineService, PhaseExecutorService, AgentLoopService, SubAgentService, PersonaService, SandboxService, BrowserAgentService Cerebro del agente: pipeline de 6 fases, delegacion, workflows
Mind Memory management, decision storage, pattern learning Almacenamiento y recall de memoria, knowledge graph
LLM Provider integration, model routing, token management Multi-LLM: Claude (Opus/Sonnet/Haiku), GPT-4.1, Gemini
Connectivity ChannelGateway, WhatsApp, Telegram, Slack, Twilio, BackendClients Routing multi-canal + comunicacion inter-servicios
Module Generation PlatformGenerationService, FullstackOrchestrationService, TemplateGenerator Pipeline de generacion de codigo (6 fases con checkpoints)
Strategy Context window optimization, prompt caching, cost guarding, quality gates Optimizacion de costos y calidad
Security RBAC, compliance auditing, AuditEntry tracking Control de acceso y auditoria
MCP Server Tool registration, execution Model Context Protocol
Proactive PVI, awareness triggers, predictive execution Inteligencia proactiva
Eval Golden dataset scoring, quality assessment Framework de evaluacion
A2A App-to-App communication Comunicacion entre apps
Local Bridge LocalBridgeGateway (@Global) WebSocket gateway para control local

5.2 Bases de Datos

Database Conexion Proposito
vitto-mind VITTO_MONGODB_URI Operacional: execution traces, strategies, routing
vitto-users Conexion separada Inteligencia: dossiers, mastery, memories
Redis Multi-tenant Rate limiting, BullMQ queues, caching
Cloudflare R2 r2-storage-core Media storage

5.3 Comunicacion Inter-Servicios

backend-vitto-api:3003
  ├── HTTP → backend-ai-api:3001
  │     ├── POST /ai-api/orchestration/mcp-gateway/execute
  │     ├── GET  /ai-api/infrastructure/decisions
  │     ├── GET  /ai-api/infrastructure/observatory/routines
  │     └── POST /ai-api/sessions/:id/relay
  ├── HTTP → backend-api:3000
  │     └── CRUD operations (platforms, spaces, users)
  ├── HTTP → backend-docs-api:3002
  │     └── Documentation sync
  └── WebSocket → backend-ai-api:3001
        └── HandoffWsClient (agent loop events)

5.4 API Endpoints (53+)

Categoria Endpoints Ejemplos
Skills 7 LIST, CREATE, UPDATE, DELETE, PUBLISH, RATE
Channels 6 LIST, CREATE, UPDATE, DELETE, INBOUND
Webhooks 7 LIST, CREATE, UPDATE, DELETE, INGEST, EVENTS
Schedules 5 LIST, CREATE, UPDATE, DELETE
Memory 9 BROWSE, SEARCH, RECENT, CREATE, EDIT, FORGET, BULK-DELETE, EXPORT, STATS
Voice 3 STATUS, TRANSCRIBE, SYNTHESIZE
Cost/Routing 4 STATS, ESTIMATE, BUDGET, DECISIONS
Security 5 AUDIT, STATS, POLICIES, APPROVALS, RESOLVE
Sub-Agents 5 SPAWN, STATUS, MESH, CANCEL, STATS
Local Models 2 STATUS (Ollama), PULL

5.5 LLM Routing

Fase Modelo Uso
PLAN (arquitectura) Claude Opus 4.6 Reasoning profundo
ANALYZE/DECOMPOSE/EXECUTE Claude Sonnet 4.6 Generacion de codigo
ENHANCE/INTEGRATE Claude Haiku 4.5 Clasificacion rapida
Fallback GPT-4.1 Si Claude no disponible

6. Sistema de Memoria

┌────────────────── CREACION ──────────────────┐
│ 1. Deteccion explicita (regex) → save        │
│ 2. Extraccion LLM (Claude Haiku async)       │
│ 3. Storage → MongoDB user_agent_memories     │
│ 4. Upsert (mismo userId+key → update)        │
└──────────────────────────────────────────────┘

┌────────────────── RECALL ────────────────────┐
│ 1. Load user profile (users collection)      │
│ 2. Load agent memories (user_agent_memories)  │
│ 3. Vector search + text search combinado      │
│ 4. Inject en prompt del LLM                  │
└──────────────────────────────────────────────┘

Scoped Memory (Session 239+):
  - Per-space, per-user con admission scoring
  - Conversation genomes
  - Multi-tier access control
  - Quarantine/review pipeline

7. Estado Actual: Que Funciona y Que Falta

IMPLEMENTADO Y PRODUCTION-READY

Feature Status Notas
Chat engine completo ✅ Streaming, memory recall, cost tracking, mood inference
Session management ✅ IndexedDB persistence, multi-session switching
Task orchestration ✅ Handoff, delegacion, coordinacion multi-agente
Memory system ✅ CRUD, quarantine, consolidacion, scoped
Skill management ✅ CRUD, publish, rating, stats, marketplace
Channel integration ✅ Slack, Discord, Email, WhatsApp, Telegram config
Observatory ✅ Security, trust scores, cost tracking, routing stats
Computer use ✅ Desktop automation, screenshots, form extraction
Voice control ✅ STT/TTS via Web Speech API, wake word
Autonomy checkpoints ✅ Gates de aprobacion manual
User profiling ✅ Dossier, job mastery, expertise tracking
Scheduling ✅ Visual cron-like scheduler
Real-time monitoring ✅ SSE dashboard, alerts, proactive checks
Desktop app ✅ Tauri con tray, hotkey, local control, auto-update
Chrome extension ✅ Side panel, auth sync, MCP
VSCode extension ✅ 20+ commands, webview UI, code actions
Mobile app ✅ iOS/Android wrapper funcional
Local bridge ✅ Proxy local → cloud con 5 tools
Backend API ✅ 53+ endpoints, 314+ tests

BUGS CRITICOS (Blockers)

Bug Severidad Descripcion
BUG-001 CRITICO Live Preview module tab click destruye estado del Studio → requiere reload
BUG-002 ALTO Data Browser collection click navega a tab equivocado
BUG-003 MEDIO Deploy tab race condition → rendering intermitente

DEUDA TECNICA

Issue Impacto
13 subscripciones RxJS sin cleanup Memory leaks en sesiones largas
17 de 19 dock panels con inline CSS Viola estándar de archivos separados
5 (window as any) globals Type safety
22 non-null assertions en VfsService Potenciales runtime errors
Silent error swallowing en DeployService Errores invisibles
Race conditions (flag-based mutexes) Intermitent failures

FEATURES INCOMPLETOS

Feature Completado Falta
Visual Builder (Studio) 15% Integrar page-builder existente (score 82/100) → salto a 82% en 3-5 dias
Deploy Panel 50% Custom domains, CI/CD pipeline, rollback
Code Editor 70% Search, multi-cursor, intellisense, minimap
Entity Designer 60% Auto-generacion de todos los fields (solo genera 1)
Git Integration 80% Interactive staging, conflict resolution, PR creation
Hub Page 88% Page counting muestra 0, debug badges visibles
Evolution tracking Minimo Servicio de 1.8KB — intencionalmente lightweight
Voice synthesis Basico Solo browser TTS (no speech engine avanzado)

FUNCIONALIDAD FUTURA (Specs Existentes No Implementados)

Spec Descripcion Estado
Vitto Groups Coordinacion multi-agente Spec archivado
Vitto Jarvis Master agent orchestrator Spec archivado
Native Agent Mode App desktop/mobile nativa Spec archivado
Mediated Training User-guided learning Spec archivado
Avatar Rive completo 14 moods con particulas y glow Spec completo, pendiente build en Rive.app
Memory v2 full Graph-based memory Parcialmente implementado
Collaborative editing WebSocket/CRDT multi-user No iniciado
Component marketplace Pre-built reusable widgets No iniciado
Animation timeline editor Keyframe-based No iniciado

8. Como Usar Vitto (Desarrollo Local)

8.1 Levantar el Backend

# Terminal 1: Backend principal (auth, users, CRUD)
yarn serve:backend-api          # Puerto 3000

# Terminal 2: Backend AI (chat, agents, MCP)
yarn serve:backend-ai           # Puerto 3001

# Terminal 3: Backend Vitto (super-agent)
yarn serve:backend-vitto        # Puerto 3003

# O todos juntos:
yarn serve:all-backends

8.2 Levantar el Frontend

# App principal con Vitto integrado
yarn serve:gograb-space          # Puerto 6200

# O la app de AI directamente
yarn serve:gograb-ai             # Puerto 6400

8.3 Apps Nativas

# Desktop (Tauri)
cd apps/vitto-desktop && cargo tauri dev

# Mobile (Capacitor)
cd apps/vitto-mobile
npx cap sync
npx cap run ios --livereload --external

# Chrome Extension
# Cargar apps/vitto-chrome-extension/ como extension sin empaquetar

# VSCode Extension
cd apps/vitto-vscode-extension
npm run compile && npm run install:vscode

8.4 Local Bridge (Control Remoto)

# Conectar tu maquina al Vitto cloud
node apps/vitto-local-bridge/index.js \
  --userId=<tu-user-id> \
  --server=http://localhost:3003

8.5 Variables de Entorno

Archivo principal: .env.local (en la raiz del proyecto, git-ignored) Template de referencia: deployment/shared/.env.example Load order: .env.local > .env > process env

Minimo requerido para desarrollo local

Variable Donde obtenerla Requerida
JWT_SECRET openssl rand -base64 32 SI
SYSTEM_TOKEN openssl rand -hex 32 SI
ANTHROPIC_API_KEY console.anthropic.com SI (para AI)
MONGODB_CONNECTION_STRING Local: mongodb://localhost:27017 SI
VITTO_MONGODB_URI Local: mongodb://localhost:27017/vitto-mind SI (para Vitto)
REDIS_URL Local: redis://localhost:6379 NO (fallback in-memory)
OPENAI_API_KEY platform.openai.com NO (fallback)

Todas las variables por categoria

Secrets & API Keys:

Variable Servicio Requerida
JWT_SECRET Auth JWT backend SI
SYSTEM_TOKEN Service-to-service auth SI
ANTHROPIC_API_KEY Claude AI (principal) SI
OPENAI_API_KEY GPT fallback NO
GOOGLE_API_KEY Gemini NO
STRIPE_SECRET_KEY / STRIPE_WEBHOOK_SECRET Pagos NO
TWILIO_ACCOUNT_SID / TWILIO_AUTH_TOKEN WhatsApp/SMS NO
SENDGRID_API_KEY Email NO
R2_ACCESS_KEY_ID / R2_SECRET_ACCESS_KEY Cloudflare R2 NO
TAVILY_API_KEY Web search NO
BROWSERLESS_TOKEN Browser automation NO
E2B_API_KEY Sandbox execution NO
GITLAB_API_TOKEN Git provider NO

Bases de Datos:

Variable Default Local Servicio
MONGODB_CONNECTION_STRING mongodb://localhost:27017 backend-api (gograb-api)
MONGODB_DATABASE gograb-api Nombre de la DB principal
MONGODB_CONNECTION_STRING_DOCS mongodb://localhost:27017 backend-docs-api
VITTO_MONGODB_URI mongodb://localhost:27017/vitto-mind backend-vitto-api
REDIS_URL redis://localhost:6379 Rate limiting, BullMQ, caching
REDIS_HOST 127.0.0.1 Fallback si no hay REDIS_URL
REDIS_PORT 6379 Fallback si no hay REDIS_URL

Puertos (NUNCA hardcodear, siempre desde .env.local):

Variable Default App
API_PORT 3000 backend-api
AI_API_PORT 3001 backend-ai-api
DOCS_API_PORT 3002 backend-docs-api
VITTO_API_PORT 3003 backend-vitto-api
GOGRAB_SPACE_PORT 6200 gograb-space
GOGRAB_ADMIN_PORT 6100 gograb-admin
GOGRAB_DEV_PORT 6300 gograb-dev
GOGRAB_AI_PORT 6400 gograb-ai
SPACE_ADMIN_PORT 6500 space-admin
GOGRAB_DOCS_PORT 6010 docs-angular

URLs Inter-Servicio:

Variable Default Local
BACKEND_API_URL http://localhost:3000/api
BACKEND_AI_API_URL http://localhost:3001/ai-api
BACKEND_DOCS_API_URL http://localhost:3002/docs-api
BACKEND_VITTO_API_URL http://localhost:3003/vitto-api

Config Vitto Super-Agent:

Variable Default Proposito
VITTO_LLM_PROVIDER claude Provider LLM principal
VITTO_LLM_MODEL claude-sonnet-4-6 Modelo de ejecucion
VITTO_COMPLEX_CLAUDE_MODEL claude-opus-4-6 Tareas complejas (planning)
VITTO_MEDIUM_CLAUDE_MODEL claude-sonnet-4-6 Tareas medias
VITTO_MAX_CONCURRENT 3 Tareas simultaneas
VITTO_MAX_ITERATIONS 40 Max iteraciones por tarea
VITTO_MAX_TOKENS 300000 Max tokens por tarea
VITTO_TASK_TIMEOUT_MS 900000 Timeout (15 min)
VITTO_CHECKPOINT_ENABLED true Checkpointing de tareas
VITTO_TTS_ENABLED false Text-to-speech

Workspace:

Variable Default Proposito
WORKSPACE_ID gspace1 ID del workspace
WORKSPACE_GROUP gograb-dev Grupo de trabajo
CHAT_USE_VITTO_PROXY true Proxy chat via Vitto
SAVE_GENERATED_LOCALLY true Guardar modulos generados local

Archivos de configuracion:

Archivo Proposito Commitear?
.env.local Config principal desarrollo NUNCA
.env Fallback NUNCA
deployment/shared/.env.example Template completo SI
environments/backend.env.template Template backend SI
apps/*/src/environments/ Angular environments (ts) SI

9. Grafo de Dependencias

vitto-core (fundacion)
├── VittoApiService → backend-vitto-api:3003
├── VittoScreenCaptureService
├── VittoPageContextRegistry
├── BrainContextService
└── Models: Observatory DTOs, Memory v2

vitto-chat (conversacion)
├── depends: vitto-core, @libs-foundational/api-config
├── VittoChatEngineService → /ai-api/chat (backend-ai:3001)
├── VittoChatPersistenceService → IndexedDB
├── VittoEmotionService
├── VittoVoiceService → Web Speech API
└── 28+ UI components

vitto-hub (dashboard)
├── depends: vitto-core
├── VittoMonitorService → SSE + REST
└── 44+ components (lazy-loaded routes)

vitto-intelligence (perfilado)
├── depends: backend-vitto-api
├── Dossier API + Job Mastery
└── 6 UI components

vitto-maker (configuracion)
├── depends: vitto-core
├── VittoProfileService (5 segmentos)
└── Undo/redo, completeness tracking

vitto-studio (IDE)
├── depends: vitto-core, vitto-chat
├── 19 dock panels, 40+ services
└── VFS, preview, generation, git, deploy

Soporte:
├── agent-mind → Visualizacion 3D
├── agent-orchestrator → Task orchestration
├── agent-sdk → Universal agent framework
├── chat-plugin-core → Plugin system
├── chat-sync → MongoDB persistence
├── prompt-system → Templates
├── platform-intelligence → Knowledge feeding
└── vitto-rive-avatar → Animated avatar (14 moods)

10. Estimacion de Esfuerzo para GA

Prioridad Tarea Estimacion
P0 Fix 3 bugs criticos (BUG-001, 002, 003) 1-2 semanas
P0 Fix memory leaks (13 subscriptions) 3-5 dias
P1 Integrar page-builder en visual canvas 3-5 dias
P1 Limpiar inline CSS (17 panels) 1 semana
P1 Accessibility (ARIA labels) 1-2 semanas
P2 Code editor avanzado 2-3 semanas
P2 Deploy CI/CD pipeline 2-3 semanas
P2 Git advanced features 1-2 semanas
P3 Rive avatar build completo 2-4 semanas (animator)
P3 Collaborative editing 4-6 semanas

Total estimado para GA (P0+P1): ~4-6 semanas Full feature set (P0-P3): ~3-4 meses