improves interface with layout html

app.py

@@ -259,7 +259,7 @@ def generate_response(input_data, chat_history, max_new_tokens, model_identity,
         yield f"❌ Error during generation: {e}"
 
 APP_CSS = """
-#main_chatbot {height: calc(100vh - 220px);}
+#main_chatbot {height: calc(100vh - 120px);} /* Increase chatbot viewport height */
 .gradio-container {min-height: 100vh;}
 """
 
@@ -285,35 +285,35 @@ demo = gr.ChatInterface(
         additional_inputs=[
             gr.Slider(label="Max new tokens", minimum=64, maximum=4096, step=1, value=2048),
             gr.Textbox(
-                label="Model Identity",
+                label="🪪Model Identity",
                 value=MODEL_IDENTITY,
-                lines=3,
+                lines=1,
                 placeholder="Optional identity/persona for the model"
             ),
             gr.Textbox(
-                label="System Prompt",
+                label="🤖System Prompt",
                 value=DEFAULT_SYSTEM_PROMPT,
-                lines=4,
+                lines=1,
                 placeholder="Change system prompt"
             ),
             gr.Textbox(
-                label="Developer Prompt",
+                label="👨🏻‍💻Developer Prompt",
                 value=DEFAULT_DEVELOPER_PROMPT,
-                lines=4,
+                lines=1,
                 placeholder="Optional developer instructions"
             ),
             gr.Dropdown(
-                label="Reasoning Effort",
+                label="🧠Reasoning Effort",
                 choices=["low", "medium", "high"],
                 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),
+            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",
+        additional_inputs_accordion=gr.Accordion(label="🔧Advanced Inputs", open=False),
         examples=[
             [{"text": "A 68-year-old man complains of several blisters arising over the back and trunk for the preceding 2 weeks. He takes no medications and has not noted systemic symptoms such as fever, sore throat, weight loss, or fatigue. The general physical examination is normal. The oral mucosa and the lips are normal. Several 2- to 3-cm bullae are present over the trunk and back. A few excoriations where the blisters have ruptured are present. The remainder of the skin is normal, without erythema or scale. What is the best diagnostic approach at this time?"}],
             [{"text": "A 28-year-old woman, gravida 2, para 1, at 40 weeks of gestation is admitted to the hospital in active labor. The patient has attended many prenatal appointments and followed her physician's advice about screening for diseases, laboratory testing, diet, and exercise. Her pregnancy has been uncomplicated. She has no history of a serious illness. Her first child was delivered via normal vaginal delivery. Her vital signs are within normal limits. Cervical examination shows 100% effacement and 10 cm dilation. A cardiotocograph is shown. Which of the following is the most appropriate initial step in management?"}],