feat: Attempt to adapt layout for Hugging Face Spaces

app.py

@@ -209,7 +209,16 @@ class LifeFlowAI:
     # ================= Main UI Builder =================
 
     def build_interface(self):
-        with gr.Blocks(title="LifeFlow AI", css=".gradio-container {max-width: 100% !important; padding: 0;}") as demo:
+        container_css = """
+                .gradio-container {
+                    max-width: 100% !important; 
+                    padding: 0;
+                    height: 100vh !important;      /* 1. 關鍵：鎖定高度為視窗大小 */
+                    overflow-y: auto !important;   /* 2. 關鍵：內容過長時，在內部產生捲軸 */
+                }
+                """
+
+        with gr.Blocks(title="LifeFlow AI", css=container_css) as demo:
             gr.HTML(get_enhanced_css())
 
             session_state = gr.State(UserSession().to_dict())
@@ -366,7 +375,7 @@ class LifeFlowAI:
 def main():
     app = LifeFlowAI()
     demo = app.build_interface()
-    demo.launch(server_name="0.0.0.0", server_port=7860, share=True, show_error=True)
-
+    demo.launch(server_name="0.0.0.0", server_port=8080, share=True, show_error=True)
+    #7860
 if __name__ == "__main__":
     main()

ui/theme.py

@@ -29,6 +29,9 @@ def get_enhanced_css() -> str:
     body, .gradio-container {
         font-family: var(--font-main) !important;
         background: #f8fafc !important;
+    /* ⭐ 新增以下兩行：強制鎖定高度，解決 HF Space 捲動問題 ⭐ */
+        height: 100vh !important;       /* 高度限制為視窗大小 */
+        overflow-y: auto !important;    /* 超出範圍時，在內部產生捲軸 */
     }
 
     * { box-sizing: border-box; }