mingdao-harness 0.2.8 → 0.3.1

package/src/web/app.js

@@ -258,7 +258,7 @@ function renderTodos(todos,msg){
   for(const t of todos){ const li=document.createElement('li'); li.className=t.status==='completed'?'done':t.status==='in_progress'?'doing':''; li.innerHTML=(t.status==='completed'?'✓ ':'○ ')+esc(t.content); ul.appendChild(li); }
   msg.appendChild(ul);
 }
-function renderBanner(ev){ const d=document.createElement('div'); d.className='banner'; d.textContent=ev.text||ev.title||''; insertBeforeActiveMsg(d); scrollBottom(); }
+function renderBanner(ev){ const d=document.createElement('div'); d.className='banner'+(ev.warn?' banner-warn':''); d.textContent=ev.text||ev.title||''; insertBeforeActiveMsg(d); scrollBottom(); }
 // 工具卡/横幅/代码块统一插到「本轮 AI 消息」之前：结论与交付物永远位于消息最底部
 function insertBeforeActiveMsg(el){ if(activeAiMsg && activeAiMsg.parentNode){ chatEl.insertBefore(el, activeAiMsg); } else { chatEl.appendChild(el); } }
 
@@ -483,6 +483,7 @@ function syncPanelLayout(){
   document.body.classList.toggle('traj-open', open('trajPanel'));
   document.body.classList.toggle('sub-open', open('subPanel'));
   document.body.classList.toggle('tasks-open', open('tasksPanel'));
+  document.body.classList.toggle('dash-open', open('dashPanel'));
 }
 $('#tjClose').onclick=()=>{ $('#trajPanel').style.display='none'; $('#trajRailBtn').classList.remove('on'); syncPanelLayout(); };
 $('#trajRailBtn').onclick=()=>{
@@ -568,17 +569,20 @@ async function updateTasksPanel(){
   }
 }
 setInterval(updateTasksPanel, 2000);
-// 费用徽标：今日费用 / 缓存命中率 / 护栏（15s 刷新）
+// 费用徽标：今日费用 / 缓存命中率 / 护栏（15s 刷新）；点击展开省钱仪表盘
 async function refreshCostBadge(){
   const r=await fetch('/api/cache-stats',{cache:'no-store'}).catch(()=>null); if(!r) return;
   const j=await r.json().catch(()=>null); if(!j) return;
   const bd=j.breakdown||{}; const gd=j.guard||null;
-  let t='今日 ≈¥'+(bd.today||0).toFixed(4);
+  let t='📊 今日 ≈¥'+(bd.today||0).toFixed(4);
   if(bd.rate!=null) t+=' · 命中 '+(bd.rate*100).toFixed(0)+'%';
   if(gd&&gd.limit>0&&gd.cost!=null) t+=' · 护栏 '+(gd.cost/gd.limit*100).toFixed(0)+'%';
   $('#costBadge').textContent=t;
+  if($('#dashPanel').style.display==='flex') renderDashboard(j);
 }
 refreshCostBadge(); setInterval(refreshCostBadge, 15000);
+$('#costBadge').onclick=()=>{ const p=$('#dashPanel'); const show=p.style.display==='none'; p.style.display=show?'flex':'none'; if(show){ $('#subPanel').style.display='none'; $('#trajPanel').style.display='none'; $('#tasksPanel').style.display='none'; $('#subRailBtn').classList.remove('on'); $('#trajRailBtn').classList.remove('on'); refreshCostBadge(); } syncPanelLayout(); };
+$('#dashClose').onclick=()=>{ $('#dashPanel').style.display='none'; syncPanelLayout(); };
 // 底部状态栏：轮次/步数/LLM 与工具时长/首 token 平均/吞吐/缓存命中/输入输出 tokens
 async function refreshStatusBar(){
   const r=await fetch('/api/cache-stats',{cache:'no-store'}).catch(()=>null); if(!r) return;
@@ -699,7 +703,7 @@ $('#wsSel').addEventListener('change', async e=>{
     refreshWsSel(); reloadModels();
   }
 });
-$('#cfgBtn').addEventListener('click', ()=>{ refreshModelsCfg(); refreshSyncUI(); refreshSyncShares(); refreshSyncConflicts(); refreshSchList(); refreshWorkspaces(); loadMemoryUI(); refreshCache(); refreshMcpPresets(); refreshSkillLib(''); });
+$('#cfgBtn').addEventListener('click', ()=>{ refreshModelsCfg(); refreshSyncUI(); refreshSyncShares(); refreshSyncConflicts(); refreshSchList(); refreshWorkspaces(); loadMemoryUI(); refreshMcpPresets(); refreshSkillLib(''); });
 $('#schWhen').onchange=e=>{ const v=e.target.value; $('#schAtRow').style.display=v==='at'?'':'none'; $('#schEveryRow').style.display=v==='every'?'':'none'; $('#schAfterRow').style.display=v==='after'?'':'none'; $('#schChainRow').style.display=v==='chain'?'':'none'; };
 async function refreshSchList(){
   const r=await fetch('/api/schedule',{cache:'no-store'}).catch(()=>null); if(!r) return;
@@ -767,70 +771,61 @@ $('#memDedupe').onclick=async ()=>{
   const j=await r.json().catch(()=>({error:'请求失败'}));
   if(j.ok){ memFlash('✓ 去重完成，移除 '+j.removed+' 行', true); loadMemoryUI(); } else memFlash('✖ '+(j.error||'去重失败'), false);
 };
-// —— 缓存命中率仪表盘 ——
-// 省钱 B3：费用二级分账面板（模型/工具 Top5 + 近 14 天折线，零依赖 SVG）
-function renderCostBreakdown(bd){
-  const models=$('#costTopModels'); models.innerHTML='';
-  for(const m of ((bd.byModel||[]).slice(0,5))){
-    const bar=document.createElement('div'); bar.style.cssText='height:3px;border-radius:2px;background:var(--bg3);margin:1px 0;overflow:hidden';
-    const max=bd.byModel&&bd.byModel[0]?bd.byModel[0].cost:1;
-    bar.innerHTML='<div style="height:100%;width:'+Math.max(2,Math.round((m.cost||0)/Math.max(max,1e-9)*100))+'%;background:var(--accent2)"></div>';
-    const row=document.createElement('div'); row.style.cssText='display:flex;justify-content:space-between;font-size:11.5px;padding:1px 0';
-    row.innerHTML='<span>'+esc(m.model||'—')+'</span><span>¥'+(m.cost||0).toFixed(4)+' · '+m.turns+' 轮</span>';
-    const w=document.createElement('div'); w.appendChild(row); w.appendChild(bar); models.appendChild(w);
-  }
-  if(!(bd.byModel||[]).length) models.innerHTML='<div style="color:var(--faint);font-size:11.5px">暂无记录</div>';
-  const tools=$('#costTopTools'); tools.innerHTML='';
-  for(const t of ((bd.byTool||[]).slice(0,5))){
-    const bar=document.createElement('div'); bar.style.cssText='height:3px;border-radius:2px;background:var(--bg3);margin:1px 0;overflow:hidden';
-    const max=bd.byTool&&bd.byTool[0]?bd.byTool[0].ms:1;
-    bar.innerHTML='<div style="height:100%;width:'+Math.max(2,Math.round((t.ms||0)/Math.max(max,1e-9)*100))+'%;background:var(--cyan)"></div>';
-    const row=document.createElement('div'); row.style.cssText='display:flex;justify-content:space-between;font-size:11.5px;padding:1px 0';
-    row.innerHTML='<span>'+esc(t.tool||'—')+'</span><span>'+t.calls+' 次 · '+fmtDur(t.ms)+'</span>';
-    const w=document.createElement('div'); w.appendChild(row); w.appendChild(bar); tools.appendChild(w);
-  }
-  if(!(bd.byTool||[]).length) tools.innerHTML='<div style="color:var(--faint);font-size:11.5px">暂无记录</div>';
-  const line=$('#costLine');
-  const days=(bd.byDay||[]).slice(-14);
-  if(!days.length){ line.innerHTML=''; return; }
-  const W=320, H=56, P=4;
-  const maxC=Math.max(...days.map(d=>d.cost), 1e-9);
-  const pts=days.map((d,i)=>{
+// —— 省钱仪表盘（v0.3.1：从设置移出，顶部费用徽标点击展开，真·仪表盘） ——
+function renderRateGauge(rate){
+  const r=48, cx=60, cy=60, circ=2*Math.PI*r;
+  const p=Math.max(0,Math.min(1,Number(rate)||0));
+  const color = p>=0.8 ? 'var(--accent)' : p>=0.5 ? 'var(--accent2)' : 'var(--warn)';
+  $('#rateGauge').innerHTML =
+    '<circle cx="'+cx+'" cy="'+cy+'" r="'+r+'" fill="none" stroke="var(--bg3)" stroke-width="13"/>'+
+    '<circle cx="'+cx+'" cy="'+cy+'" r="'+r+'" fill="none" stroke="'+color+'" stroke-width="13" stroke-linecap="round" stroke-dasharray="'+(circ*p).toFixed(1)+' '+(circ*(1-p)).toFixed(1)+'" transform="rotate(-90 '+cx+' '+cy+')"/>';
+  $('#rateGaugeNum').textContent=(p*100).toFixed(1)+'%';
+}
+function trendChart(days){
+  if(!days||!days.length) return '<div style="color:var(--faint);font-size:11.5px;padding:6px">暂无费用记录</div>';
+  const W=360, H=88, P=8;
+  const max=Math.max(...days.map((/** @type {any} */ d)=>Number(d.cost)||0), 1e-9);
+  const pts=days.map((/** @type {any} */ d, /** @type {number} */ i)=>{
     const x=P+i*(W-2*P)/Math.max(days.length-1,1);
-    const y=H-4-(d.cost/maxC)*(H-10);
-    return [x.toFixed(1), y.toFixed(1)];
+    const y=H-P-(Number(d.cost)||0)/max*(H-2*P);
+    return [x,y];
   });
-  const poly=pts.map(p=>p.join(',')).join(' ');
+  const line=pts.map((/** @type {any} */ p)=>p[0].toFixed(1)+','+p[1].toFixed(1)).join(' ');
+  const area='M'+pts[0][0].toFixed(1)+','+(H-P)+' L'+pts.map((/** @type {any} */ p)=>p[0].toFixed(1)+','+p[1].toFixed(1)).join(' L')+' L'+pts[pts.length-1][0].toFixed(1)+','+(H-P)+' Z';
   const last=pts[pts.length-1];
-  line.innerHTML='<div style="font-size:11.5px;color:var(--faint);margin-bottom:2px">近 14 天费用折线（¥，最高 ¥'+maxC.toFixed(4)+'）</div>'
-    +'<svg viewBox="0 0 '+W+' '+H+'" style="width:100%;height:auto;background:var(--bg3);border-radius:8px">'
-    +'<polyline points="'+poly+'" fill="none" style="stroke:var(--accent2);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round"/>'
-    +'<circle cx="'+last[0]+'" cy="'+last[1]+'" r="2.6" style="fill:var(--accent)"/>'
-    +'<text x="4" y="10" font-size="8" style="fill:var(--faint)">'+days[0].day+'</text>'
-    +'<text x="'+(W-52)+'" y="10" font-size="8" style="fill:var(--faint)">'+days[days.length-1].day+'</text>'
+  return '<div style="font-size:10.5px;color:var(--faint);margin-bottom:4px">最高 ¥'+max.toFixed(4)+' · '+days[0].day+' → '+days[days.length-1].day+'</div>'
+    +'<svg viewBox="0 0 '+W+' '+H+'" style="width:100%;height:auto">'
+    +'<defs><linearGradient id="dg" x1="0" y1="0" x2="0" y2="1"><stop offset="0" style="stop-color:var(--accent2);stop-opacity:.35"/><stop offset="1" style="stop-color:var(--accent2);stop-opacity:0"/></linearGradient></defs>'
+    +'<path d="'+area+'" fill="url(#dg)"/>'
+    +'<polyline points="'+line+'" fill="none" stroke="var(--accent2)" stroke-width="1.8" stroke-linejoin="round" stroke-linecap="round"/>'
+    +'<circle cx="'+last[0].toFixed(1)+'" cy="'+last[1].toFixed(1)+'" r="3" fill="var(--accent)"/>'
     +'</svg>';
 }
-async function refreshCache(){
-  const r=await fetch('/api/cache-stats',{cache:'no-store'}).catch(()=>null); if(!r) return;
-  const j=await r.json(); if(!j.ok) return;
-  const s=j.summary||{};
-  const rate=s.rate!=null?(s.rate*100).toFixed(0)+'%':'暂无缓存数据';
-  $('#cacheSummary').innerHTML='轮次 '+s.turns+' · ↑'+fmtT(s.prompt)+' ↓'+fmtT(s.completion)+' tokens · 命中率 <b style="color:var(--accent)">'+rate+'</b> · 累计 ≈¥'+Number(s.cost||0).toFixed(5)+'（比全未命中省 ≈¥'+Number(s.saved||0).toFixed(5)+'）';
-  renderCostBreakdown(j.breakdown||{});
-  const list=$('#cacheRecent'); list.innerHTML='';
-  if(!(j.recent||[]).length){ list.innerHTML='<div style="color:var(--faint);font-size:12px;padding:6px 2px">暂无记录（每次对话后自动统计）</div>'; return; }
-  for(const e of j.recent){
+function barList(items, isCost){
+  if(!items||!items.length) return '<div style="color:var(--faint);font-size:11.5px;padding:4px">暂无记录</div>';
+  const max=Math.max(...items.map((/** @type {any} */ i)=>Number(i.val)||0), 1e-9);
+  return items.map((/** @type {any} */ i)=>{
+    const pct=Math.max(3,Math.round((Number(i.val)||0)/max*100));
+    const v=isCost ? '¥'+(Number(i.val)||0).toFixed(4) : fmtDur(i.val);
+    return '<div class="dbar"><div class="t"><span class="n" title="'+esc(i.name)+'">'+esc(String(i.name||'—').slice(0,26))+'</span><span class="v">'+v+(i.sub?' · '+i.sub:'')+'</span></div><div class="track"><div class="fill" style="width:'+pct+'%"></div></div></div>';
+  }).join('');
+}
+function renderDashboard(j){
+  const s=j.summary||{}; const bd=j.breakdown||{};
+  const rate=bd.rate!=null?bd.rate:(s.rate!=null?s.rate:0);
+  const saved=Number(s.saved||0);
+  $('#kpiToday').textContent='¥'+Number(bd.today||0).toFixed(4);
+  $('#kpiRate').textContent=(rate*100).toFixed(1)+'%';
+  $('#kpiSaved').textContent='¥'+saved.toFixed(4);
+  $('#kpiTurns').textContent=(s.turns||0)+' / '+(s.steps||0);
+  renderRateGauge(rate);
+  $('#trendChart').innerHTML=trendChart((bd.byDay||[]).slice(-14));
+  $('#dashModels').innerHTML=barList((bd.byModel||[]).slice(0,5).map((/** @type {any} */ m)=>({name:m.model, val:m.cost, sub:m.turns+' 轮'})), true);
+  $('#dashTools').innerHTML=barList((bd.byTool||[]).slice(0,5).map((/** @type {any} */ t)=>({name:t.tool, val:t.ms, sub:t.calls+' 次'})), false);
+  $('#dashRecent').innerHTML=(j.recent||[]).slice(0,6).map((/** @type {any} */ e)=>{
     const hit=e.hit!=null&&e.miss!=null&&(e.hit+e.miss)>0?e.hit/(e.hit+e.miss):null;
-    const pct=hit==null?'—':(hit*100).toFixed(0)+'%';
-    const bar=document.createElement('div'); bar.style.cssText='height:4px;border-radius:2px;background:var(--bg3);margin:2px 0;overflow:hidden';
-    bar.innerHTML='<div style="height:100%;width:'+(hit==null?0:Math.round(hit*100))+'%;background:var(--accent)"></div>';
-    const div=document.createElement('div'); div.style.cssText='display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--border);font-size:11.5px;color:var(--dim)';
-    const left=document.createElement('div'); left.style.cssText='flex:1';
-    left.innerHTML='<div style="display:flex;justify-content:space-between"><span>'+esc(e.model||'')+'</span><span>'+pct+' · ¥'+Number(e.cost||0).toFixed(5)+'</span></div>';
-    left.appendChild(bar);
-    const when=document.createElement('span'); when.style.cssText='white-space:nowrap;color:var(--faint)'; when.textContent=new Date(e.at).toLocaleTimeString();
-    div.appendChild(left); div.appendChild(when); list.appendChild(div);
-  }
+    return '<div class="dr"><span class="m">'+esc(e.model||'')+'</span><span class="p">'+(hit==null?'—':(hit*100).toFixed(0)+'%')+'</span><span class="c">¥'+Number(e.cost||0).toFixed(4)+'</span></div>';
+  }).join('') || '<div style="color:var(--faint);font-size:11.5px">暂无记录</div>';
 }
 // —— MCP 生态预设 ——
 let mcpPresetData=[];
@@ -1049,12 +1044,17 @@ async function applyConfig(payload, revertTarget){
 }
 $('#modelSel').addEventListener('change', e=>{ applyConfig({model:e.target.value}, e.target); });
 $('#permSel').addEventListener('change', e=>{ applyConfig({permission:e.target.value}, e.target); });
-async function loadSession(file){ currentSession=file; chatEl.innerHTML=''; const r=await fetch('/api/session?file='+encodeURIComponent(file)); const j=await r.json(); for(const m of j.messages||[]){ if(typeof m.content==='string'&&m.content.startsWith('（系统提示）')) continue; if(m.role==='user') addUser(m.content); else { const el=newAiMsg(); aiContent(el).innerHTML=renderMarkdown(m.content); } } if(j.workspace){ const sel=$('#wsSel'); const has=[...sel.options].some(o=>o.value===j.workspace); if(has){ sel.value=j.workspace; } else { refreshWsSel(); } renderBanner({text:'↩ 已回到该会话的工作空间：'+j.workspace}); } scrollBottom(); }
+// v0.3.0 P0-3：会话边界收尾（切换/新对话时提取项目记忆+日志，fire-and-forget 不阻塞 UI）
+function finalizeCurrentSession(){
+  if(!currentSession) return;
+  fetch('/api/session-finalize',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({file:currentSession})}).catch(()=>{});
+}
+async function loadSession(file){ if(currentSession && currentSession!==file) finalizeCurrentSession(); currentSession=file; chatEl.innerHTML=''; const r=await fetch('/api/session?file='+encodeURIComponent(file)); const j=await r.json(); for(const m of j.messages||[]){ if(typeof m.content==='string'&&m.content.startsWith('（系统提示）')) continue; if(m.role==='user') addUser(m.content); else { const el=newAiMsg(); aiContent(el).innerHTML=renderMarkdown(m.content); } } if(j.workspace){ const sel=$('#wsSel'); const has=[...sel.options].some(o=>o.value===j.workspace); if(has){ sel.value=j.workspace; } else { refreshWsSel(); } renderBanner({text:'↩ 已回到该会话的工作空间：'+j.workspace}); } if(j.taskState&&(j.taskState.status==='cap'||j.taskState.status==='interrupted')){ renderBanner({text:'⚠ 该会话有未完成任务（步数上限中断）——直接发送消息即可从断点续跑，已完成文件不会重复做。', warn:true}); } scrollBottom(); }
 
 sendBtn.onclick=()=>{ if(generating){ abort(); } else { send(); } };
 input.addEventListener('keydown',e=>{ if(e.key==='Enter'&&!e.shiftKey){ e.preventDefault(); send(); } });
 input.addEventListener('input',()=>{ input.style.height='44px'; input.style.height=Math.min(input.scrollHeight,200)+'px'; });
-$('#newChat').onclick=()=>{ currentSession=null; chatEl.innerHTML=''; refreshSessions(); };
+$('#newChat').onclick=()=>{ finalizeCurrentSession(); currentSession=null; chatEl.innerHTML=''; refreshSessions(); };
 $('#sessMgrBtn').onclick=openSessModal;
 $('#sessClose').onclick=()=>{ $('#sessModal').style.display='none'; };
 async function openSessModal(){
@@ -1070,6 +1070,6 @@ async function openSessModal(){
     div.appendChild(rn); div.appendChild(dl); list.appendChild(div);
   }
 }
-$('#sessions').onchange=e=>{ if(e.target.value){ loadSession(e.target.value); } else { currentSession=null; chatEl.innerHTML=''; } };
+$('#sessions').onchange=e=>{ if(e.target.value){ loadSession(e.target.value); } else { finalizeCurrentSession(); currentSession=null; chatEl.innerHTML=''; } };
 if('serviceWorker' in navigator){ navigator.serviceWorker.register('/sw.js').catch(()=>{}); }
 init();

package/src/web/index.html

@@ -31,20 +31,23 @@ body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 -apple-syste
 body.traj-open{padding-left:294px}
 body.sub-open{padding-right:320px}
 body.tasks-open{padding-right:280px}
+body.dash-open{padding-right:400px}
 @media (max-width:1200px){
   #trajPanel{width:210px}body.traj-open{padding-left:252px}
   #subPanel{width:270px}body.sub-open{padding-right:270px}
   #tasksPanel{width:230px}body.tasks-open{padding-right:230px}
+  #dashPanel{width:360px}body.dash-open{padding-right:360px}
 }
 @media (max-width:860px){
   #trajPanel{width:160px}body.traj-open{padding-left:202px}
   #subPanel{width:190px}body.sub-open{padding-right:190px}
   #tasksPanel{width:190px}body.tasks-open{padding-right:190px}
+  #dashPanel{width:min(340px,94vw)}body.dash-open{padding-right:min(340px,94vw)}
 }
 @media (max-width:560px){
-  body.traj-open,body.sub-open,body.tasks-open{padding:0}
+  body.traj-open,body.sub-open,body.tasks-open,body.dash-open{padding:0}
   #trajPanel{width:calc(100vw - 42px);left:42px}
-  #subPanel,#tasksPanel{width:100vw}
+  #subPanel,#tasksPanel,#dashPanel{width:100vw}
 }
 header{min-height:52px;display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg2);flex:none;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto}
 header .logo{font-weight:700;font-size:16px;color:var(--accent);letter-spacing:.5px;flex:none}
@@ -187,6 +190,7 @@ main{flex:1;overflow-y:auto;padding:18px 0 12px;min-width:0}
 .todo li.doing{color:var(--accent2)}
 .usage{font-size:12px;color:var(--faint);border-top:1px dashed var(--border);padding-top:6px}
 .banner{text-align:center;color:var(--faint);font-size:12.5px}
+.banner-warn{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.35);color:var(--warn);border-radius:12px;padding:8px 14px;text-align:left}
 .errline{color:var(--err);background:rgba(229,83,75,.08);border:1px solid rgba(229,83,75,.3);border-radius:10px;padding:10px 14px;font-size:13.5px}
 footer{flex:none;border-top:1px solid var(--border);background:var(--bg2);padding:12px 18px}
 #composer{max-width:860px;margin:0 auto;display:flex;gap:10px;align-items:flex-end}
@@ -228,6 +232,36 @@ footer{flex:none;border-top:1px solid var(--border);background:var(--bg2);paddin
 @keyframes spin{to{transform:rotate(360deg)}}
 /* 自绘悬浮气泡 tooltip（替换原生 title）：暗色悬浮层 + 阴影，跟随锚点居中，越界自动回弹 */
 .mdtip{position:fixed;z-index:1000;max-width:320px;background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 11px;font-size:12px;line-height:1.6;box-shadow:0 8px 24px rgba(0,0,0,.55);pointer-events:none;white-space:pre-line;word-break:break-word;display:none}
+/* —— 省钱仪表盘（v0.3.1 顶部入口，真·仪表盘） —— */
+#dashPanel{position:fixed;right:0;top:52px;bottom:0;width:400px;max-width:94vw;background:var(--bg2);border-left:1px solid var(--border);z-index:45;display:flex;flex-direction:column;box-shadow:-8px 0 32px rgba(0,0,0,.4)}
+.dash-head{padding:12px 14px;font-size:14px;font-weight:700;color:var(--accent);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}
+.dash-head .dash-sub{font-size:11.5px;color:var(--faint);font-weight:400}
+.dash-head button{margin-left:auto;padding:2px 8px;font-size:12px}
+.dash-body{flex:1;overflow-y:auto;padding:14px}
+.dash-kpi{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
+.kpi{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
+.kpi-l{font-size:11px;color:var(--faint)}
+.kpi-v{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
+.dash-gauge-wrap{position:relative;width:120px;margin:4px auto 14px;text-align:center}
+.gauge-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
+.gauge-label b{font-size:20px;color:var(--accent2)}
+.gauge-label span{font-size:10.5px;color:var(--faint)}
+.dash-sec{font-size:11.5px;color:var(--faint);margin:12px 0 6px;border-top:1px dashed var(--border);padding-top:10px}
+.dash-sec:first-of-type{border-top:none;padding-top:0}
+.dash-chart{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:8px}
+.dash-bars{display:flex;flex-direction:column;gap:6px}
+.dbar{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:6px 10px}
+.dbar .t{display:flex;justify-content:space-between;font-size:11.5px;margin-bottom:4px}
+.dbar .t .n{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}
+.dbar .t .v{color:var(--dim);font-variant-numeric:tabular-nums}
+.dbar .track{height:5px;border-radius:3px;background:var(--bg2);overflow:hidden}
+.dbar .fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent2),var(--accent))}
+.dash-recent{display:flex;flex-direction:column;gap:5px;font-size:11.5px}
+.dr{display:flex;justify-content:space-between;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:5px 10px}
+.dr .m{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}
+.dr .p{color:var(--accent2);font-variant-numeric:tabular-nums}
+.dr .c{color:var(--faint);font-variant-numeric:tabular-nums}
+.badge-btn:hover{border-color:var(--accent2);color:var(--accent2)}
 </style>
 </head>
 <body>
@@ -236,7 +270,7 @@ footer{flex:none;border-top:1px solid var(--border);background:var(--bg2);paddin
   <span id="cfgMsg" class="badge" style="display:none"></span>
   <button id="cfgBtn" title="设置">⚙</button>
   <select id="wsSel" title="工作空间（切换 / 新建，目录自动创建）"></select>
-  <span class="badge" id="envBadge"></span><span class="badge" id="costBadge" title="今日费用 / 缓存命中率（每 15s 刷新）"></span>
+  <span class="badge" id="envBadge"></span><span class="badge badge-btn" id="costBadge" title="省钱仪表盘（点击展开）" style="cursor:pointer">📊 —</span>
   <div class="spacer"></div>
   <input id="sessionSearch" placeholder="搜索会话…" title="关键词检索历史会话">
   <select id="sessions" title="历史会话"><option value="">历史会话</option></select>
@@ -259,6 +293,29 @@ footer{flex:none;border-top:1px solid var(--border);background:var(--bg2);paddin
   <div class="tp-head">任务面板 <span id="tpCount"></span><button id="tpClose" style="float:right">✕</button></div>
   <div id="tpList"></div>
 </aside>
+<aside id="dashPanel" style="display:none">
+  <div class="dash-head">📊 省钱仪表盘 <span class="dash-sub">费用 · 命中 · 节省</span><button id="dashClose">✕</button></div>
+  <div class="dash-body">
+    <div class="dash-kpi">
+      <div class="kpi"><span class="kpi-l">今日费用</span><span class="kpi-v" id="kpiToday">—</span></div>
+      <div class="kpi"><span class="kpi-l">缓存命中</span><span class="kpi-v" id="kpiRate">—</span></div>
+      <div class="kpi"><span class="kpi-l">已节省</span><span class="kpi-v" style="color:var(--accent)" id="kpiSaved">—</span></div>
+      <div class="kpi"><span class="kpi-l">轮次/步数</span><span class="kpi-v" id="kpiTurns">—</span></div>
+    </div>
+    <div class="dash-gauge-wrap">
+      <svg id="rateGauge" viewBox="0 0 120 120" width="120" height="120"></svg>
+      <div class="gauge-label"><b id="rateGaugeNum">—</b><span>命中率</span></div>
+    </div>
+    <div class="dash-sec">近 14 天费用趋势（¥）</div>
+    <div id="trendChart" class="dash-chart"></div>
+    <div class="dash-sec">模型费用 Top</div>
+    <div id="dashModels" class="dash-bars"></div>
+    <div class="dash-sec">工具耗时 Top</div>
+    <div id="dashTools" class="dash-bars"></div>
+    <div class="dash-sec">最近缓存命中</div>
+    <div id="dashRecent" class="dash-recent"></div>
+  </div>
+</aside>
 <main><div id="chat"></div></main>
 <footer>
   <div id="workStatus" style="display:none"></div>
@@ -303,7 +360,7 @@ footer{flex:none;border-top:1px solid var(--border);background:var(--bg2);paddin
       <button class="cfg-nav-btn" data-panel="schedule">⏰ 调度队列</button>
       <button class="cfg-nav-btn" data-panel="workspace">📁 工作空间</button>
       <button class="cfg-nav-btn" data-panel="memory">🧠 长期记忆</button>
-      <button class="cfg-nav-btn" data-panel="cache">📊 缓存仪表盘</button>
+
       <button class="cfg-nav-btn" data-panel="mcp">🔌 MCP 生态</button>
       <button class="cfg-nav-btn" data-panel="skills">🧩 技能库</button>
     </nav>
@@ -401,24 +458,7 @@ footer{flex:none;border-top:1px solid var(--border);background:var(--bg2);paddin
     <textarea id="memArea" rows="5" placeholder="例如：所有文档用中文；提交信息用约定式提交…" style="width:100%;background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12.5px;resize:vertical"></textarea>
     <div class="row" style="justify-content:flex-start"><button id="memSave">保存记忆</button><button id="memDedupe">去重合并</button><span id="memMsg" style="font-size:12px;color:var(--faint)"></span></div>
       </section>
-    <section class="cfg-panel" data-panel="cache">
-    <hr style="border:none;border-top:1px solid var(--border);margin:14px 0 8px">
-    <h4 style="margin:4px 0;color:var(--accent2)">缓存命中率仪表盘（最近 10 次）</h4>
-    <div id="cacheSummary" style="font-size:12.5px;color:var(--dim);padding:2px"></div>
-    <div id="cacheRecent" style="max-height:130px;overflow-y:auto"></div>
-    <h4 style="margin:10px 0 4px;color:var(--accent2)">费用二级分账（模型 / 工具 Top5 · 近 14 天）</h4>
-    <div style="display:flex;gap:10px;flex-wrap:wrap">
-      <div style="flex:1;min-width:170px">
-        <div style="font-size:11.5px;color:var(--faint)">模型 Top5（费用）</div>
-        <div id="costTopModels" style="font-size:12px;color:var(--dim)"></div>
-      </div>
-      <div style="flex:1;min-width:170px">
-        <div style="font-size:11.5px;color:var(--faint)">工具 Top5（耗时）</div>
-        <div id="costTopTools" style="font-size:12px;color:var(--dim)"></div>
-      </div>
-    </div>
-    <div id="costLine" style="margin-top:8px"></div>
-      </section>
+
     <section class="cfg-panel" data-panel="mcp">
     <hr style="border:none;border-top:1px solid var(--border);margin:14px 0 8px">
     <h4 style="margin:4px 0;color:var(--accent2)">MCP 生态预设（一键接入，重启生效）</h4>

package/src/web/routes/domains/sessions.js

@@ -9,7 +9,8 @@ import {
   relativeTime,
   sessionPreview,
 } from '../../../session.js';
-import { sanitizeTitle, renameSessionFile } from '../../../titles.js';
+import { sanitizeTitle, renameSessionFile, titleModel } from '../../../titles.js';
+import { loadTaskState } from '../../../task-state.js';
 import {
   workspaceForDir,
   touchWorkspace,
@@ -53,6 +54,8 @@ export async function handle({ req, res, method, p, url }, deps, shared) {
         ok: true,
         messages: loaded.messages.filter((m) => m.role === 'user' || m.role === 'assistant').map((m) => ({ role: m.role, content: m.content ?? '' })),
         workspace: ws?.name || null,
+        // v0.3.0 P0-2：未完成检查点（供前端提示续跑）
+        taskState: loadTaskState(path.basename(file)),
       });
     } catch {
       json(res, 404, { error: '会话不存在' });
@@ -84,6 +87,38 @@ export async function handle({ req, res, method, p, url }, deps, shared) {
     return json(res, 400, { error: '未知操作：rename|delete' });
   }
 
+  // v0.3.0 P0-3：会话收尾（前端「新对话/切换会话」时调用）——在会话边界提取项目记忆+日志，
+  // 而非逐轮提取，避免项目记忆文件在会话中途变化破坏前缀缓存（省钱核心）。
+  if (method === 'POST' && p === '/api/session-finalize') {
+    const body = await readBody(req, MAX_API_BODY);
+    const file = path.basename(String(body.file || ''));
+    if (!file) return json(res, 400, { error: '缺少 file 参数' });
+    try {
+      const loaded = loadSession(path.join(home, 'sessions', file));
+      if (loaded.messages.length) {
+        const wsDir = getSessionWorkspace(file) || state.workingDir;
+        const { finalizeSession } = await import('../../../memory.js');
+        const lastAsst = [...loaded.messages].reverse().find((/** @type {any} */ m) => m.role === 'assistant');
+        await finalizeSession({
+          cfg: deps.cfg,
+          provider: deps.provider,
+          model: titleModel(deps.cfg, state.modelName),
+          home,
+          workingDir: wsDir,
+          messages: loaded.messages,
+          turns: loaded.messages.filter((/** @type {any} */ m) => m.role === 'user').length,
+          lastText: lastAsst?.content || '',
+        });
+      }
+      // 清掉该会话的项目记忆快照：下次重新打开会用最新记忆重建系统提示
+      if (deps.sessionMemoryCache) deps.sessionMemoryCache.delete(file);
+      json(res, 200, { ok: true });
+    } catch (/** @type {any} */ e) {
+      json(res, 500, { error: String(e?.message || e) });
+    }
+    return true;
+  }
+
   if (method === 'GET' && p === '/api/draft') {
     // 质检 A5：按会话维度读取（无 file 参数用全局槽，兼容旧客户端）
     const key = String(url.searchParams.get('file') || '');

package/src/web/server.js

@@ -29,6 +29,8 @@ import { MAX_CONCURRENT } from './constants.js';
 import { createAgent } from '../agent.js';
 import { createPermission } from '../permissions.js';
 import { buildSystemPrompt } from '../prompts.js';
+import { loadProjectMemory, loadProjectMemoryEntries, retrieveRelevant, extractAndAppendProjectMemory } from '../memory.js';
+import { saveTaskStateMerge, clearTaskState, loadTaskState, resumePrompt } from '../task-state.js';
 import { createWebIO } from './web-io.js';
 import { startMcpServers } from '../mcp.js';
 import {
@@ -231,6 +233,7 @@ export async function runWebServer({ host = '127.0.0.1', port = 3820, authToken
     return next;
   }
   const draftTexts = new Map(); // 质检 A5：草稿按会话维度存储（此前单槽多客户端互相覆盖）
+  const sessionMemoryCache = new Map(); // v0.3.0 P0-3：项目记忆「会话内快照」——同一会话系统提示恒定（保前缀缓存）
 
   // —— 服务端诊断日志（第二问无反应排查 + 长期运维）：<mingdao-home>/logs/web-server.log ——
   // 记录每次对话的关键阶段与耗时；2MB 滚动。桌面版与 WebUI 共用同一日志。
@@ -390,12 +393,34 @@ export async function runWebServer({ host = '127.0.0.1', port = 3820, authToken
     if (!sessionWsDir) {
       setSessionWorkspace(sessionName, taskDir, currentWorkspace(workingDir)?.name || null);
     }
-    const systemPrompt = buildSystemPrompt({ workingDir: taskDir, withJournal: body.withJournal === true });
+    // v0.3.0 P0-3：项目记忆会话内快照——本会话全程用同一份快照（前缀稳定），
+    // 每轮结束提取的新条目只写文件、不回灌当前会话。
+    let projectMemorySnapshot = sessionMemoryCache.get(sessionName);
+    if (projectMemorySnapshot === undefined) {
+      // v0.3.1 语义检索：用本轮任务（新会话即首条消息）取「相关记忆条目」，而非全量截 4K——
+      // 换任务只注入相关记忆、省 token；快照保证同一会话前缀稳定。
+      const allEntries = loadProjectMemoryEntries(taskDir);
+      const query = String(built.persistText || '');
+      projectMemorySnapshot = query ? retrieveRelevant(allEntries, query, 6).join('\n') : loadProjectMemory(taskDir);
+      sessionMemoryCache.set(sessionName, projectMemorySnapshot);
+      if (sessionMemoryCache.size > 200) {
+        const oldest = sessionMemoryCache.keys().next().value;
+        sessionMemoryCache.delete(oldest);
+      }
+    }
+    const systemPrompt = buildSystemPrompt({ workingDir: taskDir, withJournal: body.withJournal === true, projectMemory: projectMemorySnapshot });
     let messages =
       session.messages?.length && session.messages[0]?.role === 'system'
         ? session.messages
         : [{ role: 'system', content: systemPrompt }, ...(session.messages || [])];
     messages[0] = { role: 'system', content: systemPrompt }; // 总是刷新 system（记忆/技能/AGENTS.md 最新）
+    // v0.3.0 P0-2：续跑——继续一个有未完成检查点的会话时，先注入进度摘要让模型从断点接着做
+    if (!isNew) {
+      const ts = loadTaskState(sessionName);
+      if (ts && (ts.status === 'cap' || ts.status === 'interrupted')) {
+        messages.push({ role: 'user', content: resumePrompt(ts) });
+      }
+    }
     messages.push({ role: 'user', content: built.content });
     // 落盘用文本版（图文数组只发给模型，会话文件保持字符串可渲染）
     await withSessionLock(session.file, () => appendMessages(session.file, [{ role: 'user', content: built.persistText }]));
@@ -483,6 +508,11 @@ export async function runWebServer({ host = '127.0.0.1', port = 3820, authToken
       await withSessionLock(session.file, () => appendMessages(session.file, messages.slice(persistedBefore)));
       io.printUsageLine({ modelName: runModel, usage: r.usage, durationMs: r.durationMs });
       recordUsage(r.perf?.usedModel || runModel, r.usage, /** @type {any} */ (r.perf));
+      // v0.3.0 P0-3：轮末提取项目记忆（有工具工作才提，fire-and-forget）。写文件供「未来会话」用，
+      // 当前会话用快照（上文已注入），故不会中途改系统提示、不破坏前缀缓存。
+      if (io.stats().toolCount > 0) {
+        extractAndAppendProjectMemory({ cfg, provider: providerNow, model: titleModel(cfg, runModel), messages, workingDir: taskDir }).catch(() => {});
+      }
       maybeAutoSync().catch(() => {});
       // 新会话自动标题（可配置关闭）
       srvlog('chat 标题生成前 ' + taskId);
@@ -498,6 +528,19 @@ export async function runWebServer({ host = '127.0.0.1', port = 3820, authToken
           }
         } catch {}
       }
+      // v0.3.0 P0-2：任务检查点——跑满步数(capHit)或中断(aborted)时落盘供续跑，正常完成清除
+      const finalSessionName = path.basename(session.file);
+      if (r.capHit || r.aborted) {
+        saveTaskStateMerge(finalSessionName, {
+          goal: built.persistText,
+          progress: r.text || '',
+          artifacts: io.stats().deliverables,
+          status: r.capHit ? 'cap' : 'interrupted',
+          updatedAt: new Date().toISOString(),
+        });
+      } else {
+        clearTaskState(finalSessionName);
+      }
       entry.status = r.aborted ? 'aborted' : 'done';
       entry.durationMs = Date.now() - entry.startedAt;
       srvlog('chat 发送 done ' + taskId + ' status=' + entry.status + ' 总耗时=' + entry.durationMs + 'ms');
@@ -544,7 +587,7 @@ export async function runWebServer({ host = '127.0.0.1', port = 3820, authToken
     providerCache, getProviderFor, tasks,
     MAX_CONCURRENT, pruneTasks, handleChat,
     mcpFacade, provider, validateRemoteUrl, isPrivateHost,
-    authEnabled, tokenMatches, requestToken, trustedHost, INDEX_HTML, draftTexts, startupCwd,
+    authEnabled, tokenMatches, requestToken, trustedHost, INDEX_HTML, draftTexts, startupCwd, sessionMemoryCache,
     state: { get modelName() { return modelName; }, set modelName(v) { modelName = v; },
              get workingDir() { return workingDir; }, set workingDir(v) { workingDir = v; } },
     refs: { get inflight() { return inflight; }, set inflight(v) { inflight = v; } },