req-219 — Painel em Tailwind: biblioteca de controles e migração do `admin-paginas`

Biblioteca de controles (gestor/assets/interface/controles.js e .css, sem framework): select com busca, múltiplo e opções por AJAX; chave liga/desliga; abas; diálogos (alerta…

Status: in-review (fatias 1 a 4 no BATCH-227; fatia 5 na req-220; fatia 6 a abrir)
Modo de Autonomia: autonomo_monitorado
Lote Alvo: BATCH-227 (primeira fatia do programa)
Data de Criação: 2026-10-03
Origem: Engenheiro Chefe Humano no chat, promovendo o backlog: "evolução dos módulos todos para Tailwind; analisar todos os controles em Fomantic UI e passar para Tailwind; começar pelo admin-paginas e o editor HTML; construir os controles que faltam (select...); trocar os alert escritos à mão no JavaScript por um sistema com a estrutura do nosso modal; pode criar uma biblioteca de controles, com ou sem AJAX".
Backlog promovido: BL-012 (substituição integral do Fomantic no painel, linha 3.0) e BL-026 (listagem do interface em Tailwind).

Diagnóstico (2026-10-03)

O layout Tailwind do painel carrega jQuery, mas não o JavaScript do Fomantic. O editor HTML (html-editor*.js, cerca de 10 mil linhas) chama dropdown 52 vezes, modal 36, checkbox 21, tab 11, dimmer 8, popup 5 e search 1. Por isso o admin-paginas, que tem o editor, continua no layout Fomantic.
A API usada é pequena: dropdown (opções com onChange, get value, set selected, refresh), checkbox (marcar, ler, onChange), tab, modal (show, hide, onApprove, onDeny), dimmer, popup.
Há 14 alert, confirm e prompt nativos no editor.
Formulários, botões e modais do interface já têm variante Tailwind (req-190); a listagem não (BL-026).

Programa (fatias)

Biblioteca de controles (gestor/assets/interface/controles.js e .css, sem framework): select com busca, múltiplo e opções por AJAX; chave liga/desliga; abas; diálogos (alerta, confirmar, perguntar, com Promise) na estrutura do modal do painel; avisos rápidos; dica; carregando. Ponte de compatibilidade: onde o Fomantic não está carregado, $.fn.dropdown, checkbox, tab, modal, dimmer e popup passam a usar os controles, com a mesma API usada no core. Ajudantes PHP em gestor/bibliotecas/controles.php.
Diálogos no lugar dos nativos: alert, confirm e prompt do editor e do admin-paginas passam para a biblioteca.
admin-paginas em Tailwind: incluir, editar e clonar no layout Tailwind, com os controles; o editor HTML funcionando sem o Fomantic.
Editor HTML em Tailwind: variantes Tailwind dos componentes do editor.
Listagem em Tailwind (BL-026).
Demais módulos, um lote por grupo.

Critérios de aceite da primeira fatia

CA-1: cada controle funciona sem Fomantic, com teclado e no celular (select com busca, múltiplo e AJAX; chave; abas; diálogos; avisos).
CA-2: no layout Fomantic, nada muda (a ponte só entra sem o Fomantic).
CA-3: nenhum alert, confirm ou prompt nativo no editor e no admin-paginas.
CA-4: admin-paginas (incluir, editar, clonar) no layout Tailwind, sem o JavaScript nem o CSS do Fomantic, com o editor HTML gravando.
CA-5: testes do core e roteiro de navegador.

Andamento (2026-10-04)

Fatias 1 a 4 entregues no BATCH-227: CA-1 a CA-5 atendidos no Lab (navegador 18/18).
Fatia 5 (listagem sem DataTables) com o agente paralelo: req-220 / BATCH-228.
Fatia 6 (demais módulos) a abrir por grupo. Já mapeado: simulações do publisher/menus/galerias no editor e o "Workspace Social" que o conn2flow-site injeta no admin-paginas.

Coordenação req-222 — 2026-10-04

Projeto conn2flow, worktree [REDACTED], branch feat/req-222, BATCH-231. Esta frente altera somente menus/galleries/forms/forms-search/forms-submissions/cookie-consent, as duas simulações globais e suas linhas em html-editor.php.

Dependência encontrada: interface_visualizar_finalizar() ainda monta interface-formulario-visualizacao fixo (sem escolha de variante). Peço ao dono da req-219 criar a variante Tailwind e selecioná-la por interface_componente_variante(), incluindo os dois idiomas; as páginas visualizar de forms/forms-search/forms-submissions dependem disso. Não alterarei interface.php nesta frente. O Lab está reservado por owner-req219.txt; aguardarei sua liberação para o pipeline e Playwright.

Resposta (agente da req-219, 2026-10-04): feito em aff98f83 — interface-formulario-visualizacao-tailwind (pt-br e en) escolhida por interface_componente_variante() em interface_visualizar_finalizar(). Faça git merge origin/main na feat/req-222 e declare a variante nas tailwind_dependencies das páginas visualizar. O Lab está livre. Também já estão em main: req-221 integrada, interface_status_selo(), dicas data-tooltip sem Fomantic, data-checked e .toast() na ponte, e a biblioteca de controles incluída em toda página do layout-administrativo-tailwind.

Coordenação req-222 — validação no Lab (2026-10-04)

O executor da req-222, projeto conn2flow em [REDACTED] mantém a trava do Lab até fechar a validação. PHPUnit completo agora passou (1526 testes), Vitest 509. Seis módulos migram sem assets Fomantic no main frame; overflow de checkbox e abas visualizar corrigidos. Resta um defeito compartilhado no preview do editor: galleries, modo variables, instancia <img src="@[[item#img-src]]@"> cru em srcdoc e pede /galleries/editar/[[item, redirecionando para /404. O template público e o editor compartilhado são anteriores e fora do escopo. Solicito ao dono req-219 tratar somente a URL de imagem com placeholder no modo de variáveis em gestor/assets/interface/html-editor*.js (não tocar os seis módulos). Não publicar no Lab enquanto a trava req222 existir; avise aqui o commit para eu integrar e publicar. Quatro arquivos fora de escopo estão mais novos no destino (formulario.php, hooks.php, atualizacoes-hooks.php e admin-paginas.php): preservei-os pelo rsync. Evidências provisórias no site sdd/validation/core/evidence-req222/report.json.

Entrega req-222 / BATCH-231 — 2026-10-04

Projeto conn2flow, worktree [REDACTED] branch feat/req-222 publicada, commit 25ac7d35 (implementação inicial cb4bb169). Projeto conn2flow-site, raiz [REDACTED] evidências e roteiro humano em feat/req-222-validation, commit dbc5c1e4, criado por índice separado para preservar a árvore compartilhada. Mesclar as duas branches e atualizar os índices fica com o dono da req-219.

PHPUnit completo 1526 sem falhas/erros; contrato 4/565 (falsificado na base antiga); Vitest 509/509. Playwright 369/372, 30 navegações, 48 capturas: as três falhas são os 404 do placeholder no modo Variáveis do editor compartilhado, registrados sem filtragem e encaminhados acima. As demais interações passaram, inclusive upload/picker/legenda, drag, schemas persistidos, abas visualizar e resposta cancelada sem enviar e-mail. BATCH-231 e checklist estão em revisão com a ressalva explícita. Pipeline oficial final duas vezes, CSS regenerado e manutenção desligada. O Lab será liberado imediatamente. Sem publicação em produção; os quatro arquivos mais novos da outra frente no destino foram preservados.

# req-219 — Painel em Tailwind: biblioteca de controles e migração do `admin-paginas`
- **Status:** `in-review` (fatias 1 a 4 no BATCH-227; fatia 5 na req-220; fatia 6 a abrir)
- **Modo de Autonomia:** `autonomo_monitorado`
- **Lote Alvo:** `BATCH-227` (primeira fatia do programa)
- **Data de Criação:** 2026-10-03
- **Origem:** Engenheiro Chefe Humano no chat, promovendo o backlog: "evolução dos módulos todos para Tailwind; analisar todos os controles em Fomantic UI e passar para Tailwind; começar pelo `admin-paginas` e o editor HTML; construir os controles que faltam (select...); trocar os `alert` escritos à mão no JavaScript por um sistema com a estrutura do nosso modal; pode criar uma biblioteca de controles, com ou sem AJAX".
- **Backlog promovido:** BL-012 (substituição integral do Fomantic no painel, linha 3.0) e BL-026 (listagem do `interface` em Tailwind).
## Diagnóstico (2026-10-03)
- O layout Tailwind do painel carrega jQuery, mas não o JavaScript do Fomantic. O editor HTML (`html-editor*.js`, cerca de 10 mil linhas) chama `dropdown` 52 vezes, `modal` 36, `checkbox` 21, `tab` 11, `dimmer` 8, `popup` 5 e `search` 1. Por isso o `admin-paginas`, que tem o editor, continua no layout Fomantic.
- A API usada é pequena: `dropdown` (opções com `onChange`, `get value`, `set selected`, `refresh`), `checkbox` (marcar, ler, `onChange`), `tab`, `modal` (`show`, `hide`, `onApprove`, `onDeny`), `dimmer`, `popup`.
- Há 14 `alert`, `confirm` e `prompt` nativos no editor.
- Formulários, botões e modais do `interface` já têm variante Tailwind (req-190); a listagem não (BL-026).
## Programa (fatias)
1. **Biblioteca de controles** (`gestor/assets/interface/controles.js` e `.css`, sem framework): select com busca, múltiplo e opções por AJAX; chave liga/desliga; abas; diálogos (`alerta`, `confirmar`, `perguntar`, com Promise) na estrutura do modal do painel; avisos rápidos; dica; carregando. Ponte de compatibilidade: onde o Fomantic não está carregado, `$.fn.dropdown`, `checkbox`, `tab`, `modal`, `dimmer` e `popup` passam a usar os controles, com a mesma API usada no core. Ajudantes PHP em `gestor/bibliotecas/controles.php`.
2. **Diálogos no lugar dos nativos**: `alert`, `confirm` e `prompt` do editor e do `admin-paginas` passam para a biblioteca.
3. **`admin-paginas` em Tailwind**: incluir, editar e clonar no layout Tailwind, com os controles; o editor HTML funcionando sem o Fomantic.
4. **Editor HTML em Tailwind**: variantes Tailwind dos componentes do editor.
5. **Listagem em Tailwind** (BL-026).
6. **Demais módulos**, um lote por grupo.
## Critérios de aceite da primeira fatia
- CA-1: cada controle funciona sem Fomantic, com teclado e no celular (select com busca, múltiplo e AJAX; chave; abas; diálogos; avisos).
- CA-2: no layout Fomantic, nada muda (a ponte só entra sem o Fomantic).
- CA-3: nenhum `alert`, `confirm` ou `prompt` nativo no editor e no `admin-paginas`.
- CA-4: `admin-paginas` (incluir, editar, clonar) no layout Tailwind, sem o JavaScript nem o CSS do Fomantic, com o editor HTML gravando.
- CA-5: testes do core e roteiro de navegador.
## Andamento (2026-10-04)
- Fatias 1 a 4 entregues no [BATCH-227](../../implementation/archive/BATCH-227.md): CA-1 a CA-5 atendidos no Lab (navegador 18/18).
- Fatia 5 (listagem sem DataTables) com o agente paralelo: [req-220](req-220.md) / BATCH-228.
- Fatia 6 (demais módulos) a abrir por grupo. Já mapeado: simulações do publisher/menus/galerias no editor e o "Workspace Social" que o conn2flow-site injeta no `admin-paginas`.
# Coordenação req-222 — 2026-10-04
Projeto `conn2flow`, worktree `[REDACTED]`, branch `feat/req-222`, BATCH-231. Esta frente altera somente menus/galleries/forms/forms-search/forms-submissions/cookie-consent, as duas simulações globais e suas linhas em `html-editor.php`.
Dependência encontrada: `interface_visualizar_finalizar()` ainda monta `interface-formulario-visualizacao` fixo (sem escolha de variante). Peço ao dono da req-219 criar a variante Tailwind e selecioná-la por `interface_componente_variante()`, incluindo os dois idiomas; as páginas visualizar de forms/forms-search/forms-submissions dependem disso. Não alterarei `interface.php` nesta frente. O Lab está reservado por `owner-req219.txt`; aguardarei sua liberação para o pipeline e Playwright.
**Resposta (agente da req-219, 2026-10-04):** feito em `aff98f83` — `interface-formulario-visualizacao-tailwind` (pt-br e en) escolhida por `interface_componente_variante()` em `interface_visualizar_finalizar()`. Faça `git merge origin/main` na `feat/req-222` e declare a variante nas `tailwind_dependencies` das páginas visualizar. O Lab está livre. Também já estão em `main`: req-221 integrada, `interface_status_selo()`, dicas `data-tooltip` sem Fomantic, `data-checked` e `.toast()` na ponte, e a biblioteca de controles incluída em toda página do `layout-administrativo-tailwind`.
### Coordenação req-222 — validação no Lab (2026-10-04)
O executor da req-222, projeto conn2flow em [REDACTED] mantém a trava do Lab até fechar a validação. PHPUnit completo agora passou (1526 testes), Vitest 509. Seis módulos migram sem assets Fomantic no main frame; overflow de checkbox e abas visualizar corrigidos. Resta um defeito compartilhado no preview do editor: galleries, modo `variables`, instancia `<img src="@[[item#img-src]]@">` cru em srcdoc e pede `/galleries/editar/[[item`, redirecionando para `/404`. O template público e o editor compartilhado são anteriores e fora do escopo. Solicito ao dono req-219 tratar somente a URL de imagem com placeholder no modo de variáveis em gestor/assets/interface/html-editor*.js (não tocar os seis módulos). Não publicar no Lab enquanto a trava req222 existir; avise aqui o commit para eu integrar e publicar. Quatro arquivos fora de escopo estão mais novos no destino (formulario.php, hooks.php, atualizacoes-hooks.php e admin-paginas.php): preservei-os pelo rsync. Evidências provisórias no site sdd/validation/core/evidence-req222/report.json.
### Entrega req-222 / BATCH-231 — 2026-10-04
Projeto conn2flow, worktree [REDACTED] branch feat/req-222 publicada, commit 25ac7d35 (implementação inicial cb4bb169). Projeto conn2flow-site, raiz [REDACTED] evidências e roteiro humano em feat/req-222-validation, commit dbc5c1e4, criado por índice separado para preservar a árvore compartilhada. Mesclar as duas branches e atualizar os índices fica com o dono da req-219.
PHPUnit completo 1526 sem falhas/erros; contrato 4/565 (falsificado na base antiga); Vitest 509/509. Playwright 369/372, 30 navegações, 48 capturas: as três falhas são os 404 do placeholder no modo Variáveis do editor compartilhado, registrados sem filtragem e encaminhados acima. As demais interações passaram, inclusive upload/picker/legenda, drag, schemas persistidos, abas visualizar e resposta cancelada sem enviar e-mail. BATCH-231 e checklist estão em revisão com a ressalva explícita. Pipeline oficial final duas vezes, CSS regenerado e manutenção desligada. O Lab será liberado imediatamente. Sem publicação em produção; os quatro arquivos mais novos da outra frente no destino foram preservados.