Update app.py

app.py

@@ -142,7 +142,7 @@ def plot_metrics(metrics):
     return 'rag_plot.png'
 
 # Gradio interface with stacked buttons and single output
-def chat_interface(query):
+def chat_interface(query, response_output, faq_output, cleanup_output, plot_output):
     try:
         response, retrieved_faqs, metrics = rag_process(query)
         plot_path = plot_metrics(metrics)
@@ -238,25 +238,31 @@ with gr.Blocks(css=custom_css) as demo:
         gr.Markdown("# Customer Experience Bot Demo", elem_classes="text-center")
         gr.Markdown("Select a question to see the bot's response, retrieved FAQs, and call center data cleanup stats.", elem_classes="text-center")
         
+        # Single output panel (defined once)
+        with gr.Column(elem_id="output-container"):
+            response_output = gr.Textbox(label="Bot Response")
+            faq_output = gr.Textbox(label="Retrieved FAQs")
+            cleanup_output = gr.Textbox(label="Data Cleanup Stats")
+            plot_output = gr.Image(label="RAG Pipeline Metrics")
+        
         # Stacked buttons in a single column
         with gr.Column(elem_id="button-container"):
             for question in unique_questions:
                 gr.Button(question).click(
                     fn=chat_interface,
-                    inputs=gr.State(value=question),
+                    inputs=[
+                        gr.State(value=question),
+                        response_output,
+                        faq_output,
+                        cleanup_output,
+                        plot_output
+                    ],
                     outputs=[
-                        gr.Textbox(label="Bot Response"),
-                        gr.Textbox(label="Retrieved FAQs"),
-                        gr.Textbox(label="Data Cleanup Stats"),
-                        gr.Image(label="RAG Pipeline Metrics")
+                        response_output,
+                        faq_output,
+                        cleanup_output,
+                        plot_output
                     ]
                 )
-        
-        # Single output panel
-        with gr.Column(elem_id="output-container"):
-            response_output = gr.Textbox(label="Bot Response")
-            faq_output = gr.Textbox(label="Retrieved FAQs")
-            cleanup_output = gr.Textbox(label="Data Cleanup Stats")
-            plot_output = gr.Image(label="RAG Pipeline Metrics")
 
 demo.launch()