Update app.py

app.py

@@ -228,6 +228,15 @@ def reset_inputs():
         []     # activity
     )
 
+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)
+
+
 with gr.Blocks(theme=theme) as demo:
     with gr.Row():
         # ─── left column: your controls ───
@@ -257,27 +266,60 @@ with gr.Blocks(theme=theme) as demo:
                 label="Season:"
             )
             
-            gr.Markdown("### Luggage")
-            luggage_types = gr.CheckboxGroup(
-                choices=["Carry-on","Checked"],
-                label="What is your luggage type?"
-            )
-            luggage_size = gr.Slider(
-                minimum=10, maximum=100, step=10, value=20,
-                label="What is the size of you luggage (liters)?"
-            )
-            gr.Markdown("### Food")
-            food_prefs = gr.Dropdown(
-                choices=["Italian", "Thai", "Mexican", "Japanese", "Seafood", "Asian Fusion", "Korean", "Brunch", "Bakery", "Vegan", "Chinese", "Coffee", "Boba", "Fast-Food", "Dessert", "Greek", "Indian"],
-                label="What are your food preferences?",
-                multiselect=True
-            )
+            # gr.Markdown("### Luggage")
+            # luggage_types = gr.CheckboxGroup(
+            #     choices=["Carry-on","Checked"],
+            #     label="What is your luggage type?"
+            # )
+            # luggage_size = gr.Slider(
+            #     minimum=10, maximum=100, step=10, value=20,
+            #     label="What is the size of you luggage (liters)?"
+
+            with gr.Group(visible=True) as packing_group:
+                gr.Markdown("### Luggage")
+                luggage_types = gr.CheckboxGroup(
+                    choices=["Carry-on", "Checked"],
+                    label="What is your luggage type?"
+                )
+                luggage_size = gr.Slider(
+                    minimum=10, maximum=100, step=10, value=20,
+                    label="What is the size of your luggage (liters)?"
+                )
+            
+            # )
+            # gr.Markdown("### Food")
+            # food_prefs = gr.Dropdown(
+            #     choices=["Italian", "Thai", "Mexican", "Japanese", "Seafood", "Asian Fusion", "Korean", "Brunch", "Bakery", "Vegan", "Chinese", "Coffee", "Boba", "Fast-Food", "Dessert", "Greek", "Indian"],
+            #     label="What are your food preferences?",
+            #     multiselect=True
+            # )
+
+            # gr.Markdown("### Activity Interests")
+            # activity = gr.Dropdown(
+            #     choices=["Outdoor & Nature", "Indoor", "Sight-Seeing & Landmarks", "Culture, History & Museums", "Arts & Entertainment", "Active & Adventure", "Relaxation", "Shopping & Lifestyle", "Family-Friendly"],
+            #     label="What are your actvity preferences?",
+            #     multiselect=True
+            # )
+
+            with gr.Group(visible=True) as food_group:
+                    gr.Markdown("### Food")
+                    food_prefs = gr.Dropdown(
+                        choices=["Italian", "Thai", "Mexican", "Japanese", "Vegan", "Seafood"],
+                        multiselect=True,
+                        label="What are your food preferences?"
+                    )
+            
+                    gr.Markdown("### Activities")
+                    activity = gr.Dropdown(
+                        choices=["Outdoor & Nature", "Indoor", "Museums", "Shopping", "Relaxation"],
+                        multiselect=True,
+                        label="What are your activity preferences?"
+                    )
 
-            gr.Markdown("### Activity Interests")
-            activity = gr.Dropdown(
-                choices=["Outdoor & Nature", "Indoor", "Sight-Seeing & Landmarks", "Culture, History & Museums", "Arts & Entertainment", "Active & Adventure", "Relaxation", "Shopping & Lifestyle", "Family-Friendly"],
-                label="What are your actvity preferences?",
-                multiselect=True
+            chatbot_mode.change(
+                fn=update_visibility,
+                inputs=[chatbot_mode],
+                outputs=[packing_group, food_group]
             )
 
             reset_btn = gr.Button("Reset All", variant="secondary")