adds interface correctly with layout html

app.py

@@ -263,21 +263,25 @@ APP_CSS = """
 .gradio-container {min-height: 100vh;}
 """
 
-with gr.Blocks(theme=gr.themes.Soft(), css=APP_CSS) as demo:
-    gr.Markdown(TITLE_MD)
-    # Informational sections above the chatbot
-    with gr.Row():
-        with gr.Column(scale=3):
-            gr.Markdown(DESCRIPTION_MD)
-        with gr.Column(scale=2):
-            gr.Markdown(JOIN_US_MD)
+# Build a single ChatInterface (no outer Blocks) to avoid layout conflicts
+description_html = f"""
+<div style=\"display:flex; gap: 16px; align-items:flex-start; flex-wrap: wrap\">
+  <div style=\"flex: 1 1 60%; min-width: 300px;\">
+  {DESCRIPTION_MD}
+  </div>
+  <div style=\"flex: 1 1 35%; min-width: 260px;\">
+  {JOIN_US_MD}
+  </div>
+</div>
+"""
 
-    # Large chatbot (fills viewport minus header via CSS)
-    large_chatbot = gr.Chatbot(label="Chatbot", elem_id="main_chatbot")
+custom_chatbot = gr.Chatbot(label="Chatbot", elem_id="main_chatbot", latex_delimiters=LATEX_DELIMS)
 
-    gr.ChatInterface(
+demo = gr.ChatInterface(
         fn=generate_response,
-        chatbot=large_chatbot,
+        chatbot=custom_chatbot,
+        title=f"🙋🏻‍♂️ Welcome to 🌟Tonic's ⚕️{MODEL_NAME} Demo !",
+        description=description_html,
         additional_inputs=[
             gr.Slider(label="Max new tokens", minimum=64, maximum=4096, step=1, value=2048),
             gr.Textbox(
@@ -304,6 +308,10 @@ with gr.Blocks(theme=gr.themes.Soft(), css=APP_CSS) as demo:
                 value=DEFAULT_REASONING_EFFORT,
                 interactive=True,
             ),
+            gr.Slider(label="Temperature", minimum=0.1, maximum=2.0, step=0.1, value=0.7),
+            gr.Slider(label="Top-p", minimum=0.05, maximum=1.0, step=0.05, value=0.9),
+            gr.Slider(label="Top-k", minimum=1, maximum=100, step=1, value=50),
+            gr.Slider(label="Repetition Penalty", minimum=1.0, maximum=2.0, step=0.05, value=1.0),
             ],
         additional_inputs_accordion="Additional Parameters",
         examples=[
@@ -323,6 +331,8 @@ with gr.Blocks(theme=gr.themes.Soft(), css=APP_CSS) as demo:
         ),
         stop_btn="Stop Generation",
         multimodal=False,
+        theme=gr.themes.Soft(),
+        css=APP_CSS,
     )
 
 if __name__ == "__main__":