@seasonkoh/webaz 0.1.16 → 0.1.17

package/dist/pwa/public/app.js

@@ -548,8 +548,8 @@ async function render(page, params) {
   // 只在首次（没有 sponsor_name 时）阻塞等 fetch；后续重渲染走缓存秒过
   try { await initShareCtx() } catch (e) { console.warn('[ShareCtx]', e) }
 
-  // 未登录时只允许看登录页、找回密钥页、商品、welcome 预发布页
-  if (!state.apiKey && page !== 'login' && page !== 'shop' && page !== 'recover' && page !== 'welcome' && page !== '') {
+  // 未登录时只允许看登录页、找回密钥页、商品、welcome 预发布页、governance-onboarding 公开页
+  if (!state.apiKey && page !== 'login' && page !== 'shop' && page !== 'recover' && page !== 'welcome' && page !== 'governance-onboarding' && page !== '') {
     // 保存目标 hash 以便登录/注册后跳回
     if (location.hash && !['#login', '#recover'].includes(location.hash)) {
       sessionStorage.setItem('webaz_intended_hash', location.hash)
@@ -630,6 +630,8 @@ async function render(page, params) {
     case 'seller-trials': return renderSellerTrials(app)
     // 2026-05-24 #991：/welcome 预发布页 — 6 区块协议介绍
     case 'welcome':       return renderWelcome(app)
+    // 2026-06-02 W3.5-B:#governance-onboarding 治理岗位申请页(公开页)
+    case 'governance-onboarding': return renderGovernanceOnboarding(app)
     case 'seller':
       if (state.user?.role === 'logistics')  return renderLogistics(app)
       if (state.user?.role === 'arbitrator') return renderDisputeList(app)
@@ -714,9 +716,15 @@ async function render(page, params) {
       if (params[0] === 'kyc')                     return renderAdminKyc(app)
       if (params[0] === 'export')                  return renderAdminExport(app)
       if (params[0] === 'errors')                  return renderAdminErrors(app)
+      if (params[0] === 'governance')              return renderAdminGovernance(app)
       return renderAdminDashboard(app)
     case 'apply-verifier':  return renderApplyVerifier(app)
     case 'apply-arbitrator': return renderApplyArbitrator(app)
+    case 'apply-rewards':   return renderApplyRewards(app)
+    case 'rewards-me':      return renderRewardsMe(app)
+    case 'onboarding-verifier':  return renderOnboarding(app, 'verifier')
+    case 'onboarding-arbitrator': return renderOnboarding(app, 'arbitrator')
+    case 'governance-me':         return renderGovernanceMe(app)
     case 'wishlist':        return renderWishlist(app)
     case 'waitlist':        return renderWaitlist(app)
     case 'returns':         return renderReturnsCenter(app)
@@ -727,6 +735,7 @@ async function render(page, params) {
     case 'blocklist':       return renderBlocklist(app)
     case 'kyc':             return renderKyc(app)
     case 'feedback':        return renderFeedback(app)
+    case 'build-feedback':  return renderMyBuildFeedback(app)
     case 'admin-feedback':  return renderAdminFeedback(app)
     case 'admin-payments':  return renderAdminPayments(app)
     case 'my-agents':       return renderMyAgents(app)
@@ -991,7 +1000,7 @@ function preLaunchBannerHTML() {
   if (window._protocolPhase && window._protocolPhase !== 'pre_launch') return ''
   return `<div style="background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:10px 14px;font-size:12px;color:#92400e;text-align:center;line-height:1.5;margin:8px 12px 12px">
     ⚠️ <strong>${t('协议尚未公开上线 · 数据为测试 / demo · 请勿据此投资或承诺第三方')}</strong>
-    <a href="/api/protocol-status" target="_blank" rel="noopener" style="margin-left:8px;color:#7c2d12;text-decoration:underline;font-weight:600">${t('详情')}</a>
+    <a href="#welcome" style="margin-left:8px;color:#7c2d12;text-decoration:underline;font-weight:600">${t('详情')}</a>
   </div>`
 }
 
@@ -1129,6 +1138,12 @@ function shell(content, activeTab, opts) {
         </div>
       </div>
     ` : ''}
+    ${state.user ? `
+      <button id="feedback-fab" onclick="openBuildFeedback()" title="${t('反馈 / 建议')}"
+        style="position:fixed;bottom:74px;left:14px;width:48px;height:48px;border-radius:50%;background:#fff;color:#4f46e5;border:1px solid #c7d2fe;cursor:pointer;font-size:22px;box-shadow:0 4px 12px rgba(0,0,0,0.12);z-index:99;display:flex;align-items:center;justify-content:center" aria-label="${t('反馈 / 建议')}">
+        💬
+      </button>
+    ` : ''}
     ${_opts.bottomBar ? `<div class="page-bottom-bar" style="position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid #e5e7eb;padding:10px 14px;box-shadow:0 -2px 12px rgba(0,0,0,0.04);padding-bottom:max(10px, env(safe-area-inset-bottom))">${_opts.bottomBar}</div>` : ''}
     ${_opts.hideTabbar ? '' : `<nav class="tabbar">
       ${tabs.map(tb => `
@@ -1179,7 +1194,7 @@ window.openAvatarMenu = function() {
       ${item('🏠', t('我的主页'), '#me')}
       ${item('⚙️', t('设置 / 角色'), '#me/settings')}
       ${!isTrusted ? item('👁', t('公开主页'), '#u/' + u.id) : ''}
-      ${item('🤖', t('我的 Agents'), '#my-agents')}
+      ${item('🤖', t('我的 agents'), '#my-agents')}
 
       ${sectionTitle(t('协议'))}
       ${item('🏛', t('协议治理'), '#governance')}
@@ -1266,7 +1281,7 @@ async function renderMyAdvanced(app) {
 
     <div style="font-size:12px;color:#6b7280;font-weight:600;margin:14px 0 6px">🤖 ${t('Agent 治理')}</div>
     <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px">
-      ${card('🤖', t('我的 Agents'), t('谁替我做事 · 撤销控制'), '#my-agents')}
+      ${card('🤖', t('我的 agents'), t('谁替我做事 · 撤销控制'), '#my-agents')}
       ${card('⚡', t('卖家自动化'), skillCount > 0 ? skillCount + ' ' + t('个') : t('未发布'), '#skills')}
       ${!isTrusted ? card('🪄', t('AI 推荐'), t('给我推商品'), '#ai-recommend') : ''}
       ${role === 'seller' ? card('🎯', t('Auto-bid'), t('RFQ 自动报价'), '#auto-bid') : ''}
@@ -1288,7 +1303,18 @@ async function renderMyAdvanced(app) {
     <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px">
       ${card('🏛', t('协议治理'), t('参数公开 · 变更可追溯'), '#governance')}
       ${card('⚖', t('判例库'), t('争议判决公开'), '#judgments')}
+      ${card('🎁', t('共建身份'), t('申请制 · 含锁仓金'), '#rewards-me')}
     </div>
+
+    <div style="font-size:12px;color:#6b7280;font-weight:600;margin:14px 0 6px">📧 ${t('联系我们')}</div>
+    <a href="mailto:contact@webaz.xyz" class="card" style="padding:14px;display:flex;align-items:center;gap:10px;min-height:64px;text-decoration:none;color:inherit">
+      <div style="font-size:24px;flex-shrink:0">📧</div>
+      <div style="flex:1;min-width:0">
+        <div style="font-weight:600;font-size:14px">contact@webaz.xyz</div>
+        <div style="font-size:11px;color:#9ca3af;margin-top:2px">${t('合作 / 反馈 / 合规咨询')}</div>
+      </div>
+      <div style="color:#9ca3af">›</div>
+    </a>
   `
   app.innerHTML = shell(sections, 'me')
 }
@@ -1685,7 +1711,7 @@ async function renderProfile(app) {
         </div>
         <div style="display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f3f4f6;font-size:13px">
           <span style="color:#374151">${t('协议')}</span>
-          <a href="https://github.com/anthropics/webaz" target="_blank" style="color:#6366f1;text-decoration:none;font-size:12px">${t('开源仓库')} ↗</a>
+          <a href="https://github.com/seasonsagents-art/webaz" target="_blank" style="color:#6366f1;text-decoration:none;font-size:12px">${t('源码仓库')} ↗</a>
         </div>
         <div style="display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f3f4f6;font-size:13px">
           <span style="color:#374151">🔔 ${t('推送通知')}</span>
@@ -4193,75 +4219,1078 @@ window.doAdminTaskFilter = () => {
 }
 
 // ─── 用户：申请审核员 ──────────────────────────────────────────
-async function renderApplyVerifier(app) {
+// ─── 治理岗位申请(W3.5-B governance onboarding,#1093 阶段 1b) ─────
+// docs/GOVERNANCE-ONBOARDING.md §3.1 流程图前端:
+//   eligibility 检查 + 顶部红色 disclosure + 8s 延迟双勾选 + Passkey 签发 + POST /governance/onboarding/apply
+async function _renderApplyGovernance(app, role) {
   if (!state.user) { renderLogin(); return }
-  app.innerHTML = shell(loading$(), 'verify-tasks')
-  const data = await GET('/verifier/eligibility')
-  if (data.error) { app.innerHTML = shell(alert$('error', data.error), 'verify-tasks'); return }
+  const returnNav = role === 'arbitrator' ? 'me' : 'verify-tasks'
+  const roleTitle = role === 'arbitrator' ? t('申请仲裁员') : t('申请审核员')
+  const roleIcon = role === 'arbitrator' ? '⚖' : '🛡'
+
+  app.innerHTML = shell(loading$(), returnNav)
+  const data = await GET('/' + role + '/eligibility')
+  if (data.error) { app.innerHTML = shell(alert$('error', data.error), returnNav); return }
+
   const checklist = (data.items || []).map(i => `
     <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6;font-size:13px">
       <span style="${i.ok ? 'color:#16a34a' : 'color:#dc2626'}">${i.ok ? '✓' : '✗'} ${i.label}</span>
       <span style="color:#6b7280">${i.current} / ${i.required}</span>
     </div>`).join('')
   const canApply = data.eligible
+  const pageLoadedAt = Date.now()
+
   app.innerHTML = shell(`
-    <h1 class="page-title">🛡 ${t('申请审核员')}</h1>
+    <h1 class="page-title">${roleIcon} ${roleTitle}</h1>
+
+    <div class="card" style="margin-bottom:16px;background:#fef2f2;border-color:#fca5a5">
+      <div style="font-weight:600;color:#991b1b;margin-bottom:6px;font-size:14px">⚠️ ${t('本流程是治理岗位申请,不是赚钱机会')}</div>
+      <div style="font-size:12px;color:#7f1d1d;line-height:1.6">
+        ${t('phase A 不发放任何现金 / WAZ 报酬。治理是公共贡献。详 docs/GOVERNANCE-ONBOARDING.md。')}<br>
+        <span style="opacity:0.85">This is a governance application, not an income opportunity. Phase A pays NO cash / WAZ.</span>
+      </div>
+    </div>
+
     <div class="card" style="margin-bottom:16px">
-      <div style="font-size:13px;color:#6b7280;margin-bottom:10px">${t('需通过下列信誉指标，由管理员审核后入试用期')}</div>
+      <div style="font-size:13px;color:#6b7280;margin-bottom:10px">${t('门槛(全部通过才能申请)')}:</div>
       ${checklist}
     </div>
-    ${canApply
-      ? `<button class="btn btn-primary" onclick="doApplyVerifier()">${t('提交申请')}</button>`
-      : `<button class="btn btn-primary" disabled style="opacity:0.5">${t('提交申请')}</button>
-         <div style="margin-top:8px;font-size:12px;color:#6b7280">${t('请先完成上述未达标指标')}</div>`}
-    <div id="apply-msg" style="margin-top:12px"></div>
-    <div style="margin-top:16px"><a href="#verify-tasks" style="font-size:13px;color:#6b7280">← ${t('返回审核任务')}</a></div>
-  `, 'verify-tasks')
-}
 
-window.doApplyVerifier = async () => {
-  const msg = document.getElementById('apply-msg')
-  msg.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('提交中...')}</div>`
-  const res = await POST('/verifier/apply', {})
-  if (res.error) { msg.innerHTML = alert$('error', res.error); return }
-  msg.innerHTML = alert$('success', t('申请已提交，等待管理员审核'))
-  setTimeout(() => navigate('#verify-tasks'), 1500)
+    ${!canApply ? `
+      <div class="card" style="background:#fff7ed;border-color:#fdba74;padding:12px;font-size:13px;color:#7c2d12">
+        ${t('请先完成上述未达标指标,完成后再来申请')}
+      </div>
+      <div style="margin-top:16px"><a href="#${returnNav}" style="font-size:13px;color:#6b7280">← ${t('返回')}</a></div>
+    ` : `
+      <div class="card" style="margin-bottom:16px">
+        <div style="font-size:13px;color:#374151;margin-bottom:12px;font-weight:600">${t('知情同意(双勾选)')}</div>
+        <label style="display:flex;align-items:flex-start;gap:8px;padding:6px 0;cursor:pointer">
+          <input type="checkbox" id="gov-consent-1" onchange="updateGovApplyState()">
+          <span style="font-size:13px;color:#374151">${t('我已阅读 GOVERNANCE-ONBOARDING / ARBITRATION-PLAYBOOK / META-RULES / CHARTER,理解角色责任')}</span>
+        </label>
+        <label id="gov-consent-2-wrap" style="display:flex;align-items:flex-start;gap:8px;padding:6px 0;cursor:pointer;opacity:0.5">
+          <input type="checkbox" id="gov-consent-2" disabled onchange="updateGovApplyState()">
+          <span style="font-size:13px;color:#374151">${t('我自愿申请,无人收买 / 诱导')} <span id="gov-countdown" style="color:#dc2626;font-weight:600"></span></span>
+        </label>
+      </div>
+
+      <button class="btn btn-primary" id="gov-submit-btn" onclick="doSubmitGovernanceApply('${role}', ${pageLoadedAt})" disabled style="opacity:0.5">
+        🔑 ${t('用 Passkey 签发提交申请')}
+      </button>
+
+      <div id="gov-apply-msg" style="margin-top:12px"></div>
+      <div style="margin-top:16px"><a href="#${returnNav}" style="font-size:13px;color:#6b7280">← ${t('返回')}</a></div>
+    `}
+  `, returnNav)
+
+  if (canApply) {
+    let secondsLeft = 8
+    const tick = () => {
+      const el = document.getElementById('gov-countdown')
+      if (!el) return
+      if (secondsLeft > 0) {
+        el.textContent = '(' + t('等') + ' ' + secondsLeft + 's)'
+        secondsLeft--
+        setTimeout(tick, 1000)
+      } else {
+        el.textContent = ''
+        const cb2 = document.getElementById('gov-consent-2')
+        if (cb2) cb2.disabled = false
+        const wrap = document.getElementById('gov-consent-2-wrap')
+        if (wrap) wrap.style.opacity = '1'
+      }
+    }
+    tick()
+  }
 }
 
-// ─── 外部仲裁员申请（与 verifier 平行）────────────────────────
-async function renderApplyArbitrator(app) {
+async function renderApplyRewards(app) {
   if (!state.user) { renderLogin(); return }
-  app.innerHTML = shell(loading$(), 'me')
-  const data = await GET('/arbitrator/eligibility')
-  if (data.error) { app.innerHTML = shell(alert$('error', data.error), 'me'); return }
-  const checklist = (data.items || []).map(i => `
+  const returnNav = 'rewards-me'
+
+  app.innerHTML = shell(loading$(), returnNav)
+  const status = await GET('/rewards/status')
+  if (status.error) { app.innerHTML = shell(alert$('error', status.error), returnNav); return }
+
+  if (status.opted_in) {
+    app.innerHTML = shell(`
+      <h1 class="page-title">${t('已是共建身份')}</h1>
+      <div class="card" style="background:#ecfdf5;border-color:#86efac;padding:12px;font-size:13px;color:#064e3b">
+        ${t('你已 opted-in。如需查看状态或退出,前往 ')}
+        <a href="#rewards-me" style="color:#16a34a;font-weight:600">${t('共建身份管理')}</a>
+      </div>
+    `, returnNav)
+    return
+  }
+
+  const eli = status.eligibility || {}
+  const canApply = !!eli.can_apply
+  const consentText = status.consent_text_zh || ''
+  const consentTextEn = status.consent_text_en || ''
+  const consentVersion = status.consent_version || ''
+  const delaySec = Number(eli.consent_delay_seconds || 8)
+  const pageLoadedAt = Date.now()
+
+  const checklist = `
     <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6;font-size:13px">
-      <span style="${i.ok ? 'color:#16a34a' : 'color:#dc2626'}">${i.ok ? '✓' : '✗'} ${i.label}</span>
-      <span style="color:#6b7280">${i.current} / ${i.required}</span>
-    </div>`).join('')
-  const canApply = data.eligible
+      <span style="${eli.completed_orders >= eli.min_completed_orders ? 'color:#16a34a' : 'color:#dc2626'}">
+        ${eli.completed_orders >= eli.min_completed_orders ? '✓' : '✗'} ${t('已完成订单')}
+      </span>
+      <span style="color:#6b7280">${eli.completed_orders} / ${eli.min_completed_orders}</span>
+    </div>
+    <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6;font-size:13px">
+      <span style="${!eli.require_passkey || eli.passkey_count > 0 ? 'color:#16a34a' : 'color:#dc2626'}">
+        ${!eli.require_passkey || eli.passkey_count > 0 ? '✓' : '✗'} ${t('Passkey 已注册')}
+      </span>
+      <span style="color:#6b7280">${eli.passkey_count} ${eli.require_passkey ? `(${t('必需')})` : `(${t('可选')})`}</span>
+    </div>`
+
   app.innerHTML = shell(`
-    <h1 class="page-title">⚖ ${t('申请仲裁员')}</h1>
+    <h1 class="page-title">🎁 ${t('申请共建身份')}</h1>
+
+    <div class="card" style="margin-bottom:16px;background:#fef2f2;border-color:#fca5a5">
+      <div style="font-weight:600;color:#991b1b;margin-bottom:6px;font-size:14px">⚠️ ${t('本流程与购物无关')}</div>
+      <div style="font-size:12px;color:#7f1d1d;line-height:1.6">
+        ${t('你可以随时退出,不影响任何已下单或未来订单。本流程涉及经济关系登记(三级佣金 + 双轨配对),请仔细阅读全部条款。')}<br>
+        <span style="opacity:0.85">This flow is not part of shopping. You can leave anytime without affecting any orders. This is an economic-relationship registration — please read all terms.</span>
+      </div>
+    </div>
+
     <div class="card" style="margin-bottom:16px">
-      <div style="font-size:13px;color:#6b7280;margin-bottom:10px">${t('仲裁员门槛比审核员更高 — 管理员审核后正式生效')}</div>
+      <div style="font-size:13px;color:#6b7280;margin-bottom:10px">${t('门槛(全部通过才能申请)')}:</div>
       ${checklist}
     </div>
-    ${canApply
-      ? `<button class="btn btn-primary" onclick="doApplyArbitrator()">${t('提交申请')}</button>`
-      : `<button class="btn btn-primary" disabled style="opacity:0.5">${t('提交申请')}</button>
-         <div style="margin-top:8px;font-size:12px;color:#6b7280">${t('请先完成上述未达标指标')}</div>`}
-    <div id="apply-arb-msg" style="margin-top:12px"></div>
-    <div style="margin-top:16px"><a href="#me" style="font-size:13px;color:#6b7280">← ${t('返回我的')}</a></div>
+
+    <div class="card" style="margin-bottom:16px;background:#fafafa">
+      <div style="font-size:12px;color:#6b7280;margin-bottom:6px">${t('同意文本')} (v${consentVersion}):</div>
+      <div style="font-size:13px;color:#374151;line-height:1.7;margin-bottom:8px">${escHtml(consentText)}</div>
+      <div style="font-size:12px;color:#6b7280;line-height:1.7;font-style:italic">${escHtml(consentTextEn)}</div>
+    </div>
+
+    ${!canApply ? `
+      <div class="card" style="background:#fff7ed;border-color:#fdba74;padding:12px;font-size:13px;color:#7c2d12">
+        ${t('请先完成上述未达标指标,完成后再来申请')}
+      </div>
+      <div style="margin-top:16px"><a href="#${returnNav}" style="font-size:13px;color:#6b7280">← ${t('返回')}</a></div>
+    ` : `
+      <div class="card" style="margin-bottom:16px">
+        <div style="font-size:13px;color:#374151;margin-bottom:12px;font-weight:600">${t('知情同意(双勾选)')}</div>
+        <label style="display:flex;align-items:flex-start;gap:8px;padding:6px 0;cursor:pointer">
+          <input type="checkbox" id="rwd-consent-1" onchange="updateRwdApplyState()">
+          <span style="font-size:13px;color:#374151">${t('我已阅读全部条款,理解 commission 与 PV 树结构的合规边界')}</span>
+        </label>
+        <label id="rwd-consent-2-wrap" style="display:flex;align-items:flex-start;gap:8px;padding:6px 0;cursor:pointer;opacity:0.5">
+          <input type="checkbox" id="rwd-consent-2" disabled onchange="updateRwdApplyState()">
+          <span style="font-size:13px;color:#374151">${t('我自愿申请,无人收买 / 诱导')} <span id="rwd-countdown" style="color:#dc2626;font-weight:600"></span></span>
+        </label>
+      </div>
+
+      <button class="btn btn-primary" id="rwd-submit-btn" onclick="doSubmitRewardsApply('${consentVersion}', ${pageLoadedAt})" disabled style="opacity:0.5">
+        🔑 ${t('用 Passkey 签发提交申请')}
+      </button>
+
+      <div id="rwd-apply-msg" style="margin-top:12px"></div>
+      <div style="margin-top:16px"><a href="#${returnNav}" style="font-size:13px;color:#6b7280">← ${t('返回')}</a></div>
+    `}
+  `, returnNav)
+
+  if (canApply) {
+    let secondsLeft = delaySec
+    const tick = () => {
+      const el = document.getElementById('rwd-countdown')
+      if (!el) return
+      if (secondsLeft > 0) {
+        el.textContent = '(' + t('等') + ' ' + secondsLeft + 's)'
+        secondsLeft--
+        setTimeout(tick, 1000)
+      } else {
+        el.textContent = ''
+        const cb2 = document.getElementById('rwd-consent-2')
+        if (cb2) cb2.disabled = false
+        const wrap = document.getElementById('rwd-consent-2-wrap')
+        if (wrap) wrap.style.opacity = '1'
+      }
+    }
+    tick()
+  }
+}
+
+window.updateRwdApplyState = () => {
+  const cb1 = document.getElementById('rwd-consent-1')
+  const cb2 = document.getElementById('rwd-consent-2')
+  const btn = document.getElementById('rwd-submit-btn')
+  if (cb1 && cb2 && btn) {
+    const ok = cb1.checked && cb2.checked && !cb2.disabled
+    btn.disabled = !ok
+    btn.style.opacity = ok ? '1' : '0.5'
+  }
+}
+
+window.doSubmitRewardsApply = async (consentVersion, pageLoadedAt) => {
+  const msg = document.getElementById('rwd-apply-msg')
+  if (!msg) return
+
+  // Reconstruct consent_hash matching server's expectedApplyConsentHash() exactly
+  const consentText = 'rewards_apply|consent_version=' + consentVersion + '|user=' + state.user.id + '|page_loaded_at=' + pageLoadedAt
+  const encoder = new TextEncoder()
+  const hashBuffer = await crypto.subtle.digest('SHA-256', encoder.encode(consentText))
+  const consentHash = Array.from(new Uint8Array(hashBuffer)).map(b => b.toString(16).padStart(2,'0')).join('')
+
+  msg.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('请通过 Passkey / 生物识别确认...')}</div>`
+  let passkeyToken
+  try {
+    passkeyToken = await requestPasskeyGate('rewards_apply', { consent_version: consentVersion, consent_hash: consentHash })
+  } catch (e) {
+    msg.innerHTML = alert$('error', t('Passkey 签发失败:') + ' ' + (e?.message || e))
+    return
+  }
+
+  msg.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('提交中...')}</div>`
+  const res = await POST('/rewards/apply', {
+    consent_version: consentVersion,
+    consent_hash: consentHash,
+    page_loaded_at: pageLoadedAt,
+    webauthn_token: passkeyToken,
+  })
+
+  if (res.error) {
+    msg.innerHTML = alert$('error', res.error)
+    return
+  }
+
+  const drained = res.drained_from_escrow || { count: 0, total: 0 }
+  const drainNote = drained.count > 0
+    ? '<br>' + t('已从 escrow 拨回:') + ' ' + drained.total + ' WAZ (' + drained.count + ' ' + t('笔') + ')'
+    : ''
+  msg.innerHTML = alert$('success', t('✅ 共建身份激活成功') + drainNote)
+  setTimeout(() => { location.hash = '#rewards-me' }, 2000)
+}
+
+async function renderRewardsMe(app) {
+  if (!state.user) { renderLogin(); return }
+  app.innerHTML = shell(loading$(), 'me')
+  const status = await GET('/rewards/status')
+  if (status.error) { app.innerHTML = shell(alert$('error', status.error), 'me'); return }
+
+  const stateLabel = {
+    opted_in:        { icon: '✅', color: '#16a34a', label: t('共建身份激活中') },
+    never_activated: { icon: '⚪', color: '#6b7280', label: t('未激活') },
+    auto_downgraded: { icon: '⚠️', color: '#f59e0b', label: t('已自动降级(consent 未确认)') },
+    deactivated:     { icon: '🔒', color: '#9ca3af', label: t('已退出') },
+  }[status.state] || { icon: '?', color: '#6b7280', label: status.state }
+
+  const escrow = status.pending_escrow || { count: 0, total_amount: 0 }
+  const expired = status.expired_to_charity || { count: 0, total_amount: 0 }
+
+  app.innerHTML = shell(`
+    <h1 class="page-title">🎁 ${t('共建身份管理')}</h1>
+
+    <div class="card" style="margin-bottom:16px;border-left:4px solid ${stateLabel.color};padding:14px">
+      <div style="display:flex;align-items:center;gap:10px;margin-bottom:6px">
+        <span style="font-size:28px">${stateLabel.icon}</span>
+        <span style="font-size:16px;font-weight:600;color:${stateLabel.color}">${stateLabel.label}</span>
+      </div>
+      ${status.consent_version ? `<div style="font-size:12px;color:#9ca3af">${t('Consent version')}: v${status.consent_version}</div>` : ''}
+    </div>
+
+    ${escrow.count > 0 ? `
+      <div class="card" style="margin-bottom:16px;background:#fef3c7;border-color:#fde68a;padding:12px">
+        <div style="font-weight:600;color:#92400e;font-size:13px;margin-bottom:4px">💰 ${t('待领 escrow')}</div>
+        <div style="font-size:13px;color:#7c2d12">${escrow.count} ${t('笔')} · ${escrow.total_amount} WAZ</div>
+        <div style="font-size:11px;color:#a16207;margin-top:6px">${t('opt-in 后这笔钱会拨回钱包。30 天未领过期入公益。')}</div>
+      </div>
+    ` : ''}
+
+    ${expired.count > 0 ? `
+      <div class="card" style="margin-bottom:16px;background:#f3f4f6;padding:10px;font-size:12px;color:#6b7280">
+        ${t('历史过期入公益')}: ${expired.count} ${t('笔')} · ${expired.total_amount} WAZ
+      </div>
+    ` : ''}
+
+    ${status.state === 'opted_in' ? `
+      <div class="card" style="margin-bottom:16px;padding:14px">
+        <div style="font-size:13px;color:#374151;margin-bottom:10px">${t('退出共建身份后,未来 commission 直接入公益(无 escrow)。可随时再申请。')}</div>
+        <button class="btn" style="background:#fee2e2;color:#991b1b;border:1px solid #fca5a5" onclick="doDeactivateRewards()">
+          🔒 ${t('退出共建身份')}
+        </button>
+        <div id="rwd-deact-msg" style="margin-top:10px"></div>
+      </div>
+    ` : `
+      <button class="btn btn-primary" onclick="location.hash='#apply-rewards'">
+        🎁 ${status.state === 'never_activated' ? t('申请共建身份') : t('重新申请')}
+      </button>
+    `}
+
+    <div style="margin-top:20px;font-size:11px;color:#9ca3af;line-height:1.6">
+      ${t('协议依据:')} <a href="https://github.com/seasonsagents-art/webaz/blob/main/docs/rfcs/RFC-002-rewards-opt-in.md" target="_blank" style="color:#6b7280">RFC-002</a>
+    </div>
+  `, 'me')
+}
+
+window.doDeactivateRewards = async () => {
+  const msg = document.getElementById('rwd-deact-msg')
+  if (!msg) return
+  if (!confirm(t('确认退出共建身份?未来 commission 将直接入公益,可随时再申请。'))) return
+
+  msg.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('请通过 Passkey / 生物识别确认...')}</div>`
+  let passkeyToken
+  try {
+    passkeyToken = await requestPasskeyGate('rewards_deactivate', {})
+  } catch (e) {
+    msg.innerHTML = alert$('error', t('Passkey 签发失败:') + ' ' + (e?.message || e))
+    return
+  }
+
+  msg.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('提交中...')}</div>`
+  const res = await POST('/rewards/deactivate', { webauthn_token: passkeyToken })
+  if (res.error) {
+    msg.innerHTML = alert$('error', res.error)
+    return
+  }
+  msg.innerHTML = alert$('success', t('✅ 已退出共建身份'))
+  setTimeout(() => renderRewardsMe(document.getElementById('app')), 1200)
+}
+
+async function renderApplyVerifier(app) { return _renderApplyGovernance(app, 'verifier') }
+async function renderApplyArbitrator(app) { return _renderApplyGovernance(app, 'arbitrator') }
+
+// ─── Onboarding 学习包 + 题目(spec §4.1 + §4.3,#1093 阶段 2a)─────
+// 案例研读(§4.2)留下一个 PR
+async function renderOnboarding(app, role) {
+  if (!state.user) { renderLogin(); return }
+  const returnNav = role === 'arbitrator' ? 'me' : 'verify-tasks'
+  const roleTitle = role === 'arbitrator' ? t('仲裁员上岗 onboarding') : t('审核员上岗 onboarding')
+  const roleIcon = role === 'arbitrator' ? '⚖' : '🛡'
+
+  app.innerHTML = shell(loading$(), returnNav)
+
+  // 同时加载 quiz 题库 + 案例库 + 当前 progress
+  const [quizData, casesData, progress] = await Promise.all([
+    GET('/governance/onboarding/quiz?role=' + role),
+    GET('/governance/onboarding/cases?role=' + role),
+    GET('/governance/onboarding/progress'),
+  ])
+
+  if (quizData.error) { app.innerHTML = shell(alert$('error', quizData.error), returnNav); return }
+  if (casesData.error) { app.innerHTML = shell(alert$('error', casesData.error), returnNav); return }
+
+  const currentApp = (progress.applications || []).find(a => a.role === role && a.status === 'pending_onboarding')
+  if (!currentApp) {
+    const roleLabel = role === 'arbitrator' ? t('仲裁员') : t('审核员')
+    app.innerHTML = shell(`
+      <h1 class="page-title">${roleIcon} ${roleTitle}</h1>
+      <div class="card" style="background:#fff7ed;border-color:#fdba74">
+        <div style="font-weight:600;color:#7c2d12">${t('请先提交申请')} (${roleLabel})</div>
+        <div style="font-size:13px;color:#7c2d12;margin-top:8px"><a href="#apply-${role}">#apply-${role}</a> ${t('完成申请')}</div>
+      </div>
+      <div style="margin-top:16px"><a href="#${returnNav}" style="font-size:13px;color:#6b7280">← ${t('返回')}</a></div>
+    `, returnNav)
+    return
+  }
+
+  const studyDocs = [
+    { name: 'META-RULES-FULL.md', desc: t('10 元规则,特别是 #5 不偏袒 / #6 不滥用'), link: 'https://github.com/seasonsagents-art/webaz/blob/main/docs/META-RULES-FULL.md' },
+    { name: 'CHARTER.md §3.2 + §6', desc: t('权力边界:多签 + 修改流程'), link: 'https://github.com/seasonsagents-art/webaz/blob/main/docs/CHARTER.md' },
+    { name: 'SECURITY.md §Iron-Rule', desc: t('真人 Passkey 7 条路径'), link: 'https://github.com/seasonsagents-art/webaz/blob/main/SECURITY.md' },
+    { name: 'ECONOMIC-MODEL.md §11', desc: t('经济博弈原则 + 关系层估值层'), link: 'https://github.com/seasonsagents-art/webaz/blob/main/docs/ECONOMIC-MODEL.md' },
+    { name: 'ARBITRATION-PLAYBOOK.md', desc: t('案例决策树 + 4 种结算路径') + (role === 'arbitrator' ? ' (' + t('必读') + ')' : ''), link: 'https://github.com/seasonsagents-art/webaz/blob/main/docs/ARBITRATION-PLAYBOOK.md' },
+    { name: 'MLM-COMPLIANCE.md', desc: t('合规边界'), link: 'https://github.com/seasonsagents-art/webaz/blob/main/docs/MLM-COMPLIANCE.md' },
+  ]
+
+  const studySection = studyDocs.map((d, i) => `
+    <label style="display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid #f3f4f6;cursor:pointer">
+      <input type="checkbox" class="study-cb" data-idx="${i}" onchange="updateOnboardingState()">
+      <div style="flex:1">
+        <a href="${d.link}" target="_blank" rel="noopener" style="font-weight:600;color:#1d4ed8;font-size:13px;text-decoration:none">${d.name} ↗</a>
+        <div style="font-size:11px;color:#6b7280;margin-top:2px">${d.desc}</div>
+      </div>
+    </label>`).join('')
+
+  const quizSection = (quizData.questions || []).map((q, idx) => {
+    if (q.type === 'multiple_choice') {
+      const opts = (q.options || []).map(opt => `
+        <label style="display:flex;align-items:flex-start;gap:8px;padding:6px 0;cursor:pointer">
+          <input type="radio" name="${q.id}" value="${opt.key}" onchange="updateOnboardingState()">
+          <span style="font-size:13px;color:#374151">${opt.key}. ${state._lang === 'en' ? opt.text_en : opt.text_zh}</span>
+        </label>`).join('')
+      return `
+        <div class="card" style="margin-bottom:12px">
+          <div style="font-size:13px;font-weight:600;color:#374151;margin-bottom:8px">${idx + 1}. ${state._lang === 'en' ? q.question_en : q.question_zh}</div>
+          ${opts}
+        </div>`
+    } else {
+      return `
+        <div class="card" style="margin-bottom:12px">
+          <div style="font-size:13px;font-weight:600;color:#374151;margin-bottom:8px">${idx + 1}. ${state._lang === 'en' ? q.question_en : q.question_zh}</div>
+          <textarea class="form-control short-answer" data-qid="${q.id}" rows="4" placeholder="${t('至少 N 字符').replace('N', String(q.min_chars || 50))}" oninput="updateOnboardingState()" style="font-size:13px"></textarea>
+        </div>`
+    }
+  }).join('')
+
+  const lastScore = currentApp.quiz_score
+  const scoreBanner = lastScore != null ? `
+    <div class="card" style="margin-bottom:16px;background:${lastScore >= 80 ? '#f0fdf4;border-color:#86efac' : '#fff7ed;border-color:#fdba74'}">
+      <div style="font-weight:600">${t('上次得分')}: ${lastScore}% ${lastScore >= 80 ? '✅ ' + t('已合格,等待 maintainer 激活') : '⚠️ ' + t('未合格,可重试')}</div>
+    </div>` : ''
+
+  app.innerHTML = shell(`
+    <h1 class="page-title">${roleIcon} ${roleTitle}</h1>
+
+    ${scoreBanner}
+
+    <div class="card" style="margin-bottom:16px;background:#eff6ff;border-color:#93c5fd">
+      <div style="font-weight:600;font-size:13px;color:#1e3a8a;margin-bottom:6px">📚 ${t('§4.1 学习包')}</div>
+      <div style="font-size:12px;color:#1e40af;margin-bottom:10px">${t('阅读以下文档,勾选已读。本步骤不写入 DB(仅本地标记),实际理解由题目和案例考察。')}</div>
+      ${studySection}
+    </div>
+
+    <div class="card" style="margin-bottom:16px;background:#f5f3ff;border-color:#c4b5fd">
+      <div style="font-weight:600;font-size:13px;color:#5b21b6;margin-bottom:6px">📝 ${t('§4.3 题目')}</div>
+      <div style="font-size:12px;color:#6b21a8;margin-bottom:10px">
+        ${(quizData.questions || []).length} ${t('题(多选 + 短答),合格线 80%')}(${quizData.questions ? Math.ceil(quizData.questions.length * 0.8) : 12}/${quizData.questions ? quizData.questions.length : 15})
+      </div>
+      ${quizSection}
+    </div>
+
+    <button class="btn btn-primary" id="onb-submit-btn" onclick="doSubmitOnboarding('${role}')" disabled style="opacity:0.5">
+      ${t('提交题目并评分')}
+    </button>
+
+    <div id="onb-msg" style="margin-top:12px"></div>
+
+    <!-- §4.2 案例研读(spec §4.2,task #1093 阶段 2b) -->
+    <div class="card" style="margin-top:24px;margin-bottom:16px;background:#ecfdf5;border-color:#86efac">
+      <div style="font-weight:600;font-size:13px;color:#065f46;margin-bottom:6px">📚 ${t('§4.2 案例研读')}</div>
+      <div style="font-size:12px;color:#047857;margin-bottom:10px">
+        ${casesData.total} ${t('个案例,每个需选 verdict + 写理由 ≥ 200 字。本步骤')}<strong>${t('不自动评分')}</strong>${t(',maintainer 上岗签字前对比 expected verdict 评估你的 reasoning 方向。')}
+      </div>
+      ${(casesData.cases || []).map((c, idx) => `
+        <details style="margin-bottom:12px;background:white;padding:10px;border-radius:6px;border:1px solid #d1fae5" ${idx === 0 ? 'open' : ''}>
+          <summary style="font-weight:600;font-size:13px;cursor:pointer;color:#065f46">${idx + 1}. ${state._lang === 'en' ? c.scenario_en : c.scenario_zh}</summary>
+          <div style="margin-top:10px">
+            <div style="font-size:12px;color:#374151;font-weight:600;margin-bottom:4px">${t('已知事实')}:</div>
+            <ul style="margin:0;padding-left:18px;font-size:12px;color:#4b5563;line-height:1.7">
+              ${(state._lang === 'en' ? c.facts_en : c.facts_zh).map(f => `<li>${f}</li>`).join('')}
+            </ul>
+            <div style="font-size:12px;color:#374151;font-weight:600;margin-top:10px;margin-bottom:4px">${t('选择你的 verdict')}:</div>
+            ${(c.decision_options || []).map(opt => `
+              <label style="display:flex;align-items:flex-start;gap:8px;padding:4px 0;cursor:pointer">
+                <input type="radio" name="case-${c.id}-verdict" value="${opt.key}" onchange="updateOnboardingState()">
+                <span style="font-size:12px;color:#374151">${opt.key}: ${state._lang === 'en' ? opt.text_en : opt.text_zh}</span>
+              </label>`).join('')}
+            <div style="font-size:12px;color:#374151;font-weight:600;margin-top:10px;margin-bottom:4px">${t('reasoning(≥ N 字符)').replace('N', String(c.min_review_chars))}:</div>
+            <textarea class="form-control case-reasoning" data-case-id="${c.id}" rows="5" placeholder="${t('解释你为什么选这个 verdict,引用具体事实和 spec 原则...')}" oninput="updateOnboardingState()" style="font-size:12px;width:100%"></textarea>
+          </div>
+        </details>`).join('')}
+    </div>
+
+    <button class="btn btn-primary" id="onb-case-submit-btn" onclick="doSubmitCaseReview('${role}')" disabled style="opacity:0.5">
+      ${t('提交案例 review')}
+    </button>
+
+    <div id="onb-case-msg" style="margin-top:12px"></div>
+    <div style="margin-top:16px"><a href="#${returnNav}" style="font-size:13px;color:#6b7280">← ${t('返回')}</a></div>
+  `, returnNav)
+}
+
+window.updateOnboardingState = () => {
+  const allDocsChecked = Array.from(document.querySelectorAll('.study-cb')).every(cb => cb.checked)
+  const allMcqAnswered = Array.from(document.querySelectorAll('[name^="mcq-"]')).reduce((acc, el) => {
+    const name = el.name
+    if (!acc.has(name)) acc.set(name, false)
+    if (el.checked) acc.set(name, true)
+    return acc
+  }, new Map())
+  const mcqOk = Array.from(allMcqAnswered.values()).every(v => v) && allMcqAnswered.size > 0
+  const allShortAnswered = Array.from(document.querySelectorAll('.short-answer')).every(ta => ta.value.trim().length >= 50)
+  const btn = document.getElementById('onb-submit-btn')
+  if (btn) {
+    const ok = allDocsChecked && mcqOk && allShortAnswered
+    btn.disabled = !ok
+    btn.style.opacity = ok ? '1' : '0.5'
+  }
+
+  // §4.2 案例 submit 独立启用:每个 case 必须选 verdict + reasoning ≥ 200 字
+  const caseVerdictGroups = new Map()
+  document.querySelectorAll('[name^="case-"][type="radio"]').forEach(el => {
+    if (!caseVerdictGroups.has(el.name)) caseVerdictGroups.set(el.name, false)
+    if (el.checked) caseVerdictGroups.set(el.name, true)
+  })
+  const caseVerdictsOk = caseVerdictGroups.size > 0 && Array.from(caseVerdictGroups.values()).every(v => v)
+  const allCaseReasoningOk = Array.from(document.querySelectorAll('.case-reasoning')).every(ta => ta.value.trim().length >= 200)
+  const caseBtn = document.getElementById('onb-case-submit-btn')
+  if (caseBtn) {
+    const ok = caseVerdictsOk && allCaseReasoningOk
+    caseBtn.disabled = !ok
+    caseBtn.style.opacity = ok ? '1' : '0.5'
+  }
+}
+
+// ─── /#governance-me 用户治理面板(#1093 阶段 4)─────
+// spec docs/GOVERNANCE-ONBOARDING.md §6.1 §7.2:active role 卸任 / auto_deactivate 申诉
+async function renderGovernanceMe(app) {
+  if (!state.user) { renderLogin(); return }
+  app.innerHTML = shell(loading$(), 'me')
+  const data = await GET('/governance/onboarding/my')
+  if (data.error) { app.innerHTML = shell(alert$('error', data.error), 'me'); return }
+
+  const items = data.items || []
+  const now = Math.floor(Date.now() / 1000)
+
+  // active 角色:有 action 在 ('apply' 但 status='active') 或 ('activate' 且 status='active')
+  // 简化:把 status='active' 全列(可能为 apply row 或 activate row)
+  const actives = items.filter(i => i.status === 'active')
+  const pendings = items.filter(i => i.status === 'pending_onboarding')
+  // auto_deactivate 行(可申诉)
+  const autoDeactivates = items.filter(i => i.action === 'auto_deactivate')
+  // pending appeals
+  const pendingAppeals = items.filter(i => i.action === 'appeal' && i.status === 'pending_review')
+
+  const roleNames = {
+    arbitrator: { zh: '仲裁员', icon: '⚖' },
+    verifier:   { zh: '审核员',  icon: '🛡' },
+  }
+
+  // active 列表(可卸任)— 按 role 去重(可能有 apply + activate 两行,只显示一个)
+  const seenActive = new Set()
+  const activeBlocks = actives.filter(a => {
+    if (seenActive.has(a.role)) return false
+    seenActive.add(a.role)
+    return true
+  }).map(a => {
+    const rn = roleNames[a.role] || { zh: a.role, icon: '·' }
+    return `
+      <div class="card" style="margin-bottom:12px;border-color:#86efac;background:#f0fdf4">
+        <div style="display:flex;justify-content:space-between;align-items:center;gap:10px">
+          <div>
+            <div style="font-weight:600;font-size:15px">${rn.icon} ${t(rn.zh)} <span style="color:#16a34a;font-size:12px;margin-left:6px">● ${t('在岗')}</span></div>
+            <div style="font-size:12px;color:#6b7280;margin-top:4px">${t('上岗时间')}: ${new Date(a.created_at * 1000).toLocaleDateString()}</div>
+          </div>
+          <button class="btn btn-sm btn-outline" style="color:#dc2626;border-color:#fca5a5" onclick="openResignModal('${a.role}')">${t('卸任')}</button>
+        </div>
+      </div>`
+  }).join('')
+
+  // 申诉窗口检查(14d)
+  const windowDays = 14
+  const appealableBlocks = autoDeactivates.filter(a => (now - a.created_at) <= windowDays * 86400).map(a => {
+    const rn = roleNames[a.role] || { zh: a.role, icon: '·' }
+    const daysLeft = windowDays - Math.floor((now - a.created_at) / 86400)
+    // 检查是否已 appeal
+    const hasAppeal = items.some(i => i.action === 'appeal' && i.source_application_id === a.id)
+    return `
+      <div class="card" style="margin-bottom:12px;border-color:#fde68a;background:#fffbeb">
+        <div style="font-weight:600;font-size:14px;color:#92400e">${rn.icon} ${t('被自动卸任')}: ${t(rn.zh)}</div>
+        <div style="font-size:12px;color:#78350f;margin-top:6px">${t('生效时间')}: ${new Date(a.created_at * 1000).toLocaleDateString()} · ${t('申诉窗口剩余')}: ${daysLeft} ${t('天')}</div>
+        ${hasAppeal
+          ? `<div style="margin-top:10px;font-size:12px;color:#1e40af">${t('已提交申诉,等待 maintainer 裁决')}</div>`
+          : `<button class="btn btn-sm btn-primary" style="margin-top:10px" onclick="openAppealModal('${a.id}', '${a.role}')">${t('提交申诉')}</button>`}
+      </div>`
+  }).join('')
+
+  const pendingAppealBlocks = pendingAppeals.map(a => {
+    const rn = roleNames[a.role] || { zh: a.role, icon: '·' }
+    return `
+      <div class="card" style="margin-bottom:12px;border-color:#93c5fd;background:#eff6ff">
+        <div style="font-weight:600;font-size:14px;color:#1e3a8a">${rn.icon} ${t('申诉审核中')}: ${t(rn.zh)}</div>
+        <div style="font-size:12px;color:#1e40af;margin-top:6px">${t('提交时间')}: ${new Date(a.created_at * 1000).toLocaleDateString()}</div>
+        <div style="font-size:12px;color:#374151;margin-top:8px;padding:8px;background:#fff;border-radius:4px">${escHtml((a.appeal_reason || '').slice(0, 200))}${(a.appeal_reason || '').length > 200 ? '...' : ''}</div>
+      </div>`
+  }).join('')
+
+  const pendingBlocks = pendings.map(p => {
+    const rn = roleNames[p.role] || { zh: p.role, icon: '·' }
+    return `
+      <div class="card" style="margin-bottom:12px">
+        <div style="font-weight:600;font-size:14px">${rn.icon} ${t(rn.zh)} <span style="color:#d97706;font-size:12px;margin-left:6px">${t('申请审核中')}</span></div>
+        <div style="margin-top:8px"><a href="#onboarding-${p.role}" class="btn btn-sm btn-outline">${t('继续 onboarding')}</a></div>
+      </div>`
+  }).join('')
+
+  const emptyState = (actives.length + autoDeactivates.length + pendings.length + pendingAppeals.length) === 0 ? `
+    <div class="card" style="text-align:center;padding:24px">
+      <div style="font-size:14px;color:#6b7280">${t('暂无治理岗位记录')}</div>
+      <div style="margin-top:12px;display:flex;gap:8px;justify-content:center">
+        <a href="#apply-arbitrator" class="btn btn-sm btn-outline">⚖ ${t('申请仲裁员')}</a>
+        <a href="#apply-verifier" class="btn btn-sm btn-outline">🛡 ${t('申请审核员')}</a>
+      </div>
+    </div>` : ''
+
+  app.innerHTML = shell(`
+    <h1 class="page-title">⚖️ ${t('我的治理岗位')}</h1>
+    <div class="card" style="margin-bottom:16px;background:#eff6ff;border-color:#93c5fd">
+      <div style="font-size:13px;color:#1e3a8a">${t('spec docs/GOVERNANCE-ONBOARDING.md §6 §7')}</div>
+      <div style="font-size:12px;color:#1e40af;margin-top:4px">${t('phase A 治理 = 关系层数据采集 + 公共贡献意愿表达,不预设估值层')}</div>
+    </div>
+    ${activeBlocks ? `<h2 style="font-size:14px;color:#374151;margin:16px 0 8px">${t('当前在岗')}</h2>${activeBlocks}` : ''}
+    ${appealableBlocks ? `<h2 style="font-size:14px;color:#92400e;margin:16px 0 8px">⚠️ ${t('待申诉(14 天内)')}</h2>${appealableBlocks}` : ''}
+    ${pendingAppealBlocks ? `<h2 style="font-size:14px;color:#1e40af;margin:16px 0 8px">${t('申诉审核中')}</h2>${pendingAppealBlocks}` : ''}
+    ${pendingBlocks ? `<h2 style="font-size:14px;color:#374151;margin:16px 0 8px">${t('待审申请')}</h2>${pendingBlocks}` : ''}
+    ${emptyState}
+    <div style="margin-top:16px"><a href="#me" style="font-size:13px;color:#6b7280">← ${t('返回 #me')}</a></div>
   `, 'me')
 }
 
-window.doApplyArbitrator = async () => {
-  const msg = document.getElementById('apply-arb-msg')
+window.openResignModal = (role) => {
+  const expected = `RESIGN ${role}`
+  const html = `
+    <div id="resign-modal" style="position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px">
+      <div style="background:#fff;border-radius:8px;max-width:480px;width:100%;padding:20px">
+        <h3 style="margin:0 0 12px;color:#dc2626">⚠️ ${t('卸任治理岗位')}: ${role}</h3>
+        <div style="font-size:13px;color:#374151;line-height:1.6;margin-bottom:12px">
+          <ul style="padding-left:20px;margin:0">
+            <li>${t('卸任后历史履职记录保留(关系层,不可逆)')}</li>
+            <li>${t('卸任不影响 reputation / dev_contribution')}</li>
+            <li>${t('30 天内不能重新申请同一角色(冷却期)')}</li>
+            <li>${t('已 assigned 但未完成的 case 必须先完成 / 转交,否则无法卸任')}</li>
+          </ul>
+        </div>
+        <div style="font-size:13px;color:#374151;margin-bottom:8px">${t('输入')} <code style="background:#fee2e2;padding:2px 6px;border-radius:4px;color:#991b1b">${expected}</code> ${t('确认')}:</div>
+        <input id="resign-confirm-input" type="text" placeholder="${expected}" style="width:100%;padding:8px;border:1px solid #d1d5db;border-radius:4px;font-family:monospace" oninput="document.getElementById('resign-submit-btn').disabled = this.value !== '${expected}'">
+        <div id="resign-msg" style="margin-top:12px"></div>
+        <div style="margin-top:16px;display:flex;gap:8px;justify-content:flex-end">
+          <button class="btn btn-sm btn-outline" onclick="document.getElementById('resign-modal').remove()">${t('取消')}</button>
+          <button id="resign-submit-btn" class="btn btn-sm btn-primary" style="background:#dc2626;border-color:#dc2626" disabled onclick="doResignGovernance('${role}')">🔑 ${t('Passkey 签发卸任')}</button>
+        </div>
+      </div>
+    </div>`
+  document.body.insertAdjacentHTML('beforeend', html)
+}
+
+window.doResignGovernance = async (role) => {
+  const expected = `RESIGN ${role}`
+  const input = document.getElementById('resign-confirm-input')
+  const msg = document.getElementById('resign-msg')
+  if (!input || input.value !== expected) return
+
+  msg.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('请求 Passkey...')}</div>`
+
+  let webauthnToken
+  try {
+    webauthnToken = await requestPasskeyGate('governance_resign', { role, action: 'resign' })
+  } catch (e) {
+    msg.innerHTML = alert$('error', t('Passkey 签发失败:') + ' ' + (e?.message || e))
+    return
+  }
+
   msg.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('提交中...')}</div>`
-  const res = await POST('/arbitrator/apply', {})
+  const res = await POST('/governance/onboarding/resign', {
+    role,
+    confirm_text: expected,
+    webauthn_token: webauthnToken,
+  })
+  if (res.error) {
+    if (res.code === 'ACTIVE_CASES_EXIST') {
+      // placeholder pattern(避免 t() 拼接)
+      const tpl = t('尚有 {n} 个未结案 dispute,请先完成裁决后再卸任')
+      msg.innerHTML = alert$('error', tpl.replace('{n}', String(res.open_case_count)))
+    } else {
+      msg.innerHTML = alert$('error', res.error)
+    }
+    return
+  }
+  msg.innerHTML = `<div class="alert alert-success">${t('卸任成功。冷却期至')} ${new Date(res.cooldown_until * 1000).toLocaleDateString()}</div>`
+  setTimeout(() => {
+    const modal = document.getElementById('resign-modal')
+    if (modal) modal.remove()
+    renderGovernanceMe(document.getElementById('app'))
+  }, 1500)
+}
+
+window.openAppealModal = (sourceAppId, role) => {
+  const html = `
+    <div id="appeal-modal" style="position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px">
+      <div style="background:#fff;border-radius:8px;max-width:520px;width:100%;padding:20px">
+        <h3 style="margin:0 0 12px">${t('对自动卸任提出申诉')}: ${role}</h3>
+        <div style="font-size:12px;color:#6b7280;margin-bottom:12px;line-height:1.6">
+          ${t('请详细说明:为何 outlier 计数 / COI 警告 / inactive 不应导致卸任。理由至少 100 字符,maintainer 群多签审议,通过后恢复 active 状态。')}
+        </div>
+        <textarea id="appeal-reason-input" rows="6" placeholder="${t('详细说明你的申诉理由(≥100 字符)')}" style="width:100%;padding:8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;font-family:inherit" oninput="document.getElementById('appeal-char-count').textContent = this.value.length; document.getElementById('appeal-submit-btn').disabled = this.value.length < 100"></textarea>
+        <div style="font-size:12px;color:#6b7280;margin-top:4px">${t('字符数')}: <span id="appeal-char-count">0</span> / 100</div>
+        <div id="appeal-msg" style="margin-top:12px"></div>
+        <div style="margin-top:16px;display:flex;gap:8px;justify-content:flex-end">
+          <button class="btn btn-sm btn-outline" onclick="document.getElementById('appeal-modal').remove()">${t('取消')}</button>
+          <button id="appeal-submit-btn" class="btn btn-sm btn-primary" disabled onclick="doSubmitAppeal('${sourceAppId}')">${t('提交申诉')}</button>
+        </div>
+      </div>
+    </div>`
+  document.body.insertAdjacentHTML('beforeend', html)
+}
+
+window.doSubmitAppeal = async (sourceAppId) => {
+  const input = document.getElementById('appeal-reason-input')
+  const msg = document.getElementById('appeal-msg')
+  if (!input || input.value.length < 100) return
+
+  msg.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('提交中...')}</div>`
+  const res = await POST('/governance/onboarding/appeal', {
+    source_application_id: sourceAppId,
+    appeal_reason: input.value.trim(),
+  })
+  if (res.error) { msg.innerHTML = alert$('error', res.error); return }
+  msg.innerHTML = `<div class="alert alert-success">${t('申诉已提交,等待 maintainer 裁决')}</div>`
+  setTimeout(() => {
+    const modal = document.getElementById('appeal-modal')
+    if (modal) modal.remove()
+    renderGovernanceMe(document.getElementById('app'))
+  }, 1500)
+}
+
+// ─── /admin/governance(maintainer activation,#1093 阶段 3)─────
+async function renderAdminGovernance(app) {
+  if (!state.user) { renderLogin(); return }
+  app.innerHTML = shell(loading$(), 'admin')
+
+  // 阶段 4:同时拉 appeals
+  const [data, appealsData] = await Promise.all([
+    GET('/admin/governance/applications'),
+    GET('/admin/governance/appeals'),
+  ])
+  if (data.error) { app.innerHTML = shell(alert$('error', data.error), 'admin'); return }
+
+  const items = data.items || []
+  const appeals = (appealsData && !appealsData.error) ? (appealsData.items || []) : []
+  if (items.length === 0 && appeals.length === 0) {
+    app.innerHTML = shell(`
+      <h1 class="page-title">⚖️ ${t('治理岗位激活')}</h1>
+      <div class="card" style="background:#f0fdf4;border-color:#86efac">
+        <div style="font-weight:600;color:#065f46">${t('当前无待激活申请')}</div>
+        <div style="font-size:13px;color:#047857;margin-top:8px">${t('所有 governance application 均已 active 或未达 onboarding 完成')}</div>
+      </div>
+      <div style="margin-top:16px"><a href="#admin" style="font-size:13px;color:#6b7280">← ${t('返回 admin')}</a></div>
+    `, 'admin')
+    return
+  }
+
+  const list = items.map(a => {
+    const quizOk = a.quiz_passed_at != null
+    const caseOk = a.has_case_review === 1 || a.has_case_review === true
+    const onboardingComplete = quizOk && caseOk
+    const roleLabel = a.role === 'arbitrator' ? t('仲裁员') : t('审核员')
+    return `
+      <div class="card" style="margin-bottom:12px;border-color:${onboardingComplete ? '#86efac' : '#fde68a'}">
+        <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:10px">
+          <div style="flex:1">
+            <div style="font-weight:600;font-size:14px">${a.role === 'arbitrator' ? '⚖' : '🛡'} ${escHtml(a.user_name || '')} <span style="color:#6b7280;font-size:12px">(${a.handle ? '@' + escHtml(a.handle) : a.user_id})</span></div>
+            <div style="font-size:12px;color:#6b7280;margin-top:4px">${t('申请')}: ${roleLabel} · ${t('Region')}: ${escHtml(a.region || '—')} · ${t('Email')}: ${a.email ? '✓' : '✗'}</div>
+            <div style="font-size:12px;margin-top:6px;display:flex;gap:12px">
+              <span style="color:${quizOk ? '#16a34a' : '#dc2626'}">${quizOk ? '✓' : '✗'} ${t('题目')} ${a.quiz_score != null ? a.quiz_score + '%' : '—'}</span>
+              <span style="color:${caseOk ? '#16a34a' : '#dc2626'}">${caseOk ? '✓' : '✗'} ${t('案例 review')}</span>
+            </div>
+          </div>
+          <div style="display:flex;flex-direction:column;gap:6px;align-items:flex-end">
+            <button class="btn btn-sm btn-outline" onclick="viewGovernanceApplication('${a.id}')">${t('查看详情')}</button>
+            ${onboardingComplete ? `<button class="btn btn-sm btn-primary" onclick="doActivateGovernance('${a.id}', '${a.user_id}')">🔑 ${t('激活')}</button>` : `<span style="font-size:11px;color:#dc2626">${t('onboarding 未完成')}</span>`}
+          </div>
+        </div>
+        <div id="gov-app-detail-${a.id}" style="margin-top:10px"></div>
+      </div>`
+  }).join('')
+
+  // 阶段 4:待裁决申诉列表
+  const appealsList = appeals.map(ap => {
+    const roleLabel = ap.role === 'arbitrator' ? t('仲裁员') : t('审核员')
+    const reasonShort = (ap.appeal_reason || '').slice(0, 280)
+    return `
+      <div class="card" style="margin-bottom:12px;border-color:#fde68a;background:#fffbeb">
+        <div style="display:flex;justify-content:space-between;gap:10px">
+          <div style="flex:1">
+            <div style="font-weight:600;font-size:14px">${ap.role === 'arbitrator' ? '⚖' : '🛡'} ${escHtml(ap.user_name || '')} <span style="color:#6b7280;font-size:12px">(${ap.handle ? '@' + escHtml(ap.handle) : ap.user_id})</span></div>
+            <div style="font-size:12px;color:#6b7280;margin-top:4px">${t('申诉')}: ${roleLabel} · ${t('提交于')} ${new Date(ap.created_at * 1000).toLocaleDateString()}${ap.auto_deactivate_at ? ' · ' + t('自动卸任于') + ' ' + new Date(ap.auto_deactivate_at * 1000).toLocaleDateString() : ''}</div>
+            <div style="font-size:13px;color:#374151;margin-top:8px;padding:8px;background:#fff;border-radius:4px;line-height:1.6">${escHtml(reasonShort)}${(ap.appeal_reason || '').length > 280 ? '...' : ''}</div>
+          </div>
+        </div>
+        <div style="margin-top:10px;display:flex;gap:6px;justify-content:flex-end">
+          <button class="btn btn-sm btn-outline" style="color:#dc2626;border-color:#fca5a5" onclick="openResolveAppealModal('${ap.id}', 'reject')">${t('驳回')}</button>
+          <button class="btn btn-sm btn-primary" style="background:#16a34a;border-color:#16a34a" onclick="openResolveAppealModal('${ap.id}', 'accept')">${t('接受恢复')}</button>
+        </div>
+      </div>`
+  }).join('')
+
+  app.innerHTML = shell(`
+    <h1 class="page-title">⚖️ ${t('治理岗位激活')}</h1>
+    ${appeals.length > 0 ? `
+      <h2 style="font-size:15px;color:#92400e;margin:0 0 8px">${t('待裁决申诉')} (${appeals.length})</h2>
+      <div class="card" style="margin-bottom:12px;background:#fff7ed;border-color:#fdba74">
+        <div style="font-size:12px;color:#7c2d12">${t('spec §7.2:申诉通过 → 恢复 active + 抹除 outlier;驳回 → 公开理由(对应元规则 #1 当一切可见)')}</div>
+      </div>
+      ${appealsList}
+      <h2 style="font-size:15px;color:#374151;margin:24px 0 8px">${t('待激活申请')} (${items.length})</h2>
+    ` : ''}
+    <div class="card" style="margin-bottom:16px;background:#eff6ff;border-color:#93c5fd">
+      <div style="font-size:13px;color:#1e3a8a">${t('待激活申请')}: <strong>${items.length}</strong></div>
+      <div style="font-size:12px;color:#1e40af;margin-top:6px">${t('激活前:代码自动 re-gate(eligibility 二次校验)+ Iron-Rule Passkey ceremony,防 maintainer 漏检')}</div>
+    </div>
+    ${list}
+    <div style="margin-top:16px"><a href="#admin" style="font-size:13px;color:#6b7280">← ${t('返回 admin')}</a></div>
+  `, 'admin')
+}
+
+window.openResolveAppealModal = (appealId, decision) => {
+  const isAccept = decision === 'accept'
+  const html = `
+    <div id="resolve-appeal-modal" style="position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px">
+      <div style="background:#fff;border-radius:8px;max-width:520px;width:100%;padding:20px">
+        <h3 style="margin:0 0 12px;color:${isAccept ? '#16a34a' : '#dc2626'}">${isAccept ? '✅ ' + t('接受申诉(恢复 active)') : '❌ ' + t('驳回申诉')}</h3>
+        <div style="font-size:12px;color:#6b7280;margin-bottom:12px;line-height:1.6">
+          ${isAccept
+            ? t('user.roles 将恢复角色,可立即继续履职(抹除 outlier 计数,审计留痕)')
+            : t('user 维持 inactive 状态。处置理由会公开(元规则 #1 当一切可见)')}
+        </div>
+        <textarea id="resolve-text-input" rows="5" placeholder="${t('处置理由(≥30 字符,公开)')}" style="width:100%;padding:8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;font-family:inherit" oninput="document.getElementById('resolve-char-count').textContent = this.value.length; document.getElementById('resolve-submit-btn').disabled = this.value.length < 30"></textarea>
+        <div style="font-size:12px;color:#6b7280;margin-top:4px">${t('字符数')}: <span id="resolve-char-count">0</span> / 30</div>
+        <div id="resolve-msg" style="margin-top:12px"></div>
+        <div style="margin-top:16px;display:flex;gap:8px;justify-content:flex-end">
+          <button class="btn btn-sm btn-outline" onclick="document.getElementById('resolve-appeal-modal').remove()">${t('取消')}</button>
+          <button id="resolve-submit-btn" class="btn btn-sm btn-primary" disabled onclick="doResolveAppeal('${appealId}', '${decision}')">🔑 ${t('Passkey 签发裁决')}</button>
+        </div>
+      </div>
+    </div>`
+  document.body.insertAdjacentHTML('beforeend', html)
+}
+
+window.doResolveAppeal = async (appealId, decision) => {
+  const input = document.getElementById('resolve-text-input')
+  const msg = document.getElementById('resolve-msg')
+  if (!input || input.value.length < 30) return
+  const resolution_text = input.value.trim()
+
+  msg.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('请求 Passkey...')}</div>`
+  let webauthnToken
+  try {
+    webauthnToken = await requestPasskeyGate('governance_appeal_resolve', { appeal_application_id: appealId, decision })
+  } catch (e) {
+    msg.innerHTML = alert$('error', t('Passkey 签发失败:') + ' ' + (e?.message || e))
+    return
+  }
+
+  msg.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('提交中...')}</div>`
+  const res = await POST('/admin/governance/resolve-appeal', {
+    appeal_application_id: appealId,
+    decision,
+    resolution_text,
+    webauthn_token: webauthnToken,
+  })
+  if (res.error) { msg.innerHTML = alert$('error', res.error); return }
+  msg.innerHTML = `<div class="alert alert-success">${t('裁决已记录,user 已通知')}</div>`
+  setTimeout(() => {
+    const modal = document.getElementById('resolve-appeal-modal')
+    if (modal) modal.remove()
+    renderAdminGovernance(document.getElementById('app'))
+  }, 1200)
+}
+
+window.viewGovernanceApplication = async (appId) => {
+  const detailEl = document.getElementById('gov-app-detail-' + appId)
+  if (!detailEl) return
+  detailEl.innerHTML = `<div style="font-size:12px;color:#6b7280">${t('加载中...')}</div>`
+  const data = await GET('/admin/governance/application/' + encodeURIComponent(appId))
+  if (data.error) { detailEl.innerHTML = alert$('error', data.error); return }
+
+  const a = data.application
+  const cases = data.cases_with_expected || []
+  const reviewObj = data.parsed_review
+  const reviews = reviewObj?.reviews || []
+
+  // Map case_id → submitted review
+  const reviewMap = new Map(reviews.map(r => [r.case_id, r]))
+
+  const caseRows = cases.map(c => {
+    const submitted = reviewMap.get(c.id)
+    const match = submitted && submitted.chosen_verdict === c.expected_verdict
+    return `
+      <div style="margin-bottom:8px;padding:8px;background:#f9fafb;border-radius:4px;font-size:12px">
+        <div style="font-weight:600;color:#374151">${c.id}: ${state._lang === 'en' ? c.scenario_en : c.scenario_zh}</div>
+        <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px">
+          <div>
+            <div style="color:#6b7280">${t('申请者选')}:</div>
+            <div style="color:${match ? '#16a34a' : '#dc2626'};font-weight:600">${submitted ? submitted.chosen_verdict : '—'}</div>
+          </div>
+          <div>
+            <div style="color:#6b7280">${t('expected')}:</div>
+            <div style="font-weight:600;color:#047857">${c.expected_verdict}</div>
+          </div>
+        </div>
+        <div style="margin-top:6px">
+          <div style="color:#6b7280">${t('reasoning')}:</div>
+          <div style="white-space:pre-wrap;padding:6px;background:white;border-radius:4px;border:1px solid #e5e7eb">${escHtml(submitted?.reasoning || '—')}</div>
+        </div>
+        <div style="margin-top:6px;font-size:11px;color:#6b7280">${t('key principles')}: ${c.key_principles.join(' / ')}</div>
+      </div>`
+  }).join('')
+
+  detailEl.innerHTML = `
+    <div style="border-top:1px solid #e5e7eb;padding-top:10px">
+      <div style="font-weight:600;font-size:13px;margin-bottom:6px">${t('案例 review 对比')}:</div>
+      ${caseRows || '<div style="font-size:12px;color:#6b7280">' + t('无 review 数据') + '</div>'}
+    </div>`
+}
+
+window.doActivateGovernance = async (applicationId, targetUserId) => {
+  if (!confirm(t('确认激活该申请?将自动 re-gate eligibility + Passkey 签发'))) return
+
+  let webauthnToken
+  try {
+    webauthnToken = await requestPasskeyGate('governance_activate', { application_id: applicationId, target_user_id: targetUserId })
+  } catch (e) {
+    alert(t('Passkey 签发失败:') + ' ' + (e?.message || e))
+    return
+  }
+
+  const res = await POST('/admin/governance/activate', {
+    application_id: applicationId,
+    webauthn_token: webauthnToken,
+  })
+
+  if (res.error) {
+    if (res.missing_requirements) {
+      alert(t('代码自动 re-gate 失败') + ': ' + res.missing_requirements.join(', '))
+    } else {
+      alert(res.error)
+    }
+    return
+  }
+
+  alert(t('✅ 激活成功') + ': ' + res.role)
+  renderAdminGovernance(document.getElementById('app'))
+}
+
+window.doSubmitCaseReview = async (role) => {
+  const msg = document.getElementById('onb-case-msg')
+  if (!msg) return
+
+  // 收集 case reviews
+  const reviews = []
+  const caseVerdictMap = new Map()
+  document.querySelectorAll('[name^="case-"][type="radio"]:checked').forEach(el => {
+    // name format: case-<id>-verdict
+    const caseId = el.name.replace(/^case-/, '').replace(/-verdict$/, '')
+    caseVerdictMap.set(caseId, el.value)
+  })
+  document.querySelectorAll('textarea.case-reasoning').forEach(ta => {
+    const caseId = ta.dataset.caseId
+    const verdict = caseVerdictMap.get(caseId)
+    if (caseId && verdict) {
+      reviews.push({ case_id: caseId, chosen_verdict: verdict, reasoning: ta.value.trim() })
+    }
+  })
+
+  msg.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('提交中...')}</div>`
+  const res = await POST('/governance/onboarding/case-review', { role, reviews })
+
+  if (res.error) {
+    if (res.errors && Array.isArray(res.errors)) {
+      const detail = res.errors.map(e => `${e.case_id}: ${e.reason}`).join('<br>')
+      msg.innerHTML = alert$('error', t('案例 review 不完整') + ':<br>' + detail)
+    } else {
+      msg.innerHTML = alert$('error', res.error)
+    }
+    return
+  }
+
+  msg.innerHTML = `
+    <div class="alert alert-success">
+      <div style="font-weight:600">✅ ${t('案例 review 已提交')} (${res.submitted_count} ${t('个案例')})</div>
+      <div style="margin-top:8px;font-size:13px">${t('maintainer 上岗签字前会对比 expected verdict 评估你的 reasoning 方向')}</div>
+    </div>`
+}
+
+window.doSubmitOnboarding = async (role) => {
+  const msg = document.getElementById('onb-msg')
+  if (!msg) return
+
+  // 收集答案
+  const answers = []
+  // multi-choice
+  const radioGroups = new Map()
+  document.querySelectorAll('input[type="radio"][name^="mcq-"]:checked').forEach(el => {
+    radioGroups.set(el.name, el.value)
+  })
+  radioGroups.forEach((answer, qid) => answers.push({ question_id: qid, answer }))
+  // short-answer
+  document.querySelectorAll('textarea.short-answer').forEach(ta => {
+    answers.push({ question_id: ta.dataset.qid, answer: ta.value.trim() })
+  })
+
+  msg.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('评分中...')}</div>`
+  const res = await POST('/governance/onboarding/quiz-submit', { role, answers })
   if (res.error) { msg.innerHTML = alert$('error', res.error); return }
-  msg.innerHTML = alert$('success', t('申请已提交，等待管理员审核'))
-  setTimeout(() => navigate('#me'), 1500)
+
+  const detail = (res.per_question || []).map(p => `
+    <span style="display:inline-block;margin:2px;padding:2px 6px;background:${p.ok ? '#dcfce7' : '#fee2e2'};color:${p.ok ? '#166534' : '#991b1b'};font-size:11px;border-radius:4px">${p.id} ${p.ok ? '✓' : '✗'}</span>`).join('')
+
+  if (res.passed) {
+    msg.innerHTML = `
+      <div class="alert alert-success">
+        <div style="font-weight:600">✅ ${t('合格')}! ${t('得分')}: ${res.score_pct}% (${res.correct}/${res.total})</div>
+        <div style="margin-top:8px;font-size:12px">${detail}</div>
+        <div style="margin-top:10px;font-size:13px">${t('下一步:等待 maintainer 激活,本阶段未上线 admin UI')}</div>
+      </div>`
+  } else {
+    msg.innerHTML = `
+      <div class="alert alert-error">
+        <div style="font-weight:600">⚠️ ${t('未合格')}: ${res.score_pct}% < ${res.pass_threshold}%</div>
+        <div style="margin-top:8px;font-size:12px">${detail}</div>
+        <div style="margin-top:10px;font-size:13px">${t('可重试提交')}</div>
+      </div>`
+  }
+}
+
+window.updateGovApplyState = () => {
+  const cb1 = document.getElementById('gov-consent-1')
+  const cb2 = document.getElementById('gov-consent-2')
+  const btn = document.getElementById('gov-submit-btn')
+  if (cb1 && cb2 && btn) {
+    const ok = cb1.checked && cb2.checked && !cb2.disabled
+    btn.disabled = !ok
+    btn.style.opacity = ok ? '1' : '0.5'
+  }
+}
+
+window.doSubmitGovernanceApply = async (role, pageLoadedAt) => {
+  const msg = document.getElementById('gov-apply-msg')
+  if (!msg) return
+
+  // 1. 生成 consent_hash(client-side SHA-256)
+  // PR #22 review fix P1-2:与 server 同步的 disclosure_version,server 重建 hash 校验内容(防"任意 16 字符过关")
+  // 文本格式必须与 src/pwa/routes/governance-onboarding.ts expectedConsentHash() 一致
+  const GOVERNANCE_APPLY_DISCLOSURE_VERSION = 'v1.0-2026-06-02'
+  const consentText = 'governance_apply|disclosure=' + GOVERNANCE_APPLY_DISCLOSURE_VERSION + '|role=' + role + '|user=' + state.user.id + '|page_loaded_at=' + pageLoadedAt
+  const encoder = new TextEncoder()
+  const hashBuffer = await crypto.subtle.digest('SHA-256', encoder.encode(consentText))
+  const consentHash = Array.from(new Uint8Array(hashBuffer)).map(b => b.toString(16).padStart(2,'0')).join('')
+
+  // 2. Passkey 签发(spec §3.1 Iron-Rule 真人 gate)
+  msg.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('请通过 Passkey / 生物识别确认...')}</div>`
+  let passkeyToken
+  try {
+    passkeyToken = await requestPasskeyGate('governance_apply', { role, consent_hash: consentHash })
+  } catch (e) {
+    msg.innerHTML = alert$('error', t('Passkey 签发失败:') + ' ' + (e?.message || e))
+    return
+  }
+
+  // 3. POST /api/governance/onboarding/apply
+  msg.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('提交中...')}</div>`
+  const res = await POST('/governance/onboarding/apply', {
+    role,
+    consent_hash: consentHash,
+    passkey_sig: passkeyToken,
+    iron_rule_method: 'passkey',
+    page_loaded_at: pageLoadedAt,
+  })
+
+  if (res.error) {
+    if (res.missing_requirements && Array.isArray(res.missing_requirements)) {
+      msg.innerHTML = alert$('error', t('门槛未达标') + ': ' + res.missing_requirements.join(', '))
+    } else {
+      msg.innerHTML = alert$('error', res.error)
+    }
+    return
+  }
+
+  msg.innerHTML = alert$('success', t('申请已提交,等待 maintainer review') + ' (' + (res.application_id || '') + ')')
+  setTimeout(() => navigate('#me'), 2500)
 }
 
 window.doWithdrawVerifierApp = async () => {
@@ -5213,6 +6242,15 @@ function renderWelcome(app) {
               <a class="w-btn-full w-btn-outline" href="https://t.me/webazer" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;justify-content:center;text-decoration:none">${T('加入 Telegram', 'Join Telegram')}</a>
             </div>
           </div>
+          <div class="w-card w-join-card">
+            <div class="w-join-card-left">
+              <div class="w-card-title">📧 ${T('邮件联系', 'Email us')}</div>
+              <div class="w-card-desc">${T('合作 / 反馈 / 合规咨询', 'Partnerships / feedback / compliance')}</div>
+            </div>
+            <div class="w-join-card-right">
+              <a class="w-btn-full w-btn-outline" href="mailto:contact@webaz.xyz" style="display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px">contact@webaz.xyz</a>
+            </div>
+          </div>
           <div class="w-card w-join-card">
             <div class="w-join-card-left">
               <div class="w-card-title">🚀 ${T('立即注册', 'Sign up now')}</div>
@@ -5233,7 +6271,7 @@ function renderWelcome(app) {
           <a href="https://github.com/seasonsagents-art/webaz/blob/main/docs/META-RULES-FULL.md" target="_blank" rel="noopener">${T('完整元规则', 'Full Meta-Rules')}</a>
           <a href="https://github.com/seasonsagents-art/webaz" target="_blank" rel="noopener">GitHub</a>
           <a href="#">${T('协议白皮书', 'Whitepaper')}</a>
-          <a href="mailto:contact@webaz.xyz">${T('联系', 'Contact')}</a>
+          <a href="mailto:contact@webaz.xyz">📧 contact@webaz.xyz</a>
         </div>
       </footer>
     </div>
@@ -5306,6 +6344,132 @@ function renderWelcome(app) {
     })
   } catch { /* never break the page */ }
 }
+
+// 2026-06-02 W3.5-B:/governance-onboarding 公开页(无 auth)
+// 引导潜在 arbitrator/verifier 申请人;phase A 无报酬声明;现有岗位人数 stat
+async function renderGovernanceOnboarding(app) {
+  const en = window._lang === 'en'
+  const T = (zh, e) => en && e ? e : zh
+  const esc = (s) => String(s ?? '').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#039;')
+  app.innerHTML = `
+    ${preLaunchBannerHTML()}
+    <div style="max-width:880px;margin:0 auto;padding:24px 16px 80px;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','PingFang SC','Microsoft YaHei UI',sans-serif">
+      <header style="text-align:center;margin-bottom:40px">
+        <h1 style="font-size:clamp(28px,5vw,36px);margin:0 0 12px;color:#18181B">⚖️ ${T('治理上岗', 'Governance Onboarding')}</h1>
+        <p style="color:#52525B;font-size:16px;margin:0">${T('phase A:公共贡献,无报酬', 'Phase A: public contribution, no compensation')}</p>
+      </header>
+
+      <section style="background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:24px;margin-bottom:24px">
+        <h2 style="font-size:22px;margin:0 0 16px;color:#18181B">📊 ${T('当前在岗', 'Currently active')}</h2>
+        <div id="gov-stats" style="min-height:80px">
+          <div style="color:#a1a1aa;font-size:14px;text-align:center;padding:20px">${T('加载中…', 'Loading…')}</div>
+        </div>
+      </section>
+
+      <section style="background:#fee2e2;border:1px solid #ef4444;border-radius:12px;padding:20px;margin-bottom:24px">
+        <h3 style="margin:0 0 12px;color:#991b1b;font-size:18px">⚠️ ${T('重要:这不是赚钱机会', 'Important: this is NOT an income opportunity')}</h3>
+        <ul style="margin:0;padding-left:20px;color:#7f1d1d;line-height:1.8;font-size:14px">
+          <li>${T('phase A 不发任何现金 / WAZ 报酬', 'No cash / WAZ compensation in phase A')}</li>
+          <li>${T('治理是公共贡献,非雇佣关系', 'Governance is public contribution, not employment')}</li>
+          <li>${T('履职记录关系层永久保留,估值层 phase D DAO 决定', 'Performance records kept in relationship layer (permanent), valuation by phase D DAO')}</li>
+          <li>${T('误以为 income 来源会失望 — 请先确认意愿', 'Mistaking it as income source will disappoint — confirm intent first')}</li>
+        </ul>
+      </section>
+
+      <section style="background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:24px;margin-bottom:24px">
+        <h3 style="margin:0 0 16px;color:#18181B;font-size:18px">📋 ${T('资格门槛', 'Eligibility')}</h3>
+        <div id="gov-thresholds" style="color:#52525B;font-size:14px;line-height:1.8">
+          <div style="color:#a1a1aa;text-align:center;padding:12px">${T('加载阈值…', 'Loading thresholds…')}</div>
+        </div>
+      </section>
+
+      <section style="background:#dbeafe;border:1px solid #3b82f6;border-radius:12px;padding:20px;margin-bottom:24px">
+        <h3 style="margin:0 0 12px;color:#1e40af;font-size:18px">🛡️ ${T('履职范围', 'Duties')}</h3>
+        <ul style="margin:0;padding-left:20px;color:#1e3a8a;line-height:1.8;font-size:14px">
+          <li><strong>arbitrator</strong> — ${T('仲裁纠纷 dispute(Iron-Rule 真人 Passkey 必备)', 'Arbitrate disputes (Iron-Rule requires real human Passkey)')}</li>
+          <li><strong>verifier</strong> — ${T('验证 claim(同 Iron-Rule)', 'Verify claims (same Iron-Rule)')}</li>
+          <li>${T('卸任 30 天冷却 / outlier 自动 deactivate / 申诉路径', 'Resignation 30d cooldown / outlier auto-deactivate / appeal path')}</li>
+        </ul>
+      </section>
+
+      <section style="background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;padding:20px;margin-bottom:24px">
+        <h3 style="margin:0 0 12px;color:#92400e;font-size:18px">🚀 ${T('如何申请', 'How to apply')}</h3>
+        <ol style="margin:0;padding-left:20px;color:#78350f;line-height:1.8;font-size:14px">
+          <li>${T('登录(若未登录)→ 进入 #me', 'Log in (if needed) → go to #me')}</li>
+          <li>${T('达成资格门槛(Passkey + 30 天 + 5 笔订单 + reputation)', 'Meet thresholds (Passkey + 30d + 5 orders + reputation)')}</li>
+          <li>${T('点 [申请审核员] 入口(verifier)', 'Click [Apply to be verifier] entry')}</li>
+          <li>${T('阅读披露 + 双勾选 + 8s 反诱导延迟 + Passkey 签发', 'Read disclosure + dual checkbox + 8s anti-railroad delay + Passkey sign')}</li>
+          <li>${T('完成 onboarding(学习包 + 案例 + 80% 测试)', 'Complete onboarding (study pack + cases + 80% quiz)')}</li>
+          <li>${T('maintainer Iron-Rule 签发激活', 'Maintainer Iron-Rule signing activation')}</li>
+        </ol>
+      </section>
+
+      <section style="border-top:1px solid #e4e4e7;padding-top:20px;color:#71717a;font-size:13px;line-height:1.7">
+        <p style="margin:0 0 8px"><strong>${T('完整规范', 'Full spec')}:</strong></p>
+        <ul style="margin:0;padding-left:20px">
+          <li><a href="https://github.com/seasonsagents-art/webaz/blob/main/docs/GOVERNANCE-ONBOARDING.md" target="_blank" rel="noopener" style="color:#1d4ed8">GOVERNANCE-ONBOARDING.md</a> — ${T('资格 / 流程 / 卸任 / 申诉', 'eligibility / flow / resignation / appeal')}</li>
+          <li><a href="https://github.com/seasonsagents-art/webaz/blob/main/docs/ARBITRATION-PLAYBOOK.md" target="_blank" rel="noopener" style="color:#1d4ed8">ARBITRATION-PLAYBOOK.md</a> — ${T('arbitrator 决策框架 + 5 模拟案例', 'arbitrator decision framework + 5 simulated cases')}</li>
+          <li>${T('机读 JSON 端点', 'Machine-readable JSON endpoint')}: <code style="background:#f4f4f5;padding:2px 6px;border-radius:4px">/api/governance/onboarding-stats</code></li>
+        </ul>
+      </section>
+    </div>
+  `
+
+  try {
+    const r = await fetch('/api/governance/onboarding-stats', { signal: AbortSignal.timeout(10000) })
+    const j = await r.json()
+    const stats = document.getElementById('gov-stats')
+    const thr = document.getElementById('gov-thresholds')
+    stats.innerHTML = `
+      <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:12px">
+        <div style="text-align:center;padding:16px;background:#f4f4f5;border-radius:8px">
+          <div style="font-size:32px;font-weight:700;color:#18181B">${j.active_arbitrators || 0}</div>
+          <div style="font-size:13px;color:#71717a;margin-top:4px">${T('在岗 arbitrator', 'Active arbitrators')}</div>
+        </div>
+        <div style="text-align:center;padding:16px;background:#f4f4f5;border-radius:8px">
+          <div style="font-size:32px;font-weight:700;color:#18181B">${j.active_verifiers || 0}</div>
+          <div style="font-size:13px;color:#71717a;margin-top:4px">${T('在岗 verifier', 'Active verifiers')}</div>
+        </div>
+        <div style="text-align:center;padding:16px;background:#f4f4f5;border-radius:8px">
+          <div style="font-size:32px;font-weight:700;color:#18181B">${j.pending_applications || 0}</div>
+          <div style="font-size:13px;color:#71717a;margin-top:4px">${T('待审申请', 'Pending applications')}</div>
+        </div>
+      </div>
+      <p style="text-align:center;color:#a1a1aa;font-size:12px;margin:12px 0 0">${T('phase A 暂多为 fixture 数据;launch 后接受真实申请', 'Phase A counts are mostly fixtures; real applications post-launch')}</p>
+    `
+    // 真实 enforced 门槛(role-split),来自 onboarding-stats.eligibility — 与 server 代码同步
+    const el = j.eligibility || {}
+    const arb = el.arbitrator || {}
+    const ver = el.verifier || {}
+    const yes = T('需', 'required')
+    thr.innerHTML = `
+      <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px">
+        <div style="background:#f4f4f5;border-radius:8px;padding:12px">
+          <div style="font-weight:700;margin-bottom:6px">⚖️ Arbitrator</div>
+          <div style="font-size:13px;line-height:1.9;color:#3f3f46">
+            📅 ${T('注册', 'Registered')} ≥ <strong>${esc(arb.registration_days ?? '?')}</strong> ${T('天', 'd')}<br>
+            📦 ${T('完成订单', 'Completed orders')} ≥ <strong>${esc(arb.completed_orders ?? '?')}</strong><br>
+            ⭐ ${T('信誉', 'Reputation')} ≥ <strong>${esc(arb.reputation ?? '?')}</strong><br>
+            💰 ${T('钱包余额', 'Balance')} ≥ <strong>${esc(arb.balance_waz ?? '?')}</strong> WAZ<br>
+            ✉️ ${T('邮箱验证', 'Email verified')} · 🚫 ${T('零仲裁判输', 'Zero disputes lost')} · ✅ ${T('未曾暂停', 'Never suspended')}
+          </div>
+        </div>
+        <div style="background:#f4f4f5;border-radius:8px;padding:12px">
+          <div style="font-weight:700;margin-bottom:6px">🔍 Verifier</div>
+          <div style="font-size:13px;line-height:1.9;color:#3f3f46">
+            📅 ${T('注册', 'Registered')} ≥ <strong>${esc(ver.registration_days ?? '?')}</strong> ${T('天', 'd')}<br>
+            📦 ${T('完成订单', 'Completed orders')} ≥ <strong>${esc(ver.completed_orders ?? '?')}</strong><br>
+            ✉️ ${T('邮箱验证', 'Email verified')} · 🚫 ${T('零仲裁判输', 'Zero disputes lost')} · ✅ ${T('未曾暂停', 'Never suspended')}
+          </div>
+        </div>
+      </div>
+      <div style="margin-top:10px;font-size:13px;color:#3f3f46">📝 ${T('两岗均需 onboarding 测试合格分', 'Both roles: onboarding quiz pass score')} ≥ <strong>${esc(j.quiz_pass_score ?? 80)}%</strong></div>
+    `
+  } catch (e) {
+    document.getElementById('gov-stats').innerHTML = `<div style="color:#dc2626;text-align:center;padding:20px;font-size:14px">${T('加载失败', 'Load failed')}: ${esc(e.message || 'unknown')}</div>`
+  }
+}
+
 function renderRule(num, text) {
   const [zh, en] = text.includes(' / ') ? text.split(' / ') : [text, '']
   return `<div class="w-rule w-rule-item">
@@ -5549,11 +6713,11 @@ async function renderPromoter(app) {
   const pending = atomic.score?.pending_score || 0
   const _mlmMax = Number(state.user?.region_max_levels ?? 1)
   const _kpiRestricted = _mlmMax <= 1
-  // 两个语义独立的 gate（三级奖励 ≠ PV 双轨系统）:
+  // 两个语义独立的 gate（三级奖励 ≠ PV 双轨系统）—— 2026-06-04 已解耦:
   // - _kpiRestricted (max ≤ 1)：紧张地区 — KPI 改时间线 / team 隐 WAZ
-  // - _pvAllowed (max = 3)：仅 DSA 框架国家 — 显示双轨/tier/对碰/左右码
-  // 中国/美国/欧盟等 max=2 地区：commission L1+L2 允许，但 PV 双轨系统必须禁
-  const _pvAllowed = _mlmMax >= 3
+  // - _pvAllowed：PV 双轨/对碰系统是否开启，读 region_pv_enabled（独立旋钮，不再绑 max≥3）
+  //   commission 层级(max_levels) 与 PV 系统(pv_enabled) 分离：可单独开某辖区到 L2/L3 而 PV 仍关。
+  const _pvAllowed = Number(state.user?.region_pv_enabled ?? 0) === 1
   // 紧张地区：拼装最近奖励时间线（commission + 对碰 binary 混合，按时间倒序取 5 条）
   let kpiBar = ''
   if (_kpiRestricted) {
@@ -5892,8 +7056,8 @@ async function renderPromoter(app) {
   // 最右侧地区显示（所有模式都加）
   const _userRegion = state.user?.region || 'global'
   const _regionChip = `<span style="font-size:11px;color:#6b7280;white-space:nowrap;font-weight:400">${regionLabel(_userRegion)}</span>`
-  // PV 双轨系统：只在 _pvAllowed (max=3) 才显示完整 tier/对碰/弱腿；
-  // 中国/美国/欧盟等 max=2 地区 → 走精简卡（同 max≤1）
+  // PV 双轨系统：只在 _pvAllowed（region_pv_enabled=1，2026-06-04 解耦，独立于 max_levels）才显示完整 tier/对碰/弱腿；
+  // 未开启 PV 的地区 → 走精简卡（分数仍后台计算累积，待 pv_enabled 开启/迁移后兑现）
   const atomicSection = atomic.left_invite_url
     ? (!_pvAllowed
       ? `<div style="margin-bottom:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px">
@@ -8518,6 +9682,80 @@ async function renderFeedback(app) {
   `, 'me')
 }
 
+// ─── RFC-004 build feedback(用→建)：浮动入口弹窗 + 闭环视图 ───────────
+window.openBuildFeedback = () => {
+  if (!state.user) { toast$(t('请先登录')); navigate('#login'); return }
+  const page = (location.hash || '#/').split('?')[0]   // 非 PII:只取当前页面路由作上下文
+  const html = `
+    <div class="js-modal" style="background:rgba(0,0,0,0.6);position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center" onclick="this.remove()">
+      <div style="background:#fff;width:100%;max-width:560px;border-radius:16px 16px 0 0;padding:20px;max-height:82vh;overflow-y:auto" onclick="event.stopPropagation()">
+        <h2 style="font-size:16px;font-weight:700;margin-bottom:4px">💬 ${t('反馈 / 建议')}</h2>
+        <div style="font-size:11px;color:#9ca3af;margin-bottom:12px">${t('帮我们改进 WebAZ。会自动附上当前页面')} <code style="background:#f3f4f6;padding:1px 5px;border-radius:4px">${escHtml(page)}</code> ${t('作为上下文(不含个人信息)')}</div>
+        <div class="form-group">
+          <label class="form-label">${t('类型')}</label>
+          <select class="form-control" id="bfb-type">
+            <option value="ux_issue">${t('体验问题(用着别扭)')}</option>
+            <option value="bug">${t('Bug(报错 / 坏了)')}</option>
+            <option value="proposal">${t('改进提案(建设 · 需绑 Passkey,被采纳记共建信誉)')}</option>
+          </select>
+        </div>
+        <div class="form-group">
+          <label class="form-label">${t('描述')} *</label>
+          <textarea class="form-control" id="bfb-text" rows="5" maxlength="2000" placeholder="${t('发生了什么 / 你的想法（≥5 字）')}"></textarea>
+        </div>
+        <div id="bfb-msg" style="margin:8px 0"></div>
+        <div style="display:flex;gap:8px">
+          <button class="btn btn-gray" style="flex:1" onclick="this.closest('.js-modal').remove()">${t('取消')}</button>
+          <button class="btn btn-primary" style="flex:1" onclick="submitBuildFeedback('${escHtml(page)}')">${t('提交')}</button>
+        </div>
+        <div style="text-align:center;margin-top:12px">
+          <a onclick="this.closest('.js-modal').remove();navigate('#build-feedback')" style="font-size:12px;color:#4f46e5;cursor:pointer">${t('查看我的反馈进度 →')}</a>
+        </div>
+      </div>
+    </div>`
+  const div = document.createElement('div'); div.innerHTML = html; document.body.appendChild(div.firstElementChild)
+}
+
+window.submitBuildFeedback = async (page) => {
+  const type = document.getElementById('bfb-type').value
+  const text = document.getElementById('bfb-text').value.trim()
+  const msg = document.getElementById('bfb-msg')
+  if (text.length < 5) { msg.innerHTML = alert$('error', t('请至少写 5 个字')); return }
+  msg.innerHTML = loading$()
+  const res = await POST('/build-feedback', { type, text, area: page, scene: [{ page }] })
+  if (res.error) { msg.innerHTML = alert$('error', res.error); return }   // 如 proposal 无 Passkey → 后端返回引导
+  document.querySelector('.js-modal')?.remove()
+  toast$(res.status === 'duplicate' ? t('已有类似建议,已合并 🙌') : t('反馈已提交,谢谢! 🙏'))
+}
+
+async function renderMyBuildFeedback(app) {
+  if (!state.user) { renderLogin(); return }
+  app.innerHTML = shell(loading$(), 'me')
+  const r = await GET('/build-feedback/mine')
+  const list = r?.feedback || []
+  const SL = () => ({ received: t('已收到'), triaged: t('已分类'), in_progress: t('处理中'), resolved: t('已采纳 ✅'), declined: t('未采纳'), duplicate: t('已合并') })
+  const SC = { received: '#d97706', triaged: '#4f46e5', in_progress: '#4f46e5', resolved: '#16a34a', declined: '#6b7280', duplicate: '#6b7280' }
+  const TL = () => ({ ux_issue: t('体验问题'), bug: 'Bug', proposal: t('提案') })
+  const rows = list.length === 0
+    ? `<div style="text-align:center;padding:40px;color:#9ca3af"><div style="font-size:48px;margin-bottom:8px">💬</div><div style="font-size:13px">${t('还没有反馈 — 用着有问题随时点左下角 💬')}</div></div>`
+    : list.map(f => `
+        <div class="card" style="padding:12px;margin-bottom:8px">
+          <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px">
+            <span style="font-size:11px;color:#6b7280">${TL()[f.type] || f.type}${f.area ? ` · <code style="background:#f3f4f6;padding:1px 4px;border-radius:4px">${escHtml(String(f.area))}</code>` : ''}</span>
+            <span style="font-size:10px;font-weight:600;color:#fff;background:${SC[f.status] || '#6b7280'};padding:2px 8px;border-radius:99px;white-space:nowrap">${SL()[f.status] || f.status}</span>
+          </div>
+          <div style="font-size:13px;color:#374151">${escHtml(String(f.body || ''))}</div>
+          ${f.resolution ? `<div style="font-size:11px;color:#6b7280;margin-top:6px;padding-top:6px;border-top:1px solid #f3f4f6">↳ ${escHtml(String(f.resolution))}</div>` : ''}
+          ${Number(f.credited_points) > 0 ? `<div style="font-size:11px;color:#16a34a;margin-top:4px">🏅 +${f.credited_points} ${t('共建信誉')}</div>` : ''}
+        </div>`).join('')
+  app.innerHTML = shell(`
+    <h1 class="page-title">💬 ${t('我的反馈')}</h1>
+    <div style="font-size:12px;color:#6b7280;margin-bottom:14px">${t('你提的问题 / 建议进展 — 被采纳的提案会记入共建信誉')}</div>
+    <button class="btn btn-primary btn-sm" style="margin-bottom:12px" onclick="openBuildFeedback()">+ ${t('新反馈 / 建议')}</button>
+    ${rows}
+  `, 'me')
+}
+
 // W7 客服 ticket-thread 视图
 const TICKET_TYPE_META = {
   created:       { icon: '🛟', title: '新建工单',   border: '#d97706' },
@@ -9572,6 +10810,11 @@ window.sharePromoLink = async (productId, title) => {
   // 商品级 verified 校验 + 拿/建 shareable，走 /s/<id> 短链
   const res = await POST(`/products/${productId}/get-or-create-share`)
   if (res.error) {
+    if (res.error === 'rewards_opt_in_required') {
+      const msg = (window._lang === 'en' ? res.message_en : res.message_zh) || res.message_zh || res.error
+      const missing = Array.isArray(res.missing_requirements) ? `\n\n${t('待补')}: ${res.missing_requirements.join(', ')}` : ''
+      return alert(`⚠ ${msg}${missing}\n\n${t('前往 #me 申请共建身份')}`)
+    }
     return alert(`⚠ ${res.error}${res.completed_orders === 0 ? '\n' + t('完成该商品的购买后再分享') : ''}`)
   }
   const link = `${location.origin}${res.short_url}`
@@ -19303,6 +20546,45 @@ function buildDisputeHtml(dispute, user) {
       <button class="btn btn-primary btn-sm" style="width:auto" onclick="handleDisputeRespond('${dispute.id}','${dispute.order_id}')">提交反驳证据</button>
     </div>` : ''
 
+  // ── 仲裁员:暂停 / 恢复自动判定时钟(playbook §2.1)────
+  // 补证据期 > 48h 时必须显式暂停,避免被协议层 48h 沉默判架空
+  const isPaused = dispute.auto_judge_paused_until && dispute.auto_judge_paused_until * 1000 > Date.now()
+  const pauseSection = isArbitrator && dispute.status !== 'resolved' && !dispute.ruling_type ? (
+    isPaused ? `
+    <div style="margin-top:12px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:12px">
+      <div style="font-size:13px;font-weight:600;color:#92400e;margin-bottom:6px">⏸️ ${t('自动判定时钟已冻结')}</div>
+      <div style="font-size:12px;color:#78350f;line-height:1.6;margin-bottom:8px">
+        ${t('到期')}: ${new Date(dispute.auto_judge_paused_until * 1000).toLocaleString()}<br>
+        ${t('理由')}: ${escHtml(dispute.auto_judge_pause_reason || '—')}
+      </div>
+      <button class="btn btn-sm btn-outline" style="font-size:12px" onclick="handleArbitratorResume('${dispute.id}')">▶️ ${t('立即解冻(直接进入裁决/补证后)')}</button>
+    </div>
+    ` : `
+    <div style="margin-top:12px">
+      <button class="btn btn-outline btn-sm" style="width:auto;font-size:12px" onclick="(function(){var s=document.getElementById('pause-section-${dispute.id}');s.style.display=s.style.display==='none'?'':'none'})()">⏸️ ${t('暂停自动判定时钟')}</button>
+      <div id="pause-section-${dispute.id}" style="display:none;margin-top:10px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:12px">
+        <div style="font-size:12px;color:#92400e;line-height:1.6;margin-bottom:8px">${t('playbook §2.1:补证据期 > 48h 时显式调用,冻结协议自动判定时钟。最大窗口 7 天。')}</div>
+        <div id="pause-msg-${dispute.id}"></div>
+        <div style="margin-bottom:8px">
+          <label style="font-size:12px;color:#6b7280;display:block;margin-bottom:4px">${t('暂停理由(≥10 字符,公开 audit_log)')}</label>
+          <textarea class="form-control" id="pause-reason-${dispute.id}" rows="3" placeholder="${t('例:已通知 buyer 补开箱视频,等 72h')}" style="font-size:13px"></textarea>
+        </div>
+        <div style="margin-bottom:10px">
+          <label style="font-size:12px;color:#6b7280;display:block;margin-bottom:4px">${t('冻结到期')}</label>
+          <select class="form-control" id="pause-hours-${dispute.id}" style="font-size:13px">
+            <option value="24">24h</option>
+            <option value="48" selected>48h</option>
+            <option value="72">72h</option>
+            <option value="120">5d</option>
+            <option value="168">7d ${t('(最大)')}</option>
+          </select>
+        </div>
+        <button class="btn btn-primary btn-sm" style="width:auto" onclick="handleArbitratorPause('${dispute.id}')">⏸️ ${t('暂停时钟')}</button>
+      </div>
+    </div>
+    `
+  ) : ''
+
   // ── 仲裁员：发起补充证据请求 ──────────────────
   const requestEvidenceSection = isArbitrator && dispute.status !== 'resolved' ? `
     <div style="margin-top:12px">
@@ -19435,6 +20717,7 @@ function buildDisputeHtml(dispute, user) {
       ${respondSection}
       ${partyAddEvidenceSection}
       ${uploadBlobSection}
+      ${pauseSection}
       ${requestEvidenceSection}
       ${arbitrateSection}
 
@@ -19707,6 +20990,30 @@ window.handleRequestEvidence = async (disputeId) => {
   setTimeout(() => renderDisputeDetail(document.getElementById('app'), disputeId), 1200)
 }
 
+// task #1093 stage 6: arbitrator pause / resume auto-judge clock (playbook §2.1)
+window.handleArbitratorPause = async (disputeId) => {
+  const reason = document.getElementById('pause-reason-' + disputeId)?.value?.trim()
+  const hours = Number(document.getElementById('pause-hours-' + disputeId)?.value) || 48
+  const msgEl = document.getElementById('pause-msg-' + disputeId)
+  if (!reason || reason.length < 10) {
+    msgEl.innerHTML = alert$('error', t('暂停理由至少 10 字符'))
+    return
+  }
+  const untilTs = Math.floor(Date.now() / 1000) + hours * 3600
+  msgEl.innerHTML = `<div class="alert alert-info"><span class="spinner"></span>${t('提交中...')}</div>`
+  const res = await POST(`/disputes/${disputeId}/arbitrator-pause-auto-judge`, { reason, until_ts: untilTs })
+  if (res.error) { msgEl.innerHTML = alert$('error', res.error); return }
+  msgEl.innerHTML = alert$('success', t('自动判定时钟已冻结'))
+  setTimeout(() => renderDisputeDetail(document.getElementById('app'), disputeId), 1200)
+}
+
+window.handleArbitratorResume = async (disputeId) => {
+  if (!confirm(t('确认立即解冻自动判定时钟? 协议层 48h 沉默判定将重新生效。'))) return
+  const res = await POST(`/disputes/${disputeId}/arbitrator-resume-auto-judge`, {})
+  if (res.error) { alert(res.error); return }
+  renderDisputeDetail(document.getElementById('app'), disputeId)
+}
+
 // 当事方提交证据
 window.handleSubmitEvidence = async (requestId, disputeId) => {
   const type    = document.getElementById(`er-type-${requestId}`)?.value
@@ -23553,8 +24860,7 @@ async function renderWallet(app) {
 
     <!-- 卖家收入分类速览（仅 seller 显示）- 2026-05-24 对碰列只在 PV 允许地区显示 -->
     ${state.user?.role === 'seller' ? (() => {
-      const _maxLvl = getMaxLevels()
-      const _pvOK = _maxLvl >= 3
+      const _pvOK = Number(state.user?.region_pv_enabled ?? 0) === 1  // 2026-06-04 解耦:PV 列读 pv_enabled,不再绑 max≥3
       const cols = _pvOK ? 4 : 3
       return `
       <div class="card" style="margin-bottom:12px;padding:14px">
@@ -24548,25 +25854,9 @@ if ('serviceWorker' in navigator) {
   navigator.serviceWorker.register('/sw.js').catch(() => {})
 }
 
-// PWA install prompt: 捕获 beforeinstallprompt，等待用户主动触发
-let _deferredInstallPrompt = null
-window.addEventListener('beforeinstallprompt', (e) => {
-  e.preventDefault()
-  _deferredInstallPrompt = e
-  // 触发一次重渲，让 navbar install 按钮出现
-  try { if (typeof route === 'function') route() } catch {}
-})
-window.addEventListener('appinstalled', () => {
-  _deferredInstallPrompt = null
-  try { if (typeof route === 'function') route() } catch {}
-})
-window.canInstallPWA = () => !!_deferredInstallPrompt
-window.doInstallPWA = async () => {
-  if (!_deferredInstallPrompt) return
-  _deferredInstallPrompt.prompt()
-  try { await _deferredInstallPrompt.userChoice } catch {}
-  _deferredInstallPrompt = null
-}
+// 上面 line ~25263 已注册 beforeinstallprompt 监听 + doInstallPWA(带 iOS/通用引导 fallback);
+// 此处只补一个 canInstallPWA helper 给 navbar 按钮判 visibility 用。
+window.canInstallPWA = () => !!window._installPromptEvent || isIOS()
 
 // 离线状态全局 banner
 function ensureOfflineBanner() {
@@ -27834,9 +29124,20 @@ async function renderLeaderboard(app) {
   // 2026-05-23 隐私第一原理：buyers/sellers 榜不再展示 GMV 金额（运营状态私密）
   const tabBtn = (k, label) => `<button onclick="setLeaderboardKind('${k}')" style="padding:6px 14px;border-radius:99px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid ${kind===k?'#4f46e5':'#e5e7eb'};background:${kind===k?'#eef2ff':'#fff'};color:${kind===k?'#4338ca':'#6b7280'}">${label}</button>`
 
+  // #1080 audit: spec §6.1 mandatory banner for arbitrators/verifiers leaderboards
+  // (governance roles where reward-distribution misinterpretation is highest risk)
+  const isGovernanceLeaderboard = kind === 'arbitrators' || kind === 'verifiers'
+  const governanceBanner = isGovernanceLeaderboard ? `
+    <div style="margin-bottom:14px;padding:12px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;font-size:12px;color:#7c2d12;line-height:1.6">
+      <div style="font-weight:600;margin-bottom:4px">📊 ${t('本榜单仅展示履职数据,不构成 token / 经济利益分配')}</div>
+      <div style="opacity:0.85">${t('Reward distribution 机制由 phase D first DAO 决定。详 docs/GOVERNANCE-LEADERBOARD-SPEC.md。')}</div>
+    </div>
+  ` : ''
+
   document.getElementById('lb-root').innerHTML = `
     <h2 style="font-size:18px;font-weight:700;margin-bottom:6px">🏆 ${t('排行榜')}</h2>
     <div style="font-size:11px;color:#6b7280;margin-bottom:14px;line-height:1.5">${t('协议不分发流量；越多真实推荐 / 点赞 → 越靠前')}</div>
+    ${governanceBanner}
     <div style="display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap">
       ${tabBtn('products', '📦 ' + t('商品榜'))}
       ${tabBtn('value_products', '💎 ' + t('性价比榜'))}
@@ -27901,16 +29202,21 @@ async function renderLeaderboard(app) {
         `
       }).join('') :
       kind === 'arbitrators' ? items.map((u, i) => {
-        const fs = u.fairness_score != null ? (u.fairness_score * 100).toFixed(1) + '%' : '—'
-        const fsColor = u.fairness_score != null && u.fairness_score >= 0.8 ? '#16a34a' : u.fairness_score != null && u.fairness_score >= 0.5 ? '#d97706' : u.fairness_score == null ? '#9ca3af' : '#dc2626'
+        // #1080 audit: spec §4 — fairness 阈值 < 10 cases(比 accuracy 的 < 5 更严,因为
+        // fairness 公式需要更多样本才统计稳定)。当前 arbitrator metric 只 fairness,所以用 10。
+        const casesCount = Number(u.cases_count || 0)
+        const isInsufficient = casesCount < 10
+        const fs = isInsufficient ? t('insufficient data') : (u.fairness_score != null ? (u.fairness_score * 100).toFixed(1) + '%' : '—')
+        // spec §3:无 "best/worst" 价值判断 — 中性灰色显示,不再 green/yellow/red 暗示评级
+        const fsColor = isInsufficient ? '#9ca3af' : '#374151'
         const totalRatings = Number(u.total_yes || 0) + Number(u.total_no || 0)
         return `
-          <div class="card" style="padding:12px;margin-bottom:8px;display:flex;gap:10px;align-items:center" title="${t('仲裁员公平评价：判决获得 👍 占总评价比例')}">
-            <div style="font-size:24px;font-weight:800;color:${i<3?'#dc2626':'#9ca3af'};min-width:32px;text-align:center">${i+1}</div>
+          <div class="card" style="padding:12px;margin-bottom:8px;display:flex;gap:10px;align-items:center" title="${t('仲裁员公平评价(< 10 案显 insufficient data,spec §4)')}">
+            <div style="font-size:24px;font-weight:800;color:#9ca3af;min-width:32px;text-align:center">${i+1}</div>
             <div style="flex:1;min-width:0">
               <div style="font-weight:600;font-size:14px">⚖ @${escHtml(u.handle || u.name?.slice(0,8) || '?')}</div>
               <div style="font-size:11px;color:#6b7280;margin-top:2px">
-                ${u.cases_count} ${t('案')}
+                ${casesCount} ${t('案')}
                 ${totalRatings > 0 ? ` · 👍 ${u.total_yes} / 👎 ${u.total_no}` : ` · <span style="color:#9ca3af">${t('暂无公众评价')}</span>`}
               </div>
             </div>
@@ -27922,22 +29228,25 @@ async function renderLeaderboard(app) {
         `
       }).join('') :
       kind === 'verifiers' ? items.map((u, i) => {
-        const acc = u.accuracy != null ? (u.accuracy * 100).toFixed(1) + '%' : '—'
-        const accColor = u.accuracy != null && u.accuracy >= 0.9 ? '#16a34a' : u.accuracy != null && u.accuracy >= 0.7 ? '#d97706' : '#dc2626'
-        const isNewcomer = Number(u.tasks_done || 0) < 5
+        // #1080 audit: spec §4 < 5 cases → "insufficient data"
+        const tasksDone = Number(u.tasks_done || 0)
+        const isInsufficient = tasksDone < 5
+        const acc = isInsufficient ? t('insufficient data') : (u.accuracy != null ? (u.accuracy * 100).toFixed(1) + '%' : '—')
+        // spec §3: 无 "best/worst" 价值判断 — 中性显示
+        const accColor = isInsufficient ? '#9ca3af' : '#374151'
         const wrongCount = Number(u.tasks_wrong || 0)
         return `
-          <div class="card" style="padding:12px;margin-bottom:8px;display:flex;gap:10px;align-items:center" title="${t('正确数 / 总任务数 · 命中率 = 与多数共识一致的比例')}">
-            <div style="font-size:24px;font-weight:800;color:${i<3?'#dc2626':'#9ca3af'};min-width:32px;text-align:center">${i+1}</div>
+          <div class="card" style="padding:12px;margin-bottom:8px;display:flex;gap:10px;align-items:center" title="${t('正确数 / 总任务数 · 命中率(< 5 任务显 insufficient data,spec §4)')}">
+            <div style="font-size:24px;font-weight:800;color:#9ca3af;min-width:32px;text-align:center">${i+1}</div>
             <div style="flex:1;min-width:0">
               <div style="font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap">
                 @${escHtml(u.handle || u.name?.slice(0,8) || '?')}
                 ${u.tier ? `<span style="font-size:10px;background:#ede9fe;color:#5b21b6;padding:1px 6px;border-radius:99px">${u.tier}</span>` : ''}
-                ${isNewcomer ? `<span style="font-size:10px;background:#fef3c7;color:#92400e;padding:1px 6px;border-radius:99px">${t('新人')}</span>` : ''}
+                ${isInsufficient ? `<span style="font-size:10px;background:#fef3c7;color:#92400e;padding:1px 6px;border-radius:99px">${t('新人')}</span>` : ''}
               </div>
               <div style="font-size:11px;color:#6b7280;margin-top:2px">
-                ✓ ${u.tasks_correct} ${t('正确')} / ${u.tasks_done} ${t('总任务')}
-                ${wrongCount > 0 ? ` · <span style="color:#dc2626">✗ ${wrongCount} ${t('偏离')}</span>` : ''}
+                ✓ ${u.tasks_correct} ${t('正确')} / ${tasksDone} ${t('总任务')}
+                ${wrongCount > 0 ? ` · <span style="color:#9ca3af">✗ ${wrongCount} ${t('偏离')}</span>` : ''}
               </div>
             </div>
             <div style="text-align:right">
@@ -28913,6 +30222,13 @@ async function renderBuyerMyHome(app) {
     `
   }
 
+  // 阶段 4(#1093):新治理 onboarding 入口 — 始终可访问我的治理岗位面板(卸任 / 申诉 / 历史)
+  const governanceMeSection = (isExternalArb || isExternalVerifier) ? `
+    <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px">
+      ${card('🏛', t('我的治理岗位'), t('在岗 / 申诉 / 卸任'), '#governance-me')}
+    </div>
+  ` : ''
+
   // ③ 通用索赔任务 tile
   const claimsTile = myClaimTasks > 0 ? `
     <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px">
@@ -28921,11 +30237,12 @@ async function renderBuyerMyHome(app) {
   ` : ''
 
   // 拼装：有内容才显标题
-  const hasAnyTrust = verifierSection || arbSection || claimsTile
+  const hasAnyTrust = verifierSection || arbSection || claimsTile || governanceMeSection
   const trustGrid = hasAnyTrust ? `
     ${(!isExternalVerifier && !isExternalArb) ? `<div style="font-size:12px;color:#6b7280;font-weight:600;margin:14px 0 6px">🛡 ${t('信任与协议')}</div>` : ''}
     ${verifierSection}
     ${arbSection}
+    ${governanceMeSection}
     ${claimsTile}
   ` : ''
 
@@ -30487,7 +31804,7 @@ async function renderCharityFund(app) {
   }[k] || '·')
   document.getElementById('cf-root').innerHTML = `
     <h2 style="font-size:18px;font-weight:700;margin-bottom:6px">🏦 ${t('慈善基金')}</h2>
-    <div style="font-size:11px;color:#6b7280;margin-bottom:14px;line-height:1.5">${t('协议持有 · 公开账本 · 任何人可捐款 · 未发出佣金按科目入池 · 治理委员会决定出金')}</div>
+    <div style="font-size:11px;color:#6b7280;margin-bottom:14px;line-height:1.5">${t('协议持有 · 公开账本 · 任何人可捐款 · 专款专用于慈善许愿 · 治理委员会决定出金')}</div>
 
     <div class="card" style="padding:18px;margin-bottom:14px;background:linear-gradient(135deg,#fef2f2,#fff7ed)">
       <div style="display:flex;justify-content:space-between;align-items:center">
@@ -30501,9 +31818,6 @@ async function renderCharityFund(app) {
       <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:6px;font-size:10px;text-align:left;background:#fff;padding:8px;border-radius:6px">
         <div style="display:flex;justify-content:space-between"><span style="color:#9ca3af">💝 ${t('用户捐款')}</span><span style="font-weight:700;color:#9333ea">${Number(f.total_donated||0).toFixed(1)}</span></div>
         <div style="display:flex;justify-content:space-between"><span style="color:#9ca3af">🙏 ${t('还愿转入')}</span><span style="font-weight:700;color:#ea580c">${Number(f.total_redirected||0).toFixed(1)}</span></div>
-        <div style="display:flex;justify-content:space-between"><span style="color:#9ca3af">🔗 ${t('分享链兜底')}</span><span style="font-weight:700;color:#0369a1">${Number(f.total_chain_gap||0).toFixed(1)}</span></div>
-        <div style="display:flex;justify-content:space-between"><span style="color:#9ca3af">👤 ${t('孤儿订单兜底')}</span><span style="font-weight:700;color:#7c3aed">${Number(f.total_orphan_sponsor||0).toFixed(1)}</span></div>
-        ${Number(f.total_region_cap||0) > 0 ? `<div style="display:flex;justify-content:space-between"><span style="color:#9ca3af">⚖️ ${t('区域禁 MLM 入池')}</span><span style="font-weight:700;color:#dc2626">${Number(f.total_region_cap||0).toFixed(1)}</span></div>` : ''}
       </div>
       <div style="display:flex;justify-content:space-between;margin-top:6px;font-size:10px;background:#fff;padding:6px 8px;border-radius:6px">
         <span style="color:#9ca3af">🤲 ${t('累计已拨款')}</span><span style="font-weight:700;color:#16a34a">${Number(f.total_disbursed||0).toFixed(1)}</span>