Update utils/chatbot_interface2.py

utils/chatbot_interface2.py

@@ -112,17 +112,31 @@ class ChatbotInterface:
             # Chatbot history component
             chatbot_output = gr.Chatbot(label=self.output_label, type="messages")
 
-            # User input
-            user_input = gr.Textbox(
-                lines=2,
-                label=self.input_label,
-                placeholder=self.input_placeholder
-            )
+            # # User input
+            # user_input = gr.Textbox(
+            #     lines=2,
+            #     label=self.input_label,
+            #     placeholder=self.input_placeholder
+            # )
+
+            # # Buttons
+            # with gr.Row():
+            #     reset = gr.Button(self.reset_button, variant="secondary")
+            #     submit = gr.Button(self.submit_button, variant="primary")
 
-            # Buttons
-            with gr.Row():
-                reset = gr.Button(self.reset_button, variant="secondary")
-                submit = gr.Button(self.submit_button, variant="primary")
+            # Use a gr.Row container as the input box with an integrated submit button.
+            with gr.Row(elem_id="input-container"):
+                user_input = gr.Textbox(
+                    lines=1,
+                    show_label=False,              # Hide label for a unified look.
+                    placeholder=self.input_placeholder,
+                    elem_id="chat-input"
+                )
+                submit = gr.Button(
+                    value="→", 
+                    variant="primary", 
+                    elem_id="ask-button"
+                )
 
             # Define a local function to process input:
             def process_input(user_message, chat_history):
@@ -158,11 +172,11 @@ class ChatbotInterface:
                 inputs=[user_input, chatbot_output], 
                 outputs=[chatbot_output, user_input]
             )
-            reset.click(
-                fn=self.process_input#reset_output, 
-                inputs=None, 
-                outputs=[chatbot_output, user_input]
-            )
+            # reset.click(
+            #     fn=self.process_input#reset_output, 
+            #     inputs=None, 
+            #     outputs=[chatbot_output, user_input]
+            # )
 
         logging.info("Gradio interface created successfully.")
         return demo