ai4s-research/open-science

Verificando alterações no frontend desktop

Execuções completas do aplicativo exigem uma sessão OpenCode + uma rodada de modelo ativo. Para alterações puramente no frontend de componentes, monte o componente em uma página Vite descartável:

1. Crie apps/desktop/verify-<x>.html (html simples, <div id="root">, <script type="module" src="/src/verify-<x>.tsx">) e apps/desktop/src/verify-<x>.tsx (ReactDOM.createRoot, importe ./index.css para Tailwind, importe o componente via @/). O Vite serve automaticamente qualquer .html dentro de apps/desktop/.
2. cd apps/desktop && npx vite --port 5199 --strictPort (em segundo plano). O wrapper npx pode gerar dois processos e relatar falha "porta em uso" enquanto a primeira instância está funcionando — verifique lsof -iTCP:5199 antes de tentar novamente.
3. Interaja com a skill de controle de navegador (API HTTP do Chrome, porta 9528): createWindow → waitForSelector → readDom → screenshotTab (capturas de tela vão para ~/Downloads/). Problemas conhecidos: evalScript é bloqueado pela CSP da extensão — use readDom/scrollTab; readDom exige que "attributes": [] seja passado explicitamente ou retorna erro "Valor não serializável".
4. Limpeza: closeTab, mate o pid do vite, exclua ambos os arquivos auxiliares, confirme que git status está limpo.