Update PanelInterface.py

PanelInterface.py

@@ -89,7 +89,7 @@ def build_interface(respondent_agents_dict, processor_llm):
                 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>
+                    <i>Click on a panellist's name to see their introduction</i><br>
                     {panel_html}
                 </div>
                 <div id='bioModal' style='display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; border: 1px solid #ccc; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); width: 400px; max-height: 300px; padding: 20px; text-align: left; z-index: 1000; overflow-y: auto;'>
@@ -97,18 +97,21 @@ def build_interface(respondent_agents_dict, processor_llm):
                     <button onclick='closeModal()' style='margin-top: 10px; padding: 5px 10px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer;'>Close</button>
                 </div>
                 <div id='modalBackdrop' style='display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999;' onclick='closeModal()'></div>
+                
                 <script>
-                    const bios = {str(bios_js_object).replace("'", '"')};
-                    function showModal(event, name) {{
-                        event.preventDefault();
-                        document.getElementById('bioContent').innerText = bios[name] || 'Bio not found.';
-                        document.getElementById('bioModal').style.display = 'block';
-                        document.getElementById('modalBackdrop').style.display = 'block';
-                    }}
-                    function closeModal() {{
-                        document.getElementById('bioModal').style.display = 'none';
-                        document.getElementById('modalBackdrop').style.display = 'none';
-                    }}
+                    window.addEventListener("DOMContentLoaded", function() {{
+                        const bios = {str(bios_js_object).replace("'", '"')};
+                        window.showModal = function(event, name) {{
+                            event.preventDefault();
+                            document.getElementById("bioContent").innerText = bios[name] || "Bio not found.";
+                            document.getElementById("bioModal").style.display = "block";
+                            document.getElementById("modalBackdrop").style.display = "block";
+                        }};
+                        window.closeModal = function() {{
+                            document.getElementById("bioModal").style.display = "none";
+                            document.getElementById("modalBackdrop").style.display = "none";
+                        }};
+                    }});
                 </script>
                 """)
 
@@ -123,7 +126,7 @@ def build_interface(respondent_agents_dict, processor_llm):
             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
+                    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>