code

app.py

@@ -61,34 +61,30 @@ def respond(
     yield response
     
 with gr.Blocks() as demo:
-    gr.LoginButton(min_width=250)
-    """
-    For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
-    """
-    gr.Markdown("""
-                This is the space I built.
-                As of 2025/1/7, this is the first phi-4 space.
-                If this helps you, and if you have enough money, can you give me 1$? I am facing a financial crisis.
-                If you do this, I will pass on the kindness.
-                This is my bank card number:5592921230414708
-                Thank you!!
-                """)
-    gr.ChatInterface(
-        respond,
-        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)",
-            ),
-            gr.Slider(minimum=0, maximum=20091114, value=42, step=1, label="seed"),
-        ],
-    )
+    with gr.Row():
+        gr.LoginButton(min_width=100)
+        gr.Markdown("""
+                    This is the space I built.
+                    As of 2025/1/7, this is the first phi-4 space.
+                    If this helps you, and if you have enough money, can you give me 1$? I am facing a financial crisis.
+                    If you do this, I will pass on the kindness.
+                    This is my bank card number:5592921230414708
+                    Thank you!!
+                    """)
+    
+    with gr.Row():
+        with gr.Column():
+            system_message = gr.Textbox(value="You are a friendly Chatbot.", label="System message")
+            max_tokens = gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens")
+            temperature = gr.Slider(minimum=0.1, maximum=4.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)")
+            seed = gr.Slider(minimum=0, maximum=20091114, value=42, step=1, label="Seed")
+        
+        with gr.Column():
+            gr.ChatInterface(
+                respond,
+                additional_inputs=[system_message, max_tokens, temperature, top_p, seed],
+            )
 
 
 if __name__ == "__main__":