Visão Geral do Dashboard

O dashboard do ChatReact é seu hub central para gerenciar chatbots, monitorar conversas e configurar sua plataforma.

Página Inicial do Dashboard

Ao acessar seu dashboard, você verá uma visão abrangente da atividade do seu chatbot:

Barra de Ações Rápidas

No topo do dashboard, você encontrará botões de ação rápida para recursos usados com frequência:

• + FAQ - Ir para o gerenciamento de FAQ
• Knowledge - Acessar knowledge base
• Settings - Configurações do chatbot
• Live Chat - Conversas em tempo real
• Leads - Gestão de leads (se habilitado no seu plano)
• Forms - Criador de formulários (se habilitado no seu plano)

Grade de KPI Statistics

O dashboard exibe até 6 indicadores-chave de performance:

Painéis de Atividade

O dashboard mostra quatro painéis principais:

1. Recent Chats - Conversas mais recentes de clientes com badges de status
2. New Leads - Leads recentes com informações de contato (se Lead Management habilitado)
3. Pending FAQ Suggestions - FAQs geradas por IA prontas para aprovação
4. Activity Feed - Linha do tempo combinada de toda atividade recente

Estrutura de Navegação

A barra lateral do dashboard fornece acesso a todos os recursos principais:

Seções Principais

Gerenciamento de Chatbot

Cada chatbot tem sua própria página de configurações com abas:

• General: Nome, descrição e status
• Persona: Personalidade e estilo de comunicação
• Tonality: Formal/informal, nível de humor, etc.
• Languages: Idioma principal e idiomas suportados
• Widget: Personalização de aparência e design
• Behavior: Mensagens de boas-vindas, cumprimentos proativos
• Restrictions: Regras de compliance e limitações
• Analytics: Métricas de performance e insights
• Feedback: Rastreio de satisfação do cliente
• Live Chat: Configurações de transferência para agente
• Embed: Código de instalação do widget

Cabeçalho do Dashboard

O cabeçalho inclui:

• Company Selector: Alternar entre empresas (se você tiver múltiplas)
• Chatbot Selector: Alternar entre chatbots
• Notifications: Alertas de conclusão de crawl, novos feedbacks, novos leads, etc.
• Language Selector: Alternar entre idiomas da interface
• Theme Toggle: Alternar entre modo claro e escuro
• User Menu: Configurações da conta e logout

Revisão de Chats

Revisando Conversas

A seção Chats permite que você revise conversas e forneça feedback para melhorar seu chatbot:

1. Abra um chat da lista
2. Avalie a conversa usando os botões:
   • Good (Polegar para cima) — Marca o chat como exemplo positivo
   • Needs Improvement (Polegar para baixo) — Abre o Improvement Agent para otimização
   • Reviewed (Check) — Marca o chat como revisado sem avaliá-lo como positivo ou negativo. Não afeta a pontuação de confiança e não dispara e-mails ou sessões de melhoria.

Vista Detalhada do Chat

Cada chat mostra:

• O histórico completo da conversa
• O URL da página onde o chat foi iniciado (link clicável com ícone de globo)
• Informações do visitante (se disponíveis dos formulários pré-chat)

Preview com Simulação de URL

A página Preview permite testar seu chatbot com um URL de página simulado:

1. Vá para Preview na barra lateral
2. Insira um URL no campo de URL (por exemplo, https://yoursite.com/products)
3. O widget se comportará como se estivesse nessa página, permitindo testar respostas específicas por página

Isso é útil para verificar se seu chatbot responde contextualmente a diferentes páginas do seu site.

Assistente Dashboard

O Assistente Dashboard é um helper com IA disponível pelo botão sparkle flutuante no canto inferior direito do dashboard. Ele pode ajudá-lo a gerenciar chatbots, FAQs, configurações e mais por meio de comandos em linguagem natural.

Relatório de Bugs

Quando encontrar um bug ao usar o dashboard, você pode reportá-lo diretamente pelo Assistente Dashboard:

1. Clique no botão sparkle para abrir o Assistente
2. Descreva o problema encontrado
3. O Assistente fará perguntas esclarecedoras para determinar se é um bug real ou uma dúvida de uso
4. Se for um bug confirmado, o Assistente irá:
   • Pedir que você envie uma captura de tela (pelo botão de imagem ou cole da área de transferência)
   • Traduzir sua descrição para alemão para a equipe de desenvolvimento
   • Criar uma issue no GitHub com todos os detalhes relevantes
   • Compartilhar o URL da issue com você para acompanhamento

Upload de Captura de Tela

Você pode anexar capturas de tela às suas mensagens de duas formas:

• Seletor de arquivo: Clique no botão de imagem (à esquerda da entrada de texto) para selecionar um arquivo de imagem
• Colar da área de transferência: Faça uma captura de tela e cole (Ctrl/Cmd+V) na entrada de texto

Formatos suportados: PNG, JPEG, WebP (máx. 5 MB).

Assistente de Onboarding

Quando você cria uma empresa pela primeira vez ou ainda não tem chatbots, o dashboard exibe um assistente de onboarding que o guia por:

1. Create Chatbot - Configurar seu primeiro assistente de IA
2. Add Knowledge - Fazer upload de documentos ou rastrear seu website
3. Customize Design - Ajustar cores e estilo para combinar com sua marca
4. Embed Widget - Adicionar o chatbot ao seu website

Suporte Mobile

O dashboard é totalmente responsivo e funciona em todos os dispositivos:

• Desktop: Navegação lateral completa com todos os recursos visíveis
• Tablet: Barra lateral recolhível com layouts otimizados
• Mobile: Navegação em drawer deslizante, layouts empilhados verticalmente para interação por toque otimizada

Todas as combinações de texto e botão se adaptam automaticamente a telas menores empilhando-se verticalmente.

Próximos Passos

• Chatbot Wizard →
• Knowledge Base →
• Lead Management →
• Team Management →