disagreement warning toast

review.html

@@ -50,7 +50,7 @@ select { appearance: none; -webkit-appearance: none; background-color: var(--car
 select:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--hl); outline-offset: 1px; }
 button { transition: background .12s ease, transform .05s ease; }
 button:active:not(:disabled) { transform: scale(.97); }
-button:disabled { cursor: not-allowed; }
+#toast.warn { border-color: var(--drop); }
 input[type="text"], input:not([type]) { font: inherit; color: var(--fg); background: var(--bg);
   border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; }
 #who { max-width: 170px; }
@@ -310,8 +310,10 @@ function paintRuled() {
   }
 }
 let toastTimer = null;
+function hideToast() { $('toast').style.display = 'none'; $('toast').classList.remove('warn'); }
 function toast(msg, withExport) {
   const t = $('toast');
+  t.classList.remove('warn');
   t.innerHTML = `<span>${esc(msg)}</span>` +
     (withExport ? `<button onclick="exp();hideToast()">export now</button>` : '') +
     `<button onclick="hideToast()">dismiss</button>`;
@@ -319,7 +321,14 @@ function toast(msg, withExport) {
   clearTimeout(toastTimer);
   toastTimer = setTimeout(hideToast, 15000);
 }
-function hideToast() { $('toast').style.display = 'none'; }
+function warnToast(msg) {
+  const t = $('toast');
+  t.innerHTML = `<span>${esc(msg)}</span><button onclick="hideToast()">dismiss</button>`;
+  t.classList.add('warn');
+  t.style.display = 'flex';
+  clearTimeout(toastTimer);
+  toastTimer = setTimeout(hideToast, 20000);
+}
 function bindMarks(o) {
   document.querySelectorAll('#passage mark').forEach(m => m.onclick = () => {
     show(i, o.spans.findIndex(x => x.key === m.dataset.k));
@@ -376,9 +385,12 @@ async function rule(v) {
     saved = await sinkCommit(entry);
   }
   lastSaved = saved;
-  // show the agree/disagree flag on this span first, advance after a beat
-  cancelAdv();
+  // warning toast on disagreement (stays up across the advance)
+  const sp0 = span(), dk = (v === 'DATA_MENTION') !== (sp0.luna_label === 1);
   light();
+  if (dk) {
+    warnToast(`DISAGREE — “${sp0.surface}”: Luna ${sp0.luna_label === 1 ? 'kept this, you’re dropping' : 'dropped this, you’re keeping'}`);
+  }
   advTimer = setTimeout(() => {
     const o = cur();
     const nx = o.spans.findIndex((x, n) => n > s && !R[x.key]);