reverting frontend

app.py

@@ -143,6 +143,8 @@ def faq_wrapper(question, user_id, model):
         result = chunk
     # Convert literal \n characters to actual newlines
     result = result.replace('\\n', '\n')
+    # Remove leading/trailing quotes if present
+    result = result.strip('"\'')
     return result
 
 def elasticsearch_generate(natural_input):
@@ -177,8 +179,14 @@ with gr.Blocks() as demo:
         </div>
         """
         
-        faq_loading = gc.HTML(value="", visible=False)
-        faq_output = gc.Markdown(label="Response", value="*Click 'Process' to get a response...*")
+        # Empty bounding box HTML
+        empty_box_html = """
+        <div style="min-height: 100px; border: 1px solid #ddd; border-radius: 8px; background-color: #f9f9f9; padding: 20px; display: flex; align-items: center; justify-content: center; color: #666;">
+            <em>Click 'Process' to get a response...</em>
+        </div>
+        """
+        
+        faq_output = gc.HTML(label="Response", value=empty_box_html)
         with gr.Row():  # type: ignore
             thumbs_down = gc.Button("Report bad response", elem_id="thumbs-down", interactive=True)
         feedback_msg = gc.Markdown(visible=False)
@@ -190,19 +198,25 @@ with gr.Blocks() as demo:
 
         # Combined function to handle loading state and processing
         def process_with_loading(question, model):
-            # Show loading, hide response
-            yield gr.update(value=loading_html, visible=True), gr.update(value="", visible=False), gr.update(interactive=True), gr.update(value="", visible=False)
+            # Show loading spinner
+            yield gr.update(value=loading_html)
             
             # Process the question
             result = faq_wrapper(question, session_user_id, model)
             
-            # Hide loading, show response
-            yield gr.update(value="", visible=False), gr.update(value=result, visible=True), gr.update(interactive=True), gr.update(value="", visible=False)
+            # Format response in bounding box and show result
+            response_html = f"""
+            <div style="min-height: 100px; border: 1px solid #ddd; border-radius: 8px; background-color: #ffffff; padding: 20px;">
+                <div style="white-space: pre-wrap; line-height: 1.5;">{result}</div>
+            </div>
+            """
+            yield gr.update(value=response_html)
         
         faq_button.click(
             process_with_loading, 
             inputs=[faq_input, model_selector], 
-            outputs=[faq_loading, faq_output, thumbs_down, feedback_msg]
+            outputs=[faq_output],
+            show_progress=False
         )
     with gr.Tab(label="Elasticsearch"):  # type: ignore
         gc.Markdown("### Step 1: Natural Language to Query")