Update app.py

app.py

@@ -23,6 +23,8 @@ body {
   background-color: rgba(255, 255, 255, 0.85);
   padding: 2rem;
   border-radius: 12px;
+  justify-content: center;
+  justify-content: center;
   width: 100%;
   max-width: 700px;
   height: 70vh;
@@ -51,17 +53,46 @@ def respond(message, history):
         yield response
 
 with gr.Blocks(css=css) as demo:
+    # Title Markdown block
+    gr.Markdown("# 🇫🇷 French Tutor", elem_id="custom-title")
+    
     with gr.Column(elem_id="chat-panel"):
+        with gr.Accordion("⚙️ Advanced Settings", open=False):
+            system_message = gr.Textbox(
+                value="You are a helpful French tutor.", 
+                label="System Message"
+            )
+            max_tokens = gr.Slider(
+                minimum=1, 
+                maximum=2048, 
+                value=512, 
+                step=1, 
+                label="Response Length"
+            )
+            temperature = gr.Slider(
+                minimum=0.1, 
+                maximum=4.0, 
+                value=0.7, 
+                step=0.1, 
+                label="Creativity"
+            )
+            top_p = gr.Slider(
+                minimum=0.1, 
+                maximum=1.0, 
+                value=0.95, 
+                step=0.05, 
+                label="Dynamic Text"
+            )
+        
         gr.ChatInterface(
             respond,
             additional_inputs=[
-                gr.Textbox(value="Adjust your settings.", label=""),
-                gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Response Length"),
-                gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Creativity"),
-                gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Dynamic Text")
+                system_message, 
+                max_tokens, 
+                temperature, 
+                top_p
             ]
         )
 
 if __name__ == "__main__":
     demo.launch()
-