# Troubleshooting - Webhook não aparece em Produção

## Problema
O webhook aparece em desenvolvimento mas não em produção.

## Possíveis Causas e Soluções

### 1. Build do Frontend Desatualizado

**Sintoma**: A seção do webhook não aparece mesmo expandindo a aba "Integrações WhatsApp".

**Solução**:
```bash
# No servidor de produção
cd frontend
npm run build
# Ou se usar yarn:
yarn build

# Depois, limpar cache do navegador
# Ctrl+Shift+R (Chrome/Firefox) ou Ctrl+F5
```

### 2. Cache do Navegador

**Sintoma**: O webhook não aparece mesmo após rebuild.

**Solução**:
1. Abra o DevTools (F12)
2. Clique com botão direito no botão de refresh
3. Selecione "Esvaziar cache e atualizar forçadamente" (Empty Cache and Hard Reload)
4. Ou limpe todo o cache do navegador

### 3. Versão Antiga do Código em Produção

**Verificação**:
1. Verifique se o arquivo `frontend/src/components/IntegrationsTab.tsx` contém a seção do webhook (linhas ~660-696)
2. Procure por `URL do Webhook Evolution API` no código

**Solução**:
```bash
# Garantir que o código está atualizado
git pull origin main
# Ou copiar manualmente o arquivo IntegrationsTab.tsx atualizado
```

### 4. Erro de Importação do FiLink

**Sintoma**: Erro no console: `FiLink is not defined`

**Verificação**: 
Verifique se a linha 2 do `IntegrationsTab.tsx` tem `FiLink` nos imports:
```typescript
import { ..., FiLink } from 'react-icons/fi';
```

**Solução**: Adicione `FiLink` aos imports se estiver faltando.

### 5. Cache do Servidor/CDN

**Sintoma**: Após rebuild, ainda não aparece.

**Solução**:
- Limpar cache do CDN (Cloudflare, etc.)
- Verificar se há cache no servidor web (Nginx/Apache)
- Adicionar versionamento ao build (hash nos arquivos JS)

### 6. Verificação Rápida no Console

Execute no console do navegador (F12):
```javascript
// Verificar se o componente foi carregado
console.log(document.querySelector('[class*="IntegrationsTab"]'));

// Verificar se há erros de importação
// Abra a aba "Network" e procure por erros 404 em arquivos .js
```

### 7. Forçar Recarregamento Completo

1. Feche todas as abas do site
2. Limpe cookies e cache do domínio
3. Abra em aba anônima/privada
4. Faça login novamente

### 8. Verificar Versão do Build

Adicione um console.log temporário para verificar:
```typescript
// No IntegrationsTab.tsx, linha ~640
console.log('🔍 WhatsApp Integration Section renderizado', new Date().toISOString());
```

Se não aparecer no console em produção, o componente não está sendo renderizado.

## Checklist de Deploy

- [ ] Código atualizado no servidor de produção
- [ ] Frontend build executado (`npm run build` ou `yarn build`)
- [ ] Cache do navegador limpo (Ctrl+Shift+R)
- [ ] Cache do CDN limpo (se usar Cloudflare, etc.)
- [ ] Sem erros no console do navegador
- [ ] A aba "Integrações" está expandida
- [ ] A seção "Integrações WhatsApp" está expandida

## Verificação Final

1. Abra `/admin/settings` → aba "Integrações"
2. Expanda a seção "Integrações WhatsApp"
3. Deve aparecer uma caixa azul com o título "URL do Webhook Evolution API"
4. Deve mostrar a URL: `https://seudominio.com/api/webhooks/EvoAPI`

Se ainda não aparecer após todas as verificações, verifique os logs do servidor para possíveis erros de build ou runtime.