3.5.3

Make profile bar sticky
Change to 24 hour cycle

assets/js/app.js

@@ -896,7 +896,7 @@ export function UTCIForecast() {
                           class=${`scope-play ${(playing || simMs != null) ? 'is-playing' : ''}`}
                           onClick=${() => { if (playing || simMs != null) { setPlaying(false); setSimMs(null); } else setPlaying(true); }}
                           title=${playing ? 'Stop time-lapse' : 'Play a 24-hour time-lapse on the scope'}>
-                    <span class="scope-play-icon">${(playing || simMs != null) ? '◼' : '▶'}</span><span class="scope-play-label">${simClock ?? 'Day cycle'}</span>
+                    <span class="scope-play-icon">${(playing || simMs != null) ? '◼' : '▶'}</span><span class="scope-play-label">${simClock ?? 'Cycle 24h'}</span>
                   </button>
                   <${DayTimeline}
                     windowStart=${windowStart}

assets/js/components/DayTabs.js

@@ -34,7 +34,7 @@
 import { h, Fragment } from '../../vendor/preact.js';
 import htm from '../../vendor/htm.js';
 import { confidenceBand, utciCategory, VEHICLE_SPEEDS, VEHICLE_TYPES, BUILDING_TYPES, FUR_COLORS } from '../utils.js';
-import { FREE_DAYS, UTCI_ENVIRONMENTS, deriveProfileMain } from '../config.js';
+import { FREE_DAYS, UTCI_ENVIRONMENTS, deriveProfileMain, FILTER_PROFILES, variantIcons } from '../config.js';
 import { calcVehicleInteriorTemp } from '../physics.js';
 import { CloudIcon, PrecipIcon, HouseIcon, CarIcon, FogIcon, IceIcon } from '../components.js';
 import { SubscribeModal } from './SubscribeModal.js';
@@ -175,7 +175,12 @@ export function DayTabs({
         title="Change profile & settings">
         <span class="active-profile-row-item">
           <span class="active-profile-row-label">Profile</span>
-          <span class="active-profile-row-value">${mainLabel}</span>
+          <span class="active-profile-row-value">
+            ${activeProfile === 'outdoors' 
+              ? (variantIcons[outdoorsVariant] || '🌤️') 
+              : (FILTER_PROFILES[activeProfile]?.icon || '🎯')}
+            ${mainLabel}
+          </span>
         </span>
         ${mainConfigValue && html`
           <span class="active-profile-row-sep" aria-hidden="true">·</span>