Align controller backend and data with new presets

Update palettes, profiles, tabs, preset sending, and ESPNow message format to match the new preset defaults and driver short-field schema.

src/static/presets.js

@@ -1176,6 +1176,9 @@ const sendPresetViaEspNow = (presetId, preset, deviceNames) => {
 // Expose for other scripts (tabs.js) so they can reuse the shared WebSocket.
 try {
   window.sendPresetViaEspNow = sendPresetViaEspNow;
+  // Expose a generic ESPNow sender so other scripts (tabs.js) can send
+  // non-preset messages such as global brightness.
+  window.sendEspnowRaw = sendEspnowMessage;
 } catch (e) {
   // window may not exist in some environments; ignore.
 }

src/static/tabs.js

@@ -262,6 +262,11 @@ async function loadTabContent(tabId) {
                 <div class="profiles-actions" style="margin-bottom: 1rem;">
                     <button class="btn btn-primary" id="preset-add-btn-tab">Add Preset</button>
                     <button class="btn btn-secondary" id="send-tab-presets-btn">Send Presets</button>
+                    <div style="display: flex; align-items: center; gap: 0.5rem; margin-left: auto;">
+                        <label for="tab-brightness-slider" style="white-space: nowrap;">Brightness</label>
+                        <input type="range" id="tab-brightness-slider" min="0" max="255" value="255">
+                        <span id="tab-brightness-value">255</span>
+                    </div>
                 </div>
                 <div id="presets-list-tab" class="presets-list">
                     <!-- Presets will be loaded here by presets.js -->
@@ -276,6 +281,31 @@ async function loadTabContent(tabId) {
                 sendTabPresets(tabId);
             });
         }
+
+        // Wire up per-tab brightness slider to send global brightness via ESPNow.
+        const brightnessSlider = container.querySelector('#tab-brightness-slider');
+        const brightnessValue = container.querySelector('#tab-brightness-value');
+        // Simple debounce so we don't spam ESPNow while dragging
+        let brightnessSendTimeout = null;
+        if (brightnessSlider && brightnessValue) {
+            brightnessSlider.addEventListener('input', (e) => {
+                const val = parseInt(e.target.value, 10) || 0;
+                brightnessValue.textContent = String(val);
+                if (brightnessSendTimeout) {
+                    clearTimeout(brightnessSendTimeout);
+                }
+                brightnessSendTimeout = setTimeout(() => {
+                    if (typeof window.sendEspnowRaw === 'function') {
+                        try {
+                            // Include version so led-driver accepts the message.
+                            window.sendEspnowRaw({ v: '1', b: val });
+                        } catch (err) {
+                            console.error('Failed to send brightness via ESPNow:', err);
+                        }
+                    }
+                }, 150);
+            });
+        }
         
         // Trigger presets loading if the function exists
         if (typeof renderTabPresets === 'function') {