Update app.py

app.py

@@ -245,6 +245,19 @@ def reset_name_interface():
     chat_log_name = ""
     return "User info has been reset."
 
+
+def add_text(history, text):
+    history = history + [(text, None)]
+    return history, gr.Textbox(value="", interactive=False)
+
+def bot(history):
+    response = "**That's cool!**"
+    history[-1][1] = ""
+    for character in response:
+        history[-1][1] += character
+        time.sleep(0.05)
+        yield history
+    
 def reset_all():
     global unique_id
     message1 = reset_chat_interface()
@@ -286,12 +299,19 @@ with gr.Blocks() as app:
        
         
     with gr.Tab("Chat Bot"):
-        chatbot = gr.Chatbot()
-        msg = gr.Textbox(label="Type your message")
-        send = gr.Button("Send")
-        clear = gr.Button("Clear Chat")
-        send.click(generate, inputs=[msg], outputs=chatbot)
-        clear.click(lambda: chatbot.clear(), inputs=[], outputs=chatbot)
+        chatbot = gr.Chatbot([],elem_id="chatbot",bubble_full_width=False,)
+        with gr.Row():
+
+          txt = gr.Textbox(
+                scale=4,
+                show_label=False,
+                placeholder="Enter text and press enter, or upload an image",
+                container=False,)
+
+          txt_msg = txt.submit(add_text, [chatbot, txt], [chatbot, txt], queue=False).then(
+            bot, chatbot, chatbot, api_name="bot_response"
+          )
+          txt_msg.then(lambda: gr.Textbox(interactive=True), None, [txt], queue=False)
     
     with gr.Tab("Reset"):
         reset_button = gr.Button("Reset ChatBot Instance")