Update PanelInterface.py

PanelInterface.py

@@ -14,6 +14,11 @@ def load_panelists_from_excel(file_path="config/genzheroes/panelist_details.xlsx
     return df.to_dict(orient="records")
 
 
+def load_ui_texts_from_excel(file_path="config/ui_texts.xlsx"):
+    df = pd.read_excel(file_path)
+    return dict(zip(df['key'], df['value']))
+
+
 def build_interface(respondent_agents_dict, processor_llm):
     def chatbot_interface(message, history=None):
         if history is None or not isinstance(history, dict):
@@ -62,40 +67,23 @@ def build_interface(respondent_agents_dict, processor_llm):
         for p in panelists
     )
 
+    # Load UI texts from Excel
+    ui_texts = load_ui_texts_from_excel("config/ui_texts.xlsx")
+
     with gr.Blocks(css="assets/custom.css") as demo:
         with gr.Row(elem_classes="logo-row"):
             gr.Image("static/predata-logo.png", height=300, width=600, show_label=False, elem_id="logo")
 
         with gr.Row(elem_classes="welcome-section"):
             with gr.Column():
-                gr.Markdown("""
-                # Welcome to PreData.AI's Market Research Panel [Demo]
-                ## Introducing our AI-powered panel:
-                - This panel consists of some **AI-powered agents** who will answer your questions.
-                - Ask them a question by **typing into the input box below**.
-                - Feel free to address a question to a **specific panellist**.
-                - If no panellist is specified, all of the panellists will respond.
-                """)
+                gr.Markdown(ui_texts["welcome_markdown"])
 
         with gr.Row():
             with gr.Column(scale=1, elem_classes="bio-section"):
-                gr.HTML("""
-                <div style="text-align: left;">
-                    <h2>Recommended Topics for Discussion</h2>
-                    <ul>
-                        <li>Our agents have been trained exclusively on topics relevant to youth attitudes, behaviours, and lifestyle preferences.</li>
-                        <li>To ensure meaningful and respectful conversations, please do not ask inappropriate, offensive, or out-of-scope questions.</li>
-                        <li><a href='javascript:void(0);' onclick='showTopicsModal(event)' style='cursor: pointer; color: #007bff; text-decoration: underline;'><b>Click here for a list of permitted and prohibited topics.</b></a></li>
-                    </ul>
-                </div>
-                """)
+                gr.HTML(ui_texts["recommended_topics_html"])
+                gr.HTML(ui_texts["panelist_intro_html"].replace("{panel_html}", panel_html))
 
                 gr.HTML(f"""
-                <div style='text-align: left;'>
-                    <h2>Our Panellists</h2>
-                    <i>Click on our panellist's name so they can introduce themselves</i><br>
-                    {panel_html}
-                </div>
                 <div id='bioModal' style='
                     display: none;
                     position: fixed;
@@ -135,7 +123,7 @@ def build_interface(respondent_agents_dict, processor_llm):
                     overflow-y: visible;
                     border-radius: 10px;
                 '>
-                    <p id='topicsContent'>placeholder</p>
+                    <p id='topicsContent'></p>
                     <button onclick='closeTopicsModal()' id='closeTopicsButton'>Close</button>
                 </div>
                 <div id='topicsBackdrop' style='
@@ -192,32 +180,7 @@ def build_interface(respondent_agents_dict, processor_llm):
                         const backdrop = document.getElementById('topicsBackdrop');
                         const closeButton = document.getElementById('closeTopicsButton');
                         const topicsContent = document.getElementById('topicsContent');
-                        topicsContent.innerHTML = `
-                        <b>Permitted Topics:</b><br>
-                        <ul>
-                          <li>Demographics (age, location, family, education)</li>
-                          <li>Values & beliefs (responsibility, independence, equality, spirituality, mental health)</li>
-                          <li>Career goals & aspirations</li>
-                          <li>Influences & role models</li>
-                          <li>Interests & hobbies (sports, music, cooking, gaming, travel)</li>
-                          <li>Health & lifestyle (fitness, diet, skincare, self-care)</li>
-                          <li>Social media & technology habits</li>
-                          <li>Personal relationships (family, friends, romantic)</li>
-                          <li>Future plans & personal growth</li>
-                          <li>Social issues (gender equality, tradition vs modernity)</li>
-                          <li>Lifestyle preferences (food, fashion, spending, culture)</li>
-                        </ul>
-                        <b>Prohibited Topics:</b><br>
-                        <ul>
-                          <li>Hate speech, discrimination, harassment</li>
-                          <li>Sexually explicit or violent content</li>
-                          <li>Religious extremism or proselytising</li>
-                          <li>Politically sensitive content (politicians, elections, policies)</li>
-                          <li>Extremist ideologies or hate groups</li>
-                          <li>Technical or academic topics outside personal lifestyle</li>
-                          <li>News or controversial current events</li>
-                        </ul>
-                        `;
+                        topicsContent.innerHTML = `${ui_texts["permitted_topics_html"]}${ui_texts["prohibited_topics_html"]}`;
                         modal.style.display = 'block';
                         backdrop.style.display = 'block';
                         const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
@@ -244,7 +207,6 @@ def build_interface(respondent_agents_dict, processor_llm):
                         closeButton.style.borderRadius = '5px';
                         closeButton.style.cursor = 'pointer';
                     }}
-                
                     function closeTopicsModal() {{
                         document.getElementById('topicsModal').style.display = 'none';
                         document.getElementById('topicsBackdrop').style.display = 'none';
@@ -260,13 +222,8 @@ def build_interface(respondent_agents_dict, processor_llm):
 
         with gr.Row(elem_classes="footer-row"):
             with gr.Column():
-                gr.Markdown("""
-                <div style="text-align: center; margin-top: 20px; font-size: 14px;">
-                    © 2025 PreData.AI - All rights reserved. | Contact us at
-                    <a href="mailto:hello@predata.ai" onclick="event.stopPropagation();"
-                       style="text-decoration: none; color: #007bff;">hello@predata.ai</a>
-                </div>
-                """)
+                gr.Markdown(ui_texts["footer_html"])
 
     logging.info("Interface build complete.")
-    return demo
+                            modal.style.border = '1px solid #444';
+