UI pura na era dos agentes: estado explícito para inspecionar telas antes do merge

O texto de Matt Rothenberg parte da ideia de Pure UI, de Guillermo Rauch: sempre que possível, a interface deve ser "uma função pura do estado da aplicação", ou ui = fn(state). A premissa é que, com agentes escrevendo boa parte do código de UI que ele revisa, ninguém tem o quadro completo dos estados que uma tela pode assumir. O autor cita roles (owner e viewer), planos (free e enterprise), cobrança em atraso e feature flags. Um aviso sobre o contexto técnico: o nome getByText aparece como entidade associada ao material, mas o texto não descreve nenhum projeto com esse nome. Não há autor ou repositório identificado para ele.

O exemplo central: o agente adiciona um botão de excluir em cada linha da tabela de funções, mas o desenvolvedor esqueceu de dizer que viewers não deveriam vê-lo. O servidor local estava autenticado como owner, então o agente conferiu só esse estado. O cabeçalho já mostrava um selo "View only", mas a tabela nunca teve checagem de role. A proposta é mover o estado relevante para um limite explícito de página ou view e passá-lo como argumento. No demo, quatro entradas (role, plano, status de cobrança e a flag de live-logs beta), com dois valores cada, geram dezesseis telas renderizadas em grade. Storybook e Playwright entram como complementos: um renderiza estados escolhidos, o outro confirma que são alcançáveis no app real. Ambos ainda dependem de alguém decidir quais combinações importam.

O tema já vinha sendo tratado. Em 15 de outubro de 2026, o CEVIU noticiou "UI como Função Pura do Estado: Essencial na Era dos Agentes de IA", e em 21 de outubro de 2026, "UI Pura em Tempos de IA Agente: O Novo Desafio do Desenvolvimento Front-end". Nesta nova matéria, o foco recai sobre o uso prático: um exemplo concreto de bug (a role viewer) e a grade de dezesseis combinações para inspecionar a mudança antes do merge.

Para quem revisa PRs de agentes em apps React cheios de condicionais, a leitura é que a pergunta de revisão muda. Em vez de "o código parece certo?", vira "quais estados o agente realmente viu?". Tornar o estado explícito dá uma lista de entradas que vira story, teste ou grade visual. Isso não pega tudo, mas reduz a chance de o cliente achar o caso estranho antes de você.