docs: Guia de teste de variáveis no navegador

TESTE_VARIAVEIS_NAVEGADOR.md

@@ -0,0 +1,104 @@
+# 🧪 TESTE DE VARIÁVEIS NO NAVEGADOR
+
+## ❌ ERRO NO CONSOLE
+
+O comando `import.meta.env` NÃO funciona no console do navegador!
+
+Ele só funciona dentro do código da aplicação durante o build.
+
+---
+
+## ✅ COMO TESTAR CORRETAMENTE
+
+### Opção 1: Verificar no código fonte
+
+1. Abra: https://rdo.tracksteel.com.br
+2. Pressione **F12** (DevTools)
+3. Vá na aba **Sources** ou **Debugger**
+4. Procure por arquivos `.js` no painel esquerdo
+5. Abra qualquer arquivo e procure por `xzudfhifaancyxxfdejx`
+6. Se encontrar = ✅ Variáveis configuradas!
+7. Se NÃO encontrar = ❌ Variáveis não foram injetadas no build
+
+---
+
+### Opção 2: Verificar no Network
+
+1. Abra: https://rdo.tracksteel.com.br
+2. Pressione **F12** (DevTools)
+3. Vá na aba **Network**
+4. Clique em "Login com Google"
+5. Procure por requisições para `xzudfhifaancyxxfdejx.supabase.co`
+6. Se aparecer = ✅ Variáveis configuradas!
+7. Se NÃO aparecer = ❌ Variáveis não foram injetadas
+
+---
+
+### Opção 3: Adicionar console.log temporário
+
+Adicione este código no arquivo `src/lib/supabase.ts` (linha 6):
+
+```typescript
+const supabaseUrl = import.meta.env.VITE_SUPABASE_URL
+const supabaseAnonKey = import.meta.env.VITE_SUPABASE_ANON_KEY
+
+// ADICIONAR ESTAS LINHAS TEMPORÁRIAS:
+console.log('🔍 SUPABASE URL:', supabaseUrl)
+console.log('🔍 SUPABASE KEY:', supabaseAnonKey?.substring(0, 30) + '...')
+```
+
+Depois faça commit, push e aguarde o deploy no Netlify.
+
+Quando abrir o site, vai aparecer no console!
+
+---
+
+## 🚨 PROBLEMA IDENTIFICADO
+
+O erro **401 Unauthorized** com `grant_type=pkce` indica que:
+
+1. ✅ As variáveis de ambiente ESTÃO configuradas (senão daria outro erro)
+2. ❌ O flowType estava configurado como `pkce` que não funciona bem em produção
+3. ✅ JÁ CORRIGI mudando para `implicit`
+
+---
+
+## 📋 PRÓXIMOS PASSOS
+
+1. ✅ **Código corrigido** (mudei flowType para implicit)
+2. ✅ **Push feito** para o GitHub
+3. ⏳ **Aguardar deploy** no Netlify (2-3 minutos)
+4. 🧪 **Testar login** novamente
+
+---
+
+## ⏰ AGUARDE O DEPLOY
+
+O Netlify precisa fazer o build novamente com o código corrigido.
+
+**Como verificar se o deploy terminou:**
+
+1. Acesse: https://app.netlify.com
+2. Clique no seu site
+3. Vá em **Deploys**
+4. Aguarde o deploy mais recente ficar **"Published"** (verde)
+5. Depois teste o login!
+
+---
+
+## 🎯 TESTE APÓS O DEPLOY
+
+1. Abra: https://rdo.tracksteel.com.br
+2. Limpe o cache (Ctrl+Shift+Delete → Limpar tudo)
+3. Recarregue a página (Ctrl+F5)
+4. Clique em "Login com Google"
+5. Deve funcionar agora!
+
+---
+
+## 🔍 SE AINDA DER ERRO
+
+Me envie print do console (F12) mostrando:
+- Aba **Console** (mensagens de erro)
+- Aba **Network** (requisições falhando)
+