fogact 1.1.6 → 1.1.7

package/README.md

@@ -27,6 +27,8 @@ That is the user-facing command. Running it opens the interactive menu:
 
 Do not run `npm fogact`; npm treats that as an npm subcommand. Use `npx fogact`.
 
+FogAct checks npm for the latest version before opening the menu. If an older installed version is detected, it updates first and then continues. Set `FOGACT_SKIP_UPDATE=1` to skip this check.
+
 ## Clean VPS
 
 If the machine does not have Node.js/npm yet, use the bootstrap installer first:

package/README.zh-CN.md

@@ -27,6 +27,8 @@ npx fogact
 
 不要运行 `npm fogact`；npm 会把它当成 npm 子命令。正确方式是 `npx fogact`。
 
+FogAct 启动时会自动检查 npm 最新版本；检测到旧版本会先更新，再进入菜单。需要跳过检查时可设置 `FOGACT_SKIP_UPDATE=1`。
+
 ## 干净 VPS
 
 如果机器还没有 Node.js/npm，先用 bootstrap 安装：

package/frontend/assets/market-ui.css

@@ -731,6 +731,35 @@ body.market-dark .market-auth-card::before {
   color: var(--market-primary);
 }
 
+.market-quick-links {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
+  margin-top: 16px;
+}
+
+.market-quick-links a {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 36px;
+  border: 1px solid var(--market-line);
+  border-radius: 14px;
+  color: var(--market-ink);
+  background: var(--market-panel-muted);
+  text-decoration: none;
+  font-size: 13px;
+  font-weight: 800;
+  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
+}
+
+.market-quick-links a:hover {
+  transform: translateY(-1px);
+  border-color: color-mix(in srgb, var(--market-primary) 42%, var(--market-line));
+  color: var(--market-primary);
+  background: color-mix(in srgb, var(--market-primary) 10%, var(--market-panel-muted));
+}
+
 .market-result-list {
   display: grid;
   gap: 10px;
@@ -1190,7 +1219,7 @@ body.market-user {
   width: min(48vw, 440px);
   height: min(48vw, 440px);
   pointer-events: none;
-  opacity: 0.95;
+  opacity: 0.98;
 }
 
 .market-orbit-stage::before,
@@ -1200,69 +1229,139 @@ body.market-user {
   inset: 12%;
   border: 1px solid color-mix(in srgb, var(--market-ink) 12%, transparent);
   border-radius: 999px;
-  animation: orbitSpin 18s linear infinite;
+  background:
+    radial-gradient(circle at center, color-mix(in srgb, var(--market-primary) 7%, transparent), transparent 62%);
+  animation: orbitSpin 22s linear infinite;
 }
 
 .market-orbit-stage::after {
   inset: 25%;
   border-style: dashed;
-  animation-duration: 12s;
+  animation-duration: 16s;
   animation-direction: reverse;
   opacity: 0.72;
 }
 
-.market-orbit-node {
+.market-orbit-core {
   position: absolute;
+  left: 50%;
+  top: 50%;
+  z-index: 2;
+  display: grid;
+  place-items: center;
+  width: 132px;
+  height: 132px;
+  padding: 18px;
+  border: 1px solid color-mix(in srgb, var(--market-primary) 30%, var(--market-line));
+  border-radius: 36px;
+  color: var(--market-ink);
+  background:
+    linear-gradient(145deg, color-mix(in srgb, var(--market-panel-strong) 92%, transparent), var(--market-panel-muted)),
+    radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--market-primary) 24%, transparent), transparent 58%);
+  box-shadow: 0 24px 60px color-mix(in srgb, var(--market-primary) 20%, transparent);
+  transform: translate(-50%, -50%) rotate(-2deg);
+}
+
+.market-orbit-core .material-symbols-outlined {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 74px;
-  height: 74px;
-  border: 1px solid var(--market-line-strong);
-  border-radius: 24px;
+  width: 42px;
+  height: 42px;
+  border-radius: 16px;
   color: #fff;
-  background: linear-gradient(135deg, var(--node-a, var(--market-primary)), var(--node-b, var(--market-primary-2)));
-  box-shadow: 0 20px 50px color-mix(in srgb, var(--node-a, var(--market-primary)) 28%, transparent);
-  font-size: 28px;
+  background: linear-gradient(135deg, var(--market-primary), var(--market-primary-2));
+  box-shadow: 0 14px 32px color-mix(in srgb, var(--market-primary) 28%, transparent);
+}
+
+.market-orbit-core strong {
+  margin-top: 8px;
+  font-family: var(--market-headline);
+  font-size: 18px;
+  letter-spacing: -0.04em;
+}
+
+.market-orbit-core small {
+  color: var(--market-muted);
+  font-size: 12px;
+  font-weight: 800;
+}
+
+.market-orbit-node {
+  position: absolute;
+  z-index: 3;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 118px;
+  min-height: 54px;
+  padding: 10px 12px;
+  border: 1px solid color-mix(in srgb, var(--node-a, var(--market-primary)) 30%, var(--market-line));
+  border-radius: 20px;
+  color: var(--market-ink);
+  background:
+    linear-gradient(145deg, color-mix(in srgb, var(--market-panel-strong) 94%, transparent), var(--market-panel-muted)),
+    radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--node-a, var(--market-primary)) 24%, transparent), transparent 64%);
+  box-shadow: 0 18px 44px color-mix(in srgb, var(--node-a, var(--market-primary)) 18%, transparent);
   transform: translate3d(0, 0, 0) rotate(var(--tilt, 0deg));
   animation: nodeFloat var(--speed, 6s) ease-in-out infinite;
 }
 
-.market-orbit-node:nth-child(1) {
+.market-orbit-node .material-symbols-outlined {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 32px;
+  height: 32px;
+  border-radius: 13px;
+  color: #fff;
+  background: linear-gradient(135deg, var(--node-a, var(--market-primary)), var(--node-b, var(--market-primary-2)));
+  font-size: 18px;
+}
+
+.market-orbit-node span:last-child {
+  color: var(--market-ink);
+  font-size: 13px;
+  font-weight: 900;
+  white-space: nowrap;
+}
+
+.market-orbit-node-cli {
   --node-a: #6d5dfc;
   --node-b: #b86bff;
-  --tilt: -10deg;
+  --tilt: -8deg;
   --speed: 6.5s;
-  left: 6%;
+  left: 1%;
   top: 18%;
 }
 
-.market-orbit-node:nth-child(2) {
+.market-orbit-node-cdk {
   --node-a: #ff7a59;
   --node-b: #ffd166;
-  --tilt: 9deg;
+  --tilt: 7deg;
   --speed: 7.5s;
-  right: 11%;
-  top: 7%;
+  right: 2%;
+  top: 9%;
   animation-delay: -1.8s;
 }
 
-.market-orbit-node:nth-child(3) {
+.market-orbit-node-quota {
   --node-a: #17c3b2;
   --node-b: #5eead4;
-  --tilt: 12deg;
+  --tilt: 8deg;
   --speed: 8s;
-  right: 5%;
-  bottom: 21%;
+  right: 0;
+  bottom: 20%;
   animation-delay: -3s;
 }
 
-.market-orbit-node:nth-child(4) {
-  --node-a: #101014;
+.market-orbit-node-sync {
+  --node-a: #111827;
   --node-b: #6d5dfc;
-  --tilt: -8deg;
+  --tilt: -7deg;
   --speed: 7s;
-  left: 19%;
+  left: 7%;
   bottom: 8%;
   animation-delay: -4.3s;
 }
@@ -1279,6 +1378,11 @@ body.market-user {
   overflow: hidden;
 }
 
+.market-signal-line-alt {
+  transform: rotate(36deg);
+  opacity: 0.42;
+}
+
 .market-signal-line::after {
   content: "";
   position: absolute;
@@ -1288,6 +1392,10 @@ body.market-user {
   animation: signalSweep 2.6s cubic-bezier(0.16, 1, 0.3, 1) infinite;
 }
 
+.market-signal-line-alt::after {
+  animation-delay: -1.1s;
+}
+
 .market-card-lab {
   min-height: 318px;
   padding: 0;
@@ -1880,11 +1988,26 @@ body.is-pointer-active .market-mouse-light {
     height: 240px;
   }
 
+  .market-orbit-core {
+    width: 104px;
+    height: 104px;
+    border-radius: 28px;
+  }
+
+  .market-orbit-core strong {
+    font-size: 16px;
+  }
+
   .market-orbit-node {
-    width: 58px;
-    height: 58px;
+    min-width: 58px;
+    min-height: 58px;
+    padding: 8px;
     border-radius: 20px;
-    font-size: 22px;
+    justify-content: center;
+  }
+
+  .market-orbit-node span:last-child {
+    display: none;
   }
 
   .market-mouse-light {

package/frontend/index.html

@@ -73,12 +73,30 @@
               <span class="market-ambient-item"><span class="material-symbols-outlined">query_stats</span></span>
             </div>
 
-            <div class="market-orbit-stage" aria-hidden="true">
-              <span class="market-orbit-node material-symbols-outlined">code</span>
-              <span class="market-orbit-node material-symbols-outlined">vpn_key</span>
-              <span class="market-orbit-node material-symbols-outlined">monitoring</span>
-              <span class="market-orbit-node material-symbols-outlined">hub</span>
-              <span class="market-signal-line"></span>
+            <div class="market-orbit-stage" aria-label="FogAct 服务流程拓扑">
+              <div class="market-orbit-core">
+                <span class="material-symbols-outlined">hub</span>
+                <strong>FogAct</strong>
+                <small>统一入口</small>
+              </div>
+              <span class="market-orbit-node market-orbit-node-cli">
+                <span class="material-symbols-outlined">terminal</span>
+                <span>CLI 接入</span>
+              </span>
+              <span class="market-orbit-node market-orbit-node-cdk">
+                <span class="material-symbols-outlined">vpn_key</span>
+                <span>CDK 校验</span>
+              </span>
+              <span class="market-orbit-node market-orbit-node-quota">
+                <span class="material-symbols-outlined">monitoring</span>
+                <span>配额监控</span>
+              </span>
+              <span class="market-orbit-node market-orbit-node-sync">
+                <span class="material-symbols-outlined">cloud_sync</span>
+                <span>上游同步</span>
+              </span>
+              <span class="market-signal-line market-signal-line-main"></span>
+              <span class="market-signal-line market-signal-line-alt"></span>
             </div>
           </div>
 
@@ -112,12 +130,18 @@
 
             <div class="market-panel" style="border-radius: 26px; padding: 18px;">
               <div class="market-card-footer">
-                <span class="market-tag">Local server</span>
+                <span class="market-tag">本地服务</span>
                 <span class="market-status-pill"><span class="market-kicker-dot"></span> 34020</span>
               </div>
               <p class="market-mini-copy" style="margin-top: 14px; font-size: 14px; line-height: 1.7;">
                 本地 Web 服务默认运行在 34020 端口，提供首页、用户中心、管理中心和激活入口。
               </p>
+              <div class="market-quick-links" aria-label="本地服务快捷入口">
+                <a href="/">首页</a>
+                <a href="/user/">用户中心</a>
+                <a href="/admin/">管理中心</a>
+                <a href="/activate.html">激活入口</a>
+              </div>
             </div>
           </aside>
         </section>

package/lib/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+const https = require("https");
+const { spawnSync } = require("child_process");
 const { Command } = require("commander");
 const prompts = require("prompts");
 const packageJson = require("../package.json");
@@ -15,6 +17,120 @@ const MENU_CHOICES = [
   { title: "4. 退出", value: "exit" },
 ];
 
+const UPDATE_TIMEOUT_MS = 2500;
+
+function parseVersion(version) {
+  return String(version || "")
+    .split("-")[0]
+    .split(".")
+    .map((part) => Number.parseInt(part, 10) || 0);
+}
+
+function isNewerVersion(latest, current) {
+  const latestParts = parseVersion(latest);
+  const currentParts = parseVersion(current);
+  const length = Math.max(latestParts.length, currentParts.length);
+  for (let index = 0; index < length; index += 1) {
+    const latestPart = latestParts[index] || 0;
+    const currentPart = currentParts[index] || 0;
+    if (latestPart > currentPart) return true;
+    if (latestPart < currentPart) return false;
+  }
+  return false;
+}
+
+function fetchLatestVersion() {
+  return new Promise((resolve) => {
+    const request = https.get(
+      "https://registry.npmjs.org/fogact/latest",
+      {
+        timeout: UPDATE_TIMEOUT_MS,
+        headers: {
+          Accept: "application/json",
+          "User-Agent": `fogact/${packageJson.version}`,
+        },
+      },
+      (response) => {
+        if (response.statusCode !== 200) {
+          response.resume();
+          resolve(null);
+          return;
+        }
+
+        let body = "";
+        response.setEncoding("utf8");
+        response.on("data", (chunk) => {
+          body += chunk;
+        });
+        response.on("end", () => {
+          try {
+            const metadata = JSON.parse(body);
+            resolve(metadata.version || null);
+          } catch (_error) {
+            resolve(null);
+          }
+        });
+      }
+    );
+
+    request.on("timeout", () => {
+      request.destroy();
+      resolve(null);
+    });
+    request.on("error", () => resolve(null));
+  });
+}
+
+function isNpmExecRun() {
+  const argvPath = process.argv[1] || "";
+  const npmCommand = process.env.npm_command || "";
+  const npmExecPath = process.env.npm_execpath || "";
+  return argvPath.includes("/_npx/") || npmCommand === "exec" || npmCommand === "x" || npmExecPath.includes("npx-cli");
+}
+
+function runLatestWithNpmExec(latestVersion, args, env) {
+  return spawnSync(
+    "npm",
+    ["exec", "--yes", "--package", `fogact@${latestVersion}`, "--", "fogact", ...args],
+    { stdio: "inherit", env }
+  );
+}
+
+async function ensureLatestVersion(argv = process.argv) {
+  if (process.env.FOGACT_SKIP_UPDATE === "1" || process.env.FOGACT_NO_UPDATE === "1") {
+    return false;
+  }
+
+  const latestVersion = await fetchLatestVersion();
+  if (!latestVersion || !isNewerVersion(latestVersion, packageJson.version)) {
+    return false;
+  }
+
+  const args = argv.slice(2);
+  const env = { ...process.env, FOGACT_SKIP_UPDATE: "1" };
+  console.log(`检测到新版本 v${latestVersion}，正在自动更新...`);
+
+  if (isNpmExecRun()) {
+    const result = runLatestWithNpmExec(latestVersion, args, env);
+    process.exit(result.status === null ? 1 : result.status);
+  }
+
+  const update = spawnSync("npm", ["install", "-g", `fogact@${latestVersion}`], {
+    stdio: "inherit",
+    env,
+  });
+
+  if (update.status === 0) {
+    console.log("更新完成，正在重新启动...");
+    const restart = spawnSync(process.execPath, argv.slice(1), { stdio: "inherit", env });
+    process.exit(restart.status === null ? 1 : restart.status);
+  }
+
+  console.log("自动更新失败，正在尝试直接运行最新版...");
+  const result = runLatestWithNpmExec(latestVersion, args, env);
+  process.exit(result.status === null ? 1 : result.status);
+}
+
 function displayWidth(value) {
   return Array.from(value).reduce((width, char) => {
     return width + (char.charCodeAt(0) > 0xff ? 2 : 1);
@@ -230,6 +346,8 @@ function buildProgram() {
 }
 
 async function runCli(argv = process.argv) {
+  await ensureLatestVersion(argv);
+
   const args = argv.slice(2).filter((arg) => arg !== "--help" && arg !== "-h");
 
   if (args.length === 0) {
@@ -243,6 +361,8 @@ async function runCli(argv = process.argv) {
 
 module.exports = {
   buildProgram,
+  ensureLatestVersion,
+  isNewerVersion,
   runCli,
   runInteractiveMenu,
   runToolsMenu,

package/lib/services/cliproxy-api.js

@@ -19,7 +19,7 @@ function makeRequest(path, options = {}) {
       method: options.method || "GET",
       headers: {
         "Content-Type": "application/json",
-        "User-Agent": "fogact/1.1.6",
+        "User-Agent": "fogact/1.1.7",
         ...options.headers,
       },
     };

package/lib/services/newapi.js

@@ -58,7 +58,7 @@ async function verifyNewApiKey(config, apiKey) {
     headers: {
       Authorization: `Bearer ${apiKey}`,
       Accept: "application/json",
-      "User-Agent": "fogact/1.1.6",
+      "User-Agent": "fogact/1.1.7",
     },
   });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fogact",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "FogAct activation helper for Claude Code and Codex",
   "keywords": [
     "fogact",