ACCEPTANCE CRITERIA (25/26)
☑ Em `generateBuildingFloors()` (sync.js), adicionar `agent-${floor.agent.id}` ao `className` do div do agente
☑ Adicionar função `generateAgentSVG(agentId)` que retorna o SVG pixel art do agente
☐ HTML do agente muda de:
☑ SVG: `width="12" height="18" viewBox="0 0 12 18"` — escala pixel art para o floor de 24px
☑ CSS base do agente: `width: 12px; height: 18px; position: absolute; bottom: 3px;`
☑ `overflow: visible` no `.floor` para agentes não serem cortados
☑ Substituir CSS dos 10 agentes (`.agent-research`, `.agent-coding`, etc.) — remover `::before` e `::after` genéricos
☑ CSS base novo para todos os agentes:
☑ **Alex (research)** — Folhear páginas + inclinar cabeça:
☑ **Dex (coding)** — Digitação rápida + head-bob intenso:
☑ **Gage (monitor)** — Patrulha lenta + para + vira:
☑ **Uma (drawing)** — Pincelada + recuo para ver:
☑ **Aria (thinking)** — Caminha devagar, para, pensa, volta:
☑ **Morgan (presenting)** — Passo para frente + aponta + nod:
☑ **Pax (writing)** — Cabeça desce + escreve + levanta:
☑ **Quinn (inspecting)** — Move para inspecionar + recua + anota:
☑ **River (gesturing)** — Gesto largo + bounce + vira:
☑ **Dara (dashboards)** — Olha tela 1, tela 2, tela 3 rapidamente:
☑ `prefers-reduced-motion`: todas as animações de agente são `animation: none`
☑ Quando GSAP disponível, substituir CSS animations por GSAP timelines para os agentes mais perceptíveis:
☑ `node squads/hq/scripts/sync.js` gera sem erros
☑ Todos os agentes aparecem nos andares dos prédios (nenhum desaparece)
☑ `data-mode="focused/relaxed"` do Sprint 5 ainda funciona sobre o novo sistema
☑ TV glow nos andares sem agente continua funcionando
☑ HTML size aumento ≤ 15% (SVGs por agente são pequenos: ~400 bytes × 10 = ~4KB)
☑ `agent-walk` (squad live) ainda funciona — agente anda e tem o SVG correto