Upload 7 files

game_logic.js

@@ -176,31 +176,39 @@ async function submitAdvice(adviceText) {
 }
 
 function fetchGameState() {
-  const formData = new FormData();
-  formData.append('player_name', playerName);
-
-  fetch('https://lemot.online/player/play/', {
-    method: 'POST',
-    body: formData
-  })
-  .then(res => res.json())
-  .then(data => {
-    if (data.error) {
-      statusEl.textContent = data.message;
-      statusEl.classList.add('text-red-600');
-      addStreamMessage(data.message, 'system');
-    } else {
-      statusEl.classList.remove('text-red-600');
-      updateGameState(data);
-    }
-  })
-  .catch(err => {
-    console.error(err);
-    statusEl.textContent = "Error fetching game state.";
-    addStreamMessage("Error fetching game state", 'system');
-  });
-}
-
+    const formData = new FormData();
+    formData.append('player_name', playerName);
+  
+    fetch('https://lemot.online/player/play/', {
+      method: 'POST',
+      body: formData
+    })
+    .then(res => res.json())
+    .then(data => {
+      if (data.error) {
+        statusEl.textContent = data.message;
+        statusEl.classList.add('text-red-600');
+        addStreamMessage(data.message, 'system');
+      } else {
+        statusEl.classList.remove('text-red-600');
+        updateGameState(data);
+        
+        // Process current messages from the game session
+        if (data.current_messages && Array.isArray(data.current_messages)) {
+          data.current_messages.forEach(message => {
+            const formattedMessage = `${message.player_name}: "${message.guess_text}" - Score: ${message.similarity_score}/10`;
+            addStreamMessage(formattedMessage, 'player');
+          });
+        }
+      }
+    })
+    .catch(err => {
+      console.error(err);
+      statusEl.textContent = "Error fetching game state.";
+      addStreamMessage("Error fetching game state", 'system');
+    });
+  }
+  
 // Event listeners
 let isProcessing = false;
 

index.html

@@ -78,7 +78,8 @@
   </div>
 
   <!-- Dev Interface (Bottom Left) -->
-  <div class="fixed bottom-4 left-4 w-64 bg-white shadow-lg rounded-lg p-4 text-sm">
+   
+  <div id="dev_dbug"class="fixed bottom-4 left-4 w-64 bg-white shadow-lg rounded-lg p-4 text-sm">
     <div id="status" class="text-xs mb-2"></div>
     <div id="timer" class="text-sm font-bold mb-2"></div>
     <div id="game-info" class="text-xs"></div>
@@ -110,6 +111,23 @@
   <script src="./personality_allocation.js"></script>
   <script src="./populate_interface.js"></script>
   
-  
+
+  <script>
+    const toggleBtn = document.createElement('button');
+toggleBtn.innerHTML = '👁️';
+toggleBtn.style.cssText = 'position: fixed; bottom: 16px; left: 16px; background: #1f2937; border: none; border-radius: 50%; padding: 8px; cursor: pointer; color: white;';
+
+let isVisible = true;
+toggleBtn.onclick = () => {
+    const debugEl = document.getElementById('dev_dbug');
+    if (debugEl) {
+        isVisible = !isVisible;
+        debugEl.style.opacity = isVisible ? '1' : '0';
+        toggleBtn.innerHTML = isVisible ? '👁️' : '👁️‍🗨️';
+    }
+};
+
+document.body.appendChild(toggleBtn);
+  </script>
 </body>
-</html>
+</html>