@danieltmn/tamnora 0.9.2 → 0.9.3

package/CHANGELOG.md

@@ -5,6 +5,13 @@ Todos los cambios relevantes de este proyecto se documentan en este archivo.
 El formato sigue [Keep a Changelog](https://keepachangelog.com/es-ES/1.1.0/)
 y el proyecto usa [Versionado Semantico](https://semver.org/lang/es/).
 
+## [0.9.3] - 2026-10-07
+
+### Cambios
+
+- feat(telegram): audio solo cuando el usuario lo pide
+- feat: diff lado a lado en TUI, proveedores Anthropic/Gemini y mejoras de consola
+
 ## [0.9.2] - 2026-10-07
 
 ### Cambios

package/harness/packages/cli/src/tui/app.js

@@ -1,7 +1,8 @@
 // Full-screen terminal console (opencode/codex-like), zero dependencies.
 // Alt-screen + raw input + incremental rendering; reuses the harness engine.
 
-import { createTools } from '../lib/core.js';
+import { readFileSync } from 'node:fs';
+import { createTools, diffRows, resolveInRoot } from '../lib/core.js';
 import { runTurn } from '../lib/runtime.js';
 import { parseKeys } from './keys.js';
 import { render } from './layout.js';
@@ -67,6 +68,15 @@ export function runTui({
     tools: [],
   });
 
+  const readWorkspaceFile = (rel) => {
+    if (!rel) return '';
+    try {
+      return readFileSync(resolveInRoot(toolOptions.root, rel), 'utf8');
+    } catch {
+      return '';
+    }
+  };
+
   const onAsk = (name, args) =>
     new Promise((resolve) => {
       state.pendingAsk = { name, detail: args?.command ?? args?.path ?? '', resolve };
@@ -186,10 +196,19 @@ export function runTui({
           } else if (event.type === 'stall') {
             if (!sawText) assistant.text = `⚠ ${event.seconds} s sin respuesta del modelo (proveedor caído o muy lento). Sigo esperando...`;
           } else if (event.type === 'tool_call') {
-            assistant.tools.push({ name: event.name, args: JSON.stringify(event.args) });
+            const tool = { name: event.name, args: JSON.stringify(event.args), path: event.args?.path };
+            if (event.name === 'write' || event.name === 'edit') {
+              tool.oldContent = readWorkspaceFile(event.args?.path);
+            }
+            assistant.tools.push(tool);
           } else if (event.type === 'tool_result') {
             const tool = assistant.tools[assistant.tools.length - 1];
-            if (tool) tool.result = String(event.result).slice(0, 2000);
+            if (tool) {
+              tool.result = String(event.result).slice(0, 2000);
+              if (tool.oldContent !== undefined) {
+                tool.diff = diffRows(tool.oldContent, readWorkspaceFile(tool.path), { maxRows: 400 });
+              }
+            }
           }
           draw();
         },

package/harness/packages/cli/src/tui/layout.js

@@ -48,6 +48,53 @@ function clip(text, width) {
   return arr.length <= width ? text : arr.slice(0, width).join('');
 }
 
+function sanitize(text) {
+  return String(text ?? '').replace(/\t/g, '    ');
+}
+
+// Una columna del diff: numero de linea dim y contenido rojo (viejo) / verde
+// (nuevo) / normal (contexto). Devuelve texto con ANSI ya resuelto (raw).
+function diffSide(cell, kind, numW, contentW) {
+  if (!cell) return color.dim(' '.repeat(numW + 3 + contentW));
+  const num = String(cell.no).padStart(numW);
+  const text = clip(sanitize(cell.text), contentW);
+  const pad = ' '.repeat(Math.max(0, contentW - chars(text).length));
+  const sign = kind === 'del' ? '-' : kind === 'add' ? '+' : ' ';
+  const paint = kind === 'del' ? color.red : kind === 'add' ? color.green : (t) => t;
+  return color.dim(`${num} `) + paint(`${sign} ${text}`) + pad;
+}
+
+// Arma las lineas del diff lado a lado. Devuelve null si el ancho es muy chico
+// (en ese caso el que llama cae al diff de una sola columna).
+function buildDiff(diff, width) {
+  const indent = 2;
+  const mid = ' │ ';
+  const maxNo = diff.reduce((m, row) => Math.max(m, row.left?.no ?? 0, row.right?.no ?? 0), 1);
+  const numW = Math.max(3, String(maxNo).length);
+  const colW = Math.floor((width - indent - mid.length) / 2);
+  const contentW = colW - numW - 3;
+  if (contentW < 6) return null;
+
+  const out = [];
+  for (const row of diff) {
+    if (row.type === 'skip') {
+      out.push({ text: `${' '.repeat(indent)}${color.dim('…')}`, raw: true });
+      continue;
+    }
+    const leftKind = row.type === 'add' ? 'blank' : row.type === 'ctx' ? 'ctx' : 'del';
+    const rightKind = row.type === 'del' ? 'blank' : row.type === 'ctx' ? 'ctx' : 'add';
+    const line =
+      ' '.repeat(indent) +
+      diffSide(row.left, leftKind, numW, contentW) +
+      color.dim(mid) +
+      diffSide(row.right, rightKind, numW, contentW);
+    out.push({ text: line, raw: true });
+  }
+  return out;
+}
+
+const TOOL_LABELS = { write: 'Write', edit: 'Edit' };
+
 function buildBody(state, width) {
   const out = [];
   for (const message of state.messages) {
@@ -62,6 +109,12 @@ function buildBody(state, width) {
       for (const line of wrapText(message.text, width - 2)) out.push({ text: `  ${line}`, style: 'assistant' });
     }
     for (const tool of message.tools ?? []) {
+      const diff = tool.diff?.length ? buildDiff(tool.diff, width) : null;
+      if (diff) {
+        out.push({ text: `  ✎ ${TOOL_LABELS[tool.name] ?? tool.name} ${tool.path ?? ''}`.trimEnd(), style: 'tool' });
+        out.push(...diff);
+        continue;
+      }
       out.push({ text: `  ⚙ ${tool.name} ${clip(tool.args ?? '', width - 8)}`, style: 'tool' });
       if (tool.result !== undefined) {
         for (const line of wrapText(tool.result, width - 6)) out.push({ text: `    → ${line}`, style: 'dim' });
@@ -121,8 +174,12 @@ export function render(state, { cols = 80, rows = 24 } = {}) {
   const parts = [];
   for (let i = 0; i < rows; i++) {
     const entry = lines[i] ?? { text: '', style: 'dim' };
-    const style = THEME[entry.style] ?? THEME.assistant;
-    parts.push(moveTo(i + 1, 1), '\x1b[2K', style(clip(entry.text, width)));
+    parts.push(moveTo(i + 1, 1), '\x1b[2K');
+    if (entry.raw) parts.push(entry.text);
+    else {
+      const style = THEME[entry.style] ?? THEME.assistant;
+      parts.push(style(clip(entry.text, width)));
+    }
   }
 
   const cursorCol = state.pendingAsk ? 2 : Math.min(width, chars(`  ❯ ${before}`).length + 1);

package/harness/packages/cli/test/tui.test.js

@@ -81,6 +81,36 @@ test('render places the cursor at inputCursor', () => {
   assert.equal(cursor.col, 6);
 });
 
+test('render shows a side-by-side diff for write/edit', () => {
+  const state = {
+    header: { provider: 'p', model: 'm', cwd: '/x' },
+    messages: [
+      {
+        role: 'assistant',
+        text: '',
+        tools: [
+          {
+            name: 'edit',
+            args: '{"path":"a.js"}',
+            path: 'a.js',
+            diff: [
+              { type: 'ctx', left: { no: 1, text: 'const a = 1;' }, right: { no: 1, text: 'const a = 1;' } },
+              { type: 'mod', left: { no: 2, text: 'const b = 2;' }, right: { no: 2, text: 'const b = 3;' } },
+            ],
+          },
+        ],
+      },
+    ],
+    input: '',
+    streaming: false,
+    pendingAsk: null,
+  };
+  const { frame } = render(state, { cols: 80, rows: 20 });
+  assert.match(frame, /Edit a\.js/);
+  assert.match(frame, /const b = 2;/);
+  assert.match(frame, /const b = 3;/);
+});
+
 test('render scrolls the viewport', () => {
   const messages = Array.from({ length: 40 }, (_, i) => ({ role: 'assistant', text: `linea ${i}`, tools: [] }));
   const base = { header: { provider: 'p', model: 'm', cwd: '/x' }, input: '', streaming: false, pendingAsk: null };

package/harness/packages/core/src/index.js

@@ -12,7 +12,7 @@ export { resolveApiKey, resolveEnvMap } from './config/secrets.js';
 export { ensureUtf8Console } from './console.js';
 export { MAX_TOOL_ROUNDS, runAgent, parseToolArguments } from './agent/runAgent.js';
 export { estimateTokens, trimContext } from './agent/context.js';
-export { diffLines } from './tools/diff.js';
+export { diffLines, diffRows } from './tools/diff.js';
 export { isGitRepo, gitStatus, gitDiff } from './git/index.js';
 export { summarizeToolCall, previewToolResult } from './tools/labels.js';
 export { MODES, MODE_IDS, resolveMode } from './agent/modes.js';

package/harness/packages/core/src/providers/presets.js

@@ -9,6 +9,10 @@ function preset(id, label, baseUrl) {
 export const OPENAI_COMPATIBLE_PRESETS = [
   preset('deepseek', 'DeepSeek', 'https://api.deepseek.com/v1'),
   preset('openai', 'OpenAI', 'https://api.openai.com/v1'),
+  // Anthropic y Gemini exponen una capa compatible con OpenAI (chat/completions
+  // + tools) que usa el mismo Bearer; sirven con este adaptador sin cambios.
+  preset('anthropic', 'Anthropic (Claude)', 'https://api.anthropic.com/v1'),
+  preset('gemini', 'Google Gemini', 'https://generativelanguage.googleapis.com/v1beta/openai'),
   preset('groq', 'Groq', 'https://api.groq.com/openai/v1'),
   preset('mistral', 'Mistral AI', 'https://api.mistral.ai/v1'),
   preset('xai', 'xAI (Grok)', 'https://api.x.ai/v1'),

package/harness/packages/core/src/tools/diff.js

@@ -7,7 +7,9 @@ const MAX_CELLS = 1_500_000;
 
 function splitLines(text) {
   if (text === '' || text == null) return [];
-  return String(text).replace(/\r\n/g, '\n').split('\n');
+  const lines = String(text).replace(/\r\n/g, '\n').split('\n');
+  if (lines.length > 1 && lines[lines.length - 1] === '') lines.pop();
+  return lines;
 }
 
 function computeOps(a, b) {
@@ -88,3 +90,70 @@ export function diffLines(oldText, newText, { context = 3, maxLines = 200 } = {}
   if (truncated) out.push('  … (diff truncado)');
   return out.join('\n');
 }
+
+/**
+ * Diff estructurado para una vista lado a lado (dos columnas): devuelve filas
+ * con la linea vieja (izquierda) y la nueva (derecha) ya numeradas. Las
+ * supresiones y adiciones de un mismo bloque se emparejan en la misma fila.
+ *
+ * @returns {Array<{type:'ctx'|'mod'|'del'|'add'|'skip', left:({no:number,text:string}|null), right:({no:number,text:string}|null)}>}
+ *   [] si no hay cambios.
+ */
+export function diffRows(oldText, newText, { context = 3, maxRows = 400 } = {}) {
+  const ops = computeOps(splitLines(oldText), splitLines(newText));
+  const changes = ops.map((o, idx) => (o.t === 'eq' ? -1 : idx)).filter((idx) => idx >= 0);
+  if (!changes.length) return [];
+
+  const keep = new Array(ops.length).fill(false);
+  for (const idx of changes) {
+    for (let j = Math.max(0, idx - context); j <= Math.min(ops.length - 1, idx + context); j++) keep[j] = true;
+  }
+
+  const rows = [];
+  let oldNo = 1;
+  let newNo = 1;
+  let pending = [];
+  let skipped = false;
+
+  const flush = () => {
+    const dels = pending.filter((p) => p.t === 'del');
+    const adds = pending.filter((p) => p.t === 'add');
+    const total = Math.max(dels.length, adds.length);
+    for (let i = 0; i < total; i++) {
+      const d = dels[i] ?? null;
+      const a = adds[i] ?? null;
+      rows.push({
+        type: d && a ? 'mod' : d ? 'del' : 'add',
+        left: d ? { no: d.no, text: d.line } : null,
+        right: a ? { no: a.no, text: a.line } : null,
+      });
+    }
+    pending = [];
+  };
+
+  for (let idx = 0; idx < ops.length; idx++) {
+    const op = ops[idx];
+    if (op.t === 'eq') {
+      flush();
+      if (keep[idx]) {
+        rows.push({ type: 'ctx', left: { no: oldNo, text: op.line }, right: { no: newNo, text: op.line } });
+        skipped = false;
+      } else if (!skipped) {
+        rows.push({ type: 'skip', left: null, right: null });
+        skipped = true;
+      }
+      oldNo++;
+      newNo++;
+    } else if (op.t === 'del') {
+      pending.push({ t: 'del', line: op.line, no: oldNo++ });
+    } else {
+      pending.push({ t: 'add', line: op.line, no: newNo++ });
+    }
+  }
+  flush();
+
+  if (rows.length > maxRows) {
+    return rows.slice(0, maxRows).concat({ type: 'skip', left: null, right: null });
+  }
+  return rows;
+}

package/harness/packages/core/test/diff.test.js

@@ -1,6 +1,6 @@
 import { test } from 'node:test';
 import assert from 'node:assert/strict';
-import { diffLines } from '../src/index.js';
+import { diffLines, diffRows } from '../src/index.js';
 
 test('diffLines reports added and removed lines with context', () => {
   const diff = diffLines('a\nb\nc\n', 'a\nB\nc\n');
@@ -18,3 +18,26 @@ test('diffLines marks a new file as additions', () => {
   assert.match(diff, /^\+ l1$/m);
   assert.match(diff, /^\+ l2$/m);
 });
+
+test('diffRows pairs a removed and an added line side by side', () => {
+  const rows = diffRows('a\nb\nc\n', 'a\nB\nc\n');
+  const mod = rows.find((r) => r.type === 'mod');
+  assert.equal(mod.left.text, 'b');
+  assert.equal(mod.left.no, 2);
+  assert.equal(mod.right.text, 'B');
+  assert.equal(mod.right.no, 2);
+  assert.ok(rows.some((r) => r.type === 'ctx' && r.left.no === 1 && r.right.no === 1));
+});
+
+test('diffRows numbers additions for a new file', () => {
+  const rows = diffRows('', 'l1\nl2\n');
+  assert.equal(rows.length, 2);
+  assert.equal(rows[0].type, 'add');
+  assert.equal(rows[0].left, null);
+  assert.equal(rows[0].right.text, 'l1');
+  assert.equal(rows[1].right.no, 2);
+});
+
+test('diffRows returns an empty list when there are no changes', () => {
+  assert.deepEqual(diffRows('x\ny\n', 'x\ny\n'), []);
+});

package/harness/packages/server/public/app.js

@@ -72,6 +72,10 @@ const ICON_PATHS = {
   'refresh-cw': ['M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8', 'M21 3v5h-5', 'M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16', 'M8 16H3v5'],
   trash: ['M3 6h18', 'M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6', 'M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2', 'M10 11v6', 'M14 11v6'],
   'dots-vertical': ['M12 5h.01', 'M12 12h.01', 'M12 19h.01'],
+  'dots-horizontal': ['M5 12h.01', 'M12 12h.01', 'M19 12h.01'],
+  play: ['m6 4 14 8-14 8z'],
+  pause: ['M8 5v14', 'M16 5v14'],
+  square: ['M6 6h12v12H6z'],
   copy: ['M8 8V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-3', 'M5 8h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2Z'],
   pencil: ['M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z', 'm15 5 4 4'],
 };
@@ -301,6 +305,8 @@ if (statusbarEl) {
 const PALETTE_COMMANDS = [
   { id: 'new', label: 'Nueva sesión en otra carpeta', hint: '/new', run: () => openFolderPicker() },
   { id: 'init', label: 'Analizar el proyecto y crear AGENTS.md', hint: '/init', run: () => runSlash('init') },
+  { id: 'resumen', label: 'Resumir la conversación', hint: '/resumen', run: () => runSlash('resumen') },
+  { id: 'audioresumen', label: 'Resumen como audio', hint: '/audioresumen', run: () => runSlash('audioresumen') },
   { id: 'compact', label: 'Compactar la conversación', hint: '/compact', run: () => runSlash('compact') },
   { id: 'clear', label: 'Limpiar la conversación', hint: '/clear', run: () => runSlash('clear') },
   { id: 'mode', label: 'Cambiar Plan / Build', hint: 'Ctrl+.', run: () => toggleMode() },
@@ -330,7 +336,7 @@ function runSlash(name) {
 function paletteItems(query) {
   const q = query.trim().toLowerCase();
   const items = PALETTE_COMMANDS.filter(
-    (c) => !q || c.label.toLowerCase().includes(q) || c.id.includes(q)
+    (c) => !q || c.label.toLowerCase().includes(q) || c.id.includes(q) || (c.hint ?? '').toLowerCase().includes(q)
   ).map((c) => ({ label: c.label, hint: c.hint || 'comando', run: c.run }));
 
   for (const session of palette.results.sessions) {
@@ -902,7 +908,7 @@ function addMessageActions(message) {
   const actions = el('div', 'msg-actions');
   const trigger = el('button', 'msg-menu-btn');
   trigger.type = 'button';
-  trigger.appendChild(icon('dots-vertical', 16));
+  trigger.appendChild(icon(window.matchMedia('(min-width: 821px)').matches ? 'dots-horizontal' : 'dots-vertical', 16));
   trigger.title = 'opciones del mensaje';
   trigger.setAttribute('aria-haspopup', 'menu');
   trigger.setAttribute('aria-expanded', 'false');
@@ -1252,18 +1258,13 @@ async function loadFullToolResult(entry, message) {
   }
 }
 
-/** Reproductor del tool `speak`: sintetiza el texto pedido contra /api/tts. */
-function speakAudio(args) {
+/** Botón del tool `speak`: encola el audio pedido en el reproductor global. */
+function speakControl(args) {
   const texto = String(args?.texto ?? '').trim();
   if (!texto) return null;
-  const params = new URLSearchParams({ texto });
-  if (args?.voice) params.set('voice', args.voice);
-  if (args?.rate) params.set('rate', args.rate);
-  const audio = el('audio', 'tool-audio');
-  audio.controls = true;
-  audio.preload = 'none';
-  audio.src = `/api/tts?${params.toString()}`;
-  return audio;
+  const btn = button('', () => reproducirVoz(texto, { voice: args?.voice, rate: args?.rate, label: 'voz' }).catch(() => {}), 'tool-audio-btn');
+  btn.append(icon('play', 13), el('span', '', 'escuchar'));
+  return btn;
 }
 
 /** Texto de la tarjeta: el server ya manda `summary` calculado; esto es el fallback. */
@@ -1277,17 +1278,17 @@ function addToolCard(message, name, args, { callId = null, open = null, round =
   const argsEl = el('span', 'tool-args', summary ?? toolSummary(name, args));
   head.append(glyph, el('span', 'tool-name', name), argsEl);
   const out = el('div', 'tool-out');
-  const audio = name === 'speak' ? speakAudio(args) : null;
+  const speak = name === 'speak' ? speakControl(args) : null;
   const more = button('ver completo', () => loadFullToolResult(entry, message), 'tool-more');
   more.hidden = true;
   card.append(head, out);
-  if (audio) card.appendChild(audio);
+  if (speak) card.appendChild(speak);
   card.appendChild(more);
   message.tools.appendChild(card);
   ensureToolsToggle(message);
   scrollMessages(paneOf(message));
 
-  const entry = { card, out, glyph, argsEl, more, audio, callId, full: false, truncated: false };
+  const entry = { card, out, glyph, argsEl, more, callId, full: false, truncated: false };
   card.addEventListener('toggle', () => {
     if (card.open && entry.truncated && !entry.full) loadFullToolResult(entry, message);
   });
@@ -2022,8 +2023,8 @@ function handleChatEvent(event, data, turn) {
     setActivity(target, 'working');
     turn.lastTool = addToolCard(target, data.name, data.args, { callId: data.id, summary: data.summary });
     if (turn.live && data.name === 'speak') {
-      const player = turn.lastTool?.audio;
-      if (player) player.play?.().catch?.(() => {});
+      const texto = String(data.args?.texto ?? '').trim();
+      if (texto) reproducirVoz(texto, { voice: data.args?.voice, rate: data.args?.rate, label: 'voz' }).catch(() => {});
     }
   } else if (event === 'tool_result') {
     setActivity(turn.assistant(), 'thinking');
@@ -2446,8 +2447,8 @@ const micBtn = $('#mic-btn');
 
 // La cuenta 3-2-1 le da tiempo al micro a arrancar (si hablás apenas tocás se
 // pierden las primeras palabras); la cola al cortar evita perder el final.
-const REC_COUNT = [3, 2, 1];
-const REC_COUNT_STEP_MS = 900;
+const REC_COUNT = [3, 2, 1, 0];
+const REC_COUNT_STEP_MS = 500;
 const REC_TAIL_MS = 500;
 
 /** Estado visual del botón de dictado: cuenta regresiva, grabando (verde) o transcribiendo. */
@@ -2891,6 +2892,8 @@ const COMMANDS = [
   ['/new', 'nueva sesión (elegís carpeta)'],
   ['/init', 'analizar el proyecto y crear/actualizar AGENTS.md'],
   ['/goal <texto>', 'fijar el objetivo de la sesión'],
+  ['/resumen', 'resumir la conversación (sin borrarla)'],
+  ['/audioresumen', 'el resumen como audio'],
   ['/compact', 'resumir la conversación y liberar contexto'],
   ['/clear', 'borrar los mensajes de esta sesión'],
   ['/cwd', 'mostrar la carpeta de trabajo'],
@@ -2991,6 +2994,32 @@ async function runCommand(name, arg) {
       notify(`Objetivo de la sesión: **${arg}**`);
       return { handled: true };
     }
+    case 'resumen':
+    case 'resume': {
+      if (!state.sessionId) return needSession();
+      notify('Resumiendo la conversación…');
+      const out = await api(`/api/sessions/${state.sessionId}/summary`, { method: 'POST' }).catch((error) => ({
+        error: error.message,
+      }));
+      if (out.error) notify(`No se pudo resumir: ${out.error}`, 'notice err');
+      else notify(`**Resumen**\n\n${out.summary}`);
+      return { handled: true };
+    }
+    case 'audioresumen':
+    case 'audio-resumen': {
+      if (!state.sessionId) return needSession();
+      notify('Preparando el resumen…');
+      const out = await api(`/api/sessions/${state.sessionId}/summary`, { method: 'POST' }).catch((error) => ({
+        error: error.message,
+      }));
+      if (out.error) {
+        notify(`No se pudo resumir: ${out.error}`, 'notice err');
+        return { handled: true };
+      }
+      notify(`**Resumen**\n\n${out.summary}`);
+      reproducirVoz(out.summary, { label: 'resumen' }).catch((error) => notify(`No se pudo reproducir el audio: ${error.message}`, 'notice err'));
+      return { handled: true };
+    }
     case 'compact': {
       if (!state.sessionId) return needSession();
       notify('Compactando la conversación…');
@@ -3053,7 +3082,10 @@ function updateSlashMenu() {
   const value = chatInput.value;
   if (!value.startsWith('/') || /\s/.test(value)) return hideSlashMenu();
   const query = value.slice(1).toLowerCase();
-  slashMatches = slashCommandEntries().filter((entry) => entry.name.slice(1).toLowerCase().startsWith(query));
+  slashMatches = slashCommandEntries().filter(
+    (entry) =>
+      entry.name.slice(1).toLowerCase().startsWith(query) || entry.desc.toLowerCase().includes(query)
+  );
   if (!slashMatches.length) return hideSlashMenu();
   if (slashIndex >= slashMatches.length) slashIndex = 0;
   renderSlashMenu();
@@ -3896,35 +3928,139 @@ const voz = {
     rate: '+0%',
     announce: { start: true, tools: true, end: true },
   },
-  cola: Promise.resolve(),
 };
 
-/** Reproduce una frase contra el endpoint de sintesis del server. */
-function reproducirVoz(frase, { voice, rate } = {}) {
+/**
+ * Un único reproductor para TODO el audio (narración, tool `speak`,
+ * `/audioresumen`, prueba de voz): encola y reproduce de a uno, en orden, con
+ * controles visibles para pausar o detener. Antes cada audio creaba su propio
+ * `<audio>` y, si el modelo pedía dos, sonaban encimados y sin forma de pararlos.
+ */
+const ap = { el: $('#audio-player'), audio: new Audio(), queue: [], current: null, ready: false };
+
+function ensurePlayer() {
+  if (!ap.el || ap.ready) return;
+  ap.ready = true;
+  ap.toggle = button('', () => toggleAudio(), 'ap-btn');
+  ap.iconEl = el('span', 'ap-icon');
+  ap.toggle.appendChild(ap.iconEl);
+  ap.labelEl = el('span', 'ap-label');
+  ap.barEl = el('div', 'ap-bar');
+  const progress = el('div', 'ap-progress');
+  progress.appendChild(ap.barEl);
+  const info = el('div', 'ap-info');
+  info.append(ap.labelEl, progress);
+  ap.queueEl = el('span', 'ap-queue');
+  ap.stopBtn = button('', () => stopAudio(), 'ap-btn ap-stop');
+  ap.stopBtn.title = 'detener';
+  ap.stopBtn.setAttribute('aria-label', 'detener audio');
+  ap.stopBtn.appendChild(icon('square', 14));
+  ap.el.append(ap.toggle, info, ap.queueEl, ap.stopBtn);
+
+  ap.audio.addEventListener('ended', () => advanceAudio(ap.current));
+  ap.audio.addEventListener('error', () => {
+    if (ap.current && ap.audio.getAttribute('src')) advanceAudio(ap.current, new Error('No se pudo reproducir el audio.'));
+  });
+  ap.audio.addEventListener('play', renderAudio);
+  ap.audio.addEventListener('pause', renderAudio);
+  ap.audio.addEventListener('timeupdate', () => {
+    const { duration, currentTime } = ap.audio;
+    if (!Number.isFinite(duration) || duration <= 0) return;
+    ap.barEl.style.width = `${Math.min(100, (currentTime / duration) * 100)}%`;
+  });
+}
+
+/** Encola un audio. La promesa se resuelve al terminar (o al detenerlo). */
+function enqueueSpeech({ texto, voice, rate, label = 'audio', maxAgeMs = 0 } = {}) {
+  const frase = String(texto ?? '').trim();
+  if (!frase) return Promise.resolve();
+  ensurePlayer();
   return new Promise((resolve, reject) => {
-    const params = new URLSearchParams({
-      texto: frase,
-      voice: voice ?? voz.settings.voice,
-      rate: rate ?? voz.settings.rate,
-    });
-    const audio = new Audio(`/api/tts?${params}`);
-    audio.onended = () => resolve();
-    audio.onerror = () => reject(new Error('no se pudo reproducir (¿sin conexión?)'));
-    audio.play().catch(() => reject(new Error('el navegador bloqueó el audio: tocá la página y probá de nuevo')));
+    ap.queue.push({ texto: frase, voice, rate, label, createdAt: Date.now(), maxAgeMs, resolve, reject });
+    if (ap.current) renderAudio();
+    else playNextAudio();
+  });
+}
+
+function playNextAudio() {
+  const item = ap.queue.shift();
+  if (!item) {
+    ap.current = null;
+    renderAudio();
+    return;
+  }
+  if (item.maxAgeMs && Date.now() - item.createdAt > item.maxAgeMs) {
+    item.resolve?.();
+    return playNextAudio();
+  }
+  ap.current = item;
+  const params = new URLSearchParams({
+    texto: item.texto,
+    voice: item.voice ?? voz.settings.voice,
+    rate: item.rate ?? voz.settings.rate,
   });
+  ap.audio.src = `/api/tts?${params}`;
+  ap.audio.play().catch(() => {
+    advanceAudio(item, new Error('el navegador bloqueó el audio: tocá la página y probá de nuevo'));
+  });
+  renderAudio();
+}
+
+function advanceAudio(item, error) {
+  if (!item || ap.current !== item) return;
+  ap.current = null;
+  if (error) item.reject?.(error);
+  else item.resolve?.();
+  playNextAudio();
+}
+
+function toggleAudio() {
+  if (!ap.current) return;
+  if (ap.audio.paused) ap.audio.play().catch(() => {});
+  else ap.audio.pause();
+}
+
+/** Detiene lo que suena y vacía lo que espera. */
+function stopAudio() {
+  for (const item of ap.queue) item.resolve?.();
+  ap.queue = [];
+  const current = ap.current;
+  ap.current = null;
+  current?.resolve?.();
+  ap.audio.pause();
+  ap.audio.removeAttribute('src');
+  ap.audio.load();
+  if (ap.barEl) ap.barEl.style.width = '0%';
+  renderAudio();
+}
+
+function renderAudio() {
+  if (!ap.el || !ap.ready) return;
+  const active = Boolean(ap.current) || ap.queue.length > 0;
+  ap.el.hidden = !active;
+  if (!active) return;
+  ap.labelEl.textContent = ap.current?.label ?? 'audio';
+  ap.queueEl.hidden = ap.queue.length === 0;
+  ap.queueEl.textContent = ap.queue.length ? `+${ap.queue.length}` : '';
+  const playing = Boolean(ap.current) && !ap.audio.paused;
+  ap.iconEl.replaceChildren(icon(playing ? 'pause' : 'play', 14));
+  ap.toggle.title = playing ? 'pausar' : 'reproducir';
+  ap.toggle.setAttribute('aria-label', ap.toggle.title);
+}
+
+/** Reproduce una frase contra el endpoint de sintesis del server. */
+function reproducirVoz(frase, { voice, rate, label, maxAgeMs } = {}) {
+  return enqueueSpeech({ texto: frase, voice, rate, label, maxAgeMs });
 }
 
 /**
- * Encola una frase para hablar (secuencial: una a la vez). Si el turno tarda y
- * la frase quedó vieja en la cola, se descarta: narrar el pasado no informa.
+ * Narra una frase del turno. Si el turno tarda y la frase quedó vieja en la
+ * cola, se descarta al llegar su turno (`maxAgeMs`): narrar el pasado no informa.
  */
 function hablar(texto) {
   const frase = String(texto ?? '').trim();
   if (!frase || !voz.settings.enabled) return;
-  const creado = Date.now();
-  voz.cola = voz.cola
-    .then(() => (Date.now() - creado > 45000 ? null : reproducirVoz(frase)))
-    .catch(() => {});
+  reproducirVoz(frase, { label: 'narrando', maxAgeMs: 45000 }).catch(() => {});
 }
 
 /** Habla el progreso de un turno EN VIVO: el replay de una reconexion no habla. */

package/harness/packages/server/public/index.html

@@ -34,7 +34,7 @@
   </head>
   <body>
     <header class="topbar">
-      <div class="brand"><span class="logo"><span class="logo-t">T</span><span class="logo-h">H</span></span> <span class="ver">v0.9.2</span></div>
+      <div class="brand"><span class="logo"><span class="logo-t">T</span><span class="logo-h">H</span></span> <span class="ver">v0.9.3</span></div>
       <nav class="tabs">
         <button class="tab active" data-tab="chat">chat</button>
         <button class="tab" data-tab="providers">proveedores</button>
@@ -141,6 +141,7 @@
         <div id="toasts" class="toasts" aria-live="polite"></div>
         <div id="attach-preview" class="attach-preview" hidden></div>
             <div id="chat-queue" class="chat-queue" hidden></div>
+            <div id="audio-player" class="audio-player" hidden></div>
             <div class="composer-row">
               <span class="prompt-mark">❯</span>
               <button type="button" id="attach-image" class="btn icon" title="Adjuntar imagen (o pegala / arrastrala)" aria-label="adjuntar imagen">

package/harness/packages/server/public/styles.css

@@ -521,7 +521,7 @@ body.resizing * { cursor: col-resize !important; }
 }
 .msg-menu[hidden] { display: none; }
 .msg-menu-sep { height: 1px; margin: 4px 6px; background: var(--border); }
-.msg-actions button.msg-act {
+.msg-menu .msg-act {
   width: 100%;
   display: flex;
   align-items: center;
@@ -537,11 +537,24 @@ body.resizing * { cursor: col-resize !important; }
 }
 .msg-act .mi { flex: 0 0 auto; color: var(--muted); }
 .msg-act .mlabel { min-width: 0; }
-.msg-actions button.msg-act:hover { background: var(--theirs); }
-.msg-actions button.msg-act:hover .mi { color: var(--accent); }
-.msg-actions button.msg-act.danger { color: var(--danger); }
-.msg-actions button.msg-act.danger:hover { background: var(--theirs); }
-.msg-actions button.msg-act.danger:hover .mi { color: var(--danger); }
+.msg-menu .msg-act:hover { background: var(--theirs); }
+.msg-menu .msg-act:hover .mi { color: var(--accent); }
+.msg-menu .msg-act.danger { color: var(--danger); }
+.msg-menu .msg-act.danger:hover { background: var(--theirs); }
+.msg-menu .msg-act.danger:hover .mi { color: var(--danger); }
+
+/* En PC el menú del mensaje va en linea (una fila), con el mismo lenguaje
+   visual de la consola. En pantallas chicas queda como lista desplegable. */
+@media (min-width: 821px) {
+  .msg-menu {
+    flex-direction: row;
+    align-items: center;
+    min-width: 0;
+    gap: 2px;
+  }
+  .msg-menu .msg-act { width: auto; white-space: nowrap; }
+  .msg-menu-sep { width: 1px; height: auto; align-self: stretch; margin: 6px 3px; }
+}
 .bubble .tools { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; font-weight: 700; }
 
 .tools-actions { display: flex; align-items: center; gap: 8px; }
@@ -600,12 +613,73 @@ body.resizing * { cursor: col-resize !important; }
   overflow: auto;
 }
 .tool-card > .tool-out:empty { display: none; }
-.tool-card > .tool-audio {
-  display: block;
-  width: calc(100% - 28px);
-  height: 32px;
+.tool-card > .tool-audio-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
   margin: 4px 0 2px 18px;
+  padding: 4px 10px;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  background: transparent;
+  color: var(--accent);
+  cursor: pointer;
+  font: 600 12px var(--sans);
+}
+.tool-card > .tool-audio-btn:hover { background: var(--theirs); }
+
+/* Reproductor único de audio (narración, speak, resumen): visible y detenible. */
+.audio-player {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 7px 10px;
+  margin-bottom: 6px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  background: var(--solid, var(--panel));
+  box-shadow: 0 6px 18px rgb(0 0 0 / 0.12);
 }
+.audio-player[hidden] { display: none; }
+.audio-player .ap-btn {
+  flex: 0 0 auto;
+  display: inline-grid;
+  place-items: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  background: transparent;
+  color: var(--accent);
+  cursor: pointer;
+}
+.audio-player .ap-btn:hover { background: var(--theirs); }
+.audio-player .ap-stop { color: var(--danger); }
+.audio-player .ap-info { flex: 1 1 auto; min-width: 0; }
+.audio-player .ap-label {
+  display: block;
+  color: var(--muted);
+  font: 600 11px var(--sans);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  margin-bottom: 4px;
+}
+.audio-player .ap-progress {
+  height: 4px;
+  border-radius: 999px;
+  background: var(--border);
+  overflow: hidden;
+}
+.audio-player .ap-bar {
+  width: 0%;
+  height: 100%;
+  border-radius: 999px;
+  background: var(--accent);
+  transition: width 0.15s linear;
+}
+.audio-player .ap-queue { flex: 0 0 auto; color: var(--muted); font: 600 11px var(--sans); }
+.audio-player .ap-queue[hidden] { display: none; }
 .tool-more {
   display: inline-block;
   margin: 2px 0 2px 18px;
@@ -946,7 +1020,7 @@ pre.code code { background: none; border: 0; padding: 0; font-size: 0.92em; }
   left: 14px;
   right: 14px;
   bottom: calc(100% - 6px);
-  max-height: 260px;
+  max-height: min(60vh, 420px);
   overflow-y: auto;
   display: flex;
   flex-direction: column;
@@ -954,8 +1028,9 @@ pre.code code { background: none; border: 0; padding: 0; font-size: 0.92em; }
   padding: 6px;
   border: 1px solid var(--border);
   border-radius: 12px;
-  background: var(--panel);
+  background: var(--solid, var(--panel));
   box-shadow: 0 12px 32px rgb(0 0 0 / 0.22);
+  backdrop-filter: blur(18px);
   z-index: 30;
 }
 .slash-menu[hidden] { display: none; }

package/harness/packages/server/src/lib/channels/telegram.js

@@ -14,7 +14,6 @@ import {
   resolveProviderFor,
   toolCallPayload,
 } from '../agentRun.js';
-import { fraseFin } from '../announcer.js';
 import { mp3AOgg } from '../ffmpeg.js';
 import { resolveTts } from '../ttsSettings.js';
 import { transcribeAudio } from '../transcribe.js';
@@ -195,13 +194,6 @@ export function startTelegramChannel(
     }
   }
 
-  /** Resumen hablado del cierre del turno, según los ajustes de voz. */
-  async function sendResumenDeVoz(chatId, texto) {
-    const tts = resolveTts(ctx.app);
-    if (!tts.enabled || tts.announce.end === false) return;
-    await enviarNotaDeVoz(chatId, texto);
-  }
-
   // --- proyectos ------------------------------------------------------------
 
   /** Carpeta raíz para elegir proyecto: la predeterminada de la consola o el cwd. */
@@ -458,7 +450,6 @@ export function startTelegramChannel(
       }
       const footer = completionFooter(result.stopReason, result.rounds, toolCalls, durationMs);
       await edit(chatId, message.message_id, `${body}\n\n— ${footer}`);
-      await sendResumenDeVoz(chatId, fraseFin({ stopReason: result.stopReason, rounds: result.rounds, toolCalls, durationMs }));
       ctx.store.addMessages(sessionId, newMessages);
       ctx.store.touchSession(sessionId, { provider: providerId, model });
     } catch (error) {
@@ -784,18 +775,7 @@ export function startTelegramChannel(
 
       if (event.type === 'done' && notifyConfig.done) {
         const text = `[${project}] ✅ Sesión terminada.\n\n${String(event.data?.content ?? '').slice(0, 3500)}`;
-        const decir =
-          event.data?.say ??
-          fraseFin({
-            stopReason: event.data?.stopReason,
-            rounds: event.data?.rounds,
-            toolCalls: event.data?.toolCalls,
-            durationMs: event.data?.durationMs,
-          });
-        for (const chatId of targets) {
-          send(chatId, text).catch(() => {});
-          sendResumenDeVoz(chatId, `${project}. ${decir}`);
-        }
+        for (const chatId of targets) send(chatId, text).catch(() => {});
       } else if (event.type === 'error' && notifyConfig.error) {
         const text = `[${project}] ✗ Error en la sesión: ${event.data?.message ?? ''}`;
         for (const chatId of targets) send(chatId, text).catch(() => {});

package/harness/packages/server/src/routes/sessions.js

@@ -6,6 +6,49 @@ import { sessionView, sessionState, awaitingBySession } from '../lib/sessionView
 const COMPACT_INSTRUCTION =
   'Resumí la conversación en un texto conciso que preserve decisiones tomadas, archivos tocados, hallazgos y el estado actual, para poder continuar el trabajo sin el historial completo.';
 
+const SUMMARY_INSTRUCTION =
+  'Resumí la conversación para la persona: qué se pidió, qué se hizo, decisiones tomadas, archivos o comandos relevantes y el estado actual. Sé claro y conciso, en español, sin markdown pesado.';
+
+function sessionTranscript(messages) {
+  return messages
+    .map((m) => `${m.role}: ${typeof m.content === 'string' ? m.content : JSON.stringify(m.content)}`)
+    .join('\n');
+}
+
+/**
+ * Corre un resumen no destructivo de la sesión (no toca el historial).
+ * Devuelve `{ summary }` o `{ error, status }`.
+ */
+async function summarizeSession(ctx, session, instruction) {
+  const messages = ctx.store.getMessages(session.id);
+  if (!messages.length) return { error: 'La sesión no tiene mensajes para resumir.', status: 400 };
+  const providerId = session.provider || ctx.effectiveProviderId();
+  const model = session.model || ctx.effectiveModel();
+  if (!model) return { error: 'Falta el modelo para resumir.', status: 400 };
+
+  try {
+    const { provider, config } = ctx.resolveProvider({
+      ...ctx.providerSettings(providerId),
+      apiKey: ctx.apiKeyFor(providerId),
+    });
+    const result = await runAgent({
+      provider,
+      config,
+      model,
+      messages: [
+        { role: 'system', content: instruction },
+        { role: 'user', content: sessionTranscript(messages).slice(0, 60000) },
+      ],
+      tools: [],
+    });
+    const summary = result.content?.trim();
+    if (!summary) return { error: 'El modelo no devolvió un resumen.', status: 502 };
+    return { summary };
+  } catch (error) {
+    return { error: `No se pudo resumir: ${error?.message ?? error}`, status: 502 };
+  }
+}
+
 export function registerSessions(route, ctx) {
   route('GET', '/api/sessions', ({ res }) => {
     const awaiting = awaitingBySession(ctx.approvals.list());
@@ -123,40 +166,19 @@ export function registerSessions(route, ctx) {
   route('POST', '/api/sessions/:id/compact', async ({ res, params }) => {
     const session = ctx.store.getSession(params.id);
     if (!session) return sendError(res, 404, 'Sesión no encontrada.');
-    const messages = ctx.store.getMessages(params.id);
-    if (!messages.length) return sendError(res, 400, 'La sesión no tiene mensajes para compactar.');
-
-    const providerId = session.provider || ctx.effectiveProviderId();
-    const model = session.model || ctx.effectiveModel();
-    if (!model) return sendError(res, 400, 'Falta el modelo para compactar.');
-
-    const transcript = messages
-      .map((m) => `${m.role}: ${typeof m.content === 'string' ? m.content : JSON.stringify(m.content)}`)
-      .join('\n');
+    const out = await summarizeSession(ctx, session, COMPACT_INSTRUCTION);
+    if (out.error) return sendError(res, out.status, out.error);
+    ctx.store.clearMessages(params.id);
+    ctx.store.touchSession(params.id, { meta: { summary: out.summary } });
+    sendJson(res, 200, { summary: out.summary, messages: 0 });
+  });
 
-    try {
-      const { provider, config } = ctx.resolveProvider({
-        ...ctx.providerSettings(providerId),
-        apiKey: ctx.apiKeyFor(providerId),
-      });
-      const result = await runAgent({
-        provider,
-        config,
-        model,
-        messages: [
-          { role: 'system', content: COMPACT_INSTRUCTION },
-          { role: 'user', content: transcript.slice(0, 60000) },
-        ],
-        tools: [],
-      });
-      const summary = result.content?.trim();
-      if (!summary) return sendError(res, 502, 'El modelo no devolvió un resumen.');
-      ctx.store.clearMessages(params.id);
-      ctx.store.touchSession(params.id, { meta: { summary } });
-      sendJson(res, 200, { summary, messages: 0 });
-    } catch (error) {
-      sendError(res, 502, `No se pudo compactar: ${error?.message ?? error}`);
-    }
+  route('POST', '/api/sessions/:id/summary', async ({ res, params }) => {
+    const session = ctx.store.getSession(params.id);
+    if (!session) return sendError(res, 404, 'Sesión no encontrada.');
+    const out = await summarizeSession(ctx, session, SUMMARY_INSTRUCTION);
+    if (out.error) return sendError(res, out.status, out.error);
+    sendJson(res, 200, { summary: out.summary });
   });
 
   route('DELETE', '/api/sessions/:id', ({ res, params }) => {

package/harness/packages/server/test/server.test.js

@@ -1719,6 +1719,40 @@ test('compact summarizes the session and clears its messages', async () => {
   }
 });
 
+test('the summary endpoint returns a summary without clearing the messages', async () => {
+  const cwd = await mkdtemp(path.join(tmpdir(), 'tamnora-summary-'));
+  const provider = {
+    id: 'sum',
+    async streamChat(_config, opts) {
+      const system = opts.messages.find((m) => m.role === 'system')?.content ?? '';
+      return { content: system.includes('Resumí la conversación') ? 'RESUMEN FINAL' : 'hola', reasoning: '', toolCalls: [] };
+    },
+  };
+  const { instance, base } = await startServer({ cwd, resolveProvider: () => ({ provider, config: {} }) });
+  const json = { 'Content-Type': 'application/json' };
+  try {
+    const created = await (
+      await fetch(`${base}/api/sessions`, { method: 'POST', headers: json, body: JSON.stringify({ title: 'S' }) })
+    ).json();
+    const id = created.session.id;
+    await (await fetch(`${base}/api/chat`, {
+      method: 'POST',
+      headers: json,
+      body: JSON.stringify({ input: 'hola', model: 'm', sessionId: id }),
+    })).text();
+
+    const summary = await (
+      await fetch(`${base}/api/sessions/${id}/summary`, { method: 'POST', headers: json })
+    ).json();
+    assert.equal(summary.summary, 'RESUMEN FINAL');
+
+    const detail = await (await fetch(`${base}/api/sessions/${id}`)).json();
+    assert.ok(detail.messages.length > 0, 'no borra el historial');
+  } finally {
+    await instance.close();
+  }
+});
+
 test('exposes modes and persists the active mode', async () => {
   const { instance, base } = await startServer();
   const json = { 'Content-Type': 'application/json' };

package/harness/packages/server/test/telegram-voz.test.js

@@ -107,7 +107,7 @@ function preselect(ctx, cwd, chatId = '7') {
   return sessionId;
 }
 
-test('con la voz activada, el turno de Telegram termina con una nota de voz', async () => {
+test('el cierre del turno de Telegram no manda audio aunque la voz esté activada', async () => {
   const cwd = await mkdtemp(path.join(tmpdir(), 'tamnora-tgvoz-'));
   const ctx = makeCtx(cwd, { tts: { enabled: true, voice: 'es-AR-ElenaNeural', rate: '+0%', announce: { end: true } } });
   preselect(ctx, cwd);
@@ -117,10 +117,8 @@ test('con la voz activada, el turno de Telegram termina con una nota de voz', as
   const channel = startTelegramChannel(ctx, { token: 'x', allowedChatIds: ['7'], log: () => {} });
   try {
     mock.updates.push({ update_id: 1, message: { chat: { id: 7 }, text: 'hola' } });
-    await waitFor(() => mock.multipart.length > 0);
-    const nota = mock.multipart[0];
-    assert.equal(nota.chatId, '7');
-    assert.match(nota.method, /^send(Voice|Audio)$/);
+    await waitFor(() => mock.sent.some((m) => /✓ terminado/.test(m.text ?? '')));
+    assert.equal(mock.multipart.length, 0);
   } finally {
     global.WebSocket = original;
     channel.stop();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danieltmn/tamnora",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "Harness local para IAs: agente CLI-first con TUI, consola web y evaluacion. Node puro, sin dependencias.",
   "type": "module",
   "packageManager": "pnpm@11.25.0",