Upload 6 files

room_game.html

@@ -75,30 +75,6 @@
             margin-bottom: 10px;
         }
 
-        .markdown-panel {
-            flex: 0 0 300px;
-            background: #222;
-            border: 1px solid #444;
-            border-radius: 5px;
-            overflow: hidden;
-        }
-
-        .markdown-header {
-            background: #333;
-            padding: 10px;
-            text-align: center;
-            color: #00ccff;
-            font-weight: bold;
-        }
-
-        .markdown-content {
-            padding: 15px;
-            font-size: 12px;
-            line-height: 1.4;
-            max-height: 600px;
-            overflow-y: auto;
-            white-space: pre-wrap;
-        }
 
         .game-board {
             flex: 1;
@@ -283,13 +259,6 @@
             </div>
         </div>
 
-        <!-- Markdown Display Panel -->
-        <div class="markdown-panel">
-            <div class="markdown-header">📝 Game State (Markdown)</div>
-            <div class="markdown-content" id="markdownContent">
-                Select or create a room to see the markdown representation...
-            </div>
-        </div>
 
         <!-- Game Board -->
         <div class="game-board">

room_game.js

@@ -5,7 +5,6 @@ class RoomTicTacToeGame {
         this.cells = document.querySelectorAll('.cell');
         this.gameStatus = document.getElementById('gameStatus');
         this.roomInfo = document.getElementById('roomInfo');
-        this.markdownContent = document.getElementById('markdownContent');
         this.chatMessages = document.getElementById('chatMessages');
         this.chatInput = document.getElementById('chatInput');
         this.sendBtn = document.getElementById('sendBtn');
@@ -84,7 +83,6 @@ class RoomTicTacToeGame {
             
             // Update display
             this.updateDisplay();
-            this.updateMarkdown(data.markdown);
             this.loadChatHistory();
             
             this.gameStatus.textContent = `Joined room ${roomId}!`;
@@ -110,7 +108,6 @@ class RoomTicTacToeGame {
         this.clearBoard();
         this.gameStatus.textContent = "Create or join a room to start playing!";
         this.updateRoomInfo();
-        this.markdownContent.textContent = "Select or create a room to see the markdown representation...";
         
         // Clear chat
         this.chatMessages.innerHTML = `
@@ -139,7 +136,6 @@ class RoomTicTacToeGame {
             const data = await response.json();
             this.roomData = data.room_data;
             this.updateDisplay();
-            this.updateMarkdown(data.markdown);
             
         } catch (error) {
             console.error('Failed to refresh room:', error);
@@ -178,7 +174,6 @@ class RoomTicTacToeGame {
             const data = await response.json();
             this.roomData = data.room_data;
             this.updateDisplay();
-            this.updateMarkdown(data.markdown);
             this.loadChatHistory(); // Reload chat to get AI's move message
             
             if (this.roomData.game_status === 'active') {
@@ -223,8 +218,7 @@ class RoomTicTacToeGame {
 
             const data = await response.json();
             this.roomData = data.room_data;
-            this.updateMarkdown(data.markdown);
-            this.loadChatHistory();
+                this.loadChatHistory();
             
         } catch (error) {
             console.error('Chat failed:', error);
@@ -280,11 +274,6 @@ class RoomTicTacToeGame {
         `;
     }
 
-    updateMarkdown(markdown) {
-        if (markdown) {
-            this.markdownContent.textContent = markdown;
-        }
-    }
 
     loadChatHistory() {
         if (!this.roomData || !this.roomData.chat_history) return;