---
fonte: 01-canonicos/seed-componentes.md
versao_da_fonte: v1.43
secao: 86
titulo: "TELA A18 — CONFIGURAÇÕES / PREFERÊNCIAS · **`estável`** (2026-08-23, gate dele: *'aprovo'*) · tela `05-html-de-referencia/telas/tela-configuracoes.html` v0.1 · instrumento `06-validacao/suites/suite-configuracoes.mjs` (**18 PASS · 0 FAIL · 1 [n/a] provado em navegador real**)"
sequencia: 92 de 98
bytes_do_corpo: 2921
md5_do_corpo: cf01ad47d443c919941de9d5b70277e6
gerado_por: 06-validacao/geradores/gen-camada-ia.py
nota: fatia GERADA — o corpo abaixo é byte a byte o trecho do canônico; edite o canônico, nunca esta fatia. Canônico inteiro em https://ds.seed.eng.br/01-canonicos/seed-componentes.md
---
## 86. TELA A18 — CONFIGURAÇÕES / PREFERÊNCIAS · **`estável`** (2026-08-23, gate dele: *"aprovo"*) · tela `05-html-de-referencia/telas/tela-configuracoes.html` v0.1 · instrumento `06-validacao/suites/suite-configuracoes.mjs` (**18 PASS · 0 FAIL · 1 [n/a] provado em navegador real**)

> **O que é:** a quarta tela da F7.6 — era um dos DOIS arquétipos sem NENHUMA
> leitura de referência, fechada pela volta dirigida de 2026-08-22
> (`leitura-f76-bordas.md` §3). Gabarito F7.1: navegação lateral de seções
> (peça) + cartão por grupo (peça); <600px a lateral vira ABAS — nunca some.

### 86.1 Contratos

- **CF-01/02** — settings é ROTA própria: nav lateral nomeada, grupos com
  micro-rótulo, item ativo em pastilha (`aria-current=page`), e **"Sair"
  isolado no rodapé da navegação** (destrutiva isolada — leitura CU +
  convergência com o popover de conta do VdIA §3.16).
- **CF-03** — duas colunas por grupo (nome+descrição × campos); rótulo
  visível em todo campo (§2).
- **CF-04 — DOIS REGIMES DE GRAVAÇÃO** *(a decisão que o consolidado deixou
  em aberto, tomada aqui)*: **formulário = salvar EXPLÍCITO** — editar cria
  a barra de dirty (Salvar · Descartar), salvar CONFIRMA no próprio lugar
  ("Salvo.", lido no CU) e a barra se recolhe; descartar REVERTE; o salvar
  NUNCA nasce desabilitado (§2.6). **Switch de preferência = aplicação
  IMEDIATA** + anúncio na live region ("Aplicado") — o §8 já dizia
  "configuração é Switch", e switch com botão de salvar cria o estado
  enganoso ligado-mas-não-salvo.
- **CF-06** — grupo com CHIP DE ESTADO que ESPELHA os controles (2FA
  "Habilitada" ↔ "Desativada", medido pela suíte nos dois sentidos).
- **CF-07** — preferência de detalhe grande por PRESET (select restrito
  Padrão/Personalizado); a engrenagem de detalhe só existe no Personalizado.
- **CF-08** — recurso indisponível declara o estado + correção inline.
- **CF-09** — <600px: a lateral vira ABAS com AS MESMAS seções (comparação
  1:1 na suíte); provado em navegador real (lateral `none`, abas `flex`,
  grupo em 1 coluna, zero overflow a 390px).
- **CF-10** — HV1 (§71) desde o nascimento — a primeira tela da F7.6 que já
  nasce conforme (hover degrau/véu 8% · pressionado véu 12%).
- **CF-11** — check de LGPD NA SUÍTE: a persona da demo é fictícia e a régua
  reprova se dado real entrar.

### 86.2 Fronteiras (produto)

Persistência (PC6: declarada POR GABARITO) · guard de rota ao sair com dirty ·
o conjunto real de seções · 2FA de verdade (Supabase).

### 86.3 Registro de instrumento

A régua CF-09a saiu confusa na 1ª versão (`a && b || c` — precedência
traiçoeira que passava pelo fallback) e foi REESCRITA como comparação 1:1 das
seções antes da promoção. *Régua que passa por acaso é régua que mente.*

---