Update app.py

app.py

@@ -20,7 +20,7 @@ from config import (
 # UPDATED: Using the new data loading function from the refactored state manager
 from services.state_manager import load_data_from_bubble
 from ui.ui_generators import (
-    display_main_dashboard,
+    # display_main_dashboard, # Removed: Dashboard content is now in app.py directly
     build_analytics_tab_plot_area,
     BOMB_ICON, EXPLORE_ICON, FORMULA_ICON, ACTIVE_ICON
 )
@@ -76,7 +76,7 @@ else:
 
 
 with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"),
-               title="LinkedIn Organization Dashboard") as app:
+                title="LinkedIn Organization Dashboard") as app:
     # --- STATE MANAGEMENT ---
     token_state = gr.State(value={
         "token": None, "client_id": None, "org_urn": None,
@@ -112,9 +112,13 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"),
     app.load(fn=get_url_user_token, inputs=None, outputs=[url_user_token_display, org_urn_display], api_name="get_url_params", show_progress=False)
 
     def initial_data_load_sequence(url_token, org_urn_val, current_state):
+        """
+        Handles the initial data loading from Bubble.
+        No longer generates dashboard HTML as the Home tab is now static.
+        """
         status_msg, new_state = load_data_from_bubble(url_token, org_urn_val, current_state)
-        dashboard_content = display_main_dashboard(new_state)
-        return status_msg, new_state, dashboard_content
+        # dashboard_content = display_main_dashboard(new_state) # Removed this line
+        return status_msg, new_state # Removed dashboard_content from outputs
 
     analytics_icons = {'bomb': BOMB_ICON, 'explore': EXPLORE_ICON, 'formula': FORMULA_ICON, 'active': ACTIVE_ICON}
     analytics_tab_instance = AnalyticsTab(
@@ -156,11 +160,78 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"),
         return report_markdown
 
     with gr.Tabs() as tabs:
-        with gr.TabItem("1️⃣ Dashboard", id="tab_dashboard"):
-            gr.Markdown("I dati visualizzati in questo pannello sono caricati direttamente da Bubble.io.")
-            dashboard_display_html = gr.HTML("<p style='text-align:center;'>Caricamento dashboard...</p>")
+        # --- NEW HOME TAB ---
+        with gr.TabItem("1️⃣ Home", id="tab_home"):
+            gr.Markdown("""
+                <div style="text-align: center; padding: 20px; background-color: #f0f8ff; border-radius: 10px; margin-bottom: 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
+                    <h2 style="color: #2c3e50; margin-bottom: 15px;">Welcome to your LinkedIn Employer Brand Analytics Dashboard!</h2>
+                    <p style="font-size: 1.1em; color: #34495e; line-height: 1.6;">
+                        This powerful tool is designed to help you **measure and enhance your employer brand** on LinkedIn.
+                        By leveraging comprehensive analytics, you can dive into your data to understand trends, track performance,
+                        and gain actionable insights to improve your presence and attractiveness as an employer.
+                    </p>
+                    <p style="font-size: 1.0em; color: #555; margin-top: 15px;">
+                        Explore the sections below to get a comprehensive overview of your LinkedIn presence and
+                        unlock the full potential of your employer branding efforts.
+                    </p>
+                </div>
+            """)
+
+            with gr.Row():
+                with gr.Column():
+                    gr.Markdown("""
+                        <div style="background-color: #e8f5e9; padding: 20px; border-radius: 8px; min-height: 180px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 2px 4px rgba(0,0,0,0.08);">
+                            <h3 style="color: #2e7d32; margin-bottom: 10px;">📈 Graphs</h3>
+                            <p style="color: #4caf50; flex-grow: 1;">
+                                Dive into detailed visualizations of your LinkedIn data. This section provides dynamic charts and
+                                interactive plots that help you understand trends and variations in posts, mentions, and
+                                follower statistics over time. Identify patterns and make data-driven decisions.
+                            </p>
+                            <div style="text-align: center; margin-top: 15px;">
+                                <img src="https://placehold.co/100x60/4CAF50/ffffff?text=Charts" alt="Graphs Icon" style="margin-bottom: 10px; border-radius: 5px;">
+                            </div>
+                        </div>
+                    """)
+                    btn_graphs = gr.Button("Go to Graphs", variant="primary", size="lg")
+                with gr.Column():
+                    gr.Markdown("""
+                        <div style="background-color: #e3f2fd; padding: 20px; border-radius: 8px; min-height: 180px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 2px 4px rgba(0,0,0,0.08);">
+                            <h3 style="color: #1976d2; margin-bottom: 10px;">📊 Reports</h3>
+                            <p style="color: #2196f3; flex-grow: 1;">
+                                Access comprehensive quarterly and weekly reports of your employer brand performance.
+                                These pre-generated reports offer in-depth summaries and insights, providing a clear
+                                snapshot of your progress over specific periods.
+                            </p>
+                            <div style="text-align: center; margin-top: 15px;">
+                                <img src="https://placehold.co/100x60/2196F3/ffffff?text=Reports" alt="Reports Icon" style="margin-bottom: 10px; border-radius: 5px;">
+                            </div>
+                        </div>
+                    """)
+                    btn_reports = gr.Button("Go to Reports", variant="primary", size="lg")
+            with gr.Row():
+                with gr.Column():
+                    gr.Markdown("""
+                        <div style="background-color: #fff3e0; padding: 20px; border-radius: 8px; min-height: 180px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 2px 4px rgba(0,0,0,0.08);">
+                            <h3 style="color: #ef6c00; margin-bottom: 10px;">🎯 OKR Table</h3>
+                            <p style="color: #ff9800; flex-grow: 1;">
+                                Discover Objectives and Key Results (OKRs) generated by AI, along with actionable tasks.
+                                This section provides concrete recommendations tailored to improve your employer brand,
+                                helping you translate insights into measurable actions.
+                            </p>
+                            <div style="text-align: center; margin-top: 15px;">
+                                <img src="https://placehold.co/100x60/FF9800/ffffff?text=OKRs" alt="OKR Icon" style="margin-bottom: 10px; border-radius: 5px;">
+                            </div>
+                        </div>
+                    """)
+                    btn_okr = gr.Button("Go to OKR Table", variant="primary", size="lg")
+
+            # Link buttons to tab selection
+            btn_graphs.click(fn=lambda: gr.update(selected="tab_analytics"), outputs=tabs)
+            btn_reports.click(fn=lambda: gr.update(selected="tab_agentic_report"), outputs=tabs)
+            btn_okr.click(fn=lambda: gr.update(selected="tab_agentic_okrs"), outputs=tabs)
+
 
-        analytics_tab_instance.create_tab_ui()
+        analytics_tab_instance.create_tab_ui() # This is the "Graphs" tab, assuming its ID is "tab_analytics"
 
         with gr.TabItem("3️⃣ Agentic Analysis Report", id="tab_agentic_report", visible=AGENTIC_MODULES_LOADED):
             gr.Markdown("## 🤖 Comprehensive Analysis Report (from Bubble.io)")
@@ -234,7 +305,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"),
     initial_load_event = org_urn_display.change(
         fn=initial_data_load_sequence,
         inputs=[url_user_token_display, org_urn_display, token_state],
-        outputs=[status_box, token_state, dashboard_display_html],
+        outputs=[status_box, token_state], # dashboard_display_html removed
         show_progress="full"
     )