fix conditional dropdown logic

app.py

@@ -167,43 +167,54 @@ with gr.Blocks() as demo:
     gr.Markdown("# Geography AI Tutor")
     gr.Markdown(description)
     
-    # Game mode selection at the top
-    game.mode_dropdown = gr.Dropdown(
-        choices=[game.MODE_STATES, game.MODE_COUNTRIES],
-        value=game.MODE_STATES,
-        label="Game Mode",
-        info="Choose what type of location to guess"
-    )
-
+    # Game type selection at the top
     game.type_dropdown = gr.Dropdown(
         choices=[game.TYPE_GEOGRAPHY_BEE, game.TYPE_TWENTY_QUESTIONS],
         value=game.TYPE_GEOGRAPHY_BEE,
         label="Game Type",
         info="Choose what type of game to play"
     )
+
+    game.mode_dropdown = gr.Dropdown(
+        choices=[game.MODE_STATES, game.MODE_COUNTRIES],
+        value=game.MODE_STATES,
+        label="Game Mode",
+        info="Choose what type of location to guess",
+        visible=False
+    )
     
     # ChatInterface without built-in examples
     chatbot = gr.ChatInterface(
         custom_respond,
         type="messages",
         cache_examples=False,
-        additional_inputs=[game.mode_dropdown, game.type_dropdown],
+        additional_inputs=[game.type_dropdown, game.mode_dropdown],
     )
     
     # Add examples separately using Dataset which can be updated
     with gr.Row():
-        gr.Markdown("### Example Questions (click to use)")
+        examples_header = gr.Markdown("### Example Questions (click to use)", visible=False)
     
     examples_dataset = gr.Dataset(
         components=[chatbot.textbox],
         samples=examples_states,
-        type="index"
+        type="index",
+        visible=False
     )
     
     # Update examples when mode changes
     def update_examples(mode):
         return gr.Dataset(samples=get_examples_for_mode(mode))
     
+    # Update visibility when game type changes
+    def update_examples_visibility(game_type):
+        is_visible = (game_type == game.TYPE_TWENTY_QUESTIONS)
+        return (
+            gr.Dropdown(visible=is_visible),  # mode_dropdown
+            gr.Markdown(visible=is_visible),   # examples_header
+            gr.Dataset(visible=is_visible)     # examples_dataset
+        )
+    
     # When an example is clicked, populate the textbox
     def load_example(index, mode):
         examples = get_examples_for_mode(mode)
@@ -217,6 +228,12 @@ with gr.Blocks() as demo:
         outputs=[examples_dataset]
     )
     
+    game.type_dropdown.change(
+        fn=update_examples_visibility,
+        inputs=[game.type_dropdown],
+        outputs=[game.mode_dropdown, examples_header, examples_dataset]
+    )
+    
     examples_dataset.select(
         fn=load_example,
         inputs=[examples_dataset, game.mode_dropdown],