function viewStats(){
  const dock=document.getElementById('pagerDock'); if(dock) dock.innerHTML='';
  const ready=new Set((cache.accounts||[]).filter(a=>a && (a.status==='ready'||a.status==='authenticated')).map(a=>a.id));
  const subs=(cache.subs||[]).filter(s=>s && ready.has(s.account_id));
  const now=Date.now();
  const week=now+7*86400000;
  const status={}, sku={}, due=[];
  const accountsWith=new Set();
  subs.forEach(s=>{
    accountsWith.add(s.account_id);
    const st=s.status||'-';
    status[st]=(status[st]||0)+1;
    if(st==='active'){
      const key=(s.package||'-')+' / '+(s.sku||'-');
      sku[key]=(sku[key]||0)+1;
      let exp=Number(s.expiry||0);
      if(exp && exp<1e11) exp*=1000;
      if(exp && exp<=week){
        due.push({email:((cache.accounts||[]).find(a=>a.id===s.account_id)||{}).email||('#'+s.account_id), sku:key, exp:exp, past:exp<now});
      }
    }
  });
  due.sort((a,b)=>a.exp-b.exp);
  const bars=(obj,color,label)=>{
    const rows=Object.keys(obj).map(k=>[k,obj[k]]).sort((a,b)=>b[1]-a[1]);
    const max=Math.max(1, ...rows.map(r=>r[1]));
    if(!rows.length) return '<div class="muted">没有数据</div>';
    return '<div class="bars">'+rows.map(([k,n])=>'<div class="bar-row"><span class="clip" title="'+esc(k)+'">'+esc(label?label(k):k)+'</span><div class="bar-track"><i style="width:'+Math.max(2,Math.round(n/max*100))+'%;background:'+color+'"></i></div><b>'+n+'</b></div>').join('')+'</div>';
  };
  const dueRows=due.slice(0,80).map(d=>'<tr><td class="mono">'+esc(d.email)+'</td><td>'+esc(d.sku)+'</td><td class="'+(d.past?'':'muted')+'">'+fmtUnix(d.exp, true)+(d.past?' · 已到期':'')+'</td></tr>').join('');
  $('#app').innerHTML=
    '<div class="stats">'+
      '<div class="stat"><span>有效账号</span><b>'+ready.size+'</b></div>'+
      '<div class="stat"><span>有订阅</span><b>'+accountsWith.size+'</b></div>'+
      '<div class="stat"><span>有效订阅</span><b>'+(status.active||0)+'</b></div>'+
      '<div class="stat"><span>一周内到期</span><b>'+due.length+'</b></div>'+
    '</div>'+
    '<div class="card"><h3 style="margin:0 0 12px">订阅状态</h3>'+bars(status,'#2563eb',k=>statusName(k)||k)+'</div>'+
    '<div class="card"><h3 style="margin:0 0 12px">有效订阅的 SKU</h3>'+bars(sku,'#16a34a')+'</div>'+
    '<div class="card"><h3 style="margin:0 0 12px">临期 · 一周内到期或已到期仍有效</h3>'+
      '<div class="table-wrap"><table><thead><tr><th>账号</th><th>SKU</th><th>到期</th></tr></thead><tbody>'+
      (dueRows||'<tr><td colspan="3" class="empty">没有临期订阅。</td></tr>')+
      '</tbody></table></div>'+(due.length>80?'<div class="muted" style="margin-top:8px">只显示最近 80 条，共 '+due.length+' 条</div>':'')+
    '</div>';
}