add global config support

frontend/js/ui.js

@@ -227,4 +227,58 @@ export function createPresetSelectionModal(presets) {
 
         modalContainer.addEventListener('click', eventHandler);
     });
+}
+
+export function createCustomSelect(containerId, options, onSelect) {
+    const container = document.getElementById(containerId);
+    if (!container) return;
+    
+    // 从容器的ID动态生成隐藏input的name属性
+    // 例如, id 'select-log-level' -> name 'log_level'
+    const inputName = container.id.replace('select-', '').replace(/-/g, '_');
+
+    container.innerHTML = `<div class="select-selected"></div><div class="select-items"></div><input type="hidden" name="${inputName}">`;
+    const selectedDiv = container.querySelector('.select-selected');
+    const itemsDiv = container.querySelector('.select-items');
+    const hiddenInput = container.querySelector('input[type="hidden"]');
+    itemsDiv.innerHTML = '';
+
+    if (!options || options.length === 0) {
+        selectedDiv.textContent = '无可用选项';
+        return;
+    }
+    
+    options.forEach((option, index) => {
+        const item = document.createElement('div');
+        item.textContent = option;
+        item.dataset.value = option;
+        if (index === 0) {
+            selectedDiv.textContent = option;
+            hiddenInput.value = option;
+        }
+        item.addEventListener('click', function(e) {
+            selectedDiv.textContent = this.textContent;
+            hiddenInput.value = this.dataset.value;
+            itemsDiv.classList.remove('select-show');
+            selectedDiv.classList.remove('select-arrow-active');
+            onSelect && onSelect(this.dataset.value);
+            e.stopPropagation();
+        });
+        itemsDiv.appendChild(item);
+    });
+    selectedDiv.addEventListener('click', (e) => {
+        e.stopPropagation();
+        document.querySelectorAll('.select-items.select-show').forEach(openSelect => {
+            if (openSelect !== itemsDiv) {
+                openSelect.classList.remove('select-show');
+                openSelect.previousElementSibling.classList.remove('select-arrow-active');
+            }
+        });
+        itemsDiv.classList.toggle('select-show');
+        selectedDiv.classList.toggle('select-arrow-active');
+    });
+    document.addEventListener('click', () => {
+        itemsDiv.classList.remove('select-show');
+        if(selectedDiv) selectedDiv.classList.remove('select-arrow-active');
+    });
 }