Update app.py

app.py

@@ -10,7 +10,6 @@ from gradio_rangeslider import RangeSlider
 
 # --- Constants ---
 PARAM_CHOICES = ['< 1B', '1B', '5B', '12B', '32B', '64B', '128B', '256B', '> 500B']
-# The RangeSlider component uses a tuple for its default value
 PARAM_CHOICES_DEFAULT_INDICES = (0, len(PARAM_CHOICES) - 1)
 
 TOP_K_CHOICES = list(range(5, 51, 5))
@@ -78,7 +77,14 @@ def create_treemap(treemap_data, count_by, title=None):
     fig.update_traces(textinfo="label+value+percent root", hovertemplate="<b>%{label}</b><br>%{value:,} " + count_by + "<br>%{percentRoot:.2%} of total<extra></extra>")
     return fig
 
-with gr.Blocks(title="🤗 ModelVerse Explorer", fill_width=True) as demo:
+# --- FIX 2: CSS to hide the numerical input box of the RangeSlider component ---
+custom_css = """
+#param-slider-wrapper > .svelte-z615s1 {
+    display: none !important;
+}
+"""
+
+with gr.Blocks(title="🤗 ModelVerse Explorer", fill_width=True, css=custom_css) as demo:
     models_data_state = gr.State(pd.DataFrame())
     loading_complete_state = gr.State(False)
     
@@ -92,20 +98,18 @@ with gr.Blocks(title="🤗 ModelVerse Explorer", fill_width=True) as demo:
             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)
             
-            with gr.Group():
-                with gr.Row():
-                    gr.Markdown("<div style='font-weight: 500; padding-top: 10px;'>Parameters</div>")
-                    reset_params_button = gr.Button("🔄 Reset", visible=False, size="sm", min_width=80)
-                
-                param_range_slider = RangeSlider(
-                    minimum=0,
-                    maximum=len(PARAM_CHOICES) - 1,
-                    value=PARAM_CHOICES_DEFAULT_INDICES,
-                    step=1,
-                    label=None,
-                    show_label=False,
-                )
-                param_range_display = gr.Markdown(f"Range: `{PARAM_CHOICES[0]}` to `{PARAM_CHOICES[-1]}`")
+            # The elem_id is used by our custom CSS to target *only* this slider
+            param_range_slider = RangeSlider(
+                minimum=0,
+                maximum=len(PARAM_CHOICES) - 1,
+                value=PARAM_CHOICES_DEFAULT_INDICES,
+                step=1,
+                label="Parameters",
+                # --- FIX 1: Remove the grey container ---
+                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")
@@ -116,22 +120,11 @@ with gr.Blocks(title="🤗 ModelVerse Explorer", fill_width=True) as demo:
             status_message_md = gr.Markdown("Initializing...")
             data_info_md = gr.Markdown("")
     
-    def update_param_ui(value: tuple):
+    def update_param_display(value: tuple):
         min_idx, max_idx = int(value[0]), int(value[1])
-        is_default = (min_idx == 0 and max_idx == len(PARAM_CHOICES) - 1)
-        
-        display_text = f"Range: `{PARAM_CHOICES[min_idx]}` to `{PARAM_CHOICES[max_idx]}`"
-        button_visibility = gr.update(visible=not is_default)
-        
-        return display_text, button_visibility
+        return f"Range: `{PARAM_CHOICES[min_idx]}` to `{PARAM_CHOICES[max_idx]}`"
     
-    param_range_slider.change(update_param_ui, param_range_slider, [param_range_display, reset_params_button])
-
-    def reset_params():
-        default_text = f"Range: `{PARAM_CHOICES[0]}` to `{PARAM_CHOICES[-1]}`"
-        return PARAM_CHOICES_DEFAULT_INDICES, default_text, gr.update(visible=False)
-
-    reset_params_button.click(reset_params, outputs=[param_range_slider, param_range_display, reset_params_button])
+    param_range_slider.change(update_param_display, param_range_slider, param_range_display)
 
     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)