@hirohsu/user-web-feedback 2.8.18 → 2.8.20

package/dist/cli.cjs

@@ -78231,11 +78231,11 @@ var init_prompt_aggregator = __esm({
     init_logger();
     COMPONENT_NAME_MAP = {
       "system_prompt": "SystemPrompt",
-      "mcp_tools": "MCPToolsPrompt",
+      "mcp_tools": "MCPTools",
       "mcp_tools_detailed": "MCPToolsDetailed",
       "user_context": "UserContext",
       "tool_results": "ToolResults",
-      "closing": "ClosingPrompt"
+      "closing": "Closing"
     };
     PromptAggregator = class _PromptAggregator {
       static instance;
@@ -78274,9 +78274,10 @@ var init_prompt_aggregator = __esm({
         const configs = this.getPromptConfigsWithDefaults();
         const isFirstCall = context.isFirstCall !== false;
         const configuredComponents = this.components.map((component) => {
-          const configId = Object.entries(COMPONENT_NAME_MAP).find(
+          const configEntry = Object.entries(COMPONENT_NAME_MAP).find(
             ([, name]) => name === component.getName()
-          )?.[0];
+          );
+          const configId = configEntry?.[0];
           const config2 = configId ? configs.find((c) => c.id === configId) : null;
           const order = config2 ? isFirstCall ? config2.firstOrder : config2.secondOrder : component.getOrder();
           const enabled = config2 ? config2.enabled : true;
@@ -78376,6 +78377,15 @@ var init_prompt_aggregator = __esm({
       getComponentNames() {
         return this.components.map((c) => c.getName());
       }
+      getPromptConfigsForDebug() {
+        const configs = this.getPromptConfigsWithDefaults();
+        return configs.map((c) => ({
+          id: c.id,
+          enabled: c.enabled,
+          firstOrder: c.firstOrder,
+          secondOrder: c.secondOrder
+        }));
+      }
       getPromptConfigsWithDefaults() {
         try {
           const configs = getPromptConfigs();
@@ -78478,61 +78488,6 @@ function formatToolResults(results) {
   }
   return lines.join("\n");
 }
-function buildToolsPrompt(tools, projectName, projectPath) {
-  if (tools.length === 0) {
-    return "";
-  }
-  const lines = [];
-  if (projectName || projectPath) {
-    lines.push("");
-    lines.push("## \u5C08\u6848\u80CC\u666F\u8CC7\u8A0A");
-    lines.push(`\u7576\u524D\u5C08\u6848: ${projectName || "\u672A\u547D\u540D\u5C08\u6848"}`);
-    if (projectPath) {
-      lines.push(`\u5C08\u6848\u8DEF\u5F91: ${projectPath}`);
-    }
-    lines.push("");
-    lines.push("**\u91CD\u8981\u6307\u793A**: \u5728\u56DE\u8986\u4E4B\u524D\uFF0C\u4F60\u61C9\u8A72\u5148\u4F7F\u7528 MCP \u5DE5\u5177\u4F86\u67E5\u8A62\u5C08\u6848\u7684\u80CC\u666F\u8CC7\u8A0A\uFF1A");
-    lines.push("1. \u5C08\u6848\u7684\u67B6\u69CB\u548C\u7D50\u69CB\uFF08\u5982\u4F7F\u7528 get_symbols_overview, list_dir \u7B49\uFF09");
-    lines.push("2. \u5C08\u6848\u7684\u958B\u767C\u8A08\u5283\u548C\u898F\u7BC4\uFF08\u5982\u8B80\u53D6 openspec \u76EE\u9304\u4E2D\u7684\u6587\u4EF6\uFF09");
-    lines.push("3. \u7576\u524D\u7684\u4EFB\u52D9\u548C\u9032\u5EA6");
-    lines.push("");
-    lines.push("**\u8ACB\u52D9\u5FC5\u5148\u8ABF\u7528\u5DE5\u5177\u67E5\u8A62\u5C08\u6848\u8CC7\u8A0A**\uFF0C\u7136\u5F8C\u6839\u64DA\u67E5\u8A62\u7D50\u679C\u63D0\u4F9B\u7CBE\u78BA\u7684\u56DE\u8986\u3002");
-  }
-  lines.push("");
-  lines.push("## MCP \u5DE5\u5177\u4F7F\u7528\u8AAA\u660E");
-  lines.push("");
-  lines.push("\u7576\u4F60\u9700\u8981\u4F7F\u7528\u5DE5\u5177\u6642\uFF0C\u8ACB\u56DE\u8986\u4E00\u500B JSON \u683C\u5F0F\u7684\u5DE5\u5177\u8ABF\u7528\u8ACB\u6C42\uFF08\u4E0D\u8981\u6709\u5176\u4ED6\u6587\u5B57\uFF09\uFF1A");
-  lines.push("");
-  lines.push("```json");
-  lines.push("{");
-  lines.push('  "tool_calls": [');
-  lines.push('    { "name": "\u5DE5\u5177\u540D\u7A31", "arguments": { "\u53C3\u6578\u540D": "\u53C3\u6578\u503C" } }');
-  lines.push("  ],");
-  lines.push('  "message": "\u8AAA\u660E\u4F60\u6B63\u5728\u505A\u4EC0\u9EBC\uFF08\u53EF\u9078\uFF09"');
-  lines.push("}");
-  lines.push("```");
-  lines.push("");
-  lines.push("\u5DE5\u5177\u57F7\u884C\u5F8C\uFF0C\u7D50\u679C\u6703\u56DE\u50B3\u7D66\u4F60\u3002\u4F60\u53EF\u4EE5\u7E7C\u7E8C\u8ABF\u7528\u66F4\u591A\u5DE5\u5177\uFF0C\u6216\u6839\u64DA\u7D50\u679C\u63D0\u4F9B\u6700\u7D42\u56DE\u8986\u3002");
-  lines.push("\u7576\u4F60\u4E0D\u9700\u8981\u8ABF\u7528\u5DE5\u5177\u6642\uFF0C\u76F4\u63A5\u4EE5\u7D14\u6587\u5B57\u56DE\u8986\u5373\u53EF\u3002");
-  lines.push("");
-  lines.push("## \u53EF\u7528\u5DE5\u5177\u5217\u8868");
-  lines.push("");
-  for (const tool of tools) {
-    lines.push(`### ${tool.name}`);
-    if (tool.description) {
-      lines.push(tool.description);
-    }
-    if (tool.inputSchema) {
-      lines.push("");
-      lines.push("\u53C3\u6578\u683C\u5F0F:");
-      lines.push("```json");
-      lines.push(JSON.stringify(tool.inputSchema, null, 2));
-      lines.push("```");
-    }
-    lines.push("");
-  }
-  return lines.join("\n");
-}
 var init_mcp_tool_parser = __esm({
   "src/utils/mcp-tool-parser.ts"() {
     "use strict";
@@ -78885,131 +78840,91 @@ async function generateCLIReply(request, cliSettings) {
   }
 }
 async function generateAPIReply(request) {
+  const startTime = Date.now();
   try {
     const cacheKey = `${request.aiMessage}:${request.userContext || ""}`;
     if (!request.toolResults) {
       const cached2 = cache.get(cacheKey);
       if (cached2 && Date.now() - cached2.timestamp < CACHE_TTL2) {
         logger.debug("[AI Service] \u4F7F\u7528\u5FEB\u53D6\u56DE\u8986");
-        return {
-          success: true,
-          reply: cached2.reply
-        };
+        return { success: true, reply: cached2.reply };
       }
     }
     logger.debug("[AI Service] \u7372\u53D6 AI \u8A2D\u5B9A");
     const settings = getAISettings();
-    logger.debug("[AI Service] AI \u8A2D\u5B9A\u7372\u53D6\u5B8C\u6210", {
-      hasApiKey: !!settings?.apiKey,
-      model: settings?.model,
-      hasMcpToolsPrompt: !!settings?.mcpToolsPrompt
-    });
     if (!settings || !settings.apiKey || settings.apiKey === "YOUR_API_KEY_HERE") {
       logger.warn("[AI Service] API Key \u672A\u8A2D\u5B9A\u6216\u7121\u6548");
-      return {
-        success: false,
-        error: "\u8ACB\u5148\u5728\u8A2D\u5B9A\u4E2D\u914D\u7F6E AI API Key"
-      };
+      return { success: false, error: "\u8ACB\u5148\u5728\u8A2D\u5B9A\u4E2D\u914D\u7F6E AI API Key" };
     }
-    let mcpToolsPrompt = "";
+    const aggregator = getPromptAggregator();
+    const cliSettings = getCLISettings();
+    let mcpTools = [];
     if (request.includeMCPTools) {
-      logger.debug("[AI Service] \u958B\u59CB\u7372\u53D6 MCP \u5DE5\u5177");
       try {
         const allTools = mcpClientManager.getAllTools();
-        logger.debug("[AI Service] MCP \u5DE5\u5177\u7372\u53D6\u5B8C\u6210", {
-          toolCount: allTools.length
-        });
-        if (settings.mcpToolsPrompt) {
-          logger.debug("[AI Service] \u4F7F\u7528\u8CC7\u6599\u5EAB\u4E2D\u7684 MCP \u5DE5\u5177\u63D0\u793A\u8A5E");
-          mcpToolsPrompt = settings.mcpToolsPrompt.replace(/\{project_name\}/g, request.projectName || "\u672A\u547D\u540D\u5C08\u6848").replace(/\{project_path\}/g, request.projectPath || "");
-          if (allTools.length > 0) {
-            logger.debug("[AI Service] \u9644\u52A0\u5DE5\u5177\u5217\u8868\u5230\u63D0\u793A\u8A5E");
-            mcpToolsPrompt += "\n\n## \u53EF\u7528\u5DE5\u5177\u5217\u8868\n\n";
-            for (const tool of allTools) {
-              mcpToolsPrompt += `### ${tool.name}
-`;
-              if (tool.description) {
-                mcpToolsPrompt += `${tool.description}
-`;
-              }
-              if (tool.inputSchema) {
-                mcpToolsPrompt += "\n\u53C3\u6578\u683C\u5F0F:\n```json\n";
-                mcpToolsPrompt += JSON.stringify(tool.inputSchema, null, 2);
-                mcpToolsPrompt += "\n```\n";
-              }
-              mcpToolsPrompt += "\n";
-            }
-          }
-        } else {
-          logger.debug("[AI Service] \u4F7F\u7528\u9810\u8A2D\u7684 buildToolsPrompt");
-          mcpToolsPrompt = buildToolsPrompt(allTools, request.projectName, request.projectPath);
-        }
-      } catch (error2) {
-        logger.warn("[AI Service] Failed to get MCP tools for AI prompt", error2);
+        mcpTools = allTools.map((t) => ({
+          name: t.name,
+          description: t.description,
+          inputSchema: t.inputSchema
+        }));
+      } catch {
+        logger.warn("[AI Service] \u7121\u6CD5\u7372\u53D6 MCP \u5DE5\u5177");
       }
     }
-    logger.debug("[AI Service] \u958B\u59CB\u751F\u6210\u56DE\u8986", {
-      hasSystemPrompt: !!settings.systemPrompt,
-      hasMcpToolsPrompt: !!mcpToolsPrompt,
-      temperature: settings.temperature,
-      maxTokens: settings.maxTokens
+    const context = aggregator.buildContextSync(request, settings, cliSettings, mcpTools);
+    context.mode = "api";
+    const aggregated = aggregator.aggregate(context);
+    const promptSent = aggregated.fullPrompt;
+    logger.debug("[AI Service] PromptAggregator \u69CB\u5EFA\u5B8C\u6210", {
+      componentCount: aggregated.sections.length,
+      sections: aggregated.sections.map((s) => `${s.name}(order:${s.order})`),
+      totalLength: promptSent.length,
+      tokenEstimate: aggregated.metadata.tokenEstimate
     });
-    const promptSent = buildPrompt(
-      settings.systemPrompt,
-      request.aiMessage,
-      request.userContext,
-      mcpToolsPrompt,
-      request.toolResults
-    );
-    const reply = await generateWithRetry(
+    const reply = await generateWithRetryFromPrompt(
       settings.apiKey,
       settings.model,
-      settings.systemPrompt,
-      request.aiMessage,
-      request.userContext,
+      promptSent,
       settings.temperature,
-      settings.maxTokens,
-      0,
-      mcpToolsPrompt,
-      request.toolResults
+      settings.maxTokens
     );
-    logger.debug("[AI Service] \u56DE\u8986\u751F\u6210\u5B8C\u6210", {
-      replyLength: reply.length
-    });
+    const elapsedMs = Date.now() - startTime;
     if (!request.toolResults) {
-      cache.set(cacheKey, {
-        reply,
-        timestamp: Date.now()
-      });
+      cache.set(cacheKey, { reply, timestamp: Date.now() });
       cleanExpiredCache();
     }
-    logger.debug("[AI Service] AI \u56DE\u8986\u8ACB\u6C42\u8655\u7406\u5B8C\u6210");
+    const promptConfigs = aggregator.getPromptConfigsForDebug();
     return {
       success: true,
       reply,
       promptSent,
-      mode: "api"
+      mode: "api",
+      debug: {
+        sections: aggregated.sections.map((s) => ({ name: s.name, order: s.order, length: s.content.length })),
+        tokenEstimate: aggregated.metadata.tokenEstimate,
+        totalPromptLength: promptSent.length,
+        elapsedMs,
+        model: settings.model,
+        temperature: settings.temperature,
+        maxTokens: settings.maxTokens,
+        mcpToolsCount: mcpTools.length,
+        componentCount: aggregated.sections.length,
+        promptConfigs
+      }
     };
   } catch (error2) {
+    const elapsedMs = Date.now() - startTime;
     logger.error("[AI Service] AI service error:", error2);
     return {
       success: false,
       error: error2 instanceof Error ? error2.message : "\u672A\u77E5\u932F\u8AA4",
-      mode: "api"
+      mode: "api",
+      debug: { elapsedMs }
     };
   }
 }
-async function generateWithRetry(apiKey, model, systemPrompt, aiMessage, userContext, temperature, maxTokens, retryCount = 0, mcpToolsPrompt = "", toolResults) {
+async function generateWithRetryFromPrompt(apiKey, model, prompt, temperature, maxTokens, retryCount = 0) {
   try {
-    logger.debug("[AI Service] generateWithRetry \u958B\u59CB", {
-      model,
-      retryCount,
-      hasSystemPrompt: !!systemPrompt,
-      hasMcpToolsPrompt: !!mcpToolsPrompt,
-      hasToolResults: !!toolResults,
-      temperature,
-      maxTokens
-    });
     const genAI = new GoogleGenerativeAI(apiKey);
     const generativeModel = genAI.getGenerativeModel({
       model,
@@ -79018,45 +78933,20 @@ async function generateWithRetry(apiKey, model, systemPrompt, aiMessage, userCon
         maxOutputTokens: maxTokens ?? 1e3
       }
     });
-    logger.debug("[AI Service] \u69CB\u5EFA\u63D0\u793A\u8A5E");
-    const prompt = buildPrompt(systemPrompt, aiMessage, userContext, mcpToolsPrompt, toolResults);
-    logger.debug("[AI Service] \u63D0\u793A\u8A5E\u69CB\u5EFA\u5B8C\u6210", {
-      promptLength: prompt.length
-    });
-    logger.debug("[AI Service] \u958B\u59CB\u8ABF\u7528 Google Gemini API");
+    logger.debug("[AI Service] \u958B\u59CB\u8ABF\u7528 API (PromptAggregator prompt)", { promptLength: prompt.length });
     const result = await generativeModel.generateContent(prompt);
-    logger.debug("[AI Service] API \u8ABF\u7528\u5B8C\u6210");
     const response = await result.response;
     const text = response.text();
     if (!text) {
       throw new Error("AI \u56DE\u8986\u70BA\u7A7A");
     }
-    logger.debug("[AI Service] \u56DE\u8986\u6587\u5B57\u7372\u53D6\u6210\u529F", {
-      textLength: text.length
-    });
     return text;
   } catch (error2) {
-    logger.debug("[AI Service] generateWithRetry \u767C\u751F\u932F\u8AA4", {
-      error: error2 instanceof Error ? error2.message : String(error2),
-      retryCount
-    });
     if (error2 instanceof Error) {
       if (error2.message.includes("429") || error2.message.includes("quota")) {
         if (retryCount < MAX_RETRIES) {
-          const delay = RETRY_DELAYS[retryCount] || 4e3;
-          await sleep(delay);
-          return generateWithRetry(
-            apiKey,
-            model,
-            systemPrompt,
-            aiMessage,
-            userContext,
-            temperature,
-            maxTokens,
-            retryCount + 1,
-            mcpToolsPrompt,
-            toolResults
-          );
+          await sleep(RETRY_DELAYS[retryCount] || 4e3);
+          return generateWithRetryFromPrompt(apiKey, model, prompt, temperature, maxTokens, retryCount + 1);
         }
         throw new Error("API \u914D\u984D\u5DF2\u7528\u76E1\u6216\u901F\u7387\u9650\u5236\uFF0C\u8ACB\u7A0D\u5F8C\u518D\u8A66");
       }
@@ -79064,51 +78954,13 @@ async function generateWithRetry(apiKey, model, systemPrompt, aiMessage, userCon
         throw new Error("API Key \u7121\u6548\uFF0C\u8ACB\u6AA2\u67E5\u8A2D\u5B9A");
       }
       if (retryCount < MAX_RETRIES) {
-        const delay = RETRY_DELAYS[retryCount] || 4e3;
-        await sleep(delay);
-        return generateWithRetry(
-          apiKey,
-          model,
-          systemPrompt,
-          aiMessage,
-          userContext,
-          temperature,
-          maxTokens,
-          retryCount + 1,
-          mcpToolsPrompt,
-          toolResults
-        );
+        await sleep(RETRY_DELAYS[retryCount] || 4e3);
+        return generateWithRetryFromPrompt(apiKey, model, prompt, temperature, maxTokens, retryCount + 1);
       }
     }
     throw error2;
   }
 }
-function buildPrompt(systemPrompt, aiMessage, userContext, mcpToolsPrompt = "", toolResults) {
-  let prompt = `${systemPrompt}
-
-`;
-  if (mcpToolsPrompt) {
-    prompt += mcpToolsPrompt + "\n\n";
-  }
-  prompt += `AI \u5DE5\u4F5C\u532F\u5831\uFF1A
-${aiMessage}
-
-`;
-  if (userContext) {
-    prompt += `\u4F7F\u7528\u8005\u4E0A\u4E0B\u6587\uFF1A
-${userContext}
-
-`;
-  }
-  if (toolResults) {
-    prompt += `\u5148\u524D\u5DE5\u5177\u57F7\u884C\u7D50\u679C\uFF1A
-${toolResults}
-
-`;
-  }
-  prompt += "\u8ACB\u751F\u6210\u4E00\u500B\u7C21\u6F54\u3001\u5C08\u696D\u7684\u56DE\u61C9\uFF1A";
-  return prompt;
-}
 function sleep(ms) {
   return new Promise((resolve2) => setTimeout(resolve2, ms));
 }
@@ -79208,7 +79060,6 @@ var init_ai_service = __esm({
     init_cli_executor();
     init_cli_detector();
     init_prompt_aggregator2();
-    init_mcp_tool_parser();
     MAX_RETRIES = 3;
     RETRY_DELAYS = [1e3, 2e3, 4e3];
     cache = /* @__PURE__ */ new Map();

package/dist/index.cjs

@@ -75118,11 +75118,11 @@ var init_prompt_aggregator = __esm({
     init_logger();
     COMPONENT_NAME_MAP = {
       "system_prompt": "SystemPrompt",
-      "mcp_tools": "MCPToolsPrompt",
+      "mcp_tools": "MCPTools",
       "mcp_tools_detailed": "MCPToolsDetailed",
       "user_context": "UserContext",
       "tool_results": "ToolResults",
-      "closing": "ClosingPrompt"
+      "closing": "Closing"
     };
     PromptAggregator = class _PromptAggregator {
       static instance;
@@ -75161,9 +75161,10 @@ var init_prompt_aggregator = __esm({
         const configs = this.getPromptConfigsWithDefaults();
         const isFirstCall = context.isFirstCall !== false;
         const configuredComponents = this.components.map((component) => {
-          const configId = Object.entries(COMPONENT_NAME_MAP).find(
+          const configEntry = Object.entries(COMPONENT_NAME_MAP).find(
             ([, name]) => name === component.getName()
-          )?.[0];
+          );
+          const configId = configEntry?.[0];
           const config2 = configId ? configs.find((c) => c.id === configId) : null;
           const order = config2 ? isFirstCall ? config2.firstOrder : config2.secondOrder : component.getOrder();
           const enabled = config2 ? config2.enabled : true;
@@ -75263,6 +75264,15 @@ var init_prompt_aggregator = __esm({
       getComponentNames() {
         return this.components.map((c) => c.getName());
       }
+      getPromptConfigsForDebug() {
+        const configs = this.getPromptConfigsWithDefaults();
+        return configs.map((c) => ({
+          id: c.id,
+          enabled: c.enabled,
+          firstOrder: c.firstOrder,
+          secondOrder: c.secondOrder
+        }));
+      }
       getPromptConfigsWithDefaults() {
         try {
           const configs = getPromptConfigs();
@@ -75365,61 +75375,6 @@ function formatToolResults(results) {
   }
   return lines.join("\n");
 }
-function buildToolsPrompt(tools, projectName, projectPath) {
-  if (tools.length === 0) {
-    return "";
-  }
-  const lines = [];
-  if (projectName || projectPath) {
-    lines.push("");
-    lines.push("## \u5C08\u6848\u80CC\u666F\u8CC7\u8A0A");
-    lines.push(`\u7576\u524D\u5C08\u6848: ${projectName || "\u672A\u547D\u540D\u5C08\u6848"}`);
-    if (projectPath) {
-      lines.push(`\u5C08\u6848\u8DEF\u5F91: ${projectPath}`);
-    }
-    lines.push("");
-    lines.push("**\u91CD\u8981\u6307\u793A**: \u5728\u56DE\u8986\u4E4B\u524D\uFF0C\u4F60\u61C9\u8A72\u5148\u4F7F\u7528 MCP \u5DE5\u5177\u4F86\u67E5\u8A62\u5C08\u6848\u7684\u80CC\u666F\u8CC7\u8A0A\uFF1A");
-    lines.push("1. \u5C08\u6848\u7684\u67B6\u69CB\u548C\u7D50\u69CB\uFF08\u5982\u4F7F\u7528 get_symbols_overview, list_dir \u7B49\uFF09");
-    lines.push("2. \u5C08\u6848\u7684\u958B\u767C\u8A08\u5283\u548C\u898F\u7BC4\uFF08\u5982\u8B80\u53D6 openspec \u76EE\u9304\u4E2D\u7684\u6587\u4EF6\uFF09");
-    lines.push("3. \u7576\u524D\u7684\u4EFB\u52D9\u548C\u9032\u5EA6");
-    lines.push("");
-    lines.push("**\u8ACB\u52D9\u5FC5\u5148\u8ABF\u7528\u5DE5\u5177\u67E5\u8A62\u5C08\u6848\u8CC7\u8A0A**\uFF0C\u7136\u5F8C\u6839\u64DA\u67E5\u8A62\u7D50\u679C\u63D0\u4F9B\u7CBE\u78BA\u7684\u56DE\u8986\u3002");
-  }
-  lines.push("");
-  lines.push("## MCP \u5DE5\u5177\u4F7F\u7528\u8AAA\u660E");
-  lines.push("");
-  lines.push("\u7576\u4F60\u9700\u8981\u4F7F\u7528\u5DE5\u5177\u6642\uFF0C\u8ACB\u56DE\u8986\u4E00\u500B JSON \u683C\u5F0F\u7684\u5DE5\u5177\u8ABF\u7528\u8ACB\u6C42\uFF08\u4E0D\u8981\u6709\u5176\u4ED6\u6587\u5B57\uFF09\uFF1A");
-  lines.push("");
-  lines.push("```json");
-  lines.push("{");
-  lines.push('  "tool_calls": [');
-  lines.push('    { "name": "\u5DE5\u5177\u540D\u7A31", "arguments": { "\u53C3\u6578\u540D": "\u53C3\u6578\u503C" } }');
-  lines.push("  ],");
-  lines.push('  "message": "\u8AAA\u660E\u4F60\u6B63\u5728\u505A\u4EC0\u9EBC\uFF08\u53EF\u9078\uFF09"');
-  lines.push("}");
-  lines.push("```");
-  lines.push("");
-  lines.push("\u5DE5\u5177\u57F7\u884C\u5F8C\uFF0C\u7D50\u679C\u6703\u56DE\u50B3\u7D66\u4F60\u3002\u4F60\u53EF\u4EE5\u7E7C\u7E8C\u8ABF\u7528\u66F4\u591A\u5DE5\u5177\uFF0C\u6216\u6839\u64DA\u7D50\u679C\u63D0\u4F9B\u6700\u7D42\u56DE\u8986\u3002");
-  lines.push("\u7576\u4F60\u4E0D\u9700\u8981\u8ABF\u7528\u5DE5\u5177\u6642\uFF0C\u76F4\u63A5\u4EE5\u7D14\u6587\u5B57\u56DE\u8986\u5373\u53EF\u3002");
-  lines.push("");
-  lines.push("## \u53EF\u7528\u5DE5\u5177\u5217\u8868");
-  lines.push("");
-  for (const tool of tools) {
-    lines.push(`### ${tool.name}`);
-    if (tool.description) {
-      lines.push(tool.description);
-    }
-    if (tool.inputSchema) {
-      lines.push("");
-      lines.push("\u53C3\u6578\u683C\u5F0F:");
-      lines.push("```json");
-      lines.push(JSON.stringify(tool.inputSchema, null, 2));
-      lines.push("```");
-    }
-    lines.push("");
-  }
-  return lines.join("\n");
-}
 var init_mcp_tool_parser = __esm({
   "src/utils/mcp-tool-parser.ts"() {
     "use strict";
@@ -75772,131 +75727,91 @@ async function generateCLIReply(request, cliSettings) {
   }
 }
 async function generateAPIReply(request) {
+  const startTime = Date.now();
   try {
     const cacheKey = `${request.aiMessage}:${request.userContext || ""}`;
     if (!request.toolResults) {
       const cached2 = cache.get(cacheKey);
       if (cached2 && Date.now() - cached2.timestamp < CACHE_TTL2) {
         logger.debug("[AI Service] \u4F7F\u7528\u5FEB\u53D6\u56DE\u8986");
-        return {
-          success: true,
-          reply: cached2.reply
-        };
+        return { success: true, reply: cached2.reply };
       }
     }
     logger.debug("[AI Service] \u7372\u53D6 AI \u8A2D\u5B9A");
     const settings = getAISettings();
-    logger.debug("[AI Service] AI \u8A2D\u5B9A\u7372\u53D6\u5B8C\u6210", {
-      hasApiKey: !!settings?.apiKey,
-      model: settings?.model,
-      hasMcpToolsPrompt: !!settings?.mcpToolsPrompt
-    });
     if (!settings || !settings.apiKey || settings.apiKey === "YOUR_API_KEY_HERE") {
       logger.warn("[AI Service] API Key \u672A\u8A2D\u5B9A\u6216\u7121\u6548");
-      return {
-        success: false,
-        error: "\u8ACB\u5148\u5728\u8A2D\u5B9A\u4E2D\u914D\u7F6E AI API Key"
-      };
+      return { success: false, error: "\u8ACB\u5148\u5728\u8A2D\u5B9A\u4E2D\u914D\u7F6E AI API Key" };
     }
-    let mcpToolsPrompt = "";
+    const aggregator = getPromptAggregator();
+    const cliSettings = getCLISettings();
+    let mcpTools = [];
     if (request.includeMCPTools) {
-      logger.debug("[AI Service] \u958B\u59CB\u7372\u53D6 MCP \u5DE5\u5177");
       try {
         const allTools = mcpClientManager.getAllTools();
-        logger.debug("[AI Service] MCP \u5DE5\u5177\u7372\u53D6\u5B8C\u6210", {
-          toolCount: allTools.length
-        });
-        if (settings.mcpToolsPrompt) {
-          logger.debug("[AI Service] \u4F7F\u7528\u8CC7\u6599\u5EAB\u4E2D\u7684 MCP \u5DE5\u5177\u63D0\u793A\u8A5E");
-          mcpToolsPrompt = settings.mcpToolsPrompt.replace(/\{project_name\}/g, request.projectName || "\u672A\u547D\u540D\u5C08\u6848").replace(/\{project_path\}/g, request.projectPath || "");
-          if (allTools.length > 0) {
-            logger.debug("[AI Service] \u9644\u52A0\u5DE5\u5177\u5217\u8868\u5230\u63D0\u793A\u8A5E");
-            mcpToolsPrompt += "\n\n## \u53EF\u7528\u5DE5\u5177\u5217\u8868\n\n";
-            for (const tool of allTools) {
-              mcpToolsPrompt += `### ${tool.name}
-`;
-              if (tool.description) {
-                mcpToolsPrompt += `${tool.description}
-`;
-              }
-              if (tool.inputSchema) {
-                mcpToolsPrompt += "\n\u53C3\u6578\u683C\u5F0F:\n```json\n";
-                mcpToolsPrompt += JSON.stringify(tool.inputSchema, null, 2);
-                mcpToolsPrompt += "\n```\n";
-              }
-              mcpToolsPrompt += "\n";
-            }
-          }
-        } else {
-          logger.debug("[AI Service] \u4F7F\u7528\u9810\u8A2D\u7684 buildToolsPrompt");
-          mcpToolsPrompt = buildToolsPrompt(allTools, request.projectName, request.projectPath);
-        }
-      } catch (error2) {
-        logger.warn("[AI Service] Failed to get MCP tools for AI prompt", error2);
+        mcpTools = allTools.map((t) => ({
+          name: t.name,
+          description: t.description,
+          inputSchema: t.inputSchema
+        }));
+      } catch {
+        logger.warn("[AI Service] \u7121\u6CD5\u7372\u53D6 MCP \u5DE5\u5177");
       }
     }
-    logger.debug("[AI Service] \u958B\u59CB\u751F\u6210\u56DE\u8986", {
-      hasSystemPrompt: !!settings.systemPrompt,
-      hasMcpToolsPrompt: !!mcpToolsPrompt,
-      temperature: settings.temperature,
-      maxTokens: settings.maxTokens
+    const context = aggregator.buildContextSync(request, settings, cliSettings, mcpTools);
+    context.mode = "api";
+    const aggregated = aggregator.aggregate(context);
+    const promptSent = aggregated.fullPrompt;
+    logger.debug("[AI Service] PromptAggregator \u69CB\u5EFA\u5B8C\u6210", {
+      componentCount: aggregated.sections.length,
+      sections: aggregated.sections.map((s) => `${s.name}(order:${s.order})`),
+      totalLength: promptSent.length,
+      tokenEstimate: aggregated.metadata.tokenEstimate
     });
-    const promptSent = buildPrompt(
-      settings.systemPrompt,
-      request.aiMessage,
-      request.userContext,
-      mcpToolsPrompt,
-      request.toolResults
-    );
-    const reply = await generateWithRetry(
+    const reply = await generateWithRetryFromPrompt(
       settings.apiKey,
       settings.model,
-      settings.systemPrompt,
-      request.aiMessage,
-      request.userContext,
+      promptSent,
       settings.temperature,
-      settings.maxTokens,
-      0,
-      mcpToolsPrompt,
-      request.toolResults
+      settings.maxTokens
     );
-    logger.debug("[AI Service] \u56DE\u8986\u751F\u6210\u5B8C\u6210", {
-      replyLength: reply.length
-    });
+    const elapsedMs = Date.now() - startTime;
     if (!request.toolResults) {
-      cache.set(cacheKey, {
-        reply,
-        timestamp: Date.now()
-      });
+      cache.set(cacheKey, { reply, timestamp: Date.now() });
       cleanExpiredCache();
     }
-    logger.debug("[AI Service] AI \u56DE\u8986\u8ACB\u6C42\u8655\u7406\u5B8C\u6210");
+    const promptConfigs = aggregator.getPromptConfigsForDebug();
     return {
       success: true,
       reply,
       promptSent,
-      mode: "api"
+      mode: "api",
+      debug: {
+        sections: aggregated.sections.map((s) => ({ name: s.name, order: s.order, length: s.content.length })),
+        tokenEstimate: aggregated.metadata.tokenEstimate,
+        totalPromptLength: promptSent.length,
+        elapsedMs,
+        model: settings.model,
+        temperature: settings.temperature,
+        maxTokens: settings.maxTokens,
+        mcpToolsCount: mcpTools.length,
+        componentCount: aggregated.sections.length,
+        promptConfigs
+      }
     };
   } catch (error2) {
+    const elapsedMs = Date.now() - startTime;
     logger.error("[AI Service] AI service error:", error2);
     return {
       success: false,
       error: error2 instanceof Error ? error2.message : "\u672A\u77E5\u932F\u8AA4",
-      mode: "api"
+      mode: "api",
+      debug: { elapsedMs }
     };
   }
 }
-async function generateWithRetry(apiKey, model, systemPrompt, aiMessage, userContext, temperature, maxTokens, retryCount = 0, mcpToolsPrompt = "", toolResults) {
+async function generateWithRetryFromPrompt(apiKey, model, prompt, temperature, maxTokens, retryCount = 0) {
   try {
-    logger.debug("[AI Service] generateWithRetry \u958B\u59CB", {
-      model,
-      retryCount,
-      hasSystemPrompt: !!systemPrompt,
-      hasMcpToolsPrompt: !!mcpToolsPrompt,
-      hasToolResults: !!toolResults,
-      temperature,
-      maxTokens
-    });
     const genAI = new GoogleGenerativeAI(apiKey);
     const generativeModel = genAI.getGenerativeModel({
       model,
@@ -75905,45 +75820,20 @@ async function generateWithRetry(apiKey, model, systemPrompt, aiMessage, userCon
         maxOutputTokens: maxTokens ?? 1e3
       }
     });
-    logger.debug("[AI Service] \u69CB\u5EFA\u63D0\u793A\u8A5E");
-    const prompt = buildPrompt(systemPrompt, aiMessage, userContext, mcpToolsPrompt, toolResults);
-    logger.debug("[AI Service] \u63D0\u793A\u8A5E\u69CB\u5EFA\u5B8C\u6210", {
-      promptLength: prompt.length
-    });
-    logger.debug("[AI Service] \u958B\u59CB\u8ABF\u7528 Google Gemini API");
+    logger.debug("[AI Service] \u958B\u59CB\u8ABF\u7528 API (PromptAggregator prompt)", { promptLength: prompt.length });
     const result = await generativeModel.generateContent(prompt);
-    logger.debug("[AI Service] API \u8ABF\u7528\u5B8C\u6210");
     const response = await result.response;
     const text = response.text();
     if (!text) {
       throw new Error("AI \u56DE\u8986\u70BA\u7A7A");
     }
-    logger.debug("[AI Service] \u56DE\u8986\u6587\u5B57\u7372\u53D6\u6210\u529F", {
-      textLength: text.length
-    });
     return text;
   } catch (error2) {
-    logger.debug("[AI Service] generateWithRetry \u767C\u751F\u932F\u8AA4", {
-      error: error2 instanceof Error ? error2.message : String(error2),
-      retryCount
-    });
     if (error2 instanceof Error) {
       if (error2.message.includes("429") || error2.message.includes("quota")) {
         if (retryCount < MAX_RETRIES) {
-          const delay = RETRY_DELAYS[retryCount] || 4e3;
-          await sleep(delay);
-          return generateWithRetry(
-            apiKey,
-            model,
-            systemPrompt,
-            aiMessage,
-            userContext,
-            temperature,
-            maxTokens,
-            retryCount + 1,
-            mcpToolsPrompt,
-            toolResults
-          );
+          await sleep(RETRY_DELAYS[retryCount] || 4e3);
+          return generateWithRetryFromPrompt(apiKey, model, prompt, temperature, maxTokens, retryCount + 1);
         }
         throw new Error("API \u914D\u984D\u5DF2\u7528\u76E1\u6216\u901F\u7387\u9650\u5236\uFF0C\u8ACB\u7A0D\u5F8C\u518D\u8A66");
       }
@@ -75951,51 +75841,13 @@ async function generateWithRetry(apiKey, model, systemPrompt, aiMessage, userCon
         throw new Error("API Key \u7121\u6548\uFF0C\u8ACB\u6AA2\u67E5\u8A2D\u5B9A");
       }
       if (retryCount < MAX_RETRIES) {
-        const delay = RETRY_DELAYS[retryCount] || 4e3;
-        await sleep(delay);
-        return generateWithRetry(
-          apiKey,
-          model,
-          systemPrompt,
-          aiMessage,
-          userContext,
-          temperature,
-          maxTokens,
-          retryCount + 1,
-          mcpToolsPrompt,
-          toolResults
-        );
+        await sleep(RETRY_DELAYS[retryCount] || 4e3);
+        return generateWithRetryFromPrompt(apiKey, model, prompt, temperature, maxTokens, retryCount + 1);
       }
     }
     throw error2;
   }
 }
-function buildPrompt(systemPrompt, aiMessage, userContext, mcpToolsPrompt = "", toolResults) {
-  let prompt = `${systemPrompt}
-
-`;
-  if (mcpToolsPrompt) {
-    prompt += mcpToolsPrompt + "\n\n";
-  }
-  prompt += `AI \u5DE5\u4F5C\u532F\u5831\uFF1A
-${aiMessage}
-
-`;
-  if (userContext) {
-    prompt += `\u4F7F\u7528\u8005\u4E0A\u4E0B\u6587\uFF1A
-${userContext}
-
-`;
-  }
-  if (toolResults) {
-    prompt += `\u5148\u524D\u5DE5\u5177\u57F7\u884C\u7D50\u679C\uFF1A
-${toolResults}
-
-`;
-  }
-  prompt += "\u8ACB\u751F\u6210\u4E00\u500B\u7C21\u6F54\u3001\u5C08\u696D\u7684\u56DE\u61C9\uFF1A";
-  return prompt;
-}
 function sleep(ms) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
@@ -76095,7 +75947,6 @@ var init_ai_service = __esm({
     init_cli_executor();
     init_cli_detector();
     init_prompt_aggregator2();
-    init_mcp_tool_parser();
     MAX_RETRIES = 3;
     RETRY_DELAYS = [1e3, 2e3, 4e3];
     cache = /* @__PURE__ */ new Map();

package/dist/static/modules/conversation-panel.js

@@ -1,26 +1,21 @@
 /**
  * conversation-panel.js
  * 對話面板元件 - 顯示 AI 對話流程
- * 支援 6 種對話條目類型: prompt, thinking, tool, result, ai, error
+ * 支援 7 種對話條目類型: prompt, thinking, tool, result, ai, error, debug
  */
 
 import { escapeHtml } from './ui-helpers.js';
 
-/**
- * 對話條目類型
- */
 export const ConversationEntryType = {
   PROMPT: 'prompt',
   THINKING: 'thinking',
   TOOL: 'tool',
   RESULT: 'result',
   AI: 'ai',
-  ERROR: 'error'
+  ERROR: 'error',
+  DEBUG: 'debug'
 };
 
-/**
- * 對話條目視覺配置
- */
 const entryConfig = {
   prompt: {
     icon: '📤',
@@ -57,12 +52,15 @@ const entryConfig = {
     title: '錯誤',
     className: 'entry-error',
     borderColor: 'var(--accent-red)'
+  },
+  debug: {
+    icon: '🐛',
+    title: 'Debug',
+    className: 'entry-debug',
+    borderColor: 'var(--accent-orange, #f97316)'
   }
 };
 
-/**
- * 建立對話面板容器
- */
 export function createConversationPanel() {
   const panel = document.createElement('div');
   panel.id = 'conversationPanel';
@@ -73,14 +71,18 @@ export function createConversationPanel() {
         <span class="icon">💬</span>
         <span id="conversationTitle">AI 對話</span>
       </div>
-      <div class="conversation-mode">
-        <span class="mode-indicator" id="conversationModeIndicator"></span>
-        <span id="conversationMode">準備中</span>
+      <div class="conversation-header-right">
+        <div class="conversation-mode">
+          <span class="mode-indicator" id="conversationModeIndicator"></span>
+          <span id="conversationMode">準備中</span>
+        </div>
+        <label class="debug-toggle" title="顯示 Debug 資訊">
+          <input type="checkbox" id="debugToggle">
+          <span>🐛</span>
+        </label>
       </div>
     </div>
-    <div class="conversation-body" id="conversationBody">
-      <!-- 對話條目會動態添加 -->
-    </div>
+    <div class="conversation-body" id="conversationBody"></div>
     <div class="conversation-footer">
       <button type="button" id="closeConversation" class="btn btn-secondary">關閉</button>
     </div>
@@ -88,9 +90,6 @@ export function createConversationPanel() {
   return panel;
 }
 
-/**
- * 建立對話條目元素
- */
 export function createConversationEntry(type, content, options = {}) {
   const config = entryConfig[type] || entryConfig.ai;
   const entry = document.createElement('div');
@@ -98,7 +97,7 @@ export function createConversationEntry(type, content, options = {}) {
   entry.style.borderLeftColor = config.borderColor;
 
   const titleText = options.title || config.title;
-  const collapsed = options.collapsed ?? (type === 'prompt' || type === 'tool');
+  const collapsed = options.collapsed ?? (type === 'prompt' || type === 'tool' || type === 'debug');
   const timestamp = options.timestamp ? formatTimestamp(options.timestamp) : '';
 
   let contentHtml = '';
@@ -126,8 +125,93 @@ export function createConversationEntry(type, content, options = {}) {
 }
 
 /**
- * 新增對話條目到面板
+ * 建立 Debug 資訊條目（結構化表格）
  */
+export function createDebugEntry(debugInfo, options = {}) {
+  const config = entryConfig.debug;
+  const entry = document.createElement('div');
+  entry.className = `conversation-entry ${config.className}`;
+  entry.style.borderLeftColor = config.borderColor;
+
+  const titleText = options.title || config.title;
+  const collapsed = options.collapsed ?? true;
+  const timestamp = options.timestamp ? formatTimestamp(options.timestamp) : '';
+
+  let bodyHtml = '<div class="debug-info-grid">';
+
+  if (debugInfo.elapsedMs !== undefined) {
+    bodyHtml += debugRow('⏱️ 耗時', `${debugInfo.elapsedMs} ms`);
+  }
+  if (debugInfo.model) {
+    bodyHtml += debugRow('🧠 模型', debugInfo.model);
+  }
+  if (debugInfo.temperature !== undefined) {
+    bodyHtml += debugRow('🌡️ Temperature', debugInfo.temperature);
+  }
+  if (debugInfo.maxTokens !== undefined) {
+    bodyHtml += debugRow('📏 Max Tokens', debugInfo.maxTokens);
+  }
+  if (debugInfo.tokenEstimate !== undefined) {
+    bodyHtml += debugRow('🔢 Token 預估', `~${debugInfo.tokenEstimate}`);
+  }
+  if (debugInfo.totalPromptLength !== undefined) {
+    bodyHtml += debugRow('📐 Prompt 長度', `${debugInfo.totalPromptLength} chars`);
+  }
+  if (debugInfo.componentCount !== undefined) {
+    bodyHtml += debugRow('🧩 組件數量', debugInfo.componentCount);
+  }
+  if (debugInfo.mcpToolsCount !== undefined) {
+    bodyHtml += debugRow('🔧 MCP 工具數', debugInfo.mcpToolsCount);
+  }
+
+  bodyHtml += '</div>';
+
+  if (debugInfo.sections && debugInfo.sections.length > 0) {
+    bodyHtml += '<div class="debug-sections">';
+    bodyHtml += '<div class="debug-section-title">📋 提示詞區段順序（實際送出）</div>';
+    bodyHtml += '<table class="debug-table"><thead><tr><th>#</th><th>區段名稱</th><th>順序</th><th>長度</th></tr></thead><tbody>';
+    debugInfo.sections.forEach((s, i) => {
+      bodyHtml += `<tr><td>${i + 1}</td><td>${escapeHtml(s.name)}</td><td>${s.order}</td><td>${s.length} chars</td></tr>`;
+    });
+    bodyHtml += '</tbody></table></div>';
+  }
+
+  if (debugInfo.promptConfigs && debugInfo.promptConfigs.length > 0) {
+    bodyHtml += '<div class="debug-sections">';
+    bodyHtml += '<div class="debug-section-title">⚙️ 提示詞配置（設定值）</div>';
+    bodyHtml += '<table class="debug-table"><thead><tr><th>ID</th><th>啟用</th><th>第一次</th><th>第二次</th></tr></thead><tbody>';
+    debugInfo.promptConfigs.forEach(c => {
+      const enabledIcon = c.enabled ? '✅' : '❌';
+      bodyHtml += `<tr><td>${escapeHtml(c.id)}</td><td>${enabledIcon}</td><td>${c.firstOrder}</td><td>${c.secondOrder}</td></tr>`;
+    });
+    bodyHtml += '</tbody></table></div>';
+  }
+
+  if (debugInfo.error) {
+    bodyHtml += `<div class="debug-error">❌ 錯誤: ${escapeHtml(debugInfo.error)}</div>`;
+  }
+
+  entry.innerHTML = `
+    <details ${collapsed ? '' : 'open'}>
+      <summary class="entry-summary">
+        <span class="entry-icon">${config.icon}</span>
+        <span class="entry-title">${titleText}</span>
+        ${timestamp ? `<span class="entry-timestamp">${timestamp}</span>` : ''}
+        ${options.badge ? `<span class="entry-badge">${options.badge}</span>` : ''}
+      </summary>
+      <div class="entry-body debug-body">
+        ${bodyHtml}
+      </div>
+    </details>
+  `;
+
+  return entry;
+}
+
+function debugRow(label, value) {
+  return `<div class="debug-row"><span class="debug-label">${label}</span><span class="debug-value">${escapeHtml(String(value))}</span></div>`;
+}
+
 export function addConversationEntry(type, content, options = {}) {
   const body = document.getElementById('conversationBody');
   if (!body) return null;
@@ -135,13 +219,25 @@ export function addConversationEntry(type, content, options = {}) {
   const entry = createConversationEntry(type, content, options);
   body.appendChild(entry);
   body.scrollTop = body.scrollHeight;
+  return entry;
+}
+
+export function addDebugEntry(debugInfo, options = {}) {
+  const body = document.getElementById('conversationBody');
+  if (!body) return null;
+
+  const entry = createDebugEntry(debugInfo, options);
+  body.appendChild(entry);
+  body.scrollTop = body.scrollHeight;
+
+  const debugToggle = document.getElementById('debugToggle');
+  if (debugToggle && !debugToggle.checked) {
+    entry.style.display = 'none';
+  }
 
   return entry;
 }
 
-/**
- * 清空對話面板
- */
 export function clearConversationPanel() {
   const body = document.getElementById('conversationBody');
   if (body) {
@@ -149,9 +245,6 @@ export function clearConversationPanel() {
   }
 }
 
-/**
- * 更新對話面板模式顯示
- */
 export function updateConversationMode(mode, cliTool = null) {
   const modeElement = document.getElementById('conversationMode');
   const indicator = document.getElementById('conversationModeIndicator');
@@ -176,9 +269,6 @@ export function updateConversationMode(mode, cliTool = null) {
   }
 }
 
-/**
- * 更新對話面板標題
- */
 export function updateConversationTitle(title) {
   const titleElement = document.getElementById('conversationTitle');
   if (titleElement) {
@@ -186,9 +276,6 @@ export function updateConversationTitle(title) {
   }
 }
 
-/**
- * 顯示對話面板
- */
 export function showConversationPanel() {
   let panel = document.getElementById('aiConversationPanel');
   if (!panel) {
@@ -202,14 +289,21 @@ export function showConversationPanel() {
     if (closeBtn) {
       closeBtn.onclick = hideConversationPanel;
     }
+
+    const debugToggle = panel.querySelector('#debugToggle');
+    if (debugToggle) {
+      debugToggle.addEventListener('change', (e) => {
+        const show = e.target.checked;
+        panel.querySelectorAll('.entry-debug').forEach(el => {
+          el.style.display = show ? '' : 'none';
+        });
+      });
+    }
   }
   panel.style.display = 'flex';
   clearConversationPanel();
 }
 
-/**
- * 隱藏對話面板
- */
 export function hideConversationPanel() {
   const panel = document.getElementById('aiConversationPanel');
   if (panel) {
@@ -217,17 +311,11 @@ export function hideConversationPanel() {
   }
 }
 
-/**
- * 格式化時間戳記
- */
 function formatTimestamp(timestamp) {
   const date = new Date(timestamp);
   return date.toLocaleTimeString('zh-TW', { hour: '2-digit', minute: '2-digit', second: '2-digit' });
 }
 
-/**
- * 新增思考中動畫條目
- */
 export function addThinkingEntry(message = 'AI 思考中...') {
   return addConversationEntry(ConversationEntryType.THINKING, message, {
     collapsed: false,
@@ -235,13 +323,10 @@ export function addThinkingEntry(message = 'AI 思考中...') {
   });
 }
 
-/**
- * 移除思考中條目
- */
 export function removeThinkingEntry() {
   const body = document.getElementById('conversationBody');
   if (!body) return;
-  
+
   const thinkingEntries = body.querySelectorAll('.entry-thinking');
   thinkingEntries.forEach(entry => entry.remove());
 }

package/dist/static/modules/feedback-handler.js

@@ -38,6 +38,7 @@ import {
   showConversationPanel,
   hideConversationPanel,
   addConversationEntry,
+  addDebugEntry,
   clearConversationPanel,
   updateConversationMode,
   updateConversationTitle,
@@ -170,10 +171,18 @@ export async function generateAIReply() {
     const data = await response.json();
     removeThinkingEntry();
 
+    if (data.debug) {
+      addDebugEntry(data.debug, {
+        title: "Debug 資訊",
+        collapsed: true,
+        timestamp: Date.now(),
+        badge: data.debug.elapsedMs ? `${data.debug.elapsedMs}ms` : undefined,
+      });
+    }
+
     if (data.success) {
       updateConversationMode(data.mode, data.cliTool);
 
-      // 如果有 fallback 原因，顯示通知
       if (data.fallbackReason) {
         showToast("warning", "模式切換", data.fallbackReason);
       }
@@ -199,7 +208,6 @@ export async function generateAIReply() {
       document.getElementById("feedbackText").value = finalReply;
       updateCharCount();
 
-      // 如果是 fallback，badge 顯示不同的樣式
       let badge = data.mode === "cli" ? `CLI (${data.cliTool})` : "API";
       if (data.fallbackReason) {
         badge = "API (fallback)";
@@ -905,6 +913,15 @@ export async function generateAIReplyWithTools() {
       const data = await response.json();
       removeThinkingEntry();
 
+      if (data.debug) {
+        addDebugEntry(data.debug, {
+          title: `Debug (第 ${round} 輪)`,
+          collapsed: true,
+          timestamp: Date.now(),
+          badge: data.debug.elapsedMs ? `${data.debug.elapsedMs}ms` : undefined,
+        });
+      }
+
       if (!data.success) {
         addConversationEntry(ConversationEntryType.ERROR, data.error || "AI 回覆失敗", {
           title: "錯誤",
@@ -917,12 +934,10 @@ export async function generateAIReplyWithTools() {
 
       updateConversationMode(data.mode, data.cliTool);
 
-      // 如果有 fallback 原因，顯示通知
       if (data.fallbackReason) {
         showToast("warning", "模式切換", data.fallbackReason);
       }
 
-      // 如果是 fallback，badge 顯示不同的樣式
       let badgeTools1 = data.mode === "cli" ? `CLI (${data.cliTool})` : "API";
       if (data.fallbackReason) {
         badgeTools1 = "API (fallback)";
@@ -1092,10 +1107,18 @@ export async function triggerAutoAIReply() {
       const data = await response.json();
       removeThinkingEntry();
 
+      if (data.debug) {
+        addDebugEntry(data.debug, {
+          title: "Debug 資訊 (自動回覆)",
+          collapsed: true,
+          timestamp: Date.now(),
+          badge: data.debug.elapsedMs ? `${data.debug.elapsedMs}ms` : undefined,
+        });
+      }
+
       if (data.success) {
         updateConversationMode(data.mode, data.cliTool);
 
-        // 如果有 fallback 原因，顯示通知
         if (data.fallbackReason) {
           showToast("warning", "模式切換", data.fallbackReason);
         }
@@ -1108,7 +1131,6 @@ export async function triggerAutoAIReply() {
           finalReply = "以下為我的回覆:\n" + data.reply;
         }
 
-        // 如果是 fallback，badge 顯示不同的樣式
         let badgeAuto1 = data.mode === "cli" ? `CLI (${data.cliTool})` : "API";
         if (data.fallbackReason) {
           badgeAuto1 = "API (fallback)";
@@ -1224,6 +1246,15 @@ export async function triggerAutoAIReply() {
       const data = await response.json();
       removeThinkingEntry();
 
+      if (data.debug) {
+        addDebugEntry(data.debug, {
+          title: `Debug (自動第 ${round} 輪)`,
+          collapsed: true,
+          timestamp: Date.now(),
+          badge: data.debug.elapsedMs ? `${data.debug.elapsedMs}ms` : undefined,
+        });
+      }
+
       if (!data.success) {
         addConversationEntry(ConversationEntryType.ERROR, data.error || "AI 回覆失敗", {
           title: "錯誤",
@@ -1236,12 +1267,10 @@ export async function triggerAutoAIReply() {
 
       updateConversationMode(data.mode, data.cliTool);
 
-      // 如果有 fallback 原因，顯示通知
       if (data.fallbackReason) {
         showToast("warning", "模式切換", data.fallbackReason);
       }
 
-      // 如果是 fallback，badge 顯示不同的樣式
       let badgeAuto2 = data.mode === "cli" ? `CLI (${data.cliTool})` : "API";
       if (data.fallbackReason) {
         badgeAuto2 = "API (fallback)";

package/dist/static/style.css

@@ -2075,6 +2075,112 @@ textarea.form-control {
     border-left-color: var(--accent-red);
 }
 
+.conversation-entry.entry-debug {
+    border-left-color: var(--accent-orange, #f97316);
+}
+
+.conversation-header-right {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-sm);
+}
+
+.debug-toggle {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    cursor: pointer;
+    font-size: 14px;
+    user-select: none;
+    opacity: 0.6;
+    transition: opacity 0.2s;
+}
+
+.debug-toggle:hover {
+    opacity: 1;
+}
+
+.debug-toggle input[type="checkbox"] {
+    width: 14px;
+    height: 14px;
+    cursor: pointer;
+}
+
+.debug-info-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 4px 16px;
+    margin-bottom: 8px;
+}
+
+.debug-row {
+    display: flex;
+    justify-content: space-between;
+    padding: 3px 8px;
+    border-radius: 4px;
+    background: var(--bg-primary);
+    font-size: 12px;
+}
+
+.debug-label {
+    color: var(--text-secondary);
+    font-weight: 500;
+}
+
+.debug-value {
+    color: var(--text-primary);
+    font-family: "Consolas", "Monaco", monospace;
+}
+
+.debug-sections {
+    margin-top: 8px;
+}
+
+.debug-section-title {
+    font-size: 12px;
+    font-weight: 600;
+    color: var(--text-secondary);
+    margin-bottom: 4px;
+}
+
+.debug-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 12px;
+    font-family: "Consolas", "Monaco", monospace;
+}
+
+.debug-table th,
+.debug-table td {
+    padding: 4px 8px;
+    border: 1px solid var(--border-color);
+    text-align: left;
+}
+
+.debug-table th {
+    background: var(--bg-hover);
+    color: var(--text-secondary);
+    font-weight: 600;
+}
+
+.debug-table td {
+    color: var(--text-primary);
+}
+
+.debug-error {
+    margin-top: 8px;
+    padding: 6px 10px;
+    background: rgba(239, 68, 68, 0.1);
+    border: 1px solid rgba(239, 68, 68, 0.3);
+    border-radius: 4px;
+    font-size: 12px;
+    color: var(--accent-red);
+}
+
+.debug-body {
+    font-size: 12px;
+}
+
 .entry-summary {
     padding: var(--spacing-sm) var(--spacing-md);
     cursor: pointer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hirohsu/user-web-feedback",
-  "version": "2.8.18",
+  "version": "2.8.20",
   "description": "基於Node.js的MCP回饋收集器 - 支持AI工作彙報和用戶回饋收集",
   "main": "dist/index.cjs",
   "bin": {