From dac0c2d418329a082a423f4e4eb0da63ce598674 Mon Sep 17 00:00:00 2001
From: "alexei.dolgolyov" <dolgolyov.alexei@gmail.com>
Date: Thu, 26 Feb 2026 16:45:51 +0300
Subject: [PATCH] Hide immutable type field in color strip source edit modal

Type is set at creation and cannot be changed, so hide the selector
when editing (same pattern already used in value source editor).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 server/src/wled_controller/static/js/features/color-strips.js | 3 +++
 server/src/wled_controller/templates/modals/css-editor.html   | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/server/src/wled_controller/static/js/features/color-strips.js b/server/src/wled_controller/static/js/features/color-strips.js
index 7f68583..1a429b6 100644
--- a/server/src/wled_controller/static/js/features/color-strips.js
+++ b/server/src/wled_controller/static/js/features/color-strips.js
@@ -822,6 +822,9 @@ export async function showCSSEditor(cssId = null, cloneData = null) {
             document.getElementById('css-editor-led-count').value = css.led_count ?? 0;
         };
 
+        // Hide type selector in edit mode (type is immutable)
+        document.getElementById('css-editor-type-group').style.display = cssId ? 'none' : '';
+
         if (cssId) {
             const resp = await fetchWithAuth(`/color-strip-sources/${cssId}`);
             if (!resp.ok) throw new Error('Failed to load color strip source');
diff --git a/server/src/wled_controller/templates/modals/css-editor.html b/server/src/wled_controller/templates/modals/css-editor.html
index 5711a55..0e15aed 100644
--- a/server/src/wled_controller/templates/modals/css-editor.html
+++ b/server/src/wled_controller/templates/modals/css-editor.html
@@ -14,7 +14,7 @@
                     <input type="text" id="css-editor-name" data-i18n-placeholder="color_strip.name.placeholder" placeholder="Wall Strip" required>
                 </div>
 
-                <div class="form-group">
+                <div id="css-editor-type-group" class="form-group">
                     <div class="label-row">
                         <label for="css-editor-type" data-i18n="color_strip.type">Type:</label>
                         <button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?" data-i18n-aria-label="aria.hint">?</button>