feat(monitor): 网页加 CPU 占用卡（总占用环 + 28 核逐核条），psutil 采样缓存 1 秒；顺便重启控制台让之前的补量进度口径与停止补杀生效

ml/monitor.html

@@ -172,6 +172,7 @@
   <section class="hero">
     <div class="card" id="pipe"></div>
     <div class="card"><h2><span>GPU</span><span class="r" id="gputime"></span></h2><div id="gpu"></div></div>
+    <div class="card"><h2><span>CPU</span><span class="r" id="cputime"></span></h2><div id="cpu"></div></div>
   </section>
 
   <section class="card" id="prog"></section>
@@ -549,6 +550,20 @@ function renderStatus(s) {
       <div class="gname">${g.name}</div>`;
   }).join('<hr style="border:none;border-top:1px solid var(--line);margin:14px 0">') : empty('未检测到 nvidia-smi');
 
+  // CPU（psutil；没装就整块不显示）
+  const CP = s.cpu || {};
+  $('cputime').textContent = CP.n ? '实时' : '';
+  $('cpu').innerHTML = CP.n ? (() => {
+    const tot = CP.total ?? 0, C = 2 * Math.PI * 50, col = tot > 85 ? css('--bad') : tot > 60 ? css('--warn') : css('--ok');
+    const bars = (CP.per || []).map((v, i) => `<div title="核 ${i + 1}: ${v}%" style="flex:1;min-width:0;height:100%;background:${v > 85 ? css('--bad') : v > 60 ? css('--warn') : css('--accent2')};opacity:${0.25 + 0.75 * Math.min(1, v / 100)}"></div>`).join('');
+    return `<div class="gpuwrap"><div class="ring"><svg width="116" height="116"><circle cx="58" cy="58" r="50" stroke="#1b2433" stroke-width="10" fill="none"/>
+      <circle cx="58" cy="58" r="50" stroke="${col}" stroke-width="10" fill="none" stroke-linecap="round" stroke-dasharray="${C}" stroke-dashoffset="${C * (1 - tot / 100)}" style="transition:stroke-dashoffset .6s"/></svg>
+      <div class="c"><div><b>${tot}%</b><span>总占用</span></div></div></div>
+      <div class="gpurows"><div class="gr"><div class="l"><span>核心</span><b>${CP.n} 个</b></div><div class="mini"><div style="width:${Math.min(100, tot)}%;background:${col}"></div></div></div>
+      <div style="display:flex;gap:2px;height:26px;margin-top:6px">${bars}</div></div></div>
+      <div class="gname">每核占用（深色=忙）</div>`;
+  })() : empty('没装 psutil，无法读 CPU');
+
   // 数据
   const D = s.data || {}, st = D.stats, ix = D.index;
   const row = (k, v, cls = '') => `<tr><td>${k}</td><td class="n ${cls}">${v}</td></tr>`;