Visão Geral
A página de Configurações permite gerenciar informações pessoais, conexões WhatsApp e acessar áreas administrativas.A página foi simplificada e focada nas funcionalidades essenciais, com acesso direto às configurações mais importantes.
Seções Disponíveis
A página é organizada em cards distintos:Conexão Evolution API
Status e gerenciamento da conexão WhatsApp
Informações do Perfil
Dados da conta e alteração de senha
Bloqueio Inteligente
Gerenciamento de contatos bloqueados
Área Super Admin
Acesso às configurações avançadas
Conexão Evolution API
Card de Status
O primeiro card mostra o status atual da conexão WhatsApp:Informações Exibidas
- Instância: Nome da instância conectada
- Status: Badge colorido indicando o estado
- 🟢 Conectado - WhatsApp ativo e pronto
- 🔴 Desconectado - Necessita reconexão
- 🟡 Conectando - Em processo de conexão
- Número: Telefone conectado (quando disponível)
Ações Disponíveis
- Quando Desconectado
- Quando Conectado
- Gerar QR Code - Inicia processo de conexão
- Atualizar Status - Verifica estado atual
Modal QR Code
Ao clicar em “Gerar QR Code”:- Modal abre com código QR
- Instruções para escanear
- Código expira em 60 segundos
- Opção de gerar novo código
Estados de Carregamento
- Gerando QR: Spinner com mensagem
- Desconectando: Botão desabilitado
- Atualizando: Ícone de refresh animado
Informações do Perfil
Dados Exibidos
- Email: Email de login da conta
- ID da Empresa: Identificador único
- Descrição sobre atualização de dados
Alteração de Credenciais
O botão “Alterar Email ou Senha” abre um modal para atualização segura dos dados de acesso.
Modal de Perfil
Permite alterar:- Email de Login - Com confirmação
- Senha - Com validação de força
- Requer senha atual para confirmar
Bloqueio Inteligente
Sobre a Funcionalidade
Sistema que filtra automaticamente contatos bloqueados de todas as campanhas.Esta funcionalidade pode estar desabilitada para algumas empresas. Verifique com o administrador.
Estados do Card
- Habilitado
- Desabilitado
- Descrição completa da funcionalidade
- Botão vermelho “Gerenciar Contatos Bloqueados”
- Nota sobre filtragem automática
Modal de Contatos Bloqueados
Ao clicar no botão (quando habilitado):- Lista de contatos bloqueados
- Opção de adicionar novos
- Importação em massa
- Remoção individual
Área Super Admin
Acesso Administrativo
Card especial para acessar configurações avançadas da empresa.Redireciona para
/empresa/{companyId}/super-admin
com autenticação adicional.Funcionalidades do Super Admin
No painel administrativo é possível:- Configurar bancos de dados
- Gerenciar Evolution APIs
- Configurar N8N
- Administrar usuários
- Ver logs e auditoria
Requisitos
- Senha de administrador da empresa
- Permissões especiais
- Acesso restrito por IP (opcional)
Interface e Responsividade
Layout
- Cards com sombra e bordas arredondadas
- Espaçamento consistente entre seções
- Ícones ilustrativos em cada título
Dark Mode
Todos os elementos se adaptam automaticamente ao tema escuro do sistema.
- Fundos escuros para cards
- Textos com contraste apropriado
- Botões com cores ajustadas
- Transições suaves
Mobile
Em dispositivos móveis:- Cards empilhados verticalmente
- Botões ocupam largura total
- Modais em tela cheia
- Touch-friendly
Mensagens e Feedback
Toast Notifications
Ações geram notificações:- ✅ “QR Code gerado”
- ✅ “Desconectado com sucesso”
- ❌ “Erro ao gerar QR Code”
- ❌ “Erro ao desconectar”
- ❌ “Erro ao acessar área administrativa”
Estados de Loading
- Botões mostram estado de carregamento
- Desabilitados durante processamento
- Spinners animados onde apropriado
Integração com API
Endpoints Utilizados
Fluxo de Navegação
Dicas de Uso
WhatsApp Estável
Mantenha o WhatsApp do celular sempre conectado à internet
Senha Forte
Use senhas complexas e únicas para maior segurança
Lista Limpa
Revise periodicamente os contatos bloqueados
Backup Regular
Use o painel admin para fazer backups dos dados
Solução de Problemas
QR Code não aparece
- Verifique conexão com internet
- Confirme que Evolution API está configurada
- Tente atualizar a página
- Contate o administrador
Bloqueio desabilitado
- Funcionalidade depende do plano
- Administrador pode habilitar
- Verifique com suporte
Erro ao acessar admin
- Confirme ID da empresa
- Limpe cookies e cache
- Tente logout e login
- Verifique permissões
Limitações
- Apenas uma instância WhatsApp por empresa
- Bloqueio inteligente pode estar desabilitado
- Super Admin requer senha adicional
- Algumas configurações só via administrador geral