Update app.py

app.py

@@ -90,29 +90,33 @@ with gr.Blocks(title="🤗 ModelVerse Explorer", fill_width=True, css=custom_css
 
     with gr.Row():
         with gr.Column(scale=1):
-            count_by_dropdown = gr.Dropdown(label="Metric", choices=[("Downloads (last 30 days)", "downloads"), ("Downloads (All Time)", "downloadsAllTime"), ("Likes", "likes")], value="downloads")
-            filter_choice_radio = gr.Radio(label="Filter Type", choices=["None", "Tag Filter", "Pipeline Filter"], value="None")
+            
+            # --- FINAL FIX: Wrapped all filter sections in Groups for a uniform UI ---
+            with gr.Group():
+                count_by_dropdown = gr.Dropdown(label="Metric", choices=[("Downloads (last 30 days)", "downloads"), ("Downloads (All Time)", "downloadsAllTime"), ("Likes", "likes")], value="downloads")
+                filter_choice_radio = gr.Radio(label="Filter Type", choices=["None", "Tag Filter", "Pipeline Filter"], value="None")
+            
             tag_filter_dropdown = gr.Dropdown(label="Select Tag", choices=TAG_FILTER_CHOICES, value=None, visible=False)
             pipeline_filter_dropdown = gr.Dropdown(label="Select Pipeline Tag", choices=PIPELINE_TAGS, value=None, visible=False)
             
-            # --- FIX 2: Wrapped the slider and its labels in a Group for consistent styling ---
             with gr.Group():
-                # --- FIX 1: Added a manual label for the slider ---
                 gr.Markdown("<div style='font-weight: 500;'>Model Parameters</div>")
                 param_range_slider = RangeSlider(
                     minimum=0,
                     maximum=len(PARAM_CHOICES) - 1,
                     value=PARAM_CHOICES_DEFAULT_INDICES,
                     step=1,
-                    label=None, # Label is now handled by the Markdown above
+                    label=None,
                     show_label=False,
                     container=False,
                     elem_id="param-slider-wrapper"
                 )
                 param_range_display = gr.Markdown(f"Range: `{PARAM_CHOICES[0]}` to `{PARAM_CHOICES[-1]}`")
 
-            top_k_dropdown = gr.Dropdown(label="Number of Top Organizations", choices=TOP_K_CHOICES, value=25)
-            skip_orgs_textbox = gr.Textbox(label="Organizations to Skip (comma-separated)", value="TheBloke,MaziyarPanahi,unsloth,modularai,Gensyn,bartowski")
+            with gr.Group():
+                top_k_dropdown = gr.Dropdown(label="Number of Top Organizations", choices=TOP_K_CHOICES, value=25)
+                skip_orgs_textbox = gr.Textbox(label="Organizations to Skip (comma-separated)", value="TheBloke,MaziyarPanahi,unsloth,modularai,Gensyn,bartowski")
+            
             generate_plot_button = gr.Button(value="Generate Plot", variant="primary", interactive=False)
 
         with gr.Column(scale=3):
@@ -129,7 +133,9 @@ with gr.Blocks(title="🤗 ModelVerse Explorer", fill_width=True, css=custom_css
     def _update_button_interactivity(is_loaded_flag): return gr.update(interactive=is_loaded_flag)
     loading_complete_state.change(fn=_update_button_interactivity, inputs=loading_complete_state, outputs=generate_plot_button)
 
-    def _toggle_filters_visibility(choice): return gr.update(visible=choice == "Tag Filter"), gr.update(visible=choice == "Pipeline Filter")
+    def _toggle_filters_visibility(choice): 
+        # The conditional dropdowns should not be in a group, so they appear correctly
+        return gr.update(visible=choice == "Tag Filter"), gr.update(visible=choice == "Pipeline Filter")
     filter_choice_radio.change(fn=_toggle_filters_visibility, inputs=filter_choice_radio, outputs=[tag_filter_dropdown, pipeline_filter_dropdown])
 
     def ui_load_data_controller(progress=gr.Progress()):