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

public/docs-historicos/SOLUCAO-COMPLETA-PERFIS.md

@@ -0,0 +1,169 @@
+# Solução Completa - Catálogo de Perfis
+
+## Problemas Identificados
+
+### 1. Cantoneiras não carrega dados
+- Função `carregarCantoneiras()` é chamada
+- Mas os dados não aparecem na tabela
+- Sem erros no console
+
+### 2. Outros perfis dão erro
+- Erro: "Função não encontrada: getBarrasRedondasContent"
+- Acontece para todos os outros 9 tipos de perfis
+
+## Soluções Aplicadas
+
+### 1. Debug Melhorado (Cantoneiras)
+
+Adicionado logs para verificar se o elemento existe:
+
+```javascript
+setTimeout(() => {
+    if (sectionId === 'cantoneiras' && typeof carregarCantoneiras === 'function') {
+        console.log('🔧 Chamando carregarCantoneiras()');
+        const tbody = document.getElementById('cantoneiras-tbody');
+        console.log('📋 Elemento tbody encontrado:', tbody ? 'SIM' : 'NÃO');
+        carregarCantoneiras();
+    }
+}, 100);
+```
+
+### 2. Funções Placeholder Criadas
+
+Criadas funções para todos os 9 perfis restantes:
+
+```javascript
+function getBarrasRedondasContent() { ... }
+function getTubosCircularesContent() { ... }
+function getPerfisIContent() { ... }
+function getPerfisWContent() { ... }
+function getTubosRHSContent() { ... }
+function getChapasContent() { ... }
+function getPerfisHPContent() { ... }
+function getBarrasRoscadasContent() { ... }
+function getBarrasChatassContent() { ... }
+```
+
+Cada função retorna uma mensagem "Em Desenvolvimento" com o caminho do CSV.
+
+### 3. Mapeamento Atualizado
+
+Atualizado o objeto `sections` no `app.js`:
+
+```javascript
+const sections = {
+    // ...
+    'cantoneiras': typeof getCantoneirasContent === 'function' ? getCantoneirasContent() : '<p>Carregando...</p>',
+    'barras-redondas': typeof getBarrasRedondasContent === 'function' ? getBarrasRedondasContent() : '<p>Em desenvolvimento</p>',
+    // ... etc
+};
+```
+
+## Como Testar
+
+### 1. Limpar Cache
+```
+Ctrl+Shift+Delete → Limpar cache
+```
+
+### 2. Hard Refresh
+```
+Ctrl+Shift+R (ou F5)
+```
+
+### 3. Abrir Console
+```
+F12 → Aba Console
+```
+
+### 4. Testar Cantoneiras
+1. Clique em "Cantoneiras"
+2. Verifique no console:
+   ```
+   🔧 Chamando carregarCantoneiras()
+   📋 Elemento tbody encontrado: SIM (ou NÃO)
+   📊 Carregando dados das cantoneiras...
+   ✅ 39 cantoneiras carregadas
+   ```
+
+### 5. Testar Outros Perfis
+1. Clique em "Barras Redondas" (ou qualquer outro)
+2. Deve mostrar: "Em Desenvolvimento"
+3. **NÃO deve dar erro** no console
+
+## Diagnóstico do Problema das Cantoneiras
+
+Se o console mostrar:
+- ✅ "🔧 Chamando carregarCantoneiras()" → Função está sendo chamada
+- ✅ "📋 Elemento tbody encontrado: SIM" → Elemento existe
+- ✅ "📊 Carregando dados..." → Fetch iniciado
+- ✅ "✅ 39 cantoneiras carregadas" → Dados carregados
+- ❌ **MAS a tabela está vazia** → Problema na função `exibirCantoneiras()`
+
+### Possíveis Causas:
+
+#### 1. Elemento não existe quando a função é chamada
+```javascript
+// Solução: Aumentar o timeout
+setTimeout(() => { carregarCantoneiras(); }, 200); // Era 100ms
+```
+
+#### 2. Dados não estão no formato esperado
+```javascript
+// Verificar estrutura dos dados
+console.log('Dados:', dados);
+console.log('Primeiro item:', dados[0]);
+```
+
+#### 3. CSS escondendo a tabela
+```css
+/* Verificar se há algum CSS que esconde */
+#cantoneiras-tbody { display: none; } /* ❌ */
+```
+
+## Próximos Passos
+
+### Se Cantoneiras Ainda Não Funcionar:
+
+1. **Verificar no Console:**
+   - Copie TODOS os logs que aparecem
+   - Me envie uma captura de tela
+
+2. **Verificar Rede:**
+   - F12 → Aba "Network"
+   - Recarregue a página
+   - Procure por "cantoneiras_brasil_completo.csv"
+   - Verifique se retorna 200 (sucesso) ou 404 (não encontrado)
+
+3. **Verificar Dados:**
+   - Abra o Console
+   - Digite: `window.cantoneirasData`
+   - Pressione Enter
+   - Deve mostrar um array com 39 itens
+
+### Implementar Outros Perfis:
+
+Quando as cantoneiras estiverem funcionando, implementar os outros seguindo o mesmo padrão:
+
+1. Copiar a estrutura de `getCantoneirasContent()`
+2. Copiar as funções `carregar`, `exibir`, `filtrar`
+3. Adaptar para o tipo de perfil específico
+4. Atualizar o CSV path
+
+## Arquivos Modificados
+
+1. `app.js` - Debug adicionado + mapeamento atualizado
+2. `js/sections/perfis-catalog.js` - Funções placeholder adicionadas
+
+## Status dos Perfis
+
+- ✅ Cantoneiras - Implementado (aguardando teste)
+- 🔄 Barras Redondas - Placeholder
+- 🔄 Tubos Circulares - Placeholder
+- 🔄 Perfis I (IPE) - Placeholder
+- 🔄 Perfis W - Placeholder
+- 🔄 Tubos RHS - Placeholder
+- 🔄 Chapas - Placeholder
+- 🔄 Perfis HP - Placeholder
+- 🔄 Barras Roscadas - Placeholder
+- 🔄 Barras Chatas - Placeholder