blind-first ref, disagreement flags

review.html

@@ -261,15 +261,29 @@ function renderChips(o) {
   document.querySelectorAll('.chip').forEach(c => c.onclick = () => show(i, +c.dataset.n));
 }
 function renderRef(sp) {
-  let ref;
+  const mine = R[sp.key];
+  const tag = sp.probe_tag || (sp.pred === 'DATA_MENTION' ? 'keep' : 'drop');
+  if (!mine) {
+    // blind first look: difficulty only, no verdicts, no scores
+    $('ref').innerHTML = (tag === 'confusion')
+      ? `probe: <b>confusion</b> — needs a look`
+      : `probe: <b>easy</b>`;
+    return;
+  }
+  // revealed after ruling, with user-vs-Luna agreement flag
+  const youKeep = mine === 'DATA_MENTION', lunaKeep = sp.luna_label === 1;
+  const flag = (youKeep === lunaKeep)
+    ? `<span style="color:var(--mut)">you agree with Luna</span>`
+    : `<b class="d">DISAGREE</b> <span style="color:var(--mut)">— Luna ${lunaKeep ? 'kept this, you\u2019re dropping' : 'dropped this, you\u2019re keeping'}</span>`;
+  let detail;
   if (sp.luna_label !== undefined && sp.human_verdict) {
-    const g = sp.luna_label === 1 ? '<b class="k">KEEP</b>' : '<b class="d">DROP</b>';
-    ref = `gold ${g} · human ${esc(sp.human_verdict)}${sp.human_note ? ' (' + esc(sp.human_note) + ')' : ''} · model ${sp.pred} @ ${sp.probe_score}`;
+    const g = lunaKeep ? '<b class="k">KEEP</b>' : '<b class="d">DROP</b>';
+    detail = `gold ${g} · human ${esc(sp.human_verdict)}${sp.human_note ? ' (' + esc(sp.human_note) + ')' : ''} · model ${sp.pred} @ ${sp.probe_score}`;
   } else {
-    const g = sp.luna_label === 1 ? '<b class="k">KEEP</b>' : '<b class="d">DROP</b>';
-    ref = `luna ${g} · probe ${esc(sp.probe_tag)} @ ${sp.probe_score}`;
+    const g = lunaKeep ? '<b class="k">KEEP</b>' : '<b class="d">DROP</b>';
+    detail = `luna ${g} · probe ${esc(sp.probe_tag)} @ ${sp.probe_score}`;
   }
-  $('ref').innerHTML = ref;
+  $('ref').innerHTML = `${flag} · ${detail}`;
 }
 function lightMeta() {
   const mine = R[span().key];