Update app.py

app.py

@@ -68,6 +68,8 @@ CSS ="""
 .gradio-container { height: 100vh !important; }
 #component-0 { height: 100%; }
 #chatbot { flex-grow: 1; overflow: auto; resize: vertical; }
+#chatbot_gguf { flex-grow: 1; overflow: auto; resize: vertical; }
+#chatbot_gguf2 { flex-grow: 1; overflow: auto; resize: vertical; }
 """
 
 #with gr.Blocks() as demo:
@@ -81,8 +83,11 @@ with gr.Blocks(css=CSS) as demo:
     with gr.Row():
         gr.Markdown("# 🔍 WizardCoder-Python-34B-V1.0-GGUF Playground Space! 🔎")
     with gr.Row():
-        #chatbot = gr.Chatbot().style(height=500)
-        chatbot = gr.Chatbot(elem_id="chatbot")
+        with gr.Column():
+            #chatbot = gr.Chatbot().style(height=500)
+            chatbot = gr.Chatbot(elem_id="chatbot_gguf")
+        with gr.Column():
+            chatbot = gr.Chatbot(elem_id="chatbot_gguf2")
     with gr.Row():
         message = gr.Textbox(
             label="What do you want to chat about?",
@@ -107,12 +112,13 @@ with gr.Blocks(css=CSS) as demo:
 
     chat_history_state = gr.State()
     clear.click(clear_chat, inputs=[chat_history_state, message], outputs=[chat_history_state, message], queue=False)
-    clear.click(lambda: None, None, chatbot, queue=False)
+    clear.click(lambda: None, None, chatbot_gguf, queue=False)
+    clear.click(lambda: None, None, chatbot_gguf2, queue=False)
 
     submit_click_event = submit.click(
         fn=user, inputs=[message, chat_history_state], outputs=[message, chat_history_state], queue=True
     ).then(
-        fn=chat, inputs=[chat_history_state, system_msg, max_tokens, temperature, top_p, top_k, repetition_penalty], outputs=[chatbot, chat_history_state, message], queue=True
+        fn=chat, inputs=[chat_history_state, system_msg, max_tokens, temperature, top_p, top_k, repetition_penalty], outputs=[chatbot_gguf, chat_history_state, message], queue=True
     )
     stop.click(fn=None, inputs=None, outputs=None, cancels=[submit_click_event], queue=False)