Enh(viewer): Show all logs

Author: klieret

.cursor/rules/viewer.mdc

@@ -353,6 +353,13 @@ The application has two main pages:
 * **Overview table**: Shows results summary with round navigation
   - **Header formatting**: Column headers should show player names directly followed by "Steps" (e.g., "sonnet-4-more-prescriptive Steps"), not "Player sonnet-4-more-prescriptive Steps"
   - **Navigation buttons**: Each row includes a button to jump to the specific round details
+* **All Logs section**: Shows all available log files with individual foldouts and scroll containers
+  - **tournament.log**: Tournament-level logging
+  - **game.log**: Game-specific logging
+  - **everything.log**: Combined comprehensive logging
+  - **players/p1/player.log, players/p2/player.log**: Individual player logs for each player
+  - Each log foldout includes a "Copy path" button and has its own scroll container with max-height of 500px for large logs
+  - Logs are displayed in a dedicated section with proper styling and scrollbars
 
 #### Rounds
 

codeclash/viewer/app.py

@@ -260,6 +260,7 @@ class GameMetadata:
     metadata_file_path: str
     rounds: list[dict[str, Any]]
     agent_info: list[AgentInfo] | None = None
+    all_logs: dict[str, dict[str, str]] | None = None  # {log_type: {"content": content, "path": path}}
 
 
 def process_round_results(
@@ -367,6 +368,9 @@ def parse_game_metadata(self) -> GameMetadata:
         main_log = main_log_file.read_text() if main_log_file.exists() else "No tournament log found"
         main_log_path = str(main_log_file) if main_log_file.exists() else ""
 
+        # Parse all available logs
+        all_logs = self._parse_all_logs()
+
         # Parse round data - prioritize round_stats from metadata.json
         rounds = []
 
@@ -418,6 +422,7 @@ def parse_game_metadata(self) -> GameMetadata:
             metadata_file_path=metadata_file_path,
             rounds=rounds,
             agent_info=agent_info,
+            all_logs=all_logs,
         )
 
     def parse_trajectory(self, player_name: str, round_num: int) -> TrajectoryInfo | None:
@@ -593,6 +598,44 @@ def analyze_line_counts(self) -> dict[str, Any]:
 
         return {"all_files": all_files_list, "line_counts_by_round": line_counts_by_round}
 
+    def _parse_all_logs(self) -> dict[str, dict[str, str]]:
+        """Parse all available log files in the tournament directory"""
+        all_logs = {}
+
+        # Define log files to look for
+        log_files = {"tournament.log": "Tournament Log", "game.log": "Game Log", "everything.log": "Everything Log"}
+
+        # Check for main log files
+        for log_file, display_name in log_files.items():
+            log_path = self.log_dir / log_file
+            if log_path.exists():
+                try:
+                    content = log_path.read_text()
+                    all_logs[display_name] = {"content": content, "path": str(log_path)}
+                except (OSError, UnicodeDecodeError) as e:
+                    all_logs[display_name] = {"content": f"Error reading log file: {e}", "path": str(log_path)}
+
+        # Check for player logs
+        players_dir = self.log_dir / "players"
+        if players_dir.exists():
+            for player_dir in players_dir.iterdir():
+                if not player_dir.is_dir():
+                    continue
+
+                player_name = player_dir.name
+                player_log = player_dir / "player.log"
+
+                if player_log.exists():
+                    try:
+                        content = player_log.read_text()
+                        display_name = f"Player {player_name} Log"
+                        all_logs[display_name] = {"content": content, "path": str(player_log)}
+                    except (OSError, UnicodeDecodeError) as e:
+                        display_name = f"Player {player_name} Log"
+                        all_logs[display_name] = {"content": f"Error reading log file: {e}", "path": str(player_log)}
+
+        return all_logs
+
 
 app = Flask(__name__)
 

codeclash/viewer/static/css/style.css

@@ -401,6 +401,59 @@ details summary {
   padding: 1rem;
 }
 
+/* Scrollable log containers */
+.log-content-container {
+  max-height: 500px;
+  overflow: hidden;
+  border: 1px solid var(--border-color);
+  border-radius: 0.375rem;
+  background-color: var(--code-bg);
+}
+
+.log-content-scrollable {
+  max-height: 500px;
+  overflow-y: auto;
+  overflow-x: auto;
+  padding: 1rem;
+  margin: 0;
+  background-color: var(--code-bg);
+  border: none;
+  border-radius: 0;
+}
+
+.log-content-scrollable::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.log-content-scrollable::-webkit-scrollbar-track {
+  background: var(--bg-tertiary);
+  border-radius: 4px;
+}
+
+.log-content-scrollable::-webkit-scrollbar-thumb {
+  background: var(--text-muted);
+  border-radius: 4px;
+}
+
+.log-content-scrollable::-webkit-scrollbar-thumb:hover {
+  background: var(--text-secondary);
+}
+
+/* Logs section styling */
+.logs-section {
+  margin-top: 2rem;
+  padding-top: 1.5rem;
+  border-top: 1px solid var(--border-color);
+}
+
+.logs-section h3 {
+  color: var(--text-primary);
+  margin-bottom: 1rem;
+  font-size: 1.25rem;
+  font-weight: 600;
+}
+
 /* Special foldout types */
 .round-foldout {
   /* Removed distracting blue border */

codeclash/viewer/templates/includes/overview.html

@@ -64,4 +64,40 @@ <h2>📊 Overview</h2>
             </tbody>
         </table>
     </div>
+
+    <!-- Tournament Log -->
+    <details class="foldout">
+        <summary>
+            📝 Tournament Log
+            {% if metadata.main_log_path %}
+            <button class="copy-path-btn-small" data-path="{{ metadata.main_log_path }}" title="Copy file path">
+                📋 Copy path
+            </button>
+            {% endif %}
+        </summary>
+        <div class="log-content-container">
+            <pre class="log-content-scrollable"><code>{{ metadata.main_log }}</code></pre>
+        </div>
+    </details>
+
+    <!-- All Other Logs -->
+    {% if metadata.all_logs %}
+        {% for log_name, log_data in metadata.all_logs.items() %}
+            {% if log_name != "Tournament Log" %}
+            <details class="foldout">
+                <summary>
+                    📝 {{ log_name }}
+                    {% if log_data.path %}
+                    <button class="copy-path-btn-small" data-path="{{ log_data.path }}" title="Copy file path">
+                        📋 Copy path
+                    </button>
+                    {% endif %}
+                </summary>
+                <div class="log-content-container">
+                    <pre class="log-content-scrollable"><code>{{ log_data.content }}</code></pre>
+                </div>
+            </details>
+            {% endif %}
+        {% endfor %}
+    {% endif %}
 </section>

codeclash/viewer/templates/includes/setup.html

@@ -38,18 +38,4 @@ <h2>⚙️ Setup</h2>
         </div>
     </details>
 
-    <!-- Main Log Foldout -->
-    <details class="foldout">
-        <summary>
-            📝 Tournament Log
-            {% if metadata.main_log_path %}
-            <button class="copy-path-btn-small" data-path="{{ metadata.main_log_path }}" title="Copy file path">
-                📋 Copy path
-            </button>
-            {% endif %}
-        </summary>
-        <div class="log-content">
-            <pre><code>{{ metadata.main_log }}</code></pre>
-        </div>
-    </details>
 </section>