Update app.py

app.py

@@ -173,8 +173,9 @@ body {
 analyzer = ChartAnalyzer()
 
 with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as demo:
-    gr.Markdown("""
-    <div class="container">
+    # Header Section
+    with gr.Column(elem_classes=["container"]):
+        gr.Markdown("""
         <div style="text-align: center; margin-bottom: 32px;">
             <h1 style="color: var(--primary-color); font-size: 2.5rem; margin-bottom: 16px;">
                 🚀 CryptoVision Pro
@@ -183,46 +184,36 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as demo:
                 Advanced AI-powered cryptocurrency technical analysis
             </p>
         </div>
+        """)
         
-        <div class="row">
-            <div class="column">
-                <div class="upload-box">
-                    <h3>📤 Upload Your Chart</h3>
-                    <gr.Image />
-                    <gr.Button />
-                </div>
-            </div>
+        # Main Content
+        with gr.Row():
+            # Upload Column
+            with gr.Column(elem_classes=["column"]):
+                with gr.Box(elem_classes=["upload-box"]):
+                    gr.Markdown("### 📤 Upload Your Chart")
+                    chart_input = gr.Image(
+                        type="filepath",
+                        label="",
+                        sources=["upload"],
+                        height=300
+                    )
+                    analyze_btn = gr.Button(
+                        "Analyze Chart",
+                        variant="primary",
+                        elem_classes=["primary-button"]
+                    )
             
-            <div class="column">
-                <div class="analysis-box">
-                    <h3>📊 HundAI Agent Analysis Report</h3>
-                    <gr.Markdown />
-                </div>
-            </div>
-        </div>
-    </div>
-    """)
-    
-    with gr.Row():
-        with gr.Column(scale=1, elem_classes=["upload-box"]):
-            chart_input = gr.Image(
-                type="filepath",
-                label="",
-                sources=["upload"],
-                height=300
-            )
-            analyze_btn = gr.Button(
-                "Analyze Chart",
-                variant="primary",
-                elem_classes=["primary-button"]
-            )
-            
-        with gr.Column(scale=2, elem_classes=["analysis-box"]):
-            analysis_output = gr.Markdown(
-                label="",
-                elem_classes=["markdown-container"]
-            )
-
+            # Analysis Column
+            with gr.Column(elem_classes=["column"]):
+                with gr.Box(elem_classes=["analysis-box"]):
+                    gr.Markdown("### 📊 Analysis Report")
+                    analysis_output = gr.Markdown(
+                        label="",
+                        elem_classes=["markdown-container"]
+                    )
+
+    # Event Handling
     analyze_btn.click(
         fn=analyzer.analyze_chart,
         inputs=chart_input,
@@ -230,4 +221,7 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as demo:
     )
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch(
+        server_port=int(os.getenv("PORT", 7860)),
+        show_error=True
+    )