fix popup ui

src/entrypoints/background.ts

@@ -1,11 +1,32 @@
 import { browser, type Browser } from 'wxt/browser';
 import {ContentActionType, ProxyActionType} from '@/types/action';
 import { getCurrentProxyMode, switchProxyMode } from '@/utils/proxy';
+import { getProxyConfig, saveProxyConfig } from '@/utils/storage';
+import type { ProxyConfig } from '@/types/proxy';
+
+// 固定的代理模式配置
+const FIXED_MODES = [
+  {
+    id: 'direct',
+    name: '[直接连接]',
+    proxyType: 'direct',
+    enabled: false
+  },
+  {
+    id: 'system',
+    name: '[系统代理]',
+    proxyType: 'system',
+    enabled: false
+  }
+];
 
 export default defineBackground({
   type: 'module',
   
-  main() {
+  async main() {
+    // 初始化固定模式的代理配置
+    await initializeFixedModes();
+    
     // 初始化代理状态监听
     browser.runtime.onMessage.addListener((message: any, sender: Browser.runtime.MessageSender, sendResponse: (response?: any) => void) => {
       if (message.action === ProxyActionType.GET_PROXY_STATUS) {
@@ -34,3 +55,19 @@ export default defineBackground({
     console.log('代理管理后台服务已启动');
   },
 });
+
+// 初始化固定模式的代理配置
+async function initializeFixedModes() {
+  try {
+    // 确保固定模式的配置已保存到数据库
+    for (const modeConfig of FIXED_MODES) {
+      const existingConfig = await getProxyConfig(modeConfig.id);
+      if (!existingConfig) {
+        console.log(`初始化固定模式配置: ${modeConfig.id}`);
+        await saveProxyConfig(modeConfig as ProxyConfig);
+      }
+    }
+  } catch (error) {
+    console.error('初始化固定模式配置失败:', error);
+  }
+}