Upload PanelInterface.py

PanelInterface.py

@@ -0,0 +1,84 @@
+
+import gradio as gr
+import logging
+
+def chatbot_interface(message, history=None):
+    if history is None:
+        history = []
+    response = f"You asked: {message}"
+    history.append({"role": "user", "content": message})
+    history.append({"role": "assistant", "content": response})
+    return history, "", history
+
+def build_interface():
+    logging.info("Building Gradio interface...")
+
+    panelists = [
+        {"ID": "P1", "Name": "Sourav", "Description": "Student from Kolkata", "Bio": "Sourav is a 25-year-old sociology student from Kolkata."},
+        {"ID": "P2", "Name": "Anjali", "Description": "College student from Chennai", "Bio": "Anjali is a 17-year-old girl from Chennai, aspiring to be a psychologist."},
+        {"ID": "P3", "Name": "Ravi", "Description": "Teen from Hyderabad", "Bio": "Ravi is a high schooler passionate about cricket and coding."},
+        {"ID": "P4", "Name": "Divya", "Description": "Engineering student from Trichy", "Bio": "Divya is 21, studying electronics in Trichy, with interests in AI and robotics."}
+    ]
+
+    panel_html = ""
+    bios_dict = {}
+
+    for p in panelists:
+        panel_html += f'<p><a href="#" onclick="showModal(event, \"{p["ID"]}\")"><b>{p["Name"]}</b></a> – {p["Description"]}</p>'
+        bios_dict[p["ID"]] = p["Bio"]
+
+    bios_js_object = str(bios_dict).replace("'", "\"")
+
+    with gr.Blocks(css="assets/custom.css") as demo:
+        with gr.Row(elem_classes="logo-row"):
+            gr.Image("predata-logo.png", height=200, show_label=False, elem_id="logo")
+
+        with gr.Row(elem_classes="welcome-section"):
+            gr.Markdown("""
+            # Welcome to PreData.AI's Market Research Panel [Demo]
+            ## Introducing our AI-powered panel:
+            - Ask a question by typing into the box below.
+            - You can address a question to a **specific panellist** or the entire group.
+            """)
+
+        with gr.Row():
+            with gr.Column(scale=1, elem_classes="bio-section"):
+                gr.HTML(f"""
+                <div style='text-align: left;'>
+                    <h2>Our Panellists</h2>
+                    {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;'>
+                    <p id='bioContent'></p>
+                    <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 = {bios_js_object};
+                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';
+                }}
+                </script>
+                """)
+
+            with gr.Column(scale=3):
+                chatbot = gr.Chatbot(label="Panel Discussion", height=400, type="messages")
+                msg = gr.Textbox(placeholder="Ask your question to the panel here...")
+                history = gr.State([])
+                msg.submit(chatbot_interface, [msg, history], [chatbot, msg, history])
+
+        with gr.Row(elem_classes="footer-row"):
+            gr.Markdown("""
+            <div style="text-align:center;margin-top:20px;font-size:14px;">
+                © 2025 PreData.AI - All rights reserved.
+            </div>
+            """)
+
+    return demo