Apply IconSelect to all type selectors across the app

- Value source type (5 types, static icons)
- Device type (7 types, new wifi/usb icon paths + device icon map)
- Capture engine (dynamic from API, uses getEngineIcon)
- Audio engine (dynamic from API, new getAudioEngineIcon)
- Add i18n description keys for value source and device types
- Fix trigger button styling to match native input height

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

server/src/wled_controller/static/js/features/device-discovery.js

@@ -11,6 +11,8 @@ import { t } from '../core/i18n.js';
 import { showToast } from '../core/ui.js';
 import { Modal } from '../core/modal.js';
 import { _computeMaxFps, _renderFpsHint } from './devices.js';
+import { getDeviceTypeIcon } from '../core/icons.js';
+import { IconSelect } from '../core/icon-select.js';
 
 class AddDeviceModal extends Modal {
     constructor() { super('add-device-modal'); }
@@ -33,8 +35,31 @@ class AddDeviceModal extends Modal {
 
 const addDeviceModal = new AddDeviceModal();
 
+/* ── Icon-grid type selector ──────────────────────────────────── */
+
+const DEVICE_TYPE_KEYS = ['wled', 'adalight', 'ambiled', 'mqtt', 'ws', 'openrgb', 'mock'];
+
+function _buildDeviceTypeItems() {
+    return DEVICE_TYPE_KEYS.map(key => ({
+        value: key,
+        icon: getDeviceTypeIcon(key),
+        label: t(`device.type.${key}`),
+        desc: t(`device.type.${key}.desc`),
+    }));
+}
+
+let _deviceTypeIconSelect = null;
+
+function _ensureDeviceTypeIconSelect() {
+    const sel = document.getElementById('device-type');
+    if (!sel) return;
+    if (_deviceTypeIconSelect) { _deviceTypeIconSelect.updateItems(_buildDeviceTypeItems()); return; }
+    _deviceTypeIconSelect = new IconSelect({ target: sel, items: _buildDeviceTypeItems(), columns: 3 });
+}
+
 export function onDeviceTypeChanged() {
     const deviceType = document.getElementById('device-type').value;
+    if (_deviceTypeIconSelect) _deviceTypeIconSelect.setValue(deviceType);
     const urlGroup = document.getElementById('device-url-group');
     const urlInput = document.getElementById('device-url');
     const serialGroup = document.getElementById('device-serial-port-group');
@@ -272,6 +297,7 @@ export function showAddDevice() {
     document.getElementById('device-serial-port').innerHTML = '';
     const scanBtn = document.getElementById('scan-network-btn');
     if (scanBtn) scanBtn.disabled = false;
+    _ensureDeviceTypeIconSelect();
     addDeviceModal.open();
     onDeviceTypeChanged();
     setTimeout(() => {