fix: status bar fixed height Textbox — no more page bounce

app.py

@@ -243,15 +243,32 @@ button.primary:hover { background:rgba(0,245,255,.25)!important; box-shadow:0 0
 button.secondary { background:transparent!important; border:1px solid rgba(255,0,204,.4)!important; color:var(--m)!important; font-family:'Share Tech Mono',monospace!important; font-size:.7rem!important; letter-spacing:2px!important; }
 button.secondary:hover { border-color:var(--m)!important; box-shadow:0 0 20px rgba(255,0,204,.4)!important; }
 #sb { font-family:'Share Tech Mono',monospace; font-size:.75rem; color:rgba(0,245,255,.6); text-align:center; padding:6px; border:1px solid rgba(0,245,255,.1); border-radius:3px; background:rgba(0,245,255,.03); letter-spacing:2px; min-height:2rem; }
-::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg0)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--c),var(--m));border-radius:3px}
+#model-status-text textarea {
+  height: 2.2rem !important;
+  min-height: 2.2rem !important;
+  max-height: 2.2rem !important;
+  resize: none !important;
+  overflow: hidden !important;
+  font-family: 'Share Tech Mono', monospace !important;
+  font-size: .75rem !important;
+  color: rgba(0,245,255,.7) !important;
+  background: rgba(0,245,255,.03) !important;
+  border: 1px solid rgba(0,245,255,.1) !important;
+  border-radius: 3px !important;
+  text-align: center !important;
+  letter-spacing: 2px !important;
+  padding: 6px !important;
+}
+#model-status-text .wrap { display: none !important; }
+#model-status-text label { display: none !important; }::-webkit-scrollbar-track{background:var(--bg0)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--c),var(--m));border-radius:3px}
 """
 
-def status_html():
+def status_text():
     if _load_status["error"]:
-        return f'<div id="sb" style="color:#ff2244;">❌ {_load_status["msg"]}</div>'
+        return f"❌  {_load_status['msg']}"
     if _load_status["ready"]:
-        return f'<div id="sb" style="color:#00ff88;">✅ {_load_status["msg"]}</div>'
-    return f'<div id="sb" style="color:#ffcc00;">⏳ {_load_status["msg"]}</div>'
+        return f"✅  {_load_status['msg']}"
+    return f"⏳  {_load_status['msg']}"
 
 with gr.Blocks(css=CSS, title="ZKAEDI PRIME — Solidity Auditor") as demo:
 
@@ -264,7 +281,13 @@ with gr.Blocks(css=CSS, title="ZKAEDI PRIME — Solidity Auditor") as demo:
     </div>
     """)
 
-    model_status = gr.HTML(status_html())
+    model_status = gr.Textbox(
+        value=_load_status["msg"],
+        label="",
+        interactive=False,
+        max_lines=1,
+        elem_id="model-status-text",
+    )
 
     with gr.Row(equal_height=False):
         with gr.Column(scale=1):
@@ -307,7 +330,7 @@ with gr.Blocks(css=CSS, title="ZKAEDI PRIME — Solidity Auditor") as demo:
     </div>
     """)
 
-    demo.load(status_html, outputs=model_status, every=3)
+    demo.load(status_text, outputs=model_status, every=3)
 
     scan_btn.click(
         fn=audit,