Update app.py

app.py

@@ -26,7 +26,6 @@ JS = r"""
     const btn = document.getElementById("tqMenuBtn");
     const menu = document.getElementById("tqMenu");
     if (!canvas) return false;
-
     if (btn && menu && !btn.__tq_bound) {
       btn.__tq_bound = true;
       btn.addEventListener("click", () => menu.classList.toggle("open"));
@@ -36,15 +35,12 @@ JS = r"""
         }
       });
     }
-
     const ctx = canvas.getContext("2d");
     if (!ctx) return true;
-
     let w = 0, h = 0;
     let dpr = 1;
     const stars = [];
     const N = 170;
-
     function resize() {
       dpr = Math.max(1, window.devicePixelRatio || 1);
       canvas.style.width = window.innerWidth + "px";
@@ -55,7 +51,6 @@ JS = r"""
       w = window.innerWidth;
       h = window.innerHeight;
     }
-
     function seed() {
       stars.length = 0;
       for (let i = 0; i < N; i++) {
@@ -67,19 +62,15 @@ JS = r"""
         });
       }
     }
-
     function tick() {
       ctx.clearRect(0, 0, w, h);
-
       const g = ctx.createRadialGradient(w/2, h/2, 10, w/2, h/2, Math.max(w,h)/1.1);
       g.addColorStop(0, "rgba(0,0,0,0)");
       g.addColorStop(1, "rgba(0,0,0,0.55)");
       ctx.fillStyle = g;
       ctx.fillRect(0, 0, w, h);
-
       ctx.globalAlpha = 0.9;
       ctx.fillStyle = "rgba(255,255,255,0.75)";
-
       for (const s of stars) {
         s.y += s.v * (1.0 + (1.0 - s.z));
         if (s.y > h + 10) { s.y = -10; s.x = Math.random() * w; }
@@ -88,10 +79,8 @@ JS = r"""
         ctx.arc(s.x, s.y, r, 0, Math.PI * 2);
         ctx.fill();
       }
-
       requestAnimationFrame(tick);
     }
-
     resize();
     seed();
     if (!window.__tq_resize_bound) {
@@ -102,7 +91,6 @@ JS = r"""
     tick();
     return true;
   }
-
   let tries = 0;
   const maxTries = 30;
   const timer = setInterval(() => {
@@ -270,6 +258,7 @@ Tip: start with 200 episodes. Increase only when you need cleaner trends in plot
 </div>
 """
                         )
+
                     with gr.Column(scale=2, min_width=420):
                         gr.Markdown('<div class="tq-card-title">Generated artifacts</div>')
                         down_gallery = gr.Gallery(
@@ -277,7 +266,7 @@ Tip: start with 200 episodes. Increase only when you need cleaner trends in plot
                             columns=1,
                             height=240,
                             elem_id="down_gallery",
-                            preview=True,
+                            preview=False,
                         )
 
                 run_down_btn.click(
@@ -310,6 +299,7 @@ This pipeline explores stability under non-stationarity: when the world changes
 </div>
 """
                         )
+
                     with gr.Column(scale=2, min_width=420):
                         gr.Markdown('<div class="tq-card-title">Generated artifacts</div>')
                         strange_gallery = gr.Gallery(
@@ -317,7 +307,7 @@ This pipeline explores stability under non-stationarity: when the world changes
                             columns=1,
                             height=240,
                             elem_id="strange_gallery",
-                            preview=True,
+                            preview=False,
                         )
 
                 run_strange_btn.click(
@@ -348,4 +338,4 @@ if __name__ == "__main__":
         server_name="0.0.0.0",
         server_port=int(os.getenv("PORT", "7860")),
         show_api=False,
-    )
+    )