From d13db07d986c79ac5dd52bfc6d1b8b12f5764f3d Mon Sep 17 00:00:00 2001
From: Pigbibi <20649888+Pigbibi@users.noreply.github.com>
Date: Tue, 9 Jun 2026 18:01:41 +0800
Subject: [PATCH] Align LongBridge SG default strategy to SOXL

---
 web/strategy-switch-console/account-options.example.json | 2 +-
 web/strategy-switch-console/index.html                   | 2 +-
 web/strategy-switch-console/page_asset.js                | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/web/strategy-switch-console/account-options.example.json b/web/strategy-switch-console/account-options.example.json
index 4ff027b..a296c0b 100644
--- a/web/strategy-switch-console/account-options.example.json
+++ b/web/strategy-switch-console/account-options.example.json
@@ -13,7 +13,7 @@
       "label": "sg",
       "target_name": "sg",
       "account_selector": "SG",
-      "default_strategy_profile": "tqqq_growth_income",
+      "default_strategy_profile": "soxl_soxx_trend_income",
       "supported_domains": ["us_equity", "hk_equity"]
     },
     {
diff --git a/web/strategy-switch-console/index.html b/web/strategy-switch-console/index.html
index 545b6fa..2637416 100644
--- a/web/strategy-switch-console/index.html
+++ b/web/strategy-switch-console/index.html
@@ -782,7 +782,7 @@ <h2 data-i18n="summary">切换摘要</h2>
     const defaultAccountOptions = {
       longbridge: [
         { key: "hk", label: "hk", target_name: "hk", account_selector: "HK", default_strategy_profile: "hk_low_vol_dividend_quality_snapshot", supported_domains: ["us_equity", "hk_equity"] },
-        { key: "sg", label: "sg", target_name: "sg", account_selector: "SG", default_strategy_profile: "tqqq_growth_income", supported_domains: ["us_equity", "hk_equity"] },
+        { key: "sg", label: "sg", target_name: "sg", account_selector: "SG", default_strategy_profile: "soxl_soxx_trend_income", supported_domains: ["us_equity", "hk_equity"] },
         { key: "paper", label: "paper", target_name: "paper", account_selector: "PAPER", default_strategy_profile: "mega_cap_leader_rotation_top50_balanced", supported_domains: ["us_equity", "hk_equity"] },
       ],
       ibkr: [
diff --git a/web/strategy-switch-console/page_asset.js b/web/strategy-switch-console/page_asset.js
index a988d32..4b70288 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:\n        linear-gradient(180deg, #fbfcfd 0, #eef2f5 100%);\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    button:focus-visible,\n    select:focus-visible,\n    a:focus-visible {\n      outline: 3px solid color-mix(in srgb, var(--platform-color, var(--accent)) 24%, transparent);\n      outline-offset: 2px;\n    }\n\n    [hidden] {\n      display: none !important;\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.88);\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    .auth-status {\n      max-width: 260px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .shell {\n      width: min(1160px, calc(100vw - 36px));\n      margin: 0 auto;\n      padding: 22px 0 32px;\n      display: grid;\n      gap: 16px;\n    }\n\n    body.app-loading .shell {\n      display: none;\n    }\n\n    body:not(.app-loading) .boot-screen {\n      display: none;\n    }\n\n    .boot-screen {\n      width: min(680px, calc(100vw - 36px));\n      min-height: calc(100svh - 72px);\n      margin: 0 auto;\n      display: grid;\n      align-items: center;\n      padding: 34px 0;\n    }\n\n    .boot-panel {\n      display: grid;\n      gap: 13px;\n      padding: 8px 0;\n    }\n\n    .boot-kicker {\n      color: var(--accent);\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 800;\n      text-transform: uppercase;\n    }\n\n    .boot-panel h2 {\n      color: var(--ink);\n      font-size: clamp(28px, 5vw, 44px);\n      line-height: 1.04;\n      font-weight: 820;\n    }\n\n    .boot-panel p {\n      color: var(--muted);\n      font-size: 14px;\n      line-height: 1.5;\n      max-width: 520px;\n    }\n\n    .loading-track {\n      width: 100%;\n      height: 5px;\n      overflow: hidden;\n      border-radius: 999px;\n      background: #dde4ea;\n    }\n\n    .loading-track::before {\n      content: \"\";\n      display: block;\n      width: 42%;\n      height: 100%;\n      border-radius: inherit;\n      background: var(--accent);\n      animation: loading-sweep 1.05s ease-in-out infinite;\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      box-shadow: 0 1px 0 rgba(22, 25, 31, 0.03);\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    .lang-toggle {\n      min-width: 42px;\n      padding: 0 10px;\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(140px, 1fr));\n      gap: 10px;\n    }\n\n    .platform-button {\n      min-width: 0;\n      min-height: 92px;\n      display: grid;\n      grid-template-columns: auto 1fr;\n      align-items: center;\n      gap: 12px;\n      padding: 13px;\n      border: 1px solid var(--line);\n      border-left: 4px solid var(--platform-color);\n      border-radius: 8px;\n      background: var(--surface);\n      color: var(--ink);\n      text-align: left;\n      transition:\n        transform 150ms ease,\n        border-color 150ms ease,\n        background 150ms ease,\n        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) 7%, white), #ffffff 68%);\n      box-shadow: 0 14px 30px rgba(22, 25, 31, 0.09);\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      transition: background 150ms ease, color 150ms ease;\n    }\n\n    .platform-button.active .mark {\n      background: var(--platform-color);\n      color: #ffffff;\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.04fr) minmax(320px, 0.96fr);\n      gap: 18px;\n      align-items: stretch;\n    }\n\n    .switch-surface.summary-hidden {\n      grid-template-columns: minmax(0, 1fr);\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 14px 34px rgba(22, 25, 31, 0.07);\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(24px, 3vw, 34px);\n      line-height: 1.08;\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      overflow: hidden;\n      padding-right: 42px;\n      text-overflow: ellipsis;\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(--platform-color, var(--accent));\n      color: var(--accent-ink);\n      font-size: 16px;\n      font-weight: 820;\n      transition: transform 150ms ease, filter 150ms ease, opacity 150ms ease;\n    }\n\n    .run-button:hover:not(:disabled) {\n      transform: translateY(-1px);\n      filter: brightness(0.92);\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      font-weight: 680;\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      .boot-screen {\n        width: min(100% - 28px, 680px);\n        min-height: calc(100svh - 122px);\n        padding-top: 22px;\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      select {\n        font-size: 13px;\n      }\n    }\n\n    @media (prefers-reduced-motion: no-preference) {\n      .platform-strip,\n      .switch-surface {\n        animation: rise-in 260ms ease both;\n      }\n\n      .switch-surface {\n        animation-delay: 60ms;\n      }\n\n      @keyframes rise-in {\n        from {\n          opacity: 0;\n          transform: translateY(8px);\n        }\n        to {\n          opacity: 1;\n          transform: translateY(0);\n        }\n      }\n\n      @keyframes loading-sweep {\n        from {\n          transform: translateX(-110%);\n        }\n        to {\n          transform: translateX(260%);\n        }\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .loading-track::before {\n        animation: none;\n        transform: translateX(0);\n      }\n    }\n  </style>\n</head>\n<body class=\"app-loading\">\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      <span class=\"pill ready auth-status\" id=\"auth-status\" hidden></span>\n      <button class=\"btn lang-toggle\" id=\"lang-button\" type=\"button\" aria-label=\"Language\">EN</button>\n      <a class=\"btn\" id=\"login-link\" href=\"/login\" hidden data-i18n=\"login\">登录</a>\n      <button class=\"btn\" id=\"logout-button\" type=\"button\" hidden data-i18n=\"logout\">退出</button>\n    </div>\n  </header>\n\n  <main class=\"boot-screen\" id=\"boot-screen\" role=\"status\" aria-live=\"polite\">\n    <div class=\"boot-panel\">\n      <span class=\"boot-kicker\" data-i18n=\"bootKicker\">初始化控制台</span>\n      <h2 data-i18n=\"bootTitle\">读取策略配置</h2>\n      <p id=\"boot-message\" data-i18n=\"bootMessage\">正在读取登录状态、账号配置和当前状态。</p>\n      <div class=\"loading-track\" aria-hidden=\"true\"></div>\n    </div>\n  </main>\n\n  <main class=\"shell\" id=\"app-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            <span class=\"selection-meta\" id=\"strategy-meta\"></span>\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 defaultStrategyProfiles = [\n      { profile: \"tqqq_growth_income\", label: \"TQQQ Growth Income\", domain: \"us_equity\", runtime_enabled: true },\n      { profile: \"soxl_soxx_trend_income\", label: \"SOXL/SOXX Semiconductor Trend Income\", domain: \"us_equity\", runtime_enabled: true },\n      { profile: \"nasdaq_sp500_smart_dca\", label: \"Nasdaq/S&P 500 Smart DCA\", domain: \"us_equity\", runtime_enabled: true },\n      { profile: \"global_etf_rotation\", label: \"Global ETF Rotation\", domain: \"us_equity\", runtime_enabled: true },\n      { profile: \"russell_1000_multi_factor_defensive\", label: \"Russell 1000 Multi-Factor Defensive\", domain: \"us_equity\", runtime_enabled: true },\n      { profile: \"mega_cap_leader_rotation_top50_balanced\", label: \"Mega Cap Leader Rotation Top50 Balanced\", domain: \"us_equity\", runtime_enabled: true },\n      { profile: \"hk_dividend_gold_defensive_rotation\", label: \"HK Dividend-Gold Defensive Rotation\", domain: \"hk_equity\", runtime_enabled: true },\n      { profile: \"hk_global_etf_tactical_rotation\", label: \"HK Global ETF Tactical Rotation\", domain: \"hk_equity\", runtime_enabled: true },\n      { profile: \"hk_low_vol_dividend_quality_snapshot\", label: \"HK Low-Vol Dividend Quality Snapshot\", domain: \"hk_equity\", runtime_enabled: true },\n    ];\n\n    const strategyDomains = [\"us_equity\", \"hk_equity\"];\n    let strategyOptions = [];\n    let strategyLabels = {};\n    let strategyCatalog = {};\n\n    const defaultAccountOptions = {\n      longbridge: [\n        { key: \"hk\", label: \"hk\", target_name: \"hk\", account_selector: \"HK\", default_strategy_profile: \"hk_low_vol_dividend_quality_snapshot\", supported_domains: [\"us_equity\", \"hk_equity\"] },\n        { key: \"sg\", label: \"sg\", target_name: \"sg\", account_selector: \"SG\", default_strategy_profile: \"tqqq_growth_income\", supported_domains: [\"us_equity\", \"hk_equity\"] },\n        { key: \"paper\", label: \"paper\", target_name: \"paper\", account_selector: \"PAPER\", default_strategy_profile: \"mega_cap_leader_rotation_top50_balanced\", supported_domains: [\"us_equity\", \"hk_equity\"] },\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          default_strategy_profile: \"tqqq_growth_income\",\n          supported_domains: [\"us_equity\", \"hk_equity\"],\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          default_strategy_profile: \"soxl_soxx_trend_income\",\n          supported_domains: [\"us_equity\", \"hk_equity\"],\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          default_strategy_profile: \"nasdaq_sp500_smart_dca\",\n          supported_domains: [\"us_equity\", \"hk_equity\"],\n        },\n      ],\n      schwab: [\n        { key: \"default\", label: \"default\", target_name: \"default\", default_strategy_profile: \"soxl_soxx_trend_income\", supported_domains: [\"us_equity\"] },\n      ],\n      firstrade: [\n        { key: \"default\", label: \"default\", target_name: \"default\", default_strategy_profile: \"mega_cap_leader_rotation_top50_balanced\", supported_domains: [\"us_equity\"] },\n      ],\n    };\n\n    const copy = {\n      zh: {\n        appTitle: \"策略切换\",\n        appSubtitle: \"选平台、目标账号和策略，一次执行完成切换。\",\n        bootKicker: \"初始化控制台\",\n        bootTitle: \"读取策略配置\",\n        bootMessage: \"正在读取登录状态、账号配置和当前状态。\",\n        bootStrategy: \"正在读取策略目录。\",\n        bootSession: \"正在验证登录状态。\",\n        bootConfig: \"正在读取账号配置和当前状态。\",\n        bootPublic: \"公开预览已就绪。\",\n        login: \"登录\",\n        logout: \"退出\",\n        signedInAs: \"已登录 {login}\",\n        activePlatform: \"当前平台\",\n        account: \"目标账号\",\n        strategy: \"策略\",\n        mode: \"模式\",\n        live: \"实盘\",\n        paper: \"Dry run\",\n        summary: \"当前配置状态\",\n        copySummary: \"复制状态\",\n        loginToRun: \"登录后切换\",\n        loadingConfig: \"读取配置中\",\n        configureAccounts: \"配置账号后切换\",\n        runSwitch: \"一键切换\",\n        readonlyNote: \"登录后才可执行切换。\",\n        loadingConfigNote: \"正在读取账号配置和当前状态。\",\n        missingConfigNote: \"账号配置未加载，暂时不能执行。\",\n        readyNote: \"点击后会触发 workflow，并同步目标平台服务。\",\n        invalidStrategyNote: \"当前账号没有可执行策略，暂时不能切换。\",\n        noAccount: \"没有账号选项\",\n        noStrategy: \"没有支持的策略\",\n        repository: \"平台仓库\",\n        selectedAccount: \"账号\",\n        selectedMarket: \"市场\",\n        copied: \"已复制状态\",\n        dispatching: \"正在触发 workflow...\",\n        dispatched: \"已触发 workflow\",\n        dispatchFailed: \"触发失败\",\n        targetMeta: \"target {target} · service {service} · 市场 {domains}\",\n        strategyMeta: \"该账号仅显示 {domains} 策略\",\n        usEquity: \"美股\",\n        hkEquity: \"港股\",\n        currentStrategy: \"当前策略\",\n        nextStrategy: \"选择策略\",\n        notRead: \"未读取\",\n      },\n      en: {\n        appTitle: \"Strategy Switch\",\n        appSubtitle: \"Pick platform, target account, and strategy. One action switches everything.\",\n        bootKicker: \"Starting console\",\n        bootTitle: \"Loading strategy config\",\n        bootMessage: \"Reading session, account config, and current state.\",\n        bootStrategy: \"Reading strategy catalog.\",\n        bootSession: \"Checking sign-in status.\",\n        bootConfig: \"Reading account config and current state.\",\n        bootPublic: \"Public preview is ready.\",\n        login: \"Sign in\",\n        logout: \"Sign out\",\n        signedInAs: \"Signed in as {login}\",\n        activePlatform: \"Active Platform\",\n        account: \"Target account\",\n        strategy: \"Strategy\",\n        mode: \"Mode\",\n        live: \"Live\",\n        paper: \"Dry run\",\n        summary: \"Current Config\",\n        copySummary: \"Copy state\",\n        loginToRun: \"Sign in to switch\",\n        loadingConfig: \"Loading config\",\n        configureAccounts: \"Configure accounts\",\n        runSwitch: \"Switch now\",\n        readonlyNote: \"Sign in to switch.\",\n        loadingConfigNote: \"Reading account config and current state.\",\n        missingConfigNote: \"Account config is not loaded, so switching is disabled.\",\n        readyNote: \"This dispatches the workflow and syncs the target platform service.\",\n        invalidStrategyNote: \"This account has no runnable strategy, so switching is disabled.\",\n        noAccount: \"No accounts\",\n        noStrategy: \"No supported strategies\",\n        repository: \"Repository\",\n        selectedAccount: \"Account\",\n        selectedMarket: \"Market\",\n        copied: \"State copied\",\n        dispatching: \"Dispatching workflow...\",\n        dispatched: \"Workflow dispatched\",\n        dispatchFailed: \"Dispatch failed\",\n        targetMeta: \"target {target} · service {service} · market {domains}\",\n        strategyMeta: \"This account only shows {domains} strategies\",\n        usEquity: \"US equity\",\n        hkEquity: \"HK equity\",\n        currentStrategy: \"Current strategy\",\n        nextStrategy: \"Selected strategy\",\n        notRead: \"Not read\",\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      appReady: false,\n      bootMessageKey: \"bootMessage\",\n      auth: { available: false, allowed: false, admin: false, login: null },\n      accountOptions: clone(defaultAccountOptions),\n      currentStrategies: {},\n      configSource: \"default\",\n      forms: {\n        longbridge: { accountKey: \"hk\", strategy: \"hk_low_vol_dividend_quality_snapshot\", executionMode: \"live\" },\n        ibkr: { accountKey: \"u15998061\", strategy: \"tqqq_growth_income\", executionMode: \"live\" },\n        schwab: { accountKey: \"default\", strategy: \"soxl_soxx_trend_income\", executionMode: \"live\" },\n        firstrade: { accountKey: \"default\", strategy: \"mega_cap_leader_rotation_top50_balanced\", 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 cleanStrategyProfile(value) {\n      const profile = String(value || \"\").trim();\n      return /^[a-z0-9._=-]{1,120}$/.test(profile) ? profile : \"\";\n    }\n\n    function cleanStrategyDomain(value) {\n      const domain = String(value || \"\").trim();\n      return strategyDomains.includes(domain) ? domain : \"\";\n    }\n\n    function domainLabel(domain) {\n      if (domain === \"hk_equity\") return t(\"hkEquity\");\n      return t(\"usEquity\");\n    }\n\n    function applyStrategyProfiles(rawProfiles) {\n      const profiles = Array.isArray(rawProfiles) && rawProfiles.length\n        ? rawProfiles\n        : defaultStrategyProfiles;\n      const nextOptions = [];\n      const nextLabels = {};\n      const nextCatalog = {};\n      for (const item of profiles) {\n        const profile = cleanStrategyProfile(item?.profile || item?.strategy_profile);\n        if (!profile || nextOptions.includes(profile)) continue;\n        if (item?.runtime_enabled === false || item?.live_enabled === false) continue;\n        const domain = cleanStrategyDomain(item?.domain || \"us_equity\");\n        if (!domain) continue;\n        nextOptions.push(profile);\n        nextLabels[profile] = String(item?.label || item?.display_name || profile).trim() || profile;\n        nextCatalog[profile] = {\n          profile,\n          label: nextLabels[profile],\n          domain,\n          runtime_enabled: true,\n        };\n      }\n      if (!nextOptions.length && profiles !== defaultStrategyProfiles) return applyStrategyProfiles(defaultStrategyProfiles);\n      strategyOptions = nextOptions;\n      strategyLabels = nextLabels;\n      strategyCatalog = nextCatalog;\n    }\n\n    function supportedDomainsForAccount(platform, account) {\n      if (Array.isArray(account?.supported_domains) && account.supported_domains.length) {\n        const cleaned = account.supported_domains.map(cleanStrategyDomain).filter(Boolean);\n        if (cleaned.length) return [...new Set(cleaned)];\n      }\n      return inferSupportedDomains(platform, account);\n    }\n\n    function inferSupportedDomains(platform, account) {\n      void account;\n      if (platform === \"longbridge\" || platform === \"ibkr\") return [\"us_equity\", \"hk_equity\"];\n      return [\"us_equity\"];\n    }\n\n    function supportedDomainLabel(platform, account) {\n      return supportedDomainsForAccount(platform, account).map(domainLabel).join(\" / \");\n    }\n\n    function strategyAllowedForAccount(platform, account, profile) {\n      const cleanProfile = cleanStrategyProfile(profile);\n      const catalogEntry = strategyCatalog[cleanProfile];\n      if (!catalogEntry || catalogEntry.runtime_enabled !== true) return false;\n      return supportedDomainsForAccount(platform, account).includes(catalogEntry.domain);\n    }\n\n    function strategyChoicesForAccount(platform = state.selected, account = selectedAccount(platform)) {\n      const choices = strategyOptions.filter((profile) => strategyAllowedForAccount(platform, account, profile));\n      const addChoice = (value) => {\n        const profile = cleanStrategyProfile(value);\n        if (profile && !choices.includes(profile) && strategyAllowedForAccount(platform, account, profile)) {\n          choices.push(profile);\n        }\n      };\n      if (account) {\n        addChoice(account.default_strategy_profile || account.strategy_profile);\n        addChoice(currentStrategyForAccount(platform, account));\n      }\n      return choices;\n    }\n\n    function strategyLabel(profile) {\n      return strategyLabels[profile] || profile;\n    }\n\n    function modeLabel(mode) {\n      return mode === \"paper\" ? t(\"paper\") : t(\"live\");\n    }\n\n    function currentEntryForAccount(platform, account) {\n      const byPlatform = state.currentStrategies[platform] || {};\n      const keys = [account?.key, account?.target_name, account?.label]\n        .filter(Boolean)\n        .map((value) => String(value));\n      for (const key of keys) {\n        const entry = byPlatform[key];\n        const profile = cleanStrategyProfile(entry?.strategy_profile);\n        if (profile) return entry;\n      }\n      return null;\n    }\n\n    function currentStrategyForAccount(platform, account) {\n      const entry = currentEntryForAccount(platform, account);\n      const profile = cleanStrategyProfile(entry?.strategy_profile);\n      return profile || \"\";\n    }\n\n    function normalizeExecutionMode(value, dryRunOnly) {\n      const mode = String(value || \"\").trim().toLowerCase();\n      if (mode === \"live\" || mode === \"paper\") return mode;\n      if (dryRunOnly === true || dryRunOnly === \"true\" || dryRunOnly === \"1\" || dryRunOnly === 1) return \"paper\";\n      if (dryRunOnly === false || dryRunOnly === \"false\" || dryRunOnly === \"0\" || dryRunOnly === 0) return \"live\";\n      return \"\";\n    }\n\n    function defaultExecutionModeForAccount(platform, account, fallback = \"live\") {\n      const currentMode = normalizeExecutionMode(\n        currentEntryForAccount(platform, account)?.execution_mode,\n        currentEntryForAccount(platform, account)?.dry_run_only,\n      );\n      if (currentMode) return currentMode;\n      const hint = [\n        account?.key,\n        account?.label,\n        account?.target_name,\n        account?.deployment_selector,\n        account?.account_scope,\n        account?.service_name,\n      ].join(\" \").toLowerCase();\n      if (hint.split(/\\s+/).includes(\"paper\") || hint.includes(\"-paper\") || hint.includes(\"_paper\")) {\n        return \"paper\";\n      }\n      return fallback;\n    }\n\n    function defaultStrategyForAccount(platform, account, fallback = \"tqqq_growth_income\") {\n      const currentProfile = currentStrategyForAccount(platform, account);\n      if (currentProfile && strategyAllowedForAccount(platform, account, currentProfile)) return currentProfile;\n      const profile = cleanStrategyProfile(account?.default_strategy_profile || account?.strategy_profile);\n      if (profile && strategyAllowedForAccount(platform, account, profile)) return profile;\n      const hint = [\n        account?.key,\n        account?.label,\n        account?.target_name,\n        account?.deployment_selector,\n        account?.account_scope,\n        account?.service_name,\n      ].join(\" \").toLowerCase();\n      const hinted = hint.includes(\"smart-dca\") || hint.includes(\"smart_dca\")\n        ? \"nasdaq_sp500_smart_dca\"\n        : (hint.includes(\"soxl\") ? \"soxl_soxx_trend_income\" : (hint.includes(\"tqqq\") ? \"tqqq_growth_income\" : \"\"));\n      if (hinted && strategyAllowedForAccount(platform, account, hinted)) return hinted;\n      if (fallback && strategyAllowedForAccount(platform, account, fallback)) return fallback;\n      return strategyChoicesForAccount(platform, account)[0] || \"\";\n    }\n\n    function syncStrategyForAccount(platform) {\n      const account = selectedAccount(platform);\n      if (!account) return;\n      state.forms[platform].strategy = defaultStrategyForAccount(platform, account, state.forms[platform].strategy);\n      state.forms[platform].executionMode = defaultExecutionModeForAccount(\n        platform,\n        account,\n      );\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        state.forms[platform].strategy = defaultStrategyForAccount(platform, options[0], state.forms[platform].strategy);\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\")\n        .replace(\"{target}\", targetName)\n        .replace(\"{service}\", service)\n        .replace(\"{domains}\", supportedDomainLabel(platform, account));\n    }\n\n    function hasValidStrategySelection(platform = state.selected) {\n      const form = state.forms[platform];\n      const account = selectedAccount(platform);\n      return Boolean(form?.strategy && account && strategyAllowedForAccount(platform, account, form.strategy));\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      const currentProfile = currentStrategyForAccount(state.selected, account);\n      const rows = [\n        [t(\"repository\"), repositories[state.selected]],\n        [t(\"selectedAccount\"), account.label],\n        [t(\"selectedMarket\"), supportedDomainLabel(state.selected, account)],\n        [t(\"nextStrategy\"), strategyLabel(inputs.strategy_profile)],\n      ];\n      if (state.auth.allowed) {\n        rows.splice(2, 0, [t(\"currentStrategy\"), currentProfile ? strategyLabel(currentProfile) : t(\"notRead\")]);\n      }\n      return rows;\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      el(\"lang-button\").textContent = state.lang === \"zh\" ? \"EN\" : \"中\";\n    }\n\n    function renderPlatforms() {\n      const strip = el(\"platform-strip\");\n      strip.replaceChildren();\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        const mark = document.createElement(\"span\");\n        mark.className = \"mark\";\n        mark.textContent = meta.code;\n        const copyNode = document.createElement(\"span\");\n        copyNode.className = \"platform-copy\";\n        const labelNode = document.createElement(\"strong\");\n        labelNode.textContent = meta.label;\n        const accountNode = document.createElement(\"span\");\n        accountNode.textContent = account.label;\n        const strategyNode = document.createElement(\"small\");\n        strategyNode.textContent = strategyLabel(form.strategy);\n        copyNode.append(labelNode, accountNode, strategyNode);\n        button.append(mark, copyNode);\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 account = selectedAccount(platform);\n      const choices = strategyChoicesForAccount(platform, account);\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.replaceChildren();\n      if (accounts.length) {\n        for (const account of accounts) {\n          accountSelect.append(new Option(account.label, account.key, false, account.key === form.accountKey));\n        }\n      } else {\n        accountSelect.append(new Option(t(\"noAccount\"), \"\"));\n      }\n      el(\"account-meta\").textContent = accounts.length ? accountMetaText(platform) : \"\";\n\n      if (choices.length && !choices.includes(form.strategy)) {\n        form.strategy = choices[0];\n      }\n      strategySelect.disabled = !choices.length;\n      strategySelect.replaceChildren();\n      if (choices.length) {\n        for (const strategy of choices) {\n          strategySelect.append(new Option(strategyLabel(strategy), strategy, false, strategy === form.strategy));\n        }\n      } else {\n        strategySelect.append(new Option(t(\"noStrategy\"), \"\"));\n      }\n      el(\"strategy-meta\").textContent = account\n        ? t(\"strategyMeta\").replace(\"{domains}\", supportedDomainLabel(platform, account))\n        : \"\";\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 showSummary = Boolean(state.auth.allowed);\n      const summaryPanel = document.querySelector(\".summary-panel\");\n      const switchSurface = document.querySelector(\".switch-surface\");\n      summaryPanel.hidden = !showSummary;\n      switchSurface.classList.toggle(\"summary-hidden\", !showSummary);\n      if (!showSummary) return;\n\n      const inputs = buildInputs();\n      const list = el(\"summary-list\");\n      list.replaceChildren();\n      document.querySelector(\".summary-head h2\").textContent = t(\"summary\");\n      for (const [label, value] of summaryRows(inputs)) {\n        const row = document.createElement(\"div\");\n        row.className = \"summary-row\";\n        const labelNode = document.createElement(\"dt\");\n        labelNode.textContent = label;\n        const valueNode = document.createElement(\"dd\");\n        valueNode.textContent = value;\n        row.append(labelNode, valueNode);\n        list.appendChild(row);\n      }\n\n      const account = selectedAccount();\n      const currentEntry = currentEntryForAccount(state.selected, account);\n      const currentMode = normalizeExecutionMode(currentEntry?.execution_mode, currentEntry?.dry_run_only);\n      el(\"mode-pill\").textContent = currentMode ? modeLabel(currentMode) : t(\"notRead\");\n    }\n\n    function renderAuth() {\n      const status = el(\"auth-status\");\n      const loginLink = el(\"login-link\");\n      const logoutButton = el(\"logout-button\");\n      const signedIn = Boolean(state.auth.allowed && state.auth.login);\n\n      status.hidden = !signedIn;\n      status.textContent = signedIn ? t(\"signedInAs\").replace(\"{login}\", state.auth.login) : \"\";\n      loginLink.hidden = !state.auth.available || signedIn;\n      loginLink.href = \"/login\";\n      loginLink.textContent = t(\"login\");\n      logoutButton.hidden = !signedIn;\n      logoutButton.textContent = t(\"logout\");\n\n      const dispatch = el(\"dispatch-button\");\n      const hasPrivateAccounts = state.configSource === \"private\";\n      const loadingConfig = state.configSource === \"loading\";\n      const hasValidStrategy = hasValidStrategySelection();\n      dispatch.disabled = !state.auth.allowed || loadingConfig || !hasPrivateAccounts || !hasValidStrategy;\n      dispatch.textContent = state.auth.allowed\n        ? (loadingConfig ? t(\"loadingConfig\") : (hasPrivateAccounts ? t(\"runSwitch\") : t(\"configureAccounts\")))\n        : t(\"loginToRun\");\n      const note = el(\"action-note\");\n      note.textContent = state.auth.allowed\n        ? (loadingConfig\n          ? t(\"loadingConfigNote\")\n          : (hasPrivateAccounts ? (hasValidStrategy ? t(\"readyNote\") : t(\"invalidStrategyNote\")) : t(\"missingConfigNote\")))\n        : t(\"readonlyNote\");\n      note.classList.toggle(\"warning\", state.auth.allowed && !loadingConfig && (!hasPrivateAccounts || !hasValidStrategy));\n    }\n\n    function renderAppVisibility() {\n      document.body.classList.toggle(\"app-loading\", !state.appReady);\n      el(\"boot-message\").textContent = t(state.bootMessageKey);\n    }\n\n    function render() {\n      applyLanguage();\n      renderPlatforms();\n      renderControls();\n      renderSummary();\n      renderAuth();\n      renderAppVisibility();\n    }\n\n    async function refreshSession() {\n      state.bootMessageKey = \"bootSession\";\n      render();\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      if (state.auth.allowed) {\n        await refreshConfig();\n      } else {\n        state.bootMessageKey = \"bootPublic\";\n        state.appReady = true;\n        render();\n      }\n    }\n\n    async function refreshStrategyProfiles() {\n      state.bootMessageKey = \"bootStrategy\";\n      render();\n      try {\n        const response = await fetch(\"/api/strategy-profiles\", { cache: \"no-store\" });\n        if (!response.ok) throw new Error(\"no strategy profiles\");\n        const payload = await response.json();\n        applyStrategyProfiles(payload.strategyProfiles || []);\n        for (const platform of Object.keys(platformMeta)) syncStrategyForAccount(platform);\n        render();\n      } catch {\n        applyStrategyProfiles(defaultStrategyProfiles);\n        for (const platform of Object.keys(platformMeta)) syncStrategyForAccount(platform);\n      }\n    }\n\n    async function refreshConfig() {\n      if (!state.auth.available || !state.auth.allowed) return;\n      state.configSource = \"loading\";\n      state.bootMessageKey = \"bootConfig\";\n      render();\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          applyStrategyProfiles(payload.strategyProfiles || defaultStrategyProfiles);\n          state.accountOptions = normalizeAccountOptions(payload.accountOptions);\n          state.currentStrategies = normalizeCurrentStrategies(payload.currentStrategies || {});\n          state.configSource = \"private\";\n          for (const platform of Object.keys(platformMeta)) {\n            ensureAccountSelection(platform);\n            syncStrategyForAccount(platform);\n          }\n        } else {\n          state.configSource = \"default\";\n          state.currentStrategies = {};\n        }\n      } catch {\n        state.configSource = \"default\";\n        state.currentStrategies = {};\n      } finally {\n        state.appReady = true;\n        render();\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          supported_domains: normalizeSupportedDomains(platform, item),\n          default_strategy_profile: item.default_strategy_profile || item.strategy_profile\n            ? String(item.default_strategy_profile || item.strategy_profile)\n            : \"\",\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    function normalizeSupportedDomains(platform, item) {\n      const raw = Array.isArray(item?.supported_domains)\n        ? item.supported_domains\n        : String(item?.supported_domains || \"\").split(/[\\s,;]+/);\n      const cleaned = raw.map(cleanStrategyDomain).filter(Boolean);\n      if (cleaned.length) return [...new Set(cleaned)];\n      return inferSupportedDomains(platform, item || {});\n    }\n\n    function normalizeCurrentStrategies(raw) {\n      const normalized = {};\n      for (const platform of Object.keys(platformMeta)) {\n        if (!raw[platform] || typeof raw[platform] !== \"object\" || Array.isArray(raw[platform])) continue;\n        normalized[platform] = {};\n        for (const [key, entry] of Object.entries(raw[platform])) {\n          const profile = cleanStrategyProfile(entry?.strategy_profile);\n          if (!profile) continue;\n          normalized[platform][String(key)] = {\n            strategy_profile: profile,\n            execution_mode: normalizeExecutionMode(entry?.execution_mode, entry?.dry_run_only),\n            dry_run_only: entry?.dry_run_only === true || entry?.dry_run_only === \"true\" || entry?.dry_run_only === \"1\",\n            source: entry?.source ? String(entry.source) : \"\",\n          };\n        }\n        if (!Object.keys(normalized[platform]).length) delete normalized[platform];\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 handleLogout() {\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    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      syncStrategyForAccount(state.selected);\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(\"logout-button\").addEventListener(\"click\", handleLogout);\n    el(\"lang-button\").addEventListener(\"click\", () => {\n      state.lang = state.lang === \"zh\" ? \"en\" : \"zh\";\n      localStorage.setItem(\"qsl-switch-lang\", state.lang);\n      render();\n    });\n\n    applyStrategyProfiles(defaultStrategyProfiles);\n    for (const platform of Object.keys(platformMeta)) syncStrategyForAccount(platform);\n    render();\n    boot();\n\n    async function boot() {\n      await refreshStrategyProfiles();\n      await refreshSession();\n    }\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:\n        linear-gradient(180deg, #fbfcfd 0, #eef2f5 100%);\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    button:focus-visible,\n    select:focus-visible,\n    a:focus-visible {\n      outline: 3px solid color-mix(in srgb, var(--platform-color, var(--accent)) 24%, transparent);\n      outline-offset: 2px;\n    }\n\n    [hidden] {\n      display: none !important;\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.88);\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    .auth-status {\n      max-width: 260px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .shell {\n      width: min(1160px, calc(100vw - 36px));\n      margin: 0 auto;\n      padding: 22px 0 32px;\n      display: grid;\n      gap: 16px;\n    }\n\n    body.app-loading .shell {\n      display: none;\n    }\n\n    body:not(.app-loading) .boot-screen {\n      display: none;\n    }\n\n    .boot-screen {\n      width: min(680px, calc(100vw - 36px));\n      min-height: calc(100svh - 72px);\n      margin: 0 auto;\n      display: grid;\n      align-items: center;\n      padding: 34px 0;\n    }\n\n    .boot-panel {\n      display: grid;\n      gap: 13px;\n      padding: 8px 0;\n    }\n\n    .boot-kicker {\n      color: var(--accent);\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 800;\n      text-transform: uppercase;\n    }\n\n    .boot-panel h2 {\n      color: var(--ink);\n      font-size: clamp(28px, 5vw, 44px);\n      line-height: 1.04;\n      font-weight: 820;\n    }\n\n    .boot-panel p {\n      color: var(--muted);\n      font-size: 14px;\n      line-height: 1.5;\n      max-width: 520px;\n    }\n\n    .loading-track {\n      width: 100%;\n      height: 5px;\n      overflow: hidden;\n      border-radius: 999px;\n      background: #dde4ea;\n    }\n\n    .loading-track::before {\n      content: \"\";\n      display: block;\n      width: 42%;\n      height: 100%;\n      border-radius: inherit;\n      background: var(--accent);\n      animation: loading-sweep 1.05s ease-in-out infinite;\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      box-shadow: 0 1px 0 rgba(22, 25, 31, 0.03);\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    .lang-toggle {\n      min-width: 42px;\n      padding: 0 10px;\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(140px, 1fr));\n      gap: 10px;\n    }\n\n    .platform-button {\n      min-width: 0;\n      min-height: 92px;\n      display: grid;\n      grid-template-columns: auto 1fr;\n      align-items: center;\n      gap: 12px;\n      padding: 13px;\n      border: 1px solid var(--line);\n      border-left: 4px solid var(--platform-color);\n      border-radius: 8px;\n      background: var(--surface);\n      color: var(--ink);\n      text-align: left;\n      transition:\n        transform 150ms ease,\n        border-color 150ms ease,\n        background 150ms ease,\n        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) 7%, white), #ffffff 68%);\n      box-shadow: 0 14px 30px rgba(22, 25, 31, 0.09);\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      transition: background 150ms ease, color 150ms ease;\n    }\n\n    .platform-button.active .mark {\n      background: var(--platform-color);\n      color: #ffffff;\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.04fr) minmax(320px, 0.96fr);\n      gap: 18px;\n      align-items: stretch;\n    }\n\n    .switch-surface.summary-hidden {\n      grid-template-columns: minmax(0, 1fr);\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 14px 34px rgba(22, 25, 31, 0.07);\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(24px, 3vw, 34px);\n      line-height: 1.08;\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      overflow: hidden;\n      padding-right: 42px;\n      text-overflow: ellipsis;\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(--platform-color, var(--accent));\n      color: var(--accent-ink);\n      font-size: 16px;\n      font-weight: 820;\n      transition: transform 150ms ease, filter 150ms ease, opacity 150ms ease;\n    }\n\n    .run-button:hover:not(:disabled) {\n      transform: translateY(-1px);\n      filter: brightness(0.92);\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      font-weight: 680;\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      .boot-screen {\n        width: min(100% - 28px, 680px);\n        min-height: calc(100svh - 122px);\n        padding-top: 22px;\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      select {\n        font-size: 13px;\n      }\n    }\n\n    @media (prefers-reduced-motion: no-preference) {\n      .platform-strip,\n      .switch-surface {\n        animation: rise-in 260ms ease both;\n      }\n\n      .switch-surface {\n        animation-delay: 60ms;\n      }\n\n      @keyframes rise-in {\n        from {\n          opacity: 0;\n          transform: translateY(8px);\n        }\n        to {\n          opacity: 1;\n          transform: translateY(0);\n        }\n      }\n\n      @keyframes loading-sweep {\n        from {\n          transform: translateX(-110%);\n        }\n        to {\n          transform: translateX(260%);\n        }\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .loading-track::before {\n        animation: none;\n        transform: translateX(0);\n      }\n    }\n  </style>\n</head>\n<body class=\"app-loading\">\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      <span class=\"pill ready auth-status\" id=\"auth-status\" hidden></span>\n      <button class=\"btn lang-toggle\" id=\"lang-button\" type=\"button\" aria-label=\"Language\">EN</button>\n      <a class=\"btn\" id=\"login-link\" href=\"/login\" hidden data-i18n=\"login\">登录</a>\n      <button class=\"btn\" id=\"logout-button\" type=\"button\" hidden data-i18n=\"logout\">退出</button>\n    </div>\n  </header>\n\n  <main class=\"boot-screen\" id=\"boot-screen\" role=\"status\" aria-live=\"polite\">\n    <div class=\"boot-panel\">\n      <span class=\"boot-kicker\" data-i18n=\"bootKicker\">初始化控制台</span>\n      <h2 data-i18n=\"bootTitle\">读取策略配置</h2>\n      <p id=\"boot-message\" data-i18n=\"bootMessage\">正在读取登录状态、账号配置和当前状态。</p>\n      <div class=\"loading-track\" aria-hidden=\"true\"></div>\n    </div>\n  </main>\n\n  <main class=\"shell\" id=\"app-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            <span class=\"selection-meta\" id=\"strategy-meta\"></span>\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 defaultStrategyProfiles = [\n      { profile: \"tqqq_growth_income\", label: \"TQQQ Growth Income\", domain: \"us_equity\", runtime_enabled: true },\n      { profile: \"soxl_soxx_trend_income\", label: \"SOXL/SOXX Semiconductor Trend Income\", domain: \"us_equity\", runtime_enabled: true },\n      { profile: \"nasdaq_sp500_smart_dca\", label: \"Nasdaq/S&P 500 Smart DCA\", domain: \"us_equity\", runtime_enabled: true },\n      { profile: \"global_etf_rotation\", label: \"Global ETF Rotation\", domain: \"us_equity\", runtime_enabled: true },\n      { profile: \"russell_1000_multi_factor_defensive\", label: \"Russell 1000 Multi-Factor Defensive\", domain: \"us_equity\", runtime_enabled: true },\n      { profile: \"mega_cap_leader_rotation_top50_balanced\", label: \"Mega Cap Leader Rotation Top50 Balanced\", domain: \"us_equity\", runtime_enabled: true },\n      { profile: \"hk_dividend_gold_defensive_rotation\", label: \"HK Dividend-Gold Defensive Rotation\", domain: \"hk_equity\", runtime_enabled: true },\n      { profile: \"hk_global_etf_tactical_rotation\", label: \"HK Global ETF Tactical Rotation\", domain: \"hk_equity\", runtime_enabled: true },\n      { profile: \"hk_low_vol_dividend_quality_snapshot\", label: \"HK Low-Vol Dividend Quality Snapshot\", domain: \"hk_equity\", runtime_enabled: true },\n    ];\n\n    const strategyDomains = [\"us_equity\", \"hk_equity\"];\n    let strategyOptions = [];\n    let strategyLabels = {};\n    let strategyCatalog = {};\n\n    const defaultAccountOptions = {\n      longbridge: [\n        { key: \"hk\", label: \"hk\", target_name: \"hk\", account_selector: \"HK\", default_strategy_profile: \"hk_low_vol_dividend_quality_snapshot\", supported_domains: [\"us_equity\", \"hk_equity\"] },\n        { key: \"sg\", label: \"sg\", target_name: \"sg\", account_selector: \"SG\", default_strategy_profile: \"soxl_soxx_trend_income\", supported_domains: [\"us_equity\", \"hk_equity\"] },\n        { key: \"paper\", label: \"paper\", target_name: \"paper\", account_selector: \"PAPER\", default_strategy_profile: \"mega_cap_leader_rotation_top50_balanced\", supported_domains: [\"us_equity\", \"hk_equity\"] },\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          default_strategy_profile: \"tqqq_growth_income\",\n          supported_domains: [\"us_equity\", \"hk_equity\"],\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          default_strategy_profile: \"soxl_soxx_trend_income\",\n          supported_domains: [\"us_equity\", \"hk_equity\"],\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          default_strategy_profile: \"nasdaq_sp500_smart_dca\",\n          supported_domains: [\"us_equity\", \"hk_equity\"],\n        },\n      ],\n      schwab: [\n        { key: \"default\", label: \"default\", target_name: \"default\", default_strategy_profile: \"soxl_soxx_trend_income\", supported_domains: [\"us_equity\"] },\n      ],\n      firstrade: [\n        { key: \"default\", label: \"default\", target_name: \"default\", default_strategy_profile: \"mega_cap_leader_rotation_top50_balanced\", supported_domains: [\"us_equity\"] },\n      ],\n    };\n\n    const copy = {\n      zh: {\n        appTitle: \"策略切换\",\n        appSubtitle: \"选平台、目标账号和策略，一次执行完成切换。\",\n        bootKicker: \"初始化控制台\",\n        bootTitle: \"读取策略配置\",\n        bootMessage: \"正在读取登录状态、账号配置和当前状态。\",\n        bootStrategy: \"正在读取策略目录。\",\n        bootSession: \"正在验证登录状态。\",\n        bootConfig: \"正在读取账号配置和当前状态。\",\n        bootPublic: \"公开预览已就绪。\",\n        login: \"登录\",\n        logout: \"退出\",\n        signedInAs: \"已登录 {login}\",\n        activePlatform: \"当前平台\",\n        account: \"目标账号\",\n        strategy: \"策略\",\n        mode: \"模式\",\n        live: \"实盘\",\n        paper: \"Dry run\",\n        summary: \"当前配置状态\",\n        copySummary: \"复制状态\",\n        loginToRun: \"登录后切换\",\n        loadingConfig: \"读取配置中\",\n        configureAccounts: \"配置账号后切换\",\n        runSwitch: \"一键切换\",\n        readonlyNote: \"登录后才可执行切换。\",\n        loadingConfigNote: \"正在读取账号配置和当前状态。\",\n        missingConfigNote: \"账号配置未加载，暂时不能执行。\",\n        readyNote: \"点击后会触发 workflow，并同步目标平台服务。\",\n        invalidStrategyNote: \"当前账号没有可执行策略，暂时不能切换。\",\n        noAccount: \"没有账号选项\",\n        noStrategy: \"没有支持的策略\",\n        repository: \"平台仓库\",\n        selectedAccount: \"账号\",\n        selectedMarket: \"市场\",\n        copied: \"已复制状态\",\n        dispatching: \"正在触发 workflow...\",\n        dispatched: \"已触发 workflow\",\n        dispatchFailed: \"触发失败\",\n        targetMeta: \"target {target} · service {service} · 市场 {domains}\",\n        strategyMeta: \"该账号仅显示 {domains} 策略\",\n        usEquity: \"美股\",\n        hkEquity: \"港股\",\n        currentStrategy: \"当前策略\",\n        nextStrategy: \"选择策略\",\n        notRead: \"未读取\",\n      },\n      en: {\n        appTitle: \"Strategy Switch\",\n        appSubtitle: \"Pick platform, target account, and strategy. One action switches everything.\",\n        bootKicker: \"Starting console\",\n        bootTitle: \"Loading strategy config\",\n        bootMessage: \"Reading session, account config, and current state.\",\n        bootStrategy: \"Reading strategy catalog.\",\n        bootSession: \"Checking sign-in status.\",\n        bootConfig: \"Reading account config and current state.\",\n        bootPublic: \"Public preview is ready.\",\n        login: \"Sign in\",\n        logout: \"Sign out\",\n        signedInAs: \"Signed in as {login}\",\n        activePlatform: \"Active Platform\",\n        account: \"Target account\",\n        strategy: \"Strategy\",\n        mode: \"Mode\",\n        live: \"Live\",\n        paper: \"Dry run\",\n        summary: \"Current Config\",\n        copySummary: \"Copy state\",\n        loginToRun: \"Sign in to switch\",\n        loadingConfig: \"Loading config\",\n        configureAccounts: \"Configure accounts\",\n        runSwitch: \"Switch now\",\n        readonlyNote: \"Sign in to switch.\",\n        loadingConfigNote: \"Reading account config and current state.\",\n        missingConfigNote: \"Account config is not loaded, so switching is disabled.\",\n        readyNote: \"This dispatches the workflow and syncs the target platform service.\",\n        invalidStrategyNote: \"This account has no runnable strategy, so switching is disabled.\",\n        noAccount: \"No accounts\",\n        noStrategy: \"No supported strategies\",\n        repository: \"Repository\",\n        selectedAccount: \"Account\",\n        selectedMarket: \"Market\",\n        copied: \"State copied\",\n        dispatching: \"Dispatching workflow...\",\n        dispatched: \"Workflow dispatched\",\n        dispatchFailed: \"Dispatch failed\",\n        targetMeta: \"target {target} · service {service} · market {domains}\",\n        strategyMeta: \"This account only shows {domains} strategies\",\n        usEquity: \"US equity\",\n        hkEquity: \"HK equity\",\n        currentStrategy: \"Current strategy\",\n        nextStrategy: \"Selected strategy\",\n        notRead: \"Not read\",\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      appReady: false,\n      bootMessageKey: \"bootMessage\",\n      auth: { available: false, allowed: false, admin: false, login: null },\n      accountOptions: clone(defaultAccountOptions),\n      currentStrategies: {},\n      configSource: \"default\",\n      forms: {\n        longbridge: { accountKey: \"hk\", strategy: \"hk_low_vol_dividend_quality_snapshot\", executionMode: \"live\" },\n        ibkr: { accountKey: \"u15998061\", strategy: \"tqqq_growth_income\", executionMode: \"live\" },\n        schwab: { accountKey: \"default\", strategy: \"soxl_soxx_trend_income\", executionMode: \"live\" },\n        firstrade: { accountKey: \"default\", strategy: \"mega_cap_leader_rotation_top50_balanced\", 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 cleanStrategyProfile(value) {\n      const profile = String(value || \"\").trim();\n      return /^[a-z0-9._=-]{1,120}$/.test(profile) ? profile : \"\";\n    }\n\n    function cleanStrategyDomain(value) {\n      const domain = String(value || \"\").trim();\n      return strategyDomains.includes(domain) ? domain : \"\";\n    }\n\n    function domainLabel(domain) {\n      if (domain === \"hk_equity\") return t(\"hkEquity\");\n      return t(\"usEquity\");\n    }\n\n    function applyStrategyProfiles(rawProfiles) {\n      const profiles = Array.isArray(rawProfiles) && rawProfiles.length\n        ? rawProfiles\n        : defaultStrategyProfiles;\n      const nextOptions = [];\n      const nextLabels = {};\n      const nextCatalog = {};\n      for (const item of profiles) {\n        const profile = cleanStrategyProfile(item?.profile || item?.strategy_profile);\n        if (!profile || nextOptions.includes(profile)) continue;\n        if (item?.runtime_enabled === false || item?.live_enabled === false) continue;\n        const domain = cleanStrategyDomain(item?.domain || \"us_equity\");\n        if (!domain) continue;\n        nextOptions.push(profile);\n        nextLabels[profile] = String(item?.label || item?.display_name || profile).trim() || profile;\n        nextCatalog[profile] = {\n          profile,\n          label: nextLabels[profile],\n          domain,\n          runtime_enabled: true,\n        };\n      }\n      if (!nextOptions.length && profiles !== defaultStrategyProfiles) return applyStrategyProfiles(defaultStrategyProfiles);\n      strategyOptions = nextOptions;\n      strategyLabels = nextLabels;\n      strategyCatalog = nextCatalog;\n    }\n\n    function supportedDomainsForAccount(platform, account) {\n      if (Array.isArray(account?.supported_domains) && account.supported_domains.length) {\n        const cleaned = account.supported_domains.map(cleanStrategyDomain).filter(Boolean);\n        if (cleaned.length) return [...new Set(cleaned)];\n      }\n      return inferSupportedDomains(platform, account);\n    }\n\n    function inferSupportedDomains(platform, account) {\n      void account;\n      if (platform === \"longbridge\" || platform === \"ibkr\") return [\"us_equity\", \"hk_equity\"];\n      return [\"us_equity\"];\n    }\n\n    function supportedDomainLabel(platform, account) {\n      return supportedDomainsForAccount(platform, account).map(domainLabel).join(\" / \");\n    }\n\n    function strategyAllowedForAccount(platform, account, profile) {\n      const cleanProfile = cleanStrategyProfile(profile);\n      const catalogEntry = strategyCatalog[cleanProfile];\n      if (!catalogEntry || catalogEntry.runtime_enabled !== true) return false;\n      return supportedDomainsForAccount(platform, account).includes(catalogEntry.domain);\n    }\n\n    function strategyChoicesForAccount(platform = state.selected, account = selectedAccount(platform)) {\n      const choices = strategyOptions.filter((profile) => strategyAllowedForAccount(platform, account, profile));\n      const addChoice = (value) => {\n        const profile = cleanStrategyProfile(value);\n        if (profile && !choices.includes(profile) && strategyAllowedForAccount(platform, account, profile)) {\n          choices.push(profile);\n        }\n      };\n      if (account) {\n        addChoice(account.default_strategy_profile || account.strategy_profile);\n        addChoice(currentStrategyForAccount(platform, account));\n      }\n      return choices;\n    }\n\n    function strategyLabel(profile) {\n      return strategyLabels[profile] || profile;\n    }\n\n    function modeLabel(mode) {\n      return mode === \"paper\" ? t(\"paper\") : t(\"live\");\n    }\n\n    function currentEntryForAccount(platform, account) {\n      const byPlatform = state.currentStrategies[platform] || {};\n      const keys = [account?.key, account?.target_name, account?.label]\n        .filter(Boolean)\n        .map((value) => String(value));\n      for (const key of keys) {\n        const entry = byPlatform[key];\n        const profile = cleanStrategyProfile(entry?.strategy_profile);\n        if (profile) return entry;\n      }\n      return null;\n    }\n\n    function currentStrategyForAccount(platform, account) {\n      const entry = currentEntryForAccount(platform, account);\n      const profile = cleanStrategyProfile(entry?.strategy_profile);\n      return profile || \"\";\n    }\n\n    function normalizeExecutionMode(value, dryRunOnly) {\n      const mode = String(value || \"\").trim().toLowerCase();\n      if (mode === \"live\" || mode === \"paper\") return mode;\n      if (dryRunOnly === true || dryRunOnly === \"true\" || dryRunOnly === \"1\" || dryRunOnly === 1) return \"paper\";\n      if (dryRunOnly === false || dryRunOnly === \"false\" || dryRunOnly === \"0\" || dryRunOnly === 0) return \"live\";\n      return \"\";\n    }\n\n    function defaultExecutionModeForAccount(platform, account, fallback = \"live\") {\n      const currentMode = normalizeExecutionMode(\n        currentEntryForAccount(platform, account)?.execution_mode,\n        currentEntryForAccount(platform, account)?.dry_run_only,\n      );\n      if (currentMode) return currentMode;\n      const hint = [\n        account?.key,\n        account?.label,\n        account?.target_name,\n        account?.deployment_selector,\n        account?.account_scope,\n        account?.service_name,\n      ].join(\" \").toLowerCase();\n      if (hint.split(/\\s+/).includes(\"paper\") || hint.includes(\"-paper\") || hint.includes(\"_paper\")) {\n        return \"paper\";\n      }\n      return fallback;\n    }\n\n    function defaultStrategyForAccount(platform, account, fallback = \"tqqq_growth_income\") {\n      const currentProfile = currentStrategyForAccount(platform, account);\n      if (currentProfile && strategyAllowedForAccount(platform, account, currentProfile)) return currentProfile;\n      const profile = cleanStrategyProfile(account?.default_strategy_profile || account?.strategy_profile);\n      if (profile && strategyAllowedForAccount(platform, account, profile)) return profile;\n      const hint = [\n        account?.key,\n        account?.label,\n        account?.target_name,\n        account?.deployment_selector,\n        account?.account_scope,\n        account?.service_name,\n      ].join(\" \").toLowerCase();\n      const hinted = hint.includes(\"smart-dca\") || hint.includes(\"smart_dca\")\n        ? \"nasdaq_sp500_smart_dca\"\n        : (hint.includes(\"soxl\") ? \"soxl_soxx_trend_income\" : (hint.includes(\"tqqq\") ? \"tqqq_growth_income\" : \"\"));\n      if (hinted && strategyAllowedForAccount(platform, account, hinted)) return hinted;\n      if (fallback && strategyAllowedForAccount(platform, account, fallback)) return fallback;\n      return strategyChoicesForAccount(platform, account)[0] || \"\";\n    }\n\n    function syncStrategyForAccount(platform) {\n      const account = selectedAccount(platform);\n      if (!account) return;\n      state.forms[platform].strategy = defaultStrategyForAccount(platform, account, state.forms[platform].strategy);\n      state.forms[platform].executionMode = defaultExecutionModeForAccount(\n        platform,\n        account,\n      );\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        state.forms[platform].strategy = defaultStrategyForAccount(platform, options[0], state.forms[platform].strategy);\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\")\n        .replace(\"{target}\", targetName)\n        .replace(\"{service}\", service)\n        .replace(\"{domains}\", supportedDomainLabel(platform, account));\n    }\n\n    function hasValidStrategySelection(platform = state.selected) {\n      const form = state.forms[platform];\n      const account = selectedAccount(platform);\n      return Boolean(form?.strategy && account && strategyAllowedForAccount(platform, account, form.strategy));\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      const currentProfile = currentStrategyForAccount(state.selected, account);\n      const rows = [\n        [t(\"repository\"), repositories[state.selected]],\n        [t(\"selectedAccount\"), account.label],\n        [t(\"selectedMarket\"), supportedDomainLabel(state.selected, account)],\n        [t(\"nextStrategy\"), strategyLabel(inputs.strategy_profile)],\n      ];\n      if (state.auth.allowed) {\n        rows.splice(2, 0, [t(\"currentStrategy\"), currentProfile ? strategyLabel(currentProfile) : t(\"notRead\")]);\n      }\n      return rows;\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      el(\"lang-button\").textContent = state.lang === \"zh\" ? \"EN\" : \"中\";\n    }\n\n    function renderPlatforms() {\n      const strip = el(\"platform-strip\");\n      strip.replaceChildren();\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        const mark = document.createElement(\"span\");\n        mark.className = \"mark\";\n        mark.textContent = meta.code;\n        const copyNode = document.createElement(\"span\");\n        copyNode.className = \"platform-copy\";\n        const labelNode = document.createElement(\"strong\");\n        labelNode.textContent = meta.label;\n        const accountNode = document.createElement(\"span\");\n        accountNode.textContent = account.label;\n        const strategyNode = document.createElement(\"small\");\n        strategyNode.textContent = strategyLabel(form.strategy);\n        copyNode.append(labelNode, accountNode, strategyNode);\n        button.append(mark, copyNode);\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 account = selectedAccount(platform);\n      const choices = strategyChoicesForAccount(platform, account);\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.replaceChildren();\n      if (accounts.length) {\n        for (const account of accounts) {\n          accountSelect.append(new Option(account.label, account.key, false, account.key === form.accountKey));\n        }\n      } else {\n        accountSelect.append(new Option(t(\"noAccount\"), \"\"));\n      }\n      el(\"account-meta\").textContent = accounts.length ? accountMetaText(platform) : \"\";\n\n      if (choices.length && !choices.includes(form.strategy)) {\n        form.strategy = choices[0];\n      }\n      strategySelect.disabled = !choices.length;\n      strategySelect.replaceChildren();\n      if (choices.length) {\n        for (const strategy of choices) {\n          strategySelect.append(new Option(strategyLabel(strategy), strategy, false, strategy === form.strategy));\n        }\n      } else {\n        strategySelect.append(new Option(t(\"noStrategy\"), \"\"));\n      }\n      el(\"strategy-meta\").textContent = account\n        ? t(\"strategyMeta\").replace(\"{domains}\", supportedDomainLabel(platform, account))\n        : \"\";\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 showSummary = Boolean(state.auth.allowed);\n      const summaryPanel = document.querySelector(\".summary-panel\");\n      const switchSurface = document.querySelector(\".switch-surface\");\n      summaryPanel.hidden = !showSummary;\n      switchSurface.classList.toggle(\"summary-hidden\", !showSummary);\n      if (!showSummary) return;\n\n      const inputs = buildInputs();\n      const list = el(\"summary-list\");\n      list.replaceChildren();\n      document.querySelector(\".summary-head h2\").textContent = t(\"summary\");\n      for (const [label, value] of summaryRows(inputs)) {\n        const row = document.createElement(\"div\");\n        row.className = \"summary-row\";\n        const labelNode = document.createElement(\"dt\");\n        labelNode.textContent = label;\n        const valueNode = document.createElement(\"dd\");\n        valueNode.textContent = value;\n        row.append(labelNode, valueNode);\n        list.appendChild(row);\n      }\n\n      const account = selectedAccount();\n      const currentEntry = currentEntryForAccount(state.selected, account);\n      const currentMode = normalizeExecutionMode(currentEntry?.execution_mode, currentEntry?.dry_run_only);\n      el(\"mode-pill\").textContent = currentMode ? modeLabel(currentMode) : t(\"notRead\");\n    }\n\n    function renderAuth() {\n      const status = el(\"auth-status\");\n      const loginLink = el(\"login-link\");\n      const logoutButton = el(\"logout-button\");\n      const signedIn = Boolean(state.auth.allowed && state.auth.login);\n\n      status.hidden = !signedIn;\n      status.textContent = signedIn ? t(\"signedInAs\").replace(\"{login}\", state.auth.login) : \"\";\n      loginLink.hidden = !state.auth.available || signedIn;\n      loginLink.href = \"/login\";\n      loginLink.textContent = t(\"login\");\n      logoutButton.hidden = !signedIn;\n      logoutButton.textContent = t(\"logout\");\n\n      const dispatch = el(\"dispatch-button\");\n      const hasPrivateAccounts = state.configSource === \"private\";\n      const loadingConfig = state.configSource === \"loading\";\n      const hasValidStrategy = hasValidStrategySelection();\n      dispatch.disabled = !state.auth.allowed || loadingConfig || !hasPrivateAccounts || !hasValidStrategy;\n      dispatch.textContent = state.auth.allowed\n        ? (loadingConfig ? t(\"loadingConfig\") : (hasPrivateAccounts ? t(\"runSwitch\") : t(\"configureAccounts\")))\n        : t(\"loginToRun\");\n      const note = el(\"action-note\");\n      note.textContent = state.auth.allowed\n        ? (loadingConfig\n          ? t(\"loadingConfigNote\")\n          : (hasPrivateAccounts ? (hasValidStrategy ? t(\"readyNote\") : t(\"invalidStrategyNote\")) : t(\"missingConfigNote\")))\n        : t(\"readonlyNote\");\n      note.classList.toggle(\"warning\", state.auth.allowed && !loadingConfig && (!hasPrivateAccounts || !hasValidStrategy));\n    }\n\n    function renderAppVisibility() {\n      document.body.classList.toggle(\"app-loading\", !state.appReady);\n      el(\"boot-message\").textContent = t(state.bootMessageKey);\n    }\n\n    function render() {\n      applyLanguage();\n      renderPlatforms();\n      renderControls();\n      renderSummary();\n      renderAuth();\n      renderAppVisibility();\n    }\n\n    async function refreshSession() {\n      state.bootMessageKey = \"bootSession\";\n      render();\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      if (state.auth.allowed) {\n        await refreshConfig();\n      } else {\n        state.bootMessageKey = \"bootPublic\";\n        state.appReady = true;\n        render();\n      }\n    }\n\n    async function refreshStrategyProfiles() {\n      state.bootMessageKey = \"bootStrategy\";\n      render();\n      try {\n        const response = await fetch(\"/api/strategy-profiles\", { cache: \"no-store\" });\n        if (!response.ok) throw new Error(\"no strategy profiles\");\n        const payload = await response.json();\n        applyStrategyProfiles(payload.strategyProfiles || []);\n        for (const platform of Object.keys(platformMeta)) syncStrategyForAccount(platform);\n        render();\n      } catch {\n        applyStrategyProfiles(defaultStrategyProfiles);\n        for (const platform of Object.keys(platformMeta)) syncStrategyForAccount(platform);\n      }\n    }\n\n    async function refreshConfig() {\n      if (!state.auth.available || !state.auth.allowed) return;\n      state.configSource = \"loading\";\n      state.bootMessageKey = \"bootConfig\";\n      render();\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          applyStrategyProfiles(payload.strategyProfiles || defaultStrategyProfiles);\n          state.accountOptions = normalizeAccountOptions(payload.accountOptions);\n          state.currentStrategies = normalizeCurrentStrategies(payload.currentStrategies || {});\n          state.configSource = \"private\";\n          for (const platform of Object.keys(platformMeta)) {\n            ensureAccountSelection(platform);\n            syncStrategyForAccount(platform);\n          }\n        } else {\n          state.configSource = \"default\";\n          state.currentStrategies = {};\n        }\n      } catch {\n        state.configSource = \"default\";\n        state.currentStrategies = {};\n      } finally {\n        state.appReady = true;\n        render();\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          supported_domains: normalizeSupportedDomains(platform, item),\n          default_strategy_profile: item.default_strategy_profile || item.strategy_profile\n            ? String(item.default_strategy_profile || item.strategy_profile)\n            : \"\",\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    function normalizeSupportedDomains(platform, item) {\n      const raw = Array.isArray(item?.supported_domains)\n        ? item.supported_domains\n        : String(item?.supported_domains || \"\").split(/[\\s,;]+/);\n      const cleaned = raw.map(cleanStrategyDomain).filter(Boolean);\n      if (cleaned.length) return [...new Set(cleaned)];\n      return inferSupportedDomains(platform, item || {});\n    }\n\n    function normalizeCurrentStrategies(raw) {\n      const normalized = {};\n      for (const platform of Object.keys(platformMeta)) {\n        if (!raw[platform] || typeof raw[platform] !== \"object\" || Array.isArray(raw[platform])) continue;\n        normalized[platform] = {};\n        for (const [key, entry] of Object.entries(raw[platform])) {\n          const profile = cleanStrategyProfile(entry?.strategy_profile);\n          if (!profile) continue;\n          normalized[platform][String(key)] = {\n            strategy_profile: profile,\n            execution_mode: normalizeExecutionMode(entry?.execution_mode, entry?.dry_run_only),\n            dry_run_only: entry?.dry_run_only === true || entry?.dry_run_only === \"true\" || entry?.dry_run_only === \"1\",\n            source: entry?.source ? String(entry.source) : \"\",\n          };\n        }\n        if (!Object.keys(normalized[platform]).length) delete normalized[platform];\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 handleLogout() {\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    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      syncStrategyForAccount(state.selected);\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(\"logout-button\").addEventListener(\"click\", handleLogout);\n    el(\"lang-button\").addEventListener(\"click\", () => {\n      state.lang = state.lang === \"zh\" ? \"en\" : \"zh\";\n      localStorage.setItem(\"qsl-switch-lang\", state.lang);\n      render();\n    });\n\n    applyStrategyProfiles(defaultStrategyProfiles);\n    for (const platform of Object.keys(platformMeta)) syncStrategyForAccount(platform);\n    render();\n    boot();\n\n    async function boot() {\n      await refreshStrategyProfiles();\n      await refreshSession();\n    }\n  </script>\n</body>\n</html>\n";
