修复bug

Author: purpleroc

src/components/ConfigPanel.tsx

@@ -51,36 +51,50 @@ const ConfigPanel: React.FC<ConfigPanelProps> = ({ onConfigLoad, selectedConfig,
         auth: authConfig // 添加认证配置
       };
 
+      console.log('[ConfigPanel] 开始连接服务器:', serverConfig);
       const result = await dispatch(connectToServer(serverConfig) as any).unwrap();
+      console.log('[ConfigPanel] 连接成功，结果:', result);
       message.success(t.config.messages.connectSuccess);
 
       // 确定最终的配置（如果服务器返回了名称且用户没有填写名称，使用服务器名称）
       const finalConfig = (result.serverInfo && (!values.name || values.name === 'MCP Server'))
         ? { ...serverConfig, name: result.serverInfo.serverInfo.name }
         : serverConfig;
 
+      console.log('[ConfigPanel] 最终配置:', finalConfig);
+      
       // 如果服务器返回了名称且用户没有填写名称，更新表单显示
       if (result.serverInfo && (!values.name || values.name === 'MCP Server')) {
         form.setFieldsValue({ name: result.serverInfo.serverInfo.name });
       }
 
       // 连接成功后自动保存配置
       if (autoSave) {
+        console.log('[ConfigPanel] 自动保存配置，autoSave:', autoSave);
         const saved = storage.saveMCPConfig(finalConfig);
+        console.log('[ConfigPanel] 配置保存结果:', saved);
         if (saved) {
           message.success(t.config.messages.configSavedAuto);
           // 通知刷新配置列表
           if (onConfigSaved) {
+            console.log('[ConfigPanel] 通知刷新配置列表');
             onConfigSaved();
           }
+        } else {
+          console.error('[ConfigPanel] 配置保存失败');
+          message.error(t.errors.saveConfigFailed);
         }
+      } else {
+        console.log('[ConfigPanel] 自动保存已禁用，autoSave:', autoSave);
       }
 
       // 通知父组件配置已加载
       if (onConfigLoad) {
+        console.log('[ConfigPanel] 通知父组件配置已加载');
         onConfigLoad(finalConfig);
       }
     } catch (error) {
+      console.error('[ConfigPanel] 连接失败:', error);
       message.error(`${t.config.messages.connectFailed}: ${error}`);
     }
   };

src/services/mcpClient.ts

@@ -282,6 +282,7 @@ class BrowserMCPClient {
       const wrappedResolve = (value: any) => {
         clearTimeout(timeout);
         console.log('[BrowserMCPClient] 初始化成功，清除超时器');
+        console.log('[BrowserMCPClient] 收到的响应值:', value);
 
         // 检查响应是否是初始化响应
         if (value && (value.protocolVersion || value.serverInfo || value.capabilities)) {
@@ -295,6 +296,7 @@ class BrowserMCPClient {
             capabilities: { tools: true, resources: true, prompts: true },
             serverInfo: { name: 'MCP Server', version: '1.0.0' }
           };
+          console.log('[BrowserMCPClient] 使用默认响应:', defaultResponse);
           resolve(defaultResponse);
         }
       };
@@ -352,13 +354,8 @@ class BrowserMCPClient {
           }
 
           console.log('[BrowserMCPClient] 准备resolve Promise, ID:', message.id);
-          // 确保返回正确的响应格式
-          const response = {
-            result: message.result,
-            error: message.error,
-            id: message.id
-          };
-          pending.resolve(response);
+          // 直接返回result部分，因为wrappedResolve期望的是result
+          pending.resolve(message.result);
           console.log('[BrowserMCPClient] Promise已resolve, ID:', message.id);
         }
       } else {

src/store/mcpSlice.ts

@@ -82,7 +82,9 @@ export const connectToServer = createAsyncThunk(
       dispatch(setPrompts([]));
 
       mcpClient.configure(config);
+      console.log('[mcpSlice] 开始连接MCP服务器，配置:', config);
       const serverInfo = await mcpClient.connect();
+      console.log('[mcpSlice] MCP服务器连接成功，服务器信息:', serverInfo);
 
       // 连接成功后，使用MCPClient已经预处理好的组件数据
       let hasAnyData = false;
@@ -454,6 +456,8 @@ const mcpSlice = createSlice({
         state.connectionStatus = 'connected';
         state.isLoading = false;
 
+        console.log('[mcpSlice] 连接成功，payload:', action.payload);
+        
         // 如果用户没有填写名称或使用默认名称，则使用服务器返回的名称
         let finalConfig = action.payload.config;
         if (action.payload.serverInfo && 
@@ -464,10 +468,13 @@ const mcpSlice = createSlice({
           };
         }
 
+        console.log('[mcpSlice] 最终配置:', finalConfig);
+        
         state.serverConfig = finalConfig;
         state.serverInfo = action.payload.serverInfo;
         // 保存服务器配置到localStorage（使用最终的配置）
         storage.saveServerConfig(finalConfig);
+        console.log('[mcpSlice] 服务器配置已保存到localStorage');
       })
       .addCase(connectToServer.rejected, (state, action) => {
         state.connectionStatus = 'error';

src/utils/storage.ts

@@ -45,17 +45,22 @@ export const storage = {
    */
   saveMCPConfig: (config: MCPServerConfig) => {
     try {
+      console.log('[storage] 开始保存MCP配置:', config);
       const configs = storage.getSavedConfigs();
+      console.log('[storage] 当前已保存的配置数量:', configs.length);
 
       // 检查是否已存在相同名称的配置，如果存在则更新
       const existingIndex = configs.findIndex(c => c.name === config.name);
       if (existingIndex >= 0) {
+        console.log('[storage] 更新已存在的配置:', config.name);
         configs[existingIndex] = { ...config, updatedAt: Date.now() };
       } else {
+        console.log('[storage] 添加新配置:', config.name);
         configs.push({ ...config, createdAt: Date.now(), updatedAt: Date.now() });
       }
 
       localStorage.setItem(STORAGE_KEYS.SAVED_CONFIGS, JSON.stringify(configs));
+      console.log('[storage] 配置保存成功，当前配置总数:', configs.length);
       return true;
     } catch (error) {
       console.error('保存MCP配置失败:', error);