npm - @alphafox/cli - Versions diffs - 0.2.0 → 0.3.3 - Mend

@alphafox/cli 0.2.0 → 0.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (73) hide show

package/README.md +42 -4
package/dist/auth/loopback-callback.js +6 -6
package/dist/catalog/command-tree.d.ts +1 -0
package/dist/catalog/command-tree.js +5 -3
package/dist/catalog/validate-body.d.ts +22 -0
package/dist/catalog/validate-body.js +98 -0
package/dist/commands/request-body.d.ts +21 -0
package/dist/commands/request-body.js +92 -0
package/dist/commands/run.js +113 -10
package/dist/engine-backtest/errors.d.ts +18 -0
package/dist/engine-backtest/errors.js +26 -0
package/dist/engine-backtest/fetch-runtime.d.ts +38 -0
package/dist/engine-backtest/fetch-runtime.js +170 -0
package/dist/engine-backtest/native-import.d.ts +1 -0
package/dist/engine-backtest/native-import.js +10 -0
package/dist/engine-backtest/parse-args.d.ts +6 -0
package/dist/engine-backtest/parse-args.js +281 -0
package/dist/engine-backtest/persist.d.ts +32 -0
package/dist/engine-backtest/persist.js +94 -0
package/dist/engine-backtest/replay-timeframe.d.ts +16 -0
package/dist/engine-backtest/replay-timeframe.js +48 -0
package/dist/engine-backtest/resolve-packages.d.ts +27 -0
package/dist/engine-backtest/resolve-packages.js +288 -0
package/dist/engine-backtest/run-command.d.ts +38 -0
package/dist/engine-backtest/run-command.js +540 -0
package/dist/engine-backtest/types.d.ts +249 -0
package/dist/engine-backtest/types.js +2 -0
package/dist/index.d.ts +4 -0
package/dist/index.js +16 -1
package/dist/install/exec.d.ts +13 -0
package/dist/install/exec.js +77 -0
package/dist/install/package-root.d.ts +4 -0
package/dist/install/package-root.js +59 -0
package/dist/install/types.d.ts +69 -0
package/dist/install/types.js +26 -0
package/dist/install/wizard.d.ts +21 -0
package/dist/install/wizard.js +330 -0
package/dist/version.d.ts +1 -1
package/dist/version.js +1 -1
package/docs/.nojekyll +0 -0
package/docs/alphafox-cli-installation-guide.md +105 -0
package/docs/favicon.svg +4 -0
package/docs/index.html +748 -0
package/docs/logo/alphafox-mark.svg +4 -0
package/docs/logo/alphafox-wordmark-black-en.svg +17 -0
package/docs/logo/alphafox-wordmark-white-en.svg +16 -0
package/docs/release-supply-chain.md +10 -2
package/package.json +7 -2
package/skills/account/SKILL.md +2 -2
package/skills/admin/SKILL.md +2 -2
package/skills/alphafox-shared/SKILL.md +22 -1
package/skills/auth/SKILL.md +1 -1
package/skills/engine-backtest/SKILL.md +71 -0
package/skills/exchange/SKILL.md +2 -2
package/skills/market/SKILL.md +1 -1
package/skills/notification/SKILL.md +2 -2
package/skills/strategy/SKILL.md +10 -2
package/skills/trading/SKILL.md +6 -3
package/vendor/backtest-runner/NOTICE.md +1 -0
package/vendor/backtest-runner/README.md +97 -0
package/vendor/backtest-runner/index.d.ts +423 -0
package/vendor/backtest-runner/index.mjs +59 -0
package/vendor/backtest-runner/lib/abortable.mjs +23 -0
package/vendor/backtest-runner/lib/cache.mjs +159 -0
package/vendor/backtest-runner/lib/coverage.mjs +238 -0
package/vendor/backtest-runner/lib/encode.mjs +28 -0
package/vendor/backtest-runner/lib/exchanges.mjs +143 -0
package/vendor/backtest-runner/lib/proxy.mjs +78 -0
package/vendor/backtest-runner/lib/scenario.mjs +66 -0
package/vendor/backtest-runner/lib/series.mjs +370 -0
package/vendor/backtest-runner/lib/tape-loader.mjs +614 -0
package/vendor/backtest-runner/lib/timeframes.mjs +55 -0
package/vendor/backtest-runner/package.json +13 -0

package/docs/index.html ADDED Viewed

@@ -0,0 +1,748 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Alphafox CLI</title>
+    <meta
+      name="description"
+      content="仅需一行指令，在任意 Agent 操作 Alphafox。安装 CLI 与 Skills，用 Public Application API 做回测、策略与交易。"
+    />
+    <meta name="theme-color" content="#FF991F" />
+    <link rel="icon" href="favicon.svg" type="image/svg+xml" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap"
+      rel="stylesheet"
+    />
+    <script>
+      (() => {
+        const stored = window.localStorage.getItem("alphafox-cli.theme");
+        const theme =
+          stored === "light" || stored === "dark"
+            ? stored
+            : window.matchMedia("(prefers-color-scheme: dark)").matches
+              ? "dark"
+              : "light";
+        document.documentElement.classList.toggle("dark", theme === "dark");
+        document.documentElement.style.colorScheme = theme;
+      })();
+    </script>
+    <style>
+      :root {
+        --background: #eef4fa;
+        --foreground: #111111;
+        --card: #ffffff;
+        --muted: #f2f5f7;
+        --muted-foreground: rgb(17 17 17 / 0.64);
+        --foreground-soft: rgb(17 17 17 / 0.72);
+        --border: rgb(17 17 17 / 0.1);
+        --primary: #ff991f;
+        --primary-foreground: #ffffff;
+        --primary-hover: #f0aa29;
+        --brand-cyan: #83e6ff;
+        --aurora-mint: #0be5c7;
+        --profit: #2fbd85;
+        --header-surface: rgb(255 255 255 / 0.72);
+        --surface-tint: rgb(17 17 17 / 0.04);
+        --radius: 1rem;
+        --radius-sm: 0.75rem;
+        --sans: Inter, "HarmonyOS Sans SC", "PingFang SC", "Hiragino Sans GB",
+          "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
+        --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco,
+          Consolas, monospace;
+      }
+      html.dark {
+        --background: #0c0b0a;
+        --foreground: #f7f5f2;
+        --card: #141210;
+        --muted: #1b1815;
+        --muted-foreground: rgb(247 245 242 / 0.68);
+        --foreground-soft: rgb(247 245 242 / 0.78);
+        --border: rgb(255 255 255 / 0.1);
+        --header-surface: rgb(12 11 10 / 0.72);
+        --surface-tint: rgb(255 255 255 / 0.05);
+      }
+      * {
+        box-sizing: border-box;
+      }
+      html,
+      body {
+        margin: 0;
+        min-height: 100%;
+        background: var(--background);
+        color: var(--foreground);
+        font-family: var(--sans);
+      }
+      body {
+        min-height: 100vh;
+        background:
+          radial-gradient(
+            36rem 16rem at 8% -12%,
+            color-mix(in oklab, var(--primary) 16%, transparent),
+            transparent 68%
+          ),
+          radial-gradient(
+            28rem 14rem at 100% -8%,
+            color-mix(in oklab, var(--brand-cyan) 14%, transparent),
+            transparent 64%
+          ),
+          var(--background);
+      }
+      a {
+        color: inherit;
+      }
+      button,
+      a.btn {
+        font: inherit;
+      }
+      .site-header {
+        position: sticky;
+        top: 0;
+        z-index: 20;
+        height: 64px;
+        border-bottom: 1px solid var(--border);
+        background: var(--header-surface);
+        backdrop-filter: blur(20px);
+      }
+      .site-header-inner,
+      .wrap {
+        width: min(52rem, calc(100% - 2rem));
+        margin: 0 auto;
+      }
+      .site-header-inner {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 100%;
+        width: min(76rem, calc(100% - 2rem));
+      }
+      .brand {
+        display: inline-flex;
+        align-items: center;
+        gap: 10px;
+        min-width: 0;
+        color: inherit;
+        text-decoration: none;
+      }
+      .brand:hover {
+        opacity: 0.8;
+      }
+      .mark {
+        width: 36px;
+        height: 36px;
+        flex: 0 0 auto;
+        object-fit: contain;
+      }
+      .wordmark {
+        width: 7.6rem;
+        height: auto;
+        flex: 0 0 auto;
+      }
+      .wordmark-dark {
+        display: none;
+      }
+      html.dark .wordmark-light {
+        display: none;
+      }
+      html.dark .wordmark-dark {
+        display: block;
+      }
+      .product {
+        display: inline-flex;
+        align-items: center;
+        height: 22px;
+        padding: 0 8px;
+        border: 1px solid var(--border);
+        border-radius: 999px;
+        background: var(--card);
+        color: var(--muted-foreground);
+        font-size: 11px;
+        font-weight: 600;
+        letter-spacing: 0.08em;
+      }
+      .header-actions {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+      }
+      .icon-btn {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 36px;
+        height: 36px;
+        padding: 0;
+        border: 0;
+        border-radius: 999px;
+        background: transparent;
+        color: var(--muted-foreground);
+        cursor: pointer;
+      }
+      .icon-btn:hover {
+        background: var(--surface-tint);
+        color: var(--foreground);
+      }
+      .icon-btn svg {
+        width: 16px;
+        height: 16px;
+      }
+      .locale-btn {
+        font-family: var(--mono);
+        font-size: 11.5px;
+        font-weight: 600;
+        letter-spacing: 0.08em;
+      }
+      .open-app {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        height: 36px;
+        padding: 0 16px;
+        border: 0;
+        border-radius: 999px;
+        background: var(--primary);
+        color: var(--primary-foreground);
+        font-size: 15px;
+        font-weight: 600;
+        text-decoration: none;
+      }
+      .open-app:hover {
+        background: var(--primary-hover);
+      }
+      .theme-icon-dark,
+      html.dark .theme-icon-light {
+        display: none;
+      }
+      html.dark .theme-icon-dark {
+        display: block;
+      }
+      .wrap {
+        padding: 40px 0 72px;
+      }
+      .hero {
+        overflow: hidden;
+        border: 1px solid var(--border);
+        border-radius: calc(var(--radius) + 0.25rem);
+        background:
+          radial-gradient(
+            36rem 14rem at 6% -20%,
+            color-mix(in oklab, var(--primary) 12%, transparent),
+            transparent 68%
+          ),
+          radial-gradient(
+            28rem 12rem at 100% 120%,
+            color-mix(in oklab, var(--brand-cyan) 10%, transparent),
+            transparent 64%
+          ),
+          var(--card);
+        padding: clamp(1.5rem, 3.2vw, 2.4rem) clamp(1.25rem, 2.8vw, 2.2rem);
+      }
+      .kicker {
+        margin: 0;
+        color: var(--primary);
+        font-size: 12px;
+        font-weight: 600;
+        letter-spacing: 0.04em;
+      }
+      .headline {
+        margin: 0.4rem 0 0;
+        color: var(--foreground);
+        font-size: clamp(1.7rem, 4vw, 2.25rem);
+        font-weight: 600;
+        letter-spacing: -0.02em;
+        line-height: 1.18;
+        text-wrap: balance;
+      }
+      .lede {
+        max-width: 40rem;
+        margin: 0.75rem 0 0;
+        color: var(--muted-foreground);
+        font-size: 0.98rem;
+        line-height: 1.7;
+        text-wrap: pretty;
+      }
+      .tabs {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 4px;
+        width: fit-content;
+        margin: 1.35rem 0 0;
+        padding: 4px;
+        border: 1px solid var(--border);
+        border-radius: 999px;
+        background: var(--card);
+      }
+      .tab {
+        appearance: none;
+        border: 0;
+        border-radius: 999px;
+        background: transparent;
+        color: var(--muted-foreground);
+        cursor: pointer;
+        font-size: 14px;
+        font-weight: 600;
+        padding: 8px 14px;
+      }
+      .tab:hover {
+        color: var(--foreground);
+      }
+      .tab[aria-selected="true"] {
+        background: var(--muted);
+        color: var(--foreground);
+      }
+      .panel {
+        display: none;
+        margin-top: 1.1rem;
+      }
+      .panel.active {
+        display: block;
+      }
+      .hint {
+        margin: 0 0 12px;
+        color: var(--muted-foreground);
+        font-size: 14px;
+        line-height: 1.6;
+      }
+      .cmd {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        padding: 14px 14px 14px 16px;
+        border: 1px solid var(--border);
+        border-radius: var(--radius);
+        background: var(--muted);
+      }
+      .cmd code {
+        flex: 1;
+        color: var(--foreground);
+        font-family: var(--mono);
+        font-size: 13.5px;
+        line-height: 1.55;
+        word-break: break-all;
+        white-space: pre-wrap;
+      }
+      .copy {
+        flex: 0 0 auto;
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        height: 36px;
+        padding: 0 14px;
+        border: 0;
+        border-radius: 999px;
+        background: var(--primary);
+        color: var(--primary-foreground);
+        cursor: pointer;
+        font-size: 13px;
+        font-weight: 600;
+      }
+      .copy:hover {
+        background: var(--primary-hover);
+      }
+      .copy.copied {
+        background: color-mix(in oklab, var(--profit) 88%, #0b3d28);
+      }
+      .copy svg {
+        width: 14px;
+        height: 14px;
+      }
+      .status {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        margin: 18px 0 0;
+        color: var(--foreground-soft);
+        font-size: 14px;
+      }
+      .status svg {
+        width: 16px;
+        height: 16px;
+        color: var(--profit);
+        flex: 0 0 auto;
+      }
+      .links {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+        margin-top: 18px;
+      }
+      .links a {
+        display: inline-flex;
+        align-items: center;
+        padding: 8px 14px;
+        border: 1px solid var(--border);
+        border-radius: 999px;
+        background: var(--card);
+        color: var(--foreground);
+        font-size: 14px;
+        font-weight: 600;
+        text-decoration: none;
+      }
+      .links a:hover {
+        border-color: color-mix(in oklab, var(--primary) 32%, var(--border));
+        background: color-mix(in oklab, var(--primary) 8%, var(--card));
+      }
+      .links a.is-primary {
+        border-color: transparent;
+        background: var(--primary);
+        color: var(--primary-foreground);
+      }
+      .links a.is-primary:hover {
+        background: var(--primary-hover);
+      }
+      .site-footer {
+        width: min(52rem, calc(100% - 2rem));
+        margin: 0 auto;
+        padding: 0 0 32px;
+        color: var(--muted-foreground);
+        font-size: 13px;
+      }
+      .site-footer a {
+        color: var(--foreground-soft);
+        text-decoration: none;
+      }
+      .site-footer a:hover {
+        color: var(--primary);
+      }
+      @media (min-width: 640px) {
+        .mark {
+          width: 40px;
+          height: 40px;
+        }
+        .wordmark {
+          width: 10.3rem;
+        }
+      }
+      @media (max-width: 720px) {
+        .product {
+          display: none;
+        }
+        .cmd {
+          flex-direction: column;
+          align-items: stretch;
+        }
+        .copy {
+          justify-content: center;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <header class="site-header">
+      <div class="site-header-inner">
+        <a class="brand" href="./" aria-label="Alphafox CLI">
+          <img class="mark" src="logo/alphafox-mark.svg" alt="" width="36" height="36" />
+          <img
+            class="wordmark wordmark-light"
+            src="logo/alphafox-wordmark-black-en.svg"
+            alt=""
+            width="210"
+            height="40"
+          />
+          <img
+            class="wordmark wordmark-dark"
+            src="logo/alphafox-wordmark-white-en.svg"
+            alt=""
+            width="210"
+            height="40"
+          />
+          <span class="product">CLI</span>
+        </a>
+        <div class="header-actions">
+          <button type="button" class="icon-btn" id="theme-toggle" aria-label="Toggle theme">
+            <svg class="theme-icon-light" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+              <path
+                d="M12 3v2M12 19v2M5 12H3M21 12h-2M6.2 6.2 4.8 4.8M19.2 19.2l-1.4-1.4M17.8 6.2l1.4-1.4M4.8 19.2l1.4-1.4"
+                stroke="currentColor"
+                stroke-width="1.7"
+                stroke-linecap="round"
+              />
+              <circle cx="12" cy="12" r="3.4" stroke="currentColor" stroke-width="1.7" />
+            </svg>
+            <svg class="theme-icon-dark" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+              <path
+                d="M15.4 13.2A6.2 6.2 0 0 1 10.8 4.4 7 7 0 1 0 19.6 13.2a6.2 6.2 0 0 1-4.2 0Z"
+                stroke="currentColor"
+                stroke-width="1.7"
+                stroke-linejoin="round"
+              />
+            </svg>
+          </button>
+          <button type="button" class="icon-btn locale-btn" id="lang-toggle" aria-label="Switch language">
+            EN
+          </button>
+          <a class="open-app" href="https://www.alphafox.app" data-i18n="openApp">
+            <span class="open-app-label">打开 App</span>
+            <svg class="open-app-icon" viewBox="0 0 16 16" width="14" height="14" fill="none" aria-hidden="true">
+              <path d="M4.5 11.5 11.5 4.5M6 4.5h5.5V10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
+            </svg>
+          </a>
+        </div>
+      </div>
+    </header>
+    <main class="wrap">
+      <section class="hero">
+        <p class="kicker">Alphafox CLI</p>
+        <h1 class="headline" data-i18n="headline">仅需一行指令，在任意 Agent 操作 Alphafox</h1>
+        <p class="lede" data-i18n="lede">
+          安装 CLI 与 Skills，用 Public Application API 做回测、策略与交易。
+        </p>
+        <div class="tabs" role="tablist">
+          <button class="tab" id="tab-manual" role="tab" aria-selected="true" aria-controls="panel-manual" data-i18n="tabManual">
+            手动安装
+          </button>
+          <button class="tab" id="tab-agent" role="tab" aria-selected="false" aria-controls="panel-agent" data-i18n="tabAgent">
+            通过 AI Agent 安装
+          </button>
+        </div>
+        <section class="panel active" id="panel-manual" role="tabpanel" aria-labelledby="tab-manual">
+          <p class="hint" data-i18n="manualHint">复制以下命令到终端运行即可完成安装：</p>
+          <div class="cmd">
+            <code id="manual-cmd">npx @alphafox/cli@latest install</code>
+            <button class="copy" type="button" data-copy="manual-cmd">
+              <svg viewBox="0 0 16 16" fill="none" aria-hidden="true">
+                <rect x="5.5" y="5.5" width="8" height="8" rx="1.5" stroke="currentColor" />
+                <path d="M10.5 5.5V4A1.5 1.5 0 0 0 9 2.5H4A1.5 1.5 0 0 0 2.5 4v5A1.5 1.5 0 0 0 4 10.5h1.5" stroke="currentColor" />
+              </svg>
+              <span data-i18n="copy">复制</span>
+            </button>
+          </div>
+        </section>
+        <section class="panel" id="panel-agent" role="tabpanel" aria-labelledby="tab-agent" hidden>
+          <p class="hint" data-i18n="agentHint">把下面这段话发给任意 AI Agent，它会按安装指南完成配置：</p>
+          <div class="cmd">
+            <code id="agent-cmd">帮我安装 Alphafox CLI：https://github.com/alphafoxai/alphafox-cli/blob/main/docs/alphafox-cli-installation-guide.md</code>
+            <button class="copy" type="button" data-copy="agent-cmd">
+              <svg viewBox="0 0 16 16" fill="none" aria-hidden="true">
+                <rect x="5.5" y="5.5" width="8" height="8" rx="1.5" stroke="currentColor" />
+                <path d="M10.5 5.5V4A1.5 1.5 0 0 0 9 2.5H4A1.5 1.5 0 0 0 2.5 4v5A1.5 1.5 0 0 0 4 10.5h1.5" stroke="currentColor" />
+              </svg>
+              <span data-i18n="copy">复制</span>
+            </button>
+          </div>
+        </section>
+        <p class="status">
+          <svg viewBox="0 0 16 16" fill="none" aria-hidden="true">
+            <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.4" />
+            <path d="M5.2 8.15 7.1 10l3.7-4.2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+          </svg>
+          <span data-i18n="status">配置完成后，重启你的 AI Agent 即可开始使用</span>
+        </p>
+        <nav class="links">
+          <a class="is-primary" href="https://github.com/alphafoxai/alphafox-cli/blob/main/docs/alphafox-cli-installation-guide.md" data-i18n="guide">使用指南</a>
+          <a href="https://github.com/alphafoxai/alphafox-cli" data-i18n="source">开源地址</a>
+          <a href="https://github.com/alphafoxai/alphafox-cli/releases" data-i18n="changelog">更新日志</a>
+        </nav>
+      </section>
+    </main>
+    <footer class="site-footer">
+      <span>© 2026 Alphafox</span>
+      ·
+      <a href="https://www.alphafox.app">alphafox.app</a>
+    </footer>
+    <script>
+      const copyLabels = { zh: { idle: "复制", done: "已复制" }, en: { idle: "Copy", done: "Copied" } };
+      const i18n = {
+        zh: {
+          headline: "仅需一行指令，在任意 Agent 操作 Alphafox",
+          lede: "安装 CLI 与 Skills，用 Public Application API 做回测、策略与交易。",
+          tabManual: "手动安装",
+          tabAgent: "通过 AI Agent 安装",
+          manualHint: "复制以下命令到终端运行即可完成安装：",
+          agentHint: "把下面这段话发给任意 AI Agent，它会按安装指南完成配置：",
+          copy: "复制",
+          status: "配置完成后，重启你的 AI Agent 即可开始使用",
+          guide: "使用指南",
+          source: "开源地址",
+          changelog: "更新日志",
+          openApp: "打开 App",
+          themeAria: "切换到深色模式",
+          themeAriaDark: "切换到浅色模式",
+          langAria: "切换语言",
+          agentCmd:
+            "帮我安装 Alphafox CLI：https://github.com/alphafoxai/alphafox-cli/blob/main/docs/alphafox-cli-installation-guide.md",
+        },
+        en: {
+          headline: "One command to operate Alphafox from any Agent",
+          lede: "Install the CLI and Skills, then run backtests, strategies, and trades through the Public Application API.",
+          tabManual: "Manual install",
+          tabAgent: "Install via AI Agent",
+          manualHint: "Copy this command into your terminal to finish install:",
+          agentHint: "Paste this prompt into any AI Agent. It will follow the install guide:",
+          copy: "Copy",
+          status: "After setup, restart your AI Agent and start using it",
+          guide: "Usage guide",
+          source: "Source",
+          changelog: "Changelog",
+          openApp: "Open App",
+          themeAria: "Switch to dark mode",
+          themeAriaDark: "Switch to light mode",
+          langAria: "Switch language",
+          agentCmd:
+            "Install Alphafox CLI for me: https://github.com/alphafoxai/alphafox-cli/blob/main/docs/alphafox-cli-installation-guide.md",
+        },
+      };
+      let lang = "zh";
+      function currentTheme() {
+        return document.documentElement.classList.contains("dark") ? "dark" : "light";
+      }
+      function applyTheme(theme) {
+        document.documentElement.classList.toggle("dark", theme === "dark");
+        document.documentElement.style.colorScheme = theme;
+        window.localStorage.setItem("alphafox-cli.theme", theme);
+        syncChrome();
+      }
+      function applyLang(next) {
+        lang = next;
+        document.documentElement.lang = next === "zh" ? "zh-CN" : "en";
+        document.querySelectorAll("[data-i18n]").forEach((el) => {
+          const key = el.getAttribute("data-i18n");
+          if (key === "openApp") {
+            const label = el.querySelector(".open-app-label");
+            if (label) label.textContent = i18n[next][key];
+            return;
+          }
+          if (i18n[next][key]) el.textContent = i18n[next][key];
+        });
+        document.getElementById("agent-cmd").textContent = i18n[next].agentCmd;
+        document.querySelectorAll(".copy span").forEach((span) => {
+          span.textContent = copyLabels[next].idle;
+        });
+        syncChrome();
+      }
+      function syncChrome() {
+        const themeBtn = document.getElementById("theme-toggle");
+        const langBtn = document.getElementById("lang-toggle");
+        themeBtn.setAttribute(
+          "aria-label",
+          currentTheme() === "dark" ? i18n[lang].themeAriaDark : i18n[lang].themeAria
+        );
+        langBtn.setAttribute("aria-label", i18n[lang].langAria);
+        langBtn.textContent = lang === "zh" ? "EN" : "CH";
+      }
+      document.getElementById("theme-toggle").addEventListener("click", () => {
+        applyTheme(currentTheme() === "dark" ? "light" : "dark");
+      });
+      document.getElementById("lang-toggle").addEventListener("click", () => {
+        applyLang(lang === "zh" ? "en" : "zh");
+      });
+      const tabs = [
+        { btn: document.getElementById("tab-manual"), panel: document.getElementById("panel-manual") },
+        { btn: document.getElementById("tab-agent"), panel: document.getElementById("panel-agent") },
+      ];
+      function selectTab(target) {
+        tabs.forEach(({ btn, panel }) => {
+          const on = btn === target;
+          btn.setAttribute("aria-selected", String(on));
+          panel.classList.toggle("active", on);
+          panel.hidden = !on;
+        });
+      }
+      tabs.forEach(({ btn }) => btn.addEventListener("click", () => selectTab(btn)));
+      document.querySelectorAll("[data-copy]").forEach((button) => {
+        button.addEventListener("click", async () => {
+          const id = button.getAttribute("data-copy");
+          const text = document.getElementById(id).textContent;
+          try {
+            await navigator.clipboard.writeText(text);
+          } catch {
+            const area = document.createElement("textarea");
+            area.value = text;
+            document.body.appendChild(area);
+            area.select();
+            document.execCommand("copy");
+            area.remove();
+          }
+          button.classList.add("copied");
+          const label = button.querySelector("span");
+          label.textContent = copyLabels[lang].done;
+          setTimeout(() => {
+            button.classList.remove("copied");
+            label.textContent = copyLabels[lang].idle;
+          }, 1600);
+        });
+      });
+      syncChrome();
+    </script>
+  </body>
+</html>