@syke1/mcp-server 1.4.21 → 1.4.22

package/dist/web/public/app.js

@@ -4003,6 +4003,7 @@ function setupAIKeysModal() {
 
   function updateStatus(row, isConfigured, isActive) {
     const statusEl = row.querySelector(".ai-key-status");
+    const removeBtn = row.querySelector(".ai-key-remove-btn");
     if (isActive) {
       statusEl.textContent = "ACTIVE";
       statusEl.className = "ai-key-status active";
@@ -4013,6 +4014,13 @@ function setupAIKeysModal() {
       statusEl.textContent = "---";
       statusEl.className = "ai-key-status none";
     }
+    if (removeBtn) {
+      if (isConfigured || isActive) {
+        removeBtn.classList.remove("hidden");
+      } else {
+        removeBtn.classList.add("hidden");
+      }
+    }
   }
 
   function updateAll(aiKeys, activeProvider) {
@@ -4096,6 +4104,38 @@ function setupAIKeysModal() {
     input.addEventListener("keydown", function(e) {
       if (e.key === "Enter") setBtn.click();
     });
+
+    // REMOVE button handler
+    const removeBtn = row.querySelector(".ai-key-remove-btn");
+    if (removeBtn) {
+      removeBtn.addEventListener("click", async function() {
+        removeBtn.disabled = true;
+        removeBtn.textContent = "...";
+
+        try {
+          const res = await fetch("/api/set-ai-key", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ provider: provider, key: null }),
+          });
+          const data = await res.json();
+          if (data.success) {
+            updateAll(data.configured, data.activeProvider);
+            input.value = "";
+            var placeholders = { gemini: "AIzaSy...", openai: "sk-...", anthropic: "sk-ant-..." };
+            input.placeholder = placeholders[provider] || "";
+            if (window._refreshAIProviderSelector) window._refreshAIProviderSelector();
+          }
+        } catch (err) {
+          var statusEl = row.querySelector(".ai-key-status");
+          statusEl.textContent = "ERROR";
+          statusEl.className = "ai-key-status";
+          statusEl.style.color = "#ff5f57";
+        }
+        removeBtn.disabled = false;
+        removeBtn.textContent = "REMOVE";
+      });
+    }
   });
 
   document.addEventListener("keydown", function(e) {

package/dist/web/public/index.html

@@ -474,18 +474,21 @@
           <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>
+          <button class="ai-key-remove-btn hidden">REMOVE</button>
         </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>
+          <button class="ai-key-remove-btn hidden">REMOVE</button>
         </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>
+          <button class="ai-key-remove-btn hidden">REMOVE</button>
         </div>
       </div>
       <div id="ai-keys-active" class="ai-keys-active"></div>

package/dist/web/public/style.css

@@ -2223,6 +2223,26 @@ main {
   color: var(--text-secondary);
   opacity: 0.4;
 }
+.ai-key-remove-btn {
+  padding: 4px 8px;
+  border: 1px solid rgba(255,95,87,0.4);
+  border-radius: 3px;
+  background: transparent;
+  color: #ff5f57;
+  font-family: inherit;
+  font-size: 9px;
+  letter-spacing: 1.5px;
+  cursor: pointer;
+  transition: all 0.2s;
+  flex-shrink: 0;
+}
+.ai-key-remove-btn:hover {
+  background: rgba(255,95,87,0.1);
+  border-color: #ff5f57;
+}
+.ai-key-remove-btn.hidden {
+  display: none;
+}
 .ai-keys-active {
   font-size: 11px;
   color: var(--risk-low);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syke1/mcp-server",
-  "version": "1.4.21",
+  "version": "1.4.22",
   "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",