Update app.py

app.py

@@ -14,21 +14,19 @@ def get_client(model_name):
 
 def respond(
     message,
-    history: list[tuple[str, str]],
+    chat_history,
     model_name,
-    system_message,
     max_tokens,
     temperature,
     top_p,
+    system_message,
 ):
     client = get_client(model_name)
     messages = [{"role": "system", "content": system_message}]
 
-    for val in history:
-        if val[0]:
-            messages.append({"role": "user", "content": val[0]})
-        if val[1]:
-            messages.append({"role": "assistant", "content": val[1]})
+    for human, assistant in chat_history:
+        messages.append({"role": "user", "content": human})
+        messages.append({"role": "assistant", "content": assistant})
 
     messages.append({"role": "user", "content": message})
 
@@ -45,18 +43,33 @@ def respond(
         response += token
         yield response
 
-demo = gr.ChatInterface(
-    respond,
-    additional_inputs=[
-        gr.Dropdown(choices=list(MODELS.keys()), label="Language Model", value="Zephyr 7B Beta"),
-        gr.Textbox(value="You are a friendly and helpful AI assistant.", label="System Message"),
-        gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max New Tokens"),
-        gr.Slider(minimum=0.1, maximum=2.0, value=0.7, step=0.1, label="Temperature"),
-        gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-p (nucleus sampling)"),
-    ],
-    title="Advanced AI Chatbot",
-    description="Chat with different language models and customize your experience!",
-)
+with gr.Blocks() as demo:
+    gr.Markdown("# Advanced AI Chatbot")
+    gr.Markdown("Chat with different language models and customize your experience!")
+
+    with gr.Row():
+        with gr.Column(scale=1):
+            model_name = gr.Radio(
+                choices=list(MODELS.keys()),
+                label="Language Model",
+                value="Zephyr 7B Beta"
+            )
+            max_tokens = gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max New Tokens")
+            temperature = gr.Slider(minimum=0.1, maximum=2.0, value=0.7, step=0.1, label="Temperature")
+            top_p = gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-p (nucleus sampling)")
+            system_message = gr.Textbox(
+                value="You are a friendly and helpful AI assistant.",
+                label="System Message",
+                lines=3
+            )
+
+        with gr.Column(scale=2):
+            chatbot = gr.Chatbot()
+            msg = gr.Textbox(label="Your message")
+            clear = gr.Button("Clear")
+
+    msg.submit(respond, [msg, chatbot, model_name, max_tokens, temperature, top_p, system_message], chatbot)
+    clear.click(lambda: None, None, chatbot, queue=False)
 
 if __name__ == "__main__":
     demo.launch()