Update app.py

app.py

@@ -18,7 +18,7 @@ Feel free to test without log.
 """
 
 css="""
-h1 {
+h3 {
     text-align: center;
 }
 footer {
@@ -36,7 +36,7 @@ tokenizer = AutoTokenizer.from_pretrained(model)
 def generate(message, history, system, max_tokens, temperature, top_p, top_k, penalty):
     # Prepare your prompts
     conversation = [
-        {"role": "system", "content":sytem}
+        {"role": "system", "content":system}
     ]
     for prompt, answer in history:
         conversation.extend([{"role": "user", "content": prompt}, {"role": "assistant", "content": answer}])
@@ -72,14 +72,23 @@ def generate(message, history, system, max_tokens, temperature, top_p, top_k, pe
     
 chatbot = gr.Chatbot(height=450)
 
-with gr.Blocks(css=css, fill_height=True) as demo:
+with gr.Blocks(css=css) as demo:
     gr.HTML(DESCRIPTION)
     gr.ChatInterface(
         fn=generate,
         chatbot=chatbot,
+        fill_height=True,
+        additional_inputs_accordion=gr.Accordion(label="⚙️ Parameters", open=False, render=False),
         additional_inputs=[
-            gr.Textbox(value="You are a helpful assistant.", label="System message"),
-            gr.Slider(minimum=1, maximum=30720, value=2048, step=1, label="Max tokens"),
+            gr.Textbox(value="You are a helpful assistant.", label="System message", render=False),
+            gr.Slider(
+                minimum=1, 
+                maximum=30720, 
+                value=2048, 
+                step=1, 
+                label="Max tokens",
+                render=False,
+            ),
             gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
             gr.Slider(
                 minimum=0.1,
@@ -87,6 +96,7 @@ with gr.Blocks(css=css, fill_height=True) as demo:
                 value=0.95,
                 step=0.05,
                 label="Top-p",
+                render=False,
             ),
             gr.Slider(
                 minimum=0,
@@ -94,6 +104,7 @@ with gr.Blocks(css=css, fill_height=True) as demo:
                 value=20,
                 step=1,
                 label="Top-k",
+                render=False,
             ),
             gr.Slider(
                 minimum=0.0,
@@ -101,6 +112,7 @@ with gr.Blocks(css=css, fill_height=True) as demo:
                 value=1,
                 step=0.1,
                 label="Repetition penalty",
+                render=False,
             ),
         ],
         retry_btn="Retry",