show luna reasoning on disagreement

review.html

@@ -147,6 +147,15 @@ const QD = document.documentElement;
 QD.dataset.theme = localStorage.getItem('review_theme') || 'light';
 function theme() { QD.dataset.theme = QD.dataset.theme === 'light' ? 'dark' : 'light'; localStorage.setItem('review_theme', QD.dataset.theme); }
 const who = () => ($('who').value || '').trim();
+// normalize legacy single-span items -> spans[]
+function norm(o) {
+  if (o.spans) return o;
+  return {...o, spans: [{key: o.key, start: o.start, end: o.end, surface: o.surface,
+    luna_label: o.ref ? (o.ref.luna_label === 1 ? 1 : 0) : undefined,
+    human_verdict: o.ref && o.ref.human_verdict, human_note: o.ref && o.ref.human_note,
+    probe_tag: undefined, probe_score: o.ref && o.ref.head_score, luna_reason: o.ref && o.ref.luna_reason,
+    pred: o.ref && o.ref.pred}]};
+}
 function loadWho() {
   $('who').value = localStorage.getItem('review_who') || '';
   $('who').addEventListener('input', () => {
@@ -189,15 +198,6 @@ function needName() {
   return true;
 }
 
-// normalize legacy single-span items -> spans[]
-function norm(o) {
-  if (o.spans) return o;
-  return {...o, spans: [{key: o.key, start: o.start, end: o.end, surface: o.surface,
-    luna_label: o.ref ? (o.ref.luna_label === 1 ? 1 : 0) : undefined,
-    human_verdict: o.ref && o.ref.human_verdict, human_note: o.ref && o.ref.human_note,
-    probe_tag: undefined, probe_score: o.ref && o.ref.head_score,
-    pred: o.ref && o.ref.pred}]};
-}
 async function loadDs() {
   const q = await (await fetch(DS[$('ds').value])).json();
   ALL = q.map(norm);
@@ -281,12 +281,13 @@ function renderRef(sp) {
     ? `<span style="color:var(--mut)">${subj}: you agree with Luna</span>`
     : `<b class="d">DISAGREE</b> <span style="color:var(--mut)">— ${subj}: Luna ${lunaKeep ? 'kept this, you\u2019re dropping' : 'dropped this, you\u2019re keeping'}</span>`;
   let detail;
+  const why = sp.luna_reason ? ` · Luna's reasoning: “${esc(sp.luna_reason)}”` : '';
   if (sp.luna_label !== undefined && sp.human_verdict) {
     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}`;
+    detail = `gold ${g} · human ${esc(sp.human_verdict)}${sp.human_note ? ' (' + esc(sp.human_note) + ')' : ''} · model ${sp.pred} @ ${sp.probe_score}${why}`;
   } else {
     const g = lunaKeep ? '<b class="k">KEEP</b>' : '<b class="d">DROP</b>';
-    detail = `luna ${g} · probe ${esc(sp.probe_tag)} @ ${sp.probe_score}`;
+    detail = `luna ${g} · probe ${esc(sp.probe_tag)} @ ${sp.probe_score}${why}`;
   }
   $('ref').innerHTML = `${flag} · ${detail}`;
 }
@@ -390,7 +391,7 @@ async function rule(v) {
   // warning toast on disagreement (stays until dismissed)
   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'}`);
+  if (dk) warnToast(`DISAGREE — “${sp0.surface}”: Luna ${sp0.luna_label === 1 ? 'kept this, you’re dropping' : 'dropped this, you’re keeping'}` + (sp0.luna_reason ? ` — Luna's reasoning: “${sp0.luna_reason}”` : ''));
 }
 async function sinkCommit(entry) {
   // shared sink (Cloudflare Worker) if configured, else the annotator's