@syke1/mcp-server 1.4.5 → 1.4.6

package/dist/ai/provider.d.ts

@@ -15,6 +15,11 @@ export interface AIProvider {
  * 2. Auto-select: GEMINI_KEY > OPENAI_KEY > ANTHROPIC_KEY
  */
 export declare function getAIProvider(): AIProvider | null;
+/**
+ * Reset the cached provider so the next getAIProvider() call re-evaluates config.
+ * Call this after changing API keys at runtime.
+ */
+export declare function resetAIProvider(): void;
 /**
  * Human-readable name for the active AI provider (for logs/UI).
  */

package/dist/ai/provider.js

@@ -5,6 +5,7 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAIProvider = getAIProvider;
+exports.resetAIProvider = resetAIProvider;
 exports.getProviderName = getProviderName;
 const generative_ai_1 = require("@google/generative-ai");
 const config_1 = require("../config");
@@ -169,6 +170,13 @@ function getAIProvider() {
     }
     return cachedProvider;
 }
+/**
+ * Reset the cached provider so the next getAIProvider() call re-evaluates config.
+ * Call this after changing API keys at runtime.
+ */
+function resetAIProvider() {
+    cachedProvider = undefined;
+}
 /**
  * Human-readable name for the active AI provider (for logs/UI).
  */

package/dist/index.js

@@ -587,6 +587,34 @@ async function main() {
                 licenseStatus = { plan: "free", source: "default" };
                 return { success: true, plan: "free" };
             }
+        }, 
+        // setAIKeyFn
+        (provider, key) => {
+            const map = { gemini: "geminiKey", openai: "openaiKey", anthropic: "anthropicKey" };
+            const configKey = map[provider];
+            if (configKey) {
+                (0, config_1.setConfig)(configKey, key);
+                (0, provider_1.resetAIProvider)();
+            }
+            const gemini = !!(0, config_1.getConfig)("geminiKey", "GEMINI_KEY");
+            const openai = !!(0, config_1.getConfig)("openaiKey", "OPENAI_KEY");
+            const anthropic = !!(0, config_1.getConfig)("anthropicKey", "ANTHROPIC_KEY");
+            return {
+                success: true,
+                activeProvider: (0, provider_1.getProviderName)(),
+                configured: { gemini, openai, anthropic },
+            };
+        }, 
+        // getAIInfoFn
+        () => {
+            return {
+                activeProvider: (0, provider_1.getProviderName)(),
+                configured: {
+                    gemini: !!(0, config_1.getConfig)("geminiKey", "GEMINI_KEY"),
+                    openai: !!(0, config_1.getConfig)("openaiKey", "OPENAI_KEY"),
+                    anthropic: !!(0, config_1.getConfig)("anthropicKey", "ANTHROPIC_KEY"),
+                },
+            };
         });
         webServerHandle = { setFileCache: setWebFileCache };
         webApp.listen(WEB_PORT, () => {

package/dist/web/public/app.js

@@ -464,6 +464,7 @@ document.addEventListener("DOMContentLoaded", async () => {
   setupSettings();
   setupProjectModal();
   setupLicenseModal();
+  setupAIKeysModal();
   setupFileTree();
   initSSE();
   startHealthCheck();
@@ -3974,3 +3975,115 @@ function setupProjectModal() {
     if (e.target === modal) modal.classList.add("hidden");
   });
 }
+
+// ══════════════════════════════════════════════════════════════
+// AI KEYS MODAL
+// ══════════════════════════════════════════════════════════════
+function setupAIKeysModal() {
+  const btn = document.getElementById("btn-ai-keys");
+  const modal = document.getElementById("ai-keys-modal");
+  const closeBtn = document.getElementById("btn-ai-keys-close");
+  const activeEl = document.getElementById("ai-keys-active");
+  if (!btn || !modal) return;
+
+  function updateStatus(row, isConfigured, isActive) {
+    const statusEl = row.querySelector(".ai-key-status");
+    if (isActive) {
+      statusEl.textContent = "ACTIVE";
+      statusEl.className = "ai-key-status active";
+    } else if (isConfigured) {
+      statusEl.textContent = "CONFIGURED";
+      statusEl.className = "ai-key-status configured";
+    } else {
+      statusEl.textContent = "---";
+      statusEl.className = "ai-key-status none";
+    }
+  }
+
+  function updateAll(aiKeys, activeProvider) {
+    const rows = modal.querySelectorAll(".ai-key-row");
+    rows.forEach(function(row) {
+      const provider = row.dataset.provider;
+      const configured = aiKeys[provider] || false;
+      const isActive = configured && activeProvider.toLowerCase().includes(provider);
+      updateStatus(row, configured, isActive);
+    });
+    if (activeProvider && activeProvider !== "disabled") {
+      activeEl.textContent = "Active: " + activeProvider;
+    } else {
+      activeEl.textContent = "No AI provider configured";
+      activeEl.style.color = "var(--text-secondary)";
+    }
+  }
+
+  async function openModal() {
+    modal.classList.remove("hidden");
+    // Clear inputs
+    modal.querySelectorAll(".ai-key-input").forEach(function(inp) { inp.value = ""; });
+    // Fetch current state
+    try {
+      const res = await fetch("/api/project-info");
+      const info = await res.json();
+      updateAll(info.aiKeys || {}, info.aiProvider || "disabled");
+    } catch {
+      activeEl.textContent = "Failed to fetch status";
+    }
+  }
+
+  function closeModal() {
+    modal.classList.add("hidden");
+  }
+
+  btn.addEventListener("click", openModal);
+  closeBtn.addEventListener("click", closeModal);
+  modal.addEventListener("click", function(e) { if (e.target === modal) closeModal(); });
+
+  // SET button handlers
+  modal.querySelectorAll(".ai-key-row").forEach(function(row) {
+    const setBtn = row.querySelector(".ai-key-set-btn");
+    const input = row.querySelector(".ai-key-input");
+    const provider = row.dataset.provider;
+
+    setBtn.addEventListener("click", async function() {
+      const key = input.value.trim();
+      setBtn.disabled = true;
+      setBtn.textContent = "...";
+
+      try {
+        const res = await fetch("/api/set-ai-key", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ provider: provider, key: key || null }),
+        });
+        const data = await res.json();
+        if (data.success) {
+          updateAll(data.configured, data.activeProvider);
+          input.value = "";
+          if (key) {
+            input.placeholder = "****" + key.slice(-4);
+          } else {
+            var placeholders = { gemini: "AIzaSy...", openai: "sk-...", anthropic: "sk-ant-..." };
+            input.placeholder = placeholders[provider] || "";
+          }
+        }
+      } catch (err) {
+        var statusEl = row.querySelector(".ai-key-status");
+        statusEl.textContent = "ERROR";
+        statusEl.className = "ai-key-status";
+        statusEl.style.color = "#ff5f57";
+      }
+      setBtn.disabled = false;
+      setBtn.textContent = "SET";
+    });
+
+    input.addEventListener("keydown", function(e) {
+      if (e.key === "Enter") setBtn.click();
+    });
+  });
+
+  document.addEventListener("keydown", function(e) {
+    if (e.key === "Escape" && !modal.classList.contains("hidden")) {
+      closeModal();
+    }
+  });
+}

package/dist/web/public/index.html

@@ -21,6 +21,7 @@
       <span id="sse-status" class="sse-indicator offline">OFFLINE</span>
       <span id="license-badge" class="license-badge free">FREE</span>
       <button id="btn-license" class="top-btn license-btn">LICENSE</button>
+      <button id="btn-ai-keys" class="top-btn ai-keys-btn">AI</button>
     </div>
     <div class="project-selector">
       <span id="current-project" class="project-path">Loading...</span>
@@ -455,6 +456,39 @@
     </div>
   </div>
 
+  <!-- AI Keys Modal -->
+  <div id="ai-keys-modal" class="hidden">
+    <div class="ai-keys-modal-panel">
+      <h3>AI PROVIDER KEYS</h3>
+      <p class="ai-keys-modal-desc">Configure API keys to enable AI analysis.</p>
+      <div class="ai-keys-rows">
+        <div class="ai-key-row" data-provider="gemini">
+          <span class="ai-key-label">GEMINI</span>
+          <input type="password" class="ai-key-input" placeholder="AIzaSy..." spellcheck="false" autocomplete="off">
+          <button class="ai-key-set-btn">SET</button>
+          <span class="ai-key-status"></span>
+        </div>
+        <div class="ai-key-row" data-provider="openai">
+          <span class="ai-key-label">OPENAI</span>
+          <input type="password" class="ai-key-input" placeholder="sk-..." spellcheck="false" autocomplete="off">
+          <button class="ai-key-set-btn">SET</button>
+          <span class="ai-key-status"></span>
+        </div>
+        <div class="ai-key-row" data-provider="anthropic">
+          <span class="ai-key-label">ANTHROPIC</span>
+          <input type="password" class="ai-key-input" placeholder="sk-ant-..." spellcheck="false" autocomplete="off">
+          <button class="ai-key-set-btn">SET</button>
+          <span class="ai-key-status"></span>
+        </div>
+      </div>
+      <div id="ai-keys-active" class="ai-keys-active"></div>
+      <div class="ai-keys-modal-actions">
+        <button id="btn-ai-keys-close">CLOSE</button>
+      </div>
+      <p class="ai-keys-priority">Priority: Gemini &gt; OpenAI &gt; Anthropic</p>
+    </div>
+  </div>
+
   <!-- Bottom status bar -->
   <div id="bottom-bar">
     <span id="bottom-info">SYKE v--- · ---</span>

package/dist/web/public/style.css

@@ -2060,6 +2060,154 @@ main {
   letter-spacing: 1.5px;
 }
 
+.ai-keys-btn {
+  font-size: 9px !important;
+  padding: 2px 8px !important;
+  letter-spacing: 1.5px;
+}
+
+/* ═══════════════════════════════════════════ */
+/* AI Keys Modal                               */
+/* ═══════════════════════════════════════════ */
+#ai-keys-modal {
+  position: fixed;
+  inset: 0;
+  background: rgba(5,10,24,0.85);
+  z-index: 400;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  backdrop-filter: blur(4px);
+}
+#ai-keys-modal.hidden { display: none; }
+
+.ai-keys-modal-panel {
+  background: var(--bg-secondary);
+  border: 1px solid var(--accent-dim);
+  border-radius: 6px;
+  padding: 24px 32px;
+  min-width: 460px;
+  max-width: 520px;
+  box-shadow: var(--glow-cyan), 0 16px 64px rgba(0,0,0,0.5);
+}
+.ai-keys-modal-panel h3 {
+  font-size: 12px;
+  color: var(--accent);
+  letter-spacing: 3px;
+  margin-bottom: 8px;
+}
+.ai-keys-modal-desc {
+  font-size: 11px;
+  color: var(--text-secondary);
+  margin-bottom: 16px;
+}
+.ai-keys-rows {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-bottom: 14px;
+}
+.ai-key-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.ai-key-label {
+  font-size: 10px;
+  letter-spacing: 2px;
+  color: var(--text-secondary);
+  width: 80px;
+  flex-shrink: 0;
+}
+.ai-key-input {
+  flex: 1;
+  padding: 7px 10px;
+  background: rgba(0,0,0,0.5);
+  border: 1px solid var(--border);
+  border-radius: 3px;
+  color: var(--text-primary);
+  font-family: inherit;
+  font-size: 12px;
+  letter-spacing: 1px;
+  outline: none;
+  transition: border-color 0.2s;
+}
+.ai-key-input:focus {
+  border-color: var(--accent);
+  box-shadow: 0 0 8px rgba(0,212,255,0.15);
+}
+.ai-key-input::placeholder {
+  color: var(--text-secondary);
+  font-size: 11px;
+  opacity: 0.5;
+}
+.ai-key-set-btn {
+  padding: 6px 12px;
+  border: 1px solid var(--accent-dim);
+  border-radius: 3px;
+  background: transparent;
+  color: var(--accent);
+  font-family: inherit;
+  font-size: 10px;
+  letter-spacing: 2px;
+  cursor: pointer;
+  transition: all 0.2s;
+  flex-shrink: 0;
+}
+.ai-key-set-btn:hover {
+  background: rgba(0,212,255,0.08);
+  border-color: var(--accent);
+}
+.ai-key-status {
+  font-size: 9px;
+  letter-spacing: 1px;
+  width: 70px;
+  text-align: center;
+  flex-shrink: 0;
+}
+.ai-key-status.active {
+  color: var(--risk-low);
+}
+.ai-key-status.configured {
+  color: var(--text-secondary);
+}
+.ai-key-status.none {
+  color: var(--text-secondary);
+  opacity: 0.4;
+}
+.ai-keys-active {
+  font-size: 11px;
+  color: var(--risk-low);
+  margin-bottom: 14px;
+  min-height: 18px;
+}
+.ai-keys-modal-actions {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+.ai-keys-modal-actions button {
+  padding: 8px 18px;
+  border: 1px solid var(--accent-dim);
+  border-radius: 3px;
+  background: transparent;
+  color: var(--accent);
+  font-family: inherit;
+  font-size: 10px;
+  letter-spacing: 2px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+.ai-keys-modal-actions button:hover {
+  background: rgba(0,212,255,0.08);
+  border-color: var(--accent);
+}
+.ai-keys-priority {
+  font-size: 9px;
+  color: var(--text-secondary);
+  opacity: 0.6;
+}
+
 /* ═══════════════════════════════════════════ */
 /* Project Switch Modal                        */
 /* ═══════════════════════════════════════════ */

package/dist/web/server.d.ts

@@ -40,4 +40,19 @@ export declare function createWebServer(getGraphFn: () => DependencyGraph, initi
     plan?: string;
     expiresAt?: string;
     error?: string;
-}>): WebServerHandle;
+}>, setAIKeyFn?: (provider: string, key: string | null) => {
+    success: boolean;
+    activeProvider: string;
+    configured: {
+        gemini: boolean;
+        openai: boolean;
+        anthropic: boolean;
+    };
+}, getAIInfoFn?: () => {
+    activeProvider: string;
+    configured: {
+        gemini: boolean;
+        openai: boolean;
+        anthropic: boolean;
+    };
+}): WebServerHandle;

package/dist/web/server.js

@@ -227,7 +227,7 @@ function acknowledgeWarnings() {
 function getAllWarnings() {
     return [...warningStore];
 }
-function createWebServer(getGraphFn, initialFileCache, switchProjectFn, getProjectRoot, getPackageName, getLicenseStatus, hasAIKeyFn, setLicenseKeyFn) {
+function createWebServer(getGraphFn, initialFileCache, switchProjectFn, getProjectRoot, getPackageName, getLicenseStatus, hasAIKeyFn, setLicenseKeyFn, setAIKeyFn, getAIInfoFn) {
     const app = (0, express_1.default)();
     app.use(express_1.default.json());
     // Serve static files from public/
@@ -745,6 +745,7 @@ function createWebServer(getGraphFn, initialFileCache, switchProjectFn, getProje
         const maskedKey = rawKey.length > 10
             ? rawKey.substring(0, 9) + "····" + rawKey.substring(rawKey.length - 4)
             : "";
+        const aiInfo = getAIInfoFn ? getAIInfoFn() : { activeProvider: "disabled", configured: { gemini: false, openai: false, anthropic: false } };
         res.json({
             projectRoot: getProjectRoot ? getProjectRoot() : graph.projectRoot,
             packageName: getPackageName ? getPackageName() : "",
@@ -757,6 +758,8 @@ function createWebServer(getGraphFn, initialFileCache, switchProjectFn, getProje
             licenseKey: maskedKey,
             freeFileLimit: 50,
             sykeVersion,
+            aiProvider: aiInfo.activeProvider,
+            aiKeys: aiInfo.configured,
         });
     });
     // POST /api/set-license-key — Set or remove license key via dashboard
@@ -774,6 +777,25 @@ function createWebServer(getGraphFn, initialFileCache, switchProjectFn, getProje
             res.status(500).json({ success: false, error: err.message || "Unknown error" });
         }
     });
+    // POST /api/set-ai-key — Set or remove an AI provider API key
+    app.post("/api/set-ai-key", (req, res) => {
+        if (!setAIKeyFn) {
+            res.status(501).json({ success: false, error: "Not supported" });
+            return;
+        }
+        const { provider, key } = req.body;
+        if (!provider || !["gemini", "openai", "anthropic"].includes(provider)) {
+            res.status(400).json({ success: false, error: "provider must be gemini, openai, or anthropic" });
+            return;
+        }
+        try {
+            const result = setAIKeyFn(provider, key || null);
+            res.json(result);
+        }
+        catch (err) {
+            res.status(500).json({ success: false, error: err.message || "Unknown error" });
+        }
+    });
     // GET /api/browse-dirs — List subdirectories for folder browser
     app.get("/api/browse-dirs", (req, res) => {
         const dirPath = req.query.path || (process.platform === "win32" ? "C:\\" : "/");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syke1/mcp-server",
-  "version": "1.4.5",
+  "version": "1.4.6",
   "mcpName": "io.github.khalomsky/syke",
   "description": "AI code impact analysis MCP server — dependency graphs, cascade detection, and a mandatory build gate for AI coding agents",
   "main": "dist/index.js",