From 849864d49343cfba4dac04f27acdfb795acc1bac Mon Sep 17 00:00:00 2001
From: Pigbibi <20649888+Pigbibi@users.noreply.github.com>
Date: Tue, 9 Jun 2026 04:03:31 +0800
Subject: [PATCH] Refine strategy switch console options

---
 docs/index.html                           | 18 +++++++-----------
 web/strategy-switch-console/page_asset.js |  2 +-
 web/strategy-switch-console/worker.js     |  2 +-
 3 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 18e8383..dace9c5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -563,7 +563,7 @@ <h2 id="platform-title">LongBridge</h2>
 
         <div class="run-area">
           <button class="run-button" id="dispatch-button" type="button" disabled data-i18n="loginToRun">登录后切换</button>
-          <p class="action-note" id="action-note">公开页面只能查看；登录版校验账号权限后才会触发 workflow。</p>
+          <p class="action-note" id="action-note">登录后才可执行切换。</p>
           <p class="toast" id="toast" aria-live="polite"></p>
         </div>
       </div>
@@ -576,7 +576,6 @@ <h2 data-i18n="summary">切换摘要</h2>
         <dl class="summary-list" id="summary-list"></dl>
         <div class="summary-actions">
           <button class="btn" id="copy-button" type="button" data-i18n="copySummary">复制摘要</button>
-          <span class="quiet" id="config-source">default</span>
         </div>
       </aside>
     </section>
@@ -599,6 +598,7 @@ <h2 data-i18n="summary">切换摘要</h2>
 
     const strategyOptions = [
       "tqqq_growth_income",
+      "soxl_soxx_trend_income",
       "global_etf_rotation",
       "russell_1000_multi_factor_defensive",
       "mega_cap_leader_rotation_top50_balanced",
@@ -606,6 +606,7 @@ <h2 data-i18n="summary">切换摘要</h2>
 
     const strategyLabels = {
       tqqq_growth_income: "TQQQ Growth Income",
+      soxl_soxx_trend_income: "SOXL/SOXX Trend Income",
       global_etf_rotation: "Global ETF Rotation",
       russell_1000_multi_factor_defensive: "Russell 1000 Defensive",
       mega_cap_leader_rotation_top50_balanced: "Mega Cap Top 50",
@@ -670,8 +671,8 @@ <h2 data-i18n="summary">切换摘要</h2>
         loginToRun: "登录后切换",
         configureAccounts: "配置账号后切换",
         runSwitch: "一键切换",
-        readonlyNote: "公开页面只能查看；登录版校验账号权限后才会触发 workflow。",
-        missingConfigNote: "还没有加载私有账号配置，禁止执行，避免账号不匹配。",
+        readonlyNote: "登录后才可执行切换。",
+        missingConfigNote: "账号配置未加载，暂时不能执行。",
         readyNote: "点击后会触发 workflow，并同步目标平台服务。",
         noAccount: "没有账号选项",
         repository: "平台仓库",
@@ -689,8 +690,6 @@ <h2 data-i18n="summary">切换摘要</h2>
         dispatched: "已触发 workflow",
         dispatchFailed: "触发失败",
         targetMeta: "target {target} · service {service}",
-        defaultConfig: "公开示例",
-        privateConfig: "私有账号",
       },
       en: {
         appTitle: "Strategy Switch",
@@ -707,8 +706,8 @@ <h2 data-i18n="summary">切换摘要</h2>
         loginToRun: "Sign in to switch",
         configureAccounts: "Configure accounts",
         runSwitch: "Switch now",
-        readonlyNote: "Public page is read-only; the Worker checks login before dispatching the workflow.",
-        missingConfigNote: "Private account config is not loaded, so switching is disabled.",
+        readonlyNote: "Sign in to switch.",
+        missingConfigNote: "Account config is not loaded, so switching is disabled.",
         readyNote: "This dispatches the workflow and syncs the target platform service.",
         noAccount: "No accounts",
         repository: "Repository",
@@ -726,8 +725,6 @@ <h2 data-i18n="summary">切换摘要</h2>
         dispatched: "Workflow dispatched",
         dispatchFailed: "Dispatch failed",
         targetMeta: "target {target} · service {service}",
-        defaultConfig: "Public sample",
-        privateConfig: "Private accounts",
       },
     };
 
@@ -903,7 +900,6 @@ <h2 data-i18n="summary">切换摘要</h2>
       `).join("");
 
       el("mode-pill").textContent = inputs.execution_mode;
-      el("config-source").textContent = state.configSource === "private" ? t("privateConfig") : t("defaultConfig");
     }
 
     function renderAuth() {
diff --git a/web/strategy-switch-console/page_asset.js b/web/strategy-switch-console/page_asset.js
index 7c58fab..1b223be 100644
--- a/web/strategy-switch-console/page_asset.js
+++ b/web/strategy-switch-console/page_asset.js
@@ -1,2 +1,2 @@
 // Generated by scripts/sync_strategy_switch_page_asset.py; do not edit by hand.
-export const PAGE_HTML = "<!doctype html>\n<html lang=\"zh-CN\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <meta name=\"color-scheme\" content=\"light\">\n  <title>QuantRuntimeSettings Strategy Switch</title>\n  <style>\n    :root {\n      --bg: #f5f6f8;\n      --surface: #ffffff;\n      --soft: #eef1f4;\n      --ink: #16191f;\n      --muted: #66707c;\n      --line: #dce1e7;\n      --line-strong: #b8c2cc;\n      --accent: #136f63;\n      --accent-ink: #ffffff;\n      --danger: #b54137;\n      --lb: #0f766e;\n      --ib: #2f5f9f;\n      --sw: #9b4153;\n      --ft: #94651f;\n      font-family:\n        Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n        \"Segoe UI\", \"PingFang SC\", \"Microsoft YaHei\", sans-serif;\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    html {\n      min-height: 100%;\n      background: var(--bg);\n    }\n\n    body {\n      margin: 0;\n      min-height: 100svh;\n      background: var(--bg);\n      color: var(--ink);\n      letter-spacing: 0;\n    }\n\n    button,\n    select {\n      font: inherit;\n      letter-spacing: 0;\n    }\n\n    button {\n      cursor: pointer;\n    }\n\n    a {\n      color: inherit;\n    }\n\n    h1,\n    h2,\n    h3,\n    p {\n      margin: 0;\n    }\n\n    .topbar {\n      min-height: 72px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      padding: 17px 28px;\n      border-bottom: 1px solid var(--line);\n      background: rgba(250, 251, 252, 0.94);\n      backdrop-filter: blur(14px);\n      position: sticky;\n      top: 0;\n      z-index: 20;\n    }\n\n    .brand {\n      display: grid;\n      gap: 3px;\n      min-width: 0;\n    }\n\n    h1 {\n      font-size: 22px;\n      line-height: 1.12;\n      font-weight: 780;\n      overflow-wrap: anywhere;\n    }\n\n    .brand p {\n      color: var(--muted);\n      font-size: 13px;\n      line-height: 1.4;\n    }\n\n    .top-actions {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 10px;\n      flex-wrap: wrap;\n    }\n\n    .shell {\n      width: min(1160px, calc(100vw - 36px));\n      margin: 0 auto;\n      padding: 26px 0 32px;\n      display: grid;\n      gap: 18px;\n    }\n\n    .pill,\n    .btn {\n      min-height: 36px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 7px;\n      border: 1px solid var(--line);\n      background: var(--surface);\n      color: var(--muted);\n      text-decoration: none;\n      white-space: nowrap;\n      font-size: 13px;\n      font-weight: 740;\n    }\n\n    .pill {\n      padding: 0 12px;\n      border-radius: 999px;\n    }\n\n    .pill.ready {\n      border-color: rgba(19, 111, 99, 0.28);\n      background: #eff9f6;\n      color: var(--accent);\n    }\n\n    .btn {\n      padding: 0 13px;\n      border-radius: 8px;\n      transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;\n    }\n\n    .btn:hover {\n      transform: translateY(-1px);\n      border-color: var(--line-strong);\n      background: #fafbfc;\n    }\n\n    .mode button {\n      border: 0;\n      border-radius: 6px;\n      background: transparent;\n      color: var(--muted);\n      font-weight: 760;\n      transition: background 150ms ease, color 150ms ease;\n    }\n\n    .mode button.active {\n      background: #ffffff;\n      color: var(--ink);\n      box-shadow: 0 1px 7px rgba(22, 25, 31, 0.08);\n    }\n\n    .platform-strip {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .platform-button {\n      min-width: 0;\n      min-height: 104px;\n      display: grid;\n      grid-template-columns: auto 1fr;\n      align-items: center;\n      gap: 12px;\n      padding: 14px;\n      border: 1px solid var(--line);\n      border-top: 4px solid var(--platform-color);\n      border-radius: 8px;\n      background: var(--surface);\n      color: var(--ink);\n      text-align: left;\n      transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;\n    }\n\n    .platform-button:hover {\n      transform: translateY(-1px);\n      border-color: var(--line-strong);\n    }\n\n    .platform-button.active {\n      border-color: var(--platform-color);\n      background:\n        linear-gradient(180deg, color-mix(in srgb, var(--platform-color) 5%, white), #ffffff 62%);\n      box-shadow: 0 16px 36px rgba(22, 25, 31, 0.10);\n    }\n\n    .platform-button[data-platform=\"longbridge\"] {\n      --platform-color: var(--lb);\n    }\n\n    .platform-button[data-platform=\"ibkr\"] {\n      --platform-color: var(--ib);\n    }\n\n    .platform-button[data-platform=\"schwab\"] {\n      --platform-color: var(--sw);\n    }\n\n    .platform-button[data-platform=\"firstrade\"] {\n      --platform-color: var(--ft);\n    }\n\n    .mark {\n      width: 44px;\n      height: 44px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 8px;\n      background: color-mix(in srgb, var(--platform-color) 12%, white);\n      color: var(--platform-color);\n      font-size: 13px;\n      font-weight: 840;\n    }\n\n    .platform-copy {\n      min-width: 0;\n      display: grid;\n      gap: 3px;\n    }\n\n    .platform-copy strong {\n      font-size: 16px;\n      line-height: 1.18;\n      overflow-wrap: anywhere;\n    }\n\n    .platform-copy span {\n      color: var(--muted);\n      font-size: 12px;\n      line-height: 1.35;\n      overflow-wrap: anywhere;\n    }\n\n    .platform-copy small {\n      color: var(--platform-color);\n      font-size: 11px;\n      line-height: 1.25;\n      font-weight: 780;\n      overflow-wrap: anywhere;\n    }\n\n    .switch-surface {\n      display: grid;\n      grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);\n      gap: 18px;\n      align-items: stretch;\n    }\n\n    .switch-panel,\n    .summary-panel {\n      min-width: 0;\n      border: 1px solid var(--line);\n      border-radius: 8px;\n      background: var(--surface);\n      box-shadow: 0 18px 42px rgba(22, 25, 31, 0.08);\n    }\n\n    .switch-panel {\n      display: grid;\n      gap: 20px;\n      padding: 22px;\n    }\n\n    .panel-head {\n      display: grid;\n      gap: 5px;\n    }\n\n    .eyebrow {\n      color: var(--muted);\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 780;\n      text-transform: uppercase;\n    }\n\n    .panel-head h2 {\n      font-size: clamp(28px, 4vw, 46px);\n      line-height: 1.04;\n      font-weight: 820;\n      overflow-wrap: anywhere;\n    }\n\n    .quick-form {\n      display: grid;\n      grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);\n      gap: 14px;\n    }\n\n    .control-block {\n      display: grid;\n      gap: 8px;\n      min-width: 0;\n      color: var(--muted);\n      font-size: 12px;\n      font-weight: 760;\n    }\n\n    select {\n      width: 100%;\n      min-width: 0;\n      height: 48px;\n      padding: 0 13px;\n      border: 1px solid var(--line);\n      border-radius: 8px;\n      background: #ffffff;\n      color: var(--ink);\n      outline: none;\n      font-size: 14px;\n      font-weight: 680;\n      transition: border-color 150ms ease, box-shadow 150ms ease;\n    }\n\n    select:focus {\n      border-color: var(--platform-color, var(--accent));\n      box-shadow: 0 0 0 3px rgba(19, 111, 99, 0.12);\n    }\n\n    .selection-meta {\n      min-height: 20px;\n      color: var(--muted);\n      font-size: 12px;\n      line-height: 1.45;\n      overflow-wrap: anywhere;\n    }\n\n    .mode {\n      height: 48px;\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 4px;\n      padding: 4px;\n      border: 1px solid var(--line);\n      border-radius: 8px;\n      background: var(--soft);\n    }\n\n    .mode button {\n      font-size: 13px;\n    }\n\n    .run-area {\n      display: grid;\n      gap: 10px;\n      padding-top: 2px;\n    }\n\n    .run-button {\n      min-height: 56px;\n      border: 0;\n      border-radius: 8px;\n      background: var(--accent);\n      color: var(--accent-ink);\n      font-size: 16px;\n      font-weight: 820;\n      transition: transform 150ms ease, background 150ms ease, opacity 150ms ease;\n    }\n\n    .run-button:hover:not(:disabled) {\n      transform: translateY(-1px);\n      background: #0f5f55;\n    }\n\n    .run-button:disabled {\n      opacity: 0.48;\n      cursor: not-allowed;\n      transform: none;\n    }\n\n    .action-note {\n      min-height: 20px;\n      color: var(--muted);\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    .action-note.warning {\n      color: var(--danger);\n      font-weight: 720;\n    }\n\n    .summary-panel {\n      display: grid;\n      grid-template-rows: auto 1fr auto;\n      overflow: hidden;\n    }\n\n    .summary-head {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      padding: 16px;\n      border-bottom: 1px solid var(--line);\n    }\n\n    .summary-head h2 {\n      font-size: 15px;\n      line-height: 1.2;\n      font-weight: 800;\n    }\n\n    .summary-list {\n      margin: 0;\n      padding: 8px 16px;\n      display: grid;\n    }\n\n    .summary-row {\n      display: grid;\n      grid-template-columns: 128px minmax(0, 1fr);\n      gap: 12px;\n      padding: 10px 0;\n      border-bottom: 1px solid #eef1f4;\n      align-items: start;\n    }\n\n    .summary-row:last-child {\n      border-bottom: 0;\n    }\n\n    .summary-row dt {\n      color: var(--muted);\n      font-size: 12px;\n      line-height: 1.4;\n      font-weight: 760;\n    }\n\n    .summary-row dd {\n      margin: 0;\n      min-width: 0;\n      color: var(--ink);\n      font-size: 13px;\n      line-height: 1.45;\n      overflow-wrap: anywhere;\n    }\n\n    .summary-actions {\n      display: flex;\n      gap: 10px;\n      flex-wrap: wrap;\n      padding: 15px 16px;\n      border-top: 1px solid var(--line);\n      background: #fbfcfd;\n    }\n\n    .toast {\n      min-height: 20px;\n      color: var(--accent);\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    .quiet {\n      color: var(--muted);\n    }\n\n    @media (max-width: 980px) {\n      .platform-strip {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      .switch-surface {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 680px) {\n      .topbar {\n        position: static;\n        align-items: flex-start;\n        flex-direction: column;\n        padding: 18px;\n      }\n\n      .top-actions {\n        justify-content: flex-start;\n        width: 100%;\n      }\n\n      .shell {\n        width: min(100% - 28px, 1160px);\n        padding-top: 18px;\n      }\n\n      .platform-strip,\n      .quick-form {\n        grid-template-columns: 1fr;\n      }\n\n      .switch-panel {\n        padding: 18px;\n      }\n\n      .summary-row {\n        grid-template-columns: 1fr;\n        gap: 3px;\n      }\n    }\n  </style>\n</head>\n<body>\n  <header class=\"topbar\">\n    <div class=\"brand\">\n      <h1 data-i18n=\"appTitle\">策略切换</h1>\n      <p data-i18n=\"appSubtitle\">选平台、目标账号和策略，一次执行完成切换。</p>\n    </div>\n    <div class=\"top-actions\">\n      <a class=\"btn\" id=\"account-link\" href=\"https://github.com/QuantStrategyLab/QuantRuntimeSettings/tree/main/web/strategy-switch-console\" data-i18n=\"loginManage\">登录管理</a>\n    </div>\n  </header>\n\n  <main class=\"shell\">\n    <nav class=\"platform-strip\" id=\"platform-strip\" aria-label=\"Platforms\"></nav>\n\n    <section class=\"switch-surface\">\n      <div class=\"switch-panel\" id=\"switch-panel\">\n        <div class=\"panel-head\">\n          <span class=\"eyebrow\" data-i18n=\"activePlatform\">当前平台</span>\n          <h2 id=\"platform-title\">LongBridge</h2>\n        </div>\n\n        <div class=\"quick-form\">\n          <label class=\"control-block\">\n            <span data-i18n=\"account\">目标账号</span>\n            <select id=\"account-select\"></select>\n            <span class=\"selection-meta\" id=\"account-meta\"></span>\n          </label>\n\n          <label class=\"control-block\">\n            <span data-i18n=\"strategy\">策略</span>\n            <select id=\"strategy-select\"></select>\n          </label>\n\n          <div class=\"control-block\">\n            <span data-i18n=\"mode\">模式</span>\n            <div class=\"mode\" id=\"mode-control\">\n              <button type=\"button\" data-mode=\"live\" class=\"active\" data-i18n=\"live\">实盘</button>\n              <button type=\"button\" data-mode=\"paper\" data-i18n=\"paper\">模拟</button>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"run-area\">\n          <button class=\"run-button\" id=\"dispatch-button\" type=\"button\" disabled data-i18n=\"loginToRun\">登录后切换</button>\n          <p class=\"action-note\" id=\"action-note\">公开页面只能查看；登录版校验账号权限后才会触发 workflow。</p>\n          <p class=\"toast\" id=\"toast\" aria-live=\"polite\"></p>\n        </div>\n      </div>\n\n      <aside class=\"summary-panel\">\n        <div class=\"summary-head\">\n          <h2 data-i18n=\"summary\">切换摘要</h2>\n          <span class=\"pill\" id=\"mode-pill\">live</span>\n        </div>\n        <dl class=\"summary-list\" id=\"summary-list\"></dl>\n        <div class=\"summary-actions\">\n          <button class=\"btn\" id=\"copy-button\" type=\"button\" data-i18n=\"copySummary\">复制摘要</button>\n          <span class=\"quiet\" id=\"config-source\">default</span>\n        </div>\n      </aside>\n    </section>\n  </main>\n\n  <script>\n    const repositories = {\n      longbridge: \"QuantStrategyLab/LongBridgePlatform\",\n      ibkr: \"QuantStrategyLab/InteractiveBrokersPlatform\",\n      schwab: \"QuantStrategyLab/CharlesSchwabPlatform\",\n      firstrade: \"QuantStrategyLab/FirstradePlatform\",\n    };\n\n    const platformMeta = {\n      longbridge: { label: \"LongBridge\", code: \"LB\", accent: \"var(--lb)\" },\n      ibkr: { label: \"IBKR\", code: \"IB\", accent: \"var(--ib)\" },\n      schwab: { label: \"Schwab\", code: \"SW\", accent: \"var(--sw)\" },\n      firstrade: { label: \"Firstrade\", code: \"FT\", accent: \"var(--ft)\" },\n    };\n\n    const strategyOptions = [\n      \"tqqq_growth_income\",\n      \"global_etf_rotation\",\n      \"russell_1000_multi_factor_defensive\",\n      \"mega_cap_leader_rotation_top50_balanced\",\n    ];\n\n    const strategyLabels = {\n      tqqq_growth_income: \"TQQQ Growth Income\",\n      global_etf_rotation: \"Global ETF Rotation\",\n      russell_1000_multi_factor_defensive: \"Russell 1000 Defensive\",\n      mega_cap_leader_rotation_top50_balanced: \"Mega Cap Top 50\",\n    };\n\n    const defaultAccountOptions = {\n      longbridge: [\n        { key: \"hk\", label: \"hk\", target_name: \"hk\", account_selector: \"HK\" },\n        { key: \"sg\", label: \"sg\", target_name: \"sg\", account_selector: \"SG\" },\n        { key: \"paper\", label: \"paper\", target_name: \"paper\", account_selector: \"PAPER\" },\n      ],\n      ibkr: [\n        {\n          key: \"u15998061\",\n          label: \"u15998061\",\n          target_name: \"u15998061\",\n          account_selector: \"U15998061\",\n          deployment_selector: \"live-u1599-tqqq\",\n          account_scope: \"live-u1599-tqqq\",\n          service_name: \"interactive-brokers-live-u1599-tqqq-service\",\n        },\n        {\n          key: \"u16608560\",\n          label: \"u16608560\",\n          target_name: \"u16608560\",\n          account_selector: \"U16608560\",\n          deployment_selector: \"live-u1660-soxl\",\n          account_scope: \"live-u1660-soxl\",\n          service_name: \"interactive-brokers-live-u1660-soxl-service\",\n        },\n        {\n          key: \"u18336562\",\n          label: \"u18336562\",\n          target_name: \"u18336562\",\n          account_selector: \"U18336562\",\n          deployment_selector: \"live-u1833-smart-dca\",\n          account_scope: \"live-u1833-smart-dca\",\n          service_name: \"interactive-brokers-live-u1833-smart-dca-service\",\n        },\n      ],\n      schwab: [\n        { key: \"default\", label: \"default\", target_name: \"default\" },\n      ],\n      firstrade: [\n        { key: \"default\", label: \"default\", target_name: \"default\" },\n      ],\n    };\n\n    const copy = {\n      zh: {\n        appTitle: \"策略切换\",\n        appSubtitle: \"选平台、目标账号和策略，一次执行完成切换。\",\n        loginManage: \"登录管理\",\n        activePlatform: \"当前平台\",\n        account: \"目标账号\",\n        strategy: \"策略\",\n        mode: \"模式\",\n        live: \"实盘\",\n        paper: \"模拟\",\n        summary: \"切换摘要\",\n        copySummary: \"复制摘要\",\n        loginToRun: \"登录后切换\",\n        configureAccounts: \"配置账号后切换\",\n        runSwitch: \"一键切换\",\n        readonlyNote: \"公开页面只能查看；登录版校验账号权限后才会触发 workflow。\",\n        missingConfigNote: \"还没有加载私有账号配置，禁止执行，避免账号不匹配。\",\n        readyNote: \"点击后会触发 workflow，并同步目标平台服务。\",\n        noAccount: \"没有账号选项\",\n        repository: \"平台仓库\",\n        target: \"Target\",\n        selectedAccount: \"账号\",\n        selectedStrategy: \"策略\",\n        selectedMode: \"模式\",\n        service: \"服务\",\n        accountSelector: \"账号选择器\",\n        action: \"动作\",\n        actionValue: \"切换并同步\",\n        confirm: \"确认词\",\n        copied: \"已复制摘要\",\n        dispatching: \"正在触发 workflow...\",\n        dispatched: \"已触发 workflow\",\n        dispatchFailed: \"触发失败\",\n        targetMeta: \"target {target} · service {service}\",\n        defaultConfig: \"公开示例\",\n        privateConfig: \"私有账号\",\n      },\n      en: {\n        appTitle: \"Strategy Switch\",\n        appSubtitle: \"Pick platform, target account, and strategy. One action switches everything.\",\n        loginManage: \"Login Management\",\n        activePlatform: \"Active Platform\",\n        account: \"Target account\",\n        strategy: \"Strategy\",\n        mode: \"Mode\",\n        live: \"Live\",\n        paper: \"Paper\",\n        summary: \"Switch Summary\",\n        copySummary: \"Copy summary\",\n        loginToRun: \"Sign in to switch\",\n        configureAccounts: \"Configure accounts\",\n        runSwitch: \"Switch now\",\n        readonlyNote: \"Public page is read-only; the Worker checks login before dispatching the workflow.\",\n        missingConfigNote: \"Private account config is not loaded, so switching is disabled.\",\n        readyNote: \"This dispatches the workflow and syncs the target platform service.\",\n        noAccount: \"No accounts\",\n        repository: \"Repository\",\n        target: \"Target\",\n        selectedAccount: \"Account\",\n        selectedStrategy: \"Strategy\",\n        selectedMode: \"Mode\",\n        service: \"Service\",\n        accountSelector: \"Account selector\",\n        action: \"Action\",\n        actionValue: \"Switch and sync\",\n        confirm: \"Confirm\",\n        copied: \"Summary copied\",\n        dispatching: \"Dispatching workflow...\",\n        dispatched: \"Workflow dispatched\",\n        dispatchFailed: \"Dispatch failed\",\n        targetMeta: \"target {target} · service {service}\",\n        defaultConfig: \"Public sample\",\n        privateConfig: \"Private accounts\",\n      },\n    };\n\n    const storedLang = localStorage.getItem(\"qsl-switch-lang\");\n    const initialLang = storedLang === \"zh\" || storedLang === \"en\"\n      ? storedLang\n      : ((navigator.language || \"\").toLowerCase().startsWith(\"zh\") ? \"zh\" : \"en\");\n    const clone = (value) => JSON.parse(JSON.stringify(value));\n\n    const state = {\n      selected: \"longbridge\",\n      lang: initialLang,\n      auth: { available: false, allowed: false, admin: false, login: null },\n      accountOptions: clone(defaultAccountOptions),\n      configSource: \"default\",\n      forms: {\n        longbridge: { accountKey: \"hk\", strategy: \"tqqq_growth_income\", executionMode: \"live\" },\n        ibkr: { accountKey: \"u15998061\", strategy: \"tqqq_growth_income\", executionMode: \"live\" },\n        schwab: { accountKey: \"default\", strategy: \"tqqq_growth_income\", executionMode: \"live\" },\n        firstrade: { accountKey: \"default\", strategy: \"tqqq_growth_income\", executionMode: \"live\" },\n      },\n    };\n\n    const el = (id) => document.getElementById(id);\n    const t = (key) => copy[state.lang][key] || copy.en[key] || key;\n\n    function optionsFor(platform) {\n      return state.accountOptions[platform] && state.accountOptions[platform].length\n        ? state.accountOptions[platform]\n        : defaultAccountOptions[platform];\n    }\n\n    function selectedAccount(platform = state.selected) {\n      const options = optionsFor(platform);\n      const form = state.forms[platform];\n      return options.find((option) => option.key === form.accountKey) || options[0];\n    }\n\n    function ensureAccountSelection(platform) {\n      const options = optionsFor(platform);\n      if (!options.length) return;\n      if (!options.some((option) => option.key === state.forms[platform].accountKey)) {\n        state.forms[platform].accountKey = options[0].key;\n      }\n    }\n\n    function derivedService(platform, targetName) {\n      if (platform === \"longbridge\") return `longbridge-quant-${targetName.toLowerCase()}-service`;\n      if (platform === \"ibkr\") return `interactive-brokers-${targetName.toLowerCase()}-service`;\n      if (platform === \"schwab\") return \"charles-schwab-quant-service\";\n      if (platform === \"firstrade\") return \"firstrade-quant-service\";\n      return \"\";\n    }\n\n    function accountMetaText(platform = state.selected) {\n      const account = selectedAccount(platform);\n      const targetName = account.target_name || account.key;\n      const service = account.service_name || derivedService(platform, targetName);\n      return t(\"targetMeta\").replace(\"{target}\", targetName).replace(\"{service}\", service);\n    }\n\n    function buildInputs(platform = state.selected) {\n      const form = state.forms[platform];\n      const account = selectedAccount(platform);\n      const targetName = account.target_name || account.key;\n      const inputs = {\n        platform,\n        target_name: targetName,\n        strategy_profile: form.strategy,\n        execution_mode: form.executionMode,\n        variable_scope: account.variable_scope || \"default\",\n        plugin_mode: account.plugin_mode || \"auto\",\n        service_targets_mode: \"auto\",\n        apply: \"true\",\n        trigger_platform_sync: \"true\",\n        confirm_apply: \"APPLY_AND_SYNC\",\n        platform_sync_workflow: \"sync-cloud-run-env.yml\",\n      };\n      for (const field of [\n        \"github_environment\",\n        \"deployment_selector\",\n        \"account_selector\",\n        \"account_scope\",\n        \"service_name\",\n      ]) {\n        if (account[field]) inputs[field] = account[field];\n      }\n      return inputs;\n    }\n\n    function summaryRows(inputs) {\n      const account = selectedAccount();\n      return [\n        [t(\"repository\"), repositories[state.selected]],\n        [t(\"selectedAccount\"), account.label],\n        [t(\"selectedStrategy\"), strategyLabels[inputs.strategy_profile] || inputs.strategy_profile],\n        [t(\"selectedMode\"), inputs.execution_mode],\n        [t(\"target\"), inputs.target_name],\n        [t(\"accountSelector\"), inputs.account_selector || \"auto\"],\n        [t(\"service\"), inputs.service_name || derivedService(state.selected, inputs.target_name)],\n        [t(\"action\"), t(\"actionValue\")],\n        [t(\"confirm\"), inputs.confirm_apply],\n      ];\n    }\n\n    function applyLanguage() {\n      document.documentElement.lang = state.lang === \"zh\" ? \"zh-CN\" : \"en\";\n      document.querySelectorAll(\"[data-i18n]\").forEach((node) => {\n        node.textContent = t(node.dataset.i18n);\n      });\n    }\n\n    function renderPlatforms() {\n      const strip = el(\"platform-strip\");\n      strip.innerHTML = \"\";\n      for (const platform of Object.keys(platformMeta)) {\n        ensureAccountSelection(platform);\n        const meta = platformMeta[platform];\n        const form = state.forms[platform];\n        const account = selectedAccount(platform);\n        const button = document.createElement(\"button\");\n        button.className = \"platform-button\";\n        button.type = \"button\";\n        button.dataset.platform = platform;\n        button.classList.toggle(\"active\", platform === state.selected);\n        button.innerHTML = `\n          <span class=\"mark\">${meta.code}</span>\n          <span class=\"platform-copy\">\n            <strong>${meta.label}</strong>\n            <span>${escapeHtml(account.label)}</span>\n            <small>${escapeHtml(strategyLabels[form.strategy] || form.strategy)}</small>\n          </span>\n        `;\n        strip.appendChild(button);\n      }\n    }\n\n    function renderControls() {\n      const platform = state.selected;\n      const meta = platformMeta[platform];\n      const form = state.forms[platform];\n      const accounts = optionsFor(platform);\n      const accountSelect = el(\"account-select\");\n      const strategySelect = el(\"strategy-select\");\n\n      el(\"switch-panel\").style.setProperty(\"--platform-color\", meta.accent);\n      el(\"platform-title\").textContent = meta.label;\n\n      accountSelect.innerHTML = accounts.length\n        ? accounts.map((account) => (\n          `<option value=\"${escapeAttr(account.key)}\" ${account.key === form.accountKey ? \"selected\" : \"\"}>${escapeHtml(account.label)}</option>`\n        )).join(\"\")\n        : `<option value=\"\">${t(\"noAccount\")}</option>`;\n      el(\"account-meta\").textContent = accounts.length ? accountMetaText(platform) : \"\";\n\n      strategySelect.innerHTML = strategyOptions.map((strategy) => (\n        `<option value=\"${strategy}\" ${strategy === form.strategy ? \"selected\" : \"\"}>${escapeHtml(strategyLabels[strategy] || strategy)}</option>`\n      )).join(\"\");\n\n      document.querySelectorAll(\"[data-mode]\").forEach((button) => {\n        button.classList.toggle(\"active\", button.dataset.mode === form.executionMode);\n      });\n    }\n\n    function renderSummary() {\n      const inputs = buildInputs();\n      const list = el(\"summary-list\");\n      list.innerHTML = summaryRows(inputs).map(([label, value]) => `\n        <div class=\"summary-row\">\n          <dt>${escapeHtml(label)}</dt>\n          <dd>${escapeHtml(value)}</dd>\n        </div>\n      `).join(\"\");\n\n      el(\"mode-pill\").textContent = inputs.execution_mode;\n      el(\"config-source\").textContent = state.configSource === \"private\" ? t(\"privateConfig\") : t(\"defaultConfig\");\n    }\n\n    function renderAuth() {\n      const accountLink = el(\"account-link\");\n      if (!state.auth.available) {\n        accountLink.href = \"https://github.com/QuantStrategyLab/QuantRuntimeSettings/tree/main/web/strategy-switch-console\";\n        accountLink.dataset.action = \"setup\";\n        accountLink.textContent = t(\"loginManage\");\n      } else if (state.auth.admin) {\n        accountLink.href = \"/admin\";\n        accountLink.dataset.action = \"admin\";\n        accountLink.textContent = t(\"loginManage\");\n      } else if (state.auth.allowed) {\n        accountLink.href = \"#logout\";\n        accountLink.dataset.action = \"logout\";\n        accountLink.textContent = t(\"loginManage\");\n      } else {\n        accountLink.href = \"/login\";\n        accountLink.dataset.action = \"login\";\n        accountLink.textContent = t(\"loginManage\");\n      }\n\n      const dispatch = el(\"dispatch-button\");\n      const hasPrivateAccounts = state.configSource === \"private\";\n      dispatch.disabled = !state.auth.allowed || !hasPrivateAccounts;\n      dispatch.textContent = state.auth.allowed\n        ? (hasPrivateAccounts ? t(\"runSwitch\") : t(\"configureAccounts\"))\n        : t(\"loginToRun\");\n      const note = el(\"action-note\");\n      note.textContent = state.auth.allowed\n        ? (hasPrivateAccounts ? t(\"readyNote\") : t(\"missingConfigNote\"))\n        : t(\"readonlyNote\");\n      note.classList.toggle(\"warning\", state.auth.allowed && !hasPrivateAccounts);\n    }\n\n    function render() {\n      applyLanguage();\n      renderPlatforms();\n      renderControls();\n      renderSummary();\n      renderAuth();\n    }\n\n    async function refreshSession() {\n      try {\n        const response = await fetch(\"/api/session\", { cache: \"no-store\" });\n        if (!response.ok) throw new Error(\"no backend\");\n        const session = await response.json();\n        state.auth = {\n          available: true,\n          allowed: Boolean(session.allowed),\n          admin: Boolean(session.admin),\n          login: session.login || null,\n        };\n      } catch {\n        state.auth = { available: false, allowed: false, admin: false, login: null };\n      }\n      render();\n      await refreshConfig();\n    }\n\n    async function refreshConfig() {\n      if (!state.auth.available || !state.auth.allowed) return;\n      try {\n        const response = await fetch(\"/api/config\", { cache: \"no-store\" });\n        if (!response.ok) throw new Error(\"no config\");\n        const payload = await response.json();\n        if (payload.accountOptions) {\n          state.accountOptions = normalizeAccountOptions(payload.accountOptions);\n          state.configSource = \"private\";\n          for (const platform of Object.keys(platformMeta)) ensureAccountSelection(platform);\n          render();\n        }\n      } catch {\n        state.configSource = \"default\";\n      }\n    }\n\n    function normalizeAccountOptions(raw) {\n      const normalized = clone(defaultAccountOptions);\n      for (const platform of Object.keys(platformMeta)) {\n        if (!Array.isArray(raw[platform]) || !raw[platform].length) continue;\n        normalized[platform] = raw[platform].map((item, index) => ({\n          key: String(item.key || item.target_name || index),\n          label: String(item.label || item.target_name || item.key || platform),\n          target_name: String(item.target_name || item.key || \"\"),\n          account_selector: item.account_selector ? String(item.account_selector) : \"\",\n          deployment_selector: item.deployment_selector ? String(item.deployment_selector) : \"\",\n          account_scope: item.account_scope ? String(item.account_scope) : \"\",\n          service_name: item.service_name ? String(item.service_name) : \"\",\n          github_environment: item.github_environment ? String(item.github_environment) : \"\",\n          variable_scope: item.variable_scope ? String(item.variable_scope) : \"\",\n          plugin_mode: item.plugin_mode ? String(item.plugin_mode) : \"\",\n        }));\n      }\n      return normalized;\n    }\n\n    async function dispatchSwitch() {\n      if (!state.auth.allowed) return;\n      el(\"toast\").textContent = t(\"dispatching\");\n      try {\n        const response = await fetch(\"/api/switch\", {\n          method: \"POST\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify(buildInputs()),\n        });\n        const payload = await response.json();\n        if (!response.ok || !payload.ok) throw new Error(payload.error || t(\"dispatchFailed\"));\n        el(\"toast\").textContent = t(\"dispatched\");\n        if (payload.actions_url) window.open(payload.actions_url, \"_blank\", \"noopener,noreferrer\");\n      } catch (error) {\n        el(\"toast\").textContent = `${t(\"dispatchFailed\")}: ${error.message}`;\n      }\n    }\n\n    async function handleAccountLink(event) {\n      if (el(\"account-link\").dataset.action !== \"logout\") return;\n      event.preventDefault();\n      await fetch(\"/api/logout\", { method: \"POST\" });\n      window.location.reload();\n    }\n\n    function summaryText() {\n      const inputs = buildInputs();\n      return summaryRows(inputs).map(([label, value]) => `${label}: ${value}`).join(\"\\n\");\n    }\n\n    function escapeHtml(value) {\n      return String(value)\n        .replaceAll(\"&\", \"&amp;\")\n        .replaceAll(\"<\", \"&lt;\")\n        .replaceAll(\">\", \"&gt;\")\n        .replaceAll('\"', \"&quot;\");\n    }\n\n    function escapeAttr(value) {\n      return escapeHtml(value).replaceAll(\"'\", \"&#39;\");\n    }\n\n    el(\"platform-strip\").addEventListener(\"click\", (event) => {\n      const button = event.target.closest(\"[data-platform]\");\n      if (!button) return;\n      state.selected = button.dataset.platform;\n      render();\n    });\n\n    el(\"account-select\").addEventListener(\"change\", () => {\n      state.forms[state.selected].accountKey = el(\"account-select\").value;\n      render();\n    });\n\n    el(\"strategy-select\").addEventListener(\"change\", () => {\n      state.forms[state.selected].strategy = el(\"strategy-select\").value;\n      render();\n    });\n\n    el(\"mode-control\").addEventListener(\"click\", (event) => {\n      const button = event.target.closest(\"[data-mode]\");\n      if (!button) return;\n      state.forms[state.selected].executionMode = button.dataset.mode;\n      render();\n    });\n\n    el(\"copy-button\").addEventListener(\"click\", async () => {\n      try {\n        await navigator.clipboard.writeText(summaryText());\n        el(\"toast\").textContent = t(\"copied\");\n      } catch {\n        el(\"toast\").textContent = summaryText();\n      }\n    });\n\n    el(\"dispatch-button\").addEventListener(\"click\", dispatchSwitch);\n    el(\"account-link\").addEventListener(\"click\", handleAccountLink);\n\n    render();\n    refreshSession();\n  </script>\n</body>\n</html>\n";
+export const PAGE_HTML = "<!doctype html>\n<html lang=\"zh-CN\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <meta name=\"color-scheme\" content=\"light\">\n  <title>QuantRuntimeSettings Strategy Switch</title>\n  <style>\n    :root {\n      --bg: #f5f6f8;\n      --surface: #ffffff;\n      --soft: #eef1f4;\n      --ink: #16191f;\n      --muted: #66707c;\n      --line: #dce1e7;\n      --line-strong: #b8c2cc;\n      --accent: #136f63;\n      --accent-ink: #ffffff;\n      --danger: #b54137;\n      --lb: #0f766e;\n      --ib: #2f5f9f;\n      --sw: #9b4153;\n      --ft: #94651f;\n      font-family:\n        Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n        \"Segoe UI\", \"PingFang SC\", \"Microsoft YaHei\", sans-serif;\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    html {\n      min-height: 100%;\n      background: var(--bg);\n    }\n\n    body {\n      margin: 0;\n      min-height: 100svh;\n      background: var(--bg);\n      color: var(--ink);\n      letter-spacing: 0;\n    }\n\n    button,\n    select {\n      font: inherit;\n      letter-spacing: 0;\n    }\n\n    button {\n      cursor: pointer;\n    }\n\n    a {\n      color: inherit;\n    }\n\n    h1,\n    h2,\n    h3,\n    p {\n      margin: 0;\n    }\n\n    .topbar {\n      min-height: 72px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      padding: 17px 28px;\n      border-bottom: 1px solid var(--line);\n      background: rgba(250, 251, 252, 0.94);\n      backdrop-filter: blur(14px);\n      position: sticky;\n      top: 0;\n      z-index: 20;\n    }\n\n    .brand {\n      display: grid;\n      gap: 3px;\n      min-width: 0;\n    }\n\n    h1 {\n      font-size: 22px;\n      line-height: 1.12;\n      font-weight: 780;\n      overflow-wrap: anywhere;\n    }\n\n    .brand p {\n      color: var(--muted);\n      font-size: 13px;\n      line-height: 1.4;\n    }\n\n    .top-actions {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 10px;\n      flex-wrap: wrap;\n    }\n\n    .shell {\n      width: min(1160px, calc(100vw - 36px));\n      margin: 0 auto;\n      padding: 26px 0 32px;\n      display: grid;\n      gap: 18px;\n    }\n\n    .pill,\n    .btn {\n      min-height: 36px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 7px;\n      border: 1px solid var(--line);\n      background: var(--surface);\n      color: var(--muted);\n      text-decoration: none;\n      white-space: nowrap;\n      font-size: 13px;\n      font-weight: 740;\n    }\n\n    .pill {\n      padding: 0 12px;\n      border-radius: 999px;\n    }\n\n    .pill.ready {\n      border-color: rgba(19, 111, 99, 0.28);\n      background: #eff9f6;\n      color: var(--accent);\n    }\n\n    .btn {\n      padding: 0 13px;\n      border-radius: 8px;\n      transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;\n    }\n\n    .btn:hover {\n      transform: translateY(-1px);\n      border-color: var(--line-strong);\n      background: #fafbfc;\n    }\n\n    .mode button {\n      border: 0;\n      border-radius: 6px;\n      background: transparent;\n      color: var(--muted);\n      font-weight: 760;\n      transition: background 150ms ease, color 150ms ease;\n    }\n\n    .mode button.active {\n      background: #ffffff;\n      color: var(--ink);\n      box-shadow: 0 1px 7px rgba(22, 25, 31, 0.08);\n    }\n\n    .platform-strip {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .platform-button {\n      min-width: 0;\n      min-height: 104px;\n      display: grid;\n      grid-template-columns: auto 1fr;\n      align-items: center;\n      gap: 12px;\n      padding: 14px;\n      border: 1px solid var(--line);\n      border-top: 4px solid var(--platform-color);\n      border-radius: 8px;\n      background: var(--surface);\n      color: var(--ink);\n      text-align: left;\n      transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;\n    }\n\n    .platform-button:hover {\n      transform: translateY(-1px);\n      border-color: var(--line-strong);\n    }\n\n    .platform-button.active {\n      border-color: var(--platform-color);\n      background:\n        linear-gradient(180deg, color-mix(in srgb, var(--platform-color) 5%, white), #ffffff 62%);\n      box-shadow: 0 16px 36px rgba(22, 25, 31, 0.10);\n    }\n\n    .platform-button[data-platform=\"longbridge\"] {\n      --platform-color: var(--lb);\n    }\n\n    .platform-button[data-platform=\"ibkr\"] {\n      --platform-color: var(--ib);\n    }\n\n    .platform-button[data-platform=\"schwab\"] {\n      --platform-color: var(--sw);\n    }\n\n    .platform-button[data-platform=\"firstrade\"] {\n      --platform-color: var(--ft);\n    }\n\n    .mark {\n      width: 44px;\n      height: 44px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 8px;\n      background: color-mix(in srgb, var(--platform-color) 12%, white);\n      color: var(--platform-color);\n      font-size: 13px;\n      font-weight: 840;\n    }\n\n    .platform-copy {\n      min-width: 0;\n      display: grid;\n      gap: 3px;\n    }\n\n    .platform-copy strong {\n      font-size: 16px;\n      line-height: 1.18;\n      overflow-wrap: anywhere;\n    }\n\n    .platform-copy span {\n      color: var(--muted);\n      font-size: 12px;\n      line-height: 1.35;\n      overflow-wrap: anywhere;\n    }\n\n    .platform-copy small {\n      color: var(--platform-color);\n      font-size: 11px;\n      line-height: 1.25;\n      font-weight: 780;\n      overflow-wrap: anywhere;\n    }\n\n    .switch-surface {\n      display: grid;\n      grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);\n      gap: 18px;\n      align-items: stretch;\n    }\n\n    .switch-panel,\n    .summary-panel {\n      min-width: 0;\n      border: 1px solid var(--line);\n      border-radius: 8px;\n      background: var(--surface);\n      box-shadow: 0 18px 42px rgba(22, 25, 31, 0.08);\n    }\n\n    .switch-panel {\n      display: grid;\n      gap: 20px;\n      padding: 22px;\n    }\n\n    .panel-head {\n      display: grid;\n      gap: 5px;\n    }\n\n    .eyebrow {\n      color: var(--muted);\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 780;\n      text-transform: uppercase;\n    }\n\n    .panel-head h2 {\n      font-size: clamp(28px, 4vw, 46px);\n      line-height: 1.04;\n      font-weight: 820;\n      overflow-wrap: anywhere;\n    }\n\n    .quick-form {\n      display: grid;\n      grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);\n      gap: 14px;\n    }\n\n    .control-block {\n      display: grid;\n      gap: 8px;\n      min-width: 0;\n      color: var(--muted);\n      font-size: 12px;\n      font-weight: 760;\n    }\n\n    select {\n      width: 100%;\n      min-width: 0;\n      height: 48px;\n      padding: 0 13px;\n      border: 1px solid var(--line);\n      border-radius: 8px;\n      background: #ffffff;\n      color: var(--ink);\n      outline: none;\n      font-size: 14px;\n      font-weight: 680;\n      transition: border-color 150ms ease, box-shadow 150ms ease;\n    }\n\n    select:focus {\n      border-color: var(--platform-color, var(--accent));\n      box-shadow: 0 0 0 3px rgba(19, 111, 99, 0.12);\n    }\n\n    .selection-meta {\n      min-height: 20px;\n      color: var(--muted);\n      font-size: 12px;\n      line-height: 1.45;\n      overflow-wrap: anywhere;\n    }\n\n    .mode {\n      height: 48px;\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 4px;\n      padding: 4px;\n      border: 1px solid var(--line);\n      border-radius: 8px;\n      background: var(--soft);\n    }\n\n    .mode button {\n      font-size: 13px;\n    }\n\n    .run-area {\n      display: grid;\n      gap: 10px;\n      padding-top: 2px;\n    }\n\n    .run-button {\n      min-height: 56px;\n      border: 0;\n      border-radius: 8px;\n      background: var(--accent);\n      color: var(--accent-ink);\n      font-size: 16px;\n      font-weight: 820;\n      transition: transform 150ms ease, background 150ms ease, opacity 150ms ease;\n    }\n\n    .run-button:hover:not(:disabled) {\n      transform: translateY(-1px);\n      background: #0f5f55;\n    }\n\n    .run-button:disabled {\n      opacity: 0.48;\n      cursor: not-allowed;\n      transform: none;\n    }\n\n    .action-note {\n      min-height: 20px;\n      color: var(--muted);\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    .action-note.warning {\n      color: var(--danger);\n      font-weight: 720;\n    }\n\n    .summary-panel {\n      display: grid;\n      grid-template-rows: auto 1fr auto;\n      overflow: hidden;\n    }\n\n    .summary-head {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      padding: 16px;\n      border-bottom: 1px solid var(--line);\n    }\n\n    .summary-head h2 {\n      font-size: 15px;\n      line-height: 1.2;\n      font-weight: 800;\n    }\n\n    .summary-list {\n      margin: 0;\n      padding: 8px 16px;\n      display: grid;\n    }\n\n    .summary-row {\n      display: grid;\n      grid-template-columns: 128px minmax(0, 1fr);\n      gap: 12px;\n      padding: 10px 0;\n      border-bottom: 1px solid #eef1f4;\n      align-items: start;\n    }\n\n    .summary-row:last-child {\n      border-bottom: 0;\n    }\n\n    .summary-row dt {\n      color: var(--muted);\n      font-size: 12px;\n      line-height: 1.4;\n      font-weight: 760;\n    }\n\n    .summary-row dd {\n      margin: 0;\n      min-width: 0;\n      color: var(--ink);\n      font-size: 13px;\n      line-height: 1.45;\n      overflow-wrap: anywhere;\n    }\n\n    .summary-actions {\n      display: flex;\n      gap: 10px;\n      flex-wrap: wrap;\n      padding: 15px 16px;\n      border-top: 1px solid var(--line);\n      background: #fbfcfd;\n    }\n\n    .toast {\n      min-height: 20px;\n      color: var(--accent);\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    .quiet {\n      color: var(--muted);\n    }\n\n    @media (max-width: 980px) {\n      .platform-strip {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      .switch-surface {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 680px) {\n      .topbar {\n        position: static;\n        align-items: flex-start;\n        flex-direction: column;\n        padding: 18px;\n      }\n\n      .top-actions {\n        justify-content: flex-start;\n        width: 100%;\n      }\n\n      .shell {\n        width: min(100% - 28px, 1160px);\n        padding-top: 18px;\n      }\n\n      .platform-strip,\n      .quick-form {\n        grid-template-columns: 1fr;\n      }\n\n      .switch-panel {\n        padding: 18px;\n      }\n\n      .summary-row {\n        grid-template-columns: 1fr;\n        gap: 3px;\n      }\n    }\n  </style>\n</head>\n<body>\n  <header class=\"topbar\">\n    <div class=\"brand\">\n      <h1 data-i18n=\"appTitle\">策略切换</h1>\n      <p data-i18n=\"appSubtitle\">选平台、目标账号和策略，一次执行完成切换。</p>\n    </div>\n    <div class=\"top-actions\">\n      <a class=\"btn\" id=\"account-link\" href=\"https://github.com/QuantStrategyLab/QuantRuntimeSettings/tree/main/web/strategy-switch-console\" data-i18n=\"loginManage\">登录管理</a>\n    </div>\n  </header>\n\n  <main class=\"shell\">\n    <nav class=\"platform-strip\" id=\"platform-strip\" aria-label=\"Platforms\"></nav>\n\n    <section class=\"switch-surface\">\n      <div class=\"switch-panel\" id=\"switch-panel\">\n        <div class=\"panel-head\">\n          <span class=\"eyebrow\" data-i18n=\"activePlatform\">当前平台</span>\n          <h2 id=\"platform-title\">LongBridge</h2>\n        </div>\n\n        <div class=\"quick-form\">\n          <label class=\"control-block\">\n            <span data-i18n=\"account\">目标账号</span>\n            <select id=\"account-select\"></select>\n            <span class=\"selection-meta\" id=\"account-meta\"></span>\n          </label>\n\n          <label class=\"control-block\">\n            <span data-i18n=\"strategy\">策略</span>\n            <select id=\"strategy-select\"></select>\n          </label>\n\n          <div class=\"control-block\">\n            <span data-i18n=\"mode\">模式</span>\n            <div class=\"mode\" id=\"mode-control\">\n              <button type=\"button\" data-mode=\"live\" class=\"active\" data-i18n=\"live\">实盘</button>\n              <button type=\"button\" data-mode=\"paper\" data-i18n=\"paper\">模拟</button>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"run-area\">\n          <button class=\"run-button\" id=\"dispatch-button\" type=\"button\" disabled data-i18n=\"loginToRun\">登录后切换</button>\n          <p class=\"action-note\" id=\"action-note\">登录后才可执行切换。</p>\n          <p class=\"toast\" id=\"toast\" aria-live=\"polite\"></p>\n        </div>\n      </div>\n\n      <aside class=\"summary-panel\">\n        <div class=\"summary-head\">\n          <h2 data-i18n=\"summary\">切换摘要</h2>\n          <span class=\"pill\" id=\"mode-pill\">live</span>\n        </div>\n        <dl class=\"summary-list\" id=\"summary-list\"></dl>\n        <div class=\"summary-actions\">\n          <button class=\"btn\" id=\"copy-button\" type=\"button\" data-i18n=\"copySummary\">复制摘要</button>\n        </div>\n      </aside>\n    </section>\n  </main>\n\n  <script>\n    const repositories = {\n      longbridge: \"QuantStrategyLab/LongBridgePlatform\",\n      ibkr: \"QuantStrategyLab/InteractiveBrokersPlatform\",\n      schwab: \"QuantStrategyLab/CharlesSchwabPlatform\",\n      firstrade: \"QuantStrategyLab/FirstradePlatform\",\n    };\n\n    const platformMeta = {\n      longbridge: { label: \"LongBridge\", code: \"LB\", accent: \"var(--lb)\" },\n      ibkr: { label: \"IBKR\", code: \"IB\", accent: \"var(--ib)\" },\n      schwab: { label: \"Schwab\", code: \"SW\", accent: \"var(--sw)\" },\n      firstrade: { label: \"Firstrade\", code: \"FT\", accent: \"var(--ft)\" },\n    };\n\n    const strategyOptions = [\n      \"tqqq_growth_income\",\n      \"soxl_soxx_trend_income\",\n      \"global_etf_rotation\",\n      \"russell_1000_multi_factor_defensive\",\n      \"mega_cap_leader_rotation_top50_balanced\",\n    ];\n\n    const strategyLabels = {\n      tqqq_growth_income: \"TQQQ Growth Income\",\n      soxl_soxx_trend_income: \"SOXL/SOXX Trend Income\",\n      global_etf_rotation: \"Global ETF Rotation\",\n      russell_1000_multi_factor_defensive: \"Russell 1000 Defensive\",\n      mega_cap_leader_rotation_top50_balanced: \"Mega Cap Top 50\",\n    };\n\n    const defaultAccountOptions = {\n      longbridge: [\n        { key: \"hk\", label: \"hk\", target_name: \"hk\", account_selector: \"HK\" },\n        { key: \"sg\", label: \"sg\", target_name: \"sg\", account_selector: \"SG\" },\n        { key: \"paper\", label: \"paper\", target_name: \"paper\", account_selector: \"PAPER\" },\n      ],\n      ibkr: [\n        {\n          key: \"u15998061\",\n          label: \"u15998061\",\n          target_name: \"u15998061\",\n          account_selector: \"U15998061\",\n          deployment_selector: \"live-u1599-tqqq\",\n          account_scope: \"live-u1599-tqqq\",\n          service_name: \"interactive-brokers-live-u1599-tqqq-service\",\n        },\n        {\n          key: \"u16608560\",\n          label: \"u16608560\",\n          target_name: \"u16608560\",\n          account_selector: \"U16608560\",\n          deployment_selector: \"live-u1660-soxl\",\n          account_scope: \"live-u1660-soxl\",\n          service_name: \"interactive-brokers-live-u1660-soxl-service\",\n        },\n        {\n          key: \"u18336562\",\n          label: \"u18336562\",\n          target_name: \"u18336562\",\n          account_selector: \"U18336562\",\n          deployment_selector: \"live-u1833-smart-dca\",\n          account_scope: \"live-u1833-smart-dca\",\n          service_name: \"interactive-brokers-live-u1833-smart-dca-service\",\n        },\n      ],\n      schwab: [\n        { key: \"default\", label: \"default\", target_name: \"default\" },\n      ],\n      firstrade: [\n        { key: \"default\", label: \"default\", target_name: \"default\" },\n      ],\n    };\n\n    const copy = {\n      zh: {\n        appTitle: \"策略切换\",\n        appSubtitle: \"选平台、目标账号和策略，一次执行完成切换。\",\n        loginManage: \"登录管理\",\n        activePlatform: \"当前平台\",\n        account: \"目标账号\",\n        strategy: \"策略\",\n        mode: \"模式\",\n        live: \"实盘\",\n        paper: \"模拟\",\n        summary: \"切换摘要\",\n        copySummary: \"复制摘要\",\n        loginToRun: \"登录后切换\",\n        configureAccounts: \"配置账号后切换\",\n        runSwitch: \"一键切换\",\n        readonlyNote: \"登录后才可执行切换。\",\n        missingConfigNote: \"账号配置未加载，暂时不能执行。\",\n        readyNote: \"点击后会触发 workflow，并同步目标平台服务。\",\n        noAccount: \"没有账号选项\",\n        repository: \"平台仓库\",\n        target: \"Target\",\n        selectedAccount: \"账号\",\n        selectedStrategy: \"策略\",\n        selectedMode: \"模式\",\n        service: \"服务\",\n        accountSelector: \"账号选择器\",\n        action: \"动作\",\n        actionValue: \"切换并同步\",\n        confirm: \"确认词\",\n        copied: \"已复制摘要\",\n        dispatching: \"正在触发 workflow...\",\n        dispatched: \"已触发 workflow\",\n        dispatchFailed: \"触发失败\",\n        targetMeta: \"target {target} · service {service}\",\n      },\n      en: {\n        appTitle: \"Strategy Switch\",\n        appSubtitle: \"Pick platform, target account, and strategy. One action switches everything.\",\n        loginManage: \"Login Management\",\n        activePlatform: \"Active Platform\",\n        account: \"Target account\",\n        strategy: \"Strategy\",\n        mode: \"Mode\",\n        live: \"Live\",\n        paper: \"Paper\",\n        summary: \"Switch Summary\",\n        copySummary: \"Copy summary\",\n        loginToRun: \"Sign in to switch\",\n        configureAccounts: \"Configure accounts\",\n        runSwitch: \"Switch now\",\n        readonlyNote: \"Sign in to switch.\",\n        missingConfigNote: \"Account config is not loaded, so switching is disabled.\",\n        readyNote: \"This dispatches the workflow and syncs the target platform service.\",\n        noAccount: \"No accounts\",\n        repository: \"Repository\",\n        target: \"Target\",\n        selectedAccount: \"Account\",\n        selectedStrategy: \"Strategy\",\n        selectedMode: \"Mode\",\n        service: \"Service\",\n        accountSelector: \"Account selector\",\n        action: \"Action\",\n        actionValue: \"Switch and sync\",\n        confirm: \"Confirm\",\n        copied: \"Summary copied\",\n        dispatching: \"Dispatching workflow...\",\n        dispatched: \"Workflow dispatched\",\n        dispatchFailed: \"Dispatch failed\",\n        targetMeta: \"target {target} · service {service}\",\n      },\n    };\n\n    const storedLang = localStorage.getItem(\"qsl-switch-lang\");\n    const initialLang = storedLang === \"zh\" || storedLang === \"en\"\n      ? storedLang\n      : ((navigator.language || \"\").toLowerCase().startsWith(\"zh\") ? \"zh\" : \"en\");\n    const clone = (value) => JSON.parse(JSON.stringify(value));\n\n    const state = {\n      selected: \"longbridge\",\n      lang: initialLang,\n      auth: { available: false, allowed: false, admin: false, login: null },\n      accountOptions: clone(defaultAccountOptions),\n      configSource: \"default\",\n      forms: {\n        longbridge: { accountKey: \"hk\", strategy: \"tqqq_growth_income\", executionMode: \"live\" },\n        ibkr: { accountKey: \"u15998061\", strategy: \"tqqq_growth_income\", executionMode: \"live\" },\n        schwab: { accountKey: \"default\", strategy: \"tqqq_growth_income\", executionMode: \"live\" },\n        firstrade: { accountKey: \"default\", strategy: \"tqqq_growth_income\", executionMode: \"live\" },\n      },\n    };\n\n    const el = (id) => document.getElementById(id);\n    const t = (key) => copy[state.lang][key] || copy.en[key] || key;\n\n    function optionsFor(platform) {\n      return state.accountOptions[platform] && state.accountOptions[platform].length\n        ? state.accountOptions[platform]\n        : defaultAccountOptions[platform];\n    }\n\n    function selectedAccount(platform = state.selected) {\n      const options = optionsFor(platform);\n      const form = state.forms[platform];\n      return options.find((option) => option.key === form.accountKey) || options[0];\n    }\n\n    function ensureAccountSelection(platform) {\n      const options = optionsFor(platform);\n      if (!options.length) return;\n      if (!options.some((option) => option.key === state.forms[platform].accountKey)) {\n        state.forms[platform].accountKey = options[0].key;\n      }\n    }\n\n    function derivedService(platform, targetName) {\n      if (platform === \"longbridge\") return `longbridge-quant-${targetName.toLowerCase()}-service`;\n      if (platform === \"ibkr\") return `interactive-brokers-${targetName.toLowerCase()}-service`;\n      if (platform === \"schwab\") return \"charles-schwab-quant-service\";\n      if (platform === \"firstrade\") return \"firstrade-quant-service\";\n      return \"\";\n    }\n\n    function accountMetaText(platform = state.selected) {\n      const account = selectedAccount(platform);\n      const targetName = account.target_name || account.key;\n      const service = account.service_name || derivedService(platform, targetName);\n      return t(\"targetMeta\").replace(\"{target}\", targetName).replace(\"{service}\", service);\n    }\n\n    function buildInputs(platform = state.selected) {\n      const form = state.forms[platform];\n      const account = selectedAccount(platform);\n      const targetName = account.target_name || account.key;\n      const inputs = {\n        platform,\n        target_name: targetName,\n        strategy_profile: form.strategy,\n        execution_mode: form.executionMode,\n        variable_scope: account.variable_scope || \"default\",\n        plugin_mode: account.plugin_mode || \"auto\",\n        service_targets_mode: \"auto\",\n        apply: \"true\",\n        trigger_platform_sync: \"true\",\n        confirm_apply: \"APPLY_AND_SYNC\",\n        platform_sync_workflow: \"sync-cloud-run-env.yml\",\n      };\n      for (const field of [\n        \"github_environment\",\n        \"deployment_selector\",\n        \"account_selector\",\n        \"account_scope\",\n        \"service_name\",\n      ]) {\n        if (account[field]) inputs[field] = account[field];\n      }\n      return inputs;\n    }\n\n    function summaryRows(inputs) {\n      const account = selectedAccount();\n      return [\n        [t(\"repository\"), repositories[state.selected]],\n        [t(\"selectedAccount\"), account.label],\n        [t(\"selectedStrategy\"), strategyLabels[inputs.strategy_profile] || inputs.strategy_profile],\n        [t(\"selectedMode\"), inputs.execution_mode],\n        [t(\"target\"), inputs.target_name],\n        [t(\"accountSelector\"), inputs.account_selector || \"auto\"],\n        [t(\"service\"), inputs.service_name || derivedService(state.selected, inputs.target_name)],\n        [t(\"action\"), t(\"actionValue\")],\n        [t(\"confirm\"), inputs.confirm_apply],\n      ];\n    }\n\n    function applyLanguage() {\n      document.documentElement.lang = state.lang === \"zh\" ? \"zh-CN\" : \"en\";\n      document.querySelectorAll(\"[data-i18n]\").forEach((node) => {\n        node.textContent = t(node.dataset.i18n);\n      });\n    }\n\n    function renderPlatforms() {\n      const strip = el(\"platform-strip\");\n      strip.innerHTML = \"\";\n      for (const platform of Object.keys(platformMeta)) {\n        ensureAccountSelection(platform);\n        const meta = platformMeta[platform];\n        const form = state.forms[platform];\n        const account = selectedAccount(platform);\n        const button = document.createElement(\"button\");\n        button.className = \"platform-button\";\n        button.type = \"button\";\n        button.dataset.platform = platform;\n        button.classList.toggle(\"active\", platform === state.selected);\n        button.innerHTML = `\n          <span class=\"mark\">${meta.code}</span>\n          <span class=\"platform-copy\">\n            <strong>${meta.label}</strong>\n            <span>${escapeHtml(account.label)}</span>\n            <small>${escapeHtml(strategyLabels[form.strategy] || form.strategy)}</small>\n          </span>\n        `;\n        strip.appendChild(button);\n      }\n    }\n\n    function renderControls() {\n      const platform = state.selected;\n      const meta = platformMeta[platform];\n      const form = state.forms[platform];\n      const accounts = optionsFor(platform);\n      const accountSelect = el(\"account-select\");\n      const strategySelect = el(\"strategy-select\");\n\n      el(\"switch-panel\").style.setProperty(\"--platform-color\", meta.accent);\n      el(\"platform-title\").textContent = meta.label;\n\n      accountSelect.innerHTML = accounts.length\n        ? accounts.map((account) => (\n          `<option value=\"${escapeAttr(account.key)}\" ${account.key === form.accountKey ? \"selected\" : \"\"}>${escapeHtml(account.label)}</option>`\n        )).join(\"\")\n        : `<option value=\"\">${t(\"noAccount\")}</option>`;\n      el(\"account-meta\").textContent = accounts.length ? accountMetaText(platform) : \"\";\n\n      strategySelect.innerHTML = strategyOptions.map((strategy) => (\n        `<option value=\"${strategy}\" ${strategy === form.strategy ? \"selected\" : \"\"}>${escapeHtml(strategyLabels[strategy] || strategy)}</option>`\n      )).join(\"\");\n\n      document.querySelectorAll(\"[data-mode]\").forEach((button) => {\n        button.classList.toggle(\"active\", button.dataset.mode === form.executionMode);\n      });\n    }\n\n    function renderSummary() {\n      const inputs = buildInputs();\n      const list = el(\"summary-list\");\n      list.innerHTML = summaryRows(inputs).map(([label, value]) => `\n        <div class=\"summary-row\">\n          <dt>${escapeHtml(label)}</dt>\n          <dd>${escapeHtml(value)}</dd>\n        </div>\n      `).join(\"\");\n\n      el(\"mode-pill\").textContent = inputs.execution_mode;\n    }\n\n    function renderAuth() {\n      const accountLink = el(\"account-link\");\n      if (!state.auth.available) {\n        accountLink.href = \"https://github.com/QuantStrategyLab/QuantRuntimeSettings/tree/main/web/strategy-switch-console\";\n        accountLink.dataset.action = \"setup\";\n        accountLink.textContent = t(\"loginManage\");\n      } else if (state.auth.admin) {\n        accountLink.href = \"/admin\";\n        accountLink.dataset.action = \"admin\";\n        accountLink.textContent = t(\"loginManage\");\n      } else if (state.auth.allowed) {\n        accountLink.href = \"#logout\";\n        accountLink.dataset.action = \"logout\";\n        accountLink.textContent = t(\"loginManage\");\n      } else {\n        accountLink.href = \"/login\";\n        accountLink.dataset.action = \"login\";\n        accountLink.textContent = t(\"loginManage\");\n      }\n\n      const dispatch = el(\"dispatch-button\");\n      const hasPrivateAccounts = state.configSource === \"private\";\n      dispatch.disabled = !state.auth.allowed || !hasPrivateAccounts;\n      dispatch.textContent = state.auth.allowed\n        ? (hasPrivateAccounts ? t(\"runSwitch\") : t(\"configureAccounts\"))\n        : t(\"loginToRun\");\n      const note = el(\"action-note\");\n      note.textContent = state.auth.allowed\n        ? (hasPrivateAccounts ? t(\"readyNote\") : t(\"missingConfigNote\"))\n        : t(\"readonlyNote\");\n      note.classList.toggle(\"warning\", state.auth.allowed && !hasPrivateAccounts);\n    }\n\n    function render() {\n      applyLanguage();\n      renderPlatforms();\n      renderControls();\n      renderSummary();\n      renderAuth();\n    }\n\n    async function refreshSession() {\n      try {\n        const response = await fetch(\"/api/session\", { cache: \"no-store\" });\n        if (!response.ok) throw new Error(\"no backend\");\n        const session = await response.json();\n        state.auth = {\n          available: true,\n          allowed: Boolean(session.allowed),\n          admin: Boolean(session.admin),\n          login: session.login || null,\n        };\n      } catch {\n        state.auth = { available: false, allowed: false, admin: false, login: null };\n      }\n      render();\n      await refreshConfig();\n    }\n\n    async function refreshConfig() {\n      if (!state.auth.available || !state.auth.allowed) return;\n      try {\n        const response = await fetch(\"/api/config\", { cache: \"no-store\" });\n        if (!response.ok) throw new Error(\"no config\");\n        const payload = await response.json();\n        if (payload.accountOptions) {\n          state.accountOptions = normalizeAccountOptions(payload.accountOptions);\n          state.configSource = \"private\";\n          for (const platform of Object.keys(platformMeta)) ensureAccountSelection(platform);\n          render();\n        }\n      } catch {\n        state.configSource = \"default\";\n      }\n    }\n\n    function normalizeAccountOptions(raw) {\n      const normalized = clone(defaultAccountOptions);\n      for (const platform of Object.keys(platformMeta)) {\n        if (!Array.isArray(raw[platform]) || !raw[platform].length) continue;\n        normalized[platform] = raw[platform].map((item, index) => ({\n          key: String(item.key || item.target_name || index),\n          label: String(item.label || item.target_name || item.key || platform),\n          target_name: String(item.target_name || item.key || \"\"),\n          account_selector: item.account_selector ? String(item.account_selector) : \"\",\n          deployment_selector: item.deployment_selector ? String(item.deployment_selector) : \"\",\n          account_scope: item.account_scope ? String(item.account_scope) : \"\",\n          service_name: item.service_name ? String(item.service_name) : \"\",\n          github_environment: item.github_environment ? String(item.github_environment) : \"\",\n          variable_scope: item.variable_scope ? String(item.variable_scope) : \"\",\n          plugin_mode: item.plugin_mode ? String(item.plugin_mode) : \"\",\n        }));\n      }\n      return normalized;\n    }\n\n    async function dispatchSwitch() {\n      if (!state.auth.allowed) return;\n      el(\"toast\").textContent = t(\"dispatching\");\n      try {\n        const response = await fetch(\"/api/switch\", {\n          method: \"POST\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify(buildInputs()),\n        });\n        const payload = await response.json();\n        if (!response.ok || !payload.ok) throw new Error(payload.error || t(\"dispatchFailed\"));\n        el(\"toast\").textContent = t(\"dispatched\");\n        if (payload.actions_url) window.open(payload.actions_url, \"_blank\", \"noopener,noreferrer\");\n      } catch (error) {\n        el(\"toast\").textContent = `${t(\"dispatchFailed\")}: ${error.message}`;\n      }\n    }\n\n    async function handleAccountLink(event) {\n      if (el(\"account-link\").dataset.action !== \"logout\") return;\n      event.preventDefault();\n      await fetch(\"/api/logout\", { method: \"POST\" });\n      window.location.reload();\n    }\n\n    function summaryText() {\n      const inputs = buildInputs();\n      return summaryRows(inputs).map(([label, value]) => `${label}: ${value}`).join(\"\\n\");\n    }\n\n    function escapeHtml(value) {\n      return String(value)\n        .replaceAll(\"&\", \"&amp;\")\n        .replaceAll(\"<\", \"&lt;\")\n        .replaceAll(\">\", \"&gt;\")\n        .replaceAll('\"', \"&quot;\");\n    }\n\n    function escapeAttr(value) {\n      return escapeHtml(value).replaceAll(\"'\", \"&#39;\");\n    }\n\n    el(\"platform-strip\").addEventListener(\"click\", (event) => {\n      const button = event.target.closest(\"[data-platform]\");\n      if (!button) return;\n      state.selected = button.dataset.platform;\n      render();\n    });\n\n    el(\"account-select\").addEventListener(\"change\", () => {\n      state.forms[state.selected].accountKey = el(\"account-select\").value;\n      render();\n    });\n\n    el(\"strategy-select\").addEventListener(\"change\", () => {\n      state.forms[state.selected].strategy = el(\"strategy-select\").value;\n      render();\n    });\n\n    el(\"mode-control\").addEventListener(\"click\", (event) => {\n      const button = event.target.closest(\"[data-mode]\");\n      if (!button) return;\n      state.forms[state.selected].executionMode = button.dataset.mode;\n      render();\n    });\n\n    el(\"copy-button\").addEventListener(\"click\", async () => {\n      try {\n        await navigator.clipboard.writeText(summaryText());\n        el(\"toast\").textContent = t(\"copied\");\n      } catch {\n        el(\"toast\").textContent = summaryText();\n      }\n    });\n\n    el(\"dispatch-button\").addEventListener(\"click\", dispatchSwitch);\n    el(\"account-link\").addEventListener(\"click\", handleAccountLink);\n\n    render();\n    refreshSession();\n  </script>\n</body>\n</html>\n";
diff --git a/web/strategy-switch-console/worker.js b/web/strategy-switch-console/worker.js
index 93a66ec..0b9dbf0 100644
--- a/web/strategy-switch-console/worker.js
+++ b/web/strategy-switch-console/worker.js
@@ -510,7 +510,7 @@ function assertSwitchIntent(inputs) {
 }
 
 function assertConfiguredAccount(inputs, accountOptions) {
-  if (!accountOptions) throw new Error("private account options are not configured");
+  if (!accountOptions) throw new Error("account options are not configured");
   const options = accountOptions[inputs.platform] || [];
   if (!options.length) throw new Error(`no account options configured for ${inputs.platform}`);
   const matched = options.some((option) => accountOptionMatchesInputs(option, inputs));