Update app.py

app.py

@@ -1,9 +1,7 @@
 import gradio as gr
 from huggingface_hub import InferenceClient
 
-"""
-For more information on `huggingface_hub` Inference API support, please check the docs: https://huggingface.co/docs/huggingface_hub/v0.22.2/en/guides/inference
-"""
+# Initialize the Inference Client
 client = InferenceClient("HuggingFaceH4/zephyr-7b-beta")
 
 def respond(
@@ -14,10 +12,8 @@ def respond(
     temperature,
     top_p,
 ):
-    # Set the default system message to the friendly Python chatbot message
     system_message = system_message or "You are a friendly Python code writing Chatbot. Assist with Python programming tasks, debugging, and code optimization. Provide solutions for Python-related queries, help with libraries, algorithms, and best practices, and generate clean, efficient code for various applications."
     
-    # Prepare the conversation history and current message
     messages = [{"role": "system", "content": system_message}]
     for val in history:
         if val[0]:
@@ -28,8 +24,6 @@ def respond(
     messages.append({"role": "user", "content": message})
 
     response = ""
-
-    # Request the response from the model
     for message in client.chat_completion(
         messages,
         max_tokens=max_tokens,
@@ -42,25 +36,32 @@ def respond(
         yield response
 
 
-"""
-For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
-"""
-demo = gr.ChatInterface(
-    respond,
-    additional_inputs=[
+def clear_chat():
+    return [], ""
+
+# Chatbot Interface
+demo = gr.Interface(
+    fn=respond,
+    inputs=[
         gr.Textbox(value="You are a friendly Python code writing Chatbot. Assist with Python programming tasks, debugging, and code optimization. Provide solutions for Python-related queries, help with libraries, algorithms, and best practices, and generate clean, efficient code for various applications.", label="System message"),
+        gr.Textbox(placeholder="Enter your message here...", label="User Input", lines=2),
         gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
         gr.Slider(minimum=0.1, maximum=4.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)",
-        ),
+        gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-p (nucleus sampling)"),
+    ],
+    outputs=[
+        gr.Chatbot(label="Chat History"),
+        gr.Textbox(label="Current Response", placeholder="Chatbot will reply here...", interactive=False)
     ],
+    live=True,
+    allow_flagging="never",  # Disable flagging
+    layout="vertical",
+    theme="huggingface",  # Optionally, set a different theme
 )
 
+# Add additional features to the interface
+with demo:
+    gr.Button("Clear Chat", elem_id="clear-chat").click(clear_chat, outputs=["chatbot", "textbox"])
 
 if __name__ == "__main__":
     demo.launch()