57. Quadro / Kanban

Base. Rodada zero: o arquétipo TEM leitura visual — §13.5 do estudo-clickup-completo.md, dispositivos C57–C59 —, somada às medições de valor da §2.3 e ao contrato de arquétipo já escrito no seed-composicao.md (CP2, tipo trilha). R1 canon: o quadro é colunas de etapa, cartões de item e teto de trabalho em curso (WIP) — o limite máximo de cartões por coluna, cuja função é forçar a terminar antes de começar. Colunas devem espelhar o fluxo real, e não um "A fazer / Fazendo / Feito" genérico, senão o gargalo não aparece. R2 stack: não há Kanban no shadcn/ui base; o padrão de mercado é o dnd-kit, cujo sensor de teclado move cartão por setas e confirma com Espaço ou Enter. Os componentes de 2026 tratam quatro superfícies: estrutura de colunas, cartão arrastável com reordenar e mover entre colunas, primitivos de acessibilidade (teclado e anúncio para leitor de tela) e o shell em volta. R3 normas: o SC 2.5.7 Dragging Movements (AA, WCAG 2.2) exige que toda função operada por arraste seja alcançável por ponteiro único sem arrastar — e a norma é explícita em que isso não é a mesma coisa que teclado, coberto em separado pelo SC 2.1.1, porque quem usa tela de toque pode não ter teclado físico. A técnica G219 do W3C foi escrita com este exemplo literal: mover uma tarefa num quadro. O padrão recomendado é "mover para…" em menu, ou tocar-e-colocar.

57.1 A decisão de fronteira — e ela contraria o produto de referência#

O C57 observou que lá a coluna tem fundo tingido na cor do status, e o próprio estudo registrou a divergência com a §2.3 (que dizia "transparente"), deixando a escolha para o gate.

Mantemos a lei do CP2: a trilha é agrupador TRANSPARENTE — sem fundo, sem raio, sem separação.

O motivo não é apego ao texto. Com quatro a seis colunas tingidas, a tela ganha seis superfícies cromáticas competindo com os cartões, que são o que carrega o dado — e o CP19 diz que o croma vem das peças. A identidade da coluna resolve-se onde a própria leitura já a resolvia: no cabeçalho, com a pílula saturada de status e o contador fora dela.

Alternativa descartada com o porquê, não por omissão. Se o gate quiser o tingido, a mudança é de uma linha no molde — mas ela reabre o CP19, e isso precisa ser dito antes, não depois.

57.2 Os contratos#

57.3 Números MEDIDOS na produção#

57.4 Validação#

Nota sobre a suite-composicao.mjs: a guarda MONO-03 (coluna de valor à direita e em monoespaçada, contrato PN21d) passou a ser condicional à existência de tabela, e isso está impresso na saída, não silenciado. A distinção importa e não é a mesma coisa que "pular quando o elemento falta": quando há tabela, a coluna de valor tem de existir e obedecer; quando não há tabela, o contrato não se aplica. O quadro empilha cartões, não linhas — não há coluna a alinhar. Por isso o gabarito A7 fecha em 32, e não em 33.

57.5 Pendências#

---