ai4s-research/open-science

Verificar cambios del frontend de escritorio

Las ejecuciones completas de la aplicación requieren una sesión de OpenCode + un turno de modelo en vivo. Para cambios puramente de frontend, monta el componente en una página Vite desechable:

1. Cree apps/desktop/verify-<x>.html (HTML plano, <div id="root">, <script type="module" src="/src/verify-<x>.tsx">) y apps/desktop/src/verify-<x>.tsx (ReactDOM.createRoot, importe ./index.css para Tailwind, importe el componente mediante @/). Vite sirve automáticamente cualquier .html bajo apps/desktop/.
2. cd apps/desktop && npx vite --port 5199 --strictPort (en segundo plano). El envoltorio npx puede duplicar el proceso e informar un fallo "puerto en uso" mientras la primera instancia funciona correctamente; verifique lsof -iTCP:5199 antes de reintentar.
3. Controle con la habilidad de control del navegador (API HTTP de Chrome, puerto 9528): createWindow → waitForSelector → readDom → screenshotTab (las capturas se guardan en ~/Downloads/). Advertencias: evalScript está bloqueado por la CSP de la extensión; use readDom/scrollTab en su lugar; readDom requiere un "attributes": [] explícito o arrojará error "Value is unserializable".
4. Limpie: closeTab, mate el PID de vite, elimine ambos archivos de andamiaje y confirme que git status esté limpio.