Update main.py

main.py

@@ -752,17 +752,6 @@ async def root(request: Request):
     health_data = await health_check()
     assistant_data = await internal_assistant()
     
-    # Fetch logs internally
-    try:
-        with open("app.log", "r") as f:
-            lines = f.readlines()
-            # Show all lines
-            log_content = "".join(lines)
-            # Escape HTML
-            log_content = log_content.replace("&", "&amp;").replace("<", "&lt;").replace(">", "&gt;")
-    except Exception as e:
-        log_content = f"Error reading logs: {e}"
-    
     # Format nicely as JSON strings
     health_json = json.dumps(health_data, indent=2)
     assistant_json = json.dumps(assistant_data, indent=2)
@@ -932,10 +921,7 @@ async def root(request: Request):
             </div>
             
             <div id="logs" class="tab-content active">
-                <div style="text-align: right; margin-bottom: 10px;">
-                    <button onclick="location.reload()" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); color: white; padding: 5px 10px; border-radius: 5px; cursor: pointer; transition: 0.3s;" onmouseover="this.style.background='rgba(255,255,255,0.2)'" onmouseout="this.style.background='rgba(255,255,255,0.1)'">🔄 Refresh</button>
-                </div>
-                <div class="log-container" id="log-container-view">{log_content}</div>
+                <div class="log-container" id="log-container-view">Loading logs...</div>
             </div>
 
             <div id="assistant" class="tab-content">
@@ -991,7 +977,38 @@ async def root(request: Request):
             document.getElementById('health-json').innerHTML = syntaxHighlight(document.getElementById('health-json').innerText);
             document.getElementById('assistant-json').innerHTML = syntaxHighlight(document.getElementById('assistant-json').innerText);
 
-            // Auto-scroll logs on initial load since it's the default active tab
+            // React-like Auto-polling for Logs
+            let lastLogContent = "";
+            let autoScroll = true;
+
+            function fetchLogs() {{
+                fetch('/logs/data')
+                    .then(response => response.text())
+                    .then(data => {{
+                        let logContainer = document.getElementById('log-container-view');
+                        if (logContainer && data !== lastLogContent) {{
+                            
+                            // Check if user has scrolled up manually
+                            // If they are near the bottom, keep auto-scrolling. If they scrolled up, don't force them down.
+                            let isAtBottom = logContainer.scrollHeight - logContainer.scrollTop <= logContainer.clientHeight + 50;
+                            
+                            logContainer.innerHTML = data;
+                            lastLogContent = data;
+
+                            if (isAtBottom || autoScroll) {{
+                                logContainer.scrollTop = logContainer.scrollHeight;
+                                autoScroll = false; // Only force it heavily on the very first load
+                            }}
+                        }}
+                    }})
+                    .catch(error => console.error('Error fetching logs:', error));
+            }}
+
+            // Fetch immediately, then poll every 2 seconds
+            fetchLogs();
+            setInterval(fetchLogs, 2000);
+            
+            // Auto-scroll logs on initial tab click
             window.onload = function() {{
                 var logContainer = document.getElementById('log-container-view');
                 if (logContainer) {{
@@ -1002,6 +1019,21 @@ async def root(request: Request):
     </body>
     </html>
     """.replace("{{log_content}}", log_content)
+
+from fastapi.responses import HTMLResponse
+
+@app.get("/logs/data")
+async def get_logs_data():
+    """API Endpoint: Returns raw text for the frontend to poll."""
+    try:
+        with open("app.log", "r") as f:
+            lines = f.readlines()
+            log_content = "".join(lines)
+            log_content = log_content.replace("&", "&amp;").replace("<", "&lt;").replace(">", "&gt;")
+            return HTMLResponse(content=log_content)
+    except Exception as e:
+        return HTMLResponse(content=f"Error reading logs: {e}")
+
 async def internal_assistant():
     load_dotenv(override=True)