Update app.py

app.py

@@ -2,7 +2,6 @@ import gradio as gr
 import openai
 import os
 import base64
-from typing import Tuple
 
 # OpenAI API Configuration
 openai.api_key = os.getenv("OPENAI_API_KEY")
@@ -23,9 +22,6 @@ SYSTEM_PROMPT = """Professional Crypto Technical Analyst:
 10. Provide time-based projections"""
 
 class ChartAnalyzer:
-    def __init__(self):
-        self.last_analysis = ""
-
     def encode_image(self, image_path: str) -> str:
         """Encode image to base64 with validation"""
         if not os.path.exists(image_path):
@@ -64,34 +60,118 @@ class ChartAnalyzer:
                 max_tokens=MAX_TOKENS
             )
             
-            self.last_analysis = response.choices[0].message.content
-            return self.last_analysis
+            return response.choices[0].message.content
             
         except openai.error.APIError as e:
             return f"OpenAI API Error: {str(e)}"
         except Exception as e:
             return f"Analysis Error: {str(e)}"
 
+# Custom CSS for professional look
+custom_css = """
+:root {
+    --primary-color: #2563eb;
+    --secondary-color: #1e40af;
+    --background-color: #f8fafc;
+    --text-color: #1e293b;
+    --border-color: #e2e8f0;
+}
+
+body {
+    background-color: var(--background-color);
+    color: var(--text-color);
+}
+
+.analysis-box {
+    background-color: white;
+    border-radius: 12px;
+    padding: 24px;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+    border: 1px solid var(--border-color);
+    height: 600px;
+    overflow-y: auto;
+}
+
+.upload-box {
+    background-color: white;
+    border-radius: 12px;
+    padding: 24px;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+    border: 1px solid var(--border-color);
+}
+
+.primary-button {
+    background-color: var(--primary-color) !important;
+    color: white !important;
+    border-radius: 8px !important;
+    padding: 12px 24px !important;
+    font-weight: 500 !important;
+}
+
+.primary-button:hover {
+    background-color: var(--secondary-color) !important;
+}
+
+.markdown-container {
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.markdown-container h2 {
+    color: var(--primary-color);
+    border-bottom: 2px solid var(--border-color);
+    padding-bottom: 8px;
+    margin-top: 24px;
+}
+
+.markdown-container ul {
+    list-style-type: disc;
+    padding-left: 24px;
+}
+
+.markdown-container code {
+    background-color: var(--background-color);
+    padding: 2px 4px;
+    border-radius: 4px;
+    font-family: monospace;
+}
+"""
+
 # Gradio Interface
 analyzer = ChartAnalyzer()
 
-with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue")) as demo:
-    gr.Markdown("# 🚀 Advanced Crypto Analysis System")
+with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as demo:
+    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
+        </h1>
+        <p style="color: var(--text-color); font-size: 1.1rem;">
+            Advanced AI-powered cryptocurrency technical analysis
+        </p>
+    </div>
+    """)
     
     with gr.Row():
-        with gr.Column(scale=1):
+        with gr.Column(scale=1, elem_classes=["upload-box"]):
+            gr.Markdown("### 📤 Upload Your Chart")
             chart_input = gr.Image(
                 type="filepath",
-                label="Upload Chart (PNG/JPG)",
+                label="",
                 sources=["upload"],
-                height=200
+                height=300
+            )
+            analyze_btn = gr.Button(
+                "Analyze Chart",
+                variant="primary",
+                elem_classes=["primary-button"]
             )
-            analyze_btn = gr.Button("Start Analysis", variant="primary")
             
-        with gr.Column(scale=2):
+        with gr.Column(scale=2, elem_classes=["analysis-box"]):
+            gr.Markdown("### 📊 Analysis Report")
             analysis_output = gr.Markdown(
-                label="Professional Analysis Report",
-                elem_classes=["analysis-box"]
+                label="",
+                elem_classes=["markdown-container"]
             )
 
     analyze_btn.click(