Canary Watch — Monitoramento Pós-Implantação

Quando Usar

• Após implantar em produção ou staging
• Após mesclar um PR arriscado
• Quando você quer verificar se um conserto realmente resolveu o problema
• Monitoramento contínuo durante uma janela de lançamento
• Após atualizações de dependências

Como Funciona

Monitora uma URL implantada em busca de regressões. Executa em um loop até ser interrompido ou até que a janela de monitoramento expire.

O Que Ele Monitora

1. HTTP Status — is the page returning 200?
2. Console Errors — new errors that weren't there before?
3. Network Failures — failed API calls, 5xx responses?
4. Performance — LCP/CLS/INP regression vs baseline?
5. Content — did key elements disappear? (h1, nav, footer, CTA)
6. API Health — are critical endpoints responding within SLA?
7. Static Assets — are JS, CSS, image, and font requests returning 2xx/3xx with expected content types?
8. SSE Streams — do event-stream endpoints connect and receive an initial event or heartbeat?

Modos de Monitoramento

Verificação rápida (padrão): passagem única, relata resultados

/canary-watch https://myapp.com

Monitoramento contínuo: verifica a cada N minutos por M horas

/canary-watch https://myapp.com --interval 5m --duration 2h

Modo de comparação: compara staging vs produção

/canary-watch --compare https://staging.myapp.com https://myapp.com

Limiares de Alerta

critical:  # immediate alert
  - HTTP status != 200
  - Console error count > 5 (new errors only)
  - LCP > 4s
  - API endpoint returns 5xx
  - Static asset returns 4xx/5xx
  - SSE endpoint cannot connect or drops before first heartbeat

warning:   # flag in report
  - LCP increased > 500ms from baseline
  - CLS > 0.1
  - New console warnings
  - Response time > 2x baseline
  - Static asset content type changed unexpectedly
  - SSE heartbeat latency > 2x baseline

info:      # log only
  - Minor performance variance
  - New network requests (third-party scripts added?)

Notificações

Quando um limiar crítico é ultrapassado:

• Notificação no desktop (macOS/Linux)
• Opcional: webhook do Slack/Discord
• Registra em ~/.claude/canary-watch.log

Saída

## Canary Report — myapp.com — 2026-03-23 03:15 PST

### Status: HEALTHY ✓

| Check | Result | Baseline | Delta |
|-------|--------|----------|-------|
| HTTP | 200 ✓ | 200 | — |
| Console errors | 0 ✓ | 0 | — |
| LCP | 1.8s ✓ | 1.6s | +200ms |
| CLS | 0.01 ✓ | 0.01 | — |
| API /health | 145ms ✓ | 120ms | +25ms |
| Static assets | 42/42 ✓ | 42/42 | — |
| SSE /events | connected ✓ | connected | +80ms heartbeat |

### No regressions detected. Deploy is clean.

Integração

Combine com:

• /browser-qa para verificação pré-implantação
• Hooks: adicione como um hook PostToolUse no git push para verificar automaticamente após implantações
• CI: execute no GitHub Actions após a etapa de implantação