## Goal
Pequenos ajustes gerais no UI:
HOMEPAGE (/)
- hero inicial -> ao adicionar uma iamgem, não há orientação clara (no CMS) das dimensões correta da imagem, fazendo com que (no portal) a imagem não carrege nas dimensões corretas, expondo background e afins
- idealmente, deve informar as dimensões apropriadas e, quando amior ou menor, expandir a imagem até encaixar corretametne no espaço visível
- últimas Postagens -> O título "últimas Postagens" está significativamente pequeno se comparado à demais seçõess, veja via sniff ela e as demais e padronize
- a tag "nacional, regional" está com o texto muito grande, faça algo mais elegante: Na regional adicione o nome + o ícone de uma medalhada, sem cores, similar ao que há na página detalhada de regionais ()
- para as regionais, deixar sem esse ícone
- em ambas, padronizar o tamanho do texto
- agenda SUCESU -> o ano dentro do mês no calendário à esquerda esta'com texto escuro e muito pequeno em um fundo escuro, corrija essa acessibilidade
- O botão "ver todos os eventos" não respeita a cor primária do site
- em "Acompanhe eventos de cada região", os botões "saiba mais ->" não respeitam a cor primária do site
SOBRE NÓS (/sobre-nos)
- Exite um símbolo de aspas no final da página, definido em ()
- Esse símbolo está MUITO feio, faça uma avaliação e crie um símbolo de aspas elegante e alinahdo ao site
- A imagem ao lado dese símbolo está terrível e não é modificável, investigue no CMS no módulo sobre-nos (v2/Module/Institucional/SobreNos) e aidcione um botão para mudar isso
REGIONAIS
- Todos os botões "ver detalhes" não respeitam a cor primária o portal
ASSOCIADOS
- botões "ver detalhes" não respeitam cor primária
- em detalhes do associado, o elemento que indica à qual regional é associado não respeita a cor primária do portal
NOTICIAS
- Botão "leia mais ->" não respeita cor primária, data de pbulicação também não
Agenda
- Botão 'saiba mais ->" não respeita cor primária
- dentro da agenda fdealhada, o botão "voltar para agenda" não respeita cor adequada
GERAL
existe um botão 'voltar/imprimir" que aparece no rodapé de algumas páginas, como o detalhametno de agenda, ele não respeita as cores primárias
- Existe um CSS dedicado a personalizar essa parte de imprimir, remova ele por completo, é muito complexo e difícil de manter, melhor apenas servir algo simples e funcional
## Success Criteria
1. Logs estruturados em pontos chave
2. Testes rodando sem erros
3. SniffCSS confirmando UI coerente com o esperado
4. Testes automatizados para garantia de não-regressão
5. Suíte V2 Unit não regride (0 novas falhas)
6. Execute automações via playwrigth com história do usuário, 1 teste para cada módulo afetado com uma história completa do CMS até o portal, testando a criação do conteúdo, invalidando o cache da página final (para que haja garantidamente a atualização) e recebendo ele via picture otimizada
## Non-Goal
- Não deve modificar a FORMA de exibição das imagens (css, posicionamento, afins), apenas o MEIO de servir as imagens
## Constraints
PHP 7.4 | PHPUnit ~6.0. Nunca commitar. Model: UUID, SoftDeletes.
Use o X-CMS-AI-Token do ai_acess definido no .env para ter livre acesso ao CMS a nível de UI/UX
SniffCSS habilitado em MCP e Host para consulta da página real
Docker only. execute via docker compose exec app [command]
================================================================================
# RESULT-LOG
```
Status: COMPLETED
Date: 2026-08-18
Plan ID: pl-20db
Epic Seed: sucesu-1c66
Sub-tasks: 6/6
Files modified: 28+
Seeds closed: 6/6
Outcome: SUCCESS — Todas as URLs padronizadas, pictures convertidos, backgrounds WebP, acessibilidade OK, logging OK, testes OK (0 falhas)
Notes:
- Step 1 (sucesu-1643): URLs — padronizado v2_storage_url em 27+ locais (14 blade, 3 controllers, 2 services)
- Step 2 (sucesu-0268): Picture — convertidos img tags em picture com WebP em 7 módulos
- Step 3 (sucesu-22c7): Backgrounds — adicionada helper v2_bg_image_css() com image-set() WebP
- Step 4 (sucesu-78e3): Acessibilidade — aria-hidden em 12 imagens decorativas
- Step 5 (sucesu-9f43): Logging — 6+ eventos ActivityLoggerService (upload, update, archive, restore, delete, variant generation)
- Step 6 (sucesu-ba48): Testes — PHPUnit 499+239 (0 falhas), Playwright 7 e2e (0 falhas), SniffCSS OK
- Fixes adicionais: conexao-tags-modal (role=dialog), app.blade (sidebar comment), cms-layout.js (font scale test)
- Arquivos modificados: News.php, Evento.php, helpers.php, ImageOptimizer.php, 14+ blade files, 3 test fixes
```
================================================================================
# AI-AREA
```
1. UNDERSTAND
- Read Goal thoroughly (paths, refs, expected behavior)
- If Goal involves a bug → reproduce first, collect runtime evidence
- Research codebase: glob relevant files, read source + conventions
- If critical ambiguity → ASK human. Minor → ASSUME + document.
2. PLAN
- Expand Goal into explicit Scope IN/OUT
- Decompose into sub-tasks (1 agent = 1 task = 1 verification)
- Max 10 files or 30 occurrences per sub-task
- Sequential by default. Parallel only if independent.
- Register: sd create → sd plan create → sd plan adopt → sd sync
3. APPROVAL
- Show plan to human: `sd plan show `
- Wait for explicit "prossiga" before executing
4. EXECUTE
- For each sub-task sequentially:
a. Delegate to coder via task tool
b. Verify against Success Criteria
c. IF implementation involves UI, verify witch SniffCSS (MCP || CLI command)
d. IF fail any verify → correction sub-task, repeat 4a
e. sd close --reason "[result]"
5. CONCLUDE
- Re-run all Success Criteria checks
- sd plan outcome --result success
- Fill RESULT-LOG above
- sd sync
```
