@hirohsu/user-web-feedback 2.8.1 → 2.8.8

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,11 +35,11 @@
   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"),
-    systemPrompt: document.getElementById("systemPrompt"),
-    mcpToolsPrompt: document.getElementById("mcpToolsPrompt"),
     temperature: document.getElementById("temperature"),
     maxTokens: document.getElementById("maxTokens"),
     autoReplyTimerSeconds: document.getElementById("autoReplyTimerSeconds"),
@@ -72,6 +73,13 @@
     selfProbeCount: document.getElementById("selfProbeCount"),
     selfProbeLastTime: document.getElementById("selfProbeLastTime"),
     saveSelfProbeBtn: document.getElementById("saveSelfProbeBtn"),
+    // Prompt Config Settings
+    promptConfigList: document.getElementById("promptConfigList"),
+    resetPromptsBtn: document.getElementById("resetPromptsBtn"),
+    savePromptsBtn: document.getElementById("savePromptsBtn"),
+    // Extended Provider Settings (integrated into AI settings)
+    zaiExtSettings: document.getElementById("zaiExtSettings"),
+    zaiRegion: document.getElementById("zaiRegion"),
     toastContainer: document.getElementById("toastContainer"),
   };
 
@@ -86,6 +94,7 @@
     loadCLISettings();
     loadPreferences();
     loadSelfProbeSettings();
+    loadPromptConfigs();
   }
 
   function setupEventListeners() {
@@ -93,6 +102,12 @@
     elements.toggleApiKey.addEventListener("click", toggleApiKeyVisibility);
     elements.testAiBtn.addEventListener("click", testAIConnection);
     elements.saveAiBtn.addEventListener("click", saveAISettings);
+    if (elements.aiProvider) {
+      elements.aiProvider.addEventListener("change", handleAIProviderChange);
+    }
+    if (elements.zaiRegion) {
+      elements.zaiRegion.addEventListener("change", handleZaiRegionChange);
+    }
 
     // CLI Settings
     elements.aiModeApi.addEventListener("change", handleAIModeChange);
@@ -110,6 +125,54 @@
     if (elements.saveSelfProbeBtn) {
       elements.saveSelfProbeBtn.addEventListener("click", saveSelfProbeSettings);
     }
+
+    // Prompt Config Settings
+    if (elements.resetPromptsBtn) {
+      elements.resetPromptsBtn.addEventListener("click", resetPromptConfigs);
+    }
+    if (elements.savePromptsBtn) {
+      elements.savePromptsBtn.addEventListener("click", savePromptConfigs);
+    }
+  }
+
+  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';
+
+    // Z.AI 專用設定
+    if (elements.zaiExtSettings) {
+      elements.zaiExtSettings.style.display = provider === 'zai' ? 'block' : 'none';
+    }
+
+    // 更新預設 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';
+    }
   }
 
   function handleSelfProbeToggle() {
@@ -145,18 +208,26 @@
         // 從 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;
         elements.apiKey.placeholder = originalApiKeyMasked ? "輸入新的 API Key 以更換" : "請輸入 API Key";
         elements.aiModel.value = data.settings.model || "";
-        elements.systemPrompt.value = data.settings.systemPrompt || "";
-        elements.mcpToolsPrompt.value = data.settings.mcpToolsPrompt || "";
         elements.temperature.value = data.settings.temperature ?? 0.7;
         elements.maxTokens.value = data.settings.maxTokens ?? 1000;
         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);
@@ -291,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;
@@ -309,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;
       }
@@ -340,20 +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,
-      systemPrompt: elements.systemPrompt.value,
-      mcpToolsPrompt: elements.mcpToolsPrompt.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 才加入
@@ -515,10 +594,152 @@
     }
   }
 
+  // ============ Prompt Config Functions ============
+
+  let promptConfigs = [];
+
+  async function loadPromptConfigs() {
+    if (!elements.promptConfigList) return;
+
+    try {
+      const response = await fetch(`${API_BASE}/api/settings/prompts`);
+      const data = await response.json();
+
+      if (data.success && data.prompts) {
+        promptConfigs = data.prompts;
+        renderPromptConfigs();
+      } else {
+        elements.promptConfigList.innerHTML = '<div style="text-align: center; padding: 20px; color: var(--text-muted);">無法載入配置</div>';
+      }
+    } catch (error) {
+      console.error("Load prompt configs failed:", error);
+      elements.promptConfigList.innerHTML = '<div style="text-align: center; padding: 20px; color: var(--text-muted);">載入失敗</div>';
+    }
+  }
+
+  function renderPromptConfigs() {
+    if (!elements.promptConfigList || !promptConfigs.length) return;
+
+    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;">
+        <div style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: ${showEditor(config.id) ? '12px' : '0'};">
+          <span style="font-weight: 600; color: var(--text-primary); font-size: 14px;">${config.displayName}</span>
+          <div style="display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
+            <label style="display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text-secondary);">
+              第一次:
+              <input type="number" class="first-order form-input" value="${config.firstOrder}" min="0" max="1000" step="10" style="width: 60px; padding: 4px 8px;">
+            </label>
+            <label style="display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text-secondary);">
+              第二次:
+              <input type="number" class="second-order form-input" value="${config.secondOrder}" min="0" max="1000" step="10" style="width: 60px; padding: 4px 8px;">
+            </label>
+            <label style="display: flex; align-items: center; gap: 6px; font-size: 13px;">
+              <input type="checkbox" class="prompt-enabled" ${config.enabled ? 'checked' : ''}>
+              啟用
+            </label>
+          </div>
+        </div>
+        ${showEditor(config.id) ? `
+        <textarea class="prompt-content form-textarea" style="min-height: 100px;">${config.content || ''}</textarea>
+        ` : ''}
+      </div>
+    `).join('');
+  }
+
+  async function savePromptConfigs() {
+    if (!elements.savePromptsBtn) return;
+
+    elements.savePromptsBtn.disabled = true;
+    elements.savePromptsBtn.textContent = "儲存中...";
+
+    try {
+      const items = document.querySelectorAll('.prompt-config-item');
+      const updates = [];
+
+      items.forEach(item => {
+        const id = item.dataset.id;
+        const firstOrder = parseInt(item.querySelector('.first-order').value) || 0;
+        const secondOrder = parseInt(item.querySelector('.second-order').value) || 0;
+        const enabled = item.querySelector('.prompt-enabled').checked;
+        const contentEl = item.querySelector('.prompt-content');
+        const content = contentEl ? contentEl.value || null : null;
+
+        updates.push({ id, firstOrder, secondOrder, enabled, content });
+      });
+
+      const response = await fetch(`${API_BASE}/api/settings/prompts`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ prompts: updates })
+      });
+
+      const data = await response.json();
+
+      if (data.success) {
+        showToast("提示詞配置已儲存", "success");
+        if (data.prompts) {
+          promptConfigs = data.prompts;
+        }
+      } else {
+        showToast(`儲存失敗: ${data.error || "未知錯誤"}`, "error");
+      }
+    } catch (error) {
+      console.error("Save prompt configs failed:", error);
+      showToast("儲存失敗", "error");
+    } finally {
+      elements.savePromptsBtn.disabled = false;
+      elements.savePromptsBtn.textContent = "儲存提示詞設定";
+    }
+  }
+
+  async function resetPromptConfigs() {
+    if (!confirm("確定要重置為預設配置？")) return;
+    if (!elements.resetPromptsBtn) return;
+
+    elements.resetPromptsBtn.disabled = true;
+    elements.resetPromptsBtn.textContent = "重置中...";
+
+    try {
+      const response = await fetch(`${API_BASE}/api/settings/prompts/reset`, { method: 'POST' });
+      const data = await response.json();
+
+      if (data.success) {
+        showToast("已重置為預設配置", "success");
+        if (data.prompts) {
+          promptConfigs = data.prompts;
+          renderPromptConfigs();
+        }
+      } else {
+        showToast(`重置失敗: ${data.error || "未知錯誤"}`, "error");
+      }
+    } catch (error) {
+      console.error("Reset prompt configs failed:", error);
+      showToast("重置失敗", "error");
+    } finally {
+      elements.resetPromptsBtn.disabled = false;
+      elements.resetPromptsBtn.textContent = "恢復預設";
+    }
+  }
+
   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);
 
@@ -526,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.1",
+  "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,7 +46,9 @@
     "prepublishOnly": "npm run clean && npm run build && node scripts/remove-sourcemaps.cjs"
   },
   "dependencies": {
-    "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",