zhangyan
/
mini-prog


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766
							package handlers

import (
	"net/http"

	"cmr-backend/internal/httpx"
	"cmr-backend/internal/service"
)

type DevHandler struct {
	devService *service.DevService
}

func NewDevHandler(devService *service.DevService) *DevHandler {
	return &DevHandler{devService: devService}
}

func (h *DevHandler) BootstrapDemo(w http.ResponseWriter, r *http.Request) {
	result, err := h.devService.BootstrapDemo(r.Context())
	if err != nil {
		httpx.WriteError(w, err)
		return
	}
	httpx.WriteJSON(w, http.StatusOK, map[string]any{"data": result})
}

func (h *DevHandler) Workbench(w http.ResponseWriter, r *http.Request) {
	if !h.devService.Enabled() {
		http.NotFound(w, r)
		return
	}

	w.Header().Set("Content-Type", "text/html; charset=utf-8")
	_, _ = w.Write([]byte(devWorkbenchHTML))
}

const devWorkbenchHTML = `<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>CMR Backend Workbench</title>
  <style>
    :root {
      --bg: #0d1418;
      --panel: #132129;
      --panel-alt: #182b34;
      --text: #e9f1f5;
      --muted: #8ea3ad;
      --line: #29424d;
      --accent: #4fd1a5;
      --accent-2: #ffd166;
      --danger: #ff6b6b;
      --mono: "Consolas", "SFMono-Regular", monospace;
      --sans: "Segoe UI", "PingFang SC", "Noto Sans SC", sans-serif;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      background:
        radial-gradient(circle at top right, rgba(79, 209, 165, 0.12), transparent 24%),
        radial-gradient(circle at bottom left, rgba(255, 209, 102, 0.10), transparent 28%),
        var(--bg);
      color: var(--text);
      font-family: var(--sans);
    }
    .shell {
      max-width: 1400px;
      margin: 0 auto;
      padding: 28px 24px 40px;
    }
    .hero {
      display: grid;
      gap: 8px;
      margin-bottom: 22px;
    }
    .eyebrow {
      color: var(--accent);
      text-transform: uppercase;
      letter-spacing: 0.14em;
      font-size: 12px;
      font-weight: 700;
    }
    h1 {
      margin: 0;
      font-size: 34px;
      line-height: 1.1;
    }
    .hero p {
      margin: 0;
      max-width: 920px;
      color: var(--muted);
      line-height: 1.6;
    }
    .layout {
      display: grid;
      grid-template-columns: 260px minmax(0, 1fr);
      gap: 20px;
      align-items: start;
    }
    .sidebar {
      position: sticky;
      top: 18px;
      display: grid;
      gap: 16px;
    }
    .workspace {
      display: grid;
      gap: 0;
      min-width: 0;
    }
    .side-card {
      background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)), var(--panel);
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 16px;
      display: grid;
      gap: 12px;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
    }
    .side-card h2 {
      margin: 0;
      font-size: 16px;
    }
    .side-card p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.6;
    }
    .mode-list,
    .side-links {
      display: grid;
      gap: 8px;
    }
    .mode-btn,
    .side-link {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      min-height: 40px;
      padding: 0 14px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,0.04);
      color: var(--text);
      font-size: 13px;
      font-weight: 600;
      text-decoration: none;
      cursor: pointer;
    }
    .mode-btn.active {
      background: rgba(79, 209, 165, 0.16);
      border-color: rgba(79, 209, 165, 0.55);
      color: var(--accent);
    }
    .guide-list {
      display: grid;
      gap: 8px;
      margin: 0;
      padding-left: 18px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.6;
    }
    .category-head {
      display: grid;
      gap: 6px;
      margin: 28px 0 14px;
    }
    .category-kicker {
      color: var(--accent);
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }
    .category-head h2 {
      margin: 0;
      font-size: 24px;
      line-height: 1.2;
    }
    .category-head p {
      margin: 0;
      color: var(--muted);
      line-height: 1.6;
      font-size: 13px;
      max-width: 960px;
    }
    .grid {
      display: grid;
      gap: 16px;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
    .stack {
      display: grid;
      gap: 16px;
    }
    .panel {
      background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)), var(--panel);
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 16px;
      display: grid;
      gap: 12px;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
    }
    .panel h2 {
      margin: 0;
      font-size: 18px;
    }
    .panel p {
      margin: 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.5;
    }
    .row {
      display: grid;
      gap: 8px;
    }
    .row.two {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    label {
      display: grid;
      gap: 6px;
      font-size: 12px;
      color: var(--muted);
    }
    input, textarea, select {
      width: 100%;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: var(--panel-alt);
      color: var(--text);
      padding: 10px 12px;
      font: inherit;
    }
    textarea {
      min-height: 90px;
      resize: vertical;
      font-family: var(--mono);
      font-size: 12px;
    }
    button {
      border: 0;
      border-radius: 12px;
      padding: 10px 14px;
      background: var(--accent);
      color: #062419;
      font-weight: 700;
      cursor: pointer;
    }
    button.secondary {
      background: var(--accent-2);
      color: #312200;
    }
    button.ghost {
      background: transparent;
      color: var(--text);
      border: 1px solid var(--line);
    }
    .actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .kv {
      display: grid;
      gap: 6px;
      font-size: 12px;
      color: var(--muted);
    }
    .kv code {
      display: block;
      padding: 8px 10px;
      border-radius: 10px;
      background: rgba(255,255,255,0.04);
      color: var(--text);
      font-family: var(--mono);
      word-break: break-all;
    }
    .log {
      min-height: 220px;
      max-height: 520px;
      overflow: auto;
      white-space: pre-wrap;
      word-break: break-word;
      font-family: var(--mono);
      font-size: 12px;
      line-height: 1.55;
      background: #0a1013;
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 14px;
    }
    .subpanel {
      display: grid;
      gap: 8px;
      padding: 12px;
      border-radius: 14px;
      background: rgba(255,255,255,0.03);
      border: 1px solid rgba(255,255,255,0.05);
    }
    .history {
      display: grid;
      gap: 8px;
      max-height: 280px;
      overflow: auto;
    }
    .history-item {
      padding: 10px 12px;
      border-radius: 12px;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.05);
      font-family: var(--mono);
      font-size: 12px;
      line-height: 1.5;
    }
    .history-item strong {
      color: var(--accent);
    }
    .muted-note {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.5;
    }
    .api-toolbar {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
    }
    .api-toolbar input {
      max-width: 360px;
    }
    .api-catalog {
      display: grid;
      gap: 12px;
    }
    .api-summary {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 4px 0 2px;
    }
    .api-chip {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0 10px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,0.04);
      color: var(--muted);
      font-size: 12px;
      font-weight: 600;
    }
    .api-item {
      display: grid;
      gap: 8px;
      padding: 14px;
      border-radius: 14px;
      background: rgba(255,255,255,0.03);
      border: 1px solid rgba(255,255,255,0.06);
    }
    .api-item.hidden {
      display: none;
    }
    .mode-hidden {
      display: none !important;
    }
    .api-head {
      display: flex;
      flex-wrap: wrap;
      gap: 8px 12px;
      align-items: center;
    }
    .api-method {
      padding: 4px 8px;
      border-radius: 999px;
      background: rgba(79, 209, 165, 0.14);
      color: var(--accent);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 700;
    }
    .api-path {
      font-family: var(--mono);
      font-size: 13px;
      color: var(--text);
      word-break: break-all;
    }
    .api-desc {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.6;
    }
    .api-meta {
      display: grid;
      gap: 6px;
      font-size: 12px;
      color: var(--muted);
    }
    .api-meta strong {
      color: var(--text);
      font-weight: 600;
    }
    .status {
      color: var(--accent);
      font-weight: 700;
    }
    .status.error {
      color: var(--danger);
    }
    @media (max-width: 900px) {
      .layout { grid-template-columns: 1fr; }
      .sidebar { position: static; }
      .row.two { grid-template-columns: 1fr; }
      .shell { padding: 20px 16px 32px; }
    }
  </style>
</head>
<body>
  <div class="shell">
    <div class="hero">
      <div class="eyebrow">Developer Workbench</div>
      <h1>CMR Backend API Flow Panel</h1>
      <p>把入口、登录、首页、活动详情、launch、session、profile 串成一条完整调试链。这个页面只在非 production 环境开放，适合后续继续扩展成你想要的 API 测试面板。</p>
    </div>

    <div class="layout">
      <aside class="sidebar">
        <section class="side-card">
          <h2>工作模式</h2>
          <p>先选你现在要做的事，主区只显示这一类内容。</p>
          <div class="mode-list">
            <button class="mode-btn" data-mode-btn="frontend" type="button">前台联调</button>
            <button class="mode-btn" data-mode-btn="config" type="button">配置发布</button>
            <button class="mode-btn" data-mode-btn="admin" type="button">后台运营</button>
            <button class="mode-btn" data-mode-btn="reference" type="button">接口参考</button>
            <button class="mode-btn" data-mode-btn="all" type="button">全部显示</button>
          </div>
        </section>

        <section class="side-card">
          <h2>区域跳转</h2>
          <div class="side-links">
            <a class="side-link" href="#nav-main" data-nav-target="nav-main" data-nav-mode="frontend">联调主区</a>
            <a class="side-link" href="#nav-fast" data-nav-target="nav-fast" data-nav-mode="frontend">快捷操作</a>
            <a class="side-link" href="#nav-admin" data-nav-target="nav-admin" data-nav-mode="admin">后台运营</a>
            <a class="side-link" href="#nav-tools" data-nav-target="nav-tools">辅助工具</a>
            <a class="side-link" href="#nav-api" data-nav-target="nav-api" data-nav-mode="reference">API 目录 <span id="nav-api-count">(0)</span></a>
          </div>
        </section>

        <section class="side-card">
          <h2>建议顺序</h2>
          <ol class="guide-list">
            <li>前台联调：先跑 demo、登录、入口、launch、session、result。</li>
            <li>配置发布：只看 source、build、publish、rollback。</li>
            <li>后台运营：只在要管理地图、KML、资源包时进入。</li>
          </ol>
        </section>
      </aside>

      <main class="workspace">

    <div class="category-head" id="nav-main" data-modes="frontend config">
      <div class="category-kicker">Main Flow</div>
      <h2>联调主区</h2>
      <p>前台联调和配置发布最常用的入口都在这里。先跑通用户主链，再处理配置与发布。</p>
    </div>
    <div class="grid">
      <section class="panel" data-modes="frontend config admin">
        <h2>准备 Demo 数据</h2>
        <p>初始化 demo tenant / channel / event / card。</p>
        <div class="actions">
          <button id="btn-bootstrap">Bootstrap Demo</button>
          <button class="secondary" id="btn-use-variant-manual-demo">Use Manual Variant Demo</button>
        </div>
        <div class="kv">
          <div>默认入口 <code id="bootstrap-entry">tenant_demo / mini-demo / evt_demo_001</code></div>
          <div>多赛道入口 <code id="bootstrap-variant-entry">tenant_demo / mini-demo / evt_demo_variant_manual_001</code></div>
        </div>
      </section>

      <section class="panel" data-modes="frontend config">
        <h2>本地配置导入与发布</h2>
        <p>从本地 event 目录导入 source config，生成 preview build，并可直接发布成当前 release。</p>
        <div class="row two">
          <label>Local Config File
            <input id="local-config-file" value="classic-sequential.json">
          </label>
          <label>Event ID
            <input id="config-event-id" value="evt_demo_001">
          </label>
        </div>
        <div class="row two">
          <label>Source ID
            <input id="config-source-id" placeholder="import 后自动填充">
          </label>
          <label>Build ID
            <input id="config-build-id" placeholder="preview 后自动填充">
          </label>
        </div>
        <div class="actions">
          <button id="btn-config-files">List Local Files</button>
          <button id="btn-config-import">Import Local</button>
          <button class="secondary" id="btn-config-preview">Build Preview</button>
          <button class="secondary" id="btn-config-publish">Publish Build</button>
          <button class="ghost" id="btn-config-source">Get Source</button>
          <button class="ghost" id="btn-config-build">Get Build</button>
        </div>
      </section>

      <section class="panel" data-modes="common">
        <h2>当前上下文</h2>
        <p>当前调试上下文，所有按钮共享这一组状态。</p>
        <div class="kv">
          <div>Access Token <code id="state-access">-</code></div>
          <div>Refresh Token <code id="state-refresh">-</code></div>
          <div>Source ID <code id="state-source">-</code></div>
          <div>Build ID <code id="state-build">-</code></div>
          <div>Release ID <code id="state-release">-</code></div>
          <div>Session ID <code id="state-session">-</code></div>
          <div>Session Token <code id="state-session-token">-</code></div>
        </div>
        <div class="actions">
          <button class="ghost" id="btn-clear-state">Clear State</button>
        </div>
      </section>

      <section class="panel" data-modes="frontend">
        <h2>短信登录 / 绑定</h2>
        <div class="row two">
          <label>Client Type
            <select id="sms-client-type">
              <option value="app">app</option>
              <option value="wechat">wechat</option>
            </select>
          </label>
          <label>Scene
            <select id="sms-scene">
              <option value="login">login</option>
              <option value="bind_mobile">bind_mobile</option>
            </select>
          </label>
        </div>
        <div class="row two">
          <label>Mobile
            <input id="sms-mobile" value="13800138000">
          </label>
          <label>Device Key
            <input id="sms-device" value="workbench-device-001">
          </label>
        </div>
        <div class="row two">
          <label>Country Code
            <input id="sms-country" value="86">
          </label>
          <label>Code
            <input id="sms-code" placeholder="send 后自动填充 devCode">
          </label>
        </div>
        <div class="actions">
          <button id="btn-send-sms">Send SMS</button>
          <button class="secondary" id="btn-login-sms">Login SMS</button>
          <button class="ghost" id="btn-bind-mobile">Bind Mobile</button>
        </div>
      </section>

      <section class="panel" data-modes="frontend">
        <h2>微信小程序登录</h2>
        <p>开发环境可直接使用 dev-xxx code。</p>
        <div class="row two">
          <label>Code
            <input id="wechat-code" value="dev-workbench-user">
          </label>
          <label>Device Key
            <input id="wechat-device" value="wechat-device-001">
          </label>
        </div>
        <div class="actions">
          <button id="btn-login-wechat">Login WeChat Mini</button>
        </div>
      </section>

      <section class="panel" data-modes="frontend">
        <h2>入口与首页</h2>
        <div class="row two">
          <label>Channel Code
            <input id="entry-channel-code" value="mini-demo">
          </label>
          <label>Channel Type
            <input id="entry-channel-type" value="wechat_mini">
          </label>
        </div>
        <div class="actions">
          <button id="btn-resolve-entry">Resolve Entry</button>
          <button id="btn-home">Home</button>
          <button class="secondary" id="btn-entry-home">My Entry Home</button>
        </div>
      </section>

      <section class="panel" data-modes="frontend">
        <h2>活动与启动</h2>
        <div class="row two">
          <label>Event ID
            <input id="event-id" value="evt_demo_001">
          </label>
          <label>Release ID
            <input id="event-release-id" value="rel_demo_001">
          </label>
        </div>
        <div class="row two">
          <label>Launch Device
            <input id="event-device" value="workbench-device-001">
          </label>
          <label>Variant ID
            <input id="event-variant-id" placeholder="可选，manual 时可传">
          </label>
        </div>
        <div class="actions">
          <button id="btn-event-detail">Event Detail</button>
          <button id="btn-event-play">Event Play</button>
          <button class="secondary" id="btn-launch">Launch</button>
        </div>
      </section>

      <section class="panel" data-modes="frontend">
        <h2>局内状态</h2>
        <div class="row two">
          <label>Session ID
            <input id="session-id" placeholder="launch 后自动填充">
          </label>
          <label>Session Token
            <input id="session-token" placeholder="launch 后自动填充">
          </label>
        </div>
        <div class="row two">
          <label>Finish Status
            <select id="finish-status">
              <option value="finished">finished</option>
              <option value="failed">failed</option>
              <option value="cancelled">cancelled</option>
            </select>
          </label>
          <div></div>
        </div>
        <div class="row two">
          <label>Duration Sec
            <input id="finish-duration" type="number" value="960">
          </label>
          <label>Score
            <input id="finish-score" type="number" value="88">
          </label>
        </div>
        <div class="row two">
          <label>Completed Controls
            <input id="finish-controls-done" type="number" value="7">
          </label>
          <label>Total Controls
            <input id="finish-controls-total" type="number" value="8">
          </label>
        </div>
        <div class="row two">
          <label>Distance Meters
            <input id="finish-distance" type="number" step="0.01" value="5230">
          </label>
          <label>Average Speed KM/H
            <input id="finish-speed" type="number" step="0.001" value="6.45">
          </label>
        </div>
        <div class="row two">
          <label>Max Heart Rate BPM
            <input id="finish-heart-rate" type="number" value="168">
          </label>
          <div></div>
        </div>
        <div class="actions">
          <button id="btn-session-detail">Session Detail</button>
          <button id="btn-session-start">Start Session</button>
          <button class="secondary" id="btn-session-finish">Finish Session</button>
          <button class="ghost" id="btn-my-sessions">My Sessions</button>
        </div>
      </section>

      <section class="panel" data-modes="frontend">
        <h2>结果查询</h2>
        <div class="actions">
          <button id="btn-session-result">Session Result</button>
          <button id="btn-my-results">My Results</button>
        </div>
      </section>

      <section class="panel" data-modes="frontend">
        <h2>当前用户</h2>
        <div class="actions">
          <button id="btn-me">/me</button>
          <button id="btn-profile">/me/profile</button>
        </div>
      </section>
    </div>

    <div class="category-head" id="nav-fast" data-modes="frontend">
      <div class="category-kicker">Fast Path</div>
      <h2>快捷操作</h2>
      <p>当你只是想验证“能不能跑通”，优先使用这一组。</p>
    </div>
    <div class="grid" style="margin-top:16px;" data-modes="frontend">
      <section class="panel" data-modes="frontend">
        <h2>一键流程</h2>
        <p>把常用接口串成一键工作流，减少重复点击。</p>
        <div class="actions">
          <button id="btn-flow-home">Bootstrap + WeChat + Entry Home</button>
          <button class="secondary" id="btn-flow-launch">Login + Launch + Start</button>
          <button class="ghost" id="btn-flow-finish">Finish Current Session</button>
          <button class="ghost" id="btn-flow-result">Finish + Result</button>
        </div>
        <div class="muted-note">这些流程会复用当前表单里的手机号、设备、event、channel 等输入。</div>
      </section>

      <section class="panel" data-modes="common">
        <h2>请求导出</h2>
        <p>最后一次请求会生成一条可复制的 curl，后面做问题复现会方便很多。</p>
        <div class="actions">
          <button id="btn-copy-curl">Copy Last Curl</button>
          <button class="ghost" id="btn-clear-history">Clear History</button>
        </div>
        <div class="subpanel">
          <div class="muted-note">Last Curl</div>
          <div id="curl" class="log" style="min-height:120px; max-height:200px;"></div>
        </div>
      </section>
    </div>

    <div class="category-head" id="nav-admin" data-modes="config admin">
      <div class="category-kicker">Advanced</div>
      <h2>后台运营与发布</h2>
      <p>这一组给资源对象、Event 组装、Build / Publish / Rollback 使用。默认隐藏，只有需要管理配置和资源时再打开。</p>
    </div>
    <div class="grid" style="margin-top:16px;" data-modes="admin">
      <section class="panel" data-modes="admin">
        <h2>资源对象管理</h2>
        <p>管理地图、赛场和资源包对象，先建对象，再建版本，后面 Event source 直接引用这些对象。</p>
        <div class="row two">
          <label>Map Code
            <input id="admin-map-code" value="map-demo-001">
          </label>
          <label>Map Name
            <input id="admin-map-name" value="Demo Park Map">
          </label>
        </div>
        <div class="row two">
          <label>Map ID
            <input id="admin-map-id" placeholder="create/list 后填入">
          </label>
          <label>Map Version ID
            <input id="admin-map-version-id" placeholder="create version 后填入">
          </label>
        </div>
        <div class="row two">
          <label>Map Version Code
            <input id="admin-map-version-code" value="v2026-04-02">
          </label>
          <label>Map Status
            <select id="admin-map-status">
              <option value="active">active</option>
              <option value="draft">draft</option>
              <option value="inactive">inactive</option>
            </select>
          </label>
        </div>
        <div class="row two">
          <label>Mapmeta URL
            <input id="admin-mapmeta-url" value="https://example.com/maps/demo/mapmeta.json">
          </label>
          <label>Tiles Root URL
            <input id="admin-tiles-root-url" value="https://example.com/maps/demo/tiles/">
          </label>
        </div>
        <div class="actions">
          <button id="btn-admin-maps-list">List Maps</button>
          <button id="btn-admin-map-create">Create Map</button>
          <button class="secondary" id="btn-admin-map-version">Create Map Version</button>
          <button class="ghost" id="btn-admin-map-detail">Get Map</button>
        </div>

        <div class="row two">
          <label>Playfield Code
            <input id="admin-playfield-code" value="pf-demo-001">
          </label>
          <label>Playfield Name
            <input id="admin-playfield-name" value="Demo Course">
          </label>
        </div>
        <div class="row two">
          <label>Playfield ID
            <input id="admin-playfield-id" placeholder="create/list 后填入">
          </label>
          <label>Playfield Version ID
            <input id="admin-playfield-version-id" placeholder="create version 后填入">
          </label>
        </div>
        <div class="row two">
          <label>Playfield Kind
            <select id="admin-playfield-kind">
              <option value="course">course</option>
              <option value="score">score</option>
              <option value="custom">custom</option>
            </select>
          </label>
          <label>Playfield Status
            <select id="admin-playfield-status">
              <option value="active">active</option>
              <option value="draft">draft</option>
              <option value="inactive">inactive</option>
            </select>
          </label>
        </div>
        <div class="row two">
          <label>Playfield Version Code
            <input id="admin-playfield-version-code" value="v2026-04-02">
          </label>
          <label>Playfield Source Type
            <input id="admin-playfield-source-type" value="kml">
          </label>
        </div>
        <div class="row two">
          <label>Playfield Source URL
            <input id="admin-playfield-source-url" value="https://example.com/playfields/demo/course.kml">
          </label>
          <label>Control Count
            <input id="admin-playfield-control-count" type="number" value="8">
          </label>
        </div>
        <div class="actions">
          <button id="btn-admin-playfields-list">List Playfields</button>
          <button id="btn-admin-playfield-create">Create Playfield</button>
          <button class="secondary" id="btn-admin-playfield-version">Create Playfield Version</button>
          <button class="ghost" id="btn-admin-playfield-detail">Get Playfield</button>
        </div>

        <div class="row two">
          <label>Pack Code
            <input id="admin-pack-code" value="pack-demo-001">
          </label>
          <label>Pack Name
            <input id="admin-pack-name" value="Demo Resource Pack">
          </label>
        </div>
        <div class="row two">
          <label>Pack ID
            <input id="admin-pack-id" placeholder="create/list 后填入">
          </label>
          <label>Pack Version ID
            <input id="admin-pack-version-id" placeholder="create version 后填入">
          </label>
        </div>
        <div class="row two">
          <label>Pack Version Code
            <input id="admin-pack-version-code" value="v2026-04-02">
          </label>
          <label>Pack Status
            <select id="admin-pack-status">
              <option value="active">active</option>
              <option value="draft">draft</option>
              <option value="inactive">inactive</option>
            </select>
          </label>
        </div>
        <div class="row two">
          <label>Content Entry URL
            <input id="admin-pack-content-url" value="https://example.com/packs/demo/content.html">
          </label>
          <label>Audio Root URL
            <input id="admin-pack-audio-url" value="https://example.com/packs/demo/audio/">
          </label>
        </div>
        <div class="row two">
          <label>Theme Profile Code
            <input id="admin-pack-theme-code" value="theme-demo">
          </label>
          <label>Published Asset Root
            <input id="admin-published-asset-root" value="">
          </label>
        </div>
        <div class="actions">
          <button id="btn-admin-packs-list">List Packs</button>
          <button id="btn-admin-pack-create">Create Pack</button>
          <button class="secondary" id="btn-admin-pack-version">Create Pack Version</button>
          <button class="ghost" id="btn-admin-pack-detail">Get Pack</button>
        </div>
      </section>

      <section class="panel" data-modes="config admin">
        <h2>Event Source 组装</h2>
        <p>创建 Event 并把 map version、playfield version、resource pack version 组装成 source config。</p>
        <div class="row two">
          <label>Tenant Code
            <input id="admin-tenant-code" value="tenant_demo">
          </label>
          <label>Event Status
            <select id="admin-event-status">
              <option value="active">active</option>
              <option value="draft">draft</option>
              <option value="inactive">inactive</option>
            </select>
          </label>
        </div>
        <div class="row two">
          <label>Event ID
            <input id="admin-event-ref-id" value="evt_demo_001">
          </label>
          <label>Event Slug
            <input id="admin-event-slug" value="demo-city-run">
          </label>
        </div>
        <div class="row">
          <label>Event Display Name
            <input id="admin-event-name" value="Demo City Run">
          </label>
        </div>
        <div class="row">
          <label>Event Summary
            <textarea id="admin-event-summary" placeholder="后台第一版 Event 摘要">后台第一版 Event，用于资源对象组装和发布链路验证。</textarea>
          </label>
        </div>
        <div class="row two">
          <label>Game Mode Code
            <input id="admin-game-mode-code" value="classic-sequential">
          </label>
          <label>Route Code
            <input id="admin-route-code" value="route-demo-001">
          </label>
        </div>
        <div class="row">
          <label>Source Notes
            <input id="admin-source-notes" value="workbench assembled source">
          </label>
        </div>
        <div class="row">
          <label>Overrides JSON
            <textarea id="admin-overrides-json" placeholder='例如：{"game":{"presentation":{"showCompass":true}}}'>{}</textarea>
          </label>
        </div>
        <div class="actions">
          <button id="btn-admin-events-list">List Events</button>
          <button id="btn-admin-event-create">Create Event</button>
          <button class="secondary" id="btn-admin-event-update">Update Event</button>
          <button class="ghost" id="btn-admin-event-detail">Get Event</button>
          <button class="ghost" id="btn-admin-event-source">Assemble Source</button>
        </div>
      </section>
    </div>

    <div class="category-head" id="nav-tools" data-modes="common">
      <div class="category-kicker">Tools</div>
      <h2>辅助工具</h2>
      <p>保存场景、查看日志、复制 curl、回看请求历史，都放在这里。</p>
    </div>
    <div class="grid" style="margin-top:16px;">
      <section class="panel" data-modes="config admin">
        <h2>Build / Publish / Rollback</h2>
        <p>围绕当前 Event 查询 source/build/release 流水线，并执行 build、publish、rollback。</p>
        <div class="row two">
          <label>Source ID
            <input id="admin-pipeline-source-id" placeholder="source 组装或导入后自动填充">
          </label>
          <label>Build ID
            <input id="admin-pipeline-build-id" placeholder="build 后自动填充">
          </label>
        </div>
        <div class="row two">
          <label>Release ID
            <input id="admin-pipeline-release-id" value="rel_demo_001">
          </label>
          <label>Rollback Release ID
            <input id="admin-rollback-release-id" placeholder="输入要切回的 releaseId">
          </label>
        </div>
        <div class="actions">
          <button id="btn-admin-pipeline">Get Pipeline</button>
          <button id="btn-admin-build-source">Build Source</button>
          <button class="secondary" id="btn-admin-build-detail">Get Build</button>
          <button class="secondary" id="btn-admin-build-publish">Publish Build</button>
          <button class="ghost" id="btn-admin-rollback">Rollback Release</button>
        </div>
      </section>

      <section class="panel" data-modes="common">
        <h2>场景模板</h2>
        <p>保存当前表单状态为可复用场景，也支持导入导出 JSON，适合后续切换不同俱乐部、入口和 event。</p>
        <div class="row two">
          <label>Scenario Name
            <input id="scenario-name" placeholder="例如：俱乐部A-小程序-Launch流">
          </label>
          <label>Saved / Preset
            <select id="scenario-select"></select>
          </label>
        </div>
        <div class="actions">
          <button id="btn-scenario-save">Save Current</button>
          <button class="secondary" id="btn-scenario-load">Load Selected</button>
          <button class="ghost" id="btn-scenario-delete">Delete Selected</button>
        </div>
        <div class="subpanel">
          <div class="muted-note">Scenario JSON</div>
          <textarea id="scenario-json" placeholder="导出后可复制，导入时贴回这里"></textarea>
          <div class="actions">
            <button id="btn-scenario-export">Export Selected</button>
            <button class="secondary" id="btn-scenario-import">Import JSON</button>
          </div>
        </div>
      </section>

      <section class="panel" data-modes="common">
        <h2>响应日志</h2>
        <p>最后一次请求的结果会记录在这里，便于后续做请求回放和用例保存。</p>
        <div id="status" class="status">ready</div>
        <div id="log" class="log"></div>
      </section>
    </div>

    <div class="grid" style="margin-top:16px;">
      <section class="panel" data-modes="common">
        <h2>请求历史</h2>
        <p>最近 12 次请求会保留在浏览器本地，刷新页面不会丢。</p>
        <div id="history" class="history"></div>
      </section>
    </div>

    <div class="category-head" id="nav-api" data-modes="reference">
      <div class="category-kicker">Reference</div>
      <h2>API 目录 <span id="api-total-count">(0)</span></h2>
      <p>需要查路径、参数、鉴权方式时再展开这一块，不影响主链调试。</p>
    </div>
    <div class="grid" style="margin-top:16px;" data-modes="reference">
      <section class="panel" data-modes="reference">
        <h2>API 目录</h2>
        <p>把当前已实现接口按分组放进 workbench，直接看中文说明、鉴权要求和关键参数，不用来回翻文档。</p>
        <div class="api-toolbar">
          <input id="api-filter" placeholder="搜索路径、用途、参数，例如 launch / wechat / result">
          <div class="muted-note" id="api-filter-meta">共 0 个接口，支持按关键词筛选。</div>
        </div>
        <div id="api-summary" class="api-summary"></div>
        <div id="api-catalog" class="api-catalog">
          <div class="api-item" data-api="healthz 健康检查 服务状态">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/healthz</span></div>
            <div class="api-desc">健康检查接口，用来确认服务是否存活。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>无需鉴权</div></div>
          </div>

          <div class="api-item" data-api="auth sms send 验证码 登录 绑定 手机">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/auth/sms/send</span></div>
            <div class="api-desc">发送短信验证码，支持登录和绑定手机号两种场景。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>无需鉴权</div>
              <div><strong>关键参数：</strong><code>countryCode</code>、<code>mobile</code>、<code>clientType</code>、<code>deviceKey</code>、<code>scene</code></div>
            </div>
          </div>

          <div class="api-item" data-api="auth login sms app 手机号 验证码 登录">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/auth/login/sms</span></div>
            <div class="api-desc">APP 主登录入口，使用手机号验证码登录并返回 access/refresh token。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>无需鉴权</div>
              <div><strong>关键参数：</strong><code>mobile</code>、<code>code</code>、<code>clientType</code>、<code>deviceKey</code></div>
            </div>
          </div>

          <div class="api-item" data-api="auth login wechat mini 微信 小程序 code openid 登录">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/auth/login/wechat-mini</span></div>
            <div class="api-desc">微信小程序登录入口。开发环境支持 <code>dev-</code> 前缀 code 直接模拟登录。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>无需鉴权</div>
              <div><strong>关键参数：</strong><code>code</code>、<code>clientType=wechat</code>、<code>deviceKey</code></div>
            </div>
          </div>

          <div class="api-item" data-api="auth bind mobile 绑定 手机号 合并 账号">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/auth/bind/mobile</span></div>
            <div class="api-desc">已登录用户绑定手机号，必要时把微信轻账号合并到手机号主账号。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>Bearer token</div>
              <div><strong>关键参数：</strong><code>mobile</code>、<code>code</code>、<code>clientType</code>、<code>deviceKey</code></div>
            </div>
          </div>

          <div class="api-item" data-api="auth refresh token 刷新 登录态">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/auth/refresh</span></div>
            <div class="api-desc">使用 refresh token 刷新 access token。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>无需 Bearer token</div>
              <div><strong>关键参数：</strong><code>refreshToken</code>、<code>clientType</code>、<code>deviceKey</code></div>
            </div>
          </div>

          <div class="api-item" data-api="auth logout 登出 撤销 refresh token">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/auth/logout</span></div>
            <div class="api-desc">登出并撤销 refresh token。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>可带 Bearer token</div></div>
          </div>

          <div class="api-item" data-api="entry resolve tenant channel 入口 解析">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/entry/resolve</span></div>
            <div class="api-desc">解析当前入口属于哪个 tenant / channel，是多俱乐部、多公众号接入的入口层基础接口。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>无需鉴权</div>
              <div><strong>查询参数：</strong><code>channelCode</code>、<code>channelType</code>、<code>platformAppId</code>、<code>tenantCode</code></div>
            </div>
          </div>

          <div class="api-item" data-api="home 首页 卡片 列表">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/home</span></div>
            <div class="api-desc">返回入口首页卡片数据。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>无需鉴权</div></div>
          </div>

          <div class="api-item" data-api="cards 卡片 列表">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/cards</span></div>
            <div class="api-desc">只返回卡片列表，适合调试卡片数据本身。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>无需鉴权</div></div>
          </div>

          <div class="api-item" data-api="me entry home 首页 聚合 ongoing recent">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/me/entry-home</span></div>
            <div class="api-desc">首页聚合接口，返回用户、tenant、channel、cards、进行中 session 和最近一局。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="event detail 活动 详情 release resolvedRelease">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/events/{eventPublicID}</span></div>
            <div class="api-desc">活动详情接口，会带当前发布的 release 和 resolvedRelease。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>无需鉴权</div></div>
          </div>

          <div class="api-item" data-api="event play 活动 准备页 聚合 canLaunch continue review variant assignmentMode courseVariants">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/events/{eventPublicID}/play</span></div>
            <div class="api-desc">活动详情页 / 开始前准备页聚合接口，判断是否可启动、继续还是查看上次结果；第一阶段也会返回多赛道 assignmentMode 和 courseVariants。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="event launch 启动 一局 release manifest sessionToken variantId assignmentMode">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/events/{eventPublicID}/launch</span></div>
            <div class="api-desc">基于当前 event 的已发布 release 创建一局 session，并返回 config URL、releaseId、sessionToken；多赛道第一阶段支持可选 variantId，并返回最终绑定的 launch.variant。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>Bearer token</div>
              <div><strong>关键参数：</strong><code>releaseId</code>、<code>variantId</code>、<code>clientType</code>、<code>deviceKey</code></div>
            </div>
          </div>

          <div class="api-item" data-api="config sources event source 配置 列表">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/events/{eventPublicID}/config-sources</span></div>
            <div class="api-desc">查看某个 event 下已经导入过的 source config 列表。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="config source detail 源配置 明细">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/config-sources/{sourceID}</span></div>
            <div class="api-desc">查看单条 source config 明细。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="config build detail 预览 build 明细 manifest assets">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/config-builds/{buildID}</span></div>
            <div class="api-desc">查看单次 build 的 manifest 和 asset index。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="session detail 一局 详情 resolvedRelease">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/sessions/{sessionPublicID}</span></div>
            <div class="api-desc">查询一局详情，带 session 状态、event 和 resolvedRelease。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="session start running 开始 一局 sessionToken">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/sessions/{sessionPublicID}/start</span></div>
            <div class="api-desc">把 session 从 <code>launched</code> 推进到 <code>running</code>。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong><code>sessionToken</code></div>
              <div><strong>关键参数：</strong><code>sessionToken</code></div>
            </div>
          </div>

          <div class="api-item" data-api="session finish 结束 成绩 摘要 result summary sessionToken">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/sessions/{sessionPublicID}/finish</span></div>
            <div class="api-desc">结束一局并沉淀结果摘要，是结果页数据的来源。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong><code>sessionToken</code></div>
              <div><strong>关键参数：</strong><code>sessionToken</code>、<code>status</code>、<code>summary.*</code></div>
            </div>
          </div>

          <div class="api-item" data-api="me sessions 我的 最近 局 列表">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/me/sessions</span></div>
            <div class="api-desc">查询用户最近 session 列表。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="session result 单局 结果 页 成绩">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/sessions/{sessionPublicID}/result</span></div>
            <div class="api-desc">单局结果页接口，返回 session 和 result。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="me results 我的 成绩 结果 列表">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/me/results</span></div>
            <div class="api-desc">查询用户最近结果列表。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="me 当前用户 信息">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/me</span></div>
            <div class="api-desc">返回当前用户基础信息。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="me profile 我的页 聚合 绑定 最近记录">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/me/profile</span></div>
            <div class="api-desc">“我的页”聚合接口，返回绑定概览、绑定项列表和最近记录摘要。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="dev bootstrap demo 初始化 示例 数据">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/dev/bootstrap-demo</span></div>
            <div class="api-desc">开发态自举 demo 数据，会准备 tenant、channel、event、release、card、source、build。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>仅 non-production，无需鉴权</div></div>
          </div>

          <div class="api-item" data-api="dev config local files 本地 配置 文件 列表">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/dev/config/local-files</span></div>
            <div class="api-desc">列出本地配置目录中的 JSON 文件，作为 source config 导入入口。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>仅 non-production，无需鉴权</div></div>
          </div>

          <div class="api-item" data-api="dev import local source config 导入 本地 event json">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/dev/events/{eventPublicID}/config-sources/import-local</span></div>
            <div class="api-desc">从本地 event 目录导入 source config。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>仅 non-production，无需鉴权</div>
              <div><strong>关键参数：</strong><code>fileName</code>、<code>notes</code></div>
            </div>
          </div>

          <div class="api-item" data-api="dev config preview build 预览 manifest asset index">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/dev/config-builds/preview</span></div>
            <div class="api-desc">基于 source config 生成 preview build，并产出 preview manifest。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>仅 non-production，无需鉴权</div>
              <div><strong>关键参数：</strong><code>sourceId</code></div>
            </div>
          </div>

          <div class="api-item" data-api="dev config publish build 发布 release 当前版本">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/dev/config-builds/publish</span></div>
            <div class="api-desc">把成功的 build 发布成正式 release，并自动切换成当前 event 的可启动版本。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>仅 non-production，无需鉴权</div>
              <div><strong>关键参数：</strong><code>buildId</code></div>
            </div>
          </div>

          <div class="api-item" data-api="admin maps 列表 地图 后台 资源">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/admin/maps</span></div>
            <div class="api-desc">后台地图对象列表接口。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="admin maps create 创建 地图 对象 后台 资源">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/admin/maps</span></div>
            <div class="api-desc">创建地图对象，后续再为它追加版本。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>Bearer token</div>
              <div><strong>关键参数：</strong><code>code</code>、<code>name</code>、<code>status</code></div>
            </div>
          </div>

          <div class="api-item" data-api="admin map detail 地图 明细 版本 列表">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/admin/maps/{mapPublicID}</span></div>
            <div class="api-desc">查看单个地图对象和它的版本列表。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="admin map version 创建 地图 版本 mapmeta tiles">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/admin/maps/{mapPublicID}/versions</span></div>
            <div class="api-desc">为地图对象创建一个版本，挂接 mapmeta 和 tiles 根路径。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>Bearer token</div>
              <div><strong>关键参数：</strong><code>versionCode</code>、<code>mapmetaUrl</code>、<code>tilesRootUrl</code>、<code>setAsCurrent</code></div>
            </div>
          </div>

          <div class="api-item" data-api="admin playfields 列表 赛场 kml 后台 资源">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/admin/playfields</span></div>
            <div class="api-desc">后台赛场对象列表接口。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="admin playfields create 创建 赛场 对象 kml">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/admin/playfields</span></div>
            <div class="api-desc">创建赛场对象，适合管理 KML / GeoJSON 这类可复用场地资源。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>Bearer token</div>
              <div><strong>关键参数：</strong><code>code</code>、<code>name</code>、<code>kind</code>、<code>status</code></div>
            </div>
          </div>

          <div class="api-item" data-api="admin playfield detail 赛场 明细 版本 列表">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/admin/playfields/{playfieldPublicID}</span></div>
            <div class="api-desc">查看单个赛场对象和它的版本列表。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="admin playfield version 创建 赛场 版本 kml sourceUrl">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/admin/playfields/{playfieldPublicID}/versions</span></div>
            <div class="api-desc">为赛场对象创建一个版本，挂接 KML 等源文件地址和控制点摘要。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>Bearer token</div>
              <div><strong>关键参数：</strong><code>versionCode</code>、<code>sourceType</code>、<code>sourceUrl</code>、<code>controlCount</code>、<code>setAsCurrent</code></div>
            </div>
          </div>

          <div class="api-item" data-api="admin resource packs 列表 资源包 后台">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/admin/resource-packs</span></div>
            <div class="api-desc">后台资源包对象列表接口。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="admin resource packs create 创建 资源包">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/admin/resource-packs</span></div>
            <div class="api-desc">创建资源包对象，用来管理内容页、音频和主题资源。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>Bearer token</div>
              <div><strong>关键参数：</strong><code>code</code>、<code>name</code>、<code>status</code></div>
            </div>
          </div>

          <div class="api-item" data-api="admin resource pack detail 资源包 明细 版本">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/admin/resource-packs/{resourcePackPublicID}</span></div>
            <div class="api-desc">查看单个资源包对象和它的版本列表。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="admin resource pack version 创建 资源包 版本 content audio theme">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/admin/resource-packs/{resourcePackPublicID}/versions</span></div>
            <div class="api-desc">为资源包对象创建版本，配置内容入口、音频根路径和主题代码。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>Bearer token</div>
              <div><strong>关键参数：</strong><code>versionCode</code>、<code>contentEntryUrl</code>、<code>audioRootUrl</code>、<code>themeProfileCode</code>、<code>setAsCurrent</code></div>
            </div>
          </div>

          <div class="api-item" data-api="admin events 列表 后台 event">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/admin/events</span></div>
            <div class="api-desc">后台 event 列表接口。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="admin events create 创建 event">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/admin/events</span></div>
            <div class="api-desc">创建 event 基础信息。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>Bearer token</div>
              <div><strong>关键参数：</strong><code>tenantCode</code>、<code>slug</code>、<code>displayName</code>、<code>status</code></div>
            </div>
          </div>

          <div class="api-item" data-api="admin event detail 后台 event 明细 latest source">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/admin/events/{eventPublicID}</span></div>
            <div class="api-desc">查看 event 明细、最新 source 和当前 source 摘要。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="admin event update 更新 event 基础信息">
            <div class="api-head"><span class="api-method">PUT</span><span class="api-path">/admin/events/{eventPublicID}</span></div>
            <div class="api-desc">更新 event 基础信息。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>Bearer token</div>
              <div><strong>关键参数：</strong><code>tenantCode</code>、<code>slug</code>、<code>displayName</code>、<code>status</code></div>
            </div>
          </div>

          <div class="api-item" data-api="admin event source 组装 map playfield resource pack game mode">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/admin/events/{eventPublicID}/source</span></div>
            <div class="api-desc">把 map/playfield/resource pack 版本和 gameModeCode 组装成 source config。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>Bearer token</div>
              <div><strong>关键参数：</strong><code>map.mapId</code>、<code>map.versionId</code>、<code>playfield.playfieldId</code>、<code>playfield.versionId</code>、<code>gameModeCode</code>、<code>overrides</code></div>
            </div>
          </div>

          <div class="api-item" data-api="admin event pipeline 流水线 source build release">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/admin/events/{eventPublicID}/pipeline</span></div>
            <div class="api-desc">查看 event 下的 source、build、release 流水线概览。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="admin source build 后台 build source">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/admin/sources/{sourceID}/build</span></div>
            <div class="api-desc">基于 source 生成一条 build 记录和 preview manifest。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="admin build detail 后台 build 明细">
            <div class="api-head"><span class="api-method">GET</span><span class="api-path">/admin/builds/{buildID}</span></div>
            <div class="api-desc">查看后台 build 明细。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="admin build publish 后台 发布 release">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/admin/builds/{buildID}/publish</span></div>
            <div class="api-desc">把后台 build 发布为正式 release，并切换为 event 当前发布版本。</div>
            <div class="api-meta"><div><strong>鉴权：</strong>Bearer token</div></div>
          </div>

          <div class="api-item" data-api="admin event rollback 回滚 发布版本">
            <div class="api-head"><span class="api-method">POST</span><span class="api-path">/admin/events/{eventPublicID}/rollback</span></div>
            <div class="api-desc">将 event 当前发布版本回滚到指定 releaseId。</div>
            <div class="api-meta">
              <div><strong>鉴权：</strong>Bearer token</div>
              <div><strong>关键参数：</strong><code>releaseId</code></div>
            </div>
          </div>
        </div>
      </section>
    </div>
      </main>
    </div>
  </div>

  <script>
    const STORAGE_KEY = 'cmr-backend-workbench-state-v1';
    const HISTORY_KEY = 'cmr-backend-workbench-history-v1';
    const SCENARIO_KEY = 'cmr-backend-workbench-scenarios-v1';
    const MODE_KEY = 'cmr-backend-workbench-mode-v1';
    const state = {
      accessToken: '',
      refreshToken: '',
      sourceId: '',
      buildId: '',
      releaseId: '',
      sessionId: '',
      sessionToken: '',
      lastCurl: ''
    };

    const $ = (id) => document.getElementById(id);
    const logEl = $('log');
    const curlEl = $('curl');
    const historyEl = $('history');
    const statusEl = $('status');
    const modeNodes = Array.from(document.querySelectorAll('[data-modes]'));
    const modeButtons = Array.from(document.querySelectorAll('[data-mode-btn]'));
    const navLinks = Array.from(document.querySelectorAll('[data-nav-target]'));
    const builtInScenarios = [
      {
        id: 'preset-demo-wechat',
        builtin: true,
        name: 'Preset: Demo WeChat Flow',
        fields: {
          smsClientType: 'wechat',
          smsScene: 'login',
          smsMobile: '13800138000',
          smsDevice: 'workbench-device-001',
          smsCountry: '86',
          smsCode: '',
          wechatCode: 'dev-workbench-user',
          wechatDevice: 'wechat-device-001',
          entryChannelCode: 'mini-demo',
          entryChannelType: 'wechat_mini',
          eventId: 'evt_demo_001',
          eventReleaseId: 'rel_demo_001',
          eventVariantId: '',
          eventDevice: 'wechat-device-001',
          finishStatus: 'finished',
          finishDuration: '960',
          finishScore: '88',
          finishControlsDone: '7',
          finishControlsTotal: '8',
          finishDistance: '5230',
          finishSpeed: '6.45',
          finishHeartRate: '168',
          adminMapCode: 'map-demo-001',
          adminMapName: 'Demo Park Map',
          adminMapVersionCode: 'v2026-04-02',
          adminMapStatus: 'active',
          adminMapmetaUrl: 'https://example.com/maps/demo/mapmeta.json',
          adminTilesRootUrl: 'https://example.com/maps/demo/tiles/',
          adminPlayfieldCode: 'pf-demo-001',
          adminPlayfieldName: 'Demo Course',
          adminPlayfieldKind: 'course',
          adminPlayfieldStatus: 'active',
          adminPlayfieldVersionCode: 'v2026-04-02',
          adminPlayfieldSourceType: 'kml',
          adminPlayfieldSourceUrl: 'https://example.com/playfields/demo/course.kml',
          adminPlayfieldControlCount: '8',
          adminPackCode: 'pack-demo-001',
          adminPackName: 'Demo Resource Pack',
          adminPackVersionCode: 'v2026-04-02',
          adminPackStatus: 'active',
          adminPackContentUrl: 'https://example.com/packs/demo/content.html',
          adminPackAudioUrl: 'https://example.com/packs/demo/audio/',
          adminPackThemeCode: 'theme-demo',
          adminPublishedAssetRoot: '',
          adminTenantCode: 'tenant_demo',
          adminEventStatus: 'active',
          adminEventRefId: 'evt_demo_001',
          adminEventSlug: 'demo-city-run',
          adminEventName: 'Demo City Run',
          adminEventSummary: '后台第一版 Event，用于资源对象组装和发布链路验证。',
          adminGameModeCode: 'classic-sequential',
          adminRouteCode: 'route-demo-001',
          adminSourceNotes: 'workbench assembled source',
          adminOverridesJSON: '{}',
          adminPipelineSourceId: '',
          adminPipelineBuildId: '',
          adminPipelineReleaseId: '',
          adminRollbackReleaseId: ''
        }
      },
      {
        id: 'preset-demo-app-launch',
        builtin: true,
        name: 'Preset: Demo App Launch Flow',
        fields: {
          smsClientType: 'app',
          smsScene: 'login',
          smsMobile: '13800138000',
          smsDevice: 'workbench-device-001',
          smsCountry: '86',
          smsCode: '',
          wechatCode: 'dev-workbench-user',
          wechatDevice: 'wechat-device-001',
          entryChannelCode: 'mini-demo',
          entryChannelType: 'wechat_mini',
          eventId: 'evt_demo_001',
          eventReleaseId: 'rel_demo_001',
          eventVariantId: '',
          eventDevice: 'workbench-device-001',
          finishStatus: 'finished',
          finishDuration: '960',
          finishScore: '88',
          finishControlsDone: '7',
          finishControlsTotal: '8',
          finishDistance: '5230',
          finishSpeed: '6.45',
          finishHeartRate: '168',
          adminMapCode: 'map-demo-001',
          adminMapName: 'Demo Park Map',
          adminMapVersionCode: 'v2026-04-02',
          adminMapStatus: 'active',
          adminMapmetaUrl: 'https://example.com/maps/demo/mapmeta.json',
          adminTilesRootUrl: 'https://example.com/maps/demo/tiles/',
          adminPlayfieldCode: 'pf-demo-001',
          adminPlayfieldName: 'Demo Course',
          adminPlayfieldKind: 'course',
          adminPlayfieldStatus: 'active',
          adminPlayfieldVersionCode: 'v2026-04-02',
          adminPlayfieldSourceType: 'kml',
          adminPlayfieldSourceUrl: 'https://example.com/playfields/demo/course.kml',
          adminPlayfieldControlCount: '8',
          adminPackCode: 'pack-demo-001',
          adminPackName: 'Demo Resource Pack',
          adminPackVersionCode: 'v2026-04-02',
          adminPackStatus: 'active',
          adminPackContentUrl: 'https://example.com/packs/demo/content.html',
          adminPackAudioUrl: 'https://example.com/packs/demo/audio/',
          adminPackThemeCode: 'theme-demo',
          adminPublishedAssetRoot: '',
          adminTenantCode: 'tenant_demo',
          adminEventStatus: 'active',
          adminEventRefId: 'evt_demo_001',
          adminEventSlug: 'demo-city-run',
          adminEventName: 'Demo City Run',
          adminEventSummary: '后台第一版 Event，用于资源对象组装和发布链路验证。',
          adminGameModeCode: 'classic-sequential',
          adminRouteCode: 'route-demo-001',
          adminSourceNotes: 'workbench assembled source',
          adminOverridesJSON: '{}',
          adminPipelineSourceId: '',
          adminPipelineBuildId: '',
          adminPipelineReleaseId: '',
          adminRollbackReleaseId: ''
        }
      }
    ];

    function syncState() {
      $('state-access').textContent = state.accessToken || '-';
      $('state-refresh').textContent = state.refreshToken || '-';
      $('state-source').textContent = state.sourceId || '-';
      $('state-build').textContent = state.buildId || '-';
      $('state-release').textContent = state.releaseId || '-';
      $('state-session').textContent = state.sessionId || '-';
      $('state-session-token').textContent = state.sessionToken || '-';
      $('config-source-id').value = state.sourceId || '';
      $('config-build-id').value = state.buildId || '';
      $('admin-pipeline-source-id').value = state.sourceId || '';
      $('admin-pipeline-build-id').value = state.buildId || '';
      $('event-release-id').value = state.releaseId || $('event-release-id').value;
      $('admin-pipeline-release-id').value = state.releaseId || $('admin-pipeline-release-id').value;
      $('session-id').value = state.sessionId || '';
      $('session-token').value = state.sessionToken || '';
      curlEl.textContent = state.lastCurl || '-';
      persistState();
    }

    function setStatus(text, isError = false) {
      statusEl.textContent = text;
      statusEl.className = isError ? 'status error' : 'status';
    }

    function getWorkbenchMode() {
      return localStorage.getItem(MODE_KEY) || 'frontend';
    }

    function syncWorkbenchMode() {
      const mode = getWorkbenchMode();
      modeNodes.forEach(function(node) {
        const supported = String(node.dataset.modes || '').split(/\s+/).filter(Boolean);
        const visible = mode === 'all' || supported.includes(mode) || supported.includes('common');
        node.classList.toggle('mode-hidden', !visible);
      });
      modeButtons.forEach(function(button) {
        button.classList.toggle('active', button.dataset.modeBtn === mode);
      });
    }

    function writeLog(title, payload) {
      logEl.textContent = '[' + new Date().toLocaleString() + '] ' + title + '\n' + JSON.stringify(payload, null, 2);
    }

    function persistState() {
      const payload = {
        state,
        fields: collectFields()
      };
      localStorage.setItem(STORAGE_KEY, JSON.stringify(payload));
    }

    function collectFields() {
      return {
        smsClientType: $('sms-client-type').value,
        smsScene: $('sms-scene').value,
        smsMobile: $('sms-mobile').value,
        smsDevice: $('sms-device').value,
        smsCountry: $('sms-country').value,
        smsCode: $('sms-code').value,
        wechatCode: $('wechat-code').value,
        wechatDevice: $('wechat-device').value,
        localConfigFile: $('local-config-file').value,
        configEventId: $('config-event-id').value,
        entryChannelCode: $('entry-channel-code').value,
        entryChannelType: $('entry-channel-type').value,
        eventId: $('event-id').value,
        eventReleaseId: $('event-release-id').value,
        eventVariantId: $('event-variant-id').value,
        eventDevice: $('event-device').value,
        finishStatus: $('finish-status').value,
        finishDuration: $('finish-duration').value,
        finishScore: $('finish-score').value,
        finishControlsDone: $('finish-controls-done').value,
        finishControlsTotal: $('finish-controls-total').value,
        finishDistance: $('finish-distance').value,
        finishSpeed: $('finish-speed').value,
        finishHeartRate: $('finish-heart-rate').value,
        adminMapCode: $('admin-map-code').value,
        adminMapName: $('admin-map-name').value,
        adminMapId: $('admin-map-id').value,
        adminMapVersionId: $('admin-map-version-id').value,
        adminMapVersionCode: $('admin-map-version-code').value,
        adminMapStatus: $('admin-map-status').value,
        adminMapmetaUrl: $('admin-mapmeta-url').value,
        adminTilesRootUrl: $('admin-tiles-root-url').value,
        adminPlayfieldCode: $('admin-playfield-code').value,
        adminPlayfieldName: $('admin-playfield-name').value,
        adminPlayfieldId: $('admin-playfield-id').value,
        adminPlayfieldVersionId: $('admin-playfield-version-id').value,
        adminPlayfieldKind: $('admin-playfield-kind').value,
        adminPlayfieldStatus: $('admin-playfield-status').value,
        adminPlayfieldVersionCode: $('admin-playfield-version-code').value,
        adminPlayfieldSourceType: $('admin-playfield-source-type').value,
        adminPlayfieldSourceUrl: $('admin-playfield-source-url').value,
        adminPlayfieldControlCount: $('admin-playfield-control-count').value,
        adminPackCode: $('admin-pack-code').value,
        adminPackName: $('admin-pack-name').value,
        adminPackId: $('admin-pack-id').value,
        adminPackVersionId: $('admin-pack-version-id').value,
        adminPackVersionCode: $('admin-pack-version-code').value,
        adminPackStatus: $('admin-pack-status').value,
        adminPackContentUrl: $('admin-pack-content-url').value,
        adminPackAudioUrl: $('admin-pack-audio-url').value,
        adminPackThemeCode: $('admin-pack-theme-code').value,
        adminPublishedAssetRoot: $('admin-published-asset-root').value,
        adminTenantCode: $('admin-tenant-code').value,
        adminEventStatus: $('admin-event-status').value,
        adminEventRefId: $('admin-event-ref-id').value,
        adminEventSlug: $('admin-event-slug').value,
        adminEventName: $('admin-event-name').value,
        adminEventSummary: $('admin-event-summary').value,
        adminGameModeCode: $('admin-game-mode-code').value,
        adminRouteCode: $('admin-route-code').value,
        adminSourceNotes: $('admin-source-notes').value,
        adminOverridesJSON: $('admin-overrides-json').value,
        adminPipelineSourceId: $('admin-pipeline-source-id').value,
        adminPipelineBuildId: $('admin-pipeline-build-id').value,
        adminPipelineReleaseId: $('admin-pipeline-release-id').value,
        adminRollbackReleaseId: $('admin-rollback-release-id').value
      };
    }

    function restoreState() {
      const raw = localStorage.getItem(STORAGE_KEY);
      if (!raw) {
        return;
      }
      try {
        const payload = JSON.parse(raw);
        if (payload.state) {
          state.accessToken = payload.state.accessToken || '';
          state.refreshToken = payload.state.refreshToken || '';
          state.sourceId = payload.state.sourceId || '';
          state.buildId = payload.state.buildId || '';
          state.releaseId = payload.state.releaseId || '';
          state.sessionId = payload.state.sessionId || '';
          state.sessionToken = payload.state.sessionToken || '';
          state.lastCurl = payload.state.lastCurl || '';
        }
        applyFields(payload.fields || {});
      } catch (_) {}
    }

    function applyFields(fields) {
      $('sms-client-type').value = fields.smsClientType || $('sms-client-type').value;
      $('sms-scene').value = fields.smsScene || $('sms-scene').value;
      $('sms-mobile').value = fields.smsMobile || $('sms-mobile').value;
      $('sms-device').value = fields.smsDevice || $('sms-device').value;
      $('sms-country').value = fields.smsCountry || $('sms-country').value;
      $('sms-code').value = fields.smsCode || '';
      $('wechat-code').value = fields.wechatCode || $('wechat-code').value;
      $('wechat-device').value = fields.wechatDevice || $('wechat-device').value;
      $('local-config-file').value = fields.localConfigFile || $('local-config-file').value;
      $('config-event-id').value = fields.configEventId || $('config-event-id').value;
      $('entry-channel-code').value = fields.entryChannelCode || $('entry-channel-code').value;
      $('entry-channel-type').value = fields.entryChannelType || $('entry-channel-type').value;
      $('event-id').value = fields.eventId || $('event-id').value;
      $('event-release-id').value = fields.eventReleaseId || $('event-release-id').value;
      $('event-variant-id').value = fields.eventVariantId || $('event-variant-id').value;
      $('event-device').value = fields.eventDevice || $('event-device').value;
      $('finish-status').value = fields.finishStatus || $('finish-status').value;
      $('finish-duration').value = fields.finishDuration || $('finish-duration').value;
      $('finish-score').value = fields.finishScore || $('finish-score').value;
      $('finish-controls-done').value = fields.finishControlsDone || $('finish-controls-done').value;
      $('finish-controls-total').value = fields.finishControlsTotal || $('finish-controls-total').value;
      $('finish-distance').value = fields.finishDistance || $('finish-distance').value;
      $('finish-speed').value = fields.finishSpeed || $('finish-speed').value;
      $('finish-heart-rate').value = fields.finishHeartRate || $('finish-heart-rate').value;
      $('admin-map-code').value = fields.adminMapCode || $('admin-map-code').value;
      $('admin-map-name').value = fields.adminMapName || $('admin-map-name').value;
      $('admin-map-id').value = fields.adminMapId || $('admin-map-id').value;
      $('admin-map-version-id').value = fields.adminMapVersionId || $('admin-map-version-id').value;
      $('admin-map-version-code').value = fields.adminMapVersionCode || $('admin-map-version-code').value;
      $('admin-map-status').value = fields.adminMapStatus || $('admin-map-status').value;
      $('admin-mapmeta-url').value = fields.adminMapmetaUrl || $('admin-mapmeta-url').value;
      $('admin-tiles-root-url').value = fields.adminTilesRootUrl || $('admin-tiles-root-url').value;
      $('admin-playfield-code').value = fields.adminPlayfieldCode || $('admin-playfield-code').value;
      $('admin-playfield-name').value = fields.adminPlayfieldName || $('admin-playfield-name').value;
      $('admin-playfield-id').value = fields.adminPlayfieldId || $('admin-playfield-id').value;
      $('admin-playfield-version-id').value = fields.adminPlayfieldVersionId || $('admin-playfield-version-id').value;
      $('admin-playfield-kind').value = fields.adminPlayfieldKind || $('admin-playfield-kind').value;
      $('admin-playfield-status').value = fields.adminPlayfieldStatus || $('admin-playfield-status').value;
      $('admin-playfield-version-code').value = fields.adminPlayfieldVersionCode || $('admin-playfield-version-code').value;
      $('admin-playfield-source-type').value = fields.adminPlayfieldSourceType || $('admin-playfield-source-type').value;
      $('admin-playfield-source-url').value = fields.adminPlayfieldSourceUrl || $('admin-playfield-source-url').value;
      $('admin-playfield-control-count').value = fields.adminPlayfieldControlCount || $('admin-playfield-control-count').value;
      $('admin-pack-code').value = fields.adminPackCode || $('admin-pack-code').value;
      $('admin-pack-name').value = fields.adminPackName || $('admin-pack-name').value;
      $('admin-pack-id').value = fields.adminPackId || $('admin-pack-id').value;
      $('admin-pack-version-id').value = fields.adminPackVersionId || $('admin-pack-version-id').value;
      $('admin-pack-version-code').value = fields.adminPackVersionCode || $('admin-pack-version-code').value;
      $('admin-pack-status').value = fields.adminPackStatus || $('admin-pack-status').value;
      $('admin-pack-content-url').value = fields.adminPackContentUrl || $('admin-pack-content-url').value;
      $('admin-pack-audio-url').value = fields.adminPackAudioUrl || $('admin-pack-audio-url').value;
      $('admin-pack-theme-code').value = fields.adminPackThemeCode || $('admin-pack-theme-code').value;
      $('admin-published-asset-root').value = fields.adminPublishedAssetRoot || $('admin-published-asset-root').value;
      $('admin-tenant-code').value = fields.adminTenantCode || $('admin-tenant-code').value;
      $('admin-event-status').value = fields.adminEventStatus || $('admin-event-status').value;
      $('admin-event-ref-id').value = fields.adminEventRefId || $('admin-event-ref-id').value;
      $('admin-event-slug').value = fields.adminEventSlug || $('admin-event-slug').value;
      $('admin-event-name').value = fields.adminEventName || $('admin-event-name').value;
      $('admin-event-summary').value = fields.adminEventSummary || $('admin-event-summary').value;
      $('admin-game-mode-code').value = fields.adminGameModeCode || $('admin-game-mode-code').value;
      $('admin-route-code').value = fields.adminRouteCode || $('admin-route-code').value;
      $('admin-source-notes').value = fields.adminSourceNotes || $('admin-source-notes').value;
      $('admin-overrides-json').value = fields.adminOverridesJSON || $('admin-overrides-json').value;
      $('admin-pipeline-source-id').value = fields.adminPipelineSourceId || $('admin-pipeline-source-id').value;
      $('admin-pipeline-build-id').value = fields.adminPipelineBuildId || $('admin-pipeline-build-id').value;
      $('admin-pipeline-release-id').value = fields.adminPipelineReleaseId || $('admin-pipeline-release-id').value;
      $('admin-rollback-release-id').value = fields.adminRollbackReleaseId || $('admin-rollback-release-id').value;
    }

    function parseIntOrNull(value) {
      if (value === '' || value === null || value === undefined) {
        return null;
      }
      const parsed = parseInt(value, 10);
      return Number.isNaN(parsed) ? null : parsed;
    }

    function parseFloatOrNull(value) {
      if (value === '' || value === null || value === undefined) {
        return null;
      }
      const parsed = parseFloat(value);
      return Number.isNaN(parsed) ? null : parsed;
    }

    function trimmedOrUndefined(value) {
      if (value === null || value === undefined) {
        return undefined;
      }
      const trimmed = String(value).trim();
      return trimmed === '' ? undefined : trimmed;
    }

    function parseJSONObjectOrUndefined(value, label) {
      const trimmed = trimmedOrUndefined(value);
      if (trimmed === undefined) {
        return undefined;
      }
      try {
        return JSON.parse(trimmed);
      } catch (_) {
        throw new Error(label + ' must be valid JSON');
      }
    }

    function buildFinishSummary() {
      const summary = {
        finalDurationSec: parseIntOrNull($('finish-duration').value),
        finalScore: parseIntOrNull($('finish-score').value),
        completedControls: parseIntOrNull($('finish-controls-done').value),
        totalControls: parseIntOrNull($('finish-controls-total').value),
        distanceMeters: parseFloatOrNull($('finish-distance').value),
        averageSpeedKmh: parseFloatOrNull($('finish-speed').value),
        maxHeartRateBpm: parseIntOrNull($('finish-heart-rate').value)
      };
      Object.keys(summary).forEach(function(key) {
        if (summary[key] === null) {
          delete summary[key];
        }
      });
      return summary;
    }

    function buildCurl(method, url, body, headers) {
      let curl = 'curl -X ' + method + ' "' + window.location.origin + url + '"';
      Object.entries(headers || {}).forEach(function(entry) {
        curl += ' -H "' + entry[0] + ': ' + String(entry[1]).replace(/"/g, '\\"') + '"';
      });
      if (body !== undefined) {
        curl += " --data-raw '" + JSON.stringify(body).replace(/'/g, "'\"'\"'") + "'";
      }
      return curl;
    }

    function getHistory() {
      const raw = localStorage.getItem(HISTORY_KEY);
      if (!raw) {
        return [];
      }
      try {
        const list = JSON.parse(raw);
        return Array.isArray(list) ? list : [];
      } catch (_) {
        return [];
      }
    }

    function pushHistory(item) {
      const next = [item].concat(getHistory()).slice(0, 12);
      localStorage.setItem(HISTORY_KEY, JSON.stringify(next));
      renderHistory();
    }

    function renderHistory() {
      const history = getHistory();
      historyEl.innerHTML = '';
      if (!history.length) {
        historyEl.innerHTML = '<div class="muted-note">No requests yet.</div>';
        return;
      }
      history.forEach(function(item) {
        const node = document.createElement('div');
        node.className = 'history-item';
        node.innerHTML =
          '<strong>' + item.title + '</strong><br>' +
          item.time + '<br>' +
          'status=' + item.status + '<br>' +
          'url=' + item.url;
        historyEl.appendChild(node);
      });
    }

    function applyAPIFilter() {
      const keyword = $('api-filter').value.trim().toLowerCase();
      document.querySelectorAll('.api-item').forEach(function(node) {
        const haystack = String(node.dataset.api || '').toLowerCase();
        if (!keyword || haystack.indexOf(keyword) >= 0) {
          node.classList.remove('hidden');
        } else {
          node.classList.add('hidden');
        }
      });
      syncAPICounts();
    }

    function categorizeApiPath(path) {
      if (path === '/healthz') {
        return 'Health';
      }
      if (path.indexOf('/auth/') === 0) {
        return 'Auth';
      }
      if (path.indexOf('/entry/') === 0 || path === '/home' || path === '/cards' || path === '/me/entry-home') {
        return 'Entry/Home';
      }
      if (path.indexOf('/events/') === 0 || path.indexOf('/config-sources/') === 0 || path.indexOf('/config-builds/') === 0) {
        return 'Event';
      }
      if (path.indexOf('/sessions/') === 0 || path === '/me/sessions') {
        return 'Session';
      }
      if (path === '/me/results') {
        return 'Result';
      }
      if (path === '/me' || path === '/me/profile') {
        return 'Profile';
      }
      if (path.indexOf('/dev/') === 0) {
        return 'Dev';
      }
      if (path.indexOf('/admin/') === 0) {
        return 'Admin';
      }
      return 'Other';
    }

    function syncAPICounts() {
      const items = Array.from(document.querySelectorAll('.api-item'));
      const total = items.length;
      const visibleItems = items.filter(function(node) {
        return !node.classList.contains('hidden');
      });
      $('nav-api-count').textContent = '(' + total + ')';
      $('api-total-count').textContent = '(' + total + ')';
      $('api-filter-meta').textContent = '当前 ' + visibleItems.length + ' / 总计 ' + total + ' 个接口，支持按关键词筛选。';

      const order = ['Health', 'Auth', 'Entry/Home', 'Event', 'Session', 'Result', 'Profile', 'Dev', 'Admin'];
      const counts = {};
      order.forEach(function(key) { counts[key] = 0; });
      items.forEach(function(node) {
        const pathEl = node.querySelector('.api-path');
        const path = pathEl ? pathEl.textContent.trim() : '';
        const category = categorizeApiPath(path);
        counts[category] = (counts[category] || 0) + 1;
      });

      $('api-summary').innerHTML = order.map(function(key) {
        const value = counts[key] || 0;
        return '<span class=\"api-chip\">' + key + ' ' + value + '</span>';
      }).join('');
    }

    function getSavedScenarios() {
      const raw = localStorage.getItem(SCENARIO_KEY);
      if (!raw) {
        return [];
      }
      try {
        const list = JSON.parse(raw);
        return Array.isArray(list) ? list : [];
      } catch (_) {
        return [];
      }
    }

    function setSavedScenarios(items) {
      localStorage.setItem(SCENARIO_KEY, JSON.stringify(items));
      renderScenarioOptions();
    }

    function allScenarios() {
      return builtInScenarios.concat(getSavedScenarios());
    }

    function renderScenarioOptions() {
      const select = $('scenario-select');
      const scenarios = allScenarios();
      select.innerHTML = '';
      if (!scenarios.length) {
        select.innerHTML = '<option value="">No scenarios</option>';
        return;
      }
      scenarios.forEach(function(item) {
        const option = document.createElement('option');
        option.value = item.id;
        option.textContent = item.name + (item.builtin ? ' [preset]' : '');
        select.appendChild(option);
      });
    }

    function findScenario(id) {
      return allScenarios().find(function(item) {
        return item.id === id;
      }) || null;
    }

    function saveCurrentScenario() {
      const name = $('scenario-name').value.trim();
      if (!name) {
        setStatus('error: scenario name required', true);
        return;
      }
      const saved = getSavedScenarios();
      const scenario = {
        id: 'custom-' + Date.now(),
        builtin: false,
        name: name,
        fields: collectFields()
      };
      saved.unshift(scenario);
      setSavedScenarios(saved.slice(0, 20));
      $('scenario-select').value = scenario.id;
      $('scenario-json').value = JSON.stringify(scenario, null, 2);
      setStatus('ok: scenario saved');
    }

    function loadSelectedScenario() {
      const scenario = findScenario($('scenario-select').value);
      if (!scenario) {
        setStatus('error: scenario not found', true);
        return;
      }
      applyFields(scenario.fields || {});
      $('scenario-name').value = scenario.name || '';
      $('scenario-json').value = JSON.stringify(scenario, null, 2);
      persistState();
      setStatus('ok: scenario loaded');
    }

    function deleteSelectedScenario() {
      const id = $('scenario-select').value;
      const scenario = findScenario(id);
      if (!scenario || scenario.builtin) {
        setStatus('error: builtin scenario cannot be deleted', true);
        return;
      }
      const next = getSavedScenarios().filter(function(item) {
        return item.id !== id;
      });
      setSavedScenarios(next);
      $('scenario-json').value = '';
      setStatus('ok: scenario deleted');
    }

    function exportSelectedScenario() {
      const scenario = findScenario($('scenario-select').value);
      if (!scenario) {
        setStatus('error: scenario not found', true);
        return;
      }
      $('scenario-json').value = JSON.stringify(scenario, null, 2);
      setStatus('ok: scenario exported');
    }

    function importScenarioFromJSON() {
      const raw = $('scenario-json').value.trim();
      if (!raw) {
        setStatus('error: scenario json is empty', true);
        return;
      }
      try {
        const scenario = JSON.parse(raw);
        if (!scenario.name || !scenario.fields) {
          throw new Error('scenario must include name and fields');
        }
        const saved = getSavedScenarios();
        saved.unshift({
          id: 'custom-' + Date.now(),
          builtin: false,
          name: String(scenario.name),
          fields: scenario.fields
        });
        setSavedScenarios(saved.slice(0, 20));
        setStatus('ok: scenario imported');
      } catch (err) {
        setStatus('error: invalid scenario json', true);
      }
    }

    async function request(method, url, body, needAuth = false) {
      const headers = {};
      if (body !== undefined) {
        headers['Content-Type'] = 'application/json';
      }
      if (needAuth) {
        headers['Authorization'] = 'Bearer ' + state.accessToken;
      }
      state.lastCurl = buildCurl(method, url, body, headers);
      syncState();
      const resp = await fetch(url, {
        method,
        headers,
        body: body === undefined ? undefined : JSON.stringify(body)
      });
      const data = await resp.json().catch(() => ({}));
      if (!resp.ok) {
        throw { status: resp.status, body: data, url: url, method: method };
      }
      return data;
    }

    async function run(title, fn) {
      setStatus('running: ' + title);
      try {
        const result = await fn();
        setStatus('ok: ' + title);
        writeLog(title, result);
        pushHistory({
          title: title,
          time: new Date().toLocaleString(),
          status: 'ok',
          url: state.lastCurl
        });
        syncState();
      } catch (err) {
        setStatus('error: ' + title, true);
        writeLog(title, err);
        pushHistory({
          title: title,
          time: new Date().toLocaleString(),
          status: 'error',
          url: state.lastCurl
        });
      }
    }

    $('btn-clear-state').onclick = () => {
      state.accessToken = '';
      state.refreshToken = '';
      state.sourceId = '';
      state.buildId = '';
      state.releaseId = '';
      state.sessionId = '';
      state.sessionToken = '';
      state.lastCurl = '';
      syncState();
      writeLog('clear-state', { ok: true });
      setStatus('ready');
    };

    modeButtons.forEach(function(button) {
      button.onclick = () => {
        localStorage.setItem(MODE_KEY, button.dataset.modeBtn);
        syncWorkbenchMode();
        writeLog('workbench-mode', { mode: button.dataset.modeBtn });
        setStatus('ok: mode -> ' + button.dataset.modeBtn);
      };
    });

    navLinks.forEach(function(link) {
      link.onclick = function(event) {
        event.preventDefault();
        const targetId = link.dataset.navTarget;
        const targetMode = link.dataset.navMode;
        if (targetMode) {
          localStorage.setItem(MODE_KEY, targetMode);
          syncWorkbenchMode();
        }
        const targetEl = document.getElementById(targetId);
        if (targetEl) {
          targetEl.scrollIntoView({ behavior: 'smooth', block: 'start' });
          writeLog('workbench-nav', { target: targetId, mode: targetMode || getWorkbenchMode() });
          setStatus('ok: nav -> ' + targetId);
        }
      };
    });

    $('btn-config-files').onclick = () => run('config/local-files', () =>
      request('GET', '/dev/config/local-files')
    );

    $('btn-config-import').onclick = () => run('config/import-local', async () => {
      const result = await request('POST', '/dev/events/' + encodeURIComponent($('config-event-id').value) + '/config-sources/import-local', {
        fileName: $('local-config-file').value
      });
      state.sourceId = result.data.id;
      return result;
    });

    $('btn-config-preview').onclick = () => run('config/build-preview', async () => {
      const result = await request('POST', '/dev/config-builds/preview', {
        sourceId: $('config-source-id').value
      });
      state.buildId = result.data.id;
      return result;
    });

    $('btn-config-publish').onclick = () => run('config/publish-build', async () => {
      const result = await request('POST', '/dev/config-builds/publish', {
        buildId: $('config-build-id').value
      });
      state.releaseId = result.data.release.releaseId;
      $('event-release-id').value = result.data.release.releaseId;
      return result;
    });

    $('btn-config-source').onclick = () => run('config/get-source', () =>
      request('GET', '/config-sources/' + encodeURIComponent($('config-source-id').value), undefined, true)
    );

    $('btn-config-build').onclick = () => run('config/get-build', () =>
      request('GET', '/config-builds/' + encodeURIComponent($('config-build-id').value), undefined, true)
    );

    $('btn-send-sms').onclick = () => run('auth/sms/send', async () => {
      const result = await request('POST', '/auth/sms/send', {
        countryCode: $('sms-country').value,
        mobile: $('sms-mobile').value,
        clientType: $('sms-client-type').value,
        deviceKey: $('sms-device').value,
        scene: $('sms-scene').value
      });
      if (result.data && result.data.devCode) {
        $('sms-code').value = result.data.devCode;
      }
      return result;
    });

    $('btn-login-sms').onclick = () => run('auth/login/sms', async () => {
      const result = await request('POST', '/auth/login/sms', {
        countryCode: $('sms-country').value,
        mobile: $('sms-mobile').value,
        code: $('sms-code').value,
        clientType: $('sms-client-type').value,
        deviceKey: $('sms-device').value
      });
      state.accessToken = result.data.tokens.accessToken;
      state.refreshToken = result.data.tokens.refreshToken;
      return result;
    });

    $('btn-bind-mobile').onclick = () => run('auth/bind/mobile', async () => {
      const result = await request('POST', '/auth/bind/mobile', {
        countryCode: $('sms-country').value,
        mobile: $('sms-mobile').value,
        code: $('sms-code').value,
        clientType: $('sms-client-type').value,
        deviceKey: $('sms-device').value
      }, true);
      state.accessToken = result.data.tokens.accessToken;
      state.refreshToken = result.data.tokens.refreshToken;
      return result;
    });

    $('btn-login-wechat').onclick = () => run('auth/login/wechat-mini', async () => {
      const result = await request('POST', '/auth/login/wechat-mini', {
        code: $('wechat-code').value,
        clientType: 'wechat',
        deviceKey: $('wechat-device').value
      });
      state.accessToken = result.data.tokens.accessToken;
      state.refreshToken = result.data.tokens.refreshToken;
      return result;
    });

    $('btn-resolve-entry').onclick = () => run('entry/resolve', () =>
      request('GET', '/entry/resolve?channelCode=' + encodeURIComponent($('entry-channel-code').value) + '&channelType=' + encodeURIComponent($('entry-channel-type').value))
    );

    $('btn-home').onclick = () => run('home', () =>
      request('GET', '/home?channelCode=' + encodeURIComponent($('entry-channel-code').value) + '&channelType=' + encodeURIComponent($('entry-channel-type').value))
    );

    $('btn-entry-home').onclick = () => run('me/entry-home', () =>
      request('GET', '/me/entry-home?channelCode=' + encodeURIComponent($('entry-channel-code').value) + '&channelType=' + encodeURIComponent($('entry-channel-type').value), undefined, true)
    );

    $('btn-event-detail').onclick = () => run('event-detail', () =>
      request('GET', '/events/' + encodeURIComponent($('event-id').value))
    );

    $('btn-event-play').onclick = () => run('event-play', () =>
      request('GET', '/events/' + encodeURIComponent($('event-id').value) + '/play', undefined, true)
    );

    $('btn-launch').onclick = () => run('event-launch', async () => {
      const result = await request('POST', '/events/' + encodeURIComponent($('event-id').value) + '/launch', {
        releaseId: $('event-release-id').value,
        variantId: trimmedOrUndefined($('event-variant-id').value),
        clientType: $('sms-client-type').value,
        deviceKey: $('event-device').value
      }, true);
      state.sessionId = result.data.launch.business.sessionId;
      state.sessionToken = result.data.launch.business.sessionToken;
      return result;
    });

    $('btn-session-detail').onclick = () => run('session-detail', () =>
      request('GET', '/sessions/' + encodeURIComponent($('session-id').value), undefined, true)
    );

    $('btn-session-start').onclick = () => run('session-start', () =>
      request('POST', '/sessions/' + encodeURIComponent($('session-id').value) + '/start', {
        sessionToken: $('session-token').value
      })
    );

    $('btn-session-finish').onclick = () => run('session-finish', () =>
      request('POST', '/sessions/' + encodeURIComponent($('session-id').value) + '/finish', {
        sessionToken: $('session-token').value,
        status: $('finish-status').value,
        summary: buildFinishSummary()
      })
    );

    $('btn-my-sessions').onclick = () => run('me/sessions', () =>
      request('GET', '/me/sessions?limit=10', undefined, true)
    );

    $('btn-session-result').onclick = () => run('session-result', () =>
      request('GET', '/sessions/' + encodeURIComponent($('session-id').value) + '/result', undefined, true)
    );

    $('btn-my-results').onclick = () => run('me/results', () =>
      request('GET', '/me/results?limit=10', undefined, true)
    );

    $('btn-me').onclick = () => run('me', () =>
      request('GET', '/me', undefined, true)
    );

    $('btn-profile').onclick = () => run('me/profile', () =>
      request('GET', '/me/profile', undefined, true)
    );

    $('btn-admin-maps-list').onclick = () => run('admin/maps/list', async () => {
      const result = await request('GET', '/admin/maps?limit=20', undefined, true);
      const first = result.data && result.data[0];
      if (first) {
        $('admin-map-id').value = first.id || $('admin-map-id').value;
        $('admin-map-version-id').value = first.currentVersionId || $('admin-map-version-id').value;
      }
      persistState();
      return result;
    });

    $('btn-admin-map-create').onclick = () => run('admin/maps/create', async () => {
      const result = await request('POST', '/admin/maps', {
        code: $('admin-map-code').value,
        name: $('admin-map-name').value,
        status: $('admin-map-status').value
      }, true);
      $('admin-map-id').value = result.data.id || $('admin-map-id').value;
      persistState();
      return result;
    });

    $('btn-admin-map-version').onclick = () => run('admin/maps/version', async () => {
      const result = await request('POST', '/admin/maps/' + encodeURIComponent($('admin-map-id').value) + '/versions', {
        versionCode: $('admin-map-version-code').value,
        status: $('admin-map-status').value,
        mapmetaUrl: $('admin-mapmeta-url').value,
        tilesRootUrl: $('admin-tiles-root-url').value,
        publishedAssetRoot: trimmedOrUndefined($('admin-published-asset-root').value),
        setAsCurrent: true
      }, true);
      $('admin-map-version-id').value = result.data.id || $('admin-map-version-id').value;
      persistState();
      return result;
    });

    $('btn-admin-map-detail').onclick = () => run('admin/maps/detail', async () => {
      const result = await request('GET', '/admin/maps/' + encodeURIComponent($('admin-map-id').value), undefined, true);
      if (result.data && result.data.map) {
        $('admin-map-id').value = result.data.map.id || $('admin-map-id').value;
        $('admin-map-version-id').value = result.data.map.currentVersionId || $('admin-map-version-id').value;
      }
      persistState();
      return result;
    });

    $('btn-admin-playfields-list').onclick = () => run('admin/playfields/list', async () => {
      const result = await request('GET', '/admin/playfields?limit=20', undefined, true);
      const first = result.data && result.data[0];
      if (first) {
        $('admin-playfield-id').value = first.id || $('admin-playfield-id').value;
        $('admin-playfield-version-id').value = first.currentVersionId || $('admin-playfield-version-id').value;
      }
      persistState();
      return result;
    });

    $('btn-admin-playfield-create').onclick = () => run('admin/playfields/create', async () => {
      const result = await request('POST', '/admin/playfields', {
        code: $('admin-playfield-code').value,
        name: $('admin-playfield-name').value,
        kind: $('admin-playfield-kind').value,
        status: $('admin-playfield-status').value
      }, true);
      $('admin-playfield-id').value = result.data.id || $('admin-playfield-id').value;
      persistState();
      return result;
    });

    $('btn-admin-playfield-version').onclick = () => run('admin/playfields/version', async () => {
      const result = await request('POST', '/admin/playfields/' + encodeURIComponent($('admin-playfield-id').value) + '/versions', {
        versionCode: $('admin-playfield-version-code').value,
        status: $('admin-playfield-status').value,
        sourceType: $('admin-playfield-source-type').value,
        sourceUrl: $('admin-playfield-source-url').value,
        publishedAssetRoot: trimmedOrUndefined($('admin-published-asset-root').value),
        controlCount: parseIntOrNull($('admin-playfield-control-count').value),
        setAsCurrent: true
      }, true);
      $('admin-playfield-version-id').value = result.data.id || $('admin-playfield-version-id').value;
      persistState();
      return result;
    });

    $('btn-admin-playfield-detail').onclick = () => run('admin/playfields/detail', async () => {
      const result = await request('GET', '/admin/playfields/' + encodeURIComponent($('admin-playfield-id').value), undefined, true);
      if (result.data && result.data.playfield) {
        $('admin-playfield-id').value = result.data.playfield.id || $('admin-playfield-id').value;
        $('admin-playfield-version-id').value = result.data.playfield.currentVersionId || $('admin-playfield-version-id').value;
      }
      persistState();
      return result;
    });

    $('btn-admin-packs-list').onclick = () => run('admin/resource-packs/list', async () => {
      const result = await request('GET', '/admin/resource-packs?limit=20', undefined, true);
      const first = result.data && result.data[0];
      if (first) {
        $('admin-pack-id').value = first.id || $('admin-pack-id').value;
        $('admin-pack-version-id').value = first.currentVersionId || $('admin-pack-version-id').value;
      }
      persistState();
      return result;
    });

    $('btn-admin-pack-create').onclick = () => run('admin/resource-packs/create', async () => {
      const result = await request('POST', '/admin/resource-packs', {
        code: $('admin-pack-code').value,
        name: $('admin-pack-name').value,
        status: $('admin-pack-status').value
      }, true);
      $('admin-pack-id').value = result.data.id || $('admin-pack-id').value;
      persistState();
      return result;
    });

    $('btn-admin-pack-version').onclick = () => run('admin/resource-packs/version', async () => {
      const result = await request('POST', '/admin/resource-packs/' + encodeURIComponent($('admin-pack-id').value) + '/versions', {
        versionCode: $('admin-pack-version-code').value,
        status: $('admin-pack-status').value,
        contentEntryUrl: trimmedOrUndefined($('admin-pack-content-url').value),
        audioRootUrl: trimmedOrUndefined($('admin-pack-audio-url').value),
        themeProfileCode: trimmedOrUndefined($('admin-pack-theme-code').value),
        publishedAssetRoot: trimmedOrUndefined($('admin-published-asset-root').value),
        setAsCurrent: true
      }, true);
      $('admin-pack-version-id').value = result.data.id || $('admin-pack-version-id').value;
      persistState();
      return result;
    });

    $('btn-admin-pack-detail').onclick = () => run('admin/resource-packs/detail', async () => {
      const result = await request('GET', '/admin/resource-packs/' + encodeURIComponent($('admin-pack-id').value), undefined, true);
      if (result.data && result.data.resourcePack) {
        $('admin-pack-id').value = result.data.resourcePack.id || $('admin-pack-id').value;
        $('admin-pack-version-id').value = result.data.resourcePack.currentVersionId || $('admin-pack-version-id').value;
      }
      persistState();
      return result;
    });

    $('btn-admin-events-list').onclick = () => run('admin/events/list', async () => {
      const result = await request('GET', '/admin/events?limit=20', undefined, true);
      const first = result.data && result.data[0];
      if (first) {
        $('admin-event-ref-id').value = first.id || $('admin-event-ref-id').value;
        $('event-id').value = first.id || $('event-id').value;
      }
      persistState();
      return result;
    });

    $('btn-admin-event-create').onclick = () => run('admin/events/create', async () => {
      const result = await request('POST', '/admin/events', {
        tenantCode: trimmedOrUndefined($('admin-tenant-code').value),
        slug: $('admin-event-slug').value,
        displayName: $('admin-event-name').value,
        summary: trimmedOrUndefined($('admin-event-summary').value),
        status: $('admin-event-status').value
      }, true);
      $('admin-event-ref-id').value = result.data.id || $('admin-event-ref-id').value;
      $('event-id').value = result.data.id || $('event-id').value;
      persistState();
      return result;
    });

    $('btn-admin-event-update').onclick = () => run('admin/events/update', () =>
      request('PUT', '/admin/events/' + encodeURIComponent($('admin-event-ref-id').value), {
        tenantCode: trimmedOrUndefined($('admin-tenant-code').value),
        slug: $('admin-event-slug').value,
        displayName: $('admin-event-name').value,
        summary: trimmedOrUndefined($('admin-event-summary').value),
        status: $('admin-event-status').value
      }, true)
    );

    $('btn-admin-event-detail').onclick = () => run('admin/events/detail', async () => {
      const result = await request('GET', '/admin/events/' + encodeURIComponent($('admin-event-ref-id').value), undefined, true);
      if (result.data && result.data.event) {
        $('admin-event-ref-id').value = result.data.event.id || $('admin-event-ref-id').value;
        $('event-id').value = result.data.event.id || $('event-id').value;
        if (result.data.event.currentRelease && result.data.event.currentRelease.id) {
          state.releaseId = result.data.event.currentRelease.id;
        }
        if (result.data.latestSource && result.data.latestSource.id) {
          state.sourceId = result.data.latestSource.id;
        }
      }
      syncState();
      return result;
    });

    $('btn-admin-event-source').onclick = () => run('admin/events/source', async () => {
      const result = await request('POST', '/admin/events/' + encodeURIComponent($('admin-event-ref-id').value) + '/source', {
        map: {
          mapId: $('admin-map-id').value,
          versionId: $('admin-map-version-id').value
        },
        playfield: {
          playfieldId: $('admin-playfield-id').value,
          versionId: $('admin-playfield-version-id').value
        },
        resourcePack: $('admin-pack-id').value && $('admin-pack-version-id').value ? {
          resourcePackId: $('admin-pack-id').value,
          versionId: $('admin-pack-version-id').value
        } : undefined,
        gameModeCode: $('admin-game-mode-code').value,
        routeCode: trimmedOrUndefined($('admin-route-code').value),
        overrides: parseJSONObjectOrUndefined($('admin-overrides-json').value, 'Overrides JSON'),
        notes: trimmedOrUndefined($('admin-source-notes').value)
      }, true);
      state.sourceId = result.data.id || state.sourceId;
      syncState();
      return result;
    });

    $('btn-admin-pipeline').onclick = () => run('admin/events/pipeline', async () => {
      const result = await request('GET', '/admin/events/' + encodeURIComponent($('admin-event-ref-id').value) + '/pipeline?limit=20', undefined, true);
      if (result.data) {
        if (result.data.currentRelease && result.data.currentRelease.id) {
          state.releaseId = result.data.currentRelease.id;
        }
        if (result.data.sources && result.data.sources[0] && result.data.sources[0].id) {
          state.sourceId = result.data.sources[0].id;
        }
        if (result.data.builds && result.data.builds[0] && result.data.builds[0].id) {
          state.buildId = result.data.builds[0].id;
        }
      }
      syncState();
      return result;
    });

    $('btn-admin-build-source').onclick = () => run('admin/sources/build', async () => {
      const result = await request('POST', '/admin/sources/' + encodeURIComponent($('admin-pipeline-source-id').value || state.sourceId) + '/build', undefined, true);
      state.buildId = result.data.id || state.buildId;
      state.sourceId = result.data.sourceId || state.sourceId;
      syncState();
      return result;
    });

    $('btn-admin-build-detail').onclick = () => run('admin/builds/detail', async () => {
      const result = await request('GET', '/admin/builds/' + encodeURIComponent($('admin-pipeline-build-id').value || state.buildId), undefined, true);
      state.buildId = result.data.id || state.buildId;
      state.sourceId = result.data.sourceId || state.sourceId;
      syncState();
      return result;
    });

    $('btn-admin-build-publish').onclick = () => run('admin/builds/publish', async () => {
      const result = await request('POST', '/admin/builds/' + encodeURIComponent($('admin-pipeline-build-id').value || state.buildId) + '/publish', undefined, true);
      state.releaseId = result.data.release.releaseId || state.releaseId;
      syncState();
      return result;
    });

    $('btn-admin-rollback').onclick = () => run('admin/events/rollback', async () => {
      const result = await request('POST', '/admin/events/' + encodeURIComponent($('admin-event-ref-id').value) + '/rollback', {
        releaseId: $('admin-rollback-release-id').value
      }, true);
      state.releaseId = result.data.id || state.releaseId;
      syncState();
      return result;
    });

    $('btn-copy-curl').onclick = async () => {
      if (!state.lastCurl) {
        setStatus('error: no curl to copy', true);
        return;
      }
      try {
        await navigator.clipboard.writeText(state.lastCurl);
        setStatus('ok: curl copied');
      } catch (_) {
        setStatus('error: clipboard unavailable', true);
      }
    };

    $('btn-clear-history').onclick = () => {
      localStorage.removeItem(HISTORY_KEY);
      renderHistory();
      setStatus('ok: history cleared');
    };

    $('btn-scenario-save').onclick = saveCurrentScenario;
    $('btn-scenario-load').onclick = loadSelectedScenario;
    $('btn-scenario-delete').onclick = deleteSelectedScenario;
    $('btn-scenario-export').onclick = exportSelectedScenario;
    $('btn-scenario-import').onclick = importScenarioFromJSON;

    $('btn-flow-home').onclick = () => run('flow-home', async () => {
      await request('POST', '/dev/bootstrap-demo');
      const login = await request('POST', '/auth/login/wechat-mini', {
        code: $('wechat-code').value,
        clientType: 'wechat',
        deviceKey: $('wechat-device').value
      });
      state.accessToken = login.data.tokens.accessToken;
      state.refreshToken = login.data.tokens.refreshToken;
      return await request('GET', '/me/entry-home?channelCode=' + encodeURIComponent($('entry-channel-code').value) + '&channelType=' + encodeURIComponent($('entry-channel-type').value), undefined, true);
    });

    $('btn-bootstrap').onclick = () => run('bootstrap-demo', async () => {
      const result = await request('POST', '/dev/bootstrap-demo');
      state.sourceId = result.data.sourceId || '';
      state.buildId = result.data.buildId || '';
      state.releaseId = result.data.releaseId || state.releaseId || '';
      if (result.data.releaseId) {
        $('event-release-id').value = result.data.releaseId;
      }
      return result;
    });

    $('btn-use-variant-manual-demo').onclick = () => run('use-variant-manual-demo', async () => {
      const result = await request('POST', '/dev/bootstrap-demo');
      $('entry-channel-code').value = 'mini-demo';
      $('entry-channel-type').value = 'wechat_mini';
      $('event-id').value = result.data.variantManualEventId || 'evt_demo_variant_manual_001';
      $('event-release-id').value = result.data.variantManualReleaseId || 'rel_demo_variant_manual_001';
      $('event-variant-id').value = 'variant_b';
      localStorage.setItem(MODE_KEY, 'frontend');
      syncWorkbenchMode();
      writeLog('variant-manual-demo-ready', {
        eventId: $('event-id').value,
        releaseId: $('event-release-id').value,
        variantId: $('event-variant-id').value
      });
      setStatus('ok: manual variant demo loaded');
      return result;
    });

    $('btn-flow-launch').onclick = () => run('flow-launch', async () => {
      await request('POST', '/dev/bootstrap-demo');
      const smsSend = await request('POST', '/auth/sms/send', {
        countryCode: $('sms-country').value,
        mobile: $('sms-mobile').value,
        clientType: $('sms-client-type').value,
        deviceKey: $('sms-device').value,
        scene: 'login'
      });
      if (smsSend.data && smsSend.data.devCode) {
        $('sms-code').value = smsSend.data.devCode;
      }
      const login = await request('POST', '/auth/login/sms', {
        countryCode: $('sms-country').value,
        mobile: $('sms-mobile').value,
        code: $('sms-code').value,
        clientType: $('sms-client-type').value,
        deviceKey: $('sms-device').value
      });
      state.accessToken = login.data.tokens.accessToken;
      state.refreshToken = login.data.tokens.refreshToken;
      const launch = await request('POST', '/events/' + encodeURIComponent($('event-id').value) + '/launch', {
        releaseId: $('event-release-id').value,
        variantId: trimmedOrUndefined($('event-variant-id').value),
        clientType: $('sms-client-type').value,
        deviceKey: $('event-device').value
      }, true);
      state.sessionId = launch.data.launch.business.sessionId;
      state.sessionToken = launch.data.launch.business.sessionToken;
      return await request('POST', '/sessions/' + encodeURIComponent(state.sessionId) + '/start', {
        sessionToken: state.sessionToken
      });
    });

    $('btn-flow-finish').onclick = () => run('flow-finish', async () => {
      return await request('POST', '/sessions/' + encodeURIComponent($('session-id').value) + '/finish', {
        sessionToken: $('session-token').value,
        status: $('finish-status').value,
        summary: buildFinishSummary()
      });
    });

    $('btn-flow-result').onclick = () => run('flow-result', async () => {
      await request('POST', '/sessions/' + encodeURIComponent($('session-id').value) + '/finish', {
        sessionToken: $('session-token').value,
        status: $('finish-status').value,
        summary: buildFinishSummary()
      });
      return await request('GET', '/sessions/' + encodeURIComponent($('session-id').value) + '/result', undefined, true);
    });

    [
      'sms-client-type', 'sms-scene', 'sms-mobile', 'sms-device', 'sms-country', 'sms-code',
      'wechat-code', 'wechat-device', 'local-config-file', 'config-event-id', 'entry-channel-code', 'entry-channel-type',
      'event-id', 'event-release-id', 'event-device', 'finish-status', 'finish-duration', 'finish-score',
      'finish-controls-done', 'finish-controls-total', 'finish-distance', 'finish-speed',
      'finish-heart-rate', 'admin-map-code', 'admin-map-name', 'admin-map-id', 'admin-map-version-id',
      'admin-map-version-code', 'admin-map-status', 'admin-mapmeta-url', 'admin-tiles-root-url',
      'admin-playfield-code', 'admin-playfield-name', 'admin-playfield-id', 'admin-playfield-version-id',
      'admin-playfield-kind', 'admin-playfield-status', 'admin-playfield-version-code', 'admin-playfield-source-type',
      'admin-playfield-source-url', 'admin-playfield-control-count', 'admin-pack-code', 'admin-pack-name',
      'admin-pack-id', 'admin-pack-version-id', 'admin-pack-version-code', 'admin-pack-status',
      'admin-pack-content-url', 'admin-pack-audio-url', 'admin-pack-theme-code', 'admin-published-asset-root',
      'admin-tenant-code', 'admin-event-status', 'admin-event-ref-id', 'admin-event-slug', 'admin-event-name',
      'admin-event-summary', 'admin-game-mode-code', 'admin-route-code', 'admin-source-notes',
      'admin-overrides-json', 'admin-pipeline-source-id', 'admin-pipeline-build-id', 'admin-pipeline-release-id',
      'admin-rollback-release-id'
    ].forEach(function(id) {
      $(id).addEventListener('change', persistState);
      $(id).addEventListener('input', persistState);
    });

    $('api-filter').addEventListener('input', applyAPIFilter);

    restoreState();
    syncWorkbenchMode();
    syncState();
    renderHistory();
    renderScenarioOptions();
    applyAPIFilter();
    syncAPICounts();
    writeLog('workbench-ready', { ok: true, hint: 'Use Bootstrap Demo first on a fresh database.' });
  </script>
</body>
</html>`