Correção de responsividade e atualização do read.me

This commit is contained in:
2026-07-22 01:37:20 -03:00
parent 3dbb65efd2
commit def8a8314c
6 changed files with 171 additions and 38 deletions

114
README.md
View File

@@ -1638,3 +1638,117 @@ app/javascript/controllers/validacao_controller.js (chip usa SVG, não emoji)
</details>
---
<details>
<summary><strong>🔁 NF com mais de um lançamento + varredura de responsividade (2122/07/2026)</strong></summary>
## Parte 1 — Editar Lançamento: quando a mesma NF tem 2 visitas
### 🎯 O problema real
Quando um plano é **duplicado** no SimpliRoute, nasce uma **visita nova** (outro `tracking_id`) com a
**mesma NF**, e a antiga continua existindo. Caso que motivou tudo: **NF 82891** com visita em
**17/07** (pendente, motorista Thiago Rabello Bittencourt) e outra em **21/07** (sucesso, sem
motorista). A tela mostrava **uma só** — e depois, por regressão, **nenhuma**.
### 🔴 Causas corrigidas (foram 7, em camadas)
1. **`Entrega.por_nf(nf).first`** — pegava uma linha só, sem `ORDER BY`. Agora carrega todas e a
tela lista as ocorrências para o ADM escolher qual editar.
2. **`SimpliRoute::Client#resolver_id` abortava na ambiguidade** (`"Mais de uma visita para a NF…"`)
em vez de deixar escolher. A tela de edição não passa mais por ele.
3. **As datas vinham só do espelho local.** Como a API **não busca NF por intervalo**, a visita de
17/07 era inalcançável se o painel só conhecia a de 21/07. Entraram campos **De/Até** + botão
**"Últimos 30 dias"** (varredura dia a dia, teto de 62 dias).
4. **Um dia com falha derrubava a busca inteira** → agora é *fail-soft* por dia: registra em
`falhas` e segue. A tela informa o período consultado e quais dias falharam.
5. **`carregar?` faltando em `EdicaoLancamentoPolicy`** → o Pundit levantava `NoMethodError` (500),
o `fetch` recebia HTML e o JS reportava "erro de conexão". Falhou **fechado** (negou acesso),
sem brecha de segurança.
6. **Tela em branco:** `renderOcorrencias()` montava a lista inteira mas **nunca removia a classe
`hidden`** do container. O conteúdo estava no DOM (contador já dizia "2 lançamentos"), invisível.
7. **Fuso horário:** `new Date('2026-07-15')` é meia-noite **UTC** e, em UTC3, o `toLocale`
devolvia **14/07**. Datas puras agora são formatadas direto do texto ISO; horários de checkout
continuam convertendo (correto para instante).
### 🔑 Descobertas sobre a API do SimpliRoute (medidas contra a API real, 21/07/2026)
| Parâmetro | Resultado |
|---|---|
| **`&search=<NF>`** | ✅ **Funciona e não é documentado.** Um dia cai de **3,8 MB / ~9 s** (1879 visitas) para **~1 KB / ~0,6 s**. Varredura de 31 dias em lotes paralelos: **3,4 s / 3,2 KB** |
| `reference`, `reference_id`, `q`, `title`, `reference__*` | ❌ **Ignorados em silêncio** — devolvem 200 com o dia inteiro |
| `planned_date_from/to`, `since/until`, `__gte/__lte`, `date_from/to` | ❌ **Não existe filtro de intervalo** — todos devolveram 2469, idêntico ao controle **sem parâmetro nenhum** |
| `GET /v1/routes/visits/` sem `planned_date` | ⚠️ Devolve um **conjunto padrão (~2469)** que **não cobre o histórico** — para a NF 82891 voltava só a visita de 21/07 e escondia a de 17/07 |
> ⚠️ **Lição:** parâmetro não registrado no backend Django é **ignorado sem erro**. "Voltou 200 com
> resultados" **não** prova que filtrou — a prova é a **contagem diminuir** em relação ao dia sem o
> filtro. Ferramenta: **`bin/sondar_busca_nf --nf <n> --data <YYYY-MM-DD> [--sem-data]`** (só GET).
---
## Parte 2 — Responsividade
### 🎯 A raiz comum
Os breakpoints do Tailwind (`md:`, `lg:`, `xl:`) enxergam a **janela**, mas o conteúdo perde
**256px** para a sidebar (`main.md:ml-64`). **A mesma janela de 1280px tem duas larguras** conforme
o menu esteja aberto ou recolhido — e grades de colunas fixas não ficam sabendo. Daí "quando a barra
de menu é acionada, quebra o layout". Solução: **`flex-wrap` / `auto-fit + minmax`**, que reagem ao
espaço **real**.
### 🔧 Corrigido
| Tela | Antes | Sintoma | Depois |
|---|---|---|---|
| `consolidacoes/index` | `md:grid-cols-6` | Campos a ~150px; texto do botão **"Filtrar" vazava** para fora do fundo | `flex-wrap` + `basis-*` |
| `dashboard/index` | `xl:grid-cols-5` | **"R$ 82.692,"** — valor cortado pelo `overflow-hidden` do card | `auto-fit,minmax(13rem,1fr)` |
| `consolidacao_entregas/revisar` | `md:grid-cols-7` | 7 cards de **~55px**, destruindo "Extraordinária"/"Termo Especial" | `auto-fit,minmax(9rem,1fr)` |
| `configuracoes` + `admin/configuracoes` | `lg:grid-cols-4` | ~128px úteis para valores em moeda | `auto-fit,minmax(14rem,1fr)` |
**Mantidos de propósito:** `validar.html.erb` (`lg:grid-cols-4` é a divisão 3:1 lista/Resumo, não
grade de cards) e os `xl:grid-cols-3` de gráficos — nesses o conteúdo encolhe sem cortar.
### 📐 Passo 2 (validar) — cabeçalho fixo
Medido a 1280×577: **442px de cabeçalho contra 67px de lista** (menos que um card).
- Voltar + título + progresso passaram a **uma faixa só**; o card de progresso (70px de moldura para
uma barra de 12px) virou linha de 8px.
- **"Adicionar lançamento"** entrou na barra de ações via `order` do flex — sem mover os ~170 linhas
de modais que vivem dentro do `data-controller`.
- **Pilares (Normal/Retirada/Bônus/Desconto/Extra) continuam SEMPRE visíveis**, apenas **esmaecidos**
(`opacity-40`) enquanto não há seleção, com contador e "limpar" aparecendo ao selecionar.
⚠️ Uma versão intermediária os **escondia** até haver seleção — revertido: são a ação principal da
tela e sumir com eles esconde o que dá para fazer de quem ainda não sabe que precisa selecionar.
- Legibilidade preservada: título `text-2xl`, subtítulo e progresso `text-sm`, números em branco/negrito.
**Resultado:** cabeçalho **442px → 210px**, lista **67px → 299px**.
### 📂 Arquivos
```
app/controllers/admin/edicao_lancamentos_controller.rb # lista ocorrências, período, fail-soft, carregar
app/policies/edicao_lancamento_policy.rb # + carregar? (era o 500)
app/services/simpli_route/client.rb # visitas_da_data(data, busca:) → &search=
app/views/admin/edicao_lancamentos/show.html.erb # lista de ocorrências, De/Até, avisos, fuso
config/routes.rb # + get :carregar
bin/sondar_busca_nf # NOVO — sondagem de filtros da API (só GET)
app/views/consolidacao_entregas/validar.html.erb # cabeçalho compacto + barra de ações
app/javascript/controllers/validacao_controller.js # atualizarSelecao / limparSelecao
app/views/consolidacao_entregas/revisar.html.erb # grid-cols-7 → auto-fit
app/views/consolidacoes/index.html.erb # filtros → flex-wrap
app/views/dashboard/index.html.erb # KPIs → auto-fit
app/views/configuracoes/index.html.erb # preços → auto-fit
app/views/admin/configuracoes/index.html.erb # idem (arquivo distinto, também vivo)
```
### ⚠️ Pendências e alertas
- **Tailwind vem do Play CDN** (`cdn.tailwindcss.com`, em `application.html.erb:15`), que gera CSS no
navegador em tempo real. A documentação oficial **desaconselha em produção** (~380KB bloqueando a
renderização, recompilação a cada carregamento). O **`tailwind.config.js` do repositório não está
sendo usado** — a config real está embutida no layout (linha 17), e a gem `tailwindcss-rails` está
no Gemfile sem servir CSS.
- **Não existe teste para `Admin::EdicaoLancamentosController`** (`spec/` não tem nada de
`edicao_lancamento`). Duas das quebras acima — policy faltando e `hidden` não removido — seriam
pegas por um teste de request/sistema em segundos, sem custar deploy.
- **Token do SimpliRoute:** se passou por chat/e-mail, **rotacione** em `app2.simpliroute.com`.
> **Sem migration e sem gem nova** — controller, policy, service, views e JS.
> ⚠️ Reiniciar o Puma após o deploy (cache de classes/views).
</details>