real-time flag before advance

review.html

@@ -341,7 +341,7 @@ function light() {
   lightMeta();
 }
 function show(ni, ns) {
-  // same passage: text stays fixed, only the highlight moves.
+  cancelAdv();
   // recenter only when the target span lies outside the shown window.
   if (ni !== i) { i = ni; s = ns; needCenter = true; render(); return; }
   s = Math.max(0, Math.min(ns, cur().spans.length - 1));
@@ -376,13 +376,18 @@ async function rule(v) {
     saved = await sinkCommit(entry);
   }
   lastSaved = saved;
-  // next unruled span in passage, else next passage
-  const o = cur();
-  const nx = o.spans.findIndex((x, n) => n > s && !R[x.key]);
-  if (nx >= 0) show(i, nx);
-  else if (i < ITEMS.length - 1) show(i + 1, 0);
-  else { light(); }
+  // show the agree/disagree flag on this span first, advance after a beat
+  cancelAdv();
+  light();
+  advTimer = setTimeout(() => {
+    const o = cur();
+    const nx = o.spans.findIndex((x, n) => n > s && !R[x.key]);
+    if (nx >= 0) show(i, nx);
+    else if (i < ITEMS.length - 1) show(i + 1, 0);
+  }, 1100);
 }
+let advTimer = null;
+function cancelAdv() { if (advTimer) { clearTimeout(advTimer); advTimer = null; } }
 async function sinkCommit(entry) {
   // shared sink (Cloudflare Worker) if configured, else the annotator's
   // own token, else local-only. The sink holds no shared secret: with HF