Update app.py

app.py

@@ -1106,19 +1106,19 @@ Get AI-powered credit card recommendations that maximize your rewards based on:
                 value="""
                 <div style="display: flex; gap: 10px; flex-wrap: wrap;">
                     <div class="metric-card" style="flex: 1; min-width: 200px;">
-                        <h2>$342</h2>
+                        <h2>$0</h2>
                         <p>💰 Potential Annual Savings</p>
                     </div>
                     <div class="metric-card metric-card-green" style="flex: 1; min-width: 200px;">
-                        <h2>23%</h2>
+                        <h2>0%</h2>
                         <p>📈 Rewards Rate Increase</p>
                     </div>
                     <div class="metric-card metric-card-orange" style="flex: 1; min-width: 200px;">
-                        <h2>156</h2>
+                        <h2>0</h2>
                         <p>✅ Optimized Transactions</p>
                     </div>
                     <div class="metric-card metric-card-blue" style="flex: 1; min-width: 200px;">
-                        <h2>87/100</h2>
+                        <h2>0/100</h2>
                         <p>⭐ Optimization Score</p>
                     </div>
                 </div>
@@ -1150,65 +1150,81 @@ Get AI-powered credit card recommendations that maximize your rewards based on:
                 with gr.Column(scale=1):
                     gr.Markdown("### 💰 Category Spending Breakdown")
                     spending_table = gr.Markdown(
-                        value="""
-        | Category | Monthly Spend | Best Card | Rewards | Rate |
-        |----------|---------------|-----------|---------|------|
-        | 🛒 Groceries | $450.00 | Amex Gold | $27.00 | 6% |
-        | 🍽️ Restaurants | $320.00 | Amex Gold | $12.80 | 4% |
-        | ⛽ Gas | $180.00 | Costco Visa | $7.20 | 4% |
-        | ✈️ Travel | $850.00 | Sapphire Reserve | $42.50 | 5% |
-        | 🎬 Entertainment | $125.00 | Freedom Unlimited | $1.88 | 1.5% |
-        | 🏪 Online Shopping | $280.00 | Amazon Prime | $16.80 | 6% |
-        | **Total** | **$2,205.00** | - | **$108.18** | **4.9%** |
-                        """
+                        value="*Loading data...*"
                     )
                 
                 with gr.Column(scale=1):
                     gr.Markdown("### 📈 Monthly Trends & Insights")
                     insights_display = gr.Markdown(
-                        value="""
-        **🔥 Top Spending Categories:**
-        1. ✈️ Travel: $850 (↑ 45% from last month)
-        2. 🛒 Groceries: $450 (↑ 12%)
-        3. 🍽️ Restaurants: $320 (↓ 5%)
-        
-        **💡 Optimization Opportunities:**
-        - ✅ You're using optimal cards 87% of the time
-        - 🎯 Switch to Chase Freedom for Q4 5% grocery bonus
-        - ⚠️ Amex Gold dining cap approaching ($2,000 limit)
-        
-        **🏆 Best Performing Card:**
-        Chase Sapphire Reserve - $42.50 rewards earned
-        
-        **📊 Year-to-Date:**
-        - Total Rewards: $1,298.16
-        - Potential if optimized: $1,640.00
-        - **Money left on table: $341.84**
-                        """
+                        value="*Loading insights...*"
                     )
             
             gr.Markdown("---")
             
             forecast_display = gr.Markdown(
-                value="""
-        ### 🔮 Next Month Forecast
-        
-        Based on your spending patterns:
-        - **Predicted Spend:** $2,350
-        - **Predicted Rewards:** $115.25
-        - **Cards to Watch:** Amex Gold (dining cap), Freedom (quarterly bonus)
-        
-        **Recommendations:**
-        1. 💳 Use Chase Freedom for groceries in Q4 (5% back)
-        2. ⚠️ Monitor Amex Gold dining spend (cap at $2,000)
-        3. 🎯 Book holiday travel with Sapphire Reserve for 5x points
-                """
+                value="*Loading forecast...*"
             )
             
             analytics_status = gr.Markdown(
-                value="*Analytics loaded for u_alice*",
+                value="*Select a user to view analytics*",
                 elem_classes=["status-text"]
             )
+            
+            # ========== ADD EVENT HANDLERS HERE ==========
+            
+            # When user changes dropdown
+            analytics_user.change(
+                fn=update_analytics_with_charts,
+                inputs=[analytics_user],
+                outputs=[
+                    metrics_display,
+                    spending_chart,
+                    optimization_gauge,
+                    rewards_pie_chart,
+                    card_performance_chart,
+                    trend_chart,
+                    spending_table,
+                    insights_display,
+                    forecast_display,
+                    analytics_status
+                ]
+            )
+            
+            # When refresh button is clicked
+            refresh_analytics_btn.click(
+                fn=update_analytics_with_charts,
+                inputs=[analytics_user],
+                outputs=[
+                    metrics_display,
+                    spending_chart,
+                    optimization_gauge,
+                    rewards_pie_chart,
+                    card_performance_chart,
+                    trend_chart,
+                    spending_table,
+                    insights_display,
+                    forecast_display,
+                    analytics_status
+                ]
+            )
+            
+            # Load initial data when app starts
+            app.load(
+                fn=update_analytics_with_charts,
+                inputs=[analytics_user],
+                outputs=[
+                    metrics_display,
+                    spending_chart,
+                    optimization_gauge,
+                    rewards_pie_chart,
+                    card_performance_chart,
+                    trend_chart,
+                    spending_table,
+                    insights_display,
+                    forecast_display,
+                    analytics_status
+                ]
+            )
         
         def update_analytics_with_charts(user_id: str):
             """Fetch and format analytics with charts for selected user"""