feat(webui): add configuration presets for Claude CLI

- Add backend storage logic in `src/utils/claude-config.js` to save/load/delete presets
- Add API endpoints (`GET`, `POST`, `DELETE`) for presets in `src/webui/index.js`
- Update `public/views/settings.html` with new Presets UI card and modals
- Update `public/js/components/claude-config.js` with auto-load logic and unsaved changes protection
- Add translations (EN/ZH) for new UI elements in `public/js/store.js`
- Add integration tests in `tests/frontend/test-frontend-settings.cjs`
- Update compiled CSS

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

public/js/store.js

@@ -131,6 +131,24 @@ document.addEventListener('alpine:init', () => {
                 claudeSettingsAlertPrefix: "Settings below directly modify",
         claudeSettingsAlertSuffix: "Restart Claude CLI to apply.",
                 applyToClaude: "Apply to Claude CLI",
+                // Presets
+                configPresets: "Configuration Presets",
+                saveAsPreset: "Save as Preset",
+                deletePreset: "Delete Preset",
+                loadPreset: "Load preset into form",
+                load: "Load",
+                presetHint: "Select a preset to load it. Click \"Apply to Claude CLI\" to save changes.",
+                presetLoaded: "Preset loaded. Click \"Apply to Claude CLI\" to save.",
+                presetSaved: "Preset saved",
+                presetDeleted: "Preset deleted",
+                unsavedChangesTitle: "Unsaved Changes",
+                unsavedChangesMessage: "Your current configuration doesn't match any saved preset. If you switch, your current unsaved settings will be lost.",
+                loadAnyway: "Load Anyway",
+                savePresetTitle: "Save Preset",
+                savePresetDesc: "Save the current configuration as a reusable preset.",
+                presetName: "Preset Name",
+                presetNamePlaceholder: "e.g., My Work Setup",
+                savePreset: "Save Preset",
                 // Settings - Server
                 port: "Port",
                 uiVersion: "UI Version",
@@ -389,6 +407,24 @@ document.addEventListener('alpine:init', () => {
                 claudeSettingsAlertPrefix: "以下设置直接修改",
         claudeSettingsAlertSuffix: "重启 Claude CLI 生效。",
                 applyToClaude: "应用到 Claude CLI",
+                // Presets
+                configPresets: "配置预设",
+                saveAsPreset: "另存为预设",
+                deletePreset: "删除预设",
+                loadPreset: "加载预设到表单",
+                load: "加载",
+                presetHint: "选择预设以加载。点击“应用到 Claude CLI”以保存更改。",
+                presetLoaded: "预设已加载。点击“应用到 Claude CLI”以保存。",
+                presetSaved: "预设已保存",
+                presetDeleted: "预设已删除",
+                unsavedChangesTitle: "未保存的更改",
+                unsavedChangesMessage: "当前配置与任何已保存的预设都不匹配。如果切换预设，当前未保存的设置将会丢失。",
+                loadAnyway: "仍然加载",
+                savePresetTitle: "保存预设",
+                savePresetDesc: "将当前配置保存为可重复使用的预设。",
+                presetName: "预设名称",
+                presetNamePlaceholder: "例如：工作配置",
+                savePreset: "保存预设",
                 // Settings - Server
                 port: "端口",
                 uiVersion: "UI 版本",