Fix script paths and move assets to public/ folder for Vite build compatibility

public/docs-historicos/TESTAR-NOVOS-PERFIS.md

@@ -0,0 +1,187 @@
+# 🧪 Como Testar os Novos Perfis
+
+## ✅ Sistema Implementado
+
+Todos os 10 tipos de perfis agora têm:
+- ✅ Página completa com 5 tabs
+- ✅ Filtros personalizados
+- ✅ Tabela técnica
+- ✅ Botão "Carregar Dados"
+- ✅ Funções automáticas
+
+---
+
+## 🚀 Teste Rápido
+
+### 1. Iniciar Servidor
+```bash
+python -m http.server 8000
+```
+
+### 2. Abrir Aplicação
+Acesse: http://localhost:8000
+
+### 3. Testar Cada Perfil
+
+#### Barras Redondas:
+1. Vá para: **MATERIAIS** → **Catálogo de Perfis** → **Barras Redondas**
+2. Clique em: **"🔄 Carregar Dados"**
+3. Veja: Tabela com barras redondas
+4. Teste: Filtros de tamanho, peso e busca
+
+#### Tubos Circulares:
+1. Vá para: **MATERIAIS** → **Catálogo de Perfis** → **Tubos Circulares**
+2. Clique em: **"🔄 Carregar Dados"**
+3. Veja: Tabela com tubos circulares
+4. Teste: Filtros
+
+#### Perfis I (IPE):
+1. Vá para: **MATERIAIS** → **Catálogo de Perfis** → **Perfis I**
+2. Clique em: **"🔄 Carregar Dados"**
+3. Veja: Tabela com perfis I
+4. Teste: Filtros
+
+#### Perfis W:
+1. Vá para: **MATERIAIS** → **Catálogo de Perfis** → **Perfis W**
+2. Clique em: **"🔄 Carregar Dados"**
+3. Veja: Tabela com perfis W
+4. Teste: Filtros
+
+#### Tubos RHS:
+1. Vá para: **MATERIAIS** → **Catálogo de Perfis** → **Tubos RHS**
+2. Clique em: **"🔄 Carregar Dados"**
+3. Veja: Tabela com tubos RHS
+4. Teste: Filtros
+
+#### Chapas:
+1. Vá para: **MATERIAIS** → **Catálogo de Perfis** → **Chapas**
+2. Clique em: **"🔄 Carregar Dados"**
+3. Veja: Tabela com chapas
+4. Teste: Filtros
+
+#### Perfis HP:
+1. Vá para: **MATERIAIS** → **Catálogo de Perfis** → **Perfis HP**
+2. Clique em: **"🔄 Carregar Dados"**
+3. Veja: Tabela com perfis HP
+4. Teste: Filtros
+
+#### Barras Roscadas:
+1. Vá para: **MATERIAIS** → **Catálogo de Perfis** → **Barras Roscadas**
+2. Clique em: **"🔄 Carregar Dados"**
+3. Veja: Tabela com barras roscadas
+4. Teste: Filtros
+
+#### Barras Chatas:
+1. Vá para: **MATERIAIS** → **Catálogo de Perfis** → **Barras Chatas**
+2. Clique em: **"🔄 Carregar Dados"**
+3. Veja: Tabela com barras chatas
+4. Teste: Filtros
+
+---
+
+## 📊 O Que Verificar
+
+Para cada perfil:
+
+### Visual:
+- [ ] Página carrega corretamente
+- [ ] 5 tabs aparecem
+- [ ] Filtros estão visíveis
+- [ ] Botão "Carregar Dados" aparece
+- [ ] Tabela está formatada
+
+### Funcional:
+- [ ] Botão "Carregar Dados" funciona
+- [ ] Dados aparecem na tabela
+- [ ] Filtros funcionam
+- [ ] Botão "Limpar Filtros" funciona
+- [ ] Contador de itens atualiza
+
+### Console:
+- [ ] Sem erros vermelhos
+- [ ] Mensagens de log aparecem
+- [ ] CSV carrega corretamente
+
+---
+
+## 🐛 Problemas Comuns
+
+### CSV não encontrado?
+**Erro**: `HTTP 404: Not Found`
+
+**Causa**: CSV não existe em `BD/perfis/`
+
+**Solução**: Criar o CSV com os dados corretos
+
+### Dados não aparecem?
+**Causa**: CSV vazio ou formato incorreto
+
+**Solução**: Verificar formato do CSV (cabeçalho + dados)
+
+### Botão não funciona?
+**Causa**: Função não foi gerada
+
+**Solução**: Verificar console por erros de JavaScript
+
+---
+
+## ✅ Checklist de Teste
+
+### Perfis Testados:
+- [ ] Cantoneiras (já funcionando)
+- [ ] Barras Redondas
+- [ ] Tubos Circulares
+- [ ] Perfis I (IPE)
+- [ ] Perfis W
+- [ ] Tubos RHS
+- [ ] Chapas
+- [ ] Perfis HP
+- [ ] Barras Roscadas
+- [ ] Barras Chatas
+
+### Funcionalidades:
+- [ ] Carregamento de dados
+- [ ] Filtros
+- [ ] Limpar filtros
+- [ ] Tabs funcionam
+- [ ] Contador atualiza
+
+---
+
+## 📝 Relatório de Teste
+
+Após testar, preencha:
+
+```
+Data: ___/___/2025
+Navegador: _______________
+
+Perfis Testados: ___/10
+Perfis Funcionando: ___/10
+Perfis com Problemas: ___/10
+
+Problemas Encontrados:
+1. _______________________
+2. _______________________
+3. _______________________
+
+Observações:
+_____________________________
+_____________________________
+
+Status: [ ] ✅ Todos OK  [ ] ⚠️ Alguns problemas  [ ] ❌ Muitos problemas
+```
+
+---
+
+## 🎯 Próximos Passos
+
+Após testar:
+
+1. **Se tudo OK**: Fazer deploy!
+2. **Se alguns problemas**: Corrigir e testar novamente
+3. **Se muitos problemas**: Revisar configurações
+
+---
+
+**Boa sorte com os testes! 🧪✅**