Move header/status into floating debug panel

app.py

@@ -677,25 +677,33 @@ with gr.Blocks(title="Z-Image + LoRA") as demo:
         compile_status = "pending"
 
     gr.Markdown(
-        f"""<div align="center">
+        """<div align="center">
 
 # Z-Image Generation (No SD fallback)
 
-Model: `{MODEL_PATH}` | {pipe_status}  
-GPU: `{GPU_SUMMARY}` | dtype: `{MODEL_DTYPE_LABEL}`  
-Attention: `{attention_status}` | AoTI: `{aoti_status}` | torch.compile: `{compile_status}`  
-{lora_status}
-
 </div>"""
     )
-    if attention_backend_error or aoti_error:
-        with gr.Accordion("Runtime details (debug)", open=False):
-            details: List[str] = []
-            if attention_backend_error:
-                details.append(f"**Attention backend error**\n```\n{attention_backend_error}\n```")
-            if aoti_error:
-                details.append(f"**AoTI error**\n```\n{aoti_error}\n```")
-            gr.Markdown("\n\n".join(details))
+
+    status_md = (
+        f"Model: `{MODEL_PATH}` | {pipe_status}  \n"
+        f"GPU: `{GPU_SUMMARY}` | dtype: `{MODEL_DTYPE_LABEL}`  \n"
+        f"Attention: `{attention_status}`  \n"
+        f"AoTI: `{aoti_status}`  \n"
+        f"torch.compile: `{compile_status}`  \n"
+        f"{lora_status}"
+    )
+
+    details_md_blocks: List[str] = []
+    if attention_backend_error:
+        details_md_blocks.append(f"**Attention backend error**\n```\n{attention_backend_error}\n```")
+    if aoti_error:
+        details_md_blocks.append(f"**AoTI error**\n```\n{aoti_error}\n```")
+
+    with gr.Column(elem_id="floating_status_panel"):
+        with gr.Accordion("Status / Debug", open=False):
+            gr.Markdown(status_md)
+            if details_md_blocks:
+                gr.Markdown("\n\n".join(details_md_blocks))
 
     with gr.Row():
         with gr.Column(scale=1):
@@ -807,6 +815,22 @@ Attention: `{attention_status}` | AoTI: `{aoti_status}` | torch.compile: `{compi
 
 css = """
 .fillable{max-width: 1230px !important}
+
+#floating_status_panel{
+  position: fixed !important;
+  right: 16px;
+  bottom: 16px;
+  width: min(420px, 92vw);
+  max-height: 70vh;
+  overflow: auto;
+  z-index: 1000;
+  background: rgba(255,255,255,0.9);
+  border: 1px solid rgba(0,0,0,0.12);
+  border-radius: 12px;
+  box-shadow: 0 10px 30px rgba(0,0,0,0.18);
+  padding: 8px 10px;
+  backdrop-filter: blur(8px);
+}
 """
 
 if __name__ == "__main__":