Add live browser screenshot panel for dashboard

app/browser_session.py

@@ -85,6 +85,11 @@ class BrowserSession:
                     except Exception:
                         pass
                     return False
+            try:
+                # Update the latest screenshot after successful navigation for debugging/UI
+                self.screenshot("latest")
+            except Exception:
+                pass
             return True
         except Exception as e:
             logger.error(f"Navigation failed [{url}]: {e}")
@@ -98,6 +103,16 @@ class BrowserSession:
         try:
             path = f"logs/{name}.png"
             self.page.screenshot(path=path, full_page=True)
+            # Also write a consistent latest screenshot for the UI
+            try:
+                latest = Path("logs") / "screenshot_latest.png"
+                Path(path).resolve()
+                # overwrite latest
+                from shutil import copyfile
+
+                copyfile(path, str(latest))
+            except Exception:
+                pass
             logger.debug(f"Screenshot: {path}")
         except Exception:
             pass

app/static/app.js

@@ -24,6 +24,7 @@ const elements = {
 let logCursor = 0;
 let pollTimer = null;
 let running = false;
+let screenshotTimer = null;
 
 function setBanner(element, message) {
   if (!message) {
@@ -204,6 +205,17 @@ function boot() {
   setRunningState(false);
   fetchStatus();
   pollTimer = window.setInterval(fetchStatus, 2000);
+  // Start screenshot refresher
+  const img = document.getElementById('screenshotImg');
+  if (img) {
+    const refresh = () => {
+      img.src = '/screenshot?ts=' + Date.now();
+    };
+    // refresh every 3 seconds
+    screenshotTimer = window.setInterval(refresh, 3000);
+    // try an initial load
+    refresh();
+  }
 }
 
 document.addEventListener('DOMContentLoaded', boot);

app/templates/index.html

@@ -102,6 +102,12 @@
           </div>
           <pre id="logOutput" class="log-output">Waiting for the next run...</pre>
         </div>
+        <div class="screenshot-panel">
+          <h3>Live Browser View</h3>
+          <div class="screenshot-wrap">
+            <img id="screenshotImg" src="/screenshot" alt="Latest screenshot" style="width:100%;border-radius:6px;display:block;" />
+          </div>
+        </div>
       </section>
     </main>
   </div>

app/web_app.py

@@ -93,6 +93,19 @@ def status():
     return jsonify(controller.snapshot())
 
 
+@app.get("/screenshot")
+def screenshot_route():
+    latest = APP_DIR / ".." / "logs" / "screenshot_latest.png"
+    # normalize
+    latest = latest.resolve()
+    if not latest.exists():
+        return ("", 204)
+    try:
+        return send_file(str(latest), mimetype="image/png")
+    except Exception:
+        return ("", 500)
+
+
 @app.get("/download")
 def download():
     snapshot = controller.snapshot()