Add search button in header for touchscreen command palette access

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

server/src/wled_controller/static/css/layout.css

@@ -172,6 +172,7 @@ h2 {
 }
 
 /* Theme Toggle */
+.search-toggle,
 .theme-toggle {
     background: var(--card-bg);
     border: 1px solid var(--border-color);
@@ -183,6 +184,7 @@ h2 {
     margin-left: 0;
 }
 
+.search-toggle:hover,
 .theme-toggle:hover {
     transform: scale(1.1);
 }

server/src/wled_controller/static/locales/en.json

@@ -854,6 +854,7 @@
   "targets.brightness_vs.hint": "Optional value source that dynamically controls brightness each frame (overrides device brightness)",
   "targets.brightness_vs.none": "None (device brightness)",
 
+  "search.open": "Search (Ctrl+K)",
   "search.placeholder": "Search entities... (Ctrl+K)",
   "search.loading": "Loading...",
   "search.no_results": "No results found",

server/src/wled_controller/static/locales/ru.json

@@ -854,6 +854,7 @@
   "targets.brightness_vs.hint": "Необязательный источник значений для динамического управления яркостью каждый кадр (переопределяет яркость устройства)",
   "targets.brightness_vs.none": "Нет (яркость устройства)",
 
+  "search.open": "Поиск (Ctrl+K)",
   "search.placeholder": "Поиск... (Ctrl+K)",
   "search.loading": "Загрузка...",
   "search.no_results": "Ничего не найдено",

server/src/wled_controller/templates/index.html

@@ -28,6 +28,9 @@
             </div>
             <div class="server-info">
                 <a href="/docs" target="_blank" class="header-link" data-i18n-title="app.api_docs" title="API Docs">API</a>
+                <button class="search-toggle" onclick="openCommandPalette()" data-i18n-title="search.open" title="Search (Ctrl+K)">
+                    🔍
+                </button>
                 <button class="theme-toggle" onclick="toggleTheme()" data-i18n-title="theme.toggle" title="Toggle theme">
                     <span id="theme-icon">🌙</span>
                 </button>