Updating Metric to checkbox

src/components/filters.py

@@ -34,13 +34,24 @@ def initialize_session_state(df):
 
 def render_metric_selection():
     """
-    Render the metric selection component
+    Render the metric selection component with checkboxes
     
     Returns:
         list: Selected metrics
     """
     st.markdown("### Select Metrics")
     
+    # Add custom CSS to increase font size for checkbox labels
+    st.markdown("""
+    <style>
+    /* Increase font size for metric checkboxes */
+    [data-testid="stCheckbox"] label p {
+        font-size: 16px !important;
+        font-weight: 500 !important;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+    
     # Get metric names
     all_metrics = list(metrics_config.keys())
     primary_metric = all_metrics[0]  # First metric is primary
@@ -56,22 +67,19 @@ def render_metric_selection():
     
     # Primary metric first (always selected and can't be deselected)
     with cols[0]:
-        button_label = f"✓ {primary_metric}"
-        st.button(button_label, key=f"metric_{primary_metric}", type="primary", disabled=True)
+        st.checkbox(primary_metric, value=True, key=f"metric_checkbox_{primary_metric}", disabled=True)
     
     # Secondary metrics that can be toggled
     for i, metric in enumerate(secondary_metrics):
         with cols[i+1]:
             is_selected = metric in st.session_state.selected_metrics
-            button_label = f"✓ {metric}" if is_selected else metric
-            button_type = "primary" if is_selected else "secondary"
             
-            if st.button(button_label, key=f"metric_{metric}", type=button_type):
-                if is_selected:
-                    st.session_state.selected_metrics.remove(metric)
-                else:
+            if st.checkbox(metric, value=is_selected, key=f"metric_checkbox_{metric}"):
+                if metric not in st.session_state.selected_metrics:
                     st.session_state.selected_metrics.append(metric)
-                st.rerun()  # Force UI update
+            else:
+                if metric in st.session_state.selected_metrics:
+                    st.session_state.selected_metrics.remove(metric)
     
     return st.session_state.selected_metrics
 
@@ -91,7 +99,7 @@ def render_task_selection(df):
     all_tasks = [col for col in df.columns if col not in ['Model Type']]
     
     # Increase number of columns to reduce spacing
-    num_cols = 4  # More columns for tighter spacing
+    num_cols = 5  # More columns for tighter spacing
     
     # Create task groups in a fixed number of columns with balanced width
     task_groups = [all_tasks[i:i+num_cols] for i in range(0, len(all_tasks), num_cols)]
@@ -100,7 +108,7 @@ def render_task_selection(df):
     if 'selected_tasks' not in st.session_state or not st.session_state.selected_tasks:
         st.session_state.selected_tasks = []
     
-    # Add custom CSS to reduce spacing between checkboxes
+    # Add custom CSS to reduce spacing and increase font size for checkbox labels
     st.markdown("""
     <style>
     /* Reduce spacing in checkbox containers */
@@ -108,6 +116,12 @@ def render_task_selection(df):
         padding: 0px !important;
         margin-bottom: 5px !important;
     }
+    
+    /* Increase font size for task checkboxes */
+    [data-testid="stCheckbox"] label p {
+        font-size: 16px !important;
+        font-weight: 500 !important;
+    }
     </style>
     """, unsafe_allow_html=True)