From dc719a55d5e5e7d45761b701d6e02878ec48087f Mon Sep 17 00:00:00 2001
From: Davide Scaini <davide.scaini@alumni.cern>
Date: Thu, 14 May 2026 15:57:20 +0200
Subject: [PATCH] explore: show width/opacity sliders in lines mode too

---
 site/src/components/Explore.svelte | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/site/src/components/Explore.svelte b/site/src/components/Explore.svelte
index 031fde9..45dba17 100644
--- a/site/src/components/Explore.svelte
+++ b/site/src/components/Explore.svelte
@@ -153,7 +153,7 @@
   function _updateHeatPaint(width: number, opacityPct: number) {
     if (!map) return;
     const p = _heatPaint(width, opacityPct);
-    for (const id of ['explore-heat-global', ...HEAT_TYPES.map(t => `explore-heat-${t}`)]) {
+    for (const id of ['explore-lines', 'explore-heat-global', ...HEAT_TYPES.map(t => `explore-heat-${t}`)]) {
       if (!map.getLayer(id)) continue;
       map.setPaintProperty(id, 'line-width',   p['line-width']);
       map.setPaintProperty(id, 'line-opacity', p['line-opacity']);
@@ -324,17 +324,17 @@
           <button class="pill small" class:active={heatmapMode === 'global'} onclick={() => heatmapMode = 'global'}>Global</button>
           <button class="pill small" class:active={heatmapMode === 'bytype'} onclick={() => heatmapMode = 'bytype'}>By type</button>
         </div>
-        <div class="slider-row">
-          <span class="slider-label">Width</span>
-          <input type="range" min="2" max="12" step="1" class="slider" bind:value={heatWidth} />
-          <span class="slider-val">{heatWidth}</span>
-        </div>
-        <div class="slider-row">
-          <span class="slider-label">Opacity</span>
-          <input type="range" min="3" max="30" step="1" class="slider" bind:value={heatOpacityPct} />
-          <span class="slider-val">{heatOpacityPct}%</span>
-        </div>
       {/if}
+      <div class="slider-row">
+        <span class="slider-label">Width</span>
+        <input type="range" min="2" max="12" step="1" class="slider" bind:value={heatWidth} />
+        <span class="slider-val">{heatWidth}</span>
+      </div>
+      <div class="slider-row">
+        <span class="slider-label">Opacity</span>
+        <input type="range" min="3" max="30" step="1" class="slider" bind:value={heatOpacityPct} />
+        <span class="slider-val">{heatOpacityPct}%</span>
+      </div>
     </section>
 
     <!-- Stats -->