feat(map): Enhance map display with new customization options

Introduces several new settings to customize the appearance and behavior of the map display in `map.html`.

-   **Hide Vote Count Numbers:** Adds a `hideNumbers` parameter to toggle the visibility of numerical vote counts on map markers, allowing for a cleaner "dots only" view.
-   **Color Intensity for Markers:** Implements a `colorIntensity` parameter that applies a red color gradient to markers based on their vote count. Higher counts result in a darker, more intense red.
-   **Map HUD Scale:** Adds a `mapScale` parameter to adjust the overall scale of the map's HUD elements (e.g., markers, labels).
-   **UI Integration:** Provides new controls in `popup.html` for users to configure these settings:
    -   Checkboxes for `Hide vote count numbers` and `Red color intensity`.
    -   A dropdown selector for `HUD Scale` with various percentage options.
-   **Improved Settings Handling:** Updates `map.html` to robustly apply these new settings from URL parameters, payload updates, and individual popup setting changes.
-   **Poll Preset Retrieval:** Streamlines the `getpollpresets` callback logic in `background.js` by removing a redundant UUID check, improving the consistency of poll preset data handling.

[auto-enhanced]

Author: steveseguin

background.js

@@ -7170,7 +7170,7 @@ socketserver.addEventListener("message", async function (event) {
 			} else if (data.action && data.action === "getpollpresets") {
 				// Return list of saved poll presets
 				getPollPresets(function(presets) {
-					if (data.get && e.data.UUID) {
+					if (data.get) {
 						var ret = {};
 						ret.callback = {};
 						ret.callback.get = data.get;

map.html

@@ -354,7 +354,10 @@
             })(),
             motion: normalizeBoolean(getParam('motion') ?? getParam('mapmotion') ?? getParam('mapMotion'), false),
             autoStart: normalizeBoolean(getParam('autostart') ?? getParam('autoStart'), true),
-            autoFitMarkers: normalizeBoolean(getParam('autofit') ?? getParam('autoFit') ?? getParam('autofitmarkers') ?? getParam('autoFitMarkers') ?? getParam('mapautofit') ?? getParam('mapAutoFit'), false)
+            autoFitMarkers: normalizeBoolean(getParam('autofit') ?? getParam('autoFit') ?? getParam('autofitmarkers') ?? getParam('autoFitMarkers') ?? getParam('mapautofit') ?? getParam('mapAutoFit'), false),
+            hideNumbers: normalizeBoolean(getParam('hidenumbers') ?? getParam('hideNumbers') ?? getParam('maphidenumbers') ?? getParam('mapHideNumbers'), false),
+            colorIntensity: normalizeBoolean(getParam('colorintensity') ?? getParam('colorIntensity') ?? getParam('mapcolorintensity') ?? getParam('mapColorIntensity'), false),
+            mapScale: parseFloat(getParam('mapscale') ?? getParam('mapScale') ?? '100') / 100 || 1
         };
 
         const VALID_MAP_TYPES = new Set(['country', 'state', 'city']);
@@ -369,6 +372,11 @@
         const locationLabelEl = document.getElementById('location-label');
         const topListEl = document.getElementById('top-list');
         const hudEl = document.getElementById('hud');
+        // Apply initial map scale after hudEl is defined
+        if (settings.mapScale !== 1) {
+            hudEl.style.transform = `scale(${settings.mapScale})`;
+            hudEl.style.transformOrigin = 'bottom right';
+        }
         const svg = d3.select('#world-map');
         const mapLayer = svg.append('g');
         const markerLayer = svg.append('g');
@@ -768,6 +776,8 @@
         }
         applyStylePreset(settings.mapStyle);
         applyMotionPreference(settings.motion);
+        // Apply map scale is called after hudEl is defined
+
         if (settings.accent) document.documentElement.style.setProperty('--accent', settings.accent);
         if (settings.accentAlt) document.documentElement.style.setProperty('--accent-2', settings.accentAlt);
 
@@ -1729,6 +1739,15 @@
             applyMotionPreference(settings.motion);
         }
 
+        function applyMapScale() {
+            // Apply scale to the HUD element
+            if (hudEl) {
+                const scale = settings.mapScale || 1;
+                hudEl.style.transform = scale !== 1 ? `scale(${scale})` : '';
+                hudEl.style.transformOrigin = 'bottom right';
+            }
+        }
+
         function setMultiVote(value) {
             const next = !!value;
             if (settings.multiVote === next) return;
@@ -1805,7 +1824,22 @@
             enter.append('text')
                 .attr('text-anchor', 'middle')
                 .attr('y', 4)
-                .text(d => d.count);
+                .text(d => settings.hideNumbers ? '' : d.count)
+                .style('display', settings.hideNumbers ? 'none' : null);
+
+            // Calculate color based on settings
+            function getMarkerColor(count, maxCount) {
+                if (settings.colorIntensity) {
+                    // Red gradient: light pink (few votes) to intense red (many votes)
+                    const ratio = maxCount > 0 ? count / maxCount : 0;
+                    const minLightness = 35;  // intense red
+                    const maxLightness = 85;  // light pink
+                    const lightness = maxLightness - (ratio * (maxLightness - minLightness));
+                    const saturation = 70 + (ratio * 30); // 70-100% saturation
+                    return `hsl(0, ${saturation}%, ${lightness}%)`;
+                }
+                return null; // use default CSS accent color
+            }
 
             markers.merge(enter)
                 .attr('transform', d => {
@@ -1815,11 +1849,14 @@
                 .select('circle')
                 .transition().duration(400)
                 .attr('r', d => 8 + Math.log(d.count + 1) * 6)
-                .style('opacity', d => 0.4 + 0.6 * (d.count / (maxCount || 1)));
+                .style('opacity', d => settings.colorIntensity ? 0.85 : (0.4 + 0.6 * (d.count / (maxCount || 1))))
+                .style('fill', d => getMarkerColor(d.count, maxCount))
+                .style('stroke', d => getMarkerColor(d.count, maxCount));
 
             markers.merge(enter)
                 .select('text')
-                .text(d => d.count);
+                .text(d => settings.hideNumbers ? '' : d.count)
+                .style('display', settings.hideNumbers ? 'none' : null);
         }
 
         function triggerPulse(feature) {
@@ -1969,6 +2006,41 @@
                     }
                 }
             }
+            // Handle hide numbers setting
+            if (payload.mapHideNumbers && Object.prototype.hasOwnProperty.call(payload.mapHideNumbers, 'setting')) {
+                settings.hideNumbers = normalizeBoolean(payload.mapHideNumbers.setting, settings.hideNumbers);
+                if (ready) updateMarkers();
+            }
+            if (payload.maphidenumbers && Object.prototype.hasOwnProperty.call(payload.maphidenumbers, 'setting')) {
+                settings.hideNumbers = normalizeBoolean(payload.maphidenumbers.setting, settings.hideNumbers);
+                if (ready) updateMarkers();
+            }
+            // Handle color intensity setting
+            if (payload.mapColorIntensity && Object.prototype.hasOwnProperty.call(payload.mapColorIntensity, 'setting')) {
+                settings.colorIntensity = normalizeBoolean(payload.mapColorIntensity.setting, settings.colorIntensity);
+                if (ready) updateMarkers();
+            }
+            if (payload.mapcolorintensity && Object.prototype.hasOwnProperty.call(payload.mapcolorintensity, 'setting')) {
+                settings.colorIntensity = normalizeBoolean(payload.mapcolorintensity.setting, settings.colorIntensity);
+                if (ready) updateMarkers();
+            }
+            // Handle map scale setting
+            if (payload.mapScale && (payload.mapScale.setting !== undefined || payload.mapScale.numbersetting !== undefined)) {
+                const rawScale = payload.mapScale.numbersetting ?? payload.mapScale.setting;
+                const newScale = parseFloat(rawScale) / 100 || 1;
+                if (newScale !== settings.mapScale) {
+                    settings.mapScale = newScale;
+                    applyMapScale();
+                }
+            }
+            if (payload.mapscale && (payload.mapscale.setting !== undefined || payload.mapscale.numbersetting !== undefined)) {
+                const rawScale = payload.mapscale.numbersetting ?? payload.mapscale.setting;
+                const newScale = parseFloat(rawScale) / 100 || 1;
+                if (newScale !== settings.mapScale) {
+                    settings.mapScale = newScale;
+                    applyMapScale();
+                }
+            }
             hudEl.classList.toggle('hidden', !settings.showList && !settings.showTotals);
             updateStatusBanner();
         }
@@ -1988,6 +2060,17 @@
                 return;
             }
 
+            // Handle individual setting updates from popup (saveSetting format)
+            if (data.setting && data.value !== undefined) {
+                debugLog('individual setting update received', { setting: data.setting, value: data.value });
+                const payload = {};
+                payload[data.setting] = { setting: data.value };
+                applySettingsFromPayload(payload);
+                updateStats();
+                updateTopList();
+                return;
+            }
+
             if (data.chatmessage) {
                 if (!ready) {
                     pendingMessages.push(data);

popup.html

@@ -8570,12 +8570,39 @@ <h3 data-translate="map-settings">Map Settings</h3>
 										<option value="radar">Radar Sweep</option>
 									</select>
 								</div>
+								<br>
+								<div>
+									<label class="switch">
+										<input type="checkbox" data-target="map" data-param23="maphidenumbers" data-setting="mapHideNumbers" />
+										<span class="slider round"></span>
+									</label>
+									<span>🔢 Hide vote count numbers (show dots only)</span>
+								</div>
+								<br>
+								<div>
+									<label class="switch">
+										<input type="checkbox" data-target="map" data-param23="mapcolorintensity" data-setting="mapColorIntensity" />
+										<span class="slider round"></span>
+									</label>
+									<span>🔴 Red color intensity (more votes = darker red)</span>
+								</div>
+								<br>
+								<div>
+									<label>📐 HUD Scale:</label>
+									<select data-optionparam23="mapscale" data-target="map" id="mapScale">
+										<option value="50">50% (Small)</option>
+										<option value="75">75% (Medium)</option>
+										<option value="100" selected>100% (Default)</option>
+										<option value="125">125% (Large)</option>
+										<option value="150">150% (Extra Large)</option>
+									</select>
+								</div>
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
-			
+
 			<div class="link" title="End credits roll">
                 <h2 class="credits_mode_title">
                     <span class="title-group"><span class="emoji" aria-hidden="true">🎬</span><span data-translate="creditsmeter">Credits roll</span></span>