Update index.html

index.html

@@ -106,9 +106,9 @@ details.think .t{white-space:pre-wrap;border-left:3px solid var(--border);paddin
   border-radius:12px;background:var(--surface);box-shadow:0 2px 6px rgba(0,0,0,.3)}
 #settings.open{display:block}
 #settings label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px}
-#settings input,#settings textarea{width:100%;background:var(--input);color:var(--text);
+#settings input,#settings textarea,#settings select{width:100%;background:var(--input);color:var(--text);
   border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:14px;font-family:inherit;outline:none}
-#settings input:focus,#settings textarea:focus{border-color:var(--accent)}
+#settings input:focus,#settings textarea:focus,#settings select:focus{border-color:var(--accent)}
 #settings textarea{min-height:150px;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:12px}
 #settings .row{display:flex;gap:10px;flex-wrap:wrap}
 #settings .row>div{flex:1;min-width:120px}
@@ -219,6 +219,7 @@ footer a{color:var(--accent);text-decoration:none}
         <div><label>M&aacute;x. tokens por turno</label><input id="set-maxtokens" type="number" step="32" min="64"></div>
         <div><label>Temperatura</label><input id="set-temp" type="number" step="0.05" min="0" max="2"></div>
         <div><label>Rondas</label><input id="set-rounds" type="number" step="1" min="1" max="20"></div>
+        <div><label>Orden de turnos</label><select id="set-order"><option value="seq">Secuencial</option><option value="rand">Aleatorio por ronda</option></select></div>
       </div>
       <label>Agentes (JSON: name, emoji, color, system)</label>
       <textarea id="set-agents" spellcheck="false"></textarea>
@@ -286,6 +287,7 @@ const CONFIG = {
   temperature: parseFloat(params.get('temp')) || 0.7,
   rounds: parseInt(params.get('rounds')) || 2,
   autoload: params.get('autoload') !== 'false',
+  order: params.get('order') === 'rand' ? 'rand' : 'seq',
 };
 if (params.get('theme') === 'light') document.body.classList.add('light');
 const AGENTS_KEY = 'mad_agents';
@@ -642,7 +644,20 @@ async function agentTurn(agent) {
   setStatus('Listo');
 }
 
-let resume = { round: 1, agent: 0 };
+let resume = { round: 1, order: null, pos: 0 };
+
+function shuffled(n) {
+  const a = [...Array(n).keys()];
+  for (let i = a.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [a[i], a[j]] = [a[j], a[i]];
+  }
+  return a;
+}
+function validOrder(o, n) {
+  return Array.isArray(o) && o.length === n && new Set(o).size === n &&
+    o.every(v => Number.isInteger(v) && v >= 0 && v < n);
+}
 
 async function runDebate() {
   running = true;
@@ -653,14 +668,19 @@ async function runDebate() {
   try {
     for (let r = resume.round; r <= CONFIG.rounds && !stopRequested; r++) {
       setStatus(`Ronda ${r}/${CONFIG.rounds}`);
-      for (let i = (r === resume.round ? resume.agent : 0); i < agents.length; i++) {
-        if (stopRequested) { resume = { round: r, agent: i }; break; }
-        await agentTurn(agents[i]);
-        if (stopRequested) { resume = { round: r, agent: i }; break; }
+      let order;
+      if (r === resume.round && validOrder(resume.order, agents.length)) order = resume.order;
+      else order = CONFIG.order === 'rand' ? shuffled(agents.length) : [...Array(agents.length).keys()];
+      let startPos = (r === resume.round) ? resume.pos : 0;
+      if (startPos >= order.length) startPos = 0;
+      for (let p = startPos; p < order.length; p++) {
+        if (stopRequested) { resume = { round: r, order, pos: p }; break; }
+        await agentTurn(agents[order[p]]);
+        if (stopRequested) { resume = { round: r, order, pos: p }; break; }
       }
-      if (!stopRequested) resume = { round: r + 1, agent: 0 };
+      if (!stopRequested) resume = { round: r + 1, order: null, pos: 0 };
     }
-    if (!stopRequested) resume = { round: 1, agent: 0 };
+    if (!stopRequested) resume = { round: 1, order: null, pos: 0 };
   } finally {
     running = false;
     stopBtn.style.display = 'none';
@@ -679,7 +699,7 @@ startBtn.addEventListener('click', () => {
     topic = newTopic;
     transcript = [];
     chatEl.innerHTML = '';
-    resume = { round: 1, agent: 0 };
+    resume = { round: 1, order: null, pos: 0 };
     const m = addMsg(null, true);
     m.body.textContent = newTopic;
     transcript.push({ name: null, text: 'Tema propuesto: ' + newTopic });
@@ -690,6 +710,9 @@ startBtn.addEventListener('click', () => {
   runDebate();
 });
 stopBtn.addEventListener('click', () => { stopRequested = true; setStatus('Deteniendo\u2026'); });
+topicEl.addEventListener('keydown', e => {
+  if (e.key === 'Enter') { e.preventDefault(); startBtn.click(); }
+});
 
 // --- Settings ---
 const settingsPanel = document.getElementById('settings');
@@ -701,6 +724,7 @@ document.getElementById('settings-btn').addEventListener('click', () => {
     document.getElementById('set-maxtokens').value = CONFIG.maxTokens;
     document.getElementById('set-temp').value = CONFIG.temperature;
     document.getElementById('set-rounds').value = CONFIG.rounds;
+    document.getElementById('set-order').value = CONFIG.order;
     document.getElementById('set-agents').value = JSON.stringify(agents, null, 2);
   }
   settingsPanel.classList.toggle('open');
@@ -714,6 +738,7 @@ document.getElementById('apply-settings').addEventListener('click', async () =>
   CONFIG.maxTokens = parseInt(document.getElementById('set-maxtokens').value) || CONFIG.maxTokens;
   CONFIG.temperature = parseFloat(document.getElementById('set-temp').value) || CONFIG.temperature;
   CONFIG.rounds = parseInt(document.getElementById('set-rounds').value) || CONFIG.rounds;
+  CONFIG.order = document.getElementById('set-order').value === 'rand' ? 'rand' : 'seq';
   const newCtx = parseInt(document.getElementById('set-ctx').value) || CONFIG.nCtx;
   const newRepo = document.getElementById('set-repo').value.trim();
   const newFile = document.getElementById('set-file').value.trim();