optional freeform note per ruling

review.html

@@ -102,6 +102,8 @@ footer .sp { flex: 1; }
     <button class="drop" id="bDrop" onclick="rule('NON_MENTION')">drop <kbd>d</kbd></button>
     <button class="nav" onclick="move(1)">next →</button>
   </div>
+  <input id="note" placeholder="note (optional, saved with your ruling)" autocomplete="off"
+    style="width:100%;margin-top:10px;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 12px">
   <div id="mine"></div>
 <footer>
   <span><kbd>←</kbd><kbd>→</kbd> prev/next mention · <kbd>k</kbd> keep · <kbd>d</kbd> drop · <kbd>space</kbd> skip · <kbd>[</kbd><kbd>]</kbd> slide · <kbd>-</kbd><kbd>+</kbd> size · <kbd>e</kbd> export</span>
@@ -148,6 +150,8 @@ const USERS = ['paddy', 'aj', 'aivin', 'rafael'];
 const LS = 'review_rulings';
 let R = JSON.parse(localStorage.getItem(LS) || '{}');
 let RQ = JSON.parse(localStorage.getItem('review_queues') || '{}');
+let RN = JSON.parse(localStorage.getItem('review_notes') || '{}');
+function saveNotes() { localStorage.setItem('review_notes', JSON.stringify(RN)); }
 const $ = id => document.getElementById(id);
 const esc = s => String(s).replace(/[&<>]/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;'}[c]));
 const QD = document.documentElement;
@@ -171,6 +175,12 @@ function loadWho() {
     const w = who().toLowerCase();
     if (USERS.includes(w) && $('ds').value !== w) { $('ds').value = w; loadDs(); }
   });
+  $('note').addEventListener('input', () => {
+    if (!ITEMS.length) return;
+    const v = $('note').value;
+    if (v) RN[span().key] = v; else delete RN[span().key];
+    saveNotes();
+  });
   const ht = $('hubtok');
   if (ht) { ht.value = localStorage.getItem('review_hubtok') || ''; ht.addEventListener('input', () => localStorage.setItem('review_hubtok', ht.value.trim())); }
   if (localStorage.getItem('review_locked') === '1' && who()) setLocked(true);
@@ -233,6 +243,7 @@ function render() {
   document.querySelector('#bar > div').style.width = (100 * (i + 1) / ITEMS.length) + '%';
   $('key').textContent = sp.key;
   $('surface').textContent = '“' + sp.surface + '”';
+  if (document.activeElement !== $('note')) $('note').value = RN[sp.key] || '';
   // sliding assessment window around the active span
   if (needCenter || wc === null) { wc = (sp.start + sp.end) / 2; needCenter = false; }
   const W = WSIZES[wi], L = o.text.length;
@@ -351,6 +362,7 @@ function light() {
   $('prog').textContent = `${i + 1}/${ITEMS.length} · span ${s + 1}/${o.spans.length}`;
   $('key').textContent = sp.key;
   $('surface').textContent = '“' + sp.surface + '”';
+  if (document.activeElement !== $('note')) $('note').value = RN[sp.key] || '';
   document.querySelectorAll('#passage mark').forEach(m => {
     m.classList.toggle('active', m.dataset.k === sp.key);
     m.classList.toggle('done-k', R[m.dataset.k] === 'DATA_MENTION');
@@ -384,7 +396,9 @@ async function rule(v) {
   localStorage.setItem('review_queues', JSON.stringify(RQ));
   setLocked(true);
   paintGate();
-  const entry = {key: k, ruling: v, queue: $('ds').value, annotator: who()};
+  const note = ($('note').value || '').trim();
+  if (note) { RN[k] = note; saveNotes(); }
+  const entry = {key: k, ruling: v, queue: $('ds').value, annotator: who(), note: note || undefined};
   let saved = 'this browser only';
   try {
     const r = await fetch('/api/rulings', {method: 'POST', headers: {'Content-Type': 'application/json'},
@@ -448,6 +462,7 @@ function exp() {
   const rows = Object.entries(R).map(([key, ruling]) => {
     const hit = idx[key];
     const base = {key, ruling, queue: RQ[key] || $('ds').value, annotator: who(),
+      note: RN[key] || undefined,
       ts: new Date().toISOString().replace(/\.\d+Z$/, '+00:00')};
     if (!hit) return base;
     const {o, x} = hit;
@@ -474,11 +489,13 @@ document.getElementById('impFile').addEventListener('change', async e => {
         if (!it.key || !['DATA_MENTION', 'NON_MENTION'].includes(it.ruling)) continue;
         R[it.key] = it.ruling;
         if (it.queue) RQ[it.key] = it.queue;
+        if (it.note) RN[it.key] = it.note;
         n++;
       }
     }
     localStorage.setItem(LS, JSON.stringify(R));
     localStorage.setItem('review_queues', JSON.stringify(RQ));
+    saveNotes();
     // jump to first unruled span
     let done = false;
     for (let ni = 0; ni < ITEMS.length && !done; ni++)