fogact 1.1.6 → 1.1.8

package/README.md

@@ -2,7 +2,7 @@
 
 [简体中文](./README.zh-CN.md) | English
 
-FogAct is a simple activation helper for Claude Code and Codex. It is designed to be used like `npx yunyi-activator`: run one command, choose from the menu, paste your activation code or API key, and let the tool write the local config automatically.
+FogAct is a simple activation helper for Claude Code and Codex. It is designed to be used like `npx fogact`: run one command, choose from the menu, paste your activation code, and let FogAct auto-detect the Codex / Claude entitlement before writing local config.
 
 ## Start
 
@@ -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:
@@ -47,8 +49,8 @@ Minimum bootstrap requirement: the machine needs `curl` or `wget`. The installer
 
 1. Run `npx fogact`.
 2. Choose `1. Activate service`.
-3. Select Claude Code or Codex when prompted.
-4. Enter the activation code or API key.
+3. Enter the activation / redeem code.
+4. FogAct auto-detects the Codex / Claude entitlement and shows only supported targets.
 5. Confirm the plan and restart the target tool.
 
 FogAct backs up existing configuration before writing new files.
@@ -71,7 +73,7 @@ Most users only need `npx fogact`. Advanced operators can still use:
 fogact web
 ```
 
-The Web UI defaults to `http://localhost:34020/`. You can set `PORT`, `ADMIN_PASSWORD`, `NEWAPI_BASE_URL`, `NEWAPI_API_KEY`, `CLIPROXY_API_BASE`, or `CLIPROXY_UPSTREAM_CONFIG` when needed.
+The Web UI defaults to `http://localhost:34020/`. You can set `PORT`, `ADMIN_PASSWORD`, `NEWAPI_BASE_URL`, `NEWAPI_API_KEY`, `FOGACT_API_BASE`, or `FOGACT_UPSTREAM_CONFIG` when needed.
 
 ## Repository
 

package/README.zh-CN.md

@@ -1,6 +1,6 @@
 # FogAct
 
-FogAct 是一个简单的 Claude Code / Codex 激活工具。它的使用方式要和 `npx yunyi-activator` 一样：用户只运行一个命令，进入菜单，输入激活码或 API Key，然后自动写入本地配置。
+FogAct 是一个简单的 Claude Code / Codex 激活工具。它的使用方式要和 `npx fogact` 一样：用户只运行一个命令，进入菜单，输入激活码，FogAct 自动识别 Codex / Claude 能力并写入本地配置。
 
 [English](./README.md) | 简体中文
 
@@ -27,6 +27,8 @@ npx fogact
 
 不要运行 `npm fogact`；npm 会把它当成 npm 子命令。正确方式是 `npx fogact`。
 
+FogAct 启动时会自动检查 npm 最新版本；检测到旧版本会先更新，再进入菜单。需要跳过检查时可设置 `FOGACT_SKIP_UPDATE=1`。
+
 ## 干净 VPS
 
 如果机器还没有 Node.js/npm，先用 bootstrap 安装：
@@ -47,8 +49,8 @@ fogact
 
 1. 运行 `npx fogact`。
 2. 选择 `1. 激活服务`。
-3. 根据提示选择 Claude Code 或 Codex。
-4. 输入激活码或 API Key。
+3. 输入激活码 / 兑换码。
+4. FogAct 自动识别 Codex / Claude 能力，并只展示可激活的平台。
 5. 确认激活计划，然后重启对应工具。
 
 FogAct 写入新配置前会自动备份旧配置。
@@ -71,7 +73,7 @@ FogAct 写入新配置前会自动备份旧配置。
 fogact web
 ```
 
-Web UI 默认地址是 `http://localhost:34020/`。需要时可以设置 `PORT`、`ADMIN_PASSWORD`、`NEWAPI_BASE_URL`、`NEWAPI_API_KEY`、`CLIPROXY_API_BASE` 或 `CLIPROXY_UPSTREAM_CONFIG`。
+Web UI 默认地址是 `http://localhost:34020/`。需要时可以设置 `PORT`、`ADMIN_PASSWORD`、`NEWAPI_BASE_URL`、`NEWAPI_API_KEY`、`FOGACT_API_BASE` 或 `FOGACT_UPSTREAM_CONFIG`。
 
 ## 项目链接
 

package/bin/web-server.js

@@ -218,7 +218,7 @@ function trimTrailingSlash(value) {
 }
 
 function getUpstreamConfigPath() {
-  return process.env.CLIPROXY_UPSTREAM_CONFIG || DEFAULT_CONFIG_PATH;
+  return process.env.FOGACT_UPSTREAM_CONFIG || DEFAULT_CONFIG_PATH;
 }
 
 function readRawUpstreamConfig() {
@@ -1277,10 +1277,18 @@ const server = http.createServer((req, res) => {
     return;
   }
 
-  // Proxy requests to yunyi.cfd API for user frontend
+  // Proxy requests to configured upstream API for user frontend
   if (urlPath.startsWith("/proxy/")) {
     const targetPath = urlPath.replace("/proxy", "");
-    const targetUrl = `https://yunyi.cfd${targetPath}`;
+    const proxyBaseUrl = trimTrailingSlash(process.env.FOGACT_PROXY_TARGET || readRawUpstreamConfig().baseUrl || "");
+
+    if (!proxyBaseUrl) {
+      res.writeHead(502, { "Content-Type": "application/json" });
+      res.end(JSON.stringify({ success: false, message: "Proxy target is not configured" }));
+      return;
+    }
+
+    const targetUrl = `${proxyBaseUrl}${targetPath}`;
 
     const options = {
       method: req.method,

package/frontend/activate.html

@@ -7,7 +7,7 @@
     <meta name="description" content="输入 FogAct 激活码，完成服务绑定并查看额度与有效期。" />
     <script>
       ;(function () {
-        var theme = localStorage.getItem('fogact_theme') || localStorage.getItem('admin_theme') || localStorage.getItem('yunyi_user_theme') || 'system';
+        var theme = localStorage.getItem('fogact_theme') || localStorage.getItem('admin_theme') || 'system';
         var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
         var isDark = theme === 'dark' || (theme === 'system' && prefersDark);
         document.documentElement.classList.toggle('dark', isDark);

package/frontend/admin/admin-panel-v2.js

@@ -270,7 +270,7 @@ const DEFAULT_SETTINGS = {
     notifyLowQuota: true
   },
   app: {
-    appName: 'CLIProxy Client',
+    appName: 'FogAct Client',
     appDownloadUrl: '',
     iosUrl: '',
     androidUrl: '',
@@ -1277,7 +1277,7 @@ const LogsManagement = {
 };
 
 const SettingsManagement = {
-  storageKey: 'cliproxy_admin_settings_v1',
+  storageKey: 'fogact_admin_settings_v1',
 
   sections: [
     {

package/frontend/admin/index.html

@@ -7,7 +7,7 @@
 
     <script>
       ;(function () {
-        var theme = localStorage.getItem('fogact_theme') || localStorage.getItem('admin_theme') || localStorage.getItem('yunyi_user_theme') || 'system';
+        var theme = localStorage.getItem('fogact_theme') || localStorage.getItem('admin_theme') || 'system';
         var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
         var isDark = theme === 'dark' || (theme === 'system' && prefersDark);
         document.documentElement.classList.toggle('dark', isDark);

package/frontend/assets/market-ui.css

@@ -731,6 +731,128 @@ body.market-dark .market-auth-card::before {
   color: var(--market-primary);
 }
 
+.market-service-card {
+  position: relative;
+  overflow: hidden;
+  border: 1px solid var(--market-line);
+  border-radius: 28px;
+  padding: 18px;
+  background:
+    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--market-primary) 14%, transparent), transparent 42%),
+    var(--market-panel);
+  box-shadow: var(--market-shadow-soft);
+}
+
+.market-service-head {
+  display: grid;
+  grid-template-columns: 44px 1fr auto;
+  gap: 12px;
+  align-items: center;
+}
+
+.market-service-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  border-radius: 16px;
+  color: #fff;
+  background: linear-gradient(135deg, var(--market-primary), var(--market-primary-3));
+  box-shadow: 0 14px 32px color-mix(in srgb, var(--market-primary) 24%, transparent);
+}
+
+.market-service-head p,
+.market-service-head h3,
+.market-service-copy {
+  margin: 0;
+}
+
+.market-service-head p {
+  color: var(--market-muted);
+  font-size: 12px;
+  font-weight: 900;
+}
+
+.market-service-head h3 {
+  margin-top: 3px;
+  color: var(--market-ink);
+  font-family: var(--market-headline);
+  font-size: 17px;
+  letter-spacing: -0.04em;
+}
+
+.market-port-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 32px;
+  padding: 0 10px;
+  border: 1px solid var(--market-line);
+  border-radius: 999px;
+  color: var(--market-muted);
+  background: var(--market-panel-muted);
+  font-size: 12px;
+  font-weight: 900;
+}
+
+.market-service-copy {
+  margin-top: 14px;
+  color: var(--market-muted);
+  font-size: 13px;
+  line-height: 1.65;
+}
+
+.market-entry-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+  margin-top: 16px;
+}
+
+.market-entry-card {
+  display: grid;
+  gap: 5px;
+  min-height: 92px;
+  border: 1px solid var(--market-line);
+  border-radius: 18px;
+  padding: 13px;
+  color: var(--market-ink);
+  background: color-mix(in srgb, var(--market-panel-strong) 78%, transparent);
+  text-decoration: none;
+  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
+}
+
+.market-entry-card .material-symbols-outlined {
+  width: 30px;
+  height: 30px;
+  border-radius: 12px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--market-primary);
+  background: color-mix(in srgb, var(--market-primary) 12%, transparent);
+  font-size: 18px;
+}
+
+.market-entry-card strong {
+  font-size: 13px;
+  font-weight: 900;
+}
+
+.market-entry-card small {
+  color: var(--market-muted);
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.market-entry-card:hover {
+  transform: translateY(-2px);
+  border-color: color-mix(in srgb, var(--market-primary) 42%, var(--market-line));
+  background: color-mix(in srgb, var(--market-primary) 8%, var(--market-panel-strong));
+  box-shadow: var(--market-shadow-soft);
+}
+
 .market-result-list {
   display: grid;
   gap: 10px;
@@ -1183,111 +1305,6 @@ body.market-user {
   transform: translateY(-1px);
 }
 
-/* Distinct motion layer */
-.market-orbit-stage {
-  position: absolute;
-  inset: auto 28px 28px auto;
-  width: min(48vw, 440px);
-  height: min(48vw, 440px);
-  pointer-events: none;
-  opacity: 0.95;
-}
-
-.market-orbit-stage::before,
-.market-orbit-stage::after {
-  content: "";
-  position: absolute;
-  inset: 12%;
-  border: 1px solid color-mix(in srgb, var(--market-ink) 12%, transparent);
-  border-radius: 999px;
-  animation: orbitSpin 18s linear infinite;
-}
-
-.market-orbit-stage::after {
-  inset: 25%;
-  border-style: dashed;
-  animation-duration: 12s;
-  animation-direction: reverse;
-  opacity: 0.72;
-}
-
-.market-orbit-node {
-  position: absolute;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 74px;
-  height: 74px;
-  border: 1px solid var(--market-line-strong);
-  border-radius: 24px;
-  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;
-  transform: translate3d(0, 0, 0) rotate(var(--tilt, 0deg));
-  animation: nodeFloat var(--speed, 6s) ease-in-out infinite;
-}
-
-.market-orbit-node:nth-child(1) {
-  --node-a: #6d5dfc;
-  --node-b: #b86bff;
-  --tilt: -10deg;
-  --speed: 6.5s;
-  left: 6%;
-  top: 18%;
-}
-
-.market-orbit-node:nth-child(2) {
-  --node-a: #ff7a59;
-  --node-b: #ffd166;
-  --tilt: 9deg;
-  --speed: 7.5s;
-  right: 11%;
-  top: 7%;
-  animation-delay: -1.8s;
-}
-
-.market-orbit-node:nth-child(3) {
-  --node-a: #17c3b2;
-  --node-b: #5eead4;
-  --tilt: 12deg;
-  --speed: 8s;
-  right: 5%;
-  bottom: 21%;
-  animation-delay: -3s;
-}
-
-.market-orbit-node:nth-child(4) {
-  --node-a: #101014;
-  --node-b: #6d5dfc;
-  --tilt: -8deg;
-  --speed: 7s;
-  left: 19%;
-  bottom: 8%;
-  animation-delay: -4.3s;
-}
-
-.market-signal-line {
-  position: absolute;
-  left: 8%;
-  right: 8%;
-  top: 50%;
-  height: 1px;
-  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--market-primary) 55%, transparent), transparent);
-  transform: rotate(-18deg);
-  opacity: 0.72;
-  overflow: hidden;
-}
-
-.market-signal-line::after {
-  content: "";
-  position: absolute;
-  inset: 0 auto 0 0;
-  width: 38%;
-  background: linear-gradient(90deg, transparent, #fff, transparent);
-  animation: signalSweep 2.6s cubic-bezier(0.16, 1, 0.3, 1) infinite;
-}
-
 .market-card-lab {
   min-height: 318px;
   padding: 0;
@@ -1729,16 +1746,6 @@ body.is-pointer-active .market-mouse-light {
   to { transform: rotate(360deg); }
 }
 
-@keyframes nodeFloat {
-  0%, 100% { transform: translate3d(0, 0, 0) rotate(var(--tilt)); }
-  50% { transform: translate3d(0, -3px, 0) rotate(var(--tilt)); }
-}
-
-@keyframes signalSweep {
-  0% { transform: translateX(-120%); }
-  100% { transform: translateX(360%); }
-}
-
 @keyframes cardShine {
   from { transform: translateX(-120%); }
   to { transform: translateX(120%); }
@@ -1801,14 +1808,6 @@ body.is-pointer-active .market-mouse-light {
 }
 
 @media (max-width: 980px) {
-  .market-orbit-stage {
-    position: relative;
-    inset: auto;
-    width: min(100%, 420px);
-    height: 300px;
-    margin: 28px auto 0;
-  }
-
   .market-hero,
   .market-activation {
     grid-template-columns: 1fr;
@@ -1876,17 +1875,6 @@ body.is-pointer-active .market-mouse-light {
     min-height: 150px;
   }
 
-  .market-orbit-stage {
-    height: 240px;
-  }
-
-  .market-orbit-node {
-    width: 58px;
-    height: 58px;
-    border-radius: 20px;
-    font-size: 22px;
-  }
-
   .market-mouse-light {
     display: none;
   }

package/frontend/color-test.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>配色方案测试 | FogIDC Activator</title>
+    <title>配色方案测试 | FogAct</title>
     <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
     <script src="https://cdn.tailwindcss.com"></script>
     <script>

package/frontend/index.html

@@ -7,7 +7,7 @@
     <meta name="description" content="FogAct 提供用户中心、激活码管理、配额查看和多平台 CLI 接入入口。" />
     <script>
       ;(function () {
-        var theme = localStorage.getItem('fogact_theme') || localStorage.getItem('admin_theme') || localStorage.getItem('yunyi_user_theme') || 'system';
+        var theme = localStorage.getItem('fogact_theme') || localStorage.getItem('admin_theme') || 'system';
         var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
         var isDark = theme === 'dark' || (theme === 'system' && prefersDark);
         document.documentElement.classList.toggle('dark', isDark);
@@ -73,13 +73,6 @@
               <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>
           </div>
 
           <aside class="market-hero-side" aria-label="服务状态概览">
@@ -110,14 +103,40 @@
               </div>
             </div>
 
-            <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-status-pill"><span class="market-kicker-dot"></span> 34020</span>
+            <div class="market-service-card">
+              <div class="market-service-head">
+                <span class="market-service-icon material-symbols-outlined">conversion_path</span>
+                <div>
+                  <p>本地服务</p>
+                  <h3>选择要进入的工作区</h3>
+                </div>
+                <span class="market-port-badge"><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 class="market-service-copy">
+                Web 控制台已按角色拆成独立入口，直接选择当前要处理的任务。
               </p>
+              <div class="market-entry-grid" aria-label="本地服务快捷入口">
+                <a class="market-entry-card" href="/">
+                  <span class="material-symbols-outlined">home</span>
+                  <strong>首页</strong>
+                  <small>查看入口总览</small>
+                </a>
+                <a class="market-entry-card" href="/user/">
+                  <span class="material-symbols-outlined">person</span>
+                  <strong>用户中心</strong>
+                  <small>用量与配额</small>
+                </a>
+                <a class="market-entry-card" href="/admin/">
+                  <span class="material-symbols-outlined">admin_panel_settings</span>
+                  <strong>管理中心</strong>
+                  <small>用户与 CDK</small>
+                </a>
+                <a class="market-entry-card" href="/activate.html">
+                  <span class="material-symbols-outlined">bolt</span>
+                  <strong>激活入口</strong>
+                  <small>绑定服务</small>
+                </a>
+              </div>
             </div>
           </aside>
         </section>