@hirohsu/user-web-feedback 2.8.2 → 2.8.8

package/dist/cli.cjs

@@ -5283,6 +5283,9 @@ var init_logger = __esm({
         this.flushInterval = setInterval(() => {
           this.flushToDatabase();
         }, this.FLUSH_INTERVAL_MS);
+        if (this.flushInterval.unref) {
+          this.flushInterval.unref();
+        }
         process.on("beforeExit", () => {
           this.flushToDatabase();
         });
@@ -79044,8 +79047,25 @@ function cleanExpiredCache() {
 function clearAICache() {
   cache.clear();
 }
-async function validateAPIKey(apiKey, model) {
+async function validateAPIKey(apiKey, model, apiUrl, openaiCompatible) {
   try {
+    const provider = getProviderFromUrl(apiUrl);
+    if (openaiCompatible || provider === "openai" || provider === "nvidia" || provider === "zai") {
+      const OpenAI = (await import("openai")).default;
+      const client = new OpenAI({
+        apiKey,
+        baseURL: apiUrl || "https://api.openai.com/v1"
+      });
+      const response2 = await client.chat.completions.create({
+        model,
+        messages: [{ role: "user", content: "Hello" }],
+        max_tokens: 10
+      });
+      if (response2.choices && response2.choices.length > 0) {
+        return { valid: true };
+      }
+      return { valid: false, error: "\u7121\u6CD5\u751F\u6210\u56DE\u61C9" };
+    }
     const genAI = new GoogleGenerativeAI(apiKey);
     const generativeModel = genAI.getGenerativeModel({ model });
     const result = await generativeModel.generateContent("Hello");
@@ -79062,6 +79082,16 @@ async function validateAPIKey(apiKey, model) {
     };
   }
 }
+function getProviderFromUrl(apiUrl) {
+  if (!apiUrl) return "google";
+  const normalizedUrl = apiUrl.toLowerCase();
+  if (normalizedUrl.includes("api.openai.com")) return "openai";
+  if (normalizedUrl.includes("api.anthropic.com")) return "anthropic";
+  if (normalizedUrl.includes("generativelanguage.googleapis.com")) return "google";
+  if (normalizedUrl.includes("nvidia.com")) return "nvidia";
+  if (normalizedUrl.includes("bigmodel.cn") || normalizedUrl.includes("z.ai")) return "zai";
+  return "openai";
+}
 function estimateTokenCount(text) {
   const englishChars = (text.match(/[a-zA-Z0-9]/g) || []).length;
   const chineseChars = (text.match(/[\u4e00-\u9fa5]/g) || []).length;
@@ -93636,7 +93666,7 @@ var WebServer = class {
     this.app.post("/api/ai-settings/validate", async (req, res) => {
       const startTime = Date.now();
       try {
-        let { apiKey } = req.body;
+        let { apiKey, apiUrl, openaiCompatible } = req.body;
         const { model } = req.body;
         if (!model) {
           const errorMsg = "\u6A21\u578B\u70BA\u5FC5\u586B\u6B04\u4F4D";
@@ -93656,6 +93686,7 @@ var WebServer = class {
           return;
         }
         let usingDatabaseKey = false;
+        let usingDatabaseUrl = false;
         if (!apiKey) {
           const settings = getAISettings();
           if (!settings || !settings.apiKey || settings.apiKey === "YOUR_API_KEY_HERE") {
@@ -93678,13 +93709,18 @@ var WebServer = class {
           }
           apiKey = settings.apiKey;
           usingDatabaseKey = true;
+          if (!apiUrl) {
+            apiUrl = settings.apiUrl;
+            usingDatabaseUrl = true;
+          }
           logger.info("\u4F7F\u7528\u8CC7\u6599\u5EAB\u4E2D\u89E3\u5BC6\u7684 API Key \u9032\u884C\u9A57\u8B49");
           logger.debug(`\u89E3\u5BC6\u5F8C\u7684 API Key \u9577\u5EA6: ${apiKey.length}, \u524D\u7DB4: ${apiKey.substring(0, 3)}...`);
         } else {
           logger.info("\u4F7F\u7528\u65B0\u8F38\u5165\u7684 API Key \u9032\u884C\u9A57\u8B49");
           logger.debug(`\u65B0\u8F38\u5165\u7684 API Key \u9577\u5EA6: ${apiKey.length}, \u524D\u7DB4: ${apiKey.substring(0, 3)}...`);
         }
-        const result = await validateAPIKey(apiKey, model);
+        logger.info(`\u9A57\u8B49\u4F7F\u7528 API URL: ${apiUrl} (\u8CC7\u6599\u5EAB: ${usingDatabaseUrl}), OpenAI \u76F8\u5BB9: ${openaiCompatible}`);
+        const result = await validateAPIKey(apiKey, model, apiUrl, openaiCompatible);
         if (result.valid) {
           logger.info(`API Key \u9A57\u8B49\u6210\u529F (${usingDatabaseKey ? "\u8CC7\u6599\u5EAB" : "\u65B0\u8F38\u5165"})`);
           logAPIRequest({
@@ -95572,9 +95608,35 @@ var MCPServer = class {
     this.mcpServer.registerTool(
       "collect_feedback",
       {
-        description: "Collect feedback from users about AI work summary. This tool opens a web interface for users to provide feedback on the AI's work.",
+        description: `Collect feedback from users about AI work. This tool opens a web interface for users to provide feedback.
+
+CRITICAL: The 'work_summary' field is the PRIMARY and ONLY content displayed to users in the feedback UI. You MUST include ALL relevant information in this field as a comprehensive Markdown-formatted report. The UI renders Markdown, so use headings, tables, code blocks, and lists for better readability.`,
         inputSchema: {
-          work_summary: external_exports.string().describe("AI\u5DE5\u4F5C\u532F\u5831\u5167\u5BB9\uFF0C\u63CF\u8FF0AI\u5B8C\u6210\u7684\u5DE5\u4F5C\u548C\u7D50\u679C"),
+          work_summary: external_exports.string().describe(`\u3010CRITICAL - THIS IS THE ONLY CONTENT SHOWN TO USERS\u3011
+
+Include a COMPLETE Markdown report with ALL of the following sections:
+
+## Required Sections:
+1. **\u{1F4CB} Task Summary** - Brief description of what was requested and accomplished
+2. **\u{1F4C1} Implementation Details** - Files created/modified with:
+   - Full file paths
+   - Key code snippets in fenced code blocks
+   - Explanation of changes
+3. **\u2705 Status Table** - Markdown table showing completion status:
+   | Item | Status | Notes |
+   |------|--------|-------|
+   | Feature A | \u2705 Done | ... |
+4. **\u{1F9EA} Test Results** - Build/test command outputs and outcomes
+5. **\u27A1\uFE0F Next Steps** - Actionable options in A/B/C format for user decision:
+   - Option A: [action] - [description]
+   - Option B: [action] - [description]
+6. **\u{1F3D7}\uFE0F Architecture** (if applicable) - ASCII diagrams or Mermaid code blocks
+
+## Format Requirements:
+- Use Markdown: ## headings, \`code\`, **bold**, tables
+- Minimum 500 characters for non-trivial tasks
+- Be specific with file paths and code examples
+- Include ALL information user needs to make decisions`),
           project_name: external_exports.string().optional().describe("\u5C08\u6848\u540D\u7A31\uFF08\u7528\u65BC Dashboard \u5206\u7D44\u986F\u793A\uFF09"),
           project_path: external_exports.string().optional().describe("\u5C08\u6848\u8DEF\u5F91\uFF08\u7528\u65BC\u552F\u4E00\u8B58\u5225\u5C08\u6848\uFF09")
         }

package/dist/index.cjs

@@ -22641,6 +22641,9 @@ var init_logger = __esm({
         this.flushInterval = setInterval(() => {
           this.flushToDatabase();
         }, this.FLUSH_INTERVAL_MS);
+        if (this.flushInterval.unref) {
+          this.flushInterval.unref();
+        }
         process.on("beforeExit", () => {
           this.flushToDatabase();
         });
@@ -75931,8 +75934,25 @@ function cleanExpiredCache() {
 function clearAICache() {
   cache.clear();
 }
-async function validateAPIKey(apiKey, model) {
+async function validateAPIKey(apiKey, model, apiUrl, openaiCompatible) {
   try {
+    const provider = getProviderFromUrl(apiUrl);
+    if (openaiCompatible || provider === "openai" || provider === "nvidia" || provider === "zai") {
+      const OpenAI = (await import("openai")).default;
+      const client = new OpenAI({
+        apiKey,
+        baseURL: apiUrl || "https://api.openai.com/v1"
+      });
+      const response2 = await client.chat.completions.create({
+        model,
+        messages: [{ role: "user", content: "Hello" }],
+        max_tokens: 10
+      });
+      if (response2.choices && response2.choices.length > 0) {
+        return { valid: true };
+      }
+      return { valid: false, error: "\u7121\u6CD5\u751F\u6210\u56DE\u61C9" };
+    }
     const genAI = new GoogleGenerativeAI(apiKey);
     const generativeModel = genAI.getGenerativeModel({ model });
     const result = await generativeModel.generateContent("Hello");
@@ -75949,6 +75969,16 @@ async function validateAPIKey(apiKey, model) {
     };
   }
 }
+function getProviderFromUrl(apiUrl) {
+  if (!apiUrl) return "google";
+  const normalizedUrl = apiUrl.toLowerCase();
+  if (normalizedUrl.includes("api.openai.com")) return "openai";
+  if (normalizedUrl.includes("api.anthropic.com")) return "anthropic";
+  if (normalizedUrl.includes("generativelanguage.googleapis.com")) return "google";
+  if (normalizedUrl.includes("nvidia.com")) return "nvidia";
+  if (normalizedUrl.includes("bigmodel.cn") || normalizedUrl.includes("z.ai")) return "zai";
+  return "openai";
+}
 function estimateTokenCount(text) {
   const englishChars = (text.match(/[a-zA-Z0-9]/g) || []).length;
   const chineseChars = (text.match(/[\u4e00-\u9fa5]/g) || []).length;
@@ -90651,7 +90681,7 @@ var WebServer = class {
     this.app.post("/api/ai-settings/validate", async (req, res) => {
       const startTime = Date.now();
       try {
-        let { apiKey } = req.body;
+        let { apiKey, apiUrl, openaiCompatible } = req.body;
         const { model } = req.body;
         if (!model) {
           const errorMsg = "\u6A21\u578B\u70BA\u5FC5\u586B\u6B04\u4F4D";
@@ -90671,6 +90701,7 @@ var WebServer = class {
           return;
         }
         let usingDatabaseKey = false;
+        let usingDatabaseUrl = false;
         if (!apiKey) {
           const settings = getAISettings();
           if (!settings || !settings.apiKey || settings.apiKey === "YOUR_API_KEY_HERE") {
@@ -90693,13 +90724,18 @@ var WebServer = class {
           }
           apiKey = settings.apiKey;
           usingDatabaseKey = true;
+          if (!apiUrl) {
+            apiUrl = settings.apiUrl;
+            usingDatabaseUrl = true;
+          }
           logger.info("\u4F7F\u7528\u8CC7\u6599\u5EAB\u4E2D\u89E3\u5BC6\u7684 API Key \u9032\u884C\u9A57\u8B49");
           logger.debug(`\u89E3\u5BC6\u5F8C\u7684 API Key \u9577\u5EA6: ${apiKey.length}, \u524D\u7DB4: ${apiKey.substring(0, 3)}...`);
         } else {
           logger.info("\u4F7F\u7528\u65B0\u8F38\u5165\u7684 API Key \u9032\u884C\u9A57\u8B49");
           logger.debug(`\u65B0\u8F38\u5165\u7684 API Key \u9577\u5EA6: ${apiKey.length}, \u524D\u7DB4: ${apiKey.substring(0, 3)}...`);
         }
-        const result = await validateAPIKey(apiKey, model);
+        logger.info(`\u9A57\u8B49\u4F7F\u7528 API URL: ${apiUrl} (\u8CC7\u6599\u5EAB: ${usingDatabaseUrl}), OpenAI \u76F8\u5BB9: ${openaiCompatible}`);
+        const result = await validateAPIKey(apiKey, model, apiUrl, openaiCompatible);
         if (result.valid) {
           logger.info(`API Key \u9A57\u8B49\u6210\u529F (${usingDatabaseKey ? "\u8CC7\u6599\u5EAB" : "\u65B0\u8F38\u5165"})`);
           logAPIRequest({
@@ -92587,9 +92623,35 @@ var MCPServer = class {
     this.mcpServer.registerTool(
       "collect_feedback",
       {
-        description: "Collect feedback from users about AI work summary. This tool opens a web interface for users to provide feedback on the AI's work.",
+        description: `Collect feedback from users about AI work. This tool opens a web interface for users to provide feedback.
+
+CRITICAL: The 'work_summary' field is the PRIMARY and ONLY content displayed to users in the feedback UI. You MUST include ALL relevant information in this field as a comprehensive Markdown-formatted report. The UI renders Markdown, so use headings, tables, code blocks, and lists for better readability.`,
         inputSchema: {
-          work_summary: external_exports.string().describe("AI\u5DE5\u4F5C\u532F\u5831\u5167\u5BB9\uFF0C\u63CF\u8FF0AI\u5B8C\u6210\u7684\u5DE5\u4F5C\u548C\u7D50\u679C"),
+          work_summary: external_exports.string().describe(`\u3010CRITICAL - THIS IS THE ONLY CONTENT SHOWN TO USERS\u3011
+
+Include a COMPLETE Markdown report with ALL of the following sections:
+
+## Required Sections:
+1. **\u{1F4CB} Task Summary** - Brief description of what was requested and accomplished
+2. **\u{1F4C1} Implementation Details** - Files created/modified with:
+   - Full file paths
+   - Key code snippets in fenced code blocks
+   - Explanation of changes
+3. **\u2705 Status Table** - Markdown table showing completion status:
+   | Item | Status | Notes |
+   |------|--------|-------|
+   | Feature A | \u2705 Done | ... |
+4. **\u{1F9EA} Test Results** - Build/test command outputs and outcomes
+5. **\u27A1\uFE0F Next Steps** - Actionable options in A/B/C format for user decision:
+   - Option A: [action] - [description]
+   - Option B: [action] - [description]
+6. **\u{1F3D7}\uFE0F Architecture** (if applicable) - ASCII diagrams or Mermaid code blocks
+
+## Format Requirements:
+- Use Markdown: ## headings, \`code\`, **bold**, tables
+- Minimum 500 characters for non-trivial tasks
+- Be specific with file paths and code examples
+- Include ALL information user needs to make decisions`),
           project_name: external_exports.string().optional().describe("\u5C08\u6848\u540D\u7A31\uFF08\u7528\u65BC Dashboard \u5206\u7D44\u986F\u793A\uFF09"),
           project_path: external_exports.string().optional().describe("\u5C08\u6848\u8DEF\u5F91\uFF08\u7528\u65BC\u552F\u4E00\u8B58\u5225\u5C08\u6848\uFF09")
         }

package/dist/static/settings.html

@@ -192,12 +192,21 @@
                 </select>
             </div>
 
-            <!-- 擴展提供商專用設定 -->
-            <div id="nvidiaExtSettings" class="form-group" style="display: none;">
-                <label class="form-label">API Endpoint</label>
-                <input type="url" class="form-input" value="https://integrate.api.nvidia.com/v1" readonly>
+            <div class="form-group">
+                <label class="form-label" for="apiUrl">API Endpoint</label>
+                <input type="url" id="apiUrl" class="form-input" placeholder="API 端點 URL">
+                <p class="form-help">可自定義 API 端點，留空使用預設值</p>
             </div>
-            
+
+            <div class="form-group">
+                <div class="checkbox-group">
+                    <input type="checkbox" id="openaiCompatible" />
+                    <label for="openaiCompatible">OpenAI 相容模式</label>
+                </div>
+                <p class="form-help">啟用後使用 OpenAI API 格式（適用於自建或第三方相容服務）</p>
+            </div>
+
+            <!-- Z.AI 專用設定 -->
             <div id="zaiExtSettings" class="form-group" style="display: none;">
                 <label class="form-label" for="zaiRegion">地區</label>
                 <select id="zaiRegion" class="form-select">

package/dist/static/settings.js

@@ -21,7 +21,8 @@
     const normalizedUrl = apiUrl.toLowerCase();
     if (normalizedUrl.includes("generativelanguage.googleapis.com")) return "google";
     if (normalizedUrl.includes("api.anthropic.com")) return "anthropic";
-    if (normalizedUrl.includes("localhost") || normalizedUrl.includes("127.0.0.1")) return "local";
+    if (normalizedUrl.includes("nvidia.com")) return "nvidia";
+    if (normalizedUrl.includes("bigmodel.cn") || normalizedUrl.includes("z.ai")) return "zai";
     if (normalizedUrl.includes("api.openai.com")) return "openai";
     return "openai"; // 預設
   }
@@ -34,6 +35,8 @@
   const elements = {
     // AI Settings
     aiProvider: document.getElementById("aiProvider"),
+    apiUrl: document.getElementById("apiUrl"),
+    openaiCompatible: document.getElementById("openaiCompatible"),
     apiKey: document.getElementById("apiKey"),
     toggleApiKey: document.getElementById("toggleApiKey"),
     aiModel: document.getElementById("aiModel"),
@@ -75,7 +78,6 @@
     resetPromptsBtn: document.getElementById("resetPromptsBtn"),
     savePromptsBtn: document.getElementById("savePromptsBtn"),
     // Extended Provider Settings (integrated into AI settings)
-    nvidiaExtSettings: document.getElementById("nvidiaExtSettings"),
     zaiExtSettings: document.getElementById("zaiExtSettings"),
     zaiRegion: document.getElementById("zaiRegion"),
     toastContainer: document.getElementById("toastContainer"),
@@ -103,6 +105,9 @@
     if (elements.aiProvider) {
       elements.aiProvider.addEventListener("change", handleAIProviderChange);
     }
+    if (elements.zaiRegion) {
+      elements.zaiRegion.addEventListener("change", handleZaiRegionChange);
+    }
 
     // CLI Settings
     elements.aiModeApi.addEventListener("change", handleAIModeChange);
@@ -130,22 +135,43 @@
     }
   }
 
-  function handleAIProviderChange() {
+  const DEFAULT_API_URLS = {
+    openai: 'https://api.openai.com/v1',
+    anthropic: 'https://api.anthropic.com/v1',
+    google: 'https://generativelanguage.googleapis.com/v1beta',
+    nvidia: 'https://integrate.api.nvidia.com/v1',
+    zai: 'https://api.z.ai/api/coding/paas/v4',
+    'zai-china': 'https://open.bigmodel.cn/api/paas/v4'
+  };
+
+  function handleAIProviderChange(updateUrl = true) {
     const provider = elements.aiProvider?.value || 'google';
-    
-    // 隱藏所有擴展設定
-    if (elements.nvidiaExtSettings) {
-      elements.nvidiaExtSettings.style.display = 'none';
-    }
+
+    // Z.AI 專用設定
     if (elements.zaiExtSettings) {
-      elements.zaiExtSettings.style.display = 'none';
+      elements.zaiExtSettings.style.display = provider === 'zai' ? 'block' : 'none';
     }
-    
-    // 顯示對應的擴展設定
-    if (provider === 'nvidia' && elements.nvidiaExtSettings) {
-      elements.nvidiaExtSettings.style.display = 'block';
-    } else if (provider === 'zai' && elements.zaiExtSettings) {
-      elements.zaiExtSettings.style.display = 'block';
+
+    // 更新預設 API URL（僅當 updateUrl 為 true 時）
+    if (updateUrl && elements.apiUrl) {
+      let defaultUrl;
+      if (provider === 'zai') {
+        const region = elements.zaiRegion?.value || 'international';
+        defaultUrl = region === 'china' ? DEFAULT_API_URLS['zai-china'] : DEFAULT_API_URLS.zai;
+      } else {
+        defaultUrl = DEFAULT_API_URLS[provider] || '';
+      }
+      elements.apiUrl.value = defaultUrl;
+      elements.apiUrl.placeholder = defaultUrl || 'API 端點 URL';
+    }
+  }
+
+  function handleZaiRegionChange() {
+    const region = elements.zaiRegion?.value || 'international';
+    if (elements.apiUrl) {
+      const defaultUrl = region === 'china' ? DEFAULT_API_URLS['zai-china'] : DEFAULT_API_URLS.zai;
+      elements.apiUrl.value = defaultUrl;
+      elements.apiUrl.placeholder = defaultUrl || 'API 端點 URL';
     }
   }
 
@@ -182,6 +208,14 @@
         // 從 apiUrl 反向推斷 provider
         const provider = getProviderFromApiUrl(data.settings.apiUrl);
         elements.aiProvider.value = provider;
+        // 設置 API URL
+        if (elements.apiUrl) {
+          elements.apiUrl.value = data.settings.apiUrl || DEFAULT_API_URLS[provider] || '';
+        }
+        // OpenAI 相容模式
+        if (elements.openaiCompatible) {
+          elements.openaiCompatible.checked = data.settings.openaiCompatible || false;
+        }
         // API 返回的是 apiKeyMasked（遮罩後的 key），顯示給用戶看
         originalApiKeyMasked = data.settings.apiKeyMasked || "";
         elements.apiKey.value = originalApiKeyMasked;
@@ -192,6 +226,8 @@
         elements.autoReplyTimerSeconds.value = data.settings.autoReplyTimerSeconds ?? 300;
         elements.maxToolRounds.value = data.settings.maxToolRounds ?? 5;
         elements.debugMode.checked = data.settings.debugMode || false;
+        // 更新 UI（不更新 URL，因為已經從資料庫載入）
+        handleAIProviderChange(false);
       }
     } catch (error) {
       console.error("Failed to load AI settings:", error);
@@ -326,6 +362,8 @@
   async function testAIConnection() {
     const apiKey = elements.apiKey.value;
     const model = elements.aiModel.value;
+    const provider = elements.aiProvider.value;
+    const apiUrl = elements.apiUrl?.value || DEFAULT_API_URLS[provider] || '';
 
     // 如果 API key 是遮罩值，表示用戶沒有修改，將使用資料庫中的 key
     const apiKeyChanged = apiKey !== originalApiKeyMasked;
@@ -344,8 +382,12 @@
     elements.testAiBtn.textContent = "測試中...";
 
     try {
-      // 如果用戶修改了 API key 就傳送新的 key，否則不傳送（後端會使用資料庫中的）
-      const payload = { model };
+      // 傳送當前表單的設定值進行測試
+      const payload = { 
+        model,
+        apiUrl,
+        openaiCompatible: elements.openaiCompatible?.checked || false
+      };
       if (apiKeyChanged) {
         payload.apiKey = apiKey;
       }
@@ -375,18 +417,22 @@
   async function saveAISettings() {
     const provider = elements.aiProvider.value;
     const currentApiKey = elements.apiKey.value;
-    
+
     // 只有當用戶真的修改了 API key 才傳送（不是遮罩值）
     const apiKeyChanged = currentApiKey !== originalApiKeyMasked;
-    
+
+    // 使用表單中的 API URL，若為空則使用預設值
+    const apiUrl = elements.apiUrl?.value || DEFAULT_API_URLS[provider] || '';
+
     const settings = {
-      apiUrl: getApiUrlFromProvider(provider),
+      apiUrl: apiUrl,
       model: elements.aiModel.value,
       temperature: parseFloat(elements.temperature.value) || 0.7,
       maxTokens: parseInt(elements.maxTokens.value) || 1000,
       autoReplyTimerSeconds: parseInt(elements.autoReplyTimerSeconds.value) || 300,
       maxToolRounds: parseInt(elements.maxToolRounds.value) || 5,
       debugMode: elements.debugMode.checked,
+      openaiCompatible: elements.openaiCompatible?.checked || false,
     };
 
     // 只有修改了 API key 才加入
@@ -574,7 +620,7 @@
   function renderPromptConfigs() {
     if (!elements.promptConfigList || !promptConfigs.length) return;
 
-    const showEditor = (id) => id !== 'user_context' && id !== 'tool_results';
+    const showEditor = (id) => id !== 'user_context' && id !== 'tool_results' && id !== 'mcp_tools_detailed';
 
     elements.promptConfigList.innerHTML = promptConfigs.map(config => `
       <div class="prompt-config-item" data-id="${config.id}" style="background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 16px;">
@@ -680,7 +726,20 @@
   function showToast(message, type = "info") {
     const toast = document.createElement("div");
     toast.className = `toast toast-${type}`;
-    toast.textContent = message;
+    
+    const messageSpan = document.createElement("span");
+    messageSpan.textContent = message;
+    toast.appendChild(messageSpan);
+
+    // 添加關閉按鈕
+    const closeBtn = document.createElement("button");
+    closeBtn.textContent = "×";
+    closeBtn.style.cssText = "margin-left: 12px; background: none; border: none; color: inherit; font-size: 18px; cursor: pointer; padding: 0 4px;";
+    closeBtn.onclick = () => {
+      toast.classList.remove("show");
+      setTimeout(() => toast.remove(), 300);
+    };
+    toast.appendChild(closeBtn);
 
     elements.toastContainer.appendChild(toast);
 
@@ -688,12 +747,15 @@
       toast.classList.add("show");
     }, 10);
 
-    setTimeout(() => {
-      toast.classList.remove("show");
+    // 錯誤訊息不自動關閉，其他類型 3 秒後關閉
+    if (type !== "error") {
       setTimeout(() => {
-        toast.remove();
-      }, 300);
-    }, 3000);
+        toast.classList.remove("show");
+        setTimeout(() => {
+          toast.remove();
+        }, 300);
+      }, 3000);
+    }
   }
 
   if (document.readyState === "loading") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hirohsu/user-web-feedback",
-  "version": "2.8.2",
+  "version": "2.8.8",
   "description": "基於Node.js的MCP回饋收集器 - 支持AI工作彙報和用戶回饋收集",
   "main": "dist/index.cjs",
   "bin": {
@@ -34,7 +34,8 @@
     "build": "tsup",
     "dev": "tsx watch --clear-screen=false src/cli.ts",
     "start": "node dist/cli.js",
-    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
+    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js --maxWorkers=50%",
+    "test:ci": "node --experimental-vm-modules node_modules/jest/bin/jest.js --maxWorkers=1 --forceExit",
     "test:integration": "node --experimental-vm-modules node_modules/jest/bin/jest.js src/__tests__/integration.test.ts --testPathIgnorePatterns=[] --forceExit",
     "test:all": "npm run test && npm run test:integration",
     "test:watch": "jest --watch",
@@ -45,8 +46,9 @@
     "prepublishOnly": "npm run clean && npm run build && node scripts/remove-sourcemaps.cjs"
   },
   "dependencies": {
-    "@hirohsu/user-web-feedback": "^2.8.1",
-    "better-sqlite3": "^12.4.1"
+    "@hirohsu/user-web-feedback": "^2.8.2",
+    "better-sqlite3": "^12.4.1",
+    "openai": "^6.16.0"
   },
   "optionalDependencies": {
     "@google/generative-ai": "^0.24.1",