Merge pull request #122 from albertoivo/palette-guest-mode-fix-5149763296248046295

Author: albertoivo

.Jules/palette.md

@@ -1,3 +1,7 @@
 ## 2024-05-23 - Ambiguous Label Text in Tests
 **Learning:** Using `getByLabelText` can be ambiguous if an interactive element (like a toggle button) has an `aria-label` that partially matches the input's label text (e.g., "Senha" vs "Mostrar senha").
 **Action:** Always specify `{ selector: 'input' }` when querying inputs by label text if there are related buttons nearby with similar ARIA labels.
+
+## 2024-05-24 - Frictionless Guest Entry
+**Learning:** Users in "Guest Mode" value speed over customization. Replacing a blocking `window.prompt` with auto-generated names removes a significant friction point and feels more "magical" and polished.
+**Action:** When designing "try it out" or guest flows, prioritize immediate access (1-click) over configuration. Save customization for after the user is hooked.

src/pages/RegisterPage.tsx

@@ -59,11 +59,16 @@ export function RegisterPage() {
     };
 
     const handleGuestMode = () => {
-        const guestName = prompt('Digite seu apelido para jogar como convidado:');
-        if (guestName && guestName.trim()) {
-            enterAsGuest(guestName.trim());
-            navigate('/game', { replace: true });
-        }
+        // Gera um nome aleatório divertido para o convidado
+        const adjectives = ['Veloz', 'Esperto', 'Curioso', 'Valente', 'Sábio', 'Alegre'];
+        const nouns = ['Viajante', 'Explorador', 'Aventureiro', 'Cientista', 'Mago', 'Ninja'];
+
+        const adj = adjectives[Math.floor(Math.random() * adjectives.length)];
+        const noun = nouns[Math.floor(Math.random() * nouns.length)];
+        const guestName = `${noun} ${adj}`;
+
+        enterAsGuest(guestName);
+        navigate('/game', { replace: true });
     };
 
     return (