chendeben
/
autoChatGPTPlus-Paypal


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
							<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>SSO CPA 控制台</title>
  <link rel="stylesheet" href="/static/styles.css" />
</head>
<body>
  <div class="app-shell">
    <aside class="sidebar">
      <div class="brand">
        <div class="brand-mark">AP</div>
        <div>
          <h1>SSO CPA</h1>
          <p>SSO 注册 · CPA OAuth</p>
        </div>
      </div>
      <nav class="side-nav" aria-label="主导航">
        <a href="#overview" class="active">总览</a>
        <a href="#sso">SSO 快捷注册</a>
        <a href="#accounts">账号库</a>
        <a href="#progress">任务进度</a>
      </nav>
      <div class="sidebar-note">
        <span id="state" class="chip neutral">空闲</span>
        <span class="muted">日志在右下角浮窗实时更新</span>
      </div>
    </aside>

    <main class="main">
      <section id="overview" class="hero-panel">
        <div>
          <p class="eyebrow">Automation Console</p>
          <h2>SSO 注册 + CPA Codex OAuth</h2>
          <p class="hero-copy">集中管理 SSO 注册、CPA OAuth 授权、账号库、API 访问与代理策略。界面按操作流拆分，减少误配置。</p>
        </div>
      </section>

      <section id="sso" class="hero-panel">
        <div>
          <p class="eyebrow">SSO Quick Registration</p>
          <h2>SSO 快捷注册 · 直接上传 CPA</h2>
          <p class="hero-copy">使用 aef.claudeai.life 域名通过 Keycloak SSO 批量注册 ChatGPT 账号，注册后直接上传 CPA，跳过付款流程。</p>
        </div>
        <div class="hero-actions">
          <button id="ssoSave" class="button secondary">保存配置</button>
          <button id="ssoGo" class="button primary">开始 SSO 注册</button>
          <button id="ssoStop" class="button ghost" disabled>停止</button>
        </div>
      </section>

      <section id="ssoConfig" class="panel">
        <div class="panel-head">
          <div>
            <p class="eyebrow">SSO Settings</p>
            <h2>SSO 注册参数</h2>
          </div>
          <p class="muted">所有参数独立保存，不影响主流程配置。</p>
        </div>
        <div class="field-grid">
          <label>模板账号数量<input id="sso_account_count" type="number" min="1" value="1" /></label>
          <label>SSO 邮箱域名<input id="sso_mail_domain" placeholder="aef.claudeai.life" /></label>
          <label class="wide">CPA 地址<input id="sso_cpa_url" placeholder="http://your-cpa-host:port" /></label>
          <label class="wide">CPA 管理密钥<input id="sso_cpa_management_key" placeholder="管理 token" /></label>
          <label>浏览器模式<select id="sso_headless"><option value="false" selected>有头（推荐）</option><option value="true">无头</option></select></label>
          <label class="wide">代理地址（留空 = 直连）<input id="sso_proxy_url" placeholder="http://user:pass@host:port" /></label>
        </div>
      </section>

      <section id="progress" class="panel">
        <div class="panel-head">
          <div>
            <p class="eyebrow">Runtime</p>
            <h2>当前阶段</h2>
          </div>
          <div id="stageBox" class="stage-pill">空闲</div>
        </div>
        <div class="table-wrap compact">
          <table id="accTable">
            <thead><tr><th>#</th><th>邮箱</th><th>阶段</th><th>planType</th><th>CPA 文件</th><th>错误</th></tr></thead>
            <tbody></tbody>
          </table>
        </div>
      </section>

      <section id="accounts" class="panel">
        <div class="panel-head">
          <div>
            <p class="eyebrow">Accounts</p>
            <h2>已注册账号库</h2>
          </div>
          <div class="toolbar">
            <button id="refreshAccounts" class="button secondary small">刷新</button>
            <select id="accFilter" class="filter">
              <option value="">全部状态</option>
              <option value="registered">已注册</option>
              <option value="paid">已付款</option>
              <option value="plus">已 Plus</option>
              <option value="cpa_uploaded">已上传 CPA</option>
              <option value="cpa_skipped">CPA 跳过</option>
              <option value="failed">失败</option>
              <option value="trial">试用 / 待付款</option>
              <option value="plus_check_failed">Plus 校验失败</option>
              <option value="cpa_failed">CPA 上传失败</option>
            </select>
          </div>
        </div>
        <div class="account-library-note">
          <strong>轻量运维视图</strong>
          <span>默认只展示判断和处理所需字段，完整原始数据可点“详情”查看。</span>
        </div>
        <div id="accountList" class="account-list" aria-live="polite"></div>
        <div id="dbPager" class="pager"></div>
        <details class="detail-box">
          <summary>查看选中账号详情</summary>
          <pre id="accDetail"></pre>
        </details>
      </section>
    </main>
  </div>

  <div id="errorPopover" class="error-popover" role="tooltip" hidden></div>

  <section id="logDock" class="log-dock collapsed" aria-label="实时日志浮窗">
    <header>
      <div>
        <strong>实时日志</strong>
        <span id="logLineCount">0 行</span>
      </div>
      <div class="log-actions">
        <button id="copyLog" type="button">复制</button>
        <button id="clearLog" type="button">清空</button>
        <button id="toggleLogDock" type="button">展开</button>
      </div>
    </header>
    <pre id="log"></pre>
  </section>

  <script src="/static/app.js"></script>
</body>
</html>