From 468cfa20225a2de6f0db09f7a0fd08a041a297b0 Mon Sep 17 00:00:00 2001
From: "alexei.dolgolyov" <dolgolyov.alexei@gmail.com>
Date: Tue, 24 Feb 2026 20:42:23 +0300
Subject: [PATCH] Add brightness source badge to target cards, clean up FPS
 badge

Show brightness value source name on LED and KC target cards when
configured. Remove redundant 'fps' text from FPS badges.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../src/wled_controller/static/js/features/kc-targets.js  | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/server/src/wled_controller/static/js/features/kc-targets.js b/server/src/wled_controller/static/js/features/kc-targets.js
index 97dac04..c0ea4fb 100644
--- a/server/src/wled_controller/static/js/features/kc-targets.js
+++ b/server/src/wled_controller/static/js/features/kc-targets.js
@@ -35,7 +35,7 @@ class KCEditorModal extends Modal {
 
 const kcEditorModal = new KCEditorModal();
 
-export function createKCTargetCard(target, sourceMap, patternTemplateMap) {
+export function createKCTargetCard(target, sourceMap, patternTemplateMap, valueSourceMap) {
     const state = target.state || {};
     const metrics = target.metrics || {};
     const kcSettings = target.key_colors_settings || {};
@@ -50,6 +50,9 @@ export function createKCTargetCard(target, sourceMap, patternTemplateMap) {
     const patternName = patTmpl ? patTmpl.name : 'No pattern';
     const rectCount = patTmpl ? (patTmpl.rectangles || []).length : 0;
 
+    const bvsId = kcSettings.brightness_value_source_id || '';
+    const bvs = bvsId && valueSourceMap ? valueSourceMap[bvsId] : null;
+
     // Render initial color swatches from pre-fetched REST data
     let swatchesHtml = '';
     const latestColors = target.latestColors && target.latestColors.colors;
@@ -77,7 +80,8 @@ export function createKCTargetCard(target, sourceMap, patternTemplateMap) {
                 <span class="stream-card-prop" title="${t('kc.source')}">📺 ${escapeHtml(sourceName)}</span>
                 <span class="stream-card-prop" title="${t('kc.pattern_template')}">📄 ${escapeHtml(patternName)}</span>
                 <span class="stream-card-prop">▭ ${rectCount} rect${rectCount !== 1 ? 's' : ''}</span>
-                <span class="stream-card-prop" title="${t('kc.fps')}">⚡ ${kcSettings.fps ?? 10} fps</span>
+                <span class="stream-card-prop" title="${t('kc.fps')}">⚡ ${kcSettings.fps ?? 10}</span>
+                ${bvs ? `<span class="stream-card-prop stream-card-prop-full" title="${t('targets.brightness_vs')}">🔆 ${escapeHtml(bvs.name)}</span>` : ''}
             </div>
             <div class="brightness-control" data-kc-brightness-wrap="${target.id}">
                 <input type="range" class="brightness-slider" min="0" max="255"