Conn2Flow
Navegação das docs

SDD

req-225 — Conferência final: todo módulo Tailwind com os recursos da UI nova (fecho da req-219)

Inventário: todo módulo com página no layout-administrativo-tailwind (core e conn2flow-site), com uma linha por página — campos, selects, chaves, botões, dicas, diálogos…

  • Status: ready-for-intake (roda depois das req-221 a req-224 e das REQ-100/101 do conn2flow-site)

  • Modo de Autonomia: autonomo_monitorado

  • Lote Alvo: BATCH-234

  • Data de Criação: 2026-10-04

  • Origem: Engenheiro Chefe: "criar uma requisição para, no final, fazer uma conferência em todos os módulos, se eles estão usando os mesmos recursos da nova UI… o admin-cron foi feito em Tailwind, mas ainda está sem um monte de coisa".

  • Executor: o agente da req-219 (ou quem estiver livre); revisão pelo agente da req-219.

Contexto

  • A req-219 criou a UI nova do painel: biblioteca de controles (controles.js/.css/.php), dicas data-c2f-dica e data-tooltip sem Fomantic, campos c2fc-campo, botões c2fc-botao, ações c2fc-acao com cor, selo interface_status_selo(), diálogos no lugar dos nativos, listagem da req-220, histórico numa linha, bundle (tailwind_bundle + tailwind-page-bundle). Guia: skill c2f-tailwind-module-migration.

  • Módulos feitos em Tailwind ANTES disso usam Tailwind à mão, com visual e comportamento próprios. Exemplo: admin-cron ([REDACTED]).

Escopo

  1. Inventário: todo módulo com página no layout-administrativo-tailwind (core e conn2flow-site), com uma linha por página — campos, selects, chaves, botões, dicas, diálogos, listagem, bundle — marcando o que diverge do padrão.

  2. Ajuste dos que divergem. Conhecidos: admin-cron e perfil-usuario (core); analytics-manager, sales-reports, shipping-methods, product-reviews e as telas Tailwind de affiliates, coupons, orders, product-types, products (site).

  3. Homogeneidade de interface: o mesmo foco, hover e rótulo destacado em todo input e select; a mesma dica; a mesma cor de botão por ação.

  4. Teste automatizado que falhe quando uma página Tailwind do painel trouxer marcação Fomantic (class="ui) ou title= em botão, para a deriva não voltar.

Critérios de aceite

  • CA-1: inventário em sdd/validation/ com todas as páginas Tailwind do painel e nenhuma pendência aberta.

  • CA-2: roteiro de navegador passando por todas elas no Lab (sem asset do Fomantic no documento do painel, 390 px sem rolagem horizontal, sem erro de script).

  • CA-3: teste de deriva no PHPUnit.

  • CA-4: pendência humana no arquivão com a lista das telas para conferir.

O Futuro é Híbrido: Humano + IA.

O Conn2Flow é a ferramenta. Se você precisa do Arquiteto para desenhar a estratégia da sua empresa usando essa tecnologia...

Contrate Consultoria Especializada