Inbox

O que essa tela faz

É uma tela de chat estilo WhatsApp — lista as conversas de WhatsApp com os visitantes (wz_conversas) e permite abrir cada uma pra ler o histórico e responder. Atualiza em tempo real (Supabase Realtime): mensagem nova aparece sozinha, sem recarregar a página.

Importante: esta rota (/admin/inbox) não aparece no menu lateral do painel (components/admin-nav.tsx) — o item "Mensagens" do menu aponta pra /admin/mensagens, um inbox unificado (WhatsApp + Instagram + Aia) que parece ser o caminho real de navegação hoje. Os dois leem a mesma tabela wz_conversas/wz_mensagens, então esta tela continua funcional, só está fora do menu principal — acessível apenas por URL direta.

Campo a campo

• Lista de conversas (coluna esquerda em tela larga, tela cheia no celular) — nome ou

telefone, prévia da última mensagem, hora/data e uma bolha com a contagem de não lidas.

• Chat aberto — mensagens em ordem cronológica, recebidas à esquerda e enviadas à direita

(cor de destaque), com hora de cada uma; mensagens que não são texto puro mostram uma etiqueta com o tipo (ex. [imagem]).

• Campo de resposta — texto livre no rodapé do chat.

Ao abrir uma conversa, o contador de não lidas dela é zerado automaticamente.

Ações disponíveis

• Clicar numa conversa — abre o chat (no celular, a lista some e o chat ocupa a tela, com

botão de voltar).

• Digitar e enviar (Enter/botão) — chama POST /api/whatsapp/enviar com o texto e o id da

conversa; a mensagem enviada aparece no chat via Realtime assim que o envio é confirmado pelo provedor.

• Voltar (celular) — fecha o chat e volta pra lista de conversas.

Dúvidas frequentes

P: Não encontro esta tela no menu do painel. R: Ela não está no menu — use /admin/mensagens para o fluxo normal de atendimento (WhatsApp + Instagram + Aia num só lugar); esta tela (/admin/inbox) é o inbox só de WhatsApp, existente mas fora do menu principal.

P: A tela mostra "Nenhuma mensagem ainda." R: Significa que ainda não existe nenhuma conversa de WhatsApp registrada — assim que alguém mandar mensagem, ela aparece aqui automaticamente.

Erros comuns

Esta tela não expõe mensagem de erro própria na interface — se o envio falhar (chamada a /api/whatsapp/enviar), a interface simplesmente não confirma o envio; não há um texto de erro exibido nesta versão do componente.