From 0a3e6c7b9bdc1b77b16eb33e833a3cc68aba2a95 Mon Sep 17 00:00:00 2001
From: Eric Cao <itsericsmail@gmail.com>
Date: Tue, 7 Jul 2026 16:11:33 +0800
Subject: [PATCH] fix(site): only show report preview when terminal is visible

---
 site/terminal-demo.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/site/terminal-demo.js b/site/terminal-demo.js
index ade9521..471991c 100644
--- a/site/terminal-demo.js
+++ b/site/terminal-demo.js
@@ -8,6 +8,7 @@
   var copyBtn = document.querySelector(".copy-btn");
   var replayBtn = document.getElementById("terminal-replay");
   var termBody = output ? output.closest(".terminal-body") : null;
+  var terminalWrap = document.querySelector(".hero-terminal-wrap");
 
   if (!output || !inputLine || !typed) return;
 
@@ -44,6 +45,14 @@
     if (el) { el.classList.remove("open"); el.style.display = "none"; }
   }
 
+  function isTerminalVisible() {
+    var el = terminalWrap || document.querySelector(".terminal");
+    if (!el) return true;
+    var rect = el.getBoundingClientRect();
+    return rect.top < window.innerHeight && rect.bottom > 0 &&
+           rect.left < window.innerWidth && rect.right > 0;
+  }
+
   function setStatus(color, text) {
     if (!statusEl) return;
     statusEl.textContent = text;
@@ -196,6 +205,7 @@
   }
 
   function showReportPreview() {
+    if (!isTerminalVisible()) return;
     var container = document.getElementById("report-browser");
     if (!container) {
       container = document.createElement("div");