@ai-agent-forge/agent-forge 0.88.5 → 0.88.7

package/bundled-plugins/alignment/dist/page.js

@@ -0,0 +1,857 @@
+/**
+ * The fixed confirmation-page template (设计 §7 模板契约): a plugin-owned
+ * static asset compiled into the package. The model only ever supplies block
+ * DATA through alignment.state — it never produces markup, so the same state
+ * always renders the same page and there is no model-injection surface
+ * (block content is escaped text, never markup).
+ *
+ * Interaction contract (demo 定稿 2026-10-03): spotlight replays fully on
+ * every click, auto-restores after ~4.5s or any click; empty missing blocks
+ * show "fill first" instead of an approve button; the annotation popover is
+ * immune to its own trailing mouseup; polling never wipes in-progress input.
+ */
+const CSS = `
+:root{--ink:#2a2f45;--ink2:#4c536e;--mut:#8a90a8;--faint:#b6bbce;--line:rgba(120,125,165,.16);
+--grad:linear-gradient(135deg,#6366f1,#a855f7 55%,#ec4899);--green:#10b981;--greensoft:#e7f9f1;
+--amber:#f59e0b;--ambersoft:#fef4e0;--blue:#3b82f6;--bluesoft:#eaf1fe;--pink:#ec4899;--pinksoft:#fdeaf3;
+--card:rgba(255,255,255,.74)}
+*{box-sizing:border-box;margin:0;padding:0}
+body{font-family:"SF Pro Display",-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
+background:#f4f6fd;color:var(--ink);font-size:14px;line-height:1.75}
+::selection{background:#ddd6fe}
+textarea{background:#fff;border:1.5px solid var(--line);border-radius:16px;color:var(--ink);
+font:inherit;font-size:13.5px;transition:.15s;scrollbar-width:thin}
+textarea:focus{outline:none;border-color:#a5b4fc;box-shadow:0 0 0 4px rgba(99,102,241,.12)}
+textarea::placeholder{color:#b8bdd1}
+textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-button{display:none}
+textarea::-webkit-scrollbar-thumb{background:rgba(120,125,165,.25);border-radius:6px}
+.blob{position:fixed;border-radius:50%;filter:blur(90px);opacity:.42;z-index:-1}
+.b1{width:480px;height:480px;background:#c7d2fe;top:-160px;left:-90px}
+.b2{width:430px;height:430px;background:#fbcfe8;top:-120px;right:-80px}
+.b3{width:400px;height:400px;background:#fde8c8;bottom:-160px;left:28%}
+.wrap{max-width:1020px;margin:0 auto;padding:32px 22px 190px}
+header.task{text-align:center}
+.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#6366f1;
+background:#eef0ff;border-radius:999px;padding:4px 16px}
+.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--grad)}
+h1{font-size:24px;font-weight:800;margin-top:12px}
+.meta{font-size:12.5px;color:var(--mut);margin-top:6px}.meta b{color:var(--ink2);font-weight:650}
+.steps{display:flex;gap:10px;justify-content:center;margin-top:18px}
+.step{display:flex;align-items:center;gap:8px;padding:9px 20px;border-radius:999px;
+background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);
+box-shadow:0 4px 18px rgba(99,102,241,.07);font-size:13.5px;font-weight:600;color:var(--mut)}
+.step .no{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
+font-size:11.5px;background:#edeff8;color:var(--mut)}
+.step.done{color:#047857;background:var(--greensoft)}.step.done .no{background:var(--green);color:#fff}
+.step.active{color:#4f46e5;border-color:transparent;
+background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:0 8px 30px rgba(99,102,241,.15)}
+.step.active .no{background:var(--grad);color:#fff}
+.step .tag{font-size:11px;font-weight:500;opacity:.75}
+.cols{display:flex;gap:20px;align-items:flex-start;margin-top:30px}
+aside.locked{width:250px;flex:none;position:sticky;top:14px}
+.glass{background:var(--card);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.95);
+border-radius:22px;box-shadow:0 12px 44px rgba(99,102,241,.08);padding:16px 18px}
+.glass h3{font-size:13.5px;display:flex;align-items:center;gap:7px;color:var(--ink2)}
+.glass .ic{width:22px;height:22px;border-radius:7px;background:var(--greensoft);color:var(--green);
+display:inline-flex;align-items:center;justify-content:center;font-size:12px}
+.lkgrp{margin-top:8px}
+.lkgrp summary{cursor:pointer;font-size:12px;color:var(--mut);padding:4px 0}
+.lkitem{font-size:12px;color:var(--mut);line-height:1.65;padding:5px 0 5px 12px;border-top:1px dashed var(--line)}
+.lkitem .k{font-size:10px;font-weight:700;color:var(--green);margin-right:5px}
+.glass .note{font-size:11px;color:var(--mut);background:#f4f2ff;border-radius:12px;padding:8px 12px;margin-top:10px;line-height:1.6}
+#main{flex:1;min-width:0}
+.stephead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;padding:0 6px}
+.stephead h2{font-size:18px;font-weight:800}
+.stephead .desc{font-size:12px;color:var(--mut);max-width:440px;text-align:right}
+.block{position:relative;background:var(--card);backdrop-filter:blur(16px);
+border:1px solid rgba(255,255,255,.95);border-radius:22px;padding:17px 22px 15px;margin-bottom:14px;
+box-shadow:0 10px 36px rgba(99,102,241,.07);transition:opacity .35s,transform .35s,box-shadow .2s}
+.block .top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
+.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:999px}
+.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
+.badge.decision{color:#4f46e5;background:#eef0ff}.badge.assumption{color:#b45309;background:var(--ambersoft)}
+.badge.fact{color:#047857;background:var(--greensoft)}.badge.missing{color:#db2777;background:var(--pinksoft)}
+.badge.visual{color:#0e7490;background:#e0f5f6}
+.bid{font-size:11px;color:var(--mut);font-weight:600;letter-spacing:.5px}
+.mod{font-size:11px;font-weight:700;color:#7c3aed;background:#f3ecff;border-radius:999px;padding:2px 10px}
+.approvebtn{margin-left:auto;cursor:pointer;font-size:12.5px;font-weight:700;padding:6px 18px;border-radius:999px;
+border:1.5px solid var(--green);background:#fff;color:var(--green);transition:.18s}
+.approvebtn:hover{background:var(--greensoft)}
+.block.approved .approvebtn{background:linear-gradient(135deg,#34d399,#10b981);border-color:transparent;color:#fff}
+.skiphint{margin-left:auto;font-size:11px;color:var(--faint);background:#f4f5fa;border-radius:999px;padding:4px 13px}
+.content{margin-top:9px;font-size:14.5px;line-height:1.8;white-space:pre-wrap;cursor:text}
+.missinginput textarea{width:100%;margin-top:9px;background:var(--pinksoft);border:1.5px solid #f9c8de;
+border-radius:14px;padding:9px 14px;font:inherit;font-size:13.5px;color:var(--ink);resize:none;min-height:40px}
+.missinginput textarea:focus{outline:none;border-color:var(--pink);background:#fff}
+.missinginput textarea::placeholder{color:#d98bb1}
+details.meta{margin-top:6px;font-size:12px;color:var(--mut)}
+details.meta summary{cursor:pointer;width:fit-content}details.meta summary:hover{color:var(--ink2)}
+.prev{background:#f6f5fb;border-radius:10px;padding:7px 12px;margin-top:5px;color:var(--mut);font-size:12px;white-space:pre-wrap}
+.avatar{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
+font-size:10px;font-weight:800;flex:none;color:#fff}
+.avatar.ai{background:linear-gradient(135deg,#f59e0b,#f97316)}.avatar.user{background:linear-gradient(135deg,#3b82f6,#6366f1)}
+.comment{margin-top:11px;padding:11px 15px;font-size:13px}
+.comment .who{font-size:11px;font-weight:800;margin-bottom:4px;display:flex;align-items:center;gap:7px}
+.comment .quote{font-size:12px;opacity:.7;padding:1px 0 1px 9px;border-left:2.5px solid currentColor;margin:4px 0}
+.comment.ai{background:#fff8ec;border:1px solid #fbe7c3;border-radius:18px 18px 18px 5px;color:#92580a}
+.comment.ai .who{color:#c2680a}
+.comment.user{background:var(--bluesoft);border:1px solid #cfe0fb;border-radius:18px 18px 5px 18px;color:#1e50af}
+.comment.user .who{color:#2c63c8}
+.comment .actions{margin-top:7px;display:flex;gap:8px}
+.comment .actions button{cursor:pointer;font-size:12px;font-weight:700;padding:3px 14px;border-radius:999px;
+border:1.5px solid currentColor;background:transparent;color:inherit;opacity:.85;transition:.15s}
+.comment .actions button:hover{opacity:1;background:rgba(255,255,255,.6)}
+.replybox{width:100%;margin-top:8px;background:#fff;border:1.5px solid #fbe7c3;border-radius:12px;
+font:inherit;font-size:13px;padding:7px 11px;resize:vertical;min-height:40px;color:var(--ink)}
+.replybox:focus{outline:none;border-color:var(--amber)}
+.comment .draftreply{margin-top:6px;font-size:12px;background:rgba(255,255,255,.7);border-radius:10px;
+padding:5px 11px;display:flex;justify-content:space-between;gap:10px;align-items:center}
+.comment .draftreply a{cursor:pointer;text-decoration:underline;color:inherit;opacity:.7;white-space:nowrap}
+.comment.resolved{background:rgba(255,255,255,.55);border:1px dashed var(--line);color:var(--mut);
+font-size:12px;border-radius:14px;padding:8px 15px}
+#blocks.focusing .block:not(.attention){opacity:.3;transform:scale(.985)}
+.block.attention{animation:wiggle .65s ease;box-shadow:0 0 0 3px var(--kc,#6366f1),0 14px 44px rgba(99,102,241,.2)}
+.block[data-kind=decision]{--kc:#6366f1}.block[data-kind=assumption]{--kc:#f59e0b}
+.block[data-kind=fact]{--kc:#10b981}.block[data-kind=missing]{--kc:#ec4899}
+@keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-.8deg)}50%{transform:rotate(.7deg)}75%{transform:rotate(-.45deg)}}
+.block.attention::after{content:attr(data-reason);position:absolute;top:-12px;right:18px;font-size:11px;
+font-weight:800;color:#fff;background:var(--kc,#6366f1);padding:3px 13px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
+footer.dock{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;width:min(1000px,calc(100% - 36px));
+background:rgba(255,255,255,.88);backdrop-filter:blur(22px);border:1px solid #fff;border-radius:26px;
+box-shadow:0 22px 70px rgba(80,80,160,.18);z-index:50}
+footer.dock .inner{padding:14px 18px 12px;display:flex;gap:14px;align-items:flex-end}
+.addbox{flex:1}.addbox label{font-size:11px;font-weight:700;color:var(--mut);display:block;margin-bottom:4px}
+.awaitbar{background:linear-gradient(90deg,#eef2ff,#fdf2f8);border:1px solid #e0e7ff;border-radius:12px;padding:10px 16px;margin:0 0 14px;font-size:13px;color:#4f46e5;font-weight:600}
+.cmask{position:fixed;inset:0;background:rgba(79,70,229,.18);backdrop-filter:blur(6px);z-index:60;display:flex;align-items:center;justify-content:center;animation:cmaskin .18s ease}
+.ccard{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border:1px solid rgba(148,163,184,.35);border-radius:20px;box-shadow:0 24px 70px -18px rgba(79,70,229,.45);padding:22px 26px 18px;max-width:380px;width:calc(100vw - 48px)}
+.ccard h3{margin:0 0 8px;font-size:15.5px;font-weight:800}
+.ccard p{margin:0 0 16px;font-size:13px;color:var(--mut);line-height:1.7}
+.cbtns{display:flex;gap:10px;justify-content:flex-end}
+.ccancel{border:1px solid var(--line);background:#fff;color:var(--ink2);border-radius:12px;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer}
+.cok{border:0;background:linear-gradient(135deg,#7c6ff0,#d946ef);color:#fff;border-radius:12px;padding:8px 18px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px -8px rgba(124,111,240,.6)}
+@keyframes cmaskin{from{opacity:0}to{opacity:1}}
+.botwrap{display:flex;justify-content:center;padding:34px 0 20px}
+.botcard{background:rgba(255,255,255,.75);backdrop-filter:blur(14px);border:1px solid rgba(148,163,184,.3);border-radius:20px;padding:26px 44px 22px;text-align:center;box-shadow:0 18px 44px -20px rgba(99,102,241,.35);animation:botfloat 3.2s ease-in-out infinite}
+.bot{width:64px;height:52px;margin:0 auto 12px;position:relative}
+.bot .antenna{position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:3px;height:12px;background:#c7d2fe;border-radius:2px}
+.bot .antenna:after{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:9px;height:9px;border-radius:50%;background:#a78bfa;animation:botping 1.6s ease-in-out infinite}
+.bot .face{width:64px;height:52px;border-radius:16px;background:linear-gradient(145deg,#eef2ff,#fdf2f8);border:1.5px solid #c7d2fe;display:flex;align-items:center;justify-content:center;gap:12px}
+.bot .eye{width:8px;height:16px;border-radius:4px;background:#7c6ff0;animation:botblink 2.6s ease-in-out infinite}
+.bot .eye:last-child{animation-delay:.15s}
+.thinkdots{display:flex;gap:7px;justify-content:center;margin:2px 0 10px}
+.thinkdots span{width:8px;height:8px;border-radius:50%;background:#a78bfa;opacity:.45;animation:botdot 1.4s ease-in-out infinite}
+.thinkdots span:nth-child(2){animation-delay:.2s}
+.thinkdots span:nth-child(3){animation-delay:.4s}
+.bottext{font-size:13px;color:#6d28d9;font-weight:600}
+@keyframes botfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
+@keyframes botblink{0%,88%,100%{transform:scaleY(1)}94%{transform:scaleY(.12)}}
+@keyframes botping{0%,100%{opacity:.5;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.35)}}
+@keyframes botdot{0%,100%{opacity:.35;transform:translateY(0)}45%{opacity:1;transform:translateY(-6px)}}
+.verbar{font-size:12px;color:var(--mut);margin:0 0 12px}
+.verbar a{cursor:pointer;text-decoration:underline;margin-right:2px}
+.verbar b{color:var(--ink)}
+.verbar .rollbackbtn{margin-left:10px;border:1px solid #fecaca;background:#fff1f2;color:#be123c;border-radius:8px;padding:3px 10px;font-size:12px;cursor:pointer}
+.finhead{margin:6px 0 14px}.finhead h2{font-size:19px;margin:0 0 6px}.finhead p{font-size:13px;color:var(--mut);margin:0}
+.finalview .fingrp{background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.28);border-radius:14px;padding:14px 18px;margin-bottom:12px}
+.finalview h3{font-size:14px;margin:0 0 8px}
+.brow{display:flex;gap:8px;align-items:baseline;padding:5px 0;border-bottom:1px dashed rgba(148,163,184,.2);font-size:13px}
+.brow:last-child{border-bottom:0}
+.brow .k{font-size:11px;font-weight:700;flex:none}
+.brow .bid{font-family:ui-monospace,monospace;font-size:12px;color:var(--mut);flex:none}
+.addbox textarea{display:block;width:100%;height:46px;padding:10px 15px;resize:none}
+.mainbtn{cursor:pointer;border:none;border-radius:18px;height:49px;display:inline-flex;align-items:center;
+justify-content:center;padding:0 28px;font-size:14px;font-weight:800;white-space:nowrap;color:#fff;
+background:var(--grad);box-shadow:0 10px 30px rgba(139,92,246,.28);transition:.18s}
+.mainbtn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
+.mainbtn.confirm{background:linear-gradient(135deg,#34d399,#0ea573);box-shadow:0 10px 30px rgba(16,185,129,.28)}
+.mainbtn:disabled{background:#e2e5f0;color:#a7adc4;box-shadow:none;cursor:not-allowed;transform:none}
+.gatehint{padding:0 18px 12px;font-size:12px;color:var(--mut)}.gatehint b{color:#db2777}
+.gatehint.ok{color:#047857}
+.selbtn{position:absolute;z-index:40;cursor:pointer;border:none;background:var(--grad);color:#fff;
+font-size:12.5px;font-weight:700;padding:6px 16px;border-radius:999px;box-shadow:0 8px 24px rgba(139,92,246,.32)}
+.annotpop{position:absolute;z-index:50;width:340px;background:#fff;border:1px solid #e7e9fb;border-radius:20px;
+box-shadow:0 24px 70px rgba(80,80,160,.22);padding:15px 17px}
+.annotpop .sel{font-size:12px;color:var(--mut);border-left:3px solid var(--blue);padding-left:9px;
+margin-bottom:9px;max-height:56px;overflow:hidden}
+.annotpop textarea{width:100%;border:1.5px solid var(--line);border-radius:14px;padding:9px 12px;
+resize:vertical;min-height:58px}
+.annotpop .esc{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--mut);margin-top:9px;cursor:pointer}
+.annotpop .esc input{accent-color:#6366f1}
+.annotpop .row{display:flex;gap:9px;justify-content:flex-end;margin-top:11px}
+.annotpop .row button{cursor:pointer;font-size:12.5px;font-weight:700;padding:6px 18px;border-radius:999px;
+border:1.5px solid var(--line);background:#fff;color:var(--ink2)}
+.annotpop .row button.go{background:var(--grad);border:none;color:#fff;box-shadow:0 6px 18px rgba(139,92,246,.3)}
+#toast{position:fixed;top:18px;left:50%;transform:translateX(-50%) translateY(-80px);color:#fff;
+background:var(--grad);font-size:13px;font-weight:700;padding:10px 26px;border-radius:999px;
+box-shadow:0 12px 36px rgba(139,92,246,.32);transition:transform .3s ease;z-index:100}
+#toast.show{transform:translateX(-50%) translateY(0)}
+.offline{position:fixed;inset:auto 0 0 0;top:0;display:flex;align-items:center;justify-content:center;
+background:rgba(90,95,130,.92);color:#fff;font-size:14px;z-index:200;text-align:center;padding:20px}
+.reviving{text-align:center;padding:60px 0;color:var(--mut)}
+.reviving::before{content:"";display:block;width:34px;height:34px;margin:0 auto 14px;border-radius:50%;
+background:conic-gradient(from 0deg,#6366f1,#ec4899,#6366f1);
+-webkit-mask:radial-gradient(circle 11px,transparent 97%,#000) center/100% 100% no-repeat;
+animation:spin 1.1s linear infinite}
+@keyframes spin{to{transform:rotate(360deg)}}
+.baseline{margin-top:16px;background:linear-gradient(135deg,#e7f9f1,#eef0ff);border:1px solid #fff;
+border-radius:24px;padding:20px 24px}
+.baseline h3{color:#047857;font-size:16px}.baseline p{font-size:12px;color:var(--mut);margin:5px 0 10px}
+.brow{display:flex;gap:10px;font-size:13px;padding:6px 2px;border-top:1px dashed var(--line);align-items:baseline}
+.brow .k{font-size:10px;font-weight:800;color:var(--ink2);flex:none}.brow .bid{font-size:10.5px;color:var(--mut);flex:none;font-weight:600}
+@media(max-width:900px){.cols{flex-direction:column}aside.locked{width:100%;position:static}}
+`;
+const SCRIPT = `
+"use strict";
+const KIND_CN={fact:"取证事实",assumption:"假设",decision:"决策",missing:"待补充",visual:"视觉"};
+const STEP_CN={objective:"目标",detail:"细节",design:"设计"};
+const STEP_ORDER=["objective","detail","design"];
+const esc=(s)=>String(s==null?"":s).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");
+const el=(id)=>document.getElementById(id);
+const firstLine=(s)=>String(s).split("\\n")[0].slice(0,80);
+
+// page-local drafts: survive re-renders (轮询不丢输入) until submitted
+let drafts={answers:{},replies:{},dismissed:{},additions:"",revised:{}};
+// Version view (走查 2026-10-03): null = latest (interactive); number = archived
+// snapshot revision (read-only).
+let viewingVersion=null;
+// 完成态的环节查看选择（走查 2026-10-03）：null = 全部分组；只读，无回退。
+let viewingStep=null;
+function askConfirm(title,body,okText,onOk){
+  // 页内确认弹层（走查 2026-10-03）：禁用浏览器原生 confirm。
+  const mask=document.createElement("div");
+  mask.className="cmask";
+  mask.innerHTML='<div class="ccard"><h3>'+esc(title)+'</h3><p>'+esc(body)+'</p>'
+    +'<div class="cbtns"><button class="ccancel">取消</button><button class="cok">'+esc(okText)+'</button></div></div>';
+  document.body.appendChild(mask);
+  const close=()=>mask.remove();
+  mask.querySelector(".ccancel").addEventListener("click",close);
+  mask.querySelector(".cok").addEventListener("click",()=>{close();onOk();});
+  mask.addEventListener("click",(e)=>{if(e.target===mask)close();});
+}
+function botThink(text){
+  return '<div class="botwrap"><div class="botcard"><div class="bot"><div class="antenna"></div>'
+    +'<div class="face"><span class="eye"></span><span class="eye"></span></div></div>'
+    +'<div class="thinkdots"><span></span><span></span><span></span></div>'
+    +'<div class="bottext">'+text+'</div></div></div>';
+}
+let view=null;           // last state.json payload
+let submitting=false;
+
+let everConnected=false;
+async function pull(){
+  try{
+    const res=await fetch("state.json",{cache:"no-store"});
+    if(res.status===404){offline(false);return null;}
+    if(!res.ok)throw new Error("state "+res.status);
+    everConnected=true;
+    offline(false);
+    return await res.json();
+  }catch(e){offline(true);return null;}
+}
+function offline(show){
+  const banner=el("offline");
+  banner.style.display=show?"flex":"none";
+  // 首次加载失败 ≠ 断开（2026-10-08 走查）：服务尚未就绪时显示连接中文案，
+  // 不再用「会话已断开」的终态话术吓退用户；成功连过一次后再失败才是断开。
+  if(show)banner.textContent=everConnected
+    ?"会话已断开——回到终端继续（插件服务已停止）"
+    :"正在连接对齐服务……若无响应，请从终端重新打开确认页";
+}
+// Local approval mirror: null = follow server state; object after the first
+// local toggle. Every gate/visual read goes through effectiveApproved so a
+// click reacts instantly instead of waiting for the next round trip.
+let approvals=null; // null = mirror server state; object after local toggles
+function effectiveApproved(b){
+  if(approvals&&Object.prototype.hasOwnProperty.call(approvals,b.id))return approvals[b.id];
+  return b.status==="approved";
+}
+function gatePendingCount(){
+  if(!view)return 0;
+  const s=activeStep();
+  if(!s)return view.gate.pending.length;
+  // Server pending list, discounted by local approvals the page can resolve
+  // right now. missing-empty stays pending until an answer exists locally.
+  return view.gate.pending.filter((item)=>{
+    const b=s.blocks.find((x)=>x.id===item.blockId);
+    if(!b)return true;
+    if(item.reason==="unapproved"||item.reason==="missing-empty"){
+      if(!effectiveApproved(b))return true;
+      return b.kind==="missing"&&!(b.draftAnswer||(drafts.answers[b.id]||"").trim());
+    }
+    return true;
+  }).length;
+}
+function hasContentDrafts(){
+  if(drafts.additions.trim())return true;
+  const s=activeStep();
+  if(!s)return false;
+  for(const b of s.blocks){
+    if(b.kind==="missing"&&!b.draftAnswer&&(drafts.answers[b.id]||"").trim())return true;
+    if(b.kind==="missing"&&b.draftAnswer)return false;
+  }
+  for(const b of s.blocks)for(const c of b.comments){
+    if(c.status==="open"&&c.author==="assistant"&&(drafts.replies[c.id]||drafts.dismissed[c.id]))return true;
+  }
+  return !!(selInfo&&selInfo.pendingComments&&selInfo.pendingComments.length);
+}
+function hasDrafts(){
+  if(hasContentDrafts())return true;
+  const s=activeStep();
+  if(!s)return false;
+  // A local approval that differs from the mirrored state is undelivered
+  // feedback and must route the dock button to submit, not spotlight.
+  for(const b of s.blocks){
+    if(effectiveApproved(b)!==(b.status==="approved"))return true;
+  }
+  return false;
+}
+function activeStep(){return view?view.steps.find((s)=>s.step===view.activeStep):null;}
+
+async function refresh(){
+  const next=await pull();
+  if(!next)return;
+  const focusEditing=document.activeElement&&document.activeElement.tagName==="TEXTAREA";
+  // 轮询只在状态真正推进时整页重绘（走查 2026-10-03）：无条件每 2s 重建
+  // innerHTML 会重放入场动画，还会吞掉恰好落在重建窗口里的点击。
+  const changed=!view||next.revision!==view.revision||next.round!==view.round
+    ||next.status!==view.status||!!next.awaitingRevision!==!!view.awaitingRevision;
+  if(changed){approvals=null;viewingVersion=null;}
+  view=next;
+  if(changed&&!focusEditing)render();
+  else renderDock(); // keep the dock fresh while typing
+}
+function render(){renderSteps();renderLocked();renderMain();renderDock();}
+
+function renderSteps(){
+  el("title").textContent=view.title;
+  el("meta").innerHTML=view.goalId
+    ?("goal <b>"+esc(view.goalId)+"</b> · 第 <b>"+view.round+"</b> 轮 · 已确认 <b>"+view.gate.approvedCount+"/"+view.gate.blockCount+"</b>")
+    :("第 <b>"+view.round+"</b> 轮 · 已确认 <b>"+view.gate.approvedCount+"/"+view.gate.blockCount+"</b>");
+  let tabs=STEP_ORDER.map((id,i)=>{
+    const st=view.steps.find((s)=>s.step===id);
+    const locked=st.status==="locked";
+    const cur=view.status==="completed"?viewingStep:(view.status==="finalizing"?null:view.activeStep);
+    const cls=locked?"done":(cur===id?"active":"");
+    const tag=locked?(st.blocks.length+" 块已锁定"):(view.activeStep===id?"当前":"未解锁");
+    // 已锁定步可点击回退（走查 2026-10-03）：后续环节作废重走。
+    const terminal=view.status==="completed"||view.status==="cancelled";
+    // 完成态：tab 点击=只读查看该环节（走查 2026-10-03），无回退。
+    const viewPick=terminal?' data-viewstep="'+id+'" style="cursor:pointer"':"";
+    const retreat=(locked&&!terminal)?' data-retreat="'+id+'" style="cursor:pointer" title="点击回退到此环节（后面的环节将作废）"':"";
+    return '<div class="step '+cls+'"'+viewPick+retreat+'><span class="no">'+(locked?"✓":(i+1))+"</span>"+STEP_CN[id]
+      +'<span class="tag">'+tag+"</span></div>";
+  }).join("");
+  const fin=view.status==="finalizing";
+  // 完成态：总览 tab = 返回「全部环节」分组视图（走查 2026-10-03）。
+  const viewAll=view.status==="completed"?' data-viewall="1" style="cursor:pointer"':"";
+  tabs+='<div class="step '+(fin?"active":view.status==="completed"&&viewingStep===null?"active":"")+'"'+(fin||view.status==="aligning"?' id="finalTab"':"")+viewAll
+    +'><span class="no">'+(fin?"◉":view.status==="completed"&&viewingStep===null?"◉":"4")+"</span>总览"+'<span class="tag">'+(fin?"终审":view.status==="completed"?"全部":"未到达")+"</span></div>";
+  el("steps").innerHTML=tabs;
+}
+
+function renderLocked(){
+  const aside=el("locked");
+  if(view.status==="finalizing"||view.status==="completed"){aside.style.display="none";return;}
+  const locked=view.steps.filter((s)=>s.status==="locked");
+  if(!locked.length){aside.style.display="none";return;}
+  aside.style.display="";
+  aside.innerHTML='<div class="glass"><h3><span class="ic">✓</span>已锁定基线 · '
+    +locked.map((s)=>STEP_CN[s.step]).join(" + ")+'</h3>'
+    +locked.map((s)=>'<div class="lkgrp"><details><summary>'+STEP_CN[s.step]+' · '+s.blocks.length+' 块</summary>'
+      +s.blocks.map((b)=>'<div class="lkitem"><span class="k">'+KIND_CN[b.kind]+'</span>'+esc(firstLine(b.content))+'</div>').join("")
+      +'</details></div>').join("")
+    +'<div class="note">锁定内容只读——要修改需走回退（批注时勾选「这是上游步骤的问题」）</div></div>';
+}
+
+function versionBarHtml(){
+  // 版本只作用单节点（走查 2026-10-03）：只显示当前步的快照。
+  // 完成态跟随正在查看的环节；「全部环节」视图不显示版本条。
+  const cur=viewingStep??view.activeStep;
+  const versions=(view.versions||[]).filter((v)=>v.step===cur);
+  if(view.status==="completed"&&viewingStep===null&&viewingVersion===null)return "";
+  const active=!viewingVersion;
+  if(!versions.length)return active?"":"";
+  const chips=versions.slice().reverse().map((v)=>v.revision!==viewingVersion
+    ?'<a data-viewver="'+v.revision+'">r'+v.revision+"</a>"
+    :'<b>r'+v.revision+"</b>").join(" · ");
+  const back=viewingVersion!==null?' — <a data-viewver="latest">返回最新版本</a>':"";
+  // 终态（completed/cancelled）不提供版本回退入口（走查 2026-10-03）：对齐结束后只读。
+  const rollback=view.status==="aligning"&&viewingVersion!==null&&viewingVersion!==undefined
+    ?' <button class="rollbackbtn" data-rollback="'+viewingVersion+'">回退到此版本</button>'
+    :"";
+  return '<div class="verbar">版本：'+(active?"<b>最新 r"+view.revision+"</b>":"")+(" · "+chips)+back+rollback+"</div>";
+}
+
+function renderMain(){
+  if(view.status==="finalizing"){
+    el("doneBanner").style.display="none";
+    const rows=view.steps.map((st)=>'<div class="fingrp"><h3>'+STEP_CN[st.step]
+      +"（"+st.blocks.length+" 块，第 "+(st.baselineConfirmedAtRound??"-")+" 轮确认）</h3>"
+      +st.blocks.map((b)=>'<div class="brow"><span class="k">'+KIND_CN[b.kind]+'</span><span class="bid">'+esc(b.id)
+        +"</span><span>"+esc(firstLine(b.content))+"</span></div>").join("")+"</div>").join("");
+    el("main").innerHTML='<div class="finhead"><h2>终审总览——三步基线全部锁定</h2>'
+      +'<p>这是完整方案。确认后将生成最终基线并结束对齐；如有问题可点击上方任一已锁定环节回退修改。</p></div>'
+      +'<div class="finalview">'+rows+"</div>";
+    return;
+  }
+  if(view.status!=="aligning"){
+    el("main").innerHTML="";
+    const banner=el("doneBanner");
+    if(view.status==="completed"){
+      // 完成态（走查 2026-10-03）：只读，但可切换环节、切换版本查看。
+      banner.style.display="";
+      banner.innerHTML='<div class="baseline"><h3>✓ 对齐完成——终审已确认，基线已锁定</h3><p>以下内容只读。可点击环节查看各步详情、切换历史版本；需要留档可在终端执行 <b>/alignment export</b> 导出只读 HTML。实施中改动任一决策须回本插件重新确认。</p></div>';
+      const head='<div id="pagehead">'+versionBarHtml()+"</div>";
+      if(viewingVersion!==null){
+        const snap=(view.versions||[]).find((v)=>v.revision===viewingVersion);
+        el("main").innerHTML=head+'<div class="stephead"><h2>历史版本 r'+viewingVersion+"</h2><span class='desc'>只读快照</span></div>"
+          +(snap&&!snap.truncated?snap.blocks.map((b,i)=>blockHtml(b,i,true)).join(""):'<div class="empty-hint">该版本仅存锚点或已不存在。</div>');
+        return;
+      }
+      if(viewingStep!==null){
+        const st=view.steps.find((cand)=>cand.step===viewingStep);
+        if(!st){viewingStep=null;render();return;}
+        el("main").innerHTML=head+'<div class="stephead"><h2>只读查看：'+(STEP_CN[viewingStep]??viewingStep)+'（'+st.blocks.length+' 块）</h2><span class="desc">点击上方「总览」返回全部环节。</span></div>'
+          +'<div class="finalview"><div class="fingrp">'+st.blocks.map((b,i)=>blockHtml(b,i,true)).join("")+"</div></div>";
+        return;
+      }
+      const rows=view.steps.map((st2)=>'<div class="fingrp"><h3>'+(STEP_CN[st2.step]??st2.step)
+        +"（"+st2.blocks.length+" 块，第 "+(st2.baselineConfirmedAtRound??"-")+" 轮确认）</h3>"
+        +'<div class="brows">'+st2.blocks.map((b)=>'<div class="brow"><span class="k">'+KIND_CN[b.kind]
+        +'</span><span class="bid">'+esc(b.id)+'</span><span>'+esc(firstLine(b.content))+"</span></div>").join("")+"</div></div>").join("");
+      el("main").innerHTML=head+'<div class="stephead"><h2>全部环节</h2><span class="desc">点击上方环节名可单独查看该步的完整块内容。</span></div>'
+        +'<div class="finalview">'+rows+"</div>";
+      return;
+    }
+    banner.style.display="";
+    banner.innerHTML='<div class="baseline"><h3>对齐已取消</h3><p>现场保留，可在终端查看 /alignment log。</p></div>';
+    return;
+  }
+  el("doneBanner").style.display="none";
+  const head='<div id="pagehead">'+versionBarHtml()+"</div>";
+  if(viewingVersion!==null){
+    // 历史版本只读（走查 2026-10-03）：无确认/批注/填空入口。
+    const snap=(view.versions||[]).find((v)=>v.revision===viewingVersion);
+    if(!snap||snap.truncated){
+      el("main").innerHTML=head+"<div class='stephead'><h2>版本 r"+viewingVersion+"</h2><span class='desc'>"
+        +(snap?"该版本超出体积预算，仅保留锚点。":"该版本已不存在（可能被滚动淘汰）。")+"</span></div>";
+      return;
+    }
+    const desc="历史版本（只读）——确认与批注请返回最新版本。";
+    el("main").innerHTML=head+'<div class="stephead"><h2>'+STEP_CN[snap.step]+" · r"+snap.revision+"</h2><span class='desc'>"+desc+"</span></div>"
+      +snap.blocks.map((b,i)=>blockHtml(b,i,true)).join("");
+    return;
+  }
+  // AI 修订中（走查 2026-10-03）：内容区换机器人思考效果，顶部进度不动。
+  if(view.awaitingRevision){
+    el("main").innerHTML=head+botThink("AI 正在根据反馈修订……修订版发布后本页自动刷新");
+    return;
+  }
+  const s=activeStep();
+  const desc={objective:"只对方向：干什么 / 不干什么 / 成功标准。禁止展开实现细节。",
+    detail:"业务规则、公式、数据流、异常路径。假设必须显式；缺信息挂「待补充」。",
+    design:"技术选型、模块、接口、文件改动、风险、验收。不得与已锁定基线矛盾。"}[s.step];
+  el("main").innerHTML=head+'<div class="stephead"><h2>'+STEP_CN[s.step]+'</h2><span class="desc">'+desc+"</span></div>"
+    +s.blocks.map((b,i)=>blockHtml(b,i)).join("");
+}
+
+function blockHtml(b,i,readonly){
+  if(readonly){
+    // 历史版本只读（走查 2026-10-03）：无按钮、无输入、批注仅展示。
+    return '<article class="block '+(b.status==="approved"?"approved":"")+'" data-kind="'+b.kind
+      +'" data-block="'+esc(b.id)+'"><div class="top"><span class="badge '+b.kind+'">'+KIND_CN[b.kind]
+      +"</span>"+'<span class="bid">'+esc(b.id)+"</span>"
+      +(b.status==="approved"?'<span class="skiphint">已确认</span>':"")+"</div>"
+      +'<div class="content">'+esc(b.content)+"</div>"
+      +(b.rationale?'<details class="meta"><summary>理由</summary>'+esc(b.rationale)+"</details>":"")
+      +(b.comments||[]).map((c)=>commentHtml(b,c,true)).join("")+"</article>";
+  }
+  const modified=b.modifiedInRound===view.round?'<span class="mod">本轮已修改</span>':"";
+  return blockHtmlInteractive(b,i,modified);
+}
+
+function blockHtmlInteractive(b,i,modified){
+  const answered=(b.draftAnswer||"").trim()!=="";
+  const approvedNow=effectiveApproved(b);
+  const missingHtml=b.kind==="missing"
+    ?(b.draftAnswer
+      ?'<div class="missinginput"><div class="comment resolved">✓ 已收到你的答案：'+esc(b.draftAnswer)+'（提交后由 AI 并入本块）</div></div>'
+      :'<div class="missinginput"><textarea data-answer="'+esc(b.id)+'" placeholder="在这里补充你的答案……">'
+        +esc(drafts.answers[b.id]||"")+"</textarea></div>"):"";
+  const canApprove=b.kind!=="missing"||answered||(drafts.answers[b.id]||"").trim()!=="";
+  const approveHtml=canApprove
+    ?'<button class="approvebtn" data-approve="'+esc(b.id)+'">'+(approvedNow?"已确认":"确认")+"</button>"
+    :'<span class="skiphint">填写后进入确认</span>';
+  const metaHtml=(b.rationale?'<details class="meta"><summary>理由</summary>'+esc(b.rationale)+"</details>":"")
+    +(b.impact?'<details class="meta"><summary>影响范围</summary>'+esc(b.impact.join(" · "))+"</details>":"");
+  return '<article class="block '+(approvedNow?"approved":"")+'" data-kind="'+b.kind
+    +'" data-block="'+esc(b.id)+'" style="animation-delay:'+Math.min(i*35,280)+'ms"><div class="top">'
+    +'<span class="badge '+b.kind+'">'+KIND_CN[b.kind]+"</span>"+'<span class="bid">'+esc(b.id)+"</span>"+modified
+    +approveHtml+"</div>"+'<div class="content" data-content="'+esc(b.id)+'">'+esc(b.content)+"</div>"
+    +missingHtml+metaHtml+(b.comments||[]).map((c)=>commentHtml(b,c,false)).join("")+"</article>";
+}
+
+function commentHtml(b,c,readonly){
+  if(c.status==="resolved"){
+    const k={answered:"已回答",dismissed:"已驳回",incorporated:"已并入修订"}[c.resolution.kind];
+    return '<div class="comment resolved">✓ '+k+(c.resolution.text?("："+esc(c.resolution.text)):"")
+      +' — '+(c.author==="assistant"?"AI 疑问":"你的批注")+": "+esc((c.note||"").slice(0,44))+'</div>';
+  }
+  if(c.author==="assistant"){
+    if(readonly)return '<div class="comment ai"><div class="who"><span class="avatar ai">AI</span>AI 疑问</div>'+esc(c.note)+'</div>';
+    let body;
+    if(drafts.dismissed[c.id])body='<div class="draftreply"><span>你标记了「不重要」（提交后生效）</span><a data-undodismiss="'+c.id+'">撤销</a></div>';
+    else if(drafts.revised[c.id])body='<textarea class="replybox" data-reply-input="'+c.id+'" placeholder="输入你的回答……">'
+      +esc(drafts.replies[c.id]||"")+'</textarea><div class="actions"><button data-reply-save="'+c.id+'">确认回答</button></div>';
+    else if(drafts.replies[c.id])body='<div class="draftreply"><span>你的回答：'+esc(drafts.replies[c.id])+'（提交后生效）</span><a data-reply-edit="'+c.id+'">修改</a></div>';
+    else body='<div class="actions"><button data-reply="'+c.id+'">回答</button><button data-dismiss="'+c.id+'">不重要</button></div>';
+    return '<div class="comment ai"><div class="who"><span class="avatar ai">AI</span>AI 疑问 · 拿不准，需要你裁决</div>'+esc(c.note)+body+'</div>';
+  }
+  if(readonly)return '<div class="comment user"><div class="who"><span class="avatar user">你</span>你的批注'
+    +(c.escalate?" · 上游问题":"")+'</div>'+(c.quote?'<div class="quote">'+esc(c.quote)+'</div>':"")+esc(c.note)+'</div>';
+  return '<div class="comment user"><div class="who"><span class="avatar user">你</span>你的批注 · 等待 AI 处理'
+    +(c.escalate?" · 上游问题":"")+'</div>'+(c.quote?'<div class="quote">'+esc(c.quote)+'</div>':"")+esc(c.note)+'</div>';
+}
+
+function renderDock(){
+  const btn=el("mainBtn"),hint=el("gateHint");
+  const addbox=document.querySelector(".addbox");
+  if(!view||view.status!=="aligning"&&view.status!=="finalizing"){
+    // 终态：整个底部操作条隐藏（走查 2026-10-03），对齐结束后页面只读。
+    const dock=document.querySelector(".dock");
+    if(dock)dock.style.display="none";
+    return;}
+  if(view.status==="finalizing"){
+    if(addbox)addbox.style.display="none"; // 终审总览无补充输入（走查 2026-10-03）
+    btn.textContent="确认基线，结束对齐";btn.className="mainbtn confirm";btn.disabled=false;
+    hint.className="gatehint ok";hint.textContent="终审总览：查看完整方案后确认；如有问题，点击上方已锁定环节回退。";return;}
+  if(addbox)addbox.style.display="";
+  const dockEl=document.querySelector(".dock");
+  if(dockEl)dockEl.style.display="";
+  const n=gatePendingCount(),d=hasDrafts();
+  if(n===0&&!d){btn.textContent=view.activeStep==="design"?"确认方案，进入终审总览":"确认完成，进入下一步";
+    btn.className="mainbtn confirm";btn.disabled=false;
+    hint.className="gatehint ok";hint.textContent="门禁三条件满足——全部已确认、批注已清空、无补充。";return;}
+  btn.className="mainbtn";btn.disabled=false;
+  if(d){btn.textContent="提交本轮反馈";
+    hint.className="gatehint";
+    hint.innerHTML=n?("已捕获反馈，提交后 AI 修订；尚有 <b>"+n+"</b> 处待处理。"):"已捕获反馈，提交后 AI 修订并重新等待确认。";}
+  else{btn.textContent="定位 "+n+" 处待处理";hint.className="gatehint";
+    hint.textContent="没有待提交的反馈——点击按钮，页面会指出还有哪里没完成。";}
+}
+
+// ---------------------------------------------------------------------------
+// interactions
+// ---------------------------------------------------------------------------
+document.addEventListener("click",(e)=>{
+  const t=e.target;
+  // 完成态「总览」tab：返回全部环节分组视图（走查 2026-10-03）。
+  if(t.dataset&&t.dataset.viewall){
+    viewingStep=null;viewingVersion=null;render();return;
+  }
+  // 已锁定环节 tab 点击回退（走查 2026-10-03）：后续环节作废重走。
+  // 完成态环节查看（只读）：点击 tab 切换查看该步。
+  if(t.dataset&&t.dataset.viewstep){
+    viewingStep=t.dataset.viewstep;
+    viewingVersion=null;
+    render();return;
+  }
+  if(t.dataset&&t.dataset.retreat){
+    const target=t.dataset.retreat;
+    askConfirm("回退到「"+STEP_CN[target]+"」","后面的环节将作废，需要重新确认。","确认回退",()=>{
+      approvals=null;viewingVersion=null;
+      postPageAction({action:"retreat",baseRevision:view.revision,targetStep:target,approvals:[],comments:[],
+        commentReplies:[],answers:[],additions:[],stepConfirmed:false},"正在回退……");
+    });
+    return;
+  }
+  // 版本切换（走查 2026-10-03）：历史版本只读查看。
+  if(t.dataset&&t.dataset.viewver){
+    viewingVersion=t.dataset.viewver==="latest"?null:Number(t.dataset.viewver);
+    render();return;
+  }
+  if(t.dataset&&t.dataset.rollback){
+    const targetRevision=Number(t.dataset.rollback);
+    askConfirm("把当前步回退到版本 r"+targetRevision,"当前未确认的修改将丢弃（历史版本中的批注会保留）。","确认回退",()=>{
+      approvals=null;
+      postPageAction({action:"rollback",baseRevision:view.revision,targetRevision,approvals:[],comments:[],
+        commentReplies:[],answers:[],additions:[],stepConfirmed:false},"正在回退版本……");
+    });
+    return;
+  }
+  if(t.dataset&&t.dataset.approve!==undefined&&t.dataset.approve!==""){toggleApprove(t.dataset.approve);return;}
+  if(t.dataset&&t.dataset.reply){drafts.revised[t.dataset.reply]=true;render();return;}
+  if(t.dataset&&t.dataset.replyEdit){drafts.revised[t.dataset.replyEdit]=true;render();return;}
+  if(t.dataset&&t.dataset.replySave){
+    const box=t.closest(".comment").querySelector(".replybox");
+    if(box&&!box.value.trim()){box.focus();return;}
+    drafts.replies[t.dataset.replySave]=box.value.trim();delete drafts.revised[t.dataset.replySave];render();return;}
+  if(t.dataset&&t.dataset.dismiss){drafts.dismissed[t.dataset.dismiss]=true;render();return;}
+  if(t.dataset&&t.dataset.undodismiss){delete drafts.dismissed[t.dataset.undodismiss];render();return;}
+});
+document.addEventListener("input",(e)=>{
+  const t=e.target;
+  if(t.dataset&&t.dataset.answer){drafts.answers[t.dataset.answer]=t.value;renderDock();return;}
+  if(t.dataset&&t.dataset.replyInput){drafts.replies[t.dataset.replyInput]=t.value;return;}
+  if(t.id==="additions"){drafts.additions=t.value;renderDock();}
+});
+function toggleApprove(id){
+  if(!approvals){
+    approvals={};
+    for(const b of activeStep().blocks)approvals[b.id]=b.status==="approved";
+  }
+  approvals[id]=!approvals[id];
+  // 局部更新（2026-10-08 流畅度走查）：确认是最高频操作，全量 innerHTML 重建会
+  // 折叠已展开的 <details>、丢选区，体感就是「点一下整页闪一遍」。只改该块节点
+  // + steps 计数 + 底部门禁，与全量 render 的可见结果一致。
+  const s=activeStep();
+  const b=s&&s.blocks.find((x)=>x.id===id);
+  if(b){
+    const node=el("main").querySelector('[data-block="'+id+'"]');
+    if(node){
+      const now=effectiveApproved(b);
+      node.classList.toggle("approved",now);
+      const btn=node.querySelector(".approvebtn");
+      if(btn)btn.textContent=now?"已确认":"确认";
+    }
+  }
+  renderSteps();renderDock();
+}
+
+// selection annotation (single-block selection only)
+let selInfo=null,annotGuardUntil=0;
+document.addEventListener("mouseup",(e)=>{
+  if(e.target.closest&&e.target.closest(".annotpop"))return;
+  if(e.target.closest&&e.target.closest(".selbtn"))return;
+  if(Date.now()<annotGuardUntil)return;
+  el("annotPop").style.display="none";
+  const btn=el("selBtn");
+  const sel=window.getSelection();
+  if(!sel||sel.isCollapsed){btn.style.display="none";return;}
+  const text=sel.toString().trim();
+  const range=sel.getRangeAt(0);
+  const owner=(range.startContainer.parentElement&&range.startContainer.parentElement.closest)
+    ?range.startContainer.parentElement.closest(".content[data-content]"):null;
+  const ownerEnd=(range.endContainer.parentElement&&range.endContainer.parentElement.closest)
+    ?range.endContainer.parentElement.closest(".content[data-content]"):null;
+  if(!owner||owner!==ownerEnd||!text){btn.style.display="none";return;}
+  const rect=range.getBoundingClientRect();
+  btn.style.display="";
+  btn.className="selbtn";
+  btn.style.left=(rect.left+window.scrollX+rect.width/2-46)+"px";
+  btn.style.top=(rect.top+window.scrollY-40)+"px";
+  selInfo={blockId:owner.dataset.content,text};
+});
+el("selBtn").addEventListener("mousedown",(e)=>{
+  e.preventDefault();
+  annotGuardUntil=Date.now()+400;
+  const pop=el("annotPop"),btn=el("selBtn");
+  el("annotQuote").textContent="「"+(selInfo.text.length>60?selInfo.text.slice(0,60)+"…":selInfo.text)+"」";
+  el("annotNote").value="";el("annotEsc").checked=false;
+  pop.style.display="";
+  pop.style.left=Math.min(parseFloat(btn.style.left),window.scrollX+window.innerWidth-360)+"px";
+  pop.style.top=(parseFloat(btn.style.top)+42)+"px";
+  el("annotNote").focus();
+  btn.style.display="none";
+});
+el("annotClose").addEventListener("click",()=>{el("annotPop").style.display="none";window.getSelection().removeAllRanges();});
+el("annotGo").addEventListener("click",()=>{
+  const note=el("annotNote").value.trim();
+  if(!note){el("annotNote").focus();return;}
+  if(!selInfo.pendingComments)selInfo.pendingComments=[];
+  selInfo.pendingComments.push({blockId:selInfo.blockId,quote:selInfo.text,note,escalate:el("annotEsc").checked});
+  toast("批注已暂存（"+selInfo.pendingComments.length+" 条）——随本轮反馈一起提交");
+  el("annotPop").style.display="none";window.getSelection().removeAllRanges();
+});
+
+// spotlight: every click replays a full cycle; auto restore ~4.5s or any click
+let spotSession=0;
+function clearSpot(){
+  const sec=el("main");
+  sec.classList.remove("focusing");
+  sec.querySelectorAll(".block.attention").forEach((node)=>{node.classList.remove("attention");node.removeAttribute("data-reason");});
+}
+function spotlight(msg){
+  if(!view||view.status!=="aligning")return;
+  const items=view.gate.pending;
+  if(!items.length){toast("当前没有待处理项");return;}
+  const session=++spotSession;
+  clearSpot();
+  const sec=el("main");
+  sec.classList.add("focusing");
+  const nodes=items.map((item)=>{
+    const node=sec.querySelector('[data-block="'+item.blockId+'"]');
+    if(node){
+      node.classList.add("attention");
+      node.dataset.reason={unapproved:"未确认",missing_empty:"待补充","missing-empty":"待补充",
+        assistant_question_open:"疑问待回应","assistant-question-open":"疑问待回应"}[item.reason]||item.reason;
+    }
+    return node;
+  }).filter(Boolean);
+  if(nodes[0])nodes[0].scrollIntoView({behavior:"smooth",block:"center"});
+  toast(msg||("还有 "+nodes.length+" 处待处理——已为你定位"));
+  const finish=()=>{if(session!==spotSession)return;clearSpot();document.removeEventListener("click",onDoc);};
+  const onDoc=(ev)=>{
+    if(session!==spotSession){document.removeEventListener("click",onDoc);return;}
+    if(ev.target.closest&&ev.target.closest("#mainBtn"))return;
+    finish();
+  };
+  setTimeout(()=>document.addEventListener("click",onDoc),80);
+  setTimeout(finish,4500);
+}
+
+let toastTimer;
+function toast(msg){
+  const t=el("toast");t.textContent=msg;t.classList.add("show");
+  clearTimeout(toastTimer);toastTimer=setTimeout(()=>t.classList.remove("show"),3200);
+}
+
+// ---------------------------------------------------------------------------
+// submit
+// ---------------------------------------------------------------------------
+el("mainBtn").addEventListener("click",async()=>{
+  if(!view)return;
+  if(view.status==="finalizing"){
+    // 终审确认（走查 2026-10-03）：唯一 completed 路径；文件留档走 /alignment export。
+    return postPageAction({action:"feedback",baseRevision:view.revision,approvals:[],comments:[],
+      commentReplies:[],answers:[],additions:[],stepConfirmed:true},"正在提交终审确认……");
+  }
+  if(view.status!=="aligning")return;
+  const n=gatePendingCount(),d=hasDrafts();
+  if(n===0&&!d){return submitRound(true);}
+  if(d){
+    // Pure approval diffs with a locally green gate confirm the step in the
+    // same round (approvals mirror + stepConfirmed); any content feedback
+    // goes as a plain revision round.
+    return submitRound(n===0&&!hasContentDrafts());
+  }
+  spotlight();
+});
+
+async function postPageAction(payload,submittingText){
+  if(submitting)return;
+  submitting=true;
+  el("mainBtn").disabled=true;
+  if(submittingText)el("main").innerHTML='<div class="reviving">'+submittingText+"</div>";
+  try{
+    const res=await fetch("round",{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify(payload)});
+    const out=await res.json().catch(()=>({}));
+    if(!res.ok){
+      if(out&&out.code==="stale-state"){toast("页面快照已过期——已刷新到最新状态，请重试");approvals=null;}
+      else toast("提交失败："+((out&&out.error)||res.status));
+      // 失败也要离开 spinner（与 submitRound 的 view=null 同语义）：否则 main
+      // 停在「正在提交/回退……」直到下一次 revision 变化才恢复——真实会话
+      // 里就是「点击后跟傻了一样」的来源（2026-10-08 走查）。
+      view=null;
+    }
+  }catch(e){toast("提交失败：网络错误，请重试");submitting=false;view=null;render();return;}
+  submitting=false;
+  view=null;
+  await refresh();
+}
+
+async function submitRound(confirmStep){
+  if(submitting)return;
+  submitting=true;
+  el("mainBtn").disabled=true;
+  const s=activeStep();
+  const approvalsSet={};
+  for(const b of s.blocks){
+    const locallyToggled=approvals&&Object.prototype.hasOwnProperty.call(approvals,b.id);
+    approvalsSet[b.id]=locallyToggled?approvals[b.id]:(b.status==="approved");
+  }
+  const body={
+    baseRevision:view.revision,
+    approvals:Object.keys(approvalsSet).filter((id)=>approvalsSet[id]),
+    comments:(selInfo&&selInfo.pendingComments)||[],
+    commentReplies:[],
+    answers:[],
+    additions:drafts.additions.trim()?[drafts.additions.trim()]:[],
+    stepConfirmed:!!confirmStep,
+  };
+  for(const b of s.blocks){
+    if(b.kind==="missing"&&!b.draftAnswer&&(drafts.answers[b.id]||"").trim())
+      body.answers.push({blockId:b.id,value:drafts.answers[b.id].trim()});
+    for(const c of b.comments){
+      if(c.status!=="open"||c.author!=="assistant")continue;
+      if(drafts.dismissed[c.id])body.commentReplies.push({commentId:c.id,blockId:b.id,dismiss:true});
+      else if(drafts.replies[c.id])body.commentReplies.push({commentId:c.id,blockId:b.id,answer:drafts.replies[c.id]});
+    }
+  }
+  el("main").innerHTML='<div class="reviving">正在提交第 '+view.round+' 轮反馈……</div>';
+  try{
+    const res=await fetch("round",{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify(body)});
+    const payload=await res.json().catch(()=>({}));
+    if(!res.ok){
+      if(payload&&payload.code==="stale-state"){toast("页面快照已过期——正在刷新，请基于新版重提");approvals=null;}
+      else toast("提交失败："+((payload&&payload.error)||res.status));
+    }else{
+      drafts={answers:{},replies:{},dismissed:{},additions:"",revised:{}};
+      el("additions").value="";
+      if(selInfo)selInfo.pendingComments=[];
+      approvals=null;
+      toast(payload&&payload.stepConfirmed?"本步基线已锁定——进入下一步":"反馈已送达会话，AI 修订中");
+    }
+  }catch(e){toast("提交失败：网络错误，请重试");}
+  submitting=false;
+  view=null;
+  await refresh();
+  if(view&&view.status==="aligning"&&gatePendingCount()>0)spotlight("还有 "+gatePendingCount()+" 处待处理——已为你定位");
+}
+
+el("additions").addEventListener("input",(e)=>{drafts.additions=e.target.value;});
+setInterval(()=>{void refresh();},2000);
+void refresh();
+`;
+/** The fixed page template: no state, no model input — only the two endpoints above. */
+export function renderAlignmentPage() {
+    return `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="color-scheme" content="light">
+<title>需求对齐 · Alignment</title>
+<style>${CSS}</style>
+</head>
+<body>
+<div class="blob b1"></div><div class="blob b2"></div><div class="blob b3"></div>
+<div id="offline" class="offline" style="display:none"></div>
+<div class="wrap">
+  <header class="task">
+    <span class="eyebrow">需求对齐</span>
+    <h1 id="title">需求对齐</h1>
+    <div class="meta" id="meta"></div>
+    <div class="steps" id="steps"></div>
+  </header>
+  <div id="doneBanner" style="display:none"></div>
+  <div class="cols">
+    <section id="main"><div class="botwrap"><div class="botcard"><div class="bot"><div class="antenna"></div><div class="face"><span class="eye"></span><span class="eye"></span></div></div><div class="thinkdots"><span></span><span></span><span></span></div><div class="bottext">正在加载对齐状态……</div></div></div></section>
+    <aside class="locked" id="locked" style="display:none"></aside>
+  </div>
+</div>
+<footer class="dock">
+  <div class="inner">
+    <div class="addbox">
+      <label>补充——想到什么直接写，AI 会结构化为新块，再经你确认</label>
+      <textarea id="additions" placeholder="例如：对了，退款要支持退运费……"></textarea>
+    </div>
+    <button class="mainbtn" id="mainBtn" disabled>连接中</button>
+  </div>
+  <div class="gatehint" id="gateHint"></div>
+</footer>
+<button id="selBtn" style="display:none">批注此段</button>
+<div class="annotpop" id="annotPop" style="display:none">
+  <div class="sel" id="annotQuote"></div>
+  <textarea id="annotNote" placeholder="这段有问题——指出哪里不对、你期望什么……"></textarea>
+  <label class="esc"><input type="checkbox" id="annotEsc"> 这是上游步骤的问题（触发回退评估）</label>
+  <div class="row"><button id="annotClose">取消</button><button id="annotGo" class="go">挂到该块</button></div>
+</div>
+<div id="toast"></div>
+<script>
+${SCRIPT}
+</script>
+</body>
+</html>`;
+}
+//# sourceMappingURL=page.js.map