Initial leaderboard setup

.ipynb_checkpoints/app-checkpoint.py

@@ -35,7 +35,7 @@ st.markdown("""
 """, unsafe_allow_html=True)
 
 # Header
-col1, col2 = st.columns([0.15, 0.85])
+col1, col2 = st.columns([0.16, 0.84])
 with col1:
     st.image("nexar_logo.png", width=600)
 with col2:
@@ -221,30 +221,27 @@ with tab2:
                 # Get the consistent color for this model
                 color = model_colors[model]
                 
-                # Store toggle state in session state with unique key
+                # Initialize toggle state if needed
                 toggle_key = f"toggle_{model}"
                 if toggle_key not in st.session_state:
                     st.session_state[toggle_key] = True
-
-                # Create the checkbox with colored text
-                st.session_state[toggle_key] = container.checkbox(
-                    f"⬤ {model}",
-                    value=st.session_state[toggle_key],
-                    key=f"model_toggle_{model}"
-                )
                 
-                # Add colored style to the checkbox
+                # Create colored legend item with HTML
                 container.markdown(
                     f"""
-                    <style>
-                        [data-testid="stCheckbox"] label p {{
-                            color: {color};
-                            font-weight: bold;
-                        }}
-                    </style>
-                    """,
+                    <div style='display: flex; align-items: center; margin-bottom: -40px; pointer-events: none;'>
+                        <span style='display: inline-block; width: 12px; height: 12px; background-color: {color}; border-radius: 50%; margin-right: 8px;'></span>
+                    </div>
+                    """, 
                     unsafe_allow_html=True
                 )
+                
+                # Create the checkbox without reassigning to session state
+                container.checkbox(
+                    f"    {model}",  # Add some spacing to account for the circle
+                    value=st.session_state[toggle_key],
+                    key=toggle_key  # Use toggle_key directly as the key
+                )
     
     # Individual Precision-Recall plots for each class
     unique_classes = class_data['Class'].unique()

app.py

@@ -35,7 +35,7 @@ st.markdown("""
 """, unsafe_allow_html=True)
 
 # Header
-col1, col2 = st.columns([0.15, 0.85])
+col1, col2 = st.columns([0.16, 0.84])
 with col1:
     st.image("nexar_logo.png", width=600)
 with col2:
@@ -221,30 +221,27 @@ with tab2:
                 # Get the consistent color for this model
                 color = model_colors[model]
                 
-                # Store toggle state in session state with unique key
+                # Initialize toggle state if needed
                 toggle_key = f"toggle_{model}"
                 if toggle_key not in st.session_state:
                     st.session_state[toggle_key] = True
-
-                # Create the checkbox with colored text
-                st.session_state[toggle_key] = container.checkbox(
-                    f"⬤ {model}",
-                    value=st.session_state[toggle_key],
-                    key=f"model_toggle_{model}"
-                )
                 
-                # Add colored style to the checkbox
+                # Create colored legend item with HTML
                 container.markdown(
                     f"""
-                    <style>
-                        [data-testid="stCheckbox"] label p {{
-                            color: {color};
-                            font-weight: bold;
-                        }}
-                    </style>
-                    """,
+                    <div style='display: flex; align-items: center; margin-bottom: -40px; pointer-events: none;'>
+                        <span style='display: inline-block; width: 12px; height: 12px; background-color: {color}; border-radius: 50%; margin-right: 8px;'></span>
+                    </div>
+                    """, 
                     unsafe_allow_html=True
                 )
+                
+                # Create the checkbox without reassigning to session state
+                container.checkbox(
+                    f"    {model}",  # Add some spacing to account for the circle
+                    value=st.session_state[toggle_key],
+                    key=toggle_key  # Use toggle_key directly as the key
+                )
     
     # Individual Precision-Recall plots for each class
     unique_classes = class_data['Class'].unique()