run health check on demand

demo/app.py

@@ -5,19 +5,21 @@ import os
 import gradio as gr
 
 import health
-from layout import CELL_CSS, wrap_cell
+from layout import CELL_CSS, cell
 
 
 def render_health_panel() -> str:
-    return wrap_cell(health.render_health_notice())
+    return health.render_health_notice()
 
 
 def create_app() -> gr.Blocks:
     """Create the Gradio application with a minimal notebook-like health cell."""
     with gr.Blocks(title="Aileen3 Demo") as demo:
         gr.HTML(f"<style>{CELL_CSS}</style>")
-        health_panel = gr.HTML(value=wrap_cell(health.render_placeholder_notice()))
-        demo.load(fn=render_health_panel, outputs=health_panel, queue=False)
+        with cell("🧪 Health check"):
+            health_panel = gr.HTML(value=health.render_placeholder_notice())
+            run_button = gr.Button("Run health check", variant="primary")
+            run_button.click(fn=render_health_panel, outputs=health_panel, queue=False)
     return demo
 
 

demo/health.py

@@ -233,7 +233,7 @@ def render_health_notice() -> str:
 def render_placeholder_notice() -> str:
     return (
         "<div class='health-box health-placeholder'>"
-        "<div class='health-head'>⏳ Running automated health check…</div>"
-        "<p>Step 0 runs implicitly to validate Deno and yt-dlp before any other cell.</p>"
+        "<div class='health-head'>🛠 Ready when you are.</div>"
+        "<p>Press the button below to run the health check before executing other cells.</p>"
         "</div>"
     )

demo/layout.py

@@ -1,5 +1,8 @@
 from __future__ import annotations
 
+from contextlib import contextmanager
+import gradio as gr
+
 CELL_CSS = """
 .cell-wrapper {
     border: 1px solid rgba(0, 0, 0, 0.9);
@@ -63,10 +66,8 @@ CELL_CSS = """
 """
 
 
-def wrap_cell(body_html: str) -> str:
-    return (
-        "<section class='cell-wrapper'>"
-        "<div class='cell-title'>🧪 Health check</div>"
-        f"{body_html}"
-        "</section>"
-    )
+@contextmanager
+def cell(title: str):
+    with gr.Column(elem_classes="cell-wrapper") as column:
+        gr.HTML(f"<div class='cell-title'>{title}</div>")
+        yield column