Update app.py

app.py

@@ -194,7 +194,7 @@ def process_question(q, chat_history):
 # --- Chatbot UI with dynamic styling using elem_id ---
 with gr.Blocks(title="Company Documents Q&A Chatbot", theme=gr.themes.Soft()) as demo:
     gr.Markdown("## 📚 **Company Policies Q&A Chatbot**")
-    
+
     with gr.Row():
         with gr.Column(scale=3):
             question = gr.Textbox(
@@ -202,22 +202,24 @@ with gr.Blocks(title="Company Documents Q&A Chatbot", theme=gr.themes.Soft()) as
                 placeholder="What are the conditions for permanent employment status?",
                 lines=1,
                 interactive=True,
-                elem_id="user-question"
+                elem_id="user-question",
+                visible=True
             )
         with gr.Column(scale=1):
             submit_btn = gr.Button("Submit", variant="primary", elem_id="submit-btn")
-    
+
     with gr.Row():
         with gr.Column():
             chat_history = gr.Chatbot(
                 label="Chat History", 
                 elem_id="chatbox",
-                style="background-color: #ffffff; border-radius: 10px; padding: 20px; height: 400px; overflow-y: scroll;"
+                height=400,  # Set a fixed height
+                show_label=False  # Hide the label to make the chat more clean
             )
-            conf_out = gr.Markdown(label="Confidence")
-            source_out = gr.Markdown(label="Source Link")
-            record_out = gr.Markdown(label="Salesforce Record ID")
-    
+            conf_out = gr.Markdown(label="Confidence", elem_id="confidence")
+            source_out = gr.Markdown(label="Source Link", elem_id="source-link")
+            record_out = gr.Markdown(label="Salesforce Record ID", elem_id="salesforce-id")
+
     submit_btn.click(fn=process_question, inputs=[question, chat_history], outputs=[chat_history, conf_out, source_out, record_out])
 
 demo.launch(server_name="0.0.0.0", server_port=7860, share=True)