Update app.js

app.js

@@ -352,12 +352,22 @@ async function generate(system, user, maxTokens, onDelta) {
   return out.replace(/^\s*(?:\*\*)?[A-Za-zÀ-ɏ0-9_ ]{1,30}:\s*/, '').trim();
 }
 function extractJSON(text) {
-  const start = text.indexOf('{');
-  if (start < 0) return null;
-  let depth = 0;
-  for (let i = start; i < text.length; i++) {
-    if (text[i] === '{') depth++;
-    else if (text[i] === '}') { depth--; if (depth === 0) { try { return JSON.parse(text.slice(start, i + 1)); } catch { return null; } } }
+  if (!text) return null;
+  const cleaned = String(text).replace(/```(?:json)?/gi, ' ');
+  const tryParse = s => {
+    try { return JSON.parse(s); } catch { /* sigue */ }
+    try { return JSON.parse(s.replace(/,\s*([}\]])/g, '$1')); } catch { /* comas colgantes */ }
+    return null;
+  };
+  for (let start = cleaned.indexOf('{'); start >= 0; start = cleaned.indexOf('{', start + 1)) {
+    let depth = 0;
+    for (let i = start; i < cleaned.length; i++) {
+      if (cleaned[i] === '{') depth++;
+      else if (cleaned[i] === '}') {
+        depth--;
+        if (depth === 0) { const r = tryParse(cleaned.slice(start, i + 1)); if (r) return r; break; }
+      }
+    }
   }
   return null;
 }
@@ -525,6 +535,11 @@ async function runJudging() {
     try {
       const out = await generate(system, user, CONFIG.judgeTokens);
       parsed = extractJSON(out);
+      if (!parsed) {
+        // un reintento con instrucción más estricta; si sigue fallando, queda como "no evaluable"
+        const out2 = await generate(system, user + '\n\nIMPORTANTE: responde ÚNICAMENTE con el JSON válido pedido, sin explicaciones, sin markdown y sin texto adicional.', CONFIG.judgeTokens);
+        parsed = extractJSON(out2);
+      }
     } catch (e) { console.warn(j.name, e); }
     // fallback heurístico si el JSON no es parseable
     ps.forEach(a => {
@@ -554,6 +569,10 @@ async function runJudging() {
       `Responde SOLO con JSON válido: {"winner":"<nombre exacto del ganador o Empate>","justification":"2-4 frases","decisive":["argumento decisivo 1","2"],"mistakes":["error detectado 1","2"],"best":["mejor intervención 1"]}`;
     const out = await generate(system, user, CONFIG.judgeTokens + 50);
     verdict = extractJSON(out);
+    if (!verdict) {
+      const out2 = await generate(system, user + '\n\nIMPORTANTE: responde ÚNICAMENTE con el JSON válido pedido, sin explicaciones, sin markdown y sin texto adicional.', CONFIG.judgeTokens + 50);
+      verdict = extractJSON(out2);
+    }
   } catch (e) { console.warn('head judge', e); }
   finalizeBattle(verdict);
 }
@@ -602,12 +621,26 @@ function renderResults(totals, winner, verdict) {
     <div class="crown">${heur ? '⚠️' : '👑'}</div>
     <h1 style="font-size:1.8rem;font-weight:900">${heur ? '⚠️ Evaluación no fiable' : (winner ? `<span style="color:${winner.color}">${winner.emoji} ${esc(winner.name)}</span> gana la batalla` : '🤝 EMPATE')}</h1>
     <p style="color:var(--muted);margin-top:8px;font-size:.9rem">${esc(battle.topic)}</p>
-    ${heur ? `<p style="max-width:660px;margin:12px auto 0;font-size:.88rem;line-height:1.6;color:#f59e0b">El modelo no produjo evaluaciones estructuradas. Las puntuaciones mostradas son una estimación heurística (número y longitud de intervenciones), NO una valoración real del debate. Esta batalla no cuenta para el Hall of Fame ni otorga premios.</p>` : ''}
+    ${heur ? `<p style="max-width:660px;margin:12px auto 0;font-size:.88rem;line-height:1.6;color:#f59e0b">El modelo no produjo evaluaciones estructuradas: no hay puntuaciones fiables para esta batalla. Solo se muestran métricas mecánicas (número y longitud de intervenciones), que NO son una valoración del debate. Esta batalla no cuenta para el Hall of Fame ni otorga premios.</p>` : ''}
     ${!heur && verdict?.justification ? `<p style="max-width:640px;margin:12px auto 0;font-size:.9rem;line-height:1.6">${esc(verdict.justification)}</p>` : ''}`;
-  $('#score-table').innerHTML = `
-    <tr><th>Criterio (peso)</th>${totals.map(t => `<th style="color:${t.a.color}">${t.a.emoji} ${esc(t.a.name)}</th>`).join('')}</tr>
-    ${WEIGHTS.map(([k, label, w]) => `<tr><td>${label} <span style="color:var(--muted)">(${w}%)</span></td>${totals.map(t => `<td>${battle.scores[t.a.id][k] ?? '—'}</td>`).join('')}</tr>`).join('')}
-    <tr style="font-weight:800"><td>TOTAL</td>${totals.map(t => `<td style="color:${t.a.color}">${t.total}</td>`).join('')}</tr>`;
+  document.querySelector('#mech-metrics')?.remove();
+  if (heur) {
+    // sin evaluación real no se presentan notas por criterio: solo "no disponible" + métricas mecánicas separadas
+    $('#score-table').innerHTML = `
+      <tr><th>Criterio (peso)</th>${totals.map(t => `<th style="color:${t.a.color}">${t.a.emoji} ${esc(t.a.name)}</th>`).join('')}</tr>
+      ${WEIGHTS.map(([k, label, w]) => `<tr><td>${label} <span style="color:var(--muted)">(${w}%)</span></td>${totals.map(() => `<td style="color:var(--muted)">no disponible</td>`).join('')}</tr>`).join('')}
+      <tr style="font-weight:800"><td>TOTAL</td>${totals.map(() => `<td style="color:var(--muted)">—</td>`).join('')}</tr>`;
+    const mech = totals.map(t => {
+      const mine = battle.events.filter(e => e.agentId === t.a.id);
+      return `${t.a.emoji} ${esc(t.a.name)}: ${mine.length} intervenciones · ${mine.reduce((s, e) => s + e.content.length, 0)} caracteres`;
+    }).join(' · ');
+    $('#score-table').insertAdjacentHTML('afterend', `<p id="mech-metrics" style="color:var(--muted);font-size:.8rem;margin-top:8px">Métricas mecánicas (NO son una evaluación del debate): ${mech}</p>`);
+  } else {
+    $('#score-table').innerHTML = `
+      <tr><th>Criterio (peso)</th>${totals.map(t => `<th style="color:${t.a.color}">${t.a.emoji} ${esc(t.a.name)}</th>`).join('')}</tr>
+      ${WEIGHTS.map(([k, label, w]) => `<tr><td>${label} <span style="color:var(--muted)">(${w}%)</span></td>${totals.map(t => `<td>${battle.scores[t.a.id][k] ?? '—'}</td>`).join('')}</tr>`).join('')}
+      <tr style="font-weight:800"><td>TOTAL</td>${totals.map(t => `<td style="color:${t.a.color}">${t.total}</td>`).join('')}</tr>`;
+  }
   $('#judge-cards').innerHTML = battle.judgeReports.map(r => `
     <div class="judge-card"><h4>${r.emoji} ${r.judge}</h4><p>${r.parsed ? esc(JSON.stringify(r.parsed)) : 'Evaluación heurística (respuesta no estructurada).'}</p></div>`).join('') +
     `<div class="judge-card"><h4>👑 Head Judge</h4><p>${verdict?.justification ? esc(verdict.justification) : 'Veredicto por puntuación ponderada.'}</p>