);
};
const TicketDetail = ({ ticket, canalMeta, slaColor }) => {
const cm = canalMeta[ticket.canal];
const conv = [
{ role: 'customer', autor: ticket.cliente, quando: 'há 2h', canal: ticket.canal, msg: 'Oi, meu pedido #8821 estava agendado para chegar ontem às 18h mas até agora nada! Já paguei e preciso saber o que aconteceu urgente porque era para um jantar.', anexos: [] },
{ role: 'system', msg: 'Ticket aberto · prioridade alta detectada pela IA (palavras: "urgente", "não chegou") · roteado para Patrícia.', quando: 'há 2h' },
{ role: 'agent', autor: 'Patrícia Lima', quando: 'há 1h 40min', msg: 'Oi Ana, sou a Patrícia do suporte! Sinto muito pelo inconveniente — já estou verificando aqui no sistema o que aconteceu. Só um momento.', anexos: [] },
{ role: 'agent', autor: 'Patrícia Lima', quando: 'há 1h 30min', msg: 'Ana, vi aqui que houve um problema com a rota do nosso entregador e a entrega foi remarcada sem avisar você (desculpa por isso!). Vou fazer o seguinte:\n\n1️⃣ Entrego HOJE entre 17h e 19h sem custo adicional\n2️⃣ Dou um cupom de R$ 30 para sua próxima compra como desculpa\n\nTopa?', anexos: [] },
{ role: 'customer', autor: ticket.cliente, quando: 'há 40min', msg: 'Pode ser sim, Patrícia! Obrigada por resolver. Só uma coisa: posso pedir para entregar depois das 18h? Tô chegando do trabalho nesse horário.', anexos: [] },
{ role: 'agent', autor: 'Patrícia Lima', quando: 'há 14min', msg: 'Perfeito Ana! Já reagendei para 18h30-19h30. Você vai receber uma confirmação no WhatsApp quando o entregador sair da loja. 💛', anexos: [] },
];
return (
{conv.map((c, i) => {
if (c.role === 'system') return (
{c.msg} · {c.quando}
);
const me = c.role === 'agent';
return (
{c.autor} · {c.quando}
{c.msg}
);
})}
{/* AI suggestion */}
Sugestão de resposta · IA
"Ana, acabei de confirmar com o entregador João e ele sai daqui às 18h em ponto. Vou te mandar o rastreio assim que ele subir na moto. Qualquer coisa me chama por aqui! 💛"
{/* Composer */}
Resposta via {cm.l}·
);
};
// =============================================================
// 10. Base de Conhecimento
// =============================================================
const KB_CATEGORIES = [
{ id: 'pedidos', label: 'Pedidos & entregas', icon: 'receipt', count: 24, open: true, articles: [
{ id: 1, titulo: 'Como rastrear meu pedido', visibility: 'publico', views: 8420, updated: '12/04/2026', autor: 'Ana', selected: true },
{ id: 2, titulo: 'Prazos e horários de entrega', visibility: 'publico', views: 4210, updated: '10/04/2026', autor: 'Patrícia' },
{ id: 3, titulo: 'Regiões atendidas em Belo Horizonte', visibility: 'publico', views: 2840, updated: '08/04/2026', autor: 'Ana' },
{ id: 4, titulo: 'O que fazer se o pedido não chegou', visibility: 'publico', views: 1820, updated: '05/04/2026', autor: 'Patrícia' },
{ id: 5, titulo: 'Alterar endereço após fazer pedido', visibility: 'publico', views: 920, updated: '02/04/2026', autor: 'João' },
{ id: 6, titulo: 'Protocolo · pedido atrasado (interno)', visibility: 'interno', views: 184, updated: '12/04/2026', autor: 'Patrícia' },
]},
{ id: 'pagamento', label: 'Pagamentos & cobrança', icon: 'wallet', count: 14, open: false },
{ id: 'assinatura', label: 'Assinaturas', icon: 'repeat', count: 8, open: false },
{ id: 'produtos', label: 'Produtos & ingredientes', icon: 'file', count: 18, open: false },
{ id: 'devolucao', label: 'Trocas & devoluções', icon: 'sync', count: 6, open: false },
{ id: 'conta', label: 'Conta & cadastro', icon: 'user', count: 10, open: false },
{ id: 'interno', label: 'Políticas internas', icon: 'lock', count: 12, open: false },
];
const KB_ARTICLE_MD = `# Como rastrear meu pedido
Existem **três formas** de acompanhar o status de um pedido na Padaria Automatiza. Todas são gratuitas e atualizadas em tempo real.
## 1. Pelo link enviado no WhatsApp
Quando seu pedido é confirmado, enviamos automaticamente um link de rastreio personalizado. Basta clicar no link e você verá:
- Status atual (em preparo, a caminho, entregue)
- Nome do entregador e foto
- Tempo estimado até a entrega
- Localização em tempo real no mapa
## 2. Pelo site
Acesse [padariaautomatiza.com.br/meus-pedidos](#) e faça login com seu e-mail. Você verá a lista completa de pedidos recentes.
## 3. Pelo app mobile
Abra o app e toque em **Meus pedidos** na tela inicial. Disponível para iOS e Android.
---
> 💡 **Dica:** ative as notificações push no app para receber alertas automáticos quando seu pedido mudar de status.
### Se o rastreio não aparecer
- Confira se você usou o mesmo e-mail do cadastro
- Pedidos feitos pelo WhatsApp aparecem após 10 minutos
- Em caso de erro, contate nosso suporte pelo chat
`;
const PageKbSuporte = ({ onNavigate }) => {
const [selectedArticle, setSelectedArticle] = React.useState(KB_CATEGORIES[0].articles[0]);
const [mode, setMode] = React.useState('preview');
const [categories, setCategories] = React.useState(KB_CATEGORIES);
const toggleCat = (id) => setCategories(categories.map(c => c.id === id ? { ...c, open: !c.open } : c));
const [search, setSearch] = React.useState('');
return (
Base de conhecimento
92 artigos · busca inteligente para clientes e equipe.