A sidebar do painel está organizada por agentes (Memo, Otto, Turbinador) com clusters próprios. Esta página explica a lógica e como navegar de forma eficiente.
A estrutura do menu
PRINCIPAL
├── Painel — visão geral
└── Oportunidades — sugestões automáticas
AGENTE MEMO · CONSULTOR IA
├── Sugestões
├── Calendário Editorial
└── Configurar
AGENTE OTTO
├── Recuperação
├── Automações
├── Ímã de Leads
├── Fidelidade (em breve)
├── Newsletter
├── Resultados
└── Configurar
MINHA LOJA
├── Clientes
├── Pedidos
└── Produtos
TURBINADOR
SISTEMA
└── ConfiguraçõesA lógica por trás
Cada agente tem cluster próprio com tudo que se refere a ele:
- Visão do agente (o que está fazendo agora)
- Configurar do agente (parâmetros específicos)
- Métricas quando relevante
A motivação: lojista pensa "quero ajustar o Memo" — encontra tudo de Memo no cluster Memo. Não precisa pular entre Configurações geral e Memo.
Configurações: gerais vs do agente
| Tipo | Onde fica |
|---|---|
| Configuração de loja (CNPJ, endereço, dados cadastrais) | Configurações (sistema, no rodapé) |
| Configuração de plataforma (WooCommerce, Shopify) | Configurações > Conexões |
| Configuração específica do Memo (tom, horário, equipe) | Memo > Configurar |
| Configuração específica do Otto (canais, quiet hours) | Otto > Configurar |
| DNA da marca | Configurações > Marca (compartilhado entre agentes) |
| Email (domínio, suppression, cota) | Configurações > Email |
A regra: se afeta um agente só, mora no cluster do agente. Se afeta a loja inteira, mora em Configurações geral.
Navegação por teclado
Atalhos disponíveis:
| Atalho | Ação |
|---|---|
Ctrl + K (ou Cmd + K no Mac) | Abrir busca rápida |
G + P | Ir para Painel |
G + O | Ir para Oportunidades |
G + R | Ir para Recuperação |
G + M | Ir para Memo |
G + N | Ir para Newsletter |
G + C | Ir para Clientes |
G + S | Ir para Configurações |
? | Mostrar lista de atalhos |
<!-- TODO: confirmar com Gabriel quais atalhos estão implementados de fato -->
Itens "em breve"
Alguns itens aparecem com badge "em breve":
- Fidelidade — agente de cashback e níveis (Otto)
Itens "em breve" estão visíveis no menu para preparar expectativa. Clicar leva a página informativa explicando o que será.
Sidebar colapsável
A sidebar pode ser:
- Expandida (largura padrão, ícone + label)
- Colapsada (apenas ícones, ganha espaço de tela)
O toggle está no canto inferior. Estado é salvo por usuário — fica como você deixou na próxima sessão.
Multi-loja
Se você opera múltiplas lojas, há seletor de loja no topo da sidebar:
- Clique no nome da loja atual
- Lista de lojas suas aparece
- Selecione a loja desejada
- Painel recarrega com dados da nova loja
Atalho rápido: Ctrl + L (ou Cmd + L).
Visualização mobile
Em telas menores (mobile, tablet), a sidebar vira:
- Drawer lateral que abre com ícone de menu
- Bottom nav simplificada com 5 itens principais (Painel, Oportunidades, Memo, Otto, Configurar)
Detalhes da experiência mobile em Painel mobile: o que muda.
Identificando contexto rápido
Indicadores visuais úteis:
- Banner vermelho topo: alerta crítico (sandbox ativo, problema técnico)
- Banner amarelo topo: atenção (cota em 80%, DKIM em atenção)
- Sininho com badge topo direito: avisos não-lidos
- Indicador de status ao lado de cada agente (verde/amarelo/vermelho)
Sidebar para super admin
Super admins têm sidebar diferente, com cluster VISÃO GERAL, AGENTE MEMO (admin), AGENTES IA (admin), OPERAÇÕES, CONFIGURAÇÕES. Detalhes em documentação interna.
Personalização
No MVP, a sidebar não é personalizável — ordem e itens são fixos.
<!-- TODO: confirmar com Gabriel se personalização entra no roadmap -->