Darwin AI — Plataforma (Visión General)
URL Base:
https://app.getdarwin.ai
1. Estructura Global de la Interfaz
La plataforma Darwin AI posee una estructura consistente en todas las páginas:
┌──────────────────────────────────────────────────┐
│ [Logo] Darwin AI [Fixar] [Notif] [Idioma] [Config] [Org] │ ← Top Bar
├────────────┬─────────────────────────────────────┤
│ │ │
│ Sidebar │ Conteúdo Principal │
│ (Menu) │ │
│ │ │
│ │ │
│ │ │
│ │ │
├────────────┴─────────────────────────────────────┤
│ [Darwin Assistant] [Ajuda] │ ← Floating Buttons
└──────────────────────────────────────────────────┘2. Barra Superior (Top Bar)
2.1 Elementos Fijos
| Elemento | Tipo | Descripción |
|---|---|---|
| Logo | Link (/) | Logotipo de Darwin AI, redirige al home |
| "Darwin AI" | Imagen | Nombre de la plataforma |
| Fijar menú | Button (toggle) | Alterna entre menú lateral fijo y colapsable |
2.2 Elementos de Navegación Global
| Elemento | Tipo | Descripción |
|---|---|---|
| Menú (Hamburger) | Button | Abre/cierra el menú lateral en pantallas más pequeñas |
| Espacio de trabajo | Button | Muestra el workspace actual + nombre del usuario (ej.: "Raphael Porto") |
| Notificaciones | Button + badge | Campana con conteo de notificaciones (ej.: "0") |
| Cambiar Idioma | Button | Selector de idioma de la interfaz (ej.: "Portugués") |
| Configuración | Link | Acceso a la configuración (/settings?ouId={orgId}) |
| Avatar de la Organización | Button | Iniciales + nombre de la organización actual |
3. Menú Lateral (Sidebar)
3.1 Elementos de Navegación
| # | Elemento | Tipo | URL | ¿Expandible? |
|---|---|---|---|---|
| 1 | Workforce | Link | /ou/{orgId}/workforce | No |
| 2 | Base de Conocimiento | Link | /ou/{orgId}/knowledge-base | No |
| 3 | Pipelines | Link | /ou/{orgId}/pipelines | No |
| 4 | Conversaciones | Link | /ou/{orgId}/conversations | No |
| 5 | Contactos | Link | /ou/{orgId}/contacts | No |
| 6 | Probar ahora | Button | — | Sí |
| 7 | Campañas | Button | — | Sí |
| 8 | Reportes | Button | — | Sí |
| 9 | Workflows | Link | /ou/{orgId}/workflows | No |
| 10 | Canales | Button | — | Sí |
3.2 Comportamiento de los Elementos Expandibles
Los elementos marcados como "Button" (no "Link") poseen una flecha de expansión que revela subelementos:
- Probar ahora → Prueba en WhatsApp, Pruebas Manuales, Pruebas Automáticas de IA
- Campañas → Lista, Constructor de Campañas
- Reportes → Pipelines, Desempeño del Equipo, Canales, Calidad de la IA
- Canales → Conectar un Canal, WhatsApp, Instagram, Facebook Messenger, Web Chat, SMS, Llamadas Telefónicas
4. Navegación por URL
4.1 Estructura de URLs
| Patrón | Descripción |
|---|---|
/ou/{orgId}/workforce | Página de Workforce |
/ou/{orgId}/knowledge-base | Base de Conocimiento |
/ou/{orgId}/pipelines | Pipelines |
/ou/{orgId}/conversations | Conversaciones |
/ou/{orgId}/contacts | Contactos |
/ou/{orgId}/test-on-whatsapp | Prueba en WhatsApp |
/ou/{orgId}/tryitout | Pruebas Manuales |
/ou/{orgId}/autotesting | Pruebas Automáticas |
/ou/{orgId}/campaigns | Lista de Campañas |
/ou/{orgId}/campaign-builder | Constructor de Campañas |
/ou/{orgId}/reports/pipelines | Reporte de Pipelines |
/ou/{orgId}/reports/team | Reporte de Equipo |
/ou/{orgId}/reports/channels | Reporte de Canales |
/ou/{orgId}/reports/audit | Reporte de Calidad de la IA |
/ou/{orgId}/workflows | Workflows (Albato) |
/ou/{orgId}/channels | Gestión de Canales |
/settings?ouId={orgId} | Configuración |
5. Botones Flotantes (Globales)
| Botón | Posición | Descripción |
|---|---|---|
| Abrir Darwin Assistant | Esquina inferior derecha | Asistente de IA de la plataforma (BETA) |
| Ayuda | Esquina inferior derecha | Centro de ayuda y soporte (Intercom) |
6. Funcionalidades Globales
6.1 Notificaciones
- Badge numérico con el conteo de notificaciones no leídas
- Ícono de campana
- Clicable para abrir el centro de notificaciones
6.2 Idioma
- Selector de idioma de la interfaz
- Soporte confirmado: Portugués
- Cambia los textos de la UI
6.3 Múltiples Workspaces
- Avatar de la organización con selector
- Permite alternar entre diferentes organizaciones/workspaces
- Se muestra como iniciales + nombre
6.4 Meta Pixel
- La plataforma utiliza Meta Pixel para tracking (ID: 1466484284480891)
6.5 Intercom
- Integración con Intercom para el chat de soporte (
api-iam.intercom.io)
7. Tecnología
| Componente | Tecnología |
|---|---|
| Frontend Framework | React (con Material UI - MUI) |
| Enrutamiento | Next.js (basado en /ou/ y /settings) |
| Workflows Embebidos | Albato (iframe embed) |
| Soporte | Intercom |
| Analytics | Meta Pixel |