Prompt file imported from F7Tech/siga-site (
.codex/prompts/frontend-security-task.md). Copyright stays with the author.
Inspecione primeiro o frontend existente.
Contexto importante:
- Este projeto usa HTML, CSS e JavaScript puro.
- O layout, CSS e identidade visual existentes devem ser preservados.
- Não usar frameworks.
- O backend local está em: /Users/filipe.gomes/Documents/PersonalWorkspace/despachante-backend
Objetivo: Endurecer o frontend do fluxo de pagamento sem quebrar a experiência atual.
Implemente:
- validação forte de entrada
- prevenção de múltiplos submits
- debounce nas ações sensíveis
- centralização das chamadas HTTP
- tratamento padronizado de loading, erro e sucesso
- renderização segura sem uso inseguro de innerHTML
- redução de funções globais desnecessárias
- uso de sessionStorage apenas se necessário
- preservação de consulta.html, debitos.html e css/style.css como base principal
Regras:
- não inventar endpoints
- não refazer o design
- não destruir o CSS existente
- não expor lógica sensível no front
- listar no final os arquivos alterados e as proteções adicionadas