Update app.py

app.py

@@ -6,30 +6,21 @@ def respond(
     message,
     history: list[dict[str, str]],
     system_message,
-    max_tokens,
-    temperature,
-    top_p,
     hf_token: gr.OAuthToken,
 ):
-    """
-    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
-    """
     client = InferenceClient(token=hf_token.token, model="openai/gpt-oss-20b")
 
     messages = [{"role": "system", "content": system_message}]
-
     messages.extend(history)
-
     messages.append({"role": "user", "content": message})
 
     response = ""
-
     for message in client.chat_completion(
         messages,
-        max_tokens=max_tokens,
+        max_tokens=512,   # fixed
         stream=True,
-        temperature=temperature,
-        top_p=top_p,
+        temperature=0.7,  # fixed
+        top_p=0.95,       # fixed
     ):
         choices = message.choices
         token = ""
@@ -40,31 +31,50 @@ def respond(
         yield response
 
 
-"""
-For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
-"""
 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() as demo:
+with gr.Blocks(css="""
+body {
+    margin: 0;
+    padding: 0;
+    font-family: system-ui, sans-serif;
+}
+.gradio-container {
+    height: 100vh;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+.gr-blocks {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+.gr-chatbot {
+    flex: 1;
+    overflow-y: auto;
+    max-height: calc(100vh - 120px);
+}
+@media (max-width: 768px) {
+    .gradio-container, .gr-blocks {
+        padding: 0;
+        margin: 0;
+    }
+    .gr-chatbot {
+        max-height: calc(100vh - 100px);
+    }
+}
+""") as demo:
     with gr.Sidebar():
         gr.LoginButton()
     chatbot.render()
 
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()