Update app.py

app.py

@@ -4,6 +4,7 @@ import gradio as gr
 import pandas as pd
 import os
 import logging
+import time # Added for simulating delay
 
 # --- Module Imports ---
 # Functions from your existing/provided custom modules
@@ -65,6 +66,19 @@ def guarded_fetch_analytics(token_state):
         logging.error(f"Error in guarded_fetch_analytics calling fetch_and_render_analytics: {e}", exc_info=True)
         return (f"❌ Error fetching analytics: {e}", None, None, None, None, None, None, None)
 
+# --- Animation Test Functions ---
+def show_animation_for_test():
+    """Returns the animation HTML for the test button."""
+    logging.info("TEST BUTTON: Showing animation.")
+    return get_sync_animation_html()
+
+def simulate_processing_after_animation():
+    """Simulates a delay and then returns a completion message."""
+    logging.info("TEST BUTTON: Simulating processing after animation.")
+    time.sleep(5) # Simulate a 5-second process
+    logging.info("TEST BUTTON: Simulation complete.")
+    return "<p style='text-align:center; color: green; font-size: 1.2em;'>✅ Animation Test Complete!</p>"
+
 
 # --- Gradio UI Blocks ---
 with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"),
@@ -97,9 +111,11 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"),
     with gr.Tabs():
         with gr.TabItem("1️⃣ Dashboard & Sync"):
             gr.Markdown("System checks for existing data from Bubble. The 'Sync' button activates if new data needs to be fetched from LinkedIn based on the last sync times and data availability.")
-            sync_data_btn = gr.Button("🔄 Sync LinkedIn Data", variant="primary", visible=False, interactive=False)
             
-            # MODIFIED: Removed the 'height' argument as it's not supported directly
+            with gr.Row(): # To place buttons side-by-side or in a sequence
+                sync_data_btn = gr.Button("🔄 Sync LinkedIn Data", variant="primary", visible=False, interactive=False)
+                test_animation_btn = gr.Button("🧪 Test Animation Display", variant="secondary") # New Test Button
+
             sync_status_html_output = gr.HTML("<p style='text-align:center;'>Sync status will appear here.</p>") 
             
             dashboard_display_html = gr.HTML("<p style='text-align:center;'>Dashboard loading...</p>")
@@ -111,6 +127,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"),
                 show_progress="full"
             )
 
+            # Original Sync Button Logic
             sync_data_btn.click(
                 fn=lambda: get_sync_animation_html(), 
                 inputs=None,
@@ -120,7 +137,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"),
                 fn=sync_all_linkedin_data_orchestrator, 
                 inputs=[token_state],
                 outputs=[sync_status_html_output, token_state], 
-                show_progress=False 
+                show_progress=False # Animation is the progress
             ).then(
                 fn=process_and_store_bubble_token, 
                 inputs=[url_user_token_display, org_urn_display, token_state], 
@@ -133,6 +150,20 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"),
                 show_progress=False
             )
 
+            # New Test Animation Button Logic
+            test_animation_btn.click(
+                fn=show_animation_for_test,
+                inputs=None,
+                outputs=[sync_status_html_output],
+                show_progress=False # Animation is the progress
+            ).then(
+                fn=simulate_processing_after_animation,
+                inputs=None,
+                outputs=[sync_status_html_output],
+                show_progress=False # Message indicates completion
+            )
+
+
         with gr.TabItem("2️⃣ Analytics"):
             fetch_analytics_btn = gr.Button("📈 Fetch/Refresh Full Analytics", variant="primary")
             follower_count_md = gr.Markdown("Analytics data will load here...")