From 66c80452e31951e810916780eef68137ef72e858 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 11 Jan 2026 11:46:26 +0000
Subject: [PATCH 1/4] Initial plan


From 8eba68e47a08834229407ab13d96967c270a5f4a Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 11 Jan 2026 11:54:13 +0000
Subject: [PATCH 2/4] Add Restore Default Claude CLI button to settings page

Co-authored-by: simon-ami <102378134+simon-ami@users.noreply.github.com>
---
 public/js/components/claude-config.js | 23 +++++++++++++++++
 public/js/store.js                    |  6 +++++
 public/views/settings.html            | 11 +++++++-
 src/utils/claude-config.js            | 29 +++++++++++++++++++++
 src/webui/index.js                    | 37 ++++++++++++++++++++++++++-
 5 files changed, 104 insertions(+), 2 deletions(-)

diff --git a/public/js/components/claude-config.js b/public/js/components/claude-config.js
index d240ab0..af5bb00 100644
--- a/public/js/components/claude-config.js
+++ b/public/js/components/claude-config.js
@@ -9,6 +9,7 @@ window.Components.claudeConfig = () => ({
     configPath: '', // Dynamic path from backend
     models: [],
     loading: false,
+    restoring: false,
     gemini1mSuffix: false,
 
     // Model fields that may contain Gemini model names
@@ -141,5 +142,27 @@ window.Components.claudeConfig = () => ({
         } finally {
             this.loading = false;
         }
+    },
+
+    async restoreDefaultClaudeConfig() {
+        this.restoring = true;
+        const password = Alpine.store('global').webuiPassword;
+        try {
+            const { response, newPassword } = await window.utils.request('/api/claude/config/restore', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' }
+            }, password);
+            if (newPassword) Alpine.store('global').webuiPassword = newPassword;
+
+            if (!response.ok) throw new Error(`HTTP ${response.status}`);
+            Alpine.store('global').showToast(Alpine.store('global').t('claudeConfigRestored'), 'success');
+
+            // Reload the config to reflect the changes
+            await this.fetchConfig();
+        } catch (e) {
+            Alpine.store('global').showToast(Alpine.store('global').t('restoreConfigFailed') + ': ' + e.message, 'error');
+        } finally {
+            this.restoring = false;
+        }
     }
 });
diff --git a/public/js/store.js b/public/js/store.js
index e8727ce..2cfef80 100644
--- a/public/js/store.js
+++ b/public/js/store.js
@@ -157,7 +157,10 @@ document.addEventListener('alpine:init', () => {
                 accountsReloaded: "Accounts reloaded",
                 reloadFailed: "Reload failed",
                 claudeConfigSaved: "Claude configuration saved",
+                claudeConfigRestored: "Claude CLI restored to defaults",
                 saveConfigFailed: "Failed to save configuration",
+                restoreConfigFailed: "Failed to restore configuration",
+                restoreDefault: "Restore Default",
                 claudeActive: "Claude Active",
                 claudeEmpty: "Claude Empty",
                 geminiActive: "Gemini Active",
@@ -406,7 +409,10 @@ document.addEventListener('alpine:init', () => {
                 accountsReloaded: "账号配置已重载",
                 reloadFailed: "重载失败",
                 claudeConfigSaved: "Claude 配置已保存",
+                claudeConfigRestored: "Claude CLI 已恢复默认设置",
                 saveConfigFailed: "保存配置失败",
+                restoreConfigFailed: "恢复配置失败",
+                restoreDefault: "恢复默认",
                 claudeActive: "Claude 活跃",
                 claudeEmpty: "Claude 耗尽",
                 geminiActive: "Gemini 活跃",
diff --git a/public/views/settings.html b/public/views/settings.html
index 1d1e844..180f419 100644
--- a/public/views/settings.html
+++ b/public/views/settings.html
@@ -523,7 +523,16 @@
                     </div>
                 </div>
 
-                <div class="flex justify-end pt-2">
+                <div class="flex justify-end pt-2 gap-3">
+                    <button class="btn btn-sm btn-ghost border border-space-border/50 hover:border-red-500/30 hover:bg-red-500/5 text-gray-400 hover:text-red-400 px-6 gap-2"
+                        @click="restoreDefaultClaudeConfig" :disabled="restoring">
+                        <svg x-show="!restoring" class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+                        </svg>
+                        <span x-show="!restoring" x-text="$store.global.t('restoreDefault')">Restore Default</span>
+                        <span x-show="restoring" class="loading loading-spinner loading-xs"></span>
+                    </button>
                     <button class="btn btn-sm bg-neon-purple hover:bg-purple-600 border-none text-white px-6 gap-2"
                         @click="saveClaudeConfig" :disabled="loading">
                         <svg x-show="!loading" class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
diff --git a/src/utils/claude-config.js b/src/utils/claude-config.js
index f7986e2..d4e0743 100644
--- a/src/utils/claude-config.js
+++ b/src/utils/claude-config.js
@@ -83,6 +83,35 @@ export async function updateClaudeConfig(updates) {
     }
 }
 
+/**
+ * Replace the global Claude CLI configuration entirely
+ * Unlike updateClaudeConfig, this replaces the config instead of merging.
+ *
+ * @param {Object} config - The new configuration to write
+ * @returns {Promise<Object>} The written configuration
+ */
+export async function replaceClaudeConfig(config) {
+    const configPath = getClaudeConfigPath();
+
+    // 1. Ensure .claude directory exists
+    const configDir = path.dirname(configPath);
+    try {
+        await fs.mkdir(configDir, { recursive: true });
+    } catch (error) {
+        // Ignore if exists
+    }
+
+    // 2. Write config directly (no merge)
+    try {
+        await fs.writeFile(configPath, JSON.stringify(config, null, 2), 'utf8');
+        logger.info(`[ClaudeConfig] Replaced config at ${configPath}`);
+        return config;
+    } catch (error) {
+        logger.error(`[ClaudeConfig] Failed to write config:`, error.message);
+        throw error;
+    }
+}
+
 /**
  * Simple deep merge for objects
  */
diff --git a/src/webui/index.js b/src/webui/index.js
index 9594621..13070f2 100644
--- a/src/webui/index.js
+++ b/src/webui/index.js
@@ -18,7 +18,7 @@ import { fileURLToPath } from 'url';
 import express from 'express';
 import { getPublicConfig, saveConfig, config } from '../config.js';
 import { DEFAULT_PORT, ACCOUNT_CONFIG_PATH } from '../constants.js';
-import { readClaudeConfig, updateClaudeConfig, getClaudeConfigPath } from '../utils/claude-config.js';
+import { readClaudeConfig, updateClaudeConfig, replaceClaudeConfig, getClaudeConfigPath } from '../utils/claude-config.js';
 import { logger } from '../utils/logger.js';
 import { getAuthorizationUrl, completeOAuthFlow, startCallbackServer } from '../auth/oauth.js';
 import { loadAccounts, saveAccounts } from '../account-manager/storage.js';
@@ -438,6 +438,41 @@ export function mountWebUI(app, dirname, accountManager) {
         }
     });
 
+    /**
+     * POST /api/claude/config/restore - Restore Claude CLI to default (remove proxy settings)
+     */
+    app.post('/api/claude/config/restore', async (req, res) => {
+        try {
+            const claudeConfig = await readClaudeConfig();
+
+            // Remove proxy-related environment variables to restore defaults
+            if (claudeConfig.env) {
+                delete claudeConfig.env.ANTHROPIC_BASE_URL;
+                delete claudeConfig.env.ANTHROPIC_AUTH_TOKEN;
+                delete claudeConfig.env.ANTHROPIC_MODEL;
+                delete claudeConfig.env.CLAUDE_CODE_SUBAGENT_MODEL;
+                delete claudeConfig.env.ANTHROPIC_DEFAULT_OPUS_MODEL;
+                delete claudeConfig.env.ANTHROPIC_DEFAULT_SONNET_MODEL;
+                delete claudeConfig.env.ANTHROPIC_DEFAULT_HAIKU_MODEL;
+                delete claudeConfig.env.ENABLE_EXPERIMENTAL_MCP_CLI;
+            }
+
+            // Use replaceClaudeConfig to completely overwrite the config (not merge)
+            const newConfig = await replaceClaudeConfig(claudeConfig);
+
+            logger.info(`[WebUI] Restored Claude CLI config to defaults at ${getClaudeConfigPath()}`);
+
+            res.json({
+                status: 'ok',
+                config: newConfig,
+                message: 'Claude CLI configuration restored to defaults'
+            });
+        } catch (error) {
+            logger.error('[WebUI] Error restoring Claude config:', error);
+            res.status(500).json({ status: 'error', error: error.message });
+        }
+    });
+
     /**
      * POST /api/models/config - Update model configuration (hidden/pinned/alias)
      */

From cd594f6e823372f47700b8ca029569893deca841 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 11 Jan 2026 11:56:01 +0000
Subject: [PATCH 3/4] Address code review: use constant array for proxy env
 vars and clean empty env

Co-authored-by: simon-ami <102378134+simon-ami@users.noreply.github.com>
---
 src/webui/index.js | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/webui/index.js b/src/webui/index.js
index 13070f2..2b32aac 100644
--- a/src/webui/index.js
+++ b/src/webui/index.js
@@ -445,16 +445,27 @@ export function mountWebUI(app, dirname, accountManager) {
         try {
             const claudeConfig = await readClaudeConfig();
 
+            // Proxy-related environment variables to remove when restoring defaults
+            const PROXY_ENV_VARS = [
+                'ANTHROPIC_BASE_URL',
+                'ANTHROPIC_AUTH_TOKEN',
+                'ANTHROPIC_MODEL',
+                'CLAUDE_CODE_SUBAGENT_MODEL',
+                'ANTHROPIC_DEFAULT_OPUS_MODEL',
+                'ANTHROPIC_DEFAULT_SONNET_MODEL',
+                'ANTHROPIC_DEFAULT_HAIKU_MODEL',
+                'ENABLE_EXPERIMENTAL_MCP_CLI'
+            ];
+
             // Remove proxy-related environment variables to restore defaults
             if (claudeConfig.env) {
-                delete claudeConfig.env.ANTHROPIC_BASE_URL;
-                delete claudeConfig.env.ANTHROPIC_AUTH_TOKEN;
-                delete claudeConfig.env.ANTHROPIC_MODEL;
-                delete claudeConfig.env.CLAUDE_CODE_SUBAGENT_MODEL;
-                delete claudeConfig.env.ANTHROPIC_DEFAULT_OPUS_MODEL;
-                delete claudeConfig.env.ANTHROPIC_DEFAULT_SONNET_MODEL;
-                delete claudeConfig.env.ANTHROPIC_DEFAULT_HAIKU_MODEL;
-                delete claudeConfig.env.ENABLE_EXPERIMENTAL_MCP_CLI;
+                for (const key of PROXY_ENV_VARS) {
+                    delete claudeConfig.env[key];
+                }
+                // Remove env entirely if empty to truly restore defaults
+                if (Object.keys(claudeConfig.env).length === 0) {
+                    delete claudeConfig.env;
+                }
             }
 
             // Use replaceClaudeConfig to completely overwrite the config (not merge)

From f3b494ebe89efe0f1659cd3136f431f787653437 Mon Sep 17 00:00:00 2001
From: simon-ami <sbenedict@gmx.de>
Date: Sun, 11 Jan 2026 16:43:25 +0100
Subject: [PATCH 4/4] Add confirmation dialog for restoring default config

- Add Restore Default confirmation modal to settings.html
- Add translation strings to store.js
- Update claude-config.js to trigger modal instead of immediate restore

Co-Authored-By: Claude <noreply@anthropic.com>
---
 public/js/components/claude-config.js |  9 ++++++++-
 public/js/store.js                    |  6 ++++++
 public/views/settings.html            | 27 +++++++++++++++++++++++++++
 3 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/public/js/components/claude-config.js b/public/js/components/claude-config.js
index af5bb00..a402913 100644
--- a/public/js/components/claude-config.js
+++ b/public/js/components/claude-config.js
@@ -144,7 +144,11 @@ window.Components.claudeConfig = () => ({
         }
     },
 
-    async restoreDefaultClaudeConfig() {
+    restoreDefaultClaudeConfig() {
+        document.getElementById('restore_defaults_modal').showModal();
+    },
+
+    async executeRestore() {
         this.restoring = true;
         const password = Alpine.store('global').webuiPassword;
         try {
@@ -157,6 +161,9 @@ window.Components.claudeConfig = () => ({
             if (!response.ok) throw new Error(`HTTP ${response.status}`);
             Alpine.store('global').showToast(Alpine.store('global').t('claudeConfigRestored'), 'success');
 
+            // Close modal
+            document.getElementById('restore_defaults_modal').close();
+
             // Reload the config to reflect the changes
             await this.fetchConfig();
         } catch (e) {
diff --git a/public/js/store.js b/public/js/store.js
index 2cfef80..e5a8ee2 100644
--- a/public/js/store.js
+++ b/public/js/store.js
@@ -161,6 +161,9 @@ document.addEventListener('alpine:init', () => {
                 saveConfigFailed: "Failed to save configuration",
                 restoreConfigFailed: "Failed to restore configuration",
                 restoreDefault: "Restore Default",
+                confirmRestoreTitle: "Confirm Restore",
+                confirmRestoreMessage: "Are you sure you want to restore Claude CLI to default settings? This will remove proxy configuration.",
+                confirmRestore: "Confirm Restore",
                 claudeActive: "Claude Active",
                 claudeEmpty: "Claude Empty",
                 geminiActive: "Gemini Active",
@@ -413,6 +416,9 @@ document.addEventListener('alpine:init', () => {
                 saveConfigFailed: "保存配置失败",
                 restoreConfigFailed: "恢复配置失败",
                 restoreDefault: "恢复默认",
+                confirmRestoreTitle: "确认恢复",
+                confirmRestoreMessage: "确定要将 Claude CLI 恢复为默认设置吗？这将移除代理配置。",
+                confirmRestore: "确认恢复",
                 claudeActive: "Claude 活跃",
                 claudeEmpty: "Claude 耗尽",
                 geminiActive: "Gemini 活跃",
diff --git a/public/views/settings.html b/public/views/settings.html
index 180f419..0760fbd 100644
--- a/public/views/settings.html
+++ b/public/views/settings.html
@@ -543,6 +543,33 @@
                         <span x-show="loading" class="loading loading-spinner loading-xs"></span>
                     </button>
                 </div>
+
+                <!-- Restore Defaults Confirmation Modal -->
+                <dialog id="restore_defaults_modal" class="modal">
+                    <div class="modal-box bg-space-900 border-2 border-red-500/50">
+                        <h3 class="font-bold text-lg text-red-400 flex items-center gap-2">
+                            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+                            </svg>
+                            <span x-text="$store.global.t('confirmRestoreTitle')">Confirm Restore</span>
+                        </h3>
+                        <p class="py-4 text-gray-300" x-text="$store.global.t('confirmRestoreMessage')">
+                            Are you sure you want to restore Claude CLI to default settings? This will remove proxy configuration.
+                        </p>
+                        <div class="modal-action">
+                            <button class="btn btn-ghost text-gray-400" onclick="document.getElementById('restore_defaults_modal').close()"
+                                x-text="$store.global.t('cancel')">Cancel</button>
+                            <button class="btn bg-red-500 hover:bg-red-600 border-none text-white" @click="executeRestore()"
+                                :disabled="restoring"
+                                :class="{ 'loading': restoring }">
+                                <span x-text="$store.global.t('confirmRestore')" x-show="!restoring">Confirm Restore</span>
+                            </button>
+                        </div>
+                    </div>
+                    <form method="dialog" class="modal-backdrop">
+                        <button>close</button>
+                    </form>
+                </dialog>
             </div>
 
             <!-- Tab 3: Models Configuration -->