Update app.py

app.py

@@ -20,8 +20,8 @@ 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, # Removed: Dashboard content is now in app.py directly
     build_analytics_tab_plot_area,
+    build_home_tab_ui, # NEW: Import the function to build the Home tab UI
     BOMB_ICON, EXPLORE_ICON, FORMULA_ICON, ACTIVE_ICON
 )
 from ui.analytics_plot_generator import update_analytics_plots_figures, create_placeholder_plot
@@ -117,8 +117,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"),
         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) # Removed this line
-        return status_msg, new_state # Removed dashboard_content from outputs
+        return status_msg, new_state
 
     analytics_icons = {'bomb': BOMB_ICON, 'explore': EXPLORE_ICON, 'formula': FORMULA_ICON, 'active': ACTIVE_ICON}
     analytics_tab_instance = AnalyticsTab(
@@ -136,7 +135,6 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"),
         fn_generate_llm_response=generate_llm_response
     )
     
-    # --- FIXED: New handler only updates the report display ---
     def update_report_display(selected_report_id: str, current_token_state: dict):
         """
         Updates only the report display markdown when a new report is selected.
@@ -153,7 +151,6 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"),
         if selected_report_series_df.empty:
             return gr.update(value=f"*Error: Report with ID '{selected_report_id}' not found.*")
         
-        # Extract the report data and format it for display
         selected_report_series = selected_report_series_df.iloc[0]
         report_markdown = format_report_for_display(selected_report_series)
         
@@ -162,73 +159,14 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"),
     with gr.Tabs() as tabs:
         # --- 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")
+            # Call the new function from ui_generators to build the Home tab content
+            btn_graphs, btn_reports, btn_okr, btn_help = build_home_tab_ui()
 
             # 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)
+            # btn_help.click(fn=lambda: gr.update(selected="tab_help"), outputs=tabs) # Uncomment if you add a help tab
 
 
         analytics_tab_instance.create_tab_ui() # This is the "Graphs" tab, assuming its ID is "tab_analytics"
@@ -287,8 +225,6 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"),
                 )
     
     if AGENTIC_MODULES_LOADED:
-        # FIXED: The change event for the report selector now only updates the report display markdown.
-        # The OKR visualization is not affected and remains static after the initial load.
         report_selector_dd.change(
             fn=update_report_display,
             inputs=[report_selector_dd, token_state],
@@ -305,7 +241,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 removed
+        outputs=[status_box, token_state],
         show_progress="full"
     )