updated the format of the side bar

app.py

@@ -164,6 +164,7 @@ with gr.Blocks() as demo:
     with gr.Row():
         # ─── left column: your controls ───
         with gr.Column(scale=1):
+            gr.Markdown("### Chatbot Settings")
             use_spanish = gr.Checkbox(label="Use Spanish", value=False)
             chatbot_mode = gr.Radio(
                 choices=["Packing", "Food/Attractions"],
@@ -174,14 +175,13 @@ with gr.Blocks() as demo:
                 choices=["San Francisco","Los Angeles"],
                 label="Where are you going?"
             )
-            gr.Markdown("### Trip Duration")
+            gr.Markdown("### Trip Length")
             trip_length = gr.Number(label="How long is your trip?", precision=0)
             trip_unit = gr.Radio(
                 choices=["days", "weeks", "months"],
                 label="Trip length unit"
             )
 
-            
             gr.Markdown("### Luggage")
             luggage_types = gr.CheckboxGroup(
                 choices=["Carry-on","Checked"],
@@ -191,10 +191,10 @@ with gr.Blocks() as demo:
                 minimum=10, maximum=100, step=10, value=20,
                 label="What is the size of you luggage (liters)?"
             )
-            gr.Markdown("### Food preferences")
+            gr.Markdown("### Food")
             food_prefs = gr.CheckboxGroup(
-                choices=["Italian","Thai","Mexican","Japanese"],
-                label=None
+                choices=["Italian","Thai","Mexican","Japanese", "Seafood", "Asian Fusion", "Korean", "Brunch", "Bakery", "Mexican", "Italian", "Vegan", "Chinese", "Coffee", "Boba", "Fast-Food", "Dessert", "Greek", "Indian"],
+                label="What are you food preferences?"
             )
 
         with gr.Column(scale=3):