Update pages/app.py

pages/app.py

@@ -19,15 +19,16 @@ import _common_m as common
 
 @solara.component
 def MainMapPanel(eco_color_map: dict, btype: str, season: str):
-    species     = common.selected_species.value
-    dropped     = tuple(sorted(common.dropped_ecoregions.value))
-    show_full   = common.show_full_ecoregions.value
-    show_range  = common.show_species_range.value  # Track the toggle state
-    mode        = common.map_interaction_mode.value
-    click_info  = common.clicked_ecoregion.value
-    selected_bm = common.basemap_name.value
-
-    # Pass show_range into the function and add it to dependencies
+    species          = common.selected_species.value
+    dropped          = tuple(sorted(common.dropped_ecoregions.value))
+    show_full        = common.show_full_ecoregions.value
+    show_range       = common.show_species_range.value  
+    show_occurrences = common.show_occurrences.value
+    mode             = common.map_interaction_mode.value
+    click_info       = common.clicked_ecoregion.value
+    selected_bm      = common.basemap_name.value
+
+    # Pass all toggles into the function and add them to dependencies
     m = solara.use_memo(
         lambda: common.create_m_map(
             species, 
@@ -37,6 +38,7 @@ def MainMapPanel(eco_color_map: dict, btype: str, season: str):
             dropped, 
             show_full, 
             show_range=show_range,
+            show_occurrences=show_occurrences,
             basemap=selected_bm
         ),
         dependencies=[
@@ -47,6 +49,7 @@ def MainMapPanel(eco_color_map: dict, btype: str, season: str):
             dropped, 
             show_full, 
             show_range,
+            show_occurrences,
             selected_bm
         ],
     )
@@ -97,6 +100,10 @@ def MainMapPanel(eco_color_map: dict, btype: str, season: str):
 
             # Map Toggles
             with solara.Row(style={"gap": "8px", "align-items": "center"}):
+                solara.Checkbox(
+                    label="Occurrences",
+                    value=common.show_occurrences,
+                )
                 solara.Checkbox(
                     label="Species range",
                     value=common.show_species_range,
@@ -117,7 +124,7 @@ def MainMapPanel(eco_color_map: dict, btype: str, season: str):
             style={"font-size": "0.76em", "color": "#888", "font-style": "italic", "flex-shrink": "0"},
         )
 
-       # Click info panel 
+       # Click info panel (z-index applied to stay above the map)
         solara.HTML(unsafe_innerHTML=f"""
             <div style="
                 background: #f5f5f5;
@@ -128,10 +135,12 @@ def MainMapPanel(eco_color_map: dict, btype: str, season: str):
                 line-height: 1.7em;
                 min-height: 40px;
                 flex-shrink: 0;
+                position: relative;
+                z-index: 10;
             ">{click_info}</div>
         """)
 
-        # Map widget 
+        # Map widget (z-index and overflow applied to prevent it from covering the toolbar)
         with solara.Column(style={
             "flex": "1", 
             "min-height": "0",