Update app.py

app.py

@@ -2,22 +2,10 @@ import gradio as gr
 from huggingface_hub import InferenceClient
 import os
 
-# Secret from Hugging Face Space settings
 HF_TOKEN = os.getenv("HF_TOKEN")
 
-def respond(
-    message,
-    history: list[dict[str, str]],
-    system_message,
-    max_tokens,
-    temperature,
-    top_p,
-):
-    client = InferenceClient(
-        token=HF_TOKEN,  # ab token yahan se aa raha hai
-        model="openai/gpt-oss-20b"
-    )
-
+def respond(message, history: list[dict[str, str]], system_message, max_tokens, temperature, top_p):
+    client = InferenceClient(token=HF_TOKEN, model="openai/gpt-oss-20b")
     messages = [{"role": "system", "content": system_message}]
     messages.extend(history)
     messages.append({"role": "user", "content": message})
@@ -30,28 +18,50 @@ def respond(
         temperature=temperature,
         top_p=top_p,
     ):
-        choices = msg.choices
-        if len(choices) and choices[0].delta.content:
-            response += choices[0].delta.content
+        if msg.choices and msg.choices[0].delta.content:
+            response += msg.choices[0].delta.content
         yield response
 
+custom_css = """
+.gradio-container {
+    background-color: #f9f9fb;
+    font-family: Arial, sans-serif;
+}
+.gradio-chatbox .message.user {
+    background-color: #daf7dc;
+    border-radius: 12px;
+    padding: 8px;
+    margin: 4px 0;
+}
+.gradio-chatbox .message.bot {
+    background-color: #cce5ff;
+    border-radius: 12px;
+    padding: 8px;
+    margin: 4px 0;
+}
+input[type="text"] {
+    border-radius: 8px;
+    border: 1px solid #ccc;
+}
+button {
+    background-color: #007bff;
+    color: white;
+    border-radius: 8px;
+}
+"""
 
-chatbot = gr.ChatInterface(
-    respond,
-    type="messages",
-    additional_inputs=[
-        gr.Textbox(value="You are a friendly Chatbot.", label="System message"),
-        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)",
-        ),
-    ],
-)
+with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
+    chatbot = gr.ChatInterface(
+        respond,
+        type="messages",
+        additional_inputs=[
+            gr.Textbox(value="You are a friendly Chatbot.", label="System message"),
+            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"),
+        ]
+    )
+    chatbot.render()
 
 if __name__ == "__main__":
-    chatbot.launch(share=True)
+    demo.launch(share=True)