Darwin AI — Plataforma (Visão Geral)
URL Base:
https://app.getdarwin.ai
1. Estrutura Global da Interface
A plataforma Darwin AI possui uma estrutura consistente em todas as 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 Fixos
| Elemento | Tipo | Descrição |
|---|---|---|
| Logo | Link (/) | Logotipo do Darwin AI, redireciona para home |
| "Darwin AI" | Imagem | Nome da plataforma |
| Fixar menu | Button (toggle) | Alterna entre menu lateral fixo e colapsável |
2.2 Elementos de Navegação Global
| Elemento | Tipo | Descrição |
|---|---|---|
| Menu (Hamburger) | Button | Abre/fecha menu lateral em telas menores |
| Espaço de trabalho | Button | Exibe o workspace atual + nome do usuário (ex: "Raphael Porto") |
| Notificações | Button + badge | Sino com contagem de notificações (ex: "0") |
| Alternar Idioma | Button | Seletor de idioma da interface (ex: "Português") |
| Configurações | Link | Acesso às configurações (/settings?ouId={orgId}) |
| Avatar da Organização | Button | Iniciais + nome da organização atual |
3. Menu Lateral (Sidebar)
3.1 Itens de Navegação
| # | Item | Tipo | URL | Expansível? |
|---|---|---|---|---|
| 1 | Workforce | Link | /ou/{orgId}/workforce | Não |
| 2 | Base de Conhecimento | Link | /ou/{orgId}/knowledge-base | Não |
| 3 | Pipelines | Link | /ou/{orgId}/pipelines | Não |
| 4 | Conversas | Link | /ou/{orgId}/conversations | Não |
| 5 | Contatos | Link | /ou/{orgId}/contacts | Não |
| 6 | Teste agora | Button | — | Sim |
| 7 | Campanhas | Button | — | Sim |
| 8 | Relatórios | Button | — | Sim |
| 9 | Workflows | Link | /ou/{orgId}/workflows | Não |
| 10 | Canais | Button | — | Sim |
3.2 Comportamento dos Itens Expansíveis
Itens marcados como "Button" (não "Link") possuem uma seta de expansão que revela sub-itens:
- Teste agora → Teste no WhatsApp, Testes Manuais, Testes Automáticos de IA
- Campanhas → Lista, Construtor de Campanhas
- Relatórios → Pipelines, Desempenho do Equipe, Canais, Qualidade da IA
- Canais → Conectar um Canal, WhatsApp, Instagram, Facebook Messenger, Chat Web, SMS, Chamadas Telefônicas
4. Navegação por URL
4.1 Estrutura de URLs
| Padrão | Descrição |
|---|---|
/ou/{orgId}/workforce | Página de Workforce |
/ou/{orgId}/knowledge-base | Base de Conhecimento |
/ou/{orgId}/pipelines | Pipelines |
/ou/{orgId}/conversations | Conversas |
/ou/{orgId}/contacts | Contatos |
/ou/{orgId}/test-on-whatsapp | Teste no WhatsApp |
/ou/{orgId}/tryitout | Testes Manuais |
/ou/{orgId}/autotesting | Testes Automáticos |
/ou/{orgId}/campaigns | Lista de Campanhas |
/ou/{orgId}/campaign-builder | Construtor de Campanhas |
/ou/{orgId}/reports/pipelines | Relatório de Pipelines |
/ou/{orgId}/reports/team | Relatório de Equipe |
/ou/{orgId}/reports/channels | Relatório de Canais |
/ou/{orgId}/reports/audit | Relatório de Qualidade da IA |
/ou/{orgId}/workflows | Workflows (Albato) |
/ou/{orgId}/channels | Gerenciamento de Canais |
/settings?ouId={orgId} | Configurações |
5. Botões Flutuantes (Globais)
| Botão | Posição | Descrição |
|---|---|---|
| Abrir Darwin Assistant | Canto inferior direito | Assistente de IA da plataforma (BETA) |
| Ajuda | Canto inferior direito | Central de ajuda e suporte (Intercom) |
6. Funcionalidades Globais
6.1 Notificações
- Badge numérico com contagem de notificações não lidas
- Ícone de sino
- Clicável para abrir central de notificações
6.2 Idioma
- Seletor de idioma da interface
- Suporte confirmado: Português
- Alterna textos da UI
6.3 Múltiplos Workspaces
- Avatar da organização com seletor
- Permite alternar entre diferentes organizações/workspaces
- Exibido como iniciais + nome
6.4 Meta Pixel
- Plataforma utiliza Meta Pixel para tracking (ID: 1466484284480891)
6.5 Intercom
- Integração com Intercom para chat de suporte (
api-iam.intercom.io)
7. Tecnologia
| Componente | Tecnologia |
|---|---|
| Frontend Framework | React (com Material UI - MUI) |
| Roteamento | Next.js (baseado em /ou/ e /settings) |
| Workflows Embarcados | Albato (iframe embed) |
| Suporte | Intercom |
| Analytics | Meta Pixel |