@syke1/mcp-server 1.8.8 → 1.8.9

package/dist/web/public/app.js

@@ -464,6 +464,7 @@ document.addEventListener("DOMContentLoaded", async () => {
   setupSettings();
   setupProjectModal();
   setupLicenseModal();
+  setupUpgradeModal();
   setupAIKeysModal();
   setupAIProviderSelector();
   setupFileTree();
@@ -3719,6 +3720,7 @@ function hideServerOffline() {
 
 let _currentPlan = "free"; // track current plan for Cortex modal
 let _billingPeriod = null; // "monthly" | "annual" | null
+let _expiresAt = null; // ISO date string for trial/subscription expiry
 
 async function loadProjectInfo() {
   try {
@@ -3726,6 +3728,7 @@ async function loadProjectInfo() {
     const info = await res.json();
     _currentPlan = info.plan || "free";
     _billingPeriod = info.billingPeriod || null;
+    _expiresAt = info.expiresAt || null;
     const el = document.getElementById("current-project");
     if (el) {
       const short = info.projectRoot.length > 50
@@ -3744,6 +3747,7 @@ async function loadProjectInfo() {
     hideServerOffline();
     updateLicenseBadge(info.plan, info.expiresAt);
     updateLicenseButton(info.plan);
+    updateUpgradeButton(info.plan);
     // Bottom bar: fetch version from npm registry
     updateBottomBar();
   } catch (e) {
@@ -3980,6 +3984,7 @@ function setupLicenseModal() {
         statusEl.textContent = data.plan === "pro_trial" ? "TRIAL-PRO ACTIVATED" : "PRO ACTIVATED";
         updateLicenseBadge(data.plan, data.expiresAt);
         updateLicenseButton(data.plan);
+        updateUpgradeButton(data.plan);
         setTimeout(closeModal, 1200);
       } else {
         statusEl.className = "error";
@@ -4009,6 +4014,7 @@ function setupLicenseModal() {
         statusEl.textContent = "KEY REMOVED";
         updateLicenseBadge("free", null);
         updateLicenseButton("free");
+        updateUpgradeButton("free");
         setTimeout(closeModal, 800);
       }
     } catch {
@@ -4029,6 +4035,192 @@ function updateLicenseButton(plan) {
   btn.textContent = (plan === "pro" || plan === "pro_trial") ? "LICENSED" : "LICENSE";
 }
 
+// ══════════════════════════════════════════════════════════════
+// UPGRADE BUTTON + MODAL
+// ══════════════════════════════════════════════════════════════
+function updateUpgradeButton(plan) {
+  const btn = document.getElementById("btn-upgrade");
+  if (!btn) return;
+
+  const p = (plan || "free").toLowerCase();
+
+  if (p === "cortex" || p === "cortex_trial") {
+    // Cortex users: hide upgrade button
+    btn.classList.add("hidden");
+    btn.className = "top-btn upgrade-btn hidden";
+  } else if (p === "pro" || p === "pro_trial") {
+    // Pro users: show "CORTEX" button (magenta)
+    btn.classList.remove("hidden");
+    btn.className = "top-btn upgrade-btn upgrade-cortex";
+    btn.innerHTML = "→ CORTEX";
+  } else {
+    // Free / Trial: show "UPGRADE" with pulse
+    btn.classList.remove("hidden");
+    btn.className = "top-btn upgrade-btn upgrade-pulse";
+    btn.innerHTML = "UPGRADE ↑";
+  }
+
+  // Update trial badge with days left
+  updateTrialBadge(p);
+}
+
+function updateTrialBadge(plan) {
+  const badge = document.getElementById("license-badge");
+  if (!badge) return;
+
+  if ((plan === "pro_trial" || plan === "trial") && _expiresAt) {
+    const now = new Date();
+    const exp = new Date(_expiresAt);
+    const daysLeft = Math.max(0, Math.ceil((exp - now) / (1000 * 60 * 60 * 24)));
+    badge.textContent = "TRIAL \u00B7 " + daysLeft + "d left";
+    badge.className = "license-badge trial-days";
+  }
+}
+
+function openUpgradeModal() {
+  const modal = document.getElementById("upgrade-modal");
+  const title = document.getElementById("upgrade-modal-title");
+  const proCard = document.getElementById("upgrade-card-pro");
+  const cortexCard = document.getElementById("upgrade-card-cortex");
+  const cardsContainer = document.getElementById("upgrade-cards");
+  const currentPlanEl = document.getElementById("upgrade-current-plan");
+  const cortexPrice = document.getElementById("cortex-monthly-price");
+
+  if (!modal) return;
+
+  const plan = (_currentPlan || "free").toLowerCase();
+  const billing = _billingPeriod;
+
+  // Reset layout
+  cardsContainer.classList.remove("cortex-only");
+
+  if (plan === "pro" || plan === "pro_trial") {
+    // Pro user -> show only Cortex card with upgrade pricing
+    title.textContent = "UPGRADE TO CORTEX";
+    proCard.style.display = "none";
+    cortexCard.style.display = "";
+    cardsContainer.classList.add("cortex-only");
+
+    // Show upgrade price note
+    if (billing === "annual") {
+      cortexPrice.innerHTML = '$29<span class="upgrade-price-unit">/mo</span> <span class="upgrade-pro-note">(+$150/yr upgrade)</span>';
+    } else {
+      cortexPrice.innerHTML = '$29<span class="upgrade-price-unit">/mo</span> <span class="upgrade-pro-note">(+$20/mo upgrade)</span>';
+    }
+
+    const planLabel = plan === "pro_trial" ? "TRIAL-PRO" : "PRO";
+    currentPlanEl.textContent = "Current: " + planLabel;
+
+    // Update subscribe button labels for Pro users
+    cortexCard.querySelectorAll(".cortex-subscribe").forEach(function(btn) {
+      if (btn.dataset.plan === "cortex_monthly") {
+        btn.textContent = "UPGRADE MONTHLY";
+      } else if (btn.dataset.plan === "cortex_annual") {
+        btn.textContent = "UPGRADE ANNUAL";
+      }
+    });
+  } else {
+    // Free / Trial -> show both cards
+    title.textContent = "UPGRADE YOUR PLAN";
+    proCard.style.display = "";
+    cortexCard.style.display = "";
+
+    // Reset cortex price (no upgrade note)
+    cortexPrice.innerHTML = '$29<span class="upgrade-price-unit">/mo</span>';
+
+    currentPlanEl.textContent = "Current: FREE";
+
+    // Reset subscribe button labels
+    cortexCard.querySelectorAll(".cortex-subscribe").forEach(function(btn) {
+      if (btn.dataset.plan === "cortex_monthly") {
+        btn.textContent = "SUBSCRIBE";
+      } else if (btn.dataset.plan === "cortex_annual") {
+        btn.textContent = "SUBSCRIBE ANNUAL";
+      }
+    });
+  }
+
+  modal.classList.remove("hidden");
+}
+
+function closeUpgradeModal() {
+  var modal = document.getElementById("upgrade-modal");
+  if (modal) modal.classList.add("hidden");
+}
+
+function setupUpgradeModal() {
+  var upgradeBtn = document.getElementById("btn-upgrade");
+  var closeBtn = document.getElementById("btn-close-upgrade");
+  var footerClose = document.getElementById("btn-upgrade-close");
+  var modal = document.getElementById("upgrade-modal");
+
+  if (!upgradeBtn || !modal) return;
+
+  // Open modal
+  upgradeBtn.addEventListener("click", openUpgradeModal);
+
+  // Close handlers
+  if (closeBtn) closeBtn.addEventListener("click", closeUpgradeModal);
+  if (footerClose) footerClose.addEventListener("click", closeUpgradeModal);
+
+  // Close on backdrop click
+  modal.addEventListener("click", function(e) {
+    if (e.target === modal) closeUpgradeModal();
+  });
+
+  // Subscribe button handlers
+  modal.querySelectorAll(".upgrade-subscribe-btn").forEach(function(btn) {
+    btn.addEventListener("click", function() {
+      var planId = btn.dataset.plan;
+      handleUpgradeSubscribe(planId, btn);
+    });
+  });
+}
+
+async function handleUpgradeSubscribe(planId, btn) {
+  var originalText = btn.textContent;
+  btn.textContent = "LOADING...";
+  btn.disabled = true;
+
+  try {
+    var res = await fetch("/api/createPaddleCheckout", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ plan: planId }),
+    });
+
+    var data = await res.json();
+
+    if (data.checkoutUrl) {
+      // Redirect to Paddle checkout
+      window.open(data.checkoutUrl, "_blank");
+      btn.textContent = "OPENED";
+      setTimeout(function() {
+        btn.textContent = originalText;
+        btn.disabled = false;
+      }, 3000);
+    } else if (data.error) {
+      btn.textContent = "ERROR";
+      console.error("[SYKE] Checkout error:", data.error);
+      setTimeout(function() {
+        btn.textContent = originalText;
+        btn.disabled = false;
+      }, 2000);
+    } else {
+      // Fallback: redirect to syke.cloud/dashboard
+      window.open("https://syke.cloud/dashboard/?plan=" + encodeURIComponent(planId), "_blank");
+      btn.textContent = originalText;
+      btn.disabled = false;
+    }
+  } catch (err) {
+    console.warn("[SYKE] Checkout fetch failed, redirecting to dashboard:", err);
+    // Fallback to syke.cloud dashboard
+    window.open("https://syke.cloud/dashboard/?plan=" + encodeURIComponent(planId), "_blank");
+    btn.textContent = originalText;
+    btn.disabled = false;
+  }
+}
+
 function setupProjectModal() {
   const openBtn = document.getElementById("btn-change-project");
   const modal = document.getElementById("project-modal");

package/dist/web/public/index.html

@@ -29,6 +29,7 @@
         <option value="anthropic">ANTHROPIC</option>
       </select>
       <button id="btn-ai-apply" class="top-btn ai-apply-btn">APPLY</button>
+      <button id="btn-upgrade" class="top-btn upgrade-btn hidden">UPGRADE &#8593;</button>
     </div>
     <div class="project-selector">
       <span id="current-project" class="project-path">Loading...</span>
@@ -519,6 +520,62 @@
     </div>
   </div>
 
+  <!-- Upgrade Modal -->
+  <div id="upgrade-modal" class="hidden">
+    <div class="upgrade-modal-panel">
+      <button id="btn-close-upgrade" class="upgrade-close">&times;</button>
+      <h3 class="upgrade-modal-title" id="upgrade-modal-title">UPGRADE YOUR PLAN</h3>
+      <div class="upgrade-cards" id="upgrade-cards">
+        <!-- PRO Card (shown for free/trial users) -->
+        <div class="upgrade-card pro-card" id="upgrade-card-pro">
+          <div class="upgrade-card-header pro-header">
+            <span class="upgrade-card-name">PRO</span>
+          </div>
+          <ul class="upgrade-features">
+            <li>Unlimited files</li>
+            <li>Cycle detection</li>
+            <li>Hub file analysis</li>
+            <li>Real-time monitoring</li>
+            <li>Project switching</li>
+          </ul>
+          <div class="upgrade-price-row">
+            <span class="upgrade-price">$9<span class="upgrade-price-unit">/mo</span></span>
+            <button class="upgrade-subscribe-btn pro-subscribe" data-plan="monthly">SUBSCRIBE</button>
+          </div>
+          <div class="upgrade-price-row annual-row">
+            <span class="upgrade-price-annual">$99<span class="upgrade-price-unit">/yr</span> <span class="upgrade-save">Save $9</span></span>
+            <button class="upgrade-subscribe-btn pro-subscribe" data-plan="annual">SUBSCRIBE ANNUAL</button>
+          </div>
+        </div>
+        <!-- CORTEX Card (always shown in upgrade modal) -->
+        <div class="upgrade-card cortex-card" id="upgrade-card-cortex">
+          <div class="upgrade-best-ribbon">BEST</div>
+          <div class="upgrade-card-header cortex-header">
+            <span class="upgrade-card-name">CORTEX</span>
+          </div>
+          <ul class="upgrade-features">
+            <li>Everything in Pro</li>
+            <li>AI-powered analysis</li>
+            <li>Onboarding doc generator</li>
+            <li>Smart recommendations</li>
+          </ul>
+          <div class="upgrade-price-row">
+            <span class="upgrade-price" id="cortex-monthly-price">$29<span class="upgrade-price-unit">/mo</span></span>
+            <button class="upgrade-subscribe-btn cortex-subscribe" data-plan="cortex_monthly">SUBSCRIBE</button>
+          </div>
+          <div class="upgrade-price-row annual-row">
+            <span class="upgrade-price-annual">$249<span class="upgrade-price-unit">/yr</span> <span class="upgrade-save">Save $99</span></span>
+            <button class="upgrade-subscribe-btn cortex-subscribe" data-plan="cortex_annual">SUBSCRIBE ANNUAL</button>
+          </div>
+        </div>
+      </div>
+      <div class="upgrade-modal-footer">
+        <span class="upgrade-current-plan" id="upgrade-current-plan">Current: FREE</span>
+        <button id="btn-upgrade-close" class="upgrade-footer-close">CLOSE</button>
+      </div>
+    </div>
+  </div>
+
   <!-- Bottom status bar -->
   <div id="bottom-bar">
     <span id="bottom-info">SYKE v--- · ---</span>

package/dist/web/public/style.css

@@ -3561,3 +3561,320 @@ main {
 .set-row-checkbox .set-val {
   display: none;
 }
+
+/* ═══════════════════════════════════════════ */
+/* Upgrade Button (Topbar)                     */
+/* ═══════════════════════════════════════════ */
+.upgrade-btn {
+  padding: 4px 14px;
+  font-size: 10px;
+  font-family: inherit;
+  font-weight: 700;
+  letter-spacing: 2px;
+  border-radius: 3px;
+  cursor: pointer;
+  transition: all 0.2s;
+  margin-left: 4px;
+}
+
+.upgrade-btn.hidden { display: none; }
+
+.upgrade-btn.upgrade-pulse {
+  color: #f0c040;
+  border: 1px solid rgba(240,192,64,0.5);
+  background: rgba(240,192,64,0.08);
+  animation: upgrade-pulse-anim 2s ease-in-out infinite;
+}
+
+.upgrade-btn.upgrade-pulse:hover {
+  color: #fff;
+  background: rgba(240,192,64,0.2);
+  border-color: #f0c040;
+  box-shadow: 0 0 16px rgba(240,192,64,0.35);
+}
+
+.upgrade-btn.upgrade-cortex {
+  color: #e040fb;
+  border: 1px solid rgba(224,64,251,0.5);
+  background: rgba(224,64,251,0.08);
+}
+
+.upgrade-btn.upgrade-cortex:hover {
+  color: #fff;
+  background: rgba(224,64,251,0.2);
+  border-color: #e040fb;
+  box-shadow: 0 0 16px rgba(224,64,251,0.35);
+}
+
+@keyframes upgrade-pulse-anim {
+  0%, 100% { box-shadow: 0 0 4px rgba(240,192,64,0.15); }
+  50% { box-shadow: 0 0 14px rgba(240,192,64,0.4); }
+}
+
+/* ═══════════════════════════════════════════ */
+/* Upgrade Modal                               */
+/* ═══════════════════════════════════════════ */
+#upgrade-modal {
+  position: fixed;
+  inset: 0;
+  z-index: 9000;
+  background: rgba(0, 0, 0, 0.75);
+  backdrop-filter: blur(6px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+#upgrade-modal.hidden { display: none; }
+
+.upgrade-modal-panel {
+  background: linear-gradient(160deg, #0d1b2a, #0f1d32);
+  border: 1px solid rgba(0,212,255,0.15);
+  border-radius: 12px;
+  padding: 32px 36px 24px;
+  max-width: 700px;
+  width: 94%;
+  position: relative;
+  box-shadow: 0 0 60px rgba(0,0,0,0.6), 0 0 30px rgba(0,212,255,0.08);
+}
+
+.upgrade-close {
+  position: absolute;
+  top: 12px;
+  right: 16px;
+  background: none;
+  border: none;
+  color: #556677;
+  font-size: 22px;
+  cursor: pointer;
+  z-index: 1;
+}
+.upgrade-close:hover { color: #fff; }
+
+.upgrade-modal-title {
+  font-family: 'Consolas', 'JetBrains Mono', monospace;
+  font-size: 14px;
+  color: var(--accent);
+  letter-spacing: 3px;
+  text-align: center;
+  margin-bottom: 28px;
+}
+
+/* Card container */
+.upgrade-cards {
+  display: flex;
+  gap: 20px;
+  justify-content: center;
+}
+
+/* Individual card */
+.upgrade-card {
+  flex: 1;
+  max-width: 300px;
+  border-radius: 8px;
+  padding: 24px 22px 20px;
+  position: relative;
+  overflow: hidden;
+}
+
+.upgrade-card.pro-card {
+  background: rgba(240,192,64,0.04);
+  border: 1px solid rgba(240,192,64,0.2);
+}
+
+.upgrade-card.cortex-card {
+  background: rgba(224,64,251,0.04);
+  border: 1px solid rgba(224,64,251,0.25);
+}
+
+/* BEST ribbon */
+.upgrade-best-ribbon {
+  position: absolute;
+  top: 12px;
+  right: -28px;
+  background: linear-gradient(135deg, #e040fb, #7c3aed);
+  color: #fff;
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: 2px;
+  padding: 3px 36px;
+  transform: rotate(45deg);
+  box-shadow: 0 2px 8px rgba(224,64,251,0.3);
+}
+
+/* Card header */
+.upgrade-card-header {
+  margin-bottom: 16px;
+}
+
+.upgrade-card-name {
+  font-family: 'Consolas', 'JetBrains Mono', monospace;
+  font-size: 16px;
+  font-weight: 700;
+  letter-spacing: 3px;
+}
+
+.pro-header .upgrade-card-name {
+  color: #f0c040;
+  text-shadow: 0 0 10px rgba(240,192,64,0.3);
+}
+
+.cortex-header .upgrade-card-name {
+  color: #e040fb;
+  text-shadow: 0 0 10px rgba(224,64,251,0.3);
+}
+
+/* Feature list */
+.upgrade-features {
+  list-style: none;
+  margin-bottom: 20px;
+}
+
+.upgrade-features li {
+  font-size: 11px;
+  color: #8899aa;
+  padding: 4px 0;
+  padding-left: 16px;
+  position: relative;
+}
+
+.upgrade-features li::before {
+  content: '\2713';
+  position: absolute;
+  left: 0;
+  color: #30d158;
+  font-size: 10px;
+}
+
+/* Price row */
+.upgrade-price-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 10px;
+}
+
+.upgrade-price-row.annual-row {
+  margin-bottom: 0;
+}
+
+.upgrade-price {
+  font-family: 'Consolas', 'JetBrains Mono', monospace;
+  font-size: 18px;
+  color: #c8d6e5;
+  font-weight: 700;
+}
+
+.upgrade-price-unit {
+  font-size: 11px;
+  color: #5a7599;
+  font-weight: 400;
+}
+
+.upgrade-price-annual {
+  font-family: 'Consolas', 'JetBrains Mono', monospace;
+  font-size: 13px;
+  color: #8899aa;
+}
+
+.upgrade-save {
+  font-size: 10px;
+  color: #30d158;
+  font-weight: 700;
+  margin-left: 4px;
+}
+
+/* Subscribe buttons */
+.upgrade-subscribe-btn {
+  padding: 6px 16px;
+  border-radius: 4px;
+  font-family: 'Consolas', 'JetBrains Mono', monospace;
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 1px;
+  cursor: pointer;
+  transition: all 0.2s;
+  white-space: nowrap;
+}
+
+.upgrade-subscribe-btn.pro-subscribe {
+  background: rgba(240,192,64,0.12);
+  border: 1px solid rgba(240,192,64,0.4);
+  color: #f0c040;
+}
+
+.upgrade-subscribe-btn.pro-subscribe:hover {
+  background: rgba(240,192,64,0.25);
+  border-color: #f0c040;
+  box-shadow: 0 0 12px rgba(240,192,64,0.3);
+  transform: translateY(-1px);
+}
+
+.upgrade-subscribe-btn.cortex-subscribe {
+  background: rgba(224,64,251,0.12);
+  border: 1px solid rgba(224,64,251,0.4);
+  color: #e040fb;
+}
+
+.upgrade-subscribe-btn.cortex-subscribe:hover {
+  background: rgba(224,64,251,0.25);
+  border-color: #e040fb;
+  box-shadow: 0 0 12px rgba(224,64,251,0.3);
+  transform: translateY(-1px);
+}
+
+/* Footer */
+.upgrade-modal-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 24px;
+  padding-top: 16px;
+  border-top: 1px solid rgba(255,255,255,0.06);
+}
+
+.upgrade-current-plan {
+  font-family: 'Consolas', 'JetBrains Mono', monospace;
+  font-size: 11px;
+  color: #5a7599;
+  letter-spacing: 1px;
+}
+
+.upgrade-footer-close {
+  padding: 6px 20px;
+  background: transparent;
+  border: 1px solid var(--border);
+  border-radius: 3px;
+  color: var(--text-secondary);
+  font-family: inherit;
+  font-size: 10px;
+  letter-spacing: 2px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.upgrade-footer-close:hover {
+  color: var(--accent);
+  border-color: var(--accent);
+}
+
+/* Cortex-only layout (single card, wider) */
+.upgrade-cards.cortex-only {
+  justify-content: center;
+}
+
+.upgrade-cards.cortex-only .upgrade-card {
+  max-width: 380px;
+}
+
+/* Pro upgrade note (shown inside cortex card for pro users) */
+.upgrade-pro-note {
+  font-size: 10px;
+  color: #5a7599;
+  margin-left: 6px;
+}
+
+/* Trial badge with days left */
+.license-badge.trial-days {
+  color: var(--risk-medium);
+  border-color: rgba(255,159,10,0.4);
+}

package/package.json

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