67. Edição em linha

O que é. O valor exibido vira campo no próprio lugar, sem abrir formulário nem modal. O §48 (painel) já tinha o caso da grade — PN37: "a lente Tabela é planilha: setas navegam entre células, Enter abre editor na própria célula". O que faltava era o componente que a grade consome, e que também serve fora dela: título de registro, campo do painel de detalhe (§49), item de lista (§43).

Fronteira declarada, e ela é o coração do §67: esta seção especifica a passagem do estado de leitura para o de edição e de volta. Qual controle aparece na edição não é decisão dela (IL13) — monetário abre o §59, data abre o §61, escolha abre o §60, pessoa abre o §62, prioridade abre o §63. A bancada exercita texto e número, e declara os demais em vez de simulá-los: simular componente que já existe cria uma segunda verdade que ninguém mantém.

67.0 Rodada zero — SEM INSTÂNCIA ISOLÁVEL, e a diferença importa#

O veredito aqui não é "não visitado". A edição direta foi lida no produto de referência — ela é a origem do bloco PN22–PN41 do §48, que nasceu de leitura visual em 2026-08-13. O que não existe é uma instância do componente isolado: no produto ele aparece sempre dentro da grade, e nunca como controle avulso com estados próprios.

Veredito: SEM INSTÂNCIA ISOLÁVEL. Consequência de método: o insumo de leitura visual desta seção já está gasto no §48 — e é por isso que o §67 nasce citando PN27, PN28, PN29 e PN37 em vez de reabrir a leitura. Herdar decisão medida é mais barato e mais honesto que remedir mal.

67.1 RITO — três rodadas encadeadas#

67.2 A decisão que mais custa: clicar fora CONFIRMA#

O mercado não decide isso (R2), então a decisão é da casa, e ela tem lado.

Clicar fora é o acidente mais comum num campo em linha. As duas escolhas erram de formas assimétricas:

Entre um erro reversível e um irreversível, o sistema escolhe o reversível. E o Esc continua existindo para quem quer descartar de propósito — a diferença entre descartar por decisão e descartar por acidente é a decisão.

E há um efeito colateral que só aparece implementando: o blur do campo dispara antes do clique no botão ✕. Sem tratamento, cancelar seria precedido de um salvamento — a ação faria o oposto do que promete. O contrato IL5 tem guarda própria para isso, e ela clica no ✕ de verdade.

67.3 Os contratos IL1–IL14#

67.4 A galeria de estados, e por que ela é contrato#

O catálogo operante mostra um estado por vez — é assim que o componente funciona. Mas a lei CP31 diz que bancada imprime os estados lado a lado, e ela existe por um motivo prático: avaliar o estado de erro não pode exigir que o avaliador reproduza o erro — gate que depende de reprodução não acontece.

Os seis estados — repouso · hover/foco · em edição · erro · salvando · bloqueado — são impressos juntos, e são cópias estáticas. Isso não é detalhe de implementação: um <button> de verdade impresso ali seria um botão morto, a classe de defeito que o projeto persegue desde a v1.4. A galeria não tem button, não tem input e não tem tabindex — e a suíte mede essa ausência (guarda CP31), assim como o gerador aborta se a marcação da galeria contiver qualquer um dos três.

67.5 A suíte#

suite-edicao-linha.mjs — 20 PASS · 0 FAIL · 1 medida. Doze das vinte guardas agem:

67.6 Pendências#

67.7 IL15 — a grade do §48 em USO: o padrão grid da ARIA, e o defeito que ninguém tinha medido#

Escrito em 2026-08-19, ao executar a IL-P2. Seção autossuficiente: presume um leitor que nunca viu a conversa que a gerou.

67.7.1 O que é a grade, e o que estava errado#

O §48 (tela-painel, dispositivo PN37) desenha uma planilha: tabela com célula editável, setas que navegam e alça que preenche para baixo. O §67 já especifica como se edita um valor em linha — e a grade tinha editor próprio. Essa é a IL-P2, decidida pelo Rafael em 2026-08-17 junto com a SI-P4 ("unificar é melhor… precisamos manter o mesmo padrão, isso é inegociável").

A pendência listava TRÊS divergências. Medido em 2026-08-19, eram SETE — e a mais grave não estava escrita:

A lição, e ela é a mesma da SI-P4 vista de outro ângulo: PENDÊNCIA ESCRITA É HIPÓTESE, NÃO CENSO. A IL-P2 estava escrita desde 2026-08-17 com três itens de SEMÂNTICA. O defeito que realmente impedia uma pessoa de usar a grade era de TECLADO, e ele só apareceu quando alguém teclou Tab de verdade. Guarda que pergunta "tem este atributo?" nunca teria achado: foi preciso PRESSIONAR a tecla.

67.7.2 RITO — três rodadas encadeadas#

• R1 — canon (padrão grid da ARIA / APG). O padrão admite duas formas: "a célula contém UM widget cuja operação não exige as setas, e as teclas de navegação da grade põem o foco NESSE widget" ou "a célula contém texto ou um único gráfico e as teclas de navegação põem o foco na CÉLULA". As duas exigem os papéis grid/row/gridcell. Teclado nomeado pelo padrão: setas · Home/End · Ctrl+Home/Ctrl+End · Enter ou F2 para editar · Esc para cancelar · tabindex rotativo.
• R2 — mercado/stack. Partir de uma <table> semântica e acrescentar role="grid" preserva as relações cabeçalho↔célula pelos <th scope>; quando a célula tem um controle, o tabindex rotativo mora no controle, não na célula; e o editor precisa de nome acessível próprio, porque o cabeçalho de coluna deixa de bastar no instante em que o texto da célula vira um campo nu.
• R3 — normas. SC 2.1.1 (teclado) · 1.3.1 (relações) · 4.1.2 (nome, papel, valor) · 2.4.6 (rótulos) · 3.2.2 (sem mudança automática) · 2.5.8 (tamanho de alvo).

VEREDITO: o IL1 do §67 é exatamente a forma (a) do padrão, e fica CONFIRMADO. O RITO não revogou o que estava escrito — corrigiu o peso: a pendência tratava role="grid" como "agravante", e ele é a PRECONDIÇÃO; sem o papel, nenhuma das duas formas existe.

ALTERNATIVA DESCARTADA: a forma (b) — célula focável com texto dentro. É legítima na ARIA e seria menos código, mas contradiz o IL1, que o Rafael já aprovou, e deixaria a célula sem nome de ação: "Ana Lima" não diz que dá para editar.

67.7.3 O contrato IL15#

validacao/guarda-il15.mjs — ALVO DE PASTA: varre todo *.html da raiz e mede todo artefato com table.planilha; arquivo sem grade sai [n/a] nomeado. Ela troca a lente para "tabela" antes de medir, porque a grade só existe nessa lente.

PROVA DE REPROVAÇÃO: rodada sobre a cópia anterior do tela-painel.html, reprova 6 cláusulas — IL15-a (sem papel), IL15-b (0 gatilhos em 56 células), IL15-c (0 de 0), IL15-d (NUNCA em 25 pressionamentos), IL15-p (alça visível ao leitor de tela) e IL15-q (sem gatilho, logo sem lápis).

PLACAR: 1 PASS · 0 FAIL · 50 [n/a], em seis execuções idênticas.

DEFEITO DE MEDIÇÃO CONSERTADO NA PRÓPRIA SESSÃO EM QUE A GUARDA NASCEU. A primeira versão lia a opacidade do lápis logo após dar o foco, e a transição ainda estava correndo: o valor voltava 0.999599 e a guarda reprovava um artefato correto em 3 de 6 execuções. Guarda intermitente é pior que guarda ausente: ela ensina a ignorar o placar. A transição é desligada antes da leitura, e o que se mede passa a ser o valor de DESTINO.

67.7.4 O que mudou no artefato, e o que ficou aberto#

O tela-painel é gerado: a mudança foi no molde validacao/painel-template.html e o artefato foi regerado. A suite-painel reprovou o bloco novo no primeiro segundo — transition: opacity .12s tinha duração solta, e a guarda PN21-11 exige token. Trocado por var(--seed-dur-productive-fast).

Placares depois: suite-painel 146 PASS · 0 FAIL · guarda-il15 1 · 0 · 50 · contraste 2 · 0 a 1440px e 2 · 0 a 390px · forced-colors FC1/FC2 2 · 0 cada · reflow BT7 3 · 0 · 1.