# ui/dashboard_sync_tab.py
import gradio as gr

def setup_dashboard_sync_tab():
    """Sets up the UI components for the Dashboard & Sync tab."""
    gr.Markdown("Il sistema controlla i dati esistenti da Bubble. 'Sincronizza' si attiva se sono necessari nuovi dati.")
    
    sync_data_btn = gr.Button(
        "🔄 Sincronizza Dati LinkedIn", 
        variant="primary", 
        visible=False, # Initial visibility controlled by initial_load_sequence
        interactive=False # Initial interactivity controlled by initial_load_sequence
    )
    sync_status_html_output = gr.HTML("<p style='text-align:center;'>Stato sincronizzazione...</p>")
    dashboard_display_html = gr.HTML("<p style='text-align:center;'>Caricamento dashboard...</p>")
    
    components = {
        "sync_data_btn": sync_data_btn,
        "sync_status_html_output": sync_status_html_output,
        "dashboard_display_html": dashboard_display_html,
    }
    return components