Update index.html

index.html

@@ -317,6 +317,8 @@ details.think div{white-space:pre-wrap;border-left:2px solid var(--border);paddi
       <div class="stat-row"><span>Tokens generados</span><b id="st-tokens">0</b></div>
       <div class="stat-row"><span>Velocidad (últ. / media)</span><b id="st-speed">—</b></div>
       <div class="stat-row"><span>Tiempo de debate</span><b id="st-time">0:00</b></div>
+      <div class="stat-row"><span>Memoria modelo (est.)</span><b id="st-mem">—</b></div>
+      <div class="stat-row"><span>Contexto usado (est.)</span><b id="st-ctx">—</b></div>
       <div class="stat-row"><span>Motor</span><b id="st-engine">—</b></div>
       <div class="stat-row"><span>Almacenamiento</span><b id="st-mem">—</b></div>
       <h3>Participación</h3>
@@ -550,7 +552,7 @@ let agents = (() => {
   return (Array.isArray(a) && a.length >= 2 && a.every(x => x && x.name && x.system)) ? a : DEFAULT_AGENTS.slice();
 })();
 let mode = 'adversarial';
-let wllama = null, running = false, stopRequested = false, modelLoadMs = 0;
+let wllama = null, running = false, stopRequested = false, modelLoadMs = 0, modelBytes = 0;
 let topic = '';
 let transcript = [];         // {name, role, text, round, tokens, ms, isUser, kind}
 let resume = { round: 1, stepIdx: 0, steps: null };
@@ -761,6 +763,7 @@ async function loadModel(repo, file) {
       n_threads: Math.max(1, Math.min(8, navigator.hardwareConcurrency || 4)),
       progressCallback: ({ loaded, total }) => {
         if (total > 0) {
+          modelBytes = total;
           const pct = Math.round((loaded / total) * 100);
           setProgress(pct);
           setStatus(`Descargando\u2026 ${pct}% (${(loaded / 1048576).toFixed(0)} MB)`);
@@ -768,6 +771,7 @@ async function loadModel(repo, file) {
       },
     });
     modelLoadMs = performance.now() - t0;
+    $('st-mem').textContent = modelBytes ? (modelBytes / 1048576).toFixed(0) + ' MB' : '—';
     setProgress(100);
     setPill('ready', file.replace('.gguf', '').slice(0, 34));
     setStatus(`Modelo listo en ${(modelLoadMs / 1000).toFixed(0)} s. ${agents.length} agentes preparados.`);
@@ -854,6 +858,7 @@ function bumpStats(name, tokens, ms) {
   const last = stats.speeds[stats.speeds.length - 1];
   const avg = stats.speeds.length ? stats.speeds.reduce((a, b) => a + b, 0) / stats.speeds.length : 0;
   $('st-speed').textContent = stats.speeds.length ? `${last.toFixed(1)} / ${avg.toFixed(1)} tok/s` : '—';
+  $('st-ctx').textContent = '~' + Math.round(transcriptText(1000000).length / 4) + ' / ' + CONFIG.nCtx + ' tok';
   const maxTok = Math.max(1, ...Object.values(stats.tokens));
   const box = $('st-agents');
   box.innerHTML = '';