Update app.py

app.py

@@ -224,12 +224,35 @@ def reset_inputs():
     )
 
 def update_visibility(chatbot_mode):
-        if chatbot_mode == "Packing":
-            return gr.update(visible=True), gr.update(visible=False)
-        elif chatbot_mode == "Food/Attractions":
-            return gr.update(visible=False), gr.update(visible=True)
-        else:
-            return gr.update(visible=True), gr.update(visible=True)
+    if chatbot_mode == "Packing":
+        return (
+            gr.update(visible=True),   # packing_markdown
+            gr.update(visible=True),   # packing_group
+            gr.update(visible=False),  # food_markdown
+            gr.update(visible=False),  # food_group
+            gr.update(visible=False),  # activity_markdown
+            gr.update(visible=False),  # activity_group
+        )
+    elif chatbot_mode == "Food/Attractions":
+        return (
+            gr.update(visible=False),  # packing_markdown
+            gr.update(visible=False),  # packing_group
+            gr.update(visible=True),   # food_markdown
+            gr.update(visible=True),   # food_group
+            gr.update(visible=True),   # activity_markdown
+            gr.update(visible=True),   # activity_group
+        )
+    else:
+        # Show all if chatbot_mode is empty or not specified
+        return (
+            gr.update(visible=True),
+            gr.update(visible=True),
+            gr.update(visible=True),
+            gr.update(visible=True),
+            gr.update(visible=True),
+            gr.update(visible=True),
+        )
+
 
 with gr.Blocks(theme=theme) as demo:
     with gr.Row():
@@ -259,6 +282,8 @@ with gr.Blocks(theme=theme) as demo:
                 choices=["Warm/Dry (May to October)", "Cool/Wet (November to April)"],
                 label="Season:"
             )
+
+            gr.Markdown("### Luggage", visible = True)
             
             with gr.Group(visible=True) as packing_group:
                 #gr.Markdown("### Luggage")
@@ -270,7 +295,9 @@ with gr.Blocks(theme=theme) as demo:
                     minimum=10, maximum=100, step=10, value=20,
                     label="What is the size of your luggage (liters)?"
                 )
-            
+
+            gr.Markdown("### Food", visible = True)
+         
             with gr.Group(visible=True) as food_group:
                     #gr.Markdown("### Food")
                     food_prefs = gr.Dropdown(
@@ -278,18 +305,28 @@ with gr.Blocks(theme=theme) as demo:
                         multiselect=True,
                         label="What are your food preferences?"
                     )
-            
+
+
+            gr.Markdown("### Activities", visible = True)
+            with gr.Group(visible=True) as activity_group:
                     #gr.Markdown("### Activities")
                     activity = gr.Dropdown(
                         choices=["Outdoor & Nature", "Indoor", "Museums", "Shopping", "Relaxation"],
                         multiselect=True,
                         label="What are your activity preferences?"
                     )
-
+            
             chatbot_mode.change(
                 fn=update_visibility,
                 inputs=[chatbot_mode],
-                outputs=[packing_group, food_group]
+                outputs=[
+                    packing_markdown,
+                    packing_group,
+                    food_markdown,
+                    food_group,
+                    activity_markdown,
+                    activity_group
+                ]
             )
 
             reset_btn = gr.Button("Reset All", variant="secondary")