From 83800e71faec6c6e7f91c41afbb8478933984226 Mon Sep 17 00:00:00 2001
From: "alexei.dolgolyov" <dolgolyov.alexei@gmail.com>
Date: Wed, 25 Feb 2026 02:49:47 +0300
Subject: [PATCH] Fix mock device RGBW badge, add icons to audio/value source
 card badges

Fall back to stored device rgbw field when health check doesn't report
it (mock devices have no hardware to query). Add emoji icons to all
property badges on audio source and value source cards.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../core/processing/processor_manager.py      |  9 +++++++-
 .../static/js/features/streams.js             |  4 ++--
 .../static/js/features/value-sources.js       | 22 +++++++++----------
 3 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/server/src/wled_controller/core/processing/processor_manager.py b/server/src/wled_controller/core/processing/processor_manager.py
index 53885f1..6772597 100644
--- a/server/src/wled_controller/core/processing/processor_manager.py
+++ b/server/src/wled_controller/core/processing/processor_manager.py
@@ -272,6 +272,13 @@ class ProcessorManager:
 
         ds = self._devices[device_id]
         h = ds.health
+        # Fall back to stored device rgbw when health check doesn't report it
+        # (e.g. mock devices have no real hardware to query)
+        rgbw = h.device_rgbw
+        if rgbw is None and self._device_store:
+            dev = self._device_store.get_device(device_id)
+            if dev:
+                rgbw = getattr(dev, "rgbw", False)
         return {
             "device_id": device_id,
             "device_online": h.online,
@@ -279,7 +286,7 @@ class ProcessorManager:
             "device_name": h.device_name,
             "device_version": h.device_version,
             "device_led_count": h.device_led_count,
-            "device_rgbw": h.device_rgbw,
+            "device_rgbw": rgbw,
             "device_led_type": h.device_led_type,
             "device_fps": h.device_fps,
             "device_last_checked": h.last_checked,
diff --git a/server/src/wled_controller/static/js/features/streams.js b/server/src/wled_controller/static/js/features/streams.js
index c48cbe4..43e2bf2 100644
--- a/server/src/wled_controller/static/js/features/streams.js
+++ b/server/src/wled_controller/static/js/features/streams.js
@@ -729,8 +729,8 @@ function renderPictureSourcesList(streams) {
             const parentName = parent ? parent.name : src.audio_source_id;
             const chLabel = src.channel === 'left' ? 'L' : src.channel === 'right' ? 'R' : 'M';
             propsHtml = `
-                <span class="stream-card-prop" title="${escapeHtml(t('audio_source.parent'))}">${escapeHtml(parentName)}</span>
-                <span class="stream-card-prop" title="${escapeHtml(t('audio_source.channel'))}">${chLabel}</span>
+                <span class="stream-card-prop" title="${escapeHtml(t('audio_source.parent'))}">🔊 ${escapeHtml(parentName)}</span>
+                <span class="stream-card-prop" title="${escapeHtml(t('audio_source.channel'))}">📻 ${chLabel}</span>
             `;
         } else {
             const devIdx = src.device_index ?? -1;
diff --git a/server/src/wled_controller/static/js/features/value-sources.js b/server/src/wled_controller/static/js/features/value-sources.js
index 907671a..97f95ba 100644
--- a/server/src/wled_controller/static/js/features/value-sources.js
+++ b/server/src/wled_controller/static/js/features/value-sources.js
@@ -267,35 +267,35 @@ export function createValueSourceCard(src) {
 
     let propsHtml = '';
     if (src.source_type === 'static') {
-        propsHtml = `<span class="stream-card-prop">${t('value_source.type.static')}: ${src.value ?? 1.0}</span>`;
+        propsHtml = `<span class="stream-card-prop">📊 ${t('value_source.type.static')}: ${src.value ?? 1.0}</span>`;
     } else if (src.source_type === 'animated') {
         const waveLabel = src.waveform || 'sine';
         propsHtml = `
-            <span class="stream-card-prop">${escapeHtml(waveLabel)}</span>
-            <span class="stream-card-prop">${src.speed ?? 10} cpm</span>
-            <span class="stream-card-prop">${src.min_value ?? 0}–${src.max_value ?? 1}</span>
+            <span class="stream-card-prop">〰️ ${escapeHtml(waveLabel)}</span>
+            <span class="stream-card-prop">⏱️ ${src.speed ?? 10} cpm</span>
+            <span class="stream-card-prop">↕️ ${src.min_value ?? 0}–${src.max_value ?? 1}</span>
         `;
     } else if (src.source_type === 'audio') {
         const audioSrc = _cachedAudioSources.find(a => a.id === src.audio_source_id);
         const audioName = audioSrc ? audioSrc.name : (src.audio_source_id || '-');
         const modeLabel = src.mode || 'rms';
         propsHtml = `
-            <span class="stream-card-prop" title="${escapeHtml(t('value_source.audio_source'))}">${escapeHtml(audioName)}</span>
-            <span class="stream-card-prop">${modeLabel.toUpperCase()}</span>
-            <span class="stream-card-prop">${src.min_value ?? 0}–${src.max_value ?? 1}</span>
+            <span class="stream-card-prop" title="${escapeHtml(t('value_source.audio_source'))}">🎵 ${escapeHtml(audioName)}</span>
+            <span class="stream-card-prop">📈 ${modeLabel.toUpperCase()}</span>
+            <span class="stream-card-prop">↕️ ${src.min_value ?? 0}–${src.max_value ?? 1}</span>
         `;
     } else if (src.source_type === 'adaptive_time') {
         const pts = (src.schedule || []).length;
         propsHtml = `
-            <span class="stream-card-prop">${pts} ${t('value_source.schedule.points')}</span>
-            <span class="stream-card-prop">${src.min_value ?? 0}–${src.max_value ?? 1}</span>
+            <span class="stream-card-prop">📍 ${pts} ${t('value_source.schedule.points')}</span>
+            <span class="stream-card-prop">↕️ ${src.min_value ?? 0}–${src.max_value ?? 1}</span>
         `;
     } else if (src.source_type === 'adaptive_scene') {
         const ps = _cachedStreams.find(s => s.id === src.picture_source_id);
         const psName = ps ? ps.name : (src.picture_source_id || '-');
         propsHtml = `
-            <span class="stream-card-prop">${escapeHtml(psName)}</span>
-            <span class="stream-card-prop">${src.scene_behavior || 'complement'}</span>
+            <span class="stream-card-prop">🖥️ ${escapeHtml(psName)}</span>
+            <span class="stream-card-prop">🔄 ${src.scene_behavior || 'complement'}</span>
         `;
     }