update app.py

app.py

@@ -214,75 +214,40 @@ crypto_analysis_crew = Crew(
 # ----------------------
 
 def generate_report(crypto_name, currency, days):
+    # Yield 0% progress
+    yield "⏳ Starting analysis...", None
+
     crypto_inputs = {
         "cryptocurrency_selection": crypto_name.lower(),
         "currency_selection": currency.lower(),
         "days_selection": int(days),
     }
 
+    # Gradio will animate the progress bar automatically
+    for step, update_text in enumerate([
+        "Fetching market data...",
+        "Fetching historical data...",
+        "Fetching sentiment...",
+        "Running analytics...",
+        "Generating trading strategy...",
+        "Producing final market report..."
+    ], start=1):
+        yield f"🔄 {update_text}", None
+
+    # Run CrewAI (blocking)
     result = crypto_analysis_crew.kickoff(inputs=crypto_inputs)
 
-    # Crew returns a dict with final_output
+    # Final message
     if isinstance(result, dict) and "final_output" in result:
-        return result["final_output"]
-
-    return str(result)
+        yield "✅ Analysis complete!", result["final_output"]
+    else:
+        yield "⚠️ Finished with raw output", str(result)
 
 # ----------------------
 # GRADIO APP
 # ----------------------
 
 with gr.Blocks(theme=gr.themes.Monochrome()) as app:
-    gr.HTML("""
-    <style>
-    #run-btn .rocket{
-        display: inline-block;
-        transition: transform 0.2s ease;
-    }
-            
-    #run-btn.loading .rocket {
-        animation: spin 1s linear infinite;
-    }
-    
-    @keyframes spin {
-        from { transform: rotate(0deg); }
-        to { transform: rotate(360deg); }
-    }
-    </style>
-    """)
-
-    # ---- Spinning Rocket JS ----
-    gr.HTML("""
-    <script>
-    function setLoadingState(isLoading) {
-        const btn = document.getElementById("run-btn");
-        if (!btn) return;
-        if (isLoading) {
-            btn.classList.add("loading");
-            btn.disabled = true;
-        } else {
-            btn.classList.remove("loading");
-            btn.disabled = false;
-        }
-    }
-
-    window.addEventListener("DOMContentLoaded", () => {
-        const btn = document.getElementById("run-btn");
-        if (!btn) return;
-
-        btn.addEventListener("click", () => {
-            setLoadingState(true);
-        });
-
-        // Detect when output changes → stop spinning
-        const observer = new MutationObserver(() => {
-            setLoadingState(false);
-        });
-
-        observer.observe(document.body, { childList: true, subtree: true });
-    });
-    </script>
-    """)
 
     gr.Markdown("# 🪙 Crypto Intelligence Dashboard")
     gr.Markdown("Run a full multi-agent crypto analysis using structured JSON tools.")
@@ -293,30 +258,16 @@ with gr.Blocks(theme=gr.themes.Monochrome()) as app:
             placeholder="Type cryptocurrency name...",
             value="bitcoin"
         )
-        currency = gr.Dropdown(
-            ["usd", "eur", "gbp"],
-            label="Currency",
-            value="usd"
-        )
-        days = gr.Slider(
-            minimum=30, maximum=730, value=365, step=15,
-            label="Historical Lookback (days)"
-        )
+        currency = gr.Dropdown(["usd", "eur", "gbp"], label="Currency", value="usd")
+        days = gr.Slider(30, 730, value=365, step=15, label="Historical Lookback (days)")
 
-    run_button = gr.Button(
-        value='<span class="rocket">🚀</span> Run Full Analysis', 
-        variant="primary",
-        elem_id="run-btn",
-        )
+    run_button = gr.Button("🚀 Run Full Analysis", variant="primary")
     
+    progress_message = gr.Markdown()
     report_output = gr.Markdown(label="📊 Intelligence Report")
 
     run_button.click(
         generate_report,
         inputs=[crypto, currency, days],
-        outputs=report_output,
-        show_progress=True  
+        outputs=[progress_message, report_output]
     )
-
-if __name__ == "__main__":
-    app.launch(server_name="0.0.0.0", server_port=7860)